scriptoriumadmin/fabro
1
0
Fork 0
mirror of https://github.com/fabro-sh/fabro.git synced 2026-10-07 03:00:29 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 4

refactor(web): simplify models settings page

Browse source 
Drop the default model, base URL, and provider slug badge from each
provider row. Rows now show the display name (slug fallback), model
count, and configuration status.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
This commit is contained in:
Bryan Helmkamp 2026-05-20 09:38:46 -04:00
parent 85aceb7256
commit ac9385a68e
No known key found for this signature in database
1 changed files with 2 additions and 26 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

28
apps/fabro-web/app/routes/settings-models.tsx
View file

@ -1,7 +1,6 @@
import type { Provider } from "@qltysh/fabro-api-client";
import { useProviders } from "../lib/queries";
import {
Badge,
Dot,
Panel,
PanelSkeleton,
@ -48,37 +47,14 @@ function ProvidersPanel({ providers }: { providers: Provider[] }) {
function ProviderRow({ provider }: { provider: Provider }) {
return (
<Row
title={
<span className="inline-flex items-center gap-2">
{provider.display_name}
<Badge>{provider.id}</Badge>
</span>
}
help={<ProviderHelp provider={provider} />}
title={provider.display_name || provider.id}
help={`${provider.model_count} ${plural(provider.model_count, "model", "models")}`}
>
<ProviderStatus provider={provider} />
</Row>
);
}
function ProviderHelp({ provider }: { provider: Provider }) {
return (
<span className="inline-flex flex-wrap items-center gap-x-1.5">
<span>
{provider.model_count} {plural(provider.model_count, "model", "models")}
</span>
<span aria-hidden="true">·</span>
<span>default {provider.default_model ?? "—"}</span>
{provider.base_url ? (
<>
<span aria-hidden="true">·</span>
<span className="font-mono">{provider.base_url}</span>
</>
) : null}
</span>
);
}
function ProviderStatus({ provider }: { provider: Provider }) {
return (
<span className="inline-flex flex-wrap items-center gap-x-2 gap-y-1">