@hadoku/resume-bot 0.0.0-stage → 3.15.2

package/dist/builder.js

@@ -0,0 +1,537 @@
+import { jsxs as c, jsx as a } from "react/jsx-runtime";
+import { createRoot as Z } from "react-dom/client";
+import { logger as E } from "@wolffm/logger/client";
+import { useState as d, useRef as ee, useEffect as W, useMemo as D } from "react";
+class H extends Error {
+  constructor(i, l) {
+    super(i), this.status = l, this.name = "BuilderApiError";
+  }
+}
+let X = "";
+function re(e) {
+  X = e.replace(/\/+$/, "");
+}
+async function j(e, i) {
+  const l = await fetch(`${X}/builder${e}`, {
+    ...i,
+    credentials: "include",
+    headers: { "Content-Type": "application/json", ...i?.headers ?? {} }
+  });
+  if (!l.ok) {
+    let s = `${l.status}`;
+    try {
+      const u = await l.json();
+      s = u.message ? `${u.error}: ${u.message}` : u.error ?? s;
+    } catch {
+    }
+    throw new H(s, l.status);
+  }
+  return await l.json();
+}
+function ae() {
+  return j("/blocks");
+}
+function oe(e) {
+  return j(`/blocks/${encodeURIComponent(e.id)}`, {
+    method: "PUT",
+    body: JSON.stringify(e)
+  });
+}
+function te(e) {
+  return j(`/blocks/${encodeURIComponent(e)}`, { method: "DELETE" });
+}
+function ne(e, i) {
+  return j(`/feedback/${encodeURIComponent(e)}`, {
+    method: "POST",
+    body: JSON.stringify({ text: i })
+  });
+}
+const le = [
+  "experience",
+  "project",
+  "skills",
+  "education",
+  "summary",
+  "header"
+];
+function M({
+  block: e,
+  feedback: i,
+  existingIds: l,
+  isNew: s = !1,
+  onSave: u,
+  onDelete: p,
+  onCancel: O,
+  onFeedback: R,
+  onTagClick: I
+}) {
+  const [b, m] = d(e), [y, _] = d(e.tags.join(" ")), [N, g] = d(!1), [B, f] = d(null), [A, v] = d(i?.text ?? ""), [F, k] = d(""), x = ee(void 0);
+  W(() => {
+    s || (m(e), _(e.tags.join(" ")));
+  }, [e, s]);
+  const w = s || JSON.stringify({ ...b, tags: C(y) }) !== JSON.stringify(e);
+  function C(o) {
+    return [...new Set(o.split(/[\s,]+/).filter(Boolean))];
+  }
+  const T = s && (!/^[a-z0-9][a-z0-9-]*$/.test(b.id) || l.includes(b.id));
+  async function S() {
+    g(!0), f(null);
+    try {
+      await u({ ...b, tags: C(y) });
+    } catch (o) {
+      f(o instanceof Error ? o.message : "Save failed");
+    } finally {
+      g(!1);
+    }
+  }
+  async function $() {
+    if (p && confirm(`Delete block "${e.id}"? This removes it from the live resume.`)) {
+      g(!0);
+      try {
+        await p();
+      } catch (o) {
+        f(o instanceof Error ? o.message : "Delete failed"), g(!1);
+      }
+    }
+  }
+  function L(o) {
+    v(o), k("typing…"), clearTimeout(x.current), x.current = setTimeout(() => {
+      R(e.id, o).then(() => k(o.trim() ? "saved ✓" : "")).catch(() => k("save failed"));
+    }, 600);
+  }
+  return /* @__PURE__ */ c(
+    "div",
+    {
+      className: `rb-block${i ? " rb-block--has-feedback" : ""}${w ? " rb-block--dirty" : ""}`,
+      children: [
+        /* @__PURE__ */ c("div", { className: "rb-block__row", children: [
+          s ? /* @__PURE__ */ a(
+            "input",
+            {
+              className: "rb-block__id-input",
+              placeholder: "block-id (kebab-case)",
+              value: b.id,
+              onChange: (o) => m({ ...b, id: o.target.value })
+            }
+          ) : /* @__PURE__ */ a("span", { className: "rb-block__id", children: b.id }),
+          /* @__PURE__ */ a(
+            "select",
+            {
+              className: "rb-block__type",
+              value: b.type,
+              onChange: (o) => m({ ...b, type: o.target.value }),
+              children: le.map((o) => /* @__PURE__ */ a("option", { value: o, children: o }, o))
+            }
+          ),
+          /* @__PURE__ */ c(
+            "label",
+            {
+              className: "rb-block__prio",
+              title: "Priority — how strongly you want this block in a tailored resume. Higher sorts first; a ranking hint, not a hard rule.",
+              children: [
+                "prio",
+                /* @__PURE__ */ a(
+                  "input",
+                  {
+                    type: "number",
+                    min: 0,
+                    max: 10,
+                    value: b.priority,
+                    onChange: (o) => m({ ...b, priority: Number(o.target.value) })
+                  }
+                )
+              ]
+            }
+          )
+        ] }),
+        /* @__PURE__ */ a(
+          "input",
+          {
+            className: "rb-block__title",
+            placeholder: "title (review label — not rendered into the resume)",
+            value: b.title,
+            onChange: (o) => m({ ...b, title: o.target.value })
+          }
+        ),
+        /* @__PURE__ */ a("div", { className: "rb-block__chips", children: C(y).map((o) => /* @__PURE__ */ a(
+          "button",
+          {
+            type: "button",
+            className: `rb-tag rb-tag--${U(o)}`,
+            onClick: () => I(o),
+            title: "filter by this tag",
+            children: o
+          },
+          o
+        )) }),
+        /* @__PURE__ */ a(
+          "input",
+          {
+            className: "rb-block__tags-input",
+            placeholder: "tags (space or comma separated, e.g. tech:python story:scale)",
+            value: y,
+            onChange: (o) => _(o.target.value)
+          }
+        ),
+        /* @__PURE__ */ a(
+          "textarea",
+          {
+            className: "rb-block__content",
+            rows: 8,
+            placeholder: "content (markdown)",
+            value: b.content,
+            onChange: (o) => m({ ...b, content: o.target.value })
+          }
+        ),
+        /* @__PURE__ */ c("div", { className: "rb-block__actions", children: [
+          /* @__PURE__ */ a(
+            "button",
+            {
+              type: "button",
+              className: "rb-builder__btn rb-builder__btn--primary",
+              onClick: () => {
+                S();
+              },
+              disabled: N || !w || T,
+              children: N ? "Saving…" : s ? "Create" : "Save"
+            }
+          ),
+          s ? /* @__PURE__ */ a("button", { type: "button", className: "rb-builder__btn", onClick: O, children: "Cancel" }) : /* @__PURE__ */ a(
+            "button",
+            {
+              type: "button",
+              className: "rb-builder__btn rb-builder__btn--danger",
+              onClick: () => {
+                $();
+              },
+              disabled: N,
+              children: "Delete"
+            }
+          ),
+          T && /* @__PURE__ */ a("span", { className: "rb-block__hint", children: "id must be unique kebab-case" }),
+          B && /* @__PURE__ */ a("span", { className: "rb-block__hint rb-block__hint--error", children: B })
+        ] }),
+        !s && /* @__PURE__ */ c("div", { className: "rb-block__feedback", children: [
+          /* @__PURE__ */ a(
+            "textarea",
+            {
+              rows: 2,
+              placeholder: "review note (autosaves)…",
+              value: A,
+              onChange: (o) => L(o.target.value)
+            }
+          ),
+          /* @__PURE__ */ a("span", { className: "rb-block__fb-status", children: F })
+        ] })
+      ]
+    }
+  );
+}
+var ie = "https://hadoku.me/prefs", Y = "anon", K = "__hadokuWhoami", se = "sess:", ce = "unscoped";
+function q(e) {
+  if (!e || e.valid === !1)
+    return { userId: Y, userType: "public", scope: "anon" };
+  const i = e.userType === "admin" || e.userType === "wife" || e.userType === "service" || e.userType === "friend" || e.userType === "member" || e.userType === "public" ? e.userType : "public", l = typeof e.name == "string" ? e.name : null;
+  return typeof e.userId == "string" && e.userId ? { userId: e.userId, userType: i, name: l, scope: "user" } : typeof e.sessionId == "string" && e.sessionId ? {
+    userId: `${se}${e.sessionId}`,
+    userType: i,
+    name: l,
+    scope: "session"
+  } : { userId: ce, userType: i, name: l, scope: "none" };
+}
+async function G(e, i) {
+  const l = {};
+  i && (l["X-User-Key"] = i);
+  try {
+    const s = await fetch(e, {
+      method: "GET",
+      headers: l,
+      credentials: "include",
+      cache: "no-store"
+    });
+    return s.ok ? await s.json() : null;
+  } catch {
+    return null;
+  }
+}
+function de() {
+  const e = globalThis.location;
+  return e && (e.protocol === "http:" || e.protocol === "https:") ? "/session/whoami" : `${ie.replace(/\/prefs$/, "")}/session/whoami`;
+}
+async function be(e = {}) {
+  const i = e.whoamiUrl ?? de();
+  if (e.userKey)
+    return q(await G(i, e.userKey));
+  const l = globalThis;
+  let s = l[K];
+  s || (s = G(i), l[K] = s);
+  try {
+    return q(await s);
+  } catch {
+    return { userId: Y, userType: "public", scope: "anon" };
+  }
+}
+function P() {
+  if (typeof window > "u") return;
+  const e = encodeURIComponent(window.location.pathname + window.location.search);
+  window.location.replace(`/auth?return=${e}`);
+}
+function ue() {
+  const [e, i] = d("checking"), [l, s] = d(null);
+  return W(() => {
+    let u = !1;
+    return be().then((p) => {
+      if (!u) {
+        if (p.userType === "admin") {
+          s(p.name ?? null), i("authorized");
+          return;
+        }
+        E.info("[builder] not admin, redirecting to sign in", { userType: p.userType }), i("redirecting"), P();
+      }
+    }).catch((p) => {
+      u || (E.error("[builder] whoami failed", {
+        error: p instanceof Error ? p.message : String(p)
+      }), i("redirecting"), P());
+    }), () => {
+      u = !0;
+    };
+  }, []), { status: e, name: l };
+}
+const pe = [
+  "experience",
+  "project",
+  "skills",
+  "education",
+  "summary",
+  "header"
+];
+function U(e) {
+  return e.startsWith("tech:") ? "tech" : e.startsWith("layer:") ? "layer" : e.startsWith("story:") ? "story" : "plain";
+}
+function he() {
+  return { id: "", type: "experience", tags: [], title: "", content: "", priority: 5 };
+}
+function me() {
+  const { status: e, name: i } = ue(), [l, s] = d([]), [u, p] = d({}), [O, R] = d(!0), [I, b] = d(null), [m, y] = d(""), [_, N] = d(""), [g, B] = d(/* @__PURE__ */ new Set()), [f, A] = d(!0), [v, F] = d("order"), [k, x] = d(null);
+  W(() => {
+    if (e !== "authorized") return;
+    let r = !1;
+    return ae().then((t) => {
+      r || (s(t.blocks), p(t.feedback));
+    }).catch((t) => {
+      if (r) return;
+      if (t instanceof H && (t.status === 401 || t.status === 403)) {
+        P();
+        return;
+      }
+      const n = t instanceof Error ? t.message : "Failed to load blocks";
+      b(n), E.error("[builder] load failed", { error: n });
+    }).finally(() => {
+      r || R(!1);
+    }), () => {
+      r = !0;
+    };
+  }, [e]);
+  const w = D(() => {
+    const r = /* @__PURE__ */ new Map();
+    for (const t of l) for (const n of t.tags) r.set(n, (r.get(n) ?? 0) + 1);
+    return r;
+  }, [l]), C = D(
+    () => [...w.keys()].sort(
+      (r, t) => U(r).localeCompare(U(t)) || r.localeCompare(t)
+    ),
+    [w]
+  ), T = D(() => {
+    const r = m.trim().toLowerCase();
+    let t = l.filter((n) => {
+      if (_ && n.type !== _ || r && !(n.id + n.title + n.content).toLowerCase().includes(r)) return !1;
+      if (g.size) {
+        const h = [...g].filter((z) => n.tags.includes(z)).length;
+        if (f ? h !== g.size : h === 0) return !1;
+      }
+      return !0;
+    });
+    return v === "priority" ? t = [...t].sort((n, h) => h.priority - n.priority) : v === "type" ? t = [...t].sort((n, h) => n.type.localeCompare(h.type)) : v === "feedback" && (t = [...t].sort((n, h) => (u[h.id] ? 1 : 0) - (u[n.id] ? 1 : 0))), t;
+  }, [l, m, _, g, f, v, u]);
+  function S(r) {
+    B((t) => {
+      const n = new Set(t);
+      return n.has(r) ? n.delete(r) : n.add(r), n;
+    });
+  }
+  async function $(r, t) {
+    const { block: n } = await oe(r);
+    s((h) => {
+      const z = h.findIndex((V) => V.id === n.id);
+      if (z === -1) return [...h, n];
+      const J = [...h];
+      return J[z] = n, J;
+    }), t && x(null);
+  }
+  async function L(r) {
+    await te(r), s((t) => t.filter((n) => n.id !== r));
+  }
+  async function o(r, t) {
+    const n = await ne(r, t);
+    p(n.feedback);
+  }
+  function Q() {
+    const r = new Blob([JSON.stringify(l, null, 2)], { type: "application/json" }), t = URL.createObjectURL(r), n = document.createElement("a");
+    n.href = t, n.download = "blocks.json", n.click(), URL.revokeObjectURL(t);
+  }
+  return e === "checking" ? /* @__PURE__ */ a("p", { className: "rb-builder__status", children: "Checking access…" }) : e === "redirecting" ? /* @__PURE__ */ a("p", { className: "rb-builder__status", children: "Redirecting to sign in…" }) : O ? /* @__PURE__ */ a("p", { className: "rb-builder__status", children: "Loading blocks…" }) : I ? /* @__PURE__ */ a("p", { className: "rb-builder__status rb-builder__status--error", children: I }) : /* @__PURE__ */ c("div", { className: "rb-builder", children: [
+    /* @__PURE__ */ c("div", { className: "rb-builder__toolbar", children: [
+      /* @__PURE__ */ c("header", { className: "rb-builder__header", children: [
+        /* @__PURE__ */ a("h1", { children: "Resume Builder" }),
+        /* @__PURE__ */ c("div", { className: "rb-builder__count", children: [
+          T.length,
+          " / ",
+          l.length,
+          " blocks"
+        ] }),
+        i && /* @__PURE__ */ c("div", { className: "rb-builder__whoami", children: [
+          "Signed in as ",
+          /* @__PURE__ */ a("span", { className: "rb-builder__whoami-name", children: i })
+        ] }),
+        /* @__PURE__ */ c("div", { className: "rb-builder__header-actions", children: [
+          /* @__PURE__ */ a("button", { type: "button", onClick: Q, className: "rb-builder__btn", children: "Export blocks.json" }),
+          /* @__PURE__ */ a(
+            "button",
+            {
+              type: "button",
+              onClick: () => x(he()),
+              className: "rb-builder__btn rb-builder__btn--primary",
+              disabled: k !== null,
+              children: "+ New block"
+            }
+          )
+        ] })
+      ] }),
+      /* @__PURE__ */ c("div", { className: "rb-builder__controls", children: [
+        /* @__PURE__ */ a(
+          "input",
+          {
+            type: "search",
+            placeholder: "Search id, title, content…",
+            value: m,
+            onChange: (r) => y(r.target.value),
+            className: "rb-builder__search"
+          }
+        ),
+        /* @__PURE__ */ c(
+          "select",
+          {
+            value: _,
+            onChange: (r) => N(r.target.value),
+            className: "rb-builder__select",
+            children: [
+              /* @__PURE__ */ a("option", { value: "", children: "all types" }),
+              pe.map((r) => /* @__PURE__ */ a("option", { value: r, children: r }, r))
+            ]
+          }
+        ),
+        /* @__PURE__ */ c(
+          "select",
+          {
+            value: v,
+            onChange: (r) => F(r.target.value),
+            className: "rb-builder__select",
+            children: [
+              /* @__PURE__ */ a("option", { value: "order", children: "render order" }),
+              /* @__PURE__ */ a("option", { value: "priority", children: "priority ↓" }),
+              /* @__PURE__ */ a("option", { value: "type", children: "type" }),
+              /* @__PURE__ */ a("option", { value: "feedback", children: "has feedback" })
+            ]
+          }
+        ),
+        /* @__PURE__ */ c("label", { className: "rb-builder__andmode", children: [
+          /* @__PURE__ */ a("input", { type: "checkbox", checked: f, onChange: (r) => A(r.target.checked) }),
+          "match all tags"
+        ] })
+      ] }),
+      /* @__PURE__ */ c("div", { className: "rb-builder__legend", children: [
+        /* @__PURE__ */ c("span", { className: "rb-builder__legend-item", children: [
+          /* @__PURE__ */ a("span", { className: "rb-builder__legend-dot rb-builder__legend-dot--tech" }),
+          "tech:"
+        ] }),
+        /* @__PURE__ */ c("span", { className: "rb-builder__legend-item", children: [
+          /* @__PURE__ */ a("span", { className: "rb-builder__legend-dot rb-builder__legend-dot--layer" }),
+          "layer:"
+        ] }),
+        /* @__PURE__ */ c("span", { className: "rb-builder__legend-item", children: [
+          /* @__PURE__ */ a("span", { className: "rb-builder__legend-dot rb-builder__legend-dot--story" }),
+          "story:"
+        ] }),
+        /* @__PURE__ */ c("span", { className: "rb-builder__legend-item", children: [
+          /* @__PURE__ */ a("span", { className: "rb-builder__legend-dot rb-builder__legend-dot--plain" }),
+          "other / always"
+        ] }),
+        /* @__PURE__ */ c("span", { className: "rb-builder__legend-item", children: [
+          /* @__PURE__ */ a("strong", { children: "prio" }),
+          " = how strongly you want a block (sort/rank hint)"
+        ] })
+      ] }),
+      /* @__PURE__ */ a("div", { className: "rb-builder__tagbar", children: C.map((r) => /* @__PURE__ */ c(
+        "button",
+        {
+          type: "button",
+          onClick: () => S(r),
+          className: `rb-tag rb-tag--${U(r)}${g.has(r) ? " rb-tag--active" : ""}`,
+          children: [
+            r,
+            /* @__PURE__ */ a("span", { className: "rb-tag__n", children: w.get(r) })
+          ]
+        },
+        r
+      )) })
+    ] }),
+    /* @__PURE__ */ c("div", { className: "rb-builder__list", children: [
+      k && /* @__PURE__ */ a(
+        M,
+        {
+          block: k,
+          feedback: void 0,
+          isNew: !0,
+          existingIds: l.map((r) => r.id),
+          onSave: (r) => $(r, !0),
+          onCancel: () => x(null),
+          onFeedback: o,
+          onTagClick: S
+        },
+        "__new__"
+      ),
+      T.map((r) => /* @__PURE__ */ a(
+        M,
+        {
+          block: r,
+          feedback: u[r.id],
+          existingIds: l.map((t) => t.id),
+          onSave: (t) => $(t, !1),
+          onDelete: () => L(r.id),
+          onFeedback: o,
+          onTagClick: S
+        },
+        r.id
+      ))
+    ] })
+  ] });
+}
+const ge = "#resume-builder-root{height:100vh;overflow-y:auto}.rb-builder{box-sizing:border-box;max-width:1000px;margin:0 auto;padding:0 var(--hdk-space-lg) var(--hdk-space-3xl);color:var(--color-text);font-size:var(--hdk-text-sm)}.rb-builder *,.rb-builder *:before,.rb-builder *:after{box-sizing:border-box}.rb-builder__status{padding:var(--hdk-space-lg);color:var(--color-text-secondary)}.rb-builder__status--error{border-left:3px solid var(--color-danger);padding-left:.5rem;color:var(--color-text)}.rb-builder__toolbar{position:sticky;top:0;z-index:5;background:var(--color-bg);padding-top:var(--hdk-space-lg);margin-bottom:var(--hdk-space-lg);border-bottom:1px solid var(--color-border)}.rb-builder__header{display:flex;align-items:center;gap:var(--hdk-space-md);flex-wrap:wrap;margin-bottom:var(--hdk-space-md)}.rb-builder__header h1{font-size:var(--hdk-text-lg);margin:0;line-height:1.2}.rb-builder__count{color:var(--color-text-secondary);font-variant-numeric:tabular-nums}.rb-builder__whoami{margin-left:auto;color:var(--color-text-secondary);font-size:var(--hdk-text-xs);white-space:nowrap}.rb-builder__whoami-name{color:var(--color-text);font-weight:600}.rb-builder__header-actions{margin-left:auto;display:flex;gap:var(--hdk-space-sm)}.rb-builder__whoami+.rb-builder__header-actions{margin-left:var(--hdk-space-md)}.rb-builder__controls{display:flex;gap:var(--hdk-space-sm);flex-wrap:wrap;align-items:center;margin-bottom:var(--hdk-space-sm)}.rb-builder__search{flex:1 1 220px;min-width:200px}.rb-builder__andmode{display:flex;align-items:center;gap:.4rem;color:var(--color-text-secondary);white-space:nowrap;cursor:pointer;user-select:none}.rb-builder__andmode input{accent-color:var(--color-primary)}.rb-builder__legend{display:flex;flex-wrap:wrap;align-items:center;gap:var(--hdk-space-md);padding:var(--hdk-space-sm) 0;color:var(--color-text-secondary);font-size:var(--hdk-text-xs)}.rb-builder__legend-item{display:inline-flex;align-items:center;gap:.4rem;white-space:nowrap}.rb-builder__legend-dot{width:.7rem;height:.7rem;border-radius:999px;border:1px solid var(--color-neutral);background:var(--color-neutral);flex:none}.rb-builder__legend-dot--tech{border-color:var(--color-success);background:var(--color-success)}.rb-builder__legend-dot--layer{border-color:var(--color-primary);background:var(--color-primary)}.rb-builder__legend-dot--story{border-color:var(--color-warning);background:var(--color-warning)}.rb-builder__search,.rb-builder__select,.rb-block__id-input,.rb-block__title,.rb-block__tags-input,.rb-block__type,.rb-block__prio input,.rb-block__content,.rb-block__feedback textarea{background:var(--color-bg);color:var(--color-text);border:1px solid var(--color-border);border-radius:var(--hdk-radius-sm);padding:.45rem .6rem;font-family:inherit;font-size:var(--hdk-text-sm);line-height:1.4}.rb-builder__search:focus,.rb-builder__select:focus,.rb-block__id-input:focus,.rb-block__title:focus,.rb-block__tags-input:focus,.rb-block__type:focus,.rb-block__prio input:focus,.rb-block__content:focus,.rb-block__feedback textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:var(--hdk-shadow-focus)}.rb-builder__tagbar{display:flex;flex-wrap:wrap;gap:.4rem;max-height:116px;overflow-y:auto;padding:var(--hdk-space-sm) 0 var(--hdk-space-md)}.rb-tag{display:inline-flex;align-items:center;gap:.35rem;padding:.15rem .55rem;border-radius:999px;border:1px solid var(--color-neutral);background:var(--color-neutral-bg);color:var(--color-on-neutral-bg);font-size:var(--hdk-text-xs);line-height:1.5;cursor:pointer;font-family:ui-monospace,monospace;transition:background .12s ease,color .12s ease}.rb-tag:hover{background:color-mix(in srgb,currentcolor 15%,transparent)}.rb-tag--tech{border-color:var(--color-success);background:var(--color-success-bg);color:var(--color-on-success-bg)}.rb-tag--layer{border-color:var(--color-primary);background:var(--color-primary-bg);color:var(--color-on-primary-bg)}.rb-tag--story{border-color:var(--color-warning);background:var(--color-warning-bg);color:var(--color-on-warning-bg)}.rb-tag--active{background:var(--color-neutral);color:var(--color-on-neutral)}.rb-tag--tech.rb-tag--active{background:var(--color-success);color:var(--color-on-success)}.rb-tag--layer.rb-tag--active{background:var(--color-primary);color:var(--color-on-primary)}.rb-tag--story.rb-tag--active{background:var(--color-warning);color:var(--color-on-warning)}.rb-tag--active .rb-tag__n{color:inherit}.rb-tag__n{opacity:.75;font-size:.9em;font-variant-numeric:tabular-nums}.rb-builder__list{display:flex;flex-direction:column;gap:var(--hdk-space-md)}.rb-block{border:1px solid var(--color-border);border-left:3px solid transparent;border-radius:var(--hdk-radius-sm);padding:var(--hdk-space-md);display:flex;flex-direction:column;gap:var(--hdk-space-sm);background:var(--color-bg-card);box-shadow:var(--hdk-shadow-sm)}.rb-block--has-feedback{border-left-color:var(--color-success)}.rb-block--dirty{border-left-color:var(--color-warning)}.rb-block__row{display:flex;align-items:center;gap:var(--hdk-space-sm)}.rb-block__id{font-family:ui-monospace,monospace;color:var(--color-text);font-weight:600;word-break:break-all}.rb-block__id-input{flex:1;font-family:ui-monospace,monospace}.rb-block__type{flex:none}.rb-block__prio{display:flex;align-items:center;gap:.4rem;margin-left:auto;color:var(--color-text-secondary);white-space:nowrap}.rb-block__prio input{width:3.5rem;text-align:center}.rb-block__title{width:100%}.rb-block__content{width:100%;resize:vertical;min-height:8rem;font-family:ui-monospace,monospace;line-height:1.5}.rb-block__chips{display:flex;flex-wrap:wrap;gap:.35rem}.rb-block__chips:empty{display:none}.rb-block__tags-input{width:100%;font-family:ui-monospace,monospace}.rb-block__actions{display:flex;align-items:center;flex-wrap:wrap;gap:var(--hdk-space-sm);margin-top:.15rem}.rb-block__hint{color:var(--color-text-secondary);font-size:var(--hdk-text-xs)}.rb-block__hint--error{border-left:3px solid var(--color-danger);padding-left:.5rem;color:var(--color-text)}.rb-block__feedback{display:flex;align-items:flex-start;gap:var(--hdk-space-sm);padding-top:var(--hdk-space-sm);margin-top:var(--hdk-space-xs);border-top:1px dashed var(--color-border)}.rb-block__feedback textarea{flex:1;resize:vertical}.rb-block__fb-status{color:var(--color-text-secondary);font-size:var(--hdk-text-xs);white-space:nowrap;padding-top:.5rem}.rb-builder__btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;padding:.45rem .9rem;border-radius:var(--hdk-radius-sm);border:1px solid var(--color-border);background:var(--color-bg-card);color:var(--color-text);cursor:pointer;font-family:inherit;font-size:var(--hdk-text-sm);font-weight:500;line-height:1.4;white-space:nowrap;transition:background .12s ease,border-color .12s ease,opacity .12s ease}.rb-builder__btn:hover:not(:disabled){background:var(--color-bg-hover);border-color:var(--color-text-secondary)}.rb-builder__btn:focus-visible{outline:none;box-shadow:var(--hdk-shadow-focus)}.rb-builder__btn:disabled{opacity:.45;cursor:not-allowed}.rb-builder__btn--primary{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-on-primary)}.rb-builder__btn--primary:hover:not(:disabled){background:var(--color-primary-dark);border-color:var(--color-primary-dark)}.rb-builder__btn--danger{color:var(--color-text);border-color:var(--color-danger);background:transparent}.rb-builder__btn--danger:hover:not(:disabled){background:var(--color-danger);border-color:var(--color-danger);color:var(--color-on-danger)}";
+function _e() {
+  if (document.getElementById("rb-builder-styles")) return;
+  const e = document.createElement("style");
+  e.id = "rb-builder-styles", e.textContent = ge, document.head.appendChild(e);
+}
+function xe(e, i) {
+  _e(), re(i.apiBaseUrl);
+  const l = Z(e);
+  l.render(/* @__PURE__ */ a(me, {})), e.__root = l, E.info("[resume-builder] Mounted", { apiBaseUrl: i.apiBaseUrl });
+}
+function we(e) {
+  e.__root?.unmount(), E.info("[resume-builder] Unmounted");
+}
+export {
+  xe as mount,
+  we as unmount
+};
+//# sourceMappingURL=builder.js.map