@alepha/ui 0.18.3 → 0.19.1

package/dist/admin/{AdminJobExecutions-D9E-CS-U.js → AdminJobs-D1_QGCDy.js}

@@ -1,13 +1,12 @@
-import { _ as ActionButton, b as useToast, d as DetailList, l as Flex$1, m as useDialog, r as DataTable, s as Text$1 } from "./core-CYaRQ8O-.js";
+import { c as Text$1, f as DetailList, h as useDialog, o as Section, r as DataTable, u as Flex$1, v as ActionButton, x as useToast } from "./core-CJCEx18C.js";
 import { t } from "alepha";
 import { useI18n } from "alepha/react/i18n";
-import { Badge, Code, Paper, Table } from "@mantine/core";
+import { Badge, Code, Table } from "@mantine/core";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useCallback, useEffect, useState } from "react";
-import { IconCircleX, IconRefresh } from "@tabler/icons-react";
+import { IconCircleCheck, IconCircleX, IconPlayerPlay, IconRefresh } from "@tabler/icons-react";
 import { useClient } from "alepha/react";
-
-//#region ../../src/admin/components/jobs/AdminJobExecutions.tsx
+//#region ../../src/admin/components/jobs/AdminJobs.tsx
 const PRIORITY_LABELS = {
 	0: "Critical",
 	1: "High",
@@ -22,302 +21,12 @@ const formatDuration = (start, end) => {
 	if (duration < 36e5) return `${Math.floor(duration / 6e4)}m ${Math.floor(duration % 6e4 / 1e3)}s`;
 	return `${Math.floor(duration / 36e5)}h ${Math.floor(duration % 36e5 / 6e4)}m`;
 };
-const executionFilters = t.object({
-	job: t.optional(t.string()),
-	status: t.optional(t.enum([
-		"pending",
-		"scheduled",
-		"retrying",
-		"running",
-		"completed",
-		"failed",
-		"dead",
-		"cancelled"
-	])),
-	priority: t.optional(t.enum([
-		"critical",
-		"high",
-		"normal",
-		"low"
-	]))
-});
-const AdminJobExecutions = () => {
-	const client = useClient();
-	const { l } = useI18n();
-	const toast = useToast();
-	const dialog = useDialog();
-	const [refreshKey, setRefreshKey] = useState(0);
-	const handleRetry = useCallback(async (id) => {
-		try {
-			await client.retryJobExecution({ params: { id } });
-			toast.success("Execution retried");
-			setRefreshKey((k) => k + 1);
-		} catch {
-			toast.danger("Failed to retry execution");
-		}
-	}, [client, toast]);
-	const handleCancel = useCallback(async (id) => {
-		if (!await dialog.confirm({
-			title: "Cancel Execution",
-			message: "Are you sure you want to cancel this execution?",
-			confirmLabel: "Cancel",
-			confirmColor: "red"
-		})) return;
-		try {
-			await client.cancelJobExecution({ params: { id } });
-			toast.success("Execution cancelled");
-			setRefreshKey((k) => k + 1);
-		} catch {
-			toast.danger("Failed to cancel execution");
-		}
-	}, [
-		client,
-		dialog,
-		toast
-	]);
-	return /* @__PURE__ */ jsx(Flex$1, {
-		p: "md",
-		flex: 1,
-		direction: "column",
-		gap: "md",
-		children: /* @__PURE__ */ jsx(DataTable, {
-			submitOnInit: true,
-			defaultSize: 20,
-			typeFormProps: {
-				skipSubmitButton: true,
-				columns: 3
-			},
-			tableProps: {
-				horizontalSpacing: "sm",
-				verticalSpacing: "sm"
-			},
-			onFilterChange: (_key, _value, form) => form.submit(),
-			filters: executionFilters,
-			defaultFilters: ["job", "status"],
-			items: async (filters) => {
-				return await client.findJobExecutions({ query: { ...filters } });
-			},
-			columns: {
-				status: {
-					label: "Status",
-					value: (item) => {
-						return /* @__PURE__ */ jsx(Badge, {
-							size: "sm",
-							variant: "light",
-							color: item.status === "completed" ? "green" : item.status === "running" ? "blue" : item.status === "failed" || item.status === "dead" ? "red" : item.status === "cancelled" ? "yellow" : "gray",
-							children: item.status
-						});
-					}
-				},
-				jobName: {
-					label: "Job",
-					value: (item) => /* @__PURE__ */ jsx(Text$1, {
-						size: "sm",
-						fw: 500,
-						ff: "monospace",
-						children: item.jobName
-					})
-				},
-				priority: {
-					label: "Priority",
-					value: (item) => /* @__PURE__ */ jsx(Text$1, {
-						size: "xs",
-						c: "dimmed",
-						children: PRIORITY_LABELS[item.priority] ?? item.priority
-					})
-				},
-				attempt: {
-					label: "Attempt",
-					value: (item) => /* @__PURE__ */ jsxs(Text$1, {
-						size: "sm",
-						ff: "monospace",
-						children: [
-							item.attempt,
-							"/",
-							item.maxAttempts
-						]
-					})
-				},
-				triggeredByName: {
-					label: "Trigger",
-					defaultHidden: true,
-					value: (item) => /* @__PURE__ */ jsx(Text$1, {
-						size: "xs",
-						c: "dimmed",
-						children: item.triggeredByName ?? "—"
-					})
-				},
-				createdAt: {
-					label: "Created",
-					defaultHidden: true,
-					value: (item) => /* @__PURE__ */ jsx(Text$1, {
-						size: "xs",
-						c: "dimmed",
-						children: l(item.createdAt, { date: "fromNow" })
-					})
-				},
-				startedAt: {
-					label: "Started",
-					value: (item) => /* @__PURE__ */ jsx(Text$1, {
-						size: "xs",
-						c: "dimmed",
-						children: item.startedAt ? l(item.startedAt, { date: "fromNow" }) : "—"
-					})
-				},
-				duration: {
-					label: "Duration",
-					value: (item) => /* @__PURE__ */ jsx(Text$1, {
-						size: "xs",
-						c: "dimmed",
-						ff: "monospace",
-						children: item.startedAt && (item.completedAt || item.status === "running") ? formatDuration(item.startedAt, item.completedAt) : "—"
-					})
-				},
-				error: {
-					label: "Error",
-					defaultHidden: true,
-					value: (item) => /* @__PURE__ */ jsx(Text$1, {
-						size: "xs",
-						c: "dimmed",
-						lineClamp: 1,
-						children: item.error ?? "—"
-					})
-				},
-				key: {
-					label: "Key",
-					defaultHidden: true,
-					value: (item) => /* @__PURE__ */ jsx(Text$1, {
-						size: "xs",
-						c: "dimmed",
-						ff: "monospace",
-						children: item.key ?? "—"
-					})
-				},
-				workerId: {
-					label: "Worker",
-					defaultHidden: true,
-					value: (item) => /* @__PURE__ */ jsx(Text$1, {
-						size: "xs",
-						c: "dimmed",
-						ff: "monospace",
-						children: item.workerId ?? "—"
-					})
-				}
-			},
-			rowActions: (item) => [{
-				label: "Retry",
-				icon: IconRefresh,
-				onClick: () => handleRetry(item.id),
-				visible: item.can?.retry
-			}, {
-				label: "Cancel",
-				icon: IconCircleX,
-				onClick: () => handleCancel(item.id),
-				visible: item.can?.cancel
-			}],
-			panel: {
-				can: (item) => Boolean(item.error || item.key || item.workerId),
-				render: (item) => /* @__PURE__ */ jsxs(Flex$1, {
-					direction: "column",
-					gap: "sm",
-					p: "sm",
-					children: [item.error && /* @__PURE__ */ jsxs(Flex$1, {
-						direction: "column",
-						gap: 2,
-						children: [/* @__PURE__ */ jsx(Text$1, {
-							size: "xs",
-							c: "dimmed",
-							tt: "uppercase",
-							fw: 600,
-							children: "Error"
-						}), /* @__PURE__ */ jsx(Paper, {
-							p: "xs",
-							radius: "sm",
-							withBorder: true,
-							children: /* @__PURE__ */ jsx(Text$1, {
-								size: "xs",
-								style: {
-									whiteSpace: "pre-wrap",
-									wordBreak: "break-word"
-								},
-								children: item.error
-							})
-						})]
-					}), /* @__PURE__ */ jsxs(Flex$1, {
-						gap: "lg",
-						wrap: "wrap",
-						children: [
-							/* @__PURE__ */ jsxs(Flex$1, {
-								direction: "column",
-								gap: 2,
-								children: [/* @__PURE__ */ jsx(Text$1, {
-									size: "xs",
-									c: "dimmed",
-									tt: "uppercase",
-									fw: 600,
-									children: "ID"
-								}), /* @__PURE__ */ jsx(Text$1, {
-									size: "xs",
-									ff: "monospace",
-									children: item.id
-								})]
-							}),
-							item.key && /* @__PURE__ */ jsxs(Flex$1, {
-								direction: "column",
-								gap: 2,
-								children: [/* @__PURE__ */ jsx(Text$1, {
-									size: "xs",
-									c: "dimmed",
-									tt: "uppercase",
-									fw: 600,
-									children: "Key"
-								}), /* @__PURE__ */ jsx(Text$1, {
-									size: "xs",
-									ff: "monospace",
-									children: item.key
-								})]
-							}),
-							item.workerId && /* @__PURE__ */ jsxs(Flex$1, {
-								direction: "column",
-								gap: 2,
-								children: [/* @__PURE__ */ jsx(Text$1, {
-									size: "xs",
-									c: "dimmed",
-									tt: "uppercase",
-									fw: 600,
-									children: "Worker"
-								}), /* @__PURE__ */ jsx(Text$1, {
-									size: "xs",
-									ff: "monospace",
-									children: item.workerId
-								})]
-							}),
-							item.triggeredByName && /* @__PURE__ */ jsxs(Flex$1, {
-								direction: "column",
-								gap: 2,
-								children: [/* @__PURE__ */ jsx(Text$1, {
-									size: "xs",
-									c: "dimmed",
-									tt: "uppercase",
-									fw: 600,
-									children: "Triggered By"
-								}), /* @__PURE__ */ jsx(Text$1, {
-									size: "xs",
-									children: item.triggeredByName
-								})]
-							})
-						]
-					})]
-				})
-			},
-			drawer: (item) => /* @__PURE__ */ jsx(ExecutionDetailContent, {
-				item,
-				onRetry: handleRetry,
-				onCancel: handleCancel
-			})
-		}, `executions-${refreshKey}`)
-	});
-};
+const registryFilters = t.object({ type: t.optional(t.enum([
+	"cron",
+	"push",
+	"both"
+])) });
+t.object({});
 const ExecutionDetailContent = ({ item, onRetry, onCancel }) => {
 	const client = useClient();
 	const { l } = useI18n();
@@ -511,71 +220,38 @@ const ExecutionDetailContent = ({ item, onRetry, onCancel }) => {
 					})
 				]
 			}),
-			/* @__PURE__ */ jsxs(Paper, {
+			/* @__PURE__ */ jsx(Section, {
+				title: "Details",
 				p: "sm",
-				radius: "md",
-				withBorder: true,
-				children: [/* @__PURE__ */ jsx(Text$1, {
-					size: "sm",
-					fw: 600,
-					mb: "xs",
-					children: "Details"
-				}), /* @__PURE__ */ jsx(DetailList, {
+				children: /* @__PURE__ */ jsx(DetailList, {
 					items: detailItems,
 					columns: 2
-				})]
+				})
 			}),
-			detail.payload && /* @__PURE__ */ jsxs(Paper, {
+			detail.payload && /* @__PURE__ */ jsx(Section, {
+				title: "Payload",
 				p: "sm",
-				radius: "md",
-				withBorder: true,
-				children: [/* @__PURE__ */ jsx(Text$1, {
-					size: "sm",
-					fw: 600,
-					mb: "xs",
-					children: "Payload"
-				}), /* @__PURE__ */ jsx(Code, {
+				children: /* @__PURE__ */ jsx(Code, {
 					block: true,
 					children: JSON.stringify(detail.payload, null, 2)
-				})]
+				})
 			}),
-			detail.error && /* @__PURE__ */ jsxs(Paper, {
+			detail.error && /* @__PURE__ */ jsx(Section, {
+				title: "Error",
 				p: "sm",
-				radius: "md",
-				withBorder: true,
-				children: [/* @__PURE__ */ jsx(Text$1, {
+				children: /* @__PURE__ */ jsx(Text$1, {
 					size: "sm",
-					fw: 600,
-					mb: "xs",
-					children: "Error"
-				}), /* @__PURE__ */ jsx(Paper, {
-					p: "xs",
-					radius: "sm",
-					withBorder: true,
-					children: /* @__PURE__ */ jsx(Text$1, {
-						size: "sm",
-						style: {
-							whiteSpace: "pre-wrap",
-							wordBreak: "break-word"
-						},
-						children: detail.error
-					})
-				})]
+					style: {
+						whiteSpace: "pre-wrap",
+						wordBreak: "break-word"
+					},
+					children: detail.error
+				})
 			}),
-			detail.logs && detail.logs.length > 0 && /* @__PURE__ */ jsxs(Paper, {
+			detail.logs && detail.logs.length > 0 && /* @__PURE__ */ jsx(Section, {
+				title: `Logs (${detail.logs.length})`,
 				p: "sm",
-				radius: "md",
-				withBorder: true,
-				children: [/* @__PURE__ */ jsxs(Text$1, {
-					size: "sm",
-					fw: 600,
-					mb: "xs",
-					children: [
-						"Logs (",
-						detail.logs.length,
-						")"
-					]
-				}), /* @__PURE__ */ jsx(Flex$1, {
+				children: /* @__PURE__ */ jsx(Flex$1, {
 					direction: "column",
 					style: {
 						maxHeight: 400,
@@ -619,12 +295,379 @@ const ExecutionDetailContent = ({ item, onRetry, onCancel }) => {
 							]
 						}, i)) })]
 					})
-				})]
+				})
 			})
 		]
 	});
 };
-
+const JobExecutionsPanel = ({ item, cronMap, failureMap }) => {
+	const client = useClient();
+	const { l } = useI18n();
+	const toast = useToast();
+	const dialog = useDialog();
+	const [refreshKey, setRefreshKey] = useState(0);
+	const cron = cronMap.get(item.name);
+	const failure = failureMap.get(item.name);
+	const handleRetry = useCallback(async (id) => {
+		try {
+			await client.retryJobExecution({ params: { id } });
+			toast.success("Execution retried");
+			setRefreshKey((k) => k + 1);
+		} catch {
+			toast.danger("Failed to retry execution");
+		}
+	}, [client, toast]);
+	const handleCancel = useCallback(async (id) => {
+		if (!await dialog.confirm({
+			title: "Cancel Execution",
+			message: "Are you sure you want to cancel this execution?",
+			confirmLabel: "Cancel",
+			confirmColor: "red"
+		})) return;
+		try {
+			await client.cancelJobExecution({ params: { id } });
+			toast.success("Execution cancelled");
+			setRefreshKey((k) => k + 1);
+		} catch {
+			toast.danger("Failed to cancel execution");
+		}
+	}, [
+		client,
+		dialog,
+		toast
+	]);
+	const detailItems = [
+		{
+			label: "Cron",
+			value: item.cron ? /* @__PURE__ */ jsx(Text$1, {
+				size: "sm",
+				ff: "monospace",
+				children: item.cron
+			}) : void 0,
+			hidden: !item.cron
+		},
+		{
+			label: "Timeout",
+			value: item.timeout,
+			hidden: !item.timeout
+		},
+		{
+			label: "Retry",
+			value: item.retry ? `${item.retry.retries}x${item.retry.hasBackoff ? " (backoff)" : ""}` : void 0,
+			hidden: !item.retry
+		},
+		{
+			label: "Batch",
+			value: item.batch ? `${item.batch.size} / ${item.batch.window}` : void 0,
+			hidden: !item.batch
+		},
+		{
+			label: "Schema",
+			value: item.hasSchema ? "Yes" : "No"
+		}
+	];
+	return /* @__PURE__ */ jsxs(Flex$1, {
+		direction: "column",
+		gap: "sm",
+		p: "sm",
+		children: [
+			cron?.lastExecution && /* @__PURE__ */ jsxs(Flex$1, {
+				gap: "lg",
+				wrap: "wrap",
+				align: "center",
+				children: [
+					/* @__PURE__ */ jsx(Text$1, {
+						size: "xs",
+						c: "dimmed",
+						tt: "uppercase",
+						fw: 600,
+						children: "Last Run"
+					}),
+					/* @__PURE__ */ jsxs(Flex$1, {
+						align: "center",
+						gap: 4,
+						children: [cron.lastExecution.status === "completed" ? /* @__PURE__ */ jsx(IconCircleCheck, {
+							size: 14,
+							color: "var(--mantine-color-dimmed)"
+						}) : /* @__PURE__ */ jsx(IconCircleX, {
+							size: 14,
+							color: "var(--mantine-color-dimmed)"
+						}), /* @__PURE__ */ jsx(Text$1, {
+							size: "xs",
+							tt: "capitalize",
+							children: cron.lastExecution.status
+						})]
+					}),
+					cron.lastExecution.startedAt && /* @__PURE__ */ jsx(Text$1, {
+						size: "xs",
+						c: "dimmed",
+						children: l(cron.lastExecution.startedAt, { date: "fromNow" })
+					}),
+					cron.lastExecution.error && /* @__PURE__ */ jsx(Text$1, {
+						size: "xs",
+						c: "dimmed",
+						lineClamp: 1,
+						children: cron.lastExecution.error
+					})
+				]
+			}),
+			failure && /* @__PURE__ */ jsxs(Flex$1, {
+				gap: "lg",
+				wrap: "wrap",
+				align: "center",
+				children: [
+					/* @__PURE__ */ jsx(Text$1, {
+						size: "xs",
+						c: "dimmed",
+						tt: "uppercase",
+						fw: 600,
+						children: "Failures (7d)"
+					}),
+					/* @__PURE__ */ jsx(Text$1, {
+						size: "xs",
+						fw: 500,
+						children: failure.failures
+					}),
+					failure.lastError && /* @__PURE__ */ jsx(Text$1, {
+						size: "xs",
+						c: "dimmed",
+						lineClamp: 1,
+						style: { maxWidth: 400 },
+						children: failure.lastError
+					})
+				]
+			}),
+			/* @__PURE__ */ jsx(DetailList, {
+				items: detailItems,
+				columns: 3
+			}),
+			/* @__PURE__ */ jsx(DataTable, {
+				submitOnInit: true,
+				defaultSize: 10,
+				tableProps: {
+					horizontalSpacing: "sm",
+					verticalSpacing: "sm"
+				},
+				items: async () => {
+					return await client.findJobExecutions({ query: { job: item.name } });
+				},
+				columns: {
+					status: {
+						label: "Status",
+						value: (exec) => {
+							return /* @__PURE__ */ jsx(Badge, {
+								size: "sm",
+								variant: "light",
+								color: exec.status === "completed" ? "green" : exec.status === "running" ? "blue" : exec.status === "failed" || exec.status === "dead" ? "red" : exec.status === "cancelled" ? "yellow" : "gray",
+								children: exec.status
+							});
+						}
+					},
+					jobName: {
+						label: "Job",
+						value: (exec) => /* @__PURE__ */ jsx(Text$1, {
+							size: "sm",
+							fw: 500,
+							ff: "monospace",
+							children: exec.jobName
+						})
+					},
+					attempt: {
+						label: "Attempt",
+						value: (exec) => /* @__PURE__ */ jsxs(Text$1, {
+							size: "sm",
+							ff: "monospace",
+							children: [
+								exec.attempt,
+								"/",
+								exec.maxAttempts
+							]
+						})
+					},
+					startedAt: {
+						label: "Started",
+						value: (exec) => /* @__PURE__ */ jsx(Text$1, {
+							size: "xs",
+							c: "dimmed",
+							children: exec.startedAt ? l(exec.startedAt, { date: "fromNow" }) : "—"
+						})
+					},
+					duration: {
+						label: "Duration",
+						value: (exec) => /* @__PURE__ */ jsx(Text$1, {
+							size: "xs",
+							c: "dimmed",
+							ff: "monospace",
+							children: exec.startedAt && (exec.completedAt || exec.status === "running") ? formatDuration(exec.startedAt, exec.completedAt) : "—"
+						})
+					}
+				},
+				rowActions: (exec) => [{
+					label: "Retry",
+					icon: IconRefresh,
+					onClick: () => handleRetry(exec.id),
+					visible: exec.can?.retry
+				}, {
+					label: "Cancel",
+					icon: IconCircleX,
+					onClick: () => handleCancel(exec.id),
+					visible: exec.can?.cancel
+				}],
+				drawer: (exec) => /* @__PURE__ */ jsx(ExecutionDetailContent, {
+					item: exec,
+					onRetry: handleRetry,
+					onCancel: handleCancel
+				})
+			}, `executions-${item.name}-${refreshKey}`)
+		]
+	});
+};
+const AdminJobs = () => {
+	const client = useClient();
+	const toast = useToast();
+	const dialog = useDialog();
+	const [refreshKey, setRefreshKey] = useState(0);
+	const [cronMap, setCronMap] = useState(/* @__PURE__ */ new Map());
+	const [queueMap, setQueueMap] = useState(/* @__PURE__ */ new Map());
+	const [failureMap, setFailureMap] = useState(/* @__PURE__ */ new Map());
+	const loadExtraData = useCallback(async () => {
+		try {
+			const [cronData, queueData, failureData] = await Promise.all([
+				client.getCronJobs(),
+				client.getJobQueueDepth(),
+				client.getJobTopFailures()
+			]);
+			setCronMap(new Map(cronData.map((c) => [c.name, c])));
+			setQueueMap(new Map(queueData.map((q) => [q.jobName, q])));
+			setFailureMap(new Map(failureData.map((f) => [f.jobName, f])));
+		} catch {}
+	}, [client]);
+	useEffect(() => {
+		loadExtraData();
+	}, [loadExtraData, refreshKey]);
+	const handleTriggerJob = useCallback(async (name) => {
+		if (!await dialog.confirm({
+			title: "Trigger Job",
+			message: `Are you sure you want to trigger "${name}" manually?`,
+			confirmLabel: "Trigger",
+			confirmColor: "blue"
+		})) return;
+		return client.triggerJob({ body: { name } }).then(() => {
+			toast.success(`Job "${name}" triggered`);
+			setRefreshKey((k) => k + 1);
+		});
+	}, [
+		client,
+		dialog,
+		toast
+	]);
+	return /* @__PURE__ */ jsx(Flex$1, {
+		p: "md",
+		flex: 1,
+		direction: "column",
+		gap: "md",
+		children: /* @__PURE__ */ jsx(DataTable, {
+			submitOnInit: true,
+			typeFormProps: {
+				skipSubmitButton: true,
+				columns: 1
+			},
+			tableProps: {
+				horizontalSpacing: "sm",
+				verticalSpacing: "sm"
+			},
+			onFilterChange: (_key, _value, form) => form.submit(),
+			filters: registryFilters,
+			items: async (filters) => {
+				const items = await client.getJobRegistry();
+				return { content: filters.type ? items.filter((i) => i.type === filters.type) : items };
+			},
+			columns: {
+				name: {
+					label: "Name",
+					value: (item) => /* @__PURE__ */ jsx(Text$1, {
+						size: "sm",
+						fw: 500,
+						ff: "monospace",
+						children: item.name
+					})
+				},
+				type: {
+					label: "Type",
+					value: (item) => /* @__PURE__ */ jsx(Badge, {
+						size: "sm",
+						variant: "default",
+						children: item.type
+					})
+				},
+				priority: {
+					label: "Priority",
+					value: (item) => /* @__PURE__ */ jsx(Text$1, {
+						size: "sm",
+						tt: "capitalize",
+						children: item.priority
+					})
+				},
+				concurrency: {
+					label: "Concurrency",
+					value: (item) => /* @__PURE__ */ jsx(Text$1, {
+						size: "sm",
+						ff: "monospace",
+						children: item.concurrency
+					})
+				},
+				queue: {
+					label: "Queue",
+					value: (item) => {
+						const q = queueMap.get(item.name);
+						if (!q || q.pending + q.running + q.scheduled + q.retrying + q.dead === 0) return /* @__PURE__ */ jsx(Text$1, {
+							size: "xs",
+							c: "dimmed",
+							children: "—"
+						});
+						return /* @__PURE__ */ jsxs(Flex$1, {
+							gap: 4,
+							children: [
+								q.running > 0 && /* @__PURE__ */ jsxs(Badge, {
+									size: "xs",
+									variant: "default",
+									children: [q.running, " run"]
+								}),
+								q.pending > 0 && /* @__PURE__ */ jsxs(Badge, {
+									size: "xs",
+									variant: "default",
+									children: [q.pending, " pen"]
+								}),
+								q.retrying > 0 && /* @__PURE__ */ jsxs(Badge, {
+									size: "xs",
+									variant: "default",
+									children: [q.retrying, " retry"]
+								}),
+								q.dead > 0 && /* @__PURE__ */ jsxs(Badge, {
+									size: "xs",
+									variant: "default",
+									children: [q.dead, " dead"]
+								})
+							]
+						});
+					}
+				}
+			},
+			rowActions: (item) => [{
+				label: "Trigger",
+				color: "blue",
+				icon: IconPlayerPlay,
+				onClick: () => handleTriggerJob(item.name)
+			}],
+			panel: (item) => /* @__PURE__ */ jsx(JobExecutionsPanel, {
+				item,
+				cronMap,
+				failureMap
+			})
+		}, `registry-${refreshKey}`)
+	});
+};
 //#endregion
-export { AdminJobExecutions as default };
-//# sourceMappingURL=AdminJobExecutions-D9E-CS-U.js.map
+export { AdminJobs as default };
+
+//# sourceMappingURL=AdminJobs-D1_QGCDy.js.map