@chrisjowen/wheelhouse 0.0.0-stage → 0.1.0

package/build/server/chunks/entries/pages/harbour/_page.svelte.js-43FRNSVK.js

@@ -0,0 +1,1346 @@
+import { af as head, ah as attr_class, aj as escape_html, ai as attr, aa as ensure_array_like, ak as stringify, _ as derived, ap as attr_style, ae as spread_props } from '../../../chunks/index.js-Bn6j9diM.js';
+import { p as page } from '../../../chunks/index2.js-CXaRTuov.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 { b as projectTabHref, s as slotKey } from '../../../chunks/keys.js-CdtCzv-v.js';
+import { S as SlotContent } from '../../../chunks/SlotContent.js-YqZXXtRz.js';
+import { c as clock, w as workerName, a as ago, p as plural, b as agentLine, d as consoleInImage, n as nowLine } from '../../../chunks/format.js-D3lWEg6U.js';
+import { b as headline, h as harbour, s as shelfOf, d as shelf, e as chartColumns, p as progress, L as LANDED_RECENT_MS, i as isCompleted, c as completedAt, l as landedAt, n as needsYou, a as isTrouble } from '../../../chunks/harbour.js-xu7EfIHk.js';
+import { B as Button } from '../../../chunks/button.js-HeBqLheH.js';
+import { M as Messages_square, C as ConsoleWindow, a as awaitingReview, r as reviewView, L as Lightbox, Q as QuestionList } from '../../../chunks/QuestionList.js-DglKezUe.js';
+import { h as hintLine, a as roundLine } from '../../../chunks/buildlog.js-BCKtSKOt.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 { M as Monitor_play } from '../../../chunks/monitor-play.js-B7qbbPH6.js';
+import { C as Chevron_down } from '../../../chunks/chevron-down.js-D75hVSIe.js';
+import { S as StageTrack } from '../../../chunks/StageTrack.js-BaorW-yk.js';
+import { I as Icon } from '../../../chunks/Icon.js-D7CY3joB.js';
+import { H as Hand } from '../../../chunks/hand.js-xkYPYJZj.js';
+import { F as File_text } from '../../../chunks/file-text.js-CAo3vdqd.js';
+import { G as Git_pull_request } from '../../../chunks/git-pull-request.js-Cx1w8BQr.js';
+import { S as Square_terminal } from '../../../chunks/square-terminal.js-D5Z4Sl2-.js';
+import { E as External_link } from '../../../chunks/external-link.js-WxVF0xXO.js';
+import { C as Compass } from '../../../chunks/compass.js-Tq6uiG8I.js';
+import { b as tone, d as dotClass, t as textClass } from '../../../chunks/tone.js-r2qFVrZC.js';
+import { A as Arrow_right } from '../../../chunks/arrow-right.js-CfbPWRqu.js';
+import { a as showsChecks } from '../../../chunks/checks.js-BnIxIaus.js';
+import { C as ChecksStrip, E as EtaLine } from '../../../chunks/EtaLine.js-Pa4_VV6V.js';
+import { M as Message_circle_question_mark } from '../../../chunks/message-circle-question-mark.js-DwrMi0ty.js';
+import { T as TASK_FIRST_DIR, w as waitingOn, s as sortTasks, u as updatedAt, V as VIEW_COOKIE } from '../../../chunks/views.js-B0wP-tuB.js';
+import { V as ViewToggle, S as SortHeader, L as List, r as rememberView } from '../../../chunks/view2.js-BdUXqNlY.js';
+import { L as Layout_grid, W as Waypoints, R as Radar } from '../../../chunks/waypoints.js-D3HN7bje.js';
+import '../../../chunks/blocks.js-BL9jLCe-.js';
+import 'yaml';
+import '../../../chunks/index-server2.js-DMc-UvjC.js';
+import '../../../chunks/anchor.js-ByXDBfbi.js';
+import '../../../chunks/triangle-alert.js-DuE40HSU.js';
+import '../../../chunks/split.js-BsCU24rQ.js';
+import '../../../chunks/message-square-text.js-N5uEmy8L.js';
+import '../../../chunks/check.js-bmUhmMEz.js';
+import '../../../chunks/x.js-tlds9Ooz.js';
+import '../../../chunks/loader-circle.js-IYRaUYWq.js';
+import '../../../chunks/circle-dashed.js-Bm3gZCXK.js';
+import '../../../chunks/chevron-right.js-yhLg_GaH.js';
+import '../../../chunks/insights.js-CzzfyHGp.js';
+import '../../../chunks/clock.js-D7JTvRbC.js';
+import '../../../chunks/arrow-up.js-AhghNbhW.js';
+import '../../../chunks/arrow-down.js-DXDJc9EE.js';
+
+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 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 who = derived(() => agentLine(task.worker));
+    const hint = derived(() => hintLine(task.build));
+    $$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 (rv().pr) {
+        $$renderer2.push("<!--[0-->");
+        Button($$renderer2, {
+          variant: "outline",
+          href: `${href()}/review`,
+          "data-review-pr": true,
+          children: ($$renderer3) => {
+            Compass($$renderer3, {});
+            $$renderer3.push(`<!---->Review PR`);
+          },
+          $$slots: { default: true }
+        });
+      } else {
+        $$renderer2.push("<!--[-1-->");
+      }
+      $$renderer2.push(`<!--]-->`);
+    } else if (review() && rv().pr) {
+      $$renderer2.push("<!--[1-->");
+      Button($$renderer2, {
+        class: "flex-1",
+        href: `${href()}/review`,
+        "data-review-pr": true,
+        children: ($$renderer3) => {
+          Compass($$renderer3, {});
+          $$renderer3.push(`<!---->Review PR`);
+        },
+        $$slots: { default: true }
+      });
+      $$renderer2.push(`<!----> `);
+      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 }
+      });
+      $$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 PassageChart($$renderer, $$props) {
+  $$renderer.component(($$renderer2) => {
+    let { tasks, projects } = $$props;
+    const cols = derived(() => chartColumns(tasks));
+    const template = derived(() => `minmax(12rem,18rem) repeat(${cols().length}, minmax(0,1fr))`);
+    const rank = (t) => (tone(t) === "you" ? -10 : 0) - progress(t);
+    $$renderer2.push(`<div class="overflow-x-auto"><div class="min-w-[52rem]"><div class="grid border-b pb-2 text-xs text-muted-foreground"${attr_style(`grid-template-columns: ${template()}`)}><span></span> <!--[-->`);
+    const each_array = ensure_array_like(cols());
+    for (let $$index = 0, $$length = each_array.length; $$index < $$length; $$index++) {
+      let c = each_array[$$index];
+      $$renderer2.push(`<span class="text-center">${escape_html(c.label)}</span>`);
+    }
+    $$renderer2.push(`<!--]--></div> <!--[-->`);
+    const each_array_1 = ensure_array_like(projects);
+    for (let $$index_3 = 0, $$length = each_array_1.length; $$index_3 < $$length; $$index_3++) {
+      let p = each_array_1[$$index_3];
+      const rows = tasks.filter((t) => t.projectId === p.id).toSorted((a, b) => rank(a) - rank(b));
+      if (rows.length) {
+        $$renderer2.push(`<!--[0--><h2 class="pt-6 pb-2 text-sm font-medium">${escape_html(p.name)}</h2> <!--[-->`);
+        const each_array_2 = ensure_array_like(rows);
+        for (let $$index_2 = 0, $$length2 = each_array_2.length; $$index_2 < $$length2; $$index_2++) {
+          let t = each_array_2[$$index_2];
+          const tn = tone(t);
+          const byCol = new Map(t.passage.steps.map((s, i) => [s.column, { s, i }]));
+          const cur = cols().findIndex((c) => c.key === t.passage.steps[t.passage.current]?.column);
+          const failed = t.passage.steps[t.passage.current]?.failed ?? false;
+          $$renderer2.push(`<a${attr("href", `/tasks/${stringify(encodeURIComponent(t.id))}`)} class="grid items-center rounded-lg py-3 hover:bg-accent/50"${attr_style(`grid-template-columns: ${template()}`)}${attr("aria-label", `${stringify(t.title)}: ${stringify(t.passage.steps[t.passage.current]?.label)}${failed ? " failed" : ""}, ${stringify(t.statusLabel)}`)}><div class="min-w-0 pr-4 pl-2"><p class="truncate font-medium">${escape_html(t.title)}</p> <p${attr_class(`truncate text-xs ${stringify(tn === "normal" || tn === "landed" ? "text-muted-foreground" : textClass[tn])}`)}>${escape_html(tn === "normal" ? workerName(t.worker) ?? t.statusLabel : t.statusLabel)}</p></div> <!--[-->`);
+          const each_array_3 = ensure_array_like(cols());
+          for (let i = 0, $$length3 = each_array_3.length; i < $$length3; i++) {
+            let col = each_array_3[i];
+            const step = byCol.get(col.key);
+            $$renderer2.push(`<div class="relative flex h-6 items-center justify-center"${attr("title", step?.s.note ?? void 0)}>`);
+            if (i > 0) {
+              $$renderer2.push(`<!--[0--><span${attr_class(`absolute top-1/2 right-1/2 left-[-50%] h-0.5 -translate-y-1/2 ${i <= cur ? "bg-foreground/50" : "bg-border"}`)}></span>`);
+            } else {
+              $$renderer2.push("<!--[-1-->");
+            }
+            $$renderer2.push(`<!--]--> `);
+            if (i === cur) {
+              $$renderer2.push(`<!--[0--><span${attr_class(`relative z-10 grid size-5 place-items-center rounded-full ring-4 ring-background ${stringify(failed ? "bg-danger" : dotClass[tn])}`)}>`);
+              if (tn === "you") {
+                $$renderer2.push(`<!--[0--><span class="size-1.5 rounded-full bg-background"></span>`);
+              } else {
+                $$renderer2.push("<!--[-1-->");
+              }
+              $$renderer2.push(`<!--]--></span>`);
+            } else if (!step || step.s.state === "skipped") {
+              $$renderer2.push(`<!--[1--><span class="relative z-10 size-2 rounded-full border border-dashed border-muted-foreground/40 bg-background"></span>`);
+            } else if (step.s.state === "done") {
+              $$renderer2.push(`<!--[2--><span class="relative z-10 size-2 rounded-full bg-foreground/50"></span>`);
+            } else {
+              $$renderer2.push(`<!--[-1--><span class="relative z-10 size-2 rounded-full border border-border bg-background"></span>`);
+            }
+            $$renderer2.push(`<!--]--></div>`);
+          }
+          $$renderer2.push(`<!--]--></a>`);
+        }
+        $$renderer2.push(`<!--]-->`);
+      } else {
+        $$renderer2.push("<!--[-1-->");
+      }
+      $$renderer2.push(`<!--]-->`);
+    }
+    $$renderer2.push(`<!--]--></div></div>`);
+  });
+}
+const LANES = [
+  { key: "queued", label: "Queued", hint: "Waiting its turn" },
+  { key: "building", label: "Building", hint: "The crew is writing it" },
+  { key: "testing", label: "Testing", hint: "Checks and review" },
+  { key: "pr", label: "Pull request", hint: "In CI or with you" },
+  { key: "landed", label: "Landed", hint: "In the last day" }
+];
+const COLUMN_LANE = {
+  queued: "queued",
+  building: "building",
+  checks: "testing",
+  pr: "pr",
+  review: "pr",
+  landed: "landed"
+};
+function laneOf(t) {
+  if (t.status === "queued") return "queued";
+  if (t.status === "landed") return "landed";
+  const steps = t.passage.steps;
+  for (let i = Math.min(t.passage.current, steps.length - 1); i >= 0; i--) {
+    const lane = COLUMN_LANE[steps[i].column] ?? COLUMN_LANE[steps[i].key];
+    if (lane) return lane;
+  }
+  return "building";
+}
+const SIGNAL_LABEL = {
+  you: "Waiting on you",
+  stuck: "Stuck",
+  firstmate: "With Firstmate",
+  busy: "Busy",
+  idle: "Idle",
+  landed: "Landed"
+};
+function signalOf(t) {
+  if (t.status === "landed") return "landed";
+  if (needsYou(t)) return "you";
+  if (isTrouble(t) || t.passage.steps[t.passage.current]?.failed || t.pipeline?.outcome === "failed")
+    return "stuck";
+  if (t.status === "with-firstmate") return "firstmate";
+  if (t.busy) return "busy";
+  return "idle";
+}
+const SIGNAL_ORDER = {
+  you: 0,
+  stuck: 1,
+  firstmate: 2,
+  busy: 3,
+  idle: 4,
+  landed: 5
+};
+const ms = (iso) => {
+  const t = iso ? Date.parse(iso) : NaN;
+  return Number.isNaN(t) ? null : t;
+};
+function laneSince(t, lane = laneOf(t)) {
+  if (lane === "landed") return landedAt(t);
+  if (lane === "testing") return ms(t.pipeline?.startedAt);
+  return null;
+}
+function track(prev, tasks, at) {
+  const next = /* @__PURE__ */ new Map();
+  for (const t of tasks) {
+    const lane = laneOf(t);
+    const step = t.passage.steps[t.passage.current]?.key ?? null;
+    const was = prev.get(t.id);
+    if (!was || was.lane !== lane) {
+      next.set(
+        t.id,
+        was ? { lane, step, laneSince: at, stepSince: at } : { lane, step, laneSince: laneSince(t, lane), stepSince: null }
+      );
+      continue;
+    }
+    const since = was.laneSince ?? laneSince(t, lane);
+    next.set(
+      t.id,
+      was.step !== step ? { ...was, step, laneSince: since, stepSince: at } : since !== was.laneSince ? { ...was, laneSince: since } : was
+    );
+  }
+  return next;
+}
+const LANDED_BRIGHT_MS = 3600 * 1e3;
+const LANDED_FAINTEST = 0.35;
+function landedFade(at, now) {
+  if (at === null) return LANDED_FAINTEST;
+  const age = now - at;
+  if (age <= LANDED_BRIGHT_MS) return 1;
+  const k = Math.min(1, (age - LANDED_BRIGHT_MS) / (LANDED_RECENT_MS - LANDED_BRIGHT_MS));
+  return 1 - (1 - LANDED_FAINTEST) * k;
+}
+function radar(tasks, now, entries) {
+  const byLane = new Map(LANES.map((l) => [l.key, []]));
+  const counts = {
+    you: 0,
+    stuck: 0,
+    firstmate: 0,
+    busy: 0,
+    idle: 0,
+    landed: 0
+  };
+  let landedOlder = 0;
+  for (const t of tasks) {
+    const lane = laneOf(t);
+    const entry = entries?.get(t.id);
+    const since = entry ? entry.laneSince : laneSince(t, lane);
+    const signal = signalOf(t);
+    if (t.status === "landed") {
+      if (since === null || now - since > LANDED_RECENT_MS) {
+        landedOlder++;
+        continue;
+      }
+    }
+    counts[signal]++;
+    byLane.get(lane).push({
+      id: t.id,
+      task: t,
+      lane,
+      signal,
+      since,
+      stepSince: entry?.stepSince ?? null,
+      opacity: signal === "landed" ? landedFade(since, now) : 1
+    });
+  }
+  const order = (a, b) => a.lane === "landed" ? (b.since ?? 0) - (a.since ?? 0) : SIGNAL_ORDER[a.signal] - SIGNAL_ORDER[b.signal] || (a.since ?? Infinity) - (b.since ?? Infinity) || a.id.localeCompare(b.id);
+  return {
+    lanes: LANES.map((l) => ({ ...l, blips: byLane.get(l.key).sort(order) })),
+    landedOlder,
+    counts
+  };
+}
+const laneLabel = (lane) => LANES.find((l) => l.key === lane).label;
+function stay(since, now) {
+  if (since === null) return "unknown";
+  const m = Math.max(0, Math.round((now - since) / 6e4));
+  if (m < 1) return "under a minute";
+  if (m < 60) return `${m} min`;
+  const h = Math.round(m / 60);
+  if (h < 48) return `${h} h`;
+  return `${Math.round(h / 24)} days`;
+}
+function RadarBoard($$renderer, $$props) {
+  $$renderer.component(($$renderer2) => {
+    let { tasks, projects, now, connection = "open" } = $$props;
+    let seen = /* @__PURE__ */ new Map();
+    const entries = derived(() => seen = track(seen, tasks, Date.now()));
+    const r = derived(() => radar(tasks, now, entries()));
+    const projectName = (id) => projects.find((p) => p.id === id)?.name ?? id;
+    const shown = derived(() => {
+      return null;
+    });
+    const SHAPE = {
+      busy: "rounded-full bg-sea",
+      idle: "rounded-full border-2 border-sea bg-card",
+      you: "rounded-full bg-amber ring-[3px] ring-amber/35",
+      stuck: "rotate-45 rounded-[2px] bg-danger",
+      firstmate: "rounded-full border-2 border-brass bg-card",
+      landed: "rounded-full bg-success"
+    };
+    const LEGEND = ["busy", "idle", "you", "stuck", "firstmate", "landed"];
+    const TEXT = {
+      busy: "text-sea",
+      idle: "text-muted-foreground",
+      you: "text-warning",
+      stuck: "text-danger",
+      firstmate: "text-muted-foreground",
+      landed: "text-success"
+    };
+    const total = derived(() => r().lanes.reduce((n, l) => n + l.blips.length, 0));
+    const summary = derived(() => {
+      const c = r().counts;
+      const parts = [
+        c.busy && `${c.busy} busy`,
+        c.you && `${c.you} waiting on you`,
+        c.stuck && `${c.stuck} stuck`,
+        c.firstmate && `${c.firstmate} with Firstmate`,
+        c.landed && `${c.landed} landed in the last day`
+      ].filter(Boolean);
+      return parts.length ? parts.join(", ") : "Nothing on the radar";
+    });
+    function dot($$renderer3, signal, size = "size-3.5") {
+      $$renderer3.push(`<span${attr_class(`relative inline-flex shrink-0 ${stringify(size)}`, "svelte-1qpvlew")} aria-hidden="true">`);
+      if (signal === "busy") {
+        $$renderer3.push(`<!--[0--><span class="radar-ping absolute inset-0 rounded-full bg-sea svelte-1qpvlew"></span>`);
+      } else {
+        $$renderer3.push("<!--[-1-->");
+      }
+      $$renderer3.push(`<!--]--> <span${attr_class(`relative block size-full ${stringify(SHAPE[signal])}`, "svelte-1qpvlew")}></span></span>`);
+    }
+    $$renderer2.push(`<div class="flex flex-wrap items-center justify-between gap-x-6 gap-y-2 svelte-1qpvlew"><p class="text-sm text-muted-foreground svelte-1qpvlew"><span class="text-foreground svelte-1qpvlew" aria-live="polite">${escape_html(summary())}.</span> `);
+    if (r().landedOlder) {
+      $$renderer2.push(`<!--[0-->${escape_html(r().landedOlder)} landed earlier ${escape_html(r().landedOlder === 1 ? "is" : "are")} off the radar.`);
+    } else {
+      $$renderer2.push("<!--[-1-->");
+    }
+    $$renderer2.push(`<!--]--></p> <p class="flex items-center gap-2 text-sm text-muted-foreground svelte-1qpvlew" aria-live="off"><span${attr_class(
+      `size-2 rounded-full ${connection === "open" ? "bg-success" : connection === "lost" ? "bg-danger" : "bg-warning"}`,
+      "svelte-1qpvlew"
+    )} aria-hidden="true"></span> ${escape_html(connection === "open" ? "Live" : connection === "lost" ? "Lost contact with Wheelhouse" : "Reconnecting…")}</p></div> <ul class="mt-4 flex flex-wrap gap-x-5 gap-y-2 text-sm text-muted-foreground svelte-1qpvlew" aria-label="Key"><!--[-->`);
+    const each_array = ensure_array_like(LEGEND);
+    for (let $$index = 0, $$length = each_array.length; $$index < $$length; $$index++) {
+      let s = each_array[$$index];
+      $$renderer2.push(`<li class="flex items-center gap-2 svelte-1qpvlew">`);
+      dot($$renderer2, s, "size-3");
+      $$renderer2.push(`<!---->${escape_html(SIGNAL_LABEL[s])}</li>`);
+    }
+    $$renderer2.push(`<!--]--></ul> <div class="@container relative mt-5 svelte-1qpvlew"><ol class="grid overflow-hidden rounded-md border border-hair @4xl:grid-cols-5 svelte-1qpvlew"${attr("aria-label", `Fleet radar, ${stringify(total())} ${total() === 1 ? "task" : "tasks"}`)}><!--[-->`);
+    const each_array_1 = ensure_array_like(r().lanes);
+    for (let i = 0, $$length = each_array_1.length; i < $$length; i++) {
+      let lane = each_array_1[i];
+      $$renderer2.push(`<li class="radar-lane flex min-w-0 gap-3 border-t border-hair p-3 first:border-t-0 @4xl:flex-col @4xl:border-t-0 @4xl:border-l @4xl:first:border-l-0 svelte-1qpvlew"${attr("aria-label", `${stringify(lane.label)}, ${stringify(lane.blips.length)}`)}><div class="w-[8.5rem] shrink-0 @4xl:w-auto svelte-1qpvlew"><h3 class="radar-lane-label truncate svelte-1qpvlew"><span class="tabular text-brass svelte-1qpvlew" aria-hidden="true">${escape_html(i + 1)}</span> ${escape_html(lane.label)}</h3> <p class="mt-0.5 flex items-center gap-2 text-xs text-muted-foreground svelte-1qpvlew"><span class="tabular rounded-full bg-muted px-1.5 leading-5 font-medium text-foreground svelte-1qpvlew" aria-hidden="true">${escape_html(lane.blips.length)}</span> <span class="min-w-0 svelte-1qpvlew">${escape_html(lane.hint)}</span></p></div> <ul class="flex min-h-14 flex-1 flex-wrap content-start gap-x-1 gap-y-2 @4xl:min-h-[max(16rem,calc(100dvh-22rem))] svelte-1qpvlew"><!--[-->`);
+      const each_array_2 = ensure_array_like(lane.blips);
+      for (let $$index_1 = 0, $$length2 = each_array_2.length; $$index_1 < $$length2; $$index_1++) {
+        let b = each_array_2[$$index_1];
+        $$renderer2.push(`<li class="w-[6.25rem] svelte-1qpvlew"${attr_style(`opacity: ${stringify(b.opacity)}`)}><button type="button"${attr("data-blip", b.id)}${attr_class(`flex w-full flex-col items-center gap-1.5 rounded-md px-1 py-1.5 outline-none hover:bg-muted/70 focus-visible:ring-2 focus-visible:ring-ring ${shown()?.id === b.id ? "bg-muted" : ""}`, "svelte-1qpvlew")}${attr("aria-label", `${stringify(b.task.shortTitle)}: ${stringify(lane.label)}, ${stringify(SIGNAL_LABEL[b.signal].toLowerCase())}${b.since === null ? "" : `, ${stay(b.since, now)} in the lane`}`)}${attr("aria-expanded", shown()?.id === b.id)}>`);
+        dot($$renderer2, b.signal, "size-4");
+        $$renderer2.push(`<!----> <span class="line-clamp-2 w-full text-center text-xs leading-tight break-words svelte-1qpvlew">${escape_html(b.task.shortTitle)}</span></button></li>`);
+      }
+      $$renderer2.push(`<!--]--></ul></li>`);
+    }
+    $$renderer2.push(`<!--]--></ol> `);
+    if (shown()) {
+      $$renderer2.push("<!--[0-->");
+      const t = shown().task;
+      const step = t.passage.steps[t.passage.current];
+      $$renderer2.push(`<div data-radar-card="" role="region"${attr("aria-label", `${stringify(t.shortTitle)} details`)} class="z-10 mt-3 rounded-md border border-hair bg-popover p-4 text-popover-foreground shadow-lg @4xl:absolute @4xl:mt-0 @4xl:w-80 svelte-1qpvlew"${attr_style(void 0)}><p class="text-xs tracking-wide text-muted-foreground uppercase svelte-1qpvlew">${escape_html(projectName(t.projectId))}</p> <p class="mt-1 leading-snug font-medium svelte-1qpvlew">${escape_html(t.shortTitle)}</p> <dl class="mt-3 grid grid-cols-[auto_1fr] gap-x-3 gap-y-1 text-sm svelte-1qpvlew"><dt class="text-muted-foreground svelte-1qpvlew">Step</dt> <dd class="svelte-1qpvlew">${escape_html(step?.label ?? laneLabel(shown().lane))}${escape_html(step?.failed ? ", failed" : "")}</dd> <dt class="text-muted-foreground svelte-1qpvlew">In lane</dt> <dd class="tabular svelte-1qpvlew">${escape_html(stay(shown().since, now))}</dd> `);
+      if (shown().stepSince !== null && shown().stepSince !== shown().since) {
+        $$renderer2.push(`<!--[0--><dt class="text-muted-foreground svelte-1qpvlew">In step</dt> <dd class="tabular svelte-1qpvlew">${escape_html(stay(shown().stepSince, now))}</dd>`);
+      } else {
+        $$renderer2.push("<!--[-1-->");
+      }
+      $$renderer2.push(`<!--]--> <dt class="text-muted-foreground svelte-1qpvlew">State</dt> <dd${attr_class(`flex items-center gap-2 ${stringify(TEXT[shown().signal])}`, "svelte-1qpvlew")}>`);
+      dot($$renderer2, shown().signal, "size-2.5");
+      $$renderer2.push(`<!---->${escape_html(SIGNAL_LABEL[shown().signal])}</dd></dl> `);
+      if (t.attention?.owner === "captain" || t.activity || t.summary) {
+        $$renderer2.push(`<!--[0--><p class="mt-3 text-sm text-muted-foreground svelte-1qpvlew">${escape_html(t.attention?.owner === "captain" ? t.attention.text : t.activity?.text ?? t.summary)}</p>`);
+      } else {
+        $$renderer2.push("<!--[-1-->");
+      }
+      $$renderer2.push(`<!--]--> <a${attr("href", `/tasks/${stringify(encodeURIComponent(t.id))}`)} class="mt-3 inline-flex items-center gap-1.5 text-sm font-medium text-sea hover:underline svelte-1qpvlew">Open the task`);
+      Arrow_right($$renderer2, { class: "size-4", "aria-hidden": "true" });
+      $$renderer2.push(`<!----></a></div>`);
+    } else {
+      $$renderer2.push("<!--[-1-->");
+    }
+    $$renderer2.push(`<!--]--></div>`);
+  });
+}
+function TaskCard($$renderer, $$props) {
+  $$renderer.component(($$renderer2) => {
+    let { task, projectName = null } = $$props;
+    const t = derived(() => tone(task));
+    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.statusLabel : 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 (task.pr) {
+      $$renderer2.push(`<!--[0--><a${attr("href", `/tasks/${stringify(encodeURIComponent(task.id))}/review`)} 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}` : "")}</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 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 (task.pr) {
+      $$renderer2.push(`<!--[0--><a${attr("href", `/tasks/${stringify(encodeURIComponent(task.id))}/review`)} 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}` : "")}</a>`);
+    } else {
+      $$renderer2.push("<!--[-1-->");
+    }
+    $$renderer2.push(`<!--]--></article>`);
+  });
+}
+function TaskTable($$renderer, $$props) {
+  $$renderer.component(($$renderer2) => {
+    let { tasks, projectName, sort, onsort, now, label } = $$props;
+    const rows = derived(() => sortTasks(tasks, sort, projectName));
+    const when = (t) => isCompleted(t) ? completedAt(t) : updatedAt(t);
+    const iso = (ms2) => ms2 === null ? null : new Date(ms2).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],
+        onsort,
+        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 projectName_($$renderer, p) {
+  $$renderer.push(`<a${attr("href", `/?project=${stringify(encodeURIComponent(p.id))}`)} class="hover:underline"><h2${attr("id", `proj-${stringify(p.id)}`)} class="font-display text-[1.45rem] font-medium">${escape_html(p.name)}</h2></a>`);
+}
+function projectDescription($$renderer, p) {
+  $$renderer.push(`<span class="text-sm text-muted-foreground">${escape_html(p.description)}</span>`);
+}
+function projectPassage($$renderer, p) {
+  $$renderer.push(`<a${attr("href", `/projects/${stringify(encodeURIComponent(p.id))}/passage`)}${attr_class(`text-sm hover:underline ${p.passage?.problems ? "text-danger" : p.passage?.needsConsent ? "text-sea" : "text-muted-foreground"}`)}>${escape_html(p.passage?.problems ? "Passage file has problems" : p.passage?.needsConsent ? "Passage checks need enabling" : p.passage?.custom ? "Custom passage" : "Passage")}</a>`);
+}
+function projectPath($$renderer, p) {
+  $$renderer.push(`<span class="ml-auto truncate font-mono text-xs text-muted-foreground">${escape_html(p.path)}</span>`);
+}
+function _page($$renderer, $$props) {
+  $$renderer.component(($$renderer2) => {
+    let { data } = $$props;
+    const fleet = derived(currentFleet);
+    const view = derived(() => {
+      const v = page.url.searchParams.get("view");
+      return v === "passage" || v === "radar" ? v : "cards";
+    });
+    const showing = derived(() => shelfOf(page.url.searchParams.get("view")));
+    const scope = derived(() => page.url.searchParams.get("project"));
+    const projects = derived(() => fleet()?.projects ?? []);
+    const scoped = derived(() => scope() ? projects().find((p) => p.id === scope()) ?? null : null);
+    const tasks = derived(() => (fleet()?.tasks ?? []).filter((t) => !scope() || t.projectId === scope()));
+    const report = derived(() => harbour(tasks(), live.now));
+    const open = derived(() => shelf(tasks(), "under-way"));
+    const h = derived(() => harbour(open(), live.now));
+    const completed = derived(() => shelf(tasks(), "completed"));
+    const projectName = (t) => scope() ? null : projects().find((p) => p.id === t.projectId)?.name ?? t.projectId;
+    const nameOf = (t) => projects().find((p) => p.id === t.projectId)?.name ?? t.projectId;
+    let picked = null;
+    const layout = derived(() => picked ?? data.layout);
+    const LAYOUTS = [
+      { value: "large", label: "Large", icon: Rectangle_horizontal },
+      { value: "compact", label: "Compact", icon: Grid_3x3 },
+      { value: "list", label: "List", icon: List }
+    ];
+    function pickLayout(v) {
+      picked = v;
+      rememberView(VIEW_COOKIE.harbour, v);
+    }
+    let sort = { key: "status", dir: "asc" };
+    const entries = (p) => slots.entries(slotKey.project(p.id), data.slots, data.slotsAt);
+    const tabs = (p) => entries(p).filter((e) => e.slot === "project.tab");
+    const cards = (p) => entries(p).filter((e) => e.slot === "harbour.card");
+    const tabHref = (p, e) => projectTabHref(p.id, e);
+    const headerParts = (p) => [
+      { id: "name", render: projectName_, show: true },
+      {
+        id: "description",
+        render: projectDescription,
+        show: !!p.description
+      },
+      { id: "tabs", render: projectTabs, show: tabs(p).length > 0 },
+      {
+        id: "passage",
+        render: projectPassage,
+        show: p.id !== "unassigned"
+      },
+      { id: "path", render: projectPath, show: !!p.path }
+    ].filter((x) => x.show);
+    let showOlder = false;
+    const href = (v) => {
+      const q = [
+        scope() ? `project=${encodeURIComponent(scope())}` : null,
+        v ? `view=${encodeURIComponent(v)}` : null
+      ].filter(Boolean);
+      return q.length ? `/harbour?${q.join("&")}` : "/harbour";
+    };
+    function board($$renderer3, list, label, kind = "task") {
+      if (layout() === "list") {
+        $$renderer3.push("<!--[0-->");
+        TaskTable($$renderer3, {
+          tasks: list,
+          projectName: nameOf,
+          sort,
+          onsort: (s) => sort = s,
+          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: nameOf(t) });
+        }
+        $$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: projectName(t) });
+        }
+        $$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: kind === "named" ? projectName(t) : null
+          });
+        }
+        $$renderer3.push(`<!--]--></div>`);
+      }
+      $$renderer3.push(`<!--]-->`);
+    }
+    function work($$renderer3, list) {
+      const under = h().underWay.filter((t) => list.includes(t));
+      const queued = h().queued.filter((t) => list.includes(t));
+      const landed = h().landedRecent.filter((t) => list.includes(t));
+      const older = h().landedOlder.filter((t) => list.includes(t));
+      if (under.length) {
+        $$renderer3.push(`<!--[0--><h3 class="section-label mb-3">Under way <span class="tabular">${escape_html(under.length)}</span></h3> `);
+        board($$renderer3, under, "Under way");
+        $$renderer3.push(`<!---->`);
+      } else {
+        $$renderer3.push("<!--[-1-->");
+      }
+      $$renderer3.push(`<!--]--> `);
+      if (queued.length) {
+        $$renderer3.push(`<!--[0--><p class="mt-4 text-sm text-muted-foreground">Queued next: <!--[-->`);
+        const each_array_3 = ensure_array_like(queued);
+        for (let i = 0, $$length = each_array_3.length; i < $$length; i++) {
+          let t = each_array_3[i];
+          $$renderer3.push(`<a class="hover:text-foreground hover:underline"${attr("href", `/tasks/${stringify(encodeURIComponent(t.id))}`)}>${escape_html(t.shortTitle)}</a>${escape_html(i < queued.length - 1 ? ", " : ".")}`);
+        }
+        $$renderer3.push(`<!--]--></p>`);
+      } else {
+        $$renderer3.push("<!--[-1-->");
+      }
+      $$renderer3.push(`<!--]--> `);
+      if (landed.length || showOlder) {
+        $$renderer3.push(`<!--[0--><h3 class="section-label mt-8 mb-3">Landed <span class="tabular">${escape_html(landed.length + 0)}</span></h3> `);
+        board($$renderer3, landed, "Landed");
+        $$renderer3.push(`<!---->`);
+      } else {
+        $$renderer3.push("<!--[-1-->");
+      }
+      $$renderer3.push(`<!--]--> `);
+      if (older.length && !showOlder) {
+        $$renderer3.push(`<!--[0--><button class="mt-4 text-sm text-muted-foreground hover:text-foreground hover:underline">Show ${escape_html(older.length)} older landed ${escape_html(older.length === 1 ? "task" : "tasks")}</button>`);
+      } else {
+        $$renderer3.push("<!--[-1-->");
+      }
+      $$renderer3.push(`<!--]--> `);
+      if (!under.length && !queued.length && !landed.length && !older.length) {
+        $$renderer3.push(`<!--[0--><p class="text-sm text-muted-foreground">Nothing else in harbour right now.</p>`);
+      } else {
+        $$renderer3.push("<!--[-1-->");
+      }
+      $$renderer3.push(`<!--]-->`);
+    }
+    function done($$renderer3, list) {
+      board($$renderer3, list, "Completed");
+    }
+    function projectTabs($$renderer3, p) {
+      $$renderer3.push(`<span class="flex flex-wrap gap-1.5" data-slot="project.tab"><!--[-->`);
+      const each_array_4 = ensure_array_like(tabs(p));
+      for (let $$index_4 = 0, $$length = each_array_4.length; $$index_4 < $$length; $$index_4++) {
+        let e = each_array_4[$$index_4];
+        $$renderer3.push(`<a${attr("href", tabHref(p, e))} class="rounded-md border px-2 py-0.5 text-xs text-muted-foreground hover:bg-accent hover:text-foreground">${escape_html(e.title)}</a>`);
+      }
+      $$renderer3.push(`<!--]--></span>`);
+    }
+    function harbourCards($$renderer3, p) {
+      const list = cards(p);
+      if (list.length) {
+        $$renderer3.push(`<!--[0--><div class="mb-8 grid gap-3 sm:grid-cols-2 lg:grid-cols-3 2xl:grid-cols-4"><!--[-->`);
+        const each_array_5 = ensure_array_like(list);
+        for (let $$index_5 = 0, $$length = each_array_5.length; $$index_5 < $$length; $$index_5++) {
+          let e = each_array_5[$$index_5];
+          $$renderer3.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($$renderer3, { entry: e, now: live.now });
+          $$renderer3.push(`<!----></div>`);
+        }
+        $$renderer3.push(`<!--]--></div>`);
+      } else {
+        $$renderer3.push("<!--[-1-->");
+      }
+      $$renderer3.push(`<!--]-->`);
+    }
+    function scopedTabs($$renderer3, p) {
+      const list = tabs(p);
+      if (list.length) {
+        $$renderer3.push(`<!--[0--><nav class="mt-8 flex gap-1 border-b text-sm"${attr("aria-label", `${stringify(p.name)} views`)}><a${attr("href", href(null))} aria-current="page" class="-mb-px border-b-2 border-foreground px-3 py-2 font-medium">Work</a> <!--[-->`);
+        const each_array_6 = ensure_array_like(list);
+        for (let $$index_6 = 0, $$length = each_array_6.length; $$index_6 < $$length; $$index_6++) {
+          let e = each_array_6[$$index_6];
+          $$renderer3.push(`<a${attr("href", tabHref(p, e))} class="-mb-px border-b-2 border-transparent px-3 py-2 text-muted-foreground hover:text-foreground">${escape_html(e.title)}</a>`);
+        }
+        $$renderer3.push(`<!--]--></nav>`);
+      } else {
+        $$renderer3.push("<!--[-1-->");
+      }
+      $$renderer3.push(`<!--]-->`);
+    }
+    function section($$renderer3, p, list) {
+      $$renderer3.push(`<section class="surface mt-6 p-5 sm:p-6"${attr("aria-labelledby", `proj-${stringify(p.id)}`)}><div class="mb-6 flex flex-wrap items-baseline gap-x-3 gap-y-1"><!--[-->`);
+      const each_array_7 = ensure_array_like(headerParts(p));
+      for (let $$index_7 = 0, $$length = each_array_7.length; $$index_7 < $$length; $$index_7++) {
+        let part = each_array_7[$$index_7];
+        part.render($$renderer3, p);
+        $$renderer3.push(`<!---->`);
+      }
+      $$renderer3.push(`<!--]--></div> `);
+      harbourCards($$renderer3, p);
+      $$renderer3.push(`<!----> `);
+      work($$renderer3, list);
+      $$renderer3.push(`<!----></section>`);
+    }
+    head("162hjno", $$renderer2, ($$renderer3) => {
+      $$renderer3.title(($$renderer4) => {
+        $$renderer4.push(`<title>${escape_html(scoped() ? `${scoped().name} · ` : "")}Harbour · Wheelhouse</title>`);
+      });
+    });
+    $$renderer2.push(`<main class="px-4 pt-6 pb-24 sm:px-6 lg:px-10"><header${attr_class(`surface px-5 sm:px-6 ${view() === "radar" ? "py-4" : "py-6"}`)}><div${attr_class(`flex flex-wrap items-end justify-between ${view() === "radar" ? "gap-3" : "gap-6"}`)}><div class="max-w-3xl"><p class="font-display text-base text-muted-foreground italic">${escape_html(scoped() ? scoped().name : "All projects")}, watch report${escape_html(fleet()?.collectedAt ? ` at ${clock(fleet().collectedAt)}` : "")}`);
+    if (scoped() && scoped().id !== "unassigned") {
+      $$renderer2.push(`<!--[0--> · `);
+      projectPassage($$renderer2, scoped());
+      $$renderer2.push(`<!---->`);
+    } else {
+      $$renderer2.push("<!--[-1-->");
+    }
+    $$renderer2.push(`<!--]--></p> `);
+    if (fleet()?.collectedAt) {
+      $$renderer2.push(`<!--[0--><h1${attr_class(`leading-tight text-balance ${view() === "radar" ? "mt-1 text-xl" : "mt-2 text-[2.1rem]"}`)}>${escape_html(headline(report()))}</h1>`);
+    } else {
+      $$renderer2.push(`<!--[-1--><h1 class="mt-2 text-[2.1rem] leading-tight text-balance text-muted-foreground">Waiting for the first read of Firstmate…</h1>`);
+    }
+    $$renderer2.push(`<!--]--></div> <div class="flex rounded-md border bg-card p-0.5 text-sm" role="tablist" aria-label="View"><a${attr("href", href(null))} role="tab"${attr("aria-selected", view() === "cards")}${attr_class(`inline-flex items-center gap-1.5 rounded-sm px-3 py-1.5 ${view() === "cards" ? "bg-primary font-medium text-primary-foreground" : "text-muted-foreground hover:text-foreground"}`)}>`);
+    Layout_grid($$renderer2, { class: "size-4" });
+    $$renderer2.push(`<!---->Harbour</a> <a${attr("href", href("passage"))} role="tab"${attr("aria-selected", view() === "passage")}${attr_class(`inline-flex items-center gap-1.5 rounded-sm px-3 py-1.5 ${view() === "passage" ? "bg-primary font-medium text-primary-foreground" : "text-muted-foreground hover:text-foreground"}`)}>`);
+    Waypoints($$renderer2, { class: "size-4" });
+    $$renderer2.push(`<!---->Passage</a> <a${attr("href", href("radar"))} role="tab"${attr("aria-selected", view() === "radar")}${attr_class(`inline-flex items-center gap-1.5 rounded-sm px-3 py-1.5 ${view() === "radar" ? "bg-primary font-medium text-primary-foreground" : "text-muted-foreground hover:text-foreground"}`)}>`);
+    Radar($$renderer2, { class: "size-4" });
+    $$renderer2.push(`<!---->Radar</a></div></div> `);
+    if (scoped() && view() === "cards") {
+      $$renderer2.push("<!--[0-->");
+      scopedTabs($$renderer2, scoped());
+    } else {
+      $$renderer2.push("<!--[-1-->");
+    }
+    $$renderer2.push(`<!--]--> `);
+    if (view() === "cards") {
+      $$renderer2.push(`<!--[0--><div class="mt-8 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_8 = ensure_array_like([
+        ["under-way", "Under way", null],
+        ["completed", "Completed", "completed"]
+      ]);
+      for (let $$index_8 = 0, $$length = each_array_8.length; $$index_8 < $$length; $$index_8++) {
+        let [s, label, v] = each_array_8[$$index_8];
+        $$renderer2.push(`<a${attr("href", href(v))} 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(),
+        onchange: pickLayout,
+        label: "Layout"
+      });
+      $$renderer2.push(`<!----></div>`);
+    } else {
+      $$renderer2.push("<!--[-1-->");
+    }
+    $$renderer2.push(`<!--]--></header> `);
+    if (view() === "passage") {
+      $$renderer2.push(`<!--[0--><div class="surface mt-6 p-5 sm:p-6">`);
+      PassageChart($$renderer2, { tasks: tasks(), projects: scoped() ? [scoped()] : projects() });
+      $$renderer2.push(`<!----></div>`);
+    } else if (view() === "radar") {
+      $$renderer2.push(`<!--[1--><section class="surface mt-4 p-4 sm:p-5" aria-labelledby="radar"><h2 id="radar" class="section-label mb-3">Fleet radar</h2> `);
+      RadarBoard($$renderer2, {
+        tasks: tasks(),
+        projects: projects(),
+        now: live.now,
+        connection: live.connection
+      });
+      $$renderer2.push(`<!----></section>`);
+    } else if (showing() === "completed") {
+      $$renderer2.push("<!--[2-->");
+      if (scoped()) {
+        $$renderer2.push(`<!--[0--><section class="surface mt-6 p-5 sm:p-6">`);
+        done($$renderer2, completed());
+        $$renderer2.push(`<!----></section>`);
+      } else {
+        $$renderer2.push(`<!--[-1--><!--[-->`);
+        const each_array_9 = ensure_array_like(projects());
+        for (let $$index_10 = 0, $$length = each_array_9.length; $$index_10 < $$length; $$index_10++) {
+          let p = each_array_9[$$index_10];
+          const list = completed().filter((t) => t.projectId === p.id);
+          if (list.length) {
+            $$renderer2.push(`<!--[0--><section class="surface mt-6 p-5 sm:p-6"${attr("aria-labelledby", `proj-${stringify(p.id)}`)}><div class="mb-6 flex flex-wrap items-baseline gap-x-3 gap-y-1"><!--[-->`);
+            const each_array_10 = ensure_array_like(headerParts(p));
+            for (let $$index_9 = 0, $$length2 = each_array_10.length; $$index_9 < $$length2; $$index_9++) {
+              let part = each_array_10[$$index_9];
+              part.render($$renderer2, p);
+              $$renderer2.push(`<!---->`);
+            }
+            $$renderer2.push(`<!--]--></div> `);
+            done($$renderer2, list);
+            $$renderer2.push(`<!----></section>`);
+          } else {
+            $$renderer2.push("<!--[-1-->");
+          }
+          $$renderer2.push(`<!--]-->`);
+        }
+        $$renderer2.push(`<!--]-->`);
+      }
+      $$renderer2.push(`<!--]--> `);
+      if (fleet()?.collectedAt && !completed().length) {
+        $$renderer2.push(`<!--[0--><p class="surface mt-6 p-5 text-muted-foreground sm:p-6">Nothing completed${escape_html(scoped() ? " 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", "named");
+        $$renderer2.push(`<!----></section>`);
+      } else {
+        $$renderer2.push("<!--[-1-->");
+      }
+      $$renderer2.push(`<!--]--> `);
+      if (scoped()) {
+        $$renderer2.push(`<!--[0--><section class="surface mt-6 p-5 sm:p-6">`);
+        harbourCards($$renderer2, scoped());
+        $$renderer2.push(`<!---->`);
+        work($$renderer2, open());
+        $$renderer2.push(`<!----></section>`);
+      } else {
+        $$renderer2.push(`<!--[-1--><!--[-->`);
+        const each_array_11 = ensure_array_like(projects());
+        for (let $$index_11 = 0, $$length = each_array_11.length; $$index_11 < $$length; $$index_11++) {
+          let p = each_array_11[$$index_11];
+          const list = open().filter((t) => t.projectId === p.id);
+          if (list.some((t) => !h().needsYou.includes(t) && !h().waitingOnFirstmate.includes(t))) {
+            $$renderer2.push("<!--[0-->");
+            section($$renderer2, p, list);
+          } else {
+            $$renderer2.push("<!--[-1-->");
+          }
+          $$renderer2.push(`<!--]-->`);
+        }
+        $$renderer2.push(`<!--]-->`);
+      }
+      $$renderer2.push(`<!--]--> `);
+      if (fleet()?.collectedAt && !open().length) {
+        $$renderer2.push(`<!--[0--><p class="surface mt-6 p-5 text-muted-foreground sm:p-6">Nothing under way${escape_html(scoped() ? " in this project" : "")} right now.</p>`);
+      } else {
+        $$renderer2.push("<!--[-1-->");
+      }
+      $$renderer2.push(`<!--]-->`);
+    }
+    $$renderer2.push(`<!--]--></main>`);
+  });
+}
+
+export { _page as default };
+//# sourceMappingURL=_page.svelte.js-43FRNSVK.js.map