@chrisjowen/wheelhouse 0.2.0 → 0.2.1

package/build/server/chunks/entries/pages/projects/_id_/_page.svelte.js-_DNqdqJc.js

@@ -0,0 +1,976 @@
+import { aj as head, al as escape_html, _ as derived, a8 as ensure_array_like, am as attr, ak as attr_class, an as stringify, ap as attr_style, ac as spread_props } from '../../../../chunks/index.js-B0NFhRTN.js';
+import { p as page } from '../../../../chunks/index2.js-Bxt1T6_K.js';
+import { l as live, a as currentFleet } from '../../../../chunks/live.svelte.js-DavJCZVs.js';
+import { s as slots } from '../../../../chunks/slots.svelte.js-CLIV5nwM.js';
+import { e as shelfOf, s as shelf, h as harbour, a as isCompleted, c as completedAt } from '../../../../chunks/harbour.js-PHLHOFea.js';
+import { s as slotKey } from '../../../../chunks/keys.js-iHygUPeb.js';
+import { P as ProjectBanner } from '../../../../chunks/ProjectBanner.js-19PQF0LD.js';
+import { B as Button } from '../../../../chunks/button.js-BF2PsvWw.js';
+import { a as ago, p as plural, b as agentLine, d as consoleInImage, n as nowLine } from '../../../../chunks/format.js-D3lWEg6U.js';
+import { C as ConsoleWindow, a as awaitingReview, r as reviewView, Q as QuestionList } from '../../../../chunks/QuestionList.js-CppuauNj.js';
+import { h as hintLine, a as roundLine } from '../../../../chunks/buildlog.js-BCKtSKOt.js';
+import { C as Compass, M as Monitor_play, p as pullRequests, G as Git_pull_request } from '../../../../chunks/pullrequests.js-CWGxTy8C.js';
+import '../../../../chunks/exports.js-BZBK1HC9.js';
+import '../../../../chunks/utils2.js-BQzn9ikS.js';
+import '../../../../chunks/utils.js-BJgm9WbO.js';
+import '../../../../chunks/root.js-60iebdW4.js';
+import { S as StageTrack, L as Lightbox } from '../../../../chunks/StageTrack.js-DHvZX7Bl.js';
+import { C as Chevron_down } from '../../../../chunks/chevron-down.js-CH53s_me.js';
+import { I as Icon } from '../../../../chunks/Icon.js-CVZZ-yuB.js';
+import { H as Hand } from '../../../../chunks/hand.js-BA9yKAan.js';
+import { F as File_text } from '../../../../chunks/file-text.js-CnuVvHlB.js';
+import { S as Square_terminal } from '../../../../chunks/square-terminal.js-D9D9_9_V.js';
+import { M as Messages_square } from '../../../../chunks/messages-square.js-BXH8BHfd.js';
+import { E as External_link } from '../../../../chunks/external-link.js-BQs1euhR.js';
+import { S as SlotContent } from '../../../../chunks/SlotContent.js-B4p1QLQN.js';
+import { a as showsChecks, b as changesLine, l as laterRun } from '../../../../chunks/checks.js-DR3fVVpO.js';
+import { C as ChecksStrip, E as EtaLine } from '../../../../chunks/EtaLine.js-CtcOSLzV.js';
+import { b as tone, d as dotClass, t as textClass } from '../../../../chunks/tone.js-Dxsl-adt.js';
+import { M as Message_circle_question_mark } from '../../../../chunks/message-circle-question-mark.js-DbmaS9k_.js';
+import { T as TASK_FIRST_DIR, w as waitingOn, s as sortTasks, u as updatedAt } from '../../../../chunks/views.js-DyGxvskG.js';
+import { A as Arrow_up } from '../../../../chunks/arrow-up.js-DHbXk79z.js';
+import { A as Arrow_down } from '../../../../chunks/arrow-down.js-Bt3fQooI.js';
+import '../../../../chunks/aliases.svelte.js-C_vCoKdk.js';
+import '../../../../chunks/berths.js-CuAE9lHW.js';
+import '../../../../chunks/ProjectStateMark.js-BkRD8cX4.js';
+import '../../../../chunks/circle-dot.js-C950Kosw.js';
+import '../../../../chunks/triangle-alert.js-ClLszsZE.js';
+import '../../../../chunks/chevron-left.js-D5RHY-kD.js';
+import '../../../../chunks/x.js-YxaUOlq9.js';
+import '../../../../chunks/pullrequests2.js-CCzk2sqm.js';
+import '../../../../chunks/chevron-right.js-DCBAqAae.js';
+import '../../../../chunks/messages.js-CFyGKoqq.js';
+import '../../../../chunks/vault.js-CTaWe09z.js';
+import '../../../../chunks/urls.js-BrlC6XZ8.js';
+import '../../../../chunks/check.js-32sYHVxG.js';
+import '../../../../chunks/circle-alert.js-XTuAj7ZH.js';
+import '../../../../chunks/loader-circle.js-rQHvIWN7.js';
+import '../../../../chunks/circle-dashed.js-fXv_bIo-.js';
+import '../../../../chunks/insights.js-CzzfyHGp.js';
+import '../../../../chunks/clock.js-CHhHTWK_.js';
+
+function Arrow_up_down($$renderer, $$props) {
+  let { $$slots, $$events, ...props } = $$props;
+  const iconData = {
+    "name": "arrow-up-down",
+    "size": 24,
+    "node": [
+      ["path", { "d": "m21 16-4 4-4-4" }],
+      ["path", { "d": "M17 20V4" }],
+      ["path", { "d": "m3 8 4-4 4 4" }],
+      ["path", { "d": "M7 4v16" }]
+    ]
+  };
+  Icon($$renderer, spread_props([props, { icon: iconData }]));
+}
+function Grid_3x3($$renderer, $$props) {
+  let { $$slots, $$events, ...props } = $$props;
+  const iconData = {
+    "name": "grid-3x3",
+    "size": 24,
+    "node": [
+      [
+        "rect",
+        { "width": "18", "height": "18", "x": "3", "y": "3", "rx": "2" }
+      ],
+      ["path", { "d": "M3 9h18" }],
+      ["path", { "d": "M3 15h18" }],
+      ["path", { "d": "M9 3v18" }],
+      ["path", { "d": "M15 3v18" }]
+    ],
+    "aliases": ["grid", "grid-3-x-3"]
+  };
+  Icon($$renderer, spread_props([props, { icon: iconData }]));
+}
+function Hourglass($$renderer, $$props) {
+  let { $$slots, $$events, ...props } = $$props;
+  const iconData = {
+    "name": "hourglass",
+    "size": 24,
+    "node": [
+      ["path", { "d": "M5 22h14" }],
+      ["path", { "d": "M5 2h14" }],
+      [
+        "path",
+        {
+          "d": "M17 22v-4.172a2 2 0 0 0-.586-1.414L12 12l-4.414 4.414A2 2 0 0 0 7 17.828V22"
+        }
+      ],
+      [
+        "path",
+        {
+          "d": "M7 2v4.172a2 2 0 0 0 .586 1.414L12 12l4.414-4.414A2 2 0 0 0 17 6.172V2"
+        }
+      ]
+    ]
+  };
+  Icon($$renderer, spread_props([props, { icon: iconData }]));
+}
+function Images($$renderer, $$props) {
+  let { $$slots, $$events, ...props } = $$props;
+  const iconData = {
+    "name": "images",
+    "size": 24,
+    "node": [
+      [
+        "path",
+        { "d": "m22 11-1.296-1.296a2.4 2.4 0 0 0-3.408 0L11 16" }
+      ],
+      [
+        "path",
+        { "d": "M4 8a2 2 0 0 0-2 2v10a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2" }
+      ],
+      [
+        "circle",
+        { "cx": "13", "cy": "7", "r": "1", "fill": "currentColor" }
+      ],
+      [
+        "rect",
+        { "x": "8", "y": "2", "width": "14", "height": "14", "rx": "2" }
+      ]
+    ]
+  };
+  Icon($$renderer, spread_props([props, { icon: iconData }]));
+}
+function List($$renderer, $$props) {
+  let { $$slots, $$events, ...props } = $$props;
+  const iconData = {
+    "name": "list",
+    "size": 24,
+    "node": [
+      ["path", { "d": "M3 5h.01" }],
+      ["path", { "d": "M3 12h.01" }],
+      ["path", { "d": "M3 19h.01" }],
+      ["path", { "d": "M8 5h13" }],
+      ["path", { "d": "M8 12h13" }],
+      ["path", { "d": "M8 19h13" }]
+    ]
+  };
+  Icon($$renderer, spread_props([props, { icon: iconData }]));
+}
+function Rectangle_horizontal($$renderer, $$props) {
+  let { $$slots, $$events, ...props } = $$props;
+  const iconData = {
+    "name": "rectangle-horizontal",
+    "size": 24,
+    "node": [
+      [
+        "rect",
+        { "width": "20", "height": "12", "x": "2", "y": "6", "rx": "2" }
+      ]
+    ]
+  };
+  Icon($$renderer, spread_props([props, { icon: iconData }]));
+}
+function CardPreview($$renderer, $$props) {
+  $$renderer.component(($$renderer2) => {
+    let { task } = $$props;
+    let open = false;
+    $$renderer2.push(`<div class="relative z-10 mt-3" data-card-preview=""><button type="button" class="inline-flex items-center gap-1.5 rounded-md text-xs font-medium text-sea hover:underline"${attr("aria-expanded", open)}>`);
+    Monitor_play($$renderer2, { class: "size-3.5", "aria-hidden": "true" });
+    $$renderer2.push(`<!---->${escape_html("Show live preview")}`);
+    Chevron_down($$renderer2, {
+      class: `size-3.5 transition-transform ${""}`,
+      "aria-hidden": "true"
+    });
+    $$renderer2.push(`<!----></button> `);
+    {
+      $$renderer2.push("<!--[-1-->");
+    }
+    $$renderer2.push(`<!--]--></div>`);
+  });
+}
+function ShotStrip($$renderer, $$props) {
+  $$renderer.component(($$renderer2) => {
+    let { shots, total, skip = 0 } = $$props;
+    let enlarged = null;
+    const shown = derived(() => shots.slice(skip));
+    const more = derived(() => total - shots.length);
+    let $$settled = true;
+    let $$inner_renderer;
+    function $$render_inner($$renderer3) {
+      if (shown().length) {
+        $$renderer3.push(`<!--[0--><div class="relative z-10 mt-2 flex flex-wrap gap-1.5" data-card-shots=""><!--[-->`);
+        const each_array = ensure_array_like(shown());
+        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 screenshot ${stringify(s.name)}`)}${attr("title", 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> `);
+        if (more() > 0) {
+          $$renderer3.push(`<!--[0--><p class="mt-1 text-xs text-muted-foreground">+${escape_html(more())} more on the task page</p>`);
+        } else {
+          $$renderer3.push("<!--[-1-->");
+        }
+        $$renderer3.push(`<!--]--> `);
+        Lightbox($$renderer3, {
+          shots,
+          get index() {
+            return enlarged;
+          },
+          set index($$value) {
+            enlarged = $$value;
+            $$settled = false;
+          }
+        });
+        $$renderer3.push(`<!---->`);
+      } else {
+        $$renderer3.push("<!--[-1-->");
+      }
+      $$renderer3.push(`<!--]-->`);
+    }
+    do {
+      $$settled = true;
+      $$inner_renderer = $$renderer2.copy();
+      $$render_inner($$inner_renderer);
+    } while (!$$settled);
+    $$renderer2.subsume($$inner_renderer);
+  });
+}
+function Thumb($$renderer, $$props) {
+  $$renderer.component(($$renderer2) => {
+    let { task, class: cls = "" } = $$props;
+    const thumb = derived(() => task.thumb);
+    const max = derived(() => thumb().kind === "diff" ? Math.max(1, ...thumb().files.map((f) => f.additions + f.deletions)) : 1);
+    $$renderer2.push(`<div${attr_class(`relative aspect-[16/10] overflow-hidden rounded-lg border bg-muted/40 ${stringify(cls)}`)}>`);
+    if (thumb().kind === "screenshot") {
+      $$renderer2.push(`<!--[0--><img${attr("src", thumb().url)}${attr("alt", `Latest screenshot: ${stringify(thumb().name)}`)} loading="lazy" class="size-full object-cover object-top"/>`);
+    } else if (thumb().kind === "diff") {
+      $$renderer2.push(`<!--[1--><div class="flex size-full flex-col justify-center gap-1.5 p-4" aria-label="Files changed"><!--[-->`);
+      const each_array = ensure_array_like(thumb().files);
+      for (let $$index = 0, $$length = each_array.length; $$index < $$length; $$index++) {
+        let f = each_array[$$index];
+        $$renderer2.push(`<div class="flex items-center gap-2"><span class="w-0 flex-1 truncate font-mono text-xs text-muted-foreground">${escape_html(f.path.split("/").pop())}</span> <span class="flex h-1.5 w-20 overflow-hidden rounded-full bg-border/60"><span class="bg-success/80"${attr_style(`width:${stringify(f.additions / max() * 100)}%`)}></span> <span class="bg-danger/80"${attr_style(`width:${stringify(f.deletions / max() * 100)}%`)}></span></span></div>`);
+      }
+      $$renderer2.push(`<!--]--> `);
+      if (thumb().totalFiles > thumb().files.length) {
+        $$renderer2.push(`<!--[0--><p class="font-mono text-xs text-muted-foreground">+${escape_html(thumb().totalFiles - thumb().files.length)} more</p>`);
+      } else {
+        $$renderer2.push("<!--[-1-->");
+      }
+      $$renderer2.push(`<!--]--></div>`);
+    } else {
+      $$renderer2.push(`<!--[-1--><div class="grid size-full place-items-center text-muted-foreground/50">`);
+      if (task.status === "queued") {
+        $$renderer2.push("<!--[0-->");
+        Hourglass($$renderer2, { class: "size-6", "aria-hidden": "true" });
+      } else if (task.attention?.kind === "decision") {
+        $$renderer2.push("<!--[1-->");
+        Hand($$renderer2, { class: "size-6", "aria-hidden": "true" });
+      } else if (task.hasReport) {
+        $$renderer2.push("<!--[2-->");
+        File_text($$renderer2, { class: "size-6", "aria-hidden": "true" });
+      } else if (task.pr) {
+        $$renderer2.push("<!--[3-->");
+        Git_pull_request($$renderer2, { class: "size-6", "aria-hidden": "true" });
+      } else {
+        $$renderer2.push("<!--[-1-->");
+        Square_terminal($$renderer2, { class: "size-6", "aria-hidden": "true" });
+      }
+      $$renderer2.push(`<!--]--></div>`);
+    }
+    $$renderer2.push(`<!--]--></div>`);
+  });
+}
+function MoveCard($$renderer, $$props) {
+  $$renderer.component(($$renderer2) => {
+    let { task, projectName = null } = $$props;
+    const a = derived(() => task.attention);
+    const href = derived(() => `/tasks/${encodeURIComponent(task.id)}`);
+    const review = derived(() => awaitingReview(task));
+    const rv = derived(() => reviewView(task));
+    const prLink = derived(() => rv().pr ? pullRequests.review(task.projectId, rv().pr) : null);
+    const who = derived(() => agentLine(task.worker));
+    const hint = derived(() => hintLine(task.build));
+    function reviewPr($$renderer3, variant) {
+      if (prLink()) {
+        $$renderer3.push("<!--[0-->");
+        Button($$renderer3, {
+          class: variant === "default" ? "flex-1" : "",
+          variant,
+          href: prLink().href,
+          target: prLink().external ? "_blank" : void 0,
+          rel: prLink().external ? "noreferrer" : void 0,
+          "data-review-pr": true,
+          children: ($$renderer4) => {
+            Compass($$renderer4, {});
+            $$renderer4.push(`<!---->Review PR`);
+            if (prLink().external) {
+              $$renderer4.push("<!--[0-->");
+              External_link($$renderer4, {});
+            } else {
+              $$renderer4.push("<!--[-1-->");
+            }
+            $$renderer4.push(`<!--]-->`);
+          },
+          $$slots: { default: true }
+        });
+      } else {
+        $$renderer3.push("<!--[-1-->");
+      }
+      $$renderer3.push(`<!--]-->`);
+    }
+    $$renderer2.push(`<article class="flex min-w-0 flex-col rounded-lg border border-t-2 border-t-sea bg-card p-3"><a${attr("href", href())} tabindex="-1" aria-hidden="true" class="relative block">`);
+    Thumb($$renderer2, { task, class: "rounded-sm" });
+    $$renderer2.push(`<!----> `);
+    if (review() && task.screenshots > 0) {
+      $$renderer2.push(`<!--[0--><span class="absolute right-2 bottom-2 inline-flex items-center gap-1 rounded-md bg-background/90 px-1.5 py-0.5 text-xs font-medium shadow-sm">`);
+      Images($$renderer2, { class: "size-3.5", "aria-hidden": "true" });
+      $$renderer2.push(`<!---->${escape_html(task.screenshots)}</span>`);
+    } else {
+      $$renderer2.push("<!--[-1-->");
+    }
+    $$renderer2.push(`<!--]--></a> `);
+    ShotStrip($$renderer2, {
+      shots: task.shots,
+      total: task.screenshots,
+      skip: task.thumb.kind === "screenshot" ? 1 : 0
+    });
+    $$renderer2.push(`<!----> <div class="flex flex-1 flex-col px-1 pt-4 pb-1">`);
+    if (projectName || who()) {
+      $$renderer2.push(`<!--[0--><p class="truncate text-xs text-muted-foreground">`);
+      if (projectName) {
+        $$renderer2.push(`<!--[0--><span class="font-medium tracking-wide text-sea">${escape_html(projectName)}</span>${escape_html(who() ? " · " : "")}`);
+      } else {
+        $$renderer2.push("<!--[-1-->");
+      }
+      $$renderer2.push(`<!--]-->${escape_html(who() ?? "")}</p>`);
+    } else {
+      $$renderer2.push("<!--[-1-->");
+    }
+    $$renderer2.push(`<!--]--> <a${attr("href", href())} class="mt-0.5 text-lg leading-snug font-semibold hover:underline"${attr("title", task.title)}>${escape_html(task.shortTitle)}</a> <p class="mt-2 line-clamp-3 flex-1 text-sm leading-relaxed text-muted-foreground">${escape_html(a().text)}</p> `);
+    if (review()) {
+      $$renderer2.push(`<!--[0--><ul class="mt-3 space-y-1 text-xs text-muted-foreground" aria-label="Review evidence"><li class="flex items-center gap-1.5" data-review="screenshots">`);
+      Images($$renderer2, { class: "size-3.5", "aria-hidden": "true" });
+      $$renderer2.push(`<!---->${escape_html(rv().shotsText)}</li> <li class="flex items-center gap-1.5" data-review="preview">`);
+      Monitor_play($$renderer2, { class: "size-3.5", "aria-hidden": "true" });
+      $$renderer2.push(`<!---->`);
+      if (rv().preview) {
+        $$renderer2.push(`<!--[0--><a${attr("href", rv().preview.url)} target="_blank" rel="noreferrer" class="truncate text-sea hover:underline">${escape_html(rv().preview.url)}</a>`);
+      } else {
+        $$renderer2.push(`<!--[-1-->${escape_html(rv().previewText)}`);
+      }
+      $$renderer2.push(`<!--]--></li></ul>`);
+    } else {
+      $$renderer2.push("<!--[-1-->");
+    }
+    $$renderer2.push(`<!--]--> `);
+    if (hint()) {
+      $$renderer2.push(`<!--[0--><p class="mt-1 flex items-center gap-1.5 text-xs text-muted-foreground" data-build-hint="">`);
+      Messages_square($$renderer2, { class: "size-3.5", "aria-hidden": "true" });
+      $$renderer2.push(`<!----><span>${escape_html(hint().questions ?? "")}`);
+      if (hint().questions && hint().docs) {
+        $$renderer2.push(`<!--[0--> · `);
+      } else {
+        $$renderer2.push("<!--[-1-->");
+      }
+      $$renderer2.push(`<!--]-->`);
+      if (hint().docs) {
+        $$renderer2.push(`<!--[0--><a${attr("href", `${href()}?tab=docs`)} class="hover:text-foreground hover:underline" data-build-docs="">${escape_html(hint().docs)}</a>`);
+      } else {
+        $$renderer2.push("<!--[-1-->");
+      }
+      $$renderer2.push(`<!--]--></span></p>`);
+    } else {
+      $$renderer2.push("<!--[-1-->");
+    }
+    $$renderer2.push(`<!--]--> `);
+    if (task.preview) {
+      $$renderer2.push("<!--[0-->");
+      CardPreview($$renderer2, { task });
+    } else {
+      $$renderer2.push("<!--[-1-->");
+    }
+    $$renderer2.push(`<!--]--> <div class="mt-4">`);
+    StageTrack($$renderer2, { task });
+    $$renderer2.push(`<!----></div> <div class="mt-5 flex flex-wrap gap-2">`);
+    if (review() && rv().preview) {
+      $$renderer2.push("<!--[0-->");
+      Button($$renderer2, {
+        class: "flex-1",
+        href: rv().preview.url,
+        target: "_blank",
+        rel: "noreferrer",
+        children: ($$renderer3) => {
+          $$renderer3.push(`<!---->Open preview`);
+          External_link($$renderer3, {});
+          $$renderer3.push(`<!---->`);
+        },
+        $$slots: { default: true }
+      });
+      $$renderer2.push(`<!----> `);
+      if (prLink()) {
+        $$renderer2.push("<!--[0-->");
+        reviewPr($$renderer2, "outline");
+      } else {
+        $$renderer2.push("<!--[-1-->");
+      }
+      $$renderer2.push(`<!--]-->`);
+    } else if (review() && rv().pr && prLink()) {
+      $$renderer2.push("<!--[1-->");
+      reviewPr($$renderer2, "default");
+      $$renderer2.push(`<!----> `);
+      if (!prLink().external) {
+        $$renderer2.push("<!--[0-->");
+        Button($$renderer2, {
+          variant: "outline",
+          href: rv().pr.url,
+          target: "_blank",
+          rel: "noreferrer",
+          children: ($$renderer3) => {
+            $$renderer3.push(`<!---->On GitHub`);
+            External_link($$renderer3, {});
+            $$renderer3.push(`<!---->`);
+          },
+          $$slots: { default: true }
+        });
+      } else {
+        $$renderer2.push("<!--[-1-->");
+      }
+      $$renderer2.push(`<!--]-->`);
+    } else if (review()) {
+      $$renderer2.push("<!--[2-->");
+      Button($$renderer2, {
+        class: "flex-1",
+        href: href(),
+        children: ($$renderer3) => {
+          $$renderer3.push(`<!---->Review the work`);
+        },
+        $$slots: { default: true }
+      });
+    } else {
+      $$renderer2.push("<!--[-1-->");
+      Button($$renderer2, {
+        class: "flex-1",
+        href: href(),
+        children: ($$renderer3) => {
+          $$renderer3.push(`<!---->Read the decision`);
+        },
+        $$slots: { default: true }
+      });
+    }
+    $$renderer2.push(`<!--]--> `);
+    Button($$renderer2, {
+      variant: "outline",
+      href: href(),
+      children: ($$renderer3) => {
+        $$renderer3.push(`<!---->Details`);
+      },
+      $$slots: { default: true }
+    });
+    $$renderer2.push(`<!----></div></div></article>`);
+  });
+}
+function TaskCard($$renderer, $$props) {
+  $$renderer.component(($$renderer2) => {
+    let { task, projectName = null } = $$props;
+    const t = derived(() => tone(task));
+    const prLink = derived(() => task.pr ? pullRequests.review(task.projectId, task.pr) : null);
+    const hint = derived(() => hintLine(task.build));
+    const files = derived(() => task.filesChanged ? `${task.filesChanged} ${plural(task.filesChanged, "file", "files")} changed` : null);
+    const round = derived(() => task.build?.rounds[0] ?? null);
+    let showQuestions = false;
+    const panelId = derived(() => `questions-${task.id}`);
+    const questions = derived(() => round() ? {
+      expanded: showQuestions,
+      controls: panelId(),
+      toggle: () => showQuestions = !showQuestions
+    } : null);
+    const lineAsks = derived(() => !!round() && (round().status === "waiting" || !!task.pipeline?.answered || !!task.pipeline?.gate));
+    let sample = null;
+    const showConsole = derived(() => consoleInImage(task));
+    const now = derived(() => nowLine(task, showConsole() ? sample : null, live.now));
+    const who = derived(() => agentLine(task.worker) ?? (task.status === "queued" ? "Not started" : "Crew unknown"));
+    const lead = derived(() => t() === "trouble" || t() === "firstmate" || task.addressingReview ? task.statusLabel : null);
+    const run = derived(() => laterRun(task));
+    const changes = derived(() => run() ? changesLine(run().changes) : null);
+    const age = derived(() => !now()?.at ? null : now().source === "console" ? "live" : now().source === "pipeline" ? `started ${ago(now().at, live.now)}` : ago(now().at, live.now));
+    $$renderer2.push(`<article class="group relative min-w-0 rounded-lg border bg-card p-3 transition-colors duration-200 hover:border-input hover:shadow-[0_1px_0_var(--hair)] has-[a[data-card-link]:focus-visible]:ring-3 has-[a[data-card-link]:focus-visible]:ring-ring/50">`);
+    if (showConsole()) {
+      $$renderer2.push("<!--[0-->");
+      ConsoleWindow($$renderer2, { task, onsample: (s) => sample = s, class: "rounded-sm" });
+    } else {
+      $$renderer2.push("<!--[-1-->");
+      Thumb($$renderer2, { task, class: "rounded-sm" });
+    }
+    $$renderer2.push(`<!--]--> `);
+    ShotStrip($$renderer2, {
+      shots: task.shots,
+      total: task.screenshots,
+      skip: !showConsole() && task.thumb.kind === "screenshot" ? 1 : 0
+    });
+    $$renderer2.push(`<!----> <div class="px-1 pt-4 pb-1"><p class="truncate text-xs text-muted-foreground"${attr("title", who())}>`);
+    if (projectName) {
+      $$renderer2.push(`<!--[0--><span class="text-sea">${escape_html(projectName)}</span> ·`);
+    } else {
+      $$renderer2.push("<!--[-1-->");
+    }
+    $$renderer2.push(`<!--]-->${escape_html(who())}</p> <a${attr("href", `/tasks/${stringify(encodeURIComponent(task.id))}`)} data-card-link="" class="mt-0.5 line-clamp-2 leading-snug font-medium group-hover:underline after:absolute after:inset-0 after:rounded-lg after:content-[''] focus-visible:outline-none"${attr("title", task.title)}>${escape_html(task.shortTitle)}</a> `);
+    if (showsChecks(task)) {
+      $$renderer2.push(`<!--[0--><div class="mt-2">`);
+      ChecksStrip($$renderer2, {
+        pipeline: task.pipeline,
+        busy: task.busy,
+        lead: lead(),
+        leadClass: textClass[t()],
+        questions: lineAsks() ? questions() : null
+      });
+      $$renderer2.push(`<!----></div>`);
+    } else if (now()) {
+      $$renderer2.push(`<!--[1--><p${attr_class(`mt-1 line-clamp-2 text-sm ${stringify(lead() ? textClass[t()] : "text-muted-foreground")}`)}${attr("data-now", now().source)}>`);
+      if (lead()) {
+        $$renderer2.push(`<!--[0--><span class="font-medium">${escape_html(lead())}.</span>`);
+      } else {
+        $$renderer2.push("<!--[-1-->");
+      }
+      $$renderer2.push(`<!--]--> <span${attr_class(`font-medium ${lead() ? "" : "text-foreground/80"}`)}>Now:</span> ${escape_html(now().text)}`);
+      if (age()) {
+        $$renderer2.push(`<!--[0--><span class="text-muted-foreground">${escape_html(` · ${age()}`)}</span>`);
+      } else {
+        $$renderer2.push("<!--[-1-->");
+      }
+      $$renderer2.push(`<!--]--></p>`);
+    } else {
+      $$renderer2.push(`<!--[-1--><p${attr_class(`mt-1 line-clamp-1 text-sm ${stringify(lead() ? textClass[t()] : "text-muted-foreground")}`)}${attr("title", task.summary ?? void 0)}>${escape_html(lead() ?? task.summary ?? task.statusLabel)}</p>`);
+    }
+    $$renderer2.push(`<!--]--> <div class="mt-4">`);
+    StageTrack($$renderer2, { task });
+    $$renderer2.push(`<!----></div> `);
+    if (task.eta) {
+      $$renderer2.push(`<!--[0--><div class="mt-3">`);
+      EtaLine($$renderer2, { eta: task.eta });
+      $$renderer2.push(`<!----></div>`);
+    } else {
+      $$renderer2.push("<!--[-1-->");
+    }
+    $$renderer2.push(`<!--]--> `);
+    if (files() || hint()) {
+      $$renderer2.push(`<!--[0--><p class="tabular mt-3 text-xs text-muted-foreground"${attr("data-build-hint", hint() ? "" : void 0)}>`);
+      if (files()) {
+        $$renderer2.push(`<!--[0-->${escape_html(files())}`);
+      } else {
+        $$renderer2.push("<!--[-1-->");
+      }
+      $$renderer2.push(`<!--]-->`);
+      if (files() && hint()?.questions) {
+        $$renderer2.push(`<!--[0--> · `);
+      } else {
+        $$renderer2.push("<!--[-1-->");
+      }
+      $$renderer2.push(`<!--]-->`);
+      if (hint()?.questions) {
+        $$renderer2.push("<!--[0-->");
+        if (questions()) {
+          $$renderer2.push(`<!--[0--><button type="button" class="relative z-10 cursor-pointer underline decoration-muted-foreground/40 underline-offset-2 hover:text-foreground hover:decoration-foreground"${attr("aria-expanded", questions().expanded)}${attr("aria-controls", panelId())} data-build-questions="">${escape_html(hint().questions)}</button>`);
+        } else {
+          $$renderer2.push(`<!--[-1--><a${attr("href", `/tasks/${stringify(encodeURIComponent(task.id))}?tab=talk`)} class="relative z-10 hover:text-foreground hover:underline" data-build-questions="">${escape_html(hint().questions)}</a>`);
+        }
+        $$renderer2.push(`<!--]-->`);
+      } else {
+        $$renderer2.push("<!--[-1-->");
+      }
+      $$renderer2.push(`<!--]-->`);
+      if ((files() || hint()?.questions) && hint()?.docs) {
+        $$renderer2.push(`<!--[0--> · `);
+      } else {
+        $$renderer2.push("<!--[-1-->");
+      }
+      $$renderer2.push(`<!--]-->`);
+      if (hint()?.docs) {
+        $$renderer2.push(`<!--[0--><a${attr("href", `/tasks/${stringify(encodeURIComponent(task.id))}?tab=docs`)} class="relative z-10 hover:text-foreground hover:underline" data-build-docs="">${escape_html(hint().docs)}</a>`);
+      } else {
+        $$renderer2.push("<!--[-1-->");
+      }
+      $$renderer2.push(`<!--]--></p>`);
+    } else {
+      $$renderer2.push("<!--[-1-->");
+    }
+    $$renderer2.push(`<!--]--> `);
+    if (round() && showQuestions) {
+      $$renderer2.push(`<!--[0--><section${attr("id", panelId())} class="relative z-10 mt-3 rounded-md border border-hair bg-panel p-2.5" aria-label="Questions for Firstmate" data-card-questions=""><p class="text-xs font-medium">Questions for Firstmate</p> <p class="mt-0.5 mb-2 text-xs text-muted-foreground">${escape_html(roundLine(round(), live.now))}</p> `);
+      QuestionList($$renderer2, { questions: round().questions, size: "card" });
+      $$renderer2.push(`<!----> <a${attr("href", `/tasks/${stringify(encodeURIComponent(task.id))}?tab=talk`)} class="mt-2 inline-block text-xs text-muted-foreground hover:text-foreground hover:underline">${escape_html(task.build && task.build.rounds.length > 1 ? `Earlier questions are in the conversation` : "Open the conversation")}</a></section>`);
+    } else {
+      $$renderer2.push("<!--[-1-->");
+    }
+    $$renderer2.push(`<!--]--> `);
+    if (changes()) {
+      $$renderer2.push(`<!--[0--><a${attr("href", `/tasks/${stringify(encodeURIComponent(task.id))}`)} class="relative z-10 mt-3 block text-xs text-muted-foreground hover:text-foreground hover:underline" data-card-changes="">Run ${escape_html(run()?.n)}: ${escape_html(changes())}</a>`);
+    } else {
+      $$renderer2.push("<!--[-1-->");
+    }
+    $$renderer2.push(`<!--]--> `);
+    if (prLink() && task.pr) {
+      $$renderer2.push(`<!--[0--><a${attr("href", prLink().href)}${attr("target", prLink().external ? "_blank" : void 0)}${attr("rel", prLink().external ? "noreferrer" : void 0)} class="relative z-10 mt-3 inline-flex items-center gap-1.5 text-xs text-sea hover:underline" data-review-pr="">`);
+      Compass($$renderer2, { class: "size-3.5", "aria-hidden": "true" });
+      $$renderer2.push(`<!---->Review PR${escape_html(task.pr.number ? ` #${task.pr.number}` : "")}`);
+      if (prLink().external) {
+        $$renderer2.push("<!--[0-->");
+        External_link($$renderer2, { class: "size-3", "aria-hidden": "true" });
+      } else {
+        $$renderer2.push("<!--[-1-->");
+      }
+      $$renderer2.push(`<!--]--></a>`);
+    } else {
+      $$renderer2.push("<!--[-1-->");
+    }
+    $$renderer2.push(`<!--]--> `);
+    if (task.preview) {
+      $$renderer2.push("<!--[0-->");
+      CardPreview($$renderer2, { task });
+    } else {
+      $$renderer2.push("<!--[-1-->");
+    }
+    $$renderer2.push(`<!--]--></div></article>`);
+  });
+}
+function CompactCard($$renderer, $$props) {
+  $$renderer.component(($$renderer2) => {
+    let { task, projectName } = $$props;
+    const t = derived(() => tone(task));
+    const prLink = derived(() => task.pr ? pullRequests.review(task.projectId, task.pr) : null);
+    const asked = derived(() => task.build?.questions ?? 0);
+    const open = derived(() => task.build?.open ?? 0);
+    $$renderer2.push(`<article${attr_class(`group relative flex min-w-0 flex-col rounded-lg border bg-card px-3.5 pt-3 pb-3.5 transition-colors duration-200 hover:border-input hover:shadow-[0_1px_0_var(--hair)] has-[a[data-card-link]:focus-visible]:ring-3 has-[a[data-card-link]:focus-visible]:ring-ring/50 ${t() === "you" ? "border-t-2 border-t-sea" : ""}`)} data-compact-card=""><div class="flex min-w-0 items-center justify-between gap-2 text-xs"><span class="min-w-0 truncate rounded-sm border border-hair bg-panel px-1.5 py-0.5 text-sea"${attr("title", projectName)}>${escape_html(projectName)}</span> <span${attr_class(`flex shrink-0 items-center gap-1.5 ${stringify(textClass[t()])}`)}><span${attr_class(`size-1.5 rounded-full ${stringify(dotClass[t()])}`)} aria-hidden="true"></span>${escape_html(task.statusLabel)}</span></div> <a${attr("href", `/tasks/${stringify(encodeURIComponent(task.id))}`)} data-card-link="" class="mt-2 line-clamp-2 leading-snug font-medium group-hover:underline after:absolute after:inset-0 after:rounded-lg after:content-[''] focus-visible:outline-none"${attr("title", task.title)}>${escape_html(task.shortTitle)}</a> <div class="mt-auto pt-3.5">`);
+    StageTrack($$renderer2, { task });
+    $$renderer2.push(`<!----></div> `);
+    if (asked()) {
+      $$renderer2.push(`<!--[0--><p class="tabular mt-3 flex items-center gap-1.5 text-xs text-muted-foreground">`);
+      Message_circle_question_mark($$renderer2, { class: "size-3.5", "aria-hidden": "true" });
+      $$renderer2.push(`<!----> ${escape_html(asked())}
+			${escape_html(plural(asked(), "question", "questions"))}`);
+      if (open()) {
+        $$renderer2.push(`<!--[0--><span class="text-warning">${escape_html(` · ${open()} open`)}</span>`);
+      } else {
+        $$renderer2.push("<!--[-1-->");
+      }
+      $$renderer2.push(`<!--]--></p>`);
+    } else {
+      $$renderer2.push("<!--[-1-->");
+    }
+    $$renderer2.push(`<!--]--> `);
+    if (prLink() && task.pr) {
+      $$renderer2.push(`<!--[0--><a${attr("href", prLink().href)}${attr("target", prLink().external ? "_blank" : void 0)}${attr("rel", prLink().external ? "noreferrer" : void 0)} class="relative z-10 mt-2 inline-flex items-center gap-1.5 self-start text-xs text-sea hover:underline" data-review-pr="">`);
+      Compass($$renderer2, { class: "size-3.5", "aria-hidden": "true" });
+      $$renderer2.push(`<!---->Review PR${escape_html(task.pr.number ? ` #${task.pr.number}` : "")}`);
+      if (prLink().external) {
+        $$renderer2.push("<!--[0-->");
+        External_link($$renderer2, { class: "size-3", "aria-hidden": "true" });
+      } else {
+        $$renderer2.push("<!--[-1-->");
+      }
+      $$renderer2.push(`<!--]--></a>`);
+    } else {
+      $$renderer2.push("<!--[-1-->");
+    }
+    $$renderer2.push(`<!--]--></article>`);
+  });
+}
+function SortHeader($$renderer, $$props) {
+  $$renderer.component(($$renderer2) => {
+    let { label, column, sort, class: klass = "" } = $$props;
+    const on = derived(() => sort.key === column);
+    $$renderer2.push(`<th scope="col"${attr_class(`px-3 py-2 text-left font-medium first:pl-4 last:pr-4 ${stringify(klass)}`)}${attr("aria-sort", on() ? sort.dir === "asc" ? "ascending" : "descending" : "none")}><button type="button"${attr_class(`-mx-1 inline-flex cursor-pointer items-center gap-1 rounded-sm px-1 py-0.5 whitespace-nowrap hover:text-foreground focus-visible:ring-3 focus-visible:ring-ring/50 focus-visible:outline-none ${on() ? "text-foreground" : ""}`)}>${escape_html(label)} `);
+    if (on()) {
+      $$renderer2.push("<!--[0-->");
+      if (sort.dir === "asc") {
+        $$renderer2.push("<!--[0-->");
+        Arrow_up($$renderer2, { class: "size-3.5", "aria-hidden": "true" });
+      } else {
+        $$renderer2.push("<!--[-1-->");
+        Arrow_down($$renderer2, { class: "size-3.5", "aria-hidden": "true" });
+      }
+      $$renderer2.push(`<!--]-->`);
+    } else {
+      $$renderer2.push("<!--[-1-->");
+      Arrow_up_down($$renderer2, { class: "size-3.5 opacity-40", "aria-hidden": "true" });
+    }
+    $$renderer2.push(`<!--]--></button></th>`);
+  });
+}
+function TaskTable($$renderer, $$props) {
+  $$renderer.component(($$renderer2) => {
+    let { tasks, projectName, sort, now, label } = $$props;
+    const rows = derived(() => sortTasks(tasks, sort, projectName));
+    const when = (t) => isCompleted(t) ? completedAt(t) : updatedAt(t);
+    const iso = (ms) => ms === null ? null : new Date(ms).toISOString();
+    const COLUMNS = [
+      { key: "task", label: "Task" },
+      {
+        key: "project",
+        label: "Project",
+        class: "hidden w-[10%] md:table-cell"
+      },
+      {
+        key: "stage",
+        label: "Stage",
+        class: "hidden w-[16%] sm:table-cell"
+      },
+      { key: "status", label: "Status", class: "w-[45%] sm:w-[19%]" },
+      {
+        key: "waiting",
+        label: "Waiting on",
+        class: "hidden w-[11%] lg:table-cell"
+      },
+      {
+        key: "updated",
+        label: "Updated",
+        class: "hidden w-[12%] md:table-cell"
+      }
+    ];
+    $$renderer2.push(`<div class="overflow-hidden rounded-lg border bg-card"><table class="w-full table-fixed text-sm"${attr("aria-label", label)} data-task-table=""><thead class="border-b border-hair bg-panel text-xs text-muted-foreground"><tr><!--[-->`);
+    const each_array = ensure_array_like(COLUMNS);
+    for (let $$index = 0, $$length = each_array.length; $$index < $$length; $$index++) {
+      let c = each_array[$$index];
+      SortHeader($$renderer2, {
+        label: c.label,
+        column: c.key,
+        sort,
+        firstDir: TASK_FIRST_DIR[c.key],
+        class: c.class
+      });
+    }
+    $$renderer2.push(`<!--]--></tr></thead><tbody><!--[-->`);
+    const each_array_1 = ensure_array_like(rows());
+    for (let $$index_2 = 0, $$length = each_array_1.length; $$index_2 < $$length; $$index_2++) {
+      let t = each_array_1[$$index_2];
+      const tn = tone(t);
+      const step = t.passage.steps[t.passage.current];
+      const w = waitingOn(t);
+      const at = iso(when(t));
+      $$renderer2.push(`<tr class="border-b border-hair last:border-0 hover:bg-accent/40"><td class="py-2.5 pr-3 pl-4"><a${attr("href", `/tasks/${stringify(encodeURIComponent(t.id))}`)} class="block truncate font-medium hover:underline focus-visible:underline focus-visible:outline-none"${attr("title", t.title)}>${escape_html(t.shortTitle)}</a></td><td class="hidden px-3 py-2.5 md:table-cell"><span class="block truncate text-sea">${escape_html(projectName(t))}</span></td><td class="hidden px-3 py-2.5 sm:table-cell"><span class="flex min-w-0 items-center gap-2"${attr("title", `Step ${stringify(t.passage.current + 1)} of ${stringify(t.passage.steps.length)}`)}><span class="flex shrink-0 items-center gap-0.5" aria-hidden="true"><!--[-->`);
+      const each_array_2 = ensure_array_like(t.passage.steps);
+      for (let $$index_1 = 0, $$length2 = each_array_2.length; $$index_1 < $$length2; $$index_1++) {
+        let s = each_array_2[$$index_1];
+        $$renderer2.push(`<span${attr_class(`size-1.5 rounded-full ${stringify(s.state === "current" ? s.failed ? "bg-danger" : dotClass[tn] : s.state === "done" ? "bg-foreground/45" : "border border-border")}`)}></span>`);
+      }
+      $$renderer2.push(`<!--]--></span> <span${attr_class(`truncate ${step?.failed ? "text-danger" : ""}`)}>${escape_html(step?.label ?? "")}${escape_html(step?.failed ? " failed" : "")}</span></span></td><td class="px-3 py-2.5"><span${attr_class(`flex min-w-0 items-center gap-1.5 ${stringify(textClass[tn])}`)}><span${attr_class(`size-1.5 shrink-0 rounded-full ${stringify(dotClass[tn])}`)} aria-hidden="true"></span><span class="truncate">${escape_html(t.statusLabel)}</span></span></td><td${attr_class(`hidden truncate px-3 py-2.5 lg:table-cell ${w.who === "you" ? "font-medium text-sea" : "text-muted-foreground"}`)}>${escape_html(w.label)}</td><td class="tabular hidden truncate py-2.5 pr-4 pl-3 text-muted-foreground md:table-cell"${attr("title", at ? new Date(at).toLocaleString() : void 0)}>${escape_html(at ? ago(at, now) : "—")}</td></tr>`);
+    }
+    $$renderer2.push(`<!--]--></tbody></table></div>`);
+  });
+}
+function ViewToggle($$renderer, $$props) {
+  $$renderer.component(($$renderer2) => {
+    let { options, value, label } = $$props;
+    $$renderer2.push(`<div class="flex rounded-md border bg-card p-0.5 text-sm" role="group"${attr("aria-label", label)}><!--[-->`);
+    const each_array = ensure_array_like(options);
+    for (let $$index = 0, $$length = each_array.length; $$index < $$length; $$index++) {
+      let o = each_array[$$index];
+      $$renderer2.push(`<button type="button"${attr("aria-pressed", value === o.value)}${attr_class(`inline-flex cursor-pointer items-center gap-1.5 rounded-sm px-3 py-1.5 whitespace-nowrap transition-colors duration-150 focus-visible:ring-3 focus-visible:ring-ring/50 focus-visible:outline-none ${value === o.value ? "bg-primary font-medium text-primary-foreground" : "text-muted-foreground hover:text-foreground"}`)}>`);
+      if (o.icon) {
+        $$renderer2.push("<!--[-->");
+        o.icon($$renderer2, { class: "size-4" });
+        $$renderer2.push("<!--]-->");
+      } else {
+        $$renderer2.push("<!--[!-->");
+        $$renderer2.push("<!--]-->");
+      }
+      $$renderer2.push(`${escape_html(o.label)}</button>`);
+    }
+    $$renderer2.push(`<!--]--></div>`);
+  });
+}
+function WorkBoard($$renderer, $$props) {
+  $$renderer.component(($$renderer2) => {
+    let {
+      tasks,
+      projectName,
+      cards,
+      layout: initial,
+      showing,
+      shelfHref,
+      collected
+      /** The project's harbour.card plugin entries. */
+      /** Firstmate has been read at least once, so an empty board means no work. */
+    } = $$props;
+    const open = derived(() => shelf(tasks, "under-way"));
+    const h = derived(() => harbour(open(), live.now));
+    const completed = derived(() => shelf(tasks, "completed"));
+    const nameOf = () => projectName;
+    const layout = derived(() => initial);
+    const LAYOUTS = [
+      { value: "large", label: "Large", icon: Rectangle_horizontal },
+      { value: "compact", label: "Compact", icon: Grid_3x3 },
+      { value: "list", label: "List", icon: List }
+    ];
+    let sort = { key: "status", dir: "asc" };
+    function board($$renderer3, list, label, kind = "task") {
+      if (layout() === "list") {
+        $$renderer3.push("<!--[0-->");
+        TaskTable($$renderer3, {
+          tasks: list,
+          projectName: nameOf,
+          sort,
+          now: live.now,
+          label
+        });
+      } else if (layout() === "compact") {
+        $$renderer3.push(`<!--[1--><div class="grid gap-3 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 2xl:grid-cols-5"><!--[-->`);
+        const each_array = ensure_array_like(list);
+        for (let $$index = 0, $$length = each_array.length; $$index < $$length; $$index++) {
+          let t = each_array[$$index];
+          CompactCard($$renderer3, { task: t, projectName });
+        }
+        $$renderer3.push(`<!--]--></div>`);
+      } else if (kind === "move") {
+        $$renderer3.push(`<!--[2--><div class="grid gap-5 md:grid-cols-2 lg:grid-cols-3 2xl:grid-cols-4"><!--[-->`);
+        const each_array_1 = ensure_array_like(list);
+        for (let $$index_1 = 0, $$length = each_array_1.length; $$index_1 < $$length; $$index_1++) {
+          let t = each_array_1[$$index_1];
+          MoveCard($$renderer3, { task: t, projectName: null });
+        }
+        $$renderer3.push(`<!--]--></div>`);
+      } else {
+        $$renderer3.push(`<!--[-1--><div class="grid gap-5 sm:grid-cols-2 lg:grid-cols-3 2xl:grid-cols-4"><!--[-->`);
+        const each_array_2 = ensure_array_like(list);
+        for (let $$index_2 = 0, $$length = each_array_2.length; $$index_2 < $$length; $$index_2++) {
+          let t = each_array_2[$$index_2];
+          TaskCard($$renderer3, { task: t, projectName: null });
+        }
+        $$renderer3.push(`<!--]--></div>`);
+      }
+      $$renderer3.push(`<!--]-->`);
+    }
+    $$renderer2.push(`<div class="flex flex-wrap items-center justify-between gap-3"><div class="flex rounded-md border bg-card p-0.5 text-sm max-sm:w-full" role="tablist" aria-label="Show"><!--[-->`);
+    const each_array_3 = ensure_array_like([["under-way", "Under way"], ["completed", "Completed"]]);
+    for (let $$index_3 = 0, $$length = each_array_3.length; $$index_3 < $$length; $$index_3++) {
+      let [s, label] = each_array_3[$$index_3];
+      $$renderer2.push(`<a${attr("href", shelfHref(s))} role="tab"${attr("aria-selected", showing === s)}${attr_class(`flex-1 rounded-sm px-3 py-1.5 text-center whitespace-nowrap ${showing === s ? "bg-primary font-medium text-primary-foreground" : "text-muted-foreground hover:text-foreground"}`)}>${escape_html(label)}</a>`);
+    }
+    $$renderer2.push(`<!--]--></div> `);
+    ViewToggle($$renderer2, {
+      options: LAYOUTS,
+      value: layout(),
+      label: "Layout"
+    });
+    $$renderer2.push(`<!----></div> `);
+    if (showing === "completed") {
+      $$renderer2.push("<!--[0-->");
+      if (completed().length) {
+        $$renderer2.push(`<!--[0--><section class="surface mt-6 p-5 sm:p-6">`);
+        board($$renderer2, completed(), "Completed");
+        $$renderer2.push(`<!----></section>`);
+      } else if (collected) {
+        $$renderer2.push(`<!--[1--><p class="surface mt-6 p-5 text-muted-foreground sm:p-6">Nothing completed in this project yet.</p>`);
+      } else {
+        $$renderer2.push("<!--[-1-->");
+      }
+      $$renderer2.push(`<!--]-->`);
+    } else {
+      $$renderer2.push("<!--[-1-->");
+      if (h().needsYou.length) {
+        $$renderer2.push(`<!--[0--><section class="surface mt-6 p-5 sm:p-6" aria-labelledby="your-move"><h2 id="your-move" class="section-label mb-4 text-sea">Your move</h2> `);
+        board($$renderer2, h().needsYou, "Your move", "move");
+        $$renderer2.push(`<!----></section>`);
+      } else {
+        $$renderer2.push("<!--[-1-->");
+      }
+      $$renderer2.push(`<!--]--> `);
+      if (h().waitingOnFirstmate.length) {
+        $$renderer2.push(`<!--[0--><section class="surface mt-6 p-5 sm:p-6" aria-labelledby="with-firstmate"><h2 id="with-firstmate" class="section-label">Waiting on Firstmate</h2> <p class="mt-1 mb-4 text-sm text-muted-foreground">A worker raised a decision. Firstmate handles it first and brings it to you if it needs you.</p> `);
+        board($$renderer2, h().waitingOnFirstmate, "Waiting on Firstmate");
+        $$renderer2.push(`<!----></section>`);
+      } else {
+        $$renderer2.push("<!--[-1-->");
+      }
+      $$renderer2.push(`<!--]--> `);
+      if (h().waitingOnReviewers.length) {
+        $$renderer2.push(`<!--[0--><section class="surface mt-6 p-5 sm:p-6" aria-labelledby="with-reviewers"><h2 id="with-reviewers" class="section-label">Waiting on reviewers</h2> <p class="mt-1 mb-4 text-sm text-muted-foreground">Pull requests that are green and waiting on other people's review or approval. Nothing for
+				you to do until they review.</p> `);
+        board($$renderer2, h().waitingOnReviewers, "Waiting on reviewers");
+        $$renderer2.push(`<!----></section>`);
+      } else {
+        $$renderer2.push("<!--[-1-->");
+      }
+      $$renderer2.push(`<!--]--> <section class="surface mt-6 p-5 sm:p-6" aria-label="Work">`);
+      if (cards.length) {
+        $$renderer2.push(`<!--[0--><div class="mb-8 grid gap-3 sm:grid-cols-2 lg:grid-cols-3 2xl:grid-cols-4"><!--[-->`);
+        const each_array_4 = ensure_array_like(cards);
+        for (let $$index_4 = 0, $$length = each_array_4.length; $$index_4 < $$length; $$index_4++) {
+          let e = each_array_4[$$index_4];
+          $$renderer2.push(`<div class="min-w-0 rounded-xl border bg-card px-4 py-3" data-slot="harbour.card"><p class="mb-2 text-xs font-medium text-muted-foreground">${escape_html(e.title)}</p> `);
+          SlotContent($$renderer2, { entry: e, now: live.now });
+          $$renderer2.push(`<!----></div>`);
+        }
+        $$renderer2.push(`<!--]--></div>`);
+      } else {
+        $$renderer2.push("<!--[-1-->");
+      }
+      $$renderer2.push(`<!--]--> `);
+      if (h().underWay.length) {
+        $$renderer2.push(`<!--[0--><h3 class="section-label mb-3">Under way <span class="tabular">${escape_html(h().underWay.length)}</span></h3> `);
+        board($$renderer2, h().underWay, "Under way");
+        $$renderer2.push(`<!---->`);
+      } else {
+        $$renderer2.push("<!--[-1-->");
+      }
+      $$renderer2.push(`<!--]--> `);
+      if (h().queued.length) {
+        $$renderer2.push(`<!--[0--><p class="mt-4 text-sm text-muted-foreground">Queued next: <!--[-->`);
+        const each_array_5 = ensure_array_like(h().queued);
+        for (let i = 0, $$length = each_array_5.length; i < $$length; i++) {
+          let t = each_array_5[i];
+          $$renderer2.push(`<a class="hover:text-foreground hover:underline"${attr("href", `/tasks/${stringify(encodeURIComponent(t.id))}`)}>${escape_html(t.shortTitle)}</a>${escape_html(i < h().queued.length - 1 ? ", " : ".")}`);
+        }
+        $$renderer2.push(`<!--]--></p>`);
+      } else {
+        $$renderer2.push("<!--[-1-->");
+      }
+      $$renderer2.push(`<!--]--> `);
+      if (!h().underWay.length && !h().queued.length) {
+        $$renderer2.push(`<!--[0--><p class="text-sm text-muted-foreground">${escape_html(open().length || !collected ? "Nothing else under way right now." : "Nothing under way in this project right now.")} <a${attr("href", shelfHref("completed"))} class="hover:text-foreground hover:underline">What it has completed</a></p>`);
+      } else {
+        $$renderer2.push("<!--[-1-->");
+      }
+      $$renderer2.push(`<!--]--></section>`);
+    }
+    $$renderer2.push(`<!--]-->`);
+  });
+}
+function _page($$renderer, $$props) {
+  $$renderer.component(($$renderer2) => {
+    let { data } = $$props;
+    const id = derived(() => page.params.id);
+    const base = derived(() => `/projects/${encodeURIComponent(id())}`);
+    const fleet = derived(currentFleet);
+    const project = derived(() => fleet()?.projects.find((p) => p.id === id()) ?? null);
+    const tasks = derived(() => (fleet()?.tasks ?? []).filter((t) => t.projectId === id()));
+    const entries = derived(() => slots.entries(slotKey.project(id()), data.slots, data.slotsAt));
+    const showing = derived(() => shelfOf(page.url.searchParams.get("view")));
+    head("ffmenf", $$renderer2, ($$renderer3) => {
+      $$renderer3.title(($$renderer4) => {
+        $$renderer4.push(`<title>${escape_html(project()?.name ?? id())} · Harbour · Wheelhouse</title>`);
+      });
+    });
+    $$renderer2.push(`<main class="px-4 pt-6 pb-24 sm:px-6 lg:px-10">`);
+    ProjectBanner($$renderer2, {
+      id: id(),
+      project: project(),
+      tasks: tasks(),
+      tabs: entries().filter((e) => e.slot === "project.tab"),
+      repo: data.repo,
+      current: "work",
+      now: live.now
+    });
+    $$renderer2.push(`<!----> `);
+    if (fleet()?.collectedAt && !project()) {
+      $$renderer2.push(`<!--[0--><p class="surface mt-6 p-5 text-muted-foreground sm:p-6">Firstmate has no project called “${escape_html(id())}”. Its projects are all on the <a href="/harbour" class="underline hover:text-foreground">Harbour</a>.</p>`);
+    } else {
+      $$renderer2.push(`<!--[-1--><div class="mt-6">`);
+      WorkBoard($$renderer2, {
+        tasks: tasks(),
+        projectName: project()?.name ?? id(),
+        cards: entries().filter((e) => e.slot === "harbour.card"),
+        layout: data.layout,
+        showing: showing(),
+        shelfHref: (s) => s === "completed" ? `${base()}?view=completed` : base(),
+        collected: !!fleet()?.collectedAt
+      });
+      $$renderer2.push(`<!----></div>`);
+    }
+    $$renderer2.push(`<!--]--></main>`);
+  });
+}
+
+export { _page as default };
+//# sourceMappingURL=_page.svelte.js-_DNqdqJc.js.map