From 5ef6ea1adbb41c0f4ff91203d5dff6c255f8aa95 Mon Sep 17 00:00:00 2001
From: Claude <noreply@anthropic.com>
Date: Fri, 6 Feb 2026 07:44:40 +0000
Subject: [PATCH] feat(site): show desktop hint on small screens instead of
 click prompt

On screens below the lg breakpoint (1024px), rows are not clickable.
Instead of showing "Click on a row to explore individual model runs",
show a message suggesting users visit on desktop for the full
interactive experience.

https://claude.ai/code/session_017b2mDdP6RXuB4wFLDEDKVg
---
 site/index.html | 14 ++++++++++++--
 1 file changed, 12 insertions(+), 2 deletions(-)

diff --git a/site/index.html b/site/index.html
index b536bd8..e5fb736 100644
--- a/site/index.html
+++ b/site/index.html
@@ -112,8 +112,8 @@
 
     <div
       class="overflow-x-auto bg-white dark:bg-zinc-800 rounded-lg shadow-lg dark:shadow-2xl dark:ring-1 dark:ring-white/5">
-      <!-- Hint for clickable rows -->
-      <p class="text-center text-sm text-zinc-500 dark:text-zinc-400 py-3 px-4 border-b border-zinc-200 dark:border-zinc-700">
+      <!-- Hint for clickable rows (lg+ screens) -->
+      <p class="hidden lg:block text-center text-sm text-zinc-500 dark:text-zinc-400 py-3 px-4 border-b border-zinc-200 dark:border-zinc-700">
         <span class="inline-flex items-center gap-1.5">
           <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="currentColor" class="w-4 h-4">
             <path fill-rule="evenodd" d="M2 8a.75.75 0 0 1 .75-.75h8.69L8.22 4.03a.75.75 0 0 1 1.06-1.06l4.5 4.5a.75.75 0 0 1 0 1.06l-4.5 4.5a.75.75 0 0 1-1.06-1.06l3.22-3.22H2.75A.75.75 0 0 1 2 8Z" clip-rule="evenodd" />
@@ -121,6 +121,16 @@
           Click on a row to explore individual model runs
         </span>
       </p>
+      <!-- Hint for smaller screens -->
+      <p class="lg:hidden text-center text-sm text-zinc-500 dark:text-zinc-400 py-3 px-4 border-b border-zinc-200 dark:border-zinc-700">
+        <span class="inline-flex items-center gap-1.5">
+          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="currentColor" class="w-4 h-4">
+            <path d="M14 7.5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0ZM2.5 6a.75.75 0 0 0 0 1.5h8.5a.75.75 0 0 0 0-1.5H2.5Z" />
+            <path d="M1 3.25A2.25 2.25 0 0 1 3.25 1h9.5A2.25 2.25 0 0 1 15 3.25v9.5A2.25 2.25 0 0 1 12.75 15h-9.5A2.25 2.25 0 0 1 1 12.75v-9.5ZM3.25 2.5a.75.75 0 0 0-.75.75v9.5c0 .414.336.75.75.75h9.5a.75.75 0 0 0 .75-.75v-9.5a.75.75 0 0 0-.75-.75h-9.5Z" />
+          </svg>
+          Visit on a desktop for the full interactive experience
+        </span>
+      </p>
 
       <table id="leaderboard" class="w-full table-auto">
         <caption class="sr-only">Model leaderboard with rounds, tool-call reliability, tokens, time, and cost</caption>