[feature]:prompt config.

frontend/src/assets/ref_audios/bys_ref.wav

@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:742e4310a8635740e8cfee99b10c14c40acb189e1985283991447d87631685ed
+size 418604

frontend/src/assets/ref_audios/cove_ref.wav

@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:2879a08a134b812245cf67afb4cb1a330d4fc59b43bb68a2fe20efbab10df759
+size 479404

frontend/src/assets/ref_audios/doubao_ref.wav

@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:a5c8581b8b7a857f5ecbdce36a558b12f7eefc36dbbc96e7cf7a99615627f6e6
+size 844878

frontend/src/assets/ref_audios/ellen_ref.wav

@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:692552ea483214b0b08e66f6ff684696ecd9fc96da40ee6925415359bdff83d0
+size 599084

frontend/src/assets/ref_audios/juniper_ref.wav

@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:b59af2dc6f7163084b9d72a7ceb60fe03789c096129d1007231c9514c5df7fd7
+size 314924

frontend/src/assets/ref_audios/luoxiang_ref.wav

@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:f9c271fe6e3590741a38b21bdd4462bd87a8a4c4711013e90071d761a41f18c3
+size 316204

frontend/src/assets/ref_audios/mabaoguo_ref.wav

@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:65f76b00d87c2598f6a2ba59716cf58af6e2f6682ae79a90496771be91f3515f
+size 476238

frontend/src/assets/ref_audios/maple_ref.wav

@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:da780b24686c3b065a594d6d35380a99bac519608e4c93753acf165b68041e50
+size 422444

frontend/src/assets/ref_audios/mayun_ref.wav

@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:3e55c3989e5f4910a039d2e3c5d769b30129a4d7c0c97f0c6a905009382a9456
+size 630274

frontend/src/assets/ref_audios/shenyi_ref.wav

@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:4a43131724444f933a800971ce50515d91d31e333287ad40e10a7d4a4e1eaef0
+size 661518

frontend/src/assets/ref_audios/trump_ref.wav

@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:20735d336d61194773c248982937872515589f0987efb2827f6addbc391faa11
+size 427244

frontend/src/assets/ref_audios/yangmi_ref.wav

@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:7b37d93794958b71184b48c6358eadcdc7cc782805761ac867c2c7bd32081426
+size 865038

frontend/src/assets/ref_audios/zhoujielun_ref.wav

@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:584e95f902b3b244c8ee46eee54f4238d0286d3d9687b753f738b353b7267c09
+size 475278

frontend/src/stores/config.ts

@@ -10,6 +10,8 @@ export const useSettingsStore  = defineStore({
             language: 'zh',
             sider_open: true,
             echoCancel: true,
+            prompt_en: 'You are a helpful assistant.',
+            prompt_zh: '你是一个乐于助人的助手。',
         }
     },
     actions: {

frontend/src/views/Welcome/index.vue

@@ -61,14 +61,14 @@ const startAudioChat = async () => {
 }
 
 
-const modelOpen = ref<boolean>(false);
+const voiceModelOpen = ref<boolean>(false);
 const modalLoading = ref<boolean>(false);
 
-const handleCancel = () => {
-    modelOpen.value = false;
+const handleVoiceModalCancel = () => {
+    voiceModelOpen.value = false;
 };
 
-const handleSubmit = async () => {
+const handleVoiceModalSubmit = async () => {
     console.log('Selected Language:', language.value);
     console.log('Selected Role:', role.value);
     console.log('Echo Cancel:', echoCancel.value);
@@ -79,6 +79,26 @@ const handleSubmit = async () => {
     await pushConfig(settingsStore.$state.role);
 };
 
+const promptModelOpen = ref<boolean>(false);
+const default_prompt_en = "You are a helpful assistant.";
+const default_prompt_zh = "你是一个乐于助人的助手。";
+const current_prompt = ref<string>(settingsStore.$state.language == 'zh' ? default_prompt_zh : default_prompt_en);
+
+const handlePromptModalCancel = () => {
+    current_prompt.value = settingsStore.$state.language == 'zh' ? settingsStore.$state.prompt_zh : settingsStore.$state.prompt_en;
+    promptModelOpen.value = false;
+};
+
+const handlePromptModalSubmit = async () => {
+    console.log('Prompt:', current_prompt.value);
+    if (settingsStore.$state.language == 'zh') {
+        settingsStore.$state.prompt_zh = current_prompt.value;
+    } else {
+        settingsStore.$state.prompt_en = current_prompt.value;
+    }
+    promptModelOpen.value = false;
+};
+
 const pushConfig = async (model_id: string) => {
     try {
         modalLoading.value = true;
@@ -120,7 +140,7 @@ const pushConfig = async (model_id: string) => {
         });
     } finally {
         modalLoading.value = false;
-        modelOpen.value = false;
+        voiceModelOpen.value = false;
     }
 
     console.log('Selected Language:', language.value);
@@ -188,11 +208,21 @@ const fetchASRLanguages = async () => {
     }
 };
 
-const toggleSider = () => {
-    settingsStore.$patch({ sider_open: !settingsStore.$state.sider_open });
-    console.log('sider open: ', modelOpen.value);
+const togglePopover = (item: string) => {
+    popoverVisible.value = !popoverVisible.value;
+    if (item == 'voice') {
+        voiceModelOpen.value = true;
+    } else if (item == 'prompt') {
+        promptModelOpen.value = true;
+    }
+};
+
+const handleResetPrompt = () => {
+    current_prompt.value = settingsStore.$state.language == 'zh' ? default_prompt_zh : default_prompt_en;
 };
 
+const popoverVisible = ref<boolean>(false);
+
 </script>
 
 <template>
@@ -218,18 +248,28 @@ const toggleSider = () => {
         <div class="actions">
             <!-- <a-button type="text" @click="toggleSider">sider</a-button> -->
 
-            <a-button type="text" @click="modelOpen = true"
+             <!-- <a-button type="text" @click="voiceModelOpen = true"
                 style="width:44px; height: 44px; margin-right:24px;margin-bottom: 24px;">
                 <template #icon>
                     <img :src="setting" width="28" height="28" alt="settings" />
                 </template>
-            </a-button>
+            </a-button>-->
+             <a-popover v-model:open="popoverVisible" trigger="click" ok-text="Yes" cancel-text="No" placement="bottomRight">
+                <template #content>
+                    <div class="custom-popover-list">
+                        <div class="custom-popover-item" @click="togglePopover('voice')">
+                            选择音色</div>
+                        <div class="custom-popover-item" @click="togglePopover('prompt')">Prompt调试</div>
+                    </div>
+                </template>
+                <img :src="setting" alt="item actions" style="width: 28px; height: 28px; margin-right:24px;margin-bottom: 24px;">
+            </a-popover>
         </div>
 
-        <a-modal v-model:open="modelOpen" :title="null" :mask-closable="false" centered>
+        <a-modal v-model:open="voiceModelOpen" :title="null" :mask-closable="false" centered>
             <template #footer>
-                <a-button key="back" @click="handleCancel">Cancel</a-button>
-                <a-button key="submit" type="primary" :loading="modalLoading" @click="handleSubmit">Submit</a-button>
+                <a-button key="back" @click="handleVoiceModalCancel">Cancel</a-button>
+                <a-button key="submit" type="primary" :loading="modalLoading" @click="handleVoiceModalSubmit">Submit</a-button>
             </template>
             <div class="languages">
                 <div class="echo-cancel-item">
@@ -260,6 +300,29 @@ const toggleSider = () => {
                 </div>
             </div>
         </a-modal>
+
+        <a-modal v-model:open="promptModelOpen" :title="null" :mask-closable="false" centered>
+            <template #footer>
+                <div class="btn-groups">
+                     <a-button key="back" @click="handleResetPrompt">Reset</a-button>
+                    <div class="btn-group">
+                       <a-button key="back" @click="handlePromptModalCancel">Cancel</a-button>
+                        <a-button key="submit" type="primary" :loading="modalLoading" @click="handlePromptModalSubmit">Submit</a-button>
+                    </div>
+                </div>
+            </template>
+            <template #title>
+                <div class="prompt-title">
+                    <p>Prompt 调试</p>
+                </div>
+            </template>
+            <div class="prompt-content">
+                <div class="prompt-item">
+                    <p>Prompt:</p>
+                    <a-textarea v-model:value="current_prompt" :placeholder="settingsStore.$state.language == 'zh' ? default_prompt_zh : default_prompt_en" :auto-size="{ minRows: 6, maxRows: 20 }" show-count :maxlength="2000" allow-clear />
+                </div>
+            </div>
+        </a-modal>
     </div>
 </template>
 
@@ -276,6 +339,33 @@ const toggleSider = () => {
     }
 }
 
+.btn-groups {
+    margin-top: 36px;
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+}
+
+.custom-popover-list {
+    width: 80px;
+    margin: 0;
+    .custom-popover-item {
+        font-size: 14px;
+        line-height: 36px;
+        font-weight: 500;
+        color: #1e1e1e;
+        cursor: pointer;
+        border-radius: 4px;
+        padding: 0 8px;
+        margin: 0px -8px;
+        transition: background 0.2s;
+    }
+    .custom-popover-item:hover, .custom-popover-item:focus {
+        background: #e5e7eb;
+    }
+}
+
+
 .welcome-wrapper {
     width: 100%;
     height: 100%;