@chrisjowen/wheelhouse 0.0.0-stage → 0.1.0

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

@@ -0,0 +1,2063 @@
+import { af as head, aj as escape_html, ai as attr, aa as ensure_array_like, ak as stringify, ah as attr_class, _ as derived, a5 as clsx, a6 as bind_props, ae as spread_props, al as props_id, ap as attr_style } from '../../../../chunks/index.js-Bn6j9diM.js';
+import { p as page } from '../../../../chunks/index2.js-CXaRTuov.js';
+import { r as replaceState } from '../../../../chunks/client.js-BUNengrw.js';
+import { l as live, a as currentFleet } from '../../../../chunks/live.svelte.js-BRUTNc9D.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, a as Book_open } from '../../../../chunks/SlotContent.js-YqZXXtRz.js';
+import { d as consoleInImage, b as agentLine, a as ago, c as clock } from '../../../../chunks/format.js-D3lWEg6U.js';
+import { p as plainStatus } from '../../../../chunks/plain.js-Dc97sYaJ.js';
+import { a as showsChecks, s as segmentTone, c as checksLine, b as stepSummary, d as duration$1, e as ciChecksLine } from '../../../../chunks/checks.js-BnIxIaus.js';
+import { C as Check } from '../../../../chunks/check.js-bmUhmMEz.js';
+import { X } from '../../../../chunks/x.js-tlds9Ooz.js';
+import { I as Icon } from '../../../../chunks/Icon.js-D7CY3joB.js';
+import { M as Minus } from '../../../../chunks/minus.js-bsfnwE-h.js';
+import { L as Loader_circle } from '../../../../chunks/loader-circle.js-IYRaUYWq.js';
+import { C as Circle_dashed } from '../../../../chunks/circle-dashed.js-Bm3gZCXK.js';
+import { B as Button } from '../../../../chunks/button.js-HeBqLheH.js';
+import { S as StageTrack, B as BusyRing } from '../../../../chunks/StageTrack.js-BaorW-yk.js';
+import { C as ConsoleWindow, L as Lightbox, a as awaitingReview, M as Messages_square, Q as QuestionList, b as ConsoleFullscreen, r as reviewView } from '../../../../chunks/QuestionList.js-DglKezUe.js';
+import '../../../../chunks/exports.js-BZBK1HC9.js';
+import '../../../../chunks/utils2.js-BQzn9ikS.js';
+import '../../../../chunks/utils.js-DTSGDHlH.js';
+import '../../../../chunks/root.js-CQzYN4Pu.js';
+import { D as DictateTextarea } from '../../../../chunks/DictateTextarea.js-BlEnOzcN.js';
+import { s as sendToInbox } from '../../../../chunks/chat.svelte.js-Cgdbtjbw.js';
+import { a as feedbackNote } from '../../../../chunks/preview.js-CVD-Kwks.js';
+import { C as Chevron_right } from '../../../../chunks/chevron-right.js-yhLg_GaH.js';
+import { M as Message_square } from '../../../../chunks/message-square.js-Hp-6BHgG.js';
+import { E as External_link } from '../../../../chunks/external-link.js-WxVF0xXO.js';
+import { C as Compass } from '../../../../chunks/compass.js-Tq6uiG8I.js';
+import { e as etaLine, C as CONFIDENCE, P as PHASE_LABEL, d as duration } from '../../../../chunks/insights.js-CzzfyHGp.js';
+import { F as File_text } from '../../../../chunks/file-text.js-CAo3vdqd.js';
+import { P as PARTY_LABEL, D as DOC_KIND_LABEL } from '../../../../chunks/buildlog.js-BCKtSKOt.js';
+import { S as Scale } from '../../../../chunks/scale.js-vP4G0lZM.js';
+import { T as TimeBar } from '../../../../chunks/TimeBar.js-k38rc7ZI.js';
+import { T as TimeLegend } from '../../../../chunks/TimeLegend.js-BQVvgsvs.js';
+import { t as textClass, b as tone } from '../../../../chunks/tone.js-r2qFVrZC.js';
+import { t as tick } from '../../../../chunks/index-server.js-CtyUzIGY.js';
+import { A as Arrow_left } from '../../../../chunks/arrow-left.js-6Yey35CE.js';
+import { M as Monitor_play } from '../../../../chunks/monitor-play.js-B7qbbPH6.js';
+import '../../../../chunks/blocks.js-BL9jLCe-.js';
+import 'yaml';
+import '../../../../chunks/git-pull-request.js-Cx1w8BQr.js';
+import '../../../../chunks/index-server2.js-DMc-UvjC.js';
+import '../../../../chunks/anchor.js-ByXDBfbi.js';
+import '../../../../chunks/triangle-alert.js-DuE40HSU.js';
+import '../../../../chunks/square-terminal.js-D5Z4Sl2-.js';
+import '../../../../chunks/split.js-BsCU24rQ.js';
+import '../../../../chunks/message-square-text.js-N5uEmy8L.js';
+import '../../../../chunks/hand.js-xkYPYJZj.js';
+import '../../../../chunks/arrow-right.js-CfbPWRqu.js';
+import '../../../../chunks/chevron-down.js-D75hVSIe.js';
+import '../../../../chunks/MicButton.js-BZSQAyuM.js';
+import '../../../../chunks/messages.js-CFyGKoqq.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 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 Panel_right_close($$renderer, $$props) {
+  let { $$slots, $$events, ...props } = $$props;
+  const iconData = {
+    "name": "panel-right-close",
+    "size": 24,
+    "node": [
+      [
+        "rect",
+        { "width": "18", "height": "18", "x": "3", "y": "3", "rx": "2" }
+      ],
+      ["path", { "d": "M15 3v18" }],
+      ["path", { "d": "m8 9 3 3-3 3" }]
+    ]
+  };
+  Icon($$renderer, spread_props([props, { icon: iconData }]));
+}
+function Send($$renderer, $$props) {
+  let { $$slots, $$events, ...props } = $$props;
+  const iconData = {
+    "name": "send",
+    "size": 24,
+    "node": [
+      [
+        "path",
+        {
+          "d": "M14.536 21.686a.5.5 0 0 0 .937-.024l6.5-19a.496.496 0 0 0-.635-.635l-19 6.5a.5.5 0 0 0-.024.937l7.93 3.18a2 2 0 0 1 1.112 1.11z"
+        }
+      ],
+      ["path", { "d": "m21.854 2.147-10.94 10.939" }]
+    ]
+  };
+  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 PreviewFeedback($$renderer, $$props) {
+  $$renderer.component(($$renderer2) => {
+    const id = props_id($$renderer2);
+    let { taskId, url, rows = 2, onsent } = $$props;
+    let text = "";
+    let sending = false;
+    let error = null;
+    let sent = null;
+    async function send() {
+      if (!text.trim() || sending) return;
+      sending = true;
+      error = null;
+      const r = await sendToInbox(feedbackNote(url, text), page.data.sessionToken, taskId);
+      sending = false;
+      if (!r.ok) {
+        error = r.error;
+        return;
+      }
+      sent = { at: (/* @__PURE__ */ new Date()).toISOString(), pending: !!r.pending };
+      text = "";
+      onsent?.();
+    }
+    function onkeydown(e) {
+      if (e.key === "Enter" && (e.metaKey || e.ctrlKey)) {
+        e.preventDefault();
+        void send();
+      }
+    }
+    let $$settled = true;
+    let $$inner_renderer;
+    function $$render_inner($$renderer3) {
+      $$renderer3.push(`<form class="mt-3" data-preview-feedback=""><label class="text-xs font-medium text-muted-foreground"${attr("for", `feedback-${id}`)}>Feedback on this preview</label> `);
+      DictateTextarea($$renderer3, {
+        id: `feedback-${id}`,
+        onkeydown,
+        rows,
+        maxlength: 8e3,
+        placeholder: "What should change? It goes to the worker through Firstmate.",
+        class: "mt-1 min-h-14 text-sm",
+        get value() {
+          return text;
+        },
+        set value($$value) {
+          text = $$value;
+          $$settled = false;
+        }
+      });
+      $$renderer3.push(`<!----> <div class="mt-2 flex flex-wrap items-center gap-x-3 gap-y-1">`);
+      Button($$renderer3, {
+        type: "submit",
+        size: "sm",
+        disabled: !text.trim() || sending,
+        children: ($$renderer4) => {
+          Send($$renderer4, {});
+          $$renderer4.push(`<!---->${escape_html(sending ? "Sending…" : "Send feedback")}`);
+        },
+        $$slots: { default: true }
+      });
+      $$renderer3.push(`<!----> `);
+      if (error) {
+        $$renderer3.push(`<!--[0--><p class="text-xs text-danger" role="alert">${escape_html(error)}</p>`);
+      } else if (sent) {
+        $$renderer3.push(`<!--[1--><p class="text-xs text-muted-foreground" role="status" data-feedback-sent="">${escape_html(sent.pending ? `Saved at ${clock(sent.at)}; Wheelhouse is confirming Firstmate has it.` : `Sent at ${clock(sent.at)}. Firstmate passes it to the worker.`)}</p>`);
+      } else {
+        $$renderer3.push(`<!--[-1--><p class="text-xs text-muted-foreground">⌘/Ctrl+Enter sends; the mic dictates.</p>`);
+      }
+      $$renderer3.push(`<!--]--></div></form>`);
+    }
+    do {
+      $$settled = true;
+      $$inner_renderer = $$renderer2.copy();
+      $$render_inner($$inner_renderer);
+    } while (!$$settled);
+    $$renderer2.subsume($$inner_renderer);
+  });
+}
+function LivePreview($$renderer, $$props) {
+  $$renderer.component(($$renderer2) => {
+    let {
+      taskId,
+      compact = false,
+      fill = false,
+      feedback = true,
+      onfullscreen
+    } = $$props;
+    const url = derived(() => null);
+    $$renderer2.push(`<div${attr_class(`min-w-0 ${fill ? "flex h-full flex-col" : ""}`)}${attr("data-live-preview", "checking")}><div class="flex items-center gap-2 text-xs text-muted-foreground"><span class="min-w-0 flex-1 truncate font-mono"${attr("title", url() ?? void 0)}>${escape_html(url() ?? "Live preview")}</span> `);
+    {
+      $$renderer2.push("<!--[-1-->");
+    }
+    $$renderer2.push(`<!--]--> `);
+    {
+      $$renderer2.push("<!--[-1-->");
+    }
+    $$renderer2.push(`<!--]--></div> <div${attr_class(`relative mt-1.5 w-full overflow-hidden rounded-lg border bg-muted/40 ${compact ? "aspect-[16/10]" : fill ? "min-h-0 flex-1" : "h-40"}`)}>`);
+    {
+      $$renderer2.push(`<!--[-1--><div class="grid size-full place-items-center p-4 text-center text-muted-foreground"><div>`);
+      {
+        $$renderer2.push(`<!--[0--><p class="text-sm">Checking the preview…</p>`);
+      }
+      $$renderer2.push(`<!--]--></div></div>`);
+    }
+    $$renderer2.push(`<!--]--></div> `);
+    if (feedback && url()) {
+      $$renderer2.push("<!--[0-->");
+      PreviewFeedback($$renderer2, { taskId, url: url() });
+    } else {
+      $$renderer2.push("<!--[-1-->");
+    }
+    $$renderer2.push(`<!--]--></div>`);
+  });
+}
+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);
+  });
+}
+const DEFAULT_TAB = "stages";
+function taskTabs(o) {
+  const counted = (n) => n ? { count: n } : {};
+  return [
+    { id: "stages", label: "Stages" },
+    ...o.preview ? [{ id: "preview", label: "Live preview" }] : [],
+    ...o.build ? [
+      { id: "talk", label: "Conversation", ...counted(o.build.talk) },
+      { id: "checks", label: "Checks" },
+      { id: "docs", label: "Docs", ...counted(o.build.docs) }
+    ] : [],
+    { id: "screenshots", label: "Screenshots", ...counted(o.shots) },
+    ...o.plugins.map((p) => ({ id: `plugin:${p.key}`, label: p.title })),
+    { id: "log", label: "Log" }
+  ];
+}
+const pickTab = (want, tabs) => want && tabs.some((t) => t.id === want) ? want : DEFAULT_TAB;
+const openByDefault = (s) => s.state === "current";
+const hasDetail = (s) => s.state === "done" || s.state === "current" || !!s.note;
+const plural = (n, one, many = `${one}s`) => `${n} ${n === 1 ? one : many}`;
+function stepGist(s, task, ev) {
+  if (s.state === "skipped") return s.note;
+  if (s.state === "upcoming") return null;
+  const parts = [];
+  for (const id of s.evidence) {
+    if (id === "files" && ev?.files.available) {
+      const n = ev.files.value.total;
+      parts.push(n ? `${plural(n, "file")} changed` : "No changes yet");
+    } else if (id === "pr" && (ev?.pr.available || task.pr)) {
+      const pr = ev?.pr.available ? ev.pr.value : null;
+      const n = pr?.number ?? task.pr?.number ?? null;
+      const state = pr ? pr.draft ? "draft" : pr.state : null;
+      parts.push(`Pull request${n ? ` #${n}` : ""}${state ? ` ${state}` : ""}`);
+    } else if (id === "screenshots" && ev?.screenshots.available && ev.screenshots.value.length) {
+      parts.push(plural(ev.screenshots.value.length, "screenshot"));
+    } else if (id === "report" && ev?.report.available) {
+      parts.push("Report written");
+    } else if (id === "validation" && s.state === "done") {
+      parts.push("Checks passed");
+    }
+  }
+  return parts.length ? parts.join(" · ") : s.note;
+}
+const PREFIX = /^Review feedback on the live preview \([^)\n]*\):\n/;
+const STATUS = {
+  sending: "Sending…",
+  uncertain: "Confirming Firstmate has it…",
+  "saved-unannounced": "Saved; Firstmate reads it at its next check",
+  delivered: "Sent to Firstmate",
+  failed: "Not delivered"
+};
+function previewThread(messages, taskId) {
+  return messages.filter((m) => m.taskId === taskId && PREFIX.test(m.text)).map((m) => ({
+    id: m.requestId,
+    text: m.text.replace(PREFIX, ""),
+    at: m.submittedAt,
+    status: m.delivery === "delivered" && m.acknowledged ? "Firstmate has it" : STATUS[m.delivery],
+    failed: m.delivery === "failed",
+    reply: m.reply?.body ?? null
+  }));
+}
+function PreviewStudio($$renderer, $$props) {
+  $$renderer.component(($$renderer2) => {
+    let { taskId, title, url, feedback = true } = $$props;
+    let panel = true;
+    let thread = [];
+    let threadError = null;
+    let list = null;
+    async function loadThread() {
+      try {
+        const r = await fetch("/api/firstmate/messages");
+        if (!r.ok) throw new Error(String(r.status));
+        const v = await r.json();
+        const next = previewThread(v.messages, taskId);
+        const grew = next.length > thread.length;
+        thread = next;
+        threadError = v.available ? null : v.reason;
+        if (grew) requestAnimationFrame(() => list?.scrollTo({ top: list.scrollHeight }));
+      } catch {
+        threadError = "Could not read what was sent; Wheelhouse will try again.";
+      }
+    }
+    $$renderer2.push(`<div class="fixed inset-0 z-50 flex flex-col bg-background outline-none" role="dialog" aria-modal="true"${attr("aria-label", `Live preview of ${stringify(title)}, full screen`)} tabindex="-1" data-preview-studio=""><div class="flex h-12 shrink-0 items-center gap-3 border-b px-3 sm:px-4"><p class="min-w-0 flex-1 truncate text-sm"><span class="font-medium">${escape_html(title)}</span> <span class="text-muted-foreground">· Live preview</span></p> `);
+    if (feedback) {
+      $$renderer2.push("<!--[0-->");
+      {
+        $$renderer2.push(`<!--[0--><button type="button" class="inline-flex items-center gap-1.5 rounded-md px-2 py-1 text-xs text-muted-foreground hover:bg-accent hover:text-foreground">`);
+        Panel_right_close($$renderer2, { class: "size-4", "aria-hidden": "true" });
+        $$renderer2.push(`<!---->Hide comments</button>`);
+      }
+      $$renderer2.push(`<!--]-->`);
+    } else {
+      $$renderer2.push("<!--[-1-->");
+    }
+    $$renderer2.push(`<!--]--> <button type="button" class="inline-flex items-center gap-1.5 rounded-md px-2 py-1 text-xs hover:bg-accent" aria-label="Close full screen (Esc)" title="Close (Esc)">`);
+    X($$renderer2, { class: "size-4", "aria-hidden": "true" });
+    $$renderer2.push(`<!---->Close</button></div> <div class="relative flex min-h-0 flex-1"><div class="min-w-0 flex-1 p-3">`);
+    LivePreview($$renderer2, { taskId, fill: true, feedback: false });
+    $$renderer2.push(`<!----></div> `);
+    if (feedback && panel) {
+      $$renderer2.push(`<!--[0--><aside class="flex min-h-0 w-[22rem] shrink-0 flex-col border-l bg-panel xl:w-96" aria-label="Feedback on this preview"><div class="border-b px-4 py-3"><h2 class="flex items-center gap-2 text-sm font-medium">`);
+      Message_square($$renderer2, { class: "size-4 text-muted-foreground", "aria-hidden": "true" });
+      $$renderer2.push(`<!---->Feedback</h2> <p class="mt-0.5 text-xs text-muted-foreground">Goes to the worker through Firstmate.</p></div> <ol class="no-scrollbar min-h-0 flex-1 space-y-4 overflow-y-auto px-4 py-4" aria-label="Sent from this preview" data-preview-thread="">`);
+      const each_array = ensure_array_like(thread);
+      if (each_array.length !== 0) {
+        $$renderer2.push("<!--[-->");
+        for (let $$index = 0, $$length = each_array.length; $$index < $$length; $$index++) {
+          let c = each_array[$$index];
+          $$renderer2.push(`<li><p class="text-sm leading-relaxed whitespace-pre-line">${escape_html(c.text)}</p> <p${attr_class(`mt-1 text-xs ${c.failed ? "text-danger" : "text-muted-foreground"}`)}>${escape_html(clock(c.at))} · ${escape_html(c.status)}</p> `);
+          if (c.reply) {
+            $$renderer2.push(`<!--[0--><p class="mt-2 rounded-lg bg-muted px-3 py-2 text-sm leading-relaxed whitespace-pre-line"><span class="font-medium">Firstmate:</span> ${escape_html(c.reply)}</p>`);
+          } else {
+            $$renderer2.push("<!--[-1-->");
+          }
+          $$renderer2.push(`<!--]--></li>`);
+        }
+      } else {
+        $$renderer2.push(`<!--[!--><li class="pt-6 text-sm text-muted-foreground">Nothing sent from this preview yet.<br/>Say what should change, as you look.</li>`);
+      }
+      $$renderer2.push(`<!--]--> `);
+      if (threadError) {
+        $$renderer2.push(`<!--[0--><li class="text-xs text-warning">${escape_html(threadError)}</li>`);
+      } else {
+        $$renderer2.push("<!--[-1-->");
+      }
+      $$renderer2.push(`<!--]--></ol> <div class="border-t px-4 pt-1 pb-4">`);
+      PreviewFeedback($$renderer2, { taskId, url, rows: 3, onsent: loadThread });
+      $$renderer2.push(`<!----></div></aside>`);
+    } else if (feedback) {
+      $$renderer2.push(`<!--[1--><button type="button" class="absolute right-5 bottom-5 inline-flex items-center gap-2 rounded-full border bg-background px-4 py-2 text-sm font-medium shadow-lg hover:bg-accent">`);
+      Message_square($$renderer2, { class: "size-4", "aria-hidden": "true" });
+      $$renderer2.push(`<!---->Comments${escape_html(thread.length ? ` (${thread.length})` : "")}</button>`);
+    } else {
+      $$renderer2.push("<!--[-1-->");
+    }
+    $$renderer2.push(`<!--]--></div></div>`);
+  });
+}
+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">${escape_html(raw)}</p></details>`);
+    } 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 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 docHref = (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", docHref(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 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(() => task() ? `/?project=${encodeURIComponent(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"><p class="truncate font-mono text-xs text-muted-foreground">${escape_html(ev().report.value.path)}</p> <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) {
+        $$renderer3.push(`<!--[0--><div class="flex flex-wrap gap-3"><!--[-->`);
+        const each_array_3 = ensure_array_like(ev().screenshots.value);
+        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()) {
+        $$renderer3.push("<!--[1-->");
+        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>${escape_html(task2.activity.text)}`);
+        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> `);
+        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(`<!--]-->${escape_html(task2.summary)}</p> `);
+        RawDetails($$renderer3, { raw: task2.summaryRaw });
+        $$renderer3.push(`<!---->`);
+      } else {
+        $$renderer3.push("<!--[-1-->");
+      }
+      $$renderer3.push(`<!--]--> `);
+      if (task2.attention) {
+        $$renderer3.push(`<!--[0--><div${attr_class(`mt-5 rounded-xl p-4 ${task2.attention.owner === "captain" ? "bg-sea/10" : "bg-warning/10"}`)}><p${attr_class(`text-sm font-medium ${task2.attention.owner === "captain" ? "text-sea" : "text-warning"}`)}>${escape_html(task2.attention.owner === "firstmate" ? "Waiting on Firstmate" : task2.attention.kind === "review" ? "Ready for your review" : "Your decision is needed")}</p> <p class="mt-1 text-sm leading-relaxed whitespace-pre-line">${escape_html(task2.attention.text)}</p> `);
+        if (task2.attention.owner === "firstmate") {
+          $$renderer3.push("<!--[0-->");
+          RawDetails($$renderer3, { raw: task2.summaryRaw });
+        } 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(`<!--]--> `);
+      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 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">${escape_html(s.note)}</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 class="px-4 pt-4 pb-20 sm:px-6 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="grid gap-8 lg:grid-cols-[minmax(19rem,25rem)_minmax(0,1fr)] xl:grid-cols-[26rem_minmax(0,1fr)] xl:gap-12"><aside class="no-scrollbar min-w-0 self-start rounded-lg border bg-panel px-6 pt-1 pb-6 lg:sticky lg:top-[4.5rem] lg:max-h-[calc(100dvh-5.5rem)] lg:overflow-y-auto lg:pb-6" aria-label="Overview"><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> `);
+        overview($$renderer3, task(), ev(), detail());
+        $$renderer3.push(`<!----> `);
+        if (consoleInImage(task())) {
+          $$renderer3.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($$renderer3, {
+            class: `ml-auto size-4 shrink-0 text-muted-foreground transition-transform ${"rotate-90"}`,
+            "aria-hidden": "true"
+          });
+          $$renderer3.push(`<!----></button></h2> `);
+          {
+            $$renderer3.push(`<!--[0--><div id="live-terminal-body" class="mt-3">`);
+            ConsoleWindow($$renderer3, { task: task(), lines: 12, class: "rounded-xl" });
+            $$renderer3.push(`<!----></div>`);
+          }
+          $$renderer3.push(`<!--]--></section>`);
+        } else {
+          $$renderer3.push("<!--[-1-->");
+        }
+        $$renderer3.push(`<!--]--> `);
+        if (hasTime(task(), detail())) {
+          $$renderer3.push(`<!--[0--><div class="mt-6 scroll-mt-20 border-t pt-5" data-time="">`);
+          timePanel($$renderer3, task(), detail());
+          $$renderer3.push(`<!----></div>`);
+        } else {
+          $$renderer3.push("<!--[-1-->");
+        }
+        $$renderer3.push(`<!--]--></aside> <div class="surface min-w-0 scroll-mt-14 px-5 pb-8 sm:px-6"><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"
+          });
+        } 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-Dr2wwDJG.js.map