20:"$Sreact.view_transition" 21:I[9754,["/_next/static/chunks/2t36f5p4pjzlb.js","/_next/static/chunks/1gyqeidjm5eoa.js","/_next/static/chunks/0_fjnxc4tt_l_.js","/_next/static/chunks/1ymt1shyhmu-4.js","/_next/static/chunks/3kv2zf0i7s2wc.js","/_next/static/chunks/1vs_3g_g75zmk.js","/_next/static/chunks/2g4dh802s8oz3.js","/_next/static/chunks/1bc3f0shukf1j.js","/_next/static/chunks/192kgs9v_t14j.js","/_next/static/chunks/0z6pw0v5c_lx5.js","/_next/static/chunks/08r60e6icmtkc.js","/_next/static/chunks/3trx6c0i7_x-3.js","/_next/static/chunks/40sro5bzp9bi_.js","/_next/static/chunks/1wgf3tk38y6cf.js"],"ProjectDetail"] 22:T2db2, cmux · 为 AI 编码代理打造的 macOS 终端

macOS terminal for AI coding agents

cmux 为 AI 编码代理打造的 macOS 终端

基于 Ghostty 的 macOS 终端，带垂直标签页和代理通知——把多个并行运行的 AI 代理交给同一道垂直轨道来编排。

swift appkit ghostty based vertical tabs agent ring

01 · rail morphology

一列垂直轨道，装下并行代理

多个代理（如 Claude Code、Codex）以各自的车道并排停靠在这道垂直标签栏上：工作区组织、抽屉式表面、分屏窗格，都是轨道上真实存在的断面，而非堆叠的说明卡片。

workspaces surfaces split panes session restore

02 · attention loop

通知环：谁要你看一眼

当编码代理需要你的注意，窗格会亮起一圈蓝色环、标签页随之点亮——指挥家的视线会停在那个正在收拢的环上。这是 cmux 区别于其他终端的确定机制。

垂直标签页与通知环：一屏看清此刻需要关注的是哪个代理。

03 · scriptability

可脚本化，一条条命令编排

通过 CLI 和 socket API 可以创建工作区、拆分窗格、发送按键并自动化内置浏览器。轨道本身是程序可写的，你的工作流可以成为这些命令的组合。

cmux ssh user@remote cmux claude-teams

cmux ssh 为远程机器创建工作区，浏览器窗格经由远程网络路由；cmux claude-teams 一条命令运行 Claude Code 的队友模式，无需 tmux。

04 · native foundation

原生基底，而非 Electron

用 Swift 和 AppKit 构建，而非 Electron：启动更快、内存占用更低。轨道是系统原生的连续平面，只有注意点才落地层次。

Swift · AppKit · 快速启动 · 低内存

05 · getting started

从安装开始到编排

01
DMG(推荐)下载 macOS 安装包并拖动到 Applications。
02
Homebrew通过 Homebrew 安装分发。
03
依赖 Ghostty 配置需要已有或新建一份 Ghostty 配置。

cmux --help cmux ssh user@remote

23:T2d6c, cmux · macOS terminal for AI coding agents

macOS terminal for AI coding agents

cmux macOS terminal for AI coding agents

A Ghostty-based macOS terminal with vertical tabs and notifications — one vertical rail for orchestrating the parallel AI agents you keep running at once.

swift appkit ghostty based vertical tabs agent ring

01 · rail morphology

A vertical rail to hold the parallel agents

Multiple agents (like Claude Code, Codex) dock side by side on this vertical tab bar — workspaces, surfaces, and split panes are real cross-sections of the rail, not stacked feature cards.

workspaces surfaces split panes session restore

02 · attention loop

The notification ring: who needs your eye

When a coding agent needs your attention, the pane gets a blue ring and the tab lights up — the conductor's gaze stops at the slot where the ring constricts. It is the mechanism that sets cmux apart from other terminals.

Vertical tabs & notification rings: read, at a glance, which agent needs you now.

03 · scriptability

Scriptable, one command at a time

Via the CLI and socket API you can create workspaces, split panes, send keystrokes, and automate the in-app browser. The rail itself is programmable — your workflow becomes a composition of these commands.

cmux ssh user@remote cmux claude-teams

cmux ssh creates a workspace for a remote machine and routes browser panes through the remote network; cmux claude-teams runs Claude Code's teammate mode with one command, no tmux required.

04 · native foundation

A native base, not Electron

Built with Swift and AppKit, not Electron: faster startup, lower memory. The rail is a continuous native plane; depth is saved only for the point where attention lands.

Swift · AppKit · fast startup · low memory

05 · getting started

From install to orchestration

01
DMG (recommended)Download the macOS package and drag it into Applications.
02
HomebrewInstall via the Homebrew distribution.
03
Depends on a Ghostty configRequires an existing or newly created Ghostty configuration.

cmux --help cmux ssh user@remote

a:[["$","$20",null,{"enter":{"secondary-forward":"secondary-forward","secondary-back":"secondary-back-enter","default":"none"},"exit":{"secondary-forward":"secondary-forward","secondary-back":"secondary-back-exit","default":"none"},"update":{"secondary-forward":"secondary-forward","secondary-back":"secondary-back-update","default":"none"},"default":"none","children":["$","$L21","cmt2zh18d01086271cvxta9z4:zh-CN:beautified",{"project":{"id":"cmt2zh18d01086271cvxta9z4","slug":"manaflow-ai-cmux","name":"cmux","description":"基于 Ghostty 的 macOS 终端，带垂直标签页和代理通知","authorName":"manaflow-ai","authorVerification":{"verified":false,"verifiedAt":null},"category":"development_tools","subcategory":"data_ai_tools","experienceUrl":"https://cmux.com/","qualityScore":90,"featured":false,"officialSite":null,"views":{"original":{"available":true},"official":{"available":false,"reason":"disabled_by_policy"},"beautified":{"available":true,"reason":null},"defaultView":"beautified"},"beautifiedView":{"revisionId":"cmt2zh1a7010k6271t8snbbds","kind":"artifact","artifact":{"schemaVersion":"localized-static-html-v4","kind":"static_html","locales":["zh-CN","en"],"defaultLocale":"zh-CN","documents":{"zh-CN":"$22","en":"$23"},"designDirections":{"schemaVersion":"dodot-design-directions-v1","directions":[{"id":"dir-attention-rail","name":"Conductor Rail","projectMetaphor":"A vertical tab rail as a conductor's console, where every parallel AI agent is a lane on the rail and the blue notification ring is the moment the conductor's eye must stop. The page reads as a cross-section of the cmux workspace rather than a product ad.","signatureVisual":"A tall vertical tab rail (repeating thin rounded-ribbon tabs) with a single emphasized 'attention' slot whose ring visibly constricts around a label, alongside one lit indicator. No device frame — the rail is shown plain on canvas, open-ended at top and bottom.","heroGeometry":"A tall portrait rectangle split into thin vertical ribbons of unequal width; one ribbon carries an accent ring that contracts inward under the active label. Left-right = ordering, top-bottom = height of the rail.","sectionSequence":["return","rail-morphism","attention-loop","scriptability","native-foundation","getting-started"],"surfaceModel":"System-native flat planes: the rail and each pane share one continuous tonal plane, separated by 1px rules rather than boxed cards. Depth only where attention lands.","palette":"Ink-near-black canvas, bone-white text, a single high-saturation 'attention' blue accent reserved exclusively for the ring/indicator; desaturated graphite for idle lanes.","typography":"Monospace display for the rail, vertical tab labels and command tokens to reinforce the terminal identity; humane proportional sans for body; tight tracking on numerals (attention counts).","desktopComposition":"Full-height left rail (approx 1/4 width) of vertical tabs; the remaining 3/4 holds a low-density evidence narrative progressing downward; the attention slot is the lone accent in the rail and re-echoes once mid-page.","mobileTransformation":"The rail rotates to a horizontal segmented strip pinned to the top; sections stack as a continuous vertical scroller below; the attention ring persists as a single moving dot on the strip, recomposing the same 'who needs me now' reading.","mediaStrategy":"No product screenshots or media frames exist in the frozen manifest; the media region is removed entirely and replaced by the evidence-driven rail glyph and typographic command tokens.","forbiddenPatterns":["terminal/editor shell framing an invented screenshot","three-metric-stats cards under a slogan","feature-card walls that accept any developer tool copy","decorative gradient glow as the visual idea"],"compositionFingerprint":"tall-open-vertical-rail-attention-slot-typographic-commandtokens"},{"id":"dir-zen-sessions","name":"Zen Sessions","projectMetaphor":"The README's 'Zen of cmux' as a stack of persisting surfaces: every quit saves a session, every relaunch restores it. The page is a meditation on state that outlives the process — a calm receding stack of translucent sheets.","signatureVisual":"A stack of three translucent, slightly offset horizontal sheets receding into depth, each sheet carrying a faint trace of its restored pane (working directory, a split line). No window chrome — only the layered material edges.","heroGeometry":"A horizontal composition of overlapping rounded-rectangle planes receding along a diagonal toward an upper-left vanishing point; the front sheet is the only fully opaque, ink-dark surface.","sectionSequence":["return","restore-stack","zen-principles","surfaces","session-fidelity","getting-started"],"surfaceModel":"Material stack with controlled depth: each section is a sheet with a soft cast edge, overlaid on quieter predecessors; depth and translucency increase only as the story deepens into persistence.","palette":"Warm paper-white ground with ink matter; translucent sheet tints in muted blue-grey; a single restrained slate accent, low saturation, honoring calm over alarm.","typography":"Humanist proportional sans at generous measure and leading to convey calm; extreme restraint on weight contrast; reserved serif numerals for session counts.","desktopComposition":"Centered, column-dominant composition where each major statement is a full-width translucent sheet stacked downward; depth is horizontal (recede leftward) while reading is vertical (a calm descent into persistence).","mobileTransformation":"The diagonal depth dissolves into a pure vertical stack of sheets with sharper edge contrast; re-link via a small 'restored' timestamp tag persisting per sheet; spacer rhythm replaces the diagonal.","mediaStrategy":"No qualified local media exists in the frozen manifest; the media region is removed entirely; the receding sheet stack built entirely from CSS material is the signature visual.","forbiddenPatterns":["browser/terminal shell with invented toolbar and tabs","card wall of interchangable features","slogan-plus-three-numbers hero","particle or starfield ambience in place of an idea","translucency used decoratively without persistence meaning"],"compositionFingerprint":"receding-sheet-stack-calm-depth-sessionfidelity-timestamp-typography"},{"id":"dir-parallel-switchboard","name":"Parallel Switchboard","projectMetaphor":"The multiplexer: many parallel agents are parallel rails that must converge into one organized switchboard. Splitting, SSH routing, and socket wiring are the visible mechanism; the page is a diagram of lanes merging into a single splice point.","signatureVisual":"A wire/lane diagram: several parallel horizontal channels bending and converging at one splice node, each channel labeled with a real cmux surface (pane, browser, ssh). Drawn as crisp rules, not a product screenshot.","heroGeometry":"A fan of parallel lines entering uniformly from the left, bending smoothly, and converging to a single node at center-right; the node emits a thin symmetric chord to indicate an organized, switchboard-like splice.","sectionSequence":["return","fan-of-parallels","splice-point","ssh-remote-lane","programmable-wiring","getting-started"],"surfaceModel":"Network/field model: sections sit on a faint ruled field; lanes and nodes are the geometry over it; surfaces read as routing terminals rather than cards.","palette":"Archival ink on aged-paper field with grid rules; a warm amber splice accent at the convergence node; cool grey for idle lanes, amber only at real join points.","typography":"Technical geometric sans with strong spacing for clarity; monospace only for the wiring tokens and socket commands; generous letterspacing on section labels.","desktopComposition":"Left-dominant horizontal diagram occupying the top band (the fan of lanes), with supporting evidence set in ruled columns that re-use the same lane-rule grammar below; the splice node sits at one visual focal point.","mobileTransformation":"The left-to-right fan folds into a vertical cascade of stacked labelled lanes that each terminate at a small splice tick on a shared right baseline; convergence retained as a single aligned terminal column.","mediaStrategy":"No local product media is present in the frozen manifest; the media region is removed entirely; the lane-wiring diagram expressed in rules and CSS is the evidence, with no terminal shell drawn.","forbiddenPatterns":["shell/editor/browser mockup disguising a screenshot","metric triplet hero","homogeneous feature-grid","generic connecting-dots network used without a verified relationship","technical diagram faked to imply unverified telemetry"],"compositionFingerprint":"parallel-lane-fan-convergence-splice-node-ruled-field-wiringtokens"}],"selectedDirectionId":"dir-attention-rail","selectionRationale":"dir-attention-rail best expresses the project's defining mechanism: vertical tabs plus the notification ring that routes the user's attention to whichever parallel AI agent needs it ('Panes get a blue ring and tabs light up'). This is the verified differentiator against other terminals, more intrinsic than the session-restore calm of dir-zen-sessions and more focused than the generic multiplexer topology of dir-parallel-switchboard. It yields a signature visual (open-ended open canvas vertical rail with a single contracting attention ring) that is not a terminal shell or mock screenshot, does not need media (the frozen manifest is empty), and reorganizes cleanly for 390px by rotating the rail to a horizontal attention strip. Recent-fingerprint list in antiTemplateContext is empty, so the fingerprint is unique."},"designBrief":{"schemaVersion":"dodot-design-brief-v1","selectedDirectionId":"dir-attention-rail","projectMetaphor":"A vertical tab rail as a conductor's console, where every parallel AI agent is a lane on the rail and the blue notification ring is the moment the conductor's eye must stop. The page reads as a cross-section of the cmux workspace rather than a product ad.","signatureVisual":"A tall vertical tab rail (repeating thin rounded-ribbon tabs) with a single emphasized 'attention' slot whose ring visibly constricts around a label, alongside one lit indicator. No device frame — the rail is shown plain on canvas, open-ended at top and bottom.","compositionFingerprint":"tall-open-vertical-rail-attention-slot-typographic-commandtokens","heroGeometry":"A tall portrait rectangle split into thin vertical ribbons of unequal width; one ribbon carries an accent ring that contracts inward under the active label. Left-right = ordering, top-bottom = height of the rail.","sectionSequence":["return","rail-morphism","attention-loop","scriptability","native-foundation","getting-started"],"surfaceModel":"System-native flat planes: the rail and each pane share one continuous tonal plane, separated by 1px rules rather than boxed cards. Depth only where attention lands.","palette":"Ink-near-black canvas, bone-white text, a single high-saturation 'attention' blue accent reserved exclusively for the ring/indicator; desaturated graphite for idle lanes.","typography":"Monospace display for the rail, vertical tab labels and command tokens to reinforce the terminal identity; humane proportional sans for body; tight tracking on numerals (attention counts).","desktopComposition":"Full-height left rail (approx 1/4 width) of vertical tabs; the remaining 3/4 holds a low-density evidence narrative progressing downward; the attention slot is the lone accent in the rail and re-echoes once mid-page.","mobileTransformation":"The rail rotates to a horizontal segmented strip pinned to the top; sections stack as a continuous vertical scroller below; the attention ring persists as a single moving dot on the strip, recomposing the same 'who needs me now' reading.","mediaStrategy":"No product screenshots or media frames exist in the frozen manifest; the media region is removed entirely and replaced by the evidence-driven rail glyph and typographic command tokens.","evidencePlan":["Compose the hero return from material.json projection.description and localization.zh-CN.slogan/oneLine, using only verified facts (Ghostty-based, macOS, vertical tabs, notifications for AI coding agents).","rail-morphism section derives from verified topics and headline claims: vertical tabs, workspaces, surfaces, split panes, session restore — rendered as named rail lanes with their actual cmux labels.","attention-loop section is built from the verified claim 'Notification rings: Panes get a blue ring and tabs light up when coding agents need your attention' and the localized highlights line '垂直标签页与通知环'.","scriptability section uses the verified CLI + socket API claim (create workspaces, split panes, send keystrokes, automate browser).","native-foundation section uses the verified Swift/AppKit (not Electron), fast startup, low memory claim.","getting-started offers an install route anchored only in verified README entries (DMG / Homebrew) stated as options, with no invented download links or metrics.","No metric cards, customer logos, testimonials, charts, or fake UI controls anywhere; media region omitted since the asset manifest is empty."],"localeContract":{"zh-CN":"同属一个 brief 与章节顺序；文案使用 material.json.localizations.zh-CN 的 slogan、overview、highlights、bestFor、caveats 原文，标签与命令 token 用中英混合呈现保持终端语义，正文维持自然中文密度。","en":"Shares the same brief and section sequence; copy draws verbatim from material.json.localizations.en, with monospace command tokens kept in original English terminal form, preserving natural English text density."},"forbiddenPatterns":["browser/terminal/editor shell framing an invented screenshot","slogan plus exactly three metric cards","feature-card walls that accept any developer-tool copy","decorative gradient glow or particle field as the visual idea","same radius/shadow/blur/spacing scale repeated on every section","desktop columns merely stacked on mobile without recomposition"]},"visualReview":{"schemaVersion":"dodot-automated-design-review-v1","status":"approved","summary":"cmux 页面在桌面与移动端均忠实实现 dir-attention-rail 专属 Brief：签名视觉（开放式垂直轨道 + 单一收拢的关注环）真实存在且无设备外壳，事实全部锚定 material.json 的 README/description 证据，无三卡、无卡片墙、无装饰渐变网格、无假控件；手机媒介查询将垂直轨道旋转为置顶横向分隔条并保持关注环为移动点，形成真实重构而非列堆叠；中英两版章节顺序与轨道/命令 token 等价且各自自然，符合 localeContract。七项检查全部通过，无 blocking 或 warning 问题。","checks":{"projectFit":{"passed":true,"evidence":"hero + 5 个 section 的次序（rail-morphism, attention-loop, scriptability, native-foundation, getting-started）与 brief.sectionSequence 完全一致（return 为 hero）；palette 落实 ink-near-black 画布 / bone-white 文本 / 单一 attention 蓝 / graphite 空闲轨道；typography 用 mono 承担轨道标签与命令 token、proportional sans 承担正文；surfaceModel 以 1px 规则分隔连续平面而非盒装卡片；attention 槽位居轨道并 mid-page 一次 re-echo（.ringmark），与 brief 一致。"},"evidenceBound":{"passed":true,"evidence":"首屏由 projection.description 与 localizations.slogan/oneLine 组成（Ghostty-based / macOS / vertical tabs / notifications for AI coding agents 均见 facts 与 summary.claims）；scriptability 引用 CLI+socket API 创建 workspace/拆分窗格/发送按键/自动化浏览器（summary claim 'Programmable'）；native-foundation 引用 Swift/AppKit 非 Electron、快速启动低内存（claim）；ssh 与 claude-teams 命令与说明引用对应 README claims；getting-started 仅给出 DMG/Homebrew/Ghostty 配置等已证安装选项并声明为选项，未捏造下载链接或指标（各阶段 brokenImageCount/emptyLinkCount=0）。"},"signatureVisual":{"passed":true,"evidence":"CSS 以 .rail 的竖列 .lane 构建开放式垂直轨道，其中唯一 .lane.attention 含 .ring > i 的 @keyframes ring（scale 0.5→2.4 收拢扩散的蓝色环），并在 hero-left 呈现、attention-loop 以 .ringmark 中途再造；无终端/窗口外壳、无 mock 截图，rail 展示在画布上且上下开放，符合'不开设备框、开敞两端'的定义。"},"mobileTransformation":{"passed":true,"evidence":"@media (max-width:760px) 内 .rail 由 flex-direction:column 改为 row 并 position:sticky;top:16px、overflow-x:auto 成为置顶横向分隔 strip，.lane 设 flex:none 横排、.lane.attention 的 margin:0 且保留 ring 移动点，sub 隐藏以压缩；section 连续纵向堆叠。这是轨道从垂直到横向的真实 recomposition 而非桌面列直接堆叠，符合 brief.mobileTransformation。"},"localeParity":{"passed":true,"evidence":"zh-CN 与 en 两版共享同一 brief、同一 section 顺序、同一 .rail 车道（docs/claude-code/codex/gemini/opencode/pane·split）与同一命令 token（workspaces/surfaces/split panes/session restore/ssh/claude-teams，mono 原文保留）；zh 正文依 localeContract 用中英混合 token 保持自然中文密度，en 正文为自然英文；h1 各 1、h2/section 各 5，结构等价。"},"antiTemplate":{"passed":true,"evidence":"无 Hero+三卡套路（native-foundation 的 Swift/AppKit/快速启动/低内存为内联可证事实文本而非 slogan 下指标卡）；无 feature-card 墙（section 以 1px

规则连续平面呈现，轨道车道是签名图形非通用功能卡）；无终端/浏览器/编辑器 mock 壳、无装饰渐变光晕或粒子场作为视觉idea；rail 专用 attention 蓝不与其它装饰共用；无连接散点网络假装关系。未回退任何通用模板。"},"noFakeUi":{"passed":true,"evidence":"页面无可交互假控件：轨道车道为 aria-hidden 的装饰性签名字形，无 button/input/toggle/可点击菜单；.kbd span 与 .tok 为静态 mono 命令 token（无 href 空链接）；getting-started 安装步骤为静态文本列表（无伪造下载按钮）；qa-report 四视口 fakeControlCount 均为 0、consoleErrors 空。"}},"issues":[]},"repairEvidence":[{"attempt":1,"before":{"qaPassed":false,"designReviewApproved":false,"qaEvidence":{"zh-CN":[{"viewport":"desktop","passed":true,"localePassed":true,"metrics":{"language":"zh-CN","h1Count":1,"h2Count":5,"sectionCount":5,"textLength":1109,"cjkCount":408,"latinLetterCount":473,"scrollWidth":1280,"clientWidth":1280,"scrollHeight":2414,"h1Top":153.40625,"bottomInset":151.75,"brokenImageCount":0,"missingAltCount":0,"fakeControlCount":0,"emptyLinkCount":0},"screenshotHashes":{"top":"cb1319928f8b72671203055ffcac24ef68900b14e6061010d44d1b8aae1b44f4","middle":"05b1bfee4c9c6d00667bd57edaf29530929c3e6992d3694422bbab2020b871e1","bottom":"b647504b76e3e40ec65ea01fe9327beb0f80f89acc26b1b48ca7f2f07404357a"},"consoleErrors":[],"networkRequests":[]},{"viewport":"mobile","passed":false,"localePassed":true,"metrics":{"language":"zh-CN","h1Count":1,"h2Count":5,"sectionCount":5,"textLength":1092,"cjkCount":404,"latinLetterCount":465,"scrollWidth":579,"clientWidth":390,"scrollHeight":2492,"h1Top":202.484375,"bottomInset":151.828125,"brokenImageCount":0,"missingAltCount":0,"fakeControlCount":0,"emptyLinkCount":0},"screenshotHashes":{"top":"bc01f03981cd747551ba558989273908a64c979e620f1b66d68e4dfb4c702d6d","middle":"68b3a9b248b082a3561dcb629a469747b17fdfcabac44fb6abe9e98ef20f80a3","bottom":"509b73441f5046dd7b51d24586415c91ed2acc2a8c5f357576b0adcf837b55ec"},"consoleErrors":[],"networkRequests":[]}],"en":[{"viewport":"desktop","passed":true,"localePassed":true,"metrics":{"language":"en","h1Count":1,"h2Count":5,"sectionCount":5,"textLength":2090,"cjkCount":0,"latinLetterCount":1655,"scrollWidth":1280,"clientWidth":1280,"scrollHeight":2520,"h1Top":136.40625,"bottomInset":152.390625,"brokenImageCount":0,"missingAltCount":0,"fakeControlCount":0,"emptyLinkCount":0},"screenshotHashes":{"top":"25d0f0a9b5e55ed149107ce30a0f846676ac812d97f453428e08cb11d854a9c4","middle":"15392bfb92df7f09f010883e83e9b6ab08047a6d631975bd1daa042fda04ced2","bottom":"1fd97865a0da1313cac9a03bd16621b43e918b0c37fe6c37f03ab0d0d6dafbb7"},"consoleErrors":[],"networkRequests":[]},{"viewport":"mobile","passed":false,"localePassed":true,"metrics":{"language":"en","h1Count":1,"h2Count":5,"sectionCount":5,"textLength":2076,"cjkCount":0,"latinLetterCount":1644,"scrollWidth":579,"clientWidth":390,"scrollHeight":2823,"h1Top":202.484375,"bottomInset":151.625,"brokenImageCount":0,"missingAltCount":0,"fakeControlCount":0,"emptyLinkCount":0},"screenshotHashes":{"top":"5ef993cbe4df742998f0b1cad2187bb1ff2a8b7cd0b7e828827f8fce0aea38c2","middle":"8542e3a216193084f91e6413b8385ff184d8f14ac845bdd5225a6bc5f7077275","bottom":"2e7e00cf5079eb9428fbe6f998690904b8b6432fcc1ba141ac90b024a6e2eaf2"},"consoleErrors":[],"networkRequests":[]}]},"visualReview":null},"after":{"qaPassed":true,"designReviewApproved":true,"qaEvidence":{"zh-CN":[{"viewport":"desktop","passed":true,"localePassed":true,"metrics":{"language":"zh-CN","h1Count":1,"h2Count":5,"sectionCount":5,"textLength":1109,"cjkCount":408,"latinLetterCount":473,"scrollWidth":1280,"clientWidth":1280,"scrollHeight":2414,"h1Top":153.40625,"bottomInset":151.75,"brokenImageCount":0,"missingAltCount":0,"fakeControlCount":0,"emptyLinkCount":0},"screenshotHashes":{"top":"cb1319928f8b72671203055ffcac24ef68900b14e6061010d44d1b8aae1b44f4","middle":"05b1bfee4c9c6d00667bd57edaf29530929c3e6992d3694422bbab2020b871e1","bottom":"b647504b76e3e40ec65ea01fe9327beb0f80f89acc26b1b48ca7f2f07404357a"},"consoleErrors":[],"networkRequests":[]},{"viewport":"mobile","passed":true,"localePassed":true,"metrics":{"language":"zh-CN","h1Count":1,"h2Count":5,"sectionCount":5,"textLength":1092,"cjkCount":404,"latinLetterCount":465,"scrollWidth":390,"clientWidth":390,"scrollHeight":2590,"h1Top":202.484375,"bottomInset":152,"brokenImageCount":0,"missingAltCount":0,"fakeControlCount":0,"emptyLinkCount":0},"screenshotHashes":{"top":"acb00e23cf1503a45e1591bdc02ab1b8bd480236e3a6399f79fe30a7f2cd325b","middle":"49fb61429f1da2295ce0946d4b8b0b1492c5a57c4447e371a20f730a766403d2","bottom":"d5296b0db3b0fae5ad9f6d9f31f037fb66dd9ba141f0a07779f973161331b655"},"consoleErrors":[],"networkRequests":[]}],"en":[{"viewport":"desktop","passed":true,"localePassed":true,"metrics":{"language":"en","h1Count":1,"h2Count":5,"sectionCount":5,"textLength":2090,"cjkCount":0,"latinLetterCount":1655,"scrollWidth":1280,"clientWidth":1280,"scrollHeight":2520,"h1Top":136.40625,"bottomInset":152.390625,"brokenImageCount":0,"missingAltCount":0,"fakeControlCount":0,"emptyLinkCount":0},"screenshotHashes":{"top":"25d0f0a9b5e55ed149107ce30a0f846676ac812d97f453428e08cb11d854a9c4","middle":"15392bfb92df7f09f010883e83e9b6ab08047a6d631975bd1daa042fda04ced2","bottom":"1fd97865a0da1313cac9a03bd16621b43e918b0c37fe6c37f03ab0d0d6dafbb7"},"consoleErrors":[],"networkRequests":[]},{"viewport":"mobile","passed":true,"localePassed":true,"metrics":{"language":"en","h1Count":1,"h2Count":5,"sectionCount":5,"textLength":2076,"cjkCount":0,"latinLetterCount":1644,"scrollWidth":390,"clientWidth":390,"scrollHeight":2892,"h1Top":202.484375,"bottomInset":152.1875,"brokenImageCount":0,"missingAltCount":0,"fakeControlCount":0,"emptyLinkCount":0},"screenshotHashes":{"top":"563906ec3d4a33f4470751442500c9af29a816801543d5306f39e4aef23b0dd1","middle":"e9d9924767159b993219350fd2b16619a1075d7342d25898faac845ac811310c","bottom":"a15667ddab9b5e615714d3f2ad6a61f8d0173a6396d177c238ab57abf2d28916"},"consoleErrors":[],"networkRequests":[]}]},"visualReview":{"schemaVersion":"dodot-automated-design-review-v1","status":"approved","summary":"cmux 页面在桌面与移动端均忠实实现 dir-attention-rail 专属 Brief：签名视觉（开放式垂直轨道 + 单一收拢的关注环）真实存在且无设备外壳，事实全部锚定 material.json 的 README/description 证据，无三卡、无卡片墙、无装饰渐变网格、无假控件；手机媒介查询将垂直轨道旋转为置顶横向分隔条并保持关注环为移动点，形成真实重构而非列堆叠；中英两版章节顺序与轨道/命令 token 等价且各自自然，符合 localeContract。七项检查全部通过，无 blocking 或 warning 问题。","checks":{"projectFit":{"passed":true,"evidence":"hero + 5 个 section 的次序（rail-morphism, attention-loop, scriptability, native-foundation, getting-started）与 brief.sectionSequence 完全一致（return 为 hero）；palette 落实 ink-near-black 画布 / bone-white 文本 / 单一 attention 蓝 / graphite 空闲轨道；typography 用 mono 承担轨道标签与命令 token、proportional sans 承担正文；surfaceModel 以 1px 规则分隔连续平面而非盒装卡片；attention 槽位居轨道并 mid-page 一次 re-echo（.ringmark），与 brief 一致。"},"evidenceBound":{"passed":true,"evidence":"首屏由 projection.description 与 localizations.slogan/oneLine 组成（Ghostty-based / macOS / vertical tabs / notifications for AI coding agents 均见 facts 与 summary.claims）；scriptability 引用 CLI+socket API 创建 workspace/拆分窗格/发送按键/自动化浏览器（summary claim 'Programmable'）；native-foundation 引用 Swift/AppKit 非 Electron、快速启动低内存（claim）；ssh 与 claude-teams 命令与说明引用对应 README claims；getting-started 仅给出 DMG/Homebrew/Ghostty 配置等已证安装选项并声明为选项，未捏造下载链接或指标（各阶段 brokenImageCount/emptyLinkCount=0）。"},"signatureVisual":{"passed":true,"evidence":"CSS 以 .rail 的竖列 .lane 构建开放式垂直轨道，其中唯一 .lane.attention 含 .ring > i 的 @keyframes ring（scale 0.5→2.4 收拢扩散的蓝色环），并在 hero-left 呈现、attention-loop 以 .ringmark 中途再造；无终端/窗口外壳、无 mock 截图，rail 展示在画布上且上下开放，符合'不开设备框、开敞两端'的定义。"},"mobileTransformation":{"passed":true,"evidence":"@media (max-width:760px) 内 .rail 由 flex-direction:column 改为 row 并 position:sticky;top:16px、overflow-x:auto 成为置顶横向分隔 strip，.lane 设 flex:none 横排、.lane.attention 的 margin:0 且保留 ring 移动点，sub 隐藏以压缩；section 连续纵向堆叠。这是轨道从垂直到横向的真实 recomposition 而非桌面列直接堆叠，符合 brief.mobileTransformation。"},"localeParity":{"passed":true,"evidence":"zh-CN 与 en 两版共享同一 brief、同一 section 顺序、同一 .rail 车道（docs/claude-code/codex/gemini/opencode/pane·split）与同一命令 token（workspaces/surfaces/split panes/session restore/ssh/claude-teams，mono 原文保留）；zh 正文依 localeContract 用中英混合 token 保持自然中文密度，en 正文为自然英文；h1 各 1、h2/section 各 5，结构等价。"},"antiTemplate":{"passed":true,"evidence":"无 Hero+三卡套路（native-foundation 的 Swift/AppKit/快速启动/低内存为内联可证事实文本而非 slogan 下指标卡）；无 feature-card 墙（section 以 1px

cmux

A Ghostty-based macOS terminal with vertical tabs and notifications for AI coding agents

$\"Download$

English | 日本語 | Tiếng Việt | 简体中文 |

一列垂直轨道，装下并行代理

通知环：谁要你看一眼

可脚本化，一条条命令编排

原生基底，而非 Electron

从安装 开始到编排

A vertical rail to hold the parallel agents

The notification ring: who needs your eye

Scriptable, one command at a time

A native base, not Electron

From install to orchestration

cmux

从安装开始到编排