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(', ')}*/}