@chrisjowen/wheelhouse 0.0.0-stage → 0.1.0

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

@@ -0,0 +1,1561 @@
+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