From 3f96b13d8a8b6e434ea55ab77c770251f4932055 Mon Sep 17 00:00:00 2001
From: Xiaohan-Tian <157918347+Xiaohan-Tian@users.noreply.github.com>
Date: Mon, 25 May 2026 15:28:38 -0700
Subject: [PATCH] fix: truncate project name if it's too long

---
 src/components/Toolbar.css | 9 +++++++--
 src/components/Toolbar.tsx | 1 +
 2 files changed, 8 insertions(+), 2 deletions(-)

diff --git a/src/components/Toolbar.css b/src/components/Toolbar.css
index efed859..c60bd5a 100644
--- a/src/components/Toolbar.css
+++ b/src/components/Toolbar.css
@@ -21,6 +21,7 @@
 .toolbar-left {
   display: flex;
   align-items: center;
+  min-width: 0;
 }
 
 .logo-container {
@@ -38,9 +39,13 @@
   font-size: 14px;
   color: #e0e0e0;
   margin-right: 20px;
-  display: flex;
-  align-items: center;
+  display: block;
+  min-width: 0;
+  max-width: 100%;
   pointer-events: auto;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
 }
 
 .toolbar button {
diff --git a/src/components/Toolbar.tsx b/src/components/Toolbar.tsx
index 466f6e4..8f82e82 100644
--- a/src/components/Toolbar.tsx
+++ b/src/components/Toolbar.tsx
@@ -1042,6 +1042,7 @@ const Toolbar: React.FC = () => {
           <div
             className="project-name"
             onClick={handleProjectNameClick}
+            title={projectName}
           >
             {projectName}
           </div>