move created at to beginning of table

Author: Dylan Huang

vite-app/src/components/EvaluationRow.tsx

@@ -402,6 +402,11 @@ export const EvaluationRow = observer(
             <ExpandIcon rolloutId={rolloutId} />
           </TableCell>
 
+          {/* Created */}
+          <TableCell className="py-3 text-xs">
+            <RowCreated created_at={row.created_at} />
+          </TableCell>
+
           {/* Name */}
           <TableCell className="py-3 text-xs">
             <RowName name={row.eval_metadata?.name} />
@@ -461,11 +466,6 @@ export const EvaluationRow = observer(
           <TableCell className="py-3 text-xs">
             <RowScore score={row.evaluation_result?.score} />
           </TableCell>
-
-          {/* Created */}
-          <TableCell className="py-3 text-xs">
-            <RowCreated created_at={row.created_at} />
-          </TableCell>
         </TableRowInteractive>
 
         {/* Expanded Content Row */}

vite-app/src/components/EvaluationTable.tsx

@@ -165,6 +165,14 @@ export const EvaluationTable = observer(() => {
             <TableHead>
               <tr>
                 <TableHeader className="w-8">&nbsp;</TableHeader>
+                <SortableTableHeader
+                  sortField="created_at"
+                  currentSortField={state.sortField}
+                  currentSortDirection={state.sortDirection}
+                  onSort={handleSort}
+                >
+                  Created
+                </SortableTableHeader>
                 <SortableTableHeader
                   sortField="$.eval_metadata.name"
                   currentSortField={state.sortField}
@@ -245,14 +253,6 @@ export const EvaluationTable = observer(() => {
                 >
                   Score
                 </SortableTableHeader>
-                <SortableTableHeader
-                  sortField="created_at"
-                  currentSortField={state.sortField}
-                  currentSortDirection={state.sortDirection}
-                  onSort={handleSort}
-                >
-                  Created
-                </SortableTableHeader>
               </tr>
             </TableHead>