From 81ff8da086bc2ff310f506a8f8823d013a8f1aee Mon Sep 17 00:00:00 2001
From: kjh2064 <kjh2064@gmail.com>
Date: Sat, 15 Aug 2026 21:02:44 +0900
Subject: [PATCH] style(fe): standardize fixed 160px tab width with text
 ellipsis and native title tooltip

---
 frontend/src/shared/shell/KsTabs.vue | 10 ++++++++--
 1 file changed, 8 insertions(+), 2 deletions(-)

diff --git a/frontend/src/shared/shell/KsTabs.vue b/frontend/src/shared/shell/KsTabs.vue
index 7e076dc5..f87a642d 100644
--- a/frontend/src/shared/shell/KsTabs.vue
+++ b/frontend/src/shared/shell/KsTabs.vue
@@ -53,7 +53,7 @@ const isTabActive = (tabId: string) => activeTabId.value === tabId
         @keydown.space.prevent="handleTabClick(tab.path)"
       >
         <span class="ks-tabs__icon">{{ tab.icon }}</span>
-        <span class="ks-tabs__title">{{ tab.title }}</span>
+        <span class="ks-tabs__title" :title="tab.title">{{ tab.title }}</span>
         <button
           type="button"
           class="ks-tabs__close"
@@ -126,6 +126,9 @@ const isTabActive = (tabId: string) => activeTabId.value === tabId
   gap: var(--ks-space-2);
   padding: 0 var(--ks-space-3);
   height: 32px;
+  width: 160px;
+  min-width: 160px;
+  max-width: 160px;
   background-color: var(--ks-color-neutral-100);
   border: 1px solid var(--ks-color-border);
   border-radius: var(--ks-radius-sm);
@@ -134,6 +137,7 @@ const isTabActive = (tabId: string) => activeTabId.value === tabId
   font-size: var(--ks-font-grid);
   white-space: nowrap;
   flex-shrink: 0;
+  box-sizing: border-box;
   transition: var(--ks-transition-fast);
 }
 
@@ -156,9 +160,11 @@ const isTabActive = (tabId: string) => activeTabId.value === tabId
 }
 
 .ks-tabs__title {
-  max-width: 150px;
+  flex: 1;
+  min-width: 0;
   overflow: hidden;
   text-overflow: ellipsis;
+  white-space: nowrap;
 }
 
 .ks-tabs__close {