Diagram
Diagram 是一种由文字自动画出的草图（Sketch）。你写几行 Mermaid 代码，Lino 把它变成一张整洁的图。这是得到一张「改文字就能改图」的流程图最快的方法。
例子： 下面四行
flowchart TD
Light --> Chlorophyll
Chlorophyll --> Glucose
Water --> Glucose
会画出一张自上而下、有四个框和三条箭头的流程图。
新建 Diagram
- 右键画布（Canvas）空白处 → Sketch。
- 双击新草图，选 Diagram（"Structure from Mermaid code"）。
- 在旁边打开的窗口里输入代码，或选一个示例。
也可以直接问 Lino AI：「画一张结账流程的流程图」。Lino AI 新建的 Diagram 会先落进你的 Inbox 堆栈（Inbox Stack），由你来放置。
编辑代码
双击 Diagram，旁边会打开它的代码窗口。停止输入片刻后，图就会更新。代码有错时，预览下方会显示错误信息的第一行（比如 "Syntax error"）。
代码窗口的头部有：
| 按钮 | 作用 |
|---|---|
| Samples / Hide samples | 显示现成的示例。选一个会替换你的代码。 |
| Wrap code / Disable wrap | 长行自动换行。 |
| Copy all text | 复制代码（"Copied"）。 |
编辑时，Diagram 上方的工具条有 Hand-drawn（把所有 Diagram 画成手绘风格；Disable hand-drawn 恢复）和 Right Panel。Hand-drawn 是对你所有 Diagram 生效的一个设置，不只是这一张。
在右侧面板（Right Panel）里，代码放在预览旁边的一张卡里；拖动它的边缘可以加宽，头部的 Reset width 按钮可以恢复。
示例
示例覆盖了 Mermaid 能画的大部分图：Basic Flowchart、Basic Sequence、Class Inheritance、Basic State、ER Schema、Pie Chart、Social Media Timeline、Basic Mindmap、Git Flow、Working Day、Internet Banking System、System Architecture、Energy Flow、Block Layout、Sales Revenue、Product Positioning、Student Grades、Treemap、Venn Diagram、Requirements、Fishbone Diagram、TCP Packet 和 Kanban Board。从最接近的那个开始，改文字即可。
清空 Diagram
在右侧面板里，More sketch actions → Clear code，确认 "Clear this Diagram?" 后清空。
Lino AI 回复里的 Diagram
Lino AI 用图示回答时，图会直接显示在回复里，旁边有 Add diagram to canvas。放到画布上之后，按钮变成 Show in Canvas。