mirror of
https://github.com/diegosouzapw/OmniRoute.git
synced 2026-08-06 15:22:12 +03:00
78f09c8d9f
Release v3.8.41 — 52 commits since v3.8.40 (19 CHANGELOG bullets, 11 contributors). All gating CI green: Unit×8, Coverage×8, Vitest, Package Artifact, Quality Ratchet, CodeQL, Lint, Docs Sync (Strict), Node 24/26 compat, E2E×9, Integration, Electron smoke. Advisory checks overridden (main unprotected): PR Test Policy = test-masking heuristic on the cumulative 52-commit assert delta (legitimate dead-code-sweep removals + consolidations, reviewed per-PR); SonarCloud/SonarQube = new-code maintainability/coverage quality gate (CodeQL/Semgrep/Security/npm-audit/Dependabot all clean — not a security finding).
148 lines
5.8 KiB
TypeScript
148 lines
5.8 KiB
TypeScript
/**
|
|
* Shared UI constants — Single source of truth for provider, protocol, and status colors.
|
|
*
|
|
* Previously duplicated in:
|
|
* - RequestLoggerV2.js (PROTOCOL_COLORS, PROVIDER_COLORS, getStatusStyle)
|
|
* - ProxyLogger.js (PROVIDER_COLORS, TYPE_COLORS, LEVEL_COLORS, getStatusStyle)
|
|
* - UsageAnalytics.js (MODEL_COLORS, getModelColor)
|
|
*/
|
|
|
|
// ═══════════════════════════════════════════
|
|
// Provider Colors (used across all logger components)
|
|
// ═══════════════════════════════════════════
|
|
|
|
export const PROVIDER_COLORS = {
|
|
github: { bg: "#6e40c9", text: "#fff", label: "GitHub" },
|
|
kiro: { bg: "#FF9900", text: "#000", label: "Kiro" },
|
|
antigravity: { bg: "#4285F4", text: "#fff", label: "AG" },
|
|
claude: { bg: "#D97757", text: "#fff", label: "Claude" },
|
|
codex: { bg: "#10A37F", text: "#fff", label: "Codex" },
|
|
gemini: { bg: "#34A853", text: "#fff", label: "Gemini" },
|
|
qwen: { bg: "#6366F1", text: "#fff", label: "Qwen" },
|
|
qoder: { bg: "#EC4899", text: "#fff", label: "Qoder" },
|
|
fireworks: { bg: "#F97316", text: "#fff", label: "Fireworks" },
|
|
kimi: { bg: "#06B6D4", text: "#fff", label: "Kimi" },
|
|
};
|
|
|
|
// ═══════════════════════════════════════════
|
|
// Protocol Colors (RequestLoggerV2)
|
|
// ═══════════════════════════════════════════
|
|
|
|
export const PROTOCOL_COLORS = {
|
|
openai: { bg: "#1A1A2E", text: "#fff", label: "OpenAI-Chat" },
|
|
"openai-responses": { bg: "#1A1A2E", text: "#fff", label: "OpenAI-Responses" },
|
|
claude: { bg: "#D97757", text: "#fff", label: "Claude" },
|
|
gemini: { bg: "#4285F4", text: "#fff", label: "Gemini" },
|
|
warmup: { bg: "#F59E0B", text: "#000", label: "Warmup" },
|
|
bypass: { bg: "#6B7280", text: "#fff", label: "Bypass" },
|
|
};
|
|
|
|
const PROTOCOL_KEY_ALIASES = {
|
|
"openai-chat": "openai",
|
|
"openai-response": "openai-responses",
|
|
};
|
|
|
|
function normalizeProtocolKey(protocol) {
|
|
return PROTOCOL_KEY_ALIASES[protocol] || protocol;
|
|
}
|
|
|
|
// ═══════════════════════════════════════════
|
|
// Proxy Type Colors (ProxyLogger)
|
|
// ═══════════════════════════════════════════
|
|
|
|
export const TYPE_COLORS = {
|
|
http: { bg: "#3B82F6", text: "#fff", label: "HTTP" },
|
|
https: { bg: "#10B981", text: "#fff", label: "HTTPS" },
|
|
socks5: { bg: "#8B5CF6", text: "#fff", label: "SOCKS5" },
|
|
};
|
|
|
|
// ═══════════════════════════════════════════
|
|
// Level Colors (ProxyLogger)
|
|
// ═══════════════════════════════════════════
|
|
|
|
export const LEVEL_COLORS = {
|
|
key: { bg: "#F59E0B", text: "#000", label: "Key" },
|
|
combo: { bg: "#8B5CF6", text: "#fff", label: "Combo" },
|
|
provider: { bg: "#3B82F6", text: "#fff", label: "Provider" },
|
|
global: { bg: "#6B7280", text: "#fff", label: "Global" },
|
|
direct: { bg: "#374151", text: "#9CA3AF", label: "Direct" },
|
|
};
|
|
|
|
// ═══════════════════════════════════════════
|
|
// Model Colors (charts/analytics)
|
|
// ═══════════════════════════════════════════
|
|
|
|
export const MODEL_COLORS = [
|
|
"#D97757",
|
|
"#60A5FA",
|
|
"#34D399",
|
|
"#A78BFA",
|
|
"#F472B6",
|
|
"#FBBF24",
|
|
"#38BDF8",
|
|
"#FB923C",
|
|
"#818CF8",
|
|
"#2DD4BF",
|
|
"#E879F9",
|
|
"#F87171",
|
|
"#4ADE80",
|
|
"#C084FC",
|
|
"#FB7185",
|
|
];
|
|
|
|
/**
|
|
* Get a model color by index (cycles through palette).
|
|
* @param {number} index
|
|
* @returns {string} Hex color
|
|
*/
|
|
export function getModelColor(index) {
|
|
return MODEL_COLORS[index % MODEL_COLORS.length];
|
|
}
|
|
|
|
// ═══════════════════════════════════════════
|
|
// Status Styling Helpers
|
|
// ═══════════════════════════════════════════
|
|
|
|
/**
|
|
* Get badge style for HTTP status codes (RequestLoggerV2).
|
|
* @param {number} status - HTTP status code
|
|
* @returns {{ bg: string, text: string }}
|
|
*/
|
|
export function getHttpStatusStyle(status) {
|
|
if (status >= 200 && status < 300) return { bg: "#059669", text: "#fff" };
|
|
if (status >= 400 && status < 500) return { bg: "#D97706", text: "#fff" };
|
|
if (status >= 500) return { bg: "#DC2626", text: "#fff" };
|
|
if (status === 0) return { bg: "#6366F1", text: "#fff" }; // pending
|
|
return { bg: "#6B7280", text: "#fff" };
|
|
}
|
|
|
|
/**
|
|
* Get badge style for string-based status (ProxyLogger).
|
|
* @param {string} status - Status string ("success", "error", "timeout")
|
|
* @returns {{ bg: string, text: string }}
|
|
*/
|
|
export function getProxyStatusStyle(status) {
|
|
if (status === "success") return { bg: "#059669", text: "#fff" };
|
|
if (status === "error") return { bg: "#DC2626", text: "#fff" };
|
|
if (status === "timeout") return { bg: "#D97706", text: "#fff" };
|
|
return { bg: "#6B7280", text: "#fff" };
|
|
}
|
|
|
|
/**
|
|
* Get default fallback for a protocol color lookup.
|
|
* @param {string} protocol - Protocol key
|
|
* @param {string} fallbackProvider - Provider key to use as a secondary protocol key
|
|
* @returns {{ bg: string, text: string, label: string }}
|
|
*/
|
|
export function getProtocolColor(protocol, fallbackProvider) {
|
|
const normalized = normalizeProtocolKey(protocol);
|
|
return (
|
|
PROTOCOL_COLORS[normalized] ||
|
|
PROTOCOL_COLORS[fallbackProvider] || {
|
|
bg: "#6B7280",
|
|
text: "#fff",
|
|
label: (protocol || fallbackProvider || "-").toUpperCase(),
|
|
}
|
|
);
|
|
}
|