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

package/dist/packem_chunks/schedule-panel.js

@@ -0,0 +1,831 @@
+import { c } from 'react/compiler-runtime';
+import { useState, useMemo } from 'react';
+import { B as Button } from '../packem_shared/button-BhsN2uZH.js';
+import { useT } from '../packem_shared/DEFAULT_LOCALE-CiX4W7Kr.js';
+import { useLunora } from '@lunora/react';
+import { ConfirmButton } from '../packem_shared/ConfirmButton-C2eVi2Qv.js';
+import { B as Badge } from '../packem_shared/badge-B2PKA1-5.js';
+import { C as Card, a as CardContent } from '../packem_shared/card-DURq3ElK.js';
+import { E as EmptyState } from '../packem_shared/empty-state-DY_oe0k6.js';
+import { T as Table, a as TableHeader, b as TableRow, c as TableHead, d as TableBody, e as TableCell } from '../packem_shared/table-DsCa9Qp9.js';
+import { a as useClientQuery } from '../packem_shared/use-admin-query-CfHYWx5n.js';
+import { f as fireAndForget, e as errorMessage, i as formatTimestamp } from '../packem_shared/internal-CYcbqMjX.js';
+import { jsxDEV } from 'react/jsx-dev-runtime';
+import { useAutoRefresh } from '../packem_shared/DEFAULT_AUTO_REFRESH_MS-Vxwaxx51.js';
+import { ScheduledJobs } from '../packem_shared/ScheduledJobs-Ctw4jYtU.js';
+
+const IDLE = {
+  kind: "idle"
+};
+const CronTriggersPanel = ({
+  loadCronJobs,
+  runCronJob
+} = {}) => {
+  const client = useLunora();
+  const t = useT();
+  const [runStates, setRunStates] = useState({});
+  const jobsQuery = useClientQuery(["lunora-cron-jobs", loadCronJobs ? "custom" : "default"], () => (loadCronJobs ?? (() => client.getCronJobs()))());
+  const {
+    data: jobs,
+    error
+  } = jobsQuery;
+  const runImpl = useMemo(() => {
+    if (runCronJob !== void 0) {
+      return runCronJob;
+    }
+    return loadCronJobs === void 0 ? (name) => client.runCronJob(name) : void 0;
+  }, [client, loadCronJobs, runCronJob]);
+  const run = async (name_0) => {
+    if (runImpl === void 0) {
+      return;
+    }
+    setRunStates((previous) => {
+      return {
+        ...previous,
+        [name_0]: {
+          kind: "running"
+        }
+      };
+    });
+    try {
+      await runImpl(name_0);
+      setRunStates((previous_1) => {
+        return {
+          ...previous_1,
+          [name_0]: {
+            kind: "ok"
+          }
+        };
+      });
+      jobsQuery.refetch();
+    } catch (error_) {
+      setRunStates((previous_0) => {
+        return {
+          ...previous_0,
+          [name_0]: {
+            kind: "error",
+            message: errorMessage(error_)
+          }
+        };
+      });
+    }
+  };
+  return /* @__PURE__ */ jsxDEV("div", {
+    className: "flex flex-col gap-3",
+    "data-testid": "lunora-cron-triggers",
+    children: [error !== null && /* @__PURE__ */ jsxDEV("p", {
+      className: "text-sm text-destructive",
+      "data-testid": "cron-error",
+      role: "alert",
+      children: error
+    }, void 0, false), jobs?.length === 0 && /* @__PURE__ */ jsxDEV(EmptyState, {
+      description: t("Triggers declared with the cronJobs() builder appear here."),
+      icon: /* @__PURE__ */ jsxDEV("svg", {
+        "aria-hidden": "true",
+        fill: "none",
+        stroke: "currentColor",
+        strokeLinecap: "round",
+        strokeLinejoin: "round",
+        strokeWidth: 1.6,
+        viewBox: "0 0 24 24",
+        children: [/* @__PURE__ */ jsxDEV("circle", {
+          cx: "12",
+          cy: "12",
+          r: "9"
+        }, void 0, false), /* @__PURE__ */ jsxDEV("path", {
+          d: "M12 7.5V12l4 2"
+        }, void 0, false)]
+      }, void 0, true),
+      testId: "cron-empty",
+      title: t("No cron triggers.")
+    }, void 0, false), jobs !== void 0 && jobs.length > 0 && /* @__PURE__ */ jsxDEV(Card, {
+      className: "overflow-hidden py-0",
+      children: /* @__PURE__ */ jsxDEV(CardContent, {
+        className: "px-0",
+        children: /* @__PURE__ */ jsxDEV(Table, {
+          "data-testid": "cron-table",
+          children: [/* @__PURE__ */ jsxDEV(TableHeader, {
+            children: /* @__PURE__ */ jsxDEV(TableRow, {
+              children: [/* @__PURE__ */ jsxDEV(TableHead, {
+                children: t("name")
+              }, void 0, false), /* @__PURE__ */ jsxDEV(TableHead, {
+                children: t("schedule")
+              }, void 0, false), /* @__PURE__ */ jsxDEV(TableHead, {
+                children: t("target")
+              }, void 0, false), /* @__PURE__ */ jsxDEV(TableHead, {
+                children: t("shard")
+              }, void 0, false), runImpl !== void 0 && /* @__PURE__ */ jsxDEV(TableHead, {
+                "aria-label": t("Actions")
+              }, void 0, false)]
+            }, void 0, true)
+          }, void 0, false), /* @__PURE__ */ jsxDEV(TableBody, {
+            children: jobs.map((job) => {
+              const state = runStates[job.name] ?? IDLE;
+              return /* @__PURE__ */ jsxDEV(TableRow, {
+                "data-testid": `cron-row-${job.name}`,
+                children: [/* @__PURE__ */ jsxDEV(TableCell, {
+                  children: job.name
+                }, void 0, false), /* @__PURE__ */ jsxDEV(TableCell, {
+                  className: "font-mono text-xs tabular-nums",
+                  children: job.cron
+                }, void 0, false), /* @__PURE__ */ jsxDEV(TableCell, {
+                  children: /* @__PURE__ */ jsxDEV("span", {
+                    className: "flex items-center gap-2",
+                    children: [job.workflow === void 0 ? /* @__PURE__ */ jsxDEV(Badge, {
+                      variant: "outline",
+                      children: t("function")
+                    }, void 0, false) : /* @__PURE__ */ jsxDEV(Badge, {
+                      variant: "secondary",
+                      children: t("workflow")
+                    }, void 0, false), /* @__PURE__ */ jsxDEV("span", {
+                      className: "font-mono text-xs",
+                      children: job.workflow ?? job.functionPath
+                    }, void 0, false)]
+                  }, void 0, true)
+                }, void 0, false), /* @__PURE__ */ jsxDEV(TableCell, {
+                  children: job.shardKey ?? ""
+                }, void 0, false), runImpl !== void 0 && /* @__PURE__ */ jsxDEV(TableCell, {
+                  className: "text-right",
+                  children: /* @__PURE__ */ jsxDEV("span", {
+                    className: "flex items-center justify-end gap-2",
+                    children: [state.kind === "ok" && /* @__PURE__ */ jsxDEV("span", {
+                      className: "text-xs text-muted-foreground",
+                      "data-testid": `cron-ran-${job.name}`,
+                      children: t("ran")
+                    }, void 0, false), state.kind === "error" && /* @__PURE__ */ jsxDEV("span", {
+                      className: "text-xs text-destructive",
+                      "data-testid": `cron-run-error-${job.name}`,
+                      role: "alert",
+                      children: state.message
+                    }, void 0, false), /* @__PURE__ */ jsxDEV(ConfirmButton, {
+                      confirmLabel: t("Run now?"),
+                      disabled: state.kind === "running",
+                      onConfirm: () => {
+                        fireAndForget(run(job.name));
+                      },
+                      testId: `cron-run-${job.name}`,
+                      children: state.kind === "running" ? t("Running…") : t("Run now")
+                    }, void 0, false)]
+                  }, void 0, true)
+                }, void 0, false)]
+              }, `${job.cron}:${job.name}`, true);
+            })
+          }, void 0, false)]
+        }, void 0, true)
+      }, void 0, false)
+    }, void 0, false)]
+  }, void 0, true);
+};
+
+const formatScheduledFor = (value) => Number.isFinite(value) ? formatTimestamp(value, "—") : "—";
+const DeadLetterJobs = (t0) => {
+  const $ = c(34);
+  let t1;
+  if ($[0] !== t0) {
+    t1 = t0 === void 0 ? {} : t0;
+    $[0] = t0;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  const {
+    loadJobs,
+    removeJob,
+    retryJob
+  } = t1;
+  const client = useLunora();
+  const t = useT();
+  let t2;
+  if ($[2] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+    t2 = ["lunora-dead-jobs"];
+    $[2] = t2;
+  } else {
+    t2 = $[2];
+  }
+  let t3;
+  if ($[3] !== client || $[4] !== loadJobs) {
+    t3 = async () => {
+      const records = await (loadJobs ?? (() => client.listDeadJobs()))();
+      return records.toSorted(_temp$1);
+    };
+    $[3] = client;
+    $[4] = loadJobs;
+    $[5] = t3;
+  } else {
+    t3 = $[5];
+  }
+  const jobsQuery = useClientQuery(t2, t3);
+  const jobs = jobsQuery.data;
+  const [actionError, setActionError] = useState(void 0);
+  const error = jobsQuery.error ?? actionError;
+  const clientOwned = loadJobs === void 0;
+  let t4;
+  if ($[6] !== client || $[7] !== clientOwned || $[8] !== retryJob) {
+    t4 = retryJob ?? (clientOwned ? (id) => client.retryDeadJob(id) : void 0);
+    $[6] = client;
+    $[7] = clientOwned;
+    $[8] = retryJob;
+    $[9] = t4;
+  } else {
+    t4 = $[9];
+  }
+  const retryImpl = t4;
+  let t5;
+  if ($[10] !== client || $[11] !== clientOwned || $[12] !== removeJob) {
+    t5 = removeJob ?? (clientOwned ? (id_0) => client.removeDeadJob(id_0) : void 0);
+    $[10] = client;
+    $[11] = clientOwned;
+    $[12] = removeJob;
+    $[13] = t5;
+  } else {
+    t5 = $[13];
+  }
+  const removeImpl = t5;
+  let t6;
+  if ($[14] !== jobsQuery) {
+    t6 = () => {
+      jobsQuery.refetch();
+    };
+    $[14] = jobsQuery;
+    $[15] = t6;
+  } else {
+    t6 = $[15];
+  }
+  useAutoRefresh(t6, true);
+  let t7;
+  if ($[16] !== jobsQuery) {
+    t7 = async (operation) => {
+      setActionError(void 0);
+      try {
+        await operation;
+        jobsQuery.refetch();
+      } catch (t82) {
+        const error_ = t82;
+        setActionError(errorMessage(error_));
+      }
+    };
+    $[16] = jobsQuery;
+    $[17] = t7;
+  } else {
+    t7 = $[17];
+  }
+  const act = t7;
+  const hasActions = retryImpl !== void 0 || removeImpl !== void 0;
+  let t8;
+  if ($[18] !== error) {
+    t8 = error !== void 0 && /* @__PURE__ */ jsxDEV("p", {
+      className: "text-sm text-destructive",
+      "data-testid": "dlq-error",
+      role: "alert",
+      children: error
+    }, void 0, false);
+    $[18] = error;
+    $[19] = t8;
+  } else {
+    t8 = $[19];
+  }
+  let t9;
+  if ($[20] !== jobs?.length || $[21] !== t) {
+    t9 = jobs?.length === 0 && /* @__PURE__ */ jsxDEV(EmptyState, {
+      description: t("Jobs that exhaust their retry budget are parked here instead of being dropped."),
+      icon: /* @__PURE__ */ jsxDEV("svg", {
+        "aria-hidden": "true",
+        fill: "none",
+        stroke: "currentColor",
+        strokeLinecap: "round",
+        strokeLinejoin: "round",
+        strokeWidth: 1.6,
+        viewBox: "0 0 24 24",
+        children: /* @__PURE__ */ jsxDEV("path", {
+          d: "M3 6h18M8 6V4h8v2M6 6l1 14h10l1-14"
+        }, void 0, false)
+      }, void 0, false),
+      testId: "dlq-empty",
+      title: t("No dead-letter jobs.")
+    }, void 0, false);
+    $[20] = jobs?.length;
+    $[21] = t;
+    $[22] = t9;
+  } else {
+    t9 = $[22];
+  }
+  let t10;
+  if ($[23] !== act || $[24] !== hasActions || $[25] !== jobs || $[26] !== removeImpl || $[27] !== retryImpl || $[28] !== t) {
+    t10 = jobs !== void 0 && jobs.length > 0 && /* @__PURE__ */ jsxDEV(Card, {
+      className: "overflow-hidden py-0",
+      children: /* @__PURE__ */ jsxDEV(CardContent, {
+        className: "px-0",
+        children: /* @__PURE__ */ jsxDEV(Table, {
+          "data-testid": "dlq-table",
+          children: [/* @__PURE__ */ jsxDEV(TableHeader, {
+            children: /* @__PURE__ */ jsxDEV(TableRow, {
+              children: [/* @__PURE__ */ jsxDEV(TableHead, {
+                children: t("function")
+              }, void 0, false), /* @__PURE__ */ jsxDEV(TableHead, {
+                children: t("attempts")
+              }, void 0, false), /* @__PURE__ */ jsxDEV(TableHead, {
+                children: t("last tried")
+              }, void 0, false), /* @__PURE__ */ jsxDEV(TableHead, {
+                children: t("pool")
+              }, void 0, false), /* @__PURE__ */ jsxDEV(TableHead, {
+                children: t("shard")
+              }, void 0, false), /* @__PURE__ */ jsxDEV(TableHead, {
+                children: t("id")
+              }, void 0, false), hasActions && /* @__PURE__ */ jsxDEV(TableHead, {
+                "aria-label": t("Actions")
+              }, void 0, false)]
+            }, void 0, true)
+          }, void 0, false), /* @__PURE__ */ jsxDEV(TableBody, {
+            children: jobs.map((job) => /* @__PURE__ */ jsxDEV(TableRow, {
+              "data-testid": `dlq-row-${job.id}`,
+              children: [/* @__PURE__ */ jsxDEV(TableCell, {
+                className: "font-mono text-xs",
+                children: job.functionPath
+              }, void 0, false), /* @__PURE__ */ jsxDEV(TableCell, {
+                className: "tabular-nums",
+                children: job.attempts ?? 0
+              }, void 0, false), /* @__PURE__ */ jsxDEV(TableCell, {
+                className: "text-muted-foreground tabular-nums",
+                children: formatScheduledFor(job.scheduledFor)
+              }, void 0, false), /* @__PURE__ */ jsxDEV(TableCell, {
+                className: "font-mono text-xs",
+                children: job.pool ?? ""
+              }, void 0, false), /* @__PURE__ */ jsxDEV(TableCell, {
+                children: job.shardKey ?? ""
+              }, void 0, false), /* @__PURE__ */ jsxDEV(TableCell, {
+                className: "font-mono text-xs",
+                children: job.id
+              }, void 0, false), hasActions && /* @__PURE__ */ jsxDEV(TableCell, {
+                className: "text-right",
+                children: /* @__PURE__ */ jsxDEV("div", {
+                  className: "flex justify-end gap-1.5",
+                  children: [retryImpl !== void 0 && /* @__PURE__ */ jsxDEV(Button, {
+                    "data-testid": `dlq-retry-${job.id}`,
+                    onClick: () => {
+                      fireAndForget(act(retryImpl(job.id)));
+                    },
+                    size: "sm",
+                    type: "button",
+                    variant: "outline",
+                    children: t("Retry")
+                  }, void 0, false), removeImpl !== void 0 && /* @__PURE__ */ jsxDEV(ConfirmButton, {
+                    confirmLabel: t("Drop job?"),
+                    onConfirm: () => {
+                      fireAndForget(act(removeImpl(job.id)));
+                    },
+                    testId: `dlq-remove-${job.id}`,
+                    children: t("Drop")
+                  }, void 0, false)]
+                }, void 0, true)
+              }, void 0, false)]
+            }, job.id, true))
+          }, void 0, false)]
+        }, void 0, true)
+      }, void 0, false)
+    }, void 0, false);
+    $[23] = act;
+    $[24] = hasActions;
+    $[25] = jobs;
+    $[26] = removeImpl;
+    $[27] = retryImpl;
+    $[28] = t;
+    $[29] = t10;
+  } else {
+    t10 = $[29];
+  }
+  let t11;
+  if ($[30] !== t10 || $[31] !== t8 || $[32] !== t9) {
+    t11 = /* @__PURE__ */ jsxDEV("div", {
+      className: "flex flex-col gap-3",
+      "data-testid": "lunora-dead-letter",
+      children: [t8, t9, t10]
+    }, void 0, true);
+    $[30] = t10;
+    $[31] = t8;
+    $[32] = t9;
+    $[33] = t11;
+  } else {
+    t11 = $[33];
+  }
+  return t11;
+};
+function _temp$1(a, b) {
+  return (b.attempts ?? 0) - (a.attempts ?? 0);
+}
+
+const StatTile = (t0) => {
+  const $ = c(8);
+  const {
+    label,
+    testId,
+    value
+  } = t0;
+  let t1;
+  if ($[0] !== label) {
+    t1 = /* @__PURE__ */ jsxDEV("span", {
+      className: "text-xs text-muted-foreground",
+      children: label
+    }, void 0, false);
+    $[0] = label;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  let t2;
+  if ($[2] !== testId || $[3] !== value) {
+    t2 = /* @__PURE__ */ jsxDEV("span", {
+      className: "text-2xl font-semibold tabular-nums",
+      "data-testid": testId,
+      children: value
+    }, void 0, false);
+    $[2] = testId;
+    $[3] = value;
+    $[4] = t2;
+  } else {
+    t2 = $[4];
+  }
+  let t3;
+  if ($[5] !== t1 || $[6] !== t2) {
+    t3 = /* @__PURE__ */ jsxDEV(Card, {
+      className: "flex-1 py-0",
+      children: /* @__PURE__ */ jsxDEV(CardContent, {
+        className: "flex flex-col gap-1 p-4",
+        children: [t1, t2]
+      }, void 0, true)
+    }, void 0, false);
+    $[5] = t1;
+    $[6] = t2;
+    $[7] = t3;
+  } else {
+    t3 = $[7];
+  }
+  return t3;
+};
+const SchedulerPoolsPanel = (t0) => {
+  const $ = c(25);
+  let t1;
+  if ($[0] !== t0) {
+    t1 = t0 === void 0 ? {} : t0;
+    $[0] = t0;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  const {
+    loadStatus
+  } = t1;
+  const client = useLunora();
+  const t = useT();
+  const t2 = loadStatus === void 0;
+  let t3;
+  if ($[2] !== t2) {
+    t3 = ["lunora-scheduler-status", t2];
+    $[2] = t2;
+    $[3] = t3;
+  } else {
+    t3 = $[3];
+  }
+  let t4;
+  if ($[4] !== client || $[5] !== loadStatus) {
+    t4 = async () => {
+      const next = await (loadStatus ?? (() => client.schedulerStatus()))();
+      return {
+        ...next,
+        pools: next.pools.toSorted(_temp)
+      };
+    };
+    $[4] = client;
+    $[5] = loadStatus;
+    $[6] = t4;
+  } else {
+    t4 = $[6];
+  }
+  const statusQuery = useClientQuery(t3, t4);
+  const {
+    data: status,
+    error
+  } = statusQuery;
+  let t5;
+  if ($[7] !== statusQuery) {
+    t5 = () => {
+      statusQuery.refetch();
+    };
+    $[7] = statusQuery;
+    $[8] = t5;
+  } else {
+    t5 = $[8];
+  }
+  useAutoRefresh(t5, true);
+  let t6;
+  if ($[9] !== error) {
+    t6 = error !== null && /* @__PURE__ */ jsxDEV("p", {
+      className: "text-sm text-destructive",
+      "data-testid": "pools-error",
+      role: "alert",
+      children: error
+    }, void 0, false);
+    $[9] = error;
+    $[10] = t6;
+  } else {
+    t6 = $[10];
+  }
+  let t7;
+  if ($[11] !== status || $[12] !== t) {
+    t7 = status !== void 0 && /* @__PURE__ */ jsxDEV("div", {
+      className: "flex gap-3",
+      "data-testid": "pools-totals",
+      children: [/* @__PURE__ */ jsxDEV(StatTile, {
+        label: t("backlog"),
+        testId: "pools-backlog",
+        value: status.backlog
+      }, void 0, false), /* @__PURE__ */ jsxDEV(StatTile, {
+        label: t("in flight"),
+        testId: "pools-inflight",
+        value: status.inFlight
+      }, void 0, false), /* @__PURE__ */ jsxDEV(StatTile, {
+        label: t("pools"),
+        testId: "pools-count",
+        value: status.pools.length
+      }, void 0, false)]
+    }, void 0, true);
+    $[11] = status;
+    $[12] = t;
+    $[13] = t7;
+  } else {
+    t7 = $[13];
+  }
+  let t8;
+  if ($[14] !== status?.pools.length || $[15] !== t) {
+    t8 = status?.pools.length === 0 && /* @__PURE__ */ jsxDEV(EmptyState, {
+      description: t("Pools created with createWorkpool appear here once they have activity."),
+      icon: /* @__PURE__ */ jsxDEV("svg", {
+        "aria-hidden": "true",
+        fill: "none",
+        stroke: "currentColor",
+        strokeLinecap: "round",
+        strokeLinejoin: "round",
+        strokeWidth: 1.6,
+        viewBox: "0 0 24 24",
+        children: /* @__PURE__ */ jsxDEV("path", {
+          d: "M4 7h16M4 12h16M4 17h16"
+        }, void 0, false)
+      }, void 0, false),
+      testId: "pools-empty",
+      title: t("No workpools.")
+    }, void 0, false);
+    $[14] = status?.pools.length;
+    $[15] = t;
+    $[16] = t8;
+  } else {
+    t8 = $[16];
+  }
+  let t9;
+  if ($[17] !== status || $[18] !== t) {
+    t9 = status !== void 0 && status.pools.length > 0 && /* @__PURE__ */ jsxDEV(Card, {
+      className: "overflow-hidden py-0",
+      children: /* @__PURE__ */ jsxDEV(CardContent, {
+        className: "px-0",
+        children: /* @__PURE__ */ jsxDEV(Table, {
+          "data-testid": "pools-table",
+          children: [/* @__PURE__ */ jsxDEV(TableHeader, {
+            children: /* @__PURE__ */ jsxDEV(TableRow, {
+              children: [/* @__PURE__ */ jsxDEV(TableHead, {
+                children: t("pool")
+              }, void 0, false), /* @__PURE__ */ jsxDEV(TableHead, {
+                children: t("queued")
+              }, void 0, false), /* @__PURE__ */ jsxDEV(TableHead, {
+                children: t("in flight")
+              }, void 0, false), /* @__PURE__ */ jsxDEV(TableHead, {
+                children: t("max concurrency")
+              }, void 0, false)]
+            }, void 0, true)
+          }, void 0, false), /* @__PURE__ */ jsxDEV(TableBody, {
+            children: status.pools.map(_temp2)
+          }, void 0, false)]
+        }, void 0, true)
+      }, void 0, false)
+    }, void 0, false);
+    $[17] = status;
+    $[18] = t;
+    $[19] = t9;
+  } else {
+    t9 = $[19];
+  }
+  let t10;
+  if ($[20] !== t6 || $[21] !== t7 || $[22] !== t8 || $[23] !== t9) {
+    t10 = /* @__PURE__ */ jsxDEV("div", {
+      className: "flex flex-col gap-3",
+      "data-testid": "lunora-scheduler-pools",
+      children: [t6, t7, t8, t9]
+    }, void 0, true);
+    $[20] = t6;
+    $[21] = t7;
+    $[22] = t8;
+    $[23] = t9;
+    $[24] = t10;
+  } else {
+    t10 = $[24];
+  }
+  return t10;
+};
+function _temp(a, b) {
+  return b.queued - a.queued;
+}
+function _temp2(pool) {
+  return /* @__PURE__ */ jsxDEV(TableRow, {
+    "data-testid": `pools-row-${pool.name}`,
+    children: [/* @__PURE__ */ jsxDEV(TableCell, {
+      className: "font-mono text-xs",
+      children: pool.name
+    }, void 0, false), /* @__PURE__ */ jsxDEV(TableCell, {
+      className: "tabular-nums",
+      children: pool.queued
+    }, void 0, false), /* @__PURE__ */ jsxDEV(TableCell, {
+      className: "tabular-nums",
+      children: [pool.inFlight, " / ", pool.maxConcurrency]
+    }, void 0, true), /* @__PURE__ */ jsxDEV(TableCell, {
+      className: "tabular-nums",
+      children: pool.maxConcurrency
+    }, void 0, false)]
+  }, pool.name, true);
+}
+
+const VIEW_KEYS = ["jobs", "dead", "pools", "cron"];
+const SchedulePanel = (t0) => {
+  const $ = c(41);
+  let t1;
+  if ($[0] !== t0) {
+    t1 = t0 === void 0 ? {} : t0;
+    $[0] = t0;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  const {
+    loadCronJobs,
+    scheduledCancel,
+    scheduledLoad
+  } = t1;
+  const t = useT();
+  const [view, setView] = useState("jobs");
+  let t2;
+  if ($[2] !== t) {
+    t2 = t("Cron triggers");
+    $[2] = t;
+    $[3] = t2;
+  } else {
+    t2 = $[3];
+  }
+  let t3;
+  if ($[4] !== t) {
+    t3 = t("Dead letter");
+    $[4] = t;
+    $[5] = t3;
+  } else {
+    t3 = $[5];
+  }
+  let t4;
+  if ($[6] !== t) {
+    t4 = t("Scheduled jobs");
+    $[6] = t;
+    $[7] = t4;
+  } else {
+    t4 = $[7];
+  }
+  let t5;
+  if ($[8] !== t) {
+    t5 = t("Pools");
+    $[8] = t;
+    $[9] = t5;
+  } else {
+    t5 = $[9];
+  }
+  let t6;
+  if ($[10] !== t2 || $[11] !== t3 || $[12] !== t4 || $[13] !== t5) {
+    t6 = {
+      cron: t2,
+      dead: t3,
+      jobs: t4,
+      pools: t5
+    };
+    $[10] = t2;
+    $[11] = t3;
+    $[12] = t4;
+    $[13] = t5;
+    $[14] = t6;
+  } else {
+    t6 = $[14];
+  }
+  const viewLabel = t6;
+  let t7;
+  if ($[15] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+    t7 = (event) => {
+      setView(event.currentTarget.dataset.view);
+    };
+    $[15] = t7;
+  } else {
+    t7 = $[15];
+  }
+  const selectView = t7;
+  let t8;
+  if ($[16] !== t) {
+    t8 = t("Schedule view");
+    $[16] = t;
+    $[17] = t8;
+  } else {
+    t8 = $[17];
+  }
+  let t9;
+  if ($[18] !== view || $[19] !== viewLabel) {
+    t9 = VIEW_KEYS.map((key) => /* @__PURE__ */ jsxDEV(Button, {
+      "aria-selected": view === key,
+      "data-testid": `schedule-view-${key}`,
+      "data-view": key,
+      onClick: selectView,
+      role: "tab",
+      size: "sm",
+      type: "button",
+      variant: view === key ? "default" : "outline",
+      children: viewLabel[key]
+    }, key, false));
+    $[18] = view;
+    $[19] = viewLabel;
+    $[20] = t9;
+  } else {
+    t9 = $[20];
+  }
+  let t10;
+  if ($[21] !== t8 || $[22] !== t9) {
+    t10 = /* @__PURE__ */ jsxDEV("div", {
+      "aria-label": t8,
+      className: "flex gap-1.5",
+      "data-testid": "schedule-view-toggle",
+      role: "tablist",
+      children: t9
+    }, void 0, false);
+    $[21] = t8;
+    $[22] = t9;
+    $[23] = t10;
+  } else {
+    t10 = $[23];
+  }
+  let t11;
+  if ($[24] !== scheduledCancel || $[25] !== scheduledLoad || $[26] !== view) {
+    t11 = view === "jobs" && /* @__PURE__ */ jsxDEV(ScheduledJobs, {
+      cancelJob: scheduledCancel,
+      loadJobs: scheduledLoad
+    }, void 0, false);
+    $[24] = scheduledCancel;
+    $[25] = scheduledLoad;
+    $[26] = view;
+    $[27] = t11;
+  } else {
+    t11 = $[27];
+  }
+  let t12;
+  if ($[28] !== view) {
+    t12 = view === "dead" && /* @__PURE__ */ jsxDEV(DeadLetterJobs, {}, void 0, false);
+    $[28] = view;
+    $[29] = t12;
+  } else {
+    t12 = $[29];
+  }
+  let t13;
+  if ($[30] !== view) {
+    t13 = view === "pools" && /* @__PURE__ */ jsxDEV(SchedulerPoolsPanel, {}, void 0, false);
+    $[30] = view;
+    $[31] = t13;
+  } else {
+    t13 = $[31];
+  }
+  let t14;
+  if ($[32] !== loadCronJobs || $[33] !== view) {
+    t14 = view === "cron" && /* @__PURE__ */ jsxDEV(CronTriggersPanel, {
+      loadCronJobs
+    }, void 0, false);
+    $[32] = loadCronJobs;
+    $[33] = view;
+    $[34] = t14;
+  } else {
+    t14 = $[34];
+  }
+  let t15;
+  if ($[35] !== t10 || $[36] !== t11 || $[37] !== t12 || $[38] !== t13 || $[39] !== t14) {
+    t15 = /* @__PURE__ */ jsxDEV("div", {
+      className: "flex flex-col gap-4",
+      "data-testid": "lunora-schedule",
+      children: [t10, t11, t12, t13, t14]
+    }, void 0, true);
+    $[35] = t10;
+    $[36] = t11;
+    $[37] = t12;
+    $[38] = t13;
+    $[39] = t14;
+    $[40] = t15;
+  } else {
+    t15 = $[40];
+  }
+  return t15;
+};
+
+export { SchedulePanel };