feat(go): add Ox Alpha to usage graph (#43809)

packages/console/app/src/i18n/ar.ts

@@ -271,6 +271,7 @@ export const dict = {
   "go.graph.go": "Go",
   "go.graph.label": "الطلبات كل 5 ساعات",
   "go.graph.limitedRegions": "مناطق محدودة",
+  "go.graph.limitedTime": "لفترة محدودة",
   "go.graph.usageLimits": "حدود الاستخدام",
   "go.graph.aria": "الطلبات كل 5 ساعات: {{free}} مقابل {{go}}",
 

packages/console/app/src/i18n/br.ts

@@ -275,6 +275,7 @@ export const dict = {
   "go.graph.go": "Go",
   "go.graph.label": "Requisições por 5 horas",
   "go.graph.limitedRegions": "regiões limitadas",
+  "go.graph.limitedTime": "tempo limitado",
   "go.graph.usageLimits": "Limites de uso",
   "go.graph.aria": "Requisições por 5h: {{free}} vs {{go}}",
 

packages/console/app/src/i18n/da.ts

@@ -273,6 +273,7 @@ export const dict = {
   "go.graph.go": "Go",
   "go.graph.label": "Forespørgsler pr. 5 timer",
   "go.graph.limitedRegions": "begrænsede regioner",
+  "go.graph.limitedTime": "begrænset periode",
   "go.graph.usageLimits": "Brugsgrænser",
   "go.graph.aria": "Forespørgsler pr. 5t: {{free}} vs {{go}}",
 

packages/console/app/src/i18n/de.ts

@@ -275,6 +275,7 @@ export const dict = {
   "go.graph.go": "Go",
   "go.graph.label": "Anfragen pro 5 Stunden",
   "go.graph.limitedRegions": "begrenzte Regionen",
+  "go.graph.limitedTime": "begrenzte Zeit",
   "go.graph.usageLimits": "Nutzungslimits",
   "go.graph.aria": "Anfragen pro 5h: {{free}} vs {{go}}",
 

packages/console/app/src/i18n/en.ts

@@ -271,6 +271,7 @@ export const dict = {
   "go.graph.go": "Go",
   "go.graph.label": "Requests per 5 hour",
   "go.graph.limitedRegions": "limited regions",
+  "go.graph.limitedTime": "limited time",
   "go.graph.tick": "{{n}}x",
   "go.graph.usageLimits": "Usage limits",
   "go.graph.aria": "Requests per 5h: {{free}} vs {{go}}",

packages/console/app/src/i18n/es.ts

@@ -276,6 +276,7 @@ export const dict = {
   "go.graph.go": "Go",
   "go.graph.label": "Solicitudes por 5 horas",
   "go.graph.limitedRegions": "regiones limitadas",
+  "go.graph.limitedTime": "tiempo limitado",
   "go.graph.usageLimits": "Límites de uso",
   "go.graph.aria": "Solicitudes por 5h: {{free}} vs {{go}}",
 

packages/console/app/src/i18n/fr.ts

@@ -277,6 +277,7 @@ export const dict = {
   "go.graph.go": "Go",
   "go.graph.label": "Requêtes par tranche de 5 heures",
   "go.graph.limitedRegions": "régions limitées",
+  "go.graph.limitedTime": "durée limitée",
   "go.graph.usageLimits": "Limites d'utilisation",
   "go.graph.aria": "Requêtes par 5h : {{free}} vs {{go}}",
 

packages/console/app/src/i18n/it.ts

@@ -273,6 +273,7 @@ export const dict = {
   "go.graph.go": "Go",
   "go.graph.label": "Richieste ogni 5 ore",
   "go.graph.limitedRegions": "regioni limitate",
+  "go.graph.limitedTime": "periodo limitato",
   "go.graph.usageLimits": "Limiti di utilizzo",
   "go.graph.aria": "Richieste ogni 5h: {{free}} vs {{go}}",
 

packages/console/app/src/i18n/ja.ts

@@ -272,6 +272,7 @@ export const dict = {
   "go.graph.go": "Go",
   "go.graph.label": "5時間あたりのリクエスト数",
   "go.graph.limitedRegions": "一部の地域に限定",
+  "go.graph.limitedTime": "期間限定",
   "go.graph.usageLimits": "利用制限",
   "go.graph.aria": "5時間あたりのリクエスト数: {{free}} 対 {{go}}",
 

packages/console/app/src/i18n/ko.ts

@@ -269,6 +269,7 @@ export const dict = {
   "go.graph.go": "Go",
   "go.graph.label": "5시간당 요청 수",
   "go.graph.limitedRegions": "일부 지역에서만 제공",
+  "go.graph.limitedTime": "한정된 기간",
   "go.graph.usageLimits": "사용 한도",
   "go.graph.aria": "5시간당 요청 수: {{free}} 대 {{go}}",
 

packages/console/app/src/i18n/no.ts

@@ -273,6 +273,7 @@ export const dict = {
   "go.graph.go": "Go",
   "go.graph.label": "Forespørsler per 5 timer",
   "go.graph.limitedRegions": "begrensede regioner",
+  "go.graph.limitedTime": "begrenset periode",
   "go.graph.usageLimits": "Bruksgrenser",
   "go.graph.aria": "Forespørsler per 5t: {{free}} vs {{go}}",
 

packages/console/app/src/i18n/pl.ts

@@ -274,6 +274,7 @@ export const dict = {
   "go.graph.go": "Go",
   "go.graph.label": "Żądania na 5 godzin",
   "go.graph.limitedRegions": "ograniczone regiony",
+  "go.graph.limitedTime": "ograniczony czas",
   "go.graph.usageLimits": "Limity użycia",
   "go.graph.aria": "Żądania na 5h: {{free}} vs {{go}}",
 

packages/console/app/src/i18n/ru.ts

@@ -277,6 +277,7 @@ export const dict = {
   "go.graph.go": "Go",
   "go.graph.label": "Запросов за 5 часов",
   "go.graph.limitedRegions": "доступно в отдельных регионах",
+  "go.graph.limitedTime": "ограниченное время",
   "go.graph.usageLimits": "Лимиты использования",
   "go.graph.aria": "Запросов за 5ч: {{free}} против {{go}}",
 

packages/console/app/src/i18n/th.ts

@@ -271,6 +271,7 @@ export const dict = {
   "go.graph.go": "Go",
   "go.graph.label": "คำขอต่อ 5 ชั่วโมง",
   "go.graph.limitedRegions": "เฉพาะบางภูมิภาค",
+  "go.graph.limitedTime": "ช่วงเวลาจำกัด",
   "go.graph.usageLimits": "ขีดจำกัดการใช้งาน",
   "go.graph.aria": "คำขอต่อ 5 ชม.: {{free}} vs {{go}}",
 

packages/console/app/src/i18n/tr.ts

@@ -275,6 +275,7 @@ export const dict = {
   "go.graph.go": "Go",
   "go.graph.label": "5 saat başına istekler",
   "go.graph.limitedRegions": "sınırlı bölgeler",
+  "go.graph.limitedTime": "sınırlı süre",
   "go.graph.usageLimits": "Kullanım limitleri",
   "go.graph.aria": "5 saatlik istekler: {{free}} vs {{go}}",
 

packages/console/app/src/i18n/uk.ts

@@ -274,6 +274,7 @@ export const dict = {
   "go.graph.go": "Go",
   "go.graph.label": "Запитів за 5 годин",
   "go.graph.limitedRegions": "обмежені регіони",
+  "go.graph.limitedTime": "обмежений час",
   "go.graph.usageLimits": "Ліміти використання",
   "go.graph.aria": "Запитів за 5 год: {{free}} vs {{go}}",
 

packages/console/app/src/i18n/zh.ts

@@ -261,6 +261,7 @@ export const dict = {
   "go.graph.go": "Go",
   "go.graph.label": "每 5 小时请求数",
   "go.graph.limitedRegions": "仅限部分地区",
+  "go.graph.limitedTime": "限时",
   "go.graph.usageLimits": "使用限制",
   "go.graph.aria": "每 5 小时请求数: {{free}} vs {{go}}",
 

packages/console/app/src/i18n/zht.ts

@@ -261,6 +261,7 @@ export const dict = {
   "go.graph.go": "Go",
   "go.graph.label": "每 5 小時請求數",
   "go.graph.limitedRegions": "僅限部分地區",
+  "go.graph.limitedTime": "限時",
   "go.graph.usageLimits": "使用限制",
   "go.graph.aria": "每 5 小時請求數：{{free}} vs {{go}}",
 

packages/console/app/src/routes/go/index.css

@@ -592,7 +592,7 @@ body {
           white-space: nowrap;
         }
 
-        [data-regions] {
+        :is([data-regions], [data-limited]) {
           color: var(--color-text-weak);
           white-space: nowrap;
 
@@ -698,6 +698,11 @@ body {
         fill: color-mix(in srgb, var(--bar-go) 50%, transparent);
       }
 
+      [data-item][data-infinite] [data-value] {
+        font-size: 18px;
+        line-height: 1;
+      }
+
       [data-val] {
         fill: var(--color-text-strong);
         font-size: 13px;

packages/console/app/src/routes/go/index.tsx

@@ -80,6 +80,7 @@ function LimitsGraph(props: { href: string }) {
     { id: "mimo-v2.5", name: "MiMo-V2.5", req: 30100, d: "340ms" },
     { id: "hy3", name: "Hy3", req: 34400, baseReq: 4300, d: "320ms" },
     { id: "muse-spark-1.2-contributor", name: "Muse Spark 1.2 Contributor", req: 45300, edge: true, d: "360ms" },
+    { id: "x-preview-f-free", name: "Ox Alpha Free", req: Infinity, infinite: true, edge: true, d: "400ms" },
   ]
 
   const w = 1040
@@ -89,9 +90,10 @@ function LimitsGraph(props: { href: string }) {
   const top = 18
   const bottom = 44
   const plot = chartW - left - right
+  const infiniteX = w - 180
 
   const ratio = (n: number) => n / baseline
-  const rmax = Math.max(1, ...graph.map((m) => ratio(m.req)))
+  const rmax = Math.max(1, ...graph.filter((m) => !("infinite" in m)).map((m) => ratio(m.req)))
   const log = (n: number) => Math.log10(Math.max(n, 1))
   const base = 24
   const p = 2.2
@@ -153,10 +155,10 @@ function LimitsGraph(props: { href: string }) {
                   <rect
                     x={left}
                     y={gy(i()) - bh / 2}
-                    width={Math.max(0, x(ratio(m.baseReq ?? m.req)) - left)}
+                    width={Math.max(0, ("infinite" in m ? infiniteX : x(ratio(m.baseReq ?? m.req))) - left)}
                     height={bh}
                     data-bar
-                    data-kind="go"
+                    data-kind={"infinite" in m ? "infinite" : "go"}
                     data-model={m.id}
                   />
                   {m.baseReq && (
@@ -200,9 +202,10 @@ function LimitsGraph(props: { href: string }) {
                 data-kind="go"
                 data-model={m.id}
                 data-edge={"edge" in m ? "" : undefined}
-                style={{ "--x": px(x(ratio(m.req))), "--y": py(gy(i())), "--d": m.d } as any}
+                data-infinite={"infinite" in m ? "" : undefined}
+                style={{ "--x": px("infinite" in m ? infiniteX : x(ratio(m.req))), "--y": py(gy(i())), "--d": m.d } as any}
               >
-                <span data-value>{m.req.toLocaleString()}</span>
+                <span data-value>{"infinite" in m ? "∞" : m.req.toLocaleString()}</span>
                 <span data-name>{m.name}</span>
                 {m.id === "muse-spark-1.2-contributor" && (
                   <span data-regions>
@@ -213,6 +216,7 @@ function LimitsGraph(props: { href: string }) {
                     )
                   </span>
                 )}
+                {"infinite" in m && <span data-limited>({i18n.t("go.graph.limitedTime")})</span>}
                 {m.baseReq && <span data-bonus>8x usage</span>}
               </span>
             )}