@frontera-sdk/chat-ui 1.53.5 → 1.53.7

package/dist/agent-picker.js

@@ -1,7 +1,7 @@
 'use client';
-export { AgentPicker, useChatAgents } from './chunk-VTJ7WSOY.js';
+export { AgentPicker, useChatAgents } from './chunk-NDU6ERVT.js';
 import './chunk-C3HW5S2Z.js';
-import './chunk-F433AP7Q.js';
+import './chunk-RCWVJD7G.js';
 import './chunk-EZX3E3BB.js';
 import './chunk-LGVMMBL3.js';
 import './chunk-6JLWE7M3.js';

package/dist/chat.js

@@ -1,27 +1,27 @@
 'use client';
 import { offset, flip, autoUpdate, computePosition } from './chunk-I7SXWUAN.js';
 import { isFullscreenHotkey, DeckNotesCard, deckOwnsArrowKeys } from './chunk-4FRTPVJT.js';
-import { ArtifactSkeleton, resolveStageWidth, zoomPercent, DECK_ZOOM_LEVELS, LazyThumb } from './chunk-E3COYKGP.js';
-import { NewSessionPrompt, keepCaretOnTap } from './chunk-NGIA5TNW.js';
-import { PendingCards } from './chunk-JR2FLI66.js';
+import { ArtifactSkeleton, resolveStageWidth, zoomPercent, DECK_ZOOM_LEVELS, LazyThumb } from './chunk-DPCAFZ2S.js';
+import { NewSessionPrompt, keepCaretOnTap } from './chunk-NOJWGKB4.js';
+import { PendingCards } from './chunk-GRRSYZQZ.js';
 import { themeToStyle } from './chunk-6HYPVNVA.js';
-import { useChatAgents } from './chunk-VTJ7WSOY.js';
+import { useChatAgents } from './chunk-NDU6ERVT.js';
 import { subjectOfChatToken, capabilitiesOfChatToken } from './chunk-CCVPZVFK.js';
 import { useChatCredential } from './chunk-6BCUAPW3.js';
 import './chunk-WDYCLC4F.js';
-import { chatSidePanelSessionKey, Chart1Icon, useTemplatePreviewStore, useHasTemplatePreviewHost, useChatSidePanelStore, ChatHeader, ChatHeaderActions, useRightPane, getChatOverviewAgentStatus, useChatOverviewVisible, useConversationArtifacts, PENDING_CHART_TAB_PREFIX, CHART_TAB_PREFIX, AGENT_WORK_TAB_ID, AGENT_ROUTINES_TAB_ID, SOURCES_TAB_ID, TEMPLATE_TAB_ID, OutputsSection, ChainLink1Icon, ChatOverviewContent, COMPUTER_TAB_PREFIX, SourceRow, motion, MAX_CHAT_SIDE_PANEL_SESSIONS, DEFAULT_CHAT_SIDE_PANEL_SIZE, TableIcon } from './chunk-EKASJRLH.js';
-import { dynamic, useChatStreamStore, useComposerStore, Message, Thinking, setPendingFiles, usePersonConfirmations, unshownPendingConfirmations, ConversationConfirmationCard, useLivePreviewUrl, ArrowRotateClockwiseIcon, useComputerFiles, useUploadComputerFile, CanvasWidget, isPlainTextLanguage, useUploadFile, COMPOSER_ID_MAIN, useContextWindowInfo, useIsCompacting, useQueuedMessages, VolumeFullIcon, WarningSignIcon, useComputer, csvTextToWorkbookJson, CSV_PREVIEW_MAX_ROWS, CopyButton, COMPOSER_ID_COPILOT, ModelIcon, modeToBrandRow, useBackDismiss, PdfViewer, brandLabel, Spinner } from './chunk-YEVMFZRG.js';
-import { Textarea, artifactFormatIcon, BookIcon, useAgentRoster, ShieldCheckIcon, useArtifactStore, useCanvasStore, useChatOverviewStore, setSdkConversationPath, setSdkDarkMode, AgentsProvider, PluginProvider, WorkspaceProvider, TooltipProvider, getPersonConfirmation, isToolPart, getToolState, getToolName, getToolInput, sourceKind, extractDomain, CitationViewerContext, MarkdownRenderer, ConnectRunnerContext, usePathname, usePaneFocusStore, useAgentPanelStore, Tooltip, TooltipTrigger, TooltipContent, StudioDisplayIcon, WorldIcon, SlidesWideIcon, ArtifactActionsMenu, DotGrid1x3HorizontalTightIcon, ArrowsShowIcon, useKeyboardInset, ExclamationCircleIcon, getToolOutput, useArtifact, useUpdateArtifact, useArtifactFileObjectUrl, resolveArtifactIconFormat, useSourcesEnrichment, LoaderIcon, FileDownloadIcon, Label, Input, renderPluginBlock, useArtifactVersion, useChatCapabilities, useChatCapabilityEnabled, useChatOptInEnabled, useSessionPendingApprovals, tableToCsv, tableToXlsx, tableToMarkdown, DropdownMenu, DropdownMenuTrigger, StyledDropdownMenuContent, StyledDropdownMenuItem, useArtifactVersions, useClient, unwrapData, authFetch, getBearerHeadersForApi, EyeOpenIcon, EyeSlashIcon, useRestoreArtifactVersion, ZoomableImage, ChatImageLightbox, useDownloadArtifact, useArtifactFileBytes, useArtifactPreviewFileObjectUrl, useArtifactVersionPreviewFileObjectUrl, errorText, SpreadsheetIcon, FilePdfIcon, useOptionalWorkspaceContext, useAgentConnectionStatus, useArtifacts, useSession, useWorkspaceContext, useConversationDesktopStatus, isRequestHumanTool, appsKeys, unwrapDataDeep, useRouter, Images1Icon, ArrowUpIcon, VideoIcon, AudioIcon, useBrand, resolveBearerHeaders, subscribeSdkDarkMode, getSdkDarkMode, unwrap, useConnectRunner, useStartUserConnect, useUpsertGrant, useRevokeGrant, AlertDialog, AlertDialogContent, AlertDialogHeader, AlertDialogTitle, AlertDialogDescription, AlertDialogFooter, AlertDialogCancel, AlertDialogAction, LayoutGrid1Icon, useCatalog, useInstalls, useWorkspaceSlug, buildTenantUrlAbsolute } from './chunk-G67XADLL.js';
+import { chatSidePanelSessionKey, Chart1Icon, useTemplatePreviewStore, useHasTemplatePreviewHost, useChatSidePanelStore, ChatHeader, ChatHeaderActions, useRightPane, getChatOverviewAgentStatus, useChatOverviewVisible, useConversationArtifacts, PENDING_CHART_TAB_PREFIX, CHART_TAB_PREFIX, AGENT_WORK_TAB_ID, AGENT_ROUTINES_TAB_ID, SOURCES_TAB_ID, TEMPLATE_TAB_ID, OutputsSection, ChainLink1Icon, ChatOverviewContent, COMPUTER_TAB_PREFIX, SourceRow, motion, MAX_CHAT_SIDE_PANEL_SESSIONS, DEFAULT_CHAT_SIDE_PANEL_SIZE, TableIcon } from './chunk-VB2YKQGZ.js';
+import { dynamic, useChatStreamStore, useComposerStore, Message, Thinking, setPendingFiles, usePersonConfirmations, unshownPendingConfirmations, ConversationConfirmationCard, useLivePreviewUrl, ArrowRotateClockwiseIcon, useComputerFiles, useUploadComputerFile, CanvasWidget, isPlainTextLanguage, useUploadFile, COMPOSER_ID_MAIN, useContextWindowInfo, useIsCompacting, useQueuedMessages, VolumeFullIcon, WarningSignIcon, useComputer, csvTextToWorkbookJson, CSV_PREVIEW_MAX_ROWS, CopyButton, COMPOSER_ID_COPILOT, ModelIcon, modeToBrandRow, useBackDismiss, PdfViewer, brandLabel, Spinner } from './chunk-G4V3YKMK.js';
+import { Textarea, resolveChatHost, artifactFormatIcon, BookIcon, useAgentRoster, ShieldCheckIcon, useArtifactStore, useCanvasStore, useChatOverviewStore, setSdkConversationPath, setSdkDarkMode, AgentsProvider, PluginProvider, WorkspaceProvider, TooltipProvider, ChatHostProvider, getPersonConfirmation, isToolPart, getToolState, getToolName, getToolInput, sourceKind, extractDomain, CitationViewerContext, MarkdownRenderer, ConnectRunnerContext, usePathname, useChatSurfaceProvider, usePaneFocusStore, useAgentPanelStore, Tooltip, TooltipTrigger, TooltipContent, StudioDisplayIcon, WorldIcon, SlidesWideIcon, ArtifactActionsMenu, DotGrid1x3HorizontalTightIcon, ArrowsShowIcon, useKeyboardInset, ExclamationCircleIcon, getToolOutput, useArtifact, useUpdateArtifact, useArtifactFileObjectUrl, resolveArtifactIconFormat, useSourcesEnrichment, LoaderIcon, FileDownloadIcon, Label, Input, renderPluginBlock, useArtifactVersion, useChatCapabilities, useChatCapabilityEnabled, useChatOptInEnabled, useChatHost, useSessionPendingApprovals, tableToCsv, tableToXlsx, tableToMarkdown, DropdownMenu, DropdownMenuTrigger, StyledDropdownMenuContent, StyledDropdownMenuItem, useArtifactVersions, useClient, unwrapData, authFetch, getBearerHeadersForApi, EyeOpenIcon, EyeSlashIcon, useRestoreArtifactVersion, ZoomableImage, ChatImageLightbox, useDownloadArtifact, useArtifactFileBytes, useArtifactPreviewFileObjectUrl, useArtifactVersionPreviewFileObjectUrl, errorText, SpreadsheetIcon, FilePdfIcon, useOptionalWorkspaceContext, useAgentConnectionStatus, useArtifacts, useSession, useWorkspaceContext, useConversationDesktopStatus, isRequestHumanTool, appsKeys, unwrapDataDeep, useRouter, Images1Icon, ArrowUpIcon, VideoIcon, AudioIcon, useBrand, resolveBearerHeaders, subscribeSdkDarkMode, getSdkDarkMode, unwrap, useConnectRunner, useStartUserConnect, useUpsertGrant, useRevokeGrant, AlertDialog, AlertDialogContent, AlertDialogHeader, AlertDialogTitle, AlertDialogDescription, AlertDialogFooter, AlertDialogCancel, AlertDialogAction, LayoutGrid1Icon, useCatalog, useInstalls, useWorkspaceSlug, buildTenantUrlAbsolute } from './chunk-KKOK22CN.js';
 import { ChevronLeftIcon } from './chunk-CWAOLMFS.js';
 import { Popover, PopoverTrigger, PopoverContent, Sheet, SheetContent, SheetHeader, SheetTitle, SheetDescription } from './chunk-FZ3VSITY.js';
-import { MOBILE_BREAKPOINT, useIsMobile, I18nProvider, useTranslation } from './chunk-MGXLPADX.js';
-import './chunk-IOLSQ7XK.js';
-import { AppIcon, frontera_icon_default, PhotoIcon, Folder1Icon, FileTextIcon, describeToolRow, SquareArrowTopRightIcon, ClipboardIcon, getToolMeta, useStreamdownPlugins, AppIconFrame, MessageResponse } from './chunk-KI6SVNT2.js';
+import { MOBILE_BREAKPOINT, useIsMobile, I18nProvider, useTranslation } from './chunk-G6A5DWFP.js';
+import './chunk-DJ2Q5U3E.js';
+import { AppIcon, frontera_icon_default, PhotoIcon, Folder1Icon, FileTextIcon, describeToolRow, SquareArrowTopRightIcon, ClipboardIcon, getToolMeta, useStreamdownPlugins, AppIconFrame, MessageResponse } from './chunk-RQPL7ZTX.js';
 import { Skeleton, Button, ScrollArea, ChevronDownMediumIcon, buttonVariants } from './chunk-UWKO24VT.js';
 import { Dialog, DialogContent, DialogHeader, DialogTitle, DialogDescription, CrossMediumIcon, DialogFooter } from './chunk-2P4IEVOQ.js';
 import './chunk-CDTES65T.js';
 import { DropdownMenu as DropdownMenu$1, DropdownMenuTrigger as DropdownMenuTrigger$1, DropdownMenuContent, DropdownMenuItem, ChevronRightIcon, DropdownMenuSeparator, DropdownMenuLabel } from './chunk-C3HW5S2Z.js';
-import { AgentAvatar } from './chunk-F433AP7Q.js';
+import { AgentAvatar } from './chunk-RCWVJD7G.js';
 import { ArrowDownIcon, FileTextIcon as FileTextIcon$1, Checkmark1Icon as Checkmark1Icon$1 } from './chunk-EZX3E3BB.js';
 import { cn, PortalContainerContext, Checkmark1Icon } from './chunk-LGVMMBL3.js';
 import { ChatClientContext } from './chunk-6JLWE7M3.js';
@@ -656,57 +656,6 @@ function ChatOverviewPanel({
 function useOverviewFloat(_ref, active) {
   return active;
 }
-var noSurfaceCapture = {
-  captureEligibleSurface: () => null,
-  legacyPageHint: () => null,
-  legacyPageAttachment: () => null,
-  prepareCapturedSurface: async (context) => context,
-  noteCapturedSurface: () => {
-  },
-  releaseCapturedSurface: () => {
-  },
-  confirmCapturedRunTerminal: () => {
-  },
-  settleCapturedRun: () => {
-  },
-  waitForReadySurface: async () => true
-};
-var NO_REMEMBERED_MODEL = { modelMode: null, reasoningEffort: null };
-function useNoSurfaceProvider() {
-}
-function useNoRememberedModel() {
-  return NO_REMEMBERED_MODEL;
-}
-function useNotBeside() {
-  return false;
-}
-function useNoPrepareToLeave() {
-  return void 0;
-}
-function resolveChatHost(host) {
-  return {
-    surfaceCapture: host.surfaceCapture ?? noSurfaceCapture,
-    useSurfaceProvider: host.useSurfaceProvider ?? useNoSurfaceProvider,
-    useRememberedComposerModel: host.useRememberedComposerModel ?? useNoRememberedModel,
-    rememberComposerModel: host.rememberComposerModel ?? null,
-    useAssistantBeside: host.useAssistantBeside ?? useNotBeside,
-    AssistantEmptyState: host.AssistantEmptyState ?? null,
-    ApprovalsView: host.ApprovalsView ?? null,
-    usePrepareToLeave: host.usePrepareToLeave ?? useNoPrepareToLeave,
-    platformLinks: host.platformLinks ?? true
-  };
-}
-var EMPTY_HOST = resolveChatHost({});
-var ChatHostContext = createContext(EMPTY_HOST);
-function ChatHostProvider({ host, children }) {
-  return /* @__PURE__ */ jsx(ChatHostContext.Provider, { value: host, children });
-}
-function useChatHost() {
-  return useContext(ChatHostContext);
-}
-function useChatSurfaceProvider(options) {
-  return useChatHost().useSurfaceProvider(options);
-}
 function reducedMotionRequested() {
   return window.matchMedia("(prefers-reduced-motion: reduce)").matches;
 }
@@ -42448,7 +42397,7 @@ function SheetEditor({ content, onSave, readOnly = false }) {
   );
 }
 var PdfDocumentViewInner = dynamic(
-  () => import('./pdf-document-view-inner-6RK4MYTM.js'),
+  () => import('./pdf-document-view-inner-SH2HOPGD.js'),
   {
     ssr: false,
     loading: () => /* @__PURE__ */ jsx(ArtifactSkeleton, { format: "pdf" })
@@ -42458,7 +42407,8 @@ function PdfDocumentView({
   fileUrl,
   title,
   label,
-  versionSlot
+  versionSlot,
+  page
 }) {
   const [failedFileUrl, setFailedFileUrl] = useState(null);
   const failed = failedFileUrl === fileUrl;
@@ -42488,7 +42438,8 @@ function PdfDocumentView({
       title,
       label,
       onError: () => setFailedFileUrl(fileUrl),
-      versionSlot
+      versionSlot,
+      page
     }
   );
 }
@@ -43265,11 +43216,11 @@ function HtmlDeckView({ content, inChat = false, versionSlot }) {
     !present && inChat && /* @__PURE__ */ jsx(DeckEditPanel, { currentIndex: sel, currentHtml: slides[sel]?.html ?? "" })
   ] });
 }
-var Inner = dynamic(() => import('./pdf-deck-view-inner-IWBUG4WN.js'), {
+var Inner = dynamic(() => import('./pdf-deck-view-inner-UEMN324J.js'), {
   ssr: false,
   loading: () => /* @__PURE__ */ jsx(ArtifactSkeleton, { format: "htmldeck" })
 });
-function PdfDeckView({ fileUrl, title, label, notes }) {
+function PdfDeckView({ fileUrl, title, label, notes, page }) {
   const [failedFileUrl, setFailedFileUrl] = useState(null);
   if (failedFileUrl === fileUrl) {
     return /* @__PURE__ */ jsx("div", { className: "h-full min-h-0 overflow-y-auto scrollbar bg-muted/30", children: /* @__PURE__ */ jsx(
@@ -43286,6 +43237,7 @@ function PdfDeckView({ fileUrl, title, label, notes }) {
       fileUrl,
       label,
       notes,
+      page,
       onError: () => setFailedFileUrl(fileUrl)
     },
     fileUrl

package/dist/{chunk-IOLSQ7XK.js → chunk-DJ2Q5U3E.js}

@@ -1,5 +1,5 @@
 'use client';
-import { describeToolRow, Code2Icon, getToolMeta, Shimmer, Collapse } from './chunk-KI6SVNT2.js';
+import { describeToolRow, Code2Icon, getToolMeta, Shimmer, Collapse } from './chunk-RQPL7ZTX.js';
 import { ChevronDownMediumIcon } from './chunk-UWKO24VT.js';
 import { cn } from './chunk-LGVMMBL3.js';
 import { memo, useState, useMemo } from 'react';

package/dist/{chunk-E3COYKGP.js → chunk-DPCAFZ2S.js}

@@ -1,5 +1,5 @@
 'use client';
-import { useTranslation } from './chunk-MGXLPADX.js';
+import { useTranslation } from './chunk-G6A5DWFP.js';
 import { Skeleton } from './chunk-UWKO24VT.js';
 import { useRef, useState, useEffect } from 'react';
 import { jsx, jsxs } from 'react/jsx-runtime';

package/dist/{chunk-YEVMFZRG.js → chunk-G4V3YKMK.js}

@@ -1,12 +1,12 @@
 'use client';
-import { usePlugins, useChatCapabilityEnabled, resolvePluginLanguage, renderPluginBlock, AlertDialog, AlertDialogContent, AlertDialogHeader, AlertDialogTitle, AlertDialogDescription, AlertDialogFooter, AlertDialogCancel, AlertDialogAction, TooltipProvider, Tooltip, TooltipTrigger, TooltipContent, ActionMenu, useArtifactStore, ArtifactActionsMenu, DotGrid1x3HorizontalTightIcon, useArtifact, resolveArtifactIconFormat, artifactFormatIcon, useArtifactFileObjectUrl, artifactFormatSubtitle, ChatImageLightbox, ArrowsShowIcon, FileDownloadIcon, useClient, processMessageParts, getMessageDisplayTimestampValue, getMessageCreatedAtMs, isApprovalRequested, extractCitationsFromSteps, useSourcesEnrichment, extractImagesFromSteps, dedupeImageResults, getDocumentStreamArtifacts, getToolOutput, useCanvasStore, ImageResultsGallery, MessageDecisionCards, useChatCapabilities, useOptionalWorkspaceContext, useCitationViewer, useChatOverviewStore, dedup, extractDomain, sourceKind, SourceFavicon, Input, exportDocumentPdf, FilePdfIcon, StudioDisplayIcon, WorldIcon, MessageStepsGroup, getToolState, getToolInput, getToolErrorText, useChatOptInEnabled, ArrowRightIcon, formatFileSize, FileThumbnail, attachmentFileOf, MobileScreenSheet, useAgentHistorySource, treatyErrorMessage, useRouter, useBasePath, useAgentPanelStore, AgentRoutineForm, getFileCategory, unwrap, unwrapData, unwrapDataDeep, formatDecisionTime, DecisionCard, LoaderIcon, formatRelativeTime, CircleCheckIcon, agentRoutineKeys, useOptionalAgentsContext, avatarMotionForStream, AGENT_AVATAR_SIZE } from './chunk-G67XADLL.js';
+import { usePlugins, useChatCapabilityEnabled, resolvePluginLanguage, renderPluginBlock, AlertDialog, AlertDialogContent, AlertDialogHeader, AlertDialogTitle, AlertDialogDescription, AlertDialogFooter, AlertDialogCancel, AlertDialogAction, TooltipProvider, Tooltip, TooltipTrigger, TooltipContent, ActionMenu, useArtifactStore, ArtifactActionsMenu, DotGrid1x3HorizontalTightIcon, useArtifact, resolveArtifactIconFormat, artifactFormatIcon, useArtifactFileObjectUrl, artifactFormatSubtitle, ChatImageLightbox, ArrowsShowIcon, FileDownloadIcon, useClient, processMessageParts, getMessageDisplayTimestampValue, getMessageCreatedAtMs, isApprovalRequested, extractCitationsFromSteps, useSourcesEnrichment, extractImagesFromSteps, dedupeImageResults, getDocumentStreamArtifacts, getToolOutput, useCanvasStore, ImageResultsGallery, MessageDecisionCards, useChatCapabilities, useOptionalWorkspaceContext, useCitationViewer, useCitedDocument, useChatOverviewStore, dedup, extractDomain, sourceKind, SourceFavicon, Input, exportDocumentPdf, FilePdfIcon, StudioDisplayIcon, WorldIcon, MessageStepsGroup, getToolState, getToolInput, getToolErrorText, useChatOptInEnabled, ArrowRightIcon, formatFileSize, FileThumbnail, attachmentFileOf, MobileScreenSheet, useAgentHistorySource, treatyErrorMessage, useRouter, useBasePath, useAgentPanelStore, AgentRoutineForm, getFileCategory, unwrap, unwrapData, unwrapDataDeep, formatDecisionTime, DecisionCard, LoaderIcon, formatRelativeTime, CircleCheckIcon, agentRoutineKeys, useOptionalAgentsContext, avatarMotionForStream, AGENT_AVATAR_SIZE } from './chunk-KKOK22CN.js';
 import { Sheet, SheetTrigger, SheetContent, SheetHeader, SheetTitle, SheetDescription, Popover, PopoverTrigger, PopoverContent } from './chunk-FZ3VSITY.js';
-import { useIsMobile, useTranslation } from './chunk-MGXLPADX.js';
-import { MessageToolbar, MessageResponse, SquareArrowTopRightIcon, FileTextIcon, Shimmer, ClipboardIcon, Message, MessageContent, PencilIcon, deferDuringLayoutMotion, HoverCard, HoverCardTrigger, HoverCardContent, Collapse, Icon, CircleXIcon, ClockIcon } from './chunk-KI6SVNT2.js';
+import { useIsMobile, useTranslation } from './chunk-G6A5DWFP.js';
+import { MessageToolbar, MessageResponse, SquareArrowTopRightIcon, FileTextIcon, Shimmer, ClipboardIcon, Message, MessageContent, PencilIcon, deferDuringLayoutMotion, HoverCard, HoverCardTrigger, HoverCardContent, Collapse, Icon, CircleXIcon, ClockIcon } from './chunk-RQPL7ZTX.js';
 import { ChevronDownMediumIcon, Button, ScrollArea, Skeleton } from './chunk-UWKO24VT.js';
 import { CrossMediumIcon } from './chunk-2P4IEVOQ.js';
 import { DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuItem, DropdownMenuSeparator, DropdownMenuSub, DropdownMenuSubTrigger, DropdownMenuSubContent } from './chunk-C3HW5S2Z.js';
-import { HISTORY_CITATION_PREFIX, canonicalCitationUrl, encodeKnowledgeCitationLinks, historyCitationReference, AgentAvatar } from './chunk-F433AP7Q.js';
+import { HISTORY_CITATION_PREFIX, canonicalCitationUrl, encodeKnowledgeCitationLinks, historyCitationReference, AgentAvatar } from './chunk-RCWVJD7G.js';
 import { cn, Checkmark1Icon } from './chunk-LGVMMBL3.js';
 import { useChatClientOptional } from './chunk-6JLWE7M3.js';
 import { createContext, memo, useMemo, isValidElement, cloneElement, useState, useCallback, useRef, useEffect, useId, useLayoutEffect, lazy, Suspense, useContext } from 'react';
@@ -1637,7 +1637,42 @@ function CitationChip({
 }) {
   const isMobile = useIsMobile();
   const [open, setOpen] = useState(false);
+  const [previewing, setPreviewing] = useState(false);
   const viewer = useCitationViewer();
+  const document2 = useCitedDocument(href, title);
+  const preview = (hint) => /* @__PURE__ */ jsxs("div", { className: "flex items-start gap-2", children: [
+    /* @__PURE__ */ jsx(FileTextIcon, { className: "size-4 shrink-0 mt-0.5 text-muted-foreground" }),
+    /* @__PURE__ */ jsxs("div", { className: "min-w-0 space-y-1", children: [
+      /* @__PURE__ */ jsx("p", { className: "text-sm font-medium leading-snug line-clamp-2", children: title }),
+      snippet && /* @__PURE__ */ jsx("p", { className: "text-xs leading-relaxed text-muted-foreground line-clamp-3", children: snippet }),
+      hint && /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground/70", children: hint })
+    ] })
+  ] });
+  if (document2) {
+    const chip = /* @__PURE__ */ jsx(
+      "button",
+      {
+        type: "button",
+        onClick: () => {
+          setPreviewing(false);
+          document2.open();
+        },
+        className: CHIP_CLASS,
+        "aria-label": `Source: ${title}`,
+        children: label
+      }
+    );
+    return /* @__PURE__ */ jsxs(Fragment, { children: [
+      isMobile ? chip : (
+        // Closed while the document is open: the card would sit over the viewer.
+        /* @__PURE__ */ jsxs(HoverCard, { open: previewing && !document2.opened, onOpenChange: setPreviewing, openDelay: 200, closeDelay: 100, children: [
+          /* @__PURE__ */ jsx(HoverCardTrigger, { asChild: true, children: chip }),
+          /* @__PURE__ */ jsx(HoverCardContent, { side: "top", className: "w-72 p-3", children: preview("Click to open the document") })
+        ] })
+      ),
+      document2.viewer
+    ] });
+  }
   const useDialog = viewer !== null && (!href || href.startsWith("/cite/"));
   if (useDialog) {
     const openDialog = () => viewer.open({ url: href ?? "", title, snippet, content });
@@ -1664,14 +1699,7 @@ function CitationChip({
           children: label
         }
       ) }),
-      /* @__PURE__ */ jsx(HoverCardContent, { side: "top", className: "w-72 p-3", children: /* @__PURE__ */ jsxs("div", { className: "flex items-start gap-2", children: [
-        /* @__PURE__ */ jsx(FileTextIcon, { className: "size-4 shrink-0 mt-0.5 text-muted-foreground" }),
-        /* @__PURE__ */ jsxs("div", { className: "min-w-0 space-y-1", children: [
-          /* @__PURE__ */ jsx("p", { className: "text-sm font-medium leading-snug line-clamp-2", children: title }),
-          snippet && /* @__PURE__ */ jsx("p", { className: "text-xs leading-relaxed text-muted-foreground line-clamp-3", children: snippet }),
-          /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground/70", children: "Click to read the passage" })
-        ] })
-      ] }) })
+      /* @__PURE__ */ jsx(HoverCardContent, { side: "top", className: "w-72 p-3", children: preview("Click to read the passage") })
     ] });
   }
   if (isMobile) {
@@ -1723,13 +1751,7 @@ function CitationChip({
         children: label
       }
     ) }),
-    /* @__PURE__ */ jsx(HoverCardContent, { side: "top", className: "w-72 p-3", children: /* @__PURE__ */ jsxs("div", { className: "flex items-start gap-2", children: [
-      /* @__PURE__ */ jsx(FileTextIcon, { className: "size-4 shrink-0 mt-0.5 text-muted-foreground" }),
-      /* @__PURE__ */ jsxs("div", { className: "min-w-0 space-y-1", children: [
-        /* @__PURE__ */ jsx("p", { className: "text-sm font-medium leading-snug line-clamp-2", children: title }),
-        snippet && /* @__PURE__ */ jsx("p", { className: "text-xs leading-relaxed text-muted-foreground line-clamp-3", children: snippet })
-      ] })
-    ] }) })
+    /* @__PURE__ */ jsx(HoverCardContent, { side: "top", className: "w-72 p-3", children: preview() })
   ] });
 }