Revert "fix(ui): use distinct color palette for group tags"

This commit is contained in:
Seefs 2026-02-04 19:05:56 +08:00 committed by GitHub
parent a8ff74c2c7
commit a9b366bb70

View File

@ -178,7 +178,7 @@ export const getModelCategories = (() => {
model.model_name.toLowerCase().includes('text-embedding-004') || model.model_name.toLowerCase().includes('text-embedding-004') ||
model.model_name.toLowerCase().includes('imagen-4') || model.model_name.toLowerCase().includes('imagen-4') ||
model.model_name.toLowerCase().includes('veo-') || model.model_name.toLowerCase().includes('veo-') ||
model.model_name.toLowerCase().includes('aqa'), model.model_name.toLowerCase().includes('aqa') ,
}, },
moonshot: { moonshot: {
label: 'Moonshot', label: 'Moonshot',
@ -605,34 +605,6 @@ export function stringToColor(str) {
return colors[i]; return colors[i];
} }
// High-contrast color palette for group tags (avoids similar blue/teal shades)
const groupColors = [
'red',
'orange',
'yellow',
'lime',
'green',
'cyan',
'blue',
'indigo',
'violet',
'purple',
'pink',
'amber',
'grey',
];
export function groupToColor(str) {
// Use a better hash algorithm for more even distribution
let hash = 0;
for (let i = 0; i < str.length; i++) {
hash = (hash << 5) - hash + str.charCodeAt(i);
hash = hash & hash;
}
hash = Math.abs(hash);
return groupColors[hash % groupColors.length];
}
// //
export function renderModelTag(modelName, options = {}) { export function renderModelTag(modelName, options = {}) {
const { const {
@ -701,7 +673,7 @@ export function renderGroup(group) {
<span key={group}> <span key={group}>
{groups.map((group) => ( {groups.map((group) => (
<Tag <Tag
color={tagColors[group] || groupToColor(group)} color={tagColors[group] || stringToColor(group)}
key={group} key={group}
shape='circle' shape='circle'
onClick={async (event) => { onClick={async (event) => {