${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\n // Never mount inside schema components (extra safety)\n if (mount.closest && mount.closest('[data-markdown-component=\"schema\"], [class*=\"schema\"], [class*=\"Schema\"]')) {\n return;\n }\n\n const wrapper = document.createElement(\"div\");\n wrapper.innerHTML = buildWidgetHTML();\n\n // Append at end of the mount\n const widget = wrapper.firstElementChild;\n\n // If footer exists, insert above it\n const footer = document.querySelector(\"footer\") \n || document.querySelector('[class*=\"footer\"], [class*=\"Footer\"]');\n\n if (footer && footer.parentNode) {\n footer.parentNode.insertBefore(widget, footer);\n } else {\n mount.appendChild(widget);\n }\n\n}\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: #c1bec2 !important;\n font-style: italic;\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}\n\n/* =========================\n Responsive docs rendering\n ========================= */\n\n/* Prevent horizontal overflow caused by long strings */\n#html html,\n#html body {\n max-width: 100%;\n}\n\n/* Make doc content breathe on small screens */\n#html .markdown-body,\n#html .g-doc-content,\n#html .g-content,\n#html .doc-content,\n#html .apidog-doc-content {\n max-width: 980px;\n margin: 0 auto;\n padding-left: 16px;\n padding-right: 16px;\n}\n\n/* Images and SVGs should never overflow */\n#html .markdown-body img,\n#html .g-doc-content img,\n#html .g-content img,\n#html .markdown-body svg,\n#html .g-doc-content svg,\n#html .g-content svg {\n max-width: 100% !important;\n height: auto !important;\n}\n\n/* Code blocks: allow horizontal scroll (better than breaking code) */\n#html .markdown-body pre,\n#html .g-doc-content pre,\n#html .g-content pre {\n max-width: 100%;\n overflow-x: auto;\n -webkit-overflow-scrolling: touch;\n}\n\n/* Inline code/long tokens/URLs: wrap instead of pushing layout */\n#html .markdown-body code,\n#html .g-doc-content code,\n#html .g-content code,\n#html .markdown-body a,\n#html .g-doc-content a,\n#html .g-content a {\n overflow-wrap: anywhere;\n word-break: break-word;\n}\n\n/* Make CTA buttons responsive */\n#html a.cta-button {\n max-width: 100%;\n flex-wrap: wrap;\n text-align: center;\n}\n\n@media (max-width: 768px) {\n /* Reduce padding on phones */\n #html .markdown-body,\n #html .g-doc-content,\n #html .g-content,\n #html .doc-content,\n #html .apidog-doc-content {\n padding-left: 12px;\n padding-right: 12px;\n }\n\n /* Headings scale down slightly */\n #html h1 { font-size: 28px !important; line-height: 1.2 !important; }\n #html h2 { font-size: 22px !important; line-height: 1.25 !important; }\n\n /* Feedback widget fits nicely on mobile */\n #html #cobre-feedback-widget {\n max-width: 100% !important;\n margin-left: 12px !important;\n margin-right: 12px !important;\n }\n\n /* Pills/buttons wrap cleanly */\n #html #cobre-feedback-actions,\n #html #cobre-missing-options {\n gap: 10px !important;\n }\n}\n/* =========================\n Hero CTA layout\n ========================= */\n\n#html .hero-cta-wrap {\n display: flex;\n justify-content: center;\n gap: 16px;\n margin-top: 24px;\n}\n\n/* Stack on tablet + mobile (iPad included) */\n@media (max-width: 1024px) {\n #html .hero-cta-wrap {\n flex-direction: column !important;\n align-items: center !important;\n gap: 14px !important;\n }\n\n #html .hero-cta {\n width: 100% !important;\n max-width: 420px !important; /* a bit wider for iPad */\n min-width: 0 !important;\n justify-content: center !important;\n white-space: nowrap !important; /* prevent label from breaking */\n }\n}\n\n/* =========================\n Responsive CardGroup\n ========================= */\n\n/* Mobile: 1 column */\n@media (max-width: 600px) {\n #html div[data-markdown-component=\"x-card-group\"] {\n grid-template-columns: repeat(1, minmax(0, 1fr)) !important;\n gap: 14px !important;\n }\n}\n\n/* Tablet: 2 columns */\n@media (min-width: 601px) and (max-width: 1024px) {\n #html div[data-markdown-component=\"x-card-group\"] {\n grid-template-columns: repeat(2, minmax(0, 1fr)) !important;\n gap: 16px !important;\n }\n}\n\n#html div[data-markdown-component=\"x-card\"] {\n overflow-wrap: anywhere;\n word-break: break-word;\n}\n\n/* =========================\n Wide screen layout (remove gutters)\n ========================= */\n\n/* Let the main doc area grow on wide screens */\n@media (min-width: 1280px) {\n #html .g-doc-content,\n #html .g-content,\n #html .doc-content,\n #html .apidog-doc-content,\n #html .markdown-body,\n #html main,\n #html [role=\"main\"] {\n max-width: none !important; /* removes the cap */\n width: auto !important;\n }\n\n /* Expand the inner content block to use more of the available space */\n #html .g-doc-content,\n #html .g-content,\n #html .doc-content,\n #html .apidog-doc-content,\n #html .markdown-body {\n margin-left: 0 !important;\n margin-right: 0 !important;\n padding-left: 32px !important;\n padding-right: 32px !important;\n }\n}\n\n @media (min-width: 1560px) {\n #html .SplitPane.vertical.mx-auto.w-full.max-w-\\[1560px\\] {\n max-width: none !important;\n width: 100% !important;\n }\n}\n\n\n\n\n\n\n\n\n\n","primaryColorVariable",{"_4037":4431,"_4042":4432},"--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"]

Untitled Doc