apunkt/SurfSense
1
0
Fork 0
mirror of https://github.com/MODSetter/SurfSense.git synced 2026-06-28 21:49:40 +02:00
Code Issues Projects Releases Packages Wiki Activity

fix: make artifact navigation robust

Browse source
This commit is contained in:
CREDO23 2026-06-22 23:24:25 +02:00
parent 050d6bf998
commit 6efc3bf517
4 changed files with 52 additions and 25 deletions
Download patch file Download diff file Expand all files Collapse all files

2
surfsense_web/features/chat-artifacts/ui/artifact-anchor.tsx
View file

@ -11,7 +11,7 @@ export function withArtifactAnchor(
): ToolCallMessagePartComponent {
function AnchoredTool(props: ToolCallMessagePartProps) {
return (
<div {...{ [ARTIFACT_ANCHOR_ATTR]: props.toolCallId }} className="scroll-mt-4">
<div {...{ [ARTIFACT_ANCHOR_ATTR]: props.toolCallId }}>
<Tool {...props} />
</div>
);

14
surfsense_web/features/chat-artifacts/ui/artifact-row.tsx
View file

@ -3,8 +3,10 @@ import { AudioLines, Contact, FileText, ImageIcon, Presentation } from "lucide-r
import type { ComponentType } from "react";
import { openReportPanelAtom } from "@/atoms/chat/report-panel.atom";
import { Button } from "@/components/ui/button";
import { useMediaQuery } from "@/hooks/use-media-query";
import { scrollToArtifact } from "../lib/scroll-to-artifact";
import type { ArtifactKind, ChatArtifact } from "../model/artifact";
import { closeArtifactsPanelAtom } from "../state/artifacts-panel.atom";
const KIND_META: Record<
ArtifactKind,
@ -19,20 +21,28 @@ const KIND_META: Record<
export function ArtifactRow({ artifact }: { artifact: ChatArtifact }) {
const openReportPanel = useSetAtom(openReportPanelAtom);
const closeArtifactsPanel = useSetAtom(closeArtifactsPanelAtom);
const isDesktop = useMediaQuery("(min-width: 1024px)");
const meta = KIND_META[artifact.kind];
const Icon = meta.icon;
const isReportLike = artifact.kind === "report" || artifact.kind === "resume";
const handleOpen = () => {
scrollToArtifact(artifact.toolCallId);
// Reports and resumes get the richer side-panel viewer in addition to the jump.
// Reports/resumes open in the report viewer, which claims the tab itself.
if (isReportLike && artifact.entityId != null) {
openReportPanel({
reportId: artifact.entityId,
title: artifact.title,
contentType: artifact.contentType,
});
scrollToArtifact(artifact.toolCallId);
return;
}
// Inline media has no viewer — just jump to the card. Mobile dismisses the
// drawer first since it covers the chat; desktop leaves the panel open.
if (!isDesktop) closeArtifactsPanel();
scrollToArtifact(artifact.toolCallId);
};
return (