目录:ACP 协议API 网关与控制器附件启动与插件管理客户端运行时客户端 UI 包上下文压缩上下文注入核心运行时凭据与授权交付物文档处理实验特性宿主扩展反馈通道文件系统目标与计划工具守卫Hooks 扩展宿主服务交互命令作业调度LLM 适配LSP 集成MCP 协议规划模式Agent 预设代码执行运行时运行时诊断沙箱定时调度SDK 与协议会话核心会话检索设置Shell 执行技能溢出存储SSH 远程执行存储子代理子进程终端待办类型契约框架 vendorWeb 访问Webhook工作流工作区
依赖链 · 上游（该插件依赖的前驱）：
dsh-client-ui-chatdsh-client-ui-conversationdsh-client-ui-primitivesdsh-client-ui-rendererdsh-client-ui-tooldsh-client-ui-trajectory
依赖链 · 下游（依赖该插件的节点）：
无下游（叶子/被消费端）
同一拓扑层（Layer 17，层次遍历层序）：
插件信息
| 包名 | @deepseek-ai/dsh-client-ui-attachment |
|---|---|
| 分组 | G06 · 客户端 UI 包 |
| 拓扑层 | Layer 17（层次遍历：被依赖方先于依赖方） |
| 源码路径 | packages/client/ui-attachment |
| 来源层 | L2 web-app bundle（base 之上装配） |
① 实现逻辑
纯呈现插件：apply 只依赖 slots，把 ComposerAttachments 注册进 'conversation.input.attachments'，把 MessageImages 分别注册进 'conversation.message.images'、'conversation.trajectory.images' 与 'tool.call.images' 四个洞 (src/client/index.ts:16-33)。拖拽逻辑是独立的文档级监听器 installDocumentDropEvents，以 dragDepth 计数判断拖入/拖出、用 webkitGetAsEntry 识别目录，并在 drop 时回调 onAddFiles(files, directories) (src/client/drop-events.ts:9-87)。图片渲染用 dsh-attachment 的 ImageAttachmentRef 与 primitives 完成 (src/MessageImage.tsx:2-5)。宿主半为空 apply (src/index.ts)。
内部结构动态 DAG（深色主题：橙色=上游依赖 · 绿色=下游依赖 · 棕色=外部seam · 蓝=本插件）
本插件
上游依赖
下游依赖
外部 seam
② 注册/提供（provides）
- slot: conversation.input.attachments (输入框附件条 ComposerAttachments)
- slot: conversation.message.images (消息图片画廊 MessageImages)
- slot: conversation.trajectory.images (轨迹视图图片画廊)
- slot: tool.call.images (工具调用图片画廊，复用消息画廊渲染器)
- 组件 AttachmentRail/DropOverlay/FileCard 与文档级文件拖放监听器 installDocumentDropEvents
③ 依赖（depends_on · 上游前驱）
dsh-client-ui-chatE1+E2
依赖 Chat 视图声明的 conversation.message.images 槽
src/client/MessageImages.tsx:1 import @deepseek-ai/dsh-client-ui-chat/client + src/client/index.ts:3 type merge
dsh-client-ui-conversationE1+E2
占据 composer/message/trajectory 图片槽位
src/client/drop-events.ts:2 ComposerAttachmentsProps + src/client/index.ts:16-27 ctx.slots.inject('conversation.*')
dsh-client-ui-primitivesE1
附件卡片与图片画廊的基础组件
src/FileCard.tsx:1 import @deepseek-ai/dsh-client-ui-primitives
dsh-client-ui-rendererE1+E2
引入并驱动槽位注册服务
src/client/index.ts:5 merge + src/client/index.ts:16 ctx.slots.inject
dsh-client-ui-toolE1+E2
占据工具调用图片槽
src/client/index.ts:6 merge + src/client/index.ts:30 ctx.slots.inject('tool.call.images')
dsh-client-ui-trajectoryE1+E2
占据轨迹视图图片槽
src/client/index.ts:7 merge + src/client/index.ts:24 ctx.slots.inject('conversation.trajectory.images')
④ 被依赖（dependents · 下游消费者）
无下游（叶子/被消费端）