feat:

ui/src/components/ai-chat/index.vue

@@ -42,7 +42,7 @@
               </AppAvatar>
             </div>
             <div class="content">
-              <div class="text">
+              <div class="text break-all">
                 {{ item.problem_text }}
               </div>
             </div>
@@ -313,7 +313,6 @@ onUpdated(() => {
       }
     }
     .text {
-      word-break: break-all;
       padding: 6px 0;
     }
     .problem-button {

ui/src/styles/app.scss

@@ -248,6 +248,10 @@ h4 {
   overflow: hidden;
 }
 
+.break-all {
+  word-break: break-all;
+}
+
 /*
   内容部分 自适应高度
 */
@@ -433,3 +437,4 @@ h4 {
     background: var(--app-layout-bg-color);
   }
 }
+

ui/src/views/application/AppOverview.vue

@@ -15,7 +15,7 @@
           <h4 class="ellipsis-1">{{ detail?.name }}</h4>
         </div>
 
-        <el-row>
+        <el-row :gutter="12">
           <el-col :xs="24" :sm="24" :md="12" :lg="12" :xl="12" class="mt-16">
             <div class="flex">
               <el-text type="info">公开访问链接</el-text>
@@ -29,7 +29,7 @@
             </div>
 
             <div class="mt-4">
-              <span class="vertical-middle lighter">
+              <span class="vertical-middle lighter break-all">
                 {{ shareUrl }}
               </span>
 
@@ -45,16 +45,9 @@
           <el-col :xs="24" :sm="24" :md="12" :lg="12" :xl="12" class="mt-16">
             <div class="flex">
               <el-text type="info">API访问凭据</el-text>
-              <el-switch
-                class="ml-8"
-                size="small"
-                inline-prompt
-                active-text="开"
-                inactive-text="关"
-              />
             </div>
             <div class="mt-4">
-              <span class="vertical-middle lighter">
+              <span class="vertical-middle lighter break-all">
                 API Key: OGZmZThlZjYyYzU2MWE1OTlkYTVjZTBi
               </span>