@morya-ui/mcp 0.3.4 → 0.3.6

package/dist/tools.js

@@ -4,7 +4,9 @@ import { listGoldenPages, readGoldenPageSource, resolveGoldenPageId } from './go
 import { filterPageSnippets, findPageSnippet, pageSnippets, scorePageSnippet } from './page-snippets.js';
 import { designRules, findPattern, pagePatterns, scorePattern } from './patterns.js';
 import { countCatalogResources, countCatalogResourceTemplates } from './resources.js';
-import { findStylePreset, resolveStyleDirection, stylePresets, styleResolution, } from './style-presets.js';
+import { resolveListCraftVariant, resolveStyleDirection, styleResolution, } from './style-presets.js';
+import { codeCoversBlock, codeCoversComponent, mapReferenceBrief, } from './reference-brief.js';
+import { findStyleShell, listStyleShells, styleShells } from './style-shells.js';
 function inspectButtonIconOnlyUsage(code, issues) {
     const pairedTagRe = /<MButton\b([^>]*)>([\s\S]*?)<\/MButton>/gi;
     let match = pairedTagRe.exec(code);
@@ -65,6 +67,7 @@ function mapDecisionOption(option, locale) {
         avoidWhen: zh ? option.avoidWhen : option.avoidWhenEn,
         recipe,
         antiPatterns: zh ? option.antiPatterns : option.antiPatternsEn,
+        ...(option.relatedSnippets?.length ? { relatedSnippets: option.relatedSnippets } : {}),
     };
 }
 function generatedPageCode(patternId, intent, locale) {
@@ -93,149 +96,149 @@ function generatedPageCode(patternId, intent, locale) {
     const wizardImports = isWizard ? ', MStepper, MSpace' : '';
     const settingsImports = isSettings ? ', MTabs' : '';
     const statusImports = isList || isDetail || isDashboard ? ', MStatus' : '';
-    const script = `<script setup lang="ts">
-import { ref } from 'vue'
-import { MButton, MCard, MConfigProvider, MInput, MTag, zhCN${layoutImports}${pageImports}${listImports}${formImports}${dashboardImports}${detailImports}${emptyImports}${wizardImports}${settingsImports}${statusImports} } from 'morya-ui'
-
-const loading = ref(false)
-const error = ref('')
-const title = ${JSON.stringify(title)}
-${isList ? `const keyword = ref('')
-const rows = ref<Record<string, unknown>[]>([])
-const columns = [{ key: 'name', label: '${zh ? '名称' : 'Name'}' }, { key: 'status', label: '${zh ? '状态' : 'Status'}' }]
-` : ''}${isForm || isAuth || isWizard ? `const model = ref({ name: '' })
-` : ''}${isDashboard ? `const metrics = ref([
-  { label: '${zh ? '总用户' : 'Users'}', value: '0' },
-  { label: '${zh ? '今日活跃' : 'Active today'}', value: '0' },
-])
-` : ''}${isSettings ? `const activeTab = ref('general')
-const settingTabs = [{ label: '${zh ? '常规' : 'General'}', value: 'general' }]
-` : ''}${isWizard ? `const activeStep = ref(0)
-const wizardSteps = [{ label: '${zh ? '基本信息' : 'Details'}' }, { label: '${zh ? '确认' : 'Confirm'}' }]
-` : ''}
-
-async function submit() {
-  loading.value = true
-  error.value = ''
-  try {
-    // Replace with the page API request.
-  } finally {
-    loading.value = false
-  }
-}
+    const script = `<script setup lang="ts">
+import { ref } from 'vue'
+import { MButton, MCard, MConfigProvider, MInput, MTag, zhCN${layoutImports}${pageImports}${listImports}${formImports}${dashboardImports}${detailImports}${emptyImports}${wizardImports}${settingsImports}${statusImports} } from 'morya-ui'
+
+const loading = ref(false)
+const error = ref('')
+const title = ${JSON.stringify(title)}
+${isList ? `const keyword = ref('')
+const rows = ref<Record<string, unknown>[]>([])
+const columns = [{ key: 'name', label: '${zh ? '名称' : 'Name'}' }, { key: 'status', label: '${zh ? '状态' : 'Status'}' }]
+` : ''}${isForm || isAuth || isWizard ? `const model = ref({ name: '' })
+` : ''}${isDashboard ? `const metrics = ref([
+  { label: '${zh ? '总用户' : 'Users'}', value: '0' },
+  { label: '${zh ? '今日活跃' : 'Active today'}', value: '0' },
+])
+` : ''}${isSettings ? `const activeTab = ref('general')
+const settingTabs = [{ label: '${zh ? '常规' : 'General'}', value: 'general' }]
+` : ''}${isWizard ? `const activeStep = ref(0)
+const wizardSteps = [{ label: '${zh ? '基本信息' : 'Details'}' }, { label: '${zh ? '确认' : 'Confirm'}' }]
+` : ''}
+
+async function submit() {
+  loading.value = true
+  error.value = ''
+  try {
+    // Replace with the page API request.
+  } finally {
+    loading.value = false
+  }
+}
 </script>`;
-    const listContent = `            <MPageHeader :title="title">
-              <template #actions>
-                <MButton severity="primary">${zh ? '新建' : 'Create'}</MButton>
-              </template>
-            </MPageHeader>
-            <MPageFilters variant="filled" :aria-label="${zh ? '筛选' : 'Filters'}">
-              <MSpace wrap>
-                <MInput v-model="keyword" placeholder="${zh ? '搜索关键词' : 'Search keyword'}" clearable style="width: 14rem" />
-                <MButton severity="secondary">${zh ? '查询' : 'Search'}</MButton>
-                <MButton severity="secondary">${zh ? '重置' : 'Reset'}</MButton>
-              </MSpace>
-            </MPageFilters>
-            <MTable :columns="columns" :rows="rows" :loading="loading" fill paginator :rows-per-page="10" striped bordered row-key="id">
-              <template #cell-status="{ value }">
-                <MStatus :label="String(value ?? '')" :severity="value === 'active' ? 'success' : 'secondary'" />
-              </template>
-              <template #empty>
-                <MEmpty
-                  :title="${zh ? '暂无数据' : 'No data yet'}"
-                  :description="${zh ? '创建第一条记录开始使用。' : 'Create your first record to get started.'}"
-                >
-                  <template #extra>
-                    <MButton severity="primary">${zh ? '新建' : 'Create'}</MButton>
-                  </template>
-                </MEmpty>
-              </template>
+    const listContent = `            <MPageHeader :title="title">
+              <template #actions>
+                <MButton severity="primary">${zh ? '新建' : 'Create'}</MButton>
+              </template>
+            </MPageHeader>
+            <MPageFilters variant="filled" :aria-label="${zh ? '筛选' : 'Filters'}">
+              <MSpace wrap>
+                <MInput v-model="keyword" placeholder="${zh ? '搜索关键词' : 'Search keyword'}" clearable style="width: 14rem" />
+                <MButton severity="secondary">${zh ? '查询' : 'Search'}</MButton>
+                <MButton severity="secondary">${zh ? '重置' : 'Reset'}</MButton>
+              </MSpace>
+            </MPageFilters>
+            <MTable :columns="columns" :rows="rows" :loading="loading" fill paginator :rows-per-page="10" striped bordered row-key="id">
+              <template #cell-status="{ value }">
+                <MStatus :label="String(value ?? '')" :severity="value === 'active' ? 'success' : 'secondary'" />
+              </template>
+              <template #empty>
+                <MEmpty
+                  :title="${zh ? '暂无数据' : 'No data yet'}"
+                  :description="${zh ? '创建第一条记录开始使用。' : 'Create your first record to get started.'}"
+                >
+                  <template #extra>
+                    <MButton severity="primary">${zh ? '新建' : 'Create'}</MButton>
+                  </template>
+                </MEmpty>
+              </template>
             </MTable>`;
-    const formContent = `            <MPageHeader :title="title" :description="${zh ? '填写表单并保存。' : 'Fill in the form and save.'}" />
-            <MPageSection variant="form">
-              <MForm @submit.prevent="submit">
-                <MFormItem label="${zh ? '名称' : 'Name'}" name="name" required>
-                  <MInput v-model="model.name" fluid />
-                </MFormItem>
-                <MPageSection variant="actions">
-                  <MButton native-type="submit" severity="primary" :loading="loading">${zh ? '保存' : 'Save'}</MButton>
-                  <MButton severity="secondary">${zh ? '取消' : 'Cancel'}</MButton>
-                </MPageSection>
-              </MForm>
+    const formContent = `            <MPageHeader :title="title" :description="${zh ? '填写表单并保存。' : 'Fill in the form and save.'}" />
+            <MPageSection variant="form">
+              <MForm @submit.prevent="submit">
+                <MFormItem label="${zh ? '名称' : 'Name'}" name="name" required>
+                  <MInput v-model="model.name" fluid />
+                </MFormItem>
+                <MPageSection variant="actions">
+                  <MButton native-type="submit" severity="primary" :loading="loading">${zh ? '保存' : 'Save'}</MButton>
+                  <MButton severity="secondary">${zh ? '取消' : 'Cancel'}</MButton>
+                </MPageSection>
+              </MForm>
             </MPageSection>`;
-    const dashboardContent = `            <MPageHeader :title="title" />
-            <MGrid :cols="2" :x-gap="16" :y-gap="16" responsive="screen">
-              <MGridItem v-for="metric in metrics" :key="metric.label" :span="1">
-                <MPageStat :label="metric.label" :value="metric.value" icon="activity" />
-              </MGridItem>
-            </MGrid>
-            <MCard shadow="always" :title="${zh ? '趋势概览' : 'Trend overview'}">
-              <MSkeleton v-if="loading" height="8rem" />
-              <MEmpty
-                v-else
-                :title="${zh ? '暂无图表数据' : 'No chart data yet'}"
-                :description="${zh ? '接入图表或业务组件。' : 'Connect charts or business widgets here.'}"
-                aria-label="${zh ? '图表占位' : 'Chart placeholder'}"
-              />
+    const dashboardContent = `            <MPageHeader :title="title" />
+            <MGrid :cols="2" :x-gap="16" :y-gap="16" responsive="screen">
+              <MGridItem v-for="metric in metrics" :key="metric.label" :span="1">
+                <MPageStat :label="metric.label" :value="metric.value" icon="activity" />
+              </MGridItem>
+            </MGrid>
+            <MCard shadow="always" :title="${zh ? '趋势概览' : 'Trend overview'}">
+              <MSkeleton v-if="loading" height="8rem" />
+              <MEmpty
+                v-else
+                :title="${zh ? '暂无图表数据' : 'No chart data yet'}"
+                :description="${zh ? '接入图表或业务组件。' : 'Connect charts or business widgets here.'}"
+                aria-label="${zh ? '图表占位' : 'Chart placeholder'}"
+              />
             </MCard>`;
-    const detailContent = `            <MPageHeader :title="title" :description="${zh ? '查看资源摘要与属性。' : 'Review summary and properties.'}">
-              <template #actions>
-                <MSpace>
-                  <MStatus :label="${zh ? '启用' : 'Active'}" severity="success" />
-                  <MButton severity="primary">${zh ? '编辑' : 'Edit'}</MButton>
-                  <MButton severity="secondary">${zh ? '返回' : 'Back'}</MButton>
-                </MSpace>
-              </template>
-            </MPageHeader>
-            <MCard :title="${zh ? '基本信息' : 'Basics'}">
-              <p style="margin:0;color:var(--m-color-text-muted)">${zh ? '用定义列表或网格展示属性；相关列表用 MTable + rows。' : 'Use a definition grid; related lists use MTable + rows.'}</p>
+    const detailContent = `            <MPageHeader :title="title" :description="${zh ? '查看资源摘要与属性。' : 'Review summary and properties.'}">
+              <template #actions>
+                <MSpace>
+                  <MStatus :label="${zh ? '启用' : 'Active'}" severity="success" />
+                  <MButton severity="primary">${zh ? '编辑' : 'Edit'}</MButton>
+                  <MButton severity="secondary">${zh ? '返回' : 'Back'}</MButton>
+                </MSpace>
+              </template>
+            </MPageHeader>
+            <MCard :title="${zh ? '基本信息' : 'Basics'}">
+              <p style="margin:0;color:var(--m-color-text-muted)">${zh ? '用定义列表或网格展示属性；相关列表用 MTable + rows。' : 'Use a definition grid; related lists use MTable + rows.'}</p>
             </MCard>`;
-    const settingsContent = `            <MPageHeader :title="title" :description="${zh ? '按域分组配置偏好。' : 'Grouped preference settings.'}" />
-            <MTabs v-model="activeTab" :tabs="settingTabs">
-              <template #default="{ activeValue }">
-                <MPageSection v-if="activeValue === 'general'" variant="form" :title="${zh ? '常规' : 'General'}">
-                  <MForm @submit.prevent="submit">
-                    <MFormItem label="${zh ? '显示名称' : 'Display name'}" name="name" required>
-                      <MInput v-model="model.name" fluid />
-                    </MFormItem>
-                    <MPageSection variant="actions">
-                      <MButton native-type="submit" severity="primary" :loading="loading">${zh ? '保存' : 'Save'}</MButton>
-                    </MPageSection>
-                  </MForm>
-                </MPageSection>
-              </template>
+    const settingsContent = `            <MPageHeader :title="title" :description="${zh ? '按域分组配置偏好。' : 'Grouped preference settings.'}" />
+            <MTabs v-model="activeTab" :tabs="settingTabs">
+              <template #default="{ activeValue }">
+                <MPageSection v-if="activeValue === 'general'" variant="form" :title="${zh ? '常规' : 'General'}">
+                  <MForm @submit.prevent="submit">
+                    <MFormItem label="${zh ? '显示名称' : 'Display name'}" name="name" required>
+                      <MInput v-model="model.name" fluid />
+                    </MFormItem>
+                    <MPageSection variant="actions">
+                      <MButton native-type="submit" severity="primary" :loading="loading">${zh ? '保存' : 'Save'}</MButton>
+                    </MPageSection>
+                  </MForm>
+                </MPageSection>
+              </template>
             </MTabs>`;
-    const wizardContent = `            <MPageHeader :title="title" :description="${zh ? '每步一个主任务。' : 'One job per step.'}" />
-            <MStepper v-model="activeStep" :steps="wizardSteps" linear />
-            <MPageSection variant="form">
-              <MForm @submit.prevent="submit">
-                <MFormItem label="${zh ? '名称' : 'Name'}" name="name" required>
-                  <MInput v-model="model.name" fluid />
-                </MFormItem>
-                <MPageSection variant="actions">
-                  <MSpace>
-                    <MButton severity="secondary" text :disabled="activeStep === 0" @click="activeStep = Math.max(activeStep - 1, 0)">${zh ? '上一步' : 'Back'}</MButton>
-                    <MButton native-type="submit" severity="primary" :loading="loading">${zh ? '下一步' : 'Next'}</MButton>
-                  </MSpace>
-                </MPageSection>
-              </MForm>
+    const wizardContent = `            <MPageHeader :title="title" :description="${zh ? '每步一个主任务。' : 'One job per step.'}" />
+            <MStepper v-model="activeStep" :steps="wizardSteps" linear />
+            <MPageSection variant="form">
+              <MForm @submit.prevent="submit">
+                <MFormItem label="${zh ? '名称' : 'Name'}" name="name" required>
+                  <MInput v-model="model.name" fluid />
+                </MFormItem>
+                <MPageSection variant="actions">
+                  <MSpace>
+                    <MButton severity="secondary" text :disabled="activeStep === 0" @click="activeStep = Math.max(activeStep - 1, 0)">${zh ? '上一步' : 'Back'}</MButton>
+                    <MButton native-type="submit" severity="primary" :loading="loading">${zh ? '下一步' : 'Next'}</MButton>
+                  </MSpace>
+                </MPageSection>
+              </MForm>
             </MPageSection>`;
     let innerTemplate = '';
     if (isList) {
-        innerTemplate = `<MConfigProvider :locale="zhCN">
-  <MLayout has-sider fill-viewport>
-    <MLayoutSider bordered />
-    <MLayout>
-      <MLayoutHeader :padding="'var(--m-space-4) var(--m-space-6)'">
-        <MBreadcrumb :model="[{ label: '${zh ? '首页' : 'Home'}', to: '/' }, { label: '${title}' }]" />
-      </MLayoutHeader>
-      <MLayoutContent>
-        <MPageContent fill>
-${listContent}
-        </MPageContent>
-      </MLayoutContent>
-    </MLayout>
-  </MLayout>
+        innerTemplate = `<MConfigProvider :locale="zhCN">
+  <MLayout has-sider fill-viewport>
+    <MLayoutSider bordered />
+    <MLayout>
+      <MLayoutHeader :padding="'var(--m-space-4) var(--m-space-6)'">
+        <MBreadcrumb :model="[{ label: '${zh ? '首页' : 'Home'}', to: '/' }, { label: '${title}' }]" />
+      </MLayoutHeader>
+      <MLayoutContent>
+        <MPageContent fill>
+${listContent}
+        </MPageContent>
+      </MLayoutContent>
+    </MLayout>
+  </MLayout>
 </MConfigProvider>`;
     }
     else if (useLayoutShell) {
@@ -249,76 +252,76 @@ ${listContent}
                         ? wizardContent
                         : formContent;
         const pageContentAttrs = isForm || isSettings || isWizard ? ' width="narrow"' : isDashboard ? ' density="spacious"' : '';
-        innerTemplate = `<MConfigProvider :locale="zhCN">
-  <MLayout fill-viewport>
-    <MLayoutHeader :padding="'var(--m-space-4) var(--m-space-6)'">
-      <MBreadcrumb :model="[{ label: '${zh ? '首页' : 'Home'}', to: '/' }, { label: title }]" />
-    </MLayoutHeader>
-    <MLayoutContent>
-      <MPageContent${pageContentAttrs}>
-${content}
-      </MPageContent>
-    </MLayoutContent>
-  </MLayout>
+        innerTemplate = `<MConfigProvider :locale="zhCN">
+  <MLayout fill-viewport>
+    <MLayoutHeader :padding="'var(--m-space-4) var(--m-space-6)'">
+      <MBreadcrumb :model="[{ label: '${zh ? '首页' : 'Home'}', to: '/' }, { label: title }]" />
+    </MLayoutHeader>
+    <MLayoutContent>
+      <MPageContent${pageContentAttrs}>
+${content}
+      </MPageContent>
+    </MLayoutContent>
+  </MLayout>
 </MConfigProvider>`;
     }
     else if (isAuth) {
-        innerTemplate = `<MConfigProvider :locale="zhCN">
-  <main class="m-generated-page m-generated-auth">
-    <MCard>
-      <MForm label-position="top" @submit.prevent="submit">
-        <MFormItem label="${zh ? '邮箱' : 'Email'}" name="email">
-          <MInput type="email" fluid />
-        </MFormItem>
-        <MFormItem label="${zh ? '密码' : 'Password'}" name="password">
-          <MInput type="password" fluid />
-        </MFormItem>
-        <MButton native-type="submit" severity="primary" :loading="loading" fluid>${zh ? '登录' : 'Sign in'}</MButton>
-      </MForm>
-    </MCard>
-  </main>
+        innerTemplate = `<MConfigProvider :locale="zhCN">
+  <main class="m-generated-page m-generated-auth">
+    <MCard>
+      <MForm label-position="top" @submit.prevent="submit">
+        <MFormItem label="${zh ? '邮箱' : 'Email'}" name="email">
+          <MInput type="email" fluid />
+        </MFormItem>
+        <MFormItem label="${zh ? '密码' : 'Password'}" name="password">
+          <MInput type="password" fluid />
+        </MFormItem>
+        <MButton native-type="submit" severity="primary" :loading="loading" fluid>${zh ? '登录' : 'Sign in'}</MButton>
+      </MForm>
+    </MCard>
+  </main>
 </MConfigProvider>`;
     }
     else if (isEmpty) {
-        innerTemplate = `<MConfigProvider :locale="zhCN">
-  <main class="m-generated-page">
-    <MPageContent>
-      <MPageHeader :title="title">
-        <template #actions>
-          <MButton severity="primary" @click="submit">${zh ? '新建' : 'Create'}</MButton>
-        </template>
-      </MPageHeader>
-    <MEmpty
-      :title="${zh ? '暂无内容' : 'Nothing here yet'}"
-      :description="${zh ? '创建第一条记录开始使用。' : 'Create your first record to get started.'}"
-      icon="database"
-    >
-      <template #extra>
-        <MButton severity="primary" @click="submit">${zh ? '创建' : 'Create'}</MButton>
-      </template>
-    </MEmpty>
-    </MPageContent>
-  </main>
+        innerTemplate = `<MConfigProvider :locale="zhCN">
+  <main class="m-generated-page">
+    <MPageContent>
+      <MPageHeader :title="title">
+        <template #actions>
+          <MButton severity="primary" @click="submit">${zh ? '新建' : 'Create'}</MButton>
+        </template>
+      </MPageHeader>
+    <MEmpty
+      :title="${zh ? '暂无内容' : 'Nothing here yet'}"
+      :description="${zh ? '创建第一条记录开始使用。' : 'Create your first record to get started.'}"
+      icon="database"
+    >
+      <template #extra>
+        <MButton severity="primary" @click="submit">${zh ? '创建' : 'Create'}</MButton>
+      </template>
+    </MEmpty>
+    </MPageContent>
+  </main>
 </MConfigProvider>`;
     }
     else {
-        innerTemplate = `<MConfigProvider :locale="zhCN">
-  <main class="m-generated-page">
-    <MCard>
-      <p class="m-generated-muted">${zh ? '将此区域替换为页面内容。' : 'Replace this area with page content.'}</p>
-      <MTag value="${zh ? '示例' : 'Example'}" severity="info" />
-    </MCard>
-  </main>
+        innerTemplate = `<MConfigProvider :locale="zhCN">
+  <main class="m-generated-page">
+    <MCard>
+      <p class="m-generated-muted">${zh ? '将此区域替换为页面内容。' : 'Replace this area with page content.'}</p>
+      <MTag value="${zh ? '示例' : 'Example'}" severity="info" />
+    </MCard>
+  </main>
 </MConfigProvider>`;
     }
-    const template = `<template>
-  ${innerTemplate}
-  <p v-if="error" role="alert" class="m-generated-error">${'{{ error }}'}</p>
+    const template = `<template>
+  ${innerTemplate}
+  <p v-if="error" role="alert" class="m-generated-error">${'{{ error }}'}</p>
 </template>`;
-    const style = `<style scoped>
-.m-generated-auth { display: grid; place-items: center; padding: var(--m-space-8); max-width: 24rem; margin: 0 auto; min-height: 100vh; }
-.m-generated-empty { display: grid; gap: var(--m-space-2); justify-items: center; padding: var(--m-space-8); text-align: center; }
-.m-generated-error { color: var(--m-color-danger); padding: 0 var(--m-space-6); }
+    const style = `<style scoped>
+.m-generated-auth { display: grid; place-items: center; padding: var(--m-space-8); max-width: 24rem; margin: 0 auto; min-height: 100vh; }
+.m-generated-empty { display: grid; gap: var(--m-space-2); justify-items: center; padding: var(--m-space-8); text-align: center; }
+.m-generated-error { color: var(--m-color-danger); padding: 0 var(--m-space-6); }
 </style>`;
     return { script, template, style };
 }
@@ -730,42 +733,68 @@ export function createToolHandlers(catalog = loadCatalog()) {
             });
         }
         const locale = resolveLocale(args.mode);
-        const styleDirection = resolveStyleDirection({ intent: args.intent, style: args.style });
+        const styleFromBrief = args.brief?.style || args.brief?.description;
+        const styleDirection = resolveStyleDirection({
+            intent: args.intent,
+            style: args.style || styleFromBrief,
+        });
         const stylePayload = {
             resolution: styleDirection.resolution,
             confidence: styleDirection.confidence,
-            preset: styleDirection.preset
-                ? {
-                    id: styleDirection.preset.id,
-                    title: locale === 'en-US' ? styleDirection.preset.titleEn : styleDirection.preset.title,
-                    summary: locale === 'en-US' ? styleDirection.preset.summaryEn : styleDirection.preset.summary,
-                    apply: locale === 'en-US' ? styleDirection.preset.applyEn : styleDirection.preset.apply,
-                    avoid: locale === 'en-US' ? styleDirection.preset.avoidEn : styleDirection.preset.avoid,
-                }
-                : null,
-            candidates: styleDirection.candidates.map((item) => ({
-                id: item.id,
-                title: locale === 'en-US' ? item.titleEn : item.title,
-                score: item.score,
-            })),
+            summary: styleDirection.summary ?? null,
             guidance: locale === 'en-US' ? styleDirection.guidanceEn : styleDirection.guidanceZh,
             priority: locale === 'en-US' ? styleResolution.priorityEn : styleResolution.priorityZh,
+            hardRules: locale === 'en-US' ? styleResolution.hardRulesEn : styleResolution.hardRulesZh,
             note: locale === 'en-US'
-                ? 'If the user supplied a visual reference, follow that first (map to --m-* + M*). Golden pages lock structure, not the only aesthetic.'
-                : '若用户提供了参考样式，优先跟参考（映射到 --m-* + M*）。黄金样例锁结构，不是唯一审美。',
+                ? 'No named style-preset catalog. Follow an explicit user reference/description; if styleDirection.resolution is ask, ask before inventing the look. Prefer snippets for composition; golden pages are optional block-order checks, not aesthetics. Pass brief for fidelity mapping; density=compact|default|spacious.'
+                : '没有命名风格预设表。有明确参考/描述就跟用户；若 styleDirection.resolution 为 ask，先询问再写完整视觉。优先用 snippets 拼装；黄金样例仅可选核对块顺序。传 brief 做还原映射；density=compact|default|spacious。',
         };
+        const craftText = [args.style || '', args.intent || '', args.density || '', args.brief?.description || ''].join(' ');
+        const density = args.density === 'compact' || args.density === 'dense'
+            ? 'compact'
+            : args.density === 'spacious'
+                ? 'spacious'
+                : resolveListCraftVariant(craftText) === 'list-page-dense'
+                    ? 'compact'
+                    : 'default';
+        const briefMapped = args.brief || args.density || styleFromBrief
+            ? mapReferenceBrief({
+                ...(args.brief || {}),
+                intent: args.intent,
+                style: args.style || args.brief?.style,
+                density: args.density || args.brief?.density || density,
+                surface: args.brief?.surface || args.pageType,
+            })
+            : null;
         const resolvedGoldenId = resolveGoldenPageId({
             patternId: best.pattern.id,
             canonicalGoldenId: best.pattern.goldenPage,
-            styleId: styleDirection.preset?.id || args.style || null,
+            styleId: craftText || null,
         });
         const resolvedGoldenPath = resolvedGoldenId
             ? `docs/golden-pages/${resolvedGoldenId}.vue`
             : best.pattern.goldenPage;
+        let suggestedSnippets = [...(best.pattern.suggestedSnippets ?? [])];
+        if (best.pattern.id === 'admin-list') {
+            const listCraft = density === 'compact' ? 'list-page-dense' : resolveListCraftVariant(craftText);
+            if (listCraft === 'list-page-dense') {
+                suggestedSnippets = suggestedSnippets.map((id) => id === 'list-filters-stack' ? 'list-filters-dense' : id);
+            }
+        }
+        if (briefMapped?.suggestedSnippets.length) {
+            for (const id of briefMapped.suggestedSnippets) {
+                if (!suggestedSnippets.includes(id))
+                    suggestedSnippets.push(id);
+            }
+        }
+        const shell = briefMapped?.suggestedShellId
+            ? findStyleShell(briefMapped.suggestedShellId)
+            : undefined;
         const result = {
             intent: args.intent,
             pageType: args.pageType,
             style: args.style,
+            density,
             matchedPattern: best.pattern.id,
             title: locale === 'en-US' ? best.pattern.titleEn : best.pattern.title,
             confidence: best.score,
@@ -778,23 +807,70 @@ export function createToolHandlers(catalog = loadCatalog()) {
             interactionRules: best.pattern.interactionRules,
             avoid: best.pattern.avoid,
             alternatives: ranked.slice(1, 3).filter((item) => item.score > 0).map((item) => ({ id: item.pattern.id, score: item.score })),
+            suggestedSnippets,
+            referenceMapping: briefMapped
+                ? {
+                    surface: briefMapped.surface,
+                    density: briefMapped.density,
+                    mapping: briefMapped.mapping.map((item) => ({
+                        block: item.block,
+                        snippetId: item.snippetId,
+                        notes: locale === 'en-US' ? item.notesEn : item.notesZh,
+                    })),
+                    suggestedShellId: briefMapped.suggestedShellId,
+                    craftCues: locale === 'en-US' ? briefMapped.craftCuesEn : briefMapped.craftCuesZh,
+                    validationHints: briefMapped.validationHints,
+                    tokenRoles: briefMapped.tokenRoles.map((item) => ({
+                        role: item.role,
+                        token: item.token,
+                        notes: locale === 'en-US' ? item.notesEn : item.notesZh,
+                    })),
+                }
+                : null,
+            styleShell: shell
+                ? {
+                    id: shell.id,
+                    title: locale === 'en-US' ? shell.titleEn : shell.titleZh,
+                    signature: locale === 'en-US' ? shell.signatureEn : shell.signatureZh,
+                    css: shell.css,
+                    htmlHint: locale === 'en-US' ? shell.htmlHintEn : shell.htmlHintZh,
+                }
+                : null,
             nextStep: (() => {
                 const goldenId = resolvedGoldenId;
-                const styleHint = locale === 'en-US'
-                    ? styleDirection.resolution === 'offer'
-                        ? ' Resolve style first (reference → preset → ask among quiet/soft/dense/rail/studio/ink).'
-                        : ` Apply styleDirection preset "${styleDirection.preset?.id || 'n/a'}".`
-                    : styleDirection.resolution === 'offer'
-                        ? ' 先定风格（参考 → 预设 → 请用户从 quiet/soft/dense/rail/studio/ink 选）。'
-                        : ` 套用 styleDirection 预设「${styleDirection.preset?.id || 'n/a'}」。`;
-                if (locale === 'en-US') {
-                    return goldenId
-                        ? `Call get_golden_page("${goldenId}") and mirror structure.${styleHint} Look up unfamiliar APIs with get_component/get_example, then always run validate_usage and validate_page.`
-                        : `No golden page for this pattern: use get_pattern + get_design_rules.${styleHint} Look up APIs with get_component/get_example, then always run validate_usage and validate_page.`;
-                }
-                return goldenId
-                    ? `调用 get_golden_page("${goldenId}") 并镜像结构。${styleHint} 不熟悉的 API 用 get_component/get_example 核对，然后必须跑 validate_usage 与 validate_page。`
-                    : `该模式暂无黄金样例：用 get_pattern + get_design_rules。${styleHint} API 用 get_component/get_example 核对，然后必须跑 validate_usage 与 validate_page。`;
+                const snippets = suggestedSnippets;
+                const snippetHint = snippets.length > 0
+                    ? locale === 'en-US'
+                        ? ` Compose with get_page_snippet for: ${snippets.join(', ')}. Use recommend_component for L2 recipes (relatedSnippets).`
+                        : ` 用 get_page_snippet 拼装：${snippets.join(', ')}。选型用 recommend_component（含 relatedSnippets）。`
+                    : locale === 'en-US'
+                        ? ' Compose with get_page_snippet + recommend_component (relatedSnippets).'
+                        : ' 用 get_page_snippet + recommend_component（relatedSnippets）拼装。';
+                const briefHint = briefMapped
+                    ? locale === 'en-US'
+                        ? ' Follow referenceMapping block-by-block; pass the same brief to validate_page.'
+                        : ' 按 referenceMapping 逐块落地；同一 brief 传给 validate_page。'
+                    : '';
+                const shellHint = shell
+                    ? locale === 'en-US'
+                        ? ` Optional shell CSS from styleShell id=${shell.id} (or get_style_shells).`
+                        : ` 可选签名壳 CSS：styleShell id=${shell.id}（或 get_style_shells）。`
+                    : '';
+                const goldenHint = goldenId && args.includeScaffold
+                    ? locale === 'en-US'
+                        ? ` Scaffold mirrors ${goldenId} structure only.`
+                        : ` scaffold 仅镜像 ${goldenId} 结构。`
+                    : goldenId
+                        ? locale === 'en-US'
+                            ? ` Optional: get_golden_page("${goldenId}") only to check whole-page block order.`
+                            : ` 可选：仅当需核对整页块顺序时再 get_golden_page("${goldenId}")。`
+                        : locale === 'en-US'
+                            ? ' Golden pages are optional block-order checks.'
+                            : ' 黄金样例仅可选核对块顺序。';
+                const validateHint = locale === 'en-US'
+                    ? ' Then always run validate_usage and validate_page (pass the same brief when used).'
+                    : ' 然后必须跑 validate_usage 与 validate_page（若用了 brief 则原样传入）。';
+                return `${snippetHint}${briefHint}${shellHint}${goldenHint}${validateHint}`;
             })(),
         };
         if (args.includeScaffold) {
@@ -807,8 +883,8 @@ export function createToolHandlers(catalog = loadCatalog()) {
                     files: { component: golden.source },
                     warnings: [
                         locale === 'en-US'
-                            ? 'Scaffold is the golden page source. Remap domain copy/data only; never invent props. Then validate_usage + validate_page.'
-                            : '脚手架即黄金样例源码。只替换域文案与数据，禁止臆造 prop。完成后必须 validate_usage + validate_page。',
+                            ? 'Scaffold is an optional structure reference from the golden sample. Prefer composing suggestedSnippets; remap domain copy/data only if you use this source. Never invent props. Then validate_usage + validate_page.'
+                            : '脚手架是黄金样例的可选结构参考。默认优先拼装 suggestedSnippets；若使用本源码只替换域文案与数据。禁止臆造 prop。完成后必须 validate_usage + validate_page。',
                     ],
                 };
             }
@@ -821,8 +897,8 @@ export function createToolHandlers(catalog = loadCatalog()) {
                     files: { component: componentSource },
                     warnings: [
                         locale === 'en-US'
-                            ? 'No golden page for this pattern — structural fallback only. Prefer get_pattern + get_component. Must validate_usage before delivery.'
-                            : '该模式暂无黄金样例，仅为结构占位。优先 get_pattern + get_component。交付前必须 validate_usage。',
+                            ? 'No golden page for this pattern — structural fallback only. Prefer suggestedSnippets + get_component. Must validate_usage before delivery.'
+                            : '该模式暂无黄金样例，仅为结构占位。优先 suggestedSnippets + get_component。交付前必须 validate_usage。',
                     ],
                 };
             }
@@ -931,223 +1007,159 @@ export function createToolHandlers(catalog = loadCatalog()) {
         const locale = resolveLocale(args.mode);
         const code = args.code || '';
         const suggestions = [];
-        if (/#(?:[0-9a-f]{3,4}|[0-9a-f]{6}|[0-9a-f]{8})\b/i.test(code)) {
+        const push = (severity, standardId, type, messageZh, messageEn) => {
             suggestions.push({
-                standardId: 'tokens',
-                type: 'raw-color',
-                message: locale === 'en-US'
-                    ? 'Standard: prefer --m-* design tokens over hex colors.'
-                    : '标准建议：颜色优先使用 --m-* 设计令牌，而非 hex 色值。',
+                severity,
+                standardId,
+                type,
+                message: locale === 'en-US' ? messageEn : messageZh,
             });
+        };
+        if (/#(?:[0-9a-f]{3,4}|[0-9a-f]{6}|[0-9a-f]{8})\b/i.test(code)) {
+            push('craft', 'tokens', 'raw-color', '标准建议：颜色优先使用 --m-* 设计令牌，而非 hex 色值。', 'Standard: prefer --m-* design tokens over hex colors.');
         }
         if (/\brgb\s*\(/i.test(code) && !/--m-/.test(code)) {
-            suggestions.push({
-                standardId: 'tokens',
-                type: 'raw-color',
-                message: locale === 'en-US'
-                    ? 'Standard: prefer --m-* tokens over raw rgb()/rgba() in page styles.'
-                    : '标准建议：页面样式优先 --m-* 令牌，而非裸 rgb()/rgba()。',
-            });
+            push('craft', 'tokens', 'raw-color', '标准建议：页面样式优先 --m-* 令牌，而非裸 rgb()/rgba()。', 'Standard: prefer --m-* tokens over raw rgb()/rgba() in page styles.');
         }
         if (/<MCard\b[^>]*>[\s\S]*?<MTable\b[^>]*\bbordered\b/i.test(code)) {
-            suggestions.push({
-                standardId: 'page-sections',
-                type: 'double-border',
-                message: locale === 'en-US'
-                    ? 'Standard: place bordered MTable directly in MPageContent instead of wrapping it with MCard.'
-                    : '标准建议：bordered 的 MTable 直接放在 MPageContent 内，通常不必再包 MCard。',
-            });
+            push('craft', 'page-sections', 'double-border', '标准建议：bordered 的 MTable 直接放在 MPageContent 内，通常不必再包 MCard。', 'Standard: place bordered MTable directly in MPageContent instead of wrapping it with MCard.');
         }
         if (/<MLayoutContent\b/i.test(code) && !/<MPageContent\b/i.test(code)) {
-            suggestions.push({
-                standardId: 'layout-shell',
-                type: 'missing-page-content',
-                message: locale === 'en-US'
-                    ? 'Standard: prefer MPageContent inside MLayoutContent for consistent page spacing.'
-                    : '标准建议：MLayoutContent 内使用 MPageContent 统一页面间距。',
-            });
+            push('craft', 'layout-shell', 'missing-page-content', '标准建议：MLayoutContent 内使用 MPageContent 统一页面间距。', 'Standard: prefer MPageContent inside MLayoutContent for consistent page spacing.');
         }
         if ((/\bpage[-_](?:list|form|dashboard)?[-_]?(?:filters|toolbar|content|header)\b/i.test(code) ||
             /class="[^"]*filters/i.test(code)) &&
             !/<MPage(?:Content|Filters|Toolbar|Header|Section|Stat)\b/i.test(code)) {
-            suggestions.push({
-                standardId: 'page-sections',
-                type: 'custom-page-css',
-                message: locale === 'en-US'
-                    ? 'Standard: prefer MPageFilters, MPageToolbar, MPageHeader, or MPageSection over custom page section CSS.'
-                    : '标准建议：筛选/工具栏/表单区块优先 MPage* 组件，少写自定义 page section CSS。',
-            });
+            push('craft', 'page-sections', 'custom-page-css', '标准建议：筛选/工具栏/表单区块优先 MPage* 组件，少写自定义 page section CSS。', 'Standard: prefer MPageFilters, MPageToolbar, MPageHeader, or MPageSection over custom page section CSS.');
         }
         if (/<MPageFilters\b/i.test(code) && /<MCard\b[^>]*>[\s\S]*?<MPageFilters\b/i.test(code)) {
-            suggestions.push({
-                standardId: 'page-sections',
-                type: 'redundant-wrapper',
-                message: locale === 'en-US'
-                    ? 'Standard: MPageFilters already provides a surface; wrapping it in MCard is usually redundant.'
-                    : '标准建议：MPageFilters 已自带表面样式，通常不必再用 MCard 包裹。',
-            });
+            push('craft', 'page-sections', 'redundant-wrapper', '标准建议：MPageFilters 已自带表面样式，通常不必再用 MCard 包裹。', 'Standard: MPageFilters already provides a surface; wrapping it in MCard is usually redundant.');
         }
         if (/<MPageSection\b[^>]*variant=["']form["']/i.test(code) &&
             /<MCard\b[^>]*>[\s\S]*?<MPageSection\b/i.test(code)) {
-            suggestions.push({
-                standardId: 'page-sections',
-                type: 'redundant-wrapper',
-                message: locale === 'en-US'
-                    ? 'Standard: MPageSection variant="form" already provides a surface; wrapping it in MCard is usually redundant.'
-                    : '标准建议：MPageSection variant="form" 已自带表面样式，通常不必再用 MCard 包裹。',
-            });
+            push('craft', 'page-sections', 'redundant-wrapper', '标准建议：MPageSection variant="form" 已自带表面样式，通常不必再用 MCard 包裹。', 'Standard: MPageSection variant="form" already provides a surface; wrapping it in MCard is usually redundant.');
         }
         if (/<MPageContent\b[^>]*>[\s\S]*?<MPageContent\b/i.test(code)) {
-            suggestions.push({
-                standardId: 'layout-shell',
-                type: 'redundant-wrapper',
-                message: locale === 'en-US'
-                    ? 'Standard: prefer a single MPageContent shell for page padding and section gap.'
-                    : '标准建议：页面 padding 与区块间距优先只用一层 MPageContent。',
-            });
+            push('craft', 'layout-shell', 'redundant-wrapper', '标准建议：页面 padding 与区块间距优先只用一层 MPageContent。', 'Standard: prefer a single MPageContent shell for page padding and section gap.');
         }
         if (/<(?:div|section|main)\b[^>]*style=["'][^"']*(?:padding|gap)\s*:[^"']*["'][^>]*>\s*<(?:MPage(?:Content|Filters|Toolbar|Header|Section)|MTable)\b/i.test(code)) {
-            suggestions.push({
-                standardId: 'page-sections',
-                type: 'redundant-wrapper',
-                message: locale === 'en-US'
-                    ? 'Standard: avoid extra padded wrappers around MPage* blocks; prefer the components’ built-in spacing.'
-                    : '标准建议：少在 MPage* 外包带 padding 的容器；优先使用组件自带间距。',
-            });
+            push('craft', 'page-sections', 'redundant-wrapper', '标准建议：少在 MPage* 外包带 padding 的容器；优先使用组件自带间距。', 'Standard: avoid extra padded wrappers around MPage* blocks; prefer the components’ built-in spacing.');
         }
         if (/style="[^"]*overflow(?:-y|-x)?\s*:\s*(auto|scroll)/i.test(code) ||
             /<style\b[^>]*>[\s\S]*?overflow(?:-y|-x)?\s*:\s*(auto|scroll)/i.test(code)) {
-            suggestions.push({
-                standardId: 'scroll',
-                type: 'native-scroll',
-                message: locale === 'en-US'
-                    ? 'Standard: prefer MScrollbar or MLayout scroll regions over overflow:auto/scroll in page styles.'
-                    : '标准建议：页面滚动优先 MLayout 主滚动或 MScrollbar，少写 overflow:auto/scroll。',
-            });
+            push('craft', 'scroll', 'native-scroll', '标准建议：页面滚动优先 MLayout 主滚动或 MScrollbar，少写 overflow:auto/scroll。', 'Standard: prefer MScrollbar or MLayout scroll regions over overflow:auto/scroll in page styles.');
         }
         if (/::-webkit-scrollbar|scrollbar-width\s*:/i.test(code)) {
-            suggestions.push({
-                standardId: 'scroll',
-                type: 'custom-scrollbar-css',
-                message: locale === 'en-US'
-                    ? 'Standard: prefer MScrollbar or layout defaults over native scrollbar CSS in product code.'
-                    : '标准建议：业务代码优先 MScrollbar 或 Layout 默认滚动，少定制原生滚动条样式。',
-            });
+            push('craft', 'scroll', 'custom-scrollbar-css', '标准建议：业务代码优先 MScrollbar 或 Layout 默认滚动，少定制原生滚动条样式。', 'Standard: prefer MScrollbar or layout defaults over native scrollbar CSS in product code.');
         }
         if (/min-height\s*:\s*100vh/i.test(code) && !/<MLayout\b[^>]*fill-viewport/i.test(code)) {
-            suggestions.push({
-                standardId: 'layout-shell',
-                type: 'viewport-height',
-                message: locale === 'en-US'
-                    ? 'Standard: prefer MLayout fillViewport over hand-written min-height:100vh page shells.'
-                    : '标准建议：整页高度优先 MLayout fillViewport，少写 min-height:100vh。',
-            });
+            push('craft', 'layout-shell', 'viewport-height', '标准建议：整页高度优先 MLayout fillViewport，少写 min-height:100vh。', 'Standard: prefer MLayout fillViewport over hand-written min-height:100vh page shells.');
         }
-        if ((/fill-viewport|fillViewport/i.test(code) || /<MLayout\b/i.test(code))
-            && !/html\s*,\s*body\s*,\s*#app[\s\S]{0,80}height\s*:\s*100%/i.test(code)) {
-            suggestions.push({
-                standardId: 'layout-shell',
-                type: 'height-chain',
-                message: locale === 'en-US'
-                    ? 'Prefer layout-app-shell / golden pages: with MLayout, set html, body, #app { height: 100% } when the shell is not using fillViewport.'
-                    : '对齐 layout-app-shell / 黄金样例：未使用 fillViewport 时，配合 MLayout 设置 html, body, #app { height: 100% }。',
-            });
+        if ((/fill-viewport|fillViewport/i.test(code) || /<MLayout\b/i.test(code)) &&
+            !/html\s*,\s*body\s*,\s*#app[\s\S]{0,80}height\s*:\s*100%/i.test(code)) {
+            push('craft', 'layout-shell', 'height-chain', '对齐 layout-app-shell / 黄金样例：未使用 fillViewport 时，配合 MLayout 设置 html, body, #app { height: 100% }。', 'Prefer layout-app-shell / golden pages: with MLayout, set html, body, #app { height: 100% } when the shell is not using fillViewport.');
         }
         if (/<MMenu\b/i.test(code)) {
             const iconCount = (code.match(/\bicon\s*:/g) || []).length;
             const looksLikeMenuModel = /MMenu[\s\S]{0,1200}\b(label|model)\s*[:=]/i.test(code) || /:model=/i.test(code);
             if (looksLikeMenuModel && iconCount === 0) {
-                suggestions.push({
-                    standardId: 'layout-shell',
-                    type: 'menu-missing-icons',
-                    message: locale === 'en-US'
-                        ? 'Prefer golden / layout-app-shell menu items that include icon (e.g. user, shield, home).'
-                        : '对齐黄金样例 / layout-app-shell：侧栏菜单项带上 icon（如 user、shield、home）。',
-                });
+                push('craft', 'layout-shell', 'menu-missing-icons', '对齐黄金样例 / layout-app-shell：侧栏菜单项带上 icon（如 user、shield、home）。', 'Prefer golden / layout-app-shell menu items that include icon (e.g. user, shield, home).');
             }
         }
         if (/<MTable\b[^>]*(?::data|v-bind:data)\s*=/i.test(code) || /<MTable\b[^>]*\sdata\s*=/i.test(code)) {
-            suggestions.push({
-                standardId: 'feedback',
-                type: 'table-data-prop',
-                message: locale === 'en-US'
-                    ? 'Contract: MTable row data uses the rows prop (not data). See golden list-page / get_component Table.'
-                    : '契约：MTable 行数据使用 rows，不要用 data。见黄金样例 list-page / get_component Table。',
-            });
+            push('contract', 'feedback', 'table-data-prop', '契约：MTable 行数据使用 rows，不要用 data。见黄金样例 list-page / get_component Table。', 'Contract: MTable row data uses the rows prop (not data). See golden list-page / get_component Table.');
         }
-        if (/fill-viewport|fillViewport/i.test(code)
-            && /<MTable\b[^>]*\bpaginator\b/i.test(code)
-            && /<MPageContent\b/i.test(code)
-            && !(/<MPageContent\b[^>]*\bfill\b/i.test(code)
-                && /<MTable\b[^>]*\bfill\b/i.test(code))) {
-            suggestions.push({
-                standardId: 'page-sections',
-                type: 'list-fill-height',
-                message: locale === 'en-US'
-                    ? 'Advisory: for a full-viewport admin list whose main job is one table, consider MPageContent fill + MTable fill so the body scrolls and pagination stays at the page bottom. Skip fill for embedded/short/document-scroll tables (see page-scroll-choice / golden list-page).'
-                    : '参考建议：若这是全视口后台主列表且表格是页面主任务，可考虑 MPageContent fill + MTable fill（表体滚动、分页贴底）。嵌入表/短页/整页文档滚动则跳过 fill（见 page-scroll-choice / 黄金样例 list-page）。',
-            });
+        if (/fill-viewport|fillViewport/i.test(code) &&
+            /<MTable\b[^>]*\bpaginator\b/i.test(code) &&
+            /<MPageContent\b/i.test(code) &&
+            !(/<MPageContent\b[^>]*\bfill\b/i.test(code) && /<MTable\b[^>]*\bfill\b/i.test(code))) {
+            push('craft', 'page-sections', 'list-fill-height', '参考建议：若这是全视口后台主列表且表格是页面主任务，可考虑 MPageContent fill + MTable fill（表体滚动、分页贴底）。嵌入表/短页/整页文档滚动则跳过 fill（见 page-scroll-choice / 黄金样例 list-page）。', 'Advisory: for a full-viewport admin list whose main job is one table, consider MPageContent fill + MTable fill so the body scrolls and pagination stays at the page bottom. Skip fill for embedded/short/document-scroll tables (see page-scroll-choice / golden list-page).');
         }
         if (/<MMessage\b[^>]*\bseverity\b/i.test(code)) {
-            suggestions.push({
-                standardId: 'feedback',
-                type: 'mmessage-as-alert',
-                message: locale === 'en-US'
-                    ? 'Contract: <MMessage> is the message service host, not an inline alert. Use field errorMessage or a token-styled role="alert".'
-                    : '契约：<MMessage> 是 message 服务宿主，不是内嵌 Alert。表单常驻错误用字段 errorMessage 或 token 样式的 role="alert"。',
-            });
+            push('contract', 'feedback', 'mmessage-as-alert', '契约：<MMessage> 是 message 服务宿主，不是内嵌 Alert。表单常驻错误用字段 errorMessage 或 token 样式的 role="alert"。', 'Contract: <MMessage> is the message service host, not an inline alert. Use field errorMessage or a token-styled role="alert".');
         }
         if (/toast\.(?:success|info|warn|warning|error)\s*\(\s*['"`][^'"`]+['"`]\s*\)/i.test(code)) {
-            suggestions.push({
-                standardId: 'feedback',
-                type: 'toast-one-liner',
-                message: locale === 'en-US'
-                    ? 'Contract: one-line feedback should use message.*; toast is for summary + detail or async feel.'
-                    : '契约：单行操作回执用 message.*；toast 仅用于 summary + detail 或异步通知感。',
-            });
+            push('contract', 'feedback', 'toast-one-liner', '契约：单行操作回执用 message.*；toast 仅用于 summary + detail 或异步通知感。', 'Contract: one-line feedback should use message.*; toast is for summary + detail or async feel.');
         }
         if (/#cell-status[\s\S]{0,500}<MTag\b/i.test(code) &&
             !/#cell-status[\s\S]{0,500}<MStatus\b/i.test(code)) {
-            suggestions.push({
-                standardId: 'feedback',
-                type: 'status-cell-tag',
-                message: locale === 'en-US'
-                    ? 'Prefer MStatus for business status in #cell-status; use MTag for categories / closable chips (see list-status-dot / detail-page).'
-                    : '行内业务状态优先 MStatus（#cell-status）；分类或可关闭标签再用 MTag（见 list-status-dot / detail-page）。',
-            });
+            push('craft', 'feedback', 'status-cell-tag', '行内业务状态优先 MStatus（#cell-status）；分类或可关闭标签再用 MTag（见 list-status-dot / detail-page）。', 'Prefer MStatus for business status in #cell-status; use MTag for categories / closable chips (see list-status-dot / detail-page).');
         }
         if (/<MTabs\b[^>]*(?::items|v-bind:items)\s*=/i.test(code) || /<MTabs\b[^>]*\sitems\s*=/i.test(code)) {
-            suggestions.push({
-                standardId: 'feedback',
-                type: 'tabs-items-prop',
-                message: locale === 'en-US'
-                    ? 'Contract: MTabs uses the tabs prop with v-model (not items / value). See settings-page golden.'
-                    : '契约：MTabs 使用 v-model + tabs（不是 items / value）。见黄金样例 settings-page。',
-            });
+            push('contract', 'feedback', 'tabs-items-prop', '契约：MTabs 使用 v-model + tabs（不是 items / value）。见黄金样例 settings-page。', 'Contract: MTabs uses the tabs prop with v-model (not items / value). See settings-page golden.');
         }
         if (/<MStepper\b[^>]*(?::items|v-bind:items)\s*=/i.test(code) || /<MStepper\b[^>]*\sitems\s*=/i.test(code)) {
-            suggestions.push({
-                standardId: 'feedback',
-                type: 'stepper-items-prop',
-                message: locale === 'en-US'
-                    ? 'Contract: MStepper uses the steps prop with v-model (not items). See wizard-form golden.'
-                    : '契约：MStepper 使用 v-model + steps（不是 items）。见黄金样例 wizard-form。',
-            });
+            push('contract', 'feedback', 'stepper-items-prop', '契约：MStepper 使用 v-model + steps（不是 items）。见黄金样例 wizard-form。', 'Contract: MStepper uses the steps prop with v-model (not items). See wizard-form golden.');
+        }
+        // Craft: placeholder / lorem copy
+        if (/(?:title|description|label|placeholder)\s*=\s*["'](?:示例|样例|Name|No data|暂无数据|lorem|placeholder)["']/i.test(code) ||
+            />\s*(?:示例|样例|No data|暂无数据|Lorem ipsum)\s*</i.test(code)) {
+            push('craft', 'craft', 'placeholder-copy', '工艺建议：用领域真实文案，避免「示例 / Name / No data / 暂无数据」。', 'Craft: use domain-real copy — avoid “示例 / Name / No data / 暂无数据”.');
+        }
+        // Craft: more than one filled primary in viewport (heuristic)
+        {
+            const primaryFilled = code.match(/<MButton\b(?![^>]*(?:\btext\b|\boutlined\b|\blink\b))[^>]*\bseverity\s*=\s*["']primary["'][^>]*>|<MButton\b(?![^>]*(?:\btext\b|\boutlined\b|\blink\b|\bseverity\s*=))[^>]*>/gi);
+            // Count explicit severity="primary" without text/outlined
+            const explicitPrimary = (code.match(/<MButton\b(?![^>]*(?:\btext\b|\boutlined\b))[^>]*severity\s*=\s*["']primary["']/gi) || []).length;
+            if (explicitPrimary > 1) {
+                push('craft', 'craft', 'multiple-primary', '工艺建议：主视口内通常只需一个 filled primary 按钮。', 'Craft: usually only one filled primary button in the main viewport.');
+            }
+            void primaryFilled;
+        }
+        // Craft: icon-only without accessible name
+        {
+            const iconOnlyRe = /<MButton\b([^>]*)\b(?:icon-only|iconOnly)\b([^>]*)\/?>/gi;
+            let m = iconOnlyRe.exec(code);
+            while (m !== null) {
+                const attrs = `${m[1] || ''}${m[2] || ''}`;
+                if (!/\baria-label\b|\bariaLabel\b|\baria-labelledby\b/i.test(attrs)) {
+                    push('craft', 'a11y', 'icon-only-missing-aria', '工艺建议：仅图标的 MButton 需要 aria-label / ariaLabel。', 'Craft: icon-only MButton needs aria-label / ariaLabel.');
+                    break;
+                }
+                m = iconOnlyRe.exec(code);
+            }
+        }
+        // Brief fidelity: required blocks / components
+        const mapped = args.brief
+            ? mapReferenceBrief(args.brief)
+            : null;
+        const requiredBlocks = [
+            ...(args.requiredBlocks || []),
+            ...(mapped?.validationHints.requiredBlocks || []),
+        ];
+        const requiredComponents = [
+            ...(args.requiredComponents || []),
+            ...(mapped?.validationHints.requiredComponents || []),
+        ];
+        for (const block of requiredBlocks) {
+            if (!codeCoversBlock(code, block)) {
+                push('contract', 'fidelity', 'brief-missing-block', `还原度：参考要求的区块「${block}」未在代码中检测到。`, `Fidelity: required reference block “${block}” was not detected in the code.`);
+            }
+        }
+        for (const component of requiredComponents) {
+            if (!codeCoversComponent(code, component)) {
+                push('contract', 'fidelity', 'brief-missing-component', `还原度：参考要求的组件 M${component.replace(/^M/, '')} 未出现。`, `Fidelity: required component M${component.replace(/^M/, '')} is missing.`);
+            }
         }
+        const contract = suggestions.filter((item) => item.severity === 'contract');
+        const craft = suggestions.filter((item) => item.severity === 'craft');
+        const ok = contract.length === 0;
         return textResult({
-            ok: true,
+            ok,
             advisory: true,
             summary: locale === 'en-US'
                 ? suggestions.length === 0
                     ? 'No deviations from page standards detected.'
-                    : `${suggestions.length} advisory suggestion(s).`
+                    : `${contract.length} contract issue(s), ${craft.length} craft suggestion(s).`
                 : suggestions.length === 0
                     ? '未发现与页面标准的明显偏差。'
-                    : `${suggestions.length} 条参考建议。`,
+                    : `${contract.length} 条契约问题，${craft.length} 条工艺建议。`,
+            contract,
+            craft,
             suggestions,
             nextStep: locale === 'en-US'
-                ? 'See get_design_rules.standards for the full recommended page standards.'
-                : '完整页面标准见 get_design_rules.standards。',
+                ? 'Fix contract issues before delivery; craft suggestions may be waived with justification. Pass the same brief used in map_reference / recommend_page. See get_design_rules / get_style_shells.'
+                : '契约问题交付前必须修好；工艺建议可说明后放过。brief 与 map_reference / recommend_page 保持一致。另见 get_design_rules / get_style_shells。',
         });
     }
     function getDesignRules(args = {}) {
@@ -1155,24 +1167,30 @@ export function createToolHandlers(catalog = loadCatalog()) {
         const styles = {
             resolution: locale === 'en-US' ? styleResolution.priorityEn : styleResolution.priorityZh,
             hardRules: locale === 'en-US' ? styleResolution.hardRulesEn : styleResolution.hardRulesZh,
-            presets: stylePresets.map((preset) => ({
-                id: preset.id,
-                title: locale === 'en-US' ? preset.titleEn : preset.title,
-                summary: locale === 'en-US' ? preset.summaryEn : preset.summary,
-                lanes: preset.lanes,
-            })),
+            note: locale === 'en-US'
+                ? 'No named style-preset catalog. Follow user reference/description; ask when uncertain. Use map_reference for fidelity mapping and get_style_shells for pasteable token CSS.'
+                : '没有命名风格预设表。跟用户参考/描述；不确定就先问。还原用 map_reference；可粘贴签名壳见 get_style_shells。',
         };
+        const shells = styleShells.map((shell) => ({
+            id: shell.id,
+            surface: shell.surface,
+            title: locale === 'en-US' ? shell.titleEn : shell.titleZh,
+            signature: locale === 'en-US' ? shell.signatureEn : shell.signatureZh,
+            when: locale === 'en-US' ? shell.whenEn : shell.whenZh,
+        }));
         if (locale === 'zh-CN') {
             return textResult({
                 meta: designRules.meta,
                 standards: designRules.standards,
                 styles,
+                shells,
                 tokens: designRules.tokens,
                 composition: designRules.composition,
                 actions: designRules.actions,
                 status: designRules.status,
                 feedback: designRules.feedback,
                 global: designRules.global,
+                themeOverride: '品牌差异优先在应用入口覆盖 --m-color-primary / 字体等主题变量，页面 CSS 只用 --m-*；见 DESIGN.md「主题覆盖」。',
             });
         }
         return textResult({
@@ -1185,6 +1203,7 @@ export function createToolHandlers(catalog = loadCatalog()) {
                 mcp: item.mcp,
             })),
             styles,
+            shells,
             tokens: {
                 colors: ['--m-color-primary', '--m-color-surface', '--m-color-text', '--m-color-border'],
                 spacing: '--m-space-*',
@@ -1219,6 +1238,7 @@ export function createToolHandlers(catalog = loadCatalog()) {
                 },
                 doc: 'design-kit/.agents/skills/morya-ui-pages/references/feedback.md',
             },
+            themeOverride: 'Prefer brand differences via theme overrides (--m-color-primary / fonts) at the app entry; page CSS uses --m-* only. See DESIGN.md theme override section.',
             global: [
                 'Prefer library components and --m-* tokens.',
                 'Default action feedback to message; prefer message over toast for single-line-only text.',
@@ -1226,45 +1246,95 @@ export function createToolHandlers(catalog = loadCatalog()) {
                 'Form controls should have a visible label or an equivalent accessible name.',
                 'Overlays teleport to body by default; only change appendTo for a clear layout constraint.',
                 'Prefer documented component variants over deep CSS overrides.',
-                'Resolve visual style via reference → preset → prompt cues → offer quiet/soft/dense/rail/studio/ink; golden pages lock structure, not aesthetics.',
+                'Resolve visual style: follow explicit user reference/description first; else infer from clear prompt cues; if uncertain ask once. No named preset catalog. Golden pages lock structure, not aesthetics.',
+                'Pass brief to map_reference / recommend_page / validate_page for fidelity.',
             ],
         });
     }
-    function listStylePresets(args = {}) {
+    function mapReference(args) {
         const locale = resolveLocale(args.mode);
+        const mapped = mapReferenceBrief(args);
+        const shell = mapped.suggestedShellId ? findStyleShell(mapped.suggestedShellId) : undefined;
         return textResult({
-            resolution: locale === 'en-US' ? styleResolution.priorityEn : styleResolution.priorityZh,
-            hardRules: locale === 'en-US' ? styleResolution.hardRulesEn : styleResolution.hardRulesZh,
-            presets: stylePresets.map((preset) => ({
-                id: preset.id,
-                title: locale === 'en-US' ? preset.titleEn : preset.title,
-                summary: locale === 'en-US' ? preset.summaryEn : preset.summary,
-                lanes: preset.lanes,
-                keywords: preset.keywords,
-                listGoldenPage: preset.listGoldenPage ?? null,
+            surface: mapped.surface,
+            density: mapped.density,
+            styleSummary: mapped.styleSummary,
+            suggestedSnippets: mapped.suggestedSnippets,
+            suggestedShellId: mapped.suggestedShellId,
+            mapping: mapped.mapping.map((item) => ({
+                block: item.block,
+                snippetId: item.snippetId,
+                notes: locale === 'en-US' ? item.notesEn : item.notesZh,
             })),
+            tokenRoles: mapped.tokenRoles.map((item) => ({
+                role: item.role,
+                token: item.token,
+                notes: locale === 'en-US' ? item.notesEn : item.notesZh,
+            })),
+            craftCues: locale === 'en-US' ? mapped.craftCuesEn : mapped.craftCuesZh,
+            validationHints: mapped.validationHints,
+            styleShell: shell
+                ? {
+                    id: shell.id,
+                    title: locale === 'en-US' ? shell.titleEn : shell.titleZh,
+                    signature: locale === 'en-US' ? shell.signatureEn : shell.signatureZh,
+                    css: shell.css,
+                    htmlHint: locale === 'en-US' ? shell.htmlHintEn : shell.htmlHintZh,
+                }
+                : null,
+            nextStep: locale === 'en-US'
+                ? 'Compose get_page_snippet for each mapping.snippetId; apply styleShell.css when needed; pass the same brief to validate_page.'
+                : '按 mapping.snippetId 逐个 get_page_snippet；需要时粘贴 styleShell.css；同一 brief 交给 validate_page。',
         });
     }
-    function getStylePreset(args) {
+    function getStyleShells(args = {}) {
         const locale = resolveLocale(args.mode);
-        const preset = findStylePreset(args.style);
-        if (!preset) {
+        if (args.shell) {
+            const shell = findStyleShell(args.shell);
+            if (!shell) {
+                return textResult({
+                    error: `Style shell not found: ${args.shell}`,
+                    available: styleShells.map((item) => item.id),
+                });
+            }
             return textResult({
-                error: `Style preset not found: ${args.style}`,
-                available: stylePresets.map((item) => item.id),
+                id: shell.id,
+                surface: shell.surface,
+                title: locale === 'en-US' ? shell.titleEn : shell.titleZh,
+                signature: locale === 'en-US' ? shell.signatureEn : shell.signatureZh,
+                when: locale === 'en-US' ? shell.whenEn : shell.whenZh,
+                htmlHint: locale === 'en-US' ? shell.htmlHintEn : shell.htmlHintZh,
+                css: shell.css,
             });
         }
+        const items = listStyleShells(args.surface).map((shell) => ({
+            id: shell.id,
+            surface: shell.surface,
+            title: locale === 'en-US' ? shell.titleEn : shell.titleZh,
+            signature: locale === 'en-US' ? shell.signatureEn : shell.signatureZh,
+            when: locale === 'en-US' ? shell.whenEn : shell.whenZh,
+        }));
         return textResult({
-            id: preset.id,
-            title: locale === 'en-US' ? preset.titleEn : preset.title,
-            summary: locale === 'en-US' ? preset.summaryEn : preset.summary,
-            lanes: preset.lanes,
-            keywords: preset.keywords,
-            listGoldenPage: preset.listGoldenPage ?? null,
-            cues: locale === 'en-US' ? preset.cuesEn : preset.cues,
-            apply: locale === 'en-US' ? preset.applyEn : preset.apply,
-            avoid: locale === 'en-US' ? preset.avoidEn : preset.avoid,
-            resolution: locale === 'en-US' ? styleResolution.priorityEn : styleResolution.priorityZh,
+            total: items.length,
+            items,
+            nextStep: locale === 'en-US'
+                ? 'Pass shell id to get_style_shells({ shell }) for pasteable CSS. Brand color via theme --m-color-primary, not page hex.'
+                : '传 shell id 给 get_style_shells({ shell }) 取可粘贴 CSS。品牌色走主题 --m-color-primary，不要在页面写 hex。',
+        });
+    }
+    function getStyleDirection(args = {}) {
+        const locale = resolveLocale(args.mode);
+        const direction = resolveStyleDirection({ intent: args.intent, style: args.style });
+        return textResult({
+            resolution: direction.resolution,
+            confidence: direction.confidence,
+            summary: direction.summary ?? null,
+            guidance: locale === 'en-US' ? direction.guidanceEn : direction.guidanceZh,
+            priority: locale === 'en-US' ? styleResolution.priorityEn : styleResolution.priorityZh,
+            hardRules: locale === 'en-US' ? styleResolution.hardRulesEn : styleResolution.hardRulesZh,
+            note: locale === 'en-US'
+                ? 'No named style-preset catalog. Pass style as free-text user description when they specified one.'
+                : '没有命名风格预设表。用户有描述时把原文放进 style；不确定时 resolution 为 ask，应先问用户。',
         });
     }
     function recommendComponent(args) {
@@ -1484,9 +1554,10 @@ export function createToolHandlers(catalog = loadCatalog()) {
                 'list_patterns',
                 'get_pattern',
                 'recommend_page',
+                'map_reference',
                 'get_design_rules',
-                'list_style_presets',
-                'get_style_preset',
+                'get_style_direction',
+                'get_style_shells',
                 'recommend_component',
                 'list_golden_pages',
                 'get_golden_page',
@@ -1509,9 +1580,10 @@ export function createToolHandlers(catalog = loadCatalog()) {
         listPatterns,
         getPattern,
         recommendPage,
+        mapReference,
         getDesignRules,
-        listStylePresets,
-        getStylePreset,
+        getStyleDirection,
+        getStyleShells,
         recommendComponent,
         listGoldenPageCatalog,
         getGoldenPage,