@burdenoff/website-sdk 2026.829.5 → 2026.829.6

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, Link2, History, Trash2, Mic, Square, ArrowUp, BookOpenText, Layers, TriangleAlert, ChevronLeft, ChevronRight, ExternalLink } from 'lucide-react';
+import { Sparkles, RotateCcw, Link2, History, Trash2, Paperclip, X, 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';
@@ -47,6 +47,12 @@ var EN = {
   disclaimerShort: "Grounded in our docs \u2014 check anything important.",
   dictate: "Dictate your question",
   stopDictating: "Stop dictating",
+  attach: "Attach files",
+  attachHint: "Up to {{max}} files, {{size}} MB each",
+  removeAttachment: "Remove {{name}}",
+  attachmentNameOnly: "name and type only",
+  attachmentTooLarge: "{{name}} is larger than {{size}} MB and was not attached.",
+  attachmentTooMany: "Only {{max}} files can be attached, so {{name}} was skipped.",
   noAnswer: "I couldn't find this in our documentation, so the answer below is not grounded in a source. Try rephrasing, or",
   askHuman: "ask a human",
   prevSuggestion: "Previous suggestion",
@@ -89,6 +95,12 @@ var ZH = {
   disclaimerShort: "\u5185\u5BB9\u57FA\u4E8E\u6211\u4EEC\u7684\u6587\u6863\uFF0C\u91CD\u8981\u4FE1\u606F\u8BF7\u81EA\u884C\u6838\u5BF9\u3002",
   dictate: "\u8BED\u97F3\u8F93\u5165",
   stopDictating: "\u505C\u6B62\u8BED\u97F3\u8F93\u5165",
+  attach: "\u6DFB\u52A0\u6587\u4EF6",
+  attachHint: "\u6700\u591A {{max}} \u4E2A\u6587\u4EF6\uFF0C\u6BCF\u4E2A\u4E0D\u8D85\u8FC7 {{size}} MB",
+  removeAttachment: "\u79FB\u9664 {{name}}",
+  attachmentNameOnly: "\u4EC5\u6587\u4EF6\u540D\u548C\u7C7B\u578B",
+  attachmentTooLarge: "{{name}} \u8D85\u8FC7 {{size}} MB\uFF0C\u672A\u80FD\u6DFB\u52A0\u3002",
+  attachmentTooMany: "\u6700\u591A\u53EA\u80FD\u6DFB\u52A0 {{max}} \u4E2A\u6587\u4EF6\uFF0C\u5DF2\u8DF3\u8FC7 {{name}}\u3002",
   noAnswer: "\u6211\u5728\u6587\u6863\u4E2D\u6CA1\u6709\u627E\u5230\u76F8\u5173\u5185\u5BB9\uFF0C\u4E0B\u9762\u7684\u56DE\u7B54\u6CA1\u6709\u6765\u6E90\u652F\u6301\u3002\u8BF7\u6362\u4E2A\u8BF4\u6CD5\uFF0C\u6216",
   askHuman: "\u8054\u7CFB\u6211\u4EEC",
   prevSuggestion: "\u4E0A\u4E00\u4E2A\u5EFA\u8BAE",
@@ -127,6 +139,12 @@ var HI = {
   disclaimerShort: "\u092F\u0939 \u0939\u092E\u093E\u0930\u0947 \u0926\u0938\u094D\u0924\u093E\u0935\u0947\u091C\u093C\u094B\u0902 \u092A\u0930 \u0906\u0927\u093E\u0930\u093F\u0924 \u0939\u0948 \u2014 \u092E\u0939\u0924\u094D\u0935\u092A\u0942\u0930\u094D\u0923 \u092C\u093E\u0924\u0947\u0902 \u091C\u093C\u0930\u0942\u0930 \u091C\u093E\u0901\u091A \u0932\u0947\u0902\u0964",
   dictate: "\u092C\u094B\u0932\u0915\u0930 \u092A\u0942\u091B\u0947\u0902",
   stopDictating: "\u092C\u094B\u0932\u0928\u093E \u092C\u0902\u0926 \u0915\u0930\u0947\u0902",
+  attach: "\u092B\u093C\u093E\u0907\u0932\u0947\u0902 \u091C\u094B\u0921\u093C\u0947\u0902",
+  attachHint: "\u0905\u0927\u093F\u0915\u0924\u092E {{max}} \u092B\u093C\u093E\u0907\u0932\u0947\u0902, \u092A\u094D\u0930\u0924\u094D\u092F\u0947\u0915 {{size}} MB \u0924\u0915",
+  removeAttachment: "{{name}} \u0939\u091F\u093E\u090F\u0901",
+  attachmentNameOnly: "\u0915\u0947\u0935\u0932 \u0928\u093E\u092E \u0914\u0930 \u092A\u094D\u0930\u0915\u093E\u0930",
+  attachmentTooLarge: "{{name}} {{size}} MB \u0938\u0947 \u092C\u0921\u093C\u0940 \u0939\u0948, \u0907\u0938\u0932\u093F\u090F \u091C\u094B\u0921\u093C\u0940 \u0928\u0939\u0940\u0902 \u0917\u0908\u0964",
+  attachmentTooMany: "\u0915\u0947\u0935\u0932 {{max}} \u092B\u093C\u093E\u0907\u0932\u0947\u0902 \u091C\u094B\u0921\u093C\u0940 \u091C\u093E \u0938\u0915\u0924\u0940 \u0939\u0948\u0902, \u0907\u0938\u0932\u093F\u090F {{name}} \u091B\u094B\u0921\u093C \u0926\u0940 \u0917\u0908\u0964",
   noAnswer: "\u092F\u0939 \u092E\u0941\u091D\u0947 \u0939\u092E\u093E\u0930\u0947 \u0926\u0938\u094D\u0924\u093E\u0935\u0947\u091C\u093C\u094B\u0902 \u092E\u0947\u0902 \u0928\u0939\u0940\u0902 \u092E\u093F\u0932\u093E, \u0907\u0938\u0932\u093F\u090F \u0928\u0940\u091A\u0947 \u0926\u093F\u092F\u093E \u0909\u0924\u094D\u0924\u0930 \u0915\u093F\u0938\u0940 \u0938\u094D\u0930\u094B\u0924 \u092A\u0930 \u0906\u0927\u093E\u0930\u093F\u0924 \u0928\u0939\u0940\u0902 \u0939\u0948\u0964 \u0926\u0942\u0938\u0930\u0947 \u0936\u092C\u094D\u0926\u094B\u0902 \u092E\u0947\u0902 \u092A\u0942\u091B\u0947\u0902, \u092F\u093E",
   askHuman: "\u0939\u092E\u0938\u0947 \u0938\u0902\u092A\u0930\u094D\u0915 \u0915\u0930\u0947\u0902",
   prevSuggestion: "\u092A\u093F\u091B\u0932\u093E \u0938\u0941\u091D\u093E\u0935",
@@ -169,6 +187,12 @@ var ES = {
   disclaimerShort: "Basado en nuestra documentaci\xF3n: comprueba cualquier dato importante.",
   dictate: "Dictar tu pregunta",
   stopDictating: "Dejar de dictar",
+  attach: "Adjuntar archivos",
+  attachHint: "Hasta {{max}} archivos, {{size}} MB cada uno",
+  removeAttachment: "Quitar {{name}}",
+  attachmentNameOnly: "solo nombre y tipo",
+  attachmentTooLarge: "{{name}} supera los {{size}} MB y no se adjunt\xF3.",
+  attachmentTooMany: "Solo se pueden adjuntar {{max}} archivos, as\xED que se omiti\xF3 {{name}}.",
   noAnswer: "No he encontrado esto en nuestra documentaci\xF3n, as\xED que la respuesta de abajo no se apoya en ninguna fuente. Prueba a reformularla, o",
   askHuman: "habla con una persona",
   prevSuggestion: "Sugerencia anterior",
@@ -211,6 +235,12 @@ var AR = {
   disclaimerShort: "\u0645\u0628\u0646\u064A \u0639\u0644\u0649 \u0648\u062B\u0627\u0626\u0642\u0646\u0627 \u2014 \u062A\u062D\u0642\u0651\u0642 \u0645\u0646 \u0623\u064A \u0645\u0639\u0644\u0648\u0645\u0629 \u0645\u0647\u0645\u0629.",
   dictate: "\u0623\u0645\u0644\u0650 \u0633\u0624\u0627\u0644\u0643",
   stopDictating: "\u0625\u064A\u0642\u0627\u0641 \u0627\u0644\u0625\u0645\u0644\u0627\u0621",
+  attach: "\u0625\u0631\u0641\u0627\u0642 \u0645\u0644\u0641\u0627\u062A",
+  attachHint: "\u062D\u062A\u0649 {{max}} \u0645\u0644\u0641\u0627\u062A\u060C \u0628\u062D\u062F \u0623\u0642\u0635\u0649 {{size}} \u0645\u064A\u063A\u0627\u0628\u0627\u064A\u062A \u0644\u0643\u0644 \u0645\u0644\u0641",
+  removeAttachment: "\u0625\u0632\u0627\u0644\u0629 {{name}}",
+  attachmentNameOnly: "\u0627\u0644\u0627\u0633\u0645 \u0648\u0627\u0644\u0646\u0648\u0639 \u0641\u0642\u0637",
+  attachmentTooLarge: "{{name}} \u0623\u0643\u0628\u0631 \u0645\u0646 {{size}} \u0645\u064A\u063A\u0627\u0628\u0627\u064A\u062A \u0648\u0644\u0645 \u064A\u062A\u0645 \u0625\u0631\u0641\u0627\u0642\u0647.",
+  attachmentTooMany: "\u064A\u0645\u0643\u0646 \u0625\u0631\u0641\u0627\u0642 {{max}} \u0645\u0644\u0641\u0627\u062A \u0641\u0642\u0637\u060C \u0644\u0630\u0627 \u062A\u0645 \u062A\u062E\u0637\u064A {{name}}.",
   noAnswer: "\u0644\u0645 \u0623\u062C\u062F \u0647\u0630\u0627 \u0641\u064A \u0648\u062B\u0627\u0626\u0642\u0646\u0627\u060C \u0644\u0630\u0627 \u0641\u0627\u0644\u0625\u062C\u0627\u0628\u0629 \u0623\u062F\u0646\u0627\u0647 \u063A\u064A\u0631 \u0645\u0633\u062A\u0646\u062F\u0629 \u0625\u0644\u0649 \u0645\u0635\u062F\u0631. \u062D\u0627\u0648\u0644 \u0625\u0639\u0627\u062F\u0629 \u0627\u0644\u0635\u064A\u0627\u063A\u0629\u060C \u0623\u0648",
   askHuman: "\u062A\u062D\u062F\u0651\u062B \u0625\u0644\u0649 \u0634\u062E\u0635",
   prevSuggestion: "\u0627\u0644\u0627\u0642\u062A\u0631\u0627\u062D \u0627\u0644\u0633\u0627\u0628\u0642",
@@ -253,6 +283,12 @@ var TA = {
   disclaimerShort: "\u0B8E\u0B99\u0BCD\u0B95\u0BB3\u0BCD \u0B86\u0BB5\u0BA3\u0B99\u0BCD\u0B95\u0BB3\u0BC8 \u0B85\u0B9F\u0BBF\u0BAA\u0BCD\u0BAA\u0B9F\u0BC8\u0BAF\u0BBE\u0B95\u0B95\u0BCD \u0B95\u0BCA\u0BA3\u0BCD\u0B9F\u0BA4\u0BC1 \u2014 \u0BAE\u0BC1\u0B95\u0BCD\u0B95\u0BBF\u0BAF\u0BAE\u0BBE\u0BA9\u0BA4\u0BC8\u0B9A\u0BCD \u0B9A\u0BB0\u0BBF\u0BAA\u0BBE\u0BB0\u0BCD\u0B95\u0BCD\u0B95\u0BB5\u0BC1\u0BAE\u0BCD.",
   dictate: "\u0B89\u0B99\u0BCD\u0B95\u0BB3\u0BCD \u0B95\u0BC7\u0BB3\u0BCD\u0BB5\u0BBF\u0BAF\u0BC8\u0BAA\u0BCD \u0BAA\u0BC7\u0B9A\u0BC1\u0B99\u0BCD\u0B95\u0BB3\u0BCD",
   stopDictating: "\u0BAA\u0BC7\u0B9A\u0BC1\u0BB5\u0BA4\u0BC8 \u0BA8\u0BBF\u0BB1\u0BC1\u0BA4\u0BCD\u0BA4\u0BC1",
+  attach: "\u0B95\u0BCB\u0BAA\u0BCD\u0BAA\u0BC1\u0B95\u0BB3\u0BC8 \u0B87\u0BA3\u0BC8\u0B95\u0BCD\u0B95",
+  attachHint: "\u0B85\u0BA4\u0BBF\u0B95\u0BAA\u0B9F\u0BCD\u0B9A\u0BAE\u0BCD {{max}} \u0B95\u0BCB\u0BAA\u0BCD\u0BAA\u0BC1\u0B95\u0BB3\u0BCD, \u0B92\u0BB5\u0BCD\u0BB5\u0BCA\u0BA9\u0BCD\u0BB1\u0BC1\u0BAE\u0BCD {{size}} MB \u0BB5\u0BB0\u0BC8",
+  removeAttachment: "{{name}} \u0B85\u0B95\u0BB1\u0BCD\u0BB1\u0BC1",
+  attachmentNameOnly: "\u0BAA\u0BC6\u0BAF\u0BB0\u0BC1\u0BAE\u0BCD \u0BB5\u0B95\u0BC8\u0BAF\u0BC1\u0BAE\u0BCD \u0BAE\u0B9F\u0BCD\u0B9F\u0BC1\u0BAE\u0BCD",
+  attachmentTooLarge: "{{name}} {{size}} MB-\u0B90 \u0BB5\u0BBF\u0B9F \u0BAA\u0BC6\u0BB0\u0BBF\u0BAF\u0BA4\u0BC1, \u0B8E\u0BA9\u0BB5\u0BC7 \u0B87\u0BA3\u0BC8\u0B95\u0BCD\u0B95\u0BAA\u0BCD\u0BAA\u0B9F\u0BB5\u0BBF\u0BB2\u0BCD\u0BB2\u0BC8.",
+  attachmentTooMany: "{{max}} \u0B95\u0BCB\u0BAA\u0BCD\u0BAA\u0BC1\u0B95\u0BB3\u0BCD \u0BAE\u0B9F\u0BCD\u0B9F\u0BC1\u0BAE\u0BC7 \u0B87\u0BA3\u0BC8\u0B95\u0BCD\u0B95 \u0BAE\u0BC1\u0B9F\u0BBF\u0BAF\u0BC1\u0BAE\u0BCD, \u0B8E\u0BA9\u0BB5\u0BC7 {{name}} \u0BA4\u0BB5\u0BBF\u0BB0\u0BCD\u0B95\u0BCD\u0B95\u0BAA\u0BCD\u0BAA\u0B9F\u0BCD\u0B9F\u0BA4\u0BC1.",
   noAnswer: "\u0B87\u0BA4\u0BC1 \u0B8E\u0B99\u0BCD\u0B95\u0BB3\u0BCD \u0B86\u0BB5\u0BA3\u0B99\u0BCD\u0B95\u0BB3\u0BBF\u0BB2\u0BCD \u0B95\u0BBF\u0B9F\u0BC8\u0B95\u0BCD\u0B95\u0BB5\u0BBF\u0BB2\u0BCD\u0BB2\u0BC8, \u0B8E\u0BA9\u0BB5\u0BC7 \u0B95\u0BC0\u0BB4\u0BC7 \u0B89\u0BB3\u0BCD\u0BB3 \u0BAA\u0BA4\u0BBF\u0BB2\u0BC1\u0B95\u0BCD\u0B95\u0BC1 \u0BAE\u0BC2\u0BB2\u0BAE\u0BCD \u0B87\u0BB2\u0BCD\u0BB2\u0BC8. \u0BB5\u0BC7\u0BB1\u0BC1 \u0BB5\u0B95\u0BC8\u0BAF\u0BBF\u0BB2\u0BCD \u0B95\u0BC7\u0BB3\u0BC1\u0B99\u0BCD\u0B95\u0BB3\u0BCD, \u0B85\u0BB2\u0BCD\u0BB2\u0BA4\u0BC1",
   askHuman: "\u0B8E\u0B99\u0BCD\u0B95\u0BB3\u0BC8\u0BA4\u0BCD \u0BA4\u0BCA\u0B9F\u0BB0\u0BCD\u0BAA\u0BC1 \u0B95\u0BCA\u0BB3\u0BCD\u0BB3\u0BC1\u0B99\u0BCD\u0B95\u0BB3\u0BCD",
   prevSuggestion: "\u0BAE\u0BC1\u0BA8\u0BCD\u0BA4\u0BC8\u0BAF \u0BAA\u0BB0\u0BBF\u0BA8\u0BCD\u0BA4\u0BC1\u0BB0\u0BC8",
@@ -756,6 +792,12 @@ var EXPLORE_MESSAGE_FIELDS = (
   }
   followUps
   answered
+  attachments {
+    name
+    mimeType
+    size
+    textExtracted
+  }
   errorCode
   createdAt
   completedAt
@@ -841,6 +883,16 @@ var CREATE_EXPLORE_SHARE_LINK_MUTATION = (
   }
 `
 );
+var EXPLORE_SHARED_CONVERSATION_QUERY = (
+  /* GraphQL */
+  `
+  query ExploreSharedConversation($shareToken: String!) {
+    exploreSharedConversation(shareToken: $shareToken) {
+      ${EXPLORE_MESSAGE_FIELDS}
+    }
+  }
+`
+);
 
 // src/data/products.ts
 var ECOSYSTEM_PRODUCTS = [
@@ -1291,6 +1343,14 @@ function readPersisted(key) {
     return null;
   }
 }
+function readShareToken() {
+  if (typeof window === "undefined") return null;
+  try {
+    return new URL(window.location.href).searchParams.get("c");
+  } catch {
+    return null;
+  }
+}
 function visibleText(message) {
   return message.content || message.partialContent || "";
 }
@@ -1329,10 +1389,18 @@ function useExploreChat(options = {}) {
   const pollGenerationRef = useRef(0);
   const pollTimerRef = useRef(null);
   const conversationTokenRef = useRef(null);
+  const shareTokenRef = useRef(void 0);
+  if (shareTokenRef.current === void 0) {
+    shareTokenRef.current = readShareToken();
+  }
+  const isSharedView = shareTokenRef.current !== null;
   const catalogRef = useRef(fallbackCatalog);
   const turnCountRef = useRef(0);
   const focusProductRef = useRef(null);
   const lastSentTextRef = useRef(null);
+  const lastSentAttachmentsRef = useRef(
+    []
+  );
   const inFlightRef = useRef(false);
   catalogRef.current = catalog;
   const clearPollTimer = useCallback(() => {
@@ -1357,6 +1425,43 @@ function useExploreChat(options = {}) {
     };
   }, []);
   useEffect(() => {
+    const shareToken = shareTokenRef.current;
+    if (!shareToken) return;
+    let cancelled = false;
+    setHydrated(true);
+    void client.query(
+      EXPLORE_SHARED_CONVERSATION_QUERY,
+      { shareToken },
+      { cache: false }
+    ).then((res) => {
+      if (cancelled || !mountedRef.current) return;
+      const shared = res?.data?.exploreSharedConversation;
+      if (shared && shared.length > 0) {
+        setMessages(shared);
+        return;
+      }
+      setError({
+        kind: "unknown",
+        code: "SHARE_NOT_FOUND",
+        message: "That shared conversation could not be found. The link may have expired.",
+        // Nothing to retry: a bad token will stay bad.
+        retryable: false
+      });
+    }).catch(() => {
+      if (cancelled || !mountedRef.current) return;
+      setError({
+        kind: "unknown",
+        code: "SHARE_NOT_FOUND",
+        message: "That shared conversation could not be loaded.",
+        retryable: true
+      });
+    });
+    return () => {
+      cancelled = true;
+    };
+  }, [client]);
+  useEffect(() => {
+    if (shareTokenRef.current !== null) return;
     if (!persist) {
       setHydrated(true);
       return;
@@ -1524,7 +1629,7 @@ function useExploreChat(options = {}) {
     [client, pollIntervalMs, pollTimeoutMs]
   );
   const submit = useCallback(
-    async (text, optimisticId, captchaAttempt) => {
+    async (text, optimisticId, captchaAttempt, attachments) => {
       const activeCatalog = catalogRef.current;
       let recaptchaToken;
       if (activeCatalog.captchaRequired && activeCatalog.recaptchaSiteKey) {
@@ -1542,7 +1647,8 @@ function useExploreChat(options = {}) {
         ...focusProductRef.current || productSlug ? { productSlug: focusProductRef.current ?? productSlug } : {},
         ...recaptchaToken ? { recaptchaToken } : {},
         ...locale ? { locale } : {},
-        ...pageUrl ? { pageUrl } : {}
+        ...pageUrl ? { pageUrl } : {},
+        ...attachments.length > 0 ? { attachments: [...attachments] } : {}
       };
       const res = await client.mutate(
         SEND_EXPLORE_MESSAGE_MUTATION,
@@ -1556,7 +1662,7 @@ function useExploreChat(options = {}) {
         const code = typeof first?.extensions?.code === "string" ? first.extensions.code : void 0;
         const classified = classifyExploreError(code, first?.message);
         if (classified.kind === "captcha" && captchaAttempt === 0) {
-          await submit(text, optimisticId, 1);
+          await submit(text, optimisticId, 1, attachments);
           return;
         }
         inFlightRef.current = false;
@@ -1593,7 +1699,7 @@ function useExploreChat(options = {}) {
     [client, locale, pageUrl, productSlug, startPolling]
   );
   const send = useCallback(
-    async (message) => {
+    async (message, attachments = []) => {
       const text = message.trim();
       if (!text) return;
       if (inFlightRef.current) return;
@@ -1623,6 +1729,7 @@ function useExploreChat(options = {}) {
       }
       inFlightRef.current = true;
       lastSentTextRef.current = text;
+      lastSentAttachmentsRef.current = attachments;
       setError(null);
       setPhase("sending");
       cancelPolling();
@@ -1645,7 +1752,7 @@ function useExploreChat(options = {}) {
       setTurnCount(turnCountRef.current);
       onSend?.(text);
       try {
-        await submit(text, optimistic.id, 0);
+        await submit(text, optimistic.id, 0, attachments);
       } catch (err) {
         if (!mountedRef.current) return;
         console.error("[WebSDK] Explore send failed", err);
@@ -1694,7 +1801,7 @@ function useExploreChat(options = {}) {
     });
     turnCountRef.current = Math.max(0, turnCountRef.current - 1);
     setTurnCount(turnCountRef.current);
-    void send(text);
+    void send(text, lastSentAttachmentsRef.current);
   }, [cancelPolling, send]);
   const reset = useCallback(() => {
     setArchive(
@@ -1708,6 +1815,7 @@ function useExploreChat(options = {}) {
     inFlightRef.current = false;
     conversationTokenRef.current = null;
     lastSentTextRef.current = null;
+    lastSentAttachmentsRef.current = [];
     turnCountRef.current = 0;
     setTurnCount(0);
     setMessages([]);
@@ -1816,7 +1924,8 @@ function useExploreChat(options = {}) {
     deleteConversation,
     clearHistory,
     recordClick,
-    createShareLink
+    createShareLink,
+    isSharedView
   };
 }
 var optimisticCounter = 0;
@@ -2200,6 +2309,145 @@ var Textarea = React.forwardRef(({ className, ...props }, ref) => {
   );
 });
 Textarea.displayName = "Textarea";
+
+// src/utils/explore-attachments.ts
+var MAX_ATTACHMENTS = 5;
+var MAX_ATTACHMENT_BYTES = 10 * 1024 * 1024;
+var MAX_TEXT_PER_ATTACHMENT = 2e4;
+var TEXT_EXTENSIONS = /* @__PURE__ */ new Set([
+  "txt",
+  "md",
+  "markdown",
+  "csv",
+  "tsv",
+  "json",
+  "jsonl",
+  "yaml",
+  "yml",
+  "toml",
+  "ini",
+  "cfg",
+  "conf",
+  "env",
+  "log",
+  "sql",
+  "graphql",
+  "gql",
+  "html",
+  "htm",
+  "xml",
+  "svg",
+  "css",
+  "scss",
+  "js",
+  "jsx",
+  "mjs",
+  "cjs",
+  "ts",
+  "tsx",
+  "py",
+  "rb",
+  "go",
+  "rs",
+  "java",
+  "kt",
+  "c",
+  "h",
+  "cpp",
+  "cs",
+  "php",
+  "sh",
+  "bash",
+  "zsh",
+  "ps1",
+  "dockerfile",
+  "tf",
+  "tfvars"
+]);
+function isTextualMimeType(mimeType) {
+  if (mimeType.startsWith("text/")) return true;
+  return mimeType === "application/json" || mimeType === "application/xml" || mimeType === "application/yaml" || mimeType === "application/x-yaml" || mimeType === "application/javascript" || mimeType === "application/graphql" || mimeType.endsWith("+json") || mimeType.endsWith("+xml");
+}
+function extensionOf(name) {
+  const dot = name.lastIndexOf(".");
+  if (dot <= 0 || dot === name.length - 1) return "";
+  return name.slice(dot + 1).toLowerCase();
+}
+function looksTextual(name, mimeType) {
+  if (isTextualMimeType(mimeType)) return true;
+  return TEXT_EXTENSIONS.has(extensionOf(name));
+}
+function isDecodedTextUsable(decoded) {
+  if (decoded.length === 0) return false;
+  if (decoded.includes("\0")) return false;
+  let replacements = 0;
+  for (const char of decoded) if (char === "\uFFFD") replacements += 1;
+  return replacements / decoded.length < 0.1;
+}
+function formatBytes(bytes) {
+  if (bytes < 1024) return `${bytes} B`;
+  if (bytes < 1024 * 1024) return `${Math.round(bytes / 1024)} KB`;
+  return `${(bytes / (1024 * 1024)).toFixed(1)} MB`;
+}
+var counter = 0;
+function nextId() {
+  counter += 1;
+  return `att-${counter}`;
+}
+async function readArrayBuffer(blob) {
+  if (typeof blob.arrayBuffer === "function") return blob.arrayBuffer();
+  return new Promise((resolve, reject) => {
+    const reader = new FileReader();
+    reader.onload = () => resolve(reader.result);
+    reader.onerror = () => reject(reader.error ?? new Error("file read failed"));
+    reader.readAsArrayBuffer(blob);
+  });
+}
+async function readTextPrefix(file) {
+  try {
+    const slice = file.slice(0, MAX_TEXT_PER_ATTACHMENT);
+    const buffer = await readArrayBuffer(slice);
+    const decoded = new TextDecoder("utf-8").decode(buffer);
+    return isDecodedTextUsable(decoded) ? decoded : null;
+  } catch {
+    return null;
+  }
+}
+async function stageFiles(files, alreadyStaged) {
+  const accepted = [];
+  const rejected = [];
+  let slots = MAX_ATTACHMENTS - alreadyStaged.length;
+  for (const file of files) {
+    if (slots <= 0) {
+      rejected.push({ name: file.name, reason: "too-many" });
+      continue;
+    }
+    if (file.size > MAX_ATTACHMENT_BYTES) {
+      rejected.push({ name: file.name, reason: "too-large" });
+      continue;
+    }
+    const mimeType = file.type || "application/octet-stream";
+    const textContent = looksTextual(file.name, mimeType) ? await readTextPrefix(file) : null;
+    accepted.push({
+      id: nextId(),
+      name: file.name,
+      mimeType,
+      size: file.size,
+      textContent,
+      textExtracted: textContent !== null
+    });
+    slots -= 1;
+  }
+  return { accepted, rejected };
+}
+function toPayload(staged) {
+  return staged.map(({ name, mimeType, size, textContent }) => ({
+    name,
+    mimeType,
+    size,
+    textContent
+  }));
+}
 var EXPLORE_CSS = `
 @keyframes boff-explore-pulse {
   0%, 80%, 100% { opacity: 0.25; transform: translateY(0); }
@@ -2548,15 +2796,45 @@ function ThinkingIndicator({ activity }) {
     }
   );
 }
-function UserBubble({ message }) {
-  return /* @__PURE__ */ jsx("div", { className: "flex justify-end", children: /* @__PURE__ */ jsx(
-    "div",
-    {
-      "data-boff-explore": "user",
-      className: "max-w-[85%] whitespace-pre-wrap break-words rounded-2xl rounded-br-md bg-primary px-4 py-2.5 text-sm leading-relaxed text-primary-foreground shadow-sm",
-      children: message.content
-    }
-  ) });
+function UserBubble({
+  strings: T,
+  message
+}) {
+  const attachments = message.attachments ?? [];
+  return /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-end gap-1.5", children: [
+    /* @__PURE__ */ jsx(
+      "div",
+      {
+        "data-boff-explore": "user",
+        className: "max-w-[85%] whitespace-pre-wrap break-words rounded-2xl rounded-br-md bg-primary px-4 py-2.5 text-sm leading-relaxed text-primary-foreground shadow-sm",
+        children: message.content
+      }
+    ),
+    attachments.length > 0 ? /* @__PURE__ */ jsx(
+      "ul",
+      {
+        "data-boff-explore": "user-attachments",
+        className: "flex max-w-[85%] flex-wrap justify-end gap-1.5",
+        children: attachments.map((attachment) => /* @__PURE__ */ jsxs(
+          "li",
+          {
+            "data-boff-explore": "user-attachment",
+            "data-text-extracted": attachment.textExtracted ? "true" : "false",
+            className: "flex max-w-full items-center gap-1.5 rounded-full border border-border bg-muted/60 px-2.5 py-1 text-xs text-muted-foreground",
+            children: [
+              /* @__PURE__ */ jsx(Paperclip, { className: "h-3 w-3 shrink-0" }),
+              /* @__PURE__ */ jsx("span", { className: "truncate", title: attachment.name, children: attachment.name }),
+              attachment.textExtracted ? null : /* @__PURE__ */ jsxs("span", { className: "shrink-0", children: [
+                "\xB7 ",
+                T.attachmentNameOnly
+              ] })
+            ]
+          },
+          `${attachment.name}-${attachment.size}`
+        ))
+      }
+    ) : null
+  ] });
 }
 function AssistantBubble({
   strings: T,
@@ -3055,7 +3333,8 @@ function ExplorePage({
     deleteConversation,
     clearHistory,
     recordClick,
-    createShareLink
+    createShareLink,
+    isSharedView
   } = useExploreChat({ productSlug, pageUrl, onSend, examplePrompts });
   const [draft, setDraft] = useState("");
   const textareaRef = useRef(null);
@@ -3081,6 +3360,11 @@ function ExplorePage({
   const T = useMemo(() => exploreStrings(activeLocale), [activeLocale]);
   const rtl = isRtlLocale(activeLocale);
   const [disclaimerOpen, setDisclaimerOpen] = useState(false);
+  const [staged, setStaged] = useState([]);
+  const [attachmentNotice, setAttachmentNotice] = useState(null);
+  const fileInputRef = useRef(null);
+  const stagedRef = useRef([]);
+  stagedRef.current = staged;
   const [shareLabel, setShareLabel] = useState("Share");
   const [shareUrl, setShareUrl] = useState(null);
   const scrollRef = useRef(null);
@@ -3157,13 +3441,40 @@ function ExplorePage({
       setShareLabel("Share");
     }
   }, [createShareLink, pageUrl]);
+  const handleFilesPicked = useCallback(
+    async (picked) => {
+      if (!picked || picked.length === 0) return;
+      const { accepted, rejected } = await stageFiles(
+        Array.from(picked),
+        stagedRef.current
+      );
+      setStaged((prev) => [...prev, ...accepted]);
+      const first = rejected[0];
+      setAttachmentNotice(
+        first ? first.reason === "too-large" ? fill(T.attachmentTooLarge, {
+          name: first.name,
+          size: String(MAX_ATTACHMENT_BYTES / (1024 * 1024))
+        }) : fill(T.attachmentTooMany, {
+          name: first.name,
+          max: String(MAX_ATTACHMENTS)
+        }) : null
+      );
+    },
+    [T]
+  );
+  const removeAttachment = useCallback((id) => {
+    setStaged((prev) => prev.filter((entry) => entry.id !== id));
+    setAttachmentNotice(null);
+  }, []);
   const submitDraft = useCallback(() => {
     const text = draft.trim();
     if (!text || overLimit || busy || !canSend) return;
     stopDictation();
     setDraft("");
     stickToBottomRef.current = true;
-    void send(text);
+    void send(text, toPayload(stagedRef.current));
+    setStaged([]);
+    setAttachmentNotice(null);
     textareaRef.current?.focus();
   }, [busy, canSend, draft, overLimit, send, stopDictation]);
   const sendPrompt = useCallback(
@@ -3171,7 +3482,9 @@ function ExplorePage({
       if (!canSend || busy) return;
       setDraft("");
       stickToBottomRef.current = true;
-      void send(prompt);
+      void send(prompt, toPayload(stagedRef.current));
+      setStaged([]);
+      setAttachmentNotice(null);
     },
     [busy, canSend, send]
   );
@@ -3184,7 +3497,9 @@ function ExplorePage({
     },
     [submitDraft]
   );
-  const composerDisabled = phase === "limited" || phase === "disabled" || !catalog.enabled;
+  const composerDisabled = phase === "limited" || phase === "disabled" || !catalog.enabled || // A share token grants read access only — the server would reject a send anyway, so
+  // disable it here rather than letting the visitor type into a dead composer.
+  isSharedView;
   const captchaOn = Boolean(
     catalog.captchaRequired && catalog.recaptchaSiteKey
   );
@@ -3378,7 +3693,7 @@ function ExplorePage({
                 disabled: !canSend || busy
               }
             ) : /* @__PURE__ */ jsx("div", { className: "mx-auto w-full min-w-0 max-w-3xl space-y-6 px-4 py-6", children: messages.map(
-              (message) => message.role === "USER" ? /* @__PURE__ */ jsx(UserBubble, { message }, message.id) : /* @__PURE__ */ jsx(
+              (message) => message.role === "USER" ? /* @__PURE__ */ jsx(UserBubble, { strings: T, message }, message.id) : /* @__PURE__ */ jsx(
                 AssistantBubble,
                 {
                   strings: T,
@@ -3402,6 +3717,33 @@ function ExplorePage({
             captchaOn
           }
         ),
+        isSharedView ? /* @__PURE__ */ jsxs(
+          "div",
+          {
+            "data-boff-explore": "shared-banner",
+            className: "mx-auto flex w-full max-w-3xl items-center gap-2 px-4 pb-2 text-xs text-muted-foreground",
+            children: [
+              /* @__PURE__ */ jsx(Link2, { className: "h-3.5 w-3.5 shrink-0" }),
+              /* @__PURE__ */ jsx("span", { className: "min-w-0 flex-1", children: "You are viewing a shared conversation. Start your own to ask a question." }),
+              /* @__PURE__ */ jsx(
+                "button",
+                {
+                  type: "button",
+                  "data-boff-explore": "shared-start-own",
+                  onClick: () => {
+                    if (typeof window !== "undefined") {
+                      const url = new URL(window.location.href);
+                      url.searchParams.delete("c");
+                      window.location.href = url.toString();
+                    }
+                  },
+                  className: "shrink-0 underline underline-offset-2 hover:text-foreground",
+                  children: "New chat"
+                }
+              )
+            ]
+          }
+        ) : null,
         /* @__PURE__ */ jsx("div", { className: "border-t border-border bg-background/85 px-4 pb-[max(1rem,env(safe-area-inset-bottom))] pt-3 backdrop-blur-md", children: /* @__PURE__ */ jsxs(
           "form",
           {
@@ -3413,6 +3755,51 @@ function ExplorePage({
             },
             children: [
               error ? /* @__PURE__ */ jsx(ErrorBanner, { error, onRetry: retry, onReset: reset }) : null,
+              staged.length > 0 ? /* @__PURE__ */ jsx(
+                "ul",
+                {
+                  "data-boff-explore": "attachments",
+                  className: "mb-2 flex flex-wrap gap-1.5",
+                  "aria-label": T.attach,
+                  children: staged.map((entry) => /* @__PURE__ */ jsxs(
+                    "li",
+                    {
+                      "data-boff-explore": "attachment",
+                      "data-text-extracted": entry.textExtracted ? "true" : "false",
+                      className: "flex max-w-full items-center gap-1.5 rounded-full border border-border bg-muted/60 py-1 pl-2.5 pr-1 text-xs",
+                      children: [
+                        /* @__PURE__ */ jsx(Paperclip, { className: "h-3 w-3 shrink-0 text-muted-foreground" }),
+                        /* @__PURE__ */ jsx("span", { className: "truncate font-medium", title: entry.name, children: entry.name }),
+                        /* @__PURE__ */ jsxs("span", { className: "shrink-0 text-muted-foreground", children: [
+                          formatBytes(entry.size),
+                          entry.textExtracted ? "" : ` \xB7 ${T.attachmentNameOnly}`
+                        ] }),
+                        /* @__PURE__ */ jsx(
+                          "button",
+                          {
+                            type: "button",
+                            "data-boff-explore": "attachment-remove",
+                            onClick: () => removeAttachment(entry.id),
+                            "aria-label": fill(T.removeAttachment, { name: entry.name }),
+                            className: "ml-0.5 flex h-5 w-5 shrink-0 items-center justify-center rounded-full text-muted-foreground transition-colors hover:bg-background hover:text-foreground",
+                            children: /* @__PURE__ */ jsx(X, { className: "h-3 w-3" })
+                          }
+                        )
+                      ]
+                    },
+                    entry.id
+                  ))
+                }
+              ) : null,
+              attachmentNotice !== null ? /* @__PURE__ */ jsx(
+                "p",
+                {
+                  "data-boff-explore": "attachment-notice",
+                  role: "status",
+                  className: "mb-2 text-xs text-destructive",
+                  children: attachmentNotice
+                }
+              ) : null,
               /* @__PURE__ */ jsxs(
                 "div",
                 {
@@ -3441,7 +3828,37 @@ function ExplorePage({
                         placeholder: composerDisabled ? phase === "limited" ? "Message limit reached \u2014 please try again later" : "Explore is unavailable right now" : focusedProductName ? fill(T.placeholderProduct, {
                           product: focusedProductName
                         }) : T.placeholder,
-                        className: "max-h-[200px] min-h-[44px] w-full min-w-0 flex-1 resize-none border-0 bg-transparent px-2 py-2.5 text-sm shadow-none focus-visible:ring-0 md:text-sm"
+                        className: "max-h-[200px] min-h-[44px] w-full min-w-0 flex-1 resize-none border-0 bg-transparent px-2 py-2.5 text-base shadow-none focus-visible:ring-0 sm:text-sm"
+                      }
+                    ),
+                    /* @__PURE__ */ jsx(
+                      "input",
+                      {
+                        ref: fileInputRef,
+                        type: "file",
+                        multiple: true,
+                        className: "hidden",
+                        onChange: (event) => {
+                          void handleFilesPicked(event.target.files);
+                          event.target.value = "";
+                        }
+                      }
+                    ),
+                    /* @__PURE__ */ jsx(
+                      Button,
+                      {
+                        "data-boff-explore": "attach",
+                        type: "button",
+                        size: "icon",
+                        variant: "ghost",
+                        disabled: composerDisabled || staged.length >= MAX_ATTACHMENTS,
+                        "aria-label": T.attach,
+                        title: `${T.attach} \u2014 ${fill(T.attachHint, {
+                          max: String(MAX_ATTACHMENTS),
+                          size: String(MAX_ATTACHMENT_BYTES / (1024 * 1024))
+                        })}`,
+                        onClick: () => fileInputRef.current?.click(),
+                        children: /* @__PURE__ */ jsx(Paperclip, { className: "h-4 w-4" })
                       }
                     ),
                     speech.supported ? /* @__PURE__ */ jsx(