code-gate 0.1.0 → 1.0.2

package/dist/ui/render/assets.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"assets.js","sourceRoot":"","sources":["../../../src/ui/render/assets.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,SAAS,CAAA;AACxB,OAAO,IAAI,MAAM,WAAW,CAAA;AAC5B,OAAO,EAAE,aAAa,EAAE,MAAM,aAAa,CAAA;AAE3C,MAAM,OAAO,GAAG,aAAa,CAAC,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,CAAA;AAE9C,MAAM,UAAU,SAAS;IACvB,IAAI,CAAC;QACH,MAAM,UAAU,GAAG,OAAO,CAAC,OAAO,CAAC,yCAAyC,CAAC,CAAA;QAC7E,MAAM,WAAW,GAAG,OAAO,CAAC,OAAO,CAAC,oCAAoC,CAAC,CAAA;QAEzE,0DAA0D;QAC1D,sFAAsF;QACtF,MAAM,cAAc,GAAG,OAAO,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAA;QAChD,MAAM,UAAU,GAAG,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,cAAc,CAAC,EAAE,eAAe,CAAC,CAAA;QAE3E,MAAM,aAAa,GAAG,OAAO,CAAC,OAAO,CAAC,8BAA8B,CAAC,CAAA;QACrE,MAAM,SAAS,GAAG,OAAO,CAAC,OAAO,CAAC,uCAAuC,CAAC,CAAA;QAE1E,MAAM,QAAQ,GAAG,EAAE,CAAC,YAAY,CAAC,UAAU,EAAE,MAAM,CAAC,CAAA;QACpD,MAAM,WAAW,GAAG,EAAE,CAAC,YAAY,CAAC,aAAa,EAAE,MAAM,CAAC,CAAA;QAC1D,MAAM,KAAK,GAAG,EAAE,CAAC,YAAY,CAAC,SAAS,EAAE,MAAM,CAAC,CAAA;QAEhD,MAAM,MAAM,GAAG,EAAE,CAAC,YAAY,CAAC,UAAU,EAAE,MAAM,CAAC,CAAA;QAClD,MAAM,OAAO,GAAG,EAAE,CAAC,YAAY,CAAC,WAAW,EAAE,MAAM,CAAC,CAAA;QAEpD,OAAO;YACL,GAAG,EAAE,GAAG,MAAM,KAAK,OAAO,EAAE;YAC5B,EAAE,EAAE,GAAG,QAAQ,KAAK,WAAW,KAAK,KAAK,EAAE;SAC5C,CAAA;IACH,CAAC;IAAC,OAAO,CAAC,EAAE,CAAC;QACX,OAAO,CAAC,KAAK,CAAC,uBAAuB,EAAE,CAAC,CAAC,CAAA;QACzC,OAAO,EAAE,GAAG,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAA;IAC5B,CAAC;AACH,CAAC;AAED,MAAM,CAAC,MAAM,WAAW,GAAG,4l4NAA4l4N,CAAA;AAEvn4N,MAAM,CAAC,MAAM,UAAU,GAAG,quBAAquB,CAAA;AAE/vB,MAAM,CAAC,MAAM,aAAa,GAAG;;;;;;;;;;CAU5B,CAAA;AAED,MAAM,CAAC,MAAM,UAAU,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA6CzB,CAAA"}

package/dist/ui/render/html.d.ts

@@ -0,0 +1,35 @@
+export declare function renderReviewItem(item: {
+    file: string;
+    review: string;
+    diff: string;
+}): {
+    file: string;
+    reviewHtml: string;
+    diffHtml: any;
+};
+export declare function renderHTMLTabs(files: Array<{
+    file: string;
+    review: string;
+    diff: string;
+}>, meta?: {
+    aiInvoked?: boolean;
+    aiSucceeded?: boolean;
+    provider?: string;
+    model?: string;
+    status?: string;
+    datetime?: string;
+    subtitle?: string;
+}): string;
+export declare function renderHTMLLive(id: string, meta?: {
+    aiInvoked?: boolean;
+    aiSucceeded?: boolean;
+    provider?: string;
+    model?: string;
+    status?: string;
+    datetime?: string;
+    subtitle?: string;
+}, initial?: Array<{
+    file: string;
+    review: string;
+    diff: string;
+}>): string;

package/dist/ui/render/html.js

@@ -0,0 +1,295 @@
+import { marked } from 'marked';
+import { JSDOM } from 'jsdom';
+import createDOMPurify from 'dompurify';
+import hljs from 'highlight.js';
+import { createRequire } from 'node:module';
+import { getAssets, CUSTOM_CSS, CLIENT_SCRIPT, LOGO_BASE64, GITHUB_SVG } from './assets.js';
+import { t } from '../../locales/index.js';
+const require = createRequire(import.meta.url);
+// Use the bundle directly to avoid issues with package.json "main" resolution in some environments
+const { parse, html: d2hHtml } = require('diff2html/bundles/js/diff2html.min.js');
+// Setup JSDOM for DOMPurify
+const window = new JSDOM('').window;
+const DOMPurify = createDOMPurify(window);
+DOMPurify.addHook('afterSanitizeAttributes', function (node) {
+    if (node.tagName === 'SPAN' && node.className && node.className.startsWith('hljs-')) {
+        // allow
+    }
+});
+// Setup Marked
+marked.setOptions({
+    // @ts-ignore
+    highlight: function (code, lang) {
+        if (lang === 'xml' || !lang) {
+            if (code.includes('import ') ||
+                code.includes('export ') ||
+                code.includes('const ') ||
+                code.includes('interface ') ||
+                (code.includes('<') && code.includes('/>'))) {
+                lang = 'tsx';
+            }
+        }
+        const language = hljs.getLanguage(lang) ? lang : 'plaintext';
+        try {
+            return hljs.highlight(code, { language: language }).value;
+        }
+        catch {
+            return code;
+        }
+    }
+});
+function escapeHtml(s) {
+    return s.replace(/&/g, '&amp;').replace(/</g, '&lt;').replace(/>/g, '&gt;');
+}
+export function renderReviewItem(item) {
+    const json = parse(item.diff, { inputFormat: 'diff' });
+    const diffHtml = d2hHtml(json, { showFiles: false, matching: 'lines' });
+    const reviewHtml = item.review
+        ? DOMPurify.sanitize(marked.parse(item.review), { ADD_TAGS: ['span'], ADD_ATTR: ['class'] })
+        : `<div class="review-body empty">${t('ui.emptyReview')}</div>`;
+    return {
+        file: item.file,
+        reviewHtml,
+        diffHtml
+    };
+}
+function getBaseTemplate(title, body, extraHead = '', extraScript = '') {
+    const { css } = getAssets();
+    return `<!doctype html>
+<html>
+<head>
+<meta charset="utf-8">
+<meta name="viewport" content="width=device-width, initial-scale=1">
+<title>${title}</title>
+<style>
+${css}
+${CUSTOM_CSS}
+</style>
+${extraHead}
+</head>
+<body>
+<div class="container">
+${body}
+</div>
+<script>
+${CLIENT_SCRIPT}
+${extraScript}
+</script>
+</body>
+</html>`;
+}
+export function renderHTMLTabs(files, meta) {
+    const renderedFiles = files.map(renderReviewItem);
+    const tabs = renderedFiles
+        .map((f, i) => `<button type="button" class="tab" data-idx="${i}" title="${escapeHtml(f.file)}">${escapeHtml(f.file)}</button>`)
+        .join('');
+    const panes = renderedFiles
+        .map((f, i) => `
+<div class="pane" data-idx="${i}">
+  <div class="split">
+    <div class="panel">
+      <div class="panel-title">${t('ui.panelAI')}</div>
+      <div class="review-body">${f.reviewHtml}</div>
+    </div>
+    <div class="panel">
+      <div class="panel-title">${t('ui.panelDiff')}</div>
+      <div class="diff-body">${f.diffHtml}</div>
+    </div>
+  </div>
+</div>`)
+        .join('');
+    let statusBadge = '';
+    if (!meta?.aiInvoked) {
+        statusBadge = `<span class="badge red">${t('ui.statusPending')}</span>`;
+    }
+    else if (meta?.aiInvoked && !meta?.aiSucceeded) {
+        statusBadge = `<span class="badge red">${t('ui.statusFailed')}</span>`;
+    }
+    else {
+        // 静态页面生成时，肯定是“审核完毕”
+        statusBadge = `<span class="badge green">${t('ui.statusDone')}</span>`;
+    }
+    const badge = meta
+        ? `<div class="meta">
+  ${statusBadge}
+  ${meta.provider ? `<span class="badge">Provider: ${escapeHtml(meta.provider)}</span>` : ''}
+  ${meta.model ? `<span class="badge">Model: ${escapeHtml(meta.model)}</span>` : ''}
+  ${meta.status ? `<div class="status">${escapeHtml(meta.status)}</div>` : ''}
+</div>`
+        : '';
+    const header = `<div class="header-row">
+    <img src="${LOGO_BASE64}" class="logo" alt="Code Gate Logo" />
+    <h1>${t('ui.title')}</h1>
+    ${meta?.subtitle ? `<div class="subtitle">${escapeHtml(meta.subtitle)}</div>` : ''}
+  </div>
+  <div class="top-right-area">
+    <a href="https://github.com/Gil2015/code-gate" target="_blank" class="github-link" aria-label="GitHub Repo">
+      ${GITHUB_SVG}
+    </a>
+    ${meta?.datetime ? `<div class="timestamp">${escapeHtml(meta.datetime)}</div>` : ''}
+  </div>
+  `;
+    const script = `
+const tabs = document.querySelectorAll('.tab');
+const panes = document.querySelectorAll('.pane');
+function activate(i) {
+  tabs.forEach(t => t.classList.toggle('active', t.dataset.idx == i));
+  panes.forEach(p => p.classList.toggle('active', p.dataset.idx == i));
+}
+tabs.forEach(t => t.addEventListener('click', () => activate(t.dataset.idx)));
+if(tabs.length > 0) activate(0);
+`;
+    return getBaseTemplate(t('ui.title'), `${header}${badge}<div class="tabs">${tabs}</div><div class="panes">${panes}</div>`, '', script);
+}
+export function renderHTMLLive(id, meta, initial) {
+    // Logic for live template... similar structure but uses polling script
+    // Since we want to be robust, let's keep using CDN for the live page dependencies if we want, OR use the same bundled assets.
+    // The original live template used CDN for marked/diff2html etc because it rendered client side.
+    // But wait, our `renderReviewItem` logic is server side (in node).
+    // The live page receives JSON updates and renders them.
+    // If we want to keep the live page rendering client-side, we need to inject the libraries or bundle them.
+    // The previous implementation used CDNs for the live page. Let's stick to that for the live page to avoid complex bundling of JS libraries.
+    const initialJson = JSON.stringify(initial || []);
+    const initialB64 = Buffer.from(initialJson, 'utf8').toString('base64');
+    let statusBadge = '';
+    // 实时页面初始状态：
+    // 1. 如果 aiInvoked=true 但 aiSucceeded=false，说明可能一开始就挂了，显示红色失败
+    // 2. 否则，默认为正在审核（蓝色），因为 live 页面就是在审核过程中打开的
+    // 注意：我们不再完全依赖 meta.aiInvoked 的 false 状态来显示“未参与”，因为在 live 模式下，
+    // 初始调用时 aiInvoked 可能还没被设置为 true（取决于调用时机），但只要进了 live 页面，就是为了看 AI 结果。
+    if (meta?.aiInvoked && meta?.status && meta.status.includes('失败')) {
+        statusBadge = `<span class="badge red">${t('ui.statusFailed')}</span>`;
+    }
+    else if (meta?.aiInvoked === false && meta?.status && meta.status.includes('失败')) {
+        statusBadge = `<span class="badge red">${t('ui.statusPending')}</span>`;
+    }
+    else {
+        statusBadge = `<span class="badge blue" id="ai-status">${t('ui.statusProcessing')}</span>`;
+    }
+    const badge = meta
+        ? `<div class="meta">
+  ${statusBadge}
+  ${meta.provider ? `<span class="badge">Provider: ${escapeHtml(meta.provider)}</span>` : ''}
+  ${meta.model ? `<span class="badge">Model: ${escapeHtml(meta.model)}</span>` : ''}
+  ${meta.status ? `<div class="status">${escapeHtml(meta.status)}</div>` : ''}
+</div>`
+        : '';
+    const header = `<div class="header-row">
+    <img src="${LOGO_BASE64}" class="logo" alt="Code Gate Logo" />
+    <h1>${t('ui.title')}</h1>
+    ${meta?.subtitle ? `<div class="subtitle">${escapeHtml(meta.subtitle)}</div>` : ''}
+  </div>
+  <div class="top-right-area">
+    <a href="https://github.com/Gil2015/code-gate" target="_blank" class="github-link" aria-label="GitHub Repo">
+      ${GITHUB_SVG}
+    </a>
+    ${meta?.datetime ? `<div class="timestamp">${escapeHtml(meta.datetime)}</div>` : ''}
+  </div>
+  `;
+    const head = `
+<script>
+${getAssets().js}
+</script>
+`;
+    const script = `
+const I18N = {
+  statusDone: "${t('ui.statusDone')}",
+  emptyReview: "${t('ui.emptyReview')}",
+  panelAI: "${t('ui.panelAI')}",
+  panelDiff: "${t('ui.panelDiff')}"
+};
+
+const route = '/review/${id}/status';
+function _decodeB64Json(b){ try { return JSON.parse(decodeURIComponent(escape(atob(b)))); } catch(e){ return []; } }
+const initial = _decodeB64Json('${initialB64}');
+const tabsContainer = document.querySelector('.tabs');
+const panesContainer = document.querySelector('.panes');
+const known = new Set();
+
+function activate(i){
+  [...tabsContainer.children].forEach((t,idx)=>t.classList.toggle('active',idx===i));
+  [...panesContainer.children].forEach((p,idx)=>p.classList.toggle('active',idx===i));
+}
+
+function addItem(item){
+  if(known.has(item.file)) return;
+  known.add(item.file);
+  const i = known.size - 1;
+  
+  const t = document.createElement('button');
+  t.type = 'button';
+  t.className = 'tab';
+  t.title = item.file;
+  t.textContent = item.file;
+  t.addEventListener('click', () => activate(i));
+  tabsContainer.appendChild(t);
+  
+  const p = document.createElement('div');
+  p.className = 'pane';
+  
+  const reviewHtml = item.review ? DOMPurify.sanitize(marked.parse(item.review)) : '<div class="review-body empty">' + I18N.emptyReview + '</div>';
+  const parsed = window.Diff2Html.parse(item.diff, {inputFormat:'diff'});
+  const diffHtml = window.Diff2Html.html(parsed, { showFiles:false, matching:'lines' });
+  
+  p.innerHTML = \`
+  <div class="split">
+    <div class="panel">
+      <div class="panel-title">\${I18N.panelAI}</div>
+      <div class="review-body">\${reviewHtml}</div>
+    </div>
+    <div class="panel">
+      <div class="panel-title">\${I18N.panelDiff}</div>
+      <div class="diff-body">\${diffHtml}</div>
+    </div>
+  </div>\`;
+  panesContainer.appendChild(p);
+  
+  try {
+    const el = p.querySelector('.review-body');
+    const blocks = el ? el.querySelectorAll('pre code') : [];
+    blocks.forEach((code) => {
+      if (code.classList.contains('language-tsx')) {
+        code.classList.remove('language-tsx');
+        code.classList.add('language-typescript');
+      }
+      hljs.highlightElement(code);
+    });
+  } catch(e){}
+  
+  if(i === 0) activate(0);
+}
+
+async function poll(){
+  try{
+    const res = await fetch(route);
+    if(!res.ok) {
+      const n = document.getElementById('ai-status');
+      if(n && known.size > 0) {
+        n.textContent = I18N.statusDone;
+        n.className = 'badge green';
+      }
+      return;
+    }
+    const data = await res.json();
+    const list = data && Array.isArray(data.files) ? data.files : [];
+    list.forEach(it => { if(it && it.done) addItem(it); });
+    if(data.done) {
+      const n = document.getElementById('ai-status');
+      if(n) {
+        n.textContent = I18N.statusDone;
+        n.className = 'badge green';
+      }
+    } else {
+      setTimeout(poll, 2000);
+    }
+  } catch(e) {
+    setTimeout(poll, 5000);
+  }
+}
+
+try { initial.forEach(addItem); } catch(e){}
+poll();
+`;
+    return getBaseTemplate(t('ui.title'), `${header}${badge}<div class="tabs"></div><div class="panes"></div>`, head, script);
+}
+//# sourceMappingURL=html.js.map

package/dist/ui/render/html.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"html.js","sourceRoot":"","sources":["../../../src/ui/render/html.ts"],"names":[],"mappings":"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"}

package/dist/ui/render.d.ts

@@ -16,3 +16,14 @@ export declare function renderHTMLTabs(files: Array<{
     model?: string;
     status?: string;
 }): string;
+export declare function renderHTMLLive(id: string, meta?: {
+    aiInvoked?: boolean;
+    aiSucceeded?: boolean;
+    provider?: string;
+    model?: string;
+    status?: string;
+}, initial?: Array<{
+    file: string;
+    review: string;
+    diff: string;
+}>): string;

package/dist/ui/render.js

@@ -18,6 +18,7 @@ export function renderHTML(diff, review, meta) {
 <meta name="viewport" content="width=device-width, initial-scale=1">
 <title>code-gate review</title>
 <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/diff2html/bundles/css/diff2html.min.css">
+<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/styles/github.min.css">
 <style>
 body{font-family: ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial}
 .container{max-width:1200px;margin:24px auto;padding:0 16px}
@@ -25,6 +26,7 @@ body{font-family: ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetic
 .meta{display:flex;gap:8px;align-items:center;margin-bottom:12px}
 .badge{display:inline-block;background:#eaeef2;border:1px solid #d0d7de;border-radius:999px;padding:4px 10px;font-size:12px;color:#24292f}
 .status{background:#fff8c5;border:1px solid #d0d7de;border-radius:6px;padding:8px 12px;font-size:12px;color:#4b4b00}
+.hljs{background:#f6f8fa;border-radius:6px;font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,Liberation Mono,monospace;font-size:12px;padding:12px}
 </style>
 </head>
 <body>
@@ -34,6 +36,18 @@ ${badge}
 ${reviewHtml}
 ${diffHtml}
 </div>
+<script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/highlight.min.js"></script>
+<script>
+document.addEventListener('DOMContentLoaded', () => {
+  document.querySelectorAll('pre code').forEach((el) => {
+    if (el.classList.contains('language-tsx')) {
+      el.classList.remove('language-tsx');
+      el.classList.add('language-typescript');
+    }
+    hljs.highlightElement(el);
+  });
+});
+</script>
 </body>
 </html>`;
     return page;
@@ -42,6 +56,12 @@ function escapeHtml(s) {
     return s.replace(/&/g, '&amp;').replace(/</g, '&lt;').replace(/>/g, '&gt;');
 }
 export function renderHTMLTabs(files, meta) {
+    const reviewsArr = files.map((f) => (f.review || '')
+        .replace(/<\/script/gi, '<\\/script')
+        .replace(/<\/style/gi, '<\\/style')
+        .replace(/<\/textarea/gi, '<\\/textarea'));
+    const reviewsJson = JSON.stringify(reviewsArr);
+    const reviewsB64 = Buffer.from(reviewsJson, 'utf8').toString('base64');
     const tabs = files
         .map((f, i) => `<button type="button" class="tab" data-idx="${i}" title="${escapeHtml(f.file)}">${escapeHtml(f.file)}</button>`)
         .join('');
@@ -79,28 +99,43 @@ export function renderHTMLTabs(files, meta) {
 <meta name="viewport" content="width=device-width, initial-scale=1">
 <title>code-gate review</title>
 <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/diff2html/bundles/css/diff2html.min.css">
+<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/styles/github.min.css">
 <script src="https://cdn.jsdelivr.net/npm/marked/marked.min.js"></script>
 <script src="https://cdn.jsdelivr.net/npm/dompurify@3.0.6/dist/purify.min.js"></script>
+<script src="https://cdn.jsdelivr.net/npm/diff2html/bundles/js/diff2html.min.js"></script>
+<script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/highlight.min.js"></script>
 <style>
 *{box-sizing:border-box}
 html,body{height:100%;}
 body{font-family: ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial;overflow:hidden}
-.container{width:100%;max-width:100%;margin:0 auto;padding:16px}
-.tabs{display:flex;gap:8px;overflow-x:auto;padding:8px 0;border-bottom:1px solid #d0d7de}
-.tab{flex:0 0 auto;background:#f0f2f5;border:1px solid #d0d7de;border-radius:4px;padding:8px 12px;font-size:12px;color:#24292f;cursor:pointer}
-.tab.active{background:#0969da;color:#fff;border-color:#0969da}
-.pane{display:none;padding-top:12px}
+.container{width:100%;max-width:100%;margin:0 auto;padding:16px;height:100%;display:flex;flex-direction:column}
+.tabs{display:flex;gap:8px;overflow-x:auto;border-bottom:1px solid #d0d7de;flex:0 0 auto;scrollbar-width:thin}
+.tab{flex:0 0 auto;background:none;border:none;border-bottom:3px solid transparent;padding:8px 16px;font-size:14px;color:#57606a;cursor:pointer;transition:color 0.2s;white-space:nowrap}
+.tab:hover{color:#24292f;border-bottom-color:#d0d7de}
+.tab.active{color:#24292f;border-bottom-color:#0969da}
+.panes{flex:1;overflow:hidden;position:relative}
+.pane{display:none;height:100%;padding-top:12px}
 .pane.active{display:block}
-.split{display:flex;gap:12px;align-items:stretch}
-.panel{border:1px solid #d0d7de;border-radius:6px;background:#fff;display:flex;flex-direction:column;height:calc(100vh - 180px);flex:1 1 50%;min-width:0;max-width:50%}
-.panel-title{font-weight:600;padding:8px 12px;border-bottom:1px solid #d0d7de;background:#f6f8fa}
-.review-body{padding:12px;overflow:auto}
+.split{display:flex;gap:12px;align-items:stretch;height:100%}
+.panel{border:1px solid #d0d7de;border-radius:6px;background:#fff;display:flex;flex-direction:column;flex:1 1 50%;min-width:0;max-width:50%;height:100%}
+.panel-title{font-weight:600;padding:8px 12px;border-bottom:1px solid #d0d7de;background:#f6f8fa;flex:0 0 auto}
+.review-body{padding:16px;overflow:auto;flex:1;font-size:14px;line-height:1.5;color:#24292f}
+.review-body h1,.review-body h2,.review-body h3{margin-top:24px;margin-bottom:16px;font-weight:600;line-height:1.25}
+.review-body h1{font-size:2em;border-bottom:1px solid #d0d7de;padding-bottom:.3em}
+.review-body h2{font-size:1.5em;border-bottom:1px solid #d0d7de;padding-bottom:.3em}
+.review-body h3{font-size:1.25em}
+.review-body p{margin-top:0;margin-bottom:16px}
+.review-body blockquote{margin:0 0 16px;padding:0 1em;color:#57606a;border-left:.25em solid #d0d7de}
+.review-body ul,.review-body ol{margin-top:0;margin-bottom:16px;padding-left:2em}
+.review-body a{color:#0969da;text-decoration:none}
+.review-body a:hover{text-decoration:underline}
 .review-body.empty{color:#57606a}
-.diff-body{padding:12px;overflow:auto}
+.diff-body{padding:12px;overflow:auto;flex:1;display:flex;flex-direction:column}
 .diff-body .d2h-code-side-linenumber,.diff-body .d2h-code-linenumber{position:static!important}
 .meta{display:flex;gap:8px;align-items:center;margin-bottom:12px}
 .badge{display:inline-block;background:#eaeef2;border:1px solid #d0d7de;border-radius:999px;padding:4px 10px;font-size:12px;color:#24292f}
 .status{background:#fff8c5;border:1px solid #d0d7de;border-radius:6px;padding:8px 12px;font-size:12px;color:#4b4b00}
+.hljs{background:#f6f8fa;border-radius:6px;font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,Liberation Mono,monospace;font-size:12px;padding:12px}
 </style>
 </head>
 <body>
@@ -111,6 +146,8 @@ ${badge}
 ${panes}
 </div>
 <script>
+function _decodeB64Json(b){ try { return JSON.parse(decodeURIComponent(escape(atob(b)))); } catch(e){ return []; } }
+const _reviews_b64 = ${JSON.stringify(reviewsB64)};
 const tabs=[...document.querySelectorAll('.tab')];
 const panes=[...document.querySelectorAll('.pane')];
 function activate(i){
@@ -119,14 +156,24 @@ function activate(i){
 }
 tabs.forEach(t=>t.addEventListener('click',()=>activate(t.dataset.idx)));
 activate(0);
-// Render markdown reviews
-try{
-  const reviews=${JSON.stringify(files.map(f => f.review || ''))};
+  // Render markdown reviews
+  try{
+  const reviews=_decodeB64Json(_reviews_b64);
   reviews.forEach((md,i)=>{
     const el=document.querySelector(\`.pane[data-idx="\${i}"] .review-body\`);
     if(el && md){
       const html=DOMPurify.sanitize(marked.parse(md));
       el.innerHTML=html;
+      try{
+        const blocks=el.querySelectorAll('pre code');
+        blocks.forEach((code)=>{
+          if (code.classList.contains('language-tsx')) {
+            code.classList.remove('language-tsx');
+            code.classList.add('language-typescript');
+          }
+          hljs.highlightElement(code);
+        });
+      }catch(e){}
     }
   })
 }catch(e){}
@@ -135,4 +182,142 @@ try{
 </html>`;
     return page;
 }
+export function renderHTMLLive(id, meta, initial) {
+    const initialJsonLive = JSON.stringify(initial || []);
+    const initialB64 = Buffer.from(initialJsonLive, 'utf8').toString('base64');
+    const badge = meta
+        ? `<div class="meta">
+  <span class="badge">AI: ${meta.aiInvoked ? (meta.aiSucceeded ? '参与' : '尝试失败') : '未参与'}</span>
+  ${meta.provider ? `<span class="badge">Provider: ${escapeHtml(meta.provider)}</span>` : ''}
+  ${meta.model ? `<span class="badge">Model: ${escapeHtml(meta.model)}</span>` : ''}
+  ${meta.status ? `<div class="status">${escapeHtml(meta.status)}</div>` : ''}
+</div>`
+        : '';
+    const page = `<!doctype html>
+<html>
+<head>
+<meta charset="utf-8">
+<meta name="viewport" content="width=device-width, initial-scale=1">
+<title>code-gate review</title>
+<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/diff2html/bundles/css/diff2html.min.css">
+<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/styles/github.min.css">
+<script src="https://cdn.jsdelivr.net/npm/marked/marked.min.js"></script>
+<script src="https://cdn.jsdelivr.net/npm/dompurify@3.0.6/dist/purify.min.js"></script>
+<script src="https://cdn.jsdelivr.net/npm/diff2html/bundles/js/diff2html.min.js"></script>
+<script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/highlight.min.js"></script>
+  <style>
+  *{box-sizing:border-box}
+  html,body{height:100%;}
+  body{font-family: ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial;overflow:hidden}
+  .container{width:100%;max-width:100%;margin:0 auto;padding:16px;height:100%;display:flex;flex-direction:column}
+.tabs{display:flex;gap:8px;overflow-x:auto;border-bottom:1px solid #d0d7de;flex:0 0 auto;scrollbar-width:thin}
+.tab{flex:0 0 auto;background:none;border:none;border-bottom:3px solid transparent;padding:8px 16px;font-size:14px;color:#57606a;cursor:pointer;transition:color 0.2s;white-space:nowrap}
+.tab:hover{color:#24292f;border-bottom-color:#d0d7de}
+.tab.active{color:#24292f;border-bottom-color:#0969da}
+.panes{flex:1;overflow:hidden;position:relative}
+.pane{display:none;height:100%;padding-top:12px}
+.pane.active{display:block}
+.split{display:flex;gap:12px;align-items:stretch;height:100%}
+.panel{border:1px solid #d0d7de;border-radius:6px;background:#fff;display:flex;flex-direction:column;flex:1 1 50%;min-width:0;max-width:50%;height:100%}
+.panel-title{font-weight:600;padding:8px 12px;border-bottom:1px solid #d0d7de;background:#f6f8fa;flex:0 0 auto}
+.review-body{padding:16px;overflow:auto;flex:1;font-size:14px;line-height:1.5;color:#24292f}
+.review-body h1,.review-body h2,.review-body h3{margin-top:24px;margin-bottom:16px;font-weight:600;line-height:1.25}
+.review-body h1{font-size:2em;border-bottom:1px solid #d0d7de;padding-bottom:.3em}
+.review-body h2{font-size:1.5em;border-bottom:1px solid #d0d7de;padding-bottom:.3em}
+.review-body h3{font-size:1.25em}
+.review-body p{margin-top:0;margin-bottom:16px}
+.review-body blockquote{margin:0 0 16px;padding:0 1em;color:#57606a;border-left:.25em solid #d0d7de}
+.review-body ul,.review-body ol{margin-top:0;margin-bottom:16px;padding-left:2em}
+.review-body a{color:#0969da;text-decoration:none}
+.review-body a:hover{text-decoration:underline}
+.review-body.empty{color:#57606a}
+.diff-body{padding:12px;overflow:auto;flex:1;display:flex;flex-direction:column}
+  .diff-body .d2h-code-side-linenumber,.diff-body .d2h-code-linenumber{position:static!important}
+  .meta{display:flex;gap:8px;align-items:center;margin-bottom:12px}
+  .badge{display:inline-block;background:#eaeef2;border:1px solid #d0d7de;border-radius:999px;padding:4px 10px;font-size:12px;color:#24292f}
+  .status{background:#fff8c5;border:1px solid #d0d7de;border-radius:6px;padding:8px 12px;font-size:12px;color:#4b4b00}
+  .notice{margin:8px 0;color:#57606a}
+  .hljs{background:#f6f8fa;border-radius:6px;font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,Liberation Mono,monospace;font-size:12px;padding:12px}
+  </style>
+</head>
+<body>
+<div class="container">
+<h1>Code Review <span class="status-text" style="font-size:14px;color:#57606a;font-weight:normal;">后台继续审查中…</span></h1>
+${badge}
+<div class="tabs"></div>
+<div class="panes"></div>
+</div>
+<script>
+const route = ${JSON.stringify('/review/' + id + '/status')};
+function _decodeB64Json(b){ try { return JSON.parse(decodeURIComponent(escape(atob(b)))); } catch(e){ return []; } }
+const initial=_decodeB64Json(${JSON.stringify(initialB64)});
+const tabs=document.querySelector('.tabs');
+const panes=document.querySelector('.panes');
+const known=new Set();
+function activate(i){
+  [...tabs.children].forEach((t,idx)=>t.classList.toggle('active',idx===i));
+  [...panes.children].forEach((p,idx)=>p.classList.toggle('active',idx===i));
+}
+function addItem(item){
+  if(known.has(item.file))return;
+  known.add(item.file);
+  const i=[...known].length-1;
+  const t=document.createElement('button');
+  t.type='button';
+  t.className='tab';
+  t.title=item.file;
+  t.textContent=item.file;
+  t.addEventListener('click',()=>activate(i));
+  tabs.appendChild(t);
+  const p=document.createElement('div');
+  p.className='pane';
+  const reviewHtml=item.review?DOMPurify.sanitize(marked.parse(item.review)):'<div class=\"review-body empty\">暂无审查内容</div>';
+  const parsed=window.Diff2Html.parse(item.diff,{inputFormat:'diff'});
+  const diffHtml=window.Diff2Html.html(parsed,{ showFiles:false, matching:'lines' });
+  p.innerHTML='<div class=\"split\"><div class=\"panel panel-left\"><div class=\"panel-title\">AI Review</div><div class=\"review-body\">'+reviewHtml+'</div></div><div class=\"panel panel-right\"><div class=\"panel-title\">Diff</div><div class=\"diff-body\">'+diffHtml+'</div></div></div>';
+  panes.appendChild(p);
+  try{
+    const el=p.querySelector('.review-body');
+    const blocks=el?el.querySelectorAll('pre code'):[];
+    blocks.forEach((code)=>{
+      if (code.classList.contains('language-tsx')) {
+        code.classList.remove('language-tsx');
+        code.classList.add('language-typescript');
+      }
+      hljs.highlightElement(code);
+    });
+  }catch(e){}
+  if(i===0)activate(0);
+  try{
+    const aiBadge=document.querySelector('.meta .badge');
+    if(aiBadge && aiBadge.textContent && aiBadge.textContent.indexOf('AI:')===0){
+      aiBadge.textContent='AI: 参与';
+    }
+  }catch(e){}
+}
+async function poll(){
+  try{
+    const res=await fetch(route);
+    if(!res.ok) {
+      const n=document.querySelector('.status-text');
+      if(n && known.size>0) n.textContent='全部完成';
+      return;
+    }
+    const data=await res.json();
+    const list=data && Array.isArray(data.files)?data.files:[];
+    list.forEach(it=>{ if(it && it.done) addItem(it); });
+    if(data.done) {
+      const n=document.querySelector('.status-text');
+      if(n) n.textContent='全部完成';
+    }
+  }catch(e){}
+}
+setInterval(poll,5000);
+try{ initial.forEach(addItem); }catch(e){}
+poll();
+</script>
+</body>
+</html>`;
+    return page;
+}
 //# sourceMappingURL=render.js.map