+ ${escHtml(f.name)}
+ ×
+
`;
+ }).join('');
+}
+
+function codeSaveFile() {
+ const file = codeFiles.find(f => f.id === activeCodeFileId);
+ if (!file || !monacoEditor) return;
+ file.content = monacoEditor.getValue();
+ // POST to workspace
+ api('/api/workspace/write', { path: file.name, content: file.content })
+ .then(() => codeAiAppend('system', `💾 저장됨: ${file.name}`))
+ .catch(() => {
+ // fallback: download
+ const a = document.createElement('a');
+ a.href = URL.createObjectURL(new Blob([file.content], { type: 'text/plain' }));
+ a.download = file.name; a.click();
+ });
+}
+
+function codeRunInTerminal() {
+ const file = codeFiles.find(f => f.id === activeCodeFileId);
+ if (!file || !monacoEditor) return;
+ file.content = monacoEditor.getValue();
+ const ext = file.name.split('.').pop().toLowerCase();
+ const cmd = ext === 'py' ? `python3 ${file.name}` : ext === 'js' ? `node ${file.name}` :
+ ext === 'ts' ? `npx ts-node ${file.name}` : `./${file.name}`;
+ // Open terminal if not open and run command
+ if (!chatTermOpen) toggleChatTerminal();
+ setTimeout(() => {
+ const s = chatTermShells.find(s => s.id === activeChatTermShellId);
+ if (s && s.ptyReady) termWsSend({ type: 'pty_input', shellId: s.id, data: cmd + '\r' });
+ }, chatTermOpen ? 0 : 400);
+}
+
+function codeSendSelectionToAI() {
+ if (!monacoEditor) return;
+ const sel = monacoEditor.getSelection();
+ const selected = sel && !sel.isEmpty() ? monacoEditor.getModel().getValueInRange(sel) : monacoEditor.getValue();
+ const file = codeFiles.find(f => f.id === activeCodeFileId);
+ const lang = file ? file.language : 'code';
+ const prompt = `다음 ${lang} 코드를 분석해줘:\n\`\`\`${lang}\n${selected}\n\`\`\``;
+ document.getElementById('code-ai-input').value = prompt;
+ codeAiSend();
+}
+
+async function codeAiSend() {
+ const input = document.getElementById('code-ai-input');
+ const message = input.value.trim();
+ if (!message) return;
+ input.value = ''; input.style.height = '';
+
+ codeAiAppend('user', message);
+ codeAiHistory.push({ role: 'user', content: message });
+
+ const thinkEl = codeAiAppend('thinking', '생각 중...');
+
+ try {
+ if (codeAiAbort) codeAiAbort.abort();
+ codeAiAbort = new AbortController();
+ const historyForAPI = codeAiHistory.slice(-10, -1).map(m => ({ role: m.role, content: m.content }));
+ const res = await fetch('/api/chat', {
+ method: 'POST',
+ headers: authHeaders({ 'Content-Type': 'application/json', 'Accept': 'text/event-stream' }),
+ signal: codeAiAbort.signal,
+ body: JSON.stringify({ message, history: historyForAPI, useTools: true, sessionId: codeAiSessionId }),
+ });
+ if (!res.ok) throw new Error('HTTP ' + res.status);
+ const reader = res.body.getReader();
+ const dec = new TextDecoder();
+ let buf = '', reply = '';
+ thinkEl.textContent = '';
+ thinkEl.className = 'code-ai-msg assistant';
+ while (true) {
+ const { done, value } = await reader.read();
+ if (done) break;
+ buf += dec.decode(value, { stream: true });
+ const lines = buf.split('\n');
+ buf = lines.pop();
+ for (const line of lines) {
+ if (!line.startsWith('data:')) continue;
+ const data = line.slice(5).trim();
+ if (data === '[DONE]') continue;
+ try {
+ const ev = JSON.parse(data);
+ if (ev.type === 'token' && ev.content) { reply += ev.content; thinkEl.textContent = reply; codeAiScrollBottom(); }
+ else if (ev.type === 'final' && ev.content) { reply = ev.content; thinkEl.textContent = reply; codeAiScrollBottom(); }
+ else if (ev.type === 'text_delta' && ev.delta) { reply += ev.delta; thinkEl.textContent = reply; codeAiScrollBottom(); }
+ } catch {}
+ }
+ }
+ codeAiHistory.push({ role: 'assistant', content: reply || '(응답 없음)' });
+ if (!reply) thinkEl.textContent = '(응답 없음)';
+ } catch(e) {
+ thinkEl.className = 'code-ai-msg thinking';
+ thinkEl.textContent = '오류: ' + (e.message || e);
+ }
+}
+
+function codeAiAppend(role, text) {
+ const msgs = document.getElementById('code-ai-messages');
+ if (!msgs) return null;
+ // Remove initial placeholder
+ const placeholder = msgs.querySelector('.code-ai-msg.thinking');
+ if (placeholder && placeholder.textContent.includes('AI에게 전송')) placeholder.remove();
+ const el = document.createElement('div');
+ el.className = 'code-ai-msg ' + role;
+ el.textContent = text;
+ msgs.appendChild(el);
+ codeAiScrollBottom();
+ return el;
+}
+
+function codeAiScrollBottom() {
+ const msgs = document.getElementById('code-ai-messages');
+ if (msgs) msgs.scrollTop = msgs.scrollHeight;
+}
+
+function codeAiClear() {
+ const msgs = document.getElementById('code-ai-messages');
+ if (msgs) msgs.innerHTML = '코드를 선택하고 "AI에게 전송"을 누르거나, 아래에 질문을 입력하세요.
';
+ codeAiHistory = [];
+}
+
+// Vertical resize handle between editor and AI panel
+function setupCodeVResize() {
+ const handle = document.getElementById('code-vresize');
+ const aiPanel = document.getElementById('code-ai-panel');
+ if (!handle || !aiPanel) return;
+ let startX = 0, startW = 0;
+ handle.addEventListener('mousedown', function(e) {
+ startX = e.clientX; startW = aiPanel.offsetWidth;
+ document.addEventListener('mousemove', onVMove);
+ document.addEventListener('mouseup', onVUp);
+ e.preventDefault();
+ });
+ function onVMove(e) {
+ const dx = startX - e.clientX;
+ const newW = Math.max(220, Math.min(window.innerWidth * 0.6, startW + dx));
+ aiPanel.style.width = newW + 'px';
+ if (monacoEditor) monacoEditor.layout();
+ }
+ function onVUp() {
+ document.removeEventListener('mousemove', onVMove);
+ document.removeEventListener('mouseup', onVUp);
+ }
+}
+