@alepha/ui 0.18.3 → 0.19.1

package/src/core/components/layout/DashboardShell.tsx

@@ -69,7 +69,7 @@ export interface DashboardShellProps {
   container?: boolean | ContainerProps;
 
   /**
-   * If true, the DashboardShell will fill the height of its container.
+   * If true, the DashboardShell will fill the height with its container.
    */
   fill?: boolean;
 }

package/src/core/index.ts

@@ -61,7 +61,6 @@ export { default as ConfirmDialog } from "./components/dialogs/ConfirmDialog.tsx
 export { default as PromptDialog } from "./components/dialogs/PromptDialog.tsx";
 export type { FlexProps } from "./components/Flex.tsx";
 export { default as Flex } from "./components/Flex.tsx";
-export { default as Heading } from "./components/Heading.tsx";
 export type {
   AppBarBack,
   AppBarBurger,
@@ -105,6 +104,10 @@ export { Sidebar } from "./components/layout/Sidebar.tsx";
 export { SidebarCollapsedItem } from "./components/layout/SidebarCollapsedItem.tsx";
 export type { SidebarItemProps } from "./components/layout/SidebarItem.tsx";
 export { SidebarItem } from "./components/layout/SidebarItem.tsx";
+export type { SectionProps } from "./components/Section.tsx";
+export { default as Section } from "./components/Section.tsx";
+export type { SectionHeaderProps } from "./components/SectionHeader.tsx";
+export { default as SectionHeader } from "./components/SectionHeader.tsx";
 export type { TextProps } from "./components/Text.tsx";
 export { default as Text } from "./components/Text.tsx";
 export * from "./constants/ui.ts";

package/src/core/services/DialogService.tsx

@@ -117,8 +117,8 @@ export class DialogService {
           <ConfirmDialog
             options={options}
             onConfirm={(confirmed) => {
-              this.close(modalId);
               done(confirmed);
+              this.close(modalId);
             }}
           />
         ),
@@ -147,8 +147,8 @@ export class DialogService {
           <PromptDialog
             options={options}
             onSubmit={(value) => {
-              this.close(modalId);
               done(value);
+              this.close(modalId);
             }}
           />
         ),

package/src/core/styles.css

@@ -112,7 +112,8 @@
 
 /* ------------------------------------------------------------------------------------------------------------------ */
 /* our custom "minimal" variant for <Button/> - from Blueprint */
-.mantine-Button-root[data-variant="minimal"] {
+.mantine-Button-root[data-variant="minimal"],
+.mantine-Anchor-root[data-variant="minimal"] {
   background-color: transparent;
   color: var(--mantine-color-text);
 }

package/src/core/table/components/DataTable.tsx

@@ -90,7 +90,11 @@ const toAriaSort = (
   return "none";
 };
 
-const FIT_STYLE = { width: 1, whiteSpace: "nowrap" } as const;
+const FIT_STYLE = {
+  width: 1,
+  whiteSpace: "nowrap",
+  minWidth: "fit-content",
+} as const;
 
 const DataTable = <T extends object, Filters extends TObject>(
   props: DataTableProps<T, Filters>,
@@ -606,7 +610,6 @@ const DataTable = <T extends object, Filters extends TObject>(
                 position: "sticky",
                 top: 0,
                 zIndex: 1,
-                backgroundColor: "var(--alepha-elevated)",
               }}
             >
               <Table.Tr>

package/src/demo/DemoRouter.ts

@@ -76,7 +76,7 @@ export class DemoRouter {
   demoHeading = $page({
     icon: IconHeading,
     path: "/heading",
-    label: "Heading",
+    label: "Section",
     lazy: () => import("./components/core/DemoHeading.tsx"),
   });
 

package/src/demo/components/auth/DemoLogin.tsx

@@ -104,6 +104,11 @@ const buildRealmConfig = (props: {
         requireNumbers: true,
         requireSpecialCharacters: false,
       },
+      loginRateLimit: {
+        ipMaxAttempts: 15,
+        accountMaxAttempts: 5,
+        windowMs: 15 * 60 * 1000,
+      },
     },
   };
 };

package/src/demo/components/auth/DemoRegister.tsx

@@ -98,6 +98,11 @@ const buildRealmConfig = (props: {
         requireNumbers: true,
         requireSpecialCharacters: false,
       },
+      loginRateLimit: {
+        ipMaxAttempts: 15,
+        accountMaxAttempts: 5,
+        windowMs: 15 * 60 * 1000,
+      },
     },
   };
 };

package/src/demo/components/auth/DemoResetPassword.tsx

@@ -45,6 +45,11 @@ const buildRealmConfig = (props: {
         requireNumbers: true,
         requireSpecialCharacters: false,
       },
+      loginRateLimit: {
+        ipMaxAttempts: 15,
+        accountMaxAttempts: 5,
+        windowMs: 15 * 60 * 1000,
+      },
     },
   };
 };

package/src/demo/components/core/DemoHeading.tsx

@@ -1,11 +1,64 @@
-import { Heading } from "@alepha/ui";
+import { Flex, Section, SectionHeader } from "@alepha/ui";
+import { IconUser } from "@tabler/icons-react";
 import { t } from "alepha";
 import Showcase from "../shared/Showcase.tsx";
 
 const DemoHeading = () => {
   return (
-    <Showcase title="Flex" schema={t.object({})} initialValues={{}}>
-      {(props) => <Heading title={"Hello!"} />}
+    <Showcase
+      title="SectionHeader & Section"
+      schema={t.object({})}
+      initialValues={{}}
+    >
+      {() => (
+        <Flex col gap="lg" w="100%">
+          <SectionHeader title="Simple" />
+
+          <SectionHeader
+            title="With Icon & Subtitle"
+            icon={IconUser}
+            subtitle="This is a subtitle"
+          />
+
+          <SectionHeader
+            title="With Actions"
+            subtitle="Section with action buttons"
+            actions={[
+              { children: "Edit", onClick: () => {} },
+              { children: "Delete", intent: "danger", onClick: () => {} },
+            ]}
+          />
+
+          <Section title="Basic Section">
+            Section body content goes here.
+          </Section>
+
+          <Section
+            title="With Icon & Actions"
+            icon={IconUser}
+            subtitle="A section with header features"
+            actions={[{ children: "Edit", onClick: () => {} }]}
+          >
+            Section body with icon and actions.
+          </Section>
+
+          <Section
+            title="Collapsible Section"
+            collapsible
+            subtitle="Click header to toggle"
+          >
+            This content can be collapsed.
+          </Section>
+
+          <Section title="Collapsed by Default" collapsible defaultCollapsed>
+            This was hidden initially.
+          </Section>
+
+          <Section>
+            Section without header — just a bordered surface container.
+          </Section>
+        </Flex>
+      )}
     </Showcase>
   );
 };

package/dist/admin/AdminFiles-DFTjijGp.js

@@ -1,111 +0,0 @@
-import { l as Flex, r as DataTable, s as Text } from "./core-CYaRQ8O-.js";
-import { t } from "alepha";
-import { useI18n } from "alepha/react/i18n";
-import { jsx } from "react/jsx-runtime";
-import { useClient } from "alepha/react";
-import { files } from "alepha/api/files";
-
-//#region ../../src/admin/components/files/AdminFiles.tsx
-const AdminFiles = () => {
-	const client = useClient();
-	const { l } = useI18n();
-	const filters = t.object({
-		bucket: t.optional(t.string()),
-		name: t.optional(t.string({ $control: { query: t.pick(files.schema, [
-			"name",
-			"bucket",
-			"mimeType"
-		]) } }))
-	});
-	const formatFileSize = (bytes) => {
-		if (bytes === 0) return "0 B";
-		const k = 1024;
-		const sizes = [
-			"B",
-			"KB",
-			"MB",
-			"GB"
-		];
-		const i = Math.floor(Math.log(bytes) / Math.log(k));
-		return `${Number.parseFloat((bytes / k ** i).toFixed(1))} ${sizes[i]}`;
-	};
-	return /* @__PURE__ */ jsx(Flex, {
-		p: "md",
-		flex: 1,
-		direction: "column",
-		children: /* @__PURE__ */ jsx(DataTable, {
-			submitOnInit: true,
-			defaultSize: 10,
-			typeFormProps: {
-				skipSubmitButton: true,
-				columns: 3
-			},
-			tableProps: {
-				horizontalSpacing: "xs",
-				verticalSpacing: "xs"
-			},
-			onFilterChange: (key, _value, form) => {
-				if (key === "name" || key === "bucket") return form.submit();
-			},
-			filters,
-			items: async (filters) => {
-				return await client.findFiles({ query: filters });
-			},
-			columns: {
-				name: {
-					label: "Name",
-					value: (item) => /* @__PURE__ */ jsx(Text, {
-						size: "sm",
-						fw: 500,
-						lineClamp: 1,
-						children: item.name
-					})
-				},
-				bucket: {
-					label: "Bucket",
-					value: (item) => /* @__PURE__ */ jsx(Text, {
-						size: "xs",
-						ff: "monospace",
-						children: item.bucket
-					})
-				},
-				mimeType: {
-					label: "Type",
-					value: (item) => /* @__PURE__ */ jsx(Text, {
-						size: "xs",
-						c: "dimmed",
-						children: item.mimeType
-					})
-				},
-				size: {
-					label: "Size",
-					value: (item) => /* @__PURE__ */ jsx(Text, {
-						size: "xs",
-						c: "dimmed",
-						children: formatFileSize(item.size)
-					})
-				},
-				creatorName: {
-					label: "Creator",
-					value: (item) => /* @__PURE__ */ jsx(Text, {
-						size: "xs",
-						c: "dimmed",
-						children: item.creatorName || "-"
-					})
-				},
-				createdAt: {
-					label: "Created",
-					value: (item) => /* @__PURE__ */ jsx(Text, {
-						size: "xs",
-						c: "dimmed",
-						children: l(item.createdAt, { date: "fromNow" })
-					})
-				}
-			}
-		})
-	});
-};
-
-//#endregion
-export { AdminFiles as default };
-//# sourceMappingURL=AdminFiles-DFTjijGp.js.map

package/dist/admin/AdminFiles-DFTjijGp.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"AdminFiles-DFTjijGp.js","names":[],"sources":["../../src/admin/components/files/AdminFiles.tsx"],"sourcesContent":["import { DataTable, Flex, Text } from \"@alepha/ui\";\nimport { type Page, t } from \"alepha\";\nimport { type FileController, type FileEntity, files } from \"alepha/api/files\";\nimport { useClient } from \"alepha/react\";\nimport { useI18n } from \"alepha/react/i18n\";\n\nconst AdminFiles = () => {\n  const client = useClient<FileController>();\n  const { l } = useI18n();\n\n  const filters = t.object({\n    bucket: t.optional(t.string()),\n    name: t.optional(\n      t.string({\n        $control: {\n          query: t.pick(files.schema, [\"name\", \"bucket\", \"mimeType\"]),\n        },\n      }),\n    ),\n  });\n\n  const formatFileSize = (bytes: number) => {\n    if (bytes === 0) return \"0 B\";\n    const k = 1024;\n    const sizes = [\"B\", \"KB\", \"MB\", \"GB\"];\n    const i = Math.floor(Math.log(bytes) / Math.log(k));\n    return `${Number.parseFloat((bytes / k ** i).toFixed(1))} ${sizes[i]}`;\n  };\n\n  return (\n    <Flex p=\"md\" flex={1} direction={\"column\"}>\n      <DataTable<FileEntity, typeof filters>\n        submitOnInit\n        defaultSize={10}\n        typeFormProps={{\n          skipSubmitButton: true,\n          columns: 3,\n        }}\n        tableProps={{\n          horizontalSpacing: \"xs\",\n          verticalSpacing: \"xs\",\n        }}\n        onFilterChange={(key, _value, form) => {\n          if (key === \"name\" || key === \"bucket\") {\n            return form.submit();\n          }\n        }}\n        filters={filters}\n        items={async (filters) => {\n          const response = await client.findFiles({\n            query: filters,\n          });\n\n          return response as Page<FileEntity>;\n        }}\n        columns={{\n          name: {\n            label: \"Name\",\n            value: (item) => (\n              <Text size=\"sm\" fw={500} lineClamp={1}>\n                {item.name}\n              </Text>\n            ),\n          },\n          bucket: {\n            label: \"Bucket\",\n            value: (item) => (\n              <Text size=\"xs\" ff=\"monospace\">\n                {item.bucket}\n              </Text>\n            ),\n          },\n          mimeType: {\n            label: \"Type\",\n            value: (item) => (\n              <Text size=\"xs\" c=\"dimmed\">\n                {item.mimeType}\n              </Text>\n            ),\n          },\n          size: {\n            label: \"Size\",\n            value: (item) => (\n              <Text size=\"xs\" c=\"dimmed\">\n                {formatFileSize(item.size)}\n              </Text>\n            ),\n          },\n          creatorName: {\n            label: \"Creator\",\n            value: (item) => (\n              <Text size=\"xs\" c=\"dimmed\">\n                {item.creatorName || \"-\"}\n              </Text>\n            ),\n          },\n          createdAt: {\n            label: \"Created\",\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 AdminFiles;\n"],"mappings":";;;;;;;;AAMA,MAAM,mBAAmB;CACvB,MAAM,SAAS,WAA2B;CAC1C,MAAM,EAAE,MAAM,SAAS;CAEvB,MAAM,UAAU,EAAE,OAAO;EACvB,QAAQ,EAAE,SAAS,EAAE,QAAQ,CAAC;EAC9B,MAAM,EAAE,SACN,EAAE,OAAO,EACP,UAAU,EACR,OAAO,EAAE,KAAK,MAAM,QAAQ;GAAC;GAAQ;GAAU;GAAW,CAAC,EAC5D,EACF,CAAC,CACH;EACF,CAAC;CAEF,MAAM,kBAAkB,UAAkB;AACxC,MAAI,UAAU,EAAG,QAAO;EACxB,MAAM,IAAI;EACV,MAAM,QAAQ;GAAC;GAAK;GAAM;GAAM;GAAK;EACrC,MAAM,IAAI,KAAK,MAAM,KAAK,IAAI,MAAM,GAAG,KAAK,IAAI,EAAE,CAAC;AACnD,SAAO,GAAG,OAAO,YAAY,QAAQ,KAAK,GAAG,QAAQ,EAAE,CAAC,CAAC,GAAG,MAAM;;AAGpE,QACE,oBAAC;EAAK,GAAE;EAAK,MAAM;EAAG,WAAW;YAC/B,oBAAC;GACC;GACA,aAAa;GACb,eAAe;IACb,kBAAkB;IAClB,SAAS;IACV;GACD,YAAY;IACV,mBAAmB;IACnB,iBAAiB;IAClB;GACD,iBAAiB,KAAK,QAAQ,SAAS;AACrC,QAAI,QAAQ,UAAU,QAAQ,SAC5B,QAAO,KAAK,QAAQ;;GAGf;GACT,OAAO,OAAO,YAAY;AAKxB,WAJiB,MAAM,OAAO,UAAU,EACtC,OAAO,SACR,CAAC;;GAIJ,SAAS;IACP,MAAM;KACJ,OAAO;KACP,QAAQ,SACN,oBAAC;MAAK,MAAK;MAAK,IAAI;MAAK,WAAW;gBACjC,KAAK;OACD;KAEV;IACD,QAAQ;KACN,OAAO;KACP,QAAQ,SACN,oBAAC;MAAK,MAAK;MAAK,IAAG;gBAChB,KAAK;OACD;KAEV;IACD,UAAU;KACR,OAAO;KACP,QAAQ,SACN,oBAAC;MAAK,MAAK;MAAK,GAAE;gBACf,KAAK;OACD;KAEV;IACD,MAAM;KACJ,OAAO;KACP,QAAQ,SACN,oBAAC;MAAK,MAAK;MAAK,GAAE;gBACf,eAAe,KAAK,KAAK;OACrB;KAEV;IACD,aAAa;KACX,OAAO;KACP,QAAQ,SACN,oBAAC;MAAK,MAAK;MAAK,GAAE;gBACf,KAAK,eAAe;OAChB;KAEV;IACD,WAAW;KACT,OAAO;KACP,QAAQ,SACN,oBAAC;MAAK,MAAK;MAAK,GAAE;gBACf,EAAE,KAAK,WAAW,EAAE,MAAM,WAAW,CAAC;OAClC;KAEV;IACF;IACD;GACG"}

package/dist/admin/AdminJobDashboard-BL8gGPDp.js

@@ -1,354 +0,0 @@
-import { _ as ActionButton, b as useToast, l as Flex$1, s as Text$1, u as StatCards } from "./core-CYaRQ8O-.js";
-import { useI18n } from "alepha/react/i18n";
-import { Paper, SimpleGrid, Table } from "@mantine/core";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { useCallback, useEffect, useState } from "react";
-import { IconAlertTriangle, IconCircleCheck, IconPlayerPlay, IconRefresh, IconTerminal2 } from "@tabler/icons-react";
-import { useClient } from "alepha/react";
-import { AreaChart, BarChart, DonutChart } from "@mantine/charts";
-
-//#region ../../src/admin/components/jobs/AdminJobDashboard.tsx
-const formatDuration = (start, end) => {
-	const startTime = new Date(start).getTime();
-	const duration = (end ? new Date(end).getTime() : Date.now()) - startTime;
-	if (duration < 1e3) return `${duration}ms`;
-	if (duration < 6e4) return `${(duration / 1e3).toFixed(1)}s`;
-	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 AdminJobDashboard = () => {
-	const client = useClient();
-	const { l } = useI18n();
-	const toast = useToast();
-	const [stats, setStats] = useState(null);
-	const [recent, setRecent] = useState([]);
-	const [failures, setFailures] = useState([]);
-	const [activity, setActivity] = useState([]);
-	const [queueDepth, setQueueDepth] = useState([]);
-	const loadData = useCallback(async () => {
-		try {
-			const [statsData, recentData, failureData, activityData, queueData] = await Promise.all([
-				client.getJobStats(),
-				client.findJobExecutions({ query: {
-					sort: "-createdAt",
-					size: 10
-				} }),
-				client.getJobTopFailures(),
-				client.getJobActivity({ query: { days: 14 } }),
-				client.getJobQueueDepth()
-			]);
-			setStats(statsData);
-			setRecent(recentData.content);
-			setFailures(failureData);
-			setActivity(activityData);
-			setQueueDepth(queueData);
-		} catch {
-			toast.danger("Failed to load dashboard data");
-		}
-	}, [client, toast]);
-	useEffect(() => {
-		loadData();
-	}, [loadData]);
-	const activityChartData = activity.map((point) => ({
-		date: new Date(point.date).toLocaleDateString("en-US", {
-			month: "short",
-			day: "numeric"
-		}),
-		completed: point.completed,
-		failed: point.failed
-	}));
-	const queueChartData = queueDepth.filter((q) => q.pending + q.running + q.scheduled + q.retrying + q.dead > 0).map((q) => ({
-		job: q.jobName.length > 20 ? `...${q.jobName.slice(q.jobName.length - 18)}` : q.jobName,
-		pending: q.pending,
-		running: q.running,
-		scheduled: q.scheduled,
-		retrying: q.retrying,
-		dead: q.dead
-	}));
-	const statusDonutData = stats ? [
-		{
-			name: "Running",
-			value: stats.running,
-			color: "blue"
-		},
-		{
-			name: "Pending",
-			value: stats.pending,
-			color: "gray"
-		},
-		{
-			name: "Scheduled",
-			value: stats.scheduled,
-			color: "violet"
-		},
-		{
-			name: "Retrying",
-			value: stats.retrying,
-			color: "yellow"
-		},
-		{
-			name: "Dead",
-			value: stats.dead,
-			color: "red"
-		}
-	].filter((d) => d.value > 0) : [];
-	return /* @__PURE__ */ jsxs(Flex$1, {
-		flex: 1,
-		direction: "column",
-		gap: "md",
-		p: "md",
-		children: [
-			/* @__PURE__ */ jsxs(Flex$1, {
-				justify: "space-between",
-				align: "center",
-				children: [/* @__PURE__ */ jsx(Text$1, {
-					size: "lg",
-					fw: 600,
-					children: "Jobs Dashboard"
-				}), /* @__PURE__ */ jsx(ActionButton, {
-					tooltip: "Refresh",
-					variant: "light",
-					size: "sm",
-					icon: IconRefresh,
-					onClick: loadData
-				})]
-			}),
-			stats && /* @__PURE__ */ jsx(StatCards, { items: [
-				{
-					label: "Registered",
-					value: stats.registered,
-					icon: IconTerminal2
-				},
-				{
-					label: "Running",
-					value: stats.running,
-					icon: IconPlayerPlay
-				},
-				{
-					label: "Completed 24h",
-					value: stats.completed24h,
-					icon: IconCircleCheck
-				},
-				{
-					label: "Failed 24h",
-					value: stats.failed24h,
-					icon: IconAlertTriangle
-				}
-			] }),
-			/* @__PURE__ */ jsxs(SimpleGrid, {
-				cols: {
-					base: 1,
-					md: 2
-				},
-				spacing: "md",
-				children: [/* @__PURE__ */ jsxs(Paper, {
-					p: "md",
-					radius: "md",
-					withBorder: true,
-					children: [/* @__PURE__ */ jsx(Text$1, {
-						size: "sm",
-						fw: 600,
-						mb: "sm",
-						children: "Activity (14d)"
-					}), activityChartData.length > 0 ? /* @__PURE__ */ jsx(AreaChart, {
-						h: 220,
-						data: activityChartData,
-						dataKey: "date",
-						series: [{
-							name: "completed",
-							label: "Completed",
-							color: "teal.6"
-						}, {
-							name: "failed",
-							label: "Failed",
-							color: "red.6"
-						}],
-						curveType: "monotone",
-						withGradient: true,
-						withTooltip: true,
-						withDots: false
-					}) : /* @__PURE__ */ jsx(Flex$1, {
-						h: 220,
-						align: "center",
-						justify: "center",
-						children: /* @__PURE__ */ jsx(Text$1, {
-							size: "sm",
-							c: "dimmed",
-							children: "No activity data"
-						})
-					})]
-				}), /* @__PURE__ */ jsxs(Paper, {
-					p: "md",
-					radius: "md",
-					withBorder: true,
-					children: [/* @__PURE__ */ jsx(Text$1, {
-						size: "sm",
-						fw: 600,
-						mb: "sm",
-						children: "Active Executions"
-					}), statusDonutData.length > 0 ? /* @__PURE__ */ jsx(DonutChart, {
-						h: 220,
-						data: statusDonutData,
-						withTooltip: true,
-						tooltipDataSource: "segment",
-						chartLabel: String(statusDonutData.reduce((sum, d) => sum + d.value, 0))
-					}) : /* @__PURE__ */ jsx(Flex$1, {
-						h: 220,
-						align: "center",
-						justify: "center",
-						children: /* @__PURE__ */ jsx(Text$1, {
-							size: "sm",
-							c: "dimmed",
-							children: "No active executions"
-						})
-					})]
-				})]
-			}),
-			queueChartData.length > 0 && /* @__PURE__ */ jsxs(Paper, {
-				p: "md",
-				radius: "md",
-				withBorder: true,
-				children: [/* @__PURE__ */ jsx(Text$1, {
-					size: "sm",
-					fw: 600,
-					mb: "sm",
-					children: "Queue Depth by Job"
-				}), /* @__PURE__ */ jsx(BarChart, {
-					h: 200,
-					data: queueChartData,
-					dataKey: "job",
-					type: "stacked",
-					series: [
-						{
-							name: "running",
-							label: "Running",
-							color: "blue.6"
-						},
-						{
-							name: "pending",
-							label: "Pending",
-							color: "gray.5"
-						},
-						{
-							name: "scheduled",
-							label: "Scheduled",
-							color: "violet.5"
-						},
-						{
-							name: "retrying",
-							label: "Retrying",
-							color: "yellow.5"
-						},
-						{
-							name: "dead",
-							label: "Dead",
-							color: "red.6"
-						}
-					],
-					withTooltip: true,
-					withLegend: true
-				})]
-			}),
-			/* @__PURE__ */ jsxs(SimpleGrid, {
-				cols: {
-					base: 1,
-					md: 2
-				},
-				spacing: "md",
-				children: [/* @__PURE__ */ jsxs(Paper, {
-					p: "md",
-					radius: "md",
-					withBorder: true,
-					children: [/* @__PURE__ */ jsx(Text$1, {
-						size: "sm",
-						fw: 600,
-						mb: "sm",
-						children: "Recent Executions"
-					}), /* @__PURE__ */ jsxs(Table, {
-						highlightOnHover: true,
-						children: [/* @__PURE__ */ jsx(Table.Thead, { children: /* @__PURE__ */ jsxs(Table.Tr, { children: [
-							/* @__PURE__ */ jsx(Table.Th, { children: "Job" }),
-							/* @__PURE__ */ jsx(Table.Th, { children: "Status" }),
-							/* @__PURE__ */ jsx(Table.Th, { children: "Duration" })
-						] }) }), /* @__PURE__ */ jsxs(Table.Tbody, { children: [recent.map((exec) => /* @__PURE__ */ jsxs(Table.Tr, { children: [
-							/* @__PURE__ */ jsx(Table.Td, { children: /* @__PURE__ */ jsx(Text$1, {
-								size: "xs",
-								fw: 500,
-								ff: "monospace",
-								lineClamp: 1,
-								children: exec.jobName
-							}) }),
-							/* @__PURE__ */ jsx(Table.Td, { children: /* @__PURE__ */ jsx(Text$1, {
-								size: "xs",
-								ff: "monospace",
-								children: exec.status
-							}) }),
-							/* @__PURE__ */ jsx(Table.Td, { children: /* @__PURE__ */ jsx(Text$1, {
-								size: "xs",
-								c: "dimmed",
-								ff: "monospace",
-								children: exec.startedAt && (exec.completedAt || exec.status === "running") ? formatDuration(exec.startedAt, exec.completedAt) : "—"
-							}) })
-						] }, exec.id)), recent.length === 0 && /* @__PURE__ */ jsx(Table.Tr, { children: /* @__PURE__ */ jsx(Table.Td, {
-							colSpan: 3,
-							children: /* @__PURE__ */ jsx(Text$1, {
-								size: "sm",
-								c: "dimmed",
-								ta: "center",
-								children: "No recent executions"
-							})
-						}) })] })]
-					})]
-				}), /* @__PURE__ */ jsxs(Paper, {
-					p: "md",
-					radius: "md",
-					withBorder: true,
-					children: [/* @__PURE__ */ jsx(Text$1, {
-						size: "sm",
-						fw: 600,
-						mb: "sm",
-						children: "Top Failures (7d)"
-					}), failures.length > 0 ? /* @__PURE__ */ jsxs(Table, { children: [/* @__PURE__ */ jsx(Table.Thead, { children: /* @__PURE__ */ jsxs(Table.Tr, { children: [
-						/* @__PURE__ */ jsx(Table.Th, { children: "Job" }),
-						/* @__PURE__ */ jsx(Table.Th, { children: "Count" }),
-						/* @__PURE__ */ jsx(Table.Th, { children: "Last Error" })
-					] }) }), /* @__PURE__ */ jsx(Table.Tbody, { children: failures.map((f) => /* @__PURE__ */ jsxs(Table.Tr, { children: [
-						/* @__PURE__ */ jsx(Table.Td, { children: /* @__PURE__ */ jsx(Text$1, {
-							size: "xs",
-							fw: 500,
-							ff: "monospace",
-							lineClamp: 1,
-							children: f.jobName
-						}) }),
-						/* @__PURE__ */ jsx(Table.Td, { children: /* @__PURE__ */ jsx(Text$1, {
-							size: "xs",
-							fw: 600,
-							ff: "monospace",
-							children: f.failures
-						}) }),
-						/* @__PURE__ */ jsx(Table.Td, { children: /* @__PURE__ */ jsx(Text$1, {
-							size: "xs",
-							c: "dimmed",
-							lineClamp: 1,
-							style: { maxWidth: 200 },
-							children: f.lastError ?? "—"
-						}) })
-					] }, f.jobName)) })] }) : /* @__PURE__ */ jsx(Flex$1, {
-						h: 100,
-						align: "center",
-						justify: "center",
-						children: /* @__PURE__ */ jsx(Text$1, {
-							size: "sm",
-							c: "dimmed",
-							children: "No failures in the last 7 days"
-						})
-					})]
-				})]
-			})
-		]
-	});
-};
-
-//#endregion
-export { AdminJobDashboard as default };
-//# sourceMappingURL=AdminJobDashboard-BL8gGPDp.js.map