@teamix-evo/skills 0.12.0 → 0.13.0

package/src/teamix-evo-design-opentrek/pages/list-page/patterns/standard-list.md

@@ -9,7 +9,7 @@
 ```
 ┌──────────┬──────────────────────────────────────────────┤
 │          │  PageHeader                                  │
-│  Sidebar │  标题(18px/medium) [描述*] + [了解更多 12px]          │
+│  OpSidebar │  标题(18px/medium) [描述*] + [了解更多 12px]          │
 │          │  ─────────────────────────                   │
 │          │  ActionToolbar (单行 flex, nowrap)            │
 │          │  [创建] [批量创建]    [全部▼][输入...]🔍 [刷新]   │
@@ -26,7 +26,7 @@
 └──────────┴──────────────────────────────────────────────┘
 ```
 
-> 注: Sidebar 非必需，有 L2 导航需求时采用 TWO_COL，否则 SINGLE_COL。
+> 注: OpSidebar 非必需，有 L2 导航需求时采用 TWO_COL，否则 SINGLE_COL。
 
 ## 2. 必需组件（补充）
 
@@ -74,7 +74,7 @@
 
 ### SearchCombo CSS 实现
 
-> 详细 CSS 规范见 `../_shared/search-combo-spec.md`（容器样式、状态、内部元素）。
+> 详细规范见 `common-components.json` → SearchCombo（容器样式、状态、内部元素）。
 
 ### 搜索与筛选交互
 
@@ -165,17 +165,17 @@
 - 列定义读 `products/polar-db/columns.json`（11列：集群ID/名称/状态/数据库类型/地域/规格/节点数/存储空间/连接地址/到期时间/资源组）
 - 状态机读 `products/polar-db/states.json`（5种状态：运行中/已停止/创建中/变配中/释放中）
 
-## 10. 与 PageContainer 模式对照
+## 10. 与 OpPageContainer 模式对照
 
-> 布局模式定义见 `../../../rules/layout-rules.json`
+> 布局模式定义见 `../../../rules/page-frame.json`
 
 标准列表页使用 **模式D（复合模式）**：
 ```
-PageContainer → ContentWrapper → PageHeader + ActionToolbar + DataTable + BulkActionBar + Pagination
+PageShell → OpSidebar + OpPageContainer → PageHeader + ActionToolbar + DataTable + BulkActionBar + Pagination
 ```
 当不需要筛选时退化为 **模式B**：
 ```
-PageContainer → ContentWrapper → PageHeader + DataTable + BulkActionBar + Pagination
+PageShell → OpSidebar + OpPageContainer → PageHeader + DataTable + BulkActionBar + Pagination
 ```
 
 ## 11. 验证清单
@@ -184,7 +184,7 @@ PageContainer → ContentWrapper → PageHeader + DataTable + BulkActionBar + Pa
 
 | 验证项 | 检查点 | 目标 |
 |--------|--------|------|
-| **Card.paddingX 外侧提供** | Card 白卡容器 `padding: 0 var(--card-padding-x)` (左右 20px)；PageHeader / ActionToolbar / BulkActionBar / Pagination 的水平 padding 全部 = 0 | **必须 100% 一致**，非 Table 子组件重复设置 paddingX 即为违反 |
+| **OpPageContainer 内白卡 paddingX** | OpPageContainer 内置白卡 `p-6`（24px）；PageHeader / ActionToolbar / BulkActionBar / Pagination 的水平 padding 全部 = 0 | **必须 100% 一致**，非 Table 子组件重复设置 paddingX 即为违反 |
 | **Table 分层 padding v7.5** | 中间列 th/td paddingX = 12px（列间距 24px）；首列 padding-left = **20px**；末列 padding-right = **20px**；首列内容 X = Card 外缘 + 40；末列右缘 X = Card 右缘 - 40；唯一可接受模式：`px-3 first:pl-5 last:pr-5` | 100% |
 | 表格列 | 列数、类型、宽度、对齐、排序、固定匹配规范 | 全部匹配 |
 | 列显隐 | 条件列(监控/可用区/组织)按规则显隐 | 正确 |

package/src/teamix-evo-design-opentrek/patterns/color-mapping.md

@@ -1,6 +1,6 @@
 # Color Mapping — OpenTrek v4.1 语义色映射表
 
-> ⚠️ **Prerequisites**: 你必须由 [generation-flow.md](../generation-flow.md) Step 6（视觉填充）引导到这里，或在翻新路径中处理色彩替换时使用。
+> ⚠️ **Prerequisites**: 你必须由 [workflow.md](../workflow.md) Step 6（视觉填充）引导到这里，或在翻新路径中处理色彩替换时使用。
 
 > AI 在写组件代码时**只**消费下表中的 CSS 变量名，**不**直接写色值。Token 真值见 `tokens/tokens.theme.css`，本文件仅做语义到 token 名的映射。
 
@@ -83,7 +83,7 @@
 
 ## 6. Sidebar / Topbar 命名空间
 
-详见 [sidebar-spec.md §3](../rules/sidebar-spec.md#3-颜色映射v41-品牌化)。**不**使用主色槽（`--color-primary` 等），全部走 `--color-sidebar-*` / `--color-topbar-*`。
+详见 `common-components.json` → OpSidebar 及 `design-tokens.json` → sidebarRules。**不**使用主色槽（`--color-primary` 等），全部走 `--color-sidebar-*` / `--color-topbar-*`。
 
 ---
 

package/src/teamix-evo-design-opentrek/patterns/dashboard.md

@@ -1,6 +1,6 @@
 # Dashboard — 数据概览与监控页
 
-> ⚠️ **Prerequisites**: 你必须已在 [generation-flow.md](../generation-flow.md) Step 2 确认页面类型为 **Dashboard**，并由 Step 3 引导到这里。
+> ⚠️ **Prerequisites**: 你必须已在 [workflow.md](../workflow.md) Step 2 确认页面类型为 **Dashboard**，并由 Step 3 引导到这里。
 
 > **完整规范已迁移**：本文件为索引概览，完整生成规范见 [`../pages/dashboard-page/SKILL.md`](../pages/dashboard-page/SKILL.md)。
 > OpenTrek 业务规则见 [`../pages/dashboard-page/patterns/dashboard-opentrek.md`](../pages/dashboard-page/patterns/dashboard-opentrek.md)。

package/src/teamix-evo-design-opentrek/patterns/detail-page.md

@@ -15,7 +15,7 @@ description: >
 > **生成页面时必须读取**：
 > - `../pages/detail-page/SKILL.md` — 子技能入口（子类型列表 + 属性模型）
 > - `../pages/detail-page/patterns/{subtype}.md` — 完整骨架 + DOM 结构 + CSS 约束（resource / monitor / api-doc / comparison）
-> - `../rules/page-header-spec.md` — PageHeader L2 面包屑硬约束
+> - `../rules/common-components.json` → PageHeader — L2 面包屑硬约束
 >
 > 本文件仅用于：(1) 了解详情页子类型概览 (2) 快速判断属于哪个子类型
 
@@ -50,10 +50,10 @@ description: >
 | 属性 | 值 | 说明 |
 |------|-----|------|
 | layout.type | TWO_COL / SINGLE_COL | 见 `rules/page-frame.json` layoutSelectionRules |
-| layout.frame | L2 | 详情页为 L2 级页面，自动继承 Sidebar + PageHeader 面包屑模式 |
+| layout.frame | L2 | 详情页为 L2 级页面，自动继承 OpSidebar + PageHeader 面包屑模式 |
 | responsive | 768px 侧边栏折叠为抽屉，DescriptionList 列数从 4 降为 2 |
 
-> **框架组件自动继承**：Sidebar、PageHeader 由 `rules/page-frame.json` 统一管理，L2 级页面自动继承。
+> **框架组件自动继承**：OpSidebar、PageHeader 由 `rules/page-frame.json` 统一管理，L2 级页面自动继承。
 
 ---
 
@@ -63,7 +63,7 @@ description: >
 
 | 组件 | 引用 | 层级 | 位置 | 说明 |
 |------|------|------|------|------|
-| PageHeader | — | ORGANISM | top | 面包屑模式 + 操作按钮组（详见 `../rules/page-header-spec.md`） |
+| PageHeader | — | ORGANISM | top | 面包屑模式 + 操作按钮组（详见 `common-components.json` → PageHeader） |
 | DescriptionList | — | ORGANISM | center | 核心展示组件，支持 2/3/4 列布局 |
 | DescriptionItem | — | ATOMIC | center | 单个键值对单元，6 种交互模式 |
 
@@ -94,7 +94,7 @@ description: >
 | Form (ORGANISM) | 禁止在主内容区 | 编辑应通过 Sheet/Dialog/FormPage |
 | DataTable | 禁止在主内容区 | 关联数据通过 Tabs 子面板展示 |
 | Chart (ORGANISM) | 禁止替代 DescriptionList | 监控通过 ChartPanel，详见 patterns/monitor-detail.md |
-| PageContainer | 禁止嵌套 | 见 layout-rules.json |
+| PageContainer | 禁止嵌套 | 见 page-frame.json |
 | QueryFilter | 禁止出现 | 详情页无筛选需求 |
 
 ---
@@ -116,7 +116,7 @@ description: >
 | Tabs → TabPane → DescriptionList | ALLOW | Tab 内展示详情 |
 | Tabs → TabPane → DataTable | ALLOW | Tab 内展示关联资源 |
 | PageHeader → ActionGroup | ALLOW | 操作按钮组 |
-| Sidebar → DescriptionList | FORBID | 描述列表不应在侧边栏 |
+| OpSidebar → DescriptionList | FORBID | 描述列表不应在侧边栏 |
 
 > 子类型特有嵌套约束见对应 `patterns/*.md`。
 
@@ -232,7 +232,7 @@ description: >
 
 | 共享规则 | 路径 | 被引用子类型 |
 |----------|------|-------------|
-| PageHeader L1 标题 / L2 面包屑强约束 | `../rules/page-header-spec.md` | 全部 |
+| PageHeader L1 标题 / L2 面包屑强约束 | `../rules/common-components.json` → PageHeader | 全部 |
 
 ---
 
@@ -240,7 +240,7 @@ description: >
 
 - **读取路径**：见根技能 `../../SKILL.md` §4.5 三阶段读取决策树
   - 阶段①：`page-types.json` + `business-mapping.json`
-  - 阶段②：`page-frame.json` + `layout-rules.json` + `page-flow.json`；匹配子类型后追加 `patterns/{子类型}.md`
+  - 阶段②：`page-frame.json` + `page-flow.json`；匹配子类型后追加 `patterns/{子类型}.md`
   - 阶段③（生成 HTML 时）：`design-tokens.json` + `design-tokens.css` + `component-specs.json` + `styling.json` + `../boundaries.md` + `../foundations.md`
 
 > `rules/design-tokens.css` 是设计 Token 唯一真相源：生成 HTML 原型时需将 :root 变量块嵌入 `<style>`；React/TSX 需确保已 `@import` 引入。
@@ -256,7 +256,7 @@ description: >
 | 必需组件 | PageHeader、DescriptionList、DescriptionItem | 100% |
 | 嵌套约束 | PageContainer → ContentWrapper → Card → PageHeader + 内容 | 无违规 |
 | 禁止组件 | 无内联表单、DataTable 主内容区、QueryFilter | 0 个 |
-| PageHeader | 面包屑模式合规（`../rules/page-header-spec.md` 15 项） | 全部通过 |
+| PageHeader | 面包屑模式合规（`common-components.json` → PageHeader.generationChecklist 16 项） | 全部通过 |
 | ContentCard 表面 (v7.6) | 无 1px border + shadow = var(--shadow-sm) | 0 违规 |
 | InfoCard 表面 (v7.6) | 模式 A 跟随主卡；模式 B 仅 padding + border-bottom | 0 违规 |
 | Card 间距 (v7.5) | padding = 0 var(--card-padding-x) = 20px | 正确 |

package/src/teamix-evo-design-opentrek/patterns/form-page.md

@@ -49,12 +49,12 @@ description: >
 | 属性            | 值                                               | 说明                                                                                                             |
 | --------------- | ------------------------------------------------ | ---------------------------------------------------------------------------------------------------------------- |
 | layout.type     | SINGLE_COL / GRID                                | 简单表单 SINGLE_COL，多列表单 GRID                                                                               |
-| layout.frame    | L2                                               | 表单页为 L2 级页面，自动继承 Sidebar（含 Logo+产品名），PageHeader 使用面包屑基础组件模式                        |
+| layout.frame    | L2                                               | 表单页为 L2 级页面，自动继承 OpSidebar（含 Logo+产品名），PageHeader 使用面包屑基础组件模式                        |
 | responsive      | Desktop: 单列/多列, Tablet: 单列, Mobile: 不推荐 |
 | form.layout     | SINGLE_COL(默认), TWO_COL(多字段), SECTION(分区) |
 | submit.position | bottom                                           | flex 布局，所有行动点居右排列（justify-content: flex-end），按钮从左到右顺序：取消 → 上一步（如有）→ 下一步/提交 |
 
-> **框架组件自动继承**：Sidebar、Breadcrumb 由 `rules/page-frame.json` 统一管理，L2 级页面自动包含。弹窗表单（Dialog/FormPage）为 L0 级，无框架组件。
+> **框架组件自动继承**：OpSidebar、Breadcrumb 由 `rules/page-frame.json` 统一管理，L2 级页面自动包含。弹窗表单（Dialog/FormPage）为 L0 级，无框架组件。
 
 ## 4. 标准布局骨架
 
@@ -226,7 +226,7 @@ description: >
 | Form       | FieldGroup | ORGANISM | center | 表单容器，替代 div + space-y-\* |
 | SubmitBar  | —          | ORGANISM | bottom | 提交操作栏，底部固定            |
 
-> **框架级组件**（自动继承，无需在此声明）：Sidebar、Breadcrumb 由 `rules/page-frame.json` 统一管理，L2 级页面自动包含。弹窗表单（Dialog 内）为 L0 级，无框架组件。
+> **框架级组件**（自动继承，无需在此声明）：OpSidebar、Breadcrumb 由 `rules/page-frame.json` 统一管理，L2 级页面自动包含。弹窗表单（Dialog 内）为 L0 级，无框架组件。
 
 ### 可选组件
 
@@ -257,7 +257,7 @@ description: >
 | ----------------- | ------------------------ | ------------------------------------------- |
 | DataTable         | 禁止出现在表单页主内容区 | 如需选择关联数据，用 Dialog + DataTable     |
 | Chart             | 禁止出现在表单页         | 图表属于 Dashboard                          |
-| PageContainer     | 禁止嵌套                 | 见 `rules/layout-rules.json`                |
+| PageContainer     | 禁止嵌套                 | 见 `rules/page-frame.json`                  |
 | ListPage          | 禁止嵌套                 | 表单页是页面级组件                          |
 | 内联 Input        | 禁止不在 Field 内        | 所有 Input 必须在 FieldGroup → Field 内(F1) |
 | 原始 div 表单布局 | 禁止                     | 用 FieldGroup + Field 替代(F1)              |
@@ -348,7 +348,7 @@ description: >
 
 ### 6.5 与 PageContainer 模式对照
 
-> 布局模式定义见 `rules/layout-rules.json`
+> 布局模式定义见 `rules/page-frame.json`
 
 表单页使用 **模式 A（直接内容）或模式 B（Card 分组）**：
 
@@ -367,7 +367,7 @@ PageContainer → ContentWrapper → Breadcrumb + PageHeader + Card[FieldGroup]
 
 - **读取路径**：见根技能 `../../SKILL.md` §4.5 三阶段读取决策树
   - 阶段 ①：`page-types.json` + `business-mapping.json`
-  - 阶段 ②：`page-frame.json` + `layout-rules.json` + `page-flow.json`
+  - 阶段 ②：`page-frame.json` + `page-flow.json`
   - 阶段 ③（生成 HTML 时）：`design-tokens.json` + `design-tokens.css` + `styling.json` + `../boundaries.md` + `../foundations.md`（表单布局精确规格见本文 §8）
 
 > `rules/design-tokens.css` 是设计 Token 的唯一真相源（:root 变量定义）：生成 HTML 原型时需将 :root 变量块嵌入页面 `<style>` 标签；生成 React/TSX 需确保项目已通过 `@import` 引入该 CSS 文件。

package/src/teamix-evo-design-opentrek/patterns/list-page.md

@@ -16,7 +16,7 @@ description: >
 > **生成页面时必须读取**：
 > - `../pages/list-page/SKILL.md` — 子技能入口（子类型列表 + 属性模型）
 > - `../pages/list-page/patterns/{subtype}.md` — 完整骨架 + DOM 结构 + CSS 约束
-> - `../pages/list-page/_shared/search-combo-spec.md` — SearchCombo 20px 间距硬约束
+> - `../rules/common-components.json` → SearchCombo — 20px 间距硬约束
 > - `../pages/list-page/_shared/action-column-spec.md` — 操作列规范
 >
 > 本文件仅用于：(1) 了解 6 种子类型概览 (2) 快速判断属于哪个子类型
@@ -34,11 +34,11 @@ description: >
 | 子类型ID | 识别关键词 | 路由到 | 布局模式 | 核心组件 |
 |----------|-----------|--------|----------|----------|
 | standard | "列表"/"表格"/"查询" | → `patterns/standard-list.md` | 模式D | DataTable + Pagination |
-| l2-sidebar | "分类"/"分组"/"左侧树" | → `patterns/l2-sidebar-list.md` | 模式D + Sidebar | Sidebar(240px) + DataTable |
+| l2-sidebar | "分类"/"分组"/"左侧树" | → `patterns/l2-sidebar-list.md` | 模式D + OpSidebar | OpSidebar(240px) + DataTable |
 | expandable | "展开"/"子项"/"详情" | → `patterns/expandable-list.md` | 模式D | DataTable(行内展开) |
 | drawer | "弹窗列表"/"选择器" | → `patterns/drawer-list.md` | 模式D (Sheet 内) | DataTable ⊂ Sheet |
 | **pure-card** | "纯卡片"/"卡片管理"/"智能体列表" | → `patterns/card-list.md` | 模式A-CARD | CardGrid + ItemCard + CardActionBar |
-| **standard-card** | "卡片列表"/"分类卡片"/"资源卡片" | → `patterns/card-list.md` | 模式D-CARD (TWO_COL) | Sidebar + CardGrid + ItemCard + CardActionBar |
+| **standard-card** | "卡片列表"/"分类卡片"/"资源卡片" | → `patterns/card-list.md` | 模式D-CARD (TWO_COL) | OpSidebar + CardGrid + ItemCard + CardActionBar |
 | **view-toggle** | "视图切换"/"列表卡片切换" | → `patterns/card-list.md` | 模式D + ViewToggle | ViewToggle + CardGrid/DataTable + ItemCard(tile) |
 | advanced-filter | "高级筛选"/"更多条件" | → `patterns/advanced-filter-list.md` | 模式D+ | AdvancedFilterPanel + DataTable |
 
@@ -62,11 +62,11 @@ description: >
 | 属性 | 值 | 说明 |
 |------|-----|------|
 | layout.type | TWO_COL / SINGLE_COL | 见 `rules/page-frame.json` layoutSelectionRules |
-| layout.frame | L1 | 列表页为 L1 级页面，自动继承 Sidebar（含Logo+产品名）。无面包屑。 |
+| layout.frame | L1 | 列表页为 L1 级页面，自动继承 OpSidebar（含Logo+产品名）。无面包屑。 |
 | responsive | Desktop ≥1200px(完整), Tablet 768-1199px(横滚), Mobile <768px(不推荐) |
 | pagination.default | 标准列表 10 条/页, 纯卡片 12 条/页 |
 
-> **框架组件自动继承**：Sidebar 的存在性由 `rules/page-frame.json` 统一管理，子技能只定义内容区组件。L1 级页面自动包含：Sidebar（顶部Logo+产品名），无面包屑。
+> **框架组件自动继承**：OpSidebar 的存在性由 `rules/page-frame.json` 统一管理，子技能只定义内容区组件。L1 级页面自动包含：OpSidebar（顶部Logo+产品名），无面包屑。
 
 ---
 
@@ -80,7 +80,7 @@ description: >
 | ActionToolbar | — | ORGANISM | top | 操作工具栏，单行 flex(flex-wrap:nowrap)，左侧创建按钮 + 右侧搜索工具 |
 | Pagination | — | MOLECULAR | bottom | 分页控件 |
 
-> **框架级组件**（自动继承，无需在此声明）：Sidebar 由 `rules/page-frame.json` 统一管理，L1 级页面自动包含。
+> **框架级组件**（自动继承，无需在此声明）：OpSidebar 由 `rules/page-frame.json` 统一管理，L1 级页面自动包含。
 > 注：DataTable 为 standard/l2/expandable/drawer/view-toggle 的必需组件；CardGrid 为 standard-card/pure-card/view-toggle 的必需组件。
 
 ### 禁止组件
@@ -89,7 +89,7 @@ description: >
 |------|------|------|
 | Form(ORGANISM) | 禁止直接出现在内容区 | 表单应通过 Dialog/Sheet/FormPage 触发 |
 | Chart(ORGANISM) | 禁止出现在标准列表页 | 图表属于 Dashboard |
-| PageContainer | 禁止嵌套 | 见 `rules/layout-rules.json` |
+| PageContainer | 禁止嵌套 | 见 `rules/page-frame.json` |
 | 内联编辑 | 禁止 | 编辑应通过 Sheet/Dialog/FormPage |
 | 拖拽排序 | 禁止 | 表格数据为服务端排序 |
 | 无限滚动 | 禁止 | B2B 管理场景需精确分页 |
@@ -228,7 +228,7 @@ Card 白卡容器：`padding: 0 var(--card-padding-x)` （上下 0 / 左右 20px
 | DataTable → Pagination | ALLOW | 分页控件 |
 | DataTable → Dialog | WARN | 确认弹窗由全局状态管理 |
 | DataTable → Form | FORBID | 表格内不应直接嵌套完整表单 |
-| Sidebar → DescriptionList | FORBID | 描述列表不应嵌套在侧边栏 |
+| OpSidebar → DescriptionList | FORBID | 描述列表不应嵌套在侧边栏 |
 
 ---
 
@@ -269,7 +269,7 @@ Card 白卡容器：`padding: 0 var(--card-padding-x)` （上下 0 / 左右 20px
 
 - **读取路径**：见根技能 `../../SKILL.md` §4.5 四阶段读取决策树
   - 阶段①：`page-types.json` + `business-mapping.json`
-  - 阶段②：`page-frame.json` + `layout-rules.json` + `page-flow.json` + `_shared/search-combo-spec.md`；卡片子类型 (pure-card / standard-card / view-toggle) 追加读取 `patterns/card-list.md`（v7.3 起为三件套唯一规范来源）
+  - 阶段②：`page-frame.json` + `page-flow.json` + `common-components.json`（SearchCombo）；卡片子类型 (pure-card / standard-card / view-toggle) 追加读取 `patterns/card-list.md`（v7.3 起为三件套唯一规范来源）
   - 阶段②.5：`products/{产品}/columns.json` + `states.json`（v6.2 新增）
   - 阶段③（生成 HTML 时）：`design-tokens.json` + `design-tokens.css` + `styling.json` + `../boundaries.md` + `../foundations.md`
 

package/src/teamix-evo-design-opentrek/patterns/page-types.md

@@ -2,7 +2,7 @@
 
 > ⚠️ **页面类型完整定义以 [`../rules/page-types.json`](../rules/page-types.json) 为准。本文仅补充 JSON 无法表达的设计指南（Zone 空间关系、结构铁律、自检清单）。**
 
-> **Prerequisites**: 你必须由 [generation-flow.md](../generation-flow.md) Step 2 引导到这里。若未完成 Step 1（需求确认），请先返回。
+> **Prerequisites**: 你必须由 [workflow.md](../workflow.md) Step 2 引导到这里。若未完成 Step 1（需求确认），请先返回。
 
 ---
 
@@ -10,7 +10,7 @@
 
 - **11 种页面类型 + 子类型 + 识别条件 + 决策关键词** → [`rules/page-types.json` `pageTypes[]`](../rules/page-types.json)
 - **优先级裁决规则**（关键词冲突时如何选）→ [`rules/page-types.json` `priorityRules`](../rules/page-types.json)
-- **页面级别 L0 / L1 / L2 + Sidebar / PageHeader 自动继承** → [`rules/page-frame.json` `frameLevels`](../rules/page-frame.json)
+- **页面级别 L0 / L1 / L2 + OpSidebar / PageHeader 自动继承** → [`rules/page-frame.json` `frameLevels`](../rules/page-frame.json)
 
 > JSON 中每个 pageType 已含 `level` 字段（L0/L1/L2）；`决策关键词`、`识别条件` 已覆盖决策树逻辑；`priorityRules` 处理关键词冲突。AI 应直接读 JSON，本文不再复述表格。
 
@@ -30,7 +30,7 @@ JSON `zoneMap.zones` 给出区域 id / 位置 / 用途的机读定义。下面
 └─────────┴───────────────────────────────────┘
 ```
 
-**默认壳层基线**：`Sidebar(左) + Header(顶) + Main(中)` 三栏布局。`aside` 仅按 variant 启用。
+**默认壳层基线**：`OpSidebar(左) + Header(顶) + Main(中)` 三栏布局。`aside` 仅按 variant 启用。
 
 ---