[fix]: update frame.

assets/www/assets/{index-DKzNb2N6.css → index-BQwDibJk.css}

@@ -1 +1 @@
-@charset "UTF-8";html,body{width:100%;height:100%}input::-ms-clear,input::-ms-reveal{display:none}*,*:before,*:after{box-sizing:border-box}html{font-family:sans-serif;line-height:1.15;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-ms-overflow-style:scrollbar;-webkit-tap-highlight-color:rgba(0,0,0,0)}body{margin:0}[tabindex="-1"]:focus{outline:none}hr{box-sizing:content-box;height:0;overflow:visible}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5em;font-weight:500}p{margin-top:0;margin-bottom:1em}abbr[title],abbr[data-original-title]{-webkit-text-decoration:underline dotted;text-decoration:underline;text-decoration:underline dotted;border-bottom:0;cursor:help}address{margin-bottom:1em;font-style:normal;line-height:inherit}input[type=text],input[type=password],input[type=number],textarea{-webkit-appearance:none}ol,ul,dl{margin-top:0;margin-bottom:1em}ol ol,ul ul,ol ul,ul ol{margin-bottom:0}dt{font-weight:500}dd{margin-bottom:.5em;margin-left:0}blockquote{margin:0 0 1em}dfn{font-style:italic}b,strong{font-weight:bolder}small{font-size:80%}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}pre,code,kbd,samp{font-size:1em;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,Courier,monospace}pre{margin-top:0;margin-bottom:1em;overflow:auto}figure{margin:0 0 1em}img{vertical-align:middle;border-style:none}a,area,button,[role=button],input:not([type=range]),label,select,summary,textarea{touch-action:manipulation}table{border-collapse:collapse}caption{padding-top:.75em;padding-bottom:.3em;text-align:left;caption-side:bottom}input,button,select,optgroup,textarea{margin:0;color:inherit;font-size:inherit;font-family:inherit;line-height:inherit}button,input{overflow:visible}button,select{text-transform:none}button,html [type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{padding:0;border-style:none}input[type=radio],input[type=checkbox]{box-sizing:border-box;padding:0}input[type=date],input[type=time],input[type=datetime-local],input[type=month]{-webkit-appearance:listbox}textarea{overflow:auto;resize:vertical}fieldset{min-width:0;margin:0;padding:0;border:0}legend{display:block;width:100%;max-width:100%;margin-bottom:.5em;padding:0;color:inherit;font-size:1.5em;line-height:inherit;white-space:normal}progress{vertical-align:baseline}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{outline-offset:-2px;-webkit-appearance:none}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}output{display:inline-block}summary{display:list-item}template{display:none}[hidden]{display:none!important}mark{padding:.2em;background-color:#feffe6}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;height:100%;min-height:auto;color:#333;background:#fff}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}.card{border-bottom:solid 2px lightgray;align-items:center;justify-content:center;margin-top:40px;display:flex;max-width:1024px;width:100%}.seg-title{margin:24px 0;font-size:20px;font-weight:500}.seg-co{width:1022px;text-align:left;border-left:solid 6px midnightblue;padding-left:8px;margin-left:2px;margin-top:36px;line-height:24px}#app{margin:0 auto;padding:0;text-align:center;width:100%;height:100%}.ant-btn{padding:4px 12px}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.ant-card{background:#f5f6fa;height:100%}.ant-card-body{padding:24px 36px 12px!important;border-radius:0 0 8px 8px}.ant-card .ant-card-actions{background-color:#e8e8f8cc!important}.ant-popover{max-width:800px!important}.ant-form-item{background:transparent;margin-bottom:40px!important}.ant-form-item .ant-form-item-explain-error{color:#ff4d4f;text-align:left!important}.ant-form-item-label label{font-size:18px!important;color:#1a1a1a!important;font-weight:500!important}.ant-tooltip{max-width:1022px!important}.ant-page-header-heading{width:1022px!important}.highlight{background:#f8f8ff}.ant-layout-sider-collapsed{width:0!important;min-width:0!important;overflow:hidden}.ant-layout-sider-collapsed .ant-menu-item,.ant-layout-sider-collapsed .ant-menu-submenu-title{display:none}.content[data-v-de47fb80]{background-color:#fff;margin:0 auto;display:flex;flex-direction:column;align-items:center;justify-content:space-between}.not-found-wrapper[data-v-aef52a59]{height:calc(100vh - 104px)}.languages[data-v-fb660a4b]{margin-top:40px;margin-bottom:8px}.languages p[data-v-fb660a4b]{font-size:16px;font-weight:500;margin-bottom:8px}.welcome-wrapper[data-v-fb660a4b]{width:100%;height:100%;background-image:url(./bg-BmnA8p_e.png);background-repeat:no-repeat;background-attachment:fixed;background-size:cover;background-position:center;display:flex;flex-direction:column;align-items:center;justify-content:space-between;color:#fff}.welcome-wrapper .content[data-v-fb660a4b]{width:100%;height:80vh;display:flex;flex-direction:column;justify-content:space-around;margin-top:64px}.welcome-wrapper .content .inner-content[data-v-fb660a4b]{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:20px}.welcome-wrapper .content .inner-content .text-box[data-v-fb660a4b]{color:#000;margin-bottom:36px}.welcome-wrapper .content .inner-content .text-box .title[data-v-fb660a4b]{font-size:24px;font-weight:600;margin-bottom:24px}.welcome-wrapper .content .inner-content .text-box .sub-title[data-v-fb660a4b]{font-size:15px;margin-top:10px}.welcome-wrapper .content .inner-content .btn-box[data-v-fb660a4b]{width:224px;height:80px}.welcome-wrapper .actions[data-v-fb660a4b]{width:100%;height:64px;display:flex;justify-content:flex-end}.ball-wrapper[data-v-34c8e583]{width:100%;height:calc(100vh - 100px);display:flex;flex-direction:column;align-items:center;justify-content:space-around}.talk-wrapper[data-v-1f502814]{width:auto;height:calc(100vh - 100px);overflow-y:scroll;padding:20px 240px 0;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start}.talk-wrapper .cont-left[data-v-1f502814]{width:100%;margin:24px 0;display:flex;justify-content:flex-start;align-items:flex-start}.talk-wrapper .cont-left .text-left[data-v-1f502814]{color:#222;font-size:16px;font-weight:400;text-align:left;line-height:2;margin-left:12px;margin-top:6px}.talk-wrapper .cont-right[data-v-1f502814]{width:100%;margin:24px 0;display:flex;justify-content:flex-end;align-items:flex-start}.talk-wrapper .cont-right .text-right[data-v-1f502814]{color:#444;font-size:16px;font-weight:400;text-align:end;line-height:2;margin-right:12px;background:#ccc;border-radius:8px 0 8px 8px;padding:8px}.chat-wrapper[data-v-803600aa]{width:100%;height:100%;background-image:url(./bg-BmnA8p_e.png);background-repeat:no-repeat;background-attachment:fixed;background-size:cover;background-position:center;display:flex;flex-direction:column;align-items:center;justify-content:space-between;color:#fff}.chat-wrapper .content[data-v-803600aa]{width:100%;height:auto;display:flex;flex-direction:column;justify-content:space-around}.chat-wrapper .content .inner-content[data-v-803600aa]{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:20px}.chat-wrapper .content .inner-content .text-box[data-v-803600aa]{color:#000;margin-bottom:36px}.chat-wrapper .content .inner-content .text-box .title[data-v-803600aa]{font-size:24px;font-weight:600;margin-bottom:24px}.chat-wrapper .content .inner-content .text-box .sub-title[data-v-803600aa]{font-size:15px;margin-top:10px}.chat-wrapper .content .inner-content .btn-box[data-v-803600aa]{width:224px;height:80px}.chat-wrapper .actions[data-v-803600aa]{width:100%;height:100px;display:flex;justify-content:space-between;align-items:center}.chat-wrapper .actions .holder[data-v-803600aa]{width:64px;height:48px}.chat-wrapper .actions .btns[data-v-803600aa]{width:450px;height:96px;display:flex;justify-content:space-around;align-items:flex-start}.chat-wrapper .actions .download-wrapper[data-v-803600aa]{width:64px;height:64px;display:flex;justify-content:flex-start;align-items:center;margin-right:0}.chat-wrapper .actions .download-wrapper img[data-v-803600aa]{width:24px;height:24px}.content-wrapper[data-v-d41c9ce7]{text-align:left;max-width:800px;min-width:320px;margin-bottom:64px;min-height:calc(100vh - 438px)}.content-wrapper .content-box[data-v-d41c9ce7]{padding:24px;height:240px;background-color:#e8e8e8;border-radius:16px;width:50%;margin:48px auto;min-width:300px}.content-wrapper .video-box[data-v-d41c9ce7]{max-width:800px;min-width:320px;width:90vw;height:auto}
+@charset "UTF-8";html,body{width:100%;height:100%}input::-ms-clear,input::-ms-reveal{display:none}*,*:before,*:after{box-sizing:border-box}html{font-family:sans-serif;line-height:1.15;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-ms-overflow-style:scrollbar;-webkit-tap-highlight-color:rgba(0,0,0,0)}body{margin:0}[tabindex="-1"]:focus{outline:none}hr{box-sizing:content-box;height:0;overflow:visible}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5em;font-weight:500}p{margin-top:0;margin-bottom:1em}abbr[title],abbr[data-original-title]{-webkit-text-decoration:underline dotted;text-decoration:underline;text-decoration:underline dotted;border-bottom:0;cursor:help}address{margin-bottom:1em;font-style:normal;line-height:inherit}input[type=text],input[type=password],input[type=number],textarea{-webkit-appearance:none}ol,ul,dl{margin-top:0;margin-bottom:1em}ol ol,ul ul,ol ul,ul ol{margin-bottom:0}dt{font-weight:500}dd{margin-bottom:.5em;margin-left:0}blockquote{margin:0 0 1em}dfn{font-style:italic}b,strong{font-weight:bolder}small{font-size:80%}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}pre,code,kbd,samp{font-size:1em;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,Courier,monospace}pre{margin-top:0;margin-bottom:1em;overflow:auto}figure{margin:0 0 1em}img{vertical-align:middle;border-style:none}a,area,button,[role=button],input:not([type=range]),label,select,summary,textarea{touch-action:manipulation}table{border-collapse:collapse}caption{padding-top:.75em;padding-bottom:.3em;text-align:left;caption-side:bottom}input,button,select,optgroup,textarea{margin:0;color:inherit;font-size:inherit;font-family:inherit;line-height:inherit}button,input{overflow:visible}button,select{text-transform:none}button,html [type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{padding:0;border-style:none}input[type=radio],input[type=checkbox]{box-sizing:border-box;padding:0}input[type=date],input[type=time],input[type=datetime-local],input[type=month]{-webkit-appearance:listbox}textarea{overflow:auto;resize:vertical}fieldset{min-width:0;margin:0;padding:0;border:0}legend{display:block;width:100%;max-width:100%;margin-bottom:.5em;padding:0;color:inherit;font-size:1.5em;line-height:inherit;white-space:normal}progress{vertical-align:baseline}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{outline-offset:-2px;-webkit-appearance:none}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}output{display:inline-block}summary{display:list-item}template{display:none}[hidden]{display:none!important}mark{padding:.2em;background-color:#feffe6}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;height:100%;min-height:auto;color:#333;background:#fff}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}.card{border-bottom:solid 2px lightgray;align-items:center;justify-content:center;margin-top:40px;display:flex;max-width:1024px;width:100%}.seg-title{margin:24px 0;font-size:20px;font-weight:500}.seg-co{width:1022px;text-align:left;border-left:solid 6px midnightblue;padding-left:8px;margin-left:2px;margin-top:36px;line-height:24px}#app{margin:0 auto;padding:0;text-align:center;width:100%;height:100%}.ant-btn{padding:4px 12px}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.ant-card{background:#f5f6fa;height:100%}.ant-card-body{padding:24px 36px 12px!important;border-radius:0 0 8px 8px}.ant-card .ant-card-actions{background-color:#e8e8f8cc!important}.ant-popover{max-width:800px!important}.ant-form-item{background:transparent;margin-bottom:40px!important}.ant-form-item .ant-form-item-explain-error{color:#ff4d4f;text-align:left!important}.ant-form-item-label label{font-size:18px!important;color:#1a1a1a!important;font-weight:500!important}.ant-tooltip{max-width:1022px!important}.ant-page-header-heading{width:1022px!important}.highlight{background:#f8f8ff}.ant-layout-sider-collapsed{width:0!important;min-width:0!important;overflow:hidden}.ant-layout-sider-collapsed .ant-menu-item,.ant-layout-sider-collapsed .ant-menu-submenu-title{display:none}.header-nav[data-v-07594418]{display:flex;align-items:flex-start;justify-content:space-between;width:100vw;height:40px;align-items:center;position:absolute;top:0;left:0;z-index:99;-webkit-app-region:drag;cursor:move}.header-nav .window-controls[data-v-07594418],.header-nav button[data-v-07594418],.header-nav .ant-input-search[data-v-07594418],.header-nav img[data-v-07594418],.header-nav .anticon[data-v-07594418]{-webkit-app-region:no-drag;cursor:pointer}.header-nav .window-controls[data-v-07594418]{top:0;right:0;display:flex;z-index:1000;margin-left:12px}.header-nav .window-controls .window-control-btn[data-v-07594418]{width:46px;height:32px;border:none;background:transparent;color:#666;font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .2s}.header-nav .window-controls .window-control-btn[data-v-07594418]:hover{background-color:#0000001a}.header-nav .window-controls .window-control-btn.close[data-v-07594418]:hover{background-color:#e81123;color:#fff}.header-nav .window-controls .close-icon.focus[data-v-07594418]{display:none}.header-nav .window-controls:hover .close-icon.default[data-v-07594418],.header-nav .window-controls:focus-within .close-icon.default[data-v-07594418]{display:none}.header-nav .window-controls:hover .close-icon.focus[data-v-07594418],.header-nav .window-controls:focus-within .close-icon.focus[data-v-07594418]{display:inline}.content[data-v-874ca48f]{background-color:#fff;margin:0 auto;display:flex;flex-direction:column;align-items:center;justify-content:space-between}.not-found-wrapper[data-v-aef52a59]{height:calc(100vh - 104px)}.languages[data-v-fb660a4b]{margin-top:40px;margin-bottom:8px}.languages p[data-v-fb660a4b]{font-size:16px;font-weight:500;margin-bottom:8px}.welcome-wrapper[data-v-fb660a4b]{width:100%;height:100%;background-image:url(./bg-BmnA8p_e.png);background-repeat:no-repeat;background-attachment:fixed;background-size:cover;background-position:center;display:flex;flex-direction:column;align-items:center;justify-content:space-between;color:#fff}.welcome-wrapper .content[data-v-fb660a4b]{width:100%;height:80vh;display:flex;flex-direction:column;justify-content:space-around;margin-top:64px}.welcome-wrapper .content .inner-content[data-v-fb660a4b]{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:20px}.welcome-wrapper .content .inner-content .text-box[data-v-fb660a4b]{color:#000;margin-bottom:36px}.welcome-wrapper .content .inner-content .text-box .title[data-v-fb660a4b]{font-size:24px;font-weight:600;margin-bottom:24px}.welcome-wrapper .content .inner-content .text-box .sub-title[data-v-fb660a4b]{font-size:15px;margin-top:10px}.welcome-wrapper .content .inner-content .btn-box[data-v-fb660a4b]{width:224px;height:80px}.welcome-wrapper .actions[data-v-fb660a4b]{width:100%;height:64px;display:flex;justify-content:flex-end}.ball-wrapper[data-v-34c8e583]{width:100%;height:calc(100vh - 100px);display:flex;flex-direction:column;align-items:center;justify-content:space-around}.talk-wrapper[data-v-1f502814]{width:auto;height:calc(100vh - 100px);overflow-y:scroll;padding:20px 240px 0;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start}.talk-wrapper .cont-left[data-v-1f502814]{width:100%;margin:24px 0;display:flex;justify-content:flex-start;align-items:flex-start}.talk-wrapper .cont-left .text-left[data-v-1f502814]{color:#222;font-size:16px;font-weight:400;text-align:left;line-height:2;margin-left:12px;margin-top:6px}.talk-wrapper .cont-right[data-v-1f502814]{width:100%;margin:24px 0;display:flex;justify-content:flex-end;align-items:flex-start}.talk-wrapper .cont-right .text-right[data-v-1f502814]{color:#444;font-size:16px;font-weight:400;text-align:end;line-height:2;margin-right:12px;background:#ccc;border-radius:8px 0 8px 8px;padding:8px}.chat-wrapper[data-v-803600aa]{width:100%;height:100%;background-image:url(./bg-BmnA8p_e.png);background-repeat:no-repeat;background-attachment:fixed;background-size:cover;background-position:center;display:flex;flex-direction:column;align-items:center;justify-content:space-between;color:#fff}.chat-wrapper .content[data-v-803600aa]{width:100%;height:auto;display:flex;flex-direction:column;justify-content:space-around}.chat-wrapper .content .inner-content[data-v-803600aa]{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:20px}.chat-wrapper .content .inner-content .text-box[data-v-803600aa]{color:#000;margin-bottom:36px}.chat-wrapper .content .inner-content .text-box .title[data-v-803600aa]{font-size:24px;font-weight:600;margin-bottom:24px}.chat-wrapper .content .inner-content .text-box .sub-title[data-v-803600aa]{font-size:15px;margin-top:10px}.chat-wrapper .content .inner-content .btn-box[data-v-803600aa]{width:224px;height:80px}.chat-wrapper .actions[data-v-803600aa]{width:100%;height:100px;display:flex;justify-content:space-between;align-items:center}.chat-wrapper .actions .holder[data-v-803600aa]{width:64px;height:48px}.chat-wrapper .actions .btns[data-v-803600aa]{width:450px;height:96px;display:flex;justify-content:space-around;align-items:flex-start}.chat-wrapper .actions .download-wrapper[data-v-803600aa]{width:64px;height:64px;display:flex;justify-content:flex-start;align-items:center;margin-right:0}.chat-wrapper .actions .download-wrapper img[data-v-803600aa]{width:24px;height:24px}.content-wrapper[data-v-d41c9ce7]{text-align:left;max-width:800px;min-width:320px;margin-bottom:64px;min-height:calc(100vh - 438px)}.content-wrapper .content-box[data-v-d41c9ce7]{padding:24px;height:240px;background-color:#e8e8e8;border-radius:16px;width:50%;margin:48px auto;min-width:300px}.content-wrapper .video-box[data-v-d41c9ce7]{max-width:800px;min-width:320px;width:90vw;height:auto}

assets/www/assets/{index-DGIHaoal.js → index-C9GRPLo1.js}

@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:e14fb4ea0f651f627d1a3700bce22e0c11ec8673c4dc90b533645a853e56aedb
-size 2197704
+oid sha256:490de2fc40ff55d8992066d7cb62c2b9d9f1553eaab1e822435b6779f444a578
+size 2206173

assets/www/index.html

@@ -5,8 +5,8 @@
     <link rel="icon" type="image/svg+xml" href="./favicon.ico" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>VoiceDialogue</title>
-    <script type="module" crossorigin src="./assets/index-DGIHaoal.js"></script>
-    <link rel="stylesheet" crossorigin href="./assets/index-DKzNb2N6.css">
+    <script type="module" crossorigin src="./assets/index-C9GRPLo1.js"></script>
+    <link rel="stylesheet" crossorigin href="./assets/index-BQwDibJk.css">
   </head>
   <body>
     <div id="app"></div>

electron-app/loading.html

@@ -3,7 +3,7 @@
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>Loading...</title>
+    <title>Voice Dialogue</title>
     <style>
         :root {
             --mac-accent: #0071e3;
@@ -50,34 +50,54 @@
 
         .window-header {
             height: 40px;
-            background-color: rgba(255, 255, 255, 0.9);
-            border-bottom: 1px solid rgba(0, 0, 0, 0.05);
+            width: 100%;
             display: flex;
             align-items: center;
-            padding: 0 12px;
+            position: fixed;
+            top: 4px;
+            left: 12px;
+            -webkit-app-region: drag;
+            cursor: move;
         }
 
         .window-controls {
             display: flex;
-            gap: 8px;
+            -webkit-app-region: no-drag;
+            cursor: pointer;
         }
 
         .window-button {
+            width: 24px;
+            height: 24px;
+            border: none;
+            background: transparent;
+            border-radius: 4px;
+            cursor: pointer;
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            transition: background-color 0.2s;
+            padding: 0;
+        }
+
+
+        .window-button img {
             width: 12px;
             height: 12px;
-            border-radius: 50%;
+            transition: opacity 0.2s;
         }
 
-        .close-button {
-            background-color: #ff5f57;
+        .window-button .focus-icon {
+            display: none;
         }
-
-        .minimize-button {
-            background-color: #febc2e;
+        .window-controls:hover .window-button .default-icon,
+        .window-controls:focus-within .window-button .default-icon {
+            display: none;
         }
 
-        .maximize-button {
-            background-color: #28c840;
+        .window-controls:hover .window-button .focus-icon,
+        .window-controls:focus-within .window-button .focus-icon {
+            display: inline;
         }
 
         .window-title {
@@ -248,9 +268,34 @@
     </style>
 </head>
 <body>
-    <div class="">
-
+    <div class="window-header">
+        <div class="window-controls">
+            <button class="window-button close" onclick="closeWindow()">
+                <img class="default-icon"
+                    src="./icons/red.png"
+                    alt="close">
+                <img class="focus-icon"
+                    src="./icons/close.png"
+                    alt="close-focus">
+            </button>
+            <button class="window-button minimize" onclick="minimizeWindow()">
+                <img class="default-icon"
+                    src="./icons/yellow.png"
+                    alt="minimize">
+                <img class="focus-icon"
+                    src="./icons/min.png"
+                    alt="minimize-focus">
+            </button>
+            <button class="window-button maximize" onclick="maximizeWindow()">
+                <img class="default-icon"
+                    src="./icons/green.png"
+                    alt="maximize">
+                <img class="focus-icon"
+                    src="./icons/max.png"
+                    alt="maximize-focus">
+            </button>
         </div>
+    </div>
         <div class="window-content">
             <div class="app-icon">
                 <div class="app-icon-inner"><img width="100" height="100" src="./build/icon.png" alt=""></div>
@@ -300,6 +345,33 @@
     </div>
 
     <script>
+        // 窗口控制函数
+        function minimizeWindow ()
+        {
+            if (window.electronAPI && window.electronAPI.minimizeWindow) {
+                window.electronAPI.minimizeWindow();
+            } else {
+                console.warn('Electron API not available');
+            }
+        }
+
+        function maximizeWindow ()
+        {
+            if (window.electronAPI && window.electronAPI.maximizeWindow) {
+                window.electronAPI.maximizeWindow();
+            } else {
+                console.warn('Electron API not available');
+            }
+        }
+
+        function closeWindow ()
+        {
+            if (window.electronAPI && window.electronAPI.closeWindow) {
+                window.electronAPI.closeWindow();
+            } else {
+                console.warn('Electron API not available');
+            }
+        }
         // Check if this is the first run and show notification accordingly
         async function checkFirstRun() {
             try {

electron-app/main.js

@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:673ca7b004730c2da12f2d88ea33a5f4d275e91974022ecaa55af9d311352c82
-size 6447
+oid sha256:4b10113a08513b026f9207f21db221f368a1f242a821dd54d2d002354a6a2ec2
+size 7039

electron-app/preload.js

@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:295e12bf6fb9d9ac34460606fffe1d90278873c77d32a96682f79d680886002e
-size 952
+oid sha256:1ff2bc3ec7d655ec2ddc6fe0df3a6b79d5d8369056852370dc3c009613372dad
+size 1331

frontend/package.json

@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:f33821c7f31c395ea13fb858f87561c2e01f75eadfb9c07c8036b76ea7875750
-size 1213
+oid sha256:dacf967c489997b34b8d718c1d10d7a733e66fcb9ca6e40d374aaf401ac222b4
+size 1250

frontend/src/App.vue

@@ -1,5 +1,5 @@
 <template>
-  <!-- <Header/> -->
+  <Header/>
   <router-view class="content" />
   <!-- <Footer/> -->
 

frontend/src/views/Header.vue

@@ -1,200 +1,154 @@
 <script lang="ts" setup>
 import router from "@/router.ts";
 import {watch, ref, onMounted, onUnmounted} from "vue";
-import {ArrowRightOutlined, DashboardOutlined,
-  ExperimentOutlined, SettingOutlined} from "@ant-design/icons-vue";
-
-const windowWidth = ref(window.innerWidth)
-
-onMounted(() => {
-  window.addEventListener('resize', () => {
-    windowWidth.value = window.innerWidth
-  })
-})
-onUnmounted(() => {
-  window.removeEventListener('resize', () => {
-    windowWidth.value = window.innerWidth
-  })
-})
-
-const sessionActive = ref(false)
-const toolsActive = ref(false)
-watch(router.currentRoute, (to, from) => {
-  console.log('router changed', to, from)
-
-  const sessionActivePath = ['/sessions', '/sessions/', '/form', '/form/', '/output']
-
-  if (sessionActivePath.includes(to.path)) {
-    sessionActive.value = true
-    toolsActive.value = false
-    return
-  }
 
-  const toolsActivePath = ['/tools', '/tools/', '/benchmark', '/benchmark/', '/benchmark_detail', '/benchmark_detail/']
-  if (toolsActivePath.includes(to.path)) {
-    sessionActive.value = false
-    toolsActive.value = true
-    return
-  }
+import MinimizeIcon from "@/assets/icons/yellow.png"
+import MaximizeIcon from "@/assets/icons/green.png"
+import CloseIcon from "@/assets/icons/red.png"
+import MinFocusIcon from "@/assets/icons/min.png"
+import MaxFocusIcon from "@/assets/icons/max.png"
+import CloseFocusIcon from "@/assets/icons/close.png"
+
 
-  sessionActive.value = false
-  toolsActive.value = false
-})
+// 修改electron的导入方式
+let electronAPI: any = null;
 
-const gotoSettings = (e: any) => {
-  e.preventDefault()
-  router.push('/settings')
+// 检查是否在Electron环境中
+// @ts-ignore
+if (typeof window !== 'undefined' && window.electronAPI) {
+    // @ts-ignore
+    electronAPI = window.electronAPI;
 }
 
-const gotoProfiling = (e: any) => {
-  e.preventDefault()
-  router.push('/profiling')
+// 添加窗口控制函数 - 使用contextBridge API
+const minimizeWindow = () => {
+    if (electronAPI) {
+        // 通过preload脚本发送事件
+        // @ts-ignore
+        window.electronAPI?.minimizeWindow?.();
+    } else {
+        console.warn('Electron API not available');
+    }
 }
 
-const gotoHealthcheck = (e: any) => {
-  e.preventDefault()
-  router.push('/healthcheck')
+const maximizeWindow = () => {
+    if (electronAPI) {
+        // @ts-ignore
+        window.electronAPI?.maximizeWindow?.();
+    } else {
+        console.warn('Electron API not available');
+    }
+}
+
+const closeWindow = () => {
+    if (electronAPI) {
+        // @ts-ignore
+        window.electronAPI?.closeWindow?.();
+    } else {
+        console.warn('Electron API not available');
+    }
 }
 
 </script>
 <template>
-  <nav class="header-nav">
-    <div class="nav-left flex flex-row justify-between items-center">
-      <router-link to="/" >
-        <img
-            alt="logo"
-            src="/logo.webp"
-            class="logo"
-        />
-      </router-link>
-
-    </div>
-    <div class="title">
-      <div v-if="windowWidth >= 1280">
-        <div class="primary">AVATAR
-        </div>
-        <div class="secondary">(power by AI)</div>
-      </div>
-      <h3 v-if="windowWidth < 1280"
-          class="text-3xl font-medium text-primary-dark dark:text-ternary-light hidden sm:block"
-          style="font-size: 22px; line-height: 60px; font-weight: 600;"
-      >AVATAR</h3>
-    </div>
-    <div class="nav-right flex flex-row justify-between items-center">
-<!--      <a-button type="link" href="/">-->
-<!--        <span :style="router.currentRoute.value.path == '/' ? 'border-bottom: solid 2px; ' : ''" >Home</span>-->
-<!--      </a-button>-->
-<!--      <router-link to="/settings" >-->
-<!--        <img-->
-<!--            alt="logo"-->
-<!--            src="/logo.webp"-->
-<!--            class="logo"-->
-<!--        />-->
-<!--      </router-link>-->
-      <a-button type="ghost" style="margin-right: 12px;"
-                size="large" @click="gotoProfiling">
-        <template #icon>
-          <ExperimentOutlined style="font-size: 24px;"/>
-        </template>
+ <div class="header-nav">
+  <div class="window-controls">
+      <a-button type="link" size="small" @click="closeWindow" style="width:24px; height: 24px; padding: 0;">
+          <template #icon>
+              <img class="close-icon default" :src="CloseIcon" alt="close" style="width: 12px; height: 12px;">
+              <img class="close-icon focus" :src="CloseFocusIcon" alt="close-focus"
+                  style="width: 12px; height: 12px;">
+          </template>
       </a-button>
-      <a-button type="ghost" style="margin-right: 12px;"
-                size="large" @click="gotoHealthcheck">
-        <template #icon>
-          <DashboardOutlined style="font-size: 24px;"/>
-        </template>
+      <a-button type="link" size="small" @click="minimizeWindow"
+          style="width:24px; height: 24px; padding: 0;">
+          <template #icon>
+              <img class="close-icon default" :src="MinimizeIcon" alt="min" style="width: 12px; height: 12px;">
+              <img class="close-icon focus" :src="MinFocusIcon" alt="min-focus"
+                  style="width: 12px; height: 12px;">
+          </template>
       </a-button>
-      <a-button type="ghost" size="large" @click="gotoSettings">
-        <template #icon>
-          <SettingOutlined style="font-size: 24px;"/>
-        </template>
+      <a-button type="link" size="small" @click="maximizeWindow"
+          style="width:24px; height: 24px; padding: 0;">
+          <template #icon>
+              <img class="close-icon default" :src="MaximizeIcon" alt="max" style="width: 12px; height: 12px;">
+              <img class="close-icon focus" :src="MaxFocusIcon" alt="max-focus"
+                  style="width: 12px; height: 12px;">
+          </template>
       </a-button>
-<!--      <a-button type="link" target="_blank" >-->
-<!--        <span>Contact</span>-->
-<!--      </a-button>-->
-    </div>
-  </nav>
+  </div>
+ </div>
 </template>
 <style scoped lang="scss">
 .header-nav {
   display: flex;
-  align-items: center;
+  align-items: flex-start;
   justify-content: space-between;
   width: 100vw;
-  height: 72px;
-  background: aliceblue;
-  box-shadow: 1px 1px 2px 1px #d9d9d9;
+  height: 40px;
+  align-items: center;
+  position: absolute;
   top: 0;
-  position: sticky;
+  left: 0;
   z-index: 99;
-}
-
-.nav-left {
-  position: absolute;
-  left: 20px;
-  top: 12px;
-}
-
-.nav-right {
-  .ant-btn {
-    span {
-      font-size: 15px;
-      font-weight: 600;
-    }
+  -webkit-app-region: drag;
+  /* 整个header区域可拖拽 */
+  cursor: move;
+
+  /* 确保所有交互元素不可拖拽 */
+  .window-controls,
+  button,
+  .ant-input-search,
+  img,
+  .anticon {
+      -webkit-app-region: no-drag;
+      cursor: pointer;
   }
-}
-
-.logo {
-  width: 48px;
-  height: 48px;
-  border-radius: 24px;
-  will-change: filter;
-  transition: filter 300ms;
-}
-
-.logo:hover {
-  filter: drop-shadow(0 0 2em #646cffaa);
-}
-
-.logo.vue:hover {
-  filter: drop-shadow(0 0 2em #42b883aa);
-}
-
-.nav-items {
-  margin-left: 10px;
-}
-
-.nav-right {
-  position: absolute;
-  right: 20px;
-  height: 64px;
-  align-items: center;
-  display: flex;
-}
 
-.title {
-  margin-left: 84px;
-  line-height: 48px;
-  height: 54px;
-
-  .primary {
-    font-weight: bold;
-    text-align: left;
-    font-size: 16px;
-    letter-spacing: -0.8px;
-    font-family:  Courier,Menlo, monospace, 'SFMono-Regular', Consolas, 'Liberation Mono';
-  }
-  .secondary {
-    font-family:  Courier,Menlo, monospace, 'SFMono-Regular', Consolas, 'Liberation Mono';
-    text-align: left;
-    font-size: 8px;
-    letter-spacing: -0.2px;
-    font-weight: 400;
-    line-height: 20px;
-    margin-top: -12px;
+  .window-controls {
+      top: 0;
+      right: 0;
+      display: flex;
+      z-index: 1000;
+      margin-left: 12px;
+
+      .window-control-btn {
+          width: 46px;
+          height: 32px;
+          border: none;
+          background: transparent;
+          color: #666;
+          font-size: 16px;
+          cursor: pointer;
+          display: flex;
+          align-items: center;
+          justify-content: center;
+          transition: background-color 0.2s;
+
+          &:hover {
+              background-color: rgba(0, 0, 0, 0.1);
+          }
+
+          &.close:hover {
+              background-color: #e81123;
+              color: white;
+          }
+      }
+
+      .close-icon.focus {
+          display: none;
+      }
+
+      &:hover .close-icon.default,
+      &:focus-within .close-icon.default {
+          display: none;
+      }
+
+      &:hover .close-icon.focus,
+      &:focus-within .close-icon.focus {
+          display: inline;
+      }
   }
 }
 
-.switch-icon {
-  margin-left: 20px;
-}
 </style>