修改刷新按钮的位置

renderer/src/components/main-panel/chat/options/prompt.vue

@@ -0,0 +1,42 @@
+<template>
+    <el-tooltip :content="t('context-length')" placement="top">
+        <div class="setting-button" @click="showContextLengthDialog = true">
+            <span class="iconfont icon-length"></span>
+            <span class="value-badge">{{ tabStorage.settings.contextLength }}</span>
+        </div>
+    </el-tooltip>
+
+    <!-- 上下文长度设置 - 改为滑块形式 -->
+    <el-dialog v-model="showContextLengthDialog" :title="t('context-length') + ' ' + tabStorage.settings.contextLength"
+        width="400px">
+        <div class="slider-container">
+            <el-slider v-model="tabStorage.settings.contextLength" :min="1" :max="99" :step="1" />
+            <div class="slider-tips">
+                <span> 1: {{ t('single-dialog') }}</span>
+                <span> >1: {{ t('multi-dialog') }}</span>
+            </div>
+        </div>
+        <template #footer>
+            <el-button @click="showContextLengthDialog = false">{{ t("cancel") }}</el-button>
+        </template>
+    </el-dialog>
+</template>
+
+<script setup lang="ts">
+import { defineComponent, inject, ref } from 'vue';
+import { useI18n } from 'vue-i18n';
+import { ChatStorage } from '../chat';
+
+const { t } = useI18n();
+
+const tabStorage = inject('tabStorage') as ChatStorage;
+
+const showContextLengthDialog = ref(false);
+
+</script>
+
+<style>
+.icon-length {
+	font-size: 16px;
+}
+</style>

renderer/src/components/main-panel/chat/options/resource.vue

@@ -0,0 +1,42 @@
+<template>
+    <el-tooltip :content="t('context-length')" placement="top">
+        <div class="setting-button" @click="showContextLengthDialog = true">
+            <span class="iconfont icon-length"></span>
+            <span class="value-badge">{{ tabStorage.settings.contextLength }}</span>
+        </div>
+    </el-tooltip>
+
+    <!-- 上下文长度设置 - 改为滑块形式 -->
+    <el-dialog v-model="showContextLengthDialog" :title="t('context-length') + ' ' + tabStorage.settings.contextLength"
+        width="400px">
+        <div class="slider-container">
+            <el-slider v-model="tabStorage.settings.contextLength" :min="1" :max="99" :step="1" />
+            <div class="slider-tips">
+                <span> 1: {{ t('single-dialog') }}</span>
+                <span> >1: {{ t('multi-dialog') }}</span>
+            </div>
+        </div>
+        <template #footer>
+            <el-button @click="showContextLengthDialog = false">{{ t("cancel") }}</el-button>
+        </template>
+    </el-dialog>
+</template>
+
+<script setup lang="ts">
+import { defineComponent, inject, ref } from 'vue';
+import { useI18n } from 'vue-i18n';
+import { ChatStorage } from '../chat';
+
+const { t } = useI18n();
+
+const tabStorage = inject('tabStorage') as ChatStorage;
+
+const showContextLengthDialog = ref(false);
+
+</script>
+
+<style>
+.icon-length {
+	font-size: 16px;
+}
+</style>

renderer/src/components/main-panel/prompt/index.vue

@@ -6,7 +6,6 @@
                     <span class="iconfont icon-chat"></span>
                     提示词模块
                 </h2>
-                <h3><code>prompts/list</code></h3>
 
                 <PromptTemplates :tab-id="props.tabId"></PromptTemplates>
 

renderer/src/components/main-panel/prompt/prompt-templates.vue

@@ -1,4 +1,12 @@
 <template>
+    <h3 class="resource-template">
+		<code>prompts/list</code>
+		<span
+			@click="reloadPrompts({ first: false })"
+			class="iconfont icon-restart"
+		></span>
+	</h3>
+
 	<div class="prompt-template-container-scrollbar">
 		<el-scrollbar height="500px">
 			<div class="prompt-template-container">
@@ -15,14 +23,6 @@
 			</div>
 		</el-scrollbar>
 	</div>
-    <div class="prompt-template-function-container">
-        <el-button
-            type="primary"
-            @click="reloadPrompts({ first: false })"
-        >
-            {{ t('refresh') }}
-        </el-button>
-    </div>
 </template>
 
 <script setup lang="ts">

renderer/src/components/main-panel/tool/index.vue

@@ -6,8 +6,6 @@
                     <span class="iconfont icon-tool"></span>
                     工具模块
                 </h2>
-                <h3><code>tools/list</code></h3>
-
                 <ToolList :tab-id="props.tabId"></ToolList>
 
             </div>

renderer/src/components/main-panel/tool/tool-list.vue

@@ -1,4 +1,12 @@
 <template>
+    <h3 class="resource-template">
+        <code>tools/list</code>
+        <span
+            class="iconfont icon-restart"
+            @click="reloadTools({ first: false })"
+        ></span>
+    </h3>
+
     <div class="tool-list-container-scrollbar">
         <el-scrollbar height="500px">
             <div class="tool-list-container">
@@ -19,15 +27,6 @@
     <div>
         <!-- resources/list -->
     </div>
-
-    <div class="tool-list-function-container">
-        <el-button
-            type="primary"
-            @click="reloadTools({ first: false })"
-        >
-            {{ t('refresh') }}
-        </el-button>
-    </div>
 </template>
 
 <script setup lang="ts">