From d73de96ec26ac440f766473708339ce692311785 Mon Sep 17 00:00:00 2001
From: Justin Uberti <justin@fixie.ai>
Date: Thu, 18 Jul 2024 18:26:28 -0700
Subject: [PATCH] Add tools radio button and tighten y-spacing #30

---
 .github/workflows/bench.yml           |  2 +-
 website/src/components/DataGrid.astro | 13 +++++++++++--
 website/src/components/Hero.astro     |  2 +-
 website/src/components/Section.astro  |  2 +-
 4 files changed, 14 insertions(+), 5 deletions(-)

diff --git a/.github/workflows/bench.yml b/.github/workflows/bench.yml
index 26886e3..802591d 100644
--- a/.github/workflows/bench.yml
+++ b/.github/workflows/bench.yml
@@ -17,7 +17,7 @@ jobs:
           curl -f -X POST "https://ai-benchmarks.fly.dev/bench?mode=audio&max_tokens=20&num_requests=1"
           # Run the benchmarks
           regions=("sea" "iad" "cdg")
-          media=("text" "image" "audio")
+          media=("text" "tools" "image" "audio")
           for region in "${regions[@]}"; do
             for medium in "${media[@]}"; do
               curl -f -X POST "https://ai-benchmarks.fly.dev/bench?mode=$medium&max_tokens=20&spread=30&store" -H "fly-prefer-region: $region"
diff --git a/website/src/components/DataGrid.astro b/website/src/components/DataGrid.astro
index 12a3352..ff80bb9 100644
--- a/website/src/components/DataGrid.astro
+++ b/website/src/components/DataGrid.astro
@@ -42,7 +42,7 @@ import "ag-grid-community/styles/ag-theme-quartz.css";
     <div class="flex flex-col">
       <label for="regionSelector" class="text-base font-bold">Region</label>
       <label class="text-base font-bold">===============</label>
-      <div id="regionSelector" class="my-4">
+      <div id="regionSelector" class="mb-4">
         <div>
           <input
             type="radio"
@@ -76,7 +76,7 @@ import "ag-grid-community/styles/ag-theme-quartz.css";
     <div class="ml-8 flex flex-col">
       <label for="mediaSelector" class="text-base font-bold">Prompt Type</label>
       <label class="text-base font-bold">===============</label>
-      <div id="mediaSelector" class="my-4">
+      <div id="mediaSelector" class="mb-4">
         <div>
           <input
             type="radio"
@@ -87,6 +87,15 @@ import "ag-grid-community/styles/ag-theme-quartz.css";
           />
           <label for="textMediaSelector">Text</label>
         </div>
+        <div>
+          <input
+            type="radio"
+            id="toolsMediaSelector"
+            name="selectedMedia"
+            value="tools"
+          />
+          <label for="toolsMediaSelector">Function</label>
+        </div>
         <div>
           <input
             type="radio"
diff --git a/website/src/components/Hero.astro b/website/src/components/Hero.astro
index 50289f7..8e56cea 100644
--- a/website/src/components/Hero.astro
+++ b/website/src/components/Hero.astro
@@ -12,7 +12,7 @@ import Section from "./Section.astro";
     reliable measurements for the performance of popular models.
   </p>
   <p class="mt-4">
-    You can filter using the hamburger menu in a column header, e.g.,
+    You can filter models using the text fields in the header, e.g.,
     <a class="underline hover:text-orange-600" href="?mf=llama-3-70b"
       >Llama 3 70B providers</a
     >,
diff --git a/website/src/components/Section.astro b/website/src/components/Section.astro
index cfa5ee4..affd31f 100644
--- a/website/src/components/Section.astro
+++ b/website/src/components/Section.astro
@@ -2,6 +2,6 @@
 
 ---
 
-<div class="mx-auto w-full max-w-screen-lg px-4 py-4">
+<div class="mx-auto w-full max-w-screen-lg px-4 pt-4">
   <slot />
 </div>