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

feat: enhance file upload tooltip with detailed information on limits and guidelines

Browse source
This commit is contained in:
Anish Sarkar 2026-02-22 04:20:46 +05:30
parent fe2b739fc4
commit 0e1f0d09e5
2 changed files with 12 additions and 3 deletions
Download patch file Download diff file Expand all files Collapse all files

11
surfsense_web/components/assistant-ui/thread.tsx
View file

@ -18,6 +18,7 @@ import {
ChevronLeftIcon, ChevronLeftIcon,
ChevronRightIcon, ChevronRightIcon,
CopyIcon, CopyIcon,
Dot,
DownloadIcon, DownloadIcon,
FileWarning, FileWarning,
Paperclip, Paperclip,
@ -745,7 +746,15 @@ const ComposerAction: FC<ComposerActionProps> = ({
<div className="aui-composer-action-wrapper relative mx-2 mb-2 flex items-center justify-between"> <div className="aui-composer-action-wrapper relative mx-2 mb-2 flex items-center justify-between">
<div className="flex items-center gap-1"> <div className="flex items-center gap-1">
<TooltipIconButton <TooltipIconButton
tooltip={isUploadingDocs ? "Uploading documents..." : "Upload and mention files"} tooltip={
isUploadingDocs ? "Uploading documents..." : (
<div className="flex flex-col gap-0.5">
<span className="font-medium">Upload and mention files</span>
<span className="text-xs text-muted-foreground flex items-center">Max 10 files <Dot className="size-3" /> 50 MB each</span>
<span className="text-xs text-muted-foreground">Total upload limit: 200 MB</span>
</div>
)
}
side="bottom" side="bottom"
variant="ghost" variant="ghost"
size="icon" size="icon"

4
surfsense_web/components/assistant-ui/tooltip-icon-button.tsx
View file

@ -1,13 +1,13 @@
"use client"; "use client";
import { Slottable } from "@radix-ui/react-slot"; import { Slottable } from "@radix-ui/react-slot";
import { type ComponentPropsWithRef, forwardRef } from "react"; import { type ComponentPropsWithRef, type ReactNode, forwardRef } from "react";
import { Button } from "@/components/ui/button"; import { Button } from "@/components/ui/button";
import { Tooltip, TooltipContent, TooltipTrigger } from "@/components/ui/tooltip"; import { Tooltip, TooltipContent, TooltipTrigger } from "@/components/ui/tooltip";
import { cn } from "@/lib/utils"; import { cn } from "@/lib/utils";
export type TooltipIconButtonProps = ComponentPropsWithRef<typeof Button> & { export type TooltipIconButtonProps = ComponentPropsWithRef<typeof Button> & {
tooltip: string; tooltip: ReactNode;
side?: "top" | "bottom" | "left" | "right"; side?: "top" | "bottom" | "left" | "right";
}; };