@open-mercato/core 0.6.6-develop.6356.1.4d780a65a3 → 0.6.6-develop.6357.1.7c17a47f4e
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.
|
@@ -10,6 +10,7 @@ import { StatusBadge } from "@open-mercato/ui/primitives/status-badge";
|
|
|
10
10
|
import { Button } from "@open-mercato/ui/primitives/button";
|
|
11
11
|
import { LogList } from "@open-mercato/ui/backend/LogList";
|
|
12
12
|
import { Progress } from "@open-mercato/ui/primitives/progress";
|
|
13
|
+
import { Pagination } from "@open-mercato/ui/primitives/pagination";
|
|
13
14
|
import { Spinner } from "@open-mercato/ui/primitives/spinner";
|
|
14
15
|
import { apiCall } from "@open-mercato/ui/backend/utils/apiCall";
|
|
15
16
|
import { useGuardedMutation } from "@open-mercato/ui/backend/injection/useGuardedMutation";
|
|
@@ -36,6 +37,7 @@ function resolvePathnameId(pathname) {
|
|
|
36
37
|
if (!runId || runId === "runs" || runId === "data-sync") return void 0;
|
|
37
38
|
return decodeURIComponent(runId);
|
|
38
39
|
}
|
|
40
|
+
const LOG_PAGE_SIZE = 50;
|
|
39
41
|
function SyncRunDetailPage({ params }) {
|
|
40
42
|
const pathname = usePathname();
|
|
41
43
|
const router = useRouter();
|
|
@@ -50,6 +52,9 @@ function SyncRunDetailPage({ params }) {
|
|
|
50
52
|
const [isNotFound, setIsNotFound] = React.useState(false);
|
|
51
53
|
const [logs, setLogs] = React.useState([]);
|
|
52
54
|
const [isLoadingLogs, setIsLoadingLogs] = React.useState(false);
|
|
55
|
+
const [logsTotal, setLogsTotal] = React.useState(0);
|
|
56
|
+
const [logsPage, setLogsPage] = React.useState(1);
|
|
57
|
+
const logsPageRef = React.useRef(1);
|
|
53
58
|
const resolveCurrentRunId = React.useCallback(() => {
|
|
54
59
|
return runId ?? (typeof window !== "undefined" ? resolvePathnameId(window.location.pathname) : void 0);
|
|
55
60
|
}, [runId]);
|
|
@@ -78,18 +83,22 @@ function SyncRunDetailPage({ params }) {
|
|
|
78
83
|
setRun(call.result);
|
|
79
84
|
setIsLoading(false);
|
|
80
85
|
}, [resolveCurrentRunId, t]);
|
|
81
|
-
const loadLogs = React.useCallback(async () => {
|
|
86
|
+
const loadLogs = React.useCallback(async (page) => {
|
|
82
87
|
const currentRunId = resolveCurrentRunId();
|
|
83
88
|
if (!currentRunId) return;
|
|
89
|
+
const targetPage = page ?? logsPageRef.current;
|
|
84
90
|
setIsLoadingLogs(true);
|
|
85
|
-
const params2 = new URLSearchParams({ runId: currentRunId, pageSize:
|
|
91
|
+
const params2 = new URLSearchParams({ runId: currentRunId, pageSize: String(LOG_PAGE_SIZE), page: String(targetPage) });
|
|
86
92
|
const call = await apiCall(
|
|
87
93
|
`/api/integrations/logs?${params2.toString()}`,
|
|
88
94
|
void 0,
|
|
89
|
-
{ fallback: { items: [] } }
|
|
95
|
+
{ fallback: { items: [], total: 0 } }
|
|
90
96
|
);
|
|
91
97
|
if (call.ok && call.result) {
|
|
92
98
|
setLogs(call.result.items);
|
|
99
|
+
if (typeof call.result.total === "number") setLogsTotal(call.result.total);
|
|
100
|
+
logsPageRef.current = targetPage;
|
|
101
|
+
setLogsPage(targetPage);
|
|
93
102
|
}
|
|
94
103
|
setIsLoadingLogs(false);
|
|
95
104
|
}, [resolveCurrentRunId]);
|
|
@@ -279,19 +288,33 @@ function SyncRunDetailPage({ params }) {
|
|
|
279
288
|
] }),
|
|
280
289
|
/* @__PURE__ */ jsxs(Card, { children: [
|
|
281
290
|
/* @__PURE__ */ jsx(CardHeader, { children: /* @__PURE__ */ jsx(CardTitle, { children: t("data_sync.runs.detail.logs") }) }),
|
|
282
|
-
/* @__PURE__ */
|
|
283
|
-
|
|
284
|
-
|
|
285
|
-
|
|
286
|
-
|
|
287
|
-
|
|
288
|
-
|
|
289
|
-
|
|
290
|
-
|
|
291
|
-
|
|
292
|
-
|
|
293
|
-
|
|
294
|
-
|
|
291
|
+
/* @__PURE__ */ jsxs(CardContent, { children: [
|
|
292
|
+
isLoadingLogs ? /* @__PURE__ */ jsx("div", { className: "flex justify-center py-4", children: /* @__PURE__ */ jsx(Spinner, {}) }) : /* @__PURE__ */ jsx(
|
|
293
|
+
LogList,
|
|
294
|
+
{
|
|
295
|
+
entries: logs.map((log) => ({
|
|
296
|
+
id: log.id,
|
|
297
|
+
time: new Date(log.createdAt).toLocaleString(),
|
|
298
|
+
level: log.level,
|
|
299
|
+
message: log.message,
|
|
300
|
+
body: log.payload ? /* @__PURE__ */ jsx("pre", { className: "overflow-x-auto whitespace-pre-wrap rounded-md border bg-card p-3 text-xs", children: JSON.stringify(log.payload, null, 2) }) : /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: t("data_sync.runs.detail.logs.noPayload", "No payload recorded for this log entry.") })
|
|
301
|
+
})),
|
|
302
|
+
emptyMessage: t("data_sync.runs.detail.noLogs")
|
|
303
|
+
}
|
|
304
|
+
),
|
|
305
|
+
logsTotal > LOG_PAGE_SIZE && /* @__PURE__ */ jsx(
|
|
306
|
+
Pagination,
|
|
307
|
+
{
|
|
308
|
+
className: "mt-4",
|
|
309
|
+
page: logsPage,
|
|
310
|
+
pageSize: LOG_PAGE_SIZE,
|
|
311
|
+
total: logsTotal,
|
|
312
|
+
onPageChange: (next) => {
|
|
313
|
+
void loadLogs(next);
|
|
314
|
+
}
|
|
315
|
+
}
|
|
316
|
+
)
|
|
317
|
+
] })
|
|
295
318
|
] })
|
|
296
319
|
] }) });
|
|
297
320
|
}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../../../../src/modules/data_sync/backend/data-sync/runs/%5Bid%5D/page.tsx"],
|
|
4
|
-
"sourcesContent": ["\"use client\"\nimport * as React from 'react'\nimport { usePathname, useRouter } from 'next/navigation'\nimport { Page, PageBody } from '@open-mercato/ui/backend/Page'\nimport { FormHeader } from '@open-mercato/ui/backend/forms'\nimport { Card, CardHeader, CardTitle, CardContent } from '@open-mercato/ui/primitives/card'\nimport { Badge } from '@open-mercato/ui/primitives/badge'\nimport { StatusBadge } from '@open-mercato/ui/primitives/status-badge'\nimport { Button } from '@open-mercato/ui/primitives/button'\nimport { LogList, type LogListEntry } from '@open-mercato/ui/backend/LogList'\nimport { Progress } from '@open-mercato/ui/primitives/progress'\nimport { Spinner } from '@open-mercato/ui/primitives/spinner'\nimport { apiCall } from '@open-mercato/ui/backend/utils/apiCall'\nimport { useGuardedMutation } from '@open-mercato/ui/backend/injection/useGuardedMutation'\nimport { flash } from '@open-mercato/ui/backend/FlashMessages'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { LoadingMessage, ErrorMessage, RecordNotFoundState } from '@open-mercato/ui/backend/detail'\nimport { useAppEvent } from '@open-mercato/ui/backend/injection/useAppEvent'\nimport { RotateCcw, XCircle } from 'lucide-react'\nimport { getSyncRunStatusVariant } from '../../../../lib/syncRunStatus'\n\ntype SyncRunDetail = {\n id: string\n integrationId: string\n entityType: string\n direction: 'import' | 'export'\n status: 'pending' | 'running' | 'completed' | 'failed' | 'cancelled' | 'paused'\n createdCount: number\n updatedCount: number\n skippedCount: number\n failedCount: number\n batchesCompleted: number\n lastError: string | null\n progressJobId: string | null\n progressJob: {\n id: string\n status: string\n progressPercent: number\n processedCount: number\n totalCount: number | null\n etaSeconds: number | null\n meta?: Record<string, unknown> | null\n } | null\n triggeredBy: string | null\n createdAt: string\n updatedAt: string\n}\n\ntype ProgressEventPayload = {\n jobId?: string\n status?: string\n progressPercent?: number\n processedCount?: number\n totalCount?: number | null\n etaSeconds?: number | null\n meta?: Record<string, unknown> | null\n}\n\ntype LogEntry = {\n id: string\n level: 'info' | 'warn' | 'error'\n message: string\n createdAt: string\n payload?: Record<string, unknown> | null\n}\n\nfunction formatEtaSeconds(seconds: number): string {\n if (seconds < 60) return `${seconds}s`\n if (seconds < 3600) return `${Math.ceil(seconds / 60)}m`\n const hours = Math.floor(seconds / 3600)\n const minutes = Math.ceil((seconds % 3600) / 60)\n return `${hours}h ${minutes}m`\n}\n\ntype SyncRunDetailPageProps = {\n params?: {\n id?: string | string[]\n }\n}\n\nfunction resolveRouteId(value: string | string[] | undefined): string | undefined {\n if (Array.isArray(value)) return value[0]\n return value\n}\n\nfunction resolvePathnameId(pathname: string): string | undefined {\n const parts = pathname.split('/').filter(Boolean)\n const runId = parts.at(-1)\n if (!runId || runId === 'runs' || runId === 'data-sync') return undefined\n return decodeURIComponent(runId)\n}\n\nexport default function SyncRunDetailPage({ params }: SyncRunDetailPageProps) {\n const pathname = usePathname()\n const router = useRouter()\n const runId = resolveRouteId(params?.id) ?? resolvePathnameId(pathname)\n const t = useT()\n const { runMutation } = useGuardedMutation<Record<string, unknown>>({\n contextId: 'data_sync.runDetail',\n })\n\n const [run, setRun] = React.useState<SyncRunDetail | null>(null)\n const [isLoading, setIsLoading] = React.useState(true)\n const [error, setError] = React.useState<string | null>(null)\n const [isNotFound, setIsNotFound] = React.useState(false)\n const [logs, setLogs] = React.useState<LogEntry[]>([])\n const [isLoadingLogs, setIsLoadingLogs] = React.useState(false)\n\n const resolveCurrentRunId = React.useCallback(() => {\n return runId ?? (\n typeof window !== 'undefined'\n ? resolvePathnameId(window.location.pathname)\n : undefined\n )\n }, [runId])\n\n const loadRun = React.useCallback(async () => {\n const currentRunId = resolveCurrentRunId()\n if (!currentRunId) {\n setError(t('data_sync.runs.detail.loadError'))\n setIsLoading(false)\n return\n }\n setIsNotFound(false)\n const call = await apiCall<SyncRunDetail>(\n `/api/data_sync/runs/${encodeURIComponent(currentRunId)}`,\n undefined,\n { fallback: null },\n )\n if (!call.ok || !call.result) {\n if (call.status === 404) {\n setIsNotFound(true)\n } else {\n setError(t('data_sync.runs.detail.loadError'))\n }\n setIsLoading(false)\n return\n }\n setRun(call.result)\n setIsLoading(false)\n }, [resolveCurrentRunId, t])\n\n const loadLogs = React.useCallback(async () => {\n const currentRunId = resolveCurrentRunId()\n if (!currentRunId) return\n setIsLoadingLogs(true)\n const params = new URLSearchParams({ runId: currentRunId, pageSize: '50' })\n const call = await apiCall<{ items: LogEntry[] }>(\n `/api/integrations/logs?${params.toString()}`,\n undefined,\n { fallback: { items: [] } },\n )\n if (call.ok && call.result) {\n setLogs(call.result.items)\n }\n setIsLoadingLogs(false)\n }, [resolveCurrentRunId])\n\n React.useEffect(() => {\n void loadRun()\n void loadLogs()\n }, [loadRun, loadLogs])\n\n const handleProgressEvent = React.useCallback((payload: ProgressEventPayload) => {\n const eventJobId = typeof payload.jobId === 'string' ? payload.jobId : null\n if (!eventJobId) return\n\n setRun((current) => {\n if (!current?.progressJobId || current.progressJobId !== eventJobId) return current\n return {\n ...current,\n status: (payload.status as SyncRunDetail['status']) ?? current.status,\n progressJob: {\n id: eventJobId,\n status: payload.status ?? current.progressJob?.status ?? current.status,\n progressPercent: payload.progressPercent ?? current.progressJob?.progressPercent ?? 0,\n processedCount: payload.processedCount ?? current.progressJob?.processedCount ?? 0,\n totalCount: payload.totalCount ?? current.progressJob?.totalCount ?? null,\n etaSeconds: payload.etaSeconds ?? current.progressJob?.etaSeconds ?? null,\n meta: payload.meta ?? current.progressJob?.meta ?? null,\n },\n }\n })\n }, [])\n\n useAppEvent('progress.job.updated', (event) => {\n handleProgressEvent(event.payload as ProgressEventPayload)\n }, [handleProgressEvent])\n\n useAppEvent('progress.job.started', (event) => {\n handleProgressEvent(event.payload as ProgressEventPayload)\n }, [handleProgressEvent])\n\n useAppEvent('progress.job.completed', (event) => {\n handleProgressEvent(event.payload as ProgressEventPayload)\n void loadRun()\n void loadLogs()\n }, [handleProgressEvent, loadLogs, loadRun])\n\n useAppEvent('progress.job.failed', (event) => {\n handleProgressEvent(event.payload as ProgressEventPayload)\n void loadRun()\n void loadLogs()\n }, [handleProgressEvent, loadLogs, loadRun])\n\n useAppEvent('progress.job.cancelled', (event) => {\n handleProgressEvent(event.payload as ProgressEventPayload)\n void loadRun()\n void loadLogs()\n }, [handleProgressEvent, loadLogs, loadRun])\n\n useAppEvent('om:bridge:reconnected', () => {\n void loadRun()\n void loadLogs()\n }, [loadLogs, loadRun])\n\n const handleCancel = React.useCallback(async () => {\n const currentRunId = resolveCurrentRunId()\n if (!currentRunId) return\n const call = await runMutation({\n // optimistic-lock-exempt: run lifecycle action endpoint (cancel), not a concurrent record edit\n operation: () => apiCall(`/api/data_sync/runs/${encodeURIComponent(currentRunId)}/cancel`, {\n method: 'POST',\n }, { fallback: null }),\n mutationPayload: { runId: currentRunId },\n context: {\n operation: 'update',\n actionId: 'cancel-sync-run',\n runId: currentRunId,\n },\n })\n if (call.ok) {\n flash(t('data_sync.runs.detail.cancelSuccess'), 'success')\n void loadRun()\n } else {\n flash(t('data_sync.runs.detail.cancelError'), 'error')\n }\n }, [resolveCurrentRunId, runMutation, t, loadRun])\n\n const handleRetry = React.useCallback(async () => {\n const currentRunId = resolveCurrentRunId()\n if (!currentRunId) return\n const call = await runMutation({\n // optimistic-lock-exempt: starts a new retry run (create), not a concurrent record edit\n operation: () => apiCall<{ id: string }>(`/api/data_sync/runs/${encodeURIComponent(currentRunId)}/retry`, {\n method: 'POST',\n headers: { 'Content-Type': 'application/json' },\n body: JSON.stringify({ fromBeginning: false }),\n }, { fallback: null }),\n mutationPayload: { runId: currentRunId, fromBeginning: false },\n context: {\n operation: 'create',\n actionId: 'retry-sync-run',\n runId: currentRunId,\n },\n })\n if (call.ok && call.result) {\n flash(t('data_sync.runs.detail.retrySuccess'), 'success')\n router.push(`/backend/data-sync/runs/${encodeURIComponent(call.result.id)}`)\n } else {\n flash(t('data_sync.runs.detail.retryError'), 'error')\n }\n }, [resolveCurrentRunId, router, runMutation, t])\n\n if (isLoading) return <Page><PageBody><LoadingMessage label={t('data_sync.runs.detail.title')} /></PageBody></Page>\n if (isNotFound) {\n return (\n <Page>\n <PageBody>\n <RecordNotFoundState\n label={t('data_sync.runs.detail.notFound', 'Sync run not found.')}\n backHref=\"/backend/data-sync\"\n backLabel={t('data_sync.runs.detail.back')}\n />\n </PageBody>\n </Page>\n )\n }\n if (error || !run) return <Page><PageBody><ErrorMessage label={error ?? t('data_sync.runs.detail.loadError')} /></PageBody></Page>\n\n const totalProcessed = run.createdCount + run.updatedCount + run.skippedCount + run.failedCount\n const progressPercent = run.progressJob?.progressPercent ?? (run.status === 'completed' ? 100 : 0)\n const progressStatus = run.progressJob?.status ?? run.status\n const processedCount = run.progressJob?.processedCount ?? totalProcessed\n const hasProgressTotal = typeof run.progressJob?.totalCount === 'number' && run.progressJob.totalCount > 0\n const etaLabel = run.progressJob?.etaSeconds && run.progressJob.etaSeconds > 0\n ? formatEtaSeconds(run.progressJob.etaSeconds)\n : null\n\n return (\n <Page>\n <PageBody className=\"space-y-6\">\n <FormHeader\n mode=\"detail\"\n backHref=\"/backend/data-sync\"\n backLabel={t('data_sync.runs.detail.back')}\n entityTypeLabel={t('data_sync.runs.detail.title')}\n title={`${run.integrationId} \u2014 ${run.entityType}`}\n statusBadge={(\n <div className=\"mt-2 flex flex-wrap gap-2\">\n <Badge variant=\"outline\">{t(`data_sync.dashboard.direction.${run.direction}`)}</Badge>\n <StatusBadge variant={getSyncRunStatusVariant(run.status)}>\n {t(`data_sync.dashboard.status.${run.status}`)}\n </StatusBadge>\n {run.triggeredBy ? <Badge variant=\"outline\">{run.triggeredBy}</Badge> : null}\n </div>\n )}\n actionsContent={(\n <>\n {(run.status === 'running' || run.status === 'pending') ? (\n <Button type=\"button\" variant=\"destructive\" size=\"sm\" onClick={() => void handleCancel()}>\n <XCircle className=\"mr-2 h-4 w-4\" />\n {t('data_sync.runs.detail.cancel')}\n </Button>\n ) : null}\n {run.status === 'failed' ? (\n <Button type=\"button\" variant=\"outline\" size=\"sm\" onClick={() => void handleRetry()}>\n <RotateCcw className=\"mr-2 h-4 w-4\" />\n {t('data_sync.runs.detail.retry')}\n </Button>\n ) : null}\n </>\n )}\n />\n\n <Card>\n <CardHeader>\n <div className=\"flex items-center justify-between gap-3\">\n <CardTitle>{t('data_sync.runs.detail.progress')}</CardTitle>\n <StatusBadge variant={getSyncRunStatusVariant(progressStatus)}>\n {t(`data_sync.dashboard.status.${progressStatus}`)}\n </StatusBadge>\n </div>\n </CardHeader>\n <CardContent className=\"space-y-3\">\n <div className=\"flex items-center justify-between gap-3 text-sm\">\n <span className=\"font-medium\">\n {hasProgressTotal\n ? t('data_sync.runs.detail.progress.percent', { percent: progressPercent })\n : t('data_sync.runs.detail.progress.itemsProcessed', { count: processedCount })}\n </span>\n {etaLabel ? (\n <span className=\"text-muted-foreground\">\n {t('data_sync.runs.detail.progress.eta', { eta: etaLabel })}\n </span>\n ) : null}\n </div>\n {hasProgressTotal ? (\n <Progress value={progressPercent} className=\"h-3\" />\n ) : (\n <div className=\"relative h-3 w-full overflow-hidden rounded-full bg-secondary\">\n <div className=\"absolute inset-y-0 left-0 w-1/2 animate-pulse rounded-full bg-primary/80\" />\n <div className=\"absolute inset-y-0 right-0 w-1/3 rounded-full bg-primary/10\" />\n </div>\n )}\n <div className=\"flex flex-wrap items-center justify-between gap-2 text-sm text-muted-foreground\">\n <span>\n {hasProgressTotal\n ? t('data_sync.runs.detail.progress.itemsProcessedTotal', {\n processed: processedCount,\n total: run.progressJob?.totalCount ?? 0,\n })\n : t('data_sync.runs.detail.progress.itemsProcessed', { count: processedCount })}\n </span>\n <span>{t('data_sync.runs.detail.progress.batches', { count: run.batchesCompleted })}</span>\n </div>\n </CardContent>\n </Card>\n\n <div className=\"grid grid-cols-2 sm:grid-cols-4 gap-4\">\n <Card>\n <CardContent className=\"pt-6 text-center\">\n <div className=\"text-2xl font-bold text-status-success-text\">{run.createdCount}</div>\n <p className=\"text-sm text-muted-foreground\">{t('data_sync.runs.detail.counters.created')}</p>\n </CardContent>\n </Card>\n <Card>\n <CardContent className=\"pt-6 text-center\">\n <div className=\"text-2xl font-bold text-status-info-text\">{run.updatedCount}</div>\n <p className=\"text-sm text-muted-foreground\">{t('data_sync.runs.detail.counters.updated')}</p>\n </CardContent>\n </Card>\n <Card>\n <CardContent className=\"pt-6 text-center\">\n <div className=\"text-2xl font-bold text-muted-foreground\">{run.skippedCount}</div>\n <p className=\"text-sm text-muted-foreground\">{t('data_sync.runs.detail.counters.skipped')}</p>\n </CardContent>\n </Card>\n <Card>\n <CardContent className=\"pt-6 text-center\">\n <div className=\"text-2xl font-bold text-status-error-text\">{run.failedCount}</div>\n <p className=\"text-sm text-muted-foreground\">{t('data_sync.runs.detail.counters.failed')}</p>\n </CardContent>\n </Card>\n </div>\n\n {run.lastError && (\n <Card className=\"border-status-error-border bg-status-error-bg\">\n <CardHeader>\n <CardTitle className=\"text-status-error-text\">{t('data_sync.runs.detail.error')}</CardTitle>\n </CardHeader>\n <CardContent>\n <pre className=\"text-sm text-status-error-text whitespace-pre-wrap\">{run.lastError}</pre>\n </CardContent>\n </Card>\n )}\n\n <Card>\n <CardHeader>\n <CardTitle>{t('data_sync.runs.detail.logs')}</CardTitle>\n </CardHeader>\n <CardContent>\n {isLoadingLogs ? (\n <div className=\"flex justify-center py-4\"><Spinner /></div>\n ) : (\n <LogList\n entries={logs.map<LogListEntry>((log) => ({\n id: log.id,\n time: new Date(log.createdAt).toLocaleString(),\n level: log.level,\n message: log.message,\n body: log.payload ? (\n <pre className=\"overflow-x-auto whitespace-pre-wrap rounded-md border bg-card p-3 text-xs\">\n {JSON.stringify(log.payload, null, 2)}\n </pre>\n ) : (\n <p className=\"text-sm text-muted-foreground\">\n {t('data_sync.runs.detail.logs.noPayload', 'No payload recorded for this log entry.')}\n </p>\n ),\n }))}\n emptyMessage={t('data_sync.runs.detail.noLogs')}\n />\n )}\n </CardContent>\n </Card>\n </PageBody>\n </Page>\n )\n}\n"],
|
|
5
|
-
"mappings": ";
|
|
4
|
+
"sourcesContent": ["\"use client\"\nimport * as React from 'react'\nimport { usePathname, useRouter } from 'next/navigation'\nimport { Page, PageBody } from '@open-mercato/ui/backend/Page'\nimport { FormHeader } from '@open-mercato/ui/backend/forms'\nimport { Card, CardHeader, CardTitle, CardContent } from '@open-mercato/ui/primitives/card'\nimport { Badge } from '@open-mercato/ui/primitives/badge'\nimport { StatusBadge } from '@open-mercato/ui/primitives/status-badge'\nimport { Button } from '@open-mercato/ui/primitives/button'\nimport { LogList, type LogListEntry } from '@open-mercato/ui/backend/LogList'\nimport { Progress } from '@open-mercato/ui/primitives/progress'\nimport { Pagination } from '@open-mercato/ui/primitives/pagination'\nimport { Spinner } from '@open-mercato/ui/primitives/spinner'\nimport { apiCall } from '@open-mercato/ui/backend/utils/apiCall'\nimport { useGuardedMutation } from '@open-mercato/ui/backend/injection/useGuardedMutation'\nimport { flash } from '@open-mercato/ui/backend/FlashMessages'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { LoadingMessage, ErrorMessage, RecordNotFoundState } from '@open-mercato/ui/backend/detail'\nimport { useAppEvent } from '@open-mercato/ui/backend/injection/useAppEvent'\nimport { RotateCcw, XCircle } from 'lucide-react'\nimport { getSyncRunStatusVariant } from '../../../../lib/syncRunStatus'\n\ntype SyncRunDetail = {\n id: string\n integrationId: string\n entityType: string\n direction: 'import' | 'export'\n status: 'pending' | 'running' | 'completed' | 'failed' | 'cancelled' | 'paused'\n createdCount: number\n updatedCount: number\n skippedCount: number\n failedCount: number\n batchesCompleted: number\n lastError: string | null\n progressJobId: string | null\n progressJob: {\n id: string\n status: string\n progressPercent: number\n processedCount: number\n totalCount: number | null\n etaSeconds: number | null\n meta?: Record<string, unknown> | null\n } | null\n triggeredBy: string | null\n createdAt: string\n updatedAt: string\n}\n\ntype ProgressEventPayload = {\n jobId?: string\n status?: string\n progressPercent?: number\n processedCount?: number\n totalCount?: number | null\n etaSeconds?: number | null\n meta?: Record<string, unknown> | null\n}\n\ntype LogEntry = {\n id: string\n level: 'info' | 'warn' | 'error'\n message: string\n createdAt: string\n payload?: Record<string, unknown> | null\n}\n\nfunction formatEtaSeconds(seconds: number): string {\n if (seconds < 60) return `${seconds}s`\n if (seconds < 3600) return `${Math.ceil(seconds / 60)}m`\n const hours = Math.floor(seconds / 3600)\n const minutes = Math.ceil((seconds % 3600) / 60)\n return `${hours}h ${minutes}m`\n}\n\ntype SyncRunDetailPageProps = {\n params?: {\n id?: string | string[]\n }\n}\n\nfunction resolveRouteId(value: string | string[] | undefined): string | undefined {\n if (Array.isArray(value)) return value[0]\n return value\n}\n\nfunction resolvePathnameId(pathname: string): string | undefined {\n const parts = pathname.split('/').filter(Boolean)\n const runId = parts.at(-1)\n if (!runId || runId === 'runs' || runId === 'data-sync') return undefined\n return decodeURIComponent(runId)\n}\n\nconst LOG_PAGE_SIZE = 50\n\nexport default function SyncRunDetailPage({ params }: SyncRunDetailPageProps) {\n const pathname = usePathname()\n const router = useRouter()\n const runId = resolveRouteId(params?.id) ?? resolvePathnameId(pathname)\n const t = useT()\n const { runMutation } = useGuardedMutation<Record<string, unknown>>({\n contextId: 'data_sync.runDetail',\n })\n\n const [run, setRun] = React.useState<SyncRunDetail | null>(null)\n const [isLoading, setIsLoading] = React.useState(true)\n const [error, setError] = React.useState<string | null>(null)\n const [isNotFound, setIsNotFound] = React.useState(false)\n const [logs, setLogs] = React.useState<LogEntry[]>([])\n const [isLoadingLogs, setIsLoadingLogs] = React.useState(false)\n const [logsTotal, setLogsTotal] = React.useState(0)\n const [logsPage, setLogsPage] = React.useState(1)\n const logsPageRef = React.useRef(1)\n\n const resolveCurrentRunId = React.useCallback(() => {\n return runId ?? (\n typeof window !== 'undefined'\n ? resolvePathnameId(window.location.pathname)\n : undefined\n )\n }, [runId])\n\n const loadRun = React.useCallback(async () => {\n const currentRunId = resolveCurrentRunId()\n if (!currentRunId) {\n setError(t('data_sync.runs.detail.loadError'))\n setIsLoading(false)\n return\n }\n setIsNotFound(false)\n const call = await apiCall<SyncRunDetail>(\n `/api/data_sync/runs/${encodeURIComponent(currentRunId)}`,\n undefined,\n { fallback: null },\n )\n if (!call.ok || !call.result) {\n if (call.status === 404) {\n setIsNotFound(true)\n } else {\n setError(t('data_sync.runs.detail.loadError'))\n }\n setIsLoading(false)\n return\n }\n setRun(call.result)\n setIsLoading(false)\n }, [resolveCurrentRunId, t])\n\n const loadLogs = React.useCallback(async (page?: number) => {\n const currentRunId = resolveCurrentRunId()\n if (!currentRunId) return\n const targetPage = page ?? logsPageRef.current\n setIsLoadingLogs(true)\n const params = new URLSearchParams({ runId: currentRunId, pageSize: String(LOG_PAGE_SIZE), page: String(targetPage) })\n const call = await apiCall<{ items: LogEntry[]; total?: number }>(\n `/api/integrations/logs?${params.toString()}`,\n undefined,\n { fallback: { items: [], total: 0 } },\n )\n if (call.ok && call.result) {\n setLogs(call.result.items)\n if (typeof call.result.total === 'number') setLogsTotal(call.result.total)\n logsPageRef.current = targetPage\n setLogsPage(targetPage)\n }\n setIsLoadingLogs(false)\n }, [resolveCurrentRunId])\n\n React.useEffect(() => {\n void loadRun()\n void loadLogs()\n }, [loadRun, loadLogs])\n\n const handleProgressEvent = React.useCallback((payload: ProgressEventPayload) => {\n const eventJobId = typeof payload.jobId === 'string' ? payload.jobId : null\n if (!eventJobId) return\n\n setRun((current) => {\n if (!current?.progressJobId || current.progressJobId !== eventJobId) return current\n return {\n ...current,\n status: (payload.status as SyncRunDetail['status']) ?? current.status,\n progressJob: {\n id: eventJobId,\n status: payload.status ?? current.progressJob?.status ?? current.status,\n progressPercent: payload.progressPercent ?? current.progressJob?.progressPercent ?? 0,\n processedCount: payload.processedCount ?? current.progressJob?.processedCount ?? 0,\n totalCount: payload.totalCount ?? current.progressJob?.totalCount ?? null,\n etaSeconds: payload.etaSeconds ?? current.progressJob?.etaSeconds ?? null,\n meta: payload.meta ?? current.progressJob?.meta ?? null,\n },\n }\n })\n }, [])\n\n useAppEvent('progress.job.updated', (event) => {\n handleProgressEvent(event.payload as ProgressEventPayload)\n }, [handleProgressEvent])\n\n useAppEvent('progress.job.started', (event) => {\n handleProgressEvent(event.payload as ProgressEventPayload)\n }, [handleProgressEvent])\n\n useAppEvent('progress.job.completed', (event) => {\n handleProgressEvent(event.payload as ProgressEventPayload)\n void loadRun()\n void loadLogs()\n }, [handleProgressEvent, loadLogs, loadRun])\n\n useAppEvent('progress.job.failed', (event) => {\n handleProgressEvent(event.payload as ProgressEventPayload)\n void loadRun()\n void loadLogs()\n }, [handleProgressEvent, loadLogs, loadRun])\n\n useAppEvent('progress.job.cancelled', (event) => {\n handleProgressEvent(event.payload as ProgressEventPayload)\n void loadRun()\n void loadLogs()\n }, [handleProgressEvent, loadLogs, loadRun])\n\n useAppEvent('om:bridge:reconnected', () => {\n void loadRun()\n void loadLogs()\n }, [loadLogs, loadRun])\n\n const handleCancel = React.useCallback(async () => {\n const currentRunId = resolveCurrentRunId()\n if (!currentRunId) return\n const call = await runMutation({\n // optimistic-lock-exempt: run lifecycle action endpoint (cancel), not a concurrent record edit\n operation: () => apiCall(`/api/data_sync/runs/${encodeURIComponent(currentRunId)}/cancel`, {\n method: 'POST',\n }, { fallback: null }),\n mutationPayload: { runId: currentRunId },\n context: {\n operation: 'update',\n actionId: 'cancel-sync-run',\n runId: currentRunId,\n },\n })\n if (call.ok) {\n flash(t('data_sync.runs.detail.cancelSuccess'), 'success')\n void loadRun()\n } else {\n flash(t('data_sync.runs.detail.cancelError'), 'error')\n }\n }, [resolveCurrentRunId, runMutation, t, loadRun])\n\n const handleRetry = React.useCallback(async () => {\n const currentRunId = resolveCurrentRunId()\n if (!currentRunId) return\n const call = await runMutation({\n // optimistic-lock-exempt: starts a new retry run (create), not a concurrent record edit\n operation: () => apiCall<{ id: string }>(`/api/data_sync/runs/${encodeURIComponent(currentRunId)}/retry`, {\n method: 'POST',\n headers: { 'Content-Type': 'application/json' },\n body: JSON.stringify({ fromBeginning: false }),\n }, { fallback: null }),\n mutationPayload: { runId: currentRunId, fromBeginning: false },\n context: {\n operation: 'create',\n actionId: 'retry-sync-run',\n runId: currentRunId,\n },\n })\n if (call.ok && call.result) {\n flash(t('data_sync.runs.detail.retrySuccess'), 'success')\n router.push(`/backend/data-sync/runs/${encodeURIComponent(call.result.id)}`)\n } else {\n flash(t('data_sync.runs.detail.retryError'), 'error')\n }\n }, [resolveCurrentRunId, router, runMutation, t])\n\n if (isLoading) return <Page><PageBody><LoadingMessage label={t('data_sync.runs.detail.title')} /></PageBody></Page>\n if (isNotFound) {\n return (\n <Page>\n <PageBody>\n <RecordNotFoundState\n label={t('data_sync.runs.detail.notFound', 'Sync run not found.')}\n backHref=\"/backend/data-sync\"\n backLabel={t('data_sync.runs.detail.back')}\n />\n </PageBody>\n </Page>\n )\n }\n if (error || !run) return <Page><PageBody><ErrorMessage label={error ?? t('data_sync.runs.detail.loadError')} /></PageBody></Page>\n\n const totalProcessed = run.createdCount + run.updatedCount + run.skippedCount + run.failedCount\n const progressPercent = run.progressJob?.progressPercent ?? (run.status === 'completed' ? 100 : 0)\n const progressStatus = run.progressJob?.status ?? run.status\n const processedCount = run.progressJob?.processedCount ?? totalProcessed\n const hasProgressTotal = typeof run.progressJob?.totalCount === 'number' && run.progressJob.totalCount > 0\n const etaLabel = run.progressJob?.etaSeconds && run.progressJob.etaSeconds > 0\n ? formatEtaSeconds(run.progressJob.etaSeconds)\n : null\n\n return (\n <Page>\n <PageBody className=\"space-y-6\">\n <FormHeader\n mode=\"detail\"\n backHref=\"/backend/data-sync\"\n backLabel={t('data_sync.runs.detail.back')}\n entityTypeLabel={t('data_sync.runs.detail.title')}\n title={`${run.integrationId} \u2014 ${run.entityType}`}\n statusBadge={(\n <div className=\"mt-2 flex flex-wrap gap-2\">\n <Badge variant=\"outline\">{t(`data_sync.dashboard.direction.${run.direction}`)}</Badge>\n <StatusBadge variant={getSyncRunStatusVariant(run.status)}>\n {t(`data_sync.dashboard.status.${run.status}`)}\n </StatusBadge>\n {run.triggeredBy ? <Badge variant=\"outline\">{run.triggeredBy}</Badge> : null}\n </div>\n )}\n actionsContent={(\n <>\n {(run.status === 'running' || run.status === 'pending') ? (\n <Button type=\"button\" variant=\"destructive\" size=\"sm\" onClick={() => void handleCancel()}>\n <XCircle className=\"mr-2 h-4 w-4\" />\n {t('data_sync.runs.detail.cancel')}\n </Button>\n ) : null}\n {run.status === 'failed' ? (\n <Button type=\"button\" variant=\"outline\" size=\"sm\" onClick={() => void handleRetry()}>\n <RotateCcw className=\"mr-2 h-4 w-4\" />\n {t('data_sync.runs.detail.retry')}\n </Button>\n ) : null}\n </>\n )}\n />\n\n <Card>\n <CardHeader>\n <div className=\"flex items-center justify-between gap-3\">\n <CardTitle>{t('data_sync.runs.detail.progress')}</CardTitle>\n <StatusBadge variant={getSyncRunStatusVariant(progressStatus)}>\n {t(`data_sync.dashboard.status.${progressStatus}`)}\n </StatusBadge>\n </div>\n </CardHeader>\n <CardContent className=\"space-y-3\">\n <div className=\"flex items-center justify-between gap-3 text-sm\">\n <span className=\"font-medium\">\n {hasProgressTotal\n ? t('data_sync.runs.detail.progress.percent', { percent: progressPercent })\n : t('data_sync.runs.detail.progress.itemsProcessed', { count: processedCount })}\n </span>\n {etaLabel ? (\n <span className=\"text-muted-foreground\">\n {t('data_sync.runs.detail.progress.eta', { eta: etaLabel })}\n </span>\n ) : null}\n </div>\n {hasProgressTotal ? (\n <Progress value={progressPercent} className=\"h-3\" />\n ) : (\n <div className=\"relative h-3 w-full overflow-hidden rounded-full bg-secondary\">\n <div className=\"absolute inset-y-0 left-0 w-1/2 animate-pulse rounded-full bg-primary/80\" />\n <div className=\"absolute inset-y-0 right-0 w-1/3 rounded-full bg-primary/10\" />\n </div>\n )}\n <div className=\"flex flex-wrap items-center justify-between gap-2 text-sm text-muted-foreground\">\n <span>\n {hasProgressTotal\n ? t('data_sync.runs.detail.progress.itemsProcessedTotal', {\n processed: processedCount,\n total: run.progressJob?.totalCount ?? 0,\n })\n : t('data_sync.runs.detail.progress.itemsProcessed', { count: processedCount })}\n </span>\n <span>{t('data_sync.runs.detail.progress.batches', { count: run.batchesCompleted })}</span>\n </div>\n </CardContent>\n </Card>\n\n <div className=\"grid grid-cols-2 sm:grid-cols-4 gap-4\">\n <Card>\n <CardContent className=\"pt-6 text-center\">\n <div className=\"text-2xl font-bold text-status-success-text\">{run.createdCount}</div>\n <p className=\"text-sm text-muted-foreground\">{t('data_sync.runs.detail.counters.created')}</p>\n </CardContent>\n </Card>\n <Card>\n <CardContent className=\"pt-6 text-center\">\n <div className=\"text-2xl font-bold text-status-info-text\">{run.updatedCount}</div>\n <p className=\"text-sm text-muted-foreground\">{t('data_sync.runs.detail.counters.updated')}</p>\n </CardContent>\n </Card>\n <Card>\n <CardContent className=\"pt-6 text-center\">\n <div className=\"text-2xl font-bold text-muted-foreground\">{run.skippedCount}</div>\n <p className=\"text-sm text-muted-foreground\">{t('data_sync.runs.detail.counters.skipped')}</p>\n </CardContent>\n </Card>\n <Card>\n <CardContent className=\"pt-6 text-center\">\n <div className=\"text-2xl font-bold text-status-error-text\">{run.failedCount}</div>\n <p className=\"text-sm text-muted-foreground\">{t('data_sync.runs.detail.counters.failed')}</p>\n </CardContent>\n </Card>\n </div>\n\n {run.lastError && (\n <Card className=\"border-status-error-border bg-status-error-bg\">\n <CardHeader>\n <CardTitle className=\"text-status-error-text\">{t('data_sync.runs.detail.error')}</CardTitle>\n </CardHeader>\n <CardContent>\n <pre className=\"text-sm text-status-error-text whitespace-pre-wrap\">{run.lastError}</pre>\n </CardContent>\n </Card>\n )}\n\n <Card>\n <CardHeader>\n <CardTitle>{t('data_sync.runs.detail.logs')}</CardTitle>\n </CardHeader>\n <CardContent>\n {isLoadingLogs ? (\n <div className=\"flex justify-center py-4\"><Spinner /></div>\n ) : (\n <LogList\n entries={logs.map<LogListEntry>((log) => ({\n id: log.id,\n time: new Date(log.createdAt).toLocaleString(),\n level: log.level,\n message: log.message,\n body: log.payload ? (\n <pre className=\"overflow-x-auto whitespace-pre-wrap rounded-md border bg-card p-3 text-xs\">\n {JSON.stringify(log.payload, null, 2)}\n </pre>\n ) : (\n <p className=\"text-sm text-muted-foreground\">\n {t('data_sync.runs.detail.logs.noPayload', 'No payload recorded for this log entry.')}\n </p>\n ),\n }))}\n emptyMessage={t('data_sync.runs.detail.noLogs')}\n />\n )}\n {logsTotal > LOG_PAGE_SIZE && (\n <Pagination\n className=\"mt-4\"\n page={logsPage}\n pageSize={LOG_PAGE_SIZE}\n total={logsTotal}\n onPageChange={(next) => { void loadLogs(next) }}\n />\n )}\n </CardContent>\n </Card>\n </PageBody>\n </Page>\n )\n}\n"],
|
|
5
|
+
"mappings": "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",
|
|
6
6
|
"names": ["params"]
|
|
7
7
|
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@open-mercato/core",
|
|
3
|
-
"version": "0.6.6-develop.
|
|
3
|
+
"version": "0.6.6-develop.6357.1.7c17a47f4e",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"main": "./dist/index.js",
|
|
@@ -246,16 +246,16 @@
|
|
|
246
246
|
"zod": "^4.4.3"
|
|
247
247
|
},
|
|
248
248
|
"peerDependencies": {
|
|
249
|
-
"@open-mercato/ai-assistant": "0.6.6-develop.
|
|
250
|
-
"@open-mercato/shared": "0.6.6-develop.
|
|
251
|
-
"@open-mercato/ui": "0.6.6-develop.
|
|
249
|
+
"@open-mercato/ai-assistant": "0.6.6-develop.6357.1.7c17a47f4e",
|
|
250
|
+
"@open-mercato/shared": "0.6.6-develop.6357.1.7c17a47f4e",
|
|
251
|
+
"@open-mercato/ui": "0.6.6-develop.6357.1.7c17a47f4e",
|
|
252
252
|
"react": "^19.0.0",
|
|
253
253
|
"react-dom": "^19.0.0"
|
|
254
254
|
},
|
|
255
255
|
"devDependencies": {
|
|
256
|
-
"@open-mercato/ai-assistant": "0.6.6-develop.
|
|
257
|
-
"@open-mercato/shared": "0.6.6-develop.
|
|
258
|
-
"@open-mercato/ui": "0.6.6-develop.
|
|
256
|
+
"@open-mercato/ai-assistant": "0.6.6-develop.6357.1.7c17a47f4e",
|
|
257
|
+
"@open-mercato/shared": "0.6.6-develop.6357.1.7c17a47f4e",
|
|
258
|
+
"@open-mercato/ui": "0.6.6-develop.6357.1.7c17a47f4e",
|
|
259
259
|
"@testing-library/dom": "^10.4.1",
|
|
260
260
|
"@testing-library/jest-dom": "^6.9.1",
|
|
261
261
|
"@testing-library/react": "^16.3.1",
|
|
@@ -9,6 +9,7 @@ import { StatusBadge } from '@open-mercato/ui/primitives/status-badge'
|
|
|
9
9
|
import { Button } from '@open-mercato/ui/primitives/button'
|
|
10
10
|
import { LogList, type LogListEntry } from '@open-mercato/ui/backend/LogList'
|
|
11
11
|
import { Progress } from '@open-mercato/ui/primitives/progress'
|
|
12
|
+
import { Pagination } from '@open-mercato/ui/primitives/pagination'
|
|
12
13
|
import { Spinner } from '@open-mercato/ui/primitives/spinner'
|
|
13
14
|
import { apiCall } from '@open-mercato/ui/backend/utils/apiCall'
|
|
14
15
|
import { useGuardedMutation } from '@open-mercato/ui/backend/injection/useGuardedMutation'
|
|
@@ -90,6 +91,8 @@ function resolvePathnameId(pathname: string): string | undefined {
|
|
|
90
91
|
return decodeURIComponent(runId)
|
|
91
92
|
}
|
|
92
93
|
|
|
94
|
+
const LOG_PAGE_SIZE = 50
|
|
95
|
+
|
|
93
96
|
export default function SyncRunDetailPage({ params }: SyncRunDetailPageProps) {
|
|
94
97
|
const pathname = usePathname()
|
|
95
98
|
const router = useRouter()
|
|
@@ -105,6 +108,9 @@ export default function SyncRunDetailPage({ params }: SyncRunDetailPageProps) {
|
|
|
105
108
|
const [isNotFound, setIsNotFound] = React.useState(false)
|
|
106
109
|
const [logs, setLogs] = React.useState<LogEntry[]>([])
|
|
107
110
|
const [isLoadingLogs, setIsLoadingLogs] = React.useState(false)
|
|
111
|
+
const [logsTotal, setLogsTotal] = React.useState(0)
|
|
112
|
+
const [logsPage, setLogsPage] = React.useState(1)
|
|
113
|
+
const logsPageRef = React.useRef(1)
|
|
108
114
|
|
|
109
115
|
const resolveCurrentRunId = React.useCallback(() => {
|
|
110
116
|
return runId ?? (
|
|
@@ -140,18 +146,22 @@ export default function SyncRunDetailPage({ params }: SyncRunDetailPageProps) {
|
|
|
140
146
|
setIsLoading(false)
|
|
141
147
|
}, [resolveCurrentRunId, t])
|
|
142
148
|
|
|
143
|
-
const loadLogs = React.useCallback(async () => {
|
|
149
|
+
const loadLogs = React.useCallback(async (page?: number) => {
|
|
144
150
|
const currentRunId = resolveCurrentRunId()
|
|
145
151
|
if (!currentRunId) return
|
|
152
|
+
const targetPage = page ?? logsPageRef.current
|
|
146
153
|
setIsLoadingLogs(true)
|
|
147
|
-
const params = new URLSearchParams({ runId: currentRunId, pageSize:
|
|
148
|
-
const call = await apiCall<{ items: LogEntry[] }>(
|
|
154
|
+
const params = new URLSearchParams({ runId: currentRunId, pageSize: String(LOG_PAGE_SIZE), page: String(targetPage) })
|
|
155
|
+
const call = await apiCall<{ items: LogEntry[]; total?: number }>(
|
|
149
156
|
`/api/integrations/logs?${params.toString()}`,
|
|
150
157
|
undefined,
|
|
151
|
-
{ fallback: { items: [] } },
|
|
158
|
+
{ fallback: { items: [], total: 0 } },
|
|
152
159
|
)
|
|
153
160
|
if (call.ok && call.result) {
|
|
154
161
|
setLogs(call.result.items)
|
|
162
|
+
if (typeof call.result.total === 'number') setLogsTotal(call.result.total)
|
|
163
|
+
logsPageRef.current = targetPage
|
|
164
|
+
setLogsPage(targetPage)
|
|
155
165
|
}
|
|
156
166
|
setIsLoadingLogs(false)
|
|
157
167
|
}, [resolveCurrentRunId])
|
|
@@ -432,6 +442,15 @@ export default function SyncRunDetailPage({ params }: SyncRunDetailPageProps) {
|
|
|
432
442
|
emptyMessage={t('data_sync.runs.detail.noLogs')}
|
|
433
443
|
/>
|
|
434
444
|
)}
|
|
445
|
+
{logsTotal > LOG_PAGE_SIZE && (
|
|
446
|
+
<Pagination
|
|
447
|
+
className="mt-4"
|
|
448
|
+
page={logsPage}
|
|
449
|
+
pageSize={LOG_PAGE_SIZE}
|
|
450
|
+
total={logsTotal}
|
|
451
|
+
onPageChange={(next) => { void loadLogs(next) }}
|
|
452
|
+
/>
|
|
453
|
+
)}
|
|
435
454
|
</CardContent>
|
|
436
455
|
</Card>
|
|
437
456
|
</PageBody>
|