4c:I[707087,["/_next/static/immutable/chunks/3arlv5bvukoo2.js","/_next/static/immutable/chunks/39v64hmfyo-sr.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/3upr08c9vtj8w.js","/_next/static/immutable/chunks/2rwy6tq861e-y.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/2hlz_ivp-qrnh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2zoahorp76dll.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/1_kyvgkyokw92.js","/_next/static/immutable/chunks/1d0aij627lbx2.js","/_next/static/immutable/chunks/1ud4fi_ghnsx-.js"],"RegistryDependencies"] 4d:I[314491,["/_next/static/immutable/chunks/3arlv5bvukoo2.js","/_next/static/immutable/chunks/39v64hmfyo-sr.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/3upr08c9vtj8w.js","/_next/static/immutable/chunks/2rwy6tq861e-y.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/2hlz_ivp-qrnh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2zoahorp76dll.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/1_kyvgkyokw92.js","/_next/static/immutable/chunks/1d0aij627lbx2.js","/_next/static/immutable/chunks/1ud4fi_ghnsx-.js"],"FilesView"] 4e:T150b,"use client" import * as React from "react" import { Check, ChevronDown, Copy, FileText } from "lucide-react" import { cn } from "@/lib/utils" export type AiDestination = { id: string name: string /** Builds the address opened for this destination. */ href: (prompt: string) => string icon?: React.ReactNode } export type CopyForAiProps = Omit< React.HTMLAttributes, "children" > & { /** The page as markdown. This is what the main button copies. */ markdown: string /** Where the same markdown is served, for reading and for handing to an assistant. */ markdownUrl?: string /** The instruction sent to a destination. Defaults to reading the markdown. */ prompt?: string destinations?: readonly AiDestination[] copyLabel?: string copiedLabel?: string viewLabel?: string menuLabel?: string } export const defaultDestinations: readonly AiDestination[] = [ { id: "chatgpt", name: "ChatGPT", href: (prompt) => `https://chatgpt.com/?hints=search&q=${encodeURIComponent(prompt)}`, }, { id: "claude", name: "Claude", href: (prompt) => `https://claude.ai/new?q=${encodeURIComponent(prompt)}`, }, ] export function CopyForAi({ markdown, markdownUrl, prompt, destinations = defaultDestinations, copyLabel = "Copy page", copiedLabel = "Copied", viewLabel = "View as Markdown", menuLabel = "More page actions", className, ...rootProps }: CopyForAiProps) { const [copyState, setCopyState] = React.useState<"idle" | "copied" | "error">( "idle" ) const [open, setOpen] = React.useState(false) const rootRef = React.useRef(null) const instruction = prompt ?? (markdownUrl ? `Read ${markdownUrl}.` : markdown) React.useEffect(() => { if (!open) return const close = (event: MouseEvent) => { if (!rootRef.current?.contains(event.target as Node)) setOpen(false) } const onEscape = (event: KeyboardEvent) => { if (event.key === "Escape") setOpen(false) } document.addEventListener("pointerdown", close) document.addEventListener("keydown", onEscape) return () => { document.removeEventListener("pointerdown", close) document.removeEventListener("keydown", onEscape) } }, [open]) const copy = async () => { try { await navigator.clipboard.writeText(markdown) setCopyState("copied") } catch { // Denied permission, an insecure context, or a sandboxed frame. setCopyState("error") } setOpen(false) window.setTimeout(() => setCopyState("idle"), 1400) } const item = "hover:bg-muted flex items-center gap-2.5 rounded-[calc(var(--radius)-0.25rem)] px-2.5 py-2 text-sm whitespace-nowrap text-inherit no-underline transition-colors duration-150 motion-reduce:transition-none" return (

{open ? ( ) : null} {copyState === "copied" ? "Page markdown copied." : ""}

) } 4b:["$","div",null,{"className":"mt-3 flex min-h-0 min-w-0 flex-1 flex-col gap-3","children":[["$","div",null,{"className":"flex shrink-0 items-start gap-3","children":[["$","div",null,{"className":"flex max-h-28 min-w-0 flex-1 flex-wrap items-center gap-2 overflow-y-auto","children":[["$","ul",null,{"className":"flex min-w-0 flex-wrap gap-2","aria-label":"Package dependencies","children":[["$","li","lucide-react@^1.31.0",{"className":"min-w-0 max-w-full","children":["$","a",null,{"href":"https://www.npmjs.com/package/lucide-react","target":"_blank","rel":"noopener noreferrer","className":"flex max-w-full min-w-0 items-center gap-1.5 rounded-md border px-2 py-1.5 text-xs","children":[["$","svg",null,{"viewBox":"0 0 24 24","className":"size-3 shrink-0","children":["$","path",null,{"d":"M1.763 0C.786 0 0 .786 0 1.763v20.474C0 23.214.786 24 1.763 24h20.474c.977 0 1.763-.786 1.763-1.763V1.763C24 .786 23.214 0 22.237 0zM5.13 5.323l13.837.019-.009 13.836h-3.464l.01-10.382h-3.456L12.04 19.17H5.113z","fill":"currentColor"}]}],["$","span",null,{"className":"min-w-0 break-all text-xs font-medium","children":"lucide-react@^1.31.0"}]]}]}]]}],["$","$L4c",null,{"namespace":"@mischief","registryDependencies":["utils"]}]]}],null]}],["$","$L4d",null,{"files":[{"path":"registry/default/copy-for-ai/copy-for-ai.tsx","content":"$4e","type":"registry:ui"}],"className":"h-[70svh] min-h-80"}]]}]