Nicholai/jan
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

enhancement/tmp-hide-attachment-icon (#5160)

Browse Source
This commit is contained in:
Faisal Amir 2025-06-02 10:02:03 +07:00 committed by GitHub
parent 101e692e50
commit fa9d81e3b2
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 97 additions and 38 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

67
web-app/src/containers/ChatInput.tsx
View File

@ -6,6 +6,12 @@ import { usePrompt } from '@/hooks/usePrompt'
import { useThreads } from '@/hooks/useThreads' import { useThreads } from '@/hooks/useThreads'
import { useCallback, useEffect, useRef, useState } from 'react' import { useCallback, useEffect, useRef, useState } from 'react'
import { Button } from '@/components/ui/button' import { Button } from '@/components/ui/button'
import {
Tooltip,
TooltipContent,
TooltipProvider,
TooltipTrigger,
} from '@/components/ui/tooltip'
import { ArrowRight } from 'lucide-react' import { ArrowRight } from 'lucide-react'
import { import {
IconPaperclip, IconPaperclip,
@ -401,7 +407,7 @@ const ChatInput = ({
{/* File attachment - always available */} {/* File attachment - always available */}
<div <div
className="h-6 p-1 flex items-center justify-center rounded-sm hover:bg-main-view-fg/10 transition-all duration-200 ease-in-out gap-1" className="h-6 hidden p-1 items-center justify-center rounded-sm hover:bg-main-view-fg/10 transition-all duration-200 ease-in-out gap-1"
onClick={handleAttachmentClick} onClick={handleAttachmentClick}
> >
<IconPaperclip size={18} className="text-main-view-fg/50" /> <IconPaperclip size={18} className="text-main-view-fg/50" />
@ -419,23 +425,46 @@ const ChatInput = ({
</div> */} </div> */}
{selectedModel?.capabilities?.includes('vision') && ( {selectedModel?.capabilities?.includes('vision') && (
<TooltipProvider>
<Tooltip>
<TooltipTrigger asChild>
<div className="h-6 p-1 flex items-center justify-center rounded-sm hover:bg-main-view-fg/10 transition-all duration-200 ease-in-out gap-1"> <div className="h-6 p-1 flex items-center justify-center rounded-sm hover:bg-main-view-fg/10 transition-all duration-200 ease-in-out gap-1">
<IconEye size={18} className="text-main-view-fg/50" /> <IconEye size={18} className="text-main-view-fg/50" />
</div> </div>
</TooltipTrigger>
<TooltipContent>
<p>Vision</p>
</TooltipContent>
</Tooltip>
</TooltipProvider>
)} )}
{selectedModel?.capabilities?.includes('embeddings') && ( {selectedModel?.capabilities?.includes('embeddings') && (
<TooltipProvider>
<Tooltip>
<TooltipTrigger asChild>
<div className="h-6 p-1 flex items-center justify-center rounded-sm hover:bg-main-view-fg/10 transition-all duration-200 ease-in-out gap-1"> <div className="h-6 p-1 flex items-center justify-center rounded-sm hover:bg-main-view-fg/10 transition-all duration-200 ease-in-out gap-1">
<IconCodeCircle2 <IconCodeCircle2
size={18} size={18}
className="text-main-view-fg/50" className="text-main-view-fg/50"
/> />
</div> </div>
</TooltipTrigger>
<TooltipContent>
<p>Embeddings</p>
</TooltipContent>
</Tooltip>
</TooltipProvider>
)} )}
{selectedModel?.capabilities?.includes('tools') && {selectedModel?.capabilities?.includes('tools') &&
hasActiveMCPServers && ( hasActiveMCPServers && (
<DropdownToolsAvailable initialMessage={initialMessage}> <TooltipProvider>
<Tooltip>
<TooltipTrigger asChild>
<DropdownToolsAvailable
initialMessage={initialMessage}
>
{(isOpen, toolsCount) => ( {(isOpen, toolsCount) => (
<div <div
className={cn( className={cn(
@ -457,18 +486,48 @@ const ChatInput = ({
</div> </div>
)} )}
</DropdownToolsAvailable> </DropdownToolsAvailable>
</TooltipTrigger>
<TooltipContent>
<p>Tools</p>
</TooltipContent>
</Tooltip>
</TooltipProvider>
)} )}
{selectedModel?.capabilities?.includes('web_search') && ( {selectedModel?.capabilities?.includes('web_search') && (
<TooltipProvider>
<Tooltip>
<TooltipTrigger asChild>
<div className="h-6 p-1 flex items-center justify-center rounded-sm hover:bg-main-view-fg/10 transition-all duration-200 ease-in-out gap-1"> <div className="h-6 p-1 flex items-center justify-center rounded-sm hover:bg-main-view-fg/10 transition-all duration-200 ease-in-out gap-1">
<IconWorld size={18} className="text-main-view-fg/50" /> <IconWorld
size={18}
className="text-main-view-fg/50"
/>
</div> </div>
</TooltipTrigger>
<TooltipContent>
<p>Web Search</p>
</TooltipContent>
</Tooltip>
</TooltipProvider>
)} )}
{selectedModel?.capabilities?.includes('reasoning') && ( {selectedModel?.capabilities?.includes('reasoning') && (
<TooltipProvider>
<Tooltip>
<TooltipTrigger asChild>
<div className="h-6 p-1 flex items-center justify-center rounded-sm hover:bg-main-view-fg/10 transition-all duration-200 ease-in-out gap-1"> <div className="h-6 p-1 flex items-center justify-center rounded-sm hover:bg-main-view-fg/10 transition-all duration-200 ease-in-out gap-1">
<IconAtom size={18} className="text-main-view-fg/50" /> <IconAtom
size={18}
className="text-main-view-fg/50"
/>
</div> </div>
</TooltipTrigger>
<TooltipContent>
<p>Reasoning</p>
</TooltipContent>
</Tooltip>
</TooltipProvider>
)} )}
</div> </div>