Oregami
Repositories/oxedyne/daimond

oxedyne/daimond/www/guide/zh-Hans/interface.html

33.5 KiB, 51 runs

created by r2519314175:1311, which is this file's identity for as long as the history lasts, whatever it is later renamed to

download · who wrote it · its history

1<!DOCTYPE html>
2<html lang="zh-Hans" data-guide-locale="zh-Hans" data-guide-locales="en de es fr ja ko pt-BR zh-Hans">
3<head>
4<meta charset="UTF-8">
5<meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover">
6<title>界面 — Daimond 使用指南</title>
7<link rel="icon" type="image/svg+xml" href="../../assets/daimond_mark.svg">
8<link rel="stylesheet" href="../../css/variables.css">
9<link rel="stylesheet" href="../../css/guide.css">
10<style>
11/* The region map. On a phone the whole schematic scaled to the column width put
12 its labels at five pixels, which is a diagram that says nothing to the reader
13 who most needs it. It keeps a floor on its width and scrolls sideways inside
14 its own box instead: the page still never scrolls sideways, and the words can
15 still be read. The same treatment the widget map on social.html has, and the
16 floor is set from the same measurement -- 720px puts this map's smallest label
17 at the eleven rendered pixels that one's smallest label already gets, because
18 this map's smallest type is 9 units against that one's 10. */
19.diagram.scrolls { overflow-x: auto; }
20.diagram.scrolls svg { min-width: 720px; }
21</style>
22<script src="../frame.js"></script>
23<script src="search-index.js"></script>
24<script src="../search.js"></script>
25</head>
26<body>
27
28<header class="site-head">
29 <div class="site-head-inner">
30 <a class="brand" href="index.html" aria-label="Daimond 使用指南,首页">
31 <img class="wordmark wm-dark" src="../../assets/daimond_word.svg" alt="Daimond" translate="no">
32 <img class="wordmark wm-light" src="../../assets/daimond_word_dark.svg" alt="Daimond" translate="no">
33 <span class="brand-sub">使用指南</span>
34 </a>
35 <nav class="site-nav" aria-label="指南页面">
36 <a href="index.html">开始使用</a>
37 <a href="interface.html" aria-current="page">界面</a>
38 <a href="models.html">模型与额度</a>
39 <a href="chats-and-diamonds.html">聊天与 Diamonds</a>
40 <a href="../capps.html">Capps</a>
41 <a href="email-web-files.html">邮件、网页与文件</a>
42 <a href="accounts.html">账户</a>
43 <a href="sync.html">跨设备同步</a>
44 <a href="spending.html">支出</a>
45 <a href="../machine-operations.html">在本机运行命令</a>
46 <a href="../social.html">社交</a>
47 </nav>
48 </div>
49</header>
50
51<main>
52 <h1>界面</h1>
53 <p class="lede">把屏幕走一遍:三个区域,以及每一部分做什么。知道了这三个区域,Daimond 里的每样东西就都有了位置。</p>
54
55 <figure class="diagram scrolls">
56 <svg class="regionmap" viewBox="0 0 760 470" role="img" aria-labelledby="rm-title rm-desc" preserveAspectRatio="xMidYMid meet">
57 <title id="rm-title">Daimond 窗口的各个区域</title>
58 <desc id="rm-desc">A schematic of the window. Across the top is the top bar. Below it, three zones side by side: the rail on the left (what you work on above a divider, the admin panel below it), the stage in the centre, holding the conversation and, beside it, from one to three more panels according to how wide the stage is, and the dock on the right (Email, Workspace and Agents).</desc>
59 <style>
60 .regionmap text { font-family: var(--font); }
61 .rm-win { fill: var(--bg-primary); stroke: var(--border-2); stroke-width: 1; }
62 .rm-bar { fill: var(--bg-tertiary); stroke: var(--border); stroke-width: 1; }
63 .rm-pan { fill: var(--bg-secondary); stroke: var(--border); stroke-width: 1; }
64 .rm-cell { fill: var(--bg-tertiary); stroke: var(--border); stroke-width: 1; }
65 .rm-name { fill: var(--accent); font-weight: 700; }
66 .rm-title{ fill: var(--text-secondary); font-weight: 600; }
67 .rm-sub { fill: var(--text-muted); }
68 .rm-fill { fill: var(--accent); }
69 .rm-soft { fill: var(--accent-soft); stroke: var(--accent); stroke-width: 1; }
70 .rm-rule { stroke: var(--accent); stroke-width: 2; }
71 .rm-div { stroke: var(--border-2); stroke-width: 1.5; }
72 .rm-divf { fill: var(--border-2); }
73 .rm-skel { fill: var(--text-muted); opacity: .30; }
74 </style>
75
76 <!-- window + top bar -->
77 <rect class="rm-win" x="10" y="10" width="740" height="450" rx="16"/>
78 <path class="rm-bar" d="M10,26 a16,16 0 0 1 16,-16 h708 a16,16 0 0 1 16,16 v30 h-740 z"/>
79 <!-- top-bar furniture: brand, name pill, panel chips, appearance menu -->
80 <rect class="rm-fill" x="30" y="27" width="12" height="12" rx="2" transform="rotate(45 36 33)"/>
81 <rect class="rm-skel" x="52" y="29" width="46" height="7" rx="3.5"/>
82 <rect class="rm-soft" x="118" y="22" width="98" height="22" rx="11"/>
83 <text class="rm-name" x="167" y="37" text-anchor="middle" font-size="12">顶栏</text>
84 <rect class="rm-cell" x="430" y="25" width="40" height="16" rx="8"/>
85 <rect class="rm-cell" x="478" y="25" width="34" height="16" rx="8"/>
86 <circle cx="716" cy="33" r="9" fill="none" stroke="var(--border-2)"/>
87 <path class="rm-fill" d="M716,24 a9,9 0 0 1 0,18 z" opacity=".5"/>
88
89 <!-- ── rail ───────────────────────────────────────────── -->
90 <rect class="rm-pan" x="22" y="66" width="196" height="382" rx="10"/>
91 <text class="rm-name" x="36" y="93" font-size="15">侧栏</text>
92 <text class="rm-sub" x="112" y="93" font-size="11">左</text>
93 <line class="rm-rule" x1="36" y1="100" x2="70" y2="100"/>
94 <text class="rm-title" x="36" y="120" font-size="10.5">你正在做的东西</text>
95 <!-- Diamonds -->
96 <text class="rm-sub" x="36" y="137" font-size="9" letter-spacing="1">DIAMONDS</text>
97 <text class="rm-sub" x="204" y="137" text-anchor="end" font-size="12">+</text>
98 <rect class="rm-cell" x="36" y="142" width="170" height="26" rx="6"/>
99 <rect class="rm-skel" x="44" y="149" width="70" height="6" rx="3"/>
100 <rect class="rm-soft" x="150" y="148" width="20" height="9" rx="4.5"/>
101 <rect class="rm-soft" x="174" y="148" width="28" height="9" rx="4.5"/>
102 <rect class="rm-cell" x="36" y="172" width="170" height="26" rx="6"/>
103 <rect class="rm-skel" x="44" y="179" width="58" height="6" rx="3"/>
104 <rect class="rm-soft" x="150" y="178" width="24" height="9" rx="4.5"/>
105 <!-- Chats -->
106 <text class="rm-sub" x="36" y="219" font-size="9" letter-spacing="1">聊天</text>
107 <rect class="rm-cell" x="36" y="224" width="170" height="18" rx="6"/>
108 <rect class="rm-skel" x="44" y="230" width="96" height="6" rx="3"/>
109 <!-- divider between the two halves of the rail -->
110 <line class="rm-div" x1="30" y1="258" x2="198" y2="258"/>
111 <rect class="rm-divf" x="106" y="255.5" width="16" height="5" rx="2.5"/>
112 <text class="rm-sub" x="36" y="274" font-size="9.5">分隔线 —— 拖动它</text>
113 <!-- Admin panel -->
114 <text class="rm-title" x="36" y="294" font-size="10.5">管理面板</text>
115 <g>
116 <rect class="rm-cell" x="36" y="300" width="170" height="15" rx="4"/>
117 <circle class="rm-fill" cx="46" cy="307.5" r="3" opacity=".55"/>
118 <rect class="rm-skel" x="56" y="304.5" width="66" height="6" rx="3"/>
119 <rect class="rm-skel" x="176" y="304.5" width="26" height="6" rx="3"/>
120 <rect class="rm-cell" x="36" y="320" width="170" height="15" rx="4"/>
121 <circle class="rm-fill" cx="46" cy="327.5" r="3" opacity=".55"/>
122 <rect class="rm-skel" x="56" y="324.5" width="54" height="6" rx="3"/>
123 <rect class="rm-skel" x="176" y="324.5" width="26" height="6" rx="3"/>
124 <rect class="rm-cell" x="36" y="340" width="170" height="15" rx="4"/>
125 <circle class="rm-fill" cx="46" cy="347.5" r="3" opacity=".55"/>
126 <rect class="rm-skel" x="56" y="344.5" width="72" height="6" rx="3"/>
127 <rect class="rm-skel" x="176" y="344.5" width="26" height="6" rx="3"/>
128 <rect class="rm-cell" x="36" y="360" width="170" height="15" rx="4"/>
129 <circle class="rm-fill" cx="46" cy="367.5" r="3" opacity=".55"/>
130 <rect class="rm-skel" x="56" y="364.5" width="60" height="6" rx="3"/>
131 <rect class="rm-skel" x="176" y="364.5" width="26" height="6" rx="3"/>
132 </g>
133
134 <!-- ── stage ──────────────────────────────────────────── -->
135 <rect class="rm-pan" x="228" y="66" width="300" height="382" rx="10"/>
136 <text class="rm-name" x="244" y="93" font-size="15">舞台</text>
137 <text class="rm-sub" x="330" y="93" font-size="11">中</text>
138 <line class="rm-rule" x1="244" y1="100" x2="290" y2="100"/>
139 <text class="rm-title" x="244" y="119" font-size="10.5">聊天 —— 你的对话</text>
140 <text class="rm-sub" x="244" y="133" font-size="9.5">two to four seats, by width</text>
141 <rect class="rm-cell" x="244" y="146" width="196" height="30" rx="8"/>
142 <rect class="rm-skel" x="254" y="153" width="176" height="6" rx="3"/>
143 <rect class="rm-skel" x="254" y="164" width="120" height="6" rx="3"/>
144 <rect class="rm-soft" x="344" y="184" width="168" height="26" rx="8"/>
145 <rect class="rm-skel" x="354" y="194" width="148" height="6" rx="3"/>
146 <rect class="rm-cell" x="244" y="218" width="212" height="30" rx="8"/>
147 <rect class="rm-skel" x="254" y="225" width="192" height="6" rx="3"/>
148 <rect class="rm-skel" x="254" y="236" width="150" height="6" rx="3"/>
149 <!-- composer -->
150 <rect class="rm-cell" x="244" y="410" width="268" height="28" rx="8"/>
151 <rect class="rm-skel" x="256" y="421" width="150" height="6" rx="3"/>
152 <circle class="rm-fill" cx="498" cy="424" r="9"/>
153
154 <!-- ── dock ───────────────────────────────────────────── -->
155 <rect class="rm-pan" x="538" y="66" width="200" height="382" rx="10"/>
156 <text class="rm-name" x="552" y="93" font-size="15">停靠区</text>
157 <text class="rm-sub" x="642" y="93" font-size="11">右</text>
158 <line class="rm-rule" x1="552" y1="100" x2="596" y2="100"/>
159 <!-- Email -->
160 <rect class="rm-cell" x="552" y="112" width="172" height="90" rx="8"/>
161 <text class="rm-title" x="564" y="131" font-size="11">邮件</text>
162 <rect class="rm-skel" x="564" y="142" width="148" height="6" rx="3"/>
163 <rect class="rm-skel" x="564" y="156" width="120" height="6" rx="3"/>
164 <rect class="rm-skel" x="564" y="170" width="134" height="6" rx="3"/>
165 <rect class="rm-skel" x="564" y="184" width="96" height="6" rx="3"/>
166 <!-- Workspace -->
167 <rect class="rm-cell" x="552" y="210" width="172" height="90" rx="8"/>
168 <text class="rm-title" x="564" y="229" font-size="11">工作区</text>
169 <rect class="rm-skel" x="564" y="240" width="110" height="6" rx="3"/>
170 <rect class="rm-skel" x="576" y="254" width="120" height="6" rx="3"/>
171 <rect class="rm-skel" x="576" y="268" width="98" height="6" rx="3"/>
172 <rect class="rm-skel" x="564" y="282" width="88" height="6" rx="3"/>
173 <!-- Agents, with a mini tile that shows the chips -->
174 <rect class="rm-cell" x="552" y="308" width="172" height="132" rx="8"/>
175 <text class="rm-title" x="564" y="327" font-size="11">智能体</text>
176 <rect class="rm-pan" x="562" y="336" width="152" height="96" rx="6"/>
177 <rect class="rm-skel" x="570" y="346" width="66" height="7" rx="3.5"/>
178 <circle class="rm-fill" cx="704" cy="350" r="4"/>
179 <rect class="rm-soft" x="570" y="362" width="50" height="12" rx="6"/>
180 <text class="rm-name" x="577" y="371" font-size="8">↳</text>
181 <rect class="rm-cell" x="626" y="362" width="26" height="12" rx="6"/>
182 <rect class="rm-cell" x="658" y="362" width="36" height="12" rx="6"/>
183 <rect class="rm-skel" x="570" y="384" width="128" height="6" rx="3"/>
184 <rect class="rm-skel" x="570" y="396" width="96" height="6" rx="3"/>
185 <rect class="rm-cell" x="570" y="410" width="52" height="13" rx="6"/>
186 <rect class="rm-cell" x="628" y="410" width="40" height="13" rx="6"/>
187 </svg>
188 <figcaption>各个区域的名字。 <strong>顶栏</strong> 横在最上面;它下面是三个区域: <strong>侧栏</strong> (左)—— 分隔线上方是你正在做的东西,下方是管理面板; <strong>舞台</strong> (centre) for the conversation and whatever you have opened beside it, two seats on a laptop and up to four on a wide screen; and the <strong>停靠区</strong> (右)装着邮件、工作区和智能体。</figcaption>
189 </figure>
190
191 <h2 id="s1">侧栏 —— 左</h2>
192 <p>侧栏被一条分隔线分开,这条线你可以拖,但去不掉。分隔线上方是你正在做的东西,下方是管理面板。</p>
193
194 <p> <span class="ui">全部</span> 行压在所有东西上面,一按就按住每一个 Diamond、每一场聊天、每一个工人、每一个邮箱和每一次网页抓取。它的指示灯是应用里其他所有指示灯的根:凡是可能花钱的东西都在跑时是绿的,一个都没在跑时是红的,中间状态是琥珀色。侧栏自己的收合按钮也在这一行上,只有它代表整条侧栏。</p>
195
196 <div class="cards">
197 <div class="card">
198 <h3 id="s2">Diamonds</h3>
199 <p>你保留下来的那些追求。一个 Diamond 装着某场聊天教给你的、关于某件工作的东西,于是这件工作的下一段就从你已经知道的地方开始。新建一个,按 <strong>+</strong> 紧挨着 <strong>Diamonds</strong> 的那个;旁边的按钮把它们画成一张 <strong>图谱</strong>。它们越积越多时,给它们打上标签, <span class="ui">按标签筛选</span> 行就能把列表收窄。</p>
200 </div>
201 <div class="card">
202 <h3 id="s3">聊天</h3>
203 <p>你的对话,最新的在前。新开一场,按 <strong>+</strong> 紧挨着 <strong>聊天</strong>;点任何一场聊天,就把它带回中间。 <span class="ui">⋯</span> 在 <strong>+</strong> 旁边,里面装着 <span class="ui">删除全部聊天</span>,它管的是全部聊天而不是某一场,所以不放在单场聊天的卡片上。</p>
204 </div>
205 </div>
206 <p>两个列表之间还有第二条分隔线。Diamonds 会越积越多,没有这条线,长长的一列会把聊天卡片挤出下沿;拖动它,把地方让给其中一边,双击它则对半分。两边都不会被完全压没,这个比例和你其余的布局一样,按设备记住。</p>
207
208 <p>Diamonds 在聊天上面,这就是地层本来的样子:你在下面的对话里开采,采上来的东西在它上面切割、打磨。聊天是原矿,Diamond 是加工过的;这个顺序不用一个字的解释,就说明了工作往哪个方向走。 <strong>聊天</strong> 这个词没有动,也是同一个道理。Diamond 是一种新东西,配得上一个新名字;对话是平常的东西,就保留它平常的说法。</p>
209
210 <p>两者的完整说明,见 <a href="chats-and-diamonds.html">聊天与 Diamonds</a>.</p>
211
212 <h3 id="s4">管理面板</h3>
213 <p>分隔线下面,管理面板是这台机器状态的一览。设置放在这里而不是弹窗里,所以旁边的聊天一直活着:那个问你要应用专用密码的框还在屏幕上时,你就能问 Daimond 那是什么。每一行只要能动手,就是一个按钮,打开它所指的东西:</p>
214 <ul>
215 <li>一个 <strong>身份行</strong> (你在这台设备上是谁)旁边有一个设置齿轮。</li>
216 <li><span class="ui">模型</span>,数出你连接了几家提供商,并打开模型表单。</li>
217 <li><span class="ui">额度</span>,显示你的余额,并打开额度视图。</li>
218 <li><span class="ui">工具 · N/M</span>,有多少工具可用,并打开工具面板。</li>
219 <li><span class="ui">版本</span>,点出你正在跑的是哪一个发布、你在它上面待了多久,并打开下面讲的发布历史。</li>
220 <li><strong>工作区存储</strong>,你的文件在工作区可以待的每个地方各占了多少空间。</li>
221 </ul>
222
223 <h3 id="s5">你跑的是哪个版本</h3>
224 <p> <span class="ui">版本</span> 行读起来是一个名字加一段时长(<span class="ui">版本 · Albany · 今天</span>),不是一个构建号。发布按字母顺序以西澳大利亚的地名命名,所以不用查什么就看得出先后。一个名字标记的是一个 <strong>里程碑</strong>:Daimond 一天要发好几个构建,每个都起名字只会变成噪音。把鼠标停在这一行上,会给出构建 id 和它发布的日期。</p>
225 <p>点这一行,会在管理面板里打开 <strong>发布历史</strong>,它从上往下读:</p>
226 <ul>
227 <li><strong>计划中的东西</strong>,排在最前,用虚线框着。</li>
228 <li><strong>你正在跑的那个构建</strong>,标着 <span class="ui">你在这里</span>.</li>
229 <li><strong>更早的每一个构建</strong>,最新的在前,每一个都带着日期、一行说明它改了什么、它的构建 id,以及它在封存记录里的位置。</li>
230 </ul>
231 <p>这不是搁在应用旁边的另一份更新日志。它就是 Daimond 自己的送达核对所读的那份已发布记录:送出过的每一个构建,按顺序排在一条链上,改动它就会断。那些一行的说明是在不惊动这条链的前提下加上去的,所以你读到的是加了注的历史,而不是对它的复述。</p>
232 <div class="note"><strong>计划中的那一条看上去不一样,因为它本来就不一样。</strong> 它没有构建 id,也没有封存编号,并且用文字说明它还没被构建,也没有承诺日期。它下面的每一条都已封存、都可核对;一句意向声明两样都不是,也不该借用记录的权威。</div>
233 <p>回到旧构建的路是没有的。钉住一个旧构建,会撞上网关自己那条“不跟太旧的客户端说话”的规矩;它可能带着一个已经修好的安全缺陷,而这个应用装着你的提供商密钥、你的身份和你的通行密钥;它碰上更新的本地数据,还有读错的风险。不喜欢某个改动,要在那个改动本身上回应,办法是把改了什么讲清楚 —— 这些说明就是干这个用的。</p>
234
235 <h3 id="s6">更新是怎么来的</h3>
236 <p>Daimond 会自己更新。没有什么要下载:正在跑的标签页发现有个更新的构建,就重载到它上面,而重载不会丢任何东西,因为每次启动都会从耐久日志里把你的工作恢复出来。</p>
237 <p>唯一的问题是 <em>什么时候</em>。一次寻常的更新会等一个安静的时机 —— 标签页在后台,或者十来分钟没动过 —— 绝不会盖在正在跑的一轮或一条打了一半的消息上重载。顶栏按钮旁边的那个小标会告诉你什么时候有一个准备好了;点它就当场把更新拿下来。</p>
238 <p>有些更新等不了。当某个改动意味着一个过时的标签页没法再跟服务器一起工作时,服务器就会拒掉它,标签页自己重载到当前版本。就算这样,它也不会切断正在跑的一轮,而是在你最后一次敲键之后稍等一下,而不是在一句话中间重载。没有办法拒绝一个版本:你要留住的那个应用,是同一批人做的同一个应用,而浏览器没法拿昨天的构建去对着今天的服务器跑。</p>
239
240 <h2 id="s7">舞台 —— 中</h2>
241 <p>The stage is the middle zone. Its occupants sit side by side and never dock at the right, so you never leave the conversation to do a thing: read the message, watch the page, read the document beside the pages it was typeset into, with the daimon still there to be asked about any of it.</p>
242
243 <p>How many seats there are is decided by <strong>how wide the stage is</strong>, not by a fixed number: two at the narrowest, four at the widest, and one more for roughly every 380 pixels, which is where a line of prose still holds about 45 characters. Four of them want around 1550 pixels of stage, so they are for a large monitor; a laptop usually gets two or three. Two is the floor whatever the width, because the whole point of the stage is that whatever you are attending to opens <em>紧挨着</em> the conversation rather than over it.</p>
244
245 <p>Narrow the window and the rightmost seat closes, the one you opened most recently first. The conversation is never the one to go. Widening again does not bring the panel back: a panel that reappeared because a window grew would be one you never asked for, with no way to tell it not to, and getting it back is one click on its chip. Ask for a panel when every seat is taken and the guest that has been on the stage longest leaves instead, because you have just said which one you want.</p>
246
247 <div class="cards">
248 <div class="card">
249 <h3 id="s8">AI —— 聊天</h3>
250 <p>你和 daimon 说话的地方。它是默认的占位者,只要舞台本来会空着,它就回来。你的消息、回答,以及任何工具步骤,都出现在这里。</p>
251 </div>
252 <div class="card">
253 <h3 id="s9">网页</h3>
254 <p>一个网页,可以显示,也可以操作。从头部打开,或者 Daimond 跟着一个链接时打开。</p>
255 </div>
256 <div class="card">
257 <h3 id="s10">文档</h3>
258 <p>A file as its characters, given room to read it and to edit it. Its header carries the paperclip that attaches what you are reading to what you are working on.</p>
259 </div>
260 <div class="card">
261 <h3 id="s11">Preview</h3>
262 <p>What a file looks like, as against what it says: a compiled PDF, a picture, or the typeset pages of a document as you write it. It is a panel of its own so that a source and its pages can be on screen at once, which is why the stage grew past two seats.</p>
263 </div>
264 <div class="card">
265 <h3 id="s12">消息</h3>
266 <p>单独一封邮件,从邮件面板打开,在聊天旁边读。</p>
267 </div>
268 <div class="card">
269 <h3 id="s13">工具</h3>
270 <p>Daimond 能做什么,其余的要花多少钱。从 <span class="ui">工具</span> 行打开。</p>
271 </div>
272 <div class="card">
273 <h3 id="s14">撰写</h3>
274 <p>写一封邮件。这里什么都不会自己发出去:只有 <span class="ui">发送</span> 按钮才把邮件送上线路,而且只有你能按它。</p>
275 </div>
276 <div class="card">
277 <h3 id="s15">图谱</h3>
278 <p>你的 Diamonds,以及它们之间的连线,画出来。从 Diamonds 标题栏上的图谱按钮打开,在那里也可以重新排布,或者画一条新的连线。</p>
279 </div>
280 <div class="card">
281 <h3 id="s16">终端</h3>
282 <p>你自己机器上的一个真正的终端,就在命令运行的那个隔间里。见 <a href="../machine-operations.html">在本机运行命令</a>.</p>
283 </div>
284 </div>
285
286 <p>舞台上的每位客人都有一个带关闭按钮的头部。关掉的面板不会消失:它的标签留在顶栏里,不填色,点这个标签它就回来。</p>
287
288 <h2 id="s17">停靠区 —— 右</h2>
289 <p>停靠区装着你要取用的来源。关掉一个,它的标签留在顶栏里;点那个标签,它又停回来。停靠区怎么分格,以及因此一次能装几个面板,由你在外观菜单里的 <strong>停靠区分格</strong> 里设定,下面会讲。</p>
290
291 <div class="cards">
292 <div class="card">
293 <h3 id="s18">邮件</h3>
294 <p>你的邮箱和邮箱里的东西。添加邮箱、同步,把一封邮件打开到舞台上。</p>
295 </div>
296 <div class="card">
297 <h3 id="s19">工作区</h3>
298 <p>你的文件,一棵普通的树。智能体的文件工具就在这里读和写。</p>
299 </div>
300 <div class="card">
301 <h3 id="s20">智能体</h3>
302 <p>正在跑的智能体,实时呈现,并数出有多少个在干活。</p>
303 </div>
304 <div class="card">
305 <h3 id="s21">支出</h3>
306 <p>你花了多少,花在什么上。完整的说明见 <a href="spending.html">支出</a>.</p>
307 </div>
308 <div class="card">
309 <h3 id="s22">待办</h3>
310 <p>daimon 提出的、正等着你答复的事。每一行都可以按优先级或按时长排序,答复可以是 <span class="ui">去做</span>, <span class="ui">先讨论</span> 或 <span class="ui">放弃</span>.</p>
311 </div>
312 <div class="card">
313 <h3 id="s23">回收站</h3>
314 <p>删掉的聊天和 Diamonds,保留三十天,在你的任何一台设备上都能还原。见 <a href="chats-and-diamonds.html">聊天与 Diamonds</a>.</p>
315 </div>
316 </div>
317
318 <h2 id="s24">顶栏</h2>
319 <p>最上面一排是文字标、一行 <strong>面板标签</strong>,最右边是一个按钮,用来 <strong>关联另一台设备</strong>,一个 <strong>关于</strong> 对话框,这份 <strong>指南</strong>,以及 <strong>外观与布局</strong> 菜单。有新构建发布时,旁边会出现一个标签。</p>
320
321 <h3 id="s25">那一行标签</h3>
322 <p>每个面板都有一个标签,开着关着都有;点一个,就切换那个面板。开着的面板,它的标签是填色的,所以这一行读起来就是屏幕上有什么的一张地图。要是只有关着的面板才有标签,应用最空的时候这一行反而最长,而且每用一次,每个标签都要横着挪一格;位置不动的标签,你才记得住它在哪。(智能体是 <em>每一个</em>的例外:在第一个智能体跑起来之前,它一直不来碍事。)</p>
323 <p>这些标签按区域分组 —— 先侧栏,再舞台,然后停靠区 —— 组与组之间有一条细分隔线,顺序和这几个区域在屏幕上的顺序一样。于是一个标签待的那一侧,就是它打开的面板将要出现的那一侧。有两种记号是有含义的:</p>
324 <ul>
325 <li>一个关着的舞台标签,如果它的面板会 <strong>displace a guest already on the stage</strong> is drawn with a dashed outline. It appears only when every seat is taken, which depends on the width, so the same chip is plain on a wide screen and dashed on a narrow one. The chat keeps its seat and the guest that has been there longest leaves. It warns without refusing, and it is an outline and not an added mark so the chip keeps its width and its neighbours stay put.</li>
326 <li>一个关着的停靠区标签, <strong>停靠区满了的时候会变灰</strong>。它的提示指向解法:在外观菜单里选一个更大的分格,或者关掉一个停靠区面板。</li>
327 </ul>
328
329 <h3 id="s26">固定的面板,以及面板总览</h3>
330 <p>哪些标签待在顶栏,由你决定。任何面板都可以 <strong>固定</strong> 或者取消固定;没固定的那些住在这一行末尾的一个 <span class="ui">⋯</span> 标签后面,并带一个数字,说明后面藏了几个。点它,就打开 <strong>面板总览</strong>:所有的面板都在里面,可以按名字搜索,按区域分组,每一行都带一个固定控制项,并说明那个面板是否开着。点一行,就像点标签一样打开或关掉那个面板。</p>
331 <p>这一行之所以可以不完整,只因为面板总览是完整的。也没有什么按你用得多不多来排序:一行会自己重排的标签,会毁掉固定位置本来要建立的肌肉记忆。</p>
332
333 <h3 id="s27">命令面板</h3>
334 <p><kbd>Ctrl</kbd> <kbd>K</kbd>, <kbd>Cmd</kbd> <kbd>K</kbd> (在 Mac 上)—— 打开一个搜索框,打字就能到达任何面板或任何设置。方向键在结果里移动, <span class="ui">Enter</span> 运行高亮的那一个, <span class="ui">Esc</span> 关闭它。里面列出面板、配色、四档字号、停靠区分格、语言、货币,以及权限模式。要去一个你看得见其标签的面板,这从来不是最快的路;但无论有多少面板,这条路都是齐全的。</p>
335
336 <h3 id="s28">用键盘,用耳朵</h3>
337 <p>不用鼠标也能操作 Daimond。 <span class="ui">Tab</span> 按控制项画出来的顺序在它们之间移动, <span class="ui">Enter</span> 或 <span class="ui">Space</span> 操作你当前所在的那一个, <span class="ui">Esc</span> 关掉当前打开的东西。每一个对话框、菜单和浮层,角上都还有一个叉:同一个控制项,同一种做法,尺寸按手机上的拇指来定。</p>
338 <p>你在哪里,是画在控制项 <em>外面</em> 的,是一个离开它边缘一点的圆环。像从前那样把它画成控制项自身边框的变化,这个环只有在静止边框几乎看不见时才读得出来 —— 于是把边框做得可见,就会一次性拿掉所有配色下的焦点环。而衬在它背后的表面上,这个环在整个范围里都站得住:十一种配色全测过,最弱的那个环仍有标准所要求对比度的四倍半。</p>
339 <p>有两处尤其如此:</p>
340 <ul>
341 <li><strong>邮件完全可以用键盘操作。</strong> 邮箱、文件夹、草稿和邮件都是你能走到、能按下的控制项,不是只认鼠标点击的行。你所在的邮箱和你正在读的文件夹会被标为当前项,于是屏幕阅读器说的是你在哪里,而不只是那里有什么。</li>
342 <li><strong>对话框把焦点关在自己里面</strong> ,只要它开着;关掉时,焦点交还给打开它的那个东西。用 Tab 不会溜到盖住屏幕的窗口后面去,关掉一个也不会把你甩回页面顶端。</li>
343 </ul>
344 <p>用屏幕阅读器时,一条回答只在 <strong>到齐的那一刻播报一次</strong> (“Daimond 回答了,120 个词”)而不是一边写一边播。实时区域每变一次就念一次,所以一条流式的回答,只要模型还在打字,就会被一片一片地念给你听。人们会把它关掉,而一个播报被关掉的应用,看着像能用,其实不能。一轮一句话是少了,但它能用。</p>
345 <p>整个窗口都有命名的区域和真正的标题,所以屏幕阅读器自己的地标列表,就是这个应用一份能用的目录。任何你走不到、听不到的地方都是缺陷,不是限制;请说出来。</p>
346
347 <h3 id="s29">外观与布局</h3>
348 <p>右上角那个按钮打开一个菜单,里面装着关于 Daimond 长什么样、怎么摆的选择 —— 而不是它做什么:</p>
349 <ul>
350 <li><strong>视图</strong>: <span class="ui">简洁</span> 或 <span class="ui">全量</span>。简洁只给出每样东西的名字和它是不是在跑,其余的都在一按之外;全量把模型、花费和上下文摆在旁边,于是两个东西不用打开就能比。它同时定下界面的形状,因为最高密度配上疏朗的形状,是没人想要的组合。某张卡片自己的齿轮,仍然可以为那张卡片覆盖它。</li>
351 <li><strong>主题</strong>,十一种配色,分成三组: <span class="ui">浅色</span>, <span class="ui">中间色</span> 和 <span class="ui">深色</span>。分组是用来找的,组里选哪个是口味问题,只有 <span class="ui">琥珀</span>例外:它把蓝光从所画的一切里剔了出去,为的是深夜阅读。这份指南在 Daimond 里显示时,会跟着应用当前的配色。</li>
352 <li><strong>字号</strong>:四档: <span class="ui">小</span>, <span class="ui">标准</span>, <span class="ui">大</span> 和 <span class="ui">更大</span>。只有字体会跟着变:框架、留白和面板宽度都停在原处,因为这是一个用来读的控制项,不是缩放。想要更大的界面,用浏览器自己的缩放。菜单里的样例就按正在选的那一档排版,所以这个控制项是把变化显示出来,而不是说出来。</li>
353 <li><strong>停靠区分格</strong>: <span class="ui">自动</span>, <span class="ui">1</span> 列, <span class="ui">2×2</span>, <span class="ui">2×3</span> 或 <span class="ui">3×2</span>,每一个都按它所选的网格画出来。分格还决定了 <em>停靠区能装下几个面板</em>,也就是列数乘行数:单列四个,2×2 四个,2×3 或 3×2 都是六个。 <span class="ui">自动</span> 让窗口自己决定,放得下第二列时就加上。换到更小的网格,放不下的那些面板会被关掉,最近打开的先关,每一个都变回一个你看得见、点得到的标签。</li>
354 <li><strong>语言</strong> 和 <strong>货币</strong>:Daimond 说什么话,数字用什么币显示。还没有译文表的语言仍显示英文;不论数字以什么货币显示,结算一律用美元。</li>
355 </ul>
356
357 <h3 id="s30">把一套布置留给某个 Diamond</h3>
358 <p>选中一个 Diamond 时,外观菜单会提出把当前的面板布置留给它,也可以更新或忘掉已经保存的那一套。再打开那个 Diamond,布置就回来,于是回到一件工作,不必再动手把面板一个个摆好。它只在你开口时才保存,从不推测,也从不在后台进行 —— 因为一次悄悄关掉面板的切换,读起来就像工作丢了。</p>
359
360 <h2 id="s31">在窄屏幕上</h2>
361 <p>低于手机宽度时,芯片行与面板库让位给手机外壳,用更少的空间回答同一个问题:对话是地板,面板作为可拖动的浮层从其上升起,导轨变成左上角按钮打开的抽屉。底部那一行就是同一条芯片行,只是横向滚动。每个面板在其中都有一枚芯片,顺序与大屏上各区的排列一致;被填充的那一枚是你正在看的东西,而不是所有已打开的面板,因为手机上一次只看得见一样;芯片会带你过去而不是来回切换,因为它要关掉的将是整块屏幕。管理面板在抽屉的下方。什么都没有丢失;还是同样的面板,只是一次显示一个。</p>
362 <p>装到主屏幕上之后,Daimond 在自己的窗口里运行,没有浏览器的边框零件,并且自动避开刘海和主屏指示条。它还是同一个页面、同一份存下来的工作,所以不需要把任何东西搬进去。</p>
363
364 <div class="next">
365 <a href="index.html">&larr; 开始使用</a>
366 <a href="models.html">下一页:模型与额度 &rarr;</a>
367 </div>
368</main>
369
370<footer class="site-foot">
371 <span>Daimond 在你的浏览器里运行。这里的东西不会发给我们。</span>
372 <nav aria-label="指南页面">
373 <a href="index.html">开始使用</a>
374 <a href="interface.html">界面</a>
375 <a href="models.html">模型</a>
376 <a href="chats-and-diamonds.html">聊天与 Diamonds</a>
377 <a href="../capps.html">Capps</a>
378 <a href="email-web-files.html">邮件、网页与文件</a>
379 <a href="accounts.html">账户</a>
380 <a href="sync.html">跨设备同步</a>
381 <a href="spending.html">支出</a>
382 <a href="../machine-operations.html">在本机运行命令</a>
383 <a href="../social.html">社交</a>
384 </nav>
385</footer>
386</body>
387</html>