@alepha/ui 0.18.3 → 0.19.1
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-Dy_k-4Vd.js → AdminApiKeys-C2ze85eD.js} +3 -4
- package/dist/admin/{AdminApiKeys-Dy_k-4Vd.js.map → AdminApiKeys-C2ze85eD.js.map} +1 -1
- package/dist/admin/{AdminAudits-CKiFMSSU.js → AdminAudits-BIj81e4k.js} +3 -4
- package/dist/admin/{AdminAudits-CKiFMSSU.js.map → AdminAudits-BIj81e4k.js.map} +1 -1
- package/dist/admin/{AdminDashboard-PhC_dZqo.js → AdminDashboard-PMVzrwSu.js} +3 -4
- package/dist/admin/{AdminDashboard-PhC_dZqo.js.map → AdminDashboard-PMVzrwSu.js.map} +1 -1
- package/dist/admin/AdminFiles-Bq03BLt-.js +189 -0
- package/dist/admin/AdminFiles-Bq03BLt-.js.map +1 -0
- package/dist/admin/{AdminJobExecutions-D9E-CS-U.js → AdminJobs-D1_QGCDy.js} +401 -358
- package/dist/admin/AdminJobs-D1_QGCDy.js.map +1 -0
- package/dist/admin/{AdminLayout-I6TlUMPc.js → AdminLayout-BNiwiw2D.js} +8 -25
- package/dist/admin/AdminLayout-BNiwiw2D.js.map +1 -0
- package/dist/admin/{AdminNotifications-ZPHCYrv7.js → AdminNotifications-DSKQtUfn.js} +85 -124
- package/dist/admin/AdminNotifications-DSKQtUfn.js.map +1 -0
- package/dist/admin/{AdminParameters-CqgvhRsb.js → AdminParameters-CoB7EhyM.js} +3 -12
- package/dist/admin/{AdminParameters-CqgvhRsb.js.map → AdminParameters-CoB7EhyM.js.map} +1 -1
- package/dist/admin/{AdminSessions-Bz5NRuoW.js → AdminSessions-DFbFcrJQ.js} +3 -4
- package/dist/admin/{AdminSessions-Bz5NRuoW.js.map → AdminSessions-DFbFcrJQ.js.map} +1 -1
- package/dist/admin/{AdminUserLayout-lXT6I0Qq.js → AdminUserLayout-fSfi3KMm.js} +72 -111
- package/dist/admin/AdminUserLayout-fSfi3KMm.js.map +1 -0
- package/dist/admin/{AdminUserProfile-vFBLoJ3h.js → AdminUserProfile-_C-h8vUK.js} +7 -6
- package/dist/admin/AdminUserProfile-_C-h8vUK.js.map +1 -0
- package/dist/admin/{AdminUserSessions-CT_YDim0.js → AdminUserSessions-KpJHIeQo.js} +3 -4
- package/dist/admin/{AdminUserSessions-CT_YDim0.js.map → AdminUserSessions-KpJHIeQo.js.map} +1 -1
- package/dist/admin/{AdminUsers-D1UfGya9.js → AdminUsers-DcVrzdQP.js} +4 -4
- package/dist/admin/AdminUsers-DcVrzdQP.js.map +1 -0
- package/dist/admin/{AuthLayout-_frhdgOO.js → AuthLayout-CazfLzcf.js} +3 -4
- package/dist/admin/{AuthLayout-_frhdgOO.js.map → AuthLayout-CazfLzcf.js.map} +1 -1
- package/dist/{demo/IconGoogle-CSQLPYwX.js → admin/IconGoogle-8Nkx6yax.js} +2 -4
- package/dist/admin/{IconGoogle-Ch1m3Uzl.js.map → IconGoogle-8Nkx6yax.js.map} +1 -1
- package/dist/admin/{Login-xtNmQtGh.js → Login-CaMjUrDP.js} +5 -6
- package/dist/{auth/Login-BA1E8IZl.js.map → admin/Login-CaMjUrDP.js.map} +1 -1
- package/dist/admin/{Profile-_AtPUwAP.js → Profile-Ca4fZX15.js} +3 -5
- package/dist/{demo/Profile-DS5q4vOh.js.map → admin/Profile-Ca4fZX15.js.map} +1 -1
- package/dist/admin/{Register-JcCjHUUn.js → Register-C5DyKWPO.js} +5 -6
- package/dist/{demo/Register-B4hLBeEv.js.map → admin/Register-C5DyKWPO.js.map} +1 -1
- package/dist/admin/{ResetPassword-CwGBPLJO.js → ResetPassword-BA5sAgXo.js} +4 -5
- package/dist/{auth/ResetPassword-DCtGcneA.js.map → admin/ResetPassword-BA5sAgXo.js.map} +1 -1
- package/dist/admin/{VerifyEmail-hNxWejWf.js → VerifyEmail-DKNXROj_.js} +4 -5
- package/dist/{auth/VerifyEmail-DkH7NBfn.js.map → admin/VerifyEmail-DKNXROj_.js.map} +1 -1
- package/dist/admin/adminUserAtom-BLNc7XbT.js +11 -0
- package/dist/admin/adminUserAtom-BLNc7XbT.js.map +1 -0
- package/dist/admin/{core-CYaRQ8O-.js → core-CJCEx18C.js} +132 -86
- package/dist/admin/core-CJCEx18C.js.map +1 -0
- package/dist/admin/index.d.ts +80 -13
- package/dist/admin/index.d.ts.map +1 -1
- package/dist/admin/index.js +38 -68
- package/dist/admin/index.js.map +1 -1
- package/dist/admin/rolldown-runtime-CiIaOW0V.js +13 -0
- package/dist/{demo/AuthLayout-Brri4A-L.js → auth/AuthLayout-vXPcCVzp.js} +3 -4
- package/dist/auth/{AuthLayout-AvLlcLjS.js.map → AuthLayout-vXPcCVzp.js.map} +1 -1
- package/dist/{admin/IconGoogle-Ch1m3Uzl.js → auth/IconGoogle-8Nkx6yax.js} +2 -4
- package/dist/auth/{IconGoogle-Ch1m3Uzl.js.map → IconGoogle-8Nkx6yax.js.map} +1 -1
- package/dist/auth/{Login-BA1E8IZl.js → Login-Dg08QR20.js} +5 -6
- package/dist/{demo/Login-C12N4oGs.js.map → auth/Login-Dg08QR20.js.map} +1 -1
- package/dist/{demo/Profile-DS5q4vOh.js → auth/Profile-Bb5O1yeh.js} +3 -5
- package/dist/auth/{Profile-YcWdeuFz.js.map → Profile-Bb5O1yeh.js.map} +1 -1
- package/dist/auth/{Register-CPhEO5MG.js → Register-B2AN71NC.js} +5 -6
- package/dist/{admin/Register-JcCjHUUn.js.map → auth/Register-B2AN71NC.js.map} +1 -1
- package/dist/{demo/ResetPassword-D8g9ha1N.js → auth/ResetPassword-BLxwzbDj.js} +4 -5
- package/dist/{admin/ResetPassword-CwGBPLJO.js.map → auth/ResetPassword-BLxwzbDj.js.map} +1 -1
- package/dist/auth/{VerifyEmail-DkH7NBfn.js → VerifyEmail-CSDOk3Zm.js} +4 -5
- package/dist/{admin/VerifyEmail-hNxWejWf.js.map → auth/VerifyEmail-CSDOk3Zm.js.map} +1 -1
- package/dist/auth/{core-D5jIAVF2.js → core-DuGkjPiU.js} +23 -54
- package/dist/auth/core-DuGkjPiU.js.map +1 -0
- package/dist/auth/index.d.ts +20 -6
- package/dist/auth/index.d.ts.map +1 -1
- package/dist/auth/index.js +13 -18
- package/dist/auth/index.js.map +1 -1
- package/dist/auth/rolldown-runtime-CiIaOW0V.js +13 -0
- package/dist/core/index.d.ts +78 -20
- package/dist/core/index.d.ts.map +1 -1
- package/dist/core/index.js +130 -98
- package/dist/core/index.js.map +1 -1
- package/dist/{auth/AuthLayout-AvLlcLjS.js → demo/AuthLayout-DPsOOG4u.js} +3 -4
- package/dist/demo/{AuthLayout-Brri4A-L.js.map → AuthLayout-DPsOOG4u.js.map} +1 -1
- package/dist/demo/{DemoButton-wiCxZZ_L.js → DemoButton-wzcqGk4u.js} +4 -5
- package/dist/demo/{DemoButton-wiCxZZ_L.js.map → DemoButton-wzcqGk4u.js.map} +1 -1
- package/dist/demo/{DemoControlSelect-D7ILObVg.js → DemoControlSelect-CMWvQ6Gm.js} +4 -5
- package/dist/demo/{DemoControlSelect-D7ILObVg.js.map → DemoControlSelect-CMWvQ6Gm.js.map} +1 -1
- package/dist/demo/{DemoDataTable-DZ5Y8pFX.js → DemoDataTable-CHsAP3e2.js} +4 -5
- package/dist/demo/{DemoDataTable-DZ5Y8pFX.js.map → DemoDataTable-CHsAP3e2.js.map} +1 -1
- package/dist/demo/{DemoDialog-CUWdLHim.js → DemoDialog-Co2IePxX.js} +3 -4
- package/dist/demo/{DemoDialog-CUWdLHim.js.map → DemoDialog-Co2IePxX.js.map} +1 -1
- package/dist/demo/{DemoFlex-a8OhMMvq.js → DemoFlex-OEwQt5do.js} +4 -5
- package/dist/demo/{DemoFlex-a8OhMMvq.js.map → DemoFlex-OEwQt5do.js.map} +1 -1
- package/dist/demo/DemoHeading-Db-XkQIK.js +69 -0
- package/dist/demo/DemoHeading-Db-XkQIK.js.map +1 -0
- package/dist/demo/{DemoHome-D_De3UiT.js → DemoHome-Cyp29ygy.js} +4 -5
- package/dist/demo/{DemoHome-D_De3UiT.js.map → DemoHome-Cyp29ygy.js.map} +1 -1
- package/dist/demo/{DemoJsonViewer-B50s9aGM.js → DemoJsonViewer-DXtCeMzH.js} +4 -5
- package/dist/demo/{DemoJsonViewer-B50s9aGM.js.map → DemoJsonViewer-DXtCeMzH.js.map} +1 -1
- package/dist/demo/{DemoLayout-CHU8WTwO.js → DemoLayout-hh9VmZQP.js} +4 -5
- package/dist/demo/DemoLayout-hh9VmZQP.js.map +1 -0
- package/dist/demo/{DemoLogin-BBlrWpml.js → DemoLogin-DX7mnmkh.js} +15 -11
- package/dist/demo/{DemoLogin-BBlrWpml.js.map → DemoLogin-DX7mnmkh.js.map} +1 -1
- package/dist/demo/{DemoRegister-BuNE3_-f.js → DemoRegister-DVcZl04m.js} +15 -11
- package/dist/demo/{DemoRegister-BuNE3_-f.js.map → DemoRegister-DVcZl04m.js.map} +1 -1
- package/dist/demo/{DemoResetPassword-D_IjjjOJ.js → DemoResetPassword-CPENlZH5.js} +15 -11
- package/dist/demo/{DemoResetPassword-D_IjjjOJ.js.map → DemoResetPassword-CPENlZH5.js.map} +1 -1
- package/dist/demo/{DemoSidebar-Giy2HRBD.js → DemoSidebar-CGu7DZeM.js} +4 -5
- package/dist/demo/{DemoSidebar-Giy2HRBD.js.map → DemoSidebar-CGu7DZeM.js.map} +1 -1
- package/dist/demo/{DemoText-ubcw-vog.js → DemoText-DYUJ7bY_.js} +4 -5
- package/dist/demo/{DemoText-ubcw-vog.js.map → DemoText-DYUJ7bY_.js.map} +1 -1
- package/dist/demo/{DemoToast-9die_dYT.js → DemoToast-CgdnZNvx.js} +3 -4
- package/dist/demo/{DemoToast-9die_dYT.js.map → DemoToast-CgdnZNvx.js.map} +1 -1
- package/dist/demo/{DemoTypeForm-D_d6OVKL.js → DemoTypeForm-Pims-cGa.js} +4 -5
- package/dist/demo/{DemoTypeForm-D_d6OVKL.js.map → DemoTypeForm-Pims-cGa.js.map} +1 -1
- package/dist/demo/{DemoVerifyEmail-B43KlF4F.js → DemoVerifyEmail-C7B3xxch.js} +10 -11
- package/dist/demo/{DemoVerifyEmail-B43KlF4F.js.map → DemoVerifyEmail-C7B3xxch.js.map} +1 -1
- package/dist/{auth/IconGoogle-Ch1m3Uzl.js → demo/IconGoogle-CwQy4G9y.js} +2 -4
- package/dist/demo/{IconGoogle-CSQLPYwX.js.map → IconGoogle-CwQy4G9y.js.map} +1 -1
- package/dist/demo/{Login-C12N4oGs.js → Login-pwMF4TUj.js} +5 -6
- package/dist/{admin/Login-xtNmQtGh.js.map → demo/Login-pwMF4TUj.js.map} +1 -1
- package/dist/{auth/Profile-YcWdeuFz.js → demo/Profile-BliZapZS.js} +3 -5
- package/dist/{admin/Profile-_AtPUwAP.js.map → demo/Profile-BliZapZS.js.map} +1 -1
- package/dist/demo/{Register-B4hLBeEv.js → Register-CiwAT7Hy.js} +5 -6
- package/dist/{auth/Register-CPhEO5MG.js.map → demo/Register-CiwAT7Hy.js.map} +1 -1
- package/dist/{auth/ResetPassword-DCtGcneA.js → demo/ResetPassword-l9Vg4JE-.js} +4 -5
- package/dist/demo/{ResetPassword-D8g9ha1N.js.map → ResetPassword-l9Vg4JE-.js.map} +1 -1
- package/dist/demo/{Showcase-D6Fxt4X4.js → Showcase-CX6bDgwe.js} +3 -5
- package/dist/demo/{Showcase-D6Fxt4X4.js.map → Showcase-CX6bDgwe.js.map} +1 -1
- package/dist/demo/{VerifyEmail-BjDo0cZA.js → VerifyEmail-CAB-OS7i.js} +4 -5
- package/dist/demo/{VerifyEmail-BjDo0cZA.js.map → VerifyEmail-CAB-OS7i.js.map} +1 -1
- package/dist/demo/{auth-ByVTreDl.js → auth-uegJAdKu.js} +18 -35
- package/dist/demo/{auth-ByVTreDl.js.map → auth-uegJAdKu.js.map} +1 -1
- package/dist/demo/{core-DFgB3yU4.js → core-B4LVHzPn.js} +132 -93
- package/dist/demo/core-B4LVHzPn.js.map +1 -0
- package/dist/demo/index.js +20 -23
- package/dist/demo/index.js.map +1 -1
- package/dist/demo/rolldown-runtime-CiIaOW0V.js +13 -0
- package/package.json +17 -20
- package/src/admin/AdminRouter.tsx +23 -38
- package/src/admin/atoms/adminUserAtom.ts +7 -0
- package/src/admin/components/AdminLayout.tsx +2 -14
- package/src/admin/components/files/AdminFiles.tsx +123 -1
- package/src/admin/components/jobs/{AdminJobExecutions.tsx → AdminJobs.tsx} +450 -317
- package/src/admin/components/notifications/AdminNotifications.tsx +11 -25
- package/src/admin/components/users/AdminUserLayout.tsx +84 -127
- package/src/admin/components/users/AdminUserProfile.tsx +5 -2
- package/src/admin/components/users/AdminUsers.tsx +1 -1
- package/src/core/components/Flex.tsx +24 -0
- package/src/core/components/Section.tsx +109 -0
- package/src/core/components/SectionHeader.tsx +106 -0
- package/src/core/components/buttons/ActionButton.tsx +1 -0
- package/src/core/components/dialogs/PromptDialog.tsx +1 -1
- package/src/core/components/layout/Breadcrumb.tsx +2 -2
- package/src/core/components/layout/DashboardShell.tsx +1 -1
- package/src/core/index.ts +4 -1
- package/src/core/services/DialogService.tsx +2 -2
- package/src/core/styles.css +2 -1
- package/src/core/table/components/DataTable.tsx +5 -2
- package/src/demo/DemoRouter.ts +1 -1
- package/src/demo/components/auth/DemoLogin.tsx +5 -0
- package/src/demo/components/auth/DemoRegister.tsx +5 -0
- package/src/demo/components/auth/DemoResetPassword.tsx +5 -0
- package/src/demo/components/core/DemoHeading.tsx +56 -3
- package/dist/admin/AdminFiles-DFTjijGp.js +0 -111
- package/dist/admin/AdminFiles-DFTjijGp.js.map +0 -1
- package/dist/admin/AdminJobDashboard-BL8gGPDp.js +0 -354
- package/dist/admin/AdminJobDashboard-BL8gGPDp.js.map +0 -1
- package/dist/admin/AdminJobExecutions-D9E-CS-U.js.map +0 -1
- package/dist/admin/AdminJobRegistry-Ci9ue1zC.js +0 -270
- package/dist/admin/AdminJobRegistry-Ci9ue1zC.js.map +0 -1
- package/dist/admin/AdminLayout-I6TlUMPc.js.map +0 -1
- package/dist/admin/AdminNotifications-ZPHCYrv7.js.map +0 -1
- package/dist/admin/AdminUserLayout-lXT6I0Qq.js.map +0 -1
- package/dist/admin/AdminUserProfile-vFBLoJ3h.js.map +0 -1
- package/dist/admin/AdminUsers-D1UfGya9.js.map +0 -1
- package/dist/admin/core-CYaRQ8O-.js.map +0 -1
- package/dist/admin/rolldown-runtime-CjeV3_4I.js +0 -18
- package/dist/auth/core-D5jIAVF2.js.map +0 -1
- package/dist/auth/rolldown-runtime-CjeV3_4I.js +0 -18
- package/dist/demo/DemoHeading-C13OVDfS.js +0 -18
- package/dist/demo/DemoHeading-C13OVDfS.js.map +0 -1
- package/dist/demo/DemoLayout-CHU8WTwO.js.map +0 -1
- package/dist/demo/core-DFgB3yU4.js.map +0 -1
- package/dist/demo/rolldown-runtime-CjeV3_4I.js +0 -18
- package/src/admin/components/jobs/AdminJobDashboard.tsx +0 -349
- package/src/admin/components/jobs/AdminJobRegistry.tsx +0 -301
- package/src/core/components/Heading.tsx +0 -19
|
@@ -1 +0,0 @@
|
|
|
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 +0,0 @@
|
|
|
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,270 +0,0 @@
|
|
|
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
|
-
import { t } from "alepha";
|
|
3
|
-
import { useI18n } from "alepha/react/i18n";
|
|
4
|
-
import { Badge } from "@mantine/core";
|
|
5
|
-
import { jsx, jsxs } from "react/jsx-runtime";
|
|
6
|
-
import { useCallback, useEffect, useState } from "react";
|
|
7
|
-
import { IconCircleCheck, IconCircleX, IconPlayerPlay } from "@tabler/icons-react";
|
|
8
|
-
import { useClient } from "alepha/react";
|
|
9
|
-
|
|
10
|
-
//#region ../../src/admin/components/jobs/AdminJobRegistry.tsx
|
|
11
|
-
const registryFilters = t.object({ type: t.optional(t.enum([
|
|
12
|
-
"cron",
|
|
13
|
-
"push",
|
|
14
|
-
"both"
|
|
15
|
-
])) });
|
|
16
|
-
const AdminJobRegistry = () => {
|
|
17
|
-
const client = useClient();
|
|
18
|
-
const { l } = useI18n();
|
|
19
|
-
const toast = useToast();
|
|
20
|
-
const dialog = useDialog();
|
|
21
|
-
const [refreshKey, setRefreshKey] = useState(0);
|
|
22
|
-
const [cronMap, setCronMap] = useState(/* @__PURE__ */ new Map());
|
|
23
|
-
const [queueMap, setQueueMap] = useState(/* @__PURE__ */ new Map());
|
|
24
|
-
const [failureMap, setFailureMap] = useState(/* @__PURE__ */ new Map());
|
|
25
|
-
const loadExtraData = useCallback(async () => {
|
|
26
|
-
try {
|
|
27
|
-
const [cronData, queueData, failureData] = await Promise.all([
|
|
28
|
-
client.getCronJobs(),
|
|
29
|
-
client.getJobQueueDepth(),
|
|
30
|
-
client.getJobTopFailures()
|
|
31
|
-
]);
|
|
32
|
-
setCronMap(new Map(cronData.map((c) => [c.name, c])));
|
|
33
|
-
setQueueMap(new Map(queueData.map((q) => [q.jobName, q])));
|
|
34
|
-
setFailureMap(new Map(failureData.map((f) => [f.jobName, f])));
|
|
35
|
-
} catch {}
|
|
36
|
-
}, [client]);
|
|
37
|
-
useEffect(() => {
|
|
38
|
-
loadExtraData();
|
|
39
|
-
}, [loadExtraData, refreshKey]);
|
|
40
|
-
const handleTriggerJob = useCallback(async (name) => {
|
|
41
|
-
if (!await dialog.confirm({
|
|
42
|
-
title: "Trigger Job",
|
|
43
|
-
message: `Are you sure you want to trigger "${name}" manually?`,
|
|
44
|
-
confirmLabel: "Trigger",
|
|
45
|
-
confirmColor: "blue"
|
|
46
|
-
})) return;
|
|
47
|
-
return client.triggerJob({ body: { name } }).then(() => {
|
|
48
|
-
toast.success(`Job "${name}" triggered`);
|
|
49
|
-
setRefreshKey((k) => k + 1);
|
|
50
|
-
});
|
|
51
|
-
}, [
|
|
52
|
-
client,
|
|
53
|
-
dialog,
|
|
54
|
-
toast
|
|
55
|
-
]);
|
|
56
|
-
return /* @__PURE__ */ jsx(Flex$1, {
|
|
57
|
-
p: "md",
|
|
58
|
-
flex: 1,
|
|
59
|
-
direction: "column",
|
|
60
|
-
gap: "md",
|
|
61
|
-
children: /* @__PURE__ */ jsx(DataTable, {
|
|
62
|
-
submitOnInit: true,
|
|
63
|
-
typeFormProps: {
|
|
64
|
-
skipSubmitButton: true,
|
|
65
|
-
columns: 1
|
|
66
|
-
},
|
|
67
|
-
tableProps: {
|
|
68
|
-
horizontalSpacing: "sm",
|
|
69
|
-
verticalSpacing: "sm"
|
|
70
|
-
},
|
|
71
|
-
onFilterChange: (_key, _value, form) => form.submit(),
|
|
72
|
-
filters: registryFilters,
|
|
73
|
-
items: async (filters) => {
|
|
74
|
-
const items = await client.getJobRegistry();
|
|
75
|
-
return { content: filters.type ? items.filter((i) => i.type === filters.type) : items };
|
|
76
|
-
},
|
|
77
|
-
columns: {
|
|
78
|
-
name: {
|
|
79
|
-
label: "Name",
|
|
80
|
-
value: (item) => /* @__PURE__ */ jsx(Text$1, {
|
|
81
|
-
size: "sm",
|
|
82
|
-
fw: 500,
|
|
83
|
-
ff: "monospace",
|
|
84
|
-
children: item.name
|
|
85
|
-
})
|
|
86
|
-
},
|
|
87
|
-
type: {
|
|
88
|
-
label: "Type",
|
|
89
|
-
value: (item) => /* @__PURE__ */ jsx(Badge, {
|
|
90
|
-
size: "sm",
|
|
91
|
-
variant: "default",
|
|
92
|
-
children: item.type
|
|
93
|
-
})
|
|
94
|
-
},
|
|
95
|
-
priority: {
|
|
96
|
-
label: "Priority",
|
|
97
|
-
value: (item) => /* @__PURE__ */ jsx(Text$1, {
|
|
98
|
-
size: "sm",
|
|
99
|
-
tt: "capitalize",
|
|
100
|
-
children: item.priority
|
|
101
|
-
})
|
|
102
|
-
},
|
|
103
|
-
concurrency: {
|
|
104
|
-
label: "Concurrency",
|
|
105
|
-
value: (item) => /* @__PURE__ */ jsx(Text$1, {
|
|
106
|
-
size: "sm",
|
|
107
|
-
ff: "monospace",
|
|
108
|
-
children: item.concurrency
|
|
109
|
-
})
|
|
110
|
-
},
|
|
111
|
-
queue: {
|
|
112
|
-
label: "Queue",
|
|
113
|
-
value: (item) => {
|
|
114
|
-
const q = queueMap.get(item.name);
|
|
115
|
-
if (!q || q.pending + q.running + q.scheduled + q.retrying + q.dead === 0) return /* @__PURE__ */ jsx(Text$1, {
|
|
116
|
-
size: "xs",
|
|
117
|
-
c: "dimmed",
|
|
118
|
-
children: "—"
|
|
119
|
-
});
|
|
120
|
-
return /* @__PURE__ */ jsxs(Flex$1, {
|
|
121
|
-
gap: 4,
|
|
122
|
-
children: [
|
|
123
|
-
q.running > 0 && /* @__PURE__ */ jsxs(Badge, {
|
|
124
|
-
size: "xs",
|
|
125
|
-
variant: "default",
|
|
126
|
-
children: [q.running, " run"]
|
|
127
|
-
}),
|
|
128
|
-
q.pending > 0 && /* @__PURE__ */ jsxs(Badge, {
|
|
129
|
-
size: "xs",
|
|
130
|
-
variant: "default",
|
|
131
|
-
children: [q.pending, " pen"]
|
|
132
|
-
}),
|
|
133
|
-
q.retrying > 0 && /* @__PURE__ */ jsxs(Badge, {
|
|
134
|
-
size: "xs",
|
|
135
|
-
variant: "default",
|
|
136
|
-
children: [q.retrying, " retry"]
|
|
137
|
-
}),
|
|
138
|
-
q.dead > 0 && /* @__PURE__ */ jsxs(Badge, {
|
|
139
|
-
size: "xs",
|
|
140
|
-
variant: "default",
|
|
141
|
-
children: [q.dead, " dead"]
|
|
142
|
-
})
|
|
143
|
-
]
|
|
144
|
-
});
|
|
145
|
-
}
|
|
146
|
-
}
|
|
147
|
-
},
|
|
148
|
-
rowActions: (item) => [{
|
|
149
|
-
label: "Trigger",
|
|
150
|
-
color: "blue",
|
|
151
|
-
icon: IconPlayerPlay,
|
|
152
|
-
onClick: () => handleTriggerJob(item.name)
|
|
153
|
-
}],
|
|
154
|
-
panel: (item) => {
|
|
155
|
-
const cron = cronMap.get(item.name);
|
|
156
|
-
const failure = failureMap.get(item.name);
|
|
157
|
-
return /* @__PURE__ */ jsxs(Flex$1, {
|
|
158
|
-
direction: "column",
|
|
159
|
-
gap: "sm",
|
|
160
|
-
p: "sm",
|
|
161
|
-
children: [
|
|
162
|
-
/* @__PURE__ */ jsx(DetailList, {
|
|
163
|
-
items: [
|
|
164
|
-
{
|
|
165
|
-
label: "Cron",
|
|
166
|
-
value: item.cron ? /* @__PURE__ */ jsx(Text$1, {
|
|
167
|
-
size: "sm",
|
|
168
|
-
ff: "monospace",
|
|
169
|
-
children: item.cron
|
|
170
|
-
}) : void 0,
|
|
171
|
-
hidden: !item.cron
|
|
172
|
-
},
|
|
173
|
-
{
|
|
174
|
-
label: "Timeout",
|
|
175
|
-
value: item.timeout,
|
|
176
|
-
hidden: !item.timeout
|
|
177
|
-
},
|
|
178
|
-
{
|
|
179
|
-
label: "Retry",
|
|
180
|
-
value: item.retry ? `${item.retry.retries}x${item.retry.hasBackoff ? " (backoff)" : ""}` : void 0,
|
|
181
|
-
hidden: !item.retry
|
|
182
|
-
},
|
|
183
|
-
{
|
|
184
|
-
label: "Batch",
|
|
185
|
-
value: item.batch ? `${item.batch.size} / ${item.batch.window}` : void 0,
|
|
186
|
-
hidden: !item.batch
|
|
187
|
-
},
|
|
188
|
-
{
|
|
189
|
-
label: "Schema",
|
|
190
|
-
value: item.hasSchema ? "Yes" : "No"
|
|
191
|
-
}
|
|
192
|
-
],
|
|
193
|
-
columns: 3
|
|
194
|
-
}),
|
|
195
|
-
cron?.lastExecution && /* @__PURE__ */ jsxs(Flex$1, {
|
|
196
|
-
gap: "lg",
|
|
197
|
-
wrap: "wrap",
|
|
198
|
-
align: "center",
|
|
199
|
-
children: [
|
|
200
|
-
/* @__PURE__ */ jsx(Text$1, {
|
|
201
|
-
size: "xs",
|
|
202
|
-
c: "dimmed",
|
|
203
|
-
tt: "uppercase",
|
|
204
|
-
fw: 600,
|
|
205
|
-
children: "Last Run"
|
|
206
|
-
}),
|
|
207
|
-
/* @__PURE__ */ jsxs(Flex$1, {
|
|
208
|
-
align: "center",
|
|
209
|
-
gap: 4,
|
|
210
|
-
children: [cron.lastExecution.status === "completed" ? /* @__PURE__ */ jsx(IconCircleCheck, {
|
|
211
|
-
size: 14,
|
|
212
|
-
color: "var(--mantine-color-dimmed)"
|
|
213
|
-
}) : /* @__PURE__ */ jsx(IconCircleX, {
|
|
214
|
-
size: 14,
|
|
215
|
-
color: "var(--mantine-color-dimmed)"
|
|
216
|
-
}), /* @__PURE__ */ jsx(Text$1, {
|
|
217
|
-
size: "xs",
|
|
218
|
-
tt: "capitalize",
|
|
219
|
-
children: cron.lastExecution.status
|
|
220
|
-
})]
|
|
221
|
-
}),
|
|
222
|
-
cron.lastExecution.startedAt && /* @__PURE__ */ jsx(Text$1, {
|
|
223
|
-
size: "xs",
|
|
224
|
-
c: "dimmed",
|
|
225
|
-
children: l(cron.lastExecution.startedAt, { date: "fromNow" })
|
|
226
|
-
}),
|
|
227
|
-
cron.lastExecution.error && /* @__PURE__ */ jsx(Text$1, {
|
|
228
|
-
size: "xs",
|
|
229
|
-
c: "dimmed",
|
|
230
|
-
lineClamp: 1,
|
|
231
|
-
children: cron.lastExecution.error
|
|
232
|
-
})
|
|
233
|
-
]
|
|
234
|
-
}),
|
|
235
|
-
failure && /* @__PURE__ */ jsxs(Flex$1, {
|
|
236
|
-
gap: "lg",
|
|
237
|
-
wrap: "wrap",
|
|
238
|
-
align: "center",
|
|
239
|
-
children: [
|
|
240
|
-
/* @__PURE__ */ jsx(Text$1, {
|
|
241
|
-
size: "xs",
|
|
242
|
-
c: "dimmed",
|
|
243
|
-
tt: "uppercase",
|
|
244
|
-
fw: 600,
|
|
245
|
-
children: "Failures (7d)"
|
|
246
|
-
}),
|
|
247
|
-
/* @__PURE__ */ jsx(Text$1, {
|
|
248
|
-
size: "xs",
|
|
249
|
-
fw: 500,
|
|
250
|
-
children: failure.failures
|
|
251
|
-
}),
|
|
252
|
-
failure.lastError && /* @__PURE__ */ jsx(Text$1, {
|
|
253
|
-
size: "xs",
|
|
254
|
-
c: "dimmed",
|
|
255
|
-
lineClamp: 1,
|
|
256
|
-
style: { maxWidth: 400 },
|
|
257
|
-
children: failure.lastError
|
|
258
|
-
})
|
|
259
|
-
]
|
|
260
|
-
})
|
|
261
|
-
]
|
|
262
|
-
});
|
|
263
|
-
}
|
|
264
|
-
}, `registry-${refreshKey}`)
|
|
265
|
-
});
|
|
266
|
-
};
|
|
267
|
-
|
|
268
|
-
//#endregion
|
|
269
|
-
export { AdminJobRegistry as default };
|
|
270
|
-
//# sourceMappingURL=AdminJobRegistry-Ci9ue1zC.js.map
|
|
@@ -1 +0,0 @@
|
|
|
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":";;;;;;;;;;AA6BA,MAAM,kBAAkB,EAAE,OAAO,EAC/B,MAAM,EAAE,SAAS,EAAE,KAAK;CAAC;CAAQ;CAAQ;CAAO,CAAC,CAAC,EACnD,CAAC;AAIF,MAAM,yBAAyB;CAC7B,MAAM,SAAS,WAA+B;CAC9C,MAAM,EAAE,MAAM,SAAS;CACvB,MAAM,QAAQ,UAAU;CACxB,MAAM,SAAS,WAAW;CAC1B,MAAM,CAAC,YAAY,iBAAiB,SAAS,EAAE;CAG/C,MAAM,CAAC,SAAS,cAAc,yBAAmC,IAAI,KAAK,CAAC;CAC3E,MAAM,CAAC,UAAU,eAAe,yBAC9B,IAAI,KAAK,CACV;CACD,MAAM,CAAC,YAAY,iBAAiB,yBAClC,IAAI,KAAK,CACV;CAED,MAAM,gBAAgB,YAAY,YAAY;AAC5C,MAAI;GACF,MAAM,CAAC,UAAU,WAAW,eAAe,MAAM,QAAQ,IAAI;IAC3D,OAAO,aAAa;IACpB,OAAO,kBAAkB;IACzB,OAAO,mBAAmB;IAC3B,CAAC;AACF,cAAW,IAAI,IAAI,SAAS,KAAK,MAAM,CAAC,EAAE,MAAM,EAAE,CAAC,CAAC,CAAC;AACrD,eAAY,IAAI,IAAI,UAAU,KAAK,MAAM,CAAC,EAAE,SAAS,EAAE,CAAC,CAAC,CAAC;AAC1D,iBAAc,IAAI,IAAI,YAAY,KAAK,MAAM,CAAC,EAAE,SAAS,EAAE,CAAC,CAAC,CAAC;UACxD;IAGP,CAAC,OAAO,CAAC;AAEZ,iBAAgB;AACd,iBAAe;IACd,CAAC,eAAe,WAAW,CAAC;CAE/B,MAAM,mBAAmB,YACvB,OAAO,SAAiB;AAQtB,MAAI,CAPc,MAAM,OAAO,QAAQ;GACrC,OAAO;GACP,SAAS,qCAAqC,KAAK;GACnD,cAAc;GACd,cAAc;GACf,CAAC,CAEc;AAEhB,SAAO,OAAO,WAAW,EAAE,MAAM,EAAE,MAAM,EAAE,CAAC,CAAC,WAAW;AACtD,SAAM,QAAQ,QAAQ,KAAK,aAAa;AACxC,kBAAe,MAAM,IAAI,EAAE;IAC3B;IAEJ;EAAC;EAAQ;EAAQ;EAAM,CACxB;AAED,QACE,oBAACA;EAAK,GAAE;EAAK,MAAM;EAAG,WAAU;EAAS,KAAI;YAC3C,oBAAC;GAEC;GACA,eAAe;IACb,kBAAkB;IAClB,SAAS;IACV;GACD,YAAY;IACV,mBAAmB;IACnB,iBAAiB;IAClB;GACD,iBAAiB,MAAM,QAAQ,SAAS,KAAK,QAAQ;GACrD,SAAS;GACT,OAAO,OAAO,YAAY;IACxB,MAAM,QAAQ,MAAM,OAAO,gBAAgB;AAI3C,WAAO,EAAE,SAHQ,QAAQ,OACrB,MAAM,QAAQ,MAAM,EAAE,SAAS,QAAQ,KAAK,GAC5C,OACwB;;GAE9B,SAAS;IACP,MAAM;KACJ,OAAO;KACP,QAAQ,SACN,oBAACC;MAAK,MAAK;MAAK,IAAI;MAAK,IAAG;gBACzB,KAAK;OACD;KAEV;IACD,MAAM;KACJ,OAAO;KACP,QAAQ,SACN,oBAAC;MAAM,MAAK;MAAK,SAAQ;gBACtB,KAAK;OACA;KAEX;IACD,UAAU;KACR,OAAO;KACP,QAAQ,SACN,oBAACA;MAAK,MAAK;MAAK,IAAG;gBAChB,KAAK;OACD;KAEV;IACD,aAAa;KACX,OAAO;KACP,QAAQ,SACN,oBAACA;MAAK,MAAK;MAAK,IAAG;gBAChB,KAAK;OACD;KAEV;IACD,OAAO;KACL,OAAO;KACP,QAAQ,SAAS;MACf,MAAM,IAAI,SAAS,IAAI,KAAK,KAAK;AACjC,UACE,CAAC,KACD,EAAE,UAAU,EAAE,UAAU,EAAE,YAAY,EAAE,WAAW,EAAE,SAAS,EAE9D,QACE,oBAACA;OAAK,MAAK;OAAK,GAAE;iBAAS;QAEpB;AAGX,aACE,qBAACD;OAAK,KAAK;;QACR,EAAE,UAAU,KACX,qBAAC;SAAM,MAAK;SAAK,SAAQ;oBACtB,EAAE,SAAQ;UACL;QAET,EAAE,UAAU,KACX,qBAAC;SAAM,MAAK;SAAK,SAAQ;oBACtB,EAAE,SAAQ;UACL;QAET,EAAE,WAAW,KACZ,qBAAC;SAAM,MAAK;SAAK,SAAQ;oBACtB,EAAE,UAAS;UACN;QAET,EAAE,OAAO,KACR,qBAAC;SAAM,MAAK;SAAK,SAAQ;oBACtB,EAAE,MAAK;UACF;;QAEL;;KAGZ;IACF;GACD,aAAa,SAAS,CACpB;IACE,OAAO;IACP,OAAO;IACP,MAAM;IACN,eAAe,iBAAiB,KAAK,KAAK;IAC3C,CACF;GACD,QAAQ,SAAS;IACf,MAAM,OAAO,QAAQ,IAAI,KAAK,KAAK;IACnC,MAAM,UAAU,WAAW,IAAI,KAAK,KAAK;AAqCzC,WACE,qBAACA;KAAK,WAAU;KAAS,KAAI;KAAK,GAAE;;MAClC,oBAAC;OAAW,OArCsB;QACpC;SACE,OAAO;SACP,OAAO,KAAK,OACV,oBAACC;UAAK,MAAK;UAAK,IAAG;oBAChB,KAAK;WACD,GACL;SACJ,QAAQ,CAAC,KAAK;SACf;QACD;SACE,OAAO;SACP,OAAO,KAAK;SACZ,QAAQ,CAAC,KAAK;SACf;QACD;SACE,OAAO;SACP,OAAO,KAAK,QACR,GAAG,KAAK,MAAM,QAAQ,GAAG,KAAK,MAAM,aAAa,eAAe,OAChE;SACJ,QAAQ,CAAC,KAAK;SACf;QACD;SACE,OAAO;SACP,OAAO,KAAK,QACR,GAAG,KAAK,MAAM,KAAK,KAAK,KAAK,MAAM,WACnC;SACJ,QAAQ,CAAC,KAAK;SACf;QACD;SACE,OAAO;SACP,OAAO,KAAK,YAAY,QAAQ;SACjC;QACF;OAImC,SAAS;QAAK;MAG7C,MAAM,iBACL,qBAACD;OAAK,KAAI;OAAK,MAAK;OAAO,OAAM;;QAC/B,oBAACC;SAAK,MAAK;SAAK,GAAE;SAAS,IAAG;SAAY,IAAI;mBAAK;UAE5C;QACP,qBAACD;SAAK,OAAM;SAAS,KAAK;oBACvB,KAAK,cAAc,WAAW,cAC7B,oBAAC;UACC,MAAM;UACN,OAAM;WACN,GAEF,oBAAC;UACC,MAAM;UACN,OAAM;WACN,EAEJ,oBAACC;UAAK,MAAK;UAAK,IAAG;oBAChB,KAAK,cAAc;WACf;UACF;QACN,KAAK,cAAc,aAClB,oBAACA;SAAK,MAAK;SAAK,GAAE;mBACf,EAAE,KAAK,cAAc,WAAW,EAAE,MAAM,WAAW,CAAC;UAChD;QAER,KAAK,cAAc,SAClB,oBAACA;SAAK,MAAK;SAAK,GAAE;SAAS,WAAW;mBACnC,KAAK,cAAc;UACf;;QAEJ;MAIR,WACC,qBAACD;OAAK,KAAI;OAAK,MAAK;OAAO,OAAM;;QAC/B,oBAACC;SAAK,MAAK;SAAK,GAAE;SAAS,IAAG;SAAY,IAAI;mBAAK;UAE5C;QACP,oBAACA;SAAK,MAAK;SAAK,IAAI;mBACjB,QAAQ;UACJ;QACN,QAAQ,aACP,oBAACA;SACC,MAAK;SACL,GAAE;SACF,WAAW;SACX,OAAO,EAAE,UAAU,KAAK;mBAEvB,QAAQ;UACJ;;QAEJ;;MAEJ;;KAxMN,YAAY,aA2MjB;GACG"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"AdminLayout-I6TlUMPc.js","names":["Text","SidebarCollapseButton"],"sources":["../../src/admin/components/AdminLayout.tsx"],"sourcesContent":["import {\n ActionButton,\n AlephaMantineProvider,\n DashboardShell,\n type DashboardShellProps,\n SidebarCollapseButton,\n Text,\n ui,\n} from \"@alepha/ui\";\nimport { Flex, Image } from \"@mantine/core\";\nimport { IconArrowLeft } from \"@tabler/icons-react\";\n\nexport interface AdminLayoutProps {\n adminShellProps?: DashboardShellProps;\n}\n\nconst AdminLayout = (props: AdminLayoutProps) => {\n return (\n <AlephaMantineProvider\n mantine={{\n theme: {\n components: {\n Button: {\n defaultProps: {\n fw: 400,\n },\n },\n },\n },\n }}\n >\n <DashboardShell\n layout={\"alt\"}\n navbarHeader={(props) => (\n <Flex gap={\"md\"} flex={1} px={\"lg\"} align={\"center\"}>\n <ActionButton\n href={\"/\"}\n variant={\"default\"}\n bd={0}\n icon={IconArrowLeft}\n />\n {!props.collapsed && (\n <>\n <Image pt={4} src={\"/favicon.svg\"} h={36} w={36} />\n <Flex direction={\"column\"}>\n <Text bold>Blog</Text>\n <Text small muted mt={-4}>\n Admin Panel\n </Text>\n </Flex>\n </>\n )}\n </Flex>\n )}\n footerHeight={48}\n navbarFooter={\n <Flex flex={1} px={\"lg\"} align={\"center\"}>\n <SidebarCollapseButton\n c={\"gray\"}\n size={\"xs\"}\n iconSize={ui.sizes.icon.sm}\n p={8}\n bd={0}\n />\n </Flex>\n }\n sidebarProps={{\n autoPopulateMenu: {\n startsWith: \"/admin\",\n },\n }}\n {...props.adminShellProps}\n />\n </AlephaMantineProvider>\n );\n};\n\nexport default AdminLayout;\n"],"mappings":";;;;;;AAgBA,MAAM,eAAe,UAA4B;AAC/C,QACE,oBAAC;EACC,SAAS,EACP,OAAO,EACL,YAAY,EACV,QAAQ,EACN,cAAc,EACZ,IAAI,KACL,EACF,EACF,EACF,EACF;YAED,oBAAC;GACC,QAAQ;GACR,eAAe,UACb,qBAAC;IAAK,KAAK;IAAM,MAAM;IAAG,IAAI;IAAM,OAAO;eACzC,oBAAC;KACC,MAAM;KACN,SAAS;KACT,IAAI;KACJ,MAAM;MACN,EACD,CAAC,MAAM,aACN,4CACE,oBAAC;KAAM,IAAI;KAAG,KAAK;KAAgB,GAAG;KAAI,GAAG;MAAM,EACnD,qBAAC;KAAK,WAAW;gBACf,oBAACA;MAAK;gBAAK;OAAW,EACtB,oBAACA;MAAK;MAAM;MAAM,IAAI;gBAAI;OAEnB;MACF,IACN;KAEA;GAET,cAAc;GACd,cACE,oBAAC;IAAK,MAAM;IAAG,IAAI;IAAM,OAAO;cAC9B,oBAACC;KACC,GAAG;KACH,MAAM;KACN,UAAU,GAAG,MAAM,KAAK;KACxB,GAAG;KACH,IAAI;MACJ;KACG;GAET,cAAc,EACZ,kBAAkB,EAChB,YAAY,UACb,EACF;GACD,GAAI,MAAM;IACV;GACoB"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"AdminNotifications-ZPHCYrv7.js","names":["Flex","Text"],"sources":["../../src/admin/components/notifications/AdminNotifications.tsx"],"sourcesContent":["import type { DetailListItem } from \"@alepha/ui\";\nimport {\n ActionButton,\n DataTable,\n DetailList,\n Flex,\n Text,\n useToast,\n} from \"@alepha/ui\";\nimport { Badge, Code, Paper } from \"@mantine/core\";\nimport { IconRefresh } from \"@tabler/icons-react\";\nimport { type Page, t } from \"alepha\";\nimport type {\n AdminNotificationController,\n NotificationDetailResource,\n NotificationResource,\n} from \"alepha/api/notifications\";\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 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 notificationFilters = t.object({\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});\n\n// ─────────────────────────────────────────────────────────────────────────────\n\nconst AdminNotifications = () => {\n const client = useClient<AdminNotificationController>();\n const { l } = useI18n();\n\n return (\n <Flex p=\"md\" flex={1} direction=\"column\" gap=\"md\">\n <DataTable<NotificationResource, typeof notificationFilters>\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={notificationFilters}\n defaultFilters={[\"status\"]}\n items={async (filters) => {\n const response = await client.findNotifications({\n query: { ...filters },\n });\n return response as Page<NotificationResource>;\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 template: {\n label: \"Template\",\n value: (item) => (\n <Text size=\"sm\" fw={500} ff=\"monospace\">\n {item.template ?? \"\\u2014\"}\n </Text>\n ),\n },\n type: {\n label: \"Type\",\n value: (item) => (\n <Badge\n size=\"sm\"\n variant=\"light\"\n color={item.type === \"email\" ? \"blue\" : \"teal\"}\n >\n {item.type ?? \"\\u2014\"}\n </Badge>\n ),\n },\n contact: {\n label: \"Contact\",\n value: (item) => (\n <Text size=\"xs\" c=\"dimmed\" lineClamp={1}>\n {item.contact ?? \"\\u2014\"}\n </Text>\n ),\n },\n category: {\n label: \"Category\",\n defaultHidden: true,\n value: (item) => (\n <Text size=\"xs\" c=\"dimmed\">\n {item.category ?? \"\\u2014\"}\n </Text>\n ),\n },\n flags: {\n label: \"Flags\",\n defaultHidden: true,\n value: (item) => (\n <Flex gap={4}>\n {item.critical && (\n <Badge size=\"xs\" variant=\"light\" color=\"red\">\n critical\n </Badge>\n )}\n {item.sensitive && (\n <Badge size=\"xs\" variant=\"light\" color=\"orange\">\n sensitive\n </Badge>\n )}\n {!item.critical && !item.sensitive && (\n <Text size=\"xs\" c=\"dimmed\">\n {\"\\u2014\"}\n </Text>\n )}\n </Flex>\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 duration: {\n label: \"Duration\",\n defaultHidden: true,\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 }}\n panel={{\n can: (item) => Boolean(item.error),\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=\"sm\"\n style={{\n whiteSpace: \"pre-wrap\",\n wordBreak: \"break-word\",\n }}\n >\n {item.error}\n </Text>\n </Paper>\n </Flex>\n )}\n </Flex>\n ),\n }}\n drawer={(item) => <NotificationDetailContent item={item} />}\n />\n </Flex>\n );\n};\n\n// ─────────────────────────────────────────────────────────────────────────────\n\nconst NotificationDetailContent = ({\n item,\n}: {\n item: NotificationResource;\n}) => {\n const client = useClient<AdminNotificationController>();\n const { l } = useI18n();\n const toast = useToast();\n const [detail, setDetail] = useState<NotificationDetailResource | null>(null);\n const [loading, setLoading] = useState(false);\n\n const loadDetail = useCallback(\n async (id: string) => {\n setDetail(null);\n setLoading(true);\n try {\n const data = await client.getNotification({ params: { id } });\n setDetail(data);\n } catch {\n toast.danger(\"Failed to load notification 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 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 rendered = detail.rendered as Record<string, unknown> | undefined;\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: \"Template\",\n value: (\n <Text size=\"sm\" ff=\"monospace\">\n {detail.template}\n </Text>\n ),\n },\n {\n label: \"Type\",\n value: (\n <Badge\n size=\"sm\"\n variant=\"light\"\n color={detail.type === \"email\" ? \"blue\" : \"teal\"}\n >\n {detail.type}\n </Badge>\n ),\n },\n {\n label: \"Contact\",\n value: detail.contact,\n },\n {\n label: \"Category\",\n value: detail.category,\n hidden: !detail.category,\n },\n {\n label: \"Critical\",\n value: detail.critical ? \"Yes\" : \"No\",\n hidden: !detail.critical,\n },\n {\n label: \"Sensitive\",\n value: detail.sensitive ? \"Yes\" : \"No\",\n hidden: !detail.sensitive,\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\n return (\n <Flex direction=\"column\" gap=\"md\">\n {/* Header */}\n <Flex align=\"center\" gap=\"sm\">\n <Text fw={600} ff=\"monospace\">\n {detail.template}\n </Text>\n <Badge\n size=\"sm\"\n variant=\"light\"\n color={detail.type === \"email\" ? \"blue\" : \"teal\"}\n >\n {detail.type}\n </Badge>\n <Text size=\"sm\" tt=\"capitalize\" c=\"dimmed\">\n {detail.status}\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 </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 {/* Rendered Content */}\n {rendered && (\n <Paper p=\"sm\" radius=\"md\" withBorder>\n <Text size=\"sm\" fw={600} mb=\"xs\">\n Content\n </Text>\n {rendered.type === \"email\" && (\n <Flex direction=\"column\" gap=\"xs\">\n <Flex direction=\"column\" gap={2}>\n <Text size=\"xs\" c=\"dimmed\" tt=\"uppercase\" fw={600}>\n To\n </Text>\n <Text size=\"sm\">{String(rendered.to ?? \"\")}</Text>\n </Flex>\n <Flex direction=\"column\" gap={2}>\n <Text size=\"xs\" c=\"dimmed\" tt=\"uppercase\" fw={600}>\n Subject\n </Text>\n <Text size=\"sm\">{String(rendered.subject ?? \"\")}</Text>\n </Flex>\n <Flex direction=\"column\" gap={2}>\n <Text size=\"xs\" c=\"dimmed\" tt=\"uppercase\" fw={600}>\n Body\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 {String(rendered.body ?? \"\")}\n </Text>\n </Paper>\n </Flex>\n </Flex>\n )}\n {rendered.type === \"sms\" && (\n <Flex direction=\"column\" gap=\"xs\">\n <Flex direction=\"column\" gap={2}>\n <Text size=\"xs\" c=\"dimmed\" tt=\"uppercase\" fw={600}>\n To\n </Text>\n <Text size=\"sm\">{String(rendered.to ?? \"\")}</Text>\n </Flex>\n <Flex direction=\"column\" gap={2}>\n <Text size=\"xs\" c=\"dimmed\" tt=\"uppercase\" fw={600}>\n Message\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 {String(rendered.message ?? \"\")}\n </Text>\n </Paper>\n </Flex>\n </Flex>\n )}\n </Paper>\n )}\n\n {/* Variables */}\n {detail.variables && Object.keys(detail.variables).length > 0 && (\n <Paper p=\"sm\" radius=\"md\" withBorder>\n <Text size=\"sm\" fw={600} mb=\"xs\">\n Variables\n </Text>\n <Code block>{JSON.stringify(detail.variables, 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: 300, overflowY: \"auto\" }}\n >\n {detail.logs.map((log: LogEntry, i: number) => (\n <Flex key={i} gap=\"sm\" py={2}>\n <Badge size=\"xs\" variant=\"default\">\n {log.level}\n </Badge>\n <Text size=\"xs\" c=\"dimmed\" ff=\"monospace\">\n {new Date(log.timestamp).toLocaleTimeString()}\n </Text>\n <Text size=\"xs\">{log.message}</Text>\n </Flex>\n ))}\n </Flex>\n </Paper>\n )}\n </Flex>\n );\n};\n\nexport default AdminNotifications;\n"],"mappings":"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"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"AdminUserLayout-lXT6I0Qq.js","names":["Flex","Text"],"sources":["../../src/admin/components/shared/AdminResourceHeaderMenuItem.tsx","../../src/admin/components/shared/AdminResourceHeader.tsx","../../src/admin/components/shared/AdminResourceTabsItem.tsx","../../src/admin/components/shared/AdminResourceTabs.tsx","../../src/admin/components/users/AdminUserLayout.tsx"],"sourcesContent":["import { Menu } from \"@mantine/core\";\nimport { useRouter } from \"alepha/react/router\";\nimport type { AdminResourceAction } from \"./AdminResourceHeader.tsx\";\n\nexport interface AdminResourceHeaderMenuItemProps {\n /**\n * Action configuration\n */\n action: AdminResourceAction;\n}\n\nconst AdminResourceHeaderMenuItem = (\n props: AdminResourceHeaderMenuItemProps,\n) => {\n const { action } = props;\n const router = useRouter();\n\n const menuItemProps: Record<string, unknown> = {};\n if (action.href) {\n Object.assign(menuItemProps, router.anchor(action.href));\n } else if (action.onClick) {\n menuItemProps.onClick = action.onClick;\n }\n\n return (\n <Menu.Item\n leftSection={action.icon ? <action.icon size={16} /> : undefined}\n color={action.color}\n disabled={action.disabled}\n {...menuItemProps}\n >\n {action.label}\n </Menu.Item>\n );\n};\n\nexport default AdminResourceHeaderMenuItem;\n","import { ActionButton } from \"@alepha/ui\";\nimport {\n ActionIcon,\n Avatar,\n Badge,\n Button,\n Flex,\n Menu,\n Text,\n Tooltip,\n} from \"@mantine/core\";\nimport {\n IconChevronDown,\n IconChevronLeft,\n IconExternalLink,\n} from \"@tabler/icons-react\";\nimport type { ComponentType, ReactNode } from \"react\";\nimport AdminResourceHeaderMenuItem from \"./AdminResourceHeaderMenuItem.tsx\";\n\nexport interface AdminResourceAction {\n label: string;\n icon?: ComponentType<{ size?: number }>;\n onClick?: () => void;\n href?: string;\n color?: string;\n disabled?: boolean;\n loading?: boolean;\n variant?: \"filled\" | \"light\" | \"outline\" | \"subtle\";\n}\n\nexport interface AdminResourceHeaderProps {\n /**\n * Back navigation URL\n */\n backHref?: string;\n\n /**\n * Back navigation label\n */\n backLabel?: string;\n\n /**\n * Avatar content (letter, image URL, or custom node)\n */\n avatar?: string | ReactNode;\n\n /**\n * Avatar color\n */\n avatarColor?: string;\n\n /**\n * Resource title (e.g., user name)\n */\n title: string;\n\n /**\n * Secondary text (e.g., email)\n */\n subtitle?: string;\n\n /**\n * Tertiary identifier to copy (e.g., user ID)\n */\n identifier?: string;\n\n /**\n * Label for the identifier tooltip\n */\n identifierLabel?: string;\n\n /**\n * Status badge\n */\n status?: {\n label: string;\n color: \"green\" | \"red\" | \"yellow\" | \"blue\" | \"gray\";\n };\n\n /**\n * Additional badges (e.g., roles)\n */\n badges?: Array<{\n label: string;\n color?: string;\n variant?: \"filled\" | \"light\" | \"outline\" | \"dot\";\n }>;\n\n /**\n * Primary action button\n */\n primaryAction?: AdminResourceAction;\n\n /**\n * Menu actions (shown in dropdown)\n */\n menuActions?: AdminResourceAction[];\n\n /**\n * External link URL\n */\n externalUrl?: string;\n\n /**\n * Loading state\n */\n loading?: boolean;\n}\n\nconst AdminResourceHeader = (props: AdminResourceHeaderProps) => {\n const {\n backHref,\n backLabel = \"Back\",\n avatar,\n avatarColor = \"blue\",\n title,\n subtitle,\n identifier,\n identifierLabel = \"ID\",\n status,\n badges = [],\n primaryAction,\n menuActions = [],\n externalUrl,\n } = props;\n\n const renderAvatar = () => {\n if (typeof avatar === \"string\") {\n if (avatar.startsWith(\"http\") || avatar.startsWith(\"/\")) {\n return (\n <Avatar src={avatar} size={56} radius=\"md\" color={avatarColor} />\n );\n }\n return (\n <Avatar size={56} radius=\"md\" color={avatarColor}>\n {avatar}\n </Avatar>\n );\n }\n if (avatar) {\n return avatar;\n }\n return (\n <Avatar size={56} radius=\"md\" color={avatarColor}>\n {title.charAt(0).toUpperCase()}\n </Avatar>\n );\n };\n\n return (\n <Flex direction=\"column\" gap=\"xs\">\n {/* Breadcrumb / Back navigation */}\n {backHref && (\n <Flex>\n <ActionButton\n variant=\"subtle\"\n size=\"xs\"\n href={backHref}\n leftSection={<IconChevronLeft size={14} />}\n c=\"dimmed\"\n >\n {backLabel}\n </ActionButton>\n </Flex>\n )}\n\n {/* Main header */}\n <Flex justify=\"space-between\" align=\"flex-start\" wrap=\"nowrap\">\n {/* Left: Avatar + Info */}\n <Flex gap=\"md\" wrap=\"nowrap\">\n {renderAvatar()}\n\n <Flex\n direction=\"column\"\n gap={2}\n justify=\"center\"\n style={{ minHeight: 56 }}\n >\n {/* Title row */}\n <Flex gap=\"xs\" align=\"center\">\n <Text size=\"md\" fw={600} lh={1.2}>\n {title}\n </Text>\n {status && (\n <Badge\n size=\"xs\"\n variant=\"light\"\n color={status.color}\n tt=\"lowercase\"\n >\n {status.label}\n </Badge>\n )}\n </Flex>\n\n {/* Subtitle */}\n {subtitle && (\n <Text size=\"xs\" c=\"dimmed\">\n {subtitle}\n </Text>\n )}\n </Flex>\n </Flex>\n\n {/* Right: Actions */}\n <Flex gap=\"xs\">\n {externalUrl && (\n <Tooltip label=\"Open in new tab\" openDelay={500}>\n <ActionIcon\n variant=\"subtle\"\n color=\"gray\"\n component=\"a\"\n href={externalUrl}\n target=\"_blank\"\n >\n <IconExternalLink size={18} />\n </ActionIcon>\n </Tooltip>\n )}\n\n {primaryAction && (\n <ActionButton\n variant={primaryAction.variant ?? \"light\"}\n color={primaryAction.color}\n onClick={primaryAction.onClick}\n href={primaryAction.href}\n loading={primaryAction.loading}\n disabled={primaryAction.disabled}\n leftSection={\n primaryAction.icon ? (\n <primaryAction.icon size={16} />\n ) : undefined\n }\n >\n {primaryAction.label}\n </ActionButton>\n )}\n\n {menuActions.length > 0 && (\n <Menu position=\"bottom-end\" shadow=\"md\" width={220}>\n <Menu.Target>\n <Button\n variant=\"default\"\n rightSection={<IconChevronDown size={16} />}\n >\n Actions\n </Button>\n </Menu.Target>\n <Menu.Dropdown>\n {menuActions.map((action, index) => (\n <AdminResourceHeaderMenuItem key={index} action={action} />\n ))}\n </Menu.Dropdown>\n </Menu>\n )}\n </Flex>\n </Flex>\n </Flex>\n );\n};\n\nexport default AdminResourceHeader;\n","import { Tabs } from \"@mantine/core\";\nimport { useActive, useRouter } from \"alepha/react/router\";\nimport type { AdminResourceTab } from \"./AdminResourceTabs.tsx\";\n\nexport interface AdminResourceTabsItemProps {\n /**\n * Tab configuration\n */\n tab: AdminResourceTab;\n}\n\nconst AdminResourceTabsItem = (props: AdminResourceTabsItemProps) => {\n const { tab } = props;\n const router = useRouter();\n const { isActive, isPending } = useActive({ href: tab.href });\n const anchorProps = router.anchor(tab.href);\n\n return (\n <Tabs.Tab\n value={tab.value}\n component=\"a\"\n leftSection={tab.icon ? <tab.icon size={16} /> : undefined}\n disabled={tab.disabled}\n data-active={isActive || undefined}\n style={{\n opacity: isPending ? 0.6 : 1,\n }}\n {...anchorProps}\n >\n {tab.label}\n {tab.count !== undefined && tab.count > 0 && ` (${tab.count})`}\n </Tabs.Tab>\n );\n};\n\nexport default AdminResourceTabsItem;\n","import { Tabs } from \"@mantine/core\";\nimport type { ComponentType, ReactNode } from \"react\";\nimport AdminResourceTabsItem from \"./AdminResourceTabsItem.tsx\";\n\nexport interface AdminResourceTab {\n /**\n * Tab key/value\n */\n value: string;\n\n /**\n * Tab label\n */\n label: string;\n\n /**\n * Tab icon\n */\n icon?: ComponentType<{ size?: number }>;\n\n /**\n * Navigation href\n */\n href: string;\n\n /**\n * Whether tab is disabled\n */\n disabled?: boolean;\n\n /**\n * Badge count to show\n */\n count?: number;\n}\n\nexport interface AdminResourceTabsProps {\n /**\n * Array of tab configurations\n */\n tabs: AdminResourceTab[];\n\n /**\n * Currently active tab value\n */\n activeTab?: string;\n\n /**\n * Content to render below tabs\n */\n children?: ReactNode;\n}\n\nconst AdminResourceTabs = (props: AdminResourceTabsProps) => {\n const { tabs, activeTab, children } = props;\n\n return (\n <Tabs value={activeTab} variant=\"default\">\n <Tabs.List>\n {tabs.map((tab) => (\n <AdminResourceTabsItem key={tab.value} tab={tab} />\n ))}\n </Tabs.List>\n\n {children}\n </Tabs>\n );\n};\n\nexport default AdminResourceTabs;\n","import { Flex, Text, useDialog, useToast } from \"@alepha/ui\";\nimport { Loader } from \"@mantine/core\";\nimport { IconBan, IconShieldCheck, IconTrash } from \"@tabler/icons-react\";\nimport { t } from \"alepha\";\nimport type { AdminUserController, UserEntity } from \"alepha/api/users\";\nimport { useClient } from \"alepha/react\";\nimport { NestedView, useRouter, useRouterState } from \"alepha/react/router\";\nimport {\n createContext,\n useCallback,\n useContext,\n useEffect,\n useState,\n} from \"react\";\nimport type { AdminRouter } from \"../../AdminRouter.ts\";\nimport AdminResourceHeader from \"../shared/AdminResourceHeader.tsx\";\nimport AdminResourceTabs from \"../shared/AdminResourceTabs.tsx\";\n\nexport interface AdminUserLayoutProps {\n userRealmName?: string;\n}\n\ninterface UserContextValue {\n user: UserEntity;\n reload: () => void;\n}\n\nconst UserContext = createContext<UserContextValue | null>(null);\n\nexport const useUser = () => {\n const ctx = useContext(UserContext);\n if (!ctx) throw new Error(\"useUser must be used within AdminUserLayout\");\n return ctx;\n};\n\nconst updateUserSchema = t.object({\n email: t.optional(t.email()),\n phoneNumber: t.optional(t.e164()),\n firstName: t.optional(t.string()),\n lastName: t.optional(t.string()),\n roles: t.optional(t.array(t.string())),\n enabled: t.optional(t.boolean()),\n});\n\nconst displayName = (u: UserEntity) =>\n u.firstName || u.lastName\n ? `${u.firstName ?? \"\"} ${u.lastName ?? \"\"}`.trim()\n : u.username || u.email || \"User\";\n\nconst AdminUserLayout = (props: AdminUserLayoutProps) => {\n const router = useRouter<AdminRouter>();\n const state = useRouterState();\n const client = useClient<AdminUserController>();\n const dialog = useDialog();\n const toast = useToast();\n const userId = state.params.userId as string;\n\n const [user, setUser] = useState<UserEntity | null>(null);\n const [loading, setLoading] = useState(true);\n\n const realmQuery = { userRealmName: props.userRealmName };\n\n const loadUser = useCallback(async () => {\n setLoading(true);\n try {\n const data = await client.getUser({\n params: { id: userId },\n query: realmQuery,\n });\n setUser(data);\n } finally {\n setLoading(false);\n }\n }, [userId, client]);\n\n useEffect(() => {\n loadUser();\n }, [loadUser]);\n\n const handleToggleEnabled = async () => {\n if (!user) return;\n const action = user.enabled ? \"disable\" : \"enable\";\n const confirmed = await dialog.confirm({\n title: `${user.enabled ? \"Disable\" : \"Enable\"} User`,\n message: `Are you sure you want to ${action} ${displayName(user)}?`,\n });\n if (confirmed) {\n const updated = await client.updateUser({\n params: { id: user.id },\n query: realmQuery,\n body: { enabled: !user.enabled },\n });\n setUser(updated);\n toast.success({ title: `User ${action}d` });\n }\n };\n\n const handleDelete = async () => {\n if (!user) return;\n const confirmed = await dialog.confirm({\n title: \"Delete User\",\n message: `Are you sure you want to delete ${displayName(user)}? This cannot be undone.`,\n confirmColor: \"red\",\n confirmLabel: \"Delete\",\n });\n if (confirmed) {\n await client.deleteUser({\n params: { id: user.id },\n query: realmQuery,\n });\n toast.success({ title: \"User deleted\" });\n router.push(\"adminUsers\");\n }\n };\n\n if (loading) {\n return (\n <Flex flex={1} justify=\"center\" align=\"center\">\n <Loader />\n </Flex>\n );\n }\n\n if (!user) {\n return (\n <Flex flex={1} justify=\"center\" align=\"center\">\n <Text c=\"dimmed\">User not found</Text>\n </Flex>\n );\n }\n\n return (\n <UserContext.Provider value={{ user, reload: loadUser }}>\n <Flex flex={1} direction=\"column\" gap=\"lg\" p=\"md\">\n <AdminResourceHeader\n backHref={router.path(\"adminUsers\")}\n backLabel=\"Users\"\n title={displayName(user)}\n subtitle={user.email || user.username}\n status={{\n label: user.enabled ? \"Active\" : \"Disabled\",\n color: user.enabled ? \"green\" : \"gray\",\n }}\n menuActions={[\n {\n label: user.enabled ? \"Disable\" : \"Enable\",\n icon: user.enabled ? IconBan : IconShieldCheck,\n onClick: handleToggleEnabled,\n },\n {\n label: \"Delete\",\n icon: IconTrash,\n color: \"red\",\n onClick: handleDelete,\n },\n ]}\n />\n\n <AdminResourceTabs\n tabs={[\n {\n value: \"profile\",\n label: \"Profile\",\n href: router.path(\"adminUserProfile\", {\n params: { userId },\n }),\n },\n {\n value: \"sessions\",\n label: \"Sessions\",\n href: router.path(\"adminUserSessions\", {\n params: { userId },\n }),\n },\n ]}\n />\n\n <NestedView />\n </Flex>\n </UserContext.Provider>\n );\n};\n\nexport default AdminUserLayout;\n"],"mappings":"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"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"AdminUserProfile-vFBLoJ3h.js","names":["Flex"],"sources":["../../src/admin/components/users/AdminUserProfile.tsx"],"sourcesContent":["import { DetailList, Flex } from \"@alepha/ui\";\nimport { Badge } from \"@mantine/core\";\nimport { useI18n } from \"alepha/react/i18n\";\nimport { useUser } from \"./AdminUserLayout.tsx\";\n\nconst AdminUserProfile = () => {\n const { user } = useUser();\n const { l } = useI18n();\n\n return (\n <DetailList\n items={[\n { label: \"ID\", value: user.id, copyable: user.id },\n { label: \"Username\", value: user.username },\n { label: \"Email\", value: user.email },\n {\n label: \"Email Verified\",\n value: user.emailVerified ? \"Yes\" : \"No\",\n },\n { label: \"Phone\", value: user.phoneNumber },\n { label: \"First Name\", value: user.firstName },\n { label: \"Last Name\", value: user.lastName },\n { label: \"Realm\", value: user.realm },\n {\n label: \"Roles\",\n value:\n user.roles.length > 0 ? (\n <Flex gap={4}>\n {user.roles.map((role) => (\n <Badge key={role} size=\"xs\" variant=\"default\">\n {role}\n </Badge>\n ))}\n </Flex>\n ) : null,\n },\n {\n label: \"Created\",\n value: String(l(user.createdAt, { date: \"lll\" })),\n },\n {\n label: \"Updated\",\n value: String(l(user.updatedAt, { date: \"lll\" })),\n },\n ]}\n />\n );\n};\n\nexport default AdminUserProfile;\n"],"mappings":";;;;;;;AAKA,MAAM,yBAAyB;CAC7B,MAAM,EAAE,SAAS,SAAS;CAC1B,MAAM,EAAE,MAAM,SAAS;AAEvB,QACE,oBAAC,cACC,OAAO;EACL;GAAE,OAAO;GAAM,OAAO,KAAK;GAAI,UAAU,KAAK;GAAI;EAClD;GAAE,OAAO;GAAY,OAAO,KAAK;GAAU;EAC3C;GAAE,OAAO;GAAS,OAAO,KAAK;GAAO;EACrC;GACE,OAAO;GACP,OAAO,KAAK,gBAAgB,QAAQ;GACrC;EACD;GAAE,OAAO;GAAS,OAAO,KAAK;GAAa;EAC3C;GAAE,OAAO;GAAc,OAAO,KAAK;GAAW;EAC9C;GAAE,OAAO;GAAa,OAAO,KAAK;GAAU;EAC5C;GAAE,OAAO;GAAS,OAAO,KAAK;GAAO;EACrC;GACE,OAAO;GACP,OACE,KAAK,MAAM,SAAS,IAClB,oBAACA;IAAK,KAAK;cACR,KAAK,MAAM,KAAK,SACf,oBAAC;KAAiB,MAAK;KAAK,SAAQ;eACjC;OADS,KAEJ,CACR;KACG,GACL;GACP;EACD;GACE,OAAO;GACP,OAAO,OAAO,EAAE,KAAK,WAAW,EAAE,MAAM,OAAO,CAAC,CAAC;GAClD;EACD;GACE,OAAO;GACP,OAAO,OAAO,EAAE,KAAK,WAAW,EAAE,MAAM,OAAO,CAAC,CAAC;GAClD;EACF,GACD"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"AdminUsers-D1UfGya9.js","names":["Flex","Text"],"sources":["../../src/admin/components/users/AdminUsers.tsx"],"sourcesContent":["import {\n ActionButton,\n DataTable,\n Flex,\n Text,\n useDialog,\n useToast,\n} from \"@alepha/ui\";\nimport { Avatar, Badge } from \"@mantine/core\";\nimport {\n IconEye,\n IconTrash,\n IconUserOff,\n IconUserPlus,\n} from \"@tabler/icons-react\";\nimport { type Page, t } from \"alepha\";\nimport type { AdminUserController, UserEntity } from \"alepha/api/users\";\nimport { useClient } from \"alepha/react\";\nimport { useI18n } from \"alepha/react/i18n\";\nimport { useRouter } from \"alepha/react/router\";\nimport { useState } from \"react\";\nimport type { AdminRouter } from \"../../AdminRouter.tsx\";\n\nexport interface AdminUsersProps {\n userRealmName?: string;\n}\n\nconst filters = t.object({\n query: t.optional(t.text()),\n enabled: t.optional(t.boolean()),\n emailVerified: t.optional(t.boolean()),\n});\n\nconst AdminUsers = (props: AdminUsersProps) => {\n const client = useClient<AdminUserController>();\n const router = useRouter<AdminRouter>();\n const { l } = useI18n();\n const dialog = useDialog();\n const toast = useToast();\n const [refreshKey, setRefreshKey] = useState(0);\n\n const refresh = () => setRefreshKey((k) => k + 1);\n\n const handleToggleEnabled = async (user: UserEntity) => {\n const enabled = !user.enabled;\n const confirmed = await dialog.confirm({\n title: enabled ? \"Enable user\" : \"Disable user\",\n message: enabled\n ? `Enable ${user.email || user.username || \"this user\"}?`\n : `Disable ${user.email || user.username || \"this user\"}? They will no longer be able to sign in.`,\n });\n if (!confirmed) return;\n await client.updateUser({\n params: { id: user.id },\n query: { userRealmName: props.userRealmName },\n body: { enabled },\n });\n toast.success({\n message: enabled ? \"User enabled\" : \"User disabled\",\n });\n refresh();\n };\n\n const handleDelete = async (user: UserEntity) => {\n const confirmed = await dialog.confirm({\n title: \"Delete user\",\n message: `Permanently delete ${user.email || user.username || \"this user\"}? This action cannot be undone.`,\n });\n if (!confirmed) return;\n await client.deleteUser({\n params: { id: user.id },\n query: { userRealmName: props.userRealmName },\n });\n toast.success({ message: \"User deleted\" });\n refresh();\n };\n\n const handleBulkDisable = async (\n items: UserEntity[],\n clearSelection: () => void,\n ) => {\n const enabledUsers = items.filter((u) => u.enabled);\n if (enabledUsers.length === 0) {\n toast.danger({ message: \"No active users in selection\" });\n return;\n }\n const confirmed = await dialog.confirm({\n title: \"Disable users\",\n message: `Disable ${enabledUsers.length} user(s)? They will no longer be able to sign in.`,\n });\n if (!confirmed) return;\n for (const user of enabledUsers) {\n await client.updateUser({\n params: { id: user.id },\n query: { userRealmName: props.userRealmName },\n body: { enabled: false },\n });\n }\n toast.success({\n message: `${enabledUsers.length} user(s) disabled`,\n });\n clearSelection();\n refresh();\n };\n\n return (\n <Flex p={\"md\"} flex={1} direction=\"column\">\n <DataTable<UserEntity, typeof filters>\n withCheckbox\n withExport\n checkboxActions={[\n {\n intent: \"danger\",\n label: \"Disable selected\",\n icon: <IconUserOff />,\n onClick: (ctx) =>\n handleBulkDisable(ctx.selectedItems, ctx.clearSelection),\n },\n ]}\n key={refreshKey}\n submitOnInit\n defaultSize={10}\n defaultFilters={[\"query\"]}\n tableProps={{\n horizontalSpacing: \"xs\",\n verticalSpacing: \"xs\",\n }}\n onFilterChange={(_key, _value, form) => form.submit()}\n filters={filters}\n items={async (filters) => {\n const response = await client.findUsers({\n query: {\n ...filters,\n userRealmName: props.userRealmName,\n },\n });\n return response as Page<UserEntity>;\n }}\n columns={{\n user: {\n label: \"User\",\n value: (item) => {\n const name =\n `${item.firstName || \"\"} ${item.lastName || \"\"}`.trim() ||\n item.username ||\n \"Anonymous\";\n\n return (\n <ActionButton\n variant={\"transparent\"}\n href={`/admin/users/${item.id}`}\n >\n <Flex gap={\"xs\"} centerY>\n <Avatar size={\"sm\"} name={name} />\n <Flex col>\n <Text size={\"sm\"} bold>\n {name}\n </Text>\n <Text size=\"xs\" muted>\n {item.email || \"\\u2014\"}\n </Text>\n </Flex>\n </Flex>\n </ActionButton>\n );\n },\n },\n username: {\n label: \"Username\",\n defaultHidden: true,\n value: (item) => (\n <Text size=\"sm\" ff=\"monospace\">\n {item.username || \"\\u2014\"}\n </Text>\n ),\n },\n roles: {\n label: \"Roles\",\n value: (item) =>\n item.roles.length > 0 ? (\n <Flex gap={4}>\n {item.roles.map((role: string) => (\n <Badge key={role} size=\"xs\" variant=\"default\">\n {role}\n </Badge>\n ))}\n </Flex>\n ) : (\n <Text size=\"xs\" muted>\n No roles\n </Text>\n ),\n },\n enabled: {\n label: \"Status\",\n value: (item) => (\n <Badge\n size=\"sm\"\n variant=\"light\"\n color={item.enabled ? \"green\" : \"red\"}\n >\n {item.enabled ? \"Active\" : \"Disabled\"}\n </Badge>\n ),\n },\n emailVerified: {\n label: \"Email\",\n value: (item) => (\n <Badge\n size=\"sm\"\n variant=\"light\"\n color={item.emailVerified ? \"green\" : \"gray\"}\n >\n {item.emailVerified ? \"Verified\" : \"Unverified\"}\n </Badge>\n ),\n },\n createdAt: {\n label: \"Joined\",\n sortable: true,\n sortKey: \"createdAt\",\n value: (item) => (\n <Text size=\"xs\" muted>\n {l(item.createdAt, { date: \"fromNow\" })}\n </Text>\n ),\n },\n }}\n rowActions={(item) => [\n {\n label: \"View profile\",\n icon: IconEye,\n onClick: () =>\n router.push(\"adminUserProfile\", {\n params: { userId: item.id },\n }),\n },\n {\n label: item.enabled ? \"Disable user\" : \"Enable user\",\n icon: item.enabled ? IconUserOff : IconUserPlus,\n color: item.enabled ? \"red\" : \"green\",\n onClick: () => handleToggleEnabled(item),\n },\n {\n label: \"Delete user\",\n icon: IconTrash,\n color: \"red\",\n onClick: () => handleDelete(item),\n },\n ]}\n />\n </Flex>\n );\n};\n\nexport default AdminUsers;\n"],"mappings":"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"}
|