kim/homeclaw
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Improve session bar visibility: larger text, cleaner button, fix ctx display bug

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

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
kim
2026-06-06 14:44:16 +09:00
co-authored by Claude Sonnet 4.6
parent eb203a45f9
commit 06d39fd09d
1 changed files with 12 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files
web-ui/code.html
+12 -10
View File
@@ -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"