WildDragonLLC/9router
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

fix(ui): count free-tier oauth connections on providers list

Browse source 
Free-tier cards (e.g. kimchi, oauth-only) hardcoded "apikey" for stats and
toggle, so oauth connections were invisible on /dashboard/providers despite
showing on the detail page. Use dualAuthTypes per provider instead.

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
This commit is contained in:
decolua 2026-07-29 20:06:20 +07:00
parent 24fd165b0d
commit baf3356583
1 changed files with 30 additions and 15 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

45
src/app/(dashboard)/dashboard/providers/page.js
View file

@ -294,15 +294,27 @@ export default function ProvidersPage() {
const freeEntries = Object.entries(FREE_PROVIDERS) const freeEntries = Object.entries(FREE_PROVIDERS)
.filter(([, info]) => !info.hidden && matchSearch(info.name)) .filter(([, info]) => !info.hidden && matchSearch(info.name))
.sort(([, a], [, b]) => (b.noAuth ? 1 : 0) - (a.noAuth ? 1 : 0)); .sort(([, a], [, b]) => (b.noAuth ? 1 : 0) - (a.noAuth ? 1 : 0));
const freeTierEntries = sortByPriority( // Free Tier cards may be oauth-only (e.g. kimchi) or dual-auth, so count via
Object.entries(FREE_TIER_PROVIDERS).filter( // dualAuthTypes per provider instead of a fixed "apikey" — otherwise oauth
// connections are invisible here (mismatch with the detail page).
const freeTierEntries = Object.entries(FREE_TIER_PROVIDERS)
.filter(
([, info]) => ([, info]) =>
!info.hidden && !info.hidden &&
matchSearch(info.name) && matchSearch(info.name) &&
(info.serviceKinds ?? ["llm"]).includes("llm"), (info.serviceKinds ?? ["llm"]).includes("llm"),
), )
"freeTier", .sort(([ka, a], [kb, b]) => {
).sort(([, a], [, b]) => (b.noAuth ? 1 : 0) - (a.noAuth ? 1 : 0)); const pa = a.priority ?? 999;
const pb = b.priority ?? 999;
if (pa !== pb) return pa - pb;
const noAuthDiff = (b.noAuth ? 1 : 0) - (a.noAuth ? 1 : 0);
if (noAuthDiff !== 0) return noAuthDiff;
const ca = getProviderStats(ka, dualAuthTypes(a, ka)).connected > 0 ? 0 : 1;
const cb = getProviderStats(kb, dualAuthTypes(b, kb)).connected > 0 ? 0 : 1;
if (ca !== cb) return ca - cb;
return (a.name || "").localeCompare(b.name || "");
});
// API Key: connected providers first, then alphabetical by name // API Key: connected providers first, then alphabetical by name
const apikeyEntries = Object.entries(APIKEY_PROVIDERS) const apikeyEntries = Object.entries(APIKEY_PROVIDERS)
.filter( .filter(
@ -495,16 +507,19 @@ export default function ProvidersPage() {
/> />
); );
})} })}
{freeTierEntries.map(([key, info]) => ( {freeTierEntries.map(([key, info]) => {
<ApiKeyProviderCard const freeAuthTypes = dualAuthTypes(info, key);
key={key} return (
providerId={key} <ApiKeyProviderCard
provider={info} key={key}
stats={getProviderStats(key, "apikey")} providerId={key}
authType="apikey" provider={info}
onToggle={(active) => handleToggleProvider(key, "apikey", active)} stats={getProviderStats(key, freeAuthTypes)}
/> authType={Array.isArray(freeAuthTypes) ? (freeAuthTypes[0] ?? "apikey") : freeAuthTypes}
))} onToggle={(active) => handleToggleProvider(key, freeAuthTypes, active)}
/>
);
})}
</div> </div>
</div> </div>
)} )}