${t(\"helpful\")}

\n\n

\n \n ${iconThumbsUp()}\n ${t(\"yes\")}\n \n\n \n ${iconThumbsDown()}\n ${t(\"no\")}\n \n

\n\n

${t(\"missingTitle\")}

\n\n

\n ${t(\"example\")}\n ${t(\"details\")}\n ${t(\"incorrect\")}\n ${t(\"hard\")}\n ${t(\"other\")}\n ${t(\"skip\")}\n

\n\n

\n \n

\n\n

\n ${t(\"send\")}\n ${t(\"cancel\")}\n

\n\n

\n ${t(\"sending\")}\n ${t(\"success\")}\n ${t(\"error\")}\n

\n `;\n }\n\n function setMsg(which) {\n const sending = document.getElementById(\"cobre-msg-sending\");\n const success = document.getElementById(\"cobre-msg-success\");\n const error = document.getElementById(\"cobre-msg-error\");\n if (!sending || !success || !error) return;\n\n sending.classList.add(\"cobre-hidden\");\n success.classList.add(\"cobre-hidden\");\n error.classList.add(\"cobre-hidden\");\n\n if (which === \"sending\") sending.classList.remove(\"cobre-hidden\");\n if (which === \"success\") success.classList.remove(\"cobre-hidden\");\n if (which === \"error\") error.classList.remove(\"cobre-hidden\");\n if (which === \"clear\") {\n // all hidden\n }\n }\n\n function setDisabled(disabled) {\n const ids = [\n \"cobre-btn-yes\",\n \"cobre-btn-no\",\n \"cobre-skip\",\n \"cobre-other-send\",\n \"cobre-other-cancel\",\n ];\n ids.forEach((id) => {\n const el = document.getElementById(id);\n if (!el) return;\n if (disabled) el.classList.add(\"cobre-disabled\");\n else el.classList.remove(\"cobre-disabled\");\n el.setAttribute(\"aria-disabled\", disabled ? \"true\" : \"false\");\n });\n\n document.querySelectorAll(\".cobre-feedback-pill\").forEach((pill) => {\n if (disabled) pill.classList.add(\"cobre-disabled\");\n else pill.classList.remove(\"cobre-disabled\");\n pill.setAttribute(\"aria-disabled\", disabled ? \"true\" : \"false\");\n });\n\n const input = document.getElementById(\"cobre-other-text\");\n if (input) input.disabled = !!disabled;\n }\n\n function isDisabled() {\n const yes = document.getElementById(\"cobre-btn-yes\");\n return yes && yes.getAttribute(\"aria-disabled\") === \"true\";\n }\n\n function showMissingSection(show) {\n const sec = document.getElementById(\"cobre-missing-section\");\n if (sec) sec.style.display = show ? \"block\" : \"none\";\n }\n\n function showOtherBox(show) {\n const box = document.getElementById(\"cobre-other-box\");\n if (box) box.style.display = show ? \"block\" : \"none\";\n if (show) {\n const input = document.getElementById(\"cobre-other-text\");\n if (input) input.focus();\n }\n }\n\n async function post(payload) {\n setMsg(\"sending\");\n setDisabled(true);\n\n try {\n const res = await fetch(WEBHOOK, {\n method: \"POST\",\n headers: { \"Content-Type\": \"application/json\" },\n body: JSON.stringify(payload),\n });\n\n if (!res.ok) throw new Error(\"Webhook failed\");\n\n setMsg(\"success\");\n showMissingSection(false);\n showOtherBox(false);\n } catch (e) {\n setMsg(\"error\");\n setDisabled(false);\n }\n }\n\n // --- inject widget (idempotent) ---\n function ensureWidget() {\n if (widgetExists()) return;\n\n const mount = findMountPoint();\n const wrapper = document.createElement(\"div\");\n wrapper.innerHTML = buildWidgetHTML();\n\n mount.appendChild(wrapper.firstElementChild);\n }\n\n // --- handlers ---\n function handleVoteYes() {\n if (isDisabled()) return;\n post({ ...basePayload(), feedback: \"yes\" });\n }\n\n function handleVoteNo() {\n if (isDisabled()) return;\n setMsg(\"clear\");\n showMissingSection(true);\n showOtherBox(false);\n }\n\n function handleMissingChoice(reason) {\n if (isDisabled()) return;\n\n if (reason === \"other\") {\n showOtherBox(true);\n return;\n }\n\n // Skip sends \"no\" with no reason\n const payload = { ...basePayload(), feedback: \"no\" };\n if (reason) payload.missing = reason;\n\n post(payload);\n }\n\n function handleOtherSend() {\n if (isDisabled()) return;\n const input = document.getElementById(\"cobre-other-text\");\n const otherText = input ? input.value.trim() : \"\";\n\n const payload = { ...basePayload(), feedback: \"no\", missing: \"other\" };\n if (otherText) payload.otherText = otherText;\n\n post(payload);\n }\n\n function handleOtherCancel() {\n if (isDisabled()) return;\n showOtherBox(false);\n }\n\n // --- Event delegation (capture phase) ---\n function attachListenersOnce() {\n if (window.__COBRE_FEEDBACK_LISTENERS__) return;\n window.__COBRE_FEEDBACK_LISTENERS__ = true;\n\n document.addEventListener(\n \"click\",\n (e) => {\n const yes = e.target.closest(\"#cobre-btn-yes\");\n const no = e.target.closest(\"#cobre-btn-no\");\n const pill = e.target.closest(\".cobre-feedback-pill\");\n const otherSend = e.target.closest(\"#cobre-other-send\");\n const otherCancel = e.target.closest(\"#cobre-other-cancel\");\n\n if (!yes && !no && !pill && !otherSend && !otherCancel) return;\n\n e.preventDefault();\n e.stopPropagation();\n if (e.stopImmediatePropagation) e.stopImmediatePropagation();\n\n ensureWidget();\n\n if (yes) return handleVoteYes();\n if (no) return handleVoteNo();\n\n if (pill) {\n const reason = pill.getAttribute(\"data-missing\");\n return handleMissingChoice(reason);\n }\n\n if (otherSend) return handleOtherSend();\n if (otherCancel) return handleOtherCancel();\n },\n true\n );\n\n document.addEventListener(\n \"keydown\",\n (e) => {\n const target = e.target.closest(\n \"#cobre-btn-yes, #cobre-btn-no, .cobre-feedback-pill, #cobre-other-send, #cobre-other-cancel\"\n );\n if (!target) return;\n if (e.key !== \"Enter\" && e.key !== \" \") return;\n\n e.preventDefault();\n e.stopPropagation();\n if (e.stopImmediatePropagation) e.stopImmediatePropagation();\n\n ensureWidget();\n\n const id = target.id;\n if (id === \"cobre-btn-yes\") return handleVoteYes();\n if (id === \"cobre-btn-no\") return handleVoteNo();\n if (id === \"cobre-other-send\") return handleOtherSend();\n if (id === \"cobre-other-cancel\") return handleOtherCancel();\n\n if (target.classList.contains(\"cobre-feedback-pill\")) {\n const reason = target.getAttribute(\"data-missing\");\n return handleMissingChoice(reason);\n }\n },\n true\n );\n }\n\n // --- SPA-safe reinjection watcher ---\n function startWatcher() {\n let lastUrl = location.href;\n let lastLang = getLang();\n\n\n function reinject() {\n const existing = document.getElementById(\"cobre-feedback-widget\");\n if (existing) existing.remove();\n ensureWidget();\n attachListenersOnce();\n }\n\n window.addEventListener(\"load\", () => {\n setTimeout(() => {\n ensureWidget();\n attachListenersOnce();\n }, 200);\n });\n\n setInterval(() => {\n const currentLang = getLang();\n if (location.href !== lastUrl || currentLang !== lastLang) {\n lastUrl = location.href;\n lastLang = currentLang;\n setTimeout(reinject, 300);\n } else {\n if (!widgetExists()) {\n ensureWidget();\n attachListenersOnce();\n }\n }\n }, 800);\n }\n\n // Boot\n ensureWidget();\n attachListenersOnce();\n startWatcher();\n})();\n","compiledCss","/* Load fonts */\n@import url(\"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Tiro+Gurmukhi:ital,wght@0,400;1,400&display=swap\");\n\n:root{\n --g-background-image:none; \n --g-font-family: \"Inter Light\", ui-sans-serif, system-ui, -apple-system, \"Segoe UI\", Roboto,\n \"Helvetica Neue\", Arial, \"Noto Sans\", \"Liberation Sans\", sans-serif !important; \n}\n\n#html .g-title{\n color: #266d6c;\n}\n\n#html .g-header-top-navbar{ \n background-color: #212121ff;\n \n}\n\n/* ===== Top bar (brand + language selector) ===== */\n\n/* Background black for the top brand row */\n#html div.flex.items-center.p-5.pb-2\\.5 {\n background: #212121ff !important;\n}\n\n/* Ensure text and icons are readable */\n#html div.flex.items-center.p-5.pb-2\\.5,\n#html div.flex.items-center.p-5.pb-2\\.5 * {\n color: #c1c0be !important;\n}\n\n/* Hover */\n#html div.flex.items-center.p-5.pb-2\\.5 a:hover {\n color: #ffffff !important;\n}\n\n\n/* Adjust the wrapper selector after inspecting */\n#html .g-doc-content a.cta-button,\n#html .g-markdown a.cta-button,\n#html .g-content a.cta-button,\n#html a.cta-button {\n background-color: #080808 !important;\n color: #fff !important;\n padding: 5px 30px !important;\n text-decoration: none !important;\n border-radius: 50px !important;\n\n display: inline-flex !important;\n align-items: center !important;\n gap: 8px !important;\n}\n\n\n\n\n/* =========================================\n Inter Light as global font (docs + UI)\n ========================================= */\n#html html,\n#html body {\n font-family: \"Inter\", ui-sans-serif, system-ui, -apple-system, \"Segoe UI\", Roboto,\n \"Helvetica Neue\", Arial, \"Noto Sans\", \"Liberation Sans\", sans-serif !important;\n font-weight: 300 !important;\n}\n\n/* Ensure UI containers (sidebar + topbar) inherit Inter */\n#html .g-sidebar,\n#html .g-menu,\n#html header,\n#html nav,\n#html aside\n {\n font-family: \"Inter\", ui-sans-serif, system-ui, -apple-system, \"Segoe UI\", Roboto,\n \"Helvetica Neue\", Arial, \"Noto Sans\", \"Liberation Sans\", sans-serif !important;\n font-weight: 300 !important;\n}\n\n/* Common text elements in UI */\n#html .g-sidebar span,\n#html .g-sidebar a,\n#html .g-header-top-navbar span,\n#html .g-header-top-navbar a,\n#html .g-header-top-navbar-left-item span,\n#html .g-header-top-navbar-left-item a,\n#html .g-menu span,\n#html .g-menu a,\n#html header span,\n#html header a,\n#html nav span,\n#html nav a {\n font-family: inherit !important;\n}\n\n/* =========================================\n Tiro Gurmukhi for H1 + H2\n ========================================= */\n#html .markdown-body h1,\n#html .markdown-body h2,\n#html .doc-content h1,\n#html .doc-content h2,\n#html .apidog-doc-content h1,\n#html .apidog-doc-content h2,\n#html h1,\n#html h2 {\n font-family: \"Tiro Gurmukhi\", serif !important;\n font-weight: 400 !important;\n}\n\n\n\n\n/* Small helper for icon text alignment in Apidog renderer */\n#html .cobre-icon {\n display: inline-flex;\n align-items: center;\n}\n\n/* ====== Cobre: Dark Menu Theme ====== */\n\n/* 1) Sidebar / left menu background */\n#html .g-sidebar,\n#html .g-menu {\n background: #212121ff !important;\n}\n\n\n/* Only style endpoint labels inside link items (NOT category headers) */\n#html .g-sidebar li.g-sidebar-item-link:not(.g-sidebar-item-link-active) > a > span.break-word,\n#html .g-menu li.g-sidebar-item-link:not(.g-sidebar-item-link-active) > a > span.break-word {\n color: #c1c0be !important;\n}\n\n/* Category titles must not be overwritten by global span rule */\n#html .g-sidebar li.g-sidebar-item-category > div > span.break-word,\n#html .g-menu li.g-sidebar-item-category > div > span.break-word {\n color: #c1c0be !important; /* or set a specific \n color */ \n font-weight: 900 !important; \n}\n\n/* Ensure SVG fills with current text color */\n#html .g-sidebar .appicon svg,\n#html .g-menu .appicon svg,\n#html .g-sidebar .app_icon svg,\n#html .g-menu .app_icon svg {\n fill: #c1c0be !important;\n}\n\n\n#html .g-sidebar-item-list, #html border-l{\n border-color: rgb(60, 59, 59) !important;\n}\n\n/* Selected sidebar item label text color */\n#html .g-sidebar-item-link.g-sidebar-item-link-active > a > span.break-word {\n color: rgb(60, 59, 59) !important;\n}\n\n#html .g-sidebar-item-link.g-sidebar-item-link-active > a{\n background-color: #e3e0da !important;\n}\n\n/* === Feedback Widget (Global) === */\n#html #cobre-feedback-widget {\n margin: 28px auto 8px auto;\n padding: 14px 16px;\n border: 1px solid rgba(0,0,0,.12);\n border-radius: 12px;\n max-width: 720px;\n text-align: center;\n}\n\n#html #cobre-feedback-title {\n font-weight: 600;\n margin-bottom: 12px;\n}\n\n#html #cobre-feedback-actions,\n#html #cobre-missing-options {\n display: flex;\n justify-content: center;\n gap: 12px;\n align-items: center;\n flex-wrap: wrap;\n}\n\n#html .cobre-feedback-btn {\n padding: 8px 14px;\n border-radius: 10px;\n border: 1px solid rgba(0,0,0,.18);\n cursor: pointer;\n user-select: none;\n display: inline-flex;\n align-items: center;\n gap: 8px;\n}\n\n#html .cobre-feedback-btn:hover {\n filter: brightness(0.98);\n}\n\n#html .cobre-feedback-pill {\n padding: 6px 12px;\n border-radius: 999px;\n border: 1px solid rgba(0,0,0,.18);\n cursor: pointer;\n user-select: none;\n font-size: 13px;\n}\n\n#html .cobre-feedback-pill:hover {\n filter: brightness(0.98);\n}\n\n#html #cobre-missing-section {\n margin-top: 14px;\n display: none;\n}\n\n#html #cobre-missing-title {\n font-weight: 600;\n margin-bottom: 10px;\n}\n\n#html #cobre-other-box {\n display: none;\n margin-top: 10px;\n}\n\n#html #cobre-other-text {\n width: min(520px, 92%);\n padding: 10px 12px;\n border-radius: 10px;\n border: 1px solid rgba(0,0,0,.18);\n outline: none;\n}\n\n#html #cobre-other-actions {\n margin-top: 10px;\n display: flex;\n justify-content: center;\n gap: 10px;\n flex-wrap: wrap;\n}\n\n#html .cobre-secondary-btn {\n padding: 8px 12px;\n border-radius: 10px;\n border: 1px solid rgba(0,0,0,.18);\n cursor: pointer;\n user-select: none;\n display: inline-flex;\n align-items: center;\n gap: 8px;\n font-size: 14px;\n}\n\n#html #cobre-feedback-msg {\n margin-top: 12px;\n font-weight: 600;\n}\n\n#html .cobre-hidden {\n display: none !important;\n}\n\n#html .cobre-disabled {\n opacity: 0.55 !important;\n cursor: not-allowed !important;\n}","primaryColorVariable",{"_3103":3513,"_3108":3514},"--ui-primary-color-hover: var(--ui-primary-5);--ui-primary-color-active: var(--ui-primary-7);--ui-picker-basic-cell-hover-with-range-color: #000000;--ui-picker-date-hover-range-border-color: #0c2121;--ui-primary-base: rgba(38,109,108,1);--ui-primary-base-p: 38, 109, 108;--ui-primary-color-p: 38, 109, 108;--ui-primary-color: rgba(38,109,108,1);--ui-primary-10: #162929;--ui-primary-9: #1c3d3d;--ui-primary-8: #1f4a49;--ui-primary-7: #235b5a;--ui-primary-7-p: 35, 91, 90;--ui-primary-6: rgba(38,109,108,1);--ui-primary-6-p: 38, 109, 108;--ui-primary-5: #669493;--ui-primary-5-p: 102, 148, 147;--ui-primary-4: #98b7b6;--ui-primary-3: #bacece;--ui-primary-2: #d4e0e0;--ui-primary-1: #e5edec;--ui-primary-1-p: 229, 237, 236;--ui-primary-a: #edf3f2;--ui-primary-b: #f6f9f9;--g-color-primary: rgba(38,109,108,1);--ui-btn-primary-color: #fff;--ui-lime-6-p: 160,217,17;--ui-orange-6-p: 250,140,22;--ui-yellow-6-p: 250,219,20;--ui-pink-6-p: 235,47,150;--ui-body-background: #ffffff;--theme-tars-item-active-bg: var(--ui-tree-node-selected-bg);--ifm-menu-color: var(--ui-text-color-sub);--ifm-menu-color-active: var(--ui-text-color-sub);--ifm-menu-color-background-hover: var(--ui-item-hover-bg);--theme-tars-border-color-split: var(--ui-border-color-split);","--ui-primary-color-hover: var(--ui-primary-7);--ui-primary-color-active: var(--ui-primary-5);--ui-picker-basic-cell-hover-with-range-color: #000000;--ui-picker-date-hover-range-border-color: #0c2121;--ui-primary-base: rgba(38,109,108,1);--ui-primary-base-p: 38, 109, 108;--ui-primary-color-p: 38, 109, 108;--ui-primary-color: rgba(38,109,108,1);--ui-primary-10: #c2d4d4;--ui-primary-9: #669493;--ui-primary-8: #77a09e;--ui-primary-7: #558987;--ui-primary-7-p: 85, 137, 135;--ui-primary-6: rgba(38,109,108,1);--ui-primary-6-p: 38, 109, 108;--ui-primary-5: #265456;--ui-primary-5-p: 38, 84, 86;--ui-primary-4: #243f44;--ui-primary-3: #223238;--ui-primary-2: #202c32;--ui-primary-1: #1d222a;--ui-primary-1-p: 29, 34, 42;--ui-primary-a: #1c1f27;--ui-primary-b: #1b1c25;--g-color-primary: rgba(38,109,108,1);--ui-btn-primary-color: #fff;--ui-lime-6-p: 160,217,17;--ui-orange-6-p: 250,140,22;--ui-yellow-6-p: 250,219,20;--ui-pink-6-p: 235,47,150;--ui-body-background: #1a1922;--theme-tars-item-active-bg: var(--ui-tree-node-selected-bg);--ifm-menu-color: var(--ui-text-color-sub);--ifm-menu-color-active: var(--ui-text-color-sub);--ifm-menu-color-background-hover: var(--ui-item-hover-bg);--theme-tars-border-color-split: var(--ui-border-color-split);","routes/_index/route","actionData","errors"]

Information