@lunora/studio 1.0.0-alpha.34 → 1.0.0-alpha.35

package/dist/packem_chunks/queues-panel.js

@@ -1,73 +1,85 @@
 import { c } from 'react/compiler-runtime';
-import 'react';
+import { useLunora } from '@lunora/react';
+import { useState } 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 { 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-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 { jsxDEV } from 'react/jsx-dev-runtime';
+import { ADMIN_FUNCTIONS } from '../packem_shared/ADMIN_FUNCTIONS-BHHJi3Gb.js';
+import { c as callOptions, e as errorMessage, f as fireAndForget, a as adminRef, i as formatTimestamp } from '../packem_shared/internal-DTsYVn-g.js';
+import { jsxDEV, Fragment } from 'react/jsx-dev-runtime';
 
-const QueuesPanel = () => {
-  const $ = c(18);
-  const t = useT();
-  let t0;
-  if ($[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
-    t0 = {};
-    $[0] = t0;
-  } else {
-    t0 = $[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 {
-    data,
-    error,
-    errorSource
-  } = useAdminQuery(ADMIN_FUNCTIONS.listQueues, t0);
-  const loaded = data !== void 0;
+    loaded,
+    queues
+  } = t0;
+  const t = useT();
   let t1;
-  if ($[1] !== data) {
-    t1 = Array.isArray(data?.queues) ? [...data.queues].toSorted(_temp) : [];
-    $[1] = data;
-    $[2] = 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 = $[2];
+    t1 = $[1];
   }
-  const queues = t1;
   let t2;
-  if ($[3] !== error || $[4] !== errorSource) {
-    t2 = error !== null && /* @__PURE__ */ jsxDEV(ErrorAlert, {
-      error: errorSource,
-      testId: "queues-error"
-    }, void 0, false);
-    $[3] = error;
-    $[4] = errorSource;
-    $[5] = t2;
-  } else {
-    t2 = $[5];
-  }
-  let t3;
-  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.");
-    $[6] = t;
-    $[7] = t3;
-  } else {
-    t3 = $[7];
-  }
-  let t4;
-  if ($[8] !== t3) {
-    t4 = /* @__PURE__ */ jsxDEV("p", {
+  if ($[2] !== t1) {
+    t2 = /* @__PURE__ */ jsxDEV("p", {
       className: "text-sm text-muted-foreground",
-      children: t3
+      children: t1
     }, void 0, false);
-    $[8] = t3;
-    $[9] = t4;
+    $[2] = t1;
+    $[3] = t2;
   } else {
-    t4 = $[9];
+    t2 = $[3];
   }
-  let t5;
-  if ($[10] !== loaded || $[11] !== queues || $[12] !== t) {
-    t5 = loaded && queues.length === 0 ? /* @__PURE__ */ jsxDEV(EmptyState, {
+  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")
@@ -92,38 +104,921 @@ const QueuesPanel = () => {
               }, void 0, false)]
             }, void 0, true)
           }, void 0, false), /* @__PURE__ */ jsxDEV(TableBody, {
-            children: queues.map(_temp2)
+            children: queues.map(_temp)
           }, void 0, false)]
         }, void 0, true)
       }, void 0, false)
     }, void 0, false);
-    $[10] = loaded;
-    $[11] = queues;
-    $[12] = t;
-    $[13] = t5;
+    $[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 {
-    t5 = $[13];
+    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;
-  if ($[14] !== t2 || $[15] !== t4 || $[16] !== t5) {
-    t6 = /* @__PURE__ */ jsxDEV("div", {
+  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(74);
+  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) : [];
+  let t3;
+  if ($[3] !== messagesData?.entries) {
+    t3 = messagesData?.entries ?? [];
+    $[3] = messagesData?.entries;
+    $[4] = t3;
+  } else {
+    t3 = $[4];
+  }
+  const messages = t3;
+  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 t4;
+  if ($[5] !== refetchMessages) {
+    t4 = () => {
+      refetchMessages();
+    };
+    $[5] = refetchMessages;
+    $[6] = t4;
+  } else {
+    t4 = $[6];
+  }
+  useAutoRefresh(t4, tab === "messages");
+  let t5;
+  if ($[7] !== batchMode || $[8] !== bodyText || $[9] !== client || $[10] !== delayText || $[11] !== refetchMessages || $[12] !== selectedExportName || $[13] !== setSending || $[14] !== t) {
+    t5 = 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 (t62) {
+        const error_ = t62;
+        setActionError(errorMessage(error_));
+      }
+      setSending(false);
+    };
+    $[7] = batchMode;
+    $[8] = bodyText;
+    $[9] = client;
+    $[10] = delayText;
+    $[11] = refetchMessages;
+    $[12] = selectedExportName;
+    $[13] = setSending;
+    $[14] = t;
+    $[15] = t5;
+  } else {
+    t5 = $[15];
+  }
+  const send = t5;
+  let t6;
+  if ($[16] !== client || $[17] !== refetchMessages || $[18] !== setReplayingId) {
+    t6 = async (id) => {
+      setActionError(null);
+      setReplayingId(id);
+      try {
+        await client.query(REPLAY_QUEUE_MESSAGE, {
+          id
+        }, callOptions(""));
+        refetchMessages();
+      } catch (t72) {
+        const error__0 = t72;
+        setActionError(errorMessage(error__0));
+      }
+      setReplayingId(null);
+    };
+    $[16] = client;
+    $[17] = refetchMessages;
+    $[18] = setReplayingId;
+    $[19] = t6;
+  } else {
+    t6 = $[19];
+  }
+  const replay = t6;
+  let t7;
+  if ($[20] !== client || $[21] !== refetchMessages) {
+    t7 = async () => {
+      setActionError(null);
+      try {
+        await client.query(CLEAR_QUEUE_MESSAGES, {}, callOptions(""));
+        refetchMessages();
+      } catch (t82) {
+        const error__1 = t82;
+        setActionError(errorMessage(error__1));
+      }
+    };
+    $[20] = client;
+    $[21] = refetchMessages;
+    $[22] = t7;
+  } else {
+    t7 = $[22];
+  }
+  const clearLog = t7;
+  let t8;
+  if ($[23] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+    t8 = (event) => {
+      const next = event.currentTarget.dataset.tab;
+      if (next === "declared" || next === "messages" || next === "send") {
+        setTab(next);
+      }
+    };
+    $[23] = t8;
+  } else {
+    t8 = $[23];
+  }
+  const onSelectTab = t8;
+  let t9;
+  if ($[24] !== setSelectedExport) {
+    t9 = (event_0) => {
+      setSelectedExport(event_0.currentTarget.value);
+    };
+    $[24] = setSelectedExport;
+    $[25] = t9;
+  } else {
+    t9 = $[25];
+  }
+  const onSelectExport = t9;
+  let t10;
+  if ($[26] !== setBodyText) {
+    t10 = (event_1) => {
+      setBodyText(event_1.currentTarget.value);
+    };
+    $[26] = setBodyText;
+    $[27] = t10;
+  } else {
+    t10 = $[27];
+  }
+  const onBodyChange = t10;
+  let t11;
+  if ($[28] !== setDelayText) {
+    t11 = (event_2) => {
+      setDelayText(event_2.currentTarget.value);
+    };
+    $[28] = setDelayText;
+    $[29] = t11;
+  } else {
+    t11 = $[29];
+  }
+  const onDelayChange = t11;
+  let t12;
+  if ($[30] !== setBatchMode) {
+    t12 = (event_3) => {
+      setBatchMode(event_3.currentTarget.checked);
+    };
+    $[30] = setBatchMode;
+    $[31] = t12;
+  } else {
+    t12 = $[31];
+  }
+  const onBatchModeChange = t12;
+  let t13;
+  if ($[32] !== send) {
+    t13 = () => {
+      fireAndForget(send());
+    };
+    $[32] = send;
+    $[33] = t13;
+  } else {
+    t13 = $[33];
+  }
+  const onSend = t13;
+  let t14;
+  if ($[34] !== replay) {
+    t14 = (event_4) => {
+      const {
+        id: id_0
+      } = event_4.currentTarget.dataset;
+      if (id_0 !== void 0) {
+        fireAndForget(replay(id_0));
+      }
+    };
+    $[34] = replay;
+    $[35] = t14;
+  } else {
+    t14 = $[35];
+  }
+  const onReplay = t14;
+  let t15;
+  if ($[36] !== clearLog) {
+    t15 = () => {
+      fireAndForget(clearLog());
+    };
+    $[36] = clearLog;
+    $[37] = t15;
+  } else {
+    t15 = $[37];
+  }
+  const onClear = t15;
+  let t16;
+  if ($[38] !== t || $[39] !== tab) {
+    t16 = /* @__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);
+    $[38] = t;
+    $[39] = tab;
+    $[40] = t16;
+  } else {
+    t16 = $[40];
+  }
+  let t17;
+  if ($[41] !== error || $[42] !== errorSource) {
+    t17 = error !== null && /* @__PURE__ */ jsxDEV(ErrorAlert, {
+      error: errorSource,
+      testId: "queues-error"
+    }, void 0, false);
+    $[41] = error;
+    $[42] = errorSource;
+    $[43] = t17;
+  } else {
+    t17 = $[43];
+  }
+  let t18;
+  if ($[44] !== queues || $[45] !== queuesData || $[46] !== tab) {
+    t18 = tab === "declared" && /* @__PURE__ */ jsxDEV(QueuesDeclaredTab, {
+      loaded: queuesData !== void 0,
+      queues
+    }, void 0, false);
+    $[44] = queues;
+    $[45] = queuesData;
+    $[46] = tab;
+    $[47] = t18;
+  } else {
+    t18 = $[47];
+  }
+  let t19;
+  if ($[48] !== messages || $[49] !== messagesError || $[50] !== onClear || $[51] !== onReplay || $[52] !== replayingId || $[53] !== tab) {
+    t19 = tab === "messages" && /* @__PURE__ */ jsxDEV(QueuesMessagesTab, {
+      hasError: messagesError !== null,
+      messages,
+      onClear,
+      onReplay,
+      replayingId
+    }, void 0, false);
+    $[48] = messages;
+    $[49] = messagesError;
+    $[50] = onClear;
+    $[51] = onReplay;
+    $[52] = replayingId;
+    $[53] = tab;
+    $[54] = t19;
+  } else {
+    t19 = $[54];
+  }
+  let t20;
+  if ($[55] !== batchMode || $[56] !== bodyText || $[57] !== delayText || $[58] !== onBatchModeChange || $[59] !== onBodyChange || $[60] !== onDelayChange || $[61] !== onSelectExport || $[62] !== onSend || $[63] !== queues || $[64] !== selectedExportName || $[65] !== sending || $[66] !== tab) {
+    t20 = tab === "send" && /* @__PURE__ */ jsxDEV(QueuesSendTab, {
+      batchMode,
+      bodyText,
+      delayText,
+      onBatchModeChange,
+      onBodyChange,
+      onDelayChange,
+      onSelectExport,
+      onSend,
+      queues,
+      selectedExportName,
+      sending
+    }, void 0, false);
+    $[55] = batchMode;
+    $[56] = bodyText;
+    $[57] = delayText;
+    $[58] = onBatchModeChange;
+    $[59] = onBodyChange;
+    $[60] = onDelayChange;
+    $[61] = onSelectExport;
+    $[62] = onSend;
+    $[63] = queues;
+    $[64] = selectedExportName;
+    $[65] = sending;
+    $[66] = tab;
+    $[67] = t20;
+  } else {
+    t20 = $[67];
+  }
+  let t21;
+  if ($[68] !== t16 || $[69] !== t17 || $[70] !== t18 || $[71] !== t19 || $[72] !== t20) {
+    t21 = /* @__PURE__ */ jsxDEV("div", {
       className: "flex flex-col gap-6",
       "data-testid": "lunora-queues-panel",
-      children: [t2, t4, t5]
+      children: [t16, t17, t18, t19, t20]
     }, void 0, true);
-    $[14] = t2;
-    $[15] = t4;
-    $[16] = t5;
-    $[17] = t6;
+    $[68] = t16;
+    $[69] = t17;
+    $[70] = t18;
+    $[71] = t19;
+    $[72] = t20;
+    $[73] = t21;
   } else {
-    t6 = $[17];
+    t21 = $[73];
   }
-  return t6;
+  return t21;
 };
-function _temp(a, b) {
-  return a.exportName.localeCompare(b.exportName);
-}
-function _temp2(queue) {
+function _temp(queue) {
   return /* @__PURE__ */ jsxDEV(TableRow, {
     "data-testid": `queues-row-${queue.exportName}`,
     children: [/* @__PURE__ */ jsxDEV(TableCell, {
@@ -144,5 +1039,14 @@ function _temp2(queue) {
     }, 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);
+}
 
 export { QueuesPanel as default };