⏹ 답변이 중단되었습니다.
';
} else {
if (!acc) asstDiv.innerHTML = renderMarkdown(`❌ **오류**: ${e.message || e}`);
statusEl.classList.add("error"); statusEl.textContent = "● 오류";
}
} finally {
// 최종 저장 (throttle 취소 + 확정)
if (saveThrottle) { clearTimeout(saveThrottle); saveThrottle = null; }
chat.messages[asstMsgIdx].content = acc;
delete chat.messages[asstMsgIdx]._streaming;
if (!acc && aborted) chat.messages.splice(asstMsgIdx, 1); // 빈 중단은 제거
saveChats();
isStreaming = false; currentAbort = null;
setSendButtonMode("send");
inputEl.focus();
}
}
// 전송 ↔ 정지 버튼 토글
function setSendButtonMode(mode) {
if (mode === "stop") {
sendBtn.classList.add("stopping");
sendBtn.title = "정지";
sendBtn.innerHTML = '${q.replace(/`);
const ai = document.createElement("div");
ai.className = "edu-msg edu-ai";
ai.innerHTML = '
🧑🏫 선생님이 답변을 준비하고 있어요…';
eduMessages.appendChild(ai);
eduMessages.scrollTop = eduMessages.scrollHeight;
let acc = "";
try {
const r = await fetch("/api/chat", {
method: "POST", headers: { "Content-Type": "application/json" },
body: JSON.stringify({ messages: [{ role: "user", content: q + "\n\n(어르신도 이해하실 수 있도록, 친근한 선생님처럼 아주 쉽게 한국어로 풀어서 설명해 주세요. 영어·개요·목차 없이 바로 설명만.)" }], max_tokens: 1500, temperature: 0.4 }),
});
const reader = r.body.getReader(); const dec = new TextDecoder(); let buf = "";
while (true) {
const { done, value } = await reader.read(); if (done) break;
buf += dec.decode(value, { stream: true });
let nl;
while ((nl = buf.indexOf("\n")) >= 0) {
const line = buf.slice(0, nl).trim(); buf = buf.slice(nl + 1);
if (!line.startsWith("data:")) continue;
const d = line.slice(5).trim(); if (d === "[DONE]" || !d) continue;
try { const j = JSON.parse(d); const c = j.choices?.[0]?.delta?.content || ""; if (c) { acc += c; ai.innerHTML = eduRender(acc); eduMessages.scrollTop = eduMessages.scrollHeight; } } catch {}
}
}
if (!acc) ai.innerHTML = "답변을 불러오지 못했어요. 잠시 후 다시 시도해 주세요.";
} catch (e) { ai.innerHTML = "오류가 발생했어요: " + e.message; }
if (go && GO_LABEL[go] && eduGoto) {
eduGoto.hidden = false;
eduGoto.innerHTML = `
`;
eduGoto.firstChild.onclick = () => switchTab(go);
}
eduBusy = false;
}
$$(".edu-card").forEach((c) => { c.onclick = () => askTeacher(c.dataset.q, c.dataset.go || ""); });
function eduAsk() { const q = (eduInput && eduInput.value || "").trim(); if (q) { askTeacher(q, ""); eduInput.value = ""; } }
if (eduSend) eduSend.onclick = eduAsk;
if (eduInput) eduInput.addEventListener("keydown", (e) => { if (e.key === "Enter" && !e.shiftKey) { e.preventDefault(); eduAsk(); } });
// ===== 히어로 드롭존 (방안1) =====
const heroDropzone = $("#hero-dropzone");
if (heroDropzone) heroDropzone.onclick = () => fileInput.click();
// ============================================================
// ===== 🏛️ 행정 AX 탭 (2026-06-10) =====
// ============================================================
// 데모 파일 목록 (static/demo/ 에 업로드된 파일들)
const DEMO_FILES_EXCEL = [
{name:"01_광주동구_복지현황.xlsx", label:"광주 동구 (XLSX)", ext:"xlsx"},
{name:"02_전남도청_복지수급.xlsx", label:"전남 도청 (XLSX)", ext:"xlsx"},
{name:"03_순천시_복지통계.xlsx", label:"순천시 (XLSX)", ext:"xlsx"},
{name:"04_목포시_복지대장.xlsx", label:"목포시 (XLSX)", ext:"xlsx"},
{name:"05_여수시_복지현황.xlsx", label:"여수시 (XLSX)", ext:"xlsx"},
];
const DEMO_FILES_FORMAT = [
{name:"복지신청_광주동구.hwpx", label:"광주동구 공문", ext:"hwpx"},
{name:"복지신청_전남도청.xlsx", label:"전남도청 Excel", ext:"xlsx"},
{name:"복지수급현황.csv", label:"수급현황 CSV", ext:"csv"},
{name:"사업설명회_자료.pptx", label:"사업설명 PPT", ext:"pptx"},
{name:"민원접수대장.docx", label:"민원 Word", ext:"docx"},
{name:"공문_복지공람.pdf", label:"복지 공문 PDF", ext:"pdf"},
{name:"복지신청_한글.hwpx", label:"한글 신청서", ext:"hwpx"},
];
function encodeFilename(s) {
return encodeURIComponent(s);
}
function renderFileChips(containerId, demoFiles) {
const container = $("#" + containerId);
if (!container) return;
container.innerHTML = demoFiles.map(f => `
${f.ext.toUpperCase()}
${f.label}
👁
`).join("");
container.querySelectorAll(".ax-file-chip").forEach(chip => {
chip.onclick = () => axPreviewDemo(chip.dataset.demo, chip.dataset.label);
});
}
async function axPreviewDemo(filename, label) {
const modal = $("#ax-modal");
const body = $("#ax-modal-body");
const title = $("#ax-modal-title");
if (!modal || !body) return;
if (title) title.textContent = "\uD83D\uDCC4 " + label + " \u2014 \uBBF8\uB9AC\uBCF4\uAE30";
body.innerHTML = '
\u23F3 \uBD88\uB7EC\uC624\uB294 \uC911...
';
modal.hidden = false;
try {
const r = await fetch("/api/demo/preview/" + encodeURIComponent(filename));
if (!r.ok) { body.innerHTML = "
\uBBF8\uB9AC\uBCF4\uAE30 \uC2E4\uD328 (" + r.status + ")
"; return; }
const d = await r.json();
body.innerHTML = (d.rows > 0) ? (d.html || "
\uBBF8\uB9AC\uBCF4\uAE30 \uC5C6\uC74C
") : "
\u26A0\uFE0F \uD30C\uC2F1 \uC2E4\uD328
";
} catch(e) {
body.innerHTML = "
\uC624\uB958: " + (e && e.message ? e.message : e) + "
";
}
}
// 모달 닫기
const axModalClose = $("#ax-modal-close");
const axModal = $("#ax-modal");
if (axModalClose) axModalClose.onclick = () => { if (axModal) axModal.hidden = true; };
if (axModal) axModal.onclick = (e) => { if (e.target === axModal) axModal.hidden = true; };
// 파일 chip 렌더링
renderFileChips("ax-excel-demos", DEMO_FILES_EXCEL);
renderFileChips("ax-format-demos", DEMO_FILES_FORMAT);
// ── Demo 1: Excel 통합 ──
const axExcelInput = $("#ax-excel-input");
const axExcelDrop = $("#ax-excel-drop");
const axExcelRun = $("#ax-excel-run");
const axExcelCount = $("#ax-excel-count");
const axExcelResult = $("#ax-excel-result");
let axExcelFiles = [];
function axExcelUpdateUI() {
if (axExcelCount) axExcelCount.textContent = axExcelFiles.length ? `${axExcelFiles.length}개 파일 선택됨` : "";
if (axExcelRun) axExcelRun.disabled = axExcelFiles.length === 0;
}
if (axExcelDrop) {
axExcelDrop.onclick = (e) => { if (e.target === axExcelDrop || axExcelDrop.contains(e.target)) axExcelInput && axExcelInput.click(); };
axExcelDrop.ondragover = e => { e.preventDefault(); axExcelDrop.classList.add("dragover"); };
axExcelDrop.ondragleave = () => axExcelDrop.classList.remove("dragover");
axExcelDrop.ondrop = e => {
e.preventDefault(); axExcelDrop.classList.remove("dragover");
axExcelFiles = [...axExcelFiles, ...(e.dataTransfer.files || [])];
axExcelUpdateUI();
};
}
if (axExcelInput) axExcelInput.onchange = () => {
axExcelFiles = [...axExcelFiles, ...(axExcelInput.files || [])];
axExcelUpdateUI();
};
if (axExcelRun) axExcelRun.onclick = async () => {
if (!axExcelFiles.length) return;
axExcelRun.disabled = true;
axExcelRun.innerHTML = "⏳ 처리 중...";
if (axExcelResult) { axExcelResult.hidden = false; axExcelResult.innerHTML = '
⏳ 통합 중...
'; }
try {
const fd = new FormData();
axExcelFiles.forEach(f => fd.append("files", f));
const r = await fetch("/api/excel/merge", {method: "POST", body: fd});
const d = await r.json();
if (axExcelResult) {
const srcHtml = (d.sources || []).map(s => `
📄 ${s.파일} (${s.건수}건)`).join("");
axExcelResult.innerHTML = `
${srcHtml}
${d.html || ""}`;
}
} catch(e) {
if (axExcelResult) axExcelResult.innerHTML = `
오류: ${e.message}
`;
}
axExcelRun.disabled = false;
axExcelRun.innerHTML = "
⚡ 통합 실행";
};
// ── Demo 2: 이종 포맷 통합 ──
const axFormatInput = $("#ax-format-input");
const axFormatDrop = $("#ax-format-drop");
const axFormatRun = $("#ax-format-run");
const axFormatCount = $("#ax-format-count");
const axFormatResult = $("#ax-format-result");
let axFormatFiles = [];
function axFormatUpdateUI() {
if (axFormatCount) axFormatCount.textContent = axFormatFiles.length ? `${axFormatFiles.length}개 파일 선택됨` : "";
if (axFormatRun) axFormatRun.disabled = axFormatFiles.length === 0;
}
if (axFormatDrop) {
axFormatDrop.onclick = (e) => { if (e.target === axFormatDrop || axFormatDrop.contains(e.target)) axFormatInput && axFormatInput.click(); };
axFormatDrop.ondragover = e => { e.preventDefault(); axFormatDrop.classList.add("dragover"); };
axFormatDrop.ondragleave = () => axFormatDrop.classList.remove("dragover");
axFormatDrop.ondrop = e => {
e.preventDefault(); axFormatDrop.classList.remove("dragover");
axFormatFiles = [...axFormatFiles, ...(e.dataTransfer.files || [])];
axFormatUpdateUI();
};
}
if (axFormatInput) axFormatInput.onchange = () => {
axFormatFiles = [...axFormatFiles, ...(axFormatInput.files || [])];
axFormatUpdateUI();
};
if (axFormatRun) axFormatRun.onclick = async () => {
if (!axFormatFiles.length) return;
axFormatRun.disabled = true;
axFormatRun.innerHTML = "⏳ 처리 중...";
if (axFormatResult) { axFormatResult.hidden = false; axFormatResult.innerHTML = '
⏳ 통합 중...
'; }
try {
const fd = new FormData();
axFormatFiles.forEach(f => fd.append("files", f));
const r = await fetch("/api/files/merge-formats", {method: "POST", body: fd});
const d = await r.json();
if (axFormatResult) {
const srcHtml = (d.sources || []).map(s => `
${s.포맷} ${s.파일} (${s.건수}건)`).join("");
axFormatResult.innerHTML = `
${srcHtml}
${d.html || ""}`;
}
} catch(e) {
if (axFormatResult) axFormatResult.innerHTML = `
오류: ${e.message}
`;
}
axFormatRun.disabled = false;
axFormatRun.innerHTML = "
⚡ 통합 실행";
};
// ===== health =====
fetch("/api/health").then((r) => r.json()).then((d) => {
statusEl.textContent = "● " + ("JGOS-31B-Citizen");
}).catch(() => { statusEl.textContent = "● 연결 안 됨"; statusEl.classList.add("error"); });
// ===== init =====
if (chats.length === 0) newChat();
else loadChat(chats[chats.length - 1].id);