@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.
@@ -14,35 +14,36 @@ import { isNative as o, nativeConfirm as ie, nativeImpact as ae, nativeNotify as
14
14
  import { hasDataSinkPayload as c } from "../utils/dataSinkPayload.js";
15
15
  import oe from "../hooks/useDataSinkSubscription.js";
16
16
  import { formatByteSize as se } from "../utils/format.js";
17
- import { DataSinkDataViewer as ce } from "../components/datasink/DataSinkDataViewer.js";
18
- import { LinkedWorkflowsPanel as le } from "../components/datasink/LinkedWorkflowsPanel.js";
19
- import { LinkedParsersPanel as ue } from "../components/datasink/LinkedParsersPanel.js";
20
- import { WorkflowStatusPanel as de } from "../components/datasink/WorkflowStatusPanel.js";
21
- import { ExportDataSinkDialog as fe } from "../components/datasink/ExportDataSinkDialog.js";
22
- import { ImportDataGuideDialog as pe } from "../components/datasink/ImportDataGuideDialog.js";
23
- import { memo as l, useCallback as u, useEffect as me, useState as d } from "react";
24
- import { useParams as he } from "react-router";
25
- import { AccessDenied as ge, PermissionButton as f } from "@burdenoff/fe-libs/shared/components";
26
- import { usePermissions as _e } from "@burdenoff/fe-libs/shared/providers/shell";
27
- import { AlertCircle as ve, ArrowLeft as p, Bell as ye, Code as be, Database as m, Download as xe, Edit as Se, Eye as Ce, EyeOff as we, Grid3X3 as Te, Loader2 as h, RefreshCw as Ee, Trash2 as De, Upload as g } from "lucide-react";
28
- import { Button as _, IllustratedEmptyState as Oe, NextSteps as ke, PagePurpose as Ae } from "@burdenoff/fe-libs/ui";
29
- import { useI18n as je } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
17
+ import { describeSetupGaps as ce, getSetupGaps as le } from "../utils/dataSinkSetup.js";
18
+ import { DataSinkDataViewer as ue } from "../components/datasink/DataSinkDataViewer.js";
19
+ import { LinkedWorkflowsPanel as de } from "../components/datasink/LinkedWorkflowsPanel.js";
20
+ import { LinkedParsersPanel as fe } from "../components/datasink/LinkedParsersPanel.js";
21
+ import { WorkflowStatusPanel as pe } from "../components/datasink/WorkflowStatusPanel.js";
22
+ import { ExportDataSinkDialog as me } from "../components/datasink/ExportDataSinkDialog.js";
23
+ import { ImportDataGuideDialog as he } from "../components/datasink/ImportDataGuideDialog.js";
24
+ import { memo as l, useCallback as u, useEffect as ge, useState as d } from "react";
25
+ import { useParams as _e } from "react-router";
26
+ import { AccessDenied as ve, PermissionButton as f } from "@burdenoff/fe-libs/shared/components";
27
+ import { usePermissions as ye } from "@burdenoff/fe-libs/shared/providers/shell";
28
+ import { AlertCircle as be, ArrowLeft as p, Bell as xe, Code as Se, Database as m, Download as Ce, Edit as we, Eye as Te, EyeOff as Ee, Grid3X3 as De, Loader2 as h, RefreshCw as Oe, Trash2 as ke, Upload as g } from "lucide-react";
29
+ import { Button as _, IllustratedEmptyState as Ae, NextSteps as je, PagePurpose as Me } from "@burdenoff/fe-libs/ui";
30
+ import { useI18n as Ne } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
30
31
  import { Fragment as v, jsx as y, jsxs as b } from "react/jsx-runtime";
31
32
  import { formatDistanceToNow as x } from "date-fns";
32
33
  //#region src/bigconsole/pages/DataSinkViewPage.tsx
33
34
  var S = "focus-visible:ring-inset focus-visible:ring-offset-0", C = l(function() {
34
- let { dataSinkId: l } = he(), C = t(), { t: w } = je(), { hasPermission: Me, isLoading: Ne } = _e(), Pe = Me(i.DATASINK_READ), [T, E] = d(!1), [D, O] = d(!1), [k, A] = d(!1), [Fe, j] = d(!1), [Ie, M] = d(!1), [N, Le] = d(null), [P, F] = d(!1), [I, L] = d("table"), [R, Re] = d(100), [z, ze] = d(0), [B, Be] = d(null), [Ve, He] = d(!1), V = e((e) => l ? e.dataSinks.get(l) : void 0), { loading: Ue, error: H, fetchDataSink: U, getDataSinkData: W, refreshDataSink: G, updateDataSink: K, deleteDataSink: q } = re({ skipFetch: !0 });
35
+ let { dataSinkId: l } = _e(), C = t(), { t: w } = Ne(), { hasPermission: Pe, isLoading: Fe } = ye(), Ie = Pe(i.DATASINK_READ), [T, E] = d(!1), [D, O] = d(!1), [k, A] = d(!1), [Le, j] = d(!1), [Re, M] = d(!1), [N, ze] = d(null), [P, F] = d(!1), [I, L] = d("table"), [R, Be] = d(100), [z, Ve] = d(0), [B, He] = d(null), [Ue, We] = d(!1), V = e((e) => l ? e.dataSinks.get(l) : void 0), { loading: Ge, error: H, fetchDataSink: U, getDataSinkData: W, refreshDataSink: G, updateDataSink: K, deleteDataSink: q } = re({ skipFetch: !0 });
35
36
  oe({
36
37
  dataSinkId: l,
37
38
  enabled: !!l
38
- }), me(() => {
39
+ }), ge(() => {
39
40
  l && U(l);
40
41
  }, [l, U]);
41
42
  let J = u(() => {
42
43
  C("/datasinks");
43
- }, [C]), We = u(() => {
44
+ }, [C]), Y = u(() => {
44
45
  C(`/datasinks/${l}/edit`);
45
- }, [C, l]), Y = u(async () => {
46
+ }, [C, l]), X = u(async () => {
46
47
  if (l) {
47
48
  O(!0);
48
49
  try {
@@ -51,7 +52,7 @@ var S = "focus-visible:ring-inset focus-visible:ring-offset-0", C = l(function()
51
52
  O(!1);
52
53
  }
53
54
  }
54
- }, [l, G]), Ge = u(async () => {
55
+ }, [l, G]), Ke = u(async () => {
55
56
  if (!l) return;
56
57
  let e = await ie({
57
58
  title: w("bigconsole.dataSinks.view.deleteConfirmTitle", "Delete DataSink?"),
@@ -74,7 +75,7 @@ var S = "focus-visible:ring-inset focus-visible:ring-offset-0", C = l(function()
74
75
  q,
75
76
  C,
76
77
  w
77
- ]), X = u(async (e, t) => {
78
+ ]), Z = u(async (e, t) => {
78
79
  if (l) {
79
80
  F(!0);
80
81
  try {
@@ -82,63 +83,64 @@ var S = "focus-visible:ring-inset focus-visible:ring-offset-0", C = l(function()
82
83
  limit: t,
83
84
  offset: e
84
85
  });
85
- n && (Le(n.raw || {}), Be(typeof n.totalCount == "number" ? n.totalCount : null), He(!!n.hasMore), ze(e));
86
+ n && (ze(n.raw || {}), He(typeof n.totalCount == "number" ? n.totalCount : null), We(!!n.hasMore), Ve(e));
86
87
  } catch {} finally {
87
88
  F(!1);
88
89
  }
89
90
  }
90
- }, [l, W]), Z = u(async () => {
91
+ }, [l, W]), Q = u(async () => {
91
92
  if (l) {
92
93
  if (T) {
93
94
  E(!1);
94
95
  return;
95
96
  }
96
- await X(0, R), E(!0);
97
+ await Z(0, R), E(!0);
97
98
  }
98
99
  }, [
99
100
  l,
100
101
  T,
101
- X,
102
+ Z,
102
103
  R
103
- ]), Ke = u((e) => {
104
- Re(e), X(0, e);
105
- }, [X]), Q = u(() => {
104
+ ]), qe = u((e) => {
105
+ Be(e), Z(0, e);
106
+ }, [Z]), Je = u(() => {
106
107
  j(!0);
107
- }, []), qe = u(() => {
108
+ }, []), Ye = u(() => {
108
109
  j(!1);
109
- }, []), $ = u(() => {
110
+ }, []), Xe = u(() => {
110
111
  M(!0);
111
- }, []), Je = u(() => {
112
+ }, []), Ze = u(() => {
112
113
  M(!1);
113
- }, []), Ye = u(() => {
114
+ }, []), Qe = u(() => {
114
115
  M(!1), C(ee(), n);
115
- }, [C]), Xe = u(async (e) => {
116
+ }, [C]), $e = u(async (e) => {
116
117
  if (!V || !await K({
117
118
  id: V.id,
118
119
  version: V.version,
119
120
  data: e
120
121
  })) return !1;
121
122
  try {
122
- await X(0, R), E(!0);
123
+ await Z(0, R), E(!0);
123
124
  } catch {}
124
125
  return !0;
125
126
  }, [
126
127
  V,
127
128
  K,
128
- X,
129
+ Z,
129
130
  R
130
131
  ]);
131
- return Ue && !V ? /* @__PURE__ */ y("div", {
132
+ if (Ge && !V) return /* @__PURE__ */ y("div", {
132
133
  className: "flex min-h-[240px] items-center justify-center p-card-padding",
133
134
  children: /* @__PURE__ */ y(h, { className: "h-icon-lg w-icon-lg animate-spin text-text-secondary" })
134
- }) : H && !V ? /* @__PURE__ */ y("div", {
135
+ });
136
+ if (H && !V) return /* @__PURE__ */ y("div", {
135
137
  className: "p-card-padding",
136
138
  children: /* @__PURE__ */ y(r, {
137
139
  tone: "danger",
138
140
  headingLevel: 2,
139
141
  title: w("bigconsole.dataSinks.view.loadError", "Failed to load DataSink"),
140
142
  description: H.message,
141
- icon: /* @__PURE__ */ y(ve, { className: "h-icon-sm w-icon-sm" }),
143
+ icon: /* @__PURE__ */ y(be, { className: "h-icon-sm w-icon-sm" }),
142
144
  actions: /* @__PURE__ */ b(_, {
143
145
  onClick: J,
144
146
  variant: "secondary",
@@ -146,10 +148,27 @@ var S = "focus-visible:ring-inset focus-visible:ring-offset-0", C = l(function()
146
148
  children: [/* @__PURE__ */ y(p, { className: "w-4 h-4 mr-2" }), w("bigconsole.dataSinks.view.goBack", "Go back")]
147
149
  })
148
150
  })
149
- }) : !Ne && !Pe ? /* @__PURE__ */ y(ge, {
151
+ });
152
+ if (!Fe && !Ie) return /* @__PURE__ */ y(ve, {
150
153
  title: w("bigconsole.dataSinks.view.accessDeniedTitle", "Access Denied"),
151
154
  description: w("bigconsole.dataSinks.view.accessDeniedDescription", "You don't have permission to view this data sink.")
152
- }) : V ? /* @__PURE__ */ b("div", {
155
+ });
156
+ if (!V) return /* @__PURE__ */ y("div", {
157
+ className: "flex min-h-[240px] items-center justify-center p-card-padding",
158
+ children: /* @__PURE__ */ y(Ae, {
159
+ illustration: "empty-data",
160
+ title: w("bigconsole.dataSinks.view.notFoundTitle", "DataSink not found"),
161
+ description: w("bigconsole.dataSinks.view.notFoundDescription", "The DataSink you're looking for doesn't exist or has been deleted."),
162
+ action: /* @__PURE__ */ b(_, {
163
+ onClick: J,
164
+ variant: "default",
165
+ size: "default",
166
+ children: [/* @__PURE__ */ y(p, { className: "w-4 h-4 mr-2" }), w("bigconsole.dataSinks.view.goBackToDataSinks", "Go back to DataSinks")]
167
+ })
168
+ })
169
+ });
170
+ let $ = le(V);
171
+ return /* @__PURE__ */ b("div", {
153
172
  className: "min-w-0 p-card-padding",
154
173
  children: [
155
174
  /* @__PURE__ */ b("header", {
@@ -194,59 +213,76 @@ var S = "focus-visible:ring-inset focus-visible:ring-offset-0", C = l(function()
194
213
  permission: i.DATASINK_EXECUTE,
195
214
  deniedBehavior: "disable",
196
215
  children: /* @__PURE__ */ b(_, {
197
- onClick: Y,
216
+ onClick: X,
198
217
  disabled: D,
199
218
  variant: "default",
200
219
  size: "default",
201
- children: [/* @__PURE__ */ y(Ee, { className: `w-4 h-4 mr-2 ${D ? "animate-spin" : ""}` }), D ? w("bigconsole.dataSinks.view.refreshing", "Refreshing...") : w("bigconsole.dataSinks.view.refresh", "Refresh")]
220
+ children: [/* @__PURE__ */ y(Oe, { className: `w-4 h-4 mr-2 ${D ? "animate-spin" : ""}` }), D ? w("bigconsole.dataSinks.view.refreshing", "Refreshing...") : w("bigconsole.dataSinks.view.refresh", "Refresh")]
202
221
  })
203
222
  }),
204
223
  /* @__PURE__ */ b(_, {
205
- onClick: $,
224
+ onClick: Xe,
206
225
  variant: "secondary",
207
226
  size: "default",
208
227
  children: [/* @__PURE__ */ y(g, { className: "w-4 h-4 mr-2" }), w("bigconsole.dataSinks.view.importData", "Import Data")]
209
228
  }),
210
229
  /* @__PURE__ */ b(_, {
211
- onClick: Q,
230
+ onClick: Je,
212
231
  variant: "secondary",
213
232
  size: "default",
214
- children: [/* @__PURE__ */ y(xe, { className: "w-4 h-4 mr-2" }), w("bigconsole.dataSinks.view.export", "Export")]
233
+ children: [/* @__PURE__ */ y(Ce, { className: "w-4 h-4 mr-2" }), w("bigconsole.dataSinks.view.export", "Export")]
215
234
  }),
216
235
  /* @__PURE__ */ b(_, {
217
236
  onClick: () => C(`/datasinks/${l}/alerts`),
218
237
  variant: "secondary",
219
238
  size: "default",
220
- children: [/* @__PURE__ */ y(ye, { className: "w-4 h-4 mr-2" }), w("bigconsole.alerts.title", "Alerts")]
239
+ children: [/* @__PURE__ */ y(xe, { className: "w-4 h-4 mr-2" }), w("bigconsole.alerts.title", "Alerts")]
221
240
  }),
222
241
  /* @__PURE__ */ y(f, {
223
242
  permission: i.DATASINK_UPDATE,
224
243
  deniedBehavior: "disable",
225
244
  children: /* @__PURE__ */ b(_, {
226
- onClick: We,
245
+ onClick: Y,
227
246
  variant: "secondary",
228
247
  size: "default",
229
- children: [/* @__PURE__ */ y(Se, { className: "w-4 h-4 mr-2" }), w("bigconsole.dataSinks.view.edit", "Edit")]
248
+ children: [/* @__PURE__ */ y(we, { className: "w-4 h-4 mr-2" }), w("bigconsole.dataSinks.view.edit", "Edit")]
230
249
  })
231
250
  }),
232
251
  /* @__PURE__ */ y(f, {
233
252
  permission: i.DATASINK_DELETE,
234
253
  deniedBehavior: "hide",
235
254
  children: /* @__PURE__ */ b(_, {
236
- onClick: Ge,
255
+ onClick: Ke,
237
256
  disabled: k,
238
257
  variant: "destructive",
239
258
  size: "default",
240
- children: [/* @__PURE__ */ y(De, { className: "w-4 h-4 mr-2" }), k ? w("bigconsole.dataSinks.view.deleting", "Deleting...") : w("bigconsole.dataSinks.view.delete", "Delete")]
259
+ children: [/* @__PURE__ */ y(ke, { className: "w-4 h-4 mr-2" }), k ? w("bigconsole.dataSinks.view.deleting", "Deleting...") : w("bigconsole.dataSinks.view.delete", "Delete")]
241
260
  })
242
261
  })
243
262
  ]
244
263
  })]
245
264
  }),
246
- /* @__PURE__ */ y(Ae, {
265
+ /* @__PURE__ */ y(Me, {
247
266
  className: "mb-section-gap",
248
267
  children: w("bigconsole.dataSinks.view.pagePurpose", "A data sink is a structured store that holds your processed data and serves it to dashboards. From here you can inspect its schema and stats, preview the cached rows, refresh it from its linked workflow, or export it.")
249
268
  }),
269
+ $.length > 0 && /* @__PURE__ */ b("div", {
270
+ role: "status",
271
+ className: "mb-section-gap flex flex-wrap items-center justify-between gap-form-gap rounded-input border border-[var(--color-status-warning-border)] bg-[var(--color-status-warning-bgSubtle)] p-3",
272
+ children: [/* @__PURE__ */ y("p", {
273
+ className: "min-w-0 text-sm text-[var(--color-status-warning-text)]",
274
+ children: ce($, w)
275
+ }), /* @__PURE__ */ y(f, {
276
+ permission: i.DATASINK_UPDATE,
277
+ deniedBehavior: "disable",
278
+ children: /* @__PURE__ */ y(_, {
279
+ onClick: Y,
280
+ variant: "secondary",
281
+ size: "sm",
282
+ children: w("bigconsole.dataSinks.setup.continueSetup", "Continue setup")
283
+ })
284
+ })]
285
+ }),
250
286
  /* @__PURE__ */ b(te, {
251
287
  className: "mt-section-gap",
252
288
  children: [/* @__PURE__ */ b("div", {
@@ -346,23 +382,23 @@ var S = "focus-visible:ring-inset focus-visible:ring-offset-0", C = l(function()
346
382
  "aria-pressed": I === "table",
347
383
  className: `flex h-control-md w-[var(--size-controlHeight-md)] items-center justify-center focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-bg-surface ${S} ${I === "table" ? "bg-bg-sunken text-text-primary" : "text-text-secondary hover:text-text-primary"}`,
348
384
  title: w("bigconsole.dataSinks.view.tableView", "Table view"),
349
- children: /* @__PURE__ */ y(Te, { className: "w-4 h-4" })
385
+ children: /* @__PURE__ */ y(De, { className: "w-4 h-4" })
350
386
  }), /* @__PURE__ */ y("button", {
351
387
  type: "button",
352
388
  onClick: () => L("json"),
353
389
  "aria-pressed": I === "json",
354
390
  className: `flex h-control-md w-[var(--size-controlHeight-md)] items-center justify-center focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-bg-surface ${S} ${I === "json" ? "bg-bg-sunken text-text-primary" : "text-text-secondary hover:text-text-primary"}`,
355
391
  title: w("bigconsole.dataSinks.view.jsonView", "JSON view"),
356
- children: /* @__PURE__ */ y(be, { className: "w-4 h-4" })
392
+ children: /* @__PURE__ */ y(Se, { className: "w-4 h-4" })
357
393
  })]
358
394
  }), /* @__PURE__ */ y(_, {
359
- onClick: Z,
395
+ onClick: Q,
360
396
  disabled: P,
361
397
  variant: T ? "secondary" : "default",
362
398
  size: "sm",
363
- children: P ? /* @__PURE__ */ b(v, { children: [/* @__PURE__ */ y(h, { className: "w-4 h-4 mr-2 animate-spin" }), w("bigconsole.dataSinks.view.loading", "Loading...")] }) : T ? /* @__PURE__ */ b(v, { children: [/* @__PURE__ */ y(we, { className: "w-4 h-4 mr-2" }), w("bigconsole.dataSinks.view.hideData", "Hide Data")] }) : /* @__PURE__ */ b(v, { children: [/* @__PURE__ */ y(Ce, { className: "w-4 h-4 mr-2" }), w("bigconsole.dataSinks.view.showData", "Show Data")] })
399
+ children: P ? /* @__PURE__ */ b(v, { children: [/* @__PURE__ */ y(h, { className: "w-4 h-4 mr-2 animate-spin" }), w("bigconsole.dataSinks.view.loading", "Loading...")] }) : T ? /* @__PURE__ */ b(v, { children: [/* @__PURE__ */ y(Ee, { className: "w-4 h-4 mr-2" }), w("bigconsole.dataSinks.view.hideData", "Hide Data")] }) : /* @__PURE__ */ b(v, { children: [/* @__PURE__ */ y(Te, { className: "w-4 h-4 mr-2" }), w("bigconsole.dataSinks.view.showData", "Show Data")] })
364
400
  })] }),
365
- children: [T && N && /* @__PURE__ */ b(v, { children: [y(I === "table" ? ne : ce, {
401
+ children: [T && N && /* @__PURE__ */ b(v, { children: [y(I === "table" ? ne : ue, {
366
402
  data: N,
367
403
  maxHeight: "400px"
368
404
  }), B !== null && /* @__PURE__ */ b("div", {
@@ -373,7 +409,7 @@ var S = "focus-visible:ring-inset focus-visible:ring-offset-0", C = l(function()
373
409
  "aria-label": w("bigconsole.dataSinks.view.rowsPerPage", "Rows per page"),
374
410
  className: "h-control-md rounded-input border border-[var(--color-border-default)] bg-bg-canvas px-2 text-text-primary focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-bg-surface",
375
411
  value: R,
376
- onChange: (e) => Ke(Number(e.target.value)),
412
+ onChange: (e) => qe(Number(e.target.value)),
377
413
  children: [
378
414
  100,
379
415
  500,
@@ -395,14 +431,14 @@ var S = "focus-visible:ring-inset focus-visible:ring-offset-0", C = l(function()
395
431
  variant: "secondary",
396
432
  size: "sm",
397
433
  disabled: z === 0 || P,
398
- onClick: () => void X(Math.max(0, z - R), R),
434
+ onClick: () => void Z(Math.max(0, z - R), R),
399
435
  children: w("bigconsole.dataSinks.view.previous", "Previous")
400
436
  }),
401
437
  /* @__PURE__ */ y(_, {
402
438
  variant: "secondary",
403
439
  size: "sm",
404
- disabled: !Ve || P,
405
- onClick: () => void X(z + R, R),
440
+ disabled: !Ue || P,
441
+ onClick: () => void Z(z + R, R),
406
442
  children: w("bigconsole.dataSinks.view.next", "Next")
407
443
  })
408
444
  ]
@@ -425,7 +461,7 @@ var S = "focus-visible:ring-inset focus-visible:ring-offset-0", C = l(function()
425
461
  children: w("bigconsole.dataSinks.view.noDataYet", "This data sink has no data yet. Upload a CSV or build a workflow to import data.")
426
462
  }),
427
463
  /* @__PURE__ */ b(_, {
428
- onClick: $,
464
+ onClick: Xe,
429
465
  variant: "default",
430
466
  size: "sm",
431
467
  children: [/* @__PURE__ */ y(g, { className: "w-4 h-4 mr-2" }), w("bigconsole.dataSinks.view.importData", "Import Data")]
@@ -436,35 +472,35 @@ var S = "focus-visible:ring-inset focus-visible:ring-offset-0", C = l(function()
436
472
  }), /* @__PURE__ */ b("div", {
437
473
  className: "grid min-w-0 gap-section-gap md:grid-cols-2",
438
474
  children: [
439
- V.fluidGridsWorkflowId && /* @__PURE__ */ y(de, {
475
+ V.fluidGridsWorkflowId && /* @__PURE__ */ y(pe, {
440
476
  workflowId: V.fluidGridsWorkflowId,
441
477
  executionId: V.fluidGridsWorkflowExecutionId || void 0,
442
478
  lastRefreshedAt: V.lastRefreshedAt || void 0,
443
479
  setupState: V.setupState,
444
480
  status: V.status,
445
- onRerunWorkflow: Y,
481
+ onRerunWorkflow: X,
446
482
  disabled: D,
447
483
  isRerunning: D
448
484
  }),
449
- /* @__PURE__ */ y(le, { workflowLinks: V.workflowLinks }),
450
- /* @__PURE__ */ y(ue, { dataSinkKey: V.key })
485
+ /* @__PURE__ */ y(de, { workflowLinks: V.workflowLinks }),
486
+ /* @__PURE__ */ y(fe, { dataSinkKey: V.key })
451
487
  ]
452
488
  })]
453
489
  }),
454
- /* @__PURE__ */ y(ke, {
490
+ /* @__PURE__ */ y(je, {
455
491
  storageKey: "bigconsole-datasink-view",
456
492
  steps: [
457
493
  {
458
494
  id: "preview",
459
495
  label: w("bigconsole.dataSinks.view.nextSteps.previewLabel", "Preview the data"),
460
496
  description: w("bigconsole.dataSinks.view.nextSteps.previewDescription", "Open the cached rows to confirm the sink holds what you expect."),
461
- onClick: Z
497
+ onClick: Q
462
498
  },
463
499
  {
464
500
  id: "refresh",
465
501
  label: w("bigconsole.dataSinks.view.nextSteps.refreshLabel", "Refresh from source"),
466
502
  description: w("bigconsole.dataSinks.view.nextSteps.refreshDescription", "Re-run the linked workflow to pull the latest data."),
467
- onClick: Y
503
+ onClick: X
468
504
  },
469
505
  {
470
506
  id: "build-dashboard",
@@ -476,38 +512,25 @@ var S = "focus-visible:ring-inset focus-visible:ring-offset-0", C = l(function()
476
512
  id: "export",
477
513
  label: w("bigconsole.dataSinks.view.nextSteps.exportLabel", "Export the data"),
478
514
  description: w("bigconsole.dataSinks.view.nextSteps.exportDescription", "Download the contents for use elsewhere."),
479
- onClick: Q
515
+ onClick: Je
480
516
  }
481
517
  ]
482
518
  }),
483
- /* @__PURE__ */ y(fe, {
484
- isOpen: Fe,
519
+ /* @__PURE__ */ y(me, {
520
+ isOpen: Le,
485
521
  dataSinkId: l || null,
486
522
  dataSinkName: V.name || V.key,
487
- onClose: qe
523
+ onClose: Ye
488
524
  }),
489
- /* @__PURE__ */ y(pe, {
490
- isOpen: Ie,
525
+ /* @__PURE__ */ y(he, {
526
+ isOpen: Re,
491
527
  dataSinkName: V.name || V.key,
492
528
  hasExistingData: c(V),
493
- onClose: Je,
494
- onGoToWorkflows: Ye,
495
- onImportCsv: Xe
529
+ onClose: Ze,
530
+ onGoToWorkflows: Qe,
531
+ onImportCsv: $e
496
532
  })
497
533
  ]
498
- }) : /* @__PURE__ */ y("div", {
499
- className: "flex min-h-[240px] items-center justify-center p-card-padding",
500
- children: /* @__PURE__ */ y(Oe, {
501
- illustration: "empty-data",
502
- title: w("bigconsole.dataSinks.view.notFoundTitle", "DataSink not found"),
503
- description: w("bigconsole.dataSinks.view.notFoundDescription", "The DataSink you're looking for doesn't exist or has been deleted."),
504
- action: /* @__PURE__ */ b(_, {
505
- onClick: J,
506
- variant: "default",
507
- size: "default",
508
- children: [/* @__PURE__ */ y(p, { className: "w-4 h-4 mr-2" }), w("bigconsole.dataSinks.view.goBackToDataSinks", "Go back to DataSinks")]
509
- })
510
- })
511
534
  });
512
535
  });
513
536
  //#endregion