Skip to content

Commit bceb80a

Browse files
S1M0N38claude
andcommitted
feat: enhance frontend interface and functionality
Update web interface components: - Enhanced index.html with improved structure - Updated app.js with new features and functionality 🤖 Generated with [Claude Code](https://claude.ai/code) Co-Authored-By: Claude <noreply@anthropic.com>
1 parent 4520a71 commit bceb80a

2 files changed

Lines changed: 46 additions & 83 deletions

File tree

index.html

Lines changed: 19 additions & 40 deletions
Original file line numberDiff line numberDiff line change
@@ -78,16 +78,13 @@ <h1 class="text-2xl sm:text-4xl font-bold text-white mb-4">
7878
<th class="px-2 py-3 text-center text-xs sm:text-sm font-medium text-gray-300 w-12 sm:w-16">Rank</th>
7979
<th class="px-2 py-3 text-left text-xs sm:text-sm font-medium text-gray-300 min-w-32 max-w-48">Model</th>
8080
<th class="px-2 py-3 text-left text-xs sm:text-sm font-medium text-gray-300 w-20 sm:w-24">Provider</th>
81-
<th class="px-2 py-3 text-left text-xs sm:text-sm font-medium text-gray-300 w-20 sm:w-24">Rounds</th>
81+
<th class="px-2 py-3 text-center text-xs sm:text-sm font-medium text-gray-300 w-20 sm:w-24">Rounds</th>
8282
<th
83-
class="px-2 py-3 text-left text-xs sm:text-sm font-medium text-gray-300 w-16 sm:w-20 hidden md:table-cell">
84-
Ante</th>
83+
class="px-2 py-3 text-center text-xs sm:text-sm font-medium text-gray-300 w-16 sm:w-20 hidden md:table-cell">
84+
Completed</th>
8585
<th
86-
class="px-2 py-3 text-left text-xs sm:text-sm font-medium text-gray-300 w-16 sm:w-20 hidden md:table-cell">
87-
Runs</th>
88-
<th
89-
class="px-2 py-3 text-left text-xs sm:text-sm font-medium text-gray-300 w-20 sm:w-24 hidden lg:table-cell">
90-
<div class="flex items-center gap-1">Success
86+
class="px-2 py-3 text-center text-xs sm:text-sm font-medium text-gray-300 w-44 sm:w-52 hidden lg:table-cell">
87+
<div class="flex items-center justify-center gap-2">Success | Error | Failed
9188
<svg class="w-4 h-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="currentColor"
9289
className="size-4">
9390
<path fillRule="evenodd" class="w-4 h-4"
@@ -99,10 +96,9 @@ <h1 class="text-2xl sm:text-4xl font-bold text-white mb-4">
9996
</div>
10097
</th>
10198
<th
102-
class="px-2 py-3 text-left text-xs sm:text-sm font-medium text-gray-300 w-20 sm:w-24 hidden lg:table-cell">
103-
<div class="flex items-center gap-1">Error
104-
<svg class="w-4 h-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="currentColor"
105-
className="size-4">
99+
class="px-2 py-3 text-center text-xs sm:text-sm font-medium text-gray-300 w-28 sm:w-32 hidden xl:table-cell">
100+
<div class="flex items-center justify-center gap-1"> In Tok. per <svg class="w-4 h-4"
101+
xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="currentColor" className="size-4">
106102
<path fillRule="evenodd" class="w-4 h-4"
107103
d="M15 4.5A3.5 3.5 0 0 1 11.435 8c-.99-.019-2.093.132-2.7.913l-4.13 5.31a2.015 2.015 0 1 1-2.827-2.828l5.309-4.13c.78-.607.932-1.71.914-2.7L8 4.5a3.5 3.5 0 0 1 4.477-3.362c.325.094.39.497.15.736L10.6 3.902a.48.48 0 0 0-.033.653c.271.314.565.608.879.879a.48.48 0 0 0 .653-.033l2.027-2.027c.239-.24.642-.175.736.15.09.31.138.637.138.976ZM3.75 13a.75.75 0 1 1-1.5 0 .75.75 0 0 1 1.5 0Z"
108104
clipRule="evenodd" />
@@ -112,44 +108,27 @@ <h1 class="text-2xl sm:text-4xl font-bold text-white mb-4">
112108
</div>
113109
</th>
114110
<th
115-
class="px-2 py-3 text-left text-xs sm:text-sm font-medium text-gray-300 w-20 sm:w-24 hidden lg:table-cell">
116-
<div class="flex items-center gap-1">Failed
117-
<svg class="w-4 h-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="currentColor"
118-
className="size-4">
111+
class="px-2 py-3 text-center text-xs sm:text-sm font-medium text-gray-300 w-28 sm:w-32 hidden xl:table-cell">
112+
<div class="flex items-center justify-center gap-1">
113+
Out Tok. per <svg class="w-4 h-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"
114+
fill="currentColor" className="size-4">
119115
<path fillRule="evenodd" class="w-4 h-4"
120116
d="M15 4.5A3.5 3.5 0 0 1 11.435 8c-.99-.019-2.093.132-2.7.913l-4.13 5.31a2.015 2.015 0 1 1-2.827-2.828l5.309-4.13c.78-.607.932-1.71.914-2.7L8 4.5a3.5 3.5 0 0 1 4.477-3.362c.325.094.39.497.15.736L10.6 3.902a.48.48 0 0 0-.033.653c.271.314.565.608.879.879a.48.48 0 0 0 .653-.033l2.027-2.027c.239-.24.642-.175.736.15.09.31.138.637.138.976ZM3.75 13a.75.75 0 1 1-1.5 0 .75.75 0 0 1 1.5 0Z"
121117
clipRule="evenodd" />
122118
<path
123119
d="M11.5 9.5c.313 0 .62-.029.917-.084l1.962 1.962a2.121 2.121 0 0 1-3 3l-2.81-2.81 1.35-1.734c.05-.064.158-.158.426-.233.278-.078.639-.11 1.062-.102l.093.001ZM5 4l1.446 1.445a2.256 2.256 0 0 1-.047.21c-.075.268-.169.377-.233.427l-.61.474L4 5H2.655a.25.25 0 0 1-.224-.139l-1.35-2.7a.25.25 0 0 1 .047-.289l.745-.745a.25.25 0 0 1 .289-.047l2.7 1.35A.25.25 0 0 1 5 2.654V4Z" />
124120
</svg>
125-
126121
</div>
127122
</th>
128123
<th
129-
class="px-2 py-3 text-left text-xs sm:text-sm font-medium text-gray-300 w-20 sm:w-24 hidden xl:table-cell">
130-
In Tok. (k)</th>
131-
<th
132-
class="px-2 py-3 text-left text-xs sm:text-sm font-medium text-gray-300 w-20 sm:w-24 hidden xl:table-cell">
133-
Out Tok. (k)</th>
134-
<th
135-
class="px-2 py-3 text-left text-xs sm:text-sm font-medium text-gray-300 w-16 sm:w-20 hidden lg:table-cell">
136-
<div class="flex items-center gap-1">Tot.
137-
<svg class="w-4 h-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="currentColor"
138-
className="size-4">
139-
<path fillRule="evenodd"
140-
d="M1 8a7 7 0 1 1 14 0A7 7 0 0 1 1 8Zm7.75-4.25a.75.75 0 0 0-1.5 0V8c0 .414.336.75.75.75h3.25a.75.75 0 0 0 0-1.5h-2.5v-3.5Z"
141-
clipRule="evenodd" />
142-
</svg> (s)
143-
</div>
144-
</th>
145-
<th
146-
class="px-2 py-3 text-left text-xs sm:text-sm font-medium text-gray-300 w-16 sm:w-20 hidden lg:table-cell">
147-
<div class="flex items-center gap-1">Avg
148-
<svg class="w-4 h-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="currentColor"
149-
className="size-4">
150-
<path fillRule="evenodd"
151-
d="M1 8a7 7 0 1 1 14 0A7 7 0 0 1 1 8Zm7.75-4.25a.75.75 0 0 0-1.5 0V8c0 .414.336.75.75.75h3.25a.75.75 0 0 0 0-1.5h-2.5v-3.5Z"
124+
class="px-2 py-3 text-center text-xs sm:text-sm font-medium text-gray-300 w-28 sm:w-32 hidden xl:table-cell">
125+
<div class="flex items-center justify-center gap-1">Time per <svg class="w-4 h-4"
126+
xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="currentColor" className="size-4">
127+
<path fillRule="evenodd" class="w-4 h-4"
128+
d="M15 4.5A3.5 3.5 0 0 1 11.435 8c-.99-.019-2.093.132-2.7.913l-4.13 5.31a2.015 2.015 0 1 1-2.827-2.828l5.309-4.13c.78-.607.932-1.71.914-2.7L8 4.5a3.5 3.5 0 0 1 4.477-3.362c.325.094.39.497.15.736L10.6 3.902a.48.48 0 0 0-.033.653c.271.314.565.608.879.879a.48.48 0 0 0 .653-.033l2.027-2.027c.239-.24.642-.175.736.15.09.31.138.637.138.976ZM3.75 13a.75.75 0 1 1-1.5 0 .75.75 0 0 1 1.5 0Z"
152129
clipRule="evenodd" />
130+
<path
131+
d="M11.5 9.5c.313 0 .62-.029.917-.084l1.962 1.962a2.121 2.121 0 0 1-3 3l-2.81-2.81 1.35-1.734c.05-.064.158-.158.426-.233.278-.078.639-.11 1.062-.102l.093.001ZM5 4l1.446 1.445a2.256 2.256 0 0 1-.047.21c-.075.268-.169.377-.233.427l-.61.474L4 5H2.655a.25.25 0 0 1-.224-.139l-1.35-2.7a.25.25 0 0 1 .047-.289l.745-.745a.25.25 0 0 1 .289-.047l2.7 1.35A.25.25 0 0 1 5 2.654V4Z" />
153132
</svg> (s)
154133
</div>
155134
</th>

0 commit comments

Comments
 (0)