From cf16cff7cf65e3775092d3d264dac2fff81624a3 Mon Sep 17 00:00:00 2001
From: Kirigaya <1193466151@qq.com>
Date: Tue, 6 May 2025 20:55:09 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E6=94=B9=E5=88=B7=E6=96=B0=E6=8C=89?=
 =?UTF-8?q?=E9=92=AE=E7=9A=84=E4=BD=8D=E7=BD=AE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../main-panel/chat/options/prompt.vue        | 42 +++++++++++++++++++
 .../main-panel/chat/options/resource.vue      | 42 +++++++++++++++++++
 .../components/main-panel/prompt/index.vue    |  1 -
 .../main-panel/prompt/prompt-templates.vue    | 16 +++----
 .../src/components/main-panel/tool/index.vue  |  2 -
 .../components/main-panel/tool/tool-list.vue  | 17 ++++----
 6 files changed, 100 insertions(+), 20 deletions(-)
 create mode 100644 renderer/src/components/main-panel/chat/options/prompt.vue
 create mode 100644 renderer/src/components/main-panel/chat/options/resource.vue

diff --git a/renderer/src/components/main-panel/chat/options/prompt.vue b/renderer/src/components/main-panel/chat/options/prompt.vue
new file mode 100644
index 0000000..aa48d5b
--- /dev/null
+++ b/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>
\ No newline at end of file
diff --git a/renderer/src/components/main-panel/chat/options/resource.vue b/renderer/src/components/main-panel/chat/options/resource.vue
new file mode 100644
index 0000000..aa48d5b
--- /dev/null
+++ b/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>
\ No newline at end of file
diff --git a/renderer/src/components/main-panel/prompt/index.vue b/renderer/src/components/main-panel/prompt/index.vue
index a680afd..1143cec 100644
--- a/renderer/src/components/main-panel/prompt/index.vue
+++ b/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>
 
diff --git a/renderer/src/components/main-panel/prompt/prompt-templates.vue b/renderer/src/components/main-panel/prompt/prompt-templates.vue
index 2b3b8ba..102a775 100644
--- a/renderer/src/components/main-panel/prompt/prompt-templates.vue
+++ b/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">
diff --git a/renderer/src/components/main-panel/tool/index.vue b/renderer/src/components/main-panel/tool/index.vue
index 7ec1f17..4fb3390 100644
--- a/renderer/src/components/main-panel/tool/index.vue
+++ b/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>
diff --git a/renderer/src/components/main-panel/tool/tool-list.vue b/renderer/src/components/main-panel/tool/tool-list.vue
index 23ff6e2..41c5804 100644
--- a/renderer/src/components/main-panel/tool/tool-list.vue
+++ b/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">