free-coding-models 0.5.59 โ†’ 0.5.60

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -48,7 +48,7 @@
48
48
  <link rel="preconnect" href="https://fonts.googleapis.com">
49
49
  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
50
50
  <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=JetBrains+Mono:wght@400;500;600&display=swap" rel="stylesheet">
51
- <script type="module" crossorigin src="/assets/index-C_ZdUGrS.js"></script>
51
+ <script type="module" crossorigin src="/assets/index-CQQJkofy.js"></script>
52
52
  <link rel="stylesheet" crossorigin href="/assets/index-wI9xrm0w.css">
53
53
  </head>
54
54
  <body>
@@ -1015,6 +1015,40 @@ export default function RouterView({ onClose, onToast, favorites }) {
1015
1015
  </div>
1016
1016
  )}
1017
1017
 
1018
+ {/* Runtime telemetry (t3): per-model real-world success rate + throughput.
1019
+ ๐Ÿ“– Read from /stats.runtime (same poll, 5s refresh). Models with
1020
+ ๐Ÿ“– insufficient data (< 5 calls) are hidden โ€” no penalty for new
1021
+ ๐Ÿ“– models. */}
1022
+ {stats?.runtimeTelemetry?.stats?.modelsTracked > 0 && (
1023
+ <div className={styles.section} style={{ marginTop: 12 }}>
1024
+ <h3 className={styles.sectionTitle}>
1025
+ ๐Ÿ“ˆ Runtime Telemetry
1026
+ <span className={styles.miniPgHint}>{stats.runtimeTelemetry.stats.totalCalls} calls tracked ยท local-only</span>
1027
+ </h3>
1028
+ <div className={styles.quotaGrid}>
1029
+ {Object.entries(stats.runtimeTelemetry.models)
1030
+ .filter(([, m]) => m.totalCalls >= 5)
1031
+ .sort((a, b) => (b[1]?.successRate ?? 0) - (a[1]?.successRate ?? 0))
1032
+ .slice(0, 6)
1033
+ .map(([key, m]) => {
1034
+ const srPct = Math.round((m.successRate ?? 0) * 100)
1035
+ const tps = m.avgTokensPerSecond || 0
1036
+ const srColor = srPct <= 50 ? '#dc2626' : srPct <= 80 ? '#f59e0b' : '#16a34a'
1037
+ return (
1038
+ <div key={key} className={styles.quotaCell} title={`${key}: ${m.totalCalls} calls, ${m.successCalls} ok, ${m.errorCalls} err, ${tps.toFixed(1)} tok/s avg`}>
1039
+ <span className={styles.quotaSource}>๐Ÿ“ˆ</span>
1040
+ <span className={styles.quotaName}>{key.split('/')[1] || key}</span>
1041
+ <div className={styles.quotaBar}>
1042
+ <div className={styles.quotaFill} style={{ width: `${srPct}%`, background: srColor }} />
1043
+ </div>
1044
+ <span className={styles.quotaPct} style={{ color: srColor }}>{srPct}%</span>
1045
+ </div>
1046
+ )
1047
+ })}
1048
+ </div>
1049
+ </div>
1050
+ )}
1051
+
1018
1052
  {/* Passive quota (t2): per-provider live quota from response headers.
1019
1053
  ๐Ÿ“– Updated every /stats poll (5s). See provider-quota-fetchers.js. */}
1020
1054
  {stats?.quota && Object.keys(stats.quota).length > 0 && (