@alepha/ui 0.17.2 → 0.18.1

package/dist/admin/{AdminApiKeys-CF_qOO3u.js → AdminApiKeys-C-6_Q-lH.js}

@@ -1,12 +1,12 @@
-import { ActionButton, ClipboardButton, DataTable, Flex, Text, useDialog, useToast } from "@alepha/ui";
+import { _ as ActionButton, b as useToast, d as StatCards, g as ClipboardButton, i as useDialog, r as DataTable, s as Text$1, u as Flex$1 } from "./core-2xoLiT0o.js";
 import { t } from "alepha";
-import { IconCalendarOff, IconCheck, IconClock, IconKey, IconNetwork, IconShieldCheck, IconShieldOff, IconTrash, IconUser } from "@tabler/icons-react";
-import { useRouter } from "alepha/react/router";
-import { ActionIcon, Badge, Code, Paper, RingProgress, SimpleGrid, ThemeIcon, Tooltip } from "@mantine/core";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { useClient } from "alepha/react";
 import { useI18n } from "alepha/react/i18n";
+import { Badge, Code, Tooltip } from "@mantine/core";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { useCallback, useState } from "react";
+import { IconCheck, IconClock, IconKey, IconNetwork, IconTrash, IconUser } from "@tabler/icons-react";
+import { useRouter } from "alepha/react/router";
+import { useClient } from "alepha/react";
 
 //#region ../../src/admin/components/keys/AdminApiKeys.tsx
 const getKeyStatus = (key) => {
@@ -14,144 +14,9 @@ const getKeyStatus = (key) => {
 	if (key.expiresAt && new Date(key.expiresAt) < /* @__PURE__ */ new Date()) return "expired";
 	return "active";
 };
-const getStatusColor = (status) => {
-	switch (status) {
-		case "active": return "teal";
-		case "revoked": return "red";
-		case "expired": return "orange";
-	}
-};
-const getStatusIcon = (status) => {
-	switch (status) {
-		case "active": return /* @__PURE__ */ jsx(IconShieldCheck, { size: 14 });
-		case "revoked": return /* @__PURE__ */ jsx(IconShieldOff, { size: 14 });
-		case "expired": return /* @__PURE__ */ jsx(IconCalendarOff, { size: 14 });
-	}
-};
 const formatKeyPreview = (prefix, suffix) => {
 	return `${prefix}...${suffix}`;
 };
-const StatsCards = ({ stats, loading }) => {
-	const activePercentage = stats.total > 0 ? Math.round(stats.active / stats.total * 100) : 0;
-	return /* @__PURE__ */ jsxs(SimpleGrid, {
-		cols: {
-			base: 2,
-			sm: 4
-		},
-		spacing: "md",
-		children: [
-			/* @__PURE__ */ jsx(Paper, {
-				p: "md",
-				radius: "md",
-				withBorder: true,
-				children: /* @__PURE__ */ jsxs(Flex, {
-					justify: "space-between",
-					children: [/* @__PURE__ */ jsxs(Flex, { children: [/* @__PURE__ */ jsx(Text, {
-						size: "xs",
-						c: "dimmed",
-						tt: "uppercase",
-						fw: 600,
-						children: "Total Keys"
-					}), /* @__PURE__ */ jsx(Text, {
-						size: "xl",
-						fw: 700,
-						ff: "monospace",
-						children: stats.total
-					})] }), /* @__PURE__ */ jsx(ThemeIcon, {
-						size: "lg",
-						radius: "md",
-						variant: "light",
-						color: "blue",
-						children: /* @__PURE__ */ jsx(IconKey, { size: 20 })
-					})]
-				})
-			}),
-			/* @__PURE__ */ jsx(Paper, {
-				p: "md",
-				radius: "md",
-				withBorder: true,
-				children: /* @__PURE__ */ jsxs(Flex, {
-					justify: "space-between",
-					children: [/* @__PURE__ */ jsxs(Flex, { children: [/* @__PURE__ */ jsx(Text, {
-						size: "xs",
-						c: "dimmed",
-						tt: "uppercase",
-						fw: 600,
-						children: "Active"
-					}), /* @__PURE__ */ jsx(Text, {
-						size: "xl",
-						fw: 700,
-						ff: "monospace",
-						c: "teal",
-						children: stats.active
-					})] }), /* @__PURE__ */ jsx(RingProgress, {
-						size: 48,
-						thickness: 4,
-						roundCaps: true,
-						sections: [{
-							value: activePercentage,
-							color: "teal"
-						}]
-					})]
-				})
-			}),
-			/* @__PURE__ */ jsx(Paper, {
-				p: "md",
-				radius: "md",
-				withBorder: true,
-				children: /* @__PURE__ */ jsxs(Flex, {
-					justify: "space-between",
-					children: [/* @__PURE__ */ jsxs(Flex, { children: [/* @__PURE__ */ jsx(Text, {
-						size: "xs",
-						c: "dimmed",
-						tt: "uppercase",
-						fw: 600,
-						children: "Revoked"
-					}), /* @__PURE__ */ jsx(Text, {
-						size: "xl",
-						fw: 700,
-						ff: "monospace",
-						c: "red",
-						children: stats.revoked
-					})] }), /* @__PURE__ */ jsx(ThemeIcon, {
-						size: "lg",
-						radius: "md",
-						variant: "light",
-						color: stats.revoked > 0 ? "red" : "gray",
-						children: /* @__PURE__ */ jsx(IconShieldOff, { size: 20 })
-					})]
-				})
-			}),
-			/* @__PURE__ */ jsx(Paper, {
-				p: "md",
-				radius: "md",
-				withBorder: true,
-				children: /* @__PURE__ */ jsxs(Flex, {
-					justify: "space-between",
-					children: [/* @__PURE__ */ jsxs(Flex, { children: [/* @__PURE__ */ jsx(Text, {
-						size: "xs",
-						c: "dimmed",
-						tt: "uppercase",
-						fw: 600,
-						children: "Never Used"
-					}), /* @__PURE__ */ jsx(Text, {
-						size: "xl",
-						fw: 700,
-						ff: "monospace",
-						c: "yellow",
-						children: stats.neverUsed
-					})] }), /* @__PURE__ */ jsx(ThemeIcon, {
-						size: "lg",
-						radius: "md",
-						variant: "light",
-						color: stats.neverUsed > 0 ? "yellow" : "gray",
-						children: /* @__PURE__ */ jsx(IconClock, { size: 20 })
-					})]
-				})
-			})
-		]
-	});
-};
 const AdminApiKeys = () => {
 	const client = useClient();
 	const router = useRouter();
@@ -208,14 +73,32 @@ const AdminApiKeys = () => {
 		setStats(newStats);
 		setLoading(false);
 	}, []);
-	return /* @__PURE__ */ jsxs(Flex, {
+	return /* @__PURE__ */ jsxs(Flex$1, {
 		flex: 1,
 		direction: "column",
 		gap: "md",
-		children: [/* @__PURE__ */ jsx(StatsCards, {
-			stats,
-			loading
-		}), /* @__PURE__ */ jsx(DataTable, {
+		children: [/* @__PURE__ */ jsx(StatCards, { items: [
+			{
+				label: "Total Keys",
+				value: stats.total,
+				icon: IconKey
+			},
+			{
+				label: "Active",
+				value: stats.active,
+				icon: IconCheck
+			},
+			{
+				label: "Revoked",
+				value: stats.revoked,
+				icon: IconTrash
+			},
+			{
+				label: "Never Used",
+				value: stats.neverUsed,
+				icon: IconClock
+			}
+		] }), /* @__PURE__ */ jsx(DataTable, {
 			submitOnInit: true,
 			defaultSize: 15,
 			typeFormProps: {
@@ -233,13 +116,7 @@ const AdminApiKeys = () => {
 			filters,
 			tableTrProps: (item) => {
 				const status = getKeyStatus(item);
-				if (status === "revoked") return {
-					opacity: .6,
-					style: {
-						textDecoration: "line-through",
-						textDecorationColor: "var(--mantine-color-red-5)"
-					}
-				};
+				if (status === "revoked") return { opacity: .6 };
 				if (status === "expired") return { opacity: .7 };
 				return {};
 			},
@@ -257,23 +134,14 @@ const AdminApiKeys = () => {
 			columns: {
 				name: {
 					label: "Name",
-					value: (item) => /* @__PURE__ */ jsxs(Flex, {
+					value: (item) => /* @__PURE__ */ jsxs(Flex$1, {
 						direction: "column",
 						gap: 2,
-						children: [/* @__PURE__ */ jsxs(Flex, {
-							gap: "xs",
-							children: [/* @__PURE__ */ jsx(ThemeIcon, {
-								size: "xs",
-								radius: "sm",
-								variant: "light",
-								color: getStatusColor(getKeyStatus(item)),
-								children: /* @__PURE__ */ jsx(IconKey, { size: 10 })
-							}), /* @__PURE__ */ jsx(Text, {
-								size: "sm",
-								fw: 600,
-								children: item.name
-							})]
-						}), item.description && /* @__PURE__ */ jsx(Text, {
+						children: [/* @__PURE__ */ jsx(Text$1, {
+							size: "sm",
+							fw: 600,
+							children: item.name
+						}), item.description && /* @__PURE__ */ jsx(Text$1, {
 							size: "xs",
 							c: "dimmed",
 							lineClamp: 1,
@@ -284,7 +152,7 @@ const AdminApiKeys = () => {
 				token: {
 					label: "Key",
 					fit: true,
-					value: (item) => /* @__PURE__ */ jsxs(Flex, {
+					value: (item) => /* @__PURE__ */ jsxs(Flex$1, {
 						gap: 4,
 						children: [/* @__PURE__ */ jsx(Code, {
 							ff: "monospace",
@@ -304,19 +172,16 @@ const AdminApiKeys = () => {
 					label: "Status",
 					fit: true,
 					value: (item) => {
-						const status = getKeyStatus(item);
 						return /* @__PURE__ */ jsx(Badge, {
 							size: "sm",
-							variant: "light",
-							color: getStatusColor(status),
-							leftSection: getStatusIcon(status),
-							children: status.toUpperCase()
+							variant: "default",
+							children: getKeyStatus(item).toUpperCase()
 						});
 					}
 				},
 				roles: {
 					label: "Roles",
-					value: (item) => /* @__PURE__ */ jsxs(Flex, {
+					value: (item) => /* @__PURE__ */ jsxs(Flex$1, {
 						gap: 4,
 						wrap: "wrap",
 						children: [item.roles.length > 0 ? item.roles.slice(0, 3).map((role) => /* @__PURE__ */ jsx(Badge, {
@@ -324,7 +189,7 @@ const AdminApiKeys = () => {
 							variant: "outline",
 							color: "gray",
 							children: role
-						}, role)) : /* @__PURE__ */ jsx(Text, {
+						}, role)) : /* @__PURE__ */ jsx(Text$1, {
 							size: "xs",
 							c: "dimmed",
 							children: "No roles"
@@ -342,17 +207,17 @@ const AdminApiKeys = () => {
 				usage: {
 					label: "Usage",
 					fit: true,
-					value: (item) => /* @__PURE__ */ jsxs(Flex, {
+					value: (item) => /* @__PURE__ */ jsxs(Flex$1, {
 						direction: "column",
 						gap: 2,
-						children: [/* @__PURE__ */ jsxs(Text, {
+						children: [/* @__PURE__ */ jsxs(Text$1, {
 							size: "xs",
 							ff: "monospace",
 							fw: 500,
 							children: [item.usageCount.toLocaleString(), " calls"]
-						}), item.lastUsedAt ? /* @__PURE__ */ jsxs(Flex, {
+						}), item.lastUsedAt ? /* @__PURE__ */ jsxs(Flex$1, {
 							gap: 4,
-							children: [/* @__PURE__ */ jsx(Text, {
+							children: [/* @__PURE__ */ jsx(Text$1, {
 								size: "xs",
 								c: "dimmed",
 								children: l(item.lastUsedAt, { date: "fromNow" })
@@ -363,9 +228,9 @@ const AdminApiKeys = () => {
 									color: "var(--mantine-color-dimmed)"
 								})
 							})]
-						}) : /* @__PURE__ */ jsx(Text, {
+						}) : /* @__PURE__ */ jsx(Text$1, {
 							size: "xs",
-							c: "yellow",
+							c: "dimmed",
 							children: "Never used"
 						})]
 					})
@@ -376,9 +241,9 @@ const AdminApiKeys = () => {
 					value: (item) => /* @__PURE__ */ jsx(ActionButton, {
 						variant: "subtle",
 						size: "xs",
-						href: router.path("adminUserDetails", { params: { userId: item.userId } }),
+						href: router.path("adminUserProfile", { params: { userId: item.userId } }),
 						leftSection: /* @__PURE__ */ jsx(IconUser, { size: 12 }),
-						children: /* @__PURE__ */ jsx(Text, {
+						children: /* @__PURE__ */ jsx(Text$1, {
 							size: "xs",
 							ff: "monospace",
 							children: item.userId.slice(0, 8)
@@ -388,7 +253,7 @@ const AdminApiKeys = () => {
 				createdAt: {
 					label: "Created",
 					fit: true,
-					value: (item) => /* @__PURE__ */ jsx(Text, {
+					value: (item) => /* @__PURE__ */ jsx(Text$1, {
 						size: "xs",
 						c: "dimmed",
 						children: l(item.createdAt, { date: "fromNow" })
@@ -398,14 +263,14 @@ const AdminApiKeys = () => {
 					label: "Expires",
 					fit: true,
 					value: (item) => {
-						if (!item.expiresAt) return /* @__PURE__ */ jsx(Text, {
+						if (!item.expiresAt) return /* @__PURE__ */ jsx(Text$1, {
 							size: "xs",
 							c: "dimmed",
 							children: "Never"
 						});
-						return /* @__PURE__ */ jsx(Text, {
+						return /* @__PURE__ */ jsx(Text$1, {
 							size: "xs",
-							c: new Date(item.expiresAt) < /* @__PURE__ */ new Date() ? "orange" : "dimmed",
+							c: "dimmed",
 							children: l(item.expiresAt, { date: "fromNow" })
 						});
 					}
@@ -423,10 +288,9 @@ const AdminApiKeys = () => {
 						});
 						return /* @__PURE__ */ jsx(Tooltip, {
 							label: "Revoke key",
-							children: /* @__PURE__ */ jsx(ActionIcon, {
-								size: "sm",
+							children: /* @__PURE__ */ jsx(ActionButton, {
+								size: "xs",
 								variant: "subtle",
-								color: "red",
 								onClick: () => handleRevoke(item),
 								children: /* @__PURE__ */ jsx(IconTrash, { size: 14 })
 							})
@@ -440,4 +304,4 @@ const AdminApiKeys = () => {
 
 //#endregion
 export { AdminApiKeys as default };
-//# sourceMappingURL=AdminApiKeys-CF_qOO3u.js.map
+//# sourceMappingURL=AdminApiKeys-C-6_Q-lH.js.map

package/dist/admin/AdminApiKeys-C-6_Q-lH.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AdminApiKeys-C-6_Q-lH.js","names":["Flex","Text"],"sources":["../../src/admin/components/keys/AdminApiKeys.tsx"],"sourcesContent":["import {\n  ActionButton,\n  ClipboardButton,\n  DataTable,\n  Flex,\n  StatCards,\n  Text,\n  useDialog,\n  useToast,\n} from \"@alepha/ui\";\nimport { Badge, Code, Tooltip } from \"@mantine/core\";\nimport {\n  IconCheck,\n  IconClock,\n  IconKey,\n  IconNetwork,\n  IconTrash,\n  IconUser,\n} from \"@tabler/icons-react\";\nimport { type Page, t } from \"alepha\";\nimport type { AdminApiKeyController } from \"alepha/api/keys\";\nimport { useClient } from \"alepha/react\";\nimport { useI18n } from \"alepha/react/i18n\";\nimport { useRouter } from \"alepha/react/router\";\nimport { useCallback, useState } from \"react\";\nimport type { AdminRouter } from \"../../AdminRouter.ts\";\n\n// ─────────────────────────────────────────────────────────────────────────────\n// Types\n// ─────────────────────────────────────────────────────────────────────────────\n\ninterface ApiKeyResource {\n  id: string;\n  userId: string;\n  name: string;\n  description?: string;\n  tokenPrefix: string;\n  tokenSuffix: string;\n  roles: string[];\n  createdAt: string;\n  lastUsedAt?: string;\n  lastUsedIp?: string;\n  expiresAt?: string;\n  revokedAt?: string;\n  usageCount: number;\n}\n\ninterface KeyStats {\n  total: number;\n  active: number;\n  revoked: number;\n  expired: number;\n  neverUsed: number;\n}\n\n// ─────────────────────────────────────────────────────────────────────────────\n// Utilities\n// ─────────────────────────────────────────────────────────────────────────────\n\nconst getKeyStatus = (\n  key: ApiKeyResource,\n): \"active\" | \"revoked\" | \"expired\" => {\n  if (key.revokedAt) return \"revoked\";\n  if (key.expiresAt && new Date(key.expiresAt) < new Date()) return \"expired\";\n  return \"active\";\n};\n\nconst formatKeyPreview = (prefix: string, suffix: string) => {\n  return `${prefix}...${suffix}`;\n};\n\n// ─────────────────────────────────────────────────────────────────────────────\n// Main Component\n// ─────────────────────────────────────────────────────────────────────────────\n\nconst AdminApiKeys = () => {\n  const client = useClient<AdminApiKeyController>();\n  const router = useRouter<AdminRouter>();\n  const { l } = useI18n();\n  const toast = useToast();\n  const dialog = useDialog();\n\n  const [stats, setStats] = useState<KeyStats>({\n    total: 0,\n    active: 0,\n    revoked: 0,\n    expired: 0,\n    neverUsed: 0,\n  });\n  const [refreshKey, setRefreshKey] = useState(0);\n  const [loading, setLoading] = useState(true);\n\n  const filters = t.object({\n    userId: t.optional(t.uuid()),\n    includeRevoked: t.optional(t.boolean()),\n  });\n\n  const handleRevoke = useCallback(\n    async (key: ApiKeyResource) => {\n      const confirmed = await dialog.confirm({\n        title: \"Revoke API Key\",\n        message: `Are you sure you want to revoke \"${key.name}\"? This action cannot be undone and will immediately invalidate the key.`,\n        confirmLabel: \"Revoke Key\",\n        confirmColor: \"red\",\n      });\n\n      if (!confirmed) return;\n\n      try {\n        await client.revokeApiKey({ params: { id: key.id } });\n        toast.success(`API key \"${key.name}\" has been revoked`);\n        setRefreshKey((k) => k + 1);\n      } catch (error) {\n        toast.danger(`Failed to revoke API key`);\n      }\n    },\n    [client, dialog, toast],\n  );\n\n  const updateStats = useCallback((keys: ApiKeyResource[]) => {\n    const now = new Date();\n    const newStats: KeyStats = {\n      total: keys.length,\n      active: 0,\n      revoked: 0,\n      expired: 0,\n      neverUsed: 0,\n    };\n\n    for (const key of keys) {\n      if (key.revokedAt) {\n        newStats.revoked++;\n      } else if (key.expiresAt && new Date(key.expiresAt) < now) {\n        newStats.expired++;\n      } else {\n        newStats.active++;\n      }\n\n      if (!key.lastUsedAt) {\n        newStats.neverUsed++;\n      }\n    }\n\n    setStats(newStats);\n    setLoading(false);\n  }, []);\n\n  return (\n    <Flex flex={1} direction=\"column\" gap=\"md\">\n      <StatCards\n        items={[\n          { label: \"Total Keys\", value: stats.total, icon: IconKey },\n          { label: \"Active\", value: stats.active, icon: IconCheck },\n          { label: \"Revoked\", value: stats.revoked, icon: IconTrash },\n          { label: \"Never Used\", value: stats.neverUsed, icon: IconClock },\n        ]}\n      />\n\n      <DataTable<ApiKeyResource, typeof filters>\n        key={refreshKey}\n        submitOnInit\n        defaultSize={15}\n        typeFormProps={{\n          skipSubmitButton: true,\n          columns: 2,\n        }}\n        tableProps={{\n          horizontalSpacing: \"sm\",\n          verticalSpacing: \"sm\",\n          highlightOnHover: true,\n        }}\n        onFilterChange={(key, _value, form) => {\n          if (key === \"userId\" || key === \"includeRevoked\") {\n            return form.submit();\n          }\n        }}\n        filters={filters}\n        tableTrProps={(item) => {\n          const status = getKeyStatus(item);\n          if (status === \"revoked\") {\n            return { opacity: 0.6 };\n          }\n          if (status === \"expired\") {\n            return { opacity: 0.7 };\n          }\n          return {};\n        }}\n        items={async (filters) => {\n          const response = await client.findApiKeys({\n            query: {\n              ...filters,\n              includeRevoked: filters.includeRevoked ?? true,\n            },\n          });\n\n          const allKeys = await client.findApiKeys({\n            query: { includeRevoked: true, size: 100 },\n          });\n          updateStats(allKeys.content as ApiKeyResource[]);\n\n          return response as Page<ApiKeyResource>;\n        }}\n        columns={{\n          name: {\n            label: \"Name\",\n            value: (item) => (\n              <Flex direction=\"column\" gap={2}>\n                <Text size=\"sm\" fw={600}>\n                  {item.name}\n                </Text>\n                {item.description && (\n                  <Text size=\"xs\" c=\"dimmed\" lineClamp={1}>\n                    {item.description}\n                  </Text>\n                )}\n              </Flex>\n            ),\n          },\n          token: {\n            label: \"Key\",\n            fit: true,\n            value: (item) => (\n              <Flex gap={4}>\n                <Code\n                  ff=\"monospace\"\n                  style={{\n                    fontSize: 11,\n                    letterSpacing: \"0.5px\",\n                  }}\n                >\n                  {formatKeyPreview(item.tokenPrefix, item.tokenSuffix)}\n                </Code>\n                <ClipboardButton\n                  size=\"xs\"\n                  variant=\"subtle\"\n                  value={formatKeyPreview(item.tokenPrefix, item.tokenSuffix)}\n                />\n              </Flex>\n            ),\n          },\n          status: {\n            label: \"Status\",\n            fit: true,\n            value: (item) => {\n              const status = getKeyStatus(item);\n              return (\n                <Badge size=\"sm\" variant=\"default\">\n                  {status.toUpperCase()}\n                </Badge>\n              );\n            },\n          },\n          roles: {\n            label: \"Roles\",\n            value: (item) => (\n              <Flex gap={4} wrap=\"wrap\">\n                {item.roles.length > 0 ? (\n                  item.roles.slice(0, 3).map((role) => (\n                    <Badge key={role} size=\"xs\" variant=\"outline\" color=\"gray\">\n                      {role}\n                    </Badge>\n                  ))\n                ) : (\n                  <Text size=\"xs\" c=\"dimmed\">\n                    No roles\n                  </Text>\n                )}\n                {item.roles.length > 3 && (\n                  <Tooltip label={item.roles.slice(3).join(\", \")}>\n                    <Badge size=\"xs\" variant=\"light\" color=\"gray\">\n                      +{item.roles.length - 3}\n                    </Badge>\n                  </Tooltip>\n                )}\n              </Flex>\n            ),\n          },\n          usage: {\n            label: \"Usage\",\n            fit: true,\n            value: (item) => (\n              <Flex direction=\"column\" gap={2}>\n                <Text size=\"xs\" ff=\"monospace\" fw={500}>\n                  {item.usageCount.toLocaleString()} calls\n                </Text>\n                {item.lastUsedAt ? (\n                  <Flex gap={4}>\n                    <Text size=\"xs\" c=\"dimmed\">\n                      {l(item.lastUsedAt, { date: \"fromNow\" })}\n                    </Text>\n                    {item.lastUsedIp && (\n                      <Tooltip label={`Last IP: ${item.lastUsedIp}`}>\n                        <IconNetwork\n                          size={12}\n                          color=\"var(--mantine-color-dimmed)\"\n                        />\n                      </Tooltip>\n                    )}\n                  </Flex>\n                ) : (\n                  <Text size=\"xs\" c=\"dimmed\">\n                    Never used\n                  </Text>\n                )}\n              </Flex>\n            ),\n          },\n          userId: {\n            label: \"Owner\",\n            fit: true,\n            value: (item) => (\n              <ActionButton\n                variant=\"subtle\"\n                size=\"xs\"\n                href={router.path(\"adminUserProfile\", {\n                  params: { userId: item.userId },\n                })}\n                leftSection={<IconUser size={12} />}\n              >\n                <Text size=\"xs\" ff=\"monospace\">\n                  {item.userId.slice(0, 8)}\n                </Text>\n              </ActionButton>\n            ),\n          },\n          createdAt: {\n            label: \"Created\",\n            fit: true,\n            value: (item) => (\n              <Text size=\"xs\" c=\"dimmed\">\n                {l(item.createdAt, { date: \"fromNow\" })}\n              </Text>\n            ),\n          },\n          expiresAt: {\n            label: \"Expires\",\n            fit: true,\n            value: (item) => {\n              if (!item.expiresAt) {\n                return (\n                  <Text size=\"xs\" c=\"dimmed\">\n                    Never\n                  </Text>\n                );\n              }\n\n              return (\n                <Text size=\"xs\" c=\"dimmed\">\n                  {l(item.expiresAt, { date: \"fromNow\" })}\n                </Text>\n              );\n            },\n          },\n          actions: {\n            label: \"\",\n            fit: true,\n            value: (item) => {\n              const status = getKeyStatus(item);\n              if (status === \"revoked\") {\n                return (\n                  <Tooltip label=\"Already revoked\">\n                    <IconCheck size={14} color=\"var(--mantine-color-dimmed)\" />\n                  </Tooltip>\n                );\n              }\n\n              return (\n                <Tooltip label=\"Revoke key\">\n                  <ActionButton\n                    size=\"xs\"\n                    variant=\"subtle\"\n                    onClick={() => handleRevoke(item)}\n                  >\n                    <IconTrash size={14} />\n                  </ActionButton>\n                </Tooltip>\n              );\n            },\n          },\n        }}\n      />\n    </Flex>\n  );\n};\n\nexport default AdminApiKeys;\n"],"mappings":"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"}

package/dist/admin/{AdminAudits-BQno3hZG.js → AdminAudits-Bgbf04hO.js}

@@ -1,44 +1,18 @@
-import { DataTable, Flex, Text } from "@alepha/ui";
+import { r as DataTable, s as Text$1, u as Flex$1 } from "./core-2xoLiT0o.js";
 import { t } from "alepha";
-import { IconAlertTriangle, IconCheck, IconInfoCircle, IconUser, IconX } from "@tabler/icons-react";
-import { useRouter } from "alepha/react/router";
+import { useI18n } from "alepha/react/i18n";
 import { Badge, Tooltip } from "@mantine/core";
 import { jsx, jsxs } from "react/jsx-runtime";
+import { IconCheck, IconUser, IconX } from "@tabler/icons-react";
+import { useRouter } from "alepha/react/router";
 import { useClient } from "alepha/react";
-import { useI18n } from "alepha/react/i18n";
 
 //#region ../../src/admin/components/audits/AdminAudits.tsx
-const getSeverityColor = (severity) => {
-	switch (severity) {
-		case "critical": return "red";
-		case "warning": return "yellow";
-		default: return "blue";
-	}
-};
-const getSeverityIcon = (severity) => {
-	switch (severity) {
-		case "critical": return /* @__PURE__ */ jsx(IconAlertTriangle, { size: 12 });
-		case "warning": return /* @__PURE__ */ jsx(IconAlertTriangle, { size: 12 });
-		default: return /* @__PURE__ */ jsx(IconInfoCircle, { size: 12 });
-	}
-};
-const getTypeColor = (type) => {
-	switch (type) {
-		case "auth": return "blue";
-		case "user": return "grape";
-		case "security": return "red";
-		case "system": return "orange";
-		case "access": return "cyan";
-		case "payment": return "green";
-		case "order": return "teal";
-		default: return "gray";
-	}
-};
 const AdminAudits = (props) => {
 	const client = useClient();
 	const router = useRouter();
 	const { l } = useI18n();
-	return /* @__PURE__ */ jsx(Flex, {
+	return /* @__PURE__ */ jsx(Flex$1, {
 		flex: 1,
 		direction: "column",
 		children: /* @__PURE__ */ jsx(DataTable, {
@@ -74,7 +48,7 @@ const AdminAudits = (props) => {
 					opacity: item.success ? 1 : .85
 				},
 				onClick: () => {
-					if (item.userId) router.push("adminUserDetails", { params: { userId: item.userId } });
+					if (item.userId) router.push("adminUserProfile", { params: { userId: item.userId } });
 				}
 			}),
 			items: async (query) => {
@@ -89,8 +63,7 @@ const AdminAudits = (props) => {
 					fit: true,
 					value: (item) => /* @__PURE__ */ jsx(Badge, {
 						size: "sm",
-						variant: "light",
-						color: getTypeColor(item.type),
+						variant: "default",
 						children: item.type
 					})
 				},
@@ -99,18 +72,16 @@ const AdminAudits = (props) => {
 					fit: true,
 					value: (item) => /* @__PURE__ */ jsx(Badge, {
 						size: "sm",
-						variant: "outline",
+						variant: "default",
 						children: item.action
 					})
 				},
 				severity: {
 					label: "Severity",
 					fit: true,
-					value: (item) => /* @__PURE__ */ jsx(Badge, {
+					value: (item) => /* @__PURE__ */ jsx(Text$1, {
 						size: "xs",
-						variant: "light",
-						color: getSeverityColor(item.severity),
-						leftSection: getSeverityIcon(item.severity),
+						tt: "capitalize",
 						children: item.severity
 					})
 				},
@@ -118,28 +89,28 @@ const AdminAudits = (props) => {
 					label: "User",
 					fit: true,
 					value: (item) => item.userId ? /* @__PURE__ */ jsx(Tooltip, {
-						label: /* @__PURE__ */ jsxs(Flex, {
+						label: /* @__PURE__ */ jsxs(Flex$1, {
 							direction: "column",
 							gap: 2,
-							children: [/* @__PURE__ */ jsx(Text, {
+							children: [/* @__PURE__ */ jsx(Text$1, {
 								size: "xs",
 								children: item.userEmail || "No email"
-							}), /* @__PURE__ */ jsx(Text, {
+							}), /* @__PURE__ */ jsx(Text$1, {
 								size: "xs",
 								c: "dimmed",
 								children: item.userRealm || "default"
 							})]
 						}),
-						children: /* @__PURE__ */ jsxs(Flex, {
+						children: /* @__PURE__ */ jsxs(Flex$1, {
 							gap: 4,
-							children: [/* @__PURE__ */ jsx(IconUser, { size: 12 }), /* @__PURE__ */ jsx(Text, {
+							children: [/* @__PURE__ */ jsx(IconUser, { size: 12 }), /* @__PURE__ */ jsx(Text$1, {
 								size: "xs",
 								lineClamp: 1,
 								maw: 100,
 								children: item.userEmail?.split("@")[0] || item.userId.slice(0, 8)
 							})]
 						})
-					}) : /* @__PURE__ */ jsx(Text, {
+					}) : /* @__PURE__ */ jsx(Text$1, {
 						size: "xs",
 						c: "dimmed",
 						children: "System"
@@ -147,7 +118,7 @@ const AdminAudits = (props) => {
 				},
 				description: {
 					label: "Description",
-					value: (item) => /* @__PURE__ */ jsx(Text, {
+					value: (item) => /* @__PURE__ */ jsx(Text$1, {
 						size: "sm",
 						lineClamp: 1,
 						children: item.description || "-"
@@ -158,13 +129,12 @@ const AdminAudits = (props) => {
 					fit: true,
 					value: (item) => item.resourceType ? /* @__PURE__ */ jsx(Tooltip, {
 						label: `${item.resourceType}: ${item.resourceId}`,
-						children: /* @__PURE__ */ jsx(Badge, {
+						children: /* @__PURE__ */ jsx(Text$1, {
 							size: "xs",
-							variant: "dot",
-							color: "gray",
+							ff: "monospace",
 							children: item.resourceType
 						})
-					}) : /* @__PURE__ */ jsx(Text, {
+					}) : /* @__PURE__ */ jsx(Text$1, {
 						size: "xs",
 						c: "dimmed",
 						children: "-"
@@ -173,21 +143,15 @@ const AdminAudits = (props) => {
 				success: {
 					label: "Status",
 					fit: true,
-					value: (item) => item.success ? /* @__PURE__ */ jsx(IconCheck, {
-						size: 14,
-						color: "var(--mantine-color-green-6)"
-					}) : /* @__PURE__ */ jsx(Tooltip, {
+					value: (item) => item.success ? /* @__PURE__ */ jsx(IconCheck, { size: 14 }) : /* @__PURE__ */ jsx(Tooltip, {
 						label: item.errorMessage || "Failed",
-						children: /* @__PURE__ */ jsx(IconX, {
-							size: 14,
-							color: "var(--mantine-color-red-6)"
-						})
+						children: /* @__PURE__ */ jsx(IconX, { size: 14 })
 					})
 				},
 				ipAddress: {
 					label: "IP",
 					fit: true,
-					value: (item) => /* @__PURE__ */ jsx(Text, {
+					value: (item) => /* @__PURE__ */ jsx(Text$1, {
 						size: "xs",
 						c: "dimmed",
 						ff: "monospace",
@@ -199,7 +163,7 @@ const AdminAudits = (props) => {
 					fit: true,
 					value: (item) => /* @__PURE__ */ jsx(Tooltip, {
 						label: l(item.createdAt, { date: "medium" }),
-						children: /* @__PURE__ */ jsx(Text, {
+						children: /* @__PURE__ */ jsx(Text$1, {
 							size: "xs",
 							c: "dimmed",
 							children: l(item.createdAt, { date: "fromNow" })
@@ -213,4 +177,4 @@ const AdminAudits = (props) => {
 
 //#endregion
 export { AdminAudits as default };
-//# sourceMappingURL=AdminAudits-BQno3hZG.js.map
+//# sourceMappingURL=AdminAudits-Bgbf04hO.js.map

package/dist/admin/AdminAudits-Bgbf04hO.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AdminAudits-Bgbf04hO.js","names":["Flex","Text"],"sources":["../../src/admin/components/audits/AdminAudits.tsx"],"sourcesContent":["import { DataTable, Flex, Text } from \"@alepha/ui\";\nimport { Badge, Tooltip } from \"@mantine/core\";\nimport { IconCheck, IconUser, IconX } from \"@tabler/icons-react\";\nimport { type Page, t } from \"alepha\";\nimport type { AdminAuditController, AuditEntity } from \"alepha/api/audits\";\nimport { useClient } from \"alepha/react\";\nimport { useI18n } from \"alepha/react/i18n\";\nimport { useRouter } from \"alepha/react/router\";\nimport type { AdminRouter } from \"../../AdminRouter.ts\";\n\nexport interface AdminAuditsProps {\n  userRealmName?: string;\n}\n\nconst AdminAudits = (props: AdminAuditsProps) => {\n  const client = useClient<AdminAuditController>();\n  const router = useRouter<AdminRouter>();\n  const { l } = useI18n();\n\n  const filters = t.object({\n    type: t.optional(t.text()),\n    action: t.optional(t.text()),\n    severity: t.optional(t.enum([\"info\", \"warning\", \"critical\"])),\n    success: t.optional(t.boolean()),\n    resourceType: t.optional(t.text()),\n    search: t.optional(t.text()),\n    from: t.optional(t.datetime()),\n    to: t.optional(t.datetime()),\n  });\n\n  return (\n    <Flex flex={1} direction=\"column\">\n      <DataTable<AuditEntity, typeof filters>\n        submitOnInit\n        defaultSize={20}\n        typeFormProps={{\n          skipSubmitButton: true,\n          columns: 4,\n        }}\n        tableProps={{\n          horizontalSpacing: \"xs\",\n          verticalSpacing: \"xs\",\n          striped: false,\n          highlightOnHover: true,\n        }}\n        filters={filters}\n        tableTrProps={(item) => ({\n          style: {\n            cursor: item.userId ? \"pointer\" : \"default\",\n            opacity: item.success ? 1 : 0.85,\n          },\n          onClick: () => {\n            if (item.userId) {\n              router.push(\"adminUserProfile\", {\n                params: { userId: item.userId },\n              });\n            }\n          },\n        })}\n        items={async (query) => {\n          const response = await client.findAudits({\n            query: {\n              ...query,\n              userRealm: props.userRealmName,\n            },\n          });\n          return response as Page<AuditEntity>;\n        }}\n        columns={{\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          action: {\n            label: \"Action\",\n            fit: true,\n            value: (item) => (\n              <Badge size=\"sm\" variant=\"default\">\n                {item.action}\n              </Badge>\n            ),\n          },\n          severity: {\n            label: \"Severity\",\n            fit: true,\n            value: (item) => (\n              <Text size=\"xs\" tt=\"capitalize\">\n                {item.severity}\n              </Text>\n            ),\n          },\n          user: {\n            label: \"User\",\n            fit: true,\n            value: (item) =>\n              item.userId ? (\n                <Tooltip\n                  label={\n                    <Flex direction=\"column\" gap={2}>\n                      <Text size=\"xs\">{item.userEmail || \"No email\"}</Text>\n                      <Text size=\"xs\" c=\"dimmed\">\n                        {item.userRealm || \"default\"}\n                      </Text>\n                    </Flex>\n                  }\n                >\n                  <Flex gap={4}>\n                    <IconUser size={12} />\n                    <Text size=\"xs\" lineClamp={1} maw={100}>\n                      {item.userEmail?.split(\"@\")[0] || item.userId.slice(0, 8)}\n                    </Text>\n                  </Flex>\n                </Tooltip>\n              ) : (\n                <Text size=\"xs\" c=\"dimmed\">\n                  System\n                </Text>\n              ),\n          },\n          description: {\n            label: \"Description\",\n            value: (item) => (\n              <Text size=\"sm\" lineClamp={1}>\n                {item.description || \"-\"}\n              </Text>\n            ),\n          },\n          resource: {\n            label: \"Resource\",\n            fit: true,\n            value: (item) =>\n              item.resourceType ? (\n                <Tooltip label={`${item.resourceType}: ${item.resourceId}`}>\n                  <Text size=\"xs\" ff=\"monospace\">\n                    {item.resourceType}\n                  </Text>\n                </Tooltip>\n              ) : (\n                <Text size=\"xs\" c=\"dimmed\">\n                  -\n                </Text>\n              ),\n          },\n          success: {\n            label: \"Status\",\n            fit: true,\n            value: (item) =>\n              item.success ? (\n                <IconCheck size={14} />\n              ) : (\n                <Tooltip label={item.errorMessage || \"Failed\"}>\n                  <IconX size={14} />\n                </Tooltip>\n              ),\n          },\n          ipAddress: {\n            label: \"IP\",\n            fit: true,\n            value: (item) => (\n              <Text size=\"xs\" c=\"dimmed\" ff=\"monospace\">\n                {item.ipAddress || \"-\"}\n              </Text>\n            ),\n          },\n          createdAt: {\n            label: \"Time\",\n            fit: true,\n            value: (item) => (\n              <Tooltip label={l(item.createdAt, { date: \"medium\" })}>\n                <Text size=\"xs\" c=\"dimmed\">\n                  {l(item.createdAt, { date: \"fromNow\" })}\n                </Text>\n              </Tooltip>\n            ),\n          },\n        }}\n      />\n    </Flex>\n  );\n};\n\nexport default AdminAudits;\n"],"mappings":"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"}

package/dist/admin/{AdminFiles-kvuUaASF.js → AdminFiles-B9a7G3cY.js}

@@ -1,9 +1,8 @@
-import { DataTable, Flex, Text } from "@alepha/ui";
+import { r as DataTable, s as Text, u as Flex } from "./core-2xoLiT0o.js";
 import { t } from "alepha";
-import { Badge } from "@mantine/core";
+import { useI18n } from "alepha/react/i18n";
 import { jsx } from "react/jsx-runtime";
 import { useClient } from "alepha/react";
-import { useI18n } from "alepha/react/i18n";
 import { files } from "alepha/api/files";
 
 //#region ../../src/admin/components/files/AdminFiles.tsx
@@ -64,10 +63,9 @@ const AdminFiles = () => {
 				bucket: {
 					label: "Bucket",
 					fit: true,
-					value: (item) => /* @__PURE__ */ jsx(Badge, {
-						size: "sm",
-						variant: "light",
-						color: "blue",
+					value: (item) => /* @__PURE__ */ jsx(Text, {
+						size: "xs",
+						ff: "monospace",
 						children: item.bucket
 					})
 				},
@@ -114,4 +112,4 @@ const AdminFiles = () => {
 
 //#endregion
 export { AdminFiles as default };
-//# sourceMappingURL=AdminFiles-kvuUaASF.js.map
+//# sourceMappingURL=AdminFiles-B9a7G3cY.js.map