@chrisjowen/wheelhouse 0.1.0 → 0.2.0

package/build/server/chunks/entries/pages/tasks/_id_/review/_page.svelte.js-k659tqiw.js

@@ -0,0 +1,657 @@
+import { aj as head, am as attr, an as stringify, al as escape_html, a8 as ensure_array_like, ac as spread_props, _ as derived, ak as attr_class, ao as props_id } from '../../../../../chunks/index.js-B0NFhRTN.js';
+import { p as page } from '../../../../../chunks/index2.js-Bxt1T6_K.js';
+import { l as live, a as currentFleet } from '../../../../../chunks/live.svelte.js-By2dseJB.js';
+import { s as sendToInbox } from '../../../../../chunks/chat.svelte.js--pRzj_Xo.js';
+import { S as SESSION_HEADER } from '../../../../../chunks/messages.js-CFyGKoqq.js';
+import { a as ago, c as clock } from '../../../../../chunks/format.js-D3lWEg6U.js';
+import { u as usageLine, t as threadOf, r as readingOrder, K as KIND_LABEL, B as BOILERPLATE_LABEL, s as spent, a as changeNote, b as applyReviewEvent } from '../../../../../chunks/prreview.js-Cg9LDxJp.js';
+import { B as Button } from '../../../../../chunks/button.js-BF2PsvWw.js';
+import { S as Square, D as DictateTextarea } from '../../../../../chunks/DictateTextarea.js-CbkGsd1h.js';
+import { M as Message_circle_question_mark } from '../../../../../chunks/message-circle-question-mark.js-DbmaS9k_.js';
+import { I as Icon } from '../../../../../chunks/Icon.js-CVZZ-yuB.js';
+import '../../../../../chunks/markdown.js-CApgGpeX.js';
+import { L as Loader_circle } from '../../../../../chunks/loader-circle.js-rQHvIWN7.js';
+import { C as Chevron_right } from '../../../../../chunks/chevron-right.js-DCBAqAae.js';
+import { M as Message_square_text } from '../../../../../chunks/message-square-text.js-CyRiNGB8.js';
+import { A as Arrow_left } from '../../../../../chunks/arrow-left.js-BKiSMzvI.js';
+import { G as Git_pull_request } from '../../../../../chunks/git-pull-request.js-BMzktlcs.js';
+import { E as External_link } from '../../../../../chunks/external-link.js-BQs1euhR.js';
+import { C as Compass } from '../../../../../chunks/compass.js-k2sRSGWn.js';
+import '../../../../../chunks/utils.js-BJgm9WbO.js';
+import '../../../../../chunks/utils2.js-BQzn9ikS.js';
+import '../../../../../chunks/exports.js-BZBK1HC9.js';
+import '../../../../../chunks/root.js-60iebdW4.js';
+import '../../../../../chunks/index-server2.js-Fb2GE8KQ.js';
+import '../../../../../chunks/x.js-YxaUOlq9.js';
+import '../../../../../chunks/docpath.js-D27w_pf9.js';
+
+function Refresh_ccw($$renderer, $$props) {
+  let { $$slots, $$events, ...props } = $$props;
+  const iconData = {
+    "name": "refresh-ccw",
+    "size": 24,
+    "node": [
+      [
+        "path",
+        { "d": "M21 12a9 9 0 0 0-9-9 9.75 9.75 0 0 0-6.74 2.74L3 8" }
+      ],
+      ["path", { "d": "M3 3v5h5" }],
+      [
+        "path",
+        { "d": "M3 12a9 9 0 0 0 9 9 9.75 9.75 0 0 0 6.74-2.74L21 16" }
+      ],
+      ["path", { "d": "M16 16h5v5" }]
+    ]
+  };
+  Icon($$renderer, spread_props([props, { icon: iconData }]));
+}
+function Scan_search($$renderer, $$props) {
+  let { $$slots, $$events, ...props } = $$props;
+  const iconData = {
+    "name": "scan-search",
+    "size": 24,
+    "node": [
+      ["path", { "d": "M3 7V5a2 2 0 0 1 2-2h2" }],
+      ["path", { "d": "M17 3h2a2 2 0 0 1 2 2v2" }],
+      ["path", { "d": "M21 17v2a2 2 0 0 1-2 2h-2" }],
+      ["path", { "d": "M7 21H5a2 2 0 0 1-2-2v-2" }],
+      ["circle", { "cx": "12", "cy": "12", "r": "3" }],
+      ["path", { "d": "m16 16-1.9-1.9" }]
+    ]
+  };
+  Icon($$renderer, spread_props([props, { icon: iconData }]));
+}
+function AskBox($$renderer, $$props) {
+  $$renderer.component(($$renderer2) => {
+    const id = props_id($$renderer2);
+    let {
+      scope,
+      agentProblem = null,
+      busy = false,
+      onask,
+      onreview,
+      onchange
+    } = $$props;
+    let mode = "ask";
+    let text = "";
+    let sending = false;
+    let error = null;
+    let sent = null;
+    async function submit() {
+      if (!text.trim() || sending) return;
+      sending = true;
+      error = null;
+      sent = null;
+      {
+        error = await onask(text);
+        if (!error) text = "";
+      }
+      sending = false;
+    }
+    async function review() {
+      sending = true;
+      error = await onreview();
+      sending = false;
+    }
+    function onkeydown(e) {
+      if (e.key === "Enter" && (e.metaKey || e.ctrlKey)) {
+        e.preventDefault();
+        void submit();
+      }
+    }
+    let $$settled = true;
+    let $$inner_renderer;
+    function $$render_inner($$renderer3) {
+      $$renderer3.push(`<form class="space-y-2" data-ask-box=""><div class="flex flex-wrap items-center gap-1 text-xs" role="radiogroup" aria-label="What to send"><button type="button" role="radio"${attr("aria-checked", mode === "ask")}${attr_class(`rounded-full border px-2.5 py-0.5 ${"border-foreground/30 bg-accent font-medium text-foreground"}`)}>Ask the review agent</button> <button type="button" role="radio"${attr("aria-checked", mode === "change")}${attr_class(`rounded-full border px-2.5 py-0.5 ${"text-muted-foreground hover:text-foreground"}`)}>Ask Firstmate for a change</button></div> <label class="sr-only"${attr("for", `ask-${id}`)}>${escape_html(`Question about ${scope}`)}</label> `);
+      DictateTextarea($$renderer3, {
+        id: `ask-${id}`,
+        onkeydown,
+        rows: 2,
+        maxlength: 4e3,
+        placeholder: `Why was ${scope} done this way? What happens when…?`,
+        class: "min-h-14 text-sm",
+        get value() {
+          return text;
+        },
+        set value($$value) {
+          text = $$value;
+          $$settled = false;
+        }
+      });
+      $$renderer3.push(`<!----> <div class="flex flex-wrap items-center gap-2">`);
+      {
+        $$renderer3.push("<!--[0-->");
+        Button($$renderer3, {
+          type: "submit",
+          size: "sm",
+          disabled: !text.trim() || sending || busy || !!agentProblem,
+          children: ($$renderer4) => {
+            Message_circle_question_mark($$renderer4, {});
+            $$renderer4.push(`<!---->${escape_html(sending ? "Asking…" : "Ask")}`);
+          },
+          $$slots: { default: true }
+        });
+        $$renderer3.push(`<!----> `);
+        Button($$renderer3, {
+          type: "button",
+          size: "sm",
+          variant: "outline",
+          disabled: sending || busy || !!agentProblem,
+          onclick: review,
+          title: `A focused review of ${stringify(scope)}: bugs, risks, missing tests`,
+          children: ($$renderer4) => {
+            Scan_search($$renderer4, {});
+            $$renderer4.push(`<!---->Request review`);
+          },
+          $$slots: { default: true }
+        });
+        $$renderer3.push(`<!---->`);
+      }
+      $$renderer3.push(`<!--]--> `);
+      if (error) {
+        $$renderer3.push(`<!--[0--><p class="text-xs text-danger" role="alert">${escape_html(error)}</p>`);
+      } else if (sent) {
+        $$renderer3.push(`<!--[1--><p class="text-xs text-muted-foreground" role="status" data-change-sent="">${escape_html(sent.pending ? `Saved at ${clock(sent.at)}; Wheelhouse is confirming Firstmate has it.` : `Sent at ${clock(sent.at)}. Firstmate passes it to the worker.`)}</p>`);
+      } else if (agentProblem) {
+        $$renderer3.push(`<!--[2--><p class="text-xs text-muted-foreground">${escape_html(agentProblem)}</p>`);
+      } else {
+        $$renderer3.push(`<!--[-1--><p class="text-xs text-muted-foreground">${escape_html(
+          "The agent reads the diff and the task’s records; it never changes code."
+        )}</p>`);
+      }
+      $$renderer3.push(`<!--]--></div></form>`);
+    }
+    do {
+      $$settled = true;
+      $$inner_renderer = $$renderer2.copy();
+      $$render_inner($$inner_renderer);
+    } while (!$$settled);
+    $$renderer2.subsume($$inner_renderer);
+  });
+}
+function RunView($$renderer, $$props) {
+  $$renderer.component(($$renderer2) => {
+    let { run, onstop } = $$props;
+    $$renderer2.push(`<article class="space-y-2"${attr("data-run", run.id)}${attr("data-run-kind", run.kind)}${attr("data-run-status", run.status)}>`);
+    if (run.kind === "ask") {
+      $$renderer2.push(`<!--[0--><div class="ml-auto w-fit max-w-[92%] rounded-lg border border-[var(--bubble-captain-border)] bg-[var(--bubble-captain)] px-3 py-2 text-sm whitespace-pre-line">${escape_html(run.question)}</div>`);
+    } else {
+      $$renderer2.push(`<!--[-1--><p class="text-xs font-medium tracking-wide text-muted-foreground uppercase">${escape_html(run.hunk ? "Review of this hunk" : "Review of the whole pull request")}</p>`);
+    }
+    $$renderer2.push(`<!--]--> <div class="rounded-lg border bg-card px-3 py-2.5">`);
+    if (run.text) {
+      $$renderer2.push(`<!--[0--><div class="review-answer text-sm leading-relaxed svelte-oggmuf"${attr("aria-live", run.status === "running" ? "polite" : "off")}>`);
+      {
+        $$renderer2.push(`<!--[-1--><p class="whitespace-pre-line">${escape_html(run.text)}</p>`);
+      }
+      $$renderer2.push(`<!--]--></div>`);
+    } else if (run.status === "running") {
+      $$renderer2.push(`<!--[1--><p class="flex items-center gap-2 text-sm text-muted-foreground">`);
+      Loader_circle($$renderer2, { class: "size-3.5 animate-spin", "aria-hidden": "true" });
+      $$renderer2.push(`<!----> ${escape_html(run.kind === "review" ? "Reviewing…" : "Reading the diff and the records…")}</p>`);
+    } else {
+      $$renderer2.push("<!--[-1-->");
+    }
+    $$renderer2.push(`<!--]--> `);
+    if (run.error) {
+      $$renderer2.push(`<!--[0--><p class="mt-1 text-sm text-danger" role="alert">${escape_html(run.error)}</p>`);
+    } else if (run.status === "stopped") {
+      $$renderer2.push(`<!--[1--><p class="mt-1 text-xs text-muted-foreground">Stopped before it finished.</p>`);
+    } else {
+      $$renderer2.push("<!--[-1-->");
+    }
+    $$renderer2.push(`<!--]--> <div class="mt-2 flex flex-wrap items-center gap-x-3 gap-y-1 text-xs text-muted-foreground">`);
+    if (run.status === "running") {
+      $$renderer2.push(`<!--[0--><span class="flex items-center gap-1.5">`);
+      Loader_circle($$renderer2, { class: "size-3 animate-spin", "aria-hidden": "true" });
+      $$renderer2.push(`<!---->Answering, ${escape_html(run.model)}, ${escape_html(run.effort)}
+					effort</span> `);
+      if (onstop) {
+        $$renderer2.push(`<!--[0--><button type="button" class="inline-flex items-center gap-1 rounded border px-1.5 py-0.5 hover:bg-accent hover:text-foreground">`);
+        Square($$renderer2, { class: "size-3", "aria-hidden": "true" });
+        $$renderer2.push(`<!---->Stop</button>`);
+      } else {
+        $$renderer2.push("<!--[-1-->");
+      }
+      $$renderer2.push(`<!--]-->`);
+    } else if (run.usage && (run.usage.inputTokens || run.usage.outputTokens)) {
+      $$renderer2.push(`<!--[1--><span data-usage="">${escape_html(usageLine(run.usage, run.effort))}</span>`);
+    } else {
+      $$renderer2.push("<!--[-1-->");
+    }
+    $$renderer2.push(`<!--]--> <span class="ml-auto tabular-nums">${escape_html(clock(run.startedAt))}</span></div></div></article>`);
+  });
+}
+function HunkCard($$renderer, $$props) {
+  $$renderer.component(($$renderer2) => {
+    let {
+      hunk,
+      item = null,
+      rank = null,
+      records,
+      runs,
+      open: startOpen = true,
+      agentProblem = null,
+      busy = false,
+      onask,
+      onreview,
+      onchange,
+      onstop
+      /** Its place in the guide's reading order. */
+    } = $$props;
+    const shown = derived(() => startOpen);
+    const talking = derived(() => runs.length > 0);
+    const lineClass = (l) => l.startsWith("+") ? "bg-success/10 text-success" : l.startsWith("-") ? "bg-danger/10 text-danger" : l.startsWith("\\") ? "text-muted-foreground italic" : "";
+    const IMPORTANCE = {
+      key: "Read first",
+      notable: "Worth a look",
+      routine: "Routine"
+    };
+    $$renderer2.push(`<section${attr("id", `hunk-${stringify(hunk.id)}`)} class="scroll-mt-20 overflow-hidden rounded-lg border bg-card"${attr("data-hunk", hunk.id)}${attr("data-importance", item?.importance ?? (hunk.boilerplate ? "boilerplate" : "unranked"))}><header class="flex flex-wrap items-baseline gap-x-3 gap-y-1 border-b bg-[var(--panel)] px-4 py-2.5">`);
+    if (rank !== null) {
+      $$renderer2.push(`<!--[0--><span class="grid size-6 shrink-0 place-items-center self-center rounded-full border border-[var(--brass)] text-xs font-medium tabular-nums"${attr("aria-label", `Number ${stringify(rank)} in the reading order`)}>${escape_html(rank)}</span>`);
+    } else {
+      $$renderer2.push("<!--[-1-->");
+    }
+    $$renderer2.push(`<!--]--> <div class="min-w-0 flex-1">`);
+    if (item) {
+      $$renderer2.push(`<!--[0--><p class="font-display text-base leading-snug">${escape_html(item.title)}</p>`);
+    } else {
+      $$renderer2.push("<!--[-1-->");
+    }
+    $$renderer2.push(`<!--]--> <p class="truncate font-mono text-xs text-muted-foreground"${attr("title", hunk.path)}>${escape_html(hunk.path)}<span class="text-muted-foreground/80"> · line ${escape_html(hunk.newStart)}</span></p></div> <div class="flex flex-wrap items-center gap-1.5 text-xs">`);
+    if (item && item.importance !== "routine") {
+      $$renderer2.push(`<!--[0--><span${attr_class(`rounded border px-1.5 py-0.5 ${item.importance === "key" ? "border-sea/50 text-sea" : "text-muted-foreground"}`)}>${escape_html(IMPORTANCE[item.importance])}</span>`);
+    } else {
+      $$renderer2.push("<!--[-1-->");
+    }
+    $$renderer2.push(`<!--]--> `);
+    if (item && item.kind !== "other") {
+      $$renderer2.push(`<!--[0--><span class="rounded border px-1.5 py-0.5 text-muted-foreground">${escape_html(KIND_LABEL[item.kind])}</span>`);
+    } else {
+      $$renderer2.push("<!--[-1-->");
+    }
+    $$renderer2.push(`<!--]--> `);
+    if (hunk.boilerplate) {
+      $$renderer2.push(`<!--[0--><span class="rounded border px-1.5 py-0.5 text-muted-foreground">${escape_html(BOILERPLATE_LABEL[hunk.boilerplate])}</span>`);
+    } else {
+      $$renderer2.push("<!--[-1-->");
+    }
+    $$renderer2.push(`<!--]--> <span class="tabular-nums"><span class="text-success">+${escape_html(hunk.additions)}</span> <span class="text-danger">−${escape_html(hunk.deletions)}</span></span></div></header> `);
+    if (item && (item.what || item.importance !== "routine")) {
+      $$renderer2.push(`<!--[0--><div class="space-y-2 px-4 pt-3 text-sm leading-relaxed">`);
+      if (item.what) {
+        $$renderer2.push(`<!--[0--><p>${escape_html(item.what)}</p>`);
+      } else {
+        $$renderer2.push("<!--[-1-->");
+      }
+      $$renderer2.push(`<!--]--> `);
+      if (item.importance !== "routine") {
+        $$renderer2.push(`<!--[0--><div${attr_class(`border-l-2 pl-3 ${item.basis === "recorded" ? "border-sea/60" : "border-[var(--hair)]"}`)}${attr("data-basis", item.basis)}><p class="text-xs font-medium text-muted-foreground">${escape_html(item.basis === "recorded" ? "Why, from the task’s records" : item.basis === "inferred" ? "Why: not recorded" : "Why")}</p> `);
+        if (item.basis === "none") {
+          $$renderer2.push(`<!--[0--><p class="mt-0.5">No recorded reason.</p>`);
+        } else {
+          $$renderer2.push(`<!--[-1--><p${attr_class(`mt-0.5 ${item.basis === "inferred" ? "text-muted-foreground" : ""}`)}>${escape_html(item.why)}</p>`);
+        }
+        $$renderer2.push(`<!--]--> `);
+        if (item.sources.length) {
+          $$renderer2.push(`<!--[0--><ul class="mt-1.5 flex flex-wrap gap-1.5" aria-label="Records this rests on"><!--[-->`);
+          const each_array = ensure_array_like(item.sources);
+          for (let $$index = 0, $$length = each_array.length; $$index < $$length; $$index++) {
+            let s = each_array[$$index];
+            const r = records.get(s);
+            $$renderer2.push(`<li><span class="inline-block max-w-72 truncate rounded border bg-background px-1.5 py-0.5 text-xs text-muted-foreground"${attr("title", r ? `${r.name}: ${r.excerpt}` : s)}>${escape_html(s)} · ${escape_html(r?.name ?? "record")}</span></li>`);
+          }
+          $$renderer2.push(`<!--]--></ul>`);
+        } else {
+          $$renderer2.push("<!--[-1-->");
+        }
+        $$renderer2.push(`<!--]--></div>`);
+      } else {
+        $$renderer2.push("<!--[-1-->");
+      }
+      $$renderer2.push(`<!--]--></div>`);
+    } else {
+      $$renderer2.push("<!--[-1-->");
+    }
+    $$renderer2.push(`<!--]--> `);
+    if (hunk.unseen) {
+      $$renderer2.push(`<!--[0--><p class="px-4 pt-3 text-xs text-warning">The diff was too large for the guide to read this hunk; ask about it directly.</p>`);
+    } else {
+      $$renderer2.push("<!--[-1-->");
+    }
+    $$renderer2.push(`<!--]--> <div class="px-4 pt-3"><button type="button" class="flex items-center gap-1 text-xs text-muted-foreground hover:text-foreground"${attr("aria-expanded", shown())}${attr("aria-controls", `diff-${stringify(hunk.id)}`)}>`);
+    Chevron_right($$renderer2, {
+      class: `size-3.5 transition-transform ${shown() ? "rotate-90" : ""}`,
+      "aria-hidden": "true"
+    });
+    $$renderer2.push(`<!----> ${escape_html(shown() ? "Hide the diff" : `Show the diff (${hunk.lines.length} lines)`)}</button></div> `);
+    if (shown()) {
+      $$renderer2.push(`<!--[0--><div${attr("id", `diff-${stringify(hunk.id)}`)} class="mx-4 mt-2 overflow-x-auto rounded-md border bg-background"><div class="min-w-max py-1.5 font-mono text-xs leading-relaxed" role="presentation"><div class="bg-sea/10 px-3 whitespace-pre text-sea">${escape_html(hunk.header)}</div> <!--[-->`);
+      const each_array_1 = ensure_array_like(hunk.lines);
+      for (let i = 0, $$length = each_array_1.length; i < $$length; i++) {
+        let l = each_array_1[i];
+        $$renderer2.push(`<div${attr_class(`px-3 whitespace-pre ${stringify(lineClass(l))}`)}>${escape_html(l || " ")}</div>`);
+      }
+      $$renderer2.push(`<!--]--></div></div>`);
+    } else {
+      $$renderer2.push("<!--[-1-->");
+    }
+    $$renderer2.push(`<!--]--> <div class="px-4 pt-3 pb-3">`);
+    if (talking()) {
+      $$renderer2.push(`<!--[0--><div class="space-y-3 border-t pt-3"><!--[-->`);
+      const each_array_2 = ensure_array_like(runs);
+      for (let $$index_2 = 0, $$length = each_array_2.length; $$index_2 < $$length; $$index_2++) {
+        let r = each_array_2[$$index_2];
+        RunView($$renderer2, { run: r, onstop });
+      }
+      $$renderer2.push(`<!--]--> `);
+      AskBox($$renderer2, {
+        scope: "this hunk",
+        agentProblem,
+        busy,
+        onask: (q) => onask(hunk, q),
+        onreview: () => onreview(hunk),
+        onchange: (t) => onchange(hunk, t)
+      });
+      $$renderer2.push(`<!----></div>`);
+    } else {
+      $$renderer2.push(`<!--[-1--><button type="button" class="inline-flex items-center gap-1.5 text-xs text-sea hover:underline" data-ask-hunk="">`);
+      Message_square_text($$renderer2, { class: "size-3.5", "aria-hidden": "true" });
+      $$renderer2.push(`<!---->Ask, review or request a change
+				here</button>`);
+    }
+    $$renderer2.push(`<!--]--></div></section>`);
+  });
+}
+function _page($$renderer, $$props) {
+  $$renderer.component(($$renderer2) => {
+    let { data } = $$props;
+    let fetched = null;
+    const view = derived(() => fetched?.taskId === data.id ? fetched : data.view);
+    const id = derived(() => data.id);
+    const task = derived(() => currentFleet()?.tasks.find((t) => t.id === id()) ?? null);
+    const title = derived(() => task()?.title ?? data.title ?? id());
+    const token = () => page.data.sessionToken;
+    const ok = derived(() => view().available ? view() : null);
+    const pick = derived(() => ({
+      model: ok()?.config.model ?? "sonnet",
+      effort: ok()?.config.effort ?? "low"
+    }));
+    async function post(path, body) {
+      try {
+        const r = await fetch(`/api/tasks/${encodeURIComponent(id())}/review/${path}`, {
+          method: "POST",
+          headers: {
+            "content-type": "application/json",
+            [SESSION_HEADER]: token()
+          },
+          body: JSON.stringify(body)
+        });
+        const d = await r.json().catch(() => null);
+        if (!r.ok) return d?.message ?? `Wheelhouse answered ${r.status}.`;
+        if (view().available && d?.run) fetched = applyReviewEvent(view(), { taskId: id(), head: view().head, type: "run", run: d.run });
+        if (view().available && d?.guide) fetched = applyReviewEvent(view(), {
+          taskId: id(),
+          head: view().head,
+          type: "guide",
+          guide: d.guide
+        });
+        return null;
+      } catch {
+        return "Could not reach the Wheelhouse server.";
+      }
+    }
+    const ask = (hunk, question) => post("ask", { question, hunk: hunk?.id ?? null, ...pick() });
+    const review = (hunk) => post("check", { hunk: hunk?.id ?? null, ...pick() });
+    const change = (hunk, text) => sendToInbox(changeNote(ok()?.pr ?? null, hunk, text), token(), id());
+    const stop = (run) => void fetch(`/api/tasks/${encodeURIComponent(id())}/review/runs/${encodeURIComponent(run.id)}/stop`, { method: "POST", headers: { [SESSION_HEADER]: token() } }).catch(() => {
+    });
+    let guideError = null;
+    async function prepare(force = false) {
+      if (force && !confirm("Write the guide again? It runs the review agent once more for this version.")) return;
+      guideError = await post("guide", { force, ...pick() });
+    }
+    const guideRun = derived(() => ok() ? [...ok().runs].reverse().find((r) => r.kind === "guide") ?? null : null);
+    const guideGoing = derived(() => guideRun()?.status === "running");
+    const order = derived(() => ok() ? readingOrder(ok().files, ok().guide) : null);
+    const items = derived(() => new Map((ok()?.guide?.items ?? []).map((i) => [i.hunk, i])));
+    const records = derived(() => new Map((ok()?.guide?.records ?? []).map((r) => [r.label, r])));
+    const running = derived(() => ok() ? ok().runs.filter((r) => r.status === "running").length : 0);
+    const busy = derived(() => running() >= 2);
+    const agentProblem = derived(() => ok()?.config.unavailable ?? null);
+    const total = derived(() => ok() ? spent(ok().runs) : { usd: 0, runs: 0 });
+    const hunkCount = derived(() => ok() ? ok().files.reduce((n, f) => n + f.hunks.length, 0) : 0);
+    const boilerFiles = derived(() => order() ? new Set(order().boilerplate.map((h) => h.path)).size : 0);
+    const short = (sha) => sha.slice(0, 7);
+    const card = (h, rank, open) => ({
+      hunk: h,
+      item: items().get(h.id) ?? null,
+      rank,
+      records: records(),
+      runs: ok() ? threadOf(ok().runs, h.id) : [],
+      open,
+      agentProblem: agentProblem(),
+      busy: busy(),
+      onask: ask,
+      onreview: review,
+      onchange: change,
+      onstop: stop
+    });
+    function picker($$renderer3) {
+      if (ok()) {
+        $$renderer3.push(`<!--[0--><label class="text-xs text-muted-foreground">Model `);
+        $$renderer3.select(
+          {
+            class: "mt-1 block rounded-md border bg-background px-2 py-1 text-sm text-foreground",
+            value: (() => pick().model)()
+          },
+          ($$renderer4) => {
+            $$renderer4.push(`<!--[-->`);
+            const each_array = ensure_array_like(ok().config.models);
+            for (let $$index = 0, $$length = each_array.length; $$index < $$length; $$index++) {
+              let m = each_array[$$index];
+              $$renderer4.option({ value: m }, ($$renderer5) => {
+                $$renderer5.push(`${escape_html(m)}${escape_html(m === ok().config.model ? " (default)" : "")}`);
+              });
+            }
+            $$renderer4.push(`<!--]-->`);
+          }
+        );
+        $$renderer3.push(`</label> <label class="text-xs text-muted-foreground">Effort `);
+        $$renderer3.select(
+          {
+            class: "mt-1 block rounded-md border bg-background px-2 py-1 text-sm text-foreground",
+            value: (() => pick().effort)()
+          },
+          ($$renderer4) => {
+            $$renderer4.push(`<!--[-->`);
+            const each_array_1 = ensure_array_like(ok().config.efforts);
+            for (let $$index_1 = 0, $$length = each_array_1.length; $$index_1 < $$length; $$index_1++) {
+              let f = each_array_1[$$index_1];
+              $$renderer4.option({ value: f }, ($$renderer5) => {
+                $$renderer5.push(`${escape_html(f)}${escape_html(f === ok().config.effort ? " (default)" : "")}`);
+              });
+            }
+            $$renderer4.push(`<!--]-->`);
+          }
+        );
+        $$renderer3.push(`</label>`);
+      } else {
+        $$renderer3.push("<!--[-1-->");
+      }
+      $$renderer3.push(`<!--]-->`);
+    }
+    head("sgaraa", $$renderer2, ($$renderer3) => {
+      $$renderer3.title(($$renderer4) => {
+        $$renderer4.push(`<title>Review · ${escape_html(title())} · Wheelhouse</title>`);
+      });
+    });
+    $$renderer2.push(`<main class="px-4 py-6 sm:px-6 lg:px-10"><div class="surface px-5 py-6 sm:px-8 sm:py-8"><a${attr("href", `/tasks/${stringify(encodeURIComponent(id()))}`)} class="inline-flex items-center gap-1.5 text-sm text-muted-foreground hover:text-foreground">`);
+    Arrow_left($$renderer2, { class: "size-4", "aria-hidden": "true" });
+    $$renderer2.push(`<!---->${escape_html(title())}</a> <h1 class="mt-4 text-2xl">Pull request review</h1> `);
+    if (!ok()) {
+      $$renderer2.push(`<!--[0--><p class="mt-6 rounded-lg border border-dashed p-6 text-sm text-muted-foreground" data-review="unavailable">${escape_html(view().available ? "" : view().reason)}</p>`);
+    } else {
+      $$renderer2.push(`<!--[-1--><p class="mt-1 flex flex-wrap items-center gap-x-3 gap-y-1 text-sm text-muted-foreground">`);
+      if (ok().pr) {
+        $$renderer2.push(`<!--[0--><a${attr("href", ok().pr.url)} target="_blank" rel="noreferrer" class="inline-flex items-center gap-1 text-sea hover:underline">`);
+        Git_pull_request($$renderer2, { class: "size-4", "aria-hidden": "true" });
+        $$renderer2.push(`<!---->${escape_html(ok().pr.number ? `#${ok().pr.number}` : "Pull request")}${escape_html(ok().pr.title ? ` ${ok().pr.title}` : "")}`);
+        External_link($$renderer2, { class: "size-3", "aria-hidden": "true" });
+        $$renderer2.push(`<!----></a>`);
+      } else {
+        $$renderer2.push("<!--[-1-->");
+      }
+      $$renderer2.push(`<!--]--> <span>Version <span class="font-mono text-xs">${escape_html(short(ok().head))}</span> against ${escape_html(ok().base)}</span> <span>${escape_html(ok().files.length)} files, ${escape_html(hunkCount())} hunks</span></p> <div class="mt-6 grid gap-6 xl:grid-cols-[minmax(0,1fr)_minmax(20rem,26rem)]"><div class="min-w-0 space-y-6"><section class="rounded-lg border bg-card p-5" aria-labelledby="guide-h"${attr("data-guide", ok().guide ? "ready" : guideGoing() ? "running" : "none")}><h2 id="guide-h" class="flex items-center gap-2 text-lg">`);
+      Compass($$renderer2, { class: "size-5 text-[var(--brass)]", "aria-hidden": "true" });
+      $$renderer2.push(`<!---->The review guide</h2> `);
+      if (ok().guide) {
+        $$renderer2.push(`<!--[0--><p class="mt-2 max-w-prose text-sm leading-relaxed">${escape_html(ok().guide.summary)}</p> <p class="mt-2 text-xs text-muted-foreground">${escape_html(ok().guide.items.filter((i) => i.importance !== "routine").length)} of ${escape_html(hunkCount())} hunks
+								to read first, drawing on ${escape_html(ok().guide.records.length)} of the task’s records. `);
+        if (ok().guide.usage) {
+          $$renderer2.push(`<!--[0--><span data-usage="">Written ${escape_html(ago(ok().guide.at, live.now))}: ${escape_html(usageLine(ok().guide.usage, ok().guide.effort))}.</span>`);
+        } else {
+          $$renderer2.push("<!--[-1-->");
+        }
+        $$renderer2.push(`<!--]--></p> `);
+        if (!guideGoing()) {
+          $$renderer2.push(`<!--[0--><button type="button" class="mt-2 inline-flex items-center gap-1 text-xs text-muted-foreground hover:text-foreground hover:underline"${attr("disabled", !!agentProblem(), true)}>`);
+          Refresh_ccw($$renderer2, { class: "size-3", "aria-hidden": "true" });
+          $$renderer2.push(`<!---->Write it again</button>`);
+        } else {
+          $$renderer2.push("<!--[-1-->");
+        }
+        $$renderer2.push(`<!--]-->`);
+      } else {
+        $$renderer2.push(`<!--[-1--><p class="mt-2 max-w-prose text-sm leading-relaxed text-muted-foreground">The review agent reads this pull request with the task’s records (the brief, the
+								commits, the automated review’s findings and Firstmate’s calls, the description) and
+								puts the important changes first, with why each was done this way. It says so when
+								nothing records a reason. It runs only when you ask, once for this version.</p> `);
+        if (ok().staleGuide) {
+          $$renderer2.push(`<!--[0--><p class="mt-2 text-xs text-warning">A guide was written for an earlier version (${escape_html(short(ok().staleGuide.head))}, ${escape_html(ago(ok().staleGuide.at, live.now))}); the pull request has changed since.</p>`);
+        } else {
+          $$renderer2.push("<!--[-1-->");
+        }
+        $$renderer2.push(`<!--]-->`);
+      }
+      $$renderer2.push(`<!--]--> `);
+      if (guideGoing() && guideRun()) {
+        $$renderer2.push(`<!--[0--><div class="mt-3 flex flex-wrap items-center gap-3 text-sm text-muted-foreground" role="status">`);
+        Loader_circle($$renderer2, { class: "size-4 animate-spin", "aria-hidden": "true" });
+        $$renderer2.push(`<!----> <span>Reading ${escape_html(hunkCount())} hunks and the records${escape_html(guideRun().text ? `, ${guideRun().text.length.toLocaleString()} characters written` : "")}…</span> <button type="button" class="inline-flex items-center gap-1 rounded border px-1.5 py-0.5 text-xs hover:bg-accent hover:text-foreground">`);
+        Square($$renderer2, { class: "size-3", "aria-hidden": "true" });
+        $$renderer2.push(`<!---->Stop</button></div>`);
+      } else if (!ok().guide) {
+        $$renderer2.push(`<!--[1--><div class="mt-4 flex flex-wrap items-end gap-3">`);
+        picker($$renderer2);
+        $$renderer2.push(`<!----> `);
+        Button($$renderer2, {
+          size: "sm",
+          onclick: () => prepare(false),
+          disabled: !!agentProblem() || busy(),
+          "data-prepare-guide": true,
+          children: ($$renderer3) => {
+            Compass($$renderer3, {});
+            $$renderer3.push(`<!---->Prepare the guide`);
+          },
+          $$slots: { default: true }
+        });
+        $$renderer2.push(`<!----></div> `);
+        if (agentProblem()) {
+          $$renderer2.push(`<!--[0--><p class="mt-2 text-xs text-muted-foreground">${escape_html(agentProblem())}</p>`);
+        } else {
+          $$renderer2.push(`<!--[-1--><p class="mt-2 text-xs text-muted-foreground">Its cost and token use show here once it has run.</p>`);
+        }
+        $$renderer2.push(`<!--]-->`);
+      } else {
+        $$renderer2.push("<!--[-1-->");
+      }
+      $$renderer2.push(`<!--]--> `);
+      if (guideError) {
+        $$renderer2.push(`<!--[0--><p class="mt-2 text-sm text-danger" role="alert">${escape_html(guideError)}</p>`);
+      } else if (guideRun()?.status === "failed" && !ok().guide) {
+        $$renderer2.push(`<!--[1--><p class="mt-2 text-sm text-danger" role="alert">${escape_html(guideRun().error)}</p>`);
+      } else {
+        $$renderer2.push("<!--[-1-->");
+      }
+      $$renderer2.push(`<!--]--></section> `);
+      if (ok().truncated) {
+        $$renderer2.push(`<!--[0--><p class="text-sm text-warning">This pull request is large: only its first files are shown.</p>`);
+      } else {
+        $$renderer2.push("<!--[-1-->");
+      }
+      $$renderer2.push(`<!--]--> `);
+      if (order() && order().start.length) {
+        $$renderer2.push(`<!--[0--><section aria-labelledby="start-h" class="space-y-3"><h2 id="start-h" class="text-lg">Read these first</h2> <!--[-->`);
+        const each_array_2 = ensure_array_like(order().start);
+        for (let i = 0, $$length = each_array_2.length; i < $$length; i++) {
+          let h = each_array_2[i];
+          HunkCard($$renderer2, spread_props([card(h, i + 1, true)]));
+        }
+        $$renderer2.push(`<!--]--></section>`);
+      } else {
+        $$renderer2.push("<!--[-1-->");
+      }
+      $$renderer2.push(`<!--]--> `);
+      if (order() && order().rest.length) {
+        $$renderer2.push(`<!--[0--><section aria-labelledby="rest-h" class="space-y-3"><h2 id="rest-h" class="text-lg">${escape_html(order().start.length ? "Everything else" : "The changes")}</h2> `);
+        if (ok().guide) {
+          $$renderer2.push(`<!--[0--><p class="text-xs text-muted-foreground">Routine changes, in file order, folded. Open any to see its diff.</p>`);
+        } else {
+          $$renderer2.push("<!--[-1-->");
+        }
+        $$renderer2.push(`<!--]--> <!--[-->`);
+        const each_array_3 = ensure_array_like(order().rest);
+        for (let $$index_3 = 0, $$length = each_array_3.length; $$index_3 < $$length; $$index_3++) {
+          let h = each_array_3[$$index_3];
+          HunkCard($$renderer2, spread_props([card(h, null, !ok().guide)]));
+        }
+        $$renderer2.push(`<!--]--></section>`);
+      } else {
+        $$renderer2.push("<!--[-1-->");
+      }
+      $$renderer2.push(`<!--]--> `);
+      if (order() && order().boilerplate.length) {
+        $$renderer2.push(`<!--[0--><details class="group rounded-lg border bg-card" data-boilerplate=""><summary class="flex cursor-pointer list-none items-center gap-2 px-4 py-3 text-sm [&amp;::-webkit-details-marker]:hidden">`);
+        Chevron_right($$renderer2, {
+          class: "size-4 text-muted-foreground transition-transform group-open:rotate-90",
+          "aria-hidden": "true"
+        });
+        $$renderer2.push(`<!----> <span class="font-medium">Boilerplate, folded away</span> <span class="text-muted-foreground">${escape_html(order().boilerplate.length)} hunks in ${escape_html(boilerFiles())} files: lockfiles, generated files,
+									snapshots, formatting</span></summary> <div class="space-y-3 border-t p-4"><!--[-->`);
+        const each_array_4 = ensure_array_like(order().boilerplate);
+        for (let $$index_4 = 0, $$length = each_array_4.length; $$index_4 < $$length; $$index_4++) {
+          let h = each_array_4[$$index_4];
+          HunkCard($$renderer2, spread_props([card(h, null, false)]));
+        }
+        $$renderer2.push(`<!--]--></div></details>`);
+      } else {
+        $$renderer2.push("<!--[-1-->");
+      }
+      $$renderer2.push(`<!--]--></div> <aside class="min-w-0"><section class="space-y-3 rounded-lg border bg-[var(--panel)] p-4 xl:sticky xl:top-20 xl:flex xl:max-h-[calc(100vh-6rem)] xl:flex-col" aria-labelledby="ask-h"><h2 id="ask-h" class="text-lg">Ask about this pull request</h2> <p class="text-xs text-muted-foreground">Questions and reviews here are about the whole change; each hunk has its own. Answers
+							come from the diff and the task’s records, live as they are written.</p> <div class="max-h-[60vh] space-y-3 overflow-y-auto xl:max-h-none xl:min-h-0 xl:flex-1" data-thread="pr"><!--[-->`);
+      const each_array_5 = ensure_array_like(threadOf(ok().runs, null));
+      for (let $$index_5 = 0, $$length = each_array_5.length; $$index_5 < $$length; $$index_5++) {
+        let r = each_array_5[$$index_5];
+        RunView($$renderer2, { run: r, onstop: stop });
+      }
+      $$renderer2.push(`<!--]--></div> `);
+      AskBox($$renderer2, {
+        scope: "this pull request",
+        agentProblem: agentProblem(),
+        busy: busy(),
+        onask: (q) => ask(null, q),
+        onreview: () => review(null),
+        onchange: (t) => change(null, t)
+      });
+      $$renderer2.push(`<!----> <div class="flex flex-wrap items-end gap-3 border-t pt-3">`);
+      picker($$renderer2);
+      $$renderer2.push(`<!----></div> <p class="text-xs text-muted-foreground" data-spent="">${escape_html(total().runs ? `The review agent has spent ${total().usd < 0.01 ? "under 1¢" : `$${total().usd.toFixed(3)}`} at list price on this version, over ${total().runs} run${total().runs === 1 ? "" : "s"}.` : "Nothing has run for this version yet.")}</p></section></aside></div> <p class="mt-6 text-xs text-muted-foreground">From ${escape_html(ok().source)}.</p>`);
+    }
+    $$renderer2.push(`<!--]--></div></main>`);
+  });
+}
+
+export { _page as default };
+//# sourceMappingURL=_page.svelte.js-k659tqiw.js.map