frontend-auto-cms 1.0.0

package/dist/runtime/dashboard.js

@@ -0,0 +1,1189 @@
+const fe = "cms-export.patch.json", pe = "frontend-auto-cms::content", Z = "frontend-auto-cms::locales";
+function Q(e) {
+  localStorage.setItem(pe, JSON.stringify(e));
+}
+function ee() {
+  try {
+    const e = localStorage.getItem(Z);
+    return e ? JSON.parse(e) : {};
+  } catch {
+    return {};
+  }
+}
+function A(e) {
+  localStorage.setItem(Z, JSON.stringify(e));
+}
+async function ge() {
+  try {
+    const e = await fetch("/cms-locales.json", { cache: "no-store" });
+    if (!e.ok)
+      return {};
+    const a = (await e.json())?.locales;
+    return a && typeof a == "object" ? a : {};
+  } catch {
+    return {};
+  }
+}
+function be(e) {
+  const t = new Blob([JSON.stringify(e, null, 2)], { type: "application/json" }), a = URL.createObjectURL(t), r = document.createElement("a");
+  r.href = a, r.download = fe, r.click(), URL.revokeObjectURL(a);
+}
+function E(e) {
+  return e.replace(/[^\w]+/g, "_").replace(/^_+|_+$/g, "").toLowerCase();
+}
+function k(e) {
+  const t = e.getAttribute("id");
+  if (t)
+    return `#${t}`;
+  const a = (e.getAttribute("class") ?? "").split(/\s+/).filter(Boolean)[0];
+  return a ? `${e.tagName.toLowerCase()}.${a}` : e.tagName.toLowerCase();
+}
+function te(e) {
+  return ["SCRIPT", "STYLE", "NOSCRIPT", "IFRAME"].includes(e.tagName);
+}
+function z(e) {
+  return (e ?? "").replace(/\s+/g, " ").trim();
+}
+function me(e, t, a) {
+  const r = t.parentElement;
+  if (!r || te(r))
+    return null;
+  if (Array.from(r.childNodes).filter(
+    (s) => s.nodeType === Node.TEXT_NODE && z(s.nodeValue).length > 0
+  ).length === 1 && r.children.length === 0)
+    return r.setAttribute("data-cms-key", a), r;
+  const o = e.createElement("span");
+  return o.textContent = t.nodeValue ?? "", o.setAttribute("data-cms-key", a), t.parentNode?.replaceChild(o, t), o;
+}
+function N(e = document, t) {
+  const a = [];
+  let r = 0, n = 0, o = 0, s = 0;
+  const l = t ?? e.location?.pathname ?? location.pathname, c = e.body;
+  if (!c)
+    return {
+      createdAt: (/* @__PURE__ */ new Date()).toISOString(),
+      updatedAt: (/* @__PURE__ */ new Date()).toISOString(),
+      nodes: a
+    };
+  const f = e.createTreeWalker(c, NodeFilter.SHOW_ELEMENT | NodeFilter.SHOW_TEXT);
+  for (; f.nextNode(); ) {
+    const u = f.currentNode;
+    if (u.nodeType === Node.TEXT_NODE) {
+      const b = u, m = z(b.nodeValue);
+      if (m.length < 2)
+        continue;
+      r += 1;
+      const U = `${E(l || "index")}.text.${r}`, C = me(e, b, U);
+      if (!C)
+        continue;
+      a.push({
+        id: `dom_txt_${r}`,
+        key: U,
+        type: "text",
+        label: k(C),
+        value: m,
+        selector: k(C),
+        sourceRefs: [{ file: l, original: m }]
+      });
+      continue;
+    }
+    const i = u;
+    if (te(i))
+      continue;
+    const p = i.tagName.toLowerCase();
+    if (p === "img" || p === "video") {
+      const b = i.getAttribute("src") ?? "";
+      if (b) {
+        n += 1;
+        const m = `${E(l || "index")}.${p}.${n}`;
+        i.setAttribute("data-cms-key", m), a.push({
+          id: `dom_media_${n}`,
+          key: m,
+          type: p === "img" ? "image" : "video",
+          label: k(i),
+          value: b,
+          selector: k(i),
+          attrs: { src: b, alt: i.getAttribute("alt") ?? "" },
+          sourceRefs: [{ file: l, original: b }]
+        });
+      }
+    }
+    if (["section", "ul", "ol"].includes(p) || i.hasAttribute("data-repeatable")) {
+      const b = Array.from(i.children).map((m) => z(m.textContent)).filter(Boolean);
+      if (b.length >= 2) {
+        o += 1;
+        const m = `${E(l || "index")}.section.${o}`;
+        i.setAttribute("data-cms-key", m), a.push({
+          id: `dom_sec_${o}`,
+          key: m,
+          type: "section",
+          label: k(i),
+          value: b.join(" | "),
+          selector: k(i),
+          sectionItems: b,
+          sourceRefs: [{ file: l, original: i.innerHTML }]
+        });
+      }
+    }
+    const g = {};
+    if (["alt", "href", "src", "aria-label", "title"].forEach((b) => {
+      const m = i.getAttribute(b);
+      m != null && m.trim() && (g[b] = m);
+    }), Object.keys(g).length > 0 && !(p === "img" || p === "video")) {
+      s += 1;
+      const b = `${E(l || "index")}.property.${s}`;
+      a.push({
+        id: `dom_prop_${s}`,
+        key: b,
+        type: "property",
+        label: k(i),
+        value: JSON.stringify(g),
+        selector: k(i),
+        attrs: g,
+        sourceRefs: [{ file: l, original: JSON.stringify(g) }]
+      });
+    }
+  }
+  return {
+    createdAt: (/* @__PURE__ */ new Date()).toISOString(),
+    updatedAt: (/* @__PURE__ */ new Date()).toISOString(),
+    nodes: a
+  };
+}
+function ae(e, t = document) {
+  if (!e.key)
+    return;
+  const a = t.querySelector(`[data-cms-key="${CSS.escape(e.key)}"]`);
+  if (a) {
+    if (e.type === "text")
+      a.textContent = e.value;
+    else if (e.type === "image" || e.type === "video")
+      a.src = e.value, e.attrs?.alt != null && a.setAttribute("alt", e.attrs.alt);
+    else if (e.type === "property" && e.attrs)
+      Object.entries(e.attrs).forEach(([r, n]) => a.setAttribute(r, n));
+    else if (e.type === "section" && e.sectionItems) {
+      const r = Array.from(a.children);
+      e.sectionItems.forEach((n, o) => {
+        r[o] && (r[o].textContent = n);
+      });
+    }
+  }
+}
+const B = [
+  { code: "af", label: "Afrikaans", nllb: "afr_Latn" },
+  { code: "ar", label: "Arabic", nllb: "arb_Arab" },
+  { code: "az", label: "Azerbaijani", nllb: "azj_Latn" },
+  { code: "be", label: "Belarusian", nllb: "bel_Cyrl" },
+  { code: "bg", label: "Bulgarian", nllb: "bul_Cyrl" },
+  { code: "bn", label: "Bengali", nllb: "ben_Beng" },
+  { code: "bs", label: "Bosnian", nllb: "bos_Latn" },
+  { code: "ca", label: "Catalan", nllb: "cat_Latn" },
+  { code: "cs", label: "Czech", nllb: "ces_Latn" },
+  { code: "cy", label: "Welsh", nllb: "cym_Latn" },
+  { code: "da", label: "Danish", nllb: "dan_Latn" },
+  { code: "de", label: "German", nllb: "deu_Latn" },
+  { code: "el", label: "Greek", nllb: "ell_Grek" },
+  { code: "es", label: "Spanish", nllb: "spa_Latn" },
+  { code: "et", label: "Estonian", nllb: "est_Latn" },
+  { code: "fa", label: "Persian", nllb: "pes_Arab" },
+  { code: "fi", label: "Finnish", nllb: "fin_Latn" },
+  { code: "fr", label: "French", nllb: "fra_Latn" },
+  { code: "ga", label: "Irish", nllb: "gle_Latn" },
+  { code: "gl", label: "Galician", nllb: "glg_Latn" },
+  { code: "gu", label: "Gujarati", nllb: "guj_Gujr" },
+  { code: "he", label: "Hebrew", nllb: "heb_Hebr" },
+  { code: "hi", label: "Hindi", nllb: "hin_Deva" },
+  { code: "hr", label: "Croatian", nllb: "hrv_Latn" },
+  { code: "hu", label: "Hungarian", nllb: "hun_Latn" },
+  { code: "hy", label: "Armenian", nllb: "hye_Armn" },
+  { code: "id", label: "Indonesian", nllb: "ind_Latn" },
+  { code: "is", label: "Icelandic", nllb: "isl_Latn" },
+  { code: "it", label: "Italian", nllb: "ita_Latn" },
+  { code: "ja", label: "Japanese", nllb: "jpn_Jpan" },
+  { code: "ka", label: "Georgian", nllb: "kat_Geor" },
+  { code: "kk", label: "Kazakh", nllb: "kaz_Cyrl" },
+  { code: "km", label: "Khmer", nllb: "khm_Khmr" },
+  { code: "ko", label: "Korean", nllb: "kor_Hang" },
+  { code: "lt", label: "Lithuanian", nllb: "lit_Latn" },
+  { code: "lv", label: "Latvian", nllb: "lvs_Latn" },
+  { code: "mk", label: "Macedonian", nllb: "mkd_Cyrl" },
+  { code: "ml", label: "Malayalam", nllb: "mal_Mlym" },
+  { code: "mr", label: "Marathi", nllb: "mar_Deva" },
+  { code: "ms", label: "Malay", nllb: "zsm_Latn" },
+  { code: "mt", label: "Maltese", nllb: "mlt_Latn" },
+  { code: "ne", label: "Nepali", nllb: "npi_Deva" },
+  { code: "nl", label: "Dutch", nllb: "nld_Latn" },
+  { code: "no", label: "Norwegian", nllb: "nob_Latn" },
+  { code: "pa", label: "Punjabi", nllb: "pan_Guru" },
+  { code: "pl", label: "Polish", nllb: "pol_Latn" },
+  { code: "pt", label: "Portuguese", nllb: "por_Latn" },
+  { code: "ro", label: "Romanian", nllb: "ron_Latn" },
+  { code: "ru", label: "Russian", nllb: "rus_Cyrl" },
+  { code: "sk", label: "Slovak", nllb: "slk_Latn" },
+  { code: "sl", label: "Slovenian", nllb: "slv_Latn" },
+  { code: "sq", label: "Albanian", nllb: "als_Latn" },
+  { code: "sr", label: "Serbian", nllb: "srp_Cyrl" },
+  { code: "sv", label: "Swedish", nllb: "swe_Latn" },
+  { code: "sw", label: "Swahili", nllb: "swh_Latn" },
+  { code: "ta", label: "Tamil", nllb: "tam_Taml" },
+  { code: "te", label: "Telugu", nllb: "tel_Telu" },
+  { code: "th", label: "Thai", nllb: "tha_Thai" },
+  { code: "tr", label: "Turkish", nllb: "tur_Latn" },
+  { code: "uk", label: "Ukrainian", nllb: "ukr_Cyrl" },
+  { code: "ur", label: "Urdu", nllb: "urd_Arab" },
+  { code: "uz", label: "Uzbek", nllb: "uzn_Latn" },
+  { code: "vi", label: "Vietnamese", nllb: "vie_Latn" },
+  { code: "zh", label: "Chinese (Simplified)", nllb: "zho_Hans" }
+], G = Object.fromEntries(
+  B.map((e) => [e.nllb.slice(0, 3).toLowerCase(), e.code])
+), xe = "https://api.mymemory.translated.net/get";
+function K(e) {
+  const t = e.trim().toLowerCase().split(/[-_]/)[0];
+  if (/^[a-z]{2}$/i.test(t))
+    return t;
+  if (/^[a-z]{3}$/i.test(t) && G[t])
+    return G[t];
+  throw new Error(`Unsupported language code "${e}" for MyMemory translation.`);
+}
+async function ye(e, t, a) {
+  if (!e.trim())
+    return e;
+  const r = new URLSearchParams({
+    q: e,
+    langpair: `${t}|${a}`
+  }), n = await fetch(`${xe}?${r.toString()}`, { method: "GET" });
+  if (!n.ok)
+    throw new Error(`MyMemory request failed (${n.status})`);
+  const o = await n.json();
+  if (o.responseStatus && o.responseStatus !== 200)
+    throw new Error(`MyMemory translation failed with status ${o.responseStatus}`);
+  const s = o.responseData?.translatedText;
+  return typeof s == "string" && s.trim() ? s : e;
+}
+async function he(e, t, a = "en", r) {
+  const n = K(a), o = K(t), s = /* @__PURE__ */ new Map(), l = {}, c = Object.entries(e), f = c.length;
+  let u = 0;
+  for (const [i, p] of c) {
+    if (s.has(p)) {
+      l[i] = s.get(p), u += 1, r?.(u, f);
+      continue;
+    }
+    try {
+      const g = await ye(p, n, o);
+      s.set(p, g), l[i] = g;
+    } catch {
+      l[i] = p;
+    }
+    u += 1, r?.(u, f);
+  }
+  return l;
+}
+async function ke(e, t, a) {
+  return (await fetch(
+    `https://gitlab.com/api/v4/projects/${encodeURIComponent(e.repository)}/repository/files/${encodeURIComponent(a)}?ref=${encodeURIComponent(e.branch)}`,
+    {
+      method: "GET",
+      headers: { "PRIVATE-TOKEN": t }
+    }
+  )).ok;
+}
+async function ve() {
+  try {
+    const e = await fetch("/cms-hosting.json", { cache: "no-store" });
+    if (!e.ok)
+      return null;
+    const t = await e.json();
+    return !t || !t.provider || t.provider === "none" || t.provider !== "github" && t.provider !== "gitlab" || typeof t.repository != "string" || !t.repository.trim() || typeof t.branch != "string" || !t.branch.trim() ? null : t;
+  } catch {
+    return null;
+  }
+}
+async function O(e, t, a, r, n) {
+  const o = `https://api.github.com/repos/${e.repository}/contents/${encodeURIComponent(a).replace(/%2F/g, "/")}`;
+  let s;
+  const l = await fetch(`${o}?ref=${encodeURIComponent(e.branch)}`, {
+    headers: { Authorization: `Bearer ${t}` }
+  });
+  l.ok && (s = (await l.json()).sha);
+  const c = {
+    message: n,
+    content: btoa(unescape(encodeURIComponent(r))),
+    branch: e.branch,
+    sha: s
+  };
+  if (!(await fetch(o, {
+    method: "PUT",
+    headers: {
+      Authorization: `Bearer ${t}`,
+      "Content-Type": "application/json"
+    },
+    body: JSON.stringify(c)
+  })).ok)
+    throw new Error(`GitHub publish failed for ${a}`);
+}
+async function we(e, t, a) {
+  const r = `chore(cms): publish content updates ${(/* @__PURE__ */ new Date()).toISOString()}`;
+  if (await O(e, t, "cms-content.json", JSON.stringify(a.content, null, 2), r), a.locales)
+    for (const [n, o] of Object.entries(a.locales))
+      await O(e, t, `locales/${n}.json`, JSON.stringify(o, null, 2), r);
+  await O(e, t, "cms-export.patch.json", JSON.stringify(a, null, 2), r);
+}
+async function Le(e, t, a) {
+  const r = [
+    { filePath: "cms-content.json", content: JSON.stringify(a.content, null, 2) },
+    { filePath: "cms-export.patch.json", content: JSON.stringify(a, null, 2) }
+  ];
+  if (a.locales)
+    for (const [s, l] of Object.entries(a.locales))
+      r.push({ filePath: `locales/${s}.json`, content: JSON.stringify(l, null, 2) });
+  const n = [];
+  for (const s of r) {
+    const l = await ke(e, t, s.filePath);
+    n.push({
+      action: l ? "update" : "create",
+      file_path: s.filePath,
+      content: s.content
+    });
+  }
+  if (!(await fetch(`https://gitlab.com/api/v4/projects/${encodeURIComponent(e.repository)}/repository/commits`, {
+    method: "POST",
+    headers: {
+      "PRIVATE-TOKEN": t,
+      "Content-Type": "application/json"
+    },
+    body: JSON.stringify({
+      branch: e.branch,
+      commit_message: `chore(cms): publish content updates ${(/* @__PURE__ */ new Date()).toISOString()}`,
+      actions: n
+    })
+  })).ok)
+    throw new Error("GitLab publish failed.");
+}
+async function $e(e, t, a) {
+  return !a || !t.trim() ? !1 : a.provider === "github" ? (await we(a, t.trim(), e), !0) : a.provider === "gitlab" ? (await Le(a, t.trim(), e), !0) : !1;
+}
+const J = "facms-auth-modal", M = "facms-auth-missing", F = "facms-token-modal", Y = "facms-language-modal", Se = "frontend-auto-cms::theme", ne = "frontend-auto-cms::main-language", oe = "frontend-auto-cms::language-labels";
+let P = !1, v = null, V = !1, h = null, d = "dark";
+function re() {
+  if (document.getElementById("facms-dashboard-css"))
+    return;
+  const e = document.createElement("style");
+  e.id = "facms-dashboard-css", e.textContent = `
+    #facms-app, #facms-app * { box-sizing: border-box; font-family: Inter, system-ui, sans-serif; }
+    #facms-app {
+      height: 100dvh;
+      width: 100vw;
+      display: grid;
+      grid-template-columns: 1fr;
+      background: #020617;
+      color: #e2e8f0;
+      overflow: hidden;
+    }
+    @media (min-width: 1024px) { #facms-app { grid-template-columns: 760px 1fr; } }
+    #facms-app > div { min-height: 0; }
+
+    #facms-app > div:first-child {
+      border-right: 1px solid #1e293b;
+      background: #0f172a;
+      overflow: hidden;
+      display: grid;
+      grid-template-rows: auto 1fr;
+      min-height: 0;
+    }
+    #facms-app > div:last-child { background: #020617; padding: 12px; }
+    @media (min-width: 1024px) { #facms-app > div:last-child { padding: 20px; } }
+
+    #facms-app h2 { margin: 0; font-size: 1.25rem; font-weight: 700; color: #f8fafc; }
+    #facms-app p { margin: 0; color: #94a3b8; }
+    #facms-app > div:first-child > div:last-child {
+      display: grid;
+      grid-template-columns: 220px 1fr;
+      min-height: 0;
+    }
+    #facms-app aside {
+      min-height: 0;
+      overflow: auto;
+    }
+    #facms-route-editor {
+      min-height: 0;
+      overflow: auto;
+      overscroll-behavior: contain;
+    }
+    #facms-route-editor > div { padding: 16px; min-height: 100%; }
+    #facms-route-editor #facms-i18n-status { margin-top: 8px; font-size: 12px; color: #94a3b8; }
+    #facms-i18n-feedback {
+      display: flex;
+      align-items: center;
+      justify-content: flex-start;
+      gap: 10px;
+      min-height: 20px;
+      margin-top: 8px;
+    }
+    #facms-translate-loader {
+      display: none;
+      align-items: center;
+      gap: 7px;
+      font-size: 12px;
+      color: #a5b4fc;
+      white-space: nowrap;
+    }
+    #facms-translate-loader::before {
+      content: "";
+      width: 12px;
+      height: 12px;
+      border-radius: 999px;
+      border: 2px solid #818cf8;
+      border-top-color: transparent;
+      animation: facms-spin 0.8s linear infinite;
+    }
+    @keyframes facms-spin {
+      from { transform: rotate(0deg); }
+      to { transform: rotate(360deg); }
+    }
+    #facms-global-loader {
+      position: fixed;
+      inset: 0;
+      display: none;
+      align-items: center;
+      justify-content: center;
+      background: rgba(2, 6, 23, 0.72);
+      z-index: 2147483646;
+      backdrop-filter: blur(2px);
+    }
+    #facms-global-loader-inner {
+      display: flex;
+      align-items: center;
+      gap: 10px;
+      background: #0f172a;
+      border: 1px solid #334155;
+      color: #e2e8f0;
+      border-radius: 12px;
+      padding: 10px 14px;
+      box-shadow: 0 20px 45px rgba(2, 6, 23, 0.45);
+      font-size: 13px;
+      font-weight: 500;
+    }
+    #facms-global-loader-spinner {
+      width: 15px;
+      height: 15px;
+      border-radius: 999px;
+      border: 2px solid #818cf8;
+      border-top-color: transparent;
+      animation: facms-spin 0.8s linear infinite;
+    }
+
+    #facms-route-preview {
+      width: 100%;
+      height: 100%;
+      border: 1px solid #1e293b;
+      border-radius: 12px;
+      background: #ffffff;
+    }
+
+    #facms-page-tabs { padding: 0 8px 12px; }
+    #facms-page-tabs button {
+      width: 100%;
+      text-align: left;
+      margin-bottom: 6px;
+      padding: 8px 12px;
+      border-radius: 10px;
+      border: 1px solid #334155;
+      background: #1e293b;
+      color: #e2e8f0;
+      cursor: pointer;
+    }
+
+    #facms-route-editor > div > div:nth-child(2) {
+      display: flex;
+      align-items: center;
+      flex-wrap: wrap;
+      gap: 10px;
+      margin-bottom: 4px;
+    }
+    #facms-language-tabs { display: flex; flex-wrap: wrap; gap: 10px; }
+    #facms-language-tabs > div {
+      display: inline-flex;
+      align-items: center;
+      border: 1px solid #334155;
+      border-radius: 10px;
+      overflow: hidden;
+      background: #1e293b;
+    }
+    #facms-language-tabs button, #facms-language-tabs span {
+      border: 0;
+      border-right: 1px solid #334155;
+      padding: 7px 11px;
+      font-size: 12px;
+      background: #1e293b;
+      color: #e2e8f0;
+      line-height: 1.1;
+    }
+    #facms-language-tabs [data-remove-lang] { border-right: 0; }
+
+    #facms-add-language, #facms-save {
+      border-radius: 10px;
+      padding: 8px 12px;
+      font-size: 13px;
+      cursor: pointer;
+    }
+    #facms-add-language {
+      border: 1px solid #6366f1;
+      background: #1e1b4b;
+      color: #c7d2fe;
+    }
+    #facms-add-language:disabled {
+      opacity: 0.6;
+      cursor: wait;
+    }
+    #facms-save {
+      border: 1px solid #059669;
+      background: #059669;
+      color: #ffffff;
+      font-weight: 600;
+    }
+
+    #facms-route-editor details {
+      border: 1px solid #334155;
+      border-radius: 12px;
+      background: #0f172a;
+      box-shadow: 0 6px 20px rgba(2, 6, 23, 0.35);
+      margin-bottom: 10px;
+    }
+    #facms-route-editor summary {
+      list-style: none;
+      cursor: pointer;
+      padding: 12px;
+      border-radius: 10px;
+      background: #1e293b;
+      border: 1px solid #334155;
+      margin: 8px;
+      color: #cbd5e1;
+    }
+    #facms-route-editor details > div { padding: 4px 10px 10px; }
+
+    #facms-route-editor input,
+    #facms-route-editor textarea,
+    #facms-route-editor select {
+      width: 100%;
+      border: 1px solid #334155;
+      background: #0b1220;
+      color: #e2e8f0;
+      border-radius: 10px;
+      padding: 8px 10px;
+      font-size: 13px;
+      outline: none;
+    }
+    #facms-route-editor textarea { min-height: 96px; resize: vertical; }
+    #facms-route-editor input:focus,
+    #facms-route-editor textarea:focus,
+    #facms-route-editor select:focus {
+      border-color: #6366f1;
+      box-shadow: 0 0 0 2px rgba(99, 102, 241, 0.25);
+    }
+
+    #facms-route-editor .text-slate-500,
+    #facms-route-editor .text-slate-400,
+    #facms-route-editor .text-slate-700,
+    #facms-route-editor .text-slate-300 { color: #94a3b8; }
+    #facms-route-editor .text-indigo-600,
+    #facms-route-editor .text-indigo-400 { color: #818cf8; }
+    #facms-route-editor .truncate {
+      white-space: nowrap;
+      overflow: hidden;
+      text-overflow: ellipsis;
+    }
+
+    #facms-app .bg-indigo-600, #facms-app .bg-indigo-700, #facms-app .bg-indigo-800 {
+      background: #4f46e5 !important;
+      color: #ffffff !important;
+    }
+    #facms-app .bg-emerald-600, #facms-app .hover\\:bg-emerald-500:hover {
+      background: #059669 !important;
+      color: #ffffff !important;
+    }
+  `, document.head.appendChild(e);
+}
+function se(e) {
+  d = e;
+  const t = e === "dark";
+  document.documentElement.classList.toggle("dark", t), document.body.classList.toggle("dark", t), document.documentElement.style.background = t ? "#020617" : "#f1f5f9", document.body.style.background = t ? "#020617" : "#f1f5f9", document.documentElement.setAttribute("data-facms-theme", e), document.getElementById("facms-app")?.classList.toggle("dark", t), localStorage.setItem(Se, e);
+  const r = document.getElementById("facms-theme-toggle");
+  r && (r.textContent = e === "dark" ? "Switch to light" : "Switch to dark");
+}
+function le() {
+  d = "dark", se("dark");
+}
+function Ee(e) {
+  return Array.from(new Uint8Array(e)).map((t) => t.toString(16).padStart(2, "0")).join("");
+}
+async function _e(e) {
+  const t = new TextEncoder().encode(e), a = await crypto.subtle.digest("SHA-256", t);
+  return Ee(a);
+}
+async function ie() {
+  if (h)
+    return h;
+  try {
+    const e = await fetch("/cms-settings.json", { cache: "no-store" });
+    if (e.ok) {
+      const t = await e.json();
+      return h = {
+        dashboardPath: t.dashboardPath || "/dashboard",
+        pages: (t.pages?.length ? t.pages : ["/"]).map((a) => a.startsWith("/") ? a : `/${a}`),
+        showFloatingButton: t.showFloatingButton ?? !1,
+        autoTranslateEnabled: t.autoTranslateEnabled ?? !0
+      }, h;
+    }
+  } catch {
+  }
+  return h = { dashboardPath: "/dashboard", pages: ["/"], showFloatingButton: !1, autoTranslateEnabled: !0 }, h;
+}
+async function R() {
+  if (!V) {
+    V = !0;
+    try {
+      const e = await fetch("/cms-runtime-auth.json", { cache: "no-store" });
+      if (!e.ok) return;
+      const t = await e.json();
+      t.algorithm === "sha256" && typeof t.salt == "string" && typeof t.passcodeHash == "string" && (v = { algorithm: "sha256", salt: t.salt, passcodeHash: t.passcodeHash });
+    } catch {
+      v = null;
+    }
+  }
+}
+async function Ae(e) {
+  const t = e.trim();
+  return !t || (await R(), !v) ? !1 : await _e(`${v.salt}:${t}`) === v.passcodeHash;
+}
+function Te() {
+  let e = document.getElementById(M);
+  e || (e = document.createElement("div"), e.id = M, e.style.position = "fixed", e.style.inset = "0", e.style.zIndex = "2147483647", e.style.background = "rgba(2, 6, 23, 0.88)", e.style.display = "grid", e.style.placeItems = "center", e.innerHTML = `
+    <div style="width:min(560px,92vw);background:#0f172a;color:#e2e8f0;border:1px solid #334155;border-radius:16px;padding:16px;box-shadow:0 20px 55px rgba(2,6,23,.45);font-family:Inter,system-ui,sans-serif;">
+      <h3 style="margin:0 0 8px 0;font-size:20px;line-height:1.2;font-weight:700;">CMS locked: runtime auth missing</h3>
+      <p style="margin:0 0 10px 0;font-size:13px;color:#94a3b8;">The dashboard is blocked until runtime auth is generated.</p>
+      <p style="margin:0;font-size:12px;color:#cbd5e1;">Run <code style="color:#e2e8f0;">frontend-auto-cms setup</code> in this project to create <code style="color:#e2e8f0;">public/cms-runtime-auth.json</code>, then refresh.</p>
+    </div>
+  `, document.body.appendChild(e));
+}
+function Ie() {
+  document.getElementById(M)?.remove();
+}
+async function ce() {
+  return await R(), v ? (Ie(), !0) : (Te(), !1);
+}
+function de(e) {
+  const t = document.getElementById(J);
+  if (t) {
+    t.style.display = "grid";
+    return;
+  }
+  const a = document.createElement("div");
+  a.id = J, a.style.position = "fixed", a.style.inset = "0", a.style.zIndex = "2147483647", a.style.background = "rgba(2, 6, 23, 0.45)", a.style.display = "grid", a.style.placeItems = "center", a.innerHTML = `
+    <div style="width: min(420px, 92vw); background: ${d === "dark" ? "#0f172a" : "#ffffff"}; color: ${d === "dark" ? "#e2e8f0" : "#0f172a"}; border: 1px solid ${d === "dark" ? "#334155" : "#e2e8f0"}; border-radius: 16px; padding: 16px; box-shadow: 0 20px 55px rgba(2,6,23,0.45); font-family: Inter, system-ui, sans-serif;">
+      <h3 style="margin: 0 0 6px 0; font-size: 20px; line-height: 1.2; font-weight: 700;">Unlock CMS</h3>
+      <p style="margin: 0 0 12px 0; font-size: 12px; color: ${d === "dark" ? "#94a3b8" : "#475569"};">Enter your passcode to edit content.</p>
+      <input id="facms-passcode-input" type="password" style="width: 100%; border: 1px solid ${d === "dark" ? "#475569" : "#cbd5e1"}; background: ${d === "dark" ? "#1e293b" : "#ffffff"}; color: ${d === "dark" ? "#f1f5f9" : "#0f172a"}; border-radius: 10px; padding: 10px 12px; font-size: 14px; box-sizing: border-box;" placeholder="Enter passcode" />
+      <p id="facms-passcode-error" style="display:none; margin: 8px 0 0 0; font-size: 12px; color: #ef4444;">Incorrect passcode.</p>
+      <div style="margin-top: 14px; display: flex; gap: 8px; justify-content: flex-end;">
+        <button id="facms-passcode-cancel" style="border: 1px solid ${d === "dark" ? "#475569" : "#cbd5e1"}; background: ${d === "dark" ? "#1e293b" : "#f1f5f9"}; color: ${d === "dark" ? "#e2e8f0" : "#334155"}; border-radius: 10px; padding: 8px 12px; font-size: 13px; cursor: pointer;">Cancel</button>
+        <button id="facms-passcode-submit" style="border: 1px solid #4f46e5; background: #4f46e5; color: white; border-radius: 10px; padding: 8px 12px; font-size: 13px; cursor: pointer;">Open CMS</button>
+      </div>
+    </div>
+  `;
+  const r = a.querySelector("#facms-passcode-input"), n = a.querySelector("#facms-passcode-error"), o = () => a.style.display = "none", s = async () => {
+    if (await R(), !v) {
+      n && (n.textContent = "CMS auth is not configured. Run setup to generate runtime auth files.", n.style.display = "block");
+      return;
+    }
+    if (!await Ae(r?.value ?? "")) {
+      n && (n.textContent = "Incorrect passcode.", n.style.display = "block");
+      return;
+    }
+    n && (n.style.display = "none"), P = !0, o(), e();
+  };
+  a.querySelector("#facms-passcode-cancel")?.addEventListener("click", o), a.querySelector("#facms-passcode-submit")?.addEventListener("click", s), r?.addEventListener("keydown", (l) => l.key === "Enter" && void s()), document.body.appendChild(a), r?.focus();
+}
+function Ce(e, t) {
+  const a = document.getElementById(F);
+  a && a.remove();
+  const r = document.createElement("div");
+  r.id = F, r.style.position = "fixed", r.style.inset = "0", r.style.zIndex = "2147483647", r.style.background = "rgba(2, 6, 23, 0.45)", r.style.display = "grid", r.style.placeItems = "center", r.innerHTML = `
+    <div style="width: min(520px, 92vw); background: ${d === "dark" ? "#0f172a" : "#ffffff"}; color: ${d === "dark" ? "#e2e8f0" : "#0f172a"}; border: 1px solid ${d === "dark" ? "#334155" : "#e2e8f0"}; border-radius: 16px; padding: 16px; box-shadow: 0 20px 55px rgba(2,6,23,0.45); font-family: Inter, system-ui, sans-serif;">
+      <h3 style="margin: 0 0 6px 0; font-size: 20px; line-height: 1.2; font-weight: 700;">Publish token required</h3>
+      <p style="margin: 0 0 12px 0; font-size: 12px; color: ${d === "dark" ? "#94a3b8" : "#475569"};">Enter your ${e} token for this publish only. It is not stored.</p>
+      <input id="facms-token-input" type="password" style="width: 100%; border: 1px solid ${d === "dark" ? "#475569" : "#cbd5e1"}; background: ${d === "dark" ? "#1e293b" : "#ffffff"}; color: ${d === "dark" ? "#f1f5f9" : "#0f172a"}; border-radius: 10px; padding: 10px 12px; font-size: 14px; box-sizing: border-box;" placeholder="Token" />
+      <p id="facms-token-error" style="display:none; margin: 8px 0 0 0; font-size: 12px; color: #ef4444;">Token is required.</p>
+      <div style="margin-top: 14px; display: flex; gap: 8px; justify-content: flex-end;">
+        <button id="facms-token-cancel" style="border: 1px solid ${d === "dark" ? "#475569" : "#cbd5e1"}; background: ${d === "dark" ? "#1e293b" : "#f1f5f9"}; color: ${d === "dark" ? "#e2e8f0" : "#334155"}; border-radius: 10px; padding: 8px 12px; font-size: 13px; cursor: pointer;">Cancel</button>
+        <button id="facms-token-submit" style="border: 1px solid #4f46e5; background: #4f46e5; color: white; border-radius: 10px; padding: 8px 12px; font-size: 13px; cursor: pointer;">Publish</button>
+      </div>
+    </div>
+  `;
+  const n = r.querySelector("#facms-token-input"), o = r.querySelector("#facms-token-error"), s = () => r.style.display = "none", l = () => {
+    const c = (n?.value ?? "").trim();
+    if (!c) {
+      o && (o.style.display = "block");
+      return;
+    }
+    o && (o.style.display = "none"), s(), t(c);
+  };
+  r.querySelector("#facms-token-cancel")?.addEventListener("click", s), r.querySelector("#facms-token-submit")?.addEventListener("click", l), n?.addEventListener("keydown", (c) => c.key === "Enter" && l()), document.body.appendChild(r), n?.focus();
+}
+function Oe(e, t, a) {
+  const r = document.getElementById(Y);
+  r && r.remove();
+  const n = document.createElement("div");
+  n.id = Y, n.style.position = "fixed", n.style.inset = "0", n.style.zIndex = "2147483647", n.style.background = "rgba(2, 6, 23, 0.45)", n.style.display = "grid", n.style.placeItems = "center", n.innerHTML = `
+    <div style="width: min(520px, 92vw); background: ${d === "dark" ? "#0f172a" : "#ffffff"}; color: ${d === "dark" ? "#e2e8f0" : "#0f172a"}; border: 1px solid ${d === "dark" ? "#334155" : "#e2e8f0"}; border-radius: 16px; padding: 16px; box-shadow: 0 20px 55px rgba(2,6,23,0.45); font-family: Inter, system-ui, sans-serif;">
+      <h3 style="margin: 0 0 6px 0; font-size: 20px; line-height: 1.2; font-weight: 700;">Add translation</h3>
+      <p style="margin: 0 0 8px 0; font-size: 12px; color: ${d === "dark" ? "#94a3b8" : "#475569"};">Pick a supported language or define a custom one for manual translation.</p>
+      <select id="facms-language-select" style="width: 100%; border: 1px solid ${d === "dark" ? "#475569" : "#cbd5e1"}; background: ${d === "dark" ? "#1e293b" : "#ffffff"}; color: ${d === "dark" ? "#f1f5f9" : "#0f172a"}; border-radius: 10px; padding: 10px 12px; font-size: 14px; box-sizing: border-box; margin-bottom: 8px;">
+        <option value="">Select supported language</option>
+        ${B.filter((u) => !e.includes(u.code)).map((u) => `<option value="${u.code}">${u.label} (${u.code})</option>`).join("")}
+        <option value="__custom__">Custom language (manual)</option>
+      </select>
+      <input id="facms-language-name" type="text" placeholder="Custom language name (e.g. Klingon)" style="width: 100%; border: 1px solid ${d === "dark" ? "#475569" : "#cbd5e1"}; background: ${d === "dark" ? "#1e293b" : "#ffffff"}; color: ${d === "dark" ? "#f1f5f9" : "#0f172a"}; border-radius: 10px; padding: 10px 12px; font-size: 14px; box-sizing: border-box; margin-bottom: 8px; display:none;" />
+      <input id="facms-language-input" type="text" placeholder="Custom language code (e.g. tlh)" style="width: 100%; border: 1px solid ${d === "dark" ? "#475569" : "#cbd5e1"}; background: ${d === "dark" ? "#1e293b" : "#ffffff"}; color: ${d === "dark" ? "#f1f5f9" : "#0f172a"}; border-radius: 10px; padding: 10px 12px; font-size: 14px; box-sizing: border-box; display:none;" />
+      <p id="facms-language-error" style="display:none; margin: 8px 0 0 0; font-size: 12px; color: #ef4444;">Enter a valid language code.</p>
+      <div style="margin-top: 14px; display: flex; gap: 8px; justify-content: flex-end; flex-wrap: wrap;">
+        <button id="facms-language-cancel" style="border: 1px solid ${d === "dark" ? "#475569" : "#cbd5e1"}; background: ${d === "dark" ? "#1e293b" : "#f1f5f9"}; color: ${d === "dark" ? "#e2e8f0" : "#334155"}; border-radius: 10px; padding: 8px 12px; font-size: 13px; cursor: pointer;">Cancel</button>
+        <button id="facms-language-manual" style="border: 1px solid #334155; background: #334155; color: white; border-radius: 10px; padding: 8px 12px; font-size: 13px; cursor: pointer;">Add manual</button>
+        ${t ? '<button id="facms-language-autofill" style="border: 1px solid #4f46e5; background: #4f46e5; color: white; border-radius: 10px; padding: 8px 12px; font-size: 13px; cursor: pointer;">Add & Auto-fill</button>' : ""}
+      </div>
+    </div>
+  `;
+  const o = () => n.style.display = "none";
+  n.querySelector("#facms-language-cancel")?.addEventListener("click", o);
+  const s = n.querySelector("#facms-language-select"), l = n.querySelector("#facms-language-input"), c = n.querySelector("#facms-language-name");
+  s?.addEventListener("change", () => {
+    const u = s.value === "__custom__";
+    l && (l.style.display = u ? "block" : "none"), c && (c.style.display = u ? "block" : "none");
+  });
+  const f = (u) => {
+    const i = n.querySelector("#facms-language-error");
+    let p = "";
+    const g = s?.value ?? "";
+    let y = "";
+    if (g && g !== "__custom__" ? (p = T(g), y = $(p)) : (p = T(l?.value ?? ""), y = (c?.value ?? "").trim()), !p || !/^[a-z]{2,3}([_-][a-z0-9]{2,8})?$|^[a-z]{3}_[A-Za-z]+$/i.test(p)) {
+      i && (i.textContent = "Enter a valid language code.", i.style.display = "block");
+      return;
+    }
+    if (y || (y = $(p)), e.includes(p)) {
+      i && (i.textContent = `Language "${p}" already exists.`, i.style.display = "block");
+      return;
+    }
+    i && (i.style.display = "none"), o(), a(`${p}::${y}`, u);
+  };
+  n.querySelector("#facms-language-manual")?.addEventListener("click", () => f("manual")), t && n.querySelector("#facms-language-autofill")?.addEventListener("click", () => f("auto")), document.body.appendChild(n);
+}
+function j(e, t) {
+  if (t === void 0) {
+    console.info(`[frontend-auto-cms:dashboard] ${e}`);
+    return;
+  }
+  console.info(`[frontend-auto-cms:dashboard] ${e}`, t);
+}
+function T(e) {
+  return e.trim().toLowerCase();
+}
+function $(e) {
+  const t = T(e), a = B.find((r) => r.code === t);
+  return a ? a.label : t.toUpperCase();
+}
+function je() {
+  try {
+    const e = localStorage.getItem(oe);
+    if (!e)
+      return {};
+    const t = JSON.parse(e);
+    return t && typeof t == "object" ? t : {};
+  } catch {
+    return {};
+  }
+}
+function D(e) {
+  localStorage.setItem(oe, JSON.stringify(e));
+}
+function I(e) {
+  const t = localStorage.getItem(ne);
+  return t && e[t] ? t : e.en ? "en" : Object.keys(e)[0] ?? "en";
+}
+function W(e) {
+  localStorage.setItem(ne, e);
+}
+function x(e) {
+  return e.replace(/[&<>'"]/g, (t) => ({ "&": "&amp;", "<": "&lt;", ">": "&gt;", "'": "&#39;", '"': "&quot;" })[t]);
+}
+function _(e, t = 72) {
+  const a = e.replace(/\s+/g, " ").trim();
+  return a.length <= t ? a : `${a.slice(0, t)}...`;
+}
+function ze(e) {
+  return e.type === "section" ? _((e.sectionItems ?? []).join(" | ")) : e.type === "property" ? _(JSON.stringify(e.attrs ?? {})) : _(e.value);
+}
+function Ne(e) {
+  const t = [];
+  return e.forEach((a, r) => {
+    const n = (a.selector ?? "").trim(), o = t[t.length - 1];
+    if (!!(o && n && o.selector === n) && o) {
+      o.items.push({ node: a, index: r });
+      return;
+    }
+    t.push({
+      key: n || `group_${r}`,
+      selector: n,
+      items: [{ node: a, index: r }]
+    });
+  }), t;
+}
+function Me(e) {
+  const t = (a) => {
+    if (Array.isArray(a))
+      return a.map(t);
+    if (a && typeof a == "object") {
+      const r = Object.entries(a).sort(([n], [o]) => n.localeCompare(o));
+      return Object.fromEntries(r.map(([n, o]) => [n, t(o)]));
+    }
+    return a;
+  };
+  return JSON.stringify(t(e));
+}
+async function Be(e) {
+  const t = new TextEncoder().encode(e), a = await crypto.subtle.digest("SHA-256", t);
+  return Array.from(new Uint8Array(a)).map((r) => r.toString(16).padStart(2, "0")).join("");
+}
+async function Pe(e, t, a) {
+  const r = e.nodes.flatMap(
+    (s) => s.sourceRefs.map((l) => ({
+      file: l.file,
+      find: l.original,
+      replace: s.type === "property" ? JSON.stringify(s.attrs ?? {}) : s.type === "section" ? (s.sectionItems ?? []).join(" ") : s.type === "text" ? a[s.key] ?? s.value : s.value,
+      occurrence: l.occurrence ?? 1
+    }))
+  ), n = {
+    generatedAt: (/* @__PURE__ */ new Date()).toISOString(),
+    content: { ...e, updatedAt: (/* @__PURE__ */ new Date()).toISOString() },
+    operations: r,
+    locales: t
+  }, o = await Be(Me(n));
+  return {
+    ...n,
+    integrity: {
+      algorithm: "sha256",
+      value: o
+    }
+  };
+}
+function Re(e, t) {
+  const a = `${e.type.toUpperCase()} • ${x(e.label || e.selector || "")}`, r = `<div class="text-xs text-slate-500 dark:text-slate-400 mb-2">#${t + 1} ${a}</div>`;
+  if (e.type === "text")
+    return `<div class="rounded-lg p-2 bg-slate-50/60 dark:bg-slate-900/40">${r}<textarea data-cms-id="${e.id}" data-cms-field="value" class="w-full border border-slate-300 dark:border-slate-800 bg-white dark:bg-slate-800 text-slate-900 dark:text-slate-100 rounded-lg p-2 text-sm h-24 focus:outline-none focus:ring-2 focus:ring-indigo-500/40">${x(e.value)}</textarea></div>`;
+  if (e.type === "image" || e.type === "video")
+    return `<div class="rounded-lg p-2 bg-slate-50/60 dark:bg-slate-900/40">${r}<label class="text-xs text-slate-500 dark:text-slate-400">Source URL</label><input data-cms-id="${e.id}" data-cms-field="value" value="${x(e.value)}" class="w-full border border-slate-300 dark:border-slate-800 bg-white dark:bg-slate-800 text-slate-900 dark:text-slate-100 rounded-lg p-2 text-sm mb-2 focus:outline-none focus:ring-2 focus:ring-indigo-500/40" /><label class="text-xs text-slate-500 dark:text-slate-400">Alt text</label><input data-cms-id="${e.id}" data-cms-field="alt" value="${x(e.attrs?.alt ?? "")}" class="w-full border border-slate-300 dark:border-slate-800 bg-white dark:bg-slate-800 text-slate-900 dark:text-slate-100 rounded-lg p-2 text-sm focus:outline-none focus:ring-2 focus:ring-indigo-500/40" /></div>`;
+  if (e.type === "section") {
+    const n = (e.sectionItems ?? []).join(`
+`);
+    return `<div class="rounded-lg p-2 bg-slate-50/60 dark:bg-slate-900/40">${r}<textarea data-cms-id="${e.id}" data-cms-field="sectionItems" class="w-full border border-slate-300 dark:border-slate-800 bg-white dark:bg-slate-800 text-slate-900 dark:text-slate-100 rounded-lg p-2 text-sm h-28 focus:outline-none focus:ring-2 focus:ring-indigo-500/40">${x(n)}</textarea></div>`;
+  }
+  return `<div class="rounded-lg p-2 bg-slate-50/60 dark:bg-slate-900/40">${r}<textarea data-cms-id="${e.id}" data-cms-field="attrs" class="w-full border border-slate-300 dark:border-slate-800 bg-white dark:bg-slate-800 text-slate-900 dark:text-slate-100 rounded-lg p-2 text-xs h-28 focus:outline-none focus:ring-2 focus:ring-indigo-500/40">${x(JSON.stringify(e.attrs ?? {}, null, 2))}</textarea></div>`;
+}
+function S(e, t, a, r) {
+  e.nodes.forEach((n) => {
+    n.type === "text" && (n.value = t[n.key] ?? r[n.key] ?? n.value, ae(n, a));
+  });
+}
+function De(e, t) {
+  e.activeLanguage = t;
+  const a = e.locales[t] ?? e.locales[e.mainLanguage] ?? e.baseTextByKey;
+  S(e.content, a, e.workingDocument, e.baseTextByKey);
+}
+function qe(e, t) {
+  const a = e.querySelector("#facms-language-tabs");
+  if (!a)
+    return;
+  const r = Object.keys(t.locales);
+  a.innerHTML = r.map((n) => {
+    const o = n === t.activeLanguage, s = n === t.mainLanguage, l = t.languageLabels[n] ?? $(n);
+    return `<div class="inline-flex items-center rounded-lg overflow-hidden border ${o ? "border-indigo-500" : "border-slate-200 dark:border-slate-700"}">
+        <button data-lang="${n}" class="px-2.5 py-1.5 text-xs ${o ? "bg-indigo-600 text-white" : "bg-slate-100 dark:bg-slate-800 text-slate-700 dark:text-slate-200"}">${x(l)}</button>
+        ${s ? `<span class="px-2 py-1.5 text-[10px] font-semibold ${o ? "bg-indigo-700 text-indigo-100" : "bg-emerald-600 text-white"}">MAIN</span>` : `<button data-main-lang="${n}" title="Set as main language" class="px-2 py-1.5 text-xs ${o ? "bg-indigo-700 text-indigo-100 hover:bg-indigo-800" : "bg-emerald-600 text-white hover:bg-emerald-500"}">★</button>`}
+        <button data-remove-lang="${n}" title="Remove language" class="px-2 py-1.5 text-xs ${o ? "bg-indigo-700 text-indigo-100 hover:bg-indigo-800" : "bg-slate-200 dark:bg-slate-700 text-slate-700 dark:text-slate-200 hover:bg-slate-300 dark:hover:bg-slate-600"}">×</button>
+      </div>`;
+  }).join(""), a.querySelectorAll("[data-lang]").forEach((n) => {
+    n.addEventListener("click", () => {
+      const o = n.dataset.lang;
+      o && (De(t, o), L(e, t));
+    });
+  }), a.querySelectorAll("[data-main-lang]").forEach((n) => {
+    n.addEventListener("click", (o) => {
+      o.stopPropagation();
+      const s = n.dataset.mainLang;
+      !s || !t.locales[s] || (t.mainLanguage = s, W(s), t.baseTextByKey = { ...t.locales[s] }, L(e, t));
+    });
+  }), a.querySelectorAll("[data-remove-lang]").forEach((n) => {
+    n.addEventListener("click", (o) => {
+      o.stopPropagation();
+      const s = n.dataset.removeLang;
+      if (s) {
+        if (Object.keys(t.locales).length <= 1) {
+          alert("You must keep at least one language.");
+          return;
+        }
+        delete t.locales[s], delete t.languageLabels[s], D(t.languageLabels), A(t.locales), t.mainLanguage === s && (t.mainLanguage = I(t.locales), W(t.mainLanguage), t.baseTextByKey = { ...t.locales[t.mainLanguage] ?? {} }), t.activeLanguage === s && (t.activeLanguage = q(t.locales, t.mainLanguage)), ue(t), L(e, t);
+      }
+    });
+  });
+}
+function He(e, t) {
+  e.querySelectorAll("[data-cms-id]").forEach((a) => {
+    const r = a.dataset.cmsId, n = a.dataset.cmsField;
+    !r || !n || a.addEventListener("input", () => {
+      const o = t.content.nodes.find((s) => s.id === r);
+      if (o) {
+        if (n === "value")
+          o.value = a.value, o.type === "text" && (t.activeLanguage === t.mainLanguage ? (t.baseTextByKey[o.key] = a.value, t.locales[t.mainLanguage] = { ...t.locales[t.mainLanguage] ?? {}, [o.key]: a.value }) : t.locales[t.activeLanguage] = {
+            ...t.locales[t.activeLanguage] ?? {},
+            [o.key]: a.value
+          }, A(t.locales));
+        else if (n === "alt") o.attrs = { ...o.attrs ?? {}, alt: a.value };
+        else if (n === "sectionItems") o.sectionItems = a.value.split(`
+`).map((s) => s.trim()).filter(Boolean);
+        else if (n === "attrs")
+          try {
+            o.attrs = JSON.parse(a.value);
+          } catch {
+            return;
+          }
+        ae(o, t.workingDocument), Q(t.content);
+      }
+    });
+  });
+}
+function w(e, t, a) {
+  const r = e.querySelector("#facms-i18n-status"), n = e.querySelector("#facms-translate-loader"), o = e.querySelector("#facms-add-language"), s = document.getElementById("facms-global-loader"), l = document.getElementById("facms-global-loader-label");
+  r && (r.textContent = t), n && (n.style.display = a ? "inline-flex" : "none"), o && (o.disabled = a), s && (s.style.display = a ? "flex" : "none"), l && (l.textContent = a ? t : "Translating");
+}
+function L(e, t) {
+  const r = Ne(t.content.nodes).map((n) => {
+    const o = n.items[0], s = n.items[n.items.length - 1], l = o.index === s.index ? `#${o.index + 1}` : `#${o.index + 1} - #${s.index + 1}`, c = n.items.map((i) => ze(i.node)).filter(Boolean).join(" • "), f = n.items.length > 1 ? `${l} ${x(n.selector || "Grouped fields")} (${n.items.length} fields)` : `${l} ${x(o.node.type.toUpperCase())} • ${x(o.node.label || o.node.selector || "")}`, u = n.items.map((i) => Re(i.node, i.index)).join("");
+    return `
+        <details class="rounded-xl p-2 border border-slate-200 dark:border-transparent bg-white dark:bg-slate-900/60 shadow-sm">
+          <summary class="list-none cursor-pointer flex items-center justify-between gap-2 p-3 rounded-lg bg-slate-50 dark:bg-slate-800/70 border border-slate-200 dark:border-slate-800">
+            <div class="min-w-0">
+              <div class="text-xs text-slate-500 dark:text-slate-400">${f}</div>
+              <div class="text-sm text-slate-700 dark:text-slate-300 truncate">${x(_(c || "No preview"))}</div>
+            </div>
+            <span class="text-xs text-indigo-600 dark:text-indigo-400">Expand</span>
+          </summary>
+          <div class="pt-3 px-2 pb-2 space-y-2">${u}</div>
+        </details>
+      `;
+  }).join("");
+  e.innerHTML = `
+    <div class="p-4 space-y-3">
+      <p class="text-xs text-slate-500 dark:text-slate-400 mb-2">All editable elements are shown in page order.</p>
+      <div class="flex items-center flex-wrap gap-2">
+        <div id="facms-language-tabs" class="flex flex-wrap gap-2"></div>
+        <button id="facms-add-language" class="px-2.5 py-1.5 rounded-lg text-xs border border-indigo-500 text-indigo-600 dark:text-indigo-300 dark:border-indigo-400 hover:bg-indigo-50 dark:hover:bg-indigo-900/30">+ Add translation</button>
+      </div>
+      <div class="space-y-3">${r}</div>
+      <div class="mt-4 flex flex-wrap gap-2">
+        <button id="facms-save" class="px-3 py-2 bg-emerald-600 text-white rounded-lg text-sm hover:bg-emerald-500 shadow">Save + Publish</button>
+      </div>
+      <div id="facms-i18n-feedback">
+        <div id="facms-translate-loader">Translating</div>
+        <p id="facms-i18n-status" class="text-xs text-slate-500 dark:text-slate-400"></p>
+      </div>
+    </div>
+  `, qe(e, t), e.querySelector("#facms-save")?.addEventListener("click", async () => {
+    const n = await Pe(t.content, t.locales, t.baseTextByKey), o = await ve();
+    if (!o || o.provider === "none") {
+      be(n), alert("Patch downloaded. Configure hosting in setup for one-click publish.");
+      return;
+    }
+    const s = o.provider;
+    Ce(s, async (l) => {
+      let c = !1;
+      try {
+        c = await $e(n, l, o);
+      } catch {
+        c = !1;
+      }
+      if (!c) {
+        alert("Publishing failed. Please verify token permissions and repository settings.");
+        return;
+      }
+      alert("Changes published successfully.");
+    });
+  }), e.querySelector("#facms-add-language")?.addEventListener("click", () => {
+    Oe(Object.keys(t.locales), h?.autoTranslateEnabled ?? !0, async (n, o) => {
+      const [s, l] = n.split("::"), c = T(s ?? ""), f = (l ?? "").trim() || $(c);
+      if (!c)
+        return;
+      const u = performance.now(), i = t.locales[t.mainLanguage] ?? t.baseTextByKey, p = { ...i };
+      if (j("Add language requested", {
+        lang: c,
+        mode: o,
+        sourceKeys: Object.keys(i).length,
+        browserLanguage: navigator.language,
+        browserLanguages: navigator.languages
+      }), t.locales[c] = p, t.languageLabels[c] = f, D(t.languageLabels), t.activeLanguage = c, A(t.locales), S(t.content, t.locales[c], t.workingDocument, t.baseTextByKey), L(e, t), j("Manual language tab created", { lang: c }), w(e, `Added ${f} tab prefilled with source text for manual translation.`, !1), o !== "auto" || !(h?.autoTranslateEnabled ?? !0)) {
+        o === "auto" && !(h?.autoTranslateEnabled ?? !0) && w(e, `Privacy mode is on. Added ${f} tab for manual translation only.`, !1);
+        return;
+      }
+      try {
+        const g = Object.keys(i).length;
+        w(e, `Auto-filling ${f} translation... (0/${g})`, !0);
+        const y = await he(i, c, t.mainLanguage, (H, b) => {
+          w(e, `Auto-filling ${f} translation... (${H}/${b})`, !0);
+        });
+        t.locales[c] = y, A(t.locales), t.activeLanguage = c, S(t.content, y, t.workingDocument, t.baseTextByKey), L(e, t), j("Automatic translation succeeded", {
+          lang: c,
+          translatedKeys: Object.keys(y).length,
+          ms: Math.round(performance.now() - u)
+        }), w(e, `Added ${f} with auto-filled translation. Review and edit as needed.`, !1);
+      } catch (g) {
+        console.error("[frontend-auto-cms:dashboard] Automatic translation failed", {
+          lang: c,
+          message: g instanceof Error ? g.message : String(g),
+          stack: g instanceof Error ? g.stack : void 0,
+          ms: Math.round(performance.now() - u)
+        }), w(e, `Auto-fill failed. ${f} stays prefilled with source text for manual editing.`, !1);
+      }
+    });
+  }), He(e, t);
+}
+function q(e, t) {
+  const a = Object.keys(e), r = t && e[t] ? t : I(e), n = [...navigator.languages ?? [], navigator.language].map((o) => o.toLowerCase().split("-")[0]);
+  for (const o of n)
+    if (a.includes(o))
+      return o;
+  return a.includes(r) ? r : a[0] ?? "en";
+}
+function ue(e) {
+  const t = e.locales[e.activeLanguage] ?? e.locales.en ?? e.baseTextByKey;
+  S(e.content, t, e.workingDocument, e.baseTextByKey);
+}
+function Ue(e, t, a) {
+  const r = ee(), n = {
+    ...a,
+    ...r
+  }, o = je(), s = Object.fromEntries(e.nodes.filter((i) => i.type === "text").map((i) => [i.key, i.value])), l = I(n), c = {
+    ...n,
+    [l]: { ...n[l] ?? {}, ...s }
+  };
+  !c.en && l === "en" && (c.en = Object.assign({}, c.en ?? {}, s));
+  const f = q(c, l), u = { ...o };
+  return Object.keys(c).forEach((i) => {
+    u[i] || (u[i] = $(i));
+  }), D(u), {
+    content: e,
+    locales: c,
+    workingDocument: t,
+    baseTextByKey: c[l] ?? s,
+    activeLanguage: f,
+    mainLanguage: l,
+    languageLabels: u
+  };
+}
+function Ge() {
+  const e = ee();
+  if (!Object.keys(e).length)
+    return;
+  const t = q(e, I(e));
+  if (!t || t === "en")
+    return;
+  const a = N(document, location.pathname), r = e[t];
+  if (!r)
+    return;
+  const n = Object.fromEntries(a.nodes.filter((o) => o.type === "text").map((o) => [o.key, o.value]));
+  S(a, r, document, n);
+}
+function Ke(e) {
+  const t = e.pages.length ? e.pages : ["/"];
+  document.documentElement.style.margin = "0", document.documentElement.style.padding = "0", document.documentElement.style.background = d === "dark" ? "#020617" : "#f1f5f9", document.body.style.margin = "0", document.body.style.padding = "0", document.body.style.background = d === "dark" ? "#020617" : "#f1f5f9", document.body.innerHTML = `
+    <div id="facms-app" class="h-screen w-screen grid grid-cols-1 lg:grid-cols-[760px_1fr] bg-slate-100 dark:bg-slate-950 text-slate-900 dark:text-slate-100">
+      <div class="border-r border-slate-200 dark:border-slate-800 bg-white dark:bg-slate-900 overflow-hidden grid grid-rows-[auto_1fr]">
+        <div class="p-4 border-b border-slate-200 dark:border-slate-800 flex items-start justify-between gap-3">
+          <div>
+            <h2 class="font-semibold text-xl">CMS Dashboard</h2>
+            <p class="text-xs text-slate-500 dark:text-slate-400">Edit pages from one place.</p>
+          </div>
+        </div>
+        <div class="grid grid-cols-[220px_1fr] min-h-0">
+          <aside class="border-r border-slate-200 dark:border-slate-800 overflow-auto">
+            <div class="px-3 pt-3 pb-2 text-[11px] font-semibold uppercase tracking-wide text-slate-500 dark:text-slate-400">Routes</div>
+            <div id="facms-page-tabs" class="px-2 pb-3 space-y-1"></div>
+          </aside>
+          <div id="facms-route-editor" class="overflow-auto"></div>
+        </div>
+      </div>
+      <div class="bg-slate-200 dark:bg-slate-950 p-3 lg:p-5">
+        <iframe id="facms-route-preview" class="w-full h-full border border-slate-200 dark:border-slate-800 rounded-xl bg-white dark:bg-slate-950" src="/"></iframe>
+      </div>
+    </div>
+    <div id="facms-global-loader" aria-live="polite" aria-busy="true">
+      <div id="facms-global-loader-inner">
+        <div id="facms-global-loader-spinner"></div>
+        <div id="facms-global-loader-label">Translating</div>
+      </div>
+    </div>
+  `;
+  const a = document.getElementById("facms-route-preview"), r = document.getElementById("facms-route-editor"), n = document.getElementById("facms-page-tabs"), o = /* @__PURE__ */ new Map();
+  let s = t[0], l = {};
+  const c = () => {
+    n.innerHTML = t.map(
+      (f) => `<button data-page="${f}" class="w-full text-left px-3 py-2 rounded-lg text-sm border ${f === s ? "bg-indigo-600 border-indigo-500 text-white" : "bg-slate-100 border-slate-200 dark:bg-slate-800 dark:border-slate-700 text-slate-700 dark:text-slate-200 hover:bg-slate-200 dark:hover:bg-slate-700"}">${x(f)}</button>`
+    ).join(""), n.querySelectorAll("[data-page]").forEach((f) => {
+      f.addEventListener("click", () => {
+        s = f.dataset.page || "/", c(), a.src = s;
+      });
+    });
+  };
+  se(d), a.addEventListener("load", () => {
+    const f = a.contentDocument;
+    if (!f) return;
+    let u = o.get(s);
+    if (u) {
+      u.workingDocument = f;
+      const i = N(f, s);
+      i.nodes.length && !u.content.nodes.length && (u.content = i);
+    } else {
+      const i = N(f, s);
+      u = Ue(i, f, l), o.set(s, u);
+    }
+    ue(u), Q(u.content), L(r, u);
+  }), c(), ge().then((f) => {
+    l = f, a.src = s;
+  });
+}
+async function X() {
+  if (re(), le(), !await ce())
+    return;
+  const e = await ie(), t = () => Ke(e);
+  if (!P) {
+    de(t);
+    return;
+  }
+  t();
+}
+async function Je() {
+  const e = await ie();
+  if (location.pathname !== e.dashboardPath) {
+    Ge();
+    return;
+  }
+  if (re(), le(), !!await ce()) {
+    if (!P) {
+      de(() => {
+        X();
+      });
+      return;
+    }
+    X();
+  }
+}
+export {
+  X as launchDashboard,
+  Je as registerCmsLauncher
+};