@chrisjowen/wheelhouse 0.1.0 → 0.2.0

package/build/server/chunks/chunks/QuestionList.js-CppuauNj.js

@@ -0,0 +1,187 @@
+import { a8 as ensure_array_like, ak as attr_class, am as attr, al as escape_html, an as stringify, ap as attr_style, a6 as bind_props, _ as derived } from './index.js-B0NFhRTN.js';
+import { S as Square_terminal } from './square-terminal.js-D9D9_9_V.js';
+import { X } from './x.js-YxaUOlq9.js';
+import { M as Maximize_2 } from './StageTrack.js-DHvZX7Bl.js';
+
+const NO_SCREENSHOTS = "No screenshots saved";
+const NO_PREVIEW = "No live preview reported";
+const NO_PR = "No pull request recorded";
+const awaitingReview = (t) => t.attention?.owner === "captain" && t.attention.kind === "review";
+function shotsText(count) {
+  if (count <= 0) return NO_SCREENSHOTS;
+  return `${count} ${count === 1 ? "screenshot" : "screenshots"}`;
+}
+function reviewView(t, shots = null) {
+  const list = shots ?? [];
+  const count = shots ? list.length : t.screenshots;
+  const preview = t.preview?.url ?? t.passage.link?.url ?? null;
+  return {
+    shots: list,
+    shotsText: shotsText(count),
+    preview: preview ? { url: preview } : null,
+    previewText: preview ? "Live preview" : NO_PREVIEW,
+    pr: t.pr ? { url: t.pr.url, label: t.pr.number ? `PR #${t.pr.number}` : "Pull request" } : null,
+    prText: t.pr ? t.pr.number ? `PR #${t.pr.number}` : "Pull request" : NO_PR
+  };
+}
+const MIN_CONSOLE_COLS = 80;
+const CONSOLE_LINE_HEIGHT = 1.45;
+const MIN_FONT_PX = 11;
+const MAX_FONT_PX = 32;
+function consoleColumns(lines) {
+  let widest = 0;
+  for (const line of lines) widest = Math.max(widest, [...line.trimEnd()].length);
+  return Math.max(MIN_CONSOLE_COLS, widest);
+}
+function fitConsole(opts) {
+  const lineHeight = opts.lineHeight ?? CONSOLE_LINE_HEIGHT;
+  const cols = Math.max(1, Math.floor(opts.cols));
+  const ideal = opts.width / (cols * opts.charWidth);
+  const bounded = Number.isFinite(ideal) ? Math.min(MAX_FONT_PX, Math.max(MIN_FONT_PX, ideal)) : 13;
+  const fontSize = Math.floor(bounded * 10) / 10;
+  const rows = Math.max(1, Math.floor(Math.max(0, opts.height) / (fontSize * lineHeight)));
+  return { fontSize, cols, rows };
+}
+function ConsoleFullscreen($$renderer, $$props) {
+  $$renderer.component(($$renderer2) => {
+    let { task, open = false } = $$props;
+    const PAD_X = 16;
+    let width = 0;
+    let height = 0;
+    let charWidth = 0.6;
+    const lines = derived(() => []);
+    const fit = derived(() => fitConsole({
+      width: width - 2 * PAD_X,
+      height: height - 2 * PAD_X,
+      cols: consoleColumns(lines()),
+      charWidth
+    }));
+    $$renderer2.push(`<dialog class="m-0 h-dvh max-h-none w-dvw max-w-none overflow-hidden bg-terminal p-0 text-terminal-foreground backdrop:bg-black/70"${attr("aria-label", `${stringify(task.shortTitle)}: live console`)}${attr("data-console-fullscreen", task.id)}>`);
+    if (open) {
+      $$renderer2.push(`<!--[0--><div class="flex h-full flex-col"><div class="flex shrink-0 items-center gap-2 border-b border-terminal-foreground/15 px-4 py-2.5 text-sm sm:px-6">`);
+      Square_terminal($$renderer2, {
+        class: "size-4 text-terminal-foreground/70",
+        "aria-hidden": "true"
+      });
+      $$renderer2.push(`<!----> <span class="min-w-0 truncate font-medium">${escape_html(task.shortTitle)}</span> <span class="hidden text-terminal-foreground/60 sm:inline">· live console, read-only${escape_html("")}</span> <span class="ml-auto hidden text-xs text-terminal-foreground/60 sm:inline">Esc to close</span> <button type="button" class="-mr-2 flex size-8 items-center justify-center rounded-md text-terminal-foreground/80 hover:bg-terminal-foreground/10 hover:text-terminal-foreground sm:ml-2" aria-label="Close the full-screen console">`);
+      X($$renderer2, { class: "size-4" });
+      $$renderer2.push(`<!----></button></div> <div class="flex min-h-0 flex-1 flex-col overflow-auto font-mono">`);
+      if (lines().length) {
+        $$renderer2.push(`<!--[0--><pre class="mt-auto whitespace-pre"${attr("data-cols", fit().cols)}${attr("data-rows", fit().rows)} aria-label="The worker’s terminal"${attr_style("", {
+          padding: "16px",
+          "font-size": `${stringify(fit().fontSize)}px`,
+          "line-height": CONSOLE_LINE_HEIGHT
+        })}>${escape_html(lines().join("\n"))}</pre>`);
+      } else {
+        $$renderer2.push(`<!--[-1--><p class="grid flex-1 place-items-center px-4 text-center font-sans text-sm text-terminal-foreground/60">`);
+        {
+          $$renderer2.push(`<!--[1-->Reading the worker’s terminal…`);
+        }
+        $$renderer2.push(`<!--]--></p>`);
+      }
+      $$renderer2.push(`<!--]--></div></div>`);
+    } else {
+      $$renderer2.push("<!--[-1-->");
+    }
+    $$renderer2.push(`<!--]--></dialog>`);
+    bind_props($$props, { open });
+  });
+}
+function ConsoleWindow($$renderer, $$props) {
+  $$renderer.component(($$renderer2) => {
+    let {
+      task,
+      lines = 12,
+      class: cls = "",
+      onsample
+      /** Called with the latest meaningful console line, for the card's "Now:" line. */
+    } = $$props;
+    let full = false;
+    let $$settled = true;
+    let $$inner_renderer;
+    function $$render_inner($$renderer3) {
+      $$renderer3.push(`<div${attr_class(`group/console relative z-10 flex aspect-[16/10] flex-col overflow-hidden rounded-sm border bg-terminal text-terminal-foreground ${stringify(cls)}`)}${attr("data-console", task.id)}><button type="button" class="absolute inset-0 z-10 rounded-[inherit] focus-visible:ring-3 focus-visible:ring-ring/60 focus-visible:outline-none"${attr("aria-label", `Open ${stringify(task.shortTitle)}’s live console full screen`)} title="Open full screen"></button> <div class="flex items-center gap-1.5 border-b border-terminal-foreground/10 px-3 py-1.5 text-xs text-terminal-foreground/60">`);
+      Square_terminal($$renderer3, { class: "size-3", "aria-hidden": "true" });
+      $$renderer3.push(`<!----> <span>Live console</span> <span class="ml-auto">read-only${escape_html("")}</span> `);
+      Maximize_2($$renderer3, {
+        class: "size-3.5 text-terminal-foreground/60 transition-colors group-hover/console:text-terminal-foreground",
+        "aria-hidden": "true"
+      });
+      $$renderer3.push(`<!----></div> `);
+      {
+        $$renderer3.push(`<!--[-1--><p class="grid flex-1 place-items-center px-4 text-center text-xs text-terminal-foreground/60">`);
+        {
+          $$renderer3.push(`<!--[1-->Reading the worker’s terminal…`);
+        }
+        $$renderer3.push(`<!--]--></p>`);
+      }
+      $$renderer3.push(`<!--]--></div> `);
+      ConsoleFullscreen($$renderer3, {
+        task,
+        get open() {
+          return full;
+        },
+        set open($$value) {
+          full = $$value;
+          $$settled = false;
+        }
+      });
+      $$renderer3.push(`<!---->`);
+    }
+    do {
+      $$settled = true;
+      $$inner_renderer = $$renderer2.copy();
+      $$render_inner($$inner_renderer);
+    } while (!$$settled);
+    $$renderer2.subsume($$inner_renderer);
+  });
+}
+function QuestionList($$renderer, $$props) {
+  let { questions, size = "page" } = $$props;
+  let opened = {};
+  const STATUS = {
+    waiting: {
+      label: "Waiting on Firstmate",
+      class: "bg-warning/10 text-warning"
+    },
+    answered: { label: "Answered", class: "bg-success/10 text-success" },
+    closed: {
+      label: "Closed without an answer",
+      class: "bg-muted text-muted-foreground"
+    }
+  };
+  $$renderer.push(`<ol class="space-y-2" data-questions=""><!--[-->`);
+  const each_array = ensure_array_like(questions);
+  for (let i = 0, $$length = each_array.length; i < $$length; i++) {
+    let q = each_array[i];
+    $$renderer.push(`<li${attr_class(`rounded-md border border-hair bg-card ${size === "card" ? "px-2.5 py-2 text-xs" : "px-3 py-2.5 text-sm"}`)}${attr("data-question", q.status)}><div class="flex flex-wrap items-baseline justify-between gap-x-3 gap-y-1"><p class="text-xs text-muted-foreground">Question ${escape_html(i + 1)}${escape_html(q.where ? ` · ${q.where}` : "")}${escape_html(q.serious ? " · marked serious" : "")}</p> <span${attr_class(`rounded-full px-2 py-0.5 text-xs font-medium ${stringify(STATUS[q.status].class)}`)}>${escape_html(STATUS[q.status].label)}</span></div> <p class="mt-1 leading-relaxed">${escape_html(q.summary)}</p> `);
+    if (q.detail) {
+      $$renderer.push("<!--[0-->");
+      if (opened[q.id]) {
+        $$renderer.push(`<!--[0--><p class="mt-1.5 leading-relaxed whitespace-pre-line text-muted-foreground" data-question-detail="">${escape_html(q.detail)}</p>`);
+      } else {
+        $$renderer.push("<!--[-1-->");
+      }
+      $$renderer.push(`<!--]--> <button type="button" class="mt-1 text-xs text-muted-foreground hover:text-foreground hover:underline"${attr("aria-expanded", !!opened[q.id])}>${escape_html(opened[q.id] ? "Show less" : "Show the whole question")}</button>`);
+    } else {
+      $$renderer.push("<!--[-1-->");
+    }
+    $$renderer.push(`<!--]--> `);
+    if (q.verdict) {
+      $$renderer.push(`<!--[0--><div class="mt-2 border-l-2 border-brass/60 pl-2.5" data-question-call=""><p class="text-xs text-muted-foreground">Firstmate decided: <span class="font-medium text-foreground">${escape_html(q.verdict)}</span></p> `);
+      if (q.reason) {
+        $$renderer.push(`<!--[0--><p class="mt-0.5 leading-relaxed">${escape_html(q.reason)}</p>`);
+      } else {
+        $$renderer.push("<!--[-1-->");
+      }
+      $$renderer.push(`<!--]--></div>`);
+    } else {
+      $$renderer.push("<!--[-1-->");
+    }
+    $$renderer.push(`<!--]--></li>`);
+  }
+  $$renderer.push(`<!--]--></ol>`);
+}
+
+export { ConsoleWindow as C, QuestionList as Q, awaitingReview as a, ConsoleFullscreen as b, reviewView as r };
+//# sourceMappingURL=QuestionList.js-CppuauNj.js.map

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

@@ -0,0 +1,395 @@
+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, ao as props_id, _ as derived } 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-B1YgF5EF.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 } from './button.js-BF2PsvWw.js';
+import { D as DictateTextarea } from './DictateTextarea.js-CbkGsd1h.js';
+import { s as sendToInbox } from './chat.svelte.js--pRzj_Xo.js';
+import { X } from './x.js-YxaUOlq9.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 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 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 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, OpenDecision as O, PreviewStudio as P, ResizableRail as R, hasDetail as h, openByDefault as o, pickTab as p, stepGist as s, taskTabs as t };
+//# sourceMappingURL=ResizableRail.js-BS8hRLV0.js.map

package/build/server/chunks/chunks/SettingsNav.js-BtJIv5cc.js

@@ -0,0 +1,22 @@
+import { a8 as ensure_array_like, am as attr, al as escape_html } from './index.js-B0NFhRTN.js';
+import { p as page } from './index2.js-Bxt1T6_K.js';
+
+function SettingsNav($$renderer, $$props) {
+  $$renderer.component(($$renderer2) => {
+    const pages = [
+      { href: "/settings/gateway", label: "Gateway" },
+      { href: "/settings/plugins", label: "Plugins" }
+    ];
+    const here = (href) => page.url.pathname === href || page.url.pathname.startsWith(`${href}/`);
+    $$renderer2.push(`<nav class="-ml-2.5 no-scrollbar flex gap-1 overflow-x-auto" aria-label="Settings"><!--[-->`);
+    const each_array = ensure_array_like(pages);
+    for (let $$index = 0, $$length = each_array.length; $$index < $$length; $$index++) {
+      let p = each_array[$$index];
+      $$renderer2.push(`<a${attr("href", p.href)}${attr("aria-current", here(p.href) ? "page" : void 0)} class="nav-tab shrink-0">${escape_html(p.label)}</a>`);
+    }
+    $$renderer2.push(`<!--]--></nav>`);
+  });
+}
+
+export { SettingsNav as S };
+//# sourceMappingURL=SettingsNav.js-BtJIv5cc.js.map