@tfdesign/b-end 1.0.4

package/skills/tfds/components.summary.json

@@ -0,0 +1,1809 @@
+{
+  "system": "b-end",
+  "skill": "tfds",
+  "generatedAt": "2026-05-10T09:07:48.104Z",
+  "purpose": "轻量组件与页面模板目录。AI 先读本文件做选型；确定命中组件后，再到 components.index.json 按 id 读取 props / rules / examples。",
+  "counts": {
+    "total": 46,
+    "components": 36,
+    "pageTemplates": 4,
+    "pagePatterns": 6
+  },
+  "documents": {
+    "designPrinciples": "./DESIGN_PRINCIPLES.md",
+    "pageArchetypes": "./PAGE_ARCHETYPES.md",
+    "layoutRecipes": "./LAYOUT_RECIPES.md",
+    "detailIndex": "./components.index.json",
+    "layoutRules": "./LAYOUT_RULES.md",
+    "globalRules": "./GLOBAL_DESIGN_RULES.md",
+    "checklist": "./CHECKLIST.md",
+    "commonFailures": "./COMMON_FAILURES.md"
+  },
+  "readPolicy": [
+    "先用 kind / name / description / keywords 选型，不要一开始全文读取 components.index.json。",
+    "生成具体 JSX 前，必须读取已命中 entry 在 components.index.json 中的完整 props / rules / examples。",
+    "若 summary 与 detailIndex 冲突，以 components.index.json 为准。"
+  ],
+  "entries": [
+    {
+      "id": "avatar",
+      "kind": "component",
+      "name": "Avatar",
+      "category": "basic",
+      "description": "单个实体（人/机器人/AI/兜底）的头像锚点。用于表格、会话、导航等需要「一眼认出是谁」的位置；不用于多人交叠缩略（那是 AvatarGroup）。",
+      "import": {
+        "from": "@tf-designsystem/b-end",
+        "default": "Avatar"
+      },
+      "keywords": [
+        "Avatar",
+        "avatar",
+        "头像",
+        "用户头像",
+        "账号头像",
+        "人物头像",
+        "profile picture",
+        "image",
+        "eng",
+        "ch",
+        "fallback",
+        "robot",
+        "ai",
+        "机器人头像",
+        "AI头像",
+        "默认头像",
+        "占位头像",
+        "英文头像",
+        "中文头像",
+        "<img>",
+        "img rounded-full",
+        "div w-10 h-10 rounded-full",
+        "手搓圆头像"
+      ],
+      "ruleCount": 13,
+      "exampleCount": 9,
+      "hasCode": false,
+      "detailRef": "components.index.json#avatar"
+    },
+    {
+      "id": "avatar-group",
+      "kind": "component",
+      "name": "AvatarGroup",
+      "category": "basic",
+      "description": "多人参与的缩略表达：固定 5 个圆形图片头像、固定交叠间距，用于「协作成员、围观者」等氛围装饰。需要可配置人数/顺序/文案时请用列表 + 多个 Avatar，不要用本组件硬凑。",
+      "import": {
+        "from": "@tf-designsystem/b-end",
+        "default": "AvatarGroup"
+      },
+      "keywords": [
+        "AvatarGroup",
+        "avatar-group",
+        "头像组",
+        "多人头像",
+        "协作成员",
+        "参与者头像",
+        "叠加头像",
+        "群组头像",
+        "avatar stack",
+        "overlapping avatars",
+        "协作",
+        "团队头像",
+        "小组头像",
+        "围观者",
+        "参与人",
+        "抄送人",
+        "手搓头像组",
+        "-space-x",
+        "flex -space-x",
+        "负 margin 头像",
+        "overlapping img"
+      ],
+      "ruleCount": 7,
+      "exampleCount": 5,
+      "hasCode": false,
+      "detailRef": "components.index.json#avatar-group"
+    },
+    {
+      "id": "icon",
+      "kind": "component",
+      "name": "Icon",
+      "category": "basic",
+      "description": "矢量符号（1198+ 图标名）。用于按钮/输入框前后缀、导航、状态提示等「非人像」图形；需要人像或账号识别请用 Avatar，需要文字标签请用 Button/Tag。",
+      "import": {
+        "from": "@tf-designsystem/b-end",
+        "default": "Icon"
+      },
+      "keywords": [
+        "Icon",
+        "icon",
+        "图标",
+        "矢量图标",
+        "符号",
+        "svg icon",
+        "iconfont",
+        "kebab-case",
+        "stroked",
+        "描边图标",
+        "plus-stroked",
+        "check-stroked",
+        "search-md",
+        "arrow-down",
+        "chevron-down",
+        "trash-01-stroked",
+        "edit-01-stroked",
+        "settings-01-stroked",
+        "bell-03-stroked",
+        "lucide-react",
+        "lucide",
+        "Plus icon",
+        "react-icons",
+        "antd-icon"
+      ],
+      "ruleCount": 8,
+      "exampleCount": 8,
+      "hasCode": false,
+      "detailRef": "components.index.json#icon"
+    },
+    {
+      "id": "nav-bar",
+      "kind": "component",
+      "name": "NavBar",
+      "category": "business",
+      "description": "业务竖向导航栏，集成品牌区、业务入口切换、平台首页模块高亮、主导航、底部工具按钮和用户头像。",
+      "import": {
+        "from": "@tf-designsystem/b-end",
+        "default": "NavBar"
+      },
+      "keywords": [
+        "NavBar",
+        "nav-bar",
+        "导航栏",
+        "侧边导航",
+        "左侧导航",
+        "主导航",
+        "sidebar",
+        "side nav",
+        "platform",
+        "ola",
+        "bytehi",
+        "OLA",
+        "ByteHi",
+        "工作台导航",
+        "体验与服务平台",
+        "客服工作台",
+        "平台首页",
+        "主导航项",
+        "业务入口",
+        "业务切换",
+        "底部工具",
+        "顶部品牌",
+        "手搓侧栏",
+        "自制 sidebar"
+      ],
+      "ruleCount": 23,
+      "exampleCount": 21,
+      "hasCode": false,
+      "detailRef": "components.index.json#nav-bar"
+    },
+    {
+      "id": "tag-bar",
+      "kind": "component",
+      "name": "TagBar",
+      "category": "business",
+      "description": "业务标签栏，集成顶部搜索、业务切换、树形标签与最小宽度折叠，适合服务平台左侧标签导航场景。",
+      "import": {
+        "from": "@tf-designsystem/b-end",
+        "default": "TagBar"
+      },
+      "keywords": [
+        "TagBar",
+        "tag-bar",
+        "标签栏",
+        "标签导航",
+        "左侧标签栏",
+        "业务标签栏",
+        "category bar",
+        "tree nav",
+        "树形导航",
+        "业务切换",
+        "业务下拉",
+        "可拖拽宽度",
+        "resizable",
+        "collapsed",
+        "折叠",
+        "收起",
+        "tone transparent",
+        "tone panel",
+        "透明嵌入",
+        "浅灰侧条",
+        "MCP 管理",
+        "规则管理",
+        "策略管理",
+        "账号管理"
+      ],
+      "ruleCount": 12,
+      "exampleCount": 12,
+      "hasCode": false,
+      "detailRef": "components.index.json#tag-bar"
+    },
+    {
+      "id": "card",
+      "kind": "component",
+      "name": "Card",
+      "category": "business",
+      "description": "业务信息摘要卡片，支持数据卡片、商品卡片和信息卡片三类结构。颜色使用遵循背景反衬原则：灰色背景用白底卡，白色背景用灰底卡。",
+      "import": {
+        "from": "@tf-designsystem/b-end",
+        "default": "Card"
+      },
+      "keywords": [
+        "Card",
+        "card",
+        "业务卡片",
+        "信息卡片",
+        "摘要卡片",
+        "指标卡片",
+        "统计卡",
+        "data card",
+        "summary card",
+        "metric card",
+        "info card",
+        "商品卡片",
+        "product card",
+        "goods card",
+        "订单卡片",
+        "order card",
+        "图片文字卡片",
+        "业务对象卡",
+        "object card",
+        "趋势分析",
+        "近 7 天",
+        "指标摘要",
+        "入口卡片",
+        "快捷入口"
+      ],
+      "ruleCount": 25,
+      "exampleCount": 16,
+      "hasCode": false,
+      "detailRef": "components.index.json#card"
+    },
+    {
+      "id": "conversation-list",
+      "kind": "component",
+      "name": "ConversationList",
+      "category": "business",
+      "description": "会话 / 工单 / 线程侧栏列表，用于 IM 对话、即时通讯工作台、客服接待、工单处理、托管队列等需要按状态分组浏览并快速切换当前处理线程的业务场景，默认支持“默认列表 / 卡片列表”双布局切换。",
+      "import": {
+        "from": "@tf-designsystem/b-end",
+        "default": "ConversationList"
+      },
+      "keywords": [
+        "ConversationList",
+        "conversation-list",
+        "会话列表",
+        "工单列表",
+        "IM 对话列表",
+        "即时通讯列表",
+        "ticket list",
+        "conversation queue",
+        "客服工作台",
+        "IM 工作台",
+        "即时通讯工作台",
+        "工单队列",
+        "托管队列",
+        "card list",
+        "conversation card",
+        "卡片列表",
+        "消息卡片",
+        "可发送回复卡片",
+        "回复内容生成中",
+        "布局切换",
+        "双布局",
+        "待干预",
+        "托管中",
+        "已挂起"
+      ],
+      "ruleCount": 40,
+      "exampleCount": 13,
+      "hasCode": false,
+      "detailRef": "components.index.json#conversation-list"
+    },
+    {
+      "id": "info-display-panel",
+      "kind": "component",
+      "name": "InfoDisplayPanel",
+      "category": "business",
+      "description": "信息展示面板框架，用于客服工作台、在线 Agent、工单详情右侧信息区等场景；默认以主栏承载全部 tabs，并可按当前选中 tab 拆分出独立栏，最多支持 3 栏。",
+      "import": {
+        "from": "@tf-designsystem/b-end",
+        "default": "InfoDisplayPanel"
+      },
+      "keywords": [
+        "InfoDisplayPanel",
+        "info-display-panel",
+        "信息展示面板",
+        "信息面板",
+        "详情区",
+        "详情面板",
+        "托管助手",
+        "历史工单",
+        "工单日志",
+        "信息工具",
+        "视频信息",
+        "用户命中实验",
+        "沟通记录",
+        "三栏面板",
+        "双栏面板",
+        "单栏面板",
+        "分栏切换",
+        "columns",
+        "split panel",
+        "客服工作台信息区",
+        "在线 Agent 信息区",
+        "工单详情右侧",
+        "多面板工作区",
+        "panel tabs"
+      ],
+      "ruleCount": 24,
+      "exampleCount": 8,
+      "hasCode": false,
+      "detailRef": "components.index.json#info-display-panel"
+    },
+    {
+      "id": "chat-bubble",
+      "kind": "component",
+      "name": "ChatBubble",
+      "category": "business",
+      "description": "IM 聊天气泡，支持左右 2 种角色布局、单条/多条 2 种气泡组织，以及图片/机器人/AI/隐藏 4 种头像类型，并支持 hover 查看分层消息时间。",
+      "import": {
+        "from": "@tf-designsystem/b-end",
+        "default": "ChatBubble"
+      },
+      "keywords": [
+        "ChatBubble",
+        "chat-bubble",
+        "聊天气泡",
+        "IM 气泡",
+        "消息气泡",
+        "会话气泡",
+        "incoming",
+        "outgoing",
+        "左侧消息",
+        "右侧消息",
+        "客服消息",
+        "用户消息",
+        "single",
+        "multiple",
+        "单条消息",
+        "连续消息",
+        "多条气泡",
+        "IM 客服",
+        "IM 会话",
+        "客服聊天",
+        "手写气泡",
+        "自制气泡",
+        "flex img rounded-full",
+        "bg-gray-100 p-2 rounded"
+      ],
+      "ruleCount": 14,
+      "exampleCount": 16,
+      "hasCode": false,
+      "detailRef": "components.index.json#chat-bubble"
+    },
+    {
+      "id": "chat-input",
+      "kind": "component",
+      "name": "ChatInput",
+      "category": "business",
+      "description": "对话/消息发送输入框，统一覆盖所有「输入内容并发出」场景。变体选择只看一个维度——UI 上是否有 Agent/工具栏：有（Agent 切换 / @ / 指令 / 附件）→ default；没有 → im-basic。im-basic（基础输入框）是使用频率最高的变体，适用范围：IM 消息输入、会话底部发送栏、评论框、工单回复、模型 Playground 发送栏（type prompt → 「发送并运行模型」）、任何 user/assistant 测试界面。default/default-sm/replying/busy/readonly 专用于内置完整 AI 工具栏的 Agent 对话场景（三层结构：底层氛围背景 → 输入区域 → 猫条）。im-basic 左下角按钮通过声明式 `imActions` 场景化配置，默认是图片 + 表情，最多展示 5 个。",
+      "import": {
+        "from": "@tf-designsystem/b-end",
+        "default": "ChatInput"
+      },
+      "keywords": [
+        "ChatInput",
+        "chat-input",
+        "chatinput",
+        "im-basic",
+        "default",
+        "default-sm",
+        "replying",
+        "busy",
+        "readonly",
+        "基础输入框",
+        "聊天输入框",
+        "发送框",
+        "消息输入",
+        "消息发送",
+        "会话底部",
+        "会话发送栏",
+        "底部输入",
+        "底部发送",
+        "IM 消息输入",
+        "IM 输入",
+        "IM 发送",
+        "IM 聊天",
+        "IM 客服",
+        "评论框"
+      ],
+      "ruleCount": 21,
+      "exampleCount": 24,
+      "hasCode": false,
+      "detailRef": "components.index.json#chat-input"
+    },
+    {
+      "id": "chat-message",
+      "kind": "component",
+      "name": "ChatMessage",
+      "category": "business",
+      "description": "AI 对话页「一条消息」原子单元（行业对齐 assistant-ui Message / Microsoft ChatMessage）。一个 ChatMessage = 一条消息（user 气泡 / AI 头像 / 文本回复 / 执行流 / 卡片回复 / 深度思考 / 操作栏），按 role 与 7 类子能力组合呈现。",
+      "import": {
+        "from": "@tf-designsystem/b-end",
+        "default": "ChatMessage"
+      },
+      "keywords": [
+        "ChatMessage",
+        "chat-message",
+        "AI 对话消息",
+        "AI 消息",
+        "AI 回复",
+        "role ai",
+        "role user",
+        "AI 角色",
+        "用户角色",
+        "header",
+        "thinking",
+        "plan",
+        "confirms",
+        "followUps",
+        "actions",
+        "深度思考",
+        "思考过程",
+        "reasoning",
+        "CoT",
+        "执行流",
+        "步骤",
+        "steps",
+        "任务规划",
+        "任务卡"
+      ],
+      "ruleCount": 29,
+      "exampleCount": 21,
+      "hasCode": false,
+      "detailRef": "components.index.json#chat-message"
+    },
+    {
+      "id": "button",
+      "kind": "component",
+      "name": "Button",
+      "category": "basic",
+      "description": "触发一次性动作（提交、取消、打开弹窗、行内「编辑/删除」）。不负责在同一视图内切换多块内容（那是 Tabs）；不负责从枚举里选题（那是 Select/Radio）。primary 为每视图唯一主按钮（黑底）。⚠️ 尺寸硬规则：全局默认 size=\"md\"（36px），AI 生成页面时禁止擅自使用 size=\"sm\"，仅在设计明确标注或卡片空间极度受限时才可使用 SM。",
+      "import": {
+        "from": "@tf-designsystem/b-end",
+        "default": "Button"
+      },
+      "keywords": [
+        "Button",
+        "button",
+        "按钮",
+        "btn",
+        "primary",
+        "outline-brand",
+        "outline-black",
+        "ghost-brand",
+        "ghost-black",
+        "text-brand",
+        "text-black",
+        "主按钮",
+        "次按钮",
+        "次要按钮",
+        "强调按钮",
+        "幽灵按钮",
+        "文字按钮",
+        "黑底按钮",
+        "品牌色按钮",
+        "危险按钮",
+        "submit",
+        "cancel",
+        "confirm",
+        "delete"
+      ],
+      "ruleCount": 16,
+      "exampleCount": 18,
+      "hasCode": false,
+      "detailRef": "components.index.json#button"
+    },
+    {
+      "id": "tabs",
+      "kind": "component",
+      "name": "Tabs",
+      "category": "basic",
+      "description": "同一页面或同一卡片内，多块平级内容的切换（视图状态保持在本页）。典型：详情子页签、表单分段、筛选维度切换。跨模块站点级导航优先侧栏/路由，而不是 Tabs 堆满一级入口。",
+      "import": {
+        "from": "@tf-designsystem/b-end",
+        "default": "Tabs"
+      },
+      "keywords": [
+        "Tabs",
+        "tabs",
+        "标签页",
+        "页签",
+        "选项卡",
+        "切换器",
+        "line",
+        "button",
+        "pill",
+        "segment",
+        "线条型",
+        "按钮型",
+        "胶囊型",
+        "分段器",
+        "面板切换",
+        "内容切换",
+        "主区切换",
+        "视图切换",
+        "列表 看板 日历",
+        "概览 明细 日志",
+        "user assistant 切换",
+        "user 切换",
+        "Input Output 切换",
+        "Playground 切换"
+      ],
+      "ruleCount": 18,
+      "exampleCount": 15,
+      "hasCode": false,
+      "detailRef": "components.index.json#tabs"
+    },
+    {
+      "id": "form-title",
+      "kind": "component",
+      "name": "FormTitle",
+      "category": "basic",
+      "description": "B端标题组件，统一收敛整体页面总标题、工作台标题、一级/二级/三级标题和卡片标题 5 种变体；描述文案默认隐藏，仅在有板块介绍/场景说明/明确要求时通过 showDescription 显示；支持标题后缀 titleSuffix（如状态 Tag）。⚠️ 字体强约束：所有变体的标题文字均通过组件内部 `[font-weight:var(--font-semibold)]` 固定为 600 semibold，字号、行高、颜色由组件 token 固定，禁止通过 className 或 style 覆写字体粗细、字号、颜色。",
+      "import": {
+        "from": "@tf-designsystem/b-end",
+        "default": "FormTitle"
+      },
+      "keywords": [
+        "FormTitle",
+        "form-title",
+        "Page 页面表头",
+        "Page表头",
+        "页面表头",
+        "页面级 header",
+        "页面 header",
+        "页面标题",
+        "灰底页面标题",
+        "区块标题",
+        "面板标题",
+        "卡片标题",
+        "白卡标题",
+        "白卡顶栏",
+        "标题行",
+        "分区标题",
+        "标题竖排",
+        "标题逐字换行",
+        "一字一行",
+        "标题被挤压",
+        "标题区过窄",
+        "标题后缀",
+        "titleSuffix",
+        "标题右侧标签"
+      ],
+      "ruleCount": 21,
+      "exampleCount": 22,
+      "hasCode": false,
+      "detailRef": "components.index.json#form-title"
+    },
+    {
+      "id": "form",
+      "kind": "component",
+      "name": "Form",
+      "category": "basic",
+      "description": "B端表单组合组件，负责字段标题、说明、错误反馈与 top/left 布局；字段控件复用平台已有基础组件，覆盖 13 类表单字段。",
+      "import": {
+        "from": "@tf-designsystem/b-end",
+        "default": "Form"
+      },
+      "keywords": [
+        "Form",
+        "form",
+        "表单",
+        "表单组合",
+        "表单容器",
+        "表单组件",
+        "labelPosition top",
+        "labelPosition left",
+        "左侧标签",
+        "顶部标签",
+        "字段",
+        "items",
+        "required",
+        "requiredMark",
+        "必填",
+        "必填星号",
+        "可选",
+        "helpText",
+        "errorText",
+        "middleHelpText",
+        "错误提示",
+        "辅助说明",
+        "top 布局",
+        "left 布局"
+      ],
+      "ruleCount": 15,
+      "exampleCount": 8,
+      "hasCode": false,
+      "detailRef": "components.index.json#form"
+    },
+    {
+      "id": "input",
+      "kind": "component",
+      "name": "Input",
+      "category": "basic",
+      "description": "用户自输入的短文本/搜索词。值不可穷举或需键盘高效录入时用 Input；若合法值来自有限枚举列表，应优先 Select 或 Radio，避免用 Input 接收「只能是 A/B/C」的值。",
+      "import": {
+        "from": "@tf-designsystem/b-end",
+        "default": "Input"
+      },
+      "keywords": [
+        "Input",
+        "input",
+        "输入框",
+        "单行输入",
+        "文本输入",
+        "搜索框",
+        "text input",
+        "search input",
+        "text field",
+        "textbox",
+        "姓名",
+        "名称",
+        "用户名",
+        "邮箱",
+        "手机号",
+        "URL",
+        "链接",
+        "关键词搜索",
+        "备注",
+        "placeholder",
+        "占位符",
+        "前缀图标",
+        "后缀图标",
+        "prefix"
+      ],
+      "ruleCount": 18,
+      "exampleCount": 15,
+      "hasCode": false,
+      "detailRef": "components.index.json#input"
+    },
+    {
+      "id": "textarea",
+      "kind": "component",
+      "name": "TextArea",
+      "category": "basic",
+      "description": "多行文本输入，与 Input 共用边框与状态语义；固定 MD 尺寸（14px 字、与 Input md 一致的内边距）。新增 code 类型用于代码 / Prompt 编辑，左侧显示行号并使用等宽字体。默认占位 3 行高度，可选 1～5 行作为最小高度（1 行与 Input md 同高）。高度仅按内容与规则自动变化，不可拖拽改高。maxLength 可选，不设则字数不限。",
+      "import": {
+        "from": "@tf-designsystem/b-end",
+        "default": "TextArea"
+      },
+      "keywords": [
+        "TextArea",
+        "textarea",
+        "text-area",
+        "多行输入",
+        "多行文本",
+        "备注",
+        "描述",
+        "说明",
+        "工单描述",
+        "反馈",
+        "回复内容",
+        "System Prompt",
+        "system prompt",
+        "Prompt",
+        "prompt 输入",
+        "模型 ID",
+        "模型代码",
+        "模型ID输入",
+        "model ID",
+        "JSON 编辑",
+        "JSON 输入",
+        "模型高级参数",
+        "模型参数 JSON",
+        "模型参数配置"
+      ],
+      "ruleCount": 22,
+      "exampleCount": 24,
+      "hasCode": false,
+      "detailRef": "components.index.json#textarea"
+    },
+    {
+      "id": "input-number",
+      "kind": "component",
+      "name": "InputNumber",
+      "category": "basic",
+      "description": "数字输入框，复用 Input 触发器视觉，支持最小值、最大值、步长、小数精度，以及外置/内置步进按钮。",
+      "import": {
+        "from": "@tf-designsystem/b-end",
+        "default": "InputNumber"
+      },
+      "keywords": [
+        "InputNumber",
+        "input-number",
+        "数字输入",
+        "数字输入框",
+        "数值输入",
+        "number input",
+        "步进",
+        "步进按钮",
+        "spinner",
+        "step",
+        "min",
+        "max",
+        "precision",
+        "精度",
+        "小数",
+        "Temperature",
+        "temperature",
+        "温度",
+        "Top-P",
+        "top-p",
+        "topP",
+        "Max Tokens",
+        "max-tokens",
+        "学习率"
+      ],
+      "ruleCount": 10,
+      "exampleCount": 10,
+      "hasCode": false,
+      "detailRef": "components.index.json#input-number"
+    },
+    {
+      "id": "select",
+      "kind": "component",
+      "name": "Select",
+      "category": "basic",
+      "description": "从预定义 options 中选值：节省纵向空间、选项可较多、与 Input 视觉同构。单选枚举默认 mode=default；同一字段多选且以标签形式回显用 mode=tag。少量互斥项且需一眼比较布局 → 优先 Radio。",
+      "import": {
+        "from": "@tf-designsystem/b-end",
+        "default": "Select"
+      },
+      "keywords": [
+        "Select",
+        "select",
+        "下拉框",
+        "下拉选择",
+        "下拉菜单",
+        "选择器",
+        "dropdown",
+        "combobox",
+        "枚举",
+        "枚举选择",
+        "单选下拉",
+        "多选下拉",
+        "tag select",
+        "标签选择",
+        "模型选择",
+        "Reasoning Effort",
+        "reasoning-effort",
+        "effort 选择",
+        "状态筛选",
+        "类型筛选",
+        "分类筛选",
+        "过滤器",
+        "filter",
+        "城市选择"
+      ],
+      "ruleCount": 25,
+      "exampleCount": 15,
+      "hasCode": false,
+      "detailRef": "components.index.json#select"
+    },
+    {
+      "id": "radio",
+      "kind": "component",
+      "name": "Radio",
+      "category": "basic",
+      "description": "互斥单选：同一组内只能选一个值。适合选项少、需要并排或纵列展示全部标签的表单场景。多选请用 CheckboxGroup；布尔即时开关请用 Switch；选项很多请用 Select。",
+      "import": {
+        "from": "@tf-designsystem/b-end",
+        "default": "RadioGroup",
+        "named": [
+          "Radio"
+        ]
+      },
+      "keywords": [
+        "Radio",
+        "radio",
+        "RadioGroup",
+        "单选",
+        "互斥单选",
+        "单选组",
+        "单选按钮",
+        "radio button",
+        "互斥选项",
+        "二选一",
+        "多选一",
+        "月付 年付",
+        "是 否",
+        "布尔单选",
+        "A 方案 B 方案",
+        "<input type=\"radio\">",
+        "input type=radio",
+        "native radio"
+      ],
+      "ruleCount": 11,
+      "exampleCount": 8,
+      "hasCode": false,
+      "detailRef": "components.index.json#radio"
+    },
+    {
+      "id": "checkbox",
+      "kind": "component",
+      "name": "Checkbox",
+      "category": "basic",
+      "description": "多选或二元勾选（含「全选/半选」树形父级）。用于权限、标签、筛选条件、同意协议等。互斥单选用 Radio；单一功能开闭且立即生效优先 Switch。",
+      "import": {
+        "from": "@tf-designsystem/b-end",
+        "default": "CheckboxGroup",
+        "named": [
+          "Checkbox"
+        ]
+      },
+      "keywords": [
+        "Checkbox",
+        "checkbox",
+        "CheckboxGroup",
+        "多选",
+        "复选框",
+        "勾选",
+        "check box",
+        "权限多选",
+        "标签多选",
+        "同意条款",
+        "协议勾选",
+        "indeterminate",
+        "半选",
+        "父级半选",
+        "树形父级",
+        "<input type=\"checkbox\">",
+        "input type=checkbox",
+        "native checkbox"
+      ],
+      "ruleCount": 11,
+      "exampleCount": 10,
+      "hasCode": false,
+      "detailRef": "components.index.json#checkbox"
+    },
+    {
+      "id": "switch",
+      "kind": "component",
+      "name": "Switch",
+      "category": "basic",
+      "description": "开关组件，两种状态间即时切换，支持品牌绿/主色黑两种视觉变体，尺寸固定为 MD（36px 体系）。",
+      "import": {
+        "from": "@tf-designsystem/b-end",
+        "default": "Switch"
+      },
+      "keywords": [
+        "Switch",
+        "switch",
+        "开关",
+        "开关组件",
+        "toggle",
+        "设置开关",
+        "功能开关",
+        "推送通知",
+        "隐私模式",
+        "深色模式",
+        "启用 停用",
+        "开启 关闭",
+        "即时生效",
+        "立即生效",
+        "Checkbox 当开关",
+        "手搓 toggle"
+      ],
+      "ruleCount": 9,
+      "exampleCount": 7,
+      "hasCode": false,
+      "detailRef": "components.index.json#switch"
+    },
+    {
+      "id": "slider",
+      "kind": "component",
+      "name": "Slider",
+      "category": "basic",
+      "description": "滑动输入条，支持单值和区间双滑块，拖动时显示数值气泡并支持刻度标签。",
+      "import": {
+        "from": "@tf-designsystem/b-end",
+        "default": "Slider"
+      },
+      "keywords": [
+        "Slider",
+        "slider",
+        "滑动条",
+        "滑块",
+        "滑动输入",
+        "区间滑块",
+        "双滑块",
+        "范围滑块",
+        "range slider",
+        "音量",
+        "亮度",
+        "播放进度",
+        "百分比",
+        "评分滑块",
+        "价格区间",
+        "时间段",
+        "数值范围",
+        "阈值滑块",
+        "<input type=\"range\">",
+        "input type=range",
+        "native range slider"
+      ],
+      "ruleCount": 12,
+      "exampleCount": 9,
+      "hasCode": false,
+      "detailRef": "components.index.json#slider"
+    },
+    {
+      "id": "upload",
+      "kind": "component",
+      "name": "Upload",
+      "category": "basic",
+      "description": "图片宫格上传，96×96 缩略图卡片，支持上传进度、错误重试和禁用态。",
+      "import": {
+        "from": "@tf-designsystem/b-end",
+        "default": "Upload"
+      },
+      "keywords": [
+        "Upload",
+        "upload",
+        "上传",
+        "图片上传",
+        "宫格上传",
+        "图片宫格",
+        "image upload",
+        "头像上传",
+        "商品图片",
+        "主图副图",
+        "工单附件图",
+        "图片佐证",
+        "上传中",
+        "上传进度",
+        "上传失败",
+        "上传成功",
+        "错误重试",
+        "<input type=\"file\">",
+        "input type=file",
+        "native file input"
+      ],
+      "ruleCount": 9,
+      "exampleCount": 6,
+      "hasCode": false,
+      "detailRef": "components.index.json#upload"
+    },
+    {
+      "id": "form-field-stack",
+      "kind": "component",
+      "name": "FormFieldStack",
+      "category": "business",
+      "description": "纵向堆叠 Form 的业务片段（无独立背景/描边、无 FormTitle、无底栏按钮）：按 FormFieldStack 间距样式规范（p-6、gap-6、全宽 stretch）组合任意数量与类型的基础表单控件。stackLayout=select-stack 为 5 段单列 select 示意；stackLayout=mixed-fields 为单 Form 内含 2×input / 2×select / 2×radio / 2×checkbox / 3×textarea 示意。",
+      "import": {
+        "from": "@tf-designsystem/b-end",
+        "default": "FormFieldStack"
+      },
+      "keywords": [
+        "FormFieldStack",
+        "form-field-stack",
+        "表单堆栈",
+        "多段表单",
+        "多个 Form",
+        "多 Form 编排",
+        "表单组合",
+        "字段堆叠",
+        "5 段下拉",
+        "select-stack",
+        "mixed-fields",
+        "混合字段",
+        "手写多 form 间距",
+        "space-y-3 form",
+        "space-y-6 form"
+      ],
+      "ruleCount": 5,
+      "exampleCount": 5,
+      "hasCode": false,
+      "detailRef": "components.index.json#form-field-stack"
+    },
+    {
+      "id": "table",
+      "kind": "component",
+      "name": "Table",
+      "category": "business",
+      "description": "B端业务列表表格，支持标准表格与卡片型表单两种类型。标准表格按列配置单元格类型与尺寸；卡片型表单用于策略、流程、脚本、模板等带父项和版本子项的业务列表，并带展开、查看、更多和分页交互。",
+      "import": {
+        "from": "@tf-designsystem/b-end",
+        "default": "Table"
+      },
+      "keywords": [
+        "Table",
+        "table",
+        "表格",
+        "业务列表",
+        "列表表格",
+        "数据表格",
+        "data table",
+        "grid table",
+        "卡片型表单",
+        "card-form",
+        "策略列表",
+        "版本列表",
+        "父子列表",
+        "表单卡片",
+        "text",
+        "link",
+        "iconText",
+        "textButton",
+        "status",
+        "tag",
+        "switch",
+        "checkbox",
+        "avatar",
+        "avatarText"
+      ],
+      "ruleCount": 25,
+      "exampleCount": 12,
+      "hasCode": false,
+      "detailRef": "components.index.json#table"
+    },
+    {
+      "id": "date-picker",
+      "kind": "component",
+      "name": "DatePicker",
+      "category": "basic",
+      "description": "日期选择器，支持日期、日期时间、日期范围、日期时间范围 4 种类型。",
+      "import": {
+        "from": "@tf-designsystem/b-end",
+        "default": "DatePicker"
+      },
+      "keywords": [
+        "DatePicker",
+        "date-picker",
+        "日期选择",
+        "日期选择器",
+        "日期组件",
+        "date input",
+        "datetime",
+        "daterange",
+        "datetimerange",
+        "日期时间",
+        "日期范围",
+        "日期时间范围",
+        "截止日期",
+        "生日",
+        "过期时间",
+        "有效期",
+        "统计周期",
+        "时间范围筛选",
+        "日期筛选",
+        "预约时间",
+        "会议时间",
+        "日志时间",
+        "created_at",
+        "updated_at"
+      ],
+      "ruleCount": 14,
+      "exampleCount": 10,
+      "hasCode": false,
+      "detailRef": "components.index.json#date-picker"
+    },
+    {
+      "id": "time-picker",
+      "kind": "component",
+      "name": "TimePicker",
+      "category": "basic",
+      "description": "时间选择器，支持单时间与时间范围，触发器视觉对齐 DatePicker，浮层内按 Figma 滚轮面板选择时/分。",
+      "import": {
+        "from": "@tf-designsystem/b-end",
+        "default": "TimePicker"
+      },
+      "keywords": [
+        "TimePicker",
+        "time-picker",
+        "时间选择",
+        "时间选择器",
+        "时分选择",
+        "time",
+        "timerange",
+        "时间范围",
+        "HH:mm",
+        "<input type=\"time\">",
+        "input type=time",
+        "native time input"
+      ],
+      "ruleCount": 9,
+      "exampleCount": 7,
+      "hasCode": false,
+      "detailRef": "components.index.json#time-picker"
+    },
+    {
+      "id": "modal",
+      "kind": "component",
+      "name": "Modal",
+      "category": "basic",
+      "description": "模态弹窗面板，含标题区、内容区和底部按钮。支持居中（center）和全屏弹窗（fullscreen）两种布局变体。",
+      "import": {
+        "from": "@tf-designsystem/b-end",
+        "default": "Modal"
+      },
+      "keywords": [
+        "Modal",
+        "modal",
+        "弹窗",
+        "模态弹窗",
+        "模态框",
+        "dialog",
+        "对话框",
+        "center",
+        "fullscreen",
+        "居中弹窗",
+        "全屏弹窗",
+        "二次确认",
+        "确认删除",
+        "删除确认",
+        "提交确认",
+        "不可撤销",
+        "危险操作确认",
+        "新建表单",
+        "编辑表单",
+        "创建对话框",
+        "编辑对话框",
+        "复杂信息展示",
+        "跨步骤流程",
+        "confirm dialog"
+      ],
+      "ruleCount": 14,
+      "exampleCount": 9,
+      "hasCode": false,
+      "detailRef": "components.index.json#modal"
+    },
+    {
+      "id": "sheet",
+      "kind": "component",
+      "name": "Sheet",
+      "category": "basic",
+      "description": "侧边抽屉面板，从屏幕右侧（或左侧）滑入，含标题区、内容区和底部按钮，3 档宽度，内容超高可滚动。",
+      "import": {
+        "from": "@tf-designsystem/b-end",
+        "default": "Sheet"
+      },
+      "keywords": [
+        "Sheet",
+        "sheet",
+        "侧边抽屉",
+        "抽屉面板",
+        "右侧抽屉",
+        "侧边栏弹层",
+        "drawer",
+        "side panel",
+        "detail panel",
+        "edit panel",
+        "详情面板",
+        "编辑面板",
+        "快速编辑",
+        "长表单",
+        "侧边详情",
+        "侧边长表单",
+        "fixed top-0 right-0",
+        "手写抽屉",
+        "自制 drawer",
+        "right side fixed"
+      ],
+      "ruleCount": 10,
+      "exampleCount": 7,
+      "hasCode": false,
+      "detailRef": "components.index.json#sheet"
+    },
+    {
+      "id": "tag-input",
+      "kind": "component",
+      "name": "TagInput",
+      "category": "basic",
+      "description": "标签输入框，严格复用 Tag 展示已选项与 +N 折叠项，宽度自适应折叠超出标签，并通过 Tooltip 展示被省略标签。",
+      "import": {
+        "from": "@tf-designsystem/b-end",
+        "default": "TagInput"
+      },
+      "keywords": [
+        "TagInput",
+        "tag-input",
+        "标签输入",
+        "多标签输入",
+        "关键字输入",
+        "multi tag input",
+        "已选标签",
+        "+N 折叠",
+        "可关闭标签输入",
+        "closable",
+        "受控",
+        "非受控",
+        "关键词输入",
+        "行业输入",
+        "多标签字段",
+        "人员选择",
+        "手搓 Tag 输入框",
+        "border rounded p-2 tag",
+        "自渲染 Tag 列表"
+      ],
+      "ruleCount": 11,
+      "exampleCount": 8,
+      "hasCode": false,
+      "detailRef": "components.index.json#tag-input"
+    },
+    {
+      "id": "tag",
+      "kind": "component",
+      "name": "Tag",
+      "category": "basic",
+      "description": "标签组件，用于标记、分类或状态展示。支持 13 种颜色变体、2 档字体粗细、3 档尺寸、3 种圆角、可关闭功能。",
+      "import": {
+        "from": "@tf-designsystem/b-end",
+        "default": "Tag"
+      },
+      "keywords": [
+        "Tag",
+        "tag",
+        "标签",
+        "状态标签",
+        "分类标签",
+        "状态标记",
+        "badge tag",
+        "chip",
+        "brand",
+        "red",
+        "orange",
+        "yellow",
+        "green",
+        "cyan",
+        "blue",
+        "purple",
+        "pink",
+        "teal",
+        "grey",
+        "white",
+        "ai",
+        "已通过",
+        "已拒绝",
+        "审核中"
+      ],
+      "ruleCount": 14,
+      "exampleCount": 19,
+      "hasCode": false,
+      "detailRef": "components.index.json#tag"
+    },
+    {
+      "id": "toast",
+      "kind": "component",
+      "name": "Toast",
+      "category": "basic",
+      "description": "轻量反馈条：信息/成功/警示/错误四态，左侧状态图标（相对行首额外 4px 左边距）+ 主文案 + 可选文字操作（绿色文字 Button）+ 可关闭；宽度随内容收缩（w-fit），最大不超过 min(100%,560px)；圆角 12px、可选语义描边（bordered）、内距 12px、主文案 14px 半粗，行内纵向居中对齐。规范仅覆盖单条条目视觉；全局队列、停留时长与 Portal 由业务集成（对齐 HiUI Toast）。",
+      "import": {
+        "from": "@tf-designsystem/b-end",
+        "default": "Toast"
+      },
+      "keywords": [
+        "Toast",
+        "toast",
+        "轻提示",
+        "反馈条",
+        "提示条",
+        "通知条",
+        "snackbar",
+        "notification",
+        "info",
+        "success",
+        "warning",
+        "error",
+        "保存成功",
+        "提交成功",
+        "删除成功",
+        "操作成功",
+        "保存失败",
+        "提交失败",
+        "操作失败",
+        "请求失败",
+        "网络异常",
+        "连接异常",
+        "提示信息",
+        "p-3 bg-green-100"
+      ],
+      "ruleCount": 8,
+      "exampleCount": 12,
+      "hasCode": false,
+      "detailRef": "components.index.json#toast"
+    },
+    {
+      "id": "tooltip",
+      "kind": "component",
+      "name": "Tooltip",
+      "category": "basic",
+      "description": "文字提示气泡，hover/focus 触发，支持 12 个方位与视口边缘自动翻转。默认深色变体（grey-800 背景 + 白字），light 白底变体仅用于 TagInput +N 更多标签场景；文本容器固定规格（圆角 8px、内距 8/12、字号 14px），通过 Portal 渲染到 body 以避开父容器裁切。",
+      "import": {
+        "from": "@tf-designsystem/b-end",
+        "default": "Tooltip"
+      },
+      "keywords": [
+        "Tooltip",
+        "tooltip",
+        "提示气泡",
+        "悬浮提示",
+        "hover 提示",
+        "悬停提示",
+        "placement",
+        "top",
+        "bottom",
+        "left",
+        "right",
+        "上方提示",
+        "下方提示",
+        "图标按钮提示",
+        "icon button tooltip",
+        "iconOnly tooltip",
+        "Button tooltip",
+        "表头提示",
+        "字段说明",
+        "截断提示",
+        "溢出提示",
+        "title 属性",
+        "native title",
+        "title=\"…\""
+      ],
+      "ruleCount": 14,
+      "exampleCount": 10,
+      "hasCode": false,
+      "detailRef": "components.index.json#tooltip"
+    },
+    {
+      "id": "empty",
+      "kind": "component",
+      "name": "Empty",
+      "category": "basic",
+      "description": "空状态占位组件，固定布局（插画 → 文案 → 操作），所有内容区域独立配置、按需组合。10 种内置插画对应常见场景；标题/描述/链接行/三种按钮均可独立传入或省略；buttonLayout 控制横排/竖排。",
+      "import": {
+        "from": "@tf-designsystem/b-end",
+        "default": "Empty"
+      },
+      "keywords": [
+        "Empty",
+        "empty",
+        "空状态",
+        "空状态页",
+        "占位空状态",
+        "empty state",
+        "no-result",
+        "no-content",
+        "not-found",
+        "no-access",
+        "failure",
+        "idle",
+        "success",
+        "construction",
+        "搜索无结果",
+        "无搜索结果",
+        "没有结果",
+        "暂无数据",
+        "没有数据",
+        "无数据",
+        "404 页面",
+        "页面不存在",
+        "Not Found",
+        "无权限"
+      ],
+      "ruleCount": 12,
+      "exampleCount": 12,
+      "hasCode": false,
+      "detailRef": "components.index.json#empty"
+    },
+    {
+      "id": "full-screen-page",
+      "kind": "component",
+      "name": "FullScreenPage",
+      "category": "business",
+      "description": "全屏操作页容器，覆盖整个模版框架（含侧边导航），适合分步骤编辑、创建页面不同板块内容流程，以及内容量大、需沉浸长时间编辑的业务场景。支持白底（直铺/描边面板）和灰底（白卡面板）两种背景模式。",
+      "import": {
+        "from": "@tf-designsystem/b-end",
+        "default": "FullScreenPage"
+      },
+      "keywords": [
+        "FullScreenPage",
+        "full-screen-page",
+        "全屏页",
+        "全屏操作页",
+        "全屏编辑器",
+        "沉浸式页面",
+        "fullscreen page",
+        "immersive editor",
+        "create page",
+        "edit page",
+        "创建页",
+        "编辑页",
+        "创建流程",
+        "编辑流程",
+        "分步骤编辑",
+        "分步骤创建",
+        "步骤编辑页",
+        "多步骤创建页",
+        "页面板块编辑",
+        "不同板块内容流程",
+        "富文本编辑器",
+        "配置页",
+        "详情编辑",
+        "多区块编辑"
+      ],
+      "ruleCount": 14,
+      "exampleCount": 4,
+      "hasCode": false,
+      "detailRef": "components.index.json#full-screen-page"
+    },
+    {
+      "id": "page-template-variable-management-page",
+      "kind": "page-template",
+      "name": "VariableManagementPage",
+      "category": "page-template",
+      "description": "列表页示例片段（与 BasePageFramePattern 配套），可直接复制改造。源文件：./page-patterns/VariableManagementPage.jsx",
+      "import": {
+        "from": "@tf-designsystem/b-end",
+        "default": "VariableManagementPage"
+      },
+      "keywords": [
+        "VariableManagementPage",
+        "列表页",
+        "BasePageFramePattern",
+        "变量管理",
+        "变量管理页",
+        "字段变量",
+        "流程变量",
+        "流程引用",
+        "单白卡列表",
+        "标题 + 筛选 + 表格",
+        "基础列表页"
+      ],
+      "ruleCount": 1,
+      "exampleCount": 0,
+      "hasCode": false,
+      "detailRef": "components.index.json#page-template-variable-management-page"
+    },
+    {
+      "id": "page-template-mcp-management-page",
+      "kind": "page-template",
+      "name": "McpManagementPage",
+      "category": "page-template",
+      "description": "列表页示例片段（与 BasePageFramePattern 配套），可直接复制改造。源文件：./page-patterns/McpManagementPage.jsx",
+      "import": {
+        "from": "@tf-designsystem/b-end",
+        "default": "McpManagementPage"
+      },
+      "keywords": [
+        "McpManagementPage",
+        "列表页",
+        "BasePageFramePattern",
+        "MCP 管理",
+        "MCP 管理页",
+        "MCP 工具",
+        "工具管理",
+        "tool 管理",
+        "双白卡",
+        "左 TagBar 右主表格",
+        "分类树筛选",
+        "左侧维度筛选"
+      ],
+      "ruleCount": 1,
+      "exampleCount": 0,
+      "hasCode": false,
+      "detailRef": "components.index.json#page-template-mcp-management-page"
+    },
+    {
+      "id": "page-template-tab-top-bar-list-page",
+      "kind": "page-template",
+      "name": "TabTopBarListPage",
+      "category": "page-template",
+      "description": "列表页示例片段（与 BasePageFramePattern 配套），可直接复制改造。源文件：./page-patterns/TabTopBarListPage.jsx",
+      "import": {
+        "from": "@tf-designsystem/b-end",
+        "default": "TabTopBarListPage"
+      },
+      "keywords": [
+        "TabTopBarListPage",
+        "列表页",
+        "BasePageFramePattern",
+        "知识库",
+        "QA 对",
+        "QA 列表",
+        "案例库",
+        "文档知识",
+        "TopBar 胶囊 Tab",
+        "一级 Tab",
+        "场景切换",
+        "列表 + 详情面板联动",
+        "右侧详情面板"
+      ],
+      "ruleCount": 1,
+      "exampleCount": 0,
+      "hasCode": false,
+      "detailRef": "components.index.json#page-template-tab-top-bar-list-page"
+    },
+    {
+      "id": "page-template-strategy-list-page",
+      "kind": "page-template",
+      "name": "StrategyListPage",
+      "category": "page-template",
+      "description": "列表页示例片段（与 BasePageFramePattern 配套），可直接复制改造。源文件：./page-patterns/StrategyListPage.jsx",
+      "import": {
+        "from": "@tf-designsystem/b-end",
+        "default": "StrategyListPage"
+      },
+      "keywords": [
+        "StrategyListPage",
+        "列表页",
+        "BasePageFramePattern",
+        "策略管理",
+        "策略列表",
+        "版本子行",
+        "引用次数",
+        "渠道",
+        "树形可展开列表",
+        "父子行 + 分页",
+        "版本管理列表"
+      ],
+      "ruleCount": 1,
+      "exampleCount": 0,
+      "hasCode": false,
+      "detailRef": "components.index.json#page-template-strategy-list-page"
+    },
+    {
+      "id": "customer-service-workspace-frame",
+      "kind": "page-pattern",
+      "name": "客服工作台框架",
+      "category": "page-pattern",
+      "description": "客服 / 在线 Agent 工作台页面框架：顶部在线状态、指标工具区、基础/托管模式切换、半透明工作区与右侧主白卡。适用于客服正在处理会话、工单、质检、托管等工作台页面。",
+      "import": {
+        "from": "@tf-designsystem/b-end",
+        "default": "CustomerServiceWorkspaceFramePattern"
+      },
+      "keywords": [
+        "CustomerServiceWorkspaceFramePattern",
+        "客服工作台框架",
+        "customer-service-workspace-frame",
+        "客服工作台",
+        "客服框架",
+        "在线Agent",
+        "在线 Agent",
+        "Agent 工作台",
+        "客服名称",
+        "在线状态",
+        "在线时长",
+        "基础模式",
+        "托管模式",
+        "指标工具条",
+        "客服顶部状态栏",
+        "在线接待数",
+        "已处理数",
+        "主工作区框架",
+        "会话处理框架",
+        "IM 工作台框架",
+        "工单处理框架",
+        "CustomerServiceWorkspaceFrame"
+      ],
+      "ruleCount": 19,
+      "exampleCount": 0,
+      "hasCode": true,
+      "detailRef": "components.index.json#customer-service-workspace-frame"
+    },
+    {
+      "id": "base-page-frame",
+      "kind": "page-pattern",
+      "name": "基础页面框架",
+      "category": "page-pattern",
+      "description": "B 端列表页模板示例集：左侧 NavBar 业务侧导（5 个\"列表示例\"菜单），每项对应一个独立完整的列表页模板。每个模板自上而下：标题栏 + 筛选栏 + 表格，业务可直接复制单文件作为新页面起点。",
+      "import": {
+        "from": "@tf-designsystem/b-end",
+        "default": "BasePageFramePattern"
+      },
+      "keywords": [
+        "BasePageFramePattern",
+        "基础页面框架",
+        "base-page-frame",
+        "页面框架",
+        "列表页",
+        "管理页",
+        "后台页",
+        "B 端管理后台",
+        "B端列表页",
+        "白卡管理页",
+        "左导航 + 右内容",
+        "NavBar 列表",
+        "变量管理",
+        "MCP 管理",
+        "工具管理",
+        "策略管理",
+        "策略列表",
+        "版本子行",
+        "知识库管理",
+        "QA 列表",
+        "案例库",
+        "审核配置",
+        "数据资产管理",
+        "筛选栏"
+      ],
+      "ruleCount": 35,
+      "exampleCount": 0,
+      "hasCode": true,
+      "detailRef": "components.index.json#base-page-frame"
+    },
+    {
+      "id": "chat-home-page",
+      "kind": "page-pattern",
+      "name": "AI 入口页",
+      "category": "page-pattern",
+      "description": "AI 产品的入口首页模板：左侧 NavBar + 右侧内容区（顶部 Hero ChatInput + 筛选 Tab + 卡片列表网格）。适用于用户尚未进入具体上下文、第一步是输入需求 / 搜索助手 / 从模板开始的场景。",
+      "import": {
+        "from": "@tf-designsystem/b-end",
+        "default": "ChatHomePagePattern"
+      },
+      "keywords": [
+        "ChatHomePagePattern",
+        "AI 入口页",
+        "chat-home-page",
+        "AI 首页",
+        "AI 工作台",
+        "AI 工作台首页",
+        "智能分析入口",
+        "助手广场",
+        "机器人广场",
+        "Agent 广场",
+        "模板中心",
+        "模板广场",
+        "Hero ChatInput",
+        "Hero 区",
+        "欢迎语 + 输入框",
+        "欢迎页",
+        "搜索助手",
+        "推荐机器人",
+        "热门模板",
+        "AI 产品首页",
+        "Copilot 首页",
+        "AI Hub",
+        "今天想做什么",
+        "帮我快速搞定"
+      ],
+      "ruleCount": 10,
+      "exampleCount": 0,
+      "hasCode": true,
+      "detailRef": "components.index.json#chat-home-page"
+    },
+    {
+      "id": "copilot-page",
+      "kind": "page-pattern",
+      "name": "Copilot 助手",
+      "category": "page-pattern",
+      "description": "适用于对象详情、产物预览、策略画布、配置编辑等“主工作区 + AI 侧助”的混合协作页。左侧 Copilot 面板可通过顶栏按钮一键展开/收起，右侧为主内容区。",
+      "import": {
+        "from": "@tf-designsystem/b-end",
+        "default": "CopilotPagePattern"
+      },
+      "keywords": [
+        "CopilotPagePattern",
+        "Copilot 助手",
+        "copilot-page",
+        "Copilot 页面",
+        "Copilot 协同页",
+        "Copilot 详情页",
+        "AI 协同详情页",
+        "左 Copilot 右内容",
+        "左 AI 右画布",
+        "AI 辅助编辑",
+        "策略画布 + AI",
+        "配置编辑 + AI",
+        "流程画布 + Copilot",
+        "编辑页 + AI 助手",
+        "展开 Copilot",
+        "收起 Copilot",
+        "OLA AI 触发按钮",
+        "混合协作",
+        "上下文结果面板",
+        "右侧/顶部 AI 协助",
+        "边查看边追问",
+        "左主内容右 AI",
+        "AI 侧边栏",
+        "灰底裸顶导栏"
+      ],
+      "ruleCount": 11,
+      "exampleCount": 0,
+      "hasCode": true,
+      "detailRef": "components.index.json#copilot-page"
+    },
+    {
+      "id": "chat-conversation-page",
+      "kind": "page-pattern",
+      "name": "AI 对话页",
+      "category": "page-pattern",
+      "description": "独立的 AI 助手会话详情页：顶导栏（返回 + 标题 + 操作按钮组）+ 800px 居中消息流 + 底部吸底 ChatInput。所有消息（用户 / AI）一律用 ChatMessage 渲染（用户走 role=\"user\"，AI 走 header=true）。支持 phase 切换：默认 chat 阶段展示端到端 mock 对话，点「新会话」清空回到 welcome 欢迎屏（CATCAT 头像 + 推荐 chip）。关键词驱动完整任务流：「整理 / 分析 / 生成」→ 任务规划卡 → 用户点开始 → 流式执行流（每 600ms 推一步） → 同条消息更新为总结+产物+追问。",
+      "import": {
+        "from": "@tf-designsystem/b-end",
+        "default": "ChatConversationPattern"
+      },
+      "keywords": [
+        "ChatConversationPattern",
+        "AI 对话页",
+        "chat-conversation-page",
+        "AI 会话页",
+        "AI 对话详情页",
+        "AI 会话详情",
+        "AI 助手会话",
+        "任务协作页",
+        "资料整理页",
+        "策略分析页",
+        "内容生成追问页",
+        "多轮追问页",
+        "消息流",
+        "对话流",
+        "消息列表",
+        "会话面板",
+        "吸底 ChatInput",
+        "底部输入",
+        "800px 居中消息流",
+        "欢迎屏 CATCAT",
+        "推荐 chip",
+        "新会话",
+        "流式执行",
+        "任务规划卡"
+      ],
+      "ruleCount": 18,
+      "exampleCount": 0,
+      "hasCode": true,
+      "detailRef": "components.index.json#chat-conversation-page"
+    },
+    {
+      "id": "im-conversation-page",
+      "kind": "page-pattern",
+      "name": "IM 对话",
+      "category": "page-pattern",
+      "description": "IM 对话片段：适用于客服接待、用户私信、站内信、履约沟通、社群协作等以连续消息往返为核心的即时通讯场景。单个白卡内默认包含当前线程顶部信息元素、消息流和底部组合输入框，并支持真实发送；若是 AI 协同型对话，可切换为 AI 输入框。",
+      "import": {
+        "from": "@tf-designsystem/b-end",
+        "default": "IMConversationPattern"
+      },
+      "keywords": [
+        "IMConversationPattern",
+        "IM 对话",
+        "im-conversation-page",
+        "IM 会话",
+        "IM 聊天",
+        "即时通讯",
+        "聊天对话",
+        "IM 工作台",
+        "客服会话",
+        "客服接待",
+        "用户私信",
+        "站内信",
+        "即时通讯场景",
+        "人工客服",
+        "机器人接待",
+        "机器人对话",
+        "转人工",
+        "客服跟进",
+        "用户进线",
+        "ChatBubble 气泡",
+        "左气泡 右气泡",
+        "聊天气泡组",
+        "系统提示",
+        "已接入"
+      ],
+      "ruleCount": 25,
+      "exampleCount": 0,
+      "hasCode": true,
+      "detailRef": "components.index.json#im-conversation-page"
+    }
+  ]
+}