feat(cdp): Phase 2 - real-time UI mirroring via screencast + remote input

This commit is contained in:
2026-03-07 20:41:53 +09:00
parent 9234be33db
commit 4b855c9e57
6 changed files with 526 additions and 1 deletions

View File

@@ -75,6 +75,10 @@
<span class="chat-session-status" id="chatSessionStatus"></span>
</div>
<div class="chat-actions">
<div class="view-tabs" id="viewTabs">
<button class="view-tab active" data-view="chat" id="tabChat">💬 채팅</button>
<button class="view-tab" data-view="mirror" id="tabMirror">🖥️ 미러</button>
</div>
<button class="btn-sm" id="screenshotBtn" title="스크린샷">📷</button>
<button class="btn-sm" id="reconnectBtn" title="재연결">🔄</button>
</div>
@@ -96,6 +100,12 @@
</svg>
</button>
</div>
<!-- Mirror view (Phase 2) -->
<div class="mirror-container" id="mirrorContainer" style="display:none;">
<canvas id="mirrorCanvas"></canvas>
<div class="mirror-hint" id="mirrorHint">미러링 연결 중...</div>
</div>
</div>
<!-- Screenshot overlay -->
@@ -145,6 +155,7 @@
<script src="js/session-panel.js"></script>
<script src="js/chat-panel.js"></script>
<script src="js/mirror-panel.js"></script>
<script src="js/app.js"></script>
</body>
</html>