xinyin025/LangBot
1
0
Fork 0
mirror of https://github.com/langbot-app/LangBot.git synced 2026-07-22 20:36:08 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix: remove internal adapter terminology from UI

Browse Source
This commit is contained in:
Junyan Qin
2026-06-30 21:54:03 +08:00
committed by huanghuoguoguo
parent 427e8b2873
commit 1eef5d2344
21 changed files with 150 additions and 105 deletions
Download Patch File Download Diff File Expand all files Collapse all files
web/src/app/home/bots/components/bot-form/BotForm.tsx
+36 -16
View File
@@ -138,9 +138,9 @@ export default function BotForm({
const currentAdapter = form.watch('adapter');
const currentAdapterConfig = form.watch('adapter_config');
// Group adapters by category for the Select dropdown. Legacy adapters
// (those superseded by an EBA implementation) are split out and shown in a
// collapsed group at the bottom so they're de-emphasized but still usable.
// Group adapters by category for the Select dropdown. Legacy adapters are
// split out and shown in a collapsed group at the bottom so they're
// de-emphasized but still usable for existing configurations.
const activeAdapters = useMemo(
() => adapterNameList.filter((a) => !a.legacy),
[adapterNameList],
@@ -494,19 +494,32 @@ export default function BotForm({
}}
value={field.value}
>
<SelectTrigger className="w-[240px]">
<SelectTrigger className="w-[240px] overflow-hidden">
{field.value ? (
<div className="flex items-center gap-2">
<div className="flex min-w-0 items-center gap-2">
<img
src={httpClient.getAdapterIconURL(field.value)}
alt=""
className="h-5 w-5 rounded"
className="h-5 w-5 shrink-0 rounded"
/>
<span>
{adapterNameList.find(
{(() => {
const selectedAdapter = adapterNameList.find(
(a) => a.value === field.value,
)?.label ?? field.value}
</span>
);
return (
<>
<span className="min-w-0 truncate">
{selectedAdapter?.label ?? field.value}
</span>
{selectedAdapter?.legacy && (
<span className="shrink-0 rounded border border-amber-200 bg-amber-50 px-1.5 py-0.5 text-[10px] font-medium text-amber-700 dark:border-amber-900/50 dark:bg-amber-950/30 dark:text-amber-300">
{t('bots.legacyAdapterBadge')}
</span>
)}
</>
);
})()}
</div>
) : (
<SelectValue
@@ -529,15 +542,17 @@ export default function BotForm({
key={`${group.categoryId ?? 'uncategorized'}:${item.value}`}
value={item.value}
>
<div className="flex items-center gap-2">
<div className="flex min-w-0 w-full items-center gap-2">
<img
src={httpClient.getAdapterIconURL(
item.value,
)}
alt=""
className="h-5 w-5 rounded"
className="h-5 w-5 shrink-0 rounded"
/>
<span>{item.label}</span>
<span className="min-w-0 truncate">
{item.label}
</span>
</div>
</SelectItem>
))}
@@ -582,15 +597,20 @@ export default function BotForm({
key={`legacy:${item.value}`}
value={item.value}
>
<div className="flex items-center gap-2 opacity-70">
<div className="flex min-w-0 w-full items-center gap-2 opacity-70">
<img
src={httpClient.getAdapterIconURL(
item.value,
)}
alt=""
className="h-5 w-5 rounded grayscale"
className="h-5 w-5 shrink-0 rounded grayscale"
/>
<span>{item.label}</span>
<span className="min-w-0 truncate">
{item.label}
</span>
<span className="ml-auto shrink-0 rounded border border-amber-200 bg-amber-50 px-1.5 py-0.5 text-[10px] font-medium text-amber-700 dark:border-amber-900/50 dark:bg-amber-950/30 dark:text-amber-300">
{t('bots.legacyAdapterBadge')}
</span>
</div>
</SelectItem>
))}