@chrisjowen/wheelhouse 0.1.0 → 0.2.0

package/build/server/chunks/chunks/EveryProjectSwitch.js-DzcwkHh4.js

@@ -0,0 +1,200 @@
+import { l as live } from './live.svelte.js-By2dseJB.js';
+import { S as SESSION_HEADER } from './messages.js-CFyGKoqq.js';
+import { an as stringify, am as attr, ak as attr_class, ap as attr_style, _ as derived, a8 as ensure_array_like, al as escape_html, a5 as clsx, a6 as bind_props } from './index.js-B0NFhRTN.js';
+import { L as Loader_circle } from './loader-circle.js-rQHvIWN7.js';
+import { C as Check } from './check.js-32sYHVxG.js';
+import { T as Triangle_alert } from './triangle-alert.js-ClLszsZE.js';
+import { o as onState } from './words.js-Cte4wOB4.js';
+
+async function call(url, token, body) {
+  try {
+    const res = await fetch(
+      url,
+      token === null ? void 0 : {
+        method: "POST",
+        headers: { "content-type": "application/json", [SESSION_HEADER]: token },
+        body: JSON.stringify(body ?? {})
+      }
+    );
+    const json = await res.json().catch(() => null);
+    if (res.ok && json) return { ok: true, value: json };
+    return { ok: false, error: json?.message ?? `Wheelhouse answered ${res.status}.` };
+  } catch {
+    return { ok: false, error: "Wheelhouse did not answer." };
+  }
+}
+const checkPluginUpdates = (token) => call("/api/plugins/updates", token);
+const lookUp = (q, token) => call("/api/plugins/inspect", token, q);
+const updatePlugin = (p, settings, token) => call(
+  `/api/plugins/${encodeURIComponent(p.id)}/update`,
+  token,
+  {
+    ref: p.ref,
+    commit: p.commit,
+    settings
+  }
+);
+function afterRestart(ms = 6e4) {
+  return new Promise((resolve) => {
+    const timer = setTimeout(() => {
+      off();
+      resolve(false);
+    }, ms);
+    const off = live.onRestart(() => {
+      clearTimeout(timer);
+      off();
+      resolve(true);
+    });
+  });
+}
+const changePlugin = (id, change, token) => call(`/api/plugins/${encodeURIComponent(id)}/config`, token, change);
+const loadPlugin = (id, token) => call(`/api/plugins/${encodeURIComponent(id)}/load`, token);
+function ChangeProgress($$renderer, $$props) {
+  let { label, phase } = $$props;
+  $$renderer.push(`<div aria-live="polite"><ol class="grid gap-1.5"><li class="flex items-center gap-2">`);
+  if (phase === "saving") {
+    $$renderer.push("<!--[0-->");
+    Loader_circle($$renderer, { class: "size-4 animate-spin text-sea" });
+  } else {
+    $$renderer.push("<!--[-1-->");
+    Check($$renderer, { class: "size-4 text-success" });
+  }
+  $$renderer.push(`<!--]-->${escape_html(label)}</li> <li${attr_class(`flex items-center gap-2 ${phase === "saving" ? "text-muted-foreground" : ""}`)}>`);
+  if (phase === "restarting" || phase === "slow") {
+    $$renderer.push("<!--[0-->");
+    Loader_circle($$renderer, { class: "size-4 animate-spin text-sea" });
+  } else if (phase === "done") {
+    $$renderer.push("<!--[1-->");
+    Check($$renderer, { class: "size-4 text-success" });
+  } else {
+    $$renderer.push(`<!--[-1--><span class="size-4 text-center" aria-hidden="true">·</span>`);
+  }
+  $$renderer.push(`<!--]-->Restart Wheelhouse to load it</li></ol> `);
+  if (phase === "slow") {
+    $$renderer.push(`<!--[0--><p class="mt-3 text-xs text-muted-foreground">Wheelhouse has not come back yet. If it stays away, run <code>wheelhouse open</code> again; the
+			change is kept.</p>`);
+  } else {
+    $$renderer.push("<!--[-1-->");
+  }
+  $$renderer.push(`<!--]--></div>`);
+}
+const answerText = (v) => v === void 0 ? "" : v === true ? "yes" : v === false ? "no" : Array.isArray(v) ? v.join(", ") : String(v);
+function SettingsFields($$renderer, $$props) {
+  $$renderer.component(($$renderer2) => {
+    let { settings, answers = void 0, disabled = false } = $$props;
+    const field = "h-9 rounded-md border border-input bg-background px-2.5 text-sm outline-none focus-visible:ring-2 focus-visible:ring-ring disabled:opacity-60";
+    $$renderer2.push(`<!--[-->`);
+    const each_array = ensure_array_like(settings);
+    for (let $$index_1 = 0, $$length = each_array.length; $$index_1 < $$length; $$index_1++) {
+      let s = each_array[$$index_1];
+      $$renderer2.push(`<label class="grid gap-1"><span class="text-xs">${escape_html(s.title)}`);
+      if (s.required) {
+        $$renderer2.push(`<!--[0--><span class="text-danger" aria-hidden="true"> *</span>`);
+      } else {
+        $$renderer2.push(`<!--[-1--><span class="text-muted-foreground"> (optional)</span>`);
+      }
+      $$renderer2.push(`<!--]--></span> `);
+      if (s.type === "boolean" || s.options) {
+        $$renderer2.push("<!--[0-->");
+        $$renderer2.select(
+          {
+            class: field,
+            value: answers[s.key],
+            required: s.required,
+            disabled
+          },
+          ($$renderer3) => {
+            if (!s.required) {
+              $$renderer3.push("<!--[0-->");
+              $$renderer3.option({ value: "" }, ($$renderer4) => {
+                $$renderer4.push(`Not set`);
+              });
+            } else {
+              $$renderer3.push("<!--[-1-->");
+            }
+            $$renderer3.push(`<!--]-->`);
+            if (s.options) {
+              $$renderer3.push(`<!--[0--><!--[-->`);
+              const each_array_1 = ensure_array_like(s.options);
+              for (let $$index = 0, $$length2 = each_array_1.length; $$index < $$length2; $$index++) {
+                let o = each_array_1[$$index];
+                $$renderer3.option({ value: o.value }, ($$renderer4) => {
+                  $$renderer4.push(`${escape_html(o.label)}`);
+                });
+              }
+              $$renderer3.push(`<!--]-->`);
+            } else {
+              $$renderer3.push("<!--[-1-->");
+              $$renderer3.option({ value: "yes" }, ($$renderer4) => {
+                $$renderer4.push(`Yes`);
+              });
+              $$renderer3.push(` `);
+              $$renderer3.option({ value: "no" }, ($$renderer4) => {
+                $$renderer4.push(`No`);
+              });
+            }
+            $$renderer3.push(`<!--]-->`);
+          }
+        );
+      } else {
+        $$renderer2.push(`<!--[-1--><input${attr_class(clsx(field))} type="text"${attr("inputmode", s.type === "number" ? "decimal" : void 0)} autocomplete="off" spellcheck="false"${attr("required", s.required, true)}${attr("disabled", disabled, true)}${attr("value", answers[s.key])}/>`);
+      }
+      $$renderer2.push(`<!--]--> `);
+      if (s.description || s.type === "list") {
+        $$renderer2.push(`<!--[0--><span class="text-xs text-muted-foreground">${escape_html(s.description ?? "")}${escape_html(s.type === "list" ? `${s.description ? " " : ""}Separate them with commas.` : "")}</span>`);
+      } else {
+        $$renderer2.push("<!--[-1-->");
+      }
+      $$renderer2.push(`<!--]--></label>`);
+    }
+    $$renderer2.push(`<!--]-->`);
+    bind_props($$props, { answers });
+  });
+}
+function SavedNote($$renderer, $$props) {
+  $$renderer.component(($$renderer2) => {
+    let { note } = $$props;
+    $$renderer2.push(`<div class="pointer-events-none fixed right-4 bottom-4 left-4 z-50 flex justify-end" aria-live="polite">`);
+    if (note) {
+      $$renderer2.push(`<!--[0--><p class="pointer-events-auto flex max-w-md items-start gap-2 rounded-md border bg-card px-4 py-2.5 text-sm shadow-lg"${attr("role", note.ok ? "status" : "alert")}>`);
+      if (note.ok) {
+        $$renderer2.push("<!--[0-->");
+        Check($$renderer2, { class: "mt-0.5 size-4 shrink-0 text-success" });
+      } else {
+        $$renderer2.push("<!--[-1-->");
+        Triangle_alert($$renderer2, { class: "mt-0.5 size-4 shrink-0 text-danger" });
+      }
+      $$renderer2.push(`<!--]--><span>${escape_html(note.text)}</span></p>`);
+    } else {
+      $$renderer2.push("<!--[-1-->");
+    }
+    $$renderer2.push(`<!--]--></div>`);
+  });
+}
+function Switch($$renderer, $$props) {
+  $$renderer.component(($$renderer2) => {
+    let { checked, mixed = false, label, disabled = false } = $$props;
+    $$renderer2.push(`<button type="button" role="switch"${attr("aria-checked", mixed ? "mixed" : checked)}${attr("aria-label", label)}${attr("disabled", disabled, true)}${attr_class(`relative inline-flex h-6 w-11 shrink-0 cursor-pointer items-center rounded-full border transition-colors duration-200 focus-visible:ring-2 focus-visible:ring-ring focus-visible:outline-none disabled:cursor-not-allowed disabled:opacity-50 ${mixed ? "border-sea bg-sea/40" : checked ? "border-sea bg-sea" : "border-input bg-muted"}`)}><span class="inline-block size-4.5 rounded-full bg-background shadow-sm transition-transform duration-200 motion-reduce:transition-none"${attr_style("", {
+      transform: `translateX(${mixed ? "0.75rem" : checked ? "1.375rem" : "0.125rem"})`
+    })}></span></button>`);
+  });
+}
+function EveryProjectSwitch($$renderer, $$props) {
+  $$renderer.component(($$renderer2) => {
+    let { view, disabled = false, onchange } = $$props;
+    const now = derived(() => onState(view));
+    {
+      $$renderer2.push("<!--[-1-->");
+      Switch($$renderer2, {
+        checked: now() === "on",
+        mixed: now() === "mixed",
+        label: `${stringify(view.plugin.name)} on for every project`,
+        disabled
+      });
+    }
+    $$renderer2.push(`<!--]-->`);
+  });
+}
+
+export { ChangeProgress as C, EveryProjectSwitch as E, SavedNote as S, changePlugin as a, answerText as b, checkPluginUpdates as c, afterRestart as d, SettingsFields as e, loadPlugin as f, lookUp as l, updatePlugin as u };
+//# sourceMappingURL=EveryProjectSwitch.js-DzcwkHh4.js.map

package/build/server/chunks/chunks/Icon.js-CVZZ-yuB.js

@@ -0,0 +1,129 @@
+import { a4 as attributes, a8 as ensure_array_like, a9 as element, a3 as getContext, _ as derived, aa as fallback, ab as to_array } from './index.js-B0NFhRTN.js';
+
+const defaultAttributes = {
+  xmlns: "http://www.w3.org/2000/svg",
+  width: 24,
+  height: 24,
+  viewBox: "0 0 24 24",
+  fill: "none",
+  stroke: "currentColor",
+  "stroke-width": 2,
+  "stroke-linecap": "round",
+  "stroke-linejoin": "round"
+};
+const mergeClasses = (...classes) => classes.filter((className, index, array) => {
+  return Boolean(className) && className.trim() !== "" && array.indexOf(className) === index;
+}).join(" ").trim();
+function isDefined(value) {
+  return value !== null && value !== void 0;
+}
+function buildLucideIconNode(icon, params = {}) {
+  const attributeNames = params.attributeNames ?? {};
+  const getAttributeName = (attributeName) => attributeNames[attributeName] ?? attributeName;
+  const viewBoxWidth = icon.size ?? icon.width ?? defaultAttributes["width"];
+  const viewBoxHeight = icon.size ?? icon.height ?? defaultAttributes["height"];
+  const aliasClassNames = icon.aliases?.filter((alias) => typeof alias === "string" && alias.trim() !== "").map((alias) => `lucide-${alias}`) ?? [];
+  const iconClassNames = [...icon.name ? [`lucide-${icon.name}`] : [], ...aliasClassNames];
+  const classNamesFromClassName = params.className?.split(" ").filter(Boolean) ?? [];
+  const className = params.includeDefaultClasses === false ? mergeClasses(...classNamesFromClassName) : mergeClasses("lucide", ...iconClassNames, ...classNamesFromClassName);
+  const calculatedStrokeWidth = params.absoluteStrokeWidth ? Number(params.strokeWidth ?? defaultAttributes["stroke-width"]) * Number(icon.size ?? icon.width ?? defaultAttributes["width"]) / Number(params.size ?? params.width ?? defaultAttributes["width"]) : params.strokeWidth ?? defaultAttributes["stroke-width"];
+  const attributes2 = {
+    ...Object.entries(defaultAttributes).reduce((attrs, [attrName, value]) => {
+      attrs[getAttributeName(attrName)] = value;
+      return attrs;
+    }, {}),
+    ..."color" in params && params.color && {
+      [getAttributeName("stroke")]: params.color
+    },
+    ..."size" in params && isDefined(params.size) && {
+      [getAttributeName("width")]: params.size,
+      [getAttributeName("height")]: params.size
+    },
+    ..."width" in params && isDefined(params.width) && {
+      [getAttributeName("width")]: params.width
+    },
+    ..."height" in params && isDefined(params.height) && {
+      [getAttributeName("height")]: params.height
+    },
+    [getAttributeName("stroke-width")]: calculatedStrokeWidth,
+    ...className && {
+      [getAttributeName("class")]: className
+    },
+    [getAttributeName("viewBox")]: `0 0 ${viewBoxWidth} ${viewBoxHeight}`,
+    ...params.hasA11yProp === false ? {
+      [getAttributeName("aria-hidden")]: "true"
+    } : {},
+    ..."attributes" in params && params.attributes
+  };
+  return [
+    "svg",
+    attributes2,
+    icon.node.map((child) => {
+      const [name, attrs, children] = child;
+      const nextAttrs = params.nonScalingStroke ? { [getAttributeName("vector-effect")]: "non-scaling-stroke", ...attrs } : attrs;
+      return children ? [name, nextAttrs, children] : [name, nextAttrs];
+    })
+  ];
+}
+const hasA11yProp = (props) => {
+  for (const prop in props) {
+    if (prop.startsWith("aria-") || prop === "role" || prop === "title") {
+      return true;
+    }
+  }
+  return false;
+};
+const LucideContext = /* @__PURE__ */ Symbol("lucide-context");
+const getLucideContext = () => getContext(LucideContext);
+function Icon($$renderer, $$props) {
+  $$renderer.component(($$renderer2) => {
+    const globalProps = getLucideContext() ?? {};
+    const {
+      color = globalProps.color ?? "currentColor",
+      size = globalProps.size ?? 24,
+      width = size,
+      height = size,
+      strokeWidth = globalProps.strokeWidth ?? 2,
+      absoluteStrokeWidth = globalProps.absoluteStrokeWidth ?? false,
+      nonScalingStroke = globalProps.nonScalingStroke ?? false,
+      iconNode = [],
+      icon = { node: iconNode, aliases: [], size: 24 },
+      class: propsClass,
+      children,
+      $$slots,
+      $$events,
+      ...props
+    } = $$props;
+    const hasAccessibleProp = derived(() => Boolean(children) || hasA11yProp(props));
+    const $$d = derived(() => buildLucideIconNode(icon, {
+      color,
+      width,
+      height,
+      strokeWidth,
+      absoluteStrokeWidth,
+      nonScalingStroke,
+      // @TODO: maybe drop the extra `lucide-icon` class altogether.
+      className: mergeClasses("lucide-icon", globalProps.class),
+      hasA11yProp: hasAccessibleProp(),
+      attributes: props
+    })), $$derived_array = derived(() => to_array($$d(), 3)), svgAttributes = derived(() => $$derived_array()[1]), builtIconNode = derived(() => fallback($$derived_array()[2], () => [], true));
+    const iconAttributes = derived(() => ({
+      ...svgAttributes(),
+      class: [...svgAttributes().class.split(" "), propsClass]
+    }));
+    $$renderer2.push(`<svg${attributes({ ...iconAttributes() }, void 0, void 0, void 0, 3)}><!--[-->`);
+    const each_array = ensure_array_like(builtIconNode());
+    for (let $$index = 0, $$length = each_array.length; $$index < $$length; $$index++) {
+      let [tag, attrs] = each_array[$$index];
+      element($$renderer2, tag, () => {
+        $$renderer2.push(`${attributes({ ...attrs }, void 0, void 0, void 0, 3)}`);
+      });
+    }
+    $$renderer2.push(`<!--]-->`);
+    children?.($$renderer2);
+    $$renderer2.push(`<!----></svg>`);
+  });
+}
+
+export { Icon as I };
+//# sourceMappingURL=Icon.js-CVZZ-yuB.js.map

package/build/server/chunks/chunks/InsightsNav.js-Cmn5y1to.js

@@ -0,0 +1,18 @@
+import { a8 as ensure_array_like, am as attr, al as escape_html } from './index.js-B0NFhRTN.js';
+import { p as page } from './index2.js-Bxt1T6_K.js';
+import { L as LOGBOOK_ROW } from './nav.js-DwnXJgxd.js';
+
+function InsightsNav($$renderer, $$props) {
+  $$renderer.component(($$renderer2) => {
+    $$renderer2.push(`<nav class="-ml-2.5 no-scrollbar flex gap-1 overflow-x-auto" aria-label="Logbook"><!--[-->`);
+    const each_array = ensure_array_like(LOGBOOK_ROW);
+    for (let $$index = 0, $$length = each_array.length; $$index < $$length; $$index++) {
+      let p = each_array[$$index];
+      $$renderer2.push(`<a${attr("href", p.href)}${attr("aria-current", page.url.pathname === p.href ? "page" : void 0)} class="nav-tab shrink-0">${escape_html(p.label)}</a>`);
+    }
+    $$renderer2.push(`<!--]--></nav>`);
+  });
+}
+
+export { InsightsNav as I };
+//# sourceMappingURL=InsightsNav.js-Cmn5y1to.js.map

package/build/server/chunks/chunks/InstallPlugin.js-B46b-IrK.js

@@ -0,0 +1,45 @@
+import { am as attr, an as stringify, al as escape_html, ac as spread_props } from './index.js-B0NFhRTN.js';
+import { I as Icon } from './Icon.js-CVZZ-yuB.js';
+
+function Copy($$renderer, $$props) {
+  let { $$slots, $$events, ...props } = $$props;
+  const iconData = {
+    "name": "copy",
+    "size": 24,
+    "node": [
+      [
+        "rect",
+        {
+          "width": "14",
+          "height": "14",
+          "x": "8",
+          "y": "8",
+          "rx": "2",
+          "ry": "2"
+        }
+      ],
+      [
+        "path",
+        {
+          "d": "M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2"
+        }
+      ]
+    ]
+  };
+  Icon($$renderer, spread_props([props, { icon: iconData }]));
+}
+function InstallPlugin($$renderer, $$props) {
+  $$renderer.component(($$renderer2) => {
+    let { plugin } = $$props;
+    $$renderer2.push(`<section class="rounded-lg border border-sea/40 bg-card px-4 py-4 text-sm"${attr("aria-label", `Install the ${stringify(plugin.id)} plugin`)}${attr("data-suggested-plugin", plugin.id)}><h2 class="text-base">Install the ${escape_html(plugin.id)} plugin</h2> <p class="mt-1 max-w-prose text-muted-foreground">${escape_html(plugin.reason)}</p> <span class="mt-3 flex items-start gap-2 rounded-md border bg-muted/60 px-2.5 py-1.5 text-xs"><code class="min-w-0 flex-1 font-mono break-all text-foreground select-all">${escape_html(plugin.command)}</code> <button class="flex shrink-0 cursor-pointer items-center gap-1 text-muted-foreground hover:text-foreground">`);
+    {
+      $$renderer2.push("<!--[-1-->");
+      Copy($$renderer2, { class: "size-3.5" });
+      $$renderer2.push(`<!---->Copy`);
+    }
+    $$renderer2.push(`<!--]--></button></span> <p class="mt-2 text-xs text-muted-foreground">Run it in a terminal, then restart Wheelhouse; installed plugins load when it starts.</p></section>`);
+  });
+}
+
+export { InstallPlugin as I };
+//# sourceMappingURL=InstallPlugin.js-B46b-IrK.js.map

package/build/server/chunks/chunks/LinkedText.js-COjHV297.js

@@ -0,0 +1,43 @@
+import { ac as spread_props, a8 as ensure_array_like, am as attr, al as escape_html, _ as derived } from './index.js-B0NFhRTN.js';
+import { I as Icon } from './Icon.js-CVZZ-yuB.js';
+import { d as docHref, s as splitDocPaths } from './docpath.js-D27w_pf9.js';
+
+function Hammer($$renderer, $$props) {
+  let { $$slots, $$events, ...props } = $$props;
+  const iconData = {
+    "name": "hammer",
+    "size": 24,
+    "node": [
+      ["path", { "d": "m15 12-9.373 9.373a1 1 0 0 1-3.001-3L12 9" }],
+      ["path", { "d": "m18 15 4-4" }],
+      [
+        "path",
+        {
+          "d": "m21.5 11.5-1.914-1.914A2 2 0 0 1 19 8.172v-.344a2 2 0 0 0-.586-1.414l-1.657-1.657A6 6 0 0 0 12.516 3H9l1.243 1.243A6 6 0 0 1 12 8.485V10l2 2h1.172a2 2 0 0 1 1.414.586L18.5 14.5"
+        }
+      ]
+    ]
+  };
+  Icon($$renderer, spread_props([props, { icon: iconData }]));
+}
+function LinkedText($$renderer, $$props) {
+  $$renderer.component(($$renderer2) => {
+    let { text } = $$props;
+    const runs = derived(() => splitDocPaths(text ?? ""));
+    $$renderer2.push(`<!--[-->`);
+    const each_array = ensure_array_like(runs());
+    for (let i = 0, $$length = each_array.length; i < $$length; i++) {
+      let r = each_array[i];
+      if (r.path) {
+        $$renderer2.push(`<!--[0--><a${attr("href", docHref(r.path))} class="break-all text-sea underline-offset-2 hover:underline" data-doc-link="">${escape_html(r.text)}</a>`);
+      } else {
+        $$renderer2.push(`<!--[-1-->${escape_html(r.text)}`);
+      }
+      $$renderer2.push(`<!--]-->`);
+    }
+    $$renderer2.push(`<!--]-->`);
+  });
+}
+
+export { Hammer as H, LinkedText as L };
+//# sourceMappingURL=LinkedText.js-COjHV297.js.map

package/build/server/chunks/chunks/ProjectBanner.js-ByPp7Y_e.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 { b as projectTabHref } from './keys.js-CdtCzv-v.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-ByPp7Y_e.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