@burdenoff/website-sdk 2026.829.6 → 2026.829.8

package/dist/components/explore.mjs

@@ -3365,6 +3365,7 @@ function ExplorePage({
   const fileInputRef = useRef(null);
   const stagedRef = useRef([]);
   stagedRef.current = staged;
+  const pickQueueRef = useRef(Promise.resolve());
   const [shareLabel, setShareLabel] = useState("Share");
   const [shareUrl, setShareUrl] = useState(null);
   const scrollRef = useRef(null);
@@ -3430,35 +3431,42 @@ function ExplorePage({
       setTimeout(() => setShareLabel("Share"), 2500);
       return;
     }
-    const base = (pageUrl ?? window.location.href).split("?")[0];
-    const url = `${base}?c=${encodeURIComponent(token)}`;
+    const url = new URL(pageUrl ?? window.location.href);
+    url.search = "";
+    url.hash = "";
+    url.searchParams.set("c", token);
+    const shareable = url.toString();
     try {
-      await navigator.clipboard.writeText(url);
+      await navigator.clipboard.writeText(shareable);
       setShareLabel("Copied");
       setTimeout(() => setShareLabel("Share"), 2500);
     } catch {
-      setShareUrl(url);
+      setShareUrl(shareable);
       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
-      );
+    (picked) => {
+      if (!picked || picked.length === 0) return pickQueueRef.current;
+      const files = Array.from(picked);
+      pickQueueRef.current = pickQueueRef.current.then(async () => {
+        const { accepted, rejected } = await stageFiles(
+          files,
+          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
+        );
+      });
+      return pickQueueRef.current;
     },
     [T]
   );