npm - @alepha/ui - Versions diffs - 0.16.2 → 0.17.1 - Mend

@alepha/ui 0.16.2 → 0.17.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (175) hide show

package/dist/admin/AdminJobExecutions-D-b4Zt7W.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"AdminJobExecutions-D-b4Zt7W.js","names":["Flex"],"sources":["../../src/admin/components/jobs/AdminJobExecutions.tsx"],"sourcesContent":["import { ActionButton, DataTable, Text, useDialog, useToast } from \"@alepha/ui\";\nimport { Badge, Code, Flex, Paper, Table } from \"@mantine/core\";\nimport {\n IconAlertTriangle,\n IconCircleCheck,\n IconCircleX,\n IconClock,\n IconPlayerPlay,\n IconRefresh,\n} from \"@tabler/icons-react\";\nimport { type Page, t } from \"alepha\";\nimport type {\n AdminJobController,\n JobExecutionDetailResource,\n JobExecutionResource,\n} from \"alepha/api/jobs\";\nimport type { LogEntry } from \"alepha/logger\";\nimport { useClient } from \"alepha/react\";\nimport { useI18n } from \"alepha/react/i18n\";\nimport { useCallback, useEffect, useState } from \"react\";\n\n// ─────────────────────────────────────────────────────────────────────────────\n\nconst PRIORITY_LABELS: Record<number, string> = {\n 0: \"Critical\",\n 1: \"High\",\n 2: \"Normal\",\n 3: \"Low\",\n};\n\nconst formatDuration = (\n start: Date | string,\n end?: Date | string | null,\n): string => {\n const startTime = new Date(start).getTime();\n const endTime = end ? new Date(end).getTime() : Date.now();\n const duration = endTime - startTime;\n\n if (duration < 1000) return `${duration}ms`;\n if (duration < 60000) return `${(duration / 1000).toFixed(1)}s`;\n if (duration < 3600000)\n return `${Math.floor(duration / 60000)}m ${Math.floor((duration % 60000) / 1000)}s`;\n return `${Math.floor(duration / 3600000)}h ${Math.floor((duration % 3600000) / 60000)}m`;\n};\n\nconst getStatusColor = (status: string) => {\n switch (status) {\n case \"completed\":\n return \"teal\";\n case \"running\":\n return \"blue\";\n case \"failed\":\n case \"dead\":\n return \"red\";\n case \"cancelled\":\n return \"orange\";\n case \"scheduled\":\n return \"violet\";\n case \"retrying\":\n return \"yellow\";\n case \"pending\":\n return \"gray\";\n default:\n return \"gray\";\n }\n};\n\nconst getStatusIcon = (status: string, size = 14) => {\n switch (status) {\n case \"completed\":\n return <IconCircleCheck size={size} />;\n case \"failed\":\n case \"dead\":\n return <IconCircleX size={size} />;\n case \"running\":\n return <IconPlayerPlay size={size} />;\n case \"cancelled\":\n return <IconAlertTriangle size={size} />;\n default:\n return <IconClock size={size} />;\n }\n};\n\nconst getLogLevelColor = (level: string) => {\n switch (level) {\n case \"ERROR\":\n return \"red\";\n case \"WARN\":\n return \"orange\";\n case \"INFO\":\n return \"blue\";\n case \"DEBUG\":\n return \"gray\";\n case \"TRACE\":\n return \"dimmed\";\n default:\n return \"gray\";\n }\n};\n\n// ─────────────────────────────────────────────────────────────────────────────\n\nconst executionFilters = t.object({\n job: t.optional(t.string()),\n status: t.optional(\n t.enum([\n \"pending\",\n \"scheduled\",\n \"retrying\",\n \"running\",\n \"completed\",\n \"failed\",\n \"dead\",\n \"cancelled\",\n ]),\n ),\n priority: t.optional(t.enum([\"critical\", \"high\", \"normal\", \"low\"])),\n});\n\n// ─────────────────────────────────────────────────────────────────────────────\n\nconst AdminJobExecutions = () => {\n const client = useClient<AdminJobController>();\n const { l } = useI18n();\n const toast = useToast();\n const dialog = useDialog();\n const [refreshKey, setRefreshKey] = useState(0);\n\n const handleRetry = useCallback(\n async (id: string) => {\n try {\n await client.retryExecution({ params: { id } });\n toast.success(\"Execution retried\");\n setRefreshKey((k) => k + 1);\n } catch {\n toast.danger(\"Failed to retry execution\");\n }\n },\n [client, toast],\n );\n\n const handleCancel = useCallback(\n async (id: string) => {\n const confirmed = await dialog.confirm({\n title: \"Cancel Execution\",\n message: \"Are you sure you want to cancel this execution?\",\n confirmLabel: \"Cancel\",\n confirmColor: \"red\",\n });\n\n if (!confirmed) return;\n\n try {\n await client.cancelExecution({ params: { id } });\n toast.success(\"Execution cancelled\");\n setRefreshKey((k) => k + 1);\n } catch {\n toast.danger(\"Failed to cancel execution\");\n }\n },\n [client, dialog, toast],\n );\n\n return (\n <Flex flex={1} direction=\"column\" gap=\"md\">\n <DataTable<JobExecutionResource, typeof executionFilters>\n key={`executions-${refreshKey}`}\n submitOnInit\n defaultSize={20}\n typeFormProps={{\n skipSubmitButton: true,\n columns: 3,\n }}\n tableProps={{\n horizontalSpacing: \"sm\",\n verticalSpacing: \"sm\",\n highlightOnHover: true,\n }}\n onFilterChange={(key, _value, form) => {\n if (key === \"job\" || key === \"status\" || key === \"priority\") {\n return form.submit();\n }\n }}\n filters={executionFilters}\n defaultFilters={[\"job\", \"status\"]}\n items={async (filters) => {\n const response = await client.findExecutions({\n query: {\n ...filters,\n },\n });\n return response as Page<JobExecutionResource>;\n }}\n columns={{\n status: {\n label: \"Status\",\n fit: true,\n value: (item) => (\n <Badge\n size=\"sm\"\n variant=\"light\"\n color={getStatusColor(item.status)}\n leftSection={getStatusIcon(item.status, 12)}\n >\n {item.status}\n </Badge>\n ),\n },\n jobName: {\n label: \"Job\",\n value: (item) => (\n <Text size=\"sm\" fw={500} ff=\"monospace\">\n {item.jobName}\n </Text>\n ),\n },\n priority: {\n label: \"Priority\",\n fit: true,\n value: (item) => (\n <Text size=\"xs\" c=\"dimmed\">\n {PRIORITY_LABELS[item.priority] ?? item.priority}\n </Text>\n ),\n },\n attempt: {\n label: \"Attempt\",\n fit: true,\n value: (item) => (\n <Text size=\"sm\" ff=\"monospace\">\n {item.attempt}/{item.maxAttempts}\n </Text>\n ),\n },\n triggeredByName: {\n label: \"Trigger\",\n fit: true,\n defaultHidden: true,\n value: (item) => (\n <Text size=\"xs\" c=\"dimmed\">\n {item.triggeredByName ?? \"—\"}\n </Text>\n ),\n },\n createdAt: {\n label: \"Created\",\n fit: true,\n defaultHidden: true,\n value: (item) => (\n <Text size=\"xs\" c=\"dimmed\">\n {l(item.createdAt, { date: \"fromNow\" })}\n </Text>\n ),\n },\n startedAt: {\n label: \"Started\",\n fit: true,\n value: (item) => (\n <Text size=\"xs\" c=\"dimmed\">\n {item.startedAt ? l(item.startedAt, { date: \"fromNow\" }) : \"—\"}\n </Text>\n ),\n },\n duration: {\n label: \"Duration\",\n fit: true,\n value: (item) => (\n <Text size=\"xs\" c=\"dimmed\" ff=\"monospace\">\n {item.startedAt &&\n (item.completedAt || item.status === \"running\")\n ? formatDuration(item.startedAt, item.completedAt)\n : \"—\"}\n </Text>\n ),\n },\n error: {\n label: \"Error\",\n defaultHidden: true,\n value: (item) => (\n <Text size=\"xs\" c=\"red\" lineClamp={1}>\n {item.error ?? \"—\"}\n </Text>\n ),\n },\n key: {\n label: \"Key\",\n fit: true,\n defaultHidden: true,\n value: (item) => (\n <Text size=\"xs\" c=\"dimmed\" ff=\"monospace\">\n {item.key ?? \"—\"}\n </Text>\n ),\n },\n workerId: {\n label: \"Worker\",\n fit: true,\n defaultHidden: true,\n value: (item) => (\n <Text size=\"xs\" c=\"dimmed\" ff=\"monospace\">\n {item.workerId ?? \"—\"}\n </Text>\n ),\n },\n actions: {\n label: \"\",\n fit: true,\n actions: (item) => [\n {\n tooltip: \"Retry\",\n color: \"blue\",\n icon: IconRefresh,\n onClick: () => handleRetry(item.id),\n visible: item.can?.retry,\n },\n {\n tooltip: \"Cancel\",\n color: \"red\",\n icon: IconCircleX,\n onClick: () => handleCancel(item.id),\n visible: item.can?.cancel,\n },\n ],\n },\n }}\n panel={{\n can: (item) => Boolean(item.error || item.key || item.workerId),\n render: (item) => (\n <Flex direction=\"column\" gap=\"sm\" p=\"sm\">\n {item.error && (\n <Flex direction=\"column\" gap={2}>\n <Text size=\"xs\" c=\"dimmed\" tt=\"uppercase\" fw={600}>\n Error\n </Text>\n <Paper p=\"xs\" bg=\"var(--mantine-color-red-light)\" radius=\"sm\">\n <Text\n size=\"xs\"\n c=\"red\"\n style={{\n whiteSpace: \"pre-wrap\",\n wordBreak: \"break-word\",\n }}\n >\n {item.error}\n </Text>\n </Paper>\n </Flex>\n )}\n <Flex gap=\"lg\" wrap=\"wrap\">\n <Flex direction=\"column\" gap={2}>\n <Text size=\"xs\" c=\"dimmed\" tt=\"uppercase\" fw={600}>\n ID\n </Text>\n <Text size=\"xs\" ff=\"monospace\">\n {item.id}\n </Text>\n </Flex>\n {item.key && (\n <Flex direction=\"column\" gap={2}>\n <Text size=\"xs\" c=\"dimmed\" tt=\"uppercase\" fw={600}>\n Key\n </Text>\n <Text size=\"xs\" ff=\"monospace\">\n {item.key}\n </Text>\n </Flex>\n )}\n {item.workerId && (\n <Flex direction=\"column\" gap={2}>\n <Text size=\"xs\" c=\"dimmed\" tt=\"uppercase\" fw={600}>\n Worker\n </Text>\n <Text size=\"xs\" ff=\"monospace\">\n {item.workerId}\n </Text>\n </Flex>\n )}\n {item.triggeredByName && (\n <Flex direction=\"column\" gap={2}>\n <Text size=\"xs\" c=\"dimmed\" tt=\"uppercase\" fw={600}>\n Triggered By\n </Text>\n <Text size=\"xs\">{item.triggeredByName}</Text>\n </Flex>\n )}\n </Flex>\n </Flex>\n ),\n }}\n drawer={(item) => (\n <ExecutionDetailContent\n item={item}\n onRetry={handleRetry}\n onCancel={handleCancel}\n />\n )}\n />\n </Flex>\n );\n};\n\n// ─────────────────────────────────────────────────────────────────────────────\n\nconst ExecutionDetailContent = ({\n item,\n onRetry,\n onCancel,\n}: {\n item: JobExecutionResource;\n onRetry: (id: string) => Promise<void>;\n onCancel: (id: string) => Promise<void>;\n}) => {\n const client = useClient<AdminJobController>();\n const { l } = useI18n();\n const toast = useToast();\n const [detail, setDetail] = useState<JobExecutionDetailResource | null>(null);\n const [loading, setLoading] = useState(false);\n const [expandedLogs, setExpandedLogs] = useState<Set<number>>(new Set());\n\n const loadDetail = useCallback(\n async (execId: string) => {\n setDetail(null);\n setExpandedLogs(new Set());\n setLoading(true);\n try {\n const data = await client.getExecution({ params: { id: execId } });\n setDetail(data);\n } catch {\n toast.danger(\"Failed to load execution details\");\n } finally {\n setLoading(false);\n }\n },\n [client, toast],\n );\n\n useEffect(() => {\n loadDetail(item.id);\n }, [item.id, loadDetail]);\n\n const handleRetry = useCallback(async () => {\n await onRetry(item.id);\n loadDetail(item.id);\n }, [item.id, onRetry, loadDetail]);\n\n const handleCancel = useCallback(async () => {\n await onCancel(item.id);\n loadDetail(item.id);\n }, [item.id, onCancel, loadDetail]);\n\n const toggleLogExpand = useCallback((index: number) => {\n setExpandedLogs((prev) => {\n const next = new Set(prev);\n if (next.has(index)) {\n next.delete(index);\n } else {\n next.add(index);\n }\n return next;\n });\n }, []);\n\n if (loading) {\n return (\n <Flex align=\"center\" justify=\"center\" py=\"xl\">\n <Text c=\"dimmed\">Loading...</Text>\n </Flex>\n );\n }\n\n if (!detail) return null;\n\n return (\n <Flex direction=\"column\" gap=\"md\">\n {/* Header */}\n <Flex align=\"center\" gap=\"sm\">\n <Text fw={600} ff=\"monospace\">\n {detail.jobName}\n </Text>\n <Badge\n size=\"sm\"\n variant=\"light\"\n color={getStatusColor(detail.status)}\n leftSection={getStatusIcon(detail.status, 12)}\n >\n {detail.status}\n </Badge>\n <Text size=\"xs\" c=\"dimmed\">\n {detail.attempt}/{detail.maxAttempts}\n </Text>\n </Flex>\n\n {/* Actions */}\n <Flex gap=\"xs\">\n <ActionButton\n tooltip=\"Refresh\"\n variant=\"light\"\n size=\"xs\"\n icon={IconRefresh}\n onClick={() => loadDetail(item.id)}\n />\n {detail.can?.retry && (\n <ActionButton\n tooltip=\"Retry\"\n variant=\"light\"\n size=\"xs\"\n color=\"blue\"\n icon={IconRefresh}\n onClick={handleRetry}\n />\n )}\n {detail.can?.cancel && (\n <ActionButton\n tooltip=\"Cancel\"\n variant=\"light\"\n size=\"xs\"\n color=\"red\"\n icon={IconCircleX}\n onClick={handleCancel}\n />\n )}\n </Flex>\n\n {/* Details */}\n <Paper p=\"sm\" radius=\"md\" withBorder>\n <Text size=\"sm\" fw={600} mb=\"xs\">\n Details\n </Text>\n <Flex gap=\"lg\" wrap=\"wrap\">\n <DetailField label=\"ID\" value={detail.id} monospace copyable />\n <DetailField label=\"Status\" value={detail.status} capitalize />\n <DetailField\n label=\"Priority\"\n value={PRIORITY_LABELS[detail.priority] ?? \"Normal\"}\n />\n <DetailField\n label=\"Attempt\"\n value={`${detail.attempt}/${detail.maxAttempts}`}\n monospace\n />\n {detail.workerId && (\n <DetailField label=\"Worker\" value={detail.workerId} monospace />\n )}\n {detail.key && (\n <DetailField label=\"Key\" value={detail.key} monospace />\n )}\n <DetailField\n label=\"Created\"\n value={String(l(detail.createdAt, { date: \"lll\" }))}\n />\n {detail.startedAt && (\n <DetailField\n label=\"Started\"\n value={String(l(detail.startedAt, { date: \"lll\" }))}\n />\n )}\n {detail.startedAt &&\n (detail.completedAt || detail.status === \"running\") && (\n <DetailField\n label=\"Duration\"\n value={formatDuration(detail.startedAt, detail.completedAt)}\n monospace\n />\n )}\n {detail.triggeredByName && (\n <DetailField label=\"Triggered By\" value={detail.triggeredByName} />\n )}\n {detail.cancelledByName && (\n <DetailField label=\"Cancelled By\" value={detail.cancelledByName} />\n )}\n </Flex>\n </Paper>\n\n {/* Payload */}\n {detail.payload && (\n <Paper p=\"sm\" radius=\"md\" withBorder>\n <Text size=\"sm\" fw={600} mb=\"xs\">\n Payload\n </Text>\n <Code block>{JSON.stringify(detail.payload, null, 2)}</Code>\n </Paper>\n )}\n\n {/* Error */}\n {detail.error && (\n <Paper p=\"sm\" radius=\"md\" withBorder>\n <Text size=\"sm\" fw={600} mb=\"xs\" c=\"red\">\n Error\n </Text>\n <Paper p=\"xs\" bg=\"var(--mantine-color-red-light)\" radius=\"sm\">\n <Text\n size=\"sm\"\n c=\"red\"\n style={{\n whiteSpace: \"pre-wrap\",\n wordBreak: \"break-word\",\n }}\n >\n {detail.error}\n </Text>\n </Paper>\n </Paper>\n )}\n\n {/* Logs */}\n {detail.logs && detail.logs.length > 0 && (\n <Paper p=\"sm\" radius=\"md\" withBorder>\n <Text size=\"sm\" fw={600} mb=\"xs\">\n Logs ({detail.logs.length})\n </Text>\n <Flex\n direction=\"column\"\n style={{ maxHeight: 400, overflowY: \"auto\" }}\n >\n <Table highlightOnHover>\n <Table.Thead>\n <Table.Tr>\n <Table.Th style={{ width: 60 }}>Level</Table.Th>\n <Table.Th style={{ width: 90 }}>Time</Table.Th>\n <Table.Th>Message</Table.Th>\n </Table.Tr>\n </Table.Thead>\n <Table.Tbody>\n {detail.logs.map((log: LogEntry, i: number) => (\n <Table.Tr\n key={i}\n style={log.data ? { cursor: \"pointer\" } : undefined}\n onClick={log.data ? () => toggleLogExpand(i) : undefined}\n >\n <Table.Td>\n <Badge\n size=\"xs\"\n variant=\"light\"\n color={getLogLevelColor(log.level)}\n >\n {log.level}\n </Badge>\n </Table.Td>\n <Table.Td>\n <Text size=\"xs\" c=\"dimmed\" ff=\"monospace\">\n {new Date(log.timestamp).toLocaleTimeString()}\n </Text>\n </Table.Td>\n <Table.Td>\n <Text size=\"xs\">{log.message}</Text>\n {expandedLogs.has(i) && log.data && (\n <Code block mt=\"xs\">\n {JSON.stringify(log.data, null, 2)}\n </Code>\n )}\n </Table.Td>\n </Table.Tr>\n ))}\n </Table.Tbody>\n </Table>\n </Flex>\n </Paper>\n )}\n </Flex>\n );\n};\n\n// ─────────────────────────────────────────────────────────────────────────────\n\nconst DetailField = ({\n label,\n value,\n monospace,\n capitalize,\n copyable,\n}: {\n label: string;\n value: string;\n monospace?: boolean;\n capitalize?: boolean;\n copyable?: boolean;\n}) => (\n <Flex direction=\"column\" gap={2}>\n <Text size=\"xs\" c=\"dimmed\" tt=\"uppercase\" fw={600}>\n {label}\n </Text>\n <Text\n size=\"sm\"\n ff={monospace ? \"monospace\" : undefined}\n tt={capitalize ? \"capitalize\" : undefined}\n style={copyable ? { cursor: \"pointer\", userSelect: \"all\" } : undefined}\n >\n {value}\n </Text>\n </Flex>\n);\n\nexport default AdminJobExecutions;\n"],"mappings":"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"}

package/dist/admin/AdminJobRegistry-CNX5cpDx.js ADDED Viewed

@@ -0,0 +1,301 @@
+import { DataTable, Flex, Text, useDialog, useToast } from "@alepha/ui";
+import { t } from "alepha";
+import { IconCircleCheck, IconCircleX, IconPlayerPlay } from "@tabler/icons-react";
+import { Badge } from "@mantine/core";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useClient } from "alepha/react";
+import { useI18n } from "alepha/react/i18n";
+import { useCallback, useEffect, useState } from "react";
+//#region ../../src/admin/components/jobs/AdminJobRegistry.tsx
+const getTypeColor = (type) => {
+	switch (type) {
+		case "cron": return "violet";
+		case "push": return "blue";
+		case "both": return "teal";
+		default: return "gray";
+	}
+};
+const registryFilters = t.object({ type: t.optional(t.enum([
+	"cron",
+	"push",
+	"both"
+])) });
+const AdminJobRegistry = () => {
+	const client = useClient();
+	const { l } = useI18n();
+	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.getQueueDepth(),
+				client.getTopFailures()
+			]);
+			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, {
+		flex: 1,
+		direction: "column",
+		gap: "md",
+		children: /* @__PURE__ */ jsx(DataTable, {
+			submitOnInit: true,
+			typeFormProps: {
+				skipSubmitButton: true,
+				columns: 1
+			},
+			tableProps: {
+				horizontalSpacing: "sm",
+				verticalSpacing: "sm",
+				highlightOnHover: true
+			},
+			onFilterChange: (_key, _value, form) => form.submit(),
+			filters: registryFilters,
+			items: async (filters) => {
+				const items = await client.getRegistry();
+				return { content: filters.type ? items.filter((i) => i.type === filters.type) : items };
+			},
+			columns: {
+				name: {
+					label: "Name",
+					value: (item) => /* @__PURE__ */ jsx(Text, {
+						size: "sm",
+						fw: 500,
+						ff: "monospace",
+						children: item.name
+					})
+				},
+				type: {
+					label: "Type",
+					fit: true,
+					value: (item) => /* @__PURE__ */ jsx(Badge, {
+						size: "sm",
+						variant: "light",
+						color: getTypeColor(item.type),
+						children: item.type
+					})
+				},
+				priority: {
+					label: "Priority",
+					fit: true,
+					value: (item) => /* @__PURE__ */ jsx(Text, {
+						size: "sm",
+						tt: "capitalize",
+						children: item.priority
+					})
+				},
+				concurrency: {
+					label: "Concurrency",
+					fit: true,
+					value: (item) => /* @__PURE__ */ jsx(Text, {
+						size: "sm",
+						ff: "monospace",
+						children: item.concurrency
+					})
+				},
+				queue: {
+					label: "Queue",
+					fit: true,
+					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, {
+							size: "xs",
+							c: "dimmed",
+							children: "—"
+						});
+						return /* @__PURE__ */ jsxs(Flex, {
+							gap: 4,
+							children: [
+								q.running > 0 && /* @__PURE__ */ jsxs(Badge, {
+									size: "xs",
+									variant: "light",
+									color: "blue",
+									children: [q.running, " run"]
+								}),
+								q.pending > 0 && /* @__PURE__ */ jsxs(Badge, {
+									size: "xs",
+									variant: "light",
+									color: "gray",
+									children: [q.pending, " pen"]
+								}),
+								q.retrying > 0 && /* @__PURE__ */ jsxs(Badge, {
+									size: "xs",
+									variant: "light",
+									color: "yellow",
+									children: [q.retrying, " retry"]
+								}),
+								q.dead > 0 && /* @__PURE__ */ jsxs(Badge, {
+									size: "xs",
+									variant: "light",
+									color: "red",
+									children: [q.dead, " dead"]
+								})
+							]
+						});
+					}
+				},
+				actions: {
+					label: "",
+					fit: true,
+					actions: (item) => [{
+						tooltip: "Trigger",
+						color: "blue",
+						icon: IconPlayerPlay,
+						onClick: () => handleTriggerJob(item.name)
+					}]
+				}
+			},
+			panel: (item) => {
+				const cron = cronMap.get(item.name);
+				const failure = failureMap.get(item.name);
+				return /* @__PURE__ */ jsxs(Flex, {
+					direction: "column",
+					gap: "sm",
+					p: "sm",
+					children: [
+						/* @__PURE__ */ jsxs(Flex, {
+							gap: "lg",
+							wrap: "wrap",
+							children: [
+								item.cron && /* @__PURE__ */ jsx(PanelField, {
+									label: "Cron",
+									value: item.cron,
+									monospace: true
+								}),
+								item.timeout && /* @__PURE__ */ jsx(PanelField, {
+									label: "Timeout",
+									value: item.timeout
+								}),
+								item.retry && /* @__PURE__ */ jsx(PanelField, {
+									label: "Retry",
+									value: `${item.retry.retries}x${item.retry.hasBackoff ? " (backoff)" : ""}`
+								}),
+								item.batch && /* @__PURE__ */ jsx(PanelField, {
+									label: "Batch",
+									value: `${item.batch.size} / ${item.batch.window}`
+								}),
+								/* @__PURE__ */ jsx(PanelField, {
+									label: "Schema",
+									value: item.hasSchema ? "Yes" : "No"
+								})
+							]
+						}),
+						cron?.lastExecution && /* @__PURE__ */ jsxs(Flex, {
+							gap: "lg",
+							wrap: "wrap",
+							align: "center",
+							children: [
+								/* @__PURE__ */ jsx(Text, {
+									size: "xs",
+									c: "dimmed",
+									tt: "uppercase",
+									fw: 600,
+									children: "Last Run"
+								}),
+								/* @__PURE__ */ jsxs(Flex, {
+									align: "center",
+									gap: 4,
+									children: [cron.lastExecution.status === "completed" ? /* @__PURE__ */ jsx(IconCircleCheck, {
+										size: 14,
+										color: "var(--mantine-color-teal-6)"
+									}) : /* @__PURE__ */ jsx(IconCircleX, {
+										size: 14,
+										color: "var(--mantine-color-red-6)"
+									}), /* @__PURE__ */ jsx(Text, {
+										size: "xs",
+										tt: "capitalize",
+										children: cron.lastExecution.status
+									})]
+								}),
+								cron.lastExecution.startedAt && /* @__PURE__ */ jsx(Text, {
+									size: "xs",
+									c: "dimmed",
+									children: l(cron.lastExecution.startedAt, { date: "fromNow" })
+								}),
+								cron.lastExecution.error && /* @__PURE__ */ jsx(Text, {
+									size: "xs",
+									c: "red",
+									lineClamp: 1,
+									children: cron.lastExecution.error
+								})
+							]
+						}),
+						failure && /* @__PURE__ */ jsxs(Flex, {
+							gap: "lg",
+							wrap: "wrap",
+							align: "center",
+							children: [
+								/* @__PURE__ */ jsx(Text, {
+									size: "xs",
+									c: "dimmed",
+									tt: "uppercase",
+									fw: 600,
+									children: "Failures (7d)"
+								}),
+								/* @__PURE__ */ jsx(Badge, {
+									size: "xs",
+									variant: "light",
+									color: "red",
+									children: failure.failures
+								}),
+								failure.lastError && /* @__PURE__ */ jsx(Text, {
+									size: "xs",
+									c: "dimmed",
+									lineClamp: 1,
+									style: { maxWidth: 400 },
+									children: failure.lastError
+								})
+							]
+						})
+					]
+				});
+			}
+		}, `registry-${refreshKey}`)
+	});
+};
+const PanelField = ({ label, value, monospace }) => /* @__PURE__ */ jsxs(Flex, {
+	direction: "column",
+	gap: 2,
+	children: [/* @__PURE__ */ jsx(Text, {
+		size: "xs",
+		c: "dimmed",
+		tt: "uppercase",
+		fw: 600,
+		children: label
+	}), /* @__PURE__ */ jsx(Text, {
+		size: "sm",
+		ff: monospace ? "monospace" : void 0,
+		children: value
+	})]
+});
+//#endregion
+export { AdminJobRegistry as default };
+//# sourceMappingURL=AdminJobRegistry-CNX5cpDx.js.map

package/dist/admin/AdminJobRegistry-CNX5cpDx.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"AdminJobRegistry-CNX5cpDx.js","names":[],"sources":["../../src/admin/components/jobs/AdminJobRegistry.tsx"],"sourcesContent":["import { DataTable, Flex, Text, useDialog, useToast } from \"@alepha/ui\";\nimport { Badge } from \"@mantine/core\";\nimport {\n IconCircleCheck,\n IconCircleX,\n IconPlayerPlay,\n} from \"@tabler/icons-react\";\nimport { t } from \"alepha\";\nimport type {\n AdminJobController,\n JobCronInfo,\n JobFailure,\n JobQueueDepth,\n JobRegistration,\n} from \"alepha/api/jobs\";\nimport { useClient } from \"alepha/react\";\nimport { useI18n } from \"alepha/react/i18n\";\nimport { useCallback, useEffect, useState } from \"react\";\n\n// ─────────────────────────────────────────────────────────────────────────────\n\nconst getTypeColor = (type: string) => {\n switch (type) {\n case \"cron\":\n return \"violet\";\n case \"push\":\n return \"blue\";\n case \"both\":\n return \"teal\";\n default:\n return \"gray\";\n }\n};\n\nconst registryFilters = t.object({\n type: t.optional(t.enum([\"cron\", \"push\", \"both\"])),\n});\n\n// ─────────────────────────────────────────────────────────────────────────────\n\nconst AdminJobRegistry = () => {\n const client = useClient<AdminJobController>();\n const { l } = useI18n();\n const toast = useToast();\n const dialog = useDialog();\n const [refreshKey, setRefreshKey] = useState(0);\n\n // Extra data for enriched panels\n const [cronMap, setCronMap] = useState<Map<string, JobCronInfo>>(new Map());\n const [queueMap, setQueueMap] = useState<Map<string, JobQueueDepth>>(\n new Map(),\n );\n const [failureMap, setFailureMap] = useState<Map<string, JobFailure>>(\n new Map(),\n );\n\n const loadExtraData = useCallback(async () => {\n try {\n const [cronData, queueData, failureData] = await Promise.all([\n client.getCronJobs(),\n client.getQueueDepth(),\n client.getTopFailures(),\n ]);\n setCronMap(new Map(cronData.map((c) => [c.name, c])));\n setQueueMap(new Map(queueData.map((q) => [q.jobName, q])));\n setFailureMap(new Map(failureData.map((f) => [f.jobName, f])));\n } catch {\n // non-critical\n }\n }, [client]);\n\n useEffect(() => {\n loadExtraData();\n }, [loadExtraData, refreshKey]);\n\n const handleTriggerJob = useCallback(\n async (name: string) => {\n const confirmed = await dialog.confirm({\n title: \"Trigger Job\",\n message: `Are you sure you want to trigger \"${name}\" manually?`,\n confirmLabel: \"Trigger\",\n confirmColor: \"blue\",\n });\n\n if (!confirmed) return;\n\n return client.triggerJob({ body: { name } }).then(() => {\n toast.success(`Job \"${name}\" triggered`);\n setRefreshKey((k) => k + 1);\n });\n },\n [client, dialog, toast],\n );\n\n return (\n <Flex flex={1} direction=\"column\" gap=\"md\">\n <DataTable<JobRegistration, typeof registryFilters>\n key={`registry-${refreshKey}`}\n submitOnInit\n typeFormProps={{\n skipSubmitButton: true,\n columns: 1,\n }}\n tableProps={{\n horizontalSpacing: \"sm\",\n verticalSpacing: \"sm\",\n highlightOnHover: true,\n }}\n onFilterChange={(_key, _value, form) => form.submit()}\n filters={registryFilters}\n items={async (filters) => {\n const items = await client.getRegistry();\n const filtered = filters.type\n ? items.filter((i) => i.type === filters.type)\n : items;\n return { content: filtered };\n }}\n columns={{\n name: {\n label: \"Name\",\n value: (item) => (\n <Text size=\"sm\" fw={500} ff=\"monospace\">\n {item.name}\n </Text>\n ),\n },\n type: {\n label: \"Type\",\n fit: true,\n value: (item) => (\n <Badge size=\"sm\" variant=\"light\" color={getTypeColor(item.type)}>\n {item.type}\n </Badge>\n ),\n },\n priority: {\n label: \"Priority\",\n fit: true,\n value: (item) => (\n <Text size=\"sm\" tt=\"capitalize\">\n {item.priority}\n </Text>\n ),\n },\n concurrency: {\n label: \"Concurrency\",\n fit: true,\n value: (item) => (\n <Text size=\"sm\" ff=\"monospace\">\n {item.concurrency}\n </Text>\n ),\n },\n queue: {\n label: \"Queue\",\n fit: true,\n value: (item) => {\n const q = queueMap.get(item.name);\n if (\n !q ||\n q.pending + q.running + q.scheduled + q.retrying + q.dead === 0\n ) {\n return (\n <Text size=\"xs\" c=\"dimmed\">\n —\n </Text>\n );\n }\n return (\n <Flex gap={4}>\n {q.running > 0 && (\n <Badge size=\"xs\" variant=\"light\" color=\"blue\">\n {q.running} run\n </Badge>\n )}\n {q.pending > 0 && (\n <Badge size=\"xs\" variant=\"light\" color=\"gray\">\n {q.pending} pen\n </Badge>\n )}\n {q.retrying > 0 && (\n <Badge size=\"xs\" variant=\"light\" color=\"yellow\">\n {q.retrying} retry\n </Badge>\n )}\n {q.dead > 0 && (\n <Badge size=\"xs\" variant=\"light\" color=\"red\">\n {q.dead} dead\n </Badge>\n )}\n </Flex>\n );\n },\n },\n actions: {\n label: \"\",\n fit: true,\n actions: (item) => [\n {\n tooltip: \"Trigger\",\n color: \"blue\",\n icon: IconPlayerPlay,\n onClick: () => handleTriggerJob(item.name),\n },\n ],\n },\n }}\n panel={(item) => {\n const cron = cronMap.get(item.name);\n const failure = failureMap.get(item.name);\n\n return (\n <Flex direction=\"column\" gap=\"sm\" p=\"sm\">\n {/* Config */}\n <Flex gap=\"lg\" wrap=\"wrap\">\n {item.cron && (\n <PanelField label=\"Cron\" value={item.cron} monospace />\n )}\n {item.timeout && (\n <PanelField label=\"Timeout\" value={item.timeout} />\n )}\n {item.retry && (\n <PanelField\n label=\"Retry\"\n value={`${item.retry.retries}x${item.retry.hasBackoff ? \" (backoff)\" : \"\"}`}\n />\n )}\n {item.batch && (\n <PanelField\n label=\"Batch\"\n value={`${item.batch.size} / ${item.batch.window}`}\n />\n )}\n <PanelField\n label=\"Schema\"\n value={item.hasSchema ? \"Yes\" : \"No\"}\n />\n </Flex>\n\n {/* Last cron execution */}\n {cron?.lastExecution && (\n <Flex gap=\"lg\" wrap=\"wrap\" align=\"center\">\n <Text size=\"xs\" c=\"dimmed\" tt=\"uppercase\" fw={600}>\n Last Run\n </Text>\n <Flex align=\"center\" gap={4}>\n {cron.lastExecution.status === \"completed\" ? (\n <IconCircleCheck\n size={14}\n color=\"var(--mantine-color-teal-6)\"\n />\n ) : (\n <IconCircleX\n size={14}\n color=\"var(--mantine-color-red-6)\"\n />\n )}\n <Text size=\"xs\" tt=\"capitalize\">\n {cron.lastExecution.status}\n </Text>\n </Flex>\n {cron.lastExecution.startedAt && (\n <Text size=\"xs\" c=\"dimmed\">\n {l(cron.lastExecution.startedAt, { date: \"fromNow\" })}\n </Text>\n )}\n {cron.lastExecution.error && (\n <Text size=\"xs\" c=\"red\" lineClamp={1}>\n {cron.lastExecution.error}\n </Text>\n )}\n </Flex>\n )}\n\n {/* Failures */}\n {failure && (\n <Flex gap=\"lg\" wrap=\"wrap\" align=\"center\">\n <Text size=\"xs\" c=\"dimmed\" tt=\"uppercase\" fw={600}>\n Failures (7d)\n </Text>\n <Badge size=\"xs\" variant=\"light\" color=\"red\">\n {failure.failures}\n </Badge>\n {failure.lastError && (\n <Text\n size=\"xs\"\n c=\"dimmed\"\n lineClamp={1}\n style={{ maxWidth: 400 }}\n >\n {failure.lastError}\n </Text>\n )}\n </Flex>\n )}\n </Flex>\n );\n }}\n />\n </Flex>\n );\n};\n\n// ─────────────────────────────────────────────────────────────────────────────\n\nconst PanelField = ({\n label,\n value,\n monospace,\n}: {\n label: string;\n value: string;\n monospace?: boolean;\n}) => (\n <Flex direction=\"column\" gap={2}>\n <Text size=\"xs\" c=\"dimmed\" tt=\"uppercase\" fw={600}>\n {label}\n </Text>\n <Text size=\"sm\" ff={monospace ? \"monospace\" : undefined}>\n {value}\n </Text>\n </Flex>\n);\n\nexport default AdminJobRegistry;\n"],"mappings":"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"}

package/dist/admin/{AdminLayout-CsjvpeD1.js → AdminLayout-e-ZP5nWw.js} RENAMED Viewed

@@ -34,4 +34,4 @@ const AdminLayout = (props) => {
 //#endregion
 export { AdminLayout as default };
-//# sourceMappingURL=AdminLayout-CsjvpeD1.js.map
+//# sourceMappingURL=AdminLayout-e-ZP5nWw.js.map

package/dist/admin/{AdminLayout-CsjvpeD1.js.map → AdminLayout-e-ZP5nWw.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"AdminLayout-~~CsjvpeD1~~.js","names":["Flex"],"sources":["../../src/admin/components/AdminLayout.tsx"],"sourcesContent":["import {\n ActionButton,\n AlephaMantineProvider,\n DashboardShell,\n type DashboardShellProps,\n} from \"@alepha/ui\";\nimport { UserButton } from \"@alepha/ui/auth\";\nimport { Flex } from \"@mantine/core\";\nimport { IconArrowLeft } from \"@tabler/icons-react\";\n\nexport interface AdminLayoutProps {\n adminShellProps?: DashboardShellProps;\n}\n\nconst AdminLayout = (props: AdminLayoutProps) => {\n return (\n <AlephaMantineProvider>\n <DashboardShell\n footer={<Flex h={24} />}\n appBarProps={{\n items: [\n {\n element: (\n <ActionButton\n variant={\"subtle\"}\n icon={IconArrowLeft}\n href={\"/\"}\n />\n ),\n position: \"left\",\n },\n {\n element: <UserButton />,\n position: \"right\",\n },\n {\n type: \"dark\",\n position: \"right\",\n },\n ],\n }}\n sidebarResizable\n sidebarProps={{\n autoPopulateMenu: {\n startsWith: \"/admin\",\n },\n }}\n {...props.adminShellProps}\n />\n </AlephaMantineProvider>\n );\n};\n\nexport default AdminLayout;\n"],"mappings":";;;;;;;AAcA,MAAM,eAAe,UAA4B;AAC/C,QACE,oBAAC,mCACC,oBAAC;EACC,QAAQ,oBAACA,UAAK,GAAG,KAAM;EACvB,aAAa,EACX,OAAO;GACL;IACE,SACE,oBAAC;KACC,SAAS;KACT,MAAM;KACN,MAAM;MACN;IAEJ,UAAU;IACX;GACD;IACE,SAAS,oBAAC,eAAa;IACvB,UAAU;IACX;GACD;IACE,MAAM;IACN,UAAU;IACX;GACF,EACF;EACD;EACA,cAAc,EACZ,kBAAkB,EAChB,YAAY,UACb,EACF;EACD,GAAI,MAAM;GACV,GACoB"}
1	+ {"version":3,"file":"AdminLayout-e-ZP5nWw.js","names":["Flex"],"sources":["../../src/admin/components/AdminLayout.tsx"],"sourcesContent":["import {\n ActionButton,\n AlephaMantineProvider,\n DashboardShell,\n type DashboardShellProps,\n} from \"@alepha/ui\";\nimport { UserButton } from \"@alepha/ui/auth\";\nimport { Flex } from \"@mantine/core\";\nimport { IconArrowLeft } from \"@tabler/icons-react\";\n\nexport interface AdminLayoutProps {\n adminShellProps?: DashboardShellProps;\n}\n\nconst AdminLayout = (props: AdminLayoutProps) => {\n return (\n <AlephaMantineProvider>\n <DashboardShell\n footer={<Flex h={24} />}\n appBarProps={{\n items: [\n {\n element: (\n <ActionButton\n variant={\"subtle\"}\n icon={IconArrowLeft}\n href={\"/\"}\n />\n ),\n position: \"left\",\n },\n {\n element: <UserButton />,\n position: \"right\",\n },\n {\n type: \"dark\",\n position: \"right\",\n },\n ],\n }}\n sidebarResizable\n sidebarProps={{\n autoPopulateMenu: {\n startsWith: \"/admin\",\n },\n }}\n {...props.adminShellProps}\n />\n </AlephaMantineProvider>\n );\n};\n\nexport default AdminLayout;\n"],"mappings":";;;;;;;AAcA,MAAM,eAAe,UAA4B;AAC/C,QACE,oBAAC,mCACC,oBAAC;EACC,QAAQ,oBAACA,UAAK,GAAG,KAAM;EACvB,aAAa,EACX,OAAO;GACL;IACE,SACE,oBAAC;KACC,SAAS;KACT,MAAM;KACN,MAAM;MACN;IAEJ,UAAU;IACX;GACD;IACE,SAAS,oBAAC,eAAa;IACvB,UAAU;IACX;GACD;IACE,MAAM;IACN,UAAU;IACX;GACF,EACF;EACD;EACA,cAAc,EACZ,kBAAkB,EAChB,YAAY,UACb,EACF;EACD,GAAI,MAAM;GACV,GACoB"}

package/dist/admin/{AdminNotifications-LwR6RKrx.js → AdminNotifications-DeHJFf6W.js} RENAMED Viewed

@@ -1,14 +1,12 @@
-import { t as __exportAll } from "./rolldown-runtime-CjeV3_4I.js";
 import { DataTable, Flex, Text } from "@alepha/ui";
 import { t } from "alepha";
 import { IconAlertCircle, IconCheck, IconClock, IconMail, IconMessage } from "@tabler/icons-react";
 import { Badge, Tooltip } from "@mantine/core";
+import { jsx } from "react/jsx-runtime";
 import { useClient } from "alepha/react";
 import { useI18n } from "alepha/react/i18n";
-import { jsx } from "react/jsx-runtime";
 //#region ../../src/admin/components/notifications/AdminNotifications.tsx
-var AdminNotifications_exports = /* @__PURE__ */ __exportAll({ default: () => AdminNotifications });
 const AdminNotifications = () => {
 	const client = useClient();
 	const { l } = useI18n();
@@ -151,5 +149,5 @@ const AdminNotifications = () => {
 };
 //#endregion
-export { AdminNotifications_exports as n, AdminNotifications as t };
-//# sourceMappingURL=AdminNotifications-LwR6RKrx.js.map
+export { AdminNotifications as default };
+//# sourceMappingURL=AdminNotifications-DeHJFf6W.js.map

package/dist/admin/{AdminNotifications-LwR6RKrx.js.map → AdminNotifications-DeHJFf6W.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"AdminNotifications-~~LwR6RKrx~~.js","names":[],"sources":["../../src/admin/components/notifications/AdminNotifications.tsx"],"sourcesContent":["import { DataTable, Flex, Text } from \"@alepha/ui\";\nimport { Badge, Tooltip } from \"@mantine/core\";\nimport {\n IconAlertCircle,\n IconCheck,\n IconClock,\n IconMail,\n IconMessage,\n} from \"@tabler/icons-react\";\nimport { type Page, t } from \"alepha\";\nimport type {\n AdminNotificationController,\n NotificationEntity,\n} from \"alepha/api/notifications\";\nimport { useClient } from \"alepha/react\";\nimport { useI18n } from \"alepha/react/i18n\";\n\nconst AdminNotifications = () => {\n const client = useClient<AdminNotificationController>();\n const { l } = useI18n();\n\n const filters = t.object({\n type: t.optional(\n t.enum([\"email\", \"sms\"], {\n title: \"Type\",\n }),\n ),\n status: t.optional(\n t.enum([\"pending\", \"sent\", \"failed\"], {\n title: \"Status\",\n }),\n ),\n template: t.optional(\n t.string({\n title: \"Template\",\n }),\n ),\n contact: t.optional(\n t.string({\n title: \"Contact\",\n }),\n ),\n });\n\n const getStatus = (item: NotificationEntity) => {\n if (item.error) return \"failed\";\n if (item.sentAt) return \"sent\";\n return \"pending\";\n };\n\n const getStatusBadge = (item: NotificationEntity) => {\n const status = getStatus(item);\n switch (status) {\n case \"sent\":\n return (\n <Badge\n size=\"sm\"\n variant=\"light\"\n color=\"green\"\n leftSection={<IconCheck size={12} />}\n >\n Sent\n </Badge>\n );\n case \"failed\":\n return (\n <Tooltip label={item.error?.message} multiline maw={300}>\n <Badge\n size=\"sm\"\n variant=\"light\"\n color=\"red\"\n leftSection={<IconAlertCircle size={12} />}\n >\n Failed\n </Badge>\n </Tooltip>\n );\n default:\n return (\n <Badge\n size=\"sm\"\n variant=\"light\"\n color=\"yellow\"\n leftSection={<IconClock size={12} />}\n >\n Pending\n </Badge>\n );\n }\n };\n\n return (\n <Flex flex={1} direction=\"column\">\n <DataTable<NotificationEntity, typeof filters>\n submitOnInit\n defaultSize={10}\n typeFormProps={{\n skipSubmitButton: true,\n columns: 4,\n }}\n tableProps={{\n horizontalSpacing: \"xs\",\n verticalSpacing: \"xs\",\n }}\n onFilterChange={(_key, _value, form) => {\n return form.submit();\n }}\n filters={filters}\n tableTrProps={(item) => {\n const status = getStatus(item);\n if (status === \"failed\") {\n return {\n bg: \"var(--mantine-color-red-light)\",\n };\n }\n return {};\n }}\n items={async (filters) => {\n const response = await client.findNotifications({\n query: filters,\n });\n\n return response as Page<NotificationEntity>;\n }}\n columns={{\n type: {\n label: \"Type\",\n fit: true,\n value: (item) => (\n <Badge\n size=\"sm\"\n variant=\"outline\"\n leftSection={\n item.type === \"email\" ? (\n <IconMail size={12} />\n ) : (\n <IconMessage size={12} />\n )\n }\n >\n {item.type.toUpperCase()}\n </Badge>\n ),\n },\n template: {\n label: \"Template\",\n value: (item) => (\n <Text size=\"sm\" fw={500}>\n {item.template}\n </Text>\n ),\n },\n contact: {\n label: \"Contact\",\n value: (item) => (\n <Text size=\"sm\" ff=\"monospace\">\n {item.contact}\n </Text>\n ),\n },\n category: {\n label: \"Category\",\n fit: true,\n value: (item) =>\n item.category ? (\n <Badge size=\"xs\" variant=\"light\">\n {item.category}\n </Badge>\n ) : (\n <Text size=\"xs\" c=\"dimmed\">\n -\n </Text>\n ),\n },\n status: {\n label: \"Status\",\n fit: true,\n value: (item) => getStatusBadge(item),\n },\n sentAt: {\n label: \"Sent\",\n fit: true,\n value: (item) => (\n <Text size=\"xs\" c=\"dimmed\">\n {item.sentAt ? l(item.sentAt, { date: \"fromNow\" }) : \"-\"}\n </Text>\n ),\n },\n createdAt: {\n label: \"Created\",\n fit: true,\n value: (item) => (\n <Text size=\"xs\" c=\"dimmed\">\n {l(item.createdAt, { date: \"fromNow\" })}\n </Text>\n ),\n },\n }}\n />\n </Flex>\n );\n};\n\nexport default AdminNotifications;\n"],"mappings":"~~;;;;;;;;;;;~~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"}
1	+ {"version":3,"file":"AdminNotifications-DeHJFf6W.js","names":[],"sources":["../../src/admin/components/notifications/AdminNotifications.tsx"],"sourcesContent":["import { DataTable, Flex, Text } from \"@alepha/ui\";\nimport { Badge, Tooltip } from \"@mantine/core\";\nimport {\n IconAlertCircle,\n IconCheck,\n IconClock,\n IconMail,\n IconMessage,\n} from \"@tabler/icons-react\";\nimport { type Page, t } from \"alepha\";\nimport type {\n AdminNotificationController,\n NotificationEntity,\n} from \"alepha/api/notifications\";\nimport { useClient } from \"alepha/react\";\nimport { useI18n } from \"alepha/react/i18n\";\n\nconst AdminNotifications = () => {\n const client = useClient<AdminNotificationController>();\n const { l } = useI18n();\n\n const filters = t.object({\n type: t.optional(\n t.enum([\"email\", \"sms\"], {\n title: \"Type\",\n }),\n ),\n status: t.optional(\n t.enum([\"pending\", \"sent\", \"failed\"], {\n title: \"Status\",\n }),\n ),\n template: t.optional(\n t.string({\n title: \"Template\",\n }),\n ),\n contact: t.optional(\n t.string({\n title: \"Contact\",\n }),\n ),\n });\n\n const getStatus = (item: NotificationEntity) => {\n if (item.error) return \"failed\";\n if (item.sentAt) return \"sent\";\n return \"pending\";\n };\n\n const getStatusBadge = (item: NotificationEntity) => {\n const status = getStatus(item);\n switch (status) {\n case \"sent\":\n return (\n <Badge\n size=\"sm\"\n variant=\"light\"\n color=\"green\"\n leftSection={<IconCheck size={12} />}\n >\n Sent\n </Badge>\n );\n case \"failed\":\n return (\n <Tooltip label={item.error?.message} multiline maw={300}>\n <Badge\n size=\"sm\"\n variant=\"light\"\n color=\"red\"\n leftSection={<IconAlertCircle size={12} />}\n >\n Failed\n </Badge>\n </Tooltip>\n );\n default:\n return (\n <Badge\n size=\"sm\"\n variant=\"light\"\n color=\"yellow\"\n leftSection={<IconClock size={12} />}\n >\n Pending\n </Badge>\n );\n }\n };\n\n return (\n <Flex flex={1} direction=\"column\">\n <DataTable<NotificationEntity, typeof filters>\n submitOnInit\n defaultSize={10}\n typeFormProps={{\n skipSubmitButton: true,\n columns: 4,\n }}\n tableProps={{\n horizontalSpacing: \"xs\",\n verticalSpacing: \"xs\",\n }}\n onFilterChange={(_key, _value, form) => {\n return form.submit();\n }}\n filters={filters}\n tableTrProps={(item) => {\n const status = getStatus(item);\n if (status === \"failed\") {\n return {\n bg: \"var(--mantine-color-red-light)\",\n };\n }\n return {};\n }}\n items={async (filters) => {\n const response = await client.findNotifications({\n query: filters,\n });\n\n return response as Page<NotificationEntity>;\n }}\n columns={{\n type: {\n label: \"Type\",\n fit: true,\n value: (item) => (\n <Badge\n size=\"sm\"\n variant=\"outline\"\n leftSection={\n item.type === \"email\" ? (\n <IconMail size={12} />\n ) : (\n <IconMessage size={12} />\n )\n }\n >\n {item.type.toUpperCase()}\n </Badge>\n ),\n },\n template: {\n label: \"Template\",\n value: (item) => (\n <Text size=\"sm\" fw={500}>\n {item.template}\n </Text>\n ),\n },\n contact: {\n label: \"Contact\",\n value: (item) => (\n <Text size=\"sm\" ff=\"monospace\">\n {item.contact}\n </Text>\n ),\n },\n category: {\n label: \"Category\",\n fit: true,\n value: (item) =>\n item.category ? (\n <Badge size=\"xs\" variant=\"light\">\n {item.category}\n </Badge>\n ) : (\n <Text size=\"xs\" c=\"dimmed\">\n -\n </Text>\n ),\n },\n status: {\n label: \"Status\",\n fit: true,\n value: (item) => getStatusBadge(item),\n },\n sentAt: {\n label: \"Sent\",\n fit: true,\n value: (item) => (\n <Text size=\"xs\" c=\"dimmed\">\n {item.sentAt ? l(item.sentAt, { date: \"fromNow\" }) : \"-\"}\n </Text>\n ),\n },\n createdAt: {\n label: \"Created\",\n fit: true,\n value: (item) => (\n <Text size=\"xs\" c=\"dimmed\">\n {l(item.createdAt, { date: \"fromNow\" })}\n </Text>\n ),\n },\n }}\n />\n </Flex>\n );\n};\n\nexport default AdminNotifications;\n"],"mappings":"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"}