diff --git a/src/components/home/HomeHero.astro b/src/components/home/HomeHero.astro index be2795e..fa9591b 100644 --- a/src/components/home/HomeHero.astro +++ b/src/components/home/HomeHero.astro @@ -26,7 +26,8 @@ const zh = lang === "zh-CN"; > {c.h1a} {c.h1b} -

{c.sub}

+ {/* 背景图形从这一段后面穿过：一圈深色阴影让字压得住它 */} +

{c.sub}

diff --git a/src/components/home/LiteBand.astro b/src/components/home/LiteBand.astro index 21815b2..7bcc5b8 100644 --- a/src/components/home/LiteBand.astro +++ b/src/components/home/LiteBand.astro @@ -30,14 +30,19 @@ const zh = lang === "zh-CN"; lang === "zh-CN" ? "text-[28px] leading-[1.35] sm:text-[34px] lg:text-[40px]" : "text-[32px] leading-[1.15] sm:text-[40px] lg:text-[46px]", ]} >{c.title} -
+
{c.points.map((p) => ( -

{p.t} {p.b}

+
+

{p.t}

+

{p.b}

+
))}
-
- {c.pills.map((pill) => ( - {pill} + {/* 第一项是状态，单独做成徽标；其余是平台与许可证 */} +
+ {c.pills[0]} + {c.pills.slice(1).map((pill) => ( + {pill} ))}
diff --git a/src/components/mocks/RateLimitMock.tsx b/src/components/mocks/RateLimitMock.tsx index 43e92f0..31fd0bd 100644 --- a/src/components/mocks/RateLimitMock.tsx +++ b/src/components/mocks/RateLimitMock.tsx @@ -3,11 +3,18 @@ import { useInView } from "../hooks/useInView"; const BUCKETS = 30; const LIMIT = 100; +const TYPICAL = 62; -function genBucket(seed: number, base: number) { +/** + * One bucket's request count: a step from the previous one that drifts back + * towards the typical load, capped at the limit, since a limiter never lets a + * bucket past it. + */ +function genBucket(seed: number, prev: number) { seed = (seed * 9301 + 49297) % 233280; const r = seed / 233280; - return Math.max(0, Math.round(base + (r - 0.4) * 35)); + const base = prev * 0.6 + TYPICAL * 0.4; + return Math.min(LIMIT, Math.max(0, Math.round(base + (r - 0.5) * 40))); } export default function RateLimitMock() { @@ -60,7 +67,7 @@ export default function RateLimitMock() { const pct = Math.min(100, (b / LIMIT) * 100); const over = b > LIMIT * 0.9; return ( -
+
-
-

{c.built.eyebrow}

-
- {nodes.map((node, i) => ( +
+
+

{c.built.eyebrow}

+

{c.built.title}

+

{c.built.intro}

+
+ {/* 三个节点等高；连线上各一个标签，第一条（应用到 core）带流动的点 */} +
+ {c.built.nodes.map((node, i) => ( {i > 0 && ( -
+
{i === 1 && }
- {/* The channel between the app and core: under the line when the nodes sit - side by side, below the vertical line when they are stacked. */} - {i === 1 && ( -
-

{c.built.link.title}

-
    - {c.built.link.lines.map((line) => ( -
  • {line}
    • - ))} -
-
- )} + + {c.built.links[i - 1]} +
)}
+

{node.role}

{node.title}

-

{node.body}

+
    + {node.items.map((item) => ( +
  • + + {item} +
    • + ))} +
))}
+

{c.built.note}

diff --git a/src/i18n/pages/lite.ts b/src/i18n/pages/lite.ts index 8dc43d9..4cc4ab5 100644 --- a/src/i18n/pages/lite.ts +++ b/src/i18n/pages/lite.ts @@ -139,22 +139,15 @@ export const liteCopy = { }, built: { eyebrow: "Architecture", - lite: { - title: "ThinkWatch Lite", - body: "A Tauri 2 shell with a React 19 window. It starts and supervises the local core or connects to a core on a server, and renders the menu bar on macOS and the tray menu on Windows and Linux.", - }, - link: { - title: "Control channel", - lines: ["macOS and Linux: Unix socket", "Windows: loopback port", "Remote core: TCP port", "Every connection: encrypted handshake"], - }, - core: { - title: "ThinkWatch Core", - body: "The gateway, twcore: routing, forwarding, format conversion, cost accounting and the security protections. It runs beside the app or as a systemd service on a Linux server; Lite contains none of this logic.", - }, - upstreams: { - title: "Upstreams", - body: "The Anthropic, OpenAI and Gemini APIs, accounts signed in from the app, relays and local models.", - }, + title: "The app is the interface; the gateway is ThinkWatch Core", + intro: "Lite holds no routing, forwarding or accounting logic. All of it is in ThinkWatch Core, which runs beside the app or on a Linux server.", + nodes: [ + { role: "Desktop app", title: "ThinkWatch Lite", items: ["Main window, menu bar and tray", "Starts and supervises the local core", "Or connects to a core on a server"] }, + { role: "Gateway", title: "ThinkWatch Core", items: ["Routing, failover and format conversion", "Cost accounting and request records", "The five security protections"] }, + { role: "Upstreams", title: "Model services", items: ["Anthropic, OpenAI and Gemini APIs", "Amazon Bedrock and signed-in accounts", "Relays and local models"] }, + ], + links: ["Encrypted control channel", "Forwards requests"], + note: "The control channel is a Unix socket on macOS and Linux, a loopback port on Windows and a TCP port to a core on a server; every connection is encrypted and authenticated by a Noise handshake.", }, install: { eyebrow: "Install", @@ -324,22 +317,15 @@ export const liteCopy = { }, built: { eyebrow: "架构", - lite: { - title: "ThinkWatch Lite", - body: "Tauri 2 外壳与 React 19 窗口。负责启动并托管本机的 core，或连接服务器上的 core；在 macOS 上渲染菜单栏，在 Windows 与 Linux 上渲染托盘菜单。", - }, - link: { - title: "控制通道", - lines: ["macOS、Linux：unix socket", "Windows：本机回环端口", "远程 core：TCP 端口", "每条连接都经加密握手"], - }, - core: { - title: "ThinkWatch Core", - body: "网关本体 twcore，负责路由、转发、格式转换、成本核算与安全防护。它随应用在本机运行，也可以作为 systemd 服务运行在 Linux 服务器上；Lite 不包含这些逻辑。", - }, - upstreams: { - title: "上游服务", - body: "Anthropic、OpenAI 与 Gemini API，在应用内登录的账号，以及中转服务与本机模型。", - }, + title: "应用负责界面，网关是 ThinkWatch Core", + intro: "Lite 不含路由、转发与计费逻辑，这些都在 ThinkWatch Core 中；core 随应用在本机运行，也可以部署在 Linux 服务器上。", + nodes: [ + { role: "桌面应用", title: "ThinkWatch Lite", items: ["主窗口、菜单栏与托盘", "启动并守护本机的 core", "或连接服务器上的 core"] }, + { role: "网关", title: "ThinkWatch Core", items: ["路由、故障转移与格式转换", "费用核算与请求记录", "五项安全防护"] }, + { role: "上游", title: "模型服务", items: ["Anthropic、OpenAI、Gemini API", "Amazon Bedrock 与登录的账号", "中转服务与本机模型"] }, + ], + links: ["加密控制通道", "转发请求"], + note: "控制通道在 macOS 与 Linux 上是 unix socket，在 Windows 上是本机回环端口，连接服务器时是 TCP 端口；每条连接都经 Noise 握手加密与认证。", }, install: { eyebrow: "安装",