chore(清理): 删除死代码与过期文件——7个无引用DTO+图片工作台整棵子树(16文件)+冗余副本+一次性脚本+可再生审计快照

每项删除前均做过全仓库引用核对（含 tests/、两个前端、Python 侧）：
- Java 7 个 DTO：BrandTaskRunRequest、LegacyBrandTaskCreateVo、Ziniao{SwitchShopRequest,CurrentShopVo,LoginUrlVo,SwitchShopVo}、
  AppearancePatentParsedGroupManifestDto —— 全仓库仅命中声明行本身
- frontend-vue 整棵 src/pages/image/（16 文件）：9a487ae9 起首页一级入口已删（"图片已并入视频页"），
  该子树完全自闭环；同步移除 /image 路由与 ImageVideoPage 的图片入口
- frontend-vue 两个孤儿组件 AiModuleSwitch/AiWorkflowShell：无引用，且位于 src/shared/components
  而非 unplugin-vue-components 默认扫描的 src/components，不存在自动注册
- backend/tool/devices.py + .device_id：app_client/tool/devices.py 的冗余副本（活的是 app_client 那份），
  app.py 只注册 version_bp，无任何引用
- admin-frontend-vue 的一次性 Playwright 调试脚本 rescan.tmp.mjs / diag-role-price.mjs
- backend-java/scripts/*_report.json ×4：可由 n1_scan.py 等重跑的审计快照
- frontend-vue/DESIGN.md：Last refreshed 2026-06-09，仍是 MPA 时代内容
- backend/requirement.txt：pip freeze 63 条裁剪为实际 import 的 5 条；run.sh 硬依赖该文件存在，故保留文件本身

验证：mvn compile 通过、vue-tsc --noEmit 通过、残留引用 grep 零命中。
注：仓库既有的 4 个失败测试类（FlywayMigration*DocTest、MigrationInventoryTest、HttpClientTimeoutEffectiveTest）
经 stash 对照实验确认与本次改动无关（相同 Failures/Errors 计数）。

frontend-vue/DESIGN.md

@@ -1,177 +0,0 @@
-# Design
-
-## Source of truth
-- Status: Active
-- Last refreshed: 2026-06-09
-- Primary product surfaces:
-  - `image-video.html`
-  - `src/pages/image-video/ImageVideoPage.vue`
-- Evidence reviewed:
-  - `src/pages/image-video/ImageVideoPage.vue`
-  - `src/styles/main.css`
-  - `src/styles/tokens.css`
-  - `src/components/layout/PageShell.vue`
-  - `../yaoyaoAI/aiclientpureui/src/styles/main.css`
-  - `../yaoyaoAI/aiclientpureui/src/components/dashboard/DashboardCard.vue`
-  - `../yaoyaoAI/aiclientpureui/src/components/workflow/Step02AudioVideo.vue`
-  - `../yaoyaoAI/aiclientpureui/src/components/workflow/Step03VideoEdit.vue`
-
-## Brand
-- Personality:
-  - Quiet, tool-oriented, high-density AI workflow workspace
-  - Dark professional console rather than marketing landing page
-- Trust signals:
-  - Structured step cards
-  - Stable layout grid
-  - Clear state summaries and output preview areas
-- Avoid:
-  - Light hero-page styling
-  - Decorative floating cards wrapped inside larger cards
-  - Tailwind or PrimeVue-specific visual copies that do not fit Element Plus
-
-## Product goals
-- Goals:
-  - Add a real `带货视频` module inside `frontend-vue`
-  - Put `视频复刻` and `图生视频` on one page with tab switching
-  - Match the visual tone of `aiclientpureui`
-  - Extract reusable workflow components for future media modules
-- Non-goals:
-  - Backend API integration in this phase
-  - Rebuilding the entire `aiclientpureui` navigation shell
-- Success signals:
-  - The page is screenshot-ready
-  - Form sections are organized and legible at desktop widths
-  - Shared components are reusable beyond this one page
-
-## Personas and jobs
-- Primary personas:
-  - Internal operators creating or editing commerce videos
-  - Content operations staff iterating scripts, scenes, and avatars quickly
-- User jobs:
-  - Upload source material
-  - Configure video generation parameters
-  - Adjust scene, face, script, and product settings
-  - Review an output summary before starting generation
-- Key contexts of use:
-  - Desktop-heavy internal tool usage
-  - Repeated daily workflows with dense settings
-
-## Information architecture
-- Primary navigation:
-  - Keep a lightweight page header with module switch and back link
-- Core routes/screens:
-  - `image-video.html` as the image/video workspace entry
-- Content hierarchy:
-  - Page header and module switch
-  - Delivery-video tabs
-  - Step-oriented configuration grid
-  - Preview and submission area
-
-## Design principles
-- Principle 1:
-  - Reuse structure, not framework-specific implementation. Port the dashboard/card language from `aiclientpureui` into Element Plus-native components.
-- Principle 2:
-  - Keep the screen directly operable. The first viewport should show the active workflow, not a placeholder entrance.
-- Tradeoffs:
-  - Prefer a compact dark console layout over a literal flowchart reconstruction from the requirement images.
-
-## Visual language
-- Color:
-  - Deep neutral background with restrained blue-indigo highlights
-  - High-contrast text, low-contrast secondary copy
-- Typography:
-  - Existing sans-serif stack from `tokens.css`
-  - Compact section headings and dense form labels
-- Spacing/layout rhythm:
-  - 20px to 24px outer spacing
-  - 16px card padding
-  - Multi-column grid with stable min widths
-- Shape/radius/elevation:
-  - 14px to 18px radii
-  - Soft border glow, minimal shadow depth
-- Motion:
-  - Short hover and focus transitions only
-- Imagery/iconography:
-  - Use media preview boxes and upload placeholders
-  - Avoid decorative illustrations
-
-## Components
-- Existing components to reuse:
-  - `src/components/layout/PageShell.vue`
-- New/changed components:
-  - Shared dark workflow shell
-  - Shared module switch
-  - Shared section card
-  - Shared choice-pill selector
-  - Shared asset dropzone / preview block
-- Variants and states:
-  - Active/inactive tabs
-  - Active/inactive pills
-  - Empty vs selected asset states
-  - Hover/focus for cards and action buttons
-- Token/component ownership:
-  - Theme tokens in `src/styles/tokens.css`
-  - Global workflow styles in `src/styles/main.css`
-  - Shared components under `src/shared/components/ai-workflow/`
-
-## Accessibility
-- Target standard:
-  - Practical keyboard and screen-readable form semantics for internal desktop usage
-- Keyboard/focus behavior:
-  - Visible focus ring on pills, buttons, upload areas, and tabs
-- Contrast/readability:
-  - Maintain strong foreground/background contrast in dark mode
-- Screen-reader semantics:
-  - Preserve labels for upload regions and tab panels
-- Reduced motion and sensory considerations:
-  - No large-scale animation
-
-## Responsive behavior
-- Supported breakpoints/devices:
-  - Primary target desktop >= 1280px
-  - Secondary support tablet widths >= 768px
-- Layout adaptations:
-  - Collapse multi-column workspace into two columns, then one column
-  - Preview area stops being sticky on narrow screens
-- Touch/hover differences:
-  - Controls remain usable without hover-only affordances
-
-## Interaction states
-- Loading:
-  - Reserved for future backend integration
-- Empty:
-  - Show upload placeholders and muted guidance text
-- Error:
-  - Use Element Plus messaging if upload type or action constraints fail
-- Success:
-  - Local draft actions can confirm save/export interactions
-- Disabled:
-  - Non-active modules appear disabled but visible
-- Offline/slow network, if applicable:
-  - Not applicable in the current local-only draft
-
-## Content voice
-- Tone:
-  - Direct and operational
-- Terminology:
-  - Prefer commerce-video workflow language: 素材, 场景, 人脸, 话术, 产品, 输出
-- Microcopy rules:
-  - Short labels
-  - Guidance belongs in helper text, not long paragraphs
-
-## Implementation constraints
-- Framework/styling system:
-  - Vue 3 + TypeScript + Element Plus
-- Design-token constraints:
-  - Extend current CSS variables instead of introducing Tailwind
-- Performance constraints:
-  - Keep the page static and local-first until API wiring is required
-- Compatibility constraints:
-  - Must work within the existing Vite multi-page build
-- Test/screenshot expectations:
-  - Build must pass
-  - Local dev server should render a screenshot-ready page at `image-video.html`
-
-## Open questions
-- [ ] 图二和图三的字段是否需要完全一致，目前按“共用主流程 + 源素材差异化”实现
-- [ ] 后续是否需要直接接入生成任务接口，目前仅实现本地工作台和交互草稿

frontend-vue/src/pages/image-video/ImageVideoPage.vue

@@ -21,9 +21,6 @@
       <button v-if="hasMenuPermission('mix-video')" type="button" class="entrance-btn" @click="showSoon('混剪')">
         混剪
       </button>
-      <router-link v-if="hasMenuPermission('image')" class="entrance-btn" to="/image">
-        图片
-      </router-link>
     </main>
 
     <div class="toast" :class="{ show: Boolean(statusText), error: statusType === 'error' }">

frontend-vue/src/pages/image/components/ImageListField.vue

@@ -1,122 +0,0 @@
-<script setup lang="ts">
-import { ref } from 'vue'
-import {
-  ALLOWED_IMAGE_TYPES,
-  pasteClipboardImages,
-  readFilesAsDataUrls,
-} from '../image-utils'
-
-const props = withDefaults(
-  defineProps<{
-    max: number
-    title?: string
-    hint?: string
-    zoneHint?: string
-    zonePrefix?: string
-    /** none=无粘贴 | row=标题行右侧粘贴按钮 | below=标题下独立粘贴按钮 */
-    pastePos?: 'none' | 'row' | 'below'
-  }>(),
-  {
-    hint: '',
-    zoneHint: '支持多选/拖拽上传',
-    zonePrefix: '点击上传图片',
-    pastePos: 'none',
-  },
-)
-
-const model = defineModel<string[]>({ required: true })
-
-const fileInputRef = ref<HTMLInputElement | null>(null)
-const dragging = ref(false)
-
-function choose() {
-  fileInputRef.value?.click()
-}
-
-function onChange(e: Event) {
-  const input = e.target as HTMLInputElement
-  if (input.files?.length) void addFiles(input.files)
-  input.value = ''
-}
-
-async function addFiles(files: Blob[] | FileList) {
-  const allowed = Array.from(files).filter((f) => ALLOWED_IMAGE_TYPES.includes(f.type))
-  if (!allowed.length) return
-  const remaining = Math.max(0, props.max - model.value.length)
-  if (!remaining) return
-  const urls = await readFilesAsDataUrls(allowed.slice(0, remaining))
-  model.value = model.value.concat(urls).slice(0, props.max)
-}
-
-function removeAt(i: number) {
-  const next = model.value.slice()
-  next.splice(i, 1)
-  model.value = next
-}
-
-async function pasteImages() {
-  const images = await pasteClipboardImages()
-  if (images.length) void addFiles(images)
-}
-
-function onDrop(e: DragEvent) {
-  dragging.value = false
-  if (e.dataTransfer?.files?.length) void addFiles(e.dataTransfer.files)
-}
-</script>
-
-<template>
-  <div class="option-group">
-    <div v-if="title" class="section-title-row">
-      <span class="section-title">{{ title }}</span>
-      <button
-        v-if="pastePos === 'row'"
-        type="button"
-        class="btn-paste-alone btn-paste-right"
-        @click="pasteImages"
-      >
-        <span>📋</span>
-        粘贴图片
-      </button>
-    </div>
-    <button
-      v-if="pastePos === 'below'"
-      type="button"
-      class="btn-paste-alone"
-      @click="pasteImages"
-    >
-      <span>📋</span>
-      粘贴图片
-    </button>
-    <div v-if="hint" class="hint-text">{{ hint }}</div>
-
-    <input
-      ref="fileInputRef"
-      type="file"
-      accept=".jpg,.jpeg,.png,.bmp"
-      multiple
-      hidden
-      @change="onChange"
-    />
-    <div
-      v-if="model.length < max"
-      class="upload-zone"
-      :class="{ 'drag-over': dragging }"
-      @click="choose"
-      @dragover.prevent
-      @dragenter.prevent="dragging = true"
-      @dragleave.prevent="dragging = false"
-      @drop.prevent="onDrop"
-    >
-      <div class="upload-zone-icon">↑</div>
-      <div class="upload-zone-text">{{ zonePrefix }} ({{ model.length }}/{{ max }})</div>
-      <div v-if="zoneHint" class="upload-zone-hint">{{ zoneHint }}</div>
-    </div>
-    <div v-if="model.length > 0" class="upload-preview product-detail-preview">
-      <div v-for="(u, i) in model" :key="i" class="upload-preview-item">
-        <img :src="u" :alt="'预览' + (i + 1)" />
-        <button class="remove-btn" type="button" @click.stop="removeAt(i)">×</button>
-      </div>
-    </div>
-  </div>
-</template>

frontend-vue/src/pages/image/components/ModelImagesUploader.vue

@@ -1,16 +0,0 @@
-<script setup lang="ts">
-import ImageListField from './ImageListField.vue'
-import { modelImages } from '../workbench-shared'
-</script>
-
-<template>
-  <ImageListField
-    v-model="modelImages"
-    :max="5"
-    title="多模特图上传(最多5张)"
-    hint="支持JPG PNG BMP JPEG"
-    :paste-pos="'none'"
-    :zone-hint="''"
-    zone-prefix="点击上传"
-  />
-</template>

frontend-vue/src/pages/image/components/SingleImageField.vue

@@ -1,93 +0,0 @@
-<script setup lang="ts">
-import { ref } from 'vue'
-import { ALLOWED_IMAGE_TYPES, readFilesAsDataUrls } from '../image-utils'
-
-const props = withDefaults(
-  defineProps<{
-    title?: string
-    hint?: string
-    zoneText?: string
-    accept?: string
-  }>(),
-  {
-    title: '',
-    hint: '',
-    zoneText: '点击上传',
-    accept: '.jpg,.jpeg,.png,.bmp',
-  },
-)
-
-const model = defineModel<string | null>({ default: null })
-
-const fileInputRef = ref<HTMLInputElement | null>(null)
-const dragging = ref(false)
-
-function choose() {
-  fileInputRef.value?.click()
-}
-
-function onChange(e: Event) {
-  const input = e.target as HTMLInputElement
-  const file = input.files?.[0]
-  if (file) void setFile(file)
-  input.value = ''
-}
-
-async function setFile(file: File) {
-  if (props.accept.startsWith('video')) {
-    if (!file.type.startsWith('video/')) return
-  } else if (!ALLOWED_IMAGE_TYPES.includes(file.type)) {
-    return
-  }
-  const urls = await readFilesAsDataUrls([file])
-  model.value = urls[0] ?? null
-}
-
-function clearFile() {
-  model.value = null
-}
-
-function onDrop(e: DragEvent) {
-  dragging.value = false
-  const file = e.dataTransfer?.files?.[0]
-  if (file) void setFile(file)
-}
-</script>
-
-<template>
-  <div class="option-group">
-    <div v-if="title" class="section-title">{{ title }}</div>
-    <div v-if="hint" class="hint-text">{{ hint }}</div>
-
-    <input
-      ref="fileInputRef"
-      type="file"
-      :accept="accept"
-      hidden
-      @change="onChange"
-    />
-    <div
-      v-if="!model"
-      class="upload-zone"
-      :class="{ 'drag-over': dragging }"
-      @click="choose"
-      @dragover.prevent
-      @dragenter.prevent="dragging = true"
-      @dragleave.prevent="dragging = false"
-      @drop.prevent="onDrop"
-    >
-      <div class="upload-zone-icon">↑</div>
-      <div class="upload-zone-text">{{ zoneText }}</div>
-    </div>
-    <div v-else class="upload-preview product-detail-preview">
-      <div v-if="accept.startsWith('video')" class="upload-preview-item" style="grid-column: 1/-1;">
-        <span style="color: #888;">已选视频</span>
-        <button class="remove-btn" type="button" @click="clearFile">×</button>
-      </div>
-      <div v-else class="upload-preview-item">
-        <img :src="model" alt="预览" />
-        <button class="remove-btn" type="button" @click="clearFile">×</button>
-      </div>
-    </div>
-  </div>
-</template>

frontend-vue/src/pages/image/components/SpecifyTextList.vue

@@ -1,36 +0,0 @@
-<script setup lang="ts">
-import { watch } from 'vue'
-
-const props = defineProps<{ count: number }>()
-
-const model = defineModel<string[]>({ default: [] })
-
-function resize(n: number) {
-  const safeN = Math.max(0, Math.min(50, Math.max(1, Number(n) || 1)))
-  const vals = Array.isArray(model.value) ? model.value : []
-  const next: string[] = []
-  for (let i = 0; i < safeN; i++) next.push(i < vals.length ? String(vals[i] ?? '') : '')
-  model.value = next
-}
-
-watch(
-  () => props.count,
-  (n) => resize(n),
-  { immediate: true },
-)
-</script>
-
-<template>
-  <div class="specify-screen-list">
-    <div v-for="(_, i) in model" :key="i" class="specify-screen-item">
-      <label>第{{ i + 1 }}屏文案 (可选)</label>
-      <input
-        v-model="model[i]"
-        type="text"
-        class="form-input"
-        :data-screen-index="i + 1"
-        placeholder="如:高颜值外观,一眼心动"
-      />
-    </div>
-  </div>
-</template>

frontend-vue/src/pages/image/components/panels/CloneDetailPanel.vue

@@ -1,109 +0,0 @@
-<script setup lang="ts">
-import { ref } from 'vue'
-import ImageListField from '../ImageListField.vue'
-import SpecifyTextList from '../SpecifyTextList.vue'
-import ModelImagesUploader from '../ModelImagesUploader.vue'
-import { RATIO_OPTIONS_AUTO, RES_OPTIONS, collectSpecify } from '../../panel-options'
-import { modelImages } from '../../workbench-shared'
-
-defineOptions({ name: 'CloneDetailPanel' })
-
-const productName = ref('')
-const features = ref('')
-const cloneMode = ref<'domestic' | 'amazon' | 'specify'>('domestic')
-const ratio = ref('auto')
-const res = ref('2k')
-const language = ref('')
-const procImages = ref<string[]>([])
-const refImages = ref<string[]>([])
-const specify = ref<string[]>([])
-
-function buildParams(): { params?: Record<string, unknown>; error?: string } {
-  if (!productName.value.trim()) return { error: '请输入产品名称' }
-  if (procImages.value.length === 0) return { error: '请上传产品实拍图' }
-  if (refImages.value.length === 0) return { error: '请上传克隆参考图' }
-  const modeMap = { domestic: '1', amazon: '2', specify: '3' } as const
-  const params: Record<string, unknown> = {
-    menu: 10,
-    name: productName.value.trim(),
-    desc: features.value.trim(),
-    ratio: ratio.value,
-    resolution: res.value,
-    language: language.value.trim() || '中文',
-    mode: modeMap[cloneMode.value],
-    proc_images: procImages.value.slice(),
-    ref_images: refImages.value.slice(),
-  }
-  if (modelImages.value.length) params.model_images = modelImages.value.slice()
-  if (cloneMode.value === 'specify') params.text = collectSpecify(specify.value)
-  return { params }
-}
-
-defineExpose({ buildParams })
-</script>
-
-<template>
-  <div class="panel-content">
-    <div class="option-group">
-      <label class="section-title">产品名称 (必填)</label>
-      <input v-model="productName" type="text" class="form-input" placeholder="如: 口红 吹风机 美容仪 美妆包" />
-    </div>
-    <div class="option-group">
-      <label class="section-title">功能特点组 (FEATURE GROUP)</label>
-      <textarea
-        v-model="features"
-        class="form-textarea"
-        rows="4"
-        placeholder="如: 1:保湿效果好 2:适合敏感肌 3:价格实惠"
-      ></textarea>
-    </div>
-    <div class="option-group">
-      <div class="section-title">克隆模式</div>
-      <div class="btn-group">
-        <button class="opt-btn" :class="{ active: cloneMode === 'domestic' }" @click="cloneMode = 'domestic'">国内模式</button>
-        <button class="opt-btn" :class="{ active: cloneMode === 'amazon' }" @click="cloneMode = 'amazon'">亚马逊模式</button>
-        <button class="opt-btn" :class="{ active: cloneMode === 'specify' }" @click="cloneMode = 'specify'">指定文案</button>
-      </div>
-    </div>
-    <div v-if="cloneMode === 'specify'" class="option-group">
-      <label class="section-title">每张参考图对应文案 (可选)</label>
-      <SpecifyTextList v-model="specify" :count="refImages.length" />
-    </div>
-    <div class="option-group">
-      <div class="section-title">画幅比例</div>
-      <div class="btn-group btn-group-ratio-grid">
-        <button
-          v-for="r in RATIO_OPTIONS_AUTO"
-          :key="r"
-          class="opt-btn"
-          :class="{ active: ratio === r }"
-          @click="ratio = r"
-        >
-          {{ r }}
-        </button>
-      </div>
-      <div class="hint-text">💡 克隆模式强烈建议使用auto自动比例</div>
-    </div>
-    <div class="option-group">
-      <div class="section-title">分辨率 (RESOLUTION)</div>
-      <div class="btn-group">
-        <button
-          v-for="opt in RES_OPTIONS"
-          :key="opt.value"
-          class="opt-btn"
-          :class="{ active: res === opt.value }"
-          @click="res = opt.value"
-        >
-          {{ opt.label }}
-        </button>
-      </div>
-    </div>
-    <div class="option-group">
-      <label class="section-title">输出文案语言 (OUTPUT LANGUAGE)</label>
-      <input v-model="language" type="text" class="form-input" placeholder="例如: 中文输出、英文输出、中英混合" />
-    </div>
-    <ImageListField v-model="procImages" :max="6" title="产品实拍图" :paste-pos="'row'" />
-    <ImageListField v-model="refImages" :max="14" title="克隆参考图" :paste-pos="'row'" />
-    <ModelImagesUploader />
-  </div>
-</template>

frontend-vue/src/pages/image/components/panels/ClonePosterPanel.vue

@@ -1,85 +0,0 @@
-<script setup lang="ts">
-import { ref } from 'vue'
-import ImageListField from '../ImageListField.vue'
-import SingleImageField from '../SingleImageField.vue'
-import ModelImagesUploader from '../ModelImagesUploader.vue'
-import { RATIO_OPTIONS, RES_OPTIONS } from '../../panel-options'
-import { modelImages } from '../../workbench-shared'
-
-defineOptions({ name: 'ClonePosterPanel' })
-
-const mainTitle = ref('')
-const subtitle = ref('')
-const ratio = ref('16:9')
-const res = ref('2k')
-const layoutImage = ref<string | null>(null)
-const images = ref<string[]>([])
-
-function buildParams(): { params?: Record<string, unknown>; error?: string } {
-  if (!layoutImage.value) return { error: '请上传版式图片(1张)' }
-  if (images.value.length === 0) return { error: '请上传图片(最多6张)' }
-  const params: Record<string, unknown> = {
-    menu: 4,
-    name: mainTitle.value.trim() || '产品',
-    desc: subtitle.value.trim(),
-    ratio: ratio.value,
-    resolution: res.value,
-    count: 1,
-    layout_image: layoutImage.value,
-    ref_images: images.value.slice(),
-  }
-  if (modelImages.value.length) params.model_images = modelImages.value.slice()
-  return { params }
-}
-
-defineExpose({ buildParams })
-</script>
-
-<template>
-  <div class="panel-content">
-    <div class="option-group">
-      <label class="section-title">主标题</label>
-      <input v-model="mainTitle" type="text" class="form-input" placeholder="如: 口红 吹风机 美容仪 美妆包" />
-    </div>
-    <div class="option-group">
-      <label class="section-title">副标题</label>
-      <textarea
-        v-model="subtitle"
-        class="form-textarea"
-        rows="4"
-        placeholder="如: 1: 保湿效果好 2: 适合敏感肌 3: 价格实惠"
-      ></textarea>
-    </div>
-    <div class="option-group">
-      <label class="section-title">画幅比例</label>
-      <div class="btn-group btn-group-ratio-grid btn-group-ratio-4col">
-        <button
-          v-for="r in RATIO_OPTIONS"
-          :key="r"
-          class="opt-btn"
-          :class="{ active: ratio === r }"
-          @click="ratio = r"
-        >
-          {{ r }}
-        </button>
-      </div>
-    </div>
-    <div class="option-group">
-      <label class="section-title">分辨率 (RESOLUTION)</label>
-      <div class="btn-group">
-        <button
-          v-for="opt in RES_OPTIONS"
-          :key="opt.value"
-          class="opt-btn"
-          :class="{ active: res === opt.value }"
-          @click="res = opt.value"
-        >
-          {{ opt.label }}
-        </button>
-      </div>
-    </div>
-    <SingleImageField v-model="layoutImage" title="上传版式 (1张)" zone-text="上传版式" />
-    <ImageListField v-model="images" :max="6" title="上传图片 (最多6张)" />
-    <ModelImagesUploader />
-  </div>
-</template>

frontend-vue/src/pages/image/components/panels/ClothingDetailPanel.vue

@@ -1,120 +0,0 @@
-<script setup lang="ts">
-import { ref } from 'vue'
-import ImageListField from '../ImageListField.vue'
-import ModelImagesUploader from '../ModelImagesUploader.vue'
-import { COUNT_DETAIL, RATIO_OPTIONS, RES_OPTIONS } from '../../panel-options'
-import { modelImages } from '../../workbench-shared'
-
-defineOptions({ name: 'ClothingDetailPanel' })
-
-const productName = ref('')
-const features = ref('')
-const ratio = ref('16:9')
-const res = ref('2k')
-const style = ref('')
-const language = ref('')
-const count = ref(9)
-const images = ref<string[]>([])
-
-function buildParams(): { params?: Record<string, unknown>; error?: string } {
-  if (!productName.value.trim()) return { error: '请输入产品名称' }
-  if (images.value.length === 0) return { error: '请上传服装细节图片' }
-  const params: Record<string, unknown> = {
-    menu: 5,
-    name: productName.value.trim(),
-    desc: features.value.trim(),
-    ratio: ratio.value,
-    resolution: res.value,
-    count: count.value,
-    style: style.value || '极简高级',
-    language: language.value.trim() || '中文',
-    ref_images: images.value.slice(),
-  }
-  if (modelImages.value.length) params.model_images = modelImages.value.slice()
-  return { params }
-}
-
-defineExpose({ buildParams })
-</script>
-
-<template>
-  <div class="panel-content">
-    <div class="option-group">
-      <label class="section-title">产品名称(必填)</label>
-      <input v-model="productName" type="text" class="form-input" placeholder="如:口红吹风机 美容仪 美妆包" />
-    </div>
-    <div class="option-group">
-      <label class="section-title">功能特点组 (FEATURE GROUP)</label>
-      <textarea
-        v-model="features"
-        class="form-textarea"
-        rows="4"
-        placeholder="如:1:保湿效果好 2:适合敏感肌 3:价格实惠"
-      ></textarea>
-    </div>
-    <div class="option-group">
-      <label class="section-title">画幅比例</label>
-      <div class="btn-group">
-        <button
-          v-for="r in RATIO_OPTIONS"
-          :key="r"
-          class="opt-btn"
-          :class="{ active: ratio === r }"
-          @click="ratio = r"
-        >
-          {{ r }}
-        </button>
-      </div>
-    </div>
-    <div class="option-group">
-      <label class="section-title">分辨率 (RESOLUTION)</label>
-      <div class="btn-group">
-        <button
-          v-for="opt in RES_OPTIONS"
-          :key="opt.value"
-          class="opt-btn"
-          :class="{ active: res === opt.value }"
-          @click="res = opt.value"
-        >
-          {{ opt.label }}
-        </button>
-      </div>
-    </div>
-    <div class="option-group">
-      <label class="section-title">风格选择 <span class="title-icon">✦</span></label>
-      <input v-model="style" class="form-select" list="styleList_clothes" placeholder="-- 选择或输入风格 --" />
-      <datalist id="styleList_clothes">
-        <option value="极简高级"></option>
-        <option value="时尚潮流"></option>
-        <option value="复古颗粒"></option>
-        <option value="网红外拍"></option>
-        <option value="手机自拍"></option>
-      </datalist>
-    </div>
-    <div class="option-group">
-      <label class="section-title">输出文案语言 (OUTPUT LANGUAGE)</label>
-      <input v-model="language" type="text" class="form-input" placeholder="例如:中文输出、英文输出、中英混合" />
-    </div>
-    <div class="option-group">
-      <label class="section-title">生成张数 <span class="title-icon">🖼</span></label>
-      <div class="btn-group">
-        <button
-          v-for="c in COUNT_DETAIL"
-          :key="c"
-          class="opt-btn"
-          :class="{ active: count === c }"
-          @click="count = c"
-        >
-          {{ c }}张
-        </button>
-      </div>
-    </div>
-    <ImageListField
-      v-model="images"
-      :max="8"
-      title="服装细节(至少1张)"
-      :paste-pos="'below'"
-    />
-    <ModelImagesUploader />
-  </div>
-</template>

frontend-vue/src/pages/image/components/panels/ExtremeDetailPanel.vue

@@ -1,143 +0,0 @@
-<script setup lang="ts">
-import { ref } from 'vue'
-import ImageListField from '../ImageListField.vue'
-import SpecifyTextList from '../SpecifyTextList.vue'
-import ModelImagesUploader from '../ModelImagesUploader.vue'
-import { COUNT_DETAIL, RATIO_OPTIONS, RES_OPTIONS, collectSpecify } from '../../panel-options'
-import { modelImages } from '../../workbench-shared'
-
-defineOptions({ name: 'ExtremeDetailPanel' })
-
-const DEFAULT_MANUAL = `1. A类母婴级纯棉: 软糯透气, 呵护娇嫩敏感肌
-2. 加宽腰头无痕边: 不勒肚不卡档, 自在无束缚
-3. 0荧光0甲醛: 严守安全标准, 贴身穿着才安心
-4. 萌趣卡通印花: 色彩清新柔和, 孩子一眼就爱
-5. 立体透气抑菌档: 吸湿排汗强, 干爽舒适不闷
-6. 高弹面料不松垮: 耐洗不易变形, 久穿不起球
-7. 2-12岁全尺码: 剪裁贴合身形, 舒适贴合不紧
-8. 弹力平角不卡腿: 穿脱顺畅方便, 孩子自己穿
-9. 多种花色随心选: 满足日常替换, 天天不重样`
-
-const productName = ref('')
-const featureMode = ref<'auto' | 'manual' | 'specify'>('manual')
-const manualText = ref(DEFAULT_MANUAL)
-const ratio = ref('3:4')
-const res = ref('2k')
-const styleDesc = ref('')
-const language = ref('')
-const count = ref(9)
-const images = ref<string[]>([])
-const specify = ref<string[]>([])
-
-function buildParams(): { params?: Record<string, unknown>; error?: string } {
-  if (!productName.value.trim()) return { error: '请输入产品名称' }
-  if (images.value.length === 0) return { error: '请上传参考图片' }
-  const modeMap = { auto: '1', manual: '1', specify: '3' } as const
-  let desc = ''
-  if (featureMode.value === 'manual') desc = manualText.value.trim()
-  const params: Record<string, unknown> = {
-    menu: 8,
-    name: productName.value.trim(),
-    desc,
-    style: styleDesc.value.trim() || '极简高级',
-    language: language.value.trim() || '中文',
-    ratio: ratio.value,
-    resolution: res.value,
-    count: count.value,
-    mode: modeMap[featureMode.value],
-    ref_images: images.value.slice(),
-  }
-  if (modelImages.value.length) params.model_images = modelImages.value.slice()
-  if (featureMode.value === 'specify') params.text = collectSpecify(specify.value)
-  return { params }
-}
-
-defineExpose({ buildParams })
-</script>
-
-<template>
-  <div class="panel-content">
-    <div class="option-group">
-      <label class="section-title">产品名称(必填)</label>
-      <input v-model="productName" type="text" class="form-input" placeholder="如: 口红 吹风机 美容仪 美妆包" />
-    </div>
-    <div class="option-group">
-      <label class="section-title">功能特点组 (FEATURE GROUP)</label>
-      <div class="feature-mode-tabs btn-group">
-        <button class="opt-btn" :class="{ active: featureMode === 'auto' }" @click="featureMode = 'auto'">自动模式</button>
-        <button class="opt-btn" :class="{ active: featureMode === 'manual' }" @click="featureMode = 'manual'">手动模式</button>
-        <button class="opt-btn" :class="{ active: featureMode === 'specify' }" @click="featureMode = 'specify'">指定文案</button>
-      </div>
-      <div v-if="featureMode === 'manual'" class="feature-mode-content">
-        <div class="feature-example-label">示例2:</div>
-        <textarea
-          v-model="manualText"
-          class="form-textarea"
-          rows="10"
-          placeholder="每行一个特点，格式如：1. A类母婴级纯棉: 软糯透气, 呵护娇嫩敏感肌"
-        ></textarea>
-      </div>
-      <div v-if="featureMode === 'specify'" class="feature-mode-content">
-        <SpecifyTextList v-model="specify" :count="count" />
-      </div>
-    </div>
-    <div class="option-group">
-      <label class="section-title">画幅比例 (ASPECT RATIO)</label>
-      <div class="btn-group">
-        <button
-          v-for="r in RATIO_OPTIONS"
-          :key="r"
-          class="opt-btn"
-          :class="{ active: ratio === r }"
-          @click="ratio = r"
-        >
-          {{ r }}
-        </button>
-      </div>
-    </div>
-    <div class="option-group">
-      <label class="section-title">风格和功能卖点描述</label>
-      <input v-model="styleDesc" type="text" class="form-input" placeholder="例如:高级质感、极简主义、奢华轻奢" />
-    </div>
-    <div class="option-group">
-      <label class="section-title">输出文案语言 (OUTPUT LANGUAGE)</label>
-      <input v-model="language" type="text" class="form-input" placeholder="例如:使用中文输出、使用英文输出" />
-    </div>
-    <div class="option-group">
-      <label class="section-title">分辨率 (RESOLUTION)</label>
-      <div class="btn-group">
-        <button
-          v-for="opt in RES_OPTIONS"
-          :key="opt.value"
-          class="opt-btn"
-          :class="{ active: res === opt.value }"
-          @click="res = opt.value"
-        >
-          {{ opt.label }}
-        </button>
-      </div>
-    </div>
-    <div class="option-group">
-      <label class="section-title">生成张数</label>
-      <div class="btn-group">
-        <button
-          v-for="c in COUNT_DETAIL"
-          :key="c"
-          class="opt-btn"
-          :class="{ active: count === c }"
-          @click="count = c"
-        >
-          {{ c }}张
-        </button>
-      </div>
-    </div>
-    <ImageListField
-      v-model="images"
-      :max="8"
-      title="参考图片 (最多8张)"
-      hint="建议包含正面及多角度图"
-      :paste-pos="'row'"
-    />
-    <ModelImagesUploader />
-  </div>
-</template>

frontend-vue/src/pages/image/components/panels/MainImagePanel.vue

@@ -1,128 +0,0 @@
-<script setup lang="ts">
-import { computed, ref } from 'vue'
-import ImageListField from '../ImageListField.vue'
-import SpecifyTextList from '../SpecifyTextList.vue'
-import ModelImagesUploader from '../ModelImagesUploader.vue'
-import { COUNT_MAIN, RATIO_OPTIONS_MAIN, RES_OPTIONS, collectSpecify } from '../../panel-options'
-import { modelImages } from '../../workbench-shared'
-
-defineOptions({ name: 'MainImagePanel' })
-
-const props = defineProps<{ panelId: 'productMainImage' | 'buyerShow' }>()
-
-const productName = ref('')
-const featureMode = ref<'auto' | 'specify'>('auto')
-const ratio = ref('3:4')
-const res = ref('2k')
-const count = ref(1)
-const styleDesc = ref('')
-const language = ref('')
-const images = ref<string[]>([])
-const specify = ref<string[]>([])
-
-const menu = computed(() => (props.panelId === 'buyerShow' ? 12 : 9))
-
-function collectModelImages(): string[] | null {
-  return modelImages.value.length > 0 ? modelImages.value.slice() : null
-}
-
-function buildParams(): { params?: Record<string, unknown>; error?: string } {
-  if (!productName.value.trim()) return { error: '请输入产品名称' }
-  if (images.value.length === 0) return { error: '请上传产品图片' }
-  const params: Record<string, unknown> = {
-    menu: menu.value,
-    name: productName.value.trim(),
-    desc: '',
-    style: styleDesc.value.trim() || '白底图',
-    language: language.value.trim() || '中文',
-    ratio: ratio.value,
-    resolution: res.value,
-    count: count.value,
-    mode: featureMode.value === 'specify' ? '3' : '1',
-    ref_images: images.value.slice(),
-  }
-  const modelImages = collectModelImages()
-  if (modelImages) params.model_images = modelImages
-  if (featureMode.value === 'specify') params.text = collectSpecify(specify.value)
-  return { params }
-}
-
-defineExpose({ buildParams })
-</script>
-
-<template>
-  <div class="panel-content">
-    <div class="option-group">
-      <label class="section-title">产品名称(必填)</label>
-      <input v-model="productName" type="text" class="form-input" placeholder="如:口红 吹风机 美容仪 美妆包" />
-    </div>
-    <div class="option-group">
-      <label class="section-title">功能特点组 (FEATURE GROUP)</label>
-      <div class="feature-mode-tabs btn-group">
-        <button class="opt-btn" :class="{ active: featureMode === 'auto' }" @click="featureMode = 'auto'">自动模式</button>
-        <button class="opt-btn" :class="{ active: featureMode === 'specify' }" @click="featureMode = 'specify'">指定文案</button>
-      </div>
-      <div v-if="featureMode === 'specify'" class="feature-mode-content">
-        <SpecifyTextList v-model="specify" :count="count" />
-      </div>
-    </div>
-    <div class="option-group">
-      <label class="section-title">画幅比例</label>
-      <div class="btn-group">
-        <button
-          v-for="r in RATIO_OPTIONS_MAIN"
-          :key="r"
-          class="opt-btn"
-          :class="{ active: ratio === r }"
-          @click="ratio = r"
-        >
-          {{ r }}
-        </button>
-      </div>
-    </div>
-    <div class="option-group">
-      <label class="section-title">分辨率 (RESOLUTION)</label>
-      <div class="btn-group">
-        <button
-          v-for="opt in RES_OPTIONS"
-          :key="opt.value"
-          class="opt-btn"
-          :class="{ active: res === opt.value }"
-          @click="res = opt.value"
-        >
-          {{ opt.label }}
-        </button>
-      </div>
-    </div>
-    <div class="option-group">
-      <label class="section-title">风格描述 (可选)</label>
-      <input v-model="styleDesc" type="text" class="form-input" placeholder="如:白底图 浅色调 墨绿色调 户外 居家" />
-    </div>
-    <div class="option-group">
-      <label class="section-title">输出文案语言 (OUTPUT LANGUAGE)</label>
-      <input v-model="language" type="text" class="form-input" placeholder="例如:中文输出、英文输出、中英混合" />
-    </div>
-    <div class="option-group">
-      <label class="section-title">生成张数</label>
-      <div class="btn-group">
-        <button
-          v-for="c in COUNT_MAIN"
-          :key="c"
-          class="opt-btn"
-          :class="{ active: count === c }"
-          @click="count = c"
-        >
-          {{ c }}张
-        </button>
-      </div>
-    </div>
-    <ImageListField
-      v-model="images"
-      :max="8"
-      title="产品图片 (最多8张)"
-      hint="建议包含正面及多角度图"
-      :paste-pos="'row'"
-    />
-    <ModelImagesUploader />
-  </div>
-</template>

frontend-vue/src/pages/image/components/panels/ProductPosterPanel.vue

@@ -1,104 +0,0 @@
-<script setup lang="ts">
-import { ref } from 'vue'
-import ImageListField from '../ImageListField.vue'
-import ModelImagesUploader from '../ModelImagesUploader.vue'
-import { RATIO_OPTIONS, RES_OPTIONS } from '../../panel-options'
-import { modelImages } from '../../workbench-shared'
-
-defineOptions({ name: 'ProductPosterPanel' })
-
-const mainTitle = ref('')
-const subtitle = ref('')
-const brandName = ref('')
-const ingredients = ref('')
-const activity = ref('')
-const ratio = ref('16:9')
-const res = ref('2k')
-const images = ref<string[]>([])
-
-function buildParams(): { params?: Record<string, unknown>; error?: string } {
-  if (images.value.length === 0) return { error: '请上传图片(最多6张)' }
-  const params: Record<string, unknown> = {
-    menu: 6,
-    name: mainTitle.value.trim() || '产品',
-    desc: subtitle.value.trim(),
-    brand_name: brandName.value.trim(),
-    Ingredients: ingredients.value.trim(),
-    activity: activity.value.trim(),
-    ratio: ratio.value,
-    resolution: res.value,
-    count: 1,
-    ref_images: images.value.slice(),
-  }
-  if (modelImages.value.length) params.model_images = modelImages.value.slice()
-  return { params }
-}
-
-defineExpose({ buildParams })
-</script>
-
-<template>
-  <div class="panel-content">
-    <div class="option-group">
-      <label class="section-title">主标题</label>
-      <input v-model="mainTitle" type="text" class="form-input" placeholder="如: 口红吹风机 美容仪 美妆包" />
-    </div>
-    <div class="option-group">
-      <label class="section-title">副标题</label>
-      <textarea
-        v-model="subtitle"
-        class="form-textarea"
-        rows="4"
-        placeholder="如: 1:保湿效果好 2: 适合敏感肌&#10;3:价格实惠"
-      ></textarea>
-    </div>
-    <div class="option-group">
-      <label class="section-title">品牌名 (可选)</label>
-      <input v-model="brandName" type="text" class="form-input" placeholder="(可选)" />
-    </div>
-    <div class="option-group">
-      <label class="section-title">成分 (INGREDIENTS)</label>
-      <input v-model="ingredients" type="text" class="form-input" placeholder="例如: 纯棉、透明质酸...(可选)" />
-    </div>
-    <div class="option-group">
-      <label class="section-title">活动 (ACTIVITY)</label>
-      <input v-model="activity" type="text" class="form-input" placeholder="例如: 买一送一、限时折扣...(可选)" />
-    </div>
-    <div class="option-group">
-      <label class="section-title">画幅比例</label>
-      <div class="btn-group">
-        <button
-          v-for="r in RATIO_OPTIONS"
-          :key="r"
-          class="opt-btn"
-          :class="{ active: ratio === r }"
-          @click="ratio = r"
-        >
-          {{ r }}
-        </button>
-      </div>
-    </div>
-    <div class="option-group">
-      <label class="section-title">分辨率 (RESOLUTION)</label>
-      <div class="btn-group">
-        <button
-          v-for="opt in RES_OPTIONS"
-          :key="opt.value"
-          class="opt-btn"
-          :class="{ active: res === opt.value }"
-          @click="res = opt.value"
-        >
-          {{ opt.label }}
-        </button>
-      </div>
-    </div>
-    <ImageListField
-      v-model="images"
-      :max="6"
-      title="上传图片 (最多6张)"
-      hint="支持多选与拖拽排序"
-      :paste-pos="'row'"
-    />
-    <ModelImagesUploader />
-  </div>
-</template>

frontend-vue/src/pages/image/components/panels/TextToImagePanel.vue

@@ -1,53 +0,0 @@
-<script setup lang="ts">
-import { ref } from 'vue'
-import ImageListField from '../ImageListField.vue'
-import SingleImageField from '../SingleImageField.vue'
-
-defineOptions({ name: 'TextToImagePanel' })
-
-const prompt = ref('')
-const refImages = ref<string[]>([])
-const video = ref<string | null>(null)
-
-function buildParams(): { params?: Record<string, unknown>; error?: string } {
-  const params: Record<string, unknown> = {
-    menu: 1,
-    prompt: prompt.value.trim() || '',
-    ref_images: refImages.value.slice(),
-  }
-  if (video.value) params.video = video.value
-  return { params }
-}
-
-defineExpose({ buildParams })
-</script>
-
-<template>
-  <div class="panel-content">
-    <div class="option-group">
-      <div class="section-title">提示词</div>
-      <div class="textarea-wrap">
-        <textarea
-          v-model="prompt"
-          class="prompt-textarea prompt-textarea-large"
-          placeholder="输入自定义指令，用于反推提示词..."
-        ></textarea>
-        <span class="char-count char-count-top-right">{{ prompt.length }} 字符</span>
-      </div>
-    </div>
-    <ImageListField
-      v-model="refImages"
-      :max="8"
-      title="上传图片(最多8张)"
-      hint="支持JPG PNG BMP JPEG"
-      :zone-hint="'支持多选/拖拽上传'"
-    />
-    <SingleImageField
-      v-model="video"
-      title="上传视频(只支持1个)"
-      hint="支持 MP4 等视频格式"
-      zone-text="点击上传视频"
-      accept="video/*,.mp4,.webm"
-    />
-  </div>
-</template>

frontend-vue/src/pages/image/image-utils.ts

@@ -1,36 +0,0 @@
-export const ALLOWED_IMAGE_TYPES = ['image/jpeg', 'image/jpg', 'image/png', 'image/bmp']
-
-/** 读取多个文件为 data URL，返回解析完的数组。 */
-export function readFilesAsDataUrls(files: Blob[] | FileList): Promise<string[]> {
-  const list = Array.from(files)
-  return Promise.all(
-    list.map(
-      (file) =>
-        new Promise<string>((resolve, reject) => {
-          const reader = new FileReader()
-          reader.onload = () => resolve(String(reader.result || ''))
-          reader.onerror = () => reject(reader.error || new Error('读取文件失败'))
-          reader.readAsDataURL(file)
-        }),
-    ),
-  )
-}
-
-/** 从剪贴板读取图片文件。 */
-export async function pasteClipboardImages(): Promise<Blob[]> {
-  try {
-    const items = await navigator.clipboard.read()
-    const images: Blob[] = []
-    for (const item of items) {
-      if (item.types.includes('image/png')) {
-        images.push(await item.getType('image/png'))
-      } else if (item.types.includes('image/jpeg')) {
-        images.push(await item.getType('image/jpeg'))
-      }
-    }
-    return images
-  } catch (err) {
-    console.warn('粘贴图片失败:', err)
-    return []
-  }
-}

frontend-vue/src/pages/image/panel-options.ts

@@ -1,21 +0,0 @@
-export const RES_OPTIONS = [
-  { label: '2K', value: '2k' },
-  { label: '4K', value: '4k' },
-]
-
-/** 不含 auto 的常规画幅比例 */
-export const RATIO_OPTIONS = ['3:4', '1:1', '16:9', '9:16', '4:3', '2:3', '3:2', '21:9']
-
-/** 含 auto 的画幅比例 */
-export const RATIO_OPTIONS_AUTO = ['auto', ...RATIO_OPTIONS]
-
-/** 产品主图/买家秀仅三种比例，默认 3:4 */
-export const RATIO_OPTIONS_MAIN = ['1:1', '3:4', '4:3']
-
-export const COUNT_MAIN = [1, 3, 5, 7, 9]
-
-export const COUNT_DETAIL = [3, 5, 9, 14]
-
-export function collectSpecify(list: string[]): string[] {
-  return (Array.isArray(list) ? list : []).map((s) => String(s || '').trim()).filter(Boolean)
-}

frontend-vue/src/pages/image/workbench-shared.ts

@@ -1,7 +0,0 @@
-import { ref } from 'vue'
-
-/** 多模特图：除反推词外所有栏目共享同一组上传 */
-export const modelImages = ref<string[]>([])
-
-export const STORAGE_API_KEY = 'maixiang_api_key'
-export const STORAGE_AUTO_SAVE_PATH = 'maixiang_auto_save_path'

frontend-vue/src/router/index.ts

@@ -24,11 +24,6 @@ const routes = [
     name: 'amazon-console',
     component: () => import('@/pages/amazon/AmazonConsolePage.vue'),
   },
-  {
-    path: '/image',
-    name: 'image',
-    component: () => import('@/pages/image/ImageWorkbenchPage.vue'),
-  },
   {
     path: '/image-video',
     name: 'image-video',

frontend-vue/src/shared/components/ai-workflow/AiModuleSwitch.vue

@@ -1,105 +0,0 @@
-<template>
-  <div class="ai-module-switch" role="tablist" aria-label="功能模块切换">
-    <button
-      v-for="item in options"
-      :key="item.value"
-      type="button"
-      class="ai-module-switch__item"
-      :class="{
-        'ai-module-switch__item--active': modelValue === item.value,
-        'ai-module-switch__item--disabled': item.disabled,
-      }"
-      :disabled="item.disabled"
-      @click="$emit('update:modelValue', item.value)"
-    >
-      <span class="ai-module-switch__label">{{ item.label }}</span>
-      <span v-if="item.description" class="ai-module-switch__description">
-        {{ item.description }}
-      </span>
-    </button>
-  </div>
-</template>
-
-<script setup lang="ts">
-export type AiModuleSwitchOption = {
-  label: string
-  value: string
-  description?: string
-  disabled?: boolean
-}
-
-defineProps<{
-  modelValue: string
-  options: AiModuleSwitchOption[]
-}>()
-
-defineEmits<{
-  (event: 'update:modelValue', value: string): void
-}>()
-</script>
-
-<style scoped>
-.ai-module-switch {
-  display: grid;
-  grid-template-columns: repeat(3, minmax(0, 1fr));
-  gap: 12px;
-}
-
-.ai-module-switch__item {
-  display: flex;
-  flex-direction: column;
-  align-items: flex-start;
-  gap: 6px;
-  min-height: 84px;
-  padding: 16px 18px;
-  border: 1px solid rgba(71, 85, 105, 0.65);
-  border-radius: 16px;
-  background: rgba(15, 23, 42, 0.72);
-  color: #cbd5e1;
-  text-align: left;
-  cursor: pointer;
-  transition:
-    border-color 0.2s ease,
-    transform 0.2s ease,
-    box-shadow 0.2s ease,
-    background 0.2s ease;
-}
-
-.ai-module-switch__item:hover:not(:disabled) {
-  border-color: rgba(96, 165, 250, 0.7);
-  box-shadow: 0 14px 24px rgba(8, 15, 31, 0.34);
-  transform: translateY(-1px);
-}
-
-.ai-module-switch__item--active {
-  border-color: rgba(96, 165, 250, 0.82);
-  background:
-    linear-gradient(180deg, rgba(30, 41, 59, 0.96), rgba(15, 23, 42, 0.96));
-  box-shadow:
-    0 0 0 1px rgba(59, 130, 246, 0.18),
-    0 18px 28px rgba(8, 15, 31, 0.36);
-}
-
-.ai-module-switch__item--disabled {
-  opacity: 0.62;
-  cursor: not-allowed;
-}
-
-.ai-module-switch__label {
-  color: #f8fafc;
-  font-size: 16px;
-  font-weight: 600;
-}
-
-.ai-module-switch__description {
-  color: #94a3b8;
-  font-size: 12px;
-  line-height: 1.45;
-}
-
-@media (max-width: 900px) {
-  .ai-module-switch {
-    grid-template-columns: 1fr;
-  }
-}
-</style>

frontend-vue/src/shared/components/ai-workflow/AiWorkflowShell.vue

@@ -1,94 +0,0 @@
-<template>
-  <div class="ai-workflow-shell">
-    <div class="ai-workflow-shell__grid" aria-hidden="true"></div>
-    <div class="ai-workflow-shell__inner">
-      <header class="ai-workflow-shell__header">
-        <div class="ai-workflow-shell__meta">
-          <slot name="meta" />
-        </div>
-        <div class="ai-workflow-shell__actions">
-          <slot name="actions" />
-        </div>
-      </header>
-      <div class="ai-workflow-shell__toolbar">
-        <slot name="toolbar" />
-      </div>
-      <main class="ai-workflow-shell__content">
-        <slot />
-      </main>
-    </div>
-  </div>
-</template>
-
-<style scoped>
-.ai-workflow-shell {
-  position: relative;
-  min-height: 100vh;
-  overflow: hidden;
-  background:
-    radial-gradient(circle at top center, rgba(59, 130, 246, 0.14), transparent 32%),
-    radial-gradient(circle at right bottom, rgba(99, 102, 241, 0.12), transparent 24%),
-    linear-gradient(180deg, #060913 0%, #09111d 40%, #070b14 100%);
-}
-
-.ai-workflow-shell__grid {
-  position: absolute;
-  inset: 0;
-  background-image:
-    linear-gradient(rgba(77, 104, 145, 0.08) 1px, transparent 1px),
-    linear-gradient(90deg, rgba(77, 104, 145, 0.08) 1px, transparent 1px);
-  background-size: 40px 40px;
-  mask-image: radial-gradient(circle at 50% 18%, rgba(0, 0, 0, 0.9), transparent 75%);
-  pointer-events: none;
-}
-
-.ai-workflow-shell__inner {
-  position: relative;
-  z-index: 1;
-  min-height: 100vh;
-  padding: 28px;
-}
-
-.ai-workflow-shell__header {
-  display: flex;
-  align-items: flex-start;
-  justify-content: space-between;
-  gap: 20px;
-  margin-bottom: 18px;
-}
-
-.ai-workflow-shell__meta,
-.ai-workflow-shell__actions {
-  min-width: 0;
-}
-
-.ai-workflow-shell__actions {
-  display: flex;
-  align-items: center;
-  gap: 12px;
-}
-
-.ai-workflow-shell__toolbar {
-  margin-bottom: 20px;
-}
-
-.ai-workflow-shell__content {
-  min-width: 0;
-}
-
-@media (max-width: 960px) {
-  .ai-workflow-shell__inner {
-    padding: 20px;
-  }
-
-  .ai-workflow-shell__header {
-    flex-direction: column;
-    align-items: stretch;
-  }
-
-  .ai-workflow-shell__actions {
-    justify-content: flex-start;
-    flex-wrap: wrap;
-  }
-}
-</style>