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

chore: ran linting

Browse source
This commit is contained in:
Anish Sarkar 2026-03-17 15:19:16 +05:30
parent e5180aa0a3
commit 0d56cfb663
1 changed files with 70 additions and 71 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -694,40 +694,40 @@ const ComposerAction: FC<ComposerActionProps> = ({ isBlockedByOtherUser = false
{filteredEnabledCount}/{filteredTools?.length ?? 0} enabled {filteredEnabledCount}/{filteredTools?.length ?? 0} enabled
</span> </span>
</div> </div>
<div className="overflow-y-auto pb-6" onScroll={handleToolsScroll}> <div className="overflow-y-auto pb-6" onScroll={handleToolsScroll}>
{groupedTools.map((group) => ( {groupedTools.map((group) => (
<div key={group.label}> <div key={group.label}>
<div className="px-4 pt-3 pb-1 text-xs text-muted-foreground/80 font-medium select-none"> <div className="px-4 pt-3 pb-1 text-xs text-muted-foreground/80 font-medium select-none">
{group.label} {group.label}
</div>
{group.tools.map((tool) => {
const isDisabled = disabledTools.includes(tool.name);
const ToolIcon = getToolIcon(tool.name);
return (
<div
key={tool.name}
className="flex w-full items-center gap-3 px-4 py-2 hover:bg-muted-foreground/10 transition-colors"
>
<ToolIcon className="size-4 shrink-0 text-muted-foreground" />
<span className="flex-1 min-w-0 text-sm font-medium truncate">
{formatToolName(tool.name)}
</span>
<Switch
checked={!isDisabled}
onCheckedChange={() => toggleTool(tool.name)}
className="shrink-0"
/>
</div>
);
})}
</div> </div>
{group.tools.map((tool) => { ))}
const isDisabled = disabledTools.includes(tool.name); {!filteredTools?.length && (
const ToolIcon = getToolIcon(tool.name); <div className="px-4 py-6 text-center text-sm text-muted-foreground">
return ( Loading tools...
<div </div>
key={tool.name} )}
className="flex w-full items-center gap-3 px-4 py-2 hover:bg-muted-foreground/10 transition-colors" </div>
>
<ToolIcon className="size-4 shrink-0 text-muted-foreground" />
<span className="flex-1 min-w-0 text-sm font-medium truncate">
{formatToolName(tool.name)}
</span>
<Switch
checked={!isDisabled}
onCheckedChange={() => toggleTool(tool.name)}
className="shrink-0"
/>
</div>
);
})}
</div>
))}
{!filteredTools?.length && (
<div className="px-4 py-6 text-center text-sm text-muted-foreground">
Loading tools...
</div>
)}
</div>
</DrawerContent> </DrawerContent>
</Drawer> </Drawer>
<Button <Button
@ -777,43 +777,43 @@ const ComposerAction: FC<ComposerActionProps> = ({ isBlockedByOtherUser = false
WebkitMaskImage: `linear-gradient(to bottom, ${toolsScrollPos === "top" ? "black" : "transparent"}, black 16px, black calc(100% - 16px), ${toolsScrollPos === "bottom" ? "black" : "transparent"})`, WebkitMaskImage: `linear-gradient(to bottom, ${toolsScrollPos === "top" ? "black" : "transparent"}, black 16px, black calc(100% - 16px), ${toolsScrollPos === "bottom" ? "black" : "transparent"})`,
}} }}
> >
{groupedTools.map((group) => ( {groupedTools.map((group) => (
<div key={group.label}> <div key={group.label}>
<div className="px-2.5 sm:px-3 pt-2 pb-0.5 text-[10px] sm:text-xs text-muted-foreground/80 font-normal select-none"> <div className="px-2.5 sm:px-3 pt-2 pb-0.5 text-[10px] sm:text-xs text-muted-foreground/80 font-normal select-none">
{group.label} {group.label}
</div> </div>
{group.tools.map((tool) => { {group.tools.map((tool) => {
const isDisabled = disabledTools.includes(tool.name); const isDisabled = disabledTools.includes(tool.name);
const ToolIcon = getToolIcon(tool.name); const ToolIcon = getToolIcon(tool.name);
const row = ( const row = (
<div className="flex w-full items-center gap-2 sm:gap-3 px-2.5 sm:px-3 py-1 sm:py-1.5 hover:bg-muted-foreground/10 transition-colors"> <div className="flex w-full items-center gap-2 sm:gap-3 px-2.5 sm:px-3 py-1 sm:py-1.5 hover:bg-muted-foreground/10 transition-colors">
<ToolIcon className="size-3.5 sm:size-4 shrink-0 text-muted-foreground" /> <ToolIcon className="size-3.5 sm:size-4 shrink-0 text-muted-foreground" />
<span className="flex-1 min-w-0 text-xs sm:text-sm font-medium truncate"> <span className="flex-1 min-w-0 text-xs sm:text-sm font-medium truncate">
{formatToolName(tool.name)} {formatToolName(tool.name)}
</span> </span>
<Switch <Switch
checked={!isDisabled} checked={!isDisabled}
onCheckedChange={() => toggleTool(tool.name)} onCheckedChange={() => toggleTool(tool.name)}
className="shrink-0 scale-[0.6] sm:scale-75" className="shrink-0 scale-[0.6] sm:scale-75"
/> />
</div> </div>
); );
return ( return (
<Tooltip key={tool.name}> <Tooltip key={tool.name}>
<TooltipTrigger asChild>{row}</TooltipTrigger> <TooltipTrigger asChild>{row}</TooltipTrigger>
<TooltipContent side="right" className="max-w-64 text-xs"> <TooltipContent side="right" className="max-w-64 text-xs">
{tool.description} {tool.description}
</TooltipContent> </TooltipContent>
</Tooltip> </Tooltip>
); );
})} })}
</div> </div>
))} ))}
{!filteredTools?.length && ( {!filteredTools?.length && (
<div className="px-3 py-4 text-center text-xs text-muted-foreground"> <div className="px-3 py-4 text-center text-xs text-muted-foreground">
Loading tools... Loading tools...
</div> </div>
)} )}
</div> </div>
</PopoverContent> </PopoverContent>
</Popover> </Popover>
@ -946,7 +946,6 @@ const TOOL_GROUPS: { label: string; tools: string[] }[] = [
}, },
]; ];
const MessageError: FC = () => { const MessageError: FC = () => {
return ( return (
<MessagePrimitive.Error> <MessagePrimitive.Error>