@alepha/ui 0.16.0 → 0.16.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (152) hide show
  1. package/dist/admin/{AdminApiKeys-GMORg-1l.js → AdminApiKeys-CoTOTfgU.js} +4 -3
  2. package/dist/admin/{AdminApiKeys-GMORg-1l.js.map → AdminApiKeys-CoTOTfgU.js.map} +1 -1
  3. package/dist/admin/{AdminAudits-pkWrjq1Z.js → AdminAudits-BmsxFbDa.js} +4 -3
  4. package/dist/admin/{AdminAudits-pkWrjq1Z.js.map → AdminAudits-BmsxFbDa.js.map} +1 -1
  5. package/dist/admin/{AdminFiles-WeQbsCsl.js → AdminFiles-BBB8knca.js} +4 -3
  6. package/dist/admin/{AdminFiles-WeQbsCsl.js.map → AdminFiles-BBB8knca.js.map} +1 -1
  7. package/dist/admin/{AdminJobs-B-q9iGO3.js → AdminJobs-C604joTz.js} +4 -3
  8. package/dist/admin/{AdminJobs-B-q9iGO3.js.map → AdminJobs-C604joTz.js.map} +1 -1
  9. package/dist/admin/{AdminLayout-D8yZ-8lG.js → AdminLayout-CsjvpeD1.js} +6 -10
  10. package/dist/admin/AdminLayout-CsjvpeD1.js.map +1 -0
  11. package/dist/admin/{AdminNotifications-Ds5Un0NJ.js → AdminNotifications-LwR6RKrx.js} +4 -3
  12. package/dist/admin/{AdminNotifications-Ds5Un0NJ.js.map → AdminNotifications-LwR6RKrx.js.map} +1 -1
  13. package/dist/admin/AdminParameters-B_83Vie9.js +767 -0
  14. package/dist/admin/AdminParameters-B_83Vie9.js.map +1 -0
  15. package/dist/admin/{AdminSessions-DzIOxM3b.js → AdminSessions-CWnPosdd.js} +4 -3
  16. package/dist/admin/{AdminSessions-DzIOxM3b.js.map → AdminSessions-CWnPosdd.js.map} +1 -1
  17. package/dist/admin/{AdminUserAudits-CiUPN2BC.js → AdminUserAudits-nHv636E_.js} +4 -3
  18. package/dist/admin/{AdminUserAudits-CiUPN2BC.js.map → AdminUserAudits-nHv636E_.js.map} +1 -1
  19. package/dist/admin/{AdminUserCreate-BwQKr4xE.js → AdminUserCreate-CjYD3Kjc.js} +4 -3
  20. package/dist/admin/{AdminUserCreate-BwQKr4xE.js.map → AdminUserCreate-CjYD3Kjc.js.map} +1 -1
  21. package/dist/admin/{AdminUserDetails-uqtC5aJ1.js → AdminUserDetails-Ccq-LsZ0.js} +4 -3
  22. package/dist/admin/{AdminUserDetails-uqtC5aJ1.js.map → AdminUserDetails-Ccq-LsZ0.js.map} +1 -1
  23. package/dist/admin/{AdminUserLayout-CiPay35T.js → AdminUserLayout-7s41DiF_.js} +6 -7
  24. package/dist/admin/AdminUserLayout-7s41DiF_.js.map +1 -0
  25. package/dist/admin/{AdminUserSessions-DAE8Nf1F.js → AdminUserSessions-Ds3ODq_d.js} +4 -3
  26. package/dist/admin/{AdminUserSessions-DAE8Nf1F.js.map → AdminUserSessions-Ds3ODq_d.js.map} +1 -1
  27. package/dist/admin/{AdminUserSettings-EbahaV2a.js → AdminUserSettings-CGh4gROo.js} +4 -3
  28. package/dist/admin/{AdminUserSettings-EbahaV2a.js.map → AdminUserSettings-CGh4gROo.js.map} +1 -1
  29. package/dist/admin/{AdminUsers-Dcjh0KNW.js → AdminUsers-CvPiBzQK.js} +4 -3
  30. package/dist/admin/{AdminUsers-Dcjh0KNW.js.map → AdminUsers-CvPiBzQK.js.map} +1 -1
  31. package/dist/admin/index.d.ts +22 -10
  32. package/dist/admin/index.d.ts.map +1 -1
  33. package/dist/admin/index.js +47 -48
  34. package/dist/admin/index.js.map +1 -1
  35. package/dist/admin/rolldown-runtime-CjeV3_4I.js +18 -0
  36. package/dist/auth/{AuthLayout-mFOWbiSP.js → AuthLayout-CdJcrPs4.js} +2 -4
  37. package/dist/auth/AuthLayout-CdJcrPs4.js.map +1 -0
  38. package/dist/{demo/IconGoogle-CbBF8Hqq.js → auth/IconGoogle-Bm18QD2q.js} +2 -4
  39. package/dist/auth/{IconGoogle-DpSlPZ1u.js.map → IconGoogle-Bm18QD2q.js.map} +1 -1
  40. package/dist/auth/{Login-BBqTosqZ.js → Login-DS_OqA0G.js} +7 -6
  41. package/dist/auth/Login-DS_OqA0G.js.map +1 -0
  42. package/dist/auth/{Profile-Bxj8Nwom.js → Profile-Di7N7HZL.js} +2 -3
  43. package/dist/auth/{Profile-Bxj8Nwom.js.map → Profile-Di7N7HZL.js.map} +1 -1
  44. package/dist/auth/{Register-Ce675Crg.js → Register-BRR2_gux.js} +7 -6
  45. package/dist/auth/Register-BRR2_gux.js.map +1 -0
  46. package/dist/auth/{ResetPassword-DWdt7c40.js → ResetPassword-oQu72lod.js} +4 -3
  47. package/dist/auth/{ResetPassword-DWdt7c40.js.map → ResetPassword-oQu72lod.js.map} +1 -1
  48. package/dist/auth/{VerifyEmail-CI4JwByV.js → VerifyEmail-DC6HPZjd.js} +4 -3
  49. package/dist/auth/{VerifyEmail-CI4JwByV.js.map → VerifyEmail-DC6HPZjd.js.map} +1 -1
  50. package/dist/auth/index.d.ts +14 -14
  51. package/dist/auth/index.d.ts.map +1 -1
  52. package/dist/auth/index.js +13 -17
  53. package/dist/auth/index.js.map +1 -1
  54. package/dist/auth/rolldown-runtime-CjeV3_4I.js +18 -0
  55. package/dist/core/index.d.ts +147 -68
  56. package/dist/core/index.d.ts.map +1 -1
  57. package/dist/core/index.js +349 -287
  58. package/dist/core/index.js.map +1 -1
  59. package/dist/demo/{DemoDataTable-CguplbR7.js → DemoDataTable-DCsJq8v5.js} +4 -5
  60. package/dist/demo/DemoDataTable-DCsJq8v5.js.map +1 -0
  61. package/dist/demo/{DemoHome-Cce2bWmg.js → DemoHome-DpRrPlBC.js} +4 -3
  62. package/dist/demo/{DemoHome-Cce2bWmg.js.map → DemoHome-DpRrPlBC.js.map} +1 -1
  63. package/dist/demo/{DemoJsonViewer-Dgdk3Txb.js → DemoJsonViewer-zeucGKHV.js} +6 -5
  64. package/dist/demo/DemoJsonViewer-zeucGKHV.js.map +1 -0
  65. package/dist/demo/{DemoLayout-B20TEuhV.js → DemoLayout-PhgbAAiQ.js} +6 -5
  66. package/dist/demo/DemoLayout-PhgbAAiQ.js.map +1 -0
  67. package/dist/demo/{DemoLogin-CvCG2WVh.js → DemoLogin-DSzP0Lkv.js} +8 -10
  68. package/dist/demo/DemoLogin-DSzP0Lkv.js.map +1 -0
  69. package/dist/demo/{DemoRegister-CmeHbOAs.js → DemoRegister-DavFBsCz.js} +8 -10
  70. package/dist/demo/DemoRegister-DavFBsCz.js.map +1 -0
  71. package/dist/demo/{DemoResetPassword-CKO5iA_6.js → DemoResetPassword-BS2rIAQK.js} +5 -7
  72. package/dist/demo/DemoResetPassword-BS2rIAQK.js.map +1 -0
  73. package/dist/demo/{DemoSidebar-MVmQKfMt.js → DemoSidebar-zNkUmHRl.js} +4 -5
  74. package/dist/demo/DemoSidebar-zNkUmHRl.js.map +1 -0
  75. package/dist/demo/{DemoTypeForm-w-qtfRlC.js → DemoTypeForm-B9q7oT0b.js} +4 -5
  76. package/dist/demo/DemoTypeForm-B9q7oT0b.js.map +1 -0
  77. package/dist/demo/{DemoVerifyEmail-C8FFJT5A.js → DemoVerifyEmail-Bi4SdWz0.js} +5 -7
  78. package/dist/demo/DemoVerifyEmail-Bi4SdWz0.js.map +1 -0
  79. package/dist/{auth/IconGoogle-DpSlPZ1u.js → demo/IconGoogle-CTeZyrek.js} +2 -4
  80. package/dist/demo/{IconGoogle-CbBF8Hqq.js.map → IconGoogle-CTeZyrek.js.map} +1 -1
  81. package/dist/demo/{Showcase-CQrMWars.js → Showcase-C9btr_SJ.js} +3 -5
  82. package/dist/demo/Showcase-C9btr_SJ.js.map +1 -0
  83. package/dist/demo/index.d.ts +2 -2
  84. package/dist/demo/index.d.ts.map +1 -1
  85. package/dist/demo/index.js +15 -15
  86. package/dist/demo/rolldown-runtime-CjeV3_4I.js +18 -0
  87. package/package.json +5 -3
  88. package/src/admin/AdminRouter.ts +15 -24
  89. package/src/admin/components/AdminLayout.tsx +6 -10
  90. package/src/admin/components/parameters/AdminParameters.tsx +154 -76
  91. package/src/admin/components/parameters/ParameterDetails.tsx +153 -93
  92. package/src/admin/components/parameters/ParameterEmptyState.tsx +27 -0
  93. package/src/admin/components/parameters/ParameterHistory.tsx +15 -20
  94. package/src/admin/components/parameters/ParameterTree.tsx +280 -104
  95. package/src/admin/components/parameters/types.ts +3 -3
  96. package/src/admin/primitives/$uiAdmin.ts +2 -2
  97. package/src/auth/AuthRouter.ts +1 -4
  98. package/src/auth/components/AuthLayout.tsx +0 -1
  99. package/src/core/components/buttons/ActionButton.tsx +4 -15
  100. package/src/core/components/buttons/DarkModeButton.tsx +8 -4
  101. package/src/core/components/buttons/ToggleSidebarButton.tsx +3 -5
  102. package/src/core/components/form/Control.tsx +10 -32
  103. package/src/core/components/form/ControlArray.tsx +200 -89
  104. package/src/core/components/form/TypeForm.browser.spec.tsx +727 -0
  105. package/src/core/components/layout/AlephaMantineProvider.tsx +1 -0
  106. package/src/core/components/layout/Breadcrumb.tsx +91 -0
  107. package/src/core/components/layout/{AdminShell.tsx → DashboardShell.tsx} +77 -32
  108. package/src/core/components/layout/Sidebar.tsx +58 -18
  109. package/src/core/constants/ui.ts +1 -1
  110. package/src/core/helpers/renderIcon.tsx +5 -2
  111. package/src/core/index.ts +9 -5
  112. package/src/core/styles.css +7 -6
  113. package/src/core/utils/string.ts +28 -4
  114. package/src/demo/components/DemoLayout.tsx +6 -2
  115. package/dist/admin/AdminApiKeys-DsmGnHNh.js +0 -3
  116. package/dist/admin/AdminAudits-8SM96viT.js +0 -3
  117. package/dist/admin/AdminFiles-B56ocq4H.js +0 -3
  118. package/dist/admin/AdminJobs-CED1syCn.js +0 -3
  119. package/dist/admin/AdminLayout-D8yZ-8lG.js.map +0 -1
  120. package/dist/admin/AdminNotifications-B0B1rdc4.js +0 -3
  121. package/dist/admin/AdminParameters-BU3lATdJ.js +0 -3
  122. package/dist/admin/AdminParameters-CfDUpc78.js +0 -575
  123. package/dist/admin/AdminParameters-CfDUpc78.js.map +0 -1
  124. package/dist/admin/AdminSessions-BDGK2MS6.js +0 -3
  125. package/dist/admin/AdminUserAudits-Cj79gENT.js +0 -3
  126. package/dist/admin/AdminUserCreate-Cq-mUmBs.js +0 -3
  127. package/dist/admin/AdminUserDetails-DRjVAPFd.js +0 -3
  128. package/dist/admin/AdminUserLayout-CGzmHHby.js +0 -3
  129. package/dist/admin/AdminUserLayout-CiPay35T.js.map +0 -1
  130. package/dist/admin/AdminUserSessions-DcdzuNZ9.js +0 -3
  131. package/dist/admin/AdminUserSettings-D7V6-ceX.js +0 -3
  132. package/dist/admin/AdminUsers-D9nyzGqQ.js +0 -3
  133. package/dist/auth/AuthLayout-mFOWbiSP.js.map +0 -1
  134. package/dist/auth/Login-BBqTosqZ.js.map +0 -1
  135. package/dist/auth/Login-CoU63mMR.js +0 -4
  136. package/dist/auth/Register-BV_oa_AK.js +0 -4
  137. package/dist/auth/Register-Ce675Crg.js.map +0 -1
  138. package/dist/auth/ResetPassword-D5wC8GAA.js +0 -3
  139. package/dist/auth/VerifyEmail-DAfqVm5s.js +0 -3
  140. package/dist/demo/DemoDataTable-CguplbR7.js.map +0 -1
  141. package/dist/demo/DemoHome-DC9qkMNe.js +0 -3
  142. package/dist/demo/DemoJsonViewer-DIssGVlJ.js +0 -4
  143. package/dist/demo/DemoJsonViewer-Dgdk3Txb.js.map +0 -1
  144. package/dist/demo/DemoLayout-B20TEuhV.js.map +0 -1
  145. package/dist/demo/DemoLayout-DSRyf4qJ.js +0 -3
  146. package/dist/demo/DemoLogin-CvCG2WVh.js.map +0 -1
  147. package/dist/demo/DemoRegister-CmeHbOAs.js.map +0 -1
  148. package/dist/demo/DemoResetPassword-CKO5iA_6.js.map +0 -1
  149. package/dist/demo/DemoSidebar-MVmQKfMt.js.map +0 -1
  150. package/dist/demo/DemoTypeForm-w-qtfRlC.js.map +0 -1
  151. package/dist/demo/DemoVerifyEmail-C8FFJT5A.js.map +0 -1
  152. package/dist/demo/Showcase-CQrMWars.js.map +0 -1
@@ -1,3 +1,4 @@
1
+ import { t as __exportAll } from "./rolldown-runtime-CjeV3_4I.js";
1
2
  import { ActionButton, ClipboardButton, DataTable, Flex, Text, useDialog, useToast } from "@alepha/ui";
2
3
  import { t } from "alepha";
3
4
  import { IconCalendarOff, IconCheck, IconClock, IconKey, IconNetwork, IconShieldCheck, IconShieldOff, IconTrash, IconUser } from "@tabler/icons-react";
@@ -9,6 +10,7 @@ import { jsx, jsxs } from "react/jsx-runtime";
9
10
  import { useCallback, useState } from "react";
10
11
 
11
12
  //#region ../../src/admin/components/keys/AdminApiKeys.tsx
13
+ var AdminApiKeys_exports = /* @__PURE__ */ __exportAll({ default: () => AdminApiKeys });
12
14
  const getKeyStatus = (key) => {
13
15
  if (key.revokedAt) return "revoked";
14
16
  if (key.expiresAt && new Date(key.expiresAt) < /* @__PURE__ */ new Date()) return "expired";
@@ -435,8 +437,7 @@ const AdminApiKeys = () => {
435
437
  }, refreshKey)]
436
438
  });
437
439
  };
438
- var AdminApiKeys_default = AdminApiKeys;
439
440
 
440
441
  //#endregion
441
- export { AdminApiKeys_default as t };
442
- //# sourceMappingURL=AdminApiKeys-GMORg-1l.js.map
442
+ export { AdminApiKeys_exports as n, AdminApiKeys as t };
443
+ //# sourceMappingURL=AdminApiKeys-CoTOTfgU.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"AdminApiKeys-GMORg-1l.js","names":[],"sources":["../../src/admin/components/keys/AdminApiKeys.tsx"],"sourcesContent":["import {\n ActionButton,\n ClipboardButton,\n DataTable,\n Flex,\n Text,\n useDialog,\n useToast,\n} from \"@alepha/ui\";\nimport {\n ActionIcon,\n Badge,\n Box,\n Code,\n Group,\n Paper,\n RingProgress,\n SimpleGrid,\n Stack,\n ThemeIcon,\n Tooltip,\n} from \"@mantine/core\";\nimport {\n IconCalendarOff,\n IconCheck,\n IconClock,\n IconKey,\n IconNetwork,\n IconShieldCheck,\n IconShieldOff,\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 getStatusColor = (status: \"active\" | \"revoked\" | \"expired\") => {\n switch (status) {\n case \"active\":\n return \"teal\";\n case \"revoked\":\n return \"red\";\n case \"expired\":\n return \"orange\";\n }\n};\n\nconst getStatusIcon = (status: \"active\" | \"revoked\" | \"expired\") => {\n switch (status) {\n case \"active\":\n return <IconShieldCheck size={14} />;\n case \"revoked\":\n return <IconShieldOff size={14} />;\n case \"expired\":\n return <IconCalendarOff size={14} />;\n }\n};\n\nconst formatKeyPreview = (prefix: string, suffix: string) => {\n return `${prefix}...${suffix}`;\n};\n\n// ─────────────────────────────────────────────────────────────────────────────\n// Stats Cards\n// ─────────────────────────────────────────────────────────────────────────────\n\ninterface StatsCardsProps {\n stats: KeyStats;\n loading: boolean;\n}\n\nconst StatsCards = ({ stats, loading }: StatsCardsProps) => {\n const activePercentage =\n stats.total > 0 ? Math.round((stats.active / stats.total) * 100) : 0;\n\n return (\n <SimpleGrid cols={{ base: 2, sm: 4 }} spacing=\"md\">\n <Paper p=\"md\" radius=\"md\" withBorder>\n <Group justify=\"space-between\">\n <Box>\n <Text size=\"xs\" c=\"dimmed\" tt=\"uppercase\" fw={600}>\n Total Keys\n </Text>\n <Text size=\"xl\" fw={700} ff=\"monospace\">\n {stats.total}\n </Text>\n </Box>\n <ThemeIcon size=\"lg\" radius=\"md\" variant=\"light\" color=\"blue\">\n <IconKey size={20} />\n </ThemeIcon>\n </Group>\n </Paper>\n\n <Paper p=\"md\" radius=\"md\" withBorder>\n <Group justify=\"space-between\">\n <Box>\n <Text size=\"xs\" c=\"dimmed\" tt=\"uppercase\" fw={600}>\n Active\n </Text>\n <Text size=\"xl\" fw={700} ff=\"monospace\" c=\"teal\">\n {stats.active}\n </Text>\n </Box>\n <RingProgress\n size={48}\n thickness={4}\n roundCaps\n sections={[{ value: activePercentage, color: \"teal\" }]}\n />\n </Group>\n </Paper>\n\n <Paper p=\"md\" radius=\"md\" withBorder>\n <Group justify=\"space-between\">\n <Box>\n <Text size=\"xs\" c=\"dimmed\" tt=\"uppercase\" fw={600}>\n Revoked\n </Text>\n <Text size=\"xl\" fw={700} ff=\"monospace\" c=\"red\">\n {stats.revoked}\n </Text>\n </Box>\n <ThemeIcon\n size=\"lg\"\n radius=\"md\"\n variant=\"light\"\n color={stats.revoked > 0 ? \"red\" : \"gray\"}\n >\n <IconShieldOff size={20} />\n </ThemeIcon>\n </Group>\n </Paper>\n\n <Paper p=\"md\" radius=\"md\" withBorder>\n <Group justify=\"space-between\">\n <Box>\n <Text size=\"xs\" c=\"dimmed\" tt=\"uppercase\" fw={600}>\n Never Used\n </Text>\n <Text size=\"xl\" fw={700} ff=\"monospace\" c=\"yellow\">\n {stats.neverUsed}\n </Text>\n </Box>\n <ThemeIcon\n size=\"lg\"\n radius=\"md\"\n variant=\"light\"\n color={stats.neverUsed > 0 ? \"yellow\" : \"gray\"}\n >\n <IconClock size={20} />\n </ThemeIcon>\n </Group>\n </Paper>\n </SimpleGrid>\n );\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 // Calculate stats from loaded data\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 {/* Stats Header */}\n <StatsCards stats={stats} loading={loading} />\n\n {/* API Keys Table */}\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 {\n opacity: 0.6,\n style: {\n textDecoration: \"line-through\",\n textDecorationColor: \"var(--mantine-color-red-5)\",\n },\n };\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 // Update stats with all keys (need to fetch all for accurate stats)\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 <Stack gap={2}>\n <Group gap=\"xs\">\n <ThemeIcon\n size=\"xs\"\n radius=\"sm\"\n variant=\"light\"\n color={getStatusColor(getKeyStatus(item))}\n >\n <IconKey size={10} />\n </ThemeIcon>\n <Text size=\"sm\" fw={600}>\n {item.name}\n </Text>\n </Group>\n {item.description && (\n <Text size=\"xs\" c=\"dimmed\" lineClamp={1}>\n {item.description}\n </Text>\n )}\n </Stack>\n ),\n },\n token: {\n label: \"Key\",\n fit: true,\n value: (item) => (\n <Group 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 </Group>\n ),\n },\n status: {\n label: \"Status\",\n fit: true,\n value: (item) => {\n const status = getKeyStatus(item);\n return (\n <Badge\n size=\"sm\"\n variant=\"light\"\n color={getStatusColor(status)}\n leftSection={getStatusIcon(status)}\n >\n {status.toUpperCase()}\n </Badge>\n );\n },\n },\n roles: {\n label: \"Roles\",\n value: (item) => (\n <Group 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 </Group>\n ),\n },\n usage: {\n label: \"Usage\",\n fit: true,\n value: (item) => (\n <Stack gap={2}>\n <Text size=\"xs\" ff=\"monospace\" fw={500}>\n {item.usageCount.toLocaleString()} calls\n </Text>\n {item.lastUsedAt ? (\n <Group 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 </Group>\n ) : (\n <Text size=\"xs\" c=\"yellow\">\n Never used\n </Text>\n )}\n </Stack>\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(\"adminUserDetails\", {\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 const isExpired = new Date(item.expiresAt) < new Date();\n return (\n <Text size=\"xs\" c={isExpired ? \"orange\" : \"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 <ActionIcon\n size=\"sm\"\n variant=\"subtle\"\n color=\"red\"\n onClick={() => handleRevoke(item)}\n >\n <IconTrash size={14} />\n </ActionIcon>\n </Tooltip>\n );\n },\n },\n }}\n />\n </Flex>\n );\n};\n\nexport default AdminApiKeys;\n"],"mappings":"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"}
1
+ {"version":3,"file":"AdminApiKeys-CoTOTfgU.js","names":[],"sources":["../../src/admin/components/keys/AdminApiKeys.tsx"],"sourcesContent":["import {\n ActionButton,\n ClipboardButton,\n DataTable,\n Flex,\n Text,\n useDialog,\n useToast,\n} from \"@alepha/ui\";\nimport {\n ActionIcon,\n Badge,\n Box,\n Code,\n Group,\n Paper,\n RingProgress,\n SimpleGrid,\n Stack,\n ThemeIcon,\n Tooltip,\n} from \"@mantine/core\";\nimport {\n IconCalendarOff,\n IconCheck,\n IconClock,\n IconKey,\n IconNetwork,\n IconShieldCheck,\n IconShieldOff,\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 getStatusColor = (status: \"active\" | \"revoked\" | \"expired\") => {\n switch (status) {\n case \"active\":\n return \"teal\";\n case \"revoked\":\n return \"red\";\n case \"expired\":\n return \"orange\";\n }\n};\n\nconst getStatusIcon = (status: \"active\" | \"revoked\" | \"expired\") => {\n switch (status) {\n case \"active\":\n return <IconShieldCheck size={14} />;\n case \"revoked\":\n return <IconShieldOff size={14} />;\n case \"expired\":\n return <IconCalendarOff size={14} />;\n }\n};\n\nconst formatKeyPreview = (prefix: string, suffix: string) => {\n return `${prefix}...${suffix}`;\n};\n\n// ─────────────────────────────────────────────────────────────────────────────\n// Stats Cards\n// ─────────────────────────────────────────────────────────────────────────────\n\ninterface StatsCardsProps {\n stats: KeyStats;\n loading: boolean;\n}\n\nconst StatsCards = ({ stats, loading }: StatsCardsProps) => {\n const activePercentage =\n stats.total > 0 ? Math.round((stats.active / stats.total) * 100) : 0;\n\n return (\n <SimpleGrid cols={{ base: 2, sm: 4 }} spacing=\"md\">\n <Paper p=\"md\" radius=\"md\" withBorder>\n <Group justify=\"space-between\">\n <Box>\n <Text size=\"xs\" c=\"dimmed\" tt=\"uppercase\" fw={600}>\n Total Keys\n </Text>\n <Text size=\"xl\" fw={700} ff=\"monospace\">\n {stats.total}\n </Text>\n </Box>\n <ThemeIcon size=\"lg\" radius=\"md\" variant=\"light\" color=\"blue\">\n <IconKey size={20} />\n </ThemeIcon>\n </Group>\n </Paper>\n\n <Paper p=\"md\" radius=\"md\" withBorder>\n <Group justify=\"space-between\">\n <Box>\n <Text size=\"xs\" c=\"dimmed\" tt=\"uppercase\" fw={600}>\n Active\n </Text>\n <Text size=\"xl\" fw={700} ff=\"monospace\" c=\"teal\">\n {stats.active}\n </Text>\n </Box>\n <RingProgress\n size={48}\n thickness={4}\n roundCaps\n sections={[{ value: activePercentage, color: \"teal\" }]}\n />\n </Group>\n </Paper>\n\n <Paper p=\"md\" radius=\"md\" withBorder>\n <Group justify=\"space-between\">\n <Box>\n <Text size=\"xs\" c=\"dimmed\" tt=\"uppercase\" fw={600}>\n Revoked\n </Text>\n <Text size=\"xl\" fw={700} ff=\"monospace\" c=\"red\">\n {stats.revoked}\n </Text>\n </Box>\n <ThemeIcon\n size=\"lg\"\n radius=\"md\"\n variant=\"light\"\n color={stats.revoked > 0 ? \"red\" : \"gray\"}\n >\n <IconShieldOff size={20} />\n </ThemeIcon>\n </Group>\n </Paper>\n\n <Paper p=\"md\" radius=\"md\" withBorder>\n <Group justify=\"space-between\">\n <Box>\n <Text size=\"xs\" c=\"dimmed\" tt=\"uppercase\" fw={600}>\n Never Used\n </Text>\n <Text size=\"xl\" fw={700} ff=\"monospace\" c=\"yellow\">\n {stats.neverUsed}\n </Text>\n </Box>\n <ThemeIcon\n size=\"lg\"\n radius=\"md\"\n variant=\"light\"\n color={stats.neverUsed > 0 ? \"yellow\" : \"gray\"}\n >\n <IconClock size={20} />\n </ThemeIcon>\n </Group>\n </Paper>\n </SimpleGrid>\n );\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 // Calculate stats from loaded data\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 {/* Stats Header */}\n <StatsCards stats={stats} loading={loading} />\n\n {/* API Keys Table */}\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 {\n opacity: 0.6,\n style: {\n textDecoration: \"line-through\",\n textDecorationColor: \"var(--mantine-color-red-5)\",\n },\n };\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 // Update stats with all keys (need to fetch all for accurate stats)\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 <Stack gap={2}>\n <Group gap=\"xs\">\n <ThemeIcon\n size=\"xs\"\n radius=\"sm\"\n variant=\"light\"\n color={getStatusColor(getKeyStatus(item))}\n >\n <IconKey size={10} />\n </ThemeIcon>\n <Text size=\"sm\" fw={600}>\n {item.name}\n </Text>\n </Group>\n {item.description && (\n <Text size=\"xs\" c=\"dimmed\" lineClamp={1}>\n {item.description}\n </Text>\n )}\n </Stack>\n ),\n },\n token: {\n label: \"Key\",\n fit: true,\n value: (item) => (\n <Group 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 </Group>\n ),\n },\n status: {\n label: \"Status\",\n fit: true,\n value: (item) => {\n const status = getKeyStatus(item);\n return (\n <Badge\n size=\"sm\"\n variant=\"light\"\n color={getStatusColor(status)}\n leftSection={getStatusIcon(status)}\n >\n {status.toUpperCase()}\n </Badge>\n );\n },\n },\n roles: {\n label: \"Roles\",\n value: (item) => (\n <Group 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 </Group>\n ),\n },\n usage: {\n label: \"Usage\",\n fit: true,\n value: (item) => (\n <Stack gap={2}>\n <Text size=\"xs\" ff=\"monospace\" fw={500}>\n {item.usageCount.toLocaleString()} calls\n </Text>\n {item.lastUsedAt ? (\n <Group 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 </Group>\n ) : (\n <Text size=\"xs\" c=\"yellow\">\n Never used\n </Text>\n )}\n </Stack>\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(\"adminUserDetails\", {\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 const isExpired = new Date(item.expiresAt) < new Date();\n return (\n <Text size=\"xs\" c={isExpired ? \"orange\" : \"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 <ActionIcon\n size=\"sm\"\n variant=\"subtle\"\n color=\"red\"\n onClick={() => handleRevoke(item)}\n >\n <IconTrash size={14} />\n </ActionIcon>\n </Tooltip>\n );\n },\n },\n }}\n />\n </Flex>\n );\n};\n\nexport default AdminApiKeys;\n"],"mappings":";;;;;;;;;;;;;AAyEA,MAAM,gBACJ,QACqC;AACrC,KAAI,IAAI,UAAW,QAAO;AAC1B,KAAI,IAAI,aAAa,IAAI,KAAK,IAAI,UAAU,mBAAG,IAAI,MAAM,CAAE,QAAO;AAClE,QAAO;;AAGT,MAAM,kBAAkB,WAA6C;AACnE,SAAQ,QAAR;EACE,KAAK,SACH,QAAO;EACT,KAAK,UACH,QAAO;EACT,KAAK,UACH,QAAO;;;AAIb,MAAM,iBAAiB,WAA6C;AAClE,SAAQ,QAAR;EACE,KAAK,SACH,QAAO,oBAAC,mBAAgB,MAAM,KAAM;EACtC,KAAK,UACH,QAAO,oBAAC,iBAAc,MAAM,KAAM;EACpC,KAAK,UACH,QAAO,oBAAC,mBAAgB,MAAM,KAAM;;;AAI1C,MAAM,oBAAoB,QAAgB,WAAmB;AAC3D,QAAO,GAAG,OAAO,KAAK;;AAYxB,MAAM,cAAc,EAAE,OAAO,cAA+B;CAC1D,MAAM,mBACJ,MAAM,QAAQ,IAAI,KAAK,MAAO,MAAM,SAAS,MAAM,QAAS,IAAI,GAAG;AAErE,QACE,qBAAC;EAAW,MAAM;GAAE,MAAM;GAAG,IAAI;GAAG;EAAE,SAAQ;;GAC5C,oBAAC;IAAM,GAAE;IAAK,QAAO;IAAK;cACxB,qBAAC;KAAM,SAAQ;gBACb,qBAAC,kBACC,oBAAC;MAAK,MAAK;MAAK,GAAE;MAAS,IAAG;MAAY,IAAI;gBAAK;OAE5C,EACP,oBAAC;MAAK,MAAK;MAAK,IAAI;MAAK,IAAG;gBACzB,MAAM;OACF,IACH,EACN,oBAAC;MAAU,MAAK;MAAK,QAAO;MAAK,SAAQ;MAAQ,OAAM;gBACrD,oBAAC,WAAQ,MAAM,KAAM;OACX;MACN;KACF;GAER,oBAAC;IAAM,GAAE;IAAK,QAAO;IAAK;cACxB,qBAAC;KAAM,SAAQ;gBACb,qBAAC,kBACC,oBAAC;MAAK,MAAK;MAAK,GAAE;MAAS,IAAG;MAAY,IAAI;gBAAK;OAE5C,EACP,oBAAC;MAAK,MAAK;MAAK,IAAI;MAAK,IAAG;MAAY,GAAE;gBACvC,MAAM;OACF,IACH,EACN,oBAAC;MACC,MAAM;MACN,WAAW;MACX;MACA,UAAU,CAAC;OAAE,OAAO;OAAkB,OAAO;OAAQ,CAAC;OACtD;MACI;KACF;GAER,oBAAC;IAAM,GAAE;IAAK,QAAO;IAAK;cACxB,qBAAC;KAAM,SAAQ;gBACb,qBAAC,kBACC,oBAAC;MAAK,MAAK;MAAK,GAAE;MAAS,IAAG;MAAY,IAAI;gBAAK;OAE5C,EACP,oBAAC;MAAK,MAAK;MAAK,IAAI;MAAK,IAAG;MAAY,GAAE;gBACvC,MAAM;OACF,IACH,EACN,oBAAC;MACC,MAAK;MACL,QAAO;MACP,SAAQ;MACR,OAAO,MAAM,UAAU,IAAI,QAAQ;gBAEnC,oBAAC,iBAAc,MAAM,KAAM;OACjB;MACN;KACF;GAER,oBAAC;IAAM,GAAE;IAAK,QAAO;IAAK;cACxB,qBAAC;KAAM,SAAQ;gBACb,qBAAC,kBACC,oBAAC;MAAK,MAAK;MAAK,GAAE;MAAS,IAAG;MAAY,IAAI;gBAAK;OAE5C,EACP,oBAAC;MAAK,MAAK;MAAK,IAAI;MAAK,IAAG;MAAY,GAAE;gBACvC,MAAM;OACF,IACH,EACN,oBAAC;MACC,MAAK;MACL,QAAO;MACP,SAAQ;MACR,OAAO,MAAM,YAAY,IAAI,WAAW;gBAExC,oBAAC,aAAU,MAAM,KAAM;OACb;MACN;KACF;;GACG;;AAQjB,MAAM,qBAAqB;CACzB,MAAM,SAAS,WAAkC;CACjD,MAAM,SAAS,WAAwB;CACvC,MAAM,EAAE,MAAM,SAAS;CACvB,MAAM,QAAQ,UAAU;CACxB,MAAM,SAAS,WAAW;CAE1B,MAAM,CAAC,OAAO,YAAY,SAAmB;EAC3C,OAAO;EACP,QAAQ;EACR,SAAS;EACT,SAAS;EACT,WAAW;EACZ,CAAC;CACF,MAAM,CAAC,YAAY,iBAAiB,SAAS,EAAE;CAC/C,MAAM,CAAC,SAAS,cAAc,SAAS,KAAK;CAE5C,MAAM,UAAU,EAAE,OAAO;EACvB,QAAQ,EAAE,SAAS,EAAE,MAAM,CAAC;EAC5B,gBAAgB,EAAE,SAAS,EAAE,SAAS,CAAC;EACxC,CAAC;CAEF,MAAM,eAAe,YACnB,OAAO,QAAwB;AAQ7B,MAAI,CAPc,MAAM,OAAO,QAAQ;GACrC,OAAO;GACP,SAAS,oCAAoC,IAAI,KAAK;GACtD,cAAc;GACd,cAAc;GACf,CAAC,CAEc;AAEhB,MAAI;AACF,SAAM,OAAO,aAAa,EAAE,QAAQ,EAAE,IAAI,IAAI,IAAI,EAAE,CAAC;AACrD,SAAM,QAAQ,YAAY,IAAI,KAAK,oBAAoB;AACvD,kBAAe,MAAM,IAAI,EAAE;WACpB,OAAO;AACd,SAAM,OAAO,2BAA2B;;IAG5C;EAAC;EAAQ;EAAQ;EAAM,CACxB;CAGD,MAAM,cAAc,aAAa,SAA2B;EAC1D,MAAM,sBAAM,IAAI,MAAM;EACtB,MAAM,WAAqB;GACzB,OAAO,KAAK;GACZ,QAAQ;GACR,SAAS;GACT,SAAS;GACT,WAAW;GACZ;AAED,OAAK,MAAM,OAAO,MAAM;AACtB,OAAI,IAAI,UACN,UAAS;YACA,IAAI,aAAa,IAAI,KAAK,IAAI,UAAU,GAAG,IACpD,UAAS;OAET,UAAS;AAGX,OAAI,CAAC,IAAI,WACP,UAAS;;AAIb,WAAS,SAAS;AAClB,aAAW,MAAM;IAChB,EAAE,CAAC;AAEN,QACE,qBAAC;EAAK,MAAM;EAAG,WAAU;EAAS,KAAI;aAEpC,oBAAC;GAAkB;GAAgB;IAAW,EAG9C,oBAAC;GAEC;GACA,aAAa;GACb,eAAe;IACb,kBAAkB;IAClB,SAAS;IACV;GACD,YAAY;IACV,mBAAmB;IACnB,iBAAiB;IACjB,kBAAkB;IACnB;GACD,iBAAiB,KAAK,QAAQ,SAAS;AACrC,QAAI,QAAQ,YAAY,QAAQ,iBAC9B,QAAO,KAAK,QAAQ;;GAGf;GACT,eAAe,SAAS;IACtB,MAAM,SAAS,aAAa,KAAK;AACjC,QAAI,WAAW,UACb,QAAO;KACL,SAAS;KACT,OAAO;MACL,gBAAgB;MAChB,qBAAqB;MACtB;KACF;AAEH,QAAI,WAAW,UACb,QAAO,EAAE,SAAS,IAAK;AAEzB,WAAO,EAAE;;GAEX,OAAO,OAAO,YAAY;IACxB,MAAM,WAAW,MAAM,OAAO,YAAY,EACxC,OAAO;KACL,GAAG;KACH,gBAAgB,QAAQ,kBAAkB;KAC3C,EACF,CAAC;AAMF,iBAHgB,MAAM,OAAO,YAAY,EACvC,OAAO;KAAE,gBAAgB;KAAM,MAAM;KAAK,EAC3C,CAAC,EACkB,QAA4B;AAEhD,WAAO;;GAET,SAAS;IACP,MAAM;KACJ,OAAO;KACP,QAAQ,SACN,qBAAC;MAAM,KAAK;iBACV,qBAAC;OAAM,KAAI;kBACT,oBAAC;QACC,MAAK;QACL,QAAO;QACP,SAAQ;QACR,OAAO,eAAe,aAAa,KAAK,CAAC;kBAEzC,oBAAC,WAAQ,MAAM,KAAM;SACX,EACZ,oBAAC;QAAK,MAAK;QAAK,IAAI;kBACjB,KAAK;SACD;QACD,EACP,KAAK,eACJ,oBAAC;OAAK,MAAK;OAAK,GAAE;OAAS,WAAW;iBACnC,KAAK;QACD;OAEH;KAEX;IACD,OAAO;KACL,OAAO;KACP,KAAK;KACL,QAAQ,SACN,qBAAC;MAAM,KAAK;iBACV,oBAAC;OACC,IAAG;OACH,OAAO;QACL,UAAU;QACV,eAAe;QAChB;iBAEA,iBAAiB,KAAK,aAAa,KAAK,YAAY;QAChD,EACP,oBAAC;OACC,MAAK;OACL,SAAQ;OACR,OAAO,iBAAiB,KAAK,aAAa,KAAK,YAAY;QAC3D;OACI;KAEX;IACD,QAAQ;KACN,OAAO;KACP,KAAK;KACL,QAAQ,SAAS;MACf,MAAM,SAAS,aAAa,KAAK;AACjC,aACE,oBAAC;OACC,MAAK;OACL,SAAQ;OACR,OAAO,eAAe,OAAO;OAC7B,aAAa,cAAc,OAAO;iBAEjC,OAAO,aAAa;QACf;;KAGb;IACD,OAAO;KACL,OAAO;KACP,QAAQ,SACN,qBAAC;MAAM,KAAK;MAAG,MAAK;iBACjB,KAAK,MAAM,SAAS,IACnB,KAAK,MAAM,MAAM,GAAG,EAAE,CAAC,KAAK,SAC1B,oBAAC;OAAiB,MAAK;OAAK,SAAQ;OAAU,OAAM;iBACjD;SADS,KAEJ,CACR,GAEF,oBAAC;OAAK,MAAK;OAAK,GAAE;iBAAS;QAEpB,EAER,KAAK,MAAM,SAAS,KACnB,oBAAC;OAAQ,OAAO,KAAK,MAAM,MAAM,EAAE,CAAC,KAAK,KAAK;iBAC5C,qBAAC;QAAM,MAAK;QAAK,SAAQ;QAAQ,OAAM;mBAAO,KAC1C,KAAK,MAAM,SAAS;SAChB;QACA;OAEN;KAEX;IACD,OAAO;KACL,OAAO;KACP,KAAK;KACL,QAAQ,SACN,qBAAC;MAAM,KAAK;iBACV,qBAAC;OAAK,MAAK;OAAK,IAAG;OAAY,IAAI;kBAChC,KAAK,WAAW,gBAAgB,EAAC;QAC7B,EACN,KAAK,aACJ,qBAAC;OAAM,KAAK;kBACV,oBAAC;QAAK,MAAK;QAAK,GAAE;kBACf,EAAE,KAAK,YAAY,EAAE,MAAM,WAAW,CAAC;SACnC,EACN,KAAK,cACJ,oBAAC;QAAQ,OAAO,YAAY,KAAK;kBAC/B,oBAAC;SACC,MAAM;SACN,OAAM;UACN;SACM;QAEN,GAER,oBAAC;OAAK,MAAK;OAAK,GAAE;iBAAS;QAEpB;OAEH;KAEX;IACD,QAAQ;KACN,OAAO;KACP,KAAK;KACL,QAAQ,SACN,oBAAC;MACC,SAAQ;MACR,MAAK;MACL,MAAM,OAAO,KAAK,oBAAoB,EACpC,QAAQ,EAAE,QAAQ,KAAK,QAAQ,EAChC,CAAC;MACF,aAAa,oBAAC,YAAS,MAAM,KAAM;gBAEnC,oBAAC;OAAK,MAAK;OAAK,IAAG;iBAChB,KAAK,OAAO,MAAM,GAAG,EAAE;QACnB;OACM;KAElB;IACD,WAAW;KACT,OAAO;KACP,KAAK;KACL,QAAQ,SACN,oBAAC;MAAK,MAAK;MAAK,GAAE;gBACf,EAAE,KAAK,WAAW,EAAE,MAAM,WAAW,CAAC;OAClC;KAEV;IACD,WAAW;KACT,OAAO;KACP,KAAK;KACL,QAAQ,SAAS;AACf,UAAI,CAAC,KAAK,UACR,QACE,oBAAC;OAAK,MAAK;OAAK,GAAE;iBAAS;QAEpB;AAKX,aACE,oBAAC;OAAK,MAAK;OAAK,GAFA,IAAI,KAAK,KAAK,UAAU,mBAAG,IAAI,MAAM,GAEtB,WAAW;iBACvC,EAAE,KAAK,WAAW,EAAE,MAAM,WAAW,CAAC;QAClC;;KAGZ;IACD,SAAS;KACP,OAAO;KACP,KAAK;KACL,QAAQ,SAAS;AAEf,UADe,aAAa,KAAK,KAClB,UACb,QACE,oBAAC;OAAQ,OAAM;iBACb,oBAAC;QAAU,MAAM;QAAI,OAAM;SAAgC;QACnD;AAId,aACE,oBAAC;OAAQ,OAAM;iBACb,oBAAC;QACC,MAAK;QACL,SAAQ;QACR,OAAM;QACN,eAAe,aAAa,KAAK;kBAEjC,oBAAC,aAAU,MAAM,KAAM;SACZ;QACL;;KAGf;IACF;KApPI,WAqPL;GACG"}
@@ -1,3 +1,4 @@
1
+ import { t as __exportAll } from "./rolldown-runtime-CjeV3_4I.js";
1
2
  import { DataTable, Flex, Text } from "@alepha/ui";
2
3
  import { t } from "alepha";
3
4
  import { IconAlertTriangle, IconCheck, IconInfoCircle, IconUser, IconX } from "@tabler/icons-react";
@@ -8,6 +9,7 @@ import { useI18n } from "alepha/react/i18n";
8
9
  import { jsx, jsxs } from "react/jsx-runtime";
9
10
 
10
11
  //#region ../../src/admin/components/audits/AdminAudits.tsx
12
+ var AdminAudits_exports = /* @__PURE__ */ __exportAll({ default: () => AdminAudits });
11
13
  const getSeverityColor = (severity) => {
12
14
  switch (severity) {
13
15
  case "critical": return "red";
@@ -209,8 +211,7 @@ const AdminAudits = (props) => {
209
211
  })
210
212
  });
211
213
  };
212
- var AdminAudits_default = AdminAudits;
213
214
 
214
215
  //#endregion
215
- export { AdminAudits_default as t };
216
- //# sourceMappingURL=AdminAudits-pkWrjq1Z.js.map
216
+ export { AdminAudits_exports as n, AdminAudits as t };
217
+ //# sourceMappingURL=AdminAudits-BmsxFbDa.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"AdminAudits-pkWrjq1Z.js","names":[],"sources":["../../src/admin/components/audits/AdminAudits.tsx"],"sourcesContent":["import { DataTable, Flex, Text } from \"@alepha/ui\";\nimport { Badge, Group, Stack, Tooltip } from \"@mantine/core\";\nimport {\n IconAlertTriangle,\n IconCheck,\n IconInfoCircle,\n IconUser,\n IconX,\n} 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 getSeverityColor = (severity: string) => {\n switch (severity) {\n case \"critical\":\n return \"red\";\n case \"warning\":\n return \"yellow\";\n default:\n return \"blue\";\n }\n};\n\nconst getSeverityIcon = (severity: string) => {\n switch (severity) {\n case \"critical\":\n return <IconAlertTriangle size={12} />;\n case \"warning\":\n return <IconAlertTriangle size={12} />;\n default:\n return <IconInfoCircle size={12} />;\n }\n};\n\nconst getTypeColor = (type: string) => {\n switch (type) {\n case \"auth\":\n return \"blue\";\n case \"user\":\n return \"grape\";\n case \"security\":\n return \"red\";\n case \"system\":\n return \"orange\";\n case \"access\":\n return \"cyan\";\n case \"payment\":\n return \"green\";\n case \"order\":\n return \"teal\";\n default:\n return \"gray\";\n }\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(\"adminUserDetails\", {\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=\"light\" color={getTypeColor(item.type)}>\n {item.type}\n </Badge>\n ),\n },\n action: {\n label: \"Action\",\n fit: true,\n value: (item) => (\n <Badge size=\"sm\" variant=\"outline\">\n {item.action}\n </Badge>\n ),\n },\n severity: {\n label: \"Severity\",\n fit: true,\n value: (item) => (\n <Badge\n size=\"xs\"\n variant=\"light\"\n color={getSeverityColor(item.severity)}\n leftSection={getSeverityIcon(item.severity)}\n >\n {item.severity}\n </Badge>\n ),\n },\n user: {\n label: \"User\",\n fit: true,\n value: (item) =>\n item.userId ? (\n <Tooltip\n label={\n <Stack gap={2}>\n <Text size=\"xs\">{item.userEmail || \"No email\"}</Text>\n <Text size=\"xs\" c=\"dimmed\">\n {item.userRealm || \"default\"}\n </Text>\n </Stack>\n }\n >\n <Group 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 </Group>\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 <Badge size=\"xs\" variant=\"dot\" color=\"gray\">\n {item.resourceType}\n </Badge>\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} color=\"var(--mantine-color-green-6)\" />\n ) : (\n <Tooltip label={item.errorMessage || \"Failed\"}>\n <IconX size={14} color=\"var(--mantine-color-red-6)\" />\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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"}
1
+ {"version":3,"file":"AdminAudits-BmsxFbDa.js","names":[],"sources":["../../src/admin/components/audits/AdminAudits.tsx"],"sourcesContent":["import { DataTable, Flex, Text } from \"@alepha/ui\";\nimport { Badge, Group, Stack, Tooltip } from \"@mantine/core\";\nimport {\n IconAlertTriangle,\n IconCheck,\n IconInfoCircle,\n IconUser,\n IconX,\n} 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 getSeverityColor = (severity: string) => {\n switch (severity) {\n case \"critical\":\n return \"red\";\n case \"warning\":\n return \"yellow\";\n default:\n return \"blue\";\n }\n};\n\nconst getSeverityIcon = (severity: string) => {\n switch (severity) {\n case \"critical\":\n return <IconAlertTriangle size={12} />;\n case \"warning\":\n return <IconAlertTriangle size={12} />;\n default:\n return <IconInfoCircle size={12} />;\n }\n};\n\nconst getTypeColor = (type: string) => {\n switch (type) {\n case \"auth\":\n return \"blue\";\n case \"user\":\n return \"grape\";\n case \"security\":\n return \"red\";\n case \"system\":\n return \"orange\";\n case \"access\":\n return \"cyan\";\n case \"payment\":\n return \"green\";\n case \"order\":\n return \"teal\";\n default:\n return \"gray\";\n }\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(\"adminUserDetails\", {\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=\"light\" color={getTypeColor(item.type)}>\n {item.type}\n </Badge>\n ),\n },\n action: {\n label: \"Action\",\n fit: true,\n value: (item) => (\n <Badge size=\"sm\" variant=\"outline\">\n {item.action}\n </Badge>\n ),\n },\n severity: {\n label: \"Severity\",\n fit: true,\n value: (item) => (\n <Badge\n size=\"xs\"\n variant=\"light\"\n color={getSeverityColor(item.severity)}\n leftSection={getSeverityIcon(item.severity)}\n >\n {item.severity}\n </Badge>\n ),\n },\n user: {\n label: \"User\",\n fit: true,\n value: (item) =>\n item.userId ? (\n <Tooltip\n label={\n <Stack gap={2}>\n <Text size=\"xs\">{item.userEmail || \"No email\"}</Text>\n <Text size=\"xs\" c=\"dimmed\">\n {item.userRealm || \"default\"}\n </Text>\n </Stack>\n }\n >\n <Group 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 </Group>\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 <Badge size=\"xs\" variant=\"dot\" color=\"gray\">\n {item.resourceType}\n </Badge>\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} color=\"var(--mantine-color-green-6)\" />\n ) : (\n <Tooltip label={item.errorMessage || \"Failed\"}>\n <IconX size={14} color=\"var(--mantine-color-red-6)\" />\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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"}
@@ -1,3 +1,4 @@
1
+ import { t as __exportAll } from "./rolldown-runtime-CjeV3_4I.js";
1
2
  import { DataTable, Flex, Text } from "@alepha/ui";
2
3
  import { t } from "alepha";
3
4
  import { Badge } from "@mantine/core";
@@ -7,6 +8,7 @@ import { jsx } from "react/jsx-runtime";
7
8
  import { files } from "alepha/api/files";
8
9
 
9
10
  //#region ../../src/admin/components/files/AdminFiles.tsx
11
+ var AdminFiles_exports = /* @__PURE__ */ __exportAll({ default: () => AdminFiles });
10
12
  const AdminFiles = () => {
11
13
  const client = useClient();
12
14
  const { l } = useI18n();
@@ -111,8 +113,7 @@ const AdminFiles = () => {
111
113
  })
112
114
  });
113
115
  };
114
- var AdminFiles_default = AdminFiles;
115
116
 
116
117
  //#endregion
117
- export { AdminFiles_default as t };
118
- //# sourceMappingURL=AdminFiles-WeQbsCsl.js.map
118
+ export { AdminFiles_exports as n, AdminFiles as t };
119
+ //# sourceMappingURL=AdminFiles-BBB8knca.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"AdminFiles-WeQbsCsl.js","names":[],"sources":["../../src/admin/components/files/AdminFiles.tsx"],"sourcesContent":["import { DataTable, Flex, Text } from \"@alepha/ui\";\nimport { Badge } from \"@mantine/core\";\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 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 fit: true,\n value: (item) => (\n <Badge size=\"sm\" variant=\"light\" color=\"blue\">\n {item.bucket}\n </Badge>\n ),\n },\n mimeType: {\n label: \"Type\",\n fit: true,\n value: (item) => (\n <Text size=\"xs\" c=\"dimmed\">\n {item.mimeType}\n </Text>\n ),\n },\n size: {\n label: \"Size\",\n fit: true,\n value: (item) => (\n <Text size=\"xs\" c=\"dimmed\">\n {formatFileSize(item.size)}\n </Text>\n ),\n },\n creatorName: {\n label: \"Creator\",\n fit: true,\n value: (item) => (\n <Text size=\"xs\" c=\"dimmed\">\n {item.creatorName || \"-\"}\n </Text>\n ),\n },\n createdAt: {\n label: \"Created\",\n fit: true,\n value: (item) => (\n <Text size=\"xs\" c=\"dimmed\">\n {l(item.createdAt, { date: \"fromNow\" })}\n </Text>\n ),\n },\n }}\n />\n </Flex>\n );\n};\n\nexport default AdminFiles;\n"],"mappings":";;;;;;;;;AAOA,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,MAAM;EAAG,WAAW;YACxB,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,KAAK;KACL,QAAQ,SACN,oBAAC;MAAM,MAAK;MAAK,SAAQ;MAAQ,OAAM;gBACpC,KAAK;OACA;KAEX;IACD,UAAU;KACR,OAAO;KACP,KAAK;KACL,QAAQ,SACN,oBAAC;MAAK,MAAK;MAAK,GAAE;gBACf,KAAK;OACD;KAEV;IACD,MAAM;KACJ,OAAO;KACP,KAAK;KACL,QAAQ,SACN,oBAAC;MAAK,MAAK;MAAK,GAAE;gBACf,eAAe,KAAK,KAAK;OACrB;KAEV;IACD,aAAa;KACX,OAAO;KACP,KAAK;KACL,QAAQ,SACN,oBAAC;MAAK,MAAK;MAAK,GAAE;gBACf,KAAK,eAAe;OAChB;KAEV;IACD,WAAW;KACT,OAAO;KACP,KAAK;KACL,QAAQ,SACN,oBAAC;MAAK,MAAK;MAAK,GAAE;gBACf,EAAE,KAAK,WAAW,EAAE,MAAM,WAAW,CAAC;OAClC;KAEV;IACF;IACD;GACG;;AAIX,yBAAe"}
1
+ {"version":3,"file":"AdminFiles-BBB8knca.js","names":[],"sources":["../../src/admin/components/files/AdminFiles.tsx"],"sourcesContent":["import { DataTable, Flex, Text } from \"@alepha/ui\";\nimport { Badge } from \"@mantine/core\";\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 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 fit: true,\n value: (item) => (\n <Badge size=\"sm\" variant=\"light\" color=\"blue\">\n {item.bucket}\n </Badge>\n ),\n },\n mimeType: {\n label: \"Type\",\n fit: true,\n value: (item) => (\n <Text size=\"xs\" c=\"dimmed\">\n {item.mimeType}\n </Text>\n ),\n },\n size: {\n label: \"Size\",\n fit: true,\n value: (item) => (\n <Text size=\"xs\" c=\"dimmed\">\n {formatFileSize(item.size)}\n </Text>\n ),\n },\n creatorName: {\n label: \"Creator\",\n fit: true,\n value: (item) => (\n <Text size=\"xs\" c=\"dimmed\">\n {item.creatorName || \"-\"}\n </Text>\n ),\n },\n createdAt: {\n label: \"Created\",\n fit: true,\n value: (item) => (\n <Text size=\"xs\" c=\"dimmed\">\n {l(item.createdAt, { date: \"fromNow\" })}\n </Text>\n ),\n },\n }}\n />\n </Flex>\n );\n};\n\nexport default AdminFiles;\n"],"mappings":";;;;;;;;;;;AAOA,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,MAAM;EAAG,WAAW;YACxB,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,KAAK;KACL,QAAQ,SACN,oBAAC;MAAM,MAAK;MAAK,SAAQ;MAAQ,OAAM;gBACpC,KAAK;OACA;KAEX;IACD,UAAU;KACR,OAAO;KACP,KAAK;KACL,QAAQ,SACN,oBAAC;MAAK,MAAK;MAAK,GAAE;gBACf,KAAK;OACD;KAEV;IACD,MAAM;KACJ,OAAO;KACP,KAAK;KACL,QAAQ,SACN,oBAAC;MAAK,MAAK;MAAK,GAAE;gBACf,eAAe,KAAK,KAAK;OACrB;KAEV;IACD,aAAa;KACX,OAAO;KACP,KAAK;KACL,QAAQ,SACN,oBAAC;MAAK,MAAK;MAAK,GAAE;gBACf,KAAK,eAAe;OAChB;KAEV;IACD,WAAW;KACT,OAAO;KACP,KAAK;KACL,QAAQ,SACN,oBAAC;MAAK,MAAK;MAAK,GAAE;gBACf,EAAE,KAAK,WAAW,EAAE,MAAM,WAAW,CAAC;OAClC;KAEV;IACF;IACD;GACG"}
@@ -1,3 +1,4 @@
1
+ import { t as __exportAll } from "./rolldown-runtime-CjeV3_4I.js";
1
2
  import { ActionButton, DataTable, Flex, Text, useDialog, useToast } from "@alepha/ui";
2
3
  import { t } from "alepha";
3
4
  import { IconAlertTriangle, IconCircleCheck, IconCircleX, IconClock, IconPlayerPlay, IconRefresh, IconTerminal2 } from "@tabler/icons-react";
@@ -9,6 +10,7 @@ import { jobExecutions } from "alepha/api/jobs";
9
10
  import { useCallback, useEffect, useState } from "react";
10
11
 
11
12
  //#region ../../src/admin/components/jobs/AdminJobs.tsx
13
+ var AdminJobs_exports = /* @__PURE__ */ __exportAll({ default: () => AdminJobs });
12
14
  const formatDuration = (start, end) => {
13
15
  const startTime = new Date(start).getTime();
14
16
  const duration = (end ? new Date(end).getTime() : Date.now()) - startTime;
@@ -690,8 +692,7 @@ const AdminJobs = () => {
690
692
  })]
691
693
  });
692
694
  };
693
- var AdminJobs_default = AdminJobs;
694
695
 
695
696
  //#endregion
696
- export { AdminJobs_default as t };
697
- //# sourceMappingURL=AdminJobs-B-q9iGO3.js.map
697
+ export { AdminJobs_exports as n, AdminJobs as t };
698
+ //# sourceMappingURL=AdminJobs-C604joTz.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"AdminJobs-B-q9iGO3.js","names":[],"sources":["../../src/admin/components/jobs/AdminJobs.tsx"],"sourcesContent":["import {\n ActionButton,\n DataTable,\n Flex,\n Text,\n useDialog,\n useToast,\n} from \"@alepha/ui\";\nimport {\n ActionIcon,\n Badge,\n Box,\n Card,\n Group,\n Paper,\n Progress,\n RingProgress,\n ScrollArea,\n SimpleGrid,\n Skeleton,\n Stack,\n Tabs,\n ThemeIcon,\n Tooltip,\n useMantineTheme,\n} from \"@mantine/core\";\nimport {\n IconAlertTriangle,\n IconCircleCheck,\n IconCircleX,\n IconClock,\n IconPlayerPlay,\n IconRefresh,\n IconTerminal2,\n} from \"@tabler/icons-react\";\nimport { type Page, t } from \"alepha\";\nimport {\n type AdminJobController,\n type JobExecutionEntity,\n jobExecutions,\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// Types\n// ─────────────────────────────────────────────────────────────────────────────\n\ninterface JobStats {\n name: string;\n total: number;\n completed: number;\n failed: number;\n running: number;\n avgDuration: number;\n lastRun?: Date;\n lastStatus?: \"COMPLETED\" | \"FAILED\" | \"STARTED\";\n}\n\ninterface LogEntry {\n level: string;\n message: string;\n service: string;\n module: string;\n timestamp: number;\n data?: unknown;\n}\n\n// ─────────────────────────────────────────────────────────────────────────────\n// Utilities\n// ─────────────────────────────────────────────────────────────────────────────\n\nconst formatDuration = (\n start: Date | string,\n end?: Date | string | null,\n): string => {\n const startTime = new Date(start).getTime();\n const endTime = end ? new Date(end).getTime() : Date.now();\n const duration = endTime - startTime;\n\n if (duration < 1000) return `${duration}ms`;\n if (duration < 60000) return `${(duration / 1000).toFixed(1)}s`;\n if (duration < 3600000)\n return `${Math.floor(duration / 60000)}m ${Math.floor((duration % 60000) / 1000)}s`;\n return `${Math.floor(duration / 3600000)}h ${Math.floor((duration % 3600000) / 60000)}m`;\n};\n\nconst getStatusColor = (status: string) => {\n switch (status) {\n case \"COMPLETED\":\n return \"teal\";\n case \"FAILED\":\n return \"red\";\n case \"STARTED\":\n return \"blue\";\n default:\n return \"gray\";\n }\n};\n\nconst getStatusIcon = (status: string, size = 14) => {\n switch (status) {\n case \"COMPLETED\":\n return <IconCircleCheck size={size} />;\n case \"FAILED\":\n return <IconCircleX size={size} />;\n case \"STARTED\":\n return <IconPlayerPlay size={size} />;\n default:\n return <IconClock size={size} />;\n }\n};\n\nconst getLogLevelColor = (level: string) => {\n switch (level) {\n case \"ERROR\":\n return \"red\";\n case \"WARN\":\n return \"yellow\";\n case \"INFO\":\n return \"blue\";\n case \"DEBUG\":\n return \"gray\";\n case \"TRACE\":\n return \"dimmed\";\n default:\n return \"dimmed\";\n }\n};\n\n// ─────────────────────────────────────────────────────────────────────────────\n// Job Card Component\n// ─────────────────────────────────────────────────────────────────────────────\n\ninterface JobCardProps {\n job: string;\n stats?: JobStats;\n isTriggering: boolean;\n onTrigger: (job: string) => void;\n onSelect: (job: string) => void;\n isSelected: boolean;\n}\n\nconst JobCard = (props: JobCardProps) => {\n const { job, stats, isTriggering, onTrigger, onSelect, isSelected } = props;\n const theme = useMantineTheme();\n\n const successRate = stats\n ? stats.total > 0\n ? (stats.completed / stats.total) * 100\n : 0\n : 0;\n\n return (\n <Card\n p=\"md\"\n radius=\"md\"\n withBorder\n onClick={() => onSelect(job)}\n style={{\n cursor: \"pointer\",\n borderColor: isSelected ? theme.colors.blue[6] : undefined,\n backgroundColor: isSelected\n ? \"var(--mantine-color-blue-light)\"\n : undefined,\n transition: \"all 150ms ease\",\n }}\n >\n <Group justify=\"space-between\" mb=\"xs\">\n <Group gap=\"xs\">\n <ThemeIcon\n size=\"sm\"\n radius=\"sm\"\n variant=\"light\"\n color={\n stats?.lastStatus ? getStatusColor(stats.lastStatus) : \"gray\"\n }\n >\n <IconTerminal2 size={14} />\n </ThemeIcon>\n <Text size=\"sm\" fw={600} ff=\"monospace\">\n {job}\n </Text>\n </Group>\n <Tooltip label=\"Trigger job manually\" position=\"left\">\n <ActionIcon\n size=\"sm\"\n variant=\"light\"\n color=\"blue\"\n loading={isTriggering}\n onClick={(e) => {\n e.stopPropagation();\n onTrigger(job);\n }}\n >\n <IconPlayerPlay size={12} />\n </ActionIcon>\n </Tooltip>\n </Group>\n\n {stats ? (\n <>\n <Group gap=\"lg\" mb=\"xs\">\n <Box>\n <Text size=\"xs\" c=\"dimmed\" tt=\"uppercase\" fw={500}>\n Total\n </Text>\n <Text size=\"lg\" fw={700} ff=\"monospace\">\n {stats.total}\n </Text>\n </Box>\n <Box>\n <Text size=\"xs\" c=\"dimmed\" tt=\"uppercase\" fw={500}>\n Success\n </Text>\n <Text size=\"lg\" fw={700} ff=\"monospace\" c=\"teal\">\n {stats.completed}\n </Text>\n </Box>\n <Box>\n <Text size=\"xs\" c=\"dimmed\" tt=\"uppercase\" fw={500}>\n Failed\n </Text>\n <Text size=\"lg\" fw={700} ff=\"monospace\" c=\"red\">\n {stats.failed}\n </Text>\n </Box>\n </Group>\n\n <Progress.Root size=\"sm\" radius=\"xs\">\n <Tooltip label={`${stats.completed} completed`}>\n <Progress.Section\n value={(stats.completed / Math.max(stats.total, 1)) * 100}\n color=\"teal\"\n />\n </Tooltip>\n <Tooltip label={`${stats.failed} failed`}>\n <Progress.Section\n value={(stats.failed / Math.max(stats.total, 1)) * 100}\n color=\"red\"\n />\n </Tooltip>\n <Tooltip label={`${stats.running} running`}>\n <Progress.Section\n value={(stats.running / Math.max(stats.total, 1)) * 100}\n color=\"blue\"\n />\n </Tooltip>\n </Progress.Root>\n\n {stats.lastRun && (\n <Text size=\"xs\" c=\"dimmed\" mt=\"xs\">\n Last run: {formatDuration(stats.lastRun, new Date())} ago\n </Text>\n )}\n </>\n ) : (\n <Stack gap=\"xs\">\n <Skeleton height={8} radius=\"xl\" />\n <Skeleton height={8} width=\"70%\" radius=\"xl\" />\n </Stack>\n )}\n </Card>\n );\n};\n\n// ─────────────────────────────────────────────────────────────────────────────\n// Execution Log Viewer\n// ─────────────────────────────────────────────────────────────────────────────\n\ninterface ExecutionLogViewerProps {\n logs?: LogEntry[];\n error?: string | null;\n}\n\nconst ExecutionLogViewer = (props: ExecutionLogViewerProps) => {\n const { logs, error } = props;\n\n if (!logs?.length && !error) {\n return (\n <Box p=\"md\">\n <Text size=\"sm\" c=\"dimmed\" ta=\"center\">\n No logs available\n </Text>\n </Box>\n );\n }\n\n return (\n <ScrollArea h={300} type=\"auto\">\n <Box\n p=\"md\"\n style={{\n fontFamily: \"var(--mantine-font-family-monospace)\",\n fontSize: \"12px\",\n lineHeight: 1.6,\n }}\n >\n {error && (\n <Paper p=\"sm\" mb=\"md\" bg=\"var(--mantine-color-red-light)\" radius=\"sm\">\n <Group gap=\"xs\" align=\"flex-start\">\n <IconAlertTriangle\n size={14}\n color=\"var(--mantine-color-red-filled)\"\n />\n <Text\n size=\"xs\"\n c=\"red\"\n style={{ whiteSpace: \"pre-wrap\", wordBreak: \"break-word\" }}\n >\n {error}\n </Text>\n </Group>\n </Paper>\n )}\n\n {logs?.map((log, index) => (\n <Group key={index} gap=\"sm\" align=\"flex-start\" mb={4} wrap=\"nowrap\">\n <Text size=\"xs\" c=\"dimmed\" style={{ minWidth: 80, flexShrink: 0 }}>\n {new Date(log.timestamp).toLocaleTimeString()}\n </Text>\n <Badge\n size=\"xs\"\n variant=\"light\"\n color={getLogLevelColor(log.level)}\n style={{ minWidth: 50 }}\n >\n {log.level}\n </Badge>\n <Text size=\"xs\" c=\"dimmed\" style={{ minWidth: 100, flexShrink: 0 }}>\n {log.module}\n </Text>\n <Text size=\"xs\" style={{ wordBreak: \"break-word\" }}>\n {log.message}\n </Text>\n </Group>\n ))}\n </Box>\n </ScrollArea>\n );\n};\n\n// ─────────────────────────────────────────────────────────────────────────────\n// Main Component\n// ─────────────────────────────────────────────────────────────────────────────\n\nconst AdminJobs = () => {\n const client = useClient<AdminJobController>();\n const { l } = useI18n();\n const toast = useToast();\n const dialog = useDialog();\n\n const [jobs, setJobs] = useState<string[]>([]);\n const [jobStats, setJobStats] = useState<Map<string, JobStats>>(new Map());\n const [selectedJob, setSelectedJob] = useState<string | null>(null);\n const [triggeringJobs, setTriggeringJobs] = useState<Set<string>>(new Set());\n const [refreshKey, setRefreshKey] = useState(0);\n const [loading, setLoading] = useState(true);\n const [activeTab, setActiveTab] = useState<string | null>(\"overview\");\n\n // Load jobs list\n useEffect(() => {\n const loadJobs = async () => {\n try {\n const jobList = await client.getJobs();\n setJobs(jobList);\n\n // Load stats for each job\n const statsMap = new Map<string, JobStats>();\n for (const job of jobList) {\n const executions = await client.getJobExecutions({\n query: { job, size: 100 },\n });\n\n const items = executions.content || [];\n const completed = items.filter(\n (e: JobExecutionEntity) => e.status === \"COMPLETED\",\n ).length;\n const failed = items.filter(\n (e: JobExecutionEntity) => e.status === \"FAILED\",\n ).length;\n const running = items.filter(\n (e: JobExecutionEntity) => e.status === \"STARTED\",\n ).length;\n\n const completedItems = items.filter(\n (e: JobExecutionEntity) => e.status === \"COMPLETED\" && e.finishedAt,\n );\n const avgDuration =\n completedItems.length > 0\n ? completedItems.reduce((acc: number, e: JobExecutionEntity) => {\n const duration =\n new Date(e.finishedAt!).getTime() -\n new Date(e.createdAt).getTime();\n return acc + duration;\n }, 0) / completedItems.length\n : 0;\n\n const lastItem = items[0];\n\n statsMap.set(job, {\n name: job,\n total: items.length,\n completed,\n failed,\n running,\n avgDuration,\n lastRun: lastItem?.createdAt\n ? new Date(lastItem.createdAt)\n : undefined,\n lastStatus: lastItem?.status as JobStats[\"lastStatus\"],\n });\n }\n\n setJobStats(statsMap);\n } catch (error) {\n toast.danger(\"Failed to load jobs\");\n } finally {\n setLoading(false);\n }\n };\n\n loadJobs();\n }, [refreshKey]);\n\n const handleTriggerJob = useCallback(\n async (job: string) => {\n const confirmed = await dialog.confirm({\n title: \"Trigger Job\",\n message: `Are you sure you want to trigger \"${job}\" manually?`,\n confirmLabel: \"Trigger\",\n confirmColor: \"blue\",\n });\n\n if (!confirmed) return;\n\n setTriggeringJobs((prev) => new Set(prev).add(job));\n\n try {\n await client.triggerJob({ body: { name: job } });\n toast.success(`Job \"${job}\" triggered successfully`);\n setRefreshKey((k) => k + 1);\n } catch (error) {\n toast.danger(`Failed to trigger job \"${job}\"`);\n } finally {\n setTriggeringJobs((prev) => {\n const next = new Set(prev);\n next.delete(job);\n return next;\n });\n }\n },\n [client, dialog, toast],\n );\n\n const filters = t.object({\n job: t.optional(\n t.string({\n $control: {\n query: t.pick(jobExecutions.schema, [\"job\"]),\n },\n }),\n ),\n status: t.optional(t.enum([\"STARTED\", \"FAILED\", \"COMPLETED\"])),\n });\n\n // Calculate global stats\n const globalStats = {\n total: Array.from(jobStats.values()).reduce((acc, s) => acc + s.total, 0),\n completed: Array.from(jobStats.values()).reduce(\n (acc, s) => acc + s.completed,\n 0,\n ),\n failed: Array.from(jobStats.values()).reduce((acc, s) => acc + s.failed, 0),\n running: Array.from(jobStats.values()).reduce(\n (acc, s) => acc + s.running,\n 0,\n ),\n };\n\n const successRate =\n globalStats.total > 0\n ? Math.round((globalStats.completed / globalStats.total) * 100)\n : 0;\n\n return (\n <Flex flex={1} direction=\"column\" gap=\"md\">\n {/* Header Stats */}\n <SimpleGrid cols={{ base: 2, sm: 4 }} spacing=\"md\">\n <Paper p=\"md\" radius=\"md\" withBorder>\n <Group justify=\"space-between\">\n <Box>\n <Text size=\"xs\" c=\"dimmed\" tt=\"uppercase\" fw={600}>\n Total Jobs\n </Text>\n <Text size=\"xl\" fw={700} ff=\"monospace\">\n {jobs.length}\n </Text>\n </Box>\n <ThemeIcon size=\"lg\" radius=\"md\" variant=\"light\" color=\"blue\">\n <IconTerminal2 size={20} />\n </ThemeIcon>\n </Group>\n </Paper>\n\n <Paper p=\"md\" radius=\"md\" withBorder>\n <Group justify=\"space-between\">\n <Box>\n <Text size=\"xs\" c=\"dimmed\" tt=\"uppercase\" fw={600}>\n Executions\n </Text>\n <Text size=\"xl\" fw={700} ff=\"monospace\">\n {globalStats.total}\n </Text>\n </Box>\n <ThemeIcon size=\"lg\" radius=\"md\" variant=\"light\" color=\"gray\">\n <IconClock size={20} />\n </ThemeIcon>\n </Group>\n </Paper>\n\n <Paper p=\"md\" radius=\"md\" withBorder>\n <Group justify=\"space-between\">\n <Box>\n <Text size=\"xs\" c=\"dimmed\" tt=\"uppercase\" fw={600}>\n Success Rate\n </Text>\n <Text\n size=\"xl\"\n fw={700}\n ff=\"monospace\"\n c={\n successRate >= 90\n ? \"teal\"\n : successRate >= 70\n ? \"yellow\"\n : \"red\"\n }\n >\n {successRate}%\n </Text>\n </Box>\n <RingProgress\n size={48}\n thickness={4}\n roundCaps\n sections={[\n {\n value: successRate,\n color:\n successRate >= 90\n ? \"teal\"\n : successRate >= 70\n ? \"yellow\"\n : \"red\",\n },\n ]}\n />\n </Group>\n </Paper>\n\n <Paper p=\"md\" radius=\"md\" withBorder>\n <Group justify=\"space-between\">\n <Box>\n <Text size=\"xs\" c=\"dimmed\" tt=\"uppercase\" fw={600}>\n Running Now\n </Text>\n <Text size=\"xl\" fw={700} ff=\"monospace\" c=\"blue\">\n {globalStats.running}\n </Text>\n </Box>\n <ThemeIcon\n size=\"lg\"\n radius=\"md\"\n variant=\"light\"\n color={globalStats.running > 0 ? \"blue\" : \"gray\"}\n >\n <IconPlayerPlay size={20} />\n </ThemeIcon>\n </Group>\n </Paper>\n </SimpleGrid>\n\n {/* Tabs */}\n <Tabs value={activeTab} onChange={setActiveTab}>\n <Tabs.List>\n <Tabs.Tab value=\"overview\" leftSection={<IconTerminal2 size={14} />}>\n Jobs Overview\n </Tabs.Tab>\n <Tabs.Tab value=\"executions\" leftSection={<IconClock size={14} />}>\n Execution History\n </Tabs.Tab>\n </Tabs.List>\n\n <Tabs.Panel value=\"overview\" pt=\"md\">\n <Group justify=\"space-between\" mb=\"md\">\n <Text size=\"sm\" c=\"dimmed\">\n {jobs.length} registered job{jobs.length !== 1 ? \"s\" : \"\"}\n </Text>\n <ActionButton\n size=\"xs\"\n variant=\"light\"\n leftSection={<IconRefresh size={14} />}\n onClick={() => setRefreshKey((k) => k + 1)}\n >\n Refresh\n </ActionButton>\n </Group>\n\n {loading ? (\n <SimpleGrid cols={{ base: 1, sm: 2, lg: 3 }} spacing=\"md\">\n {[1, 2, 3].map((i) => (\n <Skeleton key={i} height={150} radius=\"md\" />\n ))}\n </SimpleGrid>\n ) : jobs.length === 0 ? (\n <Paper p=\"xl\" radius=\"md\" withBorder ta=\"center\">\n <IconTerminal2 size={48} color=\"var(--mantine-color-dimmed)\" />\n <Text size=\"lg\" fw={500} mt=\"md\">\n No jobs registered\n </Text>\n <Text size=\"sm\" c=\"dimmed\" mt=\"xs\">\n Jobs will appear here once they are defined using $job primitive\n </Text>\n </Paper>\n ) : (\n <SimpleGrid cols={{ base: 1, sm: 2, lg: 3 }} spacing=\"md\">\n {jobs.map((job) => (\n <JobCard\n key={job}\n job={job}\n stats={jobStats.get(job)}\n isTriggering={triggeringJobs.has(job)}\n onTrigger={handleTriggerJob}\n onSelect={setSelectedJob}\n isSelected={selectedJob === job}\n />\n ))}\n </SimpleGrid>\n )}\n </Tabs.Panel>\n\n <Tabs.Panel value=\"executions\" pt=\"md\">\n <DataTable<JobExecutionEntity, typeof filters>\n key={refreshKey}\n submitOnInit\n defaultSize={15}\n typeFormProps={{\n skipSubmitButton: true,\n columns: 3,\n }}\n tableProps={{\n horizontalSpacing: \"sm\",\n verticalSpacing: \"sm\",\n highlightOnHover: true,\n }}\n onFilterChange={(key, _value, form) => {\n if (key === \"job\" || key === \"status\") {\n return form.submit();\n }\n }}\n filters={filters}\n items={async (filters) => {\n const response = await client.getJobExecutions({\n query: {\n ...filters,\n job: selectedJob || filters.job,\n },\n });\n\n return response as Page<JobExecutionEntity>;\n }}\n columns={{\n job: {\n label: \"Job\",\n value: (item) => (\n <Text size=\"sm\" fw={500} ff=\"monospace\">\n {item.job}\n </Text>\n ),\n },\n status: {\n label: \"Status\",\n fit: true,\n value: (item) => (\n <Badge\n size=\"sm\"\n variant=\"light\"\n color={getStatusColor(item.status)}\n leftSection={getStatusIcon(item.status, 12)}\n >\n {item.status}\n </Badge>\n ),\n },\n duration: {\n label: \"Duration\",\n fit: true,\n value: (item) => (\n <Text size=\"xs\" c=\"dimmed\" ff=\"monospace\">\n {formatDuration(item.createdAt, item.finishedAt)}\n </Text>\n ),\n },\n logs: {\n label: \"Logs\",\n fit: true,\n value: (item) => {\n const logCount =\n (item.logs as LogEntry[] | undefined)?.length || 0;\n const errorCount =\n (item.logs as LogEntry[] | undefined)?.filter(\n (log) => log.level === \"ERROR\",\n ).length || 0;\n\n return (\n <Group gap={4}>\n <Badge size=\"xs\" variant=\"light\" color=\"gray\">\n {logCount} logs\n </Badge>\n {errorCount > 0 && (\n <Badge size=\"xs\" variant=\"light\" color=\"red\">\n {errorCount} errors\n </Badge>\n )}\n </Group>\n );\n },\n },\n error: {\n label: \"Error\",\n value: (item) =>\n item.error ? (\n <Tooltip label={item.error} multiline w={300}>\n <Text size=\"xs\" c=\"red\" lineClamp={1}>\n {item.error}\n </Text>\n </Tooltip>\n ) : (\n <Text size=\"xs\" c=\"dimmed\">\n —\n </Text>\n ),\n },\n createdAt: {\n label: \"Started\",\n fit: true,\n value: (item) => (\n <Text size=\"xs\" c=\"dimmed\">\n {l(item.createdAt, { date: \"fromNow\" })}\n </Text>\n ),\n },\n }}\n panel={(item) => (\n <Box bg=\"var(--mantine-color-dark-7)\" p={0}>\n <ExecutionLogViewer\n logs={item.logs as LogEntry[] | undefined}\n error={item.error}\n />\n </Box>\n )}\n canPanel={(item) => Boolean(item.logs?.length || item.error)}\n />\n </Tabs.Panel>\n </Tabs>\n </Flex>\n );\n};\n\nexport default AdminJobs;\n"],"mappings":"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"}
1
+ {"version":3,"file":"AdminJobs-C604joTz.js","names":[],"sources":["../../src/admin/components/jobs/AdminJobs.tsx"],"sourcesContent":["import {\n ActionButton,\n DataTable,\n Flex,\n Text,\n useDialog,\n useToast,\n} from \"@alepha/ui\";\nimport {\n ActionIcon,\n Badge,\n Box,\n Card,\n Group,\n Paper,\n Progress,\n RingProgress,\n ScrollArea,\n SimpleGrid,\n Skeleton,\n Stack,\n Tabs,\n ThemeIcon,\n Tooltip,\n useMantineTheme,\n} from \"@mantine/core\";\nimport {\n IconAlertTriangle,\n IconCircleCheck,\n IconCircleX,\n IconClock,\n IconPlayerPlay,\n IconRefresh,\n IconTerminal2,\n} from \"@tabler/icons-react\";\nimport { type Page, t } from \"alepha\";\nimport {\n type AdminJobController,\n type JobExecutionEntity,\n jobExecutions,\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// Types\n// ─────────────────────────────────────────────────────────────────────────────\n\ninterface JobStats {\n name: string;\n total: number;\n completed: number;\n failed: number;\n running: number;\n avgDuration: number;\n lastRun?: Date;\n lastStatus?: \"COMPLETED\" | \"FAILED\" | \"STARTED\";\n}\n\ninterface LogEntry {\n level: string;\n message: string;\n service: string;\n module: string;\n timestamp: number;\n data?: unknown;\n}\n\n// ─────────────────────────────────────────────────────────────────────────────\n// Utilities\n// ─────────────────────────────────────────────────────────────────────────────\n\nconst formatDuration = (\n start: Date | string,\n end?: Date | string | null,\n): string => {\n const startTime = new Date(start).getTime();\n const endTime = end ? new Date(end).getTime() : Date.now();\n const duration = endTime - startTime;\n\n if (duration < 1000) return `${duration}ms`;\n if (duration < 60000) return `${(duration / 1000).toFixed(1)}s`;\n if (duration < 3600000)\n return `${Math.floor(duration / 60000)}m ${Math.floor((duration % 60000) / 1000)}s`;\n return `${Math.floor(duration / 3600000)}h ${Math.floor((duration % 3600000) / 60000)}m`;\n};\n\nconst getStatusColor = (status: string) => {\n switch (status) {\n case \"COMPLETED\":\n return \"teal\";\n case \"FAILED\":\n return \"red\";\n case \"STARTED\":\n return \"blue\";\n default:\n return \"gray\";\n }\n};\n\nconst getStatusIcon = (status: string, size = 14) => {\n switch (status) {\n case \"COMPLETED\":\n return <IconCircleCheck size={size} />;\n case \"FAILED\":\n return <IconCircleX size={size} />;\n case \"STARTED\":\n return <IconPlayerPlay size={size} />;\n default:\n return <IconClock size={size} />;\n }\n};\n\nconst getLogLevelColor = (level: string) => {\n switch (level) {\n case \"ERROR\":\n return \"red\";\n case \"WARN\":\n return \"yellow\";\n case \"INFO\":\n return \"blue\";\n case \"DEBUG\":\n return \"gray\";\n case \"TRACE\":\n return \"dimmed\";\n default:\n return \"dimmed\";\n }\n};\n\n// ─────────────────────────────────────────────────────────────────────────────\n// Job Card Component\n// ─────────────────────────────────────────────────────────────────────────────\n\ninterface JobCardProps {\n job: string;\n stats?: JobStats;\n isTriggering: boolean;\n onTrigger: (job: string) => void;\n onSelect: (job: string) => void;\n isSelected: boolean;\n}\n\nconst JobCard = (props: JobCardProps) => {\n const { job, stats, isTriggering, onTrigger, onSelect, isSelected } = props;\n const theme = useMantineTheme();\n\n const successRate = stats\n ? stats.total > 0\n ? (stats.completed / stats.total) * 100\n : 0\n : 0;\n\n return (\n <Card\n p=\"md\"\n radius=\"md\"\n withBorder\n onClick={() => onSelect(job)}\n style={{\n cursor: \"pointer\",\n borderColor: isSelected ? theme.colors.blue[6] : undefined,\n backgroundColor: isSelected\n ? \"var(--mantine-color-blue-light)\"\n : undefined,\n transition: \"all 150ms ease\",\n }}\n >\n <Group justify=\"space-between\" mb=\"xs\">\n <Group gap=\"xs\">\n <ThemeIcon\n size=\"sm\"\n radius=\"sm\"\n variant=\"light\"\n color={\n stats?.lastStatus ? getStatusColor(stats.lastStatus) : \"gray\"\n }\n >\n <IconTerminal2 size={14} />\n </ThemeIcon>\n <Text size=\"sm\" fw={600} ff=\"monospace\">\n {job}\n </Text>\n </Group>\n <Tooltip label=\"Trigger job manually\" position=\"left\">\n <ActionIcon\n size=\"sm\"\n variant=\"light\"\n color=\"blue\"\n loading={isTriggering}\n onClick={(e) => {\n e.stopPropagation();\n onTrigger(job);\n }}\n >\n <IconPlayerPlay size={12} />\n </ActionIcon>\n </Tooltip>\n </Group>\n\n {stats ? (\n <>\n <Group gap=\"lg\" mb=\"xs\">\n <Box>\n <Text size=\"xs\" c=\"dimmed\" tt=\"uppercase\" fw={500}>\n Total\n </Text>\n <Text size=\"lg\" fw={700} ff=\"monospace\">\n {stats.total}\n </Text>\n </Box>\n <Box>\n <Text size=\"xs\" c=\"dimmed\" tt=\"uppercase\" fw={500}>\n Success\n </Text>\n <Text size=\"lg\" fw={700} ff=\"monospace\" c=\"teal\">\n {stats.completed}\n </Text>\n </Box>\n <Box>\n <Text size=\"xs\" c=\"dimmed\" tt=\"uppercase\" fw={500}>\n Failed\n </Text>\n <Text size=\"lg\" fw={700} ff=\"monospace\" c=\"red\">\n {stats.failed}\n </Text>\n </Box>\n </Group>\n\n <Progress.Root size=\"sm\" radius=\"xs\">\n <Tooltip label={`${stats.completed} completed`}>\n <Progress.Section\n value={(stats.completed / Math.max(stats.total, 1)) * 100}\n color=\"teal\"\n />\n </Tooltip>\n <Tooltip label={`${stats.failed} failed`}>\n <Progress.Section\n value={(stats.failed / Math.max(stats.total, 1)) * 100}\n color=\"red\"\n />\n </Tooltip>\n <Tooltip label={`${stats.running} running`}>\n <Progress.Section\n value={(stats.running / Math.max(stats.total, 1)) * 100}\n color=\"blue\"\n />\n </Tooltip>\n </Progress.Root>\n\n {stats.lastRun && (\n <Text size=\"xs\" c=\"dimmed\" mt=\"xs\">\n Last run: {formatDuration(stats.lastRun, new Date())} ago\n </Text>\n )}\n </>\n ) : (\n <Stack gap=\"xs\">\n <Skeleton height={8} radius=\"xl\" />\n <Skeleton height={8} width=\"70%\" radius=\"xl\" />\n </Stack>\n )}\n </Card>\n );\n};\n\n// ─────────────────────────────────────────────────────────────────────────────\n// Execution Log Viewer\n// ─────────────────────────────────────────────────────────────────────────────\n\ninterface ExecutionLogViewerProps {\n logs?: LogEntry[];\n error?: string | null;\n}\n\nconst ExecutionLogViewer = (props: ExecutionLogViewerProps) => {\n const { logs, error } = props;\n\n if (!logs?.length && !error) {\n return (\n <Box p=\"md\">\n <Text size=\"sm\" c=\"dimmed\" ta=\"center\">\n No logs available\n </Text>\n </Box>\n );\n }\n\n return (\n <ScrollArea h={300} type=\"auto\">\n <Box\n p=\"md\"\n style={{\n fontFamily: \"var(--mantine-font-family-monospace)\",\n fontSize: \"12px\",\n lineHeight: 1.6,\n }}\n >\n {error && (\n <Paper p=\"sm\" mb=\"md\" bg=\"var(--mantine-color-red-light)\" radius=\"sm\">\n <Group gap=\"xs\" align=\"flex-start\">\n <IconAlertTriangle\n size={14}\n color=\"var(--mantine-color-red-filled)\"\n />\n <Text\n size=\"xs\"\n c=\"red\"\n style={{ whiteSpace: \"pre-wrap\", wordBreak: \"break-word\" }}\n >\n {error}\n </Text>\n </Group>\n </Paper>\n )}\n\n {logs?.map((log, index) => (\n <Group key={index} gap=\"sm\" align=\"flex-start\" mb={4} wrap=\"nowrap\">\n <Text size=\"xs\" c=\"dimmed\" style={{ minWidth: 80, flexShrink: 0 }}>\n {new Date(log.timestamp).toLocaleTimeString()}\n </Text>\n <Badge\n size=\"xs\"\n variant=\"light\"\n color={getLogLevelColor(log.level)}\n style={{ minWidth: 50 }}\n >\n {log.level}\n </Badge>\n <Text size=\"xs\" c=\"dimmed\" style={{ minWidth: 100, flexShrink: 0 }}>\n {log.module}\n </Text>\n <Text size=\"xs\" style={{ wordBreak: \"break-word\" }}>\n {log.message}\n </Text>\n </Group>\n ))}\n </Box>\n </ScrollArea>\n );\n};\n\n// ─────────────────────────────────────────────────────────────────────────────\n// Main Component\n// ─────────────────────────────────────────────────────────────────────────────\n\nconst AdminJobs = () => {\n const client = useClient<AdminJobController>();\n const { l } = useI18n();\n const toast = useToast();\n const dialog = useDialog();\n\n const [jobs, setJobs] = useState<string[]>([]);\n const [jobStats, setJobStats] = useState<Map<string, JobStats>>(new Map());\n const [selectedJob, setSelectedJob] = useState<string | null>(null);\n const [triggeringJobs, setTriggeringJobs] = useState<Set<string>>(new Set());\n const [refreshKey, setRefreshKey] = useState(0);\n const [loading, setLoading] = useState(true);\n const [activeTab, setActiveTab] = useState<string | null>(\"overview\");\n\n // Load jobs list\n useEffect(() => {\n const loadJobs = async () => {\n try {\n const jobList = await client.getJobs();\n setJobs(jobList);\n\n // Load stats for each job\n const statsMap = new Map<string, JobStats>();\n for (const job of jobList) {\n const executions = await client.getJobExecutions({\n query: { job, size: 100 },\n });\n\n const items = executions.content || [];\n const completed = items.filter(\n (e: JobExecutionEntity) => e.status === \"COMPLETED\",\n ).length;\n const failed = items.filter(\n (e: JobExecutionEntity) => e.status === \"FAILED\",\n ).length;\n const running = items.filter(\n (e: JobExecutionEntity) => e.status === \"STARTED\",\n ).length;\n\n const completedItems = items.filter(\n (e: JobExecutionEntity) => e.status === \"COMPLETED\" && e.finishedAt,\n );\n const avgDuration =\n completedItems.length > 0\n ? completedItems.reduce((acc: number, e: JobExecutionEntity) => {\n const duration =\n new Date(e.finishedAt!).getTime() -\n new Date(e.createdAt).getTime();\n return acc + duration;\n }, 0) / completedItems.length\n : 0;\n\n const lastItem = items[0];\n\n statsMap.set(job, {\n name: job,\n total: items.length,\n completed,\n failed,\n running,\n avgDuration,\n lastRun: lastItem?.createdAt\n ? new Date(lastItem.createdAt)\n : undefined,\n lastStatus: lastItem?.status as JobStats[\"lastStatus\"],\n });\n }\n\n setJobStats(statsMap);\n } catch (error) {\n toast.danger(\"Failed to load jobs\");\n } finally {\n setLoading(false);\n }\n };\n\n loadJobs();\n }, [refreshKey]);\n\n const handleTriggerJob = useCallback(\n async (job: string) => {\n const confirmed = await dialog.confirm({\n title: \"Trigger Job\",\n message: `Are you sure you want to trigger \"${job}\" manually?`,\n confirmLabel: \"Trigger\",\n confirmColor: \"blue\",\n });\n\n if (!confirmed) return;\n\n setTriggeringJobs((prev) => new Set(prev).add(job));\n\n try {\n await client.triggerJob({ body: { name: job } });\n toast.success(`Job \"${job}\" triggered successfully`);\n setRefreshKey((k) => k + 1);\n } catch (error) {\n toast.danger(`Failed to trigger job \"${job}\"`);\n } finally {\n setTriggeringJobs((prev) => {\n const next = new Set(prev);\n next.delete(job);\n return next;\n });\n }\n },\n [client, dialog, toast],\n );\n\n const filters = t.object({\n job: t.optional(\n t.string({\n $control: {\n query: t.pick(jobExecutions.schema, [\"job\"]),\n },\n }),\n ),\n status: t.optional(t.enum([\"STARTED\", \"FAILED\", \"COMPLETED\"])),\n });\n\n // Calculate global stats\n const globalStats = {\n total: Array.from(jobStats.values()).reduce((acc, s) => acc + s.total, 0),\n completed: Array.from(jobStats.values()).reduce(\n (acc, s) => acc + s.completed,\n 0,\n ),\n failed: Array.from(jobStats.values()).reduce((acc, s) => acc + s.failed, 0),\n running: Array.from(jobStats.values()).reduce(\n (acc, s) => acc + s.running,\n 0,\n ),\n };\n\n const successRate =\n globalStats.total > 0\n ? Math.round((globalStats.completed / globalStats.total) * 100)\n : 0;\n\n return (\n <Flex flex={1} direction=\"column\" gap=\"md\">\n {/* Header Stats */}\n <SimpleGrid cols={{ base: 2, sm: 4 }} spacing=\"md\">\n <Paper p=\"md\" radius=\"md\" withBorder>\n <Group justify=\"space-between\">\n <Box>\n <Text size=\"xs\" c=\"dimmed\" tt=\"uppercase\" fw={600}>\n Total Jobs\n </Text>\n <Text size=\"xl\" fw={700} ff=\"monospace\">\n {jobs.length}\n </Text>\n </Box>\n <ThemeIcon size=\"lg\" radius=\"md\" variant=\"light\" color=\"blue\">\n <IconTerminal2 size={20} />\n </ThemeIcon>\n </Group>\n </Paper>\n\n <Paper p=\"md\" radius=\"md\" withBorder>\n <Group justify=\"space-between\">\n <Box>\n <Text size=\"xs\" c=\"dimmed\" tt=\"uppercase\" fw={600}>\n Executions\n </Text>\n <Text size=\"xl\" fw={700} ff=\"monospace\">\n {globalStats.total}\n </Text>\n </Box>\n <ThemeIcon size=\"lg\" radius=\"md\" variant=\"light\" color=\"gray\">\n <IconClock size={20} />\n </ThemeIcon>\n </Group>\n </Paper>\n\n <Paper p=\"md\" radius=\"md\" withBorder>\n <Group justify=\"space-between\">\n <Box>\n <Text size=\"xs\" c=\"dimmed\" tt=\"uppercase\" fw={600}>\n Success Rate\n </Text>\n <Text\n size=\"xl\"\n fw={700}\n ff=\"monospace\"\n c={\n successRate >= 90\n ? \"teal\"\n : successRate >= 70\n ? \"yellow\"\n : \"red\"\n }\n >\n {successRate}%\n </Text>\n </Box>\n <RingProgress\n size={48}\n thickness={4}\n roundCaps\n sections={[\n {\n value: successRate,\n color:\n successRate >= 90\n ? \"teal\"\n : successRate >= 70\n ? \"yellow\"\n : \"red\",\n },\n ]}\n />\n </Group>\n </Paper>\n\n <Paper p=\"md\" radius=\"md\" withBorder>\n <Group justify=\"space-between\">\n <Box>\n <Text size=\"xs\" c=\"dimmed\" tt=\"uppercase\" fw={600}>\n Running Now\n </Text>\n <Text size=\"xl\" fw={700} ff=\"monospace\" c=\"blue\">\n {globalStats.running}\n </Text>\n </Box>\n <ThemeIcon\n size=\"lg\"\n radius=\"md\"\n variant=\"light\"\n color={globalStats.running > 0 ? \"blue\" : \"gray\"}\n >\n <IconPlayerPlay size={20} />\n </ThemeIcon>\n </Group>\n </Paper>\n </SimpleGrid>\n\n {/* Tabs */}\n <Tabs value={activeTab} onChange={setActiveTab}>\n <Tabs.List>\n <Tabs.Tab value=\"overview\" leftSection={<IconTerminal2 size={14} />}>\n Jobs Overview\n </Tabs.Tab>\n <Tabs.Tab value=\"executions\" leftSection={<IconClock size={14} />}>\n Execution History\n </Tabs.Tab>\n </Tabs.List>\n\n <Tabs.Panel value=\"overview\" pt=\"md\">\n <Group justify=\"space-between\" mb=\"md\">\n <Text size=\"sm\" c=\"dimmed\">\n {jobs.length} registered job{jobs.length !== 1 ? \"s\" : \"\"}\n </Text>\n <ActionButton\n size=\"xs\"\n variant=\"light\"\n leftSection={<IconRefresh size={14} />}\n onClick={() => setRefreshKey((k) => k + 1)}\n >\n Refresh\n </ActionButton>\n </Group>\n\n {loading ? (\n <SimpleGrid cols={{ base: 1, sm: 2, lg: 3 }} spacing=\"md\">\n {[1, 2, 3].map((i) => (\n <Skeleton key={i} height={150} radius=\"md\" />\n ))}\n </SimpleGrid>\n ) : jobs.length === 0 ? (\n <Paper p=\"xl\" radius=\"md\" withBorder ta=\"center\">\n <IconTerminal2 size={48} color=\"var(--mantine-color-dimmed)\" />\n <Text size=\"lg\" fw={500} mt=\"md\">\n No jobs registered\n </Text>\n <Text size=\"sm\" c=\"dimmed\" mt=\"xs\">\n Jobs will appear here once they are defined using $job primitive\n </Text>\n </Paper>\n ) : (\n <SimpleGrid cols={{ base: 1, sm: 2, lg: 3 }} spacing=\"md\">\n {jobs.map((job) => (\n <JobCard\n key={job}\n job={job}\n stats={jobStats.get(job)}\n isTriggering={triggeringJobs.has(job)}\n onTrigger={handleTriggerJob}\n onSelect={setSelectedJob}\n isSelected={selectedJob === job}\n />\n ))}\n </SimpleGrid>\n )}\n </Tabs.Panel>\n\n <Tabs.Panel value=\"executions\" pt=\"md\">\n <DataTable<JobExecutionEntity, typeof filters>\n key={refreshKey}\n submitOnInit\n defaultSize={15}\n typeFormProps={{\n skipSubmitButton: true,\n columns: 3,\n }}\n tableProps={{\n horizontalSpacing: \"sm\",\n verticalSpacing: \"sm\",\n highlightOnHover: true,\n }}\n onFilterChange={(key, _value, form) => {\n if (key === \"job\" || key === \"status\") {\n return form.submit();\n }\n }}\n filters={filters}\n items={async (filters) => {\n const response = await client.getJobExecutions({\n query: {\n ...filters,\n job: selectedJob || filters.job,\n },\n });\n\n return response as Page<JobExecutionEntity>;\n }}\n columns={{\n job: {\n label: \"Job\",\n value: (item) => (\n <Text size=\"sm\" fw={500} ff=\"monospace\">\n {item.job}\n </Text>\n ),\n },\n status: {\n label: \"Status\",\n fit: true,\n value: (item) => (\n <Badge\n size=\"sm\"\n variant=\"light\"\n color={getStatusColor(item.status)}\n leftSection={getStatusIcon(item.status, 12)}\n >\n {item.status}\n </Badge>\n ),\n },\n duration: {\n label: \"Duration\",\n fit: true,\n value: (item) => (\n <Text size=\"xs\" c=\"dimmed\" ff=\"monospace\">\n {formatDuration(item.createdAt, item.finishedAt)}\n </Text>\n ),\n },\n logs: {\n label: \"Logs\",\n fit: true,\n value: (item) => {\n const logCount =\n (item.logs as LogEntry[] | undefined)?.length || 0;\n const errorCount =\n (item.logs as LogEntry[] | undefined)?.filter(\n (log) => log.level === \"ERROR\",\n ).length || 0;\n\n return (\n <Group gap={4}>\n <Badge size=\"xs\" variant=\"light\" color=\"gray\">\n {logCount} logs\n </Badge>\n {errorCount > 0 && (\n <Badge size=\"xs\" variant=\"light\" color=\"red\">\n {errorCount} errors\n </Badge>\n )}\n </Group>\n );\n },\n },\n error: {\n label: \"Error\",\n value: (item) =>\n item.error ? (\n <Tooltip label={item.error} multiline w={300}>\n <Text size=\"xs\" c=\"red\" lineClamp={1}>\n {item.error}\n </Text>\n </Tooltip>\n ) : (\n <Text size=\"xs\" c=\"dimmed\">\n —\n </Text>\n ),\n },\n createdAt: {\n label: \"Started\",\n fit: true,\n value: (item) => (\n <Text size=\"xs\" c=\"dimmed\">\n {l(item.createdAt, { date: \"fromNow\" })}\n </Text>\n ),\n },\n }}\n panel={(item) => (\n <Box bg=\"var(--mantine-color-dark-7)\" p={0}>\n <ExecutionLogViewer\n logs={item.logs as LogEntry[] | undefined}\n error={item.error}\n />\n </Box>\n )}\n canPanel={(item) => Boolean(item.logs?.length || item.error)}\n />\n </Tabs.Panel>\n </Tabs>\n </Flex>\n );\n};\n\nexport default AdminJobs;\n"],"mappings":"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"}
@@ -1,12 +1,13 @@
1
- import { ActionButton, AdminShell, AlephaMantineProvider, OmnibarButton } from "@alepha/ui";
1
+ import { ActionButton, AlephaMantineProvider, DashboardShell } from "@alepha/ui";
2
2
  import { UserButton } from "@alepha/ui/auth";
3
3
  import { IconArrowLeft } from "@tabler/icons-react";
4
+ import { Flex as Flex$1 } from "@mantine/core";
4
5
  import { jsx } from "react/jsx-runtime";
5
- import "@alepha/ui/styles";
6
6
 
7
7
  //#region ../../src/admin/components/AdminLayout.tsx
8
8
  const AdminLayout = (props) => {
9
- return /* @__PURE__ */ jsx(AlephaMantineProvider, { children: /* @__PURE__ */ jsx(AdminShell, {
9
+ return /* @__PURE__ */ jsx(AlephaMantineProvider, { children: /* @__PURE__ */ jsx(DashboardShell, {
10
+ footer: /* @__PURE__ */ jsx(Flex$1, { h: 24 }),
10
11
  appBarProps: { items: [
11
12
  {
12
13
  element: /* @__PURE__ */ jsx(ActionButton, {
@@ -16,10 +17,6 @@ const AdminLayout = (props) => {
16
17
  }),
17
18
  position: "left"
18
19
  },
19
- {
20
- element: /* @__PURE__ */ jsx(OmnibarButton, {}),
21
- position: "center"
22
- },
23
20
  {
24
21
  element: /* @__PURE__ */ jsx(UserButton, {}),
25
22
  position: "right"
@@ -34,8 +31,7 @@ const AdminLayout = (props) => {
34
31
  ...props.adminShellProps
35
32
  }) });
36
33
  };
37
- var AdminLayout_default = AdminLayout;
38
34
 
39
35
  //#endregion
40
- export { AdminLayout_default as default };
41
- //# sourceMappingURL=AdminLayout-D8yZ-8lG.js.map
36
+ export { AdminLayout as default };
37
+ //# sourceMappingURL=AdminLayout-CsjvpeD1.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"AdminLayout-CsjvpeD1.js","names":["Flex"],"sources":["../../src/admin/components/AdminLayout.tsx"],"sourcesContent":["import {\n ActionButton,\n AlephaMantineProvider,\n DashboardShell,\n type DashboardShellProps,\n} from \"@alepha/ui\";\nimport { UserButton } from \"@alepha/ui/auth\";\nimport { Flex } from \"@mantine/core\";\nimport { IconArrowLeft } from \"@tabler/icons-react\";\n\nexport interface AdminLayoutProps {\n adminShellProps?: DashboardShellProps;\n}\n\nconst AdminLayout = (props: AdminLayoutProps) => {\n return (\n <AlephaMantineProvider>\n <DashboardShell\n footer={<Flex h={24} />}\n appBarProps={{\n items: [\n {\n element: (\n <ActionButton\n variant={\"subtle\"}\n icon={IconArrowLeft}\n href={\"/\"}\n />\n ),\n position: \"left\",\n },\n {\n element: <UserButton />,\n position: \"right\",\n },\n {\n type: \"dark\",\n position: \"right\",\n },\n ],\n }}\n sidebarResizable\n sidebarProps={{\n autoPopulateMenu: {\n startsWith: \"/admin\",\n },\n }}\n {...props.adminShellProps}\n />\n </AlephaMantineProvider>\n );\n};\n\nexport default AdminLayout;\n"],"mappings":";;;;;;;AAcA,MAAM,eAAe,UAA4B;AAC/C,QACE,oBAAC,mCACC,oBAAC;EACC,QAAQ,oBAACA,UAAK,GAAG,KAAM;EACvB,aAAa,EACX,OAAO;GACL;IACE,SACE,oBAAC;KACC,SAAS;KACT,MAAM;KACN,MAAM;MACN;IAEJ,UAAU;IACX;GACD;IACE,SAAS,oBAAC,eAAa;IACvB,UAAU;IACX;GACD;IACE,MAAM;IACN,UAAU;IACX;GACF,EACF;EACD;EACA,cAAc,EACZ,kBAAkB,EAChB,YAAY,UACb,EACF;EACD,GAAI,MAAM;GACV,GACoB"}
@@ -1,3 +1,4 @@
1
+ import { t as __exportAll } from "./rolldown-runtime-CjeV3_4I.js";
1
2
  import { DataTable, Flex, Text } from "@alepha/ui";
2
3
  import { t } from "alepha";
3
4
  import { IconAlertCircle, IconCheck, IconClock, IconMail, IconMessage } from "@tabler/icons-react";
@@ -7,6 +8,7 @@ import { useI18n } from "alepha/react/i18n";
7
8
  import { jsx } from "react/jsx-runtime";
8
9
 
9
10
  //#region ../../src/admin/components/notifications/AdminNotifications.tsx
11
+ var AdminNotifications_exports = /* @__PURE__ */ __exportAll({ default: () => AdminNotifications });
10
12
  const AdminNotifications = () => {
11
13
  const client = useClient();
12
14
  const { l } = useI18n();
@@ -147,8 +149,7 @@ const AdminNotifications = () => {
147
149
  })
148
150
  });
149
151
  };
150
- var AdminNotifications_default = AdminNotifications;
151
152
 
152
153
  //#endregion
153
- export { AdminNotifications_default as t };
154
- //# sourceMappingURL=AdminNotifications-Ds5Un0NJ.js.map
154
+ export { AdminNotifications_exports as n, AdminNotifications as t };
155
+ //# sourceMappingURL=AdminNotifications-LwR6RKrx.js.map