From 44c53429d95070a2544299835f7359c67ec0c352 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=B5=85=E5=BF=B5?= <email@sample.com>
Date: Tue, 20 Oct 2026 22:30:44 +0800
Subject: [PATCH] =?UTF-8?q?feat(admin):=20=E4=BB=8E=E7=BD=91=E7=AB=99?=
 =?UTF-8?q?=E5=AF=BC=E5=85=A5=E5=AF=B9=E8=AF=9D=E6=A1=86=E4=B8=8E=E5=AE=A1?=
 =?UTF-8?q?=E6=A0=B8=E9=A1=B5?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Task 9 装配：site-import/index.vue 单文件两形态——导入对话框（URL
启动/3s 轮询五键/phase 文案/failed retry 复活形态/7.5 分钟窗口/404
过期终态/放弃确认）与审核页 fullscreen dialog（品牌表单+头像
dataURL 预览与跳过勾选/四件套 tabs 等宽编辑+UTF-8 字节计数/墙尾巴
三语单行/联系方式两开关/warnings 分级黄条）。

保存序列执行器按 buildSaveSequence 依次调既有端点（每步 GET 在该步
执行时取，avatar 上传写的版本不丢）；wall 步消费 Task 9 备忘新增的
wallPoolDispatch 纯函数（保存时新鲜 GET 池判断逐语言替换/追加，
append 提示「原池含人工编辑句」），contact 步读-改-写仅覆写两开关。
部分失败停当前组，重试跳过已完成组。

两入口接线：租户详情抽屉（超管，停用禁用）与配置中心页头（两角色，
slug=当前租户上下文），completed 后各自刷新。

测试 201→206（wallPoolDispatch 五例 TDD）；pnpm build 零错误；
dts 行尾漂移按纪律还原。

Co-Authored-By: Claude Code <noreply@anthropic.com>
---
 admin/src/views/config/center/index.vue       |   27 +
 .../views/site-import/__tests__/model.test.ts |   57 +
 admin/src/views/site-import/index.vue         | 1238 +++++++++++++++++
 admin/src/views/site-import/model.ts          |   52 +-
 admin/src/views/tenants/list/index.vue        |   25 +
 5 files changed, 1398 insertions(+), 1 deletion(-)
 create mode 100644 admin/src/views/site-import/index.vue

diff --git a/admin/src/views/config/center/index.vue b/admin/src/views/config/center/index.vue
index 2c7c573..1607968 100644
--- a/admin/src/views/config/center/index.vue
+++ b/admin/src/views/config/center/index.vue
@@ -65,6 +65,15 @@
         <p class="page-sub">按左侧分组编辑——保存后立即生效并产生新版本，历史可随时回滚</p>
       </div>
       <div class="header-side">
+        <ElButton
+          type="primary"
+          plain
+          :disabled="!activeSlug"
+          title="抓取官网 → AI 生成品牌/话术草稿 → 审核后写入当前租户配置"
+          @click="openSiteImport"
+        >
+          从网站导入
+        </ElButton>
         <ElTag v-if="version !== null" type="info" size="large">当前版本 v{{ version }}</ElTag>
         <ElSelect
           v-if="isSuper"
@@ -592,12 +601,16 @@
         </template>
       </div>
     </ElCard>
+
+    <!-- 从网站导入（Task 9）：页头按钮打开，保存成功后整页重载配置 -->
+    <SiteImportDialog ref="siteImportRef" @completed="onSiteImportCompleted" />
   </div>
 </template>
 
 <script setup lang="ts">
   import { onBeforeRouteLeave } from 'vue-router'
   import { ElMessageBox } from 'element-plus'
+  import SiteImportDialog from '@/views/site-import/index.vue'
   import { useAuthStore } from '@/store/modules/auth'
   import { fetchTenantDetail, type TenantDetailResponse } from '@/api/tenants'
   import { getWidgetDomain } from '@/api/settings'
@@ -1086,6 +1099,20 @@
 
   // ---- 装配（租户切换：重置表单/版本/嵌入选择，配置+详情双载） ------------------------------
 
+  // ---- 从网站导入（Task 9）：页头按钮两角色可见，slug = 当前租户上下文 --------------------
+
+  const siteImportRef = ref<InstanceType<typeof SiteImportDialog> | null>(null)
+
+  function openSiteImport(): void {
+    if (activeSlug.value) siteImportRef.value?.open(activeSlug.value)
+  }
+
+  /** 保存全部成功——整页重载配置（服务端权威态覆盖本地快照/品牌表单；
+   *  版本号与品牌表单随 loadConfig 一并刷新） */
+  function onSiteImportCompleted(): void {
+    reloadConfig()
+  }
+
   /** 切租户前置确认（Task 14）：ElSelect 单向 :model-value——取消时 prop
    * 未变，选择器显示自动还原旧租户且草稿保留；确认后才写 activeSlug 触发
    * 下方 watch 重载（草稿随重载丢弃） */
diff --git a/admin/src/views/site-import/__tests__/model.test.ts b/admin/src/views/site-import/__tests__/model.test.ts
index e0cb67c..d65300c 100644
--- a/admin/src/views/site-import/__tests__/model.test.ts
+++ b/admin/src/views/site-import/__tests__/model.test.ts
@@ -23,6 +23,7 @@ import {
   draftToBrandForm,
   draftToPromptsTabs,
   isTerminal404,
+  wallPoolDispatch,
   warningsLevel,
   type SiteImportDraft
 } from '../model'
@@ -198,3 +199,59 @@ describe('isTerminal404', () => {
     expect(isTerminal404(null)).toBe(false)
   })
 })
+
+// ---- wallPoolDispatch（Task 9：保存时以新鲜 GET 快照分派替换/追加） ----------------------
+
+describe('wallPoolDispatch', () => {
+  it('出厂单句池_整句替换', () => {
+    // 出厂形态（seed_profiles auto/jiancai 的 deflections_contact：每语言单句）
+    const current = {
+      en: ['Our manager will send the exact quote to your WhatsApp shortly. Anything else about our pipes?'],
+      zh: ['客户经理稍后会把准确报价发到你的 WhatsApp。还想了解什么管道产品？'],
+      es: ['Nuestro gerente te enviará el precio exacto a tu WhatsApp en breve.']
+    }
+    const d = wallPoolDispatch(current, { en: 'tail-en', zh: 'tail-zh', es: 'tail-es' })
+    expect(d.mode).toBe('replace')
+    expect(d.pools).toEqual({ en: ['tail-en'], zh: ['tail-zh'], es: ['tail-es'] })
+  })
+
+  it('人工多句池_追加到末项', () => {
+    const current = { en: ['human-a', 'human-b'], zh: ['人工句一', '人工句二'], es: ['uno', 'dos'] }
+    const d = wallPoolDispatch(current, { en: 'tail-en', zh: 'tail-zh', es: 'tail-es' })
+    expect(d.mode).toBe('append')
+    // 原句保留 + 新句 push 到末项
+    expect(d.pools.en).toEqual(['human-a', 'human-b', 'tail-en'])
+    expect(d.pools.zh).toEqual(['人工句一', '人工句二', 'tail-zh'])
+    expect(d.pools.es).toEqual(['uno', 'dos', 'tail-es'])
+  })
+
+  it('es新句为null_整键删除', () => {
+    // es 尾巴缺失 = 合法降级（spec §4）：pools.es 为 null——消费方载荷
+    // 不触 es 键（保持 GET 快照原值），「整键删除」指分派结果该键为 null
+    const current = { en: ['a'], zh: ['中'], es: ['es-现句'] }
+    const d = wallPoolDispatch(current, { en: 'e', zh: 'z', es: null })
+    expect(d.mode).toBe('replace')
+    expect(d.pools.en).toEqual(['e'])
+    expect(d.pools.zh).toEqual(['z'])
+    expect(d.pools.es).toBeNull()
+  })
+
+  it('混合形态：多句语言追加、单句语言替换（mode 取 append）', () => {
+    const current = { en: ['a', 'b'], zh: ['仅一句'] }
+    const d = wallPoolDispatch(current, { en: 'tail', zh: '替换句', es: null })
+    expect(d.mode).toBe('append')
+    expect(d.pools.en).toEqual(['a', 'b', 'tail'])
+    expect(d.pools.zh).toEqual(['替换句'])
+    expect(d.pools.es).toBeNull()
+  })
+
+  it('现池缺语言键/非数组值防御：按空池走替换', () => {
+    const d = wallPoolDispatch(
+      { en: 'not-an-array' } as unknown as Record<string, string[]>,
+      { en: 'e', zh: 'z', es: null }
+    )
+    expect(d.pools.en).toEqual(['e'])
+    expect(d.pools.zh).toEqual(['z'])
+    expect(d.pools.es).toBeNull()
+  })
+})
diff --git a/admin/src/views/site-import/index.vue b/admin/src/views/site-import/index.vue
new file mode 100644
index 0000000..d69602c
--- /dev/null
+++ b/admin/src/views/site-import/index.vue
@@ -0,0 +1,1238 @@
+<!--
+  从网站导入：导入对话框 + 审核页（Task 9，单文件两形态）
+
+  ## 形态 A：导入对话框
+  - URL 输入 → POST startSiteImport（新建 {url}）→ 3s 轮询 GET 五键
+    （status/phase/pages/draft/error——无 failed_phase，Task 8 契约）；
+  - 运行文案：pending 启动中 / crawling「抓取中·第 N 页」/ generating
+    「AI 生成中」；done → 切形态 B；failed → 白话 error + retry 按钮
+    （对 failed 一律展示，能否复活由后端 409 兜底——POST 复活形态带
+    {retry:'generate', task_id}，复用已抓文本不重抓）；
+  - 7.5 分钟轮询窗口（> 服务端 7 分钟总超时）到点停轮询提示可重试；
+  - 轮询遇 404（isTerminal404）→ 终态「任务已过期，请重新导入」；
+  - 429（频控 3 次/15 分钟）/ 409（并发上限）的 detail 原样展示；
+  - 进行中关闭需确认「放弃本次导入？任务将在 30 分钟后自动清理」。
+
+  ## 形态 B：审核页（fullscreen dialog）
+  - 顶部黄条「保存将覆盖当前配置（产生新版本，可随时回滚）」+ warnings
+    分级区（warningsLevel：info 蓝 / warning 橙）；
+  - 左列品牌表单（draftToBrandForm 预填可改；头像 dataURL <img> 预览 +
+    「不上传头像」勾选）+ 墙尾巴 en/zh/es 三行（es 留空 = 不修改该语言）
+    + 联系方式两开关；右列四件套 tabs（等宽 textarea + UTF-8 字节计数）；
+  - 「保存全部」按 buildSaveSequence 依次执行（复用 ConfigCard 视觉壳）：
+    头像（dataUrlToBlob→uploadBrandAvatar）→ brand → prompts → wall →
+    contact。每步 GET 在**该步执行时**取（avatar 上传写新版本含文件名，
+    brand 读-改-写才不丢）；wall 步走 wallPoolDispatch（新鲜池分派替换/
+    追加，append 时提示「原池含人工编辑句，已追加而非替换」）；contact
+    步 GET 读-改-写仅覆写两开关（template_languages 等既有键透传保留）；
+  - 部分失败停当前组，重试跳过已完成组（completedKinds）；全成功 toast
+    「配置已热生效，可到嵌入代码页取挂件代码」并 emit('completed') 供
+    入口页刷新（配置中心重载快照 / 租户列表刷新版本号）。
+
+  入口：defineExpose({ open(slug) })——tenants/list 详情抽屉（超管）与
+  config/center 页头（两角色）放按钮调用。
+-->
+<template>
+  <div class="site-import-root">
+  <!-- ==================== 形态 A：导入对话框 ==================== -->
+  <ElDialog
+    v-model="importVisible"
+    title="从网站导入"
+    width="560px"
+    append-to-body
+    :close-on-click-modal="false"
+    :before-close="onBeforeCloseA"
+    @closed="onImportClosed"
+  >
+    <!-- idle：URL 输入 -->
+    <template v-if="runState === 'idle'">
+      <ElForm label-width="80px" @submit.prevent>
+        <ElFormItem label="网站地址" required>
+          <ElInput
+            v-model="importUrl"
+            placeholder="https://example.com（公网地址，内网/非法地址会被拒绝）"
+            :disabled="starting"
+            @keyup.enter="onStart"
+          />
+        </ElFormItem>
+      </ElForm>
+      <p class="dialog-tip">
+        流程：抓取站点页面（约 1-3 分钟）→ AI 生成品牌与话术草稿 → 人工审核后保存。
+        每租户 15 分钟内最多发起 3 次。
+      </p>
+      <ElAlert
+        v-if="startError"
+        type="error"
+        :closable="false"
+        class="inline-error"
+        :title="startError"
+      />
+    </template>
+
+    <!-- running：轮询中 -->
+    <div v-else-if="runState === 'running'" class="run-block">
+      <span class="run-spinner" />
+      <p class="run-text">{{ runText }}</p>
+      <p class="run-sub">每 3 秒自动刷新，完成后自动进入审核页；关闭对话框不会中断后台任务</p>
+    </div>
+
+    <!-- failed：白话错误 + retry（一律展示，后端 409 兜底判形态） -->
+    <template v-else-if="runState === 'failed'">
+      <ElAlert type="error" :closable="false" title="导入失败" :description="taskError || '未知错误'" />
+      <ElAlert
+        v-if="startError"
+        type="error"
+        :closable="false"
+        class="inline-error"
+        :title="startError"
+      />
+      <div class="run-actions">
+        <ElButton type="primary" :loading="starting" @click="onRetry">重试生成（复用已抓取内容）</ElButton>
+        <ElButton :disabled="starting" @click="resetToIdle">重新输入网址</ElButton>
+      </div>
+    </template>
+
+    <!-- timeout：7.5 分钟轮询窗口到点 -->
+    <template v-else-if="runState === 'timeout'">
+      <ElAlert
+        type="warning"
+        :closable="false"
+        title="等待超时"
+        description="已轮询超过 7.5 分钟，停止等待。任务可能仍在后台收尾或已失败——可重试生成（复用已抓取内容），或关闭后重新导入。"
+      />
+      <ElAlert
+        v-if="startError"
+        type="error"
+        :closable="false"
+        class="inline-error"
+        :title="startError"
+      />
+      <div class="run-actions">
+        <ElButton type="primary" :loading="starting" @click="onRetry">重试生成</ElButton>
+        <ElButton :disabled="starting" @click="resetToIdle">重新输入网址</ElButton>
+      </div>
+    </template>
+
+    <!-- expired：轮询 404 终态 -->
+    <template v-else-if="runState === 'expired'">
+      <ElAlert
+        type="warning"
+        :closable="false"
+        title="任务已过期，请重新导入"
+        description="任务（含草稿）在完成后 30 分钟自动清理。"
+      />
+      <div class="run-actions">
+        <ElButton type="primary" @click="resetToIdle">重新导入</ElButton>
+      </div>
+    </template>
+
+    <template #footer>
+      <ElButton :disabled="starting" @click="requestCloseA">关闭</ElButton>
+      <ElButton v-if="runState === 'idle'" type="primary" :loading="starting" @click="onStart">
+        开始导入
+      </ElButton>
+    </template>
+  </ElDialog>
+
+  <!-- ==================== 形态 B：审核页（fullscreen） ==================== -->
+  <ElDialog
+    v-model="reviewVisible"
+    fullscreen
+    append-to-body
+    :close-on-click-modal="false"
+    :before-close="onBeforeCloseB"
+    @closed="onReviewClosed"
+  >
+    <template #header>
+      <div class="review-header">
+        <span class="review-title">审核导入草稿——{{ targetSlug }}</span>
+        <span v-if="importUrl" class="review-sub mono">{{ importUrl }}</span>
+      </div>
+    </template>
+
+    <div v-if="draft" class="review-body">
+      <ElAlert
+        type="warning"
+        :closable="false"
+        class="overwrite-alert"
+        title="保存将覆盖当前配置（产生新版本，可随时在版本历史回滚）"
+      />
+
+      <!-- warnings 分级区（info 蓝 / warning 橙） -->
+      <div v-if="draft.warnings.length > 0" class="warnings-box">
+        <div v-for="w in draft.warnings" :key="w" class="warning-row">
+          <ElTag :type="warningsLevel(w)" size="small">
+            {{ warningsLevel(w) === 'warning' ? '需复核' : '注记' }}
+          </ElTag>
+          <span class="warning-text">{{ w }}</span>
+        </div>
+      </div>
+
+      <div class="review-columns">
+        <!-- 左列：品牌 + 墙尾巴 + 联系方式 -->
+        <div class="col-left">
+          <ConfigCard
+            icon="solar:palette-round-line-duotone"
+            title="品牌与外观"
+            subtitle="草稿预填可修改——保存时整组写入品牌配置"
+          >
+            <ElForm label-width="96px" @submit.prevent>
+              <ElFormItem label="标题 title">
+                <ElInput v-model="brandForm.title" maxlength="128" placeholder="挂件标题栏文案" />
+              </ElFormItem>
+              <ElFormItem label="主题色 color">
+                <div class="color-row">
+                  <ElColorPicker v-model="brandForm.color" />
+                  <ElInput
+                    v-model="brandForm.color"
+                    placeholder="#066fc0（3/6 位十六进制，留空取默认）"
+                    class="color-input"
+                  />
+                </div>
+              </ElFormItem>
+              <ElFormItem label="头像 avatar">
+                <div class="avatar-row">
+                  <div class="avatar-box">
+                    <img v-if="brandForm.avatarDataUrl" :src="brandForm.avatarDataUrl" alt="草稿头像" />
+                    <span v-else class="avatar-none">无</span>
+                  </div>
+                  <div class="avatar-side">
+                    <ElCheckbox v-if="brandForm.avatarDataUrl" v-model="skipAvatar">
+                      不上传头像（保留当前头像）
+                    </ElCheckbox>
+                    <p v-else class="avatar-tip">草稿未抓到可用头像——保存不涉及头像</p>
+                  </div>
+                </div>
+              </ElFormItem>
+              <ElFormItem label="欢迎语 welcome">
+                <ElInput
+                  v-model="brandForm.welcome"
+                  type="textarea"
+                  :rows="2"
+                  maxlength="500"
+                  placeholder="挂件打开时的第一条消息"
+                />
+              </ElFormItem>
+              <ElFormItem label="快捷话题">
+                <ElSelect
+                  v-model="brandForm.topics"
+                  multiple
+                  filterable
+                  allow-create
+                  default-first-option
+                  :reserve-keyword="false"
+                  placeholder="输入后回车添加"
+                  class="topics-select"
+                />
+              </ElFormItem>
+              <ElFormItem label="输入框占位">
+                <ElInput v-model="brandForm.placeholder" maxlength="200" placeholder="聊天输入框 placeholder" />
+              </ElFormItem>
+              <ElFormItem label="WhatsApp">
+                <ElInput v-model="brandForm.whatsapp" placeholder="+8613900000000 或 wa.me 链接" />
+              </ElFormItem>
+              <ElFormItem label="邮箱 email">
+                <ElInput v-model="brandForm.email" placeholder="页脚展示邮箱" />
+              </ElFormItem>
+              <ElFormItem label="隐私政策 URL">
+                <ElInput v-model="brandForm.privacy_url" placeholder="https://example.com/privacy" />
+              </ElFormItem>
+            </ElForm>
+          </ConfigCard>
+
+          <ConfigCard
+            icon="solar:shield-warning-line-duotone"
+            title="墙尾巴（已留资收尾句）"
+            subtitle="写入安全词表 deflections_contact 池——客户已留联系方式后的收尾话术"
+          >
+            <ElForm label-width="56px" @submit.prevent>
+              <ElFormItem label="en">
+                <ElInput v-model="wallTails.en" placeholder="英文收尾句（必填）" />
+              </ElFormItem>
+              <ElFormItem label="zh">
+                <ElInput v-model="wallTails.zh" placeholder="中文收尾句（必填）" />
+              </ElFormItem>
+              <ElFormItem label="es">
+                <ElInput v-model="wallTails.es" placeholder="西班牙语收尾句（留空 = 不修改现有 es 池）" />
+              </ElFormItem>
+            </ElForm>
+            <p class="card-tip">
+              保存时按当前池形态分派：出厂单句池整句替换；已含人工编辑句（多句）的池追加到末项并提示。
+            </p>
+          </ConfigCard>
+
+          <ConfigCard
+            icon="solar:card-recive-line-duotone"
+            title="联系方式行为"
+            subtitle="写入联系方式配置组——两个行为开关"
+          >
+            <div class="switch-row">
+              <ElSwitch v-model="contactForm.ccCompletion" />
+              <div class="switch-text">
+                <span class="switch-label">联系方式补全（cc_completion）</span>
+                <span class="switch-sub">客户给出 WhatsApp/邮箱后，AI 发送确认与补全话术</span>
+              </div>
+            </div>
+            <div class="switch-row">
+              <ElSwitch v-model="contactForm.emailLightAsk" />
+              <div class="switch-text">
+                <span class="switch-label">邮箱轻补问（email_light_ask）</span>
+                <span class="switch-sub">客户只留了 WhatsApp 时，礼貌追问一次邮箱</span>
+              </div>
+            </div>
+          </ConfigCard>
+        </div>
+
+        <!-- 右列：提示词四件套 tabs -->
+        <div class="col-right">
+          <ConfigCard
+            icon="solar:document-text-line-duotone"
+            title="提示词四件套"
+            subtitle="等宽编辑——保存时整组写入提示词配置（其余键透传）"
+            class="prompts-card"
+          >
+            <ElTabs v-model="activeTab">
+              <ElTabPane
+                v-for="tab in promptsTabs"
+                :key="tab.key"
+                :name="tab.key"
+                :label="tab.label"
+                lazy
+              >
+                <ElInput
+                  :model-value="tab.text"
+                  type="textarea"
+                  :autosize="{ minRows: 18, maxRows: 30 }"
+                  spellcheck="false"
+                  class="prompt-editor"
+                  @update:model-value="tab.text = $event"
+                />
+                <div class="byte-row" :class="{ over: byteInfo(tab).over }">
+                  {{ tab.label }} · {{ byteInfo(tab).label }}
+                  <span v-if="byteInfo(tab).over">（超出上限，保存会被拦截）</span>
+                </div>
+              </ElTabPane>
+            </ElTabs>
+          </ConfigCard>
+        </div>
+      </div>
+    </div>
+
+    <template #footer>
+      <div class="review-footer">
+        <div class="footer-left">
+          <p v-if="saveState === 'idle'" class="progress-hint">
+            共 {{ saveSteps.length }} 组将依次保存：{{ saveSteps.map((s) => s.label).join(' → ') }}
+          </p>
+          <p v-else-if="saveState === 'running'" class="progress-text">
+            第 {{ currentStepNo }}/{{ saveSteps.length }} 组：{{ currentStepLabel }}…
+          </p>
+          <ElAlert
+            v-else-if="saveState === 'error'"
+            type="error"
+            :closable="false"
+            class="footer-alert"
+            :title="`保存中断（${failedStepLabel}）：${saveErrorText}`"
+            description="已完成的组不会重复保存——点击「重试」继续剩余组。"
+          />
+          <ElAlert
+            v-else-if="saveState === 'done'"
+            type="success"
+            :closable="false"
+            class="footer-alert"
+            title="全部保存成功"
+            description="配置已热生效，可到嵌入代码页取挂件代码。"
+          />
+          <div v-if="saveSteps.length > 0" class="step-strip">
+            <span
+              v-for="(step, i) in saveSteps"
+              :key="step.kind"
+              class="step-chip"
+              :class="`is-${stepState(step)}`"
+            >
+              {{ stepMark(step) }} {{ i + 1 }}.{{ step.label }}
+            </span>
+          </div>
+        </div>
+        <div class="footer-right">
+          <ElButton :disabled="saveState === 'running'" @click="requestCloseReview">放弃</ElButton>
+          <ElButton
+            v-if="saveState === 'error'"
+            type="primary"
+            @click="runSaveAll"
+          >
+            重试（跳过已完成组）
+          </ElButton>
+          <ElButton
+            v-else-if="saveState !== 'done'"
+            type="primary"
+            :loading="saveState === 'running'"
+            @click="runSaveAll"
+          >
+            保存全部
+          </ElButton>
+          <ElButton v-else type="primary" @click="reviewVisible = false">完成</ElButton>
+        </div>
+      </div>
+    </template>
+  </ElDialog>
+  </div>
+</template>
+
+<script setup lang="ts">
+  import { ElMessageBox } from 'element-plus'
+  import { getSiteImportTask, startSiteImport } from '@/api/siteImport'
+  import { fetchTenantConfig, putConfigGroup, uploadBrandAvatar } from '@/api/config'
+  import ConfigCard from '@/views/config/center/ConfigCard.vue'
+  import { PROMPTS_CAPS, formatKB, utf8Bytes } from '@/views/config/center/model'
+  import {
+    buildSaveSequence,
+    dataUrlToBlob,
+    draftToBrandForm,
+    draftToPromptsTabs,
+    isTerminal404,
+    wallPoolDispatch,
+    warningsLevel,
+    type PromptsTab,
+    type PromptsTabKey,
+    type SaveStep,
+    type SaveStepKind,
+    type SiteImportBrandForm,
+    type SiteImportDraft
+  } from './model'
+
+  defineOptions({ name: 'SiteImport' })
+
+  const emit = defineEmits<{ completed: [slug: string] }>()
+
+  /** 挂件侧主题色格式（与配置中心同一事实源规则） */
+  const HEX_COLOR_RE = /^#([0-9a-fA-F]{3}|[0-9a-fA-F]{6])$/
+  /** 轮询节奏与窗口（窗口 > 服务端 7 分钟总超时——到点必为终态或临终） */
+  const POLL_INTERVAL_MS = 3000
+  const POLL_WINDOW_MS = 7.5 * 60 * 1000
+
+  // ---- 组件态 ---------------------------------------------------------------------------
+
+  const targetSlug = ref('')
+  const importUrl = ref('')
+
+  function open(slug: string): void {
+    targetSlug.value = slug
+    importUrl.value = ''
+    resetImportState()
+    resetReviewState()
+    importVisible.value = true
+  }
+
+  defineExpose({ open })
+
+  // ---- 形态 A：导入对话框 -----------------------------------------------------------------
+
+  type RunState = 'idle' | 'running' | 'failed' | 'timeout' | 'expired'
+
+  const importVisible = ref(false)
+  const runState = ref<RunState>('idle')
+  const starting = ref(false)
+  const startError = ref('')
+  const taskId = ref('')
+  const taskError = ref('')
+  const taskStatus = ref('')
+  const pages = ref(0)
+
+  let pollTimer: ReturnType<typeof setInterval> | null = null
+  let pollStartedAt = 0
+  const pollInFlight = ref(false)
+
+  function stopPolling(): void {
+    if (pollTimer !== null) {
+      clearInterval(pollTimer)
+      pollTimer = null
+    }
+  }
+
+  function resetImportState(): void {
+    stopPolling()
+    taskId.value = ''
+    runState.value = 'idle'
+    startError.value = ''
+    taskError.value = ''
+    taskStatus.value = ''
+    pages.value = 0
+    starting.value = false
+    pollInFlight.value = false
+  }
+
+  function resetToIdle(): void {
+    stopPolling()
+    runState.value = 'idle'
+    startError.value = ''
+    taskId.value = ''
+  }
+
+  const runText = computed(() => {
+    if (taskStatus.value === 'generating') return 'AI 生成中…'
+    if (taskStatus.value === 'crawling') return `抓取中·第 ${pages.value} 页`
+    if (taskStatus.value === 'pending') return '任务启动中…'
+    return '导入进行中…'
+  })
+
+  /** POST 新建（单形态 {url}）；429/409/400 detail 原样展示（ElMessage + 内联） */
+  async function onStart(): Promise<void> {
+    const url = importUrl.value.trim()
+    if (!/^https?:\/\//.test(url)) {
+      startError.value = '网址须以 http:// 或 https:// 开头'
+      return
+    }
+    starting.value = true
+    startError.value = ''
+    try {
+      const res = await startSiteImport(targetSlug.value, { url }, { showErrorMessage: false })
+      taskId.value = res.task_id
+      runState.value = 'running'
+      taskStatus.value = 'pending'
+      pages.value = 0
+      startPolling()
+    } catch (error) {
+      const msg = error instanceof Error ? error.message : '启动失败'
+      startError.value = msg
+      ElMessage.error(msg)
+    } finally {
+      starting.value = false
+    }
+  }
+
+  /** POST 复活（{retry:'generate', task_id}——复用已抓文本不重抓；非 generate-failed 态后端 409 兜底） */
+  async function onRetry(): Promise<void> {
+    if (!taskId.value) return
+    starting.value = true
+    startError.value = ''
+    try {
+      const res = await startSiteImport(
+        targetSlug.value,
+        { retry: 'generate', task_id: taskId.value },
+        { showErrorMessage: false }
+      )
+      taskId.value = res.task_id
+      runState.value = 'running'
+      taskError.value = ''
+      taskStatus.value = 'pending'
+      startPolling()
+    } catch (error) {
+      const msg = error instanceof Error ? error.message : '重试失败'
+      startError.value = msg
+      ElMessage.error(msg)
+    } finally {
+      starting.value = false
+    }
+  }
+
+  function startPolling(): void {
+    stopPolling()
+    pollStartedAt = Date.now()
+    void pollTick()
+    pollTimer = setInterval(() => void pollTick(), POLL_INTERVAL_MS)
+  }
+
+  async function pollTick(): Promise<void> {
+    if (pollInFlight.value || !taskId.value || !targetSlug.value) return
+    // 两对话框均已关闭（如启动请求在途时用户关窗，返回后才开轮询）——无人
+    // 消费结果，直接停（服务端任务不受影响，30 分钟自然清理）
+    if (!importVisible.value && !reviewVisible.value) {
+      stopPolling()
+      return
+    }
+    if (Date.now() - pollStartedAt > POLL_WINDOW_MS) {
+      stopPolling()
+      runState.value = 'timeout'
+      return
+    }
+    pollInFlight.value = true
+    try {
+      // 轮询静默（showErrorMessage:false）——3s 节奏下瞬时错误的 toast 只会刷屏
+      const res = await getSiteImportTask(targetSlug.value, taskId.value, {
+        showErrorMessage: false
+      })
+      applyTaskResult(res)
+    } catch (error) {
+      if (isTerminal404(error)) {
+        stopPolling()
+        runState.value = 'expired'
+      }
+      // 其余错误（429/500/网络抖动）继续轮询——窗口兜底
+    } finally {
+      pollInFlight.value = false
+    }
+  }
+
+  function applyTaskResult(res: {
+    status: string
+    pages: number
+    error: string | null
+    draft: SiteImportDraft | null
+  }): void {
+    pages.value = res.pages
+    taskStatus.value = res.status
+    if (res.status === 'done' && res.draft) {
+      stopPolling()
+      enterReview(res.draft)
+    } else if (res.status === 'failed') {
+      stopPolling()
+      runState.value = 'failed'
+      taskError.value = res.error ?? '未知错误'
+    }
+  }
+
+  /** 关闭确认（进行中才拦）：A/X/ESC 走 before-close，footer 按钮走本函数 */
+  function confirmAbandonImport(): Promise<boolean> {
+    return ElMessageBox.confirm(
+      '放弃本次导入？任务将在 30 分钟后自动清理。',
+      '放弃导入',
+      { type: 'warning', confirmButtonText: '放弃', cancelButtonText: '继续等待' }
+    )
+      .then(() => true)
+      .catch(() => false)
+  }
+
+  function onBeforeCloseA(done: () => void): void {
+    if (runState.value !== 'running') {
+      done()
+      return
+    }
+    void confirmAbandonImport().then((ok) => {
+      if (ok) done()
+    })
+  }
+
+  function requestCloseA(): void {
+    if (runState.value !== 'running') {
+      importVisible.value = false
+      return
+    }
+    void confirmAbandonImport().then((ok) => {
+      if (ok) importVisible.value = false
+    })
+  }
+
+  /** A 关闭善后：停轮询 + 任务态复位（review 态独立存放，不受影响） */
+  function onImportClosed(): void {
+    stopPolling()
+    taskId.value = ''
+    runState.value = 'idle'
+    startError.value = ''
+    taskError.value = ''
+  }
+
+  // ---- 形态 B：审核页 ---------------------------------------------------------------------
+
+  const reviewVisible = ref(false)
+  const draft = ref<SiteImportDraft | null>(null)
+  const brandForm = ref<SiteImportBrandForm>(blankBrandForm())
+  const promptsTabs = ref<PromptsTab[]>([])
+  const activeTab = ref<PromptsTabKey>('system')
+  const wallTails = ref({ en: '', zh: '', es: '' })
+  const contactForm = ref({ ccCompletion: false, emailLightAsk: false })
+  const skipAvatar = ref(false)
+
+  function blankBrandForm(): SiteImportBrandForm {
+    return {
+      title: '',
+      color: '',
+      whatsapp: '',
+      email: '',
+      welcome: '',
+      topics: [],
+      placeholder: '',
+      privacy_url: '',
+      avatarDataUrl: null
+    }
+  }
+
+  function resetReviewState(): void {
+    reviewVisible.value = false
+    draft.value = null
+    brandForm.value = blankBrandForm()
+    promptsTabs.value = []
+    activeTab.value = 'system'
+    wallTails.value = { en: '', zh: '', es: '' }
+    contactForm.value = { ccCompletion: false, emailLightAsk: false }
+    skipAvatar.value = false
+    saveState.value = 'idle'
+    completedKinds.value = []
+    saveErrorText.value = ''
+    currentKind.value = null
+    failedKind.value = null
+  }
+
+  function enterReview(d: SiteImportDraft): void {
+    resetReviewState()
+    draft.value = d
+    brandForm.value = draftToBrandForm(d)
+    promptsTabs.value = draftToPromptsTabs(d)
+    wallTails.value = { en: d.wall_tails.en, zh: d.wall_tails.zh, es: d.wall_tails.es ?? '' }
+    contactForm.value = {
+      ccCompletion: d.contact.cc_completion === true,
+      emailLightAsk: d.contact.email_light_ask === true
+    }
+    importVisible.value = false
+    reviewVisible.value = true
+  }
+
+  function byteInfo(tab: PromptsTab): { over: boolean; label: string } {
+    const bytes = utf8Bytes(tab.text)
+    const cap = PROMPTS_CAPS[tab.key]
+    return { over: bytes > cap, label: `${formatKB(bytes)} / ${formatKB(cap)}` }
+  }
+
+  function onReviewClosed(): void {
+    draft.value = null
+    saveState.value = 'idle'
+    completedKinds.value = []
+    currentKind.value = null
+    failedKind.value = null
+    saveErrorText.value = ''
+  }
+
+  // ---- 保存序列执行器（每步 GET 在该步执行时取——avatar 上传写的版本不被丢） ------------------
+
+  const saveState = ref<'idle' | 'running' | 'error' | 'done'>('idle')
+  const completedKinds = ref<SaveStepKind[]>([])
+  const currentKind = ref<SaveStepKind | null>(null)
+  const failedKind = ref<SaveStepKind | null>(null)
+  const saveErrorText = ref('')
+
+  /** 有效步骤：序列剔除「不上传头像」勾选后的头像步 */
+  const saveSteps = computed<SaveStep[]>(() => {
+    if (!draft.value) return []
+    const steps = buildSaveSequence(draft.value)
+    if (skipAvatar.value) return steps.filter((s) => s.kind !== 'avatar')
+    return steps
+  })
+
+  const currentStepNo = computed(
+    () => saveSteps.value.findIndex((s) => s.kind === currentKind.value) + 1
+  )
+  const currentStepLabel = computed(
+    () => saveSteps.value.find((s) => s.kind === currentKind.value)?.label ?? ''
+  )
+  const failedStepLabel = computed(() => {
+    const step = saveSteps.value.find((s) => s.kind === failedKind.value)
+    return step?.label ?? '当前组'
+  })
+
+  function stepState(step: SaveStep): 'done' | 'current' | 'error' | 'pending' {
+    if (completedKinds.value.includes(step.kind)) return 'done'
+    if (saveState.value === 'error' && failedKind.value === step.kind) return 'error'
+    if (saveState.value === 'running' && currentKind.value === step.kind) return 'current'
+    return 'pending'
+  }
+
+  function stepMark(step: SaveStep): string {
+    const state = stepState(step)
+    if (state === 'done') return '✓'
+    if (state === 'error') return '!'
+    if (state === 'current') return '…'
+    return ''
+  }
+
+  /** 版本备注（每步 PUT 共用——版本历史可辨识来源） */
+  const saveComment = computed(() => {
+    const url = importUrl.value.trim()
+    return url ? `从网站导入：${url}` : '从网站导入'
+  })
+
+  function validateReviewForm(): string {
+    const color = brandForm.value.color.trim()
+    if (color && !HEX_COLOR_RE.test(color)) {
+      return '主题色须为 3 或 6 位十六进制（如 #066fc0），或留空取挂件默认'
+    }
+    if (!wallTails.value.en.trim() || !wallTails.value.zh.trim()) {
+      return '墙尾巴 en / zh 不能为空（es 可留空 = 不修改该语言池）'
+    }
+    for (const tab of promptsTabs.value) {
+      if (utf8Bytes(tab.text) > PROMPTS_CAPS[tab.key]) {
+        return `${tab.label}超出字节上限（${formatKB(PROMPTS_CAPS[tab.key])}）——请删减后再保存`
+      }
+    }
+    return ''
+  }
+
+  async function executeStep(step: SaveStep, slug: string): Promise<void> {
+    switch (step.kind) {
+      case 'avatar': {
+        const blob = brandForm.value.avatarDataUrl
+          ? dataUrlToBlob(brandForm.value.avatarDataUrl)
+          : null
+        if (!blob) {
+          // 防御分支（草稿头像已过 crawler 魔数校验）——跳过并提示，不算失败
+          ElMessage.info('草稿头像解析失败，已跳过头像上传')
+          return
+        }
+        const ext = blob.type.includes('png')
+          ? 'png'
+          : blob.type.includes('webp')
+            ? 'webp'
+            : 'jpg'
+        const file = new File([blob], `site-import-avatar.${ext}`, { type: blob.type })
+        await uploadBrandAvatar(slug, file)
+        return
+      }
+      case 'brand': {
+        // GET 在本步执行时取（须在头像上传之后——上传已写新版本含 avatar 文件名）
+        const snap = await fetchTenantConfig(slug)
+        const group = snap.config.brand ?? {}
+        await putConfigGroup(
+          slug,
+          'brand',
+          {
+            ...group,
+            title: brandForm.value.title,
+            color: brandForm.value.color.trim(),
+            welcome: brandForm.value.welcome,
+            placeholder: brandForm.value.placeholder,
+            whatsapp: brandForm.value.whatsapp,
+            email: brandForm.value.email,
+            privacy_url: brandForm.value.privacy_url,
+            topics: brandForm.value.topics.map((t) => t.trim()).filter(Boolean)
+          },
+          saveComment.value
+        )
+        return
+      }
+      case 'prompts': {
+        const snap = await fetchTenantConfig(slug)
+        const group = snap.config.prompts ?? {}
+        const texts = Object.fromEntries(promptsTabs.value.map((t) => [t.key, t.text]))
+        await putConfigGroup(slug, 'prompts', { ...group, ...texts }, saveComment.value)
+        return
+      }
+      case 'wall': {
+        const snap = await fetchTenantConfig(slug)
+        const group = snap.config.wall ?? {}
+        const current = (group.deflections_contact ?? {}) as Record<string, string[]>
+        const dispatch = wallPoolDispatch(current, {
+          en: wallTails.value.en.trim(),
+          zh: wallTails.value.zh.trim(),
+          es: wallTails.value.es.trim() === '' ? null : wallTails.value.es.trim()
+        })
+        const nextPool: Record<string, string[]> = { ...current }
+        for (const lang of ['en', 'zh', 'es'] as const) {
+          const pool = dispatch.pools[lang]
+          if (pool !== null) nextPool[lang] = pool
+        }
+        await putConfigGroup(
+          slug,
+          'wall',
+          { ...group, deflections_contact: nextPool },
+          saveComment.value
+        )
+        if (dispatch.mode === 'append') {
+          ElMessage.info('原池含人工编辑句，已追加而非替换')
+        }
+        return
+      }
+      case 'contact': {
+        // 读-改-写仅覆写两开关：template_languages 等既有键透传保留
+        const snap = await fetchTenantConfig(slug)
+        const group = snap.config.contact ?? {}
+        await putConfigGroup(
+          slug,
+          'contact',
+          {
+            ...group,
+            cc_completion: contactForm.value.ccCompletion,
+            email_light_ask: contactForm.value.emailLightAsk
+          },
+          saveComment.value
+        )
+        return
+      }
+    }
+  }
+
+  async function runSaveAll(): Promise<void> {
+    if (!draft.value || !targetSlug.value) return
+    if (saveState.value === 'running' || saveState.value === 'done') return
+    const invalid = validateReviewForm()
+    if (invalid) {
+      ElMessage.warning(invalid)
+      return
+    }
+    saveState.value = 'running'
+    saveErrorText.value = ''
+    failedKind.value = null
+    try {
+      for (const step of saveSteps.value) {
+        if (completedKinds.value.includes(step.kind)) continue
+        currentKind.value = step.kind
+        await executeStep(step, targetSlug.value)
+        completedKinds.value = [...completedKinds.value, step.kind]
+      }
+      currentKind.value = null
+      saveState.value = 'done'
+      ElMessage.success('网站导入配置已全部保存')
+      emit('completed', targetSlug.value)
+    } catch (error) {
+      saveState.value = 'error'
+      failedKind.value = currentKind.value
+      saveErrorText.value = error instanceof Error ? error.message : '保存失败'
+      // 失败 toast 由全局拦截器统一弹出（本执行器未关 showErrorMessage）
+    }
+  }
+
+  function onBeforeCloseB(done: () => void): void {
+    if (saveState.value === 'running') {
+      ElMessage.warning('正在保存，请等待本组完成')
+      return
+    }
+    if (saveState.value === 'done') {
+      done()
+      return
+    }
+    void ElMessageBox.confirm(
+      '放弃本次导入？未保存的修改将丢失（任务将在 30 分钟后自动清理）。',
+      '放弃导入',
+      { type: 'warning', confirmButtonText: '放弃', cancelButtonText: '继续编辑' }
+    )
+      .then(() => done())
+      .catch(() => {})
+  }
+
+  function requestCloseReview(): void {
+    if (saveState.value === 'running') {
+      ElMessage.warning('正在保存，请等待本组完成')
+      return
+    }
+    if (saveState.value === 'done') {
+      reviewVisible.value = false
+      return
+    }
+    void ElMessageBox.confirm(
+      '放弃本次导入？未保存的修改将丢失（任务将在 30 分钟后自动清理）。',
+      '放弃导入',
+      { type: 'warning', confirmButtonText: '放弃', cancelButtonText: '继续编辑' }
+    )
+      .then(() => {
+        reviewVisible.value = false
+      })
+      .catch(() => {})
+  }
+
+  // ---- 卸载清理 ---------------------------------------------------------------------------
+
+  onBeforeUnmount(() => {
+    stopPolling()
+  })
+</script>
+
+<style scoped lang="scss">
+  .mono {
+    font-family: var(--art-font-family-mono, monospace);
+  }
+
+  // ---- 形态 A ---------------------------------------------------------------------------
+
+  .dialog-tip {
+    margin: 8px 0 0;
+    font-size: 12px;
+    line-height: 1.6;
+    color: var(--art-gray-400);
+  }
+
+  .inline-error {
+    margin-top: 10px;
+  }
+
+  .run-block {
+    display: flex;
+    flex-direction: column;
+    gap: 10px;
+    align-items: center;
+    justify-content: center;
+    min-height: 150px;
+
+    .run-spinner {
+      width: 28px;
+      height: 28px;
+      border: 3px solid var(--el-border-color-lighter);
+      border-top-color: var(--el-color-primary);
+      border-radius: 50%;
+      animation: site-import-spin 0.9s linear infinite;
+    }
+
+    .run-text {
+      margin: 0;
+      font-size: 14px;
+      font-weight: 600;
+      color: var(--el-text-color-primary);
+    }
+
+    .run-sub {
+      margin: 0;
+      font-size: 12px;
+      color: var(--art-gray-400);
+    }
+  }
+
+  @keyframes site-import-spin {
+    to {
+      transform: rotate(360deg);
+    }
+  }
+
+  .run-actions {
+    display: flex;
+    gap: 8px;
+    justify-content: center;
+    margin-top: 14px;
+  }
+
+  // ---- 形态 B ---------------------------------------------------------------------------
+
+  .review-header {
+    display: flex;
+    gap: 12px;
+    align-items: baseline;
+    padding-right: 32px;
+
+    .review-title {
+      font-size: 16px;
+      font-weight: 600;
+      color: var(--el-text-color-primary);
+    }
+
+    .review-sub {
+      overflow: hidden;
+      font-size: 12px;
+      color: var(--art-gray-400);
+      text-overflow: ellipsis;
+      white-space: nowrap;
+    }
+  }
+
+  .review-body {
+    max-width: 1280px;
+    margin: 0 auto;
+  }
+
+  .overwrite-alert {
+    margin-bottom: 10px;
+  }
+
+  .warnings-box {
+    display: flex;
+    flex-direction: column;
+    gap: 6px;
+    padding: 10px 14px;
+    margin-bottom: 12px;
+    border: 1px solid var(--el-border-color-lighter);
+    border-radius: 8px;
+    background: var(--el-fill-color-lighter);
+
+    .warning-row {
+      display: flex;
+      gap: 8px;
+      align-items: flex-start;
+
+      .el-tag {
+        flex-shrink: 0;
+      }
+
+      .warning-text {
+        font-size: 12px;
+        line-height: 1.7;
+        color: var(--el-text-color-regular);
+        word-break: break-all;
+      }
+    }
+  }
+
+  .review-columns {
+    display: flex;
+    gap: 16px;
+    align-items: stretch;
+
+    .col-left {
+      display: flex;
+      flex-direction: column;
+      gap: 16px;
+      width: 460px;
+      flex-shrink: 0;
+    }
+
+    .col-right {
+      display: flex;
+      flex: 1;
+      min-width: 0;
+    }
+  }
+
+  .color-row {
+    display: flex;
+    gap: 8px;
+    align-items: center;
+    width: 100%;
+
+    .color-input {
+      flex: 1;
+    }
+  }
+
+  .topics-select {
+    width: 100%;
+  }
+
+  .avatar-row {
+    display: flex;
+    gap: 12px;
+    align-items: center;
+
+    .avatar-box {
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      width: 56px;
+      height: 56px;
+      overflow: hidden;
+      border-radius: 50%;
+      background: var(--el-fill-color-light);
+      flex-shrink: 0;
+
+      img {
+        width: 100%;
+        height: 100%;
+        object-fit: cover;
+      }
+
+      .avatar-none {
+        font-size: 12px;
+        color: var(--art-gray-400);
+      }
+    }
+
+    .avatar-side {
+      .avatar-tip {
+        margin: 0;
+        font-size: 12px;
+        color: var(--art-gray-400);
+      }
+    }
+  }
+
+  .card-tip {
+    margin: 8px 0 0;
+    font-size: 12px;
+    line-height: 1.6;
+    color: var(--art-gray-400);
+  }
+
+  .switch-row {
+    display: flex;
+    gap: 10px;
+    align-items: center;
+
+    & + .switch-row {
+      margin-top: 12px;
+    }
+
+    .switch-text {
+      display: flex;
+      flex-direction: column;
+
+      .switch-label {
+        font-size: 13px;
+        color: var(--el-text-color-primary);
+      }
+
+      .switch-sub {
+        font-size: 12px;
+        color: var(--art-gray-400);
+      }
+    }
+  }
+
+  .prompts-card {
+    width: 100%;
+
+    :deep(.prompt-editor) {
+      textarea {
+        font-family: var(--art-font-family-mono, ui-monospace, Consolas, monospace);
+        font-size: 12px;
+        line-height: 1.7;
+      }
+    }
+
+    .byte-row {
+      margin-top: 6px;
+      font-size: 12px;
+      color: var(--art-gray-400);
+
+      &.over {
+        color: var(--el-color-danger);
+      }
+    }
+  }
+
+  // ---- 审核页 footer ---------------------------------------------------------------------
+
+  .review-footer {
+    display: flex;
+    gap: 16px;
+    align-items: center;
+    justify-content: space-between;
+  }
+
+  .footer-left {
+    display: flex;
+    flex: 1;
+    flex-direction: column;
+    gap: 6px;
+    min-width: 0;
+
+    .progress-hint,
+    .progress-text {
+      margin: 0;
+      font-size: 13px;
+      color: var(--el-text-color-primary);
+    }
+
+    .footer-alert {
+      margin: 0;
+    }
+  }
+
+  .step-strip {
+    display: flex;
+    flex-wrap: wrap;
+    gap: 6px;
+
+    .step-chip {
+      padding: 1px 10px;
+      border: 1px solid var(--el-border-color-lighter);
+      border-radius: 10px;
+      font-size: 12px;
+      color: var(--art-gray-400);
+
+      &.is-done {
+        border-color: var(--el-color-success-light-5);
+        color: var(--el-color-success);
+      }
+
+      &.is-current {
+        border-color: var(--el-color-primary-light-5);
+        color: var(--el-color-primary);
+      }
+
+      &.is-error {
+        border-color: var(--el-color-danger-light-5);
+        color: var(--el-color-danger);
+      }
+    }
+  }
+
+  .footer-right {
+    display: flex;
+    gap: 8px;
+    align-items: center;
+    flex-shrink: 0;
+  }
+</style>
diff --git a/admin/src/views/site-import/model.ts b/admin/src/views/site-import/model.ts
index 9d4e8e5..799d46f 100644
--- a/admin/src/views/site-import/model.ts
+++ b/admin/src/views/site-import/model.ts
@@ -14,7 +14,8 @@
  * （有则 dataURL→Blob→POST brand/avatar）→ PUT config/brand（读-改-
  * 写）→ PUT config/prompts → PUT config/wall（读-改-写，仅尾巴句）→
  * PUT config/contact。本模块只构造步骤描述（kind/label/note），实际
- * 请求编排与部分失败重试在 Task 9 的 index.vue。
+ * 请求编排与部分失败重试在 Task 9 的 index.vue；墙步的池形态分派由
+ * wallPoolDispatch 纯函数承担（Task 9 备忘——保存时新鲜 GET 快照判断）。
  */
 import type { ApiError } from '@/api/client'
 
@@ -218,6 +219,55 @@ export function buildSaveSequence(draft: SiteImportDraft): SaveStep[] {
   return steps
 }
 
+// ---- 墙池形态分派（Task 9——保存时以新鲜 GET 快照判断替换/追加） ------------------------
+
+/** 分派结果：mode=append 时 UI 提示「原池含人工编辑句，已追加而非替换」；
+ * pools 按语言给出目标池，null = 不触该语言（es 尾巴缺失的合法降级，
+ * 载荷保持 GET 快照原值） */
+export interface WallDispatch {
+  mode: 'replace' | 'append'
+  pools: Record<'en' | 'zh' | 'es', string[] | null>
+}
+
+/** 现池语言槽防御归一：非数组值按空池对待（字符串项过滤） */
+function asStringList(value: unknown): string[] {
+  return Array.isArray(value)
+    ? value.filter((s): s is string => typeof s === 'string')
+    : []
+}
+
+/**
+ * deflections_contact 池形态分派（spec §3.2 / §5，Task 9 备忘升为纯函数）：
+ * 保存时以**新鲜 GET** 的现池为判断基准，逐语言分派——
+ * - 池内 >1 句 = 含人工编辑句 → 追加到末项（原句保留）；
+ * - ≤1 句（出厂单句/空/缺键）→ 整句替换为新尾巴；
+ * - es 新尾巴 null → pools.es 为 null（不触该语言池）。
+ * 任一语言走了追加 → mode='append'（调用方展示追加提示文案）。
+ */
+export function wallPoolDispatch(
+  currentPools: Record<string, string[]>,
+  newTails: { en: string; zh: string; es: string | null }
+): WallDispatch {
+  let appended = false
+  const pools = {} as WallDispatch['pools']
+  const current = currentPools ?? {}
+  for (const lang of ['en', 'zh', 'es'] as const) {
+    const tail = newTails[lang]
+    if (tail === null) {
+      pools[lang] = null
+      continue
+    }
+    const sentences = asStringList(current[lang])
+    if (sentences.length > 1) {
+      appended = true
+      pools[lang] = [...sentences, tail]
+    } else {
+      pools[lang] = [tail]
+    }
+  }
+  return { mode: appended ? 'append' : 'replace', pools }
+}
+
 // ---- warnings 分级 -------------------------------------------------------------------
 
 /**
diff --git a/admin/src/views/tenants/list/index.vue b/admin/src/views/tenants/list/index.vue
index aae9f60..8d26dde 100644
--- a/admin/src/views/tenants/list/index.vue
+++ b/admin/src/views/tenants/list/index.vue
@@ -121,6 +121,17 @@
               {{ detail.status === 'active' ? '启用' : '停用' }}
             </ElTag>
           </span>
+          <ElButton
+            v-if="detail"
+            size="small"
+            type="primary"
+            plain
+            :disabled="detail.status !== 'active'"
+            :title="detail.status !== 'active' ? '租户已停用，复启用后可导入' : ''"
+            @click="openSiteImport"
+          >
+            从网站导入
+          </ElButton>
           <ElButton
             v-if="detail"
             size="small"
@@ -478,11 +489,15 @@
         <ElButton type="primary" :loading="domainBinding" @click="onBindDomain"> 绑定 </ElButton>
       </template>
     </ElDialog>
+
+    <!-- ==================== 从网站导入（Task 9） ==================== -->
+    <SiteImportDialog ref="siteImportRef" @completed="refreshAfterMutation" />
   </div>
 </template>
 
 <script setup lang="ts">
   import { ElMessageBox } from 'element-plus'
+  import SiteImportDialog from '@/views/site-import/index.vue'
   import SiteOverlayFields from '@/components/business/SiteOverlayFields/index.vue'
   import {
     OVERLAY_LABELS,
@@ -676,6 +691,16 @@
     detailError.value = ''
   }
 
+  // ---- 从网站导入（Task 9） ------------------------------------------------------------
+
+  /** 详情抽屉头按钮 → SiteImportDialog 传当前租户 slug；保存全部成功后
+   * 刷新列表 + 详情（版本号会随各组保存递增） */
+  const siteImportRef = ref<InstanceType<typeof SiteImportDialog> | null>(null)
+
+  function openSiteImport(): void {
+    if (detailSlug.value) siteImportRef.value?.open(detailSlug.value)
+  }
+
   /** 站点覆盖键列表（空值键也计入——展示实际落库形状） */
   function overlayKeys(site: SiteSummary): string[] {
     return Object.keys(site.brand_overlay ?? {})