@chrisjowen/wheelhouse 0.1.0 → 0.2.0

package/build/server/chunks/entries/pages/spec/_page.svelte.js-BJjweG9u.js

@@ -1,1561 +0,0 @@
-import { af as head, aj as escape_html, ai as attr, aa as ensure_array_like, ak as stringify, ah as attr_class, _ as derived, a6 as bind_props, ae as spread_props, m as is_array, l as get_prototype_of, o as object_prototype } from '../../../chunks/index.js-Bn6j9diM.js';
-import { g as goto } from '../../../chunks/client.js-BUNengrw.js';
-import { B as Button } from '../../../chunks/button.js-HeBqLheH.js';
-import { a as currentFleet } from '../../../chunks/live.svelte.js-BRUTNc9D.js';
-import { S as SESSION_HEADER } from '../../../chunks/messages.js-CFyGKoqq.js';
-import { h as html, c as composerBus } from '../../../chunks/bus.svelte.js-DRTptEhF.js';
-import { D as DictateTextarea } from '../../../chunks/DictateTextarea.js-BlEnOzcN.js';
-import '../_page.svelte.js-BI4c5H0n.js';
-import { d as dictation } from '../../../chunks/MicButton.js-BZSQAyuM.js';
-import { L as Loader_circle } from '../../../chunks/loader-circle.js-IYRaUYWq.js';
-import { R as Rotate_ccw, P as Plus, T as Trash } from '../../../chunks/trash.js-DYFbRevY.js';
-import { A as Arrow_up } from '../../../chunks/arrow-up.js-AhghNbhW.js';
-import { C as Compass } from '../../../chunks/compass.js-Tq6uiG8I.js';
-import { t as tick } from '../../../chunks/index-server.js-CtyUzIGY.js';
-import { h as specTitle, S as SPEC_SECTIONS, j as sectionFilled, d as specMessage, g as specMarkdown, k as sectionMarkdown, s as summarize } from '../../../chunks/spec.js-B0yI1XqG.js';
-import { X } from '../../../chunks/x.js-tlds9Ooz.js';
-import { I as Icon } from '../../../chunks/Icon.js-D7CY3joB.js';
-import { A as Arrow_left } from '../../../chunks/arrow-left.js-6Yey35CE.js';
-import { A as Arrow_right } from '../../../chunks/arrow-right.js-CfbPWRqu.js';
-import { C as Check } from '../../../chunks/check.js-bmUhmMEz.js';
-import { a as ago } from '../../../chunks/format.js-D3lWEg6U.js';
-import { C as Chevron_down } from '../../../chunks/chevron-down.js-D75hVSIe.js';
-import { H as Hammer } from '../../../chunks/hammer.js-fp_Kidfj.js';
-import '../../../chunks/utils.js-DTSGDHlH.js';
-import '../../../chunks/utils2.js-BQzn9ikS.js';
-import '../../../chunks/exports.js-BZBK1HC9.js';
-import '../../../chunks/root.js-CQzYN4Pu.js';
-import '../../../chunks/index2.js-CXaRTuov.js';
-import '../../../chunks/slots.svelte.js-0Ejhe-hS.js';
-import '../../../chunks/keys.js-CdtCzv-v.js';
-import '../../../chunks/harbour.js-xu7EfIHk.js';
-import '../../../chunks/chat.svelte.js-Cgdbtjbw.js';
-import '../../../chunks/blocks.js-BL9jLCe-.js';
-import 'yaml';
-import '../../../chunks/SlotContent.js-YqZXXtRz.js';
-import '../../../chunks/external-link.js-WxVF0xXO.js';
-import '../../../chunks/git-pull-request.js-Cx1w8BQr.js';
-import '../../../chunks/index-server2.js-DMc-UvjC.js';
-import '../../../chunks/anchor.js-ByXDBfbi.js';
-import '../../../chunks/triangle-alert.js-DuE40HSU.js';
-import '../../../chunks/file-text.js-CAo3vdqd.js';
-import '../../../chunks/square-terminal.js-D5Z4Sl2-.js';
-import '../../../chunks/split.js-BsCU24rQ.js';
-import '../../../chunks/message-square-text.js-N5uEmy8L.js';
-import '../../../chunks/hand.js-xkYPYJZj.js';
-import '../../../chunks/circle-dashed.js-Bm3gZCXK.js';
-import '../../../chunks/chevron-right.js-yhLg_GaH.js';
-import '../../../chunks/message-circle-question-mark.js-DwrMi0ty.js';
-import '../../../chunks/gauge.js-Dw9bgE72.js';
-import '../../../chunks/insights.js-CzzfyHGp.js';
-import '../../../chunks/EtaLine.js-Pa4_VV6V.js';
-import '../../../chunks/checks.js-BnIxIaus.js';
-import '../../../chunks/clock.js-D7JTvRbC.js';
-import '../../../chunks/StageTrack.js-BaorW-yk.js';
-import '../../../chunks/tone.js-r2qFVrZC.js';
-import '../../../chunks/AllowanceMeter.js-C9jRsAGU.js';
-import '../../../chunks/TimeBar.js-k38rc7ZI.js';
-import '../../../chunks/inbox.svelte.js-OoKhjjWM.js';
-import '../../../chunks/inbox.js-CW2sFmx9.js';
-import '../../../chunks/DecisionCard.js-u1VQ9s_v.js';
-import '../../../chunks/monitor-play.js-B7qbbPH6.js';
-import '../../../chunks/scale.js-vP4G0lZM.js';
-import '../../../chunks/message-square.js-Hp-6BHgG.js';
-
-const empty = [];
-function snapshot(value, skip_warning = false, no_tojson = false) {
-  return clone(value, /* @__PURE__ */ new Map(), "", empty, null, no_tojson);
-}
-function clone(value, cloned, path, paths, original = null, no_tojson = false) {
-  if (typeof value === "object" && value !== null) {
-    var unwrapped = cloned.get(value);
-    if (unwrapped !== void 0) return unwrapped;
-    if (value instanceof Map) return (
-      /** @type {Snapshot<T>} */
-      new Map(value)
-    );
-    if (value instanceof Set) return (
-      /** @type {Snapshot<T>} */
-      new Set(value)
-    );
-    if (is_array(value)) {
-      var copy = (
-        /** @type {Snapshot<any>} */
-        Array(value.length)
-      );
-      cloned.set(value, copy);
-      if (original !== null) {
-        cloned.set(original, copy);
-      }
-      for (var i = 0; i < value.length; i += 1) {
-        var element = value[i];
-        if (i in value) {
-          copy[i] = clone(element, cloned, path, paths, null, no_tojson);
-        }
-      }
-      return copy;
-    }
-    if (get_prototype_of(value) === object_prototype) {
-      copy = {};
-      cloned.set(value, copy);
-      if (original !== null) {
-        cloned.set(original, copy);
-      }
-      for (var key of Object.keys(value)) {
-        copy[key] = clone(
-          // @ts-expect-error
-          value[key],
-          cloned,
-          path,
-          paths,
-          null,
-          no_tojson
-        );
-      }
-      return copy;
-    }
-    if (value instanceof Date) {
-      value.getTime();
-      return (
-        /** @type {Snapshot<T>} */
-        structuredClone(value)
-      );
-    }
-    if (typeof /** @type {T & { toJSON?: any } } */
-    value.toJSON === "function" && !no_tojson) {
-      return clone(
-        /** @type {T & { toJSON(): any } } */
-        value.toJSON(),
-        cloned,
-        path,
-        paths,
-        // Associate the instance with the toJSON clone
-        value
-      );
-    }
-  }
-  if (value instanceof EventTarget) {
-    return (
-      /** @type {Snapshot<T>} */
-      value
-    );
-  }
-  try {
-    return (
-      /** @type {Snapshot<T>} */
-      structuredClone(value)
-    );
-  } catch (e) {
-    return (
-      /** @type {Snapshot<T>} */
-      value
-    );
-  }
-}
-function File_plus_corner($$renderer, $$props) {
-  let { $$slots, $$events, ...props } = $$props;
-  const iconData = {
-    "name": "file-plus-corner",
-    "size": 24,
-    "node": [
-      [
-        "path",
-        {
-          "d": "M11.35 22H6a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.706.706l3.588 3.588A2.4 2.4 0 0 1 20 8v5.35"
-        }
-      ],
-      ["path", { "d": "M14 2v5a1 1 0 0 0 1 1h5" }],
-      ["path", { "d": "M14 19h6" }],
-      ["path", { "d": "M17 16v6" }]
-    ],
-    "aliases": ["file-plus-2"]
-  };
-  Icon($$renderer, spread_props([props, { icon: iconData }]));
-}
-function Image_plus($$renderer, $$props) {
-  let { $$slots, $$events, ...props } = $$props;
-  const iconData = {
-    "name": "image-plus",
-    "size": 24,
-    "node": [
-      ["path", { "d": "M16 5h6" }],
-      ["path", { "d": "M19 2v6" }],
-      [
-        "path",
-        {
-          "d": "M21 11.5V19a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h7.5"
-        }
-      ],
-      ["path", { "d": "m21 15-3.086-3.086a2 2 0 0 0-2.828 0L6 21" }],
-      ["circle", { "cx": "9", "cy": "9", "r": "2" }]
-    ]
-  };
-  Icon($$renderer, spread_props([props, { icon: iconData }]));
-}
-function Message_square_plus($$renderer, $$props) {
-  let { $$slots, $$events, ...props } = $$props;
-  const iconData = {
-    "name": "message-square-plus",
-    "size": 24,
-    "node": [
-      [
-        "path",
-        {
-          "d": "M22 17a2 2 0 0 1-2 2H6.828a2 2 0 0 0-1.414.586l-2.202 2.202A.71.71 0 0 1 2 21.286V5a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2z"
-        }
-      ],
-      ["path", { "d": "M12 8v6" }],
-      ["path", { "d": "M9 11h6" }]
-    ]
-  };
-  Icon($$renderer, spread_props([props, { icon: iconData }]));
-}
-function agentHead($$renderer) {
-  $$renderer.push(`<span class="flex size-7 shrink-0 items-center justify-center rounded-full border border-brass bg-card text-sea" aria-hidden="true">`);
-  Compass($$renderer, { class: "size-4" });
-  $$renderer.push(`<!----></span>`);
-}
-function Interview($$renderer, $$props) {
-  $$renderer.component(($$renderer2) => {
-    let {
-      draft,
-      busy,
-      streaming,
-      activity,
-      error,
-      pending,
-      model,
-      effort,
-      onAnswer,
-      onRetry
-      /** The agent's message so far, while it writes. */
-      /** What the agent is looking at in the project, while it does. */
-      /** What the captain just said, shown until the interview's record of it arrives. */
-    } = $$props;
-    let answer = "";
-    const turns = derived(() => draft.interview.turns);
-    const started = derived(() => turns().length > 0);
-    const last = derived(() => turns().at(-1));
-    const offered = derived(() => !busy && last()?.role === "agent" ? last() : null);
-    const unanswered = derived(() => !busy && last()?.role === "captain");
-    const usage = derived(() => draft.interview.usage);
-    async function send() {
-      if (dictation.phase !== "idle") dictation.commit();
-      const text = answer.trim();
-      if (!text || busy) return;
-      const before = answer;
-      answer = "";
-      if (!await onAnswer(text)) answer = before;
-    }
-    function onkeydown(e) {
-      if (e.key === "Enter" && !e.shiftKey && !e.isComposing) {
-        e.preventDefault();
-        void send();
-      }
-    }
-    const tokens = (n) => n >= 1e3 ? `${(n / 1e3).toFixed(1)}k` : String(n);
-    const usageNote = derived(() => usage().turns ? ` · ${usage().turns} turn${usage().turns === 1 ? "" : "s"}, ${tokens(usage().inputTokens)} tokens in, ${tokens(usage().outputTokens)} out${usage().costUsd > 0 ? `, about $${usage().costUsd.toFixed(2)} at API prices` : ""}` : "");
-    let $$settled = true;
-    let $$inner_renderer;
-    function $$render_inner($$renderer3) {
-      $$renderer3.push(`<div class="flex min-h-0 flex-col"><div class="max-h-[65dvh] min-h-0 flex-1 space-y-5 overflow-y-auto pr-1 xl:max-h-[calc(100dvh-20rem)]" aria-live="polite"${attr("aria-busy", busy)}>`);
-      if (!started()) {
-        $$renderer3.push(`<!--[0--><div class="rounded-lg border border-dashed border-hair p-5"><h2 class="font-display text-xl font-medium">What do you want built?</h2> <p class="mt-2 max-w-prose text-sm text-muted-foreground">Describe the idea in a sentence or two. The interviewer asks one question at a time,
-					offers answers with the one it recommends, and writes the spec alongside as you go.
-					Comment on anything in the spec and it will be addressed. When it is ready, send it to
-					build.</p></div>`);
-      } else {
-        $$renderer3.push("<!--[-1-->");
-      }
-      $$renderer3.push(`<!--]--> <!--[-->`);
-      const each_array = ensure_array_like(turns());
-      for (let i = 0, $$length = each_array.length; i < $$length; i++) {
-        let t = each_array[i];
-        if (t.role === "agent") {
-          $$renderer3.push(`<!--[0--><div class="flex items-start gap-3">`);
-          agentHead($$renderer3);
-          $$renderer3.push(`<!----> <div class="min-w-0 flex-1"><p class="mb-1 text-xs text-muted-foreground"><span class="font-semibold text-foreground">Interviewer</span></p> <div class="bubble bubble-firstmate chat-md text-[0.95rem]">`);
-          {
-            $$renderer3.push(`<!--[-1-->${escape_html(t.text)}`);
-          }
-          $$renderer3.push(`<!--]--></div> `);
-          if (offered() === t && t.options.length) {
-            $$renderer3.push(`<!--[0--><div class="mt-2 flex flex-wrap gap-2" role="group" aria-label="Suggested answers"><!--[-->`);
-            const each_array_1 = ensure_array_like(t.options);
-            for (let k = 0, $$length2 = each_array_1.length; k < $$length2; k++) {
-              let o = each_array_1[k];
-              $$renderer3.push(`<button${attr_class(`rounded-md border px-3 py-1.5 text-left text-sm hover:bg-accent ${t.recommended === k ? "border-brass bg-card" : "border-hair bg-card"}`)}>${escape_html(o)} `);
-              if (t.recommended === k) {
-                $$renderer3.push(`<!--[0--><span class="ml-1.5 text-[0.7rem] font-medium tracking-wide text-brass uppercase">Recommended</span>`);
-              } else {
-                $$renderer3.push("<!--[-1-->");
-              }
-              $$renderer3.push(`<!--]--></button>`);
-            }
-            $$renderer3.push(`<!--]--></div>`);
-          } else {
-            $$renderer3.push("<!--[-1-->");
-          }
-          $$renderer3.push(`<!--]--></div></div>`);
-        } else {
-          $$renderer3.push(`<!--[-1--><div class="flex justify-end"><div class="bubble bubble-captain max-w-[85%] text-[0.95rem]">${escape_html(t.text)}</div></div>`);
-        }
-        $$renderer3.push(`<!--]-->`);
-      }
-      $$renderer3.push(`<!--]--> `);
-      if (pending) {
-        $$renderer3.push(`<!--[0--><div class="flex justify-end"><div class="bubble bubble-captain max-w-[85%] text-[0.95rem]">${escape_html(pending)}</div></div>`);
-      } else {
-        $$renderer3.push("<!--[-1-->");
-      }
-      $$renderer3.push(`<!--]--> `);
-      if (busy) {
-        $$renderer3.push(`<!--[0--><div class="flex items-start gap-3">`);
-        agentHead($$renderer3);
-        $$renderer3.push(`<!----> <div class="min-w-0 flex-1"><p class="mb-1 flex items-center gap-2 text-xs text-muted-foreground"><span class="font-semibold text-foreground">Interviewer</span> `);
-        Loader_circle($$renderer3, { class: "size-3 animate-spin", "aria-hidden": "true" });
-        $$renderer3.push(`<!----> ${escape_html(activity ?? (streaming ? "Writing…" : "Thinking…"))}</p> `);
-        if (streaming) {
-          $$renderer3.push(`<!--[0--><div class="bubble bubble-firstmate chat-md text-[0.95rem]">`);
-          {
-            $$renderer3.push(`<!--[-1-->${escape_html(streaming)}`);
-          }
-          $$renderer3.push(`<!--]--></div>`);
-        } else {
-          $$renderer3.push("<!--[-1-->");
-        }
-        $$renderer3.push(`<!--]--></div></div>`);
-      } else {
-        $$renderer3.push("<!--[-1-->");
-      }
-      $$renderer3.push(`<!--]--> `);
-      if (draft.interview.done && !busy && last()?.role === "agent") {
-        $$renderer3.push(`<!--[0--><p class="rounded-md border border-sea/40 bg-sea/5 px-4 py-3 text-sm">The interviewer thinks the spec is ready. Read it over, comment on anything that is off, and
-				send it to build when you are happy. You can keep answering to add more.</p>`);
-      } else {
-        $$renderer3.push("<!--[-1-->");
-      }
-      $$renderer3.push(`<!--]--> `);
-      if (error) {
-        $$renderer3.push(`<!--[0--><div class="flex flex-wrap items-center gap-3 rounded-md border border-danger/30 bg-danger/5 px-4 py-3" role="alert"><p class="min-w-0 flex-1 text-sm text-danger">${escape_html(error)}</p> `);
-        if (unanswered()) {
-          $$renderer3.push("<!--[0-->");
-          Button($$renderer3, {
-            variant: "outline",
-            size: "sm",
-            onclick: onRetry,
-            children: ($$renderer4) => {
-              Rotate_ccw($$renderer4, { "aria-hidden": "true" });
-              $$renderer4.push(`<!---->Try again`);
-            },
-            $$slots: { default: true }
-          });
-        } else {
-          $$renderer3.push("<!--[-1-->");
-        }
-        $$renderer3.push(`<!--]--></div>`);
-      } else if (unanswered()) {
-        $$renderer3.push(`<!--[1--><div class="flex items-center gap-3 text-sm text-muted-foreground">Your last answer has no reply yet. `);
-        Button($$renderer3, {
-          variant: "outline",
-          size: "sm",
-          onclick: onRetry,
-          children: ($$renderer4) => {
-            Rotate_ccw($$renderer4, { "aria-hidden": "true" });
-            $$renderer4.push(`<!---->Ask the interviewer`);
-          },
-          $$slots: { default: true }
-        });
-        $$renderer3.push(`<!----></div>`);
-      } else {
-        $$renderer3.push("<!--[-1-->");
-      }
-      $$renderer3.push(`<!--]--></div> <div class="mt-4 border-t border-hair pt-4"><label for="spec-answer" class="sr-only">${escape_html(started() ? "Your answer" : "What you want built")}</label> <div class="flex items-end gap-2"><div class="min-w-0 flex-1">`);
-      DictateTextarea($$renderer3, {
-        id: "spec-answer",
-        "data-answer": true,
-        rows: started() ? 2 : 3,
-        placeholder: started() ? "Answer in your own words, or pick a suggestion…" : "e.g. Let a family add their trip photos to one shared album",
-        onkeydown,
-        class: "bg-card text-[0.95rem]",
-        get value() {
-          return answer;
-        },
-        set value($$value) {
-          answer = $$value;
-          $$settled = false;
-        }
-      });
-      $$renderer3.push(`<!----></div> `);
-      Button($$renderer3, {
-        size: "icon",
-        onclick: send,
-        disabled: busy || !answer.trim(),
-        "aria-label": started() ? "Send answer" : "Start the interview",
-        title: "Send (Enter)",
-        children: ($$renderer4) => {
-          if (busy) {
-            $$renderer4.push("<!--[0-->");
-            Loader_circle($$renderer4, { class: "animate-spin", "aria-hidden": "true" });
-          } else {
-            $$renderer4.push("<!--[-1-->");
-            Arrow_up($$renderer4, { "aria-hidden": "true" });
-          }
-          $$renderer4.push(`<!--]-->`);
-        },
-        $$slots: { default: true }
-      });
-      $$renderer3.push(`<!----></div> <p class="mt-2 text-xs text-muted-foreground">Enter sends, Shift+Enter starts a new line. Interviewer: Claude ${escape_html(model)}, ${escape_html(effort)} effort, read-only${escape_html(usageNote())}.</p></div></div>`);
-    }
-    do {
-      $$settled = true;
-      $$inner_renderer = $$renderer2.copy();
-      $$render_inner($$inner_renderer);
-    } while (!$$settled);
-    $$renderer2.subsume($$inner_renderer);
-  });
-}
-function ListField($$renderer, $$props) {
-  $$renderer.component(($$renderer2) => {
-    let {
-      items = void 0,
-      label,
-      item,
-      addLabel,
-      placeholder,
-      numbered = false,
-      multiline = false
-      /** The list's name, e.g. "Requirements". */
-      /** One entry's name, e.g. "Requirement". */
-    } = $$props;
-    let list = void 0;
-    const entry = (i) => list?.querySelectorAll("[data-entry]")[i];
-    async function add(at = items.length) {
-      items = [...items.slice(0, at), "", ...items.slice(at)];
-      await tick();
-    }
-    async function remove(i) {
-      items = items.filter((_, j) => j !== i);
-      await tick();
-      entry(Math.min(i, items.length - 1))?.focus();
-    }
-    function onkeydown(e, i) {
-      if (e.key === "Enter" && !e.shiftKey && !e.isComposing && (!multiline || e.metaKey)) {
-        e.preventDefault();
-        void add(i + 1);
-      } else if (e.key === "Backspace" && !items[i] && items.length > 1) {
-        e.preventDefault();
-        void remove(i).then(() => entry(Math.max(0, i - 1))?.focus());
-      }
-    }
-    let $$settled = true;
-    let $$inner_renderer;
-    function $$render_inner($$renderer3) {
-      $$renderer3.push(`<fieldset class="min-w-0"><legend class="text-sm font-medium">${escape_html(label)}</legend> <p class="mt-0.5 text-xs text-muted-foreground">${escape_html(multiline ? "⌘ Enter" : "Enter")} adds another; an empty one is left out.</p> <ol class="mt-2 space-y-2"><!--[-->`);
-      const each_array = ensure_array_like(items);
-      for (let i = 0, $$length = each_array.length; i < $$length; i++) {
-        each_array[i];
-        $$renderer3.push(`<li class="flex items-start gap-2"><span class="tabular mt-2 w-6 shrink-0 text-right text-sm text-muted-foreground" aria-hidden="true">${escape_html(numbered ? `${i + 1}.` : "•")}</span> `);
-        if (multiline) {
-          $$renderer3.push("<!--[0-->");
-          DictateTextarea($$renderer3, {
-            "data-entry": true,
-            rows: 2,
-            placeholder,
-            "aria-label": `${stringify(item)} ${stringify(i + 1)}`,
-            class: "min-h-10 bg-card",
-            onkeydown: (e) => onkeydown(e, i),
-            get value() {
-              return items[i];
-            },
-            set value($$value) {
-              items[i] = $$value;
-              $$settled = false;
-            }
-          });
-        } else {
-          $$renderer3.push(`<!--[-1--><input data-entry=""${attr("value", items[i])}${attr("placeholder", placeholder)}${attr("aria-label", `${stringify(item)} ${stringify(i + 1)}`)} class="h-9 w-full min-w-0 rounded-md border border-input bg-card px-2.5 text-sm shadow-xs outline-none focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50"/>`);
-        }
-        $$renderer3.push(`<!--]--> <button type="button" class="mt-1 rounded-md p-1.5 text-muted-foreground hover:bg-muted hover:text-foreground"${attr("aria-label", `Remove ${stringify(item.toLowerCase())} ${stringify(i + 1)}`)}>`);
-        X($$renderer3, { class: "size-4" });
-        $$renderer3.push(`<!----></button></li>`);
-      }
-      $$renderer3.push(`<!--]--></ol> <button type="button" class="mt-2 inline-flex items-center gap-1.5 rounded-md px-2 py-1 text-sm text-sea hover:bg-muted">`);
-      Plus($$renderer3, { class: "size-4", "aria-hidden": "true" });
-      $$renderer3.push(`<!---->${escape_html(addLabel)}</button></fieldset>`);
-    }
-    do {
-      $$settled = true;
-      $$inner_renderer = $$renderer2.copy();
-      $$render_inner($$inner_renderer);
-    } while (!$$settled);
-    $$renderer2.subsume($$inner_renderer);
-    bind_props($$props, { items });
-  });
-}
-function field($$renderer, id, label, hint) {
-  $$renderer.push(`<label${attr("for", id)} class="block text-sm font-medium">${escape_html(label)}</label> <p class="mt-0.5 text-xs text-muted-foreground">${escape_html(hint)}</p>`);
-}
-function SectionFields($$renderer, $$props) {
-  $$renderer.component(($$renderer2) => {
-    let {
-      draft,
-      section,
-      projects,
-      imageUrl,
-      uploading = false,
-      uploadError = null
-      /** Project names Firstmate knows, offered as suggestions. */
-    } = $$props;
-    const newProject = derived(() => !!draft.project.trim() && projects.length > 0 && !projects.some((p) => p.toLowerCase() === draft.project.trim().toLowerCase()));
-    let $$settled = true;
-    let $$inner_renderer;
-    function $$render_inner($$renderer3) {
-      $$renderer3.push(`<div class="space-y-6">`);
-      if (section === "project") {
-        $$renderer3.push(`<!--[0--><div>`);
-        field($$renderer3, "spec-project", "Project", "Pick one Firstmate knows, or type a new name.");
-        $$renderer3.push(`<!----> <input id="spec-project" class="h-9 w-full min-w-0 rounded-md border border-input bg-card px-2.5 text-sm shadow-xs outline-none focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 mt-2" list="spec-projects" autocomplete="off"${attr("value", draft.project)}/> <datalist id="spec-projects"><!--[-->`);
-        const each_array = ensure_array_like(projects);
-        for (let $$index = 0, $$length = each_array.length; $$index < $$length; $$index++) {
-          let p = each_array[$$index];
-          $$renderer3.option({ value: p }, ($$renderer4) => {
-          });
-        }
-        $$renderer3.push(`<!--]--></datalist> `);
-        if (newProject()) {
-          $$renderer3.push(`<!--[0--><p class="mt-1.5 text-xs text-muted-foreground">A project Firstmate does not know yet; it will ask where it lives.</p>`);
-        } else {
-          $$renderer3.push("<!--[-1-->");
-        }
-        $$renderer3.push(`<!--]--></div> <div>`);
-        field($$renderer3, "spec-title", "Title", "A short name for the work.");
-        $$renderer3.push(`<!----> <input id="spec-title" class="h-9 w-full min-w-0 rounded-md border border-input bg-card px-2.5 text-sm shadow-xs outline-none focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 mt-2"${attr("value", draft.title)}/></div> <div>`);
-        field($$renderer3, "spec-summary", "In one sentence", "What it is, as you would say it aloud.");
-        $$renderer3.push(`<!----> `);
-        DictateTextarea($$renderer3, {
-          id: "spec-summary",
-          class: "mt-2 bg-card",
-          rows: 2,
-          get value() {
-            return draft.summary;
-          },
-          set value($$value) {
-            draft.summary = $$value;
-            $$settled = false;
-          }
-        });
-        $$renderer3.push(`<!----></div>`);
-      } else if (section === "problem") {
-        $$renderer3.push(`<!--[1--><div>`);
-        field($$renderer3, "spec-problem", "The problem", "What is wrong or missing today.");
-        $$renderer3.push(`<!----> `);
-        DictateTextarea($$renderer3, {
-          id: "spec-problem",
-          class: "mt-2 min-h-28 bg-card",
-          get value() {
-            return draft.problem;
-          },
-          set value($$value) {
-            draft.problem = $$value;
-            $$settled = false;
-          }
-        });
-        $$renderer3.push(`<!----></div> <div>`);
-        field($$renderer3, "spec-goal", "The goal", "What will be true once this is done.");
-        $$renderer3.push(`<!----> `);
-        DictateTextarea($$renderer3, {
-          id: "spec-goal",
-          class: "mt-2 min-h-24 bg-card",
-          get value() {
-            return draft.goal;
-          },
-          set value($$value) {
-            draft.goal = $$value;
-            $$settled = false;
-          }
-        });
-        $$renderer3.push(`<!----></div>`);
-      } else if (section === "audience") {
-        $$renderer3.push(`<!--[2--><div>`);
-        field($$renderer3, "spec-audience", "Who it is for", "Who uses it, what they are trying to get done, and how often.");
-        $$renderer3.push(`<!----> `);
-        DictateTextarea($$renderer3, {
-          id: "spec-audience",
-          class: "mt-2 min-h-32 bg-card",
-          get value() {
-            return draft.audience;
-          },
-          set value($$value) {
-            draft.audience = $$value;
-            $$settled = false;
-          }
-        });
-        $$renderer3.push(`<!----></div>`);
-      } else if (section === "journeys") {
-        $$renderer3.push("<!--[3-->");
-        ListField($$renderer3, {
-          label: "Journeys",
-          item: "Journey",
-          addLabel: "Add a journey",
-          placeholder: "Describe one journey, step by step",
-          numbered: true,
-          multiline: true,
-          get items() {
-            return draft.journeys;
-          },
-          set items($$value) {
-            draft.journeys = $$value;
-            $$settled = false;
-          }
-        });
-      } else if (section === "scope") {
-        $$renderer3.push(`<!--[4--><div>`);
-        field($$renderer3, "spec-scope", "In scope", "What this piece of work includes.");
-        $$renderer3.push(`<!----> `);
-        DictateTextarea($$renderer3, {
-          id: "spec-scope",
-          class: "mt-2 min-h-24 bg-card",
-          get value() {
-            return draft.scope;
-          },
-          set value($$value) {
-            draft.scope = $$value;
-            $$settled = false;
-          }
-        });
-        $$renderer3.push(`<!----></div> <div>`);
-        field($$renderer3, "spec-non-goals", "Not in scope", "What it deliberately leaves for later.");
-        $$renderer3.push(`<!----> `);
-        DictateTextarea($$renderer3, {
-          id: "spec-non-goals",
-          class: "mt-2 min-h-24 bg-card",
-          get value() {
-            return draft.nonGoals;
-          },
-          set value($$value) {
-            draft.nonGoals = $$value;
-            $$settled = false;
-          }
-        });
-        $$renderer3.push(`<!----></div>`);
-      } else if (section === "requirements") {
-        $$renderer3.push("<!--[5-->");
-        ListField($$renderer3, {
-          label: "Requirements",
-          item: "Requirement",
-          addLabel: "Add a requirement",
-          placeholder: "One thing that must be true when it is done",
-          get items() {
-            return draft.requirements;
-          },
-          set items($$value) {
-            draft.requirements = $$value;
-            $$settled = false;
-          }
-        });
-      } else if (section === "ui") {
-        $$renderer3.push(`<!--[6--><div>`);
-        field($$renderer3, "spec-ui", "Look and feel", "Layout, tone, anything to match or avoid.");
-        $$renderer3.push(`<!----> `);
-        DictateTextarea($$renderer3, {
-          id: "spec-ui",
-          class: "mt-2 min-h-24 bg-card",
-          get value() {
-            return draft.uiNotes;
-          },
-          set value($$value) {
-            draft.uiNotes = $$value;
-            $$settled = false;
-          }
-        });
-        $$renderer3.push(`<!----></div> `);
-        ListField($$renderer3, {
-          label: "References",
-          item: "Reference",
-          addLabel: "Add a link",
-          placeholder: "https://… or the name of a page to follow",
-          get items() {
-            return draft.links;
-          },
-          set items($$value) {
-            draft.links = $$value;
-            $$settled = false;
-          }
-        });
-        $$renderer3.push(`<!----> <div><p class="text-sm font-medium">Screenshots</p> <p class="mt-0.5 text-xs text-muted-foreground">Drop pictures here, paste them, or choose files. Firstmate receives each one with its
-				caption.</p> <div${attr_class(`mt-2 rounded-lg border border-dashed p-4 transition-colors ${"border-hair"}`)}>`);
-        if (draft.images.length) {
-          $$renderer3.push(`<!--[0--><ul class="mb-4 grid grid-cols-[repeat(auto-fill,minmax(10rem,1fr))] gap-3"><!--[-->`);
-          const each_array_1 = ensure_array_like(draft.images);
-          for (let $$index_1 = 0, $$length = each_array_1.length; $$index_1 < $$length; $$index_1++) {
-            let img = each_array_1[$$index_1];
-            $$renderer3.push(`<li class="min-w-0 rounded-md border bg-card p-2"><div class="relative"><img${attr("src", imageUrl(img))}${attr("alt", img.caption || "Screenshot")} class="aspect-video w-full rounded-sm bg-muted object-cover" loading="lazy"/> <button type="button" class="absolute top-1 right-1 rounded-full bg-background/90 p-1 text-muted-foreground shadow-sm hover:text-foreground" aria-label="Remove this screenshot">`);
-            X($$renderer3, { class: "size-3.5" });
-            $$renderer3.push(`<!----></button></div> <input class="mt-2 h-8 w-full min-w-0 rounded-sm border border-transparent bg-transparent px-1 text-xs outline-none hover:border-input focus-visible:border-ring"${attr("value", img.caption)} placeholder="Caption" aria-label="Caption"/></li>`);
-          }
-          $$renderer3.push(`<!--]--></ul>`);
-        } else {
-          $$renderer3.push("<!--[-1-->");
-        }
-        $$renderer3.push(`<!--]--> <button type="button" class="inline-flex items-center gap-2 rounded-md px-2 py-1 text-sm text-sea hover:bg-muted"${attr("disabled", uploading, true)}>`);
-        if (uploading) {
-          $$renderer3.push("<!--[0-->");
-          Loader_circle($$renderer3, { class: "size-4 animate-spin", "aria-hidden": "true" });
-          $$renderer3.push(`<!---->Adding…`);
-        } else {
-          $$renderer3.push("<!--[-1-->");
-          Image_plus($$renderer3, { class: "size-4", "aria-hidden": "true" });
-          $$renderer3.push(`<!---->Choose screenshots`);
-        }
-        $$renderer3.push(`<!--]--></button> <input type="file" accept="image/png,image/jpeg,image/webp,image/gif" multiple="" class="hidden"/> `);
-        if (uploadError) {
-          $$renderer3.push(`<!--[0--><p class="mt-2 text-sm text-danger" role="alert">${escape_html(uploadError)}</p>`);
-        } else {
-          $$renderer3.push("<!--[-1-->");
-        }
-        $$renderer3.push(`<!--]--></div></div>`);
-      } else if (section === "constraints") {
-        $$renderer3.push(`<!--[7--><div>`);
-        field($$renderer3, "spec-constraints", "Constraints", "Rules it must follow: technology, data, permissions, deadlines.");
-        $$renderer3.push(`<!----> `);
-        DictateTextarea($$renderer3, {
-          id: "spec-constraints",
-          class: "mt-2 min-h-24 bg-card",
-          get value() {
-            return draft.constraints;
-          },
-          set value($$value) {
-            draft.constraints = $$value;
-            $$settled = false;
-          }
-        });
-        $$renderer3.push(`<!----></div> <div>`);
-        field($$renderer3, "spec-risks", "Risks", "What could go wrong, or needs extra care.");
-        $$renderer3.push(`<!----> `);
-        DictateTextarea($$renderer3, {
-          id: "spec-risks",
-          class: "mt-2 min-h-24 bg-card",
-          get value() {
-            return draft.risks;
-          },
-          set value($$value) {
-            draft.risks = $$value;
-            $$settled = false;
-          }
-        });
-        $$renderer3.push(`<!----></div>`);
-      } else if (section === "questions") {
-        $$renderer3.push("<!--[8-->");
-        ListField($$renderer3, {
-          label: "Questions",
-          item: "Question",
-          addLabel: "Add a question",
-          placeholder: "Something still to decide",
-          get items() {
-            return draft.questions;
-          },
-          set items($$value) {
-            draft.questions = $$value;
-            $$settled = false;
-          }
-        });
-      } else {
-        $$renderer3.push("<!--[-1-->");
-      }
-      $$renderer3.push(`<!--]--></div>`);
-    }
-    do {
-      $$settled = true;
-      $$inner_renderer = $$renderer2.copy();
-      $$render_inner($$inner_renderer);
-    } while (!$$settled);
-    $$renderer2.subsume($$inner_renderer);
-  });
-}
-function SpecPreview($$renderer, $$props) {
-  $$renderer.component(($$renderer2) => {
-    let mode = "document";
-    $$renderer2.push(`<div class="flex items-center gap-1" role="radiogroup" aria-label="Preview as"><!--[-->`);
-    const each_array = ensure_array_like(
-      // Scroll when the section (or whether it shows yet) changes, not on every keystroke.
-      [["document", "Document"], ["sent", "As sent"]]
-    );
-    for (let $$index = 0, $$length = each_array.length; $$index < $$length; $$index++) {
-      let [m, label] = each_array[$$index];
-      $$renderer2.push(`<button role="radio"${attr("aria-checked", mode === m)}${attr_class(`rounded-full border px-3 py-0.5 text-xs ${mode === m ? "border-foreground/30 bg-accent font-medium" : "border-transparent text-muted-foreground hover:text-foreground"}`)}>${escape_html(label)}</button>`);
-    }
-    $$renderer2.push(`<!--]--></div> <div class="relative mt-3 rounded-lg border bg-card px-6 py-5 shadow-xs xl:max-h-[calc(100dvh-13rem)] xl:overflow-y-auto">`);
-    {
-      $$renderer2.push("<!--[-1-->");
-    }
-    $$renderer2.push(`<!--]--></div>`);
-  });
-}
-function QuickForm($$renderer, $$props) {
-  $$renderer.component(($$renderer2) => {
-    let {
-      draft,
-      projects,
-      imageUrl,
-      uploading,
-      uploadError
-      /** The spec as Markdown, with pictures the page can show. */
-      /** The message as sent. */
-    } = $$props;
-    let step = 0;
-    const section = derived(() => SPEC_SECTIONS[step]);
-    const filled = derived(() => SPEC_SECTIONS.filter((s) => sectionFilled(draft, s.id)).length);
-    async function go(i) {
-      step = i;
-      await tick();
-      return;
-    }
-    $$renderer2.push(`<div class="grid items-start gap-8 xl:grid-cols-2"><section class="min-w-0 scroll-mt-20" aria-labelledby="section-heading"><div class="flex flex-wrap items-baseline gap-3"><label><span class="sr-only">Section</span> `);
-    $$renderer2.select(
-      {
-        class: "h-8 rounded-md border border-input bg-card px-2 text-xs",
-        value: step,
-        onchange: (e) => go(Number(e.currentTarget.value))
-      },
-      ($$renderer3) => {
-        $$renderer3.push(`<!--[-->`);
-        const each_array = ensure_array_like(SPEC_SECTIONS);
-        for (let i = 0, $$length = each_array.length; i < $$length; i++) {
-          let s = each_array[i];
-          $$renderer3.option({ value: i }, ($$renderer4) => {
-            $$renderer4.push(`Step ${escape_html(i + 1)} of ${escape_html(SPEC_SECTIONS.length)}: ${escape_html(s.title)}${escape_html(sectionFilled(draft, s.id) ? " ✓" : "")}`);
-          });
-        }
-        $$renderer3.push(`<!--]-->`);
-      }
-    );
-    $$renderer2.push(`</label> <p class="text-xs text-muted-foreground">${escape_html(filled())} of ${escape_html(SPEC_SECTIONS.length)} sections written</p></div> <h2 id="section-heading" tabindex="-1" class="mt-2 scroll-mt-20 font-display text-2xl font-medium outline-none">${escape_html(section().title)}</h2> <p class="mt-1 max-w-prose text-sm text-muted-foreground">${escape_html(section().prompt)}</p> <p class="mt-3 max-w-prose border-l-2 border-hair pl-3 text-sm text-muted-foreground italic"><span class="not-italic">For example:</span> ${escape_html(section().example)}</p> <div class="mt-6"><!---->`);
-    {
-      SectionFields($$renderer2, {
-        draft,
-        section: section().id,
-        projects,
-        imageUrl,
-        uploading,
-        uploadError
-      });
-    }
-    $$renderer2.push(`<!----></div> <div class="mt-8 flex flex-wrap items-center gap-3 border-t border-hair pt-5">`);
-    Button($$renderer2, {
-      variant: "ghost",
-      onclick: () => go(step - 1),
-      disabled: step === 0,
-      children: ($$renderer3) => {
-        Arrow_left($$renderer3, { "aria-hidden": "true" });
-        $$renderer3.push(`<!---->Back`);
-      },
-      $$slots: { default: true }
-    });
-    $$renderer2.push(`<!----> `);
-    if (step < SPEC_SECTIONS.length - 1) {
-      $$renderer2.push("<!--[0-->");
-      Button($$renderer2, {
-        variant: "outline",
-        onclick: () => go(step + 1),
-        children: ($$renderer3) => {
-          $$renderer3.push(`<!---->Next: ${escape_html(SPEC_SECTIONS[step + 1].title)}`);
-          Arrow_right($$renderer3, { "aria-hidden": "true" });
-          $$renderer3.push(`<!---->`);
-        },
-        $$slots: { default: true }
-      });
-    } else {
-      $$renderer2.push(`<!--[-1--><p class="text-sm text-muted-foreground">That is every section. Read the preview, then send it to build.</p>`);
-    }
-    $$renderer2.push(`<!--]--></div></section> <section class="min-w-0 xl:sticky xl:top-20" aria-labelledby="preview-heading"><h2 id="preview-heading" class="section-label">Preview</h2> <div class="mt-3">`);
-    SpecPreview($$renderer2, {
-      focus: section().id === "project" ? null : section().title
-    });
-    $$renderer2.push(`<!----></div></section></div>`);
-  });
-}
-function SpecDocument($$renderer, $$props) {
-  $$renderer.component(($$renderer2) => {
-    let { draft, changed, busy, onComment } = $$props;
-    const sections = SPEC_SECTIONS.filter((s) => s.id !== "project");
-    const covered = derived(() => SPEC_SECTIONS.filter((s) => sectionFilled(draft, s.id)).length);
-    const html$1 = (id) => "";
-    const comments = (id) => draft.comments.filter((c) => c.section === id);
-    const openCount = derived(() => draft.comments.filter((c) => !c.resolvedAt).length);
-    const changedTitles = derived(() => SPEC_SECTIONS.filter((s) => changed.includes(s.id)).map((s) => s.id === "project" ? "Title and summary" : s.title));
-    let writing = null;
-    let text = "";
-    let posting = false;
-    async function post() {
-      if (!writing || !text.trim() || posting) return;
-      posting = true;
-      const ok = await onComment({ ...writing, text: text.trim() });
-      posting = false;
-      if (ok) {
-        writing = null;
-        text = "";
-        window.getSelection()?.removeAllRanges();
-      }
-    }
-    function onkeydown(e) {
-      if (e.key === "Enter" && (e.metaKey || e.ctrlKey)) {
-        e.preventDefault();
-        void post();
-      } else if (e.key === "Escape") {
-        writing = null;
-      }
-    }
-    function commentBox($$renderer3, section) {
-      if (writing?.section === section) {
-        $$renderer3.push(`<!--[0--><div class="mt-3 rounded-md border border-brass/50 bg-background p-3" data-comment-box="">`);
-        if (writing.quote) {
-          $$renderer3.push(`<!--[0--><p class="mb-2 border-l-2 border-brass pl-2 text-xs text-muted-foreground italic">“${escape_html(writing.quote)}”</p>`);
-        } else {
-          $$renderer3.push("<!--[-1-->");
-        }
-        $$renderer3.push(`<!--]--> `);
-        DictateTextarea($$renderer3, {
-          rows: 2,
-          placeholder: "What should change here?",
-          "aria-label": "Your comment",
-          onkeydown,
-          get value() {
-            return text;
-          },
-          set value($$value) {
-            text = $$value;
-            $$settled = false;
-          }
-        });
-        $$renderer3.push(`<!----> <div class="mt-2 flex items-center justify-end gap-2">`);
-        Button($$renderer3, {
-          variant: "ghost",
-          size: "sm",
-          onclick: () => writing = null,
-          children: ($$renderer4) => {
-            $$renderer4.push(`<!---->Cancel`);
-          },
-          $$slots: { default: true }
-        });
-        $$renderer3.push(`<!----> `);
-        Button($$renderer3, {
-          size: "sm",
-          onclick: post,
-          disabled: !text.trim() || posting,
-          children: ($$renderer4) => {
-            if (posting) {
-              $$renderer4.push("<!--[0-->");
-              Loader_circle($$renderer4, { class: "animate-spin", "aria-hidden": "true" });
-            } else {
-              $$renderer4.push("<!--[-1-->");
-            }
-            $$renderer4.push(`<!--]--> Comment`);
-          },
-          $$slots: { default: true }
-        });
-        $$renderer3.push(`<!----></div></div>`);
-      } else {
-        $$renderer3.push("<!--[-1-->");
-      }
-      $$renderer3.push(`<!--]-->`);
-    }
-    function commentList($$renderer3, section) {
-      const list = comments(section);
-      if (list.length) {
-        $$renderer3.push(`<!--[0--><ul class="mt-3 space-y-2" aria-label="Comments"><!--[-->`);
-        const each_array = ensure_array_like(list);
-        for (let $$index = 0, $$length = each_array.length; $$index < $$length; $$index++) {
-          let c = each_array[$$index];
-          $$renderer3.push(`<li${attr_class(`rounded-md border px-3 py-2 text-sm ${c.resolvedAt ? "border-hair bg-muted/40 text-muted-foreground" : "border-brass/50 bg-background"}`)}><div class="flex items-start gap-2"><div class="min-w-0 flex-1">`);
-          if (c.quote) {
-            $$renderer3.push(`<!--[0--><p class="mb-1 border-l-2 border-brass/70 pl-2 text-xs italic">“${escape_html(c.quote)}”</p>`);
-          } else {
-            $$renderer3.push("<!--[-1-->");
-          }
-          $$renderer3.push(`<!--]--> <p${attr_class(`break-words ${c.resolvedAt ? "" : "text-foreground"}`)}>${escape_html(c.text)}</p> `);
-          if (c.resolvedAt) {
-            $$renderer3.push(`<!--[0--><p class="mt-1 flex items-start gap-1.5 text-xs">`);
-            Check($$renderer3, {
-              class: "mt-0.5 size-3.5 shrink-0 text-sea",
-              "aria-hidden": "true"
-            });
-            $$renderer3.push(`<!----> <span><span class="sr-only">Resolved:</span>${escape_html(c.reply || "Addressed.")}</span></p>`);
-          } else {
-            $$renderer3.push(`<!--[-1--><p class="mt-1 flex items-center gap-1.5 text-xs text-muted-foreground">`);
-            if (busy) {
-              $$renderer3.push("<!--[0-->");
-              Loader_circle($$renderer3, { class: "size-3 animate-spin", "aria-hidden": "true" });
-              $$renderer3.push(`<!---->The
-										interviewer is on it`);
-            } else {
-              $$renderer3.push(`<!--[-1-->Open: the interviewer addresses it next`);
-            }
-            $$renderer3.push(`<!--]--></p>`);
-          }
-          $$renderer3.push(`<!--]--></div> `);
-          if (!c.resolvedAt) {
-            $$renderer3.push(`<!--[0--><button class="-mt-0.5 -mr-1 rounded p-1 text-muted-foreground hover:bg-muted hover:text-foreground" aria-label="Remove this comment" title="Remove this comment">`);
-            X($$renderer3, { class: "size-3.5", "aria-hidden": "true" });
-            $$renderer3.push(`<!----></button>`);
-          } else {
-            $$renderer3.push("<!--[-1-->");
-          }
-          $$renderer3.push(`<!--]--></div></li>`);
-        }
-        $$renderer3.push(`<!--]--></ul>`);
-      } else {
-        $$renderer3.push("<!--[-1-->");
-      }
-      $$renderer3.push(`<!--]-->`);
-    }
-    function commentButton($$renderer3, section, label) {
-      $$renderer3.push(`<button class="comment-btn ml-auto shrink-0 rounded p-1 text-muted-foreground hover:bg-muted hover:text-foreground svelte-byyley"${attr("aria-label", `Comment on ${stringify(label)}`)}${attr("title", `Comment on ${stringify(label)}`)}>`);
-      Message_square_plus($$renderer3, { class: "size-4", "aria-hidden": "true" });
-      $$renderer3.push(`<!----></button>`);
-    }
-    let $$settled = true;
-    let $$inner_renderer;
-    function $$render_inner($$renderer3) {
-      $$renderer3.push(`<div class="spec-doc relative rounded-lg border border-hair bg-card px-5 py-5 sm:px-7 sm:py-6"><p class="flex flex-wrap items-center gap-x-3 gap-y-1 text-xs text-muted-foreground"><span class="tabular">${escape_html(covered())} of ${escape_html(SPEC_SECTIONS.length)} sections covered</span> `);
-      if (openCount()) {
-        $$renderer3.push(`<!--[0--><span class="text-brass">${escape_html(openCount())} open comment${escape_html(openCount() === 1 ? "" : "s")}</span>`);
-      } else {
-        $$renderer3.push("<!--[-1-->");
-      }
-      $$renderer3.push(`<!--]--> `);
-      if (draft.interview.done) {
-        $$renderer3.push(`<!--[0--><span class="rounded-full border border-sea/50 px-2 py-0.5 font-medium text-sea">Ready to build</span>`);
-      } else {
-        $$renderer3.push("<!--[-1-->");
-      }
-      $$renderer3.push(`<!--]--></p> `);
-      if (changedTitles().length) {
-        $$renderer3.push(`<!--[0--><p class="mt-1 text-xs text-muted-foreground" aria-live="polite">Just changed: ${escape_html(changedTitles().join(", "))}.</p>`);
-      } else {
-        $$renderer3.push("<!--[-1-->");
-      }
-      $$renderer3.push(`<!--]--> <header data-section="project"${attr_class(`doc-section mt-4 ${changed.includes("project") ? "is-updated" : ""}`, "svelte-byyley")}><div class="flex items-start gap-2"><h2 class="min-w-0 flex-1 font-display text-[1.7rem] leading-tight font-medium">${escape_html(specTitle(draft))}</h2> `);
-      commentButton($$renderer3, "project", "the title and summary");
-      $$renderer3.push(`<!----></div> `);
-      if (sectionMarkdown(draft, "project")) {
-        $$renderer3.push(`<!--[0--><div class="chat-md mt-2 text-[0.95rem]">${html(html$1())}</div>`);
-      } else {
-        $$renderer3.push(`<!--[-1--><p class="mt-2 text-sm text-muted-foreground italic">The project and a one-line summary appear here as the interview goes.</p>`);
-      }
-      $$renderer3.push(`<!--]--> `);
-      commentList($$renderer3, "project");
-      $$renderer3.push(`<!----> `);
-      commentBox($$renderer3, "project");
-      $$renderer3.push(`<!----></header> <!--[-->`);
-      const each_array_1 = ensure_array_like(sections);
-      for (let $$index_1 = 0, $$length = each_array_1.length; $$index_1 < $$length; $$index_1++) {
-        let s = each_array_1[$$index_1];
-        const body = sectionMarkdown(draft, s.id);
-        $$renderer3.push(`<section${attr("data-section", s.id)}${attr_class(`doc-section mt-6 ${changed.includes(s.id) ? "is-updated" : ""}`, "svelte-byyley")}${attr("aria-labelledby", `doc-${stringify(s.id)}`)}><div class="flex items-center gap-2 border-b border-hair pb-1"><h3${attr("id", `doc-${stringify(s.id)}`)} class="font-display text-[1.2rem] font-medium">${escape_html(s.title)}</h3> `);
-        if (changed.includes(s.id)) {
-          $$renderer3.push(`<!--[0--><span class="rounded-full bg-brass/15 px-2 py-0.5 text-[0.7rem] font-medium tracking-wide text-brass">Updated</span>`);
-        } else {
-          $$renderer3.push("<!--[-1-->");
-        }
-        $$renderer3.push(`<!--]--> `);
-        commentButton($$renderer3, s.id, s.title);
-        $$renderer3.push(`<!----></div> `);
-        if (body) {
-          $$renderer3.push(`<!--[0--><div class="chat-md doc-md mt-2 text-[0.95rem] svelte-byyley">${html(html$1(s.id))}</div>`);
-        } else {
-          $$renderer3.push(`<!--[-1--><p class="mt-2 text-sm text-muted-foreground italic">Not covered yet.</p>`);
-        }
-        $$renderer3.push(`<!--]--> `);
-        commentList($$renderer3, s.id);
-        $$renderer3.push(`<!----> `);
-        commentBox($$renderer3, s.id);
-        $$renderer3.push(`<!----></section>`);
-      }
-      $$renderer3.push(`<!--]--> `);
-      {
-        $$renderer3.push("<!--[-1-->");
-      }
-      $$renderer3.push(`<!--]--></div>`);
-    }
-    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 clone2 = (d) => d ? JSON.parse(JSON.stringify(d)) : null;
-    const initial = clone2(data.draft);
-    let draft = initial;
-    let specs = data.specs;
-    let savedJson = JSON.stringify(initial);
-    let saveState = "saved";
-    let saveError = null;
-    let uploading = false;
-    let uploadError = null;
-    let confirmDelete = false;
-    let busy = false;
-    let now = Date.now();
-    let working = !!data.interviewer?.busy;
-    let streaming = "";
-    let activity = null;
-    let turnError = null;
-    let pendingAnswer = null;
-    let commentsWaiting = false;
-    let pane = "interview";
-    let specUnseen = false;
-    initial?.id ?? null;
-    const fleet = derived(currentFleet);
-    const projects = derived(() => (fleet()?.projects ?? []).map((p) => p.name).filter(Boolean));
-    const imageUrl = (img) => `/api/specs/${encodeURIComponent(draft?.id ?? "")}/images/${encodeURIComponent(img.name)}`;
-    const preview = derived(() => draft ? specMarkdown(draft, imageUrl) : "");
-    const asSent = derived(() => draft ? specMessage(draft, () => "attached").replace(/!\[([^\]]*)\]\(<attached>\)/g, "[Screenshot: $1, sent as a file]") : "");
-    const lastAgent = derived(() => draft?.interview.turns.findLast((t) => t.role === "agent") ?? null);
-    const changed = derived(() => lastAgent()?.changed ?? []);
-    const openComments = derived(() => draft?.comments.filter((c) => !c.resolvedAt).length ?? 0);
-    const hasWhat = derived(() => !!draft && (!!draft.title.trim() || !!draft.summary.trim()));
-    const hasProject = derived(() => !!draft?.project.trim());
-    const editedSinceSent = (s) => !!s.sentAt && Date.parse(s.updatedAt) - Date.parse(s.sentAt) > 5e3;
-    const canSend = derived(() => hasWhat() && hasProject() && !busy && !working);
-    const headers = (extra = {}) => ({ [SESSION_HEADER]: data.sessionToken, ...extra });
-    async function problem(res) {
-      const body = await res.json().catch(() => null);
-      return body?.message ?? `Wheelhouse answered ${res.status}.`;
-    }
-    function adopt(d) {
-      if (!d || d.id !== draft?.id) return;
-      const local = saveState === "saved" ? null : { project: draft.project, mode: draft.mode };
-      const next = clone2(d);
-      savedJson = JSON.stringify(next);
-      if (local) Object.assign(next, local);
-      draft = next;
-      specs = specs.map((s) => s.id === d.id ? summarize(d) : s);
-      if (pendingAnswer && d.interview.turns.at(-1)?.role === "captain") pendingAnswer = null;
-    }
-    let timer;
-    let saving = Promise.resolve(true);
-    function save(keepalive = false) {
-      clearTimeout(timer);
-      saving = saving.then(() => saveNow(keepalive));
-      return saving;
-    }
-    async function saveNow(keepalive) {
-      if (!draft) return true;
-      const snapshot$1 = draft;
-      const json = JSON.stringify(snapshot$1);
-      if (json === savedJson) {
-        saveState = "saved";
-        return true;
-      }
-      saveState = "saving";
-      const base = JSON.parse(savedJson);
-      const edited = ["project", "title", "mode"].filter((f) => base?.[f] !== snapshot$1[f]);
-      try {
-        const res = await fetch(`/api/specs/${encodeURIComponent(snapshot$1.id)}`, {
-          method: "PUT",
-          headers: headers({ "content-type": "application/json" }),
-          body: JSON.stringify({ ...snapshot$1, edited }),
-          keepalive
-        });
-        if (!res.ok) {
-          saveError = await problem(res);
-          saveState = "error";
-          return false;
-        }
-        const stored = (await res.json()).draft;
-        saveError = null;
-        specs = specs.map((s) => s.id === stored.id ? summarize(stored) : s);
-        if (draft?.id === stored.id) {
-          savedJson = JSON.stringify(stored);
-          if (JSON.stringify(snapshot(draft)) === json) draft = clone2(stored);
-          if (pendingAnswer && stored.interview.turns.at(-1)?.role === "captain") pendingAnswer = null;
-        }
-        saveState = draft && JSON.stringify(draft) !== savedJson ? "unsaved" : "saved";
-        return true;
-      } catch {
-        saveError = "Could not reach the Wheelhouse server.";
-        saveState = "error";
-        return false;
-      }
-    }
-    let wide = true;
-    async function* events(res) {
-      const reader = res.body.pipeThrough(new TextDecoderStream()).getReader();
-      let buf = "";
-      for (; ; ) {
-        const { value, done } = await reader.read();
-        if (done) return;
-        buf += value;
-        let end;
-        while ((end = buf.indexOf("\n\n")) >= 0) {
-          const chunk = buf.slice(0, end);
-          buf = buf.slice(end + 2);
-          const event = /^event: (.*)$/m.exec(chunk)?.[1];
-          const body = /^data: (.*)$/m.exec(chunk)?.[1];
-          if (event && body) yield { event, data: JSON.parse(body) };
-        }
-      }
-    }
-    async function runTurn(answer) {
-      if (!draft || working) return false;
-      const id = draft.id;
-      if (!await save()) return false;
-      working = true;
-      streaming = "";
-      activity = null;
-      turnError = null;
-      pendingAnswer = answer;
-      let accepted = false;
-      try {
-        const res = await fetch(`/api/specs/${encodeURIComponent(id)}/turn`, {
-          method: "POST",
-          headers: headers({ "content-type": "application/json" }),
-          body: JSON.stringify(answer ? { answer } : {})
-        });
-        if (!res.ok || !res.body) {
-          turnError = await problem(res);
-          if (res.status === 409) void waitForTurn();
-          return false;
-        }
-        accepted = true;
-        for await (const e of events(res)) {
-          const d = e.data;
-          if (e.event === "text") {
-            streaming += d.text ?? "";
-            activity = null;
-          } else if (e.event === "reset") streaming = "";
-          else if (e.event === "tool") activity = `Reading ${d.detail || d.name}`;
-          else if (e.event === "done") {
-            adopt(d.draft);
-            if (pane === "interview" && lastAgent()?.changed.length) specUnseen = true;
-          } else if (e.event === "error") {
-            turnError = d.message ?? "The interviewer stopped.";
-            adopt(d.draft);
-          }
-        }
-        return true;
-      } catch {
-        turnError ??= "Lost touch with the Wheelhouse server. Reload to see where the interview got to.";
-        return accepted;
-      } finally {
-        if (draft?.id === id) {
-          working = false;
-          streaming = "";
-          activity = null;
-          pendingAnswer = null;
-          if (commentsWaiting) {
-            commentsWaiting = false;
-            void runTurn(null);
-          }
-        }
-      }
-    }
-    async function waitForTurn() {
-      const id = draft?.id;
-      if (!id) return;
-      working = true;
-      for (; ; ) {
-        await new Promise((r) => setTimeout(r, 1500));
-        if (draft?.id !== id) return;
-        const res = await fetch(`/api/specs/${encodeURIComponent(id)}`).catch(() => null);
-        if (!res?.ok) continue;
-        const body = await res.json();
-        if (body.busy) continue;
-        adopt(body.draft);
-        working = false;
-        if (turnError?.startsWith("The interviewer is already")) turnError = null;
-        return;
-      }
-    }
-    async function addComment(c) {
-      if (!draft) return false;
-      const res = await fetch(`/api/specs/${encodeURIComponent(draft.id)}/comments`, {
-        method: "POST",
-        headers: headers({ "content-type": "application/json" }),
-        body: JSON.stringify(c)
-      }).catch(() => null);
-      if (!res?.ok) {
-        turnError = res ? await problem(res) : "Could not reach the Wheelhouse server.";
-        return false;
-      }
-      adopt((await res.json()).draft);
-      if (working) commentsWaiting = true;
-      else void runTurn(null);
-      return true;
-    }
-    async function newSpec() {
-      busy = true;
-      if (!await save()) {
-        busy = false;
-        return;
-      }
-      try {
-        const res = await fetch("/api/specs", { method: "POST", headers: headers() });
-        if (!res.ok) {
-          saveError = await problem(res);
-          saveState = "error";
-          return;
-        }
-        const { draft: d } = await res.json();
-        await goto(`/spec?id=${encodeURIComponent(d.id)}`, { invalidateAll: true });
-      } finally {
-        busy = false;
-      }
-    }
-    async function remove() {
-      if (!draft) return;
-      busy = true;
-      clearTimeout(timer);
-      const res = await fetch(`/api/specs/${encodeURIComponent(draft.id)}`, { method: "DELETE", headers: headers() }).catch(() => null);
-      busy = false;
-      confirmDelete = false;
-      if (!res?.ok && res?.status !== 404) {
-        saveError = res ? await problem(res) : "Could not reach the Wheelhouse server.";
-        saveState = "error";
-        return;
-      }
-      savedJson = "null";
-      draft = null;
-      await goto("/spec", {});
-    }
-    async function send() {
-      if (!draft || !canSend()) return;
-      busy = true;
-      const id = draft.id;
-      try {
-        if (!await save()) return;
-        const res = await fetch(`/api/specs/${encodeURIComponent(id)}/build-request`, { method: "POST", headers: headers() }).catch(() => null);
-        if (!res?.ok) {
-          saveError = res ? await problem(res) : "Could not reach the Wheelhouse server.";
-          saveState = "error";
-          return;
-        }
-        const { message } = await res.json();
-        const token = data.sessionToken;
-        composerBus.outgoing = {
-          text: message,
-          from: `/spec?id=${encodeURIComponent(id)}`,
-          onSent: () => {
-            void fetch(`/api/specs/${encodeURIComponent(id)}/sent`, { method: "POST", headers: { [SESSION_HEADER]: token } });
-          }
-        };
-        await goto("/");
-      } finally {
-        busy = false;
-      }
-    }
-    const saveLabel = derived(() => saveState === "saving" ? "Saving…" : saveState === "unsaved" ? "Unsaved changes" : saveState === "error" ? "Not saved" : "Saved");
-    const sendHint = derived(() => {
-      if (!draft) return "";
-      if (!hasWhat()) return "Send to build once the spec has a title or a summary.";
-      if (!hasProject()) return "Choose the project it is for, then send it to build.";
-      if (working) return "Wait for the interviewer to finish its turn.";
-      if (draft.sentAt) {
-        return `Sent to build ${ago(draft.sentAt, now)}${editedSinceSent(draft) ? "; edited since" : ""}.`;
-      }
-      return `Sends the spec to Firstmate as one build request for ${draft.project.trim()}.`;
-    });
-    head("1flepf4", $$renderer2, ($$renderer3) => {
-      $$renderer3.title(($$renderer4) => {
-        $$renderer4.push(`<title>Spec · Wheelhouse</title>`);
-      });
-    });
-    $$renderer2.push(`<main class="px-4 py-6 sm:px-6 lg:px-10"><div class="surface px-4 py-6 sm:px-8 sm:py-8"><h1 class="text-2xl">Write a spec</h1> <p class="mt-1 max-w-prose text-sm text-muted-foreground">An interviewer asks you one question at a time and writes the spec as you answer. Comment on
-			anything in the spec to have it changed, then send it to build.</p> `);
-    if (data.problem) {
-      $$renderer2.push(`<!--[0--><p class="mt-8 rounded-lg border border-dashed p-6 text-sm text-muted-foreground">${escape_html(data.problem)}</p>`);
-    } else {
-      $$renderer2.push(`<!--[-1--><div class="mt-8 grid items-start gap-8 lg:grid-cols-[14rem_minmax(0,1fr)]"><aside class="min-w-0 lg:sticky lg:top-20"><details class="group"${attr("open", wide, true)}><summary class="section-label list-none lg:pointer-events-none [&amp;::-webkit-details-marker]:hidden"><span id="specs-heading">Your specs</span><span class="lg:hidden"> (${escape_html(specs.length)})</span> `);
-      Chevron_down($$renderer2, {
-        class: "size-4 shrink-0 transition-transform group-open:rotate-180 lg:hidden",
-        "aria-hidden": "true"
-      });
-      $$renderer2.push(`<!----></summary> `);
-      Button($$renderer2, {
-        variant: "outline",
-        size: "sm",
-        class: "mt-3 w-full justify-start",
-        onclick: newSpec,
-        disabled: busy,
-        children: ($$renderer3) => {
-          File_plus_corner($$renderer3, { "aria-hidden": "true" });
-          $$renderer3.push(`<!---->New spec`);
-        },
-        $$slots: { default: true }
-      });
-      $$renderer2.push(`<!----> `);
-      if (specs.length) {
-        $$renderer2.push(`<!--[0--><ul class="mt-3 space-y-0.5" aria-labelledby="specs-heading"><!--[-->`);
-        const each_array = ensure_array_like(specs);
-        for (let $$index = 0, $$length = each_array.length; $$index < $$length; $$index++) {
-          let s = each_array[$$index];
-          const open = draft?.id === s.id;
-          $$renderer2.push(`<li><a${attr("href", `/spec?id=${stringify(encodeURIComponent(s.id))}`)}${attr("aria-current", open ? "page" : void 0)}${attr_class(`block rounded-md border-l-2 px-3 py-2 hover:bg-muted ${open ? "border-brass bg-accent" : "border-transparent"}`)}><span class="block truncate text-sm font-medium">${escape_html(open && draft ? specTitle(draft) : s.title)}</span> <span class="block truncate text-xs text-muted-foreground">${escape_html([
-            (open && draft ? draft.project.trim() : s.project) || null,
-            s.sentAt ? editedSinceSent(s) ? "Edited since sent" : "Sent" : null,
-            `edited ${ago(s.updatedAt, now)}`
-          ].filter(Boolean).join(" · "))}</span></a></li>`);
-        }
-        $$renderer2.push(`<!--]--></ul>`);
-      } else {
-        $$renderer2.push("<!--[-1-->");
-      }
-      $$renderer2.push(`<!--]--></details></aside> `);
-      if (!draft) {
-        $$renderer2.push(`<!--[0--><section class="rounded-lg border border-dashed p-8" aria-label="No spec open"><h2 class="font-display text-xl font-medium">Start a spec for Firstmate</h2> <p class="mt-2 max-w-prose text-sm text-muted-foreground">Say what you want built. An interviewer grills you on it one question at a time,
-							offering answers with the one it recommends, and writes the spec as you go: the
-							problem, who it is for, how they use it, what is in and out, how you will know it is
-							done, and what to watch out for. Your work is saved as you go.</p> `);
-        Button($$renderer2, {
-          class: "mt-5",
-          onclick: newSpec,
-          disabled: busy,
-          children: ($$renderer3) => {
-            File_plus_corner($$renderer3, { "aria-hidden": "true" });
-            $$renderer3.push(`<!---->Start a spec`);
-          },
-          $$slots: { default: true }
-        });
-        $$renderer2.push(`<!----></section>`);
-      } else {
-        $$renderer2.push(`<!--[-1--><div class="min-w-0"><div class="flex flex-wrap items-center gap-x-4 gap-y-3 border-b border-hair pb-4"><div class="flex rounded-md border border-hair p-0.5" role="radiogroup" aria-label="Build the spec with"><!--[-->`);
-        const each_array_1 = ensure_array_like([["interview", "Interview"], ["form", "Quick form"]]);
-        for (let $$index_1 = 0, $$length = each_array_1.length; $$index_1 < $$length; $$index_1++) {
-          let [m, label] = each_array_1[$$index_1];
-          $$renderer2.push(`<button role="radio"${attr("aria-checked", draft.mode === m)}${attr_class(`rounded px-3 py-1 text-sm ${draft.mode === m ? "bg-accent font-medium text-foreground" : "text-muted-foreground hover:text-foreground"}`)}>${escape_html(label)}</button>`);
-        }
-        $$renderer2.push(`<!--]--></div> <label class="flex min-w-0 items-center gap-2 text-sm"><span class="text-muted-foreground">Project</span> <input class="h-8 w-44 min-w-0 rounded-md border border-input bg-card px-2.5 text-sm shadow-xs outline-none focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50" name="project" list="spec-projects"${attr("value", draft.project)} placeholder="Choose a project"/> <datalist id="spec-projects"><!--[-->`);
-        const each_array_2 = ensure_array_like(projects());
-        for (let $$index_2 = 0, $$length = each_array_2.length; $$index_2 < $$length; $$index_2++) {
-          let p = each_array_2[$$index_2];
-          $$renderer2.option({ value: p }, ($$renderer3) => {
-          });
-        }
-        $$renderer2.push(`<!--]--></datalist></label> <p${attr_class(`text-xs ${saveState === "error" ? "text-danger" : "text-muted-foreground"}`)} aria-live="polite">${escape_html(saveLabel())}</p> <div class="ml-auto flex items-center gap-2">`);
-        if (!confirmDelete) {
-          $$renderer2.push("<!--[0-->");
-          Button($$renderer2, {
-            variant: "ghost",
-            size: "sm",
-            class: "text-muted-foreground",
-            onclick: () => confirmDelete = true,
-            children: ($$renderer3) => {
-              Trash($$renderer3, { "aria-hidden": "true" });
-              $$renderer3.push(`<!---->Delete`);
-            },
-            $$slots: { default: true }
-          });
-        } else {
-          $$renderer2.push("<!--[-1-->");
-        }
-        $$renderer2.push(`<!--]--> `);
-        Button($$renderer2, {
-          onclick: send,
-          disabled: !canSend(),
-          children: ($$renderer3) => {
-            if (busy) {
-              $$renderer3.push("<!--[0-->");
-              Loader_circle($$renderer3, { class: "animate-spin", "aria-hidden": "true" });
-            } else {
-              $$renderer3.push("<!--[-1-->");
-              Hammer($$renderer3, { "aria-hidden": "true" });
-            }
-            $$renderer3.push(`<!--]--> ${escape_html(draft.sentAt ? "Send to build again" : "Send to build")}`);
-          },
-          $$slots: { default: true }
-        });
-        $$renderer2.push(`<!----></div></div> <p class="mt-2 text-xs text-muted-foreground">${escape_html(sendHint())}</p> `);
-        if (saveState === "error" && saveError) {
-          $$renderer2.push(`<!--[0--><p class="mt-2 text-sm text-danger" role="alert">${escape_html(saveError)}</p>`);
-        } else {
-          $$renderer2.push("<!--[-1-->");
-        }
-        $$renderer2.push(`<!--]--> `);
-        if (confirmDelete) {
-          $$renderer2.push(`<!--[0--><div class="mt-3 flex flex-wrap items-center gap-3 rounded-md border border-danger/30 bg-danger/5 px-4 py-3" role="group" aria-label="Delete this spec"><p class="text-sm">Delete “${escape_html(specTitle(draft))}”, its interview and its screenshots for good?</p> <div class="ml-auto flex gap-2">`);
-          Button($$renderer2, {
-            variant: "ghost",
-            size: "sm",
-            onclick: () => confirmDelete = false,
-            children: ($$renderer3) => {
-              $$renderer3.push(`<!---->Keep it`);
-            },
-            $$slots: { default: true }
-          });
-          $$renderer2.push(`<!----> `);
-          Button($$renderer2, {
-            variant: "destructive",
-            size: "sm",
-            onclick: remove,
-            disabled: busy,
-            children: ($$renderer3) => {
-              $$renderer3.push(`<!---->Delete`);
-            },
-            $$slots: { default: true }
-          });
-          $$renderer2.push(`<!----></div></div>`);
-        } else {
-          $$renderer2.push("<!--[-1-->");
-        }
-        $$renderer2.push(`<!--]--> <div class="mt-6">`);
-        if (draft.mode === "form") {
-          $$renderer2.push("<!--[0-->");
-          QuickForm($$renderer2, {
-            draft,
-            projects: projects(),
-            imageUrl,
-            preview: preview(),
-            asSent: asSent(),
-            uploading,
-            uploadError
-          });
-        } else {
-          $$renderer2.push(`<!--[-1--><div class="mb-4 flex rounded-md border border-hair p-0.5 xl:hidden" role="tablist" aria-label="Show"><button role="tab"${attr("aria-selected", pane === "interview")}${attr_class(`flex-1 rounded px-3 py-1.5 text-sm ${"bg-accent font-medium"}`)}>Interview</button> <button role="tab"${attr("aria-selected", pane === "spec")}${attr_class(`flex flex-1 items-center justify-center gap-1.5 rounded px-3 py-1.5 text-sm ${"text-muted-foreground"}`)}>Spec`);
-          if (openComments()) {
-            $$renderer2.push(`<!--[0--><span class="text-xs text-brass">(${escape_html(openComments())})</span>`);
-          } else {
-            $$renderer2.push("<!--[-1-->");
-          }
-          $$renderer2.push(`<!--]--> `);
-          if (specUnseen) {
-            $$renderer2.push(`<!--[0--><span class="size-1.5 rounded-full bg-brass" aria-label="Updated" role="img"></span>`);
-          } else {
-            $$renderer2.push("<!--[-1-->");
-          }
-          $$renderer2.push(`<!--]--></button></div> <div class="grid items-start gap-8 xl:grid-cols-[minmax(0,1fr)_minmax(0,1.15fr)]"><section${attr_class(`min-w-0 ${""}`)} aria-label="Interview">`);
-          Interview($$renderer2, {
-            draft,
-            busy: working,
-            streaming,
-            activity,
-            error: turnError,
-            pending: pendingAnswer,
-            model: data.interviewer?.model ?? "sonnet",
-            effort: data.interviewer?.effort ?? "low",
-            onAnswer: (text) => runTurn(text),
-            onRetry: () => void runTurn(null)
-          });
-          $$renderer2.push(`<!----></section> <section${attr_class(`min-w-0 xl:sticky xl:top-20 xl:max-h-[calc(100dvh-7rem)] xl:overflow-y-auto ${"hidden xl:block"}`)} aria-label="The spec">`);
-          SpecDocument($$renderer2, {
-            draft,
-            changed: changed(),
-            busy: working,
-            onComment: addComment
-          });
-          $$renderer2.push(`<!----></section></div>`);
-        }
-        $$renderer2.push(`<!--]--></div></div>`);
-      }
-      $$renderer2.push(`<!--]--></div>`);
-    }
-    $$renderer2.push(`<!--]--></div></main>`);
-  });
-}
-
-export { _page as default };
-//# sourceMappingURL=_page.svelte.js-BJjweG9u.js.map