@chrisjowen/wheelhouse 0.1.1 → 0.2.1

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

@@ -0,0 +1,580 @@
+import { aj as head, ak as attr_class, al as escape_html, a8 as ensure_array_like, am as attr, an as stringify, _ as derived, ap as attr_style, a5 as clsx, ac as spread_props } from '../../../chunks/index.js-B0NFhRTN.js';
+import { p as page } from '../../../chunks/index2.js-Bxt1T6_K.js';
+import { p as projectLabels, a as aliases } from '../../../chunks/aliases.svelte.js-C_vCoKdk.js';
+import { l as live, a as currentFleet } from '../../../chunks/live.svelte.js-DavJCZVs.js';
+import { f as fleetHeadline, S as STATE_WORDS, d as dayCounts, b as byAttention, a as berth, F as FILTERS, s as stateOf, c as shows, e as SIGNAL_LABEL, g as stay, l as laneLabel, h as stop, i as lasted, r as radar, A as ACTIVITY_DAYS, t as track } from '../../../chunks/berths.js-CuAE9lHW.js';
+import { c as clock, a as ago, w as workerName } from '../../../chunks/format.js-D3lWEg6U.js';
+import { b as headline, h as harbour, d as chartColumns, p as progress, c as completedAt } from '../../../chunks/harbour.js-PHLHOFea.js';
+import { P as ProjectStateMark } from '../../../chunks/ProjectStateMark.js-BkRD8cX4.js';
+import { b as tone, t as textClass, d as dotClass } from '../../../chunks/tone.js-Dxsl-adt.js';
+import { H as Hand } from '../../../chunks/hand.js-BA9yKAan.js';
+import { A as Arrow_right } from '../../../chunks/arrow-right.js-CNYqcx0M.js';
+import { T as Triangle_alert } from '../../../chunks/triangle-alert.js-ClLszsZE.js';
+import { I as Icon } from '../../../chunks/Icon.js-CVZZ-yuB.js';
+import { C as Check } from '../../../chunks/check.js-32sYHVxG.js';
+import { C as Chevron_right } from '../../../chunks/chevron-right.js-DCBAqAae.js';
+import '../../../chunks/utils.js-BJgm9WbO.js';
+import '../../../chunks/utils2.js-BQzn9ikS.js';
+import '../../../chunks/exports.js-BZBK1HC9.js';
+import '../../../chunks/root.js-60iebdW4.js';
+import '../../../chunks/views.js-DyGxvskG.js';
+import '../../../chunks/circle-dot.js-C950Kosw.js';
+
+function Layout_grid($$renderer, $$props) {
+  let { $$slots, $$events, ...props } = $$props;
+  const iconData = {
+    "name": "layout-grid",
+    "size": 24,
+    "node": [
+      [
+        "rect",
+        { "width": "7", "height": "7", "x": "3", "y": "3", "rx": "1" }
+      ],
+      [
+        "rect",
+        { "width": "7", "height": "7", "x": "14", "y": "3", "rx": "1" }
+      ],
+      [
+        "rect",
+        { "width": "7", "height": "7", "x": "14", "y": "14", "rx": "1" }
+      ],
+      [
+        "rect",
+        { "width": "7", "height": "7", "x": "3", "y": "14", "rx": "1" }
+      ]
+    ]
+  };
+  Icon($$renderer, spread_props([props, { icon: iconData }]));
+}
+function Radar($$renderer, $$props) {
+  let { $$slots, $$events, ...props } = $$props;
+  const iconData = {
+    "name": "radar",
+    "size": 24,
+    "node": [
+      ["path", { "d": "M19.07 4.93A10 10 0 0 0 6.99 3.34" }],
+      ["path", { "d": "M4 6h.01" }],
+      ["path", { "d": "M2.29 9.62A10 10 0 1 0 21.31 8.35" }],
+      ["path", { "d": "M16.24 7.76A6 6 0 1 0 8.23 16.67" }],
+      ["path", { "d": "M12 18h.01" }],
+      ["path", { "d": "M17.99 11.66A6 6 0 0 1 15.77 16.67" }],
+      ["circle", { "cx": "12", "cy": "12", "r": "2" }],
+      ["path", { "d": "m13.41 10.59 5.66-5.66" }]
+    ]
+  };
+  Icon($$renderer, spread_props([props, { icon: iconData }]));
+}
+function Shield_alert($$renderer, $$props) {
+  let { $$slots, $$events, ...props } = $$props;
+  const iconData = {
+    "name": "shield-alert",
+    "size": 24,
+    "node": [
+      [
+        "path",
+        {
+          "d": "M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z"
+        }
+      ],
+      ["path", { "d": "M12 8v4" }],
+      ["path", { "d": "M12 16h.01" }]
+    ]
+  };
+  Icon($$renderer, spread_props([props, { icon: iconData }]));
+}
+function Waypoints($$renderer, $$props) {
+  let { $$slots, $$events, ...props } = $$props;
+  const iconData = {
+    "name": "waypoints",
+    "size": 24,
+    "node": [
+      ["path", { "d": "m10.586 5.414-5.172 5.172" }],
+      ["path", { "d": "m18.586 13.414-5.172 5.172" }],
+      ["path", { "d": "M6 12h12" }],
+      ["circle", { "cx": "12", "cy": "20", "r": "2" }],
+      ["circle", { "cx": "12", "cy": "4", "r": "2" }],
+      ["circle", { "cx": "20", "cy": "12", "r": "2" }],
+      ["circle", { "cx": "4", "cy": "12", "r": "2" }]
+    ]
+  };
+  Icon($$renderer, spread_props([props, { icon: iconData }]));
+}
+function ActivityPulse($$renderer, $$props) {
+  $$renderer.component(($$renderer2) => {
+    let { commits, landed, width = 112, height = 22 } = $$props;
+    const heights = derived(() => commits ?? landed);
+    const max = derived(() => Math.max(4, ...heights()));
+    const step = derived(() => width / heights().length);
+    const total = (xs) => xs.reduce((a, b) => a + b, 0);
+    const label = derived(() => `${commits ? `${total(commits)} commits and ` : ""}${total(landed)} landed in the last two weeks`);
+    $$renderer2.push(`<svg${attr("width", width)}${attr("height", height)}${attr("viewBox", `0 0 ${stringify(width)} ${stringify(height)}`)} role="img"${attr("aria-label", label())} class="shrink-0"><title>${escape_html(label())}</title><!--[-->`);
+    const each_array = ensure_array_like(heights());
+    for (let i = 0, $$length = each_array.length; i < $$length; i++) {
+      let n = each_array[i];
+      const h = n ? Math.max(2, n / max() * (height - 2)) : 1;
+      $$renderer2.push(`<rect${attr("x", i * step() + 1)}${attr("y", height - h)}${attr("width", Math.max(2, step() - 3))}${attr("height", h)} rx="1"${attr_class(clsx(landed[i] ? "fill-foreground/70" : n ? "fill-foreground/25" : "fill-foreground/10"))}></rect>`);
+    }
+    $$renderer2.push(`<!--]--></svg>`);
+  });
+}
+function StepTicks($$renderer, $$props) {
+  $$renderer.component(($$renderer2) => {
+    let { task } = $$props;
+    const p = derived(() => task.passage);
+    const step = derived(() => p().steps[p().current]);
+    const t = derived(() => step()?.failed ? "trouble" : tone(task));
+    const on = derived(() => t() === "trouble" ? "bg-danger" : t() === "you" ? "bg-sea" : "bg-foreground/70");
+    const text = derived(() => t() === "trouble" ? "text-danger" : t() === "you" ? "text-sea" : "text-muted-foreground");
+    if (step()) {
+      $$renderer2.push(`<!--[0--><span class="inline-flex shrink-0 items-center gap-2"${attr("title", `Step ${stringify(p().current + 1)} of ${stringify(p().steps.length)}: ${stringify(step().label)}${step().failed ? ", failed" : ""}`)}><span class="flex gap-0.5" aria-hidden="true"><!--[-->`);
+      const each_array = ensure_array_like(p().steps);
+      for (let i = 0, $$length = each_array.length; i < $$length; i++) {
+        each_array[i];
+        $$renderer2.push(`<span${attr_class(`h-1.5 w-2.5 rounded-full ${i < p().current ? "bg-foreground/35" : i === p().current ? on() : "bg-foreground/10"}`)}></span>`);
+      }
+      $$renderer2.push(`<!--]--></span> <span${attr_class(`text-xs whitespace-nowrap ${text()}`)}>${escape_html(step().label)}${escape_html(step().failed ? " failed" : "")}</span></span>`);
+    } else {
+      $$renderer2.push("<!--[-1-->");
+    }
+    $$renderer2.push(`<!--]-->`);
+  });
+}
+function ProjectBerth($$renderer, $$props) {
+  $$renderer.component(($$renderer2) => {
+    let { berth: b, label, commits, now } = $$props;
+    const p = derived(() => b.project);
+    const href = derived(() => `/projects/${encodeURIComponent(p().id)}`);
+    const task = (t) => `/tasks/${encodeURIComponent(t.id)}`;
+    const move = derived(() => b.yourMove[0] ?? null);
+    const held = derived(() => move() ? null : b.heldUp[0] ?? null);
+    const rest = derived(() => [...b.heldUp, ...b.moving].filter((t) => t !== held()));
+    const verb = (t) => t.attention?.kind === "decision" ? "Decide" : t.attention?.approved ? "Merge" : "Review";
+    const when = (t) => {
+      const at = t ? completedAt(t) : null;
+      return at === null ? null : ago(new Date(at).toISOString(), now);
+    };
+    const landedDays = derived(() => dayCounts(b.landings, now, ACTIVITY_DAYS));
+    const plural = (n, one, many) => `${n} ${n === 1 ? one : many}`;
+    const footnote = derived(() => [
+      b.openPullRequests ? plural(b.openPullRequests, "open pull request", "open pull requests") : null,
+      b.lastActivity === null ? "No activity yet" : `Last activity ${ago(new Date(b.lastActivity).toISOString(), now)}`
+    ].filter(Boolean).join(" · "));
+    $$renderer2.push(`<article class="surface relative flex min-w-0 flex-col p-5 transition-colors hover:border-foreground/30"${attr("aria-labelledby", `berth-${stringify(p().id)}`)}${attr("data-project", p().id)}><div class="flex items-start gap-3">`);
+    if (label) {
+      $$renderer2.push(`<!--[0--><span class="project-tile mt-1.5"${attr("data-hue", label.hue)} aria-hidden="true">${escape_html(label.monogram)}</span>`);
+    } else {
+      $$renderer2.push("<!--[-1-->");
+    }
+    $$renderer2.push(`<!--]--> <h2${attr("id", `berth-${stringify(p().id)}`)} class="min-w-0 flex-1 font-display text-[1.4rem] leading-tight font-medium [overflow-wrap:anywhere]"${attr("title", label?.full ?? p().name)}><a${attr("href", href())} class="after:absolute after:inset-0 after:rounded-lg focus-visible:underline focus-visible:outline-none">`);
+    if (label?.group) {
+      $$renderer2.push(`<!--[0--><span class="block font-sans text-xs font-normal text-muted-foreground">${escape_html(label.group)}</span>`);
+    } else {
+      $$renderer2.push("<!--[-1-->");
+    }
+    $$renderer2.push(`<!--]-->${escape_html(label?.label ?? p().name)}</a></h2> `);
+    ProjectStateMark($$renderer2, { state: b.state });
+    $$renderer2.push(`<!----></div> `);
+    if (move()) {
+      $$renderer2.push(`<!--[0--><a${attr("href", task(move()))} class="relative z-10 mt-4 flex items-start gap-3 rounded-md border border-l-4 border-sea/40 border-l-sea bg-sea/5 px-3 py-2.5 hover:bg-sea/10">`);
+      Hand($$renderer2, {
+        class: "mt-1 size-4 shrink-0 text-sea",
+        "aria-hidden": "true"
+      });
+      $$renderer2.push(`<!----> <span class="min-w-0 flex-1"><span class="block font-medium">${escape_html(verb(move()))}: ${escape_html(move().shortTitle)}</span> <span class="block text-xs text-muted-foreground">${escape_html(move().attention?.text ? `${stop(move().attention.text)}.` : "Waiting on you.")}${escape_html(lasted("Waiting", move(), now))}${escape_html(b.yourMove.length > 1 ? ` And ${b.yourMove.length - 1} more.` : "")}</span></span> `);
+      Arrow_right($$renderer2, {
+        class: "mt-1 size-4 shrink-0 text-sea",
+        "aria-hidden": "true"
+      });
+      $$renderer2.push(`<!----></a>`);
+    } else if (held()) {
+      $$renderer2.push("<!--[1-->");
+      const step = held().passage.steps[held().passage.current];
+      $$renderer2.push(`<a${attr("href", task(held()))} class="relative z-10 mt-4 flex items-start gap-3 rounded-md border border-l-4 border-danger/40 border-l-danger bg-danger/5 px-3 py-2.5 hover:bg-danger/10">`);
+      Triangle_alert($$renderer2, {
+        class: "mt-1 size-4 shrink-0 text-danger",
+        "aria-hidden": "true"
+      });
+      $$renderer2.push(`<!----> <span class="min-w-0 flex-1"><span class="block font-medium">${escape_html(held().shortTitle)}</span> <span class="line-clamp-2 block text-xs text-muted-foreground">${escape_html(step?.failed ? `${step.label} failed.` : `${stop(held().statusLabel)}.`)}${escape_html(lasted("Held up", held(), now))}${escape_html(held().summary ? ` ${held().summary}` : "")}</span></span></a>`);
+    } else if (p().passage?.problems || p().passage?.needsConsent) {
+      $$renderer2.push(`<!--[2--><a${attr("href", `${href()}/passage`)}${attr_class(`relative z-10 mt-4 flex items-center gap-3 rounded-md border border-l-4 px-3 py-2.5 text-sm ${p().passage.problems ? "border-danger/40 border-l-danger bg-danger/5 hover:bg-danger/10" : "border-sea/40 border-l-sea bg-sea/5 hover:bg-sea/10"}`)}>`);
+      Shield_alert($$renderer2, {
+        class: `size-4 shrink-0 ${p().passage.problems ? "text-danger" : "text-sea"}`,
+        "aria-hidden": "true"
+      });
+      $$renderer2.push(`<!----> ${escape_html(p().passage.problems ? "Its passage file has problems." : "Its passage checks need enabling.")}</a>`);
+    } else {
+      $$renderer2.push("<!--[-1-->");
+    }
+    $$renderer2.push(`<!--]--> <h3 class="mt-4 text-xs font-medium tracking-wide text-muted-foreground uppercase">Under way</h3> `);
+    if (rest().length) {
+      $$renderer2.push(`<!--[0--><ul class="mt-1.5 space-y-2"><!--[-->`);
+      const each_array = ensure_array_like(rest().slice(0, 3));
+      for (let $$index = 0, $$length = each_array.length; $$index < $$length; $$index++) {
+        let t = each_array[$$index];
+        $$renderer2.push(`<li class="flex items-center justify-between gap-3 text-sm"><a${attr("href", task(t))} class="relative z-10 min-w-0 truncate hover:underline">${escape_html(t.shortTitle)}</a> `);
+        StepTicks($$renderer2, { task: t });
+        $$renderer2.push(`<!----></li>`);
+      }
+      $$renderer2.push(`<!--]--></ul>`);
+    } else {
+      $$renderer2.push("<!--[-1-->");
+    }
+    $$renderer2.push(`<!--]--> `);
+    if (!rest().length || rest().length > 3 || b.queued.length) {
+      $$renderer2.push(`<!--[0--><p class="mt-1.5 text-sm text-muted-foreground">${escape_html([
+        rest().length > 3 ? `${rest().length - 3} more under way.` : rest().length ? null : move() || held() ? "Nothing else under way." : "Nothing under way.",
+        b.queued.length ? `${b.queued.length} queued.` : null
+      ].filter(Boolean).join(" "))}</p>`);
+    } else {
+      $$renderer2.push("<!--[-1-->");
+    }
+    $$renderer2.push(`<!--]--> <p class="mt-4 mb-5 flex items-start gap-2 text-sm">`);
+    Check($$renderer2, {
+      class: "mt-1 size-4 shrink-0 text-success",
+      "aria-hidden": "true"
+    });
+    $$renderer2.push(`<!----> <span class="min-w-0">`);
+    if (b.landed.length) {
+      $$renderer2.push(`<!--[0-->${escape_html(b.landed.length)} landed this week. <span class="text-muted-foreground">Latest: ${escape_html(b.landed[0].shortTitle)}, ${escape_html(when(b.landed[0]))}.</span>`);
+    } else if (b.lastLanded) {
+      $$renderer2.push(`<!--[1-->Nothing landed this week. <span class="text-muted-foreground">Last: ${escape_html(b.lastLanded.shortTitle)}, ${escape_html(when(b.lastLanded))}.</span>`);
+    } else {
+      $$renderer2.push(`<!--[-1--><span class="text-muted-foreground">Nothing has landed yet.</span>`);
+    }
+    $$renderer2.push(`<!--]--></span></p> <div class="mt-auto flex items-center gap-3 border-t border-hair pt-3 text-xs text-muted-foreground">`);
+    ActivityPulse($$renderer2, { commits, landed: landedDays() });
+    $$renderer2.push(`<!----> <span class="ml-auto text-right">${escape_html(footnote())}</span></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>`);
+  });
+}
+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)}: ${b.task.runs && b.task.runs.current > 1 ? `run ${b.task.runs.current}, ` : ""}${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(t.runs && t.runs.current > 1 ? `Run ${t.runs.current} · ` : "")}${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 _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 : "projects";
+    });
+    const scope = derived(() => view() === "projects" ? null : page.url.searchParams.get("project"));
+    const projects = derived(() => fleet()?.projects ?? []);
+    const scoped = derived(() => scope() ? projects().find((p) => p.id === scope()) ?? null : null);
+    const allTasks = derived(() => fleet()?.tasks ?? []);
+    const tasks = derived(() => allTasks().filter((t) => !scope() || t.projectId === scope()));
+    const report = derived(() => harbour(tasks(), live.now));
+    const berths = derived(() => byAttention(projects().map((p) => berth(p, allTasks().filter((t) => t.projectId === p.id), live.now))));
+    const labels = derived(() => projectLabels(projects(), aliases.names));
+    const show = derived(() => stateOf(page.url.searchParams.get("show")));
+    const shown = derived(() => berths().filter((b) => shows(b.state, show())));
+    const busy = derived(() => shown().filter((b) => b.state !== "quiet"));
+    const quiet = derived(() => shown().filter((b) => b.state === "quiet"));
+    const counts = derived(() => Object.fromEntries(FILTERS.map((s) => [s, berths().filter((b) => shows(b.state, s)).length])));
+    const href = (q) => {
+      const s = Object.entries(q).filter(([, v]) => v).map(([k, v]) => `${k}=${encodeURIComponent(v)}`).join("&");
+      return s ? `/harbour?${s}` : "/harbour";
+    };
+    const viewHref = (v) => href({ project: scope(), view: v });
+    const VIEWS = [
+      {
+        key: "projects",
+        label: "Projects",
+        icon: Layout_grid,
+        v: null
+      },
+      {
+        key: "passage",
+        label: "Passage",
+        icon: Waypoints,
+        v: "passage"
+      },
+      { key: "radar", label: "Radar", icon: Radar, v: "radar" }
+    ];
+    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(`-mx-4 -mt-6 border-b border-hair bg-panel px-4 sm:-mx-6 sm:px-6 lg:-mx-10 lg:px-10 ${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 : "Every project Firstmate looks after")}, watch report${escape_html(fleet()?.collectedAt ? ` at ${clock(fleet().collectedAt)}` : "")}</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(view() === "projects" ? fleetHeadline(berths()) : 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"><!--[-->`);
+    const each_array = ensure_array_like(VIEWS);
+    for (let $$index = 0, $$length = each_array.length; $$index < $$length; $$index++) {
+      let v = each_array[$$index];
+      $$renderer2.push(`<a${attr("href", viewHref(v.v))} role="tab"${attr("aria-selected", view() === v.key)}${attr_class(`inline-flex items-center gap-1.5 rounded-sm px-3 py-1.5 ${view() === v.key ? "bg-primary font-medium text-primary-foreground" : "text-muted-foreground hover:text-foreground"}`)}>`);
+      if (v.icon) {
+        $$renderer2.push("<!--[-->");
+        v.icon($$renderer2, { class: "size-4" });
+        $$renderer2.push("<!--]-->");
+      } else {
+        $$renderer2.push("<!--[!-->");
+        $$renderer2.push("<!--]-->");
+      }
+      $$renderer2.push(`${escape_html(v.label)}</a>`);
+    }
+    $$renderer2.push(`<!--]--></div></div> `);
+    if (view() === "projects" && berths().length) {
+      $$renderer2.push(`<!--[0--><div class="mt-6 flex flex-wrap rounded-md border bg-card p-0.5 text-sm max-sm:w-full sm:inline-flex" role="tablist" aria-label="Show"><!--[-->`);
+      const each_array_1 = ensure_array_like([null, ...FILTERS]);
+      for (let $$index_1 = 0, $$length = each_array_1.length; $$index_1 < $$length; $$index_1++) {
+        let s = each_array_1[$$index_1];
+        $$renderer2.push(`<a${attr("href", href({ show: s }))} role="tab"${attr("aria-selected", show() === s)}${attr_class(`rounded-sm px-3 py-1.5 whitespace-nowrap ${show() === s ? "bg-primary font-medium text-primary-foreground" : "text-muted-foreground hover:text-foreground"}`)}>${escape_html(s ? STATE_WORDS[s] : "All")} <span class="tabular opacity-70">${escape_html(s ? counts()[s] : berths().length)}</span></a>`);
+      }
+      $$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 (fleet()?.collectedAt && !projects().length) {
+      $$renderer2.push(`<!--[2--><p class="surface mt-6 p-5 text-muted-foreground sm:p-6">No projects yet. Firstmate lists them in its project registry once you add one.</p>`);
+    } else {
+      $$renderer2.push("<!--[-1-->");
+      if (busy().length) {
+        $$renderer2.push(`<!--[0--><div class="mt-6 grid gap-6 md:grid-cols-2 xl:grid-cols-3"><!--[-->`);
+        const each_array_2 = ensure_array_like(busy());
+        for (let $$index_2 = 0, $$length = each_array_2.length; $$index_2 < $$length; $$index_2++) {
+          let b = each_array_2[$$index_2];
+          ProjectBerth($$renderer2, {
+            berth: b,
+            label: labels().get(b.project.id),
+            commits: data.commits[b.project.id] ?? null,
+            now: live.now
+          });
+        }
+        $$renderer2.push(`<!--]--></div>`);
+      } else if (show() && !quiet().length && fleet()?.collectedAt) {
+        $$renderer2.push(`<!--[1--><p class="surface mt-6 p-5 text-muted-foreground sm:p-6">No project is ${escape_html(STATE_WORDS[show()].toLowerCase())} right now.</p>`);
+      } else {
+        $$renderer2.push("<!--[-1-->");
+      }
+      $$renderer2.push(`<!--]--> `);
+      if (quiet().length) {
+        $$renderer2.push(`<!--[0--><section class="mt-8" aria-labelledby="quiet"><h2 id="quiet" class="section-label mb-3">Quiet waters</h2> <ul class="surface divide-y divide-hair"><!--[-->`);
+        const each_array_3 = ensure_array_like(quiet());
+        for (let $$index_3 = 0, $$length = each_array_3.length; $$index_3 < $$length; $$index_3++) {
+          let b = each_array_3[$$index_3];
+          const l = labels().get(b.project.id);
+          const last = b.lastLanded;
+          $$renderer2.push(`<li><a${attr("href", `/projects/${stringify(encodeURIComponent(b.project.id))}`)} class="flex flex-wrap items-center gap-x-4 gap-y-1 px-5 py-3 hover:bg-accent/50"${attr("data-project", b.project.id)}>`);
+          if (l) {
+            $$renderer2.push(`<!--[0--><span class="project-tile"${attr("data-hue", l.hue)} aria-hidden="true">${escape_html(l.monogram)}</span>`);
+          } else {
+            $$renderer2.push("<!--[-1-->");
+          }
+          $$renderer2.push(`<!--]--> <span class="min-w-0 truncate font-display text-[1.15rem] sm:w-56"${attr("title", l?.full)}>${escape_html(l?.label ?? b.project.name)}</span> <span class="min-w-0 flex-1 text-sm text-muted-foreground max-sm:basis-full">Nothing under way. `);
+          if (last && b.landings[0]) {
+            $$renderer2.push(`<!--[0-->Last landed ${escape_html(ago(new Date(b.landings[0]).toISOString(), live.now))}: ${escape_html(last.shortTitle)}.`);
+          } else {
+            $$renderer2.push(`<!--[-1-->No work yet.`);
+          }
+          $$renderer2.push(`<!--]--></span> <span class="max-sm:hidden">`);
+          ActivityPulse($$renderer2, {
+            commits: data.commits[b.project.id] ?? null,
+            landed: dayCounts(b.landings, live.now, ACTIVITY_DAYS)
+          });
+          $$renderer2.push(`<!----></span> `);
+          Chevron_right($$renderer2, {
+            class: "size-4 text-muted-foreground max-sm:hidden",
+            "aria-hidden": "true"
+          });
+          $$renderer2.push(`<!----></a></li>`);
+        }
+        $$renderer2.push(`<!--]--></ul></section>`);
+      } else {
+        $$renderer2.push("<!--[-1-->");
+      }
+      $$renderer2.push(`<!--]-->`);
+    }
+    $$renderer2.push(`<!--]--></main>`);
+  });
+}
+
+export { _page as default };
+//# sourceMappingURL=_page.svelte.js-D8RsASWB.js.map

package/build/server/chunks/entries/pages/headroom/_page.server.ts.js-DtFxpkIR.js

@@ -0,0 +1,11 @@
+import { e as currentHeadroom } from '../../../chunks/runtime.js-4msnOWzY.js';
+
+const load = async () => ({ view: await currentHeadroom() });
+
+var _page_server_ts = /*#__PURE__*/Object.freeze({
+  __proto__: null,
+  load: load
+});
+
+export { _page_server_ts as _ };
+//# sourceMappingURL=_page.server.ts.js-DtFxpkIR.js.map