Skip to content

feat(frontend): refine agent editor UI and resource-picker dialogs - #4093

Open
bernard1234 wants to merge 7 commits into
developfrom
feature_agent0113
Open

bernard1234 wants to merge 7 commits into
developfrom
feature_agent0113

Conversation

@bernard1234

@bernard1234 bernard1234 commented Oct 14, 2026 •

Copy link
Copy Markdown
Contributor

概述

智能体编辑页与资源选择器(resource-picker)的 UI 精细化改造。

主要变更

  • 默认头像:新增三色渐变默认头像,并抽离共享 SVG 生成逻辑(getDefaultAgentAvatarSvg)。
  • 发布弹窗:版本发布弹窗从 Modal 迁移到 ParamDialog(新增 publish variant,支持 confirmLoading/cancelDisabled/destroyOnHidden)。
  • 新建工具/技能入口:精简右侧操作项(移除三点菜单、刷新按钮),并修复 locale 感知的路由跳转。
  • 开发助手联动:智能体调试/配置切换时联动收起/展示开发助手面板。
  • 样式统一:参数配置弹窗、工具/技能配置弹窗、ToolTestPanel 对齐 resource-picker 设计规范;提示词输入框增高。
  • Composer 字号精调:细化 composer 各元素字号(text-xs / text-sm / text-base),统一视觉层级。
  • 会话切换修复:修正智能体会话切换与返回导航逻辑。
image image

…ker design

Switch test form from horizontal labelCol/wrapperCol to vertical layout, replace span labels with ParamLabel (info icon + tooltip), and replace full-width antd Button with TestRunLink component to match the new ToolConfigModal shell.
…er design

Replace legacy Modal+Form layout in ToolConfigModal and SkillConfigModal with the shared ParamDialog shell (480px centered, 2px corners, vertical ParamField layout, standard two-button footer). Move boolean parameters from antd Switch to ParamSwitch (blue toggle) with vertical label-above-control arrangement. Add BooleanSwitchInput adapter in ToolConfigModal to bridge Form.Item value/onChange to ParamSwitch checked/onChange. Also includes resource-picker drawer updates (AddAgent/AddModel/AddSkill/AddTool/AddResource) and minor agent-capability/agent-prompt adjustments to wire the new components.
…with the design spec

ParamDialog: add optional description, variant-scoped CSS (tool/skill/model), StandardCloseButton, Button-based footer, fixed chevron icon, and restyled 28px inputs; shrink ParamSwitch to 38x20. Extract ParamDialog.module.css. Resource pickers: extract shared ResourcePickerDrawer.module.css with data-picker-part hooks, add width/bodyClassName props to AddResourceDrawer, and redesign agent/skill/tool/knowledge rows (768px drawer, HarmonyOS fonts, agent cards 148px with gradient selection, skill/tool rows 59px, knowledge rows 104px). Tool config: variant='tool' with two-line description, collapsible test section and auto-scroll reveal; skill config uses variant='skill'. Model params: switch accent to #0067D1, larger knob, updated hint typography. Fix zh locale labels (MCP服务, 分块).
- Add three-color gradient default avatar with shared SVG artwork
- Migrate version publish modal to ParamDialog with publish variant
- Simplify new tool/skill entry actions and fix locale-aware routing
- Toggle dev assistant visibility on configure/debug mode switch
- Enlarge prompt textarea and unify composer font sizes to 14px
- Fix agent conversation switching and back navigation
Resolve avatar conflicts by preserving the design-aligned sphere artwork and shared upload rendering. Keep local test authorization changes out of this commit.

Validation: staged diff check passed. Frontend type-check remains blocked by workspace type errors and missing test dependencies; component regression could not run because Vitest is unavailable.

This branch has not been deployed

No deployments
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant