codebase-onboarder 0.6.0 → 0.7.0

package/public/js/diffView.js

@@ -1,27 +1,31 @@
 // PR / Branch Diff & Blast Radius View.
 // Renders side-by-side / unified git diffs and calculates downstream architectural blast radius.
-
 import { escapeHtml } from './html.js';
-
 let activeScanId = null;
 let currentDiff = null;
 let currentRefs = null;
 let selectedFile = null;
+let generation = 0;
+let diffRequest = null;
+let refsRequest = null;
+export function stopDiff() { generation++; diffRequest?.abort(); refsRequest?.abort(); }
 let diffMode = 'unified'; // 'unified' | 'split'
-
 export async function renderDiffView(container, { scan, facts, scanId }) {
-  if (!container) return;
-  activeScanId = scanId;
-
-  container.innerHTML = `
+    stopDiff();
+    const viewGeneration = generation;
+    currentDiff = null;
+    if (!container)
+        return;
+    activeScanId = scanId;
+    container.innerHTML = `
     <div class="diff-layout">
       <header class="diff-header">
         <div class="diff-ref-selectors">
           <div class="diff-select-group">
             <span class="diff-select-label">Base:</span>
             <select class="diff-select" id="diffBaseSelect">
-              <option value="HEAD~1">HEAD~1 (previous commit)</option>
               <option value="HEAD">HEAD (committed)</option>
+              <option value="HEAD~1">HEAD~1 (previous commit)</option>
               <option value="main">main</option>
             </select>
           </div>
@@ -68,145 +72,161 @@ export async function renderDiffView(container, { scan, facts, scanId }) {
       </div>
     </div>
   `;
-
-  // Wire controls
-  const baseSelect = container.querySelector('#diffBaseSelect');
-  const headSelect = container.querySelector('#diffHeadSelect');
-  const runBtn = container.querySelector('#diffRunBtn');
-  const unifiedBtn = container.querySelector('#diffModeUnified');
-  const splitBtn = container.querySelector('#diffModeSplit');
-
-  unifiedBtn?.addEventListener('click', () => {
-    diffMode = 'unified';
-    unifiedBtn.classList.add('is-active');
-    splitBtn?.classList.remove('is-active');
-    renderCurrentFileDiff(container);
-  });
-
-  splitBtn?.addEventListener('click', () => {
-    diffMode = 'split';
-    splitBtn.classList.add('is-active');
-    unifiedBtn?.classList.remove('is-active');
-    renderCurrentFileDiff(container);
-  });
-
-  runBtn?.addEventListener('click', () => {
-    loadDiffData(container, scan, facts, baseSelect.value, headSelect.value);
-  });
-
-  // Initial load
-  await loadRefs(container, scanId);
-  await loadDiffData(container, scan, facts, 'HEAD~1', '');
+    // Wire controls
+    const baseSelect = container.querySelector('#diffBaseSelect');
+    const headSelect = container.querySelector('#diffHeadSelect');
+    const runBtn = container.querySelector('#diffRunBtn');
+    const unifiedBtn = container.querySelector('#diffModeUnified');
+    const splitBtn = container.querySelector('#diffModeSplit');
+    unifiedBtn?.addEventListener('click', () => {
+        diffMode = 'unified';
+        unifiedBtn.classList.add('is-active');
+        splitBtn?.classList.remove('is-active');
+        renderCurrentFileDiff(container);
+    });
+    splitBtn?.addEventListener('click', () => {
+        diffMode = 'split';
+        splitBtn.classList.add('is-active');
+        unifiedBtn?.classList.remove('is-active');
+        renderCurrentFileDiff(container);
+    });
+    runBtn?.addEventListener('click', () => {
+        loadDiffData(container, scan, facts, baseSelect.value, headSelect.value);
+    });
+    // Initial load
+    await loadRefs(container, scanId, viewGeneration);
+    if (viewGeneration !== generation)
+        return;
+    await loadDiffData(container, scan, facts, 'HEAD', '');
 }
-
-async function loadRefs(container, scanId) {
-  if (!scanId) return;
-  try {
-    const res = await fetch('/api/diff/refs?scan=' + encodeURIComponent(scanId));
-    if (res.ok) {
-      currentRefs = await res.json();
-      const baseSelect = container.querySelector('#diffBaseSelect');
-      const headSelect = container.querySelector('#diffHeadSelect');
-      if (baseSelect && currentRefs.branches?.length) {
-        baseSelect.innerHTML = `
-          <option value="HEAD~1">HEAD~1 (previous commit)</option>
+async function loadRefs(container, scanId, viewGeneration) {
+    if (!scanId)
+        return;
+    try {
+        const controller = new AbortController();
+        refsRequest = controller;
+        const res = await fetch('/api/diff/refs?scan=' + encodeURIComponent(scanId), { signal: controller.signal });
+        if (res.ok) {
+            const data = await res.json();
+            if (viewGeneration !== generation)
+                return;
+            currentRefs = data;
+            const baseSelect = container.querySelector('#diffBaseSelect');
+            const headSelect = container.querySelector('#diffHeadSelect');
+            if (baseSelect && currentRefs.branches?.length) {
+                baseSelect.innerHTML = `
           <option value="HEAD">HEAD</option>
+          <option value="HEAD~1">HEAD~1 (previous commit)</option>
           ${currentRefs.branches.map((b) => `<option value="${escapeHtml(b)}">${escapeHtml(b)}</option>`).join('')}
           ${(currentRefs.tags || []).map((t) => `<option value="${escapeHtml(t)}">tag: ${escapeHtml(t)}</option>`).join('')}
         `;
-      }
+            }
+        }
+    }
+    catch (e) {
+        /* fallback to defaults */
     }
-  } catch (e) {
-    /* fallback to defaults */
-  }
 }
-
 async function loadDiffData(container, scan, facts, base, head) {
-  const listEl = container.querySelector('#diffFilesList');
-  const summaryEl = container.querySelector('#diffSummaryChip');
-  if (listEl) listEl.innerHTML = '<p class="diff-empty">Loading diff…</p>';
-
-  try {
-    const params = new URLSearchParams();
-    if (activeScanId) params.set('scan', activeScanId);
-    if (base) params.set('base', base);
-    if (head) params.set('head', head);
-
-    const res = await fetch('/api/diff?' + params.toString());
-    if (!res.ok) {
-      if (listEl) listEl.innerHTML = '<p class="diff-empty">No git repository or diff available for this target.</p>';
-      return;
+    diffRequest?.abort();
+    const controller = new AbortController();
+    diffRequest = controller;
+    const viewGeneration = generation;
+    currentDiff = null;
+    selectedFile = null;
+    const mainEl = container.querySelector('#diffViewerMain');
+    if (mainEl)
+        mainEl.innerHTML = '<div class="diff-placeholder">Reading selected comparison…</div>';
+    const metric = container.querySelector('#blastMetric');
+    if (metric)
+        metric.textContent = '—';
+    const listEl = container.querySelector('#diffFilesList');
+    const summaryEl = container.querySelector('#diffSummaryChip');
+    if (listEl)
+        listEl.innerHTML = '<p class="diff-empty">Loading diff…</p>';
+    try {
+        const params = new URLSearchParams();
+        if (activeScanId)
+            params.set('scan', activeScanId);
+        if (base)
+            params.set('base', base);
+        if (head)
+            params.set('head', head);
+        const res = await fetch('/api/diff?' + params.toString(), { signal: controller.signal });
+        const data = await res.json();
+        if (controller.signal.aborted || viewGeneration !== generation)
+            return;
+        if (!res.ok)
+            throw new Error(data.error || 'Comparison unavailable.');
+        currentDiff = data;
+        const files = currentDiff.files || [];
+        if (summaryEl) {
+            summaryEl.innerHTML = `<b>${files.length}</b> files <span class="diff-add">+${currentDiff.stats?.additions || 0}</span> <span class="diff-del">-${currentDiff.stats?.deletions || 0}</span>`;
+        }
+        // Compute blast radius from modified files
+        computeAndRenderBlastRadius(container, files, scan, facts);
+        if (!files.length) {
+            if (listEl)
+                listEl.innerHTML = '<p class="diff-empty">No differences between selected references.</p>';
+            const mainEl = container.querySelector('#diffViewerMain');
+            if (mainEl)
+                mainEl.innerHTML = '<div class="diff-placeholder">No changes in this comparison. Untracked files are available in Review.</div>';
+            return;
+        }
+        selectedFile = files[0].newPath || files[0].oldPath;
+        renderFilesList(container, files);
+        renderCurrentFileDiff(container);
     }
-
-    currentDiff = await res.json();
-    const files = currentDiff.files || [];
-
-    if (summaryEl) {
-      summaryEl.innerHTML = `<b>${files.length}</b> files <span class="diff-add">+${currentDiff.stats?.additions || 0}</span> <span class="diff-del">-${currentDiff.stats?.deletions || 0}</span>`;
+    catch (err) {
+        if (controller.signal.aborted || viewGeneration !== generation)
+            return;
+        if (summaryEl)
+            summaryEl.textContent = 'Unavailable';
+        if (mainEl)
+            mainEl.innerHTML = '<div class="diff-placeholder">Choose valid references and compare again.</div>';
+        if (listEl)
+            listEl.innerHTML = `<p class="diff-empty">Failed to load diff: ${escapeHtml(err.message)}</p>`;
     }
-
-    // Compute blast radius from modified files
-    computeAndRenderBlastRadius(container, files, scan, facts);
-
-    if (!files.length) {
-      if (listEl) listEl.innerHTML = '<p class="diff-empty">No differences between selected references.</p>';
-      const mainEl = container.querySelector('#diffViewerMain');
-      if (mainEl) mainEl.innerHTML = '<div class="diff-placeholder">Working tree clean. No changes detected.</div>';
-      return;
-    }
-
-    selectedFile = files[0].newPath || files[0].oldPath;
-    renderFilesList(container, files);
-    renderCurrentFileDiff(container);
-  } catch (err) {
-    if (listEl) listEl.innerHTML = `<p class="diff-empty">Failed to load diff: ${escapeHtml(err.message)}</p>`;
-  }
 }
-
 function computeAndRenderBlastRadius(container, diffFiles, scan, facts) {
-  const metricEl = container.querySelector('#blastMetric');
-  const descEl = container.querySelector('#blastDesc');
-  if (!metricEl || !descEl) return;
-
-  if (!diffFiles.length) {
-    metricEl.textContent = '0 files';
-    descEl.textContent = 'No modified files to analyze.';
-    return;
-  }
-
-  const modifiedPaths = new Set(diffFiles.map((f) => f.newPath || f.oldPath));
-  const impacted = new Set();
-  const queue = [...modifiedPaths];
-
-  while (queue.length) {
-    const curr = queue.shift();
-    const dependents = facts?.importers?.[curr] || [];
-    for (const dep of dependents) {
-      if (!impacted.has(dep) && !modifiedPaths.has(dep)) {
-        impacted.add(dep);
-        queue.push(dep);
-      }
+    const metricEl = container.querySelector('#blastMetric');
+    const descEl = container.querySelector('#blastDesc');
+    if (!metricEl || !descEl)
+        return;
+    if (!diffFiles.length) {
+        metricEl.textContent = '0 files';
+        descEl.textContent = 'No modified files to analyze.';
+        return;
     }
-  }
-
-  const totalFiles = scan?.files?.length || 1;
-  const impactCount = impacted.size;
-  const pct = Math.round((impactCount / totalFiles) * 100);
-
-  metricEl.innerHTML = `<b>${impactCount}</b> dependent files affected (${pct}%)`;
-  descEl.innerHTML = impactCount > 0
-    ? `Directly impacts <b>${impactCount}</b> downstream module${impactCount === 1 ? '' : 's'} across the import graph.`
-    : `Self-contained change: no downstream imports affected.`;
+    const modifiedPaths = new Set(diffFiles.map((f) => f.newPath || f.oldPath));
+    const impacted = new Set();
+    const queue = [...modifiedPaths];
+    while (queue.length) {
+        const curr = queue.shift();
+        const dependents = facts?.importers?.[curr] || [];
+        for (const dep of dependents) {
+            if (!impacted.has(dep) && !modifiedPaths.has(dep)) {
+                impacted.add(dep);
+                queue.push(dep);
+            }
+        }
+    }
+    const totalFiles = scan?.files?.length || 1;
+    const impactCount = impacted.size;
+    const pct = Math.round((impactCount / totalFiles) * 100);
+    metricEl.innerHTML = `<b>${impactCount}</b> dependent files affected (${pct}%)`;
+    descEl.innerHTML = impactCount > 0
+        ? `Directly impacts <b>${impactCount}</b> downstream module${impactCount === 1 ? '' : 's'} across the import graph.`
+        : `Self-contained change: no downstream imports affected.`;
 }
-
 function renderFilesList(container, files) {
-  const listEl = container.querySelector('#diffFilesList');
-  if (!listEl) return;
-
-  listEl.innerHTML = files.map((f) => {
-    const path = f.newPath || f.oldPath;
-    const isSelected = path === selectedFile;
-    return `
+    const listEl = container.querySelector('#diffFilesList');
+    if (!listEl)
+        return;
+    listEl.innerHTML = files.map((f) => {
+        const path = f.newPath || f.oldPath;
+        const isSelected = path === selectedFile;
+        return `
       <div class="diff-file-item ${isSelected ? 'is-selected' : ''}" data-path="${escapeHtml(path)}">
         <span class="diff-file-badge status-${f.status}">${f.status.slice(0, 1).toUpperCase()}</span>
         <span class="diff-file-path" title="${escapeHtml(path)}">${escapeHtml(path)}</span>
@@ -216,36 +236,32 @@ function renderFilesList(container, files) {
         </span>
       </div>
     `;
-  }).join('');
-
-  listEl.querySelectorAll('.diff-file-item').forEach((item) => {
-    item.addEventListener('click', () => {
-      selectedFile = item.dataset.path;
-      listEl.querySelectorAll('.diff-file-item').forEach((el) => el.classList.remove('is-selected'));
-      item.classList.add('is-selected');
-      renderCurrentFileDiff(container);
+    }).join('');
+    listEl.querySelectorAll('.diff-file-item').forEach((item) => {
+        item.addEventListener('click', () => {
+            selectedFile = item.dataset.path;
+            listEl.querySelectorAll('.diff-file-item').forEach((el) => el.classList.remove('is-selected'));
+            item.classList.add('is-selected');
+            renderCurrentFileDiff(container);
+        });
     });
-  });
 }
-
 function renderCurrentFileDiff(container) {
-  const mainEl = container.querySelector('#diffViewerMain');
-  if (!mainEl || !currentDiff) return;
-
-  const file = currentDiff.files?.find((f) => (f.newPath || f.oldPath) === selectedFile);
-  if (!file) {
-    mainEl.innerHTML = '<div class="diff-placeholder">Select a file to inspect diff.</div>';
-    return;
-  }
-
-  const hunksHtml = file.hunks.map((hunk) => {
-    if (diffMode === 'split') {
-      return renderSplitHunk(hunk);
+    const mainEl = container.querySelector('#diffViewerMain');
+    if (!mainEl || !currentDiff)
+        return;
+    const file = currentDiff.files?.find((f) => (f.newPath || f.oldPath) === selectedFile);
+    if (!file) {
+        mainEl.innerHTML = '<div class="diff-placeholder">Select a file to inspect diff.</div>';
+        return;
     }
-    return renderUnifiedHunk(hunk);
-  }).join('');
-
-  mainEl.innerHTML = `
+    const hunksHtml = file.hunks.map((hunk) => {
+        if (diffMode === 'split') {
+            return renderSplitHunk(hunk);
+        }
+        return renderUnifiedHunk(hunk);
+    }).join('');
+    mainEl.innerHTML = `
     <div class="diff-file-card">
       <div class="diff-file-card-head">
         <span class="diff-card-title">${escapeHtml(file.newPath || file.oldPath)}</span>
@@ -257,27 +273,24 @@ function renderCurrentFileDiff(container) {
     </div>
   `;
 }
-
 function renderUnifiedHunk(hunk) {
-  let oldLine = hunk.oldStart;
-  let newLine = hunk.newStart;
-
-  const linesHtml = hunk.lines.map((line) => {
-    let oldNum = '';
-    let newNum = '';
-
-    if (line.type === 'del') {
-      oldNum = oldLine++;
-    } else if (line.type === 'add') {
-      newNum = newLine++;
-    } else {
-      oldNum = oldLine++;
-      newNum = newLine++;
-    }
-
-    const sign = line.type === 'add' ? '+' : (line.type === 'del' ? '-' : ' ');
-
-    return `
+    let oldLine = hunk.oldStart;
+    let newLine = hunk.newStart;
+    const linesHtml = hunk.lines.map((line) => {
+        let oldNum = '';
+        let newNum = '';
+        if (line.type === 'del') {
+            oldNum = oldLine++;
+        }
+        else if (line.type === 'add') {
+            newNum = newLine++;
+        }
+        else {
+            oldNum = oldLine++;
+            newNum = newLine++;
+        }
+        const sign = line.type === 'add' ? '+' : (line.type === 'del' ? '-' : ' ');
+        return `
       <div class="diff-line line-${line.type}">
         <span class="diff-ln old-ln">${oldNum}</span>
         <span class="diff-ln new-ln">${newNum}</span>
@@ -285,68 +298,68 @@ function renderUnifiedHunk(hunk) {
         <span class="diff-code">${escapeHtml(line.text)}</span>
       </div>
     `;
-  }).join('');
-
-  return `
+    }).join('');
+    return `
     <div class="diff-hunk">
       <div class="diff-hunk-header">${escapeHtml(hunk.header)}</div>
       ${linesHtml}
     </div>
   `;
 }
-
 function renderSplitHunk(hunk) {
-  let oldLine = hunk.oldStart;
-  let newLine = hunk.newStart;
-
-  const rows = [];
-  for (let i = 0; i < hunk.lines.length; i++) {
-    const line = hunk.lines[i];
-    if (line.type === 'del') {
-      const delNum = oldLine++;
-      // Check if next is add
-      const next = hunk.lines[i + 1];
-      if (next && next.type === 'add') {
-        const addNum = newLine++;
-        rows.push(`
+    let oldLine = hunk.oldStart;
+    let newLine = hunk.newStart;
+    const rows = [];
+    for (let i = 0; i < hunk.lines.length; i++) {
+        const line = hunk.lines[i];
+        if (line.type === 'del') {
+            const delNum = oldLine++;
+            // Check if next is add
+            const next = hunk.lines[i + 1];
+            if (next && next.type === 'add') {
+                const addNum = newLine++;
+                rows.push(`
           <div class="split-diff-row">
             <div class="split-pane line-del"><span class="diff-ln">${delNum}</span><span class="diff-code">-${escapeHtml(line.text)}</span></div>
             <div class="split-pane line-add"><span class="diff-ln">${addNum}</span><span class="diff-code">+${escapeHtml(next.text)}</span></div>
           </div>
         `);
-        i++;
-      } else {
-        rows.push(`
+                i++;
+            }
+            else {
+                rows.push(`
           <div class="split-diff-row">
             <div class="split-pane line-del"><span class="diff-ln">${delNum}</span><span class="diff-code">-${escapeHtml(line.text)}</span></div>
             <div class="split-pane line-empty"></div>
           </div>
         `);
-      }
-    } else if (line.type === 'add') {
-      const addNum = newLine++;
-      rows.push(`
+            }
+        }
+        else if (line.type === 'add') {
+            const addNum = newLine++;
+            rows.push(`
         <div class="split-diff-row">
           <div class="split-pane line-empty"></div>
           <div class="split-pane line-add"><span class="diff-ln">${addNum}</span><span class="diff-code">+${escapeHtml(line.text)}</span></div>
         </div>
       `);
-    } else {
-      const oNum = oldLine++;
-      const nNum = newLine++;
-      rows.push(`
+        }
+        else {
+            const oNum = oldLine++;
+            const nNum = newLine++;
+            rows.push(`
         <div class="split-diff-row">
           <div class="split-pane line-context"><span class="diff-ln">${oNum}</span><span class="diff-code"> ${escapeHtml(line.text)}</span></div>
           <div class="split-pane line-context"><span class="diff-ln">${nNum}</span><span class="diff-code"> ${escapeHtml(line.text)}</span></div>
         </div>
       `);
+        }
     }
-  }
-
-  return `
+    return `
     <div class="diff-hunk">
       <div class="diff-hunk-header">${escapeHtml(hunk.header)}</div>
       <div class="split-diff-table">${rows.join('')}</div>
     </div>
   `;
 }
+//# sourceMappingURL=diffView.js.map

package/public/js/diffView.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"diffView.js","sourceRoot":"","sources":["../../src/public/js/diffView.ts"],"names":[],"mappings":"AAAA,wCAAwC;AACxC,iGAAiG;AAEjG,OAAO,EAAE,UAAU,EAAE,MAAM,WAAW,CAAC;AAEvC,IAAI,YAAY,GAAG,IAAI,CAAC;AACxB,IAAI,WAAW,GAAG,IAAI,CAAC;AACvB,IAAI,WAAW,GAAG,IAAI,CAAC;AACvB,IAAI,YAAY,GAAG,IAAI,CAAC;AACxB,IAAI,UAAU,GAAG,CAAC,CAAC;AACnB,IAAI,WAAW,GAA2B,IAAI,CAAC;AAC/C,IAAI,WAAW,GAA2B,IAAI,CAAC;AAC/C,MAAM,UAAU,QAAQ,KAAK,UAAU,EAAE,CAAC,CAAC,WAAW,EAAE,KAAK,EAAE,CAAC,CAAC,WAAW,EAAE,KAAK,EAAE,CAAC,CAAC,CAAC;AACxF,IAAI,QAAQ,GAAG,SAAS,CAAC,CAAC,sBAAsB;AAEhD,MAAM,CAAC,KAAK,UAAU,cAAc,CAAC,SAAS,EAAE,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,EAAE;IACrE,QAAQ,EAAE,CAAC;IACX,MAAM,cAAc,GAAG,UAAU,CAAC;IAClC,WAAW,GAAG,IAAI,CAAC;IACnB,IAAI,CAAC,SAAS;QAAE,OAAO;IACvB,YAAY,GAAG,MAAM,CAAC;IAEtB,SAAS,CAAC,SAAS,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAsDrB,CAAC;IAEF,gBAAgB;IAChB,MAAM,UAAU,GAAG,SAAS,CAAC,aAAa,CAAC,iBAAiB,CAAC,CAAC;IAC9D,MAAM,UAAU,GAAG,SAAS,CAAC,aAAa,CAAC,iBAAiB,CAAC,CAAC;IAC9D,MAAM,MAAM,GAAG,SAAS,CAAC,aAAa,CAAC,aAAa,CAAC,CAAC;IACtD,MAAM,UAAU,GAAG,SAAS,CAAC,aAAa,CAAC,kBAAkB,CAAC,CAAC;IAC/D,MAAM,QAAQ,GAAG,SAAS,CAAC,aAAa,CAAC,gBAAgB,CAAC,CAAC;IAE3D,UAAU,EAAE,gBAAgB,CAAC,OAAO,EAAE,GAAG,EAAE;QACzC,QAAQ,GAAG,SAAS,CAAC;QACrB,UAAU,CAAC,SAAS,CAAC,GAAG,CAAC,WAAW,CAAC,CAAC;QACtC,QAAQ,EAAE,SAAS,CAAC,MAAM,CAAC,WAAW,CAAC,CAAC;QACxC,qBAAqB,CAAC,SAAS,CAAC,CAAC;IACnC,CAAC,CAAC,CAAC;IAEH,QAAQ,EAAE,gBAAgB,CAAC,OAAO,EAAE,GAAG,EAAE;QACvC,QAAQ,GAAG,OAAO,CAAC;QACnB,QAAQ,CAAC,SAAS,CAAC,GAAG,CAAC,WAAW,CAAC,CAAC;QACpC,UAAU,EAAE,SAAS,CAAC,MAAM,CAAC,WAAW,CAAC,CAAC;QAC1C,qBAAqB,CAAC,SAAS,CAAC,CAAC;IACnC,CAAC,CAAC,CAAC;IAEH,MAAM,EAAE,gBAAgB,CAAC,OAAO,EAAE,GAAG,EAAE;QACrC,YAAY,CAAC,SAAS,EAAE,IAAI,EAAE,KAAK,EAAE,UAAU,CAAC,KAAK,EAAE,UAAU,CAAC,KAAK,CAAC,CAAC;IAC3E,CAAC,CAAC,CAAC;IAEH,eAAe;IACf,MAAM,QAAQ,CAAC,SAAS,EAAE,MAAM,EAAE,cAAc,CAAC,CAAC;IAClD,IAAI,cAAc,KAAK,UAAU;QAAE,OAAO;IAC1C,MAAM,YAAY,CAAC,SAAS,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,EAAE,EAAE,CAAC,CAAC;AACzD,CAAC;AAED,KAAK,UAAU,QAAQ,CAAC,SAAS,EAAE,MAAM,EAAE,cAAc;IACvD,IAAI,CAAC,MAAM;QAAE,OAAO;IACpB,IAAI,CAAC;QACH,MAAM,UAAU,GAAG,IAAI,eAAe,EAAE,CAAC;QAAC,WAAW,GAAG,UAAU,CAAC;QACnE,MAAM,GAAG,GAAG,MAAM,KAAK,CAAC,sBAAsB,GAAG,kBAAkB,CAAC,MAAM,CAAC,EAAE,EAAE,MAAM,EAAE,UAAU,CAAC,MAAM,EAAE,CAAC,CAAC;QAC5G,IAAI,GAAG,CAAC,EAAE,EAAE,CAAC;YACX,MAAM,IAAI,GAAG,MAAM,GAAG,CAAC,IAAI,EAAE,CAAC;YAC9B,IAAI,cAAc,KAAK,UAAU;gBAAE,OAAO;YAC1C,WAAW,GAAG,IAAI,CAAC;YACnB,MAAM,UAAU,GAAG,SAAS,CAAC,aAAa,CAAC,iBAAiB,CAAC,CAAC;YAC9D,MAAM,UAAU,GAAG,SAAS,CAAC,aAAa,CAAC,iBAAiB,CAAC,CAAC;YAC9D,IAAI,UAAU,IAAI,WAAW,CAAC,QAAQ,EAAE,MAAM,EAAE,CAAC;gBAC/C,UAAU,CAAC,SAAS,GAAG;;;YAGnB,WAAW,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,kBAAkB,UAAU,CAAC,CAAC,CAAC,KAAK,UAAU,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC;YACtG,CAAC,WAAW,CAAC,IAAI,IAAI,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,kBAAkB,UAAU,CAAC,CAAC,CAAC,UAAU,UAAU,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC;SAClH,CAAC;YACJ,CAAC;QACH,CAAC;IACH,CAAC;IAAC,OAAO,CAAC,EAAE,CAAC;QACX,0BAA0B;IAC5B,CAAC;AACH,CAAC;AAED,KAAK,UAAU,YAAY,CAAC,SAAS,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI;IAC5D,WAAW,EAAE,KAAK,EAAE,CAAC;IACrB,MAAM,UAAU,GAAG,IAAI,eAAe,EAAE,CAAC;IAAC,WAAW,GAAG,UAAU,CAAC;IACnE,MAAM,cAAc,GAAG,UAAU,CAAC;IAClC,WAAW,GAAG,IAAI,CAAC;IAAC,YAAY,GAAG,IAAI,CAAC;IACxC,MAAM,MAAM,GAAG,SAAS,CAAC,aAAa,CAAC,iBAAiB,CAAC,CAAC;IAC1D,IAAI,MAAM;QAAE,MAAM,CAAC,SAAS,GAAG,kEAAkE,CAAC;IAClG,MAAM,MAAM,GAAG,SAAS,CAAC,aAAa,CAAC,cAAc,CAAC,CAAC;IAAC,IAAI,MAAM;QAAE,MAAM,CAAC,WAAW,GAAG,GAAG,CAAC;IAC7F,MAAM,MAAM,GAAG,SAAS,CAAC,aAAa,CAAC,gBAAgB,CAAC,CAAC;IACzD,MAAM,SAAS,GAAG,SAAS,CAAC,aAAa,CAAC,kBAAkB,CAAC,CAAC;IAC9D,IAAI,MAAM;QAAE,MAAM,CAAC,SAAS,GAAG,yCAAyC,CAAC;IAEzE,IAAI,CAAC;QACH,MAAM,MAAM,GAAG,IAAI,eAAe,EAAE,CAAC;QACrC,IAAI,YAAY;YAAE,MAAM,CAAC,GAAG,CAAC,MAAM,EAAE,YAAY,CAAC,CAAC;QACnD,IAAI,IAAI;YAAE,MAAM,CAAC,GAAG,CAAC,MAAM,EAAE,IAAI,CAAC,CAAC;QACnC,IAAI,IAAI;YAAE,MAAM,CAAC,GAAG,CAAC,MAAM,EAAE,IAAI,CAAC,CAAC;QAEnC,MAAM,GAAG,GAAG,MAAM,KAAK,CAAC,YAAY,GAAG,MAAM,CAAC,QAAQ,EAAE,EAAE,EAAE,MAAM,EAAE,UAAU,CAAC,MAAM,EAAE,CAAC,CAAC;QACzF,MAAM,IAAI,GAAG,MAAM,GAAG,CAAC,IAAI,EAAE,CAAC;QAC9B,IAAI,UAAU,CAAC,MAAM,CAAC,OAAO,IAAI,cAAc,KAAK,UAAU;YAAE,OAAO;QACvE,IAAI,CAAC,GAAG,CAAC,EAAE;YAAE,MAAM,IAAI,KAAK,CAAC,IAAI,CAAC,KAAK,IAAI,yBAAyB,CAAC,CAAC;QACtE,WAAW,GAAG,IAAI,CAAC;QACnB,MAAM,KAAK,GAAG,WAAW,CAAC,KAAK,IAAI,EAAE,CAAC;QAEtC,IAAI,SAAS,EAAE,CAAC;YACd,SAAS,CAAC,SAAS,GAAG,MAAM,KAAK,CAAC,MAAM,sCAAsC,WAAW,CAAC,KAAK,EAAE,SAAS,IAAI,CAAC,mCAAmC,WAAW,CAAC,KAAK,EAAE,SAAS,IAAI,CAAC,SAAS,CAAC;QAC/L,CAAC;QAED,2CAA2C;QAC3C,2BAA2B,CAAC,SAAS,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,CAAC,CAAC;QAE3D,IAAI,CAAC,KAAK,CAAC,MAAM,EAAE,CAAC;YAClB,IAAI,MAAM;gBAAE,MAAM,CAAC,SAAS,GAAG,uEAAuE,CAAC;YACvG,MAAM,MAAM,GAAG,SAAS,CAAC,aAAa,CAAC,iBAAiB,CAAC,CAAC;YAC1D,IAAI,MAAM;gBAAE,MAAM,CAAC,SAAS,GAAG,6GAA6G,CAAC;YAC7I,OAAO;QACT,CAAC;QAED,YAAY,GAAG,KAAK,CAAC,CAAC,CAAC,CAAC,OAAO,IAAI,KAAK,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC;QACpD,eAAe,CAAC,SAAS,EAAE,KAAK,CAAC,CAAC;QAClC,qBAAqB,CAAC,SAAS,CAAC,CAAC;IACnC,CAAC;IAAC,OAAO,GAAG,EAAE,CAAC;QACb,IAAI,UAAU,CAAC,MAAM,CAAC,OAAO,IAAI,cAAc,KAAK,UAAU;YAAE,OAAO;QACvE,IAAI,SAAS;YAAE,SAAS,CAAC,WAAW,GAAG,aAAa,CAAC;QACrD,IAAI,MAAM;YAAE,MAAM,CAAC,SAAS,GAAG,gFAAgF,CAAC;QAChH,IAAI,MAAM;YAAE,MAAM,CAAC,SAAS,GAAG,8CAA8C,UAAU,CAAC,GAAG,CAAC,OAAO,CAAC,MAAM,CAAC;IAC7G,CAAC;AACH,CAAC;AAED,SAAS,2BAA2B,CAAC,SAAS,EAAE,SAAS,EAAE,IAAI,EAAE,KAAK;IACpE,MAAM,QAAQ,GAAG,SAAS,CAAC,aAAa,CAAC,cAAc,CAAC,CAAC;IACzD,MAAM,MAAM,GAAG,SAAS,CAAC,aAAa,CAAC,YAAY,CAAC,CAAC;IACrD,IAAI,CAAC,QAAQ,IAAI,CAAC,MAAM;QAAE,OAAO;IAEjC,IAAI,CAAC,SAAS,CAAC,MAAM,EAAE,CAAC;QACtB,QAAQ,CAAC,WAAW,GAAG,SAAS,CAAC;QACjC,MAAM,CAAC,WAAW,GAAG,+BAA+B,CAAC;QACrD,OAAO;IACT,CAAC;IAED,MAAM,aAAa,GAAG,IAAI,GAAG,CAAS,SAAS,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,OAAO,IAAI,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC;IACpF,MAAM,QAAQ,GAAG,IAAI,GAAG,EAAE,CAAC;IAC3B,MAAM,KAAK,GAAG,CAAC,GAAG,aAAa,CAAC,CAAC;IAEjC,OAAO,KAAK,CAAC,MAAM,EAAE,CAAC;QACpB,MAAM,IAAI,GAAG,KAAK,CAAC,KAAK,EAAE,CAAC;QAC3B,MAAM,UAAU,GAAG,KAAK,EAAE,SAAS,EAAE,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC;QAClD,KAAK,MAAM,GAAG,IAAI,UAAU,EAAE,CAAC;YAC7B,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,GAAG,CAAC,IAAI,CAAC,aAAa,CAAC,GAAG,CAAC,GAAG,CAAC,EAAE,CAAC;gBAClD,QAAQ,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;gBAClB,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;YAClB,CAAC;QACH,CAAC;IACH,CAAC;IAED,MAAM,UAAU,GAAG,IAAI,EAAE,KAAK,EAAE,MAAM,IAAI,CAAC,CAAC;IAC5C,MAAM,WAAW,GAAG,QAAQ,CAAC,IAAI,CAAC;IAClC,MAAM,GAAG,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,WAAW,GAAG,UAAU,CAAC,GAAG,GAAG,CAAC,CAAC;IAEzD,QAAQ,CAAC,SAAS,GAAG,MAAM,WAAW,kCAAkC,GAAG,IAAI,CAAC;IAChF,MAAM,CAAC,SAAS,GAAG,WAAW,GAAG,CAAC;QAChC,CAAC,CAAC,uBAAuB,WAAW,yBAAyB,WAAW,KAAK,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,GAAG,2BAA2B;QACpH,CAAC,CAAC,wDAAwD,CAAC;AAC/D,CAAC;AAED,SAAS,eAAe,CAAC,SAAS,EAAE,KAAK;IACvC,MAAM,MAAM,GAAG,SAAS,CAAC,aAAa,CAAC,gBAAgB,CAAC,CAAC;IACzD,IAAI,CAAC,MAAM;QAAE,OAAO;IAEpB,MAAM,CAAC,SAAS,GAAG,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE;QACjC,MAAM,IAAI,GAAG,CAAC,CAAC,OAAO,IAAI,CAAC,CAAC,OAAO,CAAC;QACpC,MAAM,UAAU,GAAG,IAAI,KAAK,YAAY,CAAC;QACzC,OAAO;mCACwB,UAAU,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,EAAE,gBAAgB,UAAU,CAAC,IAAI,CAAC;8CACpD,CAAC,CAAC,MAAM,KAAK,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,WAAW,EAAE;8CAC/C,UAAU,CAAC,IAAI,CAAC,KAAK,UAAU,CAAC,IAAI,CAAC;;oCAE/C,CAAC,CAAC,SAAS;oCACX,CAAC,CAAC,SAAS;;;KAG1C,CAAC;IACJ,CAAC,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;IAEZ,MAAM,CAAC,gBAAgB,CAAC,iBAAiB,CAAC,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,EAAE;QAC1D,IAAI,CAAC,gBAAgB,CAAC,OAAO,EAAE,GAAG,EAAE;YAClC,YAAY,GAAG,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC;YACjC,MAAM,CAAC,gBAAgB,CAAC,iBAAiB,CAAC,CAAC,OAAO,CAAC,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,CAAC,SAAS,CAAC,MAAM,CAAC,aAAa,CAAC,CAAC,CAAC;YAC/F,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,aAAa,CAAC,CAAC;YAClC,qBAAqB,CAAC,SAAS,CAAC,CAAC;QACnC,CAAC,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;AACL,CAAC;AAED,SAAS,qBAAqB,CAAC,SAAS;IACtC,MAAM,MAAM,GAAG,SAAS,CAAC,aAAa,CAAC,iBAAiB,CAAC,CAAC;IAC1D,IAAI,CAAC,MAAM,IAAI,CAAC,WAAW;QAAE,OAAO;IAEpC,MAAM,IAAI,GAAG,WAAW,CAAC,KAAK,EAAE,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,OAAO,IAAI,CAAC,CAAC,OAAO,CAAC,KAAK,YAAY,CAAC,CAAC;IACvF,IAAI,CAAC,IAAI,EAAE,CAAC;QACV,MAAM,CAAC,SAAS,GAAG,oEAAoE,CAAC;QACxF,OAAO;IACT,CAAC;IAED,MAAM,SAAS,GAAG,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE;QACxC,IAAI,QAAQ,KAAK,OAAO,EAAE,CAAC;YACzB,OAAO,eAAe,CAAC,IAAI,CAAC,CAAC;QAC/B,CAAC;QACD,OAAO,iBAAiB,CAAC,IAAI,CAAC,CAAC;IACjC,CAAC,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;IAEZ,MAAM,CAAC,SAAS,GAAG;;;wCAGmB,UAAU,CAAC,IAAI,CAAC,OAAO,IAAI,IAAI,CAAC,OAAO,CAAC;uCACzC,IAAI,CAAC,KAAK,CAAC,MAAM,QAAQ,IAAI,CAAC,KAAK,CAAC,MAAM,KAAK,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,GAAG,OAAO,IAAI,CAAC,SAAS,KAAK,IAAI,CAAC,SAAS;;;UAGhI,SAAS,IAAI,mEAAmE;;;GAGvF,CAAC;AACJ,CAAC;AAED,SAAS,iBAAiB,CAAC,IAAI;IAC7B,IAAI,OAAO,GAAG,IAAI,CAAC,QAAQ,CAAC;IAC5B,IAAI,OAAO,GAAG,IAAI,CAAC,QAAQ,CAAC;IAE5B,MAAM,SAAS,GAAG,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE;QACxC,IAAI,MAAM,GAAoB,EAAE,CAAC;QACjC,IAAI,MAAM,GAAoB,EAAE,CAAC;QAEjC,IAAI,IAAI,CAAC,IAAI,KAAK,KAAK,EAAE,CAAC;YACxB,MAAM,GAAG,OAAO,EAAE,CAAC;QACrB,CAAC;aAAM,IAAI,IAAI,CAAC,IAAI,KAAK,KAAK,EAAE,CAAC;YAC/B,MAAM,GAAG,OAAO,EAAE,CAAC;QACrB,CAAC;aAAM,CAAC;YACN,MAAM,GAAG,OAAO,EAAE,CAAC;YACnB,MAAM,GAAG,OAAO,EAAE,CAAC;QACrB,CAAC;QAED,MAAM,IAAI,GAAG,IAAI,CAAC,IAAI,KAAK,KAAK,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,KAAK,KAAK,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC;QAE3E,OAAO;mCACwB,IAAI,CAAC,IAAI;uCACL,MAAM;uCACN,MAAM;kCACX,IAAI;kCACJ,UAAU,CAAC,IAAI,CAAC,IAAI,CAAC;;KAElD,CAAC;IACJ,CAAC,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;IAEZ,OAAO;;sCAE6B,UAAU,CAAC,IAAI,CAAC,MAAM,CAAC;QACrD,SAAS;;GAEd,CAAC;AACJ,CAAC;AAED,SAAS,eAAe,CAAC,IAAI;IAC3B,IAAI,OAAO,GAAG,IAAI,CAAC,QAAQ,CAAC;IAC5B,IAAI,OAAO,GAAG,IAAI,CAAC,QAAQ,CAAC;IAE5B,MAAM,IAAI,GAAG,EAAE,CAAC;IAChB,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE,CAAC;QAC3C,MAAM,IAAI,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;QAC3B,IAAI,IAAI,CAAC,IAAI,KAAK,KAAK,EAAE,CAAC;YACxB,MAAM,MAAM,GAAG,OAAO,EAAE,CAAC;YACzB,uBAAuB;YACvB,MAAM,IAAI,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC;YAC/B,IAAI,IAAI,IAAI,IAAI,CAAC,IAAI,KAAK,KAAK,EAAE,CAAC;gBAChC,MAAM,MAAM,GAAG,OAAO,EAAE,CAAC;gBACzB,IAAI,CAAC,IAAI,CAAC;;qEAEmD,MAAM,mCAAmC,UAAU,CAAC,IAAI,CAAC,IAAI,CAAC;qEAC9D,MAAM,mCAAmC,UAAU,CAAC,IAAI,CAAC,IAAI,CAAC;;SAE1H,CAAC,CAAC;gBACH,CAAC,EAAE,CAAC;YACN,CAAC;iBAAM,CAAC;gBACN,IAAI,CAAC,IAAI,CAAC;;qEAEmD,MAAM,mCAAmC,UAAU,CAAC,IAAI,CAAC,IAAI,CAAC;;;SAG1H,CAAC,CAAC;YACL,CAAC;QACH,CAAC;aAAM,IAAI,IAAI,CAAC,IAAI,KAAK,KAAK,EAAE,CAAC;YAC/B,MAAM,MAAM,GAAG,OAAO,EAAE,CAAC;YACzB,IAAI,CAAC,IAAI,CAAC;;;mEAGmD,MAAM,mCAAmC,UAAU,CAAC,IAAI,CAAC,IAAI,CAAC;;OAE1H,CAAC,CAAC;QACL,CAAC;aAAM,CAAC;YACN,MAAM,IAAI,GAAG,OAAO,EAAE,CAAC;YACvB,MAAM,IAAI,GAAG,OAAO,EAAE,CAAC;YACvB,IAAI,CAAC,IAAI,CAAC;;uEAEuD,IAAI,mCAAmC,UAAU,CAAC,IAAI,CAAC,IAAI,CAAC;uEAC5D,IAAI,mCAAmC,UAAU,CAAC,IAAI,CAAC,IAAI,CAAC;;OAE5H,CAAC,CAAC;QACL,CAAC;IACH,CAAC;IAED,OAAO;;sCAE6B,UAAU,CAAC,IAAI,CAAC,MAAM,CAAC;sCACvB,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC;;GAEhD,CAAC;AACJ,CAAC","sourcesContent":["// PR / Branch Diff & Blast Radius View.\n// Renders side-by-side / unified git diffs and calculates downstream architectural blast radius.\n\nimport { escapeHtml } from './html.js';\n\nlet activeScanId = null;\nlet currentDiff = null;\nlet currentRefs = null;\nlet selectedFile = null;\nlet generation = 0;\nlet diffRequest: AbortController | null = null;\nlet refsRequest: AbortController | null = null;\nexport function stopDiff() { generation++; diffRequest?.abort(); refsRequest?.abort(); }\nlet diffMode = 'unified'; // 'unified' | 'split'\n\nexport async function renderDiffView(container, { scan, facts, scanId }) {\n  stopDiff();\n  const viewGeneration = generation;\n  currentDiff = null;\n  if (!container) return;\n  activeScanId = scanId;\n\n  container.innerHTML = `\n    <div class=\"diff-layout\">\n      <header class=\"diff-header\">\n        <div class=\"diff-ref-selectors\">\n          <div class=\"diff-select-group\">\n            <span class=\"diff-select-label\">Base:</span>\n            <select class=\"diff-select\" id=\"diffBaseSelect\">\n              <option value=\"HEAD\">HEAD (committed)</option>\n              <option value=\"HEAD~1\">HEAD~1 (previous commit)</option>\n              <option value=\"main\">main</option>\n            </select>\n          </div>\n          <span class=\"diff-arrow\">←</span>\n          <div class=\"diff-select-group\">\n            <span class=\"diff-select-label\">Compare (Head):</span>\n            <select class=\"diff-select\" id=\"diffHeadSelect\">\n              <option value=\"\">Working Tree (Uncommitted)</option>\n              <option value=\"HEAD\">HEAD</option>\n            </select>\n          </div>\n          <button class=\"btn btn-ink btn-sm\" id=\"diffRunBtn\">Compare</button>\n        </div>\n        <div class=\"diff-view-modes\">\n          <button class=\"btn btn-ghost btn-sm is-active\" id=\"diffModeUnified\">Unified</button>\n          <button class=\"btn btn-ghost btn-sm\" id=\"diffModeSplit\">Split</button>\n        </div>\n      </header>\n\n      <div class=\"diff-body\">\n        <!-- Sidebar: Changed Files & Blast Radius -->\n        <aside class=\"diff-sidebar\">\n          <div class=\"diff-sidebar-head\">\n            <h4>Changed Files</h4>\n            <span class=\"diff-stat-chip\" id=\"diffSummaryChip\">Loading…</span>\n          </div>\n\n          <!-- Blast Radius Impact Overview -->\n          <div class=\"blast-radius-box\" id=\"blastRadiusBox\">\n            <div class=\"br-title\">Downstream Blast Radius</div>\n            <div class=\"br-metric\" id=\"blastMetric\">—</div>\n            <div class=\"br-desc\" id=\"blastDesc\">Analyzing impacted dependent modules…</div>\n          </div>\n\n          <div class=\"diff-files-list\" id=\"diffFilesList\">\n            <p class=\"diff-empty\">Fetching diff…</p>\n          </div>\n        </aside>\n\n        <!-- Main: Diff Viewer -->\n        <main class=\"diff-content\" id=\"diffViewerMain\">\n          <div class=\"diff-placeholder\">Select a file to inspect diff hunks.</div>\n        </main>\n      </div>\n    </div>\n  `;\n\n  // Wire controls\n  const baseSelect = container.querySelector('#diffBaseSelect');\n  const headSelect = container.querySelector('#diffHeadSelect');\n  const runBtn = container.querySelector('#diffRunBtn');\n  const unifiedBtn = container.querySelector('#diffModeUnified');\n  const splitBtn = container.querySelector('#diffModeSplit');\n\n  unifiedBtn?.addEventListener('click', () => {\n    diffMode = 'unified';\n    unifiedBtn.classList.add('is-active');\n    splitBtn?.classList.remove('is-active');\n    renderCurrentFileDiff(container);\n  });\n\n  splitBtn?.addEventListener('click', () => {\n    diffMode = 'split';\n    splitBtn.classList.add('is-active');\n    unifiedBtn?.classList.remove('is-active');\n    renderCurrentFileDiff(container);\n  });\n\n  runBtn?.addEventListener('click', () => {\n    loadDiffData(container, scan, facts, baseSelect.value, headSelect.value);\n  });\n\n  // Initial load\n  await loadRefs(container, scanId, viewGeneration);\n  if (viewGeneration !== generation) return;\n  await loadDiffData(container, scan, facts, 'HEAD', '');\n}\n\nasync function loadRefs(container, scanId, viewGeneration) {\n  if (!scanId) return;\n  try {\n    const controller = new AbortController(); refsRequest = controller;\n    const res = await fetch('/api/diff/refs?scan=' + encodeURIComponent(scanId), { signal: controller.signal });\n    if (res.ok) {\n      const data = await res.json();\n      if (viewGeneration !== generation) return;\n      currentRefs = data;\n      const baseSelect = container.querySelector('#diffBaseSelect');\n      const headSelect = container.querySelector('#diffHeadSelect');\n      if (baseSelect && currentRefs.branches?.length) {\n        baseSelect.innerHTML = `\n          <option value=\"HEAD\">HEAD</option>\n          <option value=\"HEAD~1\">HEAD~1 (previous commit)</option>\n          ${currentRefs.branches.map((b) => `<option value=\"${escapeHtml(b)}\">${escapeHtml(b)}</option>`).join('')}\n          ${(currentRefs.tags || []).map((t) => `<option value=\"${escapeHtml(t)}\">tag: ${escapeHtml(t)}</option>`).join('')}\n        `;\n      }\n    }\n  } catch (e) {\n    /* fallback to defaults */\n  }\n}\n\nasync function loadDiffData(container, scan, facts, base, head) {\n  diffRequest?.abort();\n  const controller = new AbortController(); diffRequest = controller;\n  const viewGeneration = generation;\n  currentDiff = null; selectedFile = null;\n  const mainEl = container.querySelector('#diffViewerMain');\n  if (mainEl) mainEl.innerHTML = '<div class=\"diff-placeholder\">Reading selected comparison…</div>';\n  const metric = container.querySelector('#blastMetric'); if (metric) metric.textContent = '—';\n  const listEl = container.querySelector('#diffFilesList');\n  const summaryEl = container.querySelector('#diffSummaryChip');\n  if (listEl) listEl.innerHTML = '<p class=\"diff-empty\">Loading diff…</p>';\n\n  try {\n    const params = new URLSearchParams();\n    if (activeScanId) params.set('scan', activeScanId);\n    if (base) params.set('base', base);\n    if (head) params.set('head', head);\n\n    const res = await fetch('/api/diff?' + params.toString(), { signal: controller.signal });\n    const data = await res.json();\n    if (controller.signal.aborted || viewGeneration !== generation) return;\n    if (!res.ok) throw new Error(data.error || 'Comparison unavailable.');\n    currentDiff = data;\n    const files = currentDiff.files || [];\n\n    if (summaryEl) {\n      summaryEl.innerHTML = `<b>${files.length}</b> files <span class=\"diff-add\">+${currentDiff.stats?.additions || 0}</span> <span class=\"diff-del\">-${currentDiff.stats?.deletions || 0}</span>`;\n    }\n\n    // Compute blast radius from modified files\n    computeAndRenderBlastRadius(container, files, scan, facts);\n\n    if (!files.length) {\n      if (listEl) listEl.innerHTML = '<p class=\"diff-empty\">No differences between selected references.</p>';\n      const mainEl = container.querySelector('#diffViewerMain');\n      if (mainEl) mainEl.innerHTML = '<div class=\"diff-placeholder\">No changes in this comparison. Untracked files are available in Review.</div>';\n      return;\n    }\n\n    selectedFile = files[0].newPath || files[0].oldPath;\n    renderFilesList(container, files);\n    renderCurrentFileDiff(container);\n  } catch (err) {\n    if (controller.signal.aborted || viewGeneration !== generation) return;\n    if (summaryEl) summaryEl.textContent = 'Unavailable';\n    if (mainEl) mainEl.innerHTML = '<div class=\"diff-placeholder\">Choose valid references and compare again.</div>';\n    if (listEl) listEl.innerHTML = `<p class=\"diff-empty\">Failed to load diff: ${escapeHtml(err.message)}</p>`;\n  }\n}\n\nfunction computeAndRenderBlastRadius(container, diffFiles, scan, facts) {\n  const metricEl = container.querySelector('#blastMetric');\n  const descEl = container.querySelector('#blastDesc');\n  if (!metricEl || !descEl) return;\n\n  if (!diffFiles.length) {\n    metricEl.textContent = '0 files';\n    descEl.textContent = 'No modified files to analyze.';\n    return;\n  }\n\n  const modifiedPaths = new Set<string>(diffFiles.map((f) => f.newPath || f.oldPath));\n  const impacted = new Set();\n  const queue = [...modifiedPaths];\n\n  while (queue.length) {\n    const curr = queue.shift();\n    const dependents = facts?.importers?.[curr] || [];\n    for (const dep of dependents) {\n      if (!impacted.has(dep) && !modifiedPaths.has(dep)) {\n        impacted.add(dep);\n        queue.push(dep);\n      }\n    }\n  }\n\n  const totalFiles = scan?.files?.length || 1;\n  const impactCount = impacted.size;\n  const pct = Math.round((impactCount / totalFiles) * 100);\n\n  metricEl.innerHTML = `<b>${impactCount}</b> dependent files affected (${pct}%)`;\n  descEl.innerHTML = impactCount > 0\n    ? `Directly impacts <b>${impactCount}</b> downstream module${impactCount === 1 ? '' : 's'} across the import graph.`\n    : `Self-contained change: no downstream imports affected.`;\n}\n\nfunction renderFilesList(container, files) {\n  const listEl = container.querySelector('#diffFilesList');\n  if (!listEl) return;\n\n  listEl.innerHTML = files.map((f) => {\n    const path = f.newPath || f.oldPath;\n    const isSelected = path === selectedFile;\n    return `\n      <div class=\"diff-file-item ${isSelected ? 'is-selected' : ''}\" data-path=\"${escapeHtml(path)}\">\n        <span class=\"diff-file-badge status-${f.status}\">${f.status.slice(0, 1).toUpperCase()}</span>\n        <span class=\"diff-file-path\" title=\"${escapeHtml(path)}\">${escapeHtml(path)}</span>\n        <span class=\"diff-file-counts\">\n          <span class=\"diff-add\">+${f.additions}</span>\n          <span class=\"diff-del\">-${f.deletions}</span>\n        </span>\n      </div>\n    `;\n  }).join('');\n\n  listEl.querySelectorAll('.diff-file-item').forEach((item) => {\n    item.addEventListener('click', () => {\n      selectedFile = item.dataset.path;\n      listEl.querySelectorAll('.diff-file-item').forEach((el) => el.classList.remove('is-selected'));\n      item.classList.add('is-selected');\n      renderCurrentFileDiff(container);\n    });\n  });\n}\n\nfunction renderCurrentFileDiff(container) {\n  const mainEl = container.querySelector('#diffViewerMain');\n  if (!mainEl || !currentDiff) return;\n\n  const file = currentDiff.files?.find((f) => (f.newPath || f.oldPath) === selectedFile);\n  if (!file) {\n    mainEl.innerHTML = '<div class=\"diff-placeholder\">Select a file to inspect diff.</div>';\n    return;\n  }\n\n  const hunksHtml = file.hunks.map((hunk) => {\n    if (diffMode === 'split') {\n      return renderSplitHunk(hunk);\n    }\n    return renderUnifiedHunk(hunk);\n  }).join('');\n\n  mainEl.innerHTML = `\n    <div class=\"diff-file-card\">\n      <div class=\"diff-file-card-head\">\n        <span class=\"diff-card-title\">${escapeHtml(file.newPath || file.oldPath)}</span>\n        <span class=\"diff-card-meta\">${file.hunks.length} hunk${file.hunks.length === 1 ? '' : 's'} · +${file.additions} -${file.deletions}</span>\n      </div>\n      <div class=\"diff-hunks-body\">\n        ${hunksHtml || '<div class=\"diff-empty-hunk\">Binary file or metadata change</div>'}\n      </div>\n    </div>\n  `;\n}\n\nfunction renderUnifiedHunk(hunk) {\n  let oldLine = hunk.oldStart;\n  let newLine = hunk.newStart;\n\n  const linesHtml = hunk.lines.map((line) => {\n    let oldNum: string | number = '';\n    let newNum: string | number = '';\n\n    if (line.type === 'del') {\n      oldNum = oldLine++;\n    } else if (line.type === 'add') {\n      newNum = newLine++;\n    } else {\n      oldNum = oldLine++;\n      newNum = newLine++;\n    }\n\n    const sign = line.type === 'add' ? '+' : (line.type === 'del' ? '-' : ' ');\n\n    return `\n      <div class=\"diff-line line-${line.type}\">\n        <span class=\"diff-ln old-ln\">${oldNum}</span>\n        <span class=\"diff-ln new-ln\">${newNum}</span>\n        <span class=\"diff-sign\">${sign}</span>\n        <span class=\"diff-code\">${escapeHtml(line.text)}</span>\n      </div>\n    `;\n  }).join('');\n\n  return `\n    <div class=\"diff-hunk\">\n      <div class=\"diff-hunk-header\">${escapeHtml(hunk.header)}</div>\n      ${linesHtml}\n    </div>\n  `;\n}\n\nfunction renderSplitHunk(hunk) {\n  let oldLine = hunk.oldStart;\n  let newLine = hunk.newStart;\n\n  const rows = [];\n  for (let i = 0; i < hunk.lines.length; i++) {\n    const line = hunk.lines[i];\n    if (line.type === 'del') {\n      const delNum = oldLine++;\n      // Check if next is add\n      const next = hunk.lines[i + 1];\n      if (next && next.type === 'add') {\n        const addNum = newLine++;\n        rows.push(`\n          <div class=\"split-diff-row\">\n            <div class=\"split-pane line-del\"><span class=\"diff-ln\">${delNum}</span><span class=\"diff-code\">-${escapeHtml(line.text)}</span></div>\n            <div class=\"split-pane line-add\"><span class=\"diff-ln\">${addNum}</span><span class=\"diff-code\">+${escapeHtml(next.text)}</span></div>\n          </div>\n        `);\n        i++;\n      } else {\n        rows.push(`\n          <div class=\"split-diff-row\">\n            <div class=\"split-pane line-del\"><span class=\"diff-ln\">${delNum}</span><span class=\"diff-code\">-${escapeHtml(line.text)}</span></div>\n            <div class=\"split-pane line-empty\"></div>\n          </div>\n        `);\n      }\n    } else if (line.type === 'add') {\n      const addNum = newLine++;\n      rows.push(`\n        <div class=\"split-diff-row\">\n          <div class=\"split-pane line-empty\"></div>\n          <div class=\"split-pane line-add\"><span class=\"diff-ln\">${addNum}</span><span class=\"diff-code\">+${escapeHtml(line.text)}</span></div>\n        </div>\n      `);\n    } else {\n      const oNum = oldLine++;\n      const nNum = newLine++;\n      rows.push(`\n        <div class=\"split-diff-row\">\n          <div class=\"split-pane line-context\"><span class=\"diff-ln\">${oNum}</span><span class=\"diff-code\"> ${escapeHtml(line.text)}</span></div>\n          <div class=\"split-pane line-context\"><span class=\"diff-ln\">${nNum}</span><span class=\"diff-code\"> ${escapeHtml(line.text)}</span></div>\n        </div>\n      `);\n    }\n  }\n\n  return `\n    <div class=\"diff-hunk\">\n      <div class=\"diff-hunk-header\">${escapeHtml(hunk.header)}</div>\n      <div class=\"split-diff-table\">${rows.join('')}</div>\n    </div>\n  `;\n}\n"]}

package/public/js/docsView.d.ts

@@ -0,0 +1,2 @@
+export declare function initDocs(options: any): void;
+export declare function renderDocs(): void;