zack3d/big-agi
1
0
Fork 0
mirror of https://github.com/enricoros/big-AGI.git synced 2026-05-10 21:50:14 -07:00
Code Issues Packages Projects Releases Wiki Activity

ModelsList: disable the large popups

Browse Source
This commit is contained in:
Enrico Ros
2025-11-12 15:53:52 -08:00
parent f1663f6668
commit 5c10bce2f4
1 changed files with 27 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/modules/llms/models-modal/ModelsList.tsx
+27 -15
View File
@@ -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 */}
<GoodTooltip title={tooltip}>
{SHOW_LLM_TOOLTIPS ? (
<GoodTooltip title={tooltip}>
<Box sx={isLLMHidden(llm) ? styles.modelHiddenText : styles.modelText} className='agi-ellipsize'>
{(/*props.isMobile &&*/ llm.userStarred) ? `${STAR_EMOJI} ${llm.label}` : llm.label}
{/*{labelWithoutDate}{labelDate && <Box component='span' sx={{ typography: 'body-sm',color: isLLMHidden(llm) ? 'neutral.plainDisabledColor' : undefined }}> · ({labelDate})</Box>}*/}
{/*{llm.interfaces.includes(LLM_IF_OAI_Reasoning) && <span style={styles.styleNameChip}>🧠</span>}*/}
</Box>
</GoodTooltip>
) : (
<Box sx={isLLMHidden(llm) ? styles.modelHiddenText : styles.modelText} className='agi-ellipsize'>
{(/*props.isMobile &&*/ llm.userStarred) ? `${STAR_EMOJI} ${llm.label}` : llm.label}
{/*{labelWithoutDate}{labelDate && <Box component='span' sx={{ typography: 'body-sm',color: isLLMHidden(llm) ? 'neutral.plainDisabledColor' : undefined }}> · ({labelDate})</Box>}*/}
{/*{llm.interfaces.includes(LLM_IF_OAI_Reasoning) && <span style={styles.styleNameChip}>🧠</span>}*/}
</Box>
</GoodTooltip>
)}
{/* Preferred Chips */}
{SHOW_LLM_INTERFACES ? (chipsComponentsMemo && (