feat(focus-selector): Stylize focus selector

This commit is contained in:
ItzCrazyKns 2024-04-13 12:20:36 +05:30
parent 98fae392b7
commit 21672d150d
No known key found for this signature in database
GPG Key ID: 8162927C7CCE3065
2 changed files with 15 additions and 5 deletions

View File

@ -1,7 +1,6 @@
import { WebSocket } from 'ws'; import { WebSocket } from 'ws';
import pickSuitableAgent from '../core/agentPicker';
import handleWebSearch from '../agents/webSearchAgent';
import { BaseMessage, AIMessage, HumanMessage } from '@langchain/core/messages'; import { BaseMessage, AIMessage, HumanMessage } from '@langchain/core/messages';
import handleWebSearch from '../agents/webSearchAgent';
import handleAcademicSearch from '../agents/academicSearchAgent'; import handleAcademicSearch from '../agents/academicSearchAgent';
import handleWritingAssistant from '../agents/writingAssistant'; import handleWritingAssistant from '../agents/writingAssistant';
import handleWolframAlphaSearch from '../agents/wolframAlphaSearchAgent'; import handleWolframAlphaSearch from '../agents/wolframAlphaSearchAgent';

View File

@ -1,5 +1,6 @@
import { import {
BadgePercent, BadgePercent,
ChevronDown,
CopyPlus, CopyPlus,
Globe, Globe,
Pencil, Pencil,
@ -39,7 +40,7 @@ const focusModes = [
key: 'writingAssistant', key: 'writingAssistant',
title: 'Writing', title: 'Writing',
description: 'Chat without searching the web', description: 'Chat without searching the web',
icon: <Pencil size={20} />, icon: <Pencil size={16} />,
}, },
{ {
key: 'wolframAlphaSearch', key: 'wolframAlphaSearch',
@ -84,9 +85,19 @@ export const Focus = ({
<Popover className="fixed w-full max-w-[15rem] md:max-w-md lg:max-w-lg"> <Popover className="fixed w-full max-w-[15rem] md:max-w-md lg:max-w-lg">
<Popover.Button <Popover.Button
type="button" type="button"
className="p-2 text-white/50 rounded-xl hover:bg-[#1c1c1c] transition duration-200 hover:text-white" className="p-2 text-white/50 rounded-xl hover:bg-[#1c1c1c] active:scale-95 transition duration-200 hover:text-white"
> >
{focusMode !== 'webSearch' ? (
<div className="flex flex-row items-center space-x-1">
{focusModes.find((mode) => mode.key === focusMode)?.icon}
<p className="text-xs font-medium">
{focusModes.find((mode) => mode.key === focusMode)?.title}
</p>
<ChevronDown size={20} />
</div>
) : (
<ScanEye /> <ScanEye />
)}
</Popover.Button> </Popover.Button>
<Transition <Transition
as={Fragment} as={Fragment}