@arbidocs/react 0.5.42 → 0.5.44

package/dist/ui/index.js

@@ -1,8 +1,8 @@
-export { ARBI_MARK_SRC, AgentBadge, AiMarkdown, ArbiIcon, BASE_COLORS, Badge, COLUMN_LABEL_FALLBACKS, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Checkbox, Collapsible, CollapsibleContent, CollapsibleTrigger, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, DEFAULT_METADATA_TAGS, DebouncedInput, DocumentCard, DocumentEntity, ENTITY_MAPPINGS, EntityIcon, EntityPill, HoverCard, HoverCardContent, HoverCardTrigger, IconToggle, Input, Label, MarkMenu, NEUTRAL_GRAY, PLACEHOLDER_COLOR, PassageCard, Popover, PopoverAnchor, PopoverClose, PopoverContent, PopoverTrigger, PresenceLabel, Progress, ProjectEntity, ProviderIcon, RadioGroup, RadioGroupItem, RagDot, RelevanceDot, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, ShieldIcon, Slider, StatusPill, Switch, TAG_TYPE_ICONS, TAG_TYPE_LABELS, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, TagEntity, Textarea, ThreadVisibilityIcon, Toggle, ToggleGroup, ToggleGroupItem, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, UserEntity, UserMenu, VISIBILITY_ICONS, VerifiedBadge, VerifiedToggle, VisibilityIcon, VisibilityToggle, agentAvatarColors, badgeVariants, buildFolderTree, canonicalFolderPath, cardVariants, configureEntityRegistry, configureRagLabels, configureStatusRegistry, entityNoun, extensionFromMime, formatDocDate, formatFolderLabel, formatFriendlyDate, friendlyFileType, getDocIcon, getDocumentAuthor, getDocumentDate, getDocumentNature, getDocumentSubject, getDocumentTitle, getEntityColor, getEntityColorStyles, getEntityIcon, getEntityLabel, getFileExtension, getFileTypeIcon, getStatusVariant, getTagTypeIcon, getTagTypeLabel, getWorkspaceColor, isAudioFile, isDocumentAddableToConversation, isDownloadOnlyFile, isImageDocument, isImageFile, isMediaFile, isVideoFile, markdownToPlainText, markdownToPlainTextBlocks, tagKindNouns, tagKindTitle, toggleVariants, useDictateContext, usesOriginalBytesForViewer } from '../chunk-KUGZXI7V.js';
+export { ARBI_MARK_SRC, AgentBadge, AiMarkdown, ArbiIcon, BASE_COLORS, Badge, COLUMN_LABEL_FALLBACKS, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Checkbox, Collapsible, CollapsibleContent, CollapsibleTrigger, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, DEFAULT_METADATA_TAGS, DebouncedInput, DocumentCard, DocumentEntity, ENTITY_MAPPINGS, EntityIcon, EntityPill, HoverCard, HoverCardContent, HoverCardTrigger, IconToggle, Input, Label, MarkMenu, NEUTRAL_GRAY, PLACEHOLDER_COLOR, PassageCard, Popover, PopoverAnchor, PopoverClose, PopoverContent, PopoverTrigger, PresenceLabel, Progress, ProjectEntity, ProviderIcon, RadioGroup, RadioGroupItem, RagDot, RelevanceDot, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, ShieldIcon, Slider, StatusPill, Switch, TAG_TYPE_ICONS, TAG_TYPE_LABELS, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, TagEntity, Textarea, ThreadVisibilityIcon, Toggle, ToggleGroup, ToggleGroupItem, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, UserEntity, UserMenu, VISIBILITY_ICONS, VerifiedBadge, VerifiedToggle, VisibilityIcon, VisibilityToggle, agentAvatarColors, badgeVariants, buildFolderTree, canonicalFolderPath, cardVariants, configureEntityRegistry, configureRagLabels, configureStatusRegistry, entityNoun, extensionFromMime, formatDocDate, formatFolderLabel, formatFriendlyDate, friendlyFileType, getDocIcon, getDocumentAuthor, getDocumentDate, getDocumentNature, getDocumentSubject, getDocumentTitle, getEntityColor, getEntityColorStyles, getEntityIcon, getEntityLabel, getFileExtension, getFileTypeIcon, getStatusVariant, getTagTypeIcon, getTagTypeLabel, getWorkspaceColor, isAudioFile, isDocumentAddableToConversation, isDownloadOnlyFile, isImageDocument, isImageFile, isMediaFile, isVideoFile, markdownToPlainText, markdownToPlainTextBlocks, tagKindNouns, tagKindTitle, toggleVariants, useDictateContext, usesOriginalBytesForViewer } from '../chunk-CE4RY7VA.js';
 export { Avatar, AvatarFallback, AvatarImage, createUserAvatarIcon, getUserAvatarColor, getUserDisplayName, getUserInitials, isAgent } from '../chunk-APZZQZ6P.js';
 export { MarkdownCode, MarkdownLink, MarkdownRenderer, MarkdownStreamingContext, markdownBaseComponents, markdownSanitizeSchema, splitMarkdownBlocks } from '../chunk-C44GO33B.js';
-export { Button, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, buttonVariants } from '../chunk-YNNAJJ5Z.js';
 export { ScrollArea, ScrollBar, configureEntityVocabulary, formatRelativeTime } from '../chunk-Y3MTRA7D.js';
+export { Button, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, buttonVariants } from '../chunk-YNNAJJ5Z.js';
 export { DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, PortalContainerProvider, usePortalContainer } from '../chunk-47CCGUWR.js';
 export { closeOpenEmphasis, trimOpenCitation } from '../chunk-QRCMKEE6.js';
 export { cn } from '../chunk-SN5YV6FF.js';

package/dist/viewers/index.cjs

@@ -335,6 +335,13 @@ function PdfViewer({
     ])
   );
   const [visiblePages, setVisiblePages] = react.useState(/* @__PURE__ */ new Set([initialPage]));
+  const loadLifetime = react.useMemo(() => ({ file, active: true }), [file]);
+  react.useEffect(() => {
+    loadLifetime.active = true;
+    return () => {
+      loadLifetime.active = false;
+    };
+  }, [loadLifetime]);
   react.useEffect(() => {
     setDocumentKey(`pdf-${Date.now()}`);
     setNumPages(0);
@@ -344,35 +351,50 @@ function PdfViewer({
   const pageRefs = react.useRef(/* @__PURE__ */ new Map());
   const onDocumentLoadSuccess = react.useCallback(
     (pdf) => {
+      if (!loadLifetime.active) return;
       const n = pdf.numPages;
-      void pdf.getPage?.(1).then((page) => setDefaultRatio(ratioOf(page))).catch(() => {
+      void pdf.getPage?.(1).then((page) => {
+        if (loadLifetime.active) setDefaultRatio(ratioOf(page));
+      }).catch(() => {
       });
       setNumPages(n);
       setLoadError(null);
-      const expand = () => {
-        setRenderedPages((prev) => {
-          if (prev.size === 0) return prev;
-          const newSet = new Set(prev);
-          const anchor = currentPage || 1;
-          for (let i = Math.max(1, anchor - LAZY_LOAD_BUFFER_BEFORE); i <= Math.min(n, anchor + LAZY_LOAD_BUFFER_AFTER); i++) {
-            newSet.add(i);
-          }
-          return newSet;
-        });
-      };
-      if (typeof requestIdleCallback !== "undefined") {
-        requestIdleCallback(expand, { timeout: 500 });
-      } else {
-        setTimeout(expand, 500);
-      }
       try {
         onLoadSuccess?.(n);
       } catch (error) {
         console.error("Error in onLoadSuccess callback:", error);
       }
     },
-    [onLoadSuccess, currentPage]
+    [onLoadSuccess, loadLifetime]
   );
+  react.useEffect(() => {
+    if (numPages === 0) return;
+    let cancelled = false;
+    const expand = () => {
+      if (cancelled || !loadLifetime.active) return;
+      setRenderedPages((prev) => {
+        if (prev.size === 0) return prev;
+        const newSet = new Set(prev);
+        const anchor = currentPage || 1;
+        for (let i = Math.max(1, anchor - LAZY_LOAD_BUFFER_BEFORE); i <= Math.min(numPages, anchor + LAZY_LOAD_BUFFER_AFTER); i++) {
+          newSet.add(i);
+        }
+        return newSet;
+      });
+    };
+    if (typeof requestIdleCallback !== "undefined") {
+      const handle2 = requestIdleCallback(expand, { timeout: 500 });
+      return () => {
+        cancelled = true;
+        if (typeof cancelIdleCallback !== "undefined") cancelIdleCallback(handle2);
+      };
+    }
+    const handle = setTimeout(expand, 500);
+    return () => {
+      cancelled = true;
+      clearTimeout(handle);
+    };
+  }, [numPages, currentPage, loadLifetime]);
   const onDocumentLoadError = react.useCallback((error) => {
     console.error("PDF loading error:", error);
     setLoadError(error);