Artifacts

当智能体产生的不只是纯文本时，LinkCode 会将其渲染为 artifact。这有两种层级，背后由同一套底层系统支撑：有些内容直接渲染在聊天信息流里，有些则渲染为一张在面板中打开的卡片。

内联 artifact

三类内容会内联渲染，就在对话中，随智能体书写而呈现：

• Mermaid 图表 — 实时渲染为图表，而非代码。点击图表中的某个元素（一个节点、一个边标签）会把对它的引用插入 composer，这样你无需重新输入就能就那个具体部分向智能体提问。
• SVG — 经净化后内联渲染，具有与图表相同的点击引用行为。
• 自包含 HTML — 先显示为代码，直到你选择运行它，然后在一个沙箱化框架中渲染（允许脚本，但无法访问它所嵌入的页面），托管在其自己的本地 artifact--<hash>.localhost 地址上。一个 Open in panel 按钮会把它提升进 Browser 面板，这样你就能在界面其余部分旁边使用它。

如果内联 artifact 渲染失败（Mermaid 语法无效、SVG 格式错误），LinkCode 会回退到将其显示为一个纯代码块。

一段 Mermaid 图表内联渲染在对话中，其中一个节点被选中并在下方的 composer 中被引用

Screenshot coming soon

/images/docs/interface-artifacts-inline.png

文件 artifact

当一次工具调用产生一个文件 —— 写入、编辑或移动 —— LinkCode 会在对话中该调用下方将其显示为一张小卡片。点击卡片会在 Files 面板中打开该文件。Markdown、PDF 和图片文件会在那里渲染为其真实预览；纯文本按原样渲染；其他格式会显示「unsupported（不支持）」提示，而不是原始字节。