Code editor: block flip-flop colors, view option buttons, terminal error improvements, live server log bubble

- Add alternating block background colors (ff-block-even/odd) for functions/classes
- Add ¶빈줄숨김 / ▓블록색상 toggle buttons to file panel sidebar (below file tree)
- Fix terminal error send: filter Windows prompt+command lines, only send last Traceback block, strip pygame header noise
- Show live server log bubble during AI tool calls, fade out on completion

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
kim
2026-06-09 13:57:27 +09:00
co-authored by Claude Sonnet 4.6
parent 4ead0750b9
commit 9b558be9f4
5 changed files with 320 additions and 45 deletions
+30 -2
View File
@@ -2366,12 +2366,17 @@
#code-view.active { display: flex; }
.code-tabs-bar {
display: flex;
align-items: center;
align-items: flex-start;
background: #0d1f1a;
border-bottom: 2px solid #1a4a35;
flex-shrink: 0;
min-height: 28px;
overflow-x: auto;
}
#code-file-tabs {
flex-wrap: wrap;
max-height: 56px;
overflow: hidden;
align-content: flex-start;
}
.code-file-tab {
display: flex; align-items: center; gap: 4px;
@@ -2988,3 +2993,26 @@
/* ── AI Mode Selector ────────────────────────────────────────────────── */
@keyframes pulse-red { 0%,100%{opacity:1;transform:scale(1)} 50%{opacity:0.8;transform:scale(1.04)} }
/* ── Live server log bubble (shown during AI file edits) ────────────── */
.code-ai-log-bubble {
font-family: 'IBM Plex Mono', monospace;
font-size: 10px; line-height: 1.6;
color: #4a7a5c; background: #040e08;
border: 1px solid #1a3a20; border-radius: 8px;
padding: 5px 10px; margin: 2px 0;
white-space: pre-wrap; word-break: break-all;
transition: opacity .4s;
max-height: 90px; overflow: hidden;
}
.log-live-dot {
display: inline-block; width: 6px; height: 6px;
border-radius: 50%; background: #22c55e;
margin-right: 5px; vertical-align: middle;
animation: log-blink 1.2s ease-in-out infinite;
}
@keyframes log-blink { 0%,100%{opacity:1} 50%{opacity:.2} }
/* ── Block flip-flop alternating highlight ───────────────────────────── */
.ff-block-even { background-color: rgba(59,130,246,0.18) !important; }
.ff-block-odd { background-color: rgba(251,146,60,0.18) !important; }