// "Chat with docs" navbar menu: open all Gumloop docs in Gumloop, ChatGPT or Claude, // copy the prompt, or copy the docs MCP server URL. (function () { var PROMPT = "Read https://docs.gumloop.com/llms.txt. It is the index of all Gumloop documentation. " + "Use it to find and open the relevant pages (the links ending in .md) to answer my questions about Gumloop. " + "Always cite the page URLs you used. If the docs do not cover something, say so instead of guessing."; var MCP_URL = "https://docs.gumloop.com/mcp"; var q = encodeURIComponent(PROMPT); var ICONS = { gumloop: '', chat: '', chevron: '', openai: '', claude: '', copy: '', plug: '', check: '' }; var ITEMS = [ { icon: "gumloop", title: "Open in Gumloop", desc: "Ask Gumball about all Gumloop docs", href: "https://www.gumloop.com/gumball/chat?prompt=" + q }, { icon: "openai", title: "Open in ChatGPT", desc: "Ask questions about all Gumloop docs", href: "https://chatgpt.com/?hints=search&q=" + q }, { icon: "claude", title: "Open in Claude", desc: "Ask questions about all Gumloop docs", href: "https://claude.ai/new?q=" + q }, { icon: "copy", title: "Copy prompt", desc: "Paste it into any AI tool", copy: PROMPT }, { icon: "plug", title: "Copy MCP server URL", desc: "Connect the docs to Claude or Cursor", copy: MCP_URL } ]; function loadFont() { if (document.getElementById("gl-cwd-font")) return; var link = document.createElement("link"); link.id = "gl-cwd-font"; link.rel = "stylesheet"; link.href = "https://fonts.googleapis.com/css2?family=Geist:wght@400;500&display=swap"; document.head.appendChild(link); } function copyText(text) { if (navigator.clipboard && window.isSecureContext) return navigator.clipboard.writeText(text); return new Promise(function (resolve) { var ta = document.createElement("textarea"); ta.value = text; ta.setAttribute("readonly", ""); ta.style.position = "fixed"; ta.style.opacity = "0"; document.body.appendChild(ta); ta.select(); try { document.execCommand("copy"); } catch (e) {} document.body.removeChild(ta); resolve(); }); } function build() { var li = document.createElement("li"); li.className = "navbar-link gl-cwd"; var btn = document.createElement("button"); btn.type = "button"; btn.className = "gl-cwd-button"; btn.setAttribute("aria-haspopup", "menu"); btn.setAttribute("aria-expanded", "false"); btn.setAttribute("aria-label", "Chat with docs"); btn.title = "Chat with docs"; btn.innerHTML = ICONS.chat + "Chat with docs" + ICONS.chevron; var menu = document.createElement("div"); menu.className = "gl-cwd-menu"; menu.setAttribute("role", "menu"); menu.hidden = true; menu.innerHTML = '

Chat with all Gumloop docs in your own AI tool

'; ITEMS.forEach(function (item) { var el = document.createElement(item.href ? "a" : "button"); el.className = "gl-cwd-item"; el.setAttribute("role", "menuitem"); if (item.href) { el.href = item.href; el.target = "_blank"; el.rel = "noopener noreferrer"; } else { el.type = "button"; } el.innerHTML = '' + ICONS[item.icon] + "" + '' + item.title + "" + '' + item.desc + ""; el.addEventListener("click", function () { if (item.copy) { copyText(item.copy).then(function () { var title = el.querySelector(".gl-cwd-title"); var tile = el.querySelector(".gl-cwd-tile"); title.textContent = "Copied"; tile.innerHTML = ICONS.check; setTimeout(function () { title.textContent = item.title; tile.innerHTML = ICONS[item.icon]; }, 1500); }); return; } close(li); }); menu.appendChild(el); }); btn.addEventListener("click", function (e) { e.stopPropagation(); if (menu.hidden) open(li); else close(li); }); li.appendChild(btn); li.appendChild(menu); return li; } function open(li) { li.querySelector(".gl-cwd-menu").hidden = false; li.querySelector(".gl-cwd-button").setAttribute("aria-expanded", "true"); } function close(li) { li.querySelector(".gl-cwd-menu").hidden = true; li.querySelector(".gl-cwd-button").setAttribute("aria-expanded", "false"); } function closeAll() { document.querySelectorAll("li.gl-cwd").forEach(close); } function inject() { document.querySelectorAll("li.navbar-link").forEach(function (link) { var list = link.parentElement; if (!list || link.classList.contains("gl-cwd") || list.querySelector(":scope > li.gl-cwd")) return; list.insertBefore(build(), list.firstChild); }); } // When the header runs out of room (for example, with the assistant panel open), // collapse the button to its icon so the logo and search bar never overlap. function fit() { var items = document.querySelectorAll("li.gl-cwd"); if (!items.length) return; items.forEach(function (li) { li.classList.remove("gl-cwd-compact"); }); var logo = Array.prototype.find.call(document.querySelectorAll("img.nav-logo"), function (img) { return img.getBoundingClientRect().width > 0; }); var search = document.getElementById("search-bar-entry"); if (!logo || !search) return; if (logo.getBoundingClientRect().right > search.getBoundingClientRect().left - 8) { items.forEach(function (li) { li.classList.add("gl-cwd-compact"); }); } } document.addEventListener("click", function (e) { if (!e.target.closest || !e.target.closest("li.gl-cwd")) closeAll(); }); document.addEventListener("keydown", function (e) { if (e.key === "Escape") closeAll(); }); var fitQueued = false; function scheduleFit() { if (fitQueued) return; fitQueued = true; requestAnimationFrame(function () { fitQueued = false; fit(); }); } function start() { loadFont(); inject(); scheduleFit(); new MutationObserver(function () { inject(); scheduleFit(); }).observe(document.body, { childList: true, subtree: true }); if (window.ResizeObserver) new ResizeObserver(scheduleFit).observe(document.documentElement); window.addEventListener("resize", scheduleFit); } if (document.body) start(); else document.addEventListener("DOMContentLoaded", start); })();

Which should my agent use: connector, API, or browser?

Why is the browser turned off for me?

What if a website blocks my agent's browser?

Why does the agent keep getting signed out of a website?

How do I see what the agent is doing in the browser?