@alepha/ui 0.18.2 → 0.18.3
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.
- package/dist/admin/{AdminApiKeys-BJhIwfD6.js → AdminApiKeys-Dy_k-4Vd.js} +2 -2
- package/dist/admin/{AdminApiKeys-BJhIwfD6.js.map → AdminApiKeys-Dy_k-4Vd.js.map} +1 -1
- package/dist/admin/{AdminAudits-DzD_4cDt.js → AdminAudits-CKiFMSSU.js} +2 -2
- package/dist/admin/{AdminAudits-DzD_4cDt.js.map → AdminAudits-CKiFMSSU.js.map} +1 -1
- package/dist/admin/{AdminDashboard-C92tIc6x.js → AdminDashboard-PhC_dZqo.js} +2 -2
- package/dist/admin/{AdminDashboard-C92tIc6x.js.map → AdminDashboard-PhC_dZqo.js.map} +1 -1
- package/dist/admin/{AdminFiles-DLpfhBkf.js → AdminFiles-DFTjijGp.js} +2 -2
- package/dist/admin/{AdminFiles-DLpfhBkf.js.map → AdminFiles-DFTjijGp.js.map} +1 -1
- package/dist/admin/{AdminJobDashboard-KIOkeMgE.js → AdminJobDashboard-BL8gGPDp.js} +2 -2
- package/dist/admin/{AdminJobDashboard-KIOkeMgE.js.map → AdminJobDashboard-BL8gGPDp.js.map} +1 -1
- package/dist/admin/{AdminJobExecutions-D0Yo_PU0.js → AdminJobExecutions-D9E-CS-U.js} +2 -2
- package/dist/admin/{AdminJobExecutions-D0Yo_PU0.js.map → AdminJobExecutions-D9E-CS-U.js.map} +1 -1
- package/dist/admin/{AdminJobRegistry-PFajqaGK.js → AdminJobRegistry-Ci9ue1zC.js} +2 -2
- package/dist/admin/{AdminJobRegistry-PFajqaGK.js.map → AdminJobRegistry-Ci9ue1zC.js.map} +1 -1
- package/dist/admin/{AdminLayout-B1DXZHDn.js → AdminLayout-I6TlUMPc.js} +2 -2
- package/dist/admin/{AdminLayout-B1DXZHDn.js.map → AdminLayout-I6TlUMPc.js.map} +1 -1
- package/dist/admin/AdminNotifications-ZPHCYrv7.js +542 -0
- package/dist/admin/AdminNotifications-ZPHCYrv7.js.map +1 -0
- package/dist/admin/{AdminParameters-BspPeqp_.js → AdminParameters-CqgvhRsb.js} +120 -105
- package/dist/admin/AdminParameters-CqgvhRsb.js.map +1 -0
- package/dist/admin/{AdminSessions-BnH5CZQl.js → AdminSessions-Bz5NRuoW.js} +2 -2
- package/dist/admin/{AdminSessions-BnH5CZQl.js.map → AdminSessions-Bz5NRuoW.js.map} +1 -1
- package/dist/admin/{AdminUserLayout-DUbC6-BI.js → AdminUserLayout-lXT6I0Qq.js} +14 -8
- package/dist/admin/AdminUserLayout-lXT6I0Qq.js.map +1 -0
- package/dist/admin/{AdminUserProfile-DuTUnjdG.js → AdminUserProfile-vFBLoJ3h.js} +3 -3
- package/dist/admin/{AdminUserProfile-DuTUnjdG.js.map → AdminUserProfile-vFBLoJ3h.js.map} +1 -1
- package/dist/admin/{AdminUserSessions-DvZdAGpL.js → AdminUserSessions-CT_YDim0.js} +2 -2
- package/dist/admin/{AdminUserSessions-DvZdAGpL.js.map → AdminUserSessions-CT_YDim0.js.map} +1 -1
- package/dist/admin/{AdminUsers-CR9z0g_5.js → AdminUsers-D1UfGya9.js} +2 -2
- package/dist/admin/{AdminUsers-CR9z0g_5.js.map → AdminUsers-D1UfGya9.js.map} +1 -1
- package/dist/admin/{AuthLayout-DsUfp9RG.js → AuthLayout-_frhdgOO.js} +2 -2
- package/dist/admin/{AuthLayout-DsUfp9RG.js.map → AuthLayout-_frhdgOO.js.map} +1 -1
- package/dist/admin/Login-xtNmQtGh.js +275 -0
- package/dist/admin/Login-xtNmQtGh.js.map +1 -0
- package/dist/admin/{Profile-B2EcIDB9.js → Profile-_AtPUwAP.js} +31 -27
- package/dist/admin/Profile-_AtPUwAP.js.map +1 -0
- package/dist/admin/{Register-Z3fxRbUF.js → Register-JcCjHUUn.js} +198 -142
- package/dist/admin/Register-JcCjHUUn.js.map +1 -0
- package/dist/admin/{ResetPassword-_Y1qTTKh.js → ResetPassword-CwGBPLJO.js} +7 -7
- package/dist/admin/ResetPassword-CwGBPLJO.js.map +1 -0
- package/dist/admin/{VerifyEmail-Bg22bwcC.js → VerifyEmail-hNxWejWf.js} +23 -8
- package/dist/admin/VerifyEmail-hNxWejWf.js.map +1 -0
- package/dist/admin/{core-BVO_TQxb.js → core-CYaRQ8O-.js} +709 -556
- package/dist/admin/core-CYaRQ8O-.js.map +1 -0
- package/dist/admin/index.d.ts +83 -44
- package/dist/admin/index.d.ts.map +1 -1
- package/dist/admin/index.js +58 -39
- package/dist/admin/index.js.map +1 -1
- package/dist/auth/{AuthLayout-C161NeF6.js → AuthLayout-AvLlcLjS.js} +2 -2
- package/dist/auth/{AuthLayout-C161NeF6.js.map → AuthLayout-AvLlcLjS.js.map} +1 -1
- package/dist/auth/Login-BA1E8IZl.js +275 -0
- package/dist/auth/Login-BA1E8IZl.js.map +1 -0
- package/dist/auth/{Profile-BMpXJ0oi.js → Profile-YcWdeuFz.js} +31 -27
- package/dist/auth/Profile-YcWdeuFz.js.map +1 -0
- package/dist/auth/{Register-2gx8qll-.js → Register-CPhEO5MG.js} +198 -142
- package/dist/auth/Register-CPhEO5MG.js.map +1 -0
- package/dist/{demo/ResetPassword-CAPj8MO3.js → auth/ResetPassword-DCtGcneA.js} +7 -7
- package/dist/auth/ResetPassword-DCtGcneA.js.map +1 -0
- package/dist/{demo/VerifyEmail-DFmdCdYs.js → auth/VerifyEmail-DkH7NBfn.js} +23 -8
- package/dist/auth/VerifyEmail-DkH7NBfn.js.map +1 -0
- package/dist/auth/{core-DyfeVr5c.js → core-D5jIAVF2.js} +386 -294
- package/dist/auth/core-D5jIAVF2.js.map +1 -0
- package/dist/auth/index.d.ts +93 -48
- package/dist/auth/index.d.ts.map +1 -1
- package/dist/auth/index.js +28 -24
- package/dist/auth/index.js.map +1 -1
- package/dist/core/index.d.ts +116 -61
- package/dist/core/index.d.ts.map +1 -1
- package/dist/core/index.js +873 -701
- package/dist/core/index.js.map +1 -1
- package/dist/demo/{AuthLayout-DN-ClJQk.js → AuthLayout-Brri4A-L.js} +2 -2
- package/dist/demo/{AuthLayout-DN-ClJQk.js.map → AuthLayout-Brri4A-L.js.map} +1 -1
- package/dist/demo/DemoButton-wiCxZZ_L.js +182 -0
- package/dist/demo/DemoButton-wiCxZZ_L.js.map +1 -0
- package/dist/demo/DemoControlSelect-D7ILObVg.js +305 -0
- package/dist/demo/DemoControlSelect-D7ILObVg.js.map +1 -0
- package/dist/demo/DemoDataTable-DZ5Y8pFX.js +362 -0
- package/dist/demo/DemoDataTable-DZ5Y8pFX.js.map +1 -0
- package/dist/demo/{DemoDialog-DW8QEvD1.js → DemoDialog-CUWdLHim.js} +2 -2
- package/dist/demo/{DemoDialog-DW8QEvD1.js.map → DemoDialog-CUWdLHim.js.map} +1 -1
- package/dist/demo/{DemoFlex-CAhLUanT.js → DemoFlex-a8OhMMvq.js} +3 -3
- package/dist/demo/{DemoFlex-CAhLUanT.js.map → DemoFlex-a8OhMMvq.js.map} +1 -1
- package/dist/demo/{DemoHeading-yIFmNjHB.js → DemoHeading-C13OVDfS.js} +3 -3
- package/dist/demo/{DemoHeading-yIFmNjHB.js.map → DemoHeading-C13OVDfS.js.map} +1 -1
- package/dist/demo/{DemoHome-BSGuBHus.js → DemoHome-D_De3UiT.js} +2 -2
- package/dist/demo/{DemoHome-BSGuBHus.js.map → DemoHome-D_De3UiT.js.map} +1 -1
- package/dist/demo/{DemoJsonViewer-DsA2IpgV.js → DemoJsonViewer-B50s9aGM.js} +3 -3
- package/dist/demo/{DemoJsonViewer-DsA2IpgV.js.map → DemoJsonViewer-B50s9aGM.js.map} +1 -1
- package/dist/demo/{DemoLayout-Cy6xjn6P.js → DemoLayout-CHU8WTwO.js} +14 -5
- package/dist/demo/DemoLayout-CHU8WTwO.js.map +1 -0
- package/dist/demo/{DemoLogin-vqxgTu4P.js → DemoLogin-BBlrWpml.js} +49 -32
- package/dist/demo/DemoLogin-BBlrWpml.js.map +1 -0
- package/dist/demo/{DemoRegister-YHPvPg77.js → DemoRegister-BuNE3_-f.js} +49 -50
- package/dist/demo/DemoRegister-BuNE3_-f.js.map +1 -0
- package/dist/demo/{DemoResetPassword-mOW18Zlm.js → DemoResetPassword-D_IjjjOJ.js} +12 -16
- package/dist/demo/DemoResetPassword-D_IjjjOJ.js.map +1 -0
- package/dist/demo/{DemoSidebar-od7aLjP_.js → DemoSidebar-Giy2HRBD.js} +3 -3
- package/dist/demo/{DemoSidebar-od7aLjP_.js.map → DemoSidebar-Giy2HRBD.js.map} +1 -1
- package/dist/demo/{DemoText-DU3JeRS0.js → DemoText-ubcw-vog.js} +3 -3
- package/dist/demo/{DemoText-DU3JeRS0.js.map → DemoText-ubcw-vog.js.map} +1 -1
- package/dist/demo/{DemoToast-CUJEiPRa.js → DemoToast-9die_dYT.js} +2 -2
- package/dist/demo/{DemoToast-CUJEiPRa.js.map → DemoToast-9die_dYT.js.map} +1 -1
- package/dist/demo/{DemoTypeForm-C1dNkahD.js → DemoTypeForm-D_d6OVKL.js} +8 -4
- package/dist/demo/DemoTypeForm-D_d6OVKL.js.map +1 -0
- package/dist/demo/DemoVerifyEmail-B43KlF4F.js +34 -0
- package/dist/demo/DemoVerifyEmail-B43KlF4F.js.map +1 -0
- package/dist/demo/Login-C12N4oGs.js +275 -0
- package/dist/demo/Login-C12N4oGs.js.map +1 -0
- package/dist/demo/{Profile-BE_Y3co2.js → Profile-DS5q4vOh.js} +31 -27
- package/dist/demo/Profile-DS5q4vOh.js.map +1 -0
- package/dist/demo/{Register-fXHmBpr3.js → Register-B4hLBeEv.js} +198 -142
- package/dist/demo/Register-B4hLBeEv.js.map +1 -0
- package/dist/{auth/ResetPassword-DBxt9hKk.js → demo/ResetPassword-D8g9ha1N.js} +7 -7
- package/dist/demo/ResetPassword-D8g9ha1N.js.map +1 -0
- package/dist/demo/{Showcase-BtEU0pY9.js → Showcase-D6Fxt4X4.js} +64 -65
- package/dist/demo/Showcase-D6Fxt4X4.js.map +1 -0
- package/dist/{auth/VerifyEmail-Z80Ubajk.js → demo/VerifyEmail-BjDo0cZA.js} +23 -8
- package/dist/demo/VerifyEmail-BjDo0cZA.js.map +1 -0
- package/dist/demo/{auth-Djd7SKiw.js → auth-ByVTreDl.js} +8 -8
- package/dist/demo/{auth-Djd7SKiw.js.map → auth-ByVTreDl.js.map} +1 -1
- package/dist/demo/{core-B7LNjM78.js → core-DFgB3yU4.js} +741 -573
- package/dist/demo/core-DFgB3yU4.js.map +1 -0
- package/dist/demo/index.d.ts +1 -0
- package/dist/demo/index.d.ts.map +1 -1
- package/dist/demo/index.js +24 -18
- package/dist/demo/index.js.map +1 -1
- package/package.json +7 -7
- package/src/admin/AdminRouter.tsx +24 -1
- package/src/admin/components/notifications/AdminNotifications.tsx +519 -0
- package/src/admin/components/parameters/ParameterDetails.tsx +12 -270
- package/src/admin/components/parameters/ParameterDetailsConfigForm.tsx +238 -0
- package/src/admin/components/parameters/ParameterDetailsLoading.tsx +24 -0
- package/src/admin/components/parameters/ParameterHistory.tsx +10 -11
- package/src/admin/components/parameters/ParameterTree.tsx +28 -184
- package/src/admin/components/parameters/ParameterTreeNode.tsx +151 -0
- package/src/admin/components/shared/AdminResourceHeader.tsx +2 -25
- package/src/admin/components/shared/AdminResourceHeaderMenuItem.tsx +37 -0
- package/src/admin/components/shared/AdminResourceTabs.tsx +2 -26
- package/src/admin/components/shared/AdminResourceTabsItem.tsx +36 -0
- package/src/auth/components/Login.tsx +188 -121
- package/src/auth/components/Profile.tsx +1 -22
- package/src/auth/components/ProfileField.tsx +39 -0
- package/src/auth/components/Register.tsx +215 -158
- package/src/auth/components/ResetPassword.tsx +7 -11
- package/src/auth/components/VerifyEmail.tsx +35 -10
- package/src/auth/components/buttons/UserButton.tsx +19 -21
- package/src/auth/index.ts +1 -0
- package/src/core/components/Flex.tsx +10 -0
- package/src/core/components/buttons/ActionButton.tsx +104 -78
- package/src/core/components/data/DetailDrawer.tsx +102 -96
- package/src/core/components/data/DetailList.tsx +2 -1
- package/src/core/components/layout/Breadcrumb.tsx +3 -6
- package/src/core/components/layout/DashboardShell.tsx +18 -4
- package/src/core/components/layout/Sidebar.tsx +16 -241
- package/src/core/components/layout/SidebarCollapsedItem.tsx +91 -0
- package/src/core/components/layout/SidebarItem.tsx +146 -0
- package/src/core/components/layout/index.ts +3 -1
- package/src/core/form/components/Control.tsx +31 -29
- package/src/core/form/components/ControlArray.tsx +13 -39
- package/src/core/form/components/ControlDate.tsx +10 -21
- package/src/core/form/components/ControlNumber.tsx +4 -33
- package/src/core/form/components/ControlQueryBuilder.tsx +12 -175
- package/src/core/form/components/ControlQueryBuilderHelp.tsx +165 -0
- package/src/core/form/components/ControlSelect.browser.spec.tsx +343 -0
- package/src/core/form/components/ControlSelect.tsx +294 -92
- package/src/core/form/components/TypeForm.browser.spec.tsx +3 -3
- package/src/core/form/components/TypeForm.tsx +5 -2
- package/src/core/form/index.ts +8 -1
- package/src/core/form/utils/parseInput.ts +7 -3
- package/src/core/index.ts +3 -1
- package/src/core/json/components/JsonViewer.tsx +103 -319
- package/src/core/json/components/JsonViewerCopyButton.tsx +46 -0
- package/src/core/json/components/JsonViewerRowNode.tsx +120 -0
- package/src/core/json/components/JsonViewerShared.ts +76 -0
- package/src/core/styles.css +12 -2
- package/src/core/table/components/ColumnPicker.tsx +3 -3
- package/src/core/table/components/DataTable.tsx +89 -29
- package/src/core/table/components/DataTableFilters.tsx +6 -11
- package/src/core/table/components/DataTablePagination.tsx +9 -3
- package/src/core/table/components/DataTableToolbar.tsx +7 -3
- package/src/core/table/components/FilterPicker.tsx +3 -3
- package/src/core/table/interfaces/types.ts +29 -0
- package/src/core/utils/icons.tsx +2 -2
- package/src/demo/DemoRouter.ts +8 -1
- package/src/demo/components/DemoLayout.tsx +12 -2
- package/src/demo/components/auth/DemoLogin.tsx +35 -28
- package/src/demo/components/auth/DemoRegister.tsx +35 -49
- package/src/demo/components/auth/DemoResetPassword.tsx +5 -9
- package/src/demo/components/auth/DemoVerifyEmail.tsx +7 -6
- package/src/demo/components/core/DemoButton.tsx +123 -103
- package/src/demo/components/core/DemoControlSelect.tsx +325 -0
- package/src/demo/components/core/DemoDataTable.tsx +255 -237
- package/src/demo/components/core/DemoTypeForm.tsx +7 -2
- package/src/demo/components/shared/MacWindow.tsx +5 -11
- package/src/demo/components/shared/Showcase.tsx +28 -42
- package/dist/admin/AdminParameters-BspPeqp_.js.map +0 -1
- package/dist/admin/AdminUserLayout-DUbC6-BI.js.map +0 -1
- package/dist/admin/Login-DHbYJKwg.js +0 -219
- package/dist/admin/Login-DHbYJKwg.js.map +0 -1
- package/dist/admin/Profile-B2EcIDB9.js.map +0 -1
- package/dist/admin/Register-Z3fxRbUF.js.map +0 -1
- package/dist/admin/ResetPassword-_Y1qTTKh.js.map +0 -1
- package/dist/admin/VerifyEmail-Bg22bwcC.js.map +0 -1
- package/dist/admin/core-BVO_TQxb.js.map +0 -1
- package/dist/auth/Login-C7jIqf00.js +0 -219
- package/dist/auth/Login-C7jIqf00.js.map +0 -1
- package/dist/auth/Profile-BMpXJ0oi.js.map +0 -1
- package/dist/auth/Register-2gx8qll-.js.map +0 -1
- package/dist/auth/ResetPassword-DBxt9hKk.js.map +0 -1
- package/dist/auth/VerifyEmail-Z80Ubajk.js.map +0 -1
- package/dist/auth/core-DyfeVr5c.js.map +0 -1
- package/dist/demo/DemoButton-CGUyR9eM.js +0 -178
- package/dist/demo/DemoButton-CGUyR9eM.js.map +0 -1
- package/dist/demo/DemoDataTable-QFG-xXSx.js +0 -358
- package/dist/demo/DemoDataTable-QFG-xXSx.js.map +0 -1
- package/dist/demo/DemoLayout-Cy6xjn6P.js.map +0 -1
- package/dist/demo/DemoLogin-vqxgTu4P.js.map +0 -1
- package/dist/demo/DemoRegister-YHPvPg77.js.map +0 -1
- package/dist/demo/DemoResetPassword-mOW18Zlm.js.map +0 -1
- package/dist/demo/DemoTypeForm-C1dNkahD.js.map +0 -1
- package/dist/demo/DemoVerifyEmail-D9EcXZ38.js +0 -30
- package/dist/demo/DemoVerifyEmail-D9EcXZ38.js.map +0 -1
- package/dist/demo/Login-CoYf_P_F.js +0 -219
- package/dist/demo/Login-CoYf_P_F.js.map +0 -1
- package/dist/demo/Profile-BE_Y3co2.js.map +0 -1
- package/dist/demo/Register-fXHmBpr3.js.map +0 -1
- package/dist/demo/ResetPassword-CAPj8MO3.js.map +0 -1
- package/dist/demo/Showcase-BtEU0pY9.js.map +0 -1
- package/dist/demo/VerifyEmail-DFmdCdYs.js.map +0 -1
- package/dist/demo/core-B7LNjM78.js.map +0 -1
- package/src/demo/styles.css +0 -0
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { _ as ActionButton, b as useToast, g as ClipboardButton, l as Flex$1, m as useDialog,
|
|
1
|
+
import { _ as ActionButton, b as useToast, g as ClipboardButton, l as Flex$1, m as useDialog, r as DataTable, s as Text$1, u as StatCards } from "./core-CYaRQ8O-.js";
|
|
2
2
|
import { t } from "alepha";
|
|
3
3
|
import { useI18n } from "alepha/react/i18n";
|
|
4
4
|
import { Badge, Code, Tooltip } from "@mantine/core";
|
|
@@ -283,4 +283,4 @@ const AdminApiKeys = () => {
|
|
|
283
283
|
|
|
284
284
|
//#endregion
|
|
285
285
|
export { AdminApiKeys as default };
|
|
286
|
-
//# sourceMappingURL=AdminApiKeys-
|
|
286
|
+
//# sourceMappingURL=AdminApiKeys-Dy_k-4Vd.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AdminApiKeys-BJhIwfD6.js","names":["Flex","Text"],"sources":["../../src/admin/components/keys/AdminApiKeys.tsx"],"sourcesContent":["import {\n ActionButton,\n ClipboardButton,\n DataTable,\n Flex,\n StatCards,\n Text,\n useDialog,\n useToast,\n} from \"@alepha/ui\";\nimport { Badge, Code, Tooltip } from \"@mantine/core\";\nimport {\n IconCheck,\n IconClock,\n IconKey,\n IconNetwork,\n IconTrash,\n IconUser,\n} from \"@tabler/icons-react\";\nimport { type Page, t } from \"alepha\";\nimport type { AdminApiKeyController } from \"alepha/api/keys\";\nimport { useClient } from \"alepha/react\";\nimport { useI18n } from \"alepha/react/i18n\";\nimport { useRouter } from \"alepha/react/router\";\nimport { useCallback, useState } from \"react\";\nimport type { AdminRouter } from \"../../AdminRouter.ts\";\n\n// ─────────────────────────────────────────────────────────────────────────────\n// Types\n// ─────────────────────────────────────────────────────────────────────────────\n\ninterface ApiKeyResource {\n id: string;\n userId: string;\n name: string;\n description?: string;\n tokenPrefix: string;\n tokenSuffix: string;\n roles: string[];\n createdAt: string;\n lastUsedAt?: string;\n lastUsedIp?: string;\n expiresAt?: string;\n revokedAt?: string;\n usageCount: number;\n}\n\ninterface KeyStats {\n total: number;\n active: number;\n revoked: number;\n expired: number;\n neverUsed: number;\n}\n\n// ─────────────────────────────────────────────────────────────────────────────\n// Utilities\n// ─────────────────────────────────────────────────────────────────────────────\n\nconst getKeyStatus = (\n key: ApiKeyResource,\n): \"active\" | \"revoked\" | \"expired\" => {\n if (key.revokedAt) return \"revoked\";\n if (key.expiresAt && new Date(key.expiresAt) < new Date()) return \"expired\";\n return \"active\";\n};\n\nconst formatKeyPreview = (prefix: string, suffix: string) => {\n return `${prefix}...${suffix}`;\n};\n\n// ─────────────────────────────────────────────────────────────────────────────\n// Main Component\n// ─────────────────────────────────────────────────────────────────────────────\n\nconst AdminApiKeys = () => {\n const client = useClient<AdminApiKeyController>();\n const router = useRouter<AdminRouter>();\n const { l } = useI18n();\n const toast = useToast();\n const dialog = useDialog();\n\n const [stats, setStats] = useState<KeyStats>({\n total: 0,\n active: 0,\n revoked: 0,\n expired: 0,\n neverUsed: 0,\n });\n const [refreshKey, setRefreshKey] = useState(0);\n const [loading, setLoading] = useState(true);\n\n const filters = t.object({\n userId: t.optional(t.uuid()),\n includeRevoked: t.optional(t.boolean()),\n });\n\n const handleRevoke = useCallback(\n async (key: ApiKeyResource) => {\n const confirmed = await dialog.confirm({\n title: \"Revoke API Key\",\n message: `Are you sure you want to revoke \"${key.name}\"? This action cannot be undone and will immediately invalidate the key.`,\n confirmLabel: \"Revoke Key\",\n confirmColor: \"red\",\n });\n\n if (!confirmed) return;\n\n try {\n await client.revokeApiKey({ params: { id: key.id } });\n toast.success(`API key \"${key.name}\" has been revoked`);\n setRefreshKey((k) => k + 1);\n } catch (error) {\n toast.danger(`Failed to revoke API key`);\n }\n },\n [client, dialog, toast],\n );\n\n const updateStats = useCallback((keys: ApiKeyResource[]) => {\n const now = new Date();\n const newStats: KeyStats = {\n total: keys.length,\n active: 0,\n revoked: 0,\n expired: 0,\n neverUsed: 0,\n };\n\n for (const key of keys) {\n if (key.revokedAt) {\n newStats.revoked++;\n } else if (key.expiresAt && new Date(key.expiresAt) < now) {\n newStats.expired++;\n } else {\n newStats.active++;\n }\n\n if (!key.lastUsedAt) {\n newStats.neverUsed++;\n }\n }\n\n setStats(newStats);\n setLoading(false);\n }, []);\n\n return (\n <Flex p=\"md\" flex={1} direction=\"column\" gap=\"md\">\n <StatCards\n items={[\n { label: \"Total Keys\", value: stats.total, icon: IconKey },\n { label: \"Active\", value: stats.active, icon: IconCheck },\n { label: \"Revoked\", value: stats.revoked, icon: IconTrash },\n { label: \"Never Used\", value: stats.neverUsed, icon: IconClock },\n ]}\n />\n\n <DataTable<ApiKeyResource, typeof filters>\n key={refreshKey}\n submitOnInit\n defaultSize={15}\n typeFormProps={{\n skipSubmitButton: true,\n columns: 2,\n }}\n tableProps={{\n horizontalSpacing: \"sm\",\n verticalSpacing: \"sm\",\n }}\n onFilterChange={(_key, _value, form) => form.submit()}\n filters={filters}\n tableTrProps={(item) => {\n const status = getKeyStatus(item);\n if (status === \"revoked\") {\n return { opacity: 0.6 };\n }\n if (status === \"expired\") {\n return { opacity: 0.7 };\n }\n return {};\n }}\n items={async (filters) => {\n const response = await client.findApiKeys({\n query: {\n ...filters,\n includeRevoked: filters.includeRevoked ?? true,\n },\n });\n\n const allKeys = await client.findApiKeys({\n query: { includeRevoked: true, size: 100 },\n });\n updateStats(allKeys.content as ApiKeyResource[]);\n\n return response as Page<ApiKeyResource>;\n }}\n columns={{\n name: {\n label: \"Name\",\n value: (item) => (\n <Flex direction=\"column\" gap={2}>\n <Text size=\"sm\" fw={600}>\n {item.name}\n </Text>\n {item.description && (\n <Text size=\"xs\" c=\"dimmed\" lineClamp={1}>\n {item.description}\n </Text>\n )}\n </Flex>\n ),\n },\n token: {\n label: \"Key\",\n value: (item) => (\n <Flex gap={4}>\n <Code\n ff=\"monospace\"\n style={{\n fontSize: 11,\n letterSpacing: \"0.5px\",\n }}\n >\n {formatKeyPreview(item.tokenPrefix, item.tokenSuffix)}\n </Code>\n <ClipboardButton\n size=\"xs\"\n variant=\"subtle\"\n value={formatKeyPreview(item.tokenPrefix, item.tokenSuffix)}\n />\n </Flex>\n ),\n },\n status: {\n label: \"Status\",\n value: (item) => {\n const status = getKeyStatus(item);\n return (\n <Badge\n size=\"sm\"\n variant=\"light\"\n color={\n status === \"active\"\n ? \"green\"\n : status === \"expired\"\n ? \"yellow\"\n : \"red\"\n }\n >\n {status}\n </Badge>\n );\n },\n },\n roles: {\n label: \"Roles\",\n value: (item) => (\n <Flex gap={4} wrap=\"wrap\">\n {item.roles.length > 0 ? (\n item.roles.slice(0, 3).map((role) => (\n <Badge key={role} size=\"xs\" variant=\"outline\" color=\"gray\">\n {role}\n </Badge>\n ))\n ) : (\n <Text size=\"xs\" c=\"dimmed\">\n No roles\n </Text>\n )}\n {item.roles.length > 3 && (\n <Tooltip label={item.roles.slice(3).join(\", \")}>\n <Badge size=\"xs\" variant=\"light\" color=\"gray\">\n +{item.roles.length - 3}\n </Badge>\n </Tooltip>\n )}\n </Flex>\n ),\n },\n usage: {\n label: \"Usage\",\n value: (item) => (\n <Flex direction=\"column\" gap={2}>\n <Text size=\"xs\" ff=\"monospace\" fw={500}>\n {item.usageCount.toLocaleString()} calls\n </Text>\n {item.lastUsedAt ? (\n <Flex gap={4}>\n <Text size=\"xs\" c=\"dimmed\">\n {l(item.lastUsedAt, { date: \"fromNow\" })}\n </Text>\n {item.lastUsedIp && (\n <Tooltip label={`Last IP: ${item.lastUsedIp}`}>\n <IconNetwork\n size={12}\n color=\"var(--mantine-color-dimmed)\"\n />\n </Tooltip>\n )}\n </Flex>\n ) : (\n <Text size=\"xs\" c=\"dimmed\">\n Never used\n </Text>\n )}\n </Flex>\n ),\n },\n userId: {\n label: \"Owner\",\n value: (item) => (\n <ActionButton\n variant=\"subtle\"\n size=\"xs\"\n href={router.path(\"adminUserProfile\", {\n params: { userId: item.userId },\n })}\n leftSection={<IconUser size={12} />}\n >\n <Text size=\"xs\" ff=\"monospace\">\n {item.userId.slice(0, 8)}\n </Text>\n </ActionButton>\n ),\n },\n createdAt: {\n label: \"Created\",\n value: (item) => (\n <Text size=\"xs\" c=\"dimmed\">\n {l(item.createdAt, { date: \"fromNow\" })}\n </Text>\n ),\n },\n expiresAt: {\n label: \"Expires\",\n value: (item) => {\n if (!item.expiresAt) {\n return (\n <Text size=\"xs\" c=\"dimmed\">\n Never\n </Text>\n );\n }\n\n return (\n <Text size=\"xs\" c=\"dimmed\">\n {l(item.expiresAt, { date: \"fromNow\" })}\n </Text>\n );\n },\n },\n }}\n rowActions={(item) => [\n {\n label: \"Revoke key\",\n icon: IconTrash,\n color: \"red\",\n onClick: () => handleRevoke(item),\n visible: getKeyStatus(item) === \"active\",\n },\n ]}\n />\n </Flex>\n );\n};\n\nexport default AdminApiKeys;\n"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"AdminApiKeys-Dy_k-4Vd.js","names":["Flex","Text"],"sources":["../../src/admin/components/keys/AdminApiKeys.tsx"],"sourcesContent":["import {\n ActionButton,\n ClipboardButton,\n DataTable,\n Flex,\n StatCards,\n Text,\n useDialog,\n useToast,\n} from \"@alepha/ui\";\nimport { Badge, Code, Tooltip } from \"@mantine/core\";\nimport {\n IconCheck,\n IconClock,\n IconKey,\n IconNetwork,\n IconTrash,\n IconUser,\n} from \"@tabler/icons-react\";\nimport { type Page, t } from \"alepha\";\nimport type { AdminApiKeyController } from \"alepha/api/keys\";\nimport { useClient } from \"alepha/react\";\nimport { useI18n } from \"alepha/react/i18n\";\nimport { useRouter } from \"alepha/react/router\";\nimport { useCallback, useState } from \"react\";\nimport type { AdminRouter } from \"../../AdminRouter.ts\";\n\n// ─────────────────────────────────────────────────────────────────────────────\n// Types\n// ─────────────────────────────────────────────────────────────────────────────\n\ninterface ApiKeyResource {\n id: string;\n userId: string;\n name: string;\n description?: string;\n tokenPrefix: string;\n tokenSuffix: string;\n roles: string[];\n createdAt: string;\n lastUsedAt?: string;\n lastUsedIp?: string;\n expiresAt?: string;\n revokedAt?: string;\n usageCount: number;\n}\n\ninterface KeyStats {\n total: number;\n active: number;\n revoked: number;\n expired: number;\n neverUsed: number;\n}\n\n// ─────────────────────────────────────────────────────────────────────────────\n// Utilities\n// ─────────────────────────────────────────────────────────────────────────────\n\nconst getKeyStatus = (\n key: ApiKeyResource,\n): \"active\" | \"revoked\" | \"expired\" => {\n if (key.revokedAt) return \"revoked\";\n if (key.expiresAt && new Date(key.expiresAt) < new Date()) return \"expired\";\n return \"active\";\n};\n\nconst formatKeyPreview = (prefix: string, suffix: string) => {\n return `${prefix}...${suffix}`;\n};\n\n// ─────────────────────────────────────────────────────────────────────────────\n// Main Component\n// ─────────────────────────────────────────────────────────────────────────────\n\nconst AdminApiKeys = () => {\n const client = useClient<AdminApiKeyController>();\n const router = useRouter<AdminRouter>();\n const { l } = useI18n();\n const toast = useToast();\n const dialog = useDialog();\n\n const [stats, setStats] = useState<KeyStats>({\n total: 0,\n active: 0,\n revoked: 0,\n expired: 0,\n neverUsed: 0,\n });\n const [refreshKey, setRefreshKey] = useState(0);\n const [loading, setLoading] = useState(true);\n\n const filters = t.object({\n userId: t.optional(t.uuid()),\n includeRevoked: t.optional(t.boolean()),\n });\n\n const handleRevoke = useCallback(\n async (key: ApiKeyResource) => {\n const confirmed = await dialog.confirm({\n title: \"Revoke API Key\",\n message: `Are you sure you want to revoke \"${key.name}\"? This action cannot be undone and will immediately invalidate the key.`,\n confirmLabel: \"Revoke Key\",\n confirmColor: \"red\",\n });\n\n if (!confirmed) return;\n\n try {\n await client.revokeApiKey({ params: { id: key.id } });\n toast.success(`API key \"${key.name}\" has been revoked`);\n setRefreshKey((k) => k + 1);\n } catch (error) {\n toast.danger(`Failed to revoke API key`);\n }\n },\n [client, dialog, toast],\n );\n\n const updateStats = useCallback((keys: ApiKeyResource[]) => {\n const now = new Date();\n const newStats: KeyStats = {\n total: keys.length,\n active: 0,\n revoked: 0,\n expired: 0,\n neverUsed: 0,\n };\n\n for (const key of keys) {\n if (key.revokedAt) {\n newStats.revoked++;\n } else if (key.expiresAt && new Date(key.expiresAt) < now) {\n newStats.expired++;\n } else {\n newStats.active++;\n }\n\n if (!key.lastUsedAt) {\n newStats.neverUsed++;\n }\n }\n\n setStats(newStats);\n setLoading(false);\n }, []);\n\n return (\n <Flex p=\"md\" flex={1} direction=\"column\" gap=\"md\">\n <StatCards\n items={[\n { label: \"Total Keys\", value: stats.total, icon: IconKey },\n { label: \"Active\", value: stats.active, icon: IconCheck },\n { label: \"Revoked\", value: stats.revoked, icon: IconTrash },\n { label: \"Never Used\", value: stats.neverUsed, icon: IconClock },\n ]}\n />\n\n <DataTable<ApiKeyResource, typeof filters>\n key={refreshKey}\n submitOnInit\n defaultSize={15}\n typeFormProps={{\n skipSubmitButton: true,\n columns: 2,\n }}\n tableProps={{\n horizontalSpacing: \"sm\",\n verticalSpacing: \"sm\",\n }}\n onFilterChange={(_key, _value, form) => form.submit()}\n filters={filters}\n tableTrProps={(item) => {\n const status = getKeyStatus(item);\n if (status === \"revoked\") {\n return { opacity: 0.6 };\n }\n if (status === \"expired\") {\n return { opacity: 0.7 };\n }\n return {};\n }}\n items={async (filters) => {\n const response = await client.findApiKeys({\n query: {\n ...filters,\n includeRevoked: filters.includeRevoked ?? true,\n },\n });\n\n const allKeys = await client.findApiKeys({\n query: { includeRevoked: true, size: 100 },\n });\n updateStats(allKeys.content as ApiKeyResource[]);\n\n return response as Page<ApiKeyResource>;\n }}\n columns={{\n name: {\n label: \"Name\",\n value: (item) => (\n <Flex direction=\"column\" gap={2}>\n <Text size=\"sm\" fw={600}>\n {item.name}\n </Text>\n {item.description && (\n <Text size=\"xs\" c=\"dimmed\" lineClamp={1}>\n {item.description}\n </Text>\n )}\n </Flex>\n ),\n },\n token: {\n label: \"Key\",\n value: (item) => (\n <Flex gap={4}>\n <Code\n ff=\"monospace\"\n style={{\n fontSize: 11,\n letterSpacing: \"0.5px\",\n }}\n >\n {formatKeyPreview(item.tokenPrefix, item.tokenSuffix)}\n </Code>\n <ClipboardButton\n size=\"xs\"\n variant=\"subtle\"\n value={formatKeyPreview(item.tokenPrefix, item.tokenSuffix)}\n />\n </Flex>\n ),\n },\n status: {\n label: \"Status\",\n value: (item) => {\n const status = getKeyStatus(item);\n return (\n <Badge\n size=\"sm\"\n variant=\"light\"\n color={\n status === \"active\"\n ? \"green\"\n : status === \"expired\"\n ? \"yellow\"\n : \"red\"\n }\n >\n {status}\n </Badge>\n );\n },\n },\n roles: {\n label: \"Roles\",\n value: (item) => (\n <Flex gap={4} wrap=\"wrap\">\n {item.roles.length > 0 ? (\n item.roles.slice(0, 3).map((role) => (\n <Badge key={role} size=\"xs\" variant=\"outline\" color=\"gray\">\n {role}\n </Badge>\n ))\n ) : (\n <Text size=\"xs\" c=\"dimmed\">\n No roles\n </Text>\n )}\n {item.roles.length > 3 && (\n <Tooltip label={item.roles.slice(3).join(\", \")}>\n <Badge size=\"xs\" variant=\"light\" color=\"gray\">\n +{item.roles.length - 3}\n </Badge>\n </Tooltip>\n )}\n </Flex>\n ),\n },\n usage: {\n label: \"Usage\",\n value: (item) => (\n <Flex direction=\"column\" gap={2}>\n <Text size=\"xs\" ff=\"monospace\" fw={500}>\n {item.usageCount.toLocaleString()} calls\n </Text>\n {item.lastUsedAt ? (\n <Flex gap={4}>\n <Text size=\"xs\" c=\"dimmed\">\n {l(item.lastUsedAt, { date: \"fromNow\" })}\n </Text>\n {item.lastUsedIp && (\n <Tooltip label={`Last IP: ${item.lastUsedIp}`}>\n <IconNetwork\n size={12}\n color=\"var(--mantine-color-dimmed)\"\n />\n </Tooltip>\n )}\n </Flex>\n ) : (\n <Text size=\"xs\" c=\"dimmed\">\n Never used\n </Text>\n )}\n </Flex>\n ),\n },\n userId: {\n label: \"Owner\",\n value: (item) => (\n <ActionButton\n variant=\"subtle\"\n size=\"xs\"\n href={router.path(\"adminUserProfile\", {\n params: { userId: item.userId },\n })}\n leftSection={<IconUser size={12} />}\n >\n <Text size=\"xs\" ff=\"monospace\">\n {item.userId.slice(0, 8)}\n </Text>\n </ActionButton>\n ),\n },\n createdAt: {\n label: \"Created\",\n value: (item) => (\n <Text size=\"xs\" c=\"dimmed\">\n {l(item.createdAt, { date: \"fromNow\" })}\n </Text>\n ),\n },\n expiresAt: {\n label: \"Expires\",\n value: (item) => {\n if (!item.expiresAt) {\n return (\n <Text size=\"xs\" c=\"dimmed\">\n Never\n </Text>\n );\n }\n\n return (\n <Text size=\"xs\" c=\"dimmed\">\n {l(item.expiresAt, { date: \"fromNow\" })}\n </Text>\n );\n },\n },\n }}\n rowActions={(item) => [\n {\n label: \"Revoke key\",\n icon: IconTrash,\n color: \"red\",\n onClick: () => handleRevoke(item),\n visible: getKeyStatus(item) === \"active\",\n },\n ]}\n />\n </Flex>\n );\n};\n\nexport default AdminApiKeys;\n"],"mappings":"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"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { l as Flex$1,
|
|
1
|
+
import { l as Flex$1, r as DataTable, s as Text$1 } from "./core-CYaRQ8O-.js";
|
|
2
2
|
import { t } from "alepha";
|
|
3
3
|
import { useI18n } from "alepha/react/i18n";
|
|
4
4
|
import { Badge, Tooltip } from "@mantine/core";
|
|
@@ -181,4 +181,4 @@ const AdminAudits = (props) => {
|
|
|
181
181
|
|
|
182
182
|
//#endregion
|
|
183
183
|
export { AdminAudits as default };
|
|
184
|
-
//# sourceMappingURL=AdminAudits-
|
|
184
|
+
//# sourceMappingURL=AdminAudits-CKiFMSSU.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AdminAudits-
|
|
1
|
+
{"version":3,"file":"AdminAudits-CKiFMSSU.js","names":["Flex","Text"],"sources":["../../src/admin/components/audits/AdminAudits.tsx"],"sourcesContent":["import { DataTable, Flex, Text } from \"@alepha/ui\";\nimport { Badge, Tooltip } from \"@mantine/core\";\nimport { IconUser } from \"@tabler/icons-react\";\nimport { type Page, t } from \"alepha\";\nimport type { AdminAuditController, AuditEntity } from \"alepha/api/audits\";\nimport { useClient } from \"alepha/react\";\nimport { useI18n } from \"alepha/react/i18n\";\nimport { useRouter } from \"alepha/react/router\";\nimport type { AdminRouter } from \"../../AdminRouter.ts\";\n\nexport interface AdminAuditsProps {\n userRealmName?: string;\n}\n\nconst AdminAudits = (props: AdminAuditsProps) => {\n const client = useClient<AdminAuditController>();\n const router = useRouter<AdminRouter>();\n const { l } = useI18n();\n\n const filters = t.object({\n type: t.optional(t.text()),\n action: t.optional(t.text()),\n severity: t.optional(t.enum([\"info\", \"warning\", \"critical\"])),\n success: t.optional(t.boolean()),\n resourceType: t.optional(t.text()),\n search: t.optional(t.text()),\n from: t.optional(t.datetime()),\n to: t.optional(t.datetime()),\n });\n\n return (\n <Flex p=\"md\" flex={1} direction=\"column\">\n <DataTable<AuditEntity, typeof filters>\n submitOnInit\n defaultSize={20}\n defaultFilters={[\"search\", \"severity\"]}\n typeFormProps={{\n skipSubmitButton: true,\n columns: 4,\n }}\n tableProps={{\n horizontalSpacing: \"xs\",\n verticalSpacing: \"xs\",\n }}\n onFilterChange={(_key, _value, form) => form.submit()}\n filters={filters}\n tableTrProps={(item) => ({\n style: {\n cursor: item.userId ? \"pointer\" : \"default\",\n opacity: item.success ? 1 : 0.85,\n },\n onClick: () => {\n if (item.userId) {\n router.push(\"adminUserProfile\", {\n params: { userId: item.userId },\n });\n }\n },\n })}\n items={async (query) => {\n const response = await client.findAudits({\n query: {\n ...query,\n userRealm: props.userRealmName,\n },\n });\n return response as Page<AuditEntity>;\n }}\n columns={{\n type: {\n label: \"Type\",\n value: (item) => (\n <Badge size=\"sm\" variant=\"default\">\n {item.type}\n </Badge>\n ),\n },\n action: {\n label: \"Action\",\n value: (item) => (\n <Badge size=\"sm\" variant=\"default\">\n {item.action}\n </Badge>\n ),\n },\n severity: {\n label: \"Severity\",\n value: (item) => (\n <Badge\n size=\"sm\"\n variant=\"light\"\n color={\n item.severity === \"critical\"\n ? \"red\"\n : item.severity === \"warning\"\n ? \"yellow\"\n : \"gray\"\n }\n >\n {item.severity}\n </Badge>\n ),\n },\n user: {\n label: \"User\",\n value: (item) =>\n item.userId ? (\n <Tooltip\n label={\n <Flex direction=\"column\" gap={2}>\n <Text size=\"xs\">{item.userEmail || \"No email\"}</Text>\n <Text size=\"xs\" c=\"dimmed\">\n {item.userRealm || \"default\"}\n </Text>\n </Flex>\n }\n >\n <Flex gap={4}>\n <IconUser size={12} />\n <Text size=\"xs\" lineClamp={1} maw={100}>\n {item.userEmail?.split(\"@\")[0] || item.userId.slice(0, 8)}\n </Text>\n </Flex>\n </Tooltip>\n ) : (\n <Text size=\"xs\" c=\"dimmed\">\n System\n </Text>\n ),\n },\n description: {\n label: \"Description\",\n value: (item) => (\n <Text size=\"sm\" lineClamp={1}>\n {item.description || \"-\"}\n </Text>\n ),\n },\n resource: {\n label: \"Resource\",\n value: (item) =>\n item.resourceType ? (\n <Tooltip label={`${item.resourceType}: ${item.resourceId}`}>\n <Text size=\"xs\" ff=\"monospace\">\n {item.resourceType}\n </Text>\n </Tooltip>\n ) : (\n <Text size=\"xs\" c=\"dimmed\">\n -\n </Text>\n ),\n },\n success: {\n label: \"Status\",\n value: (item) =>\n item.success ? (\n <Badge size=\"sm\" variant=\"light\" color=\"green\">\n OK\n </Badge>\n ) : (\n <Tooltip label={item.errorMessage || \"Failed\"}>\n <Badge size=\"sm\" variant=\"light\" color=\"red\">\n Failed\n </Badge>\n </Tooltip>\n ),\n },\n ipAddress: {\n label: \"IP\",\n value: (item) => (\n <Text size=\"xs\" c=\"dimmed\" ff=\"monospace\">\n {item.ipAddress || \"-\"}\n </Text>\n ),\n },\n createdAt: {\n label: \"Time\",\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,4 +1,4 @@
|
|
|
1
|
-
import { l as Flex,
|
|
1
|
+
import { l as Flex, s as Text } from "./core-CYaRQ8O-.js";
|
|
2
2
|
import { jsx, jsxs } from "react/jsx-runtime";
|
|
3
3
|
import { useAuth } from "alepha/react/auth";
|
|
4
4
|
|
|
@@ -64,4 +64,4 @@ const AdminDashboard = () => {
|
|
|
64
64
|
|
|
65
65
|
//#endregion
|
|
66
66
|
export { AdminDashboard as default };
|
|
67
|
-
//# sourceMappingURL=AdminDashboard-
|
|
67
|
+
//# sourceMappingURL=AdminDashboard-PhC_dZqo.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AdminDashboard-
|
|
1
|
+
{"version":3,"file":"AdminDashboard-PhC_dZqo.js","names":[],"sources":["../../src/admin/components/AdminDashboard.tsx"],"sourcesContent":["import { Flex, Text } from \"@alepha/ui\";\nimport { useAuth } from \"alepha/react/auth\";\n\n// ─────────────────────────────────────────────────────────────────────────────\n\nconst AdminDashboard = () => {\n const auth = useAuth();\n\n return (\n <Flex elevated fill col pos=\"relative\" style={{ overflow: \"hidden\" }}>\n <Flex\n bg=\"yellow\"\n style={{\n position: \"absolute\",\n top: 0,\n left: 0,\n width: 256,\n height: 256,\n borderRadius: \"50%\",\n transform: \"translate(-50%, -50%)\",\n pointerEvents: \"none\",\n }}\n />\n\n {/* Header */}\n <Flex gap={4} p={128} pb=\"xl\" style={{ zIndex: 1 }}>\n <Flex col pos={\"relative\"}>\n <Text muted bold small uppercase>\n Account Home\n </Text>\n <Text\n top={10}\n pos={\"absolute\"}\n left={-20}\n fz={42}\n c={\"yellow\"}\n style={{ transform: \"rotate(-15deg)\" }}\n >\n !\n </Text>\n <Text fz={36}>Hello, {auth.user?.name ?? \"Admin\"}</Text>\n <Text muted>\n This is your admin dashboard. You can manage resources from the\n sidebar menu.\n </Text>\n </Flex>\n </Flex>\n </Flex>\n );\n};\n\nexport default AdminDashboard;\n"],"mappings":";;;;;AAKA,MAAM,uBAAuB;CAC3B,MAAM,OAAO,SAAS;AAEtB,QACE,qBAAC;EAAK;EAAS;EAAK;EAAI,KAAI;EAAW,OAAO,EAAE,UAAU,UAAU;aAClE,oBAAC;GACC,IAAG;GACH,OAAO;IACL,UAAU;IACV,KAAK;IACL,MAAM;IACN,OAAO;IACP,QAAQ;IACR,cAAc;IACd,WAAW;IACX,eAAe;IAChB;IACD,EAGF,oBAAC;GAAK,KAAK;GAAG,GAAG;GAAK,IAAG;GAAK,OAAO,EAAE,QAAQ,GAAG;aAChD,qBAAC;IAAK;IAAI,KAAK;;KACb,oBAAC;MAAK;MAAM;MAAK;MAAM;gBAAU;OAE1B;KACP,oBAAC;MACC,KAAK;MACL,KAAK;MACL,MAAM;MACN,IAAI;MACJ,GAAG;MACH,OAAO,EAAE,WAAW,kBAAkB;gBACvC;OAEM;KACP,qBAAC;MAAK,IAAI;iBAAI,WAAQ,KAAK,MAAM,QAAQ;OAAe;KACxD,oBAAC;MAAK;gBAAM;OAGL;;KACF;IACF;GACF"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { l as Flex,
|
|
1
|
+
import { l as Flex, r as DataTable, s as Text } from "./core-CYaRQ8O-.js";
|
|
2
2
|
import { t } from "alepha";
|
|
3
3
|
import { useI18n } from "alepha/react/i18n";
|
|
4
4
|
import { jsx } from "react/jsx-runtime";
|
|
@@ -108,4 +108,4 @@ const AdminFiles = () => {
|
|
|
108
108
|
|
|
109
109
|
//#endregion
|
|
110
110
|
export { AdminFiles as default };
|
|
111
|
-
//# sourceMappingURL=AdminFiles-
|
|
111
|
+
//# sourceMappingURL=AdminFiles-DFTjijGp.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AdminFiles-
|
|
1
|
+
{"version":3,"file":"AdminFiles-DFTjijGp.js","names":[],"sources":["../../src/admin/components/files/AdminFiles.tsx"],"sourcesContent":["import { DataTable, Flex, Text } from \"@alepha/ui\";\nimport { type Page, t } from \"alepha\";\nimport { type FileController, type FileEntity, files } from \"alepha/api/files\";\nimport { useClient } from \"alepha/react\";\nimport { useI18n } from \"alepha/react/i18n\";\n\nconst AdminFiles = () => {\n const client = useClient<FileController>();\n const { l } = useI18n();\n\n const filters = t.object({\n bucket: t.optional(t.string()),\n name: t.optional(\n t.string({\n $control: {\n query: t.pick(files.schema, [\"name\", \"bucket\", \"mimeType\"]),\n },\n }),\n ),\n });\n\n const formatFileSize = (bytes: number) => {\n if (bytes === 0) return \"0 B\";\n const k = 1024;\n const sizes = [\"B\", \"KB\", \"MB\", \"GB\"];\n const i = Math.floor(Math.log(bytes) / Math.log(k));\n return `${Number.parseFloat((bytes / k ** i).toFixed(1))} ${sizes[i]}`;\n };\n\n return (\n <Flex p=\"md\" flex={1} direction={\"column\"}>\n <DataTable<FileEntity, typeof filters>\n submitOnInit\n defaultSize={10}\n typeFormProps={{\n skipSubmitButton: true,\n columns: 3,\n }}\n tableProps={{\n horizontalSpacing: \"xs\",\n verticalSpacing: \"xs\",\n }}\n onFilterChange={(key, _value, form) => {\n if (key === \"name\" || key === \"bucket\") {\n return form.submit();\n }\n }}\n filters={filters}\n items={async (filters) => {\n const response = await client.findFiles({\n query: filters,\n });\n\n return response as Page<FileEntity>;\n }}\n columns={{\n name: {\n label: \"Name\",\n value: (item) => (\n <Text size=\"sm\" fw={500} lineClamp={1}>\n {item.name}\n </Text>\n ),\n },\n bucket: {\n label: \"Bucket\",\n value: (item) => (\n <Text size=\"xs\" ff=\"monospace\">\n {item.bucket}\n </Text>\n ),\n },\n mimeType: {\n label: \"Type\",\n value: (item) => (\n <Text size=\"xs\" c=\"dimmed\">\n {item.mimeType}\n </Text>\n ),\n },\n size: {\n label: \"Size\",\n value: (item) => (\n <Text size=\"xs\" c=\"dimmed\">\n {formatFileSize(item.size)}\n </Text>\n ),\n },\n creatorName: {\n label: \"Creator\",\n value: (item) => (\n <Text size=\"xs\" c=\"dimmed\">\n {item.creatorName || \"-\"}\n </Text>\n ),\n },\n createdAt: {\n label: \"Created\",\n value: (item) => (\n <Text size=\"xs\" c=\"dimmed\">\n {l(item.createdAt, { date: \"fromNow\" })}\n </Text>\n ),\n },\n }}\n />\n </Flex>\n );\n};\n\nexport default AdminFiles;\n"],"mappings":";;;;;;;;AAMA,MAAM,mBAAmB;CACvB,MAAM,SAAS,WAA2B;CAC1C,MAAM,EAAE,MAAM,SAAS;CAEvB,MAAM,UAAU,EAAE,OAAO;EACvB,QAAQ,EAAE,SAAS,EAAE,QAAQ,CAAC;EAC9B,MAAM,EAAE,SACN,EAAE,OAAO,EACP,UAAU,EACR,OAAO,EAAE,KAAK,MAAM,QAAQ;GAAC;GAAQ;GAAU;GAAW,CAAC,EAC5D,EACF,CAAC,CACH;EACF,CAAC;CAEF,MAAM,kBAAkB,UAAkB;AACxC,MAAI,UAAU,EAAG,QAAO;EACxB,MAAM,IAAI;EACV,MAAM,QAAQ;GAAC;GAAK;GAAM;GAAM;GAAK;EACrC,MAAM,IAAI,KAAK,MAAM,KAAK,IAAI,MAAM,GAAG,KAAK,IAAI,EAAE,CAAC;AACnD,SAAO,GAAG,OAAO,YAAY,QAAQ,KAAK,GAAG,QAAQ,EAAE,CAAC,CAAC,GAAG,MAAM;;AAGpE,QACE,oBAAC;EAAK,GAAE;EAAK,MAAM;EAAG,WAAW;YAC/B,oBAAC;GACC;GACA,aAAa;GACb,eAAe;IACb,kBAAkB;IAClB,SAAS;IACV;GACD,YAAY;IACV,mBAAmB;IACnB,iBAAiB;IAClB;GACD,iBAAiB,KAAK,QAAQ,SAAS;AACrC,QAAI,QAAQ,UAAU,QAAQ,SAC5B,QAAO,KAAK,QAAQ;;GAGf;GACT,OAAO,OAAO,YAAY;AAKxB,WAJiB,MAAM,OAAO,UAAU,EACtC,OAAO,SACR,CAAC;;GAIJ,SAAS;IACP,MAAM;KACJ,OAAO;KACP,QAAQ,SACN,oBAAC;MAAK,MAAK;MAAK,IAAI;MAAK,WAAW;gBACjC,KAAK;OACD;KAEV;IACD,QAAQ;KACN,OAAO;KACP,QAAQ,SACN,oBAAC;MAAK,MAAK;MAAK,IAAG;gBAChB,KAAK;OACD;KAEV;IACD,UAAU;KACR,OAAO;KACP,QAAQ,SACN,oBAAC;MAAK,MAAK;MAAK,GAAE;gBACf,KAAK;OACD;KAEV;IACD,MAAM;KACJ,OAAO;KACP,QAAQ,SACN,oBAAC;MAAK,MAAK;MAAK,GAAE;gBACf,eAAe,KAAK,KAAK;OACrB;KAEV;IACD,aAAa;KACX,OAAO;KACP,QAAQ,SACN,oBAAC;MAAK,MAAK;MAAK,GAAE;gBACf,KAAK,eAAe;OAChB;KAEV;IACD,WAAW;KACT,OAAO;KACP,QAAQ,SACN,oBAAC;MAAK,MAAK;MAAK,GAAE;gBACf,EAAE,KAAK,WAAW,EAAE,MAAM,WAAW,CAAC;OAClC;KAEV;IACF;IACD;GACG"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { _ as ActionButton, b as useToast, l as Flex$1,
|
|
1
|
+
import { _ as ActionButton, b as useToast, l as Flex$1, s as Text$1, u as StatCards } from "./core-CYaRQ8O-.js";
|
|
2
2
|
import { useI18n } from "alepha/react/i18n";
|
|
3
3
|
import { Paper, SimpleGrid, Table } from "@mantine/core";
|
|
4
4
|
import { jsx, jsxs } from "react/jsx-runtime";
|
|
@@ -351,4 +351,4 @@ const AdminJobDashboard = () => {
|
|
|
351
351
|
|
|
352
352
|
//#endregion
|
|
353
353
|
export { AdminJobDashboard as default };
|
|
354
|
-
//# sourceMappingURL=AdminJobDashboard-
|
|
354
|
+
//# sourceMappingURL=AdminJobDashboard-BL8gGPDp.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AdminJobDashboard-KIOkeMgE.js","names":["Flex","Text"],"sources":["../../src/admin/components/jobs/AdminJobDashboard.tsx"],"sourcesContent":["import { ActionButton, Flex, StatCards, Text, useToast } from \"@alepha/ui\";\nimport { AreaChart, BarChart, DonutChart } from \"@mantine/charts\";\nimport { Paper, SimpleGrid, Table } from \"@mantine/core\";\nimport {\n IconAlertTriangle,\n IconCircleCheck,\n IconPlayerPlay,\n IconRefresh,\n IconTerminal2,\n} from \"@tabler/icons-react\";\nimport type {\n AdminJobController,\n JobActivityPoint,\n JobFailure,\n JobQueueDepth,\n JobStats,\n} from \"alepha/api/jobs\";\nimport { useClient } from \"alepha/react\";\nimport { useI18n } from \"alepha/react/i18n\";\nimport { useCallback, useEffect, useState } from \"react\";\n\n// ─────────────────────────────────────────────────────────────────────────────\n\nconst formatDuration = (\n start: Date | string,\n end?: Date | string | null,\n): string => {\n const startTime = new Date(start).getTime();\n const endTime = end ? new Date(end).getTime() : Date.now();\n const duration = endTime - startTime;\n\n if (duration < 1000) return `${duration}ms`;\n if (duration < 60000) return `${(duration / 1000).toFixed(1)}s`;\n if (duration < 3600000)\n return `${Math.floor(duration / 60000)}m ${Math.floor((duration % 60000) / 1000)}s`;\n return `${Math.floor(duration / 3600000)}h ${Math.floor((duration % 3600000) / 60000)}m`;\n};\n\n// ─────────────────────────────────────────────────────────────────────────────\n\ninterface RecentExecution {\n id: string;\n jobName: string;\n status: string;\n startedAt?: string;\n completedAt?: string;\n}\n\n// ─────────────────────────────────────────────────────────────────────────────\n\nconst AdminJobDashboard = () => {\n const client = useClient<AdminJobController>();\n const { l } = useI18n();\n const toast = useToast();\n\n const [stats, setStats] = useState<JobStats | null>(null);\n const [recent, setRecent] = useState<RecentExecution[]>([]);\n const [failures, setFailures] = useState<JobFailure[]>([]);\n const [activity, setActivity] = useState<JobActivityPoint[]>([]);\n const [queueDepth, setQueueDepth] = useState<JobQueueDepth[]>([]);\n\n const loadData = useCallback(async () => {\n try {\n const [statsData, recentData, failureData, activityData, queueData] =\n await Promise.all([\n client.getJobStats(),\n client.findJobExecutions({ query: { sort: \"-createdAt\", size: 10 } }),\n client.getJobTopFailures(),\n client.getJobActivity({ query: { days: 14 } }),\n client.getJobQueueDepth(),\n ]);\n setStats(statsData);\n setRecent(recentData.content as RecentExecution[]);\n setFailures(failureData);\n setActivity(activityData);\n setQueueDepth(queueData);\n } catch {\n toast.danger(\"Failed to load dashboard data\");\n }\n }, [client, toast]);\n\n useEffect(() => {\n loadData();\n }, [loadData]);\n\n // Prepare chart data\n const activityChartData = activity.map((point) => ({\n date: new Date(point.date).toLocaleDateString(\"en-US\", {\n month: \"short\",\n day: \"numeric\",\n }),\n completed: point.completed,\n failed: point.failed,\n }));\n\n const queueChartData = queueDepth\n .filter(\n (q) => q.pending + q.running + q.scheduled + q.retrying + q.dead > 0,\n )\n .map((q) => ({\n job:\n q.jobName.length > 20\n ? `...${q.jobName.slice(q.jobName.length - 18)}`\n : q.jobName,\n pending: q.pending,\n running: q.running,\n scheduled: q.scheduled,\n retrying: q.retrying,\n dead: q.dead,\n }));\n\n const statusDonutData = stats\n ? [\n { name: \"Running\", value: stats.running, color: \"blue\" },\n { name: \"Pending\", value: stats.pending, color: \"gray\" },\n { name: \"Scheduled\", value: stats.scheduled, color: \"violet\" },\n { name: \"Retrying\", value: stats.retrying, color: \"yellow\" },\n { name: \"Dead\", value: stats.dead, color: \"red\" },\n ].filter((d) => d.value > 0)\n : [];\n\n return (\n <Flex flex={1} direction=\"column\" gap=\"md\" p=\"md\">\n <Flex justify=\"space-between\" align=\"center\">\n <Text size=\"lg\" fw={600}>\n Jobs Dashboard\n </Text>\n <ActionButton\n tooltip=\"Refresh\"\n variant=\"light\"\n size=\"sm\"\n icon={IconRefresh}\n onClick={loadData}\n />\n </Flex>\n\n {/* Stats Cards */}\n {stats && (\n <StatCards\n items={[\n {\n label: \"Registered\",\n value: stats.registered,\n icon: IconTerminal2,\n },\n {\n label: \"Running\",\n value: stats.running,\n icon: IconPlayerPlay,\n },\n {\n label: \"Completed 24h\",\n value: stats.completed24h,\n icon: IconCircleCheck,\n },\n {\n label: \"Failed 24h\",\n value: stats.failed24h,\n icon: IconAlertTriangle,\n },\n ]}\n />\n )}\n\n {/* Charts Row */}\n <SimpleGrid cols={{ base: 1, md: 2 }} spacing=\"md\">\n {/* Activity Timeline */}\n <Paper p=\"md\" radius=\"md\" withBorder>\n <Text size=\"sm\" fw={600} mb=\"sm\">\n Activity (14d)\n </Text>\n {activityChartData.length > 0 ? (\n <AreaChart\n h={220}\n data={activityChartData}\n dataKey=\"date\"\n series={[\n { name: \"completed\", label: \"Completed\", color: \"teal.6\" },\n { name: \"failed\", label: \"Failed\", color: \"red.6\" },\n ]}\n curveType=\"monotone\"\n withGradient\n withTooltip\n withDots={false}\n />\n ) : (\n <Flex h={220} align=\"center\" justify=\"center\">\n <Text size=\"sm\" c=\"dimmed\">\n No activity data\n </Text>\n </Flex>\n )}\n </Paper>\n\n {/* Current Status Donut */}\n <Paper p=\"md\" radius=\"md\" withBorder>\n <Text size=\"sm\" fw={600} mb=\"sm\">\n Active Executions\n </Text>\n {statusDonutData.length > 0 ? (\n <DonutChart\n h={220}\n data={statusDonutData}\n withTooltip\n tooltipDataSource=\"segment\"\n chartLabel={String(\n statusDonutData.reduce((sum, d) => sum + d.value, 0),\n )}\n />\n ) : (\n <Flex h={220} align=\"center\" justify=\"center\">\n <Text size=\"sm\" c=\"dimmed\">\n No active executions\n </Text>\n </Flex>\n )}\n </Paper>\n </SimpleGrid>\n\n {/* Queue Depth Chart */}\n {queueChartData.length > 0 && (\n <Paper p=\"md\" radius=\"md\" withBorder>\n <Text size=\"sm\" fw={600} mb=\"sm\">\n Queue Depth by Job\n </Text>\n <BarChart\n h={200}\n data={queueChartData}\n dataKey=\"job\"\n type=\"stacked\"\n series={[\n { name: \"running\", label: \"Running\", color: \"blue.6\" },\n { name: \"pending\", label: \"Pending\", color: \"gray.5\" },\n { name: \"scheduled\", label: \"Scheduled\", color: \"violet.5\" },\n { name: \"retrying\", label: \"Retrying\", color: \"yellow.5\" },\n { name: \"dead\", label: \"Dead\", color: \"red.6\" },\n ]}\n withTooltip\n withLegend\n />\n </Paper>\n )}\n\n {/* Recent Activity + Top Failures side by side */}\n <SimpleGrid cols={{ base: 1, md: 2 }} spacing=\"md\">\n {/* Recent Activity */}\n <Paper p=\"md\" radius=\"md\" withBorder>\n <Text size=\"sm\" fw={600} mb=\"sm\">\n Recent Executions\n </Text>\n <Table highlightOnHover>\n <Table.Thead>\n <Table.Tr>\n <Table.Th>Job</Table.Th>\n <Table.Th>Status</Table.Th>\n <Table.Th>Duration</Table.Th>\n </Table.Tr>\n </Table.Thead>\n <Table.Tbody>\n {recent.map((exec) => (\n <Table.Tr key={exec.id}>\n <Table.Td>\n <Text size=\"xs\" fw={500} ff=\"monospace\" lineClamp={1}>\n {exec.jobName}\n </Text>\n </Table.Td>\n <Table.Td>\n <Text size=\"xs\" ff=\"monospace\">\n {exec.status}\n </Text>\n </Table.Td>\n <Table.Td>\n <Text size=\"xs\" c=\"dimmed\" ff=\"monospace\">\n {exec.startedAt &&\n (exec.completedAt || exec.status === \"running\")\n ? formatDuration(exec.startedAt, exec.completedAt)\n : \"\\u2014\"}\n </Text>\n </Table.Td>\n </Table.Tr>\n ))}\n {recent.length === 0 && (\n <Table.Tr>\n <Table.Td colSpan={3}>\n <Text size=\"sm\" c=\"dimmed\" ta=\"center\">\n No recent executions\n </Text>\n </Table.Td>\n </Table.Tr>\n )}\n </Table.Tbody>\n </Table>\n </Paper>\n\n {/* Top Failures (7d) */}\n <Paper p=\"md\" radius=\"md\" withBorder>\n <Text size=\"sm\" fw={600} mb=\"sm\">\n Top Failures (7d)\n </Text>\n {failures.length > 0 ? (\n <Table>\n <Table.Thead>\n <Table.Tr>\n <Table.Th>Job</Table.Th>\n <Table.Th>Count</Table.Th>\n <Table.Th>Last Error</Table.Th>\n </Table.Tr>\n </Table.Thead>\n <Table.Tbody>\n {failures.map((f) => (\n <Table.Tr key={f.jobName}>\n <Table.Td>\n <Text size=\"xs\" fw={500} ff=\"monospace\" lineClamp={1}>\n {f.jobName}\n </Text>\n </Table.Td>\n <Table.Td>\n <Text size=\"xs\" fw={600} ff=\"monospace\">\n {f.failures}\n </Text>\n </Table.Td>\n <Table.Td>\n <Text\n size=\"xs\"\n c=\"dimmed\"\n lineClamp={1}\n style={{ maxWidth: 200 }}\n >\n {f.lastError ?? \"\\u2014\"}\n </Text>\n </Table.Td>\n </Table.Tr>\n ))}\n </Table.Tbody>\n </Table>\n ) : (\n <Flex h={100} align=\"center\" justify=\"center\">\n <Text size=\"sm\" c=\"dimmed\">\n No failures in the last 7 days\n </Text>\n </Flex>\n )}\n </Paper>\n </SimpleGrid>\n </Flex>\n );\n};\n\nexport default AdminJobDashboard;\n"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"AdminJobDashboard-BL8gGPDp.js","names":["Flex","Text"],"sources":["../../src/admin/components/jobs/AdminJobDashboard.tsx"],"sourcesContent":["import { ActionButton, Flex, StatCards, Text, useToast } from \"@alepha/ui\";\nimport { AreaChart, BarChart, DonutChart } from \"@mantine/charts\";\nimport { Paper, SimpleGrid, Table } from \"@mantine/core\";\nimport {\n IconAlertTriangle,\n IconCircleCheck,\n IconPlayerPlay,\n IconRefresh,\n IconTerminal2,\n} from \"@tabler/icons-react\";\nimport type {\n AdminJobController,\n JobActivityPoint,\n JobFailure,\n JobQueueDepth,\n JobStats,\n} from \"alepha/api/jobs\";\nimport { useClient } from \"alepha/react\";\nimport { useI18n } from \"alepha/react/i18n\";\nimport { useCallback, useEffect, useState } from \"react\";\n\n// ─────────────────────────────────────────────────────────────────────────────\n\nconst formatDuration = (\n start: Date | string,\n end?: Date | string | null,\n): string => {\n const startTime = new Date(start).getTime();\n const endTime = end ? new Date(end).getTime() : Date.now();\n const duration = endTime - startTime;\n\n if (duration < 1000) return `${duration}ms`;\n if (duration < 60000) return `${(duration / 1000).toFixed(1)}s`;\n if (duration < 3600000)\n return `${Math.floor(duration / 60000)}m ${Math.floor((duration % 60000) / 1000)}s`;\n return `${Math.floor(duration / 3600000)}h ${Math.floor((duration % 3600000) / 60000)}m`;\n};\n\n// ─────────────────────────────────────────────────────────────────────────────\n\ninterface RecentExecution {\n id: string;\n jobName: string;\n status: string;\n startedAt?: string;\n completedAt?: string;\n}\n\n// ─────────────────────────────────────────────────────────────────────────────\n\nconst AdminJobDashboard = () => {\n const client = useClient<AdminJobController>();\n const { l } = useI18n();\n const toast = useToast();\n\n const [stats, setStats] = useState<JobStats | null>(null);\n const [recent, setRecent] = useState<RecentExecution[]>([]);\n const [failures, setFailures] = useState<JobFailure[]>([]);\n const [activity, setActivity] = useState<JobActivityPoint[]>([]);\n const [queueDepth, setQueueDepth] = useState<JobQueueDepth[]>([]);\n\n const loadData = useCallback(async () => {\n try {\n const [statsData, recentData, failureData, activityData, queueData] =\n await Promise.all([\n client.getJobStats(),\n client.findJobExecutions({ query: { sort: \"-createdAt\", size: 10 } }),\n client.getJobTopFailures(),\n client.getJobActivity({ query: { days: 14 } }),\n client.getJobQueueDepth(),\n ]);\n setStats(statsData);\n setRecent(recentData.content as RecentExecution[]);\n setFailures(failureData);\n setActivity(activityData);\n setQueueDepth(queueData);\n } catch {\n toast.danger(\"Failed to load dashboard data\");\n }\n }, [client, toast]);\n\n useEffect(() => {\n loadData();\n }, [loadData]);\n\n // Prepare chart data\n const activityChartData = activity.map((point) => ({\n date: new Date(point.date).toLocaleDateString(\"en-US\", {\n month: \"short\",\n day: \"numeric\",\n }),\n completed: point.completed,\n failed: point.failed,\n }));\n\n const queueChartData = queueDepth\n .filter(\n (q) => q.pending + q.running + q.scheduled + q.retrying + q.dead > 0,\n )\n .map((q) => ({\n job:\n q.jobName.length > 20\n ? `...${q.jobName.slice(q.jobName.length - 18)}`\n : q.jobName,\n pending: q.pending,\n running: q.running,\n scheduled: q.scheduled,\n retrying: q.retrying,\n dead: q.dead,\n }));\n\n const statusDonutData = stats\n ? [\n { name: \"Running\", value: stats.running, color: \"blue\" },\n { name: \"Pending\", value: stats.pending, color: \"gray\" },\n { name: \"Scheduled\", value: stats.scheduled, color: \"violet\" },\n { name: \"Retrying\", value: stats.retrying, color: \"yellow\" },\n { name: \"Dead\", value: stats.dead, color: \"red\" },\n ].filter((d) => d.value > 0)\n : [];\n\n return (\n <Flex flex={1} direction=\"column\" gap=\"md\" p=\"md\">\n <Flex justify=\"space-between\" align=\"center\">\n <Text size=\"lg\" fw={600}>\n Jobs Dashboard\n </Text>\n <ActionButton\n tooltip=\"Refresh\"\n variant=\"light\"\n size=\"sm\"\n icon={IconRefresh}\n onClick={loadData}\n />\n </Flex>\n\n {/* Stats Cards */}\n {stats && (\n <StatCards\n items={[\n {\n label: \"Registered\",\n value: stats.registered,\n icon: IconTerminal2,\n },\n {\n label: \"Running\",\n value: stats.running,\n icon: IconPlayerPlay,\n },\n {\n label: \"Completed 24h\",\n value: stats.completed24h,\n icon: IconCircleCheck,\n },\n {\n label: \"Failed 24h\",\n value: stats.failed24h,\n icon: IconAlertTriangle,\n },\n ]}\n />\n )}\n\n {/* Charts Row */}\n <SimpleGrid cols={{ base: 1, md: 2 }} spacing=\"md\">\n {/* Activity Timeline */}\n <Paper p=\"md\" radius=\"md\" withBorder>\n <Text size=\"sm\" fw={600} mb=\"sm\">\n Activity (14d)\n </Text>\n {activityChartData.length > 0 ? (\n <AreaChart\n h={220}\n data={activityChartData}\n dataKey=\"date\"\n series={[\n { name: \"completed\", label: \"Completed\", color: \"teal.6\" },\n { name: \"failed\", label: \"Failed\", color: \"red.6\" },\n ]}\n curveType=\"monotone\"\n withGradient\n withTooltip\n withDots={false}\n />\n ) : (\n <Flex h={220} align=\"center\" justify=\"center\">\n <Text size=\"sm\" c=\"dimmed\">\n No activity data\n </Text>\n </Flex>\n )}\n </Paper>\n\n {/* Current Status Donut */}\n <Paper p=\"md\" radius=\"md\" withBorder>\n <Text size=\"sm\" fw={600} mb=\"sm\">\n Active Executions\n </Text>\n {statusDonutData.length > 0 ? (\n <DonutChart\n h={220}\n data={statusDonutData}\n withTooltip\n tooltipDataSource=\"segment\"\n chartLabel={String(\n statusDonutData.reduce((sum, d) => sum + d.value, 0),\n )}\n />\n ) : (\n <Flex h={220} align=\"center\" justify=\"center\">\n <Text size=\"sm\" c=\"dimmed\">\n No active executions\n </Text>\n </Flex>\n )}\n </Paper>\n </SimpleGrid>\n\n {/* Queue Depth Chart */}\n {queueChartData.length > 0 && (\n <Paper p=\"md\" radius=\"md\" withBorder>\n <Text size=\"sm\" fw={600} mb=\"sm\">\n Queue Depth by Job\n </Text>\n <BarChart\n h={200}\n data={queueChartData}\n dataKey=\"job\"\n type=\"stacked\"\n series={[\n { name: \"running\", label: \"Running\", color: \"blue.6\" },\n { name: \"pending\", label: \"Pending\", color: \"gray.5\" },\n { name: \"scheduled\", label: \"Scheduled\", color: \"violet.5\" },\n { name: \"retrying\", label: \"Retrying\", color: \"yellow.5\" },\n { name: \"dead\", label: \"Dead\", color: \"red.6\" },\n ]}\n withTooltip\n withLegend\n />\n </Paper>\n )}\n\n {/* Recent Activity + Top Failures side by side */}\n <SimpleGrid cols={{ base: 1, md: 2 }} spacing=\"md\">\n {/* Recent Activity */}\n <Paper p=\"md\" radius=\"md\" withBorder>\n <Text size=\"sm\" fw={600} mb=\"sm\">\n Recent Executions\n </Text>\n <Table highlightOnHover>\n <Table.Thead>\n <Table.Tr>\n <Table.Th>Job</Table.Th>\n <Table.Th>Status</Table.Th>\n <Table.Th>Duration</Table.Th>\n </Table.Tr>\n </Table.Thead>\n <Table.Tbody>\n {recent.map((exec) => (\n <Table.Tr key={exec.id}>\n <Table.Td>\n <Text size=\"xs\" fw={500} ff=\"monospace\" lineClamp={1}>\n {exec.jobName}\n </Text>\n </Table.Td>\n <Table.Td>\n <Text size=\"xs\" ff=\"monospace\">\n {exec.status}\n </Text>\n </Table.Td>\n <Table.Td>\n <Text size=\"xs\" c=\"dimmed\" ff=\"monospace\">\n {exec.startedAt &&\n (exec.completedAt || exec.status === \"running\")\n ? formatDuration(exec.startedAt, exec.completedAt)\n : \"\\u2014\"}\n </Text>\n </Table.Td>\n </Table.Tr>\n ))}\n {recent.length === 0 && (\n <Table.Tr>\n <Table.Td colSpan={3}>\n <Text size=\"sm\" c=\"dimmed\" ta=\"center\">\n No recent executions\n </Text>\n </Table.Td>\n </Table.Tr>\n )}\n </Table.Tbody>\n </Table>\n </Paper>\n\n {/* Top Failures (7d) */}\n <Paper p=\"md\" radius=\"md\" withBorder>\n <Text size=\"sm\" fw={600} mb=\"sm\">\n Top Failures (7d)\n </Text>\n {failures.length > 0 ? (\n <Table>\n <Table.Thead>\n <Table.Tr>\n <Table.Th>Job</Table.Th>\n <Table.Th>Count</Table.Th>\n <Table.Th>Last Error</Table.Th>\n </Table.Tr>\n </Table.Thead>\n <Table.Tbody>\n {failures.map((f) => (\n <Table.Tr key={f.jobName}>\n <Table.Td>\n <Text size=\"xs\" fw={500} ff=\"monospace\" lineClamp={1}>\n {f.jobName}\n </Text>\n </Table.Td>\n <Table.Td>\n <Text size=\"xs\" fw={600} ff=\"monospace\">\n {f.failures}\n </Text>\n </Table.Td>\n <Table.Td>\n <Text\n size=\"xs\"\n c=\"dimmed\"\n lineClamp={1}\n style={{ maxWidth: 200 }}\n >\n {f.lastError ?? \"\\u2014\"}\n </Text>\n </Table.Td>\n </Table.Tr>\n ))}\n </Table.Tbody>\n </Table>\n ) : (\n <Flex h={100} align=\"center\" justify=\"center\">\n <Text size=\"sm\" c=\"dimmed\">\n No failures in the last 7 days\n </Text>\n </Flex>\n )}\n </Paper>\n </SimpleGrid>\n </Flex>\n );\n};\n\nexport default AdminJobDashboard;\n"],"mappings":"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"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { _ as ActionButton, b as useToast, d as DetailList, l as Flex$1, m as useDialog,
|
|
1
|
+
import { _ as ActionButton, b as useToast, d as DetailList, l as Flex$1, m as useDialog, r as DataTable, s as Text$1 } from "./core-CYaRQ8O-.js";
|
|
2
2
|
import { t } from "alepha";
|
|
3
3
|
import { useI18n } from "alepha/react/i18n";
|
|
4
4
|
import { Badge, Code, Paper, Table } from "@mantine/core";
|
|
@@ -627,4 +627,4 @@ const ExecutionDetailContent = ({ item, onRetry, onCancel }) => {
|
|
|
627
627
|
|
|
628
628
|
//#endregion
|
|
629
629
|
export { AdminJobExecutions as default };
|
|
630
|
-
//# sourceMappingURL=AdminJobExecutions-
|
|
630
|
+
//# sourceMappingURL=AdminJobExecutions-D9E-CS-U.js.map
|
package/dist/admin/{AdminJobExecutions-D0Yo_PU0.js.map → AdminJobExecutions-D9E-CS-U.js.map}
RENAMED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AdminJobExecutions-D0Yo_PU0.js","names":["Flex","Text"],"sources":["../../src/admin/components/jobs/AdminJobExecutions.tsx"],"sourcesContent":["import type { DetailListItem } from \"@alepha/ui\";\nimport {\n ActionButton,\n DataTable,\n DetailList,\n Flex,\n Text,\n useDialog,\n useToast,\n} from \"@alepha/ui\";\nimport { Badge, Code, Paper, Table } from \"@mantine/core\";\nimport { IconCircleX, IconRefresh } from \"@tabler/icons-react\";\nimport { type Page, t } from \"alepha\";\nimport type {\n AdminJobController,\n JobExecutionDetailResource,\n JobExecutionResource,\n} from \"alepha/api/jobs\";\nimport type { LogEntry } from \"alepha/logger\";\nimport { useClient } from \"alepha/react\";\nimport { useI18n } from \"alepha/react/i18n\";\nimport { useCallback, useEffect, useState } from \"react\";\n\n// ─────────────────────────────────────────────────────────────────────────────\n\nconst PRIORITY_LABELS: Record<number, string> = {\n 0: \"Critical\",\n 1: \"High\",\n 2: \"Normal\",\n 3: \"Low\",\n};\n\nconst formatDuration = (\n start: Date | string,\n end?: Date | string | null,\n): string => {\n const startTime = new Date(start).getTime();\n const endTime = end ? new Date(end).getTime() : Date.now();\n const duration = endTime - startTime;\n\n if (duration < 1000) return `${duration}ms`;\n if (duration < 60000) return `${(duration / 1000).toFixed(1)}s`;\n if (duration < 3600000)\n return `${Math.floor(duration / 60000)}m ${Math.floor((duration % 60000) / 1000)}s`;\n return `${Math.floor(duration / 3600000)}h ${Math.floor((duration % 3600000) / 60000)}m`;\n};\n\n// ─────────────────────────────────────────────────────────────────────────────\n\nconst executionFilters = t.object({\n job: t.optional(t.string()),\n status: t.optional(\n t.enum([\n \"pending\",\n \"scheduled\",\n \"retrying\",\n \"running\",\n \"completed\",\n \"failed\",\n \"dead\",\n \"cancelled\",\n ]),\n ),\n priority: t.optional(t.enum([\"critical\", \"high\", \"normal\", \"low\"])),\n});\n\n// ─────────────────────────────────────────────────────────────────────────────\n\nconst AdminJobExecutions = () => {\n const client = useClient<AdminJobController>();\n const { l } = useI18n();\n const toast = useToast();\n const dialog = useDialog();\n const [refreshKey, setRefreshKey] = useState(0);\n\n const handleRetry = useCallback(\n async (id: string) => {\n try {\n await client.retryJobExecution({ params: { id } });\n toast.success(\"Execution retried\");\n setRefreshKey((k) => k + 1);\n } catch {\n toast.danger(\"Failed to retry execution\");\n }\n },\n [client, toast],\n );\n\n const handleCancel = useCallback(\n async (id: string) => {\n const confirmed = await dialog.confirm({\n title: \"Cancel Execution\",\n message: \"Are you sure you want to cancel this execution?\",\n confirmLabel: \"Cancel\",\n confirmColor: \"red\",\n });\n\n if (!confirmed) return;\n\n try {\n await client.cancelJobExecution({ params: { id } });\n toast.success(\"Execution cancelled\");\n setRefreshKey((k) => k + 1);\n } catch {\n toast.danger(\"Failed to cancel execution\");\n }\n },\n [client, dialog, toast],\n );\n\n return (\n <Flex p=\"md\" flex={1} direction=\"column\" gap=\"md\">\n <DataTable<JobExecutionResource, typeof executionFilters>\n key={`executions-${refreshKey}`}\n submitOnInit\n defaultSize={20}\n typeFormProps={{\n skipSubmitButton: true,\n columns: 3,\n }}\n tableProps={{\n horizontalSpacing: \"sm\",\n verticalSpacing: \"sm\",\n }}\n onFilterChange={(_key, _value, form) => form.submit()}\n filters={executionFilters}\n defaultFilters={[\"job\", \"status\"]}\n items={async (filters) => {\n const response = await client.findJobExecutions({\n query: {\n ...filters,\n },\n });\n return response as Page<JobExecutionResource>;\n }}\n columns={{\n status: {\n label: \"Status\",\n value: (item) => {\n const color =\n item.status === \"completed\"\n ? \"green\"\n : item.status === \"running\"\n ? \"blue\"\n : item.status === \"failed\" || item.status === \"dead\"\n ? \"red\"\n : item.status === \"cancelled\"\n ? \"yellow\"\n : \"gray\";\n return (\n <Badge size=\"sm\" variant=\"light\" color={color}>\n {item.status}\n </Badge>\n );\n },\n },\n jobName: {\n label: \"Job\",\n value: (item) => (\n <Text size=\"sm\" fw={500} ff=\"monospace\">\n {item.jobName}\n </Text>\n ),\n },\n priority: {\n label: \"Priority\",\n value: (item) => (\n <Text size=\"xs\" c=\"dimmed\">\n {PRIORITY_LABELS[item.priority] ?? item.priority}\n </Text>\n ),\n },\n attempt: {\n label: \"Attempt\",\n value: (item) => (\n <Text size=\"sm\" ff=\"monospace\">\n {item.attempt}/{item.maxAttempts}\n </Text>\n ),\n },\n triggeredByName: {\n label: \"Trigger\",\n defaultHidden: true,\n value: (item) => (\n <Text size=\"xs\" c=\"dimmed\">\n {item.triggeredByName ?? \"\\u2014\"}\n </Text>\n ),\n },\n createdAt: {\n label: \"Created\",\n defaultHidden: true,\n value: (item) => (\n <Text size=\"xs\" c=\"dimmed\">\n {l(item.createdAt, { date: \"fromNow\" })}\n </Text>\n ),\n },\n startedAt: {\n label: \"Started\",\n value: (item) => (\n <Text size=\"xs\" c=\"dimmed\">\n {item.startedAt\n ? l(item.startedAt, { date: \"fromNow\" })\n : \"\\u2014\"}\n </Text>\n ),\n },\n duration: {\n label: \"Duration\",\n value: (item) => (\n <Text size=\"xs\" c=\"dimmed\" ff=\"monospace\">\n {item.startedAt &&\n (item.completedAt || item.status === \"running\")\n ? formatDuration(item.startedAt, item.completedAt)\n : \"\\u2014\"}\n </Text>\n ),\n },\n error: {\n label: \"Error\",\n defaultHidden: true,\n value: (item) => (\n <Text size=\"xs\" c=\"dimmed\" lineClamp={1}>\n {item.error ?? \"\\u2014\"}\n </Text>\n ),\n },\n key: {\n label: \"Key\",\n defaultHidden: true,\n value: (item) => (\n <Text size=\"xs\" c=\"dimmed\" ff=\"monospace\">\n {item.key ?? \"\\u2014\"}\n </Text>\n ),\n },\n workerId: {\n label: \"Worker\",\n defaultHidden: true,\n value: (item) => (\n <Text size=\"xs\" c=\"dimmed\" ff=\"monospace\">\n {item.workerId ?? \"\\u2014\"}\n </Text>\n ),\n },\n }}\n rowActions={(item) => [\n {\n label: \"Retry\",\n icon: IconRefresh,\n onClick: () => handleRetry(item.id),\n visible: item.can?.retry,\n },\n {\n label: \"Cancel\",\n icon: IconCircleX,\n onClick: () => handleCancel(item.id),\n visible: item.can?.cancel,\n },\n ]}\n panel={{\n can: (item) => Boolean(item.error || item.key || item.workerId),\n render: (item) => (\n <Flex direction=\"column\" gap=\"sm\" p=\"sm\">\n {item.error && (\n <Flex direction=\"column\" gap={2}>\n <Text size=\"xs\" c=\"dimmed\" tt=\"uppercase\" fw={600}>\n Error\n </Text>\n <Paper p=\"xs\" radius=\"sm\" withBorder>\n <Text\n size=\"xs\"\n style={{\n whiteSpace: \"pre-wrap\",\n wordBreak: \"break-word\",\n }}\n >\n {item.error}\n </Text>\n </Paper>\n </Flex>\n )}\n <Flex gap=\"lg\" wrap=\"wrap\">\n <Flex direction=\"column\" gap={2}>\n <Text size=\"xs\" c=\"dimmed\" tt=\"uppercase\" fw={600}>\n ID\n </Text>\n <Text size=\"xs\" ff=\"monospace\">\n {item.id}\n </Text>\n </Flex>\n {item.key && (\n <Flex direction=\"column\" gap={2}>\n <Text size=\"xs\" c=\"dimmed\" tt=\"uppercase\" fw={600}>\n Key\n </Text>\n <Text size=\"xs\" ff=\"monospace\">\n {item.key}\n </Text>\n </Flex>\n )}\n {item.workerId && (\n <Flex direction=\"column\" gap={2}>\n <Text size=\"xs\" c=\"dimmed\" tt=\"uppercase\" fw={600}>\n Worker\n </Text>\n <Text size=\"xs\" ff=\"monospace\">\n {item.workerId}\n </Text>\n </Flex>\n )}\n {item.triggeredByName && (\n <Flex direction=\"column\" gap={2}>\n <Text size=\"xs\" c=\"dimmed\" tt=\"uppercase\" fw={600}>\n Triggered By\n </Text>\n <Text size=\"xs\">{item.triggeredByName}</Text>\n </Flex>\n )}\n </Flex>\n </Flex>\n ),\n }}\n drawer={(item) => (\n <ExecutionDetailContent\n item={item}\n onRetry={handleRetry}\n onCancel={handleCancel}\n />\n )}\n />\n </Flex>\n );\n};\n\n// ─────────────────────────────────────────────────────────────────────────────\n\nconst ExecutionDetailContent = ({\n item,\n onRetry,\n onCancel,\n}: {\n item: JobExecutionResource;\n onRetry: (id: string) => Promise<void>;\n onCancel: (id: string) => Promise<void>;\n}) => {\n const client = useClient<AdminJobController>();\n const { l } = useI18n();\n const toast = useToast();\n const [detail, setDetail] = useState<JobExecutionDetailResource | null>(null);\n const [loading, setLoading] = useState(false);\n const [expandedLogs, setExpandedLogs] = useState<Set<number>>(new Set());\n\n const loadDetail = useCallback(\n async (execId: string) => {\n setDetail(null);\n setExpandedLogs(new Set());\n setLoading(true);\n try {\n const data = await client.getJobExecution({ params: { id: execId } });\n setDetail(data);\n } catch {\n toast.danger(\"Failed to load execution details\");\n } finally {\n setLoading(false);\n }\n },\n [client, toast],\n );\n\n useEffect(() => {\n loadDetail(item.id);\n }, [item.id, loadDetail]);\n\n const handleRetry = useCallback(async () => {\n await onRetry(item.id);\n loadDetail(item.id);\n }, [item.id, onRetry, loadDetail]);\n\n const handleCancel = useCallback(async () => {\n await onCancel(item.id);\n loadDetail(item.id);\n }, [item.id, onCancel, loadDetail]);\n\n const toggleLogExpand = useCallback((index: number) => {\n setExpandedLogs((prev) => {\n const next = new Set(prev);\n if (next.has(index)) {\n next.delete(index);\n } else {\n next.add(index);\n }\n return next;\n });\n }, []);\n\n if (loading) {\n return (\n <Flex align=\"center\" justify=\"center\" py=\"xl\">\n <Text c=\"dimmed\">Loading...</Text>\n </Flex>\n );\n }\n\n if (!detail) return null;\n\n const detailItems: DetailListItem[] = [\n {\n label: \"ID\",\n value: (\n <Text size=\"sm\" ff=\"monospace\">\n {detail.id}\n </Text>\n ),\n copyable: detail.id,\n },\n {\n label: \"Status\",\n value: (\n <Text size=\"sm\" tt=\"capitalize\">\n {detail.status}\n </Text>\n ),\n },\n {\n label: \"Priority\",\n value: PRIORITY_LABELS[detail.priority] ?? \"Normal\",\n },\n {\n label: \"Attempt\",\n value: (\n <Text size=\"sm\" ff=\"monospace\">\n {detail.attempt}/{detail.maxAttempts}\n </Text>\n ),\n },\n {\n label: \"Worker\",\n value: (\n <Text size=\"sm\" ff=\"monospace\">\n {detail.workerId}\n </Text>\n ),\n hidden: !detail.workerId,\n },\n {\n label: \"Key\",\n value: (\n <Text size=\"sm\" ff=\"monospace\">\n {detail.key}\n </Text>\n ),\n hidden: !detail.key,\n },\n {\n label: \"Created\",\n value: String(l(detail.createdAt, { date: \"lll\" })),\n },\n {\n label: \"Started\",\n value: detail.startedAt\n ? String(l(detail.startedAt, { date: \"lll\" }))\n : undefined,\n hidden: !detail.startedAt,\n },\n {\n label: \"Duration\",\n value:\n detail.startedAt &&\n (detail.completedAt || detail.status === \"running\") ? (\n <Text size=\"sm\" ff=\"monospace\">\n {formatDuration(detail.startedAt, detail.completedAt)}\n </Text>\n ) : undefined,\n hidden: !(\n detail.startedAt &&\n (detail.completedAt || detail.status === \"running\")\n ),\n },\n {\n label: \"Triggered By\",\n value: detail.triggeredByName,\n hidden: !detail.triggeredByName,\n },\n {\n label: \"Cancelled By\",\n value: detail.cancelledByName,\n hidden: !detail.cancelledByName,\n },\n ];\n\n return (\n <Flex direction=\"column\" gap=\"md\">\n {/* Header */}\n <Flex align=\"center\" gap=\"sm\">\n <Text fw={600} ff=\"monospace\">\n {detail.jobName}\n </Text>\n <Text size=\"sm\" tt=\"capitalize\" c=\"dimmed\">\n {detail.status}\n </Text>\n <Text size=\"xs\" c=\"dimmed\">\n {detail.attempt}/{detail.maxAttempts}\n </Text>\n </Flex>\n\n {/* Actions */}\n <Flex gap=\"xs\">\n <ActionButton\n tooltip=\"Refresh\"\n variant=\"light\"\n size=\"xs\"\n icon={IconRefresh}\n onClick={() => loadDetail(item.id)}\n />\n {detail.can?.retry && (\n <ActionButton\n tooltip=\"Retry\"\n variant=\"light\"\n size=\"xs\"\n icon={IconRefresh}\n onClick={handleRetry}\n />\n )}\n {detail.can?.cancel && (\n <ActionButton\n tooltip=\"Cancel\"\n variant=\"light\"\n size=\"xs\"\n icon={IconCircleX}\n onClick={handleCancel}\n />\n )}\n </Flex>\n\n {/* Details */}\n <Paper p=\"sm\" radius=\"md\" withBorder>\n <Text size=\"sm\" fw={600} mb=\"xs\">\n Details\n </Text>\n <DetailList items={detailItems} columns={2} />\n </Paper>\n\n {/* Payload */}\n {detail.payload && (\n <Paper p=\"sm\" radius=\"md\" withBorder>\n <Text size=\"sm\" fw={600} mb=\"xs\">\n Payload\n </Text>\n <Code block>{JSON.stringify(detail.payload, null, 2)}</Code>\n </Paper>\n )}\n\n {/* Error */}\n {detail.error && (\n <Paper p=\"sm\" radius=\"md\" withBorder>\n <Text size=\"sm\" fw={600} mb=\"xs\">\n Error\n </Text>\n <Paper p=\"xs\" radius=\"sm\" withBorder>\n <Text\n size=\"sm\"\n style={{\n whiteSpace: \"pre-wrap\",\n wordBreak: \"break-word\",\n }}\n >\n {detail.error}\n </Text>\n </Paper>\n </Paper>\n )}\n\n {/* Logs */}\n {detail.logs && detail.logs.length > 0 && (\n <Paper p=\"sm\" radius=\"md\" withBorder>\n <Text size=\"sm\" fw={600} mb=\"xs\">\n Logs ({detail.logs.length})\n </Text>\n <Flex\n direction=\"column\"\n style={{ maxHeight: 400, overflowY: \"auto\" }}\n >\n <Table highlightOnHover>\n <Table.Thead>\n <Table.Tr>\n <Table.Th style={{ width: 60 }}>Level</Table.Th>\n <Table.Th style={{ width: 90 }}>Time</Table.Th>\n <Table.Th>Message</Table.Th>\n </Table.Tr>\n </Table.Thead>\n <Table.Tbody>\n {detail.logs.map((log: LogEntry, i: number) => (\n <Table.Tr\n key={i}\n style={log.data ? { cursor: \"pointer\" } : undefined}\n onClick={log.data ? () => toggleLogExpand(i) : undefined}\n >\n <Table.Td>\n <Badge size=\"xs\" variant=\"default\">\n {log.level}\n </Badge>\n </Table.Td>\n <Table.Td>\n <Text size=\"xs\" c=\"dimmed\" ff=\"monospace\">\n {new Date(log.timestamp).toLocaleTimeString()}\n </Text>\n </Table.Td>\n <Table.Td>\n <Text size=\"xs\">{log.message}</Text>\n {expandedLogs.has(i) && log.data && (\n <Code block mt=\"xs\">\n {JSON.stringify(log.data, null, 2)}\n </Code>\n )}\n </Table.Td>\n </Table.Tr>\n ))}\n </Table.Tbody>\n </Table>\n </Flex>\n </Paper>\n )}\n </Flex>\n );\n};\n\nexport default AdminJobExecutions;\n"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"AdminJobExecutions-D9E-CS-U.js","names":["Flex","Text"],"sources":["../../src/admin/components/jobs/AdminJobExecutions.tsx"],"sourcesContent":["import type { DetailListItem } from \"@alepha/ui\";\nimport {\n ActionButton,\n DataTable,\n DetailList,\n Flex,\n Text,\n useDialog,\n useToast,\n} from \"@alepha/ui\";\nimport { Badge, Code, Paper, Table } from \"@mantine/core\";\nimport { IconCircleX, IconRefresh } from \"@tabler/icons-react\";\nimport { type Page, t } from \"alepha\";\nimport type {\n AdminJobController,\n JobExecutionDetailResource,\n JobExecutionResource,\n} from \"alepha/api/jobs\";\nimport type { LogEntry } from \"alepha/logger\";\nimport { useClient } from \"alepha/react\";\nimport { useI18n } from \"alepha/react/i18n\";\nimport { useCallback, useEffect, useState } from \"react\";\n\n// ─────────────────────────────────────────────────────────────────────────────\n\nconst PRIORITY_LABELS: Record<number, string> = {\n 0: \"Critical\",\n 1: \"High\",\n 2: \"Normal\",\n 3: \"Low\",\n};\n\nconst formatDuration = (\n start: Date | string,\n end?: Date | string | null,\n): string => {\n const startTime = new Date(start).getTime();\n const endTime = end ? new Date(end).getTime() : Date.now();\n const duration = endTime - startTime;\n\n if (duration < 1000) return `${duration}ms`;\n if (duration < 60000) return `${(duration / 1000).toFixed(1)}s`;\n if (duration < 3600000)\n return `${Math.floor(duration / 60000)}m ${Math.floor((duration % 60000) / 1000)}s`;\n return `${Math.floor(duration / 3600000)}h ${Math.floor((duration % 3600000) / 60000)}m`;\n};\n\n// ─────────────────────────────────────────────────────────────────────────────\n\nconst executionFilters = t.object({\n job: t.optional(t.string()),\n status: t.optional(\n t.enum([\n \"pending\",\n \"scheduled\",\n \"retrying\",\n \"running\",\n \"completed\",\n \"failed\",\n \"dead\",\n \"cancelled\",\n ]),\n ),\n priority: t.optional(t.enum([\"critical\", \"high\", \"normal\", \"low\"])),\n});\n\n// ─────────────────────────────────────────────────────────────────────────────\n\nconst AdminJobExecutions = () => {\n const client = useClient<AdminJobController>();\n const { l } = useI18n();\n const toast = useToast();\n const dialog = useDialog();\n const [refreshKey, setRefreshKey] = useState(0);\n\n const handleRetry = useCallback(\n async (id: string) => {\n try {\n await client.retryJobExecution({ params: { id } });\n toast.success(\"Execution retried\");\n setRefreshKey((k) => k + 1);\n } catch {\n toast.danger(\"Failed to retry execution\");\n }\n },\n [client, toast],\n );\n\n const handleCancel = useCallback(\n async (id: string) => {\n const confirmed = await dialog.confirm({\n title: \"Cancel Execution\",\n message: \"Are you sure you want to cancel this execution?\",\n confirmLabel: \"Cancel\",\n confirmColor: \"red\",\n });\n\n if (!confirmed) return;\n\n try {\n await client.cancelJobExecution({ params: { id } });\n toast.success(\"Execution cancelled\");\n setRefreshKey((k) => k + 1);\n } catch {\n toast.danger(\"Failed to cancel execution\");\n }\n },\n [client, dialog, toast],\n );\n\n return (\n <Flex p=\"md\" flex={1} direction=\"column\" gap=\"md\">\n <DataTable<JobExecutionResource, typeof executionFilters>\n key={`executions-${refreshKey}`}\n submitOnInit\n defaultSize={20}\n typeFormProps={{\n skipSubmitButton: true,\n columns: 3,\n }}\n tableProps={{\n horizontalSpacing: \"sm\",\n verticalSpacing: \"sm\",\n }}\n onFilterChange={(_key, _value, form) => form.submit()}\n filters={executionFilters}\n defaultFilters={[\"job\", \"status\"]}\n items={async (filters) => {\n const response = await client.findJobExecutions({\n query: {\n ...filters,\n },\n });\n return response as Page<JobExecutionResource>;\n }}\n columns={{\n status: {\n label: \"Status\",\n value: (item) => {\n const color =\n item.status === \"completed\"\n ? \"green\"\n : item.status === \"running\"\n ? \"blue\"\n : item.status === \"failed\" || item.status === \"dead\"\n ? \"red\"\n : item.status === \"cancelled\"\n ? \"yellow\"\n : \"gray\";\n return (\n <Badge size=\"sm\" variant=\"light\" color={color}>\n {item.status}\n </Badge>\n );\n },\n },\n jobName: {\n label: \"Job\",\n value: (item) => (\n <Text size=\"sm\" fw={500} ff=\"monospace\">\n {item.jobName}\n </Text>\n ),\n },\n priority: {\n label: \"Priority\",\n value: (item) => (\n <Text size=\"xs\" c=\"dimmed\">\n {PRIORITY_LABELS[item.priority] ?? item.priority}\n </Text>\n ),\n },\n attempt: {\n label: \"Attempt\",\n value: (item) => (\n <Text size=\"sm\" ff=\"monospace\">\n {item.attempt}/{item.maxAttempts}\n </Text>\n ),\n },\n triggeredByName: {\n label: \"Trigger\",\n defaultHidden: true,\n value: (item) => (\n <Text size=\"xs\" c=\"dimmed\">\n {item.triggeredByName ?? \"\\u2014\"}\n </Text>\n ),\n },\n createdAt: {\n label: \"Created\",\n defaultHidden: true,\n value: (item) => (\n <Text size=\"xs\" c=\"dimmed\">\n {l(item.createdAt, { date: \"fromNow\" })}\n </Text>\n ),\n },\n startedAt: {\n label: \"Started\",\n value: (item) => (\n <Text size=\"xs\" c=\"dimmed\">\n {item.startedAt\n ? l(item.startedAt, { date: \"fromNow\" })\n : \"\\u2014\"}\n </Text>\n ),\n },\n duration: {\n label: \"Duration\",\n value: (item) => (\n <Text size=\"xs\" c=\"dimmed\" ff=\"monospace\">\n {item.startedAt &&\n (item.completedAt || item.status === \"running\")\n ? formatDuration(item.startedAt, item.completedAt)\n : \"\\u2014\"}\n </Text>\n ),\n },\n error: {\n label: \"Error\",\n defaultHidden: true,\n value: (item) => (\n <Text size=\"xs\" c=\"dimmed\" lineClamp={1}>\n {item.error ?? \"\\u2014\"}\n </Text>\n ),\n },\n key: {\n label: \"Key\",\n defaultHidden: true,\n value: (item) => (\n <Text size=\"xs\" c=\"dimmed\" ff=\"monospace\">\n {item.key ?? \"\\u2014\"}\n </Text>\n ),\n },\n workerId: {\n label: \"Worker\",\n defaultHidden: true,\n value: (item) => (\n <Text size=\"xs\" c=\"dimmed\" ff=\"monospace\">\n {item.workerId ?? \"\\u2014\"}\n </Text>\n ),\n },\n }}\n rowActions={(item) => [\n {\n label: \"Retry\",\n icon: IconRefresh,\n onClick: () => handleRetry(item.id),\n visible: item.can?.retry,\n },\n {\n label: \"Cancel\",\n icon: IconCircleX,\n onClick: () => handleCancel(item.id),\n visible: item.can?.cancel,\n },\n ]}\n panel={{\n can: (item) => Boolean(item.error || item.key || item.workerId),\n render: (item) => (\n <Flex direction=\"column\" gap=\"sm\" p=\"sm\">\n {item.error && (\n <Flex direction=\"column\" gap={2}>\n <Text size=\"xs\" c=\"dimmed\" tt=\"uppercase\" fw={600}>\n Error\n </Text>\n <Paper p=\"xs\" radius=\"sm\" withBorder>\n <Text\n size=\"xs\"\n style={{\n whiteSpace: \"pre-wrap\",\n wordBreak: \"break-word\",\n }}\n >\n {item.error}\n </Text>\n </Paper>\n </Flex>\n )}\n <Flex gap=\"lg\" wrap=\"wrap\">\n <Flex direction=\"column\" gap={2}>\n <Text size=\"xs\" c=\"dimmed\" tt=\"uppercase\" fw={600}>\n ID\n </Text>\n <Text size=\"xs\" ff=\"monospace\">\n {item.id}\n </Text>\n </Flex>\n {item.key && (\n <Flex direction=\"column\" gap={2}>\n <Text size=\"xs\" c=\"dimmed\" tt=\"uppercase\" fw={600}>\n Key\n </Text>\n <Text size=\"xs\" ff=\"monospace\">\n {item.key}\n </Text>\n </Flex>\n )}\n {item.workerId && (\n <Flex direction=\"column\" gap={2}>\n <Text size=\"xs\" c=\"dimmed\" tt=\"uppercase\" fw={600}>\n Worker\n </Text>\n <Text size=\"xs\" ff=\"monospace\">\n {item.workerId}\n </Text>\n </Flex>\n )}\n {item.triggeredByName && (\n <Flex direction=\"column\" gap={2}>\n <Text size=\"xs\" c=\"dimmed\" tt=\"uppercase\" fw={600}>\n Triggered By\n </Text>\n <Text size=\"xs\">{item.triggeredByName}</Text>\n </Flex>\n )}\n </Flex>\n </Flex>\n ),\n }}\n drawer={(item) => (\n <ExecutionDetailContent\n item={item}\n onRetry={handleRetry}\n onCancel={handleCancel}\n />\n )}\n />\n </Flex>\n );\n};\n\n// ─────────────────────────────────────────────────────────────────────────────\n\nconst ExecutionDetailContent = ({\n item,\n onRetry,\n onCancel,\n}: {\n item: JobExecutionResource;\n onRetry: (id: string) => Promise<void>;\n onCancel: (id: string) => Promise<void>;\n}) => {\n const client = useClient<AdminJobController>();\n const { l } = useI18n();\n const toast = useToast();\n const [detail, setDetail] = useState<JobExecutionDetailResource | null>(null);\n const [loading, setLoading] = useState(false);\n const [expandedLogs, setExpandedLogs] = useState<Set<number>>(new Set());\n\n const loadDetail = useCallback(\n async (execId: string) => {\n setDetail(null);\n setExpandedLogs(new Set());\n setLoading(true);\n try {\n const data = await client.getJobExecution({ params: { id: execId } });\n setDetail(data);\n } catch {\n toast.danger(\"Failed to load execution details\");\n } finally {\n setLoading(false);\n }\n },\n [client, toast],\n );\n\n useEffect(() => {\n loadDetail(item.id);\n }, [item.id, loadDetail]);\n\n const handleRetry = useCallback(async () => {\n await onRetry(item.id);\n loadDetail(item.id);\n }, [item.id, onRetry, loadDetail]);\n\n const handleCancel = useCallback(async () => {\n await onCancel(item.id);\n loadDetail(item.id);\n }, [item.id, onCancel, loadDetail]);\n\n const toggleLogExpand = useCallback((index: number) => {\n setExpandedLogs((prev) => {\n const next = new Set(prev);\n if (next.has(index)) {\n next.delete(index);\n } else {\n next.add(index);\n }\n return next;\n });\n }, []);\n\n if (loading) {\n return (\n <Flex align=\"center\" justify=\"center\" py=\"xl\">\n <Text c=\"dimmed\">Loading...</Text>\n </Flex>\n );\n }\n\n if (!detail) return null;\n\n const detailItems: DetailListItem[] = [\n {\n label: \"ID\",\n value: (\n <Text size=\"sm\" ff=\"monospace\">\n {detail.id}\n </Text>\n ),\n copyable: detail.id,\n },\n {\n label: \"Status\",\n value: (\n <Text size=\"sm\" tt=\"capitalize\">\n {detail.status}\n </Text>\n ),\n },\n {\n label: \"Priority\",\n value: PRIORITY_LABELS[detail.priority] ?? \"Normal\",\n },\n {\n label: \"Attempt\",\n value: (\n <Text size=\"sm\" ff=\"monospace\">\n {detail.attempt}/{detail.maxAttempts}\n </Text>\n ),\n },\n {\n label: \"Worker\",\n value: (\n <Text size=\"sm\" ff=\"monospace\">\n {detail.workerId}\n </Text>\n ),\n hidden: !detail.workerId,\n },\n {\n label: \"Key\",\n value: (\n <Text size=\"sm\" ff=\"monospace\">\n {detail.key}\n </Text>\n ),\n hidden: !detail.key,\n },\n {\n label: \"Created\",\n value: String(l(detail.createdAt, { date: \"lll\" })),\n },\n {\n label: \"Started\",\n value: detail.startedAt\n ? String(l(detail.startedAt, { date: \"lll\" }))\n : undefined,\n hidden: !detail.startedAt,\n },\n {\n label: \"Duration\",\n value:\n detail.startedAt &&\n (detail.completedAt || detail.status === \"running\") ? (\n <Text size=\"sm\" ff=\"monospace\">\n {formatDuration(detail.startedAt, detail.completedAt)}\n </Text>\n ) : undefined,\n hidden: !(\n detail.startedAt &&\n (detail.completedAt || detail.status === \"running\")\n ),\n },\n {\n label: \"Triggered By\",\n value: detail.triggeredByName,\n hidden: !detail.triggeredByName,\n },\n {\n label: \"Cancelled By\",\n value: detail.cancelledByName,\n hidden: !detail.cancelledByName,\n },\n ];\n\n return (\n <Flex direction=\"column\" gap=\"md\">\n {/* Header */}\n <Flex align=\"center\" gap=\"sm\">\n <Text fw={600} ff=\"monospace\">\n {detail.jobName}\n </Text>\n <Text size=\"sm\" tt=\"capitalize\" c=\"dimmed\">\n {detail.status}\n </Text>\n <Text size=\"xs\" c=\"dimmed\">\n {detail.attempt}/{detail.maxAttempts}\n </Text>\n </Flex>\n\n {/* Actions */}\n <Flex gap=\"xs\">\n <ActionButton\n tooltip=\"Refresh\"\n variant=\"light\"\n size=\"xs\"\n icon={IconRefresh}\n onClick={() => loadDetail(item.id)}\n />\n {detail.can?.retry && (\n <ActionButton\n tooltip=\"Retry\"\n variant=\"light\"\n size=\"xs\"\n icon={IconRefresh}\n onClick={handleRetry}\n />\n )}\n {detail.can?.cancel && (\n <ActionButton\n tooltip=\"Cancel\"\n variant=\"light\"\n size=\"xs\"\n icon={IconCircleX}\n onClick={handleCancel}\n />\n )}\n </Flex>\n\n {/* Details */}\n <Paper p=\"sm\" radius=\"md\" withBorder>\n <Text size=\"sm\" fw={600} mb=\"xs\">\n Details\n </Text>\n <DetailList items={detailItems} columns={2} />\n </Paper>\n\n {/* Payload */}\n {detail.payload && (\n <Paper p=\"sm\" radius=\"md\" withBorder>\n <Text size=\"sm\" fw={600} mb=\"xs\">\n Payload\n </Text>\n <Code block>{JSON.stringify(detail.payload, null, 2)}</Code>\n </Paper>\n )}\n\n {/* Error */}\n {detail.error && (\n <Paper p=\"sm\" radius=\"md\" withBorder>\n <Text size=\"sm\" fw={600} mb=\"xs\">\n Error\n </Text>\n <Paper p=\"xs\" radius=\"sm\" withBorder>\n <Text\n size=\"sm\"\n style={{\n whiteSpace: \"pre-wrap\",\n wordBreak: \"break-word\",\n }}\n >\n {detail.error}\n </Text>\n </Paper>\n </Paper>\n )}\n\n {/* Logs */}\n {detail.logs && detail.logs.length > 0 && (\n <Paper p=\"sm\" radius=\"md\" withBorder>\n <Text size=\"sm\" fw={600} mb=\"xs\">\n Logs ({detail.logs.length})\n </Text>\n <Flex\n direction=\"column\"\n style={{ maxHeight: 400, overflowY: \"auto\" }}\n >\n <Table highlightOnHover>\n <Table.Thead>\n <Table.Tr>\n <Table.Th style={{ width: 60 }}>Level</Table.Th>\n <Table.Th style={{ width: 90 }}>Time</Table.Th>\n <Table.Th>Message</Table.Th>\n </Table.Tr>\n </Table.Thead>\n <Table.Tbody>\n {detail.logs.map((log: LogEntry, i: number) => (\n <Table.Tr\n key={i}\n style={log.data ? { cursor: \"pointer\" } : undefined}\n onClick={log.data ? () => toggleLogExpand(i) : undefined}\n >\n <Table.Td>\n <Badge size=\"xs\" variant=\"default\">\n {log.level}\n </Badge>\n </Table.Td>\n <Table.Td>\n <Text size=\"xs\" c=\"dimmed\" ff=\"monospace\">\n {new Date(log.timestamp).toLocaleTimeString()}\n </Text>\n </Table.Td>\n <Table.Td>\n <Text size=\"xs\">{log.message}</Text>\n {expandedLogs.has(i) && log.data && (\n <Code block mt=\"xs\">\n {JSON.stringify(log.data, null, 2)}\n </Code>\n )}\n </Table.Td>\n </Table.Tr>\n ))}\n </Table.Tbody>\n </Table>\n </Flex>\n </Paper>\n )}\n </Flex>\n );\n};\n\nexport default AdminJobExecutions;\n"],"mappings":"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"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { b as useToast, d as DetailList, l as Flex$1, m as useDialog,
|
|
1
|
+
import { b as useToast, d as DetailList, l as Flex$1, m as useDialog, r as DataTable, s as Text$1 } from "./core-CYaRQ8O-.js";
|
|
2
2
|
import { t } from "alepha";
|
|
3
3
|
import { useI18n } from "alepha/react/i18n";
|
|
4
4
|
import { Badge } from "@mantine/core";
|
|
@@ -267,4 +267,4 @@ const AdminJobRegistry = () => {
|
|
|
267
267
|
|
|
268
268
|
//#endregion
|
|
269
269
|
export { AdminJobRegistry as default };
|
|
270
|
-
//# sourceMappingURL=AdminJobRegistry-
|
|
270
|
+
//# sourceMappingURL=AdminJobRegistry-Ci9ue1zC.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AdminJobRegistry-PFajqaGK.js","names":["Flex","Text"],"sources":["../../src/admin/components/jobs/AdminJobRegistry.tsx"],"sourcesContent":["import type { DetailListItem } from \"@alepha/ui\";\nimport {\n DataTable,\n DetailList,\n Flex,\n Text,\n useDialog,\n useToast,\n} from \"@alepha/ui\";\nimport { Badge } from \"@mantine/core\";\nimport {\n IconCircleCheck,\n IconCircleX,\n IconPlayerPlay,\n} from \"@tabler/icons-react\";\nimport { t } from \"alepha\";\nimport type {\n AdminJobController,\n JobCronInfo,\n JobFailure,\n JobQueueDepth,\n JobRegistration,\n} from \"alepha/api/jobs\";\nimport { useClient } from \"alepha/react\";\nimport { useI18n } from \"alepha/react/i18n\";\nimport { useCallback, useEffect, useState } from \"react\";\n\n// ─────────────────────────────────────────────────────────────────────────────\n\nconst registryFilters = t.object({\n type: t.optional(t.enum([\"cron\", \"push\", \"both\"])),\n});\n\n// ─────────────────────────────────────────────────────────────────────────────\n\nconst AdminJobRegistry = () => {\n const client = useClient<AdminJobController>();\n const { l } = useI18n();\n const toast = useToast();\n const dialog = useDialog();\n const [refreshKey, setRefreshKey] = useState(0);\n\n // Extra data for enriched panels\n const [cronMap, setCronMap] = useState<Map<string, JobCronInfo>>(new Map());\n const [queueMap, setQueueMap] = useState<Map<string, JobQueueDepth>>(\n new Map(),\n );\n const [failureMap, setFailureMap] = useState<Map<string, JobFailure>>(\n new Map(),\n );\n\n const loadExtraData = useCallback(async () => {\n try {\n const [cronData, queueData, failureData] = await Promise.all([\n client.getCronJobs(),\n client.getJobQueueDepth(),\n client.getJobTopFailures(),\n ]);\n setCronMap(new Map(cronData.map((c) => [c.name, c])));\n setQueueMap(new Map(queueData.map((q) => [q.jobName, q])));\n setFailureMap(new Map(failureData.map((f) => [f.jobName, f])));\n } catch {\n // non-critical\n }\n }, [client]);\n\n useEffect(() => {\n loadExtraData();\n }, [loadExtraData, refreshKey]);\n\n const handleTriggerJob = useCallback(\n async (name: string) => {\n const confirmed = await dialog.confirm({\n title: \"Trigger Job\",\n message: `Are you sure you want to trigger \"${name}\" manually?`,\n confirmLabel: \"Trigger\",\n confirmColor: \"blue\",\n });\n\n if (!confirmed) return;\n\n return client.triggerJob({ body: { name } }).then(() => {\n toast.success(`Job \"${name}\" triggered`);\n setRefreshKey((k) => k + 1);\n });\n },\n [client, dialog, toast],\n );\n\n return (\n <Flex p=\"md\" flex={1} direction=\"column\" gap=\"md\">\n <DataTable<JobRegistration, typeof registryFilters>\n key={`registry-${refreshKey}`}\n submitOnInit\n typeFormProps={{\n skipSubmitButton: true,\n columns: 1,\n }}\n tableProps={{\n horizontalSpacing: \"sm\",\n verticalSpacing: \"sm\",\n }}\n onFilterChange={(_key, _value, form) => form.submit()}\n filters={registryFilters}\n items={async (filters) => {\n const items = await client.getJobRegistry();\n const filtered = filters.type\n ? items.filter((i) => i.type === filters.type)\n : items;\n return { content: filtered };\n }}\n columns={{\n name: {\n label: \"Name\",\n value: (item) => (\n <Text size=\"sm\" fw={500} ff=\"monospace\">\n {item.name}\n </Text>\n ),\n },\n type: {\n label: \"Type\",\n value: (item) => (\n <Badge size=\"sm\" variant=\"default\">\n {item.type}\n </Badge>\n ),\n },\n priority: {\n label: \"Priority\",\n value: (item) => (\n <Text size=\"sm\" tt=\"capitalize\">\n {item.priority}\n </Text>\n ),\n },\n concurrency: {\n label: \"Concurrency\",\n value: (item) => (\n <Text size=\"sm\" ff=\"monospace\">\n {item.concurrency}\n </Text>\n ),\n },\n queue: {\n label: \"Queue\",\n value: (item) => {\n const q = queueMap.get(item.name);\n if (\n !q ||\n q.pending + q.running + q.scheduled + q.retrying + q.dead === 0\n ) {\n return (\n <Text size=\"xs\" c=\"dimmed\">\n —\n </Text>\n );\n }\n return (\n <Flex gap={4}>\n {q.running > 0 && (\n <Badge size=\"xs\" variant=\"default\">\n {q.running} run\n </Badge>\n )}\n {q.pending > 0 && (\n <Badge size=\"xs\" variant=\"default\">\n {q.pending} pen\n </Badge>\n )}\n {q.retrying > 0 && (\n <Badge size=\"xs\" variant=\"default\">\n {q.retrying} retry\n </Badge>\n )}\n {q.dead > 0 && (\n <Badge size=\"xs\" variant=\"default\">\n {q.dead} dead\n </Badge>\n )}\n </Flex>\n );\n },\n },\n }}\n rowActions={(item) => [\n {\n label: \"Trigger\",\n color: \"blue\",\n icon: IconPlayerPlay,\n onClick: () => handleTriggerJob(item.name),\n },\n ]}\n panel={(item) => {\n const cron = cronMap.get(item.name);\n const failure = failureMap.get(item.name);\n\n const detailItems: DetailListItem[] = [\n {\n label: \"Cron\",\n value: item.cron ? (\n <Text size=\"sm\" ff=\"monospace\">\n {item.cron}\n </Text>\n ) : undefined,\n hidden: !item.cron,\n },\n {\n label: \"Timeout\",\n value: item.timeout,\n hidden: !item.timeout,\n },\n {\n label: \"Retry\",\n value: item.retry\n ? `${item.retry.retries}x${item.retry.hasBackoff ? \" (backoff)\" : \"\"}`\n : undefined,\n hidden: !item.retry,\n },\n {\n label: \"Batch\",\n value: item.batch\n ? `${item.batch.size} / ${item.batch.window}`\n : undefined,\n hidden: !item.batch,\n },\n {\n label: \"Schema\",\n value: item.hasSchema ? \"Yes\" : \"No\",\n },\n ];\n\n return (\n <Flex direction=\"column\" gap=\"sm\" p=\"sm\">\n <DetailList items={detailItems} columns={3} />\n\n {/* Last cron execution */}\n {cron?.lastExecution && (\n <Flex gap=\"lg\" wrap=\"wrap\" align=\"center\">\n <Text size=\"xs\" c=\"dimmed\" tt=\"uppercase\" fw={600}>\n Last Run\n </Text>\n <Flex align=\"center\" gap={4}>\n {cron.lastExecution.status === \"completed\" ? (\n <IconCircleCheck\n size={14}\n color=\"var(--mantine-color-dimmed)\"\n />\n ) : (\n <IconCircleX\n size={14}\n color=\"var(--mantine-color-dimmed)\"\n />\n )}\n <Text size=\"xs\" tt=\"capitalize\">\n {cron.lastExecution.status}\n </Text>\n </Flex>\n {cron.lastExecution.startedAt && (\n <Text size=\"xs\" c=\"dimmed\">\n {l(cron.lastExecution.startedAt, { date: \"fromNow\" })}\n </Text>\n )}\n {cron.lastExecution.error && (\n <Text size=\"xs\" c=\"dimmed\" lineClamp={1}>\n {cron.lastExecution.error}\n </Text>\n )}\n </Flex>\n )}\n\n {/* Failures */}\n {failure && (\n <Flex gap=\"lg\" wrap=\"wrap\" align=\"center\">\n <Text size=\"xs\" c=\"dimmed\" tt=\"uppercase\" fw={600}>\n Failures (7d)\n </Text>\n <Text size=\"xs\" fw={500}>\n {failure.failures}\n </Text>\n {failure.lastError && (\n <Text\n size=\"xs\"\n c=\"dimmed\"\n lineClamp={1}\n style={{ maxWidth: 400 }}\n >\n {failure.lastError}\n </Text>\n )}\n </Flex>\n )}\n </Flex>\n );\n }}\n />\n </Flex>\n );\n};\n\nexport default AdminJobRegistry;\n"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"AdminJobRegistry-Ci9ue1zC.js","names":["Flex","Text"],"sources":["../../src/admin/components/jobs/AdminJobRegistry.tsx"],"sourcesContent":["import type { DetailListItem } from \"@alepha/ui\";\nimport {\n DataTable,\n DetailList,\n Flex,\n Text,\n useDialog,\n useToast,\n} from \"@alepha/ui\";\nimport { Badge } from \"@mantine/core\";\nimport {\n IconCircleCheck,\n IconCircleX,\n IconPlayerPlay,\n} from \"@tabler/icons-react\";\nimport { t } from \"alepha\";\nimport type {\n AdminJobController,\n JobCronInfo,\n JobFailure,\n JobQueueDepth,\n JobRegistration,\n} from \"alepha/api/jobs\";\nimport { useClient } from \"alepha/react\";\nimport { useI18n } from \"alepha/react/i18n\";\nimport { useCallback, useEffect, useState } from \"react\";\n\n// ─────────────────────────────────────────────────────────────────────────────\n\nconst registryFilters = t.object({\n type: t.optional(t.enum([\"cron\", \"push\", \"both\"])),\n});\n\n// ─────────────────────────────────────────────────────────────────────────────\n\nconst AdminJobRegistry = () => {\n const client = useClient<AdminJobController>();\n const { l } = useI18n();\n const toast = useToast();\n const dialog = useDialog();\n const [refreshKey, setRefreshKey] = useState(0);\n\n // Extra data for enriched panels\n const [cronMap, setCronMap] = useState<Map<string, JobCronInfo>>(new Map());\n const [queueMap, setQueueMap] = useState<Map<string, JobQueueDepth>>(\n new Map(),\n );\n const [failureMap, setFailureMap] = useState<Map<string, JobFailure>>(\n new Map(),\n );\n\n const loadExtraData = useCallback(async () => {\n try {\n const [cronData, queueData, failureData] = await Promise.all([\n client.getCronJobs(),\n client.getJobQueueDepth(),\n client.getJobTopFailures(),\n ]);\n setCronMap(new Map(cronData.map((c) => [c.name, c])));\n setQueueMap(new Map(queueData.map((q) => [q.jobName, q])));\n setFailureMap(new Map(failureData.map((f) => [f.jobName, f])));\n } catch {\n // non-critical\n }\n }, [client]);\n\n useEffect(() => {\n loadExtraData();\n }, [loadExtraData, refreshKey]);\n\n const handleTriggerJob = useCallback(\n async (name: string) => {\n const confirmed = await dialog.confirm({\n title: \"Trigger Job\",\n message: `Are you sure you want to trigger \"${name}\" manually?`,\n confirmLabel: \"Trigger\",\n confirmColor: \"blue\",\n });\n\n if (!confirmed) return;\n\n return client.triggerJob({ body: { name } }).then(() => {\n toast.success(`Job \"${name}\" triggered`);\n setRefreshKey((k) => k + 1);\n });\n },\n [client, dialog, toast],\n );\n\n return (\n <Flex p=\"md\" flex={1} direction=\"column\" gap=\"md\">\n <DataTable<JobRegistration, typeof registryFilters>\n key={`registry-${refreshKey}`}\n submitOnInit\n typeFormProps={{\n skipSubmitButton: true,\n columns: 1,\n }}\n tableProps={{\n horizontalSpacing: \"sm\",\n verticalSpacing: \"sm\",\n }}\n onFilterChange={(_key, _value, form) => form.submit()}\n filters={registryFilters}\n items={async (filters) => {\n const items = await client.getJobRegistry();\n const filtered = filters.type\n ? items.filter((i) => i.type === filters.type)\n : items;\n return { content: filtered };\n }}\n columns={{\n name: {\n label: \"Name\",\n value: (item) => (\n <Text size=\"sm\" fw={500} ff=\"monospace\">\n {item.name}\n </Text>\n ),\n },\n type: {\n label: \"Type\",\n value: (item) => (\n <Badge size=\"sm\" variant=\"default\">\n {item.type}\n </Badge>\n ),\n },\n priority: {\n label: \"Priority\",\n value: (item) => (\n <Text size=\"sm\" tt=\"capitalize\">\n {item.priority}\n </Text>\n ),\n },\n concurrency: {\n label: \"Concurrency\",\n value: (item) => (\n <Text size=\"sm\" ff=\"monospace\">\n {item.concurrency}\n </Text>\n ),\n },\n queue: {\n label: \"Queue\",\n value: (item) => {\n const q = queueMap.get(item.name);\n if (\n !q ||\n q.pending + q.running + q.scheduled + q.retrying + q.dead === 0\n ) {\n return (\n <Text size=\"xs\" c=\"dimmed\">\n —\n </Text>\n );\n }\n return (\n <Flex gap={4}>\n {q.running > 0 && (\n <Badge size=\"xs\" variant=\"default\">\n {q.running} run\n </Badge>\n )}\n {q.pending > 0 && (\n <Badge size=\"xs\" variant=\"default\">\n {q.pending} pen\n </Badge>\n )}\n {q.retrying > 0 && (\n <Badge size=\"xs\" variant=\"default\">\n {q.retrying} retry\n </Badge>\n )}\n {q.dead > 0 && (\n <Badge size=\"xs\" variant=\"default\">\n {q.dead} dead\n </Badge>\n )}\n </Flex>\n );\n },\n },\n }}\n rowActions={(item) => [\n {\n label: \"Trigger\",\n color: \"blue\",\n icon: IconPlayerPlay,\n onClick: () => handleTriggerJob(item.name),\n },\n ]}\n panel={(item) => {\n const cron = cronMap.get(item.name);\n const failure = failureMap.get(item.name);\n\n const detailItems: DetailListItem[] = [\n {\n label: \"Cron\",\n value: item.cron ? (\n <Text size=\"sm\" ff=\"monospace\">\n {item.cron}\n </Text>\n ) : undefined,\n hidden: !item.cron,\n },\n {\n label: \"Timeout\",\n value: item.timeout,\n hidden: !item.timeout,\n },\n {\n label: \"Retry\",\n value: item.retry\n ? `${item.retry.retries}x${item.retry.hasBackoff ? \" (backoff)\" : \"\"}`\n : undefined,\n hidden: !item.retry,\n },\n {\n label: \"Batch\",\n value: item.batch\n ? `${item.batch.size} / ${item.batch.window}`\n : undefined,\n hidden: !item.batch,\n },\n {\n label: \"Schema\",\n value: item.hasSchema ? \"Yes\" : \"No\",\n },\n ];\n\n return (\n <Flex direction=\"column\" gap=\"sm\" p=\"sm\">\n <DetailList items={detailItems} columns={3} />\n\n {/* Last cron execution */}\n {cron?.lastExecution && (\n <Flex gap=\"lg\" wrap=\"wrap\" align=\"center\">\n <Text size=\"xs\" c=\"dimmed\" tt=\"uppercase\" fw={600}>\n Last Run\n </Text>\n <Flex align=\"center\" gap={4}>\n {cron.lastExecution.status === \"completed\" ? (\n <IconCircleCheck\n size={14}\n color=\"var(--mantine-color-dimmed)\"\n />\n ) : (\n <IconCircleX\n size={14}\n color=\"var(--mantine-color-dimmed)\"\n />\n )}\n <Text size=\"xs\" tt=\"capitalize\">\n {cron.lastExecution.status}\n </Text>\n </Flex>\n {cron.lastExecution.startedAt && (\n <Text size=\"xs\" c=\"dimmed\">\n {l(cron.lastExecution.startedAt, { date: \"fromNow\" })}\n </Text>\n )}\n {cron.lastExecution.error && (\n <Text size=\"xs\" c=\"dimmed\" lineClamp={1}>\n {cron.lastExecution.error}\n </Text>\n )}\n </Flex>\n )}\n\n {/* Failures */}\n {failure && (\n <Flex gap=\"lg\" wrap=\"wrap\" align=\"center\">\n <Text size=\"xs\" c=\"dimmed\" tt=\"uppercase\" fw={600}>\n Failures (7d)\n </Text>\n <Text size=\"xs\" fw={500}>\n {failure.failures}\n </Text>\n {failure.lastError && (\n <Text\n size=\"xs\"\n c=\"dimmed\"\n lineClamp={1}\n style={{ maxWidth: 400 }}\n >\n {failure.lastError}\n </Text>\n )}\n </Flex>\n )}\n </Flex>\n );\n }}\n />\n </Flex>\n );\n};\n\nexport default AdminJobRegistry;\n"],"mappings":"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"}
|