Update leaderboard: 2025-03-11T14:53:40.179Z

.gitattributes

@@ -1,35 +0,0 @@
-*.7z filter=lfs diff=lfs merge=lfs -text
-*.arrow filter=lfs diff=lfs merge=lfs -text
-*.bin filter=lfs diff=lfs merge=lfs -text
-*.bz2 filter=lfs diff=lfs merge=lfs -text
-*.ckpt filter=lfs diff=lfs merge=lfs -text
-*.ftz filter=lfs diff=lfs merge=lfs -text
-*.gz filter=lfs diff=lfs merge=lfs -text
-*.h5 filter=lfs diff=lfs merge=lfs -text
-*.joblib filter=lfs diff=lfs merge=lfs -text
-*.lfs.* filter=lfs diff=lfs merge=lfs -text
-*.mlmodel filter=lfs diff=lfs merge=lfs -text
-*.model filter=lfs diff=lfs merge=lfs -text
-*.msgpack filter=lfs diff=lfs merge=lfs -text
-*.npy filter=lfs diff=lfs merge=lfs -text
-*.npz filter=lfs diff=lfs merge=lfs -text
-*.onnx filter=lfs diff=lfs merge=lfs -text
-*.ot filter=lfs diff=lfs merge=lfs -text
-*.parquet filter=lfs diff=lfs merge=lfs -text
-*.pb filter=lfs diff=lfs merge=lfs -text
-*.pickle filter=lfs diff=lfs merge=lfs -text
-*.pkl filter=lfs diff=lfs merge=lfs -text
-*.pt filter=lfs diff=lfs merge=lfs -text
-*.pth filter=lfs diff=lfs merge=lfs -text
-*.rar filter=lfs diff=lfs merge=lfs -text
-*.safetensors filter=lfs diff=lfs merge=lfs -text
-saved_model/**/* filter=lfs diff=lfs merge=lfs -text
-*.tar.* filter=lfs diff=lfs merge=lfs -text
-*.tar filter=lfs diff=lfs merge=lfs -text
-*.tflite filter=lfs diff=lfs merge=lfs -text
-*.tgz filter=lfs diff=lfs merge=lfs -text
-*.wasm filter=lfs diff=lfs merge=lfs -text
-*.xz filter=lfs diff=lfs merge=lfs -text
-*.zip filter=lfs diff=lfs merge=lfs -text
-*.zst filter=lfs diff=lfs merge=lfs -text
-*tfevents* filter=lfs diff=lfs merge=lfs -text

.gitignore

@@ -1,54 +0,0 @@
-# Logs
-logs/
-*.log
-npm-debug.log*
-yarn-debug.log*
-yarn-error.log*
-
-# Dependency directories
-node_modules/
-jspm_packages/
-
-# Build output
-dist/
-.vite/
-
-# Environment variables
-.env
-.env.local
-.env.*.local
-
-# TypeScript
-*.tsbuildinfo
-
-# Optional caches
-.npm
-.eslintcache
-.stylelintcache
-.rpt2_cache/
-.rts2_cache_cjs/
-.rts2_cache_es/
-.rts2_cache_umd/
-
-# REPL history
-.node_repl_history
-
-# Package files
-*.tgz
-.yarn-integrity
-
-# IDE and editor directories and files
-.vscode/
-.idea/
-*.suo
-*.ntvs*
-*.njsproj
-*.sln
-
-# Operating system files
-.DS_Store
-Thumbs.db
-
-# Temporary files
-tmp/
-temp/

README.md

@@ -1,10 +0,0 @@
----
-title: Turkish Asr Leaderboard
-emoji: 🔥
-colorFrom: pink
-colorTo: blue
-sdk: static
-pinned: false
----
-
-Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference

assets/index-sdSyjyYD.css

@@ -0,0 +1 @@
+*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.static{position:static}.mx-auto{margin-left:auto;margin-right:auto}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.ml-1{margin-left:.25rem}.mr-1{margin-right:.25rem}.mr-2{margin-right:.5rem}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-4{margin-top:1rem}.block{display:block}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.h-12{height:3rem}.h-3{height:.75rem}.h-5{height:1.25rem}.h-screen{height:100vh}.max-h-20{max-height:5rem}.min-h-screen{min-height:100vh}.w-12{width:3rem}.w-3{width:.75rem}.w-5{width:1.25rem}.min-w-full{min-width:100%}.max-w-6xl{max-width:72rem}.max-w-7xl{max-width:80rem}.max-w-\[120px\]{max-width:120px}.max-w-md{max-width:28rem}@keyframes spin{to{transform:rotate(360deg)}}.animate-spin{animation:spin 1s linear infinite}.cursor-pointer{cursor:pointer}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.space-y-8>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(2rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(2rem * var(--tw-space-y-reverse))}.divide-y>:not([hidden])~:not([hidden]){--tw-divide-y-reverse: 0;border-top-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)));border-bottom-width:calc(1px * var(--tw-divide-y-reverse))}.divide-gray-200>:not([hidden])~:not([hidden]){--tw-divide-opacity: 1;border-color:rgb(229 231 235 / var(--tw-divide-opacity, 1))}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.whitespace-nowrap{white-space:nowrap}.rounded{border-radius:.25rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.border{border-width:1px}.border-b-2{border-bottom-width:2px}.border-t-2{border-top-width:2px}.border-blue-500{--tw-border-opacity: 1;border-color:rgb(59 130 246 / var(--tw-border-opacity, 1))}.border-gray-200{--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1))}.border-gray-300{--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity, 1))}.bg-blue-600{--tw-bg-opacity: 1;background-color:rgb(37 99 235 / var(--tw-bg-opacity, 1))}.bg-gray-200{--tw-bg-opacity: 1;background-color:rgb(229 231 235 / var(--tw-bg-opacity, 1))}.bg-gray-50{--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1))}.bg-gray-600{--tw-bg-opacity: 1;background-color:rgb(75 85 99 / var(--tw-bg-opacity, 1))}.bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-8{padding:2rem}.px-1{padding-left:.25rem;padding-right:.25rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.text-left{text-align:left}.text-center{text-align:center}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.tracking-wider{letter-spacing:.05em}.text-blue-600{--tw-text-opacity: 1;color:rgb(37 99 235 / var(--tw-text-opacity, 1))}.text-gray-400{--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.text-gray-500{--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.text-gray-600{--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))}.text-gray-700{--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}.text-gray-800{--tw-text-opacity: 1;color:rgb(31 41 55 / var(--tw-text-opacity, 1))}.text-red-500{--tw-text-opacity: 1;color:rgb(239 68 68 / var(--tw-text-opacity, 1))}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.shadow-md{--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-150{transition-duration:.15s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}body{transition:background-color .3s ease,color .3s ease}.theme-transition{transition:background-color .3s ease,color .3s ease,border-color .3s ease}.hover\:bg-blue-700:hover{--tw-bg-opacity: 1;background-color:rgb(29 78 216 / var(--tw-bg-opacity, 1))}.hover\:bg-gray-100:hover{--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1))}.hover\:bg-gray-300:hover{--tw-bg-opacity: 1;background-color:rgb(209 213 219 / var(--tw-bg-opacity, 1))}.hover\:bg-gray-700:hover{--tw-bg-opacity: 1;background-color:rgb(55 65 81 / var(--tw-bg-opacity, 1))}.hover\:text-blue-800:hover{--tw-text-opacity: 1;color:rgb(30 64 175 / var(--tw-text-opacity, 1))}.hover\:underline:hover{text-decoration-line:underline}.focus\:border-blue-500:focus{--tw-border-opacity: 1;border-color:rgb(59 130 246 / var(--tw-border-opacity, 1))}.focus\:ring-blue-500:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity, 1))}.dark\:divide-gray-700:is(.dark *)>:not([hidden])~:not([hidden]){--tw-divide-opacity: 1;border-color:rgb(55 65 81 / var(--tw-divide-opacity, 1))}.dark\:border-gray-600:is(.dark *){--tw-border-opacity: 1;border-color:rgb(75 85 99 / var(--tw-border-opacity, 1))}.dark\:border-gray-700:is(.dark *){--tw-border-opacity: 1;border-color:rgb(55 65 81 / var(--tw-border-opacity, 1))}.dark\:bg-dark-100:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(26 26 26 / var(--tw-bg-opacity, 1))}.dark\:bg-dark-200:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(18 18 18 / var(--tw-bg-opacity, 1))}.dark\:bg-gray-700:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(55 65 81 / var(--tw-bg-opacity, 1))}.dark\:bg-gray-800:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(31 41 55 / var(--tw-bg-opacity, 1))}.dark\:text-blue-400:is(.dark *){--tw-text-opacity: 1;color:rgb(96 165 250 / var(--tw-text-opacity, 1))}.dark\:text-gray-100:is(.dark *){--tw-text-opacity: 1;color:rgb(243 244 246 / var(--tw-text-opacity, 1))}.dark\:text-gray-200:is(.dark *){--tw-text-opacity: 1;color:rgb(229 231 235 / var(--tw-text-opacity, 1))}.dark\:text-gray-300:is(.dark *){--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity, 1))}.dark\:text-gray-400:is(.dark *){--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.dark\:text-gray-500:is(.dark *){--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.dark\:text-gray-600:is(.dark *){--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))}.dark\:text-red-400:is(.dark *){--tw-text-opacity: 1;color:rgb(248 113 113 / var(--tw-text-opacity, 1))}.dark\:hover\:bg-gray-600:hover:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(75 85 99 / var(--tw-bg-opacity, 1))}.dark\:hover\:bg-gray-700:hover:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(55 65 81 / var(--tw-bg-opacity, 1))}.dark\:hover\:text-blue-300:hover:is(.dark *){--tw-text-opacity: 1;color:rgb(147 197 253 / var(--tw-text-opacity, 1))}@media (min-width: 768px){.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}

components/ASRBenchmarkTable.jsx

@@ -1,151 +0,0 @@
-const ASRBenchmarkTable = ({ metrics, sortConfig, requestSort, formatNumber, selectedDataset, datasets, onDatasetChange, darkMode, toggleTheme, debugInfo }) => {
-  return (
-    <div className="max-w-7xl mx-auto p-4">
-      <div className="flex justify-between items-center mb-6">
-        <h1 className="text-xl font-bold dark:text-gray-100 text-gray-800">ASR Benchmark Comparison</h1>
-        <ThemeToggle darkMode={darkMode} toggleTheme={toggleTheme} />
-      </div>
-      
-      <DatasetFilter 
-        selectedDataset={selectedDataset} 
-        datasets={datasets} 
-        onChange={onDatasetChange} 
-      />
-      
-      <div className="overflow-x-auto dark:bg-dark-100 bg-white rounded-lg shadow-md">
-        <table className="min-w-full divide-y dark:divide-gray-700 divide-gray-200">
-          <thead className="dark:bg-gray-800 bg-gray-50">
-            <tr>
-              <th className="py-2 px-3 text-left text-xs font-medium dark:text-gray-400 text-gray-500 uppercase tracking-wider">
-                Model
-              </th>
-              <th 
-                className="py-2 px-3 text-center text-xs font-medium dark:text-gray-400 text-gray-500 uppercase tracking-wider cursor-pointer dark:hover:bg-gray-700 hover:bg-gray-100"
-                onClick={() => requestSort('wer')}
-              >
-                <div className="flex items-center justify-center">
-                  WER ⬇️
-                  {sortConfig.key === 'wer' && (
-                    <span className="ml-1">{sortConfig.direction === 'asc' ? '▲' : '▼'}</span>
-                  )}
-                </div>
-              </th>
-              <th 
-                className="py-2 px-3 text-center text-xs font-medium dark:text-gray-400 text-gray-500 uppercase tracking-wider cursor-pointer dark:hover:bg-gray-700 hover:bg-gray-100"
-                onClick={() => requestSort('cer')}
-              >
-                <div className="flex items-center justify-center">
-                  CER ⬇️
-                  {sortConfig.key === 'cer' && (
-                    <span className="ml-1">{sortConfig.direction === 'asc' ? '▲' : '▼'}</span>
-                  )}
-                </div>
-              </th>
-              <th 
-                className="py-2 px-3 text-center text-xs font-medium dark:text-gray-400 text-gray-500 uppercase tracking-wider cursor-pointer dark:hover:bg-gray-700 hover:bg-gray-100"
-                onClick={() => requestSort('cosine_similarity')}
-              >
-                <div className="flex items-center justify-center">
-                  Similarity ⬆️
-                  {sortConfig.key === 'cosine_similarity' && (
-                    <span className="ml-1">{sortConfig.direction === 'asc' ? '▲' : '▼'}</span>
-                  )}
-                </div>
-              </th>
-              <th 
-                className="py-2 px-3 text-center text-xs font-medium dark:text-gray-400 text-gray-500 uppercase tracking-wider cursor-pointer dark:hover:bg-gray-700 hover:bg-gray-100"
-                onClick={() => requestSort('speed')}
-              >
-                <div className="flex items-center justify-center">
-                  Speed ⬆️
-                  {sortConfig.key === 'speed' && (
-                    <span className="ml-1">{sortConfig.direction === 'asc' ? '▲' : '▼'}</span>
-                  )}
-                </div>
-              </th>
-              <th className="py-2 px-3 text-center text-xs font-medium dark:text-gray-400 text-gray-500 uppercase tracking-wider">
-                Dataset
-              </th>
-              <th className="py-2 px-3 text-center text-xs font-medium dark:text-gray-400 text-gray-500 uppercase tracking-wider">
-                Backend
-              </th>
-              <th className="py-2 px-3 text-center text-xs font-medium dark:text-gray-400 text-gray-500 uppercase tracking-wider">
-                Device
-              </th>
-              <th className="py-2 px-3 text-center text-xs font-medium dark:text-gray-400 text-gray-500 uppercase tracking-wider">
-                Hardware
-              </th>
-            </tr>
-          </thead>
-          <tbody className="divide-y dark:divide-gray-700 divide-gray-200">
-            {metrics.map((item, index) => (
-              <tr 
-                key={index} 
-                className={index % 2 === 0 ? 'dark:bg-dark-100 bg-white' : 'dark:bg-gray-800 bg-gray-50'}
-              >
-                <td className="py-2 px-3 text-xs whitespace-nowrap">
-                  <a 
-                    href={item.asr_model_url} 
-                    target="_blank" 
-                    rel="noopener noreferrer"
-                    className="dark:text-blue-400 text-blue-600 dark:hover:text-blue-300 hover:text-blue-800 hover:underline"
-                  >
-                    {item.asr_model_name}
-                  </a>
-                </td>
-                <td className="py-2 px-3 text-xs text-center whitespace-nowrap">
-                  {formatNumber(item.wer)}%
-                </td>
-                <td className="py-2 px-3 text-xs text-center whitespace-nowrap">
-                  {formatNumber(item.cer)}%
-                </td>
-                <td className="py-2 px-3 text-xs text-center whitespace-nowrap">
-                  {formatNumber(item.cosine_similarity)}%
-                </td>
-                <td className="py-2 px-3 text-xs text-center whitespace-nowrap">
-                  {formatNumber(item.speed)}×
-                </td>
-                <td className="py-2 px-3 text-xs text-center whitespace-nowrap">
-                  <a 
-                    href={`https://huggingface.co/${item.dataset_hf_id}`}
-                    target="_blank" 
-                    rel="noopener noreferrer"
-                    className="dark:text-blue-400 text-blue-600 dark:hover:text-blue-300 hover:text-blue-800 hover:underline"
-                  >
-                    {item.dataset_name}
-                  </a>
-                </td>
-                <td className="py-2 px-3 text-xs text-center whitespace-nowrap">
-                  {item.backend || '-'}
-                </td>
-                <td className="py-2 px-3 text-xs text-center whitespace-nowrap">
-                  {item.device || '-'}
-                </td>
-                <td className="py-2 px-3 text-xs text-center whitespace-nowrap">
-                  {item.device_model || '-'}
-                </td>
-              </tr>
-            ))}
-          </tbody>
-        </table>
-      </div>
-      
-      <div className="mt-6 text-xs dark:text-gray-400 text-gray-600 dark:bg-dark-100 bg-white p-4 rounded-lg shadow-md">
-        <div className="grid grid-cols-1 md:grid-cols-2 gap-2">
-          <div>
-            <p><span className="font-semibold">WER</span>: Word Error Rate (lower is better)</p>
-            <p><span className="font-semibold">CER</span>: Character Error Rate (lower is better)</p>
-          </div>
-          <div>
-            <p><span className="font-semibold">Similarity</span>: Cosine similarity between reference and prediction texts (higher is better)</p>
-            <p><span className="font-semibold">Speed</span>: Real-time factor (higher is better)</p>
-          </div>
-        </div>
-        <p className="mt-4 text-xs dark:text-gray-500 text-gray-500">
-          Last updated: {metrics[0]?.timestamp ? new Date(metrics[0].timestamp.substring(0,8).replace(/(\d{4})(\d{2})(\d{2})/, '$1-$2-$3')).toLocaleDateString() : 'Unknown'}
-        </p>
-        <p className="mt-1 text-xs dark:text-gray-600 text-gray-500">{debugInfo}</p>
-      </div>
-    </div>
-  );
-}; 

components/App.jsx

@@ -1,196 +0,0 @@
-const App = () => {
-  const [metrics, setMetrics] = React.useState([]);
-  const [datasets, setDatasets] = React.useState([]);
-  const [loading, setLoading] = React.useState(true);
-  const [error, setError] = React.useState(null);
-  const [sortConfig, setSortConfig] = React.useState({ key: 'wer', direction: 'asc' });
-  const [debugInfo, setDebugInfo] = React.useState('');
-  const [selectedDataset, setSelectedDataset] = React.useState('all');
-  const [darkMode, setDarkMode] = React.useState(document.documentElement.classList.contains('dark'));
-
-  // Simplified theme handling - just initialize once
-  React.useEffect(() => {
-    // Set initial dark mode state based on document class
-    const isDark = document.documentElement.classList.contains('dark');
-    setDarkMode(isDark);
-    console.log("React component initialized with theme:", isDark ? "DARK" : "LIGHT");
-  }, []);
-
-  React.useEffect(() => {
-    const fetchData = async () => {
-      try {
-        const owner = 'ysdede';
-        const repo = 'asr_benchmark_store';
-        
-        // Try alternate URL format for Hugging Face datasets
-        const apiUrl = `https://huggingface.co/datasets/${owner}/${repo}/resolve/main/metrics-00.csv`;
-        
-        setDebugInfo(`Trying to fetch from: ${apiUrl}`);
-        
-        const response = await fetch(apiUrl);
-        if (!response.ok) {
-          throw new Error(`Failed to fetch: ${response.status} ${response.statusText}`);
-        }
-        
-        const csvText = await response.text();
-        setDebugInfo('Data fetched successfully, parsing CSV...');
-        
-        const parsedData = CSVParser.parseCSV(csvText, setDebugInfo);
-        
-        if (parsedData.length > 0) {
-          setMetrics(parsedData);
-          
-          // Extract unique datasets
-          const uniqueDatasets = [...new Set(parsedData.map(item => item.dataset_name))];
-          setDatasets(uniqueDatasets);
-          
-          setDebugInfo(`Parsed ${parsedData.length} records successfully`);
-        } else {
-          setDebugInfo('Parsed data is empty');
-        }
-        
-        setLoading(false);
-      } catch (error) {
-        console.error('Error fetching metrics data:', error);
-        setError(error.message);
-        setDebugInfo(`Error: ${error.message}`);
-        setLoading(false);
-        
-        // Fallback to static data for demo purposes
-        tryWithStaticData();
-      }
-    };
-    
-    const tryWithStaticData = () => {
-      setDebugInfo('Falling back to static demo data...');
-      // Sample data from your CSV
-      const staticData = [
-        {
-          "asr_model_name": "openai/whisper-large-v3-turbo",
-          "wer": "10.4",
-          "cer": "5.4",
-          "cosine_similarity": "95.51",
-          "speed": "29",
-          "dataset_name": "turkishvoicedataset",
-          "dataset_hf_id": "erenfazlioglu/turkishvoicedataset",
-          "device_model": "Tesla T4",
-          "timestamp": "20250310164022",
-          "asr_model_url": "https://huggingface.co/openai/whisper-large-v3-turbo"
-        },
-        {
-          "asr_model_name": "openai/whisper-small",
-          "wer": "21.87",
-          "cer": "8.33",
-          "cosine_similarity": "91.23",
-          "speed": "68",
-          "dataset_name": "turkishvoicedataset",
-          "dataset_hf_id": "erenfazlioglu/turkishvoicedataset",
-          "device_model": "NVIDIA L4",
-          "timestamp": "20250310180124",
-          "asr_model_url": "https://huggingface.co/openai/whisper-small"
-        }
-      ];
-      
-      setMetrics(staticData);
-      setLoading(false);
-    };
-
-    fetchData();
-  }, []);
-
-  const requestSort = (key) => {
-    let direction = 'asc';
-    if (sortConfig.key === key && sortConfig.direction === 'asc') {
-      direction = 'desc';
-    }
-    setSortConfig({ key, direction });
-  };
-
-  const formatNumber = (value) => {
-    if (!value) return '-';
-    const num = parseFloat(value);
-    return isNaN(num) ? value : num.toFixed(2);
-  };
-
-  const getSortedMetrics = () => {
-    // First filter by selected dataset
-    const filteredItems = selectedDataset === 'all' 
-      ? [...metrics]
-      : metrics.filter(item => item.dataset_name === selectedDataset);
-      
-    // Then sort the filtered items
-    if (sortConfig.key) {
-      filteredItems.sort((a, b) => {
-        const aValue = parseFloat(a[sortConfig.key]) || 0;
-        const bValue = parseFloat(b[sortConfig.key]) || 0;
-        
-        if (aValue < bValue) {
-          return sortConfig.direction === 'asc' ? -1 : 1;
-        }
-        if (aValue > bValue) {
-          return sortConfig.direction === 'asc' ? 1 : -1;
-        }
-        return 0;
-      });
-    }
-    return filteredItems;
-  };
-
-  const toggleTheme = () => {
-    const newDarkMode = !darkMode;
-    setDarkMode(newDarkMode);
-    if (newDarkMode) {
-      document.documentElement.classList.add('dark');
-    } else {
-      document.documentElement.classList.remove('dark');
-    }
-  };
-
-  if (loading) {
-    return <LoadingState debugInfo={debugInfo} />;
-  }
-  
-  if (error) {
-    return <ErrorState error={error} debugInfo={debugInfo} />;
-  }
-  
-  if (metrics.length === 0) {
-    return (
-      <div className="flex items-center justify-center h-screen">
-        <div className="text-center p-4">
-          <p className="text-lg">No benchmark data available</p>
-          <span className="text-xs dark:text-gray-400 text-gray-500">{debugInfo}</span>
-        </div>
-      </div>
-    );
-  }
-
-  const sortedMetrics = getSortedMetrics();
-  
-  if (sortedMetrics.length === 0) {
-    return (
-      <EmptyState 
-        darkMode={darkMode} 
-        toggleTheme={toggleTheme} 
-        selectedDataset={selectedDataset} 
-        datasets={datasets} 
-        onDatasetChange={setSelectedDataset} 
-      />
-    );
-  }
-
-  return (
-    <ASRBenchmarkTable 
-      metrics={sortedMetrics}
-      sortConfig={sortConfig}
-      requestSort={requestSort}
-      formatNumber={formatNumber}
-      selectedDataset={selectedDataset}
-      datasets={datasets}
-      onDatasetChange={setSelectedDataset}
-      darkMode={darkMode}
-      toggleTheme={toggleTheme}
-      debugInfo={debugInfo}
-    />
-  );
-}; 

components/DatasetFilter.jsx

@@ -1,20 +0,0 @@
-const DatasetFilter = ({ selectedDataset, datasets, onChange }) => {
-  return (
-    <div className="mb-4 dark:bg-dark-100 bg-white p-3 rounded-lg shadow-md">
-      <label htmlFor="dataset-filter" className="mr-2 text-sm font-medium dark:text-gray-300 text-gray-700">
-        Filter by Dataset:
-      </label>
-      <select 
-        id="dataset-filter"
-        value={selectedDataset}
-        onChange={(e) => onChange(e.target.value)}
-        className="border rounded py-1 px-2 text-sm dark:bg-gray-700 bg-gray-50 dark:border-gray-600 border-gray-300 dark:text-gray-200 text-gray-700 focus:ring-blue-500 focus:border-blue-500"
-      >
-        <option value="all">All Datasets</option>
-        {datasets.map((dataset, index) => (
-          <option key={index} value={dataset}>{dataset}</option>
-        ))}
-      </select>
-    </div>
-  );
-}; 

components/EmptyState.jsx

@@ -1,23 +0,0 @@
-const EmptyState = ({ darkMode, toggleTheme, selectedDataset, datasets, onDatasetChange }) => {
-  return (
-    <div className="max-w-6xl mx-auto p-4">
-      <div className="flex justify-between items-center mb-6">
-        <h1 className="text-xl font-bold dark:text-gray-100 text-gray-800">ASR Benchmark Comparison</h1>
-        <ThemeToggle darkMode={darkMode} toggleTheme={toggleTheme} />
-      </div>
-      
-      <DatasetFilter 
-        selectedDataset={selectedDataset} 
-        datasets={datasets} 
-        onChange={onDatasetChange} 
-      />
-      
-      <div className="dark:bg-dark-100 bg-white rounded-lg shadow-md p-8 text-center">
-        <svg xmlns="http://www.w3.org/2000/svg" className="h-12 w-12 mx-auto mb-4 dark:text-gray-400 text-gray-400" fill="none" viewBox="0 0 24 24" stroke="currentColor">
-          <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M9.172 16.172a4 4 0 015.656 0M9 10h.01M15 10h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z" />
-        </svg>
-        <p className="dark:text-gray-300 text-gray-600">No results found for the selected dataset</p>
-      </div>
-    </div>
-  );
-}; 

components/ErrorState.jsx

@@ -1,14 +0,0 @@
-const ErrorState = ({ error, debugInfo }) => {
-  return (
-    <div className="flex items-center justify-center h-screen">
-      <div className="text-red-500 dark:text-red-400 p-4 max-w-md text-center">
-        <svg xmlns="http://www.w3.org/2000/svg" className="h-12 w-12 mx-auto mb-4" fill="none" viewBox="0 0 24 24" stroke="currentColor">
-          <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M12 8v4m0 4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z" />
-        </svg>
-        <p className="text-lg font-semibold mb-2">Error</p>
-        <p>{error}</p>
-        <span className="text-xs dark:text-gray-400 text-gray-500 mt-4 block">{debugInfo}</span>
-      </div>
-    </div>
-  );
-}; 

components/LoadingState.jsx

@@ -1,11 +0,0 @@
-const LoadingState = ({ debugInfo }) => {
-  return (
-    <div className="flex items-center justify-center h-screen">
-      <div className="text-center p-4">
-        <div className="animate-spin rounded-full h-12 w-12 border-t-2 border-b-2 border-blue-500 mx-auto mb-4"></div>
-        <p className="text-lg">Loading benchmark data...</p>
-        <span className="text-xs dark:text-gray-400 text-gray-500">{debugInfo}</span>
-      </div>
-    </div>
-  );
-}; 

components/ThemeToggle.jsx

@@ -1,19 +0,0 @@
-const ThemeToggle = ({ darkMode, toggleTheme }) => {
-  return (
-    <button 
-      onClick={toggleTheme}
-      className="p-2 rounded-full dark:bg-gray-700 bg-gray-200 dark:hover:bg-gray-600 hover:bg-gray-300 transition-colors"
-      title={darkMode ? "Switch to light mode" : "Switch to dark mode"}
-    >
-      {darkMode ? (
-        <svg xmlns="http://www.w3.org/2000/svg" className="h-5 w-5" fill="none" viewBox="0 0 24 24" stroke="currentColor">
-          <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M12 3v1m0 16v1m9-9h-1M4 12H3m15.364 6.364l-.707-.707M6.343 6.343l-.707-.707m12.728 0l-.707.707M6.343 17.657l-.707.707M16 12a4 4 0 11-8 0 4 4 0 018 0z" />
-        </svg>
-      ) : (
-        <svg xmlns="http://www.w3.org/2000/svg" className="h-5 w-5" fill="none" viewBox="0 0 24 24" stroke="currentColor">
-          <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M20.354 15.354A9 9 0 018.646 3.646 9.003 9.003 0 0012 21a9.003 9.003 0 008.354-5.646z" />
-        </svg>
-      )}
-    </button>
-  );
-}; 

css/styles.css

@@ -1,5 +0,0 @@
-@media (prefers-color-scheme: dark) {
-  html:not(.light) {
-    color-scheme: dark;
-  }
-} 

css/tailwind.config.js

@@ -1,14 +0,0 @@
-tailwind.config = {
-  darkMode: 'class',
-  theme: {
-    extend: {
-      colors: {
-        dark: {
-          100: '#1E293B', // slate-800
-          200: '#0F172A', // slate-900
-          300: '#020617', // slate-950
-        }
-      }
-    }
-  }
-} 

css/transitions.css

@@ -1,8 +0,0 @@
-/* Ensure smooth transitions between themes */
-body {
-  transition: background-color 0.3s ease, color 0.3s ease;
-}
-
-table, th, td {
-  transition: background-color 0.3s ease, color 0.3s ease;
-} 

index.html

@@ -4,44 +4,10 @@
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <title>ASR Benchmark Comparison</title>
-  
-  <!-- Add React and ReactDOM -->
-  <script src="https://unpkg.com/react@18/umd/react.production.min.js"></script>
-  <script src="https://unpkg.com/react-dom@18/umd/react-dom.production.min.js"></script>
-  
-  <!-- Add Babel for JSX support -->
-  <script src="https://unpkg.com/@babel/standalone/babel.min.js"></script>
-  
-  <!-- Add Tailwind CSS -->
-  <script src="https://cdn.tailwindcss.com"></script>
-  <script src="css/tailwind.config.js"></script>
-  
-  <!-- Custom CSS -->
-  <link rel="stylesheet" href="css/styles.css">
-  <link rel="stylesheet" href="css/transitions.css">
-  
-  <!-- Theme detection -->
-  <script src="js/theme.js"></script>
+  <script type="module" crossorigin src="/assets/index-C-TpxbMu.js"></script>
+  <link rel="stylesheet" crossorigin href="/assets/index-sdSyjyYD.css">
 </head>
 <body class="dark:bg-dark-200 dark:text-gray-200 bg-gray-50 text-gray-800 min-h-screen">
   <div id="root"></div>
-  
-  <!-- Utility scripts -->
-  <script type="text/babel" src="js/utils/csvParser.js"></script>
-  
-  <!-- React Components -->
-  <script type="text/babel" src="components/ThemeToggle.jsx"></script>
-  <script type="text/babel" src="components/DatasetFilter.jsx"></script>
-  <script type="text/babel" src="components/LoadingState.jsx"></script>
-  <script type="text/babel" src="components/ErrorState.jsx"></script>
-  <script type="text/babel" src="components/EmptyState.jsx"></script>
-  <script type="text/babel" src="components/ASRBenchmarkTable.jsx"></script>
-  <script type="text/babel" src="components/App.jsx"></script>
-  
-  <!-- Main script to render the app -->
-  <script type="text/babel">
-    const root = ReactDOM.createRoot(document.getElementById('root'));
-    root.render(<App />);
-  </script>
 </body>
 </html>

js/theme.js

@@ -1,16 +0,0 @@
-// Theme detection and management
-function detectTheme() {
-  // Check system preference
-  if (window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches) {
-    document.documentElement.classList.add('dark');
-    console.log("Theme detection: System preference - DARK theme applied");
-    return 'dark';
-  } else {
-    document.documentElement.classList.remove('dark');
-    console.log("Theme detection: System preference - LIGHT theme applied");
-    return 'light';
-  }
-}
-
-// Run on page load
-const initialTheme = detectTheme(); 

js/utils/csvParser.js

@@ -1,64 +0,0 @@
-// CSV parsing utilities
-const CSVParser = {
-  parseCSV: function(csvText, setDebugInfo) {
-    // Parse CSV with quotes
-    const lines = csvText.split('\n');
-    if (lines.length < 2) return [];
-    
-    const headers = this.parseCsvLine(lines[0]);
-    const result = [];
-    const uniqueEntries = new Set(); // Track unique model+dataset+wer combinations
-    let duplicatesRemoved = 0;
-    
-    for (let i = 1; i < lines.length; i++) {
-      if (lines[i].trim() === '') continue;
-      
-      const values = this.parseCsvLine(lines[i]);
-      if (values.length === headers.length) {
-        const row = {};
-        headers.forEach((header, index) => {
-          row[header] = values[index];
-        });
-        
-        // Create a unique key based on model name, dataset name, and WER score
-        const uniqueKey = `${row.asr_model_name}|${row.dataset_name}|${row.wer}`;
-        
-        // Skip if we've already seen this combination
-        if (uniqueEntries.has(uniqueKey)) {
-          duplicatesRemoved++;
-          continue;
-        }
-        
-        uniqueEntries.add(uniqueKey);
-        result.push(row);
-      }
-    }
-    
-    if (setDebugInfo) {
-      setDebugInfo(prev => `${prev}\nRemoved ${duplicatesRemoved} duplicate entries based on model, dataset, and WER.`);
-    }
-    return result;
-  },
-  
-  parseCsvLine: function(line) {
-    const result = [];
-    let inQuotes = false;
-    let currentValue = '';
-    
-    for (let i = 0; i < line.length; i++) {
-      const char = line[i];
-      
-      if (char === '"') {
-        inQuotes = !inQuotes;
-      } else if (char === ',' && !inQuotes) {
-        result.push(currentValue);
-        currentValue = '';
-      } else {
-        currentValue += char;
-      }
-    }
-    
-    result.push(currentValue);
-    return result;
-  }
-};