fix: resolve Vue template syntax error causing blank page

templates/index.html

@@ -167,7 +167,7 @@
                             <div class="chat-bubble shadow-sm" :class="msg.role === 'user' ? 'user-bubble' : 'ai-bubble'">
                                 <div class="font-bold text-xs opacity-70 mb-1 flex items-center justify-between">
                                     <span>${ msg.role === 'user' ? '我' : form.name }</span>
-                                    <span class="text-[10px] ml-2 opacity-50">${ new Date().toLocaleTimeString([], {hour: '2-digit', minute:'2-digit'}) }</span>
+                                    <span class="text-[10px] ml-2 opacity-50">${ formatTime(msg.timestamp) }</span>
                                 </div>
                                 <div class="prose prose-sm max-w-none" v-html="renderMarkdown(msg.content)"></div>
                             </div>
@@ -270,6 +270,11 @@
                 const renderMarkdown = (text) => {
                     return marked.parse(text);
                 };
+                
+                const formatTime = (date) => {
+                    if (!date) return new Date().toLocaleTimeString([], {hour: '2-digit', minute:'2-digit'});
+                    return new Date(date).toLocaleTimeString([], {hour: '2-digit', minute:'2-digit'});
+                };
 
                 const triggerUpload = () => {
                     fileInput.value.click();
@@ -471,7 +476,8 @@
                     form, traitLabels, updateChart,
                     savePersona, savedPersonas, selectPersona, resetToCreate,
                     inputMessage, chatHistory, isSending, sendMessage, clearChat,
-                    renderMarkdown, fileInput, triggerUpload, handleFileUpload
+                    renderMarkdown, fileInput, triggerUpload, handleFileUpload,
+                    formatTime
                 };
             }
         }).mount('#app');