From a9f97401e1b5b56b9fa606f5f0f337dad468c5eb Mon Sep 17 00:00:00 2001
From: "copilot-swe-agent[bot]" <198982749+Copilot@users.noreply.github.com>
Date: Sat, 8 Aug 2026 07:29:29 +0000
Subject: [PATCH 01/10] Initial plan


From 9c049007db02db4694b8b9a1435047c5af94ba89 Mon Sep 17 00:00:00 2001
From: "copilot-swe-agent[bot]" <198982749+Copilot@users.noreply.github.com>
Date: Sat, 8 Aug 2026 07:37:14 +0000
Subject: [PATCH 02/10] fix: escape </script> in webview content and add
 structured logging
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Patch files can contain </script> (e.g. when patching HTML files).
JSON.stringify does not escape this, so the HTML parser would close the
<script> tag early, causing a silent syntax error that prevents all
JavaScript from executing — resulting in a blank view with non-functional
tab and button clicks.

Fix: escape '</' as '<\/' (and '<!--' as '<\!--') in the serialised
content before embedding it in the script block. These replacements keep
the JavaScript string value identical at runtime while being opaque to
the HTML parser.

Also:
- Add logInfo/logWarn methods alongside the existing logError
- Add webview-side logInfo/logWarn/logError helpers that forward to the
  VS Code output channel via postMessage
- Handle 'log' and 'warn' message types in resolveCustomTextEditor
- Wrap contentChanged apply-edit in try/catch with logging
- Add lifecycle logging: editor open, asset resolution, view mode
  changes, document updates, theme changes, and all renderDiff failure
  paths
- Guard renderDiff against a null diffOutput element

Co-authored-by: unknowIfGuestInDream <57802425+unknowIfGuestInDream@users.noreply.github.com>
---
 src/patchEditorProvider.ts | 118 +++++++++++++++++++++++++++----------
 1 file changed, 87 insertions(+), 31 deletions(-)

diff --git a/src/patchEditorProvider.ts b/src/patchEditorProvider.ts
index f4cecf4..0dae9bf 100644
--- a/src/patchEditorProvider.ts
+++ b/src/patchEditorProvider.ts
@@ -55,6 +55,24 @@ export class PatchEditorProvider implements vscode.CustomTextEditorProvider {
         }
     }
     
+    /**
+     * Log info message to output channel
+     */
+    private logInfo(message: string): void {
+        const timestamp = new Date().toISOString();
+        PatchEditorProvider.outputChannel?.appendLine(`[${timestamp}] INFO: ${message}`);
+    }
+
+    /**
+     * Log warning message to output channel
+     */
+    private logWarn(message: string, detail?: unknown): void {
+        const timestamp = new Date().toISOString();
+        const detailMessage = detail instanceof Error ? detail.message : (detail ? String(detail) : '');
+        const logMessage = detailMessage ? `[${timestamp}] WARN: ${message} - ${detailMessage}` : `[${timestamp}] WARN: ${message}`;
+        PatchEditorProvider.outputChannel?.appendLine(logMessage);
+    }
+
     /**
      * Log error message to output channel
      */
@@ -90,11 +108,14 @@ export class PatchEditorProvider implements vscode.CustomTextEditorProvider {
         _token: vscode.CancellationToken
     ): Promise<void> {
         this.activeWebviewPanel = webviewPanel;
+        this.logInfo(`Opening patch editor for: ${document.uri.fsPath}`);
 
         // Setup webview options
         const diff2htmlAssetDirectory = resolveDiff2HtmlAssetDirectory(this.context.extensionUri.fsPath);
         if (!hasDiff2HtmlAssets(diff2htmlAssetDirectory)) {
             this.logError(`Diff2Html assets were not found in ${diff2htmlAssetDirectory}`);
+        } else {
+            this.logInfo(`Using diff2html assets from: ${diff2htmlAssetDirectory}`);
         }
 
         const diff2htmlAssetRoot = vscode.Uri.file(diff2htmlAssetDirectory);
@@ -127,19 +148,30 @@ export class PatchEditorProvider implements vscode.CustomTextEditorProvider {
             switch (message.type) {
                 case 'viewModeChanged':
                     this.currentViewMode = message.viewMode;
+                    this.logInfo(`View mode changed to: ${message.viewMode}`);
+                    break;
+                case 'log':
+                    this.logInfo(`[Webview] ${message.message}`);
+                    break;
+                case 'warn':
+                    this.logWarn(`[Webview] ${message.message}`);
                     break;
                 case 'error':
-                    this.logError(message.message, message.error);
+                    this.logError(`[Webview] ${message.message}`, message.error);
                     break;
                 case 'contentChanged': {
                     // Apply edits from the webview to the document
-                    const edit = new vscode.WorkspaceEdit();
-                    const fullRange = new vscode.Range(
-                        document.positionAt(0),
-                        document.positionAt(document.getText().length)
-                    );
-                    edit.replace(document.uri, fullRange, message.content);
-                    await vscode.workspace.applyEdit(edit);
+                    try {
+                        const edit = new vscode.WorkspaceEdit();
+                        const fullRange = new vscode.Range(
+                            document.positionAt(0),
+                            document.positionAt(document.getText().length)
+                        );
+                        edit.replace(document.uri, fullRange, message.content);
+                        await vscode.workspace.applyEdit(edit);
+                    } catch (err) {
+                        this.logError('Failed to apply content edit to document', err);
+                    }
                     break;
                 }
             }
@@ -196,6 +228,18 @@ export class PatchEditorProvider implements vscode.CustomTextEditorProvider {
     ): string {
         const nonce = getNonce();
 
+        // Safely embed content as a JS string literal inside a <script> block.
+        // JSON.stringify alone is not safe: if the patch content contains "</script>"
+        // the HTML parser will close the <script> tag early, causing a syntax error
+        // that silently prevents all JavaScript (event listeners, rendering) from
+        // running — resulting in a blank view with non-functional buttons.
+        // Escaping "</" as "<\/" keeps the string value intact while making it
+        // opaque to the HTML parser. We also escape "<!--" to prevent accidental
+        // HTML comment injection.
+        const safeContentJson = JSON.stringify(content)
+            .replace(/<\//g, '<\\/')
+            .replace(/<!--/g, '<\\!--');
+
         return /* html */`
 <!DOCTYPE html>
 <html lang="en">
@@ -690,6 +734,17 @@ export class PatchEditorProvider implements vscode.CustomTextEditorProvider {
         (function() {
             const vscode = acquireVsCodeApi();
             
+            // Logging helpers — forward messages to the VS Code output channel
+            function logInfo(message) {
+                vscode.postMessage({ type: 'log', message: message });
+            }
+            function logWarn(message) {
+                vscode.postMessage({ type: 'warn', message: message });
+            }
+            function logError(message, error) {
+                vscode.postMessage({ type: 'error', message: message, error: error instanceof Error ? error.message : String(error || '') });
+            }
+            
             // DOM elements
             const diffOutput = document.getElementById('diff-output');
             const contentOutput = document.getElementById('content-output');
@@ -697,8 +752,15 @@ export class PatchEditorProvider implements vscode.CustomTextEditorProvider {
             const tabs = document.querySelectorAll('.tab');
             const viewBtns = document.querySelectorAll('.view-btn');
             
+            if (!diffOutput) {
+                logError('Failed to find #diff-output element in DOM');
+            }
+            if (!contentOutput) {
+                logError('Failed to find #content-output element in DOM');
+            }
+            
             // State
-            let currentContent = ${JSON.stringify(content)};
+            let currentContent = ${safeContentJson};
             let currentViewMode = 'side-by-side';
             let renderDebounceTimer = null;
             
@@ -717,6 +779,7 @@ export class PatchEditorProvider implements vscode.CustomTextEditorProvider {
             
             // Initialize
             function init() {
+                logInfo('Initializing patch viewer');
                 bindEvents();
                 renderDiff();
                 updateContentTab();
@@ -758,15 +821,18 @@ export class PatchEditorProvider implements vscode.CustomTextEditorProvider {
                     const message = event.data;
                     switch (message.type) {
                         case 'update':
+                            logInfo('Document updated, re-rendering diff');
                             currentContent = message.content;
                             renderDiff();
                             updateContentTab();
                             break;
                         case 'themeChanged':
+                            logInfo('Theme changed to kind: ' + message.kind);
                             applyTheme(message.kind);
                             renderDiff();
                             break;
                         case 'setViewMode':
+                            logInfo('View mode set to: ' + message.viewMode);
                             setViewMode(message.viewMode, false);
                             break;
                     }
@@ -922,7 +988,12 @@ export class PatchEditorProvider implements vscode.CustomTextEditorProvider {
             
             // Render diff using diff2html
             function renderDiff() {
+                if (!diffOutput) {
+                    logError('Cannot render diff: #diff-output element not found');
+                    return;
+                }
                 if (!currentContent || !currentContent.trim()) {
+                    logInfo('No diff content to display');
                     diffOutput.innerHTML = '<div class="placeholder">No diff content to display</div>';
                     return;
                 }
@@ -931,11 +1002,7 @@ export class PatchEditorProvider implements vscode.CustomTextEditorProvider {
                 const Diff2HtmlLib = typeof Diff2Html !== 'undefined' ? Diff2Html : window.Diff2Html;
                 if (!Diff2HtmlLib) {
                     const errorMsg = 'Diff2Html library is not loaded. Please reload the editor.';
-                    vscode.postMessage({
-                        type: 'error',
-                        message: 'Failed to render diff',
-                        error: 'Diff2Html is not defined'
-                    });
+                    logError('Failed to render diff', 'Diff2Html is not defined — check that the extension assets are correctly installed');
                     diffOutput.innerHTML = '<div class="placeholder">' + errorMsg + '</div>';
                     return;
                 }
@@ -954,11 +1021,7 @@ export class PatchEditorProvider implements vscode.CustomTextEditorProvider {
                     // Check if parsing produced valid results with actual changes
                     if (!diffJson || diffJson.length === 0) {
                         const errorMsg = 'Unable to parse diff content. Please check if the content is a valid diff/patch format.';
-                        vscode.postMessage({
-                            type: 'error',
-                            message: errorMsg,
-                            error: 'Diff2Html.parse returned empty result'
-                        });
+                        logWarn('Diff2Html.parse returned an empty result for the provided content');
                         diffOutput.innerHTML = '<div class="placeholder">' + errorMsg + '</div>';
                         return;
                     }
@@ -967,15 +1030,13 @@ export class PatchEditorProvider implements vscode.CustomTextEditorProvider {
                     const hasValidBlocks = diffJson.some(file => file.blocks && file.blocks.length > 0);
                     if (!hasValidBlocks) {
                         const errorMsg = 'No valid diff blocks found. The content may not be in the expected diff/patch format.';
-                        vscode.postMessage({
-                            type: 'error',
-                            message: errorMsg,
-                            error: 'No blocks found in parsed diff'
-                        });
+                        logWarn('No diff blocks found in parsed result — ' + diffJson.length + ' file(s) parsed but none had content blocks');
                         diffOutput.innerHTML = '<div class="placeholder">' + errorMsg + '</div>';
                         return;
                     }
                     
+                    logInfo('Rendering diff: ' + diffJson.length + ' file(s), format=' + outputFormat);
+                    
                     // Generate HTML from parsed diff
                     const html = Diff2HtmlLib.html(diffJson, {
                         inputFormat: 'json',
@@ -993,6 +1054,7 @@ export class PatchEditorProvider implements vscode.CustomTextEditorProvider {
                     
                     // Check if HTML output is empty
                     if (!html || html.trim() === '') {
+                        logWarn('Diff2Html.html returned empty output for ' + diffJson.length + ' parsed file(s)');
                         diffOutput.innerHTML = '<div class="placeholder">Failed to generate diff view. The content could not be rendered.</div>';
                         return;
                     }
@@ -1008,13 +1070,7 @@ export class PatchEditorProvider implements vscode.CustomTextEditorProvider {
                     setupViewedCheckboxes();
                 } catch (error) {
                     const errorMessage = 'An error occurred while rendering the diff. Please check if the content is a valid diff/patch format.';
-                    console.error('Failed to render diff:', error);
-                    // Send error to VS Code output channel
-                    vscode.postMessage({
-                        type: 'error',
-                        message: 'Failed to render diff',
-                        error: error instanceof Error ? error.message : String(error)
-                    });
+                    logError('Failed to render diff', error);
                     diffOutput.innerHTML = '<div class="placeholder">' + errorMessage + '</div>';
                 }
             }

From 385caebf119ea821a88686e9a5f5ecb245cf438c Mon Sep 17 00:00:00 2001
From: "copilot-swe-agent[bot]" <198982749+Copilot@users.noreply.github.com>
Date: Sat, 8 Aug 2026 08:01:26 +0000
Subject: [PATCH 03/10] fix: remove hasValidBlocks guard; add HighContrastLight
 theme; null-safe bindEvents; catch init errors

Co-authored-by: unknowIfGuestInDream <57802425+unknowIfGuestInDream@users.noreply.github.com>
---
 src/patchEditorProvider.ts | 51 ++++++++++++++++++++------------------
 1 file changed, 27 insertions(+), 24 deletions(-)

diff --git a/src/patchEditorProvider.ts b/src/patchEditorProvider.ts
index 0dae9bf..349e272 100644
--- a/src/patchEditorProvider.ts
+++ b/src/patchEditorProvider.ts
@@ -804,17 +804,19 @@ export class PatchEditorProvider implements vscode.CustomTextEditorProvider {
                 });
                 
                 // Content editing - send changes to VS Code
-                contentOutput.addEventListener('input', () => {
-                    const newContent = contentOutput.value;
-                    if (newContent !== currentContent) {
-                        currentContent = newContent;
-                        vscode.postMessage({
-                            type: 'contentChanged',
-                            content: newContent
-                        });
-                        debouncedRenderDiff();
-                    }
-                });
+                if (contentOutput) {
+                    contentOutput.addEventListener('input', () => {
+                        const newContent = contentOutput.value;
+                        if (newContent !== currentContent) {
+                            currentContent = newContent;
+                            vscode.postMessage({
+                                type: 'contentChanged',
+                                content: newContent
+                            });
+                            debouncedRenderDiff();
+                        }
+                    });
+                }
                 
                 // Handle messages from extension
                 window.addEventListener('message', event => {
@@ -886,7 +888,7 @@ export class PatchEditorProvider implements vscode.CustomTextEditorProvider {
                 document.body.classList.remove('vscode-light', 'vscode-dark', 'vscode-high-contrast');
                 
                 // Add appropriate class based on theme kind
-                // ThemeKind: 1 = Light, 2 = Dark, 3 = High Contrast
+                // ThemeKind: 1 = Light, 2 = Dark, 3 = HighContrast (Dark), 4 = HighContrast (Light)
                 switch (themeKind) {
                     case 1:
                         document.body.classList.add('vscode-light');
@@ -897,6 +899,9 @@ export class PatchEditorProvider implements vscode.CustomTextEditorProvider {
                     case 3:
                         document.body.classList.add('vscode-high-contrast');
                         break;
+                    case 4:
+                        document.body.classList.add('vscode-light');
+                        break;
                 }
             }
             
@@ -1013,12 +1018,12 @@ export class PatchEditorProvider implements vscode.CustomTextEditorProvider {
                     // Strip git format-patch footer before parsing
                     const contentToParse = stripGitPatchFooter(currentContent);
                     
-                    // First, try to parse the diff content
+                    // Parse the diff content
                     const diffJson = Diff2HtmlLib.parse(contentToParse, {
                         inputFormat: 'diff'
                     });
                     
-                    // Check if parsing produced valid results with actual changes
+                    // Check if parsing produced any results
                     if (!diffJson || diffJson.length === 0) {
                         const errorMsg = 'Unable to parse diff content. Please check if the content is a valid diff/patch format.';
                         logWarn('Diff2Html.parse returned an empty result for the provided content');
@@ -1026,15 +1031,6 @@ export class PatchEditorProvider implements vscode.CustomTextEditorProvider {
                         return;
                     }
                     
-                    // Verify parsed content has meaningful data (at least one file with blocks)
-                    const hasValidBlocks = diffJson.some(file => file.blocks && file.blocks.length > 0);
-                    if (!hasValidBlocks) {
-                        const errorMsg = 'No valid diff blocks found. The content may not be in the expected diff/patch format.';
-                        logWarn('No diff blocks found in parsed result — ' + diffJson.length + ' file(s) parsed but none had content blocks');
-                        diffOutput.innerHTML = '<div class="placeholder">' + errorMsg + '</div>';
-                        return;
-                    }
-                    
                     logInfo('Rendering diff: ' + diffJson.length + ' file(s), format=' + outputFormat);
                     
                     // Generate HTML from parsed diff
@@ -1076,7 +1072,14 @@ export class PatchEditorProvider implements vscode.CustomTextEditorProvider {
             }
             
             // Initialize
-            init();
+            try {
+                init();
+            } catch (error) {
+                logError('Fatal error during initialization', error);
+                if (diffOutput) {
+                    diffOutput.innerHTML = '<div class="placeholder">Failed to initialize the viewer. Please close and reopen the file.</div>';
+                }
+            }
         })();
     </script>
 </body>

From 6e6782d94b528cca634e07c40067e18ef67ee438 Mon Sep 17 00:00:00 2001
From: "copilot-swe-agent[bot]" <198982749+Copilot@users.noreply.github.com>
Date: Sat, 8 Aug 2026 08:22:18 +0000
Subject: [PATCH 04/10] fix(webview): stop template literal from eating newline
 escapes in client script

Co-authored-by: unknowIfGuestInDream <57802425+unknowIfGuestInDream@users.noreply.github.com>
---
 CHANGELOG.md               |  6 ++++++
 src/patchEditorProvider.ts | 10 ++++-----
 src/test/extension.test.ts | 44 +++++++++++++++++++++++++++++++++++++-
 3 files changed, 54 insertions(+), 6 deletions(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 6583ec2..e3796e8 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -1,5 +1,11 @@
 # Change Log
 
+## [Unreleased]
+
+### Fixed
+- Fixed a blank Visual view and unresponsive tabs caused by invalid JavaScript in the webview: `\n` escape sequences inside the client script were consumed by the surrounding template literal, producing a syntax error that aborted the entire inline script
+- Added a regression test that verifies the generated webview script is syntactically valid JavaScript
+
 ## [1.0.2] - 2026-07-03
 
 ### Fixed
diff --git a/src/patchEditorProvider.ts b/src/patchEditorProvider.ts
index 349e272..82f4e41 100644
--- a/src/patchEditorProvider.ts
+++ b/src/patchEditorProvider.ts
@@ -980,15 +980,15 @@ export class PatchEditorProvider implements vscode.CustomTextEditorProvider {
                 });
             }
             
-            // Strip git format-patch footer (e.g., "-- \n2.43.0\n")
-            // This footer is added by git format-patch and should not be parsed as diff content
+            // Strip git format-patch footer (a trailing "-- " line followed by a git version such as 2.43.0).
+            // This footer is added by git format-patch and should not be parsed as diff content.
             function stripGitPatchFooter(content) {
                 if (!content) return content;
-                // Match the git email signature footer: "-- " followed by newline and version info
+                // Match the git email signature footer: "-- " followed by newline and version info.
                 // The footer starts with "-- " on its own line (with possible trailing whitespace)
-                // followed by a git version number (e.g., "2.43.0") on the next line
+                // followed by a git version number (such as 2.43.0) on the next line.
                 var footerPattern = new RegExp('\\n-- \\n[0-9]+\\.[0-9]+[^\\n]*\\n?$');
-                return content.replace(footerPattern, '\n');
+                return content.replace(footerPattern, '\\n');
             }
             
             // Render diff using diff2html
diff --git a/src/test/extension.test.ts b/src/test/extension.test.ts
index 46a3b41..5fd8bbc 100644
--- a/src/test/extension.test.ts
+++ b/src/test/extension.test.ts
@@ -3,7 +3,7 @@ import * as fs from 'node:fs';
 import * as os from 'node:os';
 import * as path from 'node:path';
 import * as vscode from 'vscode';
-import { resolveDiff2HtmlAssetDirectory } from '../patchEditorProvider';
+import { PatchEditorProvider, resolveDiff2HtmlAssetDirectory } from '../patchEditorProvider';
 
 suite('Extension Test Suite', () => {
     vscode.window.showInformationMessage('Start all tests.');
@@ -72,4 +72,46 @@ suite('Extension Test Suite', () => {
             fs.rmSync(tempRoot, { recursive: true, force: true });
         }
     });
+
+    test('Generated webview script should be valid JavaScript', () => {
+        const provider = new PatchEditorProvider({ subscriptions: [] } as any);
+        const panel = vscode.window.createWebviewPanel(
+            'tlcsdm.patchReader.test',
+            'Patch Reader Test',
+            vscode.ViewColumn.One,
+            { enableScripts: true }
+        );
+        try {
+            const cssUri = panel.webview.asWebviewUri(vscode.Uri.file('/assets/diff2html.min.css'));
+            const jsUri = panel.webview.asWebviewUri(vscode.Uri.file('/assets/diff2html.min.js'));
+            // Content that would break naive inline embedding, to also exercise the escaping
+            // (a diffed <script> tag plus a git format-patch footer).
+            const trickyContent = [
+                'diff --git a/index.html b/index.html',
+                '@@ -1 +1 @@',
+                '-<script>a()</script>',
+                '+<script>b()</script>',
+                '-- ',
+                '2.43.0',
+                ''
+            ].join('\n');
+
+            const html = (provider as any).getHtmlForWebview(panel.webview, trickyContent, cssUri, jsUri);
+
+            // Extract the inline application script (the nonce <script> block that has no src attribute).
+            const match = html.match(/<script nonce="[^"]*">([\s\S]*?)<\/script>/);
+            assert.ok(match, 'Inline application script block should be present in the webview HTML');
+            const scriptBody = match[1];
+
+            // new Function only parses (does not execute) the body, so browser globals are not required.
+            // A malformed script — e.g. a comment or string literal broken by an unescaped newline —
+            // would throw a SyntaxError here.
+            assert.doesNotThrow(
+                () => new Function(scriptBody),
+                'Inline webview script must be syntactically valid JavaScript'
+            );
+        } finally {
+            panel.dispose();
+        }
+    });
 });

From 07f2fa865d9d063e9069f9ae3ca86078a8bfcbf3 Mon Sep 17 00:00:00 2001
From: "copilot-swe-agent[bot]" <198982749+Copilot@users.noreply.github.com>
Date: Sat, 8 Aug 2026 08:23:29 +0000
Subject: [PATCH 05/10] docs(webview): correct stripGitPatchFooter comment to
 match regex

Co-authored-by: unknowIfGuestInDream <57802425+unknowIfGuestInDream@users.noreply.github.com>
---
 src/patchEditorProvider.ts | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/patchEditorProvider.ts b/src/patchEditorProvider.ts
index 82f4e41..46d93d9 100644
--- a/src/patchEditorProvider.ts
+++ b/src/patchEditorProvider.ts
@@ -984,9 +984,9 @@ export class PatchEditorProvider implements vscode.CustomTextEditorProvider {
             // This footer is added by git format-patch and should not be parsed as diff content.
             function stripGitPatchFooter(content) {
                 if (!content) return content;
-                // Match the git email signature footer: "-- " followed by newline and version info.
-                // The footer starts with "-- " on its own line (with possible trailing whitespace)
-                // followed by a git version number (such as 2.43.0) on the next line.
+                // Match the git email signature footer: a "-- " line followed by version info.
+                // The footer is exactly "-- " on its own line, immediately followed by a git
+                // version number (such as 2.43.0) on the next line.
                 var footerPattern = new RegExp('\\n-- \\n[0-9]+\\.[0-9]+[^\\n]*\\n?$');
                 return content.replace(footerPattern, '\\n');
             }

From 7ac69e44a678c5f95b3903ae5813f912ff28176a Mon Sep 17 00:00:00 2001
From: "copilot-swe-agent[bot]" <198982749+Copilot@users.noreply.github.com>
Date: Sat, 8 Aug 2026 09:00:19 +0000
Subject: [PATCH 06/10] refactor(webview): render diff from standalone media
 assets
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Move the ~350-line webview client script and all CSS out of the TypeScript
template literal into standalone media/patchViewer.js and media/patchViewer.css
loaded via webview.asWebviewUri(). The browser now receives them verbatim, so
"\n"/"</script>" escape sequences can no longer be mangled by the literal —
fixing the blank Visual tab and unresponsive Content tab.

Initial patch content is passed via a non-executable JSON data block with every
"<" escaped as \u003c, so "</script>" payloads cannot abort the viewer. Tests
now validate the shipped script parses and that content round-trips exactly.

Co-authored-by: unknowIfGuestInDream <57802425+unknowIfGuestInDream@users.noreply.github.com>
---
 CHANGELOG.md               |  10 +-
 media/patchViewer.css      | 458 ++++++++++++++++++++
 media/patchViewer.js       | 375 ++++++++++++++++
 src/patchEditorProvider.ts | 847 ++-----------------------------------
 src/test/extension.test.ts |  75 +++-
 5 files changed, 925 insertions(+), 840 deletions(-)
 create mode 100644 media/patchViewer.css
 create mode 100644 media/patchViewer.js

diff --git a/CHANGELOG.md b/CHANGELOG.md
index e3796e8..e5e16c1 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -2,9 +2,15 @@
 
 ## [Unreleased]
 
+### Changed
+- Refactored the webview so the diff renderer runs from standalone static assets (`media/patchViewer.js` and `media/patchViewer.css`) loaded via `webview.asWebviewUri(...)`, instead of embedding the ~350‑line client script and CSS inside a TypeScript template literal. The browser now receives the script verbatim, eliminating the class of escaping bugs (`\n`, `</script>`, ...) that repeatedly broke the inline script.
+
 ### Fixed
-- Fixed a blank Visual view and unresponsive tabs caused by invalid JavaScript in the webview: `\n` escape sequences inside the client script were consumed by the surrounding template literal, producing a syntax error that aborted the entire inline script
-- Added a regression test that verifies the generated webview script is syntactically valid JavaScript
+- Fixed a blank Visual view and an unresponsive Content tab caused by the inline client script failing to run when the surrounding template literal mangled its escape sequences. The diff now renders and the tabs respond regardless of the patch contents.
+- The initial patch content is passed to the webview through a non-executable JSON data block (with every `<` escaped as `\u003c`), so patches that contain `</script>` or HTML comments can no longer abort the viewer.
+
+### Tests
+- Replaced the inline-script validity test with checks that the shipped `media/patchViewer.js` parses as JavaScript and that the embedded initial content round-trips exactly (including `</script>` payloads).
 
 ## [1.0.2] - 2026-07-03
 
diff --git a/media/patchViewer.css b/media/patchViewer.css
new file mode 100644
index 0000000..06ea37f
--- /dev/null
+++ b/media/patchViewer.css
@@ -0,0 +1,458 @@
+/* Patch Reader webview styles.
+ * Loaded into the custom editor webview via webview.asWebviewUri().
+ * Kept as a standalone file so the browser receives it verbatim (no template-literal escaping). */
+:root {
+    --bg-primary: var(--vscode-editor-background);
+    --bg-secondary: var(--vscode-sideBar-background, var(--vscode-editor-background));
+    --text-primary: var(--vscode-editor-foreground);
+    --text-muted: var(--vscode-descriptionForeground);
+    --border-color: var(--vscode-panel-border, var(--vscode-editorGroup-border));
+    --btn-bg: var(--vscode-button-secondaryBackground);
+    --btn-bg-hover: var(--vscode-button-secondaryHoverBackground);
+    --btn-text: var(--vscode-button-secondaryForeground);
+    --btn-primary-bg: var(--vscode-button-background);
+    --btn-primary-bg-hover: var(--vscode-button-hoverBackground);
+    --btn-primary-text: var(--vscode-button-foreground);
+    --tab-active-bg: var(--vscode-tab-activeBackground);
+    --tab-inactive-bg: var(--vscode-tab-inactiveBackground);
+    --tab-active-fg: var(--vscode-tab-activeForeground);
+    --tab-inactive-fg: var(--vscode-tab-inactiveForeground);
+    --tab-border: var(--vscode-tab-border);
+}
+
+* {
+    box-sizing: border-box;
+    margin: 0;
+    padding: 0;
+}
+
+body {
+    font-family: var(--vscode-font-family);
+    font-size: var(--vscode-font-size);
+    background-color: var(--bg-primary);
+    color: var(--text-primary);
+    height: 100vh;
+    overflow: hidden;
+}
+
+.container {
+    display: flex;
+    flex-direction: column;
+    height: 100vh;
+}
+
+.header {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    padding: 8px 16px;
+    background-color: var(--bg-secondary);
+    border-top: 1px solid var(--border-color);
+    order: 1;
+}
+
+.tabs {
+    display: flex;
+    gap: 0;
+}
+
+.tab {
+    padding: 8px 16px;
+    border: none;
+    background-color: var(--tab-inactive-bg);
+    color: var(--tab-inactive-fg);
+    cursor: pointer;
+    font-size: 13px;
+    border-top: 2px solid transparent;
+    transition: all 0.2s ease;
+}
+
+.tab:hover {
+    background-color: var(--tab-active-bg);
+}
+
+.tab.active {
+    background-color: var(--tab-active-bg);
+    color: var(--tab-active-fg);
+    border-top-color: var(--btn-primary-bg);
+}
+
+.view-toggle {
+    display: flex;
+    gap: 4px;
+}
+
+.view-btn {
+    padding: 6px 12px;
+    border: 1px solid var(--border-color);
+    background-color: var(--btn-bg);
+    color: var(--btn-text);
+    cursor: pointer;
+    font-size: 12px;
+    border-radius: 4px;
+    transition: all 0.2s ease;
+}
+
+.view-btn:hover {
+    background-color: var(--btn-bg-hover);
+}
+
+.view-btn.active {
+    background-color: var(--btn-primary-bg);
+    color: var(--btn-primary-text);
+    border-color: var(--btn-primary-bg);
+}
+
+.content {
+    flex: 1;
+    overflow: auto;
+    padding: 16px;
+    min-height: 0;
+}
+
+.tab-content {
+    display: none;
+    height: 100%;
+    overflow: hidden;
+}
+
+.tab-content.active {
+    display: block;
+}
+
+#diff-output {
+    overflow: auto;
+    height: 100%;
+}
+
+#content-output {
+    width: 100%;
+    height: 100%;
+    overflow: auto;
+    padding: 8px 12px;
+    margin: 0;
+    font-family: var(--vscode-editor-font-family, 'Consolas', 'Courier New', monospace);
+    font-size: var(--vscode-editor-font-size, 14px);
+    line-height: var(--vscode-editor-line-height, 1.5);
+    background-color: var(--bg-primary);
+    color: var(--text-primary);
+    border: none;
+    white-space: pre;
+    tab-size: 4;
+    resize: none;
+    outline: none;
+}
+
+/* Diff syntax highlighting - matching VS Code built-in editor */
+.diff-line-header {
+    color: var(--vscode-diffEditor-unchangedRegionForeground, #608b4e);
+}
+.diff-line-add {
+    color: var(--vscode-gitDecoration-addedResourceForeground, #89d185);
+    background-color: var(--vscode-diffEditor-insertedLineBackground, rgba(155, 185, 85, 0.2));
+}
+.diff-line-delete {
+    color: var(--vscode-gitDecoration-deletedResourceForeground, #f14c4c);
+    background-color: var(--vscode-diffEditor-removedLineBackground, rgba(255, 0, 0, 0.2));
+}
+.diff-line-meta {
+    color: var(--vscode-symbolIcon-functionForeground, #569cd6);
+}
+.diff-line-range {
+    color: var(--vscode-editorLineNumber-activeForeground, #c586c0);
+}
+.diff-line-index {
+    color: var(--vscode-textPreformat-foreground, #9cdcfe);
+}
+
+/* Light theme overrides */
+body.vscode-light .diff-line-header {
+    color: #22863a;
+}
+body.vscode-light .diff-line-add {
+    color: #22863a;
+    background-color: rgba(46, 160, 67, 0.15);
+}
+body.vscode-light .diff-line-delete {
+    color: #cb2431;
+    background-color: rgba(248, 81, 73, 0.15);
+}
+body.vscode-light .diff-line-meta {
+    color: #0550ae;
+}
+body.vscode-light .diff-line-range {
+    color: #6f42c1;
+}
+body.vscode-light .diff-line-index {
+    color: #953800;
+}
+
+.placeholder {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    height: 100%;
+    color: var(--text-muted);
+}
+
+/* diff2html theme overrides for VS Code integration */
+.d2h-wrapper {
+    font-family: var(--vscode-editor-font-family, monospace);
+}
+
+.d2h-file-header {
+    background-color: var(--bg-secondary);
+    border-color: var(--border-color);
+}
+
+.d2h-file-name {
+    color: var(--text-primary);
+}
+
+.d2h-file-wrapper {
+    border-color: var(--border-color);
+}
+
+/* Light theme diff colors */
+body.vscode-light .d2h-del {
+    background-color: #ffeef0;
+}
+
+body.vscode-light .d2h-ins {
+    background-color: #e6ffec;
+}
+
+body.vscode-light .d2h-info {
+    background-color: #f1f8ff;
+    color: #0366d6;
+}
+
+body.vscode-light .d2h-code-line-ctn,
+body.vscode-light .d2h-code-side-line {
+    background-color: var(--bg-primary);
+    color: var(--text-primary);
+}
+
+body.vscode-light .d2h-code-linenumber,
+body.vscode-light .d2h-code-side-linenumber {
+    background-color: var(--bg-secondary);
+    color: var(--text-muted);
+    border-color: var(--border-color);
+}
+
+body.vscode-light .d2h-del .d2h-code-line-ctn,
+body.vscode-light .d2h-del .d2h-code-side-line {
+    background-color: #ffeef0;
+}
+
+body.vscode-light .d2h-ins .d2h-code-line-ctn,
+body.vscode-light .d2h-ins .d2h-code-side-line {
+    background-color: #e6ffec;
+}
+
+/* Dark theme diff colors */
+body.vscode-dark .d2h-del,
+body.vscode-high-contrast .d2h-del {
+    background-color: #3d1d26;
+}
+
+body.vscode-dark .d2h-ins,
+body.vscode-high-contrast .d2h-ins {
+    background-color: #1f3d2a;
+}
+
+body.vscode-dark .d2h-info,
+body.vscode-high-contrast .d2h-info {
+    background-color: #1f2937;
+    color: #93c5fd;
+    border-color: var(--border-color);
+}
+
+body.vscode-dark .d2h-code-line-ctn,
+body.vscode-dark .d2h-code-side-line,
+body.vscode-high-contrast .d2h-code-line-ctn,
+body.vscode-high-contrast .d2h-code-side-line {
+    background-color: var(--bg-primary);
+    color: var(--text-primary);
+}
+
+body.vscode-dark .d2h-code-linenumber,
+body.vscode-dark .d2h-code-side-linenumber,
+body.vscode-high-contrast .d2h-code-linenumber,
+body.vscode-high-contrast .d2h-code-side-linenumber {
+    background-color: var(--bg-secondary);
+    color: var(--text-muted);
+    border-color: var(--border-color);
+}
+
+body.vscode-dark .d2h-del .d2h-code-line-ctn,
+body.vscode-dark .d2h-del .d2h-code-side-line,
+body.vscode-high-contrast .d2h-del .d2h-code-line-ctn,
+body.vscode-high-contrast .d2h-del .d2h-code-side-line {
+    background-color: #3d1d26;
+}
+
+body.vscode-dark .d2h-ins .d2h-code-line-ctn,
+body.vscode-dark .d2h-ins .d2h-code-side-line,
+body.vscode-high-contrast .d2h-ins .d2h-code-line-ctn,
+body.vscode-high-contrast .d2h-ins .d2h-code-side-line {
+    background-color: #1f3d2a;
+}
+
+body.vscode-dark .d2h-emptyplaceholder,
+body.vscode-dark .d2h-code-side-emptyplaceholder,
+body.vscode-high-contrast .d2h-emptyplaceholder,
+body.vscode-high-contrast .d2h-code-side-emptyplaceholder {
+    background-color: var(--bg-secondary);
+    border-color: var(--border-color);
+}
+
+body.vscode-dark .d2h-file-list-wrapper,
+body.vscode-high-contrast .d2h-file-list-wrapper {
+    background-color: var(--bg-secondary);
+    border-color: var(--border-color);
+}
+
+body.vscode-dark .d2h-file-list-header,
+body.vscode-high-contrast .d2h-file-list-header {
+    background-color: var(--bg-secondary);
+}
+
+body.vscode-dark .d2h-file-list-title,
+body.vscode-high-contrast .d2h-file-list-title {
+    color: var(--text-primary);
+}
+
+body.vscode-dark .d2h-file-list li,
+body.vscode-high-contrast .d2h-file-list li {
+    border-color: var(--border-color);
+}
+
+/* Unified (line-by-line) view specific styles */
+body.vscode-dark .d2h-file-diff .d2h-del,
+body.vscode-high-contrast .d2h-file-diff .d2h-del {
+    background-color: rgba(248, 81, 73, 0.25);
+}
+
+body.vscode-dark .d2h-file-diff .d2h-ins,
+body.vscode-high-contrast .d2h-file-diff .d2h-ins {
+    background-color: rgba(63, 185, 80, 0.25);
+}
+
+body.vscode-dark .d2h-file-diff .d2h-del .d2h-code-line-ctn,
+body.vscode-high-contrast .d2h-file-diff .d2h-del .d2h-code-line-ctn {
+    background-color: rgba(248, 81, 73, 0.25);
+}
+
+body.vscode-dark .d2h-file-diff .d2h-ins .d2h-code-line-ctn,
+body.vscode-high-contrast .d2h-file-diff .d2h-ins .d2h-code-line-ctn {
+    background-color: rgba(63, 185, 80, 0.25);
+}
+
+body.vscode-light .d2h-file-diff .d2h-del {
+    background-color: #ffebe9;
+}
+
+body.vscode-light .d2h-file-diff .d2h-ins {
+    background-color: #e6ffec;
+}
+
+body.vscode-light .d2h-file-diff .d2h-del .d2h-code-line-ctn {
+    background-color: #ffebe9;
+}
+
+body.vscode-light .d2h-file-diff .d2h-ins .d2h-code-line-ctn {
+    background-color: #e6ffec;
+}
+
+/* Deletion marker color */
+body.vscode-dark .d2h-del .d2h-code-line-prefix,
+body.vscode-high-contrast .d2h-del .d2h-code-line-prefix {
+    color: #f85149;
+}
+
+/* Insertion marker color */
+body.vscode-dark .d2h-ins .d2h-code-line-prefix,
+body.vscode-high-contrast .d2h-ins .d2h-code-line-prefix {
+    color: #3fb950;
+}
+
+body.vscode-light .d2h-del .d2h-code-line-prefix {
+    color: #cf222e;
+}
+
+body.vscode-light .d2h-ins .d2h-code-line-prefix {
+    color: #1a7f37;
+}
+
+/* Viewed checkbox styles */
+.d2h-viewed-checkbox {
+    display: flex;
+    align-items: center;
+    gap: 4px;
+    margin-left: auto;
+    padding-right: 8px;
+    cursor: pointer;
+    font-size: 12px;
+    color: var(--text-muted);
+}
+
+.d2h-viewed-checkbox input[type="checkbox"] {
+    cursor: pointer;
+}
+
+.d2h-file-wrapper.viewed .d2h-file-diff,
+.d2h-file-wrapper.viewed .d2h-files-diff {
+    display: none;
+}
+
+.d2h-file-name-wrapper {
+    display: flex;
+    align-items: center;
+    width: 100%;
+}
+
+/* Fix: Make line numbers sticky on the left when scrolling horizontally */
+/* Fix: Remove the gap between line numbers and content */
+.d2h-code-linenumber,
+.d2h-code-side-linenumber {
+    position: sticky;
+    left: 0;
+    z-index: 1;
+    border-right: none;
+    padding-right: 0;
+    padding-left: 0;
+}
+
+/* Fix: Adjust content padding to match line number width exactly */
+.d2h-code-linenumber {
+    width: 5em;
+}
+
+.d2h-code-side-linenumber {
+    width: 2.5em;
+}
+
+.d2h-code-line {
+    padding-left: 5em;
+    padding-right: 0;
+    width: calc(100% - 5em);
+}
+
+.d2h-code-side-line {
+    padding-left: 2.5em;
+    padding-right: 0;
+    width: calc(100% - 2.5em);
+}
+
+/* Fix: Remove padding from code line prefix to eliminate gap */
+.d2h-code-line-prefix {
+    padding: 0;
+    margin: 0;
+}
+
+/* Fix: Ensure header tabs appear above sticky line numbers */
+.header {
+    position: relative;
+    z-index: 10;
+}
diff --git a/media/patchViewer.js b/media/patchViewer.js
new file mode 100644
index 0000000..6652984
--- /dev/null
+++ b/media/patchViewer.js
@@ -0,0 +1,375 @@
+// Patch Reader webview client script.
+//
+// Loaded into the custom editor webview via webview.asWebviewUri(). Keeping this
+// as a standalone static file (rather than inlining it in a TypeScript template
+// literal) means the browser receives it verbatim, so escape sequences such as
+// "\n" and "</script>" can never be mangled by the surrounding literal. The
+// diff2html library is loaded before this script and exposes a global Diff2Html.
+//
+// The initial patch content is read from a non-executable JSON data block
+// (#patch-initial-content) that the extension injects into the page.
+(function() {
+    const vscode = acquireVsCodeApi();
+    
+    // Logging helpers — forward messages to the VS Code output channel
+    function logInfo(message) {
+        vscode.postMessage({ type: 'log', message: message });
+    }
+    function logWarn(message) {
+        vscode.postMessage({ type: 'warn', message: message });
+    }
+    function logError(message, error) {
+        vscode.postMessage({ type: 'error', message: message, error: error instanceof Error ? error.message : String(error || '') });
+    }
+
+    // Read the initial patch content that the extension embedded in a
+    // non-executable JSON data block. Using a data block (instead of inlining
+    // the content into executable JS) means malformed or "</script>"-containing
+    // patches can never break the script.
+    function getInitialContent() {
+        const dataEl = document.getElementById('patch-initial-content');
+        if (!dataEl) {
+            return '';
+        }
+        try {
+            return JSON.parse(dataEl.textContent || '""');
+        } catch (error) {
+            logError('Failed to parse initial patch content', error);
+            return '';
+        }
+    }
+    
+    // DOM elements
+    const diffOutput = document.getElementById('diff-output');
+    const contentOutput = document.getElementById('content-output');
+    const tabContents = document.querySelectorAll('.tab-content');
+    const tabs = document.querySelectorAll('.tab');
+    const viewBtns = document.querySelectorAll('.view-btn');
+    
+    if (!diffOutput) {
+        logError('Failed to find #diff-output element in DOM');
+    }
+    if (!contentOutput) {
+        logError('Failed to find #content-output element in DOM');
+    }
+    
+    // State
+    let currentContent = getInitialContent();
+    let currentViewMode = 'side-by-side';
+    let renderDebounceTimer = null;
+    
+    // Debounce helper
+    function debounce(fn, delay) {
+        return function(...args) {
+            if (renderDebounceTimer) {
+                clearTimeout(renderDebounceTimer);
+            }
+            renderDebounceTimer = setTimeout(() => fn.apply(this, args), delay);
+        };
+    }
+    
+    // Debounced render for content changes
+    const debouncedRenderDiff = debounce(renderDiff, 300);
+    
+    // Initialize
+    function init() {
+        logInfo('Initializing patch viewer');
+        bindEvents();
+        renderDiff();
+        updateContentTab();
+    }
+    
+    // Bind events
+    function bindEvents() {
+        // Tab switching
+        tabs.forEach(tab => {
+            tab.addEventListener('click', () => {
+                const targetTab = tab.dataset.tab;
+                switchTab(targetTab);
+            });
+        });
+        
+        // View mode switching
+        viewBtns.forEach(btn => {
+            btn.addEventListener('click', () => {
+                const viewMode = btn.dataset.view;
+                setViewMode(viewMode);
+            });
+        });
+        
+        // Content editing - send changes to VS Code
+        if (contentOutput) {
+            contentOutput.addEventListener('input', () => {
+                const newContent = contentOutput.value;
+                if (newContent !== currentContent) {
+                    currentContent = newContent;
+                    vscode.postMessage({
+                        type: 'contentChanged',
+                        content: newContent
+                    });
+                    debouncedRenderDiff();
+                }
+            });
+        }
+        
+        // Handle messages from extension
+        window.addEventListener('message', event => {
+            const message = event.data;
+            switch (message.type) {
+                case 'update':
+                    logInfo('Document updated, re-rendering diff');
+                    currentContent = message.content;
+                    renderDiff();
+                    updateContentTab();
+                    break;
+                case 'themeChanged':
+                    logInfo('Theme changed to kind: ' + message.kind);
+                    applyTheme(message.kind);
+                    renderDiff();
+                    break;
+                case 'setViewMode':
+                    logInfo('View mode set to: ' + message.viewMode);
+                    setViewMode(message.viewMode, false);
+                    break;
+            }
+        });
+    }
+    
+    // Set view mode
+    function setViewMode(viewMode, notify = true) {
+        currentViewMode = viewMode;
+        viewBtns.forEach(btn => {
+            const isActive = btn.dataset.view === viewMode;
+            btn.classList.toggle('active', isActive);
+            btn.setAttribute('aria-pressed', isActive ? 'true' : 'false');
+        });
+        renderDiff();
+        
+        if (notify) {
+            vscode.postMessage({
+                type: 'viewModeChanged',
+                viewMode: viewMode
+            });
+        }
+    }
+    
+    // Switch between tabs
+    function switchTab(targetTab) {
+        // Update tab buttons
+        tabs.forEach(tab => {
+            const isActive = tab.dataset.tab === targetTab;
+            tab.classList.toggle('active', isActive);
+            tab.setAttribute('aria-selected', isActive ? 'true' : 'false');
+        });
+        
+        // Update tab content visibility
+        tabContents.forEach(content => {
+            const isActive = content.id === targetTab + '-tab';
+            content.classList.toggle('active', isActive);
+        });
+    }
+    
+    // Update content tab with raw content
+    function updateContentTab() {
+        if (contentOutput) {
+            contentOutput.value = currentContent || '';
+        }
+    }
+    
+    // Apply VS Code theme
+    function applyTheme(themeKind) {
+        // Remove existing theme classes
+        document.body.classList.remove('vscode-light', 'vscode-dark', 'vscode-high-contrast');
+        
+        // Add appropriate class based on theme kind
+        // ThemeKind: 1 = Light, 2 = Dark, 3 = HighContrast (Dark), 4 = HighContrast (Light)
+        switch (themeKind) {
+            case 1:
+                document.body.classList.add('vscode-light');
+                break;
+            case 2:
+                document.body.classList.add('vscode-dark');
+                break;
+            case 3:
+                document.body.classList.add('vscode-high-contrast');
+                break;
+            case 4:
+                document.body.classList.add('vscode-light');
+                break;
+        }
+    }
+    
+    // Setup synchronized horizontal scrolling for side-by-side view
+    function setupSynchronizedScroll() {
+        // Find all file wrappers with side-by-side diff
+        const fileWrappers = diffOutput.querySelectorAll('.d2h-file-wrapper');
+        
+        fileWrappers.forEach(wrapper => {
+            const sidePanels = wrapper.querySelectorAll('.d2h-file-side-diff');
+            if (sidePanels.length !== 2) return;
+            
+            const leftPanel = sidePanels[0];
+            const rightPanel = sidePanels[1];
+            let scrollSource = null;
+            
+            function syncScroll(source, target) {
+                if (scrollSource && scrollSource !== source) return;
+                scrollSource = source;
+                
+                requestAnimationFrame(() => {
+                    target.scrollLeft = source.scrollLeft;
+                    scrollSource = null;
+                });
+            }
+            
+            leftPanel.addEventListener('scroll', function() {
+                syncScroll(this, rightPanel);
+            });
+            
+            rightPanel.addEventListener('scroll', function() {
+                syncScroll(this, leftPanel);
+            });
+        });
+    }
+    
+    // Setup viewed checkbox functionality for each file
+    function setupViewedCheckboxes() {
+        const fileWrappers = diffOutput.querySelectorAll('.d2h-file-wrapper');
+        fileWrappers.forEach((wrapper, index) => {
+            const header = wrapper.querySelector('.d2h-file-header');
+            if (!header) return;
+            
+            // Check if checkbox already exists
+            if (header.querySelector('.d2h-viewed-checkbox')) return;
+            
+            // Get file name for accessibility
+            const fileNameEl = header.querySelector('.d2h-file-name');
+            const fileName = fileNameEl ? fileNameEl.textContent : 'File ' + (index + 1);
+            const checkboxId = 'd2h-viewed-' + index;
+            
+            // Create viewed checkbox container
+            const checkboxContainer = document.createElement('label');
+            checkboxContainer.className = 'd2h-viewed-checkbox';
+            checkboxContainer.setAttribute('for', checkboxId);
+            
+            const checkbox = document.createElement('input');
+            checkbox.type = 'checkbox';
+            checkbox.id = checkboxId;
+            checkbox.setAttribute('aria-label', 'Mark ' + fileName + ' as viewed');
+            checkbox.addEventListener('change', function() {
+                wrapper.classList.toggle('viewed', this.checked);
+            });
+            
+            const labelText = document.createElement('span');
+            labelText.textContent = 'Viewed';
+            
+            checkboxContainer.appendChild(checkbox);
+            checkboxContainer.appendChild(labelText);
+            
+            // Insert checkbox into header
+            const fileNameWrapper = header.querySelector('.d2h-file-name-wrapper');
+            if (fileNameWrapper) {
+                fileNameWrapper.appendChild(checkboxContainer);
+            }
+        });
+    }
+    
+    // Strip git format-patch footer (a trailing "-- " line followed by a git version such as 2.43.0).
+    // This footer is added by git format-patch and should not be parsed as diff content.
+    function stripGitPatchFooter(content) {
+        if (!content) return content;
+        // Match the git email signature footer: a "-- " line on its own,
+        // immediately followed by a git version number (such as 2.43.0).
+        return content.replace(/\n-- \n\d+\.\d+[^\n]*\n?$/, '\n');
+    }
+    
+    // Render diff using diff2html
+    function renderDiff() {
+        if (!diffOutput) {
+            logError('Cannot render diff: #diff-output element not found');
+            return;
+        }
+        if (!currentContent || !currentContent.trim()) {
+            logInfo('No diff content to display');
+            diffOutput.innerHTML = '<div class="placeholder">No diff content to display</div>';
+            return;
+        }
+        
+        // Check if Diff2Html is available
+        const Diff2HtmlLib = typeof Diff2Html !== 'undefined' ? Diff2Html : window.Diff2Html;
+        if (!Diff2HtmlLib) {
+            const errorMsg = 'Diff2Html library is not loaded. Please reload the editor.';
+            logError('Failed to render diff', 'Diff2Html is not defined — check that the extension assets are correctly installed');
+            diffOutput.innerHTML = '<div class="placeholder">' + errorMsg + '</div>';
+            return;
+        }
+        
+        try {
+            const outputFormat = currentViewMode === 'side-by-side' ? 'side-by-side' : 'line-by-line';
+            
+            // Strip git format-patch footer before parsing
+            const contentToParse = stripGitPatchFooter(currentContent);
+            
+            // Parse the diff content
+            const diffJson = Diff2HtmlLib.parse(contentToParse, {
+                inputFormat: 'diff'
+            });
+            
+            // Check if parsing produced any results
+            if (!diffJson || diffJson.length === 0) {
+                const errorMsg = 'Unable to parse diff content. Please check if the content is a valid diff/patch format.';
+                logWarn('Diff2Html.parse returned an empty result for the provided content');
+                diffOutput.innerHTML = '<div class="placeholder">' + errorMsg + '</div>';
+                return;
+            }
+            
+            logInfo('Rendering diff: ' + diffJson.length + ' file(s), format=' + outputFormat);
+            
+            // Generate HTML from parsed diff
+            const html = Diff2HtmlLib.html(diffJson, {
+                inputFormat: 'json',
+                outputFormat: outputFormat,
+                showFiles: true,
+                matching: 'lines',
+                matchWordsThreshold: 0.25,
+                maxLineLengthHighlight: 10000,
+                renderNothingWhenEmpty: false,
+                fileListToggle: true,
+                fileListStartVisible: true,
+                fileContentToggle: true,
+                stickyFileHeaders: true
+            });
+            
+            // Check if HTML output is empty
+            if (!html || html.trim() === '') {
+                logWarn('Diff2Html.html returned empty output for ' + diffJson.length + ' parsed file(s)');
+                diffOutput.innerHTML = '<div class="placeholder">Failed to generate diff view. The content could not be rendered.</div>';
+                return;
+            }
+            
+            diffOutput.innerHTML = html;
+            
+            // Setup synchronized scrolling for side-by-side view
+            if (currentViewMode === 'side-by-side') {
+                setupSynchronizedScroll();
+            }
+            
+            // Add viewed checkbox functionality
+            setupViewedCheckboxes();
+        } catch (error) {
+            const errorMessage = 'An error occurred while rendering the diff. Please check if the content is a valid diff/patch format.';
+            logError('Failed to render diff', error);
+            diffOutput.innerHTML = '<div class="placeholder">' + errorMessage + '</div>';
+        }
+    }
+    
+    // Initialize
+    try {
+        init();
+    } catch (error) {
+        logError('Fatal error during initialization', error);
+        if (diffOutput) {
+            diffOutput.innerHTML = '<div class="placeholder">Failed to initialize the viewer. Please close and reopen the file.</div>';
+        }
+    }
+})();
diff --git a/src/patchEditorProvider.ts b/src/patchEditorProvider.ts
index 46d93d9..619cd94 100644
--- a/src/patchEditorProvider.ts
+++ b/src/patchEditorProvider.ts
@@ -119,10 +119,12 @@ export class PatchEditorProvider implements vscode.CustomTextEditorProvider {
         }
 
         const diff2htmlAssetRoot = vscode.Uri.file(diff2htmlAssetDirectory);
+        const mediaRoot = vscode.Uri.joinPath(this.context.extensionUri, 'media');
 
         webviewPanel.webview.options = {
             enableScripts: true,
             localResourceRoots: [
+                mediaRoot,
                 diff2htmlAssetRoot
             ]
         };
@@ -135,12 +137,23 @@ export class PatchEditorProvider implements vscode.CustomTextEditorProvider {
             vscode.Uri.joinPath(diff2htmlAssetRoot, 'js', 'diff2html.min.js')
         );
 
+        // Get URIs for the extension's own webview assets (kept as standalone
+        // static files so the browser receives them verbatim).
+        const patchViewerCssUri = webviewPanel.webview.asWebviewUri(
+            vscode.Uri.joinPath(mediaRoot, 'patchViewer.css')
+        );
+        const patchViewerJsUri = webviewPanel.webview.asWebviewUri(
+            vscode.Uri.joinPath(mediaRoot, 'patchViewer.js')
+        );
+
         // Set initial HTML content
         webviewPanel.webview.html = this.getHtmlForWebview(
             webviewPanel.webview,
             document.getText(),
             diff2htmlCssUri,
-            diff2htmlJsUri
+            diff2htmlJsUri,
+            patchViewerCssUri,
+            patchViewerJsUri
         );
 
         // Handle messages from the webview
@@ -224,21 +237,17 @@ export class PatchEditorProvider implements vscode.CustomTextEditorProvider {
         webview: vscode.Webview,
         content: string,
         diff2htmlCssUri: vscode.Uri,
-        diff2htmlJsUri: vscode.Uri
+        diff2htmlJsUri: vscode.Uri,
+        patchViewerCssUri: vscode.Uri,
+        patchViewerJsUri: vscode.Uri
     ): string {
         const nonce = getNonce();
 
-        // Safely embed content as a JS string literal inside a <script> block.
-        // JSON.stringify alone is not safe: if the patch content contains "</script>"
-        // the HTML parser will close the <script> tag early, causing a syntax error
-        // that silently prevents all JavaScript (event listeners, rendering) from
-        // running — resulting in a blank view with non-functional buttons.
-        // Escaping "</" as "<\/" keeps the string value intact while making it
-        // opaque to the HTML parser. We also escape "<!--" to prevent accidental
-        // HTML comment injection.
-        const safeContentJson = JSON.stringify(content)
-            .replace(/<\//g, '<\\/')
-            .replace(/<!--/g, '<\\!--');
+        // Embed the initial patch content in a non-executable JSON data block.
+        // Escaping every "<" as "\u003c" keeps the JSON valid while guaranteeing
+        // the raw text can never contain "</script>", so the HTML parser cannot
+        // close the data block early — regardless of what the patch contains.
+        const initialContentJson = JSON.stringify(content).replace(/</g, '\\u003c');
 
         return /* html */`
 <!DOCTYPE html>
@@ -248,464 +257,8 @@ export class PatchEditorProvider implements vscode.CustomTextEditorProvider {
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <meta http-equiv="Content-Security-Policy" content="default-src 'none'; style-src ${webview.cspSource} 'unsafe-inline'; script-src 'nonce-${nonce}';">
     <link href="${diff2htmlCssUri}" rel="stylesheet">
+    <link href="${patchViewerCssUri}" rel="stylesheet">
     <title>Patch Reader</title>
-    <style>
-        :root {
-            --bg-primary: var(--vscode-editor-background);
-            --bg-secondary: var(--vscode-sideBar-background, var(--vscode-editor-background));
-            --text-primary: var(--vscode-editor-foreground);
-            --text-muted: var(--vscode-descriptionForeground);
-            --border-color: var(--vscode-panel-border, var(--vscode-editorGroup-border));
-            --btn-bg: var(--vscode-button-secondaryBackground);
-            --btn-bg-hover: var(--vscode-button-secondaryHoverBackground);
-            --btn-text: var(--vscode-button-secondaryForeground);
-            --btn-primary-bg: var(--vscode-button-background);
-            --btn-primary-bg-hover: var(--vscode-button-hoverBackground);
-            --btn-primary-text: var(--vscode-button-foreground);
-            --tab-active-bg: var(--vscode-tab-activeBackground);
-            --tab-inactive-bg: var(--vscode-tab-inactiveBackground);
-            --tab-active-fg: var(--vscode-tab-activeForeground);
-            --tab-inactive-fg: var(--vscode-tab-inactiveForeground);
-            --tab-border: var(--vscode-tab-border);
-        }
-
-        * {
-            box-sizing: border-box;
-            margin: 0;
-            padding: 0;
-        }
-
-        body {
-            font-family: var(--vscode-font-family);
-            font-size: var(--vscode-font-size);
-            background-color: var(--bg-primary);
-            color: var(--text-primary);
-            height: 100vh;
-            overflow: hidden;
-        }
-
-        .container {
-            display: flex;
-            flex-direction: column;
-            height: 100vh;
-        }
-
-        .header {
-            display: flex;
-            justify-content: space-between;
-            align-items: center;
-            padding: 8px 16px;
-            background-color: var(--bg-secondary);
-            border-top: 1px solid var(--border-color);
-            order: 1;
-        }
-
-        .tabs {
-            display: flex;
-            gap: 0;
-        }
-
-        .tab {
-            padding: 8px 16px;
-            border: none;
-            background-color: var(--tab-inactive-bg);
-            color: var(--tab-inactive-fg);
-            cursor: pointer;
-            font-size: 13px;
-            border-top: 2px solid transparent;
-            transition: all 0.2s ease;
-        }
-
-        .tab:hover {
-            background-color: var(--tab-active-bg);
-        }
-
-        .tab.active {
-            background-color: var(--tab-active-bg);
-            color: var(--tab-active-fg);
-            border-top-color: var(--btn-primary-bg);
-        }
-
-        .view-toggle {
-            display: flex;
-            gap: 4px;
-        }
-
-        .view-btn {
-            padding: 6px 12px;
-            border: 1px solid var(--border-color);
-            background-color: var(--btn-bg);
-            color: var(--btn-text);
-            cursor: pointer;
-            font-size: 12px;
-            border-radius: 4px;
-            transition: all 0.2s ease;
-        }
-
-        .view-btn:hover {
-            background-color: var(--btn-bg-hover);
-        }
-
-        .view-btn.active {
-            background-color: var(--btn-primary-bg);
-            color: var(--btn-primary-text);
-            border-color: var(--btn-primary-bg);
-        }
-
-        .content {
-            flex: 1;
-            overflow: auto;
-            padding: 16px;
-            min-height: 0;
-        }
-
-        .tab-content {
-            display: none;
-            height: 100%;
-            overflow: hidden;
-        }
-
-        .tab-content.active {
-            display: block;
-        }
-
-        #diff-output {
-            overflow: auto;
-            height: 100%;
-        }
-
-        #content-output {
-            width: 100%;
-            height: 100%;
-            overflow: auto;
-            padding: 8px 12px;
-            margin: 0;
-            font-family: var(--vscode-editor-font-family, 'Consolas', 'Courier New', monospace);
-            font-size: var(--vscode-editor-font-size, 14px);
-            line-height: var(--vscode-editor-line-height, 1.5);
-            background-color: var(--bg-primary);
-            color: var(--text-primary);
-            border: none;
-            white-space: pre;
-            tab-size: 4;
-            resize: none;
-            outline: none;
-        }
-
-        /* Diff syntax highlighting - matching VS Code built-in editor */
-        .diff-line-header {
-            color: var(--vscode-diffEditor-unchangedRegionForeground, #608b4e);
-        }
-        .diff-line-add {
-            color: var(--vscode-gitDecoration-addedResourceForeground, #89d185);
-            background-color: var(--vscode-diffEditor-insertedLineBackground, rgba(155, 185, 85, 0.2));
-        }
-        .diff-line-delete {
-            color: var(--vscode-gitDecoration-deletedResourceForeground, #f14c4c);
-            background-color: var(--vscode-diffEditor-removedLineBackground, rgba(255, 0, 0, 0.2));
-        }
-        .diff-line-meta {
-            color: var(--vscode-symbolIcon-functionForeground, #569cd6);
-        }
-        .diff-line-range {
-            color: var(--vscode-editorLineNumber-activeForeground, #c586c0);
-        }
-        .diff-line-index {
-            color: var(--vscode-textPreformat-foreground, #9cdcfe);
-        }
-
-        /* Light theme overrides */
-        body.vscode-light .diff-line-header {
-            color: #22863a;
-        }
-        body.vscode-light .diff-line-add {
-            color: #22863a;
-            background-color: rgba(46, 160, 67, 0.15);
-        }
-        body.vscode-light .diff-line-delete {
-            color: #cb2431;
-            background-color: rgba(248, 81, 73, 0.15);
-        }
-        body.vscode-light .diff-line-meta {
-            color: #0550ae;
-        }
-        body.vscode-light .diff-line-range {
-            color: #6f42c1;
-        }
-        body.vscode-light .diff-line-index {
-            color: #953800;
-        }
-
-        .placeholder {
-            display: flex;
-            align-items: center;
-            justify-content: center;
-            height: 100%;
-            color: var(--text-muted);
-        }
-
-        /* diff2html theme overrides for VS Code integration */
-        .d2h-wrapper {
-            font-family: var(--vscode-editor-font-family, monospace);
-        }
-
-        .d2h-file-header {
-            background-color: var(--bg-secondary);
-            border-color: var(--border-color);
-        }
-
-        .d2h-file-name {
-            color: var(--text-primary);
-        }
-
-        .d2h-file-wrapper {
-            border-color: var(--border-color);
-        }
-
-        /* Light theme diff colors */
-        body.vscode-light .d2h-del {
-            background-color: #ffeef0;
-        }
-
-        body.vscode-light .d2h-ins {
-            background-color: #e6ffec;
-        }
-
-        body.vscode-light .d2h-info {
-            background-color: #f1f8ff;
-            color: #0366d6;
-        }
-
-        body.vscode-light .d2h-code-line-ctn,
-        body.vscode-light .d2h-code-side-line {
-            background-color: var(--bg-primary);
-            color: var(--text-primary);
-        }
-
-        body.vscode-light .d2h-code-linenumber,
-        body.vscode-light .d2h-code-side-linenumber {
-            background-color: var(--bg-secondary);
-            color: var(--text-muted);
-            border-color: var(--border-color);
-        }
-
-        body.vscode-light .d2h-del .d2h-code-line-ctn,
-        body.vscode-light .d2h-del .d2h-code-side-line {
-            background-color: #ffeef0;
-        }
-
-        body.vscode-light .d2h-ins .d2h-code-line-ctn,
-        body.vscode-light .d2h-ins .d2h-code-side-line {
-            background-color: #e6ffec;
-        }
-
-        /* Dark theme diff colors */
-        body.vscode-dark .d2h-del,
-        body.vscode-high-contrast .d2h-del {
-            background-color: #3d1d26;
-        }
-
-        body.vscode-dark .d2h-ins,
-        body.vscode-high-contrast .d2h-ins {
-            background-color: #1f3d2a;
-        }
-
-        body.vscode-dark .d2h-info,
-        body.vscode-high-contrast .d2h-info {
-            background-color: #1f2937;
-            color: #93c5fd;
-            border-color: var(--border-color);
-        }
-
-        body.vscode-dark .d2h-code-line-ctn,
-        body.vscode-dark .d2h-code-side-line,
-        body.vscode-high-contrast .d2h-code-line-ctn,
-        body.vscode-high-contrast .d2h-code-side-line {
-            background-color: var(--bg-primary);
-            color: var(--text-primary);
-        }
-
-        body.vscode-dark .d2h-code-linenumber,
-        body.vscode-dark .d2h-code-side-linenumber,
-        body.vscode-high-contrast .d2h-code-linenumber,
-        body.vscode-high-contrast .d2h-code-side-linenumber {
-            background-color: var(--bg-secondary);
-            color: var(--text-muted);
-            border-color: var(--border-color);
-        }
-
-        body.vscode-dark .d2h-del .d2h-code-line-ctn,
-        body.vscode-dark .d2h-del .d2h-code-side-line,
-        body.vscode-high-contrast .d2h-del .d2h-code-line-ctn,
-        body.vscode-high-contrast .d2h-del .d2h-code-side-line {
-            background-color: #3d1d26;
-        }
-
-        body.vscode-dark .d2h-ins .d2h-code-line-ctn,
-        body.vscode-dark .d2h-ins .d2h-code-side-line,
-        body.vscode-high-contrast .d2h-ins .d2h-code-line-ctn,
-        body.vscode-high-contrast .d2h-ins .d2h-code-side-line {
-            background-color: #1f3d2a;
-        }
-
-        body.vscode-dark .d2h-emptyplaceholder,
-        body.vscode-dark .d2h-code-side-emptyplaceholder,
-        body.vscode-high-contrast .d2h-emptyplaceholder,
-        body.vscode-high-contrast .d2h-code-side-emptyplaceholder {
-            background-color: var(--bg-secondary);
-            border-color: var(--border-color);
-        }
-
-        body.vscode-dark .d2h-file-list-wrapper,
-        body.vscode-high-contrast .d2h-file-list-wrapper {
-            background-color: var(--bg-secondary);
-            border-color: var(--border-color);
-        }
-
-        body.vscode-dark .d2h-file-list-header,
-        body.vscode-high-contrast .d2h-file-list-header {
-            background-color: var(--bg-secondary);
-        }
-
-        body.vscode-dark .d2h-file-list-title,
-        body.vscode-high-contrast .d2h-file-list-title {
-            color: var(--text-primary);
-        }
-
-        body.vscode-dark .d2h-file-list li,
-        body.vscode-high-contrast .d2h-file-list li {
-            border-color: var(--border-color);
-        }
-
-        /* Unified (line-by-line) view specific styles */
-        body.vscode-dark .d2h-file-diff .d2h-del,
-        body.vscode-high-contrast .d2h-file-diff .d2h-del {
-            background-color: rgba(248, 81, 73, 0.25);
-        }
-
-        body.vscode-dark .d2h-file-diff .d2h-ins,
-        body.vscode-high-contrast .d2h-file-diff .d2h-ins {
-            background-color: rgba(63, 185, 80, 0.25);
-        }
-
-        body.vscode-dark .d2h-file-diff .d2h-del .d2h-code-line-ctn,
-        body.vscode-high-contrast .d2h-file-diff .d2h-del .d2h-code-line-ctn {
-            background-color: rgba(248, 81, 73, 0.25);
-        }
-
-        body.vscode-dark .d2h-file-diff .d2h-ins .d2h-code-line-ctn,
-        body.vscode-high-contrast .d2h-file-diff .d2h-ins .d2h-code-line-ctn {
-            background-color: rgba(63, 185, 80, 0.25);
-        }
-
-        body.vscode-light .d2h-file-diff .d2h-del {
-            background-color: #ffebe9;
-        }
-
-        body.vscode-light .d2h-file-diff .d2h-ins {
-            background-color: #e6ffec;
-        }
-
-        body.vscode-light .d2h-file-diff .d2h-del .d2h-code-line-ctn {
-            background-color: #ffebe9;
-        }
-
-        body.vscode-light .d2h-file-diff .d2h-ins .d2h-code-line-ctn {
-            background-color: #e6ffec;
-        }
-
-        /* Deletion marker color */
-        body.vscode-dark .d2h-del .d2h-code-line-prefix,
-        body.vscode-high-contrast .d2h-del .d2h-code-line-prefix {
-            color: #f85149;
-        }
-
-        /* Insertion marker color */
-        body.vscode-dark .d2h-ins .d2h-code-line-prefix,
-        body.vscode-high-contrast .d2h-ins .d2h-code-line-prefix {
-            color: #3fb950;
-        }
-
-        body.vscode-light .d2h-del .d2h-code-line-prefix {
-            color: #cf222e;
-        }
-
-        body.vscode-light .d2h-ins .d2h-code-line-prefix {
-            color: #1a7f37;
-        }
-
-        /* Viewed checkbox styles */
-        .d2h-viewed-checkbox {
-            display: flex;
-            align-items: center;
-            gap: 4px;
-            margin-left: auto;
-            padding-right: 8px;
-            cursor: pointer;
-            font-size: 12px;
-            color: var(--text-muted);
-        }
-
-        .d2h-viewed-checkbox input[type="checkbox"] {
-            cursor: pointer;
-        }
-
-        .d2h-file-wrapper.viewed .d2h-file-diff,
-        .d2h-file-wrapper.viewed .d2h-files-diff {
-            display: none;
-        }
-
-        .d2h-file-name-wrapper {
-            display: flex;
-            align-items: center;
-            width: 100%;
-        }
-
-        /* Fix: Make line numbers sticky on the left when scrolling horizontally */
-        /* Fix: Remove the gap between line numbers and content */
-        .d2h-code-linenumber,
-        .d2h-code-side-linenumber {
-            position: sticky;
-            left: 0;
-            z-index: 1;
-            border-right: none;
-            padding-right: 0;
-            padding-left: 0;
-        }
-
-        /* Fix: Adjust content padding to match line number width exactly */
-        .d2h-code-linenumber {
-            width: 5em;
-        }
-
-        .d2h-code-side-linenumber {
-            width: 2.5em;
-        }
-
-        .d2h-code-line {
-            padding-left: 5em;
-            padding-right: 0;
-            width: calc(100% - 5em);
-        }
-
-        .d2h-code-side-line {
-            padding-left: 2.5em;
-            padding-right: 0;
-            width: calc(100% - 2.5em);
-        }
-
-        /* Fix: Remove padding from code line prefix to eliminate gap */
-        .d2h-code-line-prefix {
-            padding: 0;
-            margin: 0;
-        }
-
-        /* Fix: Ensure header tabs appear above sticky line numbers */
-        .header {
-            position: relative;
-            z-index: 10;
-        }
-    </style>
 </head>
 <body>
     <div class="container">
@@ -729,359 +282,9 @@ export class PatchEditorProvider implements vscode.CustomTextEditorProvider {
         </div>
     </div>
 
+    <script id="patch-initial-content" type="application/json" nonce="${nonce}">${initialContentJson}</script>
     <script nonce="${nonce}" src="${diff2htmlJsUri}"></script>
-    <script nonce="${nonce}">
-        (function() {
-            const vscode = acquireVsCodeApi();
-            
-            // Logging helpers — forward messages to the VS Code output channel
-            function logInfo(message) {
-                vscode.postMessage({ type: 'log', message: message });
-            }
-            function logWarn(message) {
-                vscode.postMessage({ type: 'warn', message: message });
-            }
-            function logError(message, error) {
-                vscode.postMessage({ type: 'error', message: message, error: error instanceof Error ? error.message : String(error || '') });
-            }
-            
-            // DOM elements
-            const diffOutput = document.getElementById('diff-output');
-            const contentOutput = document.getElementById('content-output');
-            const tabContents = document.querySelectorAll('.tab-content');
-            const tabs = document.querySelectorAll('.tab');
-            const viewBtns = document.querySelectorAll('.view-btn');
-            
-            if (!diffOutput) {
-                logError('Failed to find #diff-output element in DOM');
-            }
-            if (!contentOutput) {
-                logError('Failed to find #content-output element in DOM');
-            }
-            
-            // State
-            let currentContent = ${safeContentJson};
-            let currentViewMode = 'side-by-side';
-            let renderDebounceTimer = null;
-            
-            // Debounce helper
-            function debounce(fn, delay) {
-                return function(...args) {
-                    if (renderDebounceTimer) {
-                        clearTimeout(renderDebounceTimer);
-                    }
-                    renderDebounceTimer = setTimeout(() => fn.apply(this, args), delay);
-                };
-            }
-            
-            // Debounced render for content changes
-            const debouncedRenderDiff = debounce(renderDiff, 300);
-            
-            // Initialize
-            function init() {
-                logInfo('Initializing patch viewer');
-                bindEvents();
-                renderDiff();
-                updateContentTab();
-            }
-            
-            // Bind events
-            function bindEvents() {
-                // Tab switching
-                tabs.forEach(tab => {
-                    tab.addEventListener('click', () => {
-                        const targetTab = tab.dataset.tab;
-                        switchTab(targetTab);
-                    });
-                });
-                
-                // View mode switching
-                viewBtns.forEach(btn => {
-                    btn.addEventListener('click', () => {
-                        const viewMode = btn.dataset.view;
-                        setViewMode(viewMode);
-                    });
-                });
-                
-                // Content editing - send changes to VS Code
-                if (contentOutput) {
-                    contentOutput.addEventListener('input', () => {
-                        const newContent = contentOutput.value;
-                        if (newContent !== currentContent) {
-                            currentContent = newContent;
-                            vscode.postMessage({
-                                type: 'contentChanged',
-                                content: newContent
-                            });
-                            debouncedRenderDiff();
-                        }
-                    });
-                }
-                
-                // Handle messages from extension
-                window.addEventListener('message', event => {
-                    const message = event.data;
-                    switch (message.type) {
-                        case 'update':
-                            logInfo('Document updated, re-rendering diff');
-                            currentContent = message.content;
-                            renderDiff();
-                            updateContentTab();
-                            break;
-                        case 'themeChanged':
-                            logInfo('Theme changed to kind: ' + message.kind);
-                            applyTheme(message.kind);
-                            renderDiff();
-                            break;
-                        case 'setViewMode':
-                            logInfo('View mode set to: ' + message.viewMode);
-                            setViewMode(message.viewMode, false);
-                            break;
-                    }
-                });
-            }
-            
-            // Set view mode
-            function setViewMode(viewMode, notify = true) {
-                currentViewMode = viewMode;
-                viewBtns.forEach(btn => {
-                    const isActive = btn.dataset.view === viewMode;
-                    btn.classList.toggle('active', isActive);
-                    btn.setAttribute('aria-pressed', isActive ? 'true' : 'false');
-                });
-                renderDiff();
-                
-                if (notify) {
-                    vscode.postMessage({
-                        type: 'viewModeChanged',
-                        viewMode: viewMode
-                    });
-                }
-            }
-            
-            // Switch between tabs
-            function switchTab(targetTab) {
-                // Update tab buttons
-                tabs.forEach(tab => {
-                    const isActive = tab.dataset.tab === targetTab;
-                    tab.classList.toggle('active', isActive);
-                    tab.setAttribute('aria-selected', isActive ? 'true' : 'false');
-                });
-                
-                // Update tab content visibility
-                tabContents.forEach(content => {
-                    const isActive = content.id === targetTab + '-tab';
-                    content.classList.toggle('active', isActive);
-                });
-            }
-            
-            // Update content tab with raw content
-            function updateContentTab() {
-                if (contentOutput) {
-                    contentOutput.value = currentContent || '';
-                }
-            }
-            
-            // Apply VS Code theme
-            function applyTheme(themeKind) {
-                // Remove existing theme classes
-                document.body.classList.remove('vscode-light', 'vscode-dark', 'vscode-high-contrast');
-                
-                // Add appropriate class based on theme kind
-                // ThemeKind: 1 = Light, 2 = Dark, 3 = HighContrast (Dark), 4 = HighContrast (Light)
-                switch (themeKind) {
-                    case 1:
-                        document.body.classList.add('vscode-light');
-                        break;
-                    case 2:
-                        document.body.classList.add('vscode-dark');
-                        break;
-                    case 3:
-                        document.body.classList.add('vscode-high-contrast');
-                        break;
-                    case 4:
-                        document.body.classList.add('vscode-light');
-                        break;
-                }
-            }
-            
-            // Setup synchronized horizontal scrolling for side-by-side view
-            function setupSynchronizedScroll() {
-                // Find all file wrappers with side-by-side diff
-                const fileWrappers = diffOutput.querySelectorAll('.d2h-file-wrapper');
-                
-                fileWrappers.forEach(wrapper => {
-                    const sidePanels = wrapper.querySelectorAll('.d2h-file-side-diff');
-                    if (sidePanels.length !== 2) return;
-                    
-                    const leftPanel = sidePanels[0];
-                    const rightPanel = sidePanels[1];
-                    let scrollSource = null;
-                    
-                    function syncScroll(source, target) {
-                        if (scrollSource && scrollSource !== source) return;
-                        scrollSource = source;
-                        
-                        requestAnimationFrame(() => {
-                            target.scrollLeft = source.scrollLeft;
-                            scrollSource = null;
-                        });
-                    }
-                    
-                    leftPanel.addEventListener('scroll', function() {
-                        syncScroll(this, rightPanel);
-                    });
-                    
-                    rightPanel.addEventListener('scroll', function() {
-                        syncScroll(this, leftPanel);
-                    });
-                });
-            }
-            
-            // Setup viewed checkbox functionality for each file
-            function setupViewedCheckboxes() {
-                const fileWrappers = diffOutput.querySelectorAll('.d2h-file-wrapper');
-                fileWrappers.forEach((wrapper, index) => {
-                    const header = wrapper.querySelector('.d2h-file-header');
-                    if (!header) return;
-                    
-                    // Check if checkbox already exists
-                    if (header.querySelector('.d2h-viewed-checkbox')) return;
-                    
-                    // Get file name for accessibility
-                    const fileNameEl = header.querySelector('.d2h-file-name');
-                    const fileName = fileNameEl ? fileNameEl.textContent : 'File ' + (index + 1);
-                    const checkboxId = 'd2h-viewed-' + index;
-                    
-                    // Create viewed checkbox container
-                    const checkboxContainer = document.createElement('label');
-                    checkboxContainer.className = 'd2h-viewed-checkbox';
-                    checkboxContainer.setAttribute('for', checkboxId);
-                    
-                    const checkbox = document.createElement('input');
-                    checkbox.type = 'checkbox';
-                    checkbox.id = checkboxId;
-                    checkbox.setAttribute('aria-label', 'Mark ' + fileName + ' as viewed');
-                    checkbox.addEventListener('change', function() {
-                        wrapper.classList.toggle('viewed', this.checked);
-                    });
-                    
-                    const labelText = document.createElement('span');
-                    labelText.textContent = 'Viewed';
-                    
-                    checkboxContainer.appendChild(checkbox);
-                    checkboxContainer.appendChild(labelText);
-                    
-                    // Insert checkbox into header
-                    const fileNameWrapper = header.querySelector('.d2h-file-name-wrapper');
-                    if (fileNameWrapper) {
-                        fileNameWrapper.appendChild(checkboxContainer);
-                    }
-                });
-            }
-            
-            // Strip git format-patch footer (a trailing "-- " line followed by a git version such as 2.43.0).
-            // This footer is added by git format-patch and should not be parsed as diff content.
-            function stripGitPatchFooter(content) {
-                if (!content) return content;
-                // Match the git email signature footer: a "-- " line followed by version info.
-                // The footer is exactly "-- " on its own line, immediately followed by a git
-                // version number (such as 2.43.0) on the next line.
-                var footerPattern = new RegExp('\\n-- \\n[0-9]+\\.[0-9]+[^\\n]*\\n?$');
-                return content.replace(footerPattern, '\\n');
-            }
-            
-            // Render diff using diff2html
-            function renderDiff() {
-                if (!diffOutput) {
-                    logError('Cannot render diff: #diff-output element not found');
-                    return;
-                }
-                if (!currentContent || !currentContent.trim()) {
-                    logInfo('No diff content to display');
-                    diffOutput.innerHTML = '<div class="placeholder">No diff content to display</div>';
-                    return;
-                }
-                
-                // Check if Diff2Html is available
-                const Diff2HtmlLib = typeof Diff2Html !== 'undefined' ? Diff2Html : window.Diff2Html;
-                if (!Diff2HtmlLib) {
-                    const errorMsg = 'Diff2Html library is not loaded. Please reload the editor.';
-                    logError('Failed to render diff', 'Diff2Html is not defined — check that the extension assets are correctly installed');
-                    diffOutput.innerHTML = '<div class="placeholder">' + errorMsg + '</div>';
-                    return;
-                }
-                
-                try {
-                    const outputFormat = currentViewMode === 'side-by-side' ? 'side-by-side' : 'line-by-line';
-                    
-                    // Strip git format-patch footer before parsing
-                    const contentToParse = stripGitPatchFooter(currentContent);
-                    
-                    // Parse the diff content
-                    const diffJson = Diff2HtmlLib.parse(contentToParse, {
-                        inputFormat: 'diff'
-                    });
-                    
-                    // Check if parsing produced any results
-                    if (!diffJson || diffJson.length === 0) {
-                        const errorMsg = 'Unable to parse diff content. Please check if the content is a valid diff/patch format.';
-                        logWarn('Diff2Html.parse returned an empty result for the provided content');
-                        diffOutput.innerHTML = '<div class="placeholder">' + errorMsg + '</div>';
-                        return;
-                    }
-                    
-                    logInfo('Rendering diff: ' + diffJson.length + ' file(s), format=' + outputFormat);
-                    
-                    // Generate HTML from parsed diff
-                    const html = Diff2HtmlLib.html(diffJson, {
-                        inputFormat: 'json',
-                        outputFormat: outputFormat,
-                        showFiles: true,
-                        matching: 'lines',
-                        matchWordsThreshold: 0.25,
-                        maxLineLengthHighlight: 10000,
-                        renderNothingWhenEmpty: false,
-                        fileListToggle: true,
-                        fileListStartVisible: true,
-                        fileContentToggle: true,
-                        stickyFileHeaders: true
-                    });
-                    
-                    // Check if HTML output is empty
-                    if (!html || html.trim() === '') {
-                        logWarn('Diff2Html.html returned empty output for ' + diffJson.length + ' parsed file(s)');
-                        diffOutput.innerHTML = '<div class="placeholder">Failed to generate diff view. The content could not be rendered.</div>';
-                        return;
-                    }
-                    
-                    diffOutput.innerHTML = html;
-                    
-                    // Setup synchronized scrolling for side-by-side view
-                    if (currentViewMode === 'side-by-side') {
-                        setupSynchronizedScroll();
-                    }
-                    
-                    // Add viewed checkbox functionality
-                    setupViewedCheckboxes();
-                } catch (error) {
-                    const errorMessage = 'An error occurred while rendering the diff. Please check if the content is a valid diff/patch format.';
-                    logError('Failed to render diff', error);
-                    diffOutput.innerHTML = '<div class="placeholder">' + errorMessage + '</div>';
-                }
-            }
-            
-            // Initialize
-            try {
-                init();
-            } catch (error) {
-                logError('Fatal error during initialization', error);
-                if (diffOutput) {
-                    diffOutput.innerHTML = '<div class="placeholder">Failed to initialize the viewer. Please close and reopen the file.</div>';
-                }
-            }
-        })();
-    </script>
+    <script nonce="${nonce}" src="${patchViewerJsUri}"></script>
 </body>
 </html>
         `;
diff --git a/src/test/extension.test.ts b/src/test/extension.test.ts
index 5fd8bbc..78b61c0 100644
--- a/src/test/extension.test.ts
+++ b/src/test/extension.test.ts
@@ -73,8 +73,29 @@ suite('Extension Test Suite', () => {
         }
     });
 
-    test('Generated webview script should be valid JavaScript', () => {
-        const provider = new PatchEditorProvider({ subscriptions: [] } as any);
+    test('Webview client script file should be valid JavaScript', () => {
+        // The webview client script is now a standalone static file loaded via
+        // asWebviewUri(), so it is delivered to the browser verbatim. Validate
+        // that the shipped file parses as JavaScript.
+        const extension = vscode.extensions.getExtension('unknowIfGuestInDream.tlcsdm-patch-reader');
+        assert.ok(extension, 'Extension should be present');
+        const scriptPath = path.join(extension.extensionPath, 'media', 'patchViewer.js');
+        assert.ok(fs.existsSync(scriptPath), 'media/patchViewer.js should exist');
+        const scriptBody = fs.readFileSync(scriptPath, 'utf8');
+
+        // new Function only parses (does not execute) the body, so browser globals
+        // are not required. A malformed script would throw a SyntaxError here.
+        assert.doesNotThrow(
+            () => new Function(scriptBody),
+            'Webview client script must be syntactically valid JavaScript'
+        );
+    });
+
+    test('Initial patch content should be embedded safely and round-trip', () => {
+        const provider = new PatchEditorProvider({
+            extensionUri: vscode.Uri.file('/ext'),
+            subscriptions: []
+        } as any);
         const panel = vscode.window.createWebviewPanel(
             'tlcsdm.patchReader.test',
             'Patch Reader Test',
@@ -84,31 +105,53 @@ suite('Extension Test Suite', () => {
         try {
             const cssUri = panel.webview.asWebviewUri(vscode.Uri.file('/assets/diff2html.min.css'));
             const jsUri = panel.webview.asWebviewUri(vscode.Uri.file('/assets/diff2html.min.js'));
-            // Content that would break naive inline embedding, to also exercise the escaping
-            // (a diffed <script> tag plus a git format-patch footer).
+            const viewerCssUri = panel.webview.asWebviewUri(vscode.Uri.file('/media/patchViewer.css'));
+            const viewerJsUri = panel.webview.asWebviewUri(vscode.Uri.file('/media/patchViewer.js'));
+
+            // Content that would break naive inline embedding: a diffed <script> tag,
+            // an HTML comment, and a git format-patch footer.
             const trickyContent = [
                 'diff --git a/index.html b/index.html',
                 '@@ -1 +1 @@',
                 '-<script>a()</script>',
-                '+<script>b()</script>',
+                '+<script>b()</script><!-- x -->',
                 '-- ',
                 '2.43.0',
                 ''
             ].join('\n');
 
-            const html = (provider as any).getHtmlForWebview(panel.webview, trickyContent, cssUri, jsUri);
+            const html = (provider as any).getHtmlForWebview(
+                panel.webview,
+                trickyContent,
+                cssUri,
+                jsUri,
+                viewerCssUri,
+                viewerJsUri
+            );
+
+            // The client script must be referenced as an external file, not inlined.
+            assert.ok(
+                /<script[^>]*src="[^"]*patchViewer\.js"[^>]*><\/script>/.test(html),
+                'Webview HTML should load the external patchViewer.js script'
+            );
 
-            // Extract the inline application script (the nonce <script> block that has no src attribute).
-            const match = html.match(/<script nonce="[^"]*">([\s\S]*?)<\/script>/);
-            assert.ok(match, 'Inline application script block should be present in the webview HTML');
-            const scriptBody = match[1];
+            // The embedded JSON data block must not contain a raw "</script>" from
+            // the patch content, otherwise the HTML parser would close it early.
+            const dataMatch = html.match(
+                /<script id="patch-initial-content" type="application\/json"[^>]*>([\s\S]*?)<\/script>/
+            );
+            assert.ok(dataMatch, 'Initial content data block should be present in the webview HTML');
+            const dataBlock = dataMatch[1];
+            assert.ok(
+                !/<\/script/i.test(dataBlock),
+                'Embedded content data block must not contain a raw </script> sequence'
+            );
 
-            // new Function only parses (does not execute) the body, so browser globals are not required.
-            // A malformed script — e.g. a comment or string literal broken by an unescaped newline —
-            // would throw a SyntaxError here.
-            assert.doesNotThrow(
-                () => new Function(scriptBody),
-                'Inline webview script must be syntactically valid JavaScript'
+            // The data block must be valid JSON that round-trips to the original content.
+            assert.strictEqual(
+                JSON.parse(dataBlock),
+                trickyContent,
+                'Embedded content must round-trip back to the original patch text'
             );
         } finally {
             panel.dispose();

From 5dc1bda9351029140ba88287f0cbcc86cfe05ac3 Mon Sep 17 00:00:00 2001
From: "copilot-swe-agent[bot]" <198982749+Copilot@users.noreply.github.com>
Date: Sat, 8 Aug 2026 09:02:35 +0000
Subject: [PATCH 07/10] refactor(webview): drop misleading nonce on JSON data
 block; clarify test

Remove the nonce from the non-executable `type="application/json"` initial-content
block (CSP script-src does not apply to data blocks) and document why. Clarify the
test comment explaining why the "<" -> "\u003c" escaping makes the extraction regex
safe against "</script>" payloads.

Co-authored-by: unknowIfGuestInDream <57802425+unknowIfGuestInDream@users.noreply.github.com>
---
 src/patchEditorProvider.ts | 4 +++-
 src/test/extension.test.ts | 9 ++++++---
 2 files changed, 9 insertions(+), 4 deletions(-)

diff --git a/src/patchEditorProvider.ts b/src/patchEditorProvider.ts
index 619cd94..37f4b46 100644
--- a/src/patchEditorProvider.ts
+++ b/src/patchEditorProvider.ts
@@ -244,6 +244,8 @@ export class PatchEditorProvider implements vscode.CustomTextEditorProvider {
         const nonce = getNonce();
 
         // Embed the initial patch content in a non-executable JSON data block.
+        // A `type="application/json"` block is never executed, so the CSP
+        // `script-src` directive does not apply to it and it needs no nonce.
         // Escaping every "<" as "\u003c" keeps the JSON valid while guaranteeing
         // the raw text can never contain "</script>", so the HTML parser cannot
         // close the data block early — regardless of what the patch contains.
@@ -282,7 +284,7 @@ export class PatchEditorProvider implements vscode.CustomTextEditorProvider {
         </div>
     </div>
 
-    <script id="patch-initial-content" type="application/json" nonce="${nonce}">${initialContentJson}</script>
+    <script id="patch-initial-content" type="application/json">${initialContentJson}</script>
     <script nonce="${nonce}" src="${diff2htmlJsUri}"></script>
     <script nonce="${nonce}" src="${patchViewerJsUri}"></script>
 </body>
diff --git a/src/test/extension.test.ts b/src/test/extension.test.ts
index 78b61c0..6ccabe2 100644
--- a/src/test/extension.test.ts
+++ b/src/test/extension.test.ts
@@ -135,8 +135,10 @@ suite('Extension Test Suite', () => {
                 'Webview HTML should load the external patchViewer.js script'
             );
 
-            // The embedded JSON data block must not contain a raw "</script>" from
-            // the patch content, otherwise the HTML parser would close it early.
+            // Because getHtmlForWebview escapes every "<" as "\u003c", the patch's
+            // own "</script>" becomes "\u003c/script>" in the data block. The lazy
+            // regex terminator below is therefore only matched by the block's real
+            // closing tag, and the data block itself contains no raw "</script>".
             const dataMatch = html.match(
                 /<script id="patch-initial-content" type="application\/json"[^>]*>([\s\S]*?)<\/script>/
             );
@@ -147,7 +149,8 @@ suite('Extension Test Suite', () => {
                 'Embedded content data block must not contain a raw </script> sequence'
             );
 
-            // The data block must be valid JSON that round-trips to the original content.
+            // The data block must be valid JSON that round-trips to the original
+            // content exactly, proving the escaping preserves the patch verbatim.
             assert.strictEqual(
                 JSON.parse(dataBlock),
                 trickyContent,

From 2497d57585eb586dfbcc4e3d76f7464e61b55948 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=A2=A6=E9=87=8C=E4=B8=8D=E7=9F=A5=E8=BA=AB=E6=98=AF?=
 =?UTF-8?q?=E5=AE=A2?= <liang.tang.cx@gmail.com>
Date: Sat, 8 Aug 2026 17:05:07 +0800
Subject: [PATCH 08/10] Potential fix for pull request finding 'CodeQL /
 Missing origin verification in `postMessage` handler'
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Co-authored-by: Copilot Autofix powered by AI <62310815+github-advanced-security[bot]@users.noreply.github.com>
Signed-off-by: 梦里不知身是客 <liang.tang.cx@gmail.com>
---
 media/patchViewer.js | 6 ++++++
 1 file changed, 6 insertions(+)

diff --git a/media/patchViewer.js b/media/patchViewer.js
index 6652984..a5e140d 100644
--- a/media/patchViewer.js
+++ b/media/patchViewer.js
@@ -114,6 +114,12 @@
         
         // Handle messages from extension
         window.addEventListener('message', event => {
+            const trustedOrigin = window.location.origin;
+            if (event.origin !== trustedOrigin) {
+                logWarn('Ignored message from untrusted origin: ' + event.origin);
+                return;
+            }
+
             const message = event.data;
             switch (message.type) {
                 case 'update':

From 23a38576fd89d3f3eaf58daf46a0ecf410623de0 Mon Sep 17 00:00:00 2001
From: "copilot-swe-agent[bot]" <198982749+Copilot@users.noreply.github.com>
Date: Sat, 8 Aug 2026 09:25:43 +0000
Subject: [PATCH 09/10] fix(webview): vendor diff2html assets so the viewer
 always renders

Co-authored-by: unknowIfGuestInDream <57802425+unknowIfGuestInDream@users.noreply.github.com>
---
 .gitignore                            |   1 -
 media/diff2html/css/diff2html.min.css |   1 +
 media/diff2html/js/diff2html.min.js   |   1 +
 package-lock.json                     | 570 ++++++++++++++++++++++++++
 package.json                          |   4 +-
 src/test/extension.test.ts            |  94 +++++
 6 files changed, 669 insertions(+), 2 deletions(-)
 create mode 100644 media/diff2html/css/diff2html.min.css
 create mode 100644 media/diff2html/js/diff2html.min.js

diff --git a/.gitignore b/.gitignore
index 177824c..8b654ef 100644
--- a/.gitignore
+++ b/.gitignore
@@ -5,7 +5,6 @@ node_modules/
 out/
 dist/
 *.vsix
-media/diff2html/
 
 # IDE
 .vscode-test/
diff --git a/media/diff2html/css/diff2html.min.css b/media/diff2html/css/diff2html.min.css
new file mode 100644
index 0000000..8d572e0
--- /dev/null
+++ b/media/diff2html/css/diff2html.min.css
@@ -0,0 +1 @@
+:host,:root{--d2h-bg-color:#fff;--d2h-border-color:#ddd;--d2h-dim-color:rgba(0,0,0,.3);--d2h-line-border-color:#eee;--d2h-file-header-bg-color:#f7f7f7;--d2h-file-header-border-color:#d8d8d8;--d2h-empty-placeholder-bg-color:#f1f1f1;--d2h-empty-placeholder-border-color:#e1e1e1;--d2h-selected-color:#c8e1ff;--d2h-ins-bg-color:#dfd;--d2h-ins-border-color:#b4e2b4;--d2h-ins-highlight-bg-color:#97f295;--d2h-ins-label-color:#399839;--d2h-del-bg-color:#fee8e9;--d2h-del-border-color:#e9aeae;--d2h-del-highlight-bg-color:#ffb6ba;--d2h-del-label-color:#c33;--d2h-change-del-color:#fdf2d0;--d2h-change-ins-color:#ded;--d2h-info-bg-color:#f8fafd;--d2h-info-border-color:#d5e4f2;--d2h-change-label-color:#d0b44c;--d2h-moved-label-color:#3572b0;--d2h-dark-color:#e6edf3;--d2h-dark-bg-color:#0d1117;--d2h-dark-border-color:#30363d;--d2h-dark-dim-color:#6e7681;--d2h-dark-line-border-color:#21262d;--d2h-dark-file-header-bg-color:#161b22;--d2h-dark-file-header-border-color:#30363d;--d2h-dark-empty-placeholder-bg-color:hsla(215,8%,47%,.1);--d2h-dark-empty-placeholder-border-color:#30363d;--d2h-dark-selected-color:rgba(56,139,253,.1);--d2h-dark-ins-bg-color:rgba(46,160,67,.15);--d2h-dark-ins-border-color:rgba(46,160,67,.4);--d2h-dark-ins-highlight-bg-color:rgba(46,160,67,.4);--d2h-dark-ins-label-color:#3fb950;--d2h-dark-del-bg-color:rgba(248,81,73,.1);--d2h-dark-del-border-color:rgba(248,81,73,.4);--d2h-dark-del-highlight-bg-color:rgba(248,81,73,.4);--d2h-dark-del-label-color:#f85149;--d2h-dark-change-del-color:rgba(210,153,34,.2);--d2h-dark-change-ins-color:rgba(46,160,67,.25);--d2h-dark-info-bg-color:rgba(56,139,253,.1);--d2h-dark-info-border-color:rgba(56,139,253,.4);--d2h-dark-change-label-color:#d29922;--d2h-dark-moved-label-color:#3572b0}.d2h-wrapper{text-align:left}.d2h-file-header{background-color:#f7f7f7;background-color:var(--d2h-file-header-bg-color);border-bottom:1px solid #d8d8d8;border-bottom:1px solid var(--d2h-file-header-border-color);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:Source Sans Pro,Helvetica Neue,Helvetica,Arial,sans-serif;height:35px;padding:5px 10px}.d2h-file-header.d2h-sticky-header{position:sticky;top:0;z-index:1}.d2h-file-stats{display:-webkit-box;display:-ms-flexbox;display:flex;font-size:14px;margin-left:auto}.d2h-lines-added{border:1px solid #b4e2b4;border:1px solid var(--d2h-ins-border-color);border-radius:5px 0 0 5px;color:#399839;color:var(--d2h-ins-label-color);padding:2px;text-align:right;vertical-align:middle}.d2h-lines-deleted{border:1px solid #e9aeae;border:1px solid var(--d2h-del-border-color);border-radius:0 5px 5px 0;color:#c33;color:var(--d2h-del-label-color);margin-left:1px;padding:2px;text-align:left;vertical-align:middle}.d2h-file-name-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:15px;width:100%}.d2h-file-name{overflow-x:hidden;text-overflow:ellipsis;white-space:nowrap}.d2h-file-wrapper{border:1px solid #ddd;border:1px solid var(--d2h-border-color);border-radius:3px;margin-bottom:1em}.d2h-file-collapse{-webkit-box-pack:end;-ms-flex-pack:end;cursor:pointer;display:none;font-size:12px;justify-content:flex-end;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border:1px solid #ddd;border:1px solid var(--d2h-border-color);border-radius:3px;padding:4px 8px}.d2h-file-collapse.d2h-selected{background-color:#c8e1ff;background-color:var(--d2h-selected-color)}.d2h-file-collapse-input{margin:0 4px 0 0}.d2h-diff-table{border-collapse:collapse;font-family:Menlo,Consolas,monospace;font-size:13px;width:100%}.d2h-files-diff{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%}.d2h-file-diff{overflow-y:hidden}.d2h-file-diff.d2h-d-none,.d2h-files-diff.d2h-d-none{display:none}.d2h-file-side-diff{display:inline-block;overflow-x:scroll;overflow-y:hidden;width:50%}.d2h-code-line{padding:0 8em;width:calc(100% - 16em)}.d2h-code-line,.d2h-code-side-line{display:inline-block;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap}.d2h-code-side-line{padding:0 4.5em;width:calc(100% - 9em)}.d2h-code-line-ctn{background:none;display:inline-block;padding:0;word-wrap:normal;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text;vertical-align:middle;white-space:pre;width:100%}.d2h-code-line del,.d2h-code-side-line del{background-color:#ffb6ba;background-color:var(--d2h-del-highlight-bg-color)}.d2h-code-line del,.d2h-code-line ins,.d2h-code-side-line del,.d2h-code-side-line ins{border-radius:.2em;display:inline-block;margin-top:-1px;-webkit-text-decoration:none;text-decoration:none}.d2h-code-line ins,.d2h-code-side-line ins{background-color:#97f295;background-color:var(--d2h-ins-highlight-bg-color);text-align:left}.d2h-code-line-prefix{background:none;display:inline;padding:0;word-wrap:normal;white-space:pre}.line-num1{float:left}.line-num1,.line-num2{-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden;padding:0 .5em;text-overflow:ellipsis;width:3.5em}.line-num2{float:right}.d2h-code-linenumber{background-color:#fff;background-color:var(--d2h-bg-color);border:solid #eee;border:solid var(--d2h-line-border-color);border-width:0 1px;-webkit-box-sizing:border-box;box-sizing:border-box;color:rgba(0,0,0,.3);color:var(--d2h-dim-color);cursor:pointer;display:inline-block;position:absolute;text-align:right;width:7.5em}.d2h-code-linenumber:after{content:"\200b"}.d2h-code-side-linenumber{background-color:#fff;background-color:var(--d2h-bg-color);border:solid #eee;border:solid var(--d2h-line-border-color);border-width:0 1px;-webkit-box-sizing:border-box;box-sizing:border-box;color:rgba(0,0,0,.3);color:var(--d2h-dim-color);cursor:pointer;display:inline-block;overflow:hidden;padding:0 .5em;position:absolute;text-align:right;text-overflow:ellipsis;width:4em}.d2h-code-side-linenumber:after{content:"\200b"}.d2h-code-side-emptyplaceholder,.d2h-emptyplaceholder{background-color:#f1f1f1;background-color:var(--d2h-empty-placeholder-bg-color);border-color:#e1e1e1;border-color:var(--d2h-empty-placeholder-border-color)}.d2h-code-line-prefix,.d2h-code-linenumber,.d2h-code-side-linenumber,.d2h-emptyplaceholder{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.d2h-code-linenumber,.d2h-code-side-linenumber{direction:rtl}.d2h-del{background-color:#fee8e9;background-color:var(--d2h-del-bg-color);border-color:#e9aeae;border-color:var(--d2h-del-border-color)}.d2h-ins{background-color:#dfd;background-color:var(--d2h-ins-bg-color);border-color:#b4e2b4;border-color:var(--d2h-ins-border-color)}.d2h-info{background-color:#f8fafd;background-color:var(--d2h-info-bg-color);border-color:#d5e4f2;border-color:var(--d2h-info-border-color);color:rgba(0,0,0,.3);color:var(--d2h-dim-color)}.d2h-file-diff .d2h-del.d2h-change{background-color:#fdf2d0;background-color:var(--d2h-change-del-color)}.d2h-file-diff .d2h-ins.d2h-change{background-color:#ded;background-color:var(--d2h-change-ins-color)}.d2h-file-list-wrapper{margin-bottom:10px}.d2h-file-list-wrapper a{-webkit-text-decoration:none;text-decoration:none}.d2h-file-list-wrapper a,.d2h-file-list-wrapper a:visited{color:#3572b0;color:var(--d2h-moved-label-color)}.d2h-file-list-header{text-align:left}.d2h-file-list-title{font-weight:700}.d2h-file-list-line{display:-webkit-box;display:-ms-flexbox;display:flex;text-align:left}.d2h-file-list{display:block;list-style:none;margin:0;padding:0}.d2h-file-list>li{border-bottom:1px solid #ddd;border-bottom:1px solid var(--d2h-border-color);margin:0;padding:5px 10px}.d2h-file-list>li:last-child{border-bottom:none}.d2h-file-switch{cursor:pointer;display:none;font-size:10px}.d2h-icon{fill:currentColor;margin-right:10px;vertical-align:middle}.d2h-deleted{color:#c33;color:var(--d2h-del-label-color)}.d2h-added{color:#399839;color:var(--d2h-ins-label-color)}.d2h-changed{color:#d0b44c;color:var(--d2h-change-label-color)}.d2h-moved{color:#3572b0;color:var(--d2h-moved-label-color)}.d2h-tag{background-color:#fff;background-color:var(--d2h-bg-color);display:-webkit-box;display:-ms-flexbox;display:flex;font-size:10px;margin-left:5px;padding:0 2px}.d2h-deleted-tag{border:1px solid #c33;border:1px solid var(--d2h-del-label-color)}.d2h-added-tag{border:1px solid #399839;border:1px solid var(--d2h-ins-label-color)}.d2h-changed-tag{border:1px solid #d0b44c;border:1px solid var(--d2h-change-label-color)}.d2h-moved-tag{border:1px solid #3572b0;border:1px solid var(--d2h-moved-label-color)}.d2h-dark-color-scheme{background-color:#0d1117;background-color:var(--d2h-dark-bg-color);color:#e6edf3;color:var(--d2h-dark-color)}.d2h-dark-color-scheme .d2h-file-header{background-color:#161b22;background-color:var(--d2h-dark-file-header-bg-color);border-bottom:#30363d;border-bottom:var(--d2h-dark-file-header-border-color)}.d2h-dark-color-scheme .d2h-lines-added{border:1px solid rgba(46,160,67,.4);border:1px solid var(--d2h-dark-ins-border-color);color:#3fb950;color:var(--d2h-dark-ins-label-color)}.d2h-dark-color-scheme .d2h-lines-deleted{border:1px solid rgba(248,81,73,.4);border:1px solid var(--d2h-dark-del-border-color);color:#f85149;color:var(--d2h-dark-del-label-color)}.d2h-dark-color-scheme .d2h-code-line del,.d2h-dark-color-scheme .d2h-code-side-line del{background-color:rgba(248,81,73,.4);background-color:var(--d2h-dark-del-highlight-bg-color)}.d2h-dark-color-scheme .d2h-code-line ins,.d2h-dark-color-scheme .d2h-code-side-line ins{background-color:rgba(46,160,67,.4);background-color:var(--d2h-dark-ins-highlight-bg-color)}.d2h-dark-color-scheme .d2h-diff-tbody{border-color:#30363d;border-color:var(--d2h-dark-border-color)}.d2h-dark-color-scheme .d2h-code-side-linenumber{background-color:#0d1117;background-color:var(--d2h-dark-bg-color);border-color:#21262d;border-color:var(--d2h-dark-line-border-color);color:#6e7681;color:var(--d2h-dark-dim-color)}.d2h-dark-color-scheme .d2h-files-diff .d2h-code-side-emptyplaceholder,.d2h-dark-color-scheme .d2h-files-diff .d2h-emptyplaceholder{background-color:hsla(215,8%,47%,.1);background-color:var(--d2h-dark-empty-placeholder-bg-color);border-color:#30363d;border-color:var(--d2h-dark-empty-placeholder-border-color)}.d2h-dark-color-scheme .d2h-code-linenumber{background-color:#0d1117;background-color:var(--d2h-dark-bg-color);border-color:#21262d;border-color:var(--d2h-dark-line-border-color);color:#6e7681;color:var(--d2h-dark-dim-color)}.d2h-dark-color-scheme .d2h-del{background-color:rgba(248,81,73,.1);background-color:var(--d2h-dark-del-bg-color);border-color:rgba(248,81,73,.4);border-color:var(--d2h-dark-del-border-color)}.d2h-dark-color-scheme .d2h-ins{background-color:rgba(46,160,67,.15);background-color:var(--d2h-dark-ins-bg-color);border-color:rgba(46,160,67,.4);border-color:var(--d2h-dark-ins-border-color)}.d2h-dark-color-scheme .d2h-info{background-color:rgba(56,139,253,.1);background-color:var(--d2h-dark-info-bg-color);border-color:rgba(56,139,253,.4);border-color:var(--d2h-dark-info-border-color);color:#6e7681;color:var(--d2h-dark-dim-color)}.d2h-dark-color-scheme .d2h-file-diff .d2h-del.d2h-change{background-color:rgba(210,153,34,.2);background-color:var(--d2h-dark-change-del-color)}.d2h-dark-color-scheme .d2h-file-diff .d2h-ins.d2h-change{background-color:rgba(46,160,67,.25);background-color:var(--d2h-dark-change-ins-color)}.d2h-dark-color-scheme .d2h-file-wrapper{border:1px solid #30363d;border:1px solid var(--d2h-dark-border-color)}.d2h-dark-color-scheme .d2h-file-collapse{border:1px solid #0d1117;border:1px solid var(--d2h-dark-bg-color)}.d2h-dark-color-scheme .d2h-file-collapse.d2h-selected{background-color:rgba(56,139,253,.1);background-color:var(--d2h-dark-selected-color)}.d2h-dark-color-scheme .d2h-file-list-wrapper a,.d2h-dark-color-scheme .d2h-file-list-wrapper a:visited{color:#3572b0;color:var(--d2h-dark-moved-label-color)}.d2h-dark-color-scheme .d2h-file-list>li{border-bottom:1px solid #0d1117;border-bottom:1px solid var(--d2h-dark-bg-color)}.d2h-dark-color-scheme .d2h-deleted{color:#f85149;color:var(--d2h-dark-del-label-color)}.d2h-dark-color-scheme .d2h-added{color:#3fb950;color:var(--d2h-dark-ins-label-color)}.d2h-dark-color-scheme .d2h-changed{color:#d29922;color:var(--d2h-dark-change-label-color)}.d2h-dark-color-scheme .d2h-moved{color:#3572b0;color:var(--d2h-dark-moved-label-color)}.d2h-dark-color-scheme .d2h-tag{background-color:#0d1117;background-color:var(--d2h-dark-bg-color)}.d2h-dark-color-scheme .d2h-deleted-tag{border:1px solid #f85149;border:1px solid var(--d2h-dark-del-label-color)}.d2h-dark-color-scheme .d2h-added-tag{border:1px solid #3fb950;border:1px solid var(--d2h-dark-ins-label-color)}.d2h-dark-color-scheme .d2h-changed-tag{border:1px solid #d29922;border:1px solid var(--d2h-dark-change-label-color)}.d2h-dark-color-scheme .d2h-moved-tag{border:1px solid #3572b0;border:1px solid var(--d2h-dark-moved-label-color)}@media (prefers-color-scheme:dark){.d2h-auto-color-scheme{background-color:#0d1117;background-color:var(--d2h-dark-bg-color);color:#e6edf3;color:var(--d2h-dark-color)}.d2h-auto-color-scheme .d2h-file-header{background-color:#161b22;background-color:var(--d2h-dark-file-header-bg-color);border-bottom:#30363d;border-bottom:var(--d2h-dark-file-header-border-color)}.d2h-auto-color-scheme .d2h-lines-added{border:1px solid rgba(46,160,67,.4);border:1px solid var(--d2h-dark-ins-border-color);color:#3fb950;color:var(--d2h-dark-ins-label-color)}.d2h-auto-color-scheme .d2h-lines-deleted{border:1px solid rgba(248,81,73,.4);border:1px solid var(--d2h-dark-del-border-color);color:#f85149;color:var(--d2h-dark-del-label-color)}.d2h-auto-color-scheme .d2h-code-line del,.d2h-auto-color-scheme .d2h-code-side-line del{background-color:rgba(248,81,73,.4);background-color:var(--d2h-dark-del-highlight-bg-color)}.d2h-auto-color-scheme .d2h-code-line ins,.d2h-auto-color-scheme .d2h-code-side-line ins{background-color:rgba(46,160,67,.4);background-color:var(--d2h-dark-ins-highlight-bg-color)}.d2h-auto-color-scheme .d2h-diff-tbody{border-color:#30363d;border-color:var(--d2h-dark-border-color)}.d2h-auto-color-scheme .d2h-code-side-linenumber{background-color:#0d1117;background-color:var(--d2h-dark-bg-color);border-color:#21262d;border-color:var(--d2h-dark-line-border-color);color:#6e7681;color:var(--d2h-dark-dim-color)}.d2h-auto-color-scheme .d2h-files-diff .d2h-code-side-emptyplaceholder,.d2h-auto-color-scheme .d2h-files-diff .d2h-emptyplaceholder{background-color:hsla(215,8%,47%,.1);background-color:var(--d2h-dark-empty-placeholder-bg-color);border-color:#30363d;border-color:var(--d2h-dark-empty-placeholder-border-color)}.d2h-auto-color-scheme .d2h-code-linenumber{background-color:#0d1117;background-color:var(--d2h-dark-bg-color);border-color:#21262d;border-color:var(--d2h-dark-line-border-color);color:#6e7681;color:var(--d2h-dark-dim-color)}.d2h-auto-color-scheme .d2h-del{background-color:rgba(248,81,73,.1);background-color:var(--d2h-dark-del-bg-color);border-color:rgba(248,81,73,.4);border-color:var(--d2h-dark-del-border-color)}.d2h-auto-color-scheme .d2h-ins{background-color:rgba(46,160,67,.15);background-color:var(--d2h-dark-ins-bg-color);border-color:rgba(46,160,67,.4);border-color:var(--d2h-dark-ins-border-color)}.d2h-auto-color-scheme .d2h-info{background-color:rgba(56,139,253,.1);background-color:var(--d2h-dark-info-bg-color);border-color:rgba(56,139,253,.4);border-color:var(--d2h-dark-info-border-color);color:#6e7681;color:var(--d2h-dark-dim-color)}.d2h-auto-color-scheme .d2h-file-diff .d2h-del.d2h-change{background-color:rgba(210,153,34,.2);background-color:var(--d2h-dark-change-del-color)}.d2h-auto-color-scheme .d2h-file-diff .d2h-ins.d2h-change{background-color:rgba(46,160,67,.25);background-color:var(--d2h-dark-change-ins-color)}.d2h-auto-color-scheme .d2h-file-wrapper{border:1px solid #30363d;border:1px solid var(--d2h-dark-border-color)}.d2h-auto-color-scheme .d2h-file-collapse{border:1px solid #0d1117;border:1px solid var(--d2h-dark-bg-color)}.d2h-auto-color-scheme .d2h-file-collapse.d2h-selected{background-color:rgba(56,139,253,.1);background-color:var(--d2h-dark-selected-color)}.d2h-auto-color-scheme .d2h-file-list-wrapper a,.d2h-auto-color-scheme .d2h-file-list-wrapper a:visited{color:#3572b0;color:var(--d2h-dark-moved-label-color)}.d2h-auto-color-scheme .d2h-file-list>li{border-bottom:1px solid #0d1117;border-bottom:1px solid var(--d2h-dark-bg-color)}.d2h-dark-color-scheme .d2h-deleted{color:#f85149;color:var(--d2h-dark-del-label-color)}.d2h-auto-color-scheme .d2h-added{color:#3fb950;color:var(--d2h-dark-ins-label-color)}.d2h-auto-color-scheme .d2h-changed{color:#d29922;color:var(--d2h-dark-change-label-color)}.d2h-auto-color-scheme .d2h-moved{color:#3572b0;color:var(--d2h-dark-moved-label-color)}.d2h-auto-color-scheme .d2h-tag{background-color:#0d1117;background-color:var(--d2h-dark-bg-color)}.d2h-auto-color-scheme .d2h-deleted-tag{border:1px solid #f85149;border:1px solid var(--d2h-dark-del-label-color)}.d2h-auto-color-scheme .d2h-added-tag{border:1px solid #3fb950;border:1px solid var(--d2h-dark-ins-label-color)}.d2h-auto-color-scheme .d2h-changed-tag{border:1px solid #d29922;border:1px solid var(--d2h-dark-change-label-color)}.d2h-auto-color-scheme .d2h-moved-tag{border:1px solid #3572b0;border:1px solid var(--d2h-dark-moved-label-color)}}
\ No newline at end of file
diff --git a/media/diff2html/js/diff2html.min.js b/media/diff2html/js/diff2html.min.js
new file mode 100644
index 0000000..1085451
--- /dev/null
+++ b/media/diff2html/js/diff2html.min.js
@@ -0,0 +1 @@
+!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define("Diff2Html",[],t):"object"==typeof exports?exports.Diff2Html=t():e.Diff2Html=t()}(this,(()=>{return e={25(e,t,n){"use strict";var r,i=this&&this.__extends||(r=function(e,t){return r=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])},r(e,t)},function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Class extends value "+String(t)+" is not a constructor or null");function n(){this.constructor=e}r(e,t),e.prototype=null===t?Object.create(t):(n.prototype=t.prototype,new n)});Object.defineProperty(t,"__esModule",{value:!0}),t.wordsWithSpaceDiff=t.wordDiff=void 0,t.diffWords=function(e,n,r){return null==(null==r?void 0:r.ignoreWhitespace)||r.ignoreWhitespace?t.wordDiff.diff(e,n,r):d(e,n,r)},t.diffWordsWithSpace=d;var o=n(188),s=n(665),a="a-zA-Z0-9_\\u{AD}\\u{C0}-\\u{D6}\\u{D8}-\\u{F6}\\u{F8}-\\u{2C6}\\u{2C8}-\\u{2D7}\\u{2DE}-\\u{2FF}\\u{1E00}-\\u{1EFF}",l=new RegExp("[".concat(a,"]+|\\s+|[^").concat(a,"]"),"ug"),c=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return i(t,e),t.prototype.equals=function(e,t,n){return n.ignoreCase&&(e=e.toLowerCase(),t=t.toLowerCase()),e.trim()===t.trim()},t.prototype.tokenize=function(e,t){var n;if(void 0===t&&(t={}),t.intlSegmenter){var r=t.intlSegmenter;if("word"!=r.resolvedOptions().granularity)throw new Error('The segmenter passed must have a granularity of "word"');n=[];for(var i=0,o=Array.from(r.segment(e));i<o.length;i++){var s=o[i].segment;n.length&&/\s/.test(n[n.length-1])&&/\s/.test(s)?n[n.length-1]+=s:n.push(s)}}else n=e.match(l)||[];var a=[],c=null;return n.forEach((function(e){/\s/.test(e)?null==c?a.push(e):a.push(a.pop()+e):null!=c&&/\s/.test(c)?a[a.length-1]==c?a.push(a.pop()+e):a.push(c+e):a.push(e),c=e})),a},t.prototype.join=function(e){return e.map((function(e,t){return 0==t?e:e.replace(/^\s+/,"")})).join("")},t.prototype.postProcess=function(e,t){if(!e||t.oneChangePerToken)return e;var n=null,r=null,i=null;return e.forEach((function(e){e.added?r=e:e.removed?i=e:((r||i)&&u(n,i,r,e),n=e,r=null,i=null)})),(r||i)&&u(n,i,r,null),e},t}(o.default);function u(e,t,n,r){if(t&&n){var i=(0,s.leadingWs)(t.value),o=(0,s.trailingWs)(t.value),a=(0,s.leadingWs)(n.value),l=(0,s.trailingWs)(n.value);if(e){var c=(0,s.longestCommonPrefix)(i,a);e.value=(0,s.replaceSuffix)(e.value,a,c),t.value=(0,s.removePrefix)(t.value,c),n.value=(0,s.removePrefix)(n.value,c)}if(r){var u=(0,s.longestCommonSuffix)(o,l);r.value=(0,s.replacePrefix)(r.value,l,u),t.value=(0,s.removeSuffix)(t.value,u),n.value=(0,s.removeSuffix)(n.value,u)}}else if(n){if(e){var f=(0,s.leadingWs)(n.value);n.value=n.value.substring(f.length)}r&&(f=(0,s.leadingWs)(r.value),r.value=r.value.substring(f.length))}else if(e&&r){var d=(0,s.leadingWs)(r.value),h=(0,s.leadingWs)(t.value),p=(0,s.trailingWs)(t.value),b=(0,s.longestCommonPrefix)(d,h);t.value=(0,s.removePrefix)(t.value,b);var g=(0,s.longestCommonSuffix)((0,s.removePrefix)(d,b),p);t.value=(0,s.removeSuffix)(t.value,g),r.value=(0,s.replacePrefix)(r.value,d,g),e.value=(0,s.replaceSuffix)(e.value,d,d.slice(0,d.length-g.length))}else if(r){var v=(0,s.leadingWs)(r.value),m=(0,s.trailingWs)(t.value),y=(0,s.maximumOverlap)(m,v);t.value=(0,s.removeSuffix)(t.value,y)}else if(e){var w=(0,s.trailingWs)(e.value),O=(0,s.leadingWs)(t.value);y=(0,s.maximumOverlap)(w,O),t.value=(0,s.removePrefix)(t.value,y)}}t.wordDiff=new c;var f=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return i(t,e),t.prototype.tokenize=function(e){var t=new RegExp("(\\r?\\n)|[".concat(a,"]+|[^\\S\\n\\r]+|[^").concat(a,"]"),"ug");return e.match(t)||[]},t}(o.default);function d(e,n,r){return t.wordsWithSpaceDiff.diff(e,n,r)}t.wordsWithSpaceDiff=new f},42(e,t,n){"use strict";var r,i=this&&this.__extends||(r=function(e,t){return r=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])},r(e,t)},function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Class extends value "+String(t)+" is not a constructor or null");function n(){this.constructor=e}r(e,t),e.prototype=null===t?Object.create(t):(n.prototype=t.prototype,new n)});Object.defineProperty(t,"__esModule",{value:!0}),t.cssDiff=void 0,t.diffCss=function(e,n,r){return t.cssDiff.diff(e,n,r)};var o=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return i(t,e),t.prototype.tokenize=function(e){return e.split(/([{}:;,]|\s+)/)},t}(n(188).default);t.cssDiff=new o},111(e,t,n){var r=n(453);r.Template=n(766).Template,r.template=r.Template,e.exports=r},151(e,t,n){"use strict";var r,i=this&&this.__createBinding||(Object.create?function(e,t,n,r){void 0===r&&(r=n);var i=Object.getOwnPropertyDescriptor(t,n);i&&!("get"in i?!t.__esModule:i.writable||i.configurable)||(i={enumerable:!0,get:function(){return t[n]}}),Object.defineProperty(e,r,i)}:function(e,t,n,r){void 0===r&&(r=n),e[r]=t[n]}),o=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),s=this&&this.__importStar||(r=function(e){return r=Object.getOwnPropertyNames||function(e){var t=[];for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&(t[t.length]=n);return t},r(e)},function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var n=r(e),s=0;s<n.length;s++)"default"!==n[s]&&i(t,e,n[s]);return o(t,e),t});Object.defineProperty(t,"__esModule",{value:!0}),t.defaultSideBySideRendererConfig=void 0;const a=s(n(598)),l=s(n(302)),c=n(613),u=n(185);t.defaultSideBySideRendererConfig=Object.assign(Object.assign({},l.defaultRenderConfig),{renderNothingWhenEmpty:!1,matchingMaxComparisons:2500,maxLineSizeInBlockForComparison:200});const f="generic";t.default=class{constructor(e,n={}){this.hoganUtils=e,this.config=Object.assign(Object.assign({},t.defaultSideBySideRendererConfig),n)}render(e){const t=e.map((e=>{let t;return t=e.blocks.length?this.generateFileHtml(e):this.generateEmptyDiff(),this.makeFileDiffHtml(e,t)})).join("\n");return this.hoganUtils.render(f,"wrapper",{colorScheme:l.colorSchemeToCss(this.config.colorScheme),content:t})}makeFileDiffHtml(e,t){if(this.config.renderNothingWhenEmpty&&Array.isArray(e.blocks)&&0===e.blocks.length)return"";const n=this.hoganUtils.template("side-by-side","file-diff"),r=this.hoganUtils.template(f,"file-path"),i=this.hoganUtils.template("icon","file"),o=this.hoganUtils.template("tag",l.getFileIcon(e));return n.render({file:e,fileHtmlId:l.getHtmlId(e),diffs:t,filePath:r.render({fileDiffName:l.filenameDiff(e)},{fileIcon:i,fileTag:o})})}generateEmptyDiff(){return{right:"",left:this.hoganUtils.render(f,"empty-diff",{contentClass:"d2h-code-side-line",CSSLineClass:l.CSSLineClass})}}generateFileHtml(e){const t=a.newMatcherFn(a.newDistanceFn((t=>l.deconstructLine(t.content,e.isCombined).content)));return e.blocks.map((n=>{const r={left:this.makeHeaderHtml(n.header,e),right:this.makeHeaderHtml("")};return this.applyLineGroupping(n).forEach((([n,i,o])=>{if(i.length&&o.length&&!n.length)this.applyRematchMatching(i,o,t).map((([t,n])=>{const{left:i,right:o}=this.processChangedLines(e.isCombined,t,n);r.left+=i,r.right+=o}));else if(n.length)n.forEach((t=>{const{prefix:n,content:i}=l.deconstructLine(t.content,e.isCombined),{left:o,right:s}=this.generateLineHtml({type:l.CSSLineClass.CONTEXT,prefix:n,content:i,number:t.oldNumber},{type:l.CSSLineClass.CONTEXT,prefix:n,content:i,number:t.newNumber});r.left+=o,r.right+=s}));else if(i.length||o.length){const{left:t,right:n}=this.processChangedLines(e.isCombined,i,o);r.left+=t,r.right+=n}else console.error("Unknown state reached while processing groups of lines",n,i,o)})),r})).reduce(((e,t)=>({left:e.left+t.left,right:e.right+t.right})),{left:"",right:""})}applyLineGroupping(e){const t=[];let n=[],r=[];for(let i=0;i<e.lines.length;i++){const o=e.lines[i];(o.type!==c.LineType.INSERT&&r.length||o.type===c.LineType.CONTEXT&&n.length>0)&&(t.push([[],n,r]),n=[],r=[]),o.type===c.LineType.CONTEXT?t.push([[o],[],[]]):o.type===c.LineType.INSERT&&0===n.length?t.push([[],[],[o]]):o.type===c.LineType.INSERT&&n.length>0?r.push(o):o.type===c.LineType.DELETE&&n.push(o)}return(n.length||r.length)&&(t.push([[],n,r]),n=[],r=[]),t}applyRematchMatching(e,t,n){const r=e.length*t.length,i=(0,u.max)(e.concat(t).map((e=>e.content.length)));return r<this.config.matchingMaxComparisons&&i<this.config.maxLineSizeInBlockForComparison&&("lines"===this.config.matching||"words"===this.config.matching)?n(e,t):[[e,t]]}makeHeaderHtml(e,t){return this.hoganUtils.render(f,"block-header",{CSSLineClass:l.CSSLineClass,blockHeader:(null==t?void 0:t.isTooBig)?e:l.escapeForHtml(e),lineClass:"d2h-code-side-linenumber",contentClass:"d2h-code-side-line"})}processChangedLines(e,t,n){const r={right:"",left:""},i=Math.max(t.length,n.length);for(let o=0;o<i;o++){const i=t[o],s=n[o],a=void 0!==i&&void 0!==s?l.diffHighlight(i.content,s.content,e,this.config):void 0,c=void 0!==i&&void 0!==i.oldNumber?Object.assign(Object.assign({},void 0!==a?{prefix:a.oldLine.prefix,content:a.oldLine.content,type:l.CSSLineClass.DELETE_CHANGES}:Object.assign(Object.assign({},l.deconstructLine(i.content,e)),{type:l.toCSSClass(i.type)})),{number:i.oldNumber}):void 0,u=void 0!==s&&void 0!==s.newNumber?Object.assign(Object.assign({},void 0!==a?{prefix:a.newLine.prefix,content:a.newLine.content,type:l.CSSLineClass.INSERT_CHANGES}:Object.assign(Object.assign({},l.deconstructLine(s.content,e)),{type:l.toCSSClass(s.type)})),{number:s.newNumber}):void 0,{left:f,right:d}=this.generateLineHtml(c,u);r.left+=f,r.right+=d}return r}generateLineHtml(e,t){return{left:this.generateSingleHtml(e),right:this.generateSingleHtml(t)}}generateSingleHtml(e){const t="d2h-code-side-linenumber",n="d2h-code-side-line";return this.hoganUtils.render(f,"line",{type:(null==e?void 0:e.type)||`${l.CSSLineClass.CONTEXT} d2h-emptyplaceholder`,lineClass:void 0!==e?t:`${t} d2h-code-side-emptyplaceholder`,contentClass:void 0!==e?n:`${n} d2h-code-side-emptyplaceholder`,prefix:" "===(null==e?void 0:e.prefix)?"&nbsp;":null==e?void 0:e.prefix,content:null==e?void 0:e.content,lineNumber:null==e?void 0:e.number})}}},166(e,t,n){"use strict";var r,i=this&&this.__createBinding||(Object.create?function(e,t,n,r){void 0===r&&(r=n);var i=Object.getOwnPropertyDescriptor(t,n);i&&!("get"in i?!t.__esModule:i.writable||i.configurable)||(i={enumerable:!0,get:function(){return t[n]}}),Object.defineProperty(e,r,i)}:function(e,t,n,r){void 0===r&&(r=n),e[r]=t[n]}),o=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),s=this&&this.__importStar||(r=function(e){return r=Object.getOwnPropertyNames||function(e){var t=[];for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&(t[t.length]=n);return t},r(e)},function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var n=r(e),s=0;s<n.length;s++)"default"!==n[s]&&i(t,e,n[s]);return o(t,e),t}),a=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.defaultDiff2HtmlConfig=void 0,t.parse=function(e,n={}){return l.parse(e,Object.assign(Object.assign({},t.defaultDiff2HtmlConfig),n))},t.html=function(e,n={}){const r=Object.assign(Object.assign({},t.defaultDiff2HtmlConfig),n),i="string"==typeof e?l.parse(e,r):e,o=new h.default(r),{colorScheme:s}=r,a={colorScheme:s};return(r.drawFileList?new c.FileListRenderer(o,a).render(i):"")+("side-by-side"===r.outputFormat?new f.default(o,r).render(i):new u.default(o,r).render(i))};const l=s(n(957)),c=n(501),u=s(n(895)),f=s(n(151)),d=n(613),h=a(n(178));t.defaultDiff2HtmlConfig=Object.assign(Object.assign(Object.assign({},u.defaultLineByLineRendererConfig),f.defaultSideBySideRendererConfig),{outputFormat:d.OutputFormatType.LINE_BY_LINE,drawFileList:!0})},178(e,t,n){"use strict";var r,i=this&&this.__createBinding||(Object.create?function(e,t,n,r){void 0===r&&(r=n);var i=Object.getOwnPropertyDescriptor(t,n);i&&!("get"in i?!t.__esModule:i.writable||i.configurable)||(i={enumerable:!0,get:function(){return t[n]}}),Object.defineProperty(e,r,i)}:function(e,t,n,r){void 0===r&&(r=n),e[r]=t[n]}),o=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),s=this&&this.__importStar||(r=function(e){return r=Object.getOwnPropertyNames||function(e){var t=[];for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&(t[t.length]=n);return t},r(e)},function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var n=r(e),s=0;s<n.length;s++)"default"!==n[s]&&i(t,e,n[s]);return o(t,e),t});Object.defineProperty(t,"__esModule",{value:!0});const a=s(n(111)),l=n(488);t.default=class{constructor({compiledTemplates:e={},rawTemplates:t={}}){const n=Object.entries(t).reduce(((e,[t,n])=>{const r=a.compile(n,{asString:!1});return Object.assign(Object.assign({},e),{[t]:r})}),{});this.preCompiledTemplates=Object.assign(Object.assign(Object.assign({},l.defaultTemplates),e),n)}static compile(e){return a.compile(e,{asString:!1})}render(e,t,n,r,i){const o=this.templateKey(e,t);try{return this.preCompiledTemplates[o].render(n,r,i)}catch(e){throw new Error(`Could not find template to render '${o}'`)}}template(e,t){return this.preCompiledTemplates[this.templateKey(e,t)]}templateKey(e,t){return`${e}-${t}`}}},185(e,t){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.escapeForRegExp=function(e){return e.replace(n,"\\$&")},t.unifyPath=function(e){return e?e.replace(/\\/g,"/"):e},t.hashCode=function(e){let t,n,r,i=0;for(t=0,r=e.length;t<r;t++)n=e.charCodeAt(t),i=(i<<5)-i+n,i|=0;return i},t.max=function(e){const t=e.length;let n=-1/0;for(let r=0;r<t;r++)n=Math.max(n,e[r]);return n};const n=RegExp("["+["-","[","]","/","{","}","(",")","*","+","?",".","\\","^","$","|"].join("\\")+"]","g")},188(e,t){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=function(){function e(){}return e.prototype.diff=function(e,t,n){var r;void 0===n&&(n={}),"function"==typeof n?(r=n,n={}):"callback"in n&&(r=n.callback);var i=this.castInput(e,n),o=this.castInput(t,n),s=this.removeEmpty(this.tokenize(i,n)),a=this.removeEmpty(this.tokenize(o,n));return this.diffWithOptionsObj(s,a,n,r)},e.prototype.diffWithOptionsObj=function(e,t,n,r){var i,o=this,s=function(e){return e=o.postProcess(e,n),r?void setTimeout((function(){r(e)}),0):e},a=t.length,l=e.length,c=1,u=a+l;null!=n.maxEditLength&&(u=Math.min(u,n.maxEditLength));var f=null!==(i=n.timeout)&&void 0!==i?i:1/0,d=Date.now()+f,h=[{oldPos:-1,lastComponent:void 0}],p=this.extractCommon(h[0],t,e,0,n);if(h[0].oldPos+1>=l&&p+1>=a)return s(this.buildValues(h[0].lastComponent,t,e));var b=-1/0,g=1/0,v=function(){for(var r=Math.max(b,-c);r<=Math.min(g,c);r+=2){var i=void 0,u=h[r-1],f=h[r+1];u&&(h[r-1]=void 0);var d=!1;if(f){var v=f.oldPos-r;d=f&&0<=v&&v<a}var m=u&&u.oldPos+1<l;if(d||m){if(i=!m||d&&u.oldPos<f.oldPos?o.addToPath(f,!0,!1,0,n):o.addToPath(u,!1,!0,1,n),p=o.extractCommon(i,t,e,r,n),i.oldPos+1>=l&&p+1>=a)return s(o.buildValues(i.lastComponent,t,e))||!0;h[r]=i,i.oldPos+1>=l&&(g=Math.min(g,r-1)),p+1>=a&&(b=Math.max(b,r+1))}else h[r]=void 0}c++};if(r)!function e(){setTimeout((function(){if(c>u||Date.now()>d)return r(void 0);v()||e()}),0)}();else for(;c<=u&&Date.now()<=d;){var m=v();if(m)return m}},e.prototype.addToPath=function(e,t,n,r,i){var o=e.lastComponent;return o&&!i.oneChangePerToken&&o.added===t&&o.removed===n?{oldPos:e.oldPos+r,lastComponent:{count:o.count+1,added:t,removed:n,previousComponent:o.previousComponent}}:{oldPos:e.oldPos+r,lastComponent:{count:1,added:t,removed:n,previousComponent:o}}},e.prototype.extractCommon=function(e,t,n,r,i){for(var o=t.length,s=n.length,a=e.oldPos,l=a-r,c=0;l+1<o&&a+1<s&&this.equals(n[a+1],t[l+1],i);)l++,a++,c++,i.oneChangePerToken&&(e.lastComponent={count:1,previousComponent:e.lastComponent,added:!1,removed:!1});return c&&!i.oneChangePerToken&&(e.lastComponent={count:c,previousComponent:e.lastComponent,added:!1,removed:!1}),e.oldPos=a,l},e.prototype.equals=function(e,t,n){return n.comparator?n.comparator(e,t):e===t||!!n.ignoreCase&&e.toLowerCase()===t.toLowerCase()},e.prototype.removeEmpty=function(e){for(var t=[],n=0;n<e.length;n++)e[n]&&t.push(e[n]);return t},e.prototype.castInput=function(e,t){return e},e.prototype.tokenize=function(e,t){return Array.from(e)},e.prototype.join=function(e){return e.join("")},e.prototype.postProcess=function(e,t){return e},Object.defineProperty(e.prototype,"useLongestToken",{get:function(){return!1},enumerable:!1,configurable:!0}),e.prototype.buildValues=function(e,t,n){for(var r,i=[];e;)i.push(e),r=e.previousComponent,delete e.previousComponent,e=r;i.reverse();for(var o=i.length,s=0,a=0,l=0;s<o;s++){var c=i[s];if(c.removed)c.value=this.join(n.slice(l,l+c.count)),l+=c.count;else{if(!c.added&&this.useLongestToken){var u=t.slice(a,a+c.count);u=u.map((function(e,t){var r=n[l+t];return r.length>e.length?r:e})),c.value=this.join(u)}else c.value=this.join(t.slice(a,a+c.count));a+=c.count,c.added||(l+=c.count)}}return i},e}();t.default=n},302(e,t,n){"use strict";var r,i=this&&this.__createBinding||(Object.create?function(e,t,n,r){void 0===r&&(r=n);var i=Object.getOwnPropertyDescriptor(t,n);i&&!("get"in i?!t.__esModule:i.writable||i.configurable)||(i={enumerable:!0,get:function(){return t[n]}}),Object.defineProperty(e,r,i)}:function(e,t,n,r){void 0===r&&(r=n),e[r]=t[n]}),o=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),s=this&&this.__importStar||(r=function(e){return r=Object.getOwnPropertyNames||function(e){var t=[];for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&(t[t.length]=n);return t},r(e)},function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var n=r(e),s=0;s<n.length;s++)"default"!==n[s]&&i(t,e,n[s]);return o(t,e),t});Object.defineProperty(t,"__esModule",{value:!0}),t.defaultRenderConfig=t.CSSLineClass=void 0,t.toCSSClass=function(e){switch(e){case u.LineType.CONTEXT:return t.CSSLineClass.CONTEXT;case u.LineType.INSERT:return t.CSSLineClass.INSERTS;case u.LineType.DELETE:return t.CSSLineClass.DELETES}},t.colorSchemeToCss=function(e){switch(e){case u.ColorSchemeType.DARK:return"d2h-dark-color-scheme";case u.ColorSchemeType.AUTO:return"d2h-auto-color-scheme";case u.ColorSchemeType.LIGHT:default:return"d2h-light-color-scheme"}},t.escapeForHtml=g,t.deconstructLine=v,t.filenameDiff=m,t.getHtmlId=function(e){return`d2h-${(0,l.hashCode)(m(e)).toString().slice(-6)}`},t.getFileIcon=function(e){let t="file-changed";return e.isRename||e.isCopy?t="file-renamed":e.isNew?t="file-added":e.isDeleted?t="file-deleted":e.newName!==e.oldName&&(t="file-renamed"),t},t.diffHighlight=function(e,n,r,i={}){const{matching:o,maxLineLengthHighlight:s,matchWordsThreshold:l,diffStyle:c}=Object.assign(Object.assign({},t.defaultRenderConfig),i),u=v(e,r,!1),f=v(n,r,!1);if(u.content.length>s||f.content.length>s)return{oldLine:{prefix:u.prefix,content:g(u.content)},newLine:{prefix:f.prefix,content:g(f.content)}};const p="char"===c?a.diffChars(u.content,f.content):a.diffWordsWithSpace(u.content,f.content),m=[];if("word"===c&&"words"===o){const e=p.filter((e=>e.removed)),t=p.filter((e=>e.added));h(t,e).forEach((e=>{1===e[0].length&&1===e[1].length&&d(e[0][0],e[1][0])<l&&(m.push(e[0][0]),m.push(e[1][0]))}))}const y=p.reduce(((e,t)=>{const n=t.added?"ins":t.removed?"del":null,r=m.indexOf(t)>-1?' class="d2h-change"':"",i=g(t.value);return null!==n?`${e}<${n}${r}>${i}</${n}>`:`${e}${i}`}),"");return{oldLine:{prefix:u.prefix,content:(w=y,w.replace(/(<ins[^>]*>((.|\n)*?)<\/ins>)/g,""))},newLine:{prefix:f.prefix,content:b(y)}};var w};const a=s(n(801)),l=n(185),c=s(n(598)),u=n(613);t.CSSLineClass={INSERTS:"d2h-ins",DELETES:"d2h-del",CONTEXT:"d2h-cntx",INFO:"d2h-info",INSERT_CHANGES:"d2h-ins d2h-change",DELETE_CHANGES:"d2h-del d2h-change"},t.defaultRenderConfig={matching:u.LineMatchingType.NONE,matchWordsThreshold:.25,maxLineLengthHighlight:1e4,diffStyle:u.DiffStyleType.WORD,colorScheme:u.ColorSchemeType.LIGHT};const f="/",d=c.newDistanceFn((e=>e.value)),h=c.newMatcherFn(d);function p(e){return-1!==e.indexOf("dev/null")}function b(e){return e.replace(/(<del[^>]*>((.|\n)*?)<\/del>)/g,"")}function g(e){return e.slice(0).replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;").replace(/"/g,"&quot;").replace(/'/g,"&#x27;").replace(/\//g,"&#x2F;")}function v(e,t,n=!0){const r=function(e){return e?2:1}(t);return{prefix:e.substring(0,r),content:n?g(e.substring(r)):e.substring(r)}}function m(e){const t=(0,l.unifyPath)(e.oldName),n=(0,l.unifyPath)(e.newName);if(t===n||p(t)||p(n))return p(n)?t:n;{const e=[],r=[],i=t.split(f),o=n.split(f);let s=0,a=i.length-1,l=o.length-1;for(;s<a&&s<l&&i[s]===o[s];)e.push(o[s]),s+=1;for(;a>s&&l>s&&i[a]===o[l];)r.unshift(o[l]),a-=1,l-=1;const c=e.join(f),u=r.join(f),d=i.slice(s,a+1).join(f),h=o.slice(s,l+1).join(f);return c.length&&u.length?c+f+"{"+d+" → "+h+"}"+f+u:c.length?c+f+"{"+d+" → "+h+"}":u.length?"{"+d+" → "+h+"}"+f+u:t+" → "+n}}},363(e,t){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.parsePatch=function(e){var t=e.split(/\n/),n=[],r=0;function i(){var e={};for(n.push(e);r<t.length;){var i=t[r];if(/^(---|\+\+\+|@@)\s/.test(i))break;var a=/^(?:Index:|diff(?: -r \w+)+)\s+/.exec(i);a&&(e.index=i.substring(a[0].length).trim()),r++}for(o(e),o(e),e.hunks=[];r<t.length&&(i=t[r],!/^(Index:\s|diff\s|---\s|\+\+\+\s|===================================================================)/.test(i));)if(/^@@/.test(i))e.hunks.push(s());else{if(i)throw new Error("Unknown line "+(r+1)+" "+JSON.stringify(i));r++}}function o(e){var n=/^(---|\+\+\+)\s+/.exec(t[r]);if(n){var i=n[1],o=t[r].substring(3).trim().split("\t",2),s=(o[1]||"").trim(),a=o[0].replace(/\\\\/g,"\\");a.startsWith('"')&&a.endsWith('"')&&(a=a.substr(1,a.length-2)),"---"===i?(e.oldFileName=a,e.oldHeader=s):(e.newFileName=a,e.newHeader=s),r++}}function s(){var e,n=r,i=t[r++].split(/@@ -(\d+)(?:,(\d+))? \+(\d+)(?:,(\d+))? @@/),o={oldStart:+i[1],oldLines:void 0===i[2]?1:+i[2],newStart:+i[3],newLines:void 0===i[4]?1:+i[4],lines:[]};0===o.oldLines&&(o.oldStart+=1),0===o.newLines&&(o.newStart+=1);for(var s=0,a=0;r<t.length&&(a<o.oldLines||s<o.newLines||(null===(e=t[r])||void 0===e?void 0:e.startsWith("\\")));r++){var l=0==t[r].length&&r!=t.length-1?" ":t[r][0];if("+"!==l&&"-"!==l&&" "!==l&&"\\"!==l)throw new Error("Hunk at line ".concat(n+1," contained invalid line ").concat(t[r]));o.lines.push(t[r]),"+"===l?s++:"-"===l?a++:" "===l&&(s++,a++)}if(s||1!==o.newLines||(o.newLines=0),a||1!==o.oldLines||(o.oldLines=0),s!==o.newLines)throw new Error("Added line count did not match for hunk at line "+(n+1));if(a!==o.oldLines)throw new Error("Removed line count did not match for hunk at line "+(n+1));return o}for(;r<t.length;)i();return n}},406(e,t){"use strict";var n=this&&this.__assign||function(){return n=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var i in t=arguments[n])Object.prototype.hasOwnProperty.call(t,i)&&(e[i]=t[i]);return e},n.apply(this,arguments)};Object.defineProperty(t,"__esModule",{value:!0}),t.reversePatch=function e(t){return Array.isArray(t)?t.map((function(t){return e(t)})).reverse():n(n({},t),{oldFileName:t.newFileName,oldHeader:t.newHeader,newFileName:t.oldFileName,newHeader:t.oldHeader,hunks:t.hunks.map((function(e){return{oldLines:e.newLines,oldStart:e.newStart,newLines:e.oldLines,newStart:e.oldStart,lines:e.lines.map((function(e){return e.startsWith("-")?"+".concat(e.slice(1)):e.startsWith("+")?"-".concat(e.slice(1)):e}))}}))})}},453(e,t){!function(e){var t=/\S/,n=/\"/g,r=/\n/g,i=/\r/g,o=/\\/g,s=/\u2028/,a=/\u2029/;function l(e){return e.trim?e.trim():e.replace(/^\s*|\s*$/g,"")}function c(e,t,n){if(t.charAt(n)!=e.charAt(0))return!1;for(var r=1,i=e.length;r<i;r++)if(t.charAt(n+r)!=e.charAt(r))return!1;return!0}e.tags={"#":1,"^":2,"<":3,$:4,"/":5,"!":6,">":7,"=":8,_v:9,"{":10,"&":11,_t:12},e.scan=function(n,r){var i,o=n.length,s=0,a=null,u=null,f="",d=[],h=!1,p=0,b=0,g="{{",v="}}";function m(){f.length>0&&(d.push({tag:"_t",text:new String(f)}),f="")}function y(n,r){if(m(),n&&function(){for(var n=!0,r=b;r<d.length;r++)if(!(n=e.tags[d[r].tag]<e.tags._v||"_t"==d[r].tag&&null===d[r].text.match(t)))return!1;return n}())for(var i,o=b;o<d.length;o++)d[o].text&&((i=d[o+1])&&">"==i.tag&&(i.indent=d[o].text.toString()),d.splice(o,1));else r||d.push({tag:"\n"});h=!1,b=d.length}function w(e,t){var n="="+v,r=e.indexOf(n,t),i=l(e.substring(e.indexOf("=",t)+1,r)).split(" ");return g=i[0],v=i[i.length-1],r+n.length-1}for(r&&(r=r.split(" "),g=r[0],v=r[1]),p=0;p<o;p++)0==s?c(g,n,p)?(--p,m(),s=1):"\n"==n.charAt(p)?y(h):f+=n.charAt(p):1==s?(p+=g.length-1,"="==(a=(u=e.tags[n.charAt(p+1)])?n.charAt(p+1):"_v")?(p=w(n,p),s=0):(u&&p++,s=2),h=p):c(v,n,p)?(d.push({tag:a,n:l(f),otag:g,ctag:v,i:"/"==a?h-g.length:p+v.length}),f="",p+=v.length-1,s=0,"{"==a&&("}}"==v?p++:"}"===(i=d[d.length-1]).n.substr(i.n.length-1)&&(i.n=i.n.substring(0,i.n.length-1)))):f+=n.charAt(p);return y(h,!0),d};var u={_t:!0,"\n":!0,$:!0,"/":!0};function f(t,n,r,i){var o,s=[],a=null,l=null;for(o=r[r.length-1];t.length>0;){if(l=t.shift(),o&&"<"==o.tag&&!(l.tag in u))throw new Error("Illegal content in < super tag.");if(e.tags[l.tag]<=e.tags.$||d(l,i))r.push(l),l.nodes=f(t,l.tag,r,i);else{if("/"==l.tag){if(0===r.length)throw new Error("Closing tag without opener: /"+l.n);if(a=r.pop(),l.n!=a.n&&!h(l.n,a.n,i))throw new Error("Nesting error: "+a.n+" vs. "+l.n);return a.end=l.i,s}"\n"==l.tag&&(l.last=0==t.length||"\n"==t[0].tag)}s.push(l)}if(r.length>0)throw new Error("missing closing tag: "+r.pop().n);return s}function d(e,t){for(var n=0,r=t.length;n<r;n++)if(t[n].o==e.n)return e.tag="#",!0}function h(e,t,n){for(var r=0,i=n.length;r<i;r++)if(n[r].c==e&&n[r].o==t)return!0}function p(e){var t=[];for(var n in e.partials)t.push('"'+g(n)+'":{name:"'+g(e.partials[n].name)+'", '+p(e.partials[n])+"}");return"partials: {"+t.join(",")+"}, subs: "+function(e){var t=[];for(var n in e)t.push('"'+g(n)+'": function(c,p,t,i) {'+e[n]+"}");return"{ "+t.join(",")+" }"}(e.subs)}e.stringify=function(t,n,r){return"{code: function (c,p,i) { "+e.wrapMain(t.code)+" },"+p(t)+"}"};var b=0;function g(e){return e.replace(o,"\\\\").replace(n,'\\"').replace(r,"\\n").replace(i,"\\r").replace(s,"\\u2028").replace(a,"\\u2029")}function v(e){return~e.indexOf(".")?"d":"f"}function m(e,t){var n="<"+(t.prefix||"")+e.n+b++;return t.partials[n]={name:e.n,partials:{}},t.code+='t.b(t.rp("'+g(n)+'",c,p,"'+(e.indent||"")+'"));',n}function y(e,t){t.code+="t.b(t.t(t."+v(e.n)+'("'+g(e.n)+'",c,p,0)));'}function w(e){return"t.b("+e+");"}e.generate=function(t,n,r){b=0;var i={code:"",subs:{},partials:{}};return e.walk(t,i),r.asString?this.stringify(i,n,r):this.makeTemplate(i,n,r)},e.wrapMain=function(e){return'var t=this;t.b(i=i||"");'+e+"return t.fl();"},e.template=e.Template,e.makeTemplate=function(e,t,n){var r=this.makePartials(e);return r.code=new Function("c","p","i",this.wrapMain(e.code)),new this.template(r,t,this,n)},e.makePartials=function(e){var t,n={subs:{},partials:e.partials,name:e.name};for(t in n.partials)n.partials[t]=this.makePartials(n.partials[t]);for(t in e.subs)n.subs[t]=new Function("c","p","t","i",e.subs[t]);return n},e.codegen={"#":function(t,n){n.code+="if(t.s(t."+v(t.n)+'("'+g(t.n)+'",c,p,1),c,p,0,'+t.i+","+t.end+',"'+t.otag+" "+t.ctag+'")){t.rs(c,p,function(c,p,t){',e.walk(t.nodes,n),n.code+="});c.pop();}"},"^":function(t,n){n.code+="if(!t.s(t."+v(t.n)+'("'+g(t.n)+'",c,p,1),c,p,1,0,0,"")){',e.walk(t.nodes,n),n.code+="};"},">":m,"<":function(t,n){var r={partials:{},code:"",subs:{},inPartial:!0};e.walk(t.nodes,r);var i=n.partials[m(t,n)];i.subs=r.subs,i.partials=r.partials},$:function(t,n){var r={subs:{},code:"",partials:n.partials,prefix:t.n};e.walk(t.nodes,r),n.subs[t.n]=r.code,n.inPartial||(n.code+='t.sub("'+g(t.n)+'",c,p,i);')},"\n":function(e,t){t.code+=w('"\\n"'+(e.last?"":" + i"))},_v:function(e,t){t.code+="t.b(t.v(t."+v(e.n)+'("'+g(e.n)+'",c,p,0)));'},_t:function(e,t){t.code+=w('"'+g(e.text)+'"')},"{":y,"&":y},e.walk=function(t,n){for(var r,i=0,o=t.length;i<o;i++)(r=e.codegen[t[i].tag])&&r(t[i],n);return n},e.parse=function(e,t,n){return f(e,0,[],(n=n||{}).sectionTags||[])},e.cache={},e.cacheKey=function(e,t){return[e,!!t.asString,!!t.disableLambda,t.delimiters,!!t.modelGet].join("||")},e.compile=function(t,n){n=n||{};var r=e.cacheKey(t,n),i=this.cache[r];if(i){var o=i.partials;for(var s in o)delete o[s].instance;return i}return i=this.generate(this.parse(this.scan(t,n.delimiters),t,n),t,n),this.cache[r]=i}}(t)},484(e,t,n){"use strict";var r,i=this&&this.__extends||(r=function(e,t){return r=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])},r(e,t)},function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Class extends value "+String(t)+" is not a constructor or null");function n(){this.constructor=e}r(e,t),e.prototype=null===t?Object.create(t):(n.prototype=t.prototype,new n)});Object.defineProperty(t,"__esModule",{value:!0}),t.sentenceDiff=void 0,t.diffSentences=function(e,n,r){return t.sentenceDiff.diff(e,n,r)};var o=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return i(t,e),t.prototype.tokenize=function(e){for(var t,n,r=[],i=0,o=0;o<e.length;o++){if(o==e.length-1){r.push(e.slice(i));break}if(("."==(n=e[o])||"!"==n||"?"==n)&&e[o+1].match(/\s/)){for(r.push(e.slice(i,o+1)),o=i=o+1;null===(t=e[o+1])||void 0===t?void 0:t.match(/\s/);)o++;r.push(e.slice(i,o+1)),i=o+1}}return r},t}(n(188).default);t.sentenceDiff=new o},488(e,t,n){"use strict";var r,i=this&&this.__createBinding||(Object.create?function(e,t,n,r){void 0===r&&(r=n);var i=Object.getOwnPropertyDescriptor(t,n);i&&!("get"in i?!t.__esModule:i.writable||i.configurable)||(i={enumerable:!0,get:function(){return t[n]}}),Object.defineProperty(e,r,i)}:function(e,t,n,r){void 0===r&&(r=n),e[r]=t[n]}),o=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),s=this&&this.__importStar||(r=function(e){return r=Object.getOwnPropertyNames||function(e){var t=[];for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&(t[t.length]=n);return t},r(e)},function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var n=r(e),s=0;s<n.length;s++)"default"!==n[s]&&i(t,e,n[s]);return o(t,e),t});Object.defineProperty(t,"__esModule",{value:!0}),t.defaultTemplates=void 0;const a=s(n(111));t.defaultTemplates={},t.defaultTemplates["file-summary-line"]=new a.Template({code:function(e,t,n){var r=this;return r.b(n=n||""),r.b('<li class="d2h-file-list-line">'),r.b("\n"+n),r.b('    <span class="d2h-file-name-wrapper">'),r.b("\n"+n),r.b(r.rp("<fileIcon0",e,t,"      ")),r.b('      <a href="#'),r.b(r.v(r.f("fileHtmlId",e,t,0))),r.b('" class="d2h-file-name">'),r.b(r.v(r.f("fileName",e,t,0))),r.b("</a>"),r.b("\n"+n),r.b('      <span class="d2h-file-stats">'),r.b("\n"+n),r.b('          <span class="d2h-lines-added">'),r.b(r.v(r.f("addedLines",e,t,0))),r.b("</span>"),r.b("\n"+n),r.b('          <span class="d2h-lines-deleted">'),r.b(r.v(r.f("deletedLines",e,t,0))),r.b("</span>"),r.b("\n"+n),r.b("      </span>"),r.b("\n"+n),r.b("    </span>"),r.b("\n"+n),r.b("</li>"),r.fl()},partials:{"<fileIcon0":{name:"fileIcon",partials:{},subs:{}}},subs:{}}),t.defaultTemplates["file-summary-wrapper"]=new a.Template({code:function(e,t,n){var r=this;return r.b(n=n||""),r.b('<div class="d2h-file-list-wrapper '),r.b(r.v(r.f("colorScheme",e,t,0))),r.b('">'),r.b("\n"+n),r.b('    <div class="d2h-file-list-header">'),r.b("\n"+n),r.b('        <span class="d2h-file-list-title">Files changed ('),r.b(r.v(r.f("filesNumber",e,t,0))),r.b(")</span>"),r.b("\n"+n),r.b('        <a class="d2h-file-switch d2h-hide">hide</a>'),r.b("\n"+n),r.b('        <a class="d2h-file-switch d2h-show">show</a>'),r.b("\n"+n),r.b("    </div>"),r.b("\n"+n),r.b('    <ol class="d2h-file-list">'),r.b("\n"+n),r.b("    "),r.b(r.t(r.f("files",e,t,0))),r.b("\n"+n),r.b("    </ol>"),r.b("\n"+n),r.b("</div>"),r.fl()},partials:{},subs:{}}),t.defaultTemplates["generic-block-header"]=new a.Template({code:function(e,t,n){var r=this;return r.b(n=n||""),r.b("<tr>"),r.b("\n"+n),r.b('    <td class="'),r.b(r.v(r.f("lineClass",e,t,0))),r.b(" "),r.b(r.v(r.d("CSSLineClass.INFO",e,t,0))),r.b('"></td>'),r.b("\n"+n),r.b('    <td class="'),r.b(r.v(r.d("CSSLineClass.INFO",e,t,0))),r.b('">'),r.b("\n"+n),r.b('        <div class="'),r.b(r.v(r.f("contentClass",e,t,0))),r.b('">'),r.s(r.f("blockHeader",e,t,1),e,t,0,156,173,"{{ }}")&&(r.rs(e,t,(function(e,t,n){n.b(n.t(n.f("blockHeader",e,t,0)))})),e.pop()),r.s(r.f("blockHeader",e,t,1),e,t,1,0,0,"")||r.b("&nbsp;"),r.b("</div>"),r.b("\n"+n),r.b("    </td>"),r.b("\n"+n),r.b("</tr>"),r.fl()},partials:{},subs:{}}),t.defaultTemplates["generic-empty-diff"]=new a.Template({code:function(e,t,n){var r=this;return r.b(n=n||""),r.b("<tr>"),r.b("\n"+n),r.b('    <td class="'),r.b(r.v(r.d("CSSLineClass.INFO",e,t,0))),r.b('">'),r.b("\n"+n),r.b('        <div class="'),r.b(r.v(r.f("contentClass",e,t,0))),r.b('">'),r.b("\n"+n),r.b("            File without changes"),r.b("\n"+n),r.b("        </div>"),r.b("\n"+n),r.b("    </td>"),r.b("\n"+n),r.b("</tr>"),r.fl()},partials:{},subs:{}}),t.defaultTemplates["generic-file-path"]=new a.Template({code:function(e,t,n){var r=this;return r.b(n=n||""),r.b('<span class="d2h-file-name-wrapper">'),r.b("\n"+n),r.b(r.rp("<fileIcon0",e,t,"    ")),r.b('    <span class="d2h-file-name">'),r.b(r.v(r.f("fileDiffName",e,t,0))),r.b("</span>"),r.b("\n"+n),r.b(r.rp("<fileTag1",e,t,"    ")),r.b("</span>"),r.b("\n"+n),r.b('<label class="d2h-file-collapse">'),r.b("\n"+n),r.b('    <input class="d2h-file-collapse-input" type="checkbox" name="viewed" value="viewed">'),r.b("\n"+n),r.b("    Viewed"),r.b("\n"+n),r.b("</label>"),r.fl()},partials:{"<fileIcon0":{name:"fileIcon",partials:{},subs:{}},"<fileTag1":{name:"fileTag",partials:{},subs:{}}},subs:{}}),t.defaultTemplates["generic-line"]=new a.Template({code:function(e,t,n){var r=this;return r.b(n=n||""),r.b("<tr>"),r.b("\n"+n),r.b('    <td class="'),r.b(r.v(r.f("lineClass",e,t,0))),r.b(" "),r.b(r.v(r.f("type",e,t,0))),r.b('">'),r.b("\n"+n),r.b("      "),r.b(r.t(r.f("lineNumber",e,t,0))),r.b("\n"+n),r.b("    </td>"),r.b("\n"+n),r.b('    <td class="'),r.b(r.v(r.f("type",e,t,0))),r.b('">'),r.b("\n"+n),r.b('        <div class="'),r.b(r.v(r.f("contentClass",e,t,0))),r.b('">'),r.b("\n"+n),r.s(r.f("prefix",e,t,1),e,t,0,162,238,"{{ }}")&&(r.rs(e,t,(function(e,t,r){r.b('            <span class="d2h-code-line-prefix">'),r.b(r.t(r.f("prefix",e,t,0))),r.b("</span>"),r.b("\n"+n)})),e.pop()),r.s(r.f("prefix",e,t,1),e,t,1,0,0,"")||(r.b('            <span class="d2h-code-line-prefix">&nbsp;</span>'),r.b("\n"+n)),r.s(r.f("content",e,t,1),e,t,0,371,445,"{{ }}")&&(r.rs(e,t,(function(e,t,r){r.b('            <span class="d2h-code-line-ctn">'),r.b(r.t(r.f("content",e,t,0))),r.b("</span>"),r.b("\n"+n)})),e.pop()),r.s(r.f("content",e,t,1),e,t,1,0,0,"")||(r.b('            <span class="d2h-code-line-ctn"><br></span>'),r.b("\n"+n)),r.b("        </div>"),r.b("\n"+n),r.b("    </td>"),r.b("\n"+n),r.b("</tr>"),r.fl()},partials:{},subs:{}}),t.defaultTemplates["generic-wrapper"]=new a.Template({code:function(e,t,n){var r=this;return r.b(n=n||""),r.b('<div class="d2h-wrapper '),r.b(r.v(r.f("colorScheme",e,t,0))),r.b('">'),r.b("\n"+n),r.b("    "),r.b(r.t(r.f("content",e,t,0))),r.b("\n"+n),r.b("</div>"),r.fl()},partials:{},subs:{}}),t.defaultTemplates["icon-file-added"]=new a.Template({code:function(e,t,n){var r=this;return r.b(n=n||""),r.b('<svg aria-hidden="true" class="d2h-icon d2h-added" height="16" title="added" version="1.1" viewBox="0 0 14 16"'),r.b("\n"+n),r.b('     width="14">'),r.b("\n"+n),r.b('    <path d="M13 1H1C0.45 1 0 1.45 0 2v12c0 0.55 0.45 1 1 1h12c0.55 0 1-0.45 1-1V2c0-0.55-0.45-1-1-1z m0 13H1V2h12v12zM6 9H3V7h3V4h2v3h3v2H8v3H6V9z"></path>'),r.b("\n"+n),r.b("</svg>"),r.fl()},partials:{},subs:{}}),t.defaultTemplates["icon-file-changed"]=new a.Template({code:function(e,t,n){var r=this;return r.b(n=n||""),r.b('<svg aria-hidden="true" class="d2h-icon d2h-changed" height="16" title="modified" version="1.1"'),r.b("\n"+n),r.b('     viewBox="0 0 14 16" width="14">'),r.b("\n"+n),r.b('    <path d="M13 1H1C0.45 1 0 1.45 0 2v12c0 0.55 0.45 1 1 1h12c0.55 0 1-0.45 1-1V2c0-0.55-0.45-1-1-1z m0 13H1V2h12v12zM4 8c0-1.66 1.34-3 3-3s3 1.34 3 3-1.34 3-3 3-3-1.34-3-3z"></path>'),r.b("\n"+n),r.b("</svg>"),r.fl()},partials:{},subs:{}}),t.defaultTemplates["icon-file-deleted"]=new a.Template({code:function(e,t,n){var r=this;return r.b(n=n||""),r.b('<svg aria-hidden="true" class="d2h-icon d2h-deleted" height="16" title="removed" version="1.1"'),r.b("\n"+n),r.b('     viewBox="0 0 14 16" width="14">'),r.b("\n"+n),r.b('    <path d="M13 1H1C0.45 1 0 1.45 0 2v12c0 0.55 0.45 1 1 1h12c0.55 0 1-0.45 1-1V2c0-0.55-0.45-1-1-1z m0 13H1V2h12v12zM11 9H3V7h8v2z"></path>'),r.b("\n"+n),r.b("</svg>"),r.fl()},partials:{},subs:{}}),t.defaultTemplates["icon-file-renamed"]=new a.Template({code:function(e,t,n){var r=this;return r.b(n=n||""),r.b('<svg aria-hidden="true" class="d2h-icon d2h-moved" height="16" title="renamed" version="1.1"'),r.b("\n"+n),r.b('     viewBox="0 0 14 16" width="14">'),r.b("\n"+n),r.b('    <path d="M6 9H3V7h3V4l5 4-5 4V9z m8-7v12c0 0.55-0.45 1-1 1H1c-0.55 0-1-0.45-1-1V2c0-0.55 0.45-1 1-1h12c0.55 0 1 0.45 1 1z m-1 0H1v12h12V2z"></path>'),r.b("\n"+n),r.b("</svg>"),r.fl()},partials:{},subs:{}}),t.defaultTemplates["icon-file"]=new a.Template({code:function(e,t,n){var r=this;return r.b(n=n||""),r.b('<svg aria-hidden="true" class="d2h-icon" height="16" version="1.1" viewBox="0 0 12 16" width="12">'),r.b("\n"+n),r.b('    <path d="M6 5H2v-1h4v1zM2 8h7v-1H2v1z m0 2h7v-1H2v1z m0 2h7v-1H2v1z m10-7.5v9.5c0 0.55-0.45 1-1 1H1c-0.55 0-1-0.45-1-1V2c0-0.55 0.45-1 1-1h7.5l3.5 3.5z m-1 0.5L8 2H1v12h10V5z"></path>'),r.b("\n"+n),r.b("</svg>"),r.fl()},partials:{},subs:{}}),t.defaultTemplates["line-by-line-file-diff"]=new a.Template({code:function(e,t,n){var r=this;return r.b(n=n||""),r.b('<div id="'),r.b(r.v(r.f("fileHtmlId",e,t,0))),r.b('" class="d2h-file-wrapper" data-lang="'),r.b(r.v(r.d("file.language",e,t,0))),r.b('">'),r.b("\n"+n),r.b('    <div class="d2h-file-header">'),r.b("\n"+n),r.b("    "),r.b(r.t(r.f("filePath",e,t,0))),r.b("\n"+n),r.b("    </div>"),r.b("\n"+n),r.b('    <div class="d2h-file-diff">'),r.b("\n"+n),r.b('        <div class="d2h-code-wrapper">'),r.b("\n"+n),r.b('            <table class="d2h-diff-table">'),r.b("\n"+n),r.b('                <tbody class="d2h-diff-tbody">'),r.b("\n"+n),r.b("                "),r.b(r.t(r.f("diffs",e,t,0))),r.b("\n"+n),r.b("                </tbody>"),r.b("\n"+n),r.b("            </table>"),r.b("\n"+n),r.b("        </div>"),r.b("\n"+n),r.b("    </div>"),r.b("\n"+n),r.b("</div>"),r.fl()},partials:{},subs:{}}),t.defaultTemplates["line-by-line-numbers"]=new a.Template({code:function(e,t,n){var r=this;return r.b(n=n||""),r.b('<div class="line-num1">'),r.b(r.v(r.f("oldNumber",e,t,0))),r.b("</div>"),r.b("\n"+n),r.b('<div class="line-num2">'),r.b(r.v(r.f("newNumber",e,t,0))),r.b("</div>"),r.fl()},partials:{},subs:{}}),t.defaultTemplates["side-by-side-file-diff"]=new a.Template({code:function(e,t,n){var r=this;return r.b(n=n||""),r.b('<div id="'),r.b(r.v(r.f("fileHtmlId",e,t,0))),r.b('" class="d2h-file-wrapper" data-lang="'),r.b(r.v(r.d("file.language",e,t,0))),r.b('">'),r.b("\n"+n),r.b('    <div class="d2h-file-header">'),r.b("\n"+n),r.b("      "),r.b(r.t(r.f("filePath",e,t,0))),r.b("\n"+n),r.b("    </div>"),r.b("\n"+n),r.b('    <div class="d2h-files-diff">'),r.b("\n"+n),r.b('        <div class="d2h-file-side-diff">'),r.b("\n"+n),r.b('            <div class="d2h-code-wrapper">'),r.b("\n"+n),r.b('                <table class="d2h-diff-table">'),r.b("\n"+n),r.b('                    <tbody class="d2h-diff-tbody">'),r.b("\n"+n),r.b("                    "),r.b(r.t(r.d("diffs.left",e,t,0))),r.b("\n"+n),r.b("                    </tbody>"),r.b("\n"+n),r.b("                </table>"),r.b("\n"+n),r.b("            </div>"),r.b("\n"+n),r.b("        </div>"),r.b("\n"+n),r.b('        <div class="d2h-file-side-diff">'),r.b("\n"+n),r.b('            <div class="d2h-code-wrapper">'),r.b("\n"+n),r.b('                <table class="d2h-diff-table">'),r.b("\n"+n),r.b('                    <tbody class="d2h-diff-tbody">'),r.b("\n"+n),r.b("                    "),r.b(r.t(r.d("diffs.right",e,t,0))),r.b("\n"+n),r.b("                    </tbody>"),r.b("\n"+n),r.b("                </table>"),r.b("\n"+n),r.b("            </div>"),r.b("\n"+n),r.b("        </div>"),r.b("\n"+n),r.b("    </div>"),r.b("\n"+n),r.b("</div>"),r.fl()},partials:{},subs:{}}),t.defaultTemplates["tag-file-added"]=new a.Template({code:function(e,t,n){var r=this;return r.b(n=n||""),r.b('<span class="d2h-tag d2h-added d2h-added-tag">ADDED</span>'),r.fl()},partials:{},subs:{}}),t.defaultTemplates["tag-file-changed"]=new a.Template({code:function(e,t,n){var r=this;return r.b(n=n||""),r.b('<span class="d2h-tag d2h-changed d2h-changed-tag">CHANGED</span>'),r.fl()},partials:{},subs:{}}),t.defaultTemplates["tag-file-deleted"]=new a.Template({code:function(e,t,n){var r=this;return r.b(n=n||""),r.b('<span class="d2h-tag d2h-deleted d2h-deleted-tag">DELETED</span>'),r.fl()},partials:{},subs:{}}),t.defaultTemplates["tag-file-renamed"]=new a.Template({code:function(e,t,n){var r=this;return r.b(n=n||""),r.b('<span class="d2h-tag d2h-moved d2h-moved-tag">RENAMED</span>'),r.fl()},partials:{},subs:{}})},501(e,t,n){"use strict";var r,i=this&&this.__createBinding||(Object.create?function(e,t,n,r){void 0===r&&(r=n);var i=Object.getOwnPropertyDescriptor(t,n);i&&!("get"in i?!t.__esModule:i.writable||i.configurable)||(i={enumerable:!0,get:function(){return t[n]}}),Object.defineProperty(e,r,i)}:function(e,t,n,r){void 0===r&&(r=n),e[r]=t[n]}),o=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),s=this&&this.__importStar||(r=function(e){return r=Object.getOwnPropertyNames||function(e){var t=[];for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&(t[t.length]=n);return t},r(e)},function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var n=r(e),s=0;s<n.length;s++)"default"!==n[s]&&i(t,e,n[s]);return o(t,e),t});Object.defineProperty(t,"__esModule",{value:!0}),t.FileListRenderer=t.defaultFileListRendererConfig=void 0;const a=s(n(302)),l="file-summary";t.defaultFileListRendererConfig={colorScheme:a.defaultRenderConfig.colorScheme},t.FileListRenderer=class{constructor(e,n={}){this.hoganUtils=e,this.config=Object.assign(Object.assign({},t.defaultFileListRendererConfig),n)}render(e){const t=e.map((e=>this.hoganUtils.render(l,"line",{fileHtmlId:a.getHtmlId(e),oldName:e.oldName,newName:e.newName,fileName:a.filenameDiff(e),deletedLines:"-"+e.deletedLines,addedLines:"+"+e.addedLines},{fileIcon:this.hoganUtils.template("icon",a.getFileIcon(e))}))).join("\n");return this.hoganUtils.render(l,"wrapper",{colorScheme:a.colorSchemeToCss(this.config.colorScheme),filesNumber:e.length,files:t})}}},598(e,t){"use strict";function n(e,t){if(0===e.length)return t.length;if(0===t.length)return e.length;const n=[];let r,i;for(r=0;r<=t.length;r++)n[r]=[r];for(i=0;i<=e.length;i++)n[0][i]=i;for(r=1;r<=t.length;r++)for(i=1;i<=e.length;i++)t.charAt(r-1)===e.charAt(i-1)?n[r][i]=n[r-1][i-1]:n[r][i]=Math.min(n[r-1][i-1]+1,Math.min(n[r][i-1]+1,n[r-1][i]+1));return n[t.length][e.length]}Object.defineProperty(t,"__esModule",{value:!0}),t.levenshtein=n,t.newDistanceFn=function(e){return(t,r)=>{const i=e(t).trim(),o=e(r).trim();return n(i,o)/(i.length+o.length)}},t.newMatcherFn=function(e){return function t(n,r,i=0,o=new Map){const s=function(t,n,r=new Map){let i,o=1/0;for(let s=0;s<t.length;++s)for(let a=0;a<n.length;++a){const l=JSON.stringify([t[s],n[a]]);let c;r.has(l)&&(c=r.get(l))||(c=e(t[s],n[a]),r.set(l,c)),c<o&&(o=c,i={indexA:s,indexB:a,score:o})}return i}(n,r,o);if(!s||n.length+r.length<3)return[[n,r]];const a=n.slice(0,s.indexA),l=r.slice(0,s.indexB),c=[n[s.indexA]],u=[r[s.indexB]],f=s.indexA+1,d=s.indexB+1,h=n.slice(f),p=r.slice(d),b=t(a,l,i+1,o),g=t(c,u,i+1,o),v=t(h,p,i+1,o);let m=g;return(s.indexA>0||s.indexB>0)&&(m=b.concat(m)),(n.length>f||r.length>d)&&(m=m.concat(v)),m}}},613(e,t){"use strict";var n,r;Object.defineProperty(t,"__esModule",{value:!0}),t.ColorSchemeType=t.DiffStyleType=t.LineMatchingType=t.OutputFormatType=t.LineType=void 0,function(e){e.INSERT="insert",e.DELETE="delete",e.CONTEXT="context"}(n||(t.LineType=n={})),t.OutputFormatType={LINE_BY_LINE:"line-by-line",SIDE_BY_SIDE:"side-by-side"},t.LineMatchingType={LINES:"lines",WORDS:"words",NONE:"none"},t.DiffStyleType={WORD:"word",CHAR:"char"},function(e){e.AUTO="auto",e.DARK="dark",e.LIGHT="light"}(r||(t.ColorSchemeType=r={}))},622(e,t,n){"use strict";var r,i=this&&this.__extends||(r=function(e,t){return r=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])},r(e,t)},function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Class extends value "+String(t)+" is not a constructor or null");function n(){this.constructor=e}r(e,t),e.prototype=null===t?Object.create(t):(n.prototype=t.prototype,new n)});Object.defineProperty(t,"__esModule",{value:!0}),t.characterDiff=void 0,t.diffChars=function(e,n,r){return t.characterDiff.diff(e,n,r)};var o=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return i(t,e),t}(n(188).default);t.characterDiff=new o},660(e,t){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.convertChangesToXML=function(e){for(var t=[],n=0;n<e.length;n++){var r=e[n];r.added?t.push("<ins>"):r.removed&&t.push("<del>"),t.push(r.value.replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;").replace(/"/g,"&quot;")),r.added?t.push("</ins>"):r.removed&&t.push("</del>")}return t.join("")}},665(e,t){"use strict";function n(e,t,n){if(e.slice(0,t.length)!=t)throw Error("string ".concat(JSON.stringify(e)," doesn't start with prefix ").concat(JSON.stringify(t),"; this is a bug"));return n+e.slice(t.length)}function r(e,t,n){if(!t)return e+n;if(e.slice(-t.length)!=t)throw Error("string ".concat(JSON.stringify(e)," doesn't end with suffix ").concat(JSON.stringify(t),"; this is a bug"));return e.slice(0,-t.length)+n}Object.defineProperty(t,"__esModule",{value:!0}),t.longestCommonPrefix=function(e,t){var n;for(n=0;n<e.length&&n<t.length;n++)if(e[n]!=t[n])return e.slice(0,n);return e.slice(0,n)},t.longestCommonSuffix=function(e,t){var n;if(!e||!t||e[e.length-1]!=t[t.length-1])return"";for(n=0;n<e.length&&n<t.length;n++)if(e[e.length-(n+1)]!=t[t.length-(n+1)])return e.slice(-n);return e.slice(-n)},t.replacePrefix=n,t.replaceSuffix=r,t.removePrefix=function(e,t){return n(e,t,"")},t.removeSuffix=function(e,t){return r(e,t,"")},t.maximumOverlap=function(e,t){return t.slice(0,function(e,t){var n=0;e.length>t.length&&(n=e.length-t.length);var r=t.length;e.length<t.length&&(r=e.length);var i=Array(r),o=0;i[0]=0;for(var s=1;s<r;s++){for(t[s]==t[o]?i[s]=i[o]:i[s]=o;o>0&&t[s]!=t[o];)o=i[o];t[s]==t[o]&&o++}o=0;for(var a=n;a<e.length;a++){for(;o>0&&e[a]!=t[o];)o=i[o];e[a]==t[o]&&o++}return o}(e,t))},t.hasOnlyWinLineEndings=function(e){return e.includes("\r\n")&&!e.startsWith("\n")&&!e.match(/[^\r]\n/)},t.hasOnlyUnixLineEndings=function(e){return!e.includes("\r\n")&&e.includes("\n")},t.trailingWs=function(e){var t;for(t=e.length-1;t>=0&&e[t].match(/\s/);t--);return e.substring(t+1)},t.leadingWs=function(e){var t=e.match(/^\s*/);return t?t[0]:""}},725(e,t){"use strict";var n=this&&this.__assign||function(){return n=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var i in t=arguments[n])Object.prototype.hasOwnProperty.call(t,i)&&(e[i]=t[i]);return e},n.apply(this,arguments)};Object.defineProperty(t,"__esModule",{value:!0}),t.unixToWin=function e(t){return Array.isArray(t)?t.map((function(t){return e(t)})):n(n({},t),{hunks:t.hunks.map((function(e){return n(n({},e),{lines:e.lines.map((function(t,n){var r;return t.startsWith("\\")||t.endsWith("\r")||(null===(r=e.lines[n+1])||void 0===r?void 0:r.startsWith("\\"))?t:t+"\r"}))})}))})},t.winToUnix=function e(t){return Array.isArray(t)?t.map((function(t){return e(t)})):n(n({},t),{hunks:t.hunks.map((function(e){return n(n({},e),{lines:e.lines.map((function(e){return e.endsWith("\r")?e.substring(0,e.length-1):e}))})}))})},t.isUnix=function(e){return Array.isArray(e)||(e=[e]),!e.some((function(e){return e.hunks.some((function(e){return e.lines.some((function(e){return!e.startsWith("\\")&&e.endsWith("\r")}))}))}))},t.isWin=function(e){return Array.isArray(e)||(e=[e]),e.some((function(e){return e.hunks.some((function(e){return e.lines.some((function(e){return e.endsWith("\r")}))}))}))&&e.every((function(e){return e.hunks.every((function(e){return e.lines.every((function(t,n){var r;return t.startsWith("\\")||t.endsWith("\r")||(null===(r=e.lines[n+1])||void 0===r?void 0:r.startsWith("\\"))}))}))}))}},738(e,t){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default=function(e,t,n){var r=!0,i=!1,o=!1,s=1;return function a(){if(r&&!o){if(i?s++:r=!1,e+s<=n)return e+s;o=!0}if(!i)return o||(r=!0),t<=e-s?e-s++:(i=!0,a())}}},766(e,t){!function(e){function t(e,t,n){var r;return t&&"object"==typeof t&&(void 0!==t[e]?r=t[e]:n&&t.get&&"function"==typeof t.get&&(r=t.get(e))),r}e.Template=function(e,t,n,r){e=e||{},this.r=e.code||this.r,this.c=n,this.options=r||{},this.text=t||"",this.partials=e.partials||{},this.subs=e.subs||{},this.buf=""},e.Template.prototype={r:function(e,t,n){return""},v:function(e){return e=l(e),a.test(e)?e.replace(n,"&amp;").replace(r,"&lt;").replace(i,"&gt;").replace(o,"&#39;").replace(s,"&quot;"):e},t:l,render:function(e,t,n){return this.ri([e],t||{},n)},ri:function(e,t,n){return this.r(e,t,n)},ep:function(e,t){var n=this.partials[e],r=t[n.name];if(n.instance&&n.base==r)return n.instance;if("string"==typeof r){if(!this.c)throw new Error("No compiler available.");r=this.c.compile(r,this.options)}if(!r)return null;if(this.partials[e].base=r,n.subs){for(key in t.stackText||(t.stackText={}),n.subs)t.stackText[key]||(t.stackText[key]=void 0!==this.activeSub&&t.stackText[this.activeSub]?t.stackText[this.activeSub]:this.text);r=function(e,t,n,r,i,o){function s(){}function a(){}var l;s.prototype=e,a.prototype=e.subs;var c=new s;for(l in c.subs=new a,c.subsText={},c.buf="",r=r||{},c.stackSubs=r,c.subsText=o,t)r[l]||(r[l]=t[l]);for(l in r)c.subs[l]=r[l];for(l in i=i||{},c.stackPartials=i,n)i[l]||(i[l]=n[l]);for(l in i)c.partials[l]=i[l];return c}(r,n.subs,n.partials,this.stackSubs,this.stackPartials,t.stackText)}return this.partials[e].instance=r,r},rp:function(e,t,n,r){var i=this.ep(e,n);return i?i.ri(t,n,r):""},rs:function(e,t,n){var r=e[e.length-1];if(c(r))for(var i=0;i<r.length;i++)e.push(r[i]),n(e,t,this),e.pop();else n(e,t,this)},s:function(e,t,n,r,i,o,s){var a;return(!c(e)||0!==e.length)&&("function"==typeof e&&(e=this.ms(e,t,n,r,i,o,s)),a=!!e,!r&&a&&t&&t.push("object"==typeof e?e:t[t.length-1]),a)},d:function(e,n,r,i){var o,s=e.split("."),a=this.f(s[0],n,r,i),l=this.options.modelGet,u=null;if("."===e&&c(n[n.length-2]))a=n[n.length-1];else for(var f=1;f<s.length;f++)void 0!==(o=t(s[f],a,l))?(u=a,a=o):a="";return!(i&&!a)&&(i||"function"!=typeof a||(n.push(u),a=this.mv(a,n,r),n.pop()),a)},f:function(e,n,r,i){for(var o=!1,s=!1,a=this.options.modelGet,l=n.length-1;l>=0;l--)if(void 0!==(o=t(e,n[l],a))){s=!0;break}return s?(i||"function"!=typeof o||(o=this.mv(o,n,r)),o):!i&&""},ls:function(e,t,n,r,i,o){var s=this.options.delimiters;return this.options.delimiters=o,this.b(this.ct(l(e.call(t,i,n)),t,r)),this.options.delimiters=s,!1},ct:function(e,t,n){if(this.options.disableLambda)throw new Error("Lambda features disabled.");return this.c.compile(e,this.options).render(t,n)},b:function(e){this.buf+=e},fl:function(){var e=this.buf;return this.buf="",e},ms:function(e,t,n,r,i,o,s){var a,l=t[t.length-1],c=e.call(l);return"function"==typeof c?!!r||(a=this.activeSub&&this.subsText&&this.subsText[this.activeSub]?this.subsText[this.activeSub]:this.text,this.ls(c,l,t,n,a.substring(i,o),s)):c},mv:function(e,t,n){var r=t[t.length-1],i=e.call(r);return"function"==typeof i?this.ct(l(i.call(r)),r,n):i},sub:function(e,t,n,r){var i=this.subs[e];i&&(this.activeSub=e,i(t,n,this,r),this.activeSub=!1)}};var n=/&/g,r=/</g,i=/>/g,o=/\'/g,s=/\"/g,a=/[&<>\"\']/;function l(e){return String(null==e?"":e)}var c=Array.isArray||function(e){return"[object Array]"===Object.prototype.toString.call(e)}}(t)},801(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.canonicalize=t.convertChangesToXML=t.convertChangesToDMP=t.reversePatch=t.parsePatch=t.applyPatches=t.applyPatch=t.OMIT_HEADERS=t.FILE_HEADERS_ONLY=t.INCLUDE_HEADERS=t.formatPatch=t.createPatch=t.createTwoFilesPatch=t.structuredPatch=t.arrayDiff=t.diffArrays=t.jsonDiff=t.diffJson=t.cssDiff=t.diffCss=t.sentenceDiff=t.diffSentences=t.diffTrimmedLines=t.lineDiff=t.diffLines=t.wordsWithSpaceDiff=t.diffWordsWithSpace=t.wordDiff=t.diffWords=t.characterDiff=t.diffChars=t.Diff=void 0;var r=n(188);t.Diff=r.default;var i=n(622);Object.defineProperty(t,"diffChars",{enumerable:!0,get:function(){return i.diffChars}}),Object.defineProperty(t,"characterDiff",{enumerable:!0,get:function(){return i.characterDiff}});var o=n(25);Object.defineProperty(t,"diffWords",{enumerable:!0,get:function(){return o.diffWords}}),Object.defineProperty(t,"diffWordsWithSpace",{enumerable:!0,get:function(){return o.diffWordsWithSpace}}),Object.defineProperty(t,"wordDiff",{enumerable:!0,get:function(){return o.wordDiff}}),Object.defineProperty(t,"wordsWithSpaceDiff",{enumerable:!0,get:function(){return o.wordsWithSpaceDiff}});var s=n(839);Object.defineProperty(t,"diffLines",{enumerable:!0,get:function(){return s.diffLines}}),Object.defineProperty(t,"diffTrimmedLines",{enumerable:!0,get:function(){return s.diffTrimmedLines}}),Object.defineProperty(t,"lineDiff",{enumerable:!0,get:function(){return s.lineDiff}});var a=n(484);Object.defineProperty(t,"diffSentences",{enumerable:!0,get:function(){return a.diffSentences}}),Object.defineProperty(t,"sentenceDiff",{enumerable:!0,get:function(){return a.sentenceDiff}});var l=n(42);Object.defineProperty(t,"diffCss",{enumerable:!0,get:function(){return l.diffCss}}),Object.defineProperty(t,"cssDiff",{enumerable:!0,get:function(){return l.cssDiff}});var c=n(843);Object.defineProperty(t,"diffJson",{enumerable:!0,get:function(){return c.diffJson}}),Object.defineProperty(t,"canonicalize",{enumerable:!0,get:function(){return c.canonicalize}}),Object.defineProperty(t,"jsonDiff",{enumerable:!0,get:function(){return c.jsonDiff}});var u=n(968);Object.defineProperty(t,"diffArrays",{enumerable:!0,get:function(){return u.diffArrays}}),Object.defineProperty(t,"arrayDiff",{enumerable:!0,get:function(){return u.arrayDiff}});var f=n(904);Object.defineProperty(t,"applyPatch",{enumerable:!0,get:function(){return f.applyPatch}}),Object.defineProperty(t,"applyPatches",{enumerable:!0,get:function(){return f.applyPatches}});var d=n(363);Object.defineProperty(t,"parsePatch",{enumerable:!0,get:function(){return d.parsePatch}});var h=n(406);Object.defineProperty(t,"reversePatch",{enumerable:!0,get:function(){return h.reversePatch}});var p=n(822);Object.defineProperty(t,"structuredPatch",{enumerable:!0,get:function(){return p.structuredPatch}}),Object.defineProperty(t,"createTwoFilesPatch",{enumerable:!0,get:function(){return p.createTwoFilesPatch}}),Object.defineProperty(t,"createPatch",{enumerable:!0,get:function(){return p.createPatch}}),Object.defineProperty(t,"formatPatch",{enumerable:!0,get:function(){return p.formatPatch}}),Object.defineProperty(t,"INCLUDE_HEADERS",{enumerable:!0,get:function(){return p.INCLUDE_HEADERS}}),Object.defineProperty(t,"FILE_HEADERS_ONLY",{enumerable:!0,get:function(){return p.FILE_HEADERS_ONLY}}),Object.defineProperty(t,"OMIT_HEADERS",{enumerable:!0,get:function(){return p.OMIT_HEADERS}});var b=n(868);Object.defineProperty(t,"convertChangesToDMP",{enumerable:!0,get:function(){return b.convertChangesToDMP}});var g=n(660);Object.defineProperty(t,"convertChangesToXML",{enumerable:!0,get:function(){return g.convertChangesToXML}})},822(e,t,n){"use strict";var r=this&&this.__assign||function(){return r=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var i in t=arguments[n])Object.prototype.hasOwnProperty.call(t,i)&&(e[i]=t[i]);return e},r.apply(this,arguments)};Object.defineProperty(t,"__esModule",{value:!0}),t.OMIT_HEADERS=t.FILE_HEADERS_ONLY=t.INCLUDE_HEADERS=void 0,t.structuredPatch=o,t.formatPatch=s,t.createTwoFilesPatch=a,t.createPatch=function(e,t,n,r,i,o){return a(e,e,t,n,r,i,o)};var i=n(839);function o(e,t,n,o,s,a,l){var c;void 0===(c=l?"function"==typeof l?{callback:l}:l:{}).context&&(c.context=4);var u=c.context;if(c.newlineIsToken)throw new Error("newlineIsToken may not be used with patch-generation functions, only with diffing functions");if(!c.callback)return d((0,i.diffLines)(n,o,c));var f=c.callback;function d(n){if(n){n.push({value:"",lines:[]});for(var r=[],i=0,o=0,l=[],c=1,f=1,d=0;d<n.length;d++){var h=n[d],p=h.lines||(void 0,P=void 0,x=(j=h.value).endsWith("\n"),P=j.split("\n").map((function(e){return e+"\n"})),x?P.pop():P.push(P.pop().slice(0,-1)),P);if(h.lines=p,h.added||h.removed){if(!i){var b=n[d-1];i=c,o=f,b&&(i-=(l=u>0?E(b.lines.slice(-u)):[]).length,o-=l.length)}for(var g=0,v=p;g<v.length;g++){var m=v[g];l.push((h.added?"+":"-")+m)}h.added?f+=p.length:c+=p.length}else{if(i)if(p.length<=2*u&&d<n.length-2)for(var y=0,w=E(p);y<w.length;y++)m=w[y],l.push(m);else{for(var O=Math.min(p.length,u),_=0,S=E(p.slice(0,O));_<S.length;_++)m=S[_],l.push(m);var C={oldStart:i,oldLines:c-i+O,newStart:o,newLines:f-o+O,lines:l};r.push(C),i=0,o=0,l=[]}c+=p.length,f+=p.length}}for(var L=0,T=r;L<T.length;L++)for(C=T[L],d=0;d<C.lines.length;d++)C.lines[d].endsWith("\n")?C.lines[d]=C.lines[d].slice(0,-1):(C.lines.splice(d+1,0,"\\ No newline at end of file"),d++);return{oldFileName:e,newFileName:t,oldHeader:s,newHeader:a,hunks:r}}var j,x,P;function E(e){return e.map((function(e){return" "+e}))}}(0,i.diffLines)(n,o,r(r({},c),{callback:function(e){var t=d(e);f(t)}}))}function s(e,n){if(n||(n=t.INCLUDE_HEADERS),Array.isArray(e)){if(e.length>1&&!n.includeFileHeaders)throw new Error("Cannot omit file headers on a multi-file patch. (The result would be unparseable; how would a tool trying to apply the patch know which changes are to which file?)");return e.map((function(e){return s(e,n)})).join("\n")}var r=[];n.includeIndex&&e.oldFileName==e.newFileName&&r.push("Index: "+e.oldFileName),n.includeUnderline&&r.push("==================================================================="),n.includeFileHeaders&&(r.push("--- "+e.oldFileName+(void 0===e.oldHeader?"":"\t"+e.oldHeader)),r.push("+++ "+e.newFileName+(void 0===e.newHeader?"":"\t"+e.newHeader)));for(var i=0;i<e.hunks.length;i++){var o=e.hunks[i];0===o.oldLines&&(o.oldStart-=1),0===o.newLines&&(o.newStart-=1),r.push("@@ -"+o.oldStart+","+o.oldLines+" +"+o.newStart+","+o.newLines+" @@");for(var a=0,l=o.lines;a<l.length;a++){var c=l[a];r.push(c)}}return r.join("\n")+"\n"}function a(e,t,n,i,a,l,c){if("function"==typeof c&&(c={callback:c}),!(null==c?void 0:c.callback)){var u=o(e,t,n,i,a,l,c);if(!u)return;return s(u,null==c?void 0:c.headerOptions)}var f=c.callback;o(e,t,n,i,a,l,r(r({},c),{callback:function(e){f(e?s(e,c.headerOptions):void 0)}}))}t.INCLUDE_HEADERS={includeIndex:!0,includeUnderline:!0,includeFileHeaders:!0},t.FILE_HEADERS_ONLY={includeIndex:!1,includeUnderline:!1,includeFileHeaders:!0},t.OMIT_HEADERS={includeIndex:!1,includeUnderline:!1,includeFileHeaders:!1}},826(e,t){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.generateOptions=function(e,t){if("function"==typeof e)t.callback=e;else if(e)for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&(t[n]=e[n]);return t}},839(e,t,n){"use strict";var r,i=this&&this.__extends||(r=function(e,t){return r=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])},r(e,t)},function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Class extends value "+String(t)+" is not a constructor or null");function n(){this.constructor=e}r(e,t),e.prototype=null===t?Object.create(t):(n.prototype=t.prototype,new n)});Object.defineProperty(t,"__esModule",{value:!0}),t.lineDiff=void 0,t.diffLines=function(e,n,r){return t.lineDiff.diff(e,n,r)},t.diffTrimmedLines=function(e,n,r){return r=(0,s.generateOptions)(r,{ignoreWhitespace:!0}),t.lineDiff.diff(e,n,r)},t.tokenize=l;var o=n(188),s=n(826),a=function(e){function t(){var t=null!==e&&e.apply(this,arguments)||this;return t.tokenize=l,t}return i(t,e),t.prototype.equals=function(t,n,r){return r.ignoreWhitespace?(r.newlineIsToken&&t.includes("\n")||(t=t.trim()),r.newlineIsToken&&n.includes("\n")||(n=n.trim())):r.ignoreNewlineAtEof&&!r.newlineIsToken&&(t.endsWith("\n")&&(t=t.slice(0,-1)),n.endsWith("\n")&&(n=n.slice(0,-1))),e.prototype.equals.call(this,t,n,r)},t}(o.default);function l(e,t){t.stripTrailingCr&&(e=e.replace(/\r\n/g,"\n"));var n=[],r=e.split(/(\n|\r\n)/);r[r.length-1]||r.pop();for(var i=0;i<r.length;i++){var o=r[i];i%2&&!t.newlineIsToken?n[n.length-1]+=o:n.push(o)}return n}t.lineDiff=new a},843(e,t,n){"use strict";var r,i=this&&this.__extends||(r=function(e,t){return r=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])},r(e,t)},function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Class extends value "+String(t)+" is not a constructor or null");function n(){this.constructor=e}r(e,t),e.prototype=null===t?Object.create(t):(n.prototype=t.prototype,new n)});Object.defineProperty(t,"__esModule",{value:!0}),t.jsonDiff=void 0,t.diffJson=function(e,n,r){return t.jsonDiff.diff(e,n,r)},t.canonicalize=l;var o=n(188),s=n(839),a=function(e){function t(){var t=null!==e&&e.apply(this,arguments)||this;return t.tokenize=s.tokenize,t}return i(t,e),Object.defineProperty(t.prototype,"useLongestToken",{get:function(){return!0},enumerable:!1,configurable:!0}),t.prototype.castInput=function(e,t){var n=t.undefinedReplacement,r=t.stringifyReplacer,i=void 0===r?function(e,t){return void 0===t?n:t}:r;return"string"==typeof e?e:JSON.stringify(l(e,null,null,i),null,"  ")},t.prototype.equals=function(t,n,r){return e.prototype.equals.call(this,t.replace(/,([\r\n])/g,"$1"),n.replace(/,([\r\n])/g,"$1"),r)},t}(o.default);function l(e,t,n,r,i){var o,s;for(t=t||[],n=n||[],r&&(e=r(void 0===i?"":i,e)),o=0;o<t.length;o+=1)if(t[o]===e)return n[o];if("[object Array]"===Object.prototype.toString.call(e)){for(t.push(e),s=new Array(e.length),n.push(s),o=0;o<e.length;o+=1)s[o]=l(e[o],t,n,r,String(o));return t.pop(),n.pop(),s}if(e&&e.toJSON&&(e=e.toJSON()),"object"==typeof e&&null!==e){t.push(e),s={},n.push(s);var a,c=[];for(a in e)Object.prototype.hasOwnProperty.call(e,a)&&c.push(a);for(c.sort(),o=0;o<c.length;o+=1)s[a=c[o]]=l(e[a],t,n,r,a);t.pop(),n.pop()}else s=e;return s}t.jsonDiff=new a},868(e,t){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.convertChangesToDMP=function(e){for(var t,n,r=[],i=0;i<e.length;i++)n=(t=e[i]).added?1:t.removed?-1:0,r.push([n,t.value]);return r}},895(e,t,n){"use strict";var r,i=this&&this.__createBinding||(Object.create?function(e,t,n,r){void 0===r&&(r=n);var i=Object.getOwnPropertyDescriptor(t,n);i&&!("get"in i?!t.__esModule:i.writable||i.configurable)||(i={enumerable:!0,get:function(){return t[n]}}),Object.defineProperty(e,r,i)}:function(e,t,n,r){void 0===r&&(r=n),e[r]=t[n]}),o=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),s=this&&this.__importStar||(r=function(e){return r=Object.getOwnPropertyNames||function(e){var t=[];for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&(t[t.length]=n);return t},r(e)},function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var n=r(e),s=0;s<n.length;s++)"default"!==n[s]&&i(t,e,n[s]);return o(t,e),t});Object.defineProperty(t,"__esModule",{value:!0}),t.defaultLineByLineRendererConfig=void 0;const a=s(n(598)),l=s(n(302)),c=n(613),u=n(185);t.defaultLineByLineRendererConfig=Object.assign(Object.assign({},l.defaultRenderConfig),{renderNothingWhenEmpty:!1,matchingMaxComparisons:2500,maxLineSizeInBlockForComparison:200});const f="generic",d="line-by-line";t.default=class{constructor(e,n={}){this.hoganUtils=e,this.config=Object.assign(Object.assign({},t.defaultLineByLineRendererConfig),n)}render(e){const t=e.map((e=>{let t;return t=e.blocks.length?this.generateFileHtml(e):this.generateEmptyDiff(),this.makeFileDiffHtml(e,t)})).join("\n");return this.hoganUtils.render(f,"wrapper",{colorScheme:l.colorSchemeToCss(this.config.colorScheme),content:t})}makeFileDiffHtml(e,t){if(this.config.renderNothingWhenEmpty&&Array.isArray(e.blocks)&&0===e.blocks.length)return"";const n=this.hoganUtils.template(d,"file-diff"),r=this.hoganUtils.template(f,"file-path"),i=this.hoganUtils.template("icon","file"),o=this.hoganUtils.template("tag",l.getFileIcon(e));return n.render({file:e,fileHtmlId:l.getHtmlId(e),diffs:t,filePath:r.render({fileDiffName:l.filenameDiff(e)},{fileIcon:i,fileTag:o})})}generateEmptyDiff(){return this.hoganUtils.render(f,"empty-diff",{contentClass:"d2h-code-line",CSSLineClass:l.CSSLineClass})}generateFileHtml(e){const t=a.newMatcherFn(a.newDistanceFn((t=>l.deconstructLine(t.content,e.isCombined).content)));return e.blocks.map((n=>{let r=this.hoganUtils.render(f,"block-header",{CSSLineClass:l.CSSLineClass,blockHeader:e.isTooBig?n.header:l.escapeForHtml(n.header),lineClass:"d2h-code-linenumber",contentClass:"d2h-code-line"});return this.applyLineGroupping(n).forEach((([n,i,o])=>{if(i.length&&o.length&&!n.length)this.applyRematchMatching(i,o,t).map((([t,n])=>{const{left:i,right:o}=this.processChangedLines(e,e.isCombined,t,n);r+=i,r+=o}));else if(n.length)n.forEach((t=>{const{prefix:n,content:i}=l.deconstructLine(t.content,e.isCombined);r+=this.generateSingleLineHtml(e,{type:l.CSSLineClass.CONTEXT,prefix:n,content:i,oldNumber:t.oldNumber,newNumber:t.newNumber})}));else if(i.length||o.length){const{left:t,right:n}=this.processChangedLines(e,e.isCombined,i,o);r+=t,r+=n}else console.error("Unknown state reached while processing groups of lines",n,i,o)})),r})).join("\n")}applyLineGroupping(e){const t=[];let n=[],r=[];for(let i=0;i<e.lines.length;i++){const o=e.lines[i];(o.type!==c.LineType.INSERT&&r.length||o.type===c.LineType.CONTEXT&&n.length>0)&&(t.push([[],n,r]),n=[],r=[]),o.type===c.LineType.CONTEXT?t.push([[o],[],[]]):o.type===c.LineType.INSERT&&0===n.length?t.push([[],[],[o]]):o.type===c.LineType.INSERT&&n.length>0?r.push(o):o.type===c.LineType.DELETE&&n.push(o)}return(n.length||r.length)&&(t.push([[],n,r]),n=[],r=[]),t}applyRematchMatching(e,t,n){const r=e.length*t.length,i=(0,u.max)(e.concat(t).map((e=>e.content.length)));return r<this.config.matchingMaxComparisons&&i<this.config.maxLineSizeInBlockForComparison&&("lines"===this.config.matching||"words"===this.config.matching)?n(e,t):[[e,t]]}processChangedLines(e,t,n,r){const i={right:"",left:""},o=Math.max(n.length,r.length);for(let s=0;s<o;s++){const o=n[s],a=r[s],c=void 0!==o&&void 0!==a?l.diffHighlight(o.content,a.content,t,this.config):void 0,u=void 0!==o&&void 0!==o.oldNumber?Object.assign(Object.assign({},void 0!==c?{prefix:c.oldLine.prefix,content:c.oldLine.content,type:l.CSSLineClass.DELETE_CHANGES}:Object.assign(Object.assign({},l.deconstructLine(o.content,t)),{type:l.toCSSClass(o.type)})),{oldNumber:o.oldNumber,newNumber:o.newNumber}):void 0,f=void 0!==a&&void 0!==a.newNumber?Object.assign(Object.assign({},void 0!==c?{prefix:c.newLine.prefix,content:c.newLine.content,type:l.CSSLineClass.INSERT_CHANGES}:Object.assign(Object.assign({},l.deconstructLine(a.content,t)),{type:l.toCSSClass(a.type)})),{oldNumber:a.oldNumber,newNumber:a.newNumber}):void 0,{left:d,right:h}=this.generateLineHtml(e,u,f);i.left+=d,i.right+=h}return i}generateLineHtml(e,t,n){return{left:this.generateSingleLineHtml(e,t),right:this.generateSingleLineHtml(e,n)}}generateSingleLineHtml(e,t){if(void 0===t)return"";const n=this.hoganUtils.render(d,"numbers",{oldNumber:t.oldNumber||"",newNumber:t.newNumber||""});return this.hoganUtils.render(f,"line",{type:t.type,lineClass:"d2h-code-linenumber",contentClass:"d2h-code-line",prefix:" "===t.prefix?"&nbsp;":t.prefix,content:t.content,lineNumber:n,line:t,file:e})}}},904(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.applyPatch=a,t.applyPatches=function(e,t){var n="string"==typeof e?(0,o.parsePatch)(e):e,r=0;!function e(){var i=n[r++];if(!i)return t.complete();t.loadFile(i,(function(n,r){if(n)return t.complete(n);var o=a(r,i,t);t.patched(i,o,(function(n){if(n)return t.complete(n);e()}))}))}()};var r=n(665),i=n(725),o=n(363),s=n(738);function a(e,t,n){var a;if(void 0===n&&(n={}),(a="string"==typeof t?(0,o.parsePatch)(t):Array.isArray(t)?t:[t]).length>1)throw new Error("applyPatch only works with a single input.");return function(e,t,n){void 0===n&&(n={}),(n.autoConvertLineEndings||null==n.autoConvertLineEndings)&&((0,r.hasOnlyWinLineEndings)(e)&&(0,i.isUnix)(t)?t=(0,i.unixToWin)(t):(0,r.hasOnlyUnixLineEndings)(e)&&(0,i.isWin)(t)&&(t=(0,i.winToUnix)(t)));var o=e.split("\n"),a=t.hunks,l=n.compareLine||function(e,t,n,r){return t===r},c=n.fuzzFactor||0,u=0;if(c<0||!Number.isInteger(c))throw new Error("fuzzFactor must be a non-negative integer");if(!a.length)return e;for(var f="",d=!1,h=!1,p=0;p<a[a.length-1].lines.length;p++)"\\"==(T=a[a.length-1].lines[p])[0]&&("+"==f[0]?d=!0:"-"==f[0]&&(h=!0)),f=T;if(d){if(h){if(!c&&""==o[o.length-1])return!1}else if(""==o[o.length-1])o.pop();else if(!c)return!1}else if(h)if(""!=o[o.length-1])o.push("");else if(!c)return!1;function b(e,t,n,r,i,s,a){void 0===r&&(r=0),void 0===i&&(i=!0),void 0===s&&(s=[]),void 0===a&&(a=0);for(var c=0,u=!1;r<e.length;r++){var f=e[r],d=f.length>0?f[0]:" ",h=f.length>0?f.substr(1):f;if("-"===d){if(!l(t+1,o[t],d,h))return n&&null!=o[t]?(s[a]=o[t],b(e,t+1,n-1,r,!1,s,a+1)):null;t++,c=0}if("+"===d){if(!i)return null;s[a]=h,a++,c=0,u=!0}if(" "===d){if(c++,s[a]=o[t],!l(t+1,o[t],d,h))return u||!n?null:o[t]&&(b(e,t+1,n-1,r+1,!1,s,a+1)||b(e,t+1,n-1,r,!1,s,a+1))||b(e,t,n-1,r+1,!1,s,a);a++,i=!0,u=!1,t++}}return a-=c,t-=c,s.length=a,{patchedLines:s,oldLineLastI:t-1}}var g=[],v=0;for(p=0;p<a.length;p++){for(var m=a[p],y=void 0,w=o.length-m.oldLines+c,O=void 0,_=0;_<=c;_++){O=m.oldStart+v-1;for(var S=(0,s.default)(O,u,w);void 0!==O&&!(y=b(m.lines,O,_));O=S());if(y)break}if(!y)return!1;for(var C=u;C<O;C++)g.push(o[C]);for(var L=0;L<y.patchedLines.length;L++){var T=y.patchedLines[L];g.push(T)}u=y.oldLineLastI+1,v=O+1-m.oldStart}for(p=u;p<o.length;p++)g.push(o[p]);return g.join("\n")}(e,a[0],n)}},957(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.parse=function(e,t={}){const n=[];let i=null,a=null,c=null,u=null,f=null,d=null,h=null;const p="--- ",b="+++ ",g="@@",v=/^old mode (\d{6})/,m=/^new mode (\d{6})/,y=/^deleted file mode (\d{6})/,w=/^new file mode (\d{6})/,O=/^copy from "?(.+)"?/,_=/^copy to "?(.+)"?/,S=/^rename from "?(.+)"?/,C=/^rename to "?(.+)"?/,L=/^similarity index (\d+)%/,T=/^dissimilarity index (\d+)%/,j=/^index ([\da-z]+)\.\.([\da-z]+)\s*(\d{6})?/,x=/^Binary files (.*) and (.*) differ/,P=/^GIT binary patch/,E=/^index ([\da-z]+),([\da-z]+)\.\.([\da-z]+)/,N=/^mode (\d{6}),(\d{6})\.\.(\d{6})/,D=/^new file mode (\d{6})/,k=/^deleted file mode (\d{6}),(\d{6})/,H=e.replace(/\\ No newline at end of file/g,"").replace(/\r\n?/g,"\n").split("\n");function M(){null!==a&&null!==i&&(i.blocks.push(a),a=null)}function W(){null!==i&&(i.oldName||null===d||(i.oldName=d),i.newName||null===h||(i.newName=h),i.newName&&(n.push(i),i=null)),d=null,h=null}function I(){M(),W(),i={blocks:[],deletedLines:0,addedLines:0}}function F(e){let t;M(),null!==i&&((t=/^@@ -(\d+)(?:,\d+)? \+(\d+)(?:,\d+)? @@.*/.exec(e))?(i.isCombined=!1,c=parseInt(t[1],10),f=parseInt(t[2],10)):(t=/^@@@ -(\d+)(?:,\d+)? -(\d+)(?:,\d+)? \+(\d+)(?:,\d+)? @@@.*/.exec(e))?(i.isCombined=!0,c=parseInt(t[1],10),u=parseInt(t[2],10),f=parseInt(t[3],10)):(e.startsWith(g)&&console.error("Failed to parse lines, starting in 0!"),c=0,f=0,i.isCombined=!1)),a={lines:[],oldStartLine:c,oldStartLine2:u,newStartLine:f,header:e}}return H.forEach(((e,u)=>{if(!e||e.startsWith("*"))return;let M;const W=H[u-1],A=H[u+1],R=H[u+2];if(e.startsWith("diff --git")||e.startsWith("diff --combined")){if(I(),(M=/^diff --git "?([a-ciow]\/.+)"? "?([a-ciow]\/.+)"?/.exec(e))&&(d=l(M[1],void 0,t.dstPrefix),h=l(M[2],void 0,t.srcPrefix)),null===i)throw new Error("Where is my file !!!");return void(i.isGitDiff=!0)}if(e.startsWith("Binary files")&&!(null==i?void 0:i.isGitDiff)){if(I(),(M=/^Binary files "?([a-ciow]\/.+)"? and "?([a-ciow]\/.+)"? differ/.exec(e))&&(d=l(M[1],void 0,t.dstPrefix),h=l(M[2],void 0,t.srcPrefix)),null===i)throw new Error("Where is my file !!!");return void(i.isBinary=!0)}if((!i||!i.isGitDiff&&i&&e.startsWith(p)&&A.startsWith(b)&&R.startsWith(g))&&I(),null==i?void 0:i.isTooBig)return;if(i&&("number"==typeof t.diffMaxChanges&&i.addedLines+i.deletedLines>t.diffMaxChanges||"number"==typeof t.diffMaxLineLength&&e.length>t.diffMaxLineLength))return i.isTooBig=!0,i.addedLines=0,i.deletedLines=0,i.blocks=[],a=null,void F("function"==typeof t.diffTooBigMessage?t.diffTooBigMessage(n.length):"Diff too big to be displayed");if(e.startsWith(p)&&A.startsWith(b)||e.startsWith(b)&&W.startsWith(p)){if(i&&!i.oldName&&e.startsWith("--- ")&&(M=function(e,t){return l(e,"---",t)}(e,t.srcPrefix)))return i.oldName=M,void(i.language=o(i.oldName,i.language));if(i&&!i.newName&&e.startsWith("+++ ")&&(M=function(e,t){return l(e,"+++",t)}(e,t.dstPrefix)))return i.newName=M,void(i.language=o(i.newName,i.language))}if(i&&(e.startsWith(g)||i.isGitDiff&&i.oldName&&i.newName&&!a))return void F(e);if(a&&(e.startsWith("+")||e.startsWith("-")||e.startsWith(" ")))return void function(e){if(null===i||null===a||null===c||null===f)return;const t={content:e},n=i.isCombined?["+ "," +","++"]:["+"],o=i.isCombined?["- "," -","--"]:["-"];s(e,n)?(i.addedLines++,t.type=r.LineType.INSERT,t.oldNumber=void 0,t.newNumber=f++):s(e,o)?(i.deletedLines++,t.type=r.LineType.DELETE,t.oldNumber=c++,t.newNumber=void 0):(t.type=r.LineType.CONTEXT,t.oldNumber=c++,t.newNumber=f++),a.lines.push(t)}(e);const z=!function(e,t){let n=t;for(;n<H.length-3;){if(e.startsWith("diff"))return!1;if(H[n].startsWith(p)&&H[n+1].startsWith(b)&&H[n+2].startsWith(g))return!0;n++}return!1}(e,u);if(null===i)throw new Error("Where is my file !!!");(M=v.exec(e))?i.oldMode=M[1]:(M=m.exec(e))?i.newMode=M[1]:(M=y.exec(e))?(i.deletedFileMode=M[1],i.isDeleted=!0):(M=w.exec(e))?(i.newFileMode=M[1],i.isNew=!0):(M=O.exec(e))?(z&&(i.oldName=M[1]),i.isCopy=!0):(M=_.exec(e))?(z&&(i.newName=M[1]),i.isCopy=!0):(M=S.exec(e))?(z&&(i.oldName=M[1]),i.isRename=!0):(M=C.exec(e))?(z&&(i.newName=M[1]),i.isRename=!0):(M=x.exec(e))?(i.isBinary=!0,i.oldName=l(M[1],void 0,t.srcPrefix),i.newName=l(M[2],void 0,t.dstPrefix),F("Binary file")):P.test(e)?(i.isBinary=!0,F(e)):(M=L.exec(e))?i.unchangedPercentage=parseInt(M[1],10):(M=T.exec(e))?i.changedPercentage=parseInt(M[1],10):(M=j.exec(e))?(i.checksumBefore=M[1],i.checksumAfter=M[2],M[3]&&(i.mode=M[3])):(M=E.exec(e))?(i.checksumBefore=[M[2],M[3]],i.checksumAfter=M[1]):(M=N.exec(e))?(i.oldMode=[M[2],M[3]],i.newMode=M[1]):(M=D.exec(e))?(i.newFileMode=M[1],i.isNew=!0):(M=k.exec(e))&&(i.deletedFileMode=M[1],i.isDeleted=!0)})),M(),W(),n};const r=n(613),i=n(185);function o(e,t){const n=e.split(".");return n.length>1?n[n.length-1]:t}function s(e,t){return t.reduce(((t,n)=>t||e.startsWith(n)),!1)}const a=["a/","b/","i/","w/","c/","o/"];function l(e,t,n){const r=void 0!==n?[...a,n]:a,o=t?new RegExp(`^${(0,i.escapeForRegExp)(t)} "?(.+?)"?$`):new RegExp('^"?(.+?)"?$'),[,s=""]=o.exec(e)||[],l=r.find((e=>0===s.indexOf(e)));return(l?s.slice(l.length):s).replace(/\s+\d{4}-\d{2}-\d{2} \d{2}:\d{2}:\d{2}(?:\.\d+)? [+-]\d{4}.*$/,"")}},968(e,t,n){"use strict";var r,i=this&&this.__extends||(r=function(e,t){return r=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])},r(e,t)},function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Class extends value "+String(t)+" is not a constructor or null");function n(){this.constructor=e}r(e,t),e.prototype=null===t?Object.create(t):(n.prototype=t.prototype,new n)});Object.defineProperty(t,"__esModule",{value:!0}),t.arrayDiff=void 0,t.diffArrays=function(e,n,r){return t.arrayDiff.diff(e,n,r)};var o=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return i(t,e),t.prototype.tokenize=function(e){return e.slice()},t.prototype.join=function(e){return e},t.prototype.removeEmpty=function(e){return e},t}(n(188).default);t.arrayDiff=new o}},t={},function n(r){var i=t[r];if(void 0!==i)return i.exports;var o=t[r]={exports:{}};return e[r].call(o.exports,o,o.exports,n),o.exports}(166);var e,t}));
\ No newline at end of file
diff --git a/package-lock.json b/package-lock.json
index 0ded1fa..bfe61c1 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -16,6 +16,7 @@
         "@babel/eslint-parser": "^8.0.1",
         "@babel/plugin-syntax-typescript": "^8.0.3",
         "@eslint/js": "^10.0.1",
+        "@types/jsdom": "^27.0.0",
         "@types/mocha": "^10.0.10",
         "@types/node": "26.x",
         "@types/vscode": "^1.125.0",
@@ -23,12 +24,66 @@
         "@vscode/test-electron": "^3.1.0",
         "@vscode/vsce": "^3.9.2",
         "eslint": "^10.8.0",
+        "jsdom": "^30.0.1",
         "typescript": "^7.0.2"
       },
       "engines": {
         "vscode": "^1.125.0"
       }
     },
+    "node_modules/@asamuzakjp/css-color": {
+      "version": "6.0.7",
+      "resolved": "https://registry.npmjs.org/@asamuzakjp/css-color/-/css-color-6.0.7.tgz",
+      "integrity": "sha512-vC/bk1Lz7Tn/EfU9/apOTBk80/8dyGyWMowPoV1tJ52muDGsDqt2HPT2klrFUiY60MQmQv9q8yIht15JnBgDGw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@csstools/css-calc": "^3.3.0",
+        "@csstools/css-color-parser": "^4.1.10",
+        "@csstools/css-parser-algorithms": "^4.0.0",
+        "@csstools/css-tokenizer": "^4.0.0",
+        "lru-cache": "^11.5.2"
+      },
+      "engines": {
+        "node": "^22.13.0 || >=24.0.0"
+      }
+    },
+    "node_modules/@asamuzakjp/css-color/node_modules/lru-cache": {
+      "version": "11.5.2",
+      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-11.5.2.tgz",
+      "integrity": "sha512-4pfM1Ff0x50o0tQwb5ucw/RzNyD0/YJME6IVcStalZuMWxdt3sR3huStTtxz4PUmvZfRguvDejasvQ2kifR11g==",
+      "dev": true,
+      "license": "BlueOak-1.0.0",
+      "engines": {
+        "node": "20 || >=22"
+      }
+    },
+    "node_modules/@asamuzakjp/dom-selector": {
+      "version": "8.3.2",
+      "resolved": "https://registry.npmjs.org/@asamuzakjp/dom-selector/-/dom-selector-8.3.2.tgz",
+      "integrity": "sha512-93Z1N+BQNXysodoicpOIyNh2drHfz/CTf9nnT0FEx72GJcIiwgydD7tGAr78j41LsYn3hlRn+LdGPuBLn1Bl8Q==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "bidi-js": "^1.0.3",
+        "css-tree": "^3.2.1",
+        "is-potential-custom-element-name": "^1.0.1",
+        "lru-cache": "^11.5.2"
+      },
+      "engines": {
+        "node": "^22.13.0 || >=24.0.0"
+      }
+    },
+    "node_modules/@asamuzakjp/dom-selector/node_modules/lru-cache": {
+      "version": "11.5.2",
+      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-11.5.2.tgz",
+      "integrity": "sha512-4pfM1Ff0x50o0tQwb5ucw/RzNyD0/YJME6IVcStalZuMWxdt3sR3huStTtxz4PUmvZfRguvDejasvQ2kifR11g==",
+      "dev": true,
+      "license": "BlueOak-1.0.0",
+      "engines": {
+        "node": "20 || >=22"
+      }
+    },
     "node_modules/@azu/format-text": {
       "version": "1.0.2",
       "resolved": "https://registry.npmjs.org/@azu/format-text/-/format-text-1.0.2.tgz",
@@ -595,6 +650,159 @@
         "node": ">=18"
       }
     },
+    "node_modules/@bramus/specificity": {
+      "version": "2.4.2",
+      "resolved": "https://registry.npmjs.org/@bramus/specificity/-/specificity-2.4.2.tgz",
+      "integrity": "sha512-ctxtJ/eA+t+6q2++vj5j7FYX3nRu311q1wfYH3xjlLOsczhlhxAg2FWNUXhpGvAw3BWo1xBcvOV6/YLc2r5FJw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "css-tree": "^3.0.0"
+      },
+      "bin": {
+        "specificity": "bin/cli.js"
+      }
+    },
+    "node_modules/@csstools/color-helpers": {
+      "version": "6.1.0",
+      "resolved": "https://registry.npmjs.org/@csstools/color-helpers/-/color-helpers-6.1.0.tgz",
+      "integrity": "sha512-064IFJdjTfUqnjpCVpMOdbr8FLQBhinbZj6yRv2An2E41O/pLEXqfFRWqGq/SxlE5PEUYTlvWsG2r8MswAVvkg==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/csstools"
+        },
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/csstools"
+        }
+      ],
+      "license": "MIT-0",
+      "engines": {
+        "node": ">=20.19.0"
+      }
+    },
+    "node_modules/@csstools/css-calc": {
+      "version": "3.3.0",
+      "resolved": "https://registry.npmjs.org/@csstools/css-calc/-/css-calc-3.3.0.tgz",
+      "integrity": "sha512-c5ihYsPkdG6JCkU2zTMm4+k6r7RXuGxtWYhu5DHMIiF1FHzrfmHL5so11AoFpUv/tu61xfcmT4AmKoFfMPoqdQ==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/csstools"
+        },
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/csstools"
+        }
+      ],
+      "license": "MIT",
+      "engines": {
+        "node": ">=20.19.0"
+      },
+      "peerDependencies": {
+        "@csstools/css-parser-algorithms": "^4.0.0",
+        "@csstools/css-tokenizer": "^4.0.0"
+      }
+    },
+    "node_modules/@csstools/css-color-parser": {
+      "version": "4.1.10",
+      "resolved": "https://registry.npmjs.org/@csstools/css-color-parser/-/css-color-parser-4.1.10.tgz",
+      "integrity": "sha512-UZhQLIUyJaaMepqehrCODwCg2KW25vFvLWBmqYFaPclYvvxzj/sG8LBOhBFCp11i9uE7t1EyS+RAoV9tztPFyw==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/csstools"
+        },
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/csstools"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "@csstools/color-helpers": "^6.1.0",
+        "@csstools/css-calc": "^3.3.0"
+      },
+      "engines": {
+        "node": ">=20.19.0"
+      },
+      "peerDependencies": {
+        "@csstools/css-parser-algorithms": "^4.0.0",
+        "@csstools/css-tokenizer": "^4.0.0"
+      }
+    },
+    "node_modules/@csstools/css-parser-algorithms": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/@csstools/css-parser-algorithms/-/css-parser-algorithms-4.0.0.tgz",
+      "integrity": "sha512-+B87qS7fIG3L5h3qwJ/IFbjoVoOe/bpOdh9hAjXbvx0o8ImEmUsGXN0inFOnk2ChCFgqkkGFQ+TpM5rbhkKe4w==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/csstools"
+        },
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/csstools"
+        }
+      ],
+      "license": "MIT",
+      "engines": {
+        "node": ">=20.19.0"
+      },
+      "peerDependencies": {
+        "@csstools/css-tokenizer": "^4.0.0"
+      }
+    },
+    "node_modules/@csstools/css-syntax-patches-for-csstree": {
+      "version": "1.1.7",
+      "resolved": "https://registry.npmjs.org/@csstools/css-syntax-patches-for-csstree/-/css-syntax-patches-for-csstree-1.1.7.tgz",
+      "integrity": "sha512-fQ+05118eQS1cofO3aJpB5efgpBZMvIzwr/sbC8kDLVA5XLG8q1kJV5yzrUAI1f7lvhPnm8fgIjzFB8/O/5Dig==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/csstools"
+        },
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/csstools"
+        }
+      ],
+      "license": "MIT-0",
+      "peerDependencies": {
+        "css-tree": "^3.2.1"
+      },
+      "peerDependenciesMeta": {
+        "css-tree": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@csstools/css-tokenizer": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/@csstools/css-tokenizer/-/css-tokenizer-4.0.0.tgz",
+      "integrity": "sha512-QxULHAm7cNu72w97JUNCBFODFaXpbDg+dP8b/oWFAZ2MTRppA3U00Y2L1HqaS4J6yBqxwa/Y3nMBaxVKbB/NsA==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/csstools"
+        },
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/csstools"
+        }
+      ],
+      "license": "MIT",
+      "engines": {
+        "node": ">=20.19.0"
+      }
+    },
     "node_modules/@eslint-community/eslint-utils": {
       "version": "4.9.1",
       "resolved": "https://registry.npmjs.org/@eslint-community/eslint-utils/-/eslint-utils-4.9.1.tgz",
@@ -723,6 +931,24 @@
         "node": "^20.19.0 || ^22.13.0 || >=24"
       }
     },
+    "node_modules/@exodus/bytes": {
+      "version": "1.15.1",
+      "resolved": "https://registry.npmjs.org/@exodus/bytes/-/bytes-1.15.1.tgz",
+      "integrity": "sha512-S6mL0yNB/Abt9Ei4tq8gDhcczc4S3+vQ4ra7vxnAf+YHC02srtqxKKZghx2Dq6p0e66THKwR6r8N6P95wEty7Q==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": "^20.19.0 || ^22.12.0 || >=24.0.0"
+      },
+      "peerDependencies": {
+        "@noble/hashes": "^1.8.0 || ^2.0.0"
+      },
+      "peerDependenciesMeta": {
+        "@noble/hashes": {
+          "optional": true
+        }
+      }
+    },
     "node_modules/@humanfs/core": {
       "version": "0.19.1",
       "resolved": "https://registry.npmjs.org/@humanfs/core/-/core-0.19.1.tgz",
@@ -1258,6 +1484,18 @@
       "dev": true,
       "license": "MIT"
     },
+    "node_modules/@types/jsdom": {
+      "version": "27.0.0",
+      "resolved": "https://registry.npmjs.org/@types/jsdom/-/jsdom-27.0.0.tgz",
+      "integrity": "sha512-NZyFl/PViwKzdEkQg96gtnB8wm+1ljhdDay9ahn4hgb+SfVtPCbm3TlmDUFXTA+MGN3CijicnMhG18SI5H3rFw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@types/node": "*",
+        "@types/tough-cookie": "*",
+        "parse5": "^7.0.0"
+      }
+    },
     "node_modules/@types/jsesc": {
       "version": "2.5.1",
       "resolved": "https://registry.npmjs.org/@types/jsesc/-/jsesc-2.5.1.tgz",
@@ -1303,6 +1541,13 @@
       "dev": true,
       "license": "MIT"
     },
+    "node_modules/@types/tough-cookie": {
+      "version": "4.0.5",
+      "resolved": "https://registry.npmjs.org/@types/tough-cookie/-/tough-cookie-4.0.5.tgz",
+      "integrity": "sha512-/Ad8+nIOV7Rl++6f1BdKxFSMgmoqEoYbHRpPcx3JEfv8VRsQe9Z4mCXeJBzxs7mbHY/XOZZuXlRNfhpVPbs6ZA==",
+      "dev": true,
+      "license": "MIT"
+    },
     "node_modules/@types/vscode": {
       "version": "1.125.0",
       "resolved": "https://registry.npmjs.org/@types/vscode/-/vscode-1.125.0.tgz",
@@ -2079,6 +2324,16 @@
         "node": ">=6.0.0"
       }
     },
+    "node_modules/bidi-js": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/bidi-js/-/bidi-js-1.0.3.tgz",
+      "integrity": "sha512-RKshQI1R3YQ+n9YJz2QQ147P66ELpa1FQEg20Dk8oW9t2KgLbpDLLp9aGZ7y8WHSshDknG0bknqGw5/tyCs5tw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "require-from-string": "^2.0.2"
+      }
+    },
     "node_modules/binaryextensions": {
       "version": "6.11.0",
       "resolved": "https://registry.npmjs.org/binaryextensions/-/binaryextensions-6.11.0.tgz",
@@ -2704,6 +2959,20 @@
         "url": "https://github.com/sponsors/fb55"
       }
     },
+    "node_modules/css-tree": {
+      "version": "3.2.1",
+      "resolved": "https://registry.npmjs.org/css-tree/-/css-tree-3.2.1.tgz",
+      "integrity": "sha512-X7sjQzceUhu1u7Y/ylrRZFU2FS6LRiFVp6rKLPg23y3x3c3DOKAwuXGDp+PAGjh6CSnCjYeAul8pcT8bAl+lSA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "mdn-data": "2.27.1",
+        "source-map-js": "^1.2.1"
+      },
+      "engines": {
+        "node": "^10 || ^12.20.0 || ^14.13.0 || >=15.0.0"
+      }
+    },
     "node_modules/css-what": {
       "version": "6.2.2",
       "resolved": "https://registry.npmjs.org/css-what/-/css-what-6.2.2.tgz",
@@ -2717,6 +2986,45 @@
         "url": "https://github.com/sponsors/fb55"
       }
     },
+    "node_modules/data-urls": {
+      "version": "7.0.0",
+      "resolved": "https://registry.npmjs.org/data-urls/-/data-urls-7.0.0.tgz",
+      "integrity": "sha512-23XHcCF+coGYevirZceTVD7NdJOqVn+49IHyxgszm+JIiHLoB2TkmPtsYkNWT1pvRSGkc35L6NHs0yHkN2SumA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "whatwg-mimetype": "^5.0.0",
+        "whatwg-url": "^16.0.0"
+      },
+      "engines": {
+        "node": "^20.19.0 || ^22.12.0 || >=24.0.0"
+      }
+    },
+    "node_modules/data-urls/node_modules/whatwg-mimetype": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/whatwg-mimetype/-/whatwg-mimetype-5.0.0.tgz",
+      "integrity": "sha512-sXcNcHOC51uPGF0P/D4NVtrkjSU2fNsm9iog4ZvZJsL3rjoDAzXZhkm2MWt1y+PUdggKAYVoMAIYcs78wJ51Cw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=20"
+      }
+    },
+    "node_modules/data-urls/node_modules/whatwg-url": {
+      "version": "16.0.1",
+      "resolved": "https://registry.npmjs.org/whatwg-url/-/whatwg-url-16.0.1.tgz",
+      "integrity": "sha512-1to4zXBxmXHV3IiSSEInrreIlu02vUOvrhxJJH5vcxYTBDAx51cqZiKdyTxlecdKNSjj8EcxGBxNf6Vg+945gw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@exodus/bytes": "^1.11.0",
+        "tr46": "^6.0.0",
+        "webidl-conversions": "^8.0.1"
+      },
+      "engines": {
+        "node": "^20.19.0 || ^22.12.0 || >=24.0.0"
+      }
+    },
     "node_modules/debug": {
       "version": "4.4.3",
       "resolved": "https://registry.npmjs.org/debug/-/debug-4.4.3.tgz",
@@ -2748,6 +3056,13 @@
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
+    "node_modules/decimal.js": {
+      "version": "10.6.0",
+      "resolved": "https://registry.npmjs.org/decimal.js/-/decimal.js-10.6.0.tgz",
+      "integrity": "sha512-YpgQiITW3JXGntzdUmyUR1V812Hn8T1YVXhCu+wO3OpS4eU9l4YdD3qjyiKdV6mvV29zapkMeD390UVEf2lkUg==",
+      "dev": true,
+      "license": "MIT"
+    },
     "node_modules/decompress-response": {
       "version": "6.0.0",
       "resolved": "https://registry.npmjs.org/decompress-response/-/decompress-response-6.0.0.tgz",
@@ -3807,6 +4122,19 @@
         "node": ">=10"
       }
     },
+    "node_modules/html-encoding-sniffer": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/html-encoding-sniffer/-/html-encoding-sniffer-6.0.0.tgz",
+      "integrity": "sha512-CV9TW3Y3f8/wT0BRFc1/KAVQ3TUHiXmaAb6VW9vtiMFf7SLoMd1PdAc4W3KFOFETBJUb90KatHqlsZMWV+R9Gg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@exodus/bytes": "^1.6.0"
+      },
+      "engines": {
+        "node": "^20.19.0 || ^22.12.0 || >=24.0.0"
+      }
+    },
     "node_modules/html-escaper": {
       "version": "2.0.2",
       "resolved": "https://registry.npmjs.org/html-escaper/-/html-escaper-2.0.2.tgz",
@@ -4087,6 +4415,13 @@
         "node": ">=8"
       }
     },
+    "node_modules/is-potential-custom-element-name": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/is-potential-custom-element-name/-/is-potential-custom-element-name-1.0.1.tgz",
+      "integrity": "sha512-bCYeRA2rVibKZd+s2625gGnGF/t7DSqDs4dP7CrLA1m7jKWz6pps0LpYLJN8Q64HtmPKJ1hrN3nzPNKFEKOUiQ==",
+      "dev": true,
+      "license": "MIT"
+    },
     "node_modules/is-unicode-supported": {
       "version": "0.1.0",
       "resolved": "https://registry.npmjs.org/is-unicode-supported/-/is-unicode-supported-0.1.0.tgz",
@@ -4246,6 +4581,103 @@
         "js-yaml": "bin/js-yaml.js"
       }
     },
+    "node_modules/jsdom": {
+      "version": "30.0.1",
+      "resolved": "https://registry.npmjs.org/jsdom/-/jsdom-30.0.1.tgz",
+      "integrity": "sha512-52v7mUVUfNQVYYqE1lcdaymWL0njO7lTLUog6ZvW2U5KsbiLk/GnZlVJ+qx0xfNJZ6Gn+KSpPNE52vurbxZwrA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@asamuzakjp/css-color": "^6.0.5",
+        "@asamuzakjp/dom-selector": "^8.3.0",
+        "@bramus/specificity": "^2.4.2",
+        "@csstools/css-syntax-patches-for-csstree": "^1.1.7",
+        "@exodus/bytes": "^1.15.1",
+        "css-tree": "^3.2.1",
+        "data-urls": "^7.0.0",
+        "decimal.js": "^10.6.0",
+        "html-encoding-sniffer": "^6.0.0",
+        "is-potential-custom-element-name": "^1.0.1",
+        "lru-cache": "^11.5.2",
+        "parse5": "^8.0.1",
+        "saxes": "^6.0.0",
+        "symbol-tree": "^3.2.4",
+        "tough-cookie": "^6.0.2",
+        "undici": "^8.9.0",
+        "w3c-xmlserializer": "^5.0.0",
+        "webidl-conversions": "^8.0.1",
+        "whatwg-mimetype": "^5.0.0",
+        "whatwg-url": "^17.1.0",
+        "xml-name-validator": "^5.0.0"
+      },
+      "engines": {
+        "node": "^22.22.2 || ^24.15.0 || >=26.0.0"
+      },
+      "peerDependencies": {
+        "canvas": "^3.2.3"
+      },
+      "peerDependenciesMeta": {
+        "canvas": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/jsdom/node_modules/entities": {
+      "version": "8.0.0",
+      "resolved": "https://registry.npmjs.org/entities/-/entities-8.0.0.tgz",
+      "integrity": "sha512-zwfzJecQ/Uej6tusMqwAqU/6KL2XaB2VZ2Jg54Je6ahNBGNH6Ek6g3jjNCF0fG9EWQKGZNddNjU5F1ZQn/sBnA==",
+      "dev": true,
+      "license": "BSD-2-Clause",
+      "engines": {
+        "node": ">=20.19.0"
+      },
+      "funding": {
+        "url": "https://github.com/fb55/entities?sponsor=1"
+      }
+    },
+    "node_modules/jsdom/node_modules/lru-cache": {
+      "version": "11.5.2",
+      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-11.5.2.tgz",
+      "integrity": "sha512-4pfM1Ff0x50o0tQwb5ucw/RzNyD0/YJME6IVcStalZuMWxdt3sR3huStTtxz4PUmvZfRguvDejasvQ2kifR11g==",
+      "dev": true,
+      "license": "BlueOak-1.0.0",
+      "engines": {
+        "node": "20 || >=22"
+      }
+    },
+    "node_modules/jsdom/node_modules/parse5": {
+      "version": "8.0.1",
+      "resolved": "https://registry.npmjs.org/parse5/-/parse5-8.0.1.tgz",
+      "integrity": "sha512-z1e/HMG90obSGeidlli3hj7cbocou0/wa5HacvI3ASx34PecNjNQeaHNo5WIZpWofN9kgkqV1q5YvXe3F0FoPw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "entities": "^8.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/inikulin/parse5?sponsor=1"
+      }
+    },
+    "node_modules/jsdom/node_modules/undici": {
+      "version": "8.10.0",
+      "resolved": "https://registry.npmjs.org/undici/-/undici-8.10.0.tgz",
+      "integrity": "sha512-HvltHd7avK13QIw/oLe4qoOLyoVSoafqJ2jYOrtMRBkbYT31eiBQ8O0ehRKZiEZCMEyLFQNIADpgCWC5fALvYQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=22.19.0"
+      }
+    },
+    "node_modules/jsdom/node_modules/whatwg-mimetype": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/whatwg-mimetype/-/whatwg-mimetype-5.0.0.tgz",
+      "integrity": "sha512-sXcNcHOC51uPGF0P/D4NVtrkjSU2fNsm9iog4ZvZJsL3rjoDAzXZhkm2MWt1y+PUdggKAYVoMAIYcs78wJ51Cw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=20"
+      }
+    },
     "node_modules/jsesc": {
       "version": "3.1.0",
       "resolved": "https://registry.npmjs.org/jsesc/-/jsesc-3.1.0.tgz",
@@ -4612,6 +5044,13 @@
         "node": ">= 0.4"
       }
     },
+    "node_modules/mdn-data": {
+      "version": "2.27.1",
+      "resolved": "https://registry.npmjs.org/mdn-data/-/mdn-data-2.27.1.tgz",
+      "integrity": "sha512-9Yubnt3e8A0OKwxYSXyhLymGW4sCufcLG6VdiDdUGVkPhpqLxlvP5vl1983gQjJl3tqbrM731mjaZaP68AgosQ==",
+      "dev": true,
+      "license": "CC0-1.0"
+    },
     "node_modules/mdurl": {
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/mdurl/-/mdurl-2.0.0.tgz",
@@ -5940,6 +6379,19 @@
         "node": ">=11.0.0"
       }
     },
+    "node_modules/saxes": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/saxes/-/saxes-6.0.0.tgz",
+      "integrity": "sha512-xAg7SOnEhrm5zI3puOOKyy1OMcMlIJZYNJY7xLBwSze0UjhPLnWfj2GF2EpT0jmzaJKIWKHLsaSSajf35bcYnA==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "xmlchars": "^2.2.0"
+      },
+      "engines": {
+        "node": ">=v12.22.7"
+      }
+    },
     "node_modules/secretlint": {
       "version": "10.2.2",
       "resolved": "https://registry.npmjs.org/secretlint/-/secretlint-10.2.2.tgz",
@@ -6184,6 +6636,16 @@
         "url": "https://github.com/chalk/slice-ansi?sponsor=1"
       }
     },
+    "node_modules/source-map-js": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/source-map-js/-/source-map-js-1.2.1.tgz",
+      "integrity": "sha512-UXWMKhLOwVKb728IUtQPXxfYU+usdybtUrK/8uGE8CQMvrhOpwvzDBwj0QhSL7MQc7vIsISBG8VQ8+IDQxpfQA==",
+      "dev": true,
+      "license": "BSD-3-Clause",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
     "node_modules/spdx-correct": {
       "version": "3.2.0",
       "resolved": "https://registry.npmjs.org/spdx-correct/-/spdx-correct-3.2.0.tgz",
@@ -6433,6 +6895,13 @@
         "node": ">=8"
       }
     },
+    "node_modules/symbol-tree": {
+      "version": "3.2.4",
+      "resolved": "https://registry.npmjs.org/symbol-tree/-/symbol-tree-3.2.4.tgz",
+      "integrity": "sha512-9QNk5KwDF+Bvz+PyObkmSYjI5ksVUYtjW7AU22r2NKcfLJcXp96hkDWU3+XndOsUb+AQ9QhfzfCT2O+CNWT5Tw==",
+      "dev": true,
+      "license": "MIT"
+    },
     "node_modules/table": {
       "version": "6.9.0",
       "resolved": "https://registry.npmjs.org/table/-/table-6.9.0.tgz",
@@ -6590,6 +7059,26 @@
         "url": "https://bevry.me/fund"
       }
     },
+    "node_modules/tldts": {
+      "version": "7.4.10",
+      "resolved": "https://registry.npmjs.org/tldts/-/tldts-7.4.10.tgz",
+      "integrity": "sha512-GgouD1B+sWwvkaEq8vXC15DjQitxbvs12oIXELpconwm+Tg3zfcEv4jgzq3vtKverDXsg3VI8aRgNL2Nra0Iog==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "tldts-core": "^7.4.10"
+      },
+      "bin": {
+        "tldts": "bin/cli.js"
+      }
+    },
+    "node_modules/tldts-core": {
+      "version": "7.4.10",
+      "resolved": "https://registry.npmjs.org/tldts-core/-/tldts-core-7.4.10.tgz",
+      "integrity": "sha512-KnQjp53ZekKgm/r3l+u8kJGGzYgrWdP8+Mql7a4vijh2WE0IrZWspQj/TpTxDho/YxO+AnOZnIjQcCD+q6iJsw==",
+      "dev": true,
+      "license": "MIT"
+    },
     "node_modules/tmp": {
       "version": "0.2.7",
       "resolved": "https://registry.npmjs.org/tmp/-/tmp-0.2.7.tgz",
@@ -6613,6 +7102,32 @@
         "node": ">=8.0"
       }
     },
+    "node_modules/tough-cookie": {
+      "version": "6.0.2",
+      "resolved": "https://registry.npmjs.org/tough-cookie/-/tough-cookie-6.0.2.tgz",
+      "integrity": "sha512-exgYmnmL/sJpR3upZfXG5PoatXQii55xAiXGXzY+sROLZ/Y+SLcp9PgJNI9Vz37HpQ74WvDcLT8eqm+kV3FzrA==",
+      "dev": true,
+      "license": "BSD-3-Clause",
+      "dependencies": {
+        "tldts": "^7.0.5"
+      },
+      "engines": {
+        "node": ">=16"
+      }
+    },
+    "node_modules/tr46": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/tr46/-/tr46-6.0.0.tgz",
+      "integrity": "sha512-bLVMLPtstlZ4iMQHpFHTR7GAGj2jxi8Dg0s2h2MafAE4uSWF98FC/3MomU51iQAMf8/qDUbKWf5GxuvvVcXEhw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "punycode": "^2.3.1"
+      },
+      "engines": {
+        "node": ">=20"
+      }
+    },
     "node_modules/tslib": {
       "version": "2.8.1",
       "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.8.1.tgz",
@@ -6865,6 +7380,29 @@
         "url": "https://bevry.me/fund"
       }
     },
+    "node_modules/w3c-xmlserializer": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/w3c-xmlserializer/-/w3c-xmlserializer-5.0.0.tgz",
+      "integrity": "sha512-o8qghlI8NZHU1lLPrpi2+Uq7abh4GGPpYANlalzWxyWteJOCsr/P+oPBA49TOLu5FTZO4d3F9MnWJfiMo4BkmA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "xml-name-validator": "^5.0.0"
+      },
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/webidl-conversions": {
+      "version": "8.0.1",
+      "resolved": "https://registry.npmjs.org/webidl-conversions/-/webidl-conversions-8.0.1.tgz",
+      "integrity": "sha512-BMhLD/Sw+GbJC21C/UgyaZX41nPt8bUTg+jWyDeg7e7YN4xOM05YPSIXceACnXVtqyEw/LMClUQMtMZ+PGGpqQ==",
+      "dev": true,
+      "license": "BSD-2-Clause",
+      "engines": {
+        "node": ">=20"
+      }
+    },
     "node_modules/whatwg-encoding": {
       "version": "3.1.1",
       "resolved": "https://registry.npmjs.org/whatwg-encoding/-/whatwg-encoding-3.1.1.tgz",
@@ -6889,6 +7427,21 @@
         "node": ">=18"
       }
     },
+    "node_modules/whatwg-url": {
+      "version": "17.1.0",
+      "resolved": "https://registry.npmjs.org/whatwg-url/-/whatwg-url-17.1.0.tgz",
+      "integrity": "sha512-3GeworPmc2ZfEEHP7lEbUfBX/L75wdEsi0rLNhXcXxnoN5jyq0SL5gCy06SGW2cyTIZdTvWIDQNQoza++vKeaw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@exodus/bytes": "^1.15.1",
+        "tr46": "^6.0.0",
+        "webidl-conversions": "^8.0.1"
+      },
+      "engines": {
+        "node": "^22.14.0 || >=24.0.0"
+      }
+    },
     "node_modules/which": {
       "version": "2.0.2",
       "resolved": "https://registry.npmjs.org/which/-/which-2.0.2.tgz",
@@ -7044,6 +7597,16 @@
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
+    "node_modules/xml-name-validator": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/xml-name-validator/-/xml-name-validator-5.0.0.tgz",
+      "integrity": "sha512-EvGK8EJ3DhaHfbRlETOWAS5pO9MZITeauHKJyb8wyajUfQUenkIg2MvLDTZ4T/TgIcm3HU0TFBgWWboAZ30UHg==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "engines": {
+        "node": ">=18"
+      }
+    },
     "node_modules/xml2js": {
       "version": "0.5.0",
       "resolved": "https://registry.npmjs.org/xml2js/-/xml2js-0.5.0.tgz",
@@ -7068,6 +7631,13 @@
         "node": ">=4.0"
       }
     },
+    "node_modules/xmlchars": {
+      "version": "2.2.0",
+      "resolved": "https://registry.npmjs.org/xmlchars/-/xmlchars-2.2.0.tgz",
+      "integrity": "sha512-JZnDKK8B0RCDw84FNdDAIpZK+JuJw+s7Lz8nksI7SIuU3UXJJslUthsi+uWBUYOwPFwW7W7PRLRfUKpxjtjFCw==",
+      "dev": true,
+      "license": "MIT"
+    },
     "node_modules/y18n": {
       "version": "5.0.8",
       "resolved": "https://registry.npmjs.org/y18n/-/y18n-5.0.8.tgz",
diff --git a/package.json b/package.json
index b460b58..3ff636e 100644
--- a/package.json
+++ b/package.json
@@ -77,7 +77,7 @@
     "compile": "tsc -p ./",
     "copy-assets": "node scripts/copy-assets.js",
     "watch": "tsc -watch -p ./",
-    "pretest": "npm run compile && npm run lint",
+    "pretest": "npm run compile && npm run copy-assets && npm run lint",
     "lint": "eslint src",
     "test": "vscode-test --config ./.vscode-test.json"
   },
@@ -86,6 +86,7 @@
     "@babel/eslint-parser": "^8.0.1",
     "@babel/plugin-syntax-typescript": "^8.0.3",
     "@eslint/js": "^10.0.1",
+    "@types/jsdom": "^27.0.0",
     "@types/mocha": "^10.0.10",
     "@types/node": "26.x",
     "@types/vscode": "^1.125.0",
@@ -93,6 +94,7 @@
     "@vscode/test-electron": "^3.1.0",
     "@vscode/vsce": "^3.9.2",
     "eslint": "^10.8.0",
+    "jsdom": "^30.0.1",
     "typescript": "^7.0.2"
   },
   "dependencies": {
diff --git a/src/test/extension.test.ts b/src/test/extension.test.ts
index 6ccabe2..5cd4861 100644
--- a/src/test/extension.test.ts
+++ b/src/test/extension.test.ts
@@ -91,6 +91,100 @@ suite('Extension Test Suite', () => {
         );
     });
 
+    test('Webview client script and diff2html should render a diff end-to-end', async () => {
+        // End-to-end validation of the diff2html usage: load the shipped
+        // diff2html bundle and the webview client script into a DOM and assert
+        // that a patch is actually rendered into #diff-output. This guards
+        // against the "blank Visual tab" class of regressions.
+        const { JSDOM } = await import('jsdom');
+
+        const extension = vscode.extensions.getExtension('unknowIfGuestInDream.tlcsdm-patch-reader');
+        assert.ok(extension, 'Extension should be present');
+        const assetDir = resolveDiff2HtmlAssetDirectory(extension.extensionPath);
+        const diff2htmlJsPath = path.join(assetDir, 'js', 'diff2html.min.js');
+        assert.ok(fs.existsSync(diff2htmlJsPath), 'diff2html.min.js should be available for the webview');
+        const diff2htmlJs = fs.readFileSync(diff2htmlJsPath, 'utf8');
+        const patchViewerJs = fs.readFileSync(
+            path.join(extension.extensionPath, 'media', 'patchViewer.js'),
+            'utf8'
+        );
+
+        const patch = [
+            'diff --git a/file.txt b/file.txt',
+            'index 0000000..1111111 100644',
+            '--- a/file.txt',
+            '+++ b/file.txt',
+            '@@ -1 +1 @@',
+            '-old line',
+            '+new line',
+            ''
+        ].join('\n');
+        const initialContentJson = JSON.stringify(patch).replace(/</g, '\\u003c');
+
+        const html = `<!DOCTYPE html><html><head></head><body>
+<div class="container">
+    <div class="content">
+        <div id="visual-tab" class="tab-content active"><div id="diff-output"></div></div>
+        <div id="content-tab" class="tab-content"><textarea id="content-output"></textarea></div>
+    </div>
+    <div class="header">
+        <div class="tabs">
+            <button class="tab active" data-tab="visual">Visual</button>
+            <button class="tab" data-tab="content">Content</button>
+        </div>
+        <div class="view-toggle">
+            <button class="view-btn active" data-view="side-by-side">Side-by-Side</button>
+            <button class="view-btn" data-view="unified">Unified</button>
+        </div>
+    </div>
+</div>
+<script id="patch-initial-content" type="application/json">${initialContentJson}</script>
+</body></html>`;
+
+        const dom = new JSDOM(html, { runScripts: 'dangerously', pretendToBeVisual: true });
+        const { window } = dom;
+        try {
+            (window as any).acquireVsCodeApi = () => ({
+                postMessage: () => { /* no-op */ }
+            });
+
+            const bundleScript = window.document.createElement('script');
+            bundleScript.textContent = diff2htmlJs;
+            window.document.body.appendChild(bundleScript);
+            assert.ok(
+                (window as any).Diff2Html,
+                'diff2html bundle should expose a global Diff2Html'
+            );
+
+            const viewerScript = window.document.createElement('script');
+            viewerScript.textContent = patchViewerJs;
+            window.document.body.appendChild(viewerScript);
+
+            const diffOutput = window.document.getElementById('diff-output');
+            assert.ok(diffOutput, '#diff-output should exist');
+            assert.ok(
+                diffOutput!.querySelector('.d2h-file-wrapper'),
+                'diff2html should render at least one file into #diff-output'
+            );
+
+            // Content tab must be switchable: clicking the Content tab activates it.
+            const contentTabBtn = window.document.querySelector('.tab[data-tab="content"]') as any;
+            assert.ok(contentTabBtn, 'Content tab button should exist');
+            contentTabBtn!.click();
+            assert.ok(
+                window.document.getElementById('content-tab')!.classList.contains('active'),
+                'Clicking the Content tab should activate the content panel'
+            );
+            assert.strictEqual(
+                (window.document.getElementById('content-output') as any).value,
+                patch,
+                'Content tab should display the raw patch text'
+            );
+        } finally {
+            window.close();
+        }
+    });
+
     test('Initial patch content should be embedded safely and round-trip', () => {
         const provider = new PatchEditorProvider({
             extensionUri: vscode.Uri.file('/ext'),

From a40d253c448c77ff6a2484be85ebac56a9dfebc0 Mon Sep 17 00:00:00 2001
From: "copilot-swe-agent[bot]" <198982749+Copilot@users.noreply.github.com>
Date: Sat, 8 Aug 2026 09:26:04 +0000
Subject: [PATCH 10/10] docs(changelog): note vendored diff2html assets and
 render test

Co-authored-by: unknowIfGuestInDream <57802425+unknowIfGuestInDream@users.noreply.github.com>
---
 CHANGELOG.md | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index e5e16c1..964853e 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -8,9 +8,11 @@
 ### Fixed
 - Fixed a blank Visual view and an unresponsive Content tab caused by the inline client script failing to run when the surrounding template literal mangled its escape sequences. The diff now renders and the tabs respond regardless of the patch contents.
 - The initial patch content is passed to the webview through a non-executable JSON data block (with every `<` escaped as `\u003c`), so patches that contain `</script>` or HTML comments can no longer abort the viewer.
+- Vendored the `diff2html` webview assets (`media/diff2html/`) into the repository so they are always present when the extension runs from source (Extension Development Host), during tests, and when packaged. Previously these files were git-ignored and only generated at publish time, which left the Visual view blank whenever the assets had not been copied.
 
 ### Tests
 - Replaced the inline-script validity test with checks that the shipped `media/patchViewer.js` parses as JavaScript and that the embedded initial content round-trips exactly (including `</script>` payloads).
+- Added an end-to-end test that loads the shipped `diff2html` bundle and `media/patchViewer.js` into a DOM and asserts that a patch actually renders into the Visual view and that the Content tab switches, guarding against the "blank Visual tab" class of regressions.
 
 ## [1.0.2] - 2026-07-03