@chrisjowen/wheelhouse 0.1.0 → 0.2.0

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

@@ -0,0 +1,2107 @@
+import { aj as head, al as escape_html, ak as attr_class, am as attr, a8 as ensure_array_like, an as stringify, _ as derived, a5 as clsx, a6 as bind_props, ac as spread_props, ap as attr_style } from '../../../../chunks/index.js-B0NFhRTN.js';
+import { p as page } from '../../../../chunks/index2.js-Bxt1T6_K.js';
+import { R as ResizableRail, P as PreviewStudio, t as taskTabs, p as pickTab, L as LivePreview, h as hasDetail, s as stepGist, C as Circle_check, o as openByDefault, O as OpenDecision } from '../../../../chunks/ResizableRail.js-BS8hRLV0.js';
+import { r as replaceState } from '../../../../chunks/client.js-B_5mNqUe.js';
+import { l as live, a as currentFleet } from '../../../../chunks/live.svelte.js-By2dseJB.js';
+import { s as slots } from '../../../../chunks/slots.svelte.js-0Ejhe-hS.js';
+import { s as slotKey } from '../../../../chunks/keys.js-CdtCzv-v.js';
+import { S as SlotContent } from '../../../../chunks/SlotContent.js-B4p1QLQN.js';
+import { a as ago, c as clock, d as consoleInImage, b as agentLine } from '../../../../chunks/format.js-D3lWEg6U.js';
+import { p as plainStatus } from '../../../../chunks/plain.js-Dc97sYaJ.js';
+import { d as runAt, O as OUTCOME_LABEL, e as runLine, b as changesLine, f as splitChanges, g as changeWhere, S as STATE_LABEL, h as SOURCE_LABEL, a as showsChecks, s as segmentTone, c as checksLine, i as stepSummary, j as duration$1, k as ciChecksLine } from '../../../../chunks/checks.js-DR3fVVpO.js';
+import { C as Check } from '../../../../chunks/check.js-32sYHVxG.js';
+import { X } from '../../../../chunks/x.js-YxaUOlq9.js';
+import { I as Icon } from '../../../../chunks/Icon.js-CVZZ-yuB.js';
+import { M as Minus } from '../../../../chunks/minus.js-DKvkj8VD.js';
+import { L as Loader_circle } from '../../../../chunks/loader-circle.js-rQHvIWN7.js';
+import { C as Circle_dashed } from '../../../../chunks/circle-dashed.js-fXv_bIo-.js';
+import { B as Button } from '../../../../chunks/button.js-BF2PsvWw.js';
+import { L as Lightbox, B as BusyRing, S as StageTrack } from '../../../../chunks/StageTrack.js-DHvZX7Bl.js';
+import { Q as QuestionList, b as ConsoleFullscreen, C as ConsoleWindow, a as awaitingReview, r as reviewView } from '../../../../chunks/QuestionList.js-CppuauNj.js';
+import { C as Chevron_right } from '../../../../chunks/chevron-right.js-DCBAqAae.js';
+import { L as LinkedText } from '../../../../chunks/LinkedText.js-COjHV297.js';
+import { d as docHref, f as findDocPaths } from '../../../../chunks/docpath.js-D27w_pf9.js';
+import { F as File_text } from '../../../../chunks/file-text.js-CnuVvHlB.js';
+import { h as harbourHref } from '../../../../chunks/nav.js-DwnXJgxd.js';
+import { E as External_link } from '../../../../chunks/external-link.js-BQs1euhR.js';
+import { C as Compass } from '../../../../chunks/compass.js-k2sRSGWn.js';
+import { i as inbox } from '../../../../chunks/inbox.svelte.js-n7K3YnGB.js';
+import { d as duration, e as etaLine, C as CONFIDENCE, P as PHASE_LABEL } from '../../../../chunks/insights.js-CzzfyHGp.js';
+import { P as PARTY_LABEL, D as DOC_KIND_LABEL } from '../../../../chunks/buildlog.js-BCKtSKOt.js';
+import { M as Messages_square } from '../../../../chunks/messages-square.js-BXH8BHfd.js';
+import { B as Book_open } from '../../../../chunks/book-open.js-C2rohN3N.js';
+import { S as Scale } from '../../../../chunks/scale.js-S5g8YUqL.js';
+import { T as TimeBar } from '../../../../chunks/TimeBar.js-CUFKEJW9.js';
+import { T as TimeLegend } from '../../../../chunks/TimeLegend.js-B3Wl61jM.js';
+import { t as textClass, b as tone } from '../../../../chunks/tone.js-Dxsl-adt.js';
+import { t as tick } from '../../../../chunks/index-server2.js-Fb2GE8KQ.js';
+import { A as Arrow_left } from '../../../../chunks/arrow-left.js-BKiSMzvI.js';
+import { M as Monitor_play } from '../../../../chunks/monitor-play.js-4ed3ghDf.js';
+import { M as Message_square } from '../../../../chunks/message-square.js-XK15WVZq.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/DecisionCard.js-B1YgF5EF.js';
+import '../../../../chunks/markdown.js-CApgGpeX.js';
+import '../../../../chunks/inbox.js-Dv8a1ecX.js';
+import '../../../../chunks/chevron-down.js-CH53s_me.js';
+import '../../../../chunks/git-pull-request.js-BMzktlcs.js';
+import '../../../../chunks/clock.js-CHhHTWK_.js';
+import '../../../../chunks/hand.js-BA9yKAan.js';
+import '../../../../chunks/preview.js-hrimfbCG.js';
+import '../../../../chunks/DictateTextarea.js-CbkGsd1h.js';
+import '../../../../chunks/chat.svelte.js--pRzj_Xo.js';
+import '../../../../chunks/messages.js-CFyGKoqq.js';
+import '../../../../chunks/vault.js-CTaWe09z.js';
+import '../../../../chunks/urls.js-BrlC6XZ8.js';
+import '../../../../chunks/circle-alert.js-XTuAj7ZH.js';
+import '../../../../chunks/chevron-left.js-D5RHY-kD.js';
+import '../../../../chunks/square-terminal.js-D9D9_9_V.js';
+
+function Circle_pause($$renderer, $$props) {
+  let { $$slots, $$events, ...props } = $$props;
+  const iconData = {
+    "name": "circle-pause",
+    "size": 24,
+    "node": [
+      ["circle", { "cx": "12", "cy": "12", "r": "10" }],
+      ["line", { "x1": "10", "x2": "10", "y1": "15", "y2": "9" }],
+      ["line", { "x1": "14", "x2": "14", "y1": "15", "y2": "9" }]
+    ],
+    "aliases": ["pause-circle"]
+  };
+  Icon($$renderer, spread_props([props, { icon: iconData }]));
+}
+function Circle($$renderer, $$props) {
+  let { $$slots, $$events, ...props } = $$props;
+  const iconData = {
+    "name": "circle",
+    "size": 24,
+    "node": [["circle", { "cx": "12", "cy": "12", "r": "10" }]]
+  };
+  Icon($$renderer, spread_props([props, { icon: iconData }]));
+}
+function Image_off($$renderer, $$props) {
+  let { $$slots, $$events, ...props } = $$props;
+  const iconData = {
+    "name": "image-off",
+    "size": 24,
+    "node": [
+      ["line", { "x1": "2", "x2": "22", "y1": "2", "y2": "22" }],
+      ["path", { "d": "M10.41 10.41a2 2 0 1 1-2.83-2.83" }],
+      [
+        "line",
+        { "x1": "13.5", "x2": "6", "y1": "13.5", "y2": "21" }
+      ],
+      ["line", { "x1": "18", "x2": "21", "y1": "12", "y2": "15" }],
+      [
+        "path",
+        {
+          "d": "M3.59 3.59A1.99 1.99 0 0 0 3 5v14a2 2 0 0 0 2 2h14c.55 0 1.052-.22 1.41-.59"
+        }
+      ],
+      ["path", { "d": "M21 15V5a2 2 0 0 0-2-2H9" }]
+    ]
+  };
+  Icon($$renderer, spread_props([props, { icon: iconData }]));
+}
+function Timer($$renderer, $$props) {
+  let { $$slots, $$events, ...props } = $$props;
+  const iconData = {
+    "name": "timer",
+    "size": 24,
+    "node": [
+      ["line", { "x1": "10", "x2": "14", "y1": "2", "y2": "2" }],
+      ["line", { "x1": "12", "x2": "15", "y1": "14", "y2": "11" }],
+      ["circle", { "cx": "12", "cy": "14", "r": "8" }]
+    ]
+  };
+  Icon($$renderer, spread_props([props, { icon: iconData }]));
+}
+function placeTaskSections(entries, stepKeys) {
+  const steps = new Set(stepKeys);
+  const afterStep = {};
+  const byOrder = [];
+  for (const e of entries) {
+    if (e.slot !== "task.section") continue;
+    if (e.step !== null && steps.has(e.step)) (afterStep[e.step] ??= []).push(e);
+    else byOrder.push(e);
+  }
+  return { afterStep, byOrder };
+}
+function ChecksTimeline($$renderer, $$props) {
+  $$renderer.component(($$renderer2) => {
+    let { pipeline, busy = false, prChecks = [] } = $$props;
+    const rows = derived(() => {
+      const out = [];
+      for (const s of pipeline.steps) {
+        const last = out.at(-1);
+        if (s.state === "upcoming") {
+          if (last?.kind === "later") last.labels.push(s.label);
+          else out.push({ kind: "later", labels: [s.label] });
+        } else out.push({ kind: "step", s });
+      }
+      return out;
+    });
+    const line = derived(() => checksLine(pipeline, live.now));
+    const ci = derived(() => ciChecksLine(prChecks));
+    const under = (s) => s.key === pipeline.step && pipeline.outcome === "running";
+    function took(s) {
+      if (under(s) && (s.state === "running" || s.state === "fixing")) {
+        const from = Date.parse(pipeline.startedAt ?? "");
+        if (!Number.isNaN(from)) return duration$1(live.now - from);
+      }
+      return s.durationMs != null && s.durationMs >= 1e3 ? duration$1(s.durationMs) : null;
+    }
+    function summary(s) {
+      const text = stepSummary(s, pipeline);
+      return s.key === "ci" && ci() ? `${text} · ${ci()}` : text;
+    }
+    $$renderer2.push(`<div data-checks-timeline=""><p class="tabular text-sm">${escape_html(line())}</p> <ol class="mt-3 space-y-0.5 text-sm"><!--[-->`);
+    const each_array = ensure_array_like(rows());
+    for (let i = 0, $$length = each_array.length; i < $$length; i++) {
+      let r = each_array[i];
+      if (r.kind === "step") {
+        $$renderer2.push("<!--[0-->");
+        const tone2 = segmentTone(r.s, pipeline);
+        $$renderer2.push(`<li class="grid grid-cols-[1.25rem_6.5rem_minmax(0,1fr)_auto] items-start gap-x-2 py-1"><span class="flex h-5 items-center">`);
+        if (tone2 === "done") {
+          $$renderer2.push("<!--[0-->");
+          Check($$renderer2, {
+            class: `size-4 ${r.s.key === "ci" ? "text-success" : "text-muted-foreground"}`,
+            "aria-label": "Done"
+          });
+        } else if (tone2 === "failed") {
+          $$renderer2.push("<!--[1-->");
+          X($$renderer2, { class: "size-4 text-danger", "aria-label": "Failed" });
+        } else if (tone2 === "waiting") {
+          $$renderer2.push("<!--[2-->");
+          Circle_pause($$renderer2, {
+            class: "size-4 text-warning",
+            "aria-label": "Waiting on Firstmate"
+          });
+        } else if (tone2 === "skipped") {
+          $$renderer2.push("<!--[3-->");
+          Minus($$renderer2, {
+            class: "size-4 text-muted-foreground",
+            "aria-label": "Skipped"
+          });
+        } else {
+          $$renderer2.push("<!--[-1-->");
+          Loader_circle($$renderer2, {
+            class: `size-4 text-foreground ${busy ? "motion-safe:animate-spin" : ""}`,
+            "aria-label": tone2 === "fixing" ? "Fixing" : "Under way"
+          });
+        }
+        $$renderer2.push(`<!--]--></span> <span${attr_class(`truncate leading-5 ${under(r.s) ? "font-medium" : ""}`)}>${escape_html(r.s.label)}</span> <span${attr_class(`leading-5 ${tone2 === "failed" ? "text-danger" : tone2 === "waiting" ? "text-warning" : "text-muted-foreground"}`)}>${escape_html(summary(r.s))}</span> <span class="tabular text-right text-xs leading-5 text-muted-foreground">${escape_html(took(r.s) ?? "")}</span></li>`);
+      } else {
+        $$renderer2.push(`<!--[-1--><li class="grid grid-cols-[1.25rem_minmax(0,1fr)] items-start gap-x-2 py-1 text-muted-foreground"><span class="flex h-5 items-center">`);
+        Circle_dashed($$renderer2, {
+          class: "size-4 text-muted-foreground/60",
+          "aria-hidden": "true"
+        });
+        $$renderer2.push(`<!----></span> <span class="leading-5">Still to come: ${escape_html(r.labels.join(", "))}</span></li>`);
+      }
+      $$renderer2.push(`<!--]-->`);
+    }
+    $$renderer2.push(`<!--]--></ol></div>`);
+  });
+}
+function DiffDialog($$renderer, $$props) {
+  $$renderer.component(($$renderer2) => {
+    let { taskId, file = null } = $$props;
+    $$renderer2.push(`<dialog class="m-auto h-[88vh] w-[min(94vw,1100px)] max-w-none overflow-hidden rounded-xl border bg-background p-0 text-foreground shadow-xl backdrop:bg-black/60"${attr("aria-label", file ? `Changes to ${file}` : "Changes")}>`);
+    if (file) {
+      $$renderer2.push(`<!--[0--><div class="flex h-full flex-col"><div class="flex items-center gap-3 border-b px-4 py-2.5 text-sm"><span class="min-w-0 flex-1 truncate font-mono text-xs"${attr("title", file)}>${escape_html(file)}</span> `);
+      {
+        $$renderer2.push("<!--[-1-->");
+      }
+      $$renderer2.push(`<!--]--> <span class="text-xs text-muted-foreground">read-only</span> <button type="button" class="rounded p-1 hover:bg-accent" aria-label="Close">`);
+      X($$renderer2, { class: "size-4" });
+      $$renderer2.push(`<!----></button></div> <div class="min-h-0 flex-1 overflow-auto">`);
+      {
+        $$renderer2.push(`<!--[1--><p class="p-4 text-sm text-muted-foreground">Reading the diff…</p>`);
+      }
+      $$renderer2.push(`<!--]--></div> `);
+      {
+        $$renderer2.push("<!--[-1-->");
+      }
+      $$renderer2.push(`<!--]--></div>`);
+    } else {
+      $$renderer2.push("<!--[-1-->");
+    }
+    $$renderer2.push(`<!--]--></dialog>`);
+    bind_props($$props, { file });
+  });
+}
+function OutputInspector($$renderer, $$props) {
+  $$renderer.component(($$renderer2) => {
+    let { task } = $$props;
+    let open = false;
+    let full = false;
+    let $$settled = true;
+    let $$inner_renderer;
+    function $$render_inner($$renderer3) {
+      $$renderer3.push(`<details class="group rounded-xl border"${attr("open", open, true)}><summary class="flex list-none items-center gap-2 px-4 py-3 text-sm [&amp;::-webkit-details-marker]:hidden">`);
+      Chevron_right($$renderer3, {
+        class: "size-4 text-muted-foreground transition-transform group-open:rotate-90",
+        "aria-hidden": "true"
+      });
+      $$renderer3.push(`<!----> <span class="font-medium">Raw terminal output</span> <span class="text-muted-foreground">read-only sample of the last 40 lines</span></summary> <div class="border-t p-4">`);
+      if (!task.outputAvailable) {
+        $$renderer3.push(`<!--[0--><p class="text-sm text-muted-foreground">Not available. ${escape_html(task.outputNote)}</p>`);
+      } else {
+        $$renderer3.push(`<!--[2--><p class="text-sm text-muted-foreground">Reading the worker’s terminal…</p>`);
+      }
+      $$renderer3.push(`<!--]--></div></details> `);
+      ConsoleFullscreen($$renderer3, {
+        task,
+        get open() {
+          return full;
+        },
+        set open($$value) {
+          full = $$value;
+          $$settled = false;
+        }
+      });
+      $$renderer3.push(`<!---->`);
+    }
+    do {
+      $$settled = true;
+      $$inner_renderer = $$renderer2.copy();
+      $$render_inner($$inner_renderer);
+    } while (!$$settled);
+    $$renderer2.subsume($$inner_renderer);
+  });
+}
+function RawDetails($$renderer, $$props) {
+  $$renderer.component(($$renderer2) => {
+    let { raw, plain = null } = $$props;
+    const show = derived(() => !!raw?.trim() && raw.trim() !== plain?.trim());
+    if (show()) {
+      $$renderer2.push(`<!--[0--><details class="group mt-1 text-xs text-muted-foreground"><summary class="inline select-none hover:text-foreground">details</summary> <p class="mt-1 font-mono break-words whitespace-pre-wrap">`);
+      LinkedText($$renderer2, { text: raw });
+      $$renderer2.push(`<!----></p></details>`);
+    } else {
+      $$renderer2.push("<!--[-1-->");
+    }
+    $$renderer2.push(`<!--]-->`);
+  });
+}
+function DocMentions($$renderer, $$props) {
+  $$renderer.component(($$renderer2) => {
+    let { text, shown } = $$props;
+    const linked = derived(() => new Set(findDocPaths(shown ?? "").map((m) => m.path)));
+    const paths = derived(() => [...new Set(findDocPaths(text ?? "").map((m) => m.path))].filter((p) => !linked().has(p)));
+    if (paths().length) {
+      $$renderer2.push(`<!--[0--><ul class="mt-1.5 flex flex-wrap gap-x-3 gap-y-1 text-sm" aria-label="Documents"><!--[-->`);
+      const each_array = ensure_array_like(paths());
+      for (let $$index = 0, $$length = each_array.length; $$index < $$length; $$index++) {
+        let p = each_array[$$index];
+        $$renderer2.push(`<li><a${attr("href", docHref(p))}${attr("title", p)} class="inline-flex items-center gap-1 text-sea underline-offset-2 hover:underline" data-doc-link="">`);
+        File_text($$renderer2, { class: "size-3.5 shrink-0", "aria-hidden": "true" });
+        $$renderer2.push(`<!---->${escape_html(p.split("/").at(-1))}</a></li>`);
+      }
+      $$renderer2.push(`<!--]--></ul>`);
+    } else {
+      $$renderer2.push("<!--[-1-->");
+    }
+    $$renderer2.push(`<!--]-->`);
+  });
+}
+function ReviewPanel($$renderer, $$props) {
+  $$renderer.component(($$renderer2) => {
+    let { task, shots } = $$props;
+    const rv = derived(() => reviewView(task, shots));
+    let enlarged = null;
+    let $$settled = true;
+    let $$inner_renderer;
+    function $$render_inner($$renderer3) {
+      $$renderer3.push(`<section class="rounded-2xl border border-sea/40 p-3" aria-labelledby="review-evidence"><h2 id="review-evidence" class="px-1 pt-1 text-sm font-medium text-sea">Review evidence</h2> `);
+      if (rv().shots.length) {
+        $$renderer3.push(`<!--[0--><button type="button" class="mt-3 block w-full cursor-zoom-in"${attr("aria-label", `Enlarge ${stringify(rv().shots[0].name)}`)}><img${attr("src", rv().shots[0].url)}${attr("alt", rv().shots[0].name)} class="aspect-[16/10] w-full rounded-xl border object-cover object-top"/></button> `);
+        if (rv().shots.length > 1) {
+          $$renderer3.push(`<!--[0--><div class="mt-3 flex flex-wrap gap-2"><!--[-->`);
+          const each_array = ensure_array_like(rv().shots.slice(1));
+          for (let i = 0, $$length = each_array.length; i < $$length; i++) {
+            let s = each_array[i];
+            $$renderer3.push(`<button type="button" class="w-20 shrink-0 cursor-zoom-in"${attr("aria-label", `Enlarge ${stringify(s.name)}`)}><img${attr("src", s.url)}${attr("alt", s.name)} loading="lazy" class="aspect-[16/10] w-full rounded-md border object-cover object-top"/></button>`);
+          }
+          $$renderer3.push(`<!--]--></div>`);
+        } else {
+          $$renderer3.push("<!--[-1-->");
+        }
+        $$renderer3.push(`<!--]--> <p class="mt-2 px-1 text-xs text-muted-foreground" data-review="screenshots">${escape_html(rv().shotsText)}; select one to enlarge.</p>`);
+      } else {
+        $$renderer3.push(`<!--[-1--><div class="mt-3 grid aspect-[16/10] w-full place-items-center rounded-xl border border-dashed bg-muted/40 text-center" data-review="screenshots"><div class="text-muted-foreground">`);
+        Image_off($$renderer3, { class: "mx-auto size-6", "aria-hidden": "true" });
+        $$renderer3.push(`<!----> <p class="mt-2 text-sm font-medium">${escape_html(rv().shotsText)}</p> <p class="mt-1 text-xs">The worker has not saved any screenshots for this task.</p></div></div>`);
+      }
+      $$renderer3.push(`<!--]--> <div class="mt-3 flex flex-wrap items-center gap-2 px-1 pb-1">`);
+      if (rv().preview) {
+        $$renderer3.push("<!--[0-->");
+        Button($$renderer3, {
+          href: rv().preview.url,
+          target: "_blank",
+          rel: "noreferrer",
+          children: ($$renderer4) => {
+            $$renderer4.push(`<!---->Open preview`);
+            External_link($$renderer4, {});
+            $$renderer4.push(`<!---->`);
+          },
+          $$slots: { default: true }
+        });
+      } else {
+        $$renderer3.push(`<!--[-1--><span class="text-sm text-muted-foreground" data-review="preview">${escape_html(rv().previewText)}</span>`);
+      }
+      $$renderer3.push(`<!--]--> `);
+      if (rv().pr) {
+        $$renderer3.push("<!--[0-->");
+        Button($$renderer3, {
+          variant: rv().preview ? "outline" : "default",
+          href: rv().pr.url,
+          target: "_blank",
+          rel: "noreferrer",
+          children: ($$renderer4) => {
+            $$renderer4.push(`<!---->Review ${escape_html(rv().pr.label)}`);
+            External_link($$renderer4, {});
+            $$renderer4.push(`<!---->`);
+          },
+          $$slots: { default: true }
+        });
+        $$renderer3.push(`<!----> `);
+        Button($$renderer3, {
+          variant: "outline",
+          href: `/tasks/${stringify(encodeURIComponent(task.id))}/review`,
+          children: ($$renderer4) => {
+            Compass($$renderer4, {});
+            $$renderer4.push(`<!---->Guided review`);
+          },
+          $$slots: { default: true }
+        });
+        $$renderer3.push(`<!---->`);
+      } else {
+        $$renderer3.push(`<!--[-1--><span class="text-sm text-muted-foreground" data-review="pr">${escape_html(rv().prText)}</span>`);
+      }
+      $$renderer3.push(`<!--]--> `);
+      if (rv().preview) {
+        $$renderer3.push(`<!--[0--><a${attr("href", rv().preview.url)} target="_blank" rel="noreferrer" class="ml-auto truncate font-mono text-xs text-muted-foreground hover:underline">${escape_html(rv().preview.url)}</a>`);
+      } else {
+        $$renderer3.push("<!--[-1-->");
+      }
+      $$renderer3.push(`<!--]--></div></section> `);
+      Lightbox($$renderer3, {
+        shots: rv().shots,
+        get index() {
+          return enlarged;
+        },
+        set index($$value) {
+          enlarged = $$value;
+          $$settled = false;
+        }
+      });
+      $$renderer3.push(`<!---->`);
+    }
+    do {
+      $$settled = true;
+      $$inner_renderer = $$renderer2.copy();
+      $$render_inner($$inner_renderer);
+    } while (!$$settled);
+    $$renderer2.subsume($$inner_renderer);
+  });
+}
+function TaskDecisions($$renderer, $$props) {
+  $$renderer.component(($$renderer2) => {
+    let { task, now } = $$props;
+    const seed = derived(() => page.data.inbox);
+    const cards = derived(() => inbox.forTask(task.id, seed()));
+    const answered = derived(() => !cards().length && task.attention?.kind === "decision" && inbox.hasDecision(task.id, seed()));
+    if (cards().length) {
+      $$renderer2.push(`<!--[0--><ol class="mt-5 flex flex-col gap-3" aria-label="Open questions"><!--[-->`);
+      const each_array = ensure_array_like(cards());
+      for (let $$index = 0, $$length = each_array.length; $$index < $$length; $$index++) {
+        let c = each_array[$$index];
+        $$renderer2.push(`<li>`);
+        OpenDecision($$renderer2, { card: c, now });
+        $$renderer2.push(`<!----></li>`);
+      }
+      $$renderer2.push(`<!--]--></ol>`);
+    } else if (answered()) {
+      $$renderer2.push(`<!--[1--><p class="mt-5 flex items-center gap-2 text-sm text-muted-foreground" role="status">`);
+      Check($$renderer2, { class: "size-4 shrink-0 text-success", "aria-hidden": "true" });
+      $$renderer2.push(`<!---->Your answer is with Firstmate,
+		which passes it on to the crew.</p>`);
+    } else {
+      $$renderer2.push("<!--[-1-->");
+    }
+    $$renderer2.push(`<!--]-->`);
+  });
+}
+function ChangeRequests($$renderer, $$props) {
+  $$renderer.component(($$renderer2) => {
+    let { run } = $$props;
+    const active = derived(() => run.outcome === "building");
+    const parts = derived(() => splitChanges(run.changes));
+    const line = derived(() => changesLine(run.changes));
+    let opened = {};
+    let showDone = false;
+    const LONG = 280;
+    function row($$renderer3, c) {
+      const where = changeWhere(c);
+      const long = c.text.length > LONG;
+      $$renderer3.push(`<li class="flex gap-2.5 py-2.5"${attr("data-change", c.state)}>`);
+      if (c.state === "open") {
+        $$renderer3.push("<!--[0-->");
+        Circle($$renderer3, {
+          class: "mt-0.5 size-4 shrink-0 text-muted-foreground",
+          "aria-hidden": "true"
+        });
+      } else {
+        $$renderer3.push("<!--[-1-->");
+        Circle_check($$renderer3, {
+          class: "mt-0.5 size-4 shrink-0 text-success",
+          "aria-hidden": "true"
+        });
+      }
+      $$renderer3.push(`<!--]--> <div class="min-w-0 flex-1"><p class="text-xs text-muted-foreground"><span class="sr-only">${escape_html(STATE_LABEL[c.state])}:</span>${escape_html(SOURCE_LABEL[c.kind])}${escape_html(c.author ? ` · ${c.author}` : "")}${escape_html(where ? ` · ` : "")}`);
+      if (where) {
+        $$renderer3.push(`<!--[0--><span class="font-mono [overflow-wrap:anywhere]">${escape_html(where)}</span>`);
+      } else {
+        $$renderer3.push("<!--[-1-->");
+      }
+      $$renderer3.push(`<!--]--> · <time${attr("datetime", c.at)}${attr("title", clock(c.at))}>${escape_html(ago(c.at, live.now))}</time></p> <p${attr_class(`mt-0.5 text-sm leading-relaxed break-words whitespace-pre-line ${c.state === "open" ? "" : "text-muted-foreground"}`)}>${escape_html(long && !opened[c.id] ? `${c.text.slice(0, LONG).trimEnd()}…` : c.text)}</p> <div class="mt-1 flex flex-wrap gap-x-3 gap-y-1 text-xs">`);
+      if (long) {
+        $$renderer3.push(`<!--[0--><button type="button" class="text-muted-foreground hover:text-foreground hover:underline"${attr("aria-expanded", !!opened[c.id])}>${escape_html(opened[c.id] ? "Show less" : "Show all of it")}</button>`);
+      } else {
+        $$renderer3.push("<!--[-1-->");
+      }
+      $$renderer3.push(`<!--]--> `);
+      if (c.state !== "open") {
+        $$renderer3.push(`<!--[0--><span class="text-success">${escape_html(STATE_LABEL[c.state])}</span>`);
+      } else {
+        $$renderer3.push("<!--[-1-->");
+      }
+      $$renderer3.push(`<!--]--> `);
+      if (c.url) {
+        $$renderer3.push(`<!--[0--><a${attr("href", c.url)} target="_blank" rel="noreferrer" class="inline-flex items-center gap-1 text-sea hover:underline">Open on GitHub`);
+        External_link($$renderer3, { class: "size-3", "aria-hidden": "true" });
+        $$renderer3.push(`<!----></a>`);
+      } else {
+        $$renderer3.push("<!--[-1-->");
+      }
+      $$renderer3.push(`<!--]--></div></div></li>`);
+    }
+    $$renderer2.push(`<section${attr_class(`rounded-xl border p-4 ${active() ? "border-brass/60 bg-panel" : "border-hair"}`)}${attr("aria-labelledby", `changes-heading-${stringify(run.n)}`)}${attr("data-changes", active() ? "active" : "history")}><div class="flex flex-wrap items-baseline justify-between gap-x-3 gap-y-1"><h2${attr("id", `changes-heading-${stringify(run.n)}`)} class="text-base font-medium">Run ${escape_html(run.n)} started with these changes</h2> `);
+    if (line()) {
+      $$renderer2.push(`<!--[0--><p class="tabular text-xs text-muted-foreground">${escape_html(line())}</p>`);
+    } else {
+      $$renderer2.push("<!--[-1-->");
+    }
+    $$renderer2.push(`<!--]--></div> `);
+    if (run.basis) {
+      $$renderer2.push(`<!--[0--><p class="mt-1 text-sm leading-relaxed text-muted-foreground">${escape_html(run.basis)}`);
+      if (active()) {
+        $$renderer2.push(`<!--[0-->${escape_html(` It is the worker’s turn${run.startedAt ? ` (since ${ago(run.startedAt, live.now)})` : ""}; it comes back to your review when the worker reports the pull request ready again.`)}`);
+      } else {
+        $$renderer2.push("<!--[-1-->");
+      }
+      $$renderer2.push(`<!--]--></p>`);
+    } else {
+      $$renderer2.push("<!--[-1-->");
+    }
+    $$renderer2.push(`<!--]--> `);
+    if (!run.changes.length) {
+      $$renderer2.push(`<!--[0--><p class="mt-2 text-sm text-muted-foreground">No written requests: nothing was asked on GitHub or from Wheelhouse for this run.</p>`);
+    } else {
+      $$renderer2.push("<!--[-1-->");
+    }
+    $$renderer2.push(`<!--]--> `);
+    if (parts().open.length) {
+      $$renderer2.push(`<!--[0--><ul class="mt-2 divide-y divide-hair" aria-label="To do"><!--[-->`);
+      const each_array = ensure_array_like(parts().open);
+      for (let $$index = 0, $$length = each_array.length; $$index < $$length; $$index++) {
+        let c = each_array[$$index];
+        row($$renderer2, c);
+      }
+      $$renderer2.push(`<!--]--></ul>`);
+    } else {
+      $$renderer2.push("<!--[-1-->");
+    }
+    $$renderer2.push(`<!--]--> `);
+    if (parts().done.length) {
+      $$renderer2.push("<!--[0-->");
+      if (parts().open.length) {
+        $$renderer2.push(`<!--[0--><button type="button" class="mt-2 text-xs text-muted-foreground hover:text-foreground hover:underline"${attr("aria-expanded", showDone)}>${escape_html("Show")} the ${escape_html(parts().done.length)} done</button>`);
+      } else {
+        $$renderer2.push("<!--[-1-->");
+      }
+      $$renderer2.push(`<!--]--> `);
+      if (!parts().open.length) {
+        $$renderer2.push(`<!--[0--><ul class="mt-2 divide-y divide-hair" aria-label="Done"><!--[-->`);
+        const each_array_1 = ensure_array_like(parts().done);
+        for (let $$index_1 = 0, $$length = each_array_1.length; $$index_1 < $$length; $$index_1++) {
+          let c = each_array_1[$$index_1];
+          row($$renderer2, c);
+        }
+        $$renderer2.push(`<!--]--></ul>`);
+      } else {
+        $$renderer2.push("<!--[-1-->");
+      }
+      $$renderer2.push(`<!--]-->`);
+    } else {
+      $$renderer2.push("<!--[-1-->");
+    }
+    $$renderer2.push(`<!--]--></section>`);
+  });
+}
+function PastRun($$renderer, $$props) {
+  $$renderer.component(($$renderer2) => {
+    let { run, runs, steps, validations, shots } = $$props;
+    const next = derived(() => runs.runs.find((r) => r.n === run.n + 1) ?? null);
+    const reached = derived(() => steps.filter((s) => s.key !== "landed" && s.state !== "skipped"));
+    const built = derived(() => run.startedAt && run.readyAt ? duration((Date.parse(run.readyAt) - Date.parse(run.startedAt)) / 1e3) : null);
+    $$renderer2.push(`<section class="space-y-5"${attr("aria-label", `Run ${stringify(run.n)}`)}${attr("data-past-run", run.n)}>`);
+    if (run.n > 1) {
+      $$renderer2.push("<!--[0-->");
+      ChangeRequests($$renderer2, { run });
+    } else {
+      $$renderer2.push("<!--[-1-->");
+    }
+    $$renderer2.push(`<!--]--> <dl class="grid grid-cols-2 gap-x-6 gap-y-2 text-sm sm:grid-cols-4"><div><dt class="text-xs text-muted-foreground">Started</dt> <dd>${escape_html(run.startedAt ? clock(run.startedAt) : "Not recorded")}</dd></div> <div><dt class="text-xs text-muted-foreground">Reported ready</dt> <dd>${escape_html(run.readyAt ? clock(run.readyAt) : "Not reported")}</dd></div> <div><dt class="text-xs text-muted-foreground">Built in</dt> <dd>${escape_html(built() ?? "Unknown")}</dd></div> <div><dt class="text-xs text-muted-foreground">Ended</dt> <dd>${escape_html(OUTCOME_LABEL[run.outcome])}${escape_html(run.endedAt ? ` at ${clock(run.endedAt)}` : "")}</dd></div></dl> <ol class="space-y-2"${attr("aria-label", `Stages of run ${stringify(run.n)}`)}><!--[-->`);
+    const each_array = ensure_array_like(reached());
+    for (let $$index = 0, $$length = each_array.length; $$index < $$length; $$index++) {
+      let s = each_array[$$index];
+      $$renderer2.push(`<li class="flex items-center gap-3"><span class="grid size-5 place-items-center rounded-full bg-foreground/80 text-background" aria-hidden="true">`);
+      Check($$renderer2, { class: "size-3" });
+      $$renderer2.push(`<!----></span> <span class="font-serif">${escape_html(s.label)}</span></li>`);
+    }
+    $$renderer2.push(`<!--]--> `);
+    if (run.outcome === "changes-requested") {
+      $$renderer2.push(`<!--[0--><li class="flex items-center gap-3 text-warning"><span class="grid size-5 place-items-center rounded-full border border-warning text-xs">↺</span> <span>Changes requested${escape_html(next() ? ` (${next().changes.length || "no written"} ${next().changes.length === 1 ? "request" : "requests"}), so run ${next().n} began` : "")}</span></li>`);
+    } else {
+      $$renderer2.push("<!--[-1-->");
+    }
+    $$renderer2.push(`<!--]--></ol> <div><h3 class="text-sm font-medium">Checks in this run</h3> `);
+    if (validations.length) {
+      $$renderer2.push(`<!--[0--><ul class="mt-1.5 space-y-1 text-sm"><!--[-->`);
+      const each_array_1 = ensure_array_like(validations);
+      for (let $$index_1 = 0, $$length = each_array_1.length; $$index_1 < $$length; $$index_1++) {
+        let v = each_array_1[$$index_1];
+        $$renderer2.push(`<li><span class="text-muted-foreground">${escape_html(v.startedAt ? clock(v.startedAt) : "")}</span> ${escape_html(v.text)} <span class="font-mono text-xs text-muted-foreground">(${escape_html(v.id.slice(-6))})</span></li>`);
+      }
+      $$renderer2.push(`<!--]--></ul>`);
+    } else {
+      $$renderer2.push(`<!--[-1--><p class="mt-1 text-sm text-muted-foreground">No validation run was recorded in this run.</p>`);
+    }
+    $$renderer2.push(`<!--]--></div> <div><h3 class="text-sm font-medium">Screenshots from this run</h3> `);
+    if (shots.length) {
+      $$renderer2.push(`<!--[0--><div class="mt-2 flex flex-wrap gap-3"><!--[-->`);
+      const each_array_2 = ensure_array_like(shots);
+      for (let $$index_2 = 0, $$length = each_array_2.length; $$index_2 < $$length; $$index_2++) {
+        let s = each_array_2[$$index_2];
+        $$renderer2.push(`<button type="button" class="w-40 shrink-0 cursor-zoom-in text-left"${attr("aria-label", `Enlarge ${stringify(s.name)}`)}><img${attr("src", s.url)}${attr("alt", s.name)} loading="lazy" class="aspect-[16/10] w-full rounded-lg border object-cover object-top"/> <p class="mt-1.5 truncate text-xs text-muted-foreground">${escape_html(s.name)}</p></button>`);
+      }
+      $$renderer2.push(`<!--]--></div>`);
+    } else {
+      $$renderer2.push(`<!--[-1--><p class="mt-1 text-sm text-muted-foreground">No screenshots were saved in this run.</p>`);
+    }
+    $$renderer2.push(`<!--]--></div></section>`);
+  });
+}
+function RunSwitcher($$renderer, $$props) {
+  $$renderer.component(($$renderer2) => {
+    let { runs, selected } = $$props;
+    const TONE = {
+      building: "text-foreground",
+      ready: "text-sea",
+      "changes-requested": "text-warning",
+      landed: "text-success",
+      closed: "text-muted-foreground"
+    };
+    $$renderer2.push(`<nav aria-label="Runs" data-runs=""><ol class="flex flex-wrap gap-2"><!--[-->`);
+    const each_array = ensure_array_like(runs.runs);
+    for (let $$index = 0, $$length = each_array.length; $$index < $$length; $$index++) {
+      let r = each_array[$$index];
+      $$renderer2.push(`<li><button type="button"${attr_class(`flex min-w-44 flex-col items-start rounded-lg border px-3 py-2 text-left transition-colors ${r.n === selected ? "border-foreground/40 bg-panel" : "border-hair hover:border-input"}`)}${attr("aria-pressed", r.n === selected)}${attr("data-run", r.n)}><span class="text-sm font-medium">Run ${escape_html(r.n)}${escape_html(r.n === runs.current ? " · current" : "")}</span> <span${attr_class(`text-xs ${stringify(TONE[r.outcome])}`)}>${escape_html(OUTCOME_LABEL[r.outcome])}</span> <span class="tabular mt-0.5 text-xs text-muted-foreground">${escape_html(runLine(runs, r, live.now))}</span></button></li>`);
+    }
+    $$renderer2.push(`<!--]--></ol></nav>`);
+  });
+}
+function stateIcon($$renderer, s) {
+  if (s.state === "done") {
+    $$renderer.push("<!--[0-->");
+    Check($$renderer, { class: "size-4 shrink-0 text-success", "aria-label": "Done" });
+  } else if (s.state === "failed") {
+    $$renderer.push("<!--[1-->");
+    X($$renderer, { class: "size-4 shrink-0 text-danger", "aria-label": "Failed" });
+  } else if (s.state === "running" || s.state === "fixing") {
+    $$renderer.push("<!--[2-->");
+    Loader_circle($$renderer, {
+      class: "size-4 shrink-0 animate-spin text-muted-foreground",
+      "aria-label": s.state === "fixing" ? "Fixing" : "Running"
+    });
+  } else if (s.state === "waiting") {
+    $$renderer.push("<!--[3-->");
+    Circle_pause($$renderer, {
+      class: "size-4 shrink-0 text-warning",
+      "aria-label": "Waiting for a decision"
+    });
+  } else if (s.state === "skipped") {
+    $$renderer.push("<!--[4-->");
+    Minus($$renderer, {
+      class: "size-4 shrink-0 text-muted-foreground",
+      "aria-label": "Skipped"
+    });
+  } else {
+    $$renderer.push("<!--[-1-->");
+    Circle_dashed($$renderer, {
+      class: "size-4 shrink-0 text-muted-foreground",
+      "aria-label": "Not started"
+    });
+  }
+  $$renderer.push(`<!--]-->`);
+}
+function ChecksReport($$renderer, $$props) {
+  $$renderer.component(($$renderer2) => {
+    let { checks, taskId } = $$props;
+    const hasMore = (s) => s.notes.length > 0 || !!s.tests?.failures.length || !!s.tests?.scenarios.length || !!s.docs?.files.length || !!s.docs?.summary.length;
+    let toggled = {};
+    const isOpen = (s) => toggled[s.key] ?? (s.state === "failed" || !!s.tests?.failed || s.tests?.scenarios.some((x) => x.result === "fail"));
+    const docHref2 = (p) => `/tasks/${encodeURIComponent(taskId)}/doc?path=${encodeURIComponent(p)}`;
+    const RESULT = {
+      pass: "Passed",
+      fail: "Failed",
+      untested: "Not tested",
+      other: "Other"
+    };
+    function testName(full) {
+      const parts = full.split(" › ");
+      const last = parts.pop() ?? full;
+      return {
+        title: last.charAt(0).toUpperCase() + last.slice(1),
+        where: parts.length ? parts.join(" › ") : null
+      };
+    }
+    $$renderer2.push(`<section aria-labelledby="checks-report" class="max-w-4xl"><h2 id="checks-report" class="sr-only">What each check found</h2> `);
+    if (!checks.available) {
+      $$renderer2.push(`<!--[0--><div class="rounded-xl border border-dashed p-6 text-sm text-muted-foreground"><p class="font-medium text-foreground">No checks to show yet</p> <p class="mt-1">${escape_html(checks.reason)}</p></div>`);
+    } else {
+      $$renderer2.push("<!--[-1-->");
+      const v = checks.value;
+      $$renderer2.push(`<p class="text-sm text-muted-foreground">The automated review and tests${escape_html(v.startedAt ? `, started ${clock(v.startedAt)}` : "")}${escape_html(v.runs > 1 ? ` (the latest of ${v.runs} runs)` : "")}${escape_html(v.outcome === "passed" ? ": everything passed." : v.outcome === "failed" ? ": it failed." : v.outcome === "cancelled" ? ": it was cancelled." : ".")}</p> <ol class="mt-4 divide-y divide-hair rounded-lg border bg-card"><!--[-->`);
+      const each_array = ensure_array_like(v.steps);
+      for (let $$index_5 = 0, $$length = each_array.length; $$index_5 < $$length; $$index_5++) {
+        let s = each_array[$$index_5];
+        const more = hasMore(s);
+        const open = more && isOpen(s);
+        $$renderer2.push(`<li${attr("data-check-step", s.key)}><button type="button"${attr_class(`flex w-full items-start gap-3 px-4 py-3 text-left disabled:cursor-default ${more ? "hover:bg-accent/40" : ""}`)}${attr("disabled", !more, true)}${attr("aria-expanded", more ? open : void 0)}${attr("aria-controls", more ? `check-${s.key}` : void 0)}><span class="mt-0.5">`);
+        stateIcon($$renderer2, s);
+        $$renderer2.push(`<!----></span> <span class="min-w-0 flex-1"><span class="font-medium">${escape_html(s.label)}</span> <span${attr_class(`block text-sm ${s.state === "failed" || s.tests?.failed || s.tests?.scenarios.some((x) => x.result === "fail") ? "text-danger" : "text-muted-foreground"}`)}>${escape_html(s.summary)}</span></span> `);
+        if (s.durationMs) {
+          $$renderer2.push(`<!--[0--><span class="tabular shrink-0 pt-0.5 text-xs text-muted-foreground">${escape_html(duration(Math.round(s.durationMs / 1e3)))}</span>`);
+        } else {
+          $$renderer2.push("<!--[-1-->");
+        }
+        $$renderer2.push(`<!--]--> `);
+        if (more) {
+          $$renderer2.push("<!--[0-->");
+          Chevron_right($$renderer2, {
+            class: `mt-0.5 size-4 shrink-0 text-muted-foreground transition-transform ${open ? "rotate-90" : ""}`,
+            "aria-hidden": "true"
+          });
+        } else {
+          $$renderer2.push("<!--[-1-->");
+        }
+        $$renderer2.push(`<!--]--></button> `);
+        if (open) {
+          $$renderer2.push(`<!--[0--><div${attr("id", `check-${stringify(s.key)}`)} class="space-y-4 px-4 pb-4 pl-11 text-sm">`);
+          if (s.tests) {
+            $$renderer2.push("<!--[0-->");
+            const t = s.tests;
+            if (t.passed !== null || t.failed !== null) {
+              $$renderer2.push(`<!--[0--><p class="tabular flex flex-wrap gap-x-4"><span><span class="font-medium text-success">${escape_html(t.passed ?? 0)}</span> passed</span> <span><span${attr_class(`font-medium ${t.failed ? "text-danger" : ""}`)}>${escape_html(t.failed ?? 0)}</span> failed</span> `);
+              if (t.skipped) {
+                $$renderer2.push(`<!--[0--><span><span class="font-medium">${escape_html(t.skipped)}</span> skipped</span>`);
+              } else {
+                $$renderer2.push("<!--[-1-->");
+              }
+              $$renderer2.push(`<!--]--></p>`);
+            } else {
+              $$renderer2.push("<!--[-1-->");
+            }
+            $$renderer2.push(`<!--]--> `);
+            if (t.failures.length) {
+              $$renderer2.push(`<!--[0--><ul class="space-y-2"><!--[-->`);
+              const each_array_1 = ensure_array_like(t.failures);
+              for (let n = 0, $$length2 = each_array_1.length; n < $$length2; n++) {
+                let f = each_array_1[n];
+                const name = testName(f.name);
+                $$renderer2.push(`<li><details class="rounded-md border border-danger/30 bg-danger/5"${attr("open", n === 0, true)}><summary class="flex cursor-pointer items-start gap-2 px-3 py-2">`);
+                X($$renderer2, {
+                  class: "mt-0.5 size-4 shrink-0 text-danger",
+                  "aria-hidden": "true"
+                });
+                $$renderer2.push(`<!----> <span class="min-w-0 break-words">${escape_html(name.title)}`);
+                if (name.where) {
+                  $$renderer2.push(`<!--[0--><span class="block text-xs text-muted-foreground">${escape_html(name.where)}</span>`);
+                } else {
+                  $$renderer2.push("<!--[-1-->");
+                }
+                $$renderer2.push(`<!--]--></span></summary> `);
+                if (f.output) {
+                  $$renderer2.push(`<!--[0--><pre class="overflow-x-auto border-t border-danger/20 px-3 py-2 font-mono text-xs whitespace-pre">${escape_html(f.output)}</pre>`);
+                } else {
+                  $$renderer2.push("<!--[-1-->");
+                }
+                $$renderer2.push(`<!--]--></details></li>`);
+              }
+              $$renderer2.push(`<!--]--></ul>`);
+            } else {
+              $$renderer2.push("<!--[-1-->");
+            }
+            $$renderer2.push(`<!--]--> `);
+            if (t.scenarios.length) {
+              $$renderer2.push(`<!--[0--><ul class="divide-y divide-hair rounded-md border border-hair"><!--[-->`);
+              const each_array_2 = ensure_array_like(t.scenarios);
+              for (let i = 0, $$length2 = each_array_2.length; i < $$length2; i++) {
+                let sc = each_array_2[i];
+                $$renderer2.push(`<li class="flex items-start gap-3 px-3 py-2">`);
+                if (sc.result === "pass") {
+                  $$renderer2.push("<!--[0-->");
+                  Check($$renderer2, {
+                    class: "mt-0.5 size-4 shrink-0 text-success",
+                    "aria-hidden": "true"
+                  });
+                } else if (sc.result === "fail") {
+                  $$renderer2.push("<!--[1-->");
+                  X($$renderer2, {
+                    class: "mt-0.5 size-4 shrink-0 text-danger",
+                    "aria-hidden": "true"
+                  });
+                } else {
+                  $$renderer2.push("<!--[-1-->");
+                  Minus($$renderer2, {
+                    class: "mt-0.5 size-4 shrink-0 text-muted-foreground",
+                    "aria-hidden": "true"
+                  });
+                }
+                $$renderer2.push(`<!--]--> <span class="min-w-0 flex-1"><span class="sr-only">${escape_html(RESULT[sc.result])}:</span>${escape_html(sc.name)} `);
+                if (sc.detail && sc.result !== "pass") {
+                  $$renderer2.push(`<!--[0--><span class="mt-0.5 block text-xs text-muted-foreground">${escape_html(sc.detail)}</span>`);
+                } else {
+                  $$renderer2.push("<!--[-1-->");
+                }
+                $$renderer2.push(`<!--]--></span></li>`);
+              }
+              $$renderer2.push(`<!--]--></ul>`);
+            } else {
+              $$renderer2.push("<!--[-1-->");
+            }
+            $$renderer2.push(`<!--]--> `);
+            if (v.testingNote) {
+              $$renderer2.push(`<!--[0--><p class="leading-relaxed text-muted-foreground">${escape_html(v.testingNote)}</p>`);
+            } else {
+              $$renderer2.push("<!--[-1-->");
+            }
+            $$renderer2.push(`<!--]--> <p class="text-xs text-muted-foreground">From ${escape_html(t.basis)}.</p>`);
+          } else {
+            $$renderer2.push("<!--[-1-->");
+          }
+          $$renderer2.push(`<!--]--> `);
+          if (s.docs) {
+            $$renderer2.push("<!--[0-->");
+            if (s.docs.summary.length) {
+              $$renderer2.push(`<!--[0--><ul class="list-disc space-y-1 pl-5"><!--[-->`);
+              const each_array_3 = ensure_array_like(s.docs.summary);
+              for (let i = 0, $$length2 = each_array_3.length; i < $$length2; i++) {
+                let line = each_array_3[i];
+                $$renderer2.push(`<li>${escape_html(line)}</li>`);
+              }
+              $$renderer2.push(`<!--]--></ul>`);
+            } else {
+              $$renderer2.push("<!--[-1-->");
+            }
+            $$renderer2.push(`<!--]--> `);
+            if (s.docs.files.length) {
+              $$renderer2.push(`<!--[0--><ul class="flex flex-wrap gap-2"><!--[-->`);
+              const each_array_4 = ensure_array_like(s.docs.files);
+              for (let $$index_3 = 0, $$length2 = each_array_4.length; $$index_3 < $$length2; $$index_3++) {
+                let d = each_array_4[$$index_3];
+                $$renderer2.push(`<li><a${attr("href", docHref2(d.path))} class="inline-flex items-center gap-1.5 rounded-md border px-2.5 py-1 hover:bg-accent/60">`);
+                File_text($$renderer2, {
+                  class: "size-3.5 text-muted-foreground",
+                  "aria-hidden": "true"
+                });
+                $$renderer2.push(`<!---->${escape_html(d.title)}</a></li>`);
+              }
+              $$renderer2.push(`<!--]--></ul>`);
+            } else {
+              $$renderer2.push("<!--[-1-->");
+            }
+            $$renderer2.push(`<!--]-->`);
+          } else {
+            $$renderer2.push("<!--[-1-->");
+          }
+          $$renderer2.push(`<!--]--> `);
+          if (s.notes.length) {
+            $$renderer2.push(`<!--[0--><div><p class="text-xs text-muted-foreground">${escape_html(s.key === "test" || s.key === "document" ? "In its own words" : "Along the way")}</p> <ul class="mt-1 list-disc space-y-1 pl-5 text-muted-foreground"><!--[-->`);
+            const each_array_5 = ensure_array_like(s.notes);
+            for (let i = 0, $$length2 = each_array_5.length; i < $$length2; i++) {
+              let n = each_array_5[i];
+              $$renderer2.push(`<li>${escape_html(n)}</li>`);
+            }
+            $$renderer2.push(`<!--]--></ul></div>`);
+          } else {
+            $$renderer2.push("<!--[-1-->");
+          }
+          $$renderer2.push(`<!--]--></div>`);
+        } else {
+          $$renderer2.push("<!--[-1-->");
+        }
+        $$renderer2.push(`<!--]--></li>`);
+      }
+      $$renderer2.push(`<!--]--></ol> <p class="mt-2 text-xs text-muted-foreground">From ${escape_html(checks.source)}.</p>`);
+    }
+    $$renderer2.push(`<!--]--></section>`);
+  });
+}
+function ConversationPanel($$renderer, $$props) {
+  $$renderer.component(($$renderer2) => {
+    let { talk, now } = $$props;
+    const LONG = 280;
+    let opened = {};
+    function lead(e) {
+      switch (e.kind) {
+        case "question":
+          return "The worker asked Firstmate";
+        case "blocked":
+          return "The worker asked Firstmate for help";
+        case "review":
+          return "The automated review asked Firstmate";
+        case "steer":
+          return "Firstmate told the worker";
+        case "captain":
+          return e.to === "worker" ? "Your feedback reached the worker" : "You wrote to Firstmate";
+      }
+    }
+    const tone2 = {
+      open: "bg-warning/10 text-warning",
+      answered: "bg-success/10 text-success",
+      cleared: "bg-muted text-muted-foreground",
+      read: "bg-muted text-muted-foreground",
+      unread: "bg-sea/10 text-sea",
+      sent: "bg-muted text-muted-foreground"
+    };
+    function longText($$renderer3, id, text) {
+      const long = text.length > LONG;
+      $$renderer3.push(`<p${attr_class(`mt-1 text-sm leading-relaxed whitespace-pre-line ${long && !opened[id] ? "line-clamp-4" : ""}`)}>${escape_html(text)}</p> `);
+      if (long) {
+        $$renderer3.push(`<!--[0--><button type="button" class="mt-1 text-xs text-muted-foreground hover:text-foreground hover:underline"${attr("aria-expanded", !!opened[id])}>${escape_html(opened[id] ? "Show less" : "Show all")}</button>`);
+      } else {
+        $$renderer3.push("<!--[-1-->");
+      }
+      $$renderer3.push(`<!--]-->`);
+    }
+    $$renderer2.push(`<section aria-labelledby="conversation" class="max-w-4xl"><h2 id="conversation" class="sr-only">Conversation</h2> `);
+    if (!talk.available) {
+      $$renderer2.push(`<!--[0--><p class="text-sm text-muted-foreground">${escape_html(talk.reason)}</p>`);
+    } else if (!talk.value.length) {
+      $$renderer2.push(`<!--[1--><div class="rounded-xl border border-dashed p-6 text-muted-foreground">`);
+      Messages_square($$renderer2, { class: "size-5", "aria-hidden": "true" });
+      $$renderer2.push(`<!----> <p class="mt-2 text-sm font-medium text-foreground">Nothing has been asked yet</p> <p class="mt-1 text-sm">When the worker asks Firstmate something, or Firstmate steers the worker, it shows here.</p></div>`);
+    } else {
+      $$renderer2.push(`<!--[-1--><p class="text-sm text-muted-foreground">Between the worker and Firstmate, oldest first. Firstmate answers for you while you are away.</p> <ol class="mt-4 divide-y divide-hair rounded-lg border bg-card"><!--[-->`);
+      const each_array = ensure_array_like(talk.value);
+      for (let $$index = 0, $$length = each_array.length; $$index < $$length; $$index++) {
+        let e = each_array[$$index];
+        $$renderer2.push(`<li class="grid gap-x-4 px-4 py-4 sm:grid-cols-[4.5rem_minmax(0,1fr)]"${attr("data-talk", e.kind)}><time class="tabular pt-0.5 text-xs text-muted-foreground"${attr("datetime", e.at)}${attr("title", ago(e.at, now))}>${escape_html(clock(e.at))}</time> <div class="min-w-0"><div class="flex flex-wrap items-baseline justify-between gap-x-3 gap-y-1"><p class="text-xs tracking-wide text-muted-foreground">${escape_html(lead(e))}</p> <span${attr_class(`rounded-full px-2 py-0.5 text-xs font-medium ${stringify(tone2[e.outcome.state])}`)}>${escape_html(e.outcome.label)}</span></div> <p class="mt-1 font-medium">${escape_html(e.title)}</p> `);
+        if (e.body) {
+          $$renderer2.push("<!--[0-->");
+          longText($$renderer2, `${e.id} body`, e.body);
+        } else {
+          $$renderer2.push("<!--[-1-->");
+        }
+        $$renderer2.push(`<!--]--> `);
+        if (e.questions.length) {
+          $$renderer2.push(`<!--[0--><div class="mt-3">`);
+          QuestionList($$renderer2, { questions: e.questions });
+          $$renderer2.push(`<!----></div>`);
+        } else {
+          $$renderer2.push("<!--[-1-->");
+        }
+        $$renderer2.push(`<!--]--> `);
+        if (e.reply) {
+          $$renderer2.push(`<!--[0--><div class="mt-3 border-l-2 border-brass/60 pl-3"><p class="text-xs text-muted-foreground">${escape_html(PARTY_LABEL[e.reply.from])}
+									${escape_html(e.reply.from === "worker" ? "noted" : "answered")}${escape_html(e.reply.at ? ` · ${clock(e.reply.at)}` : "")}</p> `);
+          longText($$renderer2, `${e.id} reply`, e.reply.text);
+          $$renderer2.push(`<!----></div>`);
+        } else {
+          $$renderer2.push("<!--[-1-->");
+        }
+        $$renderer2.push(`<!--]--></div></li>`);
+      }
+      $$renderer2.push(`<!--]--></ol> <p class="mt-2 text-xs text-muted-foreground">From ${escape_html(talk.source)}.</p>`);
+    }
+    $$renderer2.push(`<!--]--></section>`);
+  });
+}
+function DocsPanel($$renderer, $$props) {
+  $$renderer.component(($$renderer2) => {
+    let { docs, taskId } = $$props;
+    const href = (d) => `/tasks/${encodeURIComponent(taskId)}/doc?path=${encodeURIComponent(d.path)}`;
+    const groups = derived(() => docs.available ? [
+      {
+        label: "Decision records",
+        items: docs.value.filter((d) => d.kind === "decision")
+      },
+      {
+        label: "Docs",
+        items: docs.value.filter((d) => d.kind !== "decision")
+      }
+    ].filter((g) => g.items.length) : []);
+    const how = (d) => {
+      if (!d.changed) return "Read by the worker";
+      if (d.additions === null) return "Changed in this task";
+      if (!d.deletions) return `${d.additions} ${d.additions === 1 ? "line" : "lines"} added`;
+      return `${d.additions} added, ${d.deletions} removed`;
+    };
+    $$renderer2.push(`<section aria-labelledby="task-docs" class="max-w-4xl"><h2 id="task-docs" class="sr-only">Docs and decisions</h2> `);
+    if (!docs.available) {
+      $$renderer2.push(`<!--[0--><p class="text-sm text-muted-foreground">${escape_html(docs.reason)}</p>`);
+    } else if (!docs.value.length) {
+      $$renderer2.push(`<!--[1--><div class="rounded-xl border border-dashed p-6 text-muted-foreground">`);
+      Book_open($$renderer2, { class: "size-5", "aria-hidden": "true" });
+      $$renderer2.push(`<!----> <p class="mt-2 text-sm font-medium text-foreground">No docs touched yet</p> <p class="mt-1 text-sm">Decision records and docs the worker reads or changes for this task show here.</p></div>`);
+    } else {
+      $$renderer2.push(`<!--[-1--><p class="text-sm text-muted-foreground">The decision records and docs this task’s work read or changed. Open one to read it here.</p> <!--[-->`);
+      const each_array = ensure_array_like(groups());
+      for (let $$index_1 = 0, $$length = each_array.length; $$index_1 < $$length; $$index_1++) {
+        let g = each_array[$$index_1];
+        $$renderer2.push(`<h3 class="section-label mt-6">${escape_html(g.label)}</h3> <ul class="mt-3 divide-y divide-hair rounded-lg border bg-card"><!--[-->`);
+        const each_array_1 = ensure_array_like(g.items);
+        for (let $$index = 0, $$length2 = each_array_1.length; $$index < $$length2; $$index++) {
+          let d = each_array_1[$$index];
+          $$renderer2.push(`<li class="flex items-start gap-3 px-4 py-3"${attr("data-doc", d.kind)}>`);
+          if (d.kind === "decision") {
+            $$renderer2.push("<!--[0-->");
+            Scale($$renderer2, {
+              class: "mt-0.5 size-4 shrink-0 text-muted-foreground",
+              "aria-hidden": "true"
+            });
+          } else {
+            $$renderer2.push("<!--[-1-->");
+            File_text($$renderer2, {
+              class: "mt-0.5 size-4 shrink-0 text-muted-foreground",
+              "aria-hidden": "true"
+            });
+          }
+          $$renderer2.push(`<!--]--> <div class="min-w-0 flex-1"><a${attr("href", href(d))} class="font-medium hover:underline">${escape_html(d.title)}</a> <p class="mt-0.5 text-xs text-muted-foreground">${escape_html(DOC_KIND_LABEL[d.kind])}${escape_html(d.kind === "readme" ? "" : ` · ${d.name}`)} · <span${attr_class(clsx(d.changed ? "text-foreground/80" : ""))}>${escape_html(how(d))}</span></p></div> `);
+          if (d.github) {
+            $$renderer2.push(`<!--[0--><a${attr("href", d.github)} target="_blank" rel="noreferrer" class="inline-flex shrink-0 items-center gap-1 text-xs text-sea hover:underline"${attr("aria-label", `Open ${stringify(d.title)} on GitHub`)}>GitHub`);
+            External_link($$renderer2, { class: "size-3", "aria-hidden": "true" });
+            $$renderer2.push(`<!----></a>`);
+          } else {
+            $$renderer2.push("<!--[-1-->");
+          }
+          $$renderer2.push(`<!--]--></li>`);
+        }
+        $$renderer2.push(`<!--]--></ul>`);
+      }
+      $$renderer2.push(`<!--]--> <p class="mt-2 text-xs text-muted-foreground">From ${escape_html(docs.source)}.</p>`);
+    }
+    $$renderer2.push(`<!--]--></section>`);
+  });
+}
+function unavailable($$renderer, a) {
+  if (!a.available) {
+    $$renderer.push(`<!--[0--><p class="text-sm text-muted-foreground">Not available. ${escape_html(a.reason)}</p>`);
+  } else {
+    $$renderer.push("<!--[-1-->");
+  }
+  $$renderer.push(`<!--]-->`);
+}
+function source($$renderer, a) {
+  if (a.available) {
+    $$renderer.push(`<!--[0--><p class="mt-1.5 text-xs text-muted-foreground">From ${escape_html(a.source)}${escape_html(a.observedAt ? `, ${ago(a.observedAt, live.now)}` : "")}.</p>`);
+  } else {
+    $$renderer.push("<!--[-1-->");
+  }
+  $$renderer.push(`<!--]-->`);
+}
+function checkIcon($$renderer, c) {
+  if (c.state === "pass") {
+    $$renderer.push("<!--[0-->");
+    Check($$renderer, {
+      class: "size-4 shrink-0 text-success",
+      "aria-label": "Passed"
+    });
+  } else if (c.state === "fail") {
+    $$renderer.push("<!--[1-->");
+    X($$renderer, { class: "size-4 shrink-0 text-danger", "aria-label": "Failed" });
+  } else if (c.state === "running") {
+    $$renderer.push("<!--[2-->");
+    Loader_circle($$renderer, {
+      class: "size-4 shrink-0 animate-spin text-muted-foreground",
+      "aria-label": "Running"
+    });
+  } else if (c.state === "skipped") {
+    $$renderer.push("<!--[3-->");
+    Minus($$renderer, {
+      class: "size-4 shrink-0 text-muted-foreground",
+      "aria-label": "Skipped"
+    });
+  } else {
+    $$renderer.push("<!--[-1-->");
+    Circle_dashed($$renderer, {
+      class: "size-4 shrink-0 text-muted-foreground",
+      "aria-label": "Pending"
+    });
+  }
+  $$renderer.push(`<!--]-->`);
+}
+function progressBlock($$renderer) {
+}
+function timePanel($$renderer, task, detail) {
+  const e = task.eta ?? null;
+  const t = detail.time;
+  $$renderer.push(`<section class="space-y-6" aria-label="Work time">`);
+  if (e && !e.openEnded) {
+    $$renderer.push("<!--[0-->");
+    const l = etaLine(e);
+    $$renderer.push(`<div class="rounded-xl border bg-card p-5"><div class="flex flex-wrap items-start justify-between gap-3"><div><p class="flex items-center gap-2 text-sm text-muted-foreground">`);
+    Timer($$renderer, { class: "size-4", "aria-hidden": "true" });
+    $$renderer.push(`<!---->Until it is ready for your review</p> <p${attr_class(`mt-1 text-2xl font-semibold tracking-tight ${l.tone === "warning" ? "text-warning" : ""}`)}>${escape_html(l.text)}</p> `);
+    if (e.minutes !== null && !e.overdue) {
+      $$renderer.push(`<!--[0--><p class="mt-0.5 text-sm text-muted-foreground">Usually ${escape_html(e.low)}–${escape_html(e.high)} min, so around ${escape_html(clock(new Date(live.now + e.minutes * 6e4).toISOString()))}</p>`);
+    } else if (e.overdue) {
+      $$renderer.push(`<!--[1--><p class="mt-0.5 text-sm text-muted-foreground">Similar work had reached your review by this point.</p>`);
+    } else {
+      $$renderer.push("<!--[-1-->");
+    }
+    $$renderer.push(`<!--]--></div> `);
+    if (e.confidence !== "none" && !e.overdue) {
+      $$renderer.push(`<!--[0--><span class="rounded-full bg-muted px-2.5 py-1 text-xs font-medium">${escape_html(CONFIDENCE[e.confidence])}</span>`);
+    } else {
+      $$renderer.push("<!--[-1-->");
+    }
+    $$renderer.push(`<!--]--></div> `);
+    if (e.ahead.length) {
+      $$renderer.push(`<!--[0--><ol class="mt-5 space-y-2 border-t pt-4"><!--[-->`);
+      const each_array_11 = ensure_array_like(e.ahead);
+      for (let $$index_11 = 0, $$length = each_array_11.length; $$index_11 < $$length; $$index_11++) {
+        let x = each_array_11[$$index_11];
+        $$renderer.push(`<li class="flex items-baseline justify-between gap-4 text-sm"><span${attr_class(clsx(x.current ? "font-medium" : "text-muted-foreground"))}>${escape_html(PHASE_LABEL[x.phase])}`);
+        if (x.current) {
+          $$renderer.push(`<!--[0--><span class="font-normal text-muted-foreground">${escape_html(` · now, ${duration(x.spent)} in`)}</span>`);
+        } else {
+          $$renderer.push("<!--[-1-->");
+        }
+        $$renderer.push(`<!--]--></span> <span class="text-muted-foreground tabular-nums">${escape_html(x.usual !== null ? `usually ${duration(x.usual)}` : "no history yet")}</span></li>`);
+      }
+      $$renderer.push(`<!--]--></ol>`);
+    } else {
+      $$renderer.push("<!--[-1-->");
+    }
+    $$renderer.push(`<!--]--> <p class="mt-4 text-xs text-muted-foreground">Based on ${escape_html(e.basis)} similar ${escape_html(e.scope === "project" ? "tasks in this project" : "tasks across projects")}. A guide, not a promise: it counts work time only, not time
+					waiting on you.</p></div>`);
+  } else {
+    $$renderer.push("<!--[-1-->");
+  }
+  $$renderer.push(`<!--]--> `);
+  if (t && t.total > 0) {
+    $$renderer.push(`<!--[0--><div><div class="flex flex-wrap items-baseline justify-between gap-2"><h2 class="section-label flex-1">Where its time went</h2> <p class="text-sm text-muted-foreground">${escape_html(duration(t.total))}${escape_html(t.ongoing ? " so far" : "")}${escape_html(t.readyAfter !== null ? ` · ready for you after ${duration(t.readyAfter)}` : "")}</p></div> <div class="mt-3">`);
+    TimeBar($$renderer, { seconds: t.seconds, height: "h-3", label: "This task" });
+    $$renderer.push(`<!----></div> <div class="mt-3">`);
+    TimeLegend($$renderer, { seconds: t.seconds });
+    $$renderer.push(`<!----></div> `);
+    if (t.reviewSteps.length) {
+      $$renderer.push(`<!--[0--><details class="mt-4 rounded-lg border px-4 py-3 text-sm"><summary class="cursor-pointer text-muted-foreground hover:text-foreground">Inside the latest automated review</summary> <ul class="mt-3 space-y-1.5"><!--[-->`);
+      const each_array_12 = ensure_array_like(t.reviewSteps);
+      for (let $$index_12 = 0, $$length = each_array_12.length; $$index_12 < $$length; $$index_12++) {
+        let r = each_array_12[$$index_12];
+        $$renderer.push(`<li class="flex justify-between gap-4"><span>${escape_html(r.label)}</span><span class="text-muted-foreground tabular-nums">${escape_html(duration(r.seconds))}</span></li>`);
+      }
+      $$renderer.push(`<!--]--></ul></details>`);
+    } else {
+      $$renderer.push("<!--[-1-->");
+    }
+    $$renderer.push(`<!--]--></div>`);
+  } else {
+    $$renderer.push("<!--[-1-->");
+  }
+  $$renderer.push(`<!--]--> `);
+  if (detail.decided.length) {
+    $$renderer.push(`<!--[0--><div><h2 class="section-label">Decided for you on this task</h2> <ul class="mt-3 divide-y rounded-lg border"><!--[-->`);
+    const each_array_13 = ensure_array_like(detail.decided);
+    for (let $$index_13 = 0, $$length = each_array_13.length; $$index_13 < $$length; $$index_13++) {
+      let d = each_array_13[$$index_13];
+      $$renderer.push(`<li><a${attr("href", `/decisions#${stringify(d.id)}`)} class="flex gap-3 px-4 py-3 hover:bg-accent/40">`);
+      Scale($$renderer, {
+        class: "mt-0.5 size-4 shrink-0 text-muted-foreground",
+        "aria-hidden": "true"
+      });
+      $$renderer.push(`<!----> <span class="min-w-0 text-sm"><span class="font-medium">${escape_html(d.verdict)}</span> <span class="text-muted-foreground">· ${escape_html(d.calls[0].question)}</span></span></a></li>`);
+    }
+    $$renderer.push(`<!--]--></ul></div>`);
+  } else {
+    $$renderer.push("<!--[-1-->");
+  }
+  $$renderer.push(`<!--]--></section>`);
+}
+function pluginSection($$renderer, entry) {
+  $$renderer.push(`<section class="rounded-xl border p-4"${attr("aria-label", entry.title)} data-slot="task.section"><h2 class="mb-3 text-sm font-medium">${escape_html(entry.title)}</h2> `);
+  SlotContent($$renderer, { entry, now: live.now });
+  $$renderer.push(`<!----></section>`);
+}
+function _page($$renderer, $$props) {
+  $$renderer.component(($$renderer2) => {
+    let { data } = $$props;
+    let fetched = null;
+    const FILES_PREVIEW = 12;
+    let shotIndex = null;
+    let diffFile = null;
+    const id = derived(() => page.params.id);
+    const detail = derived(() => fetched?.task.id === id() ? fetched : data.detail);
+    const task = derived(() => currentFleet()?.tasks.find((t2) => t2.id === id()) ?? detail()?.task ?? null);
+    const ev = derived(() => detail()?.evidence ?? null);
+    const project = derived(() => currentFleet()?.projects.find((p) => p.id === task()?.projectId));
+    const shots = derived(() => ev()?.screenshots.available ? ev().screenshots.value : []);
+    const runShots = derived(() => detail()?.task.runs && detail().task.runs.current > 1 ? shots().filter((s) => runAt(detail().task.runs, s.modifiedAt) === detail().task.runs.current) : shots());
+    let pickedRun = null;
+    const shownRun = derived(() => pickedRun?.task === id() ? pickedRun.n : detail()?.task.runs?.current ?? 1);
+    const pluginEntries = derived(() => slots.entries(slotKey.task(id()), data.slots, data.slotsAt));
+    const stepEntries = (key) => pluginEntries().filter((e) => e.slot === "step.evidence" && e.step === key);
+    const t = derived(() => task() ? tone(task()) : "normal");
+    const back = derived(() => harbourHref(task()?.projectId));
+    const blocks = {
+      queue: queueBlock,
+      progress: progressBlock,
+      files: filesBlock,
+      validation: validationBlock,
+      pr: prBlock,
+      report: reportBlock,
+      screenshots: screenshotsBlock,
+      preview: previewBlock,
+      decision: decisionBlock,
+      landed: landedBlock
+    };
+    const blockFor = (id2) => blocks[id2] ?? (id2.startsWith("check:") ? checkBlock : void 0);
+    const PASS = [
+      "success",
+      "inactive",
+      "included",
+      "published",
+      "ok",
+      "yes",
+      "present"
+    ];
+    const FAIL = ["failure", "error", "mismatch"];
+    const checkTone = (c) => c.state === "off" || c.state === "gave-up" ? "skipped" : c.state !== "observed" ? "unknown" : PASS.includes(c.outcome ?? "") ? "pass" : FAIL.includes(c.outcome ?? "") ? "fail" : c.outcome === "in_progress" ? "running" : "pending";
+    const taskSections = derived(() => placeTaskSections(pluginEntries(), task() ? task().passage.steps.map((s) => s.key) : []));
+    const pluginTabs = derived(() => [...taskSections().byOrder].sort((a, b) => a.order - b.order));
+    const hasTime = (task2, detail2) => !!(task2.eta && !task2.eta.openEnded) || !!(detail2.time && detail2.time.total > 0) || detail2.decided.length > 0;
+    const tabs = derived(() => task() && detail() ? taskTabs({
+      preview: !!task().preview,
+      shots: shots().length,
+      plugins: pluginTabs().map((e) => ({ key: e.key, title: e.title })),
+      build: {
+        // Only what is still waiting on an answer is counted.
+        talk: detail().build.conversation.available ? detail().build.conversation.value.filter((e) => e.outcome.state === "open").length : 0,
+        docs: detail().build.docs.available ? detail().build.docs.value.length : 0
+      }
+    }) : []);
+    let chosen = null;
+    const want = derived(() => chosen?.id === id() ? chosen : { tab: page.url.searchParams.get("tab"), full: false });
+    const active = derived(() => pickTab(want().tab, tabs()));
+    const full = derived(() => !!task()?.preview && (chosen?.id === id() ? chosen.full : page.url.searchParams.get("full") === "1"));
+    function show(tab, fullScreen = false) {
+      chosen = { id: id(), tab, full: fullScreen };
+      const url = new URL(page.url);
+      url.searchParams.set("tab", tab);
+      if (fullScreen) url.searchParams.set("full", "1");
+      else url.searchParams.delete("full");
+      replaceState();
+    }
+    async function reveal(tab) {
+      show(tab);
+      if (matchMedia("(min-width: 64rem)").matches) return;
+      await tick();
+      matchMedia("(prefers-reduced-motion: reduce)").matches;
+    }
+    let terminalOpen = true;
+    let toggled = {};
+    const isOpen = (s) => toggled[`${id()} ${s.key}`] ?? openByDefault(s);
+    const entryText = (e) => {
+      const n = /\/pull\/(\d+)/.exec(e.text)?.[1];
+      if (e.kind === "pr-ready") return `Pull request${n ? ` #${n}` : ""} ready`;
+      if (e.kind === "merged") return n ? `Merged pull request #${n}` : e.text;
+      return e.text;
+    };
+    const prState = (s, draft) => draft ? "draft" : s === "merged" ? "merged" : s === "closed" ? "closed" : s === "open" ? "open" : s ?? "state unknown";
+    function filesBlock($$renderer3) {
+      if (ev()?.files.available) {
+        $$renderer3.push("<!--[0-->");
+        const f = ev().files.value;
+        const max = Math.max(1, ...f.files.map((x) => (x.additions ?? 0) + (x.deletions ?? 0)));
+        $$renderer3.push(`<h4 class="mb-2 text-sm font-medium">Files changed <span class="font-normal text-muted-foreground">${escape_html(f.branch ? `on ${f.branch}` : "")} against ${escape_html(f.base)}</span></h4> `);
+        if (f.files.length) {
+          $$renderer3.push(`<!--[0--><ul class="divide-y rounded-lg border"><!--[-->`);
+          const each_array = ensure_array_like(f.files.slice(0, FILES_PREVIEW));
+          for (let $$index = 0, $$length = each_array.length; $$index < $$length; $$index++) {
+            let x = each_array[$$index];
+            $$renderer3.push(`<li><button type="button" class="flex w-full items-center gap-3 px-3 py-2 text-left text-xs hover:bg-accent/60"${attr("aria-label", `Show the changes to ${stringify(x.path)}`)}><span class="w-3 font-mono text-muted-foreground">${escape_html(x.status)}</span> <span class="min-w-0 flex-1 truncate font-mono"${attr("title", x.path)}>${escape_html(x.path)}</span> `);
+            if (x.status === "?") {
+              $$renderer3.push(`<!--[0--><span class="text-muted-foreground">new, not committed</span>`);
+            } else if (x.additions === null) {
+              $$renderer3.push(`<!--[1--><span class="text-muted-foreground">binary</span>`);
+            } else {
+              $$renderer3.push(`<!--[-1--><span class="tabular"><span class="text-success">+${escape_html(x.additions)}</span> <span class="text-danger">−${escape_html(x.deletions)}</span></span> <span class="hidden h-1.5 w-16 overflow-hidden rounded-full bg-muted sm:flex"><span class="bg-success"${attr_style(`width:${stringify((x.additions ?? 0) / max * 100)}%`)}></span> <span class="bg-danger"${attr_style(`width:${stringify((x.deletions ?? 0) / max * 100)}%`)}></span></span>`);
+            }
+            $$renderer3.push(`<!--]--></button></li>`);
+          }
+          $$renderer3.push(`<!--]--></ul> `);
+          if (f.files.length > FILES_PREVIEW) {
+            $$renderer3.push(`<!--[0--><button class="mt-2 text-sm text-muted-foreground hover:text-foreground hover:underline">Show all ${escape_html(f.files.length)} files</button>`);
+          } else {
+            $$renderer3.push("<!--[-1-->");
+          }
+          $$renderer3.push(`<!--]--> `);
+          if (f.truncated) {
+            $$renderer3.push(`<!--[0--><p class="mt-1 text-xs text-muted-foreground">Showing the first ${escape_html(f.files.length)} of ${escape_html(f.total)} files.</p>`);
+          } else {
+            $$renderer3.push("<!--[-1-->");
+          }
+          $$renderer3.push(`<!--]--> <p class="mt-1 text-xs text-muted-foreground">Select a file to see its diff.</p>`);
+        } else {
+          $$renderer3.push(`<!--[-1--><p class="text-sm text-muted-foreground">No changes yet.</p>`);
+        }
+        $$renderer3.push(`<!--]--> `);
+        source($$renderer3, ev().files);
+        $$renderer3.push(`<!---->`);
+      } else if (ev()) {
+        $$renderer3.push("<!--[1-->");
+        unavailable($$renderer3, ev().files);
+      } else {
+        $$renderer3.push("<!--[-1-->");
+      }
+      $$renderer3.push(`<!--]-->`);
+    }
+    function checksLink($$renderer3) {
+      $$renderer3.push(`<button type="button" class="mt-2 block text-sm text-sea hover:underline">What each check found</button>`);
+    }
+    function queueBlock($$renderer3) {
+      if (task()) {
+        $$renderer3.push(`<!--[0--><p class="text-sm text-muted-foreground">${escape_html(task().since ? `Filed ${task().since}.` : "Queued by Firstmate.")} `);
+        if (task().blockedBy.length) {
+          $$renderer3.push(`<!--[0-->Waiting on ${escape_html(task().blockedBy.join(", "))}.`);
+        } else {
+          $$renderer3.push("<!--[-1-->");
+        }
+        $$renderer3.push(`<!--]--></p>`);
+      } else {
+        $$renderer3.push("<!--[-1-->");
+      }
+      $$renderer3.push(`<!--]-->`);
+    }
+    function validationBlock($$renderer3) {
+      if (task() && showsChecks(task())) {
+        $$renderer3.push("<!--[0-->");
+        ChecksTimeline($$renderer3, {
+          pipeline: task().pipeline,
+          busy: task().busy,
+          prChecks: ev()?.pr.available ? ev().pr.value.checks : []
+        });
+        $$renderer3.push(`<!----> `);
+        if (ev()?.validation.available) {
+          $$renderer3.push("<!--[0-->");
+          RawDetails($$renderer3, {
+            raw: ev().validation.value.detail,
+            plain: plainStatus(task().current?.state, ev().validation.value.detail)
+          });
+        } else {
+          $$renderer3.push("<!--[-1-->");
+        }
+        $$renderer3.push(`<!--]--> <p class="mt-1.5 text-xs text-muted-foreground">From the validation run’s own report${escape_html(task().pipeline.observedAt ? `, ${ago(task().pipeline.observedAt, live.now)}` : "")}.</p> `);
+        checksLink($$renderer3);
+        $$renderer3.push(`<!---->`);
+      } else if (ev()?.validation.available) {
+        $$renderer3.push("<!--[1-->");
+        const plain = plainStatus(task()?.current?.state, ev().validation.value.detail);
+        $$renderer3.push(`<p class="text-sm">${escape_html(plain)}</p> `);
+        if (task()?.pipeline && task().current?.state === "working") {
+          $$renderer3.push(`<!--[0--><p class="mt-1 text-sm text-muted-foreground">${escape_html(task().pipeline.label)} step${escape_html(task().pipeline.round ? `, fix round ${task().pipeline.round}` : "")}${escape_html(task().pipeline.startedAt ? `, started ${ago(task().pipeline.startedAt, live.now)}` : "")}.</p>`);
+        } else {
+          $$renderer3.push("<!--[-1-->");
+        }
+        $$renderer3.push(`<!--]--> `);
+        RawDetails($$renderer3, { raw: ev().validation.value.detail, plain });
+        $$renderer3.push(`<!----> `);
+        source($$renderer3, ev().validation);
+        $$renderer3.push(`<!---->`);
+      } else if (detail()?.build.checks.available) {
+        $$renderer3.push(`<!--[2--><ul class="space-y-1 text-sm"><!--[-->`);
+        const each_array_1 = ensure_array_like(detail().build.checks.value.steps.filter((x) => x.key !== "intent"));
+        for (let $$index_1 = 0, $$length = each_array_1.length; $$index_1 < $$length; $$index_1++) {
+          let c = each_array_1[$$index_1];
+          $$renderer3.push(`<li><span class="font-medium">${escape_html(c.label)}</span> · ${escape_html(c.summary)}</li>`);
+        }
+        $$renderer3.push(`<!--]--></ul> `);
+        checksLink($$renderer3);
+        $$renderer3.push(`<!---->`);
+      } else if (ev()) {
+        $$renderer3.push("<!--[3-->");
+        unavailable($$renderer3, ev().validation);
+      } else {
+        $$renderer3.push("<!--[-1-->");
+      }
+      $$renderer3.push(`<!--]-->`);
+    }
+    function guidedReview($$renderer3) {
+      $$renderer3.push(`<a${attr("href", `/tasks/${stringify(encodeURIComponent(id()))}/review`)} class="mt-2 inline-flex items-center gap-1.5 text-sm text-sea hover:underline">`);
+      Compass($$renderer3, { class: "size-3.5", "aria-hidden": "true" });
+      $$renderer3.push(`<!---->Review it with the review agent’s guide</a>`);
+    }
+    function prBlock($$renderer3) {
+      if (ev()?.pr.available) {
+        $$renderer3.push("<!--[0-->");
+        const pr = ev().pr.value;
+        $$renderer3.push(`<p class="text-sm"><a${attr("href", pr.url)} target="_blank" rel="noreferrer" class="inline-flex items-center gap-1 text-sea hover:underline">Pull request${escape_html(pr.number ? ` #${pr.number}` : "")}`);
+        External_link($$renderer3, { class: "size-3.5", "aria-hidden": "true" });
+        $$renderer3.push(`<!----></a> <span class="text-muted-foreground">${escape_html(prState(pr.state, pr.draft))}${escape_html(pr.reviewDecision ? `, ${pr.reviewDecision.toLowerCase().replace(/_/g, " ")}` : "")}</span></p> `);
+        if (pr.checks.length) {
+          $$renderer3.push(`<!--[0--><ul class="mt-3 divide-y rounded-lg border"><!--[-->`);
+          const each_array_2 = ensure_array_like(pr.checks);
+          for (let i = 0, $$length = each_array_2.length; i < $$length; i++) {
+            let c = each_array_2[i];
+            $$renderer3.push(`<li class="flex items-center gap-3 px-3 py-2 text-sm">`);
+            checkIcon($$renderer3, c);
+            $$renderer3.push(`<!----><span class="truncate">${escape_html(c.name)}</span></li>`);
+          }
+          $$renderer3.push(`<!--]--></ul>`);
+        } else {
+          $$renderer3.push(`<!--[-1--><p class="mt-2 text-sm text-muted-foreground">No CI checks reported.</p>`);
+        }
+        $$renderer3.push(`<!--]--> `);
+        source($$renderer3, ev().pr);
+        $$renderer3.push(`<!----> `);
+        guidedReview($$renderer3);
+        $$renderer3.push(`<!---->`);
+      } else if (ev() && !ev().pr.available && task()?.pr) {
+        $$renderer3.push(`<!--[1--><a${attr("href", task().pr.url)} target="_blank" rel="noreferrer" class="inline-flex items-center gap-1 text-sm text-sea hover:underline">Pull request${escape_html(task().pr.number ? ` #${task().pr.number}` : "")}`);
+        External_link($$renderer3, { class: "size-3.5", "aria-hidden": "true" });
+        $$renderer3.push(`<!----></a> <p class="mt-1 text-sm text-muted-foreground">Its state and checks are not available. ${escape_html(ev().pr.reason)}</p>`);
+      } else if (ev()) {
+        $$renderer3.push("<!--[2-->");
+        unavailable($$renderer3, ev().pr);
+      } else {
+        $$renderer3.push("<!--[-1-->");
+      }
+      $$renderer3.push(`<!--]-->`);
+    }
+    function reportBlock($$renderer3) {
+      if (ev()?.report.available) {
+        $$renderer3.push(`<!--[0--><div class="flex gap-3 rounded-lg border p-3">`);
+        File_text($$renderer3, {
+          class: "mt-0.5 size-4 shrink-0 text-muted-foreground",
+          "aria-hidden": "true"
+        });
+        $$renderer3.push(`<!----> <div class="min-w-0"><a${attr("href", docHref(ev().report.value.path))} class="block truncate font-mono text-xs text-sea underline-offset-2 hover:underline" data-doc-link="">${escape_html(ev().report.value.path)}</a> <p class="mt-1 text-sm leading-relaxed">${escape_html(ev().report.value.excerpt)}</p></div></div> `);
+        source($$renderer3, ev().report);
+        $$renderer3.push(`<!---->`);
+      } else if (ev()) {
+        $$renderer3.push("<!--[1-->");
+        unavailable($$renderer3, ev().report);
+      } else {
+        $$renderer3.push("<!--[-1-->");
+      }
+      $$renderer3.push(`<!--]-->`);
+    }
+    function screenshotsBlock($$renderer3) {
+      if (ev()?.screenshots.available && (runShots().length || !shots().length)) {
+        $$renderer3.push(`<!--[0--><div class="flex flex-wrap gap-3"><!--[-->`);
+        const each_array_3 = ensure_array_like(runShots());
+        for (let $$index_3 = 0, $$length = each_array_3.length; $$index_3 < $$length; $$index_3++) {
+          let s = each_array_3[$$index_3];
+          $$renderer3.push(`<button type="button" class="w-48 shrink-0 cursor-zoom-in text-left"${attr("aria-label", `Enlarge ${stringify(s.name)}`)}><img${attr("src", s.url)}${attr("alt", s.name)} loading="lazy" class="aspect-[16/10] w-full rounded-lg border object-cover object-top"/> <p class="mt-1.5 truncate text-xs text-muted-foreground">${escape_html(s.name)}</p></button>`);
+        }
+        $$renderer3.push(`<!--]--></div> `);
+        source($$renderer3, ev().screenshots);
+        $$renderer3.push(`<!---->`);
+      } else if (ev()?.screenshots.available) {
+        $$renderer3.push(`<!--[1--><p class="text-sm text-muted-foreground">No screenshots were saved in this run yet; earlier runs keep theirs.</p>`);
+      } else if (ev()) {
+        $$renderer3.push("<!--[2-->");
+        unavailable($$renderer3, ev().screenshots);
+      } else {
+        $$renderer3.push("<!--[-1-->");
+      }
+      $$renderer3.push(`<!--]-->`);
+    }
+    function previewBlock($$renderer3) {
+      if (ev()?.preview.available) {
+        $$renderer3.push(`<!--[0--><a${attr("href", ev().preview.value.url)} target="_blank" rel="noreferrer" class="inline-flex items-center gap-1 text-sm text-sea hover:underline">Open preview`);
+        External_link($$renderer3, { class: "size-3.5", "aria-hidden": "true" });
+        $$renderer3.push(`<!----></a> `);
+        source($$renderer3, ev().preview);
+        $$renderer3.push(`<!---->`);
+      } else if (ev()) {
+        $$renderer3.push("<!--[1-->");
+        unavailable($$renderer3, ev().preview);
+      } else {
+        $$renderer3.push("<!--[-1-->");
+      }
+      $$renderer3.push(`<!--]-->`);
+    }
+    function decisionBlock($$renderer3, s) {
+      if (s.state === "current" && ev()?.decisions.length) {
+        $$renderer3.push(`<!--[0--><ul class="list-disc space-y-1 pl-5 text-sm"><!--[-->`);
+        const each_array_4 = ensure_array_like(ev().decisions);
+        for (let i = 0, $$length = each_array_4.length; i < $$length; i++) {
+          let d = each_array_4[i];
+          const plain = plainStatus("needs-decision", d.text);
+          $$renderer3.push(`<li>${escape_html(plain)}`);
+          RawDetails($$renderer3, { raw: d.text, plain });
+          $$renderer3.push(`<!----></li>`);
+        }
+        $$renderer3.push(`<!--]--></ul>`);
+      } else {
+        $$renderer3.push("<!--[-1-->");
+      }
+      $$renderer3.push(`<!--]-->`);
+    }
+    function checkBlock($$renderer3, _s, block) {
+      const c = task()?.passage.checks.find((x) => `check:${x.id}` === block);
+      if (c) {
+        $$renderer3.push(`<!--[0--><div class="flex items-start gap-3 rounded-lg border px-3 py-2 text-sm"${attr("data-check", c.id)}>`);
+        checkIcon($$renderer3, { name: c.label, state: checkTone(c) });
+        $$renderer3.push(`<!----> <div class="min-w-0 flex-1"><p><span class="font-medium">${escape_html(c.label)}</span> <span class="text-muted-foreground">${escape_html(c.summary)}</span></p> <p class="mt-0.5 text-xs text-muted-foreground">${escape_html(c.type === "command" ? "Command" : c.type)}${escape_html(c.observedAt ? `, ${c.type === "command" ? "ran" : "checked"} ${ago(c.observedAt, live.now)}` : "")}${escape_html(c.state === "gave-up" ? ", no longer checked" : "")} `);
+        if (c.url) {
+          $$renderer3.push(`<!--[0-->· <a${attr("href", c.url)} target="_blank" rel="noreferrer" class="inline-flex items-center gap-1 text-sea hover:underline">Open`);
+          External_link($$renderer3, { class: "size-3", "aria-hidden": "true" });
+          $$renderer3.push(`<!----></a>`);
+        } else {
+          $$renderer3.push("<!--[-1-->");
+        }
+        $$renderer3.push(`<!--]--></p> `);
+        if (c.command) {
+          $$renderer3.push(`<!--[0--><p class="mt-1 font-mono text-xs break-all text-muted-foreground">Runs ${escape_html(c.command)}</p>`);
+        } else {
+          $$renderer3.push("<!--[-1-->");
+        }
+        $$renderer3.push(`<!--]--> `);
+        if (c.output) {
+          $$renderer3.push(`<!--[0--><details class="mt-1"><summary class="cursor-pointer text-xs text-sea">Output</summary> <pre class="mt-1 max-h-80 overflow-auto rounded-md bg-terminal px-3 py-2 font-mono text-xs text-terminal-foreground">${escape_html(c.output)}</pre></details>`);
+        } else {
+          $$renderer3.push("<!--[-1-->");
+        }
+        $$renderer3.push(`<!--]--></div></div>`);
+      } else {
+        $$renderer3.push("<!--[-1-->");
+      }
+      $$renderer3.push(`<!--]-->`);
+    }
+    function landedBlock($$renderer3) {
+      if (task()) {
+        $$renderer3.push(`<!--[0--><p class="text-sm text-muted-foreground">`);
+        if (task().mergedAt) {
+          $$renderer3.push(`<!--[0-->Merged ${escape_html(ago(task().mergedAt, live.now))} (${escape_html(clock(task().mergedAt))}).`);
+        } else if (task().completedOn) {
+          $$renderer3.push(`<!--[1-->Closed on ${escape_html(task().completedOn)}; the exact time was not recorded.`);
+        } else if (task().status === "landed") {
+          $$renderer3.push(`<!--[2-->Done.`);
+        } else {
+          $$renderer3.push("<!--[-1-->");
+        }
+        $$renderer3.push(`<!--]--></p>`);
+      } else {
+        $$renderer3.push("<!--[-1-->");
+      }
+      $$renderer3.push(`<!--]-->`);
+    }
+    function overview($$renderer3, task2, ev2, detail2) {
+      const e = task2.eta && !task2.eta.openEnded ? task2.eta : null;
+      $$renderer3.push(`<p class="mt-5 text-sm text-muted-foreground">${escape_html(project()?.name ?? task2.projectId)}${escape_html(agentLine(task2.worker) ? ` · ${agentLine(task2.worker)}` : "")}</p> <h1 class="mt-1 text-[1.9rem] leading-tight text-balance">${escape_html(task2.title)}</h1> <p${attr_class(`mt-2 text-sm font-medium ${stringify(t() === "normal" || t() === "landed" ? "text-muted-foreground" : textClass[t()])}`)}>${escape_html(task2.statusLabel)}</p> `);
+      if (task2.activity && !task2.attention) {
+        $$renderer3.push(`<!--[0--><p class="mt-2 leading-relaxed"${attr("data-now", task2.activity.source)}><span class="mr-1 text-muted-foreground">Now:</span>`);
+        LinkedText($$renderer3, { text: task2.activity.text });
+        $$renderer3.push(`<!---->`);
+        if (task2.activity.at) {
+          $$renderer3.push(`<!--[0--><span class="text-muted-foreground">${escape_html(` · ${task2.activity.source === "pipeline" ? "started " : ""}${ago(task2.activity.at, live.now)}`)}</span>`);
+        } else {
+          $$renderer3.push("<!--[-1-->");
+        }
+        $$renderer3.push(`<!--]--></p> `);
+        DocMentions($$renderer3, { text: task2.summaryRaw, shown: task2.activity.text });
+        $$renderer3.push(`<!----> `);
+        RawDetails($$renderer3, { raw: task2.summaryRaw });
+        $$renderer3.push(`<!---->`);
+      } else if (task2.summary && !task2.attention) {
+        $$renderer3.push(`<!--[1--><p class="mt-2 leading-relaxed">`);
+        if (task2.summaryIsHistory) {
+          $$renderer3.push(`<!--[0--><span class="mr-1 text-muted-foreground">Latest update:</span>`);
+        } else {
+          $$renderer3.push("<!--[-1-->");
+        }
+        $$renderer3.push(`<!--]-->`);
+        LinkedText($$renderer3, { text: task2.summary });
+        $$renderer3.push(`<!----></p> `);
+        DocMentions($$renderer3, { text: task2.summaryRaw, shown: task2.summary });
+        $$renderer3.push(`<!----> `);
+        RawDetails($$renderer3, { raw: task2.summaryRaw });
+        $$renderer3.push(`<!---->`);
+      } else {
+        $$renderer3.push("<!--[-1-->");
+      }
+      $$renderer3.push(`<!--]--> `);
+      if (task2.attention && !(task2.attention.kind === "decision" && inbox.hasDecision(task2.id, page.data.inbox))) {
+        $$renderer3.push(`<!--[0--><div${attr_class(`mt-5 rounded-xl p-4 ${task2.attention.owner === "captain" ? "bg-sea/10" : task2.attention.owner === "reviewers" ? "bg-muted" : "bg-warning/10"}`)}><p${attr_class(`text-sm font-medium ${task2.attention.owner === "captain" ? "text-sea" : task2.attention.owner === "reviewers" ? "text-foreground" : "text-warning"}`)}>${escape_html(task2.attention.owner === "firstmate" ? "Waiting on Firstmate" : task2.attention.owner === "reviewers" ? "Waiting on reviewers" : task2.attention.kind === "review" ? task2.attention.approved ? "Ready for you to merge" : "Ready for your review" : "Your decision is needed")}</p> <p class="mt-1 text-sm leading-relaxed whitespace-pre-line">`);
+        LinkedText($$renderer3, { text: task2.attention.text });
+        $$renderer3.push(`<!----></p> `);
+        if (task2.attention.owner === "firstmate") {
+          $$renderer3.push("<!--[0-->");
+          DocMentions($$renderer3, { text: task2.summaryRaw, shown: task2.attention.text });
+          $$renderer3.push(`<!---->`);
+          RawDetails($$renderer3, { raw: task2.summaryRaw });
+          $$renderer3.push(`<!---->`);
+        } else {
+          $$renderer3.push("<!--[-1-->");
+        }
+        $$renderer3.push(`<!--]--> `);
+        if (detail2.evidence.decisions.length > 1) {
+          $$renderer3.push(`<!--[0--><ul class="mt-2 list-disc space-y-1 pl-5 text-sm"><!--[-->`);
+          const each_array_5 = ensure_array_like(detail2.evidence.decisions.slice(1));
+          for (let i = 0, $$length = each_array_5.length; i < $$length; i++) {
+            let d = each_array_5[i];
+            const plain = plainStatus("needs-decision", d.text);
+            $$renderer3.push(`<li>${escape_html(plain)}`);
+            RawDetails($$renderer3, { raw: d.text, plain });
+            $$renderer3.push(`<!----></li>`);
+          }
+          $$renderer3.push(`<!--]--></ul>`);
+        } else {
+          $$renderer3.push("<!--[-1-->");
+        }
+        $$renderer3.push(`<!--]--> `);
+        if (task2.attention.kind === "decision") {
+          $$renderer3.push(`<!--[0--><p class="mt-2 text-xs text-muted-foreground">Answer through Firstmate: it passes your word to the crew.</p>`);
+        } else {
+          $$renderer3.push("<!--[-1-->");
+        }
+        $$renderer3.push(`<!--]--></div>`);
+      } else {
+        $$renderer3.push("<!--[-1-->");
+      }
+      $$renderer3.push(`<!--]--> `);
+      TaskDecisions($$renderer3, { task: task2, now: live.now });
+      $$renderer3.push(`<!----> `);
+      if (awaitingReview(task2)) {
+        $$renderer3.push(`<!--[0--><div class="mt-5">`);
+        ReviewPanel($$renderer3, { task: task2, shots: shots() });
+        $$renderer3.push(`<!----></div>`);
+      } else {
+        $$renderer3.push("<!--[-1-->");
+      }
+      $$renderer3.push(`<!--]--> <div class="mt-6">`);
+      StageTrack($$renderer3, { task: task2 });
+      $$renderer3.push(`<!----></div> `);
+      if (e) {
+        $$renderer3.push("<!--[0-->");
+        const l = etaLine(e);
+        $$renderer3.push(`<button type="button"${attr_class(`mt-4 flex items-center gap-2 text-left text-sm hover:underline ${l.tone === "warning" ? "text-warning" : "text-muted-foreground"}`)}>`);
+        Timer($$renderer3, { class: "size-4 shrink-0", "aria-hidden": "true" });
+        $$renderer3.push(`<!---->${escape_html(l.text)}</button>`);
+      } else {
+        $$renderer3.push("<!--[-1-->");
+      }
+      $$renderer3.push(`<!--]--> <div class="mt-6 flex flex-wrap gap-2">`);
+      if (task2.preview) {
+        $$renderer3.push("<!--[0-->");
+        Button($$renderer3, {
+          variant: task2.attention?.owner === "captain" && !task2.pr ? "default" : "outline",
+          onclick: () => reveal("preview"),
+          children: ($$renderer4) => {
+            Monitor_play($$renderer4, {});
+            $$renderer4.push(`<!---->Live preview`);
+          },
+          $$slots: { default: true }
+        });
+      } else {
+        $$renderer3.push("<!--[-1-->");
+      }
+      $$renderer3.push(`<!--]--> `);
+      if (task2.passage.link && task2.passage.link.url !== task2.preview?.url && !awaitingReview(task2)) {
+        $$renderer3.push("<!--[0-->");
+        Button($$renderer3, {
+          variant: "outline",
+          href: task2.passage.link.url,
+          target: "_blank",
+          rel: "noreferrer",
+          children: ($$renderer4) => {
+            $$renderer4.push(`<!---->${escape_html(task2.passage.link.label)}`);
+            External_link($$renderer4, {});
+            $$renderer4.push(`<!---->`);
+          },
+          $$slots: { default: true }
+        });
+      } else {
+        $$renderer3.push("<!--[-1-->");
+      }
+      $$renderer3.push(`<!--]--> `);
+      if (task2.pr) {
+        $$renderer3.push("<!--[0-->");
+        Button($$renderer3, {
+          variant: "outline",
+          href: `/tasks/${stringify(encodeURIComponent(task2.id))}/review`,
+          children: ($$renderer4) => {
+            Compass($$renderer4, {});
+            $$renderer4.push(`<!---->Review the pull request`);
+          },
+          $$slots: { default: true }
+        });
+      } else {
+        $$renderer3.push("<!--[-1-->");
+      }
+      $$renderer3.push(`<!--]--> `);
+      Button($$renderer3, {
+        variant: task2.attention?.owner === "captain" && task2.attention.kind === "decision" ? "default" : "outline",
+        href: `/?chat=${stringify(encodeURIComponent(task2.id))}`,
+        children: ($$renderer4) => {
+          Message_square($$renderer4, {});
+          $$renderer4.push(`<!---->Ask Firstmate about this`);
+        },
+        $$slots: { default: true }
+      });
+      $$renderer3.push(`<!----></div> <dl class="mt-6 grid grid-cols-2 gap-x-6 gap-y-3 border-t pt-5 text-sm"><div><dt class="text-muted-foreground">Pull request</dt> <dd>`);
+      if (task2.pr) {
+        $$renderer3.push(`<!--[0--><a${attr("href", task2.pr.url)} target="_blank" rel="noreferrer" class="text-sea hover:underline">${escape_html(task2.pr.number ? `#${task2.pr.number}` : "Open")}</a> `);
+        if (ev2.pr.available) {
+          $$renderer3.push(`<!--[0--><span class="text-muted-foreground">${escape_html(prState(ev2.pr.value.state, ev2.pr.value.draft))}</span>`);
+        } else {
+          $$renderer3.push("<!--[-1-->");
+        }
+        $$renderer3.push(`<!--]-->`);
+      } else {
+        $$renderer3.push(`<!--[-1--><span class="text-muted-foreground">None yet</span>`);
+      }
+      $$renderer3.push(`<!--]--></dd></div> <div><dt class="text-muted-foreground">Preview</dt> <dd>`);
+      if (task2.preview) {
+        $$renderer3.push(`<!--[0--><a${attr("href", task2.preview.url)} target="_blank" rel="noreferrer" class="inline-flex items-center gap-1 text-sea hover:underline">Reported ${escape_html(ago(task2.preview.reportedAt, live.now))}`);
+        External_link($$renderer3, { class: "size-3", "aria-hidden": "true" });
+        $$renderer3.push(`<!----></a>`);
+      } else {
+        $$renderer3.push(`<!--[-1--><span class="text-muted-foreground">None reported</span>`);
+      }
+      $$renderer3.push(`<!--]--></dd></div> <div><dt class="text-muted-foreground">Last checked</dt> <dd${attr_class(clsx(task2.current && !task2.current.fresh ? "text-warning" : ""))}>`);
+      if (task2.current?.observedAt) {
+        $$renderer3.push(`<!--[0-->${escape_html(ago(task2.current.observedAt, live.now))}${escape_html(task2.current.fresh ? "" : " (cached)")}`);
+      } else {
+        $$renderer3.push(`<!--[-1-->${escape_html(ago(currentFleet()?.collectedAt, live.now))}`);
+      }
+      $$renderer3.push(`<!--]--></dd></div> `);
+      if (task2.worker) {
+        $$renderer3.push(`<!--[0--><div><dt class="text-muted-foreground">Delivery</dt> <dd>${escape_html(task2.worker.mode ?? "Unknown")}${escape_html(task2.worker.yolo ? `, yolo ${task2.worker.yolo}` : "")}</dd></div>`);
+      } else {
+        $$renderer3.push("<!--[-1-->");
+      }
+      $$renderer3.push(`<!--]--></dl>`);
+    }
+    function stagesPanel($$renderer3, task2) {
+      const runs = task2.runs && task2.runs.runs.length > 1 ? task2.runs : null;
+      const run = runs?.runs.find((r) => r.n === shownRun()) ?? null;
+      if (runs) {
+        $$renderer3.push(`<!--[0--><div class="mb-6">`);
+        RunSwitcher($$renderer3, {
+          runs,
+          selected: shownRun()
+        });
+        $$renderer3.push(`<!----></div>`);
+      } else {
+        $$renderer3.push("<!--[-1-->");
+      }
+      $$renderer3.push(`<!--]--> `);
+      if (runs && run && run.n !== runs.current) {
+        $$renderer3.push("<!--[0-->");
+        PastRun($$renderer3, {
+          run,
+          runs,
+          steps: task2.passage.steps,
+          validations: (detail()?.validations ?? []).filter((v) => runAt(runs, v.startedAt) === run.n),
+          shots: shots().filter((s) => runAt(runs, s.modifiedAt) === run.n)
+        });
+      } else {
+        $$renderer3.push("<!--[-1-->");
+        if (run && run.n > 1) {
+          $$renderer3.push(`<!--[0--><div class="mb-6">`);
+          ChangeRequests($$renderer3, { run });
+          $$renderer3.push(`<!----></div>`);
+        } else {
+          $$renderer3.push("<!--[-1-->");
+        }
+        $$renderer3.push(`<!--]--> `);
+        currentStages($$renderer3, task2);
+        $$renderer3.push(`<!---->`);
+      }
+      $$renderer3.push(`<!--]-->`);
+    }
+    function currentStages($$renderer3, task2) {
+      const steps = task2.passage.steps;
+      const any = steps.filter(hasDetail);
+      $$renderer3.push(`<section aria-labelledby="passage"><div class="flex items-baseline justify-between gap-4"><h2 id="passage" class="sr-only">Passage</h2> <p class="text-xs text-muted-foreground">Placed from: ${escape_html(task2.passage.basis)}.</p> `);
+      if (any.length > 1) {
+        $$renderer3.push("<!--[0-->");
+        const allOpen = any.every(isOpen);
+        $$renderer3.push(`<button type="button" class="shrink-0 text-xs text-muted-foreground hover:text-foreground hover:underline">${escape_html(allOpen ? "Fold all" : "Open all")}</button>`);
+      } else {
+        $$renderer3.push("<!--[-1-->");
+      }
+      $$renderer3.push(`<!--]--></div> <ol class="mt-5"><!--[-->`);
+      const each_array_6 = ensure_array_like(steps);
+      for (let i = 0, $$length = each_array_6.length; i < $$length; i++) {
+        let s = each_array_6[i];
+        const done = s.state === "done";
+        const now = s.state === "current";
+        const finished = now && task2.status === "landed" && !s.failed;
+        const open = hasDetail(s) && isOpen(s);
+        const gist = open ? null : stepGist(s, task2, ev());
+        $$renderer3.push(`<li${attr_class(`relative flex gap-4 ${open ? "pb-8" : "pb-5"}`)}${attr("data-stage", s.key)}${attr("data-open", open)}>`);
+        if (i < steps.length - 1) {
+          $$renderer3.push(`<!--[0--><span${attr_class(`absolute top-7 bottom-0 left-[11px] ${done ? "w-0.5 bg-foreground/40" : "w-0 border-l border-dotted border-input"}`)}></span>`);
+        } else {
+          $$renderer3.push("<!--[-1-->");
+        }
+        $$renderer3.push(`<!--]--> <span${attr_class(`relative z-10 mt-0.5 grid size-6 shrink-0 place-items-center rounded-full text-xs font-medium ${done ? "bg-foreground text-background" : now ? t() === "trouble" || s.failed ? "bg-danger text-white" : t() === "you" ? "bg-sea text-white dark:text-slate-950" : finished ? "bg-success text-white dark:text-slate-950" : "bg-foreground text-background ring-4 ring-foreground/15" : s.state === "skipped" ? "border border-dashed bg-background text-muted-foreground" : "border bg-background text-muted-foreground"}`)}>`);
+        if (now && !finished && task2.busy) {
+          $$renderer3.push("<!--[0-->");
+          BusyRing($$renderer3, { class: "bg-foreground" });
+        } else {
+          $$renderer3.push("<!--[-1-->");
+        }
+        $$renderer3.push(`<!--]--> `);
+        if (done || finished) {
+          $$renderer3.push("<!--[0-->");
+          Check($$renderer3, { class: "size-3.5", "aria-hidden": "true" });
+        } else if (s.failed) {
+          $$renderer3.push("<!--[1-->");
+          X($$renderer3, { class: "size-3.5", "aria-hidden": "true" });
+        } else {
+          $$renderer3.push(`<!--[-1-->${escape_html(i + 1)}`);
+        }
+        $$renderer3.push(`<!--]--></span> <div class="min-w-0 flex-1"><button type="button" class="group flex w-full min-w-0 items-baseline gap-2 rounded-md text-left disabled:cursor-default"${attr("disabled", !hasDetail(s), true)}${attr("aria-expanded", hasDetail(s) ? open : void 0)}${attr("aria-controls", hasDetail(s) ? `stage-${s.key}` : void 0)}><span${attr_class(`shrink-0 font-display text-[1.12rem] font-medium group-enabled:group-hover:underline ${s.state === "upcoming" || s.state === "skipped" ? "text-muted-foreground italic" : ""}`)}>${escape_html(s.label)}</span> `);
+        if (s.state === "skipped") {
+          $$renderer3.push(`<!--[0--><span class="shrink-0 text-sm text-muted-foreground">skipped</span>`);
+        } else {
+          $$renderer3.push("<!--[-1-->");
+        }
+        $$renderer3.push(`<!--]--> `);
+        if (now && s.failed) {
+          $$renderer3.push(`<!--[0--><span class="shrink-0 text-sm text-danger">failed</span>`);
+        } else if (now && !finished) {
+          $$renderer3.push(`<!--[1--><span${attr_class(`shrink-0 text-sm ${stringify(t() === "normal" || t() === "landed" ? "text-muted-foreground" : textClass[t()])}`)}>${escape_html(t() === "trouble" ? `${task2.statusLabel.toLowerCase()} here` : t() === "you" ? "waiting on you" : t() === "firstmate" ? "waiting on Firstmate" : task2.status === "done" ? "finished, with Firstmate" : "in progress")}</span>`);
+        } else {
+          $$renderer3.push("<!--[-1-->");
+        }
+        $$renderer3.push(`<!--]--> `);
+        if (gist) {
+          $$renderer3.push(`<!--[0--><span class="min-w-0 truncate text-sm text-muted-foreground"${attr("title", gist)}>· ${escape_html(gist)}</span>`);
+        } else {
+          $$renderer3.push("<!--[-1-->");
+        }
+        $$renderer3.push(`<!--]--> `);
+        if (hasDetail(s)) {
+          $$renderer3.push("<!--[0-->");
+          Chevron_right($$renderer3, {
+            class: `ml-auto size-4 shrink-0 self-center text-muted-foreground transition-transform ${open ? "rotate-90" : ""}`,
+            "aria-hidden": "true"
+          });
+        } else {
+          $$renderer3.push("<!--[-1-->");
+        }
+        $$renderer3.push(`<!--]--></button> `);
+        if (open) {
+          $$renderer3.push(`<!--[0--><div${attr("id", `stage-${stringify(s.key)}`)}>`);
+          if (s.note) {
+            $$renderer3.push(`<!--[0--><p class="mt-1 text-xs text-muted-foreground">`);
+            LinkedText($$renderer3, { text: s.note });
+            $$renderer3.push(`<!----></p>`);
+          } else {
+            $$renderer3.push("<!--[-1-->");
+          }
+          $$renderer3.push(`<!--]--> `);
+          if (done || now) {
+            $$renderer3.push(`<!--[0--><div class="mt-3 space-y-4"><!--[-->`);
+            const each_array_7 = ensure_array_like(s.evidence);
+            for (let $$index_6 = 0, $$length2 = each_array_7.length; $$index_6 < $$length2; $$index_6++) {
+              let id2 = each_array_7[$$index_6];
+              blockFor(id2)?.($$renderer3, s, id2);
+              $$renderer3.push(`<!---->`);
+            }
+            $$renderer3.push(`<!--]--> <!--[-->`);
+            const each_array_8 = ensure_array_like(stepEntries(s.key));
+            for (let $$index_7 = 0, $$length2 = each_array_8.length; $$index_7 < $$length2; $$index_7++) {
+              let e = each_array_8[$$index_7];
+              $$renderer3.push(`<div data-slot="step.evidence"><h4 class="mb-2 text-sm font-medium">${escape_html(e.title)}</h4> `);
+              SlotContent($$renderer3, { entry: e, now: live.now });
+              $$renderer3.push(`<!----></div>`);
+            }
+            $$renderer3.push(`<!--]--></div>`);
+          } else {
+            $$renderer3.push("<!--[-1-->");
+          }
+          $$renderer3.push(`<!--]--></div>`);
+        } else {
+          $$renderer3.push("<!--[-1-->");
+        }
+        $$renderer3.push(`<!--]--> <!--[-->`);
+        const each_array_9 = ensure_array_like(taskSections().afterStep[s.key] ?? []);
+        for (let $$index_8 = 0, $$length2 = each_array_9.length; $$index_8 < $$length2; $$index_8++) {
+          let e = each_array_9[$$index_8];
+          $$renderer3.push(`<div class="mt-4">`);
+          pluginSection($$renderer3, e);
+          $$renderer3.push(`<!----></div>`);
+        }
+        $$renderer3.push(`<!--]--></div></li>`);
+      }
+      $$renderer3.push(`<!--]--></ol></section>`);
+    }
+    function previewPanel($$renderer3, task2) {
+      if (task2.preview) {
+        $$renderer3.push(`<!--[0--><section aria-labelledby="live-preview"><h2 id="live-preview" class="sr-only">Live preview</h2> `);
+        if (active() === "preview" && !full()) {
+          $$renderer3.push("<!--[0-->");
+          LivePreview($$renderer3, {
+            taskId: task2.id,
+            feedback: task2.status !== "landed",
+            onfullscreen: () => show("preview", true)
+          });
+        } else {
+          $$renderer3.push("<!--[-1-->");
+        }
+        $$renderer3.push(`<!--]--></section>`);
+      } else {
+        $$renderer3.push("<!--[-1-->");
+      }
+      $$renderer3.push(`<!--]-->`);
+    }
+    function screenshotsPanel($$renderer3) {
+      if (shots().length) {
+        $$renderer3.push(`<!--[0--><div class="flex flex-wrap gap-4"><!--[-->`);
+        const each_array_10 = ensure_array_like(shots());
+        for (let i = 0, $$length = each_array_10.length; i < $$length; i++) {
+          let s = each_array_10[i];
+          $$renderer3.push(`<button type="button" class="w-48 shrink-0 cursor-zoom-in text-left"${attr("aria-label", `Enlarge ${stringify(s.name)}`)}><img${attr("src", s.url)}${attr("alt", s.name)} loading="lazy" class="aspect-[16/10] w-full rounded-lg border object-cover object-top"/> <p class="mt-1.5 truncate text-xs text-muted-foreground">${escape_html(s.name)}${escape_html(s.modifiedAt ? ` · ${ago(s.modifiedAt, live.now)}` : "")}</p></button>`);
+        }
+        $$renderer3.push(`<!--]--></div> `);
+        if (ev()) {
+          $$renderer3.push("<!--[0-->");
+          source($$renderer3, ev().screenshots);
+        } else {
+          $$renderer3.push("<!--[-1-->");
+        }
+        $$renderer3.push(`<!--]-->`);
+      } else {
+        $$renderer3.push(`<!--[-1--><div class="grid min-h-60 place-items-center rounded-xl border border-dashed bg-muted/30 p-6 text-center text-muted-foreground"><div>`);
+        Image_off($$renderer3, { class: "mx-auto size-6", "aria-hidden": "true" });
+        $$renderer3.push(`<!----> <p class="mt-2 text-sm font-medium">No screenshots saved</p> <p class="mt-1 text-xs">${escape_html(ev() && !ev().screenshots.available ? ev().screenshots.reason : "The worker has not saved any screenshots for this task.")}</p></div></div>`);
+      }
+      $$renderer3.push(`<!--]-->`);
+    }
+    function logPanel($$renderer3, task2, detail2) {
+      $$renderer3.push(`<section class="max-w-3xl space-y-4" aria-labelledby="ships-log"><div class="rounded-xl border"><div class="flex flex-wrap items-baseline gap-x-2 px-4 py-3 text-sm"><h2 id="ships-log" class="font-display text-[1.2rem] font-medium tracking-[0.1em] text-muted-foreground [font-variant-caps:all-small-caps]">Ship’s log</h2> <span class="text-muted-foreground">what the crew reported, oldest first (history, not current state)</span></div> <div class="border-t p-4">`);
+      if (detail2.timeline.available) {
+        $$renderer3.push(`<!--[0--><ol class="space-y-2 text-sm"><!--[-->`);
+        const each_array_14 = ensure_array_like(detail2.timeline.value);
+        for (let i = 0, $$length = each_array_14.length; i < $$length; i++) {
+          let e = each_array_14[i];
+          const plain = e.kind === "status" ? plainStatus(e.state, e.text) : null;
+          $$renderer3.push(`<li class="grid grid-cols-[5.5rem_minmax(0,1fr)] gap-3"><time class="tabular text-xs text-muted-foreground"${attr("datetime", e.at)}${attr("title", e.at)}>${escape_html(clock(e.at))}</time> <div class="min-w-0 break-words">`);
+          if (plain) {
+            $$renderer3.push(`<!--[0--><p>${escape_html(plain)}</p> `);
+            RawDetails($$renderer3, {
+              raw: e.state ? `${e.state}: ${e.text.trim()}` : e.text,
+              plain
+            });
+            $$renderer3.push(`<!---->`);
+          } else {
+            $$renderer3.push(`<!--[-1--><p>${escape_html(entryText(e))}</p>`);
+          }
+          $$renderer3.push(`<!--]--></div></li>`);
+        }
+        $$renderer3.push(`<!--]--></ol> `);
+        source($$renderer3, detail2.timeline);
+        $$renderer3.push(`<!---->`);
+      } else {
+        $$renderer3.push("<!--[-1-->");
+        unavailable($$renderer3, detail2.timeline);
+      }
+      $$renderer3.push(`<!--]--></div></div> `);
+      OutputInspector($$renderer3, { task: task2, live: active() === "log" });
+      $$renderer3.push(`<!----> `);
+      if (detail2.gaps.length) {
+        $$renderer3.push(`<!--[0--><div class="rounded-xl border border-dashed p-4 text-sm"><p class="font-medium">Not available yet</p> <ul class="mt-2 list-disc space-y-1 pl-5 text-muted-foreground"><!--[-->`);
+        const each_array_15 = ensure_array_like(detail2.gaps);
+        for (let $$index_15 = 0, $$length = each_array_15.length; $$index_15 < $$length; $$index_15++) {
+          let g = each_array_15[$$index_15];
+          $$renderer3.push(`<li>${escape_html(g)}</li>`);
+        }
+        $$renderer3.push(`<!--]--></ul></div>`);
+      } else {
+        $$renderer3.push("<!--[-1-->");
+      }
+      $$renderer3.push(`<!--]--></section>`);
+    }
+    let $$settled = true;
+    let $$inner_renderer;
+    function $$render_inner($$renderer3) {
+      head("13zy71l", $$renderer3, ($$renderer4) => {
+        $$renderer4.title(($$renderer5) => {
+          $$renderer5.push(`<title>${escape_html(task()?.title ?? id())} · Wheelhouse</title>`);
+        });
+      });
+      $$renderer3.push(`<main${attr_class(`px-4 pt-4 pb-20 sm:px-6 ${task() && ev() && detail() ? "lg:p-0" : "lg:px-10"}`)}>`);
+      if (!task() || !ev() || !detail()) {
+        $$renderer3.push(`<!--[0--><a${attr("href", back())} class="inline-flex items-center gap-1.5 text-sm text-muted-foreground hover:text-foreground">`);
+        Arrow_left($$renderer3, { class: "size-4", "aria-hidden": "true" });
+        $$renderer3.push(`<!---->Harbour</a> <p class="surface mt-6 max-w-3xl p-6 text-muted-foreground">${escape_html(data.problem ?? "Loading…")}</p>`);
+      } else {
+        $$renderer3.push(`<!--[-1--><div class="flex flex-col gap-8 lg:flex-row lg:items-start lg:gap-0">`);
+        ResizableRail($$renderer3, {
+          storageKey: "wheelhouse-task-overview-width",
+          label: "Resize the overview",
+          defaultWidth: 416,
+          side: "left",
+          class: "bg-panel max-lg:!w-auto max-lg:border-0 max-lg:bg-transparent lg:sticky lg:top-14 lg:h-[calc(100dvh-3.5rem)] max-lg:[&>[role=separator]]:hidden",
+          children: ($$renderer4) => {
+            $$renderer4.push(`<aside class="no-scrollbar min-w-0 rounded-lg border bg-panel px-6 pt-1 pb-6 lg:h-full lg:overflow-y-auto lg:rounded-none lg:border-0 lg:pt-0" aria-label="Overview"><div class="-mx-6 flex h-11 items-center border-b px-6 max-lg:mx-0 max-lg:border-0 max-lg:px-0"><a${attr("href", back())} class="inline-flex items-center gap-1.5 text-sm text-muted-foreground hover:text-foreground">`);
+            Arrow_left($$renderer4, { class: "size-4", "aria-hidden": "true" });
+            $$renderer4.push(`<!---->Harbour</a></div> `);
+            overview($$renderer4, task(), ev(), detail());
+            $$renderer4.push(`<!----> `);
+            if (consoleInImage(task())) {
+              $$renderer4.push(`<!--[0--><section class="mt-6 border-t pt-5" aria-labelledby="live-terminal" data-terminal=""><h2 id="live-terminal" class="text-sm font-medium"><button type="button" class="group flex w-full items-center gap-2 text-left"${attr("aria-expanded", terminalOpen)} aria-controls="live-terminal-body"><span class="group-hover:underline">Live terminal</span> `);
+              Chevron_right($$renderer4, {
+                class: `ml-auto size-4 shrink-0 text-muted-foreground transition-transform ${"rotate-90"}`,
+                "aria-hidden": "true"
+              });
+              $$renderer4.push(`<!----></button></h2> `);
+              {
+                $$renderer4.push(`<!--[0--><div id="live-terminal-body" class="mt-3">`);
+                ConsoleWindow($$renderer4, { task: task(), lines: 12, class: "rounded-xl" });
+                $$renderer4.push(`<!----></div>`);
+              }
+              $$renderer4.push(`<!--]--></section>`);
+            } else {
+              $$renderer4.push("<!--[-1-->");
+            }
+            $$renderer4.push(`<!--]--> `);
+            if (hasTime(task(), detail())) {
+              $$renderer4.push(`<!--[0--><div class="mt-6 scroll-mt-20 border-t pt-5" data-time="">`);
+              timePanel($$renderer4, task(), detail());
+              $$renderer4.push(`<!----></div>`);
+            } else {
+              $$renderer4.push("<!--[-1-->");
+            }
+            $$renderer4.push(`<!--]--></aside>`);
+          }
+        });
+        $$renderer3.push(`<!----> <div class="surface min-w-0 flex-1 scroll-mt-14 px-5 pb-8 sm:px-6 lg:mx-10 lg:mt-4 lg:mb-20"><div class="sticky top-14 z-20 -mx-5 rounded-t-lg bg-card px-5 pt-1 sm:-mx-6 sm:px-6"><div class="no-scrollbar flex items-center gap-1 overflow-x-auto border-b" role="tablist" aria-label="Task detail"><!--[-->`);
+        const each_array_16 = ensure_array_like(tabs());
+        for (let i = 0, $$length = each_array_16.length; i < $$length; i++) {
+          let tab = each_array_16[i];
+          $$renderer3.push(`<button type="button" role="tab"${attr("id", `tab-${stringify(tab.id)}`)}${attr("aria-selected", active() === tab.id)}${attr("aria-controls", `panel-${stringify(tab.id)}`)}${attr("tabindex", active() === tab.id ? 0 : -1)}${attr_class(`-mb-px inline-flex shrink-0 items-center gap-1.5 border-b-2 px-3 py-2.5 text-base font-semibold tracking-[0.1em] whitespace-nowrap transition-colors [font-variant-caps:all-small-caps] ${active() === tab.id ? "border-brass text-foreground" : "border-transparent text-muted-foreground hover:text-foreground"}`)}>${escape_html(tab.label)}`);
+          if (tab.count) {
+            $$renderer3.push(`<!--[0--><span class="rounded-full bg-muted px-1.5 text-xs text-muted-foreground tabular-nums">${escape_html(tab.count)}</span>`);
+          } else {
+            $$renderer3.push("<!--[-1-->");
+          }
+          $$renderer3.push(`<!--]--></button>`);
+        }
+        $$renderer3.push(`<!--]--></div></div> <!--[-->`);
+        const each_array_17 = ensure_array_like(tabs());
+        for (let $$index_17 = 0, $$length = each_array_17.length; $$index_17 < $$length; $$index_17++) {
+          let tab = each_array_17[$$index_17];
+          $$renderer3.push(`<div${attr("id", `panel-${stringify(tab.id)}`)} role="tabpanel"${attr("aria-labelledby", `tab-${stringify(tab.id)}`)} tabindex="0" class="pt-6 outline-none"${attr("hidden", active() !== tab.id)}>`);
+          if (tab.id === "stages") {
+            $$renderer3.push("<!--[0-->");
+            stagesPanel($$renderer3, task());
+          } else if (tab.id === "preview") {
+            $$renderer3.push("<!--[1-->");
+            previewPanel($$renderer3, task());
+          } else if (tab.id === "screenshots") {
+            $$renderer3.push("<!--[2-->");
+            screenshotsPanel($$renderer3);
+          } else if (tab.id === "log") {
+            $$renderer3.push("<!--[3-->");
+            logPanel($$renderer3, task(), detail());
+          } else if (tab.id === "talk") {
+            $$renderer3.push("<!--[4-->");
+            ConversationPanel($$renderer3, { talk: detail().build.conversation, now: live.now });
+          } else if (tab.id === "checks") {
+            $$renderer3.push("<!--[5-->");
+            ChecksReport($$renderer3, { checks: detail().build.checks, taskId: task().id });
+          } else if (tab.id === "docs") {
+            $$renderer3.push("<!--[6-->");
+            DocsPanel($$renderer3, { docs: detail().build.docs, taskId: task().id });
+          } else {
+            $$renderer3.push("<!--[-1-->");
+            const entry = pluginTabs().find((e) => `plugin:${e.key}` === tab.id);
+            if (entry) {
+              $$renderer3.push("<!--[0-->");
+              pluginSection($$renderer3, entry);
+            } else {
+              $$renderer3.push("<!--[-1-->");
+            }
+            $$renderer3.push(`<!--]-->`);
+          }
+          $$renderer3.push(`<!--]--></div>`);
+        }
+        $$renderer3.push(`<!--]--></div></div> `);
+        if (full() && task().preview) {
+          $$renderer3.push("<!--[0-->");
+          PreviewStudio($$renderer3, {
+            taskId: task().id,
+            title: task().title,
+            url: task().preview.url,
+            feedback: task().status !== "landed",
+            onclose: () => show("preview")
+          });
+        } else {
+          $$renderer3.push("<!--[-1-->");
+        }
+        $$renderer3.push(`<!--]--> `);
+        Lightbox($$renderer3, {
+          shots: shots(),
+          get index() {
+            return shotIndex;
+          },
+          set index($$value) {
+            shotIndex = $$value;
+            $$settled = false;
+          }
+        });
+        $$renderer3.push(`<!----> `);
+        DiffDialog($$renderer3, {
+          taskId: task().id,
+          get file() {
+            return diffFile;
+          },
+          set file($$value) {
+            diffFile = $$value;
+            $$settled = false;
+          }
+        });
+        $$renderer3.push(`<!---->`);
+      }
+      $$renderer3.push(`<!--]--></main>`);
+    }
+    do {
+      $$settled = true;
+      $$inner_renderer = $$renderer2.copy();
+      $$render_inner($$inner_renderer);
+    } while (!$$settled);
+    $$renderer2.subsume($$inner_renderer);
+  });
+}
+
+export { _page as default };
+//# sourceMappingURL=_page.svelte.js-LgJMZ2RE.js.map