@burdenoff/website-sdk 2026.829.2 → 2026.829.4

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,8 @@ function ExplorePage({
   });
   speechStopRef.current = speech.stop;
   const [disclaimerOpen, setDisclaimerOpen] = useState(false);
+  const [shareLabel, setShareLabel] = useState("Share");
+  const [shareUrl, setShareUrl] = useState(null);
   const scrollRef = useRef(null);
   const latestAssistantRef = useRef(null);
   const alignedForRef = useRef(null);
@@ -2714,6 +2738,26 @@ function ExplorePage({
     if (!el) return;
     el.scrollTop = el.scrollHeight;
   }, [activity, latestAssistantId, messages]);
+  const handleShare = useCallback(async () => {
+    setShareLabel("Copying\u2026");
+    setShareUrl(null);
+    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");
+      setTimeout(() => setShareLabel("Share"), 2500);
+    } catch {
+      setShareUrl(url);
+      setShareLabel("Share");
+    }
+  }, [createShareLink, pageUrl]);
   const submitDraft = useCallback(() => {
     const text = draft.trim();
     if (!text || overLimit || busy || !canSend) return;
@@ -2796,6 +2840,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,
             {
@@ -3058,6 +3120,28 @@ function ExplorePage({
                   }
                 )
               ] }),
+              shareUrl ? /* @__PURE__ */ jsxs("div", { className: "mt-2 flex items-center gap-2", children: [
+                /* @__PURE__ */ jsx(
+                  "input",
+                  {
+                    "data-boff-explore": "share-url",
+                    readOnly: true,
+                    value: shareUrl,
+                    "aria-label": "Read-only link to this conversation",
+                    onFocus: (event) => event.currentTarget.select(),
+                    className: "min-w-0 flex-1 rounded-md border border-border bg-muted px-2 py-1 text-xs text-muted-foreground"
+                  }
+                ),
+                /* @__PURE__ */ jsx(
+                  "button",
+                  {
+                    type: "button",
+                    className: "shrink-0 text-xs underline underline-offset-2",
+                    onClick: () => setShareUrl(null),
+                    children: "Done"
+                  }
+                )
+              ] }) : null,
               /* @__PURE__ */ jsxs("div", { className: "mt-2 flex flex-wrap items-center gap-x-3 gap-y-1 text-xs text-muted-foreground", children: [
                 /* @__PURE__ */ jsx("span", { className: "min-w-0 truncate", children: "Grounded in our docs \u2014 check anything important." }),
                 /* @__PURE__ */ jsx(