feat: add duration display

web/src/components/RunDisplay.tsx

@@ -11,7 +11,7 @@ import {
   DialogTrigger,
 } from "@/components/ui/dialog";
 import { TableCell, TableRow } from "@/components/ui/table";
-import { getRelativeTime } from "@/lib/getRelativeTime";
+import { getDuration, getRelativeTime } from "@/lib/getRelativeTime";
 import { type findAllRuns } from "@/server/findAllRuns";
 import { Suspense } from "react";
 
@@ -37,6 +37,9 @@ export async function RunDisplay({
               {run.origin}
             </Badge>
           </TableCell>
+          <TableCell className="truncate">
+            {getDuration(run.duration)}
+          </TableCell>
           <LiveStatus run={run} />
         </TableRow>
       </DialogTrigger>

web/src/components/RunsTable.tsx

@@ -41,11 +41,12 @@ export async function RunsTable(props: {
           )}
           <TableHeader className="bg-background top-0 sticky">
             <TableRow>
-              <TableHead className="w-[100px]">Number</TableHead>
-              <TableHead className="">Machine</TableHead>
-              <TableHead className="">Time</TableHead>
-              <TableHead className="w-[100px]">Version</TableHead>
+              <TableHead className="truncate">Number</TableHead>
+              <TableHead className="truncate">Machine</TableHead>
+              <TableHead className="truncate">Time</TableHead>
+              <TableHead className="truncate">Version</TableHead>
               <TableHead className="truncate">Origin</TableHead>
+              <TableHead className="truncate">Duration</TableHead>
               <TableHead className="truncate">Live Status</TableHead>
               <TableHead className="text-right">Status</TableHead>
             </TableRow>

web/src/components/SharePageSettings.tsx

@@ -79,6 +79,11 @@ export function SharePageSettings({
         description="Edit share page details."
         serverAction={updateSharePageInfo}
         formSchema={publicShareDeployment}
+        fieldConfig={{
+          description: {
+            fieldType: "textarea",
+          },
+        }}
       />
     </>
   );