Add sunrise Threads automation and improve capture and character interactions

index.html

@@ -51,6 +51,7 @@
           </div>
         </div>
         <div class="toolbar-end">
+          <button type="button" id="screenshot-open" data-panel="screenshot" aria-label="촬영" title="화면 촬영" aria-haspopup="dialog" aria-controls="ui-dialog" disabled><svg class="icon" aria-hidden="true" viewBox="0 0 24 24"><path d="M3 6h4l2-3h6l2 3h4v15H3Z"/><circle cx="12" cy="13" r="4"/></svg></button>
           <button type="button" data-panel="menu" aria-label="메뉴" aria-haspopup="dialog" aria-controls="ui-dialog"><svg class="icon" aria-hidden="true"><use href="#icon-menu"/></svg></button>
         </div>
       </nav>
@@ -101,6 +102,13 @@
     <dialog id="ui-dialog" aria-labelledby="dialog-title">
       <header class="dialog-header"><button type="button" id="dialog-back" aria-label="뒤로" hidden>←</button><h1 id="dialog-title">메뉴</h1><button type="button" data-close aria-label="닫기" autofocus>×</button></header>
       <div class="dialog-body">
+        <section data-dialog-panel="screenshot" hidden>
+          <p class="muted">현재 보고 있는 장면을 PNG 이미지로 저장합니다.</p>
+          <div class="menu-list">
+            <button type="button" data-screenshot="ui">UI 포함 · 화면 그대로</button>
+            <button type="button" data-screenshot="scene">UI 제외 · 풍경만</button>
+          </div>
+        </section>
         <section data-dialog-panel="menu" hidden>
           <p id="menu-current-mode" class="muted menu-current-mode">현재 함께 보기 중</p>
           <nav class="menu-list menu-primary" aria-label="주요 메뉴">
@@ -149,6 +157,7 @@
         </section>
       </div>
     </dialog>
+    <p id="screenshot-status" role="status" aria-live="polite" hidden></p>
     <p id="render-error" role="alert" hidden></p>
     <script type="module" src="/src/entry.ts"></script>
   </body>