移动端的 Archyl:把你的架构握在手中

架构文档历来都是桌面上的活儿。大幅图表、密集的表格、一张需要 27 英寸显示器才看得明白的依赖关系图。所以当有人在 Slack 上戳你 — “等等,checkout 服务是直接和 ledger 通信的吗?” — 而你正在火车上时,你只能回一句“等我回到笔记本前再看”。

现在不必了。从今天起,整个 Archyl 应用都能在你的手机上运行。

不是功能阉割的伴侣 App,不是只读的查看器。同一个 Archyl、同一个账号、同样的数据 — 每一个界面都被重新设计,以适配你单手握持的屏幕。

移动端的 Archyl — 手中的 C4 画布

最难的部分:手机上的 C4 画布

交互式架构图大概是你最不会指望能在手机上跑起来的东西。节点、连线、四级缩放、详情面板。我们没有把它缩小 — 而是重新思考了你该如何用手指去触碰它。

  • 平移和捏合真正的图。 这是真实的 React Flow 画布,不是截图。在你的系统、容器和组件之间随意拖动。
  • 可横向滚动的层级面包屑。 System Context → Containers → Components → Code 安放在一条可横向滚动的玻璃质感栏中,即便屏幕很窄,最深的层级也始终只需一次轻点即可抵达。
  • 双击深入。 轻点节点即可选中;双击则下钻到下一个 C4 层级 — 相当于桌面端双击的触控版本。
  • 轻点弹出居中的详情面板。 不再是挤在右侧边缘的面板,元素详情(描述、负责人、ADR、文档、API 契约)会以一张为拇指尺寸设计的居中卡片打开。
  • 小地图自动让位。 在移动端,小地图会自动隐藏,把整块屏幕留给图本身。

适配你拇指的导航

侧边栏变成一个从左侧滑入的抽屉 — 组织切换器、团队切换器,以及归整成整洁手风琴的导航,让你再也不用滑过二十个条目才能找到你的项目。

项目头部也重新赢回了空间:操作按钮收缩为图标,所有分区标签 — Diagram、List、Decisions、Docs、API Contracts、Releases 等等 — 折叠进单个下拉菜单。项目名称和它的成熟度评级有自己独立的紧凑一行,于是你始终清楚自己在看什么、它有多健康。

每个界面都会重排

这不是一页的活儿。我们一屏一屏地过了一遍:

  • Deployments — 部署矩阵过去在手机上需要横向滚动。现在它重排成清爽的按应用卡片,每个环境以网格排列,漂移(drift)以琥珀色标记。
  • Decisions (ADR) — 列表中的每一行都给标题单独一行,让它不再被截成“Cho…”,状态、日期和链接在下方整齐换行。
  • Insights — 严重程度计数器(Critical / High / Medium / Low)重排成宽敞的 2×2 网格,而非四列挤作一团。
  • Technology Radar、Documentation、API Contracts、Releases、Global Architecture — 全部重排,它们的筛选面板和文件夹树都移入移动端抽屉。
  • 账户 — Profile、API Keys、Notifications 和 MCP Server 共用一条可滑动的标签栏。

在平台上直接运行你的 Agent

Agent Hub 也一同上路了。Dashboard、Rules、Runs、Schedules 和 Connectors 安排在一条可滚动的标签行上 — 而最有意思的是 — 你可以在手机上观看一次托管 Agent 的执行:工具调用不断涌入,输入与输出一一呈现,在它检测到漂移并开启 pull request 的过程中显示着“Agent is working…”。架构维护,就发生在你的口袋里。

浅色与深色,自然而然

一切都尊重你的主题。无论是早上 9 点明亮的平台,还是午夜漆黑的房间,图表、卡片和面板都显示得恰到好处。

无需安装任何东西

没有应用商店,没有下载,没有单独的登录。这就是你在桌面上使用的同一个 Archyl — 在手机浏览器里打开它,你的项目、模型和决策就在那里。如果想要一点即达,把它添加到主屏幕即可。

架构并非只有在你坐在桌前时才有意义。问题会在站会上、走廊里、火车上冒出来。现在,答案也会跟着你走。

在手机上打开 archyl.com,把你的架构握在手中。