@burdenoff/microfe-bigconsole 2026.1102.1 → 2026.1103.2

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 (7) hide show
  1. package/dist/bigconsole/components/datasink/DataSinkCard.js +62 -61
  2. package/dist/bigconsole/components/widgets/utils/conditionalFormat.js +4 -4
  3. package/dist/bigconsole/pages/DataSinkViewPage.js +111 -88
  4. package/dist/bigconsole/pages/DataSinksPage.js +309 -308
  5. package/dist/bigconsole/utils/dataSinkSetup.d.ts +15 -0
  6. package/dist/bigconsole/utils/dataSinkSetup.js +23 -0
  7. package/package.json +1 -1
package/dist/bigconsole/pages/DataSinksPage.js CHANGED
@@ -12,154 +12,154 @@ import { DataSinkStatusBadge as ie } from "../components/datasink/DataSinkStatus
12
12
  import { isNative as a, nativeNotify as o } from "../../utils/nativeBridge.js";
13
13
  import { LIST_SORT_COPY as s, listSortOptions as ae } from "../utils/listSort.js";
14
14
  import { dataSinksListControls as oe } from "../assistant/pageControls.js";
15
- import { hasDataSinkPayload as c } from "../utils/dataSinkPayload.js";
16
15
  import { formatByteSize as se } from "../utils/format.js";
17
- import { DataSinkCard as ce } from "../components/datasink/DataSinkCard.js";
18
- import { DataSinkDeleteDialog as le } from "../components/datasink/DataSinkDeleteDialog.js";
19
- import { DataSinkRefreshDialog as ue } from "../components/datasink/DataSinkRefreshDialog.js";
20
- import { ImportDataSinkDialog as de } from "../components/datasink/ImportDataSinkDialog.js";
21
- import { selectDataSinks as fe } from "../utils/dataSinkList.js";
22
- import { SetupStateBadge as pe } from "../components/datasink/SetupStateBadge.js";
23
- import { memo as l, useCallback as u, useMemo as d, useState as f } from "react";
24
- import { AccessDenied as me, PermissionButton as he } from "@burdenoff/fe-libs/shared/components";
25
- import { usePermissions as ge } from "@burdenoff/fe-libs/shared/providers/shell";
26
- import { AlertCircle as _e, Container as ve, Download as ye, Eye as be, LayoutGrid as xe, Pencil as Se, Plus as Ce, RefreshCw as we, Search as Te, Table2 as Ee, Trash2 as De, Upload as Oe, X as ke } from "lucide-react";
27
- import { AuroraBackground as Ae, Badge as je, Button as p, CTAOverflowMenu as Me, GradientText as Ne, IllustratedEmptyState as Pe, Input as Fe, PagePurpose as Ie, Select as m, SelectContent as h, SelectItem as g, SelectTrigger as _, SelectValue as v, Spinner as Le } from "@burdenoff/fe-libs/ui";
28
- import { useI18n as Re } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
29
- import { getProfileScopedKey as y } from "@burdenoff/fe-libs/shared/utils";
30
- import { Fragment as b, jsx as x, jsxs as S } from "react/jsx-runtime";
31
- import { useAssistantPageControls as ze } from "@burdenoff/fe-libs/shared/assistant/appControls/useAssistantControl";
32
- import { formatDistanceToNow as C } from "date-fns";
16
+ import { resolveSetupState as ce } from "../utils/dataSinkSetup.js";
17
+ import { DataSinkCard as le } from "../components/datasink/DataSinkCard.js";
18
+ import { DataSinkDeleteDialog as ue } from "../components/datasink/DataSinkDeleteDialog.js";
19
+ import { DataSinkRefreshDialog as de } from "../components/datasink/DataSinkRefreshDialog.js";
20
+ import { ImportDataSinkDialog as fe } from "../components/datasink/ImportDataSinkDialog.js";
21
+ import { selectDataSinks as pe } from "../utils/dataSinkList.js";
22
+ import { SetupStateBadge as me } from "../components/datasink/SetupStateBadge.js";
23
+ import { memo as c, useCallback as l, useMemo as u, useState as d } from "react";
24
+ import { AccessDenied as he, PermissionButton as ge } from "@burdenoff/fe-libs/shared/components";
25
+ import { usePermissions as _e } from "@burdenoff/fe-libs/shared/providers/shell";
26
+ import { AlertCircle as ve, Container as ye, Download as be, Eye as xe, LayoutGrid as Se, Pencil as Ce, Plus as we, RefreshCw as Te, Search as Ee, Table2 as De, Trash2 as Oe, Upload as ke, X as Ae } from "lucide-react";
27
+ import { AuroraBackground as je, Badge as Me, Button as f, CTAOverflowMenu as Ne, GradientText as Pe, IllustratedEmptyState as Fe, Input as Ie, PagePurpose as Le, Select as p, SelectContent as m, SelectItem as h, SelectTrigger as g, SelectValue as _, Spinner as Re } from "@burdenoff/fe-libs/ui";
28
+ import { useI18n as ze } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
29
+ import { getProfileScopedKey as v } from "@burdenoff/fe-libs/shared/utils";
30
+ import { Fragment as y, jsx as b, jsxs as x } from "react/jsx-runtime";
31
+ import { useAssistantPageControls as Be } from "@burdenoff/fe-libs/shared/assistant/appControls/useAssistantControl";
32
+ import { formatDistanceToNow as S } from "date-fns";
33
33
  //#region src/bigconsole/pages/DataSinksPage.tsx
34
- var w = "bigconsole-datasinks-view-mode", T = `inline-flex h-control-md w-[var(--size-controlHeight-md)] items-center justify-center rounded-button border-0 bg-transparent text-text-muted hover:bg-bg-surface hover:text-text-primary motion-safe:transition-colors ${n}`, E = "focus-visible:ring-inset focus-visible:ring-offset-0", Be = (e) => e.setupState === "completed" || e.ttl !== null && e.ttl !== void 0 && e.ttl > 0 || e.fluidGridsWorkflowId && c(e) ? "completed" : e.fluidGridsWorkflowId ? "workflow_running" : "workflow_pending", Ve = (e) => {
34
+ var C = "bigconsole-datasinks-view-mode", w = `inline-flex h-control-md w-[var(--size-controlHeight-md)] items-center justify-center rounded-button border-0 bg-transparent text-text-muted hover:bg-bg-surface hover:text-text-primary motion-safe:transition-colors ${n}`, T = "focus-visible:ring-inset focus-visible:ring-offset-0", Ve = (e) => {
35
35
  if (!e) return "—";
36
36
  let t = new Date(e);
37
- return Number.isNaN(t.getTime()) ? "—" : C(t, { addSuffix: !0 });
38
- }, D = l(function() {
39
- let c = t(), { t: l } = Re(), C = u((e, t) => {
40
- let n = l(e);
37
+ return Number.isNaN(t.getTime()) ? "—" : S(t, { addSuffix: !0 });
38
+ }, E = c(function() {
39
+ let c = t(), { t: S } = ze(), E = l((e, t) => {
40
+ let n = S(e);
41
41
  return n === e ? t : n;
42
- }, [l]), { hasPermission: D, isLoading: O } = ge(), k = D(i.DATASINK_READ), A = D(i.DATASINK_CREATE), j = D(i.DATASINK_UPDATE), M = D(i.DATASINK_DELETE), He = D(i.DATASINK_EXECUTE), [N, P] = f("all"), [F, Ue] = f("updated-desc"), [We, Ge] = f(!1), [I, Ke] = f(() => localStorage.getItem(y(w)) || "grid"), qe = u((e) => {
43
- Ke(e), localStorage.setItem(y(w), e);
44
- }, []), L = e((e) => e.statusFilter), R = e((e) => e.activeFilter), z = e((e) => e.searchQuery), B = e((e) => e.setStatusFilter), V = e((e) => e.setActiveFilter), H = e((e) => e.setSearchQuery), Je = e((e) => e.deleteDialogOpen), Ye = e((e) => e.refreshDialogOpen), U = e((e) => e.currentDataSink), Xe = e((e) => e.openDeleteDialog), W = e((e) => e.closeDeleteDialog), Ze = e((e) => e.openRefreshDialog), G = e((e) => e.closeRefreshDialog), { loading: K, error: q, dataSinks: J, deleteDataSink: Qe, refreshDataSink: $e, refetch: Y } = ne(), { downloadDataSink: et } = re(), tt = d(() => J.map((e) => ({
42
+ }, [S]), { hasPermission: D, isLoading: O } = _e(), k = D(i.DATASINK_READ), A = D(i.DATASINK_CREATE), j = D(i.DATASINK_UPDATE), He = D(i.DATASINK_DELETE), Ue = D(i.DATASINK_EXECUTE), [M, N] = d("all"), [P, We] = d("updated-desc"), [Ge, Ke] = d(!1), [F, qe] = d(() => localStorage.getItem(v(C)) || "grid"), Je = l((e) => {
43
+ qe(e), localStorage.setItem(v(C), e);
44
+ }, []), I = e((e) => e.statusFilter), L = e((e) => e.activeFilter), R = e((e) => e.searchQuery), z = e((e) => e.setStatusFilter), B = e((e) => e.setActiveFilter), V = e((e) => e.setSearchQuery), Ye = e((e) => e.deleteDialogOpen), Xe = e((e) => e.refreshDialogOpen), H = e((e) => e.currentDataSink), Ze = e((e) => e.openDeleteDialog), U = e((e) => e.closeDeleteDialog), Qe = e((e) => e.openRefreshDialog), W = e((e) => e.closeRefreshDialog), { loading: G, error: K, dataSinks: q, deleteDataSink: $e, refreshDataSink: et, refetch: J } = ne(), { downloadDataSink: tt } = re(), nt = u(() => q.map((e) => ({
45
45
  dataSink: e,
46
- setupState: Be(e)
47
- })), [J]), X = d(() => fe(tt, {
48
- setupState: N,
49
- status: L,
50
- active: R,
51
- search: z,
52
- sort: F
46
+ setupState: ce(e)
47
+ })), [q]), Y = u(() => pe(nt, {
48
+ setupState: M,
49
+ status: I,
50
+ active: L,
51
+ search: R,
52
+ sort: P
53
53
  }), [
54
- tt,
55
- N,
54
+ nt,
55
+ M,
56
+ I,
56
57
  L,
57
58
  R,
58
- z,
59
- F
60
- ]), nt = u(() => {
59
+ P
60
+ ]), rt = l(() => {
61
61
  c("/datasinks/new");
62
- }, [c]), Z = u((e) => {
62
+ }, [c]), X = l((e) => {
63
63
  c(`/datasinks/${e}`);
64
- }, [c]), rt = u((e) => {
64
+ }, [c]), Z = l((e) => {
65
65
  c(`/datasinks/${e}/edit`);
66
- }, [c]), it = u((e) => {
67
- let t = J.find((t) => t.id === e);
68
- t && Ze(t);
69
- }, [J, Ze]), at = u(async (e) => {
70
- U && (await $e({
71
- id: U.id,
66
+ }, [c]), it = l((e) => {
67
+ let t = q.find((t) => t.id === e);
68
+ t && Qe(t);
69
+ }, [q, Qe]), at = l(async (e) => {
70
+ H && (await et({
71
+ id: H.id,
72
72
  forceRefresh: e
73
- }), G());
73
+ }), W());
74
74
  }, [
75
- U,
76
- $e,
77
- G
78
- ]), ot = u((e) => {
79
- let t = J.find((t) => t.id === e);
80
- t && Xe(t);
81
- }, [J, Xe]), st = u(async () => {
82
- if (U) {
75
+ H,
76
+ et,
77
+ W
78
+ ]), ot = l((e) => {
79
+ let t = q.find((t) => t.id === e);
80
+ t && Ze(t);
81
+ }, [q, Ze]), st = l(async () => {
82
+ if (H) {
83
83
  try {
84
- await Qe(U.id), a() && o("success");
84
+ await $e(H.id), a() && o("success");
85
85
  } catch (e) {
86
86
  throw a() && o("error"), e;
87
87
  }
88
- W();
88
+ U();
89
89
  }
90
90
  }, [
91
- U,
92
- Qe,
93
- W
94
- ]), ct = u(async (e) => {
95
- let t = J.find((t) => t.id === e);
96
- t && await et(e, t.name || t.key);
97
- }, [J, et]), lt = u(() => {
98
- Ge(!0);
99
- }, []), ut = u((e, t, n) => {
100
- Y();
101
- }, [Y]), dt = d(() => N !== "all" || L !== null || R !== null || z.trim() !== "", [
102
- N,
91
+ H,
92
+ $e,
93
+ U
94
+ ]), ct = l(async (e) => {
95
+ let t = q.find((t) => t.id === e);
96
+ t && await tt(e, t.name || t.key);
97
+ }, [q, tt]), lt = l(() => {
98
+ Ke(!0);
99
+ }, []), ut = l((e, t, n) => {
100
+ J();
101
+ }, [J]), dt = u(() => M !== "all" || I !== null || L !== null || R.trim() !== "", [
102
+ M,
103
+ I,
103
104
  L,
104
- R,
105
- z
106
- ]), Q = u(() => {
107
- P("all"), B(null), V(null), H("");
105
+ R
106
+ ]), Q = l(() => {
107
+ N("all"), z(null), B(null), V("");
108
108
  }, [
109
+ z,
109
110
  B,
110
- V,
111
- H
112
- ]), $ = d(() => [
111
+ V
112
+ ]), $ = u(() => [
113
113
  {
114
114
  value: "all",
115
- label: C("bigconsole.dataSinks.filters.setupState.all", "All")
115
+ label: E("bigconsole.dataSinks.filters.setupState.all", "All")
116
116
  },
117
117
  {
118
118
  value: "in_progress",
119
- label: C("bigconsole.dataSinks.filters.setupState.inProgress", "In Progress")
119
+ label: E("bigconsole.dataSinks.filters.setupState.inProgress", "In Progress")
120
120
  },
121
121
  {
122
122
  value: "completed",
123
- label: C("bigconsole.dataSinks.filters.setupState.completed", "Completed")
123
+ label: E("bigconsole.dataSinks.filters.setupState.completed", "Completed")
124
124
  }
125
- ], [C]), ft = d(() => ae(C, !1), [C]);
126
- return ze(d(() => !O && k && !q ? oe({
127
- tr: C,
125
+ ], [E]), ft = u(() => ae(E, !1), [E]);
126
+ return Be(u(() => !O && k && !K ? oe({
127
+ tr: E,
128
128
  setupStateOptions: $,
129
- setupState: N,
130
- setSetupState: P,
131
- status: L,
132
- setStatus: B,
133
- active: R,
134
- setActive: V,
135
- setSearch: H,
136
- sort: F,
137
- setSort: Ue
129
+ setupState: M,
130
+ setSetupState: N,
131
+ status: I,
132
+ setStatus: z,
133
+ active: L,
134
+ setActive: B,
135
+ setSearch: V,
136
+ sort: P,
137
+ setSort: We
138
138
  }) : null, [
139
- C,
139
+ E,
140
140
  O,
141
141
  k,
142
- q,
142
+ K,
143
143
  $,
144
- N,
144
+ M,
145
+ I,
146
+ z,
145
147
  L,
146
148
  B,
147
- R,
148
149
  V,
149
- H,
150
- F
151
- ])), !O && !k ? /* @__PURE__ */ x(me, {
152
- title: C("bigconsole.dataSinks.accessDenied.title", "Access Denied"),
153
- description: C("bigconsole.dataSinks.accessDenied.description", "You don't have permission to view data sinks.")
154
- }) : /* @__PURE__ */ S("div", {
150
+ P
151
+ ])), !O && !k ? /* @__PURE__ */ b(he, {
152
+ title: E("bigconsole.dataSinks.accessDenied.title", "Access Denied"),
153
+ description: E("bigconsole.dataSinks.accessDenied.description", "You don't have permission to view data sinks.")
154
+ }) : /* @__PURE__ */ x("div", {
155
155
  className: "min-w-0",
156
156
  style: { backgroundColor: "var(--color-bg-canvas)" },
157
157
  children: [
158
- /* @__PURE__ */ S("header", {
158
+ /* @__PURE__ */ x("header", {
159
159
  className: "relative overflow-hidden border-b border-[var(--color-border-seam)] bg-[image:var(--gradient-gloss-card)]",
160
- children: [/* @__PURE__ */ x(Ae, { intensity: "subtle" }), /* @__PURE__ */ x("div", {
160
+ children: [/* @__PURE__ */ b(je, { intensity: "subtle" }), /* @__PURE__ */ b("div", {
161
161
  style: { padding: "var(--space-pagePadding)" },
162
- children: /* @__PURE__ */ S("div", {
162
+ children: /* @__PURE__ */ x("div", {
163
163
  style: {
164
164
  display: "flex",
165
165
  alignItems: "center",
@@ -167,7 +167,7 @@ var w = "bigconsole-datasinks-view-mode", T = `inline-flex h-control-md w-[var(-
167
167
  gap: "var(--space-formGap)",
168
168
  flexWrap: "wrap"
169
169
  },
170
- children: [/* @__PURE__ */ S("div", {
170
+ children: [/* @__PURE__ */ x("div", {
171
171
  style: {
172
172
  display: "flex",
173
173
  alignItems: "center",
@@ -175,7 +175,7 @@ var w = "bigconsole-datasinks-view-mode", T = `inline-flex h-control-md w-[var(-
175
175
  flex: "1 1 280px",
176
176
  minWidth: 0
177
177
  },
178
- children: [/* @__PURE__ */ x("div", {
178
+ children: [/* @__PURE__ */ b("div", {
179
179
  style: {
180
180
  display: "flex",
181
181
  height: "var(--size-controlHeight-lg)",
@@ -185,35 +185,35 @@ var w = "bigconsole-datasinks-view-mode", T = `inline-flex h-control-md w-[var(-
185
185
  borderRadius: "var(--radius-card)",
186
186
  backgroundColor: "var(--color-action-primary-bg)"
187
187
  },
188
- children: /* @__PURE__ */ x(ve, { style: {
188
+ children: /* @__PURE__ */ b(ye, { style: {
189
189
  height: "var(--size-icon-lg)",
190
190
  width: "var(--size-icon-lg)",
191
191
  color: "var(--color-action-primary-text)"
192
192
  } })
193
- }), /* @__PURE__ */ S("div", {
193
+ }), /* @__PURE__ */ x("div", {
194
194
  style: { minWidth: 0 },
195
- children: [/* @__PURE__ */ x("h1", {
195
+ children: [/* @__PURE__ */ b("h1", {
196
196
  className: "m-0 text-2xl font-bold text-text-primary",
197
- children: /* @__PURE__ */ x(Ne, { children: C("bigconsole.dataSinks.title", "Data Sinks") })
198
- }), /* @__PURE__ */ x("p", {
197
+ children: /* @__PURE__ */ b(Pe, { children: E("bigconsole.dataSinks.title", "Data Sinks") })
198
+ }), /* @__PURE__ */ b("p", {
199
199
  className: "m-0 text-sm text-text-secondary",
200
- children: C("bigconsole.dataSinks.subtitle", "Manage pre-processed data from FluidGrids workflows")
200
+ children: E("bigconsole.dataSinks.subtitle", "Manage pre-processed data from FluidGrids workflows")
201
201
  })]
202
202
  })]
203
- }), /* @__PURE__ */ x(Me, {
203
+ }), /* @__PURE__ */ b(Ne, {
204
204
  primary: A ? {
205
- label: C("bigconsole.dataSinks.actions.create", "Create Data Sink"),
206
- onSelect: nt,
207
- icon: /* @__PURE__ */ x(Ce, { style: {
205
+ label: E("bigconsole.dataSinks.actions.create", "Create Data Sink"),
206
+ onSelect: rt,
207
+ icon: /* @__PURE__ */ b(we, { style: {
208
208
  marginRight: "var(--space-iconGap)",
209
209
  height: "var(--size-icon-sm)",
210
210
  width: "var(--size-icon-sm)"
211
211
  } })
212
212
  } : void 0,
213
213
  actions: A ? [{
214
- label: C("bigconsole.dataSinks.actions.import", "Import"),
214
+ label: E("bigconsole.dataSinks.actions.import", "Import"),
215
215
  onSelect: lt,
216
- icon: /* @__PURE__ */ x(Oe, { style: {
216
+ icon: /* @__PURE__ */ b(ke, { style: {
217
217
  height: "var(--size-icon-sm)",
218
218
  width: "var(--size-icon-sm)"
219
219
  } })
@@ -222,31 +222,31 @@ var w = "bigconsole-datasinks-view-mode", T = `inline-flex h-control-md w-[var(-
222
222
  })
223
223
  })]
224
224
  }),
225
- /* @__PURE__ */ S("div", {
225
+ /* @__PURE__ */ x("div", {
226
226
  style: { padding: "var(--space-pagePadding)" },
227
- children: [/* @__PURE__ */ x(Ie, {
227
+ children: [/* @__PURE__ */ b(Le, {
228
228
  className: "mb-[var(--space-sectionGap)]",
229
229
  children: "Data sinks are the structured destinations that hold your processed data — define a schema once and every pipeline, parser, and workflow can write into it. Dashboards then query sinks directly, so a sink is where your data lives and where your charts read from."
230
- }), /* @__PURE__ */ x(ee, { children: q ? /* @__PURE__ */ x(r, {
230
+ }), /* @__PURE__ */ b(ee, { children: K ? /* @__PURE__ */ b(r, {
231
231
  tone: "danger",
232
232
  headingLevel: 2,
233
- title: C("bigconsole.dataSinks.error.title", "Failed to load Data Sinks"),
234
- description: q.message,
235
- icon: /* @__PURE__ */ x(_e, { className: "h-icon-sm w-icon-sm" }),
236
- actions: /* @__PURE__ */ x(p, {
233
+ title: E("bigconsole.dataSinks.error.title", "Failed to load Data Sinks"),
234
+ description: K.message,
235
+ icon: /* @__PURE__ */ b(ve, { className: "h-icon-sm w-icon-sm" }),
236
+ actions: /* @__PURE__ */ b(f, {
237
237
  size: "sm",
238
- onClick: () => Y(),
239
- children: C("bigconsole.dataSinks.error.retry", "Try Again")
238
+ onClick: () => J(),
239
+ children: E("bigconsole.dataSinks.error.retry", "Try Again")
240
240
  })
241
- }) : /* @__PURE__ */ S(b, { children: [/* @__PURE__ */ x(r, {
241
+ }) : /* @__PURE__ */ x(y, { children: [/* @__PURE__ */ b(r, {
242
242
  headingLevel: 2,
243
243
  padding: "compact",
244
- title: C("bigconsole.dataSinks.filters.heading", "Filters"),
245
- description: C("bigconsole.dataSinks.filters.description", "Narrow the list by setup progress, status, or name."),
244
+ title: E("bigconsole.dataSinks.filters.heading", "Filters"),
245
+ description: E("bigconsole.dataSinks.filters.description", "Narrow the list by setup progress, status, or name."),
246
246
  bodyClassName: "space-y-form-gap",
247
- children: /* @__PURE__ */ S(b, { children: [/* @__PURE__ */ x("div", {
247
+ children: /* @__PURE__ */ x(y, { children: [/* @__PURE__ */ b("div", {
248
248
  role: "group",
249
- "aria-label": C("bigconsole.dataSinks.filters.setupState.label", "Setup state"),
249
+ "aria-label": E("bigconsole.dataSinks.filters.setupState.label", "Setup state"),
250
250
  style: {
251
251
  display: "flex",
252
252
  alignItems: "center",
@@ -258,10 +258,10 @@ var w = "bigconsole-datasinks-view-mode", T = `inline-flex h-control-md w-[var(-
258
258
  maxWidth: "100%",
259
259
  width: "fit-content"
260
260
  },
261
- children: $.map((e) => /* @__PURE__ */ x("button", {
261
+ children: $.map((e) => /* @__PURE__ */ b("button", {
262
262
  type: "button",
263
- "aria-pressed": N === e.value,
264
- onClick: () => P(e.value),
263
+ "aria-pressed": M === e.value,
264
+ onClick: () => N(e.value),
265
265
  className: n,
266
266
  style: {
267
267
  minHeight: "var(--size-controlHeight-md)",
@@ -271,13 +271,13 @@ var w = "bigconsole-datasinks-view-mode", T = `inline-flex h-control-md w-[var(-
271
271
  borderRadius: "var(--radius-button)",
272
272
  border: "none",
273
273
  cursor: "pointer",
274
- backgroundColor: N === e.value ? "var(--color-bg-surface)" : "transparent",
275
- color: N === e.value ? "var(--color-text-primary)" : "var(--color-text-secondary)",
276
- boxShadow: N === e.value ? "var(--shadow-elevation-1)" : "none"
274
+ backgroundColor: M === e.value ? "var(--color-bg-surface)" : "transparent",
275
+ color: M === e.value ? "var(--color-text-primary)" : "var(--color-text-secondary)",
276
+ boxShadow: M === e.value ? "var(--shadow-elevation-1)" : "none"
277
277
  },
278
278
  children: e.label
279
279
  }, e.value))
280
- }), /* @__PURE__ */ S("div", {
280
+ }), /* @__PURE__ */ x("div", {
281
281
  style: {
282
282
  display: "flex",
283
283
  alignItems: "center",
@@ -285,14 +285,14 @@ var w = "bigconsole-datasinks-view-mode", T = `inline-flex h-control-md w-[var(-
285
285
  flexWrap: "wrap"
286
286
  },
287
287
  children: [
288
- /* @__PURE__ */ S("div", {
288
+ /* @__PURE__ */ x("div", {
289
289
  style: {
290
290
  position: "relative",
291
291
  maxWidth: "400px",
292
292
  minWidth: "min(100%, 240px)",
293
293
  flex: "1 1 240px"
294
294
  },
295
- children: [/* @__PURE__ */ x(Te, { style: {
295
+ children: [/* @__PURE__ */ b(Ee, { style: {
296
296
  position: "absolute",
297
297
  left: "var(--space-controlGap)",
298
298
  top: "50%",
@@ -300,217 +300,218 @@ var w = "bigconsole-datasinks-view-mode", T = `inline-flex h-control-md w-[var(-
300
300
  height: "var(--size-icon-sm)",
301
301
  width: "var(--size-icon-sm)",
302
302
  color: "var(--color-text-muted)"
303
- } }), /* @__PURE__ */ x(Fe, {
303
+ } }), /* @__PURE__ */ b(Ie, {
304
304
  type: "text",
305
- placeholder: C("bigconsole.dataSinks.search.placeholder", "Search data sinks..."),
306
- value: z,
307
- onChange: (e) => H(e.target.value),
305
+ placeholder: E("bigconsole.dataSinks.search.placeholder", "Search data sinks..."),
306
+ value: R,
307
+ onChange: (e) => V(e.target.value),
308
308
  style: {
309
309
  paddingLeft: "var(--size-controlHeight-md)",
310
310
  height: "var(--size-controlHeight-md)"
311
311
  }
312
312
  })]
313
313
  }),
314
- /* @__PURE__ */ S(m, {
315
- value: L || "all",
316
- onValueChange: (e) => B(e === "all" ? null : e),
317
- children: [/* @__PURE__ */ x(_, {
314
+ /* @__PURE__ */ x(p, {
315
+ value: I || "all",
316
+ onValueChange: (e) => z(e === "all" ? null : e),
317
+ children: [/* @__PURE__ */ b(g, {
318
318
  style: { width: "min(100%, 150px)" },
319
- children: /* @__PURE__ */ x(v, { placeholder: C("bigconsole.dataSinks.filters.status.placeholder", "All Statuses") })
320
- }), /* @__PURE__ */ S(h, { children: [
321
- /* @__PURE__ */ x(g, {
319
+ children: /* @__PURE__ */ b(_, { placeholder: E("bigconsole.dataSinks.filters.status.placeholder", "All Statuses") })
320
+ }), /* @__PURE__ */ x(m, { children: [
321
+ /* @__PURE__ */ b(h, {
322
322
  value: "all",
323
- children: C("bigconsole.dataSinks.filters.status.all", "All Statuses")
323
+ children: E("bigconsole.dataSinks.filters.status.all", "All Statuses")
324
324
  }),
325
- /* @__PURE__ */ x(g, {
325
+ /* @__PURE__ */ b(h, {
326
326
  value: "ready",
327
- children: C("bigconsole.dataSinks.filters.status.ready", "Ready")
327
+ children: E("bigconsole.dataSinks.filters.status.ready", "Ready")
328
328
  }),
329
- /* @__PURE__ */ x(g, {
329
+ /* @__PURE__ */ b(h, {
330
330
  value: "error",
331
- children: C("bigconsole.dataSinks.filters.status.error", "Error")
331
+ children: E("bigconsole.dataSinks.filters.status.error", "Error")
332
332
  }),
333
- /* @__PURE__ */ x(g, {
333
+ /* @__PURE__ */ b(h, {
334
334
  value: "stale",
335
- children: C("bigconsole.dataSinks.filters.status.stale", "Stale")
335
+ children: E("bigconsole.dataSinks.filters.status.stale", "Stale")
336
336
  }),
337
- /* @__PURE__ */ x(g, {
337
+ /* @__PURE__ */ b(h, {
338
338
  value: "refreshing",
339
- children: C("bigconsole.dataSinks.filters.status.refreshing", "Refreshing")
339
+ children: E("bigconsole.dataSinks.filters.status.refreshing", "Refreshing")
340
340
  })
341
341
  ] })]
342
342
  }),
343
- /* @__PURE__ */ S(m, {
344
- value: R === null ? "all" : R ? "true" : "false",
345
- onValueChange: (e) => V(e === "all" ? null : e === "true"),
346
- children: [/* @__PURE__ */ x(_, {
343
+ /* @__PURE__ */ x(p, {
344
+ value: L === null ? "all" : L ? "true" : "false",
345
+ onValueChange: (e) => B(e === "all" ? null : e === "true"),
346
+ children: [/* @__PURE__ */ b(g, {
347
347
  style: { width: "min(100%, 130px)" },
348
- children: /* @__PURE__ */ x(v, { placeholder: C("bigconsole.dataSinks.filters.active.placeholder", "All") })
349
- }), /* @__PURE__ */ S(h, { children: [
350
- /* @__PURE__ */ x(g, {
348
+ children: /* @__PURE__ */ b(_, { placeholder: E("bigconsole.dataSinks.filters.active.placeholder", "All") })
349
+ }), /* @__PURE__ */ x(m, { children: [
350
+ /* @__PURE__ */ b(h, {
351
351
  value: "all",
352
- children: C("bigconsole.dataSinks.filters.active.all", "All")
352
+ children: E("bigconsole.dataSinks.filters.active.all", "All")
353
353
  }),
354
- /* @__PURE__ */ x(g, {
354
+ /* @__PURE__ */ b(h, {
355
355
  value: "true",
356
- children: C("bigconsole.dataSinks.filters.active.active", "Active")
356
+ children: E("bigconsole.dataSinks.filters.active.active", "Active")
357
357
  }),
358
- /* @__PURE__ */ x(g, {
358
+ /* @__PURE__ */ b(h, {
359
359
  value: "false",
360
- children: C("bigconsole.dataSinks.filters.active.inactive", "Inactive")
360
+ children: E("bigconsole.dataSinks.filters.active.inactive", "Inactive")
361
361
  })
362
362
  ] })]
363
363
  }),
364
- /* @__PURE__ */ x(te, {
365
- label: C(s.label.key, s.label.en),
366
- value: F,
364
+ /* @__PURE__ */ b(te, {
365
+ label: E(s.label.key, s.label.en),
366
+ value: P,
367
367
  options: ft,
368
- onChange: Ue
368
+ onChange: We
369
369
  }),
370
- dt && /* @__PURE__ */ S(p, {
370
+ dt && /* @__PURE__ */ x(f, {
371
371
  variant: "ghost",
372
372
  size: "sm",
373
373
  onClick: Q,
374
- children: [/* @__PURE__ */ x(ke, { style: {
374
+ children: [/* @__PURE__ */ b(Ae, { style: {
375
375
  marginRight: "var(--space-iconGap)",
376
376
  height: "var(--size-icon-sm)",
377
377
  width: "var(--size-icon-sm)"
378
- } }), C("bigconsole.dataSinks.filters.clear", "Clear Filters")]
378
+ } }), E("bigconsole.dataSinks.filters.clear", "Clear Filters")]
379
379
  })
380
380
  ]
381
381
  })] })
382
- }), /* @__PURE__ */ x(r, {
382
+ }), /* @__PURE__ */ b(r, {
383
383
  emphasis: "primary",
384
384
  headingLevel: 2,
385
- title: C("bigconsole.dataSinks.list.heading", "Data sinks"),
386
- description: C("bigconsole.dataSinks.list.description", "Every sink in this workspace, most recently updated first."),
387
- meta: /* @__PURE__ */ S(je, {
385
+ title: E("bigconsole.dataSinks.list.heading", "Data sinks"),
386
+ description: E("bigconsole.dataSinks.list.description", "Every sink in this workspace, most recently updated first."),
387
+ meta: /* @__PURE__ */ x(Me, {
388
388
  variant: "secondary",
389
389
  children: [
390
- X.length,
390
+ Y.length,
391
391
  " ",
392
- X.length === 1 ? C("bigconsole.dataSinks.count.single", "Data Sink") : C("bigconsole.dataSinks.count.plural", "Data Sinks")
392
+ Y.length === 1 ? E("bigconsole.dataSinks.count.single", "Data Sink") : E("bigconsole.dataSinks.count.plural", "Data Sinks")
393
393
  ]
394
394
  }),
395
- actions: /* @__PURE__ */ S("div", {
395
+ actions: /* @__PURE__ */ x("div", {
396
396
  role: "group",
397
- "aria-label": C("bigconsole.dataSinks.view.label", "List layout"),
397
+ "aria-label": E("bigconsole.dataSinks.view.label", "List layout"),
398
398
  style: {
399
399
  display: "flex",
400
400
  borderRadius: "var(--radius-button)",
401
401
  border: "1px solid var(--color-border)",
402
402
  overflow: "hidden"
403
403
  },
404
- children: [/* @__PURE__ */ x("button", {
404
+ children: [/* @__PURE__ */ b("button", {
405
405
  type: "button",
406
- onClick: () => qe("grid"),
407
- "aria-pressed": I === "grid",
408
- title: C("bigconsole.dataSinks.view.grid", "Grid view"),
409
- className: `flex h-control-md w-[var(--size-controlHeight-md)] items-center justify-center ${n} ${E}`,
406
+ onClick: () => Je("grid"),
407
+ "aria-pressed": F === "grid",
408
+ title: E("bigconsole.dataSinks.view.grid", "Grid view"),
409
+ className: `flex h-control-md w-[var(--size-controlHeight-md)] items-center justify-center ${n} ${T}`,
410
410
  style: {
411
411
  border: "none",
412
412
  cursor: "pointer",
413
- backgroundColor: I === "grid" ? "var(--color-bg-sunken)" : "transparent",
414
- color: I === "grid" ? "var(--color-text-primary)" : "var(--color-text-muted)"
413
+ backgroundColor: F === "grid" ? "var(--color-bg-sunken)" : "transparent",
414
+ color: F === "grid" ? "var(--color-text-primary)" : "var(--color-text-muted)"
415
415
  },
416
- children: /* @__PURE__ */ x(xe, { size: 16 })
417
- }), /* @__PURE__ */ x("button", {
416
+ children: /* @__PURE__ */ b(Se, { size: 16 })
417
+ }), /* @__PURE__ */ b("button", {
418
418
  type: "button",
419
- onClick: () => qe("table"),
420
- "aria-pressed": I === "table",
421
- title: C("bigconsole.dataSinks.view.table", "Table view"),
422
- className: `flex h-control-md w-[var(--size-controlHeight-md)] items-center justify-center ${n} ${E}`,
419
+ onClick: () => Je("table"),
420
+ "aria-pressed": F === "table",
421
+ title: E("bigconsole.dataSinks.view.table", "Table view"),
422
+ className: `flex h-control-md w-[var(--size-controlHeight-md)] items-center justify-center ${n} ${T}`,
423
423
  style: {
424
424
  border: "none",
425
425
  borderLeft: "1px solid var(--color-border)",
426
426
  cursor: "pointer",
427
- backgroundColor: I === "table" ? "var(--color-bg-sunken)" : "transparent",
428
- color: I === "table" ? "var(--color-text-primary)" : "var(--color-text-muted)"
427
+ backgroundColor: F === "table" ? "var(--color-bg-sunken)" : "transparent",
428
+ color: F === "table" ? "var(--color-text-primary)" : "var(--color-text-muted)"
429
429
  },
430
- children: /* @__PURE__ */ x(Ee, { size: 16 })
430
+ children: /* @__PURE__ */ b(De, { size: 16 })
431
431
  })]
432
432
  }),
433
- children: /* @__PURE__ */ S(b, { children: [
434
- K && J.length === 0 && /* @__PURE__ */ x("div", {
433
+ children: /* @__PURE__ */ x(y, { children: [
434
+ G && q.length === 0 && /* @__PURE__ */ b("div", {
435
435
  className: "flex items-center justify-center py-12",
436
- children: /* @__PURE__ */ S("div", {
436
+ children: /* @__PURE__ */ x("div", {
437
437
  style: { textAlign: "center" },
438
- children: [/* @__PURE__ */ x(Le, { style: {
438
+ children: [/* @__PURE__ */ b(Re, { style: {
439
439
  height: "var(--size-icon-xl)",
440
440
  width: "var(--size-icon-xl)",
441
441
  margin: "0 auto var(--space-formGap)"
442
- } }), /* @__PURE__ */ x("p", {
442
+ } }), /* @__PURE__ */ b("p", {
443
443
  className: "text-sm text-text-muted",
444
- children: C("bigconsole.dataSinks.loading", "Loading data sinks...")
444
+ children: E("bigconsole.dataSinks.loading", "Loading data sinks...")
445
445
  })]
446
446
  })
447
447
  }),
448
- !K && J.length === 0 && /* @__PURE__ */ x(Pe, {
448
+ !G && q.length === 0 && /* @__PURE__ */ b(Fe, {
449
449
  illustration: "empty-data",
450
- title: C("bigconsole.dataSinks.empty.title", "No Data Sinks yet"),
451
- description: C("bigconsole.dataSinks.empty.description", "Data Sinks store pre-processed data from FluidGrids workflows for fast access in widgets."),
452
- action: /* @__PURE__ */ x(he, {
450
+ title: E("bigconsole.dataSinks.empty.title", "No Data Sinks yet"),
451
+ description: E("bigconsole.dataSinks.empty.description", "Data Sinks store pre-processed data from FluidGrids workflows for fast access in widgets."),
452
+ action: /* @__PURE__ */ b(ge, {
453
453
  permission: i.DATASINK_CREATE,
454
454
  deniedBehavior: "disable",
455
- children: /* @__PURE__ */ S(p, {
456
- onClick: nt,
457
- children: [/* @__PURE__ */ x(Ce, { style: {
455
+ children: /* @__PURE__ */ x(f, {
456
+ onClick: rt,
457
+ children: [/* @__PURE__ */ b(we, { style: {
458
458
  marginRight: "var(--space-iconGap)",
459
459
  height: "var(--size-icon-sm)",
460
460
  width: "var(--size-icon-sm)"
461
- } }), C("bigconsole.dataSinks.actions.create", "Create Data Sink")]
461
+ } }), E("bigconsole.dataSinks.actions.create", "Create Data Sink")]
462
462
  })
463
463
  })
464
464
  }),
465
- !K && X.length === 0 && J.length > 0 && /* @__PURE__ */ x(r, {
465
+ !G && Y.length === 0 && q.length > 0 && /* @__PURE__ */ b(r, {
466
466
  tone: "info",
467
467
  emphasis: "muted",
468
468
  padding: "compact",
469
469
  headingLevel: 3,
470
- title: C("bigconsole.dataSinks.empty.filteredTitle", "No matching data sinks"),
471
- description: C("bigconsole.dataSinks.empty.filtered", "No data sinks match your filters"),
472
- actions: /* @__PURE__ */ x(p, {
470
+ title: E("bigconsole.dataSinks.empty.filteredTitle", "No matching data sinks"),
471
+ description: E("bigconsole.dataSinks.empty.filtered", "No data sinks match your filters"),
472
+ actions: /* @__PURE__ */ b(f, {
473
473
  variant: "secondary",
474
474
  size: "sm",
475
475
  onClick: Q,
476
- children: C("bigconsole.dataSinks.filters.clear", "Clear Filters")
476
+ children: E("bigconsole.dataSinks.filters.clear", "Clear Filters")
477
477
  })
478
478
  }),
479
- X.length > 0 && I === "grid" && /* @__PURE__ */ x("div", {
479
+ Y.length > 0 && F === "grid" && /* @__PURE__ */ b("div", {
480
480
  style: {
481
481
  display: "grid",
482
482
  gridTemplateColumns: "repeat(auto-fill, minmax(min(100%, 320px), 1fr))",
483
483
  gap: "var(--space-formGap)"
484
484
  },
485
- children: X.map((e) => /* @__PURE__ */ x(ce, {
485
+ children: Y.map((e) => /* @__PURE__ */ b(le, {
486
486
  dataSink: e.dataSink,
487
487
  setupState: e.setupState,
488
- onView: Z,
489
- onEdit: rt,
488
+ onView: X,
489
+ onEdit: Z,
490
+ onContinueSetup: Z,
490
491
  onRefresh: it,
491
492
  onExport: ct,
492
493
  onDelete: ot,
493
494
  canEdit: j,
494
- canRefresh: He,
495
- canDelete: M
495
+ canRefresh: Ue,
496
+ canDelete: He
496
497
  }, e.dataSink.id))
497
498
  }),
498
- X.length > 0 && I === "table" && /* @__PURE__ */ x("div", {
499
+ Y.length > 0 && F === "table" && /* @__PURE__ */ b("div", {
499
500
  className: "min-w-0",
500
501
  style: { overflowX: "auto" },
501
- children: /* @__PURE__ */ S("table", {
502
+ children: /* @__PURE__ */ x("table", {
502
503
  style: {
503
504
  width: "100%",
504
505
  borderCollapse: "collapse",
505
506
  fontSize: "var(--font-size-body-sm)"
506
507
  },
507
- children: [/* @__PURE__ */ x("thead", { children: /* @__PURE__ */ S("tr", {
508
+ children: [/* @__PURE__ */ b("thead", { children: /* @__PURE__ */ x("tr", {
508
509
  style: {
509
510
  backgroundColor: "var(--color-bg-sunken)",
510
511
  borderBottom: "1px solid var(--color-border)"
511
512
  },
512
513
  children: [
513
- /* @__PURE__ */ x("th", {
514
+ /* @__PURE__ */ b("th", {
514
515
  style: {
515
516
  padding: "10px 12px",
516
517
  textAlign: "left",
@@ -518,9 +519,9 @@ var w = "bigconsole-datasinks-view-mode", T = `inline-flex h-control-md w-[var(-
518
519
  color: "var(--color-text-secondary)",
519
520
  whiteSpace: "nowrap"
520
521
  },
521
- children: C("bigconsole.dataSinks.table.name", "Name")
522
+ children: E("bigconsole.dataSinks.table.name", "Name")
522
523
  }),
523
- /* @__PURE__ */ x("th", {
524
+ /* @__PURE__ */ b("th", {
524
525
  style: {
525
526
  padding: "10px 12px",
526
527
  textAlign: "left",
@@ -528,9 +529,9 @@ var w = "bigconsole-datasinks-view-mode", T = `inline-flex h-control-md w-[var(-
528
529
  color: "var(--color-text-secondary)",
529
530
  whiteSpace: "nowrap"
530
531
  },
531
- children: C("bigconsole.dataSinks.table.key", "Key")
532
+ children: E("bigconsole.dataSinks.table.key", "Key")
532
533
  }),
533
- /* @__PURE__ */ x("th", {
534
+ /* @__PURE__ */ b("th", {
534
535
  style: {
535
536
  padding: "10px 12px",
536
537
  textAlign: "left",
@@ -538,9 +539,9 @@ var w = "bigconsole-datasinks-view-mode", T = `inline-flex h-control-md w-[var(-
538
539
  color: "var(--color-text-secondary)",
539
540
  whiteSpace: "nowrap"
540
541
  },
541
- children: C("bigconsole.dataSinks.table.status", "Status")
542
+ children: E("bigconsole.dataSinks.table.status", "Status")
542
543
  }),
543
- /* @__PURE__ */ x("th", {
544
+ /* @__PURE__ */ b("th", {
544
545
  style: {
545
546
  padding: "10px 12px",
546
547
  textAlign: "left",
@@ -548,9 +549,9 @@ var w = "bigconsole-datasinks-view-mode", T = `inline-flex h-control-md w-[var(-
548
549
  color: "var(--color-text-secondary)",
549
550
  whiteSpace: "nowrap"
550
551
  },
551
- children: C("bigconsole.dataSinks.table.setup", "Setup")
552
+ children: E("bigconsole.dataSinks.table.setup", "Setup")
552
553
  }),
553
- /* @__PURE__ */ x("th", {
554
+ /* @__PURE__ */ b("th", {
554
555
  style: {
555
556
  padding: "10px 12px",
556
557
  textAlign: "center",
@@ -558,9 +559,9 @@ var w = "bigconsole-datasinks-view-mode", T = `inline-flex h-control-md w-[var(-
558
559
  color: "var(--color-text-secondary)",
559
560
  whiteSpace: "nowrap"
560
561
  },
561
- children: C("bigconsole.dataSinks.table.active", "Active")
562
+ children: E("bigconsole.dataSinks.table.active", "Active")
562
563
  }),
563
- /* @__PURE__ */ x("th", {
564
+ /* @__PURE__ */ b("th", {
564
565
  style: {
565
566
  padding: "10px 12px",
566
567
  textAlign: "left",
@@ -568,9 +569,9 @@ var w = "bigconsole-datasinks-view-mode", T = `inline-flex h-control-md w-[var(-
568
569
  color: "var(--color-text-secondary)",
569
570
  whiteSpace: "nowrap"
570
571
  },
571
- children: C("bigconsole.dataSinks.table.version", "Version")
572
+ children: E("bigconsole.dataSinks.table.version", "Version")
572
573
  }),
573
- /* @__PURE__ */ x("th", {
574
+ /* @__PURE__ */ b("th", {
574
575
  style: {
575
576
  padding: "10px 12px",
576
577
  textAlign: "right",
@@ -578,9 +579,9 @@ var w = "bigconsole-datasinks-view-mode", T = `inline-flex h-control-md w-[var(-
578
579
  color: "var(--color-text-secondary)",
579
580
  whiteSpace: "nowrap"
580
581
  },
581
- children: C("bigconsole.dataSinks.table.size", "Size")
582
+ children: E("bigconsole.dataSinks.table.size", "Size")
582
583
  }),
583
- /* @__PURE__ */ x("th", {
584
+ /* @__PURE__ */ b("th", {
584
585
  style: {
585
586
  padding: "10px 12px",
586
587
  textAlign: "left",
@@ -588,9 +589,9 @@ var w = "bigconsole-datasinks-view-mode", T = `inline-flex h-control-md w-[var(-
588
589
  color: "var(--color-text-secondary)",
589
590
  whiteSpace: "nowrap"
590
591
  },
591
- children: C("bigconsole.dataSinks.table.lastRefreshed", "Last refreshed")
592
+ children: E("bigconsole.dataSinks.table.lastRefreshed", "Last refreshed")
592
593
  }),
593
- /* @__PURE__ */ x("th", {
594
+ /* @__PURE__ */ b("th", {
594
595
  style: {
595
596
  padding: "10px 12px",
596
597
  textAlign: "left",
@@ -598,9 +599,9 @@ var w = "bigconsole-datasinks-view-mode", T = `inline-flex h-control-md w-[var(-
598
599
  color: "var(--color-text-secondary)",
599
600
  whiteSpace: "nowrap"
600
601
  },
601
- children: C("bigconsole.dataSinks.table.updated", "Updated")
602
+ children: E("bigconsole.dataSinks.table.updated", "Updated")
602
603
  }),
603
- /* @__PURE__ */ x("th", {
604
+ /* @__PURE__ */ b("th", {
604
605
  style: {
605
606
  padding: "10px 12px",
606
607
  textAlign: "right",
@@ -608,17 +609,17 @@ var w = "bigconsole-datasinks-view-mode", T = `inline-flex h-control-md w-[var(-
608
609
  color: "var(--color-text-secondary)",
609
610
  whiteSpace: "nowrap"
610
611
  },
611
- children: C("bigconsole.dataSinks.table.actions", "Actions")
612
+ children: E("bigconsole.dataSinks.table.actions", "Actions")
612
613
  })
613
614
  ]
614
- }) }), /* @__PURE__ */ x("tbody", { children: X.map((e) => {
615
+ }) }), /* @__PURE__ */ b("tbody", { children: Y.map((e) => {
615
616
  let t = e.dataSink;
616
- return /* @__PURE__ */ S("tr", {
617
- onClick: () => Z(t.id),
617
+ return /* @__PURE__ */ x("tr", {
618
+ onClick: () => X(t.id),
618
619
  className: "cursor-pointer hover:bg-bg-sunken motion-safe:transition-colors",
619
620
  style: { borderBottom: "1px solid var(--color-border)" },
620
621
  children: [
621
- /* @__PURE__ */ x("td", {
622
+ /* @__PURE__ */ b("td", {
622
623
  style: {
623
624
  padding: "10px 12px",
624
625
  fontWeight: "var(--font-weight-medium)",
@@ -630,7 +631,7 @@ var w = "bigconsole-datasinks-view-mode", T = `inline-flex h-control-md w-[var(-
630
631
  },
631
632
  children: t.name || t.key
632
633
  }),
633
- /* @__PURE__ */ x("td", {
634
+ /* @__PURE__ */ b("td", {
634
635
  style: {
635
636
  padding: "10px 12px",
636
637
  color: "var(--color-text-muted)",
@@ -643,20 +644,20 @@ var w = "bigconsole-datasinks-view-mode", T = `inline-flex h-control-md w-[var(-
643
644
  },
644
645
  children: t.key
645
646
  }),
646
- /* @__PURE__ */ x("td", {
647
+ /* @__PURE__ */ b("td", {
647
648
  style: { padding: "10px 12px" },
648
- children: /* @__PURE__ */ x(ie, { status: t.status })
649
+ children: /* @__PURE__ */ b(ie, { status: t.status })
649
650
  }),
650
- /* @__PURE__ */ x("td", {
651
+ /* @__PURE__ */ b("td", {
651
652
  style: { padding: "10px 12px" },
652
- children: /* @__PURE__ */ x(pe, { state: e.setupState })
653
+ children: /* @__PURE__ */ b(me, { state: e.setupState })
653
654
  }),
654
- /* @__PURE__ */ x("td", {
655
+ /* @__PURE__ */ b("td", {
655
656
  style: {
656
657
  padding: "10px 12px",
657
658
  textAlign: "center"
658
659
  },
659
- children: /* @__PURE__ */ x("span", {
660
+ children: /* @__PURE__ */ b("span", {
660
661
  style: {
661
662
  display: "inline-block",
662
663
  width: 8,
@@ -664,17 +665,17 @@ var w = "bigconsole-datasinks-view-mode", T = `inline-flex h-control-md w-[var(-
664
665
  borderRadius: "50%",
665
666
  backgroundColor: t.isActive ? "var(--color-status-success-bg)" : "var(--color-text-muted)"
666
667
  },
667
- title: t.isActive ? C("bigconsole.dataSinks.badges.active", "Active") : C("bigconsole.dataSinks.badges.inactive", "Inactive")
668
+ title: t.isActive ? E("bigconsole.dataSinks.badges.active", "Active") : E("bigconsole.dataSinks.badges.inactive", "Inactive")
668
669
  })
669
670
  }),
670
- /* @__PURE__ */ S("td", {
671
+ /* @__PURE__ */ x("td", {
671
672
  style: {
672
673
  padding: "10px 12px",
673
674
  color: "var(--color-text-muted)"
674
675
  },
675
676
  children: ["v", t.version ?? 0]
676
677
  }),
677
- /* @__PURE__ */ x("td", {
678
+ /* @__PURE__ */ b("td", {
678
679
  style: {
679
680
  padding: "10px 12px",
680
681
  color: "var(--color-text-muted)",
@@ -684,7 +685,7 @@ var w = "bigconsole-datasinks-view-mode", T = `inline-flex h-control-md w-[var(-
684
685
  },
685
686
  children: se(t.sizeBytes)
686
687
  }),
687
- /* @__PURE__ */ x("td", {
688
+ /* @__PURE__ */ b("td", {
688
689
  style: {
689
690
  padding: "10px 12px",
690
691
  color: "var(--color-text-muted)",
@@ -693,7 +694,7 @@ var w = "bigconsole-datasinks-view-mode", T = `inline-flex h-control-md w-[var(-
693
694
  title: t.lastRefreshedAt ? new Date(t.lastRefreshedAt).toLocaleString() : void 0,
694
695
  children: Ve(t.lastRefreshedAt)
695
696
  }),
696
- /* @__PURE__ */ x("td", {
697
+ /* @__PURE__ */ b("td", {
697
698
  style: {
698
699
  padding: "10px 12px",
699
700
  color: "var(--color-text-muted)",
@@ -701,12 +702,12 @@ var w = "bigconsole-datasinks-view-mode", T = `inline-flex h-control-md w-[var(-
701
702
  },
702
703
  children: new Date(t.updatedAt).toLocaleDateString()
703
704
  }),
704
- /* @__PURE__ */ x("td", {
705
+ /* @__PURE__ */ b("td", {
705
706
  style: {
706
707
  padding: "10px 12px",
707
708
  textAlign: "right"
708
709
  },
709
- children: /* @__PURE__ */ S("div", {
710
+ children: /* @__PURE__ */ x("div", {
710
711
  style: {
711
712
  display: "flex",
712
713
  gap: 4,
@@ -714,45 +715,45 @@ var w = "bigconsole-datasinks-view-mode", T = `inline-flex h-control-md w-[var(-
714
715
  },
715
716
  onClick: (e) => e.stopPropagation(),
716
717
  children: [
717
- /* @__PURE__ */ x("button", {
718
+ /* @__PURE__ */ b("button", {
718
719
  type: "button",
719
- title: C("bigconsole.dataSinks.actions.view", "View"),
720
- "aria-label": C("bigconsole.dataSinks.actions.view", "View"),
721
- onClick: () => Z(t.id),
722
- className: T,
723
- children: /* @__PURE__ */ x(be, { size: 14 })
720
+ title: E("bigconsole.dataSinks.actions.view", "View"),
721
+ "aria-label": E("bigconsole.dataSinks.actions.view", "View"),
722
+ onClick: () => X(t.id),
723
+ className: w,
724
+ children: /* @__PURE__ */ b(xe, { size: 14 })
724
725
  }),
725
- j && /* @__PURE__ */ x("button", {
726
+ j && /* @__PURE__ */ b("button", {
726
727
  type: "button",
727
- title: C("bigconsole.dataSinks.actions.edit", "Edit"),
728
- "aria-label": C("bigconsole.dataSinks.actions.edit", "Edit"),
729
- onClick: () => rt(t.id),
730
- className: T,
731
- children: /* @__PURE__ */ x(Se, { size: 14 })
728
+ title: E("bigconsole.dataSinks.actions.edit", "Edit"),
729
+ "aria-label": E("bigconsole.dataSinks.actions.edit", "Edit"),
730
+ onClick: () => Z(t.id),
731
+ className: w,
732
+ children: /* @__PURE__ */ b(Ce, { size: 14 })
732
733
  }),
733
- He && /* @__PURE__ */ x("button", {
734
+ Ue && /* @__PURE__ */ b("button", {
734
735
  type: "button",
735
- title: C("bigconsole.dataSinks.actions.refresh", "Refresh"),
736
- "aria-label": C("bigconsole.dataSinks.actions.refresh", "Refresh"),
736
+ title: E("bigconsole.dataSinks.actions.refresh", "Refresh"),
737
+ "aria-label": E("bigconsole.dataSinks.actions.refresh", "Refresh"),
737
738
  onClick: () => it(t.id),
738
- className: T,
739
- children: /* @__PURE__ */ x(we, { size: 14 })
739
+ className: w,
740
+ children: /* @__PURE__ */ b(Te, { size: 14 })
740
741
  }),
741
- /* @__PURE__ */ x("button", {
742
+ /* @__PURE__ */ b("button", {
742
743
  type: "button",
743
- title: C("bigconsole.dataSinks.actions.export", "Export"),
744
- "aria-label": C("bigconsole.dataSinks.actions.export", "Export"),
744
+ title: E("bigconsole.dataSinks.actions.export", "Export"),
745
+ "aria-label": E("bigconsole.dataSinks.actions.export", "Export"),
745
746
  onClick: () => ct(t.id),
746
- className: T,
747
- children: /* @__PURE__ */ x(ye, { size: 14 })
747
+ className: w,
748
+ children: /* @__PURE__ */ b(be, { size: 14 })
748
749
  }),
749
- M && /* @__PURE__ */ x("button", {
750
+ He && /* @__PURE__ */ b("button", {
750
751
  type: "button",
751
- title: C("bigconsole.dataSinks.actions.delete", "Delete"),
752
- "aria-label": C("bigconsole.dataSinks.actions.delete", "Delete"),
752
+ title: E("bigconsole.dataSinks.actions.delete", "Delete"),
753
+ "aria-label": E("bigconsole.dataSinks.actions.delete", "Delete"),
753
754
  onClick: () => ot(t.id),
754
- className: T,
755
- children: /* @__PURE__ */ x(De, { size: 14 })
755
+ className: w,
756
+ children: /* @__PURE__ */ b(Oe, { size: 14 })
756
757
  })
757
758
  ]
758
759
  })
@@ -765,24 +766,24 @@ var w = "bigconsole-datasinks-view-mode", T = `inline-flex h-control-md w-[var(-
765
766
  ] })
766
767
  })] }) })]
767
768
  }),
768
- U && /* @__PURE__ */ S(b, { children: [/* @__PURE__ */ x(le, {
769
- dataSink: U,
770
- isOpen: Je,
771
- onClose: W,
772
- onConfirm: st
773
- }), /* @__PURE__ */ x(ue, {
774
- dataSink: U,
769
+ H && /* @__PURE__ */ x(y, { children: [/* @__PURE__ */ b(ue, {
770
+ dataSink: H,
775
771
  isOpen: Ye,
776
- onClose: G,
772
+ onClose: U,
773
+ onConfirm: st
774
+ }), /* @__PURE__ */ b(de, {
775
+ dataSink: H,
776
+ isOpen: Xe,
777
+ onClose: W,
777
778
  onConfirm: at
778
779
  })] }),
779
- /* @__PURE__ */ x(de, {
780
- isOpen: We,
781
- onClose: () => Ge(!1),
780
+ /* @__PURE__ */ b(fe, {
781
+ isOpen: Ge,
782
+ onClose: () => Ke(!1),
782
783
  onSuccess: ut
783
784
  })
784
785
  ]
785
786
  });
786
787
  });
787
788
  //#endregion
788
- export { D as DataSinksPage, D as default };
789
+ export { E as DataSinksPage, E as default };