Writer.vue

<template>
  <div class="writer-container">
    <!-- 顶部标题栏 -->
    <div class="title-bar">
      <div class="title-left">
        <el-button @click="goBack" size="small">
          <el-icon><ArrowLeft /></el-icon>
          返回列表
        </el-button>
        <span class="novel-title">{{ currentNovel?.title || '小说编辑' }}</span>
      </div>
    </div>

    <!-- 标签栏 -->
    <div class="tabs-bar">
      <el-tabs v-model="activeTab" class="main-tabs">
        <el-tab-pane label="📝 编辑" name="editor"></el-tab-pane>
        <el-tab-pane label="🤖 AI助手" name="ai"></el-tab-pane>
        <el-tab-pane label="👥 人物" name="characters"></el-tab-pane>
        <el-tab-pane label="🌍 世界观" name="worldview"></el-tab-pane>
        <el-tab-pane label="📚 语料库" name="corpus"></el-tab-pane>
        <el-tab-pane label="📊 事件线" name="events"></el-tab-pane>
      </el-tabs>
    </div>

    <!-- 主要内容区域 -->
    <div class="main-content">
      <!-- 左侧面板 -->
      <div class="left-panel">
        <!-- 章节列表面板 -->
        <div v-show="activeTab === 'editor'" class="panel-content">
          <el-card shadow="never" class="chapters-card">
            <template #header>
              <div class="card-header">
                <span>📝 章节列表</span>
                <el-dropdown @command="handleChapterCommand">
                  <el-button size="small" type="primary">
                    <el-icon><Plus /></el-icon>
                    新增章节 <el-icon><ArrowDown /></el-icon>
                  </el-button>
                  <template #dropdown>
                    <el-dropdown-menu>
                      <el-dropdown-item command="manual">手动创建</el-dropdown-item>
                      <el-dropdown-item command="ai-single">AI生成单章</el-dropdown-item>
                      <el-dropdown-item command="ai-batch">AI批量生成</el-dropdown-item>
                    </el-dropdown-menu>
                  </template>
                </el-dropdown>
              </div>
            </template>
            
            <div class="chapters-list">
              <div 
                v-for="(chapter, index) in chapters" 
                :key="chapter.id"
                class="chapter-item"
                :class="{ active: currentChapter?.id === chapter.id }"
                @click="selectChapter(chapter)"
              >
                <div class="chapter-info">
                  <h4>第{{ index + 1 }}章</h4>
                  <p>{{ chapter.title }}</p>
                  <div class="chapter-meta">
                    <span>{{ chapter.wordCount || 0 }}字</span>
                    <el-tag v-if="chapter.status" :type="getChapterStatusType(chapter.status)" size="small">
                      {{ getChapterStatusText(chapter.status) }}
                    </el-tag>
                  </div>
                  <p v-if="chapter.description" class="chapter-desc">{{ chapter.description }}</p>
                </div>
                <div class="chapter-actions">
                  <el-dropdown @command="(cmd) => handleChapterAction(cmd, chapter)">
                    <el-button size="small" type="text">
                      <el-icon><MoreFilled /></el-icon>
                    </el-button>
                    <template #dropdown>
                      <el-dropdown-menu>
                        <el-dropdown-item command="edit">编辑信息</el-dropdown-item>
                        <el-dropdown-item command="generate">AI生成正文</el-dropdown-item>
                        <el-dropdown-item command="optimize">AI优化</el-dropdown-item>
                        <el-dropdown-item divided command="delete">删除</el-dropdown-item>
                      </el-dropdown-menu>
                    </template>
                  </el-dropdown>
                </div>
              </div>
              
              <div v-if="chapters.length === 0" class="empty-chapters">
                <p>暂无章节</p>
                <el-button size="small" type="primary" @click="addNewChapter">
                  创建第一章
                </el-button>
              </div>
            </div>
          </el-card>
        </div>

        <!-- AI助手面板 -->
        <div v-show="activeTab === 'ai'" class="panel-content">
          <el-card shadow="never">
            <template #header>
              <span>🤖 AI创作助手</span>
            </template>
            
            <!-- 流式生成内容显示区域 -->
            <div v-if="isStreaming" class="streaming-content-area">
              <el-card shadow="never" class="streaming-card">
                <template #header>
                  <div class="streaming-header">
                    <span>🔄 AI正在生成 - {{ getStreamingTypeText() }}</span>
                    <el-tag type="success" size="small">实时生成中...</el-tag>
                  </div>
                </template>
                <div class="streaming-content">
                  <div v-if="streamingType === 'content' || streamingType === 'continue' || streamingType === 'optimize'" 
                       v-html="streamingContent" 
                       class="streaming-text">
                  </div>
                  <pre v-else class="streaming-text-plain">{{ streamingContent }}</pre>
                </div>
              </el-card>
            </div>

            <div class="ai-tools">
              <el-collapse v-model="activeAITools">
                <el-collapse-item title="📝 章节生成" name="chapter-gen">
                  <div class="ai-section">
                    <el-form :model="aiChapterForm" label-width="80px" size="small">
                      <el-form-item label="生成数量">
                        <el-input-number v-model="aiChapterForm.count" :min="1" :max="10" />
                      </el-form-item>
                      <el-form-item label="情节要求">
                        <el-input v-model="aiChapterForm.plotRequirement" type="textarea" :rows="3" placeholder="描述希望的情节发展..." />
                      </el-form-item>
                      <el-form-item label="提示词模板">
                        <el-select v-model="aiChapterForm.template" placeholder="选择模板">
                          <el-option label="通用章节" value="general" />
                          <el-option label="战斗场景" value="battle" />
                          <el-option label="情感戏" value="emotion" />
                          <el-option label="转折剧情" value="turning" />
                        </el-select>
                      </el-form-item>
                    </el-form>
                    <div class="ai-button-group">
                      <el-button type="primary" @click="generateChapters" :loading="isGeneratingChapters" style="flex: 1;">
                        <el-icon><Star /></el-icon>
                        生成章节大纲
                      </el-button>
                      <el-button @click="openPromptDialog('outline')" style="margin-left: 8px;">
                        📝 选择提示词
                      </el-button>
                      <el-button @click="testChapterParse" size="small" style="margin-left: 8px;" v-if="isDevelopment">
                        🔧 测试解析
                      </el-button>
                    </div>
                  </div>
                </el-collapse-item>
                
                <el-collapse-item title="✍️ 正文生成" name="content-gen">
                  <div class="ai-section">
                    <el-form :model="aiContentForm" label-width="80px" size="small">
                      <el-form-item label="目标字数">
                        <el-input-number v-model="aiContentForm.wordCount" :min="500" :max="5000" />
                      </el-form-item>
                      <el-form-item label="写作风格">
                        <el-select v-model="aiContentForm.style">
                          <el-option label="第一人称" value="first-person" />
                          <el-option label="第三人称" value="third-person" />
                          <el-option label="全知视角" value="omniscient" />
                        </el-select>
                      </el-form-item>
                      <el-form-item label="情节重点">
                        <el-input v-model="aiContentForm.focus" placeholder="本章重点内容..." />
                      </el-form-item>
                      <el-form-item label="上下文关联">
                        <el-checkbox v-model="aiContentForm.useContext">关联前文内容</el-checkbox>
                        <el-checkbox v-model="aiContentForm.useCharacters">关联人物设定</el-checkbox>
                        <el-checkbox v-model="aiContentForm.useWorldview">关联世界观</el-checkbox>
                      </el-form-item>
                    </el-form>
                    <div class="ai-button-group">
                      <el-button type="primary" @click="generateContent" :loading="isGeneratingContent" style="flex: 1;">
                        <el-icon><Edit /></el-icon>
                        生成正文内容
                      </el-button>
                      <el-button @click="openPromptDialog('content')" style="margin-left: 8px;">
                        📝 选择提示词
                      </el-button>
                    </div>
                  </div>
                </el-collapse-item>
                
                <el-collapse-item title="🔧 文本优化" name="optimize">
                  <div class="ai-section">
                    <el-radio-group v-model="optimizeType" direction="vertical">
                      <el-radio label="grammar">语法润色</el-radio>
                      <el-radio label="style">文风优化</el-radio>
                      <el-radio label="emotion">情感增强</el-radio>
                      <el-radio label="logic">逻辑梳理</el-radio>
                    </el-radio-group>
                    <div class="ai-button-group" style="margin-top: 10px;">
                      <el-button type="primary" @click="optimizeText" :loading="isOptimizing" style="flex: 1;">
                        <el-icon><Tools /></el-icon>
                        快速优化
                      </el-button>
                      <el-button @click="openOptimizePromptDialog" style="margin-left: 8px;">
                        📝 提示词优化
                      </el-button>
                    </div>
                  </div>
                </el-collapse-item>
                
                <el-collapse-item title="🚀 智能续写" name="continue">
                  <div class="ai-section">
                    <p class="section-desc">基于现有内容智能续写，保持风格一致</p>
                    <div class="ai-button-group">
                      <el-button type="success" @click="continueWriting" :loading="isGeneratingContent" style="flex: 1;">
                        <el-icon><Right /></el-icon>
                        智能续写
                      </el-button>
                      <el-button @click="openPromptDialog('continue')" style="margin-left: 8px;">
                        📝 选择提示词
                      </el-button>
                    </div>
                  </div>
                </el-collapse-item>
                
                <el-collapse-item title="✨ 内容增强" name="enhance">
                  <div class="ai-section">
                    <p class="section-desc">增强现有内容的表现力和感染力</p>
                    <el-button type="warning" @click="enhanceContent" :loading="isOptimizing" block>
                      <el-icon><Star /></el-icon>
                      内容增强
                    </el-button>
                  </div>
                </el-collapse-item>
              </el-collapse>
            </div>
          </el-card>
        </div>

        <!-- 人物管理面板 -->
        <div v-show="activeTab === 'characters'" class="panel-content">
          <el-card shadow="never">
            <template #header>
              <div class="card-header">
                <span>👥 人物角色</span>
                <div class="character-actions">
                  <el-button size="small" type="primary" @click="addCharacter">
                    <el-icon><Plus /></el-icon>
                    新增
                  </el-button>
                  <el-button size="small" type="success" @click="showBatchGenerateDialog">
                    🤖 AI批量生成
                  </el-button>
                </div>
              </div>
            </template>
            
            <div class="characters-list">
              <div v-for="character in characters" :key="character.id" class="character-item">
                <div class="character-content" @click="editCharacter(character)">
                  <div class="character-avatar">
                    <img v-if="character.avatar" :src="character.avatar" />
                    <div v-else class="default-avatar">{{ character.name?.charAt(0) || '？' }}</div>
                  </div>
                  <div class="character-info">
                    <h4>{{ character.name }}</h4>
                    <div class="character-meta">
                      <el-tag :type="getRoleType(character.role)" size="small">{{ getRoleText(character.role) }}</el-tag>
                      <el-tag v-if="character.gender" type="info" size="small">{{ getGenderText(character.gender) }}</el-tag>
                      <span v-if="character.age" class="age-text">{{ character.age }}岁</span>
                    </div>
                    <p v-if="character.personality" class="character-desc">{{ character.personality }}</p>
                    <div class="character-tags" v-if="character.tags && character.tags.length">
                      <el-tag v-for="tag in character.tags" :key="tag" size="small">{{ tag }}</el-tag>
                    </div>
                  </div>
                </div>
                <div class="character-actions">
                  <el-dropdown @command="(cmd) => handleCharacterAction(cmd, character)" trigger="click">
                    <el-button size="small" type="text" @click.stop>
                      <el-icon><MoreFilled /></el-icon>
                    </el-button>
                    <template #dropdown>
                      <el-dropdown-menu>
                        <el-dropdown-item command="edit">
                          <el-icon><Edit /></el-icon>
                          编辑
                        </el-dropdown-item>
                        <el-dropdown-item command="delete" divided>
                          <el-icon><Delete /></el-icon>
                          删除
                        </el-dropdown-item>
                      </el-dropdown-menu>
                    </template>
                  </el-dropdown>
                </div>
              </div>
              
              <div v-if="characters.length === 0" class="empty-state">
                <p>暂无人物设定</p>
                <el-button size="small" @click="addCharacter">创建第一个角色</el-button>
              </div>
            </div>
          </el-card>
        </div>

        <!-- 世界观管理面板 -->
        <div v-show="activeTab === 'worldview'" class="panel-content">
          <el-card shadow="never">
            <template #header>
              <div class="card-header">
                <span>🌍 世界观设定</span>
                <div class="world-actions">
                  <el-button size="small" type="primary" @click="addWorldSetting">
                    <el-icon><Plus /></el-icon>
                    新增
                  </el-button>
                  <el-button size="small" type="success" @click="openWorldGenerateDialog">
                    🤖 AI生成
                  </el-button>
                </div>
              </div>
            </template>
            
            <div class="worldview-list">
              <div v-for="setting in worldSettings" :key="setting.id" class="worldview-item">
                <div class="worldview-content" @click="editWorldSetting(setting)">
                  <div class="worldview-header">
                    <h4>{{ setting.title }}</h4>
                    <el-tag v-if="setting.category" :type="getWorldSettingTagType(setting.category)" size="small">
                      {{ setting.category }}
                    </el-tag>
                  </div>
                  <p class="worldview-description">
                    {{ setting.description ? setting.description.substring(0, 80) + (setting.description.length > 80 ? '...' : '') : '暂无描述' }}
                  </p>
                  <div class="worldview-meta">
                    <span class="create-time">{{ formatDate(setting.createdAt) }}</span>
                    <span v-if="setting.generated" class="ai-generated">AI生成</span>
                  </div>
                </div>
                <div class="worldview-actions">
                  <el-dropdown @command="(cmd) => handleWorldSettingAction(cmd, setting)" trigger="click">
                    <el-button size="small" type="text" @click.stop>
                      <el-icon><MoreFilled /></el-icon>
                    </el-button>
                    <template #dropdown>
                      <el-dropdown-menu>
                        <el-dropdown-item command="edit">
                          <el-icon><Edit /></el-icon>
                          编辑
                        </el-dropdown-item>
                        <el-dropdown-item command="duplicate">
                          <el-icon><CopyDocument /></el-icon>
                          复制
                        </el-dropdown-item>
                        <el-dropdown-item command="delete" divided>
                          <el-icon><Delete /></el-icon>
                          删除
                        </el-dropdown-item>
                      </el-dropdown-menu>
                    </template>
                  </el-dropdown>
                </div>
              </div>
              
              <div v-if="worldSettings.length === 0" class="empty-state">
                <p>暂无世界观设定</p>
                <el-button size="small" @click="addWorldSetting">创建第一个设定</el-button>
              </div>
            </div>
          </el-card>
        </div>

        <!-- 语料库面板 -->
        <div v-show="activeTab === 'corpus'" class="panel-content">
          <el-card shadow="never">
            <template #header>
              <div class="card-header">
                <span>📚 语料库</span>
                <el-button size="small" type="primary" @click="addCorpus">
                  <el-icon><Plus /></el-icon>
                  新增
                </el-button>
              </div>
            </template>
            
            <div class="corpus-list">
              <div v-for="corpus in corpusData" :key="corpus.id" class="corpus-item">
                <div class="corpus-header">
                  <h4>{{ corpus.title }}</h4>
                  <el-tag :type="getCorpusType(corpus.type)">{{ corpus.type }}</el-tag>
                </div>
                <p class="corpus-preview">{{ corpus.content.substring(0, 100) }}...</p>
                <div class="corpus-actions">
                  <el-button size="small" @click="useCorpus(corpus)">使用</el-button>
                  <el-button size="small" @click="editCorpus(corpus)">编辑</el-button>
                </div>
              </div>
              
              <div v-if="corpusData.length === 0" class="empty-state">
                <p>暂无语料数据</p>
                <el-button size="small" @click="addCorpus">添加第一个语料</el-button>
              </div>
            </div>
          </el-card>
        </div>

        <!-- 事件线面板 -->
        <div v-show="activeTab === 'events'" class="panel-content">
          <el-card shadow="never">
            <template #header>
              <div class="card-header">
                <span>📊 事件时间线</span>
                <el-button size="small" type="primary" @click="addEvent">
                  <el-icon><Plus /></el-icon>
                  新增
                </el-button>
              </div>
            </template>
            
            <div class="events-timeline">
              <div v-for="event in events" :key="event.id" class="event-item">
                <div class="event-marker"></div>
                <div class="event-content">
                  <h4>{{ event.title }}</h4>
                  <p>{{ event.description }}</p>
                  <div class="event-meta">
                    <el-tag size="small">{{ event.chapter }}</el-tag>
                    <span class="event-time">{{ event.time }}</span>
                  </div>
                </div>
              </div>
              
              <div v-if="events.length === 0" class="empty-state">
                <p>暂无事件记录</p>
                <el-button size="small" @click="addEvent">添加第一个事件</el-button>
              </div>
            </div>
          </el-card>
        </div>
      </div>

      <!-- 右侧编辑器区域 -->
      <div class="editor-panel">
        <el-card shadow="never" v-if="currentChapter">
          <template #header>
            <div class="card-header">
              <div class="editor-title-section">
                <span>✍️ {{ currentChapter.title }}</span>
                <div class="editor-stats">
                  <span>字数：{{ contentWordCount }}</span>
                  <el-tag v-if="currentChapter.status" :type="getChapterStatusType(currentChapter.status)" size="small">
                    {{ getChapterStatusText(currentChapter.status) }}
                  </el-tag>
                  <span v-if="hasUnsavedChanges" class="unsaved-indicator">● 未保存</span>
                </div>
              </div>
              <div class="editor-actions">
                <el-button @click="saveContent" :loading="isSaving" size="small">
                  <el-icon><DocumentAdd /></el-icon>
                  {{ isSaving ? '保存中...' : '保存' }}
                </el-button>
                <el-button @click="showPreview = !showPreview" size="small">
                  <el-icon><View /></el-icon>
                  {{ showPreview ? '编辑' : '预览' }}
                </el-button>
              </div>
            </div>
          </template>
          
          <!-- AI生成工具栏 -->
          <div class="ai-toolbar" v-if="activeTab === 'editor'">
            <el-button-group>
              <el-button size="small" @click="generateFromOutline" :disabled="!currentChapter.description">
                <el-icon><Star /></el-icon>
                根据大纲生成
              </el-button>
              <el-button size="small" @click="continueWriting">
                <el-icon><ArrowRight /></el-icon>
                续写
              </el-button>
              <el-button size="small" @click="enhanceContent">
                <el-icon><Tools /></el-icon>
                优化
              </el-button>
            </el-button-group>
          </div>
          
          <div class="editor-container" v-show="!showPreview">
            <div class="editor-wrapper">
              <Toolbar
                :editor="editorRef"
                :defaultConfig="toolbarConfig"
                mode="default"
                style="border-bottom: 1px solid #e4e7ed;"
              />
              <Editor
                v-model="content"
                :defaultConfig="editorConfig"
                mode="default"
                @onCreated="handleCreated"
                @onChange="onContentChange"
                style="overflow-y: hidden;"
              />
            </div>
          </div>
          
          <!-- 预览区域 -->
          <div class="preview-container" v-show="showPreview">
            <div class="preview-content" v-html="content"></div>
          </div>
        </el-card>
        
        <!-- 未选择章节状态 -->
        <el-card shadow="never" v-else>
          <div class="empty-editor">
            <el-icon class="empty-icon"><Document /></el-icon>
            <p>请选择或创建一个章节开始编辑</p>
            <el-button type="primary" @click="addNewChapter">创建第一章</el-button>
          </div>
        </el-card>
      </div>
    </div>

    <!-- 章节编辑对话框 -->
    <el-dialog v-model="showChapterDialog" :title="editingChapter ? '编辑章节' : '新增章节'" width="600px">
      <el-form :model="chapterForm" label-width="80px">
        <el-form-item label="章节标题">
          <el-input v-model="chapterForm.title" placeholder="请输入章节标题" />
        </el-form-item>
        <el-form-item label="章节简介">
          <div class="form-item-with-ai">
            <el-input 
              v-model="chapterForm.description" 
              type="textarea" 
              :rows="4" 
              placeholder="简要描述本章节内容..." 
            />
            <el-button 
              size="small" 
              type="primary" 
              @click="generateChapterOutline" 
              :loading="isGeneratingOutline"
              style="margin-top: 8px;"
            >
              <el-icon><Star /></el-icon>
              AI生成大纲
            </el-button>
          </div>
        </el-form-item>
        <el-form-item label="章节状态">
          <el-select v-model="chapterForm.status">
            <el-option label="大纲" value="outline" />
            <el-option label="草稿" value="draft" />
            <el-option label="完成" value="completed" />
          </el-select>
        </el-form-item>
      </el-form>
      <template #footer>
        <el-button @click="showChapterDialog = false">取消</el-button>
        <el-button type="primary" @click="saveChapter">确定</el-button>
      </template>
    </el-dialog>

    <!-- 人物编辑对话框 -->
    <el-dialog v-model="showCharacterDialog" title="编辑角色" width="700px">
      <el-form :model="characterForm" label-width="80px">
        <el-row :gutter="20">
          <el-col :span="12">
            <el-form-item label="姓名">
              <el-input v-model="characterForm.name" />
            </el-form-item>
            <el-form-item label="角色">
              <el-select v-model="characterForm.role">
                <el-option label="主角" value="protagonist" />
                <el-option label="配角" value="supporting" />
                <el-option label="反派" value="antagonist" />
                <el-option label="路人" value="minor" />
              </el-select>
            </el-form-item>
            <el-form-item label="性别">
              <el-radio-group v-model="characterForm.gender">
                <el-radio label="male">男</el-radio>
                <el-radio label="female">女</el-radio>
                <el-radio label="other">其他</el-radio>
              </el-radio-group>
            </el-form-item>
            <el-form-item label="年龄">
              <el-input-number v-model="characterForm.age" :min="0" :max="1000" />
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="外貌">
              <el-input v-model="characterForm.appearance" type="textarea" :rows="3" />
            </el-form-item>
            <el-form-item label="性格">
              <el-input v-model="characterForm.personality" type="textarea" :rows="3" />
            </el-form-item>
          </el-col>
        </el-row>
        <el-form-item label="背景故事">
          <div class="form-item-with-ai">
            <el-input v-model="characterForm.background" type="textarea" :rows="4" />
            <div class="ai-button-group" style="margin-top: 8px;">
              <el-button 
                size="small" 
                type="primary" 
                @click="generateCharacterAI"
                style="flex: 1;"
              >
                <el-icon><Star /></el-icon>
                AI生成角色信息
              </el-button>
              <el-button size="small" @click="openPromptDialog('character')" style="margin-left: 8px;">
                📝 提示词
              </el-button>
            </div>
          </div>
        </el-form-item>
        <el-form-item label="标签">
          <el-input v-model="characterTagInput" placeholder="输入标签后按回车" @keyup.enter="addCharacterTag">
            <template #append>
              <el-button @click="addCharacterTag">添加</el-button>
            </template>
          </el-input>
          <div v-if="characterForm.tags.length > 0" style="margin-top: 8px;">
            <el-tag 
              v-for="(tag, index) in characterForm.tags" 
              :key="index" 
              closable 
              @close="removeCharacterTag(index)"
              style="margin-right: 8px;"
            >
              {{ tag }}
            </el-tag>
          </div>
        </el-form-item>
      </el-form>
      <template #footer>
        <el-button @click="showCharacterDialog = false">取消</el-button>
        <el-button type="primary" @click="saveCharacter">保存</el-button>
      </template>
    </el-dialog>

    <!-- 世界观编辑对话框 -->
    <el-dialog v-model="showWorldDialog" title="编辑世界观设定" width="600px">
      <el-form :model="worldForm" label-width="80px">
        <el-form-item label="设定标题">
          <el-input v-model="worldForm.title" />
        </el-form-item>
        <el-form-item label="类别">
          <el-select v-model="worldForm.category">
            <el-option label="世界设定" value="setting" />
            <el-option label="魔法体系" value="magic" />
            <el-option label="政治势力" value="politics" />
            <el-option label="地理环境" value="geography" />
            <el-option label="历史背景" value="history" />
          </el-select>
        </el-form-item>
        <el-form-item label="详细描述">
          <div class="form-item-with-ai">
            <el-input v-model="worldForm.description" type="textarea" :rows="6" />
            <el-button 
              size="small" 
              type="primary" 
              @click="generateWorldSettingAI" 
              :loading="isGeneratingWorldSetting"
              style="margin-top: 8px;"
            >
              <el-icon><Star /></el-icon>
              AI生成描述
            </el-button>
          </div>
        </el-form-item>
      </el-form>
      
      <!-- 流式生成状态显示 -->
      <div v-if="isStreaming && streamingType === 'worldSetting'" class="streaming-status-card">
        <div class="streaming-header">
          <span class="streaming-title">🤖 AI正在生成世界观设定...</span>
        </div>
        <div class="streaming-content-display" v-html="formatStreamingContent(streamingContent)"></div>
      </div>
      
      <template #footer>
        <el-button @click="showWorldDialog = false">取消</el-button>
        <el-button type="primary" @click="saveWorldSetting">保存</el-button>
      </template>
    </el-dialog>

    <!-- 语料库编辑对话框 -->
    <el-dialog v-model="showCorpusDialog" title="编辑语料" width="700px">
      <el-form :model="corpusForm" label-width="80px">
        <el-form-item label="标题">
          <el-input v-model="corpusForm.title" />
        </el-form-item>
        <el-form-item label="类型">
          <el-select v-model="corpusForm.type">
            <el-option label="场景描述" value="description" />
            <el-option label="对话模板" value="dialogue" />
            <el-option label="情感表达" value="emotion" />
            <el-option label="动作描写" value="action" />
            <el-option label="心理描写" value="psychology" />
          </el-select>
        </el-form-item>
        <el-form-item label="内容">
          <el-input v-model="corpusForm.content" type="textarea" :rows="8" />
        </el-form-item>
      </el-form>
      <template #footer>
        <el-button @click="showCorpusDialog = false">取消</el-button>
        <el-button type="primary" @click="saveCorpus">保存</el-button>
      </template>
    </el-dialog>

    <!-- 事件编辑对话框 -->
    <el-dialog v-model="showEventDialog" title="编辑事件" width="600px">
      <el-form :model="eventForm" label-width="80px">
        <el-form-item label="事件标题">
          <el-input v-model="eventForm.title" />
        </el-form-item>
        <el-form-item label="相关章节">
          <el-select v-model="eventForm.chapter" placeholder="选择章节">
            <el-option 
              v-for="chapter in chapters" 
              :key="chapter.id" 
              :label="chapter.title" 
              :value="chapter.title" 
            />
          </el-select>
        </el-form-item>
        <el-form-item label="时间线">
          <el-input v-model="eventForm.time" placeholder="如：第三天傍晚" />
        </el-form-item>
        <el-form-item label="重要程度">
          <el-radio-group v-model="eventForm.importance">
            <el-radio label="low">次要</el-radio>
            <el-radio label="normal">一般</el-radio>
            <el-radio label="high">重要</el-radio>
            <el-radio label="critical">关键</el-radio>
          </el-radio-group>
        </el-form-item>
        <el-form-item label="事件描述">
          <el-input v-model="eventForm.description" type="textarea" :rows="4" />
        </el-form-item>
      </el-form>
      <template #footer>
        <el-button @click="showEventDialog = false">取消</el-button>
        <el-button type="primary" @click="saveEvent">保存</el-button>
      </template>
    </el-dialog>

    <!-- 章节内容生成对话框 -->
    <el-dialog v-model="showChapterGenerateDialog" title="AI生成章节内容" width="1200px" @close="showChapterGenerateDialog = false">
      <div class="chapter-generate-content">
        <!-- 顶部配置区域 -->
        <div class="generate-config-section">
          <el-card shadow="hover" class="config-card-modern">
            <template #header>
              <div class="config-header">
                <div class="config-left">
                  <span class="config-title">⚙️ 生成配置</span>
                  <el-tag type="info" size="small">{{ currentChapter?.title || '未选择章节' }}</el-tag>
                </div>
                <el-button 
                  type="primary" 
                  @click="generateChapterContentWithDialog" 
                  :loading="isGeneratingContent"
                  :disabled="!selectedPrompt"
                  size="small"
                >
                  <el-icon><MagicStick /></el-icon>
                  {{ isGeneratingContent ? '生成中' : '生成' }}
                </el-button>
              </div>
            </template>
            <el-row :gutter="16">
              <el-col :span="6">
                <el-form-item label="目标字数" class="config-item">
                  <el-input-number 
                    v-model="generateConfig.wordCount" 
                    :min="500" 
                    :max="5000" 
                    size="small"
                    controls-position="right"
                  />
                </el-form-item>
              </el-col>
              <el-col :span="6">
                <el-form-item label="写作视角" class="config-item">
                  <el-select v-model="generateConfig.style" size="small" style="width: 100%">
                    <el-option label="第一人称" value="first-person" />
                    <el-option label="第三人称" value="third-person" />
                    <el-option label="全知视角" value="omniscient" />
                  </el-select>
                </el-form-item>
              </el-col>
              <el-col :span="8">
                <el-form-item label="重点内容" class="config-item">
                  <el-input 
                    v-model="generateConfig.focus" 
                    placeholder="本章重点内容..." 
                    size="small"
                  />
                </el-form-item>
              </el-col>
              <el-col :span="4">
                <el-form-item label="关联设置" class="config-item">
                  <div class="checkbox-group">
                    <el-checkbox v-model="generateConfig.useContext" size="small">前文</el-checkbox>
                    <el-checkbox v-model="generateConfig.useCharacters" size="small">人物</el-checkbox>
                    <el-checkbox v-model="generateConfig.useWorldview" size="small">世界观</el-checkbox>
                  </div>
                </el-form-item>
              </el-col>
            </el-row>
          </el-card>
        </div>

        <el-row :gutter="20" style="margin-top: 16px;">
          <!-- 左侧：素材选择 -->
          <el-col :span="14">
            <div class="materials-section">
              <div class="section-header">
                <h4 class="section-title">📚 创作素材</h4>
                <el-button size="small" @click="clearAllMaterials">清空选择</el-button>
              </div>

              <!-- 素材选择标签页 -->
              <el-tabs v-model="activeMaterialTab" class="materials-tabs">
                <el-tab-pane label="👥 人物角色" name="characters">
                  <div class="tab-header">
                    <span class="tab-count">已选择 {{ selectedMaterials.characters.length }}/{{ characters.length }}</span>
                    <el-button size="small" @click="selectAllMaterials('characters')" v-if="characters.length > 0">全选</el-button>
                  </div>
                  <div class="materials-grid">
                    <div 
                      v-for="character in characters" 
                      :key="character.id"
                      class="material-card"
                      :class="{ selected: selectedMaterials.characters.some(c => c.id === character.id) }"
                      @click="toggleMaterial('characters', character)"
                    >
                      <div class="material-header">
                        <span class="material-name">{{ character.name }}</span>
                        <el-tag :type="getRoleType(character.role)" size="small">{{ getRoleText(character.role) }}</el-tag>
                      </div>
                      <p class="material-desc">{{ character.personality?.substring(0, 40) || '暂无描述' }}...</p>
                      <div class="material-tags">
                        <el-tag v-for="tag in character.tags?.slice(0, 2)" :key="tag" size="small">{{ tag }}</el-tag>
                      </div>
                    </div>
                  </div>
                  <div v-if="characters.length === 0" class="empty-materials">
                    <p>暂无人物角色</p>
                    <el-button size="small" @click="addCharacter">创建角色</el-button>
                  </div>
                </el-tab-pane>

                <el-tab-pane label="🌍 世界观" name="worldSettings">
                  <div class="tab-header">
                    <span class="tab-count">已选择 {{ selectedMaterials.worldSettings.length }}/{{ worldSettings.length }}</span>
                    <el-button size="small" @click="selectAllMaterials('worldSettings')" v-if="worldSettings.length > 0">全选</el-button>
                  </div>
                  <div class="materials-grid">
                    <div 
                      v-for="setting in worldSettings" 
                      :key="setting.id"
                      class="material-card"
                      :class="{ selected: selectedMaterials.worldSettings.some(w => w.id === setting.id) }"
                      @click="toggleMaterial('worldSettings', setting)"
                    >
                      <div class="material-header">
                        <span class="material-name">{{ setting.title }}</span>
                        <el-tag v-if="setting.category" size="small">{{ setting.category }}</el-tag>
                      </div>
                      <p class="material-desc">{{ setting.description?.substring(0, 50) || '暂无描述' }}...</p>
                    </div>
                  </div>
                  <div v-if="worldSettings.length === 0" class="empty-materials">
                    <p>暂无世界观设定</p>
                    <el-button size="small" @click="addWorldSetting">创建设定</el-button>
                  </div>
                </el-tab-pane>

                <el-tab-pane label="📝 语料库" name="corpus">
                  <div class="tab-header">
                    <span class="tab-count">已选择 {{ selectedMaterials.corpus.length }}/{{ corpusData.length }}</span>
                    <el-button size="small" @click="selectAllMaterials('corpus')" v-if="corpusData.length > 0">全选</el-button>
                  </div>
                  <div class="materials-grid">
                    <div 
                      v-for="corpus in corpusData" 
                      :key="corpus.id"
                      class="material-card"
                      :class="{ selected: selectedMaterials.corpus.some(c => c.id === corpus.id) }"
                      @click="toggleMaterial('corpus', corpus)"
                    >
                      <div class="material-header">
                        <span class="material-name">{{ corpus.title }}</span>
                        <el-tag :type="getCorpusType(corpus.type)" size="small">{{ corpus.type }}</el-tag>
                      </div>
                      <p class="material-desc">{{ corpus.content?.substring(0, 40) || '暂无内容' }}...</p>
                    </div>
                  </div>
                  <div v-if="corpusData.length === 0" class="empty-materials">
                    <p>暂无语料库</p>
                    <el-button size="small" @click="addCorpus">创建语料</el-button>
                  </div>
                </el-tab-pane>
              </el-tabs>
            </div>
          </el-col>

          <!-- 右侧：提示词选择 -->
          <el-col :span="10">
            <div class="prompt-section">
              <div class="section-header">
                <h4 class="section-title">📝 提示词模板</h4>
                <el-button size="small" @click="useDefaultPrompt">使用默认</el-button>
              </div>
              
              <!-- 提示词分类选择 -->
              <div class="category-selection-modern">
                <div class="category-header">
                  <span>🏷️ 正文类型</span>
                </div>
                <div class="category-grid">
                  <div 
                    v-for="category in contentCategories"
                    :key="category.key"
                    class="category-card"
                    :class="{ active: selectedContentCategory === category.key }"
                    @click="selectedContentCategory = category.key"
                  >
                    <span class="category-icon">{{ category.icon }}</span>
                    <span class="category-name">{{ category.name }}</span>
                  </div>
                </div>
              </div>
              
              <!-- 提示词列表 -->
              <div class="prompt-selection-modern">
                <div class="prompt-header">
                  <span>可用模板 ({{ getPromptsByCategory(selectedContentCategory).length }})</span>
                  <el-button size="small" @click="refreshPrompts">刷新</el-button>
                </div>
                <div class="prompt-list-modern">
                  <div 
                    v-for="prompt in getPromptsByCategory(selectedContentCategory)"
                    :key="prompt.id"
                    class="prompt-item-modern"
                    :class="{ active: selectedPrompt?.id === prompt.id }"
                    @click="selectPromptForChapter(prompt)"
                  >
                    <div class="prompt-content">
                      <h5 class="prompt-title">{{ prompt.title }}</h5>
                      <p class="prompt-desc">{{ prompt.description }}</p>
                      <div class="prompt-meta">
                        <div class="prompt-tags">
                          <el-tag v-for="tag in prompt.tags?.slice(0, 2)" :key="tag" size="small">{{ tag }}</el-tag>
                        </div>
                        <span class="prompt-usage">使用 {{ prompt.usageCount || 0 }} 次</span>
                      </div>
                    </div>
                    <div class="prompt-actions">
                      <el-icon v-if="selectedPrompt?.id === prompt.id" class="selected-icon"><Check /></el-icon>
                    </div>
                  </div>
                </div>
                <div v-if="getPromptsByCategory(selectedContentCategory).length === 0" class="empty-prompts">
                  <p>暂无该类型的提示词模板</p>
                  <el-button size="small" @click="createPromptForCategory">创建模板</el-button>
                </div>
              </div>

              <!-- 变量填充区域 -->
              <div v-if="selectedPrompt && Object.keys(promptVariables).length > 0" class="variables-section">
                <div class="variables-header">
                  <span>📋 变量配置</span>
                  <el-button size="small" @click="autoFillVariables">智能填充</el-button>
                </div>
                <div class="variables-form">
                  <div 
                    v-for="(value, variable) in promptVariables"
                    :key="variable"
                    class="variable-item"
                  >
                    <label class="variable-label">{{ variable }}</label>
                    <el-input 
                      v-model="promptVariables[variable]"
                      :type="['章节大纲', '主要人物', '世界观设定', '参考语料', '前文概要'].includes(variable) ? 'textarea' : 'text'"
                      :rows="2"
                      :placeholder="'请输入' + variable"
                      @input="generateFinalPrompt"
                      size="small"
                    />
                  </div>
                </div>
              </div>

              <!-- 最终提示词预览 -->
              <div v-if="selectedPrompt" class="preview-section">
                <div class="preview-header">
                  <span>👀 最终提示词</span>
                  <div class="preview-actions">
                    <el-button size="small" @click="copyPrompt">复制</el-button>
                    <el-button size="small" @click="editPrompt">编辑</el-button>
                  </div>
                </div>
                <div class="preview-content">
                  <el-input 
                    v-model="finalPrompt"
                    type="textarea"
                    :rows="8"
                    readonly
                    placeholder="请选择提示词并填充变量"
                    class="preview-textarea"
                  />
                </div>
              </div>
            </div>
          </el-col>
        </el-row>

        <!-- 底部操作区 -->
        <div class="generate-actions">
          <div class="action-info">
            <el-icon><InfoFilled /></el-icon>
            <span>{{ getGenerateInfo() }}</span>
          </div>
          <div class="action-buttons">
            <el-button @click="showChapterGenerateDialog = false">取消</el-button>
            <el-button @click="previewGenerate" :disabled="!selectedPrompt">预览配置</el-button>
            <el-button 
              type="primary" 
              @click="generateChapterContentWithDialog" 
              :loading="isGeneratingContent"
              :disabled="!selectedPrompt"
            >
              <el-icon><MagicStick /></el-icon>
              {{ isGeneratingContent ? '生成中...' : '开始生成' }}
            </el-button>
          </div>
                 </div>
       </div>
     </el-dialog>

    <!-- 批量生成角色对话框 -->
    <el-dialog v-model="showBatchGenerateCharacterDialog" title="AI批量生成角色" width="900px" @close="showBatchGenerateCharacterDialog = false">
      <div class="batch-generate-content">
        <!-- 配置区域 -->
        <el-card v-if="!batchGenerating && generatedCharacters.length === 0" shadow="never" class="config-section">
          <template #header>
            <span>⚙️ 生成配置</span>
          </template>
          
          <el-form label-width="120px" size="default">
            <el-row :gutter="20">
              <el-col :span="12">
                <el-form-item label="生成数量">
                  <el-input-number v-model="batchGenerateConfig.count" :min="2" :max="10" />
                </el-form-item>
              </el-col>
              <el-col :span="12">
                <el-form-item label="角色类型">
                  <div class="character-type-options">
                    <el-checkbox v-model="batchGenerateConfig.includeMainCharacters">主角</el-checkbox>
                    <el-checkbox v-model="batchGenerateConfig.includeSupportingCharacters">配角</el-checkbox>
                    <el-checkbox v-model="batchGenerateConfig.includeMinorCharacters">次要角色</el-checkbox>
                  </div>
                </el-form-item>
              </el-col>
            </el-row>
            
            <!-- 提示词选择 -->
            <el-form-item label="使用提示词">
              <div style="display: flex; gap: 10px; align-items: center;">
                <el-button 
                  type="primary" 
                  plain 
                  size="small"
                  @click="openBatchCharacterPromptSelector"
                >
                  📝 选择提示词
                </el-button>
                <span v-if="batchCharacterSelectedPrompt" class="selected-prompt-info">
                  已选择：{{ batchCharacterSelectedPrompt.title }}
                </span>
                <el-button 
                  v-if="batchCharacterSelectedPrompt"
                  link 
                  size="small" 
                  type="danger"
                  @click="clearBatchCharacterPrompt"
                >
                  清除
                </el-button>
              </div>
            </el-form-item>
            
            <el-form-item label="特殊要求">
              <el-input 
                v-model="batchGenerateConfig.customPrompt"
                type="textarea"
                :rows="3"
                placeholder="例如：需要包含反派角色、特定职业角色、具有魔法能力的角色等..."
              />
            </el-form-item>
            
            <el-form-item label="智能分配">
              <el-checkbox v-model="batchGenerateConfig.autoAssignRoles">自动平衡角色关系和重要性</el-checkbox>
            </el-form-item>
          </el-form>
        </el-card>
        
        <!-- 流式生成区域 -->
        <el-card v-if="batchGenerating" shadow="never" class="streaming-section">
          <template #header>
            <span>🤖 AI正在生成角色...</span>
          </template>
          
          <div class="streaming-content-container">
            <div class="streaming-content" v-html="formatStreamingContent(streamingContent)"></div>
          </div>
        </el-card>
        
        <!-- 生成结果区域 -->
        <el-card v-if="!batchGenerating && generatedCharacters.length > 0" shadow="never" class="results-section">
          <template #header>
            <div class="results-header">
              <span>✨ 生成结果 ({{ generatedCharacters.length }}个角色)</span>
              <div class="result-actions">
                <el-button size="small" @click="() => generatedCharacters.forEach(char => char.selected = true)">全选</el-button>
                <el-button size="small" @click="() => generatedCharacters.forEach(char => char.selected = false)">全不选</el-button>
              </div>
            </div>
          </template>
          
          <div class="generated-characters-grid">
            <div 
              v-for="character in generatedCharacters" 
              :key="character.id"
              class="generated-character-card"
              :class="{ selected: character.selected !== false }"
              @click="toggleCharacterSelection(character)"
            >
              <div class="character-header">
                <div class="character-avatar-preview">
                  <div class="default-avatar">{{ character.name?.charAt(0) || '？' }}</div>
                </div>
                <div class="character-basic-info">
                  <h4>{{ character.name }}</h4>
                  <div class="character-meta">
                    <el-tag :type="getRoleType(character.role)" size="small">{{ getRoleText(character.role) }}</el-tag>
                    <el-tag type="info" size="small">{{ getGenderText(character.gender) }}</el-tag>
                    <span class="age-text">{{ character.age }}岁</span>
                  </div>
                </div>
                <div class="selection-indicator">
                  <el-icon v-if="character.selected !== false" class="selected-icon"><Check /></el-icon>
                </div>
              </div>
              
              <div class="character-details">
                <div class="detail-item">
                  <label>外貌：</label>
                  <p>{{ character.appearance || '暂无描述' }}</p>
                </div>
                <div class="detail-item">
                  <label>性格：</label>
                  <p>{{ character.personality || '暂无描述' }}</p>
                </div>
                <div class="detail-item">
                  <label>背景：</label>
                  <p>{{ character.background || '暂无描述' }}</p>
                </div>
                <div class="character-tags-preview" v-if="character.tags?.length">
                  <el-tag v-for="tag in character.tags" :key="tag" size="small">{{ tag }}</el-tag>
                </div>
              </div>
            </div>
          </div>
        </el-card>
      </div>
      
      <template #footer>
        <div class="dialog-footer">
          <el-button @click="showBatchGenerateCharacterDialog = false">取消</el-button>
          <el-button 
            v-if="!batchGenerating && generatedCharacters.length === 0"
            type="primary" 
            @click="batchGenerateCharacters"
            :disabled="!batchGenerateConfig.includeMainCharacters && !batchGenerateConfig.includeSupportingCharacters && !batchGenerateConfig.includeMinorCharacters"
          >
            🚀 开始生成
          </el-button>
          <!-- <el-button 
            type="success"
            size="small"
            @click="testCharacterParsing"
          >
            🧪 测试解析
          </el-button> -->

          <el-button 
            v-if="!batchGenerating && generatedCharacters.length > 0"
            @click="batchGenerateCharacters"
          >
            🔄 重新生成
          </el-button>
          <el-button 
            v-if="!batchGenerating && generatedCharacters.length > 0"
            type="primary" 
            @click="confirmAddGeneratedCharacters"
          >
            ✅ 添加选中角色
          </el-button>
        </div>
      </template>
    </el-dialog>

    <!-- 世界观AI生成对话框 -->
    <el-dialog v-model="showWorldGenerateDialog" title="AI生成世界观设定" width="800px" @close="showWorldGenerateDialog = false">
      <div class="world-generate-content">
        <!-- 配置区域 -->
        <el-card v-if="!worldGenerating && generatedWorldSettings.length === 0" shadow="never" class="config-section">
          <template #header>
            <span>⚙️ 生成配置</span>
          </template>
          
          <el-form label-width="120px" size="default">
            <el-row :gutter="20">
              <el-col :span="12">
                <el-form-item label="生成数量">
                  <el-input-number v-model="worldGenerateConfig.count" :min="1" :max="8" />
                </el-form-item>
              </el-col>
              <el-col :span="12">
                <el-form-item label="设定类型">
                  <div class="world-type-options">
                    <el-checkbox v-model="worldGenerateConfig.includeGeography">地理环境</el-checkbox>
                    <el-checkbox v-model="worldGenerateConfig.includeCulture">文化社会</el-checkbox>
                    <el-checkbox v-model="worldGenerateConfig.includeHistory">历史背景</el-checkbox>
                  </div>
                </el-form-item>
              </el-col>
            </el-row>
            
            <el-form-item label="特殊设定">
              <div class="special-options">
                <el-checkbox v-model="worldGenerateConfig.includeMagic">魔法体系</el-checkbox>
                <el-checkbox v-model="worldGenerateConfig.includeTechnology">科技水平</el-checkbox>
              </div>
            </el-form-item>
            
            <!-- 提示词选择 -->
            <el-form-item label="使用提示词">
              <div style="display: flex; gap: 10px; align-items: center;">
                <el-button 
                  type="primary" 
                  plain 
                  size="small"
                  @click="openWorldSettingPromptSelector"
                >
                  📝 选择提示词
                </el-button>
                <span v-if="worldSettingSelectedPrompt" class="selected-prompt-info">
                  已选择：{{ worldSettingSelectedPrompt.title }}
                </span>
                <el-button 
                  v-if="worldSettingSelectedPrompt"
                  link 
                  size="small" 
                  type="danger"
                  @click="clearWorldSettingPrompt"
                >
                  清除
                </el-button>
              </div>
            </el-form-item>
            
            <el-form-item label="特殊要求">
              <el-input 
                v-model="worldGenerateConfig.customPrompt"
                type="textarea"
                :rows="3"
                placeholder="例如：需要包含特定的种族设定、独特的政治制度、特殊的自然现象等..."
              />
            </el-form-item>
          </el-form>
        </el-card>
        
        <!-- 流式生成区域 -->
        <el-card v-if="worldGenerating" shadow="never" class="streaming-section">
          <template #header>
            <span>🤖 AI正在生成世界观设定...</span>
          </template>
          
          <div class="streaming-content-container">
            <div class="streaming-content" v-html="formatStreamingContent(streamingContent)"></div>
          </div>
        </el-card>
        
        <!-- 生成结果区域 -->
        <el-card v-if="!worldGenerating && generatedWorldSettings.length > 0" shadow="never" class="results-section">
          <template #header>
            <div class="results-header">
              <span>✨ 生成结果 ({{ generatedWorldSettings.length }}个设定)</span>
              <div class="result-actions">
                <el-button size="small" @click="() => generatedWorldSettings.forEach(setting => setting.selected = true)">全选</el-button>
                <el-button size="small" @click="() => generatedWorldSettings.forEach(setting => setting.selected = false)">全不选</el-button>
              </div>
            </div>
          </template>
          
          <div class="generated-settings-list">
            <div 
              v-for="setting in generatedWorldSettings" 
              :key="setting.id"
              class="generated-setting-card"
              :class="{ selected: setting.selected !== false }"
              @click="toggleWorldSettingSelection(setting)"
            >
              <div class="setting-header">
                <div class="setting-basic-info">
                  <h4>{{ setting.title }}</h4>
                  <el-tag :type="getWorldSettingType(setting.type)" size="small">{{ setting.type }}</el-tag>
                </div>
                <div class="selection-indicator">
                  <el-icon v-if="setting.selected !== false" class="selected-icon"><Check /></el-icon>
                </div>
              </div>
              
              <div class="setting-content">
                <p>{{ setting.description || '暂无描述' }}</p>
              </div>
            </div>
          </div>
        </el-card>
      </div>
      
      <template #footer>
        <div class="dialog-footer">
          <el-button @click="showWorldGenerateDialog = false">取消</el-button>
          <el-button 
            v-if="!worldGenerating && generatedWorldSettings.length === 0"
            type="primary" 
            @click="generateWorldSettings"
            :disabled="!worldGenerateConfig.includeGeography && !worldGenerateConfig.includeCulture && !worldGenerateConfig.includeHistory && !worldGenerateConfig.includeMagic && !worldGenerateConfig.includeTechnology"
          >
            🚀 开始生成
          </el-button>
          <el-button 
            v-if="!worldGenerating && generatedWorldSettings.length > 0"
            @click="generateWorldSettings"
          >
            🔄 重新生成
          </el-button>
          <el-button 
            v-if="!worldGenerating && generatedWorldSettings.length > 0"
            type="primary" 
            @click="confirmAddGeneratedWorldSettings"
          >
            ✅ 添加选中设定
          </el-button>
        </div>
      </template>
    </el-dialog>

    <!-- 提示词选择对话框 -->
    <el-dialog v-model="showPromptDialog" title="选择提示词" width="800px" @close="resetPromptDialog">
      <div class="prompt-dialog-content">
        <!-- 提示词列表 -->
        <div class="prompt-list">
          <h4>{{ getCategoryName() }} 提示词</h4>
          <div class="prompt-cards">
            <div 
              v-for="prompt in getPromptsByCategory(selectedPromptCategory)"
              :key="prompt.id"
              class="prompt-card"
              :class="{ active: selectedPrompt?.id === prompt.id }"
              @click="selectPrompt(prompt)"
            >
              <div class="prompt-card-header">
                <h5>{{ prompt.title }}</h5>
              </div>
              <div class="prompt-card-description">
                <p>{{ prompt.description }}</p>
              </div>
              <div class="prompt-card-tags">
                <el-tag v-for="tag in prompt.tags" :key="tag" size="small">{{ tag }}</el-tag>
              </div>
            </div>
          </div>
          
          <div v-if="getPromptsByCategory(selectedPromptCategory).length === 0" class="empty-prompts">
            <p>暂无该类型的提示词</p>
            <el-button type="primary" @click="goToPromptLibrary">去提示词库添加</el-button>
          </div>
        </div>

        <!-- 变量填充区域 -->
        <div v-if="selectedPrompt && Object.keys(promptVariables).length > 0" class="prompt-variables">
          <h4>填充变量</h4>
          <el-form label-width="120px" size="small">
            <el-form-item 
              v-for="(value, variable) in promptVariables"
              :key="variable"
              :label="variable + '：'"
            >
              <el-input 
                v-model="promptVariables[variable]"
                :placeholder="'请输入' + variable"
                @input="generateFinalPrompt"
              />
            </el-form-item>
          </el-form>
        </div>

        <!-- 最终提示词预览 -->
        <div v-if="selectedPrompt" class="final-prompt">
          <h4>最终提示词预览</h4>
          <el-input 
            v-model="finalPrompt"
            type="textarea"
            :rows="8"
            readonly
            placeholder="请先选择提示词并填充变量"
          />
        </div>
      </div>
      
      <template #footer>
        <el-button @click="showPromptDialog = false">取消</el-button>
        <el-button v-if="selectedPrompt" @click="copyPromptToClipboard">复制提示词</el-button>
        <el-button v-if="selectedPrompt" type="primary" @click="useSelectedPrompt">使用此提示词</el-button>
      </template>
    </el-dialog>

    <!-- AI优化提示词选择对话框 -->
    <el-dialog v-model="showOptimizePromptDialog" title="AI文本优化" width="1000px" @close="resetOptimizePromptDialog">
      <div class="optimize-dialog-content">
        <el-row :gutter="20">
          <!-- 左侧：当前文本 -->
          <el-col :span="12">
            <div class="current-text-section">
              <div class="section-header">
                <h4 class="section-title">📝 当前文本</h4>
                <div class="text-info">
                  <span>字数：{{ getCurrentTextLength() }}</span>
                  <span>章节：{{ currentChapter?.title || '未选择' }}</span>
                </div>
              </div>
              <div class="current-text-content">
                <el-input 
                  :value="getCurrentTextForOptimization()"
                  type="textarea"
                  :rows="12"
                  readonly
                  placeholder="请先选择文本内容"
                  class="current-text-area"
                />
              </div>
              <div class="text-actions">
                <el-button size="small" @click="selectAllText">全选文本</el-button>
                <el-button size="small" @click="clearSelectedText">清空选择</el-button>
              </div>
            </div>
          </el-col>

          <!-- 右侧：提示词选择 -->
          <el-col :span="12">
            <div class="optimize-prompt-section">
              <div class="section-header">
                <h4 class="section-title">🔧 优化配置</h4>
                <el-button size="small" @click="useDefaultOptimizePrompt">使用默认</el-button>
              </div>

              <!-- 优化类型选择 -->
              <div class="optimize-type-selection">
                <div class="type-header">优化类型</div>
                <div class="type-options">
                  <el-radio-group v-model="optimizeType" direction="vertical">
                    <el-radio label="grammar">语法润色</el-radio>
                    <el-radio label="style">文风优化</el-radio>
                    <el-radio label="emotion">情感增强</el-radio>
                    <el-radio label="logic">逻辑梳理</el-radio>
                    <el-radio label="custom">自定义优化</el-radio>
                  </el-radio-group>
                </div>
              </div>

              <!-- 提示词选择 -->
              <div class="optimize-prompt-selection">
                <div class="prompt-header">
                  <span>可用模板 ({{ getOptimizePrompts().length }})</span>
                  <el-button size="small" @click="refreshOptimizePrompts">刷新</el-button>
                </div>
                <div class="prompt-list-optimize">
                  <div 
                    v-for="prompt in getOptimizePrompts()"
                    :key="prompt.id"
                    class="prompt-item-optimize"
                    :class="{ active: optimizeSelectedPrompt?.id === prompt.id }"
                    @click="selectOptimizePrompt(prompt)"
                  >
                    <div class="prompt-content">
                      <h5 class="prompt-title">{{ prompt.title }}</h5>
                      <p class="prompt-desc">{{ prompt.description }}</p>
                      <div class="prompt-meta">
                        <div class="prompt-tags">
                          <el-tag v-for="tag in prompt.tags?.slice(0, 2)" :key="tag" size="small">{{ tag }}</el-tag>
                        </div>
                      </div>
                    </div>
                    <div class="prompt-actions">
                      <el-icon v-if="optimizeSelectedPrompt?.id === prompt.id" class="selected-icon"><Check /></el-icon>
                    </div>
                  </div>
                </div>
                <div v-if="getOptimizePrompts().length === 0" class="empty-prompts">
                  <p>暂无优化提示词模板</p>
                  <el-button size="small" @click="createOptimizePrompt">创建模板</el-button>
                </div>
              </div>

              <!-- 变量填充 -->
              <div v-if="optimizeSelectedPrompt && Object.keys(optimizePromptVariables).length > 0" class="optimize-variables">
                <div class="variables-header">
                  <span>📋 变量配置</span>
                  <el-button size="small" @click="autoFillOptimizeVariables">智能填充</el-button>
                </div>
                <div class="variables-form">
                  <div 
                    v-for="(value, variable) in optimizePromptVariables"
                    :key="variable"
                    class="variable-item"
                  >
                    <label class="variable-label">{{ variable }}</label>
                    <el-input 
                      v-model="optimizePromptVariables[variable]"
                      :type="variable.includes('文本') || variable.includes('内容') ? 'textarea' : 'text'"
                      :rows="2"
                      :placeholder="'请输入' + variable"
                      @input="generateOptimizeFinalPrompt"
                      size="small"
                    />
                  </div>
                </div>
              </div>

              <!-- 最终提示词预览 -->
              <div v-if="optimizeSelectedPrompt || optimizeType === 'custom'" class="optimize-preview">
                <div class="preview-header">
                  <span>👀 最终提示词</span>
                  <div class="preview-actions">
                    <el-button size="small" @click="copyOptimizePrompt">复制</el-button>
                    <el-button size="small" @click="editOptimizePrompt">编辑</el-button>
                  </div>
                </div>
                <div class="preview-content">
                  <el-input 
                    v-model="optimizeFinalPrompt"
                    type="textarea"
                    :rows="6"
                    :readonly="optimizeType !== 'custom'"
                    placeholder="请选择优化类型或提示词"
                    class="preview-textarea"
                  />
                </div>
              </div>
            </div>
          </el-col>
        </el-row>

        <!-- 底部操作区 -->
        <div class="optimize-actions">
          <div class="action-info">
            <el-icon><InfoFilled /></el-icon>
            <span>{{ getOptimizeInfo() }}</span>
          </div>
          <div class="action-buttons">
            <el-button @click="showOptimizePromptDialog = false">取消</el-button>
            <el-button @click="previewOptimize" :disabled="!canOptimize()">预览效果</el-button>
            <el-button 
              type="primary" 
              @click="optimizeTextWithPrompt" 
              :loading="isOptimizing"
              :disabled="!canOptimize()"
            >
              <el-icon><Tools /></el-icon>
              {{ isOptimizing ? '优化中...' : '开始优化' }}
            </el-button>
          </div>
        </div>
      </div>
    </el-dialog>
  </div>
</template>

<script setup>
import { ref, computed, onMounted, onUnmounted, watch, shallowRef, nextTick } from 'vue'
import { useRoute, useRouter } from 'vue-router'
import { ElMessage, ElMessageBox } from 'element-plus'
import { 
  ArrowLeft, DocumentAdd, View, Plus, Edit, Delete, Document, MoreFilled, ArrowDown, Star, Tools, ArrowRight, Right, Check, InfoFilled, MagicStick
} from '@element-plus/icons-vue'
import { Editor, Toolbar } from '@wangeditor/editor-for-vue'
import '@wangeditor/editor/dist/css/style.css'
import apiService from '../services/api.js'
import billingService from '../services/billing.js'
import { useNovelStore } from '../stores/novel.js'

const route = useRoute()
const router = useRouter()
const novelStore = useNovelStore()

// API服务实例已经在api.js中创建并导出

// 检查API配置
const checkApiConfig = () => {
  const config = apiService.getConfig()
  if (!config.apiKey || !config.baseURL) {
    ElMessageBox.confirm(
      '检测到您还未配置AI API，需要先配置API密钥才能使用AI功能。是否前往配置？',
      '需要配置API',
      {
        confirmButtonText: '去配置',
        cancelButtonText: '稍后配置',
        type: 'warning'
      }
    ).then(() => {
      router.push('/config')
    }).catch(() => {
      // 用户选择稍后配置
    })
    return false
  }
  return true
}

// 检查API配置（移除余额检查，用户使用自己的API）
const checkApiAndBalance = () => {
  return checkApiConfig()
}

// 响应式数据
const currentNovel = ref(null)
const chapters = ref([])
const currentChapter = ref(null)
const content = ref('')
const isSaving = ref(false)
const hasUnsavedChanges = ref(false)
const showPreview = ref(false)
const showChapterDialog = ref(false)
const editingChapter = ref(null)
const editorRef = shallowRef()
const activeTab = ref('editor')

// AI相关数据
const activeAITools = ref(['chapter-gen'])
const isGeneratingChapters = ref(false)
const isGeneratingContent = ref(false)
const isOptimizing = ref(false)
const isGeneratingOutline = ref(false)
const optimizeType = ref('grammar')

// 流式生成相关数据
const streamingContent = ref('')
const isStreaming = ref(false)
const streamingType = ref('') // 'content', 'chapter', 'optimize', 'continue'
const streamingChapter = ref(null)

// 提示词相关数据
const showPromptDialog = ref(false)
const selectedPromptCategory = ref('')
const availablePrompts = ref([])
const selectedPrompt = ref(null)
const promptVariables = ref({})
const finalPrompt = ref('')

// AI优化提示词选择
const showOptimizePromptDialog = ref(false)
const optimizeSelectedPrompt = ref(null)
const optimizePromptVariables = ref({})
const optimizeFinalPrompt = ref('')
const activeMaterialTab = ref('characters')

// 章节生成对话框相关数据
const showChapterGenerateDialog = ref(false)
const isDevelopment = ref(true) // 开发模式，可以显示调试功能
const targetChapter = ref(null)
const selectedContentCategory = ref('content') // 当前选择的正文分类
const selectedMaterials = ref({
  characters: [],
  worldSettings: [],
  corpus: [],
  events: []
})
const generateConfig = ref({
  wordCount: 2000,
  style: 'third-person',
  focus: '',
  useContext: true
})

// 正文生成分类
const contentCategories = ref([
  { key: 'content', name: '基础正文', icon: '📝' },
  { key: 'content-dialogue', name: '对话生成', icon: '💬' },
  { key: 'content-scene', name: '场景描写', icon: '🏞️' },
  { key: 'content-action', name: '动作情节', icon: '⚡' },
  { key: 'content-psychology', name: '心理描写', icon: '🧠' }
])

// 批量生成角色相关数据
const showBatchGenerateCharacterDialog = ref(false)
const batchGenerateConfig = ref({
  count: 5,
  includeMainCharacters: true,
  includeSupportingCharacters: true,
  includeMinorCharacters: true,
  customPrompt: '',
  autoAssignRoles: true
})
const batchGenerating = ref(false)
const generatedCharacters = ref([])
const batchGenerateResults = ref([])

// 批量生成提示词相关数据
const batchCharacterSelectedPrompt = ref(null)
const batchCharacterPromptVariables = ref({})
const batchCharacterFinalPrompt = ref('')

// 世界观AI生成相关数据
const showWorldGenerateDialog = ref(false)
const worldGenerateConfig = ref({
  count: 3,
  includeGeography: true,
  includeCulture: true,
  includeHistory: true,
  includeMagic: false,
  includeTechnology: false,
  customPrompt: ''
})
const worldGenerating = ref(false)
const generatedWorldSettings = ref([])
const isGeneratingWorldSetting = ref(false)

// 世界观生成提示词相关数据
const worldSettingSelectedPrompt = ref(null)
const worldSettingPromptVariables = ref({})
const worldSettingFinalPrompt = ref('')

// 管理数据
const characters = ref([])
// 使用store中的worldSettings
const worldSettings = computed(() => novelStore.worldSettings)
const corpusData = ref([])
const events = ref([])


// 对话框状态
const showCharacterDialog = ref(false)
const showWorldDialog = ref(false)
const showCorpusDialog = ref(false)
const showEventDialog = ref(false)

// 表单数据
const chapterForm = ref({
  title: '',
  description: '',
  status: 'outline'
})

const aiChapterForm = ref({
  count: 3,
  plotRequirement: '',
  template: 'general'
})

const aiContentForm = ref({
  wordCount: 2000,
  style: 'third-person',
  focus: '',
  useContext: true,
  useCharacters: true,
  useWorldview: true
})

const characterForm = ref({
  id: null,
  name: '',
  role: 'supporting',
  gender: 'male',
  age: 25,
  appearance: '',
  personality: '',
  background: '',
  tags: [],
  avatar: ''
})

const characterTagInput = ref('')

const worldForm = ref({
  id: null,
  title: '',
  description: '',
  category: 'setting',
  details: ''
})

const corpusForm = ref({
  id: null,
  title: '',
  type: 'description',
  content: '',
  tags: []
})

const eventForm = ref({
  id: null,
  title: '',
  description: '',
  chapter: '',
  time: '',
  importance: 'normal'
})

// 编辑器配置
const toolbarConfig = {}
const editorConfig = {
  placeholder: '开始您的创作...',
  MENU_CONF: {
    uploadImage: {
      server: '/api/upload-image',
      fieldName: 'file',
      maxFileSize: 5 * 1024 * 1024,
      allowedFileTypes: ['image/*']
    }
  }
}

// 计算属性
const contentWordCount = computed(() => {
  return content.value.replace(/<[^>]*>/g, '').length
})

// 方法
const goBack = () => {
  if (hasUnsavedChanges.value) {
    ElMessageBox.confirm('您有未保存的更改，确定要离开吗？', '确认离开', {
      type: 'warning'
    }).then(() => {
      router.push('/novels')
    }).catch(() => {})
  } else {
    router.push('/novels')
  }
}

const selectChapter = (chapter) => {
  if (hasUnsavedChanges.value) {
    ElMessageBox.confirm('当前章节有未保存的更改，切换章节将丢失更改，是否继续？', '确认切换', {
      type: 'warning'
    }).then(() => {
      saveCurrentChapter()
      loadChapter(chapter)
    }).catch(() => {})
  } else {
    saveCurrentChapter()
    loadChapter(chapter)
  }
}

const loadChapter = (chapter) => {
  currentChapter.value = chapter
  content.value = chapter.content || ''
  hasUnsavedChanges.value = false
}

const saveCurrentChapter = () => {
  if (currentChapter.value && hasUnsavedChanges.value) {
    currentChapter.value.content = content.value
    currentChapter.value.wordCount = contentWordCount.value
    currentChapter.value.updatedAt = new Date()
  }
}

const addNewChapter = () => {
  editingChapter.value = null
  chapterForm.value = {
    title: '',
    description: '',
    status: 'outline'
  }
  showChapterDialog.value = true
}

const editChapterTitle = (chapter) => {
  editingChapter.value = chapter
  chapterForm.value = {
    title: chapter.title,
    description: chapter.description || '',
    status: chapter.status || 'outline'
  }
  showChapterDialog.value = true
}

const saveChapter = () => {
  if (!chapterForm.value.title.trim()) {
    ElMessage.warning('请输入章节标题')
    return
  }

  if (editingChapter.value) {
    // 编辑现有章节
    editingChapter.value.title = chapterForm.value.title
    editingChapter.value.description = chapterForm.value.description
    editingChapter.value.status = chapterForm.value.status
    ElMessage.success('章节信息已更新')
  } else {
    // 新增章节
    const newChapter = {
      id: Date.now(),
      title: chapterForm.value.title,
      description: chapterForm.value.description,
      content: '',
      wordCount: 0,
      createdAt: new Date(),
      updatedAt: new Date(),
      status: chapterForm.value.status
    }
    chapters.value.push(newChapter)
    ElMessage.success('章节创建成功')
    
    // 自动选择新章节
    setTimeout(() => {
      selectChapter(newChapter)
    }, 100)
  }
  
  showChapterDialog.value = false
}

const deleteChapter = (chapter) => {
  ElMessageBox.confirm(`确定要删除章节《${chapter.title}》吗？`, '确认删除', {
    type: 'warning'
  }).then(() => {
    const index = chapters.value.findIndex(c => c.id === chapter.id)
    if (index > -1) {
      chapters.value.splice(index, 1)
      if (currentChapter.value?.id === chapter.id) {
        currentChapter.value = null
        content.value = ''
      }
      ElMessage.success('章节已删除')
    }
  }).catch(() => {})
}

const saveContent = () => {
  saveCurrentChapter()
  
  isSaving.value = true
  
  // 模拟保存到服务器
  setTimeout(() => {
    saveNovelData()
    hasUnsavedChanges.value = false
    isSaving.value = false
    ElMessage.success('保存成功')
  }, 1000)
}

const handleCreated = (editor) => {
  editorRef.value = editor
}

// 章节相关方法
const handleChapterCommand = (command) => {
  switch (command) {
    case 'manual':
      addNewChapter()
      break
    case 'ai-single':
      generateSingleChapter()
      break
    case 'ai-batch':
      activeTab.value = 'ai'
      break
  }
}

const handleChapterAction = (command, chapter) => {
  switch (command) {
    case 'edit':
      editChapterTitle(chapter)
      break
    case 'generate':
      openChapterGenerateDialog(chapter)
      break
    case 'optimize':
      optimizeChapter(chapter)
      break
    case 'delete':
      deleteChapter(chapter)
      break
  }
}

const getChapterStatusType = (status) => {
  const statusMap = {
    outline: 'info',
    draft: 'warning',
    completed: 'success'
  }
  return statusMap[status] || 'info'
}

const getChapterStatusText = (status) => {
  const statusMap = {
    outline: '大纲',
    draft: '草稿',
    completed: '完成'
  }
  return statusMap[status] || '大纲'
}

// AI生成相关方法
const generateChapters = async () => {
  if (!checkApiAndBalance()) return
  
  isGeneratingChapters.value = true
  isStreaming.value = true
  streamingType.value = 'chapter'
  streamingContent.value = ''
  
  try {
    const count = aiChapterForm.value.count
    const plotRequirement = aiChapterForm.value.plotRequirement
    const template = aiChapterForm.value.template
    
    // 构建提示词
    const prompt = `=== 小说基本信息 ===
小说标题：${currentNovel.value?.title || '未命名小说'}
小说类型：${currentNovel.value?.genre || '通用'}
小说简介：${currentNovel.value?.description || '暂无简介'}

=== 章节生成任务 ===
请为上述小说生成${count}个章节大纲。

要求：
- 生成${count}个章节
- 情节要求：${plotRequirement || '请根据小说主题合理发展'}
- 模板类型：${getTemplateDescription(template)}
- 每个章节包含：标题、详细大纲描述
- 章节之间要有逻辑连贯性

已有章节：${chapters.value.length}个
${chapters.value.map((ch, idx) => `第${idx + 1}章：${ch.title}`).join('\n')}

请严格按照以下格式返回，每个章节必须包含完整的标题和大纲：

章节1：
标题：[章节标题]
大纲：[详细的章节内容描述，包含主要情节、人物发展、重要事件等]

章节2：
标题：[章节标题]
大纲：[详细的章节内容描述]

章节3：
标题：[章节标题]
大纲：[详细的章节内容描述]

【重要】：
1. 必须严格按照"章节X："格式开始每个章节
2. 每个章节必须包含"标题："和"大纲："两个字段
3. 生成${count}个完整的章节
4. 确保格式一致，便于程序解析`

    console.log('开始AI生成章节大纲:', prompt)
    
    // 流式调用AI生成
    const aiResponse = await apiService.generateTextStream(prompt, {
      maxTokens: 2000,
      temperature: 0.8,
      type: 'outline'
    }, (chunk, fullContent) => {
      // 实时更新流式内容
      streamingContent.value = fullContent
    })
    
    if (!aiResponse.trim()) {
      throw new Error('AI返回内容为空')
    }
    
    // 解析AI响应，提取章节信息
    const newChapters = parseChapterResponse(aiResponse)
    
    // 添加到章节列表
    newChapters.forEach((chapterData, index) => {
      const newChapter = {
        id: Date.now() + index,
        title: chapterData.title || `AI生成章节 ${chapters.value.length + index + 1}`,
        description: chapterData.description || chapterData.outline || '暂无描述',
        content: '',
        wordCount: 0,
        createdAt: new Date(),
        updatedAt: new Date(),
        status: 'outline'
      }
      chapters.value.push(newChapter)
    })
    
    ElMessage.success(`成功生成${newChapters.length}个章节大纲`)
    saveNovelData()
  } catch (error) {
    console.error('AI生成章节失败:', error)
    ElMessage.error(`章节生成失败: ${error.message}`)
  } finally {
    isGeneratingChapters.value = false
    isStreaming.value = false
    streamingContent.value = ''
  }
}

const generateSingleChapter = async () => {
  if (!checkApiAndBalance()) return
  
  isGeneratingChapters.value = true
  isStreaming.value = true
  streamingType.value = 'chapter'
  streamingContent.value = ''
  
  try {
    const prompt = `=== 小说基本信息 ===
小说标题：${currentNovel.value?.title || '未命名小说'}
小说类型：${currentNovel.value?.genre || '通用'}
小说简介：${currentNovel.value?.description || '暂无简介'}

=== 章节生成任务 ===
请为上述小说生成一个新的章节大纲。

已有章节概况：
${chapters.value.map((ch, idx) => `第${idx + 1}章：${ch.title} - ${ch.description || '暂无描述'}`).join('\n')}

要求：
1. 生成第${chapters.value.length + 1}章的标题和大纲
2. 与前文保持逻辑连贯性
3. 推进主线剧情发展
4. 包含具体的情节要点

请按以下格式返回：
标题：[章节标题]
大纲：[详细的章节内容描述，包含主要情节、人物发展、重要事件等]`

    console.log('开始AI生成单章大纲:', prompt)
    
    const aiResponse = await apiService.generateTextStream(prompt, {
      maxTokens: 500,
      temperature: 0.8,
      type: 'outline'
    }, (chunk, fullContent) => {
      // 实时更新流式内容
      streamingContent.value = fullContent
    })
    
    if (!aiResponse.trim()) {
      throw new Error('AI返回内容为空')
    }
    
    // 解析AI响应
    const lines = aiResponse.split('\n').filter(line => line.trim())
    let title = `AI生成章节 ${chapters.value.length + 1}`
    let description = '基于当前小说内容智能生成的章节大纲'
    
    for (const line of lines) {
      const trimmedLine = line.trim()
      if (trimmedLine.match(/^标题[：:]/)) {
        title = trimmedLine.replace(/^标题[：:]/, '').trim()
      } else if (trimmedLine.match(/^大纲[：:]/)) {
        description = trimmedLine.replace(/^大纲[：:]/, '').trim()
      } else if (description === '基于当前小说内容智能生成的章节大纲' && trimmedLine && !trimmedLine.match(/^(标题|大纲)/)) {
        description = trimmedLine
      }
    }
    
    const newChapter = {
      id: Date.now(),
      title,
      description,
      content: '',
      wordCount: 0,
      createdAt: new Date(),
      updatedAt: new Date(),
      status: 'outline'
    }
    chapters.value.push(newChapter)
    
    ElMessage.success('章节大纲生成成功')
    selectChapter(newChapter)
    saveNovelData()
  } catch (error) {
    console.error('AI生成单章失败:', error)
    ElMessage.error(`章节生成失败: ${error.message}`)
  } finally {
    isGeneratingChapters.value = false
    isStreaming.value = false
    streamingContent.value = ''
  }
}

const generateContent = async () => {
  if (!checkApiAndBalance()) return
  
  if (!currentChapter.value) {
    ElMessage.warning('请先选择一个章节')
    return
  }
  
  isGeneratingContent.value = true
  isStreaming.value = true
  streamingType.value = 'content'
  streamingContent.value = ''
  streamingChapter.value = currentChapter.value
  
  try {
    // 构建上下文信息
    const context = buildGenerationContext()
    
    // 构建详细的提示词
    const prompt = buildContentPrompt(currentChapter.value, context)
    
    console.log('开始AI生成正文:', prompt.substring(0, 200) + '...')
    
    // 流式调用AI生成正文
    const aiResponse = await apiService.generateTextStream(prompt, {
      maxTokens: aiContentForm.value.wordCount * 2, // 允许更多token
      temperature: 0.8,
      type: 'generation'
    }, (chunk, fullContent) => {
      // 实时更新流式内容并格式化
      const formattedContent = formatGeneratedContent(fullContent, currentChapter.value.title)
      streamingContent.value = formattedContent
      
      // 如果是当前章节，实时更新编辑器内容
      if (streamingChapter.value?.id === currentChapter.value?.id) {
        content.value = formattedContent
        hasUnsavedChanges.value = true
      }
    })
    
    if (!aiResponse.trim()) {
      throw new Error('AI返回内容为空')
    }
    
    // 格式化生成的内容
    const formattedContent = formatGeneratedContent(aiResponse, currentChapter.value.title)
    
    content.value = formattedContent
    hasUnsavedChanges.value = true
    currentChapter.value.status = 'draft'
    
    ElMessage.success('正文生成成功')
    
    // 保存章节内容
    setTimeout(() => {
      saveCurrentChapter()
      saveNovelData()
    }, 1000)
    
  } catch (error) {
    console.error('AI生成正文失败:', error)
    ElMessage.error(`正文生成失败: ${error.message}`)
  } finally {
    isGeneratingContent.value = false
    isStreaming.value = false
    streamingContent.value = ''
    streamingChapter.value = null
  }
}

const generateChapterContent = async (chapter) => {
  selectChapter(chapter)
  generateContent()
}

const optimizeChapter = async (chapter) => {
  selectChapter(chapter)
  optimizeText()
}

const optimizeText = async () => {
  if (!checkApiAndBalance()) return
  
  if (!currentChapter.value || !content.value) {
    ElMessage.warning('请先选择章节并添加内容')
    return
  }
  
  isOptimizing.value = true
  isStreaming.value = true
  streamingType.value = 'optimize'
  streamingContent.value = ''
  streamingChapter.value = currentChapter.value
  
  try {
    const currentContent = content.value.replace(/<[^>]*>/g, '').trim() // 移除HTML标签
    const optimizeTypeText = getOptimizeTypeText()
    
    const prompt = `请对以下小说内容进行${optimizeTypeText}。

原文内容：
${currentContent}

优化要求：
${getOptimizeInstructions(optimizeType.value)}

请返回优化后的内容：`

    console.log(`开始AI${optimizeTypeText}:`, prompt.substring(0, 200) + '...')
    
    const aiResponse = await apiService.generateTextStream(prompt, {
      maxTokens: Math.max(currentContent.length * 1.2, 1000),
      temperature: 0.3, // 优化时使用较低的温度，保持内容稳定
      type: 'polish'
    }, (chunk, fullContent) => {
      // 实时更新流式内容并格式化
      const formattedContent = formatGeneratedContent(fullContent, currentChapter.value.title)
      streamingContent.value = formattedContent
      
      // 如果是当前章节，实时更新编辑器内容
      if (streamingChapter.value?.id === currentChapter.value?.id) {
        content.value = formattedContent
        hasUnsavedChanges.value = true
      }
    })
    
    if (!aiResponse.trim()) {
      throw new Error('AI返回内容为空')
    }
    
    // 格式化优化后的内容
    const optimizedContent = formatGeneratedContent(aiResponse, currentChapter.value.title)
    
    content.value = optimizedContent
    hasUnsavedChanges.value = true
    
    ElMessage.success(`文本${optimizeTypeText}完成`)
    
    // 保存优化后的内容
    setTimeout(() => {
      saveCurrentChapter()
      saveNovelData()
    }, 1000)
    
  } catch (error) {
    console.error('AI文本优化失败:', error)
    ElMessage.error(`文本优化失败: ${error.message}`)
  } finally {
    isOptimizing.value = false
    isStreaming.value = false
    streamingContent.value = ''
    streamingChapter.value = null
  }
}

const getOptimizeTypeText = () => {
  const typeMap = {
    grammar: '语法润色',
    style: '文风优化',
    emotion: '情感增强',
    logic: '逻辑梳理'
  }
  return typeMap[optimizeType.value] || '优化'
}

const getOptimizeInstructions = (type) => {
  const instructions = {
    grammar: `
1. 检查并修正语法错误、错别字、标点符号问题
2. 优化句式结构，使表达更加流畅
3. 保持原文的意思和风格不变
4. 提升文字的准确性和规范性`,
    style: `
1. 优化文字表达，使语言更加优美流畅
2. 增强文字的感染力和表现力
3. 统一文章的语言风格
4. 保持故事情节和人物性格不变`,
    emotion: `
1. 加强情感描写，使情感表达更加深刻
2. 增加心理描写和情感细节
3. 提升读者的情感共鸣
4. 保持情节发展的合理性`,
    logic: `
1. 梳理故事情节的逻辑关系
2. 检查人物行为的合理性
3. 优化情节发展的连贯性
4. 确保时间线和因果关系清晰`
  }
  return instructions[type] || '进行全面优化'
}

// 获取流式生成类型文本
const getStreamingTypeText = () => {
  const typeMap = {
    content: '正文内容',
    chapter: '章节大纲',
    optimize: '文本优化',
    continue: '续写内容',
    character: '角色生成'
  }
  return typeMap[streamingType.value] || '内容'
}

// 监听流式内容变化，自动滚动到底部
watch(streamingContent, () => {
  if (isStreaming.value) {
    nextTick(() => {
      const streamingContentEl = document.querySelector('.streaming-content')
      if (streamingContentEl) {
        streamingContentEl.scrollTop = streamingContentEl.scrollHeight
      }
    })
  }
})

// 加载提示词数据
const loadPrompts = () => {
  const savedPrompts = localStorage.getItem('prompts')
  if (savedPrompts) {
    try {
      availablePrompts.value = JSON.parse(savedPrompts)
    } catch (error) {
      console.error('加载提示词失败:', error)
      availablePrompts.value = getDefaultPrompts()
      savePrompts()
    }
  } else {
    availablePrompts.value = getDefaultPrompts()
    savePrompts() // 首次加载时保存默认提示词
  }
}

// 获取默认提示词
const getDefaultPrompts = () => {
  return [
    {
      id: 1,
      title: '小说大纲生成器',
      category: 'outline',
      description: '根据关键词和类型生成详细的小说大纲',
      content: '请为我创作一个{类型}小说的大纲，主题是{主题}，主角是{主角设定}。要求包含：\n1. 故事背景设定\n2. 主要人物介绍\n3. 核心冲突\n4. 章节大纲（至少10章）\n5. 结局走向',
      tags: ['大纲', '结构', '创作'],
      isDefault: true
    },
    // 基础正文生成
    {
      id: 2,
      title: '基础章节生成器',
      category: 'content',
      description: '基于章节大纲生成详细的正文内容',
      content: '请为小说《{小说标题}》的章节《{章节标题}》写正文内容。\n\n章节大纲：{章节大纲}\n\n要求：\n1. 字数控制在{目标字数}字左右\n2. 采用{写作视角}视角\n3. 包含丰富的对话、描写和细节\n4. 保持情节连贯性\n5. 突出{重点内容}',
      tags: ['正文', '章节', '基础生成'],
      isDefault: true
    },
    {
      id: 6,
      title: '全素材章节生成器',
      category: 'content',
      description: '结合人物、世界观、语料库等素材生成章节内容',
      content: '请为小说《{小说标题}》的章节《{章节标题}》写正文内容。\n\n章节大纲：{章节大纲}\n\n{主要人物}\n\n{世界观设定}\n\n{参考语料}\n\n{前文概要}\n\n创作要求：\n1. 字数控制在{目标字数}字左右\n2. 采用{写作视角}视角\n3. 突出重点：{重点内容}\n4. 充分运用提供的人物设定和世界观背景\n5. 参考语料库的写作风格和表达方式\n6. 与前文保持连贯性和一致性\n7. 包含丰富的对话、心理活动、环境描写\n8. 情节发展要符合章节大纲要求',
      tags: ['全素材', '章节', '综合生成'],
      isDefault: true
    },
    // 对话类正文生成
    {
      id: 7,
      title: '对话驱动生成器',
      category: 'content-dialogue',
      description: '以对话为主导的章节内容生成',
      content: '请为小说《{小说标题}》的章节《{章节标题}》写正文内容，重点突出对话。\n\n章节大纲：{章节大纲}\n参与对话人物：{主要人物}\n\n创作要求：\n1. 字数控制在{目标字数}字左右\n2. 对话占60%以上篇幅\n3. 通过对话推进情节发展\n4. 展现人物性格和关系\n5. 适当加入动作和心理描写\n6. 对话要符合人物身份和性格\n7. 重点内容：{重点内容}',
      tags: ['对话', '人物', '互动'],
      isDefault: true
    },
    // 场景类正文生成
    {
      id: 8,
      title: '场景描写生成器',
      category: 'content-scene',
      description: '以环境和场景描写为主的内容生成',
      content: '请为小说《{小说标题}》的章节《{章节标题}》写正文内容，重点突出场景描写。\n\n章节大纲：{章节大纲}\n场景设定：{世界观设定}\n\n创作要求：\n1. 字数控制在{目标字数}字左右\n2. 详细描写环境氛围\n3. 通过场景烘托情节\n4. 调动读者五感体验\n5. 场景与情节相辅相成\n6. 体现世界观特色\n7. 重点内容：{重点内容}',
      tags: ['场景', '环境', '氛围'],
      isDefault: true
    },
    // 动作类正文生成
    {
      id: 9,
      title: '动作剧情生成器',
      category: 'content-action',
      description: '以动作和情节推进为主的内容生成',
      content: '请为小说《{小说标题}》的章节《{章节标题}》写正文内容，重点突出动作情节。\n\n章节大纲：{章节大纲}\n主要人物：{主要人物}\n\n创作要求：\n1. 字数控制在{目标字数}字左右\n2. 节奏紧凑，情节推进迅速\n3. 动作描写清晰流畅\n4. 突出冲突和转折\n5. 保持紧张感和悬念\n6. 角色行动符合性格\n7. 重点内容：{重点内容}',
      tags: ['动作', '情节', '冲突'],
      isDefault: true
    },
    // 心理类正文生成
    {
      id: 10,
      title: '心理描写生成器',
      category: 'content-psychology',
      description: '以心理活动和内心独白为主的内容生成',
      content: '请为小说《{小说标题}》的章节《{章节标题}》写正文内容，重点突出心理描写。\n\n章节大纲：{章节大纲}\n主角心境：{重点内容}\n人物背景：{主要人物}\n\n创作要求：\n1. 字数控制在{目标字数}字左右\n2. 深入挖掘人物内心世界\n3. 心理活动要真实细腻\n4. 体现人物成长变化\n5. 内心冲突与外在情节呼应\n6. 适当运用意识流技巧\n7. 展现人物独特思维方式',
      tags: ['心理', '内心', '情感'],
      isDefault: true
    },
    {
      id: 3,
      title: '文本润色优化',
      category: 'polish',
      description: '优化文本的表达和文采，提升阅读体验',
      content: '请帮我润色以下文本，要求：\n1. 保持原意不变\n2. 提升文采和表达力\n3. 优化句式结构\n4. 增强画面感\n\n原文：{原文内容}',
      tags: ['润色', '优化', '文采'],
      isDefault: true
    },
    {
      id: 4,
      title: '智能续写助手',
      category: 'continue',
      description: '基于现有内容进行智能续写',
      content: '请为小说《{小说标题}》的章节《{章节标题}》续写内容。\n\n当前已写内容：\n{当前内容}\n\n续写要求：\n1. 保持原有风格和语调\n2. 情节自然连贯\n3. 长度约{续写字数}字\n4. 推进剧情发展',
      tags: ['续写', '连贯', '发展'],
      isDefault: true
    },
    {
      id: 5,
      title: '基础人物设定生成器',
      category: 'character',
      description: '生成详细的人物设定和背景故事',
      content: '你是一个专业的角色生成器。请为小说《{小说标题}》创建一个{角色类型}角色。\n\n【重要】必须严格按照以下格式输出，不要添加任何额外的解释或文字：\n\n外貌：身高一米七五，黑发黑眼，面容清秀\n性格：温和友善，聪明机智，有时略显内向\n背景：出身书香门第，自幼受到良好教育，立志成为学者\n标签：知识分子,温和,聪慧\n\n请完全按照以上示例格式生成角色信息，必须包含：外貌、性格、背景、标签这4个字段。\n\n角色设定：\n- 姓名：{姓名}\n- 角色定位：{角色定位}\n- 性别：{性别}\n- 年龄：{年龄}岁\n- 小说类型：{小说类型}\n\n开始生成：',
      tags: ['人设', '角色', '背景'],
      isDefault: true
    },
    {
      id: 11,
      title: '主角人设生成器',
      category: 'character',
      description: '专门生成主角的详细人设',
      content: '请为小说《{小说标题}》创建一个主角角色：\n- 姓名：{姓名}\n- 性别：{性别}\n- 年龄：{年龄}岁\n- 故事类型：{小说类型}\n\n作为主角，请特别注重：\n1. 独特的外貌特征（要有记忆点）\n2. 复杂的性格层次（优缺点并存）\n3. 深刻的成长背景（解释其动机）\n4. 核心能力或天赋\n5. 内心的矛盾与追求\n6. 与剧情相关的重要关系\n7. 主角光环的合理体现\n\n请按以下格式返回：\n外貌：[具有主角特质的外貌描述]\n性格：[复杂立体的性格设定]\n背景：[能够支撑主角成长的背景故事]\n标签：[主角,核心,关键词1,关键词2]',
      tags: ['主角', '核心人设', '成长'],
      isDefault: true
    },
    {
      id: 12,
      title: '反派角色生成器',
      category: 'character',
      description: '生成有深度的反派角色设定',
      content: '请为小说《{小说标题}》创建一个反派角色：\n- 姓名：{姓名}\n- 性别：{性别}\n- 年龄：{年龄}岁\n- 与主角的关系：{关系设定}\n\n作为反派，请注重：\n1. 威胁感十足的外貌特征\n2. 具有说服力的行事动机（不是纯粹的恶）\n3. 与主角形成对比的成长经历\n4. 强大的能力或权势\n5. 复杂的内心世界（有人性的一面）\n6. 与主角的深层联系或相似性\n7. 符合逻辑的行为准则\n\n请按以下格式返回：\n外貌：[具有威胁感的外貌描述]\n性格：[复杂的反派性格]\n背景：[解释其成为反派的原因]\n标签：[反派,对立,关键词1,关键词2]',
      tags: ['反派', '对立', '复杂'],
      isDefault: true
    },
    {
      id: 13,
      title: '配角人设生成器',
      category: 'character',
      description: '生成功能性强的配角设定',
      content: '请为小说《{小说标题}》创建一个配角：\n- 姓名：{姓名}\n- 性别：{性别}\n- 年龄：{年龄}岁\n- 角色功能：{角色作用}\n\n作为配角，请着重：\n1. 有特色的外貌（易于区分）\n2. 鲜明的性格标签（便于记忆）\n3. 与主要剧情相关的背景\n4. 特定的技能或知识\n5. 与主要角色的关系定位\n6. 推动剧情的功能性\n7. 适度的个人魅力\n\n请按以下格式返回：\n外貌：[有特色的外貌描述]\n性格：[鲜明的性格特点]\n背景：[功能性背景设定]\n标签：[配角,功能,关键词1,关键词2]',
      tags: ['配角', '功能性', '特色'],
      isDefault: true
    },
    {
      id: 14,
      title: '古风人物生成器',
      category: 'character',
      description: '专门生成古代背景的人物设定',
      content: '请为古风小说《{小说标题}》创建一个角色：\n- 姓名：{姓名}（需要古风韵味）\n- 性别：{性别}\n- 年龄：{年龄}岁\n- 身份地位：{社会地位}\n\n古风特色要求：\n1. 符合古代审美的外貌描述\n2. 体现古代文化的气质性格\n3. 合乎历史背景的成长经历\n4. 古代社会的技能才艺\n5. 符合身份的言行举止\n6. 古典文学的描写风格\n\n请按以下格式返回：\n外貌：[古典美学的外貌描述]\n性格：[古代文化底蕴的性格]\n背景：[符合历史的身世背景]\n标签：[古风,雅致,关键词1,关键词2]',
      tags: ['古风', '历史', '文化'],
      isDefault: true
    },
    {
      id: 15,
      title: '现代都市人物生成器',
      category: 'character',
      description: '生成现代都市背景的人物设定',
      content: '请为现代都市小说《{小说标题}》创建一个角色：\n- 姓名：{姓名}\n- 性别：{性别}\n- 年龄：{年龄}岁\n- 职业：{职业设定}\n\n现代都市特色：\n1. 现代时尚的外貌风格\n2. 都市生活塑造的性格\n3. 现代社会的成长背景\n4. 职场或生活技能\n5. 现代人的价值观念\n6. 都市节奏的生活方式\n\n请按以下格式返回：\n外貌：[现代时尚的外貌描述]\n性格：[都市生活的性格特征]\n背景：[现代社会的成长环境]\n标签：[都市,现代,关键词1,关键词2]',
      tags: ['现代', '都市', '职场'],
      isDefault: true
    },
    {
      id: 16,
      title: '玄幻修仙人物生成器',
      category: 'character',
      description: '生成玄幻修仙类的人物设定',
      content: '请为玄幻修仙小说《{小说标题}》创建一个角色：\n- 姓名：{姓名}（需要仙侠韵味）\n- 性别：{性别}\n- 年龄：{年龄}岁\n- 修为境界：{修为等级}\n\n玄幻修仙特色：\n1. 超凡脱俗的仙侠外貌\n2. 修炼塑造的独特气质\n3. 修仙世界的成长历程\n4. 法术神通或武学技能\n5. 修仙者的心境修为\n6. 与修仙体系的关联\n\n请按以下格式返回：\n外貌：[仙侠风格的外貌描述]\n性格：[修仙者的气质性格]\n背景：[修仙世界的成长背景]\n标签：[修仙,超凡,关键词1,关键词2]',
      tags: ['玄幻', '修仙', '超凡'],
      isDefault: true
    },
    {
      id: 17,
      title: '科幻未来人物生成器',
      category: 'character',
      description: '生成科幻未来背景的人物设定',
      content: '请为科幻小说《{小说标题}》创建一个角色：\n- 姓名：{姓名}（可以是代号或未来风格）\n- 性别：{性别}\n- 年龄：{年龄}岁\n- 科技背景：{科技设定}\n\n科幻未来特色：\n1. 科技感十足的外貌特征\n2. 未来社会影响的性格\n3. 科技文明的成长环境\n4. 高科技技能或改造\n5. 未来价值观和思维\n6. 与科技设定的关联\n\n请按以下格式返回：\n外貌：[科幻风格的外貌描述]\n性格：[未来文明的性格特征]\n背景：[科技社会的成长背景]\n标签：[科幻,未来,关键词1,关键词2]',
      tags: ['科幻', '未来', '科技'],
      isDefault: true
    },
    {
      id: 22,
      title: '批量角色生成器',
      category: 'character',
      description: '一次性生成多个角色的专用模板',
      content: '你是一个专业的小说角色生成器。请严格按照指定格式为小说《{小说标题}》生成{生成数量}个人物角色。\n\n【重要】必须严格按照以下格式输出，不要添加任何额外的解释或文字：\n\n角色1：\n姓名：张三\n角色：主角\n性别：男\n年龄：25\n外貌：身高一米八，浓眉大眼，面容坚毅\n性格：勇敢正直，有些冲动，但心地善良\n背景：出身农家，自幼习武，立志成为英雄\n标签：主角,勇敢,正义\n\n角色2：\n姓名：李美娜\n角色：配角\n性别：女\n年龄：22\n外貌：身材娇小，长发飘逸，眼神清澈动人\n性格：温柔善良，聪明机智，偶尔有些任性\n背景：大家闺秀，从小接受良好教育，精通琴棋书画\n标签：配角,温柔,才女\n\n请完全按照以上示例格式生成{生成数量}个角色，每个角色都必须包含：姓名、角色、性别、年龄、外貌、性格、背景、标签这8个字段。\n\n小说设定：\n- 标题：{小说标题}\n- 类型：{小说类型}\n- 简介：{小说简介}\n\n角色类型要求：{角色类型}\n\n特殊要求：{特殊要求}\n\n开始生成：',
      tags: ['批量', '多角色', '团队'],
      isDefault: true
    },
    // 世界观生成提示词
    {
      id: 18,
      title: '基础世界观生成器',
      category: 'worldview',
      description: '生成小说的基础世界观设定',
      content: '请为小说《{小说标题}》生成{生成数量}个世界观设定。\n\n小说信息：\n- 类型：{小说类型}\n- 简介：{小说简介}\n\n设定类型：{设定类型}\n\n特殊要求：{特殊要求}\n\n请为每个设定生成详细信息，格式如下：\n\n设定1：\n标题：[设定标题]\n类型：[设定类型]\n描述：[详细描述，包含具体规则、特点、影响等]\n\n设定2：\n...\n\n请确保设定之间具有关联性和一致性。',
      tags: ['世界观', '设定', '基础'],
      isDefault: true
    },
    {
      id: 19,
      title: '魔法体系生成器',
      category: 'worldview',
      description: '专门生成魔法系统的世界观设定',
      content: '请为小说《{小说标题}》设计一套完整的魔法体系。\n\n小说类型：{小说类型}\n魔法特色要求：{特殊要求}\n\n请包含以下内容：\n1. 魔法的基本原理和来源\n2. 魔法等级划分系统\n3. 施法方式和条件\n4. 魔法的限制和代价\n5. 魔法在社会中的地位\n6. 主要魔法流派或分类\n\n格式：\n标题：[魔法体系名称]\n类型：魔法体系\n描述：[详细的魔法体系说明]',
      tags: ['魔法', '体系', '玄幻'],
      isDefault: true
    },
    {
      id: 20,
      title: '社会政治生成器',
      category: 'worldview',
      description: '生成社会制度和政治结构设定',
      content: '请为小说《{小说标题}》设计社会政治结构。\n\n小说类型：{小说类型}\n政治特色：{特殊要求}\n\n请详细设定：\n1. 国家或政权形式\n2. 社会等级制度\n3. 权力分配机制\n4. 法律和规则体系\n5. 主要政治势力\n6. 社会矛盾和冲突\n\n格式：\n标题：[政治体系名称]\n类型：政治制度\n描述：[详细的政治社会结构说明]',
      tags: ['政治', '社会', '制度'],
      isDefault: true
    },
    {
      id: 21,
      title: '地理环境生成器',
      category: 'worldview',
      description: '生成世界的地理环境和自然设定',
      content: '请为小说《{小说标题}》设计地理环境。\n\n小说类型：{小说类型}\n环境特点：{特殊要求}\n\n请详细描述：\n1. 大陆或世界整体布局\n2. 主要地形地貌特征\n3. 气候和自然现象\n4. 特殊的地理奇观\n5. 资源分布情况\n6. 地理对文明的影响\n\n格式：\n标题：[地理区域名称]\n类型：地理环境\n描述：[详细的地理环境描述]',
      tags: ['地理', '环境', '自然'],
      isDefault: true
    }
  ]
}

// 保存提示词到本地存储
const savePrompts = () => {
  try {
    localStorage.setItem('prompts', JSON.stringify(availablePrompts.value))
  } catch (error) {
    console.error('保存提示词失败:', error)
  }
}

// 根据类型筛选提示词
const getPromptsByCategory = (category) => {
  return availablePrompts.value.filter(prompt => prompt.category === category)
}

// 打开提示词选择对话框
const openPromptDialog = (category) => {
  selectedPromptCategory.value = category
  showPromptDialog.value = true
  selectedPrompt.value = null
  promptVariables.value = {}
  finalPrompt.value = ''
  
  // 如果是人物生成，自动填充已有的人物信息
  if (category === 'character' && characterForm.value) {
    setTimeout(() => {
      autoFillCharacterVariables()
    }, 100) // 延迟执行确保对话框已显示
  }
  
  // 如果是世界观生成，自动填充相关信息
  if (category === 'worldview' && showWorldGenerateDialog.value) {
    setTimeout(() => {
      autoFillWorldSettingVariables()
    }, 100) // 延迟执行确保对话框已显示
  }
}

// 选择提示词
const selectPrompt = (prompt) => {
  selectedPrompt.value = prompt
  promptVariables.value = {}
  
  // 提取变量
  const matches = prompt.content.match(/\{([^}]+)\}/g)
  if (matches) {
    matches.forEach(match => {
      const variable = match.slice(1, -1)
      promptVariables.value[variable] = ''
    })
  }
  
  // 如果是人物生成，自动填充已有的人物信息
  if (selectedPromptCategory.value === 'character' && characterForm.value) {
    autoFillCharacterVariables()
  }
  
  // 如果是世界观生成，自动填充相关信息
  if (selectedPromptCategory.value === 'worldview' && showWorldGenerateDialog.value) {
    autoFillWorldSettingVariables()
  }
  
  generateFinalPrompt()
}

// 自动填充人物变量
const autoFillCharacterVariables = () => {
  if (selectedPromptCategory.value !== 'character') return
  
  // 自动填充基本信息
  promptVariables.value['小说标题'] = currentNovel.value?.title || '未命名小说'
  promptVariables.value['姓名'] = characterForm.value.name || ''
  promptVariables.value['性别'] = characterForm.value.gender === 'male' ? '男' : 
                              characterForm.value.gender === 'female' ? '女' : '其他'
  promptVariables.value['年龄'] = characterForm.value.age?.toString() || '25'
  
  // 角色定位转换
  const roleMapping = {
    protagonist: '主角',
    supporting: '配角', 
    antagonist: '反派',
    minor: '次要角色'
  }
  promptVariables.value['角色定位'] = roleMapping[characterForm.value.role] || '配角'
  promptVariables.value['角色类型'] = roleMapping[characterForm.value.role] || '配角'
  
  // 根据小说类型填充相关信息
  const novelGenre = currentNovel.value?.genre || '现代'
  promptVariables.value['小说类型'] = novelGenre
  
  // 为不同类型的人物生成器预填充特定信息
  if (characterForm.value.role === 'antagonist') {
    promptVariables.value['关系设定'] = '与主角对立的敌人'
  }
  
  if (characterForm.value.role === 'supporting') {
    promptVariables.value['角色作用'] = '协助主角发展剧情'
  }
  
  // 根据小说类型填充背景信息
  if (novelGenre.includes('古风') || novelGenre.includes('古代')) {
    promptVariables.value['社会地位'] = '普通百姓'
  } else if (novelGenre.includes('现代') || novelGenre.includes('都市')) {
    promptVariables.value['职业设定'] = '上班族'
  } else if (novelGenre.includes('玄幻') || novelGenre.includes('修仙')) {
    promptVariables.value['修为等级'] = '练气期'
  } else if (novelGenre.includes('科幻')) {
    promptVariables.value['科技设定'] = '星际文明时代'
  }
  
  generateFinalPrompt()
}

// 生成最终提示词
const generateFinalPrompt = () => {
  if (!selectedPrompt.value) {
    finalPrompt.value = ''
    return
  }
  
  let result = selectedPrompt.value.content
  Object.keys(promptVariables.value).forEach(variable => {
    const value = promptVariables.value[variable] || `{${variable}}`
    result = result.replace(new RegExp(`\\{${variable}\\}`, 'g'), value)
  })
  
  finalPrompt.value = result
}

// 监听变量变化
watch(promptVariables, () => {
  generateFinalPrompt()
}, { deep: true })

// 获取分类名称
const getCategoryName = () => {
  const categoryNames = {
    outline: '章节大纲',
    content: '基础正文',
    'content-dialogue': '对话生成',
    'content-scene': '场景描写',
    'content-action': '动作情节',
    'content-psychology': '心理描写',
    polish: '文本优化',
    continue: '智能续写',
    character: '人物生成',
    worldview: '世界观生成'
  }
  return categoryNames[selectedPromptCategory.value] || '提示词'
}

// 重置提示词对话框
const resetPromptDialog = () => {
  selectedPrompt.value = null
  promptVariables.value = {}
  finalPrompt.value = ''
}

// 复制提示词到剪贴板
const copyPromptToClipboard = async () => {
  try {
    await navigator.clipboard.writeText(finalPrompt.value)
    ElMessage.success('提示词已复制到剪贴板')
  } catch (error) {
    ElMessage.error('复制失败')
  }
}

// 跳转到提示词库
const goToPromptLibrary = () => {
  router.push('/prompts')
}

// 使用选中的提示词
const useSelectedPrompt = () => {
  if (!selectedPrompt.value || !finalPrompt.value) {
    ElMessage.warning('请选择提示词并填充变量')
    return
  }

  // 判断当前是什么类型的提示词选择
  if (selectedPromptCategory.value === 'character' && showBatchGenerateCharacterDialog.value) {
    // 批量生成角色提示词
    batchCharacterSelectedPrompt.value = selectedPrompt.value
    batchCharacterPromptVariables.value = { ...promptVariables.value }
    batchCharacterFinalPrompt.value = finalPrompt.value
    showPromptDialog.value = false
    ElMessage.success('已选择批量生成角色提示词')
    return
  }
  
  if (selectedPromptCategory.value === 'worldview' && showWorldGenerateDialog.value) {
    // 世界观生成提示词
    worldSettingSelectedPrompt.value = selectedPrompt.value
    worldSettingPromptVariables.value = { ...promptVariables.value }
    worldSettingFinalPrompt.value = finalPrompt.value
    showPromptDialog.value = false
    ElMessage.success('已选择世界观生成提示词')
    return
  }

  // 原有的生成操作
  switch (selectedPromptCategory.value) {
    case 'outline':
      generateChaptersWithPrompt(finalPrompt.value)
      break
    case 'content':
      generateContentWithPrompt(finalPrompt.value)
      break
    case 'polish':
      optimizeTextWithPrompt(finalPrompt.value)
      break
    case 'continue':
      continueWritingWithPrompt(finalPrompt.value)
      break
    case 'character':
      generateCharacterWithPrompt(finalPrompt.value)
      break
    case 'worldview':
      // 世界观提示词已在上面的特殊处理中处理
      ElMessage.success('世界观提示词已准备就绪')
      break
    default:
      ElMessage.warning('未知的提示词类型')
      return
  }

  showPromptDialog.value = false
  ElMessage.success('正在使用自定义提示词生成内容...')
}

// 打开章节生成对话框
const openChapterGenerateDialog = (chapter) => {
  targetChapter.value = chapter
  showChapterGenerateDialog.value = true
  
  // 重置选择的素材
  selectedMaterials.value = {
    characters: [],
    worldSettings: [],
    corpus: [],
    events: []
  }
  
  // 重置生成配置
  generateConfig.value = {
    wordCount: 2000,
    style: 'third-person',
    focus: '',
    useContext: true
  }
  
  // 重置提示词选择
  selectedPrompt.value = null
  promptVariables.value = {}
  finalPrompt.value = ''
}

// 自动填充变量
const autoFillVariables = () => {
  if (!selectedPrompt.value || !targetChapter.value) return
  
  // 自动填充基本信息
  promptVariables.value['小说标题'] = currentNovel.value?.title || '未命名小说'
  promptVariables.value['章节标题'] = targetChapter.value.title || ''
  promptVariables.value['章节大纲'] = targetChapter.value.description || '暂无大纲'
  promptVariables.value['目标字数'] = generateConfig.value.wordCount.toString()
  promptVariables.value['写作视角'] = getViewpointDescription(generateConfig.value.style)
  promptVariables.value['重点内容'] = generateConfig.value.focus || '按大纲发展'
  
  // 填充人物信息
  if (selectedMaterials.value.characters.length > 0) {
    const characterInfo = selectedMaterials.value.characters.map(char => 
      `${char.name}（${char.role}）：${char.personality || '暂无描述'}`
    ).join('\n')
    promptVariables.value['主要人物'] = characterInfo
  }
  
  // 填充世界观信息
  if (selectedMaterials.value.worldSettings.length > 0) {
    const worldInfo = selectedMaterials.value.worldSettings.map(setting => 
      `${setting.title}：${setting.description || '暂无描述'}`
    ).join('\n')
    promptVariables.value['世界观设定'] = worldInfo
  }
  
  // 填充语料库信息
  if (selectedMaterials.value.corpus.length > 0) {
    const corpusInfo = selectedMaterials.value.corpus.map(item => 
      `【${item.title}】${item.content}`
    ).join('\n\n')
    promptVariables.value['参考语料'] = corpusInfo
  }
  
  // 填充前文内容
  if (generateConfig.value.useContext) {
    const chapterIndex = chapters.value.findIndex(ch => ch.id === targetChapter.value.id)
    if (chapterIndex > 0) {
      const previousChapters = chapters.value.slice(Math.max(0, chapterIndex - 2), chapterIndex)
      const contextInfo = previousChapters.map(ch => 
        `第${chapters.value.indexOf(ch) + 1}章《${ch.title}》：${ch.description || '暂无概要'}`
      ).join('\n')
      promptVariables.value['前文概要'] = contextInfo
    }
  }
  
  generateFinalPrompt()
}

// 使用选中的提示词和素材生成
const generateWithSelectedMaterials = async () => {
  if (!selectedPrompt.value || !finalPrompt.value) {
    ElMessage.warning('请选择提示词并确保变量已填充完整')
    return
  }
  
  if (!targetChapter.value) {
    ElMessage.warning('目标章节丢失，请重新选择')
    return
  }
  
  // 切换到目标章节
  selectChapter(targetChapter.value)
  
  // 关闭对话框
  showChapterGenerateDialog.value = false
  
  // 使用自定义提示词生成内容
  await generateContentWithPrompt(finalPrompt.value)
  
  ElMessage.success('正在使用选定的提示词和素材生成章节内容...')
}

// 切换素材选择
const toggleMaterial = (type, material) => {
  const materials = selectedMaterials.value[type]
  const index = materials.findIndex(item => item.id === material.id)
  
  if (index > -1) {
    // 已选中，取消选择
    materials.splice(index, 1)
  } else {
    // 未选中，添加选择
    materials.push(material)
  }
}

// 为章节选择提示词
const selectPromptForChapter = (prompt) => {
  selectedPrompt.value = prompt
  promptVariables.value = {}
  
  // 提取变量
  const matches = prompt.content.match(/\{([^}]+)\}/g)
  if (matches) {
    matches.forEach(match => {
      const variable = match.slice(1, -1)
      promptVariables.value[variable] = ''
    })
  }
  
  // 自动填充变量
  nextTick(() => {
    autoFillVariables()
  })
}

// 获取语料库类型样式
const getCorpusType = (type) => {
  const typeMap = {
    '对话': 'primary',
    '描写': 'success',
    '情节': 'warning',
    '其他': 'info'
  }
  return typeMap[type] || 'info'
}

// 显示批量生成对话框
const showBatchGenerateDialog = () => {
  showBatchGenerateCharacterDialog.value = true
  // 重置配置
  batchGenerateConfig.value = {
    count: 5,
    includeMainCharacters: true,
    includeSupportingCharacters: true,
    includeMinorCharacters: true,
    customPrompt: '',
    autoAssignRoles: true
  }
  batchGenerateResults.value = []
  generatedCharacters.value = []
}

// 批量生成角色
const batchGenerateCharacters = async () => {
  if (!checkApiAndBalance()) return
  
  batchGenerating.value = true
  batchGenerateResults.value = []
  generatedCharacters.value = []
  streamingContent.value = ''
  isStreaming.value = true
  streamingType.value = 'batchCharacters'
  
  try {
    let finalPrompt = ''
    
    // 获取用户配置
    const characterTypes = []
    if (batchGenerateConfig.value.includeMainCharacters) characterTypes.push('主角')
    if (batchGenerateConfig.value.includeSupportingCharacters) characterTypes.push('配角')
    if (batchGenerateConfig.value.includeMinorCharacters) characterTypes.push('次要角色')
    
    // 如果选择了自定义提示词，融合用户配置
    if (batchCharacterSelectedPrompt.value && batchCharacterFinalPrompt.value) {
      finalPrompt = `=== 小说基本信息 ===
小说标题：${currentNovel.value?.title || '未命名小说'}
小说类型：${currentNovel.value?.genre || '通用'}
小说简介：${currentNovel.value?.description || '暂无简介'}

=== 角色生成要求 ===
${batchCharacterFinalPrompt.value}

=== 生成配置 ===
生成数量：${batchGenerateConfig.value.count}个角色
角色类型：${characterTypes.join('、')}

${batchGenerateConfig.value.customPrompt ? `额外要求：${batchGenerateConfig.value.customPrompt}` : ''}

请根据小说信息和以上提示词生成${batchGenerateConfig.value.count}个角色，角色类型应该包括：${characterTypes.join('、')}。确保角色设定符合小说的世界观和风格。`
    } else {
      // 使用默认提示词逻辑
      finalPrompt = `=== 小说基本信息 ===
小说标题：${currentNovel.value?.title || '未命名小说'}
小说类型：${currentNovel.value?.genre || '通用'}
小说简介：${currentNovel.value?.description || '暂无简介'}

=== 角色生成任务 ===
你是一个专业的小说角色生成器。请严格按照指定格式为上述小说生成${batchGenerateConfig.value.count}个人物角色。

【重要】必须严格按照以下格式输出，不要添加任何额外的解释或文字：

角色1：
姓名：张三
角色：主角
性别：男
年龄：25
外貌：身高一米八，浓眉大眼，面容坚毅
性格：勇敢正直，有些冲动，但心地善良
背景：出身农家，自幼习武，立志成为英雄
标签：主角,勇敢,正义

角色2：
姓名：李美娜
角色：配角
性别：女
年龄：22
外貌：身材娇小，长发飘逸，眼神清澈动人
性格：温柔善良，聪明机智，偶尔有些任性
背景：大家闺秀，从小接受良好教育，精通琴棋书画
标签：配角,温柔,才女

请完全按照以上示例格式生成${batchGenerateConfig.value.count}个角色，每个角色都必须包含：姓名、角色、性别、年龄、外貌、性格、背景、标签这8个字段。

=== 生成要求 ===
角色类型要求：${characterTypes.join('、')}
${batchGenerateConfig.value.customPrompt ? `特殊要求：${batchGenerateConfig.value.customPrompt}` : ''}

请确保所有角色设定都符合小说的世界观、类型和风格特点。

开始生成：`
    }

    // 为批量角色生成添加强制格式后缀
    const formatSuffix = `

=== 重要格式要求 ===
无论上述提示词如何，你必须严格按照以下格式输出，不得有任何偏差：

请生成${batchGenerateConfig.value.count}个角色，角色类型包括：${characterTypes.join('、')}

角色1：
姓名：[角色姓名]
角色：[主角/配角/反派/次要角色]
性别：[男/女/其他]
年龄：[数字]
外貌：[详细外貌描述]
性格：[性格特点描述]
背景：[背景故事]
标签：[标签1,标签2,标签3]

角色2：
姓名：[角色姓名]
角色：[主角/配角/反派/次要角色]
性别：[男/女/其他]
年龄：[数字]
外貌：[详细外貌描述]
性格：[性格特点描述]
背景：[背景故事]
标签：[标签1,标签2,标签3]

继续按此格式直到生成完所有${batchGenerateConfig.value.count}个角色。每个角色必须包含这8个字段。角色类型应该在${characterTypes.join('、')}中选择。`

    const finalPromptWithFormat = finalPrompt + formatSuffix
    
    console.log('=== 批量角色生成最终提示词 ===')
    console.log(finalPromptWithFormat)
    console.log('=== 提示词结束 ===')

    const aiResponse = await apiService.generateTextStream(finalPromptWithFormat, {
      maxTokens: 3000,
      temperature: 0.8,
      type: 'character'
    }, (chunk, fullContent) => {
      // 实时更新流式内容
      streamingContent.value = fullContent
      
      // 实时解析角色
      parseGeneratedCharacters(fullContent)
      
      // 自动滚动到最新内容
      nextTick(() => {
        const streamElement = document.querySelector('.streaming-content')
        if (streamElement) {
          streamElement.scrollTop = streamElement.scrollHeight
        }
      })
    })
    
    // 最终解析
    parseGeneratedCharacters(aiResponse)
    
    ElMessage.success(`成功生成 ${generatedCharacters.value.length} 个角色`)
  } catch (error) {
    console.error('批量生成角色失败:', error)
    ElMessage.error(`批量生成失败: ${error.message}`)
  } finally {
    batchGenerating.value = false
    isStreaming.value = false
    streamingContent.value = ''
  }
}

// 测试角色解析功能
const testCharacterParsing = () => {
  const testContent = `角色1：
姓名：张三
角色：主角
性别：男
年龄：25
外貌：身高一米八，黑发黑眼，面容俊朗
性格：勇敢果断，有些冲动，但心地善良
背景：出身贫寒农家，但意志坚定，立志成为英雄
标签：主角,勇敢,农家子弟

角色2：
姓名：李美娜
角色：配角
性别：女
年龄：22
外貌：身材娇小，长发飘逸，眼神清澈动人
性格：温柔善良，聪明机智，偶尔有些任性
背景：大家闺秀，从小接受良好教育，精通琴棋书画
标签：配角,温柔,才女`
  
  console.log('开始测试角色解析...')
  parseGeneratedCharacters(testContent)
  console.log('测试完成，解析结果:', generatedCharacters.value)
  
  if (generatedCharacters.value.length > 0) {
    ElMessage.success(`测试成功！解析出 ${generatedCharacters.value.length} 个角色`)
  } else {
    ElMessage.error('测试失败：没有解析出任何角色')
  }
}

// 解析生成的角色信息  
const parseGeneratedCharacters = (content) => {
  if (!content || !content.trim()) {
    generatedCharacters.value = []
    return
  }
  
  console.log('=== 开始解析角色信息 ===')
  console.log('角色原始内容:', content)
  console.log('内容长度:', content.length)
  console.log('内容前300字符:', content.substring(0, 300))
  
  // 通用的角色信息提取函数
  const extractCharacterInfo = (text) => {
    const character = {
      id: Date.now() + Math.random() * 1000,
      name: '',
      role: 'supporting',
      gender: 'male', 
      age: 25,
      appearance: '',
      personality: '',
      background: '',
      tags: [],
      avatar: '',
      createdAt: new Date(),
      generated: true
    }
    
    // 提取姓名 - 支持多种格式
    const namePatterns = [
      /(?:姓名|名字|角色名|name)\s*[：:]\s*([^\n\r]+)/i,
      /^([^\n\r：:]{1,10})\s*[：:]?\s*(?:是|为|作为)/,
      /^([^\n\r：:]{2,8})(?:\s|$)/,
    ]
    
    for (const pattern of namePatterns) {
      const match = text.match(pattern)
      if (match && match[1] && match[1].trim()) {
        character.name = match[1].trim()
        console.log('提取到姓名:', character.name)
        break
      }
    }
    
    // 提取角色类型
    const rolePatterns = [
      /(?:角色|职责|定位|类型)\s*[：:]\s*([^\n\r]+)/i,
      /(主角|配角|反派|次要角色|男主|女主|反面角色|支持角色)/i
    ]
    
    for (const pattern of rolePatterns) {
      const match = text.match(pattern)
      if (match && match[1]) {
        const roleText = match[1].trim()
        if (roleText.includes('主角') || roleText.includes('男主') || roleText.includes('女主')) {
          character.role = 'protagonist'
        } else if (roleText.includes('反派') || roleText.includes('反面')) {
          character.role = 'antagonist'
        } else if (roleText.includes('配角') || roleText.includes('支持')) {
          character.role = 'supporting'
        } else {
          character.role = 'minor'
        }
        console.log('提取到角色类型:', character.role)
        break
      }
    }
    
    // 提取性别
    const genderPatterns = [
      /(?:性别|gender)\s*[：:]\s*([^\n\r]+)/i,
      /(男性|女性|男|女|male|female)/i
    ]
    
    for (const pattern of genderPatterns) {
      const match = text.match(pattern)
      if (match && match[1]) {
        const genderText = match[1].trim().toLowerCase()
        if (genderText.includes('女') || genderText.includes('female')) {
          character.gender = 'female'
        } else if (genderText.includes('男') || genderText.includes('male')) {
          character.gender = 'male'
        } else {
          character.gender = 'other'
        }
        console.log('提取到性别:', character.gender)
        break
      }
    }
    
    // 提取年龄
    const agePatterns = [
      /(?:年龄|age)\s*[：:]\s*(\d+)/i,
      /(\d+)\s*(?:岁|years)/i,
      /年龄[约大概]*\s*(\d+)/i
    ]
    
    for (const pattern of agePatterns) {
      const match = text.match(pattern)
      if (match && match[1]) {
        const age = parseInt(match[1])
        if (!isNaN(age) && age > 0 && age < 200) {
          character.age = age
          console.log('提取到年龄:', character.age)
          break
        }
      }
    }
    
    // 提取外貌
    const appearancePatterns = [
      /(?:外貌|外观|长相|appearance)\s*[：:]\s*([^\n\r姓名角色性别年龄性格背景标签]+)/i,
      /外貌特征[：:]([^\n\r姓名角色性别年龄性格背景标签]+)/i,
      /长得([^\n\r姓名角色性别年龄性格背景标签]+)/i
    ]
    
    for (const pattern of appearancePatterns) {
      const match = text.match(pattern)
      if (match && match[1] && match[1].trim()) {
        character.appearance = match[1].trim()
        console.log('提取到外貌:', character.appearance.substring(0, 50))
        break
      }
    }
    
    // 提取性格
    const personalityPatterns = [
      /(?:性格|个性|personality)\s*[：:]\s*([^\n\r姓名角色性别年龄外貌背景标签]+)/i,
      /性格特点[：:]([^\n\r姓名角色性别年龄外貌背景标签]+)/i,
      /为人([^\n\r姓名角色性别年龄外貌背景标签]+)/i
    ]
    
    for (const pattern of personalityPatterns) {
      const match = text.match(pattern)
      if (match && match[1] && match[1].trim()) {
        character.personality = match[1].trim()
        console.log('提取到性格:', character.personality.substring(0, 50))
        break
      }
    }
    
    // 提取背景
    const backgroundPatterns = [
      /(?:背景|经历|身世|background)\s*[：:]\s*([^\n\r姓名角色性别年龄外貌性格标签]+)/i,
      /出身([^\n\r姓名角色性别年龄外貌性格标签]+)/i,
      /来自([^\n\r姓名角色性别年龄外貌性格标签]+)/i
    ]
    
    for (const pattern of backgroundPatterns) {
      const match = text.match(pattern)
      if (match && match[1] && match[1].trim()) {
        character.background = match[1].trim()
        console.log('提取到背景:', character.background.substring(0, 50))
        break
      }
    }
    
    // 提取标签
    const tagPatterns = [
      /(?:标签|tags?)\s*[：:]\s*([^\n\r]+)/i,
      /特征[：:]([^\n\r]+)/i
    ]
    
    for (const pattern of tagPatterns) {
      const match = text.match(pattern)
      if (match && match[1] && match[1].trim()) {
        character.tags = match[1].trim().split(/[,，\s]+/).map(tag => tag.trim()).filter(tag => tag)
        console.log('提取到标签:', character.tags)
        break
      }
    }
    
    return character
  }
  
  // 尝试不同的分割方式
  let characterBlocks = []
  
  // 方式1: 按角色编号分割 (角色1:, 角色2:, etc.)
  if (content.match(/角色\d+[：:]/)) {
    characterBlocks = content.split(/角色\d+[：:]/i).filter(block => block.trim())
    console.log('使用角色编号分割，得到', characterBlocks.length, '个块')
  }
  // 方式2: 按标题分割 (## 标题, # 标题)
  else if (content.match(/#{1,3}\s+/)) {
    characterBlocks = content.split(/#{1,3}\s+/).filter(block => block.trim())
    console.log('使用标题分割，得到', characterBlocks.length, '个块')
  }
  // 方式3: 按数字列表分割 (1., 2., etc.)
  else if (content.match(/^\d+\./m)) {
    characterBlocks = content.split(/^\d+\./m).filter(block => block.trim())
    console.log('使用数字列表分割，得到', characterBlocks.length, '个块')
  }
  // 方式4: 按姓名字段分割
  else if ((content.match(/姓名[：:]/g) || []).length > 1) {
    characterBlocks = content.split(/(?=姓名[：:])/).filter(block => block.trim())
    console.log('使用姓名字段分割，得到', characterBlocks.length, '个块')
  }
  // 方式5: 按空行分割
  else {
    characterBlocks = content.split(/\n\s*\n/).filter(block => block.trim())
    if (characterBlocks.length === 1) {
      // 如果只有一个块，尝试按其他方式分割
      characterBlocks = [content]
    }
    console.log('使用空行分割，得到', characterBlocks.length, '个块')
  }
  
  characterBlocks.forEach((block, i) => {
    console.log(`块${i}内容:`, block.substring(0, 100) + (block.length > 100 ? '...' : ''))
  })
  
  const parsed = []
  
  // 使用新的提取逻辑处理每个块
  characterBlocks.forEach((block, index) => {
    if (!block.trim()) return
    
    console.log(`=== 处理角色块 ${index} ===`)
    console.log('块内容:', block)
    
    const character = extractCharacterInfo(block)
    
    // 如果没有提取到姓名，尝试生成一个
    if (!character.name) {
      // 尝试从第一行提取可能的姓名
      const firstLine = block.split('\n')[0]?.trim()
      if (firstLine && firstLine.length < 20 && !firstLine.includes('：') && !firstLine.includes(':')) {
        character.name = firstLine.replace(/^[^\u4e00-\u9fa5a-zA-Z]*/, '').trim()
      }
      
      // 如果还是没有姓名，生成默认姓名
      if (!character.name) {
        character.name = `角色${index + 1}`
      }
    }
    
    // 为空字段提供智能默认值
    if (!character.appearance && (character.personality || character.background)) {
      character.appearance = '外貌特征待补充'
    }
    if (!character.personality && (character.appearance || character.background)) {
      character.personality = '性格特点待补充'
    }
    if (!character.background && (character.appearance || character.personality)) {
      character.background = '背景故事待补充'
    }
    if (character.tags.length === 0) {
      character.tags = [character.role === 'protagonist' ? '主角' : '配角']
    }
    
    console.log(`最终角色结果 ${index}:`, {
      name: character.name,
      role: character.role,
      gender: character.gender,
      age: character.age,
      appearance: character.appearance?.substring(0, 50) + '...',
      personality: character.personality?.substring(0, 50) + '...',
      background: character.background?.substring(0, 50) + '...',
      tags: character.tags
    })
    
    // 只要有姓名就添加
    if (character.name && character.name !== '角色') {
      parsed.push(character)
    }
  })
  
  console.log('角色最终解析结果数量:', parsed.length)
  generatedCharacters.value = parsed
}

// 确认添加生成的角色
const confirmAddGeneratedCharacters = () => {
  const selectedCharacters = generatedCharacters.value.filter(char => char.selected !== false)
  
  if (selectedCharacters.length === 0) {
    ElMessage.warning('请选择要添加的角色')
    return
  }
  
  // 添加到角色列表
  characters.value.push(...selectedCharacters)
  
  // 保存数据
  saveNovelData()
  
  // 关闭对话框
  showBatchGenerateCharacterDialog.value = false
  
  ElMessage.success(`成功添加 ${selectedCharacters.length} 个角色`)
}

// 切换角色选择状态
const toggleCharacterSelection = (character) => {
  character.selected = character.selected !== false ? false : true
}

// 获取角色类型样式
const getRoleType = (role) => {
  const roleMap = {
    'protagonist': 'danger',
    'supporting': 'primary',
    'antagonist': 'warning',
    'minor': 'info'
  }
  return roleMap[role] || 'info'
}

// 获取角色类型文本
const getRoleText = (role) => {
  const roleMap = {
    'protagonist': '主角',
    'supporting': '配角',
    'antagonist': '反派',
    'minor': '次要角色'
  }
  return roleMap[role] || '配角'
}

// 获取性别文本
const getGenderText = (gender) => {
  const genderMap = {
    'male': '男',
    'female': '女',
    'other': '其他'
  }
  return genderMap[gender] || '男'
}

// 格式化流式内容显示
const formatStreamingContent = (content) => {
  if (!content) return ''
  
  // 将换行符转换为HTML换行
  let formatted = content.replace(/\n/g, '<br/>')
  
  // 高亮角色标题
  formatted = formatted.replace(/(角色\d+：)/g, '<strong style="color: #409eff; font-size: 16px;">$1</strong>')
  
  // 高亮世界观设定标题
  formatted = formatted.replace(/(设定\d+：)/g, '<strong style="color: #409eff; font-size: 16px;">$1</strong>')
  
  // 高亮字段标签（角色相关）
  formatted = formatted.replace(/(姓名|角色|性别|年龄|外貌|性格|背景|标签)：/g, '<strong style="color: #67c23a;">$1：</strong>')
  
  // 高亮字段标签（世界观相关）
  formatted = formatted.replace(/(标题|类型|描述)：/g, '<strong style="color: #67c23a;">$1：</strong>')
  
  return formatted
}

// 获取世界观设定类型样式
const getWorldSettingType = (type) => {
  const typeMap = {
    '地理环境': 'success',
    '文化社会': 'primary',
    '历史背景': 'warning',
    '魔法体系': 'danger',
    '科技水平': 'info',
    '其他': ''
  }
  return typeMap[type] || ''
}

// 显示世界观生成对话框
const openWorldGenerateDialog = () => {
  showWorldGenerateDialog.value = true
  // 重置配置
  worldGenerateConfig.value = {
    count: 3,
    includeGeography: true,
    includeCulture: true,
    includeHistory: true,
    includeMagic: false,
    includeTechnology: false,
    customPrompt: ''
  }
  generatedWorldSettings.value = []
}

// AI生成世界观设定
const generateWorldSettings = async () => {
  if (!checkApiAndBalance()) return
  
  worldGenerating.value = true
  generatedWorldSettings.value = []
  streamingContent.value = ''
  isStreaming.value = true
  streamingType.value = 'worldSettings'
  
  try {
    let finalPrompt = ''
    
    // 如果用户选择了自定义提示词，使用自定义提示词
    if (worldSettingSelectedPrompt.value && worldSettingFinalPrompt.value) {
      finalPrompt = `=== 小说基本信息 ===
小说标题：${currentNovel.value?.title || '未命名小说'}
小说类型：${currentNovel.value?.genre || '通用'}
小说简介：${currentNovel.value?.description || '暂无简介'}

=== 世界观生成要求 ===
${worldSettingFinalPrompt.value}

请根据小说信息和以上要求生成${worldGenerateConfig.value.count}个世界观设定，确保设定符合小说的整体风格和世界观。`
      console.log('使用自定义世界观提示词:', finalPrompt)
    } else {
      // 使用默认的生成逻辑
      const includeTypes = []
      if (worldGenerateConfig.value.includeGeography) includeTypes.push('地理环境')
      if (worldGenerateConfig.value.includeCulture) includeTypes.push('文化社会')
      if (worldGenerateConfig.value.includeHistory) includeTypes.push('历史背景')
      if (worldGenerateConfig.value.includeMagic) includeTypes.push('魔法体系')
      if (worldGenerateConfig.value.includeTechnology) includeTypes.push('科技水平')
      
      finalPrompt = `=== 小说基本信息 ===
小说标题：${currentNovel.value?.title || '未命名小说'}
小说类型：${currentNovel.value?.genre || '通用'}
小说简介：${currentNovel.value?.description || '暂无简介'}

=== 世界观生成任务 ===
请为上述小说生成${worldGenerateConfig.value.count}个世界观设定。

=== 生成要求 ===
设定类型要求：${includeTypes.join('、')}
${worldGenerateConfig.value.customPrompt ? `特殊要求：${worldGenerateConfig.value.customPrompt}` : ''}

请为每个设定生成详细信息，格式如下：

设定1：
标题：[设定标题]
类型：[设定类型]
描述：[详细描述，包含具体的设定内容、规则、特点等]

设定2：
...

请确保所有设定都符合小说的类型、风格和世界观，设定之间具有关联性和一致性。`
      
      console.log('使用默认世界观提示词')
    }

    const aiResponse = await apiService.generateTextStream(finalPrompt, {
      maxTokens: 2500,
      temperature: 0.8,
      type: 'worldview'
    }, (chunk, fullContent) => {
      // 实时更新流式内容
      streamingContent.value = fullContent
      
      // 实时解析世界观设定
      parseGeneratedWorldSettings(fullContent)
      
      // 自动滚动到最新内容
      nextTick(() => {
        const streamElement = document.querySelector('.streaming-content')
        if (streamElement) {
          streamElement.scrollTop = streamElement.scrollHeight
        }
      })
    })
    
    // 最终解析
    parseGeneratedWorldSettings(aiResponse)
    
    ElMessage.success(`成功生成 ${generatedWorldSettings.value.length} 个世界观设定`)
  } catch (error) {
    console.error('AI生成世界观设定失败:', error)
    ElMessage.error(`世界观生成失败: ${error.message}`)
  } finally {
    worldGenerating.value = false
    isStreaming.value = false
    streamingContent.value = ''
  }
}

// 解析生成的世界观设定
const parseGeneratedWorldSettings = (content) => {
  if (!content || !content.trim()) {
    generatedWorldSettings.value = []
    return
  }
  
  console.log('原始内容:', content)
  
  // 更灵活的分割方式，支持多种格式
  let settingBlocks = []
  
  // 尝试不同的分割模式
  if (content.includes('设定1：') || content.includes('设定2：')) {
    // 标准格式：设定1：、设定2：
    settingBlocks = content.split(/设定\d+[：:]/i).filter(block => block.trim())
  } else if (content.includes('## ') || content.includes('# ')) {
    // Markdown格式
    settingBlocks = content.split(/#{1,3}\s+/).filter(block => block.trim())
  } else if (content.includes('1.') || content.includes('2.')) {
    // 列表格式：1. 2. 3.
    settingBlocks = content.split(/\d+\./).filter(block => block.trim())
  } else if (content.includes('**') && content.includes('标题：')) {
    // 包含粗体标记的格式
    settingBlocks = content.split(/\*\*[^*]+\*\*/).filter(block => block.trim())
  } else {
    // 如果没有明确分割符，尝试按连续的"标题："分割
    if (content.split('标题：').length > 2) {
      settingBlocks = content.split('标题：').filter(block => block.trim())
      // 为每个块添加回标题标识符（除了第一个空块）
      settingBlocks = settingBlocks.map((block, index) => {
        if (index === 0 && !block.includes('标题：')) return null // 第一个通常是空的
        return block.includes('标题：') ? block : ('标题：' + block)
      }).filter(block => block !== null)
    } else {
      // 按双换行分割
      const paragraphs = content.split(/\n\s*\n/).filter(p => p.trim())
      if (paragraphs.length > 1) {
        settingBlocks = paragraphs
      } else {
        // 单个大段落
        settingBlocks = [content]
      }
    }
  }
  
  console.log('分割后的块数:', settingBlocks.length)
  
  const parsed = []
  
  settingBlocks.forEach((block, index) => {
    if (!block.trim()) return
    
    console.log(`处理块 ${index}:`, block.substring(0, 100))
    
    const lines = block.split('\n').map(line => line.trim()).filter(line => line)
    const setting = {
      id: Date.now() + index * 1000,
      title: '',
      type: '其他',
      description: '',
      createdAt: new Date(),
      generated: true
    }
    
    let isInDescription = false
    let descriptionParts = []
    
    lines.forEach((line, lineIndex) => {
      if (line.startsWith('标题：') || line.startsWith('标题:')) {
        setting.title = line.replace(/标题[：:]/, '').trim()
        isInDescription = false
      } else if (line.startsWith('类型：') || line.startsWith('类型:')) {
        setting.type = line.replace(/类型[：:]/, '').trim()
        isInDescription = false
      } else if (line.startsWith('描述：') || line.startsWith('描述:')) {
        // 描述行可能包含内容
        const descriptionContent = line.replace(/描述[：:]/, '').trim()
        if (descriptionContent) {
          descriptionParts = [descriptionContent]
        } else {
          descriptionParts = []
        }
        isInDescription = true
      } else if (isInDescription && line && !line.match(/^(标题|类型|描述)[：:]/)) {
        // 描述的续行（不是其他字段的开始）
        descriptionParts.push(line)
      } else if (!setting.title && lineIndex === 0) {
        // 如果第一行没有"标题："前缀，直接作为标题
        setting.title = line.replace(/^[^\u4e00-\u9fa5a-zA-Z]*/, '').trim()
      } else if (!isInDescription && line && !line.match(/^(标题|类型|描述)[：:]/)) {
        // 如果还没有开始描述部分，且不是特定字段，将其作为描述
        descriptionParts.push(line)
        isInDescription = true
      }
    })
    
    // 组合描述内容
    if (descriptionParts.length > 0) {
      setting.description = descriptionParts.join('\n').trim()
    }
    
    // 如果仍然没有标题，尝试从内容中智能提取
    if (!setting.title) {
      if (setting.description && setting.description.length > 0) {
        const firstLine = setting.description.split('\n')[0]
        if (firstLine.length <= 50) {
          setting.title = firstLine
          setting.description = setting.description.split('\n').slice(1).join('\n').trim()
        } else {
          // 尝试从第一句话中提取关键词作为标题
          const firstSentence = firstLine.split(/[。！？.!?]/)[0]
          if (firstSentence.length <= 30) {
            setting.title = firstSentence
          } else {
            setting.title = `世界观设定${index + 1}`
          }
        }
      } else {
        setting.title = `世界观设定${index + 1}`
      }
    }
    
    // 如果解析失败，尝试将整个块作为一个设定处理
    if (!setting.title && !setting.description) {
      // 将整个块作为描述，从中提取标题
      const blockText = block.trim()
      if (blockText.length > 0) {
        const firstLine = blockText.split('\n')[0].trim()
        if (firstLine.length <= 50 && firstLine.length > 0) {
          setting.title = firstLine
          setting.description = blockText.split('\n').slice(1).join('\n').trim() || '详细设定内容'
        } else {
          setting.title = `世界观设定${index + 1}`
          setting.description = blockText
        }
      }
    }
    
    // 确保有描述内容
    if (!setting.description || setting.description.trim() === '') {
      setting.description = '暂无描述'
    }
    
    console.log(`解析结果 ${index}:`, {
      title: setting.title,
      type: setting.type,
      description: setting.description.substring(0, 100) + (setting.description.length > 100 ? '...' : '')
    })
    
    // 只要有标题就添加设定
    if (setting.title && setting.title.trim() !== '') {
      parsed.push(setting)
    }
  })
  
  // 如果没有解析到任何设定，但有内容，创建一个默认设定
  if (parsed.length === 0 && content.trim().length > 0) {
    const lines = content.trim().split('\n').filter(line => line.trim())
    if (lines.length > 0) {
      const defaultSetting = {
        id: Date.now(),
        title: lines[0].length <= 50 ? lines[0] : '世界观设定',
        type: '其他',
        description: lines.length > 1 ? lines.slice(1).join('\n') : lines[0],
        createdAt: new Date(),
        generated: true
             }
       parsed.push(defaultSetting)
       console.log('创建默认设定:', defaultSetting)
     }
   }
    
    console.log('最终解析结果数量:', parsed.length)
  generatedWorldSettings.value = parsed
}

// 确认添加生成的世界观设定
const confirmAddGeneratedWorldSettings = () => {
  const selectedSettings = generatedWorldSettings.value.filter(setting => setting.selected !== false)
  
  if (selectedSettings.length === 0) {
    ElMessage.warning('请选择要添加的世界观设定')
    return
  }
  
  // 添加到世界观设定列表（使用store）
  selectedSettings.forEach(setting => {
    novelStore.addWorldSetting(setting)
  })
  
  // 保存数据
  saveNovelData()
  
  // 关闭对话框
  showWorldGenerateDialog.value = false
  
  ElMessage.success(`成功添加 ${selectedSettings.length} 个世界观设定`)
}

// 切换世界观设定选择状态
const toggleWorldSettingSelection = (setting) => {
  setting.selected = setting.selected !== false ? false : true
}

// AI生成单个世界观设定描述
const generateWorldSettingAI = async () => {
  if (!checkApiAndBalance()) return
  
  if (!worldForm.value.title?.trim()) {
    ElMessage.warning('请先输入设定标题')
    return
  }
  
  isGeneratingWorldSetting.value = true
  streamingContent.value = ''
  isStreaming.value = true
  streamingType.value = 'worldSetting'
  
  // 清空描述字段，准备接收生成内容
  worldForm.value.description = ''
  
  try {
    const categoryText = {
      'setting': '世界设定',
      'magic': '魔法体系', 
      'politics': '政治势力',
      'geography': '地理环境',
      'history': '历史背景'
    }[worldForm.value.category] || '世界设定'
    
    const prompt = `=== 小说基本信息 ===
小说标题：${currentNovel.value?.title || '未命名小说'}
小说类型：${currentNovel.value?.genre || '通用'}
小说简介：${currentNovel.value?.description || '暂无简介'}

=== 世界观设定生成任务 ===
请为上述小说生成世界观设定的详细描述。

=== 设定信息 ===
- 设定标题：${worldForm.value.title}
- 设定类别：${categoryText}

=== 生成要求 ===
请生成详细的设定描述，包括：
1. 具体的设定内容和规则
2. 在小说世界中的作用和意义
3. 与其他设定的关联性
4. 对故事情节的影响

要求描述详细、生动，符合小说的类型、风格和整体世界观。`

    const aiResponse = await apiService.generateTextStream(prompt, {
      maxTokens: 800,
      temperature: 0.8,
      type: 'worldview'
    }, (chunk, fullContent) => {
      // 实时更新流式内容
      streamingContent.value = fullContent
      
      // 实时更新表单字段
      worldForm.value.description = fullContent
    })
    
    // 最终更新
    worldForm.value.description = aiResponse
    
    ElMessage.success('AI世界观设定生成完成')
  } catch (error) {
    console.error('AI生成世界观设定失败:', error)
    ElMessage.error(`设定生成失败: ${error.message}`)
  } finally {
    isGeneratingWorldSetting.value = false
    isStreaming.value = false
    streamingContent.value = ''
  }
}

// 使用自定义提示词生成章节
const generateChaptersWithPrompt = async (customPrompt) => {
  if (!checkApiAndBalance()) return
  
  isGeneratingChapters.value = true
  isStreaming.value = true
  streamingType.value = 'chapter'
  streamingContent.value = ''
  
  try {
    console.log('使用自定义提示词生成章节:', customPrompt)
    
    // 在自定义提示词前添加小说基本信息
    const promptWithNovelInfo = `=== 小说基本信息 ===
小说标题：${currentNovel.value?.title || '未命名小说'}
小说类型：${currentNovel.value?.genre || '通用'}
小说简介：${currentNovel.value?.description || '暂无简介'}

=== 章节生成要求 ===
${customPrompt}

请确保生成的章节符合小说的整体风格、类型和世界观设定。`
    
    const aiResponse = await apiService.generateTextStream(promptWithNovelInfo, {
      maxTokens: 2000,
      temperature: 0.8,
      type: 'outline'
    }, (chunk, fullContent) => {
      streamingContent.value = fullContent
    })
    
    if (!aiResponse.trim()) {
      throw new Error('AI返回内容为空')
    }
    
    // 解析AI响应，提取章节信息
    const newChapters = parseChapterResponse(aiResponse)
    
    newChapters.forEach((chapterData, index) => {
      const newChapter = {
        id: Date.now() + index,
        title: chapterData.title || `AI生成章节 ${chapters.value.length + index + 1}`,
        description: chapterData.description || chapterData.outline || '暂无描述',
        content: '',
        wordCount: 0,
        createdAt: new Date(),
        updatedAt: new Date(),
        status: 'outline'
      }
      chapters.value.push(newChapter)
    })
    
    ElMessage.success(`成功生成${newChapters.length}个章节大纲`)
    saveNovelData()
  } catch (error) {
    console.error('AI生成章节失败:', error)
    ElMessage.error(`章节生成失败: ${error.message}`)
  } finally {
    isGeneratingChapters.value = false
    isStreaming.value = false
    streamingContent.value = ''
  }
}

// 使用自定义提示词生成正文
const generateContentWithPrompt = async (customPrompt) => {
  if (!checkApiAndBalance()) return
  
  if (!currentChapter.value) {
    ElMessage.warning('请先选择一个章节')
    return
  }
  
  isGeneratingContent.value = true
  isStreaming.value = true
  streamingType.value = 'content'
  streamingContent.value = ''
  streamingChapter.value = currentChapter.value
  
  try {
    console.log('使用自定义提示词生成正文:', customPrompt)
    
    // 构建完整的生成上下文
    const context = buildGenerationContext()
    const settings = aiContentForm.value
    
    // 在自定义提示词前添加完整的配置信息
    let promptWithNovelInfo = `=== 小说基本信息 ===
小说标题：${currentNovel.value?.title || '未命名小说'}
小说类型：${currentNovel.value?.genre || '通用'}
小说简介：${currentNovel.value?.description || '暂无简介'}

=== 当前章节信息 ===
章节标题：${currentChapter.value.title}
章节大纲：${currentChapter.value.description || '暂无大纲'}

=== 生成配置 ===
生成类型：${getContentCategoryDescription(selectedContentCategory.value)}
目标字数：约${settings.wordCount}字
写作视角：${getViewpointDescription(settings.style)}
重点内容：${settings.focus || '按大纲发展'}

`

    // 添加人物信息
    if (context.characters.length > 0 && settings.useCharacters) {
      promptWithNovelInfo += `=== 主要人物设定 ===
${context.characters.map(char => 
  `- ${char.name}（${char.role}）：${char.personality || '暂无描述'}`
).join('\n')}

`
    }

    // 添加世界观信息
    if (context.worldSettings.length > 0 && settings.useWorldview) {
      promptWithNovelInfo += `=== 世界观设定 ===
${context.worldSettings.map(setting => 
  `- ${setting.title}：${setting.description || '暂无描述'}`
).join('\n')}

`
    }

    // 添加前文上下文
    if (context.previousChapters.length > 0 && settings.useContext) {
      const recentChapters = context.previousChapters.slice(-2) // 最近2章
      promptWithNovelInfo += `=== 前文概要（必须保持连贯） ===
${recentChapters.map((ch, idx) => 
  `第${context.previousChapters.length - recentChapters.length + idx + 1}章《${ch.title}》：${ch.description || '暂无概要'}`
).join('\n')}

【重要】必须确保本章内容与前文在以下方面保持连贯：
- 人物性格和行为逻辑一致
- 时间线和事件发展合理
- 情节推进自然流畅
- 世界观设定保持统一

`
    }

    promptWithNovelInfo += `=== 正文生成要求 ===
${customPrompt}

=== 核心约束（必须严格遵守） ===
1. 【主题控制】严格按照章节大纲发展情节，不得偏离主线剧情
2. 【连贯性】与前文内容保持逻辑连贯，人物行为符合已建立的性格
3. 【一致性】世界观、人物设定、时间线必须与前文保持一致
4. 【章节完整性】确保本章有明确的开始、发展、高潮、结尾

=== 写作要求 ===
1. 保持${getViewpointDescription(settings.style)}的叙述方式
2. 字数控制在${settings.wordCount}字左右
3. 根据生成类型重点突出：${getContentCategoryGuidance(selectedContentCategory.value)}
4. 突出重点：${settings.focus || '按大纲推进剧情'}

=== 质量标准 ===
1. 情节发展必须合理，不出现逻辑漏洞
2. 人物对话符合各自的性格特点
3. 环境描写与已建立的世界观一致
4. 节奏控制得当，张弛有度
5. 语言风格与整部小说保持统一

【警告】绝对不能：
- 偏离章节大纲的主要情节
- 改变已确定的人物性格
- 违背已建立的世界观设定
- 出现与前文矛盾的内容

请确保生成的正文符合小说的整体风格、类型和世界观设定，与章节大纲保持一致。`
    
    const aiResponse = await apiService.generateTextStream(promptWithNovelInfo, {
      maxTokens: aiContentForm.value.wordCount * 2,
      temperature: 0.8,
      type: 'generation'
    }, (chunk, fullContent) => {
      const formattedContent = formatGeneratedContent(fullContent, currentChapter.value.title)
      streamingContent.value = formattedContent
      
      if (streamingChapter.value?.id === currentChapter.value?.id) {
        content.value = formattedContent
        hasUnsavedChanges.value = true
      }
    })
    
    if (!aiResponse.trim()) {
      throw new Error('AI返回内容为空')
    }
    
    const formattedContent = formatGeneratedContent(aiResponse, currentChapter.value.title)
    content.value = formattedContent
    hasUnsavedChanges.value = true
    currentChapter.value.status = 'draft'
    
    ElMessage.success('正文生成成功')
    
    setTimeout(() => {
      saveCurrentChapter()
      saveNovelData()
    }, 1000)
    
  } catch (error) {
    console.error('AI生成正文失败:', error)
    ElMessage.error(`正文生成失败: ${error.message}`)
  } finally {
    isGeneratingContent.value = false
    isStreaming.value = false
    streamingContent.value = ''
    streamingChapter.value = null
  }
}

// 使用自定义提示词优化文本
const optimizeTextWithPrompt = async (customPrompt = null) => {
  if (!checkApiAndBalance()) return
  
  if (!currentChapter.value || !content.value) {
    ElMessage.warning('请先选择章节并添加内容')
    return
  }
  
  isOptimizing.value = true
  isStreaming.value = true
  streamingType.value = 'optimize'
  streamingContent.value = ''
  streamingChapter.value = currentChapter.value
  
  try {
    let promptToUse = customPrompt
    
    // 如果没有提供自定义提示词，使用弹窗中的配置
    if (!customPrompt) {
      if (optimizeSelectedPrompt.value) {
        promptToUse = optimizeFinalPrompt.value
      } else {
        // 使用默认优化提示词
        promptToUse = getDefaultOptimizePrompt()
      }
    }
    
    // 在自定义提示词前添加小说基本信息
    const promptWithNovelInfo = `=== 小说基本信息 ===
小说标题：${currentNovel.value?.title || '未命名小说'}
小说类型：${currentNovel.value?.genre || '通用'}
小说简介：${currentNovel.value?.description || '暂无简介'}

=== 当前章节信息 ===
章节标题：${currentChapter.value.title}
章节大纲：${currentChapter.value.description || '暂无大纲'}

=== 优化要求 ===
${promptToUse}

=== 原文内容 ===
${getCurrentTextForOptimization()}

请确保优化后的内容符合小说的整体风格、类型和世界观设定。`
    
    const optimizedContent = await apiService.generateTextStream(promptWithNovelInfo, {
      maxTokens: 2000,
      temperature: 0.7,
      type: 'optimize'
    }, (chunk, fullContent) => {
      streamingContent.value = fullContent
    })
    
    content.value = optimizedContent
    hasUnsavedChanges.value = true
    ElMessage.success('文本优化完成')
    
    // 关闭弹窗
    showOptimizePromptDialog.value = false
    
    setTimeout(() => {
      saveCurrentChapter()
      saveNovelData()
    }, 1000)
    
  } catch (error) {
    console.error('文本优化失败:', error)
    ElMessage.error(`优化失败: ${error.message}`)
  } finally {
    isOptimizing.value = false
    isStreaming.value = false
  }
}

// AI优化弹窗相关方法
const openOptimizePromptDialog = () => {
  if (!currentChapter.value || !content.value) {
    ElMessage.warning('请先选择章节并添加内容')
    return
  }
  
  showOptimizePromptDialog.value = true
  refreshOptimizePrompts()
  generateOptimizeFinalPrompt()
}

const resetOptimizePromptDialog = () => {
  optimizeSelectedPrompt.value = null
  optimizePromptVariables.value = {}
  optimizeFinalPrompt.value = ''
}

const getOptimizePrompts = () => {
  const prompts = JSON.parse(localStorage.getItem('prompts') || '[]')
  return prompts.filter(p => p.category === 'polish' || p.category === 'optimize')
}

const refreshOptimizePrompts = () => {
  // 刷新提示词列表，可以从本地存储重新加载
  const prompts = getOptimizePrompts()
  console.log('刷新优化提示词:', prompts.length)
}

const selectOptimizePrompt = (prompt) => {
  optimizeSelectedPrompt.value = prompt
  
  // 解析提示词中的变量
  const variables = {}
  const matches = prompt.content.match(/\{\{([^}]+)\}\}/g)
  if (matches) {
    matches.forEach(match => {
      const variable = match.replace(/\{\{|\}\}/g, '')
      variables[variable] = ''
    })
  }
  
  optimizePromptVariables.value = variables
  generateOptimizeFinalPrompt()
}

const autoFillOptimizeVariables = () => {
  if (!optimizeSelectedPrompt.value) return
  
  // 智能填充变量
  Object.keys(optimizePromptVariables.value).forEach(variable => {
    if (variable.includes('文本') || variable.includes('内容')) {
      optimizePromptVariables.value[variable] = getCurrentTextForOptimization().substring(0, 200) + '...'
    } else if (variable.includes('类型') || variable.includes('风格')) {
      optimizePromptVariables.value[variable] = currentNovel.value?.genre || '通用'
    } else if (variable.includes('章节') || variable.includes('标题')) {
      optimizePromptVariables.value[variable] = currentChapter.value?.title || ''
    }
  })
  
  generateOptimizeFinalPrompt()
}

const generateOptimizeFinalPrompt = () => {
  if (!optimizeSelectedPrompt.value) {
    optimizeFinalPrompt.value = getDefaultOptimizePrompt()
    return
  }
  
  let prompt = optimizeSelectedPrompt.value.content
  
  // 替换变量
  Object.keys(optimizePromptVariables.value).forEach(variable => {
    const value = optimizePromptVariables.value[variable] || `[${variable}]`
    prompt = prompt.replace(new RegExp(`\\{\\{${variable}\\}\\}`, 'g'), value)
  })
  
  optimizeFinalPrompt.value = prompt
}

const getCurrentTextForOptimization = () => {
  if (!content.value) return ''
  
  // 移除HTML标签，获取纯文本
  const textContent = content.value.replace(/<[^>]*>/g, '').trim()
  
  // 如果有选中的文本，优先使用选中的文本
  // 这里可以根据实际需求实现文本选择逻辑
  return textContent
}

const getCurrentTextLength = () => {
  const text = getCurrentTextForOptimization()
  return text.length
}

const selectAllText = () => {
  // 全选当前章节文本
  ElMessage.info('已选择全部文本')
}

const clearSelectedText = () => {
  // 清空选择
  ElMessage.info('已清空选择')
}

const useDefaultOptimizePrompt = () => {
  optimizeSelectedPrompt.value = null
  optimizePromptVariables.value = {}
  generateOptimizeFinalPrompt()
}

const getDefaultOptimizePrompt = () => {
  const instructions = getOptimizeInstructions(optimizeType.value)
  return `请对以下小说内容进行${getOptimizeTypeText()}。

优化要求：
${instructions}

请返回优化后的内容，保持原文的故事情节和人物性格不变。`
}

const createOptimizePrompt = () => {
  router.push('/prompts-library')
}

const copyOptimizePrompt = () => {
  if (optimizeFinalPrompt.value) {
    navigator.clipboard.writeText(optimizeFinalPrompt.value)
    ElMessage.success('提示词已复制到剪贴板')
  }
}

const editOptimizePrompt = () => {
  // 允许编辑最终提示词
  ElMessage.info('您可以直接在预览框中编辑提示词')
}

const previewOptimize = () => {
  if (!canOptimize()) return
  
  ElMessageBox.alert(
    `优化类型：${getOptimizeTypeText()}\n` +
    `文本长度：${getCurrentTextLength()} 字\n` +
    `预估费用：¥${(getCurrentTextLength() * 0.001).toFixed(3)}\n` +
    `使用提示词：${optimizeSelectedPrompt.value?.title || '默认提示词'}`,
    '优化预览',
    {
      confirmButtonText: '确定'
    }
  )
}

const canOptimize = () => {
  return getCurrentTextLength() > 0 && (optimizeSelectedPrompt.value || optimizeType.value)
}

const getOptimizeInfo = () => {
  const textLength = getCurrentTextLength()
  const estimatedCost = (textLength * 0.001).toFixed(3)
  return `文本${textLength}字，预估费用¥${estimatedCost}`
}

// 使用自定义提示词续写
const continueWritingWithPrompt = async (customPrompt) => {
  if (!checkApiAndBalance()) return
  
  if (!currentChapter.value) {
    ElMessage.warning('请先选择一个章节')
    return
  }
  
  if (!content.value || content.value.trim().length < 50) {
    ElMessage.warning('请先写一些内容，AI将基于现有内容进行续写')
    return
  }
  
  isGeneratingContent.value = true
  isStreaming.value = true
  streamingType.value = 'continue'
  streamingContent.value = ''
  streamingChapter.value = currentChapter.value
  
  const originalContent = content.value
  
  try {
    console.log('使用自定义提示词续写:', customPrompt)
    
    // 构建完整的生成上下文
    const context = buildGenerationContext()
    const settings = aiContentForm.value
    
    // 在自定义提示词前添加完整的配置信息
    let promptWithNovelInfo = `=== 小说基本信息 ===
小说标题：${currentNovel.value?.title || '未命名小说'}
小说类型：${currentNovel.value?.genre || '通用'}
小说简介：${currentNovel.value?.description || '暂无简介'}

=== 当前章节信息 ===
章节标题：${currentChapter.value.title}
章节大纲：${currentChapter.value.description || '暂无大纲'}

=== 生成配置 ===
生成类型：${getContentCategoryDescription(selectedContentCategory.value)}
写作视角：${getViewpointDescription(settings.style)}
重点内容：${settings.focus || '按大纲发展'}

`

    // 添加人物信息
    if (context.characters.length > 0 && settings.useCharacters) {
      promptWithNovelInfo += `=== 主要人物设定 ===
${context.characters.map(char => 
  `- ${char.name}（${char.role}）：${char.personality || '暂无描述'}`
).join('\n')}

`
    }

    // 添加世界观信息
    if (context.worldSettings.length > 0 && settings.useWorldview) {
      promptWithNovelInfo += `=== 世界观设定 ===
${context.worldSettings.map(setting => 
  `- ${setting.title}：${setting.description || '暂无描述'}`
).join('\n')}

`
    }

    promptWithNovelInfo += `=== 已有内容（必须保持连贯） ===
${originalContent}

=== 续写要求 ===
${customPrompt}

=== 核心约束（必须严格遵守） ===
1. 【连贯性】必须与已有内容在语言风格、情节发展、人物行为上完全连贯
2. 【一致性】人物性格、世界观设定、时间线必须与前文保持一致
3. 【逻辑性】情节发展必须符合逻辑，不能出现突兀的转折
4. 【主题控制】不得偏离章节大纲的主要情节线

=== 写作要求 ===
1. 基于已有内容的风格和语调继续创作
2. 保持${getViewpointDescription(settings.style)}的叙述方式
3. 保持情节的连贯性和逻辑性
4. 符合章节大纲的发展方向
5. 根据生成类型重点突出：${getContentCategoryGuidance(selectedContentCategory.value)}
6. 突出重点：${settings.focus || '按大纲推进剧情'}

=== 质量标准 ===
1. 续写内容与前文无缝衔接，读者感受不到断层
2. 人物对话和行为符合已建立的性格特点
3. 情节推进自然流畅，不出现逻辑跳跃
4. 语言风格与前文完全一致

【警告】绝对不能：
- 改变已有内容中人物的性格特点
- 违背已建立的情节设定
- 出现与前文矛盾的描述
- 偏离章节大纲的发展方向

请确保续写内容符合小说的整体风格、类型和世界观设定，与前文保持完美连贯性。`
    
    const aiResponse = await apiService.generateTextStream(promptWithNovelInfo, {
      maxTokens: 1000,
      temperature: 0.8,
      type: 'continue'
    }, (chunk, fullContent) => {
      const formattedContent = formatGeneratedContent(fullContent, '')
      streamingContent.value = formattedContent
      
      if (streamingChapter.value?.id === currentChapter.value?.id) {
        content.value = originalContent + '\n' + formattedContent
        hasUnsavedChanges.value = true
      }
    })
    
    if (!aiResponse.trim()) {
      throw new Error('AI返回内容为空')
    }
    
    const formattedContent = formatGeneratedContent(aiResponse, '')
    content.value = originalContent + '\n' + formattedContent
    hasUnsavedChanges.value = true
    
    ElMessage.success('续写完成')
    
    setTimeout(() => {
      saveCurrentChapter()
      saveNovelData()
    }, 1000)
    
  } catch (error) {
    console.error('AI续写失败:', error)
    ElMessage.error(`续写失败: ${error.message}`)
    content.value = originalContent
  } finally {
    isGeneratingContent.value = false
    isStreaming.value = false
    streamingContent.value = ''
    streamingChapter.value = null
  }
}

// 使用自定义提示词生成人物
const generateCharacterWithPrompt = async (customPrompt) => {
  if (!checkApiAndBalance()) return
  
  if (!characterForm.value.name.trim()) {
    ElMessage.warning('请先输入角色姓名')
    return
  }
  
  isStreaming.value = true
  streamingType.value = 'character'
  streamingContent.value = ''
  
  characterForm.value.appearance = ''
  characterForm.value.personality = ''
  characterForm.value.background = ''
  characterForm.value.tags = []
  
  try {
    console.log('使用自定义提示词生成人物:', customPrompt)
    
    // 在自定义提示词前添加小说基本信息
    const promptWithNovelInfo = `=== 小说基本信息 ===
小说标题：${currentNovel.value?.title || '未命名小说'}
小说类型：${currentNovel.value?.genre || '通用'}
小说简介：${currentNovel.value?.description || '暂无简介'}

=== 角色基本设定 ===
- 姓名：${characterForm.value.name}
- 角色定位：${characterForm.value.role === 'protagonist' ? '主角' : characterForm.value.role === 'antagonist' ? '反派' : '配角'}
- 性别：${characterForm.value.gender === 'male' ? '男' : characterForm.value.gender === 'female' ? '女' : '其他'}
- 年龄：${characterForm.value.age}岁

=== 角色生成要求 ===
${customPrompt}

请确保角色设定符合小说的世界观、类型和风格特点。`
    
    // 为自定义提示词角色生成添加强制格式后缀
    const customCharacterFormatSuffix = `

=== 重要格式要求 ===
无论上述提示词如何，你必须严格按照以下格式输出，不得有任何偏差：

外貌：[详细外貌描述]
性格：[性格特点描述]
背景：[背景故事]
标签：[标签1,标签2,标签3]

必须包含这4个字段，每个字段占一行。`

    const customPromptWithFormat = promptWithNovelInfo + customCharacterFormatSuffix
    
    console.log('=== 自定义提示词角色生成最终提示词 ===')
    console.log(customPromptWithFormat)
    console.log('=== 提示词结束 ===')

    const aiResponse = await apiService.generateTextStream(customPromptWithFormat, {
      maxTokens: 800,
      temperature: 0.8,
      type: 'character'
    }, (chunk, fullContent) => {
      streamingContent.value = fullContent
      
      // 实时解析并更新表单字段
      const lines = fullContent.split('\n')
      for (const line of lines) {
        const trimmed = line.trim()
        if (trimmed.startsWith('外貌：')) {
          characterForm.value.appearance = trimmed.replace('外貌：', '').trim()
        } else if (trimmed.startsWith('性格：')) {
          characterForm.value.personality = trimmed.replace('性格：', '').trim()
        } else if (trimmed.startsWith('背景：')) {
          characterForm.value.background = trimmed.replace('背景：', '').trim()
        } else if (trimmed.startsWith('标签：')) {
          const tagString = trimmed.replace('标签：', '').trim()
          if (tagString) {
            characterForm.value.tags = tagString.split(',').map(tag => tag.trim()).filter(tag => tag)
          }
        }
      }
    })
    
    // 最终解析AI响应
    const lines = aiResponse.split('\n')
    for (const line of lines) {
      const trimmed = line.trim()
      if (trimmed.startsWith('外貌：')) {
        characterForm.value.appearance = trimmed.replace('外貌：', '').trim()
      } else if (trimmed.startsWith('性格：')) {
        characterForm.value.personality = trimmed.replace('性格：', '').trim()
      } else if (trimmed.startsWith('背景：')) {
        characterForm.value.background = trimmed.replace('背景：', '').trim()
      } else if (trimmed.startsWith('标签：')) {
        const tagString = trimmed.replace('标签：', '').trim()
        characterForm.value.tags = tagString.split(',').map(tag => tag.trim()).filter(tag => tag)
      }
    }
    
    ElMessage.success('AI角色生成完成')
  } catch (error) {
    console.error('AI生成角色失败:', error)
    ElMessage.error(`角色生成失败: ${error.message}`)
  } finally {
    isStreaming.value = false
    streamingContent.value = ''
  }
}

const generateChapterOutline = async () => {
  if (!checkApiAndBalance()) return
  
  isGeneratingOutline.value = true
  try {
    const chapterTitle = chapterForm.value.title || '新章节'
    const context = buildGenerationContext()
    
    const prompt = `=== 小说基本信息 ===
小说标题：${currentNovel.value?.title || '未命名小说'}
小说类型：${currentNovel.value?.genre || '通用'}
小说简介：${currentNovel.value?.description || '暂无简介'}

=== 章节大纲生成任务 ===
请为上述小说的章节《${chapterTitle}》生成详细大纲。

章节标题：${chapterTitle}

${context.characters.length > 0 ? `主要人物：
${context.characters.map(char => `- ${char.name}（${char.role}）`).join('\n')}` : ''}

${context.worldSettings.length > 0 ? `世界观设定：
${context.worldSettings.map(setting => `- ${setting.title}`).join('\n')}` : ''}

已有章节：
${chapters.value.map((ch, idx) => `第${idx + 1}章：${ch.title} - ${ch.description || '暂无描述'}`).join('\n')}

=== 核心约束（必须严格遵守） ===
1. 【主题控制】大纲必须服务于小说的主线剧情，不得偏离主题
2. 【连贯性】与前文章节在情节、人物、世界观上保持完全连贯
3. 【逻辑性】情节发展必须符合逻辑，人物行为合理
4. 【完整性】确保章节有明确的目标和完整的结构

=== 大纲生成要求 ===
1. 生成该章节的详细内容大纲
2. 包含具体的情节发展和转折点
3. 标明重要的人物出场和互动
4. 设计关键的场景和冲突
5. 安排章节的起承转合
6. 明确章节在整体故事中的作用

=== 质量标准 ===
1. 大纲内容与小说主题高度契合
2. 情节发展自然流畅，无逻辑漏洞
3. 人物行为符合已建立的性格特点
4. 与前文章节形成有机整体

【警告】绝对不能：
- 偏离小说的主线剧情
- 违背已建立的世界观设定
- 出现与前文矛盾的情节
- 设计不符合人物性格的行为

请生成详细的章节大纲：`

    console.log('开始AI生成章节大纲:', prompt)
    
    const aiResponse = await apiService.generateText(prompt, {
      maxTokens: 800,
      temperature: 0.8,
      type: 'outline'
    })
    
    if (!aiResponse.trim()) {
      throw new Error('AI返回内容为空')
    }
    
    chapterForm.value.description = aiResponse.trim()
    ElMessage.success('章节大纲生成成功')
  } catch (error) {
    console.error('AI生成大纲失败:', error)
    ElMessage.error(`大纲生成失败: ${error.message}`)
  } finally {
    isGeneratingOutline.value = false
  }
}

const generateFromOutline = () => {
  if (!currentChapter.value?.description) {
    ElMessage.warning('请先为章节添加大纲描述')
    return
  }
  // 打开AI正文生成弹窗，而不是直接调用生成函数
  openChapterGenerateDialog(currentChapter.value)
}

const continueWriting = async () => {
  if (!checkApiAndBalance()) return
  
  if (!currentChapter.value) {
    ElMessage.warning('请先选择一个章节')
    return
  }
  
  if (!content.value || content.value.trim().length < 50) {
    ElMessage.warning('请先写一些内容，AI将基于现有内容进行续写')
    return
  }
  
  isGeneratingContent.value = true
  isStreaming.value = true
  streamingType.value = 'continue'
  streamingContent.value = ''
  streamingChapter.value = currentChapter.value
  
  // 保存续写前的原始内容
  const originalContent = content.value
  
  try {
    const context = buildGenerationContext()
    const currentContent = content.value.replace(/<[^>]*>/g, '').trim() // 移除HTML标签
    
    const prompt = `=== 小说基本信息 ===
小说标题：${currentNovel.value?.title || '未命名小说'}
小说类型：${currentNovel.value?.genre || '通用'}
小说简介：${currentNovel.value?.description || '暂无简介'}

=== 当前章节信息 ===
章节标题：${currentChapter.value.title}
章节大纲：${currentChapter.value.description || '暂无大纲'}

=== 续写任务 ===
请为上述小说的当前章节续写内容。

=== 已有内容（必须保持连贯） ===
${currentContent}

${context.characters.length > 0 ? `=== 主要人物设定 ===
${context.characters.map(char => `- ${char.name}：${char.personality || '暂无描述'}`).join('\n')}` : ''}

=== 核心约束（必须严格遵守） ===
1. 【连贯性】必须与已有内容在语言风格、情节发展、人物行为上完全连贯
2. 【一致性】人物性格、世界观设定、时间线必须与前文保持一致
3. 【逻辑性】情节发展必须符合逻辑，不能出现突兀的转折
4. 【主题控制】不得偏离章节大纲的主要情节线

=== 续写要求 ===
1. 基于已有内容的风格和语调继续创作
2. 保持情节的连贯性和逻辑性
3. 符合章节大纲的发展方向
4. 长度约500-800字
5. 根据生成类型重点突出：${getContentCategoryGuidance(selectedContentCategory.value)}
6. 推进剧情发展

=== 质量标准 ===
1. 续写内容与前文无缝衔接，读者感受不到断层
2. 人物对话和行为符合已建立的性格特点
3. 情节推进自然流畅，不出现逻辑跳跃
4. 语言风格与前文完全一致

【警告】绝对不能：
- 改变已有内容中人物的性格特点
- 违背已建立的情节设定
- 出现与前文矛盾的描述
- 偏离章节大纲的发展方向

请继续创作：`

    console.log('开始AI续写:', prompt.substring(0, 300) + '...')
    
    const aiResponse = await apiService.generateTextStream(prompt, {
      maxTokens: 1000,
      temperature: 0.8,
      type: 'continue'
    }, (chunk, fullContent) => {
      // 实时更新流式内容并格式化
      const formattedContent = formatGeneratedContent(fullContent, '')
      streamingContent.value = formattedContent
      
      // 如果是当前章节，实时更新编辑器内容（追加续写内容）
      if (streamingChapter.value?.id === currentChapter.value?.id) {
        content.value = originalContent + '\n' + formattedContent
        hasUnsavedChanges.value = true
      }
    })
    
    if (!aiResponse.trim()) {
      throw new Error('AI返回内容为空')
    }
    
    // 格式化续写内容
    const formattedContent = formatGeneratedContent(aiResponse, '')
    
    content.value = originalContent + '\n' + formattedContent
    hasUnsavedChanges.value = true
    
    ElMessage.success('续写完成')
    
    // 保存内容
    setTimeout(() => {
      saveCurrentChapter()
      saveNovelData()
    }, 1000)
    
  } catch (error) {
    console.error('AI续写失败:', error)
    ElMessage.error(`续写失败: ${error.message}`)
    // 出错时恢复原始内容
    content.value = originalContent
  } finally {
    isGeneratingContent.value = false
    isStreaming.value = false
    streamingContent.value = ''
    streamingChapter.value = null
  }
}

const enhanceContent = () => {
  optimizeText()
}

// 解析AI章节响应
const parseChapterResponse = (response) => {
  console.log('原始AI响应:', response)
  const chapters = []
  
  // 尝试多种解析策略
  const strategies = [
    // 策略1: 严格格式 "章节X："
    () => parseByChapterNumber(response),
    // 策略2: 按照标题和大纲字段分割
    () => parseByTitleAndOutline(response),
    // 策略3: 按照第X章格式分割
    () => parseByChapterFormat(response),
    // 策略4: 按照双换行分割成段落
    () => parseByParagraphs(response),
    // 策略5: 智能分割，寻找标题模式
    () => parseByTitlePattern(response)
  ]
  
  for (const strategy of strategies) {
    const result = strategy()
    if (result && result.length > 0) {
      console.log('解析成功，使用策略:', strategy.name, '，章节数:', result.length)
      result.forEach((ch, i) => console.log(`第${i+1}章: ${ch.title} - ${ch.description?.substring(0, 50)}...`))
      return result
    }
  }
  
  // 所有策略都失败，创建一个默认章节
  console.warn('所有解析策略都失败，创建默认章节')
  return [{
    title: 'AI生成章节',
    description: response.substring(0, 300) + (response.length > 300 ? '...' : '')
  }]
}

// 策略1: 按章节号分割
const parseByChapterNumber = (response) => {
  const chapters = []
  const chapterBlocks = response.split(/章节\d+[：:]/i).filter(block => block.trim())
  
  if (chapterBlocks.length <= 1) return null
  
  chapterBlocks.forEach((block, index) => {
    if (index === 0 && !block.includes('标题')) return // 跳过第一个空块
    
    const lines = block.split('\n').filter(line => line.trim())
    let title = `第${index + 1}章`
    let description = ''
    
    for (const line of lines) {
      const trimmed = line.trim()
      if (trimmed.match(/^标题[：:]/)) {
        title = trimmed.replace(/^标题[：:]/, '').trim()
      } else if (trimmed.match(/^大纲[：:]/)) {
        description = trimmed.replace(/^大纲[：:]/, '').trim()
      } else if (description && !trimmed.match(/^(标题|大纲)/)) {
        description += '\n' + trimmed
      } else if (!description && !trimmed.match(/^(标题|大纲)/) && trimmed.length > 0) {
        description = trimmed
      }
    }
    
    if (title && description) {
      chapters.push({ title, description })
    }
  })
  
  return chapters.length > 0 ? chapters : null
}

// 策略2: 按标题大纲字段分割
const parseByTitleAndOutline = (response) => {
  const chapters = []
  const lines = response.split('\n')
  let currentChapter = null
  
  for (const line of lines) {
    const trimmed = line.trim()
    
    if (trimmed.match(/^标题[：:]/)) {
      if (currentChapter && currentChapter.title && currentChapter.description) {
        chapters.push(currentChapter)
      }
      currentChapter = {
        title: trimmed.replace(/^标题[：:]/, '').trim(),
        description: ''
      }
    } else if (trimmed.match(/^大纲[：:]/)) {
      if (currentChapter) {
        currentChapter.description = trimmed.replace(/^大纲[：:]/, '').trim()
      }
    } else if (currentChapter && currentChapter.description && trimmed && !trimmed.match(/^(标题|大纲|章节)/)) {
      currentChapter.description += '\n' + trimmed
    }
  }
  
  if (currentChapter && currentChapter.title && currentChapter.description) {
    chapters.push(currentChapter)
  }
  
  return chapters.length > 0 ? chapters : null
}

// 策略3: 按第X章格式分割
const parseByChapterFormat = (response) => {
  const chapters = []
  const chapterRegex = /第\d+章[：:\s]*([^\n]+)/g
  let match
  const matches = []
  
  while ((match = chapterRegex.exec(response)) !== null) {
    matches.push({
      index: match.index,
      title: match[1].trim(),
      fullMatch: match[0]
    })
  }
  
  if (matches.length === 0) return null
  
  for (let i = 0; i < matches.length; i++) {
    const currentMatch = matches[i]
    const nextMatch = matches[i + 1]
    
    const startIndex = currentMatch.index + currentMatch.fullMatch.length
    const endIndex = nextMatch ? nextMatch.index : response.length
    const content = response.substring(startIndex, endIndex).trim()
    
    if (content) {
      chapters.push({
        title: currentMatch.title,
        description: content
      })
    }
  }
  
  return chapters.length > 0 ? chapters : null
}

// 策略4: 按段落分割
const parseByParagraphs = (response) => {
  const paragraphs = response.split(/\n\s*\n/).filter(p => p.trim())
  
  if (paragraphs.length < 2) return null
  
  const chapters = []
  
  for (const paragraph of paragraphs) {
    const lines = paragraph.split('\n').filter(l => l.trim())
    if (lines.length < 2) continue
    
    const title = lines[0].trim()
    const description = lines.slice(1).join('\n').trim()
    
    if (title && description && title.length < 100) {
      chapters.push({ title, description })
    }
  }
  
  return chapters.length > 0 ? chapters : null
}

// 策略5: 智能标题模式分割
const parseByTitlePattern = (response) => {
  const chapters = []
  const lines = response.split('\n').filter(line => line.trim())
  
  let currentTitle = ''
  let currentDescription = ''
  
  for (let i = 0; i < lines.length; i++) {
    const line = lines[i].trim()
    
    // 检测可能的标题行（较短且可能包含章节关键词）
    const isTitleLike = (
      line.length < 50 && 
      (line.includes('章') || line.includes('第') || line.match(/^\d+[\.\、]/)) &&
      !line.includes('：') && !line.includes(':')
    ) || (
      i === 0 || lines[i-1].trim() === ''
    ) && line.length < 30 && line.length > 3
    
    if (isTitleLike && currentDescription.length > 20) {
      // 保存前一个章节
      if (currentTitle && currentDescription) {
        chapters.push({
          title: currentTitle,
          description: currentDescription.trim()
        })
      }
      
      currentTitle = line
      currentDescription = ''
    } else {
      if (currentTitle) {
        currentDescription += (currentDescription ? '\n' : '') + line
      } else {
        currentTitle = line
      }
    }
  }
  
  // 添加最后一个章节
  if (currentTitle && currentDescription) {
    chapters.push({
      title: currentTitle,
      description: currentDescription.trim()
    })
  }
  
  return chapters.length > 0 ? chapters : null
}



// 测试章节解析功能
const testChapterParse = () => {
  const testResponses = [
    // 测试格式1: 标准格式
    `章节1：
标题：初遇仙门
大纲：主角误入神秘仙门，遇到神秘长老，开始修仙之路

章节2：
标题：资质测试
大纲：参加入门测试，发现自己拥有特殊体质，引起各方关注

章节3：
标题：师父传承
大纲：拜师成功，获得古老功法，开始苦修练习`,

    // 测试格式2: 第X章格式
    `第1章：血色黄昏
主角在废墟中苏醒，发现自己失去了记忆，周围一片荒凉

第2章：神秘女子
遇到一位神秘女子，她似乎知道主角的身份，但拒绝透露真相

第3章：被追杀
莫名其妙被一群黑衣人追杀，在逃亡中发现自己拥有超能力`,

    // 测试格式3: 简单段落格式
    `黎明前的决战
所有势力汇聚于此，进行最终的决战。主角必须做出选择。

真相大白
所有谜团终于揭开，主角的身世和使命终于明了。

新的开始
战争结束，主角踏上新的旅程，迎接新的挑战。`
  ]

  console.log('开始测试章节解析功能...')
  
  testResponses.forEach((response, index) => {
    console.log(`\n测试响应 ${index + 1}:`)
    console.log(response)
    console.log('\n解析结果:')
    const result = parseChapterResponse(response)
    console.log(result)
    
    ElMessage.success(`测试 ${index + 1} 完成，解析出 ${result.length} 个章节`)
  })
  
  ElMessage.info('章节解析测试完成，请查看控制台输出')
}

// 获取模板描述
const getTemplateDescription = (template) => {
  const templates = {
    general: '通用章节模板，平衡叙述和对话',
    battle: '战斗场景模板，突出动作和紧张感',
    emotion: '情感戏模板，重点描写心理和情感',
    turning: '转折剧情模板，制造悬念和反转'
  }
  return templates[template] || '通用模板'
}

// 构建内容生成提示词
const buildContentPrompt = (chapter, context) => {
  const novel = currentNovel.value
  const settings = aiContentForm.value
  
  let prompt = `=== 小说基本信息 ===
小说标题：${novel?.title || '未命名小说'}
小说类型：${novel?.genre || '通用'}
小说简介：${novel?.description || '暂无简介'}

=== 正文生成任务 ===
请为上述小说的章节《${chapter.title}》写正文内容。

章节信息：
- 章节标题：${chapter.title}
- 章节大纲：${chapter.description || '暂无大纲'}
- 章节位置：第${context.currentChapterIndex}章（共${context.totalChapters}章）
- 故事进度：${Math.round(context.storyProgress * 100)}%
- 生成类型：${getContentCategoryDescription(selectedContentCategory.value)}
- 目标字数：约${settings.wordCount}字
- 写作视角：${getViewpointDescription(settings.style)}
- 重点内容：${settings.focus || '按大纲发展'}

`

  // 添加人物信息
  if (context.characters.length > 0 && settings.useCharacters) {
    prompt += `主要人物设定：
${context.characters.map(char => 
  `- ${char.name}（${char.role}）：${char.personality || '暂无描述'}`
).join('\n')}

`
  }

  // 添加世界观信息
  if (context.worldSettings.length > 0 && settings.useWorldview) {
    prompt += `世界观设定：
${context.worldSettings.map(setting => 
  `- ${setting.title}：${setting.description || '暂无描述'}`
).join('\n')}

`
  }

  // 添加前文上下文
  if (context.previousChapters.length > 0 && settings.useContext) {
    const recentChapters = context.previousChapters.slice(-2) // 最近2章
    prompt += `=== 前文概要（必须保持连贯） ===
${recentChapters.map((ch, idx) => 
  `第${context.previousChapters.length - recentChapters.length + idx + 1}章《${ch.title}》：${ch.description || '暂无概要'}`
).join('\n')}

【重要】必须确保本章内容与前文在以下方面保持连贯：
- 人物性格和行为逻辑一致
- 时间线和事件发展合理
- 情节推进自然流畅
- 世界观设定保持统一

`
  }

  prompt += `=== 核心约束（必须严格遵守） ===
1. 【主题控制】严格按照章节大纲发展情节，不得偏离主线剧情
2. 【连贯性】与前文内容保持逻辑连贯，人物行为符合已建立的性格
3. 【一致性】世界观、人物设定、时间线必须与前文保持一致
4. 【章节完整性】确保本章有明确的开始、发展、高潮、结尾
5. 【进度控制】根据故事进度(${Math.round(context.storyProgress * 100)}%)合理安排情节节奏和内容深度

=== 写作要求 ===
1. 保持${getViewpointDescription(settings.style)}的叙述方式
2. 字数控制在${settings.wordCount}字左右
3. 根据生成类型重点突出：${getContentCategoryGuidance(selectedContentCategory.value)}
4. 突出重点：${settings.focus || '按大纲推进剧情'}

=== 质量标准 ===
1. 情节发展必须合理，不出现逻辑漏洞
2. 人物对话符合各自的性格特点
3. 环境描写与已建立的世界观一致
4. 节奏控制得当，张弛有度
5. 语言风格与整部小说保持统一

【警告】绝对不能：
- 偏离章节大纲的主要情节
- 改变已确定的人物性格
- 违背已建立的世界观设定
- 出现与前文矛盾的内容

请开始创作正文内容：`

  return prompt
}

// 获取视角描述
const getViewpointDescription = (style) => {
  const styles = {
    'first-person': '第一人称',
    'third-person': '第三人称',
    'omniscient': '全知视角'
  }
  return styles[style] || '第三人称'
}

// 获取正文生成类型描述
const getContentCategoryDescription = (category) => {
  const categories = {
    'content': '基础正文（标准章节内容生成）',
    'content-dialogue': '对话生成（以对话为主的内容）',
    'content-scene': '场景描写（环境氛围描写）',
    'content-action': '动作情节（动作和冲突为主）',
    'content-psychology': '心理描写（内心活动和情感）'
  }
  return categories[category] || '基础正文'
}

// 获取正文生成类型的具体指导
const getContentCategoryGuidance = (category) => {
  const guidance = {
    'content': '平衡叙述、对话、心理描写、环境描写，创造完整的章节内容',
    'content-dialogue': '重点突出人物对话，通过对话推进情节，展现人物性格和关系',
    'content-scene': '详细描写环境、氛围、场景细节，营造身临其境的感觉',
    'content-action': '重点描写动作场面、冲突情节，节奏紧凑，充满张力',
    'content-psychology': '深入刻画人物内心活动、情感变化、心理冲突'
  }
  return guidance[category] || '平衡各种描写手法，创造丰富的内容'
}

// 格式化生成的内容
const formatGeneratedContent = (rawContent, chapterTitle) => {
  // 清理内容
  let formatted = rawContent.trim()
  
  // 添加章节标题（如果没有的话）
  if (!formatted.includes(chapterTitle)) {
    formatted = `<h3>${chapterTitle}</h3>\n\n${formatted}`
  }
  
  // 段落格式化
  const paragraphs = formatted.split('\n').filter(p => p.trim())
  const htmlContent = paragraphs.map(paragraph => {
    const trimmed = paragraph.trim()
    
    // 处理标题
    if (trimmed.startsWith('#') || trimmed === chapterTitle) {
      return `<h3>${trimmed.replace(/^#+\s*/, '')}</h3>`
    }
    
    // 处理对话
    if (trimmed.startsWith('"') || trimmed.startsWith('"') || trimmed.startsWith('「')) {
      return `<p class="dialogue">${trimmed}</p>`
    }
    
    // 普通段落
    return `<p>${trimmed}</p>`
  }).join('')
  
  return htmlContent
}

// 构建生成上下文
const buildGenerationContext = () => {
  const currentIndex = chapters.value.findIndex(c => c.id === currentChapter.value?.id)
  const previousChapters = chapters.value.slice(0, currentIndex)
  
  return {
    characters: characters.value,
    worldSettings: worldSettings.value,
    corpus: corpusData.value,
    events: events.value,
    previousChapters: previousChapters,
    currentNovelInfo: currentNovel.value,
    // 新增：更详细的上下文信息
    totalChapters: chapters.value.length,
    currentChapterIndex: currentIndex + 1,
    storyProgress: currentIndex / Math.max(chapters.value.length - 1, 1), // 故事进度百分比
    recentEvents: events.value.filter(e => e.chapter && parseInt(e.chapter) <= currentIndex + 1).slice(-3), // 最近3个事件
    activeCharacters: characters.value.filter(char => char.role === 'protagonist' || char.role === 'antagonist'), // 主要角色
    storyTheme: currentNovel.value?.genre || '通用' // 故事主题
  }
}

// 人物管理方法
const addCharacter = () => {
  characterForm.value = {
    id: null,
    name: '',
    role: 'supporting',
    gender: 'male',
    age: 25,
    appearance: '',
    personality: '',
    background: '',
    tags: [],
    avatar: ''
  }
  showCharacterDialog.value = true
}

const editCharacter = (character) => {
  characterForm.value = { ...character }
  showCharacterDialog.value = true
}

const saveCharacter = () => {
  if (!characterForm.value.name.trim()) {
    ElMessage.warning('请输入角色姓名')
    return
  }
  
  if (characterForm.value.id) {
    // 编辑现有角色
    const index = characters.value.findIndex(c => c.id === characterForm.value.id)
    if (index > -1) {
      characters.value[index] = { ...characterForm.value }
    }
    ElMessage.success('角色信息已更新')
  } else {
    // 新增角色
    const newCharacter = {
      ...characterForm.value,
      id: Date.now(),
      createdAt: new Date()
    }
    characters.value.push(newCharacter)
    ElMessage.success('角色创建成功')
  }
  
  showCharacterDialog.value = false
  saveNovelData()
}

// AI生成角色
const generateCharacterAI = async () => {
  if (!checkApiAndBalance()) return
  
  if (!characterForm.value.name.trim()) {
    ElMessage.warning('请先输入角色姓名')
    return
  }
  
  // 设置流式生成状态
  isStreaming.value = true
  streamingType.value = 'character'
  streamingContent.value = ''
  
  // 清空表单相关字段，准备接收生成内容
  characterForm.value.appearance = ''
  characterForm.value.personality = ''
  characterForm.value.background = ''
  characterForm.value.tags = []
  
  try {
    const prompt = `=== 小说基本信息 ===
小说标题：${currentNovel.value?.title || '未命名小说'}
小说类型：${currentNovel.value?.genre || '通用'}
小说简介：${currentNovel.value?.description || '暂无简介'}

=== 角色生成任务 ===
你是一个专业的角色生成器。请为上述小说中的角色《${characterForm.value.name}》生成详细信息。

【重要】必须严格按照以下格式输出，不要添加任何额外的解释或文字：

外貌：身高一米七五，黑发黑眼，面容清秀
性格：温和友善，聪明机智，有时略显内向
背景：出身书香门第，自幼受到良好教育，立志成为学者
标签：知识分子,温和,聪慧

请完全按照以上示例格式生成角色信息，必须包含：外貌、性格、背景、标签这4个字段。

=== 角色基本设定 ===
- 姓名：${characterForm.value.name}
- 角色定位：${characterForm.value.role === 'protagonist' ? '主角' : characterForm.value.role === 'antagonist' ? '反派' : '配角'}
- 性别：${characterForm.value.gender === 'male' ? '男' : characterForm.value.gender === 'female' ? '女' : '其他'}
- 年龄：${characterForm.value.age}岁

请确保角色设定符合小说的世界观、类型和风格特点。

开始生成：`

    // 为单个角色生成添加强制格式后缀
    const singleCharacterFormatSuffix = `

=== 重要格式要求 ===
无论上述提示词如何，你必须严格按照以下格式输出，不得有任何偏差：

外貌：[详细外貌描述]
性格：[性格特点描述]
背景：[背景故事]
标签：[标签1,标签2,标签3]

必须包含这4个字段，每个字段占一行。`

    const promptWithFormat = prompt + singleCharacterFormatSuffix
    
    console.log('=== 单个角色生成最终提示词 ===')
    console.log(promptWithFormat)
    console.log('=== 提示词结束 ===')

    const aiResponse = await apiService.generateTextStream(promptWithFormat, {
      maxTokens: 800,
      temperature: 0.8,
      type: 'character'
    }, (chunk, fullContent) => {
      // 实时更新流式内容
      streamingContent.value = fullContent
      
      // 实时解析并更新表单字段
      const lines = fullContent.split('\n')
      for (const line of lines) {
        const trimmed = line.trim()
        if (trimmed.startsWith('外貌：')) {
          characterForm.value.appearance = trimmed.replace('外貌：', '').trim()
        } else if (trimmed.startsWith('性格：')) {
          characterForm.value.personality = trimmed.replace('性格：', '').trim()
        } else if (trimmed.startsWith('背景：')) {
          characterForm.value.background = trimmed.replace('背景：', '').trim()
        } else if (trimmed.startsWith('标签：')) {
          const tagString = trimmed.replace('标签：', '').trim()
          if (tagString) {
            characterForm.value.tags = tagString.split(',').map(tag => tag.trim()).filter(tag => tag)
          }
        }
      }
    })
    
    // 最终解析AI响应
    const lines = aiResponse.split('\n')
    for (const line of lines) {
      const trimmed = line.trim()
      if (trimmed.startsWith('外貌：')) {
        characterForm.value.appearance = trimmed.replace('外貌：', '').trim()
      } else if (trimmed.startsWith('性格：')) {
        characterForm.value.personality = trimmed.replace('性格：', '').trim()
      } else if (trimmed.startsWith('背景：')) {
        characterForm.value.background = trimmed.replace('背景：', '').trim()
      } else if (trimmed.startsWith('标签：')) {
        const tagString = trimmed.replace('标签：', '').trim()
        characterForm.value.tags = tagString.split(',').map(tag => tag.trim()).filter(tag => tag)
      }
    }
    
    ElMessage.success('AI角色生成完成')
  } catch (error) {
    console.error('AI生成角色失败:', error)
    ElMessage.error(`角色生成失败: ${error.message}`)
  } finally {
    isStreaming.value = false
    streamingContent.value = ''
  }
}

const addCharacterTag = () => {
  const tag = characterTagInput.value.trim()
  if (tag && !characterForm.value.tags.includes(tag)) {
    characterForm.value.tags.push(tag)
    characterTagInput.value = ''
  }
}

const removeCharacterTag = (index) => {
  characterForm.value.tags.splice(index, 1)
}

// 处理人物操作
const handleCharacterAction = (command, character) => {
  switch (command) {
    case 'edit':
      editCharacter(character)
      break
    case 'delete':
      deleteCharacter(character)
      break
  }
}

// 删除角色
const deleteCharacter = (character) => {
  ElMessageBox.confirm(`确定要删除角色《${character.name}》吗？`, '确认删除', {
    type: 'warning',
    confirmButtonText: '删除',
    cancelButtonText: '取消',
    confirmButtonClass: 'el-button--danger'
  }).then(() => {
    const index = characters.value.findIndex(c => c.id === character.id)
    if (index > -1) {
      characters.value.splice(index, 1)
      ElMessage.success('角色已删除')
      saveNovelData()
    }
  }).catch(() => {
    // 用户取消删除
  })
}

// 世界观管理方法
const addWorldSetting = () => {
  worldForm.value = {
    id: null,
    title: '',
    description: '',
    category: 'setting',
    details: ''
  }
  showWorldDialog.value = true
}

const editWorldSetting = (setting) => {
  worldForm.value = { ...setting }
  showWorldDialog.value = true
}

const deleteWorldSetting = (setting) => {
  ElMessageBox.confirm(`确定要删除设定《${setting.title}》吗？`, '确认删除', {
    type: 'warning'
  }).then(() => {
    novelStore.removeWorldSetting(setting.id)
    ElMessage.success('设定已删除')
    saveNovelData()
  }).catch(() => {})
}

// 处理世界观设定操作
const handleWorldSettingAction = (command, setting) => {
  switch (command) {
    case 'edit':
      editWorldSetting(setting)
      break
    case 'duplicate':
      duplicateWorldSetting(setting)
      break
    case 'delete':
      deleteWorldSetting(setting)
      break
  }
}

// 复制世界观设定
const duplicateWorldSetting = (setting) => {
  const newSetting = {
    ...setting,
    title: setting.title + ' (副本)',
    createdAt: new Date(),
    generated: false
  }
  novelStore.addWorldSetting(newSetting)
  ElMessage.success('设定已复制')
  saveNovelData()
}

// 获取世界观设定标签类型
const getWorldSettingTagType = (category) => {
  const typeMap = {
    '世界设定': 'primary',
    '魔法体系': 'danger',
    '政治势力': 'warning',
    '地理环境': 'success',
    '历史背景': 'info',
    '文化社会': '',
    '科技水平': 'info',
    '其他': ''
  }
  return typeMap[category] || ''
}

// 格式化日期
const formatDate = (date) => {
  if (!date) return ''
  const d = new Date(date)
  return d.toLocaleDateString('zh-CN', { 
    month: 'numeric', 
    day: 'numeric',
    hour: '2-digit',
    minute: '2-digit'
  })
}

// 语料库管理方法
const addCorpus = () => {
  corpusForm.value = {
    id: null,
    title: '',
    type: 'description',
    content: '',
    tags: []
  }
  showCorpusDialog.value = true
}

const editCorpus = (corpus) => {
  corpusForm.value = { ...corpus }
  showCorpusDialog.value = true
}

const useCorpus = (corpus) => {
  if (!currentChapter.value) {
    ElMessage.warning('请先选择一个章节')
    return
  }
  
  // 将语料内容插入到编辑器中
  const corpusContent = `<p><strong>[引用语料: ${corpus.title}]</strong></p><p>${corpus.content}</p>`
  content.value += corpusContent
  hasUnsavedChanges.value = true
  
  ElMessage.success('语料已插入到编辑器')
}

// 事件管理方法
const addEvent = () => {
  eventForm.value = {
    id: null,
    title: '',
    description: '',
    chapter: currentChapter.value?.title || '',
    time: new Date().toISOString().slice(0, 16),
    importance: 'normal'
  }
  showEventDialog.value = true
}

const editEvent = (event) => {
  eventForm.value = { ...event }
  showEventDialog.value = true
}

const saveEvent = () => {
  if (!eventForm.value.title.trim()) {
    ElMessage.warning('请输入事件标题')
    return
  }
  
  if (eventForm.value.id) {
    // 编辑现有事件
    const index = events.value.findIndex(e => e.id === eventForm.value.id)
    if (index > -1) {
      events.value[index] = { ...eventForm.value }
    }
    ElMessage.success('事件信息已更新')
  } else {
    // 新增事件
    const newEvent = {
      ...eventForm.value,
      id: Date.now(),
      createdAt: new Date()
    }
    events.value.push(newEvent)
    ElMessage.success('事件创建成功')
  }
  
  showEventDialog.value = false
  saveNovelData()
}

const deleteEvent = (event) => {
  ElMessageBox.confirm(`确定要删除事件《${event.title}》吗？`, '确认删除', {
    type: 'warning'
  }).then(() => {
    const index = events.value.findIndex(e => e.id === event.id)
    if (index > -1) {
      events.value.splice(index, 1)
      ElMessage.success('事件已删除')
      saveNovelData()
    }
  }).catch(() => {})
}

// 世界观保存方法
const saveWorldSetting = () => {
  if (!worldForm.value.title.trim()) {
    ElMessage.warning('请输入设定标题')
    return
  }
  
  if (worldForm.value.id) {
    // 编辑现有设定 - 需要通过store更新
    // 先删除旧的，再添加新的（因为store没有update方法）
    novelStore.removeWorldSetting(worldForm.value.id)
    novelStore.addWorldSetting(worldForm.value)
    ElMessage.success('设定信息已更新')
  } else {
    // 新增设定
    const newSetting = {
      ...worldForm.value,
      createdAt: new Date()
    }
    novelStore.addWorldSetting(newSetting)
    ElMessage.success('设定创建成功')
  }
  
  showWorldDialog.value = false
  saveNovelData()
}

// 语料库保存方法
const saveCorpus = () => {
  if (!corpusForm.value.title.trim()) {
    ElMessage.warning('请输入语料标题')
    return
  }
  
  if (corpusForm.value.id) {
    // 编辑现有语料
    const index = corpusData.value.findIndex(c => c.id === corpusForm.value.id)
    if (index > -1) {
      corpusData.value[index] = { ...corpusForm.value }
    }
    ElMessage.success('语料信息已更新')
  } else {
    // 新增语料
    const newCorpus = {
      ...corpusForm.value,
      id: Date.now(),
      createdAt: new Date()
    }
    corpusData.value.push(newCorpus)
    ElMessage.success('语料创建成功')
  }
  
  showCorpusDialog.value = false
  saveNovelData()
}

const onContentChange = () => {
  hasUnsavedChanges.value = true
}

// 数据保存方法
const saveNovelData = () => {
  if (!currentNovel.value) return
  
  const totalWordCount = chapters.value.reduce((sum, ch) => sum + (ch.wordCount || 0), 0)
  
  const novelData = {
    ...currentNovel.value,
    chapterList: chapters.value,
    characters: characters.value,
    worldSettings: novelStore.worldSettings,
    corpusData: corpusData.value,
    events: events.value,
    updatedAt: new Date(),
    wordCount: totalWordCount,
    // 保持兼容性的字段
    chapters: chapters.value.length,
    totalWords: totalWordCount
  }
  
  const novels = JSON.parse(localStorage.getItem('novels') || '[]')
  const index = novels.findIndex(n => n.id === currentNovel.value.id)
  if (index > -1) {
    novels[index] = novelData
  } else {
    novels.push(novelData)
  }
  localStorage.setItem('novels', JSON.stringify(novels))
}

// 初始化
const initNovel = () => {
  const novelId = parseInt(route.query.novelId)
  if (novelId) {
    // 从localStorage加载小说数据
    const novels = JSON.parse(localStorage.getItem('novels') || '[]')
    const novel = novels.find(n => n.id === novelId)
    
    if (novel) {
      currentNovel.value = novel
      
      // 处理日期对象
      if (novel.chapterList) {
        chapters.value = novel.chapterList.map(chapter => ({
          ...chapter,
          createdAt: new Date(chapter.createdAt),
          updatedAt: new Date(chapter.updatedAt)
        }))
      }
      
      // 加载相关数据
      characters.value = novel.characters || []
      // 加载世界观设定到store中
      // 先清空store中的世界观设定
      novelStore.worldSettings.splice(0, novelStore.worldSettings.length)
      // 添加小说的世界观设定到store
      if (novel.worldSettings && novel.worldSettings.length > 0) {
        novel.worldSettings.forEach(setting => {
          novelStore.worldSettings.push(setting)
        })
      }
      corpusData.value = novel.corpusData || []
      events.value = novel.events || []
    } else {
      ElMessage.error('小说不存在')
      router.push('/novels')
    }
  } else {
    ElMessage.error('缺少小说ID参数')
    router.push('/novels')
  }
}

// 生命周期
onMounted(() => {
  initNovel()
  loadPrompts()
})

onUnmounted(() => {
  if (editorRef.value) {
    editorRef.value.destroy()
  }
})

// 监听路由参数变化
watch(() => route.query.novelId, () => {
  if (route.query.novelId) {
    initNovel()
  }
})

// 批量生成角色提示词相关函数
const openBatchCharacterPromptSelector = () => {
  selectedPromptCategory.value = 'character'
  showPromptDialog.value = true
  selectedPrompt.value = null
  promptVariables.value = {}
  finalPrompt.value = ''
}

const clearBatchCharacterPrompt = () => {
  batchCharacterSelectedPrompt.value = null
  batchCharacterPromptVariables.value = {}
  batchCharacterFinalPrompt.value = ''
}

const autoFillBatchCharacterVariables = () => {
  if (!batchCharacterSelectedPrompt.value) return
  
  // 自动填充基本信息
  batchCharacterPromptVariables.value['小说标题'] = currentNovel.value?.title || '未命名小说'
  batchCharacterPromptVariables.value['小说类型'] = currentNovel.value?.genre || '现代'
  batchCharacterPromptVariables.value['小说简介'] = currentNovel.value?.description || '暂无简介'
  batchCharacterPromptVariables.value['生成数量'] = batchGenerateConfig.value.count.toString()
  
  // 角色类型要求
  const characterTypes = []
  if (batchGenerateConfig.value.includeMainCharacters) characterTypes.push('主角')
  if (batchGenerateConfig.value.includeSupportingCharacters) characterTypes.push('配角')
  if (batchGenerateConfig.value.includeMinorCharacters) characterTypes.push('次要角色')
  batchCharacterPromptVariables.value['角色类型'] = characterTypes.join('、')
  
  // 特殊要求
  batchCharacterPromptVariables.value['特殊要求'] = batchGenerateConfig.value.customPrompt || '按小说设定生成'
  
  generateBatchCharacterFinalPrompt()
}

const generateBatchCharacterFinalPrompt = () => {
  if (!batchCharacterSelectedPrompt.value) {
    batchCharacterFinalPrompt.value = ''
    return
  }
  
  let result = batchCharacterSelectedPrompt.value.content
  Object.keys(batchCharacterPromptVariables.value).forEach(variable => {
    const value = batchCharacterPromptVariables.value[variable] || `{${variable}}`
    result = result.replace(new RegExp(`\\{${variable}\\}`, 'g'), value)
  })
  
  batchCharacterFinalPrompt.value = result
}

// 世界观生成提示词相关函数
const openWorldSettingPromptSelector = () => {
  selectedPromptCategory.value = 'worldview'
  showPromptDialog.value = true
  selectedPrompt.value = null
  promptVariables.value = {}
  finalPrompt.value = ''
}

const clearWorldSettingPrompt = () => {
  worldSettingSelectedPrompt.value = null
  worldSettingPromptVariables.value = {}
  worldSettingFinalPrompt.value = ''
}

const autoFillWorldSettingVariables = () => {
  if (!worldSettingSelectedPrompt.value) return
  
  // 自动填充基本信息
  worldSettingPromptVariables.value['小说标题'] = currentNovel.value?.title || '未命名小说'
  worldSettingPromptVariables.value['小说类型'] = currentNovel.value?.genre || '现代'
  worldSettingPromptVariables.value['小说简介'] = currentNovel.value?.description || '暂无简介'
  worldSettingPromptVariables.value['生成数量'] = worldGenerateConfig.value.count.toString()
  
  // 设定类型要求
  const settingTypes = []
  if (worldGenerateConfig.value.includeGeography) settingTypes.push('地理环境')
  if (worldGenerateConfig.value.includeCulture) settingTypes.push('文化社会')
  if (worldGenerateConfig.value.includeHistory) settingTypes.push('历史背景')
  if (worldGenerateConfig.value.includeMagic) settingTypes.push('魔法体系')
  if (worldGenerateConfig.value.includeTechnology) settingTypes.push('科技水平')
  worldSettingPromptVariables.value['设定类型'] = settingTypes.join('、')
  
  // 特殊要求
  worldSettingPromptVariables.value['特殊要求'] = worldGenerateConfig.value.customPrompt || '符合小说世界观设定'
  
  generateWorldSettingFinalPrompt()
}

const generateWorldSettingFinalPrompt = () => {
  if (!worldSettingSelectedPrompt.value) {
    worldSettingFinalPrompt.value = ''
    return
  }
  
  let result = worldSettingSelectedPrompt.value.content
  Object.keys(worldSettingPromptVariables.value).forEach(variable => {
    const value = worldSettingPromptVariables.value[variable] || `{${variable}}`
    result = result.replace(new RegExp(`\\{${variable}\\}`, 'g'), value)
  })
  
  worldSettingFinalPrompt.value = result
}

// 章节生成弹窗相关方法
const clearAllMaterials = () => {
  selectedMaterials.value = {
    characters: [],
    worldSettings: [],
    corpus: [],
    events: []
  }
  ElMessage.success('已清空所有选择')
}

const selectAllMaterials = (type) => {
  switch (type) {
    case 'characters':
      selectedMaterials.value.characters = [...characters.value]
      break
    case 'worldSettings':
      selectedMaterials.value.worldSettings = [...worldSettings.value]
      break
    case 'corpus':
      selectedMaterials.value.corpus = [...corpusData.value]
      break
  }
  ElMessage.success(`已选择所有${type === 'characters' ? '人物' : type === 'worldSettings' ? '世界观' : '语料'}`)
}

const useDefaultPrompt = () => {
  selectedPrompt.value = null
  promptVariables.value = {}
  finalPrompt.value = ''
  ElMessage.info('已切换到默认提示词')
}

const refreshPrompts = () => {
  // 刷新提示词列表
  ElMessage.success('提示词列表已刷新')
}

const createPromptForCategory = () => {
  router.push('/prompts-library')
}

const copyPrompt = () => {
  if (finalPrompt.value) {
    navigator.clipboard.writeText(finalPrompt.value)
    ElMessage.success('提示词已复制到剪贴板')
  }
}

const editPrompt = () => {
  ElMessage.info('您可以直接在预览框中编辑提示词')
}

const getGenerateInfo = () => {
  const selectedCount = selectedMaterials.value.characters.length + 
                       selectedMaterials.value.worldSettings.length + 
                       selectedMaterials.value.corpus.length
  const estimatedCost = (generateConfig.value.wordCount * 0.001).toFixed(3)
  return `已选择${selectedCount}个素材，目标${generateConfig.value.wordCount}字，预估费用¥${estimatedCost}`
}

const previewGenerate = () => {
  if (!selectedPrompt.value) return
  
  ElMessageBox.alert(
    `提示词：${selectedPrompt.value.title}\n` +
    `目标字数：${generateConfig.value.wordCount}\n` +
    `写作视角：${generateConfig.value.style}\n` +
    `选择素材：${selectedMaterials.value.characters.length}个人物，${selectedMaterials.value.worldSettings.length}个设定\n` +
    `预估费用：¥${(generateConfig.value.wordCount * 0.001).toFixed(3)}`,
    '生成配置预览',
    {
      confirmButtonText: '确定'
    }
  )
}

const generateChapterContentWithDialog = async () => {
  if (!selectedPrompt.value) {
    ElMessage.warning('请先选择提示词模板')
    return
  }
  
  if (!currentChapter.value) {
    ElMessage.warning('请先选择要生成内容的章节')
    return
  }
  
  if (!checkApiAndBalance()) return
  
  isGeneratingContent.value = true
  showChapterGenerateDialog.value = false
  
  try {
    await generateContentWithPrompt(finalPrompt.value)
    ElMessage.success('章节内容生成完成')
  } catch (error) {
    console.error('生成失败:', error)
    ElMessage.error('生成失败: ' + error.message)
  } finally {
    isGeneratingContent.value = false
  }
}
</script>

<style scoped>
.writer-container {
  height: 100vh;
  display: flex;
  flex-direction: column;
  background-color: #f5f7fa;
}

.title-bar {
  height: 50px;
  background: white;
  border-bottom: 1px solid #e4e7ed;
  display: flex;
  align-items: center;
  padding: 0 20px;
  flex-shrink: 0;
}

.title-left {
  display: flex;
  align-items: center;
  gap: 15px;
}

.novel-title {
  font-size: 16px;
  font-weight: 600;
  color: #303133;
}

.tabs-bar {
  background: white;
  border-bottom: 1px solid #e4e7ed;
  padding: 0 20px;
  flex-shrink: 0;
}

.main-tabs {
  margin: 0;
}

.main-tabs .el-tabs__header {
  margin: 0;
}

.main-tabs .el-tabs__nav-wrap::after {
  display: none;
}

.main-content {
  flex: 1;
  display: flex;
  gap: 16px;
  padding: 16px;
  overflow: hidden;
}

.left-panel {
  width: 280px;
  flex-shrink: 0;
}

.editor-panel {
  flex: 1;
  min-width: 0;
}

.card-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-weight: 600;
}

.editor-title-section {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.editor-actions {
  display: flex;
  gap: 8px;
  align-items: center;
}

.editor-stats {
  display: flex;
  gap: 15px;
  font-size: 14px;
  color: #909399;
}

.unsaved-indicator {
  color: #f56c6c !important;
}

.chapters-list {
  max-height: calc(100vh - 190px);
  overflow-y: auto;
}

.chapter-item {
  padding: 12px;
  border: 1px solid #e4e7ed;
  border-radius: 6px;
  margin-bottom: 8px;
  cursor: pointer;
  transition: all 0.3s;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.chapter-item:hover {
  border-color: #409eff;
  background-color: #f0f9ff;
}

.chapter-item.active {
  border-color: #409eff;
  background-color: #ecf5ff;
}

.chapter-info {
  flex: 1;
}

.chapter-info h4 {
  margin: 0 0 4px 0;
  font-size: 14px;
  color: #303133;
}

.chapter-info p {
  margin: 0 0 4px 0;
  font-size: 13px;
  color: #606266;
  line-height: 1.4;
}

.chapter-meta {
  font-size: 12px;
  color: #909399;
}

.chapter-actions {
  display: flex;
  gap: 4px;
}

.empty-chapters {
  text-align: center;
  padding: 40px 20px;
  color: #909399;
}

.editor-container {
  height: calc(100vh - 300px);
  border: 1px solid #e4e7ed;
  border-radius: 6px;
  overflow: hidden;
}

.editor-wrapper {
  height: 100%;
  display: flex;
  flex-direction: column;
}

.preview-container {
  height: calc(100vh - 300px);
  border: 1px solid #e4e7ed;
  border-radius: 6px;
  overflow-y: auto;
  padding: 20px;
  background: white;
}

.preview-content {
  line-height: 1.8;
  color: #303133;
}

.empty-editor {
  text-align: center;
  padding: 80px 20px;
  color: #909399;
}

.empty-icon {
  font-size: 48px;
  margin-bottom: 16px;
  opacity: 0.5;
}

/* 现代化弹窗样式 */
.chapter-generate-content {
  padding: 0;
}

.generate-config-section {
  margin-bottom: 16px;
}

.config-card-modern {
  border: 1px solid #e4e7ed;
  border-radius: 8px;
  overflow: hidden;
}

.config-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.config-left {
  display: flex;
  align-items: center;
  gap: 12px;
}

.config-title {
  font-weight: 600;
  color: #303133;
}

.config-item {
  margin-bottom: 0;
}

.config-item .el-form-item__label {
  font-size: 12px;
  color: #606266;
  font-weight: 500;
}

.checkbox-group {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}

.section-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 16px;
}

.section-title {
  font-size: 16px;
  font-weight: 600;
  color: #303133;
  margin: 0;
}

.materials-tabs {
  border: 1px solid #e4e7ed;
  border-radius: 8px;
  overflow: hidden;
}

.materials-tabs .el-tabs__header {
  margin: 0;
  background-color: #f8f9fa;
}

.materials-tabs .el-tabs__nav-wrap::after {
  display: none;
}

.tab-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 12px 16px;
  background-color: #fafbfc;
  border-bottom: 1px solid #e4e7ed;
}

.tab-count {
  font-size: 12px;
  color: #606266;
}

.materials-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
  gap: 12px;
  padding: 16px;
  max-height: 300px;
  overflow-y: auto;
}

.material-card {
  border: 2px solid #e4e7ed;
  border-radius: 6px;
  padding: 12px;
  cursor: pointer;
  transition: all 0.2s;
  background-color: #ffffff;
  position: relative;
}

.material-card:hover {
  border-color: #409eff;
  background-color: #f0f9ff;
  transform: translateY(-1px);
  box-shadow: 0 2px 8px rgba(64, 158, 255, 0.1);
}

.material-card.selected {
  border-color: #409eff;
  background-color: #ecf5ff;
  box-shadow: 0 0 0 1px #409eff;
}

.material-header {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 8px;
}

.material-name {
  font-size: 14px;
  font-weight: 600;
  color: #303133;
  line-height: 1.2;
}

.material-desc {
  font-size: 12px;
  color: #606266;
  line-height: 1.4;
  margin: 0 0 8px 0;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.material-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
}

.empty-materials {
  text-align: center;
  padding: 40px 20px;
  color: #909399;
}

.category-selection-modern {
  margin-bottom: 16px;
}

.category-header {
  font-size: 14px;
  font-weight: 600;
  color: #303133;
  margin-bottom: 12px;
}

.category-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
  gap: 8px;
}

.category-card {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 12px 8px;
  border: 2px solid #e4e7ed;
  border-radius: 6px;
  cursor: pointer;
  transition: all 0.2s;
  background-color: #ffffff;
}

.category-card:hover {
  border-color: #409eff;
  background-color: #f0f9ff;
}

.category-card.active {
  border-color: #409eff;
  background-color: #ecf5ff;
  color: #409eff;
}

.category-icon {
  font-size: 20px;
  margin-bottom: 4px;
}

.category-name {
  font-size: 12px;
  font-weight: 500;
  text-align: center;
}

.prompt-selection-modern {
  border: 1px solid #e4e7ed;
  border-radius: 8px;
  overflow: hidden;
}

.prompt-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 12px 16px;
  background-color: #f8f9fa;
  border-bottom: 1px solid #e4e7ed;
  font-size: 14px;
  font-weight: 500;
  color: #303133;
}

.prompt-list-modern {
  max-height: 250px;
  overflow-y: auto;
  padding: 8px;
}

.prompt-item-modern {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 12px;
  border: 1px solid #e4e7ed;
  border-radius: 6px;
  margin-bottom: 8px;
  cursor: pointer;
  transition: all 0.2s;
  background-color: #ffffff;
}

.prompt-item-modern:hover {
  border-color: #409eff;
  background-color: #f0f9ff;
}

.prompt-item-modern.active {
  border-color: #409eff;
  background-color: #ecf5ff;
}

.prompt-content {
  flex: 1;
}

.prompt-title {
  font-size: 14px;
  font-weight: 600;
  color: #303133;
  margin: 0 0 4px 0;
}

.prompt-desc {
  font-size: 12px;
  color: #606266;
  margin: 0 0 8px 0;
  line-height: 1.4;
}

.prompt-meta {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.prompt-usage {
  font-size: 11px;
  color: #909399;
}

.prompt-actions {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.empty-prompts {
  text-align: center;
  padding: 40px 20px;
  color: #909399;
}

.variables-section {
  margin-top: 16px;
  border: 1px solid #e4e7ed;
  border-radius: 8px;
  overflow: hidden;
}

.variables-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 12px 16px;
  background-color: #f8f9fa;
  border-bottom: 1px solid #e4e7ed;
  font-size: 14px;
  font-weight: 500;
  color: #303133;
}

.variables-form {
  padding: 16px;
}

.variable-item {
  margin-bottom: 16px;
}

.variable-label {
  display: block;
  font-size: 12px;
  color: #606266;
  font-weight: 500;
  margin-bottom: 4px;
}

.preview-section {
  margin-top: 16px;
  border: 1px solid #e4e7ed;
  border-radius: 8px;
  overflow: hidden;
}

.preview-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 12px 16px;
  background-color: #f8f9fa;
  border-bottom: 1px solid #e4e7ed;
  font-size: 14px;
  font-weight: 500;
  color: #303133;
}

.preview-actions {
  display: flex;
  gap: 8px;
}

.preview-content {
  padding: 16px;
}

.preview-textarea {
  font-family: 'Monaco', 'Menlo', 'Ubuntu Mono', monospace;
  font-size: 12px;
  line-height: 1.5;
}

.generate-actions {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 20px;
  padding: 16px 0 0 0;
  border-top: 1px solid #e4e7ed;
}

.action-info {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 13px;
  color: #606266;
}

.action-buttons {
  display: flex;
  gap: 12px;
}

/* AI优化弹窗样式 */
.optimize-dialog-content {
  padding: 0;
}

.current-text-section {
  border: 1px solid #e4e7ed;
  border-radius: 8px;
  overflow: hidden;
}

.text-info {
  display: flex;
  gap: 16px;
  font-size: 12px;
  color: #606266;
}

.current-text-content {
  padding: 16px;
}

.current-text-area {
  font-family: 'Monaco', 'Menlo', 'Ubuntu Mono', monospace;
  font-size: 12px;
  line-height: 1.5;
}

.text-actions {
  padding: 12px 16px;
  background-color: #f8f9fa;
  border-top: 1px solid #e4e7ed;
  display: flex;
  gap: 8px;
}

.optimize-prompt-section {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.optimize-type-selection {
  border: 1px solid #e4e7ed;
  border-radius: 8px;
  overflow: hidden;
}

.type-header {
  padding: 12px 16px;
  background-color: #f8f9fa;
  border-bottom: 1px solid #e4e7ed;
  font-size: 14px;
  font-weight: 500;
  color: #303133;
}

.type-options {
  padding: 16px;
}

.optimize-prompt-selection {
  border: 1px solid #e4e7ed;
  border-radius: 8px;
  overflow: hidden;
}

.prompt-list-optimize {
  max-height: 200px;
  overflow-y: auto;
  padding: 8px;
}

.prompt-item-optimize {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px;
  border: 1px solid #e4e7ed;
  border-radius: 4px;
  margin-bottom: 6px;
  cursor: pointer;
  transition: all 0.2s;
  background-color: #ffffff;
}

.prompt-item-optimize:hover {
  border-color: #409eff;
  background-color: #f0f9ff;
}

.prompt-item-optimize.active {
  border-color: #409eff;
  background-color: #ecf5ff;
}

.optimize-variables {
  border: 1px solid #e4e7ed;
  border-radius: 8px;
  overflow: hidden;
}

.optimize-preview {
  border: 1px solid #e4e7ed;
  border-radius: 8px;
  overflow: hidden;
}

.optimize-actions {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 20px;
  padding: 16px 0 0 0;
  border-top: 1px solid #e4e7ed;
}

.ai-toolbar {
  margin-bottom: 10px;
}

.ai-tools {
  padding: 10px;
}

.ai-section {
  margin-bottom: 10px;
}

.form-item-with-ai {
  display: flex;
  align-items: center;
}

.form-item-with-ai .el-input {
  flex: 1;
}

.form-item-with-ai .el-button {
  margin-top: 8px;
}

.dialogue {
  font-style: italic;
  color: #2c3e50;
  padding-left: 16px;
  border-left: 3px solid #409eff;
  margin: 8px 0;
}

.characters-list {
  max-height: calc(100vh - 160px);
  overflow-y: auto;
}

.character-item {
  padding: 12px;
  border: 1px solid #e4e7ed;
  border-radius: 6px;
  margin-bottom: 8px;
  cursor: pointer;
  transition: all 0.3s;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.character-item:hover {
  border-color: #409eff;
  background-color: #f0f9ff;
}

.character-item.active {
  border-color: #409eff;
  background-color: #ecf5ff;
}

.character-avatar {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  overflow: hidden;
  margin-right: 10px;
}

.character-avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.default-avatar {
  width: 100%;
  height: 100%;
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  color: white;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
  font-size: 16px;
}

.character-content {
  display: flex;
  align-items: center;
  flex: 1;
  cursor: pointer;
}

.character-info {
  flex: 1;
}

.character-info h4 {
  margin: 0 0 4px 0;
  font-size: 14px;
  color: #303133;
}

.character-info p {
  margin: 0 0 4px 0;
  font-size: 13px;
  color: #606266;
  line-height: 1.4;
}

.character-meta {
  display: flex;
  align-items: center;
  gap: 6px;
  margin: 4px 0;
  flex-wrap: wrap;
}

.character-meta .age-text {
  font-size: 12px;
  color: #909399;
  margin-left: 4px;
}

.character-desc {
  font-size: 12px;
  color: #666;
  margin: 4px 0;
  line-height: 1.3;
  max-height: 2.6em;
  overflow: hidden;
  text-overflow: ellipsis;
}

.character-tags {
  margin-top: 4px;
}

.character-tags .el-tag {
  margin-right: 4px;
  margin-bottom: 4px;
}

.character-item .character-actions {
  flex-shrink: 0;
  margin-left: 8px;
}

.chapter-desc {
  font-size: 12px;
  color: #909399;
  margin-top: 4px;
  line-height: 1.3;
}

.chapter-meta {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-top: 4px;
}



.panel-content {
  height: calc(100vh - 150px);
  overflow: hidden;
}

.corpus-item {
  flex-direction: column;
  align-items: flex-start;
}

.event-item {
  align-items: flex-start;
}

.event-time {
  margin-left: 8px;
  color: #c0c4cc;
}

.empty-state {
  text-align: center;
  padding: 40px 20px;
  color: #909399;
}

.worldview-list {
  max-height: calc(100vh - 190px);
  overflow-y: auto;
}

.worldview-item {
  padding: 12px;
  border: 1px solid #e4e7ed;
  border-radius: 6px;
  margin-bottom: 8px;
  cursor: pointer;
  transition: all 0.3s;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.worldview-item:hover {
  border-color: #409eff;
  background-color: #f0f9ff;
}

.worldview-content {
  flex: 1;
  cursor: pointer;
}

.worldview-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 6px;
}

.worldview-header h4 {
  margin: 0;
  font-size: 14px;
  color: #303133;
  flex: 1;
  margin-right: 8px;
}

.worldview-description {
  margin: 6px 0;
  font-size: 13px;
  color: #606266;
  line-height: 1.4;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.worldview-meta {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-top: 6px;
}

.worldview-meta .create-time {
  font-size: 12px;
  color: #909399;
}

.worldview-meta .ai-generated {
  font-size: 11px;
  color: #67c23a;
  background-color: #f0f9ff;
  padding: 2px 6px;
  border-radius: 10px;
  border: 1px solid #b3d8ff;
}

.worldview-actions {
  flex-shrink: 0;
  margin-left: 8px;
}

.corpus-list {
  max-height: calc(100vh - 190px);
  overflow-y: auto;
}

.corpus-item {
  padding: 12px;
  border: 1px solid #e4e7ed;
  border-radius: 6px;
  margin-bottom: 8px;
  cursor: pointer;
  transition: all 0.3s;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.corpus-item:hover {
  border-color: #409eff;
  background-color: #f0f9ff;
}

.corpus-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.corpus-header h4 {
  margin: 0;
  font-size: 14px;
  color: #303133;
}

.corpus-preview {
  margin: 8px 0;
  font-size: 13px;
  color: #606266;
}

.corpus-actions {
  display: flex;
  gap: 4px;
}

.events-timeline {
  max-height: calc(100vh - 190px);
  overflow-y: auto;
}

.event-item {
  padding: 12px;
  border: 1px solid #e4e7ed;
  border-radius: 6px;
  margin-bottom: 8px;
  cursor: pointer;
  transition: all 0.3s;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.event-item:hover {
  border-color: #409eff;
  background-color: #f0f9ff;
}

.event-marker {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: #409eff;
  margin-right: 10px;
}

.event-content {
  flex: 1;
}

.event-content h4 {
  margin: 0 0 4px 0;
  font-size: 14px;
  color: #303133;
}

/* 流式生成内容样式 */
.streaming-content-area {
  margin-bottom: 16px;
}

.streaming-card {
  border: 1px solid #67c23a;
  background-color: #f0f9ff;
}

.streaming-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-weight: 500;
  color: #67c23a;
}

.streaming-content {
  max-height: 300px;
  overflow-y: auto;
  padding: 12px;
  background-color: #ffffff;
  border-radius: 6px;
  border: 1px solid #e4e7ed;
}

.streaming-text {
  line-height: 1.8;
  font-size: 14px;
  color: #303133;
  white-space: pre-wrap;
  word-break: break-all;
}

.streaming-text-plain {
  margin: 0;
  line-height: 1.6;
  font-size: 13px;
  color: #606266;
  font-family: 'Courier New', monospace;
  white-space: pre-wrap;
  word-break: break-all;
}

.streaming-content::-webkit-scrollbar {
  width: 6px;
}

.streaming-content::-webkit-scrollbar-track {
  background: #f1f1f1;
  border-radius: 3px;
}

.streaming-content::-webkit-scrollbar-thumb {
  background: #c1c1c1;
  border-radius: 3px;
}

.streaming-content::-webkit-scrollbar-thumb:hover {
  background: #a8a8a8;
}

.section-desc {
  margin: 0 0 12px 0;
  font-size: 13px;
  color: #909399;
  line-height: 1.4;
}

/* AI按钮组样式 */
.ai-button-group {
  display: flex;
  align-items: center;
}

/* 提示词对话框样式 */
.prompt-dialog-content {
  max-height: 600px;
  overflow-y: auto;
}

.prompt-list h4 {
  margin: 0 0 16px 0;
  color: #303133;
  font-size: 16px;
}

.prompt-cards {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
  gap: 12px;
  margin-bottom: 20px;
}

.prompt-card {
  border: 1px solid #e4e7ed;
  border-radius: 8px;
  padding: 12px;
  cursor: pointer;
  transition: all 0.3s;
  background-color: #ffffff;
}

.prompt-card:hover {
  border-color: #409eff;
  background-color: #f0f9ff;
  transform: translateY(-2px);
  box-shadow: 0 4px 8px rgba(64, 158, 255, 0.1);
}

.prompt-card.active {
  border-color: #409eff;
  background-color: #ecf5ff;
  box-shadow: 0 0 0 1px #409eff;
}

.prompt-card-header h5 {
  margin: 0 0 8px 0;
  font-size: 14px;
  color: #303133;
  font-weight: 600;
}

.prompt-card-description p {
  margin: 0 0 8px 0;
  font-size: 12px;
  color: #606266;
  line-height: 1.4;
}

.prompt-card-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
}

.prompt-card-tags .el-tag {
  font-size: 11px;
  height: 20px;
  line-height: 18px;
}

.empty-prompts {
  text-align: center;
  padding: 40px 20px;
  color: #909399;
}

.prompt-variables {
  margin: 20px 0;
  padding: 16px;
  background-color: #f9f9f9;
  border-radius: 6px;
}

.prompt-variables h4 {
  margin: 0 0 16px 0;
  color: #303133;
  font-size: 14px;
}

.final-prompt {
  margin-top: 20px;
}

.final-prompt h4 {
  margin: 0 0 12px 0;
  color: #303133;
  font-size: 14px;
}

/* 章节生成对话框样式 */
.chapter-generate-content {
  max-height: 70vh;
  overflow: hidden;
}

.materials-section,
.prompt-section {
  height: 500px;
  overflow-y: auto;
}

.materials-section h4,
.prompt-section h4 {
  margin: 0 0 16px 0;
  color: #303133;
  font-size: 16px;
  font-weight: 600;
}

.config-card,
.materials-card,
.prompt-selection-card,
.variables-card,
.preview-card {
  margin-bottom: 16px;
}

.materials-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.materials-count {
  font-size: 12px;
  color: #409eff;
  background-color: #ecf5ff;
  padding: 2px 8px;
  border-radius: 12px;
  font-weight: 600;
  border: 1px solid #b3d8ff;
}

.materials-list {
  max-height: 200px;
  overflow-y: auto;
}

.material-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px;
  border: 1px solid #e4e7ed;
  border-radius: 6px;
  margin-bottom: 8px;
  cursor: pointer;
  transition: all 0.3s;
  background-color: #ffffff;
}

.material-item:hover {
  border-color: #409eff;
  background-color: #f0f9ff;
}

.material-item.selected {
  border-color: #409eff;
  background-color: #ecf5ff;
  box-shadow: 0 0 0 1px #409eff;
}

.material-info {
  flex: 1;
}

.material-info h5 {
  margin: 0 0 4px 0;
  font-size: 14px;
  color: #303133;
  font-weight: 600;
}

.material-info p {
  margin: 0;
  font-size: 12px;
  color: #606266;
  line-height: 1.4;
}

.material-tags,
.material-type {
  display: flex;
  gap: 4px;
}

/* 分类选择样式 */
.category-selection-card {
  margin-bottom: 16px;
}

.category-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.category-tab {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 8px 12px;
  border: 1px solid #e4e7ed;
  border-radius: 6px;
  cursor: pointer;
  transition: all 0.3s;
  background-color: #ffffff;
  min-width: 70px;
  text-align: center;
}

.category-tab:hover {
  border-color: #409eff;
  background-color: #f0f9ff;
}

.category-tab.active {
  border-color: #409eff;
  background-color: #ecf5ff;
  box-shadow: 0 0 0 1px #409eff;
}

.category-icon {
  font-size: 16px;
  margin-bottom: 4px;
}

.category-name {
  font-size: 11px;
  color: #606266;
  line-height: 1.2;
}

.category-tab.active .category-name {
  color: #409eff;
  font-weight: 600;
}

.prompt-cards-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 8px;
  max-height: 250px;
  overflow-y: auto;
}

.prompt-card-small {
  border: 1px solid #e4e7ed;
  border-radius: 6px;
  padding: 10px;
  cursor: pointer;
  transition: all 0.3s;
  background-color: #ffffff;
}

.prompt-card-small:hover {
  border-color: #409eff;
  background-color: #f0f9ff;
}

.prompt-card-small.active {
  border-color: #409eff;
  background-color: #ecf5ff;
  box-shadow: 0 0 0 1px #409eff;
}

.prompt-card-small h5 {
  margin: 0 0 6px 0;
  font-size: 13px;
  color: #303133;
  font-weight: 600;
}

.prompt-card-small p {
  margin: 0 0 6px 0;
  font-size: 11px;
  color: #606266;
  line-height: 1.3;
}

.prompt-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
}

.prompt-tags .el-tag {
  font-size: 10px;
  height: 18px;
  line-height: 16px;
}

.variables-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.dialog-footer {
  display: flex;
  justify-content: flex-end;
  gap: 12px;
}

/* 批量生成角色对话框样式 */
.batch-generate-content {
  max-height: 70vh;
  overflow-y: auto;
}

.config-section,
.streaming-section,
.results-section {
  margin-bottom: 16px;
}

.character-type-options {
  display: flex;
  gap: 16px;
}

.streaming-content-container {
  max-height: 300px;
  overflow-y: auto;
  border: 1px solid #e4e7ed;
  border-radius: 6px;
  background-color: #fafafa;
}

.streaming-content {
  padding: 16px;
  font-family: 'Courier New', monospace;
  font-size: 14px;
  line-height: 1.6;
  color: #303133;
  white-space: pre-wrap;
}

.results-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.result-actions {
  display: flex;
  gap: 8px;
}

.generated-characters-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
  gap: 16px;
  max-height: 400px;
  overflow-y: auto;
}

.generated-character-card {
  border: 2px solid #e4e7ed;
  border-radius: 8px;
  padding: 16px;
  cursor: pointer;
  transition: all 0.3s;
  background-color: #ffffff;
}

.generated-character-card:hover {
  border-color: #409eff;
  background-color: #f0f9ff;
}

.generated-character-card.selected {
  border-color: #409eff;
  background-color: #ecf5ff;
  box-shadow: 0 0 0 1px #409eff;
}

.character-header {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  margin-bottom: 12px;
}

.character-avatar-preview {
  flex-shrink: 0;
}

.character-avatar-preview .default-avatar {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  color: white;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
  font-size: 16px;
}

.character-basic-info {
  flex: 1;
}

.character-basic-info h4 {
  margin: 0 0 8px 0;
  font-size: 16px;
  color: #303133;
  font-weight: 600;
}

.character-meta {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}

.age-text {
  font-size: 12px;
  color: #909399;
}

.selection-indicator {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.selected-icon {
  color: #409eff;
  font-size: 18px;
}

.character-details {
  border-top: 1px solid #f0f0f0;
  padding-top: 12px;
}

.detail-item {
  margin-bottom: 8px;
}

.detail-item label {
  font-size: 12px;
  color: #909399;
  font-weight: 600;
  margin-bottom: 4px;
  display: block;
}

.detail-item p {
  margin: 0;
  font-size: 13px;
  color: #606266;
  line-height: 1.4;
  max-height: 40px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.character-tags-preview {
  margin-top: 8px;
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
}

.character-tags-preview .el-tag {
  font-size: 10px;
  height: 18px;
  line-height: 16px;
}

.character-actions,
.world-actions {
  display: flex;
  gap: 8px;
}

/* 世界观生成对话框样式 */
.world-generate-content {
  max-height: 70vh;
  overflow-y: auto;
}

.world-type-options,
.special-options {
  display: flex;
  gap: 16px;
  flex-wrap: wrap;
}

.generated-settings-list {
  display: flex;
  flex-direction: column;
  gap: 12px;
  max-height: 400px;
  overflow-y: auto;
}

.generated-setting-card {
  border: 2px solid #e4e7ed;
  border-radius: 8px;
  padding: 16px;
  cursor: pointer;
  transition: all 0.3s;
  background-color: #ffffff;
}

.generated-setting-card:hover {
  border-color: #409eff;
  background-color: #f0f9ff;
}

.generated-setting-card.selected {
  border-color: #409eff;
  background-color: #ecf5ff;
  box-shadow: 0 0 0 1px #409eff;
}

.setting-header {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 12px;
}

.setting-basic-info {
  flex: 1;
}

.setting-basic-info h4 {
  margin: 0 0 8px 0;
  font-size: 16px;
  color: #303133;
  font-weight: 600;
}

.setting-content p {
  margin: 0;
  font-size: 14px;
  color: #606266;
  line-height: 1.6;
  max-height: 80px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
}

/* 世界观设定编辑对话框中的流式显示样式 */
.streaming-status-card {
  margin-top: 16px;
  border: 1px solid #e4e7ed;
  border-radius: 6px;
  background-color: #fafafa;
}

.streaming-header {
  padding: 12px 16px;
  background-color: #f5f7fa;
  border-bottom: 1px solid #e4e7ed;
  border-radius: 6px 6px 0 0;
}

.streaming-title {
  font-weight: 600;
  color: #303133;
}

.streaming-content-display {
  padding: 16px;
  max-height: 200px;
  overflow-y: auto;
  font-family: 'Courier New', monospace;
  font-size: 13px;
  line-height: 1.6;
  color: #303133;
  white-space: pre-wrap;
}

.event-content p {
  margin: 0 0 4px 0;
  font-size: 13px;
  color: #606266;
  line-height: 1.4;
}

.event-meta {
  font-size: 12px;
  color: #909399;
}

.empty-editor {
  text-align: center;
  padding: 80px 20px;
  color: #909399;
}

.empty-icon {
  font-size: 48px;
  margin-bottom: 16px;
  opacity: 0.5;
}

.selected-prompt-info {
  color: #409eff;
  font-size: 12px;
  margin-left: 5px;
}

.ai-toolbar {
  margin-bottom: 10px;
}
</style>