fix: open in llm dropdown (#23145)

## Description
- The original implementation was trying to pass the entire content of
the documentation page through the URL parameters
- Web servers/browsers have limits on URLs
- Instead of passing the whole page as a URL parameter, the fix prompts
Claude with a reference to the markdown file, putting the fetching and
parsing onto the LLM, not the browser (which can't handle long
files/pages)
- Removing ChatGPT option, as OpenAI appears to no longer support
reading RAW markdown files (I tested this using our site and several
other docs sites)

## Related issues or tickets
Fixes #23144

## Reviews
- [ ] Editorial review

## Testing
Claude
<img width="893" height="711" alt="image"
src="https://github.com/user-attachments/assets/78fdafcd-4d7a-465e-b19d-a7f9c3eed326"
/>

Author: sarahsanders-docker

hugo_stats.json

@@ -4,7 +4,6 @@
     "classes": [
       "--mount",
       "--tmpfs",
-      "-mr-20",
       "-mt-0.5",
       "-mt-8",
       "-top-10",
@@ -193,7 +192,6 @@
       "border-blue",
       "border-divider-light",
       "border-gray-200",
-      "border-gray-300",
       "border-gray-400",
       "border-green-400",
       "border-l-2",
@@ -239,9 +237,7 @@
       "dark:block",
       "dark:border-b-blue-600",
       "dark:border-divider-dark",
-      "dark:border-gray-100",
       "dark:border-gray-400",
-      "dark:border-gray-50",
       "dark:border-gray-700",
       "dark:border-green-400",
       "dark:border-l-magenta-dark",
@@ -266,7 +262,6 @@
       "dark:text-blue-700",
       "dark:text-divider-dark",
       "dark:text-gray",
-      "dark:text-gray-100",
       "dark:text-gray-200",
       "dark:text-gray-300",
       "dark:text-gray-400",
@@ -554,7 +549,6 @@
       "text-gray-300",
       "text-gray-400",
       "text-gray-500",
-      "text-gray-600",
       "text-gray-800",
       "text-left",
       "text-lg",
@@ -579,7 +573,6 @@
       "underline-offset-2",
       "w-2",
       "w-5",
-      "w-56",
       "w-65",
       "w-8",
       "w-[1200px]",

layouts/partials/md-dropdown.html

@@ -57,19 +57,7 @@
           <div class="text-base">Ask questions with Docs AI</div>
         </div>
       </button>
-       <button
-        onclick="openInChatGPT()"
-        data-heap-id="search-docs-ai-button"
-        class="sub-button"
-      >
-        <span class="icon-svg mt-[2px] text-base leading-none">
-          {{ partial "icon" "/icons/openai.svg" }}
-        </span>
-        <div class="leading-tight">
-          <div class="text-base">Open in ChatGPT</div>
-        </div>
-      </button>
-
+      {{ if eq hugo.Environment "production" }}
        <button
         onclick="openInClaude()"
         data-heap-id="search-docs-ai-button"
@@ -82,11 +70,12 @@
           <div class="text-base">Open in Claude</div>
         </div>
       </button>
+      {{ end }}
 
     </div>
   </details>
 
-  <script>
+<script>
     function getCurrentPlaintextUrl() {
       const url = window.location.href.split("#")[0].replace(/\/$/, "");
       return `${url}/index.md`;
@@ -131,41 +120,11 @@
       }
     }
 
-    function openInChatGPT() {
-      fetch(getCurrentPlaintextUrl())
-        .then((response) => response.text())
-        .then((text) => {
-          const encodedText = encodeURIComponent(text);
-          const chatGPTUrl = `https://chat.openai.com/?q=${encodedText}`;
-          window.open(chatGPTUrl, "_blank");
-        })
-        .catch((err) => {
-          console.error("Error opening in ChatGPT:", err);
-        });
-    }
-
     function openInClaude() {
-      fetch(getCurrentPlaintextUrl())
-        .then((response) => response.text())
-        .then((text) => {
-          const encodedText = encodeURIComponent(text);
-        const claudeUrl = `https://claude.ai/new?q=${encodedText}`;https://claude.ai/new?q=%22hey%22
-        window.open(claudeUrl, '_blank');
-        })
-        .catch((err) => {
-          console.error("Error opening in Claude:", err);
-        });
+      const markdownUrl = getCurrentPlaintextUrl();
+      const prompt = `Read ${markdownUrl} so I can ask questions about it.`;
+      const encodedText = encodeURIComponent(prompt);
+      const claudeUrl = `https://claude.ai/new?q=${encodedText}`;
+      window.open(claudeUrl, '_blank');
     }
-
-    document.addEventListener("click", function (event) {
-      const dropdown = document.getElementById("markdownDropdown");
-
-      if (!dropdown) return;
-
-      const isClickInside = dropdown.contains(event.target);
-
-      if (!isClickInside && dropdown.hasAttribute("open")) {
-        dropdown.removeAttribute("open");
-      }
-    });
   </script>