(Embedded Management): Failed to update app secret

frontend/src/views/system/embedded/Page.vue

@@ -169,10 +169,15 @@ const cancelRefresh = (row: any) => {
 }
 
 const refresh = (row: any) => {
-  embeddedApi.secret(row.id).then(() => {
-    ElMessage.success(t('common.update_success'))
-  })
-  cancelRefresh(row)
+  embeddedApi
+    .secret(row.id)
+    .then(() => {
+      ElMessage.success(t('common.update_success'))
+    })
+    .finally(() => {
+      cancelRefresh(row)
+      search()
+    })
 }
 
 const search = () => {
@@ -373,11 +378,11 @@ const copyCode = (row: any, key: any = 'app_secret') => {
             <template #default="scope">
               <div class="user-status-container">
                 <div
-                  :title="scope.row.showPwd ? scope.row.app_id : pwd"
+                  :title="scope.row.showPwd ? scope.row.app_secret : pwd"
                   class="ellipsis"
                   style="max-width: 133px"
                 >
-                  {{ scope.row.showPwd ? scope.row.app_id : pwd }}
+                  {{ scope.row.showPwd ? scope.row.app_secret : pwd }}
                 </div>
                 <el-tooltip
                   :offset="12"

frontend/src/views/system/embedded/SetUi.vue

@@ -23,6 +23,7 @@ interface SqlBotForm {
   float_icon_drag: boolean
   x_val: number
   y_val: number
+  restoreDefaults: boolean
 }
 
 const optionsY = [
@@ -73,6 +74,7 @@ const defaultSqlBotForm = reactive<SqlBotForm>({
   welcome_desc: t('embedded.data_analysis_now'),
   theme: '#1CBA90',
   header_font_color: '#1F2329',
+  restoreDefaults: false,
   // logo: '',
   // float_icon: '',
 })
@@ -170,6 +172,7 @@ const resetSqlBotForm = (reset2Default?: boolean) => {
   if (reset2Default) {
     logo.value = ''
     floatIcon.value = ''
+    sqlBotForm.restoreDefaults = true
     nextTick(() => {
       setPageCustomColor(sqlBotForm.theme)
       setPageHeaderFontColor(sqlBotForm.header_font_color)