cli-jaw 1.5.0 → 1.6.0

package/public/dist/assets/ws-Dnn8HG8B.js

@@ -0,0 +1,2 @@
+const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["assets/vendor-render-Bjnw0wQ6.css"])))=>i.map(i=>d[i]);
+import{t as e}from"./state-O6NVkWcL.js";import{Z as t}from"./vendor-mermaid-lvHqQdfg.js";import{a as n,p as r,t as i,u as a}from"./render-C8N0rp4L.js";import{a as o,d as s,f as c,g as l,i as u,m as d,n as f,r as p,t as m}from"./ui-D-oFkXed.js";var h=[`P`,`A`,`B`,`C`],g=null;function _(e,t,n){let r=h.indexOf(n);if(r<0)return;let i=e.getBoundingClientRect(),a=t.offsetWidth||36,o=document.getElementById(`dot-${n}`);if(!o)return;let s=h[r+1],c=s?document.getElementById(`dot-${s}`):null;if(c){let e=o.getBoundingClientRect(),n=c.getBoundingClientRect(),r=(e.right+n.left)/2;t.style.left=r-i.left-a/2+`px`}else{let e=o.getBoundingClientRect();t.style.left=e.left-i.left+e.width/2-a/2+`px`}}var v={},y=``;function b(e){for(let e of Object.keys(v))delete v[e];for(let t of e)t.state===`running`&&t.phase&&(v[t.agentId]={phase:t.phase,phaseLabel:t.phaseLabel||``})}function x(t,n){let r=new Set([`IDLE`,`P`,`A`,`B`,`C`,`D`]).has(t)?t:`IDLE`;if(e.orcState=r,r===`IDLE`||r===`D`)document.body.removeAttribute(`data-orc-state`),document.body.style.removeProperty(`--orc-glow`);else{document.body.setAttribute(`data-orc-state`,r);let e=`--orc-glow-${r}`,t=getComputedStyle(document.documentElement).getPropertyValue(e).trim();document.body.style.setProperty(`--orc-glow`,t)}document.body.classList.add(`orc-pulse`),setTimeout(()=>document.body.classList.remove(`orc-pulse`),700);let i=document.getElementById(`orcStateBadge`);i&&(i.textContent={IDLE:``,P:`PLAN`,A:`AUDIT`,B:`BUILD`,C:`CHECK`,D:`DONE`}[r],i.style.display=r===`IDLE`?`none`:`inline-block`);let a=document.getElementById(`pabcRoadmap`),o=document.getElementById(`sharkRunner`),s=document.getElementById(`pabcBrand`);if(a&&o){if(!a.dataset.resizeObserved){a.dataset.resizeObserved=`1`,new ResizeObserver(()=>{g&&o.classList.contains(`running`)&&_(a,o,g)}).observe(a);let e=0;window.addEventListener(`resize`,()=>{cancelAnimationFrame(e),e=requestAnimationFrame(()=>{g&&o.classList.contains(`running`)&&_(a,o,g)})})}if(r===`IDLE`)a.classList.remove(`visible`,`shimmer-out`),o.classList.remove(`running`),g=null;else if(r===`D`){h.forEach(e=>{let t=document.getElementById(`dot-${e}`);t&&(t.className=`pabc-dot done`,t.setAttribute(`data-phase`,e))});for(let e=0;e<4;e++){let t=document.getElementById(`pabc-conn-${e}`);t&&(t.className=`pabc-connector done`)}o.classList.remove(`running`),g=null,a.classList.add(`shimmer-out`),setTimeout(()=>a.classList.remove(`visible`,`shimmer-out`),1e3)}else{a.classList.remove(`shimmer-out`),a.classList.add(`visible`),o.classList.add(`running`);let e=h.indexOf(r);h.forEach((t,n)=>{let r=document.getElementById(`dot-${t}`);r&&(r.className=`pabc-dot ${n<e?`done`:n===e?`active`:`future`}`,r.setAttribute(`data-phase`,t))});for(let t=0;t<4;t++){let n=document.getElementById(`pabc-conn-${t}`);n&&(n.className=`pabc-connector ${t<e?`done`:``}`)}g=r,requestAnimationFrame(()=>_(a,o,r))}s&&n&&(s.textContent=n)}}function S(){let h=`ws://${location.host}`;e.ws=new WebSocket(`${h}?lang=${a()}`),e.ws.onmessage=e=>{let a;try{a=JSON.parse(e.data)}catch{console.warn(`[ws] malformed message:`,e.data);return}if(!a||typeof a!=`object`||typeof a.type!=`string`){console.warn(`[ws] invalid message shape:`,a);return}if(a.type===`agent_status`)a.running===void 0?s(a.status||`idle`):s(a.running?`running`:`idle`),a.agentId&&a.phase&&(v[a.agentId]={phase:a.phase,phaseLabel:a.phaseLabel||``},t(()=>import(`./employees-D5n7mX5v.js`).then(e=>e.loadEmployees()),__vite__mapDeps([0])));else if(a.type===`queue_update`)d(a.pending||0);else if(a.type===`worklog_created`)f(`${n.clipboard} Worklog: ${i(a.path||``)}`);else if(a.type===`round_start`){let e=a.agentPhases||a.subtasks||[],t=e.map(e=>i(e.agent||e.name||``)).join(`, `);f(r(`ws.roundStart`,{round:a.round||0,count:e.length,names:t}))}else if(a.type===`round_done`)a.action===`complete`?f(r(`ws.roundDone`,{round:a.round||0})):a.action===`next`?f(r(`ws.roundNext`,{round:a.round||0})):f(r(`ws.roundRetry`,{round:a.round||0}));else if(a.type===`agent_tool`){let e=a.toolType===`thinking`?`thinking`:a.toolType===`search`?`search`:`tool`;c({id:`step-${Date.now()}-${Math.random().toString(36).slice(2,6)}`,type:e,icon:a.icon||n.tool,label:a.label||``,detail:a.detail||``,stepRef:a.stepRef||``,status:a.status||`running`,startTime:Date.now()})}else if(a.type===`agent_output`)p(a.text||``);else if(a.type===`agent_retry`)f(r(`ws.retry`,{cli:i(a.cli||``),delay:a.delay||10}),`tool-activity`);else if(a.type===`agent_fallback`)f(r(`ws.fallback`,{from:i(a.from||``),to:i(a.to||``)}),`tool-activity`);else if(a.type===`agent_smoke`)f(`${n.warning} ${i(a.cli||`agent`)}: smoke response detected — auto-continuing`,`tool-activity`);else if(a.type===`agent_done`)o(a.text||``,a.toolLog);else if(a.type===`orchestrate_done`)o(a.text||``);else if(a.type===`clear`){u(),l().clear();let e=document.getElementById(`chatMessages`);e&&(e.innerHTML=``)}else if(a.type===`session_reset`)f(`${n.refresh} Session reset — history preserved`,`tool-activity`);else if(a.type===`agent_added`||a.type===`agent_updated`||a.type===`agent_deleted`)t(()=>import(`./employees-D5n7mX5v.js`).then(e=>e.loadEmployees()),__vite__mapDeps([0]));else if(a.type===`orc_state`){if(a.scope&&y&&a.scope!==y)return;x(typeof a.state==`string`?a.state:`IDLE`,a.title)}else a.type===`new_message`&&(a.source===`telegram`||a.source===`discord`)&&m(a.role===`assistant`?`agent`:a.role||`user`,a.content||``,a.cli)},e.ws.onopen=()=>{console.log(`[ws] connected`),t(()=>import(`./ui-C1daR00l.js`).then(e=>{e.cleanupToolActivity(),e.loadMessages(),e.setStatus(`idle`)}),__vite__mapDeps([0])),fetch(`/api/orchestrate/snapshot`).then(e=>e.json()).then(e=>{y=String(e.orc.scope||``),x(e.orc.state),b(e.workers),d(e.runtime.queuePending),s(e.runtime.busy?`running`:`idle`),t(()=>import(`./employees-D5n7mX5v.js`).then(e=>{typeof e.renderEmployees==`function`&&e.renderEmployees()}),__vite__mapDeps([0]))}).catch(()=>{})},e.ws.onclose=()=>{console.log(`[ws] disconnected, reconnecting in 2s...`),t(()=>import(`./ui-C1daR00l.js`).then(e=>e.cleanupToolActivity()),__vite__mapDeps([0])),s(`idle`),f(`${n.exec} 연결 끊김 — 재연결 중...`,`tool-activity`),setTimeout(S,2e3)}}function C(e){return v[e]||null}export{C as n,S as t};

package/public/dist/assets/xychartDiagram-5P7HB3ND-B_McB5GE.js

@@ -0,0 +1 @@
+import{n as e}from"./vendor-mermaid-lvHqQdfg.js";export{e as diagram};

package/public/dist/index.html

@@ -5,8 +5,9 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover">
     <meta name="theme-color" content="#22d3ee">
-    <meta name="apple-mobile-web-app-capable" content="yes">
+    <meta name="mobile-web-app-capable" content="yes">
     <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
+    <link rel="icon" href="data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'><text y='.9em' font-size='90'>🦈</text></svg>">
     <link rel="manifest" href="/dist/assets/manifest-Bw-LRm-c.json">
     <link rel="apple-touch-icon" href="/dist/assets/icon-192-CwXPIYF5.png">
     <title>CLI-JAW</title>
@@ -16,9 +17,9 @@
         href="https://fonts.googleapis.com/css2?family=Chakra+Petch:wght@400;500;600;700&family=Outfit:wght@400;500;600;700&display=swap"
         rel="stylesheet">
     <!-- Vite handles module bundling in dev (HMR) and production (build) -->
-  <script type="module" crossorigin src="/dist/assets/index-CQHqXjrK.js"></script>
+  <script type="module" crossorigin src="/dist/assets/index-CmAU0d96.js"></script>
   <link rel="stylesheet" crossorigin href="/dist/assets/vendor-render-Bjnw0wQ6.css">
-  <link rel="stylesheet" crossorigin href="/dist/assets/index-1Gg-6jeC.css">
+  <link rel="stylesheet" crossorigin href="/dist/assets/index-Br2UdKlR.css">
 </head>
 
 <body>
@@ -35,7 +36,7 @@
 
         <div>
             <div class="section-title" data-i18n="sidebar.memory">메모리</div>
-            <button class="sidebar-hb-btn" id="memorySidebarBtn" aria-label="Open memory panel">🧠 Memory (0)</button>
+            <button class="sidebar-hb-btn" id="memorySidebarBtn" aria-label="Open memory panel"><span data-icon="brain"></span> Memory (0)</button>
         </div>
 
         <div>
@@ -78,15 +79,15 @@
                 <button class="sidebar-hb-btn btn-action-sm w-auto" id="appNameSave">✓</button>
             </div>
             <button class="sidebar-hb-btn" id="btnClearChat">/clear</button>
-            <button class="sidebar-hb-btn" id="hbSidebarBtn">💓 Heartbeat (0)</button>
-            <button class="sidebar-hb-btn" data-action="openTemplates">📝 프롬프트 템플릿</button>
-            <button class="sidebar-hb-btn" id="langToggle" title="한국어 ⇄ English">🌐 한국어</button>
+            <button class="sidebar-hb-btn" id="hbSidebarBtn"><span data-icon="heartPulse"></span> Heartbeat (0)</button>
+            <button class="sidebar-hb-btn" data-action="openTemplates"><span data-icon="plan"></span> 프롬프트 템플릿</button>
+            <button class="sidebar-hb-btn" id="langToggle" title="한국어 ⇄ English"><span data-icon="web"></span> 한국어</button>
         </div>
     </nav>
 
     <!-- Chat Area -->
     <div class="chat-area">
-        <div class="drag-overlay" id="dragOverlay" data-i18n="drag.drop">📎 파일을 여기에 드랍하세요</div>
+        <div class="drag-overlay" id="dragOverlay" data-i18n="drag.drop"><span data-icon="paperclip"></span> 파일을 여기에 드랍하세요</div>
         <div class="chat-header">
             <span>CLI-JAW ● <span id="headerCli">claude</span></span>
             <button class="theme-switch" id="toggleTheme" title="Toggle Theme" aria-label="Toggle dark/light mode">
@@ -122,7 +123,7 @@
         </div>
         <div class="file-preview" id="filePreview">
             <div class="file-preview-header">
-                <span class="file-preview-title">📎 Files</span>
+                <span class="file-preview-title"><span data-icon="paperclip"></span> Files</span>
                 <button class="file-preview-clear" id="filePreviewClear">✕ Clear all</button>
             </div>
             <div class="file-preview-list" id="filePreviewList"></div>
@@ -130,15 +131,15 @@
         <div class="chat-input-area">
             <div id="cmdDropdown" class="cmd-dropdown" role="listbox" data-i18n-aria="aria.cmdList" aria-label="커맨드 목록"
                 style="display:none"></div>
-            <button class="btn-attach" data-i18n-title="btn.attach" title="파일 첨부">📎</button>
+            <button class="btn-attach" data-i18n-title="btn.attach" title="파일 첨부"><span data-icon="paperclip"></span></button>
             <input type="file" id="fileInput" hidden multiple>
-            <button class="btn-voice" id="btnVoice" data-i18n-title="voice.start" title="음성 녹음">🎤</button>
+            <button class="btn-voice" id="btnVoice" data-i18n-title="voice.start" title="음성 녹음"><span data-icon="mic"></span></button>
             <span class="voice-timer" id="voiceTimer" style="display:none">00:00</span>
             <button class="btn-voice-cancel" id="btnVoiceCancel" style="display:none" title="취소">✕</button>
             <textarea class="chat-input" id="chatInput" rows="1" data-i18n-placeholder="input.placeholder"
                 placeholder="메시지 입력..." aria-label="Chat message input" aria-haspopup="listbox" aria-expanded="false"
                 aria-controls="cmdDropdown" aria-autocomplete="list" aria-activedescendant=""></textarea>
-            <button class="btn-send" id="btnSend" aria-label="Send message">➤</button>
+            <button class="btn-send" id="btnSend" aria-label="Send message"><span data-icon="send"></span></button>
         </div>
     </div>
 
@@ -184,7 +185,7 @@
             <div>
                 <label data-i18n="label.permissions">권한</label>
                 <div class="perm-toggle">
-                    <span class="perm-btn active perm-auto" >⚡ Auto</span>
+                    <span class="perm-btn active perm-auto" ><span data-icon="exec"></span> Auto</span>
                 </div>
             </div>
 
@@ -209,16 +210,16 @@
         <div id="tabSkills" class="tab-content" role="tabpanel" aria-labelledby="tabBtnSkills">
             <div class="flex gap-2 flex-wrap">
                 <button class="skill-filter active" data-filter="all" data-i18n="skill.filter.all">전체</button>
-                <button class="skill-filter" data-filter="installed" data-i18n="skill.filter.installed">📦 설치됨</button>
-                <button class="skill-filter" data-filter="productivity" data-i18n="skill.filter.productivity">📝
+                <button class="skill-filter" data-filter="installed" data-i18n="skill.filter.installed"><span data-icon="compacting"></span> 설치됨</button>
+                <button class="skill-filter" data-filter="productivity" data-i18n="skill.filter.productivity"><span data-icon="plan"></span>
                     생산성</button>
-                <button class="skill-filter" data-filter="communication" data-i18n="skill.filter.communication">📧
+                <button class="skill-filter" data-filter="communication" data-i18n="skill.filter.communication"><span data-icon="link"></span>
                     커뮤</button>
-                <button class="skill-filter" data-filter="devtools" data-i18n="skill.filter.devtools">🔧 개발</button>
-                <button class="skill-filter" data-filter="ai-media" data-i18n="skill.filter.ai">🤖 AI</button>
-                <button class="skill-filter" data-filter="utility" data-i18n="skill.filter.utility">🌐 유틸</button>
-                <button class="skill-filter" data-filter="smarthome" data-i18n="skill.filter.smarthome">🏠 홈</button>
-                <button class="skill-filter" data-filter="other" data-i18n="skill.filter.other">📂 기타</button>
+                <button class="skill-filter" data-filter="devtools" data-i18n="skill.filter.devtools"><span data-icon="tool"></span> 개발</button>
+                <button class="skill-filter" data-filter="ai-media" data-i18n="skill.filter.ai"><span data-icon="robot"></span> AI</button>
+                <button class="skill-filter" data-filter="utility" data-i18n="skill.filter.utility"><span data-icon="web"></span> 유틸</button>
+                <button class="skill-filter" data-filter="smarthome" data-i18n="skill.filter.smarthome"><span data-icon="house"></span> 홈</button>
+                <button class="skill-filter" data-filter="other" data-i18n="skill.filter.other"><span data-icon="folder"></span> 기타</button>
             </div>
             <div class="text-xs text-dim" id="skillsCount" data-i18n="loading">로딩 중...</div>
             <div id="skillsList"></div>
@@ -227,11 +228,11 @@
         <!-- Settings Tab -->
         <div id="tabSettings" class="tab-content" role="tabpanel" aria-labelledby="tabBtnSettings">
             <button class="btn-clear btn-action-block"  data-action="openPrompt"
-                data-i18n="btn.editPrompt">✏️
+                data-i18n="btn.editPrompt"><span data-icon="pencil"></span>
                 시스템 프롬프트 편집</button>
             <!-- Active Channel Toggle -->
             <div class="settings-group">
-                <h4>📡 Active Channel</h4>
+                <h4><span data-icon="radio"></span> Active Channel</h4>
                 <div class="settings-row">
                     <label>Runtime</label>
                     <div>
@@ -243,7 +244,7 @@
 
             <!-- Telegram Bot -->
             <div id="channelTelegramSettings" class="settings-group">
-                <h4>📬 Telegram</h4>
+                <h4><span data-provider="telegram"></span> Telegram</h4>
                 <div class="settings-row">
                     <label data-i18n="label.enabled">활성화</label>
                     <div>
@@ -271,7 +272,7 @@
 
             <!-- Discord Bot -->
             <div id="channelDiscordSettings" class="settings-group" style="display:none">
-                <h4>🎮 Discord</h4>
+                <h4><span data-provider="discord"></span> Discord</h4>
                 <div class="settings-row">
                     <label data-i18n="label.enabled">활성화</label>
                     <div>
@@ -291,6 +292,13 @@
                     <label>Channel IDs</label>
                     <input type="text" id="dcChannelIds" placeholder="콤마 구분 (비워두면 전체 허용)" class="input-sm">
                 </div>
+                <div class="settings-row sub-row">
+                    <label data-i18n="label.mentionOnly">Mention Only</label>
+                    <div>
+                        <button id="dcMentionOff" class="perm-btn active" data-i18n="btn.off">끔</button>
+                        <button id="dcMentionOn" class="perm-btn" data-i18n="btn.on">켬</button>
+                    </div>
+                </div>
                 <div class="settings-row sub-row">
                     <label data-i18n="label.forwardAll">자동 전송</label>
                     <div>
@@ -309,7 +317,7 @@
 
             <!-- Per-CLI Models -->
             <div class="settings-group">
-                <h4>🟣 Claude</h4>
+                <h4><span data-provider="claude"></span> Claude</h4>
                 <div class="settings-row">
                     <label>Model</label>
                     <select id="modelClaude"></select>
@@ -325,7 +333,7 @@
                     </select>
                 </div>
                 <div class="settings-row sub-row">
-                    <label>🧠 1M Context</label>
+                    <label><span data-icon="brain"></span> 1M Context</label>
                     <div>
                         <button id="claude1mOff" class="perm-btn active">Off</button>
                         <button id="claude1mOn" class="perm-btn">On</button>
@@ -334,7 +342,7 @@
             </div>
 
             <div class="settings-group">
-                <h4>🟢 Codex</h4>
+                <h4><span data-provider="codex"></span> Codex</h4>
                 <div class="settings-row">
                     <label>Model</label>
                     <select id="modelCodex"></select>
@@ -351,14 +359,14 @@
                     </select>
                 </div>
                 <div class="settings-row sub-row">
-                    <label>⚡ Fast Mode</label>
+                    <label><span data-icon="exec"></span> Fast Mode</label>
                     <div>
                         <button id="codexFastOff" class="perm-btn active" data-i18n="btn.off">끔</button>
                         <button id="codexFastOn" class="perm-btn" data-i18n="btn.on">켬</button>
                     </div>
                 </div>
                 <div class="settings-row sub-row">
-                    <label>🧠 1M Context</label>
+                    <label><span data-icon="brain"></span> 1M Context</label>
                     <div>
                         <button id="codexCtxOff" class="perm-btn active">Off</button>
                         <button id="codexCtxOn" class="perm-btn">On</button>
@@ -379,7 +387,7 @@
             </div>
 
             <div class="settings-group">
-                <h4>🔵 Gemini</h4>
+                <h4><span data-provider="gemini"></span> Gemini</h4>
                 <div class="settings-row">
                     <label>Model</label>
                     <select id="modelGemini"></select>
@@ -389,7 +397,7 @@
             </div>
 
             <div class="settings-group">
-                <h4>🟠 OpenCode</h4>
+                <h4><span data-provider="opencode"></span> OpenCode</h4>
                 <div class="settings-row">
                     <label>Model</label>
                     <select id="modelOpencode"></select>
@@ -409,7 +417,7 @@
             </div>
 
             <div class="settings-group">
-                <h4>💙 Copilot</h4>
+                <h4><span data-provider="copilot"></span> Copilot</h4>
                 <div class="settings-row">
                     <label>Model</label>
                     <select id="modelCopilot"></select>
@@ -426,7 +434,7 @@
 
             <!-- Fallback Order -->
             <div class="settings-group">
-                <h4>⚡ Fallback</h4>
+                <h4><span data-icon="exec"></span> Fallback</h4>
                 <p class="text-xs text-dim fallback-desc" data-i18n="fallback.desc">CLI 실패 시 자동
                     재시도 순서</p>
                 <div id="fallbackOrderList"></div>
@@ -434,20 +442,20 @@
 
             <!-- MCP Servers -->
             <div class="settings-group">
-                <h4>🔌 MCP Servers</h4>
+                <h4><span data-icon="link"></span> MCP Servers</h4>
                 <div id="mcpServerList" class="text-status py-1">
                     Loading...
                 </div>
                 <button class="btn-clear btn-action-block" 
-                    data-action="syncMcp">🔄 Sync to all CLIs</button>
+                    data-action="syncMcp"><span data-icon="refresh"></span> Sync to all CLIs</button>
                 <button class="btn-clear btn-action-block" 
-                    data-action="installMcp">📦 Install Globally (npm i -g)</button>
+                    data-action="installMcp"><span data-icon="compacting"></span> Install Globally (npm i -g)</button>
                 <div id="mcpSyncResult" class="text-xs text-dim py-1" style="display:none"></div>
             </div>
 
             <!-- STT Settings -->
             <div class="settings-group">
-                <h4 data-i18n="stt.title">🎙️ 음성 인식 (STT)</h4>
+                <h4 data-i18n="stt.title"><span data-icon="mic"></span> 음성 인식 (STT)</h4>
                 <div class="settings-row">
                     <label data-i18n="stt.engine">엔진</label>
                     <select id="sttEngine">
@@ -469,7 +477,7 @@
                         <option value="gemini-2.5-flash-lite">gemini-2.5-flash-lite (fast)</option>
                         <option value="gemini-2.5-flash">gemini-2.5-flash (balanced)</option>
                         <option value="gemini-2.5-pro">gemini-2.5-pro (accurate)</option>
-                        <option value="__custom__">✏️ 직접 입력...</option>
+                        <option value="__custom__">직접 입력...</option>
                     </select>
                     <input type="text" id="sttGeminiModelCustom" placeholder="모델명 입력"
                         class="mt-1" style="display:none" />
@@ -498,7 +506,7 @@
                     <input type="text" id="sttWhisperModel" placeholder="mlx-community/..." class="input-sm">
                 </div>
                 <small class="text-shortcut-hint" data-i18n="stt.shortcutHint">
-                    ⌨️ Ctrl+Shift+Space (⌘+Shift+Space on Mac)</small>
+                    Ctrl+Shift+Space (⌘+Shift+Space on Mac)</small>
             </div>
 
 
@@ -526,7 +534,7 @@
     <div class="modal-overlay" id="heartbeatModal" role="dialog" aria-modal="true" aria-label="Heartbeat jobs">
         <div class="modal-box modal-scrollable" >
             <div class="modal-header">
-                <span data-i18n="modal.heartbeatTitle">💓 하트비트 작업</span>
+                <span data-icon="heartPulse"></span> <span data-i18n="modal.heartbeatTitle">하트비트 작업</span>
                 <button data-action="closeHeartbeat"
                     class="btn-modal-close" aria-label="Close">✕</button>
             </div>
@@ -541,19 +549,19 @@
     <div class="modal-overlay" id="memoryModal" role="dialog" aria-modal="true" aria-label="Memory files">
         <div class="modal-box modal-scrollable" >
             <div class="modal-header">
-                <span data-i18n="modal.memoryTitle">🧠 메모리</span>
+                <span data-i18n="modal.memoryTitle"><span data-icon="brain"></span> 메모리</span>
                 <button data-action="closeMemory"
                     class="btn-modal-close" aria-label="Close">✕</button>
             </div>
             <div class="tab-strip" role="tablist">
                 <button class="mem-tab active mem-tab-btn" id="memTabBtnSettings" role="tab" aria-selected="true" aria-controls="memTabSettings"
-                    >⚙️
+                    ><span data-icon="settings"></span>
                     Settings</button>
                 <button class="mem-tab mem-tab-btn" id="memTabBtnAdvOps" role="tab" aria-selected="false" aria-controls="memTabAdvOps"
-                    >📊
+                    ><span data-icon="chart"></span>
                     Status</button>
                 <button class="mem-tab mem-tab-btn" id="memTabBtnFiles" role="tab" aria-selected="false" aria-controls="memTabFiles"
-                    >📂
+                    ><span data-icon="folder"></span>
                     Files</button>
             </div>
             <div id="advStatusBanner" class="adv-status-banner" style="display:none"></div>
@@ -612,7 +620,7 @@
                 </div>
                 <div
                     class="info-box">
-                    💡 Counter: <span id="memCounter">0</span> / <span id="memThreshold">10</span> responses until next
+                    <span data-icon="lightbulb"></span> Counter: <span id="memCounter">0</span> / <span id="memThreshold">10</span> responses until next
                     flush
                 </div>
             </div>
@@ -640,10 +648,10 @@
                     </div>
                 </div>
                 <div class="flex gap-2 flex-wrap mt-3">
-                    <button class="btn-clear" id="advBootstrapBtn">🧩 Bootstrap</button>
-                    <button class="btn-clear" id="advReindexBtn">🔄 Reindex</button>
-                    <button class="btn-clear" id="advReimportBtn">📥 Re-import Legacy</button>
-                    <button class="btn-clear" id="advOpenCorruptedBtn">📂 Open Corrupted Folder</button>
+                    <button class="btn-clear" id="advBootstrapBtn"><span data-icon="settings"></span> Bootstrap</button>
+                    <button class="btn-clear" id="advReindexBtn"><span data-icon="refresh"></span> Reindex</button>
+                    <button class="btn-clear" id="advReimportBtn"><span data-icon="save"></span> Re-import Legacy</button>
+                    <button class="btn-clear" id="advOpenCorruptedBtn"><span data-icon="folder"></span> Open Corrupted Folder</button>
                 </div>
             </div>
             <div id="memTabFiles" class="p-3" style="display:none" role="tabpanel" aria-labelledby="memTabBtnFiles">
@@ -662,14 +670,14 @@
     <!-- Mobile Navigation -->
     <div class="mobile-nav">
         <button id="mobileMenuLeft" aria-label="Open menu">☰ Menu</button>
-        <button id="mobileMenuRight" aria-label="Open settings">⚙️ Settings</button>
+        <button id="mobileMenuRight" aria-label="Open settings"><span data-icon="settings"></span> Settings</button>
     </div>
 
     <!-- Template Editor Modal (Node Map + Editor 2-view) -->
     <div class="modal-overlay" id="templateModal" role="dialog" aria-modal="true" aria-label="Prompt templates">
         <div class="modal-box modal-template" >
             <div class="modal-header">
-                <span id="templateModalTitle">📝 프롬프트 구조</span>
+                <span id="templateModalTitle"><span data-icon="plan"></span> 프롬프트 구조</span>
                 <button data-action="closeTemplate"
                     class="btn-modal-close" aria-label="Close">✕</button>
             </div>
@@ -677,7 +685,7 @@
             <div id="templateTreeView" class="template-tree-area">
                 <div id="templateTree"></div>
                 <div class="template-hint">
-                    🔒 클릭하면 프롬프트 내용 확인 · ⚠️ 개발자 모드에서 편집
+                    <span data-icon="lock"></span> 클릭하면 프롬프트 내용 확인 · <span data-icon="warning"></span> 개발자 모드에서 편집
                 </div>
             </div>
             <!-- View 2: Editor (hidden by default) -->
@@ -689,14 +697,14 @@
                         뒤로</button>
                     <span id="templateEditorLabel" class="flex-1 text-sm text-dim"></span>
                     <button id="templateDevToggle"
-                        class="btn-dev-toggle">🔧
+                        class="btn-dev-toggle"><span data-icon="tool"></span>
                         개발자 모드</button>
                 </div>
                 <textarea class="modal-textarea template-textarea" id="templateEditor" readonly
                     ></textarea>
                 <div class="modal-footer">
                     <span id="templateVars" class="text-xs text-dim mr-auto"></span>
-                    <button class="btn-save" data-action="saveTemplate" style="display:none" id="templateSaveBtn">💾
+                    <button class="btn-save" data-action="saveTemplate" style="display:none" id="templateSaveBtn"><span data-icon="save"></span>
                         저장</button>
                 </div>
             </div>