fix: copy markdown to work for mobile, use update honcho link, and fix appropriate width.

quartz/components/CopyPageMarkdown.tsx

@@ -116,7 +116,7 @@ const CopyPageMarkdown: QuartzComponent = ({ fileData, displayClass }: QuartzCom
             <path d="M59.16 50.47H31.98V56.31H59.16V50.47Z"></path>
           </svg>
           <div class="dropdown-item-content">
-            <span class="dropdown-item-title">{isHomePage ? "Ask Honcho about this blog" : "Ask Honcho about this page"} <span class="external-arrow">↗</span></span>
+            <span class="dropdown-item-title">{isHomePage ? "Ask Honcho Chat about this blog" : "Ask Honcho Chat about this page"} <span class="external-arrow">↗</span></span>
           </div>
         </a>
         <a

quartz/components/scripts/copypage.inline.ts

@@ -9,10 +9,9 @@ async function copyToClipboard(text: string): Promise<boolean> {
     return true
   } catch {
     // Fallback for mobile browsers
-    const textarea = Object.assign(document.createElement("textarea"), {
-      value: text,
-      style: "position:fixed;left:-9999px",
-    })
+    const textarea = document.createElement("textarea")
+    textarea.value = text
+    textarea.style.cssText = "position:fixed;left:-9999px;top:0"
     document.body.appendChild(textarea)
     textarea.select()
     const ok = document.execCommand("copy")
@@ -59,7 +58,7 @@ document.addEventListener("nav", () => {
     // Set the correct hrefs for Honcho, ChatGPT and Claude links
     if (honchoLink) {
       const prompt = `Read this page and answer questions about it: ${llmsUrl}`
-      honchoLink.href = `https://honcho.chat/?q=${encodeURIComponent(prompt)}`
+      honchoLink.href = `https://honcho.chat/?hints=search&q=${encodeURIComponent(prompt)}`
     }
     if (chatgptLink) {
       const prompt = `Read this page and answer questions about it: ${llmsUrl}`

quartz/components/styles/copypage.scss

@@ -40,7 +40,7 @@
   position: absolute;
   top: calc(100% + 4px);
   right: 0;
-  width: 280px;
+  width: max-content;
   background: var(--light);
   border: 1px solid var(--lightgray);
   border-radius: 8px;