@burdenoff/website-sdk 2026.829.6 → 2026.829.7

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);
@@ -3442,23 +3443,27 @@ function ExplorePage({
     }
   }, [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]
   );