@blogmcp/community 0.1.0 → 0.3.0

package/dist/chunks/mount-DzjwnHyx.js

@@ -1,4597 +0,0 @@
-import { reactive, shallowRef, provide, inject, onMounted, onBeforeUnmount, nextTick, defineComponent, ref, createElementBlock, openBlock, unref, createElementVNode, createCommentVNode, toDisplayString, normalizeClass, computed, watch, withModifiers, withDirectives, vModelText, Fragment, renderList, normalizeStyle, createTextVNode, withKeys, resolveComponent, createVNode, createBlock, vModelRadio, vModelCheckbox, vModelSelect, useHost, renderSlot, defineCustomElement } from "vue";
-import { COMMUNITY_ROUTES, isRelativeCommunityBase, createCommunityClient, COMMUNITY_DISPLAY_NAME_MIN, COMMUNITY_DISPLAY_NAME_MAX, COMMUNITY_HANDLE_RE, isKnownNeed, communityRulesOf, hasCommunityMessage, communityMessage, createDiscussionStore, viewerNeeds, isOwnMessage, findMessage, COMMUNITY_REPORT_NOTE_MAX, reactionsFor, reactionAfter, newClientMsgId, COMMUNITY_MESSAGE_MAX, loadMoreDiscussion, refreshDiscussion, pollDiscussionHead, COMMUNITY_MESSAGE_LINKS_MAX, confirmMessageKey, noteMessageKey, warningMessageKey, AGE_BANDS, COMMUNITY_HANDLE_CHANGE_DAYS, CASE_CATEGORIES, statementPath, signInLink, COMMUNITY_APPEAL_MAX, isKnownNotificationCode, receiptFromHash, readReceiptFromHash, COMMUNITY_GOOD_FAITH, noticeStatusLink, COMMUNITY_NOTICE_DESCRIPTION_MAX, COMMUNITY_NOTIFIER_NAME_MAX, CATEGORY_WITHOUT_NOTIFIER, COMMUNITY_NOTICE_TURNSTILE_ACTION } from "@blogmcp/sdk/community";
-import { sanitizeUrl } from "@blogmcp/sanitize/url";
-const ROUTE_KEYS = ["statementPath", "myCommunityPath", "rulesPath", "reportPath", "noticesPath", "consultationPath"];
-function isSitePath(path) {
-  return typeof path === "string" && /^\/(?![/\\])/.test(path) && !/[\s\\\u0000-\u001f\u007f]/.test(path);
-}
-const isRecord = (v) => typeof v === "object" && v !== null && !Array.isArray(v);
-function jsonOf(value) {
-  if (typeof value !== "string") return value;
-  if (value.trim() === "") return null;
-  try {
-    return JSON.parse(value);
-  } catch {
-    return null;
-  }
-}
-function parseRoutes(value) {
-  const raw = jsonOf(value);
-  const out = {};
-  if (!isRecord(raw)) return out;
-  for (const key of ROUTE_KEYS) if (isSitePath(raw[key])) out[key] = raw[key];
-  return out;
-}
-function siteBaseOf(value) {
-  if (value === void 0 || value === null || value === "") return "";
-  if (typeof value !== "string") return null;
-  const base = value.replace(/\/+$/, "");
-  if (base === "") return value.startsWith("/") ? "" : null;
-  return /^(?:\/(?!\.{1,2}(?:\/|$))[A-Za-z0-9._~%-]+)+$/.test(base) ? base : null;
-}
-function routesWithDefaults(routes, tenant, siteBase = "") {
-  const site = (path) => isSitePath(path) ? path : void 0;
-  return {
-    statementPath: routes.statementPath ?? site(tenant?.statementPath) ?? `${siteBase}${COMMUNITY_ROUTES.statement}`,
-    myCommunityPath: routes.myCommunityPath ?? site(tenant?.myCommunityPath) ?? `${siteBase}${COMMUNITY_ROUTES.myCommunity}`,
-    rulesPath: routes.rulesPath ?? `${siteBase}${COMMUNITY_ROUTES.rules}`,
-    reportPath: routes.reportPath ?? `${siteBase}${COMMUNITY_ROUTES.report}`,
-    noticesPath: routes.noticesPath ?? `${siteBase}${COMMUNITY_ROUTES.notices}`,
-    consultationPath: routes.consultationPath ?? null
-  };
-}
-const ID_RE = /^[0-9a-f]{8}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{12}$/i;
-const HANDLE_RE = /^[a-z0-9][a-z0-9_]{2,29}$/;
-const isId = (v) => typeof v === "string" && ID_RE.test(v);
-const isSeq = (v) => typeof v === "number" && Number.isSafeInteger(v) && v > 0;
-function parseTarget(value) {
-  const raw = jsonOf(value);
-  if (!isRecord(raw)) return null;
-  if ("conversationId" in raw) return isId(raw.conversationId) && isSeq(raw.seq) ? { conversationId: raw.conversationId.toLowerCase(), seq: raw.seq } : null;
-  if ("memberId" in raw) return isId(raw.memberId) ? { memberId: raw.memberId.toLowerCase() } : null;
-  if ("handle" in raw) return typeof raw.handle === "string" && HANDLE_RE.test(raw.handle) ? { handle: raw.handle } : null;
-  if ("articleId" in raw) return isId(raw.articleId) ? { articleId: raw.articleId.toLowerCase() } : null;
-  return null;
-}
-function targetKind(target) {
-  if ("conversationId" in target) return "message";
-  if ("articleId" in target) return "article";
-  return "profile";
-}
-function reportLink(reportPath, target) {
-  if (!isSitePath(reportPath) || reportPath.includes("#") || !isId(target.conversationId) || !isSeq(target.seq)) return null;
-  return `${reportPath}#c=${target.conversationId.toLowerCase()}&s=${target.seq}`;
-}
-function targetFromHash(hash) {
-  if (typeof hash !== "string" || !hash.startsWith("#") || hash.startsWith("#t=")) return null;
-  const params = /* @__PURE__ */ new Map();
-  for (const part of hash.slice(1).split("&")) {
-    const eq = part.indexOf("=");
-    if (eq > 0) params.set(part.slice(0, eq), part.slice(eq + 1));
-  }
-  const c = params.get("c");
-  const s = params.get("s");
-  if (c !== void 0 && s !== void 0 && /^\d{1,15}$/.test(s)) return parseTarget({ conversationId: c, seq: Number(s) });
-  const a = params.get("a");
-  if (a !== void 0) return parseTarget({ articleId: a });
-  return null;
-}
-const DEFAULT_API_BASE = "/api/community";
-const warned = /* @__PURE__ */ new Set();
-function warnOnce(key, message) {
-  if (warned.has(key)) return;
-  warned.add(key);
-  console.warn(message);
-}
-function siteBaseFor(value) {
-  const base = siteBaseOf(value);
-  if (base === null) warnOnce("site-base", '[blogmcp-community] site-base must be a path on this site (e.g. "/blog"), never a URL: the site’s pages and its proxy are found under it');
-  return base;
-}
-function communityClientFor(apiBase, transport, siteBase = "") {
-  const base = apiBase === void 0 || apiBase === null || apiBase === "" ? `${siteBase}${DEFAULT_API_BASE}` : apiBase;
-  if (!isRelativeCommunityBase(base)) {
-    warnOnce("api-base", '[blogmcp-community] api-base must be a path on this site (e.g. "/api/community"), never a URL: the community API is reached through the site’s own proxy or BFF');
-    return null;
-  }
-  try {
-    return createCommunityClient(transport ? { base, transport } : { base });
-  } catch {
-    warnOnce("api-base", "[blogmcp-community] api-base was refused by the community client");
-    return null;
-  }
-}
-const UGC_LINK_REL = "nofollow ugc noopener noreferrer";
-const URL_RE = /\b(?:https?:\/\/|www\.)[^\s<>"'`{}|\\^]+/gi;
-const TRAILING = `.,;:!?…'"»”’]`;
-function trimUrl(raw) {
-  let url = raw;
-  while (url.length > 0) {
-    const last = url[url.length - 1];
-    if (last === ")") {
-      const opens = url.split("(").length - 1;
-      const closes = url.split(")").length - 1;
-      if (closes <= opens) break;
-    } else if (!TRAILING.includes(last)) {
-      break;
-    }
-    url = url.slice(0, -1);
-  }
-  return url;
-}
-function safeHref(url) {
-  const candidate = /^www\./i.test(url) ? `https://${url}` : url;
-  if (/^https?:\/\/$/i.test(candidate)) return null;
-  const safe = sanitizeUrl(candidate);
-  return safe !== "about:blank" && /^https?:\/\//i.test(safe) ? safe : null;
-}
-function linkify(text) {
-  const out = [];
-  if (typeof text !== "string" || text === "") return out;
-  let at = 0;
-  for (const m of text.matchAll(URL_RE)) {
-    const start = m.index ?? 0;
-    if (start < at) continue;
-    const url = trimUrl(m[0]);
-    const href = url ? safeHref(url) : null;
-    if (!href) continue;
-    if (start > at) out.push({ kind: "text", text: text.slice(at, start) });
-    out.push({ kind: "link", text: url, href });
-    at = start + url.length;
-  }
-  if (at < text.length) out.push({ kind: "text", text: text.slice(at) });
-  return out;
-}
-function codePointLength(text) {
-  let n = 0;
-  for (const _ of text) n++;
-  return n;
-}
-function normalizeBody(text) {
-  return typeof text === "string" ? text.normalize("NFC").trim() : "";
-}
-const ENTITIES = Object.freeze({
-  amp: "&",
-  lt: "<",
-  gt: ">",
-  quot: '"',
-  apos: "'",
-  nbsp: " ",
-  ndash: "–",
-  mdash: "—",
-  hellip: "…",
-  laquo: "«",
-  raquo: "»",
-  bdquo: "„",
-  ldquo: "“",
-  rdquo: "”",
-  lsquo: "‘",
-  rsquo: "’",
-  sbquo: "‚",
-  copy: "©",
-  reg: "®",
-  euro: "€",
-  shy: ""
-});
-function decodeEntities(text) {
-  return text.replace(/&(#\d{1,7}|#x[0-9a-f]{1,6}|[a-z]{2,8});/gi, (match, entity) => {
-    if (entity[0] === "#") {
-      const hex = entity[1] === "x" || entity[1] === "X";
-      const cp = Number.parseInt(entity.slice(hex ? 2 : 1), hex ? 16 : 10);
-      return cp > 0 && cp <= 1114111 && !(cp >= 55296 && cp <= 57343) ? String.fromCodePoint(cp) : match;
-    }
-    return ENTITIES[entity.toLowerCase()] ?? match;
-  });
-}
-const BLOCK_END = /<\/(?:p|div|li|h[1-6]|section|article|blockquote|tr|ul|ol|dl|dt|dd|header|footer|table|pre|figure)\s*>/gi;
-const BLOCK_START = /<(?:li|tr|dt|dd|h[1-6]|blockquote|pre|figure)\b[^>]*>/gi;
-function htmlToParagraphs(html) {
-  if (typeof html !== "string" || html === "") return [];
-  const text = html.replace(/<!--[\s\S]*?-->/g, "").replace(/<(script|style|template|noscript|svg|math)\b[\s\S]*?<\/\1\s*>/gi, "").replace(/[\t\n\r\f ]+/g, " ").replace(/<br\b[^>]*>/gi, "\n").replace(BLOCK_END, "\n\n").replace(BLOCK_START, "\n\n").replace(/<[^>]*>/g, "");
-  return decodeEntities(text).split(/\n{2,}/).map(
-    (p) => p.replace(/ *\n */g, "\n").replace(/[  ]{2,}/g, " ").trim()
-  ).filter((p) => p !== "");
-}
-function normalizeName(name) {
-  return typeof name === "string" ? name.normalize("NFKC").replace(/\s+/gu, " ").trim() : "";
-}
-function isDisplayNameOk(name) {
-  const n = codePointLength(normalizeName(name));
-  return n >= COMMUNITY_DISPLAY_NAME_MIN && n <= COMMUNITY_DISPLAY_NAME_MAX;
-}
-const HANDLE_MIN = 3;
-const HANDLE_MAX = 30;
-function normalizeHandle(handle) {
-  return typeof handle === "string" ? handle.trim().toLowerCase() : "";
-}
-function isHandleOk(handle) {
-  const h = normalizeHandle(handle);
-  return h === "" || COMMUNITY_HANDLE_RE.test(h);
-}
-const ASCII = Object.freeze({ ß: "ss", ł: "l", đ: "d", ð: "d", ø: "o", ħ: "h", ŧ: "t", ı: "i", æ: "ae", œ: "oe", þ: "th", ŀ: "l" });
-function suggestedHandle(displayName) {
-  const folded = normalizeName(displayName).toLowerCase().normalize("NFD").replace(new RegExp("\\p{M}+", "gu"), "").normalize("NFC");
-  const ascii = folded.replace(/[ßłđðøħŧıæœþŀ]/g, (ch) => ASCII[ch] ?? ch);
-  const stem = ascii.split(/[^a-z0-9]+/).filter((p) => p !== "").join("_").slice(0, 24).replace(/_+$/, "");
-  return COMMUNITY_HANDLE_RE.test(stem) ? stem : null;
-}
-const PROFILE_FIELDS = /* @__PURE__ */ new Set(["displayName", "handle", "avatarPreset"]);
-const TEXT_FIELDS = /* @__PURE__ */ new Set(["rulesTextId", "art9TextId"]);
-function stepsOf(me, needs) {
-  const steps = [];
-  if (!me.member?.ageBand) steps.push("age");
-  if (me.acceptances.rules !== "accepted") steps.push("rules");
-  if (needs.includes("art9_consent")) steps.push("art9");
-  if (!me.profile) steps.push("profile");
-  return steps;
-}
-function createOnboarding(o) {
-  const call = o.signal ? { signal: o.signal } : {};
-  const state = reactive({
-    phase: "loading",
-    steps: [],
-    index: 0,
-    me: null,
-    rulesText: null,
-    rules: [],
-    art9Text: null,
-    art9Paragraphs: [],
-    reconsent: false,
-    ageBand: null,
-    rulesAccepted: false,
-    art9Accepted: false,
-    displayName: "",
-    handle: "",
-    avatarPreset: null,
-    failure: null,
-    fields: [],
-    minAge: null
-  });
-  const fail = (failure) => {
-    state.failure = failure;
-    state.phase = "failed";
-  };
-  async function textsFor(steps) {
-    const [rules, art9] = await Promise.all([
-      steps.includes("rules") ? o.client.legal.current({ kind: "rules", locale: o.lang }, call) : null,
-      steps.includes("art9") ? o.client.legal.current({ kind: "art9_consent", locale: o.lang }, call) : null
-    ]);
-    for (const r of [rules, art9]) {
-      if (r && !r.ok) {
-        fail(r);
-        return null;
-      }
-    }
-    return { rules: rules?.ok ? rules.value : null, art9: art9?.ok ? art9.value : null };
-  }
-  async function read() {
-    const me = await o.client.me.get(call);
-    if (!me.ok) {
-      fail(me);
-      return null;
-    }
-    const needs = me.value.needs.filter(isKnownNeed);
-    if (needs.includes("sign_in")) {
-      o.onSignIn();
-      return null;
-    }
-    const steps = stepsOf(me.value, needs);
-    const texts = await textsFor(steps);
-    return texts ? { me: me.value, steps, texts } : null;
-  }
-  function apply(r) {
-    if (r.texts.rules?.textId !== state.rulesText?.textId) state.rulesAccepted = false;
-    if (r.texts.art9?.textId !== state.art9Text?.textId) state.art9Accepted = false;
-    state.me = r.me;
-    state.steps = r.steps;
-    state.reconsent = r.me.acceptances.rules === "reconsent_required";
-    state.rulesText = r.texts.rules;
-    state.rules = r.texts.rules ? communityRulesOf(r.texts.rules.bodyJson) : [];
-    state.art9Text = r.texts.art9;
-    state.art9Paragraphs = r.texts.art9 ? htmlToParagraphs(r.texts.art9.body) : [];
-  }
-  async function load() {
-    state.phase = "loading";
-    state.failure = null;
-    const r = await read();
-    if (!r) return;
-    apply(r);
-    state.index = 0;
-    if (r.steps.length === 0) return submit();
-    state.phase = "ready";
-  }
-  const step = () => state.steps[state.index] ?? null;
-  function answered(s) {
-    switch (s) {
-      case "age":
-        return state.ageBand !== null;
-      case "rules":
-        return state.rulesAccepted && state.rulesText !== null;
-      case "art9":
-        return state.art9Accepted && state.art9Text !== null;
-      case "profile":
-        return isDisplayNameOk(state.displayName) && isHandleOk(state.handle);
-    }
-  }
-  function canContinue() {
-    const s = step();
-    return state.phase === "ready" && s !== null && answered(s);
-  }
-  function goTo(s) {
-    const i = state.steps.indexOf(s);
-    if (i >= 0) state.index = i;
-  }
-  const firstOpen = () => state.steps.findIndex((s) => !answered(s));
-  async function submit() {
-    const open = firstOpen();
-    if (open >= 0) {
-      state.index = open;
-      return;
-    }
-    state.phase = "sending";
-    state.failure = null;
-    state.fields = [];
-    const input = {
-      ageBand: state.ageBand ?? state.me?.member?.ageBand ?? "18_plus",
-      rulesTextId: state.steps.includes("rules") && state.rulesText ? state.rulesText.textId : ""
-    };
-    if (state.steps.includes("art9") && state.art9Text) input.art9TextId = state.art9Text.textId;
-    if (state.steps.includes("profile")) {
-      input.displayName = normalizeName(state.displayName);
-      const handle = normalizeHandle(state.handle);
-      if (handle !== "") input.handle = handle;
-      input.avatarPreset = state.avatarPreset;
-    }
-    const r = await o.client.me.onboard(input, call);
-    if (r.ok) {
-      state.phase = "done";
-      o.onDone(r.value);
-      return;
-    }
-    state.failure = r;
-    state.phase = "ready";
-    switch (r.code) {
-      case "age":
-        state.minAge = 18;
-        state.phase = "refused";
-        o.onRefused?.(state.minAge);
-        return;
-      case "name":
-        state.fields = normalizeHandle(state.handle) !== "" ? ["displayName", "handle"] : ["displayName"];
-        return goTo("profile");
-      case "handle":
-        state.fields = ["handle"];
-        return goTo("profile");
-      case "invalid": {
-        state.fields = r.fields ?? [];
-        if (state.fields.some((f) => PROFILE_FIELDS.has(f))) return goTo("profile");
-        if (state.fields.some((f) => TEXT_FIELDS.has(f))) return reread(r);
-        if (state.fields.includes("ageBand")) return goTo("age");
-        return;
-      }
-      case "signIn":
-        return o.onSignIn();
-      default:
-        return;
-    }
-  }
-  async function reread(refusal) {
-    const named = [...state.fields];
-    state.phase = "sending";
-    const r = await read();
-    if (!r) return;
-    apply(r);
-    if (named.includes("rulesTextId")) state.rulesAccepted = false;
-    if (named.includes("art9TextId")) state.art9Accepted = false;
-    state.failure = refusal;
-    state.fields = named;
-    const open = firstOpen();
-    if (open >= 0) {
-      state.index = open;
-      state.phase = "ready";
-      return;
-    }
-    if (r.me.needs.filter(isKnownNeed).length === 0) {
-      state.phase = "done";
-      o.onDone(r.me);
-      return;
-    }
-    fail(refusal);
-  }
-  return {
-    state,
-    load,
-    step,
-    isLast: () => state.index >= state.steps.length - 1,
-    canContinue,
-    async next() {
-      if (!canContinue()) return;
-      state.failure = null;
-      if (state.index < state.steps.length - 1) {
-        state.index += 1;
-        return;
-      }
-      await submit();
-    },
-    back() {
-      if (state.phase !== "ready" || state.index === 0) return;
-      state.failure = null;
-      state.index -= 1;
-    },
-    suggestedHandle: () => normalizeHandle(state.handle) === "" ? suggestedHandle(state.displayName) : null,
-    hasFieldError: (field) => state.fields.includes(field)
-  };
-}
-function pickLang(...candidates) {
-  for (const c of candidates) {
-    if (!c) continue;
-    const l = c.toLowerCase();
-    if (l.startsWith("cs") || l.startsWith("sk")) return "cs";
-    if (l.startsWith("en")) return "en";
-  }
-  return "en";
-}
-function documentLang() {
-  return typeof document === "undefined" ? null : document.documentElement.lang || null;
-}
-function translator(lang) {
-  return (key, params) => communityMessage(lang, key, params);
-}
-function knownKey(key) {
-  return hasCommunityMessage(key) ? key : null;
-}
-const localeOf = (lang) => lang === "cs" ? "cs-CZ" : "en-GB";
-const formats = /* @__PURE__ */ new Map();
-function format(lang, withTime) {
-  const key = `${lang}:${withTime ? "t" : "d"}`;
-  if (!formats.has(key)) {
-    let f = null;
-    try {
-      f = new Intl.DateTimeFormat(localeOf(lang), withTime ? { dateStyle: "medium", timeStyle: "short" } : { dateStyle: "long" });
-    } catch {
-    }
-    formats.set(key, f);
-  }
-  return formats.get(key) ?? null;
-}
-function formatDate(lang, iso, withTime = true) {
-  if (typeof iso !== "string" || iso === "") return "";
-  const at = Date.parse(iso);
-  if (!Number.isFinite(at)) return "";
-  return format(lang, withTime)?.format(new Date(at)) ?? iso;
-}
-function isPast(iso, now = Date.now()) {
-  if (typeof iso !== "string") return false;
-  const at = Date.parse(iso);
-  return Number.isFinite(at) && at <= now;
-}
-const REGION_LIST = /^[A-Z]{2}(?:,[A-Z]{2})*$/;
-const regionNames = /* @__PURE__ */ new Map();
-const regionLists = /* @__PURE__ */ new Map();
-function cached(cache, lang, make) {
-  if (!cache.has(lang)) {
-    let value = null;
-    try {
-      value = make(localeOf(lang));
-    } catch {
-    }
-    cache.set(lang, value);
-  }
-  return cache.get(lang) ?? null;
-}
-function regionName(lang, code) {
-  try {
-    return cached(regionNames, lang, (locale) => new Intl.DisplayNames(locale, { type: "region" }))?.of(code) || code;
-  } catch {
-    return code;
-  }
-}
-function formatTerritorialScope(lang, scope) {
-  if (typeof scope !== "string") return "";
-  const value = scope.trim();
-  if (value === "all") {
-    const t = translator(lang);
-    return t("statement.scopeAll");
-  }
-  if (!REGION_LIST.test(value)) return value;
-  const names = value.split(",").map((code) => regionName(lang, code));
-  try {
-    return cached(regionLists, lang, (locale) => new Intl.ListFormat(locale, { type: "conjunction" }))?.format(names) ?? names.join(", ");
-  } catch {
-    return names.join(", ");
-  }
-}
-function failureText(failure, lang) {
-  const until = failure.until ? formatDate(lang, failure.until) : "";
-  if (failure.code === "restricted" && until) return { key: "sanction.restrictionUntil", params: { date: until } };
-  if (failure.code === "suspended" && until) return { key: "sanction.suspensionUntil", params: { date: until } };
-  return { key: `error.${failure.code}` };
-}
-const DEFAULT_WAIT_S = Object.freeze({ fast: 3, quota: 60 });
-function waitUntilOf(failure, now) {
-  const fallback = DEFAULT_WAIT_S[failure.code];
-  if (fallback === void 0) return null;
-  const seconds = typeof failure.retryAfterS === "number" && failure.retryAfterS > 0 ? failure.retryAfterS : fallback;
-  return now + seconds * 1e3;
-}
-const COUNTDOWN_MAX_S = 120;
-const EFFECTS = Object.freeze({
-  method: "show",
-  origin: "show",
-  unavailable: "retry",
-  invalid: "show",
-  signIn: "reload",
-  onboarding: "onboard",
-  age: "show",
-  name: "show",
-  handle: "show",
-  restricted: "reload",
-  suspended: "reload",
-  terminated: "reload",
-  links: "show",
-  fast: "wait",
-  blocked: "show",
-  confirm: "confirm",
-  removed: "reload",
-  quota: "wait",
-  captcha: "show",
-  notFound: "reload",
-  surfaceOff: "hide",
-  notMoved: "notMoved",
-  ledger: "retry",
-  submit: "show"
-});
-function failureEffect(code) {
-  return EFFECTS[code] ?? "show";
-}
-const emptyDraft = (body = "") => ({ body, sending: false, failure: null, confirm: null, waitUntil: null, clientMsgId: null });
-const documentVisible = () => typeof document === "undefined" || document.visibilityState !== "hidden";
-function createDiscussionController(o) {
-  const { client, lang } = o;
-  const articleId = o.articleId.toLowerCase();
-  const now = o.now ?? Date.now;
-  const store = createDiscussionStore();
-  const abort = new AbortController();
-  const call = { signal: abort.signal };
-  const state = reactive({
-    phase: "loading",
-    failure: null,
-    thread: store.getState(),
-    loadingMore: false,
-    refreshing: false,
-    newMessages: false,
-    me: null,
-    block: null,
-    composer: emptyDraft(),
-    inline: null,
-    report: null,
-    announcement: null,
-    announceId: 0,
-    clock: now(),
-    busy: {},
-    refusedAge: o.refusedAge ?? null
-  });
-  const unsubscribe = store.subscribe((s) => {
-    state.thread = s;
-  });
-  const onboarding = shallowRef(null);
-  let poller = null;
-  let inView = true;
-  let disposed = false;
-  let lastSync = 0;
-  let refreshing = null;
-  let mePromise = null;
-  let ticker = null;
-  const interval = o.pollMs ?? 2e4;
-  function announce(text) {
-    state.announcement = text;
-    state.announceId += 1;
-  }
-  function hide() {
-    state.phase = "hidden";
-    poller?.stop();
-    poller = null;
-  }
-  function ensureMe() {
-    if (state.me) return Promise.resolve();
-    mePromise ??= client.me.get(call).then((r) => {
-      mePromise = null;
-      if (r.ok && !disposed) state.me = r.value;
-    });
-    return mePromise;
-  }
-  function decideBlock() {
-    const s = store.getState();
-    if (s.viewer.canPost || viewerNeeds(s).any || s.viewer.restrictions.length > 0) return;
-    void ensureMe().then(() => {
-      const me = state.me;
-      if (disposed || !me || store.getState().viewer.canPost) return;
-      state.block = !me.member || me.member.status === "active" ? "notMoved" : "restricted";
-    });
-  }
-  function afterLoad() {
-    const s = store.getState();
-    if (s.viewer.canPost) state.block = null;
-    if (s.viewer.memberId !== null) void ensureMe();
-    decideBlock();
-    if (onboarding.value && !viewerNeeds(s).any && onboarding.value.state.phase !== "sending") onboarding.value = null;
-  }
-  function loadFailed(f) {
-    if (f.code === "surfaceOff") return hide();
-    if (f.code === "notFound" && state.phase !== "ready") {
-      warnOnce("not-found", "[blogmcp-community] the discussion of this article-id was not found (no such live article, or it is not readable here)");
-      return hide();
-    }
-    if (state.phase === "loading" || state.phase === "failed") {
-      state.phase = "failed";
-      state.failure = f;
-    }
-  }
-  function refresh() {
-    if (disposed) return Promise.resolve();
-    refreshing ??= (async () => {
-      state.refreshing = true;
-      const r = await refreshDiscussion(store, client, { articleId, languageCode: lang }, call);
-      state.refreshing = false;
-      if (disposed) return;
-      lastSync = now();
-      if (r.ok) {
-        state.phase = "ready";
-        state.failure = null;
-        state.newMessages = false;
-        afterLoad();
-      } else {
-        loadFailed(r);
-      }
-    })().finally(() => {
-      refreshing = null;
-    });
-    return refreshing;
-  }
-  async function loadMore() {
-    if (state.loadingMore || state.thread.nextCursor === null) return;
-    state.loadingMore = true;
-    const r = await loadMoreDiscussion(store, client, { articleId, languageCode: lang }, call);
-    state.loadingMore = false;
-    if (disposed || r.ok) return;
-    if (r.code === "surfaceOff") return hide();
-    announce(failureText(r, lang));
-  }
-  function onHeads(heads) {
-    for (const head of heads) {
-      if (typeof head?.articleId !== "string" || head.articleId.toLowerCase() !== articleId) continue;
-      if (state.phase === "failed") {
-        void refresh();
-        continue;
-      }
-      const before = store.getState();
-      const newer = typeof head.lastSeq === "number" && head.lastSeq > before.lastSeq;
-      if (!store.applyHead(head)) continue;
-      if (newer && before.loaded) state.newMessages = true;
-      else void refresh();
-    }
-  }
-  function startPolling() {
-    if (poller || interval === 0 || disposed || state.phase === "hidden") return;
-    poller = pollDiscussionHead(client, [articleId], {
-      intervalMs: interval,
-      visible: () => documentVisible() && inView,
-      onChange: onHeads,
-      onFailure: (f) => {
-        if (f.code === "surfaceOff") hide();
-      },
-      signal: abort.signal
-    });
-  }
-  function mode() {
-    const s = state.thread;
-    const n = viewerNeeds(s);
-    if (n.signIn) return "signIn";
-    if (state.block === "notMoved") return "notMoved";
-    if (!s.viewer.canPost && s.viewer.restrictions.length > 0) return "sanction";
-    if (n.any) return state.refusedAge !== null && !onboarding.value ? "ageRefused" : "onboarding";
-    if (state.block === "restricted") return "restricted";
-    return s.viewer.canPost ? "write" : "pending";
-  }
-  const isOwn = (m) => isOwnMessage(state.thread, m);
-  const settled = (m) => !m.pending && m.seq > 0;
-  const canWrite = () => mode() === "write";
-  function ownAuthor() {
-    const me = state.me;
-    if (me?.member && me.profile) {
-      return { kind: "member", memberId: me.member.memberId, handle: me.profile.handle, displayName: me.profile.displayName, avatarPreset: me.profile.avatarPreset };
-    }
-    const viewer = state.thread.viewer.memberId;
-    if (viewer === null) return null;
-    for (const m of state.thread.messages) {
-      for (const x of [m, ...m.replies]) if (x.author.kind === "member" && x.author.memberId === viewer) return x.author;
-    }
-    return null;
-  }
-  function startClock() {
-    state.clock = now();
-    if (ticker) return;
-    ticker = setInterval(() => {
-      state.clock = now();
-      let waiting = false;
-      for (const d of [state.composer, state.inline]) {
-        if (!d || d.waitUntil === null) continue;
-        if (d.waitUntil <= state.clock) {
-          d.waitUntil = null;
-          if (d.failure && (d.failure.code === "fast" || d.failure.code === "quota")) d.failure = null;
-        } else {
-          waiting = true;
-        }
-      }
-      if (!waiting && ticker) {
-        clearInterval(ticker);
-        ticker = null;
-      }
-    }, 1e3);
-  }
-  const waitLeft = (d) => d.waitUntil === null ? 0 : Math.max(0, Math.ceil((d.waitUntil - Math.max(state.clock, now())) / 1e3));
-  function refused(d, f) {
-    if (d) d.failure = f;
-    switch (failureEffect(f.code)) {
-      case "confirm":
-        if (d && f.codes && f.codes.length > 0) d.confirm = { codes: [...f.codes], checked: [] };
-        return;
-      case "wait":
-        if (d) {
-          d.waitUntil = waitUntilOf(f, now());
-          startClock();
-        }
-        return;
-      case "onboard":
-        beginOnboarding();
-        void refresh();
-        return;
-      case "reload":
-        void refresh();
-        return;
-      case "notMoved":
-        state.block = "notMoved";
-        return;
-      case "hide":
-        return hide();
-      default:
-        return;
-    }
-  }
-  async function send(d, target, confirmations) {
-    if (d.sending || waitLeft(d) > 0 || disposed) return;
-    const body = normalizeBody(d.body);
-    if (body === "" || codePointLength(body) > COMMUNITY_MESSAGE_MAX) return;
-    const n = viewerNeeds(state.thread);
-    if (n.signIn) return;
-    if (n.any) return beginOnboarding();
-    const parent = target.kind === "new" ? null : findMessage(state.thread, target.seq);
-    if (target.kind !== "new" && (!parent || !settled(parent))) return;
-    d.sending = true;
-    d.failure = null;
-    const author = target.kind === "edit" ? null : ownAuthor();
-    const changeId = target.kind === "edit" ? newClientMsgId() : d.clientMsgId ??= newClientMsgId();
-    if (target.kind === "edit") store.applyMessage({ type: "edit", clientMsgId: changeId, seq: target.seq, body });
-    else if (author) store.applyMessage({ type: "post", clientMsgId: changeId, body, replyToSeq: target.kind === "reply" ? target.seq : null, author, languageCode: lang });
-    const r = target.kind === "edit" ? await client.messages.edit({ conversationId: parent.conversationId, seq: target.seq, body, ...confirmations ? { confirmations } : {} }, call) : await client.messages.post(
-      { articleId, body, replyToSeq: target.kind === "reply" ? target.seq : null, clientMsgId: changeId, languageCode: lang, ...confirmations ? { confirmations } : {} },
-      call
-    );
-    if (disposed) return;
-    d.sending = false;
-    if (r.ok) {
-      store.applyMessage({ type: "confirm", clientMsgId: changeId, message: r.value.message, warnings: r.value.warnings });
-      const held = r.value.message.state === "held";
-      d.body = "";
-      d.clientMsgId = null;
-      d.confirm = null;
-      d.failure = null;
-      if (target.kind !== "new" && state.inline === d) state.inline = null;
-      announce({ key: held ? "composer.held" : "composer.posted" });
-      if (target.kind !== "edit") o.onPosted?.(held ? "held" : "visible");
-      return;
-    }
-    store.applyMessage({ type: "rollback", clientMsgId: changeId });
-    refused(d, r);
-  }
-  function setConfirmed(d, code, checked) {
-    if (!d.confirm || !d.confirm.codes.includes(code)) return;
-    const rest = d.confirm.checked.filter((c) => c !== code);
-    d.confirm.checked = checked ? [...rest, code] : rest;
-  }
-  async function sendConfirmed(d) {
-    const confirm = d.confirm;
-    if (!confirm || !confirm.codes.every((c) => confirm.checked.includes(c))) return;
-    const target = d === state.composer ? { kind: "new" } : state.inline === d ? { kind: state.inline.kind, seq: state.inline.seq } : { kind: "new" };
-    await send(d, target, [...confirm.codes]);
-  }
-  async function remove(seq) {
-    const m = findMessage(state.thread, seq);
-    const key = `delete:${seq}`;
-    if (!m || !settled(m) || state.busy[key]) return false;
-    state.busy[key] = true;
-    const changeId = newClientMsgId();
-    store.applyMessage({ type: "delete", clientMsgId: changeId, seq });
-    const r = await client.messages.delete({ conversationId: m.conversationId, seq }, call);
-    delete state.busy[key];
-    if (disposed) return false;
-    if (r.ok) {
-      store.applyMessage({ type: "confirm", clientMsgId: changeId, message: r.value.message });
-      return true;
-    }
-    store.applyMessage({ type: "rollback", clientMsgId: changeId });
-    announce(failureText(r, lang));
-    refused(null, r);
-    return false;
-  }
-  const reactionKey = (t) => "articleId" in t ? "react:article" : `react:${t.seq}`;
-  async function react(target, emoji) {
-    const key = reactionKey(target);
-    if (!canWrite() || state.busy[key] || !state.thread.reactionSet.includes(emoji)) return;
-    const before = reactionsFor(state.thread, target);
-    const next = before.mine === emoji ? null : emoji;
-    state.busy[key] = true;
-    store.applyReaction(target, reactionAfter(before, next));
-    const r = await client.reactions.set({ target, emoji: next }, call);
-    delete state.busy[key];
-    if (disposed) return;
-    if (r.ok) {
-      store.applyReaction(target, r.value.reactions);
-      return;
-    }
-    store.applyReaction(target, before);
-    announce(failureText(r, lang));
-    refused(null, r);
-  }
-  async function setBlocked(memberId, blocked) {
-    const key = `block:${memberId}`;
-    if (state.busy[key]) return;
-    state.busy[key] = true;
-    const r = await client.blocks.set({ memberId, blocked }, call);
-    delete state.busy[key];
-    if (disposed) return;
-    if (r.ok) {
-      store.collapse(memberId, r.value.blocked);
-      announce({ key: r.value.blocked ? "discussion.blocked" : "discussion.unblocked" });
-      return;
-    }
-    announce(failureText(r, lang));
-    refused(null, r);
-  }
-  function openReport(m) {
-    state.report = { conversationId: m.conversationId, seq: m.seq, category: "", ruleId: "", note: "", rules: null, rulesFailed: false, sending: false, failure: null, done: false };
-    const report = state.report;
-    void client.legal.current({ kind: "rules", locale: lang }, call).then((r) => {
-      if (state.report !== report) return;
-      if (r.ok) report.rules = communityRulesOf(r.value.bodyJson);
-      else report.rulesFailed = true;
-    });
-  }
-  async function submitReport() {
-    const report = state.report;
-    if (!report || report.sending || report.done || report.category === "") return;
-    if (report.category === "rules" && report.ruleId === "") return;
-    const note = normalizeBody(report.note);
-    if (codePointLength(note) > COMMUNITY_REPORT_NOTE_MAX) return;
-    report.sending = true;
-    report.failure = null;
-    const r = await client.messages.report(
-      { conversationId: report.conversationId, seq: report.seq, category: report.category, ruleId: report.category === "rules" ? report.ruleId : null, note: note === "" ? null : note },
-      call
-    );
-    report.sending = false;
-    if (disposed) return;
-    if (r.ok) {
-      report.done = true;
-      announce({ key: "report.done" });
-      return;
-    }
-    report.failure = r;
-    if (r.code === "surfaceOff") hide();
-  }
-  function beginOnboarding() {
-    if (onboarding.value || disposed || state.refusedAge !== null) return;
-    const model = createOnboarding({
-      client,
-      lang,
-      signal: abort.signal,
-      onRefused: (minAge) => {
-        state.refusedAge = minAge;
-        o.onAgeRefused?.(minAge);
-      },
-      onDone: (me) => {
-        state.me = me;
-        onboarding.value = null;
-        announce({ key: "onboarding.done" });
-        void refresh();
-      },
-      onSignIn: () => {
-        onboarding.value = null;
-        void refresh();
-      }
-    });
-    onboarding.value = model;
-    void model.load();
-  }
-  return {
-    state,
-    store,
-    onboarding,
-    async start() {
-      await refresh();
-      startPolling();
-    },
-    refresh,
-    loadMore,
-    mode,
-    needs: () => viewerNeeds(state.thread),
-    isOwn,
-    canReply: (m) => {
-      if (!canWrite() || !settled(m) || m.state !== "visible" || m.body === null) return false;
-      if (m.replyToSeq === null) return true;
-      const parent = findMessage(state.thread, m.replyToSeq);
-      return parent !== null && settled(parent) && parent.state === "visible";
-    },
-    canEdit: (m) => canWrite() && isOwn(m) && settled(m) && m.body !== null && (m.state === "visible" || m.state === "held"),
-    canDelete: (m) => state.thread.viewer.memberId !== null && isOwn(m) && settled(m) && m.body !== null && m.state !== "deleted",
-    canReact: canWrite,
-    canReport: (m) => !viewerNeeds(state.thread).signIn && !isOwn(m) && settled(m) && m.body !== null && m.author.kind !== "system",
-    canReportAsNotifier: (m) => viewerNeeds(state.thread).signIn && settled(m) && m.body !== null && m.author.kind !== "system",
-    canBlock: (m) => !viewerNeeds(state.thread).signIn && !isOwn(m) && settled(m) && m.author.kind === "member" && m.author.memberId !== null,
-    setInView(v) {
-      const was = inView;
-      inView = v;
-      if (v && !was && poller && now() - lastSync >= interval) poller.now();
-    },
-    submit: () => send(state.composer, { kind: "new" }),
-    openReply(seq, replyingTo = null) {
-      const m = findMessage(state.thread, seq);
-      if (!m) return;
-      const top = m.replyToSeq ?? m.seq;
-      if (state.inline?.kind === "reply" && state.inline.seq === top) {
-        state.inline.replyingTo = replyingTo;
-        return;
-      }
-      state.inline = { ...emptyDraft(), kind: "reply", seq: top, replyingTo };
-    },
-    openEdit(seq) {
-      const m = findMessage(state.thread, seq);
-      if (!m || m.body === null) return;
-      state.inline = { ...emptyDraft(m.body), kind: "edit", seq, replyingTo: null };
-    },
-    closeInline() {
-      state.inline = null;
-    },
-    async submitInline() {
-      const d = state.inline;
-      if (d) await send(d, { kind: d.kind, seq: d.seq });
-    },
-    setConfirmed,
-    sendConfirmed,
-    remove,
-    react,
-    setBlocked,
-    openReport,
-    closeReport() {
-      state.report = null;
-    },
-    submitReport,
-    beginOnboarding,
-    cancelOnboarding() {
-      onboarding.value = null;
-    },
-    waitLeft,
-    dispose() {
-      if (disposed) return;
-      disposed = true;
-      abort.abort();
-      poller?.stop();
-      poller = null;
-      unsubscribe();
-      if (ticker) clearInterval(ticker);
-      ticker = null;
-      onboarding.value = null;
-    }
-  };
-}
-const TEXT = /* @__PURE__ */ Symbol("bcm-text");
-function provideText(lang) {
-  const t = (key, params) => communityMessage(lang.value, key, params);
-  const ctx = { lang, t, text: (ref2) => ref2 ? t(ref2.key, ref2.params) : "" };
-  provide(TEXT, ctx);
-  return ctx;
-}
-function useText() {
-  const ctx = inject(TEXT, null);
-  if (!ctx) throw new Error("[blogmcp-community] a component rendered outside its element");
-  return ctx;
-}
-let counter = 0;
-function uid(prefix) {
-  counter += 1;
-  return `${prefix}-${counter}`;
-}
-function useModal(dialog, onCancel, fallback) {
-  let previous = null;
-  const onCancelEvent = (e) => {
-    e.preventDefault();
-    onCancel();
-  };
-  onMounted(() => {
-    const el = dialog.value;
-    if (!el) return;
-    const root = el.getRootNode();
-    previous = root.activeElement ?? null;
-    el.addEventListener("cancel", onCancelEvent);
-    if (typeof el.showModal === "function") {
-      try {
-        el.showModal();
-      } catch {
-        el.setAttribute("open", "");
-      }
-    } else {
-      el.setAttribute("open", "");
-    }
-  });
-  onBeforeUnmount(() => {
-    const el = dialog.value;
-    el?.removeEventListener("cancel", onCancelEvent);
-    if (el?.open && typeof el.close === "function") el.close();
-    const back = previous;
-    void nextTick(() => {
-      const target = back && back.isConnected ? back : fallback?.() ?? null;
-      target?.focus();
-    });
-  });
-}
-const _hoisted_1$c = ["aria-labelledby", "aria-describedby"];
-const _hoisted_2$b = { class: "bcm-dialog-body" };
-const _hoisted_3$b = ["id"];
-const _hoisted_4$b = ["id"];
-const _hoisted_5$9 = { class: "bcm-row" };
-const _hoisted_6$9 = ["disabled"];
-const _hoisted_7$9 = ["disabled"];
-const _sfc_main$d = /* @__PURE__ */ defineComponent({
-  __name: "ConfirmDialog",
-  props: {
-    title: {},
-    explain: {},
-    explainParams: {},
-    confirm: {},
-    cancel: {},
-    danger: { type: Boolean },
-    busy: { type: Boolean },
-    fallbackFocus: { type: Function }
-  },
-  emits: ["confirm", "cancel"],
-  setup(__props, { emit: __emit }) {
-    const props = __props;
-    const emit = __emit;
-    const { t } = useText();
-    const dialog = ref(null);
-    const id = uid("bcm-dialog");
-    useModal(dialog, () => emit("cancel"), props.fallbackFocus);
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("dialog", {
-        ref_key: "dialog",
-        ref: dialog,
-        class: "bcm-dialog",
-        "aria-labelledby": `${unref(id)}-title`,
-        "aria-describedby": __props.explain ? `${unref(id)}-explain` : void 0
-      }, [
-        createElementVNode("div", _hoisted_2$b, [
-          createElementVNode("h3", {
-            id: `${unref(id)}-title`
-          }, toDisplayString(unref(t)(__props.title)), 9, _hoisted_3$b),
-          __props.explain ? (openBlock(), createElementBlock("p", {
-            key: 0,
-            id: `${unref(id)}-explain`
-          }, toDisplayString(unref(t)(__props.explain, __props.explainParams)), 9, _hoisted_4$b)) : createCommentVNode("", true),
-          createElementVNode("div", _hoisted_5$9, [
-            _cache[2] || (_cache[2] = createElementVNode("span", { class: "bcm-spacer" }, null, -1)),
-            createElementVNode("button", {
-              type: "button",
-              class: "bcm-btn",
-              disabled: __props.busy,
-              onClick: _cache[0] || (_cache[0] = ($event) => emit("cancel"))
-            }, toDisplayString(unref(t)(__props.cancel ?? "common.cancel")), 9, _hoisted_6$9),
-            createElementVNode("button", {
-              type: "button",
-              class: normalizeClass(["bcm-btn bcm-primary", { "bcm-danger": __props.danger }]),
-              disabled: __props.busy,
-              onClick: _cache[1] || (_cache[1] = ($event) => emit("confirm"))
-            }, toDisplayString(unref(t)(__props.confirm)), 11, _hoisted_7$9)
-          ])
-        ])
-      ], 8, _hoisted_1$c);
-    };
-  }
-});
-const _hoisted_1$b = ["for"];
-const _hoisted_2$a = {
-  key: 0,
-  class: "bcm-hint"
-};
-const _hoisted_3$a = ["id", "placeholder", "aria-describedby", "aria-invalid", "readonly"];
-const _hoisted_4$a = { class: "bcm-composer-foot" };
-const _hoisted_5$8 = ["id"];
-const _hoisted_6$8 = {
-  class: "bcm-sr",
-  "aria-live": "polite"
-};
-const _hoisted_7$8 = ["disabled"];
-const _hoisted_8$8 = ["disabled"];
-const _hoisted_9$8 = ["id"];
-const _hoisted_10$8 = { key: 0 };
-const _hoisted_11$8 = ["href"];
-const _hoisted_12$8 = {
-  key: 1,
-  class: "bcm-error"
-};
-const _hoisted_13$8 = {
-  key: 2,
-  class: "bcm-warning",
-  role: "status"
-};
-const _hoisted_14$8 = {
-  key: 3,
-  class: "bcm-error",
-  role: "alert"
-};
-const _hoisted_15$8 = {
-  key: 4,
-  class: "bcm-confirm"
-};
-const _hoisted_16$8 = { class: "bcm-label" };
-const _hoisted_17$8 = ["checked", "onChange"];
-const _hoisted_18$8 = { class: "bcm-row" };
-const _hoisted_19$8 = ["disabled"];
-const _sfc_main$c = /* @__PURE__ */ defineComponent({
-  __name: "MessageComposer",
-  props: {
-    draft: {},
-    kind: {},
-    wait: {},
-    replyingTo: {},
-    rulesHref: {}
-  },
-  emits: ["submit", "cancel", "confirmed", "confirm"],
-  setup(__props, { expose: __expose, emit: __emit }) {
-    const props = __props;
-    const emit = __emit;
-    const { t, lang } = useText();
-    const id = uid("bcm-composer");
-    const input = ref(null);
-    const length = computed(() => codePointLength(normalizeBody(props.draft.body)));
-    const over = computed(() => length.value > COMMUNITY_MESSAGE_MAX);
-    const canSend = computed(() => !props.draft.sending && length.value > 0 && !over.value && props.wait === 0 && props.draft.confirm === null);
-    const allConfirmed = computed(() => {
-      const c = props.draft.confirm;
-      return c !== null && c.codes.every((code) => c.checked.includes(code));
-    });
-    const label = computed(() => t(props.kind === "reply" ? "composer.replyLabel" : props.kind === "edit" ? "composer.editLabel" : "composer.label"));
-    const keys = typeof navigator !== "undefined" && /Mac|iPhone|iPad/i.test(navigator.platform || navigator.userAgent) ? "⌘ + Enter" : "Ctrl + Enter";
-    const failure = computed(() => {
-      const f = props.draft.failure;
-      if (!f || props.draft.confirm && f.code === "confirm") return "";
-      if ((f.code === "fast" || f.code === "quota") && props.wait > 0 && props.wait <= COUNTDOWN_MAX_S) return "";
-      const ref2 = failureText(f, lang.value);
-      return t(ref2.key, ref2.params);
-    });
-    const counterLive = ref("");
-    let liveTimer = null;
-    watch(length, (n) => {
-      if (liveTimer) clearTimeout(liveTimer);
-      liveTimer = setTimeout(() => {
-        counterLive.value = n >= COMMUNITY_MESSAGE_MAX * 0.9 ? t("composer.counter", { length: n, max: COMMUNITY_MESSAGE_MAX }) : "";
-      }, 700);
-    });
-    onBeforeUnmount(() => {
-      if (liveTimer) clearTimeout(liveTimer);
-    });
-    watch(
-      () => props.draft.body,
-      () => {
-        const d = props.draft;
-        if (d.confirm) d.confirm = null;
-        if (d.failure && d.failure.code !== "fast" && d.failure.code !== "quota") d.failure = null;
-      }
-    );
-    function onKey(e) {
-      if (e.key !== "Enter" || !(e.metaKey || e.ctrlKey)) return;
-      e.preventDefault();
-      if (canSend.value) emit("submit");
-    }
-    function onSubmit() {
-      if (canSend.value) emit("submit");
-    }
-    __expose({ focus: () => input.value?.focus() });
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("form", {
-        class: "bcm-composer",
-        onSubmit: withModifiers(onSubmit, ["prevent"])
-      }, [
-        createElementVNode("label", {
-          for: unref(id),
-          class: "bcm-label"
-        }, toDisplayString(label.value), 9, _hoisted_1$b),
-        __props.replyingTo ? (openBlock(), createElementBlock("p", _hoisted_2$a, toDisplayString(unref(t)("composer.replyingTo", { name: __props.replyingTo })), 1)) : createCommentVNode("", true),
-        withDirectives(createElementVNode("textarea", {
-          id: unref(id),
-          ref_key: "input",
-          ref: input,
-          "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => __props.draft.body = $event),
-          class: "bcm-input bcm-textarea",
-          rows: "4",
-          placeholder: unref(t)("composer.placeholder"),
-          "aria-describedby": `${unref(id)}-counter ${unref(id)}-hints`,
-          "aria-invalid": over.value,
-          readonly: __props.draft.sending,
-          onKeydown: onKey
-        }, null, 40, _hoisted_3$a), [
-          [vModelText, __props.draft.body]
-        ]),
-        createElementVNode("div", _hoisted_4$a, [
-          createElementVNode("span", {
-            id: `${unref(id)}-counter`,
-            class: normalizeClass(["bcm-counter", { "bcm-counter-over": over.value }])
-          }, toDisplayString(unref(t)("composer.counter", { length: length.value, max: unref(COMMUNITY_MESSAGE_MAX) })), 11, _hoisted_5$8),
-          createElementVNode("span", _hoisted_6$8, toDisplayString(counterLive.value), 1),
-          _cache[3] || (_cache[3] = createElementVNode("span", { class: "bcm-spacer" }, null, -1)),
-          __props.kind !== "new" ? (openBlock(), createElementBlock("button", {
-            key: 0,
-            type: "button",
-            class: "bcm-btn",
-            disabled: __props.draft.sending,
-            onClick: _cache[1] || (_cache[1] = ($event) => emit("cancel"))
-          }, toDisplayString(unref(t)("composer.cancel")), 9, _hoisted_7$8)) : createCommentVNode("", true),
-          createElementVNode("button", {
-            type: "submit",
-            class: "bcm-btn bcm-primary",
-            disabled: !canSend.value
-          }, toDisplayString(__props.draft.sending ? unref(t)("composer.sending") : __props.kind === "edit" ? unref(t)("composer.save") : unref(t)("composer.submit")), 9, _hoisted_8$8)
-        ]),
-        createElementVNode("div", {
-          id: `${unref(id)}-hints`,
-          class: "bcm-hint"
-        }, [
-          createElementVNode("p", null, toDisplayString(unref(t)("composer.linksNote", { count: unref(COMMUNITY_MESSAGE_LINKS_MAX) })), 1),
-          createElementVNode("p", null, toDisplayString(unref(t)("composer.shortcut", { keys: unref(keys) })), 1),
-          __props.rulesHref ? (openBlock(), createElementBlock("p", _hoisted_10$8, [
-            createElementVNode("a", {
-              href: __props.rulesHref,
-              target: "_blank",
-              rel: "noopener"
-            }, toDisplayString(unref(t)("onboarding.rulesTitle")), 9, _hoisted_11$8)
-          ])) : createCommentVNode("", true)
-        ], 8, _hoisted_9$8),
-        over.value ? (openBlock(), createElementBlock("p", _hoisted_12$8, toDisplayString(unref(t)("composer.tooLong", { max: unref(COMMUNITY_MESSAGE_MAX) })), 1)) : createCommentVNode("", true),
-        __props.wait > 0 && __props.wait <= unref(COUNTDOWN_MAX_S) ? (openBlock(), createElementBlock("p", _hoisted_13$8, toDisplayString(unref(t)("composer.cooldown", { count: __props.wait })), 1)) : createCommentVNode("", true),
-        failure.value ? (openBlock(), createElementBlock("p", _hoisted_14$8, toDisplayString(failure.value), 1)) : createCommentVNode("", true),
-        __props.draft.confirm ? (openBlock(), createElementBlock("fieldset", _hoisted_15$8, [
-          createElementVNode("legend", _hoisted_16$8, toDisplayString(unref(t)("confirm.title")), 1),
-          createElementVNode("p", null, toDisplayString(unref(t)("error.confirm")), 1),
-          (openBlock(true), createElementBlock(Fragment, null, renderList(__props.draft.confirm.codes, (code) => {
-            return openBlock(), createElementBlock("label", {
-              key: code,
-              class: "bcm-check"
-            }, [
-              createElementVNode("input", {
-                type: "checkbox",
-                checked: __props.draft.confirm.checked.includes(code),
-                onChange: ($event) => emit("confirm", code, $event.target.checked)
-              }, null, 40, _hoisted_17$8),
-              createElementVNode("span", null, toDisplayString(unref(t)(unref(confirmMessageKey)(code))), 1)
-            ]);
-          }), 128)),
-          createElementVNode("div", _hoisted_18$8, [
-            createElementVNode("button", {
-              type: "button",
-              class: "bcm-btn bcm-primary",
-              disabled: !allConfirmed.value || __props.draft.sending || __props.wait > 0,
-              onClick: _cache[2] || (_cache[2] = ($event) => emit("confirmed"))
-            }, toDisplayString(unref(t)("confirm.submit")), 9, _hoisted_19$8)
-          ])
-        ])) : createCommentVNode("", true)
-      ], 32);
-    };
-  }
-});
-const AVATAR_PRESETS = Object.freeze([
-  Object.freeze({ id: "fox", emoji: "🦊" }),
-  Object.freeze({ id: "owl", emoji: "🦉" }),
-  Object.freeze({ id: "bear", emoji: "🐻" }),
-  Object.freeze({ id: "hedgehog", emoji: "🦔" }),
-  Object.freeze({ id: "frog", emoji: "🐸" }),
-  Object.freeze({ id: "bee", emoji: "🐝" }),
-  Object.freeze({ id: "leaf", emoji: "🍃" }),
-  Object.freeze({ id: "flower", emoji: "🌼" }),
-  Object.freeze({ id: "tree", emoji: "🌲" }),
-  Object.freeze({ id: "star", emoji: "⭐" })
-]);
-const BY_ID = new Map(AVATAR_PRESETS.map((p) => [p.id, p.emoji]));
-function avatarEmoji(preset) {
-  return typeof preset === "string" ? BY_ID.get(preset) ?? null : null;
-}
-function initialOf(name) {
-  if (typeof name !== "string") return "";
-  for (const ch of name.trim()) return ch.toLocaleUpperCase();
-  return "";
-}
-function hueOf(id) {
-  if (typeof id !== "string" || id === "") return 210;
-  let h = 0;
-  for (let i = 0; i < id.length; i++) h = (h * 31 + id.charCodeAt(i)) % 360;
-  return h;
-}
-const _sfc_main$b = /* @__PURE__ */ defineComponent({
-  __name: "AuthorAvatar",
-  props: {
-    author: {}
-  },
-  setup(__props) {
-    const props = __props;
-    const emoji = computed(() => props.author.kind === "member" ? avatarEmoji(props.author.avatarPreset) : null);
-    const initial = computed(() => {
-      const a = props.author;
-      if (a.kind === "member") return initialOf(a.displayName);
-      if (a.kind === "staff") return initialOf(a.displayName);
-      return "";
-    });
-    const background = computed(() => {
-      const a = props.author;
-      if (emoji.value || !initial.value) return void 0;
-      const id = a.kind === "member" ? a.memberId : a.kind === "staff" ? a.staffId : null;
-      return `hsl(${hueOf(id)} 45% 42%)`;
-    });
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("span", {
-        class: normalizeClass(["bcm-avatar", { "bcm-avatar-initial": !emoji.value && initial.value }]),
-        style: normalizeStyle(background.value ? { background: background.value } : void 0),
-        "aria-hidden": "true"
-      }, toDisplayString(emoji.value ?? initial.value), 7);
-    };
-  }
-});
-const _hoisted_1$a = ["href", "rel"];
-const _sfc_main$a = /* @__PURE__ */ defineComponent({
-  __name: "LinkedText",
-  props: {
-    text: {}
-  },
-  setup(__props) {
-    const props = __props;
-    const segments = computed(() => linkify(props.text ?? ""));
-    return (_ctx, _cache) => {
-      return openBlock(true), createElementBlock(Fragment, null, renderList(segments.value, (s, i) => {
-        return openBlock(), createElementBlock(Fragment, { key: i }, [
-          s.kind === "link" ? (openBlock(), createElementBlock("a", {
-            key: 0,
-            href: s.href,
-            rel: unref(UGC_LINK_REL),
-            target: "_blank"
-          }, toDisplayString(s.text), 9, _hoisted_1$a)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
-            createTextVNode(toDisplayString(s.text), 1)
-          ], 64))
-        ], 64);
-      }), 128);
-    };
-  }
-});
-const _hoisted_1$9 = ["aria-expanded", "aria-controls"];
-const _hoisted_2$9 = ["id"];
-const _hoisted_3$9 = ["href"];
-const _hoisted_4$9 = ["onClick"];
-const _sfc_main$9 = /* @__PURE__ */ defineComponent({
-  __name: "MessageMenu",
-  props: {
-    items: {}
-  },
-  emits: ["select"],
-  setup(__props, { emit: __emit }) {
-    const emit = __emit;
-    const { t } = useText();
-    const open = ref(false);
-    const toggle = ref(null);
-    const root = ref(null);
-    const listId = uid("bcm-menu");
-    function onOutside(e) {
-      if (!root.value || e.composedPath().includes(root.value)) return;
-      close(false);
-    }
-    function setOpen(next) {
-      open.value = next;
-      if (next) {
-        document.addEventListener("pointerdown", onOutside, true);
-        void nextTick(() => root.value?.querySelector(".bcm-menu-list button, .bcm-menu-list a")?.focus());
-      } else {
-        document.removeEventListener("pointerdown", onOutside, true);
-      }
-    }
-    function close(focusToggle = true) {
-      setOpen(false);
-      if (focusToggle) toggle.value?.focus();
-    }
-    function pick(id) {
-      close(true);
-      emit("select", id);
-    }
-    onBeforeUnmount(() => document.removeEventListener("pointerdown", onOutside, true));
-    return (_ctx, _cache) => {
-      return __props.items.length ? (openBlock(), createElementBlock("div", {
-        key: 0,
-        ref_key: "root",
-        ref: root,
-        class: "bcm-menu",
-        onKeydown: _cache[2] || (_cache[2] = withKeys(withModifiers(($event) => close(true), ["stop"]), ["esc"]))
-      }, [
-        createElementVNode("button", {
-          ref_key: "toggle",
-          ref: toggle,
-          type: "button",
-          class: "bcm-quiet",
-          "aria-expanded": open.value,
-          "aria-controls": unref(listId),
-          onClick: _cache[0] || (_cache[0] = ($event) => setOpen(!open.value))
-        }, toDisplayString(unref(t)("discussion.menu")), 9, _hoisted_1$9),
-        open.value ? (openBlock(), createElementBlock("div", {
-          key: 0,
-          id: unref(listId),
-          class: "bcm-menu-list"
-        }, [
-          (openBlock(true), createElementBlock(Fragment, null, renderList(__props.items, (item) => {
-            return openBlock(), createElementBlock(Fragment, {
-              key: item.id
-            }, [
-              item.href ? (openBlock(), createElementBlock("a", {
-                key: 0,
-                href: item.href,
-                class: normalizeClass({ "bcm-danger": item.danger }),
-                onClick: _cache[1] || (_cache[1] = ($event) => close(false))
-              }, toDisplayString(item.label), 11, _hoisted_3$9)) : (openBlock(), createElementBlock("button", {
-                key: 1,
-                type: "button",
-                class: normalizeClass({ "bcm-danger": item.danger }),
-                onClick: ($event) => pick(item.id)
-              }, toDisplayString(item.label), 11, _hoisted_4$9))
-            ], 64);
-          }), 128))
-        ], 8, _hoisted_2$9)) : createCommentVNode("", true)
-      ], 544)) : createCommentVNode("", true);
-    };
-  }
-});
-const _hoisted_1$8 = ["aria-label"];
-const _hoisted_2$8 = ["aria-pressed", "disabled", "title", "onClick"];
-const _hoisted_3$8 = {
-  key: 0,
-  class: "bcm-sr"
-};
-const _hoisted_4$8 = {
-  key: 1,
-  class: "bcm-react"
-};
-const _sfc_main$8 = /* @__PURE__ */ defineComponent({
-  __name: "ReactionBar",
-  props: {
-    reactionSet: {},
-    summary: {},
-    interactive: { type: Boolean },
-    busy: { type: Boolean }
-  },
-  emits: ["react"],
-  setup(__props, { emit: __emit }) {
-    const props = __props;
-    const emit = __emit;
-    const { t } = useText();
-    const shown = computed(() => props.interactive ? props.reactionSet : props.reactionSet.filter((e) => (props.summary.counts[e] ?? 0) > 0));
-    return (_ctx, _cache) => {
-      return shown.value.length ? (openBlock(), createElementBlock("div", {
-        key: 0,
-        class: "bcm-reactions",
-        role: "group",
-        "aria-label": unref(t)("discussion.reactions")
-      }, [
-        (openBlock(true), createElementBlock(Fragment, null, renderList(shown.value, (emoji) => {
-          return openBlock(), createElementBlock(Fragment, { key: emoji }, [
-            __props.interactive ? (openBlock(), createElementBlock("button", {
-              key: 0,
-              type: "button",
-              class: "bcm-react",
-              "aria-pressed": __props.summary.mine === emoji,
-              disabled: __props.busy,
-              title: __props.summary.mine === emoji ? unref(t)("discussion.reactionRemove") : unref(t)("discussion.reactionAdd"),
-              onClick: ($event) => emit("react", emoji)
-            }, [
-              createElementVNode("span", null, toDisplayString(unref(t)("discussion.reactionCount", { emoji, count: __props.summary.counts[emoji] ?? 0 })), 1),
-              __props.summary.mine === emoji ? (openBlock(), createElementBlock("span", _hoisted_3$8, toDisplayString(unref(t)("discussion.reactionMine")), 1)) : createCommentVNode("", true)
-            ], 8, _hoisted_2$8)) : (openBlock(), createElementBlock("span", _hoisted_4$8, toDisplayString(unref(t)("discussion.reactionCount", { emoji, count: __props.summary.counts[emoji] ?? 0 })), 1))
-          ], 64);
-        }), 128))
-      ], 8, _hoisted_1$8)) : createCommentVNode("", true);
-    };
-  }
-});
-const KEY = /* @__PURE__ */ Symbol("bcm-discussion");
-function provideDiscussion(ctx) {
-  provide(KEY, ctx);
-}
-function useDiscussion() {
-  const ctx = inject(KEY, null);
-  if (!ctx) throw new Error("[blogmcp-community] a discussion component rendered outside <blogmcp-discussion>");
-  return ctx;
-}
-const _hoisted_1$7 = { class: "bcm-msg-item" };
-const _hoisted_2$7 = ["aria-busy"];
-const _hoisted_3$7 = { class: "bcm-msg-main" };
-const _hoisted_4$7 = { class: "bcm-meta" };
-const _hoisted_5$7 = { class: "bcm-author" };
-const _hoisted_6$7 = {
-  key: 0,
-  class: "bcm-badge bcm-badge-team"
-};
-const _hoisted_7$7 = {
-  key: 1,
-  class: "bcm-handle"
-};
-const _hoisted_8$7 = ["datetime"];
-const _hoisted_9$7 = {
-  key: 3,
-  class: "bcm-muted"
-};
-const _hoisted_10$7 = {
-  key: 4,
-  class: "bcm-muted",
-  role: "status"
-};
-const _hoisted_11$7 = {
-  key: 0,
-  class: "bcm-placeholder"
-};
-const _hoisted_12$7 = {
-  key: 1,
-  class: "bcm-muted"
-};
-const _hoisted_13$7 = {
-  key: 0,
-  class: "bcm-own-state bcm-own-consent"
-};
-const _hoisted_14$7 = { class: "bcm-badge" };
-const _hoisted_15$7 = { class: "bcm-hint" };
-const _hoisted_16$7 = {
-  key: 1,
-  class: "bcm-own-state"
-};
-const _hoisted_17$7 = { class: "bcm-badge" };
-const _hoisted_18$7 = { class: "bcm-hint" };
-const _hoisted_19$7 = ["href"];
-const _hoisted_20$7 = {
-  key: 3,
-  class: "bcm-text"
-};
-const _hoisted_21$6 = {
-  key: 4,
-  class: "bcm-hint"
-};
-const _hoisted_22$6 = ["href"];
-const _hoisted_23$6 = {
-  key: 3,
-  class: "bcm-actions"
-};
-const _hoisted_24$5 = {
-  key: 0,
-  class: "bcm-replies"
-};
-const _hoisted_25$4 = {
-  key: 2,
-  class: "bcm-hint"
-};
-const REPLIES_SHOWN = 3;
-const _sfc_main$7 = /* @__PURE__ */ defineComponent({
-  ...{ name: "MessageItem" },
-  __name: "MessageItem",
-  props: {
-    message: {}
-  },
-  setup(__props) {
-    const props = __props;
-    const { t, lang } = useText();
-    const { ctl, routes, opened, originals, allReplies, deleteMessage } = useDiscussion();
-    const m = computed(() => props.message);
-    const isReply = computed(() => m.value.replyToSeq !== null);
-    const own = computed(() => ctl.isOwn(m.value));
-    const placeholder = computed(() => m.value.body === null);
-    const untilConsent = computed(() => own.value && m.value.state === "held" && m.value.hiddenUntilConsent === true);
-    const canGiveConsent = computed(
-      () => untilConsent.value && ctl.mode() === "onboarding" && ctl.needs().art9 && !ctl.onboarding.value && ctl.state.refusedAge === null
-    );
-    const authorName = computed(() => {
-      const a = m.value.author;
-      if (a.kind === "system") return t("author.system");
-      if (a.kind === "staff") return a.displayName;
-      return a.displayName ?? t("author.deleted");
-    });
-    const handle = computed(() => m.value.author.kind === "member" ? m.value.author.handle : null);
-    const badge = computed(() => {
-      const a = m.value.author;
-      if (a.kind !== "staff") return null;
-      const key = `author.badge.${a.badge}`;
-      return hasCommunityMessage(key) ? t(key) : null;
-    });
-    const placeholderKey = computed(
-      () => m.value.state === "held" ? "discussion.placeholderHeld" : m.value.state === "removed" ? "discussion.placeholderRemoved" : "discussion.placeholderDeleted"
-    );
-    const hiddenByBlock = computed(() => m.value.collapsed && !opened.has(m.value.seq));
-    const showOriginal = computed(() => originals.has(m.value.seq));
-    const text = computed(() => (m.value.isTranslated && !showOriginal.value ? m.value.displayBody : m.value.body) ?? m.value.displayBody);
-    const notes = computed(
-      () => (own.value ? m.value.notes ?? [] : []).map((code) => noteMessageKey(code)).filter((k) => k !== null)
-    );
-    const warnings = computed(() => own.value ? [...new Set((m.value.warnings ?? []).map((code) => warningMessageKey(code)))] : []);
-    const editing = computed(() => ctl.state.inline?.kind === "edit" && ctl.state.inline.seq === m.value.seq);
-    const replying = computed(() => !isReply.value && ctl.state.inline?.kind === "reply" && ctl.state.inline.seq === m.value.seq);
-    const shownReplies = computed(() => allReplies.has(m.value.seq) ? m.value.replies : m.value.replies.slice(0, REPLIES_SHOWN));
-    const moreReplies = computed(() => m.value.replies.length - shownReplies.value.length);
-    const target = computed(() => ({ conversationId: m.value.conversationId, seq: m.value.seq }));
-    const menu = computed(() => {
-      const items = [];
-      const msg = m.value;
-      if (ctl.canEdit(msg)) items.push({ id: "edit", label: t("discussion.edit") });
-      if (ctl.canDelete(msg)) items.push({ id: "delete", label: t("discussion.delete"), danger: true });
-      if (ctl.canReport(msg)) items.push({ id: "report", label: t("discussion.report") });
-      else if (ctl.canReportAsNotifier(msg)) {
-        const href = reportLink(routes.value.reportPath, target.value);
-        if (href) items.push({ id: "report", label: t("discussion.report"), href });
-      }
-      if (ctl.canBlock(msg)) items.push({ id: msg.collapsed ? "unblock" : "block", label: msg.collapsed ? t("discussion.unblock") : t("discussion.block") });
-      return items;
-    });
-    function onMenu(id) {
-      const msg = m.value;
-      if (id === "edit") ctl.openEdit(msg.seq);
-      else if (id === "delete") deleteMessage(msg.seq);
-      else if (id === "report") ctl.openReport(msg);
-      else if ((id === "block" || id === "unblock") && msg.author.kind === "member" && msg.author.memberId) void ctl.setBlocked(msg.author.memberId, id === "block");
-    }
-    function reply() {
-      ctl.openReply(m.value.seq, isReply.value ? authorName.value : null);
-    }
-    function toggle(set) {
-      if (set.has(m.value.seq)) set.delete(m.value.seq);
-      else set.add(m.value.seq);
-    }
-    return (_ctx, _cache) => {
-      const _component_MessageItem = resolveComponent("MessageItem", true);
-      return openBlock(), createElementBlock("li", _hoisted_1$7, [
-        createElementVNode("article", {
-          class: normalizeClass(["bcm-msg", { "bcm-msg-pending": !!m.value.pending }]),
-          "aria-busy": !!m.value.pending
-        }, [
-          createVNode(_sfc_main$b, {
-            author: m.value.author
-          }, null, 8, ["author"]),
-          createElementVNode("div", _hoisted_3$7, [
-            createElementVNode("header", _hoisted_4$7, [
-              createElementVNode("span", _hoisted_5$7, toDisplayString(authorName.value), 1),
-              badge.value ? (openBlock(), createElementBlock("span", _hoisted_6$7, toDisplayString(badge.value), 1)) : createCommentVNode("", true),
-              handle.value ? (openBlock(), createElementBlock("span", _hoisted_7$7, toDisplayString(handle.value), 1)) : createCommentVNode("", true),
-              m.value.createdAt ? (openBlock(), createElementBlock("time", {
-                key: 2,
-                class: "bcm-time",
-                datetime: m.value.createdAt
-              }, toDisplayString(unref(formatDate)(unref(lang), m.value.createdAt)), 9, _hoisted_8$7)) : createCommentVNode("", true),
-              m.value.isEdited && !placeholder.value ? (openBlock(), createElementBlock("span", _hoisted_9$7, toDisplayString(unref(t)("discussion.edited")), 1)) : createCommentVNode("", true),
-              m.value.pending ? (openBlock(), createElementBlock("span", _hoisted_10$7, toDisplayString(unref(t)("discussion.pending")), 1)) : createCommentVNode("", true)
-            ]),
-            placeholder.value ? (openBlock(), createElementBlock("p", _hoisted_11$7, toDisplayString(unref(t)(placeholderKey.value)), 1)) : hiddenByBlock.value ? (openBlock(), createElementBlock("p", _hoisted_12$7, [
-              createTextVNode(toDisplayString(unref(t)("discussion.collapsed")) + " ", 1),
-              createElementVNode("button", {
-                type: "button",
-                class: "bcm-link",
-                onClick: _cache[0] || (_cache[0] = ($event) => toggle(unref(opened)))
-              }, toDisplayString(unref(t)("discussion.show")), 1)
-            ])) : (openBlock(), createElementBlock(Fragment, { key: 2 }, [
-              untilConsent.value ? (openBlock(), createElementBlock("div", _hoisted_13$7, [
-                createElementVNode("span", _hoisted_14$7, toDisplayString(unref(t)("state.hiddenUntilConsent")), 1),
-                createElementVNode("p", _hoisted_15$7, toDisplayString(unref(t)("discussion.hiddenUntilConsentNote")), 1),
-                canGiveConsent.value ? (openBlock(), createElementBlock("button", {
-                  key: 0,
-                  type: "button",
-                  class: "bcm-link",
-                  onClick: _cache[1] || (_cache[1] = ($event) => unref(ctl).beginOnboarding())
-                }, toDisplayString(unref(t)("discussion.giveConsent")), 1)) : createCommentVNode("", true)
-              ])) : own.value && (m.value.state === "held" || m.value.state === "removed") ? (openBlock(), createElementBlock("div", _hoisted_16$7, [
-                createElementVNode("span", _hoisted_17$7, toDisplayString(m.value.state === "held" ? unref(t)("state.held") : unref(t)("state.removed")), 1),
-                createElementVNode("p", _hoisted_18$7, toDisplayString(m.value.state === "held" ? unref(t)("discussion.heldNote") : unref(t)("discussion.removedNote")), 1),
-                m.value.state === "removed" ? (openBlock(), createElementBlock("a", {
-                  key: 0,
-                  href: unref(routes).myCommunityPath
-                }, toDisplayString(unref(t)("discussion.why")), 9, _hoisted_19$7)) : createCommentVNode("", true)
-              ])) : createCommentVNode("", true),
-              editing.value && unref(ctl).state.inline ? (openBlock(), createBlock(_sfc_main$c, {
-                key: 2,
-                kind: "edit",
-                draft: unref(ctl).state.inline,
-                wait: unref(ctl).waitLeft(unref(ctl).state.inline),
-                "rules-href": unref(routes).rulesPath,
-                onSubmit: _cache[2] || (_cache[2] = ($event) => unref(ctl).submitInline()),
-                onCancel: _cache[3] || (_cache[3] = ($event) => unref(ctl).closeInline()),
-                onConfirm: _cache[4] || (_cache[4] = (code, checked) => unref(ctl).state.inline && unref(ctl).setConfirmed(unref(ctl).state.inline, code, checked)),
-                onConfirmed: _cache[5] || (_cache[5] = ($event) => unref(ctl).state.inline && unref(ctl).sendConfirmed(unref(ctl).state.inline))
-              }, null, 8, ["draft", "wait", "rules-href"])) : (openBlock(), createElementBlock("p", _hoisted_20$7, [
-                createVNode(_sfc_main$a, { text: text.value }, null, 8, ["text"])
-              ])),
-              m.value.isTranslated && !editing.value ? (openBlock(), createElementBlock("p", _hoisted_21$6, [
-                createTextVNode(toDisplayString(unref(t)("discussion.translated")) + " ", 1),
-                createElementVNode("button", {
-                  type: "button",
-                  class: "bcm-link",
-                  onClick: _cache[6] || (_cache[6] = ($event) => toggle(unref(originals)))
-                }, toDisplayString(showOriginal.value ? unref(t)("discussion.showTranslation") : unref(t)("discussion.showOriginal")), 1)
-              ])) : createCommentVNode("", true),
-              m.value.collapsed ? (openBlock(), createElementBlock("button", {
-                key: 5,
-                type: "button",
-                class: "bcm-link",
-                onClick: _cache[7] || (_cache[7] = ($event) => toggle(unref(opened)))
-              }, toDisplayString(unref(t)("discussion.hide")), 1)) : createCommentVNode("", true),
-              (openBlock(true), createElementBlock(Fragment, null, renderList(notes.value, (key) => {
-                return openBlock(), createElementBlock("p", {
-                  key,
-                  class: "bcm-note"
-                }, [
-                  key === "note.report_to_manufacturer" && unref(routes).consultationPath ? (openBlock(), createElementBlock("a", {
-                    key: 0,
-                    href: unref(routes).consultationPath
-                  }, toDisplayString(unref(t)(key)), 9, _hoisted_22$6)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
-                    createTextVNode(toDisplayString(unref(t)(key)), 1)
-                  ], 64))
-                ]);
-              }), 128)),
-              (openBlock(true), createElementBlock(Fragment, null, renderList(warnings.value, (key) => {
-                return openBlock(), createElementBlock("p", {
-                  key,
-                  class: "bcm-warning"
-                }, toDisplayString(unref(t)(key)), 1);
-              }), 128))
-            ], 64)),
-            !placeholder.value && !hiddenByBlock.value && !editing.value ? (openBlock(), createElementBlock("div", _hoisted_23$6, [
-              createVNode(_sfc_main$8, {
-                "reaction-set": unref(ctl).state.thread.reactionSet,
-                summary: m.value.reactions,
-                interactive: unref(ctl).canReact() && !m.value.pending && m.value.seq > 0 && m.value.state === "visible",
-                busy: !!unref(ctl).state.busy[`react:${m.value.seq}`],
-                onReact: _cache[8] || (_cache[8] = (emoji) => unref(ctl).react(target.value, emoji))
-              }, null, 8, ["reaction-set", "summary", "interactive", "busy"]),
-              unref(ctl).canReply(m.value) ? (openBlock(), createElementBlock("button", {
-                key: 0,
-                type: "button",
-                class: "bcm-quiet",
-                onClick: reply
-              }, toDisplayString(unref(t)("discussion.reply")), 1)) : createCommentVNode("", true),
-              createVNode(_sfc_main$9, {
-                items: menu.value,
-                onSelect: onMenu
-              }, null, 8, ["items"])
-            ])) : createCommentVNode("", true),
-            !isReply.value ? (openBlock(), createElementBlock(Fragment, { key: 4 }, [
-              m.value.replies.length ? (openBlock(), createElementBlock("ol", _hoisted_24$5, [
-                (openBlock(true), createElementBlock(Fragment, null, renderList(shownReplies.value, (r) => {
-                  return openBlock(), createBlock(_component_MessageItem, {
-                    key: r.id,
-                    message: r
-                  }, null, 8, ["message"]);
-                }), 128))
-              ])) : createCommentVNode("", true),
-              moreReplies.value > 0 ? (openBlock(), createElementBlock("button", {
-                key: 1,
-                type: "button",
-                class: "bcm-link",
-                onClick: _cache[9] || (_cache[9] = ($event) => unref(allReplies).add(m.value.seq))
-              }, toDisplayString(unref(t)("discussion.showReplies", { count: moreReplies.value })), 1)) : createCommentVNode("", true),
-              m.value.repliesTruncated ? (openBlock(), createElementBlock("p", _hoisted_25$4, toDisplayString(unref(t)("discussion.repliesTruncated")), 1)) : createCommentVNode("", true),
-              replying.value && unref(ctl).state.inline ? (openBlock(), createBlock(_sfc_main$c, {
-                key: 3,
-                kind: "reply",
-                draft: unref(ctl).state.inline,
-                wait: unref(ctl).waitLeft(unref(ctl).state.inline),
-                "rules-href": unref(routes).rulesPath,
-                "replying-to": unref(ctl).state.inline.replyingTo,
-                onSubmit: _cache[10] || (_cache[10] = ($event) => unref(ctl).submitInline()),
-                onCancel: _cache[11] || (_cache[11] = ($event) => unref(ctl).closeInline()),
-                onConfirm: _cache[12] || (_cache[12] = (code, checked) => unref(ctl).state.inline && unref(ctl).setConfirmed(unref(ctl).state.inline, code, checked)),
-                onConfirmed: _cache[13] || (_cache[13] = ($event) => unref(ctl).state.inline && unref(ctl).sendConfirmed(unref(ctl).state.inline))
-              }, null, 8, ["draft", "wait", "rules-href", "replying-to"])) : createCommentVNode("", true)
-            ], 64)) : createCommentVNode("", true)
-          ])
-        ], 10, _hoisted_2$7)
-      ]);
-    };
-  }
-});
-const _hoisted_1$6 = ["aria-labelledby"];
-const _hoisted_2$6 = ["id"];
-const _hoisted_3$6 = {
-  key: 0,
-  class: "bcm-muted",
-  role: "status"
-};
-const _hoisted_4$6 = {
-  class: "bcm-error",
-  role: "alert"
-};
-const _hoisted_5$6 = { class: "bcm-row" };
-const _hoisted_6$6 = { role: "alert" };
-const _hoisted_7$6 = { class: "bcm-row" };
-const _hoisted_8$6 = {
-  key: 0,
-  class: "bcm-hint"
-};
-const _hoisted_9$6 = {
-  key: 1,
-  class: "bcm-choices"
-};
-const _hoisted_10$6 = ["name", "value"];
-const _hoisted_11$6 = { class: "bcm-hint bcm-full" };
-const _hoisted_12$6 = {
-  key: 2,
-  class: "bcm-section"
-};
-const _hoisted_13$6 = {
-  key: 0,
-  class: "bcm-rules"
-};
-const _hoisted_14$6 = {
-  key: 0,
-  class: "bcm-hint"
-};
-const _hoisted_15$6 = ["href"];
-const _hoisted_16$6 = { class: "bcm-check" };
-const _hoisted_17$6 = {
-  key: 3,
-  class: "bcm-section"
-};
-const _hoisted_18$6 = ["aria-label"];
-const _hoisted_19$6 = { class: "bcm-check" };
-const _hoisted_20$6 = {
-  key: 4,
-  class: "bcm-section"
-};
-const _hoisted_21$5 = { class: "bcm-field" };
-const _hoisted_22$5 = ["for"];
-const _hoisted_23$5 = ["id", "maxlength", "aria-invalid", "aria-describedby"];
-const _hoisted_24$4 = ["id"];
-const _hoisted_25$3 = { class: "bcm-field" };
-const _hoisted_26$3 = ["for"];
-const _hoisted_27$2 = ["id", "maxlength", "placeholder", "aria-invalid", "aria-describedby"];
-const _hoisted_28$2 = ["id"];
-const _hoisted_29$2 = {
-  key: 0,
-  class: "bcm-hint"
-};
-const _hoisted_30$2 = { class: "bcm-choices" };
-const _hoisted_31$2 = { class: "bcm-choice" };
-const _hoisted_32$2 = ["name"];
-const _hoisted_33$2 = ["name", "value"];
-const _hoisted_34$2 = {
-  key: 5,
-  class: "bcm-error",
-  role: "alert"
-};
-const _hoisted_35$2 = { class: "bcm-row" };
-const _hoisted_36$2 = ["disabled"];
-const _hoisted_37$1 = ["disabled"];
-const _hoisted_38$1 = ["disabled"];
-const _sfc_main$6 = /* @__PURE__ */ defineComponent({
-  __name: "OnboardingSteps",
-  props: {
-    model: {},
-    rulesHref: {}
-  },
-  emits: ["cancel"],
-  setup(__props, { emit: __emit }) {
-    const props = __props;
-    const emit = __emit;
-    const { t, lang } = useText();
-    const s = props.model.state;
-    const id = uid("bcm-onboarding");
-    const heading = ref(null);
-    const step = computed(() => props.model.step());
-    const fresh = computed(() => s.steps.includes("profile"));
-    const failure = computed(() => {
-      const f = s.failure;
-      if (!f) return "";
-      const ref2 = failureText(f, lang.value);
-      return t(ref2.key, ref2.params);
-    });
-    const ageKey = (band) => `onboarding.age.${band}`;
-    watch(
-      () => [s.index, s.phase, s.steps.join()],
-      ([index, phase, steps], [indexBefore, , stepsBefore]) => {
-        if (index !== indexBefore || steps !== stepsBefore || phase === "refused" || phase === "failed") void nextTick(() => heading.value?.focus());
-      }
-    );
-    onMounted(() => void nextTick(() => heading.value?.focus()));
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("section", {
-        class: "bcm-card",
-        "aria-labelledby": `${unref(id)}-title`
-      }, [
-        createElementVNode("h3", {
-          id: `${unref(id)}-title`,
-          ref_key: "heading",
-          ref: heading,
-          tabindex: "-1"
-        }, toDisplayString(unref(t)("onboarding.title")), 9, _hoisted_2$6),
-        unref(s).phase === "loading" ? (openBlock(), createElementBlock("p", _hoisted_3$6, toDisplayString(unref(t)("common.loading")), 1)) : unref(s).phase === "failed" ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [
-          createElementVNode("p", _hoisted_4$6, toDisplayString(failure.value), 1),
-          createElementVNode("div", _hoisted_5$6, [
-            createElementVNode("button", {
-              type: "button",
-              class: "bcm-btn",
-              onClick: _cache[0] || (_cache[0] = ($event) => emit("cancel"))
-            }, toDisplayString(unref(t)("common.cancel")), 1),
-            createElementVNode("button", {
-              type: "button",
-              class: "bcm-btn bcm-primary",
-              onClick: _cache[1] || (_cache[1] = ($event) => __props.model.load())
-            }, toDisplayString(unref(t)("common.retry")), 1)
-          ])
-        ], 64)) : unref(s).phase === "refused" ? (openBlock(), createElementBlock(Fragment, { key: 2 }, [
-          createElementVNode("p", _hoisted_6$6, toDisplayString(unref(t)("onboarding.ageBelow", { min: unref(s).minAge ?? 18 })), 1),
-          createElementVNode("div", _hoisted_7$6, [
-            createElementVNode("button", {
-              type: "button",
-              class: "bcm-btn",
-              onClick: _cache[2] || (_cache[2] = ($event) => emit("cancel"))
-            }, toDisplayString(unref(t)("common.close")), 1)
-          ])
-        ], 64)) : (openBlock(), createElementBlock("form", {
-          key: 3,
-          class: "bcm-form",
-          novalidate: "",
-          onSubmit: _cache[12] || (_cache[12] = withModifiers(($event) => __props.model.next(), ["prevent"]))
-        }, [
-          unref(s).index === 0 && fresh.value ? (openBlock(), createElementBlock("p", _hoisted_8$6, toDisplayString(unref(t)("onboarding.lede")), 1)) : createCommentVNode("", true),
-          step.value === "age" ? (openBlock(), createElementBlock("fieldset", _hoisted_9$6, [
-            createElementVNode("legend", null, toDisplayString(unref(t)("onboarding.ageTitle")), 1),
-            (openBlock(true), createElementBlock(Fragment, null, renderList(unref(AGE_BANDS), (band) => {
-              return openBlock(), createElementBlock("label", {
-                key: band,
-                class: "bcm-choice"
-              }, [
-                withDirectives(createElementVNode("input", {
-                  "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => unref(s).ageBand = $event),
-                  type: "radio",
-                  name: `${unref(id)}-age`,
-                  value: band
-                }, null, 8, _hoisted_10$6), [
-                  [vModelRadio, unref(s).ageBand]
-                ]),
-                createElementVNode("span", null, toDisplayString(unref(t)(ageKey(band))), 1)
-              ]);
-            }), 128)),
-            createElementVNode("p", _hoisted_11$6, toDisplayString(unref(t)("onboarding.ageHint")), 1)
-          ])) : step.value === "rules" ? (openBlock(), createElementBlock("div", _hoisted_12$6, [
-            createElementVNode("h4", null, toDisplayString(unref(t)("onboarding.rulesTitle")), 1),
-            createElementVNode("p", null, toDisplayString(unref(s).reconsent ? unref(t)("onboarding.rulesChanged") : unref(t)("onboarding.rulesLede")), 1),
-            unref(s).rules.length ? (openBlock(), createElementBlock("ol", _hoisted_13$6, [
-              (openBlock(true), createElementBlock(Fragment, null, renderList(unref(s).rules, (rule) => {
-                return openBlock(), createElementBlock("li", {
-                  key: rule.id
-                }, [
-                  createElementVNode("strong", null, toDisplayString(rule.title), 1),
-                  rule.summary ? (openBlock(), createElementBlock("span", _hoisted_14$6, toDisplayString(rule.summary), 1)) : createCommentVNode("", true)
-                ]);
-              }), 128))
-            ])) : createCommentVNode("", true),
-            createElementVNode("p", null, [
-              createElementVNode("a", {
-                href: __props.rulesHref,
-                target: "_blank",
-                rel: "noopener"
-              }, toDisplayString(unref(t)("onboarding.rulesLink")), 9, _hoisted_15$6)
-            ]),
-            createElementVNode("label", _hoisted_16$6, [
-              withDirectives(createElementVNode("input", {
-                "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => unref(s).rulesAccepted = $event),
-                type: "checkbox"
-              }, null, 512), [
-                [vModelCheckbox, unref(s).rulesAccepted]
-              ]),
-              createElementVNode("span", null, toDisplayString(unref(t)("onboarding.rulesAccept")), 1)
-            ])
-          ])) : step.value === "art9" ? (openBlock(), createElementBlock("div", _hoisted_17$6, [
-            createElementVNode("h4", null, toDisplayString(unref(t)("onboarding.art9Title")), 1),
-            createElementVNode("p", null, toDisplayString(unref(t)("onboarding.art9Lede")), 1),
-            createElementVNode("div", {
-              class: "bcm-consent",
-              tabindex: "0",
-              role: "document",
-              "aria-label": unref(t)("onboarding.art9Title")
-            }, [
-              (openBlock(true), createElementBlock(Fragment, null, renderList(unref(s).art9Paragraphs, (paragraph, i) => {
-                return openBlock(), createElementBlock("p", {
-                  key: i,
-                  class: "bcm-text"
-                }, toDisplayString(paragraph), 1);
-              }), 128))
-            ], 8, _hoisted_18$6),
-            createElementVNode("label", _hoisted_19$6, [
-              withDirectives(createElementVNode("input", {
-                "onUpdate:modelValue": _cache[5] || (_cache[5] = ($event) => unref(s).art9Accepted = $event),
-                type: "checkbox"
-              }, null, 512), [
-                [vModelCheckbox, unref(s).art9Accepted]
-              ]),
-              createElementVNode("span", null, toDisplayString(unref(t)("onboarding.art9Accept")), 1)
-            ])
-          ])) : step.value === "profile" ? (openBlock(), createElementBlock("div", _hoisted_20$6, [
-            createElementVNode("h4", null, toDisplayString(unref(t)("onboarding.profileTitle")), 1),
-            createElementVNode("div", _hoisted_21$5, [
-              createElementVNode("label", {
-                for: `${unref(id)}-name`
-              }, toDisplayString(unref(t)("onboarding.displayName")), 9, _hoisted_22$5),
-              withDirectives(createElementVNode("input", {
-                id: `${unref(id)}-name`,
-                "onUpdate:modelValue": _cache[6] || (_cache[6] = ($event) => unref(s).displayName = $event),
-                class: "bcm-input",
-                autocomplete: "nickname",
-                maxlength: unref(COMMUNITY_DISPLAY_NAME_MAX) * 2,
-                "aria-invalid": __props.model.hasFieldError("displayName"),
-                "aria-describedby": `${unref(id)}-name-hint`
-              }, null, 8, _hoisted_23$5), [
-                [vModelText, unref(s).displayName]
-              ]),
-              createElementVNode("p", {
-                id: `${unref(id)}-name-hint`,
-                class: "bcm-hint"
-              }, toDisplayString(unref(t)("onboarding.displayNameHint")), 9, _hoisted_24$4)
-            ]),
-            createElementVNode("div", _hoisted_25$3, [
-              createElementVNode("label", {
-                for: `${unref(id)}-handle`
-              }, toDisplayString(unref(t)("onboarding.handle")), 9, _hoisted_26$3),
-              withDirectives(createElementVNode("input", {
-                id: `${unref(id)}-handle`,
-                "onUpdate:modelValue": _cache[7] || (_cache[7] = ($event) => unref(s).handle = $event),
-                class: "bcm-input",
-                autocomplete: "username",
-                autocapitalize: "none",
-                spellcheck: "false",
-                maxlength: unref(HANDLE_MAX),
-                placeholder: __props.model.suggestedHandle() ?? "",
-                "aria-invalid": __props.model.hasFieldError("handle"),
-                "aria-describedby": `${unref(id)}-handle-hint`
-              }, null, 8, _hoisted_27$2), [
-                [vModelText, unref(s).handle]
-              ]),
-              createElementVNode("p", {
-                id: `${unref(id)}-handle-hint`,
-                class: "bcm-hint"
-              }, toDisplayString(unref(t)("onboarding.handleHint", { min: unref(HANDLE_MIN), max: unref(HANDLE_MAX), days: unref(COMMUNITY_HANDLE_CHANGE_DAYS) })), 9, _hoisted_28$2),
-              __props.model.suggestedHandle() ? (openBlock(), createElementBlock("p", _hoisted_29$2, toDisplayString(unref(t)("onboarding.handleSuggested", { handle: __props.model.suggestedHandle() ?? "" })), 1)) : createCommentVNode("", true)
-            ]),
-            createElementVNode("fieldset", _hoisted_30$2, [
-              createElementVNode("legend", null, toDisplayString(unref(t)("onboarding.avatar")), 1),
-              createElementVNode("label", _hoisted_31$2, [
-                withDirectives(createElementVNode("input", {
-                  "onUpdate:modelValue": _cache[8] || (_cache[8] = ($event) => unref(s).avatarPreset = $event),
-                  type: "radio",
-                  name: `${unref(id)}-avatar`,
-                  value: null
-                }, null, 8, _hoisted_32$2), [
-                  [vModelRadio, unref(s).avatarPreset]
-                ]),
-                createElementVNode("span", null, toDisplayString(unref(t)("onboarding.avatarNone")), 1)
-              ]),
-              (openBlock(true), createElementBlock(Fragment, null, renderList(unref(AVATAR_PRESETS), (preset) => {
-                return openBlock(), createElementBlock("label", {
-                  key: preset.id,
-                  class: "bcm-choice"
-                }, [
-                  withDirectives(createElementVNode("input", {
-                    "onUpdate:modelValue": _cache[9] || (_cache[9] = ($event) => unref(s).avatarPreset = $event),
-                    type: "radio",
-                    name: `${unref(id)}-avatar`,
-                    value: preset.id
-                  }, null, 8, _hoisted_33$2), [
-                    [vModelRadio, unref(s).avatarPreset]
-                  ]),
-                  createElementVNode("span", null, toDisplayString(preset.emoji), 1)
-                ]);
-              }), 128))
-            ])
-          ])) : createCommentVNode("", true),
-          failure.value ? (openBlock(), createElementBlock("p", _hoisted_34$2, toDisplayString(failure.value), 1)) : createCommentVNode("", true),
-          createElementVNode("div", _hoisted_35$2, [
-            unref(s).index > 0 ? (openBlock(), createElementBlock("button", {
-              key: 0,
-              type: "button",
-              class: "bcm-btn",
-              disabled: unref(s).phase === "sending",
-              onClick: _cache[10] || (_cache[10] = ($event) => __props.model.back())
-            }, toDisplayString(unref(t)("onboarding.back")), 9, _hoisted_36$2)) : createCommentVNode("", true),
-            createElementVNode("button", {
-              type: "button",
-              class: "bcm-btn",
-              disabled: unref(s).phase === "sending",
-              onClick: _cache[11] || (_cache[11] = ($event) => emit("cancel"))
-            }, toDisplayString(unref(t)("common.cancel")), 9, _hoisted_37$1),
-            _cache[13] || (_cache[13] = createElementVNode("span", { class: "bcm-spacer" }, null, -1)),
-            createElementVNode("button", {
-              type: "submit",
-              class: "bcm-btn bcm-primary",
-              disabled: !__props.model.canContinue()
-            }, toDisplayString(unref(s).phase === "sending" ? unref(t)("composer.sending") : __props.model.isLast() ? unref(t)("onboarding.submit") : unref(t)("onboarding.continue")), 9, _hoisted_38$1)
-          ])
-        ], 32))
-      ], 8, _hoisted_1$6);
-    };
-  }
-});
-const _hoisted_1$5 = ["aria-labelledby"];
-const _hoisted_2$5 = ["id"];
-const _hoisted_3$5 = { class: "bcm-hint" };
-const _hoisted_4$5 = { key: 0 };
-const _hoisted_5$5 = ["href"];
-const _hoisted_6$5 = { class: "bcm-choices" };
-const _hoisted_7$5 = ["name", "value"];
-const _hoisted_8$5 = {
-  key: 1,
-  class: "bcm-field"
-};
-const _hoisted_9$5 = ["for"];
-const _hoisted_10$5 = {
-  key: 0,
-  class: "bcm-error"
-};
-const _hoisted_11$5 = {
-  key: 1,
-  class: "bcm-muted",
-  role: "status"
-};
-const _hoisted_12$5 = ["id"];
-const _hoisted_13$5 = ["value"];
-const _hoisted_14$5 = { class: "bcm-field" };
-const _hoisted_15$5 = ["for"];
-const _hoisted_16$5 = ["id", "aria-describedby", "aria-invalid"];
-const _hoisted_17$5 = ["id"];
-const _hoisted_18$5 = {
-  key: 2,
-  class: "bcm-error",
-  role: "alert"
-};
-const _hoisted_19$5 = { class: "bcm-row" };
-const _hoisted_20$5 = ["disabled"];
-const _hoisted_21$4 = ["disabled"];
-const _hoisted_22$4 = { role: "status" };
-const _hoisted_23$4 = ["href"];
-const _hoisted_24$3 = { class: "bcm-row" };
-const _sfc_main$5 = /* @__PURE__ */ defineComponent({
-  __name: "ReportDialog",
-  props: {
-    report: {},
-    myCommunityHref: {},
-    rulesHref: {},
-    fallbackFocus: { type: Function }
-  },
-  emits: ["submit", "close"],
-  setup(__props, { emit: __emit }) {
-    const props = __props;
-    const emit = __emit;
-    const { t, lang } = useText();
-    const dialog = ref(null);
-    const id = uid("bcm-report");
-    useModal(dialog, () => emit("close"), props.fallbackFocus);
-    const categoryKey = (c) => `category.${c}`;
-    const noteLength = computed(() => codePointLength(normalizeBody(props.report.note)));
-    const canSend = computed(
-      () => !props.report.sending && props.report.category !== "" && (props.report.category !== "rules" || props.report.ruleId !== "") && noteLength.value <= COMMUNITY_REPORT_NOTE_MAX
-    );
-    const failure = computed(() => {
-      const f = props.report.failure;
-      if (!f) return "";
-      const ref2 = failureText(f, lang.value);
-      return t(ref2.key, ref2.params);
-    });
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("dialog", {
-        ref_key: "dialog",
-        ref: dialog,
-        class: "bcm-dialog",
-        "aria-labelledby": `${unref(id)}-title`
-      }, [
-        createElementVNode("form", {
-          class: "bcm-dialog-body",
-          novalidate: "",
-          onSubmit: _cache[5] || (_cache[5] = withModifiers(($event) => canSend.value && emit("submit"), ["prevent"]))
-        }, [
-          createElementVNode("h3", {
-            id: `${unref(id)}-title`
-          }, toDisplayString(unref(t)("report.title")), 9, _hoisted_2$5),
-          !__props.report.done ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
-            createElementVNode("p", _hoisted_3$5, toDisplayString(unref(t)("report.lede")), 1),
-            __props.rulesHref ? (openBlock(), createElementBlock("p", _hoisted_4$5, [
-              createElementVNode("a", {
-                href: __props.rulesHref,
-                target: "_blank",
-                rel: "noopener"
-              }, toDisplayString(unref(t)("onboarding.rulesTitle")), 9, _hoisted_5$5)
-            ])) : createCommentVNode("", true),
-            createElementVNode("fieldset", _hoisted_6$5, [
-              createElementVNode("legend", null, toDisplayString(unref(t)("report.category")), 1),
-              (openBlock(true), createElementBlock(Fragment, null, renderList(unref(CASE_CATEGORIES), (c) => {
-                return openBlock(), createElementBlock("label", {
-                  key: c,
-                  class: "bcm-choice"
-                }, [
-                  withDirectives(createElementVNode("input", {
-                    "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => __props.report.category = $event),
-                    type: "radio",
-                    name: `${unref(id)}-category`,
-                    value: c
-                  }, null, 8, _hoisted_7$5), [
-                    [vModelRadio, __props.report.category]
-                  ]),
-                  createElementVNode("span", null, toDisplayString(unref(t)(categoryKey(c))), 1)
-                ]);
-              }), 128))
-            ]),
-            __props.report.category === "rules" ? (openBlock(), createElementBlock("div", _hoisted_8$5, [
-              createElementVNode("label", {
-                for: `${unref(id)}-rule`
-              }, toDisplayString(unref(t)("report.rule")), 9, _hoisted_9$5),
-              __props.report.rulesFailed ? (openBlock(), createElementBlock("p", _hoisted_10$5, toDisplayString(unref(t)("error.unavailable")), 1)) : __props.report.rules === null ? (openBlock(), createElementBlock("p", _hoisted_11$5, toDisplayString(unref(t)("common.loading")), 1)) : withDirectives((openBlock(), createElementBlock("select", {
-                key: 2,
-                id: `${unref(id)}-rule`,
-                "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => __props.report.ruleId = $event),
-                class: "bcm-input",
-                required: ""
-              }, [
-                _cache[6] || (_cache[6] = createElementVNode("option", {
-                  value: "",
-                  disabled: ""
-                }, null, -1)),
-                (openBlock(true), createElementBlock(Fragment, null, renderList(__props.report.rules, (rule) => {
-                  return openBlock(), createElementBlock("option", {
-                    key: rule.id,
-                    value: rule.id
-                  }, toDisplayString(rule.title), 9, _hoisted_13$5);
-                }), 128))
-              ], 8, _hoisted_12$5)), [
-                [vModelSelect, __props.report.ruleId]
-              ])
-            ])) : createCommentVNode("", true),
-            createElementVNode("div", _hoisted_14$5, [
-              createElementVNode("label", {
-                for: `${unref(id)}-note`
-              }, toDisplayString(unref(t)("report.note")), 9, _hoisted_15$5),
-              withDirectives(createElementVNode("textarea", {
-                id: `${unref(id)}-note`,
-                "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => __props.report.note = $event),
-                class: "bcm-input bcm-textarea",
-                rows: "3",
-                "aria-describedby": `${unref(id)}-note-hint`,
-                "aria-invalid": noteLength.value > unref(COMMUNITY_REPORT_NOTE_MAX)
-              }, null, 8, _hoisted_16$5), [
-                [vModelText, __props.report.note]
-              ]),
-              createElementVNode("p", {
-                id: `${unref(id)}-note-hint`,
-                class: "bcm-hint"
-              }, toDisplayString(unref(t)("report.noteHint")) + " " + toDisplayString(unref(t)("report.counter", { length: noteLength.value, max: unref(COMMUNITY_REPORT_NOTE_MAX) })), 9, _hoisted_17$5)
-            ]),
-            failure.value ? (openBlock(), createElementBlock("p", _hoisted_18$5, toDisplayString(failure.value), 1)) : createCommentVNode("", true),
-            createElementVNode("div", _hoisted_19$5, [
-              _cache[7] || (_cache[7] = createElementVNode("span", { class: "bcm-spacer" }, null, -1)),
-              createElementVNode("button", {
-                type: "button",
-                class: "bcm-btn",
-                disabled: __props.report.sending,
-                onClick: _cache[3] || (_cache[3] = ($event) => emit("close"))
-              }, toDisplayString(unref(t)("report.cancel")), 9, _hoisted_20$5),
-              createElementVNode("button", {
-                type: "submit",
-                class: "bcm-btn bcm-primary",
-                disabled: !canSend.value
-              }, toDisplayString(__props.report.sending ? unref(t)("report.sending") : unref(t)("report.submit")), 9, _hoisted_21$4)
-            ])
-          ], 64)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
-            createElementVNode("p", _hoisted_22$4, toDisplayString(unref(t)("report.done")), 1),
-            createElementVNode("p", null, [
-              createElementVNode("a", { href: __props.myCommunityHref }, toDisplayString(unref(t)("panel.title")), 9, _hoisted_23$4)
-            ]),
-            createElementVNode("div", _hoisted_24$3, [
-              _cache[8] || (_cache[8] = createElementVNode("span", { class: "bcm-spacer" }, null, -1)),
-              createElementVNode("button", {
-                type: "button",
-                class: "bcm-btn bcm-primary",
-                onClick: _cache[4] || (_cache[4] = ($event) => emit("close"))
-              }, toDisplayString(unref(t)("common.close")), 1)
-            ])
-          ], 64))
-        ], 32)
-      ], 8, _hoisted_1$5);
-    };
-  }
-});
-const _hoisted_1$4 = ["lang", "aria-labelledby"];
-const _hoisted_2$4 = { class: "bcm-head" };
-const _hoisted_3$4 = ["id"];
-const _hoisted_4$4 = {
-  key: 0,
-  class: "bcm-count"
-};
-const _hoisted_5$4 = {
-  key: 0,
-  class: "bcm-muted",
-  role: "status"
-};
-const _hoisted_6$4 = {
-  key: 1,
-  class: "bcm-banner",
-  role: "alert"
-};
-const _hoisted_7$4 = {
-  key: 0,
-  class: "bcm-banner",
-  role: "status"
-};
-const _hoisted_8$4 = ["disabled"];
-const _hoisted_9$4 = {
-  key: 1,
-  class: "bcm-muted"
-};
-const _hoisted_10$4 = {
-  key: 2,
-  class: "bcm-thread"
-};
-const _hoisted_11$4 = {
-  key: 3,
-  class: "bcm-row"
-};
-const _hoisted_12$4 = ["disabled"];
-const _hoisted_13$4 = { class: "bcm-section" };
-const _hoisted_14$4 = {
-  key: 1,
-  class: "bcm-row"
-};
-const _hoisted_15$4 = ["href"];
-const _hoisted_16$4 = {
-  key: 1,
-  class: "bcm-row"
-};
-const _hoisted_17$4 = {
-  key: 3,
-  class: "bcm-note"
-};
-const _hoisted_18$4 = {
-  key: 4,
-  class: "bcm-section"
-};
-const _hoisted_19$4 = ["href"];
-const _hoisted_20$4 = {
-  key: 5,
-  class: "bcm-note"
-};
-const _hoisted_21$3 = {
-  key: 6,
-  class: "bcm-note"
-};
-const _hoisted_22$3 = ["href"];
-const _hoisted_23$3 = {
-  class: "bcm-sr",
-  "aria-live": "polite"
-};
-const refusedAges = /* @__PURE__ */ new WeakMap();
-const _sfc_main$4 = /* @__PURE__ */ defineComponent({
-  ...{ inheritAttrs: false },
-  __name: "DiscussionView",
-  props: {
-    articleId: {},
-    apiBase: {},
-    siteBase: {},
-    lang: {},
-    signInHref: {},
-    routes: {},
-    pollMs: {},
-    transport: { type: Function }
-  },
-  setup(__props) {
-    const props = __props;
-    const host = useHost();
-    const lang = ref(pickLang(props.lang, documentLang()));
-    const { t, text } = provideText(lang);
-    watch(
-      () => props.lang,
-      (v) => {
-        lang.value = pickLang(v, documentLang());
-      }
-    );
-    const headingId = uid("bcm-discussion");
-    const heading = ref(null);
-    const generation = ref(0);
-    const current = shallowRef(null);
-    const siteBase = computed(() => siteBaseFor(props.siteBase));
-    function create() {
-      const articleId = props.articleId?.trim();
-      if (!articleId) {
-        warnOnce("article-id", "[blogmcp-community] <blogmcp-discussion> needs an article-id");
-        return null;
-      }
-      if (siteBase.value === null) return null;
-      const client = communityClientFor(props.apiBase, props.transport, siteBase.value);
-      if (!client) return null;
-      return createDiscussionController({
-        client,
-        articleId,
-        lang: lang.value,
-        pollMs: props.pollMs,
-        refusedAge: (host && refusedAges.get(host)) ?? null,
-        onAgeRefused: (minAge) => {
-          if (host) refusedAges.set(host, minAge);
-        },
-        onPosted: (state2) => host?.dispatchEvent(new CustomEvent("bcm-posted", { detail: { state: state2 }, bubbles: true, composed: true }))
-      });
-    }
-    const opened = reactive(/* @__PURE__ */ new Set());
-    const originals = reactive(/* @__PURE__ */ new Set());
-    const allReplies = reactive(/* @__PURE__ */ new Set());
-    const deleting = ref(null);
-    const parsedRoutes = computed(() => parseRoutes(props.routes));
-    const routes = computed(() => routesWithDefaults(parsedRoutes.value, current.value?.state.me?.links, siteBase.value ?? ""));
-    provideDiscussion({
-      get ctl() {
-        return current.value;
-      },
-      routes,
-      opened,
-      originals,
-      allReplies,
-      focusHeading: () => heading.value,
-      deleteMessage: (seq) => {
-        deleting.value = seq;
-      }
-    });
-    let observer = null;
-    function start() {
-      current.value?.dispose();
-      opened.clear();
-      originals.clear();
-      allReplies.clear();
-      deleting.value = null;
-      current.value = create();
-      generation.value += 1;
-      void current.value?.start();
-    }
-    onMounted(() => {
-      start();
-      if (host && typeof IntersectionObserver !== "undefined") {
-        observer = new IntersectionObserver((entries) => {
-          const e = entries[entries.length - 1];
-          if (e) current.value?.setInView(e.isIntersecting);
-        }, { rootMargin: "200px" });
-        observer.observe(host);
-      }
-    });
-    watch(() => [props.articleId, props.apiBase, siteBase.value, props.transport, props.pollMs, lang.value], () => start());
-    onBeforeUnmount(() => {
-      observer?.disconnect();
-      current.value?.dispose();
-      current.value = null;
-    });
-    const ctl = computed(() => current.value);
-    const state = computed(() => current.value?.state ?? null);
-    const mode = computed(() => current.value?.mode() ?? "pending");
-    const composer = ref(null);
-    watch(mode, (now, before) => {
-      if (now === "write" && before === "onboarding") void nextTick(() => composer.value?.focus());
-      if (now === "ageRefused" && before === "onboarding") void nextTick(() => heading.value?.focus());
-    });
-    const needKey = computed(() => {
-      const n = current.value?.needs();
-      return n?.onboarding ? "need.onboarding" : n?.rules ? "need.reconsent_rules" : "need.art9_consent";
-    });
-    function signInHref() {
-      return signInLink(props.signInHref, typeof location === "undefined" ? null : location.pathname);
-    }
-    function sanctionText(r) {
-      const date = r.endsAt ? formatDate(lang.value, r.endsAt) : "";
-      if (r.kind === "ban") return t("sanction.ban");
-      if (r.kind === "suspension") return date ? t("sanction.suspensionUntil", { date }) : t("sanction.suspension");
-      return date ? t("sanction.restrictionUntil", { date }) : t("sanction.restriction");
-    }
-    const loadFailure = computed(() => {
-      const f = state.value?.failure;
-      if (!f) return "";
-      const r = failureText(f, lang.value);
-      return t(r.key, r.params);
-    });
-    const liveText = ref("");
-    watch(
-      () => state.value?.announceId,
-      () => {
-        liveText.value = "";
-        const next = text(state.value?.announcement);
-        void nextTick(() => {
-          liveText.value = next;
-        });
-      }
-    );
-    async function confirmDelete() {
-      const seq = deleting.value;
-      if (seq === null || !current.value) return;
-      await current.value.remove(seq);
-      deleting.value = null;
-    }
-    return (_ctx, _cache) => {
-      return ctl.value && state.value && state.value.phase !== "hidden" ? (openBlock(), createElementBlock("section", {
-        key: generation.value,
-        class: "bcm bcm-discussion",
-        lang: lang.value,
-        "aria-labelledby": unref(headingId)
-      }, [
-        createElementVNode("header", _hoisted_2$4, [
-          createElementVNode("h2", {
-            id: unref(headingId),
-            ref_key: "heading",
-            ref: heading,
-            tabindex: "-1"
-          }, toDisplayString(unref(t)("discussion.title")), 9, _hoisted_3$4),
-          state.value.phase === "ready" ? (openBlock(), createElementBlock("span", _hoisted_4$4, toDisplayString(unref(t)("discussion.count", { count: state.value.thread.count })), 1)) : createCommentVNode("", true)
-        ]),
-        state.value.phase === "loading" ? (openBlock(), createElementBlock("p", _hoisted_5$4, toDisplayString(unref(t)("discussion.loading")), 1)) : state.value.phase === "failed" ? (openBlock(), createElementBlock("div", _hoisted_6$4, [
-          createElementVNode("span", null, toDisplayString(loadFailure.value), 1),
-          createElementVNode("button", {
-            type: "button",
-            class: "bcm-btn",
-            onClick: _cache[0] || (_cache[0] = ($event) => ctl.value.refresh())
-          }, toDisplayString(unref(t)("common.retry")), 1)
-        ])) : (openBlock(), createElementBlock(Fragment, { key: 2 }, [
-          createVNode(_sfc_main$8, {
-            "reaction-set": state.value.thread.reactionSet,
-            summary: state.value.thread.articleReactions,
-            interactive: ctl.value.canReact(),
-            busy: !!state.value.busy["react:article"],
-            onReact: _cache[1] || (_cache[1] = (emoji) => ctl.value && ctl.value.react({ articleId: state.value.thread.articleId ?? __props.articleId ?? "" }, emoji))
-          }, null, 8, ["reaction-set", "summary", "interactive", "busy"]),
-          state.value.newMessages ? (openBlock(), createElementBlock("div", _hoisted_7$4, [
-            createElementVNode("span", null, toDisplayString(unref(t)("discussion.newMessages")), 1),
-            createElementVNode("button", {
-              type: "button",
-              class: "bcm-btn",
-              disabled: state.value.refreshing,
-              onClick: _cache[2] || (_cache[2] = ($event) => ctl.value.refresh())
-            }, toDisplayString(unref(t)("discussion.refresh")), 9, _hoisted_8$4)
-          ])) : createCommentVNode("", true),
-          state.value.thread.messages.length === 0 ? (openBlock(), createElementBlock("p", _hoisted_9$4, toDisplayString(unref(t)("discussion.empty")), 1)) : (openBlock(), createElementBlock("ol", _hoisted_10$4, [
-            (openBlock(true), createElementBlock(Fragment, null, renderList(state.value.thread.messages, (m) => {
-              return openBlock(), createBlock(_sfc_main$7, {
-                key: m.id,
-                message: m
-              }, null, 8, ["message"]);
-            }), 128))
-          ])),
-          state.value.thread.nextCursor !== null ? (openBlock(), createElementBlock("div", _hoisted_11$4, [
-            createElementVNode("button", {
-              type: "button",
-              class: "bcm-btn",
-              disabled: state.value.loadingMore,
-              onClick: _cache[3] || (_cache[3] = ($event) => ctl.value.loadMore())
-            }, toDisplayString(unref(t)("discussion.loadMore")), 9, _hoisted_12$4)
-          ])) : createCommentVNode("", true),
-          createElementVNode("div", _hoisted_13$4, [
-            mode.value === "write" ? (openBlock(), createBlock(_sfc_main$c, {
-              key: 0,
-              ref_key: "composer",
-              ref: composer,
-              kind: "new",
-              draft: state.value.composer,
-              wait: ctl.value.waitLeft(state.value.composer),
-              "rules-href": routes.value.rulesPath,
-              onSubmit: _cache[4] || (_cache[4] = ($event) => ctl.value.submit()),
-              onConfirm: _cache[5] || (_cache[5] = (code, checked) => ctl.value && ctl.value.setConfirmed(state.value.composer, code, checked)),
-              onConfirmed: _cache[6] || (_cache[6] = ($event) => ctl.value.sendConfirmed(state.value.composer))
-            }, null, 8, ["draft", "wait", "rules-href"])) : mode.value === "signIn" ? (openBlock(), createElementBlock("div", _hoisted_14$4, [
-              createElementVNode("p", null, toDisplayString(unref(t)("discussion.signInPrompt")), 1),
-              signInHref() ? (openBlock(), createElementBlock("a", {
-                key: 0,
-                class: "bcm-btn bcm-primary",
-                href: signInHref() ?? void 0
-              }, toDisplayString(unref(t)("common.signIn")), 9, _hoisted_15$4)) : createCommentVNode("", true)
-            ])) : mode.value === "onboarding" ? (openBlock(), createElementBlock(Fragment, { key: 2 }, [
-              ctl.value.onboarding.value ? (openBlock(), createBlock(_sfc_main$6, {
-                key: 0,
-                model: ctl.value.onboarding.value,
-                "rules-href": routes.value.rulesPath,
-                onCancel: _cache[7] || (_cache[7] = ($event) => ctl.value.cancelOnboarding())
-              }, null, 8, ["model", "rules-href"])) : (openBlock(), createElementBlock("div", _hoisted_16$4, [
-                createElementVNode("p", null, toDisplayString(unref(t)(needKey.value)), 1),
-                createElementVNode("button", {
-                  type: "button",
-                  class: "bcm-btn bcm-primary",
-                  onClick: _cache[8] || (_cache[8] = ($event) => ctl.value.beginOnboarding())
-                }, toDisplayString(unref(t)("onboarding.continue")), 1)
-              ]))
-            ], 64)) : mode.value === "ageRefused" ? (openBlock(), createElementBlock("p", _hoisted_17$4, toDisplayString(unref(t)("onboarding.ageBelow", { min: state.value.refusedAge ?? 18 })), 1)) : mode.value === "sanction" ? (openBlock(), createElementBlock("div", _hoisted_18$4, [
-              (openBlock(true), createElementBlock(Fragment, null, renderList(state.value.thread.viewer.restrictions, (r) => {
-                return openBlock(), createElementBlock("p", {
-                  key: r.decisionId,
-                  class: "bcm-note"
-                }, [
-                  createTextVNode(toDisplayString(sanctionText(r)) + " ", 1),
-                  unref(statementPath)(routes.value.statementPath, r.decisionId) ? (openBlock(), createElementBlock("a", {
-                    key: 0,
-                    href: unref(statementPath)(routes.value.statementPath, r.decisionId) ?? void 0
-                  }, toDisplayString(unref(t)("sanction.statement")), 9, _hoisted_19$4)) : createCommentVNode("", true)
-                ]);
-              }), 128))
-            ])) : mode.value === "notMoved" ? (openBlock(), createElementBlock("p", _hoisted_20$4, toDisplayString(unref(t)("error.notMoved")), 1)) : mode.value === "restricted" ? (openBlock(), createElementBlock("p", _hoisted_21$3, [
-              createTextVNode(toDisplayString(unref(t)("error.restricted")) + " ", 1),
-              createElementVNode("a", {
-                href: routes.value.myCommunityPath
-              }, toDisplayString(unref(t)("panel.title")), 9, _hoisted_22$3)
-            ])) : createCommentVNode("", true)
-          ])
-        ], 64)),
-        createElementVNode("p", _hoisted_23$3, toDisplayString(liveText.value), 1),
-        state.value.report ? (openBlock(), createBlock(_sfc_main$5, {
-          key: 3,
-          report: state.value.report,
-          "my-community-href": routes.value.myCommunityPath,
-          "rules-href": routes.value.rulesPath,
-          "fallback-focus": () => heading.value,
-          onSubmit: _cache[9] || (_cache[9] = ($event) => ctl.value.submitReport()),
-          onClose: _cache[10] || (_cache[10] = ($event) => ctl.value.closeReport())
-        }, null, 8, ["report", "my-community-href", "rules-href", "fallback-focus"])) : createCommentVNode("", true),
-        deleting.value !== null ? (openBlock(), createBlock(_sfc_main$d, {
-          key: 4,
-          title: "discussion.deleteTitle",
-          explain: "discussion.deleteExplain",
-          confirm: "discussion.deleteConfirm",
-          danger: "",
-          busy: !!state.value.busy[`delete:${deleting.value}`],
-          "fallback-focus": () => heading.value,
-          onConfirm: _cache[11] || (_cache[11] = ($event) => confirmDelete()),
-          onCancel: _cache[12] || (_cache[12] = ($event) => deleting.value = null)
-        }, null, 8, ["busy", "fallback-focus"])) : createCommentVNode("", true)
-      ], 8, _hoisted_1$4)) : createCommentVNode("", true);
-    };
-  }
-});
-function saveJson(data, fileName) {
-  if (typeof document === "undefined" || typeof URL.createObjectURL !== "function") return;
-  const blob = new Blob([JSON.stringify(data, null, 2)], { type: "application/json" });
-  const url = URL.createObjectURL(blob);
-  const a = document.createElement("a");
-  a.href = url;
-  a.download = fileName;
-  a.style.display = "none";
-  document.body.appendChild(a);
-  a.click();
-  a.remove();
-  setTimeout(() => URL.revokeObjectURL(url), 1e3);
-}
-function exportFileName(name, now = /* @__PURE__ */ new Date()) {
-  const day = now.toISOString().slice(0, 10);
-  const safe = name.replace(/[^\p{L}\p{N}_-]+/gu, "-").replace(/^-+|-+$/g, "") || "export";
-  return `${safe}-${day}.json`;
-}
-const appealDraft = () => ({ body: "", sending: false, failure: null });
-function createPanel(o) {
-  const { client } = o;
-  const abort = new AbortController();
-  const call = { signal: abort.signal };
-  const state = reactive({
-    phase: "idle",
-    failure: null,
-    me: null,
-    notifications: [],
-    decisions: [],
-    appeals: [],
-    reports: [],
-    blocks: [],
-    statement: { phase: "idle", value: null, failure: null, appeal: appealDraft() },
-    notice: { phase: "idle", value: null, failure: null, appeal: appealDraft() },
-    profile: null,
-    purgeAfter: null,
-    exporting: false,
-    busy: {},
-    announcement: null,
-    announceId: 0
-  });
-  let disposed = false;
-  const announce = (text) => {
-    state.announcement = text;
-    state.announceId += 1;
-  };
-  const failureRef = (f) => ({ key: `error.${f.code}` });
-  async function loadMember() {
-    state.phase = "loading";
-    state.failure = null;
-    const me = await client.me.get(call);
-    if (disposed) return;
-    if (!me.ok) {
-      if (me.code === "signIn") {
-        state.phase = "signIn";
-        return;
-      }
-      state.phase = "failed";
-      state.failure = me;
-      return;
-    }
-    state.me = me.value;
-    if (me.value.needs.includes("sign_in")) {
-      state.phase = "signIn";
-      return;
-    }
-    if (!me.value.member) {
-      state.phase = "ready";
-      return;
-    }
-    const [notifications, decisions, appeals, reports, blocks] = await Promise.all([
-      client.me.notifications.list({}, call),
-      client.me.decisions.list({}, call),
-      client.me.appeals.list(call),
-      client.me.reports.list(call),
-      client.blocks.list(call)
-    ]);
-    if (disposed) return;
-    if (notifications.ok) state.notifications = notifications.value.items.filter((n) => isKnownNotificationCode(n.code));
-    if (decisions.ok) state.decisions = [...decisions.value.items];
-    if (appeals.ok) state.appeals = [...appeals.value.items];
-    if (reports.ok) state.reports = [...reports.value.items];
-    if (blocks.ok) state.blocks = [...blocks.value.blocks];
-    const first = [notifications, decisions, appeals, reports, blocks].find((r) => !r.ok);
-    if (first && !first.ok) announce(failureRef(first));
-    state.phase = "ready";
-  }
-  let statementId = null;
-  let statementLoad = 0;
-  async function loadStatement(decisionId) {
-    const ticket = ++statementLoad;
-    if (decisionId !== statementId) {
-      statementId = decisionId;
-      state.statement.value = null;
-      state.statement.appeal = appealDraft();
-    }
-    state.statement.phase = "loading";
-    state.statement.failure = null;
-    const r = await client.me.decisions.get({ decisionId }, call);
-    if (disposed || ticket !== statementLoad) return;
-    if (r.ok) {
-      state.statement.value = r.value;
-      state.statement.phase = "ready";
-      return;
-    }
-    state.statement.failure = r;
-    state.statement.phase = r.code === "signIn" ? "signIn" : "failed";
-  }
-  async function loadNotice(receipt) {
-    if (receipt === null) {
-      state.notice.phase = "missing";
-      return;
-    }
-    state.notice.phase = "loading";
-    state.notice.failure = null;
-    const r = await client.notices.status({ receipt }, call);
-    if (disposed) return;
-    if (r.ok) {
-      state.notice.value = r.value;
-      state.notice.phase = "ready";
-      return;
-    }
-    state.notice.failure = r;
-    state.notice.phase = "failed";
-  }
-  let noticeReceipt = null;
-  const appealLength = (d) => codePointLength(normalizeBody(d.body));
-  const canAppealWith = (d) => !d.sending && appealLength(d) > 0 && appealLength(d) <= COMMUNITY_APPEAL_MAX;
-  return {
-    state,
-    loadMember,
-    loadStatement,
-    async loadNotice(receipt) {
-      noticeReceipt = receipt;
-      await loadNotice(receipt);
-    },
-    unreadCount: () => state.notifications.filter((n) => n.readAt === null).length,
-    async markAllRead() {
-      const ids = state.notifications.filter((n) => n.readAt === null).map((n) => n.id);
-      if (ids.length === 0 || state.busy.markRead) return;
-      state.busy.markRead = true;
-      const r = await client.me.notifications.markRead({ ids }, call);
-      delete state.busy.markRead;
-      if (disposed) return;
-      if (!r.ok) return announce(failureRef(r));
-      const at = (/* @__PURE__ */ new Date()).toISOString();
-      state.notifications = state.notifications.map((n) => ids.includes(n.id) ? { ...n, readAt: at } : n);
-    },
-    async fileAppeal() {
-      const s = state.statement;
-      const d = s.appeal;
-      if (!s.value || !s.value.canAppeal || !canAppealWith(d)) return;
-      const decisionId = s.value.decisionId;
-      d.sending = true;
-      d.failure = null;
-      const r = await client.me.appeals.file({ decisionId, body: normalizeBody(d.body) }, call);
-      d.sending = false;
-      if (disposed || decisionId !== statementId) return;
-      if (!r.ok) {
-        d.failure = r;
-        return;
-      }
-      d.body = "";
-      announce({ key: "statement.appealSent" });
-      await loadStatement(decisionId);
-    },
-    async withdrawAppeal() {
-      const s = state.statement;
-      const open = s.value?.appeal;
-      if (!s.value || !open || open.status !== "open" || state.busy.withdraw) return;
-      const decisionId = s.value.decisionId;
-      state.busy.withdraw = true;
-      const r = await client.me.appeals.withdraw({ appealId: open.appealId }, call);
-      delete state.busy.withdraw;
-      if (disposed || decisionId !== statementId) return;
-      if (!r.ok) return announce(failureRef(r));
-      announce({ key: "statement.appealWithdrawn" });
-      await loadStatement(decisionId);
-    },
-    async fileNoticeAppeal() {
-      const n = state.notice;
-      const d = n.appeal;
-      if (!n.value || !n.value.appeal.canAppeal || noticeReceipt === null || !canAppealWith(d)) return;
-      d.sending = true;
-      d.failure = null;
-      const r = await client.notices.appeal({ receipt: noticeReceipt, body: normalizeBody(d.body) }, call);
-      d.sending = false;
-      if (disposed) return;
-      if (!r.ok) {
-        d.failure = r;
-        return;
-      }
-      d.body = "";
-      announce({ key: "notice.appealSent" });
-      await loadNotice(noticeReceipt);
-    },
-    async withdrawNoticeAppeal() {
-      if (!state.notice.value?.appeal.open || noticeReceipt === null || state.busy.noticeWithdraw) return;
-      state.busy.noticeWithdraw = true;
-      const r = await client.notices.withdrawAppeal({ receipt: noticeReceipt }, call);
-      delete state.busy.noticeWithdraw;
-      if (disposed) return;
-      if (!r.ok) return announce(failureRef(r));
-      announce({ key: "statement.appealWithdrawn" });
-      await loadNotice(noticeReceipt);
-    },
-    async withdrawConsent() {
-      if (state.busy.consent) return false;
-      state.busy.consent = true;
-      const r = await client.me.consents.withdraw({ kind: "art9_consent" }, call);
-      delete state.busy.consent;
-      if (disposed) return false;
-      if (!r.ok) {
-        announce(failureRef(r));
-        return false;
-      }
-      if (state.me) state.me = { ...state.me, acceptances: { ...state.me.acceptances, art9Consent: r.value.state } };
-      announce({ key: "panel.art9Withdrawn" });
-      return true;
-    },
-    async unblock(memberId) {
-      const key = `block:${memberId}`;
-      if (state.busy[key]) return;
-      state.busy[key] = true;
-      const r = await client.blocks.set({ memberId, blocked: false }, call);
-      delete state.busy[key];
-      if (disposed) return;
-      if (!r.ok) return announce(failureRef(r));
-      state.blocks = state.blocks.filter((b) => b.memberId !== memberId);
-      announce({ key: "discussion.unblocked" });
-    },
-    editProfile() {
-      const p = state.me?.profile;
-      if (!p) return;
-      state.profile = { displayName: p.displayName, handle: p.handle, avatarPreset: p.avatarPreset, sending: false, failure: null, fields: [] };
-    },
-    cancelProfile() {
-      state.profile = null;
-    },
-    async saveProfile() {
-      const d = state.profile;
-      const current = state.me?.profile;
-      if (!d || !current || d.sending || !isDisplayNameOk(d.displayName) || !isHandleOk(d.handle) || normalizeHandle(d.handle) === "") return;
-      const input = {};
-      const name = normalizeName(d.displayName);
-      const handle = normalizeHandle(d.handle);
-      if (name !== current.displayName) input.displayName = name;
-      if (handle !== current.handle) input.handle = handle;
-      if (d.avatarPreset !== current.avatarPreset) input.avatarPreset = d.avatarPreset;
-      if (Object.keys(input).length === 0) {
-        state.profile = null;
-        return;
-      }
-      d.sending = true;
-      d.failure = null;
-      d.fields = [];
-      const r = await client.me.updateProfile(input, call);
-      d.sending = false;
-      if (disposed) return;
-      if (!r.ok) {
-        d.failure = r;
-        d.fields = r.code === "handle" ? ["handle"] : r.code === "name" ? ["displayName"] : r.fields ?? [];
-        return;
-      }
-      if (state.me) state.me = { ...state.me, profile: r.value.profile };
-      state.profile = null;
-    },
-    async exportData(save) {
-      if (state.exporting) return;
-      state.exporting = true;
-      const r = await client.me.export(call);
-      state.exporting = false;
-      if (disposed) return;
-      if (!r.ok) return announce(failureRef(r));
-      save(r.value);
-    },
-    async erase() {
-      if (state.busy.erase) return false;
-      state.busy.erase = true;
-      const r = await client.me.erase(call);
-      delete state.busy.erase;
-      if (disposed) return false;
-      if (!r.ok) {
-        announce(failureRef(r));
-        return false;
-      }
-      state.purgeAfter = r.value.purgeAfter;
-      if (state.me?.member) state.me = { ...state.me, member: { ...state.me.member, status: r.value.status } };
-      return true;
-    },
-    async cancelErase() {
-      if (state.busy.erase) return;
-      state.busy.erase = true;
-      const r = await client.me.cancelErase(call);
-      delete state.busy.erase;
-      if (disposed) return;
-      if (!r.ok) return announce(failureRef(r));
-      state.purgeAfter = null;
-      if (state.me?.member) state.me = { ...state.me, member: { ...state.me.member, status: r.value.status } };
-      announce({ key: "panel.eraseCancelled" });
-    },
-    erasing: () => state.me?.member?.status === "deletion_requested",
-    appealLength,
-    canAppealWith,
-    dispose() {
-      disposed = true;
-      abort.abort();
-    }
-  };
-}
-const taken = /* @__PURE__ */ new WeakMap();
-function receiptForElement(owner) {
-  if (typeof location !== "undefined" && location.hash.startsWith("#t=")) {
-    const receipt = receiptFromHash(location.hash);
-    readReceiptFromHash();
-    if (owner) taken.set(owner, receipt);
-    return receipt;
-  }
-  return owner && taken.has(owner) ? taken.get(owner) ?? null : void 0;
-}
-const _hoisted_1$3 = ["aria-labelledby"];
-const _hoisted_2$3 = ["id"];
-const _hoisted_3$3 = { class: "bcm-dl" };
-const _hoisted_4$3 = { class: "bcm-muted" };
-const _hoisted_5$3 = {
-  key: 0,
-  class: "bcm-muted"
-};
-const _hoisted_6$3 = { class: "bcm-facts" };
-const _hoisted_7$3 = ["aria-labelledby"];
-const _hoisted_8$3 = ["id"];
-const _hoisted_9$3 = { class: "bcm-row" };
-const _hoisted_10$3 = ["disabled"];
-const _hoisted_11$3 = {
-  key: 0,
-  class: "bcm-muted"
-};
-const _hoisted_12$3 = { class: "bcm-field" };
-const _hoisted_13$3 = ["for"];
-const _hoisted_14$3 = ["id", "aria-describedby", "aria-invalid"];
-const _hoisted_15$3 = ["id"];
-const _hoisted_16$3 = {
-  key: 0,
-  class: "bcm-error",
-  role: "alert"
-};
-const _hoisted_17$3 = { class: "bcm-row" };
-const _hoisted_18$3 = ["disabled"];
-const _hoisted_19$3 = { key: 2 };
-const _hoisted_20$3 = { key: 3 };
-const _sfc_main$3 = /* @__PURE__ */ defineComponent({
-  __name: "NoticeStatusView",
-  props: {
-    notice: {},
-    appeal: {},
-    withdrawing: { type: Boolean }
-  },
-  emits: ["appeal", "withdraw"],
-  setup(__props, { emit: __emit }) {
-    const props = __props;
-    const emit = __emit;
-    const { t, lang } = useText();
-    const id = uid("bcm-notice-status");
-    const n = computed(() => props.notice);
-    const category = computed(() => knownKey(`category.${n.value.category}`));
-    const status = computed(() => knownKey(`caseStatus.${n.value.status}`));
-    const length = computed(() => codePointLength(normalizeBody(props.appeal.body)));
-    const canSend = computed(() => !props.appeal.sending && length.value > 0 && length.value <= COMMUNITY_APPEAL_MAX);
-    const closed = computed(() => n.value.appeal.closesAt ? isPast(n.value.appeal.closesAt) : false);
-    const failure = computed(() => {
-      const f = props.appeal.failure;
-      if (!f) return "";
-      const r = failureText(f, lang.value);
-      return t(r.key, r.params);
-    });
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("section", {
-        class: "bcm-section",
-        "aria-labelledby": `${unref(id)}-title`
-      }, [
-        createElementVNode("h3", {
-          id: `${unref(id)}-title`
-        }, toDisplayString(unref(t)("notice.statusTitle")), 9, _hoisted_2$3),
-        createElementVNode("dl", _hoisted_3$3, [
-          category.value ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
-            createElementVNode("dt", null, toDisplayString(unref(t)("notice.category")), 1),
-            createElementVNode("dd", null, toDisplayString(unref(t)(category.value)), 1)
-          ], 64)) : createCommentVNode("", true),
-          status.value ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [
-            createElementVNode("dt", null, toDisplayString(unref(t)("notice.statusTitle")), 1),
-            createElementVNode("dd", null, toDisplayString(unref(t)(status.value)), 1)
-          ], 64)) : createCommentVNode("", true)
-        ]),
-        createElementVNode("p", _hoisted_4$3, toDisplayString(unref(t)("notice.submittedAt", { date: unref(formatDate)(unref(lang), n.value.submittedAt) })), 1),
-        n.value.decidedAt ? (openBlock(), createElementBlock("p", _hoisted_5$3, toDisplayString(unref(t)("notice.decidedAt", { date: unref(formatDate)(unref(lang), n.value.decidedAt) })), 1)) : createCommentVNode("", true),
-        n.value.statement ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [
-          createElementVNode("h4", null, toDisplayString(unref(t)("notice.statement")), 1),
-          createElementVNode("pre", _hoisted_6$3, toDisplayString(n.value.statement), 1)
-        ], 64)) : createCommentVNode("", true),
-        n.value.decidedAt ? (openBlock(), createElementBlock("section", {
-          key: 2,
-          class: "bcm-card",
-          "aria-labelledby": `${unref(id)}-appeal`
-        }, [
-          createElementVNode("h4", {
-            id: `${unref(id)}-appeal`
-          }, toDisplayString(unref(t)("notice.appealTitle")), 9, _hoisted_8$3),
-          n.value.appeal.open ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
-            createElementVNode("p", null, toDisplayString(unref(t)("notice.appealOpen")), 1),
-            createElementVNode("div", _hoisted_9$3, [
-              createElementVNode("button", {
-                type: "button",
-                class: "bcm-btn",
-                disabled: __props.withdrawing,
-                onClick: _cache[0] || (_cache[0] = ($event) => emit("withdraw"))
-              }, toDisplayString(unref(t)("notice.appealWithdraw")), 9, _hoisted_10$3)
-            ])
-          ], 64)) : n.value.appeal.canAppeal ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [
-            createElementVNode("p", null, toDisplayString(unref(t)("notice.appealLede")), 1),
-            n.value.appeal.closesAt ? (openBlock(), createElementBlock("p", _hoisted_11$3, toDisplayString(unref(t)("notice.appealUntil", { date: unref(formatDate)(unref(lang), n.value.appeal.closesAt) })), 1)) : createCommentVNode("", true),
-            createElementVNode("form", {
-              class: "bcm-form",
-              novalidate: "",
-              onSubmit: _cache[2] || (_cache[2] = withModifiers(($event) => canSend.value && emit("appeal"), ["prevent"]))
-            }, [
-              createElementVNode("div", _hoisted_12$3, [
-                createElementVNode("label", {
-                  for: `${unref(id)}-body`
-                }, toDisplayString(unref(t)("notice.appealBody")), 9, _hoisted_13$3),
-                withDirectives(createElementVNode("textarea", {
-                  id: `${unref(id)}-body`,
-                  "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => __props.appeal.body = $event),
-                  class: "bcm-input bcm-textarea",
-                  rows: "5",
-                  "aria-describedby": `${unref(id)}-counter`,
-                  "aria-invalid": length.value > unref(COMMUNITY_APPEAL_MAX)
-                }, null, 8, _hoisted_14$3), [
-                  [vModelText, __props.appeal.body]
-                ]),
-                createElementVNode("p", {
-                  id: `${unref(id)}-counter`,
-                  class: "bcm-counter"
-                }, toDisplayString(unref(t)("statement.appealCounter", { length: length.value, max: unref(COMMUNITY_APPEAL_MAX) })), 9, _hoisted_15$3)
-              ]),
-              failure.value ? (openBlock(), createElementBlock("p", _hoisted_16$3, toDisplayString(failure.value), 1)) : createCommentVNode("", true),
-              createElementVNode("div", _hoisted_17$3, [
-                createElementVNode("button", {
-                  type: "submit",
-                  class: "bcm-btn bcm-primary",
-                  disabled: !canSend.value
-                }, toDisplayString(__props.appeal.sending ? unref(t)("statement.appealSending") : unref(t)("notice.appealSubmit")), 9, _hoisted_18$3)
-              ])
-            ], 32)
-          ], 64)) : closed.value ? (openBlock(), createElementBlock("p", _hoisted_19$3, toDisplayString(unref(t)("notice.appealClosed")), 1)) : (openBlock(), createElementBlock("p", _hoisted_20$3, toDisplayString(unref(t)("statement.appealUnavailable")), 1))
-        ], 8, _hoisted_7$3)) : createCommentVNode("", true)
-      ], 8, _hoisted_1$3);
-    };
-  }
-});
-const _hoisted_1$2 = ["aria-labelledby"];
-const _hoisted_2$2 = ["id"];
-const _hoisted_3$2 = { class: "bcm-muted" };
-const _hoisted_4$2 = { class: "bcm-dl" };
-const _hoisted_5$2 = {
-  key: 0,
-  class: "bcm-muted"
-};
-const _hoisted_6$2 = { key: 0 };
-const _hoisted_7$2 = {
-  key: 0,
-  class: "bcm-text"
-};
-const _hoisted_8$2 = {
-  key: 0,
-  class: "bcm-text"
-};
-const _hoisted_9$2 = {
-  key: 0,
-  class: "bcm-note bcm-text"
-};
-const _hoisted_10$2 = { class: "bcm-facts" };
-const _hoisted_11$2 = { class: "bcm-text" };
-const _hoisted_12$2 = { class: "bcm-facts" };
-const _hoisted_13$2 = ["aria-labelledby"];
-const _hoisted_14$2 = ["id"];
-const _hoisted_15$2 = {
-  key: 0,
-  class: "bcm-muted"
-};
-const _hoisted_16$2 = { class: "bcm-row" };
-const _hoisted_17$2 = ["disabled"];
-const _hoisted_18$2 = { class: "bcm-muted" };
-const _hoisted_19$2 = { class: "bcm-field" };
-const _hoisted_20$2 = ["for"];
-const _hoisted_21$2 = ["id", "aria-describedby", "aria-invalid"];
-const _hoisted_22$2 = ["id"];
-const _hoisted_23$2 = {
-  key: 0,
-  class: "bcm-error",
-  role: "alert"
-};
-const _hoisted_24$2 = { class: "bcm-row" };
-const _hoisted_25$2 = ["disabled"];
-const _hoisted_26$2 = {
-  key: 0,
-  class: "bcm-muted"
-};
-const _sfc_main$2 = /* @__PURE__ */ defineComponent({
-  __name: "StatementView",
-  props: {
-    statement: {},
-    appeal: {},
-    withdrawing: { type: Boolean }
-  },
-  emits: ["appeal", "withdraw"],
-  setup(__props, { emit: __emit }) {
-    const props = __props;
-    const emit = __emit;
-    const { t, lang } = useText();
-    const id = uid("bcm-statement");
-    const s = computed(() => props.statement);
-    const restriction = computed(() => knownKey(`restriction.${s.value.restriction}`));
-    const basis = computed(() => knownKey(`basis.${s.value.basis}`));
-    const category = computed(() => knownKey(`category.${s.value.category}`));
-    const scope = computed(() => formatTerritorialScope(lang.value, s.value.territorialScope));
-    const appealStatus = computed(() => s.value.appeal ? knownKey(`appealStatus.${s.value.appeal.status}`) : null);
-    const subjectKey = computed(
-      () => s.value.subject.kind === "message" ? "statement.subjectMessage" : s.value.subject.kind === "article" ? "statement.subjectArticle" : "statement.subjectProfile"
-    );
-    const subjectText = computed(() => {
-      const subject = s.value.subject;
-      return subject.kind === "message" && subject.message ? subject.message.body ?? subject.message.displayBody : null;
-    });
-    const appealOpen = computed(() => s.value.appeal?.status === "open");
-    const windowClosed = computed(() => isPast(s.value.appealWindowClosesAt));
-    const length = computed(() => codePointLength(normalizeBody(props.appeal.body)));
-    const canSend = computed(() => !props.appeal.sending && length.value > 0 && length.value <= COMMUNITY_APPEAL_MAX);
-    const failure = computed(() => {
-      const f = props.appeal.failure;
-      if (!f) return "";
-      const r = failureText(f, lang.value);
-      return t(r.key, r.params);
-    });
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("article", {
-        class: "bcm-section",
-        "aria-labelledby": `${unref(id)}-title`
-      }, [
-        createElementVNode("h3", {
-          id: `${unref(id)}-title`
-        }, toDisplayString(unref(t)("statement.title")), 9, _hoisted_2$2),
-        createElementVNode("p", _hoisted_3$2, toDisplayString(unref(t)("statement.decidedAt", { date: unref(formatDate)(unref(lang), s.value.decidedAt) })), 1),
-        createElementVNode("p", null, toDisplayString(unref(t)("statement.provider", { entity: s.value.providerEntity })), 1),
-        createElementVNode("dl", _hoisted_4$2, [
-          restriction.value ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
-            createElementVNode("dt", null, toDisplayString(unref(t)("statement.restriction")), 1),
-            createElementVNode("dd", null, [
-              createTextVNode(toDisplayString(unref(t)(restriction.value)) + " ", 1),
-              s.value.restrictionUntil ? (openBlock(), createElementBlock("span", _hoisted_5$2, toDisplayString(unref(t)("statement.until", { date: unref(formatDate)(unref(lang), s.value.restrictionUntil) })), 1)) : createCommentVNode("", true)
-            ])
-          ], 64)) : createCommentVNode("", true),
-          category.value ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [
-            createElementVNode("dt", null, toDisplayString(unref(t)("report.category")), 1),
-            createElementVNode("dd", null, toDisplayString(unref(t)(category.value)), 1)
-          ], 64)) : createCommentVNode("", true),
-          scope.value ? (openBlock(), createElementBlock(Fragment, { key: 2 }, [
-            createElementVNode("dt", null, toDisplayString(unref(t)("statement.scope")), 1),
-            createElementVNode("dd", null, toDisplayString(scope.value), 1)
-          ], 64)) : createCommentVNode("", true),
-          basis.value ? (openBlock(), createElementBlock(Fragment, { key: 3 }, [
-            createElementVNode("dt", null, toDisplayString(unref(t)("statement.basis")), 1),
-            createElementVNode("dd", null, toDisplayString(unref(t)(basis.value)), 1)
-          ], 64)) : createCommentVNode("", true),
-          createElementVNode("dt", null, toDisplayString(unref(t)("statement.automation")), 1),
-          createElementVNode("dd", null, [
-            s.value.automatedDetection ? (openBlock(), createElementBlock("span", _hoisted_6$2, toDisplayString(unref(t)("statement.automatedDetection")), 1)) : createCommentVNode("", true),
-            createElementVNode("span", null, toDisplayString(s.value.automated ? unref(t)("statement.automatedDecision") : unref(t)("statement.humanDecision")), 1)
-          ]),
-          s.value.legalGround ? (openBlock(), createElementBlock(Fragment, { key: 4 }, [
-            createElementVNode("dt", null, toDisplayString(unref(t)("statement.legalGround")), 1),
-            createElementVNode("dd", null, [
-              createElementVNode("p", null, toDisplayString(s.value.legalGround), 1),
-              s.value.legalExplanation ? (openBlock(), createElementBlock("p", _hoisted_7$2, toDisplayString(s.value.legalExplanation), 1)) : createCommentVNode("", true)
-            ])
-          ], 64)) : createCommentVNode("", true),
-          s.value.contractualGround ? (openBlock(), createElementBlock(Fragment, { key: 5 }, [
-            createElementVNode("dt", null, toDisplayString(unref(t)("statement.contractualGround")), 1),
-            createElementVNode("dd", null, [
-              createElementVNode("p", null, toDisplayString(s.value.contractualGround), 1),
-              s.value.contractualExplanation ? (openBlock(), createElementBlock("p", _hoisted_8$2, toDisplayString(s.value.contractualExplanation), 1)) : createCommentVNode("", true)
-            ])
-          ], 64)) : createCommentVNode("", true),
-          createElementVNode("dt", null, toDisplayString(unref(t)("statement.subject")), 1),
-          createElementVNode("dd", null, [
-            createElementVNode("p", null, toDisplayString(unref(t)(subjectKey.value)), 1),
-            subjectText.value ? (openBlock(), createElementBlock("p", _hoisted_9$2, [
-              createVNode(_sfc_main$a, { text: subjectText.value }, null, 8, ["text"])
-            ])) : createCommentVNode("", true)
-          ])
-        ]),
-        createElementVNode("h4", null, toDisplayString(unref(t)("statement.facts")), 1),
-        createElementVNode("pre", _hoisted_10$2, toDisplayString(s.value.facts), 1),
-        createElementVNode("h4", null, toDisplayString(unref(t)("statement.redress")), 1),
-        createElementVNode("p", _hoisted_11$2, toDisplayString(s.value.redress), 1),
-        createElementVNode("details", null, [
-          createElementVNode("summary", null, toDisplayString(unref(t)("statement.full")), 1),
-          createElementVNode("pre", _hoisted_12$2, toDisplayString(s.value.statement), 1)
-        ]),
-        createElementVNode("section", {
-          class: "bcm-card",
-          "aria-labelledby": `${unref(id)}-appeal`
-        }, [
-          createElementVNode("h4", {
-            id: `${unref(id)}-appeal`
-          }, toDisplayString(unref(t)("statement.appealTitle")), 9, _hoisted_14$2),
-          appealOpen.value ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
-            createElementVNode("p", null, toDisplayString(unref(t)("statement.appealOpen")), 1),
-            appealStatus.value ? (openBlock(), createElementBlock("p", _hoisted_15$2, toDisplayString(unref(t)(appealStatus.value)), 1)) : createCommentVNode("", true),
-            createElementVNode("div", _hoisted_16$2, [
-              createElementVNode("button", {
-                type: "button",
-                class: "bcm-btn",
-                disabled: __props.withdrawing,
-                onClick: _cache[0] || (_cache[0] = ($event) => emit("withdraw"))
-              }, toDisplayString(unref(t)("statement.appealWithdraw")), 9, _hoisted_17$2)
-            ])
-          ], 64)) : s.value.canAppeal ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [
-            createElementVNode("p", null, toDisplayString(unref(t)("statement.appealLede")), 1),
-            createElementVNode("p", _hoisted_18$2, toDisplayString(unref(t)("statement.appealUntil", { date: unref(formatDate)(unref(lang), s.value.appealWindowClosesAt) })), 1),
-            createElementVNode("form", {
-              class: "bcm-form",
-              novalidate: "",
-              onSubmit: _cache[2] || (_cache[2] = withModifiers(($event) => canSend.value && emit("appeal"), ["prevent"]))
-            }, [
-              createElementVNode("div", _hoisted_19$2, [
-                createElementVNode("label", {
-                  for: `${unref(id)}-body`
-                }, toDisplayString(unref(t)("statement.appealBody")), 9, _hoisted_20$2),
-                withDirectives(createElementVNode("textarea", {
-                  id: `${unref(id)}-body`,
-                  "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => __props.appeal.body = $event),
-                  class: "bcm-input bcm-textarea",
-                  rows: "5",
-                  "aria-describedby": `${unref(id)}-counter`,
-                  "aria-invalid": length.value > unref(COMMUNITY_APPEAL_MAX)
-                }, null, 8, _hoisted_21$2), [
-                  [vModelText, __props.appeal.body]
-                ]),
-                createElementVNode("p", {
-                  id: `${unref(id)}-counter`,
-                  class: "bcm-counter"
-                }, toDisplayString(unref(t)("statement.appealCounter", { length: length.value, max: unref(COMMUNITY_APPEAL_MAX) })), 9, _hoisted_22$2)
-              ]),
-              failure.value ? (openBlock(), createElementBlock("p", _hoisted_23$2, toDisplayString(failure.value), 1)) : createCommentVNode("", true),
-              createElementVNode("div", _hoisted_24$2, [
-                createElementVNode("button", {
-                  type: "submit",
-                  class: "bcm-btn bcm-primary",
-                  disabled: !canSend.value
-                }, toDisplayString(__props.appeal.sending ? unref(t)("statement.appealSending") : unref(t)("statement.appealSubmit")), 9, _hoisted_25$2)
-              ])
-            ], 32)
-          ], 64)) : (openBlock(), createElementBlock(Fragment, { key: 2 }, [
-            appealStatus.value ? (openBlock(), createElementBlock("p", _hoisted_26$2, toDisplayString(unref(t)(appealStatus.value)), 1)) : createCommentVNode("", true),
-            createElementVNode("p", null, toDisplayString(windowClosed.value ? unref(t)("statement.appealClosed") : unref(t)("statement.appealUnavailable")), 1)
-          ], 64))
-        ], 8, _hoisted_13$2)
-      ], 8, _hoisted_1$2);
-    };
-  }
-});
-const _hoisted_1$1 = ["lang", "aria-labelledby"];
-const _hoisted_2$1 = ["id"];
-const _hoisted_3$1 = {
-  key: 0,
-  class: "bcm-note",
-  role: "alert"
-};
-const _hoisted_4$1 = {
-  key: 1,
-  class: "bcm-muted",
-  role: "status"
-};
-const _hoisted_5$1 = {
-  key: 2,
-  class: "bcm-error",
-  role: "alert"
-};
-const _hoisted_6$1 = {
-  key: 0,
-  class: "bcm-muted",
-  role: "status"
-};
-const _hoisted_7$1 = {
-  key: 1,
-  class: "bcm-row"
-};
-const _hoisted_8$1 = ["href"];
-const _hoisted_9$1 = {
-  key: 2,
-  class: "bcm-error",
-  role: "alert"
-};
-const _hoisted_10$1 = ["href"];
-const _hoisted_11$1 = {
-  key: 0,
-  class: "bcm-muted",
-  role: "status"
-};
-const _hoisted_12$1 = {
-  key: 1,
-  class: "bcm-row"
-};
-const _hoisted_13$1 = ["href"];
-const _hoisted_14$1 = {
-  key: 2,
-  class: "bcm-error",
-  role: "alert"
-};
-const _hoisted_15$1 = ["aria-labelledby"];
-const _hoisted_16$1 = ["id"];
-const _hoisted_17$1 = {
-  key: 0,
-  class: "bcm-msg"
-};
-const _hoisted_18$1 = { class: "bcm-msg-main" };
-const _hoisted_19$1 = { class: "bcm-author" };
-const _hoisted_20$1 = { class: "bcm-handle" };
-const _hoisted_21$1 = { class: "bcm-row" };
-const _hoisted_22$1 = { class: "bcm-field" };
-const _hoisted_23$1 = ["for"];
-const _hoisted_24$1 = ["id", "aria-invalid"];
-const _hoisted_25$1 = { class: "bcm-hint" };
-const _hoisted_26$1 = { class: "bcm-field" };
-const _hoisted_27$1 = ["for"];
-const _hoisted_28$1 = ["id", "maxlength", "aria-invalid"];
-const _hoisted_29$1 = { class: "bcm-hint" };
-const _hoisted_30$1 = { class: "bcm-choices" };
-const _hoisted_31$1 = { class: "bcm-choice" };
-const _hoisted_32$1 = ["name"];
-const _hoisted_33$1 = ["name", "value"];
-const _hoisted_34$1 = {
-  key: 0,
-  class: "bcm-error",
-  role: "alert"
-};
-const _hoisted_35$1 = { class: "bcm-row" };
-const _hoisted_36$1 = ["disabled"];
-const _hoisted_37 = ["disabled"];
-const _hoisted_38 = ["aria-labelledby"];
-const _hoisted_39 = { class: "bcm-row" };
-const _hoisted_40 = ["id"];
-const _hoisted_41 = {
-  key: 0,
-  class: "bcm-badge"
-};
-const _hoisted_42 = ["disabled"];
-const _hoisted_43 = {
-  key: 0,
-  class: "bcm-muted"
-};
-const _hoisted_44 = {
-  key: 1,
-  class: "bcm-list"
-};
-const _hoisted_45 = { key: 0 };
-const _hoisted_46 = ["datetime"];
-const _hoisted_47 = ["href"];
-const _hoisted_48 = ["aria-labelledby"];
-const _hoisted_49 = ["id"];
-const _hoisted_50 = {
-  key: 0,
-  class: "bcm-muted"
-};
-const _hoisted_51 = {
-  key: 1,
-  class: "bcm-list"
-};
-const _hoisted_52 = { key: 0 };
-const _hoisted_53 = {
-  key: 1,
-  class: "bcm-muted"
-};
-const _hoisted_54 = { class: "bcm-muted" };
-const _hoisted_55 = {
-  key: 2,
-  class: "bcm-muted"
-};
-const _hoisted_56 = {
-  key: 3,
-  class: "bcm-muted"
-};
-const _hoisted_57 = ["href"];
-const _hoisted_58 = ["aria-labelledby"];
-const _hoisted_59 = ["id"];
-const _hoisted_60 = {
-  key: 0,
-  class: "bcm-muted"
-};
-const _hoisted_61 = {
-  key: 1,
-  class: "bcm-list"
-};
-const _hoisted_62 = { key: 0 };
-const _hoisted_63 = { key: 1 };
-const _hoisted_64 = ["datetime"];
-const _hoisted_65 = {
-  key: 2,
-  class: "bcm-muted"
-};
-const _hoisted_66 = ["aria-labelledby"];
-const _hoisted_67 = ["id"];
-const _hoisted_68 = {
-  key: 0,
-  class: "bcm-muted"
-};
-const _hoisted_69 = {
-  key: 1,
-  class: "bcm-list"
-};
-const _hoisted_70 = ["disabled", "onClick"];
-const _hoisted_71 = ["aria-labelledby"];
-const _hoisted_72 = ["id"];
-const _hoisted_73 = { class: "bcm-row" };
-const _hoisted_74 = ["disabled"];
-const _hoisted_75 = { key: 1 };
-const _hoisted_76 = ["aria-labelledby"];
-const _hoisted_77 = ["id"];
-const _hoisted_78 = { class: "bcm-hint" };
-const _hoisted_79 = { class: "bcm-row" };
-const _hoisted_80 = ["disabled"];
-const _hoisted_81 = ["aria-labelledby"];
-const _hoisted_82 = ["id"];
-const _hoisted_83 = { class: "bcm-row" };
-const _hoisted_84 = ["disabled"];
-const _hoisted_85 = { class: "bcm-hint" };
-const _hoisted_86 = { class: "bcm-row" };
-const _hoisted_87 = ["disabled"];
-const _hoisted_88 = {
-  class: "bcm-sr",
-  "aria-live": "polite"
-};
-const _sfc_main$1 = /* @__PURE__ */ defineComponent({
-  ...{ inheritAttrs: false },
-  __name: "MyCommunityView",
-  props: {
-    apiBase: {},
-    siteBase: {},
-    lang: {},
-    decisionId: {},
-    routes: {},
-    signInHref: {},
-    transport: { type: Function }
-  },
-  setup(__props) {
-    const props = __props;
-    const lang = ref(pickLang(props.lang, documentLang()));
-    const { t, text } = provideText(lang);
-    const id = uid("bcm-panel");
-    const heading = ref(null);
-    const siteBase = siteBaseFor(props.siteBase);
-    const client = siteBase === null ? null : communityClientFor(props.apiBase, props.transport, siteBase);
-    const ctl = client ? createPanel({ client, lang: lang.value }) : null;
-    const state = ctl?.state ?? null;
-    const routes = computed(() => routesWithDefaults(parseRoutes(props.routes), state?.me?.links, siteBase ?? ""));
-    const decisionMode = computed(() => !!props.decisionId);
-    const noticeMode = ref(false);
-    const confirming = ref(null);
-    const host = useHost();
-    onMounted(() => {
-      if (!ctl) return;
-      const receipt = receiptForElement(host);
-      if (receipt !== void 0) {
-        noticeMode.value = true;
-        void ctl.loadNotice(receipt);
-      }
-      if (props.decisionId) void ctl.loadStatement(props.decisionId);
-      else void ctl.loadMember();
-    });
-    watch(
-      () => props.decisionId,
-      (id2, before) => {
-        if (!ctl || id2 === before) return;
-        if (id2) void ctl.loadStatement(id2);
-        else if (state?.phase === "idle") void ctl.loadMember();
-      }
-    );
-    onBeforeUnmount(() => ctl?.dispose());
-    const memberFailure = computed(() => {
-      const f = state?.failure;
-      if (!f) return "";
-      const r = failureText(f, lang.value);
-      return t(r.key, r.params);
-    });
-    const statementFailure = computed(() => {
-      const f = state?.statement.failure;
-      if (!f) return "";
-      const r = failureText(f, lang.value);
-      return t(r.key, r.params);
-    });
-    const noticeFailure = computed(() => {
-      const f = state?.notice.failure;
-      if (!f) return "";
-      const r = failureText(f, lang.value);
-      return t(r.key, r.params);
-    });
-    function signInHref() {
-      return signInLink(props.signInHref, typeof location === "undefined" ? null : location.pathname);
-    }
-    const statementHref = (decisionId) => statementPath(routes.value.statementPath, decisionId);
-    const notificationKey = (n) => knownKey(`notification.${n.code}`);
-    const restrictionKey = (code) => knownKey(`restriction.${code}`);
-    const categoryKey = (code) => knownKey(`category.${code}`);
-    const caseStatusKey = (code) => knownKey(`caseStatus.${code}`);
-    const appealStatusKey = (decisionId) => {
-      const a = state?.appeals.find((x) => x.decisionId === decisionId);
-      return a ? knownKey(`appealStatus.${a.status}`) : null;
-    };
-    const consent = computed(() => state?.me?.acceptances.art9Consent ?? null);
-    const member = computed(() => state?.me?.member ?? null);
-    const profile = computed(() => state?.me?.profile ?? null);
-    function exportNow() {
-      void ctl?.exportData((data) => saveJson(data, exportFileName(t("panel.exportFileName"))));
-    }
-    async function confirmAction() {
-      if (!ctl) return;
-      if (confirming.value === "consent") await ctl.withdrawConsent();
-      else if (confirming.value === "erase") await ctl.erase();
-      confirming.value = null;
-    }
-    const liveText = ref("");
-    watch(
-      () => state?.announceId,
-      () => {
-        liveText.value = "";
-        const next = text(state?.announcement);
-        void nextTick(() => {
-          liveText.value = next;
-        });
-      }
-    );
-    return (_ctx, _cache) => {
-      return unref(ctl) && unref(state) ? (openBlock(), createElementBlock("section", {
-        key: 0,
-        class: "bcm bcm-panel",
-        lang: lang.value,
-        "aria-labelledby": `${unref(id)}-title`
-      }, [
-        createElementVNode("h2", {
-          id: `${unref(id)}-title`,
-          ref_key: "heading",
-          ref: heading,
-          tabindex: "-1"
-        }, toDisplayString(decisionMode.value ? unref(t)("statement.title") : unref(t)("panel.title")), 9, _hoisted_2$1),
-        noticeMode.value ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
-          unref(state).notice.phase === "missing" ? (openBlock(), createElementBlock("p", _hoisted_3$1, toDisplayString(unref(t)("notice.receiptMissing")), 1)) : unref(state).notice.phase === "loading" ? (openBlock(), createElementBlock("p", _hoisted_4$1, toDisplayString(unref(t)("common.loading")), 1)) : unref(state).notice.phase === "failed" ? (openBlock(), createElementBlock("p", _hoisted_5$1, toDisplayString(noticeFailure.value), 1)) : unref(state).notice.value ? (openBlock(), createBlock(_sfc_main$3, {
-            key: 3,
-            notice: unref(state).notice.value,
-            appeal: unref(state).notice.appeal,
-            withdrawing: !!unref(state).busy.noticeWithdraw,
-            onAppeal: _cache[0] || (_cache[0] = ($event) => unref(ctl).fileNoticeAppeal()),
-            onWithdraw: _cache[1] || (_cache[1] = ($event) => unref(ctl).withdrawNoticeAppeal())
-          }, null, 8, ["notice", "appeal", "withdrawing"])) : createCommentVNode("", true)
-        ], 64)) : createCommentVNode("", true),
-        decisionMode.value ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [
-          unref(state).statement.phase === "loading" ? (openBlock(), createElementBlock("p", _hoisted_6$1, toDisplayString(unref(t)("common.loading")), 1)) : unref(state).statement.phase === "signIn" ? (openBlock(), createElementBlock("div", _hoisted_7$1, [
-            createElementVNode("p", null, toDisplayString(unref(t)("panel.signIn")), 1),
-            signInHref() ? (openBlock(), createElementBlock("a", {
-              key: 0,
-              class: "bcm-btn bcm-primary",
-              href: signInHref() ?? void 0
-            }, toDisplayString(unref(t)("common.signIn")), 9, _hoisted_8$1)) : createCommentVNode("", true)
-          ])) : unref(state).statement.phase === "failed" ? (openBlock(), createElementBlock("p", _hoisted_9$1, toDisplayString(statementFailure.value), 1)) : unref(state).statement.value ? (openBlock(), createBlock(_sfc_main$2, {
-            key: 3,
-            statement: unref(state).statement.value,
-            appeal: unref(state).statement.appeal,
-            withdrawing: !!unref(state).busy.withdraw,
-            onAppeal: _cache[2] || (_cache[2] = ($event) => unref(ctl).fileAppeal()),
-            onWithdraw: _cache[3] || (_cache[3] = ($event) => unref(ctl).withdrawAppeal())
-          }, null, 8, ["statement", "appeal", "withdrawing"])) : createCommentVNode("", true),
-          createElementVNode("p", null, [
-            createElementVNode("a", {
-              href: routes.value.myCommunityPath
-            }, toDisplayString(unref(t)("common.back")), 9, _hoisted_10$1)
-          ])
-        ], 64)) : (openBlock(), createElementBlock(Fragment, { key: 2 }, [
-          unref(state).phase === "loading" ? (openBlock(), createElementBlock("p", _hoisted_11$1, toDisplayString(unref(t)("common.loading")), 1)) : unref(state).phase === "signIn" && !noticeMode.value ? (openBlock(), createElementBlock("div", _hoisted_12$1, [
-            createElementVNode("p", null, toDisplayString(unref(t)("panel.signIn")), 1),
-            signInHref() ? (openBlock(), createElementBlock("a", {
-              key: 0,
-              class: "bcm-btn bcm-primary",
-              href: signInHref() ?? void 0
-            }, toDisplayString(unref(t)("common.signIn")), 9, _hoisted_13$1)) : createCommentVNode("", true)
-          ])) : unref(state).phase === "failed" ? (openBlock(), createElementBlock("p", _hoisted_14$1, toDisplayString(memberFailure.value), 1)) : unref(state).phase === "ready" ? (openBlock(), createElementBlock(Fragment, { key: 3 }, [
-            profile.value && member.value ? (openBlock(), createElementBlock("section", {
-              key: 0,
-              class: "bcm-section",
-              "aria-labelledby": `${unref(id)}-profile`
-            }, [
-              createElementVNode("h3", {
-                id: `${unref(id)}-profile`
-              }, toDisplayString(unref(t)("panel.profile")), 9, _hoisted_16$1),
-              !unref(state).profile ? (openBlock(), createElementBlock("div", _hoisted_17$1, [
-                createVNode(_sfc_main$b, {
-                  author: { kind: "member", memberId: member.value.memberId, displayName: profile.value.displayName, avatarPreset: profile.value.avatarPreset }
-                }, null, 8, ["author"]),
-                createElementVNode("div", _hoisted_18$1, [
-                  createElementVNode("span", _hoisted_19$1, toDisplayString(profile.value.displayName), 1),
-                  createElementVNode("span", _hoisted_20$1, toDisplayString(profile.value.handle), 1),
-                  createElementVNode("div", _hoisted_21$1, [
-                    createElementVNode("button", {
-                      type: "button",
-                      class: "bcm-btn bcm-small",
-                      onClick: _cache[4] || (_cache[4] = ($event) => unref(ctl).editProfile())
-                    }, toDisplayString(unref(t)("panel.profileEdit")), 1)
-                  ])
-                ])
-              ])) : (openBlock(), createElementBlock("form", {
-                key: 1,
-                class: "bcm-form bcm-card",
-                novalidate: "",
-                onSubmit: _cache[10] || (_cache[10] = withModifiers(($event) => unref(ctl).saveProfile(), ["prevent"]))
-              }, [
-                createElementVNode("div", _hoisted_22$1, [
-                  createElementVNode("label", {
-                    for: `${unref(id)}-name`
-                  }, toDisplayString(unref(t)("onboarding.displayName")), 9, _hoisted_23$1),
-                  withDirectives(createElementVNode("input", {
-                    id: `${unref(id)}-name`,
-                    "onUpdate:modelValue": _cache[5] || (_cache[5] = ($event) => unref(state).profile.displayName = $event),
-                    class: "bcm-input",
-                    autocomplete: "nickname",
-                    "aria-invalid": unref(state).profile.fields.includes("displayName")
-                  }, null, 8, _hoisted_24$1), [
-                    [vModelText, unref(state).profile.displayName]
-                  ]),
-                  createElementVNode("p", _hoisted_25$1, toDisplayString(unref(t)("onboarding.displayNameHint")), 1)
-                ]),
-                createElementVNode("div", _hoisted_26$1, [
-                  createElementVNode("label", {
-                    for: `${unref(id)}-handle`
-                  }, toDisplayString(unref(t)("onboarding.handle")), 9, _hoisted_27$1),
-                  withDirectives(createElementVNode("input", {
-                    id: `${unref(id)}-handle`,
-                    "onUpdate:modelValue": _cache[6] || (_cache[6] = ($event) => unref(state).profile.handle = $event),
-                    class: "bcm-input",
-                    autocomplete: "username",
-                    autocapitalize: "none",
-                    spellcheck: "false",
-                    maxlength: unref(HANDLE_MAX),
-                    "aria-invalid": unref(state).profile.fields.includes("handle")
-                  }, null, 8, _hoisted_28$1), [
-                    [vModelText, unref(state).profile.handle]
-                  ]),
-                  createElementVNode("p", _hoisted_29$1, toDisplayString(unref(t)("onboarding.handleHint", { min: unref(HANDLE_MIN), max: unref(HANDLE_MAX), days: unref(COMMUNITY_HANDLE_CHANGE_DAYS) })), 1)
-                ]),
-                createElementVNode("fieldset", _hoisted_30$1, [
-                  createElementVNode("legend", null, toDisplayString(unref(t)("onboarding.avatar")), 1),
-                  createElementVNode("label", _hoisted_31$1, [
-                    withDirectives(createElementVNode("input", {
-                      "onUpdate:modelValue": _cache[7] || (_cache[7] = ($event) => unref(state).profile.avatarPreset = $event),
-                      type: "radio",
-                      name: `${unref(id)}-avatar`,
-                      value: null
-                    }, null, 8, _hoisted_32$1), [
-                      [vModelRadio, unref(state).profile.avatarPreset]
-                    ]),
-                    createElementVNode("span", null, toDisplayString(unref(t)("onboarding.avatarNone")), 1)
-                  ]),
-                  (openBlock(true), createElementBlock(Fragment, null, renderList(unref(AVATAR_PRESETS), (preset) => {
-                    return openBlock(), createElementBlock("label", {
-                      key: preset.id,
-                      class: "bcm-choice"
-                    }, [
-                      withDirectives(createElementVNode("input", {
-                        "onUpdate:modelValue": _cache[8] || (_cache[8] = ($event) => unref(state).profile.avatarPreset = $event),
-                        type: "radio",
-                        name: `${unref(id)}-avatar`,
-                        value: preset.id
-                      }, null, 8, _hoisted_33$1), [
-                        [vModelRadio, unref(state).profile.avatarPreset]
-                      ]),
-                      createElementVNode("span", null, toDisplayString(preset.emoji), 1)
-                    ]);
-                  }), 128))
-                ]),
-                unref(state).profile.failure ? (openBlock(), createElementBlock("p", _hoisted_34$1, toDisplayString(unref(text)(unref(failureText)(unref(state).profile.failure, lang.value))), 1)) : createCommentVNode("", true),
-                createElementVNode("div", _hoisted_35$1, [
-                  _cache[20] || (_cache[20] = createElementVNode("span", { class: "bcm-spacer" }, null, -1)),
-                  createElementVNode("button", {
-                    type: "button",
-                    class: "bcm-btn",
-                    disabled: unref(state).profile.sending,
-                    onClick: _cache[9] || (_cache[9] = ($event) => unref(ctl).cancelProfile())
-                  }, toDisplayString(unref(t)("composer.cancel")), 9, _hoisted_36$1),
-                  createElementVNode("button", {
-                    type: "submit",
-                    class: "bcm-btn bcm-primary",
-                    disabled: unref(state).profile.sending
-                  }, toDisplayString(unref(state).profile.sending ? unref(t)("composer.sending") : unref(t)("composer.save")), 9, _hoisted_37)
-                ])
-              ], 32))
-            ], 8, _hoisted_15$1)) : createCommentVNode("", true),
-            createElementVNode("section", {
-              class: "bcm-section",
-              "aria-labelledby": `${unref(id)}-notifications`
-            }, [
-              createElementVNode("div", _hoisted_39, [
-                createElementVNode("h3", {
-                  id: `${unref(id)}-notifications`
-                }, toDisplayString(unref(t)("panel.notifications")), 9, _hoisted_40),
-                unref(ctl).unreadCount() > 0 ? (openBlock(), createElementBlock("span", _hoisted_41, toDisplayString(unref(t)("panel.unread", { count: unref(ctl).unreadCount() })), 1)) : createCommentVNode("", true),
-                _cache[21] || (_cache[21] = createElementVNode("span", { class: "bcm-spacer" }, null, -1)),
-                unref(ctl).unreadCount() > 0 ? (openBlock(), createElementBlock("button", {
-                  key: 1,
-                  type: "button",
-                  class: "bcm-btn bcm-small",
-                  disabled: !!unref(state).busy.markRead,
-                  onClick: _cache[11] || (_cache[11] = ($event) => unref(ctl).markAllRead())
-                }, toDisplayString(unref(t)("panel.markRead")), 9, _hoisted_42)) : createCommentVNode("", true)
-              ]),
-              unref(state).notifications.length === 0 ? (openBlock(), createElementBlock("p", _hoisted_43, toDisplayString(unref(t)("panel.notificationsEmpty")), 1)) : (openBlock(), createElementBlock("ul", _hoisted_44, [
-                (openBlock(true), createElementBlock(Fragment, null, renderList(unref(state).notifications, (n) => {
-                  return openBlock(), createElementBlock("li", {
-                    key: n.id,
-                    class: normalizeClass({ "bcm-unread": n.readAt === null })
-                  }, [
-                    notificationKey(n) ? (openBlock(), createElementBlock("p", _hoisted_45, toDisplayString(unref(t)(notificationKey(n))), 1)) : createCommentVNode("", true),
-                    createElementVNode("time", {
-                      class: "bcm-time",
-                      datetime: n.createdAt
-                    }, toDisplayString(unref(formatDate)(lang.value, n.createdAt)), 9, _hoisted_46),
-                    n.decisionId && statementHref(n.decisionId) ? (openBlock(), createElementBlock("a", {
-                      key: 1,
-                      href: statementHref(n.decisionId) ?? void 0
-                    }, toDisplayString(unref(t)("sanction.statement")), 9, _hoisted_47)) : createCommentVNode("", true)
-                  ], 2);
-                }), 128))
-              ]))
-            ], 8, _hoisted_38),
-            createElementVNode("section", {
-              class: "bcm-section",
-              "aria-labelledby": `${unref(id)}-statements`
-            }, [
-              createElementVNode("h3", {
-                id: `${unref(id)}-statements`
-              }, toDisplayString(unref(t)("panel.statements")), 9, _hoisted_49),
-              unref(state).decisions.length === 0 ? (openBlock(), createElementBlock("p", _hoisted_50, toDisplayString(unref(t)("panel.statementsEmpty")), 1)) : (openBlock(), createElementBlock("ul", _hoisted_51, [
-                (openBlock(true), createElementBlock(Fragment, null, renderList(unref(state).decisions, (d) => {
-                  return openBlock(), createElementBlock("li", {
-                    key: d.decisionId
-                  }, [
-                    restrictionKey(d.restriction) ? (openBlock(), createElementBlock("p", _hoisted_52, [
-                      createElementVNode("strong", null, toDisplayString(unref(t)(restrictionKey(d.restriction))), 1)
-                    ])) : createCommentVNode("", true),
-                    categoryKey(d.category) ? (openBlock(), createElementBlock("p", _hoisted_53, toDisplayString(unref(t)(categoryKey(d.category))), 1)) : createCommentVNode("", true),
-                    createElementVNode("p", _hoisted_54, toDisplayString(unref(t)("statement.decidedAt", { date: unref(formatDate)(lang.value, d.decidedAt) })), 1),
-                    appealStatusKey(d.decisionId) ? (openBlock(), createElementBlock("p", _hoisted_55, toDisplayString(unref(t)(appealStatusKey(d.decisionId))), 1)) : d.canAppeal ? (openBlock(), createElementBlock("p", _hoisted_56, toDisplayString(unref(t)("statement.appealUntil", { date: unref(formatDate)(lang.value, d.appealWindowClosesAt) })), 1)) : createCommentVNode("", true),
-                    statementHref(d.decisionId) ? (openBlock(), createElementBlock("a", {
-                      key: 4,
-                      href: statementHref(d.decisionId) ?? void 0
-                    }, toDisplayString(unref(t)("sanction.statement")), 9, _hoisted_57)) : createCommentVNode("", true)
-                  ]);
-                }), 128))
-              ]))
-            ], 8, _hoisted_48),
-            createElementVNode("section", {
-              class: "bcm-section",
-              "aria-labelledby": `${unref(id)}-reports`
-            }, [
-              createElementVNode("h3", {
-                id: `${unref(id)}-reports`
-              }, toDisplayString(unref(t)("panel.reports")), 9, _hoisted_59),
-              unref(state).reports.length === 0 ? (openBlock(), createElementBlock("p", _hoisted_60, toDisplayString(unref(t)("panel.reportsEmpty")), 1)) : (openBlock(), createElementBlock("ul", _hoisted_61, [
-                (openBlock(true), createElementBlock(Fragment, null, renderList(unref(state).reports, (r) => {
-                  return openBlock(), createElementBlock("li", {
-                    key: r.caseId
-                  }, [
-                    categoryKey(r.category) ? (openBlock(), createElementBlock("p", _hoisted_62, [
-                      createElementVNode("strong", null, toDisplayString(unref(t)(categoryKey(r.category))), 1)
-                    ])) : createCommentVNode("", true),
-                    caseStatusKey(r.status) ? (openBlock(), createElementBlock("p", _hoisted_63, toDisplayString(unref(t)(caseStatusKey(r.status))), 1)) : createCommentVNode("", true),
-                    createElementVNode("time", {
-                      class: "bcm-time",
-                      datetime: r.reportedAt
-                    }, toDisplayString(unref(formatDate)(lang.value, r.reportedAt)), 9, _hoisted_64),
-                    r.decidedAt ? (openBlock(), createElementBlock("p", _hoisted_65, toDisplayString(unref(t)("statement.decidedAt", { date: unref(formatDate)(lang.value, r.decidedAt) })), 1)) : createCommentVNode("", true)
-                  ]);
-                }), 128))
-              ]))
-            ], 8, _hoisted_58),
-            member.value ? (openBlock(), createElementBlock("section", {
-              key: 1,
-              class: "bcm-section",
-              "aria-labelledby": `${unref(id)}-blocks`
-            }, [
-              createElementVNode("h3", {
-                id: `${unref(id)}-blocks`
-              }, toDisplayString(unref(t)("panel.blocks")), 9, _hoisted_67),
-              unref(state).blocks.length === 0 ? (openBlock(), createElementBlock("p", _hoisted_68, toDisplayString(unref(t)("panel.blocksEmpty")), 1)) : (openBlock(), createElementBlock("ul", _hoisted_69, [
-                (openBlock(true), createElementBlock(Fragment, null, renderList(unref(state).blocks, (b) => {
-                  return openBlock(), createElementBlock("li", {
-                    key: b.memberId,
-                    class: "bcm-row"
-                  }, [
-                    createElementVNode("span", null, toDisplayString(b.author.kind === "member" && "displayName" in b.author && b.author.displayName ? b.author.displayName : unref(t)("author.deleted")), 1),
-                    _cache[22] || (_cache[22] = createElementVNode("span", { class: "bcm-spacer" }, null, -1)),
-                    createElementVNode("button", {
-                      type: "button",
-                      class: "bcm-btn bcm-small",
-                      disabled: !!unref(state).busy[`block:${b.memberId}`],
-                      onClick: ($event) => unref(ctl).unblock(b.memberId)
-                    }, toDisplayString(unref(t)("discussion.unblock")), 9, _hoisted_70)
-                  ]);
-                }), 128))
-              ]))
-            ], 8, _hoisted_66)) : createCommentVNode("", true),
-            member.value && consent.value !== null ? (openBlock(), createElementBlock("section", {
-              key: 2,
-              class: "bcm-section",
-              "aria-labelledby": `${unref(id)}-consents`
-            }, [
-              createElementVNode("h3", {
-                id: `${unref(id)}-consents`
-              }, toDisplayString(unref(t)("panel.consents")), 9, _hoisted_72),
-              consent.value === "accepted" ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
-                createElementVNode("p", null, toDisplayString(unref(t)("panel.art9Given")), 1),
-                createElementVNode("div", _hoisted_73, [
-                  createElementVNode("button", {
-                    type: "button",
-                    class: "bcm-btn",
-                    disabled: !!unref(state).busy.consent,
-                    onClick: _cache[12] || (_cache[12] = ($event) => confirming.value = "consent")
-                  }, toDisplayString(unref(t)("panel.art9Withdraw")), 9, _hoisted_74)
-                ])
-              ], 64)) : (openBlock(), createElementBlock("p", _hoisted_75, toDisplayString(unref(t)("panel.art9NotGiven")), 1))
-            ], 8, _hoisted_71)) : createCommentVNode("", true),
-            member.value ? (openBlock(), createElementBlock("section", {
-              key: 3,
-              class: "bcm-section",
-              "aria-labelledby": `${unref(id)}-export`
-            }, [
-              createElementVNode("h3", {
-                id: `${unref(id)}-export`
-              }, toDisplayString(unref(t)("panel.export")), 9, _hoisted_77),
-              createElementVNode("p", _hoisted_78, toDisplayString(unref(t)("panel.exportHint")), 1),
-              createElementVNode("div", _hoisted_79, [
-                createElementVNode("button", {
-                  type: "button",
-                  class: "bcm-btn",
-                  disabled: unref(state).exporting,
-                  onClick: _cache[13] || (_cache[13] = ($event) => exportNow())
-                }, toDisplayString(unref(state).exporting ? unref(t)("panel.exporting") : unref(t)("panel.export")), 9, _hoisted_80)
-              ])
-            ], 8, _hoisted_76)) : createCommentVNode("", true),
-            member.value ? (openBlock(), createElementBlock("section", {
-              key: 4,
-              class: "bcm-section",
-              "aria-labelledby": `${unref(id)}-erase`
-            }, [
-              createElementVNode("h3", {
-                id: `${unref(id)}-erase`
-              }, toDisplayString(unref(t)("panel.erase")), 9, _hoisted_82),
-              unref(ctl).erasing() ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
-                createElementVNode("p", null, toDisplayString(unref(state).purgeAfter ? unref(t)("panel.eraseScheduled", { date: unref(formatDate)(lang.value, unref(state).purgeAfter) }) : unref(t)("notification.erasure_scheduled")), 1),
-                createElementVNode("div", _hoisted_83, [
-                  createElementVNode("button", {
-                    type: "button",
-                    class: "bcm-btn bcm-primary",
-                    disabled: !!unref(state).busy.erase,
-                    onClick: _cache[14] || (_cache[14] = ($event) => unref(ctl).cancelErase())
-                  }, toDisplayString(unref(t)("panel.eraseCancel")), 9, _hoisted_84)
-                ])
-              ], 64)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
-                createElementVNode("p", _hoisted_85, toDisplayString(unref(t)("panel.eraseExplain")), 1),
-                createElementVNode("div", _hoisted_86, [
-                  createElementVNode("button", {
-                    type: "button",
-                    class: "bcm-btn bcm-danger",
-                    disabled: !!unref(state).busy.erase,
-                    onClick: _cache[15] || (_cache[15] = ($event) => confirming.value = "erase")
-                  }, toDisplayString(unref(t)("panel.erase")), 9, _hoisted_87)
-                ])
-              ], 64))
-            ], 8, _hoisted_81)) : createCommentVNode("", true)
-          ], 64)) : createCommentVNode("", true)
-        ], 64)),
-        createElementVNode("p", _hoisted_88, toDisplayString(liveText.value), 1),
-        confirming.value === "consent" ? (openBlock(), createBlock(_sfc_main$d, {
-          key: 3,
-          title: "panel.art9WithdrawTitle",
-          explain: "panel.art9WithdrawExplain",
-          confirm: "panel.art9WithdrawConfirm",
-          cancel: "panel.art9WithdrawCancel",
-          busy: !!unref(state).busy.consent,
-          "fallback-focus": () => heading.value,
-          onConfirm: _cache[16] || (_cache[16] = ($event) => confirmAction()),
-          onCancel: _cache[17] || (_cache[17] = ($event) => confirming.value = null)
-        }, null, 8, ["busy", "fallback-focus"])) : createCommentVNode("", true),
-        confirming.value === "erase" ? (openBlock(), createBlock(_sfc_main$d, {
-          key: 4,
-          title: "panel.eraseTitle",
-          explain: "panel.eraseExplain",
-          confirm: "panel.eraseConfirm",
-          cancel: "panel.eraseKeep",
-          danger: "",
-          busy: !!unref(state).busy.erase,
-          "fallback-focus": () => heading.value,
-          onConfirm: _cache[18] || (_cache[18] = ($event) => confirmAction()),
-          onCancel: _cache[19] || (_cache[19] = ($event) => confirming.value = null)
-        }, null, 8, ["busy", "fallback-focus"])) : createCommentVNode("", true)
-      ], 8, _hoisted_1$1)) : createCommentVNode("", true);
-    };
-  }
-});
-function createNoticeForm(o) {
-  const abort = new AbortController();
-  const call = { signal: abort.signal };
-  const state = reactive({
-    target: o.target,
-    category: "",
-    ruleId: "",
-    rules: null,
-    description: "",
-    name: "",
-    email: "",
-    goodFaith: false,
-    captcha: o.captcha ? "loading" : "off",
-    token: null,
-    resetSignal: 0,
-    sending: false,
-    failure: null,
-    receipt: null,
-    statusLink: null
-  });
-  let rulesAsked = false;
-  const contactAllowed = () => state.category !== CATEGORY_WITHOUT_NOTIFIER;
-  const descriptionLength = () => codePointLength(normalizeBody(state.description));
-  function canSubmit() {
-    const length = descriptionLength();
-    return !state.sending && state.receipt === null && state.target !== null && state.category !== "" && length > 0 && length <= COMMUNITY_NOTICE_DESCRIPTION_MAX && codePointLength(state.name.trim()) <= COMMUNITY_NOTIFIER_NAME_MAX && state.goodFaith && (state.captcha === "off" || state.captcha === "ready" && state.token !== null);
-  }
-  function loadRules() {
-    if (rulesAsked) return;
-    rulesAsked = true;
-    void o.client.legal.current({ kind: "rules", locale: o.lang }, call).then((r) => {
-      state.rules = r.ok ? communityRulesOf(r.value.bodyJson) : [];
-    });
-  }
-  async function submit() {
-    if (!canSubmit() || !state.target || state.category === "") return;
-    state.sending = true;
-    state.failure = null;
-    const input = {
-      category: state.category,
-      target: state.target,
-      description: normalizeBody(state.description),
-      confirmations: [COMMUNITY_GOOD_FAITH]
-    };
-    if (state.category === "rules" && state.ruleId !== "") input.ruleId = state.ruleId;
-    const name = state.name.trim();
-    const email = state.email.trim();
-    if (contactAllowed() && (name !== "" || email !== "")) input.notifier = { name: name || null, email: email || null, locale: o.lang };
-    if (state.token !== null) input.turnstileToken = state.token;
-    state.token = null;
-    const r = await o.client.notices.submit(input, call);
-    state.sending = false;
-    if (r.ok) {
-      state.receipt = r.value;
-      state.statusLink = noticeStatusLink(o.noticesPath, r.value.receipt);
-      o.onSubmitted?.({ contactKept: r.value.contactKept });
-      return;
-    }
-    state.failure = r;
-    if (state.captcha !== "off") state.resetSignal += 1;
-  }
-  return {
-    state,
-    contactAllowed,
-    canSubmit,
-    descriptionLength,
-    setCategory(category) {
-      state.category = category;
-      if (category !== "rules") state.ruleId = "";
-      else loadRules();
-    },
-    setToken(token) {
-      state.token = token;
-      if (token !== null && state.captcha === "loading") state.captcha = "ready";
-    },
-    setCaptcha(captcha) {
-      if (state.captcha !== "off") state.captcha = captcha;
-    },
-    submit,
-    dispose() {
-      abort.abort();
-    }
-  };
-}
-const TURNSTILE_SCRIPT_SRC = "https://challenges.cloudflare.com/turnstile/v0/api.js?render=explicit";
-let scriptPromise = null;
-function loadTurnstile(nonce) {
-  const w = window;
-  if (w.turnstile) return Promise.resolve(w.turnstile);
-  if (scriptPromise) return scriptPromise;
-  scriptPromise = new Promise((resolve, reject) => {
-    const script = document.createElement("script");
-    script.src = TURNSTILE_SCRIPT_SRC;
-    script.async = true;
-    script.defer = true;
-    if (nonce) script.nonce = nonce;
-    script.onload = () => w.turnstile ? resolve(w.turnstile) : reject(new Error("[blogmcp-community] the Turnstile script loaded without its API"));
-    script.onerror = () => reject(new Error("[blogmcp-community] the Turnstile script failed to load"));
-    document.head.appendChild(script);
-  }).catch((err) => {
-    scriptPromise = null;
-    throw err;
-  });
-  return scriptPromise;
-}
-async function renderTurnstile(container, o) {
-  const api = await loadTurnstile(o.nonce);
-  const id = api.render(container, {
-    sitekey: o.siteKey,
-    // kb-api refuses a token issued for any other action.
-    action: COMMUNITY_NOTICE_TURNSTILE_ACTION,
-    language: o.language,
-    // Visible only when Cloudflare really wants an interaction.
-    appearance: "interaction-only",
-    callback: (token) => o.onToken(token),
-    "expired-callback": () => o.onToken(null),
-    "error-callback": () => o.onToken(null),
-    "timeout-callback": () => o.onToken(null)
-  });
-  let removed = false;
-  return {
-    reset() {
-      if (removed) return;
-      o.onToken(null);
-      api.reset(id);
-    },
-    remove() {
-      if (removed) return;
-      removed = true;
-      api.remove(id);
-    }
-  };
-}
-const _hoisted_1 = ["lang", "aria-labelledby"];
-const _hoisted_2 = ["id"];
-const _hoisted_3 = { key: 0 };
-const _hoisted_4 = ["href"];
-const _hoisted_5 = ["value", "aria-label"];
-const _hoisted_6 = {
-  key: 2,
-  class: "bcm-note"
-};
-const _hoisted_7 = { class: "bcm-field" };
-const _hoisted_8 = { class: "bcm-label" };
-const _hoisted_9 = { class: "bcm-choices" };
-const _hoisted_10 = ["name", "value", "checked", "onChange"];
-const _hoisted_11 = {
-  key: 0,
-  class: "bcm-field"
-};
-const _hoisted_12 = ["for"];
-const _hoisted_13 = ["id"];
-const _hoisted_14 = ["value"];
-const _hoisted_15 = { class: "bcm-field" };
-const _hoisted_16 = ["for"];
-const _hoisted_17 = ["id", "aria-describedby", "aria-invalid"];
-const _hoisted_18 = ["id"];
-const _hoisted_19 = {
-  key: 1,
-  class: "bcm-fieldset"
-};
-const _hoisted_20 = { class: "bcm-hint" };
-const _hoisted_21 = { class: "bcm-field" };
-const _hoisted_22 = ["for"];
-const _hoisted_23 = ["id", "maxlength"];
-const _hoisted_24 = { class: "bcm-field" };
-const _hoisted_25 = ["for"];
-const _hoisted_26 = ["id", "aria-invalid"];
-const _hoisted_27 = {
-  key: 2,
-  class: "bcm-note"
-};
-const _hoisted_28 = {
-  key: 3,
-  class: "bcm-turnstile"
-};
-const _hoisted_29 = {
-  key: 0,
-  class: "bcm-error",
-  role: "alert"
-};
-const _hoisted_30 = { class: "bcm-check" };
-const _hoisted_31 = {
-  key: 4,
-  class: "bcm-error",
-  role: "alert"
-};
-const _hoisted_32 = { class: "bcm-row" };
-const _hoisted_33 = ["disabled"];
-const _hoisted_34 = ["lang", "aria-labelledby"];
-const _hoisted_35 = ["id"];
-const _hoisted_36 = ["href"];
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  ...{ inheritAttrs: false },
-  __name: "NoticeFormView",
-  props: {
-    apiBase: {},
-    siteBase: {},
-    lang: {},
-    turnstileSiteKey: {},
-    target: {},
-    articleId: {},
-    routes: {},
-    transport: { type: Function }
-  },
-  setup(__props) {
-    const props = __props;
-    const host = useHost();
-    const lang = ref(pickLang(props.lang, documentLang()));
-    const { t } = provideText(lang);
-    const id = uid("bcm-notice");
-    const heading = ref(null);
-    const done = ref(null);
-    function resolveTarget() {
-      const fromAttr = parseTarget(props.target);
-      if (fromAttr) return fromAttr;
-      if (props.articleId) return parseTarget({ articleId: props.articleId });
-      return typeof location === "undefined" ? null : targetFromHash(location.hash);
-    }
-    const siteBase = siteBaseFor(props.siteBase);
-    const routes = computed(() => routesWithDefaults(parseRoutes(props.routes), null, siteBase ?? ""));
-    const ctl = shallowRef(null);
-    const client = siteBase === null ? null : communityClientFor(props.apiBase, props.transport, siteBase);
-    const target = resolveTarget();
-    const untargeted = !!client && !target;
-    if (untargeted) {
-      warnOnce(
-        "notice-target",
-        "[blogmcp-community] <blogmcp-notice-form> has no target (a target, an article-id or the report link’s #c=…&s= fragment): it shows where a report starts instead of the form"
-      );
-    }
-    if (client && target) {
-      ctl.value = createNoticeForm({
-        client,
-        lang: lang.value,
-        target,
-        captcha: !!props.turnstileSiteKey,
-        noticesPath: routes.value.noticesPath,
-        onSubmitted: (answer) => host?.dispatchEvent(new CustomEvent("bcm-notice-submitted", { detail: answer, bubbles: true, composed: true }))
-      });
-    }
-    const state = computed(() => ctl.value?.state ?? null);
-    const kind = computed(() => state.value?.target ? targetKind(state.value.target) : null);
-    const targetText = computed(() => kind.value === "message" ? t("notice.targetMessage") : kind.value === "article" ? t("notice.targetArticle") : t("notice.targetProfile"));
-    const categoryKey = (c) => `category.${c}`;
-    const failure = computed(() => {
-      const f = state.value?.failure;
-      if (!f) return "";
-      const r = failureText(f, lang.value);
-      return t(r.key, r.params);
-    });
-    const absoluteStatusLink = computed(() => {
-      const link = state.value?.statusLink;
-      return link && typeof location !== "undefined" ? `${location.origin}${link}` : link ?? "";
-    });
-    let widget = null;
-    let slotted = null;
-    let gone = false;
-    onMounted(async () => {
-      const c = ctl.value;
-      if (!c || !props.turnstileSiteKey || !host) return;
-      slotted = document.createElement("div");
-      slotted.slot = "turnstile";
-      host.appendChild(slotted);
-      try {
-        const nonce = host.nonce || host.getAttribute("nonce") || void 0;
-        const w = await renderTurnstile(slotted, { siteKey: props.turnstileSiteKey, language: lang.value, onToken: (token) => c.setToken(token), nonce });
-        if (gone) {
-          w.remove();
-          return;
-        }
-        widget = w;
-        c.setCaptcha("ready");
-      } catch {
-        c.setCaptcha("unavailable");
-      }
-    });
-    watch(
-      () => state.value?.resetSignal,
-      (n, before) => {
-        if (n !== void 0 && before !== void 0 && n !== before) widget?.reset();
-      }
-    );
-    watch(
-      () => state.value?.receipt,
-      (receipt) => {
-        if (!receipt) return;
-        widget?.remove();
-        widget = null;
-        void nextTick(() => done.value?.focus());
-      }
-    );
-    onBeforeUnmount(() => {
-      gone = true;
-      widget?.remove();
-      widget = null;
-      slotted?.remove();
-      slotted = null;
-      ctl.value?.dispose();
-    });
-    return (_ctx, _cache) => {
-      return ctl.value && state.value ? (openBlock(), createElementBlock("section", {
-        key: 0,
-        class: "bcm bcm-notice",
-        lang: lang.value,
-        "aria-labelledby": `${unref(id)}-title`
-      }, [
-        createElementVNode("h2", {
-          id: `${unref(id)}-title`,
-          ref_key: "heading",
-          ref: heading,
-          tabindex: "-1"
-        }, toDisplayString(unref(t)("notice.title")), 9, _hoisted_2),
-        state.value.receipt ? (openBlock(), createElementBlock("div", {
-          key: 0,
-          ref_key: "done",
-          ref: done,
-          class: "bcm-receipt",
-          role: "status",
-          tabindex: "-1"
-        }, [
-          createElementVNode("p", null, toDisplayString(unref(t)("notice.done")), 1),
-          createElementVNode("p", null, toDisplayString(unref(t)("notice.receiptLede")), 1),
-          state.value.statusLink ? (openBlock(), createElementBlock("p", _hoisted_3, [
-            createElementVNode("a", {
-              href: state.value.statusLink
-            }, toDisplayString(unref(t)("notice.statusLink")), 9, _hoisted_4)
-          ])) : createCommentVNode("", true),
-          absoluteStatusLink.value ? (openBlock(), createElementBlock("input", {
-            key: 1,
-            class: "bcm-input",
-            readonly: "",
-            value: absoluteStatusLink.value,
-            "aria-label": unref(t)("notice.statusLink"),
-            onFocus: _cache[0] || (_cache[0] = ($event) => $event.target.select())
-          }, null, 40, _hoisted_5)) : createCommentVNode("", true),
-          !state.value.receipt.contactKept ? (openBlock(), createElementBlock("p", _hoisted_6, toDisplayString(unref(t)("notice.noContactKept")), 1)) : createCommentVNode("", true)
-        ], 512)) : (openBlock(), createElementBlock("form", {
-          key: 1,
-          class: "bcm-form",
-          novalidate: "",
-          onSubmit: _cache[6] || (_cache[6] = withModifiers(($event) => ctl.value.submit(), ["prevent"]))
-        }, [
-          createElementVNode("p", null, toDisplayString(unref(t)("notice.lede")), 1),
-          createElementVNode("div", _hoisted_7, [
-            createElementVNode("span", _hoisted_8, toDisplayString(unref(t)("notice.target")), 1),
-            createElementVNode("span", null, toDisplayString(targetText.value), 1)
-          ]),
-          createElementVNode("fieldset", _hoisted_9, [
-            createElementVNode("legend", null, toDisplayString(unref(t)("notice.category")), 1),
-            (openBlock(true), createElementBlock(Fragment, null, renderList(unref(CASE_CATEGORIES), (c) => {
-              return openBlock(), createElementBlock("label", {
-                key: c,
-                class: "bcm-choice"
-              }, [
-                createElementVNode("input", {
-                  type: "radio",
-                  name: `${unref(id)}-category`,
-                  value: c,
-                  checked: state.value.category === c,
-                  onChange: ($event) => ctl.value.setCategory(c)
-                }, null, 40, _hoisted_10),
-                createElementVNode("span", null, toDisplayString(unref(t)(categoryKey(c))), 1)
-              ]);
-            }), 128))
-          ]),
-          state.value.category === "rules" && state.value.rules && state.value.rules.length ? (openBlock(), createElementBlock("div", _hoisted_11, [
-            createElementVNode("label", {
-              for: `${unref(id)}-rule`
-            }, toDisplayString(unref(t)("notice.rule")), 9, _hoisted_12),
-            withDirectives(createElementVNode("select", {
-              id: `${unref(id)}-rule`,
-              "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => state.value.ruleId = $event),
-              class: "bcm-input"
-            }, [
-              _cache[7] || (_cache[7] = createElementVNode("option", { value: "" }, null, -1)),
-              (openBlock(true), createElementBlock(Fragment, null, renderList(state.value.rules, (rule) => {
-                return openBlock(), createElementBlock("option", {
-                  key: rule.id,
-                  value: rule.id
-                }, toDisplayString(rule.title), 9, _hoisted_14);
-              }), 128))
-            ], 8, _hoisted_13), [
-              [vModelSelect, state.value.ruleId]
-            ])
-          ])) : createCommentVNode("", true),
-          createElementVNode("div", _hoisted_15, [
-            createElementVNode("label", {
-              for: `${unref(id)}-description`
-            }, toDisplayString(unref(t)("notice.description")), 9, _hoisted_16),
-            withDirectives(createElementVNode("textarea", {
-              id: `${unref(id)}-description`,
-              "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => state.value.description = $event),
-              class: "bcm-input bcm-textarea",
-              rows: "5",
-              "aria-describedby": `${unref(id)}-description-hint`,
-              "aria-invalid": ctl.value.descriptionLength() > unref(COMMUNITY_NOTICE_DESCRIPTION_MAX)
-            }, null, 8, _hoisted_17), [
-              [vModelText, state.value.description]
-            ]),
-            createElementVNode("p", {
-              id: `${unref(id)}-description-hint`,
-              class: "bcm-hint"
-            }, toDisplayString(unref(t)("notice.descriptionHint")) + " " + toDisplayString(unref(t)("notice.counter", { length: ctl.value.descriptionLength(), max: unref(COMMUNITY_NOTICE_DESCRIPTION_MAX) })), 9, _hoisted_18)
-          ]),
-          ctl.value.contactAllowed() ? (openBlock(), createElementBlock("fieldset", _hoisted_19, [
-            createElementVNode("legend", null, toDisplayString(unref(t)("notice.contactTitle")), 1),
-            createElementVNode("p", _hoisted_20, toDisplayString(unref(t)("notice.contactHint")), 1),
-            createElementVNode("div", _hoisted_21, [
-              createElementVNode("label", {
-                for: `${unref(id)}-name`
-              }, toDisplayString(unref(t)("notice.name")), 9, _hoisted_22),
-              withDirectives(createElementVNode("input", {
-                id: `${unref(id)}-name`,
-                "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => state.value.name = $event),
-                class: "bcm-input",
-                autocomplete: "name",
-                maxlength: unref(COMMUNITY_NOTIFIER_NAME_MAX)
-              }, null, 8, _hoisted_23), [
-                [vModelText, state.value.name]
-              ])
-            ]),
-            createElementVNode("div", _hoisted_24, [
-              createElementVNode("label", {
-                for: `${unref(id)}-email`
-              }, toDisplayString(unref(t)("notice.email")), 9, _hoisted_25),
-              withDirectives(createElementVNode("input", {
-                id: `${unref(id)}-email`,
-                "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => state.value.email = $event),
-                class: "bcm-input",
-                type: "email",
-                autocomplete: "email",
-                "aria-invalid": !!state.value.failure?.fields?.includes("notifier.email")
-              }, null, 8, _hoisted_26), [
-                [vModelText, state.value.email]
-              ])
-            ])
-          ])) : (openBlock(), createElementBlock("p", _hoisted_27, toDisplayString(unref(t)("notice.childAtRisk")), 1)),
-          state.value.captcha !== "off" ? (openBlock(), createElementBlock("div", _hoisted_28, [
-            renderSlot(_ctx.$slots, "turnstile"),
-            state.value.captcha === "unavailable" ? (openBlock(), createElementBlock("p", _hoisted_29, toDisplayString(unref(t)("notice.captchaUnavailable")), 1)) : createCommentVNode("", true)
-          ])) : createCommentVNode("", true),
-          createElementVNode("label", _hoisted_30, [
-            withDirectives(createElementVNode("input", {
-              "onUpdate:modelValue": _cache[5] || (_cache[5] = ($event) => state.value.goodFaith = $event),
-              type: "checkbox"
-            }, null, 512), [
-              [vModelCheckbox, state.value.goodFaith]
-            ]),
-            createElementVNode("span", null, toDisplayString(unref(t)("confirm.good_faith")), 1)
-          ]),
-          failure.value ? (openBlock(), createElementBlock("p", _hoisted_31, toDisplayString(failure.value), 1)) : createCommentVNode("", true),
-          createElementVNode("div", _hoisted_32, [
-            _cache[8] || (_cache[8] = createElementVNode("span", { class: "bcm-spacer" }, null, -1)),
-            createElementVNode("button", {
-              type: "submit",
-              class: "bcm-btn bcm-primary",
-              disabled: !ctl.value.canSubmit()
-            }, toDisplayString(state.value.sending ? unref(t)("notice.sending") : unref(t)("notice.submit")), 9, _hoisted_33)
-          ])
-        ], 32))
-      ], 8, _hoisted_1)) : unref(untargeted) ? (openBlock(), createElementBlock("section", {
-        key: 1,
-        class: "bcm bcm-notice",
-        lang: lang.value,
-        "aria-labelledby": `${unref(id)}-title`
-      }, [
-        createElementVNode("h2", {
-          id: `${unref(id)}-title`
-        }, toDisplayString(unref(t)("notice.title")), 9, _hoisted_35),
-        createElementVNode("p", null, toDisplayString(unref(t)("notice.noTarget")), 1),
-        createElementVNode("p", null, [
-          createElementVNode("a", {
-            href: routes.value.rulesPath
-          }, toDisplayString(unref(t)("onboarding.rulesTitle")), 9, _hoisted_36)
-        ])
-      ], 8, _hoisted_34)) : createCommentVNode("", true);
-    };
-  }
-});
-const css = "/* The community elements' one stylesheet. It lives in each element's shadow root: nothing here reaches the\n   site, nothing of the site's reaches here but what :host lets through. A site themes the elements with the\n   --bcm-* custom properties (set them on the element: `blogmcp-discussion { --bcm-accent: … }`). */\n\n:host {\n  all: initial;\n  display: block;\n  --bcm-bg: #ffffff;\n  --bcm-fg: #1d1f23;\n  --bcm-muted: #5f6672;\n  --bcm-line: #dfe2e7;\n  --bcm-soft: #f4f5f7;\n  --bcm-accent: #2457d6;\n  --bcm-accent-fg: #ffffff;\n  --bcm-danger: #b42318;\n  --bcm-ok: #1f7a3f;\n  --bcm-warn-bg: #fff6d6;\n  --bcm-shadow: 0 8px 28px rgba(16, 24, 40, 0.18);\n  --bcm-z: 20;\n  color-scheme: light dark;\n  font: var(--bcm-font-size, 16px) / 1.5 var(--bcm-font, system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif);\n  color: var(--bcm-fg);\n}\n:host([hidden]) { display: none; }\n\n@media (prefers-color-scheme: dark) {\n  :host {\n    --bcm-bg: #1c1f24;\n    --bcm-fg: #eceef1;\n    --bcm-muted: #a4abb6;\n    --bcm-line: #343943;\n    --bcm-soft: #262a31;\n    --bcm-accent: #6d93ff;\n    --bcm-accent-fg: #0d1117;\n    --bcm-danger: #ff8a7a;\n    --bcm-ok: #6fd08e;\n    --bcm-warn-bg: #3a3420;\n    --bcm-shadow: 0 8px 28px rgba(0, 0, 0, 0.5);\n  }\n}\n\n* { box-sizing: border-box; }\nh2, h3, h4 { margin: 0; font-weight: 650; line-height: 1.3; }\nh2 { font-size: 1.25em; }\nh3 { font-size: 1.05em; }\nh4 { font-size: 1em; }\np { margin: 0; }\nul, ol { margin: 0; padding: 0; }\na { color: var(--bcm-accent); }\n\n.bcm {\n  background: var(--bcm-bg);\n  color: var(--bcm-fg);\n  border-radius: 14px;\n  padding: 16px;\n  display: flex;\n  flex-direction: column;\n  gap: 16px;\n  max-width: 100%;\n  overflow-wrap: anywhere;\n}\n\n/* visually hidden, read by screen readers */\n.bcm-sr {\n  position: absolute !important;\n  width: 1px; height: 1px; padding: 0; margin: -1px;\n  overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0;\n}\n\n/* ── controls ── */\n.bcm-btn {\n  font: inherit;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: 6px;\n  min-height: 36px;\n  padding: 6px 14px;\n  border-radius: 8px;\n  border: 1px solid var(--bcm-line);\n  background: var(--bcm-bg);\n  color: var(--bcm-fg);\n  cursor: pointer;\n  text-decoration: none;\n}\n.bcm-btn:hover:not(:disabled) { background: var(--bcm-soft); }\n.bcm-btn:disabled { opacity: 0.55; cursor: default; }\n.bcm-primary { background: var(--bcm-accent); border-color: var(--bcm-accent); color: var(--bcm-accent-fg); }\n.bcm-primary:hover:not(:disabled) { background: var(--bcm-accent); filter: brightness(1.08); }\n.bcm-danger { color: var(--bcm-danger); }\n.bcm-primary.bcm-danger { background: var(--bcm-danger); border-color: var(--bcm-danger); color: var(--bcm-bg); }\n.bcm-small { min-height: 30px; padding: 2px 10px; font-size: 0.875em; }\n.bcm-link { font: inherit; border: 0; background: none; padding: 0; color: var(--bcm-accent); cursor: pointer; text-align: left; text-decoration: underline; }\n.bcm-quiet { font: inherit; border: 0; background: none; padding: 4px 6px; color: var(--bcm-muted); cursor: pointer; border-radius: 6px; min-height: 30px; }\n.bcm-quiet:hover:not(:disabled) { background: var(--bcm-soft); color: var(--bcm-fg); }\n.bcm-btn:focus-visible, .bcm-link:focus-visible, .bcm-quiet:focus-visible, .bcm-input:focus-visible, .bcm-react:focus-visible, a:focus-visible,\n.bcm-choice input:focus-visible + span {\n  outline: 2px solid var(--bcm-accent);\n  outline-offset: 2px;\n}\n\n.bcm-input {\n  font: inherit;\n  width: 100%;\n  padding: 8px 10px;\n  border-radius: 8px;\n  border: 1px solid var(--bcm-line);\n  background: var(--bcm-bg);\n  color: var(--bcm-fg);\n}\n.bcm-input[aria-invalid='true'] { border-color: var(--bcm-danger); border-width: 2px; }\n.bcm-textarea { resize: vertical; min-height: 96px; }\n.bcm-field { display: flex; flex-direction: column; gap: 4px; }\n.bcm-field > label, .bcm-label { font-weight: 600; }\n.bcm-check { display: flex; gap: 8px; align-items: flex-start; }\n.bcm-check input { margin-top: 0.3em; width: 18px; height: 18px; flex: none; }\n.bcm-choices { display: flex; flex-wrap: wrap; gap: 8px; border: 0; margin: 0; padding: 0; min-width: 0; }\n.bcm-choices legend, .bcm-fieldset legend { font-weight: 600; padding: 0; margin-bottom: 6px; }\n.bcm-fieldset { border: 0; margin: 0; padding: 0; min-width: 0; display: flex; flex-direction: column; gap: 8px; }\n.bcm-choice { position: relative; display: inline-flex; }\n.bcm-choice input { position: absolute; opacity: 0; width: 1px; height: 1px; }\n.bcm-choice span {\n  display: inline-flex; align-items: center; justify-content: center; gap: 6px;\n  min-height: 40px; min-width: 40px; padding: 6px 12px;\n  border: 1px solid var(--bcm-line); border-radius: 999px; cursor: pointer; background: var(--bcm-bg);\n}\n/* The chosen one: a thicker border and a check, not colour alone. */\n.bcm-choice input:checked + span { border: 2px solid var(--bcm-accent); font-weight: 650; }\n.bcm-choice input:checked + span::before { content: '✓'; }\n\n/* ── text ── */\n.bcm-row { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }\n.bcm-spacer { flex: 1; }\n.bcm-full { flex-basis: 100%; }\n.bcm-muted, .bcm-hint { color: var(--bcm-muted); font-size: 0.875em; }\n.bcm-error { color: var(--bcm-danger); }\n.bcm-ok { color: var(--bcm-ok); }\n.bcm-note { background: var(--bcm-soft); border-radius: 8px; padding: 8px 12px; font-size: 0.9375em; }\n.bcm-warning { background: var(--bcm-warn-bg); border-radius: 8px; padding: 8px 12px; font-size: 0.9375em; }\n.bcm-banner {\n  background: var(--bcm-warn-bg); border-radius: 10px; padding: 10px 12px;\n  display: flex; align-items: center; gap: 10px; flex-wrap: wrap;\n}\n.bcm-text { white-space: pre-wrap; overflow-wrap: anywhere; }\n.bcm-facts {\n  font: inherit; white-space: pre-wrap; overflow-wrap: anywhere; margin: 0;\n  background: var(--bcm-soft); border-radius: 8px; padding: 10px 12px;\n}\n.bcm-badge {\n  display: inline-flex; align-items: center; gap: 4px;\n  border: 1px solid currentColor; border-radius: 999px; padding: 0 8px;\n  font-size: 0.8125em; line-height: 1.6;\n}\n.bcm-badge-team { color: var(--bcm-accent); font-weight: 650; }\n\n/* ── the discussion ── */\n.bcm-head { display: flex; align-items: baseline; gap: 10px; flex-wrap: wrap; }\n.bcm-count { color: var(--bcm-muted); }\n.bcm-thread, .bcm-replies { list-style: none; display: flex; flex-direction: column; gap: 12px; }\n.bcm-replies { margin-top: 12px; padding-left: 20px; border-left: 2px solid var(--bcm-line); }\n.bcm-msg { display: flex; gap: 10px; align-items: flex-start; }\n.bcm-msg-main { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 6px; }\n.bcm-msg-pending { opacity: 0.65; }\n.bcm-meta { display: flex; align-items: baseline; flex-wrap: wrap; gap: 4px 8px; font-size: 0.875em; }\n.bcm-author { font-weight: 650; }\n.bcm-handle, .bcm-time { color: var(--bcm-muted); }\n.bcm-handle::before { content: '@'; }\n.bcm-placeholder { color: var(--bcm-muted); font-style: italic; }\n.bcm-own-state { border-left: 3px solid var(--bcm-line); padding-left: 10px; display: flex; flex-direction: column; gap: 4px; }\n.bcm-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 2px 6px; }\n.bcm-avatar {\n  flex: none; width: 36px; height: 36px; border-radius: 999px;\n  display: inline-flex; align-items: center; justify-content: center;\n  background: var(--bcm-soft); font-size: 20px; line-height: 1; user-select: none;\n}\n.bcm-avatar-initial { color: #fff; font-size: 16px; font-weight: 650; }\n.bcm-reactions { display: flex; flex-wrap: wrap; gap: 6px; }\n.bcm-react {\n  font: inherit; display: inline-flex; align-items: center; gap: 4px;\n  min-height: 32px; padding: 2px 10px; border-radius: 999px;\n  border: 1px solid var(--bcm-line); background: var(--bcm-bg); color: var(--bcm-fg); cursor: pointer;\n}\nbutton.bcm-react:hover:not(:disabled) { background: var(--bcm-soft); }\n/* The viewer's own: a thicker border and a bold count, not colour alone. */\n.bcm-react[aria-pressed='true'] { border: 2px solid var(--bcm-accent); font-weight: 700; }\nspan.bcm-react { cursor: default; }\n.bcm-menu { position: relative; display: inline-flex; }\n.bcm-menu-list {\n  position: absolute; right: 0; top: calc(100% + 4px); z-index: var(--bcm-z);\n  min-width: 200px; display: flex; flex-direction: column; padding: 4px;\n  background: var(--bcm-bg); border: 1px solid var(--bcm-line); border-radius: 10px; box-shadow: var(--bcm-shadow);\n}\n.bcm-menu-list button, .bcm-menu-list a {\n  font: inherit; text-align: left; border: 0; background: none; color: var(--bcm-fg);\n  padding: 8px 10px; border-radius: 6px; cursor: pointer; text-decoration: none; min-height: 36px;\n}\n.bcm-menu-list button:hover, .bcm-menu-list a:hover { background: var(--bcm-soft); }\n\n/* ── the composer ── */\n.bcm-composer { display: flex; flex-direction: column; gap: 8px; }\n.bcm-composer-foot { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }\n.bcm-counter { color: var(--bcm-muted); font-size: 0.8125em; font-variant-numeric: tabular-nums; }\n.bcm-counter-over { color: var(--bcm-danger); font-weight: 650; }\n.bcm-confirm { border: 2px solid var(--bcm-accent); border-radius: 10px; padding: 12px; display: flex; flex-direction: column; gap: 10px; }\n\n/* ── onboarding, forms, the panel ── */\n.bcm-card { border: 1px solid var(--bcm-line); border-radius: 12px; padding: 14px; display: flex; flex-direction: column; gap: 12px; }\n.bcm-steps { color: var(--bcm-muted); font-size: 0.875em; }\n.bcm-rules { list-style: none; display: flex; flex-direction: column; gap: 8px; }\n.bcm-rules li { display: flex; flex-direction: column; gap: 2px; }\n.bcm-consent { max-height: 260px; overflow: auto; border: 1px solid var(--bcm-line); border-radius: 8px; padding: 10px 12px; display: flex; flex-direction: column; gap: 8px; }\n.bcm-form { display: flex; flex-direction: column; gap: 14px; }\n.bcm-section { display: flex; flex-direction: column; gap: 10px; }\n.bcm-list { list-style: none; display: flex; flex-direction: column; gap: 8px; }\n.bcm-list > li { border: 1px solid var(--bcm-line); border-radius: 10px; padding: 10px 12px; display: flex; flex-direction: column; gap: 4px; }\n.bcm-unread { border-left: 4px solid var(--bcm-accent) !important; }\n.bcm-dl { display: grid; grid-template-columns: minmax(120px, max-content) 1fr; gap: 6px 14px; margin: 0; }\n.bcm-dl dt { font-weight: 600; }\n.bcm-dl dd { margin: 0; }\n.bcm-receipt { display: flex; flex-direction: column; gap: 8px; }\n.bcm-turnstile { min-height: 0; }\n\n/* ── dialogs (native <dialog>: the top layer, Esc, focus kept inside) ── */\n.bcm-dialog {\n  border: 1px solid var(--bcm-line); border-radius: 14px; padding: 0;\n  width: min(520px, calc(100vw - 32px)); max-height: calc(100vh - 32px);\n  background: var(--bcm-bg); color: var(--bcm-fg); box-shadow: var(--bcm-shadow);\n}\n.bcm-dialog::backdrop { background: rgba(10, 12, 16, 0.45); }\n.bcm-dialog-body { padding: 16px; display: flex; flex-direction: column; gap: 12px; }\n\n@media (max-width: 480px) {\n  .bcm { padding: 12px; border-radius: 0; }\n  .bcm-replies { padding-left: 12px; }\n  .bcm-avatar { width: 30px; height: 30px; font-size: 17px; }\n  .bcm-dl { grid-template-columns: 1fr; }\n  .bcm-dialog { width: 100vw; max-width: 100vw; margin: auto 0 0; border-radius: 16px 16px 0 0; }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n  .bcm-dialog[open] { animation: bcm-in 140ms ease-out; }\n  @keyframes bcm-in { from { opacity: 0; transform: translateY(6px); } to { opacity: 1; transform: none; } }\n}\n";
-function ensureVueFeatureFlags() {
-  const g = globalThis;
-  const defaults = {
-    __VUE_OPTIONS_API__: true,
-    __VUE_PROD_DEVTOOLS__: false,
-    __VUE_PROD_HYDRATION_MISMATCH_DETAILS__: false
-  };
-  for (const [flag, value] of Object.entries(defaults)) if (typeof g[flag] === "undefined") g[flag] = value;
-}
-const DISCUSSION_ELEMENT_TAG = "blogmcp-discussion";
-const NOTICE_FORM_ELEMENT_TAG = "blogmcp-notice-form";
-const MY_COMMUNITY_ELEMENT_TAG = "blogmcp-my-community";
-function ownNonce(el) {
-  const fromProperty = el.nonce;
-  if (typeof fromProperty === "string" && fromProperty !== "") return fromProperty;
-  return el.getAttribute("nonce") || void 0;
-}
-function communityElement(component, defineNonce) {
-  const Base = defineCustomElement(component);
-  return class CommunityElement extends Base {
-    connectedCallback() {
-      const own = ownNonce(this);
-      const nonce = defineNonce || own;
-      if (nonce && !own) this.nonce = nonce;
-      const root = this.shadowRoot;
-      if (root && !root.querySelector("style[data-bcm]")) {
-        const style = document.createElement("style");
-        style.setAttribute("data-bcm", "");
-        if (nonce) style.setAttribute("nonce", nonce);
-        style.textContent = css;
-        root.prepend(style);
-      }
-      super.connectedCallback();
-    }
-  };
-}
-function define(tag, component, nonce) {
-  if (typeof customElements === "undefined" || customElements.get(tag)) return;
-  ensureVueFeatureFlags();
-  customElements.define(tag, communityElement(component, nonce));
-}
-function defineDiscussionElement(opts = {}) {
-  define(opts.tag ?? DISCUSSION_ELEMENT_TAG, _sfc_main$4, opts.nonce);
-}
-function defineNoticeFormElement(opts = {}) {
-  define(opts.tag ?? NOTICE_FORM_ELEMENT_TAG, _sfc_main, opts.nonce);
-}
-function defineMyCommunityElement(opts = {}) {
-  define(opts.tag ?? MY_COMMUNITY_ELEMENT_TAG, _sfc_main$1, opts.nonce);
-}
-function defineCommunityElements(opts = {}) {
-  defineDiscussionElement({ tag: opts.tags?.discussion, nonce: opts.nonce });
-  defineNoticeFormElement({ tag: opts.tags?.noticeForm, nonce: opts.nonce });
-  defineMyCommunityElement({ tag: opts.tags?.myCommunity, nonce: opts.nonce });
-}
-function attrs(el, values) {
-  for (const [name, value] of Object.entries(values)) if (value !== void 0 && value !== null && value !== "") el.setAttribute(name, String(value));
-}
-function place(el, o) {
-  if (o.transport) el.transport = o.transport;
-  (o.container ?? document.body).appendChild(el);
-  return () => el.remove();
-}
-function mountDiscussion(o) {
-  if (typeof document === "undefined") return () => {
-  };
-  defineDiscussionElement({ nonce: o.nonce });
-  const el = document.createElement(DISCUSSION_ELEMENT_TAG);
-  attrs(el, {
-    "article-id": o.articleId,
-    "api-base": o.apiBase,
-    "site-base": o.siteBase,
-    lang: o.lang,
-    "sign-in-href": o.signInHref,
-    routes: o.routes ? JSON.stringify(o.routes) : void 0,
-    "poll-ms": o.pollMs,
-    nonce: o.nonce
-  });
-  return place(el, o);
-}
-function mountNoticeForm(o) {
-  if (typeof document === "undefined") return () => {
-  };
-  defineNoticeFormElement({ nonce: o.nonce });
-  const el = document.createElement(NOTICE_FORM_ELEMENT_TAG);
-  attrs(el, {
-    "api-base": o.apiBase,
-    "site-base": o.siteBase,
-    lang: o.lang,
-    "turnstile-site-key": o.turnstileSiteKey,
-    target: o.target ? JSON.stringify(o.target) : void 0,
-    "article-id": o.articleId,
-    routes: o.routes ? JSON.stringify(o.routes) : void 0,
-    nonce: o.nonce
-  });
-  return place(el, o);
-}
-function mountMyCommunity(o = {}) {
-  if (typeof document === "undefined") return () => {
-  };
-  defineMyCommunityElement({ nonce: o.nonce });
-  const el = document.createElement(MY_COMMUNITY_ELEMENT_TAG);
-  attrs(el, {
-    "api-base": o.apiBase,
-    "site-base": o.siteBase,
-    lang: o.lang,
-    "decision-id": o.decisionId,
-    routes: o.routes ? JSON.stringify(o.routes) : void 0,
-    "sign-in-href": o.signInHref,
-    nonce: o.nonce
-  });
-  return place(el, o);
-}
-const mount = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
-  __proto__: null,
-  mountDiscussion,
-  mountMyCommunity,
-  mountNoticeForm
-}, Symbol.toStringTag, { value: "Module" }));
-export {
-  AVATAR_PRESETS as A,
-  DISCUSSION_ELEMENT_TAG as D,
-  MY_COMMUNITY_ELEMENT_TAG as M,
-  NOTICE_FORM_ELEMENT_TAG as N,
-  defineDiscussionElement as a,
-  defineNoticeFormElement as b,
-  defineMyCommunityElement as c,
-  defineCommunityElements as d,
-  mountNoticeForm as e,
-  mountMyCommunity as f,
-  createDiscussionController as g,
-  createNoticeForm as h,
-  createPanel as i,
-  createOnboarding as j,
-  DEFAULT_API_BASE as k,
-  mount as l,
-  mountDiscussion as m,
-  pickLang as p
-};