release: v2.0.1 - Advanced Knowledge Mix & Architectural Intelligence

media/sidebar.html

@@ -50,6 +50,16 @@
                 <div class="hdr-menu-label">Model</div>
                 <div class="select-wrap"><select id="modelSel" title="Select Model"></select></div>
 
+                <div class="hdr-menu-label">
+                    Knowledge Mix
+                    <span class="hdr-menu-hint" id="knowledgeMixHint">Model 50% · Brain 50%</span>
+                </div>
+                <div class="knowledge-mix-control" title="Slide left for more model knowledge, right for more Second Brain reliance">
+                    <span class="km-end-label">Model</span>
+                    <input type="range" id="knowledgeMixSlider" min="0" max="100" step="5" value="50" class="km-slider">
+                    <span class="km-end-label">Brain</span>
+                </div>
+
                 <div class="hdr-menu-label">Brain</div>
                 <div class="control-row">
                     <div class="select-wrap"><select id="brainSel" title="Select Brain"></select></div>
@@ -132,6 +142,37 @@
             <div id="agentMapAgentName" class="map-agent-name">(선택된 에이전트가 없습니다)</div>
         </div>
 
+        <div class="map-section">
+            <div class="map-section-head">
+                <div>
+                    <div class="map-section-title">🤖 Model for this agent</div>
+                    <div class="map-section-hint">이 에이전트를 선택했을 때 사용할 모델을 지정합니다. <strong>Use current model</strong>을 선택하면 상단에서 고른 기본 모델을 그대로 사용합니다.</div>
+                </div>
+            </div>
+            <div class="select-wrap" style="margin-top:8px;">
+                <select id="agentMapModelSel" title="Model override for this agent"></select>
+            </div>
+        </div>
+
+        <div class="map-section">
+            <div class="map-section-head">
+                <div>
+                    <div class="map-section-title">🎚 Knowledge Mix for this agent</div>
+                    <div class="map-section-hint">에이전트별 의존도. <strong>Use global setting</strong>을 켜두면 상단 슬라이더 값을 그대로 따릅니다.</div>
+                </div>
+            </div>
+            <label class="map-checkbox-row" style="margin-top:8px;">
+                <input type="checkbox" id="agentMapMixUseGlobal" checked>
+                <span>Use global setting</span>
+            </label>
+            <div class="knowledge-mix-control map-mix-control" style="margin-top:6px;">
+                <span class="km-end-label">Model</span>
+                <input type="range" id="agentMapMixSlider" min="0" max="100" step="5" value="50" class="km-slider" disabled>
+                <span class="km-end-label">Brain</span>
+            </div>
+            <div class="map-section-hint" id="agentMapMixHint" style="margin-top:4px;">Model 50% · Brain 50%</div>
+        </div>
+
         <div class="map-section">
             <div class="map-section-head">
                 <div>
@@ -187,6 +228,24 @@
     </div>
 
     <div class="input-wrap">
+        <!--
+            Project Architecture chip. Hidden by default; the JS handler flips
+            `data-active` when the extension host sends an `architectureStatus`
+            message with active=true. Click "Open" / "Refresh" / "Detach" to
+            route back to the chatHandlers cases.
+        -->
+        <div id="archChip" class="arch-chip" data-active="false">
+            <span class="arch-chip-icon">📋</span>
+            <div class="arch-chip-info">
+                <div class="arch-chip-title" id="archChipTitle">—</div>
+                <div class="arch-chip-meta" id="archChipMeta">Auto-load Off</div>
+            </div>
+            <div class="arch-chip-actions">
+                <button class="arch-chip-btn" id="archOpenBtn" title="Architecture 문서 열기">Open</button>
+                <button class="arch-chip-btn" id="archRefreshBtn" title="지금 다시 스캔">Refresh</button>
+                <button class="arch-chip-btn" id="archDetachBtn" title="자동 첨부 끄기">Detach</button>
+            </div>
+        </div>
         <div id="agentConfigPanel" class="panel">
             <div class="field-label">Agent Persona/Instructions</div>
             <textarea id="agentPrompt" rows="5" placeholder="Agent Persona & Instructions..."></textarea>
@@ -213,9 +272,11 @@
             </div>
             <div id="toastNotif" class="toast-notif"></div>
         </div>
-        <div class="input-group">
-            <button class="action-btn" style="flex:1" id="inputNewChatBtn">New Chat</button>
-            <button class="action-btn" style="flex:1" id="inputSyncBtn">Sync Knowledge</button>
+        <div class="input-model-row" id="inlineModelRow">
+            <label for="inlineModelSel" class="input-model-label">Model</label>
+            <div class="select-wrap input-model-select-wrap">
+                <select id="inlineModelSel" title="Switch model for this conversation"></select>
+            </div>
         </div>
     </div>
         <input type="file" id="fileInput" multiple hidden accept="image/*,.txt,.md,.pdf,.csv,.json,.js,.ts,.py,.java,.rs,.go">