diff --git a/src/modules/llms/models-modal/ModelsList.tsx b/src/modules/llms/models-modal/ModelsList.tsx index a0e4f5862..1697a104f 100644 --- a/src/modules/llms/models-modal/ModelsList.tsx +++ b/src/modules/llms/models-modal/ModelsList.tsx @@ -23,6 +23,7 @@ import { findModelVendor } from '../vendors/vendors.registry'; // configuration const SHOW_LLM_INTERFACES = false; +const SHOW_LLM_TOOLTIPS = false; const absorbListPadding: SxProps = { my: 'calc(var(--ListItem-paddingY) / -2)' }; @@ -116,19 +117,22 @@ function ModelItem(props: { // const labelWithoutDate = dateMatch ? dateMatch[1].trim() : _label; // const labelDate = dateMatch ? dateMatch[2] : ''; - let tooltip = props.serviceLabel; - if (llm.description) - tooltip += ' 路 ' + llm.description; - const llmContextTokens = getLLMContextTokens(llm); - const llmMaxOutputTokens = getLLMMaxOutputTokens(llm); - if (llmContextTokens) { - tooltip += '\n\n' + llmContextTokens.toLocaleString() + ' tokens'; - if (llmMaxOutputTokens) - tooltip += ' / ' + llmMaxOutputTokens.toLocaleString() + ' max output tokens'; - } else - tooltip += ' 路 token count not provided'; - if (seemsFree) - tooltip += '\n\n馃巵 Free model - refresh to check for pricing updates'; + let tooltip = ''; + if (SHOW_LLM_TOOLTIPS) { + tooltip = props.serviceLabel; + if (llm.description) + tooltip += ' 路 ' + llm.description; + const llmContextTokens = getLLMContextTokens(llm); + const llmMaxOutputTokens = getLLMMaxOutputTokens(llm); + if (llmContextTokens) { + tooltip += '\n\n' + llmContextTokens.toLocaleString() + ' tokens'; + if (llmMaxOutputTokens) + tooltip += ' / ' + llmMaxOutputTokens.toLocaleString() + ' max output tokens'; + } else + tooltip += ' 路 token count not provided'; + if (seemsFree) + tooltip += '\n\n馃巵 Free model - refresh to check for pricing updates'; + } const chipsComponentsMemo = React.useMemo(() => { if (!SHOW_LLM_INTERFACES) @@ -165,13 +169,21 @@ function ModelItem(props: { > {/* Model Name */} - + {SHOW_LLM_TOOLTIPS ? ( + + + {(/*props.isMobile &&*/ llm.userStarred) ? `${STAR_EMOJI} ${llm.label}` : llm.label} + {/*{labelWithoutDate}{labelDate && 路 ({labelDate})}*/} + {/*{llm.interfaces.includes(LLM_IF_OAI_Reasoning) && 馃}*/} + + + ) : ( {(/*props.isMobile &&*/ llm.userStarred) ? `${STAR_EMOJI} ${llm.label}` : llm.label} {/*{labelWithoutDate}{labelDate && 路 ({labelDate})}*/} {/*{llm.interfaces.includes(LLM_IF_OAI_Reasoning) && 馃}*/} - + )} {/* Preferred Chips */} {SHOW_LLM_INTERFACES ? (chipsComponentsMemo && (