From 5bdf5722a132f708ba29512ed8aa5b30fcac40df Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=B2=A1=E5=A4=8D=E4=B9=A0?= <2353956224@qq.com>
Date: Fri, 17 Apr 2026 16:32:07 +0800
Subject: [PATCH] =?UTF-8?q?=E6=96=B0=E5=A2=9Etk=E7=89=88=20=E8=87=AA?=
 =?UTF-8?q?=E5=8A=A8=E7=A7=81=E4=BF=A1?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/PermissionMask.vue       |  11 +-
 src/layout/WorkbenchLayout.vue          | 145 ++----
 src/pages/LoginPage.vue                 |   1 +
 src/types/electron.d.ts                 |   6 +-
 src/utils/storage.js                    |  10 +-
 src/views/auto-dm/AutoDmTkWorkbench.vue | 576 +++++++++---------------
 6 files changed, 275 insertions(+), 474 deletions(-)

diff --git a/src/components/PermissionMask.vue b/src/components/PermissionMask.vue
index 48ad210..4d1508b 100644
--- a/src/components/PermissionMask.vue
+++ b/src/components/PermissionMask.vue
@@ -93,7 +93,7 @@ const props = defineProps({
   permissionKey: {
     type: String,
     required: true,
-    validator: (value) => ['bigBrother', 'crawl', 'webAi'].includes(value)
+    validator: (value) => ['bigBrother', 'crawl', 'webAi', 'autotk'].includes(value)
   },
   title: {
     type: String,
@@ -120,11 +120,17 @@ const visibleIndices = ref([])
 const visibleContacts = ref([])
 
 const guardKey = computed(() => `guard_${props.permissionKey}_${Date.now()}`)
+const effectivePermissionKey = computed(() => {
+  if (props.permissionKey === 'webAi' && props.title.includes('TK')) {
+    return 'autotk'
+  }
+  return props.permissionKey
+})
 
 const permissionsData = ref(getPermissions())
 
 const hasAccess = computed(() => {
-  return permissionsData.value[props.permissionKey] === 1
+  return permissionsData.value[effectivePermissionKey.value] === 1
 })
 
 const pickRandomIndices = (sourceIndices, count) => {
@@ -175,6 +181,7 @@ const refreshPage = async () => {
       bigBrother: res.bigBrother,
       crawl: res.crawl,
       webAi: res.webAi,
+      autotk: res.autotk ?? res.autoTK,
     });
   }
 }
diff --git a/src/layout/WorkbenchLayout.vue b/src/layout/WorkbenchLayout.vue
index dae2de1..5605bf3 100644
--- a/src/layout/WorkbenchLayout.vue
+++ b/src/layout/WorkbenchLayout.vue
@@ -1,10 +1,7 @@
 <template>
   <div class="flex h-screen w-screen overflow-hidden bg-white">
-    <div
-      ref="sidebarRef"
-      class="flex flex-col items-center py-4 border-r z-50"
-      style="flex: 0 0 calc(100vw * 2 / 19); min-width: 96px; max-width: 400px; background-color: #F8F9FA;"
-    >
+    <div ref="sidebarRef" class="flex flex-col items-center py-4 border-r z-50"
+      style="flex: 0 0 calc(100vw * 2 / 19); min-width: 96px; max-width: 400px; background-color: #F8F9FA;">
       <div class="mb-6" style="border-bottom: 1px solid #A0AEC023; padding: 10%;">
         <div>
           <img :src="yoloIcon" class="yolo-logo" />
@@ -12,89 +9,65 @@
       </div>
 
       <div class="flex-1 flex flex-col w-full px-2" style="gap: 2vh;">
-        <button
-          @click="currentView = 'tk'"
-          class="w-full rounded-xl flex items-center gap-2 px-3 py-2.5 transition-all duration-200"
-          style="height: 6vh;"
-          :class="currentView === 'tk' ? 'bg-white text-blue-600 shadow shadow-blue-900/20' : 'text-slate-400 hover:bg-[rgba(21,96,250,0.06)]'"
-        >
+        <button @click="currentView = 'tk'"
+          class="w-full rounded-xl flex items-center gap-2 px-3 py-2.5 transition-all duration-200" style="height: 6vh;"
+          :class="currentView === 'tk' ? 'bg-white text-blue-600 shadow shadow-blue-900/20' : 'text-slate-400 hover:bg-[rgba(21,96,250,0.06)]'">
           <img :src="currentView === 'tk' ? nav11 : nav1" class="w-9 h-9 object-contain flex-shrink-0" />
           <span class="text-base font-medium truncate">TK 工作台</span>
         </button>
 
-        <button
-          @click="currentView = 'hosts'"
-          class="w-full rounded-xl flex items-center gap-2 px-3 py-2.5 transition-all duration-200"
-          style="height: 6vh;"
-          :class="currentView === 'hosts' ? 'bg-white text-blue-600 shadow shadow-blue-900/20' : 'text-slate-400 hover:bg-[rgba(21,96,250,0.06)]'"
-        >
+        <button @click="currentView = 'hosts'"
+          class="w-full rounded-xl flex items-center gap-2 px-3 py-2.5 transition-all duration-200" style="height: 6vh;"
+          :class="currentView === 'hosts' ? 'bg-white text-blue-600 shadow shadow-blue-900/20' : 'text-slate-400 hover:bg-[rgba(21,96,250,0.06)]'">
           <img :src="currentView === 'hosts' ? nav22 : nav2" class="w-9 h-9 object-contain flex-shrink-0" />
           <span class="text-base font-medium truncate">主播列表</span>
         </button>
 
-        <button
-          @click="currentView = 'auto_dm'"
-          class="w-full rounded-xl flex items-center gap-2 px-3 py-2.5 transition-all duration-200"
-          style="height: 6vh;"
-          :class="currentView === 'auto_dm' ? 'bg-white text-blue-600 shadow shadow-blue-900/20' : 'text-slate-400 hover:bg-[rgba(21,96,250,0.06)]'"
-        >
+        <button @click="currentView = 'auto_dm'"
+          class="w-full rounded-xl flex items-center gap-2 px-3 py-2.5 transition-all duration-200" style="height: 6vh;"
+          :class="currentView === 'auto_dm' ? 'bg-white text-blue-600 shadow shadow-blue-900/20' : 'text-slate-400 hover:bg-[rgba(21,96,250,0.06)]'">
           <img :src="currentView === 'auto_dm' ? nav33 : nav3" class="w-9 h-9 object-contain flex-shrink-0" />
           <span class="text-base font-medium truncate">自动私信</span>
         </button>
 
-        <button
-          @click="currentView = 'auto_dm_tk'"
-          class="w-full rounded-xl flex items-center gap-2 px-3 py-2.5 transition-all duration-200"
-          style="height: 6vh;"
-          :class="currentView === 'auto_dm_tk' ? 'bg-white text-blue-600 shadow shadow-blue-900/20' : 'text-slate-400 hover:bg-[rgba(21,96,250,0.06)]'"
-        >
+        <button @click="currentView = 'auto_dm_tk'"
+          class="w-full rounded-xl flex items-center gap-2 px-3 py-2.5 transition-all duration-200" style="height: 6vh;"
+          :class="currentView === 'auto_dm_tk' ? 'bg-white text-blue-600 shadow shadow-blue-900/20' : 'text-slate-400 hover:bg-[rgba(21,96,250,0.06)]'">
           <img :src="currentView === 'auto_dm_tk' ? nav33 : nav3" class="w-9 h-9 object-contain flex-shrink-0" />
-          <span class="text-base font-medium truncate">自动私信（TK版）</span>
+          <span class="text-base font-medium truncate">自动私信TK版</span>
         </button>
 
-        <button
-          @click="currentView = 'FanWorkbench'"
-          class="w-full rounded-xl flex items-center gap-2 px-3 py-2.5 transition-all duration-200"
-          style="height: 6vh;"
-          :class="currentView === 'FanWorkbench' ? 'bg-white text-blue-600 shadow shadow-blue-900/20' : 'text-slate-400 hover:bg-[rgba(21,96,250,0.06)]'"
-        >
+        <button @click="currentView = 'FanWorkbench'"
+          class="w-full rounded-xl flex items-center gap-2 px-3 py-2.5 transition-all duration-200" style="height: 6vh;"
+          :class="currentView === 'FanWorkbench' ? 'bg-white text-blue-600 shadow shadow-blue-900/20' : 'text-slate-400 hover:bg-[rgba(21,96,250,0.06)]'">
           <img :src="currentView === 'FanWorkbench' ? nav44 : nav4" class="w-9 h-9 object-contain flex-shrink-0" />
           <span class="text-base font-medium truncate">大哥工作台</span>
         </button>
 
-        <button
-          @click="currentView = 'pk_mini'"
-          class="w-full rounded-xl flex items-center gap-2 px-3 py-2.5 transition-all duration-200"
-          style="height: 6vh;"
-          :class="currentView === 'pk_mini' ? 'bg-white text-blue-600 shadow shadow-blue-900/20' : 'text-slate-400 hover:bg-[rgba(21,96,250,0.06)]'"
-        >
+        <button @click="currentView = 'pk_mini'"
+          class="w-full rounded-xl flex items-center gap-2 px-3 py-2.5 transition-all duration-200" style="height: 6vh;"
+          :class="currentView === 'pk_mini' ? 'bg-white text-blue-600 shadow shadow-blue-900/20' : 'text-slate-400 hover:bg-[rgba(21,96,250,0.06)]'">
           <img :src="currentView === 'pk_mini' ? nav55 : nav5" class="w-9 h-9 object-contain flex-shrink-0" />
           <span class="text-base font-medium truncate">PK 工作台</span>
         </button>
 
-        <button
-          @click="currentView = 'shop'"
-          class="w-full rounded-xl flex items-center gap-2 px-3 py-2.5 transition-all duration-200"
-          style="height: 6vh;"
-          :class="currentView === 'shop' ? 'bg-white text-blue-600 shadow shadow-blue-900/20' : 'text-slate-400 hover:bg-[rgba(21,96,250,0.06)]'"
-        >
+        <button @click="currentView = 'shop'"
+          class="w-full rounded-xl flex items-center gap-2 px-3 py-2.5 transition-all duration-200" style="height: 6vh;"
+          :class="currentView === 'shop' ? 'bg-white text-blue-600 shadow shadow-blue-900/20' : 'text-slate-400 hover:bg-[rgba(21,96,250,0.06)]'">
           <img :src="currentView === 'shop' ? nav66 : nav6" class="w-9 h-9 object-contain flex-shrink-0" />
           <span class="text-base font-medium truncate">TK商店</span>
         </button>
 
         <button
           class="w-full rounded-xl flex items-center gap-2 px-3 py-2.5 transition-all duration-200 text-slate-400 hover:bg-[rgba(21,96,250,0.06)]"
-          style="height: 6vh;"
-        >
+          style="height: 6vh;">
           <span class="text-base font-medium truncate">敬请期待...</span>
         </button>
       </div>
 
       <div class="mt-auto w-full px-2">
-        <button
-          @click="$emit('logout')"
-          class="w-full rounded-xl flex items-center gap-2 px-3 py-2.5 text-slate-400 bg-white shadow shadow-blue-900/20 transition-all"
-        >
+        <button @click="$emit('logout')"
+          class="w-full rounded-xl flex items-center gap-2 px-3 py-2.5 text-slate-400 bg-white shadow shadow-blue-900/20 transition-all">
           <img :src="backIcon" class="w-9 h-9 object-contain flex-shrink-0" />
           <span class="text-base font-medium" style="color: #ED4949;">退出登录</span>
         </button>
@@ -103,66 +76,43 @@
 
     <div class="flex-1 h-full relative">
       <div v-show="currentView === 'auto_dm'" class="absolute inset-0 z-10 h-full w-full">
-        <PermissionMask
-          permission-key="webAi"
-          title="自动私信工作台未开通"
-          description="您当前没有使用自动私信功能的权限"
-          :placeholder-image="placeholderWebAi"
-          :contacts="serviceContacts"
-        >
+        <PermissionMask permission-key="webAi" title="自动私信工作台未开通" description="您当前没有使用自动私信功能的权限"
+          :placeholder-image="placeholderWebAi" :contacts="serviceContacts">
           <div v-if="autoDmMode === 'config'" class="h-full w-full bg-slate-50 overflow-auto">
-            <ConfigPage @go-to-browser="handleGoToBrowser" @logout="$emit('logout')" @config-updated="handleConfigUpdated" />
+            <ConfigPage @go-to-browser="handleGoToBrowser" @logout="$emit('logout')"
+              @config-updated="handleConfigUpdated" />
           </div>
           <div v-show="autoDmMode === 'browser'" class="h-full w-full">
-            <YoloBrowser v-bind="$attrs" :nav-sidebar-width="navSidebarWidth" @go-back="handleBackToConfig" @stop-all="handleStopAll" />
+            <YoloBrowser v-bind="$attrs" :nav-sidebar-width="navSidebarWidth" @go-back="handleBackToConfig"
+              @stop-all="handleStopAll" />
           </div>
         </PermissionMask>
       </div>
 
       <div v-show="currentView === 'auto_dm_tk'" class="absolute inset-0 z-20 h-full w-full">
-        <PermissionMask
-          permission-key="webAi"
-          title="自动私信（TK版）工作台未开通"
-          description="您当前没有使用自动私信（TK版）功能的权限"
-          :placeholder-image="placeholderWebAi"
-          :contacts="serviceContacts"
-        >
+        <PermissionMask permission-key="autotk" title="自动私信（TK版）工作台未开通" description="您当前没有使用自动私信（TK版）功能的权限"
+          :placeholder-image="placeholderWebAi" :contacts="serviceContacts">
           <AutoDmTkWorkbench :nav-sidebar-width="navSidebarWidth" />
         </PermissionMask>
       </div>
 
       <div v-show="currentView === 'tk'" class="absolute inset-0 z-20 bg-gray-50 h-full overflow-hidden">
-        <PermissionMask
-          permission-key="crawl"
-          title="TK工作台未开通"
-          description="您当前没有使用TK工作台功能的权限"
-          :placeholder-image="placeholderTk"
-          :contacts="serviceContacts"
-        >
+        <PermissionMask permission-key="crawl" title="TK工作台未开通" description="您当前没有使用TK工作台功能的权限"
+          :placeholder-image="placeholderTk" :contacts="serviceContacts">
           <TkWorkbenches :key="tkWorkbenchKey" />
         </PermissionMask>
       </div>
 
       <div v-show="currentView === 'hosts'" class="absolute inset-0 z-20 bg-gray-50 h-full overflow-hidden">
-        <PermissionMask
-          permission-key="crawl"
-          title="主播列表未开通"
-          description="您当前没有使用主播列表功能的权限"
-          :placeholder-image="placeholderHosts"
-          :contacts="serviceContacts"
-        >
+        <PermissionMask permission-key="crawl" title="主播列表未开通" description="您当前没有使用主播列表功能的权限"
+          :placeholder-image="placeholderHosts" :contacts="serviceContacts">
           <HostsList />
         </PermissionMask>
       </div>
 
       <div v-show="currentView === 'FanWorkbench'" class="absolute inset-0 z-20 bg-gray-50 h-full overflow-hidden">
-        <PermissionMask
-          permission-key="bigBrother"
-          title="大哥工作台未开通"
-          description="您当前没有使用大哥工作台功能的权限"
-          :placeholder-image="placeholderBigBrother"
-          :contacts="serviceContacts"
-        >
+        <PermissionMask permission-key="bigBrother" title="大哥工作台未开通" description="您当前没有使用大哥工作台功能的权限"
+          :placeholder-image="placeholderBigBrother" :contacts="serviceContacts">
           <FanWorkbench />
         </PermissionMask>
       </div>
@@ -172,16 +122,13 @@
       </div>
 
       <div v-show="currentView === 'shop'" class="absolute inset-0 z-20 h-full overflow-hidden">
-        <div v-if="isElectron()" class="w-full h-full flex items-center justify-center text-base text-slate-500 bg-white">
+        <div v-if="isElectron()"
+          class="w-full h-full flex items-center justify-center text-base text-slate-500 bg-white">
           正在进入商店...
         </div>
-        <iframe
-          v-else-if="adminLoaded"
-          :src="shopUrl"
-          class="w-full h-full border-0"
+        <iframe v-else-if="adminLoaded" :src="shopUrl" class="w-full h-full border-0"
           allow="clipboard-read; clipboard-write"
-          sandbox="allow-same-origin allow-scripts allow-forms allow-popups allow-downloads"
-        />
+          sandbox="allow-same-origin allow-scripts allow-forms allow-popups allow-downloads" />
       </div>
     </div>
   </div>
@@ -261,7 +208,7 @@ let resizeObserver = null
 const notifySidebarWidth = (width) => {
   navSidebarWidth.value = Math.round(width)
   if (isElectron()) {
-    window.electronAPI.setSidebarWidth(Math.round(width)).catch(() => {})
+    window.electronAPI.setSidebarWidth(Math.round(width)).catch(() => { })
   }
 }
 
diff --git a/src/pages/LoginPage.vue b/src/pages/LoginPage.vue
index 6c97d90..7da70ee 100644
--- a/src/pages/LoginPage.vue
+++ b/src/pages/LoginPage.vue
@@ -403,6 +403,7 @@ const handleSubmit = async () => {
                 bigBrother: result.user.bigBrother,
                 crawl: result.user.crawl,
                 webAi: result.user.webAi,
+                autotk: result.user.autoTk
             });
 
             emit('loginSuccess')
diff --git a/src/types/electron.d.ts b/src/types/electron.d.ts
index 1f445dd..d1c8f5c 100644
--- a/src/types/electron.d.ts
+++ b/src/types/electron.d.ts
@@ -79,7 +79,11 @@ export interface GreetingStats {
 
 export interface StandaloneTikTokAutomationOptions {
     greetingMessages?: string[]
+    prologueList?: Record<string, string[]>
+    needTranslate?: boolean
+    replyMessages?: string[]
     replyUnreadMessages?: boolean
+    dataPoolSource?: 'anchor_hosts' | 'brother_info' | '/api/anchor/hosts/getAll' | '/api/gifters/brotherInfo/getAll'
     groupSwitchMinutes?: number
     groupViewCounts?: number[]
     continuousMode?: boolean
@@ -194,4 +198,4 @@ declare global {
     }
 }
 
-export { }
\ No newline at end of file
+export { }
diff --git a/src/utils/storage.js b/src/utils/storage.js
index 299afbb..b261e45 100644
--- a/src/utils/storage.js
+++ b/src/utils/storage.js
@@ -58,26 +58,28 @@ const PERMISSIONS_KEY = 'user_permissions';
 
 /**
  * 存储权限信息
- * @param {Object} permissions - 权限对象 { bigBrother, crawl, webAi }
+ * @param {Object} permissions - 权限对象 { bigBrother, crawl, webAi, autotk }
  */
 export function setPermissions(permissions) {
+    const autotkValue = permissions.autotk ?? permissions.autoTK ?? 0;
     localStorage.setItem(PERMISSIONS_KEY, JSON.stringify({
         bigBrother: permissions.bigBrother ?? 0,
         crawl: permissions.crawl ?? 0,
         webAi: permissions.webAi ?? 0,
+        autotk: autotkValue,
     }));
 }
 
 /**
  * 获取权限信息
- * @returns {Object} 权限对象 { bigBrother, crawl, webAi }
+ * @returns {Object} 权限对象 { bigBrother, crawl, webAi, autotk }
  */
 export function getPermissions() {
     try {
         const permissions = JSON.parse(localStorage.getItem(PERMISSIONS_KEY));
-        return permissions || { bigBrother: 0, crawl: 0, webAi: 0 };
+        return permissions || { bigBrother: 0, crawl: 0, webAi: 0, autotk: 0 };
     } catch {
-        return { bigBrother: 0, crawl: 0, webAi: 0 };
+        return { bigBrother: 0, crawl: 0, webAi: 0, autotk: 0 };
     }
 }
 
diff --git a/src/views/auto-dm/AutoDmTkWorkbench.vue b/src/views/auto-dm/AutoDmTkWorkbench.vue
index 9b3da46..52ed936 100644
--- a/src/views/auto-dm/AutoDmTkWorkbench.vue
+++ b/src/views/auto-dm/AutoDmTkWorkbench.vue
@@ -1,61 +1,46 @@
-<template>
+<template>
   <div class="h-full w-full overflow-hidden bg-gradient-to-br from-slate-100 to-slate-200">
     <div v-if="pageMode === 'config'" class="h-full overflow-auto p-6">
-      <div class="max-w-5xl mx-auto pb-8">
-        <div class="bg-white rounded-2xl shadow-xl p-8">
-          <div class="flex items-end justify-between mb-4 gap-6">
+      <div class="mx-auto max-w-5xl pb-8">
+        <div class="rounded-2xl bg-white p-8 shadow-xl">
+          <div class="mb-4 flex items-end justify-between gap-6">
             <div>
               <h1 class="text-2xl font-semibold text-gray-900">自动私信工作台（TK版）</h1>
-              <p class="text-sm text-gray-500 mt-1">
-                先配置发送话术、AI 回复和分组视图，再进入浏览器视图页执行任务。
-              </p>
             </div>
             <div class="flex items-center gap-3">
-              <span :class="statusChipClass">
-                {{ statusText }}
-              </span>
-              <button @click="handlePrepareViews" :disabled="isPreparing || !isElectronEnv"
-                class="px-4 py-2 text-sm bg-gradient-to-r from-emerald-500 to-teal-500 text-white rounded-lg hover:from-emerald-600 hover:to-teal-600 transition-all shadow-sm flex items-center gap-2 disabled:cursor-not-allowed disabled:opacity-60">
+              <span :class="statusChipClass">{{ statusText }}</span>
+              <button @click="handlePrepareViews" :disabled="isPreparing || !isElectronEnv" class="flex items-center gap-2 rounded-lg bg-gradient-to-r from-emerald-500 to-teal-500 px-4 py-2 text-sm text-white shadow-sm transition-all hover:from-emerald-600 hover:to-teal-600 disabled:cursor-not-allowed disabled:opacity-60">
                 <span>{{ isPreparing ? '预热中...' : '预热视图' }}</span>
-                <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-                  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 12h14M12 5l7 7-7 7" />
-                </svg>
               </button>
-              <button @click="openBrowserView"
-                class="px-4 py-2 text-sm bg-gradient-to-r from-blue-500 to-cyan-500 text-white rounded-lg hover:from-blue-600 hover:to-cyan-600 transition-all shadow-sm flex items-center gap-2">
+              <button @click="openBrowserView" class="flex items-center gap-2 rounded-lg bg-gradient-to-r from-blue-500 to-cyan-500 px-4 py-2 text-sm text-white shadow-sm transition-all hover:from-blue-600 hover:to-cyan-600">
                 <span>打开浏览器视图</span>
-                <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-                  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 7l5 5m0 0l-5 5m5-5H6" />
-                </svg>
               </button>
             </div>
           </div>
 
-          <div
-            class="flex items-center gap-2 mb-6 px-4 py-2 rounded-full text-sm text-gray-700 bg-gradient-to-r from-blue-50 to-green-50 border border-blue-200 w-fit">
-            <span class="w-2 h-2 rounded-full bg-green-500 animate-pulse" />
-            `groupViewCounts` 固定传 3 个元素，分别对应第一组、第二组、第三组开启的视图数。
+          <div class="mb-6 flex w-fit items-center gap-2 rounded-full border border-blue-200 bg-gradient-to-r from-blue-50 to-green-50 px-4 py-2 text-sm text-gray-700">
+            <span class="h-2 w-2 animate-pulse rounded-full bg-green-500" />
+            先填写配置，再预热视图，登录完成后再启动脚本。
           </div>
 
           <div class="grid grid-cols-3 gap-6">
             <div class="col-span-2 space-y-6">
-              <section class="bg-gradient-to-b from-white to-gray-50 rounded-xl border border-gray-200 shadow-sm p-6">
-                <div class="flex items-center justify-between mb-6">
+              <section class="rounded-xl border border-gray-200 bg-gradient-to-b from-white to-gray-50 p-6 shadow-sm">
+                <div class="mb-6 flex items-center justify-between">
                   <div class="flex items-center gap-2">
-                    <span class="w-1 h-4 rounded-full bg-gradient-to-b from-blue-500 to-green-500" />
+                    <span class="h-4 w-1 rounded-full bg-gradient-to-b from-blue-500 to-green-500" />
                     <span class="font-medium text-gray-900">运行参数</span>
                   </div>
                   <div class="grid grid-cols-3 gap-3 text-center">
-                    <div class="rounded-lg border border-gray-200 bg-white px-3 py-2 min-w-[88px]">
+                    <div class="min-w-[88px] rounded-lg border border-gray-200 bg-white px-3 py-2">
                       <div class="text-[10px] text-gray-500">话术数</div>
                       <div class="mt-1 text-base font-semibold text-gray-800">{{ greetingCount }}</div>
                     </div>
-                    <div class="rounded-lg border border-gray-200 bg-white px-3 py-2 min-w-[88px]">
-                      <div class="text-[10px] text-gray-500">AI回复</div>
-                      <div class="mt-1 text-base font-semibold text-gray-800">{{ configForm.replyUnreadMessages ? '开启' :
-                        '关闭' }}</div>
+                    <div class="min-w-[88px] rounded-lg border border-gray-200 bg-white px-3 py-2">
+                      <div class="text-[10px] text-gray-500">数据池</div>
+                      <div class="mt-1 text-base font-semibold text-gray-800">{{ dataPoolLabel }}</div>
                     </div>
-                    <div class="rounded-lg border border-gray-200 bg-white px-3 py-2 min-w-[88px]">
+                    <div class="min-w-[88px] rounded-lg border border-gray-200 bg-white px-3 py-2">
                       <div class="text-[10px] text-gray-500">开启视图</div>
                       <div class="mt-1 text-base font-semibold text-gray-800">{{ totalEnabledViews }}</div>
                     </div>
@@ -63,237 +48,167 @@
                 </div>
 
                 <div class="space-y-5">
-                  <div>
-                    <label class="block text-sm font-medium text-gray-700 mb-2">发送话术</label>
-                    <textarea v-model="configForm.greetingText" :disabled="isStarting || !isElectronEnv" rows="6"
-                      placeholder="一行一条话术"
-                      class="w-full rounded-lg border border-gray-300 bg-white px-4 py-3 text-sm text-gray-800 outline-none focus:border-blue-500 disabled:cursor-not-allowed disabled:opacity-60"
-                      @blur="handleGreetingBlur" />
-                    <p class="mt-2 text-xs text-gray-500">`greetingMessages` 会按一行一条组装提交。</p>
+                  <div class="rounded-xl border border-gray-200 bg-white p-4">
+                    <div class="flex items-center justify-between gap-4">
+                      <div>
+                        <label class="mb-1 block text-sm font-medium text-gray-700">打招呼内容</label>
+                      </div>
+                      <button @click="showGreetingDialog = true" :disabled="isStarting || !isElectronEnv" class="rounded-lg border border-blue-200 bg-blue-50 px-4 py-2 text-sm font-medium text-blue-600 transition-colors hover:bg-blue-100 disabled:cursor-not-allowed disabled:opacity-60">
+                        打招呼内容配置
+                      </button>
+                    </div>
+                    <div class="mt-3 flex items-center gap-3 text-xs text-gray-500">
+                      <span class="rounded-full border border-gray-200 bg-gray-100 px-3 py-1">基础话术 {{ greetingCount }} 条</span>
+                      <span class="rounded-full border border-gray-200 bg-gray-100 px-3 py-1">翻译 {{ configForm.needTranslate ? '已开启' : '未开启' }}</span>
+                      <span class="rounded-full border border-gray-200 bg-gray-100 px-3 py-1">语种 {{ languageCount }}</span>
+                    </div>
                   </div>
 
                   <div class="grid grid-cols-[minmax(0,1fr),220px] gap-4 items-end">
                     <div>
-                      <label class="block text-sm font-medium text-gray-700 mb-2">分组轮换间隔（分钟）</label>
-                      <input v-model.number="configForm.groupSwitchMinutes" :disabled="isStarting || !isElectronEnv"
-                        type="number" min="1" step="1"
-                        class="h-11 w-full rounded-lg border border-gray-300 bg-white px-4 text-sm text-gray-800 outline-none focus:border-blue-500 disabled:cursor-not-allowed disabled:opacity-60"
-                        @blur="handleSwitchMinutesBlur" />
+                      <label class="mb-2 block text-sm font-medium text-gray-700">分组轮换间隔（分钟）</label>
+                      <input v-model.number="configForm.groupSwitchMinutes" :disabled="isStarting || !isElectronEnv" type="number" min="1" step="1" class="h-11 w-full rounded-lg border border-gray-300 bg-white px-4 text-sm text-gray-800 outline-none focus:border-blue-500 disabled:cursor-not-allowed disabled:opacity-60" @blur="handleSwitchMinutesBlur" />
                     </div>
-                    <label
-                      class="flex items-center gap-3 rounded-lg border border-gray-200 bg-gray-50 px-4 py-3 text-sm text-gray-700 h-11">
-                      <input v-model="configForm.replyUnreadMessages" :disabled="isStarting || !isElectronEnv"
-                        type="checkbox" class="h-4 w-4 rounded border-gray-300 text-blue-600 focus:ring-blue-500" />
+                    <label class="flex h-11 items-center gap-3 rounded-lg border border-gray-200 bg-gray-50 px-4 py-3 text-sm text-gray-700">
+                      <input v-model="configForm.replyUnreadMessages" :disabled="isStarting || !isElectronEnv" type="checkbox" class="h-4 w-4 rounded border-gray-300 text-blue-600 focus:ring-blue-500" />
                       <span>开启 AI 回复未读消息</span>
                     </label>
                   </div>
+
+                  <div class="rounded-xl border border-gray-200 bg-white p-4">
+                    <div class="mb-4 flex items-center justify-between gap-4">
+                      <div>
+                        <label class="mb-1 block text-sm font-medium text-gray-700">数据池来源</label>
+                        <p class="text-xs text-gray-500">启动时只需告诉后端用主播池还是大哥池。</p>
+                      </div>
+                      <span class="rounded-full border border-gray-200 bg-gray-100 px-3 py-1 text-xs text-gray-600">{{ dataPoolLabel }}</span>
+                    </div>
+                    <div class="grid grid-cols-2 gap-3">
+                      <label class="flex items-center gap-3 rounded-lg border px-4 py-3 text-sm transition-colors" :class="configForm.dataPoolSource === 'anchor_hosts' ? 'border-blue-500 bg-blue-50 text-blue-700' : 'border-gray-200 bg-gray-50 text-gray-700'">
+                        <input v-model="configForm.dataPoolSource" :disabled="isStarting || !isElectronEnv" type="radio" value="anchor_hosts" class="h-4 w-4 border-gray-300 text-blue-600 focus:ring-blue-500" />
+                        <span>主播池</span>
+                      </label>
+                      <label class="flex items-center gap-3 rounded-lg border px-4 py-3 text-sm transition-colors" :class="configForm.dataPoolSource === 'brother_info' ? 'border-purple-500 bg-purple-50 text-purple-700' : 'border-gray-200 bg-gray-50 text-gray-700'">
+                        <input v-model="configForm.dataPoolSource" :disabled="isStarting || !isElectronEnv" type="radio" value="brother_info" class="h-4 w-4 border-gray-300 text-purple-600 focus:ring-purple-500" />
+                        <span>大哥池</span>
+                      </label>
+                    </div>
+                    <div v-if="isBrotherInfoMode" class="mt-4">
+                      <div class="mb-2 flex items-center justify-between gap-3">
+                        <label class="block text-sm font-medium text-gray-700">大哥随机回复话术</label>
+                        <span class="rounded-full border border-gray-200 bg-gray-100 px-3 py-1 text-xs text-gray-600">{{ replyMessageCount }} 条</span>
+                      </div>
+                      <textarea v-model="configForm.replyMessagesText" :disabled="isStarting || !isElectronEnv" rows="5" placeholder="一行一条回复话术，启动时传给后端 replyMessages" class="w-full rounded-lg border border-gray-300 bg-white px-4 py-3 text-sm text-gray-800 outline-none focus:border-purple-500 disabled:cursor-not-allowed disabled:opacity-60" />
+                    </div>
+                  </div>
                 </div>
               </section>
 
-              <section class="bg-gradient-to-b from-white to-gray-50 rounded-xl border border-gray-200 shadow-sm p-6">
-                <div class="flex items-center justify-between mb-4">
+              <section class="rounded-xl border border-gray-200 bg-gradient-to-b from-white to-gray-50 p-6 shadow-sm">
+                <div class="mb-4 flex items-center justify-between">
                   <div class="flex items-center gap-2">
-                    <span class="w-1 h-4 rounded-full bg-gradient-to-b from-purple-500 to-blue-500" />
+                    <span class="h-4 w-1 rounded-full bg-gradient-to-b from-purple-500 to-blue-500" />
                     <span class="font-medium text-gray-900">视图分组</span>
                   </div>
                   <span class="text-xs text-gray-500">每组支持 0-3 个视图</span>
                 </div>
-
                 <div class="grid grid-cols-3 gap-4">
-                  <div v-for="(count, index) in configForm.groupViewCounts" :key="index"
-                    class="rounded-xl border border-gray-200 bg-white p-4">
+                  <div v-for="(count, index) in configForm.groupViewCounts" :key="index" class="rounded-xl border border-gray-200 bg-white p-4">
                     <div class="flex items-center justify-between gap-2">
                       <div>
                         <div class="text-sm font-medium text-gray-800">第 {{ index + 1 }} 组</div>
                         <div class="mt-1 text-xs text-gray-500">{{ groupRangeLabel(index) }}</div>
                       </div>
-                      <span class="px-2 py-1 rounded-full text-[10px] bg-gray-100 text-gray-600">
-                        {{ groupViewText(count) }}
-                      </span>
+                      <span class="rounded-full bg-gray-100 px-2 py-1 text-[10px] text-gray-600">{{ groupViewText(count) }}</span>
                     </div>
-                    <input v-model.number="configForm.groupViewCounts[index]" :disabled="isStarting || !isElectronEnv"
-                      type="number" min="0" max="3" step="1"
-                      class="mt-4 h-11 w-full rounded-lg border border-gray-300 bg-gray-50 px-4 text-sm text-gray-800 outline-none focus:border-blue-500 disabled:cursor-not-allowed disabled:opacity-60"
-                      @blur="handleGroupCountBlur(index)" />
+                    <input v-model.number="configForm.groupViewCounts[index]" :disabled="isStarting || !isElectronEnv" type="number" min="0" max="3" step="1" class="mt-4 h-11 w-full rounded-lg border border-gray-300 bg-gray-50 px-4 text-sm text-gray-800 outline-none focus:border-blue-500 disabled:cursor-not-allowed disabled:opacity-60" @blur="handleGroupCountBlur(index)" />
                   </div>
                 </div>
               </section>
             </div>
 
             <div class="space-y-6">
-              <section class="bg-white rounded-xl border border-gray-200 shadow-sm p-5">
+              <section class="rounded-xl border border-gray-200 bg-white p-5 shadow-sm">
                 <div class="flex items-center justify-between">
-                  <div>
-                    <div class="text-sm font-medium text-gray-900">AI 人设</div>
-                    <div class="mt-1 text-xs text-gray-500">沿用自动私信工作台的 AI 配置入口。</div>
-                  </div>
-                  <span :class="[
-                    'px-3 py-1 rounded-full text-xs font-medium',
-                    aiConfigured ? 'bg-green-100 text-green-700' : 'bg-yellow-100 text-yellow-700'
-                  ]">
-                    {{ aiConfigured ? '已配置' : '未配置' }}
-                  </span>
+                  <div><div class="text-sm font-medium text-gray-900">AI 人设</div></div>
+                  <span :class="['rounded-full px-3 py-1 text-xs font-medium', aiConfigured ? 'bg-green-100 text-green-700' : 'bg-yellow-100 text-yellow-700']">{{ aiConfigured ? '已配置' : '未配置' }}</span>
                 </div>
-                <button @click="showAIDialog = true"
-                  class="mt-4 w-full px-4 py-3 text-sm font-medium text-blue-600 border border-blue-200 bg-blue-50 hover:bg-blue-100 rounded-lg transition-colors">
-                  配置 / 修改 AI 人设
-                </button>
+                <button @click="showAIDialog = true" class="mt-4 w-full rounded-lg border border-blue-200 bg-blue-50 px-4 py-3 text-sm font-medium text-blue-600 transition-colors hover:bg-blue-100">配置 / 修改 AI 人设</button>
               </section>
 
-              <section class="bg-white rounded-xl border border-gray-200 shadow-sm p-5">
+              <section class="rounded-xl border border-gray-200 bg-white p-5 shadow-sm">
                 <div class="text-sm font-medium text-gray-900">执行主播库</div>
-                <div class="mt-1 text-xs text-gray-500">复用主播库弹窗，单独维护执行名单。</div>
-                <button @click="showHostDialog = true"
-                  class="mt-4 w-full px-4 py-3 text-sm font-medium text-purple-600 border border-purple-200 bg-purple-50 hover:bg-purple-100 rounded-lg transition-colors">
-                  打开执行主播库
-                </button>
+                <button @click="showHostDialog = true" class="mt-4 w-full rounded-lg border border-purple-200 bg-purple-50 px-4 py-3 text-sm font-medium text-purple-600 transition-colors hover:bg-purple-100">打开执行主播库</button>
               </section>
 
-              <section class="bg-slate-950 rounded-xl shadow-sm p-5">
+              <section class="rounded-xl bg-slate-950 p-5 shadow-sm">
                 <div class="text-sm font-medium text-slate-100">本次提交参数</div>
                 <pre class="mt-3 overflow-x-auto text-xs leading-6 text-slate-300">{{ payloadPreview }}</pre>
               </section>
             </div>
           </div>
 
-          <div v-if="!isElectronEnv"
-            class="mt-6 rounded-xl border border-amber-200 bg-amber-50 px-4 py-3 text-xs leading-5 text-amber-700">
-            当前是 Web 环境，无法调用 Electron 的 TikTok 自动私信能力。
-          </div>
+          <div v-if="!isElectronEnv" class="mt-6 rounded-xl border border-amber-200 bg-amber-50 px-4 py-3 text-xs leading-5 text-amber-700">当前是 Web 环境，无法调用 Electron 的 TikTok 自动私信能力。</div>
         </div>
       </div>
     </div>
 
     <div v-else class="flex h-full w-full bg-gradient-to-br from-gray-50 to-gray-100 animate-fadeIn">
-      <aside :style="sidebarStyle"
-        class="h-full bg-white border-r border-gray-200 flex flex-col shadow-sm flex-shrink-0">
+      <aside :style="sidebarStyle" class="h-full flex-shrink-0 border-r border-gray-200 bg-white shadow-sm">
         <div class="m-3 mb-0 flex gap-2">
-          <button @click="backToConfig"
-            class="flex-1 px-3 py-2 text-xs bg-gray-100 text-gray-700 border border-gray-200 rounded-lg hover:bg-gray-200 transition-colors text-left">
-            返回配置
-          </button>
-          <button @click="handleStop" :disabled="isStopping || !isElectronEnv"
-            class="px-3 py-2 text-xs bg-red-500 text-white rounded-lg hover:bg-red-600 transition-colors disabled:opacity-50 disabled:cursor-not-allowed"
-            title="停止独立版自动私信任务">
-            {{ isStopping ? '停止中' : '停止任务' }}
-          </button>
+          <button @click="backToConfig" class="flex-1 rounded-lg border border-gray-200 bg-gray-100 px-3 py-2 text-left text-xs text-gray-700 transition-colors hover:bg-gray-200">返回配置</button>
+          <button @click="handleStop" :disabled="isStopping || !isElectronEnv" class="rounded-lg bg-red-500 px-3 py-2 text-xs text-white transition-colors hover:bg-red-600 disabled:cursor-not-allowed disabled:opacity-50">{{ isStopping ? '停止中' : '停止任务' }}</button>
         </div>
-
-        <div class="p-4 border-b border-gray-200">
-          <h1 class="text-lg font-bold bg-gradient-to-r from-blue-600 to-cyan-500 bg-clip-text text-transparent">
-            自动私信（TK版）
-          </h1>
-          <p class="text-xs text-gray-500 mt-1">浏览器视图页，位置与 BrowserView 完全对齐</p>
+        <div class="border-b border-gray-200 p-4">
+          <h1 class="bg-gradient-to-r from-blue-600 to-cyan-500 bg-clip-text text-lg font-bold text-transparent">自动私信（TK版）</h1>
+          <p class="mt-1 text-xs text-gray-500">浏览器视图页，位置与 BrowserView 完全对齐</p>
         </div>
-
-        <div class="p-4 space-y-4 overflow-auto">
-          <div v-if="false" class="rounded-xl border border-gray-200 bg-gray-50 p-4">
-            <div class="text-xs font-semibold text-gray-500 uppercase tracking-wider mb-3">任务摘要</div>
-            <div class="grid grid-cols-2 gap-3 text-sm">
-              <div class="rounded-lg bg-white border border-gray-200 px-3 py-2">
-                <div class="text-[10px] text-gray-500">当前视图</div>
-                <div class="mt-1 font-semibold text-gray-800">{{ activeViewId }}</div>
-              </div>
-              <div class="rounded-lg bg-white border border-gray-200 px-3 py-2">
-                <div class="text-[10px] text-gray-500">任务状态</div>
-                <div class="mt-1 font-semibold text-gray-800">{{ statusText }}</div>
-              </div>
-              <div class="rounded-lg bg-white border border-gray-200 px-3 py-2">
-                <div class="text-[10px] text-gray-500">发送话术</div>
-                <div class="mt-1 font-semibold text-gray-800">{{ greetingCount }} 条</div>
-              </div>
-              <div class="rounded-lg bg-white border border-gray-200 px-3 py-2">
-                <div class="text-[10px] text-gray-500">AI 回复</div>
-                <div class="mt-1 font-semibold text-gray-800">{{ configForm.replyUnreadMessages ? '开启' : '关闭' }}</div>
-              </div>
-            </div>
-          </div>
-
+        <div class="space-y-4 overflow-auto p-4">
           <div class="rounded-xl border border-gray-200 bg-gray-50 p-4">
-            <div class="text-xs font-semibold text-gray-500 uppercase tracking-wider mb-3">视图分组</div>
+            <div class="mb-3 text-xs font-semibold uppercase tracking-wider text-gray-500">视图分组</div>
             <div class="space-y-3">
-              <div v-for="group in browserViewGroups" :key="group.groupIndex"
-                class="rounded-lg border border-gray-200 bg-white p-3">
+              <div v-for="group in browserViewGroups" :key="group.groupIndex" class="rounded-lg border border-gray-200 bg-white p-3">
                 <div class="mb-2 flex items-center justify-between">
                   <span class="text-sm font-medium text-gray-800">第 {{ group.groupIndex + 1 }} 组</span>
                   <span class="text-xs text-gray-500">{{ group.label }}</span>
                 </div>
                 <div class="grid grid-cols-3 gap-2">
-                  <button v-for="view in group.views" :key="view.viewId"
-                    :disabled="!view.enabled || isSwitchingView || !isElectronEnv"
-                    @click="handleSwitchView(view.viewId)" :class="[
-                      'h-10 rounded-lg border text-sm font-medium transition-all disabled:cursor-not-allowed',
-                      view.active
-                        ? 'border-blue-500 bg-blue-500 text-white shadow-sm'
-                        : view.enabled
-                          ? 'border-gray-200 bg-gray-50 text-gray-700 hover:border-blue-300 hover:bg-blue-50'
-                          : 'border-dashed border-gray-200 bg-gray-100 text-gray-400 opacity-70'
-                    ]">
-                    {{ view.viewId }}
-                  </button>
+                  <button v-for="view in group.views" :key="view.viewId" :disabled="!view.enabled || isSwitchingView || !isElectronEnv" @click="handleSwitchView(view.viewId)" :class="['h-10 rounded-lg border text-sm font-medium transition-all disabled:cursor-not-allowed', view.active ? 'border-blue-500 bg-blue-500 text-white shadow-sm' : view.enabled ? 'border-gray-200 bg-gray-50 text-gray-700 hover:border-blue-300 hover:bg-blue-50' : 'border-dashed border-gray-200 bg-gray-100 text-gray-400 opacity-70']">{{ view.viewId }}</button>
                 </div>
               </div>
             </div>
           </div>
-
           <div class="rounded-xl border border-gray-200 bg-gray-50 p-4">
-            <div class="text-xs font-semibold text-gray-500 uppercase tracking-wider mb-3">快速操作</div>
+            <div class="mb-3 text-xs font-semibold uppercase tracking-wider text-gray-500">快速操作</div>
             <div class="space-y-3">
-              <label
-                class="flex items-center gap-3 rounded-lg border border-gray-200 bg-white px-3 py-3 text-sm text-gray-700">
-                <input v-model="loginConfirmed" :disabled="isStarting || !isElectronEnv" type="checkbox"
-                  class="h-4 w-4 rounded border-gray-300 text-blue-600 focus:ring-blue-500" />
+              <label class="flex items-center gap-3 rounded-lg border border-gray-200 bg-white px-3 py-3 text-sm text-gray-700">
+                <input v-model="loginConfirmed" :disabled="isStarting || !isElectronEnv" type="checkbox" class="h-4 w-4 rounded border-gray-300 text-blue-600 focus:ring-blue-500" />
                 <span>当前视图已完成手动登录</span>
               </label>
-              <button
-                class="w-full h-9 rounded-lg border border-blue-600 bg-blue-600 text-sm text-white hover:bg-blue-700 disabled:cursor-not-allowed disabled:opacity-60"
-                :disabled="isStarting || !isElectronEnv || !loginConfirmed" @click="handleStart">
-                {{ isStarting ? '启动中...' : '启动任务' }}
-              </button>
-              <div class="text-xs leading-5 text-gray-500">
-                先打开浏览器视图，在当前视图里手动登录账号；确认登录完成后，再勾选并启动脚本。
-              </div>
+              <button class="h-9 w-full rounded-lg border border-blue-600 bg-blue-600 text-sm text-white hover:bg-blue-700 disabled:cursor-not-allowed disabled:opacity-60" :disabled="isStarting || !isElectronEnv" @click="handleStart">{{ isStarting ? '启动中...' : '启动任务' }}</button>
+              <div class="text-xs leading-5 text-gray-500">先打开浏览器视图，在当前视图里手动登录账号；确认登录完成后，再勾选并启动脚本。</div>
             </div>
           </div>
-
-
         </div>
       </aside>
 
-      <main class="flex-1 flex flex-col relative min-w-0">
-        <div class="h-12 bg-white border-b border-gray-200 flex items-center px-4 gap-2 shadow-sm">
-          <span class="text-gray-500 text-sm mr-2">视图:</span>
-          <button v-for="viewId in viewIds" :key="viewId" @click="handleSwitchView(viewId)"
-            :disabled="isSwitchingView || !isElectronEnv" :class="[
-              'px-3 py-1.5 rounded-lg text-sm font-medium transition-all disabled:opacity-60 disabled:cursor-not-allowed',
-              activeViewId === viewId
-                ? 'bg-blue-500 text-white shadow-md'
-                : 'bg-gray-100 text-gray-600 hover:bg-gray-200 border border-gray-200'
-            ]">
-            视图 {{ viewId }}
-          </button>
-
+      <main class="relative flex min-w-0 flex-1 flex-col">
+        <div class="flex h-12 items-center gap-2 border-b border-gray-200 bg-white px-4 shadow-sm">
+          <span class="mr-2 text-sm text-gray-500">视图:</span>
+          <button v-for="viewId in viewIds" :key="viewId" @click="handleSwitchView(viewId)" :disabled="isSwitchingView || !isElectronEnv" :class="['rounded-lg px-3 py-1.5 text-sm font-medium transition-all disabled:cursor-not-allowed disabled:opacity-60', activeViewId === viewId ? 'bg-blue-500 text-white shadow-md' : 'border border-gray-200 bg-gray-100 text-gray-600 hover:bg-gray-200']">视图 {{ viewId }}</button>
           <div class="flex-1" />
-
-          <span class="text-xs text-gray-500 bg-gray-100 px-2 py-1 rounded border border-gray-200">
-            {{ statusText }}
-          </span>
-          <span v-if="isSwitchingView"
-            class="text-xs text-blue-600 bg-blue-50 px-2 py-1 rounded border border-blue-200">
-            切换中...
-          </span>
+          <span class="rounded border border-gray-200 bg-gray-100 px-2 py-1 text-xs text-gray-500">{{ statusText }}</span>
+          <span v-if="isSwitchingView" class="rounded border border-blue-200 bg-blue-50 px-2 py-1 text-xs text-blue-600">切换中...</span>
         </div>
-
-        <div class="flex-1 relative">
+        <div class="relative flex-1">
           <ViewPlaceholder class="absolute inset-0" />
         </div>
       </main>
     </div>
 
-    <AIConfigDialog :visible="showAIDialog" :config="aiConfig" @close="showAIDialog = false" @save="handleSaveAIConfig"
-      @change="(key, value) => aiConfig[key] = value" />
-
-    <HostListDialog :visible="showHostDialog" @close="showHostDialog = false" @save="() => { }" />
+    <AIConfigDialog :visible="showAIDialog" :config="aiConfig" @close="showAIDialog = false" @save="handleSaveAIConfig" @change="(key, value) => aiConfig[key] = value" />
+    <HostListDialog :visible="showHostDialog" @close="showHostDialog = false" @save="() => {}" />
+    <GreetingDialog :visible="showGreetingDialog" @close="showGreetingDialog = false" @confirm="handleGreetingConfirm" />
   </div>
 </template>
 
@@ -304,182 +219,76 @@ import { isElectron } from '@/utils/electronBridge'
 import ViewPlaceholder from '@/components/ViewPlaceholder.vue'
 import HostListDialog from '@/components/HostListDialog.vue'
 import AIConfigDialog from '@/components/AIConfigDialog.vue'
+import GreetingDialog from '@/components/GreetingDialog.vue'
 
-const props = defineProps({
-  navSidebarWidth: {
-    type: Number,
-    default: 144
-  }
-})
-
+const props = defineProps({ navSidebarWidth: { type: Number, default: 144 } })
 const TIKTOK_VIEW_IDS = Array.from({ length: 9 }, (_, index) => index + 10)
-const DEFAULT_GREETING_TEXT = 'hello\nhi'
 const DEFAULT_GROUP_COUNTS = [3, 3, 3]
-
 const isElectronEnv = isElectron()
 const pageMode = ref('config')
 const activeViewId = ref(TIKTOK_VIEW_IDS[0])
 const statusText = ref('待启动')
 const showAIDialog = ref(false)
 const showHostDialog = ref(false)
+const showGreetingDialog = ref(false)
 const aiConfigured = ref(false)
 const loginConfirmed = ref(false)
-
+const preparedConfigKey = ref('')
 const isPreparing = ref(false)
 const isStarting = ref(false)
 const isStopping = ref(false)
 const isSwitchingView = ref(false)
-
-const configForm = reactive({
-  greetingText: DEFAULT_GREETING_TEXT,
-  replyUnreadMessages: true,
-  groupSwitchMinutes: 10,
-  groupViewCounts: [...DEFAULT_GROUP_COUNTS]
-})
-
-const aiConfig = ref({
-  agentName: '',
-  guildName: '',
-  contactTool: '',
-  contact: ''
-})
-
-const sidebarStyle = computed(() => ({
-  width: `${props.navSidebarWidth}px`,
-  minWidth: '96px',
-  maxWidth: '400px'
-}))
-
+const configForm = reactive({ prologueList: {}, needTranslate: false, dataPoolSource: 'anchor_hosts', replyMessagesText: '', replyUnreadMessages: true, groupSwitchMinutes: 10, groupViewCounts: [...DEFAULT_GROUP_COUNTS] })
+const aiConfig = ref({ agentName: '', guildName: '', contactTool: '', contact: '' })
+const sidebarStyle = computed(() => ({ width: `${props.navSidebarWidth}px`, minWidth: '96px', maxWidth: '400px' }))
 const greetingMessages = computed(() => {
-  return configForm.greetingText
-    .split(/\r?\n/)
-    .map(item => item.trim())
-    .filter(Boolean)
+  const baseMessages = Array.isArray(configForm.prologueList?.yolo) ? configForm.prologueList.yolo : []
+  return baseMessages.map(item => String(item || '').trim()).filter(Boolean)
 })
-
+const replyMessages = computed(() => String(configForm.replyMessagesText || '').split(/\r?\n/).map(item => item.trim()).filter(Boolean))
 const greetingCount = computed(() => greetingMessages.value.length)
+const replyMessageCount = computed(() => replyMessages.value.length)
+const languageCount = computed(() => Object.keys(configForm.prologueList || {}).length)
+const isBrotherInfoMode = computed(() => configForm.dataPoolSource === 'brother_info')
+const dataPoolLabel = computed(() => (isBrotherInfoMode.value ? '大哥池' : '主播池'))
 const normalizedGroupSwitchMinutes = computed(() => clampMinutes(configForm.groupSwitchMinutes))
 const normalizedGroupViewCounts = computed(() => normalizeGroupViewCounts(configForm.groupViewCounts))
-const browserViewGroups = computed(() =>
-  normalizedGroupViewCounts.value.map((enabledCount, groupIndex) => {
-    const baseViewId = TIKTOK_VIEW_IDS[groupIndex * 3]
-    return {
-      groupIndex,
-      label: `视图 ${baseViewId}-${baseViewId + 2}`,
-      views: Array.from({ length: 3 }, (_, offset) => {
-        const viewId = baseViewId + offset
-        return {
-          viewId,
-          enabled: offset < enabledCount,
-          active: activeViewId.value === viewId
-        }
-      })
-    }
-  })
-)
-const viewIds = computed(() =>
-  browserViewGroups.value.flatMap(group =>
-    group.views.filter(view => view.enabled).map(view => view.viewId)
-  )
-)
+const browserViewGroups = computed(() => normalizedGroupViewCounts.value.map((enabledCount, groupIndex) => {
+  const baseViewId = TIKTOK_VIEW_IDS[groupIndex * 3]
+  return { groupIndex, label: `视图 ${baseViewId}-${baseViewId + 2}`, views: Array.from({ length: 3 }, (_, offset) => ({ viewId: baseViewId + offset, enabled: offset < enabledCount, active: activeViewId.value === baseViewId + offset })) }
+}))
+const viewIds = computed(() => browserViewGroups.value.flatMap(group => group.views.filter(view => view.enabled).map(view => view.viewId)))
 const totalEnabledViews = computed(() => normalizedGroupViewCounts.value.reduce((sum, count) => sum + count, 0))
 const payloadPreview = computed(() => JSON.stringify(buildStartPayload(), null, 2))
-const statusChipClass = computed(() => {
-  if (statusText.value.includes('运行')) {
-    return 'px-3 py-1 rounded-full text-xs font-medium border bg-emerald-50 text-emerald-700 border-emerald-200'
-  }
-  if (statusText.value.includes('失败')) {
-    return 'px-3 py-1 rounded-full text-xs font-medium border bg-rose-50 text-rose-700 border-rose-200'
-  }
-  return 'px-3 py-1 rounded-full text-xs font-medium border bg-amber-50 text-amber-700 border-amber-200'
-})
-
-function clampMinutes(value) {
-  const numericValue = Number(value)
-  if (!Number.isFinite(numericValue) || numericValue <= 0) {
-    return 10
-  }
-  return Math.max(1, Math.round(numericValue))
-}
-
-function clampGroupCount(value) {
-  const numericValue = Number(value)
-  if (!Number.isFinite(numericValue)) {
-    return 0
-  }
-  return Math.min(3, Math.max(0, Math.round(numericValue)))
-}
-
-function normalizeGroupViewCounts(values) {
-  const safeValues = Array.isArray(values) ? values.slice(0, 3) : []
-  while (safeValues.length < 3) {
-    safeValues.push(0)
-  }
-  return safeValues.map(clampGroupCount)
-}
-
+const currentPrepareKey = computed(() => JSON.stringify({ groupViewCounts: normalizedGroupViewCounts.value, groupSwitchMinutes: normalizedGroupSwitchMinutes.value, replyUnreadMessages: Boolean(configForm.replyUnreadMessages), dataPoolSource: configForm.dataPoolSource, replyMessages: replyMessages.value, prologueList: configForm.prologueList || {}, needTranslate: Boolean(configForm.needTranslate) }))
+const hasPreparedViews = computed(() => preparedConfigKey.value === currentPrepareKey.value)
+const statusChipClass = computed(() => statusText.value.includes('运行') ? 'rounded-full border border-emerald-200 bg-emerald-50 px-3 py-1 text-xs font-medium text-emerald-700' : statusText.value.includes('失败') ? 'rounded-full border border-rose-200 bg-rose-50 px-3 py-1 text-xs font-medium text-rose-700' : 'rounded-full border border-amber-200 bg-amber-50 px-3 py-1 text-xs font-medium text-amber-700')
+function clampMinutes(value) { const numericValue = Number(value); return !Number.isFinite(numericValue) || numericValue <= 0 ? 10 : Math.max(1, Math.round(numericValue)) }
+function clampGroupCount(value) { const numericValue = Number(value); return !Number.isFinite(numericValue) ? 0 : Math.min(3, Math.max(0, Math.round(numericValue))) }
+function normalizeGroupViewCounts(values) { const safeValues = Array.isArray(values) ? values.slice(0, 3) : []; while (safeValues.length < 3) safeValues.push(0); return safeValues.map(clampGroupCount) }
 function buildStartPayload() {
-  const payload = {
-    replyUnreadMessages: Boolean(configForm.replyUnreadMessages),
-    groupSwitchMinutes: normalizedGroupSwitchMinutes.value,
-    groupViewCounts: normalizedGroupViewCounts.value
-  }
-
-  if (greetingMessages.value.length > 0) {
-    payload.greetingMessages = greetingMessages.value
-  }
-
+  const payload = { dataPoolSource: configForm.dataPoolSource, replyUnreadMessages: Boolean(configForm.replyUnreadMessages), groupSwitchMinutes: normalizedGroupSwitchMinutes.value, groupViewCounts: normalizedGroupViewCounts.value, prologueList: JSON.parse(JSON.stringify(configForm.prologueList || {})), needTranslate: Boolean(configForm.needTranslate) }
+  if (greetingMessages.value.length > 0) payload.greetingMessages = greetingMessages.value
+  if (replyMessages.value.length > 0) payload.replyMessages = replyMessages.value
   return payload
 }
-
-function ensureElectronCapability(methodName) {
-  if (!isElectronEnv || !window.electronAPI?.[methodName]) {
-    ElMessage.error('当前环境不支持该功能')
-    return false
-  }
-  return true
-}
-
-function handleGreetingBlur() {
-  configForm.greetingText = greetingMessages.value.join('\n')
-}
-
-function handleSwitchMinutesBlur() {
-  configForm.groupSwitchMinutes = clampMinutes(configForm.groupSwitchMinutes)
-}
-
-function handleGroupCountBlur(index) {
-  configForm.groupViewCounts[index] = clampGroupCount(configForm.groupViewCounts[index])
-}
-
-function groupViewText(count) {
-  if (count <= 0) {
-    return '不启用'
-  }
-  return `开启 ${count} 个`
-}
-
-function groupRangeLabel(index) {
-  const startViewId = TIKTOK_VIEW_IDS[index * 3]
-  const endViewId = TIKTOK_VIEW_IDS[index * 3 + 2]
-  return `视图 ${startViewId}-${endViewId}`
-}
-
+function ensureElectronCapability(methodName) { if (!isElectronEnv || !window.electronAPI?.[methodName]) { ElMessage.error('当前环境不支持该功能'); return false } return true }
+function invalidatePreparedState(nextStatus = '配置已变更，请重新预热视图') { preparedConfigKey.value = ''; loginConfirmed.value = false; if (!statusText.value.includes('运行')) statusText.value = nextStatus }
+function handleGreetingConfirm(data) { configForm.prologueList = { yolo: data.sentences || [], ...(data.translations || {}) }; configForm.needTranslate = Boolean(data.needTranslate); showGreetingDialog.value = false; invalidatePreparedState(); void saveSharedConfig() }
+function handleSwitchMinutesBlur() { configForm.groupSwitchMinutes = clampMinutes(configForm.groupSwitchMinutes); invalidatePreparedState() }
+function handleGroupCountBlur(index) { configForm.groupViewCounts[index] = clampGroupCount(configForm.groupViewCounts[index]); invalidatePreparedState('视图配置已变更，请重新预热视图') }
+function groupViewText(count) { return count <= 0 ? '不启用' : `开启 ${count} 个` }
+function groupRangeLabel(index) { const startViewId = TIKTOK_VIEW_IDS[index * 3]; const endViewId = TIKTOK_VIEW_IDS[index * 3 + 2]; return `视图 ${startViewId}-${endViewId}` }
 async function checkAIConfig() {
   if (!isElectronEnv || !window.electronAPI?.loadAIConfig) return
   try {
     const saved = await window.electronAPI.loadAIConfig()
-    if (saved && (saved.agentName || saved.guildName || saved.contactTool || saved.contact)) {
-      aiConfig.value = saved
-      aiConfigured.value = true
-      return
-    }
-    aiConfigured.value = false
+    aiConfigured.value = Boolean(saved && (saved.agentName || saved.guildName || saved.contactTool || saved.contact))
+    if (aiConfigured.value) aiConfig.value = saved
   } catch {
     aiConfigured.value = false
   }
 }
-
 async function handleSaveAIConfig() {
   if (isElectronEnv && window.electronAPI?.saveAIConfig) {
     await window.electronAPI.saveAIConfig(JSON.parse(JSON.stringify(aiConfig.value)))
@@ -487,26 +296,51 @@ async function handleSaveAIConfig() {
   aiConfigured.value = true
   showAIDialog.value = false
 }
-
+async function loadSharedConfig() {
+  if (!isElectronEnv || !window.electronAPI?.loadRunConfig) return
+  try {
+    const saved = await window.electronAPI.loadRunConfig()
+    if (saved?.prologueList && typeof saved.prologueList === 'object') configForm.prologueList = JSON.parse(JSON.stringify(saved.prologueList))
+    if (typeof saved?.needTranslate === 'boolean') configForm.needTranslate = saved.needTranslate
+    if (saved?.standaloneTikTokDataPoolSource === 'anchor_hosts' || saved?.standaloneTikTokDataPoolSource === 'brother_info') configForm.dataPoolSource = saved.standaloneTikTokDataPoolSource
+    if (Array.isArray(saved?.standaloneTikTokReplyMessages)) configForm.replyMessagesText = saved.standaloneTikTokReplyMessages.join('\n')
+  } catch (error) {
+    console.error('load shared config failed:', error)
+  }
+}
+async function saveSharedConfig() {
+  if (!isElectronEnv || !window.electronAPI?.saveRunConfig || !window.electronAPI?.loadRunConfig) return
+  try {
+    const saved = await window.electronAPI.loadRunConfig()
+    const nextConfig = {
+      ...(saved || {}),
+      prologueList: JSON.parse(JSON.stringify(configForm.prologueList || {})),
+      needTranslate: Boolean(configForm.needTranslate),
+      standaloneTikTokDataPoolSource: configForm.dataPoolSource,
+      standaloneTikTokReplyMessages: replyMessages.value
+    }
+    await window.electronAPI.saveRunConfig(nextConfig)
+  } catch (error) {
+    console.error('save shared config failed:', error)
+  }
+}
 async function handlePrepareViews() {
   if (!ensureElectronCapability('prepareStandaloneTikTokViews')) return
-
+  if (viewIds.value.length === 0) {
+    ElMessage.warning('请至少启用一个视图后再预热')
+    return
+  }
   loginConfirmed.value = false
   isPreparing.value = true
   try {
-    const result = await window.electronAPI.prepareStandaloneTikTokViews({
-      groupViewCounts: normalizedGroupViewCounts.value,
-      targetViewId: activeViewId.value
-    })
-    if (!result?.success) {
-      throw new Error(result?.error || 'prepare standalone tiktok views failed')
-    }
-    if (result.currentViewId) {
-      activeViewId.value = result.currentViewId
-    }
+    const result = await window.electronAPI.prepareStandaloneTikTokViews({ groupViewCounts: normalizedGroupViewCounts.value, targetViewId: activeViewId.value })
+    if (!result?.success) throw new Error(result?.error || 'prepare standalone tiktok views failed')
+    if (result.currentViewId) activeViewId.value = result.currentViewId
+    preparedConfigKey.value = currentPrepareKey.value
+    await saveSharedConfig()
     pageMode.value = 'browser'
     await window.electronAPI.showViews()
-    statusText.value = `请先在视图 ${activeViewId.value} 手动登录，完成后再启动脚本`
+    statusText.value = `视图已预热，请先在视图 ${activeViewId.value} 手动登录，再启动脚本`
     ElMessage.success('视图预热完成，已切换到浏览器视图')
   } catch (error) {
     const message = error instanceof Error ? error.message : String(error)
@@ -515,23 +349,20 @@ async function handlePrepareViews() {
     isPreparing.value = false
   }
 }
-
 async function openBrowserView() {
   if (!ensureElectronCapability('switchToView')) return
-
   pageMode.value = 'browser'
   try {
     await window.electronAPI.switchToView(activeViewId.value)
     await window.electronAPI.showViews()
     if (!statusText.value.includes('运行')) {
-      statusText.value = `已打开视图 ${activeViewId.value}，如未预热请先返回工作台执行预热视图`
+      statusText.value = hasPreparedViews.value ? `已打开预热视图 ${activeViewId.value}，请手动登录后启动脚本` : '当前配置尚未预热，请先返回工作台执行预热视图'
     }
   } catch (error) {
     const message = error instanceof Error ? error.message : String(error)
     ElMessage.error(`打开浏览器视图失败：${message}`)
   }
 }
-
 async function backToConfig() {
   loginConfirmed.value = false
   pageMode.value = 'config'
@@ -542,10 +373,8 @@ async function backToConfig() {
     console.error('hide views failed:', error)
   }
 }
-
 async function handleSwitchView(viewId) {
   if (!ensureElectronCapability('switchToView')) return
-
   isSwitchingView.value = true
   try {
     await window.electronAPI.switchToView(viewId)
@@ -560,16 +389,23 @@ async function handleSwitchView(viewId) {
     isSwitchingView.value = false
   }
 }
-
 async function handleStart() {
   if (!ensureElectronCapability('startStandaloneTikTokAutomationAll')) return
-  if (!loginConfirmed.value) {
-    ElMessage.warning('请先在当前视图手动登录，并勾选“已完成登录”后再启动脚本')
+  if (!hasPreparedViews.value) {
+    ElMessage.warning('请先完成当前配置对应的视图预热，再启动脚本')
+    return
+  }
+  if (isBrotherInfoMode.value && replyMessages.value.length === 0) {
+    ElMessage.warning('选择大哥池后，请先填写大哥随机回复话术')
+    return
+  }
+  if (!loginConfirmed.value) {
+    ElMessage.warning('请先在当前视图手动登录，并勾选“当前视图已完成手动登录”后再启动脚本')
     return
   }
-
   isStarting.value = true
   try {
+    await saveSharedConfig()
     await window.electronAPI.switchToView(activeViewId.value)
     await window.electronAPI.showViews()
     const result = await window.electronAPI.startStandaloneTikTokAutomationAll(buildStartPayload())
@@ -588,10 +424,8 @@ async function handleStart() {
     isStarting.value = false
   }
 }
-
 async function handleStop() {
   if (!ensureElectronCapability('stopStandaloneTikTokAutomationAll')) return
-
   isStopping.value = true
   try {
     const result = await window.electronAPI.stopStandaloneTikTokAutomationAll()
@@ -600,6 +434,8 @@ async function handleStop() {
       ElMessage.error(result?.error || '停止自动私信（TK版）失败')
       return
     }
+    preparedConfigKey.value = ''
+    loginConfirmed.value = false
     statusText.value = '已停止'
     ElMessage.success('自动私信（TK版）已停止')
   } catch (error) {
@@ -610,33 +446,37 @@ async function handleStop() {
     isStopping.value = false
   }
 }
-
+watch(currentPrepareKey, (nextKey, prevKey) => {
+  if (!prevKey) return
+  if (preparedConfigKey.value && preparedConfigKey.value !== nextKey) invalidatePreparedState()
+})
+watch(() => configForm.dataPoolSource, () => {
+  invalidatePreparedState()
+  void saveSharedConfig()
+})
+watch(() => configForm.replyMessagesText, () => {
+  if (!isBrotherInfoMode.value) return
+  invalidatePreparedState()
+})
 watch(viewIds, (nextViewIds) => {
   if (nextViewIds.length === 0) {
     activeViewId.value = TIKTOK_VIEW_IDS[0]
     return
   }
-
-  if (!nextViewIds.includes(activeViewId.value)) {
-    activeViewId.value = nextViewIds[0]
-  }
+  if (!nextViewIds.includes(activeViewId.value)) activeViewId.value = nextViewIds[0]
 }, { immediate: true })
-
 watch(pageMode, async (newVal) => {
   if (!isElectronEnv) return
-  if (newVal === 'config' && window.electronAPI?.hideViews) {
-    await window.electronAPI.hideViews().catch(() => { })
-  }
+  if (newVal === 'config' && window.electronAPI?.hideViews) await window.electronAPI.hideViews().catch(() => {})
 })
-
 onMounted(async () => {
   await checkAIConfig()
+  await loadSharedConfig()
   if (!isElectronEnv || !window.electronAPI?.hideViews) return
-  await window.electronAPI.hideViews().catch(() => { })
+  await window.electronAPI.hideViews().catch(() => {})
 })
-
 onUnmounted(async () => {
   if (!isElectronEnv || !window.electronAPI?.hideViews) return
-  await window.electronAPI.hideViews().catch(() => { })
+  await window.electronAPI.hideViews().catch(() => {})
 })
 </script>