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

fix: update ux recemmend backend label into desc setting (#6088)

Browse Source
This commit is contained in:
Faisal Amir 2025-08-07 22:14:23 +07:00 committed by GitHub
parent 469d787888
commit 4d67418b0d
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
3 changed files with 38 additions and 42 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

19
web-app/src/containers/dynamicControllerSetting/DropdownControl.tsx
View File

@ -5,12 +5,6 @@ import {
DropdownMenuTrigger, DropdownMenuTrigger,
} from '@/components/ui/dropdown-menu' } from '@/components/ui/dropdown-menu'
import {
Tooltip,
TooltipTrigger,
TooltipContent,
} from '@/components/ui/tooltip'
import { IconStarFilled } from '@tabler/icons-react'
import { cn } from '@/lib/utils' import { cn } from '@/lib/utils'
// Dropdown component // Dropdown component
@ -24,7 +18,6 @@ type DropdownControlProps = {
export function DropdownControl({ export function DropdownControl({
value, value,
options = [], options = [],
recommended,
onChange, onChange,
}: DropdownControlProps) { }: DropdownControlProps) {
const isSelected = const isSelected =
@ -48,18 +41,6 @@ export function DropdownControl({
)} )}
> >
<span>{option.name}</span> <span>{option.name}</span>
{recommended === option.value && (
<Tooltip>
<TooltipTrigger asChild>
<div className="cursor-pointer">
<IconStarFilled className="text-accent" />
</div>
</TooltipTrigger>
<TooltipContent side="top" sideOffset={8} className="z-50">
Recommended
</TooltipContent>
</Tooltip>
)}
</DropdownMenuItem> </DropdownMenuItem>
))} ))}
</DropdownMenuContent> </DropdownMenuContent>

60
web-app/src/routes/settings/providers/$providerName.tsx
View File

@ -384,29 +384,43 @@ function ProviderDetail() {
: false : false
} }
description={ description={
<RenderMarkdown <>
className="![>p]:text-main-view-fg/70 select-none" <RenderMarkdown
content={setting.description} className="![>p]:text-main-view-fg/70 select-none"
components={{ content={setting.description}
// Make links open in a new tab components={{
a: ({ ...props }) => { // Make links open in a new tab
return ( a: ({ ...props }) => {
<a return (
{...props} <a
target="_blank" {...props}
rel="noopener noreferrer" target="_blank"
className={cn( rel="noopener noreferrer"
setting.key === 'api-key' && className={cn(
'second-step-setup-remote-provider' setting.key === 'api-key' &&
)} 'second-step-setup-remote-provider'
/> )}
) />
}, )
p: ({ ...props }) => ( },
<p {...props} className="!mb-0" /> p: ({ ...props }) => (
), <p {...props} className="!mb-0" />
}} ),
/> }}
/>
{setting.key === 'version_backend' &&
setting.controller_props?.recommended && (
<div className="mt-1 text-sm text-main-view-fg/60">
<span className="font-medium">
{setting.controller_props.recommended
?.split('/')
.pop() ||
setting.controller_props.recommended}
</span>
<span> is the recommended backend.</span>
</div>
)}
</>
} }
actions={actionComponent} actions={actionComponent}
/> />

1
web-app/src/types/modelProviders.d.ts vendored
View File

@ -7,6 +7,7 @@ type ControllerProps = {
type?: string type?: string
options?: Array<{ value: number | string; name: string }> options?: Array<{ value: number | string; name: string }>
input_actions?: string[] input_actions?: string[]
recommended?: string
} }
/** /**