backtrace-console 0.0.4 → 0.0.6

package/public/chat-claude-send.js

@@ -0,0 +1,241 @@
+    function sendMessage() {
+      const text = chatInput.value.trim();
+      if ((!text && pendingImages.length === 0) || !currentSessionId) return;
+
+      const turnContainer = document.createElement('div');
+      turnContainer.className = 'turn-container';
+      const userMsg = createMessageElement(text, true);
+      // 在用户消息里追加图片预览
+      if (pendingImages.length > 0) {
+        const msgContent = userMsg.querySelector('.message-content');
+        if (msgContent) {
+          const imgBar = document.createElement('div');
+          imgBar.style.cssText = 'display:flex;flex-wrap:wrap;gap:0.4rem;margin-top:0.5rem;';
+          pendingImages.forEach(function(img) {
+            const imgEl = document.createElement('img');
+            imgEl.src = img.previewUrl;
+            imgEl.style.cssText = 'max-width:120px;max-height:120px;border-radius:8px;object-fit:cover;border:1px solid rgba(0,0,0,0.1);';
+            imgBar.appendChild(imgEl);
+          });
+          msgContent.appendChild(imgBar);
+        }
+      }
+      turnContainer.appendChild(userMsg);
+      chatContainer.appendChild(turnContainer);
+      chatInput.value = '';
+      chatInput.style.height = 'auto';
+      const imagesToSend = pendingImages.slice();
+      pendingImages = [];
+      renderImagePreviews();
+      sendBtn.disabled = true;
+      scrollToBottom();
+
+      let finalPrompt = text;
+      if (!currentClaudeSessionId && currentFingerprintData) {
+        finalPrompt = buildCrashContextFirstTurnPrompt(text, currentFingerprintData);
+      }
+
+      setComposerStatus('正在处理中，请稍候…');
+      scrollToBottom();
+
+      const agentMsg = createMessageElement('', false);
+      const contentContainer = agentMsg.querySelector('.message-content');
+      const typingIndicatorId = `current-typing-${Date.now()}-${Math.random().toString(16).slice(2)}`;
+      contentContainer.innerHTML = `
+        <div class="typing-indicator" id="${typingIndicatorId}">
+          <div class="dot"></div>
+          <div class="dot"></div>
+          <div class="dot"></div>
+        </div>
+      `;
+      turnContainer.appendChild(agentMsg);
+      scrollToBottom();
+
+      const messageState = {
+        contentContainer,
+        scrollContainer: turnContainer,
+        queue: '',
+        fullText: '',
+        renderedText: '',
+        blocks: [],
+        currentBlockText: '',
+        toolPanelElement: null,
+        phase: 'pre-tool',
+        typingActive: false,
+        typewritingInterval: null
+      };
+
+      fetch('/api/backtrace/claude-chat', {
+        method: 'POST',
+        headers: {
+          'Content-Type': 'application/json'
+        },
+        body: JSON.stringify({
+          prompt: finalPrompt,
+          userMessage: text,
+          claudeSessionId: currentClaudeSessionId,
+          fingerprint: fingerprint,
+          sessionId: currentSessionId,
+          images: imagesToSend.map(function(img) { return { data: img.data, mimeType: img.mimeType }; })
+        })
+      }).then(async response => {
+        if (!response.ok || !response.body) {
+          let errorMessage = `请求失败: ${response.status}`;
+          try {
+            const errorPayload = await response.json();
+            if (errorPayload && (errorPayload.error || errorPayload.message)) {
+              errorMessage = errorPayload.error || errorPayload.message;
+            }
+          } catch (e) {}
+          throw new Error(errorMessage);
+        }
+
+        const reader = response.body.getReader();
+        const decoder = new TextDecoder('utf-8');
+        let chunkBuffer = '';
+        let typingIndicatorRemoved = false;
+
+        while (true) {
+          const { done, value } = await reader.read();
+          if (done) break;
+
+          const chunk = decoder.decode(value, { stream: true });
+          chunkBuffer += chunk;
+          const lines = chunkBuffer.split('\n');
+          chunkBuffer = lines.pop();
+
+          for (const line of lines) {
+            if (line.startsWith('data: ')) {
+              const dataStr = line.substring(6).trim();
+              if (!dataStr) continue;
+
+              try {
+                const data = JSON.parse(dataStr);
+                if (data.kind === 'agent_text' && data.text !== undefined) {
+                  if (messageState.phase === 'tool') {
+                    if (messageState.currentBlockText && messageState.currentBlockText.trim()) {
+                      messageState.blocks.push(messageState.currentBlockText);
+                    }
+                    messageState.currentBlockText = '';
+                    messageState.fullText = '';
+                    messageState.phase = 'post-tool';
+                  }
+
+                  if (!typingIndicatorRemoved) {
+                    const typingIndicator = document.getElementById(typingIndicatorId);
+                    if (typingIndicator) typingIndicator.remove();
+                    typingIndicatorRemoved = true;
+                  }
+                  if (!messageState.typingActive) {
+                    startTypewriter(messageState);
+                  }
+                  setComposerStatus('正在整理最终答案…');
+
+                  if (data.replace) {
+                    const newText = data.text;
+                    if (newText.startsWith(messageState.fullText)) {
+                      const delta = newText.substring(messageState.fullText.length);
+                      messageState.fullText = newText;
+                      messageState.queue += delta;
+                    } else {
+                      if (messageState.currentBlockText && messageState.currentBlockText.trim()) {
+                        messageState.blocks.push(messageState.currentBlockText);
+                      }
+                      messageState.currentBlockText = newText;
+                      messageState.fullText = newText;
+                      if (!messageState.typingActive) {
+                        messageState.renderedText = messageState.blocks.length > 0
+                          ? messageState.blocks.join('\n\n') + '\n\n' + newText
+                          : newText;
+                      }
+                      messageState.queue = '';
+                      rerenderFullMessage(messageState);
+                    }
+                  } else {
+                    messageState.fullText += data.text;
+                    messageState.queue += data.text;
+                  }
+                } else if (data.kind && data.kind.startsWith('tool_')) {
+                  messageState.phase = 'tool';
+                  if (!typingIndicatorRemoved) {
+                    const typingIndicator = document.getElementById(typingIndicatorId);
+                    if (typingIndicator) typingIndicator.remove();
+                    typingIndicatorRemoved = true;
+                    stopTypewriter(messageState);
+                  }
+                  setComposerStatus(data.kind === 'tool_call_completed' ? '工具已完成，正在整理结果…' : '正在调用工具并等待结果…');
+                  const normalizedToolName = data.toolName || data.itemType || data.text || 'tool';
+                  const payload = {
+                    ...data,
+                    toolName: normalizedToolName,
+                    output: data.output || data.text || '',
+                    result: data.result || data.text || ''
+                  };
+
+                  if (!messageState.toolPanelElement) {
+                    messageState.toolPanelElement = createToolMessageElement(data.kind, payload);
+                    turnContainer.appendChild(messageState.toolPanelElement);
+                  } else {
+                    updateToolMessageElement(messageState.toolPanelElement, data.kind, payload);
+                  }
+                  scrollToBottom();
+                } else if (data.kind === 'done') {
+                  if (data.claudeSessionId) {
+                    currentClaudeSessionId = data.claudeSessionId;
+                  }
+                  clearComposerStatus();
+                  if (!typingIndicatorRemoved) {
+                    const typingIndicator = document.getElementById(typingIndicatorId);
+                    if (typingIndicator) typingIndicator.remove();
+                    typingIndicatorRemoved = true;
+                  }
+                  if (messageState.queue.length === 0) {
+                    stopTypewriter(messageState);
+                    rerenderFullMessage(messageState);
+                  }
+                  if (data.p4Description && window.setP4Description) window.setP4Description(data.p4Description);
+                  if (window.loadP4Pending) window.loadP4Pending();
+                } else if (data.kind === 'error' || data.error) {
+                  const errMsg = data.error || '未知错误';
+                  console.error('SSE 服务端错误:', errMsg);
+                  clearComposerStatus();
+                  stopTypewriter(messageState);
+                  if (!typingIndicatorRemoved) {
+                    const typingIndicator = document.getElementById(typingIndicatorId);
+                    if (typingIndicator) typingIndicator.remove();
+                    typingIndicatorRemoved = true;
+                  }
+                  setMessageContent(contentContainer, '请求发生错误：' + errMsg);
+                }
+              } catch (e) {
+                console.error('SSE JSON 解析错误:', e, '数据:', dataStr);
+              }
+            } else if (line.startsWith('event: error')) {
+              console.error('SSE Error Event 头:', line, '（具体错误见后续 data 行）');
+            }
+          }
+        }
+
+        const waitInterval = setInterval(() => {
+          if (messageState.queue.length === 0) {
+            clearInterval(waitInterval);
+            stopTypewriter(messageState);
+          }
+        }, 50);
+      }).catch(err => {
+        clearComposerStatus();
+        const typingIndicator = document.getElementById(typingIndicatorId);
+        if (typingIndicator) {
+          typingIndicator.remove();
+        }
+        stopTypewriter(messageState);
+        setMessageContent(contentContainer, `请求发生错误: ${err.message}`);
+      });
+    }
+
+    function scrollToBottom() {
+      chatContainer.scrollTo({
+        top: chatContainer.scrollHeight,
+        behavior: 'smooth'
+      });
+    }

package/public/chat-claude.html

@@ -0,0 +1,84 @@
+<!DOCTYPE html>
+<html lang="zh-CN">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>Claude Agent Chat Console</title>
+  <link rel="preconnect" href="https://fonts.googleapis.com">
+  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+  <link href="https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;700&family=Noto+Sans+SC:wght@400;500;700&display=swap" rel="stylesheet">
+  <link rel="stylesheet" href="/chat-layout.css">
+  <link rel="stylesheet" href="/chat-components.css">
+</head>
+<body>
+
+  <!-- 左侧边栏 -->
+  <aside class="sidebar">
+    <div class="sidebar-header">
+      Claude Agent Console
+    </div>
+    <button class="new-chat-btn" onclick="createNewSession()">
+      <svg stroke="currentColor" fill="none" stroke-width="2" viewBox="0 0 24 24" stroke-linecap="round" stroke-linejoin="round" height="16" width="16" xmlns="http://www.w3.org/2000/svg"><line x1="12" y1="5" x2="12" y2="19"></line><line x1="5" y1="12" x2="19" y2="12"></line></svg>
+      新对话
+    </button>
+    <div id="session-list" class="session-list"></div>
+  </aside>
+
+  <!-- 右侧主区域 -->
+  <main class="main-content">
+    <header class="header">
+      <h2>Claude AI 研发助手</h2>
+      <a href="/" class="back-link">← 返回控制台</a>
+    </header>
+
+    <!-- 聊天记录区 -->
+    <div class="chat-container" id="chat-container"></div>
+
+    <!-- 输入区 -->
+    <div class="input-container">
+      <div class="composer-status" id="composer-status"></div>
+      <div class="input-box">
+        <input type="file" id="image-input" accept="image/*" multiple style="display:none">
+        <button id="image-btn" class="image-btn" type="button" title="发送图片">
+          <svg stroke="currentColor" fill="none" stroke-width="2" viewBox="0 0 24 24" stroke-linecap="round" stroke-linejoin="round" height="16" width="16" xmlns="http://www.w3.org/2000/svg"><rect x="3" y="3" width="18" height="18" rx="2" ry="2"></rect><circle cx="8.5" cy="8.5" r="1.5"></circle><polyline points="21 15 16 10 5 21"></polyline></svg>
+        </button>
+        <div style="flex:1; display:flex; flex-direction:column; min-width:0;">
+          <div id="image-preview-bar" style="display:none; flex-wrap:wrap; gap:0.4rem; padding:0.4rem 0.5rem 0;"></div>
+          <textarea id="chat-input" placeholder="输入你想问的问题..." rows="1"></textarea>
+        </div>
+        <button id="send-btn" class="send-btn">
+          <svg stroke="currentColor" fill="none" stroke-width="2" viewBox="0 0 24 24" stroke-linecap="round" stroke-linejoin="round" height="16" width="16" xmlns="http://www.w3.org/2000/svg"><line x1="22" y1="2" x2="11" y2="13"></line><polygon points="22 2 15 22 11 13 2 9 22 2"></polygon></svg>
+        </button>
+      </div>
+      </div>
+    </div>
+  </main>
+
+  <!-- 最右侧信息面板 -->
+  <aside class="info-panel" id="info-panel">
+    <div class="info-panel-header">Fingerprint 详情</div>
+    <div id="info-panel-content">
+      <div style="text-align: center; color: var(--text-muted); margin-top: 2rem;">加载中...</div>
+    </div>
+
+    <!-- P4 操作面板 -->
+    <div class="p4-panel">
+      <div class="p4-panel-header">Perforce 提交</div>
+
+      <div class="p4-action">
+        <div id="p4-pending-list" class="p4-pending" style="display:none"></div>
+        <textarea id="p4-submit-desc" class="p4-input" rows="2" placeholder="提交说明（AI 修复后自动填入）..."></textarea>
+        <button class="p4-btn" onclick="p4Submit()">↑ 提交 (submit)</button>
+      </div>
+
+      <pre id="p4-output" class="p4-output" style="display:none"></pre>
+    </div>
+  </aside>
+
+  <script src="/chat-prompt.js"></script>
+  <script src="/chat-claude-core.js"></script>
+  <script src="/chat-render.js"></script>
+  <script src="/chat-claude-send.js"></script>
+  <script src="/chat-p4.js"></script>
+</body>
+</html>

package/public/chat-components.css

@@ -412,6 +412,21 @@
       flex-shrink: 0;
     }
 
+    .modal-refresh {
+      background: green;
+      color: #fff;
+      border: none;
+      border-radius: 6px;
+      padding: 0.28rem 0.75rem;
+      cursor: pointer;
+      font-size: 0.82rem;
+      font-weight: 600;
+      margin-left: auto;
+      margin-right: 0.6rem;
+    }
+    .modal-refresh:hover { background: var(--accent-hover); }
+    .modal-refresh:disabled { opacity: 0.5; cursor: not-allowed; }
+
     .modal-close {
       background: none;
       border: none;
@@ -567,3 +582,93 @@
 
     .logs-btn:hover { background: var(--accent-hover); }
 
+    /* ── P4 面板 ── */
+    .p4-panel {
+      border-top: 1px solid var(--border-color);
+      padding: 1rem;
+      margin-top: 0.5rem;
+    }
+
+    .p4-panel-header {
+      font-size: 0.8rem;
+      font-weight: 600;
+      color: var(--accent-color);
+      text-transform: uppercase;
+      letter-spacing: 0.05em;
+      margin-bottom: 0.85rem;
+    }
+
+    .p4-action {
+      display: flex;
+      flex-direction: column;
+      gap: 0.4rem;
+      margin-bottom: 0.85rem;
+    }
+
+    .p4-btn {
+      width: 100%;
+      padding: 0.55rem 0.75rem;
+      border-radius: 8px;
+      background: var(--accent-color);
+      color: white;
+      border: none;
+      cursor: pointer;
+      font-size: 0.85rem;
+      font-weight: 500;
+      text-align: left;
+      transition: background 0.15s;
+    }
+    .p4-btn:hover { background: var(--accent-hover); }
+    .p4-btn:disabled { opacity: 0.5; cursor: not-allowed; }
+
+    .p4-input {
+      width: 100%;
+      box-sizing: border-box;
+      padding: 0.45rem 0.6rem;
+      border-radius: 6px;
+      border: 1px solid var(--border-color);
+      /*background: var(--input-bg, #1e1e2e);*/
+      color: var(--text-primary);
+      font-size: 0.82rem;
+      font-family: inherit;
+      resize: vertical;
+      outline: none;
+    }
+    .p4-input:focus { border-color: var(--accent-color); }
+
+    .p4-pending {
+      font-size: 0.78rem;
+      color: var(--text-muted);
+      background: rgba(255,255,255,0.04);
+      border-radius: 6px;
+      padding: 0.5rem 0.6rem;
+      max-height: 120px;
+      overflow-y: auto;
+    }
+    .p4-pending b { display: block; margin-bottom: 0.3rem; color: var(--text-secondary); }
+    .p4-file {
+      font-family: monospace;
+      font-size: 0.75rem;
+      word-break: break-all;
+      padding: 0.1rem 0;
+      border-bottom: 1px solid rgba(255,255,255,0.05);
+    }
+    .p4-file:last-child { border-bottom: none; }
+
+    .p4-output {
+      font-family: monospace;
+      font-size: 0.78rem;
+      white-space: pre-wrap;
+      word-break: break-all;
+      padding: 0.6rem 0.75rem;
+      border-radius: 6px;
+      background: #0d1117;
+      border: 1px solid var(--border-color);
+      max-height: 200px;
+      overflow-y: auto;
+      margin: 0;
+      color: var(--text-secondary);
+    }
+    .p4-output.ok  { border-color: #238636; color: #3fb950; }
+    .p4-output.error { border-color: #da3633; color: #f85149; }
+

package/public/chat-core.js

@@ -87,22 +87,14 @@ const chatContainer = document.getElementById('chat-container');
 
     function restoreWelcomeMessage() {
       chatContainer.innerHTML = '';
-      if (currentFingerprintData) {
-        chatContainer.appendChild(createSystemMessageElement(buildFingerprintContextMessage(currentFingerprintData)));
-      } else {
-        chatContainer.appendChild(createSystemMessageElement('你是一个非常专业并资深的C++开发工程师和UE工程师。当前崩溃的关键信息如下：\nError Message: -\nClassifiers: -\n\n请结合这些上下文，帮助用户定位问题并给出修复建议。'));
-      }
+      chatContainer.appendChild(createSystemMessageElement(buildCrashContextPrompt(currentFingerprintData || null)));
       scrollToBottom();
     }
 
-    function buildFingerprintContextMessage(meta) {
-      const errorMessage = meta && meta.errorMessage ? meta.errorMessage : '-';
-      const classifiers = meta && meta.classifiers ? meta.classifiers : '-';
-      return `你是一个非常专业并资深的C++开发工程师和UE工程师。当前崩溃的关键信息如下：\nError Message: ${errorMessage}\nClassifiers: ${classifiers}\n\n请结合这些上下文，帮助用户定位问题并给出修复建议。`;
-    }
-
     function setActiveSession(sessionId) {
       currentSessionId = sessionId || null;
+      window.currentChatSessionId = currentSessionId;
+      if (window.loadP4Pending) window.loadP4Pending();
       const items = Array.from(sessionList.querySelectorAll('.session-item'));
       items.forEach(item => {
         const isActive = String(item.dataset.sessionId || '') === String(currentSessionId || '');
@@ -345,7 +337,7 @@ const chatContainer = document.getElementById('chat-container');
       }
     });
 
-    sendBtn.addEventListener('click', sendMessage);
+    sendBtn.addEventListener('click', function() { sendMessage(); });
 
     function isFixIntent(text) {
       const normalized = String(text || '').trim();
@@ -370,6 +362,7 @@ const chatContainer = document.getElementById('chat-container');
         <div class="modal-box">
           <div class="modal-header">
             <span>日志列表</span>
+            <button class="modal-refresh" id="modal-refresh-btn">刷新</button>
             <button class="modal-close" onclick="closeLogsModal()">×</button>
           </div>
           <div class="modal-status" id="modal-status">加载中...</div>
@@ -381,6 +374,28 @@ const chatContainer = document.getElementById('chat-container');
       });
       document.body.appendChild(overlay);
 
+      document.getElementById('modal-refresh-btn').addEventListener('click', async function() {
+        const btn = this;
+        const statusEl = document.getElementById('modal-status');
+        btn.disabled = true;
+        if (statusEl) statusEl.textContent = '正在从远端刷新...';
+        const now = Math.floor(Date.now() / 1000);
+        try {
+          const res = await fetch('/api/backtrace/run', {
+            method: 'POST',
+            headers: { 'Content-Type': 'application/json' },
+            body: JSON.stringify({ command: 'fingerprint', fingerprint, from: '1', to: String(now) }),
+          }).then(r => r.json());
+          if (!res.ok) throw new Error(res.error || '刷新失败');
+        } catch (err) {
+          if (statusEl) statusEl.textContent = '刷新失败: ' + err.message;
+          btn.disabled = false;
+          return;
+        }
+        btn.disabled = false;
+        loadLogsModalData();
+      });
+
       loadLogsModalData();
     }
 

package/public/chat-p4.js

@@ -0,0 +1,113 @@
+(function() {
+  function getCurrentFingerprint() {
+    return new URLSearchParams(window.location.search).get('fingerprint') || '';
+  }
+
+  function getCurrentSessionId() {
+    return window.currentChatSessionId || '';
+  }
+
+  function setOutput(text, ok) {
+    var el = document.getElementById('p4-output');
+    if (!el) return;
+    el.style.display = 'block';
+    el.textContent = text;
+    el.className = 'p4-output' + (ok === true ? ' ok' : ok === false ? ' error' : '');
+  }
+
+  async function p4Fetch(endpoint, body) {
+    var isGet = body === null;
+    if (!isGet) setOutput('执行中...', null);
+    var submitBtn = document.querySelector('.p4-btn');
+    if (submitBtn && !isGet) submitBtn.disabled = true;
+    try {
+      var res = await fetch('/api/backtrace/' + endpoint, {
+        method: isGet ? 'GET' : 'POST',
+        headers: isGet ? {} : { 'Content-Type': 'application/json' },
+        body: isGet ? undefined : JSON.stringify(body)
+      });
+      var data = await res.json();
+      if (!isGet) {
+        var text = data.ok
+          ? (data.output ? data.output.slice(0, 2000) : '提交成功')
+          : ('错误: ' + (data.error || '未知错误'));
+        setOutput(text, data.ok);
+      }
+      return data;
+    } catch (err) {
+      if (!isGet) setOutput('网络错误: ' + err.message, false);
+      return { ok: false };
+    } finally {
+      if (submitBtn && !isGet) submitBtn.disabled = false;
+    }
+  }
+
+  window.p4Submit = async function() {
+    var descEl = document.getElementById('p4-submit-desc');
+    var desc = descEl ? descEl.value.trim() : '';
+    if (!desc) { setOutput('请输入提交说明', false); return; }
+    var fp = getCurrentFingerprint();
+    var sid = getCurrentSessionId();
+    var result = await p4Fetch('p4/submit', { description: desc, fingerprint: fp, sessionId: sid });
+    if (result.ok) loadP4Pending();
+  };
+
+  async function loadP4Pending() {
+    var fp = getCurrentFingerprint();
+    var sid = getCurrentSessionId();
+    var qs = fp ? '?fingerprint=' + encodeURIComponent(fp) : '';
+    if (sid) qs += (qs ? '&' : '?') + 'sessionId=' + encodeURIComponent(sid);
+    var data = await p4Fetch('p4/pending' + qs, null).catch(function() { return { ok: false }; });
+    var listEl = document.getElementById('p4-pending-list');
+    var descEl = document.getElementById('p4-submit-desc');
+    if (!listEl) return;
+    var items = (data.ok && data.items) ? data.items : [];
+    var submitBtn = document.querySelector('.p4-btn');
+    if (!items.length) {
+      listEl.style.display = 'none';
+      if (descEl) descEl.value = '';
+      if (submitBtn) submitBtn.disabled = false;
+      return;
+    }
+    listEl.style.display = 'block';
+    var allFiles = [];
+    var descriptions = [];
+    var isSubmitted = items.every(function(item) { return !!item.submittedAt; });
+    items.forEach(function(item) {
+      if (item.files && item.files.length) allFiles = allFiles.concat(item.files);
+      if (item.description) descriptions.push(item.description);
+    });
+    if (submitBtn) submitBtn.disabled = isSubmitted;
+    var submittedItem = items.find(function(item) { return !!item.submittedAt; });
+    var changelistId = submittedItem ? (submittedItem.changelistId || null) : null;
+    var submittedAt = submittedItem ? submittedItem.submittedAt : null;
+    var statusLabel = '';
+    if (isSubmitted) {
+      var timeStr = submittedAt ? new Date(submittedAt).toLocaleString() : '';
+      var clStr = changelistId ? 'CL #' + escHtml(changelistId) : '';
+      statusLabel = '<div style="font-size:0.8em;color:#6ee7b7;margin:4px 0 6px">'
+        + '✓ 已提交'
+        + (clStr ? '　' + clStr : '')
+        + (timeStr ? '　' + timeStr : '')
+        + '</div>';
+    }
+    listEl.innerHTML = '<b>' + (isSubmitted ? '已提交' : '待提交') + '（' + allFiles.length + ' 个文件）：</b>' + statusLabel +
+      allFiles.map(function(f) { return '<div class="p4-file">' + escHtml(f) + '</div>'; }).join('');
+    if (descEl && descriptions.length) {
+      if (!descEl.value.trim() || isSubmitted) descEl.value = descriptions[descriptions.length - 1];
+    }
+  }
+
+  function escHtml(str) {
+    return String(str).replace(/&/g, '&amp;').replace(/</g, '&lt;').replace(/>/g, '&gt;');
+  }
+
+  window.setP4Description = function(desc) {
+    var descEl = document.getElementById('p4-submit-desc');
+    if (descEl && desc) descEl.value = desc;
+  };
+
+  window.loadP4Pending = loadP4Pending;
+
+  document.addEventListener('DOMContentLoaded', loadP4Pending);
+})();

package/public/chat-prompt.js

@@ -0,0 +1,29 @@
+// 崩溃上下文 prompt 前端共享模块
+// 与 routes/backtrace-shared.js 中的 buildCrashContextPrompt / buildCrashContextFirstTurnPrompt
+// 字符串内容必须保持一致，避免 UI 显示与实际发送给模型的 prompt 不一致。
+
+(function (global) {
+  function buildCrashContextPrompt(meta) {
+    var errorMessage = meta && meta.errorMessage ? meta.errorMessage : '-';
+    var classifiers = meta && meta.classifiers ? meta.classifiers : '-';
+    return [
+      '你是一名资深 C++ 开发工程师与 Unreal Engine 引擎专家，正在协助分析虚幻引擎客户端的一次崩溃。',
+      '',
+      '## 崩溃上下文',
+      '- Error Message: ' + errorMessage,
+      '- Classifiers: ' + classifiers,
+      '',
+      '## 工作准则',
+      '- 优先从 Error Message 推断崩溃位置与触发条件，必要时使用工具读取项目代码与日志文件以定位根因',
+      '- 给出根因分析与最小化的修复建议；修改代码时保持改动可审查、影响范围明确',
+      '- 回答使用简体中文，代码块使用合适的语言标注',
+    ].join('\n');
+  }
+
+  function buildCrashContextFirstTurnPrompt(userText, meta) {
+    return buildCrashContextPrompt(meta) + '\n\n----\n我的问题：\n' + String(userText || '');
+  }
+
+  global.buildCrashContextPrompt = buildCrashContextPrompt;
+  global.buildCrashContextFirstTurnPrompt = buildCrashContextFirstTurnPrompt;
+})(window);

package/public/chat-send.js

@@ -32,9 +32,7 @@
 
       let finalPrompt = text;
       if (!currentThreadId && currentFingerprintData) {
-        const errorMessage = currentFingerprintData.errorMessage || '-';
-        const classifiers = currentFingerprintData.classifiers || '-';
-        finalPrompt = `你是一个非常专业并资深的C++开发工程师和UE工程师。当前崩溃的关键信息如下：\nError Message: ${errorMessage}\nClassifiers: ${classifiers}\n\n请根据这些信息，回答我的问题：\n${text}`;
+        finalPrompt = buildCrashContextFirstTurnPrompt(text, currentFingerprintData);
       }
 
       setComposerStatus('正在处理中，请稍候…');
@@ -195,6 +193,8 @@
                     stopTypewriter(messageState);
                     rerenderFullMessage(messageState);
                   }
+                  if (data.p4Description && window.setP4Description) window.setP4Description(data.p4Description);
+                  if (window.loadP4Pending) window.loadP4Pending();
                 }
               } catch (e) {
                 console.error('SSE JSON 解析错误:', e, '数据:', dataStr);