@burdenoff/microfe-bigconsole 2026.1006.1 → 2026.1007.11

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

@@ -14,3 +14,4 @@ export interface ExportDataSinkDialogProps {
 }
 export declare const ExportDataSinkDialog: FC<ExportDataSinkDialogProps>;
 export default ExportDataSinkDialog;
+//# sourceMappingURL=ExportDataSinkDialog.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ExportDataSinkDialog.d.ts","sourceRoot":"","sources":["../../../../src/bigconsole/components/datasink/ExportDataSinkDialog.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,KAAK,EAAE,EAA0C,MAAM,OAAO,CAAC;AAWxE,MAAM,WAAW,yBAAyB;IACxC,6BAA6B;IAC7B,MAAM,EAAE,OAAO,CAAC;IAChB,4BAA4B;IAC5B,UAAU,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1B,iCAAiC;IACjC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,qCAAqC;IACrC,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,oCAAoC;IACpC,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;CACxB;AA6LD,eAAO,MAAM,oBAAoB,EAAE,EAAE,CAAC,yBAAyB,CAgI7D,CAAC;AAEH,eAAe,oBAAoB,CAAC"}

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

@@ -274,3 +274,5 @@ var v = {
 });
 //#endregion
 export { x as default };
+
+//# sourceMappingURL=ExportDataSinkDialog.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ExportDataSinkDialog.js","names":[],"sources":["../../../../src/bigconsole/components/datasink/ExportDataSinkDialog.tsx"],"sourcesContent":["/**\n * ExportDataSinkDialog Component\n *\n * Modal dialog for exporting a DataSink to JSON.\n * Uses inline styles for consistent styling across environments.\n */\n\nimport { type FC, memo, useState, useCallback, useEffect } from 'react';\nimport { Dialog, DialogContent, DialogTitle, DialogDescription } from '@burdenoff/fe-libs/ui';\nimport { Spinner } from '@burdenoff/fe-libs/ui';\nimport { Download, FileJson, Check } from 'lucide-react';\nimport { useExportDataSink, type ExportDataSinkOptions } from '../../hooks';\nimport { Section, SECTION_FOCUS_RING } from '../common';\n\n// ============================================================================\n// Types\n// ============================================================================\n\nexport interface ExportDataSinkDialogProps {\n  /** Whether dialog is open */\n  isOpen: boolean;\n  /** DataSink ID to export */\n  dataSinkId: string | null;\n  /** DataSink name for filename */\n  dataSinkName?: string;\n  /** Callback when dialog is closed */\n  onClose: () => void;\n  /** Callback when export succeeds */\n  onSuccess?: () => void;\n}\n\n// ============================================================================\n// Styles\n// ============================================================================\n\nconst styles = {\n  dialogContent: {\n    maxWidth: '450px',\n    width: '95vw',\n    padding: 0,\n    borderRadius: '12px',\n    overflow: 'hidden',\n  } as React.CSSProperties,\n  header: {\n    display: 'flex',\n    alignItems: 'center',\n    gap: '12px',\n    padding: '20px 24px',\n    borderBottom: '1px solid var(--color-border)',\n    backgroundColor: 'var(--color-bg-sunken)',\n  } as React.CSSProperties,\n  iconWrapper: {\n    width: '44px',\n    height: '44px',\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n    borderRadius: '10px',\n    backgroundColor: 'var(--color-action-primary-bg)',\n    color: 'var(--color-action-primary-text)',\n    flexShrink: 0,\n  } as React.CSSProperties,\n  headerText: {\n    flex: 1,\n  } as React.CSSProperties,\n  title: {\n    fontSize: '16px',\n    fontWeight: 600,\n    color: 'var(--color-text-primary)',\n    margin: 0,\n  } as React.CSSProperties,\n  description: {\n    fontSize: '13px',\n    color: 'var(--color-text-secondary)',\n    margin: '4px 0 0 0',\n  } as React.CSSProperties,\n  content: {\n    padding: '20px 24px',\n  } as React.CSSProperties,\n  dataSinkName: {\n    fontSize: '14px',\n    fontWeight: 500,\n    color: 'var(--color-text-primary)',\n    margin: 0,\n    overflow: 'hidden',\n    textOverflow: 'ellipsis',\n    whiteSpace: 'nowrap',\n  } as React.CSSProperties,\n  optionItem: {\n    display: 'flex',\n    alignItems: 'flex-start',\n    gap: '12px',\n    width: '100%',\n    textAlign: 'left',\n    padding: '12px',\n    borderRadius: 'var(--radius-card)',\n    marginBottom: '8px',\n    backgroundColor: 'var(--color-bg-sunken)',\n    border: '1px solid var(--color-border)',\n    cursor: 'pointer',\n  } as React.CSSProperties,\n  // The selected row used to paint its whole background with the primary action\n  // colour, making it by far the loudest selected state in the module. A subtle\n  // accent wash plus an accent border reads as \"chosen\" without shouting.\n  optionItemActive: {\n    backgroundColor: 'var(--color-bg-accentSubtle)',\n    borderColor: 'var(--color-action-primary-bg)',\n  } as React.CSSProperties,\n  checkbox: {\n    width: '20px',\n    height: '20px',\n    borderRadius: '4px',\n    border: '2px solid var(--color-border)',\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n    flexShrink: 0,\n    marginTop: '2px',\n    transition: 'all 0.15s ease',\n    cursor: 'pointer',\n  } as React.CSSProperties,\n  checkboxChecked: {\n    backgroundColor: 'var(--color-action-primary-bg)',\n    borderColor: 'var(--color-action-primary-bg)',\n  } as React.CSSProperties,\n  optionText: {\n    flex: 1,\n  } as React.CSSProperties,\n  optionLabel: {\n    fontSize: '14px',\n    fontWeight: 500,\n    color: 'var(--color-text-primary)',\n    margin: 0,\n  } as React.CSSProperties,\n  optionDescription: {\n    fontSize: '12px',\n    color: 'var(--color-text-secondary)',\n    margin: '4px 0 0 0',\n  } as React.CSSProperties,\n  errorText: {\n    fontSize: '13px',\n    color: 'var(--color-status-error-text)',\n    margin: 0,\n  } as React.CSSProperties,\n  footer: {\n    display: 'flex',\n    flexWrap: 'wrap',\n    justifyContent: 'flex-end',\n    gap: '12px',\n    padding: '16px 24px',\n    borderTop: '1px solid var(--color-border)',\n    backgroundColor: 'var(--color-bg-sunken)',\n  } as React.CSSProperties,\n};\n\n/**\n * Footer buttons. Hover used to be JS-driven (`onMouseEnter` mutating inline\n * style), which sticks after a tap on touch devices and cannot express a focus\n * ring; these are CSS classes instead.\n */\nconst FOOTER_BUTTON =\n  `inline-flex min-h-[var(--size-controlHeight-md)] items-center gap-2 rounded-button px-5 py-2 text-sm font-medium motion-safe:transition-colors ${SECTION_FOCUS_RING}` as const;\n\n// ============================================================================\n// Custom Checkbox Component\n// ============================================================================\n\ninterface CustomCheckboxProps {\n  checked: boolean;\n  onChange: (checked: boolean) => void;\n  disabled?: boolean;\n  label: string;\n  description: string;\n}\n\nconst CustomCheckbox: FC<CustomCheckboxProps> = memo(function CustomCheckbox({\n  checked,\n  onChange,\n  disabled,\n  label,\n  description,\n}) {\n  return (\n    <button\n      type=\"button\"\n      role=\"checkbox\"\n      aria-checked={checked}\n      disabled={disabled}\n      className={SECTION_FOCUS_RING}\n      style={{\n        ...styles.optionItem,\n        ...(checked ? styles.optionItemActive : {}),\n        opacity: disabled ? 0.6 : 1,\n        cursor: disabled ? 'not-allowed' : 'pointer',\n      }}\n      onClick={() => !disabled && onChange(!checked)}\n    >\n      <span\n        aria-hidden=\"true\"\n        style={{\n          ...styles.checkbox,\n          ...(checked ? styles.checkboxChecked : {}),\n        }}\n      >\n        {checked && <Check style={{ width: '14px', height: '14px', color: 'var(--color-action-primary-text)' }} />}\n      </span>\n      <span style={styles.optionText}>\n        <span style={{ ...styles.optionLabel, display: 'block' }}>{label}</span>\n        <span style={{ ...styles.optionDescription, display: 'block' }}>{description}</span>\n      </span>\n    </button>\n  );\n});\n\n// ============================================================================\n// Component\n// ============================================================================\n\nexport const ExportDataSinkDialog: FC<ExportDataSinkDialogProps> = memo(function ExportDataSinkDialog({\n  isOpen,\n  dataSinkId,\n  dataSinkName,\n  onClose,\n  onSuccess,\n}) {\n  const [prettyPrint, setPrettyPrint] = useState(true);\n\n  const { loading, error, downloadDataSink, clearError } = useExportDataSink();\n\n  // Reset state when dialog opens\n  useEffect(() => {\n    if (isOpen) {\n      setPrettyPrint(true);\n      clearError();\n    }\n  }, [isOpen, clearError]);\n\n  // Handle export\n  const handleExport = useCallback(async () => {\n    if (!dataSinkId) return;\n\n    const options: ExportDataSinkOptions = {\n      prettyPrint,\n    };\n\n    const success = await downloadDataSink(dataSinkId, dataSinkName, options);\n\n    if (success) {\n      onSuccess?.();\n      onClose();\n    }\n  }, [dataSinkId, dataSinkName, prettyPrint, downloadDataSink, onSuccess, onClose]);\n\n  // Don't render if no DataSink\n  if (!dataSinkId) return null;\n\n  return (\n    <Dialog open={isOpen} onOpenChange={(open) => !open && !loading && onClose()}>\n      <DialogContent style={styles.dialogContent}>\n        {/* Header */}\n        <div style={styles.header}>\n          <div style={styles.iconWrapper}>\n            <FileJson style={{ width: '22px', height: '22px' }} />\n          </div>\n          <div style={styles.headerText}>\n            <DialogTitle asChild>\n              <h2 style={styles.title}>Export DataSink</h2>\n            </DialogTitle>\n            <DialogDescription asChild>\n              <p style={styles.description}>Export your DataSink configuration to a JSON file.</p>\n            </DialogDescription>\n          </div>\n        </div>\n\n        {/* Content */}\n        <div style={styles.content} className=\"space-y-form-gap\">\n          {/* What is being exported — supporting detail. */}\n          {dataSinkName && (\n            <Section\n              emphasis=\"muted\"\n              padding=\"compact\"\n              headingLevel={3}\n              title=\"Exporting\"\n              headerClassName=\"mb-control-gap\"\n            >\n              <p style={styles.dataSinkName}>{dataSinkName}</p>\n            </Section>\n          )}\n\n          {/* Options */}\n          <Section\n            emphasis=\"bare\"\n            padding=\"none\"\n            headingLevel={3}\n            title=\"Export options\"\n            headerClassName=\"mb-control-gap\"\n          >\n            <CustomCheckbox\n              checked={prettyPrint}\n              onChange={setPrettyPrint}\n              disabled={loading}\n              label=\"Format JSON (pretty print)\"\n              description=\"Makes the export file human-readable (larger file size)\"\n            />\n          </Section>\n\n          {/* Error */}\n          {error && (\n            <Section tone=\"danger\" padding=\"compact\" headingLevel={3} title=\"Export failed\">\n              <p style={styles.errorText}>{error.message}</p>\n            </Section>\n          )}\n        </div>\n\n        {/* Footer */}\n        <div style={styles.footer}>\n          <button\n            type=\"button\"\n            className={`${FOOTER_BUTTON} border border-[var(--color-border-default)] bg-bg-surface text-text-secondary hover:bg-bg-sunken`}\n            onClick={onClose}\n            disabled={loading}\n          >\n            Cancel\n          </button>\n          <button\n            type=\"button\"\n            className={`${FOOTER_BUTTON} bg-action-primary-bg text-action-primary-text hover:bg-action-primary-bgHover disabled:cursor-not-allowed disabled:opacity-50`}\n            onClick={handleExport}\n            disabled={loading}\n          >\n            {loading ? (\n              <>\n                <Spinner style={{ width: '16px', height: '16px' }} />\n                Exporting...\n              </>\n            ) : (\n              <>\n                <Download style={{ width: '16px', height: '16px' }} />\n                Download export\n              </>\n            )}\n          </button>\n        </div>\n      </DialogContent>\n    </Dialog>\n  );\n});\n\nexport default ExportDataSinkDialog;\n"],"mappings":"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"}

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

@@ -28,3 +28,4 @@ interface FluidGridsPanelProps {
 }
 export declare const FluidGridsPanel: import('react').NamedExoticComponent<FluidGridsPanelProps>;
 export default FluidGridsPanel;
+//# sourceMappingURL=FluidGridsPanel.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FluidGridsPanel.d.ts","sourceRoot":"","sources":["../../../../src/bigconsole/components/datasink/FluidGridsPanel.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAWH,KAAK,cAAc,GAAG,aAAa,GAAG,UAAU,GAAG,SAAS,GAAG,WAAW,GAAG,QAAQ,CAAC;AAEtF,UAAU,aAAa;IACrB,MAAM,EAAE,cAAc,CAAC;IACvB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;CACtC;AAED,UAAU,oBAAoB;IAC5B,6BAA6B;IAC7B,aAAa,EAAE,aAAa,CAAC;IAC7B,2CAA2C;IAC3C,qBAAqB,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI,CAAC;IACtD,oCAAoC;IACpC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,wCAAwC;IACxC,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,iCAAiC;IACjC,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAyDD,eAAO,MAAM,eAAe,4DAkQ1B,CAAC;AAWH,eAAe,eAAe,CAAC"}

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

@@ -20,3 +20,4 @@ export interface ImportDataGuideDialogProps {
 }
 export declare const ImportDataGuideDialog: FC<ImportDataGuideDialogProps>;
 export default ImportDataGuideDialog;
+//# sourceMappingURL=ImportDataGuideDialog.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ImportDataGuideDialog.d.ts","sourceRoot":"","sources":["../../../../src/bigconsole/components/datasink/ImportDataGuideDialog.tsx"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAEH,OAAO,EAAoB,KAAK,EAAE,EAAkD,MAAM,OAAO,CAAC;AAelG,MAAM,WAAW,0BAA0B;IACzC,6BAA6B;IAC7B,MAAM,EAAE,OAAO,CAAC;IAChB,gCAAgC;IAChC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,2EAA2E;IAC3E,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,qCAAqC;IACrC,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,iEAAiE;IACjE,eAAe,EAAE,MAAM,IAAI,CAAC;IAC5B;;;;OAIG;IACH,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,KAAK,OAAO,CAAC,OAAO,CAAC,CAAC;CACrE;AAUD,eAAO,MAAM,qBAAqB,EAAE,EAAE,CAAC,0BAA0B,CAyS/D,CAAC;AAEH,eAAe,qBAAqB,CAAC"}

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

@@ -225,3 +225,5 @@ var C = 6, w = 1e7, T = 5e4, E = t(function({ isOpen: t, dataSinkName: E, hasExi
 });
 //#endregion
 export { E as default };
+
+//# sourceMappingURL=ImportDataGuideDialog.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ImportDataGuideDialog.js","names":[],"sources":["../../../../src/bigconsole/components/datasink/ImportDataGuideDialog.tsx"],"sourcesContent":["/**\n * Import data into a DataSink. Offers two methods:\n *   1. Build a workflow — a repeatable, scheduled pipeline (the primary path).\n *   2. Upload a CSV file directly (parsed client-side, written to the sink) —\n *      the quickest path for one-off or small datasets.\n *\n * Named to avoid confusion with ImportDataSinkDialog, which imports a DataSink\n * *config* from JSON.\n */\n\nimport { type ChangeEvent, type FC, memo, useCallback, useEffect, useRef, useState } from 'react';\nimport {\n  Dialog,\n  DialogContent,\n  DialogDescription,\n  DialogFooter,\n  DialogHeader,\n  DialogTitle,\n  Button,\n} from '@burdenoff/fe-libs/ui';\nimport { Upload, Workflow, ArrowRight, FileUp, Loader2, AlertTriangle } from 'lucide-react';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\n\nimport { parseCsv, type ParsedCsv } from '../../utils';\n\nexport interface ImportDataGuideDialogProps {\n  /** Whether dialog is open */\n  isOpen: boolean;\n  /** DataSink name for context */\n  dataSinkName?: string;\n  /** Whether the sink already holds data — a CSV import would replace it. */\n  hasExistingData?: boolean;\n  /** Callback when dialog is closed */\n  onClose: () => void;\n  /** Callback when the user chooses to go to the Workflows page */\n  onGoToWorkflows: () => void;\n  /**\n   * When provided, enables the direct CSV upload method. Receives the parsed\n   * rows and should persist them to the DataSink. Resolves true on success\n   * (the dialog then closes) or false on a handled failure.\n   */\n  onImportCsv?: (rows: Record<string, unknown>[]) => Promise<boolean>;\n}\n\nconst MAX_PREVIEW_COLUMNS = 6;\n\n/** Guard against reading a huge file fully into memory (~3-4x its size). */\nconst MAX_CSV_BYTES = 10_000_000; // 10 MB\n\n/** Cap rows so a single updateDataSink payload stays a sane size. */\nconst MAX_CSV_ROWS = 50_000;\n\nexport const ImportDataGuideDialog: FC<ImportDataGuideDialogProps> = memo(function ImportDataGuideDialog({\n  isOpen,\n  dataSinkName,\n  hasExistingData,\n  onClose,\n  onGoToWorkflows,\n  onImportCsv,\n}) {\n  const { t } = useI18n();\n  const fileInputRef = useRef<HTMLInputElement>(null);\n  // Monotonic token for the in-flight file read; bumped on every new selection\n  // or reset so a slow read that resolves late can detect it was superseded.\n  const readSeqRef = useRef(0);\n  const [fileName, setFileName] = useState<string | null>(null);\n  const [parsed, setParsed] = useState<ParsedCsv | null>(null);\n  const [parseError, setParseError] = useState<string | null>(null);\n  const [importError, setImportError] = useState<string | null>(null);\n  const [isImporting, setIsImporting] = useState(false);\n\n  const resetUploadState = useCallback(() => {\n    readSeqRef.current += 1; // invalidate any in-flight file read\n    setFileName(null);\n    setParsed(null);\n    setParseError(null);\n    setImportError(null);\n    setIsImporting(false);\n  }, []);\n\n  // Clear any prior selection whenever the dialog is (re)opened or closed.\n  useEffect(() => {\n    if (!isOpen) resetUploadState();\n  }, [isOpen, resetUploadState]);\n\n  const handleFileChange = useCallback(\n    async (event: ChangeEvent<HTMLInputElement>) => {\n      const file = event.target.files?.[0];\n      // Reset the input so selecting the same file again re-triggers onChange.\n      event.target.value = '';\n      if (!file) return;\n\n      const seq = (readSeqRef.current += 1);\n      setParsed(null);\n      setParseError(null);\n      setImportError(null);\n      setFileName(file.name);\n\n      if (file.size > MAX_CSV_BYTES) {\n        setParseError(\n          t(\n            'bigconsole.dataSinks.importGuide.csvTooLarge',\n            'This CSV is larger than 10 MB. Import large datasets with a workflow instead.'\n          )\n        );\n        return;\n      }\n\n      try {\n        const text = await file.text();\n        if (seq !== readSeqRef.current) return; // superseded by a newer selection/close\n        const result = parseCsv(text);\n        if (result.rows.length > MAX_CSV_ROWS) {\n          setParseError(\n            t(\n              'bigconsole.dataSinks.importGuide.csvTooManyRows',\n              'This CSV has {{rows}} rows (limit {{limit}}). Import large datasets with a workflow instead.',\n              { rows: result.rows.length.toLocaleString(), limit: MAX_CSV_ROWS.toLocaleString() }\n            )\n          );\n          return;\n        }\n        setParsed(result);\n      } catch (err) {\n        if (seq !== readSeqRef.current) return;\n        setParsed(null);\n        setParseError(\n          err instanceof Error\n            ? err.message\n            : t('bigconsole.dataSinks.importGuide.parseFailed', 'Failed to parse the CSV file.')\n        );\n      }\n    },\n    [t]\n  );\n\n  const handleConfirmImport = useCallback(async () => {\n    if (!parsed || !onImportCsv) return;\n    setIsImporting(true);\n    setImportError(null);\n    try {\n      const ok = await onImportCsv(parsed.rows);\n      if (ok) {\n        onClose();\n      } else {\n        setImportError(t('bigconsole.dataSinks.importGuide.importFailed', 'Import failed. Please try again.'));\n      }\n    } catch (err) {\n      setImportError(\n        err instanceof Error\n          ? err.message\n          : t('bigconsole.dataSinks.importGuide.importFailed', 'Import failed. Please try again.')\n      );\n    } finally {\n      setIsImporting(false);\n    }\n  }, [parsed, onImportCsv, onClose, t]);\n\n  const openFilePicker = useCallback(() => fileInputRef.current?.click(), []);\n\n  const previewColumns = parsed?.columns.slice(0, MAX_PREVIEW_COLUMNS) ?? [];\n  const extraColumns = parsed ? parsed.columns.length - previewColumns.length : 0;\n\n  return (\n    <Dialog open={isOpen} onOpenChange={(open) => !open && !isImporting && onClose()}>\n      <DialogContent className=\"sm:max-w-lg\">\n        <DialogHeader>\n          <div className=\"flex items-center gap-3\">\n            <div className=\"flex size-10 items-center justify-center rounded-lg bg-action-primary-bg/10\">\n              <Upload className=\"size-5 text-action-primary-bg\" />\n            </div>\n            <DialogTitle>{t('bigconsole.dataSinks.importGuide.title', 'Import data')}</DialogTitle>\n          </div>\n          <DialogDescription>\n            {dataSinkName\n              ? t('bigconsole.dataSinks.importGuide.descriptionNamed', 'Add data to “{{name}}”', {\n                  name: dataSinkName,\n                })\n              : t('bigconsole.dataSinks.importGuide.description', 'Add data to this data sink')}\n          </DialogDescription>\n        </DialogHeader>\n\n        <div className=\"py-2 space-y-5\">\n          <section className=\"space-y-3\">\n            <div>\n              <h3 className=\"text-sm font-semibold text-text-primary\">\n                {t('bigconsole.dataSinks.importGuide.buildWorkflowHeading', 'Build a workflow')}\n              </h3>\n              <p className=\"text-sm text-text-secondary leading-relaxed\">\n                {t(\n                  'bigconsole.dataSinks.importGuide.buildWorkflowBody',\n                  'The recommended way to keep this data sink up to date — build a repeatable, scheduled pipeline that fetches from your source (an API, database, or app) and writes into this data sink on every run.'\n                )}\n              </p>\n            </div>\n            <Button variant=\"default\" onClick={onGoToWorkflows} disabled={isImporting} className=\"w-full\">\n              <Workflow className=\"size-4\" />\n              {t('bigconsole.dataSinks.importGuide.goToWorkflows', 'Go to Workflows')}\n              <ArrowRight className=\"size-4\" />\n            </Button>\n          </section>\n\n          {onImportCsv && (\n            <div className=\"flex items-center gap-3\">\n              <span className=\"h-px flex-1 bg-border-subtle\" />\n              <span className=\"text-xs font-medium uppercase tracking-wide text-text-tertiary\">\n                {t('bigconsole.dataSinks.importGuide.or', 'Or')}\n              </span>\n              <span className=\"h-px flex-1 bg-border-subtle\" />\n            </div>\n          )}\n\n          {onImportCsv && (\n            <section className=\"space-y-3\">\n              <div>\n                <h3 className=\"text-sm font-semibold text-text-primary\">\n                  {t('bigconsole.dataSinks.importGuide.uploadCsvHeading', 'Upload a CSV file')}\n                </h3>\n                <p className=\"text-sm text-text-secondary leading-relaxed\">\n                  {t(\n                    'bigconsole.dataSinks.importGuide.uploadCsvBody',\n                    'For a quick, one-off import, upload a spreadsheet export and it becomes available to your dashboards right away.'\n                  )}\n                </p>\n              </div>\n\n              {hasExistingData && (\n                <div className=\"flex items-start gap-2 rounded-lg border border-status-warning-border bg-status-warning-bg px-3 py-2\">\n                  <AlertTriangle className=\"size-4 shrink-0 text-status-warning-text mt-0.5\" />\n                  <p className=\"text-sm text-status-warning-text\">\n                    {t(\n                      'bigconsole.dataSinks.importGuide.hasExistingDataWarning',\n                      'This data sink already has data — importing a CSV will replace it.'\n                    )}\n                  </p>\n                </div>\n              )}\n\n              <input\n                ref={fileInputRef}\n                type=\"file\"\n                accept=\".csv,text/csv\"\n                className=\"hidden\"\n                onChange={handleFileChange}\n                aria-label={t('bigconsole.dataSinks.importGuide.fileInputAriaLabel', 'Choose a CSV file to import')}\n              />\n\n              {!parsed && (\n                <button\n                  type=\"button\"\n                  onClick={openFilePicker}\n                  className=\"flex w-full flex-col items-center justify-center gap-2 rounded-lg border border-dashed border-border-default bg-bg-sunken px-4 py-6 text-center transition-colors hover:border-action-primary-bg hover:bg-action-primary-bg/5\"\n                >\n                  <FileUp className=\"size-6 text-text-tertiary\" />\n                  <span className=\"text-sm font-medium text-text-primary\">\n                    {fileName\n                      ? t('bigconsole.dataSinks.importGuide.chooseDifferentCsv', 'Choose a different CSV file')\n                      : t('bigconsole.dataSinks.importGuide.chooseCsv', 'Choose a CSV file')}\n                  </span>\n                  <span className=\"text-xs text-text-tertiary\">\n                    {t('bigconsole.dataSinks.importGuide.firstRowHint', 'The first row is used as column names.')}\n                  </span>\n                </button>\n              )}\n\n              {parseError && (\n                <div className=\"rounded-lg border border-status-error-border bg-status-error-bg px-3 py-2\">\n                  <p className=\"text-sm text-status-error-text\">{parseError}</p>\n                </div>\n              )}\n\n              {parsed && (\n                <div className=\"space-y-3 rounded-lg border border-border-default bg-bg-sunken p-4\">\n                  <div className=\"flex items-center justify-between gap-3\">\n                    <span className=\"truncate text-sm font-medium text-text-primary\" title={fileName ?? undefined}>\n                      {fileName}\n                    </span>\n                    <button\n                      type=\"button\"\n                      onClick={openFilePicker}\n                      disabled={isImporting}\n                      className=\"shrink-0 text-xs font-medium text-action-primary-bg hover:underline disabled:cursor-not-allowed disabled:opacity-50 disabled:no-underline\"\n                    >\n                      {t('bigconsole.dataSinks.importGuide.changeFile', 'Change file')}\n                    </button>\n                  </div>\n                  <p className=\"text-sm text-text-secondary\">\n                    {t('bigconsole.dataSinks.importGuide.readyToImportPrefix', 'Ready to import')}{' '}\n                    <strong className=\"text-text-primary\">{parsed.rows.length}</strong>{' '}\n                    {parsed.rows.length === 1\n                      ? t('bigconsole.dataSinks.importGuide.rowSingular', 'row')\n                      : t('bigconsole.dataSinks.importGuide.rowPlural', 'rows')}{' '}\n                    × <strong className=\"text-text-primary\">{parsed.columns.length}</strong>{' '}\n                    {parsed.columns.length === 1\n                      ? t('bigconsole.dataSinks.importGuide.columnSingular', 'column')\n                      : t('bigconsole.dataSinks.importGuide.columnPlural', 'columns')}\n                    .\n                  </p>\n                  <div className=\"flex flex-wrap gap-1.5\">\n                    {previewColumns.map((col) => (\n                      <span\n                        key={col}\n                        className=\"rounded-full bg-bg-surface px-2 py-0.5 text-xs text-text-secondary border border-border-subtle\"\n                      >\n                        {col}\n                      </span>\n                    ))}\n                    {extraColumns > 0 && (\n                      <span className=\"rounded-full px-2 py-0.5 text-xs text-text-tertiary\">\n                        {t('bigconsole.dataSinks.importGuide.moreColumns', '+{{count}} more', { count: extraColumns })}\n                      </span>\n                    )}\n                  </div>\n\n                  {importError && <p className=\"text-sm text-status-error-text\">{importError}</p>}\n\n                  <Button onClick={handleConfirmImport} disabled={isImporting} className=\"w-full\">\n                    {isImporting ? (\n                      <>\n                        <Loader2 className=\"size-4 animate-spin\" />\n                        {t('bigconsole.dataSinks.importGuide.importing', 'Importing…')}\n                      </>\n                    ) : (\n                      <>\n                        <Upload className=\"size-4\" />\n                        {parsed.rows.length === 1\n                          ? t('bigconsole.dataSinks.importGuide.importRowSingular', 'Import {{count}} row', {\n                              count: parsed.rows.length,\n                            })\n                          : t('bigconsole.dataSinks.importGuide.importRowPlural', 'Import {{count}} rows', {\n                              count: parsed.rows.length,\n                            })}\n                      </>\n                    )}\n                  </Button>\n                </div>\n              )}\n            </section>\n          )}\n        </div>\n\n        <DialogFooter>\n          <Button variant=\"outline\" onClick={onClose} disabled={isImporting}>\n            {t('bigconsole.dataSinks.importGuide.cancel', 'Cancel')}\n          </Button>\n        </DialogFooter>\n      </DialogContent>\n    </Dialog>\n  );\n});\n\nexport default ImportDataGuideDialog;\n"],"mappings":"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"}

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

@@ -7,3 +7,4 @@ export interface ImportDataSinkDialogProps {
 }
 export declare const ImportDataSinkDialog: FC<ImportDataSinkDialogProps>;
 export default ImportDataSinkDialog;
+//# sourceMappingURL=ImportDataSinkDialog.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ImportDataSinkDialog.d.ts","sourceRoot":"","sources":["../../../../src/bigconsole/components/datasink/ImportDataSinkDialog.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,KAAK,EAAE,EAAkD,MAAM,OAAO,CAAC;AAyBhF,MAAM,WAAW,yBAAyB;IACxC,MAAM,EAAE,OAAO,CAAC;IAChB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,SAAS,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,EAAE,YAAY,EAAE,MAAM,GAAG,IAAI,EAAE,eAAe,EAAE,OAAO,KAAK,IAAI,CAAC;CACjG;AAyBD,eAAO,MAAM,oBAAoB,EAAE,EAAE,CAAC,yBAAyB,CAigB7D,CAAC;AAEH,eAAe,oBAAoB,CAAC"}

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

@@ -423,3 +423,5 @@ var k = a(function({ isOpen: a, onClose: k, onSuccess: A }) {
 });
 //#endregion
 export { k as default };
+
+//# sourceMappingURL=ImportDataSinkDialog.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ImportDataSinkDialog.js","names":[],"sources":["../../../../src/bigconsole/components/datasink/ImportDataSinkDialog.tsx"],"sourcesContent":["/**\n * ImportDataSinkDialog Component\n *\n * Modal dialog for importing a DataSink from JSON file.\n * Supports both creating new DataSinks and updating existing ones.\n */\n\nimport { type FC, memo, useState, useCallback, useEffect, useRef } from 'react';\nimport {\n  Dialog,\n  DialogContent,\n  DialogDescription,\n  DialogFooter,\n  DialogHeader,\n  DialogTitle,\n} from '@burdenoff/fe-libs/ui';\nimport { Button } from '@burdenoff/fe-libs/ui';\nimport { Input } from '@burdenoff/fe-libs/ui';\nimport { Label } from '@burdenoff/fe-libs/ui';\nimport { Spinner } from '@burdenoff/fe-libs/ui';\nimport { Badge } from '@burdenoff/fe-libs/ui';\nimport { Upload, FileJson, Check, XCircle, ArrowLeft, RefreshCw, Info } from 'lucide-react';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\nimport { useImportDataSink, type ImportDataSinkOptions } from '../../hooks';\nimport { useBigConsoleAnalytics } from '../../hooks/useBigConsoleAnalytics';\nimport { Section, SectionStack } from '../common';\nimport { reportBigConsoleQuotaError } from '../../utils/quota';\n\n// ============================================================================\n// Types\n// ============================================================================\n\nexport interface ImportDataSinkDialogProps {\n  isOpen: boolean;\n  onClose: () => void;\n  onSuccess?: (dataSinkId: string, dataSinkName: string | null, originalUpdated: boolean) => void;\n}\n\ntype ImportStep = 'select' | 'preview' | 'importing' | 'complete';\n\n/**\n * Wizard steps. The dialog previously moved between three screens with no\n * indicator at all, so a user could not tell where they were.\n */\nconst WIZARD_STEPS: { id: ImportStep; label: string }[] = [\n  { id: 'select', label: 'Choose file' },\n  { id: 'preview', label: 'Review' },\n  { id: 'complete', label: 'Done' },\n];\n\n/** Index of the wizard step currently on screen ('importing' still shows Review). */\nfunction wizardIndex(step: ImportStep): number {\n  if (step === 'select') return 0;\n  if (step === 'complete') return 2;\n  return 1;\n}\n\n// ============================================================================\n// Component\n// ============================================================================\n\nexport const ImportDataSinkDialog: FC<ImportDataSinkDialogProps> = memo(function ImportDataSinkDialog({\n  isOpen,\n  onClose,\n  onSuccess,\n}) {\n  const { t } = useI18n();\n  const [step, setStep] = useState<ImportStep>('select');\n  const [, setSelectedFile] = useState<File | null>(null);\n  const [fileContent, setFileContent] = useState<string | null>(null);\n  const [nameOverride, setNameOverride] = useState('');\n  const [keyOverride, setKeyOverride] = useState('');\n\n  const fileInputRef = useRef<HTMLInputElement>(null);\n\n  const {\n    loading,\n    error,\n    validationResult,\n    importResult,\n    validateImport,\n    importDataSink,\n    extractDataSinkId,\n    clearState,\n  } = useImportDataSink();\n  const emitBigConsoleEvent = useBigConsoleAnalytics();\n\n  // Reset state when dialog opens\n  useEffect(() => {\n    if (isOpen) {\n      setStep('select');\n      setSelectedFile(null);\n      setFileContent(null);\n      setNameOverride('');\n      setKeyOverride('');\n      clearState();\n    }\n  }, [isOpen, clearState]);\n\n  // Handle file selection\n  const handleFileSelect = useCallback(\n    async (e: React.ChangeEvent<HTMLInputElement>) => {\n      const file = e.target.files?.[0];\n      if (!file) return;\n\n      if (!file.name.endsWith('.json')) {\n        alert(t('bigconsole.dataSinks.import.selectJsonFile', 'Please select a JSON file'));\n        return;\n      }\n\n      setSelectedFile(file);\n\n      const reader = new FileReader();\n      reader.onload = async (event) => {\n        const content = event.target?.result as string;\n        setFileContent(content);\n\n        const result = validateImport(content);\n        if (result.isValid && result.dataSinkInfo) {\n          setStep('preview');\n          setNameOverride(result.dataSinkInfo.name || '');\n          setKeyOverride(result.dataSinkInfo.key || '');\n        } else {\n          setStep('preview');\n        }\n      };\n      reader.onerror = () => {\n        alert(t('bigconsole.dataSinks.import.readFileError', 'Failed to read file'));\n      };\n      reader.readAsText(file);\n    },\n    [validateImport, t]\n  );\n\n  // Handle file drop\n  const handleDrop = useCallback((e: React.DragEvent) => {\n    e.preventDefault();\n    const file = e.dataTransfer.files?.[0];\n    if (file) {\n      const dt = new DataTransfer();\n      dt.items.add(file);\n      if (fileInputRef.current) {\n        fileInputRef.current.files = dt.files;\n        fileInputRef.current.dispatchEvent(new Event('change', { bubbles: true }));\n      }\n    }\n  }, []);\n\n  // Handle import\n  const handleImport = useCallback(async () => {\n    if (!fileContent) return;\n\n    setStep('importing');\n\n    const options: ImportDataSinkOptions = {\n      name: nameOverride.trim() || undefined,\n      key: keyOverride.trim() || undefined,\n    };\n\n    emitBigConsoleEvent('bigconsole.data_sink.import_clicked', { source: 'import' });\n\n    let result: Awaited<ReturnType<typeof importDataSink>>;\n    try {\n      result = await importDataSink(fileContent, options);\n    } catch (err) {\n      // Quota refusals (e.g. \"Set up billing\" for an org without a billing\n      // account, BOFF-7913) are shown by the shared quota dialog.\n      if (reportBigConsoleQuotaError(err)) {\n        onClose();\n        return;\n      }\n      setStep('preview');\n      return;\n    }\n\n    if (result?.success && result.dataSink) {\n      setStep('complete');\n      emitBigConsoleEvent('bigconsole.data_sink.imported', {\n        dataSinkId: result.dataSink.id,\n        source: 'import',\n        originalUpdated: result.originalUpdated ?? false,\n      });\n      onSuccess?.(result.dataSink.id, result.dataSink.name, result.originalUpdated ?? false);\n    } else {\n      setStep('preview');\n    }\n  }, [emitBigConsoleEvent, fileContent, importDataSink, keyOverride, nameOverride, onClose, onSuccess]);\n\n  const canClose = !loading && step !== 'importing';\n  const dataSinkId = fileContent ? extractDataSinkId(fileContent) : null;\n  const currentStepIndex = wizardIndex(step);\n\n  return (\n    <Dialog open={isOpen} onOpenChange={(open) => !open && canClose && onClose()}>\n      <DialogContent className=\"flex max-h-[85vh] flex-col sm:max-w-lg\">\n        <DialogHeader>\n          <div className=\"flex items-center gap-3\">\n            <div className=\"flex size-10 items-center justify-center rounded-card bg-bg-accentSubtle\">\n              <Upload className=\"size-5 text-text-link\" />\n            </div>\n            <DialogTitle>{t('bigconsole.dataSinks.import.title', 'Import DataSink')}</DialogTitle>\n          </div>\n          <DialogDescription>\n            {t(\n              'bigconsole.dataSinks.import.description',\n              'Upload a DataSink export file to restore it into this workspace.'\n            )}\n          </DialogDescription>\n        </DialogHeader>\n\n        {/* Step indicator — structural strip so the wizard reads as a sequence. */}\n        <ol className=\"flex flex-wrap items-center gap-x-icon-gap gap-y-1 text-xs\" aria-label=\"Import progress\">\n          {WIZARD_STEPS.map((wizardStep, index) => (\n            <li\n              key={wizardStep.id}\n              aria-current={index === currentStepIndex ? 'step' : undefined}\n              className={`flex items-center gap-icon-gap ${\n                index === currentStepIndex ? 'font-semibold text-text-primary' : 'text-text-muted'\n              }`}\n            >\n              <span\n                className={`inline-flex size-5 items-center justify-center rounded-pill text-[10px] ${\n                  index <= currentStepIndex ? 'bg-action-primary-bg text-action-primary-text' : 'bg-bg-sunken'\n                }`}\n              >\n                {index + 1}\n              </span>\n              {wizardStep.label}\n              {index < WIZARD_STEPS.length - 1 && (\n                <span aria-hidden=\"true\" className=\"text-text-muted\">\n                  ›\n                </span>\n              )}\n            </li>\n          ))}\n        </ol>\n\n        <div className=\"min-w-0 flex-1 overflow-y-auto py-4\">\n          <SectionStack>\n            {/* Step 1: File Selection */}\n            {step === 'select' && (\n              <Section\n                title=\"Choose an export file\"\n                description={t(\n                  'bigconsole.dataSinks.import.supportedFilesHint',\n                  'Only .json files exported from BigConsole are supported'\n                )}\n                headingLevel={3}\n                bodyClassName=\"mt-form-gap\"\n              >\n                <div\n                  onDragOver={(e) => e.preventDefault()}\n                  onDrop={handleDrop}\n                  className=\"rounded-card border-2 border-dashed border-[var(--color-border-default)] p-8 text-center hover:border-[var(--color-action-primary-bg)] motion-safe:transition-colors\"\n                >\n                  <FileJson className=\"mx-auto mb-4 size-12 text-text-secondary\" />\n                  <p className=\"mb-2 text-sm\">\n                    {t('bigconsole.dataSinks.import.dropzoneText', 'Drag and drop a DataSink export file here')}\n                  </p>\n                  <p className=\"mb-4 text-xs text-text-secondary\">{t('bigconsole.dataSinks.import.or', 'or')}</p>\n                  <input ref={fileInputRef} type=\"file\" accept=\".json\" onChange={handleFileSelect} className=\"hidden\" />\n                  <Button onClick={() => fileInputRef.current?.click()} disabled={loading}>\n                    {t('bigconsole.dataSinks.import.browseFiles', 'Browse Files')}\n                  </Button>\n                </div>\n              </Section>\n            )}\n\n            {/* Step 2: Preview & Options */}\n            {(step === 'preview' || step === 'importing') && validationResult && (\n              <>\n                {/* What is in the file — supporting detail. */}\n                {validationResult.dataSinkInfo && (\n                  <Section\n                    emphasis=\"muted\"\n                    padding=\"compact\"\n                    headingLevel={3}\n                    title=\"File contents\"\n                    description=\"What this export file describes.\"\n                    bodyClassName=\"space-y-2\"\n                  >\n                    <div className=\"flex items-center justify-between gap-icon-gap\">\n                      <span className=\"text-sm text-text-secondary\">\n                        {t('bigconsole.dataSinks.import.nameLabel', 'Name')}\n                      </span>\n                      <span className=\"min-w-0 truncate text-sm font-medium\">\n                        {validationResult.dataSinkInfo.name || t('bigconsole.dataSinks.import.unnamed', 'Unnamed')}\n                      </span>\n                    </div>\n                    <div className=\"flex items-center justify-between gap-icon-gap\">\n                      <span className=\"text-sm text-text-secondary\">\n                        {t('bigconsole.dataSinks.import.keyLabel', 'Key')}\n                      </span>\n                      <span className=\"min-w-0 truncate font-mono text-xs\">{validationResult.dataSinkInfo.key}</span>\n                    </div>\n                    <div className=\"flex items-center justify-between gap-icon-gap\">\n                      <span className=\"text-sm text-text-secondary\">\n                        {t('bigconsole.dataSinks.import.statusLabel', 'Status')}\n                      </span>\n                      <Badge variant=\"secondary\">{validationResult.dataSinkInfo.status}</Badge>\n                    </div>\n                    <div className=\"flex items-center justify-between gap-icon-gap\">\n                      <span className=\"text-sm text-text-secondary\">\n                        {t('bigconsole.dataSinks.import.setupStateLabel', 'Setup State')}\n                      </span>\n                      <Badge variant=\"outline\">{validationResult.dataSinkInfo.setupState}</Badge>\n                    </div>\n                    {validationResult.dataSinkInfo.exportedFrom && (\n                      <div className=\"flex items-center justify-between gap-icon-gap\">\n                        <span className=\"text-sm text-text-secondary\">\n                          {t('bigconsole.dataSinks.import.sourceIdLabel', 'Source ID')}\n                        </span>\n                        <span className=\"min-w-0 max-w-[180px] truncate font-mono text-xs text-text-secondary\">\n                          {validationResult.dataSinkInfo.exportedFrom}\n                        </span>\n                      </div>\n                    )}\n                    <div className=\"flex items-center justify-between gap-icon-gap\">\n                      <span className=\"text-sm text-text-secondary\">\n                        {t('bigconsole.dataSinks.import.schemaVersionLabel', 'Schema Version')}\n                      </span>\n                      <span className=\"text-xs text-text-secondary\">{validationResult.dataSinkInfo.schemaVersion}</span>\n                    </div>\n                  </Section>\n                )}\n\n                {/* Validation Errors */}\n                {validationResult.errors.length > 0 && (\n                  <Section\n                    tone=\"danger\"\n                    padding=\"compact\"\n                    headingLevel={3}\n                    title={t('bigconsole.dataSinks.import.errorsHeading', 'Errors ({{count}})', {\n                      count: validationResult.errors.length,\n                    })}\n                    icon={<XCircle className=\"size-4\" />}\n                  >\n                    <ul className=\"space-y-1 text-xs text-status-error-text\">\n                      {validationResult.errors.map((err, idx) => (\n                        <li key={idx}>\n                          <span className=\"font-mono\">[{err.code}]</span> {err.message}\n                        </li>\n                      ))}\n                    </ul>\n                  </Section>\n                )}\n\n                {/* Import Options */}\n                {validationResult.isValid && (\n                  <Section\n                    title={t('bigconsole.dataSinks.import.optionsHeading', 'Import Options')}\n                    description=\"Rename the sink or give it a different key before importing.\"\n                    headingLevel={3}\n                    bodyClassName=\"space-y-form-gap\"\n                  >\n                    <Section\n                      tone=\"info\"\n                      emphasis=\"muted\"\n                      padding=\"compact\"\n                      headingLevel={4}\n                      icon={<Info className=\"size-4\" />}\n                      title={\n                        dataSinkId\n                          ? t(\n                              'bigconsole.dataSinks.import.checkExistingHeading',\n                              'Import will check for existing DataSink'\n                            )\n                          : t('bigconsole.dataSinks.import.newWillBeCreatedHeading', 'A new DataSink will be created')\n                      }\n                    >\n                      <div className=\"text-xs text-[var(--color-status-info-text)]\">\n                        {dataSinkId ? (\n                          <>\n                            <p>\n                              {t('bigconsole.dataSinks.import.ifOriginalExistsPrefix', 'If the original DataSink (ID:')}{' '}\n                              <code className=\"rounded-input bg-bg-surface px-1 font-mono\">\n                                {dataSinkId.slice(0, 8)}...\n                              </code>\n                              {t('bigconsole.dataSinks.import.ifOriginalExistsSuffix', ') exists:')}\n                            </p>\n                            <ul className=\"mt-1 list-inside list-disc space-y-0.5\">\n                              <li>\n                                {t(\n                                  'bigconsole.dataSinks.import.withChangesUpdate',\n                                  'With changes → Update the existing DataSink'\n                                )}\n                              </li>\n                              <li>\n                                {t(\n                                  'bigconsole.dataSinks.import.noChangesMessage',\n                                  'No changes → Show \"already exists\" message'\n                                )}\n                              </li>\n                            </ul>\n                            <p className=\"mt-1\">\n                              {t(\n                                'bigconsole.dataSinks.import.ifNotExistsCreate',\n                                \"If original doesn't exist → Create a new DataSink\"\n                              )}\n                            </p>\n                          </>\n                        ) : (\n                          <p>\n                            {t(\n                              'bigconsole.dataSinks.import.newWillBeCreatedBody',\n                              'Import as a new DataSink with the specified configuration.'\n                            )}\n                          </p>\n                        )}\n                      </div>\n                    </Section>\n\n                    <div className=\"space-y-2\">\n                      <Label htmlFor=\"import-name\">\n                        {t('bigconsole.dataSinks.import.nameFieldLabel', 'DataSink Name')}\n                      </Label>\n                      <Input\n                        id=\"import-name\"\n                        type=\"text\"\n                        value={nameOverride}\n                        onChange={(e) => setNameOverride(e.target.value)}\n                        placeholder={\n                          validationResult.dataSinkInfo?.name ||\n                          t('bigconsole.dataSinks.import.namePlaceholder', 'DataSink name')\n                        }\n                        disabled={step === 'importing'}\n                      />\n                    </div>\n\n                    <div className=\"space-y-2\">\n                      <Label htmlFor=\"import-key\">\n                        {t('bigconsole.dataSinks.import.keyFieldLabel', 'DataSink Key')}\n                      </Label>\n                      <Input\n                        id=\"import-key\"\n                        type=\"text\"\n                        value={keyOverride}\n                        onChange={(e) => setKeyOverride(e.target.value)}\n                        placeholder={\n                          validationResult.dataSinkInfo?.key ||\n                          t('bigconsole.dataSinks.import.keyPlaceholder', 'datasink-key')\n                        }\n                        disabled={step === 'importing'}\n                      />\n                      <p className=\"text-xs text-text-secondary\">\n                        {t(\n                          'bigconsole.dataSinks.import.keyHelp',\n                          'Use a unique key to avoid conflicts with existing DataSinks.'\n                        )}\n                      </p>\n                    </div>\n                  </Section>\n                )}\n              </>\n            )}\n\n            {/* Step 3: Complete */}\n            {step === 'complete' && importResult?.success && (\n              <>\n                {/* Already Exists - No Changes */}\n                {importResult.alreadyExists && (\n                  <Section\n                    tone=\"info\"\n                    headingLevel={3}\n                    title={t('bigconsole.dataSinks.import.alreadyExistsTitle', 'DataSink Already Exists')}\n                    icon={<Info className=\"h-icon-sm w-icon-sm\" />}\n                  >\n                    <p className=\"text-sm text-text-secondary\">\n                      {t(\n                        'bigconsole.dataSinks.import.alreadyExistsBody',\n                        'DataSink \"{{name}}\" already exists with the same data. No changes were made.',\n                        { name: importResult.dataSink?.name || importResult.dataSink?.key || '' }\n                      )}\n                    </p>\n                  </Section>\n                )}\n\n                {/* Updated Existing */}\n                {importResult.originalUpdated && !importResult.alreadyExists && (\n                  <Section\n                    tone=\"success\"\n                    headingLevel={3}\n                    title={t('bigconsole.dataSinks.import.updatedTitle', 'DataSink Updated!')}\n                    icon={<RefreshCw className=\"h-icon-sm w-icon-sm\" />}\n                  >\n                    <p className=\"text-sm text-text-secondary\">\n                      {t(\n                        'bigconsole.dataSinks.import.updatedBody',\n                        'DataSink \"{{name}}\" has been updated with the imported data.',\n                        { name: importResult.dataSink?.name || importResult.dataSink?.key || '' }\n                      )}\n                    </p>\n                  </Section>\n                )}\n\n                {/* Created New */}\n                {!importResult.originalUpdated && !importResult.alreadyExists && (\n                  <Section\n                    tone=\"success\"\n                    headingLevel={3}\n                    title={t('bigconsole.dataSinks.import.successTitle', 'Import Successful!')}\n                    icon={<Check className=\"h-icon-sm w-icon-sm\" />}\n                  >\n                    <p className=\"text-sm text-text-secondary\">\n                      {t('bigconsole.dataSinks.import.successBody', 'DataSink \"{{name}}\" has been created.', {\n                        name: importResult.dataSink?.name || importResult.dataSink?.key || '',\n                      })}\n                    </p>\n                  </Section>\n                )}\n              </>\n            )}\n\n            {/* Error */}\n            {error && (\n              <Section tone=\"danger\" padding=\"compact\" headingLevel={3} title=\"Import failed\">\n                <p className=\"text-sm text-status-error-text\">{error.message}</p>\n              </Section>\n            )}\n\n            {importResult && !importResult.success && importResult.errorMessage && (\n              <Section tone=\"danger\" padding=\"compact\" headingLevel={3} title=\"Import failed\">\n                <p className=\"text-sm text-status-error-text\">{importResult.errorMessage}</p>\n              </Section>\n            )}\n          </SectionStack>\n        </div>\n\n        <DialogFooter className=\"flex flex-col-reverse gap-control-gap sm:flex-row sm:justify-between\">\n          {step === 'preview' ? (\n            <Button\n              variant=\"ghost\"\n              onClick={() => {\n                setStep('select');\n                setSelectedFile(null);\n                setFileContent(null);\n                clearState();\n              }}\n              disabled={loading}\n            >\n              <ArrowLeft className=\"size-4\" />\n              {t('bigconsole.dataSinks.import.back', 'Back')}\n            </Button>\n          ) : (\n            <span aria-hidden=\"true\" className=\"hidden sm:block\" />\n          )}\n\n          <div className=\"flex flex-wrap items-center gap-2\">\n            {step !== 'complete' && (\n              <Button variant=\"outline\" onClick={onClose} disabled={!canClose}>\n                {t('bigconsole.dataSinks.import.cancel', 'Cancel')}\n              </Button>\n            )}\n\n            {step === 'preview' && validationResult?.isValid && (\n              <Button onClick={handleImport} disabled={loading}>\n                <Upload className=\"size-4\" />\n                {t('bigconsole.dataSinks.import.importButton', 'Import DataSink')}\n              </Button>\n            )}\n\n            {step === 'importing' && (\n              <div className=\"flex items-center gap-2 text-sm text-text-secondary\">\n                <Spinner className=\"size-4\" />\n                {t('bigconsole.dataSinks.import.importing', 'Importing...')}\n              </div>\n            )}\n\n            {step === 'complete' && <Button onClick={onClose}>{t('bigconsole.dataSinks.import.done', 'Done')}</Button>}\n          </div>\n        </DialogFooter>\n      </DialogContent>\n    </Dialog>\n  );\n});\n\nexport default ImportDataSinkDialog;\n"],"mappings":"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"}

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

@@ -9,3 +9,4 @@ interface LinkedParsersPanelProps {
 }
 export declare const LinkedParsersPanel: import('react').NamedExoticComponent<LinkedParsersPanelProps>;
 export default LinkedParsersPanel;
+//# sourceMappingURL=LinkedParsersPanel.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"LinkedParsersPanel.d.ts","sourceRoot":"","sources":["../../../../src/bigconsole/components/datasink/LinkedParsersPanel.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAYH,UAAU,uBAAuB;IAC/B,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAgDD,eAAO,MAAM,kBAAkB,+DA6F7B,CAAC;AAEH,eAAe,kBAAkB,CAAC"}

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

@@ -123,3 +123,5 @@ var d = ({ className: e }) => /* @__PURE__ */ l("svg", {
 });
 //#endregion
 export { h as default };
+
+//# sourceMappingURL=LinkedParsersPanel.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"LinkedParsersPanel.js","names":[],"sources":["../../../../src/bigconsole/components/datasink/LinkedParsersPanel.tsx"],"sourcesContent":["/**\n * LinkedParsersPanel Component\n *\n * Shows parsers that use this DataSink as their source.\n * Provides navigation to parser view pages.\n */\n\nimport { memo, useMemo, useCallback, useEffect } from 'react';\nimport { useParams } from 'react-router';\nimport { useAppNavigate } from '../../contexts';\nimport { useParserOperations } from '../../hooks/useParserOperations';\nimport { Section, SECTION_FOCUS_RING } from '../common';\n\n// ============================================================================\n// TYPES\n// ============================================================================\n\ninterface LinkedParsersPanelProps {\n  dataSinkKey?: string;\n}\n\n// ============================================================================\n// ICONS\n// ============================================================================\n\nconst CodeIcon = ({ className }: { className?: string }) => (\n  <svg className={className} fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n    <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth={1.5} d=\"M10 20l4-16m4 4l4 4-4 4M6 16l-4-4 4-4\" />\n  </svg>\n);\n\nconst ArrowRightIcon = ({ className }: { className?: string }) => (\n  <svg className={className} fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n    <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth={2} d=\"M9 5l7 7-7 7\" />\n  </svg>\n);\n\n// ============================================================================\n// PARSER TYPE BADGE\n// ============================================================================\n\n/**\n * Parser-language chip. The previous implementation hard-coded raw Tailwind\n * palette classes (`bg-purple-100`, `bg-blue-100`, `bg-gray-100`) which are\n * unreadable in dark theme and violate the no-raw-colour rule; these are the\n * semantic equivalents.\n */\nconst ParserTypeBadge = ({ type }: { type: string }) => {\n  const config: Record<string, { label: string; className: string }> = {\n    jq: { label: 'JQ', className: 'bg-bg-accentSubtle text-text-link' },\n    jsonata: { label: 'JSONata', className: 'bg-status-info-bg-subtle text-[var(--color-status-info-text)]' },\n  };\n\n  const { label, className } = config[type] || {\n    label: type.toUpperCase(),\n    className: 'bg-bg-sunken text-text-secondary',\n  };\n\n  return <span className={`rounded-pill px-1.5 py-0.5 text-[10px] font-medium ${className}`}>{label}</span>;\n};\n\n// ============================================================================\n// COMPONENT\n// ============================================================================\n\nconst DEFAULT_CONSOLE_ID = 'default';\n\nexport const LinkedParsersPanel = memo(function LinkedParsersPanel({ dataSinkKey }: LinkedParsersPanelProps) {\n  const navigate = useAppNavigate();\n  const { consoleId: urlConsoleId } = useParams<{ consoleId?: string }>();\n  const consoleId = urlConsoleId || DEFAULT_CONSOLE_ID;\n\n  // Operations\n  const { parsers, loading: isLoading, fetchParsers } = useParserOperations({ consoleId, skipFetch: true });\n\n  // Fetch parsers when dataSinkKey is available (consoleId is optional)\n  useEffect(() => {\n    if (dataSinkKey) {\n      fetchParsers();\n    }\n  }, [dataSinkKey, fetchParsers]);\n\n  // Filter parsers that use this dataSink as input - using useMemo to avoid setState in effect\n  const linkedParsers = useMemo(() => {\n    if (!dataSinkKey) return [];\n    return parsers.filter((p) => p.inputSinkKey === dataSinkKey);\n  }, [parsers, dataSinkKey]);\n\n  // Handle view parser — navigate to the parser detail page\n  const handleViewParser = useCallback(\n    (parserId: string) => {\n      if (consoleId) {\n        navigate(`/dashboards/${consoleId}/parsers/${parserId}`);\n      } else {\n        navigate(`/parsers/${parserId}`);\n      }\n    },\n    [navigate, consoleId]\n  );\n\n  // Don't render if no dataSinkKey provided\n  if (!dataSinkKey) {\n    return null;\n  }\n\n  return (\n    <Section\n      // Level-2 peer of the detail page's other panels. `standard` (not `muted`)\n      // because the rows inside are `bg-bg-sunken` — a sunken container would\n      // erase them.\n      headingLevel={2}\n      title=\"Linked parsers\"\n      description=\"Parsers that read this sink as their input source.\"\n      icon={<CodeIcon className=\"h-icon-sm w-icon-sm\" />}\n      meta={\n        <span className=\"text-xs text-text-muted\">\n          {linkedParsers.length} parser{linkedParsers.length !== 1 ? 's' : ''}\n        </span>\n      }\n      bodyClassName=\"space-y-list-gap\"\n    >\n      {isLoading ? (\n        <div className=\"flex items-center justify-center py-4\">\n          <svg className=\"w-5 h-5 text-text-secondary animate-spin\" fill=\"none\" viewBox=\"0 0 24 24\">\n            <circle className=\"opacity-25\" cx=\"12\" cy=\"12\" r=\"10\" stroke=\"currentColor\" strokeWidth=\"4\" />\n            <path\n              className=\"opacity-75\"\n              fill=\"currentColor\"\n              d=\"M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z\"\n            />\n          </svg>\n        </div>\n      ) : linkedParsers.length === 0 ? (\n        <p className=\"py-2 text-sm text-text-muted\">No parsers are using this data sink as their source.</p>\n      ) : (\n        <div className=\"space-y-list-gap\">\n          {linkedParsers.map((parser) => (\n            <button\n              key={parser.id}\n              type=\"button\"\n              onClick={() => handleViewParser(parser.id)}\n              className={`group flex min-h-[var(--size-controlHeight-md)] w-full items-center justify-between gap-icon-gap rounded-input bg-bg-sunken px-3 py-2 motion-safe:transition-colors hover:bg-bg-elevated ${SECTION_FOCUS_RING}`}\n            >\n              <div className=\"flex min-w-0 items-center gap-icon-gap\">\n                <CodeIcon className=\"h-icon-sm w-icon-sm shrink-0 text-text-secondary\" />\n                <div className=\"min-w-0 text-left\">\n                  <p className=\"truncate text-sm font-medium text-text-primary\">{parser.name}</p>\n                  <p className=\"truncate font-mono text-xs text-text-muted\">{parser.outputKey}</p>\n                </div>\n              </div>\n              <div className=\"flex shrink-0 items-center gap-icon-gap\">\n                <ParserTypeBadge type={parser.type} />\n                <ArrowRightIcon className=\"h-icon-sm w-icon-sm text-text-muted motion-safe:transition-colors group-hover:text-text-primary\" />\n              </div>\n            </button>\n          ))}\n        </div>\n      )}\n    </Section>\n  );\n});\n\nexport default LinkedParsersPanel;\n"],"mappings":";;;;;;;;;;AAyBA,IAAM,KAAY,EAAE,mBAClB,kBAAC,OAAD;CAAgB;CAAW,MAAK;CAAO,QAAO;CAAe,SAAQ;WACnE,kBAAC,QAAD;EAAM,eAAc;EAAQ,gBAAe;EAAQ,aAAa;EAAK,GAAE;EAA0C,CAAA;CAC7G,CAAA,EAGF,KAAkB,EAAE,mBACxB,kBAAC,OAAD;CAAgB;CAAW,MAAK;CAAO,QAAO;CAAe,SAAQ;WACnE,kBAAC,QAAD;EAAM,eAAc;EAAQ,gBAAe;EAAQ,aAAa;EAAG,GAAE;EAAiB,CAAA;CAClF,CAAA,EAaF,KAAmB,EAAE,cAA6B;CAMtD,IAAM,EAAE,UAAO,iBALsD;EACnE,IAAI;GAAE,OAAO;GAAM,WAAW;GAAqC;EACnE,SAAS;GAAE,OAAO;GAAW,WAAW;GAAiE;EAC1G,CAEmC,MAAS;EAC3C,OAAO,EAAK,aAAa;EACzB,WAAW;EACZ;AAED,QAAO,kBAAC,QAAD;EAAM,WAAW,sDAAsD;YAAc;EAAa,CAAA;GAOrG,IAAqB,WAEd,IAAqB,EAAK,SAA4B,EAAE,kBAAwC;CAC3G,IAAM,IAAW,GAAgB,EAC3B,EAAE,WAAW,MAAiB,GAAmC,EACjE,IAAY,KAAgB,GAG5B,EAAE,YAAS,SAAS,GAAW,oBAAiB,EAAoB;EAAE;EAAW,WAAW;EAAM,CAAC;AAGzG,SAAgB;AACd,EAAI,KACF,GAAc;IAEf,CAAC,GAAa,EAAa,CAAC;CAG/B,IAAM,IAAgB,QACf,IACE,EAAQ,QAAQ,MAAM,EAAE,iBAAiB,EAAY,GADnC,EAAE,EAE1B,CAAC,GAAS,EAAY,CAAC,EAGpB,IAAmB,GACtB,MAAqB;AACpB,EACE,EADE,IACO,eAAe,EAAU,WAAW,MAEpC,YAAY,IAAW;IAGpC,CAAC,GAAU,EAAU,CACtB;AAOD,QAJK,IAKH,kBAAC,GAAD;EAIE,cAAc;EACd,OAAM;EACN,aAAY;EACZ,MAAM,kBAAC,GAAD,EAAU,WAAU,uBAAwB,CAAA;EAClD,MACE,kBAAC,QAAD;GAAM,WAAU;aAAhB;IACG,EAAc;IAAO;IAAQ,EAAc,WAAW,IAAU,KAAN;IACtD;;EAET,eAAc;YAEb,IACC,kBAAC,OAAD;GAAK,WAAU;aACb,kBAAC,OAAD;IAAK,WAAU;IAA2C,MAAK;IAAO,SAAQ;cAA9E,CACE,kBAAC,UAAD;KAAQ,WAAU;KAAa,IAAG;KAAK,IAAG;KAAK,GAAE;KAAK,QAAO;KAAe,aAAY;KAAM,CAAA,EAC9F,kBAAC,QAAD;KACE,WAAU;KACV,MAAK;KACL,GAAE;KACF,CAAA,CACE;;GACF,CAAA,GACJ,EAAc,WAAW,IAC3B,kBAAC,KAAD;GAAG,WAAU;aAA+B;GAAwD,CAAA,GAEpG,kBAAC,OAAD;GAAK,WAAU;aACZ,EAAc,KAAK,MAClB,kBAAC,UAAD;IAEE,MAAK;IACL,eAAe,EAAiB,EAAO,GAAG;IAC1C,WAAW,4LAA4L;cAJzM,CAME,kBAAC,OAAD;KAAK,WAAU;eAAf,CACE,kBAAC,GAAD,EAAU,WAAU,oDAAqD,CAAA,EACzE,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACE,kBAAC,KAAD;OAAG,WAAU;iBAAkD,EAAO;OAAS,CAAA,EAC/E,kBAAC,KAAD;OAAG,WAAU;iBAA8C,EAAO;OAAc,CAAA,CAC5E;QACF;QACN,kBAAC,OAAD;KAAK,WAAU;eAAf,CACE,kBAAC,GAAD,EAAiB,MAAM,EAAO,MAAQ,CAAA,EACtC,kBAAC,GAAD,EAAgB,WAAU,mGAAoG,CAAA,CAC1H;OACC;MAhBF,EAAO,GAgBL,CACT;GACE,CAAA;EAEA,CAAA,GAxDH;EA0DT"}

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

@@ -8,3 +8,4 @@ interface LinkedWorkflowsPanelProps {
 }
 export declare const LinkedWorkflowsPanel: import('react').NamedExoticComponent<LinkedWorkflowsPanelProps>;
 export default LinkedWorkflowsPanel;
+//# sourceMappingURL=LinkedWorkflowsPanel.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"LinkedWorkflowsPanel.d.ts","sourceRoot":"","sources":["../../../../src/bigconsole/components/datasink/LinkedWorkflowsPanel.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAMH,OAAO,KAAK,EAAE,oBAAoB,EAA4B,MAAM,aAAa,CAAC;AAMlF,UAAU,yBAAyB;IACjC,qBAAqB;IACrB,aAAa,CAAC,EAAE,oBAAoB,EAAE,CAAC;IACvC,sBAAsB;IACtB,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAuFD,eAAO,MAAM,oBAAoB,iEAiI/B,CAAC;AAEH,eAAe,oBAAoB,CAAC"}

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

@@ -194,3 +194,5 @@ var l = ({ className: e }) => /* @__PURE__ */ a("svg", {
 });
 //#endregion
 export { f as default };
+
+//# sourceMappingURL=LinkedWorkflowsPanel.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"LinkedWorkflowsPanel.js","names":[],"sources":["../../../../src/bigconsole/components/datasink/LinkedWorkflowsPanel.tsx"],"sourcesContent":["/**\n * Linked Workflows Panel\n *\n * Panel displaying workflows linked to a DataSink.\n */\n\nimport { memo } from 'react';\nimport { formatDistanceToNow } from 'date-fns';\nimport { AppLink } from '../../contexts';\nimport { Section, SECTION_FOCUS_RING } from '../common';\nimport type { DataSinkWorkflowLink, FluidGridsWorkflowStatus } from '../../types';\n\n// ============================================================================\n// TYPES\n// ============================================================================\n\ninterface LinkedWorkflowsPanelProps {\n  /** Workflow links */\n  workflowLinks?: DataSinkWorkflowLink[];\n  /** Whether loading */\n  isLoading?: boolean;\n}\n\ninterface StatusConfig {\n  label: string;\n  bgColor: string;\n  textColor: string;\n  dotColor: string;\n}\n\n// ============================================================================\n// HELPERS\n// ============================================================================\n\n/**\n * Get status display configuration\n */\nfunction getStatusConfig(status: FluidGridsWorkflowStatus): StatusConfig {\n  switch (status) {\n    case 'active':\n      return {\n        label: 'Active',\n        bgColor: 'bg-status-success-bg/10',\n        textColor: 'text-status-success-text',\n        dotColor: 'bg-status-success-bg',\n      };\n    case 'paused':\n      return {\n        label: 'Paused',\n        bgColor: 'bg-status-warning-bg/10',\n        textColor: 'text-[var(--color-status-warning-text)]',\n        dotColor: 'bg-status-warning-bg',\n      };\n    case 'error':\n      return {\n        label: 'Error',\n        bgColor: 'bg-status-error-bg/10',\n        textColor: 'text-status-error-text',\n        dotColor: 'bg-status-error-bg',\n      };\n    case 'archived':\n      return {\n        label: 'Archived',\n        bgColor: 'bg-bg-sunken',\n        textColor: 'text-text-muted',\n        dotColor: 'bg-[var(--color-text-muted)]',\n      };\n    default:\n      return {\n        label: 'Draft',\n        bgColor: 'bg-action-primary-bg/10',\n        textColor: 'text-action-primary-bg',\n        dotColor: 'bg-action-primary-bg',\n      };\n  }\n}\n\n// ============================================================================\n// ICONS\n// ============================================================================\n\nconst WorkflowIcon = ({ className }: { className?: string }) => (\n  <svg className={className} fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n    <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth={1.5} d=\"M13 10V3L4 14h7v7l9-11h-7z\" />\n  </svg>\n);\n\nconst LinkIcon = ({ className }: { className?: string }) => (\n  <svg className={className} fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n    <path\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n      strokeWidth={2}\n      d=\"M13.828 10.172a4 4 0 00-5.656 0l-4 4a4 4 0 105.656 5.656l1.102-1.101m-.758-4.899a4 4 0 005.656 0l4-4a4 4 0 00-5.656-5.656l-1.1 1.1\"\n    />\n  </svg>\n);\n\nconst ChevronRightIcon = ({ className }: { className?: string }) => (\n  <svg className={className} fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n    <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth={2} d=\"M9 5l7 7-7 7\" />\n  </svg>\n);\n\n// ============================================================================\n// COMPONENT\n// ============================================================================\n\nexport const LinkedWorkflowsPanel = memo(function LinkedWorkflowsPanel({\n  workflowLinks = [],\n  isLoading = false,\n}: LinkedWorkflowsPanelProps) {\n  const enabledLinks = workflowLinks.filter((link) => link.isEnabled);\n  const disabledLinks = workflowLinks.filter((link) => !link.isEnabled);\n\n  return (\n    <Section\n      // Level-2 peer of the detail page's other panels. `standard` (not `muted`)\n      // because the rows inside are `bg-bg-sunken` — a sunken container would\n      // erase them.\n      headingLevel={2}\n      title=\"Linked workflows\"\n      description=\"FluidGrids workflows that push data into this sink.\"\n      icon={<LinkIcon className=\"h-icon-sm w-icon-sm\" />}\n      meta={\n        <span className=\"text-xs text-text-muted\">\n          {workflowLinks.length} workflow{workflowLinks.length !== 1 ? 's' : ''}\n        </span>\n      }\n    >\n      <>\n        {/* Loading state */}\n        {isLoading ? (\n          <div className=\"flex items-center justify-center py-8\">\n            <svg className=\"w-6 h-6 text-text-secondary animate-spin\" fill=\"none\" viewBox=\"0 0 24 24\">\n              <circle className=\"opacity-25\" cx=\"12\" cy=\"12\" r=\"10\" stroke=\"currentColor\" strokeWidth=\"4\" />\n              <path\n                className=\"opacity-75\"\n                fill=\"currentColor\"\n                d=\"M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z\"\n              />\n            </svg>\n          </div>\n        ) : workflowLinks.length === 0 ? (\n          /* Empty state */\n          <div className=\"py-8 text-center\">\n            <WorkflowIcon className=\"mx-auto mb-3 h-icon-lg w-icon-lg text-text-muted\" />\n            <p className=\"mb-2 text-sm text-text-secondary\">No workflows linked</p>\n            <p className=\"text-xs text-text-muted\">\n              Link workflows from the Workflows page to push data to this data sink.\n            </p>\n            <AppLink\n              to=\"/workflows\"\n              className={`mt-4 inline-flex min-h-[var(--size-controlHeight-md)] items-center gap-1 text-xs font-medium text-text-link hover:underline ${SECTION_FOCUS_RING}`}\n            >\n              Go to Workflows\n              <ChevronRightIcon className=\"w-3 h-3\" />\n            </AppLink>\n          </div>\n        ) : (\n          /* Workflow list */\n          <div className=\"space-y-list-gap\">\n            {/* Enabled workflows */}\n            {enabledLinks.map((link) => {\n              if (!link.workflow) return null;\n              const statusConfig = getStatusConfig(link.workflow.status);\n              return (\n                <AppLink\n                  key={link.id}\n                  to={`/workflows/${link.workflow.id}`}\n                  className={`group flex min-h-[var(--size-controlHeight-md)] items-center justify-between gap-icon-gap rounded-input bg-bg-sunken p-3 motion-safe:transition-colors hover:bg-bg-elevated ${SECTION_FOCUS_RING}`}\n                >\n                  <div className=\"flex min-w-0 items-center gap-icon-gap\">\n                    <WorkflowIcon className=\"h-icon-md w-icon-md shrink-0 text-text-secondary\" />\n                    <div className=\"min-w-0\">\n                      <p className=\"truncate text-sm font-medium text-text-primary group-hover:text-text-link\">\n                        {link.workflow.name}\n                      </p>\n                      <p className=\"truncate font-mono text-xs text-text-secondary\">{link.workflow.key}</p>\n                    </div>\n                  </div>\n                  <div className=\"flex shrink-0 items-center gap-icon-gap\">\n                    {link.workflow.lastExecutedAt && (\n                      <span className=\"hidden text-xs text-text-secondary sm:inline\">\n                        {formatDistanceToNow(new Date(link.workflow.lastExecutedAt), {\n                          addSuffix: true,\n                        })}\n                      </span>\n                    )}\n                    <div className={`flex items-center gap-1.5 rounded-pill px-2 py-0.5 ${statusConfig.bgColor}`}>\n                      <span className={`h-1.5 w-1.5 rounded-pill ${statusConfig.dotColor}`} />\n                      <span className={`text-xs font-medium ${statusConfig.textColor}`}>{statusConfig.label}</span>\n                    </div>\n                  </div>\n                </AppLink>\n              );\n            })}\n\n            {/* Disabled workflows — a labelled sub-group, not a bare hairline. */}\n            {disabledLinks.length > 0 && (\n              <Section\n                emphasis=\"bare\"\n                padding=\"none\"\n                headingLevel={3}\n                title={`Disabled (${disabledLinks.length})`}\n                className=\"mt-form-gap border-t border-[var(--color-border-subtle)] pt-form-gap\"\n                headerClassName=\"mb-list-gap\"\n                bodyClassName=\"space-y-list-gap\"\n              >\n                {disabledLinks.map((link) => {\n                  if (!link.workflow) return null;\n                  return (\n                    <AppLink\n                      key={link.id}\n                      to={`/workflows/${link.workflow.id}`}\n                      className={`group flex min-h-[var(--size-controlHeight-md)] items-center justify-between gap-icon-gap rounded-input bg-bg-sunken p-3 opacity-60 motion-safe:transition-colors hover:opacity-100 ${SECTION_FOCUS_RING}`}\n                    >\n                      <div className=\"flex min-w-0 items-center gap-icon-gap\">\n                        <WorkflowIcon className=\"h-icon-md w-icon-md shrink-0 text-text-muted\" />\n                        <div className=\"min-w-0\">\n                          <p className=\"truncate text-sm font-medium text-text-secondary group-hover:text-text-primary\">\n                            {link.workflow.name}\n                          </p>\n                          <p className=\"truncate font-mono text-xs text-text-muted\">{link.workflow.key}</p>\n                        </div>\n                      </div>\n                      <span className=\"shrink-0 text-xs text-text-muted\">Disabled</span>\n                    </AppLink>\n                  );\n                })}\n              </Section>\n            )}\n          </div>\n        )}\n      </>\n    </Section>\n  );\n});\n\nexport default LinkedWorkflowsPanel;\n"],"mappings":"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"}

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

@@ -23,3 +23,4 @@ interface RefreshTypeSelectorProps {
 }
 export declare const RefreshTypeSelector: import('react').NamedExoticComponent<RefreshTypeSelectorProps>;
 export default RefreshTypeSelector;
+//# sourceMappingURL=RefreshTypeSelector.d.ts.map

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

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

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

@@ -302,3 +302,5 @@ var l = e(function({ value: e, onChange: l, disabled: u = !1, error: d }) {
 });
 //#endregion
 export { l as default };
+
+//# sourceMappingURL=RefreshTypeSelector.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"RefreshTypeSelector.js","names":[],"sources":["../../../../src/bigconsole/components/datasink/RefreshTypeSelector.tsx"],"sourcesContent":["/**\n * Refresh Type Selector\n *\n * Component for selecting data refresh type (manual or scheduled).\n */\n\nimport { memo, useState, useEffect, useCallback, useMemo, useRef } from 'react';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\nimport { SECTION_FOCUS_RING } from '../common';\n\n// ============================================================================\n// TYPES\n// ============================================================================\n\ninterface SchedulePreset {\n  label: string;\n  cron: string;\n  description: string;\n}\n\ninterface TimezoneOption {\n  value: string;\n  label: string;\n}\n\ninterface RefreshSchedule {\n  cron: string;\n  timezone: string;\n}\n\ninterface RefreshConfig {\n  type: 'manual' | 'scheduled';\n  schedule?: RefreshSchedule;\n}\n\ninterface RefreshTypeSelectorProps {\n  /** Current refresh configuration */\n  value?: RefreshConfig;\n  /** Callback when configuration changes */\n  onChange: (config: RefreshConfig) => void;\n  /** Whether selector is disabled */\n  disabled?: boolean;\n  /** Error message */\n  error?: string;\n}\n\n// ============================================================================\n// COMPONENT\n// ============================================================================\n\nexport const RefreshTypeSelector = memo(function RefreshTypeSelector({\n  value,\n  onChange,\n  disabled = false,\n  error,\n}: RefreshTypeSelectorProps) {\n  const { t } = useI18n();\n\n  const SCHEDULE_PRESETS = useMemo<SchedulePreset[]>(\n    () => [\n      {\n        label: t('bigconsole.dataSinks.refreshType.presetEvery5MinutesLabel', 'Every 5 minutes'),\n        cron: '*/5 * * * *',\n        description: t('bigconsole.dataSinks.refreshType.presetEvery5MinutesDescription', 'High frequency updates'),\n      },\n      {\n        label: t('bigconsole.dataSinks.refreshType.presetEvery15MinutesLabel', 'Every 15 minutes'),\n        cron: '*/15 * * * *',\n        description: t('bigconsole.dataSinks.refreshType.presetEvery15MinutesDescription', 'Balanced frequency'),\n      },\n      {\n        label: t('bigconsole.dataSinks.refreshType.presetEveryHourLabel', 'Every hour'),\n        cron: '0 * * * *',\n        description: t('bigconsole.dataSinks.refreshType.presetEveryHourDescription', 'Hourly updates'),\n      },\n      {\n        label: t('bigconsole.dataSinks.refreshType.presetEveryDayLabel', 'Every day at midnight'),\n        cron: '0 0 * * *',\n        description: t('bigconsole.dataSinks.refreshType.presetEveryDayDescription', 'Daily updates'),\n      },\n    ],\n    [t]\n  );\n\n  const TIMEZONE_OPTIONS = useMemo<TimezoneOption[]>(\n    () => [\n      { value: 'UTC', label: t('bigconsole.dataSinks.refreshType.timezoneUtc', 'UTC') },\n      { value: 'America/New_York', label: t('bigconsole.dataSinks.refreshType.timezoneEastern', 'Eastern Time (US)') },\n      {\n        value: 'America/Los_Angeles',\n        label: t('bigconsole.dataSinks.refreshType.timezonePacific', 'Pacific Time (US)'),\n      },\n      { value: 'Europe/London', label: t('bigconsole.dataSinks.refreshType.timezoneLondon', 'London (UK)') },\n      { value: 'Europe/Paris', label: t('bigconsole.dataSinks.refreshType.timezoneParis', 'Paris (EU)') },\n      { value: 'Asia/Tokyo', label: t('bigconsole.dataSinks.refreshType.timezoneTokyo', 'Tokyo (Japan)') },\n      { value: 'Asia/Kolkata', label: t('bigconsole.dataSinks.refreshType.timezoneKolkata', 'India (IST)') },\n      { value: 'Australia/Sydney', label: t('bigconsole.dataSinks.refreshType.timezoneSydney', 'Sydney (Australia)') },\n    ],\n    [t]\n  );\n\n  // Find preset by cron expression\n  const findPresetByCron = useCallback(\n    (cron: string): SchedulePreset | null => SCHEDULE_PRESETS.find((preset) => preset.cron === cron) || null,\n    [SCHEDULE_PRESETS]\n  );\n\n  // State\n  const [refreshType, setRefreshType] = useState<'manual' | 'scheduled'>(value?.type || 'manual');\n  const [selectedPreset, setSelectedPreset] = useState<SchedulePreset | null>(\n    value?.schedule ? findPresetByCron(value.schedule.cron) || null : SCHEDULE_PRESETS[1]\n  );\n  const [isCustomSchedule, setIsCustomSchedule] = useState(\n    value?.schedule ? !findPresetByCron(value.schedule.cron) : false\n  );\n  const [customCron, setCustomCron] = useState(value?.schedule?.cron || '');\n  const [timezone, setTimezone] = useState(value?.schedule?.timezone || 'UTC');\n  const prevValueRef = useRef(value);\n\n  // Sync state when value changes (using deferred update to avoid cascading renders)\n  useEffect(() => {\n    if (prevValueRef.current !== value && value) {\n      prevValueRef.current = value;\n      // Defer state updates to avoid synchronous setState in effect\n      queueMicrotask(() => {\n        setRefreshType(value.type);\n        if (value.schedule) {\n          setTimezone(value.schedule.timezone);\n          const preset = findPresetByCron(value.schedule.cron);\n          if (preset) {\n            setSelectedPreset(preset);\n            setIsCustomSchedule(false);\n          } else {\n            setCustomCron(value.schedule.cron);\n            setIsCustomSchedule(true);\n          }\n        }\n      });\n    }\n  }, [value, findPresetByCron]);\n\n  // Handle refresh type change\n  const handleTypeChange = useCallback(\n    (type: 'manual' | 'scheduled') => {\n      if (disabled) return;\n      setRefreshType(type);\n      if (type === 'manual') {\n        onChange({ type: 'manual' });\n      } else {\n        const cron = isCustomSchedule ? customCron : selectedPreset?.cron || SCHEDULE_PRESETS[1].cron;\n        onChange({\n          type: 'scheduled',\n          schedule: { cron, timezone },\n        });\n      }\n    },\n    [disabled, onChange, isCustomSchedule, customCron, selectedPreset, timezone, SCHEDULE_PRESETS]\n  );\n\n  // Handle preset selection\n  const handlePresetSelect = useCallback(\n    (preset: SchedulePreset) => {\n      if (disabled) return;\n      setSelectedPreset(preset);\n      setIsCustomSchedule(false);\n      onChange({\n        type: 'scheduled',\n        schedule: { cron: preset.cron, timezone },\n      });\n    },\n    [disabled, onChange, timezone]\n  );\n\n  // Handle custom schedule toggle\n  const handleCustomToggle = useCallback(() => {\n    if (disabled) return;\n    setIsCustomSchedule(true);\n    setSelectedPreset(null);\n    if (customCron) {\n      onChange({\n        type: 'scheduled',\n        schedule: { cron: customCron, timezone },\n      });\n    }\n  }, [disabled, onChange, customCron, timezone]);\n\n  // Handle custom cron change\n  const handleCustomCronChange = useCallback(\n    (e: React.ChangeEvent<HTMLInputElement>) => {\n      const cron = e.target.value;\n      setCustomCron(cron);\n      if (cron.trim()) {\n        onChange({\n          type: 'scheduled',\n          schedule: { cron, timezone },\n        });\n      }\n    },\n    [onChange, timezone]\n  );\n\n  // Handle timezone change\n  const handleTimezoneChange = useCallback(\n    (e: React.ChangeEvent<HTMLSelectElement>) => {\n      const tz = e.target.value;\n      setTimezone(tz);\n      if (refreshType === 'scheduled') {\n        const cron = isCustomSchedule ? customCron : selectedPreset?.cron || '';\n        onChange({\n          type: 'scheduled',\n          schedule: { cron, timezone: tz },\n        });\n      }\n    },\n    [onChange, refreshType, isCustomSchedule, customCron, selectedPreset]\n  );\n\n  return (\n    <div className=\"space-y-4\">\n      {/* Label */}\n      <div>\n        <label className=\"block text-sm font-medium text-text-primary mb-1\">\n          {t('bigconsole.dataSinks.refreshType.heading', 'Refresh Type')}\n        </label>\n        <p className=\"text-xs text-text-secondary\">\n          {t('bigconsole.dataSinks.refreshType.headingDescription', 'When should this data be updated?')}\n        </p>\n      </div>\n\n      {/* Options */}\n      <div className=\"space-y-list-gap\">\n        {/* Manual option */}\n        <label\n          className={`\n            flex cursor-pointer items-start gap-3\n            rounded-input\n            border p-4\n            motion-safe:transition-colors\n            ${disabled ? 'cursor-not-allowed opacity-50' : ''}\n            ${\n              refreshType === 'manual'\n                ? 'border-[var(--color-action-primary-bg)] bg-bg-accentSubtle'\n                : 'border-[var(--color-border-subtle)] hover:border-[var(--color-border-strong)]'\n            }\n          `}\n        >\n          <input\n            type=\"radio\"\n            name=\"refresh-type\"\n            checked={refreshType === 'manual'}\n            onChange={() => handleTypeChange('manual')}\n            disabled={disabled}\n            className={`\n              mt-0.5\n              h-4 w-4\n              border-[var(--color-border-default)]\n              text-action-primary-bg\n              focus-visible:ring-2\n              focus-visible:ring-ring\n            `}\n          />\n          <div className=\"flex-1\">\n            <span className=\"text-sm font-medium text-text-primary\">\n              {t('bigconsole.dataSinks.refreshType.manualLabel', 'Manual')}\n            </span>\n            <p className=\"text-xs text-text-secondary mt-0.5\">\n              {t(\n                'bigconsole.dataSinks.refreshType.manualDescription',\n                'Data refreshes only when you click the \"Refresh\" button'\n              )}\n            </p>\n          </div>\n        </label>\n\n        {/* Scheduled option */}\n        <div\n          className={`\n            rounded-input border\n            motion-safe:transition-colors\n            ${disabled ? 'opacity-50' : ''}\n            ${\n              refreshType === 'scheduled'\n                ? 'border-[var(--color-action-primary-bg)] bg-bg-accentSubtle'\n                : 'border-[var(--color-border-subtle)]'\n            }\n          `}\n        >\n          <label\n            className={`\n              flex items-start gap-3\n              p-4\n              cursor-pointer\n              ${disabled ? 'cursor-not-allowed' : ''}\n            `}\n          >\n            <input\n              type=\"radio\"\n              name=\"refresh-type\"\n              checked={refreshType === 'scheduled'}\n              onChange={() => handleTypeChange('scheduled')}\n              disabled={disabled}\n              className={`\n                mt-0.5\n                h-4 w-4\n                border-[var(--color-border-default)]\n                text-action-primary-bg\n                focus-visible:ring-2\n                focus-visible:ring-ring\n              `}\n            />\n            <div className=\"flex-1\">\n              <span className=\"text-sm font-medium text-text-primary\">\n                {t('bigconsole.dataSinks.refreshType.automaticLabel', 'Automatic')}\n              </span>\n              <p className=\"text-xs text-text-secondary mt-0.5\">\n                {t('bigconsole.dataSinks.refreshType.automaticDescription', 'Data refreshes on a schedule')}\n              </p>\n            </div>\n          </label>\n\n          {/* Schedule options (shown when scheduled is selected) */}\n          {refreshType === 'scheduled' && (\n            <div className=\"space-y-form-gap px-4 pb-4\">\n              {/* Schedule presets */}\n              <div className=\"border-t border-[var(--color-border-subtle)] pt-4\">\n                <label className=\"mb-2 block text-xs font-medium text-text-secondary\">\n                  {t('bigconsole.dataSinks.refreshType.scheduleLabel', 'Schedule')}\n                </label>\n                {/* Single column below `sm`: two \"Every day at midnight\"-length\n                    buttons never fit side by side inside a card at 390px. */}\n                <div className=\"grid grid-cols-1 gap-2 sm:grid-cols-2\">\n                  {SCHEDULE_PRESETS.map((preset) => (\n                    <button\n                      key={preset.cron}\n                      type=\"button\"\n                      onClick={() => handlePresetSelect(preset)}\n                      disabled={disabled}\n                      className={`\n                        min-h-[var(--size-controlHeight-md)] rounded-input\n                        border\n                        px-3 py-2\n                        text-left\n                        motion-safe:transition-colors\n                        ${SECTION_FOCUS_RING}\n                        ${disabled ? 'cursor-not-allowed' : 'cursor-pointer'}\n                        ${\n                          !isCustomSchedule && selectedPreset?.cron === preset.cron\n                            ? 'border-[var(--color-action-primary-bg)] bg-bg-accentSubtle text-text-link'\n                            : 'border-[var(--color-border-subtle)] hover:border-[var(--color-border-strong)]'\n                        }\n                      `}\n                    >\n                      <span className=\"text-sm font-medium\">{preset.label}</span>\n                    </button>\n                  ))}\n                </div>\n              </div>\n\n              {/* Custom schedule */}\n              <div>\n                <button\n                  type=\"button\"\n                  onClick={handleCustomToggle}\n                  disabled={disabled}\n                  className={`\n                    min-h-[var(--size-controlHeight-md)] rounded-button text-xs\n                    ${SECTION_FOCUS_RING}\n                    ${isCustomSchedule ? 'text-text-link' : 'text-text-secondary hover:text-text-primary'}\n                  `}\n                >\n                  {isCustomSchedule\n                    ? t('bigconsole.dataSinks.refreshType.usingCustomSchedule', 'Using custom schedule')\n                    : t('bigconsole.dataSinks.refreshType.useCustomSchedule', 'Use custom schedule...')}\n                </button>\n                {isCustomSchedule && (\n                  <div className=\"mt-2\">\n                    <input\n                      type=\"text\"\n                      aria-label=\"Custom cron expression\"\n                      value={customCron}\n                      onChange={handleCustomCronChange}\n                      disabled={disabled}\n                      placeholder=\"*/15 * * * *\"\n                      className={`\n                        h-control-md w-full min-w-0\n                        rounded-input\n                        border border-[var(--color-border-default)]\n                        bg-bg-sunken\n                        px-3\n                        font-mono\n                        text-sm text-text-primary\n                        focus-visible:outline-none\n                        focus-visible:ring-2\n                        focus-visible:ring-ring\n                      `}\n                    />\n                    <p className=\"mt-1 text-xs text-text-muted\">\n                      {t(\n                        'bigconsole.dataSinks.refreshType.customCronHelp',\n                        'Enter a cron expression (e.g., */15 * * * * for every 15 minutes)'\n                      )}\n                    </p>\n                  </div>\n                )}\n              </div>\n\n              {/* Timezone */}\n              <div>\n                <label htmlFor=\"refresh-timezone\" className=\"mb-2 block text-xs font-medium text-text-secondary\">\n                  {t('bigconsole.dataSinks.refreshType.timezoneLabel', 'Timezone')}\n                </label>\n                <select\n                  id=\"refresh-timezone\"\n                  value={timezone}\n                  onChange={handleTimezoneChange}\n                  disabled={disabled}\n                  className={`\n                    h-control-md w-full min-w-0\n                    rounded-input\n                    border border-[var(--color-border-default)]\n                    bg-bg-sunken\n                    px-3\n                    text-sm text-text-primary\n                    focus-visible:outline-none\n                    focus-visible:ring-2\n                    focus-visible:ring-ring\n                  `}\n                >\n                  {TIMEZONE_OPTIONS.map((tz) => (\n                    <option key={tz.value} value={tz.value}>\n                      {tz.label}\n                    </option>\n                  ))}\n                </select>\n              </div>\n            </div>\n          )}\n        </div>\n      </div>\n\n      {/* Error message */}\n      {error && (\n        <div className=\"flex items-start gap-2\">\n          <svg\n            className=\"w-4 h-4 text-status-error-text flex-shrink-0 mt-0.5\"\n            fill=\"none\"\n            stroke=\"currentColor\"\n            viewBox=\"0 0 24 24\"\n          >\n            <path\n              strokeLinecap=\"round\"\n              strokeLinejoin=\"round\"\n              strokeWidth={2}\n              d=\"M12 8v4m0 4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z\"\n            />\n          </svg>\n          <p className=\"text-xs text-status-error-text\">{error}</p>\n        </div>\n      )}\n    </div>\n  );\n});\n\nexport default RefreshTypeSelector;\n"],"mappings":"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"}

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

@@ -10,3 +10,4 @@ interface SetupStateBadgeProps {
 }
 export declare const SetupStateBadge: import('react').NamedExoticComponent<SetupStateBadgeProps>;
 export default SetupStateBadge;
+//# sourceMappingURL=SetupStateBadge.d.ts.map

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

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

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

@@ -103,3 +103,5 @@ var r = {
 });
 //#endregion
 export { a as default };
+
+//# sourceMappingURL=SetupStateBadge.js.map

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

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

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

@@ -27,3 +27,4 @@ interface WorkflowStatusPanelProps {
 }
 export declare const WorkflowStatusPanel: import('react').NamedExoticComponent<WorkflowStatusPanelProps>;
 export default WorkflowStatusPanel;
+//# sourceMappingURL=WorkflowStatusPanel.d.ts.map

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

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

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

@@ -159,3 +159,5 @@ var s = ({ className: e }) => /* @__PURE__ */ r("svg", {
 });
 //#endregion
 export { d as default };
+
+//# sourceMappingURL=WorkflowStatusPanel.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"WorkflowStatusPanel.js","names":[],"sources":["../../../../src/bigconsole/components/datasink/WorkflowStatusPanel.tsx"],"sourcesContent":["/**\n * Workflow Status Panel\n *\n * Panel showing FluidGrids workflow status and execution details.\n */\n\nimport { memo, useMemo } from 'react';\nimport { formatDistanceToNow } from 'date-fns';\nimport { Section, SECTION_FOCUS_RING } from '../common';\nimport type { DataSinkSetupState, DataSinkStatus } from '../../types';\n\n// ============================================================================\n// TYPES\n// ============================================================================\n\ninterface WorkflowStatusPanelProps {\n  /** Workflow ID */\n  workflowId?: string;\n  /** Execution ID */\n  executionId?: string;\n  /** Last refreshed timestamp */\n  lastRefreshedAt?: string;\n  /** Setup state */\n  setupState?: DataSinkSetupState;\n  /** DataSink status */\n  status?: DataSinkStatus;\n  /** Error metadata */\n  errorMetadata?: {\n    code?: string;\n    message?: string;\n  };\n  /** Callback to re-run workflow */\n  onRerunWorkflow?: () => void;\n  /** Callback to view workflow */\n  onViewWorkflow?: () => void;\n  /** Whether controls are disabled */\n  disabled?: boolean;\n  /** Whether re-run is in progress */\n  isRerunning?: boolean;\n}\n\ninterface StatusConfig {\n  label: string;\n  bgColor: string;\n  textColor: string;\n  dotColor: string;\n}\n\n// ============================================================================\n// HELPERS\n// ============================================================================\n\n/**\n * Get status display configuration\n */\nfunction getStatusConfig(setupState?: DataSinkSetupState, status?: DataSinkStatus): StatusConfig {\n  if (status === 'refreshing' || setupState === 'workflow_running') {\n    return {\n      label: 'Running',\n      bgColor: 'bg-action-primary-bg/10',\n      textColor: 'text-action-primary-bg',\n      dotColor: 'bg-action-primary-bg',\n    };\n  }\n  if (status === 'error') {\n    return {\n      label: 'Failed',\n      bgColor: 'bg-status-error-bg/10',\n      textColor: 'text-status-error-text',\n      dotColor: 'bg-status-error-bg',\n    };\n  }\n  if (setupState === 'workflow_pending') {\n    return {\n      label: 'Pending',\n      bgColor: 'bg-status-warning-bg/10',\n      textColor: 'text-[var(--color-status-warning-text)]',\n      dotColor: 'bg-status-warning-bg',\n    };\n  }\n  return {\n    label: 'Completed',\n    bgColor: 'bg-status-success-bg/10',\n    textColor: 'text-status-success-text',\n    dotColor: 'bg-status-success-bg',\n  };\n}\n\n// ============================================================================\n// ICONS\n// ============================================================================\n\nconst WorkflowIcon = ({ className }: { className?: string }) => (\n  <svg className={className} fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n    <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth={1.5} d=\"M13 10V3L4 14h7v7l9-11h-7z\" />\n  </svg>\n);\n\nconst RefreshIcon = ({ className, spinning }: { className?: string; spinning?: boolean }) => (\n  <svg\n    className={`${className} ${spinning ? 'animate-spin' : ''}`}\n    fill=\"none\"\n    stroke=\"currentColor\"\n    viewBox=\"0 0 24 24\"\n  >\n    <path\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n      strokeWidth={2}\n      d=\"M4 4v5h.582m15.356 2A8.001 8.001 0 004.582 9m0 0H9m11 11v-5h-.581m0 0a8.003 8.003 0 01-15.357-2m15.357 2H15\"\n    />\n  </svg>\n);\n\nconst ExternalLinkIcon = ({ className }: { className?: string }) => (\n  <svg className={className} fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n    <path\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n      strokeWidth={2}\n      d=\"M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14\"\n    />\n  </svg>\n);\n\nconst AlertIcon = ({ className }: { className?: string }) => (\n  <svg className={className} fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n    <path\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n      strokeWidth={2}\n      d=\"M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z\"\n    />\n  </svg>\n);\n\n// ============================================================================\n// COMPONENT\n// ============================================================================\n\nexport const WorkflowStatusPanel = memo(function WorkflowStatusPanel({\n  workflowId,\n  executionId,\n  lastRefreshedAt,\n  setupState,\n  status,\n  errorMetadata,\n  onRerunWorkflow,\n  onViewWorkflow,\n  disabled = false,\n  isRerunning = false,\n}: WorkflowStatusPanelProps) {\n  // Get status config\n  const statusConfig = useMemo(() => getStatusConfig(setupState, status), [setupState, status]);\n\n  const isRunning = status === 'refreshing' || setupState === 'workflow_running' || isRerunning;\n\n  const lastRefreshedText = lastRefreshedAt\n    ? formatDistanceToNow(new Date(lastRefreshedAt), { addSuffix: true })\n    : 'Never';\n\n  return (\n    <Section\n      // Peer of the detail page's other level-2 panels (Details, Linked\n      // workflows, Linked parsers) — they must share a heading level or the\n      // outline implies this panel is nested inside the one before it.\n      headingLevel={2}\n      title=\"FluidGrids workflow\"\n      description=\"The workflow that populates this sink, and how its last run went.\"\n      icon={<WorkflowIcon className=\"h-icon-sm w-icon-sm\" />}\n      meta={\n        <span className={`flex items-center gap-1.5 rounded-pill px-2 py-0.5 ${statusConfig.bgColor}`}>\n          <span className={`h-1.5 w-1.5 rounded-pill ${statusConfig.dotColor} ${isRunning ? 'animate-pulse' : ''}`} />\n          <span className={`text-xs font-medium ${statusConfig.textColor}`}>{statusConfig.label}</span>\n        </span>\n      }\n      bodyClassName=\"space-y-form-gap\"\n    >\n      {/* Identifiers — supporting reference detail, so it steps down to `muted`. */}\n      <div className=\"grid grid-cols-1 gap-form-gap text-sm sm:grid-cols-2\">\n        <div className=\"min-w-0\">\n          <p className=\"mb-1 text-xs text-text-secondary\">Workflow ID</p>\n          <p className=\"break-all font-mono text-xs text-text-primary\" title={workflowId}>\n            {workflowId || 'Not linked'}\n          </p>\n        </div>\n        <div className=\"min-w-0\">\n          <p className=\"mb-1 text-xs text-text-secondary\">Last execution</p>\n          <p className=\"text-xs text-text-primary\">{lastRefreshedText}</p>\n        </div>\n        {executionId && (\n          <div className=\"min-w-0 sm:col-span-2\">\n            <p className=\"mb-1 text-xs text-text-secondary\">Execution ID</p>\n            <p className=\"break-all font-mono text-xs text-text-primary\" title={executionId}>\n              {executionId}\n            </p>\n          </div>\n        )}\n      </div>\n\n      {/* Error display — a real status section rather than a hand-rolled tint. */}\n      {status === 'error' && errorMetadata && (\n        <Section\n          tone=\"danger\"\n          padding=\"compact\"\n          headingLevel={3}\n          title={errorMetadata.code || 'Last run failed'}\n          icon={<AlertIcon className=\"h-icon-sm w-icon-sm\" />}\n        >\n          <p className=\"text-xs text-[var(--color-status-error-text)]\">\n            {errorMetadata.message || 'An error occurred during workflow execution'}\n          </p>\n        </Section>\n      )}\n\n      {/* Actions */}\n      <div className=\"flex flex-wrap items-center gap-control-gap border-t border-[var(--color-border-subtle)] pt-form-gap\">\n        {onRerunWorkflow && (\n          <button\n            type=\"button\"\n            onClick={onRerunWorkflow}\n            disabled={disabled || isRunning}\n            className={`flex min-h-[var(--size-controlHeight-md)] items-center gap-1.5 rounded-button bg-action-primary-bg px-3 py-1.5 text-xs font-medium text-action-primary-text hover:bg-action-primary-bgHover disabled:cursor-not-allowed disabled:opacity-50 motion-safe:transition-colors ${SECTION_FOCUS_RING}`}\n          >\n            <RefreshIcon className=\"h-3.5 w-3.5\" spinning={isRunning} />\n            {isRunning ? 'Running...' : 'Re-run workflow'}\n          </button>\n        )}\n        {onViewWorkflow && (\n          <button\n            type=\"button\"\n            onClick={onViewWorkflow}\n            className={`flex min-h-[var(--size-controlHeight-md)] items-center gap-1.5 rounded-button px-3 py-1.5 text-xs font-medium text-text-secondary hover:bg-bg-sunken motion-safe:transition-colors ${SECTION_FOCUS_RING}`}\n          >\n            <ExternalLinkIcon className=\"h-3.5 w-3.5\" />\n            View in FluidGrids\n          </button>\n        )}\n      </div>\n    </Section>\n  );\n});\n\nexport default WorkflowStatusPanel;\n"],"mappings":";;;;;;;AAuDA,SAAS,EAAgB,GAAiC,GAAuC;AAyB/F,QAxBI,MAAW,gBAAgB,MAAe,qBACrC;EACL,OAAO;EACP,SAAS;EACT,WAAW;EACX,UAAU;EACX,GAEC,MAAW,UACN;EACL,OAAO;EACP,SAAS;EACT,WAAW;EACX,UAAU;EACX,GAEC,MAAe,qBACV;EACL,OAAO;EACP,SAAS;EACT,WAAW;EACX,UAAU;EACX,GAEI;EACL,OAAO;EACP,SAAS;EACT,WAAW;EACX,UAAU;EACX;;AAOH,IAAM,KAAgB,EAAE,mBACtB,kBAAC,OAAD;CAAgB;CAAW,MAAK;CAAO,QAAO;CAAe,SAAQ;WACnE,kBAAC,QAAD;EAAM,eAAc;EAAQ,gBAAe;EAAQ,aAAa;EAAK,GAAE;EAA+B,CAAA;CAClG,CAAA,EAGF,KAAe,EAAE,cAAW,kBAChC,kBAAC,OAAD;CACE,WAAW,GAAG,EAAU,GAAG,IAAW,iBAAiB;CACvD,MAAK;CACL,QAAO;CACP,SAAQ;WAER,kBAAC,QAAD;EACE,eAAc;EACd,gBAAe;EACf,aAAa;EACb,GAAE;EACF,CAAA;CACE,CAAA,EAGF,KAAoB,EAAE,mBAC1B,kBAAC,OAAD;CAAgB;CAAW,MAAK;CAAO,QAAO;CAAe,SAAQ;WACnE,kBAAC,QAAD;EACE,eAAc;EACd,gBAAe;EACf,aAAa;EACb,GAAE;EACF,CAAA;CACE,CAAA,EAGF,KAAa,EAAE,mBACnB,kBAAC,OAAD;CAAgB;CAAW,MAAK;CAAO,QAAO;CAAe,SAAQ;WACnE,kBAAC,QAAD;EACE,eAAc;EACd,gBAAe;EACf,aAAa;EACb,GAAE;EACF,CAAA;CACE,CAAA,EAOK,IAAsB,EAAK,SAA6B,EACnE,eACA,gBACA,oBACA,eACA,WACA,kBACA,oBACA,mBACA,cAAW,IACX,iBAAc,MACa;CAE3B,IAAM,IAAe,QAAc,EAAgB,GAAY,EAAO,EAAE,CAAC,GAAY,EAAO,CAAC,EAEvF,IAAY,MAAW,gBAAgB,MAAe,sBAAsB,GAE5E,IAAoB,IACtB,EAAoB,IAAI,KAAK,EAAgB,EAAE,EAAE,WAAW,IAAM,CAAC,GACnE;AAEJ,QACE,kBAAC,GAAD;EAIE,cAAc;EACd,OAAM;EACN,aAAY;EACZ,MAAM,kBAAC,GAAD,EAAc,WAAU,uBAAwB,CAAA;EACtD,MACE,kBAAC,QAAD;GAAM,WAAW,sDAAsD,EAAa;aAApF,CACE,kBAAC,QAAD,EAAM,WAAW,4BAA4B,EAAa,SAAS,GAAG,IAAY,kBAAkB,MAAQ,CAAA,EAC5G,kBAAC,QAAD;IAAM,WAAW,uBAAuB,EAAa;cAAc,EAAa;IAAa,CAAA,CACxF;;EAET,eAAc;YAdhB;GAiBE,kBAAC,OAAD;IAAK,WAAU;cAAf;KACE,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACE,kBAAC,KAAD;OAAG,WAAU;iBAAmC;OAAe,CAAA,EAC/D,kBAAC,KAAD;OAAG,WAAU;OAAgD,OAAO;iBACjE,KAAc;OACb,CAAA,CACA;;KACN,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACE,kBAAC,KAAD;OAAG,WAAU;iBAAmC;OAAkB,CAAA,EAClE,kBAAC,KAAD;OAAG,WAAU;iBAA6B;OAAsB,CAAA,CAC5D;;KACL,KACC,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACE,kBAAC,KAAD;OAAG,WAAU;iBAAmC;OAAgB,CAAA,EAChE,kBAAC,KAAD;OAAG,WAAU;OAAgD,OAAO;iBACjE;OACC,CAAA,CACA;;KAEJ;;GAGL,MAAW,WAAW,KACrB,kBAAC,GAAD;IACE,MAAK;IACL,SAAQ;IACR,cAAc;IACd,OAAO,EAAc,QAAQ;IAC7B,MAAM,kBAAC,GAAD,EAAW,WAAU,uBAAwB,CAAA;cAEnD,kBAAC,KAAD;KAAG,WAAU;eACV,EAAc,WAAW;KACxB,CAAA;IACI,CAAA;GAIZ,kBAAC,OAAD;IAAK,WAAU;cAAf,CACG,KACC,kBAAC,UAAD;KACE,MAAK;KACL,SAAS;KACT,UAAU,KAAY;KACtB,WAAW;eAJb,CAME,kBAAC,GAAD;MAAa,WAAU;MAAc,UAAU;MAAa,CAAA,EAC3D,IAAY,eAAe,kBACrB;QAEV,KACC,kBAAC,UAAD;KACE,MAAK;KACL,SAAS;KACT,WAAW;eAHb,CAKE,kBAAC,GAAD,EAAkB,WAAU,eAAgB,CAAA,EAAA,qBAErC;OAEP;;GACE;;EAEZ"}

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

@@ -21,3 +21,4 @@ export { LinkedWorkflowsPanel } from './LinkedWorkflowsPanel';
 export { LinkedParsersPanel } from './LinkedParsersPanel';
 export { ImportDataSinkDialog } from './ImportDataSinkDialog';
 export { ExportDataSinkDialog } from './ExportDataSinkDialog';
+//# sourceMappingURL=index.d.ts.map

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

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

package/dist/bigconsole/components/embed/EmbedErrorBoundary.d.ts

@@ -15,3 +15,4 @@ export declare class EmbedErrorBoundary extends Component<Props, State> {
     render(): ReactNode;
 }
 export {};
+//# sourceMappingURL=EmbedErrorBoundary.d.ts.map

package/dist/bigconsole/components/embed/EmbedErrorBoundary.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"EmbedErrorBoundary.d.ts","sourceRoot":"","sources":["../../../../src/bigconsole/components/embed/EmbedErrorBoundary.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,EAAE,SAAS,EAAE,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAElE,UAAU,KAAK;IACb,QAAQ,CAAC,QAAQ,EAAE,SAAS,CAAC;IAC7B,kEAAkE;IAClE,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,CAAC;CACzB;AAED,UAAU,KAAK;IACb,QAAQ,CAAC,QAAQ,EAAE,OAAO,CAAC;CAC5B;AAED,qBAAa,kBAAmB,SAAQ,SAAS,CAAC,KAAK,EAAE,KAAK,CAAC;IAC7D,KAAK,EAAE,KAAK,CAAuB;IAEnC,MAAM,CAAC,wBAAwB,IAAI,KAAK;IAIxC,iBAAiB,CAAC,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,GAAG,IAAI;IAKxD,MAAM,IAAI,SAAS;CAapB"}

package/dist/bigconsole/components/embed/EmbedErrorBoundary.js

@@ -21,3 +21,5 @@ var n = class extends e {
 };
 //#endregion
 export { n as EmbedErrorBoundary };
+
+//# sourceMappingURL=EmbedErrorBoundary.js.map

package/dist/bigconsole/components/embed/EmbedErrorBoundary.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EmbedErrorBoundary.js","names":[],"sources":["../../../../src/bigconsole/components/embed/EmbedErrorBoundary.tsx"],"sourcesContent":["/**\n * Customer-facing error boundary for embedded widgets/dashboards (BOFF-2986).\n *\n * Renders a neutral, safe message and NEVER surfaces internal details (stack\n * traces, ids, endpoints, config). One failing widget must not tear down the\n * whole dashboard, so this wraps each widget individually as well as the page.\n */\n\nimport { Component, type ErrorInfo, type ReactNode } from 'react';\n\ninterface Props {\n  readonly children: ReactNode;\n  /** Short, non-sensitive label for what failed (e.g. \"widget\"). */\n  readonly label?: string;\n}\n\ninterface State {\n  readonly hasError: boolean;\n}\n\nexport class EmbedErrorBoundary extends Component<Props, State> {\n  state: State = { hasError: false };\n\n  static getDerivedStateFromError(): State {\n    return { hasError: true };\n  }\n\n  componentDidCatch(_error: Error, _info: ErrorInfo): void {\n    // Intentionally no external reporting from the anonymous embed context — the\n    // safe render below is the only user-visible outcome.\n  }\n\n  render(): ReactNode {\n    if (this.state.hasError) {\n      return (\n        <div\n          role=\"alert\"\n          className=\"flex h-full w-full items-center justify-center bg-bg-surface p-4 text-center text-sm text-text-secondary\"\n        >\n          This {this.props.label ?? 'content'} could not be displayed.\n        </div>\n      );\n    }\n    return this.props.children;\n  }\n}\n"],"mappings":";;;AAoBA,IAAa,IAAb,cAAwC,EAAwB;CAC9D,QAAe,EAAE,UAAU,IAAO;CAElC,OAAO,2BAAkC;AACvC,SAAO,EAAE,UAAU,IAAM;;CAG3B,kBAAkB,GAAe,GAAwB;CAKzD,SAAoB;AAWlB,SAVI,KAAK,MAAM,WAEX,kBAAC,OAAD;GACE,MAAK;GACL,WAAU;aAFZ;IAGC;IACO,KAAK,MAAM,SAAS;IAAU;IAChC;OAGH,KAAK,MAAM"}

package/dist/bigconsole/components/embed/EmbedWidgetRenderer.d.ts

@@ -3,3 +3,4 @@ import { EmbedWidgetRenderProps } from './types';
 
 export declare function getImplementedRendererTypes(): WidgetType[];
 export declare function EmbedWidgetRenderer(props: EmbedWidgetRenderProps): import("react").JSX.Element;
+//# sourceMappingURL=EmbedWidgetRenderer.d.ts.map

package/dist/bigconsole/components/embed/EmbedWidgetRenderer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"EmbedWidgetRenderer.d.ts","sourceRoot":"","sources":["../../../../src/bigconsole/components/embed/EmbedWidgetRenderer.tsx"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAGH,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAC9C,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,SAAS,CAAC;AAiDtD,wBAAgB,2BAA2B,IAAI,UAAU,EAAE,CAE1D;AAcD,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,sBAAsB,+BAgBhE"}

package/dist/bigconsole/components/embed/EmbedWidgetRenderer.js

@@ -62,3 +62,5 @@ function w(n) {
 }
 //#endregion
 export { w as EmbedWidgetRenderer, x as getImplementedRendererTypes };
+
+//# sourceMappingURL=EmbedWidgetRenderer.js.map

package/dist/bigconsole/components/embed/EmbedWidgetRenderer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EmbedWidgetRenderer.js","names":[],"sources":["../../../../src/bigconsole/components/embed/EmbedWidgetRenderer.tsx"],"sourcesContent":["/**\n * Strict embed widget dispatcher (BOFF-2986).\n *\n * Maps a sanitized widget DTO to its embed renderer via an EXACT registry.\n * There is NO silent fallback (unlike the authenticated WidgetRendererFactory):\n * a type that is not `implemented` in the coverage manifest renders a neutral\n * \"not available\" placeholder, never a guessed or partial widget. Each widget is\n * wrapped in its own error boundary so one failure can't take down the page.\n */\n\nimport { lazy, Suspense, type ComponentType } from 'react';\nimport type { WidgetType } from '../../types';\nimport type { EmbedWidgetRenderProps } from './types';\nimport { EMBED_WIDGET_COVERAGE } from './renderer-manifest';\nimport { EmbedErrorBoundary } from './EmbedErrorBoundary';\nimport { MetricCardEmbed } from './widgets/MetricCardEmbed';\nimport { KpiComparisonEmbed } from './widgets/KpiComparisonEmbed';\nimport { TableEmbed } from './widgets/TableEmbed';\nimport { ListEmbed } from './widgets/ListEmbed';\nimport { TextEmbed } from './widgets/TextEmbed';\nimport { GaugeEmbed } from './widgets/GaugeEmbed';\nimport { ProgressEmbed } from './widgets/ProgressEmbed';\nimport { HeatmapEmbed } from './widgets/HeatmapEmbed';\nimport { RetentionEmbed } from './widgets/RetentionEmbed';\nimport { TimelineEmbed } from './widgets/TimelineEmbed';\nimport { CalendarEmbed } from './widgets/CalendarEmbed';\nimport { KanbanEmbed } from './widgets/KanbanEmbed';\nimport { PivotEmbed } from './widgets/PivotEmbed';\nimport { FormEmbed } from './widgets/FormEmbed';\n\n// recharts is by far the largest dependency of the embed bundle — load it only\n// when a published dashboard actually contains a chart (BOFF-7926). The host\n// build must emit chunks relative to the entry (`base: './'`) so the chunk is\n// fetched from the asset origin the embed CSP allows.\nconst ChartEmbed = lazy(() => import('./widgets/ChartEmbed'));\n\n/**\n * Registry of implemented renderers. Every key here MUST be marked\n * `implemented` in EMBED_WIDGET_COVERAGE, and vice-versa — the completeness test\n * asserts the two stay in lockstep, so a renderer can never be silently missing\n * for a type the manifest claims to support.\n */\nconst IMPLEMENTED_RENDERERS: Partial<Record<WidgetType, ComponentType<EmbedWidgetRenderProps>>> = {\n  metric_card: MetricCardEmbed,\n  kpi_card_comparison: KpiComparisonEmbed,\n  table: TableEmbed,\n  list: ListEmbed,\n  text: TextEmbed,\n  chart: ChartEmbed,\n  funnel_chart: ChartEmbed,\n  pivot_table: PivotEmbed,\n  gauge: GaugeEmbed,\n  progress: ProgressEmbed,\n  form: FormEmbed,\n  heatmap: HeatmapEmbed,\n  calendar: CalendarEmbed,\n  kanban: KanbanEmbed,\n  timeline: TimelineEmbed,\n  retention: RetentionEmbed,\n};\n\nexport function getImplementedRendererTypes(): WidgetType[] {\n  return Object.keys(IMPLEMENTED_RENDERERS) as WidgetType[];\n}\n\nfunction UnavailableWidget({ title }: { title?: string }) {\n  return (\n    <div className=\"flex h-full w-full items-center justify-center bg-bg-surface p-4 text-center text-sm text-text-tertiary\">\n      {title ? `“${title}” is not available in this embed.` : 'This widget is not available in this embed.'}\n    </div>\n  );\n}\n\nfunction WidgetLoading() {\n  return <div className=\"h-full w-full animate-pulse bg-bg-sunken/60\" aria-busy=\"true\" />;\n}\n\nexport function EmbedWidgetRenderer(props: EmbedWidgetRenderProps) {\n  const { widget } = props;\n  const coverage = EMBED_WIDGET_COVERAGE[widget.type];\n  const Renderer = coverage?.support === 'implemented' ? IMPLEMENTED_RENDERERS[widget.type] : undefined;\n\n  if (!Renderer) {\n    return <UnavailableWidget title={widget.title} />;\n  }\n\n  return (\n    <EmbedErrorBoundary label=\"widget\">\n      <Suspense fallback={<WidgetLoading />}>\n        <Renderer {...props} />\n      </Suspense>\n    </EmbedErrorBoundary>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAkCA,IAAM,IAAa,QAAW,OAAO,2BAAwB,EAQvD,IAA4F;CAChG,aAAa;CACb,qBAAqB;CACrB,OAAO;CACP,MAAM;CACN,MAAM;CACN,OAAO;CACP,cAAc;CACd,aAAa;CACb,OAAO;CACP,UAAU;CACV,MAAM;CACN,SAAS;CACT,UAAU;CACV,QAAQ;CACR,UAAU;CACV,WAAW;CACZ;AAED,SAAgB,IAA4C;AAC1D,QAAO,OAAO,KAAK,EAAsB;;AAG3C,SAAS,EAAkB,EAAE,YAA6B;AACxD,QACE,kBAAC,OAAD;EAAK,WAAU;YACZ,IAAQ,IAAI,EAAM,qCAAqC;EACpD,CAAA;;AAIV,SAAS,IAAgB;AACvB,QAAO,kBAAC,OAAD;EAAK,WAAU;EAA8C,aAAU;EAAS,CAAA;;AAGzF,SAAgB,EAAoB,GAA+B;CACjE,IAAM,EAAE,cAAW,GAEb,IADW,EAAsB,EAAO,OACnB,YAAY,gBAAgB,EAAsB,EAAO,QAAQ,KAAA;AAM5F,QAJK,IAKH,kBAAC,GAAD;EAAoB,OAAM;YACxB,kBAAC,GAAD;GAAU,UAAU,kBAAC,GAAD,EAAiB,CAAA;aACnC,kBAAC,GAAD,EAAU,GAAI,GAAS,CAAA;GACd,CAAA;EACQ,CAAA,GARd,kBAAC,GAAD,EAAmB,OAAO,EAAO,OAAS,CAAA"}