d8dfun/claudecodeui
1
0
Fork 0
mirror of https://github.com/siteboon/claudecodeui.git synced 2025-12-13 13:49:43 +00:00
Code Issues Packages Projects Releases Wiki Activity

feat: Add provider logos for session indication in MainContent

Browse Source
This commit is contained in:
simos
2025-08-12 13:25:32 +03:00
parent 003e8f4be3
commit cd6e5befb8
1 changed files with 40 additions and 27 deletions
Download Patch File Download Diff File Expand all files Collapse all files

67
src/components/MainContent.jsx
View File

@@ -18,6 +18,8 @@ import CodeEditor from './CodeEditor';
import Shell from './Shell'; import Shell from './Shell';
import GitPanel from './GitPanel'; import GitPanel from './GitPanel';
import ErrorBoundary from './ErrorBoundary'; import ErrorBoundary from './ErrorBoundary';
import ClaudeLogo from './ClaudeLogo';
import CursorLogo from './CursorLogo';
function MainContent({ function MainContent({
selectedProject, selectedProject,
@@ -153,35 +155,46 @@ function MainContent({
</svg> </svg>
</button> </button>
)} )}
<div className="min-w-0"> <div className="min-w-0 flex items-center gap-2">
{activeTab === 'chat' && selectedSession ? ( {activeTab === 'chat' && selectedSession && (
<div> <div className="w-6 h-6 flex-shrink-0 flex items-center justify-center">
<h2 className="text-base sm:text-lg font-semibold text-gray-900 dark:text-white truncate"> {selectedSession.__provider === 'cursor' ? (
{selectedSession.__provider === 'cursor' ? (selectedSession.name || 'Untitled Session') : (selectedSession.summary || 'New Session')} <CursorLogo className="w-5 h-5" />
</h2> ) : (
<div className="text-xs text-gray-500 dark:text-gray-400 truncate"> <ClaudeLogo className="w-5 h-5" />
{selectedProject.displayName} <span className="hidden sm:inline">• {selectedSession.id}</span> )}
</div>
</div>
) : activeTab === 'chat' && !selectedSession ? (
<div>
<h2 className="text-base sm:text-lg font-semibold text-gray-900 dark:text-white">
New Session
</h2>
<div className="text-xs text-gray-500 dark:text-gray-400 truncate">
{selectedProject.displayName}
</div>
</div>
) : (
<div>
<h2 className="text-base sm:text-lg font-semibold text-gray-900 dark:text-white">
{activeTab === 'files' ? 'Project Files' : activeTab === 'git' ? 'Source Control' : 'Project'}
</h2>
<div className="text-xs text-gray-500 dark:text-gray-400 truncate">
{selectedProject.displayName}
</div>
</div> </div>
)} )}
<div className="flex-1 min-w-0">
{activeTab === 'chat' && selectedSession ? (
<div>
<h2 className="text-base sm:text-lg font-semibold text-gray-900 dark:text-white truncate">
{selectedSession.__provider === 'cursor' ? (selectedSession.name || 'Untitled Session') : (selectedSession.summary || 'New Session')}
</h2>
<div className="text-xs text-gray-500 dark:text-gray-400 truncate">
{selectedProject.displayName} <span className="hidden sm:inline">• {selectedSession.id}</span>
</div>
</div>
) : activeTab === 'chat' && !selectedSession ? (
<div>
<h2 className="text-base sm:text-lg font-semibold text-gray-900 dark:text-white">
New Session
</h2>
<div className="text-xs text-gray-500 dark:text-gray-400 truncate">
{selectedProject.displayName}
</div>
</div>
) : (
<div>
<h2 className="text-base sm:text-lg font-semibold text-gray-900 dark:text-white">
{activeTab === 'files' ? 'Project Files' : activeTab === 'git' ? 'Source Control' : 'Project'}
</h2>
<div className="text-xs text-gray-500 dark:text-gray-400 truncate">
{selectedProject.displayName}
</div>
</div>
)}
</div>
</div> </div>
</div> </div>