jamesf/Perplexica
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

feat: enable quality

Browse source
This commit is contained in:
litongjava 2025-02-04 22:58:28 -10:00
parent 3afa826fb9
commit 32ce39437f
3 changed files with 20 additions and 13 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

14
ui/components/ChatWindow.tsx
View file

@ -492,6 +492,18 @@ const ChatWindow = ({id}: { id?: string }) => {
setFocusMode(mode); setFocusMode(mode);
}; };
useEffect(() => {
const mode = localStorage.getItem('optimizationMode');
if (mode) {
setOptimizationMode(mode);
}
}, [setOptimizationMode]);
const handleOptimizationModeChange = (mode: string) => {
localStorage.setItem('optimizationMode', mode);
setOptimizationMode(mode);
};
const messagesRef = useRef<Message[]>([]); const messagesRef = useRef<Message[]>([]);
useEffect(() => { useEffect(() => {
@ -716,7 +728,7 @@ const ChatWindow = ({id}: { id?: string }) => {
setCopilotEnabled={setCopilotEnabled} setCopilotEnabled={setCopilotEnabled}
setFocusMode={handleFocusModeChange} setFocusMode={handleFocusModeChange}
optimizationMode={optimizationMode} optimizationMode={optimizationMode}
setOptimizationMode={setOptimizationMode} setOptimizationMode={handleOptimizationModeChange}
fileIds={fileIds} fileIds={fileIds}
setFileIds={setFileIds} setFileIds={setFileIds}
files={files} files={files}

7
ui/components/EmptyChatMessageInput.tsx
View file

@ -98,11 +98,8 @@ const EmptyChatMessageInput = ({
showText showText
/> />
<CopilotToggle setCopilotEnabled={setCopilotEnabled} copilotEnabled={copilotEnabled}/> {/*<CopilotToggle setCopilotEnabled={setCopilotEnabled} copilotEnabled={copilotEnabled}/>*/}
{/*<Optimization*/} <Optimization optimizationMode={optimizationMode} setOptimizationMode={setOptimizationMode}/>
{/* optimizationMode={optimizationMode}*/}
{/* setOptimizationMode={setOptimizationMode}*/}
{/*/>*/}
<button <button
disabled={message.trim().length === 0} disabled={message.trim().length === 0}
className="bg-[#24A0ED] text-white disabled:text-black/50 dark:disabled:text-white/50 disabled:bg-[#e0e0dc] dark:disabled:bg-[#ececec21] hover:bg-opacity-85 transition duration-100 rounded-full p-2" className="bg-[#24A0ED] text-white disabled:text-black/50 dark:disabled:text-white/50 disabled:bg-[#e0e0dc] dark:disabled:bg-[#ececec21] hover:bg-opacity-85 transition duration-100 rounded-full p-2"

12
ui/components/MessageInputActions/Optimization.tsx
View file

@ -23,7 +23,7 @@ const OptimizationModes = [
}, },
{ {
key: 'quality', key: 'quality',
title: 'Quality (Soon)', title: 'Quality',
description: 'Get the most thorough and accurate answer', description: 'Get the most thorough and accurate answer',
icon: ( icon: (
<Star <Star
@ -49,13 +49,11 @@ const Optimization = ({
> >
<div className="flex flex-row items-center space-x-1"> <div className="flex flex-row items-center space-x-1">
{ {
OptimizationModes.find((mode) => mode.key === optimizationMode) OptimizationModes.find((mode) => mode.key === optimizationMode)?.icon
?.icon
} }
<p className="text-xs font-medium"> <p className="text-xs font-medium">
{ {
OptimizationModes.find((mode) => mode.key === optimizationMode) OptimizationModes.find((mode) => mode.key === optimizationMode)?.title
?.title
} }
</p> </p>
<ChevronDown size={20} /> <ChevronDown size={20} />
@ -76,13 +74,13 @@ const Optimization = ({
<PopoverButton <PopoverButton
onClick={() => setOptimizationMode(mode.key)} onClick={() => setOptimizationMode(mode.key)}
key={i} key={i}
disabled={mode.key === 'quality'} disabled={mode.key === 'quality1'}
className={cn( className={cn(
'p-2 rounded-lg flex flex-col items-start justify-start text-start space-y-1 duration-200 cursor-pointer transition', 'p-2 rounded-lg flex flex-col items-start justify-start text-start space-y-1 duration-200 cursor-pointer transition',
optimizationMode === mode.key optimizationMode === mode.key
? 'bg-light-secondary dark:bg-dark-secondary' ? 'bg-light-secondary dark:bg-dark-secondary'
: 'hover:bg-light-secondary dark:hover:bg-dark-secondary', : 'hover:bg-light-secondary dark:hover:bg-dark-secondary',
mode.key === 'quality' && 'opacity-50 cursor-not-allowed', mode.key === 'quality1' && 'opacity-50 cursor-not-allowed',
)} )}
> >
<div className="flex flex-row items-center space-x-1 text-black dark:text-white"> <div className="flex flex-row items-center space-x-1 text-black dark:text-white">