critique 0.1.122 → 0.1.127

package/dist/cli.js

@@ -909,7 +909,7 @@ async function runWebMode(diffContent, options) {
         // after the URL is printed, so the user sees the URL faster.
         const { htmlDesktop, htmlMobile, ogImage } = await captureResponsiveHtml(diffContent, { desktopCols, mobileCols, baseRows, themeName, title: options.title, skipOgImage: true });
         log("Uploading...");
-        const result = await uploadHtml(htmlDesktop, htmlMobile);
+        const result = await uploadHtml(htmlDesktop, htmlMobile, undefined, diffContent);
         log(`\nPreview URL: ${result.url}`);
         log(formatPreviewExpiry(result.expiresInDays));
         if (typeof result.expiresInDays === "number") {

package/dist/kv-codec.d.ts

@@ -0,0 +1,16 @@
+export type KvValueMetadata = {
+    contentType?: string;
+    contentEncoding?: "gzip";
+    schemaVersion?: 1;
+};
+export declare const KV_SCHEMA_VERSION: 1;
+export declare function buildKvPutOptions(ttlSeconds?: number, metadata?: KvValueMetadata): {
+    expirationTtl?: number;
+    metadata?: KvValueMetadata;
+} | undefined;
+export declare function gzipArrayBuffer(buffer: ArrayBuffer): Promise<ArrayBuffer>;
+export declare function gunzipArrayBuffer(buffer: ArrayBuffer): Promise<ArrayBuffer>;
+export declare function gzipText(value: string): Promise<ArrayBuffer>;
+export declare function decodeTextFromKv(value: ArrayBuffer, metadata: KvValueMetadata | null): Promise<string>;
+export declare function decodeBinaryFromKv(value: ArrayBuffer, metadata: KvValueMetadata | null): Promise<ArrayBuffer>;
+//# sourceMappingURL=kv-codec.d.ts.map

package/dist/kv-codec.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"kv-codec.d.ts","sourceRoot":"","sources":["../src/kv-codec.ts"],"names":[],"mappings":"AAGA,MAAM,MAAM,eAAe,GAAG;IAC5B,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,aAAa,CAAC,EAAE,CAAC,CAAA;CAClB,CAAA;AAED,eAAO,MAAM,iBAAiB,EAAG,CAAU,CAAA;AAE3C,wBAAgB,iBAAiB,CAC/B,UAAU,CAAC,EAAE,MAAM,EACnB,QAAQ,CAAC,EAAE,eAAe,GACzB;IAAE,aAAa,CAAC,EAAE,MAAM,CAAC;IAAC,QAAQ,CAAC,EAAE,eAAe,CAAA;CAAE,GAAG,SAAS,CASpE;AAED,wBAAsB,eAAe,CAAC,MAAM,EAAE,WAAW,GAAG,OAAO,CAAC,WAAW,CAAC,CAG/E;AAED,wBAAsB,iBAAiB,CAAC,MAAM,EAAE,WAAW,GAAG,OAAO,CAAC,WAAW,CAAC,CAGjF;AAED,wBAAsB,QAAQ,CAAC,KAAK,EAAE,MAAM,GAAG,OAAO,CAAC,WAAW,CAAC,CAGlE;AAED,wBAAsB,gBAAgB,CACpC,KAAK,EAAE,WAAW,EAClB,QAAQ,EAAE,eAAe,GAAG,IAAI,GAC/B,OAAO,CAAC,MAAM,CAAC,CAKjB;AAED,wBAAsB,kBAAkB,CACtC,KAAK,EAAE,WAAW,EAClB,QAAQ,EAAE,eAAe,GAAG,IAAI,GAC/B,OAAO,CAAC,WAAW,CAAC,CAKtB"}

package/dist/kv-codec.js

@@ -0,0 +1,36 @@
+// KV value compression/decompression helpers for Cloudflare Worker storage.
+// Provides metadata-aware gzip encoding and decoding for text and binary payloads.
+export const KV_SCHEMA_VERSION = 1;
+export function buildKvPutOptions(ttlSeconds, metadata) {
+    if (ttlSeconds === undefined && metadata === undefined) {
+        return undefined;
+    }
+    return {
+        ...(ttlSeconds !== undefined ? { expirationTtl: ttlSeconds } : {}),
+        ...(metadata !== undefined ? { metadata } : {}),
+    };
+}
+export async function gzipArrayBuffer(buffer) {
+    const stream = new Blob([buffer]).stream().pipeThrough(new CompressionStream("gzip"));
+    return await new Response(stream).arrayBuffer();
+}
+export async function gunzipArrayBuffer(buffer) {
+    const stream = new Blob([buffer]).stream().pipeThrough(new DecompressionStream("gzip"));
+    return await new Response(stream).arrayBuffer();
+}
+export async function gzipText(value) {
+    const bytes = new TextEncoder().encode(value);
+    return gzipArrayBuffer(bytes.buffer);
+}
+export async function decodeTextFromKv(value, metadata) {
+    const buffer = metadata?.contentEncoding === "gzip"
+        ? await gunzipArrayBuffer(value)
+        : value;
+    return new TextDecoder().decode(buffer);
+}
+export async function decodeBinaryFromKv(value, metadata) {
+    if (metadata?.contentEncoding === "gzip") {
+        return await gunzipArrayBuffer(value);
+    }
+    return value;
+}

package/dist/kv-codec.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=kv-codec.test.d.ts.map

package/dist/kv-codec.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"kv-codec.test.d.ts","sourceRoot":"","sources":["../src/kv-codec.test.ts"],"names":[],"mappings":""}

package/dist/kv-codec.test.js

@@ -0,0 +1,48 @@
+// Tests for KV gzip codec helpers used by the Cloudflare worker.
+import { describe, expect, test } from "bun:test";
+import { buildKvPutOptions, decodeBinaryFromKv, decodeTextFromKv, gzipArrayBuffer, gzipText, } from "./kv-codec.js";
+describe("kv-codec", () => {
+    test("round-trips gzip text payloads", async () => {
+        const input = "<html><body>diff line +1 -0</body></html>\n".repeat(200);
+        const compressed = await gzipText(input);
+        const decoded = await decodeTextFromKv(compressed, {
+            contentType: "text/html; charset=utf-8",
+            contentEncoding: "gzip",
+            schemaVersion: 1,
+        });
+        expect(decoded).toBe(input);
+    });
+    test("decodes legacy uncompressed text payloads", async () => {
+        const input = "plain html without kv metadata";
+        const bytes = new TextEncoder().encode(input);
+        const decoded = await decodeTextFromKv(bytes.buffer, null);
+        expect(decoded).toBe(input);
+    });
+    test("round-trips gzip binary payloads", async () => {
+        const bytes = Uint8Array.from({ length: 1024 }, (_, index) => index % 256);
+        const compressed = await gzipArrayBuffer(bytes.buffer);
+        const decoded = await decodeBinaryFromKv(compressed, {
+            contentType: "image/png",
+            contentEncoding: "gzip",
+            schemaVersion: 1,
+        });
+        expect(new Uint8Array(decoded)).toEqual(bytes);
+    });
+    test("returns undefined put options when empty", () => {
+        expect(buildKvPutOptions()).toBeUndefined();
+    });
+    test("builds put options with ttl and metadata", () => {
+        expect(buildKvPutOptions(3600, {
+            contentType: "text/html; charset=utf-8",
+            contentEncoding: "gzip",
+            schemaVersion: 1,
+        })).toEqual({
+            expirationTtl: 3600,
+            metadata: {
+                contentType: "text/html; charset=utf-8",
+                contentEncoding: "gzip",
+                schemaVersion: 1,
+            },
+        });
+    });
+});

package/dist/web-utils.d.ts

@@ -39,6 +39,13 @@ export declare function slugifyFileName(name: string): string;
  * Returns null for non-diff lines (headers, hunk markers, etc.).
  */
 export declare function extractLineNumber(line: CapturedLine): string | null;
+/**
+ * Match a rendered tree file row and extract the file path label.
+ * Examples:
+ *   "│   ├── index.ts (+5,-2)"
+ *   "└── README.md (-15)"
+ */
+export declare function extractTreeFilePath(lineText: string): string | null;
 /**
  * Build line-indexed anchors from file section layout positions.
  * This avoids regex detection on rendered text, which can produce
@@ -110,7 +117,7 @@ export declare function captureReviewResponsiveHtml(options: {
 /**
  * Upload HTML to the critique.work worker
  */
-export declare function uploadHtml(htmlDesktop: string, htmlMobile: string, ogImage?: Buffer | null): Promise<UploadResult>;
+export declare function uploadHtml(htmlDesktop: string, htmlMobile: string, ogImage?: Buffer | null, patch?: string): Promise<UploadResult>;
 /**
  * Upload OG image to an existing diff via PATCH.
  * Called in the background after the initial upload returns the URL.

package/dist/web-utils.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"web-utils.d.ts","sourceRoot":"","sources":["../src/web-utils.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"web-utils.d.ts","sourceRoot":"","sources":["../src/web-utils.tsx"],"names":[],"mappings":"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"}

package/dist/web-utils.js

@@ -1,4 +1,4 @@
-import { jsx as _jsx, jsxs as _jsxs } from "@opentuah/react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "@opentuah/react/jsx-runtime";
 // Web preview generation utilities for uploading diffs to critique.work.
 // Renders diff components using opentui test renderer, converts to HTML with responsive layout,
 // and uploads desktop/mobile versions for shareable diff viewing.
@@ -8,6 +8,7 @@ import fs from "fs";
 import { tmpdir } from "os";
 import { join } from "path";
 import { getResolvedTheme, rgbaToHex } from "./themes.js";
+import { buildDirectoryTree } from "./directory-tree.js";
 import { DiffRenderable } from "@opentuah/core";
 import { loadStoredLicenseKey, loadOrCreateOwnerSecret } from "./license.js";
 const execAsync = promisify(exec);
@@ -119,13 +120,12 @@ async function renderDiffToFrameWithSectionPositions(diffContent, options) {
     const { createTestRenderer } = await import("@opentuah/core/testing");
     const { createRoot } = await import("@opentuah/react");
     const { getTreeSitterClient } = await import("@opentuah/core");
-    const React = await import("react");
     const { parsePatch, formatPatch } = await import("diff");
     // Pre-initialize TreeSitter client to ensure syntax highlighting works
     const tsClient = getTreeSitterClient();
     await tsClient.initialize();
-    const { DiffView } = await import("./components/index.js");
-    const { getFileName, getOldFileName, countChanges, getViewMode, processFiles, detectFiletype, stripSubmoduleHeaders, parseGitDiffFiles, } = await import("./diff-utils.js");
+    const { DiffView, DirectoryTreeView } = await import("./components/index.js");
+    const { getFileName, getOldFileName, countChanges, getFileStatus, getViewMode, processFiles, detectFiletype, stripSubmoduleHeaders, parseGitDiffFiles, } = await import("./diff-utils.js");
     const { themeNames, defaultThemeName } = await import("./themes.js");
     const themeName = options.themeName && themeNames.includes(options.themeName)
         ? options.themeName
@@ -134,6 +134,19 @@ async function renderDiffToFrameWithSectionPositions(diffContent, options) {
     const files = parseGitDiffFiles(stripSubmoduleHeaders(diffContent), parsePatch);
     const filesWithRawDiff = processFiles(files, formatPatch);
     const fileNames = filesWithRawDiff.map((file) => getFileName(file));
+    const treeFiles = filesWithRawDiff.map((file, idx) => {
+        const { additions, deletions } = countChanges(file.hunks);
+        return {
+            path: getFileName(file),
+            status: getFileStatus(file),
+            additions,
+            deletions,
+            fileIndex: idx,
+        };
+    });
+    const treeFileOrder = buildDirectoryTree(treeFiles)
+        .filter((node) => node.isFile && node.fileIndex !== undefined)
+        .map((node) => node.fileIndex);
     if (filesWithRawDiff.length === 0) {
         throw new Error("No files to display");
     }
@@ -150,57 +163,35 @@ async function renderDiffToFrameWithSectionPositions(diffContent, options) {
     // Create the diff view component
     // NOTE: No height: "100%" - let content determine its natural height
     function WebApp() {
-        return React.createElement("box", {
-            style: {
+        return (_jsxs("box", { style: {
                 flexDirection: "column",
                 backgroundColor: webBg,
-            },
-        }, showNotice
-            ? renderNoticeBlock({
-                mutedColor: webMuted,
-                showExpiry: showExpiryNotice,
-            })
-            : null, filesWithRawDiff.map((file, idx) => {
-            const fileName = getFileName(file);
-            const oldFileName = getOldFileName(file);
-            const filetype = detectFiletype(fileName);
-            const { additions, deletions } = countChanges(file.hunks);
-            // Use forced viewMode if set, otherwise auto-detect (higher threshold 150 for web vs TUI 100)
-            const viewMode = options.viewMode || getViewMode(additions, deletions, options.cols, 150);
-            // Build file header elements - show "old → new" for renames
-            const fileHeaderChildren = oldFileName
-                ? [
-                    React.createElement("text", { fg: webMuted, key: "old" }, oldFileName.trim()),
-                    React.createElement("text", { fg: webMuted, key: "arrow" }, " → "),
-                    React.createElement("text", { fg: webText, key: "new" }, fileName.trim()),
-                ]
-                : [React.createElement("text", { fg: webText, key: "name" }, fileName.trim())];
-            return React.createElement("box", {
-                key: idx,
-                ref: (r) => {
-                    if (r)
-                        fileSectionRefs.set(idx, r);
-                    else
-                        fileSectionRefs.delete(idx);
-                },
-                style: { flexDirection: "column", marginBottom: 2 },
-            }, React.createElement("box", {
-                style: {
-                    paddingBottom: 1,
-                    paddingLeft: 1,
-                    paddingRight: 1,
-                    flexShrink: 0,
-                    flexDirection: "row",
-                    alignItems: "center",
-                },
-            }, ...fileHeaderChildren, React.createElement("text", { fg: "#2d8a47" }, ` +${additions}`), React.createElement("text", { fg: "#c53b53" }, `-${deletions}`)), React.createElement(DiffView, {
-                diff: file.rawDiff || "",
-                view: viewMode,
-                filetype,
-                themeName,
-                ...(options.wrapMode && { wrapMode: options.wrapMode }),
-            }));
-        }));
+            }, children: [showNotice
+                    ? renderNoticeBlock({
+                        mutedColor: webMuted,
+                        showExpiry: showExpiryNotice,
+                    })
+                    : null, _jsx("box", { style: { marginBottom: 2 }, children: _jsx(DirectoryTreeView, { files: treeFiles, themeName: themeName }) }), filesWithRawDiff.map((file, idx) => {
+                    const fileName = getFileName(file);
+                    const oldFileName = getOldFileName(file);
+                    const filetype = detectFiletype(fileName);
+                    const { additions, deletions } = countChanges(file.hunks);
+                    // Use forced viewMode if set, otherwise auto-detect (higher threshold 150 for web vs TUI 100)
+                    const viewMode = options.viewMode || getViewMode(additions, deletions, options.cols, 150);
+                    return (_jsxs("box", { ref: (r) => {
+                            if (r)
+                                fileSectionRefs.set(idx, r);
+                            else
+                                fileSectionRefs.delete(idx);
+                        }, style: { flexDirection: "column", marginBottom: 2 }, children: [_jsxs("box", { style: {
+                                    paddingBottom: 1,
+                                    paddingLeft: 1,
+                                    paddingRight: 1,
+                                    flexShrink: 0,
+                                    flexDirection: "row",
+                                    alignItems: "center",
+                                }, children: [oldFileName ? (_jsxs(_Fragment, { children: [_jsx("text", { fg: webMuted, children: oldFileName.trim() }), _jsx("text", { fg: webMuted, children: " \u2192 " }), _jsx("text", { fg: webText, children: fileName.trim() })] })) : (_jsx("text", { fg: webText, children: fileName.trim() })), _jsxs("text", { fg: "#2d8a47", children: [" +", additions] }), _jsxs("text", { fg: "#c53b53", children: ["-", deletions] })] }), _jsx(DiffView, { diff: file.rawDiff || "", view: viewMode, filetype: filetype, themeName: themeName, wrapMode: options.wrapMode })] }, idx));
+                })] }));
     }
     // Content-fitting rendering:
     // 1. Start with small initial height
@@ -213,7 +204,7 @@ async function renderDiffToFrameWithSectionPositions(diffContent, options) {
         height: currentHeight,
     });
     // Mount and do initial render
-    createRoot(renderer).render(React.createElement(WebApp));
+    createRoot(renderer).render(_jsx(WebApp, {}));
     await renderOnce();
     // Wait for React to mount components (may take a few render cycles)
     let contentHeight = getContentHeight(renderer.root);
@@ -246,6 +237,7 @@ async function renderDiffToFrameWithSectionPositions(diffContent, options) {
         sectionPositions.push({
             lineIndex: Math.max(0, Math.round(layout.top)),
             fileName: fileNames[idx],
+            fileIndex: idx,
         });
     }
     // Capture the final frame
@@ -261,6 +253,7 @@ async function renderDiffToFrameWithSectionPositions(diffContent, options) {
     return {
         frame,
         sectionPositions,
+        treeFileOrder,
     };
 }
 export async function renderDiffToFrame(diffContent, options) {
@@ -324,6 +317,25 @@ export function extractLineNumber(line) {
     // Prefer new-file (right/second) number; fall back to old-file (left/first)
     return secondNum ?? firstNum;
 }
+/**
+ * Match a rendered tree file row and extract the file path label.
+ * Examples:
+ *   "│   ├── index.ts (+5,-2)"
+ *   "└── README.md (-15)"
+ */
+export function extractTreeFilePath(lineText) {
+    const match = lineText.match(/^\s*[│ ]*[├└]──\s+(.+?)\s+\([^)]*\)\s*$/);
+    if (!match || !match[1])
+        return null;
+    return match[1].trim();
+}
+function escapeHtmlAttribute(value) {
+    return value
+        .replace(/&/g, "&")
+        .replace(/"/g, """)
+        .replace(/</g, "&lt;")
+        .replace(/>/g, "&gt;");
+}
 /**
  * Build line-indexed anchors from file section layout positions.
  * This avoids regex detection on rendered text, which can produce
@@ -351,6 +363,8 @@ const SECTION_ANCHOR_CSS = `
   .file-section { scroll-margin-top: 16px; }
   .file-link { color: inherit; text-decoration: none; cursor: copy; }
   .file-link:hover { text-decoration: underline; }
+  .tree-file-link { color: inherit; text-decoration: none; }
+  .tree-file-link:hover { text-decoration: underline; }
 `;
 // JS: scroll to hash fragment on page load + click-to-copy filename on .file-link click.
 // On click: copies the filename text to clipboard and updates the URL hash.
@@ -379,8 +393,16 @@ export async function captureToHtml(diffContent, options) {
     const { frameToHtmlDocument } = await import("./ansi-html.js");
     // Render diff to captured frame (with notice for web uploads)
     // and collect exact section line positions from layout metadata.
-    const { frame, sectionPositions } = await renderDiffToFrameWithSectionPositions(diffContent, { ...options, showNotice: true });
+    const { frame, sectionPositions, treeFileOrder } = await renderDiffToFrameWithSectionPositions(diffContent, { ...options, showNotice: true });
     const anchors = buildAnchorMap(sectionPositions);
+    const anchorIdByFileIndex = new Map();
+    for (const section of sectionPositions) {
+        const anchor = anchors.get(section.lineIndex);
+        if (anchor) {
+            anchorIdByFileIndex.set(section.fileIndex, anchor.id);
+        }
+    }
+    const treeAnchorOrder = treeFileOrder.map((fileIndex) => anchorIdByFileIndex.get(fileIndex) ?? null);
     // Get theme colors for HTML output
     const theme = getResolvedTheme(options.themeName);
     const backgroundColor = rgbaToHex(theme.background);
@@ -398,6 +420,7 @@ export async function captureToHtml(diffContent, options) {
     const sortedSections = [...sectionPositions].sort((a, b) => a.lineIndex - b.lineIndex);
     let sectionPtr = 0;
     let currentFile = null;
+    let treeLinkPtr = 0;
     const renderLineCallback = (defaultHtml, line, lineIndex) => {
         // Advance current file when we pass a section boundary
         while (sectionPtr < sortedSections.length && lineIndex >= sortedSections[sectionPtr].lineIndex) {
@@ -405,15 +428,23 @@ export async function captureToHtml(diffContent, options) {
             sectionPtr++;
         }
         let html = defaultHtml;
+        if (currentFile === null && treeLinkPtr < treeAnchorOrder.length) {
+            const lineText = line.spans.map((span) => span.text).join("");
+            const treePath = extractTreeFilePath(lineText);
+            if (treePath) {
+                const targetAnchor = treeAnchorOrder[treeLinkPtr];
+                treeLinkPtr++;
+                if (targetAnchor) {
+                    const escapedPath = escapeHtmlAttribute(treePath);
+                    html = html.replace(`>${escapedPath}</span>`, `><a href="#${targetAnchor}" class="tree-file-link">${escapedPath}</a></span>`);
+                }
+            }
+        }
         // File-section header: add id + clickable link
         const anchor = anchors.get(lineIndex);
         if (anchor) {
             html = html.replace('<div class="line">', `<div id="${anchor.id}" class="line file-section">`);
-            const escapedLabel = anchor.label
-                .replace(/&/g, "&amp;")
-                .replace(/</g, "&lt;")
-                .replace(/>/g, "&gt;")
-                .replace(/"/g, "&quot;");
+            const escapedLabel = escapeHtmlAttribute(anchor.label);
             html = html.replace(`>${escapedLabel}</span>`, `><a href="#${anchor.id}" class="file-link">${escapedLabel}</a></span>`);
         }
         // Diff line: extract line number from spans and add data-anchor.
@@ -423,11 +454,7 @@ export async function captureToHtml(diffContent, options) {
             const lineNum = extractLineNumber(line);
             if (lineNum) {
                 const anchorValue = `${currentFile}:${lineNum}`;
-                const safeAnchor = anchorValue
-                    .replace(/&/g, "&amp;")
-                    .replace(/"/g, "&quot;")
-                    .replace(/</g, "&lt;")
-                    .replace(/>/g, "&gt;");
+                const safeAnchor = escapeHtmlAttribute(anchorValue);
                 html = html.replace('<div class="line">', `<div class="line" data-anchor="${safeAnchor}">`);
             }
         }
@@ -498,7 +525,6 @@ export async function renderReviewToFrame(options) {
     const { createTestRenderer } = await import("@opentuah/core/testing");
     const { createRoot } = await import("@opentuah/react");
     const { getTreeSitterClient } = await import("@opentuah/core");
-    const React = await import("react");
     // Pre-initialize TreeSitter client to ensure syntax highlighting works
     const tsClient = getTreeSitterClient();
     await tsClient.initialize();
@@ -523,28 +549,18 @@ export async function renderReviewToFrame(options) {
     // Pass renderer to enable custom renderNode (wrapMode: "none" for diagrams)
     // NOTE: No height: "100%" - let content determine its natural height
     function ReviewWebApp() {
-        return React.createElement("box", {
-            style: {
+        return (_jsxs("box", { style: {
                 flexDirection: "column",
                 backgroundColor: webBg,
-            },
-        }, showNotice
-            ? renderNoticeBlock({
-                mutedColor: webMuted,
-                showExpiry: showExpiryNotice,
-            })
-            : null, React.createElement(ReviewAppView, {
-            hunks: options.hunks,
-            reviewData: options.reviewData,
-            isGenerating: false,
-            themeName,
-            width: options.cols,
-            showFooter: false,
-            renderer: renderer,
-        }));
+            }, children: [showNotice
+                    ? renderNoticeBlock({
+                        mutedColor: webMuted,
+                        showExpiry: showExpiryNotice,
+                    })
+                    : null, _jsx(ReviewAppView, { hunks: options.hunks, reviewData: options.reviewData, isGenerating: false, themeName: themeName, width: options.cols, showFooter: false, renderer: renderer })] }));
     }
     // Mount and do initial render
-    createRoot(renderer).render(React.createElement(ReviewWebApp));
+    createRoot(renderer).render(_jsx(ReviewWebApp, {}));
     await renderOnce();
     // Wait for React to mount components (may take a few render cycles)
     let contentHeight = getContentHeight(renderer.root);
@@ -657,7 +673,7 @@ export async function captureReviewResponsiveHtml(options) {
 /**
  * Upload HTML to the critique.work worker
  */
-export async function uploadHtml(htmlDesktop, htmlMobile, ogImage) {
+export async function uploadHtml(htmlDesktop, htmlMobile, ogImage, patch) {
     const body = {
         html: htmlDesktop,
         htmlMobile,
@@ -666,6 +682,10 @@ export async function uploadHtml(htmlDesktop, htmlMobile, ogImage) {
     if (ogImage) {
         body.ogImage = ogImage.toString("base64");
     }
+    // Include raw unified diff (patch) for programmatic access
+    if (patch) {
+        body.patch = patch;
+    }
     const licenseKey = loadStoredLicenseKey();
     const ownerSecret = loadOrCreateOwnerSecret();
     const headers = {

package/dist/web-utils.test.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"web-utils.test.d.ts","sourceRoot":"","sources":["../src/web-utils.test.ts"],"names":[],"mappings":""}
+{"version":3,"file":"web-utils.test.d.ts","sourceRoot":"","sources":["../src/web-utils.test.tsx"],"names":[],"mappings":""}

package/dist/web-utils.test.js

@@ -1,9 +1,9 @@
+import { jsx as _jsx, jsxs as _jsxs } from "@opentuah/react/jsx-runtime";
 import { describe, test, expect, afterEach } from "bun:test";
 import { createTestRenderer } from "@opentuah/core/testing";
 import { createRoot } from "@opentuah/react";
-import React from "react";
 import { RGBA } from "@opentuah/core";
-import { slugifyFileName, buildAnchorMap, extractLineNumber } from "./web-utils.js";
+import { slugifyFileName, buildAnchorMap, extractLineNumber, extractTreeFilePath } from "./web-utils.js";
 import { frameToHtml, frameToHtmlDocument } from "./ansi-html.js";
 describe("getSpanLines rendering", () => {
     let renderer = null;
@@ -16,9 +16,9 @@ describe("getSpanLines rendering", () => {
         renderer = setup.renderer;
         const { renderOnce } = setup;
         function App() {
-            return React.createElement("box", { style: { flexDirection: "column" } }, React.createElement("text", { content: "├── src/errors" }), React.createElement("text", { content: "│   └── index.ts" }), React.createElement("text", { content: "└── api" }));
+            return (_jsxs("box", { style: { flexDirection: "column" }, children: [_jsx("text", { content: "\u251C\u2500\u2500 src/errors" }), _jsx("text", { content: "\u2502   \u2514\u2500\u2500 index.ts" }), _jsx("text", { content: "\u2514\u2500\u2500 api" })] }));
         }
-        createRoot(renderer).render(React.createElement(App));
+        createRoot(renderer).render(_jsx(App, {}));
         for (let i = 0; i < 5; i++) {
             await renderOnce();
             await new Promise(r => setTimeout(r, 50));
@@ -36,9 +36,9 @@ describe("getSpanLines rendering", () => {
         renderer = setup.renderer;
         const { renderOnce } = setup;
         function App() {
-            return React.createElement("text", { content: "src/errors/index.ts" });
+            return _jsx("text", { content: "src/errors/index.ts" });
         }
-        createRoot(renderer).render(React.createElement(App));
+        createRoot(renderer).render(_jsx(App, {}));
         for (let i = 0; i < 5; i++) {
             await renderOnce();
             await new Promise(r => setTimeout(r, 50));
@@ -227,6 +227,17 @@ describe("extractLineNumber", () => {
         expect(extractLineNumber(line)).toBe("42");
     });
 });
+describe("extractTreeFilePath", () => {
+    test("matches tree file rows with change stats", () => {
+        expect(extractTreeFilePath("│   ├── index.ts (+5,-2)")).toBe("index.ts");
+        expect(extractTreeFilePath("└── README.md (-15)")).toBe("README.md");
+        expect(extractTreeFilePath("│   └── utils.ts (+30)")).toBe("utils.ts");
+    });
+    test("does not match directory rows", () => {
+        expect(extractTreeFilePath("└── src")).toBe(null);
+        expect(extractTreeFilePath("│   ├── components")).toBe(null);
+    });
+});
 describe("data-anchor in rendered HTML", () => {
     test("injects data-anchor with file and line number", () => {
         // Simulate a frame with a file header line and diff lines
@@ -300,6 +311,44 @@ describe("data-anchor in rendered HTML", () => {
         expect(html).toContain('data-anchor="src/&quot;quoted&quot;.ts:5"');
     });
 });
+describe("tree links in rendered HTML", () => {
+    test("adds href links to tree file rows without ids", () => {
+        const frame = {
+            cols: 80,
+            rows: 3,
+            cursor: [0, 0],
+            lines: [
+                { spans: [mockSpan("└── src")] },
+                { spans: [mockSpan("    └── "), mockSpan("foo.ts"), mockSpan(" (+2,-1)")] },
+                { spans: [mockSpan("src/foo.ts")] },
+            ],
+        };
+        let treeLinkPtr = 0;
+        const treeAnchorOrder = ["src-foo-ts"];
+        const { html } = frameToHtml(frame, {
+            renderLine: (defaultHtml, line, lineIndex) => {
+                let out = defaultHtml;
+                if (lineIndex < 2 && treeLinkPtr < treeAnchorOrder.length) {
+                    const treePath = extractTreeFilePath(line.spans.map((span) => span.text).join(""));
+                    if (treePath) {
+                        const targetAnchor = treeAnchorOrder[treeLinkPtr];
+                        treeLinkPtr++;
+                        out = out.replace(`>${treePath}</span>`, `><a href="#${targetAnchor}" class="tree-file-link">${treePath}</a></span>`);
+                    }
+                }
+                if (lineIndex === 2) {
+                    out = out.replace('<div class="line">', '<div id="src-foo-ts" class="line file-section">');
+                }
+                return out;
+            },
+        });
+        const htmlLines = html.split("\n");
+        expect(htmlLines[1]).toContain('href="#src-foo-ts"');
+        expect(htmlLines[1]).toContain('class="tree-file-link"');
+        expect(htmlLines[1]).not.toContain('id="src-foo-ts"');
+        expect(htmlLines[2]).toContain('id="src-foo-ts"');
+    });
+});
 describe("ansi-html extraCss and extraJs", () => {
     test("extraCss is injected into document style block", () => {
         const frame = mockFrame(["test"]);

package/dist/worker.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"worker.d.ts","sourceRoot":"","sources":["../src/worker.tsx"],"names":[],"mappings":"AAAA,gCAAgC;AAMhC,OAAO,EAAE,IAAI,EAAE,MAAM,MAAM,CAAA;AAG3B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAA;AAQ5D,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAA;AAEnD,KAAK,QAAQ,GAAG;IACd,WAAW,EAAE,WAAW,CAAA;IACxB,iBAAiB,EAAE,MAAM,CAAA;IACzB,qBAAqB,EAAE,MAAM,CAAA;IAC7B,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,WAAW,EAAE;QAAE,UAAU,CAAC,IAAI,EAAE,MAAM,GAAG;YAAE,QAAQ,IAAI,MAAM,CAAA;SAAE,CAAC;QAAC,GAAG,CAAC,EAAE,EAAE,GAAG,GAAG;YAAE,KAAK,CAAC,OAAO,EAAE,OAAO,GAAG,OAAO,CAAC,QAAQ,CAAC,CAAA;SAAE,CAAA;KAAE,CAAA;CAChI,CAAA;AAUD,QAAA,MAAM,GAAG;cAAwB,QAAQ;eAAa;QAAE,MAAM,EAAE,MAAM,CAAA;KAAE;yCAAK,CAAA;AAo2B7E,eAAe,GAAG,CAAA"}
+{"version":3,"file":"worker.d.ts","sourceRoot":"","sources":["../src/worker.tsx"],"names":[],"mappings":"AAAA,gCAAgC;AAMhC,OAAO,EAAE,IAAI,EAAE,MAAM,MAAM,CAAA;AAG3B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAA;AAiB5D,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAA;AAEnD,KAAK,QAAQ,GAAG;IACd,WAAW,EAAE,WAAW,CAAA;IACxB,iBAAiB,EAAE,MAAM,CAAA;IACzB,qBAAqB,EAAE,MAAM,CAAA;IAC7B,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,WAAW,EAAE;QAAE,UAAU,CAAC,IAAI,EAAE,MAAM,GAAG;YAAE,QAAQ,IAAI,MAAM,CAAA;SAAE,CAAC;QAAC,GAAG,CAAC,EAAE,EAAE,GAAG,GAAG;YAAE,KAAK,CAAC,OAAO,EAAE,OAAO,GAAG,OAAO,CAAC,QAAQ,CAAC,CAAA;SAAE,CAAA;KAAE,CAAA;CAChI,CAAA;AAUD,QAAA,MAAM,GAAG;cAAwB,QAAQ;eAAa;QAAE,MAAM,EAAE,MAAM,CAAA;KAAE;yCAAK,CAAA;AAi8B7E,eAAe,GAAG,CAAA"}