DAG总览 / 组目录 / G06 客户端 UI 包

dsh-client-ui-primitives · @deepseek-ai/dsh-client-ui-primitives

Layer 0G06L3 其余
目录:ACP 协议API 网关与控制器附件启动与插件管理客户端运行时客户端 UI 包上下文压缩上下文注入核心运行时凭据与授权交付物文档处理实验特性宿主扩展反馈通道文件系统目标与计划工具守卫Hooks 扩展宿主服务交互命令作业调度LLM 适配LSP 集成MCP 协议规划模式Agent 预设代码执行运行时运行时诊断沙箱定时调度SDK 与协议会话核心会话检索设置Shell 执行技能溢出存储SSH 远程执行存储子代理子进程终端待办类型契约框架 vendorWeb 访问Webhook工作流工作区
依赖链 · 上游(该插件依赖的前驱):
无依赖(基础插件)
依赖链 · 下游(依赖该插件的节点):
同一拓扑层(Layer 0,层次遍历层序):
Layer 0↓ Layer 1(13 插件)

插件信息

包名@deepseek-ai/dsh-client-ui-primitives
分组G06 · 客户端 UI 包
拓扑层Layer 0(层次遍历:被依赖方先于依赖方)
源码路径packages/client/ui-primitives
来源层L3 其余插件(独立于 bundle 装配的扩展/变体/示例)

① 实现逻辑

无 cordis 服务与槽注册的纯 React 组件/工具库:入口 src/index.ts 汇总导出约 80 个组件与工具,覆盖基础控件(Button/Input/Switch/Checkbox/Menu/MenuSurface/SegmentedControl/Modal/Tooltip/Toast 等)、工具输出展示块(ReadBlock/DiffBlock/SearchBlock/WebBlock/TerminalBlock/JsonTree)、Markdown 渲染与高亮(markdown/*、code-highlighting.ts)、设置表单(settings-form/*)以及一批图标与平台/时间工具。组件仅依赖 --dsw-* 设计 token,跨包复用代码集中在少数浏览器安全工具依赖上:PathLabel 用 dsh-util-workspace-path(src/PathLabel.tsx:4)、代码高亮用 dsh-util-code-language(src/code-highlighting.ts:10)、设置表单模型用 dsh-client-store(src/settings-form/form-model.ts:16)。

内部结构动态 DAG(深色主题:橙色=上游依赖 · 绿色=下游依赖 · 棕色=外部seam · 蓝=本插件)
本插件 上游依赖 下游依赖 外部 seam

② 注册/提供(provides)

③ 依赖(depends_on · 上游前驱)

无依赖(基础插件)

④ 被依赖(dependents · 下游消费者)

dsh-client-locale
Language 行复用共享 UI 原语
src/client/LanguageRow.tsx:9
dsh-client-shortcuts
复用 UI 原语渲染/呈现键帽
src/client/dom.ts:2 + src/client/native.ts:2
dsh-client-ui-agent-preset
复用基础 UI 组件渲染 chip 与设置行
src/client/AgentPresetLabel.tsx:14 import @deepseek-ai/dsh-client-ui-primitives
dsh-client-ui-approval
审批面板复用基础组件
src/client/ApprovalPanel.tsx:3 import @deepseek-ai/dsh-client-ui-primitives
dsh-client-ui-attachment
附件卡片与图片画廊的基础组件
src/FileCard.tsx:1 import @deepseek-ai/dsh-client-ui-primitives
dsh-client-ui-brand-official
品牌标志与品牌名的呈现组件
src/client/Brand.tsx:1 import @deepseek-ai/dsh-client-ui-primitives
dsh-client-ui-chat
聊天行/卡片的基础组件
src/client/chat/AssistantMarkdown.tsx:4-5 + src/client/chat/ContextBody.tsx:8
dsh-client-ui-commands
命令弹层组件与候选排序函数
src/client/PopupSelectView.tsx:13 import + src/client/service.ts:26 rankByName
dsh-client-ui-conversation
composer 图标与基础组件
src/client/apply.ts:5 IconPaperclipOutlineRegular
dsh-client-ui-cordis
复用客户端基础 UI 原子组件
src/client/CordisPreparingRow.tsx:3 import
dsh-client-ui-deliverables
卡片与 diff 视图基础组件
src/client/Deliverables.tsx:4 + src/client/FileDiff.tsx:4-5
dsh-client-ui-dockkit
菜单/面板等基础组件
src/components/FloatLayer.tsx:19 + src/components/TabMenu.tsx:17-21 + src/components/TabPanel.tsx:26
dsh-client-ui-goal
命令输入视图基础组件
src/client/GoalCommandInputView.tsx:2 import @deepseek-ai/dsh-client-ui-primitives
dsh-client-ui-input-trigger
候选菜单列表基础组件
src/client/MenuView.tsx:15 import @deepseek-ai/dsh-client-ui-primitives
dsh-client-ui-message-feedback
复用 ui-primitives 的 Toast/Button 等控件
src/client/FeedbackDialog.tsx:13 import + src/client/MessageFeedbackActions.tsx:13
dsh-client-ui-model-selection
复用图标与 MenuSurface 控件
src/client/index.ts:25 import { IconDataOutlineRegular } + src/client/ModelSelect.tsx:22
dsh-client-ui-open-in-app
复用 Toast/图标/按钮控件
src/client/open-failure-toast.tsx:4 import + src/client/OpenTargetButton.tsx:6
dsh-client-ui-permission-presets
复用 Menu/Select/图标控件
src/client/PermissionSelect.tsx:8 import + src/client/PermissionRow.tsx:12
dsh-client-ui-plan
复用 Markdown/图标/纯文本提取
src/client/index.ts:18 import { extractMarkdownPlainText } + src/client/PlanCard.tsx:3
dsh-client-ui-reference
会话候选相对时间展示
src/client/index.ts:23 import { relativeTime }
dsh-client-ui-schedule
复用按钮/图标/toast 等控件
src/client/CatalogFeedback.tsx:3 import + src/client/DeleteToast.tsx:11
dsh-client-ui-settings-account
复用按钮/图标等控件
src/client/AccountAvatar.tsx:3 import + src/client/AccountMenu.tsx:5
dsh-client-ui-settings-agent-loop
复用共享设置表单原语渲染数值字段
src/client/AgentLoopCard.tsx:4 import SettingsForm/SettingsValueField
dsh-client-ui-settings-general
复用共享原语关闭顶层模态并渲染设置行
src/client/index.ts:15 import closeTopModal
dsh-client-ui-settings-models
复用共享 UI 原语渲染模型编辑器
src/client/ModelsSection.tsx:26 import
dsh-client-ui-settings-plugin-inventory
复用菜单、状态点与标签原语
src/client/PluginInventorySettingsTab.tsx:13 import Menu/StateDot/Tag
dsh-client-ui-settings-shell
复用共享设置表单原语
src/client/ShellCard.tsx:4 import + src/client/locales.ts:3 import
dsh-client-ui-settings-subagent
复用共享设置字段原语
src/client/SubagentLimitsFields.tsx:4 import + src/client/locales.ts:3 import
dsh-client-ui-settings-web-search
复用共享设置表单原语
src/client/WebSearchCard.tsx:8 import + src/client/locales.ts:3 import
dsh-client-ui-shortcuts
复用编辑器/菜单原语并关闭顶层模态
src/client/Editor.tsx:4 import + src/client/index.ts:4 import closeTopModal
dsh-client-ui-sidebar-browser
复用共享 UI 原语
src/client/definition.tsx:4 import + src/client/view/BrowserTitle.tsx:3 import
dsh-client-ui-sidebar-documentpreview
复用加载指示与代码高亮扩展名等共享原语
src/client/LoadingIndicator.tsx:4 import + src/client/code/index.ts:3 import
dsh-client-ui-sidebar-files
复用共享 UI 原语
src/client/FilesTitle.tsx:8 import
dsh-client-ui-sidebar-right
复用共享 UI 原语
src/client/shell/ExpandButton.tsx:19 import
dsh-client-ui-sidebar-terminal
复用终端图标原语
src/client/index.ts:13 PluginArtworkTerminal
dsh-client-ui-skill
候选按名称排序(与命令组一致)
src/client/index.ts:42 rankByName
dsh-client-ui-subagent
复用图标、Tooltip、StateDot 等原语
src/client/SubagentHeaderLineage.tsx:12
dsh-client-ui-tool
复用对话卡片原语与标签
src/client/tool/models/tool-call-model.ts:12 + src/client/tool/toolviews/todo-row.tsx:2
dsh-client-ui-trajectory
复用表格、时间线等展示原语
src/client/TrajectoryTable.tsx:25 + TrajectoryTimeline.tsx:7
dsh-client-ui-workflow-run
复用折叠行与状态点原语
src/client/WorkflowRunPanel.tsx:9 DisclosureRow/StateDot
dsh-client-ui-workspace
复用菜单项、对话框等原语
src/client/rows/Rows.tsx:24 + src/client/session-actions/RenameSession.tsx:8
dsh-client-web
种子静态模块表内联 UI 原语库
src/seed.ts:16
dsh-experimental-client-ui-voice-input
复用基础 UI 组件
src/client/PreparationCard.tsx:3 + src/client/VoiceInput.tsx:13 + src/client/VoiceSetupDialog.tsx:2 import '@deepseek-ai/dsh-client-ui-primitives'
dsh-session-log-export
复用 Button/Menu/Modal 等基础组件渲染菜单与下载弹窗
src/client/HeaderAction.tsx:6 import; src/client/Dialog.tsx:3 import