Checkpoint: v4.0 media service, compose deploy, and verified docs

client/src/pages/Videos.tsx

@@ -47,12 +47,12 @@ export default function Videos() {
     <div className="space-y-6">
       <div className="flex items-center justify-between">
         <div>
-          <h1 className="text-2xl font-bold tracking-tight">训练视频库</h1>
+          <h1 className="text-2xl font-bold tracking-tight" data-testid="videos-title">训练视频库</h1>
           <p className="text-muted-foreground text-sm mt-1">
             管理您的所有训练视频及分析结果 · 共 {videos?.length || 0} 个视频
           </p>
         </div>
-        <Button onClick={() => setLocation("/analysis")} className="gap-2">
+        <Button data-testid="videos-upload-button" onClick={() => setLocation("/analysis")} className="gap-2">
           <Video className="h-4 w-4" />
           上传新视频
         </Button>
@@ -77,7 +77,7 @@ export default function Videos() {
             const status = statusMap[video.analysisStatus] || statusMap.pending;
 
             return (
-              <Card key={video.id} className="border-0 shadow-sm hover:shadow-md transition-shadow">
+              <Card key={video.id} className="border-0 shadow-sm hover:shadow-md transition-shadow" data-testid="video-card">
                 <CardContent className="p-4">
                   <div className="flex items-start gap-4">
                     {/* Thumbnail / icon */}