npm - @burdenoff/microfe-bigconsole - Versions diffs - 2026.924.2 → 2026.925.1 - Mend

@burdenoff/microfe-bigconsole 2026.924.2 → 2026.925.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (134) hide show

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

	@@ -1 +1 @@
1	- {"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 { 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 { AccessDenied, PermissionButton } from '@burdenoff/fe-libs/shared/components';\nimport { BIGCONSOLE_PERMISSIONS } from '../../constants/permissions';\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: 300, // 5 minutes default\n refresh: {\n type: 'manual',\n },\n data: '{}', // Default empty JSON object\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 setForm({\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 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 navigate('/datasinks');\n } catch (err) {\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-3xl 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-3xl 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 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=\"space-y-form-gap\"\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 type=\"button\" onClick={handleCopyKey} variant=\"outline\" size=\"sm\" className=\"px-3\">\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\">\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=\"space-y-form-gap\"\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 "Show data" 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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"}
1	+ {"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 { 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 { AccessDenied, PermissionButton } from '@burdenoff/fe-libs/shared/components';\nimport { BIGCONSOLE_PERMISSIONS } from '../../constants/permissions';\nimport { reportBigConsoleQuotaError } from '../utils/quota';\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: 300, // 5 minutes default\n refresh: {\n type: 'manual',\n },\n data: '{}', // Default empty JSON object\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 setForm({\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 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 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-3xl 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-3xl 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 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=\"space-y-form-gap\"\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 type=\"button\" onClick={handleCopyKey} variant=\"outline\" size=\"sm\" className=\"px-3\">\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\">\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=\"space-y-form-gap\"\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 "Show data" 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.js CHANGED Viewed

@@ -1,19 +1,19 @@
 import { useDataSinkStore as e } from "../store/dataSinkStore.js";
 import { useAppNavigate as t } from "../contexts/NavigationContext.js";
 import "../contexts/index.js";
+import { newWorkflowPath as n } from "../BigConsoleRoutes.js";
 import "../components/common/sectionStyles.js";
-import { Section as n, SectionStack as ee } from "../components/common/Section.js";
+import { Section as r, SectionStack as ee } from "../components/common/Section.js";
 import "../components/common/index.js";
-import { newWorkflowPath as te } from "../BigConsoleRoutes.js";
-import ne from "../components/datasink/DataSinkTableViewer.js";
-import re from "../hooks/useDataSinkOperations.js";
-import { BIGCONSOLE_PERMISSIONS as r } from "../../constants/permissions.js";
-import i from "../components/datasink/DataSinkStatusBadge.js";
-import { isNative as a, nativeConfirm as ie, nativeImpact as ae, nativeNotify as o } from "../../utils/nativeBridge.js";
-import oe from "../hooks/useDataSinkSubscription.js";
-import se from "../components/datasink/DataSinkDataViewer.js";
-import ce from "../components/datasink/LinkedWorkflowsPanel.js";
-import s from "../components/datasink/LinkedParsersPanel.js";
+import te from "../components/datasink/DataSinkTableViewer.js";
+import ne from "../hooks/useDataSinkOperations.js";
+import { BIGCONSOLE_PERMISSIONS as i } from "../../constants/permissions.js";
+import a from "../components/datasink/DataSinkStatusBadge.js";
+import { isNative as o, nativeConfirm as re, nativeImpact as ie, nativeNotify as s } from "../../utils/nativeBridge.js";
+import ae from "../hooks/useDataSinkSubscription.js";
+import oe from "../components/datasink/DataSinkDataViewer.js";
+import se from "../components/datasink/LinkedWorkflowsPanel.js";
+import ce from "../components/datasink/LinkedParsersPanel.js";
 import le from "../components/datasink/WorkflowStatusPanel.js";
 import ue from "../components/datasink/ExportDataSinkDialog.js";
 import de from "../components/datasink/ImportDataGuideDialog.js";
@@ -22,14 +22,14 @@ import { useParams as pe } from "react-router";
 import { AccessDenied as me, PermissionButton as d } from "@burdenoff/fe-libs/shared/components";
 import { usePermissions as he } from "@burdenoff/fe-libs/shared/providers/shell";
 import { AlertCircle as ge, ArrowLeft as f, Code as _e, Database as p, Download as ve, Edit as ye, Eye as be, EyeOff as xe, Grid3X3 as Se, Loader2 as m, RefreshCw as Ce, Trash2 as we, Upload as h } from "lucide-react";
-import { useI18n as Te } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
-import { Button as g, IllustratedEmptyState as Ee, NextSteps as De, PagePurpose as Oe } from "@burdenoff/fe-libs/ui";
+import { Button as g, IllustratedEmptyState as Te, NextSteps as Ee, PagePurpose as De } from "@burdenoff/fe-libs/ui";
 import { Fragment as _, jsx as v, jsxs as y } from "react/jsx-runtime";
+import { useI18n as Oe } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
 import { formatDistanceToNow as b } from "date-fns";
 //#region src/bigconsole/pages/DataSinkViewPage.tsx
 var x = "focus-visible:ring-inset focus-visible:ring-offset-0", S = c(function() {
-	let { dataSinkId: c } = pe(), S = t(), { t: C } = Te(), { hasPermission: ke, isLoading: w } = he(), Ae = ke(r.DATASINK_READ), [T, E] = u(!1), [D, O] = u(!1), [k, A] = u(!1), [je, j] = u(!1), [Me, M] = u(!1), [N, Ne] = u(null), [P, F] = u(!1), [I, L] = u("table"), [R, Pe] = u(100), [z, Fe] = u(0), [B, Ie] = u(null), [Le, Re] = u(!1), V = e((e) => c ? e.dataSinks.get(c) : void 0), { loading: ze, error: H, fetchDataSink: U, getDataSinkData: W, refreshDataSink: G, updateDataSink: K, deleteDataSink: q } = re({ skipFetch: !0 });
-	oe({
+	let { dataSinkId: c } = pe(), S = t(), { t: C } = Oe(), { hasPermission: ke, isLoading: Ae } = he(), je = ke(i.DATASINK_READ), [w, T] = u(!1), [E, D] = u(!1), [O, k] = u(!1), [Me, A] = u(!1), [Ne, j] = u(!1), [M, Pe] = u(null), [N, P] = u(!1), [F, I] = u("table"), [L, Fe] = u(100), [R, Ie] = u(0), [z, B] = u(null), [Le, Re] = u(!1), V = e((e) => c ? e.dataSinks.get(c) : void 0), { loading: ze, error: H, fetchDataSink: U, getDataSinkData: W, refreshDataSink: G, updateDataSink: K, deleteDataSink: q } = ne({ skipFetch: !0 });
+	ae({
 		dataSinkId: c,
 		enabled: !!c
 	}), fe(() => {
@@ -41,29 +41,29 @@ var x = "focus-visible:ring-inset focus-visible:ring-offset-0", S = c(function()
 		S(`/datasinks/${c}/edit`);
 	}, [S, c]), Y = l(async () => {
 		if (c) {
-			O(!0);
+			D(!0);
 			try {
 				await G({ id: c });
 			} catch {} finally {
-				O(!1);
+				D(!1);
 			}
 		}
 	}, [c, G]), Ve = l(async () => {
 		if (!c) return;
-		let e = await ie({
+		let e = await re({
 			title: C("bigconsole.dataSinks.view.deleteConfirmTitle", "Delete DataSink?"),
 			message: C("bigconsole.dataSinks.view.deleteConfirmMessage", "Are you sure you want to delete this DataSink?"),
 			okButtonTitle: C("bigconsole.dataSinks.view.delete", "Delete"),
 			cancelButtonTitle: C("bigconsole.dataSinks.view.cancel", "Cancel")
 		});
 		if (e === null ? window.confirm(C("bigconsole.dataSinks.view.deleteConfirmMessage", "Are you sure you want to delete this DataSink?")) : e) {
-			ae("medium"), A(!0);
+			ie("medium"), k(!0);
 			try {
-				await q(c), a() && o("success"), S("/datasinks");
+				await q(c), o() && s("success"), S("/datasinks");
 			} catch {
-				a() && o("error");
+				o() && s("error");
 			} finally {
-				A(!1);
+				k(!1);
 			}
 		}
 	}, [
@@ -73,42 +73,42 @@ var x = "focus-visible:ring-inset focus-visible:ring-offset-0", S = c(function()
 		C
 	]), X = l(async (e, t) => {
 		if (c) {
-			F(!0);
+			P(!0);
 			try {
 				let n = await W({ id: c }, {
 					limit: t,
 					offset: e
 				});
-				n && (Ne(n.raw || {}), Ie(typeof n.totalCount == "number" ? n.totalCount : null), Re(!!n.hasMore), Fe(e));
+				n && (Pe(n.raw || {}), B(typeof n.totalCount == "number" ? n.totalCount : null), Re(!!n.hasMore), Ie(e));
 			} catch {} finally {
-				F(!1);
+				P(!1);
 			}
 		}
 	}, [c, W]), Z = l(async () => {
 		if (c) {
-			if (T) {
-				E(!1);
+			if (w) {
+				T(!1);
 				return;
 			}
-			await X(0, R), E(!0);
+			await X(0, L), T(!0);
 		}
 	}, [
 		c,
-		T,
+		w,
 		X,
-		R
+		L
 	]), He = l((e) => {
-		Pe(e), X(0, e);
+		Fe(e), X(0, e);
 	}, [X]), Q = l(() => {
-		j(!0);
+		A(!0);
 	}, []), Ue = l(() => {
-		j(!1);
+		A(!1);
 	}, []), $ = l(() => {
-		M(!0);
+		j(!0);
 	}, []), We = l(() => {
-		M(!1);
+		j(!1);
 	}, []), Ge = l(() => {
-		M(!1), S(te());
+		j(!1), S(n());
 	}, [S]), Ke = l(async (e) => {
 		if (!V || !await K({
 			id: V.id,
@@ -116,21 +116,21 @@ var x = "focus-visible:ring-inset focus-visible:ring-offset-0", S = c(function()
 			data: e
 		})) return !1;
 		try {
-			await X(0, R), E(!0);
+			await X(0, L), T(!0);
 		} catch {}
 		return !0;
 	}, [
 		V,
 		K,
 		X,
-		R
+		L
 	]);
 	return ze && !V ? /* @__PURE__ */ v("div", {
 		className: "flex min-h-[240px] items-center justify-center p-card-padding",
 		children: /* @__PURE__ */ v(m, { className: "h-icon-lg w-icon-lg animate-spin text-text-secondary" })
 	}) : H && !V ? /* @__PURE__ */ v("div", {
 		className: "p-card-padding",
-		children: /* @__PURE__ */ v(n, {
+		children: /* @__PURE__ */ v(r, {
 			tone: "danger",
 			headingLevel: 2,
 			title: C("bigconsole.dataSinks.view.loadError", "Failed to load DataSink"),
@@ -143,7 +143,7 @@ var x = "focus-visible:ring-inset focus-visible:ring-offset-0", S = c(function()
 				children: [/* @__PURE__ */ v(f, { className: "w-4 h-4 mr-2" }), C("bigconsole.dataSinks.view.goBack", "Go back")]
 			})
 		})
-	}) : !w && !Ae ? /* @__PURE__ */ v(me, {
+	}) : !Ae && !je ? /* @__PURE__ */ v(me, {
 		title: C("bigconsole.dataSinks.view.accessDeniedTitle", "Access Denied"),
 		description: C("bigconsole.dataSinks.view.accessDeniedDescription", "You don't have permission to view this data sink.")
 	}) : V ? /* @__PURE__ */ y("div", {
@@ -166,7 +166,7 @@ var x = "focus-visible:ring-inset focus-visible:ring-offset-0", S = c(function()
 							children: [/* @__PURE__ */ v("h1", {
 								className: "text-2xl font-bold text-text-primary",
 								children: V.name || C("bigconsole.dataSinks.view.untitled", "Untitled")
-							}), /* @__PURE__ */ v(i, { status: V.status })]
+							}), /* @__PURE__ */ v(a, { status: V.status })]
 						}),
 						/* @__PURE__ */ v("p", {
 							className: "mt-1 break-all font-mono text-sm text-text-muted",
@@ -181,14 +181,14 @@ var x = "focus-visible:ring-inset focus-visible:ring-offset-0", S = c(function()
 					className: "flex flex-wrap items-center gap-2",
 					children: [
 						/* @__PURE__ */ v(d, {
-							permission: r.DATASINK_EXECUTE,
+							permission: i.DATASINK_EXECUTE,
 							deniedBehavior: "disable",
 							children: /* @__PURE__ */ y(g, {
 								onClick: Y,
-								disabled: D,
+								disabled: E,
 								variant: "default",
 								size: "default",
-								children: [/* @__PURE__ */ v(Ce, { className: `w-4 h-4 mr-2 ${D ? "animate-spin" : ""}` }), D ? C("bigconsole.dataSinks.view.refreshing", "Refreshing...") : C("bigconsole.dataSinks.view.refresh", "Refresh")]
+								children: [/* @__PURE__ */ v(Ce, { className: `w-4 h-4 mr-2 ${E ? "animate-spin" : ""}` }), E ? C("bigconsole.dataSinks.view.refreshing", "Refreshing...") : C("bigconsole.dataSinks.view.refresh", "Refresh")]
 							})
 						}),
 						/* @__PURE__ */ y(g, {
@@ -204,7 +204,7 @@ var x = "focus-visible:ring-inset focus-visible:ring-offset-0", S = c(function()
 							children: [/* @__PURE__ */ v(ve, { className: "w-4 h-4 mr-2" }), C("bigconsole.dataSinks.view.export", "Export")]
 						}),
 						/* @__PURE__ */ v(d, {
-							permission: r.DATASINK_UPDATE,
+							permission: i.DATASINK_UPDATE,
 							deniedBehavior: "disable",
 							children: /* @__PURE__ */ y(g, {
 								onClick: Be,
@@ -214,24 +214,24 @@ var x = "focus-visible:ring-inset focus-visible:ring-offset-0", S = c(function()
 							})
 						}),
 						/* @__PURE__ */ v(d, {
-							permission: r.DATASINK_DELETE,
+							permission: i.DATASINK_DELETE,
 							deniedBehavior: "hide",
 							children: /* @__PURE__ */ y(g, {
 								onClick: Ve,
-								disabled: k,
+								disabled: O,
 								variant: "destructive",
 								size: "default",
-								children: [/* @__PURE__ */ v(we, { className: "w-4 h-4 mr-2" }), k ? C("bigconsole.dataSinks.view.deleting", "Deleting...") : C("bigconsole.dataSinks.view.delete", "Delete")]
+								children: [/* @__PURE__ */ v(we, { className: "w-4 h-4 mr-2" }), O ? C("bigconsole.dataSinks.view.deleting", "Deleting...") : C("bigconsole.dataSinks.view.delete", "Delete")]
 							})
 						})
 					]
 				})]
 			}),
-			/* @__PURE__ */ v(Oe, {
+			/* @__PURE__ */ v(De, {
 				className: "mb-section-gap",
 				children: C("bigconsole.dataSinks.view.pagePurpose", "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.")
 			}),
-			/* @__PURE__ */ v(De, {
+			/* @__PURE__ */ v(Ee, {
 				storageKey: "bigconsole-datasink-view",
 				steps: [
 					{
@@ -265,7 +265,7 @@ var x = "focus-visible:ring-inset focus-visible:ring-offset-0", S = c(function()
 				children: [/* @__PURE__ */ y("div", {
 					className: "grid min-w-0 gap-section-gap md:grid-cols-2",
 					children: [
-						/* @__PURE__ */ v(n, {
+						/* @__PURE__ */ v(r, {
 							headingLevel: 2,
 							title: C("bigconsole.dataSinks.view.details", "Details"),
 							description: "Cache, refresh and storage settings for this sink.",
@@ -277,7 +277,7 @@ var x = "focus-visible:ring-inset focus-visible:ring-offset-0", S = c(function()
 										children: [/* @__PURE__ */ v("dt", {
 											className: "min-w-0 text-text-secondary",
 											children: C("bigconsole.dataSinks.view.status", "Status")
-										}), /* @__PURE__ */ v("dd", { children: /* @__PURE__ */ v(i, {
+										}), /* @__PURE__ */ v("dd", { children: /* @__PURE__ */ v(a, {
 											status: V.status,
 											size: "sm"
 										}) })]
@@ -352,55 +352,55 @@ var x = "focus-visible:ring-inset focus-visible:ring-offset-0", S = c(function()
 							setupState: V.setupState,
 							status: V.status,
 							onRerunWorkflow: Y,
-							disabled: D,
-							isRerunning: D
+							disabled: E,
+							isRerunning: E
 						}),
-						/* @__PURE__ */ v(ce, { workflowLinks: V.workflowLinks }),
-						/* @__PURE__ */ v(s, { dataSinkKey: V.key })
+						/* @__PURE__ */ v(se, { workflowLinks: V.workflowLinks }),
+						/* @__PURE__ */ v(ce, { dataSinkKey: V.key })
 					]
-				}), /* @__PURE__ */ y(n, {
+				}), /* @__PURE__ */ y(r, {
 					emphasis: "primary",
 					headingLevel: 2,
 					title: C("bigconsole.dataSinks.view.dataPreview", "Data Preview"),
 					description: "The rows this sink is currently serving to dashboards.",
 					icon: /* @__PURE__ */ v(p, { className: "h-icon-sm w-icon-sm" }),
-					actions: /* @__PURE__ */ y(_, { children: [T && /* @__PURE__ */ y("div", {
+					actions: /* @__PURE__ */ y(_, { children: [w && /* @__PURE__ */ y("div", {
 						role: "group",
 						"aria-label": C("bigconsole.dataSinks.view.dataPreview", "Data Preview"),
 						className: "flex items-center overflow-hidden rounded-button border border-[var(--color-border-default)]",
 						children: [/* @__PURE__ */ v("button", {
 							type: "button",
-							onClick: () => L("table"),
-							"aria-pressed": I === "table",
-							className: `flex h-control-md w-[var(--size-controlHeight-md)] items-center justify-center focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-bg-surface ${x} ${I === "table" ? "bg-bg-sunken text-text-primary" : "text-text-secondary hover:text-text-primary"}`,
+							onClick: () => I("table"),
+							"aria-pressed": F === "table",
+							className: `flex h-control-md w-[var(--size-controlHeight-md)] items-center justify-center focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-bg-surface ${x} ${F === "table" ? "bg-bg-sunken text-text-primary" : "text-text-secondary hover:text-text-primary"}`,
 							title: C("bigconsole.dataSinks.view.tableView", "Table view"),
 							children: /* @__PURE__ */ v(Se, { className: "w-4 h-4" })
 						}), /* @__PURE__ */ v("button", {
 							type: "button",
-							onClick: () => L("json"),
-							"aria-pressed": I === "json",
-							className: `flex h-control-md w-[var(--size-controlHeight-md)] items-center justify-center focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-bg-surface ${x} ${I === "json" ? "bg-bg-sunken text-text-primary" : "text-text-secondary hover:text-text-primary"}`,
+							onClick: () => I("json"),
+							"aria-pressed": F === "json",
+							className: `flex h-control-md w-[var(--size-controlHeight-md)] items-center justify-center focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-bg-surface ${x} ${F === "json" ? "bg-bg-sunken text-text-primary" : "text-text-secondary hover:text-text-primary"}`,
 							title: C("bigconsole.dataSinks.view.jsonView", "JSON view"),
 							children: /* @__PURE__ */ v(_e, { className: "w-4 h-4" })
 						})]
 					}), /* @__PURE__ */ v(g, {
 						onClick: Z,
-						disabled: P,
-						variant: T ? "secondary" : "default",
+						disabled: N,
+						variant: w ? "secondary" : "default",
 						size: "sm",
-						children: P ? /* @__PURE__ */ y(_, { children: [/* @__PURE__ */ v(m, { className: "w-4 h-4 mr-2 animate-spin" }), C("bigconsole.dataSinks.view.loading", "Loading...")] }) : T ? /* @__PURE__ */ y(_, { children: [/* @__PURE__ */ v(xe, { className: "w-4 h-4 mr-2" }), C("bigconsole.dataSinks.view.hideData", "Hide Data")] }) : /* @__PURE__ */ y(_, { children: [/* @__PURE__ */ v(be, { className: "w-4 h-4 mr-2" }), C("bigconsole.dataSinks.view.showData", "Show Data")] })
+						children: N ? /* @__PURE__ */ y(_, { children: [/* @__PURE__ */ v(m, { className: "w-4 h-4 mr-2 animate-spin" }), C("bigconsole.dataSinks.view.loading", "Loading...")] }) : w ? /* @__PURE__ */ y(_, { children: [/* @__PURE__ */ v(xe, { className: "w-4 h-4 mr-2" }), C("bigconsole.dataSinks.view.hideData", "Hide Data")] }) : /* @__PURE__ */ y(_, { children: [/* @__PURE__ */ v(be, { className: "w-4 h-4 mr-2" }), C("bigconsole.dataSinks.view.showData", "Show Data")] })
 					})] }),
-					children: [T && N && /* @__PURE__ */ y(_, { children: [v(I === "table" ? ne : se, {
-						data: N,
+					children: [w && M && /* @__PURE__ */ y(_, { children: [v(F === "table" ? te : oe, {
+						data: M,
 						maxHeight: "400px"
-					}), B !== null && /* @__PURE__ */ y("div", {
+					}), z !== null && /* @__PURE__ */ y("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",
 						children: [/* @__PURE__ */ y("label", {
 							className: "flex items-center gap-2 text-sm text-text-secondary",
 							children: [/* @__PURE__ */ v("span", { children: C("bigconsole.dataSinks.view.rowsPerPage", "Rows per page") }), /* @__PURE__ */ v("select", {
 								"aria-label": C("bigconsole.dataSinks.view.rowsPerPage", "Rows per page"),
 								className: "h-control-md rounded-input border border-[var(--color-border-default)] bg-bg-canvas px-2 text-text-primary focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-bg-surface",
-								value: R,
+								value: L,
 								onChange: (e) => He(Number(e.target.value)),
 								children: [
 									100,
@@ -414,28 +414,28 @@ var x = "focus-visible:ring-inset focus-visible:ring-offset-0", S = c(function()
 						}), /* @__PURE__ */ y("div", {
 							className: "flex flex-wrap items-center gap-control-gap text-sm text-text-secondary",
 							children: [
-								/* @__PURE__ */ v("span", { children: B === 0 ? C("bigconsole.dataSinks.view.zeroRows", "0 rows") : C("bigconsole.dataSinks.view.rowRange", "{{start}}–{{end}} of {{total}}", {
-									start: z + 1,
-									end: Math.min(z + R, B),
-									total: B
+								/* @__PURE__ */ v("span", { children: z === 0 ? C("bigconsole.dataSinks.view.zeroRows", "0 rows") : C("bigconsole.dataSinks.view.rowRange", "{{start}}–{{end}} of {{total}}", {
+									start: R + 1,
+									end: Math.min(R + L, z),
+									total: z
 								}) }),
 								/* @__PURE__ */ v(g, {
 									variant: "secondary",
 									size: "sm",
-									disabled: z === 0 || P,
-									onClick: () => void X(Math.max(0, z - R), R),
+									disabled: R === 0 || N,
+									onClick: () => void X(Math.max(0, R - L), L),
 									children: C("bigconsole.dataSinks.view.previous", "Previous")
 								}),
 								/* @__PURE__ */ v(g, {
 									variant: "secondary",
 									size: "sm",
-									disabled: !Le || P,
-									onClick: () => void X(z + R, R),
+									disabled: !Le || N,
+									onClick: () => void X(R + L, L),
 									children: C("bigconsole.dataSinks.view.next", "Next")
 								})
 							]
 						})]
-					})] }), !T && (V.data && Object.keys(V.data).length > 0 ? /* @__PURE__ */ y("p", {
+					})] }), !w && (V.data && Object.keys(V.data).length > 0 ? /* @__PURE__ */ y("p", {
 						className: "flex items-center gap-icon-gap text-sm text-text-secondary",
 						children: [/* @__PURE__ */ v(p, {
 							"aria-hidden": "true",
@@ -463,13 +463,13 @@ var x = "focus-visible:ring-inset focus-visible:ring-offset-0", S = c(function()
 				})]
 			}),
 			/* @__PURE__ */ v(ue, {
-				isOpen: je,
+				isOpen: Me,
 				dataSinkId: c || null,
 				dataSinkName: V.name || V.key,
 				onClose: Ue
 			}),
 			/* @__PURE__ */ v(de, {
-				isOpen: Me,
+				isOpen: Ne,
 				dataSinkName: V.name || V.key,
 				hasExistingData: !!(V.data && Object.keys(V.data).length > 0),
 				onClose: We,
@@ -479,7 +479,7 @@ var x = "focus-visible:ring-inset focus-visible:ring-offset-0", S = c(function()
 		]
 	}) : /* @__PURE__ */ v("div", {
 		className: "flex min-h-[240px] items-center justify-center p-card-padding",
-		children: /* @__PURE__ */ v(Ee, {
+		children: /* @__PURE__ */ v(Te, {
 			illustration: "empty-data",
 			title: C("bigconsole.dataSinks.view.notFoundTitle", "DataSink not found"),
 			description: C("bigconsole.dataSinks.view.notFoundDescription", "The DataSink you're looking for doesn't exist or has been deleted."),