Starring: also in useLLMSelect

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<string, SxProps | undefined>;
 
@@ -24,6 +27,10 @@ export const Starred = React.memo(function Starred() {
   return <StarIcon sx={starIconStyles.starred} />;
 });
 
+export const StarredNoXL2 = React.memo(function StarredNoXL2() {
+  return <StarIcon sx={starIconStyles.starredNoXl2} />;
+});
+
 export const UnStarred = React.memo(function UnStarred() {
   return <StarBorderIcon />;
 })

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 && (
             <ListItemDecorator>
-              {llm.userStarred ? '⭐ ' : vendor?.id ? <LLMVendorIcon vendorId={vendor.id} /> : null}
+              {llm.userStarred ? <StarredNoXL2 /> : vendor?.id ? <LLMVendorIcon vendorId={vendor.id} /> : null}
             </ListItemDecorator>
           )}
           {/*<Tooltip title={llm.description}>*/}