@morya-ui/mcp 0.2.8 → 0.3.0

package/dist/decisions.js

@@ -136,7 +136,7 @@ export const componentDecisions = [
         titleEn: 'Choosing a selection control',
         question: '选项是平面少量、层级结构、多选标签，还是需要输入搜索？',
         questionEn: 'Are options a small flat set, a hierarchy, multi-select tags, or searchable input?',
-        keywords: ['选择', '下拉', '多选', '树选择', '搜索选择', 'select', 'treeselect', 'autocomplete', 'dropdown'],
+        keywords: ['选择', '下拉', '多选', '树选择', '搜索选择', '级联', '列表选择', '按钮组', 'select', 'treeselect', 'autocomplete', 'cascadeselect', 'listbox', 'selectbutton', 'radio', 'dropdown'],
         options: [
             {
                 component: 'Select',
@@ -159,6 +159,34 @@ export const componentDecisions = [
                 avoidWhen: ['用户只能从固定枚举中选择', '不应该允许自由输入'],
                 avoidWhenEn: ['Users must choose from a fixed enum', 'Free input must not be allowed'],
             },
+            {
+                component: 'SelectButton',
+                when: ['选项很少且需要全部露出', '单选或多选都适合按钮组'],
+                whenEn: ['Only a few options, and all of them should stay visible', 'Single or multiple selection works as a button group'],
+                avoidWhen: ['选项超过大约 5 个', '选项很长或来自远程搜索'],
+                avoidWhenEn: ['More than about five options', 'Labels are long or options come from remote search'],
+            },
+            {
+                component: 'Radio',
+                when: ['少量互斥选项需要和表单文案一起阅读', '一次只能选一个'],
+                whenEn: ['A few mutually exclusive options should be read with the form copy', 'Only one value can be selected'],
+                avoidWhen: ['多选', '选项很多需要收进弹出层'],
+                avoidWhenEn: ['Multiple selection', 'Too many options for an always-visible list'],
+            },
+            {
+                component: 'Listbox',
+                when: ['选项需要始终以列表展示', '可筛选，但不希望收成下拉框'],
+                whenEn: ['Options should stay visible as a list', 'Filtering is useful, but a collapsed dropdown is not'],
+                avoidWhen: ['页面空间紧、只需要一个闭合的选择框'],
+                avoidWhenEn: ['Space is tight and a closed select is enough'],
+            },
+            {
+                component: 'CascadeSelect',
+                when: ['值要按多级分栏逐级点选', '层级是路径而不是可勾选的树'],
+                whenEn: ['The value is chosen column by column through levels', 'The hierarchy is a path, not a checkable tree'],
+                avoidWhen: ['需要勾选树节点或搜索整棵树'],
+                avoidWhenEn: ['Users need to check tree nodes or search the whole tree'],
+            },
         ],
     },
     {
@@ -452,6 +480,113 @@ export const componentDecisions = [
             },
         ],
     },
+    {
+        id: 'status-label-choice',
+        title: '如何选择状态与标签',
+        titleEn: 'Choosing status, tag, chip, or badge',
+        question: '这是行内业务状态、分类标签、可移除实体，还是挂在控件上的数量？',
+        questionEn: 'Is this an inline business status, a category label, a removable entity, or a count on another control?',
+        keywords: ['行内状态', '状态点', '角标', '徽章', '可关闭标签', '芯片', 'status', 'badge', 'chip', 'tag', 'closable'],
+        options: [
+            {
+                component: 'Status',
+                when: ['表格单元格或标题旁的业务状态', '需要圆点或语义图标加短文案'],
+                whenEn: ['Business status in a table cell or beside a title', 'A dot or semantic icon plus a short label'],
+                avoidWhen: ['可关闭的分类标签', '挂在按钮上的数字'],
+                avoidWhenEn: ['A closable category label', 'A count attached to a button'],
+            },
+            {
+                component: 'Tag',
+                when: ['分类、筛选结果或可关闭标签', '需要比 Status 更像芯片的表面'],
+                whenEn: ['A category, filter result, or closable label', 'A chip-like surface rather than an inline status'],
+                avoidWhen: ['只是一行里的轻量状态', '带图片且代表一个可移除实体'],
+                avoidWhenEn: ['A lightweight inline status', 'An entity with an image that can be removed'],
+            },
+            {
+                component: 'Chip',
+                when: ['短实体信息，可带图标、图片和移除'],
+                whenEn: ['A short entity that may include an icon, image, and remove action'],
+                avoidWhen: ['纯状态色点', '只是分类色块'],
+                avoidWhenEn: ['A status dot only', 'A category color block only'],
+            },
+            {
+                component: 'Badge',
+                when: ['角标数量或圆点，附着在按钮、头像等控件上'],
+                whenEn: ['A count or dot attached to a button, avatar, or other control'],
+                avoidWhen: ['独立成行的状态文案'],
+                avoidWhenEn: ['A standalone status sentence'],
+            },
+        ],
+    },
+    {
+        id: 'empty-result-choice',
+        title: '空态还是结果页',
+        titleEn: 'Empty state vs result page',
+        question: '这是没有数据，还是流程已经结束的成功、失败或 HTTP 状态？',
+        questionEn: 'Is there simply no data, or has a flow ended in success, failure, or an HTTP status?',
+        keywords: ['空状态', '无数据', '首次使用', '筛选无结果', '结果页', '404', '403', '500', 'empty', 'result'],
+        options: [
+            {
+                component: 'Empty',
+                when: ['列表没有行', '筛选没有命中', '首次使用，需要引导创建'],
+                whenEn: ['A list has no rows', 'Filters matched nothing', 'First use, and the next step is to create something'],
+                avoidWhen: ['接口失败', '无权限', '页面不存在', '提交成功回执'],
+                avoidWhenEn: ['The request failed', 'Permission was denied', 'The page does not exist', 'A submit-success receipt'],
+            },
+            {
+                component: 'Result',
+                when: ['提交成功或失败的终点页', '403 / 404 / 500 等阻断状态', '需要明确的下一步（返回、重试、回首页）'],
+                whenEn: ['A terminal success or failure page', 'A blocking 403 / 404 / 500 state', 'The next step must be explicit (back, retry, home)'],
+                avoidWhen: ['正常的无数据', '表格内部的空行'],
+                avoidWhenEn: ['A normal empty collection', 'The empty slot inside a table'],
+            },
+        ],
+    },
+    {
+        id: 'action-menu-choice',
+        title: '如何选择菜单',
+        titleEn: 'Choosing a menu',
+        question: '这是按钮上的操作项、侧栏导航、右键菜单，还是全局命令搜索？',
+        questionEn: 'Is this an action menu on a trigger, sider navigation, a context menu, or a global command search?',
+        keywords: ['动作菜单', '右键', '右键菜单', '命令面板', '导航菜单', 'context menu', 'command menu', 'menubar', '上下文菜单'],
+        options: [
+            {
+                component: 'Dropdown',
+                when: ['从按钮或图标打开一组操作', '编辑、删除、更多'],
+                whenEn: ['Actions open from a button or icon', 'Edit, delete, or more'],
+                avoidWhen: ['表单里选一个枚举值', '常驻侧栏导航'],
+                avoidWhenEn: ['Choosing an enum in a form', 'Persistent sider navigation'],
+            },
+            {
+                component: 'Menu',
+                when: ['后台侧栏或页面内的常驻导航', '需要选中项与路由同步'],
+                whenEn: ['Persistent navigation in an admin sider or page', 'Selection should stay in sync with the route'],
+                avoidWhen: ['一次性操作菜单', '右键弹出'],
+                avoidWhenEn: ['A one-shot action menu', 'A right-click popup'],
+            },
+            {
+                component: 'ContextMenu',
+                when: ['在指针位置弹出，通常由右键触发'],
+                whenEn: ['The menu opens at the pointer, usually from a right-click'],
+                avoidWhen: ['可见的导航', '表单选择'],
+                avoidWhenEn: ['Visible navigation', 'Form selection'],
+            },
+            {
+                component: 'CommandMenu',
+                when: ['全局搜索命令或跳转', '键盘优先，例如 Cmd/Ctrl+K'],
+                whenEn: ['Global command search or jump', 'Keyboard-first, such as Cmd/Ctrl+K'],
+                avoidWhen: ['少量固定操作放在按钮旁即可'],
+                avoidWhenEn: ['A few fixed actions fit next to a button'],
+            },
+            {
+                component: 'Menubar',
+                when: ['顶部应用菜单，项很多且分组'],
+                whenEn: ['A top application menu with many grouped items'],
+                avoidWhen: ['侧栏只有一层链接'],
+                avoidWhenEn: ['The sider is a single level of links'],
+            },
+        ],
+    },
 ];
 export function findDecision(name) {
     const key = name.trim().toLowerCase().replace(/[-_\s]/g, '');

package/dist/golden-pages.js

@@ -44,6 +44,41 @@ export const goldenPageCatalog = [
         titleEn: 'Empty state golden sample',
         patternId: 'empty-state',
     },
+    {
+        id: 'detail-page',
+        file: 'detail-page.vue',
+        title: '详情页黄金样例',
+        titleEn: 'Detail page golden sample',
+        patternId: 'detail-page',
+    },
+    {
+        id: 'form-in-dialog',
+        file: 'form-in-dialog.vue',
+        title: '列表内弹窗表单黄金样例',
+        titleEn: 'List create/edit dialog golden sample',
+        patternId: 'form-in-dialog',
+    },
+    {
+        id: 'result-page',
+        file: 'result-page.vue',
+        title: '结果 / 阻断页黄金样例',
+        titleEn: 'Result / terminal page golden sample',
+        patternId: 'result-page',
+    },
+    {
+        id: 'settings-page',
+        file: 'settings-page.vue',
+        title: '设置页黄金样例',
+        titleEn: 'Settings page golden sample',
+        patternId: 'settings-page',
+    },
+    {
+        id: 'wizard-form',
+        file: 'wizard-form.vue',
+        title: '分步向导黄金样例',
+        titleEn: 'Wizard form golden sample',
+        patternId: 'wizard-form',
+    },
 ];
 const pkgRoot = join(dirname(fileURLToPath(import.meta.url)), '..');
 const bundledDir = join(pkgRoot, 'data/golden-pages');

package/dist/index.js

@@ -102,7 +102,7 @@ register('recommend_component', 'List, read, or recommend component selection gu
     offset: z.number().int().min(0).optional(),
 }, async (args) => handlers.recommendComponent(args));
 register('list_golden_pages', 'List golden page samples for list, form, and dashboard layouts.', { mode: z.string().optional() }, async (args) => handlers.listGoldenPageCatalog(args));
-register('get_golden_page', 'Read a golden page Vue source sample (list-page, form-page, dashboard-page, login-page, landing-page, empty-state).', {
+register('get_golden_page', 'Read a golden page Vue source sample (list-page, form-page, dashboard-page, login-page, landing-page, empty-state, detail-page, form-in-dialog, result-page, settings-page, wizard-form).', {
     page: z.string().min(1),
     mode: z.string().optional(),
 }, async (args) => handlers.getGoldenPage(args));

package/dist/page-snippets.js

@@ -61,7 +61,7 @@ const statusOptions = [
         descriptionEn: 'Standard MTable placed directly in MPageContent without an extra Card wrapper.',
         pageTypes: ['list'],
         keywords: ['表格', 'table', 'pagination', 'paginator', 'empty', 'columns', 'rows'],
-        imports: ['MTable'],
+        imports: ['MTable', 'MEmpty', 'MButton'],
         scriptSetup: `const columns = [
   { key: 'name', label: '名称' },
   { key: 'status', label: '状态' },
@@ -82,13 +82,19 @@ const loading = ref(false)`,
   aria-label="数据列表"
 >
   <template #empty>
-    <p style="margin:0;padding:var(--m-space-8);text-align:center;color:var(--m-color-text-muted)">
-      暂无数据
-    </p>
+    <MEmpty
+      title="还没有数据"
+      description="创建第一条记录后，这里会列出结果。"
+      icon="inbox"
+    >
+      <template #extra>
+        <MButton severity="primary">新建</MButton>
+      </template>
+    </MEmpty>
   </template>
 </MTable>`,
-        rules: ['表格直接放在 MPageContent 内', '空态用 #empty，不要留空白区域'],
-        rulesEn: ['Place the table directly in MPageContent', 'Use #empty for zero-data states'],
+        rules: ['表格直接放在 MPageContent 内', '空态用 MEmpty，不要留空白或单行灰字'],
+        rulesEn: ['Place the table directly in MPageContent', 'Use MEmpty for zero-data states, not a blank or muted sentence'],
         avoid: ['不要用 MCard 包裹 bordered MTable'],
         avoidEn: ['Do not wrap a bordered MTable with MCard'],
     },
@@ -103,54 +109,54 @@ const loading = ref(false)`,
         imports: ['MSpace', 'MButton'],
         template: `<template #cell-actions>
   <MSpace>
-    <MButton severity="secondary" size="small">编辑</MButton>
-    <MButton severity="danger" size="small">删除</MButton>
+    <MButton severity="secondary" size="small" text>编辑</MButton>
+    <MButton severity="danger" size="small" text>删除</MButton>
   </MSpace>
 </template>`,
-        rules: ['行内操作用 size="small"', '危险操作使用 severity="danger" 并配合确认弹窗'],
-        rulesEn: ['Use size="small" for row actions', 'Use severity="danger" with confirmation for destructive actions'],
+        rules: ['行内操作用 size="small" + text/outlined，避免一排实心按钮', '危险操作使用 severity="danger" 并配合确认弹窗'],
+        rulesEn: ['Use size="small" with text/outlined row actions', 'Use severity="danger" with confirmation for destructive actions'],
         avoid: ['不要用 Dropdown 代替明确的行内按钮组，除非操作很多'],
         avoidEn: ['Do not replace explicit row buttons with Dropdown unless there are many actions'],
     },
     {
         id: 'list-status-tag',
-        title: '表格状态列 Tag',
-        titleEn: 'Table status tag cell',
-        description: '在 #cell-status 中用 MTag 展示业务状态。',
-        descriptionEn: 'Render business status with MTag in #cell-status.',
+        title: '表格分类标签列 Tag',
+        titleEn: 'Table category tag cell',
+        description: '仅用于分类 / 可关闭标签。业务状态（启用/停用/在线）请用 list-status-dot / MStatus。',
+        descriptionEn: 'Category or closable chips only. Prefer list-status-dot / MStatus for business status.',
         pageTypes: ['list'],
-        keywords: ['状态', 'tag', 'status', 'cell-status'],
+        keywords: ['分类', '标签', '可关闭', 'chip', 'category', 'tag-only'],
         imports: ['MTag'],
-        template: `<template #cell-status="{ value }">
+        template: `<template #cell-category="{ value }">
   <MTag
-    :value="value === 'active' ? '启用' : '停用'"
-    :severity="value === 'active' ? 'success' : 'secondary'"
+    :value="String(value ?? '')"
+    severity="info"
   />
 </template>`,
-        rules: ['分类/强调态用 MTag；更轻的圆点+文案用 MStatus', '不要用 Button 颜色表达状态'],
-        rulesEn: ['Use MTag for chip-like status; use MStatus for lighter dot+label', 'Do not use Button colors for status'],
-        avoid: ['不要用裸文本颜色区分状态'],
-        avoidEn: ['Do not rely on raw text color for status'],
+        rules: ['分类/强调态用 MTag；行内业务状态用 MStatus（list-status-dot）', '不要用 Button 颜色表达状态'],
+        rulesEn: ['Use MTag for categories; use MStatus for business status (list-status-dot)', 'Do not use Button colors for status'],
+        avoid: ['不要在 #cell-status 里默认用 MTag 表示启用/停用'],
+        avoidEn: ['Do not default #cell-status to MTag for active/inactive'],
     },
     {
         id: 'list-status-dot',
         title: '表格状态列 Status',
         titleEn: 'Table status dot cell',
-        description: '在 #cell-status 中用 MStatus 展示轻量业务状态。',
-        descriptionEn: 'Render lightweight business status with MStatus in #cell-status.',
+        description: '在 #cell-status 中用 MStatus 展示轻量业务状态（默认首选）。',
+        descriptionEn: 'Render lightweight business status with MStatus in #cell-status (default preference).',
         pageTypes: ['list'],
-        keywords: ['状态', 'status', 'dot', 'cell-status', '在线'],
+        keywords: ['状态', 'status', 'dot', 'cell-status', '在线', '启用', '停用', '业务状态'],
         imports: ['MStatus'],
         template: `<template #cell-status="{ value }">
   <MStatus
-    :label="value === 'online' ? '在线' : '离线'"
-    :severity="value === 'online' ? 'success' : 'secondary'"
+    :label="value === 'active' || value === 'online' ? '启用' : '停用'"
+    :severity="value === 'active' || value === 'online' ? 'success' : 'secondary'"
   />
 </template>`,
-        rules: ['行内轻量状态优先 MStatus', '不要用 Button 颜色表达状态'],
-        rulesEn: ['Prefer MStatus for lightweight inline status', 'Do not use Button colors for status'],
-        avoid: ['不要用裸文本颜色区分状态'],
-        avoidEn: ['Do not rely on raw text color for status'],
+        rules: ['行内轻量业务状态优先 MStatus', '不要用 Button 颜色表达状态'],
+        rulesEn: ['Prefer MStatus for lightweight inline business status', 'Do not use Button colors for status'],
+        avoid: ['不要用裸文本颜色区分状态', '不要默认改用 MTag 表达启用/停用'],
+        avoidEn: ['Do not rely on raw text color for status', 'Do not default to MTag for active/inactive'],
     },
     {
         id: 'empty-block',
@@ -313,18 +319,22 @@ const submitting = ref(false)`,
         descriptionEn: 'Recent records in a small MTable inside MCard.',
         pageTypes: ['dashboard'],
         keywords: ['recent', '最近', 'table', 'card', 'list'],
-        imports: ['MCard', 'MTable', 'MTag'],
+        imports: ['MCard', 'MTable', 'MStatus'],
         scriptSetup: `const recentColumns = [
   { key: 'id', label: '工单号', width: 96 },
   { key: 'title', label: '标题' },
-  { key: 'status', label: '状态', width: 96 },
+  { key: 'status', label: '状态', width: 110 },
 ]
 const recentRows = ref<Record<string, unknown>[]>([])`,
         template: `<MCard title="最近工单">
-  <MTable :columns="recentColumns" :rows="recentRows" size="small" :paginator="false" bordered />
+  <MTable :columns="recentColumns" :rows="recentRows" size="small" :paginator="false" bordered row-key="id">
+    <template #cell-status="{ value }">
+      <MStatus :label="String(value ?? '')" severity="secondary" />
+    </template>
+  </MTable>
 </MCard>`,
-        rules: ['明细列表放 MCard 内合理', 'size="small" 适合卡片内表格'],
-        rulesEn: ['Detail lists inside MCard are appropriate', 'Use size="small" for in-card tables'],
+        rules: ['明细列表放 MCard 内合理', 'size="small" 适合卡片内表格', '行内业务状态用 MStatus'],
+        rulesEn: ['Detail lists inside MCard are appropriate', 'Use size="small" for in-card tables', 'Use MStatus for row business status'],
         avoid: ['卡片内表格不要再外包一层 MPageContent'],
         avoidEn: ['Do not wrap in-card tables with another MPageContent'],
     },

package/dist/patterns.d.ts

@@ -48,7 +48,7 @@ export declare const designRules: {
         readonly spacing: "--m-space-*";
         readonly radius: "--m-radius-sm/md/lg";
         readonly typography: "--m-font-size-xs/sm/md/lg";
-        readonly motion: "--m-motion-fast/normal";
+        readonly motion: "--m-motion-fast/normal/enter/exit/distance/ease; intensity via useMotion (data-m-motion); enter/exit via motion.transitions / transition prop (fade, scale-fade, zoom, slide-*, dialog, drawer, …)";
     };
     readonly composition: {
         readonly workflow: readonly ["For full pages: recommend_page → get_golden_page → get_design_rules.", "For local edits: get_page_snippet(section) for filters/toolbar/form-actions/KPI/scrollable-panel blocks.", "Use MLayout fillViewport as the app shell; put MPageContent inside MLayoutContent.", "Prefer MPage* components over scoped CSS for filters, toolbars, headers, form surfaces, and KPI cards.", "Use MSpace or MFlex for control groups inside MPageFilters; use MPageToolbar for title + primary action."];
@@ -68,7 +68,7 @@ export declare const designRules: {
             readonly do: readonly ["MLayoutHeader bordered (default)", "MPageFilters for filter regions", "MPageSection variant=\"form\" for forms", "MTable bordered when table needs grid lines"];
             readonly avoid: readonly ["MCard wrapping MTable that is already bordered", "Nested MCard with bordered=true on both levels", "Hand-written section borders when MPageFilters or MPageSection applies", "Double borders on filter + table wrapper"];
         };
-        readonly goldenPages: readonly ["list-page", "form-page", "dashboard-page", "login-page", "landing-page", "empty-state"];
+        readonly goldenPages: readonly ["list-page", "form-page", "dashboard-page", "login-page", "landing-page", "empty-state", "detail-page", "form-in-dialog", "result-page", "settings-page", "wizard-form"];
     };
     readonly actions: {
         readonly primary: {
@@ -92,13 +92,15 @@ export declare const designRules: {
     readonly status: {
         readonly preferred: "MStatus";
         readonly chip: "MTag";
+        readonly badge: "MBadge";
+        readonly entity: "MChip";
         readonly mapping: {
             readonly active: "success";
             readonly pending: "warn";
             readonly disabled: "secondary";
             readonly error: "danger";
         };
-        readonly note: "行内轻量状态用 MStatus；芯片/可关闭标签用 MTag";
+        readonly note: "行内轻量状态用 MStatus；分类或可关闭标签用 MTag；数量角标用 MBadge；可移除实体用 MChip";
     };
     readonly feedback: {
         readonly default: "message";
@@ -126,9 +128,9 @@ export declare const designRules: {
             readonly api: "field errorMessage | token-styled role=alert";
             readonly when: readonly ["登录/表单区常驻错误：优先字段 errorMessage", "表单级总结：使用 --m-* 样式的 role=alert 条（见 login-page 黄金样例）", "MMessage 组件当前主要为 message 服务宿主，勿臆造 severity 子节点 API"];
         };
-        readonly doc: "docs/feedback-message-vs-toast.md";
+        readonly doc: "design-kit/.agents/skills/morya-ui-pages/references/feedback.md";
     };
-    readonly global: readonly ["优先使用组件库组件和 --m-* Token", "操作反馈默认 message；仅一行文案时优先于 toast", "空态用 MEmpty；结果/阻断页用 MResult；行内状态优先 MStatus", "图标按钮建议提供 aria-label；表单字段建议有可见 label", "浮层默认 Teleport 到 body；有明确布局约束时再改 appendTo", "优先使用组件 documented variant，少写深层 CSS 覆盖"];
+    readonly global: readonly ["优先使用组件库组件和 --m-* Token", "操作反馈默认 message；仅一行文案时优先于 toast", "空态用 MEmpty；结果/阻断页用 MResult；行内状态优先 MStatus", "图标按钮建议提供 aria-label；表单字段建议有可见 label", "浮层默认 Teleport 到 body；有明确布局约束时再改 appendTo", "优先使用组件 documented variant，少写深层 CSS 覆盖", "动效强度用 useMotion；进出场预设用 motion.transitions / 组件 transition，勿臆造动画库 API"];
 };
 export declare function findPattern(input: string): PagePattern | undefined;
 export declare function scorePattern(pattern: PagePattern, query: string): number;

package/dist/patterns.js

@@ -186,6 +186,7 @@ export const pagePatterns = [
             '不要为 ≤8 字段的列表 CRUD 再开 /entities/new 路由',
             '不要用 Toast 代替单行 message 回执',
         ],
+        goldenPage: 'form-in-dialog',
     },
     {
         id: 'dashboard',
@@ -260,6 +261,7 @@ export const pagePatterns = [
         styleRules: ['开关用于二元启用状态，不用 Select 模拟开关', '保存使用 primary，恢复默认值使用 secondary 或 text', '危险配置需要明确说明影响范围并使用 danger 语义', '使用 MConfigProvider 统一 size、density 和 locale'],
         interactionRules: ['显示未保存修改状态', '保存成功使用 message.success 单行反馈；仅有 summary+detail 时用 toast', '保存失败保留输入并显示字段或页面级错误', '切换 Tab 不应意外丢失未保存输入'],
         avoid: ['不要把所有设置塞进一个超长表单', '不要用 placeholder 代替配置项 label', '不要隐藏影响范围较大的配置说明'],
+        goldenPage: 'settings-page',
     },
     {
         id: 'empty-state',
@@ -391,6 +393,7 @@ export const pagePatterns = [
         styleRules: ['每一步只承载一个清晰目标', '步骤状态使用 Stepper，不用 Button 颜色模拟', '长流程使用 Card 分组但避免多层嵌套', '危险退出使用 ConfirmDialog 或 Dialog'],
         interactionRules: ['进入下一步前只校验当前步骤', '返回上一步保留输入', '完成前展示摘要或确认', '刷新和离开时处理未完成状态'],
         avoid: ['不要把所有字段一次性隐藏在一个超长页面', '不要允许跳过有前置依赖的步骤', '不要让完成按钮在每一步都使用相同文案'],
+        goldenPage: 'wizard-form',
     },
     {
         id: 'detail-page',
@@ -441,6 +444,7 @@ export const pagePatterns = [
             '不要使用颜色作为唯一的状态表达方式',
             '不要让详情页的操作按钮分散在多个无关区域',
         ],
+        goldenPage: 'detail-page',
     },
     {
         id: 'result-page',
@@ -471,9 +475,9 @@ export const pagePatterns = [
         structure: [
             'MPageContent (optional shell)',
             '└── MResult',
-            '    ├── status icon',
+            '    ├── status icon / illustration',
             '    ├── title + description',
-            '    └── #extra primary + optional secondary MButton',
+            '    └── #footer primary + optional secondary MButton',
         ],
         layout: {
             page: '结果在内容区居中，不一定占满整屏',
@@ -482,8 +486,8 @@ export const pagePatterns = [
         },
         styleRules: [
             '使用 MResult 的 status 语义，不要手写大图标+文案拼盘',
-            '成功/失败用对应 severity 色；403/404 保持中性',
-            '主恢复动作使用 primary MButton，次动作使用 secondary 或 text',
+            '成功/失败用对应 status；403/404/500 用 HTTP 类 status',
+            '主恢复动作使用 primary MButton，次动作使用 secondary 或 text（放在 #footer，不是 #extra）',
             '颜色与间距使用 --m-* Token',
         ],
         interactionRules: [
@@ -495,7 +499,9 @@ export const pagePatterns = [
             '不要用 Empty 表达 403/404/提交失败',
             '不要只用颜色表达结果而无标题文案',
             '不要在结果页堆砌无关营销内容',
+            '不要使用已移除的 #extra 插槽；操作用 #footer',
         ],
+        goldenPage: 'result-page',
     },
 ];
 /** Advisory page-writing standards for MCP and human authors — not enforced blockers. */
@@ -639,7 +645,7 @@ export const designRules = {
         spacing: '--m-space-*',
         radius: '--m-radius-sm/md/lg',
         typography: '--m-font-size-xs/sm/md/lg',
-        motion: '--m-motion-fast/normal',
+        motion: '--m-motion-fast/normal/enter/exit/distance/ease; intensity via useMotion (data-m-motion); enter/exit via motion.transitions / transition prop (fade, scale-fade, zoom, slide-*, dialog, drawer, …)',
     },
     composition: {
         workflow: [
@@ -682,7 +688,19 @@ export const designRules = {
                 'Double borders on filter + table wrapper',
             ],
         },
-        goldenPages: ['list-page', 'form-page', 'dashboard-page', 'login-page', 'landing-page', 'empty-state'],
+        goldenPages: [
+            'list-page',
+            'form-page',
+            'dashboard-page',
+            'login-page',
+            'landing-page',
+            'empty-state',
+            'detail-page',
+            'form-in-dialog',
+            'result-page',
+            'settings-page',
+            'wizard-form',
+        ],
     },
     actions: {
         primary: { component: 'MButton', props: ['severity omitted or primary'] },
@@ -693,8 +711,10 @@ export const designRules = {
     status: {
         preferred: 'MStatus',
         chip: 'MTag',
+        badge: 'MBadge',
+        entity: 'MChip',
         mapping: { active: 'success', pending: 'warn', disabled: 'secondary', error: 'danger' },
-        note: '行内轻量状态用 MStatus；芯片/可关闭标签用 MTag',
+        note: '行内轻量状态用 MStatus；分类或可关闭标签用 MTag；数量角标用 MBadge；可移除实体用 MChip',
     },
     feedback: {
         default: 'message',
@@ -726,7 +746,7 @@ export const designRules = {
                 'MMessage 组件当前主要为 message 服务宿主，勿臆造 severity 子节点 API',
             ],
         },
-        doc: 'docs/feedback-message-vs-toast.md',
+        doc: 'design-kit/.agents/skills/morya-ui-pages/references/feedback.md',
     },
     global: [
         '优先使用组件库组件和 --m-* Token',
@@ -735,6 +755,7 @@ export const designRules = {
         '图标按钮建议提供 aria-label；表单字段建议有可见 label',
         '浮层默认 Teleport 到 body；有明确布局约束时再改 appendTo',
         '优先使用组件 documented variant，少写深层 CSS 覆盖',
+        '动效强度用 useMotion；进出场预设用 motion.transitions / 组件 transition，勿臆造动画库 API',
     ],
 };
 export function findPattern(input) {