@chrisjowen/wheelhouse 0.2.0 → 0.2.1

package/build/server/chunks/chunks/ResizableRail.js-BmMh1aVL.js

@@ -0,0 +1,801 @@
+import { ak as attr_class, an as stringify, ap as attr_style, am as attr, al as escape_html, a8 as ensure_array_like, ac as spread_props, a6 as bind_props, ao as props_id, _ as derived, a4 as attributes, a5 as clsx } from './index.js-B0NFhRTN.js';
+import { I as Icon } from './Icon.js-CVZZ-yuB.js';
+import { p as page } from './index2.js-Bxt1T6_K.js';
+import { i as inbox } from './inbox.svelte.js-n7K3YnGB.js';
+import { D as DecisionCard } from './DecisionCard.js-CvR7ULLC.js';
+import { c as clock } from './format.js-D3lWEg6U.js';
+import { a as feedbackNote, F as FEEDBACK_PREFIX } from './preview.js-hrimfbCG.js';
+import './exports.js-BZBK1HC9.js';
+import './utils2.js-BQzn9ikS.js';
+import './utils.js-BJgm9WbO.js';
+import './root.js-60iebdW4.js';
+import { B as Button, c as cn } from './button.js-BF2PsvWw.js';
+import { o as onDestroy } from './index-server2.js-Fb2GE8KQ.js';
+import { X } from './x.js-YxaUOlq9.js';
+import { s as sendToInbox } from './chat.svelte.js-b0uQXOge.js';
+import { M as Message_square } from './message-square.js-XK15WVZq.js';
+
+function Circle_check($$renderer, $$props) {
+  let { $$slots, $$events, ...props } = $$props;
+  const iconData = {
+    "name": "circle-check",
+    "size": 24,
+    "node": [
+      ["circle", { "cx": "12", "cy": "12", "r": "10" }],
+      ["path", { "d": "m16 9-5.5 5.5L8 12" }]
+    ],
+    "aliases": ["check-circle-2"]
+  };
+  Icon($$renderer, spread_props([props, { icon: iconData }]));
+}
+function Mic($$renderer, $$props) {
+  let { $$slots, $$events, ...props } = $$props;
+  const iconData = {
+    "name": "mic",
+    "size": 24,
+    "node": [
+      ["path", { "d": "M12 19v3" }],
+      ["path", { "d": "M19 10v2a7 7 0 0 1-14 0v-2" }],
+      [
+        "rect",
+        { "x": "9", "y": "2", "width": "6", "height": "13", "rx": "3" }
+      ]
+    ]
+  };
+  Icon($$renderer, spread_props([props, { icon: iconData }]));
+}
+function Panel_right_close($$renderer, $$props) {
+  let { $$slots, $$events, ...props } = $$props;
+  const iconData = {
+    "name": "panel-right-close",
+    "size": 24,
+    "node": [
+      [
+        "rect",
+        { "width": "18", "height": "18", "x": "3", "y": "3", "rx": "2" }
+      ],
+      ["path", { "d": "M15 3v18" }],
+      ["path", { "d": "m8 9 3 3-3 3" }]
+    ]
+  };
+  Icon($$renderer, spread_props([props, { icon: iconData }]));
+}
+function Send($$renderer, $$props) {
+  let { $$slots, $$events, ...props } = $$props;
+  const iconData = {
+    "name": "send",
+    "size": 24,
+    "node": [
+      [
+        "path",
+        {
+          "d": "M14.536 21.686a.5.5 0 0 0 .937-.024l6.5-19a.496.496 0 0 0-.635-.635l-19 6.5a.5.5 0 0 0-.024.937l7.93 3.18a2 2 0 0 1 1.112 1.11z"
+        }
+      ],
+      ["path", { "d": "m21.854 2.147-10.94 10.939" }]
+    ]
+  };
+  Icon($$renderer, spread_props([props, { icon: iconData }]));
+}
+function Square($$renderer, $$props) {
+  let { $$slots, $$events, ...props } = $$props;
+  const iconData = {
+    "name": "square",
+    "size": 24,
+    "node": [
+      [
+        "rect",
+        { "width": "18", "height": "18", "x": "3", "y": "3", "rx": "2" }
+      ]
+    ]
+  };
+  Icon($$renderer, spread_props([props, { icon: iconData }]));
+}
+function OpenDecision($$renderer, $$props) {
+  $$renderer.component(($$renderer2) => {
+    let {
+      card,
+      project = null,
+      now,
+      onLater,
+      extra
+      /** Ask me later, where the list honours it. */
+    } = $$props;
+    let note = "";
+    let picks = {};
+    let expanded = false;
+    const token = derived(() => page.data.sessionToken ?? "");
+    const answer = (choice) => inbox.answer(card, choice, note.trim() || null, token(), picks);
+    let $$settled = true;
+    let $$inner_renderer;
+    function $$render_inner($$renderer3) {
+      DecisionCard($$renderer3, {
+        card,
+        project,
+        expanded,
+        canAnswer: inbox.view(page.data.inbox)?.canAnswer ?? false,
+        error: inbox.errors[card.id] ?? null,
+        now,
+        onAnswer: answer,
+        onLater,
+        onClose: () => answer("close"),
+        onToggle: () => expanded = !expanded,
+        extra,
+        get note() {
+          return note;
+        },
+        set note($$value) {
+          note = $$value;
+          $$settled = false;
+        },
+        get picks() {
+          return picks;
+        },
+        set picks($$value) {
+          picks = $$value;
+          $$settled = false;
+        }
+      });
+    }
+    do {
+      $$settled = true;
+      $$inner_renderer = $$renderer2.copy();
+      $$render_inner($$inner_renderer);
+    } while (!$$settled);
+    $$renderer2.subsume($$inner_renderer);
+  });
+}
+function Textarea($$renderer, $$props) {
+  $$renderer.component(($$renderer2) => {
+    let {
+      ref = null,
+      value = void 0,
+      class: className,
+      "data-slot": dataSlot = "textarea",
+      $$slots,
+      $$events,
+      ...restProps
+    } = $$props;
+    $$renderer2.push(`<textarea${attributes({
+      "data-slot": dataSlot,
+      class: clsx(cn("flex field-sizing-content min-h-16 w-full rounded-md border border-input bg-transparent px-2.5 py-2 text-base shadow-xs transition-[color,box-shadow] outline-none placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 md:text-sm dark:bg-input/30 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40", className)),
+      ...restProps
+    })}>`);
+    const $$body = escape_html(value);
+    if ($$body) {
+      $$renderer2.push(`${$$body}`);
+    }
+    $$renderer2.push(`</textarea>`);
+    bind_props($$props, { ref, value });
+  });
+}
+const problemText = {
+  unsupported: "This browser cannot turn speech into text. Chrome and Edge can; you can still type.",
+  blocked: "The microphone is blocked for Wheelhouse. Allow it from the icon in the address bar, then try again.",
+  "no-microphone": "No microphone was found. Connect one, then try again.",
+  "no-speech": "Nothing was heard. Try again a little closer to the microphone.",
+  network: "The browser’s speech service could not be reached. Check the connection and try again.",
+  failed: "Dictation stopped unexpectedly. Try again, or type instead."
+};
+function recognitionClass() {
+  if (typeof window === "undefined") return null;
+  const w = window;
+  return w.SpeechRecognition ?? w.webkitSpeechRecognition ?? null;
+}
+const webSpeechProblem = {
+  "not-allowed": "blocked",
+  "service-not-allowed": "blocked",
+  "audio-capture": "no-microphone",
+  "no-speech": "no-speech",
+  network: "network",
+  "language-not-supported": "unsupported"
+};
+const webSpeechEngine = {
+  privacyNote: "Dictation uses your browser’s speech service. In Chrome that sends what you say to Google to turn it into text, only while the microphone is on.",
+  supported: () => recognitionClass() !== null,
+  start(lang, on) {
+    const Class = recognitionClass();
+    if (!Class) {
+      on.problem("unsupported");
+      on.end();
+      return { stop() {
+      }, abort() {
+      } };
+    }
+    const r = new Class();
+    r.lang = lang;
+    r.continuous = true;
+    r.interimResults = true;
+    r.onresult = (e) => {
+      let final = "";
+      let interim = "";
+      for (let i = 0; i < e.results.length; i++) {
+        const res = e.results[i];
+        if (res.isFinal) final += res[0].transcript;
+        else interim += res[0].transcript;
+      }
+      on.text(final, interim);
+    };
+    r.onerror = (e) => {
+      if (e.error !== "aborted") on.problem(webSpeechProblem[e.error] ?? "failed");
+    };
+    r.onend = () => on.end();
+    try {
+      r.start();
+    } catch {
+      on.problem("failed");
+      on.end();
+    }
+    return { stop: () => r.stop(), abort: () => r.abort() };
+  }
+};
+let current = webSpeechEngine;
+const dictationEngine = () => current;
+const STOP_GRACE_MS = 2e3;
+class Dictation {
+  /** Which mic button is dictating, or last reported a problem. */
+  owner = null;
+  phase = "idle";
+  startedAt = 0;
+  problem = null;
+  #session = null;
+  #target = null;
+  #grace = null;
+  /** Whether `owner` is listening (or finishing up). */
+  active(owner) {
+    return this.owner === owner && this.phase !== "idle";
+  }
+  start(owner, target, lang = defaultLang()) {
+    if (this.phase !== "idle") this.commit();
+    const engine = dictationEngine();
+    this.owner = owner;
+    this.problem = null;
+    if (!engine.supported()) {
+      this.problem = "unsupported";
+      return;
+    }
+    this.#target = target;
+    target.begin();
+    this.phase = "listening";
+    this.startedAt = Date.now();
+    let session = null;
+    const mine = () => session === null || this.#session === session;
+    session = engine.start(lang, {
+      text: (final, interim) => {
+        if (mine() && this.#target === target) target.show(...tidy(final, interim));
+      },
+      problem: (p) => {
+        if (mine()) this.problem = p;
+      },
+      end: () => {
+        if (mine() && this.#target === target) this.#settle("finish");
+      }
+    });
+    if (this.#target === target) this.#session = session;
+  }
+  /** Stop listening; the last words still arrive, then the box keeps them. */
+  stop() {
+    if (this.phase !== "listening") return;
+    this.phase = "stopping";
+    this.#session?.stop();
+    this.#grace = setTimeout(() => this.#settle("finish"), STOP_GRACE_MS);
+  }
+  /** Keep what is shown now and stop listening. */
+  commit() {
+    if (this.phase !== "idle") this.#settle("finish");
+  }
+  /** Stop listening and put the box back as it was. */
+  cancel() {
+    if (this.phase !== "idle") this.#settle("revert");
+  }
+  dismiss() {
+    this.problem = null;
+  }
+  #settle(how) {
+    const session = this.#session;
+    const target = this.#target;
+    this.#session = null;
+    this.#target = null;
+    if (this.#grace) clearTimeout(this.#grace);
+    this.#grace = null;
+    this.phase = "idle";
+    session?.abort();
+    target?.[how]();
+  }
+}
+const dictation = new Dictation();
+function defaultLang() {
+  return typeof navigator !== "undefined" && navigator.language ? navigator.language : "en-US";
+}
+function tidy(final, interim) {
+  const settled = final.replace(/\s+/g, " ").trim();
+  const forming = interim.replace(/\s+/g, " ").trim();
+  return [settled, settled && forming ? ` ${forming}` : forming];
+}
+const lead = (before) => before && !/\s$/.test(before) ? " " : "";
+const trail = (after) => /^[\p{L}\p{N}]/u.test(after) ? " " : "";
+function fieldTarget(el) {
+  let original = "";
+  let before = "";
+  let after = "";
+  let shown = false;
+  const write = (value, caret) => {
+    el.value = value;
+    try {
+      el.setSelectionRange(caret, caret);
+    } catch {
+    }
+    el.dispatchEvent(new Event("input", { bubbles: true }));
+  };
+  return {
+    begin() {
+      original = el.value;
+      const s = el.selectionStart ?? original.length;
+      const e = el.selectionEnd ?? s;
+      before = original.slice(0, s);
+      after = original.slice(e);
+      shown = false;
+    },
+    show(settled, forming) {
+      const text = settled + forming;
+      if (!text) return;
+      const head = before + lead(before) + text;
+      write(head + trail(after) + after, head.length);
+      shown = true;
+    },
+    // The words are already in the box.
+    finish() {
+    },
+    revert() {
+      if (shown) write(original, before.length);
+      shown = false;
+    }
+  };
+}
+function editableTarget(editor, changed) {
+  let span = null;
+  let replaced = null;
+  let space = "";
+  const caretAfter = (n) => {
+    const r = document.createRange();
+    r.setStartAfter(n);
+    r.collapse(true);
+    const sel = window.getSelection();
+    sel?.removeAllRanges();
+    sel?.addRange(r);
+  };
+  return {
+    begin() {
+      const sel = window.getSelection();
+      let range;
+      if (sel?.rangeCount && editor.contains(sel.getRangeAt(0).startContainer)) {
+        range = sel.getRangeAt(0);
+        replaced = range.extractContents();
+      } else {
+        range = document.createRange();
+        range.selectNodeContents(editor);
+        range.collapse(false);
+        replaced = null;
+      }
+      const head = document.createRange();
+      head.setStart(editor, 0);
+      head.setEnd(range.startContainer, range.startOffset);
+      space = lead(head.toString().replace(/\u00a0/g, " "));
+      span = document.createElement("span");
+      span.dataset.dictation = "";
+      range.insertNode(span);
+    },
+    show(settled, forming) {
+      if (!span) return;
+      const words = document.createTextNode(settled || forming ? space + settled : "");
+      const guess = document.createElement("span");
+      guess.className = "dictation-forming";
+      guess.textContent = forming;
+      span.replaceChildren(words, ...forming ? [guess] : []);
+    },
+    finish() {
+      if (!span) return;
+      const text = span.textContent ?? "";
+      if (text) {
+        const node = document.createTextNode(text);
+        span.replaceWith(node);
+        if (editor.contains(document.activeElement) || document.activeElement === editor) caretAfter(node);
+      } else span.replaceWith(replaced ?? "");
+      span = null;
+      replaced = null;
+    },
+    revert() {
+      span?.replaceWith(replaced ?? "");
+      span = null;
+      replaced = null;
+    }
+  };
+}
+function MicButton($$renderer, $$props) {
+  $$renderer.component(($$renderer2) => {
+    let {
+      field,
+      target,
+      label = "Dictate",
+      size = "md",
+      disabled = false,
+      listening = false
+      /** The box the keyboard shortcut works in. */
+      /** Where the words go, made fresh for each dictation. */
+      /** Out: whether this button is dictating, so the box can make room for the timer. */
+    } = $$props;
+    const owner = {};
+    const stopping = derived(() => listening && dictation.phase === "stopping");
+    const problem = derived(() => dictation.owner === owner ? dictation.problem : null);
+    let now = Date.now();
+    let shortcut = "Ctrl+Shift+Space";
+    const elapsed = derived(() => {
+      const s = Math.max(0, Math.floor((now - dictation.startedAt) / 1e3));
+      return `${Math.floor(s / 60)}:${String(s % 60).padStart(2, "0")}`;
+    });
+    onDestroy(() => {
+      if (dictation.active(owner)) dictation.commit();
+    });
+    $$renderer2.push(`<span class="relative inline-flex shrink-0 items-center gap-1.5 svelte-1uxx7q9">`);
+    if (listening) {
+      $$renderer2.push(`<!--[0--><span class="tabular text-xs text-muted-foreground svelte-1uxx7q9" data-dictation-time="">${escape_html(stopping() ? "Finishing…" : elapsed())}</span>`);
+    } else {
+      $$renderer2.push("<!--[-1-->");
+    }
+    $$renderer2.push(`<!--]--> <button type="button"${attr("aria-label", listening ? "Stop dictating" : label)}${attr("aria-pressed", listening)}${attr("title", listening ? "Stop dictating · Esc cancels" : `${label} (${shortcut}; hold for push-to-talk)`)}${attr("disabled", disabled, true)}${attr("data-dictating", listening ? "" : void 0)}${attr_class(
+      `mic flex shrink-0 cursor-pointer items-center justify-center rounded-full transition-colors disabled:cursor-not-allowed disabled:opacity-30 ${size === "md" ? "size-9" : "size-7"} ${listening ? "bg-danger/10 text-danger" : "text-muted-foreground hover:bg-muted hover:text-foreground"}`,
+      "svelte-1uxx7q9"
+    )}>`);
+    if (listening) {
+      $$renderer2.push("<!--[0-->");
+      Square($$renderer2, {
+        class: size === "md" ? "size-3.5 fill-current" : "size-3 fill-current"
+      });
+    } else {
+      $$renderer2.push("<!--[-1-->");
+      Mic($$renderer2, { class: size === "md" ? "size-4.5" : "size-4" });
+    }
+    $$renderer2.push(`<!--]--></button> <span class="sr-only svelte-1uxx7q9" aria-live="polite">${escape_html(listening ? "Listening" : "")}</span> `);
+    if (problem()) {
+      $$renderer2.push(`<!--[1--><div class="absolute right-0 bottom-full z-30 mb-2 flex w-72 items-start gap-2 rounded-md border bg-popover p-3 text-left text-xs leading-relaxed text-popover-foreground shadow-md svelte-1uxx7q9" role="alert" data-dictation-problem=""><p class="min-w-0 flex-1 svelte-1uxx7q9">${escape_html(problemText[problem()])}</p> <button type="button" class="-m-1 rounded-sm p-1 text-muted-foreground hover:text-foreground svelte-1uxx7q9" aria-label="Dismiss">`);
+      X($$renderer2, { class: "size-3.5" });
+      $$renderer2.push(`<!----></button></div>`);
+    } else {
+      $$renderer2.push("<!--[-1-->");
+    }
+    $$renderer2.push(`<!--]--></span>`);
+    bind_props($$props, { listening });
+  });
+}
+function DictateTextarea($$renderer, $$props) {
+  $$renderer.component(($$renderer2) => {
+    let { value = void 0, class: className, $$slots, $$events, ...rest } = $$props;
+    let ref = null;
+    let listening = false;
+    let $$settled = true;
+    let $$inner_renderer;
+    function $$render_inner($$renderer3) {
+      $$renderer3.push(`<div class="relative w-full min-w-0">`);
+      Textarea($$renderer3, spread_props([
+        { class: cn(className, listening ? "pr-24" : "pr-10") },
+        rest,
+        {
+          get ref() {
+            return ref;
+          },
+          set ref($$value) {
+            ref = $$value;
+            $$settled = false;
+          },
+          get value() {
+            return value;
+          },
+          set value($$value) {
+            value = $$value;
+            $$settled = false;
+          }
+        }
+      ]));
+      $$renderer3.push(`<!----> <div class="absolute right-1.5 bottom-1.5">`);
+      MicButton($$renderer3, {
+        field: ref,
+        target: () => fieldTarget(ref),
+        size: "sm",
+        disabled: !!rest.disabled,
+        get listening() {
+          return listening;
+        },
+        set listening($$value) {
+          listening = $$value;
+          $$settled = false;
+        }
+      });
+      $$renderer3.push(`<!----></div></div>`);
+    }
+    do {
+      $$settled = true;
+      $$inner_renderer = $$renderer2.copy();
+      $$render_inner($$inner_renderer);
+    } while (!$$settled);
+    $$renderer2.subsume($$inner_renderer);
+    bind_props($$props, { value });
+  });
+}
+function PreviewFeedback($$renderer, $$props) {
+  $$renderer.component(($$renderer2) => {
+    const id = props_id($$renderer2);
+    let { taskId, url, rows = 2, onsent } = $$props;
+    let text = "";
+    let sending = false;
+    let error = null;
+    let sent = null;
+    async function send() {
+      if (!text.trim() || sending) return;
+      sending = true;
+      error = null;
+      const r = await sendToInbox(feedbackNote(url, text), page.data.sessionToken, taskId);
+      sending = false;
+      if (!r.ok) {
+        error = r.error;
+        return;
+      }
+      sent = { at: (/* @__PURE__ */ new Date()).toISOString(), pending: !!r.pending };
+      text = "";
+      onsent?.();
+    }
+    function onkeydown(e) {
+      if (e.key === "Enter" && (e.metaKey || e.ctrlKey)) {
+        e.preventDefault();
+        void send();
+      }
+    }
+    let $$settled = true;
+    let $$inner_renderer;
+    function $$render_inner($$renderer3) {
+      $$renderer3.push(`<form class="mt-3" data-preview-feedback=""><label class="text-xs font-medium text-muted-foreground"${attr("for", `feedback-${id}`)}>Feedback on this preview</label> `);
+      DictateTextarea($$renderer3, {
+        id: `feedback-${id}`,
+        onkeydown,
+        rows,
+        maxlength: 8e3,
+        placeholder: "What should change? It goes to the worker through Firstmate.",
+        class: "mt-1 min-h-14 text-sm",
+        get value() {
+          return text;
+        },
+        set value($$value) {
+          text = $$value;
+          $$settled = false;
+        }
+      });
+      $$renderer3.push(`<!----> <div class="mt-2 flex flex-wrap items-center gap-x-3 gap-y-1">`);
+      Button($$renderer3, {
+        type: "submit",
+        size: "sm",
+        disabled: !text.trim() || sending,
+        children: ($$renderer4) => {
+          Send($$renderer4, {});
+          $$renderer4.push(`<!---->${escape_html(sending ? "Sending…" : "Send feedback")}`);
+        },
+        $$slots: { default: true }
+      });
+      $$renderer3.push(`<!----> `);
+      if (error) {
+        $$renderer3.push(`<!--[0--><p class="text-xs text-danger" role="alert">${escape_html(error)}</p>`);
+      } else if (sent) {
+        $$renderer3.push(`<!--[1--><p class="text-xs text-muted-foreground" role="status" data-feedback-sent="">${escape_html(sent.pending ? `Saved at ${clock(sent.at)}; Wheelhouse is confirming Firstmate has it.` : `Sent at ${clock(sent.at)}. Firstmate passes it to the worker.`)}</p>`);
+      } else {
+        $$renderer3.push(`<!--[-1--><p class="text-xs text-muted-foreground">⌘/Ctrl+Enter sends; the mic dictates.</p>`);
+      }
+      $$renderer3.push(`<!--]--></div></form>`);
+    }
+    do {
+      $$settled = true;
+      $$inner_renderer = $$renderer2.copy();
+      $$render_inner($$inner_renderer);
+    } while (!$$settled);
+    $$renderer2.subsume($$inner_renderer);
+  });
+}
+function LivePreview($$renderer, $$props) {
+  $$renderer.component(($$renderer2) => {
+    let {
+      taskId,
+      compact = false,
+      fill = false,
+      feedback = true,
+      toolbar = true,
+      onfullscreen,
+      onopen
+    } = $$props;
+    const url = derived(() => null);
+    $$renderer2.push(`<div${attr_class(`min-w-0 ${fill ? "flex h-full flex-col" : ""}`)}${attr("data-live-preview", "checking")}>`);
+    if (toolbar) {
+      $$renderer2.push(`<!--[0--><div class="flex items-center gap-2 text-xs text-muted-foreground"><span class="min-w-0 flex-1 truncate font-mono"${attr("title", url() ?? void 0)}>${escape_html(url() ?? "Live preview")}</span> `);
+      {
+        $$renderer2.push("<!--[-1-->");
+      }
+      $$renderer2.push(`<!--]--> `);
+      {
+        $$renderer2.push("<!--[-1-->");
+      }
+      $$renderer2.push(`<!--]--></div>`);
+    } else {
+      $$renderer2.push("<!--[-1-->");
+    }
+    $$renderer2.push(`<!--]--> <div${attr_class(`group relative w-full overflow-hidden bg-muted/40 ${toolbar ? "mt-1.5 rounded-lg border" : ""} ${compact ? "aspect-[16/10]" : fill ? "min-h-0 flex-1" : "h-40"}`)}>`);
+    {
+      $$renderer2.push(`<!--[-1--><div class="grid size-full place-items-center p-4 text-center text-muted-foreground"><div>`);
+      {
+        $$renderer2.push(`<!--[0--><p class="text-sm">Checking the preview…</p>`);
+      }
+      $$renderer2.push(`<!--]--></div></div>`);
+    }
+    $$renderer2.push(`<!--]--></div> `);
+    if (feedback && url()) {
+      $$renderer2.push("<!--[0-->");
+      PreviewFeedback($$renderer2, { taskId, url: url() });
+    } else {
+      $$renderer2.push("<!--[-1-->");
+    }
+    $$renderer2.push(`<!--]--></div>`);
+  });
+}
+const DEFAULT_TAB = "stages";
+function taskTabs(o) {
+  const counted = (n) => n ? { count: n } : {};
+  return [
+    { id: "stages", label: "Stages" },
+    ...o.preview ? [{ id: "preview", label: "Live preview" }] : [],
+    ...o.build ? [
+      { id: "talk", label: "Conversation", ...counted(o.build.talk) },
+      { id: "checks", label: "Checks" },
+      { id: "docs", label: "Docs", ...counted(o.build.docs) }
+    ] : [],
+    { id: "screenshots", label: "Screenshots", ...counted(o.shots) },
+    ...o.plugins.map((p) => ({ id: `plugin:${p.key}`, label: p.title })),
+    { id: "log", label: "Log" }
+  ];
+}
+const pickTab = (want, tabs) => want && tabs.some((t) => t.id === want) ? want : DEFAULT_TAB;
+const openByDefault = (s) => s.state === "current";
+const hasDetail = (s) => s.state === "done" || s.state === "current" || !!s.note;
+const plural = (n, one, many = `${one}s`) => `${n} ${n === 1 ? one : many}`;
+function stepGist(s, task, ev) {
+  if (s.state === "skipped") return s.note;
+  if (s.state === "upcoming") return null;
+  const parts = [];
+  for (const id of s.evidence) {
+    if (id === "files" && ev?.files.available) {
+      const n = ev.files.value.total;
+      parts.push(n ? `${plural(n, "file")} changed` : "No changes yet");
+    } else if (id === "pr" && (ev?.pr.available || task.pr)) {
+      const pr = ev?.pr.available ? ev.pr.value : null;
+      const n = pr?.number ?? task.pr?.number ?? null;
+      const state = pr ? pr.draft ? "draft" : pr.state : null;
+      parts.push(`Pull request${n ? ` #${n}` : ""}${state ? ` ${state}` : ""}`);
+    } else if (id === "screenshots" && ev?.screenshots.available && ev.screenshots.value.length) {
+      parts.push(plural(ev.screenshots.value.length, "screenshot"));
+    } else if (id === "report" && ev?.report.available) {
+      parts.push("Report written");
+    } else if (id === "validation" && s.state === "done") {
+      parts.push("Checks passed");
+    }
+  }
+  return parts.length ? parts.join(" · ") : s.note;
+}
+const STATUS = {
+  sending: "Sending…",
+  uncertain: "Confirming Firstmate has it…",
+  "saved-unannounced": "Saved; Firstmate reads it at its next check",
+  delivered: "Sent to Firstmate",
+  failed: "Not delivered"
+};
+function previewThread(messages, taskId) {
+  return messages.filter((m) => m.taskId === taskId && FEEDBACK_PREFIX.test(m.text)).map((m) => ({
+    id: m.requestId,
+    text: m.text.replace(FEEDBACK_PREFIX, ""),
+    at: m.submittedAt,
+    status: m.delivery === "delivered" && m.acknowledged ? "Firstmate has it" : STATUS[m.delivery],
+    failed: m.delivery === "failed",
+    reply: m.reply?.body ?? null
+  }));
+}
+function PreviewStudio($$renderer, $$props) {
+  $$renderer.component(($$renderer2) => {
+    let { taskId, title, url, feedback = true, onclose } = $$props;
+    let panel = true;
+    let thread = [];
+    let threadError = null;
+    let list = null;
+    async function loadThread() {
+      try {
+        const r = await fetch("/api/firstmate/messages");
+        if (!r.ok) throw new Error(String(r.status));
+        const v = await r.json();
+        const next = previewThread(v.messages, taskId);
+        const grew = next.length > thread.length;
+        thread = next;
+        threadError = v.available ? null : v.reason;
+        if (grew) requestAnimationFrame(() => list?.scrollTo({ top: list.scrollHeight }));
+      } catch {
+        threadError = "Could not read what was sent; Wheelhouse will try again.";
+      }
+    }
+    $$renderer2.push(`<div class="fixed inset-0 z-50 flex flex-col bg-background outline-none" role="dialog" aria-modal="true"${attr("aria-label", `Live preview of ${stringify(title)}, full screen`)} tabindex="-1" data-preview-studio=""><div class="flex h-12 shrink-0 items-center gap-3 border-b px-3 sm:px-4"><p class="min-w-0 flex-1 truncate text-sm"><span class="font-medium">${escape_html(title)}</span> <span class="text-muted-foreground">· Live preview</span></p> `);
+    if (feedback) {
+      $$renderer2.push("<!--[0-->");
+      {
+        $$renderer2.push(`<!--[0--><button type="button" class="inline-flex items-center gap-1.5 rounded-md px-2 py-1 text-xs text-muted-foreground hover:bg-accent hover:text-foreground">`);
+        Panel_right_close($$renderer2, { class: "size-4", "aria-hidden": "true" });
+        $$renderer2.push(`<!---->Hide comments</button>`);
+      }
+      $$renderer2.push(`<!--]-->`);
+    } else {
+      $$renderer2.push("<!--[-1-->");
+    }
+    $$renderer2.push(`<!--]--> <button type="button" class="inline-flex items-center gap-1.5 rounded-md px-2 py-1 text-xs hover:bg-accent" aria-label="Close full screen (Esc)" title="Close (Esc)">`);
+    X($$renderer2, { class: "size-4", "aria-hidden": "true" });
+    $$renderer2.push(`<!---->Close</button></div> <div class="relative flex min-h-0 flex-1"><div class="min-w-0 flex-1 p-3">`);
+    LivePreview($$renderer2, { taskId, fill: true, feedback: false });
+    $$renderer2.push(`<!----></div> `);
+    if (feedback && panel) {
+      $$renderer2.push(`<!--[0--><aside class="flex min-h-0 w-[22rem] shrink-0 flex-col border-l bg-panel xl:w-96" aria-label="Feedback on this preview"><div class="border-b px-4 py-3"><h2 class="flex items-center gap-2 text-sm font-medium">`);
+      Message_square($$renderer2, { class: "size-4 text-muted-foreground", "aria-hidden": "true" });
+      $$renderer2.push(`<!---->Feedback</h2> <p class="mt-0.5 text-xs text-muted-foreground">Goes to the worker through Firstmate.</p></div> <ol class="no-scrollbar min-h-0 flex-1 space-y-4 overflow-y-auto px-4 py-4" aria-label="Sent from this preview" data-preview-thread="">`);
+      const each_array = ensure_array_like(thread);
+      if (each_array.length !== 0) {
+        $$renderer2.push("<!--[-->");
+        for (let $$index = 0, $$length = each_array.length; $$index < $$length; $$index++) {
+          let c = each_array[$$index];
+          $$renderer2.push(`<li><p class="text-sm leading-relaxed whitespace-pre-line">${escape_html(c.text)}</p> <p${attr_class(`mt-1 text-xs ${c.failed ? "text-danger" : "text-muted-foreground"}`)}>${escape_html(clock(c.at))} · ${escape_html(c.status)}</p> `);
+          if (c.reply) {
+            $$renderer2.push(`<!--[0--><p class="mt-2 rounded-lg bg-muted px-3 py-2 text-sm leading-relaxed whitespace-pre-line"><span class="font-medium">Firstmate:</span> ${escape_html(c.reply)}</p>`);
+          } else {
+            $$renderer2.push("<!--[-1-->");
+          }
+          $$renderer2.push(`<!--]--></li>`);
+        }
+      } else {
+        $$renderer2.push(`<!--[!--><li class="pt-6 text-sm text-muted-foreground">Nothing sent from this preview yet.<br/>Say what should change, as you look.</li>`);
+      }
+      $$renderer2.push(`<!--]--> `);
+      if (threadError) {
+        $$renderer2.push(`<!--[0--><li class="text-xs text-warning">${escape_html(threadError)}</li>`);
+      } else {
+        $$renderer2.push("<!--[-1-->");
+      }
+      $$renderer2.push(`<!--]--></ol> <div class="border-t px-4 pt-1 pb-4">`);
+      PreviewFeedback($$renderer2, { taskId, url, rows: 3, onsent: loadThread });
+      $$renderer2.push(`<!----></div></aside>`);
+    } else if (feedback) {
+      $$renderer2.push(`<!--[1--><button type="button" class="absolute right-5 bottom-5 inline-flex items-center gap-2 rounded-full border bg-background px-4 py-2 text-sm font-medium shadow-lg hover:bg-accent">`);
+      Message_square($$renderer2, { class: "size-4", "aria-hidden": "true" });
+      $$renderer2.push(`<!---->Comments${escape_html(thread.length ? ` (${thread.length})` : "")}</button>`);
+    } else {
+      $$renderer2.push("<!--[-1-->");
+    }
+    $$renderer2.push(`<!--]--></div></div>`);
+  });
+}
+function ResizableRail($$renderer, $$props) {
+  $$renderer.component(($$renderer2) => {
+    let {
+      storageKey,
+      label,
+      defaultWidth = 368,
+      class: className = "",
+      side = "right",
+      children
+      /** Which edge of the view the panel docks to; the handle sits on the other edge. */
+      /** What the resize handle is called, for assistive technology. */
+    } = $$props;
+    let width = defaultWidth;
+    $$renderer2.push(`<div${attr_class(`relative shrink-0 ${side === "left" ? "border-r" : "border-l"} ${stringify(className)}`)}${attr_style(`width: ${stringify(width)}px`)}><div role="separator" aria-orientation="vertical"${attr("aria-label", label)}${attr("aria-valuenow", width)} tabindex="0"${attr_class(`group absolute inset-y-0 ${side === "left" ? "-right-1.5" : "-left-1.5"} z-10 w-3 cursor-col-resize touch-none outline-none`)}><span class="absolute inset-y-0 left-1/2 w-px -translate-x-1/2 bg-transparent transition-colors group-hover:bg-sea group-focus-visible:bg-sea"></span> <span class="absolute top-1/2 left-1/2 h-8 w-1 -translate-1/2 rounded-full bg-border transition-colors group-hover:bg-sea"></span></div> `);
+    children($$renderer2);
+    $$renderer2.push(`<!----></div>`);
+  });
+}
+
+export { Circle_check as C, LivePreview as L, MicButton as M, OpenDecision as O, PreviewStudio as P, ResizableRail as R, Square as S, editableTarget as e, hasDetail as h, openByDefault as o, pickTab as p, stepGist as s, taskTabs as t };
+//# sourceMappingURL=ResizableRail.js-BmMh1aVL.js.map