diff --git a/view/app/terminal/terminal.tsx b/view/app/terminal/terminal.tsx index 98681587..9f29ebd1 100644 --- a/view/app/terminal/terminal.tsx +++ b/view/app/terminal/terminal.tsx @@ -99,7 +99,10 @@ export const Terminal: React.FC = ({ }) => { const { t } = useTranslation(); const [dimensions, setDimensions] = useState({ width: 0, height: 0 }); - const [sessions, setSessions] = useState([{ id: uuidv4(), label: 'Session 1' }]); + const [sessions, setSessions] = useState(() => { + const id = uuidv4(); + return [{ id, label: `Session ${id.slice(0, 3)}` }]; + }); const [activeSessionId, setActiveSessionId] = useState(sessions[0].id); const containerRef = useRef(null); const resizeTimeoutRef = useRef(undefined); @@ -156,9 +159,10 @@ export const Terminal: React.FC = ({ if (sessions.length >= SESSION_LIMIT) { return; } + const id = uuidv4(); const newSession = { - id: uuidv4(), - label: `Session ${sessions.length + 1}` + id, + label: `Session ${id.slice(0, 3)}` }; setSessions((prev) => [...prev, newSession]); setActiveSessionId(newSession.id); @@ -206,6 +210,7 @@ export const Terminal: React.FC = ({ {sessions.map((session) => (