From 06d39fd09deb45db40c094f25818d8051f67a5cf Mon Sep 17 00:00:00 2001
From: kim <kim@applecherry.net>
Date: Sat, 6 Jun 2026 14:44:16 +0900
Subject: [PATCH] Improve session bar visibility: larger text, cleaner button,
 fix ctx display bug
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

font-size 10→12px, 버튼 배경색·테두리 뚜렷하게, ctx-wrap display:none 이중 선언 버그 수정.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 web-ui/code.html | 22 ++++++++++++----------
 1 file changed, 12 insertions(+), 10 deletions(-)

diff --git a/web-ui/code.html b/web-ui/code.html
index 823f3ec..0542136 100644
--- a/web-ui/code.html
+++ b/web-ui/code.html
@@ -231,20 +231,22 @@
           <div class="code-ai-msg thinking">코드를 선택하고 "AI에게 전송"을 누르거나, 아래에 질문을 입력하세요.</div>
         </div>
         <!-- 세션 상태 바 -->
-        <div id="code-ai-session-bar" style="display:flex;align-items:center;justify-content:space-between;padding:4px 10px;border-top:1px solid var(--line);background:var(--panel-2);flex-shrink:0;gap:6px">
-          <div style="display:flex;align-items:center;gap:5px;min-width:0;overflow:hidden;flex:1">
-            <span style="font-size:10px;color:var(--muted);flex-shrink:0">세션</span>
-            <span id="code-ai-session-bar-project" style="font-size:11px;color:var(--text);font-family:monospace;overflow:hidden;text-overflow:ellipsis;white-space:nowrap">(전체)</span>
-            <span id="code-ai-session-bar-count" style="font-size:10px;color:var(--muted);flex-shrink:0"></span>
+        <div id="code-ai-session-bar" style="display:flex;align-items:center;padding:6px 10px;border-top:1px solid var(--line);background:var(--panel-2);flex-shrink:0;gap:8px">
+          <!-- 세션 정보 -->
+          <div style="display:flex;align-items:center;gap:6px;min-width:0;flex:1;overflow:hidden">
+            <span style="font-size:12px;color:#aaa;flex-shrink:0">세션</span>
+            <span id="code-ai-session-bar-project" style="font-size:12px;color:#ddd;font-family:monospace;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:500">(전체)</span>
+            <span id="code-ai-session-bar-count" style="font-size:11px;color:#888;flex-shrink:0"></span>
           </div>
           <!-- 컨텍스트 사용량 -->
-          <div id="code-ai-ctx-wrap" title="클릭하면 최대값 재확인" onclick="_codeAiCtxMaxFetchedFor='';_fetchModelCtxMax(codeAiModel);" style="display:none;flex-shrink:0;display:flex;align-items:center;gap:4px;cursor:pointer">
-            <span id="code-ai-ctx-label" style="font-size:10px;color:var(--muted);white-space:nowrap"></span>
-            <div style="width:60px;height:5px;background:rgba(255,255,255,.1);border-radius:3px;overflow:hidden;flex-shrink:0">
-              <div id="code-ai-ctx-fill" style="height:100%;width:0%;border-radius:3px;transition:width .4s,background .4s"></div>
+          <div id="code-ai-ctx-wrap" title="클릭하면 최대값 재확인" onclick="_codeAiCtxMaxFetchedFor='';_fetchModelCtxMax(codeAiModel);" style="display:none;flex-shrink:0;align-items:center;gap:5px;cursor:pointer">
+            <span id="code-ai-ctx-label" style="font-size:12px;color:#ccc;white-space:nowrap;font-family:monospace"></span>
+            <div style="width:64px;height:6px;background:rgba(255,255,255,.15);border-radius:4px;overflow:hidden;flex-shrink:0">
+              <div id="code-ai-ctx-fill" style="height:100%;width:0%;border-radius:4px;transition:width .4s,background .4s"></div>
             </div>
           </div>
-          <button onclick="codeAiClear()" title="새 세션 시작" style="flex-shrink:0;background:none;border:1px solid var(--line);border-radius:6px;color:var(--muted);cursor:pointer;padding:2px 8px;font-size:11px;line-height:1.6;white-space:nowrap">↺ 새 세션</button>
+          <!-- 새 세션 버튼 -->
+          <button onclick="codeAiClear()" title="새 세션 시작" style="flex-shrink:0;background:#1a3025;border:1px solid #3a6a4a;border-radius:6px;color:#8ecfa8;cursor:pointer;padding:4px 10px;font-size:12px;line-height:1.5;white-space:nowrap;font-weight:500">↺ 새 세션</button>
         </div>
         <div class="code-ai-input-row">
           <textarea id="code-ai-input" placeholder="AI에게 질문..." rows="1"