Code editor UI: per-file streaming bubbles, options UI, terminal error button, model card

- Per-file streaming: text shows while AI works, collapses on tool call, ✅완료 at end
- Options UI: numbered choice buttons with number/keyword input selection
- Number input in chat (1~6) selects corresponding option chip
- Terminal error 🤖 button permanently visible in header bar
- Model card moved to tabs bar top-right, synced with panel width
- Removed 코드 저장 디렉토리 from settings; merged save/folder into sidebar
- Removed language selector from chat header
- Bottom cards anchored to sidebar bottom
- Simplified planInstruction prompt

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

web-ui/code.html

@@ -210,6 +210,7 @@
             <span id="csb-folder-label" style="font-size:10px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.05em">폴더 없음</span>
             <div style="display:flex;gap:4px">
               <button id="code-local-btn" onclick="openLocalFolder()" title="로컬 폴더 열기" style="background:none;border:none;cursor:pointer;color:var(--muted);font-size:14px;line-height:1;padding:0 3px">🖥️</button>
+              <button onclick="codeSaveFile()" title="파일 저장 (Ctrl+S)" style="background:none;border:none;cursor:pointer;color:var(--muted);font-size:13px;line-height:1;padding:0 3px">💾</button>
               <button onclick="codeNewFile()" title="새 파일" style="background:none;border:none;cursor:pointer;color:var(--muted);font-size:16px;line-height:1;padding:0 3px">+</button>
               <button onclick="csbNewFolderRoot()" title="새 폴더" style="background:none;border:none;cursor:pointer;color:var(--muted);font-size:13px;line-height:1;padding:0 3px">📁</button>
               <button onclick="codeSbRefresh()" title="새로고침" style="background:none;border:none;cursor:pointer;color:var(--muted);font-size:13px;line-height:1;padding:0 3px">↺</button>
@@ -229,18 +230,9 @@
         </div>
 
         <!-- 하단: 모델 설정 패널 -->
-        <div style="flex-shrink:0;height:46%;min-height:160px;display:flex;flex-direction:column;overflow:hidden">
+        <div style="flex-shrink:0;display:flex;flex-direction:column;overflow:hidden;border-top:1px solid var(--line)">
           <!-- 모델 선택 -->
           <div style="display:flex;flex-direction:column;flex:1;overflow-y:auto;padding:10px 12px;gap:8px">
-            <div class="csb-model-card">
-              <div class="csb-model-label">
-                <span class="csb-model-dot"></span>
-                🤖 Coder AI 모델
-              </div>
-              <div class="csb-model-select-wrap">
-                <select id="csb-model-select" onchange="csbModelChanged()"></select>
-              </div>
-            </div>
             <div id="csb-session-project-row" class="csb-project-card" style="display:none">
               <div class="csb-project-label">📁 프로젝트</div>
               <div class="csb-project-select-wrap">
@@ -284,15 +276,6 @@
           </div>
           <div style="font-size:10px;color:var(--muted);margin-top:4px">새 터미널 탭 열면 이 경로로 자동 이동</div>
         </div>
-        <div>
-          <div style="font-size:10px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:6px">코드 저장 디렉토리</div>
-          <div style="display:flex;align-items:center;gap:6px">
-            <input type="text" id="csb-codedir" value="code" onchange="csbCodeDirChanged(this.value)"
-              style="flex:1;font-size:12px;padding:6px 8px;background:var(--panel-2);color:var(--text);border:1px solid var(--line);border-radius:8px;font-family:'IBM Plex Mono',monospace">
-            <button onclick="csbCodeDirSave()" title="저장" style="background:var(--brand);color:#fff;border:none;border-radius:8px;padding:6px 10px;font-size:11px;font-weight:700;cursor:pointer;white-space:nowrap">저장</button>
-          </div>
-          <div style="font-size:10px;color:var(--muted);margin-top:4px">워크스페이스 하위 폴더 (기본: code)</div>
-        </div>
         <div>
           <div style="font-size:10px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:6px">폰트 크기</div>
           <div style="display:flex;align-items:center;gap:8px">
@@ -338,14 +321,15 @@
   <div id="code-view" class="active">
     <!-- File tabs bar -->
     <div class="code-tabs-bar">
-      <div id="code-file-tabs" style="display:flex;align-items:stretch"></div>
-      <button class="code-new-tab-btn" onclick="codeNewFile()" title="새 파일">+</button>
-      <div class="code-toolbar">
-        <button id="code-folder-btn" class="code-tool-btn btn-folder" onclick="toggleCodeFolderBrowser(event)" title="파일 탐색기 열기"
-          style="gap:4px;display:flex;align-items:center">
-          📁 <span>workspace/code/</span> ▾
-        </button>
-        <button class="code-tool-btn btn-save" onclick="codeSaveFile()" title="파일 저장 (Ctrl+S)">💾 저장</button>
+      <div id="code-file-tabs" style="display:flex;align-items:stretch;flex:1"></div>
+      <div id="code-ai-model-card" style="display:flex;align-items:center;gap:7px;padding:3px 10px 3px 12px;border-left:1px solid #1a4a35;flex-shrink:0;align-self:stretch">
+        <span style="font-size:16px;line-height:1">🤖</span>
+        <div style="display:flex;flex-direction:column;gap:1px">
+          <span style="font-size:9px;font-weight:700;color:#22c55e;text-transform:uppercase;letter-spacing:.07em;line-height:1">Coder AI</span>
+          <div class="csb-model-select-wrap" style="min-width:120px">
+            <select id="csb-model-select" onchange="csbModelChanged()" style="font-size:12px;font-weight:700"></select>
+          </div>
+        </div>
       </div>
     </div>
     <!-- Diff review bar (full-width, above editor) -->
@@ -360,15 +344,6 @@
       <div id="code-editor-container"></div>
       <div class="code-vresize" id="code-vresize"></div>
       <div id="code-ai-panel">
-        <div class="code-ai-header">
-          <span id="code-ai-title">💻 Coder AI</span>
-          <div class="code-ai-tech-selector" id="code-ai-tech-selector">
-            <button class="code-ai-tech-btn active" data-tech="auto" onclick="setCodeAiTech('auto')">🤖 자동</button>
-            <button class="code-ai-tech-btn" data-tech="html" onclick="setCodeAiTech('html')">🌐 HTML</button>
-            <button class="code-ai-tech-btn" data-tech="python" onclick="setCodeAiTech('python')">🐍 Python</button>
-            <button class="code-ai-tech-btn" data-tech="node" onclick="setCodeAiTech('node')">🟢 Node</button>
-          </div>
-        </div>
         <div id="code-ai-messages">
           <div class="code-ai-msg thinking">코드를 선택하고 "AI에게 전송"을 누르거나, 아래에 질문을 입력하세요.</div>
         </div>
@@ -407,6 +382,7 @@
         <div id="code-term-tabs" style="display:flex;align-items:stretch;height:100%;flex:1"></div>
         <button onclick="addLocalShell()" id="local-shell-btn" title="로컬(companion) 탭 추가" style="background:none;border:none;color:#22c55e;cursor:pointer;font-size:16px;padding:0 8px;line-height:1;flex-shrink:0">+</button>
         <button onclick="addCodeTermShell()" title="서버 터미널 탭 추가" style="background:none;border:none;color:#6b7280;cursor:pointer;font-size:11px;padding:0 6px;line-height:1;flex-shrink:0;font-family:'IBM Plex Mono',monospace">☁️</button>
+        <button id="code-term-ai-error-btn" onclick="_sendActiveTermErrorToAI()" title="터미널 출력을 AI에게 전송" style="background:#1a3a28;color:#22c55e;border:1px solid #2a5a3a;border-radius:4px;padding:1px 7px;font-size:10px;font-weight:700;cursor:pointer;flex-shrink:0;margin-right:2px">🤖</button>
         <button onclick="codeTermKill()" title="실행 중단 (Ctrl+C)" style="background:none;border:none;color:#f87171;cursor:pointer;font-size:13px;padding:0 6px;line-height:1;flex-shrink:0">⏹</button>
         <button onclick="toggleCodeTerminal()" title="닫기" style="background:none;border:none;color:#3d6b4f;cursor:pointer;font-size:14px;padding:0 8px;line-height:1;flex-shrink:0">&times;</button>
       </div>