release: v2.0.3 - AI 1-Person Company Engine & Business Intelligence

media/sidebar.html

@@ -106,6 +106,16 @@
             <span id="chronicleAutoStatus" title="Project records are saved automatically after meaningful project turns.">Auto Records</span>
             <span class="rl-latest" id="recordsLatest"></span>
         </div>
+        <!--
+            Company-mode chip. Click toggles enabled; the ▾ opens the manage
+            overlay. The chip stays visible at all times so the user can flip
+            into 1인 기업 mode from anywhere in the chat surface.
+        -->
+        <button class="company-chip" id="companyChip" data-active="false" title="1인 기업 모드 토글">
+            <span class="company-chip-icon">🏢</span>
+            <span class="company-chip-label" id="companyChipLabel">Company OFF</span>
+        </button>
+        <button class="icon-btn company-manage-btn" id="companyManageBtn" data-tooltip="회사 관리 (에이전트·모델 설정)">▾</button>
         <div class="hdr-dropdown" data-dd>
             <button class="icon-btn" id="recordsMenuBtn" data-dd-trigger data-tooltip="Chronicle records">Records ▾</button>
             <div class="hdr-menu hdr-menu-wide" id="recordsMenu" data-dd-menu>
@@ -118,6 +128,54 @@
         </div>
     </div>
 
+    <!--
+        Company manage overlay. Uses the same overlay framework as the agent
+        knowledge map modal (`.history-overlay` / `.visible`) so styling and
+        keyboard dismissal stay consistent.
+    -->
+    <div id="companyOverlay" class="history-overlay">
+        <div style="display:flex; justify-content:space-between; align-items:center; margin-bottom:14px;">
+            <div>
+                <h2 style="color:var(--text-bright); margin:0;">🏢 1인 기업 모드</h2>
+                <p style="margin:4px 0 0; font-size:11px; color:var(--text-dim);">
+                    CEO가 사용자의 요청을 분석하고 활성화된 specialist에게 순차 dispatch합니다.
+                    동시에 메모리에 올라가는 모델은 항상 1개입니다.
+                </p>
+            </div>
+            <button class="icon-btn" id="closeCompanyOverlayBtn">✕</button>
+        </div>
+
+        <div class="map-section">
+            <div class="map-section-head">
+                <div>
+                    <div class="map-section-title">회사 정보</div>
+                    <div class="map-section-hint">CEO와 보고서에 사용되는 회사명. 한국어/영어 모두 가능.</div>
+                </div>
+            </div>
+            <div class="control-row" style="margin-top:8px;">
+                <input id="companyNameInput" type="text" class="company-name-input" placeholder="회사명 (예: My Company)" />
+                <button class="secondary-btn" id="saveCompanyNameBtn">저장</button>
+            </div>
+        </div>
+
+        <div class="map-section">
+            <div class="map-section-head">
+                <div>
+                    <div class="map-section-title">활성 에이전트 + 모델</div>
+                    <div class="map-section-hint">CEO는 항상 활성. 각 에이전트별로 모델을 따로 지정할 수 있습니다 — 다른 모델을 쓸 때만 LM Studio가 swap합니다.</div>
+                </div>
+            </div>
+            <ul id="companyAgentList" class="map-list company-agent-list"></ul>
+        </div>
+
+        <div class="map-footer">
+            <button class="secondary-btn" id="openCompanySessionsBtn" title="이번 회사가 만든 세션 폴더 열기">세션 폴더 열기</button>
+            <div style="flex:1"></div>
+            <button class="send-btn" id="closeCompanyOverlayBtn2">닫기</button>
+        </div>
+        <div id="companyStatus" class="map-status"></div>
+    </div>
+
     <div id="historyOverlay" class="history-overlay">
         <div style="display:flex; justify-content:space-between; align-items:center; margin-bottom:20px;">
             <h2 style="color:var(--text-bright);">Chat History</h2>