@lunora/studio 1.0.0-alpha.4 → 1.0.0-alpha.41

package/dist/packem_chunks/queues-panel.js

@@ -0,0 +1,1075 @@
+import { c } from 'react/compiler-runtime';
+import { useLunora } from '@lunora/react';
+import { useState } from 'react';
+import { E as ErrorAlert } from '../packem_shared/error-alert-CXjqyGw9.js';
+import { A as Alert } from '../packem_shared/alert-CdAET2K_.js';
+import { B as Badge } from '../packem_shared/badge-B2PKA1-5.js';
+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 { I as Input } from '../packem_shared/input-XH4r1Pt1.js';
+import { S as ScrollArea } from '../packem_shared/scroll-area-DLhcy-ml.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-CfHYWx5n.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-BHHJi3Gb.js';
+import { c as callOptions, e as errorMessage, a as adminRef, f as fireAndForget, i as formatTimestamp } from '../packem_shared/internal-CYcbqMjX.js';
+import { jsxDEV, Fragment } from 'react/jsx-dev-runtime';
+
+const computeQueueReliability = (queues, messages) => {
+  const dlqTargets = new Set(queues.map((queue) => queue.deadLetterQueue).filter((name) => typeof name === "string" && name !== ""));
+  const queuesWithoutDlq = queues.filter((queue) => (queue.deadLetterQueue === void 0 || queue.deadLetterQueue === "") && !dlqTargets.has(queue.name));
+  const deadLetteredCount = messages.filter((message) => message.deadLettered).length;
+  return {
+    deadLetteredCount,
+    queuesWithoutDlq,
+    showReliabilityWarning: queuesWithoutDlq.length > 0 || deadLetteredCount > 0
+  };
+};
+
+const DEFAULT_MESSAGE_LIMIT = 200;
+const SEND_QUEUE_MESSAGE = adminRef(ADMIN_FUNCTIONS.sendQueueMessage);
+const REPLAY_QUEUE_MESSAGE = adminRef(ADMIN_FUNCTIONS.replayQueueMessage);
+const CLEAR_QUEUE_MESSAGES = adminRef(ADMIN_FUNCTIONS.clearQueueMessages);
+const BODY_PREVIEW_MAX = 96;
+const formatBody = (value) => {
+  if (value === void 0) {
+    return "—";
+  }
+  try {
+    return JSON.stringify(value);
+  } catch {
+    return "[unserializable]";
+  }
+};
+const truncate = (text) => text.length > BODY_PREVIEW_MAX ? `${text.slice(0, BODY_PREVIEW_MAX)}…` : text;
+const outcomeVariant = (outcome) => {
+  if (outcome === "error") {
+    return "destructive";
+  }
+  if (outcome === "retry") {
+    return "outline";
+  }
+  return "secondary";
+};
+const tabLabel = (value, t) => {
+  if (value === "messages") {
+    return t("Messages");
+  }
+  if (value === "send") {
+    return t("Send");
+  }
+  return t("Declared");
+};
+const QueuesDeclaredTab = (t0) => {
+  const $ = c(11);
+  const {
+    loaded,
+    queues
+  } = t0;
+  const t = useT();
+  let t1;
+  if ($[0] !== t) {
+    t1 = 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.");
+    $[0] = t;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  let t2;
+  if ($[2] !== t1) {
+    t2 = /* @__PURE__ */ jsxDEV("p", {
+      className: "text-sm text-muted-foreground",
+      children: t1
+    }, void 0, false);
+    $[2] = t1;
+    $[3] = t2;
+  } else {
+    t2 = $[3];
+  }
+  let t3;
+  if ($[4] !== loaded || $[5] !== queues || $[6] !== t) {
+    t3 = 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",
+      title: t("No queues defined")
+    }, void 0, false) : /* @__PURE__ */ jsxDEV(Card, {
+      className: "overflow-hidden py-0",
+      children: /* @__PURE__ */ jsxDEV(CardContent, {
+        className: "px-0",
+        children: /* @__PURE__ */ jsxDEV(Table, {
+          "data-testid": "queues-table",
+          children: [/* @__PURE__ */ jsxDEV(TableHeader, {
+            children: /* @__PURE__ */ jsxDEV(TableRow, {
+              children: [/* @__PURE__ */ jsxDEV(TableHead, {
+                children: t("Export")
+              }, void 0, false), /* @__PURE__ */ jsxDEV(TableHead, {
+                children: t("Queue")
+              }, void 0, false), /* @__PURE__ */ jsxDEV(TableHead, {
+                children: t("Mode")
+              }, void 0, false), /* @__PURE__ */ jsxDEV(TableHead, {
+                children: t("Binding")
+              }, void 0, false), /* @__PURE__ */ jsxDEV(TableHead, {
+                children: t("Dead-letter")
+              }, void 0, false)]
+            }, void 0, true)
+          }, void 0, false), /* @__PURE__ */ jsxDEV(TableBody, {
+            children: queues.map(_temp)
+          }, void 0, false)]
+        }, void 0, true)
+      }, void 0, false)
+    }, void 0, false);
+    $[4] = loaded;
+    $[5] = queues;
+    $[6] = t;
+    $[7] = t3;
+  } else {
+    t3 = $[7];
+  }
+  let t4;
+  if ($[8] !== t2 || $[9] !== t3) {
+    t4 = /* @__PURE__ */ jsxDEV("div", {
+      className: "flex flex-col gap-4",
+      "data-testid": "queues-declared",
+      children: [t2, t3]
+    }, void 0, true);
+    $[8] = t2;
+    $[9] = t3;
+    $[10] = t4;
+  } else {
+    t4 = $[10];
+  }
+  return t4;
+};
+const QueueLogRow = (t0) => {
+  const $ = c(67);
+  const {
+    message,
+    onReplay,
+    replayingId
+  } = t0;
+  const t = useT();
+  let T0;
+  let T1;
+  let t1;
+  let t2;
+  let t3;
+  let t4;
+  let t5;
+  let t6;
+  let t7;
+  let t8;
+  if ($[0] !== message.attempts || $[1] !== message.body || $[2] !== message.deadLettered || $[3] !== message.exportName || $[4] !== message.id || $[5] !== message.messageId || $[6] !== message.outcome || $[7] !== message.queue || $[8] !== t) {
+    const body = formatBody(message.body);
+    T1 = TableRow;
+    t4 = `queues-message-${message.id}`;
+    const t92 = message.exportName ?? message.queue;
+    if ($[19] !== t92) {
+      t5 = /* @__PURE__ */ jsxDEV(TableCell, {
+        className: "font-mono text-xs",
+        children: t92
+      }, void 0, false);
+      $[19] = t92;
+      $[20] = t5;
+    } else {
+      t5 = $[20];
+    }
+    if ($[21] !== message.messageId) {
+      t6 = /* @__PURE__ */ jsxDEV(TableCell, {
+        className: "max-w-[16ch] truncate font-mono text-xs text-muted-foreground",
+        title: message.messageId,
+        children: message.messageId
+      }, void 0, false);
+      $[21] = message.messageId;
+      $[22] = t6;
+    } else {
+      t6 = $[22];
+    }
+    if ($[23] !== message.attempts) {
+      t7 = /* @__PURE__ */ jsxDEV(TableCell, {
+        className: "font-mono text-xs tabular-nums",
+        children: message.attempts
+      }, void 0, false);
+      $[23] = message.attempts;
+      $[24] = t7;
+    } else {
+      t7 = $[24];
+    }
+    const t102 = `queues-outcome-${message.id}`;
+    let t112;
+    if ($[25] !== message.outcome) {
+      t112 = outcomeVariant(message.outcome);
+      $[25] = message.outcome;
+      $[26] = t112;
+    } else {
+      t112 = $[26];
+    }
+    let t122;
+    if ($[27] !== message.outcome || $[28] !== t102 || $[29] !== t112) {
+      t122 = /* @__PURE__ */ jsxDEV(Badge, {
+        "data-testid": t102,
+        variant: t112,
+        children: message.outcome
+      }, void 0, false);
+      $[27] = message.outcome;
+      $[28] = t102;
+      $[29] = t112;
+      $[30] = t122;
+    } else {
+      t122 = $[30];
+    }
+    let t132;
+    if ($[31] !== message.deadLettered || $[32] !== message.id || $[33] !== t) {
+      t132 = message.deadLettered && /* @__PURE__ */ jsxDEV(Badge, {
+        "data-testid": `queues-dlq-${message.id}`,
+        variant: "destructive",
+        children: t("DLQ")
+      }, void 0, false);
+      $[31] = message.deadLettered;
+      $[32] = message.id;
+      $[33] = t;
+      $[34] = t132;
+    } else {
+      t132 = $[34];
+    }
+    if ($[35] !== t122 || $[36] !== t132) {
+      t8 = /* @__PURE__ */ jsxDEV(TableCell, {
+        children: /* @__PURE__ */ jsxDEV("span", {
+          className: "inline-flex items-center gap-1",
+          children: [t122, t132]
+        }, void 0, true)
+      }, void 0, false);
+      $[35] = t122;
+      $[36] = t132;
+      $[37] = t8;
+    } else {
+      t8 = $[37];
+    }
+    T0 = TableCell;
+    t1 = "max-w-[32ch] truncate font-mono text-xs text-muted-foreground";
+    t2 = body;
+    t3 = truncate(body);
+    $[0] = message.attempts;
+    $[1] = message.body;
+    $[2] = message.deadLettered;
+    $[3] = message.exportName;
+    $[4] = message.id;
+    $[5] = message.messageId;
+    $[6] = message.outcome;
+    $[7] = message.queue;
+    $[8] = t;
+    $[9] = T0;
+    $[10] = T1;
+    $[11] = t1;
+    $[12] = t2;
+    $[13] = t3;
+    $[14] = t4;
+    $[15] = t5;
+    $[16] = t6;
+    $[17] = t7;
+    $[18] = t8;
+  } else {
+    T0 = $[9];
+    T1 = $[10];
+    t1 = $[11];
+    t2 = $[12];
+    t3 = $[13];
+    t4 = $[14];
+    t5 = $[15];
+    t6 = $[16];
+    t7 = $[17];
+    t8 = $[18];
+  }
+  let t9;
+  if ($[38] !== T0 || $[39] !== t1 || $[40] !== t2 || $[41] !== t3) {
+    t9 = /* @__PURE__ */ jsxDEV(T0, {
+      className: t1,
+      title: t2,
+      children: t3
+    }, void 0, false);
+    $[38] = T0;
+    $[39] = t1;
+    $[40] = t2;
+    $[41] = t3;
+    $[42] = t9;
+  } else {
+    t9 = $[42];
+  }
+  let t10;
+  if ($[43] !== message.capturedAt) {
+    t10 = formatTimestamp(message.capturedAt, "—");
+    $[43] = message.capturedAt;
+    $[44] = t10;
+  } else {
+    t10 = $[44];
+  }
+  let t11;
+  if ($[45] !== t10) {
+    t11 = /* @__PURE__ */ jsxDEV(TableCell, {
+      className: "text-xs text-muted-foreground tabular-nums",
+      children: t10
+    }, void 0, false);
+    $[45] = t10;
+    $[46] = t11;
+  } else {
+    t11 = $[46];
+  }
+  const t12 = `queues-replay-${message.id}`;
+  const t13 = replayingId !== null;
+  let t14;
+  if ($[47] !== message.id || $[48] !== replayingId || $[49] !== t) {
+    t14 = replayingId === message.id ? t("Replaying…") : t("Replay");
+    $[47] = message.id;
+    $[48] = replayingId;
+    $[49] = t;
+    $[50] = t14;
+  } else {
+    t14 = $[50];
+  }
+  let t15;
+  if ($[51] !== message.id || $[52] !== onReplay || $[53] !== t12 || $[54] !== t13 || $[55] !== t14) {
+    t15 = /* @__PURE__ */ jsxDEV(TableCell, {
+      children: /* @__PURE__ */ jsxDEV(Button, {
+        "data-id": message.id,
+        "data-testid": t12,
+        disabled: t13,
+        onClick: onReplay,
+        size: "xs",
+        type: "button",
+        variant: "outline",
+        children: t14
+      }, void 0, false)
+    }, void 0, false);
+    $[51] = message.id;
+    $[52] = onReplay;
+    $[53] = t12;
+    $[54] = t13;
+    $[55] = t14;
+    $[56] = t15;
+  } else {
+    t15 = $[56];
+  }
+  let t16;
+  if ($[57] !== T1 || $[58] !== t11 || $[59] !== t15 || $[60] !== t4 || $[61] !== t5 || $[62] !== t6 || $[63] !== t7 || $[64] !== t8 || $[65] !== t9) {
+    t16 = /* @__PURE__ */ jsxDEV(T1, {
+      "data-testid": t4,
+      children: [t5, t6, t7, t8, t9, t11, t15]
+    }, void 0, true);
+    $[57] = T1;
+    $[58] = t11;
+    $[59] = t15;
+    $[60] = t4;
+    $[61] = t5;
+    $[62] = t6;
+    $[63] = t7;
+    $[64] = t8;
+    $[65] = t9;
+    $[66] = t16;
+  } else {
+    t16 = $[66];
+  }
+  return t16;
+};
+const QueuesMessagesTab = (t0) => {
+  const $ = c(26);
+  const {
+    hasError,
+    messages,
+    onClear,
+    onReplay,
+    replayingId
+  } = t0;
+  const t = useT();
+  let t1;
+  if ($[0] !== t) {
+    t1 = t("Cloudflare Queues have no peek API, so this is what push consumers actually processed — not pending depth.");
+    $[0] = t;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  let t2;
+  if ($[2] !== t1) {
+    t2 = /* @__PURE__ */ jsxDEV("p", {
+      className: "text-sm text-muted-foreground",
+      children: t1
+    }, void 0, false);
+    $[2] = t1;
+    $[3] = t2;
+  } else {
+    t2 = $[3];
+  }
+  const t3 = messages.length === 0;
+  let t4;
+  if ($[4] !== t) {
+    t4 = t("Clear log");
+    $[4] = t;
+    $[5] = t4;
+  } else {
+    t4 = $[5];
+  }
+  let t5;
+  if ($[6] !== onClear || $[7] !== t3 || $[8] !== t4) {
+    t5 = /* @__PURE__ */ jsxDEV(Button, {
+      className: "ml-auto",
+      "data-testid": "queues-clear",
+      disabled: t3,
+      onClick: onClear,
+      size: "sm",
+      type: "button",
+      variant: "outline",
+      children: t4
+    }, void 0, false);
+    $[6] = onClear;
+    $[7] = t3;
+    $[8] = t4;
+    $[9] = t5;
+  } else {
+    t5 = $[9];
+  }
+  let t6;
+  if ($[10] !== messages.length || $[11] !== t) {
+    t6 = messages.length > 0 && /* @__PURE__ */ jsxDEV(Badge, {
+      "data-testid": "queues-count",
+      variant: "secondary",
+      children: t("{count} messages", {
+        count: messages.length
+      })
+    }, void 0, false);
+    $[10] = messages.length;
+    $[11] = t;
+    $[12] = t6;
+  } else {
+    t6 = $[12];
+  }
+  let t7;
+  if ($[13] !== t2 || $[14] !== t5 || $[15] !== t6) {
+    t7 = /* @__PURE__ */ jsxDEV("div", {
+      className: "flex flex-wrap items-center gap-2",
+      children: [t2, t5, t6]
+    }, void 0, true);
+    $[13] = t2;
+    $[14] = t5;
+    $[15] = t6;
+    $[16] = t7;
+  } else {
+    t7 = $[16];
+  }
+  let t8;
+  if ($[17] !== hasError || $[18] !== messages || $[19] !== onReplay || $[20] !== replayingId || $[21] !== t) {
+    t8 = !hasError && messages.length === 0 ? /* @__PURE__ */ jsxDEV(EmptyState, {
+      description: t("Consumed messages appear here once a push consumer processes a batch in dev. Send one from the Send tab to see it captured."),
+      testId: "queues-messages-empty",
+      title: t("No consumed messages yet.")
+    }, void 0, false) : /* @__PURE__ */ jsxDEV(Card, {
+      className: "overflow-hidden py-0",
+      children: /* @__PURE__ */ jsxDEV(CardContent, {
+        className: "px-0",
+        children: /* @__PURE__ */ jsxDEV(ScrollArea, {
+          className: "max-h-[32rem]",
+          "data-testid": "queues-messages-scroll",
+          children: /* @__PURE__ */ jsxDEV(Table, {
+            "data-testid": "queues-messages-table",
+            children: [/* @__PURE__ */ jsxDEV(TableHeader, {
+              children: /* @__PURE__ */ jsxDEV(TableRow, {
+                children: [/* @__PURE__ */ jsxDEV(TableHead, {
+                  children: t("Export")
+                }, void 0, false), /* @__PURE__ */ jsxDEV(TableHead, {
+                  children: t("Message")
+                }, void 0, false), /* @__PURE__ */ jsxDEV(TableHead, {
+                  children: t("Attempts")
+                }, void 0, false), /* @__PURE__ */ jsxDEV(TableHead, {
+                  children: t("Outcome")
+                }, void 0, false), /* @__PURE__ */ jsxDEV(TableHead, {
+                  children: t("Body")
+                }, void 0, false), /* @__PURE__ */ jsxDEV(TableHead, {
+                  children: t("Captured")
+                }, void 0, false), /* @__PURE__ */ jsxDEV(TableHead, {}, void 0, false)]
+              }, void 0, true)
+            }, void 0, false), /* @__PURE__ */ jsxDEV(TableBody, {
+              children: messages.map((message) => /* @__PURE__ */ jsxDEV(QueueLogRow, {
+                message,
+                onReplay,
+                replayingId
+              }, message.id, false))
+            }, void 0, false)]
+          }, void 0, true)
+        }, void 0, false)
+      }, void 0, false)
+    }, void 0, false);
+    $[17] = hasError;
+    $[18] = messages;
+    $[19] = onReplay;
+    $[20] = replayingId;
+    $[21] = t;
+    $[22] = t8;
+  } else {
+    t8 = $[22];
+  }
+  let t9;
+  if ($[23] !== t7 || $[24] !== t8) {
+    t9 = /* @__PURE__ */ jsxDEV("div", {
+      className: "flex flex-col gap-4",
+      "data-testid": "queues-messages",
+      children: [t7, t8]
+    }, void 0, true);
+    $[23] = t7;
+    $[24] = t8;
+    $[25] = t9;
+  } else {
+    t9 = $[25];
+  }
+  return t9;
+};
+const QueuesSendTab = (t0) => {
+  const $ = c(20);
+  const {
+    batchMode,
+    bodyText,
+    delayText,
+    onBatchModeChange,
+    onBodyChange,
+    onDelayChange,
+    onSelectExport,
+    onSend,
+    queues,
+    selectedExportName,
+    sending
+  } = t0;
+  const t = useT();
+  let t1;
+  if ($[0] !== t) {
+    t1 = t("Enqueue a JSON message to a declared producer to exercise its consumer. Nothing is captured until the consumer processes it.");
+    $[0] = t;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  let t2;
+  if ($[2] !== t1) {
+    t2 = /* @__PURE__ */ jsxDEV("p", {
+      className: "text-sm text-muted-foreground",
+      children: t1
+    }, void 0, false);
+    $[2] = t1;
+    $[3] = t2;
+  } else {
+    t2 = $[3];
+  }
+  let t3;
+  if ($[4] !== batchMode || $[5] !== bodyText || $[6] !== delayText || $[7] !== onBatchModeChange || $[8] !== onBodyChange || $[9] !== onDelayChange || $[10] !== onSelectExport || $[11] !== onSend || $[12] !== queues || $[13] !== selectedExportName || $[14] !== sending || $[15] !== t) {
+    t3 = queues.length === 0 ? /* @__PURE__ */ jsxDEV(EmptyState, {
+      description: t("Declare a queue with defineQueue in lunora/queues.ts to enqueue a test message."),
+      testId: "queues-send-empty",
+      title: t("No queues to send to")
+    }, void 0, false) : /* @__PURE__ */ jsxDEV(Fragment, {
+      children: [/* @__PURE__ */ jsxDEV("div", {
+        className: "flex flex-wrap items-center gap-2",
+        children: [/* @__PURE__ */ jsxDEV("select", {
+          "aria-label": t("Queue"),
+          className: "h-8 rounded-md border border-input bg-transparent px-2.5 py-1 text-xs outline-none focus-visible:border-ring focus-visible:ring-1 focus-visible:ring-ring/50",
+          "data-testid": "queues-send-select",
+          onChange: onSelectExport,
+          value: selectedExportName,
+          children: queues.map(_temp2)
+        }, void 0, false), /* @__PURE__ */ jsxDEV(Input, {
+          "aria-label": t("Delay (seconds)"),
+          className: "max-w-36",
+          "data-testid": "queues-send-delay",
+          min: 0,
+          onChange: onDelayChange,
+          placeholder: t("Delay (s)"),
+          type: "number",
+          value: delayText
+        }, void 0, false), /* @__PURE__ */ jsxDEV("label", {
+          className: "flex items-center gap-1.5 text-xs text-muted-foreground",
+          htmlFor: "queues-send-batch",
+          children: [/* @__PURE__ */ jsxDEV("input", {
+            checked: batchMode,
+            "data-testid": "queues-send-batch",
+            id: "queues-send-batch",
+            onChange: onBatchModeChange,
+            type: "checkbox"
+          }, void 0, false), t("Send as batch (JSON array)")]
+        }, void 0, true), /* @__PURE__ */ jsxDEV(Button, {
+          className: "ml-auto",
+          "data-testid": "queues-send-button",
+          disabled: sending || selectedExportName === "",
+          onClick: onSend,
+          type: "button",
+          children: sending ? t("Sending…") : t("Send message")
+        }, void 0, false)]
+      }, void 0, true), /* @__PURE__ */ jsxDEV(Textarea, {
+        "aria-label": t("Message body (JSON)"),
+        className: "font-mono",
+        "data-testid": "queues-send-body",
+        onChange: onBodyChange,
+        placeholder: batchMode ? '[ { "hello": "world" } ]' : '{ "hello": "world" }',
+        value: bodyText
+      }, void 0, false)]
+    }, void 0, true);
+    $[4] = batchMode;
+    $[5] = bodyText;
+    $[6] = delayText;
+    $[7] = onBatchModeChange;
+    $[8] = onBodyChange;
+    $[9] = onDelayChange;
+    $[10] = onSelectExport;
+    $[11] = onSend;
+    $[12] = queues;
+    $[13] = selectedExportName;
+    $[14] = sending;
+    $[15] = t;
+    $[16] = t3;
+  } else {
+    t3 = $[16];
+  }
+  let t4;
+  if ($[17] !== t2 || $[18] !== t3) {
+    t4 = /* @__PURE__ */ jsxDEV("div", {
+      className: "flex flex-col gap-3",
+      "data-testid": "queues-send",
+      children: [t2, t3]
+    }, void 0, true);
+    $[17] = t2;
+    $[18] = t3;
+    $[19] = t4;
+  } else {
+    t4 = $[19];
+  }
+  return t4;
+};
+const QueuesPanel = (t0) => {
+  const $ = c(59);
+  const {
+    limit
+  } = t0;
+  const messageLimit = limit ?? DEFAULT_MESSAGE_LIMIT;
+  const client = useLunora();
+  const t = useT();
+  const [tab, setTab] = useState("declared");
+  const [actionError, setActionError] = useState(null);
+  let t1;
+  if ($[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+    t1 = {};
+    $[0] = t1;
+  } else {
+    t1 = $[0];
+  }
+  const {
+    data: queuesData,
+    error: queuesError,
+    errorSource: queuesErrorSource
+  } = useAdminQuery(ADMIN_FUNCTIONS.listQueues, t1);
+  let t2;
+  if ($[1] !== messageLimit) {
+    t2 = {
+      limit: messageLimit
+    };
+    $[1] = messageLimit;
+    $[2] = t2;
+  } else {
+    t2 = $[2];
+  }
+  const {
+    data: messagesData,
+    error: messagesError,
+    errorSource: messagesErrorSource,
+    refetch: refetchMessages
+  } = useAdminQuery(ADMIN_FUNCTIONS.getQueueMessages, t2);
+  const queues = Array.isArray(queuesData?.queues) ? [...queuesData.queues].toSorted(_temp3) : [];
+  const messages = messagesData?.entries ?? [];
+  const {
+    deadLetteredCount,
+    queuesWithoutDlq,
+    showReliabilityWarning
+  } = computeQueueReliability(queues, messages);
+  const [selectedExport, setSelectedExport] = useState("");
+  const [bodyText, setBodyText] = useState("");
+  const [delayText, setDelayText] = useState("");
+  const [batchMode, setBatchMode] = useState(false);
+  const [sending, setSending] = useState(false);
+  const [replayingId, setReplayingId] = useState(null);
+  const selectedExportName = queues.some((queue) => queue.exportName === selectedExport) ? selectedExport : queues[0]?.exportName ?? "";
+  const readError = tab === "messages" ? messagesError : queuesError;
+  const readErrorSource = tab === "messages" ? messagesErrorSource : queuesErrorSource;
+  const error = readError ?? actionError;
+  const errorSource = readError === null ? actionError : readErrorSource;
+  let t3;
+  if ($[3] !== refetchMessages) {
+    t3 = () => {
+      refetchMessages();
+    };
+    $[3] = refetchMessages;
+    $[4] = t3;
+  } else {
+    t3 = $[4];
+  }
+  useAutoRefresh(t3, tab === "messages");
+  const send = async () => {
+    setActionError(null);
+    const exportName = selectedExportName;
+    if (exportName === "") {
+      return;
+    }
+    let body = null;
+    const trimmedBody = bodyText.trim();
+    if (trimmedBody !== "") {
+      try {
+        body = JSON.parse(trimmedBody);
+      } catch {
+        setActionError(t("Body must be valid JSON."));
+        return;
+      }
+    }
+    let delaySeconds;
+    const trimmedDelay = delayText.trim();
+    if (trimmedDelay !== "") {
+      const parsed = Number(trimmedDelay);
+      if (!Number.isFinite(parsed) || parsed < 0) {
+        setActionError(t("Delay must be a non-negative number of seconds."));
+        return;
+      }
+      delaySeconds = parsed;
+    }
+    if (batchMode && !Array.isArray(body)) {
+      setActionError(t("Batch mode needs a JSON array body — each element is enqueued as one message."));
+      return;
+    }
+    setSending(true);
+    const args = batchMode ? {
+      batch: body,
+      delaySeconds,
+      exportName
+    } : {
+      body,
+      delaySeconds,
+      exportName
+    };
+    try {
+      await client.query(SEND_QUEUE_MESSAGE, args, callOptions(""));
+      refetchMessages();
+    } catch (t4) {
+      const error_ = t4;
+      setActionError(errorMessage(error_));
+    }
+    setSending(false);
+  };
+  let t5;
+  if ($[5] !== client || $[6] !== refetchMessages) {
+    t5 = async (id) => {
+      setActionError(null);
+      setReplayingId(id);
+      try {
+        await client.query(REPLAY_QUEUE_MESSAGE, {
+          id
+        }, callOptions(""));
+        refetchMessages();
+      } catch (t62) {
+        const error__0 = t62;
+        setActionError(errorMessage(error__0));
+      }
+      setReplayingId(null);
+    };
+    $[5] = client;
+    $[6] = refetchMessages;
+    $[7] = t5;
+  } else {
+    t5 = $[7];
+  }
+  const replay = t5;
+  let t6;
+  if ($[8] !== client || $[9] !== refetchMessages) {
+    t6 = async () => {
+      setActionError(null);
+      try {
+        await client.query(CLEAR_QUEUE_MESSAGES, {}, callOptions(""));
+        refetchMessages();
+      } catch (t72) {
+        const error__1 = t72;
+        setActionError(errorMessage(error__1));
+      }
+    };
+    $[8] = client;
+    $[9] = refetchMessages;
+    $[10] = t6;
+  } else {
+    t6 = $[10];
+  }
+  const clearLog = t6;
+  let t7;
+  if ($[11] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+    t7 = (event) => {
+      const next = event.currentTarget.dataset.tab;
+      if (next === "declared" || next === "messages" || next === "send") {
+        setTab(next);
+      }
+    };
+    $[11] = t7;
+  } else {
+    t7 = $[11];
+  }
+  const onSelectTab = t7;
+  let t8;
+  if ($[12] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+    t8 = (event_0) => {
+      setSelectedExport(event_0.currentTarget.value);
+    };
+    $[12] = t8;
+  } else {
+    t8 = $[12];
+  }
+  const onSelectExport = t8;
+  let t9;
+  if ($[13] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+    t9 = (event_1) => {
+      setBodyText(event_1.currentTarget.value);
+    };
+    $[13] = t9;
+  } else {
+    t9 = $[13];
+  }
+  const onBodyChange = t9;
+  let t10;
+  if ($[14] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+    t10 = (event_2) => {
+      setDelayText(event_2.currentTarget.value);
+    };
+    $[14] = t10;
+  } else {
+    t10 = $[14];
+  }
+  const onDelayChange = t10;
+  let t11;
+  if ($[15] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+    t11 = (event_3) => {
+      setBatchMode(event_3.currentTarget.checked);
+    };
+    $[15] = t11;
+  } else {
+    t11 = $[15];
+  }
+  const onBatchModeChange = t11;
+  let t12;
+  if ($[16] !== send) {
+    t12 = () => {
+      fireAndForget(send());
+    };
+    $[16] = send;
+    $[17] = t12;
+  } else {
+    t12 = $[17];
+  }
+  const onSend = t12;
+  let t13;
+  if ($[18] !== replay) {
+    t13 = (event_4) => {
+      const {
+        id: id_0
+      } = event_4.currentTarget.dataset;
+      if (id_0 !== void 0) {
+        fireAndForget(replay(id_0));
+      }
+    };
+    $[18] = replay;
+    $[19] = t13;
+  } else {
+    t13 = $[19];
+  }
+  const onReplay = t13;
+  let t14;
+  if ($[20] !== clearLog) {
+    t14 = () => {
+      fireAndForget(clearLog());
+    };
+    $[20] = clearLog;
+    $[21] = t14;
+  } else {
+    t14 = $[21];
+  }
+  const onClear = t14;
+  const t15 = "flex flex-col gap-6";
+  const t16 = "lunora-queues-panel";
+  let t17;
+  if ($[22] !== t || $[23] !== tab) {
+    t17 = /* @__PURE__ */ jsxDEV("div", {
+      className: "flex items-center gap-1",
+      "data-testid": "queues-tabs",
+      role: "tablist",
+      children: ["declared", "messages", "send"].map((value) => /* @__PURE__ */ jsxDEV(Button, {
+        "aria-selected": tab === value,
+        "data-tab": value,
+        "data-testid": `queues-tab-${value}`,
+        onClick: onSelectTab,
+        role: "tab",
+        size: "sm",
+        type: "button",
+        variant: tab === value ? "secondary" : "ghost",
+        children: tabLabel(value, t)
+      }, value, false))
+    }, void 0, false);
+    $[22] = t;
+    $[23] = tab;
+    $[24] = t17;
+  } else {
+    t17 = $[24];
+  }
+  let t18;
+  if ($[25] !== error || $[26] !== errorSource) {
+    t18 = error !== null && /* @__PURE__ */ jsxDEV(ErrorAlert, {
+      error: errorSource,
+      testId: "queues-error"
+    }, void 0, false);
+    $[25] = error;
+    $[26] = errorSource;
+    $[27] = t18;
+  } else {
+    t18 = $[27];
+  }
+  const t19 = showReliabilityWarning && /* @__PURE__ */ jsxDEV(Alert, {
+    icon: /* @__PURE__ */ jsxDEV("span", {
+      "aria-hidden": "true",
+      className: "text-base leading-none",
+      children: "⚠"
+    }, void 0, false),
+    testId: "queues-dlq-warning",
+    variant: "warning",
+    children: /* @__PURE__ */ jsxDEV("div", {
+      className: "flex flex-col gap-1",
+      children: [queuesWithoutDlq.length > 0 && /* @__PURE__ */ jsxDEV(Fragment, {
+        children: [/* @__PURE__ */ jsxDEV("p", {
+          className: "font-medium",
+          children: t("No dead-letter queue on {queues}.", {
+            queues: queuesWithoutDlq.map(_temp4).join(", ")
+          })
+        }, void 0, false), /* @__PURE__ */ jsxDEV("p", {
+          className: "text-muted-foreground",
+          children: t("Exhausted messages are dropped after retries. Add a deadLetterQueue to capture them.")
+        }, void 0, false)]
+      }, void 0, true), deadLetteredCount > 0 && /* @__PURE__ */ jsxDEV("p", {
+        className: queuesWithoutDlq.length > 0 ? "text-muted-foreground" : "font-medium",
+        children: deadLetteredCount === 1 ? t("1 message was recently dead-lettered.") : t("{count} messages were recently dead-lettered.", {
+          count: deadLetteredCount
+        })
+      }, void 0, false)]
+    }, void 0, true)
+  }, void 0, false);
+  let t20;
+  if ($[28] !== queues || $[29] !== queuesData || $[30] !== tab) {
+    t20 = tab === "declared" && /* @__PURE__ */ jsxDEV(QueuesDeclaredTab, {
+      loaded: queuesData !== void 0,
+      queues
+    }, void 0, false);
+    $[28] = queues;
+    $[29] = queuesData;
+    $[30] = tab;
+    $[31] = t20;
+  } else {
+    t20 = $[31];
+  }
+  let t21;
+  if ($[32] !== messages || $[33] !== messagesError || $[34] !== onClear || $[35] !== onReplay || $[36] !== replayingId || $[37] !== tab) {
+    t21 = tab === "messages" && /* @__PURE__ */ jsxDEV(QueuesMessagesTab, {
+      hasError: messagesError !== null,
+      messages,
+      onClear,
+      onReplay,
+      replayingId
+    }, void 0, false);
+    $[32] = messages;
+    $[33] = messagesError;
+    $[34] = onClear;
+    $[35] = onReplay;
+    $[36] = replayingId;
+    $[37] = tab;
+    $[38] = t21;
+  } else {
+    t21 = $[38];
+  }
+  let t22;
+  if ($[39] !== batchMode || $[40] !== bodyText || $[41] !== delayText || $[42] !== onBatchModeChange || $[43] !== onBodyChange || $[44] !== onDelayChange || $[45] !== onSelectExport || $[46] !== onSend || $[47] !== queues || $[48] !== selectedExportName || $[49] !== sending || $[50] !== tab) {
+    t22 = tab === "send" && /* @__PURE__ */ jsxDEV(QueuesSendTab, {
+      batchMode,
+      bodyText,
+      delayText,
+      onBatchModeChange,
+      onBodyChange,
+      onDelayChange,
+      onSelectExport,
+      onSend,
+      queues,
+      selectedExportName,
+      sending
+    }, void 0, false);
+    $[39] = batchMode;
+    $[40] = bodyText;
+    $[41] = delayText;
+    $[42] = onBatchModeChange;
+    $[43] = onBodyChange;
+    $[44] = onDelayChange;
+    $[45] = onSelectExport;
+    $[46] = onSend;
+    $[47] = queues;
+    $[48] = selectedExportName;
+    $[49] = sending;
+    $[50] = tab;
+    $[51] = t22;
+  } else {
+    t22 = $[51];
+  }
+  let t23;
+  if ($[52] !== t17 || $[53] !== t18 || $[54] !== t19 || $[55] !== t20 || $[56] !== t21 || $[57] !== t22) {
+    t23 = /* @__PURE__ */ jsxDEV("div", {
+      className: t15,
+      "data-testid": t16,
+      children: [t17, t18, t19, t20, t21, t22]
+    }, void 0, true);
+    $[52] = t17;
+    $[53] = t18;
+    $[54] = t19;
+    $[55] = t20;
+    $[56] = t21;
+    $[57] = t22;
+    $[58] = t23;
+  } else {
+    t23 = $[58];
+  }
+  return t23;
+};
+function _temp(queue) {
+  return /* @__PURE__ */ jsxDEV(TableRow, {
+    "data-testid": `queues-row-${queue.exportName}`,
+    children: [/* @__PURE__ */ jsxDEV(TableCell, {
+      className: "font-mono text-xs",
+      children: queue.exportName
+    }, void 0, false), /* @__PURE__ */ jsxDEV(TableCell, {
+      className: "font-mono text-xs text-muted-foreground",
+      children: queue.name
+    }, void 0, false), /* @__PURE__ */ jsxDEV(TableCell, {
+      className: "font-mono text-xs text-muted-foreground",
+      children: queue.mode
+    }, void 0, false), /* @__PURE__ */ jsxDEV(TableCell, {
+      className: "font-mono text-xs text-muted-foreground",
+      children: queue.binding
+    }, void 0, false), /* @__PURE__ */ jsxDEV(TableCell, {
+      className: "font-mono text-xs text-muted-foreground",
+      children: queue.deadLetterQueue ?? "—"
+    }, void 0, false)]
+  }, queue.exportName, true);
+}
+function _temp2(queue) {
+  return /* @__PURE__ */ jsxDEV("option", {
+    value: queue.exportName,
+    children: queue.exportName
+  }, queue.exportName, false);
+}
+function _temp3(a, b) {
+  return a.exportName.localeCompare(b.exportName);
+}
+function _temp4(queue_0) {
+  return queue_0.name;
+}
+
+export { QueuesPanel as default };