-
@@ -676,7 +680,7 @@ function ComboHealthCard({
{t("comboHealthExecutionTargets")}
Performance
+
+ {t("comboHealthPerformance")}
+
- Reliability and throughput for routed combo traffic.
+ {t("comboHealthPerformanceDescription")}
- Step-level runtime metrics and quota visibility for structured combo targets.
+ {t("comboHealthExecutionTargetsDescription")}
@@ -704,7 +708,7 @@ function ComboHealthCard({
) : null}
- Quota scope: {target.quotaScope}
- {target.quotaTrend ? Trend: {target.quotaTrend} : null}
- {target.quotaIsExhausted ? Exhausted : null}
+ {t("comboHealthQuotaScope", { scope: target.quotaScope })}
+ {target.quotaTrend ? (
+ {t("comboHealthTrendValue", { trend: target.quotaTrend })}
+ ) : null}
+ {target.quotaIsExhausted ? {t("statusExhausted")} : null}
))}
@@ -814,7 +820,7 @@ export default function ComboHealthTab() {
);
if (!response.ok) {
- throw new Error("Failed to fetch combo health data");
+ throw new Error(t("comboHealthFetchFailed"));
}
const result = (await response.json()) as ComboHealthDashboardResponse;
@@ -830,7 +836,7 @@ export default function ComboHealthTab() {
if ((fetchError as Error).name === "AbortError") {
return;
}
- setError(fetchError instanceof Error ? fetchError.message : "Unknown error");
+ setError(fetchError instanceof Error ? fetchError.message : t("unknownError"));
if (!isRetry) setData(null);
} finally {
if (!controller.signal.aborted) {
@@ -839,7 +845,7 @@ export default function ComboHealthTab() {
}
}
},
- [range, horizon]
+ [range, horizon, t]
);
useEffect(() => {
@@ -872,9 +878,7 @@ export default function ComboHealthTab() {
{t("comboHealthTitle")}
-- Monitor quota pressure, skewed model usage, and delivery performance by combo. -
+{t("comboHealthIntro")}
- No combo health data available
-
+ {t("comboHealthNoData")}
- Combo quota snapshots and routed requests will appear here after traffic starts
- flowing.
+ {t("comboHealthNoDataDescription")}
{t("comboHealthGettingStarted")}
@@ -980,20 +981,22 @@ export default function ComboHealthTab() { check_circle - Create combos in Combos with multiple providers + {t.rich("comboHealthStepCreate", { + strong: (chunks) => {chunks}, + })}
{mode}
- {count} requests · {tokensSaved.toLocaleString()} tokens saved
+ {t("compressionAnalyticsModeStats", {
+ count,
+ tokens: tokensSaved.toLocaleString(),
+ })}
{skipped > 0 && (
// #4268: attempted-but-no-op runs (e.g. Stacked saved nothing) are
// recorded now, so this mode is visible even when count is 0.
- {" "}
- · {skipped.toLocaleString()} skipped (no-op)
+ {t("compressionAnalyticsSkipped", { count: skipped.toLocaleString() })}
)}
@@ -112,13 +115,17 @@ function ProviderBar({
total: number;
tokensSaved: number;
}) {
+ const t = useTranslations("analytics");
const pct = total > 0 ? Math.round((count / total) * 100) : 0;
return (
{provider}
- {count} requests · {tokensSaved.toLocaleString()} tokens saved
+ {t("compressionAnalyticsModeStats", {
+ count,
+ tokens: tokensSaved.toLocaleString(),
+ })}
@@ -157,7 +164,7 @@ export default function CompressionAnalyticsTab() {
return (
@@ -234,13 +238,15 @@ export default function CompressionAnalyticsTab() {
icon="receipt_long"
label={t("compressionAnalyticsReceipts")}
value={stats.realUsage.requestsWithReceipts.toLocaleString()}
- sub={`${stats.realUsage.totalTokens.toLocaleString()} real tokens`}
+ sub={t("compressionAnalyticsRealTokens", {
+ count: stats.realUsage.totalTokens.toLocaleString(),
+ })}
/>
progress_activity
- Loading compression analytics…
+ {t("compressionAnalyticsLoading")}
);
}
@@ -166,11 +173,8 @@ export default function CompressionAnalyticsTab() {
return (
compress
- {error || "No compression data yet."}
-
);
}
@@ -198,12 +202,12 @@ export default function CompressionAnalyticsTab() {
}`}
>
{range === "24h"
- ? "Last 24h"
+ ? t("rangeLast24h")
: range === "7d"
- ? "Last 7d"
+ ? t("rangeLast7d")
: range === "30d"
- ? "Last 30d"
- : "All time"}
+ ? t("rangeLast30d")
+ : t("rangeAllTime")}
))}
- Compression requests will appear here after the first request via /v1/chat/completions - with compression enabled. -
+ {error || t("compressionAnalyticsNoDataYet")} +{t("compressionAnalyticsNoDataDescription")}
receipt_long - Real Usage Receipts + {t("compressionAnalyticsRealUsageReceipts")}
@@ -278,7 +284,7 @@ export default function CompressionAnalyticsTab() {
-
@@ -295,11 +297,14 @@ function TargetTimeline({ targets }: { targets: ExplainTarget[] }) {
);
}
-function replayAlignmentLabel(alignment: NonNullable["alignment"]) {
- if (alignment === "matches_recomputed_top_target") return "Matches current top target";
- if (alignment === "differs_from_recomputed_top_target") return "Differs from current top";
- if (alignment === "runtime_target_missing_from_recompute") return "Target missing now";
- return "Not combo routed";
+function replayAlignmentLabel(
+ alignment: NonNullable["alignment"],
+ t: ReturnType
+) {
+ if (alignment === "matches_recomputed_top_target") return t("routeMatchesTopTarget");
+ if (alignment === "differs_from_recomputed_top_target") return t("routeDiffersFromTop");
+ if (alignment === "runtime_target_missing_from_recompute") return t("routeTargetMissingNow");
+ return t("routeNotComboRouted");
}
function replayAlignmentVariant(alignment: NonNullable["alignment"]) {
@@ -310,28 +315,28 @@ function replayAlignmentVariant(alignment: NonNullable
+
@@ -349,25 +354,27 @@ function WhyThisTargetCard({ replay }: { replay: DecisionReplay | undefined }) {
- {replayAlignmentLabel(recompute.alignment)}
+ {replayAlignmentLabel(recompute.alignment, t)}
- Runtime
+ {t("runtime")}
) : null}
{candidate.wouldSelectNow ? (
- Top now
+ {t("routeTopNow")}
) : null}
@@ -467,7 +474,7 @@ export default function RouteExplainabilityTab({
signal,
cache: "no-store",
});
- if (!response.ok) throw new Error("Failed to fetch request logs");
+ if (!response.ok) throw new Error(t("routeFetchLogsFailed"));
const data = (await response.json()) as CallLogOption[];
setLogs(data);
setSelectedId((current) => {
@@ -480,35 +487,38 @@ export default function RouteExplainabilityTab({
setError(null);
} catch (fetchError) {
if ((fetchError as Error).name === "AbortError") return;
- setError(fetchError instanceof Error ? fetchError.message : "Failed to fetch request logs");
+ setError(fetchError instanceof Error ? fetchError.message : t("routeFetchLogsFailed"));
setLogs([]);
} finally {
if (!signal?.aborted) setLogsLoading(false);
}
},
- [initialRequestId]
+ [initialRequestId, t]
);
- const fetchExplanation = useCallback(async (requestId: string, signal?: AbortSignal) => {
- if (!requestId) return;
- setExplanationLoading(true);
- try {
- const response = await fetch(`/api/usage/route-explain/${encodeURIComponent(requestId)}`, {
- signal,
- cache: "no-store",
- });
- if (!response.ok) throw new Error("Failed to explain route");
- const data = (await response.json()) as RouteExplainabilityResponse;
- setExplanation(data);
- setError(null);
- } catch (fetchError) {
- if ((fetchError as Error).name === "AbortError") return;
- setError(fetchError instanceof Error ? fetchError.message : "Failed to explain route");
- setExplanation(null);
- } finally {
- if (!signal?.aborted) setExplanationLoading(false);
- }
- }, []);
+ const fetchExplanation = useCallback(
+ async (requestId: string, signal?: AbortSignal) => {
+ if (!requestId) return;
+ setExplanationLoading(true);
+ try {
+ const response = await fetch(`/api/usage/route-explain/${encodeURIComponent(requestId)}`, {
+ signal,
+ cache: "no-store",
+ });
+ if (!response.ok) throw new Error(t("routeExplainFailed"));
+ const data = (await response.json()) as RouteExplainabilityResponse;
+ setExplanation(data);
+ setError(null);
+ } catch (fetchError) {
+ if ((fetchError as Error).name === "AbortError") return;
+ setError(fetchError instanceof Error ? fetchError.message : t("routeExplainFailed"));
+ setExplanation(null);
+ } finally {
+ if (!signal?.aborted) setExplanationLoading(false);
+ }
+ },
+ [t]
+ );
useEffect(() => {
const controller = new AbortController();
@@ -569,7 +579,7 @@ export default function RouteExplainabilityTab({
{logs.map((log) => (
))}
@@ -583,7 +593,7 @@ export default function RouteExplainabilityTab({
@@ -601,10 +611,9 @@ export default function RouteExplainabilityTab({
@@ -614,7 +623,7 @@ export default function RouteExplainabilityTab({
@@ -635,47 +644,53 @@ export default function RouteExplainabilityTab({
: "default"
}
>
- {explanation.confidence} confidence
+ {t("routeConfidence", { confidence: explanation.confidence })}
+
Sources
+ {t("compressionAnalyticsSources")}
{Object.entries(stats.realUsage.bySource)
.map(([source, count]) => `${source}: ${count}`)
@@ -294,7 +300,7 @@ export default function CompressionAnalyticsTab() {
);
}
function TargetTimeline({ targets }: { targets: ExplainTarget[] }) {
+ const t = useTranslations("analytics");
const nodeMap = useProviderNodeMap();
if (targets.length === 0) {
- return tune - Mode Breakdown + {t("compressionAnalyticsModeBreakdown")}
{modes.map(([mode, data]) => (
@@ -316,7 +322,7 @@ export default function CompressionAnalyticsTab() {
diff --git a/src/app/(dashboard)/dashboard/analytics/RouteExplainabilityTab.tsx b/src/app/(dashboard)/dashboard/analytics/RouteExplainabilityTab.tsx
index d5ea1b397b..694b7dbdd6 100644
--- a/src/app/(dashboard)/dashboard/analytics/RouteExplainabilityTab.tsx
+++ b/src/app/(dashboard)/dashboard/analytics/RouteExplainabilityTab.tsx
@@ -223,6 +223,7 @@ function ExplainabilitySkeleton() {
}
function FactorCard({ factor }: { factor: ExplanationFactor }) {
+ const t = useTranslations("analytics");
const contributionPct = Math.round(factor.contribution * 100);
const weightPct = Math.round(factor.weight * 100);
@@ -241,16 +242,17 @@ function FactorCard({ factor }: { factor: ExplanationFactor }) {
hub - Provider Breakdown + {t("compressionAnalyticsProviderBreakdown")}
{providers.map(([prov, data]) => (
@@ -337,7 +343,7 @@ export default function CompressionAnalyticsTab() {
diff --git a/src/app/(dashboard)/dashboard/analytics/ProviderUtilizationTab.tsx b/src/app/(dashboard)/dashboard/analytics/ProviderUtilizationTab.tsx
index 331cca2def..b8d62d96ce 100644
--- a/src/app/(dashboard)/dashboard/analytics/ProviderUtilizationTab.tsx
+++ b/src/app/(dashboard)/dashboard/analytics/ProviderUtilizationTab.tsx
@@ -15,13 +15,6 @@ import type {
UtilizationTimeRange,
} from "@/shared/types/utilization";
-const RANGE_LABELS: Record = {
- "1h": "Last hour",
- "24h": "Last 24 hours",
- "7d": "Last 7 days",
- "30d": "Last 30 days",
-};
-
const PROVIDER_COLORS = [
"var(--color-primary)",
"var(--color-accent)",
@@ -189,7 +182,7 @@ export default function ProviderUtilizationTab() {
@@ -203,7 +196,7 @@ export default function ProviderUtilizationTab() {
}`}
>
dns
- Global View
+ {t("providerUtilizationGlobalView")}
) : error ? (
show_chart - Last 24 Hours (Activity) + {t("compressionAnalyticsLast24HoursActivity")}
{stats.last24h.map((entry, idx) => {
@@ -348,7 +354,11 @@ export default function CompressionAnalyticsTab() {
)}
@@ -376,8 +390,9 @@ export default function CompressionAnalyticsTab() {
)}
@@ -386,9 +401,9 @@ export default function CompressionAnalyticsTab() {
{entry.count}
@@ -362,8 +372,12 @@ export default function CompressionAnalyticsTab() {
})}
-
Max requests/hour: {maxCountPerHour}
- Max tokens/hour: {maxTokensPerHour.toLocaleString()}
+ {t("compressionAnalyticsMaxRequests", { count: maxCountPerHour })}
+
+ {t("compressionAnalyticsMaxTokens", {
+ count: maxTokensPerHour.toLocaleString(),
+ })}
+
{t("compressionAnalyticsNoDataYet")}
- Use POST /v1/chat/completions with
- compression configuration to start tracking compression analytics.
+ {t.rich("compressionAnalyticsStartTracking", {
+ code: (chunks) => {chunks},
+ })}
info
- Compression analytics: Token savings tracked per mode (off, lite,
- standard, aggressive, ultra, RTK, stacked), engine, compression combo, and provider. Hover
- over charts for details. Use the time selector to view different time periods.
+ {t.rich("compressionAnalyticsInfo", {
+ strong: (chunks) => {chunks},
+ })}
@@ -249,12 +242,12 @@ export default function ProviderUtilizationTab() {
progress_activity
- Retrying…
+ {t("retrying")}
) : (
<>
refresh
- Retry
+ {t("retry")}
)}
@@ -267,7 +260,7 @@ export default function ProviderUtilizationTab() {
@@ -373,7 +370,7 @@ export default function ProviderUtilizationTab() {
{t("providerUtilizationNoData")}
- Provider quota snapshots will appear here after utilization data is collected. + {t("providerUtilizationNoDataDescription")}
@@ -280,22 +273,22 @@ export default function ProviderUtilizationTab() {
check_circle
- Connect providers via OAuth or API keys in Providers
+ {t.rich("providerUtilizationStepConnect", {
+ strong: (chunks) => {chunks},
+ })}
check_circle
-
- Enable quota tracking by using the provider in a combo or direct request
-
+ {t("providerUtilizationStepEnable")}
check_circle
- Data will appear automatically as quota snapshots are collected
+ {t("providerUtilizationStepAutomatic")}
@@ -343,7 +336,11 @@ export default function ProviderUtilizationTab() {
: "bg-success/10 text-success"
}`}
>
- {point.isExhausted ? "Exhausted" : isLow ? "Low" : "Healthy"}
+ {point.isExhausted
+ ? t("statusExhausted")
+ : isLow
+ ? t("statusLow")
+ : t("statusHealthy")}
0%
- Remaining quota
+ {t("remainingQuota")}
100%
- Weight {weightPct}% · {factor.details}
+ {t("routeWeight", { weight: weightPct })} · {factor.details}
No related target evidence persisted yet.
;
+ return {t("routeNoRelatedEvidence")}
;
}
return (
@@ -269,16 +271,16 @@ function TargetTimeline({ targets }: { targets: ExplainTarget[] }) {
- {resolveProviderName(target.provider, nodeMap)} / {target.model || "unknown"}
+ {resolveProviderName(target.provider, nodeMap)} / {target.model || t("unknown")}
{target.outcome === "selected" ? (
- Selected
+ {t("selected")}
) : null}
- {formatDate(target.timestamp)} · {target.comboStepId || "no step id"}
+ {formatDate(target.timestamp)} · {target.comboStepId || t("routeNoStepId")}
{target.reason}
-
Exact runtime log
+
+ {t("routeExactRuntimeLog")}
+
{resolveProviderName(replay.runtime.provider, nodeMap)} /{" "}
- {replay.runtime.model || "unknown"}
+ {replay.runtime.model || t("unknown")}
- {formatDate(replay.runtime.timestamp)} · {replay.runtime.comboStepId || "no step"}
+ {formatDate(replay.runtime.timestamp)} ·{" "}
+ {replay.runtime.comboStepId || t("routeNoStep")}
@@ -339,7 +344,7 @@ function WhyThisTargetCard({ replay }: { replay: DecisionReplay | undefined }) {
HTTP {replay.runtime.status || "n/a"}
- call_logs exact
+ {t("routeCallLogsExact")}
-
Read-only recompute
+
+ {t("routeReadOnlyRecompute")}
+
{recompute.comboName} · {recompute.strategy} · {recompute.timeRange} /{" "}
{recompute.horizon}
- No combo candidate ranking can be recomputed for this request.
+ {t("routeNoRecomputeCandidates")}
)}
@@ -408,12 +415,12 @@ function WhyThisTargetCard({ replay }: { replay: DecisionReplay | undefined }) {
{candidate.isRuntimeSelected ? (
route_off
-
Unable to load route explanation
+ {t("routeUnableToLoad")}
{error}
route
-
No request logs available
+ {t("routeNoRequestLogs")}
- Send traffic through OmniRoute first. Route explanations are generated from persisted
- structured call logs.
+ {t("routeNoRequestLogsDescription")}
{explanation.summary}
{[
- ["Provider", resolveProviderName(explanation.selectedTarget.provider, nodeMap)],
- ["Model", explanation.selectedTarget.model || "n/a"],
- ["Account", explanation.selectedTarget.account || "n/a"],
- ["Connection", explanation.selectedTarget.connectionId || "n/a"],
- ["Combo", explanation.comboUsed || "Direct"],
- ["Step", explanation.selectedTarget.comboStepId || "n/a"],
[
- "Tokens",
- `${explanation.selectedTarget.tokensIn.toLocaleString()} in · ${explanation.selectedTarget.tokensOut.toLocaleString()} out`,
+ t("provider"),
+ resolveProviderName(explanation.selectedTarget.provider, nodeMap),
+ ],
+ [t("model"), explanation.selectedTarget.model || t("notAvailable")],
+ [t("account"), explanation.selectedTarget.account || t("notAvailable")],
+ [t("connection"), explanation.selectedTarget.connectionId || t("notAvailable")],
+ [t("combo"), explanation.comboUsed || t("direct")],
+ [t("routeStep"), explanation.selectedTarget.comboStepId || t("notAvailable")],
+ [
+ t("tokens"),
+ t("routeTokenCounts", {
+ input: explanation.selectedTarget.tokensIn.toLocaleString(),
+ output: explanation.selectedTarget.tokensOut.toLocaleString(),
+ }),
],
].map(([label, value]) => (
-
+
@@ -151,9 +156,7 @@ export default function DiversityScoreCard() {
{/* Provider bars */}
{explanation.evidence.map((item) => (
@@ -141,7 +146,7 @@ export default function DiversityScoreCard() {
-
+
@@ -133,7 +136,9 @@ export default function DiversityScoreCard() {
{scorePercentage}%
- score
+
+ {t("diversityScoreLabel")}
+
{explanation.decision.factors.map((factor) => (
-
+
-
+
{explanation.limitations.length > 0 ? (
diff --git a/src/app/(dashboard)/dashboard/analytics/components/DiversityScoreCard.tsx b/src/app/(dashboard)/dashboard/analytics/components/DiversityScoreCard.tsx
index fc4dce9d04..b2a4d686e7 100644
--- a/src/app/(dashboard)/dashboard/analytics/components/DiversityScoreCard.tsx
+++ b/src/app/(dashboard)/dashboard/analytics/components/DiversityScoreCard.tsx
@@ -62,16 +62,16 @@ export default function DiversityScoreCard() {
let riskColor = "text-green-500";
let gaugeColor = "bg-green-500";
- let riskLabel = "Healthy Distribution";
+ let riskLabel = t("diversityHealthy");
if (scorePercentage < 40) {
riskColor = "text-red-500";
gaugeColor = "bg-red-500";
- riskLabel = "High Vendor Lock-in Risk";
+ riskLabel = t("diversityRiskHigh");
} else if (scorePercentage < 70) {
riskColor = "text-amber-500";
gaugeColor = "bg-amber-500";
- riskLabel = "Moderate Distribution";
+ riskLabel = t("diversityRiskModerate");
}
const providerEntries = Object.entries(data.providers || {})
@@ -86,12 +86,15 @@ export default function DiversityScoreCard() {
pie_chart
-
{explanation.recommendations.map((item) => (
- @@ -745,7 +756,7 @@ export default function RouteExplainabilityTab({
-
{explanation.limitations.map((item) => (
@@ -758,9 +769,7 @@ export default function RouteExplainabilityTab({
))}
- No known limitations for this explanation.
-
+ {t("routeNoKnownLimitations")}
)}
{t("diversityScoreTitle")}
- — Provider concentration snapshot for the recent traffic window. + — {t("diversityScoreDesc")}
- Window: {data.windowSize} reqs · Last {Math.round(data.ttlMs / 60000)} mins
+ {t("diversityWindow", {
+ count: data.windowSize,
+ mins: Math.round(data.ttlMs / 60000),
+ })}
- Shannon entropy
+ {t("diversityShannonEntropy")}
{riskLabel}
- Higher values mean traffic is spread across multiple providers.
+ {t("diversityHigherExplanation")}
{providerEntries.length === 0 ? (
-
- No recent usage data available.
-
+ {t("diversityNoData")}
) : (
{providerEntries.map(([provider, stat]) => (
diff --git a/src/app/(dashboard)/dashboard/analytics/page.tsx b/src/app/(dashboard)/dashboard/analytics/page.tsx
index 702b270e82..8f604bbc9d 100644
--- a/src/app/(dashboard)/dashboard/analytics/page.tsx
+++ b/src/app/(dashboard)/dashboard/analytics/page.tsx
@@ -13,12 +13,7 @@ import SearchAnalyticsTab from "./SearchAnalyticsTab";
import DiversityScoreCard from "./components/DiversityScoreCard";
type AnalyticsTab =
- | "overview"
- | "evals"
- | "search"
- | "utilization"
- | "combo-health"
- | "route-trace";
+ "overview" | "evals" | "search" | "utilization" | "combo-health" | "route-trace";
const ANALYTICS_TABS: Array<{
id: AnalyticsTab;
@@ -82,7 +77,7 @@ function AnalyticsPageContent() {
{ANALYTICS_TABS.map((tab) => {
diff --git a/src/app/(dashboard)/dashboard/api-manager/ApiManagerPageClient.tsx b/src/app/(dashboard)/dashboard/api-manager/ApiManagerPageClient.tsx
index c9ad9b8be3..c3350c35ab 100644
--- a/src/app/(dashboard)/dashboard/api-manager/ApiManagerPageClient.tsx
+++ b/src/app/(dashboard)/dashboard/api-manager/ApiManagerPageClient.tsx
@@ -259,7 +259,7 @@ export default function ApiManagerPageClient() {
fetchModels();
fetchCombos();
fetchConnections();
- }, []);
+ }, []); // eslint-disable-line react-hooks/exhaustive-deps -- initial dashboard load only
useEffect(() => {
if (!showAddModal || !nameError) return;
@@ -562,9 +562,8 @@ export default function ApiManagerPageClient() {
// 4. search query (case-insensitive substring on name and key)
if (searchQuery.trim()) {
- const q = searchQuery.toLowerCase();
list = list.filter(
- (k) => k.name.toLowerCase().includes(q) || k.key.toLowerCase().includes(q)
+ (k) => matchesSearch(k.name, searchQuery) || matchesSearch(k.key, searchQuery)
);
}
@@ -2131,9 +2130,7 @@ const PermissionsModal = memo(function PermissionsModal({
{t("maxActiveSessions")}
-- 0 = unlimited. Return 429 when this key exceeds concurrent sticky sessions. -
+{t("maxActiveSessionsDescription")}
-
Throttle Delay
-- Add a fixed delay before requests for this key are routed. 0 = no slowdown. -
+{t("throttleDelay")}
+{t("throttleDelayDescription")}
setClaudeCodeFamiliesExpanded((prev) => !prev)}
className="inline-flex items-center gap-1 font-mono text-text-main"
- title="Expand Claude Code families"
+ title={t("expandClaudeCodeFamilies")}
aria-expanded={claudeCodeFamiliesExpanded}
>
@@ -2658,7 +2653,7 @@ const PermissionsModal = memo(function PermissionsModal({
type="button"
onClick={() => handleToggleModel(modelId)}
className="text-text-muted hover:text-red-500 transition-colors"
- title="Remove Claude Code default"
+ title={t("removeClaudeCodeDefault")}
>
close
@@ -2939,7 +2934,9 @@ const PermissionsModal = memo(function PermissionsModal({
{conn.name || conn.id.slice(0, 8)}
{!conn.isActive && (
- inactive
+
+ {tc("inactive")}
+
)}
);
@@ -2955,7 +2952,7 @@ const PermissionsModal = memo(function PermissionsModal({
{allCombos.length > 0 && (
@@ -98,7 +101,9 @@ export default function JsonlValidationStep({
{/* Duplicate IDs */}
{result.duplicateCustomIds.length > 0 && (
-
Allowed Combos
+{t("allowedCombos")}
{allowAllCombos - ? "This key can use any combo." - : `Restricted to ${selectedCombos.length} combo${selectedCombos.length !== 1 ? "s" : ""}.`} + ? t("allCombosAllowed") + : t("restrictedComboCount", { count: selectedCombos.length })}
{!allowAllCombos && (
diff --git a/src/app/(dashboard)/dashboard/api-manager/components/BypassProviderQuotaToggle.tsx b/src/app/(dashboard)/dashboard/api-manager/components/BypassProviderQuotaToggle.tsx
index 76ccbd25d4..27dc909641 100644
--- a/src/app/(dashboard)/dashboard/api-manager/components/BypassProviderQuotaToggle.tsx
+++ b/src/app/(dashboard)/dashboard/api-manager/components/BypassProviderQuotaToggle.tsx
@@ -16,15 +16,13 @@ export function BypassProviderQuotaToggle({
onToggle: () => void;
}) {
const tc = useTranslations("common");
+ const t = useTranslations("apiManager");
return (
);
}
@@ -71,8 +71,11 @@ export default function JsonlValidationStep({
@@ -82,7 +85,7 @@ export default function JsonlValidationStep({
-
{/* Conversion feedback */}
{conversionResult && (
Bypass provider quota cutoffs
-- Allows this key to ignore upstream provider/account cutoff policy during routing. API key - USD quotas still apply. -
+{t("bypassProviderQuota")}
+{t("bypassProviderQuotaDescription")}
- {conversionResult.rowsParsed} rows parsed
+
+ {t("wizardCsvRowsParsed", { count: conversionResult.rowsParsed })}
+
{conversionResult.rowsSkipped > 0 && (
- {conversionResult.rowsSkipped} rows skipped
+
+ {t("wizardCsvRowsSkipped", { count: conversionResult.rowsSkipped })}
+
)}
{conversionResult.errors.slice(0, 5).map((e) => (
- Row {e.row}: {e.reason}
+ {t("wizardCsvRowError", { row: e.row, reason: e.reason })}
))}
diff --git a/src/app/(dashboard)/dashboard/batch/components/wizard/JsonlValidationStep.tsx b/src/app/(dashboard)/dashboard/batch/components/wizard/JsonlValidationStep.tsx
index 061704a04d..1d1ad6c982 100644
--- a/src/app/(dashboard)/dashboard/batch/components/wizard/JsonlValidationStep.tsx
+++ b/src/app/(dashboard)/dashboard/batch/components/wizard/JsonlValidationStep.tsx
@@ -37,7 +37,7 @@ export default function JsonlValidationStep({
sampledLines: 0,
uniqueCustomIds: 0,
duplicateCustomIds: [],
- errors: [{ lineNumber: 0, reason: "Validation failed — could not parse content." }],
+ errors: [{ lineNumber: 0, reason: t("wizardValidationParseFailed") }],
preview: [],
byteSize: 0,
};
@@ -46,7 +46,7 @@ export default function JsonlValidationStep({
} finally {
setLoading(false);
}
- // eslint-disable-next-line react-hooks/exhaustive-deps
+ // eslint-disable-next-line react-hooks/exhaustive-deps
}, [jsonl, endpoint]);
if (loading) {
@@ -55,7 +55,7 @@ export default function JsonlValidationStep({
progress_activity
- Validating…
+ {t("wizardValidating")}
{t("wizardValidationOk")}
- {result.totalLines} lines · {result.uniqueCustomIds} unique custom_ids ·{" "}
- {t("wizardValidationFieldsOk")}
+ {t("wizardValidationSummary", {
+ lines: result.totalLines,
+ ids: result.uniqueCustomIds,
+ })}{" "}
+ · {t("wizardValidationFieldsOk")}
{t("wizardValidationErrors")}
- {result.errors.length} error{result.errors.length !== 1 ? "s" : ""} found
+ {t("wizardValidationErrorCount", { count: result.errors.length })}
- Duplicate custom_ids detected:
+
+ {t("wizardValidationDuplicateIds")}
+
{result.duplicateCustomIds.slice(0, 10).map((id) => (
{id}
@@ -111,13 +116,15 @@ export default function JsonlValidationStep({
{result.errors.length > 0 && (
- Errors (first {Math.min(result.errors.length, 50)}):
+ {t("wizardValidationFirstErrors", {
+ count: Math.min(result.errors.length, 50),
+ })}
{result.errors.slice(0, 50).map((err) => (
- Line {err.lineNumber}
+ {t("wizardValidationLine", { line: err.lineNumber })}
{err.reason}
{err.field && (
diff --git a/src/app/(dashboard)/dashboard/cache/media/MediaPageClient.tsx b/src/app/(dashboard)/dashboard/cache/media/MediaPageClient.tsx
index cb89cd20c3..1a8809cf38 100644
--- a/src/app/(dashboard)/dashboard/cache/media/MediaPageClient.tsx
+++ b/src/app/(dashboard)/dashboard/cache/media/MediaPageClient.tsx
@@ -20,12 +20,7 @@ type GenerationResult = {
audioUrl?: string;
};
type MediaModelConfig = { id: string; name: string };
-type MediaProviderConfig = {
- id: string;
- authType: string;
- supportedFormats?: string[];
- models: MediaModelConfig[];
-};
+type MediaProviderConfig = { id: string; models: MediaModelConfig[] };
type ProviderModelGroup = {
id: string;
name: string;
@@ -45,79 +40,56 @@ function toProviderModels(registry: Record): Provid
}));
}
-function providersRequiringCredentials(registry: Record): string[] {
- return Object.entries(registry)
- .filter(([, config]) => config.authType !== "none")
- .map(([providerId]) => providerId);
-}
-
const IMAGE_PROVIDER_MODELS = toProviderModels(IMAGE_PROVIDERS);
const VIDEO_PROVIDER_MODELS = toProviderModels(VIDEO_PROVIDERS);
const MUSIC_PROVIDER_MODELS = toProviderModels(MUSIC_PROVIDERS);
const SPEECH_PROVIDER_MODELS = toProviderModels(AUDIO_SPEECH_PROVIDERS);
const TRANSCRIPTION_PROVIDER_MODELS = toProviderModels(AUDIO_TRANSCRIPTION_PROVIDERS);
-const IMAGE_PROVIDERS_REQUIRING_CREDENTIALS = providersRequiringCredentials(IMAGE_PROVIDERS);
-const VIDEO_PROVIDERS_REQUIRING_CREDENTIALS = providersRequiringCredentials(VIDEO_PROVIDERS);
-const MUSIC_PROVIDERS_REQUIRING_CREDENTIALS = providersRequiringCredentials(MUSIC_PROVIDERS);
-const SPEECH_PROVIDERS_REQUIRING_CREDENTIALS =
- providersRequiringCredentials(AUDIO_SPEECH_PROVIDERS);
-const TRANSCRIPTION_PROVIDERS_REQUIRING_CREDENTIALS = providersRequiringCredentials(
- AUDIO_TRANSCRIPTION_PROVIDERS
-);
-
const MODALITY_CONFIG: Record<
Modality,
{
icon: string;
endpoint: string;
- label: string;
- placeholder?: string;
+ labelKey: string;
+ placeholderKey?: string;
color: string;
- textLabel?: string;
- needsCredentials: string[];
}
> = {
image: {
icon: "image",
endpoint: "/api/v1/images/generations",
- label: "Image Generation",
- placeholder: "A serene landscape with mountains at sunset...",
+ labelKey: "imageGeneration",
+ placeholderKey: "imagePromptPlaceholder",
color: "from-purple-500 to-pink-500",
- needsCredentials: IMAGE_PROVIDERS_REQUIRING_CREDENTIALS,
},
video: {
icon: "videocam",
endpoint: "/api/v1/videos/generations",
- label: "Video Generation",
- placeholder: "A timelapse of a flower blooming...",
+ labelKey: "videoGeneration",
+ placeholderKey: "videoPromptPlaceholder",
color: "from-blue-500 to-cyan-500",
- needsCredentials: VIDEO_PROVIDERS_REQUIRING_CREDENTIALS,
},
music: {
icon: "music_note",
endpoint: "/api/v1/music/generations",
- label: "Music Generation",
- placeholder: "Upbeat electronic music with synth pads...",
+ labelKey: "musicGeneration",
+ placeholderKey: "musicPromptPlaceholder",
color: "from-orange-500 to-yellow-500",
- needsCredentials: MUSIC_PROVIDERS_REQUIRING_CREDENTIALS,
},
speech: {
icon: "record_voice_over",
endpoint: "/api/v1/audio/speech",
- label: "Text to Speech",
- placeholder: "Hello! Welcome to OmniRoute, your intelligent AI gateway...",
+ labelKey: "textToSpeech",
+ placeholderKey: "speechTextPlaceholder",
color: "from-green-500 to-teal-500",
- textLabel: "Text",
- needsCredentials: SPEECH_PROVIDERS_REQUIRING_CREDENTIALS,
},
transcription: {
icon: "mic",
endpoint: "/api/v1/audio/transcriptions",
- label: "Transcription",
- placeholder: "Upload an audio file to transcribe...",
+ labelKey: "transcription",
+ placeholderKey: "transcriptionPlaceholder",
color: "from-indigo-500 to-blue-500",
- needsCredentials: TRANSCRIPTION_PROVIDERS_REQUIRING_CREDENTIALS,
},
};
@@ -339,7 +311,11 @@ function getVoiceList(providerId: string) {
}
/** Parse a human-readable error from the API error response */
-function parseApiError(raw: any, statusCode: number): { message: string; isCredentials: boolean } {
+function parseApiError(
+ raw: any,
+ statusCode: number,
+ fallbackMessage: string
+): { message: string; isCredentials: boolean } {
const readErrorMessage = (value: any): string | null => {
if (!value) return null;
if (typeof value === "string") return value;
@@ -372,7 +348,7 @@ function parseApiError(raw: any, statusCode: number): { message: string; isCrede
raw?.message ||
raw?.detail ||
(typeof raw === "string" ? raw : null) ||
- `Request failed (${statusCode})`;
+ fallbackMessage;
const isCredentials =
typeof msg === "string" &&
@@ -400,7 +376,7 @@ function formatFileSize(bytes: number): string {
return `${(bytes / (1024 * 1024 * 1024)).toFixed(2)} GB`;
}
-function fileToDataUrl(file: File): Promise {
+function fileToDataUrl(file: File, errorMessage: string): Promise {
return new Promise((resolve, reject) => {
const reader = new FileReader();
reader.onload = () => {
@@ -408,23 +384,20 @@ function fileToDataUrl(file: File): Promise {
resolve(reader.result);
return;
}
- reject(new Error("Failed to read file"));
+ reject(new Error(errorMessage));
};
- reader.onerror = () => reject(reader.error || new Error("Failed to read file"));
+ reader.onerror = () => reject(reader.error || new Error(errorMessage));
reader.readAsDataURL(file);
});
}
/** Render image result thumbnails */
function ImageResults({ data }: { data: any }) {
+ const t = useTranslations("media");
const images: Array<{ url?: string; b64_json?: string; revised_prompt?: string }> =
data?.data || [];
if (images.length === 0) {
- return (
-
- No images returned. The provider might have accepted the request but returned empty data. -
- ); + return{t("noImagesReturned")}
; } return (
@@ -439,7 +412,7 @@ function ImageResults({ data }: { data: any }) {
{/* eslint-disable-next-line @next/next/no-img-element */}
download
- Save
+ {t("save")}
{img.revised_prompt && (
({})); - const { message, isCredentials } = parseApiError(raw, res.status); + const { message, isCredentials } = parseApiError( + raw, + res.status, + t("requestFailed", { status: res.status }) + ); setIsCredentialsError(isCredentials); throw new Error(message); } @@ -623,7 +600,7 @@ export default function MediaPageClient() { if (activeTab === "transcription") { if (!audioFile) { - setError("Please select an audio file to transcribe."); + setError(t("selectAudioToTranscribe")); setLoading(false); return; } @@ -633,25 +610,25 @@ export default function MediaPageClient() { const res = await fetch(config.endpoint, { method: "POST", body: form }); if (!res.ok) { const raw = await res.json().catch(() => ({})); - const { message, isCredentials } = parseApiError(raw, res.status); + const { message, isCredentials } = parseApiError( + raw, + res.status, + t("requestFailed", { status: res.status }) + ); setIsCredentialsError(isCredentials); throw new Error(message); } const data = await res.json(); // Check for noSpeechDetected flag (music, silence, etc.) — NOT a credential error if (data?.noSpeechDetected) { - setError( - `No speech detected in the audio file. If you uploaded music or a silent file, try an audio file with spoken words. Provider: "${selectedProvider}".` - ); + setError(t("noSpeechDetected", { provider: selectedProvider })); setIsCredentialsError(false); setLoading(false); return; } // Warn if text is empty without the noSpeechDetected flag (unexpected) if (data && typeof data.text === "string" && data.text.trim() === "") { - setError( - `Transcription returned empty text. The audio may contain no recognizable speech, or the "${selectedProvider}" API key may be invalid. Check Dashboard → Logs → Proxy for details.` - ); + setError(t("emptyTranscription", { provider: selectedProvider })); // Only mark as credential error if we can confirm it from context setIsCredentialsError(false); setLoading(false); @@ -663,14 +640,14 @@ export default function MediaPageClient() { } if (activeTab === "image" && selectedProvider === "topaz" && !imageInputFile) { - setError("Topaz requires an input image."); + setError(t("topazRequiresImage")); setLoading(false); return; } if (!prompt.trim()) { if (activeTab !== "image" || selectedProvider !== "topaz") { - setError("Please enter a prompt."); + setError(t("enterPrompt")); setLoading(false); return; } @@ -680,18 +657,18 @@ export default function MediaPageClient() { model: modelId, prompt: promptValue || - (activeTab === "image" && selectedProvider === "topaz" ? "Enhance this image" : ""), + (activeTab === "image" && selectedProvider === "topaz" ? t("enhanceThisImage") : ""), ...(activeTab === "image" ? { size: "1024x1024", n: 1 } : {}), }; if (activeTab === "image" && imageInputFile) { - const imageDataUrl = await fileToDataUrl(imageInputFile); + const imageDataUrl = await fileToDataUrl(imageInputFile, t("failedToReadFile")); payload.image_url = imageDataUrl; payload.imageUrls = [imageDataUrl]; } if (activeTab === "image" && imageMaskFile) { - const maskDataUrl = await fileToDataUrl(imageMaskFile); + const maskDataUrl = await fileToDataUrl(imageMaskFile, t("failedToReadFile")); payload.mask = maskDataUrl; payload.mask_url = maskDataUrl; } @@ -703,14 +680,18 @@ export default function MediaPageClient() { }); if (!res.ok) { const raw = await res.json().catch(() => ({})); - const { message, isCredentials } = parseApiError(raw, res.status); + const { message, isCredentials } = parseApiError( + raw, + res.status, + t("requestFailed", { status: res.status }) + ); setIsCredentialsError(isCredentials); throw new Error(message); } const data = await res.json(); setResult({ type: activeTab, data, timestamp: Date.now() }); } catch (err: any) { - setError(err.message || "Generation failed"); + setError(err.message || t("generationFailed")); } setLoading(false); }; @@ -747,7 +728,7 @@ export default function MediaPageClient() { }`} > {cfg.icon} - {cfg.label} + {t(cfg.labelKey)} ); })} @@ -759,7 +740,7 @@ export default function MediaPageClient() {
{/* Provider dropdown */}
-
+