- Added a button on the top right corner of the last message to regenerate the last message (useful, for example, if the model output was garbled or incorrect JSON, or simply if the user wants a different response)

- Fixed a crash with Spine Player that could occur in certain instances, such as when changing characters too quickly
- Additional refactoring by moving the parsing logic to a new file.

Author: Rhystic1

src/components/views/ChatInterface.vue

@@ -16,6 +16,11 @@
       <div class="chat-history" ref="chatHistoryRef">
       <div v-for="(msg, index) in chatHistory" :key="index" :class="['message', msg.role]">
         <div class="message-content" v-html="renderMarkdown(msg.content)"></div>
+        <div v-if="index === chatHistory.length - 1 && !isLoading && msg.role === 'assistant'" class="message-top-actions" style="right: 0; left: auto;">
+          <n-button size="tiny" circle type="warning" @click="regenerateResponse" title="Retry this message">
+            <template #icon><n-icon><Renew /></n-icon></template>
+          </n-button>
+        </div>
         <div v-if="index === chatHistory.length - 1 && !isLoading && msg.role !== 'system'" class="message-actions">
           <n-button size="tiny" circle type="error" @click="deleteLastMessage" title="Delete last message">
             <template #icon><n-icon><TrashCan /></n-icon></template>
@@ -363,7 +368,7 @@
 import { ref, computed, watch, nextTick, onMounted, onUnmounted } from 'vue'
 import { onBeforeRouteLeave } from 'vue-router'
 import { useMarket } from '@/stores/market'
-import { Settings, Help, Save, Upload, TrashCan, Reset } from '@vicons/carbon'
+import { Settings, Help, Save, Upload, TrashCan, Reset, Renew } from '@vicons/carbon'
 import { NIcon, NButton, NInput, NDrawer, NDrawerContent, NForm, NFormItem, NSelect, NSwitch, NPopover, NAlert, NModal, NSpin } from 'naive-ui'
 import l2d from '@/utils/json/l2d.json'
 import characterHonorifics from '@/utils/json/honorifics.json'
@@ -372,6 +377,7 @@ import loadingMessages from '@/utils/json/loadingMessages.json'
 import prompts from '@/utils/json/prompts.json'
 import { marked } from 'marked'
 import { animationMappings } from '@/utils/animationMappings'
+import { cleanWikiContent, sanitizeActions, splitNarration, parseFallback } from '@/utils/chatUtils'
 
 // Helper to get honorific with fallback to "Commander"
 const getHonorific = (characterName: string): string => {
@@ -1013,6 +1019,17 @@ const retryLastMessage = async () => {
   scrollToBottom()
 }
 
+const regenerateResponse = async () => {
+  if (chatHistory.value.length > 0) {
+    const lastMsg = chatHistory.value[chatHistory.value.length - 1]
+    // Only allow regenerating assistant messages
+    if (lastMsg.role === 'assistant') {
+      chatHistory.value.pop()
+      await retryLastMessage()
+    }
+  }
+}
+
 const stopGeneration = () => {
   isStopped.value = true
   isLoading.value = false
@@ -1534,29 +1551,6 @@ const fetchWikiContent = async (characterName: string): Promise<string | null> =
   }
 }
 
-// Clean up wikitext for the model
-const cleanWikiContent = (wikitext: string): string => {
-  let text = wikitext
-  // Remove wiki markup templates like {{...}}
-  text = text.replace(/\{\{[^}]*\}\}/g, '')
-  // Remove [[ ]] link markup but keep the text
-  text = text.replace(/\[\[(?:[^|\]]*\|)?([^\]]+)\]\]/g, '$1')
-  // Remove remaining brackets
-  text = text.replace(/\[|\]/g, '')
-  // Remove HTML comments
-  text = text.replace(/<!--[\s\S]*?-->/g, '')
-  // Remove section headers markup (== Header ==)
-  text = text.replace(/^=+\s*(.+?)\s*=+$/gm, '$1:')
-  // Clean up whitespace
-  text = text.replace(/\n{3,}/g, '\n\n')
-  text = text.replace(/\s+/g, ' ').trim()
-  // Limit length to avoid token limits
-  if (text.length > 4000) {
-    text = text.substring(0, 4000) + '...'
-  }
-  return text
-}
-
 // Search for characters by fetching wiki pages directly (for models without native search)
 const searchForCharactersViaWikiFetch = async (characterNames: string[]): Promise<void> => {
   logDebug('[searchForCharactersViaWikiFetch] Fetching wiki pages for:', characterNames)
@@ -1724,6 +1718,7 @@ const searchForCharactersPerplexity = async (characterNames: string[]): Promise<
       }
       
       characterProfiles.value = { ...characterProfiles.value, ...profile }
+
       logDebug(`[searchForCharactersPerplexity] Added profile for ${name}:`, profile)
     } catch (e) {
       console.error(`[searchForCharactersPerplexity] Failed to search for ${name}:`, e)
@@ -2096,127 +2091,6 @@ const callGemini = async (messages: any[], enableWebSearch: boolean = false) =>
   return textPart.text
 }
 
-const sanitizeActions = (actions: any[]) => {
-  const newActions: any[] = []
-  
-  // Helper to identify speaker labels
-  // Updated to handle cases where bold tags wrap the colon (e.g. **Name:**)
-  const isSpeakerLabel = (s: string) => /^\s*(?:\*\*)?[^*]+?(?:\*\*)?\s*:\s*(?:\*\*)?\s*$/.test(s)
-
-  for (const action of actions) {
-    if (!action.text || typeof action.text !== 'string') {
-      newActions.push(action)
-
-      continue
-    }
-
-    // Check if text contains quotes
-    // We look for standard quotes " and smart quotes “ ”
-    const hasQuotes = /["“”]/.test(action.text)
-    
-    if (!hasQuotes) {
-      // Case 1: No quotes at all.
-      
-      // Filter out standalone speaker labels
-      if (isSpeakerLabel(action.text)) {
-
-        continue
-      }
-
-      // If it was marked as speaking, only force to false if it looks like a stage direction
-      if (action.speaking) {
-        // Check for stage directions starting with *, (, or [
-        if (/^[\s]*[\[\(*]/.test(action.text)) {
-          action.speaking = false
-        }
-        // Otherwise, trust the AI's speaking flag even without quotes
-        // This handles cases where the AI forgets quotes around dialogue
-      }
-      newActions.push(action)
-
-      continue
-    }
-
-    // Case 2: Has quotes. We need to split.
-    // Regex to match quoted sections including the quotes
-    const splitRegex = /([“"][^”"]*[”"])/g
-    
-    const parts = action.text.split(splitRegex).filter((p: string) => p.trim().length > 0)
-    
-    if (parts.length === 0) {
-      newActions.push(action)
-
-      continue
-    }
-
-    // Helper to determine if a part is a quote
-    // Use [\s\S] to match any character including newlines
-    const isQuote = (s: string) => /^[“"][\s\S]*[”"]$/.test(s.trim())
-
-    // Merge trailing punctuation into previous part to avoid tiny separate messages
-    const mergedParts: { text: string, isQuoted: boolean, characterId: string }[] = []
-    let effectiveCharacterId = action.character
-    
-    for (let i = 0; i < parts.length; i++) {
-      const part = parts[i]
-      const quoted = isQuote(part)
-      
-      // Filter out standalone speaker labels (e.g. "**Anis:**")
-      // These are often artifacts from splitting "Name: Quote"
-     
-      if (isSpeakerLabel(part) && !quoted) {
-        continue
-      }
-
-      // If this part is just punctuation/space and we have a previous part, merge it
-      // This handles cases like: "Hello". -> "Hello" + .
-      if (mergedParts.length > 0 && !quoted && /^[.,;!?\s]+$/.test(part)) {
-        mergedParts[mergedParts.length - 1].text += part
-      } else {
-        mergedParts.push({ text: part, isQuoted: quoted, characterId: effectiveCharacterId })
-      }
-    }
-
-    for (const partObj of mergedParts) {
-      // Create new action
-      const newAction = { ...action, text: partObj.text, character: partObj.characterId }
-      
-      if (partObj.isQuoted) {
-        newAction.speaking = true
-      } else {
-        newAction.speaking = false
-      }
-      
-      // Remove fixed duration so it gets recalculated based on text length
-      if (newAction.duration) {
-        delete newAction.duration
-      }
-      
-      newActions.push(newAction)
-    }
-  }
-  
-  // Post-process: If a narration action (speaking=false) is followed by a dialogue action (speaking=true)
-  // for the same character, copy the animation from the narration to the dialogue.
-  // This ensures the emotion set during narration persists into the dialogue.
-  for (let i = 1; i < newActions.length; i++) {
-    const prev = newActions[i - 1]
-    const curr = newActions[i]
-    
-    // Check if same character, previous is narration, current is dialogue
-    if (prev.character && curr.character && 
-        prev.character === curr.character && 
-        prev.speaking === false && 
-        curr.speaking === true &&
-        prev.animation && prev.animation !== 'idle') {
-      // Copy the narration animation to the dialogue
-      curr.animation = prev.animation
-    }
-  }
-  
-  return newActions
-}
-
 const enrichActionsWithAnimations = async (actions: any[]): Promise<any[]> => {
   logDebug('Enriching actions with animations...')
   
@@ -2311,131 +2185,6 @@ const enrichActionsWithAnimations = async (actions: any[]): Promise<any[]> => {
   })
 }
 
-const splitNarration = (text: string): any[] => {
-  const actions: any[] = []
-  // Split into sentences, handling common punctuation. 
-  const sentences = text.match(/[^.!?]+[.!?]+["']?|[^.!?]+$/g)
-  
-  if (!sentences) {
-      return [{ text, character: 'none', animation: 'idle', speaking: false }]
-  }
-  
-  let currentAction: any = null
-  
-  for (const rawSentence of sentences) {
-    const sentence = rawSentence.trim()
-    if (!sentence) continue
-    
-    let foundCharId = null
-    
-    for (const char of l2d) {
-        const name = char.name
-        // Check for "Name " or "Name's" or "Name." or just "Name" at start
-        if (sentence.toLowerCase().startsWith(name.toLowerCase())) {
-            const nextChar = sentence.charAt(name.length)
-            if (!nextChar || /[\s'’.,!?]/.test(nextChar)) {
-                foundCharId = char.id
-                break
-            }
-        }
-    }
-    
-    if (foundCharId) {
-        if (currentAction) {
-            actions.push(currentAction)
-        }
-        currentAction = {
-            text: sentence,
-            character: foundCharId,
-            animation: 'idle',
-            speaking: false
-        }
-    } else {
-        if (currentAction) {
-            currentAction.text += ' ' + sentence
-        } else {
-            currentAction = {
-                text: sentence,
-                character: 'none', 
-                animation: 'idle',
-                speaking: false
-            }
-        }
-    }
-  }
-  
-  if (currentAction) {
-      actions.push(currentAction)
-  }
-  
-  return actions
-}
-
-const parseFallback = (text: string): any[] => {
-  const actions: any[] = []
-  // Remove bold markers to simplify regex matching
-  const cleanText = text.replace(/\*\*/g, '') 
-  
-  // Regex to find "Name: "Dialogue"" pattern
-  // Matches: Name (alphanumeric+spaces+dashes) followed by colon and quoted text
-  const regex = /([A-Za-z0-9\s\-\(\)]+):\s*(["“][\s\S]*?["”])/g
-  
-  let lastIndex = 0
-  let match
-  
-  while ((match = regex.exec(cleanText)) !== null) {
-    const fullMatch = match[0]
-    const name = match[1].trim()
-    const dialogue = match[2]
-    const index = match.index
-    
-    // 1. Narration (text before the speaker)
-    const narration = cleanText.substring(lastIndex, index).trim()
-    
-    // Resolve Character ID
-    let charId = 'current'
-    // Try exact match first
-    let charObj = l2d.find(c => c.name.toLowerCase() === name.toLowerCase())
-    // If not found, try partial match for names with spaces
-    if (!charObj) {
-       charObj = l2d.find(c => name.toLowerCase().includes(c.name.toLowerCase()) || c.name.toLowerCase().includes(name.toLowerCase()))
-    }
-    if (charObj) charId = charObj.id
-    
-    if (narration) {
-      const narrationActions = splitNarration(narration)
-      
-      // If the last narration action has 'none' character, it might belong to the upcoming speaker
-      if (narrationActions.length > 0) {
-          const lastAction = narrationActions[narrationActions.length - 1]
-          if (lastAction.character === 'none') {
-              lastAction.character = charId
-          }
-      }
-      
-      actions.push(...narrationActions)
-    }
-    
-    // 2. Dialogue
-    actions.push({
-      text: dialogue,
-      character: charId,
-      animation: 'idle',
-      speaking: true
-    })
-    
-    lastIndex = index + fullMatch.length
-  }
-  
-  // Trailing text
-  const trailing = cleanText.substring(lastIndex).trim()
-  if (trailing) {
-     actions.push(...splitNarration(trailing))
-  }
-  
-  return actions
-}
-
 const processAIResponse = async (responseStr: string) => {
   loadingStatus.value = "Processing response..."
   logDebug('Raw AI Response:', responseStr)
@@ -3173,6 +2922,18 @@ const summarizeChunk = async (messages: { role: string, content: string }[]) =>
       }
     }
 
+    .message-top-actions {
+      position: absolute;
+      top: -10px;
+      left: 0;
+      opacity: 0.5;
+      transition: opacity 0.2s;
+      
+      &:hover {
+        opacity: 1;
+      }
+    }
+
     .message-actions {
       position: absolute;
       bottom: -10px;