npm - @burdenoff/microfe-bigconsole - Versions diffs - 2026.1006.1 → 2026.1007.11 - Mend

@burdenoff/microfe-bigconsole 2026.1006.1 → 2026.1007.11

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 (1448) hide show

package/dist/bigconsole/components/datasink/AlertExecutionHistory.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"AlertExecutionHistory.js","names":[],"sources":["../../../../src/bigconsole/components/datasink/AlertExecutionHistory.tsx"],"sourcesContent":["import { useCallback, useEffect, useLayoutEffect, useRef, useState } from 'react';\nimport { Button } from '@burdenoff/fe-libs/ui';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\nimport { Loader2, RefreshCw } from 'lucide-react';\nimport { Section, SECTION_FOCUS_RING } from '../common';\nimport { alertErrorMessage, type AlertExecution, type AlertRule } from '../../hooks/useDataSinkAlerts';\n\ninterface Props {\n owner: string;\n rules: AlertRule[];\n load: (alertId?: string, after?: string) => Promise<AlertExecution[] | null>;\n refreshVersion: number;\n}\ninterface HistoryPage {\n owner: string;\n rows: AlertExecution[];\n loading: boolean;\n hasMore: boolean;\n error: string | null;\n}\nconst EMPTY: HistoryPage = { owner: '', rows: [], loading: false, hasMore: false, error: null };\n\nexport function AlertExecutionHistory({ owner, rules, load, refreshVersion }: Props) {\n const { t } = useI18n();\n const [alertId, setAlertId] = useState('');\n const [cursors, setCursors] = useState<string[]>([]);\n const after = cursors.at(-1);\n const requestOwner = `${owner}|${alertId}|${after ?? ''}`;\n const activeOwner = useRef<string | null>(null);\n const activeRequest = useRef<object | null>(null);\n useLayoutEffect(() => {\n activeOwner.current = requestOwner;\n return () => {\n activeOwner.current = null;\n activeRequest.current = null;\n };\n }, [requestOwner]);\n const [state, setState] = useState<HistoryPage>(EMPTY);\n const reload = useCallback(async () => {\n if (activeOwner.current !== requestOwner || activeRequest.current) return;\n const request = {};\n activeRequest.current = request;\n setState((previous) => ({\n ...(previous.owner === requestOwner ? previous : EMPTY),\n owner: requestOwner,\n loading: true,\n error: null,\n }));\n try {\n const rows = await load(alertId || undefined, after);\n if (activeOwner.current !== requestOwner || activeRequest.current !== request || !rows) return;\n setState({\n owner: requestOwner,\n rows: rows.slice(0, 20),\n loading: false,\n hasMore: rows.length > 20,\n error: null,\n });\n } catch (error) {\n if (activeOwner.current === requestOwner && activeRequest.current === request)\n setState((previous) => ({ ...previous, owner: requestOwner, loading: false, error: alertErrorMessage(error) }));\n } finally {\n if (activeRequest.current === request) activeRequest.current = null;\n }\n }, [load, alertId, after, requestOwner]);\n useEffect(() => {\n void Promise.resolve().then(() => reload());\n const timer = window.setInterval(() => {\n if (document.visibilityState === 'visible') void reload();\n }, 10000);\n return () => window.clearInterval(timer);\n }, [reload, refreshVersion]);\n const current = state.owner === requestOwner ? state : { ...EMPTY, loading: true };\n return (\n <Section\n title={t('bigconsole.alerts.history.title', 'Execution history')}\n headingLevel={2}\n description={t(\n 'bigconsole.alerts.history.description',\n 'Actual evaluations and notification delivery status. Refreshes every 10 seconds while this page is visible.'\n )}\n actions={\n <Button type=\"button\" variant=\"secondary\" size=\"sm\" onClick={() => void reload()} disabled={current.loading}>\n {current.loading ? <Loader2 className=\"mr-2 h-4 w-4 animate-spin\" /> : <RefreshCw className=\"mr-2 h-4 w-4\" />}\n {t('bigconsole.alerts.history.refresh', 'Refresh history')}\n </Button>\n }\n >\n <label htmlFor=\"alert-history-filter\" className=\"mb-1 block text-xs font-medium text-text-primary\">\n {t('bigconsole.alerts.history.filter', 'Filter by rule')}\n </label>\n <select\n id=\"alert-history-filter\"\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 value={alertId}\n onChange={(event) => {\n setAlertId(event.target.value);\n setCursors([]);\n }}\n >\n <option value=\"\">{t('bigconsole.alerts.history.all', 'All rules')}</option>\n {alertId && !rules.some((rule) => rule.id === alertId) && <option value={alertId}>{alertId}</option>}\n {rules.map((rule) => (\n <option key={rule.id} value={rule.id}>\n {rule.name}\n </option>\n ))}\n </select>\n {current.error && (\n <p role=\"alert\" className=\"mb-4 break-words text-sm text-status-error-text\">\n {current.error}\n </p>\n )}\n {current.loading && !current.rows.length && (\n <p role=\"status\" className=\"text-sm text-text-secondary\">\n {t('bigconsole.alerts.history.loading', 'Loading execution history…')}\n </p>\n )}\n {!current.loading && !current.error && !current.rows.length && (\n <p className=\"text-sm text-text-secondary\">\n {t(\n 'bigconsole.alerts.history.empty',\n 'No evaluations recorded yet. Enabled rules evaluate when the sink data is updated or refreshed.'\n )}\n </p>\n )}\n <ol className=\"divide-y divide-border-subtle\">\n {current.rows.map((execution) => (\n <li key={execution.id} className=\"min-w-0 py-4 first:pt-0\">\n <div className=\"flex flex-wrap items-start justify-between gap-2\">\n <div className=\"min-w-0\">\n <p className=\"break-words text-sm font-medium text-text-primary\">\n {rules.find((rule) => rule.id === execution.alertId)?.name ?? execution.alertId}\n </p>\n <time dateTime={execution.createdAt} className=\"text-xs text-text-secondary\">\n {new Date(execution.createdAt).toLocaleString()}\n </time>\n </div>\n <span className=\"rounded-pill border border-border-subtle bg-bg-sunken px-2 py-1 text-xs font-medium text-text-primary\">\n {t(`bigconsole.alerts.history.status.${execution.status}`, execution.status.replaceAll('_', ' '))}\n </span>\n </div>\n <p className=\"mt-2 break-words text-xs text-text-secondary\">\n {t('bigconsole.alerts.history.dataVersion', 'Data version')} {execution.version} · {execution.source} ·{' '}\n {execution.durationMs} ms\n </p>\n {execution.error && <p className=\"mt-2 break-words text-sm text-status-error-text\">{execution.error}</p>}\n {execution.deliveries.length > 0 && (\n <ul className=\"mt-3 space-y-2\">\n {execution.deliveries.map((delivery, index) => (\n <li\n key={`${delivery.channelId}|${delivery.recipient}|${index}`}\n className=\"min-w-0 rounded-control border border-border-subtle bg-bg-sunken p-3 text-xs\"\n >\n <div className=\"flex flex-wrap justify-between gap-2\">\n <span className=\"break-all text-text-primary\">\n {delivery.channel} · {delivery.recipient}\n </span>\n <span className=\"font-medium text-text-primary\">{delivery.status}</span>\n </div>\n {delivery.attemptedAt && (\n <p className=\"mt-1 text-text-secondary\">\n {t('bigconsole.alerts.history.attempted', 'Attempted')}{' '}\n <time dateTime={delivery.attemptedAt}>{new Date(delivery.attemptedAt).toLocaleString()}</time>\n </p>\n )}\n {delivery.notificationId && (\n <p className=\"mt-1 break-all text-text-muted\">\n {t('bigconsole.alerts.history.notification', 'Notification')} · {delivery.notificationId}\n </p>\n )}\n {delivery.error && <p className=\"mt-1 break-words text-status-error-text\">{delivery.error}</p>}\n </li>\n ))}\n </ul>\n )}\n </li>\n ))}\n </ol>\n <div className=\"mt-4 flex flex-wrap items-center justify-between gap-control-gap border-t border-border-subtle pt-3\">\n <span className=\"text-xs text-text-secondary\">\n {current.rows.length} {t('bigconsole.alerts.history.count', 'executions on this page')}\n </span>\n <div className=\"flex gap-control-gap\">\n <Button\n type=\"button\"\n variant=\"secondary\"\n size=\"sm\"\n onClick={() => setCursors((previous) => previous.slice(0, -1))}\n disabled={!cursors.length || current.loading}\n >\n {t('bigconsole.alerts.history.newer', 'Newer')}\n </Button>\n <Button\n type=\"button\"\n variant=\"secondary\"\n size=\"sm\"\n onClick={() => {\n const last = current.rows.at(-1);\n if (last) setCursors((previous) => [...previous, last.id]);\n }}\n disabled={!current.hasMore || current.loading}\n >\n {t('bigconsole.alerts.history.older', 'Older')}\n </Button>\n </div>\n </div>\n </Section>\n );\n}\n"],"mappings":"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"}

package/dist/bigconsole/components/datasink/AlertRuleEditor.d.ts CHANGED Viewed

@@ -20,3 +20,4 @@ interface Props {
 }
 export declare function AlertRuleEditor(props: Props): import("react").JSX.Element;
 export {};
+//# sourceMappingURL=AlertRuleEditor.d.ts.map

package/dist/bigconsole/components/datasink/AlertRuleEditor.d.ts.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"AlertRuleEditor.d.ts","sourceRoot":"","sources":["../../../../src/bigconsole/components/datasink/AlertRuleEditor.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,YAAY,EAAE,YAAY,EAAE,MAAM,+BAA+B,CAAC;AAChF,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAC;AAGzD,UAAU,KAAK;IACb,KAAK,EAAE,UAAU,CAAC;IAClB,QAAQ,EAAE,YAAY,EAAE,CAAC;IACzB,YAAY,EAAE,MAAM,GAAG,IAAI,CAAC;IAC5B,SAAS,EAAE,OAAO,CAAC;IACnB,OAAO,EAAE,OAAO,CAAC;IACjB,UAAU,EAAE,OAAO,CAAC;IACpB,OAAO,EAAE,YAAY,GAAG,IAAI,CAAC;IAC7B,YAAY,EAAE,MAAM,GAAG,IAAI,CAAC;IAC5B,YAAY,EAAE,OAAO,CAAC;IACtB,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,QAAQ,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,CAAC;IACtC,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,gBAAgB,EAAE,MAAM,IAAI,CAAC;CAC9B;AAED,wBAAgB,eAAe,CAAC,KAAK,EAAE,KAAK,+BAgY3C"}

package/dist/bigconsole/components/datasink/AlertRuleEditor.js CHANGED Viewed

@@ -353,3 +353,5 @@ function h(h) {
 }
 //#endregion
 export { h as AlertRuleEditor };
+//# sourceMappingURL=AlertRuleEditor.js.map

package/dist/bigconsole/components/datasink/AlertRuleEditor.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"AlertRuleEditor.js","names":[],"sources":["../../../../src/bigconsole/components/datasink/AlertRuleEditor.tsx"],"sourcesContent":["import type { FormEvent } from 'react';\nimport { Button } from '@burdenoff/fe-libs/ui';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\nimport { Loader2, Plus, Save, Trash2, Play } from 'lucide-react';\nimport { Section, SECTION_FOCUS_RING } from '../common';\nimport { AlertSeverity, DataSinkAlertConditionType, DataSinkAlertChannel } from '../../../generated/wspace-types';\nimport type { AlertChannel, AlertPreview } from '../../hooks/useDataSinkAlerts';\nimport type { AlertDraft } from '../../utils/alertRules';\n\nconst FIELD = `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}`;\ninterface Props {\n draft: AlertDraft;\n channels: AlertChannel[];\n channelError: string | null;\n canUpdate: boolean;\n pending: boolean;\n previewing: boolean;\n preview: AlertPreview | null;\n previewError: string | null;\n previewStale: boolean;\n error: string | null;\n onChange: (draft: AlertDraft) => void;\n onSave: () => void;\n onCancel: () => void;\n onPreview: () => void;\n onReloadChannels: () => void;\n}\n\nexport function AlertRuleEditor(props: Props) {\n const { t } = useI18n();\n const {\n draft,\n channels,\n channelError,\n canUpdate,\n pending,\n previewing,\n preview,\n previewError,\n previewStale,\n error,\n onChange,\n onSave,\n onCancel,\n onPreview,\n onReloadChannels,\n } = props;\n const disabled = pending || !canUpdate;\n const activeChannels = channels.filter((channel) => channel.status.toUpperCase() === 'ACTIVE');\n const change = (patch: Partial<AlertDraft>) => onChange({ ...draft, ...patch });\n const submit = (event: FormEvent<HTMLFormElement>) => {\n event.preventDefault();\n onSave();\n };\n return (\n <Section title={t('bigconsole.alerts.rule.title', 'Alert rule')} headingLevel={2} emphasis=\"primary\">\n <form\n onSubmit={submit}\n className=\"flex min-w-0 flex-col gap-form-gap\"\n aria-label={t('bigconsole.alerts.rule.form', 'Alert rule editor')}\n >\n {!canUpdate && (\n <p className=\"text-sm text-text-secondary\">\n {t('bigconsole.alerts.rule.readOnly', 'You have read-only access to these alert rules.')}\n </p>\n )}\n {error && (\n <p role=\"alert\" className=\"break-words text-sm text-status-error-text\">\n {error}\n </p>\n )}\n <div>\n <label htmlFor=\"alert-name\" className=\"mb-1 block text-sm font-medium text-text-primary\">\n {t('bigconsole.alerts.rule.name', 'Name')}\n </label>\n <input\n id=\"alert-name\"\n className={FIELD}\n value={draft.name}\n onChange={(event) => change({ name: event.target.value })}\n required\n maxLength={200}\n disabled={disabled}\n />\n </div>\n <div className=\"grid min-w-0 gap-form-gap sm:grid-cols-2\">\n <div>\n <label htmlFor=\"alert-condition-type\" className=\"mb-1 block text-sm font-medium text-text-primary\">\n {t('bigconsole.alerts.rule.language', 'Condition language')}\n </label>\n <select\n id=\"alert-condition-type\"\n className={FIELD}\n value={draft.conditionType}\n onChange={(event) =>\n change({\n conditionType:\n event.target.value === DataSinkAlertConditionType.Jsonata\n ? DataSinkAlertConditionType.Jsonata\n : DataSinkAlertConditionType.Jq,\n })\n }\n disabled={disabled}\n >\n <option value={DataSinkAlertConditionType.Jq}>JQ</option>\n <option value={DataSinkAlertConditionType.Jsonata}>JSONata</option>\n </select>\n </div>\n <div>\n <label htmlFor=\"alert-severity\" className=\"mb-1 block text-sm font-medium text-text-primary\">\n {t('bigconsole.alerts.rule.severity', 'Severity')}\n </label>\n <select\n id=\"alert-severity\"\n className={FIELD}\n value={draft.severity}\n onChange={(event) =>\n change({\n severity:\n Object.values(AlertSeverity).find((value) => value === event.target.value) ?? AlertSeverity.Medium,\n })\n }\n disabled={disabled}\n >\n {Object.values(AlertSeverity).map((value) => (\n <option key={value} value={value}>\n {t(`bigconsole.alerts.severity.${value}`, value.charAt(0).toUpperCase() + value.slice(1))}\n </option>\n ))}\n </select>\n </div>\n </div>\n <div>\n <label htmlFor=\"alert-condition\" className=\"mb-1 block text-sm font-medium text-text-primary\">\n {t('bigconsole.alerts.rule.condition', 'Condition')}\n </label>\n <textarea\n id=\"alert-condition\"\n className={`${FIELD} min-h-32 font-mono`}\n value={draft.condition}\n onChange={(event) => change({ condition: event.target.value })}\n rows={5}\n required\n disabled={disabled}\n aria-describedby=\"alert-condition-help\"\n />\n <p id=\"alert-condition-help\" className=\"mt-2 text-xs text-text-secondary\">\n {t(\n 'bigconsole.alerts.rule.conditionHelp',\n 'Evaluates the entire current sink payload and must return one boolean. Preview does not send notifications.'\n )}\n </p>\n <p className=\"mt-1 break-words text-xs text-text-muted\">\n {draft.conditionType === DataSinkAlertConditionType.Jq\n ? 'JQ: any(.[]; .boarding_minutes > 240)'\n : 'JSONata: $count($[boarding_minutes > 240]) > 0'}\n </p>\n <Button\n type=\"button\"\n variant=\"secondary\"\n size=\"sm\"\n onClick={onPreview}\n disabled={pending || previewing || !draft.condition.trim()}\n className=\"mt-3\"\n >\n {previewing ? <Loader2 className=\"mr-2 h-4 w-4 animate-spin\" /> : <Play className=\"mr-2 h-4 w-4\" />}\n {previewing\n ? t('bigconsole.alerts.rule.previewing', 'Evaluating…')\n : t('bigconsole.alerts.rule.preview', 'Preview condition')}\n </Button>\n {previewError && (\n <p role=\"alert\" className=\"mt-2 break-words text-sm text-status-error-text\">\n {previewError}\n </p>\n )}\n {previewStale && (\n <p role=\"status\" className=\"mt-2 text-xs text-text-secondary\">\n {t(\n 'bigconsole.alerts.rule.previewStale',\n 'The condition or data changed. Preview again to see the current result.'\n )}\n </p>\n )}\n {preview && !previewStale && (\n <div role=\"status\" className=\"mt-3 rounded-control border border-border-subtle bg-bg-sunken p-3 text-sm\">\n {preview.error ? (\n <p className=\"break-words text-status-error-text\">{preview.error}</p>\n ) : (\n <p className=\"font-medium text-text-primary\">\n {preview.matched\n ? t('bigconsole.alerts.rule.matched', 'Condition matched')\n : t('bigconsole.alerts.rule.noMatch', 'Condition did not match')}\n </p>\n )}\n <p className=\"mt-1 text-xs text-text-secondary\">\n {t('bigconsole.alerts.rule.previewMetadata', 'Evaluated data version')} {preview.version} ·{' '}\n {preview.durationMs} ms\n </p>\n </div>\n )}\n </div>\n <fieldset disabled={disabled} className=\"min-w-0\">\n <legend className=\"mb-2 text-sm font-medium text-text-primary\">\n {t('bigconsole.alerts.rule.destinations', 'Delivery destinations')}\n </legend>\n <p className=\"mb-3 text-xs text-text-secondary\">\n {t(\n 'bigconsole.alerts.rule.destinationHelp',\n 'Choose an available active delivery channel and its actual recipient.'\n )}\n </p>\n {channelError && (\n <div className=\"mb-3 text-sm\">\n <p role=\"alert\" className=\"break-words text-status-error-text\">\n {channelError}\n </p>\n <Button type=\"button\" variant=\"secondary\" size=\"sm\" onClick={onReloadChannels}>\n {t('bigconsole.alerts.rule.reloadChannels', 'Reload channels')}\n </Button>\n </div>\n )}\n {!channelError && activeChannels.length === 0 && (\n <p className=\"mb-3 text-sm text-text-secondary\">\n {t(\n 'bigconsole.alerts.rule.noChannels',\n 'No active delivery channels are available to BigConsole in this organization. You can save this rule disabled.'\n )}\n </p>\n )}\n {!draft.deliveries.length && (\n <p className=\"mb-3 text-xs text-text-muted\">\n {t('bigconsole.alerts.rule.noDestinations', 'No delivery destinations selected.')}\n </p>\n )}\n {draft.deliveries.map((delivery, index) => (\n <div key={delivery.key} className=\"mb-3 min-w-0 rounded-control border border-border-subtle p-3\">\n <label\n htmlFor={`alert-channel-${delivery.key}`}\n className=\"mb-1 block text-xs font-medium text-text-primary\"\n >\n {t('bigconsole.alerts.rule.channel', 'Configured channel')} {index + 1}\n </label>\n <select\n id={`alert-channel-${delivery.key}`}\n className={FIELD}\n value={delivery.channelId}\n onChange={(event) => {\n const channel = channels.find((item) => item.id === event.target.value);\n change({\n deliveries: draft.deliveries.map((item) =>\n item.key === delivery.key\n ? {\n ...item,\n channelId: channel?.id ?? '',\n channel: channel?.platform ?? DataSinkAlertChannel.Email,\n recipient: channel?.platform === item.channel ? item.recipient : '',\n }\n : item\n ),\n });\n }}\n >\n <option value=\"\">{t('bigconsole.alerts.rule.chooseChannel', 'Choose a configured channel')}</option>\n {delivery.channelId && !activeChannels.some((channel) => channel.id === delivery.channelId) && (\n <option value={delivery.channelId}>\n {t('bigconsole.alerts.rule.unavailableChannel', 'Unavailable channel')} · {delivery.channelId}\n </option>\n )}\n {activeChannels.map((channel) => (\n <option key={channel.id} value={channel.id}>\n {channel.name} · {channel.platform}\n </option>\n ))}\n </select>\n <label\n htmlFor={`alert-recipient-${delivery.key}`}\n className=\"mb-1 mt-3 block text-xs font-medium text-text-primary\"\n >\n {delivery.channel === DataSinkAlertChannel.Email\n ? t('bigconsole.alerts.rule.emailRecipient', 'Email address')\n : delivery.channel === DataSinkAlertChannel.Slack\n ? t('bigconsole.alerts.rule.slackRecipient', 'Slack recipient ID')\n : t('bigconsole.alerts.rule.webhookRecipient', 'HTTPS webhook URL')}\n </label>\n <input\n id={`alert-recipient-${delivery.key}`}\n className={FIELD}\n type={\n delivery.channel === DataSinkAlertChannel.Email\n ? 'email'\n : delivery.channel === DataSinkAlertChannel.Webhook\n ? 'url'\n : 'text'\n }\n value={delivery.recipient}\n onChange={(event) =>\n change({\n deliveries: draft.deliveries.map((item) =>\n item.key === delivery.key ? { ...item, recipient: event.target.value } : item\n ),\n })\n }\n required\n />\n <Button\n type=\"button\"\n variant=\"ghost\"\n size=\"sm\"\n onClick={() => change({ deliveries: draft.deliveries.filter((item) => item.key !== delivery.key) })}\n className=\"mt-2\"\n >\n <Trash2 className=\"mr-2 h-4 w-4\" />\n {t('bigconsole.alerts.rule.removeDestination', 'Remove destination')}\n </Button>\n </div>\n ))}\n <Button\n type=\"button\"\n variant=\"secondary\"\n size=\"sm\"\n onClick={() =>\n change({\n deliveries: [\n ...draft.deliveries,\n { key: crypto.randomUUID(), channel: DataSinkAlertChannel.Email, channelId: '', recipient: '' },\n ],\n })\n }\n disabled={activeChannels.length === 0}\n >\n <Plus className=\"mr-2 h-4 w-4\" />\n {t('bigconsole.alerts.rule.addDestination', 'Add destination')}\n </Button>\n </fieldset>\n <fieldset disabled={disabled} className=\"min-w-0\">\n <legend className=\"mb-2 text-sm font-medium text-text-primary\">\n {t('bigconsole.alerts.rule.throttle', 'Throttle')}\n </legend>\n <label className=\"flex items-center gap-2 text-sm text-text-primary\">\n <input\n type=\"checkbox\"\n checked={draft.throttleEnabled}\n onChange={(event) => change({ throttleEnabled: event.target.checked })}\n className={SECTION_FOCUS_RING}\n />\n {t('bigconsole.alerts.rule.limitFrequency', 'Limit alert frequency')}\n </label>\n {draft.throttleEnabled && (\n <div className=\"mt-3 grid gap-form-gap sm:grid-cols-2\">\n <div>\n <label htmlFor=\"alert-window\" className=\"mb-1 block text-xs font-medium text-text-primary\">\n {t('bigconsole.alerts.rule.window', 'Time window (minutes)')}\n </label>\n <input\n id=\"alert-window\"\n type=\"number\"\n min={1}\n step={1}\n className={FIELD}\n value={draft.windowMinutes}\n onChange={(event) => change({ windowMinutes: event.target.value })}\n required\n />\n </div>\n <div>\n <label htmlFor=\"alert-max\" className=\"mb-1 block text-xs font-medium text-text-primary\">\n {t('bigconsole.alerts.rule.maxAlerts', 'Maximum alerts per window')}\n </label>\n <input\n id=\"alert-max\"\n type=\"number\"\n min={1}\n step={1}\n className={FIELD}\n value={draft.maxAlerts}\n onChange={(event) => change({ maxAlerts: event.target.value })}\n required\n />\n </div>\n </div>\n )}\n </fieldset>\n <label className=\"flex items-start gap-2 text-sm text-text-primary\">\n <input\n type=\"checkbox\"\n checked={draft.enabled}\n onChange={(event) => change({ enabled: event.target.checked })}\n disabled={disabled}\n className={`mt-1 ${SECTION_FOCUS_RING}`}\n />\n <span>\n {t('bigconsole.alerts.rule.enabled', 'Rule enabled')}\n <span className=\"mt-1 block text-xs text-text-secondary\">\n {t(\n 'bigconsole.alerts.rule.enabledHelp',\n 'Enabled rules evaluate when this sink is updated or refreshed. Saving a disabled rule does not send notifications.'\n )}\n </span>\n </span>\n </label>\n <div className=\"flex flex-wrap justify-end gap-control-gap border-t border-border-subtle pt-4\">\n <Button type=\"button\" variant=\"secondary\" onClick={onCancel} disabled={pending}>\n {t('bigconsole.alerts.rule.cancel', 'Cancel')}\n </Button>\n <Button type=\"submit\" disabled={disabled}>\n {pending ? <Loader2 className=\"mr-2 h-4 w-4 animate-spin\" /> : <Save className=\"mr-2 h-4 w-4\" />}\n {pending ? t('bigconsole.alerts.rule.saving', 'Saving…') : t('bigconsole.alerts.rule.save', 'Save rule')}\n </Button>\n </div>\n </form>\n </Section>\n );\n}\n"],"mappings":"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"}

package/dist/bigconsole/components/datasink/CacheTTLSelector.d.ts CHANGED Viewed

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

package/dist/bigconsole/components/datasink/CacheTTLSelector.d.ts.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"CacheTTLSelector.d.ts","sourceRoot":"","sources":["../../../../src/bigconsole/components/datasink/CacheTTLSelector.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAgBH,UAAU,qBAAqB;IAC7B,uDAAuD;IACvD,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,kCAAkC;IAClC,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,mCAAmC;IACnC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,oBAAoB;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;;OAIG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAwBD,eAAO,MAAM,gBAAgB,6DAsW3B,CAAC;AAEH,eAAe,gBAAgB,CAAC"}

package/dist/bigconsole/components/datasink/CacheTTLSelector.js CHANGED Viewed

@@ -248,3 +248,5 @@ var f = e(function({ value: e, onChange: u, disabled: f = !1, error: p, hideLabe
 });
 //#endregion
 export { f as default };
+//# sourceMappingURL=CacheTTLSelector.js.map

package/dist/bigconsole/components/datasink/CacheTTLSelector.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"CacheTTLSelector.js","names":[],"sources":["../../../../src/bigconsole/components/datasink/CacheTTLSelector.tsx"],"sourcesContent":["/**\n * Cache TTL Selector\n *\n * Component for selecting cache duration with preset options and custom input.\n */\n\nimport { memo, useState, useEffect, useCallback, useMemo, useRef } from 'react';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\n\n// ============================================================================\n// TYPES\n// ============================================================================\n\ninterface CacheTTLOption {\n value: number;\n label: string;\n description: string;\n recommended?: boolean;\n}\n\ninterface CacheTTLSelectorProps {\n /** Current TTL value in seconds (null for no cache) */\n value: number | null;\n /** Callback when value changes */\n onChange: (value: number) => void;\n /** Whether selector is disabled */\n disabled?: boolean;\n /** Error message */\n error?: string;\n /**\n * Hide the built-in \"Cache Duration\" heading + description. Use when the\n * surrounding form already renders its own label for this control, to avoid a\n * duplicated heading.\n */\n hideLabel?: boolean;\n}\n\n// ============================================================================\n// CONSTANTS\n// ============================================================================\n\nconst PRESET_VALUES: number[] = [0, 300, 900, 3600, 86400];\n\n// ============================================================================\n// HELPERS\n// ============================================================================\n\n/**\n * Check if value is a preset option\n */\nfunction isPresetValue(value: number | null): boolean {\n if (value === null) return false;\n return PRESET_VALUES.includes(value);\n}\n\n// ============================================================================\n// COMPONENT\n// ============================================================================\n\nexport const CacheTTLSelector = memo(function CacheTTLSelector({\n value,\n onChange,\n disabled = false,\n error,\n hideLabel = false,\n}: CacheTTLSelectorProps) {\n const { t } = useI18n();\n\n const PRESET_OPTIONS = useMemo<CacheTTLOption[]>(\n () => [\n {\n value: 0,\n label: t('bigconsole.dataSinks.cacheTtl.presetNoCacheLabel', 'No cache'),\n description: t(\n 'bigconsole.dataSinks.cacheTtl.presetNoCacheDescription',\n 'Read current stored data without caching results'\n ),\n },\n {\n value: 300, // 5 minutes\n label: t('bigconsole.dataSinks.cacheTtl.preset5MinutesLabel', '5 minutes'),\n description: t('bigconsole.dataSinks.cacheTtl.preset5MinutesDescription', 'Best for real-time dashboards'),\n },\n {\n value: 900, // 15 minutes\n label: t('bigconsole.dataSinks.cacheTtl.preset15MinutesLabel', '15 minutes'),\n description: t('bigconsole.dataSinks.cacheTtl.preset15MinutesDescription', 'Balanced performance'),\n recommended: true,\n },\n {\n value: 3600, // 1 hour\n label: t('bigconsole.dataSinks.cacheTtl.preset1HourLabel', '1 hour'),\n description: t('bigconsole.dataSinks.cacheTtl.preset1HourDescription', 'For data that changes hourly'),\n },\n {\n value: 86400, // 24 hours\n label: t('bigconsole.dataSinks.cacheTtl.preset24HoursLabel', '24 hours'),\n description: t('bigconsole.dataSinks.cacheTtl.preset24HoursDescription', 'For daily reports'),\n },\n ],\n [t]\n );\n\n // Format seconds to human-readable string\n const formatDuration = useCallback(\n (seconds: number): string => {\n if (seconds < 60) {\n return t('bigconsole.dataSinks.cacheTtl.durationSeconds', '{{count}} seconds', { count: seconds });\n }\n if (seconds < 3600) {\n return t('bigconsole.dataSinks.cacheTtl.durationMinutes', '{{count}} minutes', {\n count: Math.floor(seconds / 60),\n });\n }\n if (seconds < 86400) {\n return t('bigconsole.dataSinks.cacheTtl.durationHours', '{{count}} hours', {\n count: Math.floor(seconds / 3600),\n });\n }\n return t('bigconsole.dataSinks.cacheTtl.durationDays', '{{count}} days', {\n count: Math.floor(seconds / 86400),\n });\n },\n [t]\n );\n\n // Track whether custom mode is active\n const [isCustom, setIsCustom] = useState(!isPresetValue(value) && value !== null);\n const [customValue, setCustomValue] = useState(value?.toString() || '');\n const [validationError, setValidationError] = useState<string | null>(null);\n const prevValueRef = useRef(value);\n\n // Sync custom value when external value changes (using deferred update to avoid cascading renders)\n useEffect(() => {\n if (prevValueRef.current !== value) {\n prevValueRef.current = value;\n if (value !== null && !isPresetValue(value)) {\n // Defer state update to avoid synchronous setState in effect\n queueMicrotask(() => {\n setCustomValue(value.toString());\n setIsCustom(true);\n });\n }\n }\n }, [value]);\n\n // Handle preset selection\n const handlePresetChange = useCallback(\n (presetValue: number) => {\n if (disabled) return;\n setIsCustom(false);\n onChange(presetValue);\n },\n [disabled, onChange]\n );\n\n // Handle custom mode activation\n const handleCustomSelect = useCallback(() => {\n if (disabled) return;\n setIsCustom(true);\n const parsed = parseInt(customValue);\n if (!isNaN(parsed) && parsed >= 30 && parsed <= 86400) {\n onChange(parsed);\n }\n }, [disabled, customValue, onChange]);\n\n // Handle custom value change with validation\n const handleCustomChange = useCallback(\n (e: React.ChangeEvent<HTMLInputElement>) => {\n const inputValue = e.target.value;\n setCustomValue(inputValue);\n\n // Validate input\n if (inputValue === '') {\n setValidationError(null);\n return;\n }\n\n const parsed = parseInt(inputValue);\n\n if (isNaN(parsed)) {\n setValidationError(t('bigconsole.dataSinks.cacheTtl.errorInvalidNumber', 'Please enter a valid number'));\n return;\n }\n\n if (parsed < 30) {\n setValidationError(t('bigconsole.dataSinks.cacheTtl.errorMinDuration', 'Minimum cache duration is 30 seconds'));\n return;\n }\n\n if (parsed > 86400) {\n setValidationError(\n t('bigconsole.dataSinks.cacheTtl.errorMaxDuration', 'Maximum cache duration is 86400 seconds (24 hours)')\n );\n return;\n }\n\n // Valid value\n setValidationError(null);\n onChange(parsed);\n },\n [onChange, t]\n );\n\n return (\n <div className=\"space-y-form-gap\">\n {/* Label — suppressed with `hideLabel` when the surrounding form already\n renders one for this control, so the section never shows a duplicated\n heading. The `role=\"group\"` name below keeps the control set announced\n to assistive tech either way. */}\n {!hideLabel && (\n <div>\n <label className=\"block text-sm font-medium text-text-primary mb-1\">\n {t('bigconsole.dataSinks.cacheTtl.heading', 'Cache Duration')}\n </label>\n <p className=\"text-xs text-text-secondary\">\n {t('bigconsole.dataSinks.cacheTtl.headingDescription', 'How long should data be cached before refreshing?')}\n </p>\n </div>\n )}\n\n {/* Options */}\n <div\n role=\"group\"\n aria-label={t('bigconsole.dataSinks.cacheTtl.heading', 'Cache Duration')}\n className=\"space-y-list-gap\"\n >\n {/* Preset options */}\n {PRESET_OPTIONS.map((option) => (\n <label\n key={option.value}\n className={`\n flex cursor-pointer items-start gap-3\n rounded-input\n border p-3\n motion-safe:transition-colors\n ${disabled ? 'cursor-not-allowed opacity-50' : ''}\n ${\n !isCustom && value === option.value\n ? 'border-[var(--color-action-primary-bg)] bg-bg-accentSubtle'\n : 'border-[var(--color-border-subtle)] hover:border-[var(--color-border-strong)]'\n }\n `}\n >\n <input\n type=\"radio\"\n name=\"cache-ttl\"\n checked={!isCustom && value === option.value}\n onChange={() => handlePresetChange(option.value)}\n disabled={disabled}\n className={`\n mt-0.5\n h-4 w-4\n border-[var(--color-border-default)]\n text-action-primary-bg\n focus-visible:ring-2\n focus-visible:ring-ring\n `}\n />\n <div className=\"flex-1\">\n <div className=\"flex items-center gap-2\">\n <span className=\"text-sm font-medium text-text-primary\">{option.label}</span>\n {option.recommended && (\n <span className=\"px-1.5 py-0.5 text-xs font-medium bg-action-primary-bg/10 text-action-primary-bg rounded\">\n {t('bigconsole.dataSinks.cacheTtl.recommendedBadge', 'Recommended')}\n </span>\n )}\n </div>\n <p className=\"text-xs text-text-secondary mt-0.5\">{option.description}</p>\n </div>\n </label>\n ))}\n\n {/* Custom option */}\n <label\n className={`\n flex cursor-pointer items-start gap-3\n rounded-input\n border p-3\n motion-safe:transition-colors\n ${disabled ? 'cursor-not-allowed opacity-50' : ''}\n ${\n isCustom\n ? 'border-[var(--color-action-primary-bg)] bg-bg-accentSubtle'\n : 'border-[var(--color-border-subtle)] hover:border-[var(--color-border-strong)]'\n }\n `}\n >\n <input\n type=\"radio\"\n name=\"cache-ttl\"\n checked={isCustom}\n onChange={handleCustomSelect}\n disabled={disabled}\n className={`\n mt-0.5\n h-4 w-4\n border-[var(--color-border-default)]\n text-action-primary-bg\n focus-visible:ring-2\n focus-visible:ring-ring\n `}\n />\n <div className=\"flex-1\">\n <span className=\"text-sm font-medium text-text-primary\">\n {t('bigconsole.dataSinks.cacheTtl.customLabel', 'Custom')}\n </span>\n <p className=\"text-xs text-text-secondary mt-0.5\">\n {t(\n 'bigconsole.dataSinks.cacheTtl.customDescription',\n 'Enter a custom cache duration (30 - 86400 seconds)'\n )}\n </p>\n {isCustom && (\n <>\n <div className=\"mt-3 flex flex-wrap items-center gap-2\">\n <input\n type=\"number\"\n aria-label=\"Custom cache duration in seconds\"\n value={customValue}\n onChange={handleCustomChange}\n disabled={disabled}\n min={30}\n max={86400}\n placeholder=\"300\"\n className={`\n h-control-md w-full min-w-0 rounded-input\n border bg-bg-sunken\n px-3\n text-sm text-text-primary\n focus-visible:outline-none\n focus-visible:ring-2\n focus-visible:ring-ring\n sm:w-32\n ${error || validationError ? 'border-[var(--color-status-error-border)]' : 'border-[var(--color-border-default)]'}\n `}\n />\n <span className=\"text-sm text-text-secondary\">\n {t('bigconsole.dataSinks.cacheTtl.secondsUnit', 'seconds')}\n </span>\n {customValue && !isNaN(parseInt(customValue)) && !validationError && (\n <span className=\"text-xs text-text-muted\">({formatDuration(parseInt(customValue))})</span>\n )}\n </div>\n {validationError && (\n <div className=\"flex items-center gap-1 mt-1\">\n <svg\n className=\"w-3.5 h-3.5 text-status-error-text flex-shrink-0\"\n fill=\"none\"\n stroke=\"currentColor\"\n viewBox=\"0 0 24 24\"\n >\n <path\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n strokeWidth={2}\n d=\"M12 8v4m0 4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z\"\n />\n </svg>\n <span className=\"text-xs text-status-error-text\">{validationError}</span>\n </div>\n )}\n </>\n )}\n </div>\n </label>\n </div>\n\n {/* Error message */}\n {error && (\n <div className=\"flex items-start gap-2\">\n <svg\n className=\"w-4 h-4 text-status-error-text flex-shrink-0 mt-0.5\"\n fill=\"none\"\n stroke=\"currentColor\"\n viewBox=\"0 0 24 24\"\n >\n <path\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n strokeWidth={2}\n d=\"M12 8v4m0 4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z\"\n />\n </svg>\n <p className=\"text-xs text-status-error-text\">{error}</p>\n </div>\n )}\n\n {/* Info message */}\n {value !== null && !error && (\n <div className=\"flex items-center gap-2 text-xs text-text-secondary\">\n <svg className=\"w-4 h-4\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n <path\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n strokeWidth={2}\n d=\"M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z\"\n />\n </svg>\n <span>\n {value === 0\n ? t(\n 'bigconsole.dataSinks.cacheTtl.presetNoCacheDescription',\n 'Read current stored data without caching results'\n )\n : t(\n 'bigconsole.dataSinks.cacheTtl.infoCachedFor',\n 'Data will be cached for {{duration}} before being refreshed',\n {\n duration: formatDuration(value),\n }\n )}\n </span>\n </div>\n )}\n </div>\n );\n});\n\nexport default CacheTTLSelector;\n"],"mappings":"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"}

package/dist/bigconsole/components/datasink/ConfigurationForm.d.ts CHANGED Viewed

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

package/dist/bigconsole/components/datasink/ConfigurationForm.d.ts.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"ConfigurationForm.d.ts","sourceRoot":"","sources":["../../../../src/bigconsole/components/datasink/ConfigurationForm.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAIH,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,aAAa,CAAC;AAMvD,UAAU,sBAAsB;IAC9B,2BAA2B;IAC3B,GAAG,EAAE,MAAM,GAAG,IAAI,CAAC;IACnB,mBAAmB;IACnB,WAAW,EAAE,mBAAmB,CAAC;IACjC,kDAAkD;IAClD,sBAAsB,EAAE,MAAM,GAAG,IAAI,CAAC;IACtC,gCAAgC;IAChC,WAAW,EAAE,CAAC,GAAG,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IAC1C,yCAAyC;IACzC,mBAAmB,EAAE,CAAC,IAAI,EAAE,mBAAmB,KAAK,IAAI,CAAC;IACzD,6CAA6C;IAC7C,uBAAuB,EAAE,CAAC,QAAQ,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IAC3D,+BAA+B;IAC/B,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAgBD,eAAO,MAAM,iBAAiB,8DAsW5B,CAAC;AAEH,eAAe,iBAAiB,CAAC"}

package/dist/bigconsole/components/datasink/DataPreviewPanel.d.ts CHANGED Viewed

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

package/dist/bigconsole/components/datasink/DataPreviewPanel.d.ts.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"DataPreviewPanel.d.ts","sourceRoot":"","sources":["../../../../src/bigconsole/components/datasink/DataPreviewPanel.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AASH,UAAU,qBAAqB;IAC7B,sBAAsB;IACtB,IAAI,EAAE,OAAO,CAAC;IACd,8BAA8B;IAC9B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,+BAA+B;IAC/B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,qCAAqC;IACrC,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB,6CAA6C;IAC7C,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAoCD,eAAO,MAAM,gBAAgB,6DA+O3B,CAAC;AAEH,eAAe,gBAAgB,CAAC"}

package/dist/bigconsole/components/datasink/DataSinkCard.d.ts CHANGED Viewed

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

package/dist/bigconsole/components/datasink/DataSinkCard.d.ts.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"DataSinkCard.d.ts","sourceRoot":"","sources":["../../../../src/bigconsole/components/datasink/DataSinkCard.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAQH,OAAO,KAAK,EAAE,QAAQ,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAC;AAahE,UAAU,iBAAiB;IACzB,oBAAoB;IACpB,QAAQ,EAAE,QAAQ,CAAC;IACnB,2BAA2B;IAC3B,UAAU,CAAC,EAAE,kBAAkB,CAAC;IAChC,oCAAoC;IACpC,MAAM,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9B,oCAAoC;IACpC,MAAM,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9B,uCAAuC;IACvC,SAAS,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IACjC,sCAAsC;IACtC,QAAQ,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAChC,sCAAsC;IACtC,QAAQ,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAChC,iCAAiC;IACjC,eAAe,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,kGAAkG;IAClG,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,wGAAwG;IACxG,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,sGAAsG;IACtG,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAMD,eAAO,MAAM,YAAY,yDA+MvB,CAAC;AAEH,eAAe,YAAY,CAAC"}

package/dist/bigconsole/components/datasink/DataSinkCard.js CHANGED Viewed

@@ -4,12 +4,11 @@ import t from "./DataSinkStatusBadge.js";
 import { formatByteSize as n } from "../../utils/format.js";
 import { memo as r, useCallback as i } from "react";
 import { jsx as a, jsxs as o } from "react/jsx-runtime";
-import { formatDistanceToNow as s } from "date-fns";
+import { useI18n as s } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { formatDistanceToNow as c } from "date-fns";
 //#region src/bigconsole/components/datasink/DataSinkCard.tsx
-var c = `inline-flex min-h-[var(--size-controlHeight-md)] items-center justify-center rounded-button px-3 py-1.5 text-xs font-medium motion-safe:transition-colors ${e}`, l = r(function({ dataSink: e, setupState: r, onView: l, onEdit: u, onRefresh: d, onExport: f, onDelete: p, onContinueSetup: m, canEdit: h = !0, canRefresh: g = !0, canDelete: _ = !0 }) {
-	let v = i((t) => {
-		t.stopPropagation(), l?.(e.id);
-	}, [e.id, l]), y = i((t) => {
+var l = `inline-flex min-h-[var(--size-controlHeight-md)] items-center justify-center rounded-button px-3 py-1.5 text-xs font-medium motion-safe:transition-colors ${e}`, u = r(function({ dataSink: e, setupState: r, onView: u, onEdit: d, onRefresh: f, onExport: p, onDelete: m, onContinueSetup: h, canEdit: g = !0, canRefresh: _ = !0, canDelete: v = !0 }) {
+	let y = i((t) => {
 		t.stopPropagation(), u?.(e.id);
 	}, [e.id, u]), b = i((t) => {
 		t.stopPropagation(), d?.(e.id);
@@ -19,10 +18,12 @@ var c = `inline-flex min-h-[var(--size-controlHeight-md)] items-center justify-c
 		t.stopPropagation(), p?.(e.id);
 	}, [e.id, p]), C = i((t) => {
 		t.stopPropagation(), m?.(e.id);
-	}, [e.id, m]), w = (r ?? e.setupState) === "completed", T = e.lastRefreshedAt ? s(new Date(e.lastRefreshedAt), { addSuffix: !0 }) : "Never";
+	}, [e.id, m]), w = i((t) => {
+		t.stopPropagation(), h?.(e.id);
+	}, [e.id, h]), { t: T } = s(), E = (r ?? e.setupState) === "completed", D = e.lastRefreshedAt ? c(new Date(e.lastRefreshedAt), { addSuffix: !0 }) : T("bigconsole.dataSinks.view.never", "Never");
 	return /* @__PURE__ */ o("article", {
 		className: "\n        min-w-0\n        cursor-pointer\n        rounded-card\n        border border-transparent\n        bg-bg-sunken\n        p-card-padding\n        hover:border-[var(--color-action-primary-bg)]\n        motion-safe:transition-colors\n      ",
-		onClick: v,
+		onClick: y,
 		children: [
 			/* @__PURE__ */ o("div", {
 				className: "mb-3 flex items-start justify-between gap-icon-gap",
@@ -60,7 +61,7 @@ var c = `inline-flex min-h-[var(--size-controlHeight-md)] items-center justify-c
 								strokeWidth: 2,
 								d: "M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z"
 							})
-						}), T]
+						}), D]
 					}),
 					/* @__PURE__ */ o("span", {
 						className: "flex items-center gap-1",
@@ -100,14 +101,14 @@ var c = `inline-flex min-h-[var(--size-controlHeight-md)] items-center justify-c
 					})
 				]
 			}),
-			!w && /* @__PURE__ */ o("div", {
+			!E && /* @__PURE__ */ o("div", {
 				className: "mb-3 flex items-center justify-between gap-icon-gap rounded-input border border-[var(--color-status-warning-border)] bg-[var(--color-status-warning-bgSubtle)] p-2",
 				children: [/* @__PURE__ */ a("span", {
 					className: "text-xs text-[var(--color-status-warning-text)]",
 					children: "Setup incomplete"
 				}), /* @__PURE__ */ a("button", {
 					type: "button",
-					onClick: C,
+					onClick: w,
 					className: "rounded-button px-1 text-xs font-medium text-text-link hover:underline focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-bg-surface",
 					children: "Continue"
 				})]
@@ -116,34 +117,34 @@ var c = `inline-flex min-h-[var(--size-controlHeight-md)] items-center justify-c
 				className: "flex flex-wrap items-center gap-2 border-t border-[var(--color-border-subtle)] pt-2",
 				children: [
 					/* @__PURE__ */ a("button", {
-						type: "button",
-						onClick: v,
-						className: `${c} flex-1 bg-bg-surface text-text-primary hover:bg-bg-elevated`,
-						children: "View"
-					}),
-					h && /* @__PURE__ */ a("button", {
 						type: "button",
 						onClick: y,
-						className: `${c} text-text-secondary hover:bg-bg-surface hover:text-text-primary`,
-						children: "Edit"
+						className: `${l} flex-1 bg-bg-surface text-text-primary hover:bg-bg-elevated`,
+						children: T("bigconsole.dataSinks.actions.view", "View")
 					}),
 					g && /* @__PURE__ */ a("button", {
 						type: "button",
 						onClick: b,
-						className: `${c} text-text-secondary hover:bg-bg-surface hover:text-text-primary`,
-						children: "Refresh"
+						className: `${l} text-text-secondary hover:bg-bg-surface hover:text-text-primary`,
+						children: T("bigconsole.dataSinks.actions.edit", "Edit")
 					}),
-					f && /* @__PURE__ */ a("button", {
+					_ && /* @__PURE__ */ a("button", {
 						type: "button",
 						onClick: x,
-						className: `${c} text-text-secondary hover:bg-bg-surface hover:text-text-primary`,
-						children: "Export"
+						className: `${l} text-text-secondary hover:bg-bg-surface hover:text-text-primary`,
+						children: T("bigconsole.dataSinks.actions.refresh", "Refresh")
 					}),
-					_ && /* @__PURE__ */ a("button", {
+					p && /* @__PURE__ */ a("button", {
 						type: "button",
 						onClick: S,
-						className: `${c} text-status-error-text hover:bg-[var(--color-status-error-bgSubtle)]`,
-						children: "Delete"
+						className: `${l} text-text-secondary hover:bg-bg-surface hover:text-text-primary`,
+						children: T("bigconsole.dataSinks.actions.export", "Export")
+					}),
+					v && /* @__PURE__ */ a("button", {
+						type: "button",
+						onClick: C,
+						className: `${l} text-status-error-text hover:bg-[var(--color-status-error-bgSubtle)]`,
+						children: T("bigconsole.dataSinks.actions.delete", "Delete")
 					})
 				]
 			})
@@ -151,4 +152,6 @@ var c = `inline-flex min-h-[var(--size-controlHeight-md)] items-center justify-c
 	});
 });
 //#endregion
-export { l as default };
+export { u as default };
+//# sourceMappingURL=DataSinkCard.js.map

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

@@ -0,0 +1 @@

+ {"version":3,"file":"DataSinkCard.js","names":[],"sources":["../../../../src/bigconsole/components/datasink/DataSinkCard.tsx"],"sourcesContent":["/**\n * DataSink Card\n *\n * Card component for displaying DataSink information in a list/grid view.\n */\n\nimport { memo, useCallback } from 'react';\nimport { formatDistanceToNow } from 'date-fns';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\nimport { DataSinkStatusBadge } from './DataSinkStatusBadge';\nimport { SECTION_FOCUS_RING } from '../common';\nimport { formatByteSize } from '../../utils';\nimport type { DataSink, DataSinkSetupState } from '../../types';\n\n/**\n * Shared class recipe for the card's five action buttons. `min-h-[var(--size-controlHeight-md)]`\n * keeps every one at the 40px touch minimum once the row wraps on mobile.\n */\nconst CARD_ACTION =\n `inline-flex min-h-[var(--size-controlHeight-md)] items-center justify-center rounded-button px-3 py-1.5 text-xs font-medium motion-safe:transition-colors ${SECTION_FOCUS_RING}` as const;\n\n// ============================================================================\n// TYPES\n// ============================================================================\n\ninterface DataSinkCardProps {\n /** DataSink data */\n dataSink: DataSink;\n /** Setup state override */\n setupState?: DataSinkSetupState;\n /** Callback when view is clicked */\n onView?: (id: string) => void;\n /** Callback when edit is clicked */\n onEdit?: (id: string) => void;\n /** Callback when refresh is clicked */\n onRefresh?: (id: string) => void;\n /** Callback when export is clicked */\n onExport?: (id: string) => void;\n /** Callback when delete is clicked */\n onDelete?: (id: string) => void;\n /** Callback to continue setup */\n onContinueSetup?: (id: string) => void;\n /** Whether the current actor may edit this DataSink (gates the Edit action). Defaults to true. */\n canEdit?: boolean;\n /** Whether the current actor may refresh this DataSink (gates the Refresh action). Defaults to true. */\n canRefresh?: boolean;\n /** Whether the current actor may delete this DataSink (gates the Delete action). Defaults to true. */\n canDelete?: boolean;\n}\n\n// ============================================================================\n// COMPONENT\n// ============================================================================\n\nexport const DataSinkCard = memo(function DataSinkCard({\n dataSink,\n setupState,\n onView,\n onEdit,\n onRefresh,\n onExport,\n onDelete,\n onContinueSetup,\n canEdit = true,\n canRefresh = true,\n canDelete = true,\n}: DataSinkCardProps) {\n // Event handlers\n const handleView = useCallback(\n (e: React.MouseEvent) => {\n e.stopPropagation();\n onView?.(dataSink.id);\n },\n [dataSink.id, onView]\n );\n\n const handleEdit = useCallback(\n (e: React.MouseEvent) => {\n e.stopPropagation();\n onEdit?.(dataSink.id);\n },\n [dataSink.id, onEdit]\n );\n\n const handleRefresh = useCallback(\n (e: React.MouseEvent) => {\n e.stopPropagation();\n onRefresh?.(dataSink.id);\n },\n [dataSink.id, onRefresh]\n );\n\n const handleExport = useCallback(\n (e: React.MouseEvent) => {\n e.stopPropagation();\n onExport?.(dataSink.id);\n },\n [dataSink.id, onExport]\n );\n\n const handleDelete = useCallback(\n (e: React.MouseEvent) => {\n e.stopPropagation();\n onDelete?.(dataSink.id);\n },\n [dataSink.id, onDelete]\n );\n\n const handleContinueSetup = useCallback(\n (e: React.MouseEvent) => {\n e.stopPropagation();\n onContinueSetup?.(dataSink.id);\n },\n [dataSink.id, onContinueSetup]\n );\n\n // The same keys the table view's icon buttons use, so grid and table read\n // alike in every locale (BOFF-8060 i18n B2).\n const { t } = useI18n();\n\n const currentSetupState = setupState ?? dataSink.setupState;\n const isSetupComplete = currentSetupState === 'completed';\n\n // Format last refreshed time\n const lastRefreshedText = dataSink.lastRefreshedAt\n ? formatDistanceToNow(new Date(dataSink.lastRefreshedAt), { addSuffix: true })\n : t('bigconsole.dataSinks.view.never', 'Never');\n\n return (\n // A card is a tile inside the page's `primary` results section, so it steps\n // down to the `muted` recipe (recessed surface, transparent border) instead\n // of competing with the panel that contains it.\n <article\n className={`\n min-w-0\n cursor-pointer\n rounded-card\n border border-transparent\n bg-bg-sunken\n p-card-padding\n hover:border-[var(--color-action-primary-bg)]\n motion-safe:transition-colors\n `}\n onClick={handleView}\n >\n {/* Identity */}\n <div className=\"mb-3 flex items-start justify-between gap-icon-gap\">\n <div className=\"min-w-0 flex-1\">\n <h3 className=\"truncate text-sm font-semibold text-text-primary\">{dataSink.name || 'Untitled data sink'}</h3>\n <p className=\"mt-0.5 truncate font-mono text-xs text-text-secondary\">{dataSink.key}</p>\n </div>\n <DataSinkStatusBadge status={dataSink.status} size=\"sm\" />\n </div>\n\n {/* Description */}\n {dataSink.description && <p className=\"mb-3 line-clamp-2 text-xs text-text-secondary\">{dataSink.description}</p>}\n\n {/* Stats */}\n <div className=\"mb-3 flex flex-wrap items-center gap-x-4 gap-y-1 text-xs text-text-secondary\">\n <span className=\"flex items-center gap-1\">\n <svg className=\"w-3.5 h-3.5\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n <path\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n strokeWidth={2}\n d=\"M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z\"\n />\n </svg>\n {lastRefreshedText}\n </span>\n {/* `sizeBytes` ships in DataSinkListItem on every list query but was\n never shown here — it is how you tell a populated sink from an empty\n one without opening it. */}\n <span className=\"flex items-center gap-1\" title=\"Stored payload size\">\n <svg className=\"w-3.5 h-3.5\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n <path\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n strokeWidth={2}\n d=\"M4 7v10c0 2.21 3.582 4 8 4s8-1.79 8-4V7M4 7c0 2.21 3.582 4 8 4s8-1.79 8-4M4 7c0-2.21 3.582-4 8-4s8 1.79 8 4\"\n />\n </svg>\n {formatByteSize(dataSink.sizeBytes)}\n </span>\n {dataSink.linkedWorkflowCount !== undefined && dataSink.linkedWorkflowCount > 0 && (\n <span className=\"flex items-center gap-1\">\n <svg className=\"w-3.5 h-3.5\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n <path\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n strokeWidth={2}\n d=\"M13.828 10.172a4 4 0 00-5.656 0l-4 4a4 4 0 105.656 5.656l1.102-1.101m-.758-4.899a4 4 0 005.656 0l4-4a4 4 0 00-5.656-5.656l-1.1 1.1\"\n />\n </svg>\n {dataSink.linkedWorkflowCount} workflow{dataSink.linkedWorkflowCount !== 1 ? 's' : ''}\n </span>\n )}\n </div>\n\n {/* Setup state — a warning strip, so it carries the warning tone. */}\n {!isSetupComplete && (\n <div className=\"mb-3 flex items-center justify-between gap-icon-gap rounded-input border border-[var(--color-status-warning-border)] bg-[var(--color-status-warning-bgSubtle)] p-2\">\n <span className=\"text-xs text-[var(--color-status-warning-text)]\">Setup incomplete</span>\n <button\n type=\"button\"\n onClick={handleContinueSetup}\n className={`rounded-button px-1 text-xs font-medium text-text-link hover:underline ${SECTION_FOCUS_RING}`}\n >\n Continue\n </button>\n </div>\n )}\n\n {/* Actions */}\n <div className=\"flex flex-wrap items-center gap-2 border-t border-[var(--color-border-subtle)] pt-2\">\n <button\n type=\"button\"\n onClick={handleView}\n className={`${CARD_ACTION} flex-1 bg-bg-surface text-text-primary hover:bg-bg-elevated`}\n >\n {t('bigconsole.dataSinks.actions.view', 'View')}\n </button>\n {canEdit && (\n <button\n type=\"button\"\n onClick={handleEdit}\n className={`${CARD_ACTION} text-text-secondary hover:bg-bg-surface hover:text-text-primary`}\n >\n {t('bigconsole.dataSinks.actions.edit', 'Edit')}\n </button>\n )}\n {canRefresh && (\n <button\n type=\"button\"\n onClick={handleRefresh}\n className={`${CARD_ACTION} text-text-secondary hover:bg-bg-surface hover:text-text-primary`}\n >\n {t('bigconsole.dataSinks.actions.refresh', 'Refresh')}\n </button>\n )}\n {onExport && (\n <button\n type=\"button\"\n onClick={handleExport}\n className={`${CARD_ACTION} text-text-secondary hover:bg-bg-surface hover:text-text-primary`}\n >\n {t('bigconsole.dataSinks.actions.export', 'Export')}\n </button>\n )}\n {canDelete && (\n <button\n type=\"button\"\n onClick={handleDelete}\n className={`${CARD_ACTION} text-status-error-text hover:bg-[var(--color-status-error-bgSubtle)]`}\n >\n {t('bigconsole.dataSinks.actions.delete', 'Delete')}\n </button>\n )}\n </div>\n </article>\n );\n});\n\nexport default DataSinkCard;\n"],"mappings":"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"}

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

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

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

@@ -0,0 +1 @@

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

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

@@ -38,3 +38,5 @@ var o = n(function({ data: n, dataPath: o, maxHeight: s = "400px", showCopyButto
 });
 //#endregion
 export { o as default };
+//# sourceMappingURL=DataSinkDataViewer.js.map

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

@@ -0,0 +1 @@

+ {"version":3,"file":"DataSinkDataViewer.js","names":[],"sources":["../../../../src/bigconsole/components/datasink/DataSinkDataViewer.tsx"],"sourcesContent":["/**\n * DataSink Data Viewer\n *\n * Component for viewing DataSink data as formatted JSON.\n */\n\nimport { memo, useState, useCallback } from 'react';\nimport { Section, SECTION_FOCUS_RING } from '../common';\n\n// ============================================================================\n// TYPES\n// ============================================================================\n\ninterface DataSinkDataViewerProps {\n /** Data to display */\n data: unknown;\n /** Optional path to display */\n dataPath?: string;\n /** Maximum height */\n maxHeight?: string;\n /** Whether to show copy button */\n showCopyButton?: boolean;\n}\n\n// ============================================================================\n// COMPONENT\n// ============================================================================\n\nexport const DataSinkDataViewer = memo(function DataSinkDataViewer({\n data,\n dataPath,\n maxHeight = '400px',\n showCopyButton = true,\n}: DataSinkDataViewerProps) {\n const [isCopied, setIsCopied] = useState(false);\n\n // Format data as JSON\n const formattedData = JSON.stringify(data, null, 2);\n\n // Copy to clipboard\n const handleCopy = useCallback(async () => {\n try {\n await navigator.clipboard.writeText(formattedData);\n setIsCopied(true);\n setTimeout(() => setIsCopied(false), 2000);\n } catch (err) {}\n }, [formattedData]);\n\n return (\n <Section\n emphasis=\"muted\"\n padding=\"compact\"\n // Rendered directly inside the detail page's level-2 \"Data preview\"\n // section, so h3 keeps the outline unbroken (h2 → h4 would skip a level).\n headingLevel={3}\n title=\"Raw JSON\"\n meta={dataPath ? <span className=\"font-mono text-xs text-text-secondary\">{dataPath}</span> : undefined}\n actions={\n showCopyButton ? (\n <button\n type=\"button\"\n onClick={handleCopy}\n className={`min-h-[var(--size-controlHeight-md)] rounded-button bg-bg-surface px-2 py-1 text-xs font-medium text-text-primary hover:bg-bg-elevated motion-safe:transition-colors ${SECTION_FOCUS_RING}`}\n >\n {isCopied ? 'Copied!' : 'Copy'}\n </button>\n ) : undefined\n }\n headerClassName=\"mb-control-gap\"\n >\n <pre className=\"min-w-0 overflow-auto rounded-input bg-bg-surface p-3 text-xs sm:text-sm\" style={{ maxHeight }}>\n <code className=\"font-mono text-text-primary\">{formattedData}</code>\n </pre>\n </Section>\n );\n});\n\nexport default DataSinkDataViewer;\n"],"mappings":";;;;;;AA4BA,IAAa,IAAqB,EAAK,SAA4B,EACjE,SACA,aACA,eAAY,SACZ,oBAAiB,MACS;CAC1B,IAAM,CAAC,GAAU,KAAe,EAAS,GAAM,EAGzC,IAAgB,KAAK,UAAU,GAAM,MAAM,EAAE,EAG7C,IAAa,EAAY,YAAY;AACzC,MAAI;AAGF,GAFA,MAAM,UAAU,UAAU,UAAU,EAAc,EAClD,EAAY,GAAK,EACjB,iBAAiB,EAAY,GAAM,EAAE,IAAK;UAC9B;IACb,CAAC,EAAc,CAAC;AAEnB,QACE,kBAAC,GAAD;EACE,UAAS;EACT,SAAQ;EAGR,cAAc;EACd,OAAM;EACN,MAAM,IAAW,kBAAC,QAAD;GAAM,WAAU;aAAyC;GAAgB,CAAA,GAAG,KAAA;EAC7F,SACE,IACE,kBAAC,UAAD;GACE,MAAK;GACL,SAAS;GACT,WAAW,wKAAwK;aAElL,IAAW,YAAY;GACjB,CAAA,GACP,KAAA;EAEN,iBAAgB;YAEhB,kBAAC,OAAD;GAAK,WAAU;GAA2E,OAAO,EAAE,cAAW;aAC5G,kBAAC,QAAD;IAAM,WAAU;cAA+B;IAAqB,CAAA;GAChE,CAAA;EACE,CAAA;EAEZ"}

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

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

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

@@ -0,0 +1 @@

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

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

@@ -101,3 +101,5 @@ var u = `min-h-[var(--size-controlHeight-md)] rounded-button px-4 py-2 text-sm f
 });
 //#endregion
 export { d as default };
+//# sourceMappingURL=DataSinkDeleteDialog.js.map

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

@@ -0,0 +1 @@

+ {"version":3,"file":"DataSinkDeleteDialog.js","names":[],"sources":["../../../../src/bigconsole/components/datasink/DataSinkDeleteDialog.tsx"],"sourcesContent":["/**\n * DataSink Delete Dialog\n *\n * Confirmation dialog for deleting a DataSink.\n */\n\nimport { memo, useCallback, useId, useRef } from 'react';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\nimport { useModalFocusTrap } from '../../hooks/useModalFocusTrap';\nimport { Section, SECTION_FOCUS_RING } from '../common';\nimport type { DataSink } from '../../types';\n\n/** Shared button recipe for the dialog footer. Keeps a visible focus ring. */\nconst DIALOG_BUTTON =\n `min-h-[var(--size-controlHeight-md)] rounded-button px-4 py-2 text-sm font-medium disabled:cursor-not-allowed disabled:opacity-50 motion-safe:transition-colors ${SECTION_FOCUS_RING}` as const;\n\n// ============================================================================\n// TYPES\n// ============================================================================\n\ninterface DataSinkDeleteDialogProps {\n /** DataSink to delete */\n dataSink: DataSink;\n /** Whether dialog is open */\n isOpen: boolean;\n /** Callback when dialog is closed */\n onClose: () => void;\n /** Callback when delete is confirmed */\n onConfirm: () => void;\n /** Whether delete is in progress */\n isDeleting?: boolean;\n}\n\n// ============================================================================\n// COMPONENT\n// ============================================================================\n\nexport const DataSinkDeleteDialog = memo(function DataSinkDeleteDialog({\n dataSink,\n isOpen,\n onClose,\n onConfirm,\n isDeleting = false,\n}: DataSinkDeleteDialogProps) {\n const { t } = useI18n();\n const titleId = useId();\n const descriptionId = useId();\n const panelRef = useRef<HTMLDivElement | null>(null);\n const cancelRef = useRef<HTMLButtonElement | null>(null);\n\n // Escape must not yank the dialog away mid-delete — the request is already in\n // flight and the user would be left guessing whether it landed.\n const handleEscape = useCallback(() => {\n if (!isDeleting) onClose();\n }, [isDeleting, onClose]);\n\n // `aria-modal=\"true\"` promises assistive tech that focus is confined to the\n // panel, so it has to actually be confined. Cancel is the entry point: this is\n // a destructive confirmation, so the control under the keyboard is the safe\n // one. Same contract as the pipeline and workflow delete dialogs.\n useModalFocusTrap({ isOpen, panelRef, onClose: handleEscape, initialFocusRef: cancelRef });\n\n // Handle backdrop click\n const handleBackdropClick = useCallback(\n (e: React.MouseEvent) => {\n if (e.target === e.currentTarget && !isDeleting) {\n onClose();\n }\n },\n [isDeleting, onClose]\n );\n\n if (!isOpen) {\n return null;\n }\n\n return (\n <div\n className=\"fixed inset-0 z-50 flex items-center justify-center bg-[var(--color-bg-overlay)] p-4\"\n onClick={handleBackdropClick}\n >\n {/*\n `role=\"dialog\"` / `aria-modal` belong on the PANEL, not the scrim: on the\n scrim the dialog boundary screen readers announce is the whole viewport.\n */}\n <div\n ref={panelRef}\n role=\"dialog\"\n aria-modal=\"true\"\n aria-labelledby={titleId}\n aria-describedby={descriptionId}\n tabIndex={-1}\n className=\"flex max-h-[90vh] w-full max-w-md flex-col rounded-card border border-[var(--color-border-subtle)] bg-bg-surface shadow-[var(--shadow-elevation-3)] focus:outline-none\"\n >\n {/* Header strip — structural only. */}\n <div className=\"border-b border-[var(--color-border-subtle)] p-form-gap sm:p-card-padding\">\n <h2 id={titleId} className=\"text-lg font-semibold text-text-primary\">\n {t('bigconsole.dataSinks.deleteDialog.title', 'Delete DataSink')}\n </h2>\n </div>\n\n {/* Body */}\n <div className=\"min-w-0 flex-1 space-y-form-gap overflow-y-auto p-form-gap sm:p-card-padding\">\n <p id={descriptionId} className=\"text-sm text-text-primary\">\n {t('bigconsole.dataSinks.deleteDialog.confirmMessage', 'Are you sure you want to delete this DataSink?')}\n </p>\n\n <Section\n emphasis=\"muted\"\n padding=\"compact\"\n headingLevel={3}\n title=\"Data sink\"\n headerClassName=\"mb-control-gap\"\n >\n <p className=\"text-sm font-medium text-text-primary\">\n {dataSink.name || t('bigconsole.dataSinks.deleteDialog.untitledName', 'Untitled DataSink')}\n </p>\n <p className=\"mt-1 break-all font-mono text-xs text-text-secondary\">{dataSink.key}</p>\n </Section>\n\n {dataSink.linkedWorkflowCount && dataSink.linkedWorkflowCount > 0 ? (\n <Section\n tone=\"warning\"\n padding=\"compact\"\n headingLevel={3}\n title=\"Workflow links will be removed\"\n headerClassName=\"mb-control-gap\"\n >\n <p className=\"text-sm text-[var(--color-status-warning-text)]\">\n {dataSink.linkedWorkflowCount === 1\n ? t(\n 'bigconsole.dataSinks.deleteDialog.linkedWorkflowWarningSingular',\n 'This DataSink is linked to {{count}} workflow. Deleting it will remove these links.',\n { count: dataSink.linkedWorkflowCount }\n )\n : t(\n 'bigconsole.dataSinks.deleteDialog.linkedWorkflowWarningPlural',\n 'This DataSink is linked to {{count}} workflows. Deleting it will remove these links.',\n { count: dataSink.linkedWorkflowCount }\n )}\n </p>\n </Section>\n ) : null}\n\n <p className=\"text-sm text-status-error-text\">\n {t('bigconsole.dataSinks.deleteDialog.cannotBeUndone', 'This action cannot be undone.')}\n </p>\n </div>\n\n {/* Footer strip */}\n <div className=\"flex flex-wrap items-center justify-end gap-control-gap border-t border-[var(--color-border-subtle)] p-form-gap sm:p-card-padding\">\n <button\n ref={cancelRef}\n type=\"button\"\n onClick={onClose}\n disabled={isDeleting}\n className={`${DIALOG_BUTTON} bg-bg-sunken text-text-primary hover:bg-bg-elevated`}\n >\n {t('bigconsole.dataSinks.deleteDialog.cancelButton', 'Cancel')}\n </button>\n <button\n type=\"button\"\n onClick={onConfirm}\n disabled={isDeleting}\n className={`${DIALOG_BUTTON} bg-action-danger-bg text-[var(--color-action-danger-text)] hover:bg-[var(--color-action-danger-bgHover)]`}\n >\n {isDeleting\n ? t('bigconsole.dataSinks.deleteDialog.deletingButton', 'Deleting...')\n : t('bigconsole.dataSinks.deleteDialog.deleteButton', 'Delete')}\n </button>\n </div>\n </div>\n </div>\n );\n});\n\nexport default DataSinkDeleteDialog;\n"],"mappings":";;;;;;;;AAaA,IAAM,IACJ,mKAAmK,KAuBxJ,IAAuB,EAAK,SAA8B,EACrE,aACA,WACA,YACA,cACA,gBAAa,MACe;CAC5B,IAAM,EAAE,SAAM,GAAS,EACjB,IAAU,GAAO,EACjB,IAAgB,GAAO,EACvB,IAAW,EAA8B,KAAK,EAC9C,IAAY,EAAiC,KAAK;AAYxD,GAAkB;EAAE;EAAQ;EAAU,SARjB,QAAkB;AACrC,GAAK,KAAY,GAAS;KACzB,CAAC,GAAY,EAAQ,CAAC;EAMoC,iBAAiB;EAAW,CAAC;CAG1F,IAAM,IAAsB,GACzB,MAAwB;AACvB,EAAI,EAAE,WAAW,EAAE,iBAAiB,CAAC,KACnC,GAAS;IAGb,CAAC,GAAY,EAAQ,CACtB;AAMD,QAJK,IAKH,kBAAC,OAAD;EACE,WAAU;EACV,SAAS;YAMT,kBAAC,OAAD;GACE,KAAK;GACL,MAAK;GACL,cAAW;GACX,mBAAiB;GACjB,oBAAkB;GAClB,UAAU;GACV,WAAU;aAPZ;IAUE,kBAAC,OAAD;KAAK,WAAU;eACb,kBAAC,MAAD;MAAI,IAAI;MAAS,WAAU;gBACxB,EAAE,2CAA2C,kBAAkB;MAC7D,CAAA;KACD,CAAA;IAGN,kBAAC,OAAD;KAAK,WAAU;eAAf;MACE,kBAAC,KAAD;OAAG,IAAI;OAAe,WAAU;iBAC7B,EAAE,oDAAoD,iDAAiD;OACtG,CAAA;MAEJ,kBAAC,GAAD;OACE,UAAS;OACT,SAAQ;OACR,cAAc;OACd,OAAM;OACN,iBAAgB;iBALlB,CAOE,kBAAC,KAAD;QAAG,WAAU;kBACV,EAAS,QAAQ,EAAE,kDAAkD,oBAAoB;QACxF,CAAA,EACJ,kBAAC,KAAD;QAAG,WAAU;kBAAwD,EAAS;QAAQ,CAAA,CAC9E;;MAET,EAAS,uBAAuB,EAAS,sBAAsB,IAC9D,kBAAC,GAAD;OACE,MAAK;OACL,SAAQ;OACR,cAAc;OACd,OAAM;OACN,iBAAgB;iBAEhB,kBAAC,KAAD;QAAG,WAAU;kBACV,EAAS,wBAAwB,IAC9B,EACE,mEACA,uFACA,EAAE,OAAO,EAAS,qBAAqB,CACxC,GACD,EACE,iEACA,wFACA,EAAE,OAAO,EAAS,qBAAqB,CACxC;QACH,CAAA;OACI,CAAA,GACR;MAEJ,kBAAC,KAAD;OAAG,WAAU;iBACV,EAAE,oDAAoD,gCAAgC;OACrF,CAAA;MACA;;IAGN,kBAAC,OAAD;KAAK,WAAU;eAAf,CACE,kBAAC,UAAD;MACE,KAAK;MACL,MAAK;MACL,SAAS;MACT,UAAU;MACV,WAAW,GAAG,EAAc;gBAE3B,EAAE,kDAAkD,SAAS;MACvD,CAAA,EACT,kBAAC,UAAD;MACE,MAAK;MACL,SAAS;MACT,UAAU;MACV,WAAW,GAAG,EAAc;gBAE3B,IACG,EAAE,oDAAoD,cAAc,GACpE,EAAE,kDAAkD,SAAS;MAC1D,CAAA,CACL;;IACF;;EACF,CAAA,GAnGC;EAqGT"}

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

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

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

@@ -0,0 +1 @@

+ {"version":3,"file":"DataSinkRefreshConfig.d.ts","sourceRoot":"","sources":["../../../../src/bigconsole/components/datasink/DataSinkRefreshConfig.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAQH,UAAU,eAAe;IACvB,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,MAAM,CAAC;CAClB;AAED,UAAU,aAAa;IACrB,IAAI,EAAE,QAAQ,GAAG,WAAW,CAAC;IAC7B,QAAQ,CAAC,EAAE,eAAe,CAAC;CAC5B;AAED,UAAU,0BAA0B;IAClC,oCAAoC;IACpC,MAAM,CAAC,EAAE,aAAa,CAAC;IACvB,0CAA0C;IAC1C,QAAQ,EAAE,CAAC,MAAM,EAAE,aAAa,KAAK,IAAI,CAAC;CAC3C;AAsBD,eAAO,MAAM,qBAAqB,kEAwHhC,CAAC;AAEH,eAAe,qBAAqB,CAAC"}

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

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

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

@@ -0,0 +1 @@

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

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

@@ -95,3 +95,5 @@ var c = `min-h-[var(--size-controlHeight-md)] rounded-button px-4 py-2 text-sm f
 });
 //#endregion
 export { l as default };
+//# sourceMappingURL=DataSinkRefreshDialog.js.map

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

@@ -0,0 +1 @@

+ {"version":3,"file":"DataSinkRefreshDialog.js","names":[],"sources":["../../../../src/bigconsole/components/datasink/DataSinkRefreshDialog.tsx"],"sourcesContent":["/**\n * DataSink Refresh Dialog\n *\n * Dialog for confirming DataSink refresh with force option.\n */\n\nimport { memo, useState, useCallback } from 'react';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\nimport { Section, SECTION_FOCUS_RING } from '../common';\nimport type { DataSink } from '../../types';\n\n/** Shared button recipe for the dialog footer. Keeps a visible focus ring. */\nconst DIALOG_BUTTON =\n `min-h-[var(--size-controlHeight-md)] rounded-button px-4 py-2 text-sm font-medium disabled:cursor-not-allowed disabled:opacity-50 motion-safe:transition-colors ${SECTION_FOCUS_RING}` as const;\n\n// ============================================================================\n// TYPES\n// ============================================================================\n\ninterface DataSinkRefreshDialogProps {\n /** DataSink to refresh */\n dataSink: DataSink;\n /** Whether dialog is open */\n isOpen: boolean;\n /** Callback when dialog is closed */\n onClose: () => void;\n /** Callback when refresh is confirmed (with force flag) */\n onConfirm: (force: boolean) => void;\n /** Whether refresh is in progress */\n isRefreshing?: boolean;\n}\n\n// ============================================================================\n// COMPONENT\n// ============================================================================\n\nexport const DataSinkRefreshDialog = memo(function DataSinkRefreshDialog({\n dataSink,\n isOpen,\n onClose,\n onConfirm,\n isRefreshing = false,\n}: DataSinkRefreshDialogProps) {\n const { t } = useI18n();\n const [forceRefresh, setForceRefresh] = useState(false);\n\n // Handle backdrop click\n const handleBackdropClick = useCallback(\n (e: React.MouseEvent) => {\n if (e.target === e.currentTarget && !isRefreshing) {\n onClose();\n }\n },\n [isRefreshing, onClose]\n );\n\n // Format date\n const formatDate = (dateString: string) => {\n return new Date(dateString).toLocaleString();\n };\n\n // Handle confirm\n const handleConfirm = useCallback(() => {\n onConfirm(forceRefresh);\n }, [onConfirm, forceRefresh]);\n\n if (!isOpen) {\n return null;\n }\n\n return (\n <div\n className=\"fixed inset-0 z-50 flex items-center justify-center bg-[var(--color-bg-overlay)] p-4\"\n onClick={handleBackdropClick}\n role=\"dialog\"\n aria-modal=\"true\"\n aria-labelledby=\"refresh-dialog-title\"\n >\n <div className=\"flex max-h-[90vh] w-full max-w-md flex-col rounded-card border border-[var(--color-border-subtle)] bg-bg-surface shadow-[var(--shadow-elevation-3)]\">\n {/* Header strip — structural only. */}\n <div className=\"border-b border-[var(--color-border-subtle)] p-form-gap sm:p-card-padding\">\n <h2 id=\"refresh-dialog-title\" className=\"text-lg font-semibold text-text-primary\">\n {t('bigconsole.dataSinks.refreshDialog.title', 'Refresh DataSink')}\n </h2>\n </div>\n\n {/* Body */}\n <div className=\"min-w-0 flex-1 space-y-form-gap overflow-y-auto p-form-gap sm:p-card-padding\">\n <Section\n emphasis=\"muted\"\n padding=\"compact\"\n headingLevel={3}\n title=\"Data sink\"\n headerClassName=\"mb-control-gap\"\n >\n <p className=\"text-sm font-medium text-text-primary\">\n {dataSink.name || t('bigconsole.dataSinks.refreshDialog.untitledName', 'Untitled DataSink')}\n </p>\n <p className=\"mt-1 break-all font-mono text-xs text-text-secondary\">{dataSink.key}</p>\n {dataSink.lastRefreshedAt && (\n <p className=\"mt-2 text-xs text-text-secondary\">\n {t('bigconsole.dataSinks.refreshDialog.lastRefreshed', 'Last refreshed: {{date}}', {\n date: formatDate(dataSink.lastRefreshedAt),\n })}\n </p>\n )}\n </Section>\n\n <Section emphasis=\"bare\" padding=\"none\" headingLevel={3} title=\"Options\" headerClassName=\"mb-control-gap\">\n <label className=\"flex min-h-[var(--size-controlHeight-md)] cursor-pointer items-center gap-2\">\n <input\n type=\"checkbox\"\n checked={forceRefresh}\n onChange={(e) => setForceRefresh(e.target.checked)}\n className={`h-4 w-4 rounded ${SECTION_FOCUS_RING}`}\n />\n <span className=\"text-sm text-text-primary\">\n {t('bigconsole.dataSinks.refreshDialog.forceRefreshLabel', 'Force refresh (bypass cache)')}\n </span>\n </label>\n <p className=\"mt-1 text-xs text-text-secondary\">\n {t(\n 'bigconsole.dataSinks.refreshDialog.forceRefreshDescription',\n 'Force refresh will re-fetch all data from the source, ignoring any cached values.'\n )}\n </p>\n </Section>\n </div>\n\n {/* Footer strip */}\n <div className=\"flex flex-wrap items-center justify-end gap-control-gap border-t border-[var(--color-border-subtle)] p-form-gap sm:p-card-padding\">\n <button\n type=\"button\"\n onClick={onClose}\n disabled={isRefreshing}\n className={`${DIALOG_BUTTON} bg-bg-sunken text-text-primary hover:bg-bg-elevated`}\n >\n {t('bigconsole.dataSinks.refreshDialog.cancelButton', 'Cancel')}\n </button>\n <button\n type=\"button\"\n onClick={handleConfirm}\n disabled={isRefreshing}\n className={`${DIALOG_BUTTON} bg-action-primary-bg text-action-primary-text hover:bg-action-primary-bgHover`}\n >\n {isRefreshing\n ? t('bigconsole.dataSinks.refreshDialog.refreshingButton', 'Refreshing...')\n : t('bigconsole.dataSinks.refreshDialog.refreshButton', 'Refresh')}\n </button>\n </div>\n </div>\n </div>\n );\n});\n\nexport default DataSinkRefreshDialog;\n"],"mappings":";;;;;;;AAYA,IAAM,IACJ,mKAAmK,KAuBxJ,IAAwB,EAAK,SAA+B,EACvE,aACA,WACA,YACA,cACA,kBAAe,MACc;CAC7B,IAAM,EAAE,SAAM,GAAS,EACjB,CAAC,GAAc,KAAmB,EAAS,GAAM,EAGjD,IAAsB,GACzB,MAAwB;AACvB,EAAI,EAAE,WAAW,EAAE,iBAAiB,CAAC,KACnC,GAAS;IAGb,CAAC,GAAc,EAAQ,CACxB,EAGK,KAAc,MACX,IAAI,KAAK,EAAW,CAAC,gBAAgB,EAIxC,IAAgB,QAAkB;AACtC,IAAU,EAAa;IACtB,CAAC,GAAW,EAAa,CAAC;AAM7B,QAJK,IAKH,kBAAC,OAAD;EACE,WAAU;EACV,SAAS;EACT,MAAK;EACL,cAAW;EACX,mBAAgB;YAEhB,kBAAC,OAAD;GAAK,WAAU;aAAf;IAEE,kBAAC,OAAD;KAAK,WAAU;eACb,kBAAC,MAAD;MAAI,IAAG;MAAuB,WAAU;gBACrC,EAAE,4CAA4C,mBAAmB;MAC/D,CAAA;KACD,CAAA;IAGN,kBAAC,OAAD;KAAK,WAAU;eAAf,CACE,kBAAC,GAAD;MACE,UAAS;MACT,SAAQ;MACR,cAAc;MACd,OAAM;MACN,iBAAgB;gBALlB;OAOE,kBAAC,KAAD;QAAG,WAAU;kBACV,EAAS,QAAQ,EAAE,mDAAmD,oBAAoB;QACzF,CAAA;OACJ,kBAAC,KAAD;QAAG,WAAU;kBAAwD,EAAS;QAAQ,CAAA;OACrF,EAAS,mBACR,kBAAC,KAAD;QAAG,WAAU;kBACV,EAAE,oDAAoD,4BAA4B,EACjF,MAAM,EAAW,EAAS,gBAAgB,EAC3C,CAAC;QACA,CAAA;OAEE;SAEV,kBAAC,GAAD;MAAS,UAAS;MAAO,SAAQ;MAAO,cAAc;MAAG,OAAM;MAAU,iBAAgB;gBAAzF,CACE,kBAAC,SAAD;OAAO,WAAU;iBAAjB,CACE,kBAAC,SAAD;QACE,MAAK;QACL,SAAS;QACT,WAAW,MAAM,EAAgB,EAAE,OAAO,QAAQ;QAClD,WAAW,mBAAmB;QAC9B,CAAA,EACF,kBAAC,QAAD;QAAM,WAAU;kBACb,EAAE,wDAAwD,+BAA+B;QACrF,CAAA,CACD;UACR,kBAAC,KAAD;OAAG,WAAU;iBACV,EACC,8DACA,oFACD;OACC,CAAA,CACI;QACN;;IAGN,kBAAC,OAAD;KAAK,WAAU;eAAf,CACE,kBAAC,UAAD;MACE,MAAK;MACL,SAAS;MACT,UAAU;MACV,WAAW,GAAG,EAAc;gBAE3B,EAAE,mDAAmD,SAAS;MACxD,CAAA,EACT,kBAAC,UAAD;MACE,MAAK;MACL,SAAS;MACT,UAAU;MACV,WAAW,GAAG,EAAc;gBAE3B,IACG,EAAE,uDAAuD,gBAAgB,GACzE,EAAE,oDAAoD,UAAU;MAC7D,CAAA,CACL;;IACF;;EACF,CAAA,GApFC;EAsFT"}

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

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

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

@@ -0,0 +1 @@

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

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

@@ -95,3 +95,5 @@ var i = t(function({ status: t, size: i = "md", showIcon: a = !0 }) {
 });
 //#endregion
 export { i as default };
+//# sourceMappingURL=DataSinkStatusBadge.js.map

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

@@ -0,0 +1 @@

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

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

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

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

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

package/dist/bigconsole/components/datasink/DataSinkTableViewer.js CHANGED Viewed

@@ -171,3 +171,5 @@ var w = e(function({ data: e, maxHeight: w = "400px" }) {
 });
 //#endregion
 export { w as default };
+//# sourceMappingURL=DataSinkTableViewer.js.map

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

@@ -0,0 +1 @@

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