AGENTS.md@src/frontend git:20261016.a1ec016A

Immutable. This exact content never changes and is served at /api/v1/blob/7d1d58ca6b46ab25.

# 已冻结的侧边栏

用户于 2026-10-15 确认品牌更新：保留图库中的蓝底眨眼圆形机器人，位于左侧；右侧品牌文字为全小写 agentchat，采用柔和的深蓝灰色与中等字重，浏览器标题也为 agentchat。此授权仅调整品牌区域，导航与侧边栏尺寸继续冻结。

用户明确要求：侧边栏以探索页设计图为准，确认这次还原后不再改动。

- 公共入口为 `src/components/AppSidebar.vue`，视觉参数集中在 `src/styles/sidebar.css`。
- 配套的 `SidebarIcon.vue` 图形和 `BrandLogo.vue` 的 sidebar 版本属于同一冻结基准。
- 桌面展开宽度 266px、折叠宽度 84px、手机宽度 68px。
- 所有业务页面复用公共组件，不得单独覆盖侧边栏的尺寸、字体、字重、配色、图标或间距。
- 后续页面改造保持此基准。只有用户再次明确要求调整侧边栏时，才修改上述视觉参数。
- 修改页面布局时使用 `--sidebar-width`，不要为不同页面另写导航偏移值。

用户于 2026-10-14 明确授权将通知和账户头像移至左下角。页脚现由 SidebarAccount.vue 管理，主导航的尺寸、字体、配色与品牌标志仍按原基准冻结。

用户于 2026-10-14 明确要求移除侧边栏中的 MCP 对话子入口，改为 MCP 服务页的“MCP 对话”按钮。MCP 主导航的尺寸、字体、图标与配色继续冻结。

用户于 2026-10-14 确认连续布局并要求应用到正式版。公共布局样式在 src/styles/continuous-layout.css：列间距为 0，以细分隔线区分区域，气泡和内容卡片保留原有内间距。侧边栏冻结基准继续有效。

用户于 2026-10-14 要求管理页面的左上标题位置统一。智能体、知识库、模型、工具、MCP、Skill 列表和数据看板共用 CatalogHeader.vue 与 styles/catalog-layout.css。标题、次标题、说明采用相同的字号、行高、顶部间距和左右内边距；标题左侧不放图标。业务卡片、模型行的图标不受此约束。聊天界面与详情编辑界面继续使用各自的布局。

用户已选择智能体 A 方案。列表卡片使用 src/pages/agent/agent-catalog-a.css 的独立样式，避免重新叠加 agent-catalog.css 的历史方案规则：白色卡面、右侧主题标签、模型和工具信息栏、浅蓝色对话/编辑按钮，每页 6 张卡片。侧边栏和统一 CatalogHeader 的原有基准继续有效。

用户于 2026-10-15 授权进一步精简智能体卡片及更换默认图标。最新卡片视觉以 pages/agent/AgentCatalogCard.vue 为准：48px 双色线条图标、名称、两行描述、弱化的模型信息和资源数量、轻量对话入口，移除自动主题标签和大面积按钮；编辑/删除保留在右上角菜单。用户上传头像继续使用。每页 6 张、侧边栏和页头位置不变。

用户随后否定小线框图标与轻量文字入口，要求以工具、Skill 正式页为准并截图核对。当前 AgentCatalogCard.vue 使用与这两页相同的左右图文结构、94px（中屏 76px）图标、白色圆角卡片与浅蓝色对话/编辑按钮；AgentCatalogGlyph.vue 直接复用 ResourceGlyph、SkillGlyph 和 ToolGlyph，避免独立设计另一套图标。保留模型和非零资源数量，不恢复重复的自动标签。

用户最终选择 2026-10-15 新生成的第一张 A 方案（exec-48a9eab0-a57b-4adf-9d17-1cd35a4e605d.png）：恢复单一分类标签，默认图标使用有渐变高光的彩色矢量图形；卡片约 284px，模型和非零资源计数同排，下方蓝色浅底对话按钮及白底描边编辑按钮。侧边栏和统一页头依然不改。此方案覆盖前面两版卡片尝试。

用户指出手绘 SVG 图标与 A 图差距过大。当前默认目录图标改用基于 A 图制作的 imagegen 素材 public/ui/agent-icons/catalog-a-atlas-v1.png，AgentCatalogGlyph.vue 通过 CSS 图集窗口显示蓝色机器人、珊瑚信封、紫色文档、天气、绿色搜索和紫色代码图标。图集仅用于默认目录图标，上传头像不变；不再以简化 SVG 冒充参考图中的立体质感。

用户再次要求严格对照上传的 A 图。当前六类默认图标直接复用 public/ui/agent-icons/catalog-a-reference.png 的原始像素，由 CSS 显示六个 104px 正方形区域；不再使用重新生成的近似图集。卡片按图标定为 300px 高、104px 图标、22px 名称、18px 描述、48px 按钮；移除 1500/1350 断点过度缩小文字和图标的规则。窄屏以减少列数保持比例，侧边栏及公共页头继续冻结。

模型信息文字使用 AgentCatalogCard.vue 的专用类 agent-card-model-name，并显式指定 16px / 24px、字重 400；禁止复用 model-name（旧 prototype.css 会将其覆盖为 12px）。检查字号必须读取文字节点对应元素的 computed style，不能只检查父容器。资源计数同步为 16px。