@teamix-evo/skills 0.12.0 → 0.13.0

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

@@ -42,10 +42,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 级页面自动继承。
 
 ---
 
@@ -55,7 +55,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 种交互模式 |
 
@@ -86,7 +86,7 @@ description: >
 | Form (ORGANISM) | 禁止在主内容区 | 编辑应通过 Sheet/Dialog/FormPage |
 | DataTable | 禁止在主内容区 | 关联数据通过 Tabs 子面板展示 |
 | Chart (ORGANISM) | 禁止替代 DescriptionList | 监控通过 ChartPanel，详见 patterns/monitor-detail.md |
-| PageContainer | 禁止嵌套 | 见 layout-rules.json |
+| PageContainer / OpPageContainer | 禁止嵌套 | 见 page-frame.json |
 | QueryFilter | 禁止出现 | 详情页无筛选需求 |
 
 ---
@@ -95,20 +95,19 @@ description: >
 
 | 父子关系 | 状态 | 说明 |
 |----------|------|------|
-| PageContainer → ContentWrapper | ALLOW | 右侧内容大容器（必需） |
-| ContentWrapper → Card(白卡容器) | ALLOW | 白色卡片容器（必需） |
-| Card(白卡容器) → PageHeader | ALLOW | 标准结构（面包屑模式） |
-| Card(白卡容器) → InfoCard | ALLOW | 摘要卡片 |
-| Card(白卡容器) → Tabs | ALLOW | 分类 Tab |
-| Card(白卡容器) → DescriptionList | ALLOW | 核心展示 |
-| ContentWrapper → PageHeader / DescriptionList / Tabs | FORBID | 必须经过白卡容器包裹 |
-| Card(白卡容器) → Card(白卡容器) | FORBID | 白卡容器为单例 |
+| PageShell → OpSidebar + OpPageContainer | ALLOW | OpenTrek 标准页面框架（必需） |
+| OpPageContainer → PageHeader | ALLOW | 标准结构（面包屑模式） |
+| OpPageContainer → InfoCard | ALLOW | 摘要卡片 |
+| OpPageContainer → Tabs | ALLOW | 分类 Tab |
+| OpPageContainer → DescriptionList | ALLOW | 核心展示 |
+| 跳过 OpPageContainer 直接挂载业务组件 | FORBID | 必须经过 OpPageContainer 包裹 |
+| OpPageContainer → OpPageContainer | FORBID | 页面容器为单例 |
 | DescriptionList → ListSection | ALLOW | 信息分组 |
 | ListSection → DescriptionItem | ALLOW | 分组详情项 |
 | Tabs → TabPane → DescriptionList | ALLOW | Tab 内展示详情 |
 | Tabs → TabPane → DataTable | ALLOW | Tab 内展示关联资源 |
 | PageHeader → ActionGroup | ALLOW | 操作按钮组 |
-| Sidebar → DescriptionList | FORBID | 描述列表不应在侧边栏 |
+| OpSidebar → DescriptionList | FORBID | 描述列表不应在侧边栏 |
 
 > 子类型特有嵌套约束见对应 `patterns/*.md`。
 
@@ -173,16 +172,16 @@ description: >
 
 | 层级 | Token | 值 | 含义 |
 |------|-------|----|------|
-| PageContainer 外层 | `--page-container-padding` | **16px** | 四周 padding |
-| Card 白卡容器内 | `--card-padding-x` | **20px** | 唯一对齐源 |
+| OpPageContainer 外层 | `py-5 pr-5` | **20px** | 上下/右 padding，左无 |
+| OpPageContainer 内白卡 | `p-6` | **24px** | 内部统一内边距 |
 | Card 内区块垂直间距 | `--card-gap` | 16px | 各区块纵向间距 |
 | DescriptionList 内 | C26-DescriptionList | 见 component-specs.json | 行高与列宽 |
 
 **派生约束**：
-- ContentCard 左右 padding 由 `--card-padding-x = 20px` 提供
+- OpPageContainer 内白卡 `p-6`（24px）统一提供内边距
 - 子组件（DescriptionList / InfoCard / Tabs / PageHeader）**不再重复设置左右 padding**
 
-### 7.2 ContentCard 表面规则（v7.6）
+### 7.2 OpPageContainer 内白卡表面规则（v7.6）
 
 | 属性 | **v7.6（当前）** |
 |------|----------------|
@@ -195,7 +194,7 @@ description: >
 
 #### 模式 A：独立 Card 容器模式
 
-跟随主卡 ContentCard 应用 v7.6：`border: none` + `box-shadow: var(--shadow-sm)`
+跟随 OpPageContainer 内白卡应用 v7.6：`border: none` + `box-shadow: var(--shadow-sm)`
 
 #### 模式 B：嵌入主卡内的分组区块模式
 
@@ -224,7 +223,7 @@ description: >
 
 | 共享规则 | 路径 | 被引用子类型 |
 |----------|------|-------------|
-| PageHeader L1 标题 / L2 面包屑强约束 | `../../rules/page-header-spec.md` | 全部 |
+| PageHeader L1 标题 / L2 面包屑强约束 | `../../rules/common-components.json` → PageHeader | 全部 |
 
 ---
 
@@ -232,7 +231,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` 引入。
@@ -246,13 +245,13 @@ description: >
 | 检查项 | 检查点 | 目标 |
 |--------|--------|------|
 | 必需组件 | PageHeader、DescriptionList、DescriptionItem | 100% |
-| 嵌套约束 | PageContainer → ContentWrapper → Card → PageHeader + 内容 | 无违规 |
+| 嵌套约束 | PageShell → OpSidebar + OpPageContainer → PageHeader + 内容 | 无违规 |
 | 禁止组件 | 无内联表单、DataTable 主内容区、QueryFilter | 0 个 |
-| PageHeader | 面包屑模式合规（`../../rules/page-header-spec.md` 15 项） | 全部通过 |
-| ContentCard 表面 (v7.6) | 无 1px border + shadow = var(--shadow-sm) | 0 违规 |
+| PageHeader | 面包屑模式合规（`common-components.json` → PageHeader.generationChecklist 16 项） | 全部通过 |
+| ContentCard 表面 (v7.6) | OpPageContainer 内白卡无 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 | 正确 |
-| PageContainer 间距 | padding = var(--page-container-padding) = 16px | 正确 |
+| Card 间距 (v7.5) | OpPageContainer 内白卡 p-6 (24px) | 正确 |
+| OpPageContainer 间距 | padding = py-5 pr-5 (20px,左侧无 padding) | 正确 |
 | 功能性分割线 | PageHeader / Tabs / Separator 的 border 保留 | 不被误删 |
 | 操作按钮 | 前置条件、确认方式、异步处理 | 全部正确 |
 | Tab 切换 | 懒加载、URL hash、Empty | 正确 |

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

@@ -3,7 +3,7 @@
 > 路由自 `../SKILL.md`
 > 布局模式: 模式B + C 组合
 > 核心组件: ApiEndpoint + ParameterTable + CodeBlock + DescriptionList
-> PageHeader 规范: `../../../rules/page-header-spec.md`
+> PageHeader 规范: `../../../rules/common-components.json` → PageHeader
 
 ---
 
@@ -21,11 +21,7 @@
 ## 3. 标准布局骨架
 
 ```
-PageContainer
-  ↓
-ContentWrapper
-  ↓
-Card(白卡容器)
+PageShell → OpSidebar + OpPageContainer
   ├─ PageHeader (面包屑模式)
   │  └─ 模型 API > API 列表 > 接口详情
   │     [在线调试] [编辑] [×]
@@ -155,7 +151,7 @@ Card(白卡容器)
 
 | 验证项 | 检查点 | 目标 |
 |--------|--------|------|
-| PageHeader | 面包屑模式合规（见 `rules/page-header-spec.md`） | 15 项全部通过 |
+| PageHeader | 面包屑模式合规（见 `common-components.json` → PageHeader.generationChecklist） | 16 项全部通过 |
 | ApiEndpoint | 方法 Badge 颜色正确，容器高度 48px | 正确 |
 | ParameterTable | 嵌套缩进 24px/层，最多 3 层 | 正确 |
 | CodeBlock | 多语言 Tab 切换，复制功能正常 | 正确 |

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

@@ -3,7 +3,7 @@
 > 路由自 `../SKILL.md`
 > 布局模式: 模式B
 > 核心组件: PageHeader(面包屑) + 双栏/多栏 DescriptionList
-> PageHeader 规范: `../../../rules/page-header-spec.md`
+> PageHeader 规范: `../../../rules/common-components.json` → PageHeader
 
 ---
 
@@ -20,11 +20,7 @@
 ## 3. 标准布局骨架
 
 ```
-PageContainer
-  ↓
-ContentWrapper
-  ↓
-Card(白卡容器)
+PageShell → OpSidebar + OpPageContainer
   ├─ PageHeader (面包屑模式)
   │  └─ 配置管理 > 版本对比
   │     [应用版本B] [返回]
@@ -94,7 +90,7 @@ Card(白卡容器)
 
 | 验证项 | 检查点 | 目标 |
 |--------|--------|------|
-| PageHeader | 面包屑模式合规（见 `rules/page-header-spec.md`） | 15 项全部通过 |
+| PageHeader | 面包屑模式合规（见 `common-components.json` → PageHeader.generationChecklist） | 16 项全部通过 |
 | 双栏对齐 | 两栏宽度相等，字段名对齐 | 正确 |
 | 差异高亮 | 变更项有明确视觉标识 | 正确 |
 | 仅差异视图 | Toggle 后隐藏相同项 | 正确 |

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

@@ -3,7 +3,7 @@
 > 路由自 `../SKILL.md`
 > 布局模式: 模式B + C 组合
 > 核心组件: MetricCard + ChartPanel + AlertList + TimeRangeSelector
-> PageHeader 规范: `../../../rules/page-header-spec.md`
+> PageHeader 规范: `../../../rules/common-components.json` → PageHeader
 
 ---
 
@@ -22,11 +22,7 @@
 ## 3. 标准布局骨架
 
 ```
-PageContainer
-  ↓
-ContentWrapper
-  ↓
-Card(白卡容器)
+PageShell → OpSidebar + OpPageContainer
   ├─ PageHeader (面包屑模式)
   │  └─ 实例管理 > 实例详情 > 监控
   │     [TimeRangeSelector] [⟳ 刷新]
@@ -181,7 +177,7 @@ Card(白卡容器)
 
 | 验证项 | 检查点 | 目标 |
 |--------|--------|------|
-| PageHeader | 面包屑模式合规（见 `rules/page-header-spec.md`） | 15 项全部通过 |
+| PageHeader | 面包屑模式合规（见 `common-components.json` → PageHeader.generationChecklist） | 16 项全部通过 |
 | MetricCard 横排 | grid 4列布局，gap 12px | 正确 |
 | TimeRangeSelector | PageHeader 右侧，SegmentedControl 样式 | 正确 |
 | ChartPanel Grid | 2×2 网格，gap 16px | 正确 |

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

@@ -3,7 +3,7 @@
 > 路由自 `../SKILL.md`
 > 布局模式: 模式B + C 组合（Card 分组 + Tabs 分组）
 > 核心组件: PageHeader(面包屑) + InfoCard + DescriptionList + Tabs
-> PageHeader 规范: `../../../rules/page-header-spec.md`
+> PageHeader 规范: `../../../rules/common-components.json` → PageHeader
 
 ---
 
@@ -19,12 +19,12 @@
 - DescriptionList 结构化键值对展示
 - 操作按钮组（编辑/删除/续费/更多）
 
-## 3. 标准布局骨架（含 Sidebar）
+## 3. 标准布局骨架（含 OpSidebar）
 
 ```
 ┌──────────┬──────────────────────────────────────────────┐
-│          │  PageContainer                               │
-│  Sidebar │  ┌─ Card(白卡容器) ───────────────────────┐ │
+│          │  OpPageContainer                             │
+│ OpSidebar│  ┌─ 内置白卡 ──────────────────────────────┐ │
 │          │  │  PageHeader (仅面包屑，禁止标题)        │ │
 │          │  │  实例与镜像 > 实例列表 > 实例详情        │ │
 │          │  │            [创建镜像] [续费] [更多] [×]  │ │
@@ -48,11 +48,11 @@
 └──────────┴──────────────────────────────────────────────┘
 ```
 
-## 4. 简洁模式（无 Sidebar）
+## 4. 简洁模式（无 OpSidebar）
 
 ```
 ┌─────────────────────────────────────────────────────────┐
-│  ┌─ Card(白卡容器) ──────────────────────────────────┐  │
+│  ┌─ OpPageContainer ────────────────────────────────────┐  │
 │  │  PageHeader (仅面包屑，禁止标题)                    │  │
 │  │  用户列表 > 张三                  [编辑] [删除]    │  │
 │  │  DescriptionList (column: 2)                        │  │
@@ -123,15 +123,15 @@
 | Tabs → TabPane → DescriptionList | ✅ ALLOW | Tab 内展示详情 |
 | Tabs → TabPane → DataTable | ✅ ALLOW | Tab 内展示关联资源列表 |
 
-## 9. 与 PageContainer 模式对照
+## 9. 与 OpPageContainer 模式对照
 
 资源详情页使用 **模式B（Card 分组）+ 模式C（Tabs 分组）组合**：
 ```
-PageContainer → ContentWrapper → Card → PageHeader(面包屑模式) + InfoCard + Tabs → TabPane[DescriptionList]
+PageShell → OpSidebar + OpPageContainer → PageHeader(面包屑模式) + InfoCard + Tabs → TabPane[DescriptionList]
 ```
 简洁详情页退化为 **模式B**：
 ```
-PageContainer → ContentWrapper → Card → PageHeader(面包屑模式) + DescriptionList
+PageShell → OpSidebar + OpPageContainer → PageHeader(面包屑模式) + DescriptionList
 ```
 
 ## 10. 验证清单
@@ -140,7 +140,7 @@ PageContainer → ContentWrapper → Card → PageHeader(面包屑模式) + Desc
 
 | 验证项 | 检查点 | 目标 |
 |--------|--------|------|
-| PageHeader | 面包屑模式合规（见 `rules/page-header-spec.md`） | 15 项全部通过 |
+| PageHeader | 面包屑模式合规（见 `common-components.json` → PageHeader.generationChecklist） | 16 项全部通过 |
 | InfoCard 表面 | 独立 Card 模式跟随 v7.6；嵌入模式仅 padding + border-bottom | 正确 |
 | ChartPanel | 资源页嵌入监控图表时遵循 monitor-detail.md §9 规格 | 正确 |
 | DescriptionList | 列数(默认2)、字段截断+Tooltip、空值"-"占位 | 正确 |

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

@@ -42,12 +42,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. 标准布局骨架
 
@@ -55,7 +55,7 @@ description: >
 
 ```
 ┌─────────────────────────────────────────────────────────┐
-│  ┌─ Card(白卡容器) ──────────────────────────────────┐  │
+│  ┌─ OpPageContainer ────────────────────────────────────┐  │
 │  │  PageHeader (面包屑模式)
 │  │   新建实例                                │  │
 │  │  Form (SINGLE_COL)                                   │  │
@@ -99,7 +99,7 @@ description: >
 
 ```
 ┌─────────────────────────────────────────────────────────┐
-│  ┌─ Card(白卡容器) ──────────────────────────────────┐  │
+│  ┌─ OpPageContainer ────────────────────────────────────┐  │
 │  │  PageHeader (面包屑模式)
 │  │   编辑用户                                │  │
 │  │  Form (TWO_COL)                                     │  │
@@ -122,7 +122,7 @@ description: >
 
 ```
 ┌─────────────────────────────────────────────────────────┐
-│  ┌─ Card(白卡容器) ──────────────────────────────────┐  │
+│  ┌─ OpPageContainer ────────────────────────────────────┐  │
 │  │  PageHeader (面包屑模式)
 │  │   创建数据库                              │  │
 │  │  Form (SECTION)                                     │  │
@@ -204,7 +204,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 级，无框架组件。
 
 ### 可选组件
 
@@ -233,7 +233,7 @@ description: >
 |------|------|------|
 | DataTable | 禁止出现在表单页主内容区 | 如需选择关联数据，用 Dialog + DataTable |
 | Chart | 禁止出现在表单页 | 图表属于 Dashboard |
-| PageContainer | 禁止嵌套 | 见 `rules/layout-rules.json` |
+| PageContainer / OpPageContainer | 禁止嵌套 | 见 `rules/page-frame.json` |
 | ListPage | 禁止嵌套 | 表单页是页面级组件 |
 | 内联 Input | 禁止不在 Field 内 | 所有 Input 必须在 FieldGroup → Field 内(F1) |
 | 原始 div 表单布局 | 禁止 | 用 FieldGroup + Field 替代(F1) |
@@ -242,22 +242,21 @@ description: >
 
 | 父子关系 | 状态 | 说明 |
 |----------|------|------|
-| PageContainer → ContentWrapper | ALLOW | 右侧内容大容器（必需） |
-| ContentWrapper → Card(白卡容器) | ALLOW | 白色卡片容器，包裹所有业务内容（必需） |
-| Card(白卡容器) → Breadcrumb | ALLOW | 标准结构 |
-| Card(白卡容器) → PageHeader | ALLOW | 标准结构 |
-| Card(白卡容器) → FieldGroup | ALLOW | 表单容器 |
-| Card(白卡容器) → SubmitBar | ALLOW | 底部提交栏 |
-| ContentWrapper → PageHeader / Breadcrumb / FieldGroup / SubmitBar | FORBID | 业务组件必须经过白卡容器包裹 |
-| Card(白卡容器) → Card(白卡容器) | FORBID | 白卡容器为单例，禁止嵌套 |
+| PageShell → OpSidebar + OpPageContainer | ALLOW | OpenTrek 标准页面框架（必需） |
+| OpPageContainer → Breadcrumb | ALLOW | 标准结构 |
+| OpPageContainer → PageHeader | ALLOW | 标准结构 |
+| OpPageContainer → FieldGroup | ALLOW | 表单容器 |
+| OpPageContainer → SubmitBar | ALLOW | 底部提交栏 |
+| 跳过 OpPageContainer 直接挂载业务组件 | FORBID | 业务组件必须经过 OpPageContainer 包裹 |
+| OpPageContainer → OpPageContainer | FORBID | 页面容器为单例，禁止嵌套 |
 | FieldGroup → Field | ALLOW | 表单字段 |
 | Field → Input/Select/Switch | ALLOW | 表单控件 |
 | Field → ToggleGroup | ALLOW | 选项组控件 |
 | Field → Textarea | ALLOW | 多行文本 |
-| Card(白卡容器) → Card(分区) | ALLOW | 分区表单（内部卡片） |
+| OpPageContainer → Card(分区) | ALLOW | 分区表单（内部卡片） |
 | Card(分区) → FieldGroup | ALLOW | 分区内表单 |
-| Card(白卡容器) → Dialog | WARN | 取消确认弹窗由全局状态管理 |
-| Card(白卡容器) → Form | FORBID | Form 应在 FieldGroup 层级 |
+| OpPageContainer → Dialog | WARN | 取消确认弹窗由全局状态管理 |
+| OpPageContainer → Form | FORBID | Form 应在 FieldGroup 层级 |
 | Field → InputGroup | ALLOW | 输入框组（验证码等场景） |
 
 ## 6. 页面交互补充
@@ -322,18 +321,18 @@ description: >
 - **按钮在 input 内**: 用 `InputGroup` + `InputGroupAddon`(F3)
 - **Sonner 反馈**: `import { toast } from "sonner"`(C9)
 
-### 6.5 与 PageContainer 模式对照
+### 6.5 与 OpPageContainer 模式对照
 
-> 布局模式定义见 `rules/layout-rules.json`
+> 布局模式定义见 `rules/page-frame.json`
 
 表单页使用 **模式A（直接内容）或模式B（Card 分组）**：
 ```
-模式A: PageContainer → ContentWrapper → Breadcrumb + PageHeader + FieldGroup + SubmitBar
-模式B: PageContainer → ContentWrapper → Breadcrumb + PageHeader + Card[FieldGroup] + SubmitBar
+模式A: PageShell → OpSidebar + OpPageContainer → Breadcrumb + PageHeader + FieldGroup + SubmitBar
+模式B: PageShell → OpSidebar + OpPageContainer → Breadcrumb + PageHeader + Card[FieldGroup] + SubmitBar
 ```
 分区表单使用 **模式B 扩展**：
 ```
-PageContainer → ContentWrapper → Breadcrumb + PageHeader + Card[FieldGroup] + Separator + Card[FieldGroup] + SubmitBar
+PageShell → OpSidebar + OpPageContainer → Breadcrumb + PageHeader + Card[FieldGroup] + Separator + Card[FieldGroup] + SubmitBar
 ```
 
 ## 7. OpenTrek 表单容器模式
@@ -568,9 +567,9 @@ PageContainer → ContentWrapper → Breadcrumb + PageHeader + Card[FieldGroup]
 
 ```
 ┌─ PageShell ──────────────────────────────────────────────────────┐
-│ sidebar: Sidebar                                                  │
+│ sidebar: OpSidebar                                                │
 │ children:                                                         │
-│ ┌─ Card(白卡容器) ────────────────────────────────────────────┐  │
+│ ┌─ OpPageContainer ──────────────────────────────────────────┐  │
 │ │ Breadcrumb: 记忆体 > 空间共用                                │  │
 │ │ Tabs (variant='line'):                                       │  │
 │ │   [记忆总览 | 生成策略 | **整理策略** | 记忆动态]             │  │
@@ -722,7 +721,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`（表单布局精确规格见 `../../patterns/form-page.md` §8）
 
 > `rules/design-tokens.css` 是设计 Token 的唯一真相源（:root 变量定义）：生成 HTML 原型时需将 :root 变量块嵌入页面 `<style>` 标签；生成 React/TSX 需确保项目已通过 `@import` 引入该 CSS 文件。
@@ -734,7 +733,7 @@ PageContainer → ContentWrapper → Breadcrumb + PageHeader + Card[FieldGroup]
 | 检查项 | 检查点 | 目标 |
 |--------|--------|------|
 | 必需组件 | PageHeader、Form(FieldGroup)、SubmitBar | 100% |
-| 嵌套约束 | PageContainer → ContentWrapper → Breadcrumb + PageHeader + FieldGroup + SubmitBar | 无违规嵌套 |
+| 嵌套约束 | PageShell → OpSidebar + OpPageContainer → Breadcrumb + PageHeader + FieldGroup + SubmitBar | 无违规嵌套 |
 | 禁止组件 | 无 DataTable、Chart、内联 Input(不在 Field 内)、原始 div 布局 | 0 个 |
 | 表单布局 | 所有 Input 在 Field → FieldGroup 内(F1) | 正确 |
 | 字段校验 | 必填为空/格式错误/后端校验, data-invalid 正确 | 全部正确 |