@alepha/ui 0.18.1 → 0.18.3

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

@@ -1,4 +1,4 @@
-import { _ as ActionButton, b as useToast, f as DetailList, i as useDialog, r as DataTable, s as Text$1, u as Flex$1 } from "./core-2xoLiT0o.js";
+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 { t } from "alepha";
 import { useI18n } from "alepha/react/i18n";
 import { Badge, Code, Paper, Table } from "@mantine/core";
@@ -76,6 +76,7 @@ const AdminJobExecutions = () => {
 		toast
 	]);
 	return /* @__PURE__ */ jsx(Flex$1, {
+		p: "md",
 		flex: 1,
 		direction: "column",
 		gap: "md",
@@ -88,12 +89,9 @@ const AdminJobExecutions = () => {
 			},
 			tableProps: {
 				horizontalSpacing: "sm",
-				verticalSpacing: "sm",
-				highlightOnHover: true
-			},
-			onFilterChange: (key, _value, form) => {
-				if (key === "job" || key === "status" || key === "priority") return form.submit();
+				verticalSpacing: "sm"
 			},
+			onFilterChange: (_key, _value, form) => form.submit(),
 			filters: executionFilters,
 			defaultFilters: ["job", "status"],
 			items: async (filters) => {
@@ -102,12 +100,14 @@ const AdminJobExecutions = () => {
 			columns: {
 				status: {
 					label: "Status",
-					fit: true,
-					value: (item) => /* @__PURE__ */ jsx(Badge, {
-						size: "sm",
-						variant: "default",
-						children: item.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",
@@ -120,7 +120,6 @@ const AdminJobExecutions = () => {
 				},
 				priority: {
 					label: "Priority",
-					fit: true,
 					value: (item) => /* @__PURE__ */ jsx(Text$1, {
 						size: "xs",
 						c: "dimmed",
@@ -129,7 +128,6 @@ const AdminJobExecutions = () => {
 				},
 				attempt: {
 					label: "Attempt",
-					fit: true,
 					value: (item) => /* @__PURE__ */ jsxs(Text$1, {
 						size: "sm",
 						ff: "monospace",
@@ -142,7 +140,6 @@ const AdminJobExecutions = () => {
 				},
 				triggeredByName: {
 					label: "Trigger",
-					fit: true,
 					defaultHidden: true,
 					value: (item) => /* @__PURE__ */ jsx(Text$1, {
 						size: "xs",
@@ -152,7 +149,6 @@ const AdminJobExecutions = () => {
 				},
 				createdAt: {
 					label: "Created",
-					fit: true,
 					defaultHidden: true,
 					value: (item) => /* @__PURE__ */ jsx(Text$1, {
 						size: "xs",
@@ -162,7 +158,6 @@ const AdminJobExecutions = () => {
 				},
 				startedAt: {
 					label: "Started",
-					fit: true,
 					value: (item) => /* @__PURE__ */ jsx(Text$1, {
 						size: "xs",
 						c: "dimmed",
@@ -171,7 +166,6 @@ const AdminJobExecutions = () => {
 				},
 				duration: {
 					label: "Duration",
-					fit: true,
 					value: (item) => /* @__PURE__ */ jsx(Text$1, {
 						size: "xs",
 						c: "dimmed",
@@ -191,7 +185,6 @@ const AdminJobExecutions = () => {
 				},
 				key: {
 					label: "Key",
-					fit: true,
 					defaultHidden: true,
 					value: (item) => /* @__PURE__ */ jsx(Text$1, {
 						size: "xs",
@@ -202,7 +195,6 @@ const AdminJobExecutions = () => {
 				},
 				workerId: {
 					label: "Worker",
-					fit: true,
 					defaultHidden: true,
 					value: (item) => /* @__PURE__ */ jsx(Text$1, {
 						size: "xs",
@@ -210,23 +202,19 @@ const AdminJobExecutions = () => {
 						ff: "monospace",
 						children: item.workerId ?? "—"
 					})
-				},
-				actions: {
-					label: "",
-					fit: true,
-					actions: (item) => [{
-						tooltip: "Retry",
-						icon: IconRefresh,
-						onClick: () => handleRetry(item.id),
-						visible: item.can?.retry
-					}, {
-						tooltip: "Cancel",
-						icon: IconCircleX,
-						onClick: () => handleCancel(item.id),
-						visible: item.can?.cancel
-					}]
 				}
 			},
+			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, {
@@ -639,4 +627,4 @@ const ExecutionDetailContent = ({ item, onRetry, onCancel }) => {
 
 //#endregion
 export { AdminJobExecutions as default };
-//# sourceMappingURL=AdminJobExecutions-B9cek5dl.js.map
+//# sourceMappingURL=AdminJobExecutions-D9E-CS-U.js.map

package/dist/admin/AdminJobExecutions-D9E-CS-U.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AdminJobExecutions-D9E-CS-U.js","names":["Flex","Text"],"sources":["../../src/admin/components/jobs/AdminJobExecutions.tsx"],"sourcesContent":["import type { DetailListItem } from \"@alepha/ui\";\nimport {\n  ActionButton,\n  DataTable,\n  DetailList,\n  Flex,\n  Text,\n  useDialog,\n  useToast,\n} from \"@alepha/ui\";\nimport { Badge, Code, Paper, Table } from \"@mantine/core\";\nimport { IconCircleX, IconRefresh } 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\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.retryJobExecution({ 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.cancelJobExecution({ 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 p=\"md\" 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        }}\n        onFilterChange={(_key, _value, form) => form.submit()}\n        filters={executionFilters}\n        defaultFilters={[\"job\", \"status\"]}\n        items={async (filters) => {\n          const response = await client.findJobExecutions({\n            query: {\n              ...filters,\n            },\n          });\n          return response as Page<JobExecutionResource>;\n        }}\n        columns={{\n          status: {\n            label: \"Status\",\n            value: (item) => {\n              const color =\n                item.status === \"completed\"\n                  ? \"green\"\n                  : item.status === \"running\"\n                    ? \"blue\"\n                    : item.status === \"failed\" || item.status === \"dead\"\n                      ? \"red\"\n                      : item.status === \"cancelled\"\n                        ? \"yellow\"\n                        : \"gray\";\n              return (\n                <Badge size=\"sm\" variant=\"light\" color={color}>\n                  {item.status}\n                </Badge>\n              );\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            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            value: (item) => (\n              <Text size=\"sm\" ff=\"monospace\">\n                {item.attempt}/{item.maxAttempts}\n              </Text>\n            ),\n          },\n          triggeredByName: {\n            label: \"Trigger\",\n            defaultHidden: true,\n            value: (item) => (\n              <Text size=\"xs\" c=\"dimmed\">\n                {item.triggeredByName ?? \"\\u2014\"}\n              </Text>\n            ),\n          },\n          createdAt: {\n            label: \"Created\",\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            value: (item) => (\n              <Text size=\"xs\" c=\"dimmed\">\n                {item.startedAt\n                  ? l(item.startedAt, { date: \"fromNow\" })\n                  : \"\\u2014\"}\n              </Text>\n            ),\n          },\n          duration: {\n            label: \"Duration\",\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                  : \"\\u2014\"}\n              </Text>\n            ),\n          },\n          error: {\n            label: \"Error\",\n            defaultHidden: true,\n            value: (item) => (\n              <Text size=\"xs\" c=\"dimmed\" lineClamp={1}>\n                {item.error ?? \"\\u2014\"}\n              </Text>\n            ),\n          },\n          key: {\n            label: \"Key\",\n            defaultHidden: true,\n            value: (item) => (\n              <Text size=\"xs\" c=\"dimmed\" ff=\"monospace\">\n                {item.key ?? \"\\u2014\"}\n              </Text>\n            ),\n          },\n          workerId: {\n            label: \"Worker\",\n            defaultHidden: true,\n            value: (item) => (\n              <Text size=\"xs\" c=\"dimmed\" ff=\"monospace\">\n                {item.workerId ?? \"\\u2014\"}\n              </Text>\n            ),\n          },\n        }}\n        rowActions={(item) => [\n          {\n            label: \"Retry\",\n            icon: IconRefresh,\n            onClick: () => handleRetry(item.id),\n            visible: item.can?.retry,\n          },\n          {\n            label: \"Cancel\",\n            icon: IconCircleX,\n            onClick: () => handleCancel(item.id),\n            visible: item.can?.cancel,\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\" radius=\"sm\" withBorder>\n                    <Text\n                      size=\"xs\"\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.getJobExecution({ 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  const detailItems: DetailListItem[] = [\n    {\n      label: \"ID\",\n      value: (\n        <Text size=\"sm\" ff=\"monospace\">\n          {detail.id}\n        </Text>\n      ),\n      copyable: detail.id,\n    },\n    {\n      label: \"Status\",\n      value: (\n        <Text size=\"sm\" tt=\"capitalize\">\n          {detail.status}\n        </Text>\n      ),\n    },\n    {\n      label: \"Priority\",\n      value: PRIORITY_LABELS[detail.priority] ?? \"Normal\",\n    },\n    {\n      label: \"Attempt\",\n      value: (\n        <Text size=\"sm\" ff=\"monospace\">\n          {detail.attempt}/{detail.maxAttempts}\n        </Text>\n      ),\n    },\n    {\n      label: \"Worker\",\n      value: (\n        <Text size=\"sm\" ff=\"monospace\">\n          {detail.workerId}\n        </Text>\n      ),\n      hidden: !detail.workerId,\n    },\n    {\n      label: \"Key\",\n      value: (\n        <Text size=\"sm\" ff=\"monospace\">\n          {detail.key}\n        </Text>\n      ),\n      hidden: !detail.key,\n    },\n    {\n      label: \"Created\",\n      value: String(l(detail.createdAt, { date: \"lll\" })),\n    },\n    {\n      label: \"Started\",\n      value: detail.startedAt\n        ? String(l(detail.startedAt, { date: \"lll\" }))\n        : undefined,\n      hidden: !detail.startedAt,\n    },\n    {\n      label: \"Duration\",\n      value:\n        detail.startedAt &&\n        (detail.completedAt || detail.status === \"running\") ? (\n          <Text size=\"sm\" ff=\"monospace\">\n            {formatDuration(detail.startedAt, detail.completedAt)}\n          </Text>\n        ) : undefined,\n      hidden: !(\n        detail.startedAt &&\n        (detail.completedAt || detail.status === \"running\")\n      ),\n    },\n    {\n      label: \"Triggered By\",\n      value: detail.triggeredByName,\n      hidden: !detail.triggeredByName,\n    },\n    {\n      label: \"Cancelled By\",\n      value: detail.cancelledByName,\n      hidden: !detail.cancelledByName,\n    },\n  ];\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        <Text size=\"sm\" tt=\"capitalize\" c=\"dimmed\">\n          {detail.status}\n        </Text>\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            icon={IconRefresh}\n            onClick={handleRetry}\n          />\n        )}\n        {detail.can?.cancel && (\n          <ActionButton\n            tooltip=\"Cancel\"\n            variant=\"light\"\n            size=\"xs\"\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        <DetailList items={detailItems} columns={2} />\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\">\n            Error\n          </Text>\n          <Paper p=\"xs\" radius=\"sm\" withBorder>\n            <Text\n              size=\"sm\"\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 size=\"xs\" variant=\"default\">\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\nexport default AdminJobExecutions;\n"],"mappings":"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"}

package/dist/admin/{AdminJobRegistry-DFgV3oqx.js → AdminJobRegistry-Ci9ue1zC.js}

@@ -1,4 +1,4 @@
-import { b as useToast, f as DetailList, i as useDialog, r as DataTable, s as Text$1, u as Flex$1 } from "./core-2xoLiT0o.js";
+import { 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 { t } from "alepha";
 import { useI18n } from "alepha/react/i18n";
 import { Badge } from "@mantine/core";
@@ -54,6 +54,7 @@ const AdminJobRegistry = () => {
 		toast
 	]);
 	return /* @__PURE__ */ jsx(Flex$1, {
+		p: "md",
 		flex: 1,
 		direction: "column",
 		gap: "md",
@@ -65,8 +66,7 @@ const AdminJobRegistry = () => {
 			},
 			tableProps: {
 				horizontalSpacing: "sm",
-				verticalSpacing: "sm",
-				highlightOnHover: true
+				verticalSpacing: "sm"
 			},
 			onFilterChange: (_key, _value, form) => form.submit(),
 			filters: registryFilters,
@@ -86,7 +86,6 @@ const AdminJobRegistry = () => {
 				},
 				type: {
 					label: "Type",
-					fit: true,
 					value: (item) => /* @__PURE__ */ jsx(Badge, {
 						size: "sm",
 						variant: "default",
@@ -95,7 +94,6 @@ const AdminJobRegistry = () => {
 				},
 				priority: {
 					label: "Priority",
-					fit: true,
 					value: (item) => /* @__PURE__ */ jsx(Text$1, {
 						size: "sm",
 						tt: "capitalize",
@@ -104,7 +102,6 @@ const AdminJobRegistry = () => {
 				},
 				concurrency: {
 					label: "Concurrency",
-					fit: true,
 					value: (item) => /* @__PURE__ */ jsx(Text$1, {
 						size: "sm",
 						ff: "monospace",
@@ -113,7 +110,6 @@ const AdminJobRegistry = () => {
 				},
 				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$1, {
@@ -147,18 +143,14 @@ const AdminJobRegistry = () => {
 							]
 						});
 					}
-				},
-				actions: {
-					label: "",
-					fit: true,
-					actions: (item) => [{
-						tooltip: "Trigger",
-						color: "blue",
-						icon: IconPlayerPlay,
-						onClick: () => handleTriggerJob(item.name)
-					}]
 				}
 			},
+			rowActions: (item) => [{
+				label: "Trigger",
+				color: "blue",
+				icon: IconPlayerPlay,
+				onClick: () => handleTriggerJob(item.name)
+			}],
 			panel: (item) => {
 				const cron = cronMap.get(item.name);
 				const failure = failureMap.get(item.name);
@@ -275,4 +267,4 @@ const AdminJobRegistry = () => {
 
 //#endregion
 export { AdminJobRegistry as default };
-//# sourceMappingURL=AdminJobRegistry-DFgV3oqx.js.map
+//# sourceMappingURL=AdminJobRegistry-Ci9ue1zC.js.map

package/dist/admin/AdminJobRegistry-Ci9ue1zC.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AdminJobRegistry-Ci9ue1zC.js","names":["Flex","Text"],"sources":["../../src/admin/components/jobs/AdminJobRegistry.tsx"],"sourcesContent":["import type { DetailListItem } from \"@alepha/ui\";\nimport {\n  DataTable,\n  DetailList,\n  Flex,\n  Text,\n  useDialog,\n  useToast,\n} 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 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.getJobQueueDepth(),\n        client.getJobTopFailures(),\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 p=\"md\" 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        }}\n        onFilterChange={(_key, _value, form) => form.submit()}\n        filters={registryFilters}\n        items={async (filters) => {\n          const items = await client.getJobRegistry();\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            value: (item) => (\n              <Badge size=\"sm\" variant=\"default\">\n                {item.type}\n              </Badge>\n            ),\n          },\n          priority: {\n            label: \"Priority\",\n            value: (item) => (\n              <Text size=\"sm\" tt=\"capitalize\">\n                {item.priority}\n              </Text>\n            ),\n          },\n          concurrency: {\n            label: \"Concurrency\",\n            value: (item) => (\n              <Text size=\"sm\" ff=\"monospace\">\n                {item.concurrency}\n              </Text>\n            ),\n          },\n          queue: {\n            label: \"Queue\",\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=\"default\">\n                      {q.running} run\n                    </Badge>\n                  )}\n                  {q.pending > 0 && (\n                    <Badge size=\"xs\" variant=\"default\">\n                      {q.pending} pen\n                    </Badge>\n                  )}\n                  {q.retrying > 0 && (\n                    <Badge size=\"xs\" variant=\"default\">\n                      {q.retrying} retry\n                    </Badge>\n                  )}\n                  {q.dead > 0 && (\n                    <Badge size=\"xs\" variant=\"default\">\n                      {q.dead} dead\n                    </Badge>\n                  )}\n                </Flex>\n              );\n            },\n          },\n        }}\n        rowActions={(item) => [\n          {\n            label: \"Trigger\",\n            color: \"blue\",\n            icon: IconPlayerPlay,\n            onClick: () => handleTriggerJob(item.name),\n          },\n        ]}\n        panel={(item) => {\n          const cron = cronMap.get(item.name);\n          const failure = failureMap.get(item.name);\n\n          const detailItems: DetailListItem[] = [\n            {\n              label: \"Cron\",\n              value: item.cron ? (\n                <Text size=\"sm\" ff=\"monospace\">\n                  {item.cron}\n                </Text>\n              ) : undefined,\n              hidden: !item.cron,\n            },\n            {\n              label: \"Timeout\",\n              value: item.timeout,\n              hidden: !item.timeout,\n            },\n            {\n              label: \"Retry\",\n              value: item.retry\n                ? `${item.retry.retries}x${item.retry.hasBackoff ? \" (backoff)\" : \"\"}`\n                : undefined,\n              hidden: !item.retry,\n            },\n            {\n              label: \"Batch\",\n              value: item.batch\n                ? `${item.batch.size} / ${item.batch.window}`\n                : undefined,\n              hidden: !item.batch,\n            },\n            {\n              label: \"Schema\",\n              value: item.hasSchema ? \"Yes\" : \"No\",\n            },\n          ];\n\n          return (\n            <Flex direction=\"column\" gap=\"sm\" p=\"sm\">\n              <DetailList items={detailItems} columns={3} />\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-dimmed)\"\n                      />\n                    ) : (\n                      <IconCircleX\n                        size={14}\n                        color=\"var(--mantine-color-dimmed)\"\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=\"dimmed\" 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                  <Text size=\"xs\" fw={500}>\n                    {failure.failures}\n                  </Text>\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\nexport default AdminJobRegistry;\n"],"mappings":"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"}

package/dist/admin/AdminLayout-I6TlUMPc.js

@@ -0,0 +1,61 @@
+import { _ as ActionButton, f as ToggleSidebarButton, o as DashboardShell, s as Text$1, v as ui, y as AlephaMantineProvider } from "./core-CYaRQ8O-.js";
+import { Flex, Image } from "@mantine/core";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { IconArrowLeft } from "@tabler/icons-react";
+
+//#region ../../src/admin/components/AdminLayout.tsx
+const AdminLayout = (props) => {
+	return /* @__PURE__ */ jsx(AlephaMantineProvider, {
+		mantine: { theme: { components: { Button: { defaultProps: { fw: 400 } } } } },
+		children: /* @__PURE__ */ jsx(DashboardShell, {
+			layout: "alt",
+			navbarHeader: (props) => /* @__PURE__ */ jsxs(Flex, {
+				gap: "md",
+				flex: 1,
+				px: "lg",
+				align: "center",
+				children: [/* @__PURE__ */ jsx(ActionButton, {
+					href: "/",
+					variant: "default",
+					bd: 0,
+					icon: IconArrowLeft
+				}), !props.collapsed && /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(Image, {
+					pt: 4,
+					src: "/favicon.svg",
+					h: 36,
+					w: 36
+				}), /* @__PURE__ */ jsxs(Flex, {
+					direction: "column",
+					children: [/* @__PURE__ */ jsx(Text$1, {
+						bold: true,
+						children: "Blog"
+					}), /* @__PURE__ */ jsx(Text$1, {
+						small: true,
+						muted: true,
+						mt: -4,
+						children: "Admin Panel"
+					})]
+				})] })]
+			}),
+			footerHeight: 48,
+			navbarFooter: /* @__PURE__ */ jsx(Flex, {
+				flex: 1,
+				px: "lg",
+				align: "center",
+				children: /* @__PURE__ */ jsx(ToggleSidebarButton, {
+					c: "gray",
+					size: "xs",
+					iconSize: ui.sizes.icon.sm,
+					p: 8,
+					bd: 0
+				})
+			}),
+			sidebarProps: { autoPopulateMenu: { startsWith: "/admin" } },
+			...props.adminShellProps
+		})
+	});
+};
+
+//#endregion
+export { AdminLayout as default };
+//# sourceMappingURL=AdminLayout-I6TlUMPc.js.map

package/dist/admin/AdminLayout-I6TlUMPc.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AdminLayout-I6TlUMPc.js","names":["Text","SidebarCollapseButton"],"sources":["../../src/admin/components/AdminLayout.tsx"],"sourcesContent":["import {\n  ActionButton,\n  AlephaMantineProvider,\n  DashboardShell,\n  type DashboardShellProps,\n  SidebarCollapseButton,\n  Text,\n  ui,\n} from \"@alepha/ui\";\nimport { Flex, Image } 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      mantine={{\n        theme: {\n          components: {\n            Button: {\n              defaultProps: {\n                fw: 400,\n              },\n            },\n          },\n        },\n      }}\n    >\n      <DashboardShell\n        layout={\"alt\"}\n        navbarHeader={(props) => (\n          <Flex gap={\"md\"} flex={1} px={\"lg\"} align={\"center\"}>\n            <ActionButton\n              href={\"/\"}\n              variant={\"default\"}\n              bd={0}\n              icon={IconArrowLeft}\n            />\n            {!props.collapsed && (\n              <>\n                <Image pt={4} src={\"/favicon.svg\"} h={36} w={36} />\n                <Flex direction={\"column\"}>\n                  <Text bold>Blog</Text>\n                  <Text small muted mt={-4}>\n                    Admin Panel\n                  </Text>\n                </Flex>\n              </>\n            )}\n          </Flex>\n        )}\n        footerHeight={48}\n        navbarFooter={\n          <Flex flex={1} px={\"lg\"} align={\"center\"}>\n            <SidebarCollapseButton\n              c={\"gray\"}\n              size={\"xs\"}\n              iconSize={ui.sizes.icon.sm}\n              p={8}\n              bd={0}\n            />\n          </Flex>\n        }\n        sidebarProps={{\n          autoPopulateMenu: {\n            startsWith: \"/admin\",\n          },\n        }}\n        {...props.adminShellProps}\n      />\n    </AlephaMantineProvider>\n  );\n};\n\nexport default AdminLayout;\n"],"mappings":";;;;;;AAgBA,MAAM,eAAe,UAA4B;AAC/C,QACE,oBAAC;EACC,SAAS,EACP,OAAO,EACL,YAAY,EACV,QAAQ,EACN,cAAc,EACZ,IAAI,KACL,EACF,EACF,EACF,EACF;YAED,oBAAC;GACC,QAAQ;GACR,eAAe,UACb,qBAAC;IAAK,KAAK;IAAM,MAAM;IAAG,IAAI;IAAM,OAAO;eACzC,oBAAC;KACC,MAAM;KACN,SAAS;KACT,IAAI;KACJ,MAAM;MACN,EACD,CAAC,MAAM,aACN,4CACE,oBAAC;KAAM,IAAI;KAAG,KAAK;KAAgB,GAAG;KAAI,GAAG;MAAM,EACnD,qBAAC;KAAK,WAAW;gBACf,oBAACA;MAAK;gBAAK;OAAW,EACtB,oBAACA;MAAK;MAAM;MAAM,IAAI;gBAAI;OAEnB;MACF,IACN;KAEA;GAET,cAAc;GACd,cACE,oBAAC;IAAK,MAAM;IAAG,IAAI;IAAM,OAAO;cAC9B,oBAACC;KACC,GAAG;KACH,MAAM;KACN,UAAU,GAAG,MAAM,KAAK;KACxB,GAAG;KACH,IAAI;MACJ;KACG;GAET,cAAc,EACZ,kBAAkB,EAChB,YAAY,UACb,EACF;GACD,GAAI,MAAM;IACV;GACoB"}