@chrisjowen/wheelhouse 0.0.0-stage → 0.1.0

package/build/server/chunks/entries/pages/projects/_id_/passage/edit/_page.svelte.js-iHacn81K.js

@@ -0,0 +1,1859 @@
+import { af as head, ai as attr, ak as stringify, aj as escape_html, aa as ensure_array_like, ah as attr_class, _ as derived, a5 as clsx, ae as spread_props, a6 as bind_props } from '../../../../../../chunks/index.js-Bn6j9diM.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 { p as page } from '../../../../../../chunks/index2.js-CXaRTuov.js';
+import { a as currentFleet } from '../../../../../../chunks/live.svelte.js-BRUTNc9D.js';
+import { a as SvelteSet } from '../../../../../../chunks/index-server2.js-DMc-UvjC.js';
+import { B as Button } from '../../../../../../chunks/button.js-HeBqLheH.js';
+import { S as SESSION_HEADER } from '../../../../../../chunks/messages.js-CFyGKoqq.js';
+import { parseDocument, isSeq, isScalar, isMap } from 'yaml';
+import { s as shipPassageDraft, a as CHECK_WORDS, E as EVIDENCE_WORDS, F as FACT_WORDS, O as OUTCOMES, o as outcomeWords, C as COMMAND_BASE_ENV, b as CHECK_FIELDS } from '../../../../../../chunks/passage-meta.js-uvNUyJkg.js';
+import { A as Arrow_left } from '../../../../../../chunks/arrow-left.js-6Yey35CE.js';
+import { C as Circle_alert, S as Square_terminal } from '../../../../../../chunks/square-terminal.js-D5Z4Sl2-.js';
+import { P as Plus, T as Trash, R as Rotate_ccw } from '../../../../../../chunks/trash.js-DYFbRevY.js';
+import { X } from '../../../../../../chunks/x.js-tlds9Ooz.js';
+import { A as Arrow_up } from '../../../../../../chunks/arrow-up.js-AhghNbhW.js';
+import { A as Arrow_down } from '../../../../../../chunks/arrow-down.js-DXDJc9EE.js';
+import { I as Icon } from '../../../../../../chunks/Icon.js-D7CY3joB.js';
+import { C as Check } from '../../../../../../chunks/check.js-bmUhmMEz.js';
+import { M as Minus } from '../../../../../../chunks/minus.js-bsfnwE-h.js';
+import { C as Circle_dashed } from '../../../../../../chunks/circle-dashed.js-Bm3gZCXK.js';
+
+function Circle_dot($$renderer, $$props) {
+  let { $$slots, $$events, ...props } = $$props;
+  const iconData = {
+    "name": "circle-dot",
+    "size": 24,
+    "node": [
+      ["circle", { "cx": "12", "cy": "12", "r": "1" }],
+      ["circle", { "cx": "12", "cy": "12", "r": "10" }]
+    ]
+  };
+  Icon($$renderer, spread_props([props, { icon: iconData }]));
+}
+function Flask_conical($$renderer, $$props) {
+  let { $$slots, $$events, ...props } = $$props;
+  const iconData = {
+    "name": "flask-conical",
+    "size": 24,
+    "node": [
+      [
+        "path",
+        {
+          "d": "M14 2v6a2 2 0 0 0 .245.96l5.51 10.08A2 2 0 0 1 18 22H6a2 2 0 0 1-1.755-2.96l5.51-10.08A2 2 0 0 0 10 8V2"
+        }
+      ],
+      ["path", { "d": "M6.453 15h11.094" }],
+      ["path", { "d": "M8.5 2h7" }]
+    ]
+  };
+  Icon($$renderer, spread_props([props, { icon: iconData }]));
+}
+function Play($$renderer, $$props) {
+  let { $$slots, $$events, ...props } = $$props;
+  const iconData = {
+    "name": "play",
+    "size": 24,
+    "node": [
+      [
+        "path",
+        {
+          "d": "M5 5a2 2 0 0 1 3.008-1.728l11.997 6.998a2 2 0 0 1 .003 3.458l-12 7A2 2 0 0 1 5 19z"
+        }
+      ]
+    ]
+  };
+  Icon($$renderer, spread_props([props, { icon: iconData }]));
+}
+function diffLines(a, b) {
+  let start = 0;
+  while (start < a.length && start < b.length && a[start] === b[start]) start++;
+  let endA = a.length;
+  let endB = b.length;
+  while (endA > start && endB > start && a[endA - 1] === b[endB - 1]) {
+    endA--;
+    endB--;
+  }
+  const n = endA - start;
+  const m = endB - start;
+  const w = m + 1;
+  const t = new Uint32Array((n + 1) * w);
+  for (let i2 = n - 1; i2 >= 0; i2--) {
+    for (let j2 = m - 1; j2 >= 0; j2--) {
+      t[i2 * w + j2] = a[start + i2] === b[start + j2] ? t[(i2 + 1) * w + j2 + 1] + 1 : Math.max(t[(i2 + 1) * w + j2], t[i2 * w + j2 + 1]);
+    }
+  }
+  const out = [];
+  for (let k = 0; k < start; k++) out.push({ op: " ", text: a[k], from: k });
+  let i = 0;
+  let j = 0;
+  while (i < n || j < m) {
+    if (i < n && j < m && a[start + i] === b[start + j]) {
+      out.push({ op: " ", text: a[start + i], from: start + i });
+      i++;
+      j++;
+    } else if (j < m && (i >= n || t[i * w + j + 1] >= t[(i + 1) * w + j])) {
+      out.push({ op: "+", text: b[start + j++] });
+    } else {
+      out.push({ op: "-", text: a[start + i++] });
+    }
+  }
+  for (let k = endA; k < a.length; k++) out.push({ op: " ", text: a[k], from: k });
+  return out;
+}
+const linesOf = (text) => {
+  const l = text.split("\n");
+  if (l.length && l[l.length - 1] === "") l.pop();
+  return l;
+};
+const starterText = (track = "ship") => `version: 1
+extends: ${track}
+`;
+function load(text) {
+  const doc = parseDocument(text || starterText(), { uniqueKeys: true });
+  return {
+    doc,
+    error: doc.errors.length ? doc.errors[0].message.split("\n")[0] : null
+  };
+}
+function model(text) {
+  const { doc, error } = load(text);
+  if (error) return null;
+  let js;
+  try {
+    js = doc.toJS({ maxAliasCount: 0 });
+  } catch {
+    return null;
+  }
+  const o = js && typeof js === "object" && !Array.isArray(js) ? js : {};
+  const checks = o.checks && typeof o.checks === "object" && !Array.isArray(o.checks) ? o.checks : {};
+  const stages = Array.isArray(o.stages) ? o.stages.filter((s) => s && typeof s === "object") : [];
+  return { extends: o.extends === "scout" ? "scout" : "ship", checks, stages };
+}
+function listSteps(base, stages) {
+  const steps = base.steps.map((s) => ({
+    id: s.id,
+    label: s.label,
+    added: false,
+    fileIndex: null,
+    restyled: false,
+    lost: false
+  }));
+  const lastAfter = /* @__PURE__ */ new Map();
+  stages.forEach((s, i) => {
+    if (typeof s.id !== "string" || !s.id) return;
+    const label = typeof s.label === "string" && s.label ? s.label : null;
+    const existing = steps.find((x) => x.id === s.id);
+    if (existing) {
+      if (existing.added) return;
+      existing.fileIndex = i;
+      existing.restyled = true;
+      if (label) existing.label = label;
+      return;
+    }
+    let at = steps.length;
+    let lost = false;
+    if (typeof s.after === "string" && s.after) {
+      const anchor = lastAfter.get(s.after) ?? s.after;
+      const j = steps.findIndex((x) => x.id === anchor);
+      if (j < 0) lost = true;
+      else at = j + 1;
+      lastAfter.set(s.after, s.id);
+    }
+    steps.splice(at, 0, {
+      id: s.id,
+      label: label ?? s.id,
+      added: true,
+      fileIndex: i,
+      restyled: false,
+      lost
+    });
+  });
+  return steps;
+}
+function stagesSeq(doc) {
+  let seq = doc.get("stages", true);
+  if (!isSeq(seq)) {
+    seq = doc.createNode([]);
+    doc.set("stages", seq);
+  }
+  return seq;
+}
+const keyOf = (k) => isScalar(k) ? k.value : k;
+function checksMap(doc) {
+  let map = doc.get("checks", true);
+  if (!isMap(map)) {
+    map = doc.createNode({});
+    doc.set("checks", map);
+    const contents = doc.contents;
+    const items = contents.items;
+    const ci = items.findIndex((p) => keyOf(p.key) === "checks");
+    const si = items.findIndex((p) => keyOf(p.key) === "stages");
+    if (si >= 0 && ci > si) items.splice(si, 0, ...items.splice(ci, 1));
+  }
+  return map;
+}
+const empty = (v) => v === void 0 || v === null || v === "" || Array.isArray(v) && v.length === 0 || typeof v === "object" && !Array.isArray(v) && Object.keys(v).length === 0;
+const OUT = { lineWidth: 0 };
+function edit(text, fn) {
+  const { doc, error } = load(text);
+  if (error) return text;
+  const before = linesOf(doc.toString(OUT));
+  if (fn(doc) === false) return text;
+  const after = doc.toString(OUT);
+  const original = linesOf(text);
+  if (!text || original.length !== before.length) return after;
+  const out = diffLines(before, linesOf(after)).filter((d) => d.op !== "-").map((d) => d.op === " " ? original[d.from] : d.text);
+  return `${out.join("\n")}
+`;
+}
+function setStageField(doc, index, key, value) {
+  const node = stagesSeq(doc).get(index, true);
+  if (!isMap(node)) return;
+  if (empty(value)) node.delete(key);
+  else node.set(key, node_(doc, value));
+}
+function node_(doc, value) {
+  const n = doc.createNode(value);
+  if (isSeq(n) && n.items.every((x) => isScalar(x))) n.flow = true;
+  return n;
+}
+function entryFor(doc, id) {
+  const seq = stagesSeq(doc);
+  const i = seq.items.findIndex((n) => isMap(n) && n.get("id") === id);
+  if (i >= 0) return i;
+  seq.add(doc.createNode({ id }));
+  return seq.items.length - 1;
+}
+function removeStage(doc, index) {
+  stagesSeq(doc).delete(index);
+}
+function slug(name, taken, fallback = "step") {
+  const used = new Set(taken);
+  let base = name.toLowerCase().normalize("NFKD").replace(/[^a-z0-9]+/g, "-").replace(/^-+|-+$/g, "").slice(0, 32) || fallback;
+  if (!/^[a-z]/.test(base)) base = `${fallback}-${base}`.slice(0, 32);
+  let id = base;
+  for (let n = 2; used.has(id); n++) id = `${base}-${n}`;
+  return id;
+}
+function addStage(doc, stage, afterId) {
+  const seq = stagesSeq(doc);
+  const s = { id: stage.id, label: stage.label };
+  if (afterId) s.after = afterId;
+  for (const [k, v] of Object.entries(stage)) if (!(k in s) && !empty(v)) s[k] = v;
+  const n = doc.createNode(s);
+  for (const p of n.items) {
+    if (isSeq(p.value) && p.value.items.every((x) => isScalar(x))) p.value.flow = true;
+  }
+  seq.add(n);
+  return seq.items.length - 1;
+}
+function placeStage(doc, base, id, index) {
+  const js = doc.toJS();
+  const list = listSteps(base, Array.isArray(js?.stages) ? js.stages : []);
+  const i = list.findIndex((s) => s.id === id);
+  if (i < 0 || !list[i].added || index < 1 || index >= list.length || index === i) return false;
+  const [moved] = list.splice(i, 1);
+  list.splice(index, 0, moved);
+  const seq = stagesSeq(doc);
+  const byId = /* @__PURE__ */ new Map();
+  for (const n of seq.items) if (isMap(n)) byId.set(String(n.get("id")), n);
+  const kept = seq.items.filter((n) => {
+    const nid = isMap(n) ? String(n.get("id")) : "";
+    return !list.some((s) => s.added && s.id === nid);
+  });
+  const added = list.map((s, k) => ({ s, prev: list[k - 1] })).filter(({ s }) => s.added).map(({ s, prev }) => {
+    const n = byId.get(s.id);
+    n.set("after", prev.id);
+    return n;
+  });
+  seq.items = [...kept, ...added];
+  return true;
+}
+function moveStage(doc, base, id, delta) {
+  const js = doc.toJS();
+  const list = listSteps(base, Array.isArray(js?.stages) ? js.stages : []);
+  const i = list.findIndex((s) => s.id === id);
+  return i >= 0 && placeStage(doc, base, id, i + delta);
+}
+function setCheck(doc, id, spec) {
+  const map = checksMap(doc);
+  if (spec === null) {
+    map.delete(id);
+    if (!map.items.length) doc.delete("checks");
+    return;
+  }
+  const clean = {};
+  for (const [k, v] of Object.entries(spec)) {
+    if (v && typeof v === "object" && !Array.isArray(v)) {
+      const inner = Object.fromEntries(Object.entries(v).filter(([, x]) => !empty(x)));
+      if (!empty(inner)) clean[k] = inner;
+    } else if (!empty(v)) clean[k] = v;
+  }
+  const existing = map.get(id, true);
+  if (isMap(existing)) {
+    for (const k of [...existing.items.map((p) => String(keyOf(p.key)))]) {
+      if (!(k in clean)) existing.delete(k);
+    }
+    const now = existing.toJSON();
+    for (const [k, v] of Object.entries(clean)) {
+      if (JSON.stringify(now[k]) !== JSON.stringify(v)) existing.set(k, node_(doc, v));
+    }
+  } else {
+    const n = doc.createNode(clean);
+    for (const p of n.items) {
+      if (isSeq(p.value) && p.value.items.every((x) => isScalar(x))) p.value.flow = true;
+    }
+    map.set(id, n);
+  }
+}
+function setTop(doc, key, value) {
+  if (empty(value)) doc.delete(key);
+  else doc.set(key, doc.createNode(value));
+}
+function refsTo(stages, checkId) {
+  const out = [];
+  const walk = (c) => {
+    if (typeof c === "string" && c.startsWith(`${checkId}.`)) out.push(c);
+    else if (c && typeof c === "object") for (const v of Object.values(c)) walk(v);
+  };
+  for (const s of stages) {
+    walk(s.reached_when);
+    walk(s.failed_when);
+    walk(s.skip_when);
+    if (s.note && typeof s.note === "object") walk(s.note.when);
+    if (Array.isArray(s.evidence) && s.evidence.includes(`check:${checkId}`))
+      out.push(`check:${checkId}`);
+    if (s.primary_link === `${checkId}.url`) out.push(`${checkId}.url`);
+  }
+  return out;
+}
+function toBuilder(c) {
+  if (c === void 0 || c === null) return { join: "all", items: [] };
+  const item = (x) => {
+    if (typeof x === "string") return { not: false, ref: x };
+    if (x && typeof x === "object" && "not" in x && typeof x.not === "string")
+      return { not: true, ref: x.not };
+    return null;
+  };
+  const one = item(c);
+  if (one) return { join: "all", items: [one] };
+  if (typeof c !== "object") return null;
+  const join = "all" in c ? "all" : "any" in c ? "any" : null;
+  if (!join) return null;
+  const list = c[join];
+  if (!Array.isArray(list)) return null;
+  const items = list.map((x) => item(x));
+  return items.every((x) => x) ? { join, items } : null;
+}
+function fromBuilder(b) {
+  const items = b.items.filter((x) => x.ref);
+  const one = (x) => x.not ? { not: x.ref } : x.ref;
+  if (!items.length) return void 0;
+  if (items.length === 1) return one(items[0]);
+  return b.join === "all" ? { all: items.map(one) } : { any: items.map(one) };
+}
+const labelOf = (v, id) => typeof v === "string" && v ? v : id;
+function summarize(beforeText, afterText, base) {
+  const a = model(beforeText) ?? { extends: "ship", checks: {}, stages: [] };
+  const b = model(afterText);
+  if (!b) return ["The YAML could not be read."];
+  const out = [];
+  if (a.extends !== b.extends)
+    out.push(`It now builds on ${b.extends === "scout" ? "scout" : "ship"} work.`);
+  const before = new Map(listSteps(base, a.stages).map((s) => [s.id, s]));
+  const after = listSteps(base, b.stages);
+  const stageOf = (m, id) => m.stages.find((s) => s.id === id);
+  after.forEach((s, i) => {
+    const old = before.get(s.id);
+    const prev = after[i - 1]?.label;
+    if (s.added && !old?.added)
+      out.push(`Adds the step “${s.label}”${prev ? ` after ${prev}` : ""}.`);
+    else if (old && old.label !== s.label) out.push(`Renames “${old.label}” to “${s.label}”.`);
+    else if (old && JSON.stringify(stageOf(a, s.id) ?? null) !== JSON.stringify(stageOf(b, s.id) ?? null))
+      out.push(`Changes the step “${s.label}”.`);
+  });
+  for (const [id, s] of before) {
+    if (s.added && !after.some((x) => x.id === id)) out.push(`Removes the step “${s.label}”.`);
+  }
+  const ids = /* @__PURE__ */ new Set([...Object.keys(a.checks), ...Object.keys(b.checks)]);
+  let commands = false;
+  for (const id of ids) {
+    const x = a.checks[id];
+    const y = b.checks[id];
+    if (JSON.stringify(x ?? null) === JSON.stringify(y ?? null)) continue;
+    if (x?.type === "command" || y?.type === "command") commands = true;
+    if (!x) out.push(`Adds the check “${labelOf(y.label, id)}”.`);
+    else if (!y) out.push(`Removes the check “${labelOf(x.label, id)}”.`);
+    else out.push(`Changes the check “${labelOf(y.label, id)}”.`);
+  }
+  if (commands)
+    out.push(
+      "Command checks change, so they stay off until you allow them again on the passage page."
+    );
+  if (!out.length && beforeText !== afterText)
+    out.push("Changes the file’s layout or comments only.");
+  return out;
+}
+function CheckForm($$renderer, $$props) {
+  $$renderer.component(($$renderer2) => {
+    let {
+      checkId,
+      spec,
+      readonly = false,
+      readonlyWhy = null,
+      captain,
+      releaseChecks,
+      usedBy,
+      onchange,
+      back = null,
+      onremove
+      /** Return to the step this check was opened from. */
+    } = $$props;
+    const type = derived(() => spec.type);
+    const words = derived(() => CHECK_WORDS[type()] ?? { name: String(spec.type), what: "" });
+    const fields = derived(() => (CHECK_FIELDS[type()] ?? []).filter((f) => !f.captainOnly || captain));
+    function get(key) {
+      const [a, b] = key.split(".");
+      const v = spec[a];
+      return b ? v && typeof v === "object" ? v[b] : void 0 : v;
+    }
+    function put(key, value) {
+      const [a, b] = key.split(".");
+      const next = { ...spec };
+      if (b) {
+        const inner = { ...next[a] ?? {} };
+        inner[b] = value;
+        next[a] = inner;
+      } else next[a] = value;
+      onchange(next);
+    }
+    const text = (v) => v === void 0 || v === null ? "" : String(v);
+    const lines = (v) => Array.isArray(v) ? v.map(String).join("\n") : text(v);
+    const mapText = (v) => v && typeof v === "object" ? Object.entries(v).map(([k, x]) => `${k}: ${x}`).join("\n") : "";
+    const shown = (run) => Array.isArray(run) ? run.map((a) => String(a)).map((a) => /^[A-Za-z0-9_@%+=:,./-]+$/.test(a) ? a : `'${a.replace(/'/g, `'\\''`)}'`).join(" ") : "";
+    const WHEN = {
+      merged: "After the merge",
+      "pr.recorded": "Once a pull request is open",
+      "crew.done": "Once the worker reports done"
+    };
+    function whenText(sp) {
+      const when = sp.when === void 0 ? "As soon as a task can use it, even before the merge" : WHEN[String(sp.when)] ?? "When its condition holds";
+      const per = sp.ref === "merge.commit" ? ", once per merged commit" : sp.ref === "pr.head" ? ", once per pull request commit" : "";
+      return `${when}${per}. A pass is not run again.`;
+    }
+    const inputClass = "mt-1 w-full rounded-md border border-input bg-card px-3 py-1.5 text-sm disabled:opacity-60";
+    function field($$renderer3, f) {
+      const fid = `check-${checkId}-${f.key}`;
+      $$renderer3.push(`<div class="min-w-0"><label${attr("for", fid)} class="block text-sm font-medium">${escape_html(f.label)}`);
+      if (f.required) {
+        $$renderer3.push(`<!--[0--><span class="ml-1 font-normal text-muted-foreground">(required)</span>`);
+      } else {
+        $$renderer3.push("<!--[-1-->");
+      }
+      $$renderer3.push(`<!--]--></label> `);
+      if (f.kind === "select") {
+        $$renderer3.push("<!--[0-->");
+        const cur = text(get(f.key));
+        $$renderer3.select(
+          {
+            id: fid,
+            class: inputClass,
+            disabled: readonly,
+            value: text(get(f.key)),
+            onchange: (e) => {
+              const v = e.currentTarget.value;
+              if (v !== cur || typeof get(f.key) === "string" || !v) put(f.key, v || void 0);
+            }
+          },
+          ($$renderer4) => {
+            if (!f.required) {
+              $$renderer4.push("<!--[0-->");
+              $$renderer4.option({ value: "" }, ($$renderer5) => {
+                $$renderer5.push(`Not set`);
+              });
+            } else {
+              $$renderer4.push("<!--[-1-->");
+            }
+            $$renderer4.push(`<!--]-->`);
+            if (get(f.key) !== void 0 && typeof get(f.key) !== "string") {
+              $$renderer4.push("<!--[0-->");
+              $$renderer4.option({ value: cur }, ($$renderer5) => {
+                $$renderer5.push(`As written in the YAML`);
+              });
+            } else if (cur && !(f.options ?? []).some((o) => o.value === cur)) {
+              $$renderer4.push("<!--[1-->");
+              $$renderer4.option({ value: cur }, ($$renderer5) => {
+                $$renderer5.push(`${escape_html(cur)}`);
+              });
+            } else {
+              $$renderer4.push("<!--[-1-->");
+            }
+            $$renderer4.push(`<!--]--><!--[-->`);
+            const each_array = ensure_array_like(f.options ?? []);
+            for (let $$index = 0, $$length = each_array.length; $$index < $$length; $$index++) {
+              let o = each_array[$$index];
+              $$renderer4.option({ value: o.value }, ($$renderer5) => {
+                $$renderer5.push(`${escape_html(o.label)}`);
+              });
+            }
+            $$renderer4.push(`<!--]-->`);
+          }
+        );
+      } else if (f.kind === "check") {
+        $$renderer3.push("<!--[1-->");
+        $$renderer3.select(
+          {
+            id: fid,
+            class: inputClass,
+            disabled: readonly,
+            value: text(get(f.key)),
+            onchange: (e) => put(f.key, e.currentTarget.value || void 0)
+          },
+          ($$renderer4) => {
+            $$renderer4.option({ value: "" }, ($$renderer5) => {
+              $$renderer5.push(`Choose a release check`);
+            });
+            $$renderer4.push(`<!--[-->`);
+            const each_array_1 = ensure_array_like(releaseChecks);
+            for (let $$index_1 = 0, $$length = each_array_1.length; $$index_1 < $$length; $$index_1++) {
+              let c = each_array_1[$$index_1];
+              $$renderer4.option({ value: c.id }, ($$renderer5) => {
+                $$renderer5.push(`${escape_html(c.label)}`);
+              });
+            }
+            $$renderer4.push(`<!--]-->`);
+          }
+        );
+      } else if (f.kind === "list") {
+        $$renderer3.push(`<!--[2--><textarea${attr("id", fid)}${attr("rows", Math.max(2, get(f.key)?.length ?? 2))} class="mt-1 w-full rounded-md border border-input bg-card px-3 py-1.5 text-sm disabled:opacity-60 font-mono"${attr("disabled", readonly, true)}>`);
+        const $$body = escape_html(lines(get(f.key)));
+        if ($$body) {
+          $$renderer3.push(`${$$body}`);
+        }
+        $$renderer3.push(`</textarea>`);
+      } else if (f.kind === "map") {
+        $$renderer3.push(`<!--[3--><textarea${attr("id", fid)} rows="2" class="mt-1 w-full rounded-md border border-input bg-card px-3 py-1.5 text-sm disabled:opacity-60 font-mono"${attr("disabled", readonly, true)}>`);
+        const $$body_1 = escape_html(mapText(get(f.key)));
+        if ($$body_1) {
+          $$renderer3.push(`${$$body_1}`);
+        }
+        $$renderer3.push(`</textarea>`);
+      } else if (f.kind === "number") {
+        $$renderer3.push(`<!--[4--><input${attr("id", fid)} type="number"${attr_class(clsx(inputClass))}${attr("disabled", readonly, true)}${attr("placeholder", f.placeholder)}${attr("value", text(get(f.key)))}/>`);
+      } else {
+        $$renderer3.push(`<!--[-1--><input${attr("id", fid)}${attr_class(`mt-1 w-full rounded-md border border-input bg-card px-3 py-1.5 text-sm disabled:opacity-60 ${f.kind === "duration" ? "max-w-40" : ""}`)}${attr("disabled", readonly, true)}${attr("placeholder", f.placeholder)}${attr("value", text(get(f.key)))}/>`);
+      }
+      $$renderer3.push(`<!--]--> `);
+      if (f.help) {
+        $$renderer3.push(`<!--[0--><p class="mt-1 text-xs text-muted-foreground">${escape_html(f.help)}</p>`);
+      } else {
+        $$renderer3.push("<!--[-1-->");
+      }
+      $$renderer3.push(`<!--]--></div>`);
+    }
+    $$renderer2.push(`<section${attr("aria-labelledby", `check-${stringify(checkId)}-title`)}${attr("data-check-form", checkId)}>`);
+    if (back) {
+      $$renderer2.push(`<!--[0--><button type="button" class="mb-3 inline-flex items-center gap-1 text-sm text-sea hover:underline">`);
+      Arrow_left($$renderer2, { class: "size-3.5", "aria-hidden": "true" });
+      $$renderer2.push(`<!---->Back to ${escape_html(back.label)}</button>`);
+    } else {
+      $$renderer2.push("<!--[-1-->");
+    }
+    $$renderer2.push(`<!--]--> <p class="text-xs tracking-wide text-muted-foreground uppercase">${escape_html(words().name)}</p> <h2${attr("id", `check-${stringify(checkId)}-title`)} class="mt-0.5 text-xl">${escape_html(text(spec.label) || checkId)}</h2> <p class="mt-1 text-sm text-muted-foreground">${escape_html(words().what)}</p> `);
+    if (readonlyWhy) {
+      $$renderer2.push(`<!--[0--><p class="mt-2 text-sm text-muted-foreground">${escape_html(readonlyWhy)}</p>`);
+    } else {
+      $$renderer2.push("<!--[-1-->");
+    }
+    $$renderer2.push(`<!--]--> <div class="mt-5 grid gap-4 sm:grid-cols-2"><div class="min-w-0 sm:col-span-2"><label${attr("for", `check-${stringify(checkId)}-label`)} class="block text-sm font-medium">Name</label> <input${attr("id", `check-${stringify(checkId)}-label`)}${attr_class(clsx(inputClass))}${attr("disabled", readonly, true)}${attr("value", text(spec.label))}${attr("placeholder", checkId)}/></div> <!--[-->`);
+    const each_array_2 = ensure_array_like(fields());
+    for (let $$index_2 = 0, $$length = each_array_2.length; $$index_2 < $$length; $$index_2++) {
+      let f = each_array_2[$$index_2];
+      $$renderer2.push(`<div${attr_class(clsx(f.kind === "list" || f.key === "url" ? "sm:col-span-2" : ""))}>`);
+      field($$renderer2, f);
+      $$renderer2.push(`<!----></div>`);
+    }
+    $$renderer2.push(`<!--]--> `);
+    if (type() !== "status.note") {
+      $$renderer2.push(`<!--[0--><div><label${attr("for", `check-${stringify(checkId)}-interval`)} class="block text-sm font-medium">How often</label> <input${attr("id", `check-${stringify(checkId)}-interval`)} class="mt-1 w-full rounded-md border border-input bg-card px-3 py-1.5 text-sm disabled:opacity-60 max-w-40"${attr("disabled", readonly, true)}${attr("placeholder", type() === "command" ? "10m" : type() === "github.release" || type() === "npm.published" ? "5m" : "60s")}${attr("value", text(spec.interval))}/> <p class="mt-1 text-xs text-muted-foreground">At least 30s, e.g. 60s, 5m or 1h.</p></div>`);
+    } else {
+      $$renderer2.push("<!--[-1-->");
+    }
+    $$renderer2.push(`<!--]--></div> `);
+    if (type() === "command") {
+      $$renderer2.push(`<!--[0--><div class="mt-6 rounded-lg border bg-panel p-4 text-sm" data-command-preview=""><p class="flex items-center gap-2 font-medium">`);
+      Square_terminal($$renderer2, { class: "size-4", "aria-hidden": "true" });
+      $$renderer2.push(`<!---->Exactly what will run</p> <pre class="mt-2 overflow-x-auto rounded-md bg-terminal px-3 py-2 font-mono text-xs text-terminal-foreground">${escape_html(shown(spec.run) || "(no program yet)")}</pre> <dl class="mt-3 grid gap-x-4 gap-y-1 text-xs sm:grid-cols-[9rem_minmax(0,1fr)]"><dt class="text-muted-foreground">In the folder</dt> <dd>${escape_html(text(spec.cwd) && spec.cwd !== "." ? `${spec.cwd}, inside the project` : "At the top of the project")}, in a fresh checkout of ${escape_html(spec.ref === "merge.commit" ? "the merge commit" : spec.ref === "pr.head" ? "the pull request’s latest commit" : "the default branch")}</dd> <dt class="text-muted-foreground">For at most</dt> <dd>${escape_html(text(spec.timeout) || "5m")}</dd> <dt class="text-muted-foreground">With only</dt> <dd class="break-words">${escape_html([...COMMAND_BASE_ENV, ...spec.env ?? []].join(", "))} from Wheelhouse’s
+					environment, plus the task and project names</dd> <dt class="text-muted-foreground">When</dt> <dd>${escape_html(whenText(spec))}</dd></dl> <p class="mt-3 text-xs text-muted-foreground">It never goes through a shell. Command checks run only after you allow them on the project’s
+				passage page, and changing a command line turns them off again. Allowing them trusts the
+				project’s own scripts as they are at that commit: consent covers the command line, not the
+				scripts it calls, which can change through merged pull requests without turning the commands
+				off.</p> <p class="mt-2 text-xs text-muted-foreground">Each run gets a fresh checkout with no installed dependencies and none of the clone’s
+				untracked files (such as .env), so the command must install what it needs.</p></div>`);
+    } else {
+      $$renderer2.push("<!--[-1-->");
+    }
+    $$renderer2.push(`<!--]--> `);
+    if (!readonly) {
+      $$renderer2.push(`<!--[0--><div class="mt-6 flex flex-wrap items-center gap-3 border-t pt-4">`);
+      Button($$renderer2, {
+        variant: "destructive",
+        size: "sm",
+        onclick: onremove,
+        children: ($$renderer3) => {
+          Trash($$renderer3, { "aria-hidden": "true" });
+          $$renderer3.push(`<!---->Remove this check`);
+        },
+        $$slots: { default: true }
+      });
+      $$renderer2.push(`<!----> `);
+      if (usedBy.length) {
+        $$renderer2.push(`<!--[0--><p class="text-xs text-muted-foreground">Used by ${escape_html(usedBy.join(", "))}; removing it takes it out of ${escape_html(usedBy.length === 1 ? "that step" : "those steps")}.</p>`);
+      } else {
+        $$renderer2.push("<!--[-1-->");
+      }
+      $$renderer2.push(`<!--]--></div>`);
+    } else {
+      $$renderer2.push("<!--[-1-->");
+    }
+    $$renderer2.push(`<!--]--></section>`);
+  });
+}
+function ReviewDialog($$renderer, $$props) {
+  $$renderer.component(($$renderer2) => {
+    let {
+      open = false,
+      before,
+      after,
+      summary,
+      target,
+      defaultRef,
+      busy,
+      error,
+      onsave
+      /** What the edit changes, in plain sentences. */
+    } = $$props;
+    const lines = derived(() => open ? diffLines(linesOf(before), linesOf(after)) : []);
+    const added = derived(() => lines().filter((l) => l.op === "+").length);
+    const removed = derived(() => lines().filter((l) => l.op === "-").length);
+    const branch = derived(() => defaultRef?.replace(/^origin\//, "") ?? "the default branch");
+    $$renderer2.push(`<dialog class="m-auto max-h-[90vh] w-[min(94vw,980px)] max-w-none overflow-hidden rounded-xl border bg-background p-0 text-foreground shadow-xl backdrop:bg-black/60" aria-labelledby="review-title">`);
+    if (open) {
+      $$renderer2.push(`<!--[0--><div class="flex max-h-[90vh] flex-col"><div class="flex items-start gap-3 border-b px-5 py-4"><div class="min-w-0 flex-1"><h2 id="review-title" class="text-lg">Review and save</h2> <p class="mt-1 text-sm text-muted-foreground">The file: ${escape_html(added())} line${escape_html(added() === 1 ? "" : "s")} added, ${escape_html(removed())} removed.</p></div> <button type="button" class="inline-flex size-8 items-center justify-center rounded-md text-muted-foreground hover:bg-muted hover:text-foreground" aria-label="Close">`);
+      X($$renderer2, { class: "size-4", "aria-hidden": "true" });
+      $$renderer2.push(`<!----></button></div> `);
+      if (summary.length) {
+        $$renderer2.push(`<!--[0--><ul class="space-y-1 border-b px-5 py-3 text-sm" aria-label="What changes"><!--[-->`);
+        const each_array = ensure_array_like(summary);
+        for (let i = 0, $$length = each_array.length; i < $$length; i++) {
+          let line = each_array[i];
+          $$renderer2.push(`<li>${escape_html(line)}</li>`);
+        }
+        $$renderer2.push(`<!--]--></ul>`);
+      } else {
+        $$renderer2.push("<!--[-1-->");
+      }
+      $$renderer2.push(`<!--]--> <pre class="min-h-0 flex-1 overflow-auto bg-card px-0 py-2 font-mono text-xs leading-5" aria-label="Changes"><!--[-->`);
+      const each_array_1 = ensure_array_like(lines());
+      for (let i = 0, $$length = each_array_1.length; i < $$length; i++) {
+        let l = each_array_1[i];
+        $$renderer2.push(`<span${attr_class(`block px-5 ${l.op === "+" ? "bg-success/10 text-success" : l.op === "-" ? "bg-danger/10 text-danger" : "text-muted-foreground"}`)}><span class="mr-3 inline-block w-3 select-none" aria-hidden="true">${escape_html(l.op === " " ? "" : l.op)}</span><span class="sr-only">${escape_html(l.op === "+" ? "added: " : l.op === "-" ? "removed: " : "")}</span>${escape_html(l.text)}</span>`);
+      }
+      $$renderer2.push(`<!--]--></pre> <div class="border-t px-5 py-4"><p class="text-sm leading-relaxed" data-save-note="">`);
+      if (target === "project") {
+        $$renderer2.push(`<!--[0--><strong class="font-medium">This changes a file in the project’s repository:</strong> <code class="font-mono text-xs">.wheelhouse.yaml</code> in Firstmate’s clone of the
+						project. It is not committed. Wheelhouse uses it once it is on ${escape_html(branch())}, so ask
+						Firstmate to ship it.`);
+      } else {
+        $$renderer2.push(`<!--[-1--><strong class="font-medium">This changes your own Wheelhouse config</strong> for this project,
+						outside the repository. Wheelhouse uses it within a minute.`);
+      }
+      $$renderer2.push(`<!--]--></p> `);
+      if (error) {
+        $$renderer2.push(`<!--[0--><p class="mt-2 text-sm text-danger" role="alert">${escape_html(error)}</p>`);
+      } else {
+        $$renderer2.push("<!--[-1-->");
+      }
+      $$renderer2.push(`<!--]--> <div class="mt-4 flex flex-wrap justify-end gap-2">`);
+      Button($$renderer2, {
+        variant: "outline",
+        onclick: () => open = false,
+        children: ($$renderer3) => {
+          $$renderer3.push(`<!---->Keep editing`);
+        },
+        $$slots: { default: true }
+      });
+      $$renderer2.push(`<!----> `);
+      Button($$renderer2, {
+        disabled: busy || !added() && !removed(),
+        onclick: onsave,
+        children: ($$renderer3) => {
+          $$renderer3.push(`<!---->${escape_html(busy ? "Saving…" : target === "project" ? "Save to the repository file" : "Save to your config")}`);
+        },
+        $$slots: { default: true }
+      });
+      $$renderer2.push(`<!----></div></div></div>`);
+    } else {
+      $$renderer2.push("<!--[-1-->");
+    }
+    $$renderer2.push(`<!--]--></dialog>`);
+    bind_props($$props, { open });
+  });
+}
+function CondField($$renderer, $$props) {
+  $$renderer.component(($$renderer2) => {
+    let {
+      id,
+      label,
+      help = null,
+      value,
+      refs,
+      disabled = false,
+      onchange
+    } = $$props;
+    const b = derived(() => toBuilder(value));
+    const known = derived(() => new Set(refs.flatMap((g) => g.options.map((o) => o.value))));
+    function set(next) {
+      onchange(fromBuilder(next));
+    }
+    $$renderer2.push(`<fieldset class="min-w-0"${attr("aria-describedby", help ? `${id}-help` : void 0)}><legend class="text-sm font-medium">${escape_html(label)}</legend> `);
+    if (help) {
+      $$renderer2.push(`<!--[0--><p${attr("id", `${stringify(id)}-help`)} class="mt-0.5 text-xs text-muted-foreground">${escape_html(help)}</p>`);
+    } else {
+      $$renderer2.push("<!--[-1-->");
+    }
+    $$renderer2.push(`<!--]--> `);
+    if (b() === null) {
+      $$renderer2.push(`<!--[0--><p class="mt-2 rounded-md border border-dashed px-3 py-2 text-sm text-muted-foreground">This condition is more involved than the form shows. Edit it in the YAML view.</p>`);
+    } else {
+      $$renderer2.push("<!--[-1-->");
+      if (b().items.length > 1) {
+        $$renderer2.push(`<!--[0--><label class="mt-2 inline-flex items-center gap-2 text-sm"><span class="sr-only">How these combine</span> `);
+        $$renderer2.select(
+          {
+            class: "rounded-md border border-input bg-card px-2 py-1 text-sm",
+            value: b().join,
+            disabled,
+            onchange: (e) => set({ ...b(), join: e.currentTarget.value })
+          },
+          ($$renderer3) => {
+            $$renderer3.option({ value: "all" }, ($$renderer4) => {
+              $$renderer4.push(`All of these`);
+            });
+            $$renderer3.option({ value: "any" }, ($$renderer4) => {
+              $$renderer4.push(`Any of these`);
+            });
+          }
+        );
+        $$renderer2.push(`</label>`);
+      } else {
+        $$renderer2.push("<!--[-1-->");
+      }
+      $$renderer2.push(`<!--]--> <ul class="mt-2 space-y-2"><!--[-->`);
+      const each_array = ensure_array_like(b().items);
+      for (let i = 0, $$length = each_array.length; i < $$length; i++) {
+        let item = each_array[i];
+        $$renderer2.push(`<li class="flex flex-wrap items-center gap-2">`);
+        $$renderer2.select(
+          {
+            class: "rounded-md border border-input bg-card px-2 py-1 text-sm",
+            "aria-label": `${stringify(label)}: when`,
+            value: item.not ? "not" : "is",
+            disabled,
+            onchange: (e) => {
+              const items = [...b().items];
+              items[i] = { ...item, not: e.currentTarget.value === "not" };
+              set({ ...b(), items });
+            }
+          },
+          ($$renderer3) => {
+            $$renderer3.option({ value: "is" }, ($$renderer4) => {
+              $$renderer4.push(`When`);
+            });
+            $$renderer3.option({ value: "not" }, ($$renderer4) => {
+              $$renderer4.push(`Unless`);
+            });
+          }
+        );
+        $$renderer2.push(` `);
+        $$renderer2.select(
+          {
+            class: "min-w-0 flex-1 rounded-md border border-input bg-card px-2 py-1 text-sm",
+            "aria-label": `${stringify(label)}: condition ${stringify(i + 1)}`,
+            value: item.ref,
+            disabled,
+            onchange: (e) => {
+              const items = [...b().items];
+              items[i] = { ...item, ref: e.currentTarget.value };
+              set({ ...b(), items });
+            }
+          },
+          ($$renderer3) => {
+            if (!known().has(item.ref)) {
+              $$renderer3.push("<!--[0-->");
+              $$renderer3.option({ value: item.ref }, ($$renderer4) => {
+                $$renderer4.push(`${escape_html(item.ref)} (not known)`);
+              });
+            } else {
+              $$renderer3.push("<!--[-1-->");
+            }
+            $$renderer3.push(`<!--]--><!--[-->`);
+            const each_array_1 = ensure_array_like(refs);
+            for (let $$index_1 = 0, $$length2 = each_array_1.length; $$index_1 < $$length2; $$index_1++) {
+              let g = each_array_1[$$index_1];
+              $$renderer3.push(`<optgroup${attr("label", g.group)}><!--[-->`);
+              const each_array_2 = ensure_array_like(g.options);
+              for (let $$index = 0, $$length3 = each_array_2.length; $$index < $$length3; $$index++) {
+                let o = each_array_2[$$index];
+                $$renderer3.option({ value: o.value }, ($$renderer4) => {
+                  $$renderer4.push(`${escape_html(o.label)}`);
+                });
+              }
+              $$renderer3.push(`<!--]--></optgroup>`);
+            }
+            $$renderer3.push(`<!--]-->`);
+          }
+        );
+        $$renderer2.push(` <button type="button" class="inline-flex size-8 items-center justify-center rounded-md text-muted-foreground hover:bg-muted hover:text-foreground" aria-label="Remove this condition"${attr("disabled", disabled, true)}>`);
+        X($$renderer2, { class: "size-4", "aria-hidden": "true" });
+        $$renderer2.push(`<!----></button></li>`);
+      }
+      $$renderer2.push(`<!--]--></ul> <button type="button" class="mt-2 inline-flex items-center gap-1 text-sm text-sea hover:underline disabled:opacity-50"${attr("disabled", disabled, true)}>`);
+      Plus($$renderer2, { class: "size-3.5", "aria-hidden": "true" });
+      $$renderer2.push(`<!---->${escape_html(b().items.length ? "Add another" : "Add a condition")}</button>`);
+    }
+    $$renderer2.push(`<!--]--></fieldset>`);
+  });
+}
+function StepForm($$renderer, $$props) {
+  $$renderer.component(($$renderer2) => {
+    let {
+      step,
+      entry,
+      declared,
+      refs,
+      evidence,
+      links,
+      uses,
+      canUp,
+      canDown,
+      onfield,
+      belowName,
+      onmove,
+      onremove,
+      onreset,
+      onaddcheck
+      /** Where the step is declared: built-in, the project file, or added by this file. */
+      /** The name was finished (the field lost focus). */
+      /** Where steps declared below this file come from, in words. */
+    } = $$props;
+    const rules = derived(() => declared !== "builtin");
+    const text = (v) => typeof v === "string" ? v : "";
+    const shows = derived(() => Array.isArray(entry?.evidence) ? entry.evidence : null);
+    const noteText = derived(() => typeof entry?.note === "string" ? entry.note : "");
+    const noteIsRule = derived(() => !!entry?.note && typeof entry.note === "object");
+    const ORIGIN = {
+      builtin: "A built-in step",
+      project: "Added by the project’s repository file",
+      captain: "Added by your Wheelhouse config",
+      file: "Added by this file"
+    };
+    const inputClass = "mt-1 w-full rounded-md border border-input bg-card px-3 py-1.5 text-sm";
+    let adding = "command";
+    $$renderer2.push(`<section aria-labelledby="step-title"${attr("data-step-form", step.id)}><p class="text-xs tracking-wide text-muted-foreground uppercase">${escape_html(ORIGIN[declared])}${escape_html(step.restyled && !step.added ? ", changed by this file" : "")}</p> <h2 id="step-title" class="mt-0.5 text-xl">${escape_html(step.label)}</h2> `);
+    if (step.lost) {
+      $$renderer2.push(`<!--[0--><p class="mt-2 text-sm text-danger" role="alert">It is placed after a step that does not exist. Move it to put it back in the passage.</p>`);
+    } else {
+      $$renderer2.push("<!--[-1-->");
+    }
+    $$renderer2.push(`<!--]--> <div class="mt-5 grid gap-4 sm:grid-cols-[minmax(0,2fr)_minmax(0,1fr)]"><div><label for="step-label" class="block text-sm font-medium">Name`);
+    if (step.added) {
+      $$renderer2.push(`<!--[0--><span class="ml-1 font-normal text-muted-foreground">(required)</span>`);
+    } else {
+      $$renderer2.push("<!--[-1-->");
+    }
+    $$renderer2.push(`<!--]--></label> <input id="step-label"${attr_class(clsx(inputClass))}${attr("value", text(entry?.label))}${attr("placeholder", step.added ? "e.g. Deployed locally" : step.label)}/></div> <div><label for="step-short" class="block text-sm font-medium">Short name</label> <input id="step-short"${attr_class(clsx(inputClass))}${attr("value", text(entry?.short))} placeholder="For narrow layouts"/></div></div> <div class="mt-6 space-y-5">`);
+    if (rules()) {
+      $$renderer2.push("<!--[0-->");
+      CondField($$renderer2, {
+        id: "reached",
+        label: "Reached when",
+        help: step.added ? "Required. The step is current once this holds." : null,
+        value: entry?.reached_when,
+        refs,
+        onchange: (c) => onfield("reached_when", c)
+      });
+      $$renderer2.push(`<!----> `);
+      CondField($$renderer2, {
+        id: "failed",
+        label: "Failed when",
+        help: "Optional. The task shows as failed at this step.",
+        value: entry?.failed_when,
+        refs,
+        onchange: (c) => onfield("failed_when", c)
+      });
+      $$renderer2.push(`<!----> `);
+      CondField($$renderer2, {
+        id: "skipped",
+        label: "Skipped when",
+        help: "Optional. Shown as skipped unless it is the current step.",
+        value: entry?.skip_when,
+        refs,
+        onchange: (c) => onfield("skip_when", c)
+      });
+      $$renderer2.push(`<!----> `);
+      if (entry?.skip_when !== void 0) {
+        $$renderer2.push(`<!--[0--><div><label for="step-skip-note" class="block text-sm font-medium">Why it is skipped</label> <input id="step-skip-note"${attr_class(clsx(inputClass))}${attr("value", text(entry?.skip_note))}/></div>`);
+      } else {
+        $$renderer2.push("<!--[-1-->");
+      }
+      $$renderer2.push(`<!--]-->`);
+    } else {
+      $$renderer2.push(`<!--[-1--><p class="rounded-md bg-muted/60 px-3 py-2 text-sm text-muted-foreground">When a built-in step is reached is fixed. You can rename it and choose what it shows.</p>`);
+    }
+    $$renderer2.push(`<!--]--> <fieldset><legend class="block text-sm font-medium">What it shows on the task page</legend> <p class="mt-0.5 text-xs text-muted-foreground">${escape_html(shows() ? "Chosen here." : `As in ${belowName}; tick to choose your own.`)}</p> <div class="mt-2 grid gap-x-4 gap-y-1.5 sm:grid-cols-2 xl:grid-cols-3"><!--[-->`);
+    const each_array = ensure_array_like(evidence);
+    for (let $$index = 0, $$length = each_array.length; $$index < $$length; $$index++) {
+      let o = each_array[$$index];
+      $$renderer2.push(`<label class="flex items-center gap-2 text-sm"><input type="checkbox" class="size-4 accent-[var(--sea)]"${attr("checked", shows()?.includes(o.value) ?? false, true)}/>${escape_html(o.label)}</label>`);
+    }
+    $$renderer2.push(`<!--]--></div></fieldset> <div class="grid gap-4 sm:grid-cols-2"><div><label for="step-link" class="block text-sm font-medium">Main link while current</label> `);
+    $$renderer2.select(
+      {
+        id: "step-link",
+        class: inputClass,
+        value: text(entry?.primary_link),
+        onchange: (e) => onfield("primary_link", e.currentTarget.value)
+      },
+      ($$renderer3) => {
+        $$renderer3.option({ value: "" }, ($$renderer4) => {
+          $$renderer4.push(`None`);
+        });
+        $$renderer3.push(`<!--[-->`);
+        const each_array_1 = ensure_array_like(links);
+        for (let $$index_1 = 0, $$length = each_array_1.length; $$index_1 < $$length; $$index_1++) {
+          let c = each_array_1[$$index_1];
+          $$renderer3.option({ value: `${stringify(c.id)}.url` }, ($$renderer4) => {
+            $$renderer4.push(`${escape_html(c.label)}`);
+          });
+        }
+        $$renderer3.push(`<!--]-->`);
+      }
+    );
+    $$renderer2.push(`</div> `);
+    if (rules()) {
+      $$renderer2.push(`<!--[0--><div><label for="step-give-up" class="block text-sm font-medium">Stop checking after</label> <input id="step-give-up" class="mt-1 w-full rounded-md border border-input bg-card px-3 py-1.5 text-sm max-w-40" placeholder="e.g. 24h"${attr("value", text(entry?.give_up_after))}/></div>`);
+    } else {
+      $$renderer2.push("<!--[-1-->");
+    }
+    $$renderer2.push(`<!--]--></div> <div><label for="step-note" class="block text-sm font-medium">Note shown with the step</label> `);
+    if (noteIsRule()) {
+      $$renderer2.push(`<!--[0--><p class="mt-1 text-sm text-muted-foreground">This note depends on a condition; edit it in the YAML view.</p>`);
+    } else {
+      $$renderer2.push(`<!--[-1--><textarea id="step-note" rows="2"${attr_class(clsx(inputClass))}>`);
+      const $$body = escape_html(noteText());
+      if ($$body) {
+        $$renderer2.push(`${$$body}`);
+      }
+      $$renderer2.push(`</textarea>`);
+    }
+    $$renderer2.push(`<!--]--></div></div> <div class="mt-8 border-t pt-5"><h3 class="block text-sm font-medium">Checks this step uses</h3> `);
+    if (uses.length) {
+      $$renderer2.push(`<!--[0--><ul class="mt-2 divide-y rounded-lg border"><!--[-->`);
+      const each_array_2 = ensure_array_like(uses);
+      for (let $$index_2 = 0, $$length = each_array_2.length; $$index_2 < $$length; $$index_2++) {
+        let c = each_array_2[$$index_2];
+        $$renderer2.push(`<li><button type="button" class="flex w-full items-baseline justify-between gap-3 px-3 py-2 text-left text-sm hover:bg-muted/60"><span class="font-medium">${escape_html(c.label)}</span> <span class="text-xs text-muted-foreground">${escape_html(CHECK_WORDS[c.type]?.name ?? c.type)}</span></button></li>`);
+      }
+      $$renderer2.push(`<!--]--></ul>`);
+    } else {
+      $$renderer2.push(`<!--[-1--><p class="mt-1 text-sm text-muted-foreground">None yet.</p>`);
+    }
+    $$renderer2.push(`<!--]--> `);
+    if (rules()) {
+      $$renderer2.push(`<!--[0--><div class="mt-3 flex flex-wrap items-center gap-2"><label for="add-check-type" class="sr-only">Kind of check</label> `);
+      $$renderer2.select(
+        {
+          id: "add-check-type",
+          class: "rounded-md border border-input bg-card px-2 py-1.5 text-sm",
+          value: adding
+        },
+        ($$renderer3) => {
+          $$renderer3.push(`<!--[-->`);
+          const each_array_3 = ensure_array_like(Object.entries(CHECK_WORDS));
+          for (let $$index_3 = 0, $$length = each_array_3.length; $$index_3 < $$length; $$index_3++) {
+            let [t, w] = each_array_3[$$index_3];
+            $$renderer3.option({ value: t }, ($$renderer4) => {
+              $$renderer4.push(`${escape_html(w.name)}`);
+            });
+          }
+          $$renderer3.push(`<!--]-->`);
+        }
+      );
+      $$renderer2.push(` `);
+      Button($$renderer2, {
+        variant: "outline",
+        size: "sm",
+        onclick: () => onaddcheck(adding),
+        children: ($$renderer3) => {
+          Plus($$renderer3, { "aria-hidden": "true" });
+          $$renderer3.push(`<!---->Add a check to this step`);
+        },
+        $$slots: { default: true }
+      });
+      $$renderer2.push(`<!----></div> <p class="mt-1 text-xs text-muted-foreground">The step is then reached when the check passes, and shows its result.</p>`);
+    } else {
+      $$renderer2.push("<!--[-1-->");
+    }
+    $$renderer2.push(`<!--]--></div> <div class="mt-8 flex flex-wrap gap-2 border-t pt-5">`);
+    if (step.added) {
+      $$renderer2.push("<!--[0-->");
+      Button($$renderer2, {
+        variant: "outline",
+        size: "sm",
+        disabled: !canUp,
+        onclick: () => onmove(-1),
+        children: ($$renderer3) => {
+          Arrow_up($$renderer3, { "aria-hidden": "true" });
+          $$renderer3.push(`<!---->Move up`);
+        },
+        $$slots: { default: true }
+      });
+      $$renderer2.push(`<!----> `);
+      Button($$renderer2, {
+        variant: "outline",
+        size: "sm",
+        disabled: !canDown,
+        onclick: () => onmove(1),
+        children: ($$renderer3) => {
+          Arrow_down($$renderer3, { "aria-hidden": "true" });
+          $$renderer3.push(`<!---->Move down`);
+        },
+        $$slots: { default: true }
+      });
+      $$renderer2.push(`<!----> `);
+      Button($$renderer2, {
+        variant: "destructive",
+        size: "sm",
+        onclick: onremove,
+        children: ($$renderer3) => {
+          Trash($$renderer3, { "aria-hidden": "true" });
+          $$renderer3.push(`<!---->Remove this step`);
+        },
+        $$slots: { default: true }
+      });
+      $$renderer2.push(`<!---->`);
+    } else if (step.restyled) {
+      $$renderer2.push("<!--[1-->");
+      Button($$renderer2, {
+        variant: "outline",
+        size: "sm",
+        onclick: onreset,
+        children: ($$renderer3) => {
+          Rotate_ccw($$renderer3, { "aria-hidden": "true" });
+          $$renderer3.push(`<!---->Undo this file’s changes to the step`);
+        },
+        $$slots: { default: true }
+      });
+    } else {
+      $$renderer2.push("<!--[-1-->");
+    }
+    $$renderer2.push(`<!--]--> `);
+    if (declared === "builtin") {
+      $$renderer2.push(`<!--[0--><p class="self-center text-xs text-muted-foreground">Built-in steps stay in place and cannot be removed.</p>`);
+    } else {
+      $$renderer2.push("<!--[-1-->");
+    }
+    $$renderer2.push(`<!--]--></div></section>`);
+  });
+}
+function TestPanel($$renderer, $$props) {
+  $$renderer.component(($$renderer2) => {
+    let {
+      projectId,
+      target,
+      text,
+      track,
+      tasks,
+      commands,
+      blocked
+    } = $$props;
+    const fits = derived(() => tasks.filter((t) => t.track === track));
+    let taskId = "";
+    let runCommands = false;
+    let busy = false;
+    let result = null;
+    let error = null;
+    async function run() {
+      busy = true;
+      error = null;
+      result = null;
+      try {
+        const res = await fetch(`/api/projects/${encodeURIComponent(projectId)}/passage/test`, {
+          method: "POST",
+          headers: {
+            "content-type": "application/json",
+            [SESSION_HEADER]: page.data.sessionToken
+          },
+          body: JSON.stringify({
+            target,
+            text,
+            taskId,
+            commands: runCommands && commands.length > 0 ? commands : null
+          })
+        });
+        const body = await res.json().catch(() => null);
+        if (body && typeof body.ok === "boolean") result = body;
+        else error = typeof body?.message === "string" ? body.message : `Wheelhouse answered ${res.status}.`;
+      } catch {
+        error = "Could not reach the Wheelhouse server.";
+      } finally {
+        busy = false;
+      }
+    }
+    const BAD = /* @__PURE__ */ new Set(["failed", "failure", "error", "mismatch"]);
+    const NOT_YET = /* @__PURE__ */ new Set(["absent", "not_yet", "no", "in_progress"]);
+    function verdict(c) {
+      if (c.state === "observed" && c.outcome && BAD.has(c.outcome)) return { word: "Failed", tone: "text-danger" };
+      if (c.state === "observed" && c.outcome && NOT_YET.has(c.outcome)) return { word: "Not yet", tone: "text-muted-foreground" };
+      if (c.state === "observed") return { word: "Passed", tone: "text-success" };
+      if (c.state === "unknown") return { word: "Couldn’t tell", tone: "text-warning" };
+      return { word: "Not run", tone: "text-muted-foreground" };
+    }
+    $$renderer2.push(`<section class="rounded-xl border bg-card p-5" aria-labelledby="test-title" data-test-panel=""><div class="flex items-start gap-3"><div class="min-w-0 flex-1"><h2 id="test-title" class="text-lg">Test this passage</h2> <p class="mt-1 text-sm text-muted-foreground">See where a task would be with your edits. Each check runs once now; nothing is saved or
+				recorded.</p></div> <button type="button" class="inline-flex size-8 items-center justify-center rounded-md text-muted-foreground hover:bg-muted hover:text-foreground" aria-label="Close the test">`);
+    X($$renderer2, { class: "size-4", "aria-hidden": "true" });
+    $$renderer2.push(`<!----></button></div> `);
+    if (!fits().length) {
+      $$renderer2.push(`<!--[0--><p class="mt-4 text-sm text-muted-foreground">${escape_html(tasks.length ? `None of this project’s recent tasks follow the ${track === "ship" ? "ship" : "scout"} passage.` : "Wheelhouse has not seen any of this project’s tasks recently.")}</p>`);
+    } else {
+      $$renderer2.push(`<!--[-1--><div class="mt-4 flex flex-wrap items-end gap-3"><label class="min-w-0 flex-1 text-sm font-medium" for="test-task">Task `);
+      $$renderer2.select(
+        {
+          id: "test-task",
+          class: "mt-1 block w-full max-w-xl rounded-md border border-input bg-card px-3 py-1.5 text-sm font-normal",
+          value: taskId
+        },
+        ($$renderer3) => {
+          $$renderer3.push(`<!--[-->`);
+          const each_array = ensure_array_like(fits());
+          for (let $$index = 0, $$length = each_array.length; $$index < $$length; $$index++) {
+            let t = each_array[$$index];
+            $$renderer3.option({ value: t.id }, ($$renderer4) => {
+              $$renderer4.push(`${escape_html(t.title)}${escape_html(t.step ? ` (now at ${t.step})` : "")}`);
+            });
+          }
+          $$renderer3.push(`<!--]-->`);
+        }
+      );
+      $$renderer2.push(`</label> `);
+      Button($$renderer2, {
+        disabled: busy || blocked || !taskId,
+        onclick: run,
+        children: ($$renderer3) => {
+          Play($$renderer3, { "aria-hidden": "true" });
+          $$renderer3.push(`<!---->${escape_html(busy ? "Testing…" : "Run the test")}`);
+        },
+        $$slots: { default: true }
+      });
+      $$renderer2.push(`<!----></div> `);
+      if (blocked) {
+        $$renderer2.push(`<!--[0--><p class="mt-2 text-sm text-danger">Fix the file’s problems to test it.</p>`);
+      } else {
+        $$renderer2.push("<!--[-1-->");
+      }
+      $$renderer2.push(`<!--]--> `);
+      if (commands.length) {
+        $$renderer2.push(`<!--[0--><div class="mt-4 rounded-lg border bg-panel p-3 text-sm"><label class="flex items-start gap-2"><input type="checkbox" class="mt-0.5 size-4 accent-[var(--sea)]"${attr("checked", runCommands, true)}/> <span>Also run ${escape_html(commands.length === 1 ? "this command" : `these ${commands.length} commands`)} on
+						this machine now. Otherwise they are left out of the test.</span></label> <ul class="mt-2 space-y-1 pl-6"><!--[-->`);
+        const each_array_1 = ensure_array_like(commands);
+        for (let $$index_1 = 0, $$length = each_array_1.length; $$index_1 < $$length; $$index_1++) {
+          let c = each_array_1[$$index_1];
+          $$renderer2.push(`<li><span class="font-medium">${escape_html(c.label)}:</span> <code class="font-mono text-xs">${escape_html(c.line)}</code> <span class="text-xs text-muted-foreground">in ${escape_html(c.cwd === "." ? "the project folder" : c.cwd)}, up to ${escape_html(c.timeout)}</span></li>`);
+        }
+        $$renderer2.push(`<!--]--></ul> `);
+        {
+          $$renderer2.push("<!--[-1-->");
+        }
+        $$renderer2.push(`<!--]--></div>`);
+      } else {
+        $$renderer2.push("<!--[-1-->");
+      }
+      $$renderer2.push(`<!--]-->`);
+    }
+    $$renderer2.push(`<!--]--> `);
+    if (error) {
+      $$renderer2.push(`<!--[0--><p class="mt-3 text-sm text-danger" role="alert">${escape_html(error)}</p>`);
+    } else {
+      $$renderer2.push("<!--[-1-->");
+    }
+    $$renderer2.push(`<!--]--> `);
+    if (result && !result.ok) {
+      $$renderer2.push(`<!--[0--><div class="mt-4 text-sm text-danger" role="alert"><p>${escape_html(result.message)}</p> `);
+      if (result.errors.length) {
+        $$renderer2.push(`<!--[0--><ul class="mt-1 list-disc pl-5 font-mono text-xs"><!--[-->`);
+        const each_array_2 = ensure_array_like(result.errors);
+        for (let i = 0, $$length = each_array_2.length; i < $$length; i++) {
+          let e = each_array_2[i];
+          $$renderer2.push(`<li>${escape_html(e)}</li>`);
+        }
+        $$renderer2.push(`<!--]--></ul>`);
+      } else {
+        $$renderer2.push("<!--[-1-->");
+      }
+      $$renderer2.push(`<!--]--></div>`);
+    } else if (result?.ok) {
+      $$renderer2.push("<!--[1-->");
+      const p = result.passage;
+      const cur = p.steps[p.current];
+      const failed = p.checks.filter((c) => verdict(c).word === "Failed").length;
+      const unclear = p.checks.filter((c) => c.state === "unknown").length;
+      const bad = new Set(p.checks.filter((c) => verdict(c).word === "Failed").map((c) => c.id));
+      $$renderer2.push(`<div class="mt-5 grid gap-6 lg:grid-cols-[minmax(0,1fr)_minmax(0,1.4fr)]" aria-live="polite"><div><h3 class="text-sm font-medium">It would be at <span${attr_class(clsx(cur.failed ? "text-danger" : "text-sea"))}>${escape_html(cur.label)}${escape_html(cur.failed ? ", failed" : "")}</span></h3> <p class="mt-1 text-xs text-muted-foreground">${escape_html(p.basis)}</p> `);
+      if (failed || unclear) {
+        $$renderer2.push(`<!--[0--><p class="mt-2 text-sm text-warning" role="status">${escape_html([
+          failed ? `${failed} check${failed === 1 ? "" : "s"} failed` : "",
+          unclear ? `${unclear} couldn’t tell` : ""
+        ].filter(Boolean).join(" and "))}; see what each check found.</p>`);
+      } else {
+        $$renderer2.push("<!--[-1-->");
+      }
+      $$renderer2.push(`<!--]--> <ol class="mt-3 space-y-1.5 text-sm"><!--[-->`);
+      const each_array_3 = ensure_array_like(p.steps);
+      for (let $$index_3 = 0, $$length = each_array_3.length; $$index_3 < $$length; $$index_3++) {
+        let s = each_array_3[$$index_3];
+        const own = s.evidence.some((e) => e.startsWith("check:") && bad.has(e.slice(6)));
+        $$renderer2.push(`<li class="flex items-start gap-2"${attr("data-state", s.state)}>`);
+        if (s.failed || own) {
+          $$renderer2.push("<!--[0-->");
+          Circle_alert($$renderer2, {
+            class: "mt-0.5 size-4 shrink-0 text-danger",
+            "aria-hidden": "true"
+          });
+        } else if (s.state === "done") {
+          $$renderer2.push("<!--[1-->");
+          Check($$renderer2, {
+            class: "mt-0.5 size-4 shrink-0 text-success",
+            "aria-hidden": "true"
+          });
+        } else if (s.state === "current") {
+          $$renderer2.push("<!--[2-->");
+          Circle_dot($$renderer2, {
+            class: "mt-0.5 size-4 shrink-0 text-sea",
+            "aria-hidden": "true"
+          });
+        } else if (s.state === "skipped") {
+          $$renderer2.push("<!--[3-->");
+          Minus($$renderer2, {
+            class: "mt-0.5 size-4 shrink-0 text-muted-foreground",
+            "aria-hidden": "true"
+          });
+        } else {
+          $$renderer2.push("<!--[-1-->");
+          Circle_dashed($$renderer2, {
+            class: "mt-0.5 size-4 shrink-0 text-muted-foreground",
+            "aria-hidden": "true"
+          });
+        }
+        $$renderer2.push(`<!--]--> <span class="min-w-0"><span${attr_class(clsx(s.state === "upcoming" ? "text-muted-foreground" : ""))}>${escape_html(s.label)}</span> <span class="sr-only">(${escape_html(s.failed ? "failed" : s.state)})</span> `);
+        if (own && !s.failed) {
+          $$renderer2.push(`<!--[0--><span class="block text-xs text-danger">Its check failed${escape_html(s.state === "done" ? ", though a later step was reached" : "")}.</span>`);
+        } else {
+          $$renderer2.push("<!--[-1-->");
+        }
+        $$renderer2.push(`<!--]--> `);
+        if (s.note) {
+          $$renderer2.push(`<!--[0--><span class="block text-xs text-muted-foreground">${escape_html(s.note)}</span>`);
+        } else {
+          $$renderer2.push("<!--[-1-->");
+        }
+        $$renderer2.push(`<!--]--></span></li>`);
+      }
+      $$renderer2.push(`<!--]--></ol></div> <div><h3 class="text-sm font-medium">What each check found</h3> `);
+      if (!p.checks.length) {
+        $$renderer2.push(`<!--[0--><p class="mt-1 text-sm text-muted-foreground">This passage has no checks.</p>`);
+      } else {
+        $$renderer2.push(`<!--[-1--><ul class="mt-3 space-y-2"><!--[-->`);
+        const each_array_4 = ensure_array_like(p.checks);
+        for (let $$index_4 = 0, $$length = each_array_4.length; $$index_4 < $$length; $$index_4++) {
+          let c = each_array_4[$$index_4];
+          const v = verdict(c);
+          $$renderer2.push(`<li${attr_class(`rounded-lg border px-3 py-2 text-sm ${v.word === "Failed" ? "border-danger/50" : v.word === "Couldn’t tell" ? "border-warning/50" : ""}`)}${attr("data-verdict", v.word)}><p class="flex flex-wrap items-baseline gap-x-2"><span class="font-medium">${escape_html(c.label)}</span> <span${attr_class(`text-xs font-medium ${stringify(v.tone)}`)}>${escape_html(v.word)}</span></p> <p class="mt-0.5 text-muted-foreground">${escape_html(c.summary)}</p> `);
+          if (c.command) {
+            $$renderer2.push(`<!--[0--><p class="mt-0.5 font-mono text-xs text-muted-foreground">${escape_html(c.command)}</p>`);
+          } else {
+            $$renderer2.push("<!--[-1-->");
+          }
+          $$renderer2.push(`<!--]--> `);
+          if (c.output) {
+            $$renderer2.push(`<!--[0--><details class="mt-1"><summary class="cursor-pointer text-xs text-sea">Output</summary> <pre class="mt-1 max-h-72 overflow-auto rounded-md bg-terminal px-3 py-2 font-mono text-xs text-terminal-foreground">${escape_html(c.output)}</pre></details>`);
+          } else {
+            $$renderer2.push("<!--[-1-->");
+          }
+          $$renderer2.push(`<!--]--></li>`);
+        }
+        $$renderer2.push(`<!--]--></ul>`);
+      }
+      $$renderer2.push(`<!--]--></div></div>`);
+    } else {
+      $$renderer2.push("<!--[-1-->");
+    }
+    $$renderer2.push(`<!--]--></section>`);
+  });
+}
+function PassageEditor($$renderer, $$props) {
+  $$renderer.component(($$renderer2) => {
+    let { editor, tasks, onsaved } = $$props;
+    const loadedText = editor.file.exists ? editor.file.text : starterText();
+    let text = loadedText;
+    let view = "form";
+    let selected = null;
+    let testing = false;
+    let reviewing = false;
+    let saving = false;
+    let saveError = null;
+    let savedNote = null;
+    let checking = false;
+    let showProblems = false;
+    const m = derived(() => model(text));
+    const track = derived(() => m()?.extends ?? "ship");
+    const base = derived(() => editor.below[track()]);
+    const steps = derived(() => m() ? listSteps(base(), m().stages) : []);
+    const fileChecks = derived(() => m()?.checks ?? {});
+    const dirty = derived(() => text !== loadedText);
+    const yamlBroken = derived(() => m() === null);
+    const problems = derived(() => yamlBroken() ? ["The YAML could not be read."] : []);
+    const commands = derived(() => []);
+    const project = derived(() => editor.target === "project");
+    const branch = derived(() => editor.defaultRef?.replace(/^origin\//, "") ?? "the default branch");
+    const allChecks = derived(() => {
+      const out = {};
+      for (const c of base().checks) out[c.id] = { ...c, mine: false };
+      for (const [id, spec] of Object.entries(fileChecks())) {
+        out[id] = {
+          id,
+          label: typeof spec?.label === "string" && spec.label ? spec.label : id,
+          type: String(spec?.type ?? ""),
+          mine: true
+        };
+      }
+      return Object.values(out);
+    });
+    const refs = derived(() => [
+      {
+        group: "Firstmate",
+        options: Object.entries(FACT_WORDS).map(([value, label]) => ({ value, label: label.charAt(0).toUpperCase() + label.slice(1) }))
+      },
+      ...allChecks().map((c) => ({
+        group: c.label,
+        options: (OUTCOMES[c.type] ?? []).map((o) => ({
+          value: `${c.id}.${o}`,
+          label: `${c.label} ${outcomeWords(o)}`
+        }))
+      }))
+    ]);
+    const evidence = derived(() => [
+      ...Object.entries(EVIDENCE_WORDS).map(([value, label]) => ({ value, label })),
+      ...allChecks().map((c) => ({ value: `check:${c.id}`, label: `${c.label} result` }))
+    ]);
+    const change = (fn) => {
+      text = edit(text, fn);
+      savedNote = null;
+    };
+    const sel = derived(() => selected?.kind === "step" ? steps().find((s) => s.id === selected.id) : void 0);
+    const entry = derived(() => sel() && sel().fileIndex !== null ? m()?.stages[sel().fileIndex] ?? null : null);
+    const declared = derived(() => {
+      if (!sel()) return "builtin";
+      if (sel().added) return "file";
+      return base().steps.find((s) => s.id === sel().id)?.origin ?? "builtin";
+    });
+    const selIndex = derived(() => sel() ? steps().indexOf(sel()) : -1);
+    const fresh = new SvelteSet();
+    const freshChecks = new SvelteSet();
+    const taken = (except) => steps().map((s) => s.id).filter((x) => x !== except);
+    const takenChecks = (except) => allChecks().map((c) => c.id).filter((x) => x !== except);
+    function stageField(key, value) {
+      if (!sel()) return;
+      const id = sel().id;
+      change((d) => {
+        const i = sel().fileIndex ?? entryFor(d, id);
+        setStageField(d, i, key, value);
+      });
+    }
+    function pick(kind, id) {
+      selected = { kind, id };
+      if (typeof window !== "undefined" && window.innerWidth < 1024) {
+        requestAnimationFrame(() => document.getElementById("passage-detail")?.scrollIntoView({ behavior: "smooth", block: "start" }));
+      }
+    }
+    function addStep() {
+      const id = slug("New step", taken(""));
+      const after = sel()?.id ?? steps().at(-1)?.id ?? null;
+      const at = sel() ? steps().indexOf(sel()) + 1 : steps().length;
+      change((d) => {
+        addStage(d, { id, label: "New step", reached_when: "merged" }, after);
+        placeStage(d, base(), id, at);
+      });
+      fresh.add(id);
+      pick("step", id);
+    }
+    function removeStep() {
+      if (!sel() || sel().fileIndex === null) return;
+      if (!confirm(`Remove the step “${sel().label}” from this file?`)) return;
+      const i = sel().fileIndex;
+      change((d) => removeStage(d, i));
+      selected = null;
+    }
+    function resetStep() {
+      if (!sel() || sel().fileIndex === null) return;
+      const i = sel().fileIndex;
+      change((d) => removeStage(d, i));
+    }
+    const SUCCESS = {
+      "github.deployment": "success",
+      "github.workflow": "success",
+      "github.release": "included",
+      "npm.published": "published",
+      http: "ok",
+      "git.contains": "yes",
+      "status.note": "present",
+      command: "passed"
+    };
+    const FAILURE = {
+      "github.deployment": "failure",
+      "github.workflow": "failure",
+      command: "failed"
+    };
+    const STARTER = {
+      "github.deployment": { ref: "merge.commit" },
+      "github.workflow": { ref: "pr.head" },
+      "github.release": { contains: "merge.commit" },
+      "npm.published": {},
+      http: {},
+      "git.contains": { repo: "project-clone", commit: "merge.commit" },
+      "status.note": { prefix: "preview" },
+      command: { timeout: "5m" }
+    };
+    function addCheck(type) {
+      if (!sel()) return;
+      const step = sel();
+      const name = allChecks().some((c) => c.label === step.label) ? `${step.label}: ${CHECK_WORDS[type].name.toLowerCase()}` : step.label;
+      const id = slug(name, takenChecks(""), "check");
+      const landed = steps().findIndex((s) => s.id === "landed");
+      const afterMerge = landed >= 0 && steps().indexOf(step) > landed;
+      change((d) => {
+        setCheck(d, id, {
+          type,
+          label: name,
+          ...STARTER[type],
+          ...type === "command" && afterMerge ? { when: "merged" } : {}
+        });
+        const i = step.fileIndex ?? entryFor(d, step.id);
+        const st = d.toJS().stages[i];
+        if (declared() !== "builtin") {
+          const add = (cur, ref) => {
+            const b = toBuilder(cur);
+            if (!b) return cur;
+            const items = b.items.filter((x) => !(x.ref === "merged" && !x.not && step.added));
+            return fromBuilder({ ...b, items: [...items, { not: false, ref }] });
+          };
+          setStageField(d, i, "reached_when", add(st.reached_when, `${id}.${SUCCESS[type]}`));
+          if (FAILURE[type]) setStageField(d, i, "failed_when", add(st.failed_when, `${id}.${FAILURE[type]}`));
+        }
+        const ev = Array.isArray(st.evidence) ? st.evidence : [];
+        setStageField(d, i, "evidence", [...ev, `check:${id}`]);
+      });
+      freshChecks.add(id);
+      backTo = step.id;
+      pick("check", id);
+    }
+    let backTo = null;
+    const usesOf = (stageId) => {
+      const s = m()?.stages.find((x) => x.id === stageId);
+      if (!s) return [];
+      return allChecks().filter((c) => refsTo([s], c.id).length > 0);
+    };
+    const selCheck = derived(() => selected?.kind === "check" ? allChecks().find((c) => c.id === selected.id) : void 0);
+    function removeCheck(id) {
+      if (!confirm("Remove this check? Steps that use it stop using it.")) return;
+      change((d) => {
+        setCheck(d, id, null);
+        const stages = d.toJS().stages ?? [];
+        stages.forEach((s, i) => {
+          for (const k of ["reached_when", "failed_when", "skip_when"]) {
+            const b = toBuilder(s[k]);
+            if (b && s[k] !== void 0) setStageField(d, i, k, fromBuilder({
+              ...b,
+              items: b.items.filter((x) => !x.ref.startsWith(`${id}.`))
+            }));
+          }
+          if (Array.isArray(s.evidence)) setStageField(d, i, "evidence", s.evidence.filter((e) => e !== `check:${id}`));
+          if (s.primary_link === `${id}.url`) setStageField(d, i, "primary_link", void 0);
+        });
+      });
+      selected = null;
+    }
+    async function save() {
+      saving = true;
+      saveError = null;
+      try {
+        const res = await fetch(`/api/projects/${encodeURIComponent(editor.projectId)}/passage/file`, {
+          method: "PUT",
+          headers: {
+            "content-type": "application/json",
+            [SESSION_HEADER]: page.data.sessionToken
+          },
+          body: JSON.stringify({ target: editor.target, text, baseDigest: editor.file.digest })
+        });
+        const body = await res.json().catch(() => null);
+        if (res.ok && body?.schema === "wheelhouse-passage-editor.v1") {
+          reviewing = false;
+          const { tasks: t, ...e } = body;
+          onsaved(e, t);
+        } else {
+          saveError = (typeof body?.message === "string" ? body.message : `Wheelhouse answered ${res.status}.`) + (Array.isArray(body?.errors) && body.errors.length ? ` ${body.errors[0]}` : "");
+        }
+      } catch {
+        saveError = "Could not reach the Wheelhouse server.";
+      } finally {
+        saving = false;
+      }
+    }
+    const tabClass = (on) => `inline-flex items-center rounded-sm px-3 py-1.5 text-sm ${on ? "bg-card font-medium shadow-xs" : "text-muted-foreground hover:text-foreground"}`;
+    let $$settled = true;
+    let $$inner_renderer;
+    function $$render_inner($$renderer3) {
+      $$renderer3.push(`<div class="mt-6 flex flex-wrap items-center gap-x-4 gap-y-3 border-y py-3"><div class="inline-flex rounded-md bg-muted p-0.5" role="tablist" aria-label="Edit as"><button type="button" role="tab"${attr("aria-selected", view === "form")}${attr_class(clsx(tabClass(view === "form")))}>Form</button> <button type="button" role="tab"${attr("aria-selected", view === "yaml")}${attr_class(clsx(tabClass(view === "yaml")))}>YAML</button></div> <label class="inline-flex items-center gap-2 text-sm"><span class="text-muted-foreground">Builds on</span> `);
+      $$renderer3.select(
+        {
+          class: "rounded-md border border-input bg-card px-2 py-1 text-sm",
+          value: track(),
+          disabled: yamlBroken(),
+          onchange: (e) => {
+            const v = e.currentTarget.value;
+            change((d) => setTop(d, "extends", v));
+            selected = null;
+          }
+        },
+        ($$renderer4) => {
+          $$renderer4.option({ value: "ship" }, ($$renderer5) => {
+            $$renderer5.push(`Ship work`);
+          });
+          $$renderer4.option({ value: "scout" }, ($$renderer5) => {
+            $$renderer5.push(`Scout work`);
+          });
+        }
+      );
+      $$renderer3.push(`</label> <div class="min-w-0 flex-1 text-sm" aria-live="polite">`);
+      if (problems().length) {
+        $$renderer3.push(`<!--[0--><button type="button" class="inline-flex items-center gap-1.5 text-danger hover:underline"${attr("aria-expanded", showProblems)}>`);
+        Circle_alert($$renderer3, { class: "size-4", "aria-hidden": "true" });
+        $$renderer3.push(`<!---->${escape_html(problems().length === 1 ? "1 problem" : `${problems().length} problems`)}; it can’t be saved yet</button>`);
+      } else {
+        $$renderer3.push(`<!--[1--><span class="text-muted-foreground">Checking…</span>`);
+      }
+      $$renderer3.push(`<!--]--></div> <div class="flex gap-2">`);
+      Button($$renderer3, {
+        variant: "outline",
+        onclick: () => testing = !testing,
+        "aria-expanded": testing,
+        children: ($$renderer4) => {
+          Flask_conical($$renderer4, { "aria-hidden": "true" });
+          $$renderer4.push(`<!---->Test`);
+        },
+        $$slots: { default: true }
+      });
+      $$renderer3.push(`<!----> `);
+      Button($$renderer3, {
+        disabled: !dirty() || problems().length > 0 || checking,
+        onclick: () => {
+          saveError = null;
+          reviewing = true;
+        },
+        children: ($$renderer4) => {
+          $$renderer4.push(`<!---->Review and save`);
+        },
+        $$slots: { default: true }
+      });
+      $$renderer3.push(`<!----></div></div> `);
+      {
+        $$renderer3.push("<!--[-1-->");
+      }
+      $$renderer3.push(`<!--]--> `);
+      if (savedNote) {
+        $$renderer3.push(`<!--[0--><p class="mt-3 text-sm text-success" role="status">${escape_html(savedNote)}</p>`);
+      } else {
+        $$renderer3.push("<!--[-1-->");
+      }
+      $$renderer3.push(`<!--]--> `);
+      if (testing) {
+        $$renderer3.push(`<!--[0--><div class="mt-5">`);
+        TestPanel($$renderer3, {
+          projectId: editor.projectId,
+          target: editor.target,
+          text,
+          track: track(),
+          tasks,
+          commands: commands(),
+          blocked: problems().length > 0
+        });
+        $$renderer3.push(`<!----></div>`);
+      } else {
+        $$renderer3.push("<!--[-1-->");
+      }
+      $$renderer3.push(`<!--]--> `);
+      if (yamlBroken()) {
+        $$renderer3.push(`<!--[0--><div class="mt-6">`);
+        if (yamlBroken() && view === "form") {
+          $$renderer3.push(`<!--[0--><p class="mb-3 text-sm text-danger">The YAML could not be read, so the form is unavailable. Fix it here.</p>`);
+        } else {
+          $$renderer3.push("<!--[-1-->");
+        }
+        $$renderer3.push(`<!--]--> <label for="yaml" class="sr-only">The passage file as YAML</label> <textarea id="yaml" class="min-h-[60vh] w-full rounded-lg border border-input bg-card p-4 font-mono text-sm leading-6" spellcheck="false">`);
+        const $$body = escape_html(text);
+        if ($$body) {
+          $$renderer3.push(`${$$body}`);
+        }
+        $$renderer3.push(`</textarea></div>`);
+      } else {
+        $$renderer3.push(`<!--[-1--><div class="mt-6 grid gap-8 lg:grid-cols-[minmax(17rem,24rem)_minmax(0,1fr)]"><div class="min-w-0 space-y-8"><section aria-labelledby="steps-title"><h2 id="steps-title" class="text-sm font-medium">Steps, in order</h2> <ol class="mt-2 divide-y rounded-xl border bg-card" data-step-list=""><!--[-->`);
+        const each_array_1 = ensure_array_like(steps());
+        for (let i = 0, $$length = each_array_1.length; i < $$length; i++) {
+          let s = each_array_1[i];
+          const on = selected?.kind === "step" && selected.id === s.id;
+          $$renderer3.push(`<li><button type="button"${attr_class(`flex w-full items-baseline gap-2 px-3 py-2.5 text-left text-sm hover:bg-muted/60 ${on ? "bg-sea/10" : ""}`)}${attr("aria-current", on ? "true" : void 0)}${attr("data-step", s.id)}><span class="tabular w-5 shrink-0 text-muted-foreground">${escape_html(i + 1)}.</span> <span${attr_class(`min-w-0 flex-1 ${on ? "font-medium" : ""}`)}>${escape_html(s.label)}</span> <span${attr_class(`text-xs ${s.lost ? "text-danger" : "text-muted-foreground"}`)}>${escape_html(s.lost ? "misplaced" : s.added ? "added here" : s.restyled ? "changed here" : "")}</span></button> `);
+          if (on && s.added) {
+            $$renderer3.push(`<!--[0--><div class="flex gap-1 px-3 pb-2" role="group"${attr("aria-label", `Move ${stringify(s.label)}`)}>`);
+            Button($$renderer3, {
+              variant: "ghost",
+              size: "xs",
+              disabled: i <= 1,
+              onclick: () => change((d) => moveStage(d, base(), s.id, -1)),
+              children: ($$renderer4) => {
+                Arrow_up($$renderer4, { "aria-hidden": "true" });
+                $$renderer4.push(`<!---->Up`);
+              },
+              $$slots: { default: true }
+            });
+            $$renderer3.push(`<!----> `);
+            Button($$renderer3, {
+              variant: "ghost",
+              size: "xs",
+              disabled: i >= steps().length - 1,
+              onclick: () => change((d) => moveStage(d, base(), s.id, 1)),
+              children: ($$renderer4) => {
+                Arrow_down($$renderer4, { "aria-hidden": "true" });
+                $$renderer4.push(`<!---->Down`);
+              },
+              $$slots: { default: true }
+            });
+            $$renderer3.push(`<!----></div>`);
+          } else {
+            $$renderer3.push("<!--[-1-->");
+          }
+          $$renderer3.push(`<!--]--></li>`);
+        }
+        $$renderer3.push(`<!--]--></ol> `);
+        Button($$renderer3, {
+          variant: "outline",
+          size: "sm",
+          class: "mt-3",
+          onclick: addStep,
+          children: ($$renderer4) => {
+            Plus($$renderer4, { "aria-hidden": "true" });
+            $$renderer4.push(`<!---->Add a step${escape_html(sel() ? ` after ${sel().label}` : "")}`);
+          },
+          $$slots: { default: true }
+        });
+        $$renderer3.push(`<!----></section> <section aria-labelledby="checks-title"><h2 id="checks-title" class="text-sm font-medium">Checks</h2> `);
+        if (allChecks().length) {
+          $$renderer3.push(`<!--[0--><ul class="mt-2 divide-y rounded-xl border bg-card"><!--[-->`);
+          const each_array_2 = ensure_array_like(allChecks());
+          for (let $$index_2 = 0, $$length = each_array_2.length; $$index_2 < $$length; $$index_2++) {
+            let c = each_array_2[$$index_2];
+            const on = selected?.kind === "check" && selected.id === c.id;
+            $$renderer3.push(`<li><button type="button"${attr_class(`flex w-full items-baseline justify-between gap-3 px-3 py-2.5 text-left text-sm hover:bg-muted/60 ${on ? "bg-sea/10" : ""}`)}${attr("aria-current", on ? "true" : void 0)}><span${attr_class(`min-w-0 ${on ? "font-medium" : ""}`)}>${escape_html(c.label)}</span> <span class="text-xs text-muted-foreground">${escape_html(CHECK_WORDS[c.type]?.name ?? c.type)}${escape_html(c.mine ? "" : ", below")}</span></button></li>`);
+          }
+          $$renderer3.push(`<!--]--></ul>`);
+        } else {
+          $$renderer3.push(`<!--[-1--><p class="mt-1 text-sm text-muted-foreground">None yet. Choose a step and add a check to it.</p>`);
+        }
+        $$renderer3.push(`<!--]--></section></div> <div id="passage-detail" class="min-w-0 scroll-mt-20 rounded-xl border bg-card p-5 lg:p-6">`);
+        if (sel()) {
+          $$renderer3.push(`<!--[0--><!---->`);
+          {
+            StepForm($$renderer3, {
+              step: sel(),
+              entry: entry(),
+              declared: declared(),
+              refs: refs(),
+              evidence: evidence(),
+              links: allChecks(),
+              uses: usesOf(sel().id),
+              canUp: sel().added && selIndex() > 1,
+              canDown: sel().added && selIndex() < steps().length - 1,
+              onfield: stageField,
+              belowName: project() ? "the built-in passage" : "the repository file or the built-in passage",
+              onmove: (delta) => change((d) => moveStage(d, base(), sel().id, delta)),
+              onremove: removeStep,
+              onreset: resetStep,
+              onaddcheck: addCheck
+            });
+          }
+          $$renderer3.push(`<!---->`);
+        } else if (selCheck()) {
+          $$renderer3.push(`<!--[1--><!---->`);
+          {
+            CheckForm($$renderer3, {
+              checkId: selCheck().id,
+              spec: selCheck().mine ? fileChecks()[selCheck().id] : { type: selCheck().type, label: selCheck().label },
+              readonly: !selCheck().mine,
+              readonlyWhy: selCheck().mine ? null : "Declared in the project’s repository file; change it there.",
+              captain: !project(),
+              releaseChecks: allChecks().filter((c) => c.type === "github.release"),
+              usedBy: steps().filter((s) => usesOf(s.id).some((c) => c.id === selCheck().id)).map((s) => s.label),
+              onchange: (spec) => change((d) => setCheck(d, selCheck().id, spec)),
+              back: backTo && steps().some((s) => s.id === backTo) ? {
+                label: steps().find((s) => s.id === backTo).label,
+                go: () => pick("step", backTo)
+              } : null,
+              onremove: () => removeCheck(selCheck().id)
+            });
+          }
+          $$renderer3.push(`<!---->`);
+        } else {
+          $$renderer3.push(`<!--[-1--><div class="py-6 text-sm text-muted-foreground"><p>Choose a step or a check to edit it.</p> <p class="mt-1">Or add a step, such as a local deploy after the merge.</p></div>`);
+        }
+        $$renderer3.push(`<!--]--></div></div>`);
+      }
+      $$renderer3.push(`<!--]--> `);
+      ReviewDialog($$renderer3, {
+        before: editor.file.text,
+        after: text,
+        summary: reviewing ? summarize(editor.file.text, text, base()) : [],
+        target: editor.target,
+        defaultRef: editor.defaultRef,
+        busy: saving,
+        error: saveError,
+        onsave: save,
+        get open() {
+          return reviewing;
+        },
+        set open($$value) {
+          reviewing = $$value;
+          $$settled = false;
+        }
+      });
+      $$renderer3.push(`<!----> <p class="mt-8 text-xs text-muted-foreground">`);
+      if (project()) {
+        $$renderer3.push(`<!--[0-->Saving writes the file in the project’s repository; Wheelhouse uses it once it is on ${escape_html(branch())}.`);
+      } else {
+        $$renderer3.push(`<!--[-1-->Saving writes your own file for this project; Wheelhouse uses it within a minute.`);
+      }
+      $$renderer3.push(`<!--]--></p>`);
+    }
+    do {
+      $$settled = true;
+      $$inner_renderer = $$renderer2.copy();
+      $$render_inner($$inner_renderer);
+    } while (!$$settled);
+    $$renderer2.subsume($$inner_renderer);
+  });
+}
+function _page($$renderer, $$props) {
+  $$renderer.component(($$renderer2) => {
+    let { data } = $$props;
+    const id = derived(() => page.params.id);
+    const name = derived(() => currentFleet()?.projects.find((p) => p.id === id())?.name ?? id());
+    let saved = null;
+    let note = null;
+    const editor = derived(() => saved && saved.editor.target === data.editor?.target && saved.editor.projectId === id() ? saved.editor : data.editor);
+    const tasks = derived(() => saved && editor() === saved.editor ? saved.tasks : data.tasks);
+    const FILES = {
+      project: {
+        name: "Repository file",
+        line: "The project’s .wheelhouse.yaml, shared with everyone who works on the repository."
+      },
+      captain: {
+        name: "Your Wheelhouse config",
+        line: "Your own file for this project, outside the repository. It applies on top of the repository file."
+      }
+    };
+    head("txb91p", $$renderer2, ($$renderer3) => {
+      $$renderer3.title(($$renderer4) => {
+        $$renderer4.push(`<title>Edit ${escape_html(name())} passage · Wheelhouse</title>`);
+      });
+    });
+    $$renderer2.push(`<main class="px-4 pt-6 pb-24 sm:px-6 lg:px-10"><div class="surface px-5 py-6 sm:px-8 sm:py-8"><a${attr("href", `/projects/${stringify(encodeURIComponent(id()))}/passage`)} class="inline-flex items-center gap-1.5 text-sm text-muted-foreground hover:text-foreground">`);
+    Arrow_left($$renderer2, { class: "size-4", "aria-hidden": "true" });
+    $$renderer2.push(`<!---->${escape_html(name())} passage</a> `);
+    if (!editor()) {
+      $$renderer2.push(`<!--[0--><p class="mt-10 text-muted-foreground">${escape_html(data.problem ?? "Loading…")}</p>`);
+    } else {
+      $$renderer2.push(`<!--[-1--><p class="mt-6 text-sm text-muted-foreground">${escape_html(name())}</p> <h1 class="mt-1 text-2xl font-semibold tracking-tight">Edit passage</h1> <p class="mt-2 max-w-3xl leading-relaxed text-muted-foreground">Add, rename and reorder the steps this project’s tasks pass through, and the checks that
+				move them along. Test your edits on a real task before you save.</p> <div class="mt-6" role="radiogroup" aria-label="Which file to edit"><div class="flex flex-wrap gap-3"><!--[-->`);
+      const each_array = ensure_array_like(["project", "captain"]);
+      for (let $$index = 0, $$length = each_array.length; $$index < $$length; $$index++) {
+        let t = each_array[$$index];
+        const on = editor().target === t;
+        const ok = editor().targets[t].available;
+        $$renderer2.push(`<button type="button" role="radio"${attr("aria-checked", on)}${attr("disabled", !ok, true)}${attr_class(`w-full max-w-sm rounded-lg border px-4 py-3 text-left transition-colors sm:w-auto ${on ? "border-primary bg-card shadow-xs" : "border-border hover:bg-muted/60"} disabled:opacity-60`)}><span class="block text-sm font-medium">${escape_html(FILES[t].name)}</span> <span class="mt-0.5 block text-xs text-muted-foreground">${escape_html(ok ? FILES[t].line : editor().targets[t].why)}</span></button>`);
+      }
+      $$renderer2.push(`<!--]--></div> <p class="mt-3 max-w-3xl text-sm" data-file-state="">`);
+      if (editor().target === "project") {
+        $$renderer2.push("<!--[0-->");
+        if (!editor().file.exists) {
+          $$renderer2.push(`<!--[0-->There is no repository file yet; saving creates one.`);
+        } else if (editor().inEffect) {
+          $$renderer2.push(`<!--[1--><span class="text-success">This is the version Wheelhouse uses now.</span>`);
+        } else {
+          $$renderer2.push(`<!--[-1--><span class="text-warning">This version is saved in the clone but not yet on ${escape_html(editor().defaultRef?.replace(/^origin\//, "") ?? "the default branch")}, so Wheelhouse does not use it yet.</span> <a class="ml-1 text-sea hover:underline"${attr("href", `/?draft=${stringify(encodeURIComponent(shipPassageDraft(name())))}`)}>Ask Firstmate to ship it</a>`);
+        }
+        $$renderer2.push(`<!--]-->`);
+      } else if (!editor().file.exists) {
+        $$renderer2.push(`<!--[1-->You have no config for this project yet; saving creates it.`);
+      } else if (editor().inEffect) {
+        $$renderer2.push(`<!--[2--><span class="text-success">In use.</span>`);
+      } else {
+        $$renderer2.push(`<!--[-1--><span class="text-danger">Not in use: it has problems.</span>`);
+      }
+      $$renderer2.push(`<!--]--></p> `);
+      if (editor().file.location) {
+        $$renderer2.push(`<!--[0--><details class="mt-1 text-xs text-muted-foreground"><summary class="cursor-pointer">Where the file is</summary> <p class="mt-1 font-mono break-all">${escape_html(editor().file.location)}</p></details>`);
+      } else {
+        $$renderer2.push("<!--[-1-->");
+      }
+      $$renderer2.push(`<!--]--> `);
+      if (editor().file.problem) {
+        $$renderer2.push(`<!--[0--><p class="mt-2 text-sm text-danger">${escape_html(editor().file.problem)}</p>`);
+      } else {
+        $$renderer2.push("<!--[-1-->");
+      }
+      $$renderer2.push(`<!--]--> `);
+      if (note) {
+        $$renderer2.push(`<!--[0--><p class="mt-2 text-sm text-success" role="status">${escape_html(note)}</p>`);
+      } else {
+        $$renderer2.push("<!--[-1-->");
+      }
+      $$renderer2.push(`<!--]--></div> <!---->`);
+      {
+        PassageEditor($$renderer2, {
+          editor: editor(),
+          tasks: tasks(),
+          onsaved: (e, t) => {
+            saved = { editor: e, tasks: t };
+            note = e.target === "project" ? `Saved to the repository file. Wheelhouse uses it once it is on ${e.defaultRef?.replace(/^origin\//, "") ?? "the default branch"}.` : "Saved to your config. Wheelhouse uses it within a minute.";
+          }
+        });
+      }
+      $$renderer2.push(`<!---->`);
+    }
+    $$renderer2.push(`<!--]--></div></main>`);
+  });
+}
+
+export { _page as default };
+//# sourceMappingURL=_page.svelte.js-iHacn81K.js.map