From 5b70c642a7970908d255c7fe31f7dde30c7811d6 Mon Sep 17 00:00:00 2001
From: moux1024 <403053463@qq.com>
Date: Mon, 13 Oct 2025 21:27:31 +0800
Subject: [PATCH] =?UTF-8?q?=E6=9B=B4=E6=96=B0=20=E8=84=9A=E6=9C=AC?=
 =?UTF-8?q?=E5=8A=A9=E6=89=8B=E6=8F=8F=E8=BF=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 components/ChatInputBox/ChatInputBox.tsx | 40 +++++++++++++-----------
 1 file changed, 22 insertions(+), 18 deletions(-)

diff --git a/components/ChatInputBox/ChatInputBox.tsx b/components/ChatInputBox/ChatInputBox.tsx
index bca1298..92db212 100644
--- a/components/ChatInputBox/ChatInputBox.tsx
+++ b/components/ChatInputBox/ChatInputBox.tsx
@@ -18,6 +18,7 @@ import {
   Sparkles,
   Settings,
   MoreHorizontal,
+  WandSparkles,
 } from "lucide-react";
 import {
   Dropdown,
@@ -27,7 +28,6 @@ import {
   Popconfirm,
   Image,
   Popover,
-  Switch,
 } from "antd";
 import { UploadOutlined } from "@ant-design/icons";
 import { StoryTemplateEntity } from "@/app/service/domain/Entities";
@@ -538,23 +538,27 @@ export function ChatInputBox({ noData }: { noData: boolean }) {
                   <div className="hidden sm:block w-px h-4 bg-white/[0.20]"></div>
 
                   {/* 剧本扩展开关 */}
-                  <Tooltip title="Activate AI Co-writer" placement="top" trigger={isDesktop ? "hover" : "click"}>
-                    <div data-alt="config-expansion-mode" className="flex items-center gap-1 px-1">
-                      {/* 仅在未选中时显示背景色，避免覆盖选中态 */}
-                      <div className={`${configOptions.expansion_mode ? 'bg-transparent' : 'bg-white/40'} rounded-full transition-colors flex`}>
-                        <Switch
-                          size="small"
-                          checkedChildren="On"
-                          unCheckedChildren="Off"
-                          checked={configOptions.expansion_mode}
-                          disabled={configOptions.videoDuration === '8s'}
-                      onChange={(checked: boolean) => onConfigChange('expansion_mode', checked)}
-                        />
-                      </div>
-                      <span className={`text-xs text-white hidden sm:inline`}>
-                        Script Assistant
-                      </span>
-                    </div>
+                  <Tooltip title="AI Story Copilot" placement="top" trigger={isDesktop ? "hover" : "click"}>
+                    <button
+                      data-alt="config-expansion-mode"
+                      className={`flex items-center gap-1 px-2 py-1 text-xs rounded-full transition-all duration-200 ${
+                        configOptions.videoDuration === '8s'
+                          ? 'opacity-40 cursor-not-allowed bg-transparent text-white/[0.50]'
+                          : configOptions.expansion_mode
+                          ? 'bg-white/[0.24] text-white cursor-pointer hover:bg-white/[0.30]'
+                          : 'bg-transparent text-white/[0.50] cursor-pointer hover:bg-white/[0.08]'
+                      }`}
+                      disabled={configOptions.videoDuration === '8s'}
+                      onClick={() => {
+                        if (configOptions.videoDuration !== '8s') {
+                          onConfigChange('expansion_mode', !configOptions.expansion_mode);
+                        }
+                      }}
+                    >
+                      <WandSparkles className="w-4 h-4" />
+                      <span className="hidden sm:inline">AutoScript</span>
+                      <span className="sm:hidden">AutoScript</span>
+                    </button>
                   </Tooltip>
 
                   {/* 分隔线 */}