@burdenoff/microfe-bigconsole 2026.1008.12 → 2026.1008.14

package/dist/bigconsole/pages/DataSinkAlertsPage.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"DataSinkAlertsPage.js","names":[],"sources":["../../../src/bigconsole/pages/DataSinkAlertsPage.tsx"],"sourcesContent":["import { useEffect, useRef, useState } from 'react';\nimport { useParams } from 'react-router';\nimport { Button, Switch } from '@burdenoff/fe-libs/ui';\nimport { usePermissions } from '@burdenoff/fe-libs/shared/providers/shell';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\nimport { useUnsavedChanges } from '@burdenoff/fe-libs/shared/hooks';\nimport { AccessDenied } from '@burdenoff/fe-libs/shared/components';\nimport { ArrowLeft, Bell, Loader2, Plus, RefreshCw, Trash2 } from 'lucide-react';\nimport { BIGCONSOLE_PERMISSIONS } from '../../constants/permissions';\nimport { useBigConsole } from '../context';\nimport { useAppNavigate } from '../contexts';\nimport { Section, SECTION_FOCUS_RING } from '../components/common';\nimport { AlertRuleEditor } from '../components/datasink/AlertRuleEditor';\nimport { AlertExecutionHistory } from '../components/datasink/AlertExecutionHistory';\nimport {\n  useDataSinkAlerts,\n  alertErrorMessage,\n  describeAlertLoadFailure,\n  type AlertRule,\n  type AlertPreview,\n} from '../hooks/useDataSinkAlerts';\nimport {\n  alertDraft,\n  alertDraftInput,\n  validateAlertDraft,\n  ALERT_VALIDATION_MESSAGES,\n  type AlertDraft,\n} from '../utils/alertRules';\nimport { nativeConfirm } from '../../utils/nativeBridge';\n\ninterface EditingRule {\n  draft: AlertDraft;\n  original: string;\n  version: number;\n  selection: number;\n}\ninterface PreviewResult {\n  condition: string;\n  conditionType: string;\n  result: AlertPreview;\n}\n\nexport default function DataSinkAlertsPage() {\n  const { dataSinkId = '' } = useParams<{ dataSinkId: string }>();\n  const { currentUser, workspaceId } = useBigConsole();\n  return (\n    <DataSinkAlertsContent\n      key={`${currentUser?.id ?? ''}|${workspaceId ?? ''}|${dataSinkId}`}\n      dataSinkId={dataSinkId}\n    />\n  );\n}\n\nfunction DataSinkAlertsContent({ dataSinkId }: { dataSinkId: string }) {\n  const { t } = useI18n();\n  const navigate = useAppNavigate();\n  const { currentUser, workspaceId } = useBigConsole();\n  const { hasPermission, isLoading: permissionsLoading } = usePermissions();\n  const canRead = hasPermission(BIGCONSOLE_PERMISSIONS.DATASINK_READ);\n  const canUpdate = !permissionsLoading && hasPermission(BIGCONSOLE_PERMISSIONS.DATASINK_UPDATE);\n  const operations = useDataSinkAlerts(\n    dataSinkId,\n    !permissionsLoading && canRead && !!workspaceId && !!currentUser?.id\n  );\n  const sink = operations.sink;\n  const rules = sink?.alerts ?? [];\n  const [search, setSearch] = useState('');\n  const [editing, setEditing] = useState<EditingRule | null>(null);\n  const [pending, setPending] = useState(false);\n  const mutationActive = useRef(false);\n  const opener = useRef<HTMLElement | null>(null);\n  const [error, setError] = useState<string | null>(null);\n  const [status, setStatus] = useState<string | null>(null);\n  const [previewing, setPreviewing] = useState(false);\n  const [previewError, setPreviewError] = useState<string | null>(null);\n  const [preview, setPreview] = useState<PreviewResult | null>(null);\n  const [historyVersion, setHistoryVersion] = useState(0);\n  const previewRequest = useRef(0);\n  const selectionCounter = useRef(0);\n  const editingSelection = editing?.selection;\n  useEffect(() => {\n    if (editingSelection !== undefined) document.getElementById('alert-name')?.focus();\n  }, [editingSelection]);\n  const dirty = !!editing && JSON.stringify(editing.draft) !== editing.original;\n  useUnsavedChanges({\n    id: 'datasink-alert-rule',\n    label: t('bigconsole.assistant.unsaved.alertRule', 'the alert rule'),\n    dirty,\n  });\n  const confirm = async (message: string) => {\n    const native = await nativeConfirm({\n      title: t('bigconsole.alerts.confirm.title', 'Confirm alert change'),\n      message,\n      okButtonTitle: t('bigconsole.alerts.confirm.continue', 'Continue'),\n      cancelButtonTitle: t('bigconsole.alerts.rule.cancel', 'Cancel'),\n    });\n    return native ?? window.confirm(message);\n  };\n  const discard = () => !dirty || confirm(t('bigconsole.alerts.confirm.discard', 'Discard your unsaved rule changes?'));\n  const selectRule = async (rule?: AlertRule) => {\n    if (pending || !sink || !(await discard())) return;\n    if (document.activeElement instanceof HTMLElement) opener.current = document.activeElement;\n    const draft = alertDraft(rule);\n    setEditing({\n      draft,\n      original: JSON.stringify(draft),\n      version: sink.version,\n      selection: ++selectionCounter.current,\n    });\n    previewRequest.current++;\n    setPreview(null);\n    setPreviewError(null);\n    setPreviewing(false);\n    setError(null);\n    setStatus(null);\n  };\n  const cancel = async () => {\n    if (pending || !(await discard())) return;\n    setEditing(null);\n    setPreview(null);\n    setPreviewError(null);\n    previewRequest.current++;\n    setPreviewing(false);\n    setError(null);\n    if (opener.current?.isConnected) opener.current.focus();\n  };\n  const save = async () => {\n    if (!editing || !sink || !canUpdate || mutationActive.current) return;\n    const invalid = validateAlertDraft(editing.draft, operations.channels);\n    if (invalid) {\n      setError(t(`bigconsole.alerts.validation.${invalid}`, ALERT_VALIDATION_MESSAGES[invalid]));\n      return;\n    }\n    mutationActive.current = true;\n    setPending(true);\n    setError(null);\n    setStatus(null);\n    const knownIds = new Set(rules.map((rule) => rule.id));\n    try {\n      const saved = await operations.save(alertDraftInput(editing.draft), editing.version);\n      if (!saved) return;\n      const rule = saved.alerts?.find((item) =>\n        editing.draft.id ? item.id === editing.draft.id : !knownIds.has(item.id)\n      );\n      if (rule) {\n        const draft = alertDraft(rule);\n        setEditing({ draft, original: JSON.stringify(draft), version: saved.version, selection: editing.selection });\n      } else setEditing(null);\n      setStatus(t('bigconsole.alerts.feedback.saved', 'Alert rule saved.'));\n      setHistoryVersion((previous) => previous + 1);\n    } catch (caught) {\n      setError(alertErrorMessage(caught));\n    } finally {\n      mutationActive.current = false;\n      setPending(false);\n    }\n  };\n  const toggle = async (rule: AlertRule) => {\n    if (!sink || !canUpdate || mutationActive.current) return;\n    const draft = { ...alertDraft(rule), enabled: !rule.enabled };\n    const invalid = validateAlertDraft(draft, operations.channels);\n    if (invalid) {\n      setError(t(`bigconsole.alerts.validation.${invalid}`, ALERT_VALIDATION_MESSAGES[invalid]));\n      return;\n    }\n    mutationActive.current = true;\n    setPending(true);\n    setError(null);\n    setStatus(null);\n    try {\n      const saved = await operations.save(alertDraftInput(draft), sink.version);\n      if (saved) {\n        setStatus(\n          draft.enabled\n            ? t('bigconsole.alerts.feedback.enabled', 'Alert rule enabled.')\n            : t('bigconsole.alerts.feedback.disabled', 'Alert rule disabled.')\n        );\n        setHistoryVersion((previous) => previous + 1);\n      }\n    } catch (caught) {\n      setError(alertErrorMessage(caught));\n    } finally {\n      mutationActive.current = false;\n      setPending(false);\n    }\n  };\n  const remove = async (rule: AlertRule) => {\n    if (!sink || !canUpdate || mutationActive.current) return;\n    const ok = await confirm(`${t('bigconsole.alerts.confirm.delete', 'Delete alert rule')} “${rule.name}”?`);\n    if (!ok || mutationActive.current) return;\n    mutationActive.current = true;\n    setPending(true);\n    setError(null);\n    setStatus(null);\n    try {\n      const saved = await operations.remove(rule.id, sink.version);\n      if (saved) {\n        if (editing?.draft.id === rule.id) setEditing(null);\n        setStatus(t('bigconsole.alerts.feedback.deleted', 'Alert rule deleted.'));\n        setHistoryVersion((previous) => previous + 1);\n      }\n    } catch (caught) {\n      setError(alertErrorMessage(caught));\n    } finally {\n      mutationActive.current = false;\n      setPending(false);\n    }\n  };\n  const runPreview = async () => {\n    if (!editing || previewing || pending) return;\n    const request = ++previewRequest.current;\n    const { condition, conditionType } = editing.draft;\n    setPreviewing(true);\n    setPreviewError(null);\n    setPreview(null);\n    try {\n      const result = await operations.preview(condition, conditionType);\n      if (result && previewRequest.current === request) setPreview({ condition, conditionType, result });\n    } catch (caught) {\n      if (previewRequest.current === request) setPreviewError(alertErrorMessage(caught));\n    } finally {\n      if (previewRequest.current === request) setPreviewing(false);\n    }\n  };\n  const reloadRule = async () => {\n    if (!editing?.draft.id || pending || !(await discard())) return;\n    const latest = await operations.reload();\n    const rule = latest?.alerts?.find((item) => item.id === editing.draft.id);\n    if (!latest) return;\n    if (!rule) {\n      setEditing(null);\n      setStatus(t('bigconsole.alerts.feedback.removedElsewhere', 'This rule no longer exists.'));\n      return;\n    }\n    const draft = alertDraft(rule);\n    setEditing({\n      draft,\n      original: JSON.stringify(draft),\n      version: latest.version,\n      selection: ++selectionCounter.current,\n    });\n    setError(null);\n    setPreview(null);\n  };\n  if (permissionsLoading || operations.loading)\n    return (\n      <div role=\"status\" className=\"flex min-h-60 items-center justify-center p-card-padding\">\n        <Loader2 className=\"mr-2 h-5 w-5 animate-spin text-text-secondary\" />\n        {t('bigconsole.alerts.loading', 'Loading alerts…')}\n      </div>\n    );\n  if (!canRead)\n    return (\n      <AccessDenied\n        title={t('bigconsole.alerts.denied', 'Access denied')}\n        description={t('bigconsole.alerts.deniedDescription', 'You do not have permission to read this data sink.')}\n      />\n    );\n  if (!workspaceId || !currentUser?.id)\n    return (\n      <p className=\"p-card-padding text-text-secondary\">\n        {t('bigconsole.alerts.selectWorkspace', 'Select a workspace to view its alerts.')}\n      </p>\n    );\n  if (!sink)\n    return (\n      <div className=\"p-card-padding\">\n        <Section\n          title={t('bigconsole.alerts.unavailable', 'Alerts could not be loaded')}\n          headingLevel={2}\n          tone=\"danger\"\n          description={describeAlertLoadFailure(t, operations)}\n          actions={\n            <Button onClick={() => void operations.reloadSinkThenChannels()} variant=\"secondary\">\n              {t('bigconsole.alerts.retry', 'Retry')}\n            </Button>\n          }\n        />\n      </div>\n    );\n  const filtered = rules.filter((rule) =>\n    `${rule.name} ${rule.condition}`.toLowerCase().includes(search.trim().toLowerCase())\n  );\n  return (\n    <div className=\"min-w-0 p-card-padding\">\n      <header className=\"mb-section-gap flex flex-col gap-form-gap sm:flex-row sm:items-start sm:justify-between\">\n        <div className=\"min-w-0\">\n          <Button variant=\"ghost\" size=\"sm\" onClick={() => navigate(`/datasinks/${dataSinkId}`)} className=\"mb-3\">\n            <ArrowLeft className=\"mr-2 h-4 w-4\" />\n            {t('bigconsole.alerts.back', 'Back to data sink')}\n          </Button>\n          <h1 className=\"break-words text-2xl font-bold text-text-primary\">\n            {t('bigconsole.alerts.title', 'Alerts')} · {sink.name || sink.key}\n          </h1>\n          <p className=\"mt-2 text-sm text-text-secondary\">\n            {t('bigconsole.alerts.purpose', 'Create and manage alert rules for this data sink.')}\n          </p>\n        </div>\n        <Button\n          variant=\"secondary\"\n          size=\"sm\"\n          onClick={() => {\n            void operations.reload();\n            void operations.reloadChannels();\n            setHistoryVersion((previous) => previous + 1);\n          }}\n          disabled={operations.refreshing || pending}\n        >\n          <RefreshCw className={`mr-2 h-4 w-4 ${operations.refreshing ? 'animate-spin' : ''}`} />\n          {t('bigconsole.alerts.refresh', 'Refresh alerts')}\n        </Button>\n      </header>\n      {status && (\n        <p\n          role=\"status\"\n          className=\"mb-4 rounded-control bg-[var(--color-status-success-bgSubtle)] p-3 text-sm text-status-success-text\"\n        >\n          {status}\n        </p>\n      )}\n      {error && !editing && (\n        <p role=\"alert\" className=\"mb-4 break-words text-sm text-status-error-text\">\n          {error}\n        </p>\n      )}\n      {operations.error && (\n        <p role=\"alert\" className=\"mb-4 break-words text-sm text-status-error-text\">\n          {describeAlertLoadFailure(t, operations)}\n        </p>\n      )}\n      <div className=\"grid min-w-0 items-start gap-section-gap xl:grid-cols-[minmax(0,1.2fr)_minmax(0,1fr)]\">\n        <div className=\"min-w-0 space-y-section-gap\">\n          <Section\n            title={t('bigconsole.alerts.list.title', 'Alert rules')}\n            headingLevel={2}\n            icon={<Bell className=\"h-4 w-4\" />}\n            actions={\n              <Button size=\"sm\" onClick={() => void selectRule()} disabled={!canUpdate || pending}>\n                <Plus className=\"mr-2 h-4 w-4\" />\n                {t('bigconsole.alerts.list.new', 'New alert rule')}\n              </Button>\n            }\n          >\n            <label htmlFor=\"alert-search\" className=\"sr-only\">\n              {t('bigconsole.alerts.list.search', 'Search alerts')}\n            </label>\n            <input\n              id=\"alert-search\"\n              type=\"search\"\n              value={search}\n              onChange={(event) => setSearch(event.target.value)}\n              placeholder={t('bigconsole.alerts.list.searchPlaceholder', 'Search alerts…')}\n              className={`mb-4 w-full min-w-0 rounded-control border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary ${SECTION_FOCUS_RING}`}\n            />\n            <div className=\"max-w-full overflow-x-auto\">\n              <table className=\"w-full text-sm\">\n                <caption className=\"sr-only\">{t('bigconsole.alerts.list.caption', 'Rules for this data sink')}</caption>\n                <thead>\n                  <tr className=\"border-b border-border-subtle text-left text-xs text-text-secondary\">\n                    <th scope=\"col\" className=\"pb-3 pr-2\">\n                      {t('bigconsole.alerts.rule.name', 'Name')}\n                    </th>\n                    <th scope=\"col\" className=\"hidden pb-3 pr-2 sm:table-cell\">\n                      {t('bigconsole.alerts.rule.severity', 'Severity')}\n                    </th>\n                    <th scope=\"col\" className=\"hidden pb-3 pr-2 lg:table-cell\">\n                      {t('bigconsole.alerts.rule.destinations', 'Delivery destinations')}\n                    </th>\n                    <th scope=\"col\" className=\"hidden pb-3 pr-2 md:table-cell\">\n                      {t('bigconsole.alerts.rule.throttle', 'Throttle')}\n                    </th>\n                    <th scope=\"col\" className=\"pb-3 pr-2\">\n                      {t('bigconsole.alerts.list.enabled', 'Enabled')}\n                    </th>\n                    <th scope=\"col\" className=\"pb-3\">\n                      <span className=\"sr-only\">{t('bigconsole.alerts.list.actions', 'Actions')}</span>\n                    </th>\n                  </tr>\n                </thead>\n                <tbody>\n                  {filtered.map((rule) => (\n                    <tr key={rule.id} className=\"border-b border-border-subtle last:border-0\">\n                      <th scope=\"row\" className=\"max-w-64 py-4 pr-2 text-left font-normal\">\n                        <button\n                          type=\"button\"\n                          onClick={() => void selectRule(rule)}\n                          disabled={pending}\n                          className={`break-words text-left font-medium text-text-primary underline-offset-4 hover:underline ${SECTION_FOCUS_RING}`}\n                        >\n                          {rule.name}\n                        </button>\n                        <p className=\"mt-1 text-xs text-text-secondary sm:hidden\">\n                          {t(`bigconsole.alerts.severity.${rule.severity}`, rule.severity.toUpperCase())}\n                        </p>\n                        <p className=\"mt-1 text-xs text-text-muted md:hidden\">\n                          {rule.throttle?.enabled\n                            ? `${rule.throttle.maxAlertsPerWindow} / ${rule.throttle.windowMinutes} min`\n                            : t('bigconsole.alerts.list.noThrottle', 'No throttle')}\n                        </p>\n                      </th>\n                      <td className=\"hidden py-4 pr-2 sm:table-cell\">\n                        <span className=\"rounded-pill border border-border-subtle bg-bg-sunken px-2 py-1 text-xs text-text-primary\">\n                          {t(`bigconsole.alerts.severity.${rule.severity}`, rule.severity.toUpperCase())}\n                        </span>\n                      </td>\n                      <td className=\"hidden py-4 pr-2 text-xs text-text-secondary lg:table-cell\">\n                        {rule.deliveries.length\n                          ? [...new Set(rule.deliveries.map((item) => item.channel))].join(', ')\n                          : t('bigconsole.alerts.list.unconfigured', 'Not configured')}\n                      </td>\n                      <td className=\"hidden py-4 pr-2 text-xs text-text-secondary md:table-cell\">\n                        {rule.throttle?.enabled\n                          ? `${rule.throttle.maxAlertsPerWindow} / ${rule.throttle.windowMinutes} min`\n                          : t('bigconsole.alerts.list.noThrottle', 'No throttle')}\n                      </td>\n                      <td className=\"py-4 pr-2\">\n                        <Switch\n                          checked={rule.enabled}\n                          onCheckedChange={() => void toggle(rule)}\n                          disabled={!canUpdate || pending}\n                          aria-label={`${t('bigconsole.alerts.list.enabled', 'Enabled')} · ${rule.name}`}\n                        />\n                      </td>\n                      <td className=\"py-4\">\n                        <Button\n                          type=\"button\"\n                          variant=\"ghost\"\n                          size=\"sm\"\n                          onClick={() => void remove(rule)}\n                          disabled={!canUpdate || pending}\n                          aria-label={`${t('bigconsole.alerts.confirm.delete', 'Delete alert rule')} · ${rule.name}`}\n                        >\n                          <Trash2 className=\"h-4 w-4\" />\n                        </Button>\n                      </td>\n                    </tr>\n                  ))}\n                </tbody>\n              </table>\n            </div>\n            {!filtered.length && (\n              <p className=\"py-4 text-sm text-text-secondary\">\n                {rules.length\n                  ? t('bigconsole.alerts.list.noMatches', 'No alerts match your search.')\n                  : t(\n                      'bigconsole.alerts.list.empty',\n                      'No alert rules yet. Create a disabled rule and preview its condition before enabling it.'\n                    )}\n              </p>\n            )}\n            <p className=\"mt-3 text-xs text-text-muted\">\n              {filtered.length} {t('bigconsole.alerts.list.count', 'rules shown')}\n            </p>\n          </Section>\n          <AlertExecutionHistory\n            owner={operations.owner}\n            rules={rules}\n            load={operations.history}\n            refreshVersion={historyVersion}\n          />\n        </div>\n        <div className=\"min-w-0\">\n          {editing ? (\n            <>\n              <AlertRuleEditor\n                draft={editing.draft}\n                channels={operations.channels}\n                channelError={operations.channelError}\n                canUpdate={canUpdate}\n                pending={pending}\n                previewing={previewing}\n                preview={preview?.result ?? null}\n                previewError={previewError}\n                previewStale={\n                  !!preview &&\n                  (preview.condition !== editing.draft.condition ||\n                    preview.conditionType !== editing.draft.conditionType ||\n                    sink.version > preview.result.version)\n                }\n                error={error}\n                onChange={(draft) => {\n                  if (\n                    draft.condition !== editing.draft.condition ||\n                    draft.conditionType !== editing.draft.conditionType\n                  ) {\n                    previewRequest.current++;\n                    setPreviewError(null);\n                    setPreviewing(false);\n                  }\n                  setEditing({ ...editing, draft });\n                }}\n                onSave={() => void save()}\n                onCancel={() => void cancel()}\n                onPreview={() => void runPreview()}\n                onReloadChannels={() => void operations.reloadChannels()}\n              />\n              {editing.draft.id && (\n                <Button\n                  type=\"button\"\n                  variant=\"ghost\"\n                  size=\"sm\"\n                  onClick={() => void reloadRule()}\n                  disabled={pending || operations.refreshing}\n                  className=\"mt-3\"\n                >\n                  {t('bigconsole.alerts.rule.reloadSaved', 'Reload saved rule')}\n                </Button>\n              )}\n            </>\n          ) : (\n            <Section\n              title={t('bigconsole.alerts.rule.title', 'Alert rule')}\n              headingLevel={2}\n              description={t(\n                'bigconsole.alerts.rule.select',\n                'Select a rule to inspect it, or create a new alert rule.'\n              )}\n            />\n          )}\n        </div>\n      </div>\n    </div>\n  );\n}\n"],"mappings":"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"}

package/dist/bigconsole/pages/DataSinkBuilderPage.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"DataSinkBuilderPage.d.ts","sourceRoot":"","sources":["../../../src/bigconsole/pages/DataSinkBuilderPage.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAuHH,eAAO,MAAM,mBAAmB,8CA2qB9B,CAAC;AAEH,eAAe,mBAAmB,CAAC"}

package/dist/bigconsole/pages/DataSinkBuilderPage.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"DataSinkBuilderPage.js","names":[],"sources":["../../../src/bigconsole/pages/DataSinkBuilderPage.tsx"],"sourcesContent":["/**\n * DataSink Builder Page\n *\n * Simplified page for creating and editing DataSinks.\n * DataSinks are now standalone - workflows push data to them via unique keys.\n * Required fields: name, key\n */\n\nimport { memo, useState, useMemo, useEffect, useCallback } from 'react';\nimport { useParams } from 'react-router';\nimport { useAppNavigate } from '../contexts';\nimport { isNative, nativeCopyText, nativeToast } from '../../utils/nativeBridge';\nimport { useDataSinkOperations } from '../hooks/useDataSinkOperations';\nimport { loadBigConsoleSettings } from '../hooks/useBigConsoleSettings';\nimport { CacheTTLSelector } from '../components/datasink/CacheTTLSelector';\nimport { RefreshTypeSelector } from '../components/datasink/RefreshTypeSelector';\nimport type { CreateDataSinkInput, UpdateDataSinkInput, DataSinkRefreshType } from '../types';\n\n// fe-libs UI components\nimport { Button } from '@burdenoff/fe-libs/ui';\nimport { Input } from '@burdenoff/fe-libs/ui';\nimport { Textarea } from '@burdenoff/fe-libs/ui';\nimport { Label } from '@burdenoff/fe-libs/ui';\nimport { IllustratedEmptyState, PagePurpose } from '@burdenoff/fe-libs/ui';\n\n// Section-emphasis primitives (BOFF-5632)\nimport { Section, SectionStack } from '../components/common';\n\n// Lucide icons\nimport { ArrowLeft, Save, Loader2, AlertCircle, Database, Settings, Eye, Copy, Check, ListChecks } from 'lucide-react';\n\n// RBAC\nimport { usePermissions } from '@burdenoff/fe-libs/shared/providers/shell';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\nimport { useUnsavedChanges } from '@burdenoff/fe-libs/shared/hooks';\nimport { AccessDenied, PermissionButton } from '@burdenoff/fe-libs/shared/components';\nimport { BIGCONSOLE_PERMISSIONS } from '../../constants/permissions';\nimport { reportBigConsoleQuotaError } from '../utils/quota';\nimport { isDirty } from '../utils/formDirty';\n\ntype TranslateFn = (key: string, fallback: string, params?: Record<string, string | number>) => string;\n\n// ============================================================================\n// TYPES\n// ============================================================================\n\ninterface RefreshConfig {\n  type: 'manual' | 'scheduled';\n  schedule?: {\n    cron: string;\n    timezone: string;\n  };\n}\n\ninterface FormState {\n  name: string;\n  key: string;\n  description: string;\n  ttl: number;\n  refresh: RefreshConfig;\n  data: string; // JSON string for data payload\n}\n\ninterface FormErrors {\n  name?: string;\n  key?: string;\n  data?: string;\n}\n\n// ============================================================================\n// HELPERS\n// ============================================================================\n\n/**\n * Generate a key from name (slug format)\n */\nfunction generateKey(name: string): string {\n  return name\n    .toLowerCase()\n    .replace(/[^a-z0-9]+/g, '_')\n    .replace(/^_+|_+$/g, '')\n    .substring(0, 64);\n}\n\n/**\n * Validate form data\n */\nfunction validateForm(form: FormState, t: TranslateFn): FormErrors {\n  const errors: FormErrors = {};\n\n  if (!form.name.trim()) {\n    errors.name = t('bigconsole.dataSinks.builder.validation.nameRequired', 'Name is required');\n  } else if (form.name.length < 2) {\n    errors.name = t('bigconsole.dataSinks.builder.validation.nameMinLength', 'Name must be at least 2 characters');\n  } else if (form.name.length > 100) {\n    errors.name = t('bigconsole.dataSinks.builder.validation.nameMaxLength', 'Name must be less than 100 characters');\n  }\n\n  if (!form.key.trim()) {\n    errors.key = t('bigconsole.dataSinks.builder.validation.keyRequired', 'Key is required');\n  } else if (!/^[a-z0-9_]+$/.test(form.key)) {\n    errors.key = t(\n      'bigconsole.dataSinks.builder.validation.keyFormat',\n      'Key can only contain lowercase letters, numbers, and underscores'\n    );\n  } else if (form.key.length > 64) {\n    errors.key = t('bigconsole.dataSinks.builder.validation.keyMaxLength', 'Key must be less than 64 characters');\n  }\n\n  // Validate JSON data if provided\n  if (form.data && form.data.trim()) {\n    try {\n      JSON.parse(form.data);\n    } catch {\n      errors.data = t('bigconsole.dataSinks.builder.validation.invalidJson', 'Invalid JSON format');\n    }\n  }\n\n  return errors;\n}\n\n// ============================================================================\n// COMPONENT\n// ============================================================================\n\nexport const DataSinkBuilderPage = memo(function DataSinkBuilderPage() {\n  const { dataSinkId } = useParams<{ dataSinkId?: string }>();\n  const navigate = useAppNavigate();\n  const { t } = useI18n();\n\n  const isEdit = dataSinkId !== 'new' && !!dataSinkId;\n\n  // RBAC — Save requires UPDATE when editing an existing sink, CREATE when\n  // creating a new one. In edit mode the page also requires READ to be viewed.\n  const { hasPermission, isLoading: permissionsLoading } = usePermissions();\n  const canRead = hasPermission(BIGCONSOLE_PERMISSIONS.DATASINK_READ);\n  const savePermission = isEdit ? BIGCONSOLE_PERMISSIONS.DATASINK_UPDATE : BIGCONSOLE_PERMISSIONS.DATASINK_CREATE;\n\n  // Form state\n  const [form, setForm] = useState<FormState>({\n    name: '',\n    key: '',\n    description: '',\n    ttl: (() => {\n      const defaults = loadBigConsoleSettings();\n      return defaults.cacheEnabled ? defaults.cacheTTLSeconds : 0;\n    })(),\n    refresh: {\n      type: 'manual',\n    },\n    data: '{}', // Default empty JSON object\n  });\n  // The whole form as first rendered (create; incl. the ttl default read once from the settings) or as loaded (edit;\n  // null = clean until it lands). Whole-form compare, so it holds for any `data` seed ('{}' or '').\n  const [baseline, setBaseline] = useState<FormState | null>(() => (isEdit ? null : form));\n  useUnsavedChanges({\n    id: 'datasink-editor',\n    label: t('bigconsole.assistant.unsaved.dataSourceForm', 'the data source form'),\n    dirty: isDirty(form, baseline),\n  });\n  const [errors, setErrors] = useState<FormErrors>({});\n  const [keyManuallyEdited, setKeyManuallyEdited] = useState(false);\n  const [isSaving, setIsSaving] = useState(false);\n  const [submitError, setSubmitError] = useState<string | null>(null);\n  const [keyCopied, setKeyCopied] = useState(false);\n\n  // Data preview state\n  const [isLoadingPreview, setIsLoadingPreview] = useState(false);\n  const [previewData, setPreviewData] = useState<unknown[] | null>(null);\n  const [previewError, setPreviewError] = useState<string | null>(null);\n\n  // Operations\n  const { loading, error, dataSinks, fetchDataSink, createDataSink, updateDataSink, getDataSinkData } =\n    useDataSinkOperations({\n      skipFetch: true,\n    });\n\n  // Get existing data sink if editing\n  const existingDataSink = isEdit ? dataSinks.find((ds) => ds.id === dataSinkId) : null;\n\n  // Load existing data sink for editing\n  useEffect(() => {\n    if (isEdit && dataSinkId && !existingDataSink) {\n      fetchDataSink(dataSinkId);\n    }\n  }, [isEdit, dataSinkId, existingDataSink, fetchDataSink]);\n\n  // Track if form has been initialized\n  const [formInitialized, setFormInitialized] = useState(false);\n\n  // Populate form with existing data when editing (only once)\n  useEffect(() => {\n    if (existingDataSink && !formInitialized) {\n      // Format existing data as pretty JSON string\n      let dataString = '';\n      if (existingDataSink.data) {\n        try {\n          // Check if data is already a string (JSON string from API)\n          if (typeof existingDataSink.data === 'string') {\n            // Parse and re-stringify to ensure proper formatting\n            const parsed = JSON.parse(existingDataSink.data);\n            dataString = JSON.stringify(parsed, null, 2);\n          } else {\n            // It's an object, just stringify it\n            dataString = JSON.stringify(existingDataSink.data, null, 2);\n          }\n        } catch {\n          // If parsing fails, use as-is if string, otherwise empty\n          dataString = typeof existingDataSink.data === 'string' ? existingDataSink.data : '';\n        }\n      }\n\n      const seeded: FormState = {\n        name: existingDataSink.name || '',\n        key: existingDataSink.key || '',\n        description: existingDataSink.description || '',\n        ttl: existingDataSink.ttl ?? 300,\n        refresh: existingDataSink.refresh\n          ? {\n              type: existingDataSink.refresh.type === 'scheduled' ? 'scheduled' : 'manual',\n              schedule: existingDataSink.refresh.schedule\n                ? {\n                    cron: existingDataSink.refresh.schedule.cron,\n                    timezone: existingDataSink.refresh.schedule.timezone,\n                  }\n                : undefined,\n            }\n          : { type: 'manual' },\n        data: dataString,\n      };\n      setForm(seeded);\n      setBaseline(seeded);\n      setKeyManuallyEdited(true); // Don't auto-generate key when editing\n      setFormInitialized(true); // Mark as initialized\n      setErrors({}); // Clear any errors\n    }\n  }, [existingDataSink, formInitialized]);\n\n  // Auto-generate key from name\n  const handleNameChange = useCallback(\n    (e: React.ChangeEvent<HTMLInputElement>) => {\n      const name = e.target.value;\n      setForm((prev) => ({\n        ...prev,\n        name,\n        key: keyManuallyEdited ? prev.key : generateKey(name),\n      }));\n      setErrors((prev) => ({ ...prev, name: undefined }));\n    },\n    [keyManuallyEdited]\n  );\n\n  // Handle key change\n  const handleKeyChange = useCallback((e: React.ChangeEvent<HTMLInputElement>) => {\n    const key = e.target.value.toLowerCase().replace(/[^a-z0-9_]/g, '');\n    setForm((prev) => ({ ...prev, key }));\n    setKeyManuallyEdited(true);\n    setErrors((prev) => ({ ...prev, key: undefined }));\n  }, []);\n\n  // Handle description change\n  const handleDescriptionChange = useCallback((e: React.ChangeEvent<HTMLTextAreaElement>) => {\n    setForm((prev) => ({ ...prev, description: e.target.value }));\n  }, []);\n\n  // Handle TTL change\n  const handleTTLChange = useCallback((ttl: number | null) => {\n    setForm((prev) => ({ ...prev, ttl: ttl || 0 }));\n  }, []);\n\n  // Handle refresh config change\n  const handleRefreshChange = useCallback((config: RefreshConfig) => {\n    setForm((prev) => ({ ...prev, refresh: config }));\n  }, []);\n\n  // Handle data change\n  const handleDataChange = useCallback((e: React.ChangeEvent<HTMLTextAreaElement>) => {\n    setForm((prev) => ({ ...prev, data: e.target.value }));\n    setErrors((prev) => ({ ...prev, data: undefined }));\n  }, []);\n\n  // Format JSON data\n  const handleFormatData = useCallback(() => {\n    try {\n      const parsed = JSON.parse(form.data);\n      setForm((prev) => ({ ...prev, data: JSON.stringify(parsed, null, 2) }));\n      setErrors((prev) => ({ ...prev, data: undefined }));\n    } catch {\n      setErrors((prev) => ({\n        ...prev,\n        data: t('bigconsole.dataSinks.builder.validation.invalidJson', 'Invalid JSON format'),\n      }));\n    }\n  }, [form.data, t]);\n\n  // Copy key to clipboard\n  const handleCopyKey = useCallback(async () => {\n    if (form.key) {\n      await nativeCopyText(form.key);\n      setKeyCopied(true);\n      if (isNative()) void nativeToast(t('bigconsole.dataSinks.builder.toolbar.keyCopied', 'Key copied'));\n      setTimeout(() => setKeyCopied(false), 2000);\n    }\n  }, [form.key, t]);\n\n  // Handle back navigation\n  const handleBack = useCallback(() => {\n    navigate('/datasinks');\n  }, [navigate]);\n\n  // Load data preview\n  const handleShowData = useCallback(async () => {\n    if (!isEdit || !existingDataSink) return;\n\n    setIsLoadingPreview(true);\n    setPreviewError(null);\n\n    try {\n      const result = await getDataSinkData({ key: existingDataSink.key });\n      if (result?.raw) {\n        // Get first 20 items if it's an array, otherwise wrap in array\n        const data = Array.isArray(result.raw) ? result.raw.slice(0, 20) : [result.raw];\n        setPreviewData(data);\n      } else {\n        setPreviewData([]);\n      }\n    } catch (err) {\n      setPreviewError(\n        err instanceof Error\n          ? err.message\n          : t('bigconsole.dataSinks.builder.errors.loadDataFailed', 'Failed to load data')\n      );\n    } finally {\n      setIsLoadingPreview(false);\n    }\n  }, [isEdit, existingDataSink, getDataSinkData, t]);\n\n  // Handle form submission\n  const handleSubmit = useCallback(\n    async (e: React.FormEvent) => {\n      e.preventDefault();\n      setSubmitError(null);\n\n      // Validate form\n      const validationErrors = validateForm(form, t);\n      if (Object.keys(validationErrors).length > 0) {\n        setErrors(validationErrors);\n        return;\n      }\n\n      setIsSaving(true);\n      try {\n        // Parse data JSON\n        let parsedData: Record<string, unknown> = {};\n        if (form.data && form.data.trim()) {\n          try {\n            parsedData = JSON.parse(form.data) as Record<string, unknown>;\n          } catch {\n            setErrors((prev) => ({\n              ...prev,\n              data: t('bigconsole.dataSinks.builder.validation.invalidJson', 'Invalid JSON format'),\n            }));\n            setIsSaving(false);\n            return;\n          }\n        }\n\n        if (isEdit && existingDataSink) {\n          // Update existing\n          const input: UpdateDataSinkInput = {\n            id: existingDataSink.id,\n            version: existingDataSink.version,\n            name: form.name,\n            description: form.description || undefined,\n            ttl: form.ttl,\n            refresh: {\n              type: form.refresh.type as DataSinkRefreshType,\n              schedule: form.refresh.schedule,\n            },\n            data: parsedData, // Include data in update\n          };\n          const result = await updateDataSink(input);\n          if (!result) {\n            throw new Error(t('bigconsole.dataSinks.builder.errors.updateFailed', 'Failed to update DataSink'));\n          }\n        } else {\n          // Create new - simplified flow (standalone DataSinks)\n          const input: CreateDataSinkInput = {\n            key: form.key,\n            name: form.name,\n            description: form.description || undefined,\n            ttl: form.ttl,\n            refresh: {\n              type: form.refresh.type as DataSinkRefreshType,\n              schedule: form.refresh.schedule,\n            },\n            data: parsedData, // Include data in create\n          };\n          const result = await createDataSink(input);\n          if (!result) {\n            throw new Error(t('bigconsole.dataSinks.builder.errors.createFailed', 'Failed to create DataSink'));\n          }\n        }\n        setBaseline(form);\n        navigate('/datasinks');\n      } catch (err) {\n        // A quota refusal opens the billing dialog (for a new org: \"Set up\n        // billing\", BOFF-7913) instead of a dead-end error banner. The form\n        // keeps its values so the user can retry once billing is set up.\n        if (reportBigConsoleQuotaError(err)) {\n          return;\n        }\n        setSubmitError(\n          err instanceof Error\n            ? err.message\n            : t('bigconsole.dataSinks.builder.errors.saveFailed', 'Failed to save DataSink')\n        );\n      } finally {\n        setIsSaving(false);\n      }\n    },\n    [form, isEdit, existingDataSink, createDataSink, updateDataSink, navigate, t]\n  );\n\n  // Check if form is valid\n  const isFormValid = useMemo(() => {\n    const nameValid = form.name.trim().length >= 2;\n    const keyValid = form.key.trim().length > 0;\n\n    // Check JSON validity if data is provided\n    let dataValid = true;\n    if (form.data && form.data.trim()) {\n      try {\n        JSON.parse(form.data);\n      } catch {\n        dataValid = false;\n      }\n    }\n\n    return nameValid && keyValid && dataValid;\n  }, [form.name, form.key, form.data]);\n\n  // Loading state\n  if (loading && isEdit) {\n    return (\n      <div className=\"flex min-h-[240px] items-center justify-center p-card-padding\">\n        <Loader2 className=\"h-icon-lg w-icon-lg animate-spin text-text-secondary\" />\n      </div>\n    );\n  }\n\n  // Error state\n  if (error) {\n    return (\n      <div className=\"mx-auto w-full max-w-7xl p-card-padding\">\n        <Section\n          tone=\"danger\"\n          headingLevel={2}\n          title={t('bigconsole.dataSinks.builder.errors.loadFailed', 'Failed to load DataSink')}\n          description={error.message}\n          icon={<AlertCircle className=\"h-icon-sm w-icon-sm\" />}\n          actions={\n            <Button onClick={handleBack} variant=\"secondary\" size=\"sm\">\n              <ArrowLeft className=\"w-4 h-4 mr-2\" />\n              {t('bigconsole.dataSinks.builder.header.backToDataSinks', 'Back to DataSinks')}\n            </Button>\n          }\n        />\n      </div>\n    );\n  }\n\n  // Read gate — the edit surface requires read access to the existing sink.\n  if (isEdit && !permissionsLoading && !canRead) {\n    return (\n      <AccessDenied\n        title={t('bigconsole.dataSinks.builder.accessDenied.title', 'Access Denied')}\n        description={t(\n          'bigconsole.dataSinks.builder.accessDenied.description',\n          \"You don't have permission to view this data sink.\"\n        )}\n      />\n    );\n  }\n\n  return (\n    <div className=\"mx-auto w-full min-w-0 max-w-7xl p-card-padding\">\n      {/* Page header strip */}\n      <header className=\"mb-form-gap\">\n        <Button onClick={handleBack} variant=\"ghost\" size=\"sm\" className=\"mb-4\">\n          <ArrowLeft className=\"w-4 h-4 mr-2\" />\n          {t('bigconsole.dataSinks.builder.header.backToDataSinks', 'Back to DataSinks')}\n        </Button>\n        <h1 className=\"text-2xl font-bold text-text-primary\">\n          {isEdit\n            ? t('bigconsole.dataSinks.builder.header.editTitle', 'Edit DataSink')\n            : t('bigconsole.dataSinks.builder.header.createTitle', 'Create DataSink')}\n        </h1>\n        <p className=\"mt-1 text-sm text-text-secondary\">\n          {isEdit\n            ? t('bigconsole.dataSinks.builder.header.editSubtitle', 'Update the DataSink configuration.')\n            : t(\n                'bigconsole.dataSinks.builder.header.createSubtitle',\n                'Create a new DataSink to store and cache data. Use the unique key to connect workflows.'\n              )}\n        </p>\n      </header>\n\n      <PagePurpose className=\"mb-section-gap\">\n        {t(\n          'bigconsole.dataSinks.builder.header.purpose',\n          'A data sink is the named, structured store your dashboards read from. Give it a unique key, configure how long data is cached and how it refreshes, then point a workflow at that key to push data in. Get the basics right here and everything downstream connects to it.'\n        )}\n      </PagePurpose>\n\n      {/* Submit failure — a status section, not a hand-rolled tinted div. */}\n      {submitError && (\n        <Section\n          tone=\"danger\"\n          headingLevel={2}\n          title={t('bigconsole.dataSinks.builder.errors.saveFailed', 'Failed to save DataSink')}\n          description={submitError}\n          icon={<AlertCircle className=\"h-icon-sm w-icon-sm\" />}\n          className=\"mb-section-gap\"\n        />\n      )}\n\n      {/* Form */}\n      <form data-tour=\"bigconsole-datasink-builder\" onSubmit={handleSubmit}>\n        <SectionStack>\n          {/* The point of this route: the sink's identity. */}\n          <Section\n            emphasis=\"primary\"\n            headingLevel={2}\n            title={t('bigconsole.dataSinks.builder.basicInfo.title', 'Basic Information')}\n            description={t('bigconsole.dataSinks.builder.basicInfo.subtitle', 'Essential details for your DataSink')}\n            icon={<Database className=\"h-icon-sm w-icon-sm\" />}\n            bodyClassName=\"grid gap-form-gap md:grid-cols-2\"\n          >\n            <>\n              {/* Name field */}\n              <div className=\"space-y-2\">\n                <Label htmlFor=\"name\">\n                  {t('bigconsole.dataSinks.builder.basicInfo.nameLabel', 'Name')}{' '}\n                  <span className=\"text-status-error-text\">*</span>\n                </Label>\n                <Input\n                  id=\"name\"\n                  type=\"text\"\n                  value={form.name}\n                  onChange={handleNameChange}\n                  placeholder={t('bigconsole.dataSinks.builder.basicInfo.namePlaceholder', 'e.g., Sales Metrics')}\n                  className={errors.name ? 'border-status-error-border' : ''}\n                />\n                {errors.name && <p className=\"text-xs text-status-error-text\">{errors.name}</p>}\n              </div>\n\n              {/* Key field */}\n              <div className=\"space-y-2\">\n                <Label htmlFor=\"key\">\n                  {t('bigconsole.dataSinks.builder.basicInfo.keyLabel', 'Unique Key')}{' '}\n                  <span className=\"text-status-error-text\">*</span>\n                </Label>\n                <div className=\"flex gap-2\">\n                  <Input\n                    id=\"key\"\n                    type=\"text\"\n                    value={form.key}\n                    onChange={handleKeyChange}\n                    placeholder={t('bigconsole.dataSinks.builder.basicInfo.keyPlaceholder', 'sales_metrics')}\n                    disabled={isEdit}\n                    className={`font-mono flex-1 ${errors.key ? 'border-status-error-border' : ''}`}\n                  />\n                  {form.key && (\n                    <Button\n                      type=\"button\"\n                      onClick={handleCopyKey}\n                      aria-label={t('bigconsole.dataSinks.builder.basicInfo.copyKey', 'Copy unique key')}\n                      variant=\"outline\"\n                      size=\"sm\"\n                      className=\"px-3\"\n                    >\n                      {keyCopied ? (\n                        <Check className=\"w-4 h-4 text-status-success-text\" />\n                      ) : (\n                        <Copy className=\"w-4 h-4\" />\n                      )}\n                    </Button>\n                  )}\n                </div>\n                {errors.key && <p className=\"text-xs text-status-error-text\">{errors.key}</p>}\n                <p className=\"text-xs text-text-muted\">\n                  {isEdit\n                    ? t(\n                        'bigconsole.dataSinks.builder.basicInfo.keyHelpEdit',\n                        'Key cannot be changed. Use this key in your workflows to push data.'\n                      )\n                    : t(\n                        'bigconsole.dataSinks.builder.basicInfo.keyHelpCreate',\n                        'Auto-generated from name. This key will be used by workflows to push data.'\n                      )}\n                </p>\n              </div>\n\n              {/* Description field */}\n              <div className=\"space-y-2 md:col-span-2\">\n                <Label htmlFor=\"description\">\n                  {t('bigconsole.dataSinks.builder.basicInfo.descriptionLabel', 'Description')}\n                </Label>\n                <Textarea\n                  id=\"description\"\n                  value={form.description}\n                  onChange={handleDescriptionChange}\n                  placeholder={t(\n                    'bigconsole.dataSinks.builder.basicInfo.descriptionPlaceholder',\n                    'Describe what data this sink stores...'\n                  )}\n                  rows={2}\n                  className=\"resize-none\"\n                />\n              </div>\n            </>\n          </Section>\n\n          {/* Configuration */}\n          <Section\n            headingLevel={2}\n            title={t('bigconsole.dataSinks.builder.config.title', 'Configuration')}\n            description={t('bigconsole.dataSinks.builder.config.subtitle', 'Cache and refresh settings')}\n            icon={<Settings className=\"h-icon-sm w-icon-sm\" />}\n            bodyClassName=\"grid gap-form-gap md:grid-cols-2\"\n          >\n            <>\n              {/* Cache TTL — the field label lives here, so the selector's own\n                  heading is suppressed to avoid a duplicated label. */}\n              <div className=\"space-y-2\">\n                <Label>{t('bigconsole.dataSinks.builder.config.cacheDurationLabel', 'Cache Duration')}</Label>\n                <CacheTTLSelector value={form.ttl} onChange={handleTTLChange} hideLabel />\n                <p className=\"text-xs text-text-muted\">\n                  {t(\n                    'bigconsole.dataSinks.builder.config.cacheDurationHelp',\n                    'How long cached data remains valid before requiring refresh.'\n                  )}\n                </p>\n              </div>\n\n              {/* Refresh Type */}\n              <RefreshTypeSelector value={form.refresh} onChange={handleRefreshChange} />\n            </>\n          </Section>\n\n          {/* Data Payload */}\n          <Section\n            headingLevel={2}\n            title={t('bigconsole.dataSinks.builder.dataPayload.title', 'Data Payload')}\n            description={\n              isEdit\n                ? t(\n                    'bigconsole.dataSinks.builder.dataPayload.subtitleEdit',\n                    'Edit the JSON data stored in this DataSink'\n                  )\n                : t('bigconsole.dataSinks.builder.dataPayload.subtitleCreate', 'Optional initial data (JSON format)')\n            }\n            icon={<Database className=\"h-icon-sm w-icon-sm\" />}\n            actions={\n              <Button type=\"button\" onClick={handleFormatData} variant=\"outline\" size=\"sm\">\n                {t('bigconsole.dataSinks.builder.dataPayload.formatJson', 'Format JSON')}\n              </Button>\n            }\n            bodyClassName=\"space-y-2\"\n          >\n            <>\n              <Textarea\n                aria-label={t('bigconsole.dataSinks.builder.dataPayload.title', 'Data Payload')}\n                value={form.data}\n                onChange={handleDataChange}\n                placeholder={t('bigconsole.dataSinks.builder.dataPayload.dataPlaceholder', '{\"key\": \"value\"}')}\n                rows={10}\n                className={`resize-y font-mono text-xs ${errors.data ? 'border-status-error-border' : ''}`}\n              />\n              {errors.data && <p className=\"text-xs text-status-error-text\">{errors.data}</p>}\n              <p className=\"text-xs text-text-muted\">\n                {t(\n                  'bigconsole.dataSinks.builder.dataPayload.help',\n                  'Enter valid JSON data. This data will be stored and can be accessed by widgets via parsers.'\n                )}\n              </p>\n            </>\n          </Section>\n\n          {/* Data Preview — read-only inspector, so it sits below the editable\n              sections at `muted`, not level with them. */}\n          {isEdit && existingDataSink && (\n            <Section\n              emphasis=\"muted\"\n              headingLevel={2}\n              title={t('bigconsole.dataSinks.builder.preview.title', 'Data Preview')}\n              description={t('bigconsole.dataSinks.builder.preview.subtitle', 'Preview the first 20 records')}\n              icon={<Eye className=\"h-icon-sm w-icon-sm\" />}\n              actions={\n                <Button type=\"button\" onClick={handleShowData} variant=\"outline\" size=\"sm\" disabled={isLoadingPreview}>\n                  {isLoadingPreview ? (\n                    <>\n                      <Loader2 className=\"w-4 h-4 mr-2 animate-spin\" />\n                      {t('bigconsole.dataSinks.builder.preview.loading', 'Loading...')}\n                    </>\n                  ) : (\n                    <>\n                      <Eye className=\"w-4 h-4 mr-2\" />\n                      {t('bigconsole.dataSinks.builder.preview.showData', 'Show Data')}\n                    </>\n                  )}\n                </Button>\n              }\n            >\n              {previewError ? (\n                <Section tone=\"danger\" padding=\"compact\" headingLevel={3} title=\"Could not load the preview\">\n                  <p className=\"text-sm text-status-error-text\">{previewError}</p>\n                </Section>\n              ) : previewData && previewData.length > 0 ? (\n                <pre className=\"max-h-[300px] min-w-0 overflow-auto rounded-input bg-bg-surface p-3 font-mono text-xs\">\n                  {JSON.stringify(previewData, null, 2)}\n                </pre>\n              ) : previewData ? (\n                <IllustratedEmptyState\n                  illustration=\"empty-generic\"\n                  title={t('bigconsole.dataSinks.builder.preview.emptyTitle', 'No data available yet')}\n                  description={t(\n                    'bigconsole.dataSinks.builder.preview.emptyDescription',\n                    \"Connect a workflow to this sink's key to start pushing data.\"\n                  )}\n                />\n              ) : (\n                <p className=\"text-sm text-text-secondary\">\n                  Select &quot;Show data&quot; to load the records this sink currently holds.\n                </p>\n              )}\n            </Section>\n          )}\n\n          {/* Guidance sits before the commit row — it is no longer advice that\n              appears after the action which ends the task. */}\n          {!isEdit && (\n            <Section\n              tone=\"info\"\n              emphasis=\"muted\"\n              headingLevel={2}\n              title={t('bigconsole.dataSinks.builder.whatsNext.title', \"What's Next?\")}\n              icon={<ListChecks className=\"h-icon-sm w-icon-sm\" />}\n            >\n              <ol className=\"list-inside list-decimal space-y-1 text-xs text-text-secondary\">\n                <li>\n                  {t('bigconsole.dataSinks.builder.whatsNext.step1', 'Create this DataSink to get your unique key')}\n                </li>\n                <li>\n                  {t('bigconsole.dataSinks.builder.whatsNext.step2Prefix', 'Go to')}{' '}\n                  <strong>{t('bigconsole.dataSinks.builder.whatsNext.workflows', 'Workflows')}</strong>{' '}\n                  {t('bigconsole.dataSinks.builder.whatsNext.step2Suffix', 'and create a FluidGrids workflow')}\n                </li>\n                <li>\n                  {t(\n                    'bigconsole.dataSinks.builder.whatsNext.step3',\n                    'Use the unique key in your workflow to push data to this DataSink'\n                  )}\n                </li>\n                <li>\n                  {t('bigconsole.dataSinks.builder.whatsNext.step4Prefix', 'Create')}{' '}\n                  <strong>{t('bigconsole.dataSinks.builder.whatsNext.parsers', 'Parsers')}</strong>{' '}\n                  {t('bigconsole.dataSinks.builder.whatsNext.step4Suffix', 'to transform the data using JQ or JSONata')}\n                </li>\n              </ol>\n            </Section>\n          )}\n\n          {/* Commit row — structural strip with a rule so the actions zone reads\n              as the end of the form. */}\n          <Section\n            emphasis=\"bare\"\n            padding=\"none\"\n            aria-label=\"Save or discard this data sink\"\n            className=\"border-t border-[var(--color-border-subtle)] pt-form-gap\"\n            bodyClassName=\"flex flex-wrap items-center justify-end gap-control-gap\"\n          >\n            <Button type=\"button\" onClick={handleBack} variant=\"secondary\">\n              {t('bigconsole.dataSinks.builder.actions.cancel', 'Cancel')}\n            </Button>\n            <PermissionButton permission={savePermission} deniedBehavior=\"disable\">\n              <Button type=\"submit\" disabled={!isFormValid || isSaving} variant=\"default\">\n                {isSaving ? (\n                  <>\n                    <Loader2 className=\"w-4 h-4 mr-2 animate-spin\" />\n                    {t('bigconsole.dataSinks.builder.actions.saving', 'Saving...')}\n                  </>\n                ) : (\n                  <>\n                    <Save className=\"w-4 h-4 mr-2\" />\n                    {isEdit\n                      ? t('bigconsole.dataSinks.builder.actions.saveChanges', 'Save Changes')\n                      : t('bigconsole.dataSinks.builder.actions.create', 'Create DataSink')}\n                  </>\n                )}\n              </Button>\n            </PermissionButton>\n          </Section>\n        </SectionStack>\n      </form>\n    </div>\n  );\n});\n\nexport default DataSinkBuilderPage;\n"],"mappings":"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"}

package/dist/bigconsole/pages/DataSinkViewPage.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"DataSinkViewPage.d.ts","sourceRoot":"","sources":["../../../src/bigconsole/pages/DataSinkViewPage.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAkEH,eAAO,MAAM,gBAAgB,8CAgnB3B,CAAC;AAEH,eAAe,gBAAgB,CAAC"}

package/dist/bigconsole/pages/DataSinkViewPage.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"DataSinkViewPage.js","names":[],"sources":["../../../src/bigconsole/pages/DataSinkViewPage.tsx"],"sourcesContent":["/**\n * DataSink View Page\n *\n * Page for viewing DataSink details, data preview, and actions.\n */\n\nimport { memo, useState, useEffect, useCallback } from 'react';\nimport { useParams } from 'react-router';\nimport { useAppNavigate } from '../contexts';\nimport { newWorkflowPath } from '../BigConsoleRoutes';\nimport { NEW_WORKFLOW_NAV } from '../workflowOpen';\nimport { isNative, nativeConfirm, nativeImpact, nativeNotify } from '../../utils/nativeBridge';\nimport { formatDistanceToNow } from 'date-fns';\nimport { useDataSinkOperations } from '../hooks/useDataSinkOperations';\nimport { useDataSinkSubscription } from '../hooks/useDataSinkSubscription';\nimport { useDataSinkStore } from '../store/dataSinkStore';\nimport { formatByteSize } from '../utils';\nimport { DataSinkStatusBadge } from '../components/datasink/DataSinkStatusBadge';\nimport { DataSinkDataViewer } from '../components/datasink/DataSinkDataViewer';\nimport { DataSinkTableViewer } from '../components/datasink/DataSinkTableViewer';\nimport { LinkedWorkflowsPanel } from '../components/datasink/LinkedWorkflowsPanel';\nimport { LinkedParsersPanel } from '../components/datasink/LinkedParsersPanel';\nimport { WorkflowStatusPanel } from '../components/datasink/WorkflowStatusPanel';\nimport { ExportDataSinkDialog } from '../components/datasink/ExportDataSinkDialog';\nimport { ImportDataGuideDialog } from '../components/datasink/ImportDataGuideDialog';\n\n// fe-libs UI components\nimport { Button } from '@burdenoff/fe-libs/ui';\nimport { IllustratedEmptyState, PagePurpose, NextSteps } from '@burdenoff/fe-libs/ui';\n\n// Section-emphasis primitives (BOFF-5632)\nimport { Section, SectionStack, SECTION_FOCUS_RING } from '../components/common';\n\n// RBAC\nimport { usePermissions } from '@burdenoff/fe-libs/shared/providers/shell';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\nimport { AccessDenied, PermissionButton } from '@burdenoff/fe-libs/shared/components';\nimport { BIGCONSOLE_PERMISSIONS } from '../../constants/permissions';\n\n// Lucide icons\nimport {\n  ArrowLeft,\n  Edit,\n  RefreshCw,\n  Trash2,\n  Database,\n  Loader2,\n  AlertCircle,\n  Eye,\n  EyeOff,\n  Download,\n  Upload,\n  Grid3X3,\n  Code,\n  Bell,\n} from 'lucide-react';\n\n/**\n * The preview-format segmented control clips its children (`overflow-hidden`\n * preserves the group's rounded corners), which would swallow an offset focus\n * ring entirely — and `SECTION_FOCUS_RING` also suppresses the native outline,\n * so the buttons would have no visible focus at all. Painting the ring inside\n * the button keeps it visible without dropping the group's rounding.\n */\nconst SEGMENT_RING_FIX = 'focus-visible:ring-inset focus-visible:ring-offset-0' as const;\n\n// ============================================================================\n// COMPONENT\n// ============================================================================\n\nexport const DataSinkViewPage = memo(function DataSinkViewPage() {\n  const { dataSinkId } = useParams<{ dataSinkId: string; consoleId: string }>();\n  const navigate = useAppNavigate();\n  const { t } = useI18n();\n\n  // RBAC — PermissionButton gates the action buttons directly; here we only need\n  // the read gate that blocks the whole page.\n  const { hasPermission, isLoading: permissionsLoading } = usePermissions();\n  const canRead = hasPermission(BIGCONSOLE_PERMISSIONS.DATASINK_READ);\n\n  // Local state\n  const [showData, setShowData] = useState(false);\n  const [isRefreshing, setIsRefreshing] = useState(false);\n  const [isDeleting, setIsDeleting] = useState(false);\n  const [isExportDialogOpen, setIsExportDialogOpen] = useState(false);\n  const [isImportDialogOpen, setIsImportDialogOpen] = useState(false);\n  const [dataPreview, setDataPreview] = useState<Record<string, unknown> | null>(null);\n  const [dataLoading, setDataLoading] = useState(false);\n  const [dataViewMode, setDataViewMode] = useState<'table' | 'json'>('table');\n  // v3.0: server-side pagination for array payloads (avoids loading millions of rows).\n  const [pageSize, setPageSize] = useState(100);\n  const [pageOffset, setPageOffset] = useState(0);\n  const [dataTotalCount, setDataTotalCount] = useState<number | null>(null);\n  const [dataHasMore, setDataHasMore] = useState(false);\n\n  // Store\n  const dataSink = useDataSinkStore((state) => (dataSinkId ? state.dataSinks.get(dataSinkId) : undefined));\n\n  // Operations\n  const { loading, error, fetchDataSink, getDataSinkData, refreshDataSink, updateDataSink, deleteDataSink } =\n    useDataSinkOperations({\n      skipFetch: true,\n    });\n\n  // Subscribe to updates\n  useDataSinkSubscription({\n    dataSinkId,\n    enabled: !!dataSinkId,\n  });\n\n  // Load DataSink on mount - always fetch full data to get workflowLinks\n  useEffect(() => {\n    if (dataSinkId) {\n      fetchDataSink(dataSinkId);\n    }\n  }, [dataSinkId, fetchDataSink]);\n\n  // Handle back navigation\n  const handleBack = useCallback(() => {\n    navigate(`/datasinks`);\n  }, [navigate]);\n\n  // Handle edit\n  const handleEdit = useCallback(() => {\n    navigate(`/datasinks/${dataSinkId}/edit`);\n  }, [navigate, dataSinkId]);\n\n  // Handle refresh\n  const handleRefresh = useCallback(async () => {\n    if (!dataSinkId) return;\n    setIsRefreshing(true);\n    try {\n      await refreshDataSink({ id: dataSinkId });\n    } catch (err) {\n    } finally {\n      setIsRefreshing(false);\n    }\n  }, [dataSinkId, refreshDataSink]);\n\n  // Handle delete\n  const handleDelete = useCallback(async () => {\n    if (!dataSinkId) return;\n    const native = await nativeConfirm({\n      title: t('bigconsole.dataSinks.view.deleteConfirmTitle', 'Delete DataSink?'),\n      message: t('bigconsole.dataSinks.view.deleteConfirmMessage', 'Are you sure you want to delete this DataSink?'),\n      okButtonTitle: t('bigconsole.dataSinks.view.delete', 'Delete'),\n      cancelButtonTitle: t('bigconsole.dataSinks.view.cancel', 'Cancel'),\n    });\n    const ok =\n      native === null\n        ? window.confirm(\n            t('bigconsole.dataSinks.view.deleteConfirmMessage', 'Are you sure you want to delete this DataSink?')\n          )\n        : native;\n    if (!ok) return;\n    nativeImpact('medium');\n    setIsDeleting(true);\n    try {\n      await deleteDataSink(dataSinkId);\n      if (isNative()) void nativeNotify('success');\n      navigate(`/datasinks`);\n    } catch (err) {\n      if (isNative()) void nativeNotify('error');\n    } finally {\n      setIsDeleting(false);\n    }\n  }, [dataSinkId, deleteDataSink, navigate, t]);\n\n  // Load one page of the sink's data (v3.0: server-side pagination).\n  const loadDataPage = useCallback(\n    async (offset: number, size: number) => {\n      if (!dataSinkId) return;\n      setDataLoading(true);\n      try {\n        const result = await getDataSinkData({ id: dataSinkId }, { limit: size, offset });\n        if (result) {\n          setDataPreview((result.raw as Record<string, unknown>) || {});\n          // totalCount is non-null only for array payloads being paginated.\n          setDataTotalCount(typeof result.totalCount === 'number' ? result.totalCount : null);\n          setDataHasMore(Boolean(result.hasMore));\n          setPageOffset(offset);\n        }\n      } catch {\n        // handled by the hook's error state\n      } finally {\n        setDataLoading(false);\n      }\n    },\n    [dataSinkId, getDataSinkData]\n  );\n\n  // Handle show data (toggles the preview; loads the first page).\n  const handleShowData = useCallback(async () => {\n    if (!dataSinkId) return;\n    if (showData) {\n      setShowData(false);\n      return;\n    }\n    await loadDataPage(0, pageSize);\n    setShowData(true);\n  }, [dataSinkId, showData, loadDataPage, pageSize]);\n\n  const handlePageSizeChange = useCallback(\n    (size: number) => {\n      setPageSize(size);\n      void loadDataPage(0, size);\n    },\n    [loadDataPage]\n  );\n\n  // Handle export\n  const handleExport = useCallback(() => {\n    setIsExportDialogOpen(true);\n  }, []);\n\n  const handleExportClose = useCallback(() => {\n    setIsExportDialogOpen(false);\n  }, []);\n\n  // Handle import — opens a guide explaining that data is imported via a workflow.\n  const handleImport = useCallback(() => {\n    setIsImportDialogOpen(true);\n  }, []);\n\n  const handleImportClose = useCallback(() => {\n    setIsImportDialogOpen(false);\n  }, []);\n\n  const handleGoToWorkflows = useCallback(() => {\n    setIsImportDialogOpen(false);\n    // Navigate straight to the builder path (basePath-aware via useAppNavigate).\n    // Going via /workflows/new would hit a <Navigate> redirect to an absolute\n    // path that drops the MFE base path — see WorkflowsPage for the same pattern.\n    navigate(newWorkflowPath(), NEW_WORKFLOW_NAV);\n  }, [navigate]);\n\n  // Direct CSV import — write the parsed rows straight to the sink (no workflow).\n  const handleImportCsv = useCallback(\n    async (rows: Record<string, unknown>[]): Promise<boolean> => {\n      if (!dataSink) return false;\n      // The DataSink `data` payload is a JSON scalar that accepts any JSON value;\n      // tabular imports are stored as an array of row objects — the shape the\n      // table viewer and parsers read. The generated input type narrows JSON to\n      // Record<string, unknown>, so cast the row array to satisfy it.\n      const updated = await updateDataSink({\n        id: dataSink.id,\n        version: dataSink.version,\n        data: rows as unknown as Record<string, unknown>,\n      });\n      if (!updated) return false;\n      // The import already succeeded. Revealing the data is best-effort — a\n      // failure here must not turn a persisted import into a reported failure\n      // (which would prompt a retry and hit a version conflict).\n      try {\n        await loadDataPage(0, pageSize);\n        setShowData(true);\n      } catch {\n        // Data is saved; the user can open the preview manually.\n      }\n      return true;\n    },\n    [dataSink, updateDataSink, loadDataPage, pageSize]\n  );\n\n  // Loading state\n  if (loading && !dataSink) {\n    return (\n      <div className=\"flex min-h-[240px] items-center justify-center p-card-padding\">\n        <Loader2 className=\"h-icon-lg w-icon-lg animate-spin text-text-secondary\" />\n      </div>\n    );\n  }\n\n  // Error state\n  // Only treat the shared hook error as fatal when the sink never loaded. Once\n  // it is loaded, transient action errors (e.g. a failed CSV import) surface\n  // inline in their own UI and must not replace the whole page.\n  if (error && !dataSink) {\n    return (\n      <div className=\"p-card-padding\">\n        <Section\n          tone=\"danger\"\n          headingLevel={2}\n          title={t('bigconsole.dataSinks.view.loadError', 'Failed to load DataSink')}\n          description={error.message}\n          icon={<AlertCircle className=\"h-icon-sm w-icon-sm\" />}\n          actions={\n            <Button onClick={handleBack} variant=\"secondary\" size=\"sm\">\n              <ArrowLeft className=\"w-4 h-4 mr-2\" />\n              {t('bigconsole.dataSinks.view.goBack', 'Go back')}\n            </Button>\n          }\n        />\n      </div>\n    );\n  }\n\n  // Read gate — once permissions have loaded, block actors without read access.\n  if (!permissionsLoading && !canRead) {\n    return (\n      <AccessDenied\n        title={t('bigconsole.dataSinks.view.accessDeniedTitle', 'Access Denied')}\n        description={t(\n          'bigconsole.dataSinks.view.accessDeniedDescription',\n          \"You don't have permission to view this data sink.\"\n        )}\n      />\n    );\n  }\n\n  // Not found state\n  if (!dataSink) {\n    return (\n      <div className=\"flex min-h-[240px] items-center justify-center p-card-padding\">\n        <IllustratedEmptyState\n          illustration=\"empty-data\"\n          title={t('bigconsole.dataSinks.view.notFoundTitle', 'DataSink not found')}\n          description={t(\n            'bigconsole.dataSinks.view.notFoundDescription',\n            \"The DataSink you're looking for doesn't exist or has been deleted.\"\n          )}\n          action={\n            <Button onClick={handleBack} variant=\"default\" size=\"default\">\n              <ArrowLeft className=\"w-4 h-4 mr-2\" />\n              {t('bigconsole.dataSinks.view.goBackToDataSinks', 'Go back to DataSinks')}\n            </Button>\n          }\n        />\n      </div>\n    );\n  }\n\n  return (\n    <div className=\"min-w-0 p-card-padding\">\n      {/* Page header strip — structural only, no surface of its own. */}\n      <header className=\"mb-section-gap flex flex-col gap-form-gap sm:flex-row sm:items-start sm:justify-between\">\n        <div className=\"min-w-0 flex-1\">\n          <Button onClick={handleBack} variant=\"ghost\" size=\"sm\" className=\"mb-4\">\n            <ArrowLeft className=\"w-4 h-4 mr-2\" />\n            {t('bigconsole.dataSinks.view.backToDataSinks', 'Back to DataSinks')}\n          </Button>\n          <div className=\"flex flex-wrap items-center gap-2\">\n            <h1 className=\"text-2xl font-bold text-text-primary\">\n              {dataSink.name || t('bigconsole.dataSinks.view.untitled', 'Untitled')}\n            </h1>\n            <DataSinkStatusBadge status={dataSink.status} />\n            <span className=\"rounded-pill border border-border-subtle px-2 py-1 text-xs text-text-secondary\">\n              v{dataSink.version}\n            </span>\n          </div>\n          <p className=\"mt-1 break-all font-mono text-sm text-text-muted\">{dataSink.key}</p>\n          {dataSink.description && <p className=\"mt-2 text-sm text-text-secondary\">{dataSink.description}</p>}\n        </div>\n\n        {/* Actions. Refresh is the primary act on this route, so the destructive\n            button is no longer the loudest thing under the title. */}\n        <div className=\"flex flex-wrap items-center gap-2\">\n          <PermissionButton permission={BIGCONSOLE_PERMISSIONS.DATASINK_EXECUTE} deniedBehavior=\"disable\">\n            <Button onClick={handleRefresh} disabled={isRefreshing} variant=\"default\" size=\"default\">\n              <RefreshCw className={`w-4 h-4 mr-2 ${isRefreshing ? 'animate-spin' : ''}`} />\n              {isRefreshing\n                ? t('bigconsole.dataSinks.view.refreshing', 'Refreshing...')\n                : t('bigconsole.dataSinks.view.refresh', 'Refresh')}\n            </Button>\n          </PermissionButton>\n          <Button onClick={handleImport} variant=\"secondary\" size=\"default\">\n            <Upload className=\"w-4 h-4 mr-2\" />\n            {t('bigconsole.dataSinks.view.importData', 'Import Data')}\n          </Button>\n          <Button onClick={handleExport} variant=\"secondary\" size=\"default\">\n            <Download className=\"w-4 h-4 mr-2\" />\n            {t('bigconsole.dataSinks.view.export', 'Export')}\n          </Button>\n          <Button onClick={() => navigate(`/datasinks/${dataSinkId}/alerts`)} variant=\"secondary\" size=\"default\">\n            <Bell className=\"w-4 h-4 mr-2\" />\n            {t('bigconsole.alerts.title', 'Alerts')}\n          </Button>\n          <PermissionButton permission={BIGCONSOLE_PERMISSIONS.DATASINK_UPDATE} deniedBehavior=\"disable\">\n            <Button onClick={handleEdit} variant=\"secondary\" size=\"default\">\n              <Edit className=\"w-4 h-4 mr-2\" />\n              {t('bigconsole.dataSinks.view.edit', 'Edit')}\n            </Button>\n          </PermissionButton>\n          <PermissionButton permission={BIGCONSOLE_PERMISSIONS.DATASINK_DELETE} deniedBehavior=\"hide\">\n            <Button onClick={handleDelete} disabled={isDeleting} variant=\"destructive\" size=\"default\">\n              <Trash2 className=\"w-4 h-4 mr-2\" />\n              {isDeleting\n                ? t('bigconsole.dataSinks.view.deleting', 'Deleting...')\n                : t('bigconsole.dataSinks.view.delete', 'Delete')}\n            </Button>\n          </PermissionButton>\n        </div>\n      </header>\n\n      <PagePurpose className=\"mb-section-gap\">\n        {t(\n          'bigconsole.dataSinks.view.pagePurpose',\n          'A data sink is a structured store that holds your processed data and serves it to dashboards. From here you can inspect its schema and stats, preview the cached rows, refresh it from its linked workflow, or export it.'\n        )}\n      </PagePurpose>\n\n      <SectionStack className=\"mt-section-gap\">\n        {/* Supporting context: four peer panels, one container idiom. */}\n        <div className=\"grid min-w-0 gap-section-gap lg:grid-cols-[minmax(0,2fr)_minmax(0,3fr)]\">\n          {/* Reference metadata. `standard`, matching the three sibling panels in\n              this grid — one recessed cell beside three raised ones read as a\n              rendering fault rather than as hierarchy. The `primary` preview\n              below still carries the elevation that separates it from all four. */}\n          <Section\n            headingLevel={2}\n            title={t('bigconsole.dataSinks.view.details', 'Details')}\n            description=\"Cache, refresh and storage settings for this sink.\"\n          >\n            <dl className=\"divide-y divide-[var(--color-border-subtle)] text-sm\">\n              <div className=\"flex flex-wrap items-center justify-between gap-x-form-gap gap-y-1 py-2 first:pt-0\">\n                <dt className=\"min-w-0 text-text-secondary\">{t('bigconsole.dataSinks.view.status', 'Status')}</dt>\n                <dd>\n                  <DataSinkStatusBadge status={dataSink.status} size=\"sm\" />\n                </dd>\n              </div>\n              <div className=\"flex flex-wrap items-center justify-between gap-x-form-gap gap-y-1 py-2\">\n                <dt className=\"min-w-0 text-text-secondary\">{t('bigconsole.dataSinks.view.cacheTtl', 'Cache TTL')}</dt>\n                <dd className=\"font-medium text-text-primary\">\n                  {dataSink.ttl ? `${dataSink.ttl}s` : t('bigconsole.dataSinks.view.none', 'None')}\n                </dd>\n              </div>\n              <div className=\"flex flex-wrap items-center justify-between gap-x-form-gap gap-y-1 py-2\">\n                <dt className=\"min-w-0 text-text-secondary\">\n                  {t('bigconsole.dataSinks.view.refreshType', 'Refresh Type')}\n                </dt>\n                <dd className=\"font-medium capitalize text-text-primary\">\n                  {dataSink.refresh?.type || t('bigconsole.dataSinks.view.manual', 'Manual')}\n                </dd>\n              </div>\n              <div className=\"flex flex-wrap items-center justify-between gap-x-form-gap gap-y-1 py-2\">\n                <dt className=\"min-w-0 text-text-secondary\">{t('bigconsole.dataSinks.view.size', 'Size')}</dt>\n                <dd className=\"font-medium text-text-primary\">{formatByteSize(dataSink.sizeBytes || 0)}</dd>\n              </div>\n              <div className=\"flex flex-wrap items-center justify-between gap-x-form-gap gap-y-1 py-2\">\n                <dt className=\"min-w-0 text-text-secondary\">{t('bigconsole.dataSinks.view.version', 'Version')}</dt>\n                <dd className=\"font-medium text-text-primary\">{dataSink.version || 1}</dd>\n              </div>\n              <div className=\"flex flex-wrap items-center justify-between gap-x-form-gap gap-y-1 py-2\">\n                <dt className=\"min-w-0 text-text-secondary\">\n                  {t('bigconsole.dataSinks.view.lastRefreshed', 'Last Refreshed')}\n                </dt>\n                <dd className=\"font-medium text-text-primary\">\n                  {dataSink.lastRefreshedAt\n                    ? formatDistanceToNow(new Date(dataSink.lastRefreshedAt), { addSuffix: true })\n                    : t('bigconsole.dataSinks.view.never', 'Never')}\n                </dd>\n              </div>\n              <div className=\"flex flex-wrap items-center justify-between gap-x-form-gap gap-y-1 py-2 last:pb-0\">\n                <dt className=\"min-w-0 text-text-secondary\">{t('bigconsole.dataSinks.view.created', 'Created')}</dt>\n                <dd className=\"font-medium text-text-primary\">\n                  {formatDistanceToNow(new Date(dataSink.createdAt), { addSuffix: true })}\n                </dd>\n              </div>\n            </dl>\n          </Section>\n\n          {/* The point of this route: the cached rows themselves. */}\n          <Section\n            emphasis=\"primary\"\n            headingLevel={2}\n            title={t('bigconsole.dataSinks.view.dataPreview', 'Data Preview')}\n            description=\"The rows this sink is currently serving to dashboards.\"\n            icon={<Database className=\"h-icon-sm w-icon-sm\" />}\n            actions={\n              <>\n                {showData && (\n                  <div\n                    role=\"group\"\n                    aria-label={t('bigconsole.dataSinks.view.dataPreview', 'Data Preview')}\n                    className=\"flex items-center overflow-hidden rounded-button border border-[var(--color-border-default)]\"\n                  >\n                    <button\n                      type=\"button\"\n                      onClick={() => setDataViewMode('table')}\n                      aria-pressed={dataViewMode === 'table'}\n                      className={`flex h-control-md w-[var(--size-controlHeight-md)] items-center justify-center ${SECTION_FOCUS_RING} ${SEGMENT_RING_FIX} ${\n                        dataViewMode === 'table'\n                          ? 'bg-bg-sunken text-text-primary'\n                          : 'text-text-secondary hover:text-text-primary'\n                      }`}\n                      title={t('bigconsole.dataSinks.view.tableView', 'Table view')}\n                    >\n                      <Grid3X3 className=\"w-4 h-4\" />\n                    </button>\n                    <button\n                      type=\"button\"\n                      onClick={() => setDataViewMode('json')}\n                      aria-pressed={dataViewMode === 'json'}\n                      className={`flex h-control-md w-[var(--size-controlHeight-md)] items-center justify-center ${SECTION_FOCUS_RING} ${SEGMENT_RING_FIX} ${\n                        dataViewMode === 'json'\n                          ? 'bg-bg-sunken text-text-primary'\n                          : 'text-text-secondary hover:text-text-primary'\n                      }`}\n                      title={t('bigconsole.dataSinks.view.jsonView', 'JSON view')}\n                    >\n                      <Code className=\"w-4 h-4\" />\n                    </button>\n                  </div>\n                )}\n                <Button\n                  onClick={handleShowData}\n                  disabled={dataLoading}\n                  variant={showData ? 'secondary' : 'default'}\n                  size=\"sm\"\n                >\n                  {dataLoading ? (\n                    <>\n                      <Loader2 className=\"w-4 h-4 mr-2 animate-spin\" />\n                      {t('bigconsole.dataSinks.view.loading', 'Loading...')}\n                    </>\n                  ) : showData ? (\n                    <>\n                      <EyeOff className=\"w-4 h-4 mr-2\" />\n                      {t('bigconsole.dataSinks.view.hideData', 'Hide Data')}\n                    </>\n                  ) : (\n                    <>\n                      <Eye className=\"w-4 h-4 mr-2\" />\n                      {t('bigconsole.dataSinks.view.showData', 'Show Data')}\n                    </>\n                  )}\n                </Button>\n              </>\n            }\n          >\n            {showData && dataPreview && (\n              <>\n                {dataViewMode === 'table' ? (\n                  <DataSinkTableViewer data={dataPreview} maxHeight=\"400px\" />\n                ) : (\n                  <DataSinkDataViewer data={dataPreview} maxHeight=\"400px\" />\n                )}\n                {/* v3.0: pagination controls — shown only for array payloads. */}\n                {dataTotalCount !== null && (\n                  <div className=\"mt-form-gap flex flex-wrap items-center justify-between gap-form-gap border-t border-[var(--color-border-subtle)] pt-form-gap\">\n                    <label className=\"flex items-center gap-2 text-sm text-text-secondary\">\n                      <span>{t('bigconsole.dataSinks.view.rowsPerPage', 'Rows per page')}</span>\n                      <select\n                        aria-label={t('bigconsole.dataSinks.view.rowsPerPage', 'Rows per page')}\n                        className={`h-control-md rounded-input border border-[var(--color-border-default)] bg-bg-canvas px-2 text-text-primary ${SECTION_FOCUS_RING}`}\n                        value={pageSize}\n                        onChange={(e) => handlePageSizeChange(Number(e.target.value))}\n                      >\n                        {[100, 500, 1000].map((n) => (\n                          <option key={n} value={n}>\n                            {n}\n                          </option>\n                        ))}\n                      </select>\n                    </label>\n                    <div className=\"flex flex-wrap items-center gap-control-gap text-sm text-text-secondary\">\n                      <span>\n                        {dataTotalCount === 0\n                          ? t('bigconsole.dataSinks.view.zeroRows', '0 rows')\n                          : t('bigconsole.dataSinks.view.rowRange', '{{start}}–{{end}} of {{total}}', {\n                              start: pageOffset + 1,\n                              end: Math.min(pageOffset + pageSize, dataTotalCount),\n                              total: dataTotalCount,\n                            })}\n                      </span>\n                      <Button\n                        variant=\"secondary\"\n                        size=\"sm\"\n                        disabled={pageOffset === 0 || dataLoading}\n                        onClick={() => void loadDataPage(Math.max(0, pageOffset - pageSize), pageSize)}\n                      >\n                        {t('bigconsole.dataSinks.view.previous', 'Previous')}\n                      </Button>\n                      <Button\n                        variant=\"secondary\"\n                        size=\"sm\"\n                        disabled={!dataHasMore || dataLoading}\n                        onClick={() => void loadDataPage(pageOffset + pageSize, pageSize)}\n                      >\n                        {t('bigconsole.dataSinks.view.next', 'Next')}\n                      </Button>\n                    </div>\n                  </div>\n                )}\n              </>\n            )}\n\n            {!showData &&\n              (dataSink.sizeBytes > 0 || (dataSink.data && Object.keys(dataSink.data).length > 0) ? (\n                <p className=\"flex items-center gap-icon-gap text-sm text-text-secondary\">\n                  <Database aria-hidden=\"true\" className=\"h-icon-sm w-icon-sm shrink-0 text-text-muted\" />\n                  {t('bigconsole.dataSinks.view.showDataHint', 'Click \"Show Data\" to preview the cached data.')}\n                </p>\n              ) : (\n                // No data yet — surface the Import Data flow so a new user knows the next step.\n                <div className=\"flex flex-col items-center gap-form-gap py-form-gap text-center\">\n                  <Database aria-hidden=\"true\" className=\"h-icon-lg w-icon-lg text-text-muted\" />\n                  <p className=\"text-sm text-text-secondary\">\n                    {t(\n                      'bigconsole.dataSinks.view.noDataYet',\n                      'This data sink has no data yet. Upload a CSV or build a workflow to import data.'\n                    )}\n                  </p>\n                  <Button onClick={handleImport} variant=\"default\" size=\"sm\">\n                    <Upload className=\"w-4 h-4 mr-2\" />\n                    {t('bigconsole.dataSinks.view.importData', 'Import Data')}\n                  </Button>\n                </div>\n              ))}\n          </Section>\n        </div>\n        <div className=\"grid min-w-0 gap-section-gap md:grid-cols-2\">\n          {/* Workflow Status Panel */}\n          {dataSink.fluidGridsWorkflowId && (\n            <WorkflowStatusPanel\n              workflowId={dataSink.fluidGridsWorkflowId}\n              executionId={dataSink.fluidGridsWorkflowExecutionId || undefined}\n              lastRefreshedAt={dataSink.lastRefreshedAt || undefined}\n              setupState={dataSink.setupState}\n              status={dataSink.status}\n              onRerunWorkflow={handleRefresh}\n              disabled={isRefreshing}\n              isRerunning={isRefreshing}\n            />\n          )}\n\n          {/* Linked Workflows */}\n          <LinkedWorkflowsPanel workflowLinks={dataSink.workflowLinks} />\n\n          {/* Linked Parsers */}\n          <LinkedParsersPanel dataSinkKey={dataSink.key} />\n        </div>\n      </SectionStack>\n      <NextSteps\n        storageKey=\"bigconsole-datasink-view\"\n        steps={[\n          {\n            id: 'preview',\n            label: t('bigconsole.dataSinks.view.nextSteps.previewLabel', 'Preview the data'),\n            description: t(\n              'bigconsole.dataSinks.view.nextSteps.previewDescription',\n              'Open the cached rows to confirm the sink holds what you expect.'\n            ),\n            onClick: handleShowData,\n          },\n          {\n            id: 'refresh',\n            label: t('bigconsole.dataSinks.view.nextSteps.refreshLabel', 'Refresh from source'),\n            description: t(\n              'bigconsole.dataSinks.view.nextSteps.refreshDescription',\n              'Re-run the linked workflow to pull the latest data.'\n            ),\n            onClick: handleRefresh,\n          },\n          {\n            id: 'build-dashboard',\n            label: t('bigconsole.dataSinks.view.nextSteps.dashboardLabel', 'Visualize it on a dashboard'),\n            description: t(\n              'bigconsole.dataSinks.view.nextSteps.dashboardDescription',\n              'Add widgets that query this sink to see your data live.'\n            ),\n            onClick: () => navigate('/dashboards'),\n          },\n          {\n            id: 'export',\n            label: t('bigconsole.dataSinks.view.nextSteps.exportLabel', 'Export the data'),\n            description: t(\n              'bigconsole.dataSinks.view.nextSteps.exportDescription',\n              'Download the contents for use elsewhere.'\n            ),\n            onClick: handleExport,\n          },\n        ]}\n      />\n\n      {/* Export DataSink Dialog */}\n      <ExportDataSinkDialog\n        isOpen={isExportDialogOpen}\n        dataSinkId={dataSinkId || null}\n        dataSinkName={dataSink.name || dataSink.key}\n        onClose={handleExportClose}\n      />\n\n      {/* Import Data guide Dialog */}\n      <ImportDataGuideDialog\n        isOpen={isImportDialogOpen}\n        dataSinkName={dataSink.name || dataSink.key}\n        hasExistingData={dataSink.sizeBytes > 0 || Boolean(dataSink.data && Object.keys(dataSink.data).length > 0)}\n        onClose={handleImportClose}\n        onGoToWorkflows={handleGoToWorkflows}\n        onImportCsv={handleImportCsv}\n      />\n    </div>\n  );\n});\n\nexport default DataSinkViewPage;\n"],"mappings":"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"}

package/dist/bigconsole/pages/DataSinksPage.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"DataSinksPage.d.ts","sourceRoot":"","sources":["../../../src/bigconsole/pages/DataSinksPage.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,KAAK,EAAE,EAAwC,MAAM,OAAO,CAAC;AA0HtE,eAAO,MAAM,aAAa,EAAE,EAk9B1B,CAAC;AAEH,eAAe,aAAa,CAAC"}

package/dist/bigconsole/pages/DataSinksPage.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"DataSinksPage.js","names":[],"sources":["../../../src/bigconsole/pages/DataSinksPage.tsx"],"sourcesContent":["/**\n * DataSinksPage\n *\n * List and manage DataSinks - fetches data from backend.\n * Uses fe-libs shared UI components and semantic tokens for consistent styling.\n */\n\nimport { type FC, memo, useCallback, useMemo, useState } from 'react';\nimport { formatDistanceToNow } from 'date-fns';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\nimport { usePermissions } from '@burdenoff/fe-libs/shared/providers/shell';\nimport { AccessDenied, PermissionButton } from '@burdenoff/fe-libs/shared/components';\nimport { getProfileScopedKey } from '@burdenoff/fe-libs/shared/utils';\nimport { BIGCONSOLE_PERMISSIONS } from '../../constants/permissions';\nimport { useAppNavigate } from '../contexts';\nimport { isNative, nativeNotify } from '../../utils/nativeBridge';\nimport { useDataSinkOperations } from '../hooks/useDataSinkOperations';\nimport { useExportDataSink } from '../hooks/useExportDataSink';\nimport { useDataSinkStore } from '../store/dataSinkStore';\nimport { formatByteSize } from '../utils';\nimport type { DataSink, DataSinkSetupState } from '../types';\nimport { DataSinkCard } from '../components/datasink/DataSinkCard';\nimport { DataSinkDeleteDialog } from '../components/datasink/DataSinkDeleteDialog';\nimport { DataSinkRefreshDialog } from '../components/datasink/DataSinkRefreshDialog';\nimport { ImportDataSinkDialog } from '../components/datasink/ImportDataSinkDialog';\n\n// fe-libs components\nimport { Button } from '@burdenoff/fe-libs/ui';\nimport { Input } from '@burdenoff/fe-libs/ui';\nimport { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from '@burdenoff/fe-libs/ui';\nimport { Badge } from '@burdenoff/fe-libs/ui';\nimport { Spinner } from '@burdenoff/fe-libs/ui';\nimport {\n  AuroraBackground,\n  GradientText,\n  IllustratedEmptyState,\n  CTAOverflowMenu,\n  PagePurpose,\n} from '@burdenoff/fe-libs/ui';\n\n// Section-emphasis primitives (BOFF-5632)\nimport { Section, SectionStack, SECTION_FOCUS_RING } from '../components/common';\n\n// Lucide icons\nimport {\n  Plus,\n  Search,\n  AlertCircle,\n  Container,\n  X,\n  Upload,\n  LayoutGrid,\n  Table2,\n  Eye,\n  Pencil,\n  RefreshCw,\n  Download,\n  Trash2,\n} from 'lucide-react';\nimport { DataSinkStatusBadge } from '../components/datasink/DataSinkStatusBadge';\nimport { SetupStateBadge } from '../components/datasink/SetupStateBadge';\n\n// ============================================================================\n// Types\n// ============================================================================\n\ntype SetupStateFilter = 'all' | 'in_progress' | 'completed';\ntype ListViewMode = 'grid' | 'table';\n\nconst VIEW_MODE_KEY = 'bigconsole-datasinks-view-mode';\n\n/**\n * Row-action buttons in the table view. `--size-controlHeight-md` (40px) replaces the\n * previous `padding: 4` around a 14px icon, which was a ~22px hit target — far\n * under the touch minimum on the one layout that is already a side-scroll.\n */\nconst TABLE_ICON_BUTTON =\n  `inline-flex h-control-md w-[var(--size-controlHeight-md)] items-center justify-center rounded-button border-0 bg-transparent text-text-muted hover:bg-bg-surface hover:text-text-primary motion-safe:transition-colors ${SECTION_FOCUS_RING}` as const;\n\n/**\n * Segmented controls clip their children (`overflow: hidden` keeps the group's\n * rounded corners), which would swallow an offset focus ring entirely — leaving\n * the buttons with no visible focus at all, since `SECTION_FOCUS_RING` also\n * suppresses the native outline. Painting the ring inside the button keeps it\n * visible without dropping the group's rounding.\n */\nconst SEGMENT_RING_FIX = 'focus-visible:ring-inset focus-visible:ring-offset-0' as const;\n\n// ============================================================================\n// Helpers\n// ============================================================================\n\n/**\n * Determine setup state for a DataSink based on its properties.\n */\nconst getSetupState = (dataSink: DataSink): DataSinkSetupState => {\n  if (dataSink.setupState === 'completed') {\n    return 'completed';\n  }\n  if (dataSink.ttl !== null && dataSink.ttl !== undefined && dataSink.ttl > 0) {\n    return 'completed';\n  }\n  if (dataSink.fluidGridsWorkflowId && dataSink.data && Object.keys(dataSink.data).length > 0) {\n    return 'completed';\n  }\n  if (dataSink.fluidGridsWorkflowId) {\n    return 'workflow_running';\n  }\n  return 'workflow_pending';\n};\n\n/**\n * Relative \"last refreshed\" text.\n *\n * `lastRefreshedAt` is non-null on the schema, but the store's normaliser\n * substitutes `new Date()` for a missing value and an unparseable string would\n * otherwise render \"Invalid Date\", so both are guarded here.\n */\nconst formatLastRefreshed = (iso: string | null | undefined): string => {\n  if (!iso) return '—';\n  const date = new Date(iso);\n  if (Number.isNaN(date.getTime())) return '—';\n  return formatDistanceToNow(date, { addSuffix: true });\n};\n\n// ============================================================================\n// Component\n// ============================================================================\n\nexport const DataSinksPage: FC = memo(function DataSinksPage() {\n  const navigate = useAppNavigate();\n  const { t } = useI18n();\n  const tr = useCallback(\n    (key: string, fallback: string) => {\n      const translated = t(key);\n      return translated === key ? fallback : translated;\n    },\n    [t]\n  );\n\n  // Permissions\n  const { hasPermission, isLoading: permissionsLoading } = usePermissions();\n  const canRead = hasPermission(BIGCONSOLE_PERMISSIONS.DATASINK_READ);\n  const canCreate = hasPermission(BIGCONSOLE_PERMISSIONS.DATASINK_CREATE);\n  const canUpdate = hasPermission(BIGCONSOLE_PERMISSIONS.DATASINK_UPDATE);\n  const canDelete = hasPermission(BIGCONSOLE_PERMISSIONS.DATASINK_DELETE);\n  const canExecute = hasPermission(BIGCONSOLE_PERMISSIONS.DATASINK_EXECUTE);\n\n  // Local state\n  const [setupStateFilter, setSetupStateFilter] = useState<SetupStateFilter>('all');\n  const [isImportDialogOpen, setIsImportDialogOpen] = useState(false);\n  const [viewMode, setViewMode] = useState<ListViewMode>(\n    () => (localStorage.getItem(getProfileScopedKey(VIEW_MODE_KEY)) as ListViewMode) || 'grid'\n  );\n\n  const toggleViewMode = useCallback((mode: ListViewMode) => {\n    setViewMode(mode);\n    localStorage.setItem(getProfileScopedKey(VIEW_MODE_KEY), mode);\n  }, []);\n\n  // Store state\n  const statusFilter = useDataSinkStore((state) => state.statusFilter);\n  const activeFilter = useDataSinkStore((state) => state.activeFilter);\n  const searchQuery = useDataSinkStore((state) => state.searchQuery);\n  const setStatusFilter = useDataSinkStore((state) => state.setStatusFilter);\n  const setActiveFilter = useDataSinkStore((state) => state.setActiveFilter);\n  const setSearchQuery = useDataSinkStore((state) => state.setSearchQuery);\n  const deleteDialogOpen = useDataSinkStore((state) => state.deleteDialogOpen);\n  const refreshDialogOpen = useDataSinkStore((state) => state.refreshDialogOpen);\n  const currentDataSink = useDataSinkStore((state) => state.currentDataSink);\n  const openDeleteDialog = useDataSinkStore((state) => state.openDeleteDialog);\n  const closeDeleteDialog = useDataSinkStore((state) => state.closeDeleteDialog);\n  const openRefreshDialog = useDataSinkStore((state) => state.openRefreshDialog);\n  const closeRefreshDialog = useDataSinkStore((state) => state.closeRefreshDialog);\n\n  // Data operations\n  const { loading, error, dataSinks, deleteDataSink, refreshDataSink, refetch } = useDataSinkOperations();\n\n  // Export hook\n  const { downloadDataSink } = useExportDataSink();\n\n  // Compute filtered DataSinks with setup states\n  const dataSinksWithSetupState = useMemo(() => {\n    return dataSinks.map((ds) => ({\n      dataSink: ds,\n      setupState: getSetupState(ds),\n    }));\n  }, [dataSinks]);\n\n  // Compute filtered DataSinks\n  const filteredDataSinks = useMemo(() => {\n    let filtered = [...dataSinksWithSetupState];\n\n    if (setupStateFilter === 'in_progress') {\n      filtered = filtered.filter((item) => item.setupState !== 'completed');\n    } else if (setupStateFilter === 'completed') {\n      filtered = filtered.filter((item) => item.setupState === 'completed');\n    }\n\n    if (statusFilter !== null) {\n      filtered = filtered.filter((item) => item.dataSink.status === statusFilter);\n    }\n\n    if (activeFilter !== null) {\n      filtered = filtered.filter((item) => item.dataSink.isActive === activeFilter);\n    }\n\n    if (searchQuery.trim()) {\n      const query = searchQuery.toLowerCase();\n      filtered = filtered.filter(\n        (item) =>\n          item.dataSink.name?.toLowerCase().includes(query) ||\n          item.dataSink.key.toLowerCase().includes(query) ||\n          item.dataSink.description?.toLowerCase().includes(query)\n      );\n    }\n\n    return filtered.sort((a, b) => new Date(b.dataSink.updatedAt).getTime() - new Date(a.dataSink.updatedAt).getTime());\n  }, [dataSinksWithSetupState, setupStateFilter, statusFilter, activeFilter, searchQuery]);\n\n  // Handlers\n  const handleCreateDataSink = useCallback(() => {\n    navigate('/datasinks/new');\n  }, [navigate]);\n\n  const handleViewDataSink = useCallback(\n    (id: string) => {\n      navigate(`/datasinks/${id}`);\n    },\n    [navigate]\n  );\n\n  const handleEditDataSink = useCallback(\n    (id: string) => {\n      navigate(`/datasinks/${id}/edit`);\n    },\n    [navigate]\n  );\n\n  const handleRefreshClick = useCallback(\n    (id: string) => {\n      const dataSink = dataSinks.find((ds) => ds.id === id);\n      if (dataSink) {\n        openRefreshDialog(dataSink);\n      }\n    },\n    [dataSinks, openRefreshDialog]\n  );\n\n  const handleRefreshConfirm = useCallback(\n    async (forceRefresh: boolean) => {\n      if (currentDataSink) {\n        await refreshDataSink({\n          id: currentDataSink.id,\n          forceRefresh,\n        });\n        closeRefreshDialog();\n      }\n    },\n    [currentDataSink, refreshDataSink, closeRefreshDialog]\n  );\n\n  const handleDeleteClick = useCallback(\n    (id: string) => {\n      const dataSink = dataSinks.find((ds) => ds.id === id);\n      if (dataSink) {\n        openDeleteDialog(dataSink);\n      }\n    },\n    [dataSinks, openDeleteDialog]\n  );\n\n  const handleDeleteConfirm = useCallback(async () => {\n    if (currentDataSink) {\n      try {\n        await deleteDataSink(currentDataSink.id);\n        if (isNative()) void nativeNotify('success');\n      } catch (err) {\n        if (isNative()) void nativeNotify('error');\n        throw err;\n      }\n      closeDeleteDialog();\n    }\n  }, [currentDataSink, deleteDataSink, closeDeleteDialog]);\n\n  const handleExportDataSink = useCallback(\n    async (id: string) => {\n      const dataSink = dataSinks.find((ds) => ds.id === id);\n      if (dataSink) {\n        await downloadDataSink(id, dataSink.name || dataSink.key);\n      }\n    },\n    [dataSinks, downloadDataSink]\n  );\n\n  const handleImportDataSink = useCallback(() => {\n    setIsImportDialogOpen(true);\n  }, []);\n\n  const handleImportSuccess = useCallback(\n    (_dataSinkId: string, _dataSinkName: string | null, _wasUpdate: boolean) => {\n      // Refetch DataSinks to show the newly imported one\n      refetch();\n    },\n    [refetch]\n  );\n\n  const hasActiveFilters = useMemo(() => {\n    return setupStateFilter !== 'all' || statusFilter !== null || activeFilter !== null || searchQuery.trim() !== '';\n  }, [setupStateFilter, statusFilter, activeFilter, searchQuery]);\n\n  const handleClearFilters = useCallback(() => {\n    setSetupStateFilter('all');\n    setStatusFilter(null);\n    setActiveFilter(null);\n    setSearchQuery('');\n  }, [setStatusFilter, setActiveFilter, setSearchQuery]);\n\n  // Setup state filter options\n  const setupStateOptions: { value: SetupStateFilter; label: string }[] = [\n    { value: 'all', label: tr('bigconsole.dataSinks.filters.setupState.all', 'All') },\n    { value: 'in_progress', label: tr('bigconsole.dataSinks.filters.setupState.inProgress', 'In Progress') },\n    { value: 'completed', label: tr('bigconsole.dataSinks.filters.setupState.completed', 'Completed') },\n  ];\n\n  // Read gate — once permissions have loaded, block actors without read access.\n  if (!permissionsLoading && !canRead) {\n    return (\n      <AccessDenied\n        title={tr('bigconsole.dataSinks.accessDenied.title', 'Access Denied')}\n        description={tr(\n          'bigconsole.dataSinks.accessDenied.description',\n          \"You don't have permission to view data sinks.\"\n        )}\n      />\n    );\n  }\n\n  // The fetch-failure state is rendered inline below (inside the page body), so\n  // the header band and page purpose survive an error instead of the whole\n  // route collapsing into a standalone error card.\n  return (\n    // No `minHeight: 100vh`: the app shell already pads this content area, so a\n    // full-viewport child guaranteed ~16-24px of vertical overflow everywhere.\n    <div className=\"min-w-0\" style={{ backgroundColor: 'var(--color-bg-canvas)' }}>\n      {/* Page header strip. `border-border-seam` / `bg-gloss-card` are not\n          registered utilities in this shell — they emitted no CSS at all, so\n          this band previously rendered with neither seam nor gloss. */}\n      <header className=\"relative overflow-hidden border-b border-[var(--color-border-seam)] bg-[image:var(--gradient-gloss-card)]\">\n        <AuroraBackground intensity=\"subtle\" />\n        <div style={{ padding: 'var(--space-pagePadding)' }}>\n          <div\n            style={{\n              display: 'flex',\n              alignItems: 'center',\n              justifyContent: 'space-between',\n              gap: 'var(--space-formGap)',\n              flexWrap: 'wrap',\n            }}\n          >\n            <div\n              style={{\n                display: 'flex',\n                alignItems: 'center',\n                gap: 'var(--space-formGap)',\n                flex: '1 1 280px',\n                minWidth: 0,\n              }}\n            >\n              <div\n                style={{\n                  display: 'flex',\n                  height: 'var(--size-controlHeight-lg)',\n                  width: 'var(--size-controlHeight-lg)',\n                  alignItems: 'center',\n                  justifyContent: 'center',\n                  borderRadius: 'var(--radius-card)',\n                  backgroundColor: 'var(--color-action-primary-bg)',\n                }}\n              >\n                <Container\n                  style={{\n                    height: 'var(--size-icon-lg)',\n                    width: 'var(--size-icon-lg)',\n                    color: 'var(--color-action-primary-text)',\n                  }}\n                />\n              </div>\n              <div style={{ minWidth: 0 }}>\n                {/* text-2xl matches the builder and detail page titles — those\n                    used `text-heading-h1`, which emits no CSS in this shell. */}\n                <h1 className=\"m-0 text-2xl font-bold text-text-primary\">\n                  <GradientText>{tr('bigconsole.dataSinks.title', 'Data Sinks')}</GradientText>\n                </h1>\n                <p className=\"m-0 text-sm text-text-secondary\">\n                  {tr('bigconsole.dataSinks.subtitle', 'Manage pre-processed data from FluidGrids workflows')}\n                </p>\n              </div>\n            </div>\n\n            {/* Create + Import both require DATASINK_CREATE; omit them entirely when not permitted. */}\n            <CTAOverflowMenu\n              primary={\n                canCreate\n                  ? {\n                      label: tr('bigconsole.dataSinks.actions.create', 'Create Data Sink'),\n                      onSelect: handleCreateDataSink,\n                      icon: (\n                        <Plus\n                          style={{\n                            marginRight: 'var(--space-iconGap)',\n                            height: 'var(--size-icon-sm)',\n                            width: 'var(--size-icon-sm)',\n                          }}\n                        />\n                      ),\n                    }\n                  : undefined\n              }\n              actions={\n                canCreate\n                  ? [\n                      {\n                        label: tr('bigconsole.dataSinks.actions.import', 'Import'),\n                        onSelect: handleImportDataSink,\n                        icon: <Upload style={{ height: 'var(--size-icon-sm)', width: 'var(--size-icon-sm)' }} />,\n                      },\n                    ]\n                  : []\n              }\n            />\n          </div>\n        </div>\n      </header>\n\n      {/* Main Content */}\n      <div style={{ padding: 'var(--space-pagePadding)' }}>\n        <PagePurpose className=\"mb-[var(--space-sectionGap)]\">\n          Data sinks are the structured destinations that hold your processed data — define a schema once and every\n          pipeline, parser, and workflow can write into it. Dashboards then query sinks directly, so a sink is where\n          your data lives and where your charts read from.\n        </PagePurpose>\n\n        <SectionStack>\n          {error ? (\n            /* The header band and page purpose stay on screen, so a fetch\n               failure no longer costs the user all page identity. */\n            <Section\n              tone=\"danger\"\n              headingLevel={2}\n              title={tr('bigconsole.dataSinks.error.title', 'Failed to load Data Sinks')}\n              description={error.message}\n              icon={<AlertCircle className=\"h-icon-sm w-icon-sm\" />}\n              actions={\n                <Button size=\"sm\" onClick={() => refetch()}>\n                  {tr('bigconsole.dataSinks.error.retry', 'Try Again')}\n                </Button>\n              }\n            />\n          ) : (\n            <>\n              {/* Both filter affordances now live in one labelled block, so it\n                  is obvious that the tab strip and the search row compose. */}\n              <Section\n                headingLevel={2}\n                padding=\"compact\"\n                title={tr('bigconsole.dataSinks.filters.heading', 'Filters')}\n                description={tr(\n                  'bigconsole.dataSinks.filters.description',\n                  'Narrow the list by setup progress, status, or name.'\n                )}\n                bodyClassName=\"space-y-form-gap\"\n              >\n                <>\n                  {/* Setup State Filter Tabs */}\n                  <div\n                    role=\"group\"\n                    aria-label={tr('bigconsole.dataSinks.filters.setupState.label', 'Setup state')}\n                    style={{\n                      display: 'flex',\n                      alignItems: 'center',\n                      flexWrap: 'wrap',\n                      gap: '2px',\n                      padding: '4px',\n                      backgroundColor: 'var(--color-bg-sunken)',\n                      borderRadius: 'var(--radius-card)',\n                      maxWidth: '100%',\n                      width: 'fit-content',\n                    }}\n                  >\n                    {setupStateOptions.map((option) => (\n                      <button\n                        key={option.value}\n                        type=\"button\"\n                        aria-pressed={setupStateFilter === option.value}\n                        onClick={() => setSetupStateFilter(option.value)}\n                        className={SECTION_FOCUS_RING}\n                        style={{\n                          minHeight: 'var(--size-controlHeight-md)',\n                          padding: 'var(--space-controlGap) var(--space-formGap)',\n                          fontSize: 'var(--font-size-body-sm)',\n                          fontWeight: 'var(--font-weight-medium)',\n                          borderRadius: 'var(--radius-button)',\n                          border: 'none',\n                          cursor: 'pointer',\n                          backgroundColor:\n                            setupStateFilter === option.value ? 'var(--color-bg-surface)' : 'transparent',\n                          color:\n                            setupStateFilter === option.value\n                              ? 'var(--color-text-primary)'\n                              : 'var(--color-text-secondary)',\n                          // Was a raw `rgba(0,0,0,0.05)` literal.\n                          boxShadow: setupStateFilter === option.value ? 'var(--shadow-elevation-1)' : 'none',\n                        }}\n                      >\n                        {option.label}\n                      </button>\n                    ))}\n                  </div>\n\n                  {/* Search and Filters Row */}\n                  <div\n                    style={{\n                      display: 'flex',\n                      alignItems: 'center',\n                      gap: 'var(--space-controlGap)',\n                      flexWrap: 'wrap',\n                    }}\n                  >\n                    {/* Search Bar */}\n                    <div\n                      style={{\n                        position: 'relative',\n                        maxWidth: '400px',\n                        minWidth: 'min(100%, 240px)',\n                        flex: '1 1 240px',\n                      }}\n                    >\n                      <Search\n                        style={{\n                          position: 'absolute',\n                          left: 'var(--space-controlGap)',\n                          top: '50%',\n                          transform: 'translateY(-50%)',\n                          height: 'var(--size-icon-sm)',\n                          width: 'var(--size-icon-sm)',\n                          color: 'var(--color-text-muted)',\n                        }}\n                      />\n                      <Input\n                        type=\"text\"\n                        placeholder={tr('bigconsole.dataSinks.search.placeholder', 'Search data sinks...')}\n                        value={searchQuery}\n                        onChange={(e) => setSearchQuery(e.target.value)}\n                        style={{ paddingLeft: 'var(--size-controlHeight-md)', height: 'var(--size-controlHeight-md)' }}\n                      />\n                    </div>\n\n                    {/* Status Filter */}\n                    <Select\n                      value={statusFilter || 'all'}\n                      onValueChange={(value) =>\n                        setStatusFilter(value === 'all' ? null : (value as 'ready' | 'error' | 'stale' | 'refreshing'))\n                      }\n                    >\n                      <SelectTrigger style={{ width: 'min(100%, 150px)' }}>\n                        <SelectValue\n                          placeholder={tr('bigconsole.dataSinks.filters.status.placeholder', 'All Statuses')}\n                        />\n                      </SelectTrigger>\n                      <SelectContent>\n                        <SelectItem value=\"all\">\n                          {tr('bigconsole.dataSinks.filters.status.all', 'All Statuses')}\n                        </SelectItem>\n                        <SelectItem value=\"ready\">\n                          {tr('bigconsole.dataSinks.filters.status.ready', 'Ready')}\n                        </SelectItem>\n                        <SelectItem value=\"error\">\n                          {tr('bigconsole.dataSinks.filters.status.error', 'Error')}\n                        </SelectItem>\n                        <SelectItem value=\"stale\">\n                          {tr('bigconsole.dataSinks.filters.status.stale', 'Stale')}\n                        </SelectItem>\n                        <SelectItem value=\"refreshing\">\n                          {tr('bigconsole.dataSinks.filters.status.refreshing', 'Refreshing')}\n                        </SelectItem>\n                      </SelectContent>\n                    </Select>\n\n                    {/* Active Filter */}\n                    <Select\n                      value={activeFilter === null ? 'all' : activeFilter ? 'true' : 'false'}\n                      onValueChange={(value) => setActiveFilter(value === 'all' ? null : value === 'true')}\n                    >\n                      <SelectTrigger style={{ width: 'min(100%, 130px)' }}>\n                        <SelectValue placeholder={tr('bigconsole.dataSinks.filters.active.placeholder', 'All')} />\n                      </SelectTrigger>\n                      <SelectContent>\n                        <SelectItem value=\"all\">{tr('bigconsole.dataSinks.filters.active.all', 'All')}</SelectItem>\n                        <SelectItem value=\"true\">\n                          {tr('bigconsole.dataSinks.filters.active.active', 'Active')}\n                        </SelectItem>\n                        <SelectItem value=\"false\">\n                          {tr('bigconsole.dataSinks.filters.active.inactive', 'Inactive')}\n                        </SelectItem>\n                      </SelectContent>\n                    </Select>\n\n                    {/* Clear Filters */}\n                    {hasActiveFilters && (\n                      <Button variant=\"ghost\" size=\"sm\" onClick={handleClearFilters}>\n                        <X\n                          style={{\n                            marginRight: 'var(--space-iconGap)',\n                            height: 'var(--size-icon-sm)',\n                            width: 'var(--size-icon-sm)',\n                          }}\n                        />\n                        {tr('bigconsole.dataSinks.filters.clear', 'Clear Filters')}\n                      </Button>\n                    )}\n                  </div>\n                </>\n              </Section>\n\n              {/* The point of this route. The result count and the view toggle\n                  belong to the results, not to the filters — moving them here\n                  also removes the `margin-left: auto` that jumped to the left\n                  edge as soon as the filter row wrapped. */}\n              <Section\n                emphasis=\"primary\"\n                headingLevel={2}\n                title={tr('bigconsole.dataSinks.list.heading', 'Data sinks')}\n                description={tr(\n                  'bigconsole.dataSinks.list.description',\n                  'Every sink in this workspace, most recently updated first.'\n                )}\n                meta={\n                  <Badge variant=\"secondary\">\n                    {filteredDataSinks.length}{' '}\n                    {filteredDataSinks.length === 1\n                      ? tr('bigconsole.dataSinks.count.single', 'Data Sink')\n                      : tr('bigconsole.dataSinks.count.plural', 'Data Sinks')}\n                  </Badge>\n                }\n                actions={\n                  <div\n                    role=\"group\"\n                    aria-label={tr('bigconsole.dataSinks.view.label', 'List layout')}\n                    style={{\n                      display: 'flex',\n                      borderRadius: 'var(--radius-button)',\n                      border: '1px solid var(--color-border)',\n                      overflow: 'hidden',\n                    }}\n                  >\n                    <button\n                      type=\"button\"\n                      onClick={() => toggleViewMode('grid')}\n                      aria-pressed={viewMode === 'grid'}\n                      title={tr('bigconsole.dataSinks.view.grid', 'Grid view')}\n                      className={`flex h-control-md w-[var(--size-controlHeight-md)] items-center justify-center ${SECTION_FOCUS_RING} ${SEGMENT_RING_FIX}`}\n                      style={{\n                        border: 'none',\n                        cursor: 'pointer',\n                        backgroundColor: viewMode === 'grid' ? 'var(--color-bg-sunken)' : 'transparent',\n                        color: viewMode === 'grid' ? 'var(--color-text-primary)' : 'var(--color-text-muted)',\n                      }}\n                    >\n                      <LayoutGrid size={16} />\n                    </button>\n                    <button\n                      type=\"button\"\n                      onClick={() => toggleViewMode('table')}\n                      aria-pressed={viewMode === 'table'}\n                      title={tr('bigconsole.dataSinks.view.table', 'Table view')}\n                      className={`flex h-control-md w-[var(--size-controlHeight-md)] items-center justify-center ${SECTION_FOCUS_RING} ${SEGMENT_RING_FIX}`}\n                      style={{\n                        border: 'none',\n                        borderLeft: '1px solid var(--color-border)',\n                        cursor: 'pointer',\n                        backgroundColor: viewMode === 'table' ? 'var(--color-bg-sunken)' : 'transparent',\n                        color: viewMode === 'table' ? 'var(--color-text-primary)' : 'var(--color-text-muted)',\n                      }}\n                    >\n                      <Table2 size={16} />\n                    </button>\n                  </div>\n                }\n              >\n                <>\n                  {/* Loading state */}\n                  {loading && dataSinks.length === 0 && (\n                    <div className=\"flex items-center justify-center py-12\">\n                      <div style={{ textAlign: 'center' }}>\n                        <Spinner\n                          style={{\n                            height: 'var(--size-icon-xl)',\n                            width: 'var(--size-icon-xl)',\n                            margin: '0 auto var(--space-formGap)',\n                          }}\n                        />\n                        <p className=\"text-sm text-text-muted\">\n                          {tr('bigconsole.dataSinks.loading', 'Loading data sinks...')}\n                        </p>\n                      </div>\n                    </div>\n                  )}\n\n                  {/* Empty state — no GlassCard: the zero-data state should not\n                      be more emphasised than the content it replaces. */}\n                  {!loading && dataSinks.length === 0 && (\n                    <IllustratedEmptyState\n                      illustration=\"empty-data\"\n                      title={tr('bigconsole.dataSinks.empty.title', 'No Data Sinks yet')}\n                      description={tr(\n                        'bigconsole.dataSinks.empty.description',\n                        'Data Sinks store pre-processed data from FluidGrids workflows for fast access in widgets.'\n                      )}\n                      action={\n                        <PermissionButton permission={BIGCONSOLE_PERMISSIONS.DATASINK_CREATE} deniedBehavior=\"disable\">\n                          <Button onClick={handleCreateDataSink}>\n                            <Plus\n                              style={{\n                                marginRight: 'var(--space-iconGap)',\n                                height: 'var(--size-icon-sm)',\n                                width: 'var(--size-icon-sm)',\n                              }}\n                            />\n                            {tr('bigconsole.dataSinks.actions.create', 'Create Data Sink')}\n                          </Button>\n                        </PermissionButton>\n                      }\n                    />\n                  )}\n\n                  {/* No results state — an info tone, so \"you have none\" and\n                      \"your filter matched none\" are no longer identical. */}\n                  {!loading && filteredDataSinks.length === 0 && dataSinks.length > 0 && (\n                    <Section\n                      tone=\"info\"\n                      emphasis=\"muted\"\n                      padding=\"compact\"\n                      headingLevel={3}\n                      title={tr('bigconsole.dataSinks.empty.filteredTitle', 'No matching data sinks')}\n                      description={tr('bigconsole.dataSinks.empty.filtered', 'No data sinks match your filters')}\n                      actions={\n                        <Button variant=\"secondary\" size=\"sm\" onClick={handleClearFilters}>\n                          {tr('bigconsole.dataSinks.filters.clear', 'Clear Filters')}\n                        </Button>\n                      }\n                    />\n                  )}\n\n                  {/* DataSink Grid */}\n                  {filteredDataSinks.length > 0 && viewMode === 'grid' && (\n                    <div\n                      style={{\n                        display: 'grid',\n                        gridTemplateColumns: 'repeat(auto-fill, minmax(min(100%, 320px), 1fr))',\n                        gap: 'var(--space-formGap)',\n                      }}\n                    >\n                      {filteredDataSinks.map((item) => (\n                        <DataSinkCard\n                          key={item.dataSink.id}\n                          dataSink={item.dataSink}\n                          setupState={item.setupState}\n                          onView={handleViewDataSink}\n                          onEdit={handleEditDataSink}\n                          onRefresh={handleRefreshClick}\n                          onExport={handleExportDataSink}\n                          onDelete={handleDeleteClick}\n                          canEdit={canUpdate}\n                          canRefresh={canExecute}\n                          canDelete={canDelete}\n                        />\n                      ))}\n                    </div>\n                  )}\n\n                  {/* Table View. The section already draws the boundary, so the\n                      table no longer nests a second border inside it. */}\n                  {filteredDataSinks.length > 0 && viewMode === 'table' && (\n                    <div className=\"min-w-0\" style={{ overflowX: 'auto' }}>\n                      <table\n                        style={{ width: '100%', borderCollapse: 'collapse', fontSize: 'var(--font-size-body-sm)' }}\n                      >\n                        <thead>\n                          <tr\n                            style={{\n                              backgroundColor: 'var(--color-bg-sunken)',\n                              borderBottom: '1px solid var(--color-border)',\n                            }}\n                          >\n                            <th\n                              style={{\n                                padding: '10px 12px',\n                                textAlign: 'left',\n                                fontWeight: 'var(--font-weight-medium)',\n                                color: 'var(--color-text-secondary)',\n                                whiteSpace: 'nowrap',\n                              }}\n                            >\n                              {tr('bigconsole.dataSinks.table.name', 'Name')}\n                            </th>\n                            <th\n                              style={{\n                                padding: '10px 12px',\n                                textAlign: 'left',\n                                fontWeight: 'var(--font-weight-medium)',\n                                color: 'var(--color-text-secondary)',\n                                whiteSpace: 'nowrap',\n                              }}\n                            >\n                              {tr('bigconsole.dataSinks.table.key', 'Key')}\n                            </th>\n                            <th\n                              style={{\n                                padding: '10px 12px',\n                                textAlign: 'left',\n                                fontWeight: 'var(--font-weight-medium)',\n                                color: 'var(--color-text-secondary)',\n                                whiteSpace: 'nowrap',\n                              }}\n                            >\n                              {tr('bigconsole.dataSinks.table.status', 'Status')}\n                            </th>\n                            <th\n                              style={{\n                                padding: '10px 12px',\n                                textAlign: 'left',\n                                fontWeight: 'var(--font-weight-medium)',\n                                color: 'var(--color-text-secondary)',\n                                whiteSpace: 'nowrap',\n                              }}\n                            >\n                              {tr('bigconsole.dataSinks.table.setup', 'Setup')}\n                            </th>\n                            <th\n                              style={{\n                                padding: '10px 12px',\n                                textAlign: 'center',\n                                fontWeight: 'var(--font-weight-medium)',\n                                color: 'var(--color-text-secondary)',\n                                whiteSpace: 'nowrap',\n                              }}\n                            >\n                              {tr('bigconsole.dataSinks.table.active', 'Active')}\n                            </th>\n                            <th\n                              style={{\n                                padding: '10px 12px',\n                                textAlign: 'left',\n                                fontWeight: 'var(--font-weight-medium)',\n                                color: 'var(--color-text-secondary)',\n                                whiteSpace: 'nowrap',\n                              }}\n                            >\n                              {tr('bigconsole.dataSinks.table.version', 'Version')}\n                            </th>\n                            {/* Size and Last refreshed were already fetched by\n                                DataSinkListItem (`sizeBytes`, `lastRefreshedAt`)\n                                and thrown away — they are the two facts that say\n                                whether a sink is worth opening. */}\n                            <th\n                              style={{\n                                padding: '10px 12px',\n                                textAlign: 'right',\n                                fontWeight: 'var(--font-weight-medium)',\n                                color: 'var(--color-text-secondary)',\n                                whiteSpace: 'nowrap',\n                              }}\n                            >\n                              {tr('bigconsole.dataSinks.table.size', 'Size')}\n                            </th>\n                            <th\n                              style={{\n                                padding: '10px 12px',\n                                textAlign: 'left',\n                                fontWeight: 'var(--font-weight-medium)',\n                                color: 'var(--color-text-secondary)',\n                                whiteSpace: 'nowrap',\n                              }}\n                            >\n                              {tr('bigconsole.dataSinks.table.lastRefreshed', 'Last refreshed')}\n                            </th>\n                            <th\n                              style={{\n                                padding: '10px 12px',\n                                textAlign: 'left',\n                                fontWeight: 'var(--font-weight-medium)',\n                                color: 'var(--color-text-secondary)',\n                                whiteSpace: 'nowrap',\n                              }}\n                            >\n                              {tr('bigconsole.dataSinks.table.updated', 'Updated')}\n                            </th>\n                            <th\n                              style={{\n                                padding: '10px 12px',\n                                textAlign: 'right',\n                                fontWeight: 'var(--font-weight-medium)',\n                                color: 'var(--color-text-secondary)',\n                                whiteSpace: 'nowrap',\n                              }}\n                            >\n                              {tr('bigconsole.dataSinks.table.actions', 'Actions')}\n                            </th>\n                          </tr>\n                        </thead>\n                        <tbody>\n                          {filteredDataSinks.map((item) => {\n                            const ds = item.dataSink;\n                            return (\n                              <tr\n                                key={ds.id}\n                                onClick={() => handleViewDataSink(ds.id)}\n                                // Hover was JS-driven, so it ignored theme and the OS\n                                // reduce-motion setting and stuck after a tap on touch.\n                                className=\"cursor-pointer hover:bg-bg-sunken motion-safe:transition-colors\"\n                                style={{ borderBottom: '1px solid var(--color-border)' }}\n                              >\n                                <td\n                                  style={{\n                                    padding: '10px 12px',\n                                    fontWeight: 'var(--font-weight-medium)',\n                                    color: 'var(--color-text-primary)',\n                                    maxWidth: 200,\n                                    overflow: 'hidden',\n                                    textOverflow: 'ellipsis',\n                                    whiteSpace: 'nowrap',\n                                  }}\n                                >\n                                  {ds.name || ds.key}\n                                </td>\n                                <td\n                                  style={{\n                                    padding: '10px 12px',\n                                    color: 'var(--color-text-muted)',\n                                    fontFamily: 'monospace',\n                                    fontSize: '12px',\n                                    maxWidth: 160,\n                                    overflow: 'hidden',\n                                    textOverflow: 'ellipsis',\n                                    whiteSpace: 'nowrap',\n                                  }}\n                                >\n                                  {ds.key}\n                                </td>\n                                <td style={{ padding: '10px 12px' }}>\n                                  <DataSinkStatusBadge status={ds.status} />\n                                </td>\n                                <td style={{ padding: '10px 12px' }}>\n                                  <SetupStateBadge state={item.setupState} />\n                                </td>\n                                <td style={{ padding: '10px 12px', textAlign: 'center' }}>\n                                  <span\n                                    style={{\n                                      display: 'inline-block',\n                                      width: 8,\n                                      height: 8,\n                                      borderRadius: '50%',\n                                      // Was a raw `#22c55e` literal.\n                                      backgroundColor: ds.isActive\n                                        ? 'var(--color-status-success-bg)'\n                                        : 'var(--color-text-muted)',\n                                    }}\n                                    title={\n                                      ds.isActive\n                                        ? tr('bigconsole.dataSinks.badges.active', 'Active')\n                                        : tr('bigconsole.dataSinks.badges.inactive', 'Inactive')\n                                    }\n                                  />\n                                </td>\n                                <td style={{ padding: '10px 12px', color: 'var(--color-text-muted)' }}>\n                                  v{ds.version ?? 0}\n                                </td>\n                                <td\n                                  style={{\n                                    padding: '10px 12px',\n                                    color: 'var(--color-text-muted)',\n                                    textAlign: 'right',\n                                    whiteSpace: 'nowrap',\n                                    fontVariantNumeric: 'tabular-nums',\n                                  }}\n                                >\n                                  {formatByteSize(ds.sizeBytes)}\n                                </td>\n                                <td\n                                  style={{\n                                    padding: '10px 12px',\n                                    color: 'var(--color-text-muted)',\n                                    whiteSpace: 'nowrap',\n                                  }}\n                                  title={ds.lastRefreshedAt ? new Date(ds.lastRefreshedAt).toLocaleString() : undefined}\n                                >\n                                  {formatLastRefreshed(ds.lastRefreshedAt)}\n                                </td>\n                                <td\n                                  style={{\n                                    padding: '10px 12px',\n                                    color: 'var(--color-text-muted)',\n                                    whiteSpace: 'nowrap',\n                                  }}\n                                >\n                                  {new Date(ds.updatedAt).toLocaleDateString()}\n                                </td>\n                                <td style={{ padding: '10px 12px', textAlign: 'right' }}>\n                                  <div\n                                    style={{ display: 'flex', gap: 4, justifyContent: 'flex-end' }}\n                                    onClick={(e) => e.stopPropagation()}\n                                  >\n                                    <button\n                                      type=\"button\"\n                                      title={tr('bigconsole.dataSinks.actions.view', 'View')}\n                                      aria-label={tr('bigconsole.dataSinks.actions.view', 'View')}\n                                      onClick={() => handleViewDataSink(ds.id)}\n                                      className={TABLE_ICON_BUTTON}\n                                    >\n                                      <Eye size={14} />\n                                    </button>\n                                    {canUpdate && (\n                                      <button\n                                        type=\"button\"\n                                        title={tr('bigconsole.dataSinks.actions.edit', 'Edit')}\n                                        aria-label={tr('bigconsole.dataSinks.actions.edit', 'Edit')}\n                                        onClick={() => handleEditDataSink(ds.id)}\n                                        className={TABLE_ICON_BUTTON}\n                                      >\n                                        <Pencil size={14} />\n                                      </button>\n                                    )}\n                                    {canExecute && (\n                                      <button\n                                        type=\"button\"\n                                        title={tr('bigconsole.dataSinks.actions.refresh', 'Refresh')}\n                                        aria-label={tr('bigconsole.dataSinks.actions.refresh', 'Refresh')}\n                                        onClick={() => handleRefreshClick(ds.id)}\n                                        className={TABLE_ICON_BUTTON}\n                                      >\n                                        <RefreshCw size={14} />\n                                      </button>\n                                    )}\n                                    <button\n                                      type=\"button\"\n                                      title={tr('bigconsole.dataSinks.actions.export', 'Export')}\n                                      aria-label={tr('bigconsole.dataSinks.actions.export', 'Export')}\n                                      onClick={() => handleExportDataSink(ds.id)}\n                                      className={TABLE_ICON_BUTTON}\n                                    >\n                                      <Download size={14} />\n                                    </button>\n                                    {canDelete && (\n                                      <button\n                                        type=\"button\"\n                                        title={tr('bigconsole.dataSinks.actions.delete', 'Delete')}\n                                        aria-label={tr('bigconsole.dataSinks.actions.delete', 'Delete')}\n                                        onClick={() => handleDeleteClick(ds.id)}\n                                        className={TABLE_ICON_BUTTON}\n                                      >\n                                        <Trash2 size={14} />\n                                      </button>\n                                    )}\n                                  </div>\n                                </td>\n                              </tr>\n                            );\n                          })}\n                        </tbody>\n                      </table>\n                    </div>\n                  )}\n                </>\n              </Section>\n            </>\n          )}\n        </SectionStack>\n      </div>\n\n      {/* Dialogs */}\n      {currentDataSink && (\n        <>\n          <DataSinkDeleteDialog\n            dataSink={currentDataSink}\n            isOpen={deleteDialogOpen}\n            onClose={closeDeleteDialog}\n            onConfirm={handleDeleteConfirm}\n          />\n\n          <DataSinkRefreshDialog\n            dataSink={currentDataSink}\n            isOpen={refreshDialogOpen}\n            onClose={closeRefreshDialog}\n            onConfirm={handleRefreshConfirm}\n          />\n        </>\n      )}\n\n      {/* Import DataSink Dialog */}\n      <ImportDataSinkDialog\n        isOpen={isImportDialogOpen}\n        onClose={() => setIsImportDialogOpen(false)}\n        onSuccess={handleImportSuccess}\n      />\n    </div>\n  );\n});\n\nexport default DataSinksPage;\n"],"mappings":"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"}

package/dist/bigconsole/pages/DataSourcesPage.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"DataSourcesPage.d.ts","sourceRoot":"","sources":["../../../src/bigconsole/pages/DataSourcesPage.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAMH,wBAAgB,eAAe,gCAgB9B;AAED,eAAe,eAAe,CAAC"}

package/dist/bigconsole/pages/DataSourcesPage.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"DataSourcesPage.js","names":[],"sources":["../../../src/bigconsole/pages/DataSourcesPage.tsx"],"sourcesContent":["/**\n * DataSourcesPage\n *\n * Data Sources were architecturally replaced by DataSinks in the v2.0\n * pipeline refactor (BOFF-1754). This page redirects users to the\n * DataSinks page which is the primary data connection management UI.\n */\n\nimport { useEffect } from 'react';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\nimport { useAppNavigate } from '../contexts';\n\nexport function DataSourcesPage() {\n  const navigate = useAppNavigate();\n  const { t } = useI18n();\n\n  useEffect(() => {\n    navigate('/datasinks', { replace: true });\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []); // Run once on mount - navigate is stable (memoized)\n\n  return (\n    <div className=\"p-card-padding\">\n      <p role=\"status\" aria-live=\"polite\" className=\"text-sm text-text-secondary\">\n        {t('bigconsole.dataSinks.redirecting', 'Redirecting to DataSinks...')}\n      </p>\n    </div>\n  );\n}\n\nexport default DataSourcesPage;\n"],"mappings":";;;;;;AAYA,SAAgB,IAAkB;CAChC,IAAM,IAAW,GAAgB,EAC3B,EAAE,SAAM,GAAS;AAOvB,QALA,QAAgB;AACd,IAAS,cAAc,EAAE,SAAS,IAAM,CAAC;IAExC,EAAE,CAAC,EAGJ,kBAAC,OAAD;EAAK,WAAU;YACb,kBAAC,KAAD;GAAG,MAAK;GAAS,aAAU;GAAS,WAAU;aAC3C,EAAE,oCAAoC,8BAA8B;GACnE,CAAA;EACA,CAAA"}

package/dist/bigconsole/pages/InsightsPage.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"InsightsPage.d.ts","sourceRoot":"","sources":["../../../src/bigconsole/pages/InsightsPage.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AAEH,OAAO,EAAsB,KAAK,EAAE,EAA0C,MAAM,OAAO,CAAC;AAU5F,OAAO,4BAA4B,CAAC;AAugBpC,eAAO,MAAM,YAAY,EAAE,EAw2CzB,CAAC;AAEH,eAAe,YAAY,CAAC"}