feat: AI 场景路由、ASR 服务及前后端全链路同步

- 新增 AI 场景路由控制器和管理接口
- 新增 ASR 语音识别服务及前后端集成
- 同步 AI Runtime 客户端到 Web/小程序/Life-Script
- 完善 AI 配置测试修复和管理后台路由配置
- 新增数据库迁移脚本

Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>

life-script/src/views/ScriptView.jsx

@@ -4,6 +4,7 @@ import { GlassCard, GlassButton, GlassInput, GlassSelect } from '../components/u
 import Modal from '../components/Modal';
 import useStore from '../store/useStore';
 import { scriptStyles, scriptLengths } from '../utils/constants';
+import { generateEpicScript } from '../services/ai';
 
 /**
  * ScriptView 组件
@@ -37,6 +38,7 @@ const ScriptView = ({ onOpenProfile }) => {
   const [style, setStyle] = useState(scriptStyles[0].value);
   const [length, setLength] = useState(scriptLengths[0].value);
   const [isLoading, setIsLoading] = useState(false);
+  const [streamContent, setStreamContent] = useState('');
 
   // 编辑模态框状态
   const [isEditModalOpen, setIsEditModalOpen] = useState(false);
@@ -62,16 +64,23 @@ const ScriptView = ({ onOpenProfile }) => {
     setIsLoading(true);
 
     try {
-      // 直接调用后端创建接口，由后端调用AI生成
+      setStreamContent('');
+      const content = await generateEpicScript(
+        { theme, style, length, character: registrationData },
+        lifeEvents,
+        { onDelta: (_delta, output) => setStreamContent(output) }
+      );
       await addScript({
         theme,
         style,
         length,
+        content,
         character: registrationData,
         events: lifeEvents
       });
 
       setTheme('');
+      setStreamContent('');
     } catch (error) {
       console.error('Failed to generate script:', error);
     } finally {
@@ -114,16 +123,24 @@ const ScriptView = ({ onOpenProfile }) => {
     setIsLoading(true);
 
     try {
+      setStreamContent('');
+      const content = await generateEpicScript(
+        { theme: editForm.theme, style: editForm.style, length: editForm.length, character: registrationData },
+        lifeEvents,
+        { onDelta: (_delta, output) => setStreamContent(output) }
+      );
       await updateScript({
         id: editingScript.id,
         theme: editForm.theme,
         style: editForm.style,
         length: editForm.length,
+        content,
         character: registrationData,
         events: lifeEvents,
-        regenerateContent: true  // 标记需要重新生成AI内容
+        regenerateContent: false
       });
       closeEditModal();
+      setStreamContent('');
     } catch (error) {
       console.error('Failed to update script:', error);
     } finally {
@@ -289,7 +306,22 @@ const ScriptView = ({ onOpenProfile }) => {
       {/* 右侧剧本展示区 */}
       <div className="lg:col-span-8">
         <div className="h-full">
-          {selectedScript ? (
+          {isLoading && streamContent ? (
+            <GlassCard className="h-full overflow-y-auto custom-scrollbar border-orange-200/20 shadow-2xl animate-fade-in" padding="lg">
+              <div className="prose prose-invert max-w-none">
+                <div className="flex justify-between items-center mb-8 pb-4 border-b border-white/5">
+                  <div>
+                    <h4 className="text-2xl font-serif text-orange-200">{theme}</h4>
+                    <p className="text-[10px] text-white/30 mt-1 uppercase tracking-widest">正在生成</p>
+                  </div>
+                  <BookOpen className="text-white/20" />
+                </div>
+                <div className="text-white/70 leading-loose whitespace-pre-wrap space-y-6 text-sm">
+                  {streamContent}
+                </div>
+              </div>
+            </GlassCard>
+          ) : selectedScript ? (
             <GlassCard className="h-full overflow-y-auto custom-scrollbar border-orange-200/20 shadow-2xl animate-fade-in relative group" padding="lg">
               {/* 编辑按钮 */}
               <button