feat(pages): 支持 Remote 部署源同步

新增部署源配置与运行态模型、安全下载、租约续期、原子激活和失败补偿。接入内部任务与脱敏前端交互，并阻止数据库 Trace 和日志展开敏感查询参数。
2026-10-14 10:56:37 +08:00 · 2026-07-19 17:36:51 +08:00
parent 4e8ec23264
commit 38b0516937
58 changed files with 9858 additions and 1075 deletions
@@ -0,0 +1,86 @@
+'use client';
+
+import { useQuery } from '@tanstack/react-query';
+
+import { EmptyInline } from '@/components/layout/empty';
+import { ErrorInline } from '@/components/layout/error';
+import { Skeleton } from '@/components/ui/skeleton';
+import {
+  Table,
+  TableBody,
+  TableCell,
+  TableHead,
+  TableHeader,
+  TableRow,
+} from '@/components/ui/table';
+import { PagesService } from '@/lib/services/openflare';
+
+import {
+  deploymentFilesQueryKey,
+  formatBytes,
+} from '../../components/pages-utils';
+
+interface DeploymentFilesPanelProps {
+  projectId: number;
+  deploymentId: number;
+}
+
+export function DeploymentFilesPanel({
+  projectId,
+  deploymentId,
+}: DeploymentFilesPanelProps) {
+  const filesQuery = useQuery({
+    queryKey: deploymentFilesQueryKey(projectId, deploymentId),
+    queryFn: () => PagesService.listDeploymentFiles(deploymentId),
+  });
+
+  if (filesQuery.isLoading) {
+    return (
+      <div className='flex flex-col gap-2 p-4'>
+        <Skeleton className='h-8 w-full' />
+        <Skeleton className='h-8 w-full' />
+      </div>
+    );
+  }
+
+  if (filesQuery.isError) {
+    return (
+      <div className='p-4'>
+        <ErrorInline
+          message={
+            filesQuery.error instanceof Error
+              ? filesQuery.error.message
+              : '文件清单加载失败'
+          }
+          onRetry={() => void filesQuery.refetch()}
+        />
+      </div>
+    );
+  }
+
+  const files = filesQuery.data ?? [];
+  if (files.length === 0) {
+    return <EmptyInline message='暂无文件记录' />;
+  }
+
+  return (
+    <Table>
+      <TableHeader>
+        <TableRow>
+          <TableHead>路径</TableHead>
+          <TableHead className='text-right'>大小</TableHead>
+        </TableRow>
+      </TableHeader>
+      <TableBody>
+        {files.map((file) => (
+          <TableRow key={file.id}>
+            <TableCell className='font-mono text-xs'>{file.path}</TableCell>
+            <TableCell className='text-right text-xs text-muted-foreground'>
+              {formatBytes(file.size)}
+            </TableCell>
+          </TableRow>
+        ))}
+      </TableBody>
+    </Table>
+  );
+}