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

add full-width model names (#6350)

Browse Source
This commit is contained in:
Alexey Haidamaka 2025-09-23 05:14:21 +02:00 committed by GitHub
parent 568ee857d5
commit 5adc0d9d46
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
2 changed files with 8 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -621,10 +621,10 @@ const ChatInput = ({ model, className, initialMessage }: ChatInputProps) => {
<div className="absolute z-20 bg-transparent bottom-0 w-full p-2 "> <div className="absolute z-20 bg-transparent bottom-0 w-full p-2 ">
<div className="flex justify-between items-center w-full"> <div className="flex justify-between items-center w-full">
<div className="px-1 flex items-center gap-1"> <div className="px-1 flex items-center gap-1 flex-1 min-w-0">
<div <div
className={cn( className={cn(
'px-1 flex items-center', 'px-1 flex items-center w-full',
streamingContent && 'opacity-50 pointer-events-none' streamingContent && 'opacity-50 pointer-events-none'
)} )}
> >

13
web-app/src/containers/DropdownModelProvider.tsx
View File

@ -461,11 +461,11 @@ const DropdownModelProvider = ({
return ( return (
<Popover open={open} onOpenChange={onOpenChange}> <Popover open={open} onOpenChange={onOpenChange}>
<div className="bg-main-view-fg/5 hover:bg-main-view-fg/8 px-2 py-1 flex items-center gap-1.5 rounded-sm max-h-[32px] mr-0.5"> <div className="flex items-center gap-1.5 w-full">
<PopoverTrigger asChild> <PopoverTrigger asChild>
<button <button
title={displayModel} type="button"
className="font-medium cursor-pointer flex items-center gap-1.5 relative z-20 max-w-38" className="font-medium cursor-pointer flex items-center gap-1.5 relative z-20 w-full"
> >
{provider && ( {provider && (
<div className="shrink-0"> <div className="shrink-0">
@ -575,7 +575,7 @@ const DropdownModelProvider = ({
provider={searchableModel.provider} provider={searchableModel.provider}
/> />
</div> </div>
<span className="truncate text-main-view-fg/80 text-sm"> <span className="text-main-view-fg/80 text-sm">
{searchableModel.model.id} {searchableModel.model.id}
</span> </span>
<div className="flex-1"></div> <div className="flex-1"></div>
@ -613,7 +613,7 @@ const DropdownModelProvider = ({
<div className="flex items-center justify-between px-2 py-1"> <div className="flex items-center justify-between px-2 py-1">
<div className="flex items-center gap-1.5"> <div className="flex items-center gap-1.5">
<ProvidersAvatar provider={providerInfo} /> <ProvidersAvatar provider={providerInfo} />
<span className="capitalize truncate text-sm font-medium text-main-view-fg/80"> <span className="capitalize text-sm font-medium text-main-view-fg/80">
{getProviderTitle(providerInfo.provider)} {getProviderTitle(providerInfo.provider)}
</span> </span>
</div> </div>
@ -666,12 +666,11 @@ const DropdownModelProvider = ({
> >
<div className="flex items-center gap-2 flex-1 min-w-0"> <div className="flex items-center gap-2 flex-1 min-w-0">
<span <span
className="truncate text-main-view-fg/80 text-sm" className="text-main-view-fg/80 text-sm"
title={searchableModel.model.id} title={searchableModel.model.id}
> >
{searchableModel.model.id} {searchableModel.model.id}
</span> </span>
<div className="flex-1"></div> <div className="flex-1"></div>
{capabilities.length > 0 && ( {capabilities.length > 0 && (
<div className="flex-shrink-0 -mr-1.5"> <div className="flex-shrink-0 -mr-1.5">