@lunora/studio 1.0.0-alpha.59 → 1.0.0-alpha.60

package/dist/packem_chunks/queues-panel.js

@@ -1,1075 +1 @@
-import { c } from 'react/compiler-runtime';
-import { useLunora } from '@lunora/react';
-import { useState } from 'react';
-import { E as ErrorAlert } from '../packem_shared/error-alert-D9uIFJUS.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-F2vH_aj2.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-C7JNuQp-.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-P2UzJscH.js';
-import { c as callOptions, e as errorMessage, a as adminRef, f as fireAndForget, i as formatTimestamp } from '../packem_shared/internal-DzHCc2Rq.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 };
+import{c as P}from"react/compiler-runtime";import{useLunora as He}from"@lunora/react";import{useState as _}from"react";import{E as Ve}from"../packem_shared/error-alert-B59DnrDI.js";import{A as Xe}from"../packem_shared/alert-CVcOFuDR.js";import{g as Qe}from"../packem_shared/badge-BbuuAio7.js";import{u as oe}from"../packem_shared/button-BkCrNcAs.js";import{c as ke,u as Oe}from"../packem_shared/card-CIDGUN6K.js";import{E as Ie}from"../packem_shared/empty-state-Cg7t_8qu.js";import{u as Ye}from"../packem_shared/input-JHu63lTv.js";import{p as Ze}from"../packem_shared/scroll-area-DTEq6Jec.js";import{n as Be,d as Je,m as de,p as $,f as Fe,u as w}from"../packem_shared/table-DdJBrClo.js";import{l as et}from"../packem_shared/textarea-Bu2-jKAs.js";import{K as De}from"../packem_shared/use-admin-query-Di3fLE8H.js";import{useAutoRefresh as tt}from"../packem_shared/DEFAULT_AUTO_REFRESH_MS-BCC8_4BQ.js";import{useT as U}from"../packem_shared/DEFAULT_LOCALE-BZ4NojpD.js";import{ADMIN_FUNCTIONS as j}from"../packem_shared/ADMIN_FUNCTIONS-BYNSbBVE.js";import{c as $e,e as we,a as Ae,i as at,f as Ce}from"../packem_shared/internal-AtZ4bTal.js";import{jsx as a,jsxs as b,Fragment as We}from"react/jsx-runtime";const st=(r,e)=>{const t=new Set(r.map(s=>s.deadLetterQueue).filter(s=>typeof s=="string"&&s!=="")),u=r.filter(s=>(s.deadLetterQueue===void 0||s.deadLetterQueue==="")&&!t.has(s.name)),d=e.filter(s=>s.deadLettered).length;return{deadLetteredCount:d,queuesWithoutDlq:u,showReliabilityWarning:u.length>0||d>0}},rt=200,nt=Ae(j.sendQueueMessage),ot=Ae(j.replayQueueMessage),dt=Ae(j.clearQueueMessages),Re=96,lt=r=>{if(r===void 0)return"—";try{return JSON.stringify(r)}catch{return"[unserializable]"}},ut=r=>r.length>Re?`${r.slice(0,Re)}…`:r,ct=r=>r==="error"?"destructive":r==="retry"?"outline":"secondary",it=(r,e)=>e(r==="messages"?"Messages":r==="send"?"Send":"Declared"),mt=r=>{const e=P(11),{loaded:t,queues:u}=r,d=U();let s;e[0]!==d?(s=d("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."),e[0]=d,e[1]=s):s=e[1];let o;e[2]!==s?(o=a("p",{className:"text-sm text-muted-foreground",children:s}),e[2]=s,e[3]=o):o=e[3];let n;e[4]!==t||e[5]!==u||e[6]!==d?(n=t&&u.length===0?a(Ie,{description:d("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:d("No queues defined")}):a(ke,{className:"overflow-hidden py-0",children:a(Oe,{className:"px-0",children:b(Be,{"data-testid":"queues-table",children:[a(Je,{children:b(de,{children:[a($,{children:d("Export")}),a($,{children:d("Queue")}),a($,{children:d("Mode")}),a($,{children:d("Binding")}),a($,{children:d("Dead-letter")})]})}),a(Fe,{children:u.map(ft)})]})})}),e[4]=t,e[5]=u,e[6]=d,e[7]=n):n=e[7];let h;return e[8]!==o||e[9]!==n?(h=b("div",{className:"flex flex-col gap-4","data-testid":"queues-declared",children:[o,n]}),e[8]=o,e[9]=n,e[10]=h):h=e[10],h},ht=r=>{const e=P(67),{message:t,onReplay:u,replayingId:d}=r,s=U();let o,n,h,i,y,p,x,l,m,g;if(e[0]!==t.attempts||e[1]!==t.body||e[2]!==t.deadLettered||e[3]!==t.exportName||e[4]!==t.id||e[5]!==t.messageId||e[6]!==t.outcome||e[7]!==t.queue||e[8]!==s){const J=lt(t.body);n=de,p=`queues-message-${t.id}`;const F=t.exportName??t.queue;e[19]!==F?(x=a(w,{className:"font-mono text-xs",children:F}),e[19]=F,e[20]=x):x=e[20],e[21]!==t.messageId?(l=a(w,{className:"max-w-[16ch] truncate font-mono text-xs text-muted-foreground",title:t.messageId,children:t.messageId}),e[21]=t.messageId,e[22]=l):l=e[22],e[23]!==t.attempts?(m=a(w,{className:"font-mono text-xs tabular-nums",children:t.attempts}),e[23]=t.attempts,e[24]=m):m=e[24];const E=`queues-outcome-${t.id}`;let L;e[25]!==t.outcome?(L=ct(t.outcome),e[25]=t.outcome,e[26]=L):L=e[26];let C;e[27]!==t.outcome||e[28]!==E||e[29]!==L?(C=a(Qe,{"data-testid":E,variant:L,children:t.outcome}),e[27]=t.outcome,e[28]=E,e[29]=L,e[30]=C):C=e[30];let M;e[31]!==t.deadLettered||e[32]!==t.id||e[33]!==s?(M=t.deadLettered&&a(Qe,{"data-testid":`queues-dlq-${t.id}`,variant:"destructive",children:s("DLQ")}),e[31]=t.deadLettered,e[32]=t.id,e[33]=s,e[34]=M):M=e[34],e[35]!==C||e[36]!==M?(g=a(w,{children:b("span",{className:"inline-flex items-center gap-1",children:[C,M]})}),e[35]=C,e[36]=M,e[37]=g):g=e[37],o=w,h="max-w-[32ch] truncate font-mono text-xs text-muted-foreground",i=J,y=ut(J),e[0]=t.attempts,e[1]=t.body,e[2]=t.deadLettered,e[3]=t.exportName,e[4]=t.id,e[5]=t.messageId,e[6]=t.outcome,e[7]=t.queue,e[8]=s,e[9]=o,e[10]=n,e[11]=h,e[12]=i,e[13]=y,e[14]=p,e[15]=x,e[16]=l,e[17]=m,e[18]=g}else o=e[9],n=e[10],h=e[11],i=e[12],y=e[13],p=e[14],x=e[15],l=e[16],m=e[17],g=e[18];let f;e[38]!==o||e[39]!==h||e[40]!==i||e[41]!==y?(f=a(o,{className:h,title:i,children:y}),e[38]=o,e[39]=h,e[40]=i,e[41]=y,e[42]=f):f=e[42];let q;e[43]!==t.capturedAt?(q=at(t.capturedAt,"—"),e[43]=t.capturedAt,e[44]=q):q=e[44];let N;e[45]!==q?(N=a(w,{className:"text-xs text-muted-foreground tabular-nums",children:q}),e[45]=q,e[46]=N):N=e[46];const S=`queues-replay-${t.id}`,A=d!==null;let Q;e[47]!==t.id||e[48]!==d||e[49]!==s?(Q=d===t.id?s("Replaying…"):s("Replay"),e[47]=t.id,e[48]=d,e[49]=s,e[50]=Q):Q=e[50];let I;e[51]!==t.id||e[52]!==u||e[53]!==S||e[54]!==A||e[55]!==Q?(I=a(w,{children:a(oe,{"data-id":t.id,"data-testid":S,disabled:A,onClick:u,size:"xs",type:"button",variant:"outline",children:Q})}),e[51]=t.id,e[52]=u,e[53]=S,e[54]=A,e[55]=Q,e[56]=I):I=e[56];let T;return e[57]!==n||e[58]!==N||e[59]!==I||e[60]!==p||e[61]!==x||e[62]!==l||e[63]!==m||e[64]!==g||e[65]!==f?(T=b(n,{"data-testid":p,children:[x,l,m,g,f,N,I]}),e[57]=n,e[58]=N,e[59]=I,e[60]=p,e[61]=x,e[62]=l,e[63]=m,e[64]=g,e[65]=f,e[66]=T):T=e[66],T},pt=r=>{const e=P(26),{hasError:t,messages:u,onClear:d,onReplay:s,replayingId:o}=r,n=U();let h;e[0]!==n?(h=n("Cloudflare Queues have no peek API, so this is what push consumers actually processed — not pending depth."),e[0]=n,e[1]=h):h=e[1];let i;e[2]!==h?(i=a("p",{className:"text-sm text-muted-foreground",children:h}),e[2]=h,e[3]=i):i=e[3];const y=u.length===0;let p;e[4]!==n?(p=n("Clear log"),e[4]=n,e[5]=p):p=e[5];let x;e[6]!==d||e[7]!==y||e[8]!==p?(x=a(oe,{className:"ml-auto","data-testid":"queues-clear",disabled:y,onClick:d,size:"sm",type:"button",variant:"outline",children:p}),e[6]=d,e[7]=y,e[8]=p,e[9]=x):x=e[9];let l;e[10]!==u.length||e[11]!==n?(l=u.length>0&&a(Qe,{"data-testid":"queues-count",variant:"secondary",children:n("{count} messages",{count:u.length})}),e[10]=u.length,e[11]=n,e[12]=l):l=e[12];let m;e[13]!==i||e[14]!==x||e[15]!==l?(m=b("div",{className:"flex flex-wrap items-center gap-2",children:[i,x,l]}),e[13]=i,e[14]=x,e[15]=l,e[16]=m):m=e[16];let g;e[17]!==t||e[18]!==u||e[19]!==s||e[20]!==o||e[21]!==n?(g=!t&&u.length===0?a(Ie,{description:n("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:n("No consumed messages yet.")}):a(ke,{className:"overflow-hidden py-0",children:a(Oe,{className:"px-0",children:a(Ze,{className:"max-h-[32rem]","data-testid":"queues-messages-scroll",children:b(Be,{"data-testid":"queues-messages-table",children:[a(Je,{children:b(de,{children:[a($,{children:n("Export")}),a($,{children:n("Message")}),a($,{children:n("Attempts")}),a($,{children:n("Outcome")}),a($,{children:n("Body")}),a($,{children:n("Captured")}),a($,{})]})}),a(Fe,{children:u.map(q=>a(ht,{message:q,onReplay:s,replayingId:o},q.id))})]})})})}),e[17]=t,e[18]=u,e[19]=s,e[20]=o,e[21]=n,e[22]=g):g=e[22];let f;return e[23]!==m||e[24]!==g?(f=b("div",{className:"flex flex-col gap-4","data-testid":"queues-messages",children:[m,g]}),e[23]=m,e[24]=g,e[25]=f):f=e[25],f},gt=r=>{const e=P(20),{batchMode:t,bodyText:u,delayText:d,onBatchModeChange:s,onBodyChange:o,onDelayChange:n,onSelectExport:h,onSend:i,queues:y,selectedExportName:p,sending:x}=r,l=U();let m;e[0]!==l?(m=l("Enqueue a JSON message to a declared producer to exercise its consumer. Nothing is captured until the consumer processes it."),e[0]=l,e[1]=m):m=e[1];let g;e[2]!==m?(g=a("p",{className:"text-sm text-muted-foreground",children:m}),e[2]=m,e[3]=g):g=e[3];let f;e[4]!==t||e[5]!==u||e[6]!==d||e[7]!==s||e[8]!==o||e[9]!==n||e[10]!==h||e[11]!==i||e[12]!==y||e[13]!==p||e[14]!==x||e[15]!==l?(f=y.length===0?a(Ie,{description:l("Declare a queue with defineQueue in lunora/queues.ts to enqueue a test message."),testId:"queues-send-empty",title:l("No queues to send to")}):b(We,{children:[b("div",{className:"flex flex-wrap items-center gap-2",children:[a("select",{"aria-label":l("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:h,value:p,children:y.map(xt)}),a(Ye,{"aria-label":l("Delay (seconds)"),className:"max-w-36","data-testid":"queues-send-delay",min:0,onChange:n,placeholder:l("Delay (s)"),type:"number",value:d}),b("label",{className:"flex items-center gap-1.5 text-xs text-muted-foreground",htmlFor:"queues-send-batch",children:[a("input",{checked:t,"data-testid":"queues-send-batch",id:"queues-send-batch",onChange:s,type:"checkbox"}),l("Send as batch (JSON array)")]}),a(oe,{className:"ml-auto","data-testid":"queues-send-button",disabled:x||p==="",onClick:i,type:"button",children:l(x?"Sending…":"Send message")})]}),a(et,{"aria-label":l("Message body (JSON)"),className:"font-mono","data-testid":"queues-send-body",onChange:o,placeholder:t?'[ { "hello": "world" } ]':'{ "hello": "world" }',value:u})]}),e[4]=t,e[5]=u,e[6]=d,e[7]=s,e[8]=o,e[9]=n,e[10]=h,e[11]=i,e[12]=y,e[13]=p,e[14]=x,e[15]=l,e[16]=f):f=e[16];let q;return e[17]!==g||e[18]!==f?(q=b("div",{className:"flex flex-col gap-3","data-testid":"queues-send",children:[g,f]}),e[17]=g,e[18]=f,e[19]=q):q=e[19],q},Bt=r=>{const e=P(59),{limit:t}=r,u=t??rt,d=He(),s=U(),[o,n]=_("declared"),[h,i]=_(null);let y;e[0]===Symbol.for("react.memo_cache_sentinel")?(y={},e[0]=y):y=e[0];const{data:p,error:x,errorSource:l}=De(j.listQueues,y);let m;e[1]!==u?(m={limit:u},e[1]=u,e[2]=m):m=e[2];const{data:g,error:f,errorSource:q,refetch:N}=De(j.getQueueMessages,m),S=Array.isArray(p?.queues)?[...p.queues].toSorted(yt):[],A=g?.entries??[],{deadLetteredCount:Q,queuesWithoutDlq:I,showReliabilityWarning:T}=st(S,A),[J,F]=_(""),[E,L]=_(""),[C,M]=_(""),[W,ze]=_(!1),[le,Ee]=_(!1),[ue,Le]=_(null),G=S.some(c=>c.exportName===J)?J:S[0]?.exportName??"",Me=o==="messages"?f:x,je=o==="messages"?q:l,ce=Me??h,ie=Me===null?h:je;let K;e[3]!==N?(K=()=>{N()},e[3]=N,e[4]=K):K=e[4],tt(K,o==="messages");const me=async()=>{i(null);const c=G;if(c==="")return;let v=null;const _e=E.trim();if(_e!=="")try{v=JSON.parse(_e)}catch{i(s("Body must be valid JSON."));return}let Se;const Te=C.trim();if(Te!==""){const z=Number(Te);if(!Number.isFinite(z)||z<0){i(s("Delay must be a non-negative number of seconds."));return}Se=z}if(W&&!Array.isArray(v)){i(s("Batch mode needs a JSON array body — each element is enqueued as one message."));return}Ee(!0);const Ke=W?{batch:v,delaySeconds:Se,exportName:c}:{body:v,delaySeconds:Se,exportName:c};try{await d.query(nt,Ke,$e("")),N()}catch(z){i(we(z))}Ee(!1)};let H;e[5]!==d||e[6]!==N?(H=async c=>{i(null),Le(c);try{await d.query(ot,{id:c},$e("")),N()}catch(v){i(we(v))}Le(null)},e[5]=d,e[6]=N,e[7]=H):H=e[7];const he=H;let V;e[8]!==d||e[9]!==N?(V=async()=>{i(null);try{await d.query(dt,{},$e("")),N()}catch(c){i(we(c))}},e[8]=d,e[9]=N,e[10]=V):V=e[10];const pe=V;let X;e[11]===Symbol.for("react.memo_cache_sentinel")?(X=c=>{const v=c.currentTarget.dataset.tab;(v==="declared"||v==="messages"||v==="send")&&n(v)},e[11]=X):X=e[11];const Pe=X;let Y;e[12]===Symbol.for("react.memo_cache_sentinel")?(Y=c=>{F(c.currentTarget.value)},e[12]=Y):Y=e[12];const ge=Y;let Z;e[13]===Symbol.for("react.memo_cache_sentinel")?(Z=c=>{L(c.currentTarget.value)},e[13]=Z):Z=e[13];const fe=Z;let ee;e[14]===Symbol.for("react.memo_cache_sentinel")?(ee=c=>{M(c.currentTarget.value)},e[14]=ee):ee=e[14];const xe=ee;let te;e[15]===Symbol.for("react.memo_cache_sentinel")?(te=c=>{ze(c.currentTarget.checked)},e[15]=te):te=e[15];const ye=te;let ae;e[16]!==me?(ae=()=>{Ce(me())},e[16]=me,e[17]=ae):ae=e[17];const Ne=ae;let se;e[18]!==he?(se=c=>{const{id:v}=c.currentTarget.dataset;v!==void 0&&Ce(he(v))},e[18]=he,e[19]=se):se=e[19];const be=se;let re;e[20]!==pe?(re=()=>{Ce(pe())},e[20]=pe,e[21]=re):re=e[21];const qe=re,Ue="flex flex-col gap-6",Ge="lunora-queues-panel";let D;e[22]!==s||e[23]!==o?(D=a("div",{className:"flex items-center gap-1","data-testid":"queues-tabs",role:"tablist",children:["declared","messages","send"].map(c=>a(oe,{"aria-selected":o===c,"data-tab":c,"data-testid":`queues-tab-${c}`,onClick:Pe,role:"tab",size:"sm",type:"button",variant:o===c?"secondary":"ghost",children:it(c,s)},c))}),e[22]=s,e[23]=o,e[24]=D):D=e[24];let R;e[25]!==ce||e[26]!==ie?(R=ce!==null&&a(Ve,{error:ie,testId:"queues-error"}),e[25]=ce,e[26]=ie,e[27]=R):R=e[27];const ve=T&&a(Xe,{icon:a("span",{"aria-hidden":"true",className:"text-base leading-none",children:"⚠"}),testId:"queues-dlq-warning",variant:"warning",children:b("div",{className:"flex flex-col gap-1",children:[I.length>0&&b(We,{children:[a("p",{className:"font-medium",children:s("No dead-letter queue on {queues}.",{queues:I.map(Nt).join(", ")})}),a("p",{className:"text-muted-foreground",children:s("Exhausted messages are dropped after retries. Add a deadLetterQueue to capture them.")})]}),Q>0&&a("p",{className:I.length>0?"text-muted-foreground":"font-medium",children:Q===1?s("1 message was recently dead-lettered."):s("{count} messages were recently dead-lettered.",{count:Q})})]})});let k;e[28]!==S||e[29]!==p||e[30]!==o?(k=o==="declared"&&a(mt,{loaded:p!==void 0,queues:S}),e[28]=S,e[29]=p,e[30]=o,e[31]=k):k=e[31];let O;e[32]!==A||e[33]!==f||e[34]!==qe||e[35]!==be||e[36]!==ue||e[37]!==o?(O=o==="messages"&&a(pt,{hasError:f!==null,messages:A,onClear:qe,onReplay:be,replayingId:ue}),e[32]=A,e[33]=f,e[34]=qe,e[35]=be,e[36]=ue,e[37]=o,e[38]=O):O=e[38];let B;e[39]!==W||e[40]!==E||e[41]!==C||e[42]!==ye||e[43]!==fe||e[44]!==xe||e[45]!==ge||e[46]!==Ne||e[47]!==S||e[48]!==G||e[49]!==le||e[50]!==o?(B=o==="send"&&a(gt,{batchMode:W,bodyText:E,delayText:C,onBatchModeChange:ye,onBodyChange:fe,onDelayChange:xe,onSelectExport:ge,onSend:Ne,queues:S,selectedExportName:G,sending:le}),e[39]=W,e[40]=E,e[41]=C,e[42]=ye,e[43]=fe,e[44]=xe,e[45]=ge,e[46]=Ne,e[47]=S,e[48]=G,e[49]=le,e[50]=o,e[51]=B):B=e[51];let ne;return e[52]!==D||e[53]!==R||e[54]!==ve||e[55]!==k||e[56]!==O||e[57]!==B?(ne=b("div",{className:Ue,"data-testid":Ge,children:[D,R,ve,k,O,B]}),e[52]=D,e[53]=R,e[54]=ve,e[55]=k,e[56]=O,e[57]=B,e[58]=ne):ne=e[58],ne};function ft(r){return b(de,{"data-testid":`queues-row-${r.exportName}`,children:[a(w,{className:"font-mono text-xs",children:r.exportName}),a(w,{className:"font-mono text-xs text-muted-foreground",children:r.name}),a(w,{className:"font-mono text-xs text-muted-foreground",children:r.mode}),a(w,{className:"font-mono text-xs text-muted-foreground",children:r.binding}),a(w,{className:"font-mono text-xs text-muted-foreground",children:r.deadLetterQueue??"—"})]},r.exportName)}function xt(r){return a("option",{value:r.exportName,children:r.exportName},r.exportName)}function yt(r,e){return r.exportName.localeCompare(e.exportName)}function Nt(r){return r.name}export{Bt as default};