diff --git a/src/modules/llms/configurator/LLMOptions.tsx b/src/modules/llms/configurator/LLMOptions.tsx index 5124851ef..e8ae88c87 100644 --- a/src/modules/llms/configurator/LLMOptions.tsx +++ b/src/modules/llms/configurator/LLMOptions.tsx @@ -3,6 +3,8 @@ import { shallow } from 'zustand/shallow'; import { Button, Divider, FormControl, FormLabel, Input, Switch, Typography } from '@mui/joy'; import DeleteOutlineIcon from '@mui/icons-material/DeleteOutline'; +import VisibilityIcon from '@mui/icons-material/Visibility'; +import VisibilityOffIcon from '@mui/icons-material/VisibilityOff'; import { GoodModal } from '~/common/components/GoodModal'; import { useUIStateStore } from '~/common/state/store-ui'; @@ -60,22 +62,24 @@ export function LLMOptions(props: { id: DLLMId }) { - Visibility + Visible + endDecorator={!llm.hidden ? : } + slotProps={{ endDecorator: { sx: { minWidth: 26 } } }} + sx={{ ml: 0, mr: 'auto' }} /> {/**/} {/**/} - Info + Details - [{llm.id}]: {llm.options.llmRef && `id: ${llm.options.llmRef} · `} context tokens: {llm.contextTokens} · { - llm.created && `created: ${(new Date(llm.created * 1000)).toLocaleString()}`} · description: {llm.description} · tags: {llm.tags.join(', ')} + [{llm.id}]: {llm.options.llmRef && `${llm.options.llmRef} · `} context tokens: {llm.contextTokens} · { + llm.created && `created: ${(new Date(llm.created * 1000)).toLocaleString()}`} · description: {llm.description} + {/*· tags: {llm.tags.join(', ')}*/}