Input
{formatDollars(item().input)}
@@ -958,12 +1077,15 @@ function SessionCostSection(props: { data: StatsHomeData["sessionCost"] }) {
const [product, setProduct] = createSignal("Zen")
const [activeIndex, setActiveIndex] = createSignal(2)
const data = createMemo(() => props.data[product()])
- const selectedIndex = createMemo(() => Math.min(activeIndex(), Math.max(data().length - 1, 0)))
+ const visible = createMemo(() => data().slice(0, 16))
+ const selectedIndex = createMemo(() => Math.min(activeIndex(), Math.max(visible().length - 1, 0)))
return (
-
+
+
+
0}
+ when={visible().length > 0}
fallback={
}
>
-
+
+
-
+
)
}
@@ -1024,7 +1147,7 @@ function SessionCostChart(props: {
Cost/Session
@@ -1041,6 +1164,10 @@ function SessionCostChart(props: {
)
}
+function LiveIndicator() {
+ return Live
+}
+
function formatTokenCount(value: number) {
if (value >= 1_000_000) return `${Number((value / 1_000_000).toFixed(1))}M`
return `${Math.round(value / 1_000)}K`
@@ -1050,141 +1177,6 @@ function formatSessionCost(value: number) {
return `$${value.toFixed(4)}`
}
-function CountrySection(props: { data: StatsHomeData["country"] }) {
- const [range, setRange] = createSignal("1W")
- const data = createMemo(() => props.data[range()])
-
- return (
-
- 0}
- fallback={}
- >
-
-
-
-
- [*]
- Top countries by tokens
-
-
-
-
-
- {(item) => (
-
-
{formatCountry(item().country)}
-
{item().continent || "Unknown region"}
-
- {formatTokens(item().tokens)}
- {item().share.toFixed(1)}%
-
-
-
-
-
- {(item, index) => (
- -
-
-
- )}
-
-
- )
-}
-
-function formatCountry(country: string) {
- const known: Record = {
- AU: "Australia",
- BR: "Brazil",
- CA: "Canada",
- CN: "China",
- DE: "Germany",
- FR: "France",
- GB: "United Kingdom",
- IN: "India",
- JP: "Japan",
- KR: "South Korea",
- NL: "Netherlands",
- SG: "Singapore",
- US: "United States",
- ZZ: "Unknown",
- }
- return known[country] ?? country
-}
-
-function Newsletter() {
- return (
-
-
-
Be the first to know when we release new products
-
Join the waitlist for early access.
-