把 AI 的实时推理过程,画成一棵不断生长的思维树。
大模型在回答前会先在内部"想"一长串推理步骤(reasoning chain),这一步对外是黑盒的。Mindscape 把这段思维流按段落/句子实时切分,每来一段就开一个新节点、用贝塞尔曲线连到上一个节点上。你看到的不再是黑箱吐出一行字——而是一棵树在眼前一根根长出枝桠。
浅蓝节点 = 思考过程(reasoning);橙色节点 = 最终回答(answer)。
虚线动画画出边,活跃节点外围有呼吸光晕。鼠标拖拽平移、滚轮缩放,新节点自动滚到屏幕中央。
前端:纯 SVG 节点 + 贝塞尔连线,无第三方框架;Canvas 是 0 依赖的 2D 树布局。
后端:CF Pages Functions 做 SSE 透传代理,源站是部署在腾讯云 Lighthouse + Cloudflare Tunnel 的 dsv4-proxy(一个支持 reasoning_content 提取的多上游 API 路由服务)。
用户原话:"有创意,但是我想的是像思维导图一样不断拓展 AI 的实时思维链路。"——于是第一版的粒子可视化变成了这棵树。