feat: Enhance trial event display with improved formatting and icons, refine trial wizard panels, and update dashboard page layouts.

src/server/api/routers/files.ts

@@ -8,12 +8,12 @@ import { uuid } from "drizzle-orm/pg-core";
 import { eq, desc } from "drizzle-orm";
 
 // Initialize MinIO client
-// Note: In production, ensure these ENV vars are set.
-// For development with docker-compose, we use localhost:9000
+const minioUrl = new URL(env.MINIO_ENDPOINT ?? "http://localhost:9000");
+
 const minioClient = new Minio.Client({
-    endPoint: (env.MINIO_ENDPOINT ?? "localhost").split(":")[0] ?? "localhost",
-    port: parseInt((env.MINIO_ENDPOINT ?? "9000").split(":")[1] ?? "9000"),
-    useSSL: false, // Default to false for local dev; adjust for prod
+    endPoint: minioUrl.hostname,
+    port: parseInt(minioUrl.port) || 9000,
+    useSSL: minioUrl.protocol === "https:",
     accessKey: env.MINIO_ACCESS_KEY ?? "minioadmin",
     secretKey: env.MINIO_SECRET_KEY ?? "minioadmin",
 });

src/server/api/routers/trials.ts

@@ -300,7 +300,12 @@ export const trialsRouter = createTRPCRouter({
           return {
             ...m,
             url, // Add the signed URL to the response
-            contentType: m.format === 'webm' ? 'video/webm' : 'application/octet-stream', // Infer or store content type
+            contentType: m.format === 'webm' ? 'video/webm'
+              : m.format === 'mp4' ? 'video/mp4'
+                : m.format === 'mkv' ? 'video/x-matroska'
+                  : m.storagePath.endsWith('.webm') ? 'video/webm'
+                    : m.storagePath.endsWith('.mp4') ? 'video/mp4'
+                      : 'application/octet-stream', // Infer or store content type
           };
         })),
       };
@@ -597,11 +602,23 @@ export const trialsRouter = createTRPCRouter({
         "wizard",
       ]);
 
+      const [currentTrial] = await db
+        .select()
+        .from(trials)
+        .where(eq(trials.id, input.id))
+        .limit(1);
+
+      let durationSeconds = null;
+      if (currentTrial?.startedAt) {
+        durationSeconds = Math.floor((new Date().getTime() - currentTrial.startedAt.getTime()) / 1000);
+      }
+
       const [trial] = await db
         .update(trials)
         .set({
           status: "completed",
           completedAt: new Date(),
+          duration: durationSeconds,
           notes: input.notes,
         })
         .where(eq(trials.id, input.id))