深色
风格
视觉表达
S 循环切换
经典
稳定的技术默认风格
信号流
突出动态流向
蓝图
工程评审
编辑风格
适合发布与上线说明
动态
演示
导出
导出图表
便携、整洁的输出
E
分享
分享卡片
1200×630 PNG
路径分享卡片
1200×630 PNG
可达范围分享卡片
1200×630 PNG
复制分享卡片
复制 PNG 到剪贴板
复制图表
复制 PNG 到剪贴板
图像
PNG
无损图像
JPEG
紧凑图像
WebP
现代图像格式
矢量与动效
SVG
可编辑矢量图
WebM
6 秒动效
StillOn 本地优先 Agent 工作台架构
←
引导视图
探索此系统
沿精选路径逐步查看,而不改变源图表。
节点
下一步
→
▶
播放故事
#
复制此刻
显示全部
StillOn 本地优先 Agent 工作台架构
由 Archify 生成的架构图。
React SPA · React 19 · Vite · WS · 架构组件 · 受信任浏览器
React SPA
React 19 · Vite · WS
受信任浏览器
可选外部入口 · 外部 proxy / tunnel · 操作者管理的访问边界 · 操作者管理
可选外部入口
外部 proxy / tunnel
操作者管理
Bun HTTP / WebSocket Server · Bun.serve · loopback :3210 · 本地主机上的 StillOn 进程 · 静态资源 + HTTP API + /ws
Bun HTTP / WebSocket Server
Bun.serve · loopback :3210
静态资源 + HTTP API + /ws
命令路由与快照广播 · createWsRouter · read models · 本地主机上的 StillOn 进程 · 应用控制面
命令路由与快照广播
createWsRouter · read models
应用控制面
AgentCoordinator · 会话 · 轮次 · 队列 · 确认 · 本地主机上的 StillOn 进程 · provider orchestration
AgentCoordinator
会话 · 轮次 · 队列 · 确认
provider orchestration
Claude 会话适配器 · Agent SDK · query() · 本地主机上的 StillOn 进程 · 可恢复长会话
Claude 会话适配器
Agent SDK · query()
可恢复长会话
Codex Exec 适配器 · CodexExecManager · CLI · 本地主机上的 StillOn 进程 · JSON stream
Codex Exec 适配器
CodexExecManager · CLI
JSON stream
模型 Provider · Anthropic / OpenAI · 架构组件 · 外部网络依赖
模型 Provider
Anthropic / OpenAI
外部网络依赖
本机工作区服务 · Terminal · Git · files · 本地主机上的 StillOn 进程 · OS 用户权限
本机工作区服务
Terminal · Git · files
OS 用户权限
EventStore · ~/.stillon · JSONL · snapshot · 本地主机上的 StillOn 进程 · 本地持久化
EventStore
~/.stillon · JSONL · snapshot
本地持久化
本地项目工作区 · 源码仓库 + .stillon · 架构组件 · 文件系统与子进程
本地项目工作区
源码仓库 + .stillon
文件系统与子进程
HTTP + WebSocket /ws
可选 HTTPS/WSS 代理
ClientEnvelope / ServerEnvelope
chat.send · steer · cancel
Claude session stream
codex exec turn
append message / turn event
read models → snapshots
terminal / Git / files / preview
local FS + child processes
本地主机上的 StillOn 进程
操作者管理的访问边界
就绪
章节 01 / 01
引导章节
图表指南
探索此系统
×
正在检查已编译语义
01
查找任意节点
搜索标签、职责、类型和稳定 ID。
/
02
追踪路径
查看两个语义节点如何按编写方向连接。
R
03
查看完整系统
打开带实时视口和稳定节点的语义雷达。
M
04
比较语义类型
统计角色、显示流量并比较直接编写的连接。
L
05
播放引导故事
浏览已编写的章节和真实关系。
P
06
进入演示模式
让实时图表占满视口,同时不改变导出。
F
E
导出
T
主题
S
风格
0
重置
+
放大
-
缩小
Esc
关闭
查找节点
×
⌕
/
没有匹配的节点
语义护照
已验证来源
编写可达范围
上游
0
下游
0
×
复制链接
关系
路径探测
选择起点节点
查找起点
复制链接
清除
在图表中选择两个语义节点
←
▶
旅程
→
总览
先选择来源,再选择目标;方向很重要。
语义透镜
比较系统角色
×
最多选择两种语义类型。选择一种可显示其真实流量;选择两种只比较直接编写的关系。
选择一种类型以检查其节点和相连关系。
复制链接
清除
语义雷达
正在构建总览
打开雷达
×
点击节点
拖动平移
语义雷达需要更多地图可见空间。
路径
地图
透镜
阅读
100%
核心形态
• React SPA + Bun 服务端组成模块化单体
• WebSocket 是命令与状态同步的主要数据面
• 入口设施不内置,由操作者独立维护
状态模型
• EventStore 以 JSONL、snapshot 和 transcript 落盘
• Agent 运行态保存在内存,完成事件持续写入
• read models 合并持久态与活动态后广播快照
关键边界
• 终端、Git 与文件操作继承本机用户权限
• 远程开放时必须在入口层补充强认证与网络控制
• Claude SDK 与 Codex CLI 是两条不同生命周期的适配路径