@chrisjowen/wheelhouse 0.1.1 → 0.2.1

package/build/server/chunks/chunks/ProjectBanner.js-19PQF0LD.js

@@ -0,0 +1,111 @@
+import { am as attr, an as stringify, al as escape_html, _ as derived, a8 as ensure_array_like, ak as attr_class } from './index.js-B0NFhRTN.js';
+import { p as projectLabels, a as aliases } from './aliases.svelte.js-C_vCoKdk.js';
+import { p as projectLine, a as berth } from './berths.js-CuAE9lHW.js';
+import { a as ago } from './format.js-D3lWEg6U.js';
+import { p as projectTabHref } from './keys.js-iHygUPeb.js';
+import { a as postureWords } from './views.js-DyGxvskG.js';
+import { P as ProjectStateMark } from './ProjectStateMark.js-BkRD8cX4.js';
+import { C as Chevron_left } from './chevron-left.js-D5RHY-kD.js';
+import { E as External_link } from './external-link.js-BQs1euhR.js';
+
+function ProjectBanner($$renderer, $$props) {
+  $$renderer.component(($$renderer2) => {
+    let {
+      id,
+      project,
+      tasks,
+      tabs,
+      repo,
+      current,
+      now,
+      compact = false
+      /** 'work', 'passage', or the current plugin tab's key. */
+    } = $$props;
+    const base = derived(() => `/projects/${encodeURIComponent(id)}`);
+    const b = derived(() => project ? berth(project, tasks, now) : null);
+    const label = derived(() => project ? projectLabels([project], aliases.names).get(project.id) : void 0);
+    const name = derived(() => label()?.label ?? project?.name ?? id);
+    const posture = derived(() => project ? postureWords(project) : null);
+    const facts = derived(() => b() ? [
+      `${b().underWay} under way`,
+      b().yourMove.length ? `${b().yourMove.length} waiting on you` : null,
+      `${b().landed.length} landed this week`,
+      b().lastActivity === null ? "no activity yet" : `last activity ${ago(new Date(b().lastActivity).toISOString(), now)}`,
+      posture()?.short ?? null
+    ].filter(Boolean) : []);
+    const passage = derived(() => project?.passage?.problems ? "text-danger" : project?.passage?.needsConsent ? "text-sea" : "");
+    function tabRow($$renderer3) {
+      $$renderer3.push(`<a${attr("href", base())} class="nav-tab -mb-px border-b-2"${attr("aria-current", current === "work" ? "page" : void 0)}>Work</a> <!--[-->`);
+      const each_array = ensure_array_like(tabs);
+      for (let $$index = 0, $$length = each_array.length; $$index < $$length; $$index++) {
+        let e = each_array[$$index];
+        $$renderer3.push(`<a${attr("href", projectTabHref(id, e))} class="nav-tab -mb-px border-b-2" data-slot="project.tab"${attr("aria-current", current === e.key ? "page" : void 0)}>${escape_html(e.title)}</a>`);
+      }
+      $$renderer3.push(`<!--]--> `);
+      if (id !== "unassigned") {
+        $$renderer3.push(`<!--[0--><a${attr("href", `${base()}/passage`)}${attr_class(`nav-tab -mb-px border-b-2 ${passage()}`)}${attr("aria-current", current === "passage" ? "page" : void 0)}${attr("title", project?.passage?.problems ? "Its passage file has problems" : project?.passage?.needsConsent ? "Its passage checks need enabling" : void 0)}>Passage</a>`);
+      } else {
+        $$renderer3.push("<!--[-1-->");
+      }
+      $$renderer3.push(`<!--]--> `);
+      if (repo) {
+        $$renderer3.push(`<!--[0--><a${attr("href", repo)} target="_blank" rel="noreferrer" class="nav-tab -mb-px inline-flex items-center gap-1 border-b-2">Repository`);
+        External_link($$renderer3, { class: "size-3.5", "aria-hidden": "true" });
+        $$renderer3.push(`<!----></a>`);
+      } else {
+        $$renderer3.push("<!--[-1-->");
+      }
+      $$renderer3.push(`<!--]-->`);
+    }
+    if (compact) {
+      $$renderer2.push(`<!--[0--><nav class="no-scrollbar flex shrink-0 items-end gap-x-1 overflow-x-auto border-b border-hair bg-panel px-4 pt-1.5 sm:px-6"${attr("aria-label", `${stringify(name())} pages`)}><a href="/harbour" class="mr-1 mb-2 inline-flex items-center gap-1 text-sm whitespace-nowrap text-muted-foreground hover:text-foreground">`);
+      Chevron_left($$renderer2, { class: "size-4", "aria-hidden": "true" });
+      $$renderer2.push(`<!---->Harbour</a> <a${attr("href", base())} class="mr-2 mb-2 font-display text-lg whitespace-nowrap hover:underline">${escape_html(name())}</a> `);
+      if (b()) {
+        $$renderer2.push(`<!--[0--><span class="mr-3 mb-2">`);
+        ProjectStateMark($$renderer2, { state: b().state });
+        $$renderer2.push(`<!----></span>`);
+      } else {
+        $$renderer2.push("<!--[-1-->");
+      }
+      $$renderer2.push(`<!--]--> `);
+      tabRow($$renderer2);
+      $$renderer2.push(`<!----></nav>`);
+    } else {
+      $$renderer2.push(`<!--[-1--><header class="-mx-4 -mt-6 border-b border-hair bg-panel px-4 pt-5 sm:-mx-6 sm:px-6 lg:-mx-10 lg:px-10"><a href="/harbour" class="inline-flex items-center gap-1 font-display text-base text-muted-foreground italic hover:text-foreground">`);
+      Chevron_left($$renderer2, { class: "size-4", "aria-hidden": "true" });
+      $$renderer2.push(`<!---->Harbour</a> <div class="mt-3 flex flex-wrap items-center gap-x-4 gap-y-2">`);
+      if (label()) {
+        $$renderer2.push(`<!--[0--><span class="project-tile !h-9 !w-11 !rounded-md !text-sm"${attr("data-hue", label().hue)} aria-hidden="true">${escape_html(label().monogram)}</span>`);
+      } else {
+        $$renderer2.push("<!--[-1-->");
+      }
+      $$renderer2.push(`<!--]--> <h1 class="min-w-0 text-[2.1rem] leading-tight [overflow-wrap:anywhere]"${attr("title", project?.name)}>${escape_html(name())}</h1> `);
+      if (b()) {
+        $$renderer2.push("<!--[0-->");
+        ProjectStateMark($$renderer2, { state: b().state });
+      } else {
+        $$renderer2.push("<!--[-1-->");
+      }
+      $$renderer2.push(`<!--]--></div> `);
+      if (project?.description) {
+        $$renderer2.push(`<!--[0--><p class="mt-1 max-w-3xl text-muted-foreground">${escape_html(project.description)}</p>`);
+      } else {
+        $$renderer2.push("<!--[-1-->");
+      }
+      $$renderer2.push(`<!--]--> `);
+      if (b()) {
+        $$renderer2.push(`<!--[0--><p class="mt-4 max-w-4xl font-display text-[1.35rem] leading-snug">${escape_html(projectLine(b(), now))}</p> <p class="mt-2 text-sm text-muted-foreground">${escape_html(facts().join(" · "))}</p>`);
+      } else {
+        $$renderer2.push("<!--[-1-->");
+      }
+      $$renderer2.push(`<!--]--> <nav class="mt-6 flex flex-wrap items-end gap-x-1"${attr("aria-label", `${stringify(name())} pages`)}>`);
+      tabRow($$renderer2);
+      $$renderer2.push(`<!----></nav></header>`);
+    }
+    $$renderer2.push(`<!--]-->`);
+  });
+}
+
+export { ProjectBanner as P };
+//# sourceMappingURL=ProjectBanner.js-19PQF0LD.js.map

package/build/server/chunks/chunks/ProjectStateMark.js-BkRD8cX4.js

@@ -0,0 +1,61 @@
+import { ak as attr_class, an as stringify, al as escape_html, _ as derived, ac as spread_props } from './index.js-B0NFhRTN.js';
+import { S as STATE_WORDS } from './berths.js-CuAE9lHW.js';
+import { A as Anchor } from './aliases.svelte.js-C_vCoKdk.js';
+import { C as Circle_dot } from './circle-dot.js-C950Kosw.js';
+import { I as Icon } from './Icon.js-CVZZ-yuB.js';
+import { T as Triangle_alert } from './triangle-alert.js-ClLszsZE.js';
+import { H as Hand } from './hand.js-BA9yKAan.js';
+
+function Sparkles($$renderer, $$props) {
+  let { $$slots, $$events, ...props } = $$props;
+  const iconData = {
+    "name": "sparkles",
+    "size": 24,
+    "node": [
+      [
+        "path",
+        {
+          "d": "M11.017 2.814a1 1 0 0 1 1.966 0l1.051 5.558a2 2 0 0 0 1.594 1.594l5.558 1.051a1 1 0 0 1 0 1.966l-5.558 1.051a2 2 0 0 0-1.594 1.594l-1.051 5.558a1 1 0 0 1-1.966 0l-1.051-5.558a2 2 0 0 0-1.594-1.594l-5.558-1.051a1 1 0 0 1 0-1.966l5.558-1.051a2 2 0 0 0 1.594-1.594z"
+        }
+      ],
+      ["path", { "d": "M20 2v4" }],
+      ["path", { "d": "M22 4h-4" }],
+      ["circle", { "cx": "4", "cy": "20", "r": "2" }]
+    ],
+    "aliases": ["stars"]
+  };
+  Icon($$renderer, spread_props([props, { icon: iconData }]));
+}
+function ProjectStateMark($$renderer, $$props) {
+  $$renderer.component(($$renderer2) => {
+    let { state } = $$props;
+    const ICONS = {
+      "needs-you": Hand,
+      "held-up": Triangle_alert,
+      new: Sparkles,
+      "under-way": Circle_dot,
+      quiet: Anchor
+    };
+    const TONE = {
+      "needs-you": "border-sea/40 bg-sea/10 text-sea",
+      "held-up": "border-danger/40 bg-danger/10 text-danger",
+      new: "border-success/40 bg-success/10 text-success",
+      "under-way": "border-hair bg-muted/60 text-foreground",
+      quiet: "border-hair text-muted-foreground"
+    };
+    const Icon2 = derived(() => ICONS[state]);
+    $$renderer2.push(`<span${attr_class(`inline-flex shrink-0 items-center gap-1.5 rounded-full border px-2.5 py-0.5 text-xs font-medium whitespace-nowrap ${stringify(TONE[state])}`)}>`);
+    if (Icon2()) {
+      $$renderer2.push("<!--[-->");
+      Icon2()($$renderer2, { class: "size-3.5", "aria-hidden": "true" });
+      $$renderer2.push("<!--]-->");
+    } else {
+      $$renderer2.push("<!--[!-->");
+      $$renderer2.push("<!--]-->");
+    }
+    $$renderer2.push(`${escape_html(STATE_WORDS[state])}</span>`);
+  });
+}
+
+export { ProjectStateMark as P };
+//# sourceMappingURL=ProjectStateMark.js-BkRD8cX4.js.map

package/build/server/chunks/chunks/QuestionList.js-CppuauNj.js

@@ -0,0 +1,187 @@
+import { a8 as ensure_array_like, ak as attr_class, am as attr, al as escape_html, an as stringify, ap as attr_style, a6 as bind_props, _ as derived } from './index.js-B0NFhRTN.js';
+import { S as Square_terminal } from './square-terminal.js-D9D9_9_V.js';
+import { X } from './x.js-YxaUOlq9.js';
+import { M as Maximize_2 } from './StageTrack.js-DHvZX7Bl.js';
+
+const NO_SCREENSHOTS = "No screenshots saved";
+const NO_PREVIEW = "No live preview reported";
+const NO_PR = "No pull request recorded";
+const awaitingReview = (t) => t.attention?.owner === "captain" && t.attention.kind === "review";
+function shotsText(count) {
+  if (count <= 0) return NO_SCREENSHOTS;
+  return `${count} ${count === 1 ? "screenshot" : "screenshots"}`;
+}
+function reviewView(t, shots = null) {
+  const list = shots ?? [];
+  const count = shots ? list.length : t.screenshots;
+  const preview = t.preview?.url ?? t.passage.link?.url ?? null;
+  return {
+    shots: list,
+    shotsText: shotsText(count),
+    preview: preview ? { url: preview } : null,
+    previewText: preview ? "Live preview" : NO_PREVIEW,
+    pr: t.pr ? { url: t.pr.url, label: t.pr.number ? `PR #${t.pr.number}` : "Pull request" } : null,
+    prText: t.pr ? t.pr.number ? `PR #${t.pr.number}` : "Pull request" : NO_PR
+  };
+}
+const MIN_CONSOLE_COLS = 80;
+const CONSOLE_LINE_HEIGHT = 1.45;
+const MIN_FONT_PX = 11;
+const MAX_FONT_PX = 32;
+function consoleColumns(lines) {
+  let widest = 0;
+  for (const line of lines) widest = Math.max(widest, [...line.trimEnd()].length);
+  return Math.max(MIN_CONSOLE_COLS, widest);
+}
+function fitConsole(opts) {
+  const lineHeight = opts.lineHeight ?? CONSOLE_LINE_HEIGHT;
+  const cols = Math.max(1, Math.floor(opts.cols));
+  const ideal = opts.width / (cols * opts.charWidth);
+  const bounded = Number.isFinite(ideal) ? Math.min(MAX_FONT_PX, Math.max(MIN_FONT_PX, ideal)) : 13;
+  const fontSize = Math.floor(bounded * 10) / 10;
+  const rows = Math.max(1, Math.floor(Math.max(0, opts.height) / (fontSize * lineHeight)));
+  return { fontSize, cols, rows };
+}
+function ConsoleFullscreen($$renderer, $$props) {
+  $$renderer.component(($$renderer2) => {
+    let { task, open = false } = $$props;
+    const PAD_X = 16;
+    let width = 0;
+    let height = 0;
+    let charWidth = 0.6;
+    const lines = derived(() => []);
+    const fit = derived(() => fitConsole({
+      width: width - 2 * PAD_X,
+      height: height - 2 * PAD_X,
+      cols: consoleColumns(lines()),
+      charWidth
+    }));
+    $$renderer2.push(`<dialog class="m-0 h-dvh max-h-none w-dvw max-w-none overflow-hidden bg-terminal p-0 text-terminal-foreground backdrop:bg-black/70"${attr("aria-label", `${stringify(task.shortTitle)}: live console`)}${attr("data-console-fullscreen", task.id)}>`);
+    if (open) {
+      $$renderer2.push(`<!--[0--><div class="flex h-full flex-col"><div class="flex shrink-0 items-center gap-2 border-b border-terminal-foreground/15 px-4 py-2.5 text-sm sm:px-6">`);
+      Square_terminal($$renderer2, {
+        class: "size-4 text-terminal-foreground/70",
+        "aria-hidden": "true"
+      });
+      $$renderer2.push(`<!----> <span class="min-w-0 truncate font-medium">${escape_html(task.shortTitle)}</span> <span class="hidden text-terminal-foreground/60 sm:inline">· live console, read-only${escape_html("")}</span> <span class="ml-auto hidden text-xs text-terminal-foreground/60 sm:inline">Esc to close</span> <button type="button" class="-mr-2 flex size-8 items-center justify-center rounded-md text-terminal-foreground/80 hover:bg-terminal-foreground/10 hover:text-terminal-foreground sm:ml-2" aria-label="Close the full-screen console">`);
+      X($$renderer2, { class: "size-4" });
+      $$renderer2.push(`<!----></button></div> <div class="flex min-h-0 flex-1 flex-col overflow-auto font-mono">`);
+      if (lines().length) {
+        $$renderer2.push(`<!--[0--><pre class="mt-auto whitespace-pre"${attr("data-cols", fit().cols)}${attr("data-rows", fit().rows)} aria-label="The worker’s terminal"${attr_style("", {
+          padding: "16px",
+          "font-size": `${stringify(fit().fontSize)}px`,
+          "line-height": CONSOLE_LINE_HEIGHT
+        })}>${escape_html(lines().join("\n"))}</pre>`);
+      } else {
+        $$renderer2.push(`<!--[-1--><p class="grid flex-1 place-items-center px-4 text-center font-sans text-sm text-terminal-foreground/60">`);
+        {
+          $$renderer2.push(`<!--[1-->Reading the worker’s terminal…`);
+        }
+        $$renderer2.push(`<!--]--></p>`);
+      }
+      $$renderer2.push(`<!--]--></div></div>`);
+    } else {
+      $$renderer2.push("<!--[-1-->");
+    }
+    $$renderer2.push(`<!--]--></dialog>`);
+    bind_props($$props, { open });
+  });
+}
+function ConsoleWindow($$renderer, $$props) {
+  $$renderer.component(($$renderer2) => {
+    let {
+      task,
+      lines = 12,
+      class: cls = "",
+      onsample
+      /** Called with the latest meaningful console line, for the card's "Now:" line. */
+    } = $$props;
+    let full = false;
+    let $$settled = true;
+    let $$inner_renderer;
+    function $$render_inner($$renderer3) {
+      $$renderer3.push(`<div${attr_class(`group/console relative z-10 flex aspect-[16/10] flex-col overflow-hidden rounded-sm border bg-terminal text-terminal-foreground ${stringify(cls)}`)}${attr("data-console", task.id)}><button type="button" class="absolute inset-0 z-10 rounded-[inherit] focus-visible:ring-3 focus-visible:ring-ring/60 focus-visible:outline-none"${attr("aria-label", `Open ${stringify(task.shortTitle)}’s live console full screen`)} title="Open full screen"></button> <div class="flex items-center gap-1.5 border-b border-terminal-foreground/10 px-3 py-1.5 text-xs text-terminal-foreground/60">`);
+      Square_terminal($$renderer3, { class: "size-3", "aria-hidden": "true" });
+      $$renderer3.push(`<!----> <span>Live console</span> <span class="ml-auto">read-only${escape_html("")}</span> `);
+      Maximize_2($$renderer3, {
+        class: "size-3.5 text-terminal-foreground/60 transition-colors group-hover/console:text-terminal-foreground",
+        "aria-hidden": "true"
+      });
+      $$renderer3.push(`<!----></div> `);
+      {
+        $$renderer3.push(`<!--[-1--><p class="grid flex-1 place-items-center px-4 text-center text-xs text-terminal-foreground/60">`);
+        {
+          $$renderer3.push(`<!--[1-->Reading the worker’s terminal…`);
+        }
+        $$renderer3.push(`<!--]--></p>`);
+      }
+      $$renderer3.push(`<!--]--></div> `);
+      ConsoleFullscreen($$renderer3, {
+        task,
+        get open() {
+          return full;
+        },
+        set open($$value) {
+          full = $$value;
+          $$settled = false;
+        }
+      });
+      $$renderer3.push(`<!---->`);
+    }
+    do {
+      $$settled = true;
+      $$inner_renderer = $$renderer2.copy();
+      $$render_inner($$inner_renderer);
+    } while (!$$settled);
+    $$renderer2.subsume($$inner_renderer);
+  });
+}
+function QuestionList($$renderer, $$props) {
+  let { questions, size = "page" } = $$props;
+  let opened = {};
+  const STATUS = {
+    waiting: {
+      label: "Waiting on Firstmate",
+      class: "bg-warning/10 text-warning"
+    },
+    answered: { label: "Answered", class: "bg-success/10 text-success" },
+    closed: {
+      label: "Closed without an answer",
+      class: "bg-muted text-muted-foreground"
+    }
+  };
+  $$renderer.push(`<ol class="space-y-2" data-questions=""><!--[-->`);
+  const each_array = ensure_array_like(questions);
+  for (let i = 0, $$length = each_array.length; i < $$length; i++) {
+    let q = each_array[i];
+    $$renderer.push(`<li${attr_class(`rounded-md border border-hair bg-card ${size === "card" ? "px-2.5 py-2 text-xs" : "px-3 py-2.5 text-sm"}`)}${attr("data-question", q.status)}><div class="flex flex-wrap items-baseline justify-between gap-x-3 gap-y-1"><p class="text-xs text-muted-foreground">Question ${escape_html(i + 1)}${escape_html(q.where ? ` · ${q.where}` : "")}${escape_html(q.serious ? " · marked serious" : "")}</p> <span${attr_class(`rounded-full px-2 py-0.5 text-xs font-medium ${stringify(STATUS[q.status].class)}`)}>${escape_html(STATUS[q.status].label)}</span></div> <p class="mt-1 leading-relaxed">${escape_html(q.summary)}</p> `);
+    if (q.detail) {
+      $$renderer.push("<!--[0-->");
+      if (opened[q.id]) {
+        $$renderer.push(`<!--[0--><p class="mt-1.5 leading-relaxed whitespace-pre-line text-muted-foreground" data-question-detail="">${escape_html(q.detail)}</p>`);
+      } else {
+        $$renderer.push("<!--[-1-->");
+      }
+      $$renderer.push(`<!--]--> <button type="button" class="mt-1 text-xs text-muted-foreground hover:text-foreground hover:underline"${attr("aria-expanded", !!opened[q.id])}>${escape_html(opened[q.id] ? "Show less" : "Show the whole question")}</button>`);
+    } else {
+      $$renderer.push("<!--[-1-->");
+    }
+    $$renderer.push(`<!--]--> `);
+    if (q.verdict) {
+      $$renderer.push(`<!--[0--><div class="mt-2 border-l-2 border-brass/60 pl-2.5" data-question-call=""><p class="text-xs text-muted-foreground">Firstmate decided: <span class="font-medium text-foreground">${escape_html(q.verdict)}</span></p> `);
+      if (q.reason) {
+        $$renderer.push(`<!--[0--><p class="mt-0.5 leading-relaxed">${escape_html(q.reason)}</p>`);
+      } else {
+        $$renderer.push("<!--[-1-->");
+      }
+      $$renderer.push(`<!--]--></div>`);
+    } else {
+      $$renderer.push("<!--[-1-->");
+    }
+    $$renderer.push(`<!--]--></li>`);
+  }
+  $$renderer.push(`<!--]--></ol>`);
+}
+
+export { ConsoleWindow as C, QuestionList as Q, awaitingReview as a, ConsoleFullscreen as b, reviewView as r };
+//# sourceMappingURL=QuestionList.js-CppuauNj.js.map