@chrisjowen/wheelhouse 0.2.0 → 0.2.1

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

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