add static/script.js

static/script.js

@@ -7,6 +7,7 @@ const portalEl = $("#portal");
 const inputEl = $("#input");
 const sendBtn = $("#send-btn");
 const attachBtn = $("#attach-btn");
+const webBtn = $("#web-btn");
 const fileInput = $("#file-input");
 const attachRow = $("#attach-row");
 const chatListEl = $("#chat-list");
@@ -36,12 +37,24 @@ let chats = JSON.parse(localStorage.getItem("jgos_chats") || "[]");
 let activeChatId = null;
 let isStreaming = false;
 let pendingAttachments = [];
+let webSearchOn = false;   // 🔍 웹검색 토글 (네이버+웹 실시간 grounding)
 
 const LEADER_KEYWORDS = ["시장", "구청장", "군수", "도지사", "단체장", "당선", "임기"];
 const ALLOWED_EXTS = ["hwp", "hwpx", "pdf", "docx", "pptx", "xlsx", "xls", "csv", "txt", "md",
                        "jpg", "jpeg", "png", "gif", "webp"];
 
 function uuid() { return Math.random().toString(36).slice(2, 10) + Date.now().toString(36); }
+function escHtml(s) { return String(s == null ? "" : s).replace(/[&<>"]/g, (c) => ({ "&": "&amp;", "<": "&lt;", ">": "&gt;", '"': "&quot;" }[c])); }
+function renderSources(srcs) {
+  if (!srcs || !srcs.length) return "";
+  const items = srcs.slice(0, 8).map((s, i) =>
+    `<a class="src-card" href="${escHtml(s.link)}" target="_blank" rel="noopener noreferrer">` +
+      `<span class="src-num">${i + 1}</span>` +
+      `<span class="src-body"><span class="src-title">${escHtml(s.title)}</span>` +
+      `<span class="src-tag">${escHtml(s.src)}</span></span></a>`
+  ).join("");
+  return `<div class="src-wrap"><div class="src-head">🔍 참고한 웹 출처</div><div class="src-list">${items}</div></div>`;
+}
 function saveChats() {
   // vision base64 image_url은 localStorage에 저장하지 않음 (quota 초과 방지) — 메모리엔 유지(전송용)
   const slim = () => chats.map((c) => ({
@@ -257,6 +270,14 @@ function isLeaderQuery(text) {
 
 // ===== 파일 업로드 =====
 attachBtn.onclick = () => fileInput.click();
+if (webBtn) webBtn.onclick = () => {
+  webSearchOn = !webSearchOn;
+  webBtn.classList.toggle("on", webSearchOn);
+  webBtn.setAttribute("aria-pressed", webSearchOn ? "true" : "false");
+  webBtn.title = webSearchOn
+    ? "웹검색 켜짐 — 최신 정보를 함께 검색합니다 (끄려면 클릭)"
+    : "웹검색 — 켜면 네이버·웹에서 최신 정보를 함께 검색합니다";
+};
 fileInput.onchange = (e) => { handleFiles(e.target.files); fileInput.value = ""; };
 
 // drag-drop
@@ -441,6 +462,7 @@ async function send(presetText) {
   let acc = "";
   let firstTokenReceived = false;
   let aborted = false;
+  let lastSources = null;
 
   // ⭐ assistant 메시지를 미리 push (부분 저장 — 새로고침 시 답변 보존)
   const asstMsgIdx = chat.messages.push({ role: "assistant", content: "", _streaming: true }) - 1;
@@ -460,7 +482,7 @@ async function send(presetText) {
       signal: currentAbort.signal,
       body: JSON.stringify({
         messages: chat.messages.filter((m) => m.role !== "system" && !m._streaming),
-        temperature: 0.3, max_tokens: 2048,
+        temperature: 0.3, max_tokens: 2048, web: webSearchOn,
       }),
     });
     if (!resp.ok) throw new Error(`HTTP ${resp.status}`);
@@ -484,6 +506,7 @@ async function send(presetText) {
             statusEl.classList.add("error"); statusEl.textContent = "● 오류";
             throw new Error(j.error);
           }
+          if (j.sources && Array.isArray(j.sources)) { lastSources = j.sources; }
           const delta = j.choices?.[0]?.delta?.content || "";
           if (delta) {
             if (!firstTokenReceived) { firstTokenReceived = true; asstDiv.innerHTML = ""; }
@@ -495,7 +518,7 @@ async function send(presetText) {
         } catch (e) { /* skip non-JSON */ }
       }
     }
-    asstDiv.innerHTML = renderMarkdown(acc);
+    asstDiv.innerHTML = renderMarkdown(acc) + renderSources(lastSources);
     if (window.hljs) {
       asstDiv.querySelectorAll("pre code").forEach((b) => { try { hljs.highlightElement(b); } catch (e) {} });
     }