backtrace-console 0.0.1

package/public/__inline_check__.js

@@ -0,0 +1,451 @@
+const statusText = document.getElementById('statusText');
+    const directoryTree = document.getElementById('directoryTree');
+    const selectedDirectoryTitle = document.getElementById('selectedDirectoryTitle');
+    const selectedDirectoryPath = document.getElementById('selectedDirectoryPath');
+    const reportStatus = document.getElementById('reportStatus');
+    const logDirectories = document.getElementById('logDirectories');
+    const logFiles = document.getElementById('logFiles');
+    const reportFiles = document.getElementById('reportFiles');
+    const viewerTitle = document.getElementById('viewerTitle');
+    const viewerKind = document.getElementById('viewerKind');
+    const viewerPath = document.getElementById('viewerPath');
+    const viewerContent = document.getElementById('viewerContent');
+    const fixPlanContent = document.getElementById('fixPlanContent');
+    const collectBtn = document.getElementById('collectBtn');
+    const collectFingerprintInput = document.getElementById('collectFingerprintInput');
+    const refreshBtn = document.getElementById('refreshBtn');
+    const downloadBtn = document.getElementById('downloadBtn');
+    const generateFixBtn = document.getElementById('generateFixBtn');
+    const applyFixBtn = document.getElementById('applyFixBtn');
+    const rejectFixBtn = document.getElementById('rejectFixBtn');
+    const logsTabBtn = document.getElementById('logsTabBtn');
+    const reportTabBtn = document.getElementById('reportTabBtn');
+    const analyzeCurrentBtn = document.getElementById('analyzeCurrentBtn');
+    const logsTab = document.getElementById('logsTab');
+    const reportTab = document.getElementById('reportTab');
+
+    let currentDirectory = '';
+    let currentLogDir = '';
+    let currentFile = null;
+    let currentFixPlan = '';
+    let currentDirectoryCanAnalyze = false;
+
+    function setStatus(text, mode) {
+      statusText.textContent = text;
+      statusText.dataset.mode = mode || 'idle';
+    }
+
+    function logClient(scope, message, details) {
+      if (details !== undefined) {
+        console.log('[backtrace-ui][' + scope + ']', message, details);
+        return;
+      }
+      console.log('[backtrace-ui][' + scope + ']', message);
+    }
+
+    function escapeHtml(value) {
+      return String(value)
+        .replace(/&/g, '&')
+        .replace(/</g, '&lt;')
+        .replace(/>/g, '&gt;')
+        .replace(/"/g, '&quot;')
+        .replace(/'/g, '&#39;');
+    }
+
+    function shortenFingerprint(value) {
+      return String(value || '');
+    }
+
+    function formatFetchedTime(value) {
+      if (!value) return '获取时间未知';
+      const date = new Date(value);
+      if (Number.isNaN(date.getTime())) return '获取时间未知';
+      return '获取时间 ' + date.toLocaleString('zh-CN', { hour12: false });
+    }
+
+    function getSelectedReportPath() {
+      if (currentFile && currentFile.kind === 'report' && currentFile.path) {
+        return currentFile.path;
+      }
+      const activeReportButton = reportFiles.querySelector('.file-row.is-active');
+      if (activeReportButton && activeReportButton.dataset && activeReportButton.dataset.path) {
+        return activeReportButton.dataset.path;
+      }
+      return '';
+    }
+
+    function updateDownloadButton() {
+      const reportPath = getSelectedReportPath();
+      downloadBtn.disabled = !reportPath;
+      generateFixBtn.disabled = !reportPath;
+    }
+
+    function updateAnalyzeCurrentButton() {
+      analyzeCurrentBtn.disabled = !(currentDirectory && currentDirectoryCanAnalyze);
+    }
+
+    function updateFixButtons() {
+      const enabled = !!(currentFile && currentFile.kind === 'report' && currentFixPlan);
+      applyFixBtn.disabled = !enabled;
+      rejectFixBtn.disabled = !enabled;
+    }
+
+    function resetFixPlan(text) {
+      currentFixPlan = '';
+      fixPlanContent.textContent = text || '请选择报告文件后点击“生成修复方案”。';
+      updateFixButtons();
+    }
+
+    function switchTab(tabName) {
+      const isLogs = tabName === 'logs';
+      logsTabBtn.classList.toggle('is-active', isLogs);
+      reportTabBtn.classList.toggle('is-active', !isLogs);
+      logsTab.classList.toggle('is-active', isLogs);
+      reportTab.classList.toggle('is-active', !isLogs);
+    }
+
+    function setCollectButtonsDisabled(disabled) {
+      collectBtn.disabled = disabled;
+      collectFingerprintInput.disabled = disabled;
+    }
+
+    function renderTopDirectories(items) {
+      if (!Array.isArray(items) || items.length === 0) {
+        return '<div class="empty-tree">当前没有目录</div>';
+      }
+      return '<div class="dir-items">' + items.map(function(item) {
+        const statusLabel = item.status || (item.hasReports ? '未修复状态' : '未生成报告');
+        const statusClass = statusLabel === '已完成'
+          ? 'status-tag done'
+          : statusLabel === '未修复状态'
+            ? 'status-tag pending'
+            : 'status-tag empty';
+        return [
+          '<button type="button" class="tree-directory-button" data-path="' + escapeHtml(item.path) + '" data-status="' + escapeHtml(statusLabel) + '">',
+          '<span class="node-badge dir">DIR</span>',
+          '<span class="file-row-main">',
+          '<strong>' + escapeHtml(shortenFingerprint(item.name)) + '</strong>',
+          '<small>' + escapeHtml(formatFetchedTime(item.fetchedAt)) + '</small>',
+          '<span class="' + statusClass + '">' + escapeHtml(statusLabel) + '</span>',
+          '</span>',
+          '</button>'
+        ].join('');
+      }).join('') + '</div>';
+    }
+    function renderButtonList(items, className, emptyText, kind) {
+      if (!Array.isArray(items) || items.length === 0) {
+        return '<div class="empty-tree">' + emptyText + '</div>';
+      }
+      return '<div class="file-items">' + items.map(function(item) {
+        return [
+          '<button type="button" class="' + className + '" data-kind="' + escapeHtml(kind || '') + '" data-path="' + escapeHtml(item.path) + '" data-name="' + escapeHtml(item.name) + '">',
+          '<span class="node-badge ' + (className === 'log-directory-button' ? 'dir' : 'file') + '">' + (className === 'log-directory-button' ? 'DIR' : 'FILE') + '</span>',
+          '<span class="file-row-main">',
+          '<strong>' + escapeHtml(item.name) + '</strong>',
+          '<small>' + escapeHtml(item.path) + '</small>',
+          '</span>',
+          '</button>'
+        ].join('');
+      }).join('') + '</div>';
+    }
+
+    async function loadDirectoryIndex() {
+      setStatus('加载目录索引中', 'loading');
+      directoryTree.innerHTML = '<div class="empty-tree">加载中...</div>';
+      try {
+        const response = await fetch('/api/backtrace/files/index');
+        const data = await response.json();
+        if (!response.ok || !data.ok) {
+          throw new Error(data.error || '加载目录失败');
+        }
+        directoryTree.innerHTML = renderTopDirectories(data.directories || []);
+        bindTopDirectoryButtons();
+        setStatus('目录索引已更新', 'success');
+      } catch (error) {
+        directoryTree.innerHTML = '<div class="empty-tree">' + escapeHtml(error.message) + '</div>';
+        setStatus('目录索引加载失败', 'error');
+      }
+    }
+
+    async function loadDirectoryContent(relativePath, preferredLogDir, statusLabel) {
+      currentDirectory = relativePath;
+      currentDirectoryCanAnalyze = false;
+      currentFile = null;
+      updateDownloadButton();
+      updateAnalyzeCurrentButton();
+      resetFixPlan();
+      const displayName = relativePath ? shortenFingerprint(relativePath.split(/[\\/]/).pop()) : '未选择目录';
+      selectedDirectoryTitle.textContent = displayName;
+      selectedDirectoryPath.textContent = relativePath ? displayName : '请从左侧选择目录';
+      reportStatus.textContent = statusLabel || '未生成报告';
+      viewerTitle.textContent = '文件内容';
+      viewerKind.textContent = '未选择';
+      viewerPath.textContent = '请选择右侧文件';
+      viewerContent.textContent = '请先在右侧列表中选择文件。';
+      logDirectories.innerHTML = '加载中...';
+      logFiles.innerHTML = '加载中...';
+      reportFiles.innerHTML = '加载中...';
+      setStatus('加载目录内容中', 'loading');
+
+      try {
+        const params = new URLSearchParams();
+        params.set('path', relativePath || '');
+        if (preferredLogDir) {
+          params.set('logDir', preferredLogDir);
+        }
+        const response = await fetch('/api/backtrace/files/list?' + params.toString());
+        const data = await response.json();
+        if (!response.ok || !data.ok) {
+          throw new Error(data.error || '加载目录内容失败');
+        }
+
+        currentLogDir = data.selectedLogDir || '';
+        currentDirectoryCanAnalyze = Array.isArray(data.logDirectories) && data.logDirectories.length > 0;
+        reportStatus.textContent = data.reportStatus || '未生成报告';
+        logDirectories.innerHTML = renderButtonList(data.logDirectories || [], 'log-directory-button', '当前目录下没有日志子目录', 'logs-dir');
+        logFiles.innerHTML = renderButtonList(data.logFiles || [], 'file-row', '当前日志目录下没有日志文件', 'logs');
+        reportFiles.innerHTML = renderButtonList(data.reportFiles || [], 'file-row', '当前目录下没有报告文件', 'report');
+        updateAnalyzeCurrentButton();
+        bindLogDirectoryButtons();
+        bindFileButtons();
+        setStatus('目录内容已加载', 'success');
+      } catch (error) {
+        currentDirectoryCanAnalyze = false;
+        updateAnalyzeCurrentButton();
+        logDirectories.innerHTML = '<div class="empty-tree">' + escapeHtml(error.message) + '</div>';
+        logFiles.innerHTML = '<div class="empty-tree">' + escapeHtml(error.message) + '</div>';
+        reportFiles.innerHTML = '<div class="empty-tree">' + escapeHtml(error.message) + '</div>';
+        setStatus('目录内容加载失败', 'error');
+      }
+    }
+
+    async function openFile(kind, relativePath, button) {
+      document.querySelectorAll('.file-row.is-active').forEach(function(node) {
+        node.classList.remove('is-active');
+      });
+      if (button) button.classList.add('is-active');
+
+      currentFile = { kind: kind, path: relativePath };
+      updateDownloadButton();
+      resetFixPlan(kind === 'report' ? '当前已选中报告文件，可点击“生成修复方案”。' : '修复方案仅支持基于报告文件生成。');
+      viewerTitle.textContent = '文件内容';
+      viewerKind.textContent = kind;
+      viewerPath.textContent = relativePath;
+      viewerContent.textContent = '读取文件中...';
+      setStatus('读取文件中', 'loading');
+
+      try {
+        const url = '/api/backtrace/files/content?kind=' + encodeURIComponent(kind) + '&path=' + encodeURIComponent(relativePath);
+        const response = await fetch(url);
+        const data = await response.json();
+        if (!response.ok || !data.ok) {
+          throw new Error(data.error || '读取文件失败');
+        }
+        currentFile = { kind: kind, path: data.file.path };
+        updateDownloadButton();
+        viewerTitle.textContent = data.file.path.split(/[\\/]/).pop();
+        viewerKind.textContent = kind;
+        viewerPath.textContent = data.file.path;
+        viewerContent.textContent = data.file.content || '';
+        setStatus('文件已打开', 'success');
+      } catch (error) {
+        viewerContent.textContent = error.message;
+        setStatus('文件读取失败', 'error');
+      }
+    }
+
+    function bindTopDirectoryButtons() {
+      document.querySelectorAll('.tree-directory-button').forEach(function(button) {
+        button.classList.toggle('is-active', button.dataset.path === currentDirectory);
+        button.addEventListener('click', function() {
+          document.querySelectorAll('.tree-directory-button.is-active').forEach(function(node) {
+            node.classList.remove('is-active');
+          });
+          button.classList.add('is-active');
+          loadDirectoryContent(button.dataset.path, '', button.dataset.status || '未生成报告');
+        });
+      });
+    }
+
+    function bindLogDirectoryButtons() {
+      document.querySelectorAll('.log-directory-button').forEach(function(button) {
+        button.classList.toggle('is-active', button.dataset.name === currentLogDir);
+        button.addEventListener('click', function() {
+          loadDirectoryContent(currentDirectory, button.dataset.name, reportStatus.textContent);
+        });
+      });
+    }
+
+    function bindFileButtons() {
+      document.querySelectorAll('.file-row').forEach(function(button) {
+        button.addEventListener('click', function() {
+          openFile(button.dataset.kind, button.dataset.path, button);
+        });
+      });
+    }
+
+    async function runCollection() {
+      const now = Math.floor(Date.now() / 1000);
+      const payload = { command: 'collect-all' };
+      const fingerprint = String(collectFingerprintInput.value || '').trim();
+      payload.from = String(now - 86400);
+      payload.to = String(now);
+      if (fingerprint) {
+        payload.fingerprint = fingerprint;
+      }
+
+      setCollectButtonsDisabled(true);
+      setStatus(fingerprint ? '开始按 fingerprint 收集24小时日志...' : '开始收集24小时日志...', 'loading');
+      try {
+        const response = await fetch('/api/backtrace/run', {
+          method: 'POST',
+          headers: { 'content-type': 'application/json' },
+          body: JSON.stringify(payload)
+        });
+        const data = await response.json();
+        if (!response.ok || !data.ok) {
+          throw new Error(data.error || '收集失败');
+        }
+        setStatus(fingerprint ? '24小时定向收集完成，正在刷新索引' : '24小时收集完成，正在刷新索引', 'success');
+        await loadDirectoryIndex();
+        if (currentDirectory) {
+          await loadDirectoryContent(currentDirectory, currentLogDir, reportStatus.textContent);
+        }
+      } catch (error) {
+        setStatus(error.message || '收集失败', 'error');
+      } finally {
+        setCollectButtonsDisabled(false);
+      }
+    }
+
+    logsTabBtn.addEventListener('click', function() { switchTab('logs'); });
+    reportTabBtn.addEventListener('click', function() { switchTab('report'); });
+
+    downloadBtn.addEventListener('click', function() {
+      const reportPath = getSelectedReportPath();
+      if (!reportPath) return;
+      const url = '/api/backtrace/files/download?kind=report&path=' + encodeURIComponent(reportPath);
+      window.open(url, '_blank');
+    });
+
+    generateFixBtn.addEventListener('click', async function() {
+      const reportPath = getSelectedReportPath();
+      if (!reportPath) {
+        setStatus('请先选择报告文件', 'error');
+        return;
+      }
+      logClient('fix-plan', 'generate requested', { reportPath: reportPath });
+      generateFixBtn.disabled = true;
+      fixPlanContent.textContent = '正在生成修复方案...\n\n阶段 1/3：已发起请求，等待服务端接收。';
+      setStatus('正在生成修复方案...', 'loading');
+      try {
+        logClient('fix-plan', 'sending request', { url: '/api/backtrace/fix-plan/generate' });
+        const response = await fetch('/api/backtrace/fix-plan/generate', {
+          method: 'POST',
+          headers: { 'content-type': 'application/json' },
+          body: JSON.stringify({ reportPath: reportPath })
+        });
+        fixPlanContent.textContent = '正在生成修复方案...\n\n阶段 2/3：服务端已响应，正在解析结果。';
+        logClient('fix-plan', 'response received', { status: response.status, ok: response.ok });
+        const data = await response.json();
+        logClient('fix-plan', 'response json parsed', data);
+        if (!response.ok || !data.ok) {
+          throw new Error(data.error || '生成修复方案失败');
+        }
+        currentFixPlan = data.plan || '';
+        fixPlanContent.textContent = currentFixPlan || 'Codex 未返回修复方案。';
+        updateFixButtons();
+        setStatus('修复方案已生成', 'success');
+        logClient('fix-plan', 'generate completed', { reportPath: reportPath, threadId: data.threadId });
+      } catch (error) {
+        currentFixPlan = '';
+        fixPlanContent.textContent = error.message;
+        updateFixButtons();
+        setStatus('生成修复方案失败', 'error');
+        logClient('fix-plan', 'generate failed', { reportPath: reportPath, message: error.message });
+      } finally {
+        updateDownloadButton();
+      }
+    });
+
+    applyFixBtn.addEventListener('click', async function() {
+      const reportPath = getSelectedReportPath();
+      if (!reportPath || !currentFixPlan) return;
+      applyFixBtn.disabled = true;
+      rejectFixBtn.disabled = true;
+      fixPlanContent.textContent = '正在应用修复方案...';
+      setStatus('正在应用修复方案...', 'loading');
+      try {
+        const response = await fetch('/api/backtrace/fix-plan/apply', {
+          method: 'POST',
+          headers: { 'content-type': 'application/json' },
+          body: JSON.stringify({ reportPath: reportPath, planText: currentFixPlan })
+        });
+        const data = await response.json();
+        if (!response.ok || !data.ok) {
+          throw new Error(data.error || '应用修复方案失败');
+        }
+        fixPlanContent.textContent = data.resultText || '修复应用完成。';
+        currentFixPlan = data.resultText || currentFixPlan;
+        updateFixButtons();
+        setStatus('修复方案已应用', 'success');
+      } catch (error) {
+        fixPlanContent.textContent = error.message;
+        updateFixButtons();
+        setStatus('应用修复方案失败', 'error');
+      }
+    });
+
+    rejectFixBtn.addEventListener('click', function() {
+      resetFixPlan('已拒绝当前修复方案。你可以重新生成新的修复方案。');
+      setStatus('已拒绝修复方案', 'success');
+    });
+
+    collectBtn.addEventListener('click', async function() {
+      await runCollection();
+    });
+
+    analyzeCurrentBtn.addEventListener('click', async function() {
+      if (!currentDirectory || !currentDirectoryCanAnalyze) return;
+      const fingerprint = currentDirectory.split(/[\\/]/).pop();
+      const originalText = analyzeCurrentBtn.textContent;
+      analyzeCurrentBtn.disabled = true;
+      analyzeCurrentBtn.textContent = '分析中...';
+      setStatus('正在分析 fingerprint: ' + shortenFingerprint(fingerprint), 'loading');
+      try {
+        const response = await fetch('/api/backtrace/run', {
+          method: 'POST',
+          headers: { 'content-type': 'application/json' },
+          body: JSON.stringify({
+            command: 'analyze-fingerprint',
+            fingerprint: fingerprint
+          })
+        });
+        const data = await response.json();
+        if (!response.ok || !data.ok) {
+          throw new Error(data.error || 'fingerprint 分析失败');
+        }
+        setStatus('fingerprint 分析完成，正在刷新索引', 'success');
+        await loadDirectoryIndex();
+        await loadDirectoryContent(currentDirectory, currentLogDir, '未修复状态');
+      } catch (error) {
+        setStatus(error.message || 'fingerprint 分析失败', 'error');
+      } finally {
+        analyzeCurrentBtn.textContent = originalText;
+        updateAnalyzeCurrentButton();
+      }
+    });
+
+    refreshBtn.addEventListener('click', async function() {
+      await loadDirectoryIndex();
+      if (currentDirectory) {
+        await loadDirectoryContent(currentDirectory, currentLogDir, reportStatus.textContent);
+      }
+    });
+
+    updateDownloadButton();
+    updateAnalyzeCurrentButton();
+    resetFixPlan();
+    switchTab('logs');
+    loadDirectoryIndex();
+