go: promote kimi k2.6 usage limits (#23634)

Co-authored-by: Frank <frank@anoma.ly>

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

@@ -306,7 +306,7 @@ body {
   [data-component="hero"] {
     display: flex;
     flex-direction: column;
-    padding: calc(var(--vertical-padding) * 2) var(--padding);
+    padding: calc(var(--vertical-padding) * 1.5) var(--padding);
 
     [data-slot="zen logo dark"] {
       display: none;
@@ -326,6 +326,37 @@ body {
     }
   }
 
+  [data-component="desktop-app-banner"] {
+    display: flex;
+    align-items: center;
+    gap: 12px;
+    margin-bottom: 32px;
+
+    [data-slot="badge"] {
+      background: var(--color-background-strong);
+      color: var(--color-text-inverted);
+      font-weight: 500;
+      padding: 4px 8px;
+      line-height: 1;
+      flex-shrink: 0;
+    }
+
+    [data-slot="content"] {
+      display: flex;
+      align-items: center;
+      gap: 1ch;
+    }
+
+    [data-slot="text"] {
+      color: var(--color-text-strong);
+      line-height: 1.4;
+
+      @media (max-width: 30.625rem) {
+        display: none;
+      }
+    }
+  }
+
   [data-slot="hero-copy"] {
     img {
       margin-bottom: 24px;
@@ -544,6 +575,14 @@ body {
           font-weight: 600;
           white-space: nowrap;
         }
+
+        [data-bonus] {
+          color: var(--color-text-weak);
+          font-size: 12px;
+          font-weight: 400;
+          line-height: 1;
+          white-space: nowrap;
+        }
       }
 
       [data-slot="plot-labels"] {
@@ -623,6 +662,10 @@ body {
         fill: var(--color-text-strong);
       }
 
+      [data-bar][data-kind="promo"] {
+        fill: color-mix(in srgb, var(--bar-go) 50%, transparent);
+      }
+
       [data-val] {
         fill: var(--color-text-strong);
         font-size: 13px;

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

@@ -59,9 +59,8 @@ function LimitsGraph(props: { href: string }) {
   const free = 200
   const graph = [
     { id: "glm-5.1", name: "GLM-5.1", req: 880, d: "100ms" },
-    { id: "kimi-k2.6", name: "Kimi K2.6", req: 1150, d: "150ms" },
+    { id: "kimi-k2.6", name: "Kimi K2.6 (3x usage)", req: 3450, baseReq: 1150, d: "150ms" },
     { id: "mimo-v2-pro", name: "MiMo-V2-Pro", req: 1290, d: "150ms" },
-    { id: "kimi-k2.5", name: "Kimi K2.5", req: 1850, d: "240ms" },
     { id: "qwen3.6-plus", name: "Qwen3.6 Plus", req: 3300, d: "280ms" },
     { id: "minimax-m2.7", name: "MiniMax M2.7", req: 3400, d: "300ms" },
     { id: "qwen3.5-plus", name: "Qwen3.5 Plus", req: 10200, d: "360ms" },
@@ -79,7 +78,7 @@ function LimitsGraph(props: { href: string }) {
   const rmax = Math.max(1, ...graph.map((m) => ratio(m.req)))
   const log = (n: number) => Math.log10(Math.max(n, 1))
   const base = 24
-  const p = 1.8
+  const p = 2.2
   const x = (r: number) => left + base + Math.pow(log(r) / log(rmax), p) * (plot - base)
   const start = (x(1) / w) * 100
 
@@ -152,12 +151,24 @@ function LimitsGraph(props: { href: string }) {
                   <rect
                     x={left}
                     y={gy(i()) - bh / 2}
-                    width={Math.max(0, x(ratio(m.req)) - left)}
+                    width={Math.max(0, x(ratio(m.baseReq ?? m.req)) - left)}
                     height={bh}
                     data-bar
                     data-kind="go"
                     data-model={m.id}
+                    data-segment={m.baseReq ? "base" : undefined}
                   />
+                  {m.baseReq && (
+                    <rect
+                      x={x(ratio(m.baseReq)) + 2}
+                      y={gy(i()) - bh / 2}
+                      width={Math.max(0, x(ratio(m.req)) - x(ratio(m.baseReq)) - 2)}
+                      height={bh}
+                      data-bar
+                      data-kind="promo"
+                      data-model={m.id}
+                    />
+                  )}
                 </g>
               )}
             </For>
@@ -247,6 +258,12 @@ export default function Home() {
 
         <div data-component="content">
           <section data-component="hero">
+            <div data-component="desktop-app-banner">
+              <span data-slot="badge">{i18n.t("home.banner.badge")}</span>
+              <div data-slot="content">
+                <span data-slot="text">{i18n.t("go.banner.text")}</span>
+              </div>
+            </div>
             <div data-slot="hero-copy">
               <img data-slot="zen logo light" src={goLogoLight} alt="" />
               <img data-slot="zen logo dark" src={goLogoDark} alt="" />