cli-jaw 1.5.0 → 1.6.0

package/public/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="/manifest.json">
     <link rel="apple-touch-icon" href="/icons/icon-192.png">
     <title>CLI-JAW</title>
@@ -23,6 +24,7 @@
     <link rel="stylesheet" href="/css/modals.css">
     <link rel="stylesheet" href="/css/markdown.css">
     <link rel="stylesheet" href="/css/tool-ui.css">
+    <link rel="stylesheet" href="/css/diagram.css">
     <!-- Vite handles module bundling in dev (HMR) and production (build) -->
 </head>
 
@@ -40,7 +42,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>
@@ -83,15 +85,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">
@@ -127,7 +129,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>
@@ -135,15 +137,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>
 
@@ -189,7 +191,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>
 
@@ -214,16 +216,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>
@@ -232,11 +234,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>
@@ -248,7 +250,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>
@@ -276,7 +278,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>
@@ -296,6 +298,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>
@@ -314,7 +323,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>
@@ -330,7 +339,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>
@@ -339,7 +348,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>
@@ -356,14 +365,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>
@@ -384,7 +393,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>
@@ -394,7 +403,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>
@@ -414,7 +423,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>
@@ -431,7 +440,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>
@@ -439,20 +448,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">
@@ -474,7 +483,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" />
@@ -503,7 +512,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>
 
 
@@ -531,7 +540,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>
@@ -546,19 +555,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>
@@ -617,7 +626,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>
@@ -645,10 +654,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">
@@ -667,14 +676,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>
@@ -682,7 +691,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) -->
@@ -694,14 +703,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>

package/public/js/constants.ts

@@ -38,6 +38,13 @@ const FALLBACK_CLI_REGISTRY: CliRegistry = {
             'openai/gpt-5.3-codex-xhigh',
             'openai/gpt-5.3-codex-high',
             'opencode/big-pickle',
+            'opencode-go/glm-5',
+            'opencode-go/glm-5.1',
+            'opencode-go/kimi-k2.5',
+            'opencode-go/mimo-v2-pro',
+            'opencode-go/mimo-v2-omni',
+            'opencode-go/minimax-m2.5',
+            'opencode-go/minimax-m2.7',
             'opencode/GLM-5 Free',
             'opencode/MiniMax M2.5 Free',
             'opencode/Kimi K2.5 Free',
@@ -48,11 +55,10 @@ const FALLBACK_CLI_REGISTRY: CliRegistry = {
     copilot: {
         label: 'Copilot',
         efforts: ['low', 'medium', 'high'],
-        effortNote: '→ ~/.copilot/config.json',
+        effortNote: '-> ~/.copilot/config.json',
         models: [
             'claude-sonnet-4.6',
             'claude-opus-4.6',
-            'claude-opus-4.6-fast',
             'claude-haiku-4.5',
             'gpt-5.4',
             'gpt-5.3-codex',