@lunora/studio 1.0.0-alpha.30 → 1.0.0-alpha.32

package/dist/packem_chunks/queues-panel.js

@@ -1,15 +1,16 @@
 import { c } from 'react/compiler-runtime';
 import 'react';
+import { E as ErrorAlert } from '../packem_shared/error-alert-BBT6D22d.js';
 import { C as Card, a as CardContent } from '../packem_shared/card-DURq3ElK.js';
 import { E as EmptyState } from '../packem_shared/empty-state-DY_oe0k6.js';
 import { T as Table, a as TableHeader, b as TableRow, c as TableHead, d as TableBody, e as TableCell } from '../packem_shared/table-DsCa9Qp9.js';
-import { u as useAdminQuery } from '../packem_shared/use-admin-query-BViPA3US.js';
+import { u as useAdminQuery } from '../packem_shared/use-admin-query-BHPKmPuj.js';
 import { useT } from '../packem_shared/DEFAULT_LOCALE-CiX4W7Kr.js';
 import { ADMIN_FUNCTIONS } from '../packem_shared/ADMIN_FUNCTIONS-CdaxLGkE.js';
 import { jsxDEV } from 'react/jsx-dev-runtime';
 
 const QueuesPanel = () => {
-  const $ = c(17);
+  const $ = c(18);
   const t = useT();
   let t0;
   if ($[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
@@ -20,7 +21,8 @@ const QueuesPanel = () => {
   }
   const {
     data,
-    error
+    error,
+    errorSource
   } = useAdminQuery(ADMIN_FUNCTIONS.listQueues, t0);
   const loaded = data !== void 0;
   let t1;
@@ -33,39 +35,38 @@ const QueuesPanel = () => {
   }
   const queues = t1;
   let t2;
-  if ($[3] !== error) {
-    t2 = error !== null && /* @__PURE__ */ jsxDEV("p", {
-      className: "text-sm text-destructive",
-      "data-testid": "queues-error",
-      role: "alert",
-      children: error
+  if ($[3] !== error || $[4] !== errorSource) {
+    t2 = error !== null && /* @__PURE__ */ jsxDEV(ErrorAlert, {
+      error: errorSource,
+      testId: "queues-error"
     }, void 0, false);
     $[3] = error;
-    $[4] = t2;
+    $[4] = errorSource;
+    $[5] = t2;
   } else {
-    t2 = $[4];
+    t2 = $[5];
   }
   let t3;
-  if ($[5] !== t) {
+  if ($[6] !== t) {
     t3 = t("Queues are declared in code with defineQueue. Enqueue from a mutation or action with ctx.queues.<name>.send(...); push consumers process batches in the worker.");
-    $[5] = t;
-    $[6] = t3;
+    $[6] = t;
+    $[7] = t3;
   } else {
-    t3 = $[6];
+    t3 = $[7];
   }
   let t4;
-  if ($[7] !== t3) {
+  if ($[8] !== t3) {
     t4 = /* @__PURE__ */ jsxDEV("p", {
       className: "text-sm text-muted-foreground",
       children: t3
     }, void 0, false);
-    $[7] = t3;
-    $[8] = t4;
+    $[8] = t3;
+    $[9] = t4;
   } else {
-    t4 = $[8];
+    t4 = $[9];
   }
   let t5;
-  if ($[9] !== loaded || $[10] !== queues || $[11] !== t) {
+  if ($[10] !== loaded || $[11] !== queues || $[12] !== t) {
     t5 = loaded && queues.length === 0 ? /* @__PURE__ */ jsxDEV(EmptyState, {
       description: t("No defineQueue is declared in lunora/queues.ts in this deployment. Add one to offload async work to a Cloudflare Queue."),
       testId: "queues-empty",
@@ -96,26 +97,26 @@ const QueuesPanel = () => {
         }, void 0, true)
       }, void 0, false)
     }, void 0, false);
-    $[9] = loaded;
-    $[10] = queues;
-    $[11] = t;
-    $[12] = t5;
+    $[10] = loaded;
+    $[11] = queues;
+    $[12] = t;
+    $[13] = t5;
   } else {
-    t5 = $[12];
+    t5 = $[13];
   }
   let t6;
-  if ($[13] !== t2 || $[14] !== t4 || $[15] !== t5) {
+  if ($[14] !== t2 || $[15] !== t4 || $[16] !== t5) {
     t6 = /* @__PURE__ */ jsxDEV("div", {
       className: "flex flex-col gap-6",
       "data-testid": "lunora-queues-panel",
       children: [t2, t4, t5]
     }, void 0, true);
-    $[13] = t2;
-    $[14] = t4;
-    $[15] = t5;
-    $[16] = t6;
+    $[14] = t2;
+    $[15] = t4;
+    $[16] = t5;
+    $[17] = t6;
   } else {
-    t6 = $[16];
+    t6 = $[17];
   }
   return t6;
 };

package/dist/packem_chunks/rls-panel.js

@@ -1,9 +1,10 @@
 import { c } from 'react/compiler-runtime';
+import { E as ErrorAlert } from '../packem_shared/error-alert-BBT6D22d.js';
 import { B as Badge } from '../packem_shared/badge-B2PKA1-5.js';
 import { a as CardContent, C as Card } from '../packem_shared/card-DURq3ElK.js';
 import { E as EmptyState } from '../packem_shared/empty-state-DY_oe0k6.js';
 import { T as Table, a as TableHeader, b as TableRow, c as TableHead, d as TableBody, e as TableCell } from '../packem_shared/table-DsCa9Qp9.js';
-import { u as useAdminQuery } from '../packem_shared/use-admin-query-BViPA3US.js';
+import { u as useAdminQuery } from '../packem_shared/use-admin-query-BHPKmPuj.js';
 import { useT } from '../packem_shared/DEFAULT_LOCALE-CiX4W7Kr.js';
 import { ADMIN_FUNCTIONS } from '../packem_shared/ADMIN_FUNCTIONS-CdaxLGkE.js';
 import { jsxDEV } from 'react/jsx-dev-runtime';
@@ -32,7 +33,7 @@ const groupByTable = (policies) => {
   return [...byTable.values()].toSorted((a, b) => a.table.localeCompare(b.table));
 };
 const RlsPanel = () => {
-  const $ = c(47);
+  const $ = c(49);
   const t = useT();
   let t0;
   if ($[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
@@ -43,7 +44,8 @@ const RlsPanel = () => {
   }
   const {
     data,
-    error
+    error,
+    errorSource
   } = useAdminQuery(ADMIN_FUNCTIONS.rlsPolicies, t0);
   const loaded = data !== void 0;
   let T0;
@@ -55,43 +57,42 @@ const RlsPanel = () => {
   let t5;
   let t6;
   let t7;
-  if ($[1] !== data || $[2] !== error || $[3] !== loaded || $[4] !== t) {
+  if ($[1] !== data || $[2] !== error || $[3] !== errorSource || $[4] !== loaded || $[5] !== t) {
     const tables = groupByTable(Array.isArray(data?.policies) ? data.policies : []);
     let t82;
-    if ($[14] !== data) {
+    if ($[15] !== data) {
       t82 = Array.isArray(data?.roles) ? data.roles : [];
-      $[14] = data;
-      $[15] = t82;
+      $[15] = data;
+      $[16] = t82;
     } else {
-      t82 = $[15];
+      t82 = $[16];
     }
     roles = t82;
     t5 = "flex flex-col gap-6";
     t6 = "lunora-rls-panel";
-    if ($[16] !== error) {
-      t7 = error !== null && /* @__PURE__ */ jsxDEV("p", {
-        className: "px-4 py-8 text-center text-sm text-destructive",
-        "data-testid": "rls-error",
-        role: "alert",
-        children: error
+    if ($[17] !== error || $[18] !== errorSource) {
+      t7 = error !== null && /* @__PURE__ */ jsxDEV(ErrorAlert, {
+        error: errorSource,
+        testId: "rls-error"
       }, void 0, false);
-      $[16] = error;
-      $[17] = t7;
+      $[17] = error;
+      $[18] = errorSource;
+      $[19] = t7;
     } else {
-      t7 = $[17];
+      t7 = $[19];
     }
     t4 = "flex flex-col gap-2";
     T0 = Card;
     t1 = "overflow-hidden py-0";
     let t92;
-    if ($[18] !== t) {
+    if ($[20] !== t) {
       t92 = t("Policies");
-      $[18] = t;
-      $[19] = t92;
+      $[20] = t;
+      $[21] = t92;
     } else {
-      t92 = $[19];
+      t92 = $[21];
     }
-    if ($[20] !== t92) {
+    if ($[22] !== t92) {
       t2 = /* @__PURE__ */ jsxDEV("header", {
         className: "border-b border-border px-4 py-3",
         children: /* @__PURE__ */ jsxDEV("span", {
@@ -99,10 +100,10 @@ const RlsPanel = () => {
           children: t92
         }, void 0, false)
       }, void 0, false);
-      $[20] = t92;
-      $[21] = t2;
+      $[22] = t92;
+      $[23] = t2;
     } else {
-      t2 = $[21];
+      t2 = $[23];
     }
     t3 = loaded && tables.length === 0 ? /* @__PURE__ */ jsxDEV(EmptyState, {
       description: t("No `definePolicy` is wired through `.use(rls(...))` in this deployment. Add one to guard a table's rows."),
@@ -147,64 +148,65 @@ const RlsPanel = () => {
     }, void 0, false);
     $[1] = data;
     $[2] = error;
-    $[3] = loaded;
-    $[4] = t;
-    $[5] = T0;
-    $[6] = roles;
-    $[7] = t1;
-    $[8] = t2;
-    $[9] = t3;
-    $[10] = t4;
-    $[11] = t5;
-    $[12] = t6;
-    $[13] = t7;
+    $[3] = errorSource;
+    $[4] = loaded;
+    $[5] = t;
+    $[6] = T0;
+    $[7] = roles;
+    $[8] = t1;
+    $[9] = t2;
+    $[10] = t3;
+    $[11] = t4;
+    $[12] = t5;
+    $[13] = t6;
+    $[14] = t7;
   } else {
-    T0 = $[5];
-    roles = $[6];
-    t1 = $[7];
-    t2 = $[8];
-    t3 = $[9];
-    t4 = $[10];
-    t5 = $[11];
-    t6 = $[12];
-    t7 = $[13];
+    T0 = $[6];
+    roles = $[7];
+    t1 = $[8];
+    t2 = $[9];
+    t3 = $[10];
+    t4 = $[11];
+    t5 = $[12];
+    t6 = $[13];
+    t7 = $[14];
   }
   let t8;
-  if ($[22] !== T0 || $[23] !== t1 || $[24] !== t2 || $[25] !== t3) {
+  if ($[24] !== T0 || $[25] !== t1 || $[26] !== t2 || $[27] !== t3) {
     t8 = /* @__PURE__ */ jsxDEV(T0, {
       className: t1,
       children: [t2, t3]
     }, void 0, true);
-    $[22] = T0;
-    $[23] = t1;
-    $[24] = t2;
-    $[25] = t3;
-    $[26] = t8;
+    $[24] = T0;
+    $[25] = t1;
+    $[26] = t2;
+    $[27] = t3;
+    $[28] = t8;
   } else {
-    t8 = $[26];
+    t8 = $[28];
   }
   let t9;
-  if ($[27] !== t4 || $[28] !== t8) {
+  if ($[29] !== t4 || $[30] !== t8) {
     t9 = /* @__PURE__ */ jsxDEV("section", {
       className: t4,
       children: t8
     }, void 0, false);
-    $[27] = t4;
-    $[28] = t8;
-    $[29] = t9;
+    $[29] = t4;
+    $[30] = t8;
+    $[31] = t9;
   } else {
-    t9 = $[29];
+    t9 = $[31];
   }
   let t10;
-  if ($[30] !== t) {
+  if ($[32] !== t) {
     t10 = t("Roles");
-    $[30] = t;
-    $[31] = t10;
+    $[32] = t;
+    $[33] = t10;
   } else {
-    t10 = $[31];
+    t10 = $[33];
   }
   let t11;
-  if ($[32] !== t10) {
+  if ($[34] !== t10) {
     t11 = /* @__PURE__ */ jsxDEV("header", {
       className: "border-b border-border px-4 py-3",
       children: /* @__PURE__ */ jsxDEV("span", {
@@ -212,13 +214,13 @@ const RlsPanel = () => {
         children: t10
       }, void 0, false)
     }, void 0, false);
-    $[32] = t10;
-    $[33] = t11;
+    $[34] = t10;
+    $[35] = t11;
   } else {
-    t11 = $[33];
+    t11 = $[35];
   }
   let t12;
-  if ($[34] !== loaded || $[35] !== roles || $[36] !== t) {
+  if ($[36] !== loaded || $[37] !== roles || $[38] !== t) {
     t12 = loaded && roles.length === 0 ? /* @__PURE__ */ jsxDEV(EmptyState, {
       description: t("No `defineRole` is registered via `rls(policies, { roles })`. Roles back `ctx.auth.can(...)` permission checks."),
       testId: "rls-roles-empty",
@@ -242,15 +244,15 @@ const RlsPanel = () => {
         }, void 0, false)]
       }, void 0, true)
     }, void 0, false);
-    $[34] = loaded;
-    $[35] = roles;
-    $[36] = t;
-    $[37] = t12;
+    $[36] = loaded;
+    $[37] = roles;
+    $[38] = t;
+    $[39] = t12;
   } else {
-    t12 = $[37];
+    t12 = $[39];
   }
   let t13;
-  if ($[38] !== t11 || $[39] !== t12) {
+  if ($[40] !== t11 || $[41] !== t12) {
     t13 = /* @__PURE__ */ jsxDEV("section", {
       className: "flex flex-col gap-2",
       children: /* @__PURE__ */ jsxDEV(Card, {
@@ -258,27 +260,27 @@ const RlsPanel = () => {
         children: [t11, t12]
       }, void 0, true)
     }, void 0, false);
-    $[38] = t11;
-    $[39] = t12;
-    $[40] = t13;
+    $[40] = t11;
+    $[41] = t12;
+    $[42] = t13;
   } else {
-    t13 = $[40];
+    t13 = $[42];
   }
   let t14;
-  if ($[41] !== t13 || $[42] !== t5 || $[43] !== t6 || $[44] !== t7 || $[45] !== t9) {
+  if ($[43] !== t13 || $[44] !== t5 || $[45] !== t6 || $[46] !== t7 || $[47] !== t9) {
     t14 = /* @__PURE__ */ jsxDEV("div", {
       className: t5,
       "data-testid": t6,
       children: [t7, t9, t13]
     }, void 0, true);
-    $[41] = t13;
-    $[42] = t5;
-    $[43] = t6;
-    $[44] = t7;
-    $[45] = t9;
-    $[46] = t14;
+    $[43] = t13;
+    $[44] = t5;
+    $[45] = t6;
+    $[46] = t7;
+    $[47] = t9;
+    $[48] = t14;
   } else {
-    t14 = $[46];
+    t14 = $[48];
   }
   return t14;
 };

package/dist/packem_chunks/schedule-panel.js

@@ -8,11 +8,11 @@ import { B as Badge } from '../packem_shared/badge-B2PKA1-5.js';
 import { C as Card, a as CardContent } from '../packem_shared/card-DURq3ElK.js';
 import { E as EmptyState } from '../packem_shared/empty-state-DY_oe0k6.js';
 import { T as Table, a as TableHeader, b as TableRow, c as TableHead, d as TableBody, e as TableCell } from '../packem_shared/table-DsCa9Qp9.js';
-import { a as useClientQuery } from '../packem_shared/use-admin-query-BViPA3US.js';
-import { f as fireAndForget, e as errorMessage, g as formatTimestamp } from '../packem_shared/internal-FcNZ3beb.js';
+import { a as useClientQuery } from '../packem_shared/use-admin-query-BHPKmPuj.js';
+import { f as fireAndForget, e as errorMessage, i as formatTimestamp } from '../packem_shared/internal-DTsYVn-g.js';
 import { jsxDEV } from 'react/jsx-dev-runtime';
 import { useAutoRefresh } from '../packem_shared/DEFAULT_AUTO_REFRESH_MS-Vxwaxx51.js';
-import { ScheduledJobs } from '../packem_shared/ScheduledJobs-BEJXtsBn.js';
+import { ScheduledJobs } from '../packem_shared/ScheduledJobs-ClaNpZsg.js';
 
 const IDLE = {
   kind: "idle"

package/dist/packem_chunks/sparkline.js

@@ -1,5 +1,5 @@
 import { c } from 'react/compiler-runtime';
-import { B as Bar, E as EvilBarChart } from '../packem_shared/bar-chart-Bb__F5-u.js';
+import { B as Bar, E as EvilBarChart } from '../packem_shared/bar-chart-DSwcWIRy.js';
 import { jsxDEV } from 'react/jsx-dev-runtime';
 
 const SPARKLINE_CONFIG = {

package/dist/packem_chunks/storage-rules-panel.js

@@ -1,9 +1,10 @@
 import { c } from 'react/compiler-runtime';
+import { E as ErrorAlert } from '../packem_shared/error-alert-BBT6D22d.js';
 import { B as Badge } from '../packem_shared/badge-B2PKA1-5.js';
 import { C as Card, a as CardContent } from '../packem_shared/card-DURq3ElK.js';
 import { E as EmptyState } from '../packem_shared/empty-state-DY_oe0k6.js';
 import { T as Table, a as TableHeader, b as TableRow, c as TableHead, d as TableBody, e as TableCell } from '../packem_shared/table-DsCa9Qp9.js';
-import { u as useAdminQuery } from '../packem_shared/use-admin-query-BViPA3US.js';
+import { u as useAdminQuery } from '../packem_shared/use-admin-query-BHPKmPuj.js';
 import { useT } from '../packem_shared/DEFAULT_LOCALE-CiX4W7Kr.js';
 import { ADMIN_FUNCTIONS } from '../packem_shared/ADMIN_FUNCTIONS-CdaxLGkE.js';
 import { jsxDEV } from 'react/jsx-dev-runtime';
@@ -22,7 +23,7 @@ const OPERATION_ORDER = {
 };
 const sortRules = (rules) => [...rules].toSorted((a, b) => a.bucket.localeCompare(b.bucket) || OPERATION_ORDER[a.on] - OPERATION_ORDER[b.on] || (a.prefix ?? "").localeCompare(b.prefix ?? ""));
 const StorageRulesPanel = () => {
-  const $ = c(12);
+  const $ = c(14);
   const t = useT();
   let t0;
   if ($[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
@@ -33,44 +34,44 @@ const StorageRulesPanel = () => {
   }
   const {
     data,
-    error
+    error,
+    errorSource
   } = useAdminQuery(ADMIN_FUNCTIONS.storageRules, t0);
   const loaded = data !== void 0;
   let t1;
-  if ($[1] !== data || $[2] !== error || $[3] !== loaded || $[4] !== t) {
+  if ($[1] !== data || $[2] !== error || $[3] !== errorSource || $[4] !== loaded || $[5] !== t) {
     const rules = sortRules(Array.isArray(data?.rules) ? data.rules : []);
     let t2;
-    if ($[6] !== error) {
-      t2 = error !== null && /* @__PURE__ */ jsxDEV("p", {
-        className: "text-sm text-destructive",
-        "data-testid": "storage-rules-error",
-        role: "alert",
-        children: error
+    if ($[7] !== error || $[8] !== errorSource) {
+      t2 = error !== null && /* @__PURE__ */ jsxDEV(ErrorAlert, {
+        error: errorSource,
+        testId: "storage-rules-error"
       }, void 0, false);
-      $[6] = error;
-      $[7] = t2;
+      $[7] = error;
+      $[8] = errorSource;
+      $[9] = t2;
     } else {
-      t2 = $[7];
+      t2 = $[9];
     }
     let t3;
-    if ($[8] !== t) {
+    if ($[10] !== t) {
       t3 = t("Storage rules are declared in code with defineStorageRule and gate ctx.storage access per bucket. This view is read-only.");
-      $[8] = t;
-      $[9] = t3;
+      $[10] = t;
+      $[11] = t3;
     } else {
-      t3 = $[9];
+      t3 = $[11];
     }
     let t4;
-    if ($[10] !== t3) {
+    if ($[12] !== t3) {
       t4 = /* @__PURE__ */ jsxDEV("p", {
         className: "text-sm text-muted-foreground",
         "data-testid": "storage-rules-note",
         children: t3
       }, void 0, false);
-      $[10] = t3;
-      $[11] = t4;
+      $[12] = t3;
+      $[13] = t4;
     } else {
-      t4 = $[11];
+      t4 = $[13];
     }
     t1 = /* @__PURE__ */ jsxDEV("div", {
       className: "flex flex-col gap-4",
@@ -126,11 +127,12 @@ const StorageRulesPanel = () => {
     }, void 0, true);
     $[1] = data;
     $[2] = error;
-    $[3] = loaded;
-    $[4] = t;
-    $[5] = t1;
+    $[3] = errorSource;
+    $[4] = loaded;
+    $[5] = t;
+    $[6] = t1;
   } else {
-    t1 = $[5];
+    t1 = $[6];
   }
   return t1;
 };

package/dist/packem_chunks/subscriptions-panel.js

@@ -1,11 +1,12 @@
 import { c } from 'react/compiler-runtime';
 import { useState } from 'react';
+import { E as ErrorAlert } from '../packem_shared/error-alert-BBT6D22d.js';
 import { ShardInput } from '../packem_shared/ShardInput-gx_DZXXn.js';
 import { B as Badge } from '../packem_shared/badge-B2PKA1-5.js';
 import { C as Card, a as CardContent } from '../packem_shared/card-DURq3ElK.js';
 import { E as EmptyState } from '../packem_shared/empty-state-DY_oe0k6.js';
 import { T as Table, a as TableHeader, b as TableRow, c as TableHead, d as TableBody, e as TableCell } from '../packem_shared/table-DsCa9Qp9.js';
-import { u as useAdminQuery } from '../packem_shared/use-admin-query-BViPA3US.js';
+import { u as useAdminQuery } from '../packem_shared/use-admin-query-BHPKmPuj.js';
 import { useAutoRefresh } from '../packem_shared/DEFAULT_AUTO_REFRESH_MS-Vxwaxx51.js';
 import useDebounced from '../packem_shared/useDebounced-Dxncpg6z.js';
 import { useT } from '../packem_shared/DEFAULT_LOCALE-CiX4W7Kr.js';
@@ -49,7 +50,7 @@ const DASH = /* @__PURE__ */ jsxDEV("span", {
   children: "—"
 }, void 0, false);
 const SubscriptionsPanel = (t0) => {
-  const $ = c(20);
+  const $ = c(22);
   const {
     initialShardKey
   } = t0;
@@ -85,26 +86,27 @@ const SubscriptionsPanel = (t0) => {
   const {
     data: result,
     error,
+    errorSource,
     refetch
   } = useAdminQuery(ADMIN_FUNCTIONS.listSubscriptions, t2, t3);
   useAutoRefresh(refetch, true);
   let t4;
-  if ($[5] !== error || $[6] !== result || $[7] !== shardKey || $[8] !== t) {
+  if ($[5] !== error || $[6] !== errorSource || $[7] !== result || $[8] !== shardKey || $[9] !== t) {
     const rows = result === void 0 ? [] : toRows(result.connections);
     let t5;
-    if ($[10] !== shardKey) {
+    if ($[11] !== shardKey) {
       t5 = /* @__PURE__ */ jsxDEV(ShardInput, {
         onChange: setShardKey,
         testId: "subs-shard-input",
         value: shardKey
       }, void 0, false);
-      $[10] = shardKey;
-      $[11] = t5;
+      $[11] = shardKey;
+      $[12] = t5;
     } else {
-      t5 = $[11];
+      t5 = $[12];
     }
     let t6;
-    if ($[12] !== result || $[13] !== t) {
+    if ($[13] !== result || $[14] !== t) {
       t6 = result !== void 0 && /* @__PURE__ */ jsxDEV("div", {
         className: "ml-auto flex items-center gap-2 text-sm text-muted-foreground",
         "data-testid": "subs-count",
@@ -120,36 +122,35 @@ const SubscriptionsPanel = (t0) => {
           })
         }, void 0, false)]
       }, void 0, true);
-      $[12] = result;
-      $[13] = t;
-      $[14] = t6;
+      $[13] = result;
+      $[14] = t;
+      $[15] = t6;
     } else {
-      t6 = $[14];
+      t6 = $[15];
     }
     let t7;
-    if ($[15] !== t5 || $[16] !== t6) {
+    if ($[16] !== t5 || $[17] !== t6) {
       t7 = /* @__PURE__ */ jsxDEV("div", {
         className: "flex flex-wrap items-center gap-2",
         children: [t5, t6]
       }, void 0, true);
-      $[15] = t5;
-      $[16] = t6;
-      $[17] = t7;
+      $[16] = t5;
+      $[17] = t6;
+      $[18] = t7;
     } else {
-      t7 = $[17];
+      t7 = $[18];
     }
     let t8;
-    if ($[18] !== error) {
-      t8 = error !== null && /* @__PURE__ */ jsxDEV("p", {
-        className: "text-sm text-destructive",
-        "data-testid": "subs-error",
-        role: "alert",
-        children: error
+    if ($[19] !== error || $[20] !== errorSource) {
+      t8 = error !== null && /* @__PURE__ */ jsxDEV(ErrorAlert, {
+        error: errorSource,
+        testId: "subs-error"
       }, void 0, false);
-      $[18] = error;
-      $[19] = t8;
+      $[19] = error;
+      $[20] = errorSource;
+      $[21] = t8;
     } else {
-      t8 = $[19];
+      t8 = $[21];
     }
     t4 = /* @__PURE__ */ jsxDEV("div", {
       className: "flex flex-col gap-4",
@@ -223,12 +224,13 @@ const SubscriptionsPanel = (t0) => {
       }, void 0, false)]
     }, void 0, true);
     $[5] = error;
-    $[6] = result;
-    $[7] = shardKey;
-    $[8] = t;
-    $[9] = t4;
+    $[6] = errorSource;
+    $[7] = result;
+    $[8] = shardKey;
+    $[9] = t;
+    $[10] = t4;
   } else {
-    t4 = $[9];
+    t4 = $[10];
   }
   return t4;
 };