apunkt/SurfSense
1
0
Fork 0
mirror of https://github.com/MODSetter/SurfSense.git synced 2026-04-25 00:36:31 +02:00
Code Issues Projects Releases Packages Wiki Activity Actions 1

refactor: update UI components for improved layout in assistant message, public chat footer, and report panel

Browse source
This commit is contained in:
Anish Sarkar 2026-04-17 09:03:34 +05:30
parent abf758997a
commit aef4c90107
4 changed files with 18 additions and 6 deletions
Download patch file Download diff file Expand all files Collapse all files

2
surfsense_web/components/assistant-ui/assistant-message.tsx
View file

@ -545,7 +545,7 @@ const AssistantMessageInner: FC = () => {
</div> </div>
)} )}
<div className="aui-assistant-message-footer mt-1 mb-5 ml-2 flex items-center gap-2"> <div className="aui-assistant-message-footer mt-3 mb-5 ml-2 flex items-center gap-2">
<AssistantActionBar /> <AssistantActionBar />
</div> </div>
</CitationMetadataProvider> </CitationMetadataProvider>

2
surfsense_web/components/public-chat/public-chat-footer.tsx
View file

@ -68,7 +68,7 @@ export function PublicChatFooter({ shareToken }: PublicChatFooterProps) {
size="lg" size="lg"
onClick={handleCopyAndContinue} onClick={handleCopyAndContinue}
disabled={isCloning} disabled={isCloning}
className="gap-2 rounded-full px-6 shadow-lg transition-all duration-200 hover:scale-[1.02] hover:shadow-xl hover:brightness-110 hover:bg-primary" className="gap-2 rounded-full px-6 shadow-lg transition-al select-none duration-200 hover:scale-[1.02] hover:shadow-xl hover:brightness-110 hover:bg-primary"
> >
{isCloning ? <Spinner size="sm" /> : <Copy className="size-4" />} {isCloning ? <Spinner size="sm" /> : <Copy className="size-4" />}
Copy and continue this chat Copy and continue this chat

2
surfsense_web/components/report-panel/pdf-viewer.tsx
View file

@ -285,7 +285,7 @@ export function PdfViewer({ pdfUrl, isPublic = false }: PdfViewerProps) {
return ( return (
<div className="flex flex-col h-full"> <div className="flex flex-col h-full">
{numPages > 0 && ( {numPages > 0 && (
<div className={`flex items-center justify-center gap-2 px-4 py-2 border-b shrink-0 ${isPublic ? "bg-main-panel" : "bg-sidebar"}`}> <div className={`flex items-center justify-center gap-2 px-4 py-2 border-b shrink-0 select-none ${isPublic ? "bg-main-panel" : "bg-sidebar"}`}>
<Button variant="ghost" size="icon" onClick={zoomOut} disabled={scale <= MIN_ZOOM} className="size-7"> <Button variant="ghost" size="icon" onClick={zoomOut} disabled={scale <= MIN_ZOOM} className="size-7">
<ZoomOutIcon className="size-4" /> <ZoomOutIcon className="size-4" />
</Button> </Button>

18
surfsense_web/components/report-panel/report-panel.tsx
View file

@ -18,6 +18,7 @@ import {
DropdownMenuItem, DropdownMenuItem,
DropdownMenuTrigger, DropdownMenuTrigger,
} from "@/components/ui/dropdown-menu"; } from "@/components/ui/dropdown-menu";
import { Spinner } from "@/components/ui/spinner";
import { useMediaQuery } from "@/hooks/use-media-query"; import { useMediaQuery } from "@/hooks/use-media-query";
import { baseApiService } from "@/lib/apis/base-api.service"; import { baseApiService } from "@/lib/apis/base-api.service";
import { authenticatedFetch } from "@/lib/auth-utils"; import { authenticatedFetch } from "@/lib/auth-utils";
@ -292,7 +293,7 @@ export function ReportPanelContent({
return ( return (
<> <>
{/* Action bar — always visible; buttons are disabled while loading */} {/* Action bar — always visible; buttons are disabled while loading */}
<div className="flex items-center justify-between px-4 py-2 shrink-0"> <div className="flex h-14 items-center justify-between px-4 shrink-0">
<div className="flex items-center gap-2"> <div className="flex items-center gap-2">
{/* Copy button — hidden for Typst (resume) */} {/* Copy button — hidden for Typst (resume) */}
{reportContent?.content_type !== "typst" && ( {reportContent?.content_type !== "typst" && (
@ -307,7 +308,18 @@ export function ReportPanelContent({
</Button> </Button>
)} )}
{/* Export dropdown */} {/* Export — plain button for resume (typst), dropdown for others */}
{reportContent?.content_type === "typst" ? (
<Button
variant="outline"
size="sm"
onClick={() => handleExport("pdf")}
disabled={isLoading || !reportContent?.content || exporting !== null}
className={`h-8 min-w-[100px] px-3.5 py-4 text-[15px] ${btnBg} select-none`}
>
{exporting === "pdf" ? <Spinner size="xs" /> : "Download"}
</Button>
) : (
<DropdownMenu modal={insideDrawer ? false : undefined}> <DropdownMenu modal={insideDrawer ? false : undefined}>
<DropdownMenuTrigger asChild> <DropdownMenuTrigger asChild>
<Button <Button
@ -328,10 +340,10 @@ export function ReportPanelContent({
onExport={handleExport} onExport={handleExport}
exporting={exporting} exporting={exporting}
showAllFormats={!shareToken} showAllFormats={!shareToken}
pdfOnly={reportContent?.content_type === "typst"}
/> />
</DropdownMenuContent> </DropdownMenuContent>
</DropdownMenu> </DropdownMenu>
)}
{/* Version switcher — only shown when multiple versions exist */} {/* Version switcher — only shown when multiple versions exist */}
{versions.length > 1 && ( {versions.length > 1 && (