xinyin025/LangBot
1
0
Fork 0
mirror of https://github.com/langbot-app/LangBot.git synced 2026-06-08 14:56:03 +00:00
Code Issues Packages Projects Releases Wiki Activity

feat: add LangBot Space ChatCompletions requester and integrate with ModelsDialog and EmbeddingForm components

Browse Source
This commit is contained in:
Junyan Qin
2025-12-30 21:52:52 +08:00
parent 19f417174c
commit 197258ae91
7 changed files with 124 additions and 72 deletions
Download Patch File Download Diff File Expand all files Collapse all files

57
web/src/app/home/components/models-dialog/ModelsDialog.tsx
View File

@@ -53,6 +53,7 @@ interface ModelsDialogProps {
}
const LANGBOT_MODELS_PROVIDER_NAME = 'LangBot Models';
const LANGBOT_MODELS_PROVIDER_REQUESTER = 'space-chat-completions';
export default function ModelsDialog({
open,
@@ -253,10 +254,10 @@ export default function ModelsDialog({
// Separate LangBot Models provider
const langbotProvider = providers.find(
(p) => p.name === LANGBOT_MODELS_PROVIDER_NAME,
(p) => p.requester === LANGBOT_MODELS_PROVIDER_REQUESTER,
);
const otherProviders = providers.filter(
(p) => p.name !== LANGBOT_MODELS_PROVIDER_NAME,
(p) => p.requester !== LANGBOT_MODELS_PROVIDER_REQUESTER,
);
function renderProviderCard(
@@ -501,58 +502,6 @@ export default function ModelsDialog({
if (langbotProvider) {
return renderProviderCard(langbotProvider, true);
}
return (
<Card className="mb-2">
<CardHeader className="p-3">
<div className="flex items-center justify-between">
<div className="flex items-center gap-2">
<div className="w-9 h-9 rounded-lg overflow-hidden flex-shrink-0">
<img
src={langbotIcon.src}
alt="LangBot"
className="w-full h-full object-cover"
/>
</div>
<div>
<CardTitle className="text-base">
{LANGBOT_MODELS_PROVIDER_NAME}
</CardTitle>
<p className="text-xs text-muted-foreground">
{t('models.langbotModelsDescription')}
</p>
</div>
</div>
{accountType !== 'space' ? (
<Button variant="outline" size="sm" onClick={handleSpaceLogin}>
<LogIn className="h-4 w-4 mr-1" />
{t('models.loginWithSpace')}
</Button>
) : (
spaceCredits !== null && (
<div className="flex items-center gap-1 border rounded-md px-2 h-8 text-sm">
<span>
{(spaceCredits / 5000).toFixed(2)} {t('models.credits')}
</span>
<Button
variant="ghost"
size="icon"
className="h-5 w-5"
onClick={() =>
window.open(
`${systemInfo.cloud_service_url}/billing`,
'_blank',
)
}
>
<Plus className="h-3 w-3" />
</Button>
</div>
)
)}
</div>
</CardHeader>
</Card>
);
}
function handleFormClose() {

32
web/src/app/home/components/models-dialog/component/embedding-form/EmbeddingForm.tsx
View File

@@ -373,11 +373,15 @@ export default function EmbeddingForm({
/>
</SelectTrigger>
<SelectContent>
{providers.map((p) => (
<SelectItem key={p.uuid} value={p.uuid}>
{p.name} ({p.base_url || 'default'})
</SelectItem>
))}
{providers
.filter(
(p) => p.requester !== 'space-chat-completions',
)
.map((p) => (
<SelectItem key={p.uuid} value={p.uuid}>
{p.name} ({p.base_url || 'default'})
</SelectItem>
))}
</SelectContent>
</Select>
<FormMessage />
@@ -413,7 +417,11 @@ export default function EmbeddingForm({
{t('models.modelManufacturer')}
</SelectLabel>
{requesterList
.filter((r) => r.category === 'manufacturer')
.filter(
(r) =>
r.category === 'manufacturer' &&
r.value !== 'space-chat-completions',
)
.map((r) => (
<SelectItem key={r.value} value={r.value}>
{r.label}
@@ -425,7 +433,11 @@ export default function EmbeddingForm({
{t('models.aggregationPlatform')}
</SelectLabel>
{requesterList
.filter((r) => r.category === 'maas')
.filter(
(r) =>
r.category === 'maas' &&
r.value !== 'space-chat-completions',
)
.map((r) => (
<SelectItem key={r.value} value={r.value}>
{r.label}
@@ -437,7 +449,11 @@ export default function EmbeddingForm({
{t('models.selfDeployed')}
</SelectLabel>
{requesterList
.filter((r) => r.category === 'self-hosted')
.filter(
(r) =>
r.category === 'self-hosted' &&
r.value !== 'space-chat-completions',
)
.map((r) => (
<SelectItem key={r.value} value={r.value}>
{r.label}

32
web/src/app/home/components/models-dialog/component/llm-form/LLMForm.tsx
View File

@@ -385,11 +385,15 @@ export default function LLMForm({
/>
</SelectTrigger>
<SelectContent>
{providers.map((p) => (
<SelectItem key={p.uuid} value={p.uuid}>
{p.name} ({p.base_url || 'default'})
</SelectItem>
))}
{providers
.filter(
(p) => p.requester !== 'space-chat-completions',
)
.map((p) => (
<SelectItem key={p.uuid} value={p.uuid}>
{p.name} ({p.base_url || 'default'})
</SelectItem>
))}
</SelectContent>
</Select>
<FormMessage />
@@ -425,7 +429,11 @@ export default function LLMForm({
{t('models.modelManufacturer')}
</SelectLabel>
{requesterList
.filter((r) => r.category === 'manufacturer')
.filter(
(r) =>
r.category === 'manufacturer' &&
r.value !== 'space-chat-completions',
)
.map((r) => (
<SelectItem key={r.value} value={r.value}>
{r.label}
@@ -437,7 +445,11 @@ export default function LLMForm({
{t('models.aggregationPlatform')}
</SelectLabel>
{requesterList
.filter((r) => r.category === 'maas')
.filter(
(r) =>
r.category === 'maas' &&
r.value !== 'space-chat-completions',
)
.map((r) => (
<SelectItem key={r.value} value={r.value}>
{r.label}
@@ -449,7 +461,11 @@ export default function LLMForm({
{t('models.selfDeployed')}
</SelectLabel>
{requesterList
.filter((r) => r.category === 'self-hosted')
.filter(
(r) =>
r.category === 'self-hosted' &&
r.value !== 'space-chat-completions',
)
.map((r) => (
<SelectItem key={r.value} value={r.value}>
{r.label}