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

package/dist/packem_chunks/containers-panel.js

@@ -0,0 +1,247 @@
+import { c } from 'react/compiler-runtime';
+import 'react';
+import { L as LiveError } from '../packem_shared/live-status-FZ0psC1z.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-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 CONTAINER_LOG_PREFIX = "container:";
+const EVENT_STATE = {
+  error: "error",
+  sleep: "sleeping",
+  start: "running",
+  stop: "stopped"
+};
+const parseContainerMessage = (message) => {
+  const separator = message.indexOf(":");
+  if (separator === -1) {
+    return {
+      event: message.trim()
+    };
+  }
+  const detail = message.slice(separator + 1).trim();
+  const event = message.slice(0, separator).trim();
+  return detail === "" ? {
+    event
+  } : {
+    detail,
+    event
+  };
+};
+const foldContainerInstances = (entries) => {
+  const latest = /* @__PURE__ */ new Map();
+  for (const entry of entries) {
+    const path = entry.functionPath ?? "";
+    if (!path.startsWith(CONTAINER_LOG_PREFIX)) {
+      continue;
+    }
+    const name = path.slice(CONTAINER_LOG_PREFIX.length);
+    if (name === "") {
+      continue;
+    }
+    const previous = latest.get(name);
+    if (previous !== void 0 && previous.timestamp >= entry.timestamp) {
+      continue;
+    }
+    const {
+      detail,
+      event
+    } = parseContainerMessage(entry.message);
+    latest.set(name, {
+      detail,
+      event,
+      level: entry.level,
+      name,
+      state: EVENT_STATE[event] ?? "unknown",
+      timestamp: entry.timestamp
+    });
+  }
+  return [...latest.values()].toSorted((a, b) => a.name.localeCompare(b.name));
+};
+
+const STATE_VARIANT = {
+  error: "destructive",
+  running: "success",
+  sleeping: "info",
+  stopped: "outline",
+  unknown: "secondary"
+};
+const entriesOf = (result) => {
+  const {
+    entries
+  } = result ?? {};
+  return Array.isArray(entries) ? entries : [];
+};
+const ContainersPanel = () => {
+  const $ = c(23);
+  const t = useT();
+  let t0;
+  let t1;
+  if ($[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+    t0 = {};
+    t1 = {
+      live: true,
+      shardKey: ""
+    };
+    $[0] = t0;
+    $[1] = t1;
+  } else {
+    t0 = $[0];
+    t1 = $[1];
+  }
+  const {
+    data,
+    error,
+    liveError
+  } = useAdminQuery(ADMIN_FUNCTIONS.getLogs, t0, t1);
+  const loaded = data !== void 0;
+  let t2;
+  if ($[2] !== data) {
+    t2 = foldContainerInstances(entriesOf(data));
+    $[2] = data;
+    $[3] = t2;
+  } else {
+    t2 = $[3];
+  }
+  const rows = t2;
+  let t3;
+  if ($[4] !== error) {
+    t3 = error !== null && /* @__PURE__ */ jsxDEV("p", {
+      className: "text-sm text-destructive",
+      "data-testid": "containers-error",
+      role: "alert",
+      children: error
+    }, void 0, false);
+    $[4] = error;
+    $[5] = t3;
+  } else {
+    t3 = $[5];
+  }
+  let t4;
+  if ($[6] !== t) {
+    t4 = t("Cloudflare Containers are observed from their lifecycle log stream. This shows the current state per container — ports and health checks aren't carried in that stream.");
+    $[6] = t;
+    $[7] = t4;
+  } else {
+    t4 = $[7];
+  }
+  let t5;
+  if ($[8] !== t4) {
+    t5 = /* @__PURE__ */ jsxDEV("p", {
+      className: "text-sm text-muted-foreground",
+      children: t4
+    }, void 0, false);
+    $[8] = t4;
+    $[9] = t5;
+  } else {
+    t5 = $[9];
+  }
+  let t6;
+  if ($[10] !== liveError) {
+    t6 = /* @__PURE__ */ jsxDEV(LiveError, {
+      message: liveError,
+      prefix: "containers"
+    }, void 0, false);
+    $[10] = liveError;
+    $[11] = t6;
+  } else {
+    t6 = $[11];
+  }
+  let t7;
+  if ($[12] !== t5 || $[13] !== t6) {
+    t7 = /* @__PURE__ */ jsxDEV("div", {
+      className: "flex flex-wrap items-center gap-2",
+      children: [t5, t6]
+    }, void 0, true);
+    $[12] = t5;
+    $[13] = t6;
+    $[14] = t7;
+  } else {
+    t7 = $[14];
+  }
+  let t8;
+  if ($[15] !== loaded || $[16] !== rows || $[17] !== t) {
+    t8 = loaded && rows.length === 0 ? /* @__PURE__ */ jsxDEV(EmptyState, {
+      description: t("No container lifecycle activity yet. Instances declared with defineContainer show up here once they start, sleep, stop, or error."),
+      testId: "containers-empty",
+      title: t("No container activity")
+    }, void 0, false) : /* @__PURE__ */ jsxDEV(Card, {
+      className: "overflow-hidden py-0",
+      children: /* @__PURE__ */ jsxDEV(CardContent, {
+        className: "px-0",
+        children: /* @__PURE__ */ jsxDEV(Table, {
+          "data-testid": "containers-table",
+          children: [/* @__PURE__ */ jsxDEV(TableHeader, {
+            children: /* @__PURE__ */ jsxDEV(TableRow, {
+              children: [/* @__PURE__ */ jsxDEV(TableHead, {
+                children: t("Container")
+              }, void 0, false), /* @__PURE__ */ jsxDEV(TableHead, {
+                children: t("State")
+              }, void 0, false), /* @__PURE__ */ jsxDEV(TableHead, {
+                children: t("Last event")
+              }, void 0, false), /* @__PURE__ */ jsxDEV(TableHead, {
+                children: t("Detail")
+              }, void 0, false), /* @__PURE__ */ jsxDEV(TableHead, {
+                children: t("When")
+              }, void 0, false)]
+            }, void 0, true)
+          }, void 0, false), /* @__PURE__ */ jsxDEV(TableBody, {
+            children: rows.map(_temp)
+          }, void 0, false)]
+        }, void 0, true)
+      }, void 0, false)
+    }, void 0, false);
+    $[15] = loaded;
+    $[16] = rows;
+    $[17] = t;
+    $[18] = t8;
+  } else {
+    t8 = $[18];
+  }
+  let t9;
+  if ($[19] !== t3 || $[20] !== t7 || $[21] !== t8) {
+    t9 = /* @__PURE__ */ jsxDEV("div", {
+      className: "flex flex-col gap-6",
+      "data-testid": "lunora-containers-panel",
+      children: [t3, t7, t8]
+    }, void 0, true);
+    $[19] = t3;
+    $[20] = t7;
+    $[21] = t8;
+    $[22] = t9;
+  } else {
+    t9 = $[22];
+  }
+  return t9;
+};
+function _temp(row) {
+  return /* @__PURE__ */ jsxDEV(TableRow, {
+    "data-testid": `containers-row-${row.name}`,
+    children: [/* @__PURE__ */ jsxDEV(TableCell, {
+      className: "font-mono text-xs",
+      children: row.name
+    }, void 0, false), /* @__PURE__ */ jsxDEV(TableCell, {
+      children: /* @__PURE__ */ jsxDEV(Badge, {
+        variant: STATE_VARIANT[row.state],
+        children: row.state
+      }, void 0, false)
+    }, void 0, false), /* @__PURE__ */ jsxDEV(TableCell, {
+      className: "font-mono text-xs text-muted-foreground",
+      children: row.event
+    }, void 0, false), /* @__PURE__ */ jsxDEV(TableCell, {
+      className: "max-w-64 truncate text-xs text-muted-foreground",
+      title: row.detail,
+      children: row.detail ?? "—"
+    }, void 0, false), /* @__PURE__ */ jsxDEV(TableCell, {
+      className: "text-xs tabular-nums text-muted-foreground",
+      children: new Date(row.timestamp).toLocaleString()
+    }, void 0, false)]
+  }, row.name, true);
+}
+
+export { ContainersPanel };

package/dist/packem_chunks/dashboards-panel.js

@@ -1,13 +1,14 @@
 import { c } from 'react/compiler-runtime';
 import { useState, useCallback, useEffect } from 'react';
-import { u as usePersistedList, A as Alert, S as SqlResultChart, n as newId } from '../packem_shared/browser-storage-d03UsV7v.js';
+import { u as usePersistedList, S as SqlResultChart, n as newId } from '../packem_shared/browser-storage-tLOxkIHd.js';
+import { A as Alert } from '../packem_shared/alert-CdAET2K_.js';
 import { B as Button } from '../packem_shared/button-BhsN2uZH.js';
 import { c as CardTitle, b as CardHeader, 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 { useT } from '../packem_shared/DEFAULT_LOCALE-CiX4W7Kr.js';
 import { useLunora } from '@lunora/react';
 import { ADMIN_FUNCTIONS } from '../packem_shared/ADMIN_FUNCTIONS-CdaxLGkE.js';
-import { c as callOptions, e as errorMessage, f as fireAndForget, a as adminRef } from '../packem_shared/internal-FcNZ3beb.js';
+import { c as callOptions, e as errorMessage, f as fireAndForget, a as adminRef } from '../packem_shared/internal-DTsYVn-g.js';
 import { jsxDEV } from 'react/jsx-dev-runtime';
 
 const RUN_SQL = adminRef(ADMIN_FUNCTIONS.runSql);

package/dist/packem_chunks/fanout-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 } 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';
@@ -241,7 +242,7 @@ const PathCounters = (t0) => {
   return t19;
 };
 const FanoutPanel = (t0) => {
-  const $ = c(31);
+  const $ = c(32);
   const {
     initialShardKey
   } = t0;
@@ -277,6 +278,7 @@ const FanoutPanel = (t0) => {
   const {
     data: result,
     error,
+    errorSource,
     refetch
   } = useAdminQuery(ADMIN_FUNCTIONS.getFanoutMetrics, t2, t3);
   useAutoRefresh(refetch, true);
@@ -347,20 +349,19 @@ const FanoutPanel = (t0) => {
     t7 = $[14];
   }
   let t8;
-  if ($[15] !== error) {
-    t8 = error !== null && /* @__PURE__ */ jsxDEV("p", {
-      className: "text-sm text-destructive",
-      "data-testid": "fanout-error",
-      role: "alert",
-      children: error
+  if ($[15] !== error || $[16] !== errorSource) {
+    t8 = error !== null && /* @__PURE__ */ jsxDEV(ErrorAlert, {
+      error: errorSource,
+      testId: "fanout-error"
     }, void 0, false);
     $[15] = error;
-    $[16] = t8;
+    $[16] = errorSource;
+    $[17] = t8;
   } else {
-    t8 = $[16];
+    t8 = $[17];
   }
   let t9;
-  if ($[17] !== error || $[18] !== isIdle || $[19] !== t) {
+  if ($[18] !== error || $[19] !== isIdle || $[20] !== t) {
     t9 = error === null && isIdle && /* @__PURE__ */ jsxDEV(EmptyState, {
       description: t("Realtime fan-out cost and per-topic subscriber counts for this shard."),
       icon: /* @__PURE__ */ jsxDEV("svg", {
@@ -378,15 +379,15 @@ const FanoutPanel = (t0) => {
       testId: "fanout-empty",
       title: t("No fan-out activity yet.")
     }, void 0, false);
-    $[17] = error;
-    $[18] = isIdle;
-    $[19] = t;
-    $[20] = t9;
+    $[18] = error;
+    $[19] = isIdle;
+    $[20] = t;
+    $[21] = t9;
   } else {
-    t9 = $[20];
+    t9 = $[21];
   }
   let t10;
-  if ($[21] !== error || $[22] !== isIdle || $[23] !== result || $[24] !== t) {
+  if ($[22] !== error || $[23] !== isIdle || $[24] !== result || $[25] !== t) {
     t10 = error === null && result !== void 0 && !isIdle && /* @__PURE__ */ jsxDEV(Fragment, {
       children: [result.topics.length > 0 && /* @__PURE__ */ jsxDEV("section", {
         className: "flex flex-col gap-2",
@@ -435,28 +436,28 @@ const FanoutPanel = (t0) => {
         }, void 0, false)]
       }, void 0, true)]
     }, void 0, true);
-    $[21] = error;
-    $[22] = isIdle;
-    $[23] = result;
-    $[24] = t;
-    $[25] = t10;
+    $[22] = error;
+    $[23] = isIdle;
+    $[24] = result;
+    $[25] = t;
+    $[26] = t10;
   } else {
-    t10 = $[25];
+    t10 = $[26];
   }
   let t11;
-  if ($[26] !== t10 || $[27] !== t7 || $[28] !== t8 || $[29] !== t9) {
+  if ($[27] !== t10 || $[28] !== t7 || $[29] !== t8 || $[30] !== t9) {
     t11 = /* @__PURE__ */ jsxDEV("div", {
       className: "flex flex-col gap-4",
       "data-testid": "fanout-panel",
       children: [t7, t8, t9, t10]
     }, void 0, true);
-    $[26] = t10;
-    $[27] = t7;
-    $[28] = t8;
-    $[29] = t9;
-    $[30] = t11;
+    $[27] = t10;
+    $[28] = t7;
+    $[29] = t8;
+    $[30] = t9;
+    $[31] = t11;
   } else {
-    t11 = $[30];
+    t11 = $[31];
   }
   return t11;
 };

package/dist/packem_chunks/flags-panel.js

@@ -1,11 +1,12 @@
 import { useState, useMemo } from 'react';
+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 { L as Label } from '../packem_shared/label-D8ykjn5J.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 { T as Textarea } from '../packem_shared/textarea-D3gaCU_-.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';
@@ -59,6 +60,7 @@ const FlagsPanel = ({
   const {
     data,
     error,
+    errorSource,
     liveError
   } = useAdminQuery(ADMIN_FUNCTIONS.listFlags, args, {
     live: true,
@@ -135,11 +137,9 @@ const FlagsPanel = ({
   return /* @__PURE__ */ jsxDEV("div", {
     className: "flex flex-col gap-6",
     "data-testid": "lunora-flags-panel",
-    children: [error !== null && /* @__PURE__ */ jsxDEV("p", {
-      className: "text-sm text-destructive",
-      "data-testid": "flags-error",
-      role: "alert",
-      children: error
+    children: [error !== null && /* @__PURE__ */ jsxDEV(ErrorAlert, {
+      error: errorSource,
+      testId: "flags-error"
     }, void 0, false), /* @__PURE__ */ jsxDEV("p", {
       className: "text-sm text-muted-foreground",
       children: t('Feature flags are read in code with ctx.flags.<type>("key", default). They evaluate through the OpenFeature provider configured in lunora/flags.ts; edit the targeting context below to see how each flag resolves for a given audience.')

package/dist/packem_chunks/kv-browser.js

@@ -4,11 +4,11 @@ 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 { useT } from '../packem_shared/DEFAULT_LOCALE-CiX4W7Kr.js';
-import { f as fireAndForget, e as errorMessage, h as formatBytes, b as copyToClipboard } from '../packem_shared/internal-FcNZ3beb.js';
+import { f as fireAndForget, e as errorMessage, j as formatBytes, g as copyToClipboard } from '../packem_shared/internal-DTsYVn-g.js';
 import { B as Button } from '../packem_shared/button-BhsN2uZH.js';
 import { C as Checkbox } from '../packem_shared/checkbox-UNkzAxl-.js';
 import { I as Input } from '../packem_shared/input-XH4r1Pt1.js';
-import { b as Sheet, c as SheetContent, d as SheetHeader, e as SheetTitle } from '../packem_shared/studio-dMTJ-kRR.js';
+import { b as Sheet, c as SheetContent, d as SheetHeader, e as SheetTitle } from '../packem_shared/studio-Dg2e-dsR.js';
 import { c } from 'react/compiler-runtime';
 import { L as Label } from '../packem_shared/label-D8ykjn5J.js';
 import { T as Textarea } from '../packem_shared/textarea-D3gaCU_-.js';

package/dist/packem_chunks/log-drains-panel.js

@@ -5,7 +5,7 @@ import { C as Card, a as CardContent } from '../packem_shared/card-DURq3ElK.js';
 import { I as Input } from '../packem_shared/input-XH4r1Pt1.js';
 import { useT } from '../packem_shared/DEFAULT_LOCALE-CiX4W7Kr.js';
 import { a as CLOUDFLARE_OBSERVABILITY_URL } from '../packem_shared/cf-links-BZfRdxSE.js';
-import { f as fireAndForget, e as errorMessage, b as copyToClipboard } from '../packem_shared/internal-FcNZ3beb.js';
+import { f as fireAndForget, e as errorMessage, g as copyToClipboard } from '../packem_shared/internal-DTsYVn-g.js';
 import { jsxDEV } from 'react/jsx-dev-runtime';
 
 const DestinationRow = (t0) => {

package/dist/packem_chunks/organizations-panel.js

@@ -5,11 +5,11 @@ import { B as Button } from '../packem_shared/button-BhsN2uZH.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 { u as useAuthCapabilities } from '../packem_shared/use-auth-capabilities-BHkoBnbZ.js';
+import { a as useClientQuery } from '../packem_shared/use-admin-query-BHPKmPuj.js';
+import { u as useAuthCapabilities } from '../packem_shared/use-auth-capabilities-C-VH0oJJ.js';
 import { useAutoRefresh } from '../packem_shared/DEFAULT_AUTO_REFRESH_MS-Vxwaxx51.js';
 import { useT } from '../packem_shared/DEFAULT_LOCALE-CiX4W7Kr.js';
-import { d as formatCell, g as formatTimestamp, f as fireAndForget } from '../packem_shared/internal-FcNZ3beb.js';
+import { h as formatCell, i as formatTimestamp, f as fireAndForget } from '../packem_shared/internal-DTsYVn-g.js';
 import { jsxDEV } from 'react/jsx-dev-runtime';
 
 const OrgRowTable = (t0) => {

package/dist/packem_chunks/payments-panel.js

@@ -1,12 +1,13 @@
+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 { useAutoRefresh } from '../packem_shared/DEFAULT_AUTO_REFRESH_MS-Vxwaxx51.js';
 import { useT } from '../packem_shared/DEFAULT_LOCALE-CiX4W7Kr.js';
 import { ADMIN_FUNCTIONS } from '../packem_shared/ADMIN_FUNCTIONS-CdaxLGkE.js';
-import { g as formatTimestamp } from '../packem_shared/internal-FcNZ3beb.js';
+import { i as formatTimestamp } from '../packem_shared/internal-DTsYVn-g.js';
 import { jsxDEV } from 'react/jsx-dev-runtime';
 
 const ACTIVE_STATES = /* @__PURE__ */ new Set(["active", "trialing"]);
@@ -66,6 +67,7 @@ const PaymentsPanel = ({
   const subscriptions = subscriptionsQuery.data?.rows ?? [];
   const events = eventsQuery.data?.rows ?? [];
   const error = subscriptionsQuery.error ?? eventsQuery.error;
+  const errorSource = subscriptionsQuery.error === null ? eventsQuery.errorSource : subscriptionsQuery.errorSource;
   const activeCount = subscriptions.filter((row) => ACTIVE_STATES.has(text(readField(row, "state")))).length;
   const recentEvents = events.toSorted((a, b) => Number(readField(b, "processedAt") ?? 0) - Number(readField(a, "processedAt") ?? 0));
   return /* @__PURE__ */ jsxDEV("div", {
@@ -100,9 +102,8 @@ const PaymentsPanel = ({
           })
         }, void 0, false)]
       }, void 0, true)
-    }, void 0, false), error === null ? void 0 : /* @__PURE__ */ jsxDEV("p", {
-      className: "text-sm text-destructive",
-      children: error
+    }, void 0, false), error === null ? void 0 : /* @__PURE__ */ jsxDEV(ErrorAlert, {
+      error: errorSource
     }, void 0, false), subscriptions.length === 0 && !subscriptionsQuery.isLoading ? /* @__PURE__ */ jsxDEV(EmptyState, {
       testId: "payments-empty",
       title: t("No subscriptions yet")

package/dist/packem_chunks/permissions-panel.js

@@ -2,12 +2,13 @@ import { useState, useRef, useEffect } from 'react';
 import { C as Card, b as CardHeader, c as CardTitle, d as CardDescription, a as CardContent } from '../packem_shared/card-DURq3ElK.js';
 import { useT } from '../packem_shared/DEFAULT_LOCALE-CiX4W7Kr.js';
 import { c } from 'react/compiler-runtime';
+import { E as ErrorAlert } from '../packem_shared/error-alert-BBT6D22d.js';
 import { L as LiveError } from '../packem_shared/live-status-FZ0psC1z.js';
 import { B as Badge } from '../packem_shared/badge-B2PKA1-5.js';
 import { B as Button } from '../packem_shared/button-BhsN2uZH.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 { ADMIN_FUNCTIONS } from '../packem_shared/ADMIN_FUNCTIONS-CdaxLGkE.js';
 import { jsxDEV } from 'react/jsx-dev-runtime';
 import { useLunora } from '@lunora/react';
@@ -15,7 +16,7 @@ import { ShardInput } from '../packem_shared/ShardInput-gx_DZXXn.js';
 import { I as Input } from '../packem_shared/input-XH4r1Pt1.js';
 import { L as Label } from '../packem_shared/label-D8ykjn5J.js';
 import { T as Textarea } from '../packem_shared/textarea-D3gaCU_-.js';
-import { c as callOptions, a as adminRef, e as errorMessage, f as fireAndForget } from '../packem_shared/internal-FcNZ3beb.js';
+import { c as callOptions, a as adminRef, e as errorMessage, f as fireAndForget } from '../packem_shared/internal-DTsYVn-g.js';
 
 const OPERATIONS = ["read", "insert", "update", "delete"];
 const operationLabel = (t, operation) => ({
@@ -76,7 +77,7 @@ const buildRows = (policies, maskColumns, uncovered) => {
   return [...byTable.values()].toSorted((a, b) => a.table.localeCompare(b.table));
 };
 const PermissionsMatrix = (t0) => {
-  const $ = c(16);
+  const $ = c(17);
   let t1;
   if ($[0] !== t0) {
     t1 = t0 === void 0 ? {} : t0;
@@ -129,6 +130,7 @@ const PermissionsMatrix = (t0) => {
     const advisories = advisoriesQuery.data ?? null;
     const {
       error,
+      errorSource,
       liveError
     } = policiesQuery;
     const rows = policies === null ? [] : buildRows(policies, maskColumns, uncoveredTables(advisories));
@@ -147,17 +149,16 @@ const PermissionsMatrix = (t0) => {
       t7 = $[13];
     }
     let t8;
-    if ($[14] !== error) {
-      t8 = error !== null && /* @__PURE__ */ jsxDEV("p", {
-        className: "text-sm text-destructive",
-        "data-testid": "pm-error",
-        role: "alert",
-        children: error
+    if ($[14] !== error || $[15] !== errorSource) {
+      t8 = error !== null && /* @__PURE__ */ jsxDEV(ErrorAlert, {
+        error: errorSource,
+        testId: "pm-error"
       }, void 0, false);
       $[14] = error;
-      $[15] = t8;
+      $[15] = errorSource;
+      $[16] = t8;
     } else {
-      t8 = $[15];
+      t8 = $[16];
     }
     t6 = /* @__PURE__ */ jsxDEV("div", {
       className: "flex flex-col gap-3",