@chrisjowen/wheelhouse 0.1.0 → 0.2.0

package/build/server/chunks/chunks/DecisionCard.js-B1YgF5EF.js

@@ -0,0 +1,446 @@
+import { am as attr, an as stringify, ak as attr_class, al as escape_html, a8 as ensure_array_like, a6 as bind_props, _ as derived, ac as spread_props } from './index.js-B0NFhRTN.js';
+import { a as ago } from './format.js-D3lWEg6U.js';
+import './markdown.js-CApgGpeX.js';
+import { f as choiceLabel, W as WRITTEN_MAX, m as callName, n as callRef, r as resolvePicks, u as unpicked, b as closable } from './inbox.js-Dv8a1ecX.js';
+import { L as LinkedText, H as Hammer } from './LinkedText.js-COjHV297.js';
+import { d as docHref } from './docpath.js-D27w_pf9.js';
+import { F as File_text } from './file-text.js-CnuVvHlB.js';
+import { C as Chevron_down } from './chevron-down.js-CH53s_me.js';
+import { G as Git_pull_request } from './git-pull-request.js-BMzktlcs.js';
+import { M as Monitor_play } from './monitor-play.js-4ed3ghDf.js';
+import { E as External_link } from './external-link.js-BQs1euhR.js';
+import { I as Icon } from './Icon.js-CVZZ-yuB.js';
+import { C as Clock } from './clock.js-CHhHTWK_.js';
+import { X } from './x.js-YxaUOlq9.js';
+import { H as Hand } from './hand.js-BA9yKAan.js';
+import { S as Scale } from './scale.js-S5g8YUqL.js';
+
+function Octagon_alert($$renderer, $$props) {
+  let { $$slots, $$events, ...props } = $$props;
+  const iconData = {
+    "name": "octagon-alert",
+    "size": 24,
+    "node": [
+      ["path", { "d": "M12 16h.01" }],
+      ["path", { "d": "M12 8v4" }],
+      [
+        "path",
+        {
+          "d": "M15.312 2a2 2 0 0 1 1.414.586l4.688 4.688A2 2 0 0 1 22 8.688v6.624a2 2 0 0 1-.586 1.414l-4.688 4.688a2 2 0 0 1-1.414.586H8.688a2 2 0 0 1-1.414-.586l-4.688-4.688A2 2 0 0 1 2 15.312V8.688a2 2 0 0 1 .586-1.414l4.688-4.688A2 2 0 0 1 8.688 2z"
+        }
+      ]
+    ],
+    "aliases": ["alert-octagon"]
+  };
+  Icon($$renderer, spread_props([props, { icon: iconData }]));
+}
+function Skip_forward($$renderer, $$props) {
+  let { $$slots, $$events, ...props } = $$props;
+  const iconData = {
+    "name": "skip-forward",
+    "size": 24,
+    "node": [
+      ["path", { "d": "M21 4v16" }],
+      [
+        "path",
+        {
+          "d": "M6.029 4.285A2 2 0 0 0 3 6v12a2 2 0 0 0 3.029 1.715l9.997-5.998a2 2 0 0 0 .003-3.432z"
+        }
+      ]
+    ]
+  };
+  Icon($$renderer, spread_props([props, { icon: iconData }]));
+}
+function Thumbs_up($$renderer, $$props) {
+  let { $$slots, $$events, ...props } = $$props;
+  const iconData = {
+    "name": "thumbs-up",
+    "size": 24,
+    "node": [
+      [
+        "path",
+        {
+          "d": "M15 5.88 14 10h5.83a2 2 0 0 1 1.92 2.56l-2.33 8A2 2 0 0 1 17.5 22H4a2 2 0 0 1-2-2v-8a2 2 0 0 1 2-2h2.76a2 2 0 0 0 1.79-1.11L12 2a3.13 3.13 0 0 1 3 3.88Z"
+        }
+      ],
+      ["path", { "d": "M7 10v12" }]
+    ]
+  };
+  Icon($$renderer, spread_props([props, { icon: iconData }]));
+}
+function DecisionCard($$renderer, $$props) {
+  $$renderer.component(($$renderer2) => {
+    let {
+      card,
+      project = null,
+      active = false,
+      expanded = false,
+      shortcuts = false,
+      canAnswer = true,
+      error = null,
+      note = "",
+      picks = {},
+      now,
+      onAnswer,
+      onLater,
+      onClose,
+      onToggle,
+      onFocus,
+      extra
+    } = $$props;
+    const KIND = {
+      review: { label: "Review question", icon: Scale },
+      decision: { label: "Decision", icon: Hand },
+      blocked: { label: "Stuck", icon: Octagon_alert },
+      hold: { label: "Your call", icon: Hand },
+      merge: { label: "Merge call", icon: Git_pull_request },
+      preview: { label: "Preview sign-off", icon: Monitor_play }
+    };
+    const ICON = { approve: Thumbs_up, fix: Hammer, skip: Skip_forward };
+    const KEY = { approve: "a", fix: "f", skip: "s" };
+    const kind = derived(() => KIND[card.kind]);
+    const rec = derived(() => card.recommendation);
+    const ev = derived(() => card.evidence);
+    const href = derived(() => `/tasks/${encodeURIComponent(card.taskId)}`);
+    const meaning = (c) => card.options.find((o) => o.choice === c)?.meaning ?? "";
+    const canClose = derived(() => !!onClose && closable(card));
+    const CLOSE_MEANING = "No answer needed: Firstmate records it closed.";
+    const choices = derived(() => card.choices);
+    const heading = derived(() => choices()?.intro || card.question);
+    const chosen = derived(() => choices() ? resolvePicks(choices(), picks) : {});
+    const missing = derived(() => choices() ? unpicked(choices(), picks) : []);
+    const inRow = (call) => call.options.every((o) => !o.detail && o.label.length <= 28);
+    const hasEvidence = derived(() => !!(ev().text || ev().findings.length || ev().pr || ev().preview || ev().screenshots.length || ev().file || choices()));
+    let report = { open: false };
+    $$renderer2.push(`<article${attr("id", `card-${stringify(card.id)}`)}${attr_class(`scroll-mt-24 rounded-lg border border-l-[3px] bg-card text-card-foreground transition-shadow ${card.owner === "captain" ? "border-l-sea" : "border-l-brass"} ${active ? "shadow-[0_0_0_2px_var(--ring)]" : ""} px-4 pt-3.5 pb-3 sm:px-5`)}${attr("aria-current", active ? "true" : void 0)}><header class="flex flex-wrap items-center gap-x-2 gap-y-1">`);
+    if (project) {
+      $$renderer2.push(`<!--[0--><span class="rounded-sm border px-1.5 text-[0.95rem] leading-[1.15rem] font-semibold tracking-[0.08em] text-muted-foreground [font-variant-caps:all-small-caps]">${escape_html(project)}</span>`);
+    } else {
+      $$renderer2.push("<!--[-1-->");
+    }
+    $$renderer2.push(`<!--]--> <span${attr_class(`flex items-center gap-1 rounded px-1.5 text-xs leading-[1.15rem] font-medium ${card.owner === "captain" ? "bg-sea/10 text-sea" : "bg-muted text-foreground/80"}`)}>`);
+    if (kind().icon) {
+      $$renderer2.push("<!--[-->");
+      kind().icon($$renderer2, { class: "size-3", "aria-hidden": "true" });
+      $$renderer2.push("<!--]-->");
+    } else {
+      $$renderer2.push("<!--[!-->");
+      $$renderer2.push("<!--]-->");
+    }
+    $$renderer2.push(`${escape_html(kind().label)}</span> <span class="text-xs text-muted-foreground">${escape_html(card.owner === "captain" ? "Waiting on you" : "With Firstmate; yours to call if you want")}</span> `);
+    if (card.askedAt) {
+      $$renderer2.push(`<!--[0--><span class="ml-auto text-xs text-muted-foreground tabular-nums">${escape_html(ago(card.askedAt, now))}</span>`);
+    } else {
+      $$renderer2.push("<!--[-1-->");
+    }
+    $$renderer2.push(`<!--]--></header> <h3 class="mt-2 font-sans text-base leading-snug font-medium text-foreground sm:text-[1.05rem]">`);
+    LinkedText($$renderer2, { text: heading() });
+    $$renderer2.push(`<!----></h3> <a${attr("href", href())} class="mt-0.5 block text-xs text-muted-foreground hover:text-foreground hover:underline">${escape_html(card.taskTitle)}</a> `);
+    if (ev().report) {
+      $$renderer2.push(`<!--[0--><div class="mt-2 text-xs">`);
+      if (ev().report.url) {
+        $$renderer2.push(`<!--[0--><button class="inline-flex cursor-pointer items-center gap-1 text-sea hover:underline"${attr("aria-expanded", report.open)}>`);
+        File_text($$renderer2, { class: "size-3.5 shrink-0", "aria-hidden": "true" });
+        $$renderer2.push(`<!---->${escape_html("Read the report")}<span class="ml-1 font-mono break-all text-muted-foreground">${escape_html(ev().report.path)}</span></button> <a${attr("href", docHref(ev().report.path))} class="ml-2 text-sea underline-offset-2 hover:underline" data-doc-link="">Open in the reader</a>`);
+      } else {
+        $$renderer2.push(`<!--[-1--><span class="inline-flex items-center gap-1 text-muted-foreground">`);
+        File_text($$renderer2, { class: "size-3.5 shrink-0", "aria-hidden": "true" });
+        $$renderer2.push(`<!---->Report <span class="font-mono break-all">${escape_html(ev().report.path)}</span> (not found)</span>`);
+      }
+      $$renderer2.push(`<!--]--> `);
+      {
+        $$renderer2.push("<!--[-1-->");
+      }
+      $$renderer2.push(`<!--]--></div>`);
+    } else {
+      $$renderer2.push("<!--[-1-->");
+    }
+    $$renderer2.push(`<!--]--> `);
+    if (rec()) {
+      $$renderer2.push(`<!--[0--><p class="mt-2.5 border-l-2 border-brass pl-2.5 text-sm leading-snug"><span class="font-medium">Firstmate recommends${escape_html(rec().choice ? `: ${choiceLabel(card, rec().choice)}` : "")}</span><span class="text-muted-foreground">· `);
+      LinkedText($$renderer2, { text: rec().text });
+      $$renderer2.push(`<!----></span></p>`);
+    } else {
+      $$renderer2.push("<!--[-1-->");
+    }
+    $$renderer2.push(`<!--]--> `);
+    if (hasEvidence()) {
+      $$renderer2.push(`<!--[0--><button class="mt-3 flex cursor-pointer items-center gap-1 text-xs font-medium text-muted-foreground hover:text-foreground"${attr("aria-expanded", expanded)}>Evidence`);
+      Chevron_down($$renderer2, {
+        class: `size-3.5 transition-transform ${expanded ? "rotate-180" : ""}`,
+        "aria-hidden": "true"
+      });
+      $$renderer2.push(`<!---->`);
+      if (!expanded) {
+        $$renderer2.push(`<!--[0--><span class="font-normal">${escape_html(ev().findings.length ? ` · ${ev().findings.length} ${ev().findings.length === 1 ? "finding" : "findings"}` : "")}${escape_html(ev().pr ? " · pull request" : "")}${escape_html(ev().preview ? " · preview" : "")}${escape_html(ev().screenshots.length ? ` · ${ev().screenshots.length} ${ev().screenshots.length === 1 ? "screenshot" : "screenshots"}` : "")}</span>`);
+      } else {
+        $$renderer2.push("<!--[-1-->");
+      }
+      $$renderer2.push(`<!--]--></button> `);
+      if (expanded) {
+        $$renderer2.push(`<!--[0--><div class="mt-2 space-y-3 rounded-md border bg-background/60 p-3 text-sm">`);
+        if (ev().findings.length) {
+          $$renderer2.push(`<!--[0--><ol class="space-y-2.5"><!--[-->`);
+          const each_array = ensure_array_like(ev().findings);
+          for (let $$index = 0, $$length = each_array.length; $$index < $$length; $$index++) {
+            let f = each_array[$$index];
+            $$renderer2.push(`<li><p class="leading-snug">`);
+            if (f.serious) {
+              $$renderer2.push(`<!--[0--><span class="mr-1.5 rounded bg-danger/10 px-1 text-xs font-medium text-danger">Serious</span>`);
+            } else {
+              $$renderer2.push("<!--[-1-->");
+            }
+            $$renderer2.push(`<!--]-->`);
+            LinkedText($$renderer2, { text: f.summary });
+            $$renderer2.push(`<!----></p> `);
+            if (f.where) {
+              $$renderer2.push(`<!--[0--><p class="mt-0.5 font-mono text-xs text-muted-foreground">${escape_html(f.where)}</p>`);
+            } else {
+              $$renderer2.push("<!--[-1-->");
+            }
+            $$renderer2.push(`<!--]--> `);
+            if (f.detail) {
+              $$renderer2.push(`<!--[0--><p class="mt-1 text-xs leading-relaxed text-muted-foreground">`);
+              LinkedText($$renderer2, { text: f.detail });
+              $$renderer2.push(`<!----></p>`);
+            } else {
+              $$renderer2.push("<!--[-1-->");
+            }
+            $$renderer2.push(`<!--]--></li>`);
+          }
+          $$renderer2.push(`<!--]--></ol>`);
+        } else {
+          $$renderer2.push("<!--[-1-->");
+        }
+        $$renderer2.push(`<!--]--> `);
+        if (choices()) {
+          $$renderer2.push(`<!--[0--><div><p class="text-xs font-medium text-muted-foreground">As Firstmate wrote it</p> <p class="mt-0.5 leading-relaxed text-muted-foreground">`);
+          LinkedText($$renderer2, { text: card.question });
+          $$renderer2.push(`<!----></p></div>`);
+        } else {
+          $$renderer2.push("<!--[-1-->");
+        }
+        $$renderer2.push(`<!--]--> `);
+        if (ev().text) {
+          $$renderer2.push(`<!--[0--><p class="leading-relaxed whitespace-pre-line text-muted-foreground">`);
+          LinkedText($$renderer2, { text: ev().text });
+          $$renderer2.push(`<!----></p>`);
+        } else {
+          $$renderer2.push("<!--[-1-->");
+        }
+        $$renderer2.push(`<!--]--> `);
+        if (ev().pr || ev().preview || ev().file) {
+          $$renderer2.push(`<!--[0--><ul class="flex flex-col gap-1 text-xs">`);
+          if (ev().pr) {
+            $$renderer2.push(`<!--[0--><li><a${attr("href", ev().pr.url)} target="_blank" rel="noreferrer" class="inline-flex items-center gap-1 break-all text-sea hover:underline">`);
+            Git_pull_request($$renderer2, { class: "size-3.5 shrink-0", "aria-hidden": "true" });
+            $$renderer2.push(`<!---->${escape_html(ev().pr.url)}</a>`);
+            if (ev().checks) {
+              $$renderer2.push(`<!--[0--><span class="ml-1.5 text-muted-foreground">· checks ${escape_html(ev().checks)}</span>`);
+            } else {
+              $$renderer2.push("<!--[-1-->");
+            }
+            $$renderer2.push(`<!--]--></li>`);
+          } else {
+            $$renderer2.push("<!--[-1-->");
+          }
+          $$renderer2.push(`<!--]--> `);
+          if (ev().preview) {
+            $$renderer2.push(`<!--[0--><li><a${attr("href", `${href()}?tab=preview`)} class="inline-flex items-center gap-1 text-sea hover:underline">`);
+            Monitor_play($$renderer2, { class: "size-3.5 shrink-0", "aria-hidden": "true" });
+            $$renderer2.push(`<!---->Open in the task's
+									preview</a></li> <li><a${attr("href", ev().preview)} target="_blank" rel="noreferrer" class="inline-flex items-center gap-1 break-all text-sea hover:underline">`);
+            External_link($$renderer2, { class: "size-3.5 shrink-0", "aria-hidden": "true" });
+            $$renderer2.push(`<!---->${escape_html(ev().preview)}</a></li>`);
+          } else {
+            $$renderer2.push("<!--[-1-->");
+          }
+          $$renderer2.push(`<!--]--> `);
+          if (ev().file) {
+            $$renderer2.push(`<!--[0--><li class="inline-flex items-center gap-1 text-muted-foreground">`);
+            File_text($$renderer2, { class: "size-3.5 shrink-0", "aria-hidden": "true" });
+            $$renderer2.push(`<!---->Findings file <span class="font-mono break-all">${escape_html(ev().file)}</span></li>`);
+          } else {
+            $$renderer2.push("<!--[-1-->");
+          }
+          $$renderer2.push(`<!--]--></ul>`);
+        } else {
+          $$renderer2.push("<!--[-1-->");
+        }
+        $$renderer2.push(`<!--]--> `);
+        if (ev().screenshots.length) {
+          $$renderer2.push(`<!--[0--><ul class="flex flex-wrap gap-2"><!--[-->`);
+          const each_array_1 = ensure_array_like(ev().screenshots);
+          for (let $$index_1 = 0, $$length = each_array_1.length; $$index_1 < $$length; $$index_1++) {
+            let s = each_array_1[$$index_1];
+            $$renderer2.push(`<li><a${attr("href", s.url)} target="_blank" rel="noreferrer" class="block"><img${attr("src", s.url)}${attr("alt", s.name)} class="h-20 w-32 rounded border object-cover object-top" loading="lazy"/></a></li>`);
+          }
+          $$renderer2.push(`<!--]--></ul>`);
+        } else {
+          $$renderer2.push("<!--[-1-->");
+        }
+        $$renderer2.push(`<!--]--></div>`);
+      } else {
+        $$renderer2.push("<!--[-1-->");
+      }
+      $$renderer2.push(`<!--]-->`);
+    } else {
+      $$renderer2.push("<!--[-1-->");
+    }
+    $$renderer2.push(`<!--]--> `);
+    if (card.sent?.delivery === "failed" && !error) {
+      $$renderer2.push(`<!--[0--><p class="mt-3 text-sm text-danger" role="alert">Not delivered to Firstmate: ${escape_html(choiceLabel(card, card.sent.choice))}. ${escape_html(card.sent.detail ?? "Try again.")}</p>`);
+    } else {
+      $$renderer2.push("<!--[-1-->");
+    }
+    $$renderer2.push(`<!--]--> `);
+    if (choices()) {
+      $$renderer2.push(`<!--[0--><div class="mt-3 flex flex-col gap-3" role="group" aria-label="Your picks"><!--[-->`);
+      const each_array_2 = ensure_array_like(choices().calls);
+      for (let $$index_3 = 0, $$length = each_array_2.length; $$index_3 < $$length; $$index_3++) {
+        let call = each_array_2[$$index_3];
+        $$renderer2.push(`<fieldset class="min-w-0"><legend class="text-sm leading-snug font-medium">`);
+        if (call.number !== null) {
+          $$renderer2.push(`<!--[0--><span class="mr-1 text-muted-foreground tabular-nums">${escape_html(call.number)}.</span>`);
+        } else {
+          $$renderer2.push("<!--[-1-->");
+        }
+        $$renderer2.push(`<!--]-->${escape_html(call.prompt ?? "Pick one")}`);
+        if (!call.required) {
+          $$renderer2.push(`<!--[0--><span class="ml-1 font-normal text-muted-foreground">· optional</span>`);
+        } else {
+          $$renderer2.push("<!--[-1-->");
+        }
+        $$renderer2.push(`<!--]--></legend> `);
+        if (call.options.length) {
+          $$renderer2.push(`<!--[0--><div${attr_class(`mt-1.5 flex gap-1.5 ${inRow(call) ? "flex-wrap" : "flex-col"}`)}><!--[-->`);
+          const each_array_3 = ensure_array_like(call.options);
+          for (let $$index_2 = 0, $$length2 = each_array_3.length; $$index_2 < $$length2; $$index_2++) {
+            let o = each_array_3[$$index_2];
+            $$renderer2.push(`<label class="flex min-w-0 cursor-pointer items-start gap-2 rounded-md border px-2.5 py-1.5 text-sm transition-colors hover:bg-accent has-[:checked]:border-sea has-[:checked]:bg-sea/5 has-[:disabled]:cursor-not-allowed has-[:disabled]:opacity-60"><input type="radio"${attr("name", `pick-${stringify(card.id)}-${stringify(call.id)}`)}${attr("value", o.id)}${attr("checked", chosen()[call.id] === o.id, true)}${attr("disabled", !canAnswer, true)} class="mt-[0.2rem] shrink-0 accent-sea"/> <span class="min-w-0 leading-snug">`);
+            if (o.detail) {
+              $$renderer2.push(`<!--[0--><span class="font-semibold">${escape_html(o.label)}</span><span class="text-foreground/85">${escape_html(` · ${o.detail}`)}</span>`);
+            } else {
+              $$renderer2.push(`<!--[-1-->${escape_html(o.label)}`);
+            }
+            $$renderer2.push(`<!--]-->`);
+            if (o.recommended) {
+              $$renderer2.push(`<!--[0--><span class="ml-1.5 text-xs font-medium whitespace-nowrap text-brass">Recommended</span>`);
+            } else {
+              $$renderer2.push("<!--[-1-->");
+            }
+            $$renderer2.push(`<!--]--></span></label>`);
+          }
+          $$renderer2.push(`<!--]--></div>`);
+        } else {
+          $$renderer2.push(`<!--[-1--><input type="text"${attr("value", picks[call.id] ?? "")}${attr("maxlength", WRITTEN_MAX)}${attr("disabled", !canAnswer, true)} placeholder="Your answer (optional)"${attr("aria-label", `Your answer to ${stringify(callName(call) || "this call")}`)} class="mt-1.5 block h-9 w-full rounded-md border border-input bg-background px-2.5 text-sm placeholder:text-muted-foreground focus-visible:ring-2 focus-visible:ring-ring focus-visible:outline-none"/>`);
+        }
+        $$renderer2.push(`<!--]--></fieldset>`);
+      }
+      $$renderer2.push(`<!--]--> `);
+      if (choices().after) {
+        $$renderer2.push(`<!--[0--><p class="text-xs leading-relaxed text-muted-foreground">`);
+        LinkedText($$renderer2, { text: choices().after });
+        $$renderer2.push(`<!----></p>`);
+      } else {
+        $$renderer2.push("<!--[-1-->");
+      }
+      $$renderer2.push(`<!--]--></div>`);
+    } else {
+      $$renderer2.push("<!--[-1-->");
+    }
+    $$renderer2.push(`<!--]--> <label class="mt-3 block"><span class="sr-only">Note for Firstmate (optional)</span> <textarea rows="1" maxlength="2000" placeholder="Add a note for Firstmate (optional)" class="block field-sizing-content max-h-40 min-h-9 w-full resize-none rounded-md border border-input bg-background px-2.5 py-1.5 text-sm placeholder:text-muted-foreground focus-visible:ring-2 focus-visible:ring-ring focus-visible:outline-none">`);
+    const $$body = escape_html(note);
+    if ($$body) {
+      $$renderer2.push(`${$$body}`);
+    }
+    $$renderer2.push(`</textarea></label> <div class="mt-2.5 flex flex-wrap items-center gap-1.5" role="group" aria-label="Answer"><!--[-->`);
+    const each_array_4 = ensure_array_like(card.options);
+    for (let $$index_4 = 0, $$length = each_array_4.length; $$index_4 < $$length; $$index_4++) {
+      let o = each_array_4[$$index_4];
+      const Icon2 = ICON[o.choice];
+      const recommended = choices() ? o.choice === "approve" : rec()?.choice === o.choice;
+      $$renderer2.push(`<button${attr_class(`inline-flex min-h-10 cursor-pointer items-center gap-1.5 rounded-md border px-3 text-sm font-medium transition-colors disabled:cursor-not-allowed disabled:opacity-50 sm:min-h-9 ${recommended ? "border-sea bg-sea text-white hover:bg-sea/90 dark:text-slate-950" : "bg-background hover:bg-accent"}`)}${attr("disabled", !canAnswer || o.choice === "approve" && missing().length > 0, true)}${attr("title", o.meaning)}>`);
+      if (Icon2) {
+        $$renderer2.push("<!--[-->");
+        Icon2($$renderer2, { class: "size-3.5", "aria-hidden": "true" });
+        $$renderer2.push("<!--]-->");
+      } else {
+        $$renderer2.push("<!--[!-->");
+        $$renderer2.push("<!--]-->");
+      }
+      $$renderer2.push(`${escape_html(o.label)}`);
+      if (shortcuts) {
+        $$renderer2.push(`<!--[0--><kbd class="ml-0.5 hidden rounded border border-current/30 px-1 font-mono text-[0.7rem] leading-4 opacity-70 sm:inline">${escape_html(KEY[o.choice])}</kbd>`);
+      } else {
+        $$renderer2.push("<!--[-1-->");
+      }
+      $$renderer2.push(`<!--]--></button>`);
+    }
+    $$renderer2.push(`<!--]--> `);
+    if (onLater) {
+      $$renderer2.push(`<!--[0--><button class="inline-flex min-h-10 cursor-pointer items-center gap-1.5 rounded-md px-2.5 text-sm text-muted-foreground hover:bg-accent hover:text-foreground sm:min-h-9">`);
+      Clock($$renderer2, { class: "size-3.5", "aria-hidden": "true" });
+      $$renderer2.push(`<!---->Ask me later`);
+      if (shortcuts) {
+        $$renderer2.push(`<!--[0--><kbd class="ml-0.5 hidden rounded border border-current/30 px-1 font-mono text-[0.7rem] leading-4 opacity-70 sm:inline">l</kbd>`);
+      } else {
+        $$renderer2.push("<!--[-1-->");
+      }
+      $$renderer2.push(`<!--]--></button>`);
+    } else {
+      $$renderer2.push("<!--[-1-->");
+    }
+    $$renderer2.push(`<!--]--> `);
+    if (canClose()) {
+      $$renderer2.push(`<!--[0--><button class="inline-flex min-h-10 cursor-pointer items-center gap-1.5 rounded-md px-2.5 text-sm text-muted-foreground hover:bg-accent hover:text-foreground disabled:cursor-not-allowed disabled:opacity-50 sm:min-h-9"${attr("disabled", !canAnswer, true)}${attr("title", CLOSE_MEANING)}>`);
+      X($$renderer2, { class: "size-3.5", "aria-hidden": "true" });
+      $$renderer2.push(`<!---->Close`);
+      if (shortcuts) {
+        $$renderer2.push(`<!--[0--><kbd class="ml-0.5 hidden rounded border border-current/30 px-1 font-mono text-[0.7rem] leading-4 opacity-70 sm:inline">c</kbd>`);
+      } else {
+        $$renderer2.push("<!--[-1-->");
+      }
+      $$renderer2.push(`<!--]--></button>`);
+    } else {
+      $$renderer2.push("<!--[-1-->");
+    }
+    $$renderer2.push(`<!--]--> `);
+    extra?.($$renderer2);
+    $$renderer2.push(`<!----></div> `);
+    if (choices() && missing().length) {
+      $$renderer2.push(`<!--[0--><p class="mt-1.5 text-xs text-muted-foreground">Pick one for ${escape_html(missing().map(callRef).join(", "))} to send your picks.</p>`);
+    } else {
+      $$renderer2.push("<!--[-1-->");
+    }
+    $$renderer2.push(`<!--]--> `);
+    if (active) {
+      $$renderer2.push(`<!--[0--><p class="mt-1.5 text-xs text-muted-foreground"><!--[-->`);
+      const each_array_5 = ensure_array_like(card.options);
+      for (let i = 0, $$length = each_array_5.length; i < $$length; i++) {
+        let o = each_array_5[i];
+        $$renderer2.push(`<!---->${escape_html(i ? " · " : "")}<span class="font-medium">${escape_html(o.label)}</span>: ${escape_html(meaning(o.choice))}`);
+      }
+      $$renderer2.push(`<!--]-->${escape_html(canClose() ? " · " : "")}`);
+      if (canClose()) {
+        $$renderer2.push(`<!--[0--><span class="font-medium">Close</span>: No answer needed: Firstmate records it closed.`);
+      } else {
+        $$renderer2.push("<!--[-1-->");
+      }
+      $$renderer2.push(`<!--]--></p>`);
+    } else {
+      $$renderer2.push("<!--[-1-->");
+    }
+    $$renderer2.push(`<!--]--> `);
+    if (error) {
+      $$renderer2.push(`<!--[0--><p class="mt-2 text-sm text-danger" role="alert">${escape_html(error)}</p>`);
+    } else {
+      $$renderer2.push("<!--[-1-->");
+    }
+    $$renderer2.push(`<!--]--></article>`);
+    bind_props($$props, { note, picks });
+  });
+}
+
+export { DecisionCard as D, Octagon_alert as O };
+//# sourceMappingURL=DecisionCard.js-B1YgF5EF.js.map