diff --git a/src/components/Header.tsx b/src/components/Header.tsx index fd462f3..2c96506 100644 --- a/src/components/Header.tsx +++ b/src/components/Header.tsx @@ -2,6 +2,7 @@ import { Menu, Sparkles, LogOut, Volume2, VolumeOff, Cpu } from 'lucide-react'; import type { ConnectionStatus, Session } from '../types'; import { useT } from '../hooks/useLocale'; import { LanguageSelector } from './LanguageSelector'; +import { sessionDisplayName } from '../lib/sessionName'; interface Props { status: ConnectionStatus; @@ -15,7 +16,7 @@ interface Props { export function Header({ status, sessionKey, onToggleSidebar, activeSessionData, onLogout, soundEnabled, onToggleSound }: Props) { const t = useT(); - const sessionLabel = sessionKey.split(':').pop() || sessionKey; + const sessionLabel = activeSessionData ? sessionDisplayName(activeSessionData) : (sessionKey.split(':').pop() || sessionKey); return ( <> diff --git a/src/components/Sidebar.tsx b/src/components/Sidebar.tsx index 2f9fc58..a90a48f 100644 --- a/src/components/Sidebar.tsx +++ b/src/components/Sidebar.tsx @@ -3,6 +3,7 @@ import { X, Sparkles, Search, Pin, Trash2 } from 'lucide-react'; import type { Session } from '../types'; import { useT } from '../hooks/useLocale'; import { SessionIcon } from './SessionIcon'; +import { sessionDisplayName } from '../lib/sessionName'; const PINNED_KEY = 'pinchchat-pinned-sessions'; const WIDTH_KEY = 'pinchchat-sidebar-width'; @@ -125,7 +126,7 @@ export function Sidebar({ sessions, activeSession, onSwitch, onDelete, open, onC let list = sessions; if (filter.trim()) { const q = filter.toLowerCase(); - list = sessions.filter(s => (s.label || s.key).toLowerCase().includes(q)); + list = sessions.filter(s => sessionDisplayName(s).toLowerCase().includes(q)); } // Sort pinned sessions to top (preserving relative order within each group) const pinnedList = list.filter(s => pinned.has(s.key)); @@ -249,7 +250,7 @@ export function Sidebar({ sessions, activeSession, onSwitch, onDelete, open, onC