diff --git a/src/common/components/StarIcons.tsx b/src/common/components/StarIcons.tsx index 0fbfcc02b..8836136af 100644 --- a/src/common/components/StarIcons.tsx +++ b/src/common/components/StarIcons.tsx @@ -14,6 +14,9 @@ const starIconStyles = { color: STAR_COLOR, fontSize: 'xl2' } as const, + starredNoXl2: { + color: STAR_COLOR, + } as const, // unStarred: undefined, } as const satisfies Record; @@ -24,6 +27,10 @@ export const Starred = React.memo(function Starred() { return ; }); +export const StarredNoXL2 = React.memo(function StarredNoXL2() { + return ; +}); + export const UnStarred = React.memo(function UnStarred() { return ; }) diff --git a/src/common/components/forms/useLLMSelect.tsx b/src/common/components/forms/useLLMSelect.tsx index 658d31410..6a7f5cfa5 100644 --- a/src/common/components/forms/useLLMSelect.tsx +++ b/src/common/components/forms/useLLMSelect.tsx @@ -13,6 +13,7 @@ import { llmsGetVendorIcon, LLMVendorIcon } from '~/modules/llms/components/LLMV import type { DModelDomainId } from '~/common/stores/llms/model.domains.types'; import { DLLM, DLLMId, LLM_IF_OAI_Reasoning, LLM_IF_Outputs_Audio, LLM_IF_Outputs_Image, LLM_IF_Tools_WebSearch } from '~/common/stores/llms/llms.types'; import { PhGearSixIcon } from '~/common/components/icons/phosphor/PhGearSixIcon'; +import { StarredNoXL2 } from '~/common/components/StarIcons'; import { TooltipOutlined } from '~/common/components/TooltipOutlined'; import { getChatLLMId, llmsStoreActions } from '~/common/stores/llms/store-llms'; import { optimaActions, optimaOpenModels } from '~/common/layout/optima/useOptima'; @@ -208,7 +209,7 @@ export function useLLMSelect( > {!noIcons && ( - {llm.userStarred ? '⭐ ' : vendor?.id ? : null} + {llm.userStarred ? : vendor?.id ? : null} )} {/**/}