format with prettier 3

src/components/OutputsTable/EditEvaluations.tsx

@@ -189,7 +189,7 @@ export default function EditEvaluations() {
                   <Icon as={BsX} boxSize={6} />
                 </Button>
               </HStack>
-            )
+            ),
           )}
           {editingId == null && (
             <Button

src/components/OutputsTable/OutputCell/OutputCell.tsx

@@ -1,12 +1,6 @@
 import { type RouterOutputs, api } from "~/utils/api";
 import { type PromptVariant, type Scenario } from "../types";
-import {
-  Spinner,
-  Text,
-  Box,
-  Center,
-  Flex,
-} from "@chakra-ui/react";
+import { Spinner, Text, Box, Center, Flex } from "@chakra-ui/react";
 import { useExperiment, useHandledAsyncCallback } from "~/utils/hooks";
 import SyntaxHighlighter from "react-syntax-highlighter";
 import { docco } from "react-syntax-highlighter/dist/cjs/styles/hljs";
@@ -82,7 +76,7 @@ export default function OutputCell({
       await utils.promptVariants.stats.invalidate();
       fetchMutex.current = false;
     },
-    [outputMutation, scenario.id, variant.id]
+    [outputMutation, scenario.id, variant.id],
   );
   const hardRefetch = useCallback(() => fetchOutput(true), [fetchOutput]);
 
@@ -143,7 +137,7 @@ export default function OutputCell({
               function: message.function_call.name,
               args: parsedArgs,
             },
-            { maxLength: 40 }
+            { maxLength: 40 },
           )}
         </SyntaxHighlighter>
         <OutputStats model={model} modelOutput={output} scenario={scenario} />
@@ -160,5 +154,3 @@ export default function OutputCell({
     </Flex>
   );
 }
-
-

src/components/OutputsTable/ScenarioEditor.tsx

@@ -64,7 +64,7 @@ export default function ScenarioEditor({
       });
       await utils.scenarios.list.invalidate();
     },
-    [reorderMutation, scenario.id]
+    [reorderMutation, scenario.id],
   );
 
   return (

src/components/OutputsTable/VariantConfigEditor.tsx

@@ -17,7 +17,7 @@ export default function VariantConfigEditor(props: { variant: PromptVariant }) {
 
   const savedConfig = useMemo(
     () => JSON.stringify(props.variant.config, null, 2),
-    [props.variant.config]
+    [props.variant.config],
   );
   const savedConfigRef = useRef(savedConfig);
 

src/components/OutputsTable/VariantHeader.tsx

@@ -46,7 +46,7 @@ export default function VariantHeader(props: { variant: PromptVariant }) {
       });
       await utils.promptVariants.list.invalidate();
     },
-    [reorderMutation, props.variant.id]
+    [reorderMutation, props.variant.id],
   );
 
   return (

src/components/OutputsTable/VariantStats.tsx

@@ -20,7 +20,7 @@ export default function VariantStats(props: { variant: PromptVariant }) {
         scenarioCount: 0,
         outputCount: 0,
       },
-    }
+    },
   );
 
   const [passColor, neutralColor, failColor] = useToken("colors", [

src/components/OutputsTable/index.tsx

@@ -20,13 +20,13 @@ const stickyHeaderStyle: SystemStyleObject = {
 export default function OutputsTable({ experimentId }: { experimentId: string | undefined }) {
   const variants = api.promptVariants.list.useQuery(
     { experimentId: experimentId as string },
-    { enabled: !!experimentId }
+    { enabled: !!experimentId },
   );
   const openDrawer = useStore((s) => s.openDrawer);
 
   const scenarios = api.scenarios.list.useQuery(
     { experimentId: experimentId as string },
-    { enabled: !!experimentId }
+    { enabled: !!experimentId },
   );
 
   if (!variants.data || !scenarios.data) return null;