@alepha/ui 0.17.2 → 0.18.1

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

@@ -1,21 +1,13 @@
-import { DataTable, Flex, Text, useDialog, useToast } from "@alepha/ui";
+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 { t } from "alepha";
-import { IconCircleCheck, IconCircleX, IconPlayerPlay } from "@tabler/icons-react";
+import { useI18n } from "alepha/react/i18n";
 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";
+import { IconCircleCheck, IconCircleX, IconPlayerPlay } from "@tabler/icons-react";
+import { useClient } from "alepha/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",
@@ -34,8 +26,8 @@ const AdminJobRegistry = () => {
 		try {
 			const [cronData, queueData, failureData] = await Promise.all([
 				client.getCronJobs(),
-				client.getQueueDepth(),
-				client.getTopFailures()
+				client.getJobQueueDepth(),
+				client.getJobTopFailures()
 			]);
 			setCronMap(new Map(cronData.map((c) => [c.name, c])));
 			setQueueMap(new Map(queueData.map((q) => [q.jobName, q])));
@@ -61,7 +53,7 @@ const AdminJobRegistry = () => {
 		dialog,
 		toast
 	]);
-	return /* @__PURE__ */ jsx(Flex, {
+	return /* @__PURE__ */ jsx(Flex$1, {
 		flex: 1,
 		direction: "column",
 		gap: "md",
@@ -79,13 +71,13 @@ const AdminJobRegistry = () => {
 			onFilterChange: (_key, _value, form) => form.submit(),
 			filters: registryFilters,
 			items: async (filters) => {
-				const items = await client.getRegistry();
+				const items = await client.getJobRegistry();
 				return { content: filters.type ? items.filter((i) => i.type === filters.type) : items };
 			},
 			columns: {
 				name: {
 					label: "Name",
-					value: (item) => /* @__PURE__ */ jsx(Text, {
+					value: (item) => /* @__PURE__ */ jsx(Text$1, {
 						size: "sm",
 						fw: 500,
 						ff: "monospace",
@@ -97,15 +89,14 @@ const AdminJobRegistry = () => {
 					fit: true,
 					value: (item) => /* @__PURE__ */ jsx(Badge, {
 						size: "sm",
-						variant: "light",
-						color: getTypeColor(item.type),
+						variant: "default",
 						children: item.type
 					})
 				},
 				priority: {
 					label: "Priority",
 					fit: true,
-					value: (item) => /* @__PURE__ */ jsx(Text, {
+					value: (item) => /* @__PURE__ */ jsx(Text$1, {
 						size: "sm",
 						tt: "capitalize",
 						children: item.priority
@@ -114,7 +105,7 @@ const AdminJobRegistry = () => {
 				concurrency: {
 					label: "Concurrency",
 					fit: true,
-					value: (item) => /* @__PURE__ */ jsx(Text, {
+					value: (item) => /* @__PURE__ */ jsx(Text$1, {
 						size: "sm",
 						ff: "monospace",
 						children: item.concurrency
@@ -125,36 +116,32 @@ const AdminJobRegistry = () => {
 					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, {
+						if (!q || q.pending + q.running + q.scheduled + q.retrying + q.dead === 0) return /* @__PURE__ */ jsx(Text$1, {
 							size: "xs",
 							c: "dimmed",
 							children: "—"
 						});
-						return /* @__PURE__ */ jsxs(Flex, {
+						return /* @__PURE__ */ jsxs(Flex$1, {
 							gap: 4,
 							children: [
 								q.running > 0 && /* @__PURE__ */ jsxs(Badge, {
 									size: "xs",
-									variant: "light",
-									color: "blue",
+									variant: "default",
 									children: [q.running, " run"]
 								}),
 								q.pending > 0 && /* @__PURE__ */ jsxs(Badge, {
 									size: "xs",
-									variant: "light",
-									color: "gray",
+									variant: "default",
 									children: [q.pending, " pen"]
 								}),
 								q.retrying > 0 && /* @__PURE__ */ jsxs(Badge, {
 									size: "xs",
-									variant: "light",
-									color: "yellow",
+									variant: "default",
 									children: [q.retrying, " retry"]
 								}),
 								q.dead > 0 && /* @__PURE__ */ jsxs(Badge, {
 									size: "xs",
-									variant: "light",
-									color: "red",
+									variant: "default",
 									children: [q.dead, " dead"]
 								})
 							]
@@ -175,97 +162,102 @@ const AdminJobRegistry = () => {
 			panel: (item) => {
 				const cron = cronMap.get(item.name);
 				const failure = failureMap.get(item.name);
-				return /* @__PURE__ */ jsxs(Flex, {
+				return /* @__PURE__ */ jsxs(Flex$1, {
 					direction: "column",
 					gap: "sm",
 					p: "sm",
 					children: [
-						/* @__PURE__ */ jsxs(Flex, {
-							gap: "lg",
-							wrap: "wrap",
-							children: [
-								item.cron && /* @__PURE__ */ jsx(PanelField, {
+						/* @__PURE__ */ jsx(DetailList, {
+							items: [
+								{
 									label: "Cron",
-									value: item.cron,
-									monospace: true
-								}),
-								item.timeout && /* @__PURE__ */ jsx(PanelField, {
+									value: item.cron ? /* @__PURE__ */ jsx(Text$1, {
+										size: "sm",
+										ff: "monospace",
+										children: item.cron
+									}) : void 0,
+									hidden: !item.cron
+								},
+								{
 									label: "Timeout",
-									value: item.timeout
-								}),
-								item.retry && /* @__PURE__ */ jsx(PanelField, {
+									value: item.timeout,
+									hidden: !item.timeout
+								},
+								{
 									label: "Retry",
-									value: `${item.retry.retries}x${item.retry.hasBackoff ? " (backoff)" : ""}`
-								}),
-								item.batch && /* @__PURE__ */ jsx(PanelField, {
+									value: item.retry ? `${item.retry.retries}x${item.retry.hasBackoff ? " (backoff)" : ""}` : void 0,
+									hidden: !item.retry
+								},
+								{
 									label: "Batch",
-									value: `${item.batch.size} / ${item.batch.window}`
-								}),
-								/* @__PURE__ */ jsx(PanelField, {
+									value: item.batch ? `${item.batch.size} / ${item.batch.window}` : void 0,
+									hidden: !item.batch
+								},
+								{
 									label: "Schema",
 									value: item.hasSchema ? "Yes" : "No"
-								})
-							]
+								}
+							],
+							columns: 3
 						}),
-						cron?.lastExecution && /* @__PURE__ */ jsxs(Flex, {
+						cron?.lastExecution && /* @__PURE__ */ jsxs(Flex$1, {
 							gap: "lg",
 							wrap: "wrap",
 							align: "center",
 							children: [
-								/* @__PURE__ */ jsx(Text, {
+								/* @__PURE__ */ jsx(Text$1, {
 									size: "xs",
 									c: "dimmed",
 									tt: "uppercase",
 									fw: 600,
 									children: "Last Run"
 								}),
-								/* @__PURE__ */ jsxs(Flex, {
+								/* @__PURE__ */ jsxs(Flex$1, {
 									align: "center",
 									gap: 4,
 									children: [cron.lastExecution.status === "completed" ? /* @__PURE__ */ jsx(IconCircleCheck, {
 										size: 14,
-										color: "var(--mantine-color-teal-6)"
+										color: "var(--mantine-color-dimmed)"
 									}) : /* @__PURE__ */ jsx(IconCircleX, {
 										size: 14,
-										color: "var(--mantine-color-red-6)"
-									}), /* @__PURE__ */ jsx(Text, {
+										color: "var(--mantine-color-dimmed)"
+									}), /* @__PURE__ */ jsx(Text$1, {
 										size: "xs",
 										tt: "capitalize",
 										children: cron.lastExecution.status
 									})]
 								}),
-								cron.lastExecution.startedAt && /* @__PURE__ */ jsx(Text, {
+								cron.lastExecution.startedAt && /* @__PURE__ */ jsx(Text$1, {
 									size: "xs",
 									c: "dimmed",
 									children: l(cron.lastExecution.startedAt, { date: "fromNow" })
 								}),
-								cron.lastExecution.error && /* @__PURE__ */ jsx(Text, {
+								cron.lastExecution.error && /* @__PURE__ */ jsx(Text$1, {
 									size: "xs",
-									c: "red",
+									c: "dimmed",
 									lineClamp: 1,
 									children: cron.lastExecution.error
 								})
 							]
 						}),
-						failure && /* @__PURE__ */ jsxs(Flex, {
+						failure && /* @__PURE__ */ jsxs(Flex$1, {
 							gap: "lg",
 							wrap: "wrap",
 							align: "center",
 							children: [
-								/* @__PURE__ */ jsx(Text, {
+								/* @__PURE__ */ jsx(Text$1, {
 									size: "xs",
 									c: "dimmed",
 									tt: "uppercase",
 									fw: 600,
 									children: "Failures (7d)"
 								}),
-								/* @__PURE__ */ jsx(Badge, {
+								/* @__PURE__ */ jsx(Text$1, {
 									size: "xs",
-									variant: "light",
-									color: "red",
+									fw: 500,
 									children: failure.failures
 								}),
-								failure.lastError && /* @__PURE__ */ jsx(Text, {
+								failure.lastError && /* @__PURE__ */ jsx(Text$1, {
 									size: "xs",
 									c: "dimmed",
 									lineClamp: 1,
@@ -280,22 +272,7 @@ const AdminJobRegistry = () => {
 		}, `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
+//# sourceMappingURL=AdminJobRegistry-DFgV3oqx.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AdminJobRegistry-DFgV3oqx.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 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.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            fit: true,\n            value: (item) => (\n              <Badge size=\"sm\" variant=\"default\">\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=\"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          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          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":";;;;;;;;;;AA6BA,MAAM,kBAAkB,EAAE,OAAO,EAC/B,MAAM,EAAE,SAAS,EAAE,KAAK;CAAC;CAAQ;CAAQ;CAAO,CAAC,CAAC,EACnD,CAAC;AAIF,MAAM,yBAAyB;CAC7B,MAAM,SAAS,WAA+B;CAC9C,MAAM,EAAE,MAAM,SAAS;CACvB,MAAM,QAAQ,UAAU;CACxB,MAAM,SAAS,WAAW;CAC1B,MAAM,CAAC,YAAY,iBAAiB,SAAS,EAAE;CAG/C,MAAM,CAAC,SAAS,cAAc,yBAAmC,IAAI,KAAK,CAAC;CAC3E,MAAM,CAAC,UAAU,eAAe,yBAC9B,IAAI,KAAK,CACV;CACD,MAAM,CAAC,YAAY,iBAAiB,yBAClC,IAAI,KAAK,CACV;CAED,MAAM,gBAAgB,YAAY,YAAY;AAC5C,MAAI;GACF,MAAM,CAAC,UAAU,WAAW,eAAe,MAAM,QAAQ,IAAI;IAC3D,OAAO,aAAa;IACpB,OAAO,kBAAkB;IACzB,OAAO,mBAAmB;IAC3B,CAAC;AACF,cAAW,IAAI,IAAI,SAAS,KAAK,MAAM,CAAC,EAAE,MAAM,EAAE,CAAC,CAAC,CAAC;AACrD,eAAY,IAAI,IAAI,UAAU,KAAK,MAAM,CAAC,EAAE,SAAS,EAAE,CAAC,CAAC,CAAC;AAC1D,iBAAc,IAAI,IAAI,YAAY,KAAK,MAAM,CAAC,EAAE,SAAS,EAAE,CAAC,CAAC,CAAC;UACxD;IAGP,CAAC,OAAO,CAAC;AAEZ,iBAAgB;AACd,iBAAe;IACd,CAAC,eAAe,WAAW,CAAC;CAE/B,MAAM,mBAAmB,YACvB,OAAO,SAAiB;AAQtB,MAAI,CAPc,MAAM,OAAO,QAAQ;GACrC,OAAO;GACP,SAAS,qCAAqC,KAAK;GACnD,cAAc;GACd,cAAc;GACf,CAAC,CAEc;AAEhB,SAAO,OAAO,WAAW,EAAE,MAAM,EAAE,MAAM,EAAE,CAAC,CAAC,WAAW;AACtD,SAAM,QAAQ,QAAQ,KAAK,aAAa;AACxC,kBAAe,MAAM,IAAI,EAAE;IAC3B;IAEJ;EAAC;EAAQ;EAAQ;EAAM,CACxB;AAED,QACE,oBAACA;EAAK,MAAM;EAAG,WAAU;EAAS,KAAI;YACpC,oBAAC;GAEC;GACA,eAAe;IACb,kBAAkB;IAClB,SAAS;IACV;GACD,YAAY;IACV,mBAAmB;IACnB,iBAAiB;IACjB,kBAAkB;IACnB;GACD,iBAAiB,MAAM,QAAQ,SAAS,KAAK,QAAQ;GACrD,SAAS;GACT,OAAO,OAAO,YAAY;IACxB,MAAM,QAAQ,MAAM,OAAO,gBAAgB;AAI3C,WAAO,EAAE,SAHQ,QAAQ,OACrB,MAAM,QAAQ,MAAM,EAAE,SAAS,QAAQ,KAAK,GAC5C,OACwB;;GAE9B,SAAS;IACP,MAAM;KACJ,OAAO;KACP,QAAQ,SACN,oBAACC;MAAK,MAAK;MAAK,IAAI;MAAK,IAAG;gBACzB,KAAK;OACD;KAEV;IACD,MAAM;KACJ,OAAO;KACP,KAAK;KACL,QAAQ,SACN,oBAAC;MAAM,MAAK;MAAK,SAAQ;gBACtB,KAAK;OACA;KAEX;IACD,UAAU;KACR,OAAO;KACP,KAAK;KACL,QAAQ,SACN,oBAACA;MAAK,MAAK;MAAK,IAAG;gBAChB,KAAK;OACD;KAEV;IACD,aAAa;KACX,OAAO;KACP,KAAK;KACL,QAAQ,SACN,oBAACA;MAAK,MAAK;MAAK,IAAG;gBAChB,KAAK;OACD;KAEV;IACD,OAAO;KACL,OAAO;KACP,KAAK;KACL,QAAQ,SAAS;MACf,MAAM,IAAI,SAAS,IAAI,KAAK,KAAK;AACjC,UACE,CAAC,KACD,EAAE,UAAU,EAAE,UAAU,EAAE,YAAY,EAAE,WAAW,EAAE,SAAS,EAE9D,QACE,oBAACA;OAAK,MAAK;OAAK,GAAE;iBAAS;QAEpB;AAGX,aACE,qBAACD;OAAK,KAAK;;QACR,EAAE,UAAU,KACX,qBAAC;SAAM,MAAK;SAAK,SAAQ;oBACtB,EAAE,SAAQ;UACL;QAET,EAAE,UAAU,KACX,qBAAC;SAAM,MAAK;SAAK,SAAQ;oBACtB,EAAE,SAAQ;UACL;QAET,EAAE,WAAW,KACZ,qBAAC;SAAM,MAAK;SAAK,SAAQ;oBACtB,EAAE,UAAS;UACN;QAET,EAAE,OAAO,KACR,qBAAC;SAAM,MAAK;SAAK,SAAQ;oBACtB,EAAE,MAAK;UACF;;QAEL;;KAGZ;IACD,SAAS;KACP,OAAO;KACP,KAAK;KACL,UAAU,SAAS,CACjB;MACE,SAAS;MACT,OAAO;MACP,MAAM;MACN,eAAe,iBAAiB,KAAK,KAAK;MAC3C,CACF;KACF;IACF;GACD,QAAQ,SAAS;IACf,MAAM,OAAO,QAAQ,IAAI,KAAK,KAAK;IACnC,MAAM,UAAU,WAAW,IAAI,KAAK,KAAK;AAqCzC,WACE,qBAACA;KAAK,WAAU;KAAS,KAAI;KAAK,GAAE;;MAClC,oBAAC;OAAW,OArCsB;QACpC;SACE,OAAO;SACP,OAAO,KAAK,OACV,oBAACC;UAAK,MAAK;UAAK,IAAG;oBAChB,KAAK;WACD,GACL;SACJ,QAAQ,CAAC,KAAK;SACf;QACD;SACE,OAAO;SACP,OAAO,KAAK;SACZ,QAAQ,CAAC,KAAK;SACf;QACD;SACE,OAAO;SACP,OAAO,KAAK,QACR,GAAG,KAAK,MAAM,QAAQ,GAAG,KAAK,MAAM,aAAa,eAAe,OAChE;SACJ,QAAQ,CAAC,KAAK;SACf;QACD;SACE,OAAO;SACP,OAAO,KAAK,QACR,GAAG,KAAK,MAAM,KAAK,KAAK,KAAK,MAAM,WACnC;SACJ,QAAQ,CAAC,KAAK;SACf;QACD;SACE,OAAO;SACP,OAAO,KAAK,YAAY,QAAQ;SACjC;QACF;OAImC,SAAS;QAAK;MAG7C,MAAM,iBACL,qBAACD;OAAK,KAAI;OAAK,MAAK;OAAO,OAAM;;QAC/B,oBAACC;SAAK,MAAK;SAAK,GAAE;SAAS,IAAG;SAAY,IAAI;mBAAK;UAE5C;QACP,qBAACD;SAAK,OAAM;SAAS,KAAK;oBACvB,KAAK,cAAc,WAAW,cAC7B,oBAAC;UACC,MAAM;UACN,OAAM;WACN,GAEF,oBAAC;UACC,MAAM;UACN,OAAM;WACN,EAEJ,oBAACC;UAAK,MAAK;UAAK,IAAG;oBAChB,KAAK,cAAc;WACf;UACF;QACN,KAAK,cAAc,aAClB,oBAACA;SAAK,MAAK;SAAK,GAAE;mBACf,EAAE,KAAK,cAAc,WAAW,EAAE,MAAM,WAAW,CAAC;UAChD;QAER,KAAK,cAAc,SAClB,oBAACA;SAAK,MAAK;SAAK,GAAE;SAAS,WAAW;mBACnC,KAAK,cAAc;UACf;;QAEJ;MAIR,WACC,qBAACD;OAAK,KAAI;OAAK,MAAK;OAAO,OAAM;;QAC/B,oBAACC;SAAK,MAAK;SAAK,GAAE;SAAS,IAAG;SAAY,IAAI;mBAAK;UAE5C;QACP,oBAACA;SAAK,MAAK;SAAK,IAAI;mBACjB,QAAQ;UACJ;QACN,QAAQ,aACP,oBAACA;SACC,MAAK;SACL,GAAE;SACF,WAAW;SACX,OAAO,EAAE,UAAU,KAAK;mBAEvB,QAAQ;UACJ;;QAEJ;;MAEJ;;KAjNN,YAAY,aAoNjB;GACG"}

package/dist/admin/AdminLayout-DHsvWxVB.js

@@ -0,0 +1,70 @@
+import { _ as ActionButton, c as DashboardShell, h as LanguageButton, l as Breadcrumb, m as ThemeButton, p as ToggleSidebarButton, y as AlephaMantineProvider } from "./core-2xoLiT0o.js";
+import { n as UserButton } from "./auth-Dr0Cf8I7.js";
+import "./IconGoogle-CSQLPYwX.js";
+import "./Login-BGheURrg.js";
+import "./Register-Cs10l8vX.js";
+import "./ResetPassword-BwDdfkGH.js";
+import "./VerifyEmail-DfXHAiQl.js";
+import { Flex } from "@mantine/core";
+import { jsx } 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: /* @__PURE__ */ jsx(Flex, {
+				px: "lg",
+				align: "center",
+				justify: "center",
+				children: /* @__PURE__ */ jsx(ActionButton, {
+					variant: "subtle",
+					icon: IconArrowLeft,
+					href: "/"
+				})
+			}),
+			footerHeight: 50,
+			navbarFooter: /* @__PURE__ */ jsx(Flex, {
+				flex: 1,
+				px: "lg",
+				gap: "md",
+				align: "center",
+				children: /* @__PURE__ */ jsx(ToggleSidebarButton, {})
+			}),
+			appBarProps: { items: [
+				{
+					type: "burger",
+					position: "left"
+				},
+				{
+					element: /* @__PURE__ */ jsx(Breadcrumb, {}),
+					position: "left"
+				},
+				{
+					element: /* @__PURE__ */ jsx(UserButton, {}),
+					position: "right"
+				},
+				{
+					element: /* @__PURE__ */ jsx(ThemeButton, {}),
+					position: "right"
+				},
+				{
+					element: /* @__PURE__ */ jsx(LanguageButton, {}),
+					position: "right"
+				},
+				{
+					type: "dark",
+					position: "right"
+				}
+			] },
+			sidebarProps: { autoPopulateMenu: { startsWith: "/admin" } },
+			...props.adminShellProps
+		})
+	});
+};
+
+//#endregion
+export { AdminLayout as default };
+//# sourceMappingURL=AdminLayout-DHsvWxVB.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AdminLayout-DHsvWxVB.js","names":["SidebarCollapseButton","Breadcrumbs"],"sources":["../../src/admin/components/AdminLayout.tsx"],"sourcesContent":["import {\n  ActionButton,\n  AlephaMantineProvider,\n  Breadcrumbs,\n  DashboardShell,\n  type DashboardShellProps,\n  LanguageButton,\n  SidebarCollapseButton,\n  ThemeButton,\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      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={\n          <Flex px={\"lg\"} align={\"center\"} justify={\"center\"}>\n            <ActionButton variant={\"subtle\"} icon={IconArrowLeft} href={\"/\"} />\n          </Flex>\n        }\n        footerHeight={50}\n        navbarFooter={\n          <Flex flex={1} px={\"lg\"} gap={\"md\"} align={\"center\"}>\n            <SidebarCollapseButton />\n          </Flex>\n        }\n        appBarProps={{\n          items: [\n            {\n              type: \"burger\",\n              position: \"left\",\n            },\n            {\n              element: <Breadcrumbs />,\n              position: \"left\",\n            },\n            {\n              element: <UserButton />,\n              position: \"right\",\n            },\n            {\n              element: <ThemeButton />,\n              position: \"right\",\n            },\n            {\n              element: <LanguageButton />,\n              position: \"right\",\n            },\n            {\n              type: \"dark\",\n              position: \"right\",\n            },\n          ],\n        }}\n        sidebarProps={{\n          autoPopulateMenu: {\n            startsWith: \"/admin\",\n          },\n        }}\n        {...props.adminShellProps}\n      />\n    </AlephaMantineProvider>\n  );\n};\n\nexport default AdminLayout;\n"],"mappings":";;;;;;;;;;;;AAkBA,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,cACE,oBAAC;IAAK,IAAI;IAAM,OAAO;IAAU,SAAS;cACxC,oBAAC;KAAa,SAAS;KAAU,MAAM;KAAe,MAAM;MAAO;KAC9D;GAET,cAAc;GACd,cACE,oBAAC;IAAK,MAAM;IAAG,IAAI;IAAM,KAAK;IAAM,OAAO;cACzC,oBAACA,wBAAwB;KACpB;GAET,aAAa,EACX,OAAO;IACL;KACE,MAAM;KACN,UAAU;KACX;IACD;KACE,SAAS,oBAACC,eAAc;KACxB,UAAU;KACX;IACD;KACE,SAAS,oBAAC,eAAa;KACvB,UAAU;KACX;IACD;KACE,SAAS,oBAAC,gBAAc;KACxB,UAAU;KACX;IACD;KACE,SAAS,oBAAC,mBAAiB;KAC3B,UAAU;KACX;IACD;KACE,MAAM;KACN,UAAU;KACX;IACF,EACF;GACD,cAAc,EACZ,kBAAkB,EAChB,YAAY,UACb,EACF;GACD,GAAI,MAAM;IACV;GACoB"}