@demon-utils/playwright 0.1.6 → 0.1.7

package/dist/index.js

@@ -1,3 +1,4 @@
+import { createRequire } from "node:module";
 var __create = Object.create;
 var __getProtoOf = Object.getPrototypeOf;
 var __defProp = Object.defineProperty;
@@ -14,451 +15,16 @@ var __toESM = (mod, isNodeMode, target) => {
       });
   return to;
 };
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, {
-      get: all[name],
-      enumerable: true,
-      configurable: true,
-      set: (newValue) => all[name] = () => newValue
-    });
-};
-var __esm = (fn, res) => () => (fn && (res = fn(fn = 0)), res);
-var __require = /* @__PURE__ */ ((x) => typeof require !== "undefined" ? require : typeof Proxy !== "undefined" ? new Proxy(x, {
-  get: (a, b) => (typeof require !== "undefined" ? require : a)[b]
-}) : x)(function(x) {
-  if (typeof require !== "undefined")
-    return require.apply(this, arguments);
-  throw Error('Dynamic require of "' + x + '" is not supported');
-});
+var __require = /* @__PURE__ */ createRequire(import.meta.url);
 
-// node:path
-var exports_path = {};
-__export(exports_path, {
-  sep: () => sep,
-  resolve: () => resolve,
-  relative: () => relative,
-  posix: () => posix,
-  parse: () => parse,
-  normalize: () => normalize,
-  join: () => join,
-  isAbsolute: () => isAbsolute,
-  format: () => format,
-  extname: () => extname,
-  dirname: () => dirname,
-  delimiter: () => delimiter,
-  default: () => path_default,
-  basename: () => basename,
-  _makeLong: () => _makeLong
-});
-function assertPath(path) {
-  if (typeof path !== "string")
-    throw TypeError("Path must be a string. Received " + JSON.stringify(path));
-}
-function normalizeStringPosix(path, allowAboveRoot) {
-  var res = "", lastSegmentLength = 0, lastSlash = -1, dots = 0, code;
-  for (var i = 0;i <= path.length; ++i) {
-    if (i < path.length)
-      code = path.charCodeAt(i);
-    else if (code === 47)
-      break;
-    else
-      code = 47;
-    if (code === 47) {
-      if (lastSlash === i - 1 || dots === 1)
-        ;
-      else if (lastSlash !== i - 1 && dots === 2) {
-        if (res.length < 2 || lastSegmentLength !== 2 || res.charCodeAt(res.length - 1) !== 46 || res.charCodeAt(res.length - 2) !== 46) {
-          if (res.length > 2) {
-            var lastSlashIndex = res.lastIndexOf("/");
-            if (lastSlashIndex !== res.length - 1) {
-              if (lastSlashIndex === -1)
-                res = "", lastSegmentLength = 0;
-              else
-                res = res.slice(0, lastSlashIndex), lastSegmentLength = res.length - 1 - res.lastIndexOf("/");
-              lastSlash = i, dots = 0;
-              continue;
-            }
-          } else if (res.length === 2 || res.length === 1) {
-            res = "", lastSegmentLength = 0, lastSlash = i, dots = 0;
-            continue;
-          }
-        }
-        if (allowAboveRoot) {
-          if (res.length > 0)
-            res += "/..";
-          else
-            res = "..";
-          lastSegmentLength = 2;
-        }
-      } else {
-        if (res.length > 0)
-          res += "/" + path.slice(lastSlash + 1, i);
-        else
-          res = path.slice(lastSlash + 1, i);
-        lastSegmentLength = i - lastSlash - 1;
-      }
-      lastSlash = i, dots = 0;
-    } else if (code === 46 && dots !== -1)
-      ++dots;
-    else
-      dots = -1;
-  }
-  return res;
-}
-function _format(sep, pathObject) {
-  var dir = pathObject.dir || pathObject.root, base = pathObject.base || (pathObject.name || "") + (pathObject.ext || "");
-  if (!dir)
-    return base;
-  if (dir === pathObject.root)
-    return dir + base;
-  return dir + sep + base;
-}
-function resolve() {
-  var resolvedPath = "", resolvedAbsolute = false, cwd;
-  for (var i = arguments.length - 1;i >= -1 && !resolvedAbsolute; i--) {
-    var path;
-    if (i >= 0)
-      path = arguments[i];
-    else {
-      if (cwd === undefined)
-        cwd = process.cwd();
-      path = cwd;
-    }
-    if (assertPath(path), path.length === 0)
-      continue;
-    resolvedPath = path + "/" + resolvedPath, resolvedAbsolute = path.charCodeAt(0) === 47;
-  }
-  if (resolvedPath = normalizeStringPosix(resolvedPath, !resolvedAbsolute), resolvedAbsolute)
-    if (resolvedPath.length > 0)
-      return "/" + resolvedPath;
-    else
-      return "/";
-  else if (resolvedPath.length > 0)
-    return resolvedPath;
-  else
-    return ".";
-}
-function normalize(path) {
-  if (assertPath(path), path.length === 0)
-    return ".";
-  var isAbsolute = path.charCodeAt(0) === 47, trailingSeparator = path.charCodeAt(path.length - 1) === 47;
-  if (path = normalizeStringPosix(path, !isAbsolute), path.length === 0 && !isAbsolute)
-    path = ".";
-  if (path.length > 0 && trailingSeparator)
-    path += "/";
-  if (isAbsolute)
-    return "/" + path;
-  return path;
-}
-function isAbsolute(path) {
-  return assertPath(path), path.length > 0 && path.charCodeAt(0) === 47;
-}
-function join() {
-  if (arguments.length === 0)
-    return ".";
-  var joined;
-  for (var i = 0;i < arguments.length; ++i) {
-    var arg = arguments[i];
-    if (assertPath(arg), arg.length > 0)
-      if (joined === undefined)
-        joined = arg;
-      else
-        joined += "/" + arg;
-  }
-  if (joined === undefined)
-    return ".";
-  return normalize(joined);
-}
-function relative(from, to) {
-  if (assertPath(from), assertPath(to), from === to)
-    return "";
-  if (from = resolve(from), to = resolve(to), from === to)
-    return "";
-  var fromStart = 1;
-  for (;fromStart < from.length; ++fromStart)
-    if (from.charCodeAt(fromStart) !== 47)
-      break;
-  var fromEnd = from.length, fromLen = fromEnd - fromStart, toStart = 1;
-  for (;toStart < to.length; ++toStart)
-    if (to.charCodeAt(toStart) !== 47)
-      break;
-  var toEnd = to.length, toLen = toEnd - toStart, length = fromLen < toLen ? fromLen : toLen, lastCommonSep = -1, i = 0;
-  for (;i <= length; ++i) {
-    if (i === length) {
-      if (toLen > length) {
-        if (to.charCodeAt(toStart + i) === 47)
-          return to.slice(toStart + i + 1);
-        else if (i === 0)
-          return to.slice(toStart + i);
-      } else if (fromLen > length) {
-        if (from.charCodeAt(fromStart + i) === 47)
-          lastCommonSep = i;
-        else if (i === 0)
-          lastCommonSep = 0;
-      }
-      break;
-    }
-    var fromCode = from.charCodeAt(fromStart + i), toCode = to.charCodeAt(toStart + i);
-    if (fromCode !== toCode)
-      break;
-    else if (fromCode === 47)
-      lastCommonSep = i;
-  }
-  var out = "";
-  for (i = fromStart + lastCommonSep + 1;i <= fromEnd; ++i)
-    if (i === fromEnd || from.charCodeAt(i) === 47)
-      if (out.length === 0)
-        out += "..";
-      else
-        out += "/..";
-  if (out.length > 0)
-    return out + to.slice(toStart + lastCommonSep);
-  else {
-    if (toStart += lastCommonSep, to.charCodeAt(toStart) === 47)
-      ++toStart;
-    return to.slice(toStart);
-  }
-}
-function _makeLong(path) {
-  return path;
-}
-function dirname(path) {
-  if (assertPath(path), path.length === 0)
-    return ".";
-  var code = path.charCodeAt(0), hasRoot = code === 47, end = -1, matchedSlash = true;
-  for (var i = path.length - 1;i >= 1; --i)
-    if (code = path.charCodeAt(i), code === 47) {
-      if (!matchedSlash) {
-        end = i;
-        break;
-      }
-    } else
-      matchedSlash = false;
-  if (end === -1)
-    return hasRoot ? "/" : ".";
-  if (hasRoot && end === 1)
-    return "//";
-  return path.slice(0, end);
-}
-function basename(path, ext) {
-  if (ext !== undefined && typeof ext !== "string")
-    throw TypeError('"ext" argument must be a string');
-  assertPath(path);
-  var start = 0, end = -1, matchedSlash = true, i;
-  if (ext !== undefined && ext.length > 0 && ext.length <= path.length) {
-    if (ext.length === path.length && ext === path)
-      return "";
-    var extIdx = ext.length - 1, firstNonSlashEnd = -1;
-    for (i = path.length - 1;i >= 0; --i) {
-      var code = path.charCodeAt(i);
-      if (code === 47) {
-        if (!matchedSlash) {
-          start = i + 1;
-          break;
-        }
-      } else {
-        if (firstNonSlashEnd === -1)
-          matchedSlash = false, firstNonSlashEnd = i + 1;
-        if (extIdx >= 0)
-          if (code === ext.charCodeAt(extIdx)) {
-            if (--extIdx === -1)
-              end = i;
-          } else
-            extIdx = -1, end = firstNonSlashEnd;
-      }
-    }
-    if (start === end)
-      end = firstNonSlashEnd;
-    else if (end === -1)
-      end = path.length;
-    return path.slice(start, end);
-  } else {
-    for (i = path.length - 1;i >= 0; --i)
-      if (path.charCodeAt(i) === 47) {
-        if (!matchedSlash) {
-          start = i + 1;
-          break;
-        }
-      } else if (end === -1)
-        matchedSlash = false, end = i + 1;
-    if (end === -1)
-      return "";
-    return path.slice(start, end);
-  }
-}
-function extname(path) {
-  assertPath(path);
-  var startDot = -1, startPart = 0, end = -1, matchedSlash = true, preDotState = 0;
-  for (var i = path.length - 1;i >= 0; --i) {
-    var code = path.charCodeAt(i);
-    if (code === 47) {
-      if (!matchedSlash) {
-        startPart = i + 1;
-        break;
-      }
-      continue;
-    }
-    if (end === -1)
-      matchedSlash = false, end = i + 1;
-    if (code === 46) {
-      if (startDot === -1)
-        startDot = i;
-      else if (preDotState !== 1)
-        preDotState = 1;
-    } else if (startDot !== -1)
-      preDotState = -1;
-  }
-  if (startDot === -1 || end === -1 || preDotState === 0 || preDotState === 1 && startDot === end - 1 && startDot === startPart + 1)
-    return "";
-  return path.slice(startDot, end);
-}
-function format(pathObject) {
-  if (pathObject === null || typeof pathObject !== "object")
-    throw TypeError('The "pathObject" argument must be of type Object. Received type ' + typeof pathObject);
-  return _format("/", pathObject);
-}
-function parse(path) {
-  assertPath(path);
-  var ret = { root: "", dir: "", base: "", ext: "", name: "" };
-  if (path.length === 0)
-    return ret;
-  var code = path.charCodeAt(0), isAbsolute2 = code === 47, start;
-  if (isAbsolute2)
-    ret.root = "/", start = 1;
-  else
-    start = 0;
-  var startDot = -1, startPart = 0, end = -1, matchedSlash = true, i = path.length - 1, preDotState = 0;
-  for (;i >= start; --i) {
-    if (code = path.charCodeAt(i), code === 47) {
-      if (!matchedSlash) {
-        startPart = i + 1;
-        break;
-      }
-      continue;
-    }
-    if (end === -1)
-      matchedSlash = false, end = i + 1;
-    if (code === 46) {
-      if (startDot === -1)
-        startDot = i;
-      else if (preDotState !== 1)
-        preDotState = 1;
-    } else if (startDot !== -1)
-      preDotState = -1;
-  }
-  if (startDot === -1 || end === -1 || preDotState === 0 || preDotState === 1 && startDot === end - 1 && startDot === startPart + 1) {
-    if (end !== -1)
-      if (startPart === 0 && isAbsolute2)
-        ret.base = ret.name = path.slice(1, end);
-      else
-        ret.base = ret.name = path.slice(startPart, end);
-  } else {
-    if (startPart === 0 && isAbsolute2)
-      ret.name = path.slice(1, startDot), ret.base = path.slice(1, end);
-    else
-      ret.name = path.slice(startPart, startDot), ret.base = path.slice(startPart, end);
-    ret.ext = path.slice(startDot, end);
-  }
-  if (startPart > 0)
-    ret.dir = path.slice(0, startPart - 1);
-  else if (isAbsolute2)
-    ret.dir = "/";
-  return ret;
-}
-var sep = "/", delimiter = ":", posix, path_default;
-var init_path = __esm(() => {
-  posix = ((p) => (p.posix = p, p))({ resolve, normalize, isAbsolute, join, relative, _makeLong, dirname, basename, extname, format, parse, sep, delimiter, win32: null, posix: null });
-  path_default = posix;
-});
+// src/review-generator.ts
+import { existsSync, readdirSync, readFileSync as readFileSync2, writeFileSync } from "node:fs";
+import { join, dirname, relative } from "node:path";
+import { fileURLToPath } from "node:url";
 
-// src/commentary.ts
-var TOOLTIP_ID = "demon-commentary-tooltip";
-async function showCommentary(page, options) {
-  await page.evaluate(({ selector, text, tooltipId }) => {
-    const target = document.querySelector(selector);
-    if (!target) {
-      throw new Error(`demon commentary: element not found for selector "${selector}"`);
-    }
-    document.getElementById(tooltipId)?.remove();
-    const rect = target.getBoundingClientRect();
-    const tooltip = document.createElement("div");
-    tooltip.id = tooltipId;
-    tooltip.textContent = text;
-    const style = document.createElement("style");
-    style.setAttribute("data-demon-commentary", "");
-    style.textContent = `
-        @keyframes demon-commentary-in {
-          from {
-            opacity: 0;
-            transform: translateY(var(--demon-slide-y, 8px));
-          }
-          to {
-            opacity: 1;
-            transform: translateY(0);
-          }
-        }
-        @keyframes demon-commentary-out {
-          from {
-            opacity: 1;
-            transform: translateY(0);
-          }
-          to {
-            opacity: 0;
-            transform: translateY(var(--demon-slide-y, 8px));
-          }
-        }
-        #${tooltipId} {
-          --demon-slide-y: 8px;
-          position: fixed;
-          z-index: 2147483647;
-          background: #1a1a2e;
-          color: #eee;
-          padding: 8px 14px;
-          border-radius: 6px;
-          font: 14px/1.4 system-ui, sans-serif;
-          max-width: 320px;
-          box-shadow: 0 4px 12px rgba(0,0,0,0.3);
-          pointer-events: none;
-          animation: demon-commentary-in 0.3s ease-out forwards;
-        }
-        #${tooltipId}.demon-commentary-hiding {
-          animation: demon-commentary-out 0.25s ease-in forwards;
-        }
-      `;
-    document.querySelector("style[data-demon-commentary]")?.remove();
-    document.head.appendChild(style);
-    tooltip.style.visibility = "hidden";
-    document.body.appendChild(tooltip);
-    const tooltipRect = tooltip.getBoundingClientRect();
-    const tooltipWidth = tooltipRect.width;
-    const tooltipHeight = tooltipRect.height;
-    const viewportWidth = window.innerWidth;
-    let top = rect.bottom + 10;
-    if (top + tooltipHeight > window.innerHeight && rect.top - 10 - tooltipHeight >= 0) {
-      top = rect.top - 10 - tooltipHeight;
-      tooltip.style.setProperty("--demon-slide-y", "-8px");
-    }
-    const left = Math.max(4, Math.min(rect.left + rect.width / 2 - tooltipWidth / 2, viewportWidth - 4 - tooltipWidth));
-    tooltip.style.top = `${top}px`;
-    tooltip.style.left = `${left}px`;
-    tooltip.style.visibility = "";
-  }, { selector: options.selector, text: options.text, tooltipId: TOOLTIP_ID });
-}
-async function hideCommentary(page) {
-  await page.evaluate((tooltipId) => {
-    const tooltip = document.getElementById(tooltipId);
-    if (!tooltip)
-      return;
-    tooltip.classList.add("demon-commentary-hiding");
-    tooltip.addEventListener("animationend", () => {
-      tooltip.remove();
-      document.querySelector("style[data-demon-commentary]")?.remove();
-    }, { once: true });
-  }, TOOLTIP_ID);
-  await page.waitForTimeout(300);
-}
 // src/review.ts
+import { spawn } from "node:child_process";
+import { Readable } from "node:stream";
 var GIT_DIFF_MAX_CHARS = 50000;
 function buildReviewPrompt(options) {
   const { filenames, stepsMap, gitDiff, guidelines } = options;
@@ -644,14 +210,14 @@ function parseLlmResponse(raw) {
 }
 function defaultSpawn(cmd) {
   const [command, ...args] = cmd;
-  const proc = Bun.spawn([command, ...args], {
-    stdout: "pipe",
-    stderr: "pipe"
+  const proc = spawn(command, args, {
+    stdio: ["ignore", "pipe", "pipe"]
   });
-  return {
-    exitCode: proc.exited,
-    stdout: proc.stdout
-  };
+  const exitCode = new Promise((resolve) => {
+    proc.on("close", (code) => resolve(code ?? 1));
+  });
+  const stdout = Readable.toWeb(proc.stdout);
+  return { exitCode, stdout };
 }
 function concatUint8Arrays(arrays) {
   const totalLength = arrays.reduce((sum, a) => sum + a.length, 0);
@@ -663,15 +229,36 @@ function concatUint8Arrays(arrays) {
   }
   return result;
 }
+
 // src/git-context.ts
-var {readFileSync} = (() => ({}));
+import { readFileSync } from "node:fs";
+import { spawnSync } from "node:child_process";
+async function detectDefaultBase(exec, gitRoot) {
+  let currentBranch;
+  try {
+    currentBranch = (await exec(["git", "rev-parse", "--abbrev-ref", "HEAD"], gitRoot)).trim();
+  } catch {
+    return null;
+  }
+  if (currentBranch === "main" || currentBranch === "master") {
+    return null;
+  }
+  for (const candidate of ["main", "master"]) {
+    try {
+      await exec(["git", "rev-parse", "--verify", candidate], gitRoot);
+      return candidate;
+    } catch {}
+  }
+  return null;
+}
 var defaultExec = async (cmd, cwd) => {
-  const proc = Bun.spawnSync(cmd, { cwd });
-  if (proc.exitCode !== 0) {
-    const stderr = proc.stderr.toString().trim();
-    throw new Error(`Command failed (exit ${proc.exitCode}): ${cmd.join(" ")}${stderr ? `: ${stderr}` : ""}`);
+  const [command, ...args] = cmd;
+  const proc = spawnSync(command, args, { cwd, encoding: "utf-8" });
+  if (proc.status !== 0) {
+    const stderr = (proc.stderr ?? "").trim();
+    throw new Error(`Command failed (exit ${proc.status}): ${cmd.join(" ")}${stderr ? `: ${stderr}` : ""}`);
   }
-  return proc.stdout.toString();
+  return proc.stdout ?? "";
 };
 var defaultReadFile = (path) => {
   return readFileSync(path, "utf-8");
@@ -680,12 +267,17 @@ async function getRepoContext(demosDir, options) {
   const exec = options?.exec ?? defaultExec;
   const readFile = options?.readFile ?? defaultReadFile;
   const gitRoot = (await exec(["git", "rev-parse", "--show-toplevel"], demosDir)).trim();
+  const diffBase = options?.diffBase ?? await detectDefaultBase(exec, gitRoot);
   let gitDiff;
-  const workingDiff = (await exec(["git", "diff", "HEAD"], gitRoot)).trim();
-  if (workingDiff.length > 0) {
-    gitDiff = workingDiff;
+  if (diffBase) {
+    gitDiff = (await exec(["git", "diff", `${diffBase}...HEAD`], gitRoot)).trim();
   } else {
-    gitDiff = (await exec(["git", "diff", "HEAD~1..HEAD"], gitRoot)).trim();
+    const workingDiff = (await exec(["git", "diff", "HEAD"], gitRoot)).trim();
+    if (workingDiff.length > 0) {
+      gitDiff = workingDiff;
+    } else {
+      gitDiff = (await exec(["git", "diff", "HEAD~1..HEAD"], gitRoot)).trim();
+    }
   }
   const lsOutput = (await exec(["git", "ls-files"], gitRoot)).trim();
   const files = lsOutput.split(`
@@ -703,438 +295,1209 @@ ${content}`);
   }
   return { gitDiff, guidelines };
 }
-// src/html-generator.ts
+
+// src/review-generator.ts
+function getReviewTemplate() {
+  const currentFile = fileURLToPath(import.meta.url);
+  const distDir = dirname(currentFile);
+  const templatePath = join(distDir, "review-template.html");
+  if (!existsSync(templatePath)) {
+    throw new Error(`Review template not found at ${templatePath}. ` + `Make sure to build the review-app package first.`);
+  }
+  return readFileSync2(templatePath, "utf-8");
+}
 function escapeHtml(s) {
   return s.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&#39;");
 }
-function escapeAttr(s) {
-  return escapeHtml(s);
-}
-function renderReviewSection(review) {
-  const bannerClass = review.verdict === "approve" ? "approve" : "request-changes";
-  const verdictLabel = review.verdict === "approve" ? "Approved" : "Changes Requested";
-  const highlightsHtml = review.highlights.map((h) => `<li>${escapeHtml(h)}</li>`).join(`
-          `);
-  const issuesHtml = review.issues.length > 0 ? review.issues.map((issue) => {
-    const badgeLabel = issue.severity.toUpperCase();
-    return `<div class="issue ${issue.severity}"><span class="severity-badge">${badgeLabel}</span> <span class="issue-text">${escapeHtml(issue.description)}</span><button class="feedback-add-issue" data-issue="${escapeAttr(issue.description)}">+</button></div>`;
-  }).join(`
-        `) : '<p class="no-issues">No issues found.</p>';
-  return `<section class="review-section">
-      <div class="verdict-banner ${bannerClass}">
-        <strong>${verdictLabel}</strong>: ${escapeHtml(review.verdictReason)}
-      </div>
-      <div class="review-body">
-        <h2>Summary</h2>
-        <p>${escapeHtml(review.summary)}</p>
-        <h2>Highlights</h2>
-        <ul class="highlights-list">
-          ${highlightsHtml}
-        </ul>
-        <h2>Issues</h2>
-        ${issuesHtml}
-      </div>
-    </section>`;
+function generateReviewHtml(appData) {
+  const template = getReviewTemplate();
+  const jsonData = JSON.stringify(appData);
+  return template.replace("<title>Demo Review</title>", `<title>${escapeHtml(appData.title)}</title>`).replace('"{{__INJECT_REVIEW_DATA__}}"', jsonData);
 }
-function generateReviewHtml(options) {
-  const { metadata, title = "Demo Review" } = options;
-  if (metadata.demos.length === 0) {
-    throw new Error("metadata.demos must not be empty");
-  }
-  const firstDemo = metadata.demos[0];
-  const demoButtons = metadata.demos.map((demo, i) => {
-    const activeClass = i === 0 ? ' class="active"' : "";
-    return `<li><button data-index="${i}"${activeClass}>${escapeHtml(demo.file)}</button></li>`;
-  }).join(`
-            `);
-  const metadataJson = JSON.stringify(metadata).replace(/<\//g, "<\\/");
-  const reviewHtml = metadata.review ? renderReviewSection(metadata.review) : "";
-  const hasReview = !!metadata.review;
-  const defaultTab = hasReview ? "summary" : "demos";
-  return `<!DOCTYPE html>
-<html lang="en">
-<head>
-  <meta charset="UTF-8">
-  <meta name="viewport" content="width=device-width, initial-scale=1.0">
-  <title>${escapeHtml(title)}</title>
-  <style>
-    * { margin: 0; padding: 0; box-sizing: border-box; }
-    body { font-family: system-ui, -apple-system, sans-serif; background: #1a1a2e; color: #e0e0e0; min-height: 100vh; }
-    header { padding: 1rem 2rem; background: #16213e; border-bottom: 1px solid #0f3460; }
-    header h1 { font-size: 1.4rem; color: #e94560; }
-    .tab-bar { display: flex; gap: 0; background: #16213e; border-bottom: 2px solid #0f3460; padding: 0 2rem; }
-    .tab-btn { padding: 0.7rem 1.5rem; background: none; border: none; border-bottom: 3px solid transparent; color: #999; font-size: 0.95rem; cursor: pointer; font-family: inherit; transition: all 0.15s; margin-bottom: -2px; }
-    .tab-btn:hover { color: #e0e0e0; }
-    .tab-btn.active { color: #e94560; border-bottom-color: #e94560; }
-    .tab-panel { display: none; }
-    .tab-panel.active { display: block; }
-    .review-section { padding: 1.5rem 2rem; }
-    .verdict-banner { padding: 1rem 1.5rem; border-radius: 6px; font-size: 1rem; margin-bottom: 1.5rem; }
-    .verdict-banner.approve { background: #1b4332; border: 1px solid #2d6a4f; color: #95d5b2; }
-    .verdict-banner.request-changes { background: #4a1520; border: 1px solid #842029; color: #f5c6cb; }
-    .review-body { max-width: 900px; }
-    .review-body h2 { font-size: 1.1rem; color: #e94560; margin: 1.2rem 0 0.5rem; }
-    .review-body p { font-size: 0.95rem; line-height: 1.6; color: #ccc; }
-    .highlights-list { list-style: disc; padding-left: 1.5rem; margin-bottom: 0.5rem; }
-    .highlights-list li { font-size: 0.95rem; line-height: 1.5; color: #95d5b2; margin-bottom: 0.3rem; }
-    .issue { padding: 0.6rem 0.8rem; margin-bottom: 0.5rem; border-radius: 4px; font-size: 0.9rem; line-height: 1.4; }
-    .issue.major { background: rgba(132, 32, 41, 0.3); border-left: 4px solid #dc3545; }
-    .issue.minor { background: rgba(255, 193, 7, 0.1); border-left: 4px solid #ffc107; }
-    .issue.nit { background: rgba(108, 117, 125, 0.2); border-left: 4px solid #6c757d; }
-    .severity-badge { display: inline-block; font-size: 0.7rem; font-weight: bold; padding: 0.15rem 0.4rem; border-radius: 3px; margin-right: 0.5rem; vertical-align: middle; }
-    .issue.major .severity-badge { background: #dc3545; color: #fff; }
-    .issue.minor .severity-badge { background: #ffc107; color: #000; }
-    .issue.nit .severity-badge { background: #6c757d; color: #fff; }
-    .no-issues { color: #95d5b2; font-style: italic; }
-    .demos-section { padding: 1rem 0; }
-    .review-layout { display: flex; height: 600px; }
-    .video-panel { flex: 4; padding: 1rem; display: flex; align-items: center; justify-content: center; background: #0f0f23; }
-    .video-wrapper { position: relative; width: 100%; max-height: 100%; display: flex; flex-direction: column; }
-    .video-wrapper video { width: 100%; max-height: calc(100% - 36px); border-radius: 4px 4px 0 0; display: block; cursor: pointer; }
-    .video-controls { display: flex; align-items: center; gap: 8px; padding: 6px 10px; background: #16213e; border-radius: 0 0 4px 4px; }
-    .video-controls button { background: none; border: none; color: #e0e0e0; cursor: pointer; font-size: 1rem; padding: 0; width: 20px; display: flex; align-items: center; justify-content: center; }
-    .video-controls button:hover { color: #e94560; }
-    .video-controls input[type="range"] { flex: 1; height: 4px; accent-color: #e94560; cursor: pointer; }
-    .video-controls .vc-time { font-size: 0.75rem; color: #999; white-space: nowrap; font-variant-numeric: tabular-nums; }
-    .side-panel { flex: 1; min-width: 260px; max-width: 360px; padding: 1rem; overflow-y: auto; background: #16213e; border-left: 1px solid #0f3460; }
-    .side-panel h2 { font-size: 1rem; margin-bottom: 0.5rem; color: #e94560; }
-    .side-panel section { margin-bottom: 1.5rem; }
-    #demo-list { list-style: none; }
-    #demo-list li { margin-bottom: 0.25rem; }
-    #demo-list button { width: 100%; text-align: left; padding: 0.4rem 0.6rem; background: #1a1a2e; color: #e0e0e0; border: 1px solid #0f3460; border-radius: 4px; cursor: pointer; font-size: 0.85rem; }
-    #demo-list button:hover { background: #0f3460; }
-    #demo-list button.active { background: #e94560; color: #fff; border-color: #e94560; }
-    #summary-text { font-size: 0.9rem; line-height: 1.5; color: #ccc; }
-    #steps-list { list-style: none; }
-    #steps-list li { margin-bottom: 0.3rem; }
-    #steps-list button { width: 100%; text-align: left; padding: 0.4rem 0.6rem; background: transparent; color: #53a8b6; border: none; border-left: 3px solid transparent; cursor: pointer; font-size: 0.85rem; transition: all 0.2s; }
-    #steps-list button:hover { color: #e94560; }
-    #steps-list button.step-active { background: rgba(233, 69, 96, 0.15); color: #e94560; border-left-color: #e94560; }
-    .timestamp { font-weight: bold; margin-right: 0.4rem; color: #e94560; }
-    .issue { position: relative; }
-    .feedback-add-issue { position: absolute; right: 0.5rem; top: 50%; transform: translateY(-50%); background: none; border: 1px solid #53a8b6; color: #53a8b6; border-radius: 4px; cursor: pointer; font-size: 0.85rem; padding: 0.1rem 0.45rem; line-height: 1; }
-    .feedback-add-issue:hover { background: #53a8b6; color: #1a1a2e; }
-    #feedback-selection-btn { display: none; position: absolute; z-index: 1000; padding: 0.35rem 0.7rem; background: #e94560; color: #fff; border: none; border-radius: 4px; cursor: pointer; font-size: 0.8rem; white-space: nowrap; }
-    .feedback-layout { display: flex; gap: 1.5rem; padding: 1.5rem 2rem; }
-    .feedback-left { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 1rem; }
-    .feedback-right { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 0.5rem; }
-    #feedback-list { list-style: none; padding: 0; }
-    #feedback-list li { display: flex; align-items: center; gap: 0.5rem; padding: 0.4rem 0.6rem; background: #16213e; border: 1px solid #0f3460; border-radius: 4px; margin-bottom: 0.4rem; font-size: 0.9rem; }
-    #feedback-list li span { flex: 1; }
-    .feedback-remove { background: none; border: none; color: #dc3545; cursor: pointer; font-size: 0.9rem; padding: 0 0.3rem; }
-    .feedback-remove:hover { color: #ff6b7a; }
-    #feedback-general { width: 100%; min-height: 100px; background: #16213e; color: #e0e0e0; border: 1px solid #0f3460; border-radius: 4px; padding: 0.6rem; font-family: inherit; font-size: 0.9rem; resize: vertical; }
-    #feedback-preview { background: #0f0f23; color: #ccc; border: 1px solid #0f3460; border-radius: 4px; padding: 1rem; white-space: pre-wrap; font-size: 0.85rem; line-height: 1.5; flex: 1; min-height: 200px; overflow-y: auto; }
-    #feedback-copy { align-self: flex-end; padding: 0.5rem 1rem; background: none; border: 1px solid #53a8b6; color: #53a8b6; border-radius: 4px; cursor: pointer; font-size: 0.85rem; }
-    #feedback-copy:hover { background: #53a8b6; color: #1a1a2e; }
-  </style>
-</head>
-<body>
-  <header>
-    <h1>${escapeHtml(title)}</h1>
-  </header>
-  <nav class="tab-bar">
-    ${hasReview ? `<button class="tab-btn${defaultTab === "summary" ? " active" : ""}" data-tab="summary">Summary</button>` : ""}
-    <button class="tab-btn${defaultTab === "demos" ? " active" : ""}" data-tab="demos">Demos</button>
-    ${hasReview ? `<button class="tab-btn" data-tab="feedback">Feedback</button>` : ""}
-  </nav>
-  <main>
-    ${hasReview ? `<div id="tab-summary" class="tab-panel${defaultTab === "summary" ? " active" : ""}">
-    ${reviewHtml}
-    </div>` : ""}
-    <div id="tab-demos" class="tab-panel${defaultTab === "demos" ? " active" : ""}">
-    <section class="demos-section">
-      <div class="review-layout">
-        <div class="video-panel">
-          <div class="video-wrapper">
-            <video id="review-video" src="${escapeAttr(firstDemo.file)}"></video>
-            <div class="video-controls">
-              <button id="vc-play" aria-label="Play">&#9654;</button>
-              <input id="vc-seek" type="range" min="0" max="100" value="0" step="0.1">
-              <span class="vc-time" id="vc-time">0:00 / 0:00</span>
-            </div>
-          </div>
-        </div>
-        <div class="side-panel">
-          <section>
-            <h2>Demos</h2>
-            <ul id="demo-list">
-            ${demoButtons}
-            </ul>
-          </section>
-          <section>
-            <h2>Summary</h2>
-            <p id="summary-text"></p>
-          </section>
-          <section id="steps-section">
-            <h2>Steps</h2>
-            <ul id="steps-list"></ul>
-          </section>
-        </div>
-      </div>
-    </section>
-    </div>
-    ${hasReview ? `<div id="tab-feedback" class="tab-panel">
-      <div class="feedback-layout">
-        <div class="feedback-left">
-          <h2>Feedback Items</h2>
-          <ul id="feedback-list"></ul>
-          <h2>General Feedback</h2>
-          <textarea id="feedback-general" placeholder="Add general feedback here..."></textarea>
-        </div>
-        <div class="feedback-right">
-          <h2>Preview</h2>
-          <pre id="feedback-preview"></pre>
-          <button id="feedback-copy">Copy to clipboard</button>
-        </div>
-      </div>
-    </div>` : ""}
-  </main>
-  ${hasReview ? `<button id="feedback-selection-btn">Add to feedback</button>` : ""}
-  <script>
-    (function() {
-      // Tab switching
-      var tabBtns = document.querySelectorAll(".tab-btn");
-      var tabPanels = document.querySelectorAll(".tab-panel");
-      tabBtns.forEach(function(btn) {
-        btn.addEventListener("click", function() {
-          var target = btn.getAttribute("data-tab");
-          tabBtns.forEach(function(b) { b.classList.toggle("active", b === btn); });
-          tabPanels.forEach(function(p) { p.classList.toggle("active", p.id === "tab-" + target); });
-        });
-      });
-
-      var metadata = ${metadataJson};
-      var video = document.getElementById("review-video");
-      var summaryText = document.getElementById("summary-text");
-      var stepsList = document.getElementById("steps-list");
-      var demoButtons = document.querySelectorAll("#demo-list button");
-
-      function esc(s) {
-        var d = document.createElement("div");
-        d.appendChild(document.createTextNode(s));
-        return d.innerHTML;
+function discoverDemoFiles(directory) {
+  const files = [];
+  const processFile = (filePath, filename) => {
+    const relativePath = relative(directory, filePath);
+    if (filename.endsWith(".webm")) {
+      files.push({ path: filePath, filename, relativePath, type: "web-ux" });
+    } else if (filename.endsWith(".jsonl")) {
+      files.push({ path: filePath, filename, relativePath, type: "log-based" });
+    }
+  };
+  for (const f of readdirSync(directory)) {
+    processFile(join(directory, f), f);
+  }
+  if (files.length === 0) {
+    for (const entry of readdirSync(directory, { withFileTypes: true })) {
+      if (!entry.isDirectory())
+        continue;
+      const subdir = join(directory, entry.name);
+      for (const f of readdirSync(subdir)) {
+        processFile(join(subdir, f), f);
       }
-
-      function formatTime(seconds) {
-        var m = Math.floor(seconds / 60);
-        var s = Math.floor(seconds % 60);
-        return m + ":" + (s < 10 ? "0" : "") + s;
+    }
+  }
+  return files.sort((a, b) => a.filename.localeCompare(b.filename));
+}
+async function generateReview(options) {
+  const { directory, agent, feedbackEndpoint, title = "Demo Review", diffBase } = options;
+  const demoFiles = discoverDemoFiles(directory);
+  const webUxDemos = demoFiles.filter((d) => d.type === "web-ux");
+  const logBasedDemos = demoFiles.filter((d) => d.type === "log-based");
+  if (demoFiles.length === 0) {
+    throw new Error(`No .webm or .jsonl files found in "${directory}" or its subdirectories.`);
+  }
+  const filenameToRelativePath = new Map(demoFiles.map((d) => [d.filename, d.relativePath]));
+  const stepsMapByFilename = {};
+  const stepsMapByRelativePath = {};
+  for (const demo of webUxDemos) {
+    const stepsPath = join(dirname(demo.path), "demo-steps.json");
+    if (!existsSync(stepsPath))
+      continue;
+    try {
+      const raw = readFileSync2(stepsPath, "utf-8");
+      const parsed = JSON.parse(raw);
+      if (Array.isArray(parsed)) {
+        stepsMapByFilename[demo.filename] = parsed;
+        stepsMapByRelativePath[demo.relativePath] = parsed;
       }
+    } catch {}
+  }
+  const logsMap = {};
+  for (const demo of logBasedDemos) {
+    logsMap[demo.relativePath] = readFileSync2(demo.path, "utf-8");
+  }
+  const hasWebUxDemos = webUxDemos.length > 0;
+  const hasLogDemos = logBasedDemos.length > 0;
+  if (hasWebUxDemos && Object.keys(stepsMapByFilename).length === 0) {
+    throw new Error("No demo-steps.json found alongside any .webm files. " + "Use DemoRecorder in your demo tests to generate step data.");
+  }
+  if (!hasWebUxDemos && !hasLogDemos) {
+    throw new Error("No demo files found.");
+  }
+  let gitDiff;
+  let guidelines;
+  try {
+    const repoContext = await getRepoContext(directory, { diffBase });
+    gitDiff = repoContext.gitDiff;
+    guidelines = repoContext.guidelines;
+  } catch {}
+  const allFilenames = demoFiles.map((d) => d.filename);
+  const prompt = buildReviewPrompt({ filenames: allFilenames, stepsMap: stepsMapByFilename, gitDiff, guidelines });
+  const rawOutput = await invokeClaude(prompt, { agent });
+  const llmResponse = parseLlmResponse(rawOutput);
+  const typeMap = new Map(demoFiles.map((d) => [d.filename, d.type]));
+  const metadata = {
+    demos: llmResponse.demos.map((demo) => {
+      const relativePath = filenameToRelativePath.get(demo.file) ?? demo.file;
+      return {
+        file: relativePath,
+        type: typeMap.get(demo.file) ?? "web-ux",
+        summary: demo.summary,
+        steps: stepsMapByRelativePath[relativePath] ?? []
+      };
+    }),
+    review: llmResponse.review
+  };
+  const metadataPath = join(directory, "review-metadata.json");
+  writeFileSync(metadataPath, JSON.stringify(metadata, null, 2) + `
+`);
+  const appData = {
+    metadata,
+    title,
+    videos: {},
+    logs: Object.keys(logsMap).length > 0 ? logsMap : undefined,
+    feedbackEndpoint
+  };
+  const html = generateReviewHtml(appData);
+  const htmlPath = join(directory, "review.html");
+  writeFileSync(htmlPath, html);
+  return { htmlPath, metadataPath, metadata };
+}
 
-      function selectDemo(index) {
-        var demo = metadata.demos[index];
-        video.src = demo.file;
-        video.load();
-        summaryText.textContent = demo.summary;
-
-        demoButtons.forEach(function(btn, i) {
-          btn.classList.toggle("active", i === index);
-        });
+// ../../node_modules/universal-user-agent/index.js
+function getUserAgent() {
+  if (typeof navigator === "object" && "userAgent" in navigator) {
+    return navigator.userAgent;
+  }
+  if (typeof process === "object" && process.version !== undefined) {
+    return `Node.js/${process.version.substr(1)} (${process.platform}; ${process.arch})`;
+  }
+  return "<environment undetectable>";
+}
 
-        var stepsHtml = "";
-        demo.steps.forEach(function(step) {
-          stepsHtml += '<li><button data-time="' + step.timestampSeconds + '">' +
-            '<span class="timestamp">' + esc(formatTime(step.timestampSeconds)) + '</span>' +
-            esc(step.text) + '</button></li>';
-        });
-        stepsList.innerHTML = stepsHtml;
+// ../../node_modules/@octokit/endpoint/dist-bundle/index.js
+var VERSION = "0.0.0-development";
+var userAgent = `octokit-endpoint.js/${VERSION} ${getUserAgent()}`;
+var DEFAULTS = {
+  method: "GET",
+  baseUrl: "https://api.github.com",
+  headers: {
+    accept: "application/vnd.github.v3+json",
+    "user-agent": userAgent
+  },
+  mediaType: {
+    format: ""
+  }
+};
+function lowercaseKeys(object) {
+  if (!object) {
+    return {};
+  }
+  return Object.keys(object).reduce((newObj, key) => {
+    newObj[key.toLowerCase()] = object[key];
+    return newObj;
+  }, {});
+}
+function isPlainObject(value) {
+  if (typeof value !== "object" || value === null)
+    return false;
+  if (Object.prototype.toString.call(value) !== "[object Object]")
+    return false;
+  const proto = Object.getPrototypeOf(value);
+  if (proto === null)
+    return true;
+  const Ctor = Object.prototype.hasOwnProperty.call(proto, "constructor") && proto.constructor;
+  return typeof Ctor === "function" && Ctor instanceof Ctor && Function.prototype.call(Ctor) === Function.prototype.call(value);
+}
+function mergeDeep(defaults, options) {
+  const result = Object.assign({}, defaults);
+  Object.keys(options).forEach((key) => {
+    if (isPlainObject(options[key])) {
+      if (!(key in defaults))
+        Object.assign(result, { [key]: options[key] });
+      else
+        result[key] = mergeDeep(defaults[key], options[key]);
+    } else {
+      Object.assign(result, { [key]: options[key] });
+    }
+  });
+  return result;
+}
+function removeUndefinedProperties(obj) {
+  for (const key in obj) {
+    if (obj[key] === undefined) {
+      delete obj[key];
+    }
+  }
+  return obj;
+}
+function merge(defaults, route, options) {
+  if (typeof route === "string") {
+    let [method, url] = route.split(" ");
+    options = Object.assign(url ? { method, url } : { url: method }, options);
+  } else {
+    options = Object.assign({}, route);
+  }
+  options.headers = lowercaseKeys(options.headers);
+  removeUndefinedProperties(options);
+  removeUndefinedProperties(options.headers);
+  const mergedOptions = mergeDeep(defaults || {}, options);
+  if (options.url === "/graphql") {
+    if (defaults && defaults.mediaType.previews?.length) {
+      mergedOptions.mediaType.previews = defaults.mediaType.previews.filter((preview) => !mergedOptions.mediaType.previews.includes(preview)).concat(mergedOptions.mediaType.previews);
+    }
+    mergedOptions.mediaType.previews = (mergedOptions.mediaType.previews || []).map((preview) => preview.replace(/-preview/, ""));
+  }
+  return mergedOptions;
+}
+function addQueryParameters(url, parameters) {
+  const separator = /\?/.test(url) ? "&" : "?";
+  const names = Object.keys(parameters);
+  if (names.length === 0) {
+    return url;
+  }
+  return url + separator + names.map((name) => {
+    if (name === "q") {
+      return "q=" + parameters.q.split("+").map(encodeURIComponent).join("+");
+    }
+    return `${name}=${encodeURIComponent(parameters[name])}`;
+  }).join("&");
+}
+var urlVariableRegex = /\{[^{}}]+\}/g;
+function removeNonChars(variableName) {
+  return variableName.replace(/(?:^\W+)|(?:(?<!\W)\W+$)/g, "").split(/,/);
+}
+function extractUrlVariableNames(url) {
+  const matches = url.match(urlVariableRegex);
+  if (!matches) {
+    return [];
+  }
+  return matches.map(removeNonChars).reduce((a, b) => a.concat(b), []);
+}
+function omit(object, keysToOmit) {
+  const result = { __proto__: null };
+  for (const key of Object.keys(object)) {
+    if (keysToOmit.indexOf(key) === -1) {
+      result[key] = object[key];
+    }
+  }
+  return result;
+}
+function encodeReserved(str) {
+  return str.split(/(%[0-9A-Fa-f]{2})/g).map(function(part) {
+    if (!/%[0-9A-Fa-f]/.test(part)) {
+      part = encodeURI(part).replace(/%5B/g, "[").replace(/%5D/g, "]");
+    }
+    return part;
+  }).join("");
+}
+function encodeUnreserved(str) {
+  return encodeURIComponent(str).replace(/[!'()*]/g, function(c) {
+    return "%" + c.charCodeAt(0).toString(16).toUpperCase();
+  });
+}
+function encodeValue(operator, value, key) {
+  value = operator === "+" || operator === "#" ? encodeReserved(value) : encodeUnreserved(value);
+  if (key) {
+    return encodeUnreserved(key) + "=" + value;
+  } else {
+    return value;
+  }
+}
+function isDefined(value) {
+  return value !== undefined && value !== null;
+}
+function isKeyOperator(operator) {
+  return operator === ";" || operator === "&" || operator === "?";
+}
+function getValues(context, operator, key, modifier) {
+  var value = context[key], result = [];
+  if (isDefined(value) && value !== "") {
+    if (typeof value === "string" || typeof value === "number" || typeof value === "boolean") {
+      value = value.toString();
+      if (modifier && modifier !== "*") {
+        value = value.substring(0, parseInt(modifier, 10));
       }
-
-      demoButtons.forEach(function(btn) {
-        btn.addEventListener("click", function() {
-          selectDemo(parseInt(btn.getAttribute("data-index"), 10));
-        });
-      });
-
-      stepsList.addEventListener("click", function(e) {
-        var btn = e.target.closest("button[data-time]");
-        if (btn) {
-          video.currentTime = parseFloat(btn.getAttribute("data-time"));
-          video.play();
+      result.push(encodeValue(operator, value, isKeyOperator(operator) ? key : ""));
+    } else {
+      if (modifier === "*") {
+        if (Array.isArray(value)) {
+          value.filter(isDefined).forEach(function(value2) {
+            result.push(encodeValue(operator, value2, isKeyOperator(operator) ? key : ""));
+          });
+        } else {
+          Object.keys(value).forEach(function(k) {
+            if (isDefined(value[k])) {
+              result.push(encodeValue(operator, value[k], k));
+            }
+          });
+        }
+      } else {
+        const tmp = [];
+        if (Array.isArray(value)) {
+          value.filter(isDefined).forEach(function(value2) {
+            tmp.push(encodeValue(operator, value2));
+          });
+        } else {
+          Object.keys(value).forEach(function(k) {
+            if (isDefined(value[k])) {
+              tmp.push(encodeUnreserved(k));
+              tmp.push(encodeValue(operator, value[k].toString()));
+            }
+          });
+        }
+        if (isKeyOperator(operator)) {
+          result.push(encodeUnreserved(key) + "=" + tmp.join(","));
+        } else if (tmp.length !== 0) {
+          result.push(tmp.join(","));
         }
-      });
-
-      video.addEventListener("timeupdate", function() {
-        var buttons = document.querySelectorAll("#steps-list button[data-time]");
-        var ct = video.currentTime;
-        var activeIdx = -1;
-        buttons.forEach(function(btn, i) {
-          if (parseFloat(btn.getAttribute("data-time")) <= ct) activeIdx = i;
-          btn.classList.remove("step-active");
-        });
-        if (activeIdx >= 0) buttons[activeIdx].classList.add("step-active");
-      });
-
-      selectDemo(0);
-
-      // Custom video controls
-      var playBtn = document.getElementById("vc-play");
-      var seekBar = document.getElementById("vc-seek");
-      var timeDisplay = document.getElementById("vc-time");
-      var seeking = false;
-
-      function fmtTime(sec) {
-        var m = Math.floor(sec / 60);
-        var s = Math.floor(sec % 60);
-        return m + ":" + (s < 10 ? "0" : "") + s;
-      }
-
-      function updateTime() {
-        var cur = video.currentTime || 0;
-        var dur = video.duration || 0;
-        timeDisplay.textContent = fmtTime(cur) + " / " + fmtTime(dur);
-        if (!seeking && dur) seekBar.value = (cur / dur) * 100;
       }
-
-      function updatePlayBtn() {
-        playBtn.innerHTML = video.paused ? "&#9654;" : "&#9646;&#9646;";
+    }
+  } else {
+    if (operator === ";") {
+      if (isDefined(value)) {
+        result.push(encodeUnreserved(key));
       }
-
-      playBtn.addEventListener("click", function() {
-        video.paused ? video.play() : video.pause();
-      });
-      video.addEventListener("click", function() {
-        video.paused ? video.play() : video.pause();
-      });
-      video.addEventListener("play", updatePlayBtn);
-      video.addEventListener("pause", updatePlayBtn);
-      video.addEventListener("ended", updatePlayBtn);
-      video.addEventListener("timeupdate", updateTime);
-      video.addEventListener("loadedmetadata", updateTime);
-
-      seekBar.addEventListener("input", function() {
-        seeking = true;
-        if (video.duration) {
-          video.currentTime = (seekBar.value / 100) * video.duration;
-        }
+    } else if (value === "" && (operator === "&" || operator === "?")) {
+      result.push(encodeUnreserved(key) + "=");
+    } else if (value === "") {
+      result.push("");
+    }
+  }
+  return result;
+}
+function parseUrl(template) {
+  return {
+    expand: expand.bind(null, template)
+  };
+}
+function expand(template, context) {
+  var operators = ["+", "#", ".", "/", ";", "?", "&"];
+  template = template.replace(/\{([^\{\}]+)\}|([^\{\}]+)/g, function(_, expression, literal) {
+    if (expression) {
+      let operator = "";
+      const values = [];
+      if (operators.indexOf(expression.charAt(0)) !== -1) {
+        operator = expression.charAt(0);
+        expression = expression.substr(1);
+      }
+      expression.split(/,/g).forEach(function(variable) {
+        var tmp = /([^:\*]*)(?::(\d+)|(\*))?/.exec(variable);
+        values.push(getValues(context, operator, tmp[1], tmp[2] || tmp[3]));
       });
-      seekBar.addEventListener("change", function() { seeking = false; });
+      if (operator && operator !== "+") {
+        var separator = ",";
+        if (operator === "?") {
+          separator = "&";
+        } else if (operator !== "#") {
+          separator = operator;
+        }
+        return (values.length !== 0 ? operator : "") + values.join(separator);
+      } else {
+        return values.join(",");
+      }
+    } else {
+      return encodeReserved(literal);
+    }
+  });
+  if (template === "/") {
+    return template;
+  } else {
+    return template.replace(/\/$/, "");
+  }
+}
+function parse(options) {
+  let method = options.method.toUpperCase();
+  let url = (options.url || "/").replace(/:([a-z]\w+)/g, "{$1}");
+  let headers = Object.assign({}, options.headers);
+  let body;
+  let parameters = omit(options, [
+    "method",
+    "baseUrl",
+    "url",
+    "headers",
+    "request",
+    "mediaType"
+  ]);
+  const urlVariableNames = extractUrlVariableNames(url);
+  url = parseUrl(url).expand(parameters);
+  if (!/^http/.test(url)) {
+    url = options.baseUrl + url;
+  }
+  const omittedParameters = Object.keys(options).filter((option) => urlVariableNames.includes(option)).concat("baseUrl");
+  const remainingParameters = omit(parameters, omittedParameters);
+  const isBinaryRequest = /application\/octet-stream/i.test(headers.accept);
+  if (!isBinaryRequest) {
+    if (options.mediaType.format) {
+      headers.accept = headers.accept.split(/,/).map((format) => format.replace(/application\/vnd(\.\w+)(\.v3)?(\.\w+)?(\+json)?$/, `application/vnd$1$2.${options.mediaType.format}`)).join(",");
+    }
+    if (url.endsWith("/graphql")) {
+      if (options.mediaType.previews?.length) {
+        const previewsFromAcceptHeader = headers.accept.match(/(?<![\w-])[\w-]+(?=-preview)/g) || [];
+        headers.accept = previewsFromAcceptHeader.concat(options.mediaType.previews).map((preview) => {
+          const format = options.mediaType.format ? `.${options.mediaType.format}` : "+json";
+          return `application/vnd.github.${preview}-preview${format}`;
+        }).join(",");
+      }
+    }
+  }
+  if (["GET", "HEAD"].includes(method)) {
+    url = addQueryParameters(url, remainingParameters);
+  } else {
+    if ("data" in remainingParameters) {
+      body = remainingParameters.data;
+    } else {
+      if (Object.keys(remainingParameters).length) {
+        body = remainingParameters;
+      }
+    }
+  }
+  if (!headers["content-type"] && typeof body !== "undefined") {
+    headers["content-type"] = "application/json; charset=utf-8";
+  }
+  if (["PATCH", "PUT"].includes(method) && typeof body === "undefined") {
+    body = "";
+  }
+  return Object.assign({ method, url, headers }, typeof body !== "undefined" ? { body } : null, options.request ? { request: options.request } : null);
+}
+function endpointWithDefaults(defaults, route, options) {
+  return parse(merge(defaults, route, options));
+}
+function withDefaults(oldDefaults, newDefaults) {
+  const DEFAULTS2 = merge(oldDefaults, newDefaults);
+  const endpoint2 = endpointWithDefaults.bind(null, DEFAULTS2);
+  return Object.assign(endpoint2, {
+    DEFAULTS: DEFAULTS2,
+    defaults: withDefaults.bind(null, DEFAULTS2),
+    merge: merge.bind(null, DEFAULTS2),
+    parse
+  });
+}
+var endpoint = withDefaults(null, DEFAULTS);
 
-      // Feedback tab logic
-      if (document.getElementById("tab-feedback")) {
-        var feedbackItems = [];
-        var feedbackList = document.getElementById("feedback-list");
-        var feedbackGeneral = document.getElementById("feedback-general");
-        var feedbackPreview = document.getElementById("feedback-preview");
-        var feedbackCopy = document.getElementById("feedback-copy");
-        var selectionBtn = document.getElementById("feedback-selection-btn");
+// ../../node_modules/fast-content-type-parse/index.js
+var NullObject = function NullObject2() {};
+NullObject.prototype = Object.create(null);
+var paramRE = /; *([!#$%&'*+.^\w`|~-]+)=("(?:[\v\u0020\u0021\u0023-\u005b\u005d-\u007e\u0080-\u00ff]|\\[\v\u0020-\u00ff])*"|[!#$%&'*+.^\w`|~-]+) */gu;
+var quotedPairRE = /\\([\v\u0020-\u00ff])/gu;
+var mediaTypeRE = /^[!#$%&'*+.^\w|~-]+\/[!#$%&'*+.^\w|~-]+$/u;
+var defaultContentType = { type: "", parameters: new NullObject };
+Object.freeze(defaultContentType.parameters);
+Object.freeze(defaultContentType);
+function safeParse(header) {
+  if (typeof header !== "string") {
+    return defaultContentType;
+  }
+  let index = header.indexOf(";");
+  const type = index !== -1 ? header.slice(0, index).trim() : header.trim();
+  if (mediaTypeRE.test(type) === false) {
+    return defaultContentType;
+  }
+  const result = {
+    type: type.toLowerCase(),
+    parameters: new NullObject
+  };
+  if (index === -1) {
+    return result;
+  }
+  let key;
+  let match;
+  let value;
+  paramRE.lastIndex = index;
+  while (match = paramRE.exec(header)) {
+    if (match.index !== index) {
+      return defaultContentType;
+    }
+    index += match[0].length;
+    key = match[1].toLowerCase();
+    value = match[2];
+    if (value[0] === '"') {
+      value = value.slice(1, value.length - 1);
+      quotedPairRE.test(value) && (value = value.replace(quotedPairRE, "$1"));
+    }
+    result.parameters[key] = value;
+  }
+  if (index !== header.length) {
+    return defaultContentType;
+  }
+  return result;
+}
+var $safeParse = safeParse;
 
-        function addFeedbackItem(text) {
-          var trimmed = text.trim();
-          if (!trimmed) return;
-          for (var i = 0; i < feedbackItems.length; i++) {
-            if (feedbackItems[i] === trimmed) return;
-          }
-          feedbackItems.push(trimmed);
-          renderFeedback();
-        }
+// ../../node_modules/@octokit/request-error/dist-src/index.js
+class RequestError extends Error {
+  name;
+  status;
+  request;
+  response;
+  constructor(message, statusCode, options) {
+    super(message);
+    this.name = "HttpError";
+    this.status = Number.parseInt(statusCode);
+    if (Number.isNaN(this.status)) {
+      this.status = 0;
+    }
+    if ("response" in options) {
+      this.response = options.response;
+    }
+    const requestCopy = Object.assign({}, options.request);
+    if (options.request.headers.authorization) {
+      requestCopy.headers = Object.assign({}, options.request.headers, {
+        authorization: options.request.headers.authorization.replace(/(?<! ) .*$/, " [REDACTED]")
+      });
+    }
+    requestCopy.url = requestCopy.url.replace(/\bclient_secret=\w+/g, "client_secret=[REDACTED]").replace(/\baccess_token=\w+/g, "access_token=[REDACTED]");
+    this.request = requestCopy;
+  }
+}
 
-        function removeFeedbackItem(index) {
-          feedbackItems.splice(index, 1);
-          renderFeedback();
+// ../../node_modules/@octokit/request/dist-bundle/index.js
+var VERSION2 = "9.2.4";
+var defaults_default = {
+  headers: {
+    "user-agent": `octokit-request.js/${VERSION2} ${getUserAgent()}`
+  }
+};
+function isPlainObject2(value) {
+  if (typeof value !== "object" || value === null)
+    return false;
+  if (Object.prototype.toString.call(value) !== "[object Object]")
+    return false;
+  const proto = Object.getPrototypeOf(value);
+  if (proto === null)
+    return true;
+  const Ctor = Object.prototype.hasOwnProperty.call(proto, "constructor") && proto.constructor;
+  return typeof Ctor === "function" && Ctor instanceof Ctor && Function.prototype.call(Ctor) === Function.prototype.call(value);
+}
+async function fetchWrapper(requestOptions) {
+  const fetch = requestOptions.request?.fetch || globalThis.fetch;
+  if (!fetch) {
+    throw new Error("fetch is not set. Please pass a fetch implementation as new Octokit({ request: { fetch }}). Learn more at https://github.com/octokit/octokit.js/#fetch-missing");
+  }
+  const log = requestOptions.request?.log || console;
+  const parseSuccessResponseBody = requestOptions.request?.parseSuccessResponseBody !== false;
+  const body = isPlainObject2(requestOptions.body) || Array.isArray(requestOptions.body) ? JSON.stringify(requestOptions.body) : requestOptions.body;
+  const requestHeaders = Object.fromEntries(Object.entries(requestOptions.headers).map(([name, value]) => [
+    name,
+    String(value)
+  ]));
+  let fetchResponse;
+  try {
+    fetchResponse = await fetch(requestOptions.url, {
+      method: requestOptions.method,
+      body,
+      redirect: requestOptions.request?.redirect,
+      headers: requestHeaders,
+      signal: requestOptions.request?.signal,
+      ...requestOptions.body && { duplex: "half" }
+    });
+  } catch (error) {
+    let message = "Unknown Error";
+    if (error instanceof Error) {
+      if (error.name === "AbortError") {
+        error.status = 500;
+        throw error;
+      }
+      message = error.message;
+      if (error.name === "TypeError" && "cause" in error) {
+        if (error.cause instanceof Error) {
+          message = error.cause.message;
+        } else if (typeof error.cause === "string") {
+          message = error.cause;
         }
+      }
+    }
+    const requestError = new RequestError(message, 500, {
+      request: requestOptions
+    });
+    requestError.cause = error;
+    throw requestError;
+  }
+  const status = fetchResponse.status;
+  const url = fetchResponse.url;
+  const responseHeaders = {};
+  for (const [key, value] of fetchResponse.headers) {
+    responseHeaders[key] = value;
+  }
+  const octokitResponse = {
+    url,
+    status,
+    headers: responseHeaders,
+    data: ""
+  };
+  if ("deprecation" in responseHeaders) {
+    const matches = responseHeaders.link && responseHeaders.link.match(/<([^<>]+)>; rel="deprecation"/);
+    const deprecationLink = matches && matches.pop();
+    log.warn(`[@octokit/request] "${requestOptions.method} ${requestOptions.url}" is deprecated. It is scheduled to be removed on ${responseHeaders.sunset}${deprecationLink ? `. See ${deprecationLink}` : ""}`);
+  }
+  if (status === 204 || status === 205) {
+    return octokitResponse;
+  }
+  if (requestOptions.method === "HEAD") {
+    if (status < 400) {
+      return octokitResponse;
+    }
+    throw new RequestError(fetchResponse.statusText, status, {
+      response: octokitResponse,
+      request: requestOptions
+    });
+  }
+  if (status === 304) {
+    octokitResponse.data = await getResponseData(fetchResponse);
+    throw new RequestError("Not modified", status, {
+      response: octokitResponse,
+      request: requestOptions
+    });
+  }
+  if (status >= 400) {
+    octokitResponse.data = await getResponseData(fetchResponse);
+    throw new RequestError(toErrorMessage(octokitResponse.data), status, {
+      response: octokitResponse,
+      request: requestOptions
+    });
+  }
+  octokitResponse.data = parseSuccessResponseBody ? await getResponseData(fetchResponse) : fetchResponse.body;
+  return octokitResponse;
+}
+async function getResponseData(response) {
+  const contentType = response.headers.get("content-type");
+  if (!contentType) {
+    return response.text().catch(() => "");
+  }
+  const mimetype = $safeParse(contentType);
+  if (isJSONResponse(mimetype)) {
+    let text = "";
+    try {
+      text = await response.text();
+      return JSON.parse(text);
+    } catch (err) {
+      return text;
+    }
+  } else if (mimetype.type.startsWith("text/") || mimetype.parameters.charset?.toLowerCase() === "utf-8") {
+    return response.text().catch(() => "");
+  } else {
+    return response.arrayBuffer().catch(() => new ArrayBuffer(0));
+  }
+}
+function isJSONResponse(mimetype) {
+  return mimetype.type === "application/json" || mimetype.type === "application/scim+json";
+}
+function toErrorMessage(data) {
+  if (typeof data === "string") {
+    return data;
+  }
+  if (data instanceof ArrayBuffer) {
+    return "Unknown error";
+  }
+  if ("message" in data) {
+    const suffix = "documentation_url" in data ? ` - ${data.documentation_url}` : "";
+    return Array.isArray(data.errors) ? `${data.message}: ${data.errors.map((v) => JSON.stringify(v)).join(", ")}${suffix}` : `${data.message}${suffix}`;
+  }
+  return `Unknown error: ${JSON.stringify(data)}`;
+}
+function withDefaults2(oldEndpoint, newDefaults) {
+  const endpoint2 = oldEndpoint.defaults(newDefaults);
+  const newApi = function(route, parameters) {
+    const endpointOptions = endpoint2.merge(route, parameters);
+    if (!endpointOptions.request || !endpointOptions.request.hook) {
+      return fetchWrapper(endpoint2.parse(endpointOptions));
+    }
+    const request2 = (route2, parameters2) => {
+      return fetchWrapper(endpoint2.parse(endpoint2.merge(route2, parameters2)));
+    };
+    Object.assign(request2, {
+      endpoint: endpoint2,
+      defaults: withDefaults2.bind(null, endpoint2)
+    });
+    return endpointOptions.request.hook(request2, endpointOptions);
+  };
+  return Object.assign(newApi, {
+    endpoint: endpoint2,
+    defaults: withDefaults2.bind(null, endpoint2)
+  });
+}
+var request = withDefaults2(endpoint, defaults_default);
 
-        function renderFeedback() {
-          var html = "";
-          feedbackItems.forEach(function(item, i) {
-            html += '<li><span>' + esc(item) + '</span><button class="feedback-remove" data-index="' + i + '">X</button></li>';
-          });
-          feedbackList.innerHTML = html;
-          updatePreview();
-        }
+// ../../node_modules/@octokit/graphql/dist-bundle/index.js
+var VERSION3 = "0.0.0-development";
+function _buildMessageForResponseErrors(data) {
+  return `Request failed due to following response errors:
+` + data.errors.map((e) => ` - ${e.message}`).join(`
+`);
+}
+var GraphqlResponseError = class extends Error {
+  constructor(request2, headers, response) {
+    super(_buildMessageForResponseErrors(response));
+    this.request = request2;
+    this.headers = headers;
+    this.response = response;
+    this.errors = response.errors;
+    this.data = response.data;
+    if (Error.captureStackTrace) {
+      Error.captureStackTrace(this, this.constructor);
+    }
+  }
+  name = "GraphqlResponseError";
+  errors;
+  data;
+};
+var NON_VARIABLE_OPTIONS = [
+  "method",
+  "baseUrl",
+  "url",
+  "headers",
+  "request",
+  "query",
+  "mediaType",
+  "operationName"
+];
+var FORBIDDEN_VARIABLE_OPTIONS = ["query", "method", "url"];
+var GHES_V3_SUFFIX_REGEX = /\/api\/v3\/?$/;
+function graphql(request2, query, options) {
+  if (options) {
+    if (typeof query === "string" && "query" in options) {
+      return Promise.reject(new Error(`[@octokit/graphql] "query" cannot be used as variable name`));
+    }
+    for (const key in options) {
+      if (!FORBIDDEN_VARIABLE_OPTIONS.includes(key))
+        continue;
+      return Promise.reject(new Error(`[@octokit/graphql] "${key}" cannot be used as variable name`));
+    }
+  }
+  const parsedOptions = typeof query === "string" ? Object.assign({ query }, options) : query;
+  const requestOptions = Object.keys(parsedOptions).reduce((result, key) => {
+    if (NON_VARIABLE_OPTIONS.includes(key)) {
+      result[key] = parsedOptions[key];
+      return result;
+    }
+    if (!result.variables) {
+      result.variables = {};
+    }
+    result.variables[key] = parsedOptions[key];
+    return result;
+  }, {});
+  const baseUrl = parsedOptions.baseUrl || request2.endpoint.DEFAULTS.baseUrl;
+  if (GHES_V3_SUFFIX_REGEX.test(baseUrl)) {
+    requestOptions.url = baseUrl.replace(GHES_V3_SUFFIX_REGEX, "/api/graphql");
+  }
+  return request2(requestOptions).then((response) => {
+    if (response.data.errors) {
+      const headers = {};
+      for (const key of Object.keys(response.headers)) {
+        headers[key] = response.headers[key];
+      }
+      throw new GraphqlResponseError(requestOptions, headers, response.data);
+    }
+    return response.data.data;
+  });
+}
+function withDefaults3(request2, newDefaults) {
+  const newRequest = request2.defaults(newDefaults);
+  const newApi = (query, options) => {
+    return graphql(newRequest, query, options);
+  };
+  return Object.assign(newApi, {
+    defaults: withDefaults3.bind(null, newRequest),
+    endpoint: newRequest.endpoint
+  });
+}
+var graphql2 = withDefaults3(request, {
+  headers: {
+    "user-agent": `octokit-graphql.js/${VERSION3} ${getUserAgent()}`
+  },
+  method: "POST",
+  url: "/graphql"
+});
 
-        function updatePreview() {
-          var lines = "";
-          feedbackItems.forEach(function(item, i) {
-            lines += (i + 1) + ". Address: " + item + "\\n";
-          });
-          var general = feedbackGeneral.value.trim();
-          if (general) {
-            lines += "\\nGeneral feedback:\\n" + general;
+// src/github-issue.ts
+import { spawnSync as spawnSync2 } from "node:child_process";
+var ISSUE_QUERY = `
+  query($owner: String!, $repo: String!, $number: Int!) {
+    repository(owner: $owner, name: $repo) {
+      issue(number: $number) {
+        number
+        title
+        body
+        state
+        labels(first: 20) {
+          nodes {
+            name
           }
-          feedbackPreview.textContent = lines;
         }
+      }
+    }
+  }
+`;
+function getRepoInfoFromGit() {
+  try {
+    const proc = spawnSync2("git", ["remote", "get-url", "origin"], { encoding: "utf-8" });
+    if (proc.status !== 0 || !proc.stdout) {
+      return null;
+    }
+    const url = proc.stdout.trim();
+    const sshMatch = url.match(/git@github\.com:([^/]+)\/(.+?)(?:\.git)?$/);
+    if (sshMatch) {
+      return { owner: sshMatch[1], repo: sshMatch[2] };
+    }
+    const httpsMatch = url.match(/https:\/\/github\.com\/([^/]+)\/(.+?)(?:\.git)?$/);
+    if (httpsMatch) {
+      return { owner: httpsMatch[1], repo: httpsMatch[2] };
+    }
+    return null;
+  } catch {
+    return null;
+  }
+}
+function getTokenFromEnvironment() {
+  return process.env["GITHUB_TOKEN"] ?? process.env["GH_TOKEN"] ?? null;
+}
+async function fetchGitHubIssue(issueId, options) {
+  const issueNumber = typeof issueId === "string" ? parseInt(issueId, 10) : issueId;
+  if (isNaN(issueNumber)) {
+    throw new Error(`Invalid issue ID: ${issueId}`);
+  }
+  let owner = options?.owner;
+  let repo = options?.repo;
+  if (!owner || !repo) {
+    const detected = getRepoInfoFromGit();
+    if (!detected) {
+      throw new Error("Could not detect repository owner/name from git remote. " + "Please provide owner and repo options, or run from a git repository with a GitHub origin.");
+    }
+    owner = owner ?? detected.owner;
+    repo = repo ?? detected.repo;
+  }
+  const token = options?.token ?? getTokenFromEnvironment();
+  if (!token) {
+    throw new Error("No GitHub token found. Please set GITHUB_TOKEN or GH_TOKEN environment variable, " + "or provide token in options.");
+  }
+  const graphqlFn = options?.graphql ?? graphql2.defaults({
+    headers: {
+      authorization: `token ${token}`
+    }
+  });
+  const response = await graphqlFn(ISSUE_QUERY, {
+    owner,
+    repo,
+    number: issueNumber
+  });
+  const issue = response.repository.issue;
+  return {
+    number: issue.number,
+    title: issue.title,
+    body: issue.body ?? "",
+    labels: issue.labels.nodes.map((l) => l.name),
+    state: issue.state.toLowerCase()
+  };
+}
 
-        // Issue "+" buttons
-        var summaryTab = document.getElementById("tab-summary");
-        if (summaryTab) {
-          summaryTab.addEventListener("click", function(e) {
-            var btn = e.target.closest(".feedback-add-issue");
-            if (btn) {
-              addFeedbackItem(btn.getAttribute("data-issue"));
-            }
-          });
-        }
+// src/orchestrator.ts
+import { mkdirSync, existsSync as existsSync2, writeFileSync as writeFileSync2, readFileSync as readFileSync3 } from "node:fs";
+import { join as join2, dirname as pathDirname } from "node:path";
+import { spawnSync as spawnSync3 } from "node:child_process";
+var GIT_DIFF_MAX_CHARS2 = 50000;
+var defaultExec2 = async (cmd, cwd) => {
+  const [command, ...args] = cmd;
+  const proc = spawnSync3(command, args, { cwd, encoding: "utf-8" });
+  if (proc.status !== 0) {
+    const stderr = (proc.stderr ?? "").trim();
+    throw new Error(`Command failed (exit ${proc.status}): ${cmd.join(" ")}${stderr ? `: ${stderr}` : ""}`);
+  }
+  return proc.stdout ?? "";
+};
+async function getGitRoot(exec, cwd) {
+  return (await exec(["git", "rev-parse", "--show-toplevel"], cwd)).trim();
+}
+async function getCurrentBranch(exec, cwd) {
+  const branch = (await exec(["git", "branch", "--show-current"], cwd)).trim();
+  return branch.replace(/\//g, "-") || "unknown";
+}
+function buildPresenterPrompt(options) {
+  const { issue, gitDiff, guidelines, reviewFolder, assetsFolder, testsFolder } = options;
+  let diff = gitDiff;
+  if (diff.length > GIT_DIFF_MAX_CHARS2) {
+    diff = diff.slice(0, GIT_DIFF_MAX_CHARS2) + `
 
-        // Text selection floating button
-        var selectionTimeout;
-        document.addEventListener("mouseup", function(e) {
-          clearTimeout(selectionTimeout);
-          selectionTimeout = setTimeout(function() {
-            var sel = window.getSelection();
-            var text = sel ? sel.toString().trim() : "";
-            if (!text) return;
-            var anchor = sel.anchorNode;
-            var inSummary = false;
-            var node = anchor;
-            while (node) {
-              if (node.id === "tab-summary") { inSummary = true; break; }
-              node = node.parentNode;
-            }
-            if (!inSummary) return;
-            selectionBtn.style.display = "block";
-            selectionBtn.style.left = e.pageX + "px";
-            selectionBtn.style.top = (e.pageY - 35) + "px";
-            selectionBtn._selectedText = text;
-          }, 100);
-        });
+... (diff truncated at 50k characters)`;
+  }
+  const sections = [];
+  sections.push(`## GitHub Issue #${issue.number}: ${issue.title}
 
-        selectionBtn.addEventListener("click", function() {
-          if (selectionBtn._selectedText) {
-            addFeedbackItem(selectionBtn._selectedText);
-          }
-          selectionBtn.style.display = "none";
-          window.getSelection().removeAllRanges();
-        });
+${issue.body}`);
+  if (guidelines.length > 0) {
+    sections.push(`## Coding Guidelines
 
-        document.addEventListener("mousedown", function(e) {
-          if (e.target !== selectionBtn) {
-            selectionBtn.style.display = "none";
-          }
-        });
+${guidelines.join(`
 
-        // Remove buttons
-        feedbackList.addEventListener("click", function(e) {
-          var btn = e.target.closest(".feedback-remove");
-          if (btn) {
-            removeFeedbackItem(parseInt(btn.getAttribute("data-index"), 10));
-          }
-        });
+`)}`);
+  }
+  sections.push(`## Git Diff
 
-        // Textarea input
-        feedbackGeneral.addEventListener("input", updatePreview);
+\`\`\`diff
+${diff}
+\`\`\``);
+  return `You are a demo presenter. You must create demo recordings that showcase the feature described in the GitHub issue.
 
-        // Copy button
-        feedbackCopy.addEventListener("click", function() {
-          var text = feedbackPreview.textContent;
-          function onCopied() {
-            feedbackCopy.textContent = "Copied!";
-            setTimeout(function() { feedbackCopy.textContent = "Copy to clipboard"; }, 1500);
-          }
-          if (navigator.clipboard && navigator.clipboard.writeText) {
-            navigator.clipboard.writeText(text).then(onCopied, onCopied);
-          } else {
-            onCopied();
-          }
-        });
+${sections.join(`
+
+`)}
+
+## Configuration
+
+- **Review Folder:** ${reviewFolder}
+- **Assets Directory:** ${assetsFolder}
+- **Tests Directory:** ${testsFolder}
+
+## Task
+
+Based on the GitHub issue and git diff above, create demo recordings that demonstrate each acceptance criterion is met.
+
+For web-ux demos:
+- Create Playwright test files in the Tests Directory
+- Use DemoRecorder to capture steps
+- Save recordings to the Assets Directory
+
+For log-based demos:
+- Create .jsonl files directly in the Assets Directory
+- Use demon__highlight annotations for key lines
+
+After creating demos, report:
+1. List of demo test files created (paths to .demo.ts files)
+2. List of artifact files generated (.webm for web-ux, .jsonl for log-based)
+3. Any errors encountered`;
+}
+function buildReviewerPrompt(options) {
+  const { issue, gitDiff, guidelines, demoFiles, stepsMap, logsMap } = options;
+  let diff = gitDiff;
+  if (diff.length > GIT_DIFF_MAX_CHARS2) {
+    diff = diff.slice(0, GIT_DIFF_MAX_CHARS2) + `
+
+... (diff truncated at 50k characters)`;
+  }
+  const sections = [];
+  sections.push(`## GitHub Issue #${issue.number}: ${issue.title}
+
+${issue.body}`);
+  if (guidelines.length > 0) {
+    sections.push(`## Coding Guidelines
 
-        renderFeedback();
+${guidelines.join(`
+
+`)}`);
+  }
+  sections.push(`## Git Diff
+
+\`\`\`diff
+${diff}
+\`\`\``);
+  const demoEntries = demoFiles.map((f) => {
+    if (f.type === "web-ux") {
+      const steps = stepsMap[f.filename] ?? stepsMap[f.relativePath] ?? [];
+      const stepLines = steps.map((s) => `- [${s.timestampSeconds}s] ${s.text}`).join(`
+`);
+      return `Video: ${f.relativePath}
+Recorded steps:
+${stepLines || "(no steps recorded)"}`;
+    } else {
+      const logContent = logsMap[f.relativePath] ?? "";
+      const preview = logContent.split(`
+`).slice(0, 20).join(`
+`);
+      return `Log: ${f.relativePath}
+Content preview:
+${preview}`;
+    }
+  });
+  sections.push(`## Demo Recordings
+
+${demoEntries.join(`
+
+`)}`);
+  return `You are a code reviewer. You are given a GitHub issue, git diff, coding guidelines, and demo recordings that show the feature in action.
+
+${sections.join(`
+
+`)}
+
+## Task
+
+Review the code changes and demo recordings against the GitHub issue's acceptance criteria. Generate a JSON object matching this exact schema:
+
+{
+  "demos": [
+    {
+      "file": "<filename>",
+      "summary": "<a meaningful sentence describing what this demo showcases based on the steps>"
+    }
+  ],
+  "review": {
+    "summary": "<2-3 sentence overview of the changes>",
+    "highlights": ["<positive aspect 1>", "<positive aspect 2>"],
+    "verdict": "approve" | "request_changes",
+    "verdictReason": "<one sentence justifying the verdict>",
+    "issues": [
+      {
+        "severity": "major" | "minor" | "nit",
+        "description": "<what the issue is and how to fix it>"
       }
-    })();
-  </script>
-</body>
-</html>`;
+    ]
+  }
+}
+
+Rules:
+- Return ONLY the JSON object, no markdown fences or extra text.
+- Include one entry in "demos" for each demo file, in the same order.
+- "file" must exactly match the provided relative path.
+- "verdict" must be exactly "approve" or "request_changes".
+- Use "request_changes" if acceptance criteria from the issue are not demonstrated.
+- "severity" must be exactly "major", "minor", or "nit".
+- "major": bugs, security issues, broken functionality, missing acceptance criteria.
+- "minor": code quality, readability, missing edge cases.
+- "nit": style, naming, trivial improvements.
+- "highlights" must have at least one entry.
+- "issues" can be an empty array if there are no issues.
+- Verify that demo steps demonstrate ALL acceptance criteria from the issue.`;
+}
+function collectDemoData(demoFiles) {
+  const stepsMapByFilename = {};
+  const stepsMapByRelativePath = {};
+  const logsMap = {};
+  for (const demo of demoFiles) {
+    if (demo.type === "web-ux") {
+      const stepsPath = join2(pathDirname(demo.path), "demo-steps.json");
+      if (existsSync2(stepsPath)) {
+        try {
+          const raw = readFileSync3(stepsPath, "utf-8");
+          const parsed = JSON.parse(raw);
+          if (Array.isArray(parsed)) {
+            stepsMapByFilename[demo.filename] = parsed;
+            stepsMapByRelativePath[demo.relativePath] = parsed;
+          }
+        } catch {}
+      }
+    } else {
+      logsMap[demo.relativePath] = readFileSync3(demo.path, "utf-8");
+    }
+  }
+  return { stepsMapByFilename, stepsMapByRelativePath, logsMap };
+}
+async function runReviewOrchestration(options) {
+  const exec = options.exec ?? defaultExec2;
+  const cwd = options.cwd ?? process.cwd();
+  const issue = options.issue ?? await fetchGitHubIssue(options.issueId, options.github);
+  const gitRoot = await getGitRoot(exec, cwd);
+  const branchName = await getCurrentBranch(exec, cwd);
+  const repoContext = await getRepoContext(gitRoot, {
+    exec,
+    diffBase: options.diffBase
+  });
+  const reviewFolder = join2(gitRoot, ".demoon", "reviews", branchName);
+  const assetsFolder = join2(reviewFolder, "assets");
+  const testsFolder = join2(reviewFolder, "tests");
+  if (!existsSync2(reviewFolder)) {
+    mkdirSync(reviewFolder, { recursive: true });
+  }
+  if (!existsSync2(assetsFolder)) {
+    mkdirSync(assetsFolder, { recursive: true });
+  }
+  if (!existsSync2(testsFolder)) {
+    mkdirSync(testsFolder, { recursive: true });
+  }
+  const presenterPrompt = buildPresenterPrompt({
+    issue,
+    gitDiff: repoContext.gitDiff,
+    guidelines: repoContext.guidelines,
+    reviewFolder,
+    assetsFolder,
+    testsFolder
+  });
+  await invokeClaude(presenterPrompt, { agent: options.agent, spawn: options.spawn });
+  const demoFiles = discoverDemoFiles(assetsFolder);
+  if (demoFiles.length === 0) {
+    throw new Error(`No demo files (.webm or .jsonl) found in ${assetsFolder} after Presenter phase`);
+  }
+  const { stepsMapByFilename, stepsMapByRelativePath, logsMap } = collectDemoData(demoFiles);
+  const reviewerPrompt = buildReviewerPrompt({
+    issue,
+    gitDiff: repoContext.gitDiff,
+    guidelines: repoContext.guidelines,
+    demoFiles,
+    stepsMap: stepsMapByFilename,
+    logsMap
+  });
+  const rawOutput = await invokeClaude(reviewerPrompt, { agent: options.agent, spawn: options.spawn });
+  const llmResponse = parseLlmResponse(rawOutput);
+  const filenameToRelativePath = new Map(demoFiles.map((d) => [d.filename, d.relativePath]));
+  const typeMap = new Map(demoFiles.map((d) => [d.filename, d.type]));
+  const metadata = {
+    demos: llmResponse.demos.map((demo) => {
+      const relativePath = filenameToRelativePath.get(demo.file) ?? demo.file;
+      return {
+        file: relativePath,
+        type: typeMap.get(demo.file) ?? "web-ux",
+        summary: demo.summary,
+        steps: stepsMapByRelativePath[relativePath] ?? []
+      };
+    }),
+    review: llmResponse.review
+  };
+  const metadataPath = join2(assetsFolder, "review-metadata.json");
+  writeFileSync2(metadataPath, JSON.stringify(metadata, null, 2) + `
+`);
+  const appData = {
+    metadata,
+    title: `Review: Issue #${issue.number} - ${issue.title}`,
+    videos: {},
+    logs: Object.keys(logsMap).length > 0 ? logsMap : undefined,
+    feedbackEndpoint: options.feedbackEndpoint
+  };
+  const html = generateReviewHtml(appData);
+  const htmlPath = join2(assetsFolder, "review.html");
+  writeFileSync2(htmlPath, html);
+  return {
+    reviewFolder,
+    htmlPath,
+    metadataPath,
+    metadata,
+    issue
+  };
+}
+
+// src/commentary.ts
+var TOOLTIP_ID = "demon-commentary-tooltip";
+async function showCommentary(page, options) {
+  await page.evaluate(({ selector, text, tooltipId }) => {
+    const target = document.querySelector(selector);
+    if (!target) {
+      throw new Error(`demon commentary: element not found for selector "${selector}"`);
+    }
+    document.getElementById(tooltipId)?.remove();
+    const rect = target.getBoundingClientRect();
+    const tooltip = document.createElement("div");
+    tooltip.id = tooltipId;
+    tooltip.textContent = text;
+    const style = document.createElement("style");
+    style.setAttribute("data-demon-commentary", "");
+    style.textContent = `
+        @keyframes demon-commentary-in {
+          from {
+            opacity: 0;
+            transform: translateY(var(--demon-slide-y, 8px));
+          }
+          to {
+            opacity: 1;
+            transform: translateY(0);
+          }
+        }
+        @keyframes demon-commentary-out {
+          from {
+            opacity: 1;
+            transform: translateY(0);
+          }
+          to {
+            opacity: 0;
+            transform: translateY(var(--demon-slide-y, 8px));
+          }
+        }
+        #${tooltipId} {
+          --demon-slide-y: 8px;
+          position: fixed;
+          z-index: 2147483647;
+          background: #1a1a2e;
+          color: #eee;
+          padding: 8px 14px;
+          border-radius: 6px;
+          font: 14px/1.4 system-ui, sans-serif;
+          max-width: 320px;
+          box-shadow: 0 4px 12px rgba(0,0,0,0.3);
+          pointer-events: none;
+          animation: demon-commentary-in 0.3s ease-out forwards;
+        }
+        #${tooltipId}.demon-commentary-hiding {
+          animation: demon-commentary-out 0.25s ease-in forwards;
+        }
+      `;
+    document.querySelector("style[data-demon-commentary]")?.remove();
+    document.head.appendChild(style);
+    tooltip.style.visibility = "hidden";
+    document.body.appendChild(tooltip);
+    const tooltipRect = tooltip.getBoundingClientRect();
+    const tooltipWidth = tooltipRect.width;
+    const tooltipHeight = tooltipRect.height;
+    const viewportWidth = window.innerWidth;
+    let top = rect.bottom + 10;
+    if (top + tooltipHeight > window.innerHeight && rect.top - 10 - tooltipHeight >= 0) {
+      top = rect.top - 10 - tooltipHeight;
+      tooltip.style.setProperty("--demon-slide-y", "-8px");
+    }
+    const left = Math.max(4, Math.min(rect.left + rect.width / 2 - tooltipWidth / 2, viewportWidth - 4 - tooltipWidth));
+    tooltip.style.top = `${top}px`;
+    tooltip.style.left = `${left}px`;
+    tooltip.style.visibility = "";
+  }, { selector: options.selector, text: options.text, tooltipId: TOOLTIP_ID });
+}
+async function hideCommentary(page) {
+  await page.evaluate((tooltipId) => {
+    const tooltip = document.getElementById(tooltipId);
+    if (!tooltip)
+      return;
+    tooltip.classList.add("demon-commentary-hiding");
+    tooltip.addEventListener("animationend", () => {
+      tooltip.remove();
+      document.querySelector("style[data-demon-commentary]")?.remove();
+    }, { once: true });
+  }, TOOLTIP_ID);
+  await page.waitForTimeout(300);
 }
 // src/recorder.ts
 class DemoRecorder {
@@ -1166,24 +1529,114 @@ class DemoRecorder {
     return [...this.steps];
   }
   async save(outputDir) {
-    const { join: join2 } = await Promise.resolve().then(() => (init_path(), exports_path));
-    const { mkdirSync, writeFileSync } = await import("node:fs");
-    mkdirSync(outputDir, { recursive: true });
-    const filePath = join2(outputDir, "demo-steps.json");
-    writeFileSync(filePath, JSON.stringify(this.steps, null, 2) + `
+    const { join: join3 } = await import("node:path");
+    const { mkdirSync: mkdirSync2, writeFileSync: writeFileSync3 } = await import("node:fs");
+    mkdirSync2(outputDir, { recursive: true });
+    const filePath = join3(outputDir, "demo-steps.json");
+    writeFileSync3(filePath, JSON.stringify(this.steps, null, 2) + `
 `);
   }
 }
+// src/feedback-server.ts
+import { randomUUID } from "node:crypto";
+var pendingReviews = new Map;
+var CORS_HEADERS = {
+  "Access-Control-Allow-Origin": "*",
+  "Access-Control-Allow-Methods": "POST, OPTIONS",
+  "Access-Control-Allow-Headers": "Content-Type"
+};
+function isValidPayload(body) {
+  if (typeof body !== "object" || body === null)
+    return false;
+  const obj = body;
+  if (obj["verdict"] !== "approve" && obj["verdict"] !== "request_changes")
+    return false;
+  if (obj["feedback"] !== undefined && typeof obj["feedback"] !== "string")
+    return false;
+  return true;
+}
+function startFeedbackServer(preferredPort = 0) {
+  const reviewId = randomUUID();
+  const server = Bun.serve({
+    port: preferredPort,
+    async fetch(req) {
+      const url = new URL(req.url);
+      if (req.method === "OPTIONS") {
+        return new Response(null, {
+          status: 204,
+          headers: CORS_HEADERS
+        });
+      }
+      if (url.pathname === "/feedback" && req.method === "POST") {
+        const requestReviewId = url.searchParams.get("reviewId");
+        const headers = {
+          "Content-Type": "application/json",
+          ...CORS_HEADERS
+        };
+        if (!requestReviewId) {
+          return new Response(JSON.stringify({ error: "Missing reviewId query parameter" }), { status: 400, headers });
+        }
+        const pending = pendingReviews.get(requestReviewId);
+        if (!pending) {
+          return new Response(JSON.stringify({ error: "Review not found or already completed" }), { status: 404, headers });
+        }
+        let body;
+        try {
+          body = await req.json();
+        } catch {
+          return new Response(JSON.stringify({ error: "Invalid JSON" }), { status: 400, headers });
+        }
+        if (!isValidPayload(body)) {
+          return new Response(JSON.stringify({ error: "Invalid payload" }), { status: 400, headers });
+        }
+        pending.resolve(body);
+        pendingReviews.delete(requestReviewId);
+        return new Response(JSON.stringify({ success: true, verdict: body.verdict }), { status: 200, headers });
+      }
+      if (url.pathname === "/health") {
+        return new Response(JSON.stringify({ status: "ok" }), {
+          headers: { "Content-Type": "application/json" }
+        });
+      }
+      return new Response("Not Found", { status: 404 });
+    }
+  });
+  const port = server.port ?? 3000;
+  const feedbackEndpoint = `http://localhost:${port}/feedback?reviewId=${reviewId}`;
+  const feedbackPromise = new Promise((resolve, reject) => {
+    pendingReviews.set(reviewId, { resolve, reject });
+  });
+  return {
+    server,
+    port,
+    reviewId,
+    feedbackEndpoint,
+    waitForFeedback: () => feedbackPromise,
+    stop: () => {
+      const pending = pendingReviews.get(reviewId);
+      if (pending) {
+        pending.reject(new Error("Server stopped"));
+        pendingReviews.delete(reviewId);
+      }
+      server.stop();
+    }
+  };
+}
 export {
+  startFeedbackServer,
   showCommentary,
+  runReviewOrchestration,
   parseLlmResponse,
   invokeClaude,
   hideCommentary,
+  getReviewTemplate,
   getRepoContext,
   generateReviewHtml,
+  generateReview,
   extractJson,
+  discoverDemoFiles,
   buildReviewPrompt,
   DemoRecorder
 };
 
-//# debugId=160BDBF1FB742F2264756E2164756E21
+//# debugId=D9F27F14A139E97164756E2164756E21