luulam/9router
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(dashboard): clamp API key mask length for short keys

Browse Source 
"•".repeat(apiKey.length - 8) threw RangeError when the key was
shorter than 8 chars, crashing the media-provider detail page.
This commit is contained in:
fasilu
2026-08-28 16:50:38 +07:00
committed by decolua
parent 4a371d1d9f
commit bb3cb43e09
3 changed files with 3 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/app/(dashboard)/dashboard/media-providers/[kind]/[id]/components/GenericExampleCard.js
View File

@@ -275,7 +275,7 @@ export function GenericExampleCard({ providerId, kind }) {
{/* API Key */} {/* API Key */}
<Row label="API Key"> <Row label="API Key">
<span className="px-3 py-1.5 text-sm font-mono text-text-main bg-sidebar rounded-lg truncate block"> <span className="px-3 py-1.5 text-sm font-mono text-text-main bg-sidebar rounded-lg truncate block">
{apiKey ? `${apiKey.slice(0, 8)}${"\u2022".repeat(Math.min(20, apiKey.length - 8))}` : <span className="text-text-muted italic">No key configured</span>} {apiKey ? `${apiKey.slice(0, 8)}${"\u2022".repeat(Math.min(20, Math.max(0, apiKey.length - 8)))}` : <span className="text-text-muted italic">No key configured</span>}
</span> </span>
</Row> </Row>

2
src/app/(dashboard)/dashboard/media-providers/[kind]/[id]/components/SttExampleCard.js
View File

@@ -157,7 +157,7 @@ export function SttExampleCard({ providerId }) {
{/* API Key */} {/* API Key */}
<Row label="API Key"> <Row label="API Key">
<span className="px-3 py-1.5 text-sm font-mono text-text-main bg-sidebar rounded-lg truncate block"> <span className="px-3 py-1.5 text-sm font-mono text-text-main bg-sidebar rounded-lg truncate block">
{apiKey ? `${apiKey.slice(0, 8)}${"\u2022".repeat(Math.min(20, apiKey.length - 8))}` : <span className="text-text-muted italic">No key configured</span>} {apiKey ? `${apiKey.slice(0, 8)}${"\u2022".repeat(Math.min(20, Math.max(0, apiKey.length - 8)))}` : <span className="text-text-muted italic">No key configured</span>}
</span> </span>
</Row> </Row>

2
src/app/(dashboard)/dashboard/media-providers/[kind]/[id]/components/TtsExampleCard.js
View File

@@ -274,7 +274,7 @@ export function TtsExampleCard({ providerId }) {
<Row label="API Key"> <Row label="API Key">
<span className="px-3 py-1.5 text-sm font-mono text-text-main bg-sidebar rounded-lg truncate block"> <span className="px-3 py-1.5 text-sm font-mono text-text-main bg-sidebar rounded-lg truncate block">
{apiKey {apiKey
? `${apiKey.slice(0, 8)}${"•".repeat(Math.min(20, apiKey.length - 8))}` ? `${apiKey.slice(0, 8)}${"•".repeat(Math.min(20, Math.max(0, apiKey.length - 8)))}`
: connectionCount > 0 : connectionCount > 0
? <span className="text-text-muted italic">Using stored key(s) · {connectionCount} connection{connectionCount > 1 ? "s" : ""}</span> ? <span className="text-text-muted italic">Using stored key(s) · {connectionCount} connection{connectionCount > 1 ? "s" : ""}</span>
: <span className="text-text-muted italic">No key configured</span>} : <span className="text-text-muted italic">No key configured</span>}