@burdenoff/website-sdk 2026.829.2 → 2026.829.3

package/dist/components/explore.mjs

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { createContext, useMemo, useState, useRef, useCallback, useEffect, useContext } from 'react';
-import { Sparkles, RotateCcw, History, Trash2, Mic, Square, ArrowUp, BookOpenText, Layers, Link2, TriangleAlert, ChevronLeft, ChevronRight, ExternalLink } from 'lucide-react';
+import { Sparkles, RotateCcw, Link2, History, Trash2, Mic, Square, ArrowUp, BookOpenText, Layers, TriangleAlert, ChevronLeft, ChevronRight, ExternalLink } from 'lucide-react';
 import ReactMarkdown from 'react-markdown';
 import rehypeSanitize from 'rehype-sanitize';
 import remarkGfm from 'remark-gfm';
@@ -548,6 +548,16 @@ var RECORD_EXPLORE_CLICK_MUTATION = (
   }
 `
 );
+var CREATE_EXPLORE_SHARE_LINK_MUTATION = (
+  /* GraphQL */
+  `
+  mutation CreateExploreShareLink($conversationToken: String!) {
+    createExploreShareLink(conversationToken: $conversationToken) {
+      shareToken
+    }
+  }
+`
+);
 
 // src/data/products.ts
 var ECOSYSTEM_PRODUCTS = [
@@ -1480,6 +1490,16 @@ function useExploreChat(options = {}) {
     return null;
   }, [messages]);
   const canSend = (phase === "ready" || phase === "error") && catalog.enabled && turnCount < catalog.limits.maxTurnsPerConversation;
+  const createShareLink = useCallback(async () => {
+    const token = conversationTokenRef.current;
+    if (!token) return null;
+    try {
+      const result = await client.mutate(CREATE_EXPLORE_SHARE_LINK_MUTATION, { conversationToken: token });
+      return result?.data?.createExploreShareLink?.shareToken ?? null;
+    } catch {
+      return null;
+    }
+  }, [client]);
   const recordClick = useCallback(
     (messageId, kind, url) => {
       const token = conversationTokenRef.current;
@@ -1512,7 +1532,8 @@ function useExploreChat(options = {}) {
     openConversation,
     deleteConversation,
     clearHistory,
-    recordClick
+    recordClick,
+    createShareLink
   };
 }
 var optimisticCounter = 0;
@@ -2640,7 +2661,8 @@ function ExplorePage({
     openConversation,
     deleteConversation,
     clearHistory,
-    recordClick
+    recordClick,
+    createShareLink
   } = useExploreChat({ productSlug, pageUrl, onSend, examplePrompts });
   const [draft, setDraft] = useState("");
   const textareaRef = useRef(null);
@@ -2660,6 +2682,7 @@ function ExplorePage({
   });
   speechStopRef.current = speech.stop;
   const [disclaimerOpen, setDisclaimerOpen] = useState(false);
+  const [shareLabel, setShareLabel] = useState("Share");
   const scrollRef = useRef(null);
   const latestAssistantRef = useRef(null);
   const alignedForRef = useRef(null);
@@ -2714,6 +2737,25 @@ function ExplorePage({
     if (!el) return;
     el.scrollTop = el.scrollHeight;
   }, [activity, latestAssistantId, messages]);
+  const handleShare = useCallback(async () => {
+    setShareLabel("Copying\u2026");
+    const token = await createShareLink();
+    if (!token) {
+      setShareLabel("Unavailable");
+      setTimeout(() => setShareLabel("Share"), 2500);
+      return;
+    }
+    const base = (pageUrl ?? window.location.href).split("?")[0];
+    const url = `${base}?c=${encodeURIComponent(token)}`;
+    try {
+      await navigator.clipboard.writeText(url);
+      setShareLabel("Copied");
+    } catch {
+      window.prompt("Copy this link", url);
+      setShareLabel("Share");
+    }
+    setTimeout(() => setShareLabel("Share"), 2500);
+  }, [createShareLink, pageUrl]);
   const submitDraft = useCallback(() => {
     const text = draft.trim();
     if (!text || overLimit || busy || !canSend) return;
@@ -2796,6 +2838,24 @@ function ExplorePage({
               ]
             }
           ),
+          messages.length > 0 ? /* @__PURE__ */ jsxs(
+            Button,
+            {
+              "data-boff-explore": "share",
+              type: "button",
+              size: "sm",
+              variant: "ghost",
+              className: "shrink-0 text-muted-foreground",
+              title: "Copy a read-only link to this conversation",
+              onClick: () => {
+                void handleShare();
+              },
+              children: [
+                /* @__PURE__ */ jsx(Link2, { className: "h-3.5 w-3.5" }),
+                /* @__PURE__ */ jsx("span", { className: "hidden sm:inline", children: shareLabel })
+              ]
+            }
+          ) : null,
           history.length > 0 ? /* @__PURE__ */ jsxs(
             Button,
             {