sij/khoj
1
0
Fork 0
mirror of https://github.com/khoj-ai/khoj.git synced 2025-02-17 08:04:21 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

Move the clients section back to the bottom

Browse source
This commit is contained in:
sabaimran 2024-08-04 11:32:22 +05:30
parent caf5c3d74c
commit 3e1e4a1857
1 changed files with 74 additions and 74 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

148
src/interface/web/app/settings/page.tsx
View file

@ -842,6 +842,80 @@ export default function SettingsView() {
</Card>
</div>
</div>
<div className="section grid gap-8">
<div className="text-2xl">Models</div>
<div className="cards flex flex-wrap gap-16">
{userConfig.chat_model_options.length > 0 && (
<Card className={cardClassName}>
<CardHeader className="text-xl flex flex-row"><ChatCircleText className="h-7 w-7 mr-2"/>Chat</CardHeader>
<CardContent className="overflow-hidden pb-12 grid gap-8">
<p className="text-gray-400">Pick the chat model to generate text responses</p>
<DropdownComponent
items={userConfig.chat_model_options}
selected={userConfig.selected_chat_model_config}
callbackFunc={updateModel("chat")}
/>
</CardContent>
<CardFooter className="flex flex-wrap gap-4">
{!userConfig.is_active && (
<p className="text-gray-400">Subscribe to switch model</p>
)}
</CardFooter>
</Card>
)}
{userConfig.search_model_options.length > 0 && (
<Card className={cardClassName}>
<CardHeader className="text-xl flex flex-row"><FileMagnifyingGlass className="h-7 w-7 mr-2"/>Search</CardHeader>
<CardContent className="overflow-hidden pb-12 grid gap-8">
<p className="text-gray-400">Pick the search model to find your documents</p>
<DropdownComponent
items={userConfig.search_model_options}
selected={userConfig.selected_search_model_config}
callbackFunc={updateModel("search")}
/>
</CardContent>
<CardFooter className="flex flex-wrap gap-4">
</CardFooter>
</Card>
)}
{userConfig.paint_model_options.length > 0 && (
<Card className={cardClassName}>
<CardHeader className="text-xl flex flex-row"><Palette className="h-7 w-7 mr-2"/>Paint</CardHeader>
<CardContent className="overflow-hidden pb-12 grid gap-8">
<p className="text-gray-400">Pick the paint model to generate image responses</p>
<DropdownComponent
items={userConfig.paint_model_options}
selected={userConfig.selected_paint_model_config}
callbackFunc={updateModel("paint")}
/>
</CardContent>
<CardFooter className="flex flex-wrap gap-4">
{!userConfig.is_active && (
<p className="text-gray-400">Subscribe to switch model</p>
)}
</CardFooter>
</Card>
)}
{userConfig.voice_model_options.length > 0 && (
<Card className={cardClassName}>
<CardHeader className="text-xl flex flex-row"><Waveform className="h-7 w-7 mr-2"/>Voice</CardHeader>
<CardContent className="overflow-hidden pb-12 grid gap-8">
<p className="text-gray-400">Pick the voice model to generate speech responses</p>
<DropdownComponent
items={userConfig.voice_model_options}
selected={userConfig.selected_voice_model_config}
callbackFunc={updateModel("voice")}
/>
</CardContent>
<CardFooter className="flex flex-wrap gap-4">
{!userConfig.is_active && (
<p className="text-gray-400">Subscribe to switch model</p>
)}
</CardFooter>
</Card>
)}
</div>
</div>
<div className="section grid gap-8">
<div className="text-2xl">Clients</div>
<div className="cards flex flex-wrap gap-8">
@ -981,80 +1055,6 @@ export default function SettingsView() {
</Card>
</div>
</div>
<div className="section grid gap-8">
<div className="text-2xl">Models</div>
<div className="cards flex flex-wrap gap-16">
{userConfig.chat_model_options.length > 0 && (
<Card className={cardClassName}>
<CardHeader className="text-xl flex flex-row"><ChatCircleText className="h-7 w-7 mr-2"/>Chat</CardHeader>
<CardContent className="overflow-hidden pb-12 grid gap-8">
<p className="text-gray-400">Pick the chat model to generate text responses</p>
<DropdownComponent
items={userConfig.chat_model_options}
selected={userConfig.selected_chat_model_config}
callbackFunc={updateModel("chat")}
/>
</CardContent>
<CardFooter className="flex flex-wrap gap-4">
{!userConfig.is_active && (
<p className="text-gray-400">Subscribe to switch model</p>
)}
</CardFooter>
</Card>
)}
{userConfig.search_model_options.length > 0 && (
<Card className={cardClassName}>
<CardHeader className="text-xl flex flex-row"><FileMagnifyingGlass className="h-7 w-7 mr-2"/>Search</CardHeader>
<CardContent className="overflow-hidden pb-12 grid gap-8">
<p className="text-gray-400">Pick the search model to find your documents</p>
<DropdownComponent
items={userConfig.search_model_options}
selected={userConfig.selected_search_model_config}
callbackFunc={updateModel("search")}
/>
</CardContent>
<CardFooter className="flex flex-wrap gap-4">
</CardFooter>
</Card>
)}
{userConfig.paint_model_options.length > 0 && (
<Card className={cardClassName}>
<CardHeader className="text-xl flex flex-row"><Palette className="h-7 w-7 mr-2"/>Paint</CardHeader>
<CardContent className="overflow-hidden pb-12 grid gap-8">
<p className="text-gray-400">Pick the paint model to generate image responses</p>
<DropdownComponent
items={userConfig.paint_model_options}
selected={userConfig.selected_paint_model_config}
callbackFunc={updateModel("paint")}
/>
</CardContent>
<CardFooter className="flex flex-wrap gap-4">
{!userConfig.is_active && (
<p className="text-gray-400">Subscribe to switch model</p>
)}
</CardFooter>
</Card>
)}
{userConfig.voice_model_options.length > 0 && (
<Card className={cardClassName}>
<CardHeader className="text-xl flex flex-row"><Waveform className="h-7 w-7 mr-2"/>Voice</CardHeader>
<CardContent className="overflow-hidden pb-12 grid gap-8">
<p className="text-gray-400">Pick the voice model to generate speech responses</p>
<DropdownComponent
items={userConfig.voice_model_options}
selected={userConfig.selected_voice_model_config}
callbackFunc={updateModel("voice")}
/>
</CardContent>
<CardFooter className="flex flex-wrap gap-4">
{!userConfig.is_active && (
<p className="text-gray-400">Subscribe to switch model</p>
)}
</CardFooter>
</Card>
)}
</div>
</div>
</div>
</Suspense>
</div>