ae:I[903690,["/chat-static/_next/static/immutable/chunks/1lkf6k2m1flb0.js","/chat-static/_next/static/immutable/chunks/17kl369b79nmd.js","/chat-static/_next/static/immutable/chunks/0pa2o-879tgyz.js","/chat-static/_next/static/immutable/chunks/0vmwjdmzo33vb.js","/chat-static/_next/static/immutable/chunks/1di_td8luy3gw.js","/chat-static/_next/static/immutable/chunks/02i94wxetye3o.js","/chat-static/_next/static/immutable/chunks/0_zevym5bobxk.js","/chat-static/_next/static/immutable/chunks/0_zojv1j0yvgz.js","/chat-static/_next/static/immutable/chunks/33addp8wpisll.js","/chat-static/_next/static/immutable/chunks/1ufyz6yxs0z2e.js","/chat-static/_next/static/immutable/chunks/2dh4piq3ytqcg.js","/chat-static/_next/static/immutable/chunks/3o68x5y6o8416.js","/chat-static/_next/static/immutable/chunks/2ismecd3wpydo.js","/chat-static/_next/static/immutable/chunks/0i48amtc28pqy.js","/chat-static/_next/static/immutable/chunks/0stn4fyh7vt2p.js","/chat-static/_next/static/immutable/chunks/05nwfqhkhjzq1.js","/chat-static/_next/static/immutable/chunks/2yb_r2rxioeq7.js","/chat-static/_next/static/immutable/chunks/3hiry5_gl-olj.js","/chat-static/_next/static/immutable/chunks/3onevyvova1-x.js","/chat-static/_next/static/immutable/chunks/2nhia_dkrl056.js","/chat-static/_next/static/immutable/chunks/3b6rwng7jzw37.js","/chat-static/_next/static/immutable/chunks/2iyogqj39terz.js","/chat-static/_next/static/immutable/chunks/2iq10ibnlud11.js","/chat-static/_next/static/immutable/chunks/0dt5xmjm5355d.js","/chat-static/_next/static/immutable/chunks/421be_5xz_yit.js","/chat-static/_next/static/immutable/chunks/04l72d75eqpuv.js","/chat-static/_next/static/immutable/chunks/1bapz7shexh_1.js","/chat-static/_next/static/immutable/chunks/2qdpxcwszvh9d.js","/chat-static/_next/static/immutable/chunks/28paj9r0h0i-2.js","/chat-static/_next/static/immutable/chunks/2rl_28388m3mk.js","/chat-static/_next/static/immutable/chunks/1vmsiis7-ckum.js","/chat-static/_next/static/immutable/chunks/3gr9g15aj6bnd.js","/chat-static/_next/static/immutable/chunks/1enbdr75qikbc.js","/chat-static/_next/static/immutable/chunks/0hl06z9smjl4k.js","/chat-static/_next/static/immutable/chunks/3y8epj96xs3p-.js","/chat-static/_next/static/immutable/chunks/1brjd04mcbgl6.js","/chat-static/_next/static/immutable/chunks/3all0vilnb92m.js","/chat-static/_next/static/immutable/chunks/1e0rcv99ytjcb.js","/chat-static/_next/static/immutable/chunks/0n7q9fcl3jcrv.js","/chat-static/_next/static/immutable/chunks/2lrohyk-nd291.js","/chat-static/_next/static/immutable/chunks/09cgg7k7wixw8.js","/chat-static/_next/static/immutable/chunks/10v7ydpea6nr6.js","/chat-static/_next/static/immutable/chunks/3u8-q0_zrsq3a.js","/chat-static/_next/static/immutable/chunks/3ozgp_g2qonep.js","/chat-static/_next/static/immutable/chunks/3j-tycn5m0jn9.js","/chat-static/_next/static/immutable/chunks/05wnlk6xbjsq8.js","/chat-static/_next/static/immutable/chunks/3k3j2f1pv2vk9.js","/chat-static/_next/static/immutable/chunks/1erht42aiso18.js","/chat-static/_next/static/immutable/chunks/0wa14r29vk-50.js","/chat-static/_next/static/immutable/chunks/2qvuo3-v7nyo9.js","/chat-static/_next/static/immutable/chunks/0h3zc71pdnjom.js","/chat-static/_next/static/immutable/chunks/1-dy_7sysc2c9.js","/chat-static/_next/static/immutable/chunks/30mwco_q1oioj.js","/chat-static/_next/static/immutable/chunks/221p-9jysj5ag.js","/chat-static/_next/static/immutable/chunks/44yv1x71fh45j.js","/chat-static/_next/static/immutable/chunks/0a3-vdkd9kqel.js"],"ExplicitChatIdProvider"] af:I[838238,["/chat-static/_next/static/immutable/chunks/1lkf6k2m1flb0.js","/chat-static/_next/static/immutable/chunks/17kl369b79nmd.js","/chat-static/_next/static/immutable/chunks/0pa2o-879tgyz.js","/chat-static/_next/static/immutable/chunks/0vmwjdmzo33vb.js","/chat-static/_next/static/immutable/chunks/1di_td8luy3gw.js","/chat-static/_next/static/immutable/chunks/02i94wxetye3o.js","/chat-static/_next/static/immutable/chunks/0_zevym5bobxk.js","/chat-static/_next/static/immutable/chunks/0_zojv1j0yvgz.js","/chat-static/_next/static/immutable/chunks/33addp8wpisll.js","/chat-static/_next/static/immutable/chunks/1ufyz6yxs0z2e.js","/chat-static/_next/static/immutable/chunks/2dh4piq3ytqcg.js","/chat-static/_next/static/immutable/chunks/3o68x5y6o8416.js","/chat-static/_next/static/immutable/chunks/2ismecd3wpydo.js","/chat-static/_next/static/immutable/chunks/0i48amtc28pqy.js","/chat-static/_next/static/immutable/chunks/0stn4fyh7vt2p.js","/chat-static/_next/static/immutable/chunks/05nwfqhkhjzq1.js","/chat-static/_next/static/immutable/chunks/2yb_r2rxioeq7.js","/chat-static/_next/static/immutable/chunks/3hiry5_gl-olj.js","/chat-static/_next/static/immutable/chunks/3onevyvova1-x.js","/chat-static/_next/static/immutable/chunks/2nhia_dkrl056.js","/chat-static/_next/static/immutable/chunks/3b6rwng7jzw37.js","/chat-static/_next/static/immutable/chunks/2iyogqj39terz.js","/chat-static/_next/static/immutable/chunks/2iq10ibnlud11.js","/chat-static/_next/static/immutable/chunks/0dt5xmjm5355d.js","/chat-static/_next/static/immutable/chunks/421be_5xz_yit.js","/chat-static/_next/static/immutable/chunks/04l72d75eqpuv.js","/chat-static/_next/static/immutable/chunks/1bapz7shexh_1.js","/chat-static/_next/static/immutable/chunks/2qdpxcwszvh9d.js","/chat-static/_next/static/immutable/chunks/28paj9r0h0i-2.js","/chat-static/_next/static/immutable/chunks/2rl_28388m3mk.js","/chat-static/_next/static/immutable/chunks/1vmsiis7-ckum.js","/chat-static/_next/static/immutable/chunks/3gr9g15aj6bnd.js","/chat-static/_next/static/immutable/chunks/1enbdr75qikbc.js","/chat-static/_next/static/immutable/chunks/0hl06z9smjl4k.js","/chat-static/_next/static/immutable/chunks/3y8epj96xs3p-.js","/chat-static/_next/static/immutable/chunks/1brjd04mcbgl6.js","/chat-static/_next/static/immutable/chunks/3all0vilnb92m.js","/chat-static/_next/static/immutable/chunks/1e0rcv99ytjcb.js","/chat-static/_next/static/immutable/chunks/0n7q9fcl3jcrv.js","/chat-static/_next/static/immutable/chunks/2lrohyk-nd291.js","/chat-static/_next/static/immutable/chunks/09cgg7k7wixw8.js","/chat-static/_next/static/immutable/chunks/10v7ydpea6nr6.js","/chat-static/_next/static/immutable/chunks/3u8-q0_zrsq3a.js","/chat-static/_next/static/immutable/chunks/3ozgp_g2qonep.js","/chat-static/_next/static/immutable/chunks/3j-tycn5m0jn9.js","/chat-static/_next/static/immutable/chunks/05wnlk6xbjsq8.js","/chat-static/_next/static/immutable/chunks/3k3j2f1pv2vk9.js","/chat-static/_next/static/immutable/chunks/1erht42aiso18.js","/chat-static/_next/static/immutable/chunks/0wa14r29vk-50.js","/chat-static/_next/static/immutable/chunks/2qvuo3-v7nyo9.js","/chat-static/_next/static/immutable/chunks/0h3zc71pdnjom.js","/chat-static/_next/static/immutable/chunks/1-dy_7sysc2c9.js","/chat-static/_next/static/immutable/chunks/30mwco_q1oioj.js","/chat-static/_next/static/immutable/chunks/221p-9jysj5ag.js","/chat-static/_next/static/immutable/chunks/44yv1x71fh45j.js","/chat-static/_next/static/immutable/chunks/0a3-vdkd9kqel.js"],"SWRDataProvider"] b1:Tbeb81,山竹HTTP · 全球级高性能代理IP基础设施

全球 200+ 城市节点 · 千万级 IP 资源池

连接全球，畅通无界

山竹HTTP 提供千万级代理 IP 资源池，支持高并发、秒级提取。为数据采集、广告验证、电商监控与 AI 训练提供稳定、合规、可扩展的全球网络基础设施。

立即试用查看 API 文档

3,000万+: IP 资源池
200+: 城市节点
99.9%: 可用率

Products

覆盖全场景的代理 IP 产品矩阵

从秒级动态到长效静态，从原生 ISP 到企业独享池，按业务需求灵活组合。

高频

短效动态IP

3 / 5 / 10 / 30 分钟弹性时效，适合高频轮换采集

延迟: ≤ 15ms
成功率: 99.5%
覆盖城市: 180+
并发能力: 5万/s

查看套餐

稳定

长效静态IP

1 / 4 / 8 / 24 小时稳定会话，账号养护首选

延迟: ≤ 20ms
成功率: 99.7%
覆盖城市: 160+
并发能力: 2万/s

查看套餐

纯净

固定 ISP IP

7-365 天原生家宽 ISP 资源，纯净度极高

延迟: ≤ 25ms
成功率: 99.9%
覆盖城市: 120+
并发能力: 1万/s

查看套餐

企业

企业定制IP池

专属独享池 · 白名单 · SLA 保障，按需扩容

延迟: 定制
成功率: 99.99%
覆盖城市: 按需
并发能力: 无上限

查看套餐

Infrastructure

以数据说话的技术底座

大规模资源池、全国节点分布与毫秒级响应，构筑企业级稳定性。

IP 资源池

0万+

动态 + 静态 + ISP 综合储备

城市节点

覆盖全国及海外主要地区

可用率

0.0%

多机房容灾 · 自动故障切换

毫秒级响应

0ms

智能调度 · 就近接入

Developers

为开发者打造的 API 中心

多语言 SDK 示例，一键复制即可接入，秒级返回可用 IP。

import requests

# 获取山竹HTTP代理 IP
API = "https://api.shanzhu-http.com/v1/extract"
params = {"num": 1, "type": "dynamic", "region": "cn"}
resp = requests.get(API, params=params, timeout=5).json()

proxy = resp["data"][0]["proxy"]  # 118.24.x.x:8123
r = requests.get("https://httpbin.org/ip",
                 proxies={"http": proxy, "https": proxy})
print(r.json())

运行结果

$ 提取代理 IP...

{
  "code": 200,
  "proxy": "118.24.x.x:8123",
  "region": "上海",
  "latency": "12ms"
}

请求成功 · 200 OK

支持 HTTP / HTTPS / SOCKS5 协议

Scenarios

广泛适配的业务场景

无论采集、验证还是 AI 训练，山竹HTTP 都能提供稳定的网络能力。

数据采集

大规模网页与舆情抓取，高并发 IP 轮换避免封锁。

广告验证

多地域真实 IP 验证广告投放效果与落地页合规。

电商监控

实时监控价格、库存与竞品动态，跨区域比价。

SEO 分析

各城市节点查询真实排名，评估本地化搜索表现。

AI 训练数据

为大模型稳定获取多源、多地域训练语料与信号。

Enterprise

企业级解决方案
为规模化业务而生

从定制资源池到 SLA 保障，从专属支持到高并发架构，山竹HTTP 为企业提供端到端的代理 IP 基础设施与专业服务。

联系企业顾问

定制 IP 池

按地域、运营商与时效定制专属独享资源池。

SLA 保障

99.99% 可用率承诺，多机房容灾与实时监控。

1V1 技术支持

专属架构师全程对接，7×24 小时响应。

高并发架构

弹性调度支撑百万级并发，稳定不掉线。

Network Nodes

全国城市节点分布

点击节点查看该城市的 IP 储备与延迟表现，就近接入更低延迟。

上海

在线

节点 ID · SZ-SH-01

IP 储备: 242万
平均延迟: 8ms
可用率: 99.9%
支持协议: HTTP / HTTPS / SOCKS5

提取该节点 IP

Help Center

帮助中心与文档

完善的接入文档与常见问题解答，助你顺畅上手。

API 接入指南

5 分钟完成鉴权、提取与请求转发全流程。

白名单设置

配置 IP 白名单或账密认证，安全调用接口。

常见问题

计费、时效、并发与常见错误码排查说明。

注册账号后在控制台生成 API Key，选择所需 IP 类型与时效，调用提取接口即可获取可用代理 IP，全程约 5 分钟。

同时支持 IP 白名单认证与账号密码认证，可在控制台自由配置，满足服务器与动态环境的不同需求。

标准套餐提供充足并发额度，企业定制池支持百万级并发，提取频率可根据业务量弹性调整。

短效动态 IP 按分钟计时（3/5/10/30 分钟），长效静态与固定 ISP 按小时或天计费，到期自动释放或续期。

提供正规增值税发票，并具备完整合规使用协议与数据安全承诺，企业客户可签署专属 SLA。

b2:[] b3:[["b_zVKsn5rRdjP",null],["b_BhLBkpkjZbs",null],["b_TvvIjDfa6CK",null],["b_KkGUjXMQnJX",null]] b4:[["b_zVKsn5rRdjP",{"templateVersionId":null,"templateCanonId":null}],["b_BhLBkpkjZbs",{"templateVersionId":null,"templateCanonId":null}],["b_TvvIjDfa6CK",{"templateVersionId":null,"templateCanonId":null}],["b_KkGUjXMQnJX",{"templateVersionId":null,"templateCanonId":null}]] b5:[["b_btIkEHPbPBp","$D2026-07-01T13:58:49.058Z"],["b_hxo94iO5sAB","$D2026-07-01T13:58:52.563Z"],["b_BBWBlTX7LVy","$D2026-07-01T13:59:01.204Z"],["b_PQEmKXRi5HP","$D2026-07-01T13:59:29.378Z"],["b_1FmDYlH2DSs","$D2026-07-01T13:59:40.095Z"],["b_ozIvA7RH3e1","$D2026-07-01T13:59:49.510Z"],["b_6gEu5Jxsg3V","$D2026-07-01T13:59:58.484Z"],["b_gwmNiacZkDP","$D2026-07-01T14:00:19.439Z"],["b_nM2T3TvLMUr","$D2026-07-01T14:00:43.417Z"],["b_MCM16lujzI3","$D2026-07-01T14:01:14.953Z"],["b_xr20bJGHXGe","$D2026-07-01T14:01:22.462Z"],["b_Kyx7gYfG4tb","$D2026-07-01T14:01:27.516Z"],["b_CZpygcpqpbB","$D2026-07-01T14:01:50.896Z"],["b_MRkqvMRc6ra","$D2026-07-01T14:02:23.669Z"],["b_Kd5oddOxcyf","$D2026-07-01T14:02:42.102Z"],["b_ZJh8fOHwCdB","$D2026-07-01T14:03:06.424Z"],["b_Cl52w7tLr9J","$D2026-07-01T14:03:35.759Z"],["b_wTuBVy9FEX6","$D2026-07-01T14:04:00.540Z"],["b_LX5qM0nFvCA","$D2026-07-01T14:04:18.521Z"],["b_jkDuR25T39Y","$D2026-07-01T14:05:13.215Z"],["b_vd5tGc07bIX","$D2026-07-01T14:07:44.540Z"],["b_u28aFl596fy","$D2026-07-01T14:12:54.160Z"],["b_Z2q7OVwyY4v","$D2026-07-01T14:13:33.196Z"],["b_XuFXdZ8qzKs","$D2026-07-01T14:13:54.653Z"],["b_tvFjKV1Axql","$D2026-07-01T14:14:04.632Z"],["b_sJZ368ANr7U","$D2026-07-01T14:14:11.192Z"],["b_fV2dxdIO5Pc","$D2026-07-01T14:14:16.925Z"],["b_aIQH072s3A9","$D2026-07-01T14:14:27.738Z"],["b_ViKhYm13Hcr","$D2026-07-01T14:14:36.171Z"],["b_B1aPtaTfkXV","$D2026-07-01T14:14:41.725Z"],["b_As2i91HbTkH","$D2026-07-01T14:14:51.275Z"],["b_VffbzkyJ2Cl","$D2026-08-14T09:21:17.096Z"],["b_YS1ELJoQAAF","$D2026-08-14T09:21:37.941Z"],["b_3Y9XlRr6Jt4","$D2026-08-14T09:22:52.911Z"],["b_A47DZXxoZP7","$D2026-08-14T09:23:01.235Z"],["b_eruBydknuoT","$D2026-08-14T09:24:59.169Z"],["b_hO4KHY702zq","$D2026-08-14T09:34:54.366Z"],["b_vu6IW4rmPe2","$D2026-08-14T09:35:30.374Z"],["b_N7xaaq3VAIS","$D2026-08-14T09:35:35.244Z"],["b_XTZay7jVtNl","$D2026-08-14T09:35:41.235Z"],["b_XfO1bndGoEU","$D2026-08-14T09:35:47.381Z"],["b_N4eyq3WrF3e","$D2026-08-14T09:35:57.175Z"],["b_7YNSx9Lc3Mi","$D2026-08-14T09:36:10.614Z"],["b_vFyjxnnGfrW","$D2026-08-14T09:39:44.198Z"],["b_7iKKJ5JmWN1","$D2026-08-14T09:39:53.951Z"],["b_5ZxC6sx4TzM","$D2026-08-14T09:40:06.567Z"],["b_qgIuswdSoIt","$D2026-08-14T09:54:28.399Z"],["b_38uEzp217QX","$D2026-08-14T10:17:20.564Z"],["b_yPtA0d0bqfB","$D2026-08-14T10:17:29.435Z"],["b_s5zdyJKkmJQ","$D2026-08-14T10:17:48.998Z"],["b_ufpLIWLY8pz","$D2026-08-14T10:18:11.251Z"],["b_Rq3EbpbIMMm","$D2026-08-14T10:18:18.789Z"],["b_mw8M0OVJrTW","$D2026-08-14T10:18:29.224Z"],["b_OdwgYFrjKI0","$D2026-08-14T12:29:38.556Z"],["b_Rnzfn0Elkoo","$D2026-08-14T12:32:01.892Z"],["b_t9ZwCM81oT1","$D2026-08-14T12:32:57.690Z"],["b_UgDLQgZHnoD","$D2026-08-14T12:33:59.476Z"],["b_AziG8ejzS9j","$D2026-08-14T12:39:30.749Z"],["b_kM6qDXKA8Di","$D2026-08-14T12:39:38.712Z"],["b_r1pKepL7Sgb","$D2026-08-14T12:45:26.672Z"],["b_VaLSF1XbvTe","$D2026-08-14T12:48:45.902Z"],["b_SmdZUaWpqC0","$D2026-08-14T12:51:00.773Z"],["b_v8nuZx5zZZF","$D2026-08-14T12:55:44.630Z"],["b_iUIfNaWADlN","$D2026-08-14T12:56:00.144Z"],["b_UINfRehtcUW","$D2026-08-14T12:56:08.969Z"],["b_zVKsn5rRdjP","$D2026-08-14T14:18:08.144Z"],["b_BhLBkpkjZbs","$D2026-08-14T14:21:46.413Z"],["b_TvvIjDfa6CK","$D2026-08-14T14:22:02.382Z"],["b_KkGUjXMQnJX","$D2026-08-14T14:29:18.871Z"]] b6:[["b_zVKsn5rRdjP",false],["b_BhLBkpkjZbs",false],["b_TvvIjDfa6CK",false],["b_KkGUjXMQnJX",false]] b7:[["b_zVKsn5rRdjP",{"git":{"ref":"main","sha":"536d4b2785f320ad2ea60d159d1b18e57ee14a66","type":"github","repoId":0,"repoName":"v0-1-team_8a4I88TqpYcmSM2So5StnPdP-ghR9insUhze","ownerName":"v0-git-s3-storage","commitMessage":"feat: add fade effect to globe backdrop dots for smoother transition"}}],["b_BhLBkpkjZbs",{"git":{"ref":"main","sha":"5c49c6c75dee3871eebabe158d74179d12d05ba3","type":"github","repoId":0,"repoName":"v0-1-team_8a4I88TqpYcmSM2So5StnPdP-ghR9insUhze","ownerName":"v0-git-s3-storage","commitMessage":"feat: enhance globe backdrop gradient and contour rendering"}}],["b_TvvIjDfa6CK",{"git":{"ref":"main","sha":"5c49c6c75dee3871eebabe158d74179d12d05ba3","type":"github","repoId":0,"repoName":"v0-1-team_8a4I88TqpYcmSM2So5StnPdP-ghR9insUhze","ownerName":"v0-git-s3-storage","commitMessage":"feat: enhance globe backdrop gradient and contour rendering"}}],["b_KkGUjXMQnJX",{"git":{"ref":"main","sha":"aed3f2c77a28f2a078df53f6663dd47c1ac2ec81","type":"github","repoId":0,"repoName":"v0-1-team_8a4I88TqpYcmSM2So5StnPdP-ghR9insUhze","ownerName":"v0-git-s3-storage","commitMessage":"feat: adjust fadeStart for smoother globe contour transition"}}]] b8:[["b_zVKsn5rRdjP",null],["b_BhLBkpkjZbs",null],["b_TvvIjDfa6CK",null],["b_KkGUjXMQnJX",null]] b9:[["b_zVKsn5rRdjP",true],["b_BhLBkpkjZbs",true],["b_TvvIjDfa6CK",true],["b_KkGUjXMQnJX",true]] ba:[["b_zVKsn5rRdjP",true],["b_BhLBkpkjZbs",true],["b_TvvIjDfa6CK",true],["b_KkGUjXMQnJX",true]] bb:[] bc:T346f,[V0_FILE]typescriptreact:file="/components/globe-backdrop.tsx" 'use client' import { useEffect, useRef } from 'react' import landDots from '@/lib/land-dots.json' type Vec3 = { x: number; y: number; z: number } // Convert geographic lat/lng (degrees) to a point on a UNIT sphere. function latLngToVec3(lat: number, lng: number): Vec3 { const phi = (90 - lat) * (Math.PI / 180) const theta = (lng + 180) * (Math.PI / 180) return { x: -Math.sin(phi) * Math.cos(theta), y: Math.cos(phi), z: Math.sin(phi) * Math.sin(theta), } } function rotateY(p: Vec3, a: number): Vec3 { const cos = Math.cos(a) const sin = Math.sin(a) return { x: p.x * cos + p.z * sin, y: p.y, z: -p.x * sin + p.z * cos } } function readThemeColor(): { r: number; g: number; b: number } { const raw = getComputedStyle(document.documentElement) .getPropertyValue('--primary-rgb') .trim() const parts = raw.split(',').map((n) => Number.parseInt(n, 10)) if (parts.length === 3 && parts.every((n) => !Number.isNaN(n))) { return { r: parts[0], g: parts[1], b: parts[2] } } return { r: 255, g: 122, b: 0 } } // Major data hubs used as endpoints for the flowing arcs. const HUBS: [number, number][] = [ [40.71, -74.0], // New York [51.51, -0.13], // London [48.86, 2.35], // Paris [55.75, 37.62], // Moscow [1.35, 103.82], // Singapore [35.68, 139.69], // Tokyo [22.32, 114.17], // Hong Kong [31.23, 121.47], // Shanghai [39.9, 116.4], // Beijing [19.08, 72.88], // Mumbai [25.2, 55.27], // Dubai ] export function GlobeBackdrop() { const canvasRef = useRef(null) useEffect(() => { const canvas = canvasRef.current if (!canvas) return const ctx = canvas.getContext('2d') if (!ctx) return const reduceMotion = window.matchMedia( '(prefers-reduced-motion: reduce)', ).matches let color = readThemeColor() const observer = new MutationObserver(() => { color = readThemeColor() }) observer.observe(document.documentElement, { attributes: true, attributeFilter: ['class'], }) // Pre-compute the sphere position of every land dot once. const dots: Vec3[] = (landDots as [number, number][]).map(([lat, lng]) => latLngToVec3(lat, lng), ) const hubVecs: Vec3[] = HUBS.map(([lat, lng]) => latLngToVec3(lat, lng)) // Traveling connection arcs between hubs. type Arc = { a: number; b: number; t: number; speed: number; life: number } const arcs: Arc[] = [] const spawnArc = () => { const a = Math.floor(Math.random() * hubVecs.length) let b = Math.floor(Math.random() * hubVecs.length) if (b === a) b = (b + 1) % hubVecs.length arcs.push({ a, b, t: 0, speed: 0.4 + Math.random() * 0.4, life: 0 }) } for (let i = 0; i < 4; i++) spawnArc() let width = 0 let height = 0 let dpr = 1 let cx = 0 let cy = 0 let RADIUS = 300 const resize = () => { const parent = canvas.parentElement if (!parent) return width = parent.clientWidth height = parent.clientHeight dpr = Math.min(window.devicePixelRatio || 1, 2) canvas.width = width * dpr canvas.height = height * dpr canvas.style.width = `${width}px` canvas.style.height = `${height}px` ctx.setTransform(dpr, 0, 0, dpr, 0, 0) const mobile = width < 768 cx = width * 0.5 // Diameter = 80% of screen width → radius = width * 0.4 RADIUS = width * 0.4 if (mobile) { cy = height * 0.2 + RADIUS } else { cy = height * 0.12 + RADIUS } } resize() window.addEventListener('resize', resize) // Pointer tracking (works despite pointer-events-none via window listener). const mouse = { x: -9999, y: -9999, active: false } const onMove = (e: PointerEvent) => { const rect = canvas.getBoundingClientRect() mouse.x = e.clientX - rect.left mouse.y = e.clientY - rect.top mouse.active = true } const onLeave = () => { mouse.active = false mouse.x = -9999 mouse.y = -9999 } window.addEventListener('pointermove', onMove) window.addEventListener('pointerdown', onMove) document.addEventListener('pointerleave', onLeave) let rotation = 0 let raf = 0 let last = performance.now() let spawnTimer = 0 const project = (p: Vec3) => { const perspective = RADIUS * 5 const scale = perspective / (perspective + p.z * RADIUS) return { sx: cx + p.x * RADIUS * scale, sy: cy - p.y * RADIUS * scale, scale, } } const INFLUENCE = 150 // px radius of the cursor's pull const LIFT = 26 // radial rise toward viewer const PULL = 0.28 // fraction pulled toward the cursor const render = (now: number) => { const dt = Math.min((now - last) / 1000, 0.05) last = now if (!reduceMotion) rotation += dt * 0.05 ctx.clearRect(0, 0, width, height) const { r, g, b } = color // Atmosphere halo hugging the rim (glow just outside the sphere). const halo = ctx.createRadialGradient( cx, cy, RADIUS * 0.92, cx, cy, RADIUS * 1.14, ) halo.addColorStop(0, `rgba(${r}, ${g}, ${b}, 0)`) halo.addColorStop(0.6, `rgba(${r}, ${g}, ${b}, 0.06)`) halo.addColorStop(0.82, `rgba(${r}, ${g}, ${b}, 0.12)`) halo.addColorStop(1, `rgba(${r}, ${g}, ${b}, 0)`) ctx.fillStyle = halo ctx.beginPath() ctx.arc(cx, cy, RADIUS * 1.14, 0, Math.PI * 2) ctx.fill() // Bright "sunrise" bloom hugging the top limb (kept tight so the // sphere body stays dark and the rim stays the hero). const topY = cy - RADIUS const hotspot = ctx.createRadialGradient( cx, topY, 0, cx, topY, RADIUS * 0.34, ) hotspot.addColorStop(0, `rgba(${r}, ${g}, ${b}, 0.34)`) hotspot.addColorStop(0.5, `rgba(${r}, ${g}, ${b}, 0.08)`) hotspot.addColorStop(1, `rgba(${r}, ${g}, ${b}, 0)`) ctx.fillStyle = hotspot ctx.beginPath() ctx.arc(cx, topY, RADIUS * 0.34, 0, Math.PI * 2) ctx.fill() // Soft luminous limb — a wide, feathered glow instead of a hard line, // brightest at the top and fading toward the sides so there is no // abrupt circular outline. ctx.save() ctx.lineCap = 'round' const limbPasses = [ { w: 26, a: 0.05 }, { w: 14, a: 0.08 }, { w: 6, a: 0.12 }, ] for (const pass of limbPasses) { const grad = ctx.createLinearGradient(cx - RADIUS, 0, cx + RADIUS, 0) grad.addColorStop(0, `rgba(${r}, ${g}, ${b}, 0)`) grad.addColorStop(0.15, `rgba(${r}, ${g}, ${b}, ${pass.a * 0.5})`) grad.addColorStop(0.5, `rgba(${r}, ${g}, ${b}, ${pass.a})`) grad.addColorStop(0.85, `rgba(${r}, ${g}, ${b}, ${pass.a * 0.5})`) grad.addColorStop(1, `rgba(${r}, ${g}, ${b}, 0)`) ctx.beginPath() // Sweep the luminous limb further down both flanks so the sphere's // contour reads longer inside the glow. ctx.arc(cx, cy, RADIUS, Math.PI * 1.03, Math.PI * 1.97) ctx.strokeStyle = grad ctx.lineWidth = pass.w ctx.stroke() } ctx.restore() // Land dots — continents made of points, front hemisphere only. for (let i = 0; i < dots.length; i++) { const p = rotateY(dots[i], rotation) if (p.z < -0.05) continue // cull the far side let { sx, sy } = project(p) const { scale } = project(p) if (sy > height + 30 || sy < -30) continue // off-screen cull const depth = (p.z + 1) / 2 // 0..1 let alpha = 0.14 + depth * 0.55 let size = 0.7 + scale * 0.7 // Feather dots as they approach the limb so the circular edge // dissolves softly instead of ending on a hard line. const edge = Math.sqrt(p.x * p.x + p.y * p.y) // 0 center → 1 rim if (edge > 0.9) { alpha *= Math.max(0, 1 - (edge - 0.9) / 0.1) } // Fade dots toward the lower edge of the viewport so the globe // dissolves gently into the page instead of stopping abruptly. // Pushed lower so the contour reaches down the flanks, close to // where the luminous limb extends. const fadeStart = height * 0.82 if (sy > fadeStart) { alpha *= Math.max(0, 1 - (sy - fadeStart) / (height * 0.18)) } // Cursor interaction: lift + magnet toward the pointer. if (mouse.active) { const dx = sx - mouse.x const dy = sy - mouse.y const dist = Math.hypot(dx, dy) if (dist < INFLUENCE) { const f = 1 - dist / INFLUENCE const ease = f * f * (3 - 2 * f) // smoothstep // radial rise away from globe center (toward viewer) const rx = sx - cx const ry = sy - cy const rl = Math.hypot(rx, ry) || 1 sx += (rx / rl) * LIFT * ease sy += (ry / rl) * LIFT * ease // gentle pull toward the cursor sx += (mouse.x - sx) * PULL * ease sy += (mouse.y - sy) * PULL * ease size += ease * 1.6 alpha = Math.min(1, alpha + ease * 0.5) } } ctx.beginPath() ctx.fillStyle = `rgba(${r}, ${g}, ${b}, ${alpha})` ctx.arc(sx, sy, size, 0, Math.PI * 2) ctx.fill() } // Hub markers. const rotatedHubs = hubVecs.map((p) => rotateY(p, rotation)) for (const p of rotatedHubs) { if (p.z < 0) continue const { sx, sy } = project(p) if (sy > height + 10) continue const depth = (p.z + 1) / 2 ctx.beginPath() ctx.fillStyle = `rgba(${r}, ${g}, ${b}, ${0.5 + depth * 0.4})` ctx.arc(sx, sy, 1.8, 0, Math.PI * 2) ctx.fill() } // Flowing connection arcs between hubs. if (!reduceMotion) { spawnTimer += dt if (spawnTimer > 1.1 && arcs.length < 6) { spawnTimer = 0 spawnArc() } } for (let ai = arcs.length - 1; ai >= 0; ai--) { const arc = arcs[ai] const pa = rotatedHubs[arc.a] const pb = rotatedHubs[arc.b] const mid = { x: (pa.x + pb.x) / 2, y: (pa.y + pb.y) / 2, z: (pa.z + pb.z) / 2, } const midLen = Math.hypot(mid.x, mid.y, mid.z) || 1 const chord = Math.hypot(pa.x - pb.x, pa.y - pb.y, pa.z - pb.z) const lift = 1 + Math.min(chord * 0.45, 0.5) const control = { x: (mid.x / midLen) * lift, y: (mid.y / midLen) * lift, z: (mid.z / midLen) * lift, } if (!reduceMotion) { arc.t += dt * arc.speed if (arc.t >= 1) arc.life += dt } const steps = 40 const pts: { sx: number; sy: number; z: number }[] = [] for (let s = 0; s <= steps; s++) { const t = s / steps const it = 1 - t const bp = { x: it * it * pa.x + 2 * it * t * control.x + t * t * pb.x, y: it * it * pa.y + 2 * it * t * control.y + t * t * pb.y, z: it * it * pa.z + 2 * it * t * control.z + t * t * pb.z, } const pr = project(bp) pts.push({ sx: pr.sx, sy: pr.sy, z: bp.z }) } const avgZ = pts.reduce((acc, p) => acc + p.z, 0) / pts.length const front = Math.max(0, (avgZ + 1) / 2) const headIdx = Math.min(steps, Math.floor(arc.t * steps)) const tailFade = Math.max(0, 1 - arc.life * 0.8) const baseAlpha = (0.06 + front * 0.3) * tailFade if (baseAlpha > 0.01) { ctx.beginPath() ctx.moveTo(pts[0].sx, pts[0].sy) for (let s = 1; s <= headIdx; s++) ctx.lineTo(pts[s].sx, pts[s].sy) ctx.strokeStyle = `rgba(${r}, ${g}, ${b}, ${baseAlpha})` ctx.lineWidth = 1.1 ctx.stroke() const head = pts[headIdx] if (head && arc.t <= 1) { const grd = ctx.createRadialGradient( head.sx, head.sy, 0, head.sx, head.sy, 8, ) const ha = 0.5 + front * 0.4 grd.addColorStop(0, `rgba(${r}, ${g}, ${b}, ${ha})`) grd.addColorStop(1, `rgba(${r}, ${g}, ${b}, 0)`) ctx.fillStyle = grd ctx.beginPath() ctx.arc(head.sx, head.sy, 8, 0, Math.PI * 2) ctx.fill() } } if (arc.life > 1.4 || (reduceMotion && arc.t >= 1)) { arcs.splice(ai, 1) if (!reduceMotion) spawnArc() } } raf = requestAnimationFrame(render) } raf = requestAnimationFrame(render) return () => { cancelAnimationFrame(raf) window.removeEventListener('resize', resize) window.removeEventListener('pointermove', onMove) window.removeEventListener('pointerdown', onMove) document.removeEventListener('pointerleave', onLeave) observer.disconnect() } }, []) return ( ) }bd:T346f,[V0_FILE]typescriptreact:file="/components/globe-backdrop.tsx" 'use client' import { useEffect, useRef } from 'react' import landDots from '@/lib/land-dots.json' type Vec3 = { x: number; y: number; z: number } // Convert geographic lat/lng (degrees) to a point on a UNIT sphere. function latLngToVec3(lat: number, lng: number): Vec3 { const phi = (90 - lat) * (Math.PI / 180) const theta = (lng + 180) * (Math.PI / 180) return { x: -Math.sin(phi) * Math.cos(theta), y: Math.cos(phi), z: Math.sin(phi) * Math.sin(theta), } } function rotateY(p: Vec3, a: number): Vec3 { const cos = Math.cos(a) const sin = Math.sin(a) return { x: p.x * cos + p.z * sin, y: p.y, z: -p.x * sin + p.z * cos } } function readThemeColor(): { r: number; g: number; b: number } { const raw = getComputedStyle(document.documentElement) .getPropertyValue('--primary-rgb') .trim() const parts = raw.split(',').map((n) => Number.parseInt(n, 10)) if (parts.length === 3 && parts.every((n) => !Number.isNaN(n))) { return { r: parts[0], g: parts[1], b: parts[2] } } return { r: 255, g: 122, b: 0 } } // Major data hubs used as endpoints for the flowing arcs. const HUBS: [number, number][] = [ [40.71, -74.0], // New York [51.51, -0.13], // London [48.86, 2.35], // Paris [55.75, 37.62], // Moscow [1.35, 103.82], // Singapore [35.68, 139.69], // Tokyo [22.32, 114.17], // Hong Kong [31.23, 121.47], // Shanghai [39.9, 116.4], // Beijing [19.08, 72.88], // Mumbai [25.2, 55.27], // Dubai ] export function GlobeBackdrop() { const canvasRef = useRef(null) useEffect(() => { const canvas = canvasRef.current if (!canvas) return const ctx = canvas.getContext('2d') if (!ctx) return const reduceMotion = window.matchMedia( '(prefers-reduced-motion: reduce)', ).matches let color = readThemeColor() const observer = new MutationObserver(() => { color = readThemeColor() }) observer.observe(document.documentElement, { attributes: true, attributeFilter: ['class'], }) // Pre-compute the sphere position of every land dot once. const dots: Vec3[] = (landDots as [number, number][]).map(([lat, lng]) => latLngToVec3(lat, lng), ) const hubVecs: Vec3[] = HUBS.map(([lat, lng]) => latLngToVec3(lat, lng)) // Traveling connection arcs between hubs. type Arc = { a: number; b: number; t: number; speed: number; life: number } const arcs: Arc[] = [] const spawnArc = () => { const a = Math.floor(Math.random() * hubVecs.length) let b = Math.floor(Math.random() * hubVecs.length) if (b === a) b = (b + 1) % hubVecs.length arcs.push({ a, b, t: 0, speed: 0.4 + Math.random() * 0.4, life: 0 }) } for (let i = 0; i < 4; i++) spawnArc() let width = 0 let height = 0 let dpr = 1 let cx = 0 let cy = 0 let RADIUS = 300 const resize = () => { const parent = canvas.parentElement if (!parent) return width = parent.clientWidth height = parent.clientHeight dpr = Math.min(window.devicePixelRatio || 1, 2) canvas.width = width * dpr canvas.height = height * dpr canvas.style.width = `${width}px` canvas.style.height = `${height}px` ctx.setTransform(dpr, 0, 0, dpr, 0, 0) const mobile = width < 768 cx = width * 0.5 // Diameter = 80% of screen width → radius = width * 0.4 RADIUS = width * 0.4 if (mobile) { cy = height * 0.2 + RADIUS } else { cy = height * 0.12 + RADIUS } } resize() window.addEventListener('resize', resize) // Pointer tracking (works despite pointer-events-none via window listener). const mouse = { x: -9999, y: -9999, active: false } const onMove = (e: PointerEvent) => { const rect = canvas.getBoundingClientRect() mouse.x = e.clientX - rect.left mouse.y = e.clientY - rect.top mouse.active = true } const onLeave = () => { mouse.active = false mouse.x = -9999 mouse.y = -9999 } window.addEventListener('pointermove', onMove) window.addEventListener('pointerdown', onMove) document.addEventListener('pointerleave', onLeave) let rotation = 0 let raf = 0 let last = performance.now() let spawnTimer = 0 const project = (p: Vec3) => { const perspective = RADIUS * 5 const scale = perspective / (perspective + p.z * RADIUS) return { sx: cx + p.x * RADIUS * scale, sy: cy - p.y * RADIUS * scale, scale, } } const INFLUENCE = 150 // px radius of the cursor's pull const LIFT = 26 // radial rise toward viewer const PULL = 0.28 // fraction pulled toward the cursor const render = (now: number) => { const dt = Math.min((now - last) / 1000, 0.05) last = now if (!reduceMotion) rotation += dt * 0.05 ctx.clearRect(0, 0, width, height) const { r, g, b } = color // Atmosphere halo hugging the rim (glow just outside the sphere). const halo = ctx.createRadialGradient( cx, cy, RADIUS * 0.92, cx, cy, RADIUS * 1.14, ) halo.addColorStop(0, `rgba(${r}, ${g}, ${b}, 0)`) halo.addColorStop(0.6, `rgba(${r}, ${g}, ${b}, 0.06)`) halo.addColorStop(0.82, `rgba(${r}, ${g}, ${b}, 0.12)`) halo.addColorStop(1, `rgba(${r}, ${g}, ${b}, 0)`) ctx.fillStyle = halo ctx.beginPath() ctx.arc(cx, cy, RADIUS * 1.14, 0, Math.PI * 2) ctx.fill() // Bright "sunrise" bloom hugging the top limb (kept tight so the // sphere body stays dark and the rim stays the hero). const topY = cy - RADIUS const hotspot = ctx.createRadialGradient( cx, topY, 0, cx, topY, RADIUS * 0.34, ) hotspot.addColorStop(0, `rgba(${r}, ${g}, ${b}, 0.34)`) hotspot.addColorStop(0.5, `rgba(${r}, ${g}, ${b}, 0.08)`) hotspot.addColorStop(1, `rgba(${r}, ${g}, ${b}, 0)`) ctx.fillStyle = hotspot ctx.beginPath() ctx.arc(cx, topY, RADIUS * 0.34, 0, Math.PI * 2) ctx.fill() // Soft luminous limb — a wide, feathered glow instead of a hard line, // brightest at the top and fading toward the sides so there is no // abrupt circular outline. ctx.save() ctx.lineCap = 'round' const limbPasses = [ { w: 26, a: 0.05 }, { w: 14, a: 0.08 }, { w: 6, a: 0.12 }, ] for (const pass of limbPasses) { const grad = ctx.createLinearGradient(cx - RADIUS, 0, cx + RADIUS, 0) grad.addColorStop(0, `rgba(${r}, ${g}, ${b}, 0)`) grad.addColorStop(0.15, `rgba(${r}, ${g}, ${b}, ${pass.a * 0.5})`) grad.addColorStop(0.5, `rgba(${r}, ${g}, ${b}, ${pass.a})`) grad.addColorStop(0.85, `rgba(${r}, ${g}, ${b}, ${pass.a * 0.5})`) grad.addColorStop(1, `rgba(${r}, ${g}, ${b}, 0)`) ctx.beginPath() // Sweep the luminous limb further down both flanks so the sphere's // contour reads longer inside the glow. ctx.arc(cx, cy, RADIUS, Math.PI * 1.03, Math.PI * 1.97) ctx.strokeStyle = grad ctx.lineWidth = pass.w ctx.stroke() } ctx.restore() // Land dots — continents made of points, front hemisphere only. for (let i = 0; i < dots.length; i++) { const p = rotateY(dots[i], rotation) if (p.z < -0.05) continue // cull the far side let { sx, sy } = project(p) const { scale } = project(p) if (sy > height + 30 || sy < -30) continue // off-screen cull const depth = (p.z + 1) / 2 // 0..1 let alpha = 0.14 + depth * 0.55 let size = 0.7 + scale * 0.7 // Feather dots as they approach the limb so the circular edge // dissolves softly instead of ending on a hard line. const edge = Math.sqrt(p.x * p.x + p.y * p.y) // 0 center → 1 rim if (edge > 0.9) { alpha *= Math.max(0, 1 - (edge - 0.9) / 0.1) } // Fade dots toward the lower edge of the viewport so the globe // dissolves gently into the page instead of stopping abruptly. // Pushed lower so the contour reaches down the flanks, close to // where the luminous limb extends. const fadeStart = height * 0.82 if (sy > fadeStart) { alpha *= Math.max(0, 1 - (sy - fadeStart) / (height * 0.18)) } // Cursor interaction: lift + magnet toward the pointer. if (mouse.active) { const dx = sx - mouse.x const dy = sy - mouse.y const dist = Math.hypot(dx, dy) if (dist < INFLUENCE) { const f = 1 - dist / INFLUENCE const ease = f * f * (3 - 2 * f) // smoothstep // radial rise away from globe center (toward viewer) const rx = sx - cx const ry = sy - cy const rl = Math.hypot(rx, ry) || 1 sx += (rx / rl) * LIFT * ease sy += (ry / rl) * LIFT * ease // gentle pull toward the cursor sx += (mouse.x - sx) * PULL * ease sy += (mouse.y - sy) * PULL * ease size += ease * 1.6 alpha = Math.min(1, alpha + ease * 0.5) } } ctx.beginPath() ctx.fillStyle = `rgba(${r}, ${g}, ${b}, ${alpha})` ctx.arc(sx, sy, size, 0, Math.PI * 2) ctx.fill() } // Hub markers. const rotatedHubs = hubVecs.map((p) => rotateY(p, rotation)) for (const p of rotatedHubs) { if (p.z < 0) continue const { sx, sy } = project(p) if (sy > height + 10) continue const depth = (p.z + 1) / 2 ctx.beginPath() ctx.fillStyle = `rgba(${r}, ${g}, ${b}, ${0.5 + depth * 0.4})` ctx.arc(sx, sy, 1.8, 0, Math.PI * 2) ctx.fill() } // Flowing connection arcs between hubs. if (!reduceMotion) { spawnTimer += dt if (spawnTimer > 1.1 && arcs.length < 6) { spawnTimer = 0 spawnArc() } } for (let ai = arcs.length - 1; ai >= 0; ai--) { const arc = arcs[ai] const pa = rotatedHubs[arc.a] const pb = rotatedHubs[arc.b] const mid = { x: (pa.x + pb.x) / 2, y: (pa.y + pb.y) / 2, z: (pa.z + pb.z) / 2, } const midLen = Math.hypot(mid.x, mid.y, mid.z) || 1 const chord = Math.hypot(pa.x - pb.x, pa.y - pb.y, pa.z - pb.z) const lift = 1 + Math.min(chord * 0.45, 0.5) const control = { x: (mid.x / midLen) * lift, y: (mid.y / midLen) * lift, z: (mid.z / midLen) * lift, } if (!reduceMotion) { arc.t += dt * arc.speed if (arc.t >= 1) arc.life += dt } const steps = 40 const pts: { sx: number; sy: number; z: number }[] = [] for (let s = 0; s <= steps; s++) { const t = s / steps const it = 1 - t const bp = { x: it * it * pa.x + 2 * it * t * control.x + t * t * pb.x, y: it * it * pa.y + 2 * it * t * control.y + t * t * pb.y, z: it * it * pa.z + 2 * it * t * control.z + t * t * pb.z, } const pr = project(bp) pts.push({ sx: pr.sx, sy: pr.sy, z: bp.z }) } const avgZ = pts.reduce((acc, p) => acc + p.z, 0) / pts.length const front = Math.max(0, (avgZ + 1) / 2) const headIdx = Math.min(steps, Math.floor(arc.t * steps)) const tailFade = Math.max(0, 1 - arc.life * 0.8) const baseAlpha = (0.06 + front * 0.3) * tailFade if (baseAlpha > 0.01) { ctx.beginPath() ctx.moveTo(pts[0].sx, pts[0].sy) for (let s = 1; s <= headIdx; s++) ctx.lineTo(pts[s].sx, pts[s].sy) ctx.strokeStyle = `rgba(${r}, ${g}, ${b}, ${baseAlpha})` ctx.lineWidth = 1.1 ctx.stroke() const head = pts[headIdx] if (head && arc.t <= 1) { const grd = ctx.createRadialGradient( head.sx, head.sy, 0, head.sx, head.sy, 8, ) const ha = 0.5 + front * 0.4 grd.addColorStop(0, `rgba(${r}, ${g}, ${b}, ${ha})`) grd.addColorStop(1, `rgba(${r}, ${g}, ${b}, 0)`) ctx.fillStyle = grd ctx.beginPath() ctx.arc(head.sx, head.sy, 8, 0, Math.PI * 2) ctx.fill() } } if (arc.life > 1.4 || (reduceMotion && arc.t >= 1)) { arcs.splice(ai, 1) if (!reduceMotion) spawnArc() } } raf = requestAnimationFrame(render) } raf = requestAnimationFrame(render) return () => { cancelAnimationFrame(raf) window.removeEventListener('resize', resize) window.removeEventListener('pointermove', onMove) window.removeEventListener('pointerdown', onMove) document.removeEventListener('pointerleave', onLeave) observer.disconnect() } }, []) return ( ) }9c:["$","$L9d",null,{"params":{"chatId":"ghR9insUhze"},"promises":{"attributes":"$@a7","externalMeta":"$@a8","latest":"$@a9","messagesRange":"$@aa","messages":"$@ab","template":"$@ac","gitStatus":"$@ad"},"children":["$","$Lae",null,{"chatId":"ghR9insUhze","children":["$","$Laf",null,{"seedOnlyKeys":["@\"chat:state\",\"ghR9insUhze\","],"data":{"block:output:initial":{"id":"b_KkGUjXMQnJX","result":"$@b0"},"/chat/api/snapshots/proxy?chatId=ghR9insUhze&messageId=q8N1ykBcWTFNqbiWiyfQekJeRqKSB0zd&v=v2":"$b1","@\"block:mappings\",\"ghR9insUhze\",":{"sqlBlockExecutionStates":"$Qb2","blocksForkedFrom":"$Qb3","blocksTemplateIds":"$Qb4","blocksCreatedAt":"$Qb5","blocksShared":"$Qb6","blocksDeployed":"$Qb7","blocksSubdomains":"$Qb8","brandedBlocks":"$Qb9","unlistedBlocks":"$Qba","blockOutputs":"$Qbb"},"@\"chat:state\",\"ghR9insUhze\",":{"messages":[{"content":{"type":"parts","parts":[],"version":1},"role":"user","id":"9m9XWJqkmEQIGXGl0jOzOGnE1seVYOsI","type":"message","isContentLoading":true,"authorId":"","createdAt":"$D2026-07-01T13:57:53.419Z"},{"content":{"type":"message-binary-format","value":[[0,[["p",{},["text",{},"Loading..."]]]],[1,{"title":"Loading message"}]]},"loadingBlocks":[{"blockId":"b_btIkEHPbPBp","type":"code-project","isVersioned":false},{"blockId":"b_hxo94iO5sAB","type":"code-project","isVersioned":false},{"blockId":"b_BBWBlTX7LVy","type":"code-project","isVersioned":false},{"blockId":"b_PQEmKXRi5HP","type":"code-project","isVersioned":false},{"blockId":"b_1FmDYlH2DSs","type":"code-project","isVersioned":false},{"blockId":"b_ozIvA7RH3e1","type":"code-project","isVersioned":false},{"blockId":"b_6gEu5Jxsg3V","type":"code-project","isVersioned":false},{"blockId":"b_gwmNiacZkDP","type":"code-project","isVersioned":false},{"blockId":"b_nM2T3TvLMUr","type":"code-project","isVersioned":false},{"blockId":"b_MCM16lujzI3","type":"code-project","isVersioned":false},{"blockId":"b_xr20bJGHXGe","type":"code-project","isVersioned":false},{"blockId":"b_Kyx7gYfG4tb","type":"code-project","isVersioned":false},{"blockId":"b_CZpygcpqpbB","type":"code-project","isVersioned":false},{"blockId":"b_MRkqvMRc6ra","type":"code-project","isVersioned":false},{"blockId":"b_Kd5oddOxcyf","type":"code-project","isVersioned":false},{"blockId":"b_ZJh8fOHwCdB","type":"code-project","isVersioned":false},{"blockId":"b_Cl52w7tLr9J","type":"code-project","isVersioned":false},{"blockId":"b_wTuBVy9FEX6","type":"code-project","isVersioned":false},{"blockId":"b_LX5qM0nFvCA","type":"code-project","isVersioned":false},{"blockId":"b_jkDuR25T39Y","type":"code-project","isVersioned":false},{"blockId":"b_vd5tGc07bIX","type":"code-project","isVersioned":true}],"isContentLoading":true,"role":"assistant","id":"0jcMhWWypwDMbjSXlIacF7Nmuq7p2CqT","gitRevision":null,"streaming":false,"finishReason":"stop","parentId":"9m9XWJqkmEQIGXGl0jOzOGnE1seVYOsI","type":"message","createdAt":"$D2026-07-01T13:57:53.420Z"},{"content":{"type":"parts","parts":[],"version":1},"role":"user","id":"tJVulUJ2kUfg3TEsWHQBJRaPJjg6WQ2V","parentId":"0jcMhWWypwDMbjSXlIacF7Nmuq7p2CqT","type":"message","isContentLoading":true,"authorId":"","createdAt":"$D2026-07-01T14:08:15.509Z"},{"content":{"type":"message-binary-format","value":[[0,[["p",{},["text",{},"Loading..."]]]],[1,{"title":"Loading message"}]]},"loadingBlocks":[],"isContentLoading":true,"role":"assistant","id":"L7dirXsnPpdWxkRmcUiVZ5IC1G30qQa9","gitRevision":null,"streaming":false,"finishReason":"stop","parentId":"tJVulUJ2kUfg3TEsWHQBJRaPJjg6WQ2V","type":"message","createdAt":"$D2026-07-01T14:08:15.510Z"},{"content":{"type":"parts","parts":[],"version":1},"role":"user","id":"7T8VXWQCgw4fULGIZMcwlmlflYdNklOj","parentId":"L7dirXsnPpdWxkRmcUiVZ5IC1G30qQa9","type":"message","isContentLoading":true,"authorId":"","createdAt":"$D2026-07-01T14:12:18.962Z"},{"content":{"type":"message-binary-format","value":[[0,[["p",{},["text",{},"Loading..."]]]],[1,{"title":"Loading message"}]]},"loadingBlocks":[{"blockId":"b_u28aFl596fy","type":"code-project","isVersioned":false},{"blockId":"b_Z2q7OVwyY4v","type":"code-project","isVersioned":false},{"blockId":"b_XuFXdZ8qzKs","type":"code-project","isVersioned":false},{"blockId":"b_tvFjKV1Axql","type":"code-project","isVersioned":false},{"blockId":"b_sJZ368ANr7U","type":"code-project","isVersioned":false},{"blockId":"b_fV2dxdIO5Pc","type":"code-project","isVersioned":false},{"blockId":"b_aIQH072s3A9","type":"code-project","isVersioned":false},{"blockId":"b_ViKhYm13Hcr","type":"code-project","isVersioned":false},{"blockId":"b_B1aPtaTfkXV","type":"code-project","isVersioned":false},{"blockId":"b_As2i91HbTkH","type":"code-project","isVersioned":true}],"isContentLoading":true,"role":"assistant","id":"oHWAIZxC3dHeLD9xSD7GKUXSiOiZZPl8","gitRevision":null,"streaming":false,"finishReason":"stop","parentId":"7T8VXWQCgw4fULGIZMcwlmlflYdNklOj","type":"message","createdAt":"$D2026-07-01T14:12:18.963Z"},{"content":{"type":"parts","parts":[],"version":1},"role":"user","id":"jI4LOxgs3rcUiBrriOKYr11GlldNvluK","parentId":"oHWAIZxC3dHeLD9xSD7GKUXSiOiZZPl8","type":"message","isContentLoading":true,"authorId":"","createdAt":"$D2026-08-14T09:20:54.334Z"},{"content":{"type":"message-binary-format","value":[[0,[["p",{},["text",{},"Loading..."]]]],[1,{"title":"Loading message"}]]},"loadingBlocks":[{"blockId":"b_VffbzkyJ2Cl","type":"code-project","isVersioned":false},{"blockId":"b_YS1ELJoQAAF","type":"code-project","isVersioned":false},{"blockId":"b_3Y9XlRr6Jt4","type":"code-project","isVersioned":false},{"blockId":"b_A47DZXxoZP7","type":"code-project","isVersioned":false},{"blockId":"b_eruBydknuoT","type":"code-project","isVersioned":true}],"isContentLoading":true,"role":"assistant","id":"GThdXDZuGj3alPDubzXPFtdnIH3jTEig","gitRevision":{"baseSha":"1490d79ae6cf5e788295490b8439f7f6cde28296","headSha":"f38b34d16be736a5e3bce391d3ef4710ba92d3ac","readyAt":"2026-08-14T09:26:37.098Z","version":1},"streaming":false,"finishReason":"stop","parentId":"jI4LOxgs3rcUiBrriOKYr11GlldNvluK","type":"message","createdAt":"$D2026-08-14T09:20:54.335Z"},{"content":{"type":"parts","parts":[],"version":1},"role":"user","id":"MlOC7yvZlMDtErYjFLgXfhw66IqmsmYj","parentId":"GThdXDZuGj3alPDubzXPFtdnIH3jTEig","type":"message","isContentLoading":true,"authorId":"","createdAt":"$D2026-08-14T09:33:54.468Z"},{"content":{"type":"message-binary-format","value":[[0,[["p",{},["text",{},"Loading..."]]]],[1,{"title":"Loading message"}]]},"loadingBlocks":[{"blockId":"b_hO4KHY702zq","type":"code-project","isVersioned":false},{"blockId":"b_vu6IW4rmPe2","type":"code-project","isVersioned":false},{"blockId":"b_N7xaaq3VAIS","type":"code-project","isVersioned":false},{"blockId":"b_XTZay7jVtNl","type":"code-project","isVersioned":false},{"blockId":"b_XfO1bndGoEU","type":"code-project","isVersioned":false},{"blockId":"b_N4eyq3WrF3e","type":"code-project","isVersioned":false},{"blockId":"b_7YNSx9Lc3Mi","type":"code-project","isVersioned":true}],"isContentLoading":true,"role":"assistant","id":"lOw9pTupmOlO6m2FhxfYRiBphgOiT2B5","gitRevision":{"baseSha":"f38b34d16be736a5e3bce391d3ef4710ba92d3ac","headSha":"b3bcc5a96cbd6ae114bb836829fb8b02779633c7","readyAt":"2026-08-14T09:36:39.525Z","version":1},"streaming":false,"finishReason":"stop","parentId":"MlOC7yvZlMDtErYjFLgXfhw66IqmsmYj","type":"message","createdAt":"$D2026-08-14T09:33:54.469Z"},{"content":{"type":"parts","parts":[],"version":1},"role":"user","id":"F3yjlOAiQ2OdelIp9uE3znMBfMoamYCl","parentId":"lOw9pTupmOlO6m2FhxfYRiBphgOiT2B5","type":"message","isContentLoading":true,"authorId":"","createdAt":"$D2026-08-14T09:39:24.999Z"},{"content":{"type":"message-binary-format","value":[[0,[["p",{},["text",{},"Loading..."]]]],[1,{"title":"Loading message"}]]},"loadingBlocks":[{"blockId":"b_vFyjxnnGfrW","type":"code-project","isVersioned":false},{"blockId":"b_7iKKJ5JmWN1","type":"code-project","isVersioned":false},{"blockId":"b_5ZxC6sx4TzM","type":"code-project","isVersioned":true}],"isContentLoading":true,"role":"assistant","id":"6MmKr3xGkpWE8LVE0z05MClfJYpwLT1A","gitRevision":{"baseSha":"b3bcc5a96cbd6ae114bb836829fb8b02779633c7","headSha":"c8e7379aaaefbd42ac4a9dc2d82712f919dbee64","readyAt":"2026-08-14T09:40:44.787Z","version":1},"streaming":false,"finishReason":"stop","parentId":"F3yjlOAiQ2OdelIp9uE3znMBfMoamYCl","type":"message","createdAt":"$D2026-08-14T09:39:25.000Z"},{"content":{"type":"parts","parts":[],"version":1},"role":"user","id":"VSAHk1pOw8gTFiMAfoYuHNH84PeP6FFd","parentId":"6MmKr3xGkpWE8LVE0z05MClfJYpwLT1A","type":"message","isContentLoading":true,"authorId":"","createdAt":"$D2026-08-14T09:52:44.189Z"},{"content":{"type":"message-binary-format","value":[[0,[["p",{},["text",{},"Loading..."]]]],[1,{"title":"Loading message"}]]},"loadingBlocks":[{"blockId":"b_qgIuswdSoIt","type":"code-project","isVersioned":true}],"isContentLoading":true,"role":"assistant","id":"SFZhvyyGGqGHpxE9Dp7yXywQoyiGeq3L","gitRevision":{"baseSha":"c8e7379aaaefbd42ac4a9dc2d82712f919dbee64","headSha":"89b67e22ae2952f13233f5643caa0e81b0b0f9cb","readyAt":"2026-08-14T09:55:10.013Z","version":1},"streaming":false,"finishReason":"stop","parentId":"VSAHk1pOw8gTFiMAfoYuHNH84PeP6FFd","type":"message","createdAt":"$D2026-08-14T09:52:44.190Z"},{"content":{"type":"parts","parts":[],"version":1},"role":"user","id":"qBP6mO0TJ8lKcx1Is8TP8RuPgTN0Z6Zi","parentId":"SFZhvyyGGqGHpxE9Dp7yXywQoyiGeq3L","type":"message","isContentLoading":true,"authorId":"","createdAt":"$D2026-08-14T10:16:55.489Z"},{"content":{"type":"message-binary-format","value":[[0,[["p",{},["text",{},"Loading..."]]]],[1,{"title":"Loading message"}]]},"loadingBlocks":[{"blockId":"b_38uEzp217QX","type":"code-project","isVersioned":false},{"blockId":"b_yPtA0d0bqfB","type":"code-project","isVersioned":false},{"blockId":"b_s5zdyJKkmJQ","type":"code-project","isVersioned":false},{"blockId":"b_ufpLIWLY8pz","type":"code-project","isVersioned":false},{"blockId":"b_Rq3EbpbIMMm","type":"code-project","isVersioned":false},{"blockId":"b_mw8M0OVJrTW","type":"code-project","isVersioned":true}],"isContentLoading":true,"role":"assistant","id":"JxLHwv915hrZ8hii8liFvcmiQkD5NVr2","gitRevision":{"baseSha":"89b67e22ae2952f13233f5643caa0e81b0b0f9cb","headSha":"d1ff04a59397c2a6e07a0d4d3bf5a3d89ba3e546","readyAt":"2026-08-14T10:20:12.650Z","version":1},"streaming":false,"finishReason":"stop","parentId":"qBP6mO0TJ8lKcx1Is8TP8RuPgTN0Z6Zi","type":"message","createdAt":"$D2026-08-14T10:16:55.490Z"},{"content":{"type":"parts","parts":[],"version":1},"role":"user","id":"4SsFlHxG8216o9MyAMrYZtrChpNX714Q","parentId":"JxLHwv915hrZ8hii8liFvcmiQkD5NVr2","type":"message","isContentLoading":true,"authorId":"","createdAt":"$D2026-08-14T12:29:12.581Z"},{"content":{"type":"message-binary-format","value":[[0,[["p",{},["text",{},"Loading..."]]]],[1,{"title":"Loading message"}]]},"loadingBlocks":[{"blockId":"b_OdwgYFrjKI0","type":"code-project","isVersioned":false},{"blockId":"b_Rnzfn0Elkoo","type":"code-project","isVersioned":false},{"blockId":"b_t9ZwCM81oT1","type":"code-project","isVersioned":false},{"blockId":"b_UgDLQgZHnoD","type":"code-project","isVersioned":true}],"isContentLoading":true,"role":"assistant","id":"AH3B0CRHNUfkj1IRQym2jkQDNlSqIob8","gitRevision":{"baseSha":"d1ff04a59397c2a6e07a0d4d3bf5a3d89ba3e546","headSha":"58050560bc8e68741f92ee540ed72af666662cb0","readyAt":"2026-08-14T12:35:06.444Z","version":1},"streaming":false,"finishReason":"stop","parentId":"4SsFlHxG8216o9MyAMrYZtrChpNX714Q","type":"message","createdAt":"$D2026-08-14T12:29:12.582Z"},{"content":{"type":"parts","parts":[],"version":1},"role":"user","id":"kGHIaebjijjM3q27DmvWVDuZ5E1I0FdF","parentId":"AH3B0CRHNUfkj1IRQym2jkQDNlSqIob8","type":"message","isContentLoading":true,"authorId":"","createdAt":"$D2026-08-14T12:39:04.065Z"},{"content":{"type":"message-binary-format","value":[[0,[["p",{},["text",{},"Loading..."]]]],[1,{"title":"Loading message"}]]},"loadingBlocks":[{"blockId":"b_AziG8ejzS9j","type":"code-project","isVersioned":false},{"blockId":"b_kM6qDXKA8Di","type":"code-project","isVersioned":true}],"isContentLoading":true,"role":"assistant","id":"ISWl8xDQ8fXtTUAf8GQqCy83uoLAi1vs","gitRevision":{"baseSha":"58050560bc8e68741f92ee540ed72af666662cb0","headSha":"f371b5e869b71ed8625e27b66d549cf331cbd187","readyAt":"2026-08-14T12:40:08.782Z","version":1},"streaming":false,"finishReason":"stop","parentId":"kGHIaebjijjM3q27DmvWVDuZ5E1I0FdF","type":"message","createdAt":"$D2026-08-14T12:39:04.066Z"},{"content":{"type":"parts","parts":[],"version":1},"role":"user","id":"lW8gxHBFtP9cinx4qoCsEbAcYbHAk489","parentId":"ISWl8xDQ8fXtTUAf8GQqCy83uoLAi1vs","type":"message","isContentLoading":true,"authorId":"","createdAt":"$D2026-08-14T12:45:03.050Z"},{"content":{"type":"message-binary-format","value":[[0,[["p",{},["text",{},"Loading..."]]]],[1,{"title":"Loading message"}]]},"loadingBlocks":[{"blockId":"b_r1pKepL7Sgb","type":"code-project","isVersioned":true}],"isContentLoading":true,"role":"assistant","id":"DaTz4FK272o1OksTpFlqufTEnn3ZeyRS","gitRevision":{"baseSha":"f371b5e869b71ed8625e27b66d549cf331cbd187","headSha":"9d027bd80a70300b326e549f2065c03a0a678506","readyAt":"2026-08-14T12:45:55.285Z","version":1},"streaming":false,"finishReason":"stop","parentId":"lW8gxHBFtP9cinx4qoCsEbAcYbHAk489","type":"message","createdAt":"$D2026-08-14T12:45:03.051Z"},{"content":{"type":"parts","parts":[],"version":1},"role":"user","id":"LrpUSBEYR3Syzd6qcDf4wS2msJ4r8Mgx","parentId":"DaTz4FK272o1OksTpFlqufTEnn3ZeyRS","type":"message","isContentLoading":true,"authorId":"","createdAt":"$D2026-08-14T12:48:15.156Z"},{"content":{"type":"message-binary-format","value":[[0,[["p",{},["text",{},"Loading..."]]]],[1,{"title":"Loading message"}]]},"loadingBlocks":[{"blockId":"b_VaLSF1XbvTe","type":"code-project","isVersioned":true}],"isContentLoading":true,"role":"assistant","id":"vCKX7L2vUEPepUycyvFcKsYjQLZPnvkq","gitRevision":{"baseSha":"9d027bd80a70300b326e549f2065c03a0a678506","headSha":"7c0392fcfa022d5d9d5abb475442c2a2343a937f","readyAt":"2026-08-14T12:49:17.536Z","version":1},"streaming":false,"finishReason":"stop","parentId":"LrpUSBEYR3Syzd6qcDf4wS2msJ4r8Mgx","type":"message","createdAt":"$D2026-08-14T12:48:15.157Z"},{"content":{"type":"parts","parts":[],"version":1},"role":"user","id":"yBALYDXo1llfTcl9daoHAHjIjDXLeNs7","parentId":"vCKX7L2vUEPepUycyvFcKsYjQLZPnvkq","type":"message","isContentLoading":true,"authorId":"","createdAt":"$D2026-08-14T12:50:41.990Z"},{"content":{"type":"message-binary-format","value":[[0,[["p",{},["text",{},"Loading..."]]]],[1,{"title":"Loading message"}]]},"loadingBlocks":[{"blockId":"b_SmdZUaWpqC0","type":"code-project","isVersioned":true}],"isContentLoading":true,"role":"assistant","id":"asl1W9YJWxwin8wDacR2UEYG4Cu4vX8R","gitRevision":{"baseSha":"7c0392fcfa022d5d9d5abb475442c2a2343a937f","headSha":"de2bbe06bebef96a6e5c76cac50be56d451e9652","readyAt":"2026-08-14T12:51:27.126Z","version":1},"streaming":false,"finishReason":"stop","parentId":"yBALYDXo1llfTcl9daoHAHjIjDXLeNs7","type":"message","createdAt":"$D2026-08-14T12:50:41.991Z"},{"content":{"type":"parts","parts":[],"version":1},"role":"user","id":"pzE7yoPfnAKt9TF23pdsLaKbgFK8iGzy","parentId":"asl1W9YJWxwin8wDacR2UEYG4Cu4vX8R","type":"message","isContentLoading":true,"authorId":"","createdAt":"$D2026-08-14T12:55:19.719Z"},{"content":{"type":"message-binary-format","value":[[0,[["p",{},["text",{},"Loading..."]]]],[1,{"title":"Loading message"}]]},"loadingBlocks":[{"blockId":"b_v8nuZx5zZZF","type":"code-project","isVersioned":false},{"blockId":"b_iUIfNaWADlN","type":"code-project","isVersioned":false},{"blockId":"b_UINfRehtcUW","type":"code-project","isVersioned":true}],"isContentLoading":true,"role":"assistant","id":"50Dny5FhEDd6AKkojZ4rAskMnLTuEt0e","gitRevision":{"baseSha":"de2bbe06bebef96a6e5c76cac50be56d451e9652","headSha":"163403b22d44dbcfbc35d613c3262108fb21189b","readyAt":"2026-08-14T12:56:44.544Z","version":1},"streaming":false,"finishReason":"stop","parentId":"pzE7yoPfnAKt9TF23pdsLaKbgFK8iGzy","type":"message","createdAt":"$D2026-08-14T12:55:19.720Z"},{"content":{"type":"parts","parts":[{"type":"mdx","content":"延续这个风格，轮廓在接近下边缘的地方逐渐变淡"}],"version":1},"role":"user","id":"sxL15jKX8b2VOc4MHdw16thNIRLFKGBH","attachments":[],"parentId":"50Dny5FhEDd6AKkojZ4rAskMnLTuEt0e","type":"message","authorId":"fAlOUQplf6MKz64J5HgWOHGC","createdAt":"$D2026-08-14T14:17:48.058Z"},{"v0ModelId":"v0-max","content":{"type":"message-binary-format","value":[[0,[["AssistantMessageContentPart",{"part":{"createdAt":1786717075973,"finishedAt":1786717076834,"lastPartSentAt":1786717076834,"taskNameActive":null,"id":"xrRTTAj4yxcD606J","type":"task-thinking-v1","parts":[{"type":"thinking-end","duration":1,"thought":"The user wants the dots to fade out toward the bottom edges too, not just based on distance from center. I need to add a vertical fade component so dots lower on the canvas gradually disappear, matching the existing radial fade effect."}]}}],["p",{},["text",{},"让我读取当前点位渲染部分，加入靠近下边缘的淡出。"]],["AssistantMessageContentPart",{"part":{"createdAt":1786717077596,"finishedAt":1786717078838,"lastPartSentAt":1786717078818,"taskNameActive":"Reading dot rendering","taskNameComplete":"Read dot rendering","toolCallId":"toolu_01Hk8EEuZUtjVqhwXu4mQb7d","agentTurnId":"turn_1yoMsxo6lNbe1N8G","filePath":null,"id":"fumPABkPlwVbaH4h","type":"task-read-file-v1","parts":[{"type":"reading-file","filePath":"/vercel/share/v0-project/components/globe-backdrop.tsx"},{"type":"reading-file","filePath":"/vercel/share/v0-project/components/globe-backdrop.tsx","offset":224,"limit":40}]}}],["AssistantMessageContentPart",{"part":{"createdAt":1786717085437,"finishedAt":1786717086171,"lastPartSentAt":1786717086171,"taskNameActive":null,"id":"59MqAafpOr5F0FKy","type":"task-thinking-v1","parts":[{"type":"thinking-end","duration":1,"thought":"I need to make the dots fade out toward the bottom of the screen where the globe meets the page. I'll calculate each dot's vertical position relative to the viewport height and apply a fade effect so dots in the lower portion become increasingly transparent."}]}}],["p",{},["text",{},"明白，让点位在接近视口下边缘时也逐渐淡出，与顶部光边的柔化风格统一。我基于点的屏幕纵向位置 "],["code",{},"sy"],["text",{}," 加一层淡出：靠近视口底部（70%以下）逐渐消失。"]],["AssistantMessageContentPart",{"part":{"type":"task-coding-v1","id":"block-b_zVKsn5rRdjP","parts":[{"type":"code-project","isVersioned":true,"isSourceless":false,"changedFiles":[{"fileName":"/components/globe-backdrop.tsx","baseName":"globe-backdrop.tsx","isActive":false,"isTerminated":false,"isDeleted":false,"isMoved":false}],"source":"[V0_FILE]tsx:file=\"/components/globe-backdrop.tsx\" \nGENERATING","latestDeploymentInfo":"$b7:0:1","lastDeployedAt":"2026-08-14T14:18:38.935Z","sourceVersionKey":"v_1_kcp8k_s3","needsBlockSource":true,"isAllImages":false,"blockId":"b_zVKsn5rRdjP","meta":{"taskNameActive":"Fading dots near bottom","taskNameComplete":"Faded dots near bottom","type":"code-project","id":"Code"},"closed":true,"lang":"typescriptreact"}],"createdAt":0,"finishedAt":1,"lastPartSentAt":1,"taskNameActive":"Fading dots near bottom","taskNameComplete":"Faded dots near bottom"},"id":"block-b_zVKsn5rRdjP"}],["AssistantMessageContentPart",{"part":{"createdAt":1786717097357,"finishedAt":1786717105967,"lastPartSentAt":1786717105851,"taskNameActive":"Verifying bottom fade","taskNameComplete":"Verified bottom fade","toolCallId":"toolu_013LmT3McPdSNvrtAReaLtaj","agentTurnId":"turn_iLM2Dvh6glcQ8F52","filePath":null,"id":"vSduxK5PnhmhJjvr","type":"task-subtask-v1","parts":[{"type":"subtask-started","data":{"subtaskType":"bash","command":"agent-browser open --color-scheme light \"http://localhost:${DEV_PORT:-3000}\" && agent-browser set viewport 1340 869 && sleep 3 && agent-browser screenshot /tmp/bottomfade.png"}},{"type":"subtask-log","data":{"logType":"created-terminal"},"id":"orcvnyubErf2IIYD"},{"type":"subtask-log","data":{"logType":"poll-terminal-output","delta":"ℹ The browser runtime was recreated, so this ran on a fresh browser — prior page state, settings, and console history are gone.\n✓ 山竹HTTP · 全球级高性能代理IP基础设施\n http://localhost:3000/\n✓ Done\n✓ Screenshot saved to /tmp/bottomfade.png\n"},"id":"vpykjTyFGKx2cM7G"},{"type":"agent-browser-screenshot","id":"QgHSdw4nyfMgxX8O","screenshotUrl":"https://uploads.vusercontent.net/a/eyJhbGciOiJkaXIiLCJlbmMiOiJBMjU2R0NNIn0..vkVFdDflkBRuLofv.xYhFzF4z4SW1GnmiEMqAVANF8Wk09QN0fn1ZJ6yER-uBhS0s5Ymo00Fdi-mny901oqFX9PLyNvtgCagVHsVcGwX8FfEQt9yVK7QJW6fab2dnVFAtL-uqPn_WCJLi-ZFOp9OLzi36lzGcSHSCZYQL_5HTRU-k0sYMZRBttO_gnvfaOiL91eUB7yXDz31sKVCM3mtGD44kyHEo3Q.NHDvVoa9CGS1h26NOXetFQ","path":"/tmp/bottomfade.png","browserUrl":null,"pageTitle":null,"width":1340,"height":869}]}}],["p",{},["text",{},"下边缘的点位现在会随纵向位置逐渐淡出，与顶部光边的柔化处理形成统一风格——大陆点阵在接近视口底部（62% 以下）平滑消失，让地球自然溶入页面而不是硬生生截断。整体线条感更弱、过渡更柔和。需要我调整淡出的起始位置或过渡长度吗？"]]]],[1,{}]]},"context":[],"isContentLoading":false,"role":"assistant","id":"sh4Yi53uxIlfMuJqeLX6afbEMgYiBnx6","gitRevision":{"baseSha":"3cfb60c144eba6738d32663962a3cdf3eb36d14f","headSha":"536d4b2785f320ad2ea60d159d1b18e57ee14a66","readyAt":"2026-08-14T14:18:38.917Z","version":1},"streaming":false,"finishReason":"stop","parentId":"sxL15jKX8b2VOc4MHdw16thNIRLFKGBH","type":"message","creditCost":0.89462275,"workMetrics":{"diffMap":{},"linesRead":40,"agentActions":3},"createdAt":"$D2026-08-14T14:17:48.059Z","updatedAt":"$D2026-08-14T14:18:38.932Z"},{"content":{"type":"parts","parts":[{"type":"mdx","content":"光边内地球的轮廓也在延申一些"}],"version":1},"role":"user","id":"PAVFMpiAFEFAL0fKAj40aVdjdhuucKcP","attachments":[],"parentId":"sh4Yi53uxIlfMuJqeLX6afbEMgYiBnx6","type":"message","authorId":"fAlOUQplf6MKz64J5HgWOHGC","createdAt":"$D2026-08-14T14:21:24.533Z"},{"v0ModelId":"v0-max","content":{"type":"message-binary-format","value":[[0,[["AssistantMessageContentPart",{"part":{"createdAt":1786717293360,"finishedAt":1786717295780,"lastPartSentAt":1786717295780,"taskNameActive":null,"id":"e4QWxFd4p93dysbX","type":"task-thinking-v1","parts":[{"type":"thinking-end","duration":2,"thought":"The user wants the globe's outline to extend further inward from the limb glow — currently the dots fade out near the rim threshold, but they'd like the contour to be more visible within that glowing edge region."}]}}],["p",{},["text",{},"让我读取当前光边和点位淡出的相关代码。"]],["AssistantMessageContentPart",{"part":{"createdAt":1786717296680,"finishedAt":1786717297921,"lastPartSentAt":1786717297900,"taskNameActive":"Reading limb and dots","taskNameComplete":"Read limb and dots","toolCallId":"toolu_012axdBTEPNmqnQua2jMsyxk","agentTurnId":"turn_9n7T0rRCbFrPByDE","filePath":null,"id":"WYRQH5xXgFLUtp2k","type":"task-read-file-v1","parts":[{"type":"reading-file","filePath":"/vercel/share/v0-project/components/globe-backdrop.tsx"},{"type":"reading-file","filePath":"/vercel/share/v0-project/components/globe-backdrop.tsx","offset":197,"limit":55}]}}],["AssistantMessageContentPart",{"part":{"createdAt":1786717303281,"finishedAt":1786717304297,"lastPartSentAt":1786717304297,"taskNameActive":null,"id":"gj7UtUhblcoCOZal","type":"task-thinking-v1","parts":[{"type":"thinking-end","duration":1,"thought":"The user wants the glowing arc outline of the globe to extend further down the sides within the light rim so the sphere reads better visually. I need to widen the arc angle range beyond the current bounds and adjust the dot rendering near the limb to make the contour more prominent."}]}}],["p",{},["text",{},"明白，让顶部光边（地球轮廓）沿两侧向下延伸更长一些。我把光弧的角度范围加宽，从 "],["code",{},"1.15π~1.85π"],["text",{}," 扩展到 "],["code",{},"1.05π~1.95π"],["text",{},"，让轮廓沿球体两侧延展。"]],["AssistantMessageContentPart",{"part":{"type":"task-coding-v1","id":"block-b_BhLBkpkjZbs","parts":[{"type":"code-project","isVersioned":false,"isSourceless":false,"changedFiles":[{"fileName":"/components/globe-backdrop.tsx","baseName":"globe-backdrop.tsx","isActive":false,"isTerminated":false,"isDeleted":false,"isMoved":false}],"source":"[V0_FILE]tsx:file=\"/components/globe-backdrop.tsx\" \nGENERATING","latestDeploymentInfo":"$b7:1:1","lastDeployedAt":"2026-08-14T14:22:36.556Z","sourceVersionKey":"v_1_4m861_s3","needsBlockSource":true,"isAllImages":false,"blockId":"b_BhLBkpkjZbs","meta":{"taskNameActive":"Extending limb arc","taskNameComplete":"Extended limb arc","type":"code-project","id":"Code"},"closed":true,"lang":"typescriptreact"}],"createdAt":0,"finishedAt":1,"lastPartSentAt":1,"taskNameActive":"Extending limb arc","taskNameComplete":"Extended limb arc"},"id":"block-b_BhLBkpkjZbs"}],["p",{},["text",{},"现在让点位的边缘淡出范围也放宽，使轮廓上的陆地点沿两侧延伸更长而非过早消失——把淡出阈值从 0.82 提高到 0.9。"]],["AssistantMessageContentPart",{"part":{"type":"task-coding-v1","id":"block-b_TvvIjDfa6CK","parts":[{"type":"code-project","isVersioned":true,"isSourceless":false,"changedFiles":[{"fileName":"/components/globe-backdrop.tsx","baseName":"globe-backdrop.tsx","isActive":false,"isTerminated":false,"isDeleted":false,"isMoved":false}],"source":"[V0_FILE]tsx:file=\"/components/globe-backdrop.tsx\" \nGENERATING","latestDeploymentInfo":"$b7:2:1","lastDeployedAt":"2026-08-14T14:22:36.556Z","sourceVersionKey":"v_1_9j4s7_s3","needsBlockSource":true,"isAllImages":false,"blockId":"b_TvvIjDfa6CK","meta":{"taskNameActive":"Widening dot edge fade","taskNameComplete":"Widened dot edge fade","type":"code-project","id":"Code"},"closed":true,"lang":"typescriptreact"}],"createdAt":0,"finishedAt":1,"lastPartSentAt":1,"taskNameActive":"Widening dot edge fade","taskNameComplete":"Widened dot edge fade"},"id":"block-b_TvvIjDfa6CK"}],["AssistantMessageContentPart",{"part":{"createdAt":1786717328156,"finishedAt":1786717335393,"lastPartSentAt":1786717335276,"taskNameActive":"Verifying extended contour","taskNameComplete":"Verified extended contour","toolCallId":"toolu_013HyujJjynsR1FrXW4XvXym","agentTurnId":"turn_DjwG7GQFzdPJahGG","filePath":null,"id":"Zmw0fUJEsooYXb2Y","type":"task-subtask-v1","parts":[{"type":"subtask-started","data":{"subtaskType":"bash","command":"agent-browser open --color-scheme light \"http://localhost:${DEV_PORT:-3000}\" && agent-browser set viewport 1340 869 && sleep 3 && agent-browser screenshot /tmp/extended.png"}},{"type":"subtask-log","data":{"logType":"created-terminal"},"id":"iYIshTS6AucgXwgQ"},{"type":"subtask-log","data":{"logType":"poll-terminal-output","delta":"✓ 山竹HTTP · 全球级高性能代理IP基础设施\n http://localhost:3000/\n✓ Done\n✓ Screenshot saved to /tmp/extended.png\n"},"id":"C4chBoN3VDrvbK7v"},{"type":"agent-browser-screenshot","id":"dEOz4Teh2AmAdRzl","screenshotUrl":"https://uploads.vusercontent.net/a/eyJhbGciOiJkaXIiLCJlbmMiOiJBMjU2R0NNIn0..YLc1xdRWm-o91ifl.FPIIk-MhgTIGc-J-oyEtF-f0Bcimi4D22nmf82xWfb3LH-h9U4lzWyiYNVYkS6YvU-QxwFbNPI3PiRn1J4BKZwyXdNCVkNBqOKVSWGePS-9GsqGFp2VaW9owZnV64fhQk42w5ZPU6alTnn6936olmK6L4BLnSlcgdyak8qHmiUYmDz0xbF87Z5bWVakpFGZzZVYv63wJFyBdOg.RgYxuKk_4ZSWc3dJjs850Q","path":"/tmp/extended.png","browserUrl":null,"pageTitle":null,"width":1340,"height":869}]}}],["p",{},["text",{},"顶部光边（地球轮廓）现在沿两侧向下延伸了更长的弧段，从原来 "],["code",{},"1.15π~1.85π"],["text",{}," 扩到 "],["code",{},"1.03π~1.97π"],["text",{},"，并在渐变两端加了半透明过渡点让延伸段自然收尾；陆地点位的边缘淡出阈值也从 0.82 放宽到 0.9，使轮廓上的点沿球体两侧延展更远才淡出。整体轮廓更完整、更有立体的球体感，同时保持了柔和无硬边的风格。需要我把弧段再延长或调整两侧的亮度衰减吗？"]]]],[1,{}]]},"context":[],"isContentLoading":false,"role":"assistant","id":"mmG9bjReuGKCF4kRDpa23UzZChDB79F2","gitRevision":{"baseSha":"536d4b2785f320ad2ea60d159d1b18e57ee14a66","headSha":"5c49c6c75dee3871eebabe158d74179d12d05ba3","readyAt":"2026-08-14T14:22:36.520Z","version":1},"streaming":false,"finishReason":"stop","parentId":"PAVFMpiAFEFAL0fKAj40aVdjdhuucKcP","type":"message","creditCost":0.45168,"workMetrics":{"diffMap":{},"linesRead":55,"agentActions":4},"createdAt":"$D2026-08-14T14:21:24.534Z","updatedAt":"$D2026-08-14T14:22:36.535Z"},{"content":{"type":"parts","parts":[{"type":"mdx","content":"我希望地球的轮廓可以按照现在的样式，向下边缘延申一些，跟光边差不多的位置"}],"version":1},"role":"user","id":"kR0FW5avxak64VaVxmkDPp8w2voTmgHb","attachments":[],"parentId":"mmG9bjReuGKCF4kRDpa23UzZChDB79F2","type":"message","authorId":"fAlOUQplf6MKz64J5HgWOHGC","createdAt":"$D2026-08-14T14:29:00.618Z"},{"v0ModelId":"v0-max","content":{"type":"message-binary-format","value":[[0,[["AssistantMessageContentPart",{"part":{"createdAt":1786717749619,"finishedAt":1786717749985,"lastPartSentAt":1786717749985,"taskNameActive":null,"id":"UBmANu5bEIA2Mzb8","type":"task-thinking-v1","parts":[{"type":"thinking-end","duration":0,"thought":"The user wants the land dots to extend further down the globe, matching where the light rim now reaches. I need to adjust the bottom fade threshold that's currently cutting off the dots too early—lowering it so the dots stretch down the flanks similarly to how the light rim sweeps across that region."}]}}],["p",{},["text",{},"让我读取当前点位的下边缘淡出代码。"]],["AssistantMessageContentPart",{"part":{"createdAt":1786717750794,"finishedAt":1786717752603,"lastPartSentAt":1786717752582,"taskNameActive":"Reading bottom fade","taskNameComplete":"Read bottom fade","toolCallId":"toolu_0161JAdJ9VKzKg8m9RqZDhDV","agentTurnId":"turn_giXWNy73CG7Y7gbi","filePath":null,"id":"oXsw42mpUGNXhI9J","type":"task-read-file-v1","parts":[{"type":"reading-file","filePath":"/vercel/share/v0-project/components/globe-backdrop.tsx"},{"type":"reading-file","filePath":"/vercel/share/v0-project/components/globe-backdrop.tsx","offset":241,"limit":18}]}}],["AssistantMessageContentPart",{"part":{"createdAt":1786717757247,"finishedAt":1786717757730,"lastPartSentAt":1786717757730,"taskNameActive":null,"id":"McCwYygJDMwlVeJp","type":"task-thinking-v1","parts":[{"type":"thinking-end","duration":0,"thought":"I need to adjust where the dots fade out so they extend further down the sphere, closer to where the light rim reaches. I'll push the fade start point from 0.62 to 0.82 to let them persist longer along the flanks."}]}}],["p",{},["text",{},"让点位的下边缘淡出起点下移，让陆地点沿两侧延伸到接近光边的位置——把 "],["code",{},"fadeStart"],["text",{}," 从视口 62% 改到 82%，并相应缩短过渡长度。"]],["AssistantMessageContentPart",{"part":{"type":"task-coding-v1","id":"block-b_KkGUjXMQnJX","parts":[{"type":"code-project","isVersioned":true,"isSourceless":false,"changedFiles":[{"fileName":"/components/globe-backdrop.tsx","baseName":"globe-backdrop.tsx","isActive":false,"isTerminated":false,"isDeleted":false,"isMoved":false}],"source":"$bc","latestDeploymentInfo":"$b7:3:1","lastDeployedAt":"2026-08-14T14:29:51.083Z","sourceVersionKey":"v_1_f0a3d_s3","needsBlockSource":false,"isAllImages":false,"blockId":"b_KkGUjXMQnJX","meta":{"taskNameActive":"Extending dots downward","taskNameComplete":"Extended dots downward","type":"code-project","id":"Code"},"closed":true,"lang":"typescriptreact"}],"createdAt":0,"finishedAt":1,"lastPartSentAt":1,"taskNameActive":"Extending dots downward","taskNameComplete":"Extended dots downward"},"id":"block-b_KkGUjXMQnJX"}],["AssistantMessageContentPart",{"part":{"createdAt":1786717766735,"finishedAt":1786717776148,"lastPartSentAt":1786717775857,"taskNameActive":"Verifying extended dots","taskNameComplete":"Verified extended dots","toolCallId":"toolu_01JLMDr9yTGvcQrn2DxQcpyP","agentTurnId":"turn_IeVAC66J76OrgkZW","filePath":null,"id":"u5CE1VKtw7nojusY","type":"task-subtask-v1","parts":[{"type":"subtask-started","data":{"subtaskType":"bash","command":"agent-browser open --color-scheme light \"http://localhost:${DEV_PORT:-3000}\" && agent-browser set viewport 1340 869 && sleep 3 && agent-browser screenshot /tmp/dots-down.png"}},{"type":"subtask-log","data":{"logType":"created-terminal"},"id":"1bi3qUpCY2RWHNTa"},{"type":"subtask-log","data":{"logType":"poll-terminal-output","delta":"✓ 山竹HTTP · 全球级高性能代理IP基础设施\n http://localhost:3000/\n✓ Done\n✓ Screenshot saved to /tmp/dots-down.png\n"},"id":"JJicHRk6RB5OX1FK"},{"type":"agent-browser-screenshot","id":"4xLeuuNXxZv7v4TI","screenshotUrl":"https://uploads.vusercontent.net/a/eyJhbGciOiJkaXIiLCJlbmMiOiJBMjU2R0NNIn0..H2QuzTBeM3wCGLCM.ap7MphPIL7N-IreiaBcCzSX165nyxptespccnAUzqMSJigHt68ZAMQl5im62DbX3jOwhPATdKqgdhbj28VzdK2RpEzX4sUTXBcLO223pcR8eNIW4PltTIZ6O7pSRUXZwPIT0D3SxDGkPSBJ3YuGoQzFI56vwhJvujPVzAEMZLqlbBOGCBHcGnPksKkcJblsB24431EKCmLinqQ.fNMnIgpazHIjDiybTR_nrw","path":"/tmp/dots-down.png","browserUrl":null,"pageTitle":null,"width":1340,"height":869}]}}],["p",{},["text",{},"陆地点阵现在沿球体两侧向下延伸得更远，一直铺到接近发光光边的位置才柔和淡出，轮廓更完整、与两侧的光边收尾位置基本对齐。我把点位的下边缘淡出起点从视口 62% 下移到 82%，并将过渡长度收窄到 18%，让延伸段自然收尾而不突兀。需要我再把点阵往下延伸一点，或调整两侧的密度吗？"]]]],[1,{}]]},"context":[],"isContentLoading":false,"role":"assistant","id":"q8N1ykBcWTFNqbiWiyfQekJeRqKSB0zd","gitRevision":{"baseSha":"5c49c6c75dee3871eebabe158d74179d12d05ba3","headSha":"aed3f2c77a28f2a078df53f6663dd47c1ac2ec81","readyAt":"2026-08-14T14:29:51.067Z","version":1},"streaming":false,"finishReason":"stop","parentId":"kR0FW5avxak64VaVxmkDPp8w2voTmgHb","type":"message","creditCost":0.9217955,"workMetrics":{"diffMap":{},"linesRead":18,"agentActions":3},"createdAt":"$D2026-08-14T14:29:00.619Z","updatedAt":"$D2026-08-14T14:29:51.082Z"}],"lastSyncedAt":1788962321216,"undo":null,"activeForkKey":["9m9XWJqkmEQIGXGl0jOzOGnE1seVYOsI","0jcMhWWypwDMbjSXlIacF7Nmuq7p2CqT","tJVulUJ2kUfg3TEsWHQBJRaPJjg6WQ2V","L7dirXsnPpdWxkRmcUiVZ5IC1G30qQa9","7T8VXWQCgw4fULGIZMcwlmlflYdNklOj","oHWAIZxC3dHeLD9xSD7GKUXSiOiZZPl8","jI4LOxgs3rcUiBrriOKYr11GlldNvluK","GThdXDZuGj3alPDubzXPFtdnIH3jTEig","MlOC7yvZlMDtErYjFLgXfhw66IqmsmYj","lOw9pTupmOlO6m2FhxfYRiBphgOiT2B5","F3yjlOAiQ2OdelIp9uE3znMBfMoamYCl","6MmKr3xGkpWE8LVE0z05MClfJYpwLT1A","VSAHk1pOw8gTFiMAfoYuHNH84PeP6FFd","SFZhvyyGGqGHpxE9Dp7yXywQoyiGeq3L","qBP6mO0TJ8lKcx1Is8TP8RuPgTN0Z6Zi","JxLHwv915hrZ8hii8liFvcmiQkD5NVr2","4SsFlHxG8216o9MyAMrYZtrChpNX714Q","AH3B0CRHNUfkj1IRQym2jkQDNlSqIob8","kGHIaebjijjM3q27DmvWVDuZ5E1I0FdF","ISWl8xDQ8fXtTUAf8GQqCy83uoLAi1vs","lW8gxHBFtP9cinx4qoCsEbAcYbHAk489","DaTz4FK272o1OksTpFlqufTEnn3ZeyRS","LrpUSBEYR3Syzd6qcDf4wS2msJ4r8Mgx","vCKX7L2vUEPepUycyvFcKsYjQLZPnvkq","yBALYDXo1llfTcl9daoHAHjIjDXLeNs7","asl1W9YJWxwin8wDacR2UEYG4Cu4vX8R","pzE7yoPfnAKt9TF23pdsLaKbgFK8iGzy","50Dny5FhEDd6AKkojZ4rAskMnLTuEt0e","sxL15jKX8b2VOc4MHdw16thNIRLFKGBH","sh4Yi53uxIlfMuJqeLX6afbEMgYiBnx6","PAVFMpiAFEFAL0fKAj40aVdjdhuucKcP","mmG9bjReuGKCF4kRDpa23UzZChDB79F2","kR0FW5avxak64VaVxmkDPp8w2voTmgHb","q8N1ykBcWTFNqbiWiyfQekJeRqKSB0zd"],"lifecycle":{"phase":"idle","persistence":"persisted"},"isAuthor":false,"isRestoring":false,"hashMessageId":null},"@\"active-block\",\"ghR9insUhze\",":{"id":"b_KkGUjXMQnJX","meta":{"taskNameActive":"Extending dots downward","taskNameComplete":"Extended dots downward","type":"code-project","id":"Code"},"initial":true,"type":"code-project","messageId":"q8N1ykBcWTFNqbiWiyfQekJeRqKSB0zd","language":"typescriptreact","source":"$bd","closed":true,"hasSourceBeenEdited":false,"lastDeployedAt":"2026-08-14T14:29:51.083Z","latestDeploymentInfo":"$b7:3:1","isLoading":false,"needsBlockSource":false},"@\"chat:meta\",\"ghR9insUhze\",":{"title":"山竹HTTP 官网","authorId":"fAlOUQplf6MKz64J5HgWOHGC","ownerId":"team_8a4I88TqpYcmSM2So5StnPdP","storageEntityType":"v0-git-s3-storage","storageEntityId":"v0-1-team_8a4I88TqpYcmSM2So5StnPdP-ghR9insUhze","tailwindV4Default":true,"vercelProjectId":"prj_4jlt4Ct8T7VyJDlTBGJfTEyhuIJJ","canWriteToChat":false,"nextVersionDefault":16},"@\"chat:vm-mode\",\"ghR9insUhze\",":true,"@\"chat:vercel-project\",\"ghR9insUhze\",":"$@be","@\"team:sensitive-environment-variable-policy\",\"ghR9insUhze\",":"$@bf","@\"block-view\",\"ghR9insUhze\",":true,"integrations:figma":"$@c0"},"children":["$Lc1","$Lc2","$Lc3","$Lc4","$Lc5"]}]}]}]

连接全球，畅通无界

覆盖全场景的代理 IP 产品矩阵

短效动态IP

长效静态IP

固定 ISP IP

企业定制IP池

以数据说话的技术底座

为开发者打造的 API 中心

广泛适配的业务场景

数据采集

广告验证

电商监控

SEO 分析

AI 训练数据

企业级解决方案为规模化业务而生

定制 IP 池

SLA 保障

1V1 技术支持

高并发架构

全国城市节点分布

上海

帮助中心与文档

API 接入指南

白名单设置

常见问题

企业级解决方案
为规模化业务而生