feat: add auth and dual-stack tls management

public/file.html

@@ -22,10 +22,15 @@
           <h1 id="fileTitle">文件预览与下载</h1>
         </div>
         <p class="lead">
-          这里负责浏览器直连 WebDAV 的视频预览、下载、本地缓存和预览图回写。大流量文件流仍然只走前端，不经过后端文件代理。
+          这里负责浏览器直连 WebDAV 的视频预览、下载、本地缓存和预览图回写。大流量文件流依然只走前端，不经过后端文件代理。
         </p>
       </section>
 
+      <div class="auth-toolbar">
+        <span id="authStatus" class="auth-status">正在读取登录状态...</span>
+        <button id="logoutButton" class="ghost-button" type="button">退出登录</button>
+      </div>
+
       <div id="feedback" class="feedback" hidden></div>
 
       <section class="workspace-shell">
@@ -154,7 +159,7 @@
                 <button id="deleteThumbnailButton" class="ghost-button danger-button" type="button">删除当前预览图</button>
               </div>
               <p class="panel-copy">
-                视频第一次成功预览后，会自动截取首个已解码画面并回写到后端。目录浏览页会直接使用这里缓存的缩略图。
+                视频第一次成功预览后，会自动截取可用画面并回写到后端。目录浏览页会直接使用这里缓存的缩略图。
               </p>
               <div id="thumbnailStatus" class="summary-card">正在读取预览图状态...</div>
               <div id="thumbnailPreview" class="thumbnail-card">