@chrisjowen/wheelhouse 0.1.0 → 0.2.0

package/build/server/chunks/chunks/SlotContent.js-B4p1QLQN.js

@@ -0,0 +1,748 @@
+import { ak as attr_class, al as escape_html, a8 as ensure_array_like, am as attr, an as stringify, _ as derived, ac as spread_props } from './index.js-B0NFhRTN.js';
+import { a as ago } from './format.js-D3lWEg6U.js';
+import { p as page } from './index2.js-Bxt1T6_K.js';
+import { S as SESSION_HEADER } from './messages.js-CFyGKoqq.js';
+import { s as safeHref, b as andList } from './vault.js-CTaWe09z.js';
+import { B as Button } from './button.js-BF2PsvWw.js';
+import { I as Icon } from './Icon.js-CVZZ-yuB.js';
+import { C as Chevron_right } from './chevron-right.js-DCBAqAae.js';
+import './exports.js-BZBK1HC9.js';
+import './utils2.js-BQzn9ikS.js';
+import './utils.js-BJgm9WbO.js';
+import './root.js-60iebdW4.js';
+import { C as Check } from './check.js-32sYHVxG.js';
+import { X } from './x.js-YxaUOlq9.js';
+import { C as Circle_alert } from './circle-alert.js-XTuAj7ZH.js';
+import { L as Loader_circle } from './loader-circle.js-rQHvIWN7.js';
+import { C as Circle_dashed } from './circle-dashed.js-fXv_bIo-.js';
+import { E as External_link } from './external-link.js-BQs1euhR.js';
+
+function Circle_question_mark($$renderer, $$props) {
+  let { $$slots, $$events, ...props } = $$props;
+  const iconData = {
+    "name": "circle-question-mark",
+    "size": 24,
+    "node": [
+      ["circle", { "cx": "12", "cy": "12", "r": "10" }],
+      ["path", { "d": "M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3" }],
+      ["path", { "d": "M12 17h.01" }]
+    ],
+    "aliases": ["help-circle", "circle-help"]
+  };
+  Icon($$renderer, spread_props([props, { icon: iconData }]));
+}
+function Eye_off($$renderer, $$props) {
+  let { $$slots, $$events, ...props } = $$props;
+  const iconData = {
+    "name": "eye-off",
+    "size": 24,
+    "node": [
+      [
+        "path",
+        {
+          "d": "M10.733 5.076a10.744 10.744 0 0 1 11.205 6.575 1 1 0 0 1 0 .696 10.747 10.747 0 0 1-1.444 2.49"
+        }
+      ],
+      ["path", { "d": "M14.084 14.158a3 3 0 0 1-4.242-4.242" }],
+      [
+        "path",
+        {
+          "d": "M17.479 17.499a10.75 10.75 0 0 1-15.417-5.151 1 1 0 0 1 0-.696 10.75 10.75 0 0 1 4.446-5.143"
+        }
+      ],
+      ["path", { "d": "m2 2 20 20" }]
+    ]
+  };
+  Icon($$renderer, spread_props([props, { icon: iconData }]));
+}
+function Eye($$renderer, $$props) {
+  let { $$slots, $$events, ...props } = $$props;
+  const iconData = {
+    "name": "eye",
+    "size": 24,
+    "node": [
+      [
+        "path",
+        {
+          "d": "M2.062 12.348a1 1 0 0 1 0-.696 10.75 10.75 0 0 1 19.876 0 1 1 0 0 1 0 .696 10.75 10.75 0 0 1-19.876 0"
+        }
+      ],
+      ["circle", { "cx": "12", "cy": "12", "r": "3" }]
+    ]
+  };
+  Icon($$renderer, spread_props([props, { icon: iconData }]));
+}
+function Key_round($$renderer, $$props) {
+  let { $$slots, $$events, ...props } = $$props;
+  const iconData = {
+    "name": "key-round",
+    "size": 24,
+    "node": [
+      [
+        "path",
+        {
+          "d": "M2.586 17.414A2 2 0 0 0 2 18.828V21a1 1 0 0 0 1 1h3a1 1 0 0 0 1-1v-1a1 1 0 0 1 1-1h1a1 1 0 0 0 1-1v-1a1 1 0 0 1 1-1h.172a2 2 0 0 0 1.414-.586l.814-.814a6.5 6.5 0 1 0-4-4z"
+        }
+      ],
+      [
+        "circle",
+        { "cx": "16.5", "cy": "7.5", "r": ".5", "fill": "currentColor" }
+      ]
+    ]
+  };
+  Icon($$renderer, spread_props([props, { icon: iconData }]));
+}
+function Lock($$renderer, $$props) {
+  let { $$slots, $$events, ...props } = $$props;
+  const iconData = {
+    "name": "lock",
+    "size": 24,
+    "node": [
+      [
+        "rect",
+        {
+          "width": "18",
+          "height": "11",
+          "x": "3",
+          "y": "11",
+          "rx": "2",
+          "ry": "2"
+        }
+      ],
+      ["path", { "d": "M7 11V7a5 5 0 0 1 10 0v4" }]
+    ]
+  };
+  Icon($$renderer, spread_props([props, { icon: iconData }]));
+}
+function VaultPanel($$renderer, $$props) {
+  $$renderer.component(($$renderer2) => {
+    let { data, entry } = $$props;
+    const given = derived(() => data);
+    let fresh = null;
+    const secrets = derived(() => {
+      const read = entry.content.available ? Date.parse(entry.content.observedAt ?? "") : NaN;
+      return fresh && !(read > fresh.at) ? fresh.secrets : given().secrets;
+    });
+    const projects = derived(() => {
+      const known = (page.data.fleet?.projects ?? []).map((p) => p.id);
+      const granted = secrets().flatMap((s) => s.projects).filter((p) => !known.includes(p));
+      return [...known, ...[...new Set(granted)].sort()];
+    });
+    let open = null;
+    let adding = false;
+    let replacing = null;
+    let confirming = null;
+    let busy = false;
+    let notice = null;
+    let error = null;
+    let name = "";
+    let value = "";
+    let grants = [];
+    let reveal = false;
+    let nameError = "";
+    let replaceValue = "";
+    function stamp(iso) {
+      if (!iso) return "Never";
+      const d = new Date(iso);
+      if (Number.isNaN(d.getTime())) return iso;
+      const p = (n) => String(n).padStart(2, "0");
+      return `${d.getFullYear()}-${p(d.getMonth() + 1)}-${p(d.getDate())} ${p(d.getHours())}:${p(d.getMinutes())}`;
+    }
+    function forgetValues() {
+      value = "";
+      replaceValue = "";
+      reveal = false;
+    }
+    function startAdd() {
+      name = "";
+      grants = [];
+      nameError = "";
+      notice = null;
+      error = null;
+      forgetValues();
+      adding = true;
+    }
+    function closeAdd() {
+      adding = false;
+      forgetValues();
+    }
+    async function send(change) {
+      busy = true;
+      error = null;
+      notice = null;
+      try {
+        const r = await fetch("/api/vault", {
+          method: "POST",
+          headers: {
+            "content-type": "application/json",
+            [SESSION_HEADER]: page.data.sessionToken
+          },
+          body: JSON.stringify(change)
+        });
+        const body = await r.json().catch(() => null);
+        if (!r.ok) {
+          error = body?.message ?? `Wheelhouse could not do that (${r.status}).`;
+          return false;
+        }
+        if (body?.secrets) {
+          fresh = {
+            secrets: body.secrets,
+            at: Date.parse(body.observedAt ?? "") || Date.now()
+          };
+        }
+        notice = body?.message ?? "Done.";
+        return true;
+      } catch {
+        error = "Wheelhouse could not be reached. Try again.";
+        return false;
+      } finally {
+        busy = false;
+      }
+    }
+    async function remove(s) {
+      if (await send({ action: "remove", name: s.name })) {
+        confirming = null;
+        open = null;
+      }
+    }
+    function valueField($$renderer3, id, get, set) {
+      $$renderer3.push(`<div class="relative"><input${attr("id", id)}${attr("type", reveal ? "text" : "password")} autocomplete="off" autocapitalize="off" spellcheck="false" data-1p-ignore="" data-lpignore="true"${attr("value", get())}${attr("disabled", busy, true)} class="h-10 w-full rounded-md border border-input bg-background px-3 pr-10 font-mono text-sm outline-none focus-visible:ring-2 focus-visible:ring-ring disabled:opacity-60"/> <button type="button" class="absolute inset-y-0 right-0 flex w-10 items-center justify-center rounded-r-md text-muted-foreground outline-none hover:text-foreground focus-visible:ring-2 focus-visible:ring-ring"${attr("aria-label", reveal ? "Hide what you typed" : "Show what you typed")}${attr("aria-pressed", reveal)}>`);
+      if (reveal) {
+        $$renderer3.push("<!--[0-->");
+        Eye_off($$renderer3, { class: "size-4" });
+      } else {
+        $$renderer3.push("<!--[-1-->");
+        Eye($$renderer3, { class: "size-4" });
+      }
+      $$renderer3.push(`<!--]--></button></div>`);
+    }
+    function projectChecks($$renderer3, legend, selected, onchange) {
+      if (projects().length) {
+        $$renderer3.push(`<!--[0--><div class="grid gap-x-6 gap-y-2 sm:grid-cols-2" role="group"${attr("aria-label", legend)}><!--[-->`);
+        const each_array = ensure_array_like(projects());
+        for (let $$index = 0, $$length = each_array.length; $$index < $$length; $$index++) {
+          let p = each_array[$$index];
+          $$renderer3.push(`<label class="flex min-w-0 items-center gap-2 text-sm"><input type="checkbox" class="size-4 shrink-0 accent-[var(--sea)]"${attr("checked", selected.includes(p), true)}${attr("disabled", busy, true)}/> <span class="truncate">${escape_html(p)}</span></label>`);
+        }
+        $$renderer3.push(`<!--]--></div>`);
+      } else {
+        $$renderer3.push(`<!--[-1--><p class="text-sm text-muted-foreground">Wheelhouse knows no projects yet.</p>`);
+      }
+      $$renderer3.push(`<!--]-->`);
+    }
+    $$renderer2.push(`<div class="flex flex-wrap items-start justify-between gap-4"><p class="max-w-prose text-sm text-muted-foreground">Secrets your projects can use by name. Values stay in your Mac’s login Keychain; Wheelhouse
+		never shows one.</p> `);
+    if (secrets().length && !adding) {
+      $$renderer2.push("<!--[0-->");
+      Button($$renderer2, {
+        onclick: startAdd,
+        disabled: busy,
+        children: ($$renderer3) => {
+          $$renderer3.push(`<!---->Add a secret`);
+        },
+        $$slots: { default: true }
+      });
+    } else {
+      $$renderer2.push("<!--[-1-->");
+    }
+    $$renderer2.push(`<!--]--></div> `);
+    if (notice) {
+      $$renderer2.push(`<!--[0--><p class="mt-5 rounded-md border border-success/40 bg-success/5 px-4 py-2.5 text-sm" role="status">${escape_html(notice)}</p>`);
+    } else {
+      $$renderer2.push("<!--[-1-->");
+    }
+    $$renderer2.push(`<!--]--> `);
+    if (error) {
+      $$renderer2.push(`<!--[0--><p class="mt-5 rounded-md border border-danger/40 bg-danger/5 px-4 py-2.5 text-sm" role="alert">${escape_html(error)}</p>`);
+    } else {
+      $$renderer2.push("<!--[-1-->");
+    }
+    $$renderer2.push(`<!--]--> `);
+    if (given().problem) {
+      $$renderer2.push(`<!--[0--><p class="mt-5 text-sm text-muted-foreground">${escape_html(given().problem)}</p>`);
+    } else {
+      $$renderer2.push("<!--[-1-->");
+    }
+    $$renderer2.push(`<!--]--> `);
+    if (adding) {
+      $$renderer2.push(`<!--[0--><section class="mt-6 rounded-lg border border-hair bg-background/60 px-5 py-5" aria-labelledby="vault-add"><h2 id="vault-add" class="font-display text-lg">Add a secret</h2> <p class="mt-0.5 mb-5 text-xs text-muted-foreground">Storing a name that already exists replaces its value.</p> <form class="grid gap-5"><div class="grid max-w-md gap-1.5"><label for="vault-name" class="text-sm font-medium">Name</label> <input id="vault-name" autocomplete="off" autocapitalize="characters" spellcheck="false" placeholder="VERCEL_TOKEN"${attr("value", name)}${attr("disabled", busy, true)}${attr("aria-invalid", nameError ? "true" : void 0)} aria-describedby="vault-name-help" class="h-10 w-full rounded-md border border-input bg-background px-3 font-mono text-sm outline-none placeholder:text-muted-foreground/60 focus-visible:ring-2 focus-visible:ring-ring disabled:opacity-60 aria-invalid:border-danger"/> `);
+      if (nameError) {
+        $$renderer2.push(`<!--[0--><p id="vault-name-help" class="text-sm text-danger" role="alert">${escape_html(nameError)}</p>`);
+      } else {
+        $$renderer2.push(`<!--[-1--><p id="vault-name-help" class="text-xs text-muted-foreground">The environment variable a command receives it as: letters, digits and underscores.</p>`);
+      }
+      $$renderer2.push(`<!--]--></div> <div class="grid max-w-md gap-1.5"><label for="vault-value" class="text-sm font-medium">Value</label> `);
+      valueField($$renderer2, "vault-value", () => value);
+      $$renderer2.push(`<!----> <p class="flex items-start gap-1.5 text-xs text-muted-foreground">`);
+      Lock($$renderer2, { class: "mt-px size-3.5 shrink-0" });
+      $$renderer2.push(`<!----> Goes straight into your Mac’s login Keychain. Wheelhouse cannot show it again.</p></div> <div class="grid gap-2"><p class="text-sm font-medium">Projects that may use it</p> <p class="-mt-1 mb-1 text-xs text-muted-foreground">Optional. You can change this any time.</p> `);
+      projectChecks($$renderer2, "Projects that may use it", grants);
+      $$renderer2.push(`<!----></div> <div class="flex flex-wrap gap-2">`);
+      Button($$renderer2, {
+        type: "submit",
+        disabled: busy || !name || !value,
+        children: ($$renderer3) => {
+          $$renderer3.push(`<!---->Store secret`);
+        },
+        $$slots: { default: true }
+      });
+      $$renderer2.push(`<!----> `);
+      Button($$renderer2, {
+        type: "button",
+        variant: "outline",
+        disabled: busy,
+        onclick: closeAdd,
+        children: ($$renderer3) => {
+          $$renderer3.push(`<!---->Cancel`);
+        },
+        $$slots: { default: true }
+      });
+      $$renderer2.push(`<!----></div></form></section>`);
+    } else {
+      $$renderer2.push("<!--[-1-->");
+    }
+    $$renderer2.push(`<!--]--> `);
+    if (!secrets().length && !adding) {
+      $$renderer2.push(`<!--[0--><div class="mt-6 rounded-lg border border-dashed px-6 py-10">`);
+      Key_round($$renderer2, { class: "size-6 text-brass", "aria-hidden": "true" });
+      $$renderer2.push(`<!----> <p class="mt-3 font-display text-lg">The vault is empty</p> <p class="mt-1 max-w-prose text-sm text-muted-foreground">Add the tokens and keys your projects need. The crew uses them by name and never sees a value.</p> `);
+      Button($$renderer2, {
+        class: "mt-5",
+        onclick: startAdd,
+        disabled: busy,
+        children: ($$renderer3) => {
+          $$renderer3.push(`<!---->Add a secret`);
+        },
+        $$slots: { default: true }
+      });
+      $$renderer2.push(`<!----></div>`);
+    } else if (secrets().length) {
+      $$renderer2.push(`<!--[1--><ul class="mt-6 divide-y divide-hair border-y border-hair" aria-label="Secrets"><!--[-->`);
+      const each_array_1 = ensure_array_like(secrets());
+      for (let $$index_2 = 0, $$length = each_array_1.length; $$index_2 < $$length; $$index_2++) {
+        let s = each_array_1[$$index_2];
+        $$renderer2.push(`<li><button class="flex min-h-12 w-full items-center gap-4 px-1 py-3 text-left outline-none hover:bg-muted/50 focus-visible:ring-2 focus-visible:ring-ring"${attr("aria-expanded", open === s.name)}${attr("aria-controls", `vault-${stringify(s.name)}`)}>`);
+        Key_round($$renderer2, { class: "size-4 shrink-0 text-brass", "aria-hidden": "true" });
+        $$renderer2.push(`<!----> <span class="min-w-0 flex-1 truncate font-mono text-sm font-medium">${escape_html(s.name)}</span> <span class="hidden min-w-0 flex-wrap justify-end gap-1.5 sm:flex">`);
+        const each_array_2 = ensure_array_like(s.projects);
+        if (each_array_2.length !== 0) {
+          $$renderer2.push("<!--[-->");
+          for (let $$index_1 = 0, $$length2 = each_array_2.length; $$index_1 < $$length2; $$index_1++) {
+            let p = each_array_2[$$index_1];
+            $$renderer2.push(`<span class="rounded border border-hair px-1.5 py-0.5 text-xs">${escape_html(p)}</span>`);
+          }
+        } else {
+          $$renderer2.push(`<!--[!--><span class="text-xs text-muted-foreground">No project yet</span>`);
+        }
+        $$renderer2.push(`<!--]--></span> `);
+        Chevron_right($$renderer2, {
+          class: `size-4 shrink-0 text-muted-foreground transition-transform ${open === s.name ? "rotate-90" : ""}`,
+          "aria-hidden": "true"
+        });
+        $$renderer2.push(`<!----></button> `);
+        if (open === s.name) {
+          $$renderer2.push(`<!--[0--><div${attr("id", `vault-${stringify(s.name)}`)} class="grid gap-6 px-1 pt-1 pb-5 sm:grid-cols-[minmax(0,1fr)_minmax(0,18rem)] sm:pl-9"><div><p class="mb-2 text-sm font-medium">Projects that may use it</p> `);
+          projectChecks($$renderer2, `Projects that may use ${s.name}`, s.projects);
+          $$renderer2.push(`<!----> <p class="mt-3 text-xs text-muted-foreground">${escape_html(s.projects.length ? `A command ${andList(s.projects)} ${s.projects.length === 1 ? "runs" : "run"} through the vault gets it in its environment, that command only.` : "No project can use it until you tick one.")}</p></div> <div class="grid content-start gap-3 text-sm"><p class="tabular text-xs text-muted-foreground">Value set ${escape_html(stamp(s.updatedAt))}<br/>Last used ${escape_html(stamp(s.lastUsedAt))}</p> `);
+          if (replacing === s.name) {
+            $$renderer2.push(`<!--[0--><form class="grid gap-2"><label for="vault-replace" class="text-xs font-medium">New value</label> `);
+            valueField($$renderer2, "vault-replace", () => replaceValue);
+            $$renderer2.push(`<!----> <div class="flex flex-wrap gap-2">`);
+            Button($$renderer2, {
+              type: "submit",
+              size: "sm",
+              disabled: busy || !replaceValue,
+              children: ($$renderer3) => {
+                $$renderer3.push(`<!---->Replace`);
+              },
+              $$slots: { default: true }
+            });
+            $$renderer2.push(`<!----> `);
+            Button($$renderer2, {
+              type: "button",
+              size: "sm",
+              variant: "outline",
+              disabled: busy,
+              onclick: () => {
+                replacing = null;
+                forgetValues();
+              },
+              children: ($$renderer3) => {
+                $$renderer3.push(`<!---->Cancel`);
+              },
+              $$slots: { default: true }
+            });
+            $$renderer2.push(`<!----></div></form>`);
+          } else if (confirming === s.name) {
+            $$renderer2.push(`<!--[1--><p>Remove <span class="font-mono">${escape_html(s.name)}</span>? Its value is deleted from the
+									Keychain and every project loses it. This cannot be undone.</p> <div class="flex flex-wrap gap-2">`);
+            Button($$renderer2, {
+              size: "sm",
+              variant: "destructive",
+              disabled: busy,
+              onclick: () => remove(s),
+              children: ($$renderer3) => {
+                $$renderer3.push(`<!---->Remove`);
+              },
+              $$slots: { default: true }
+            });
+            $$renderer2.push(`<!----> `);
+            Button($$renderer2, {
+              size: "sm",
+              variant: "outline",
+              disabled: busy,
+              onclick: () => confirming = null,
+              children: ($$renderer3) => {
+                $$renderer3.push(`<!---->Keep it`);
+              },
+              $$slots: { default: true }
+            });
+            $$renderer2.push(`<!----></div>`);
+          } else {
+            $$renderer2.push(`<!--[-1--><div class="flex flex-wrap gap-2">`);
+            Button($$renderer2, {
+              size: "sm",
+              variant: "outline",
+              disabled: busy,
+              onclick: () => {
+                replacing = s.name;
+                notice = null;
+              },
+              children: ($$renderer3) => {
+                $$renderer3.push(`<!---->Replace value`);
+              },
+              $$slots: { default: true }
+            });
+            $$renderer2.push(`<!----> `);
+            Button($$renderer2, {
+              size: "sm",
+              variant: "ghost",
+              class: "text-danger hover:text-danger",
+              disabled: busy,
+              onclick: () => confirming = s.name,
+              children: ($$renderer3) => {
+                $$renderer3.push(`<!---->Remove…`);
+              },
+              $$slots: { default: true }
+            });
+            $$renderer2.push(`<!----></div>`);
+          }
+          $$renderer2.push(`<!--]--></div></div>`);
+        } else {
+          $$renderer2.push("<!--[-1-->");
+        }
+        $$renderer2.push(`<!--]--></li>`);
+      }
+      $$renderer2.push(`<!--]--></ul>`);
+    } else {
+      $$renderer2.push("<!--[-1-->");
+    }
+    $$renderer2.push(`<!--]--> `);
+    if (given().used.length) {
+      $$renderer2.push(`<!--[0--><h2 class="section-label mt-10">Recent use</h2> <div class="mt-3 no-scrollbar overflow-x-auto"><table class="w-full text-sm"><thead class="text-left text-xs text-muted-foreground"><tr class="border-b border-hair"><th class="py-2 pr-4 font-medium">When</th><th class="py-2 pr-4 font-medium">Task</th><th class="py-2 pr-4 font-medium">Project</th><th class="py-2 pr-4 font-medium">Secrets</th><th class="py-2 pr-4 font-medium">Command</th><th class="py-2 font-medium">Result</th></tr></thead><tbody class="divide-y divide-hair"><!--[-->`);
+      const each_array_3 = ensure_array_like(given().used);
+      for (let i = 0, $$length = each_array_3.length; i < $$length; i++) {
+        let u = each_array_3[i];
+        $$renderer2.push(`<tr><td class="tabular py-2 pr-4 whitespace-nowrap">${escape_html(stamp(u.at))}</td><td class="py-2 pr-4">`);
+        if (u.task && u.taskKnown) {
+          $$renderer2.push(`<!--[0--><a class="text-sea hover:underline"${attr("href", `/tasks/${stringify(encodeURIComponent(u.task))}`)}>${escape_html(u.task)}</a>`);
+        } else {
+          $$renderer2.push(`<!--[-1-->${escape_html(u.task ?? "—")}`);
+        }
+        $$renderer2.push(`<!--]--></td><td class="py-2 pr-4">${escape_html(u.project ?? "—")}</td><td class="py-2 pr-4 font-mono text-xs">${escape_html(u.names.join(", ") || "—")}</td><td class="py-2 pr-4">${escape_html(u.program ?? "—")}</td><td class="py-2">${escape_html(u.result)}</td></tr>`);
+      }
+      $$renderer2.push(`<!--]--></tbody></table></div>`);
+    } else {
+      $$renderer2.push("<!--[-1-->");
+    }
+    $$renderer2.push(`<!--]-->`);
+  });
+}
+const PANELS = {
+  "vault/overview": VaultPanel
+};
+function PluginElement($$renderer, $$props) {
+  $$renderer.component(($$renderer2) => {
+    let { entry } = $$props;
+    const tag = derived(() => "element" in entry.render ? entry.render.element : "");
+    $$renderer2.push(`<div class="contents"${attr("data-plugin-element", tag())}></div> `);
+    {
+      $$renderer2.push("<!--[-1-->");
+    }
+    $$renderer2.push(`<!--]-->`);
+  });
+}
+function Blocks($$renderer, $$props) {
+  $$renderer.component(($$renderer2) => {
+    let { blocks } = $$props;
+    const toneClass = {
+      ok: "text-success",
+      warn: "text-warning",
+      fail: "text-danger",
+      pending: "text-muted-foreground",
+      unknown: "text-muted-foreground"
+    };
+    const external = (href) => !href.startsWith("/");
+    function link($$renderer3, label, href, cls = "text-sea hover:underline") {
+      const safe = safeHref(href);
+      if (safe) {
+        $$renderer3.push(`<!--[0--><a${attr("href", safe)}${attr_class(`inline-flex items-center gap-1 ${stringify(cls)}`)}${attr("target", external(safe) ? "_blank" : void 0)}${attr("rel", external(safe) ? "noreferrer" : void 0)}>${escape_html(label)}`);
+        if (external(safe)) {
+          $$renderer3.push("<!--[0-->");
+          External_link($$renderer3, { class: "size-3.5 shrink-0", "aria-hidden": "true" });
+        } else {
+          $$renderer3.push("<!--[-1-->");
+        }
+        $$renderer3.push(`<!--]--></a>`);
+      } else {
+        $$renderer3.push(`<!--[-1-->${escape_html(label)}`);
+      }
+      $$renderer3.push(`<!--]-->`);
+    }
+    $$renderer2.push(`<div class="space-y-3"><!--[-->`);
+    const each_array = ensure_array_like(blocks);
+    for (let i = 0, $$length = each_array.length; i < $$length; i++) {
+      let b = each_array[i];
+      if (b.block === "text.v1") {
+        $$renderer2.push(`<!--[0--><p${attr_class(`text-sm leading-relaxed whitespace-pre-line ${b.muted ? "text-muted-foreground" : ""}`)} data-block="text.v1">${escape_html(b.text)}</p>`);
+      } else if (b.block === "kv.v1") {
+        $$renderer2.push(`<!--[1--><dl class="grid grid-cols-[minmax(0,8rem)_minmax(0,1fr)] gap-x-4 gap-y-1.5 text-sm" data-block="kv.v1"><!--[-->`);
+        const each_array_1 = ensure_array_like(b.items);
+        for (let j = 0, $$length2 = each_array_1.length; j < $$length2; j++) {
+          let item = each_array_1[j];
+          $$renderer2.push(`<dt class="truncate text-muted-foreground">${escape_html(item.key)}</dt> <dd class="min-w-0 break-words">`);
+          link($$renderer2, item.value, item.href);
+          $$renderer2.push(`<!----></dd>`);
+        }
+        $$renderer2.push(`<!--]--></dl>`);
+      } else if (b.block === "links.v1") {
+        $$renderer2.push(`<!--[2--><ul class="flex flex-wrap gap-x-5 gap-y-1.5 text-sm" data-block="links.v1"><!--[-->`);
+        const each_array_2 = ensure_array_like(b.links);
+        for (let j = 0, $$length2 = each_array_2.length; j < $$length2; j++) {
+          let l = each_array_2[j];
+          $$renderer2.push(`<li class="min-w-0">`);
+          link($$renderer2, l.label, l.href);
+          $$renderer2.push(`<!---->`);
+          if (l.note) {
+            $$renderer2.push(`<!--[0--><span class="ml-1.5 text-muted-foreground">${escape_html(l.note)}</span>`);
+          } else {
+            $$renderer2.push("<!--[-1-->");
+          }
+          $$renderer2.push(`<!--]--></li>`);
+        }
+        $$renderer2.push(`<!--]--></ul>`);
+      } else if (b.block === "table.v1") {
+        $$renderer2.push(`<!--[3--><div class="overflow-x-auto rounded-lg border" data-block="table.v1"><table class="w-full text-sm">`);
+        if (b.columns.length) {
+          $$renderer2.push(`<!--[0--><thead class="border-b text-left text-xs text-muted-foreground"><tr><!--[-->`);
+          const each_array_3 = ensure_array_like(b.columns);
+          for (let j = 0, $$length2 = each_array_3.length; j < $$length2; j++) {
+            let c = each_array_3[j];
+            $$renderer2.push(`<th class="px-3 py-2 font-medium">${escape_html(c)}</th>`);
+          }
+          $$renderer2.push(`<!--]--></tr></thead>`);
+        } else {
+          $$renderer2.push("<!--[-1-->");
+        }
+        $$renderer2.push(`<!--]--><tbody class="divide-y"><!--[-->`);
+        const each_array_4 = ensure_array_like(b.rows);
+        for (let j = 0, $$length2 = each_array_4.length; j < $$length2; j++) {
+          let row = each_array_4[j];
+          $$renderer2.push(`<tr><!--[-->`);
+          const each_array_5 = ensure_array_like(row);
+          for (let k = 0, $$length3 = each_array_5.length; k < $$length3; k++) {
+            let cell = each_array_5[k];
+            $$renderer2.push(`<td class="px-3 py-2">`);
+            if (typeof cell === "string") {
+              $$renderer2.push(`<!--[0-->${escape_html(cell)}`);
+            } else {
+              $$renderer2.push("<!--[-1-->");
+              link($$renderer2, cell.text, cell.href);
+            }
+            $$renderer2.push(`<!--]--></td>`);
+          }
+          $$renderer2.push(`<!--]--></tr>`);
+        }
+        $$renderer2.push(`<!--]--></tbody></table></div>`);
+      } else if (b.block === "image.v1") {
+        $$renderer2.push("<!--[4-->");
+        const src = safeHref(b.src);
+        if (src) {
+          $$renderer2.push(`<!--[0--><figure data-block="image.v1">`);
+          if (safeHref(b.href)) {
+            $$renderer2.push(`<!--[0--><a${attr("href", safeHref(b.href))} target="_blank" rel="noreferrer"><img${attr("src", src)}${attr("alt", b.alt)} loading="lazy" class="max-h-96 rounded-lg border"/></a>`);
+          } else {
+            $$renderer2.push(`<!--[-1--><img${attr("src", src)}${attr("alt", b.alt)} loading="lazy" class="max-h-96 rounded-lg border"/>`);
+          }
+          $$renderer2.push(`<!--]--></figure>`);
+        } else {
+          $$renderer2.push("<!--[-1-->");
+        }
+        $$renderer2.push(`<!--]-->`);
+      } else if (b.block === "status.v1") {
+        $$renderer2.push(`<!--[5--><p class="flex items-start gap-2 text-sm" data-block="status.v1"><span${attr_class(`mt-0.5 ${stringify(toneClass[b.tone])}`)} aria-hidden="true">`);
+        if (b.tone === "ok") {
+          $$renderer2.push("<!--[0-->");
+          Check($$renderer2, { class: "size-4" });
+        } else if (b.tone === "fail") {
+          $$renderer2.push("<!--[1-->");
+          X($$renderer2, { class: "size-4" });
+        } else if (b.tone === "warn") {
+          $$renderer2.push("<!--[2-->");
+          Circle_alert($$renderer2, { class: "size-4" });
+        } else if (b.tone === "pending") {
+          $$renderer2.push("<!--[3-->");
+          Loader_circle($$renderer2, { class: "size-4" });
+        } else {
+          $$renderer2.push("<!--[-1-->");
+          Circle_question_mark($$renderer2, { class: "size-4" });
+        }
+        $$renderer2.push(`<!--]--></span> <span class="min-w-0"><span${attr_class(`font-medium ${stringify(b.tone === "fail" || b.tone === "warn" ? toneClass[b.tone] : "")}`)}>${escape_html(b.label)}</span> `);
+        if (b.detail) {
+          $$renderer2.push(`<!--[0--><span class="block text-muted-foreground">${escape_html(b.detail)}</span>`);
+        } else {
+          $$renderer2.push("<!--[-1-->");
+        }
+        $$renderer2.push(`<!--]--></span></p>`);
+      } else if (b.block === "graph.v1") {
+        $$renderer2.push(`<!--[6--><div class="rounded-lg border border-dashed p-3 text-sm" data-block="graph.v1"><p class="text-xs text-muted-foreground">${escape_html(`${b.nodes.length} ${b.nodes.length === 1 ? "node" : "nodes"}, ${b.edges.length} ${b.edges.length === 1 ? "link" : "links"}`)}</p> <ul class="mt-2 flex flex-wrap gap-1.5"><!--[-->`);
+        const each_array_6 = ensure_array_like(b.nodes);
+        for (let $$index_5 = 0, $$length2 = each_array_6.length; $$index_5 < $$length2; $$index_5++) {
+          let n = each_array_6[$$index_5];
+          $$renderer2.push(`<li class="rounded-md bg-muted px-2 py-0.5 text-xs">${escape_html(n.label)}`);
+          if (n.kind) {
+            $$renderer2.push(`<!--[0--><span class="ml-1 text-muted-foreground">${escape_html(n.kind)}</span>`);
+          } else {
+            $$renderer2.push("<!--[-1-->");
+          }
+          $$renderer2.push(`<!--]--></li>`);
+        }
+        $$renderer2.push(`<!--]--></ul> `);
+        if (b.edges.length) {
+          $$renderer2.push(`<!--[0--><ul class="mt-2 space-y-0.5 font-mono text-xs text-muted-foreground"><!--[-->`);
+          const each_array_7 = ensure_array_like(b.edges);
+          for (let j = 0, $$length2 = each_array_7.length; j < $$length2; j++) {
+            let e = each_array_7[j];
+            $$renderer2.push(`<li>${escape_html(e.from)} → ${escape_html(e.to)}${escape_html(e.label ? ` (${e.label})` : "")}</li>`);
+          }
+          $$renderer2.push(`<!--]--></ul>`);
+        } else {
+          $$renderer2.push("<!--[-1-->");
+        }
+        $$renderer2.push(`<!--]--></div>`);
+      } else {
+        $$renderer2.push(`<!--[-1--><div class="rounded-lg border border-dashed p-3 text-xs" data-block="unknown"><p class="flex items-center gap-1.5 text-muted-foreground">`);
+        Circle_dashed($$renderer2, { class: "size-3.5", "aria-hidden": "true" });
+        $$renderer2.push(`<!---->This Wheelhouse cannot show a “${escape_html(b.block === "unknown" ? b.type : "unknown")}” block.</p> `);
+        if (b.block === "unknown") {
+          $$renderer2.push(`<!--[0--><pre class="mt-2 font-mono break-all whitespace-pre-wrap text-muted-foreground">${escape_html(b.preview)}</pre>`);
+        } else {
+          $$renderer2.push("<!--[-1-->");
+        }
+        $$renderer2.push(`<!--]--></div>`);
+      }
+      $$renderer2.push(`<!--]-->`);
+    }
+    $$renderer2.push(`<!--]--></div>`);
+  });
+}
+function AppFrame($$renderer, $$props) {
+  $$renderer.component(($$renderer2) => {
+    let {
+      fill = false
+      /** Which app: a slot's contribution, or a chat tool call. */
+      /** What the captain knows it as: the contribution's title, or the tool's. */
+      /** The plugin whose MCP server it comes from. */
+    } = $$props;
+    Promise.resolve();
+    {
+      $$renderer2.push(`<!--[0--><p${attr_class(`text-sm text-muted-foreground ${fill ? "px-4 py-10 sm:px-6" : ""}`)} aria-busy="true">Opening the app…</p>`);
+    }
+    $$renderer2.push(`<!--]--> <dialog class="m-auto w-[min(94vw,560px)] max-w-none rounded-xl border bg-background p-0 text-foreground shadow-xl backdrop:bg-black/60" aria-labelledby="app-ask-title">`);
+    {
+      $$renderer2.push("<!--[-1-->");
+    }
+    $$renderer2.push(`<!--]--></dialog>`);
+  });
+}
+function SlotContent($$renderer, $$props) {
+  $$renderer.component(($$renderer2) => {
+    let { entry, now = Date.now(), panels = PANELS, fill = false } = $$props;
+    const Panel = derived(() => "component" in entry.render ? panels[entry.render.component] : void 0);
+    const element = derived(() => "element" in entry.render);
+    const app = derived(() => "app" in entry.render);
+    let mounted = false;
+    function content($$renderer3, value) {
+      if ("blocks" in entry.render) {
+        $$renderer3.push("<!--[0-->");
+        Blocks($$renderer3, { blocks: value });
+      } else if ((Panel() || element() || app()) && !mounted) {
+        $$renderer3.push(`<!--[1--><p class="text-sm text-muted-foreground" aria-busy="true">Loading…</p>`);
+      } else if (Panel()) {
+        $$renderer3.push("<!--[2-->");
+        {
+          let failed = function($$renderer4) {
+            $$renderer4.push(`<p class="text-sm text-muted-foreground">Not available. The ${escape_html(entry.pluginId)} plugin’s panel could not be shown.</p>`);
+          };
+          $$renderer3.boundary({ failed }, ($$renderer4) => {
+            $$renderer4.push(`<!--[-->`);
+            {
+              if (Panel()) {
+                $$renderer4.push("<!--[-->");
+                Panel()($$renderer4, { data: value, entry });
+                $$renderer4.push("<!--]-->");
+              } else {
+                $$renderer4.push("<!--[!-->");
+                $$renderer4.push("<!--]-->");
+              }
+            }
+            $$renderer4.push(`<!--]-->`);
+          });
+        }
+      } else if (element()) {
+        $$renderer3.push("<!--[3-->");
+        PluginElement($$renderer3, { entry });
+      } else if (app()) {
+        $$renderer3.push(`<!--[4--><!---->`);
+        {
+          AppFrame($$renderer3, {
+            ref: {
+              plugin: entry.pluginId,
+              contribution: entry.contributionId,
+              project: entry.projectId,
+              task: entry.taskId ?? null
+            },
+            title: entry.title,
+            plugin: entry.pluginId,
+            fill
+          });
+        }
+        $$renderer3.push(`<!---->`);
+      } else if ("component" in entry.render) {
+        $$renderer3.push(`<!--[5--><p class="text-sm text-muted-foreground">Not available. This Wheelhouse does not include the “${escape_html(entry.render.component)}” panel.</p>`);
+      } else {
+        $$renderer3.push("<!--[-1-->");
+      }
+      $$renderer3.push(`<!--]-->`);
+    }
+    if (!entry.content.available) {
+      $$renderer2.push(`<!--[0--><p${attr_class(`text-sm text-muted-foreground ${fill ? "px-4 py-10 sm:px-6" : ""}`)}>Not available. ${escape_html(entry.content.reason)}</p>`);
+    } else {
+      $$renderer2.push("<!--[-1-->");
+      if (!fill) {
+        $$renderer2.push("<!--[0-->");
+        content($$renderer2, entry.content.value);
+      } else if ((Panel() || element() || app()) && mounted) ;
+      else {
+        $$renderer2.push(`<!--[-1--><div class="min-h-0 flex-1 overflow-y-auto px-4 py-6 sm:px-6">`);
+        content($$renderer2, entry.content.value);
+        $$renderer2.push(`<!----></div>`);
+      }
+      $$renderer2.push(`<!--]--> <p${attr_class(`text-xs text-muted-foreground ${fill ? "shrink-0 border-t px-4 py-1.5 sm:px-6" : "mt-1.5"}`)}>From ${escape_html(entry.content.source)}${escape_html(entry.content.observedAt ? `, ${ago(entry.content.observedAt, now)}` : "")}.</p>`);
+    }
+    $$renderer2.push(`<!--]-->`);
+  });
+}
+
+export { Blocks as B, SlotContent as S };
+//# sourceMappingURL=SlotContent.js-B4p1QLQN.js.map