From 8d549d17e2c4bd0e62f3a3420a34633f573b7147 Mon Sep 17 00:00:00 2001
From: Kirigaya <1193466151@qq.com>
Date: Tue, 6 May 2025 20:45:47 +0800
Subject: [PATCH] =?UTF-8?q?=E6=94=AF=E6=8C=81=20resources/list=20=E7=9A=84?=
 =?UTF-8?q?=E8=B0=83=E5=BA=A6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 CHANGELOG.md                                  |   4 +
 renderer/public/iconfont.css                  |  18 +-
 renderer/public/iconfont.woff2                | Bin 6112 -> 6512 bytes
 renderer/src/App.vue                          |   2 +-
 .../main-panel/chat/options/setting.vue       |   2 +-
 renderer/src/components/main-panel/index.vue  |  19 +-
 .../components/main-panel/resource/index.vue  |  18 +-
 .../main-panel/resource/resouce-reader.vue    |  33 ++--
 ...plates.vue => resource-list-templates.vue} |  53 ++++--
 .../main-panel/resource/resource-list.vue     | 173 ++++++++++++++++++
 .../main-panel/resource/resource-logger.vue   |  20 +-
 .../main-panel/resource/resources.ts          |   9 +-
 .../main-panel/tool/tool-executor.vue         |  12 +-
 .../components/main-panel/tool/tool-list.vue  |   5 +
 .../main-panel/tool/tool-logger.vue           |   2 +-
 .../src/components/main-panel/tool/tools.ts   |   6 +-
 renderer/src/components/sidebar/connected.vue |  52 +++---
 renderer/src/components/sidebar/mcp-title.vue |   4 +-
 renderer/src/hook/mcp.ts                      |   8 +-
 renderer/src/hook/setting.ts                  |  11 +-
 renderer/src/hook/type.ts                     |  10 +-
 renderer/src/hook/util.ts                     |  10 +-
 renderer/src/i18n/ar.json                     |   4 +-
 renderer/src/i18n/de.json                     |   4 +-
 renderer/src/i18n/en.json                     |   4 +-
 renderer/src/i18n/fr.json                     |   4 +-
 renderer/src/i18n/ja.json                     |   4 +-
 renderer/src/i18n/ko.json                     |   4 +-
 renderer/src/i18n/ru.json                     |   4 +-
 renderer/src/i18n/zh-cn.json                  |   4 +-
 renderer/src/i18n/zh-tw.json                  |   4 +-
 renderer/src/views/about/index.vue            |   2 +-
 .../src/views/connect/connection-args.vue     |   4 +-
 renderer/src/views/debug/welcome.vue          |   1 +
 renderer/src/views/setting/general.vue        |  27 ++-
 service/src/mcp/client.controller.ts          |   5 +-
 service/src/mcp/client.service.ts             |   9 +-
 service/src/setting/setting.service.ts        |   2 +-
 service/tabs.untitle.json                     |  10 +-
 39 files changed, 452 insertions(+), 115 deletions(-)
 rename renderer/src/components/main-panel/resource/{resource-templates.vue => resource-list-templates.vue} (73%)
 create mode 100644 renderer/src/components/main-panel/resource/resource-list.vue

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 0bb9936..f07eb8a 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -1,5 +1,9 @@
 # Change Log
 
+## [main] 0.0.7
+- 优化页面布局，使得调试内容更加紧凑
+- 扩大默认的上下文长度
+- 增加「通用选项」，用于设置mcp服务器的最大的等待时间
 
 ## [main] 0.0.6
 - 修复部分因为服务器名称特殊字符而导致的保存实效的错误
diff --git a/renderer/public/iconfont.css b/renderer/public/iconfont.css
index 5a5273e..5c04cb3 100644
--- a/renderer/public/iconfont.css
+++ b/renderer/public/iconfont.css
@@ -1,8 +1,8 @@
 @font-face {
   font-family: "iconfont"; /* Project id 4870215 */
-  src: url('iconfont.woff2?t=1745774700883') format('woff2'),
-       url('iconfont.woff?t=1745774700883') format('woff'),
-       url('iconfont.ttf?t=1745774700883') format('truetype');
+  src: url('iconfont.woff2?t=1746529081655') format('woff2'),
+       url('iconfont.woff?t=1746529081655') format('woff'),
+       url('iconfont.ttf?t=1746529081655') format('truetype');
 }
 
 .iconfont {
@@ -13,6 +13,18 @@
   -moz-osx-font-smoothing: grayscale;
 }
 
+.icon-timeout:before {
+  content: "\edf5";
+}
+
+.icon-dui:before {
+  content: "\e627";
+}
+
+.icon-cuo:before {
+  content: "\ed1a";
+}
+
 .icon-video:before {
   content: "\e865";
 }
diff --git a/renderer/public/iconfont.woff2 b/renderer/public/iconfont.woff2
index 4afc4a40679b53da9bccca27cdeb664cd46b8571..1ba99482f0956b7d67f5725942b8a7c4a0e19e4d 100644
GIT binary patch
literal 6512
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
W`XE)y?oi?3MEz5S66SmY0001-K7>2~

literal 6112
zcmV<67a!<%Pew8T0RR9102kl@3jhEB04u}*02hz|0RR9100000000000000000000
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

diff --git a/renderer/src/App.vue b/renderer/src/App.vue
index 3ea6abc..dea080c 100644
--- a/renderer/src/App.vue
+++ b/renderer/src/App.vue
@@ -94,7 +94,7 @@ onMounted(async () => {
 
 <style>
 .main {
-	height: calc(100vh - 50px);
+	height: calc(100vh - 5px);
 	display: flex;
 	justify-content: center;
 }
diff --git a/renderer/src/components/main-panel/chat/options/setting.vue b/renderer/src/components/main-panel/chat/options/setting.vue
index 08e7f2a..cd69fa1 100644
--- a/renderer/src/components/main-panel/chat/options/setting.vue
+++ b/renderer/src/components/main-panel/chat/options/setting.vue
@@ -38,7 +38,7 @@ if (!tabStorage.settings) {
 		enableTools: [],
 		enableWebSearch: false,
 		temperature: 0.7,
-		contextLength: 10,
+		contextLength: 20,
 		systemPrompt: ''
 	} as ChatSetting;
 }
diff --git a/renderer/src/components/main-panel/index.vue b/renderer/src/components/main-panel/index.vue
index eff5fe9..363612e 100644
--- a/renderer/src/components/main-panel/index.vue
+++ b/renderer/src/components/main-panel/index.vue
@@ -70,20 +70,19 @@ function setActiveTab(index: number) {
 
 <style>
 .main-panel-container {
-	display: flex;
 	justify-content: center;
 	flex-direction: column;
 	width: 100%;
 	min-width: 800px;
 	height: 100%;
-	margin-left: 20px;
+	margin-left: 5px;
 }
 
 .main-panel {
 	background-color: var(--sidebar);
 	border-radius: 1.2em;
 	width: 100%;
-	height: 90%;
+	height: calc(100% - 35px);
 }
 
 .scroll-tabs-container {
@@ -92,13 +91,13 @@ function setActiveTab(index: number) {
 }
 
 .tabs-container {
-	height: 78px;
+	height: 30px;
 	width: 90%;
 	background-color: var(--background);
 	display: flex;
 	align-items: center;
     user-select: none;
-	padding: 0 10px;
+	margin-bottom: 5px;
 }
 
 .tabs-container .el-scrollbar {
@@ -107,12 +106,12 @@ function setActiveTab(index: number) {
 
 .tabs-container .tab {
 	white-space: nowrap;
-	margin: 5px;
-    font-size: 13px;
+	margin-right: 5px;
+    font-size: 12px;
     width: 120px;
 	border-radius: .5em;
 	background-color: var(--sidebar);
-	padding: 10px;
+	padding: 3px 10px;
 	display: flex;
 	align-items: center;
 	transition: var(--animation-3s);
@@ -160,11 +159,9 @@ function setActiveTab(index: number) {
 
 .tabs-container .add-button {
 	cursor: pointer;
-	font-size: 20px;
+	font-size: 15px;
 	margin-left: 5px;
 	border-radius: .5em;
-	height: 35px;
-	width: 35px;
 	display: flex;
 	align-items: center;
 	justify-content: center;
diff --git a/renderer/src/components/main-panel/resource/index.vue b/renderer/src/components/main-panel/resource/index.vue
index 92b72a3..d518bda 100644
--- a/renderer/src/components/main-panel/resource/index.vue
+++ b/renderer/src/components/main-panel/resource/index.vue
@@ -6,11 +6,14 @@
                 <span class="iconfont icon-file"></span>
                 {{ t("resources") + t("module") }}
             </h2>
-            <h3><code>resources/templates/list</code></h3>
-            
-            <ResourceTemplates
+
+            <ResourceListTemplates
                 :tab-id="props.tabId"
-            ></ResourceTemplates>
+            ></ResourceListTemplates>
+
+            <ResourceList
+                :tab-id="props.tabId"
+            ></ResourceList>
 
         </div>
         <div class="right">
@@ -29,7 +32,10 @@
 <script setup lang="ts">
 import { defineProps } from 'vue';
 import { useI18n } from 'vue-i18n';
-import ResourceTemplates from './resource-templates.vue';
+
+import ResourceListTemplates from './resource-list-templates.vue';
+import ResourceList from './resource-list.vue';
+
 import ResourceReader from './resouce-reader.vue';
 import ResourceLogger from './resource-logger.vue';
 
@@ -42,8 +48,6 @@ const props = defineProps({
     }
 });
 
-
-
 </script>
 
 <style scoped>
diff --git a/renderer/src/components/main-panel/resource/resouce-reader.vue b/renderer/src/components/main-panel/resource/resouce-reader.vue
index 973364a..829d8ec 100644
--- a/renderer/src/components/main-panel/resource/resouce-reader.vue
+++ b/renderer/src/components/main-panel/resource/resouce-reader.vue
@@ -122,21 +122,28 @@ const resetForm = () => {
     responseData.value = undefined;
 }
 
+function getUri() {
+    if (tabStorage.currentType === 'template') {
+        const fillFn = currentResource.value.fill;    
+        const uri = fillFn(tabStorage.formData);
+        return uri;
+    }
+
+    const targetResource = resourcesManager.resources.find(resources => resources.name === tabStorage.currentResourceName);
+    return targetResource?.uri;
+}
+
 // 提交表单
-function handleSubmit() {
-    const fillFn = currentResource.value.fill;    
-    const uri = fillFn(tabStorage.formData);
-
+async function handleSubmit() {
+    const uri = getUri();
+    console.log(uri);
+    
     const bridge = useMessageBridge();
-
-    bridge.addCommandListener('resources/read', (data: CasualRestAPI<ResourcesReadResponse>) => {
-        tabStorage.lastResourceReadResponse = data.msg;
-    }, { once: true });
-
-    bridge.postMessage({
-        command: 'resources/read',
-        data: { resourceUri: uri }
-    });
+    const { code, msg } = await bridge.commandRequest('resources/read', { resourceUri: uri });
+    
+    if (code === 200) {
+        tabStorage.lastResourceReadResponse = msg;
+    }
 }
 
 // 监听资源变化重置表单
diff --git a/renderer/src/components/main-panel/resource/resource-templates.vue b/renderer/src/components/main-panel/resource/resource-list-templates.vue
similarity index 73%
rename from renderer/src/components/main-panel/resource/resource-templates.vue
rename to renderer/src/components/main-panel/resource/resource-list-templates.vue
index 3321a62..804adf3 100644
--- a/renderer/src/components/main-panel/resource/resource-templates.vue
+++ b/renderer/src/components/main-panel/resource/resource-list-templates.vue
@@ -1,10 +1,18 @@
 <template>
+    <h3 class="resource-template">
+		<code>resources/templates/list</code>
+		<span
+			class="iconfont icon-restart"
+			@click="reloadResources({ first: false })"
+		></span>
+	</h3>
+
 	<div class="resource-template-container-scrollbar">
-		<el-scrollbar height="500px">
+		<el-scrollbar height="500px" v-if="resourcesManager.templates.length > 0">
 			<div class="resource-template-container">
 				<div
 					class="item"
-                    :class="{ 'active': tabStorage.currentResourceName === template.name }"
+                    :class="{ 'active': tabStorage.currentType === 'template' && tabStorage.currentResourceName === template.name }"
 					v-for="template of resourcesManager.templates"
 					:key="template.name"
                     @click="handleClick(template)"
@@ -14,21 +22,16 @@
 				</div>
 			</div>
 		</el-scrollbar>
+		<div v-else style="padding: 10px;">
+			empty
+		</div>
 	</div>
-    <div class="resource-template-function-container">
-        <el-button
-            type="primary"
-            @click="reloadResources({ first: false })"
-        >
-            {{ t('refresh') }}
-        </el-button>
-    </div>
 </template>
 
 <script setup lang="ts">
 import { useMessageBridge } from '@/api/message-bridge';
 import { CasualRestAPI, ResourceTemplate, ResourceTemplatesListResponse } from '@/hook/type';
-import { onMounted, onUnmounted, defineProps } from 'vue';
+import { onMounted, onUnmounted, defineProps, ref } from 'vue';
 import { useI18n } from 'vue-i18n';
 import { resourcesManager, ResourceStorage } from './resources';
 import { tabs } from '../panel';
@@ -63,6 +66,7 @@ function reloadResources(option: { first: boolean }) {
 }
 
 function handleClick(template: ResourceTemplate) {
+	tabStorage.currentType = 'template';
     tabStorage.currentResourceName = template.name;
     tabStorage.lastResourceReadResponse = undefined;
 }
@@ -73,11 +77,13 @@ onMounted(() => {
     commandCancel = bridge.addCommandListener('resources/templates/list', (data: CasualRestAPI<ResourceTemplatesListResponse>) => {
 		resourcesManager.templates = data.msg.resourceTemplates || [];
 
-		const targetResource = resourcesManager.templates.find(template => template.name === tabStorage.currentResourceName);
-        if (targetResource === undefined) {
-            tabStorage.currentResourceName = resourcesManager.templates[0]?.name;
-            tabStorage.lastResourceReadResponse = undefined;
-        }
+		if (tabStorage.currentType === 'template') {
+			const targetResource = resourcesManager.templates.find(template => template.name === tabStorage.currentResourceName);
+			if (targetResource === undefined) {
+				tabStorage.currentResourceName = resourcesManager.templates[0]?.name;
+				tabStorage.lastResourceReadResponse = undefined;
+			}
+		}
 	}, { once: false });
 
     reloadResources({ first: true });
@@ -88,10 +94,23 @@ onUnmounted(() => {
         commandCancel();
     }
 })
-
 </script>
 
 <style>
+h3.resource-template {
+    display: flex;
+    align-items: center;
+}
+
+h3.resource-template .iconfont.icon-restart {
+    margin-left: 10px;
+    cursor: pointer;
+}
+
+h3.resource-template .iconfont.icon-restart:hover {
+    color: var(--main-color);
+}
+
 .resource-template-container-scrollbar {
 	background-color: var(--background);
     margin-bottom: 10px;
diff --git a/renderer/src/components/main-panel/resource/resource-list.vue b/renderer/src/components/main-panel/resource/resource-list.vue
new file mode 100644
index 0000000..8dfb4c1
--- /dev/null
+++ b/renderer/src/components/main-panel/resource/resource-list.vue
@@ -0,0 +1,173 @@
+<template>
+    <h3 class="resource-template">
+		<code>resources/list</code>
+		<span
+			class="iconfont icon-restart"
+			@click="reloadResources({ first: false })"
+		></span>
+	</h3>
+
+	<div class="resource-template-container-scrollbar">
+		<el-scrollbar height="500px">
+			<div class="resource-template-container">
+				<div
+					class="item"
+                    :class="{ 'active': tabStorage.currentType === 'resource' && tabStorage.currentResourceName === resource.name }"
+					v-for="resource of resourcesManager.resources"
+					:key="resource.uri"
+                    @click="handleClick(resource)"
+				>
+                    <span>{{ resource.name }}</span>
+                    <span>{{ resource.mimeType }}</span>
+				</div>
+			</div>
+		</el-scrollbar>
+	</div>
+</template>
+
+<script setup lang="ts">
+import { useMessageBridge } from '@/api/message-bridge';
+import { CasualRestAPI, Resources, ResourcesListResponse } from '@/hook/type';
+import { onMounted, onUnmounted, defineProps, ref } from 'vue';
+import { useI18n } from 'vue-i18n';
+import { resourcesManager, ResourceStorage } from './resources';
+import { tabs } from '../panel';
+import { ElMessage } from 'element-plus';
+
+const bridge = useMessageBridge();
+const { t } = useI18n();
+
+const props = defineProps({
+    tabId: {
+        type: Number,
+        required: true
+    }
+});
+
+const tab = tabs.content[props.tabId];
+const tabStorage = tab.storage as ResourceStorage;
+
+function reloadResources(option: { first: boolean }) {    
+    bridge.postMessage({
+        command: 'resources/list'
+    });
+
+    if (!option.first) {
+        ElMessage({
+            message: t('finish-refresh'),
+            type: 'success',
+			duration: 3000,
+			showClose: true,
+        });
+    }
+}
+
+function handleClick(resource: Resources) {
+    tabStorage.currentType = 'resource';
+    tabStorage.currentResourceName = resource.name;
+    tabStorage.lastResourceReadResponse = undefined;
+}
+
+let commandCancel: (() => void);
+
+onMounted(() => {
+    commandCancel = bridge.addCommandListener('resources/list', (data: CasualRestAPI<ResourcesListResponse>) => {
+		resourcesManager.resources = data.msg.resources || [];
+
+		if (tabStorage.currentType === 'resource') {
+            const targetResource = resourcesManager.resources.find(resources => resources.name === tabStorage.currentResourceName);
+            if (targetResource === undefined) {
+                tabStorage.currentResourceName = resourcesManager.templates[0]?.name;
+                tabStorage.lastResourceReadResponse = undefined;
+            }
+        }
+	}, { once: false });
+
+    reloadResources({ first: true });
+});
+
+onUnmounted(() => {
+    if (commandCancel){
+        commandCancel();
+    }
+})
+</script>
+
+<style>
+h3.resource-template {
+    display: flex;
+    align-items: center;
+}
+
+h3.resource-template .iconfont.icon-restart {
+    margin-left: 10px;
+    cursor: pointer;
+}
+
+h3.resource-template .iconfont.icon-restart:hover {
+    color: var(--main-color);
+}
+
+.resource-template-container-scrollbar {
+	background-color: var(--background);
+    margin-bottom: 10px;
+	border-radius: .5em;
+}
+
+.resource-template-container {
+	height: fit-content;
+	display: flex;
+	flex-direction: column;
+	padding: 10px;
+}
+
+.resource-template-function-container {
+    width: 100%;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+}
+
+.resource-template-function-container button {
+    width: 175px;
+}
+
+.resource-template-container > .item {
+	margin: 3px;
+	padding: 5px 10px;
+	border-radius: .3em;
+	user-select: none;
+	cursor: pointer;
+	display: flex;
+	align-items: center;
+	justify-content: space-between;
+	transition: var(--animation-3s);
+}
+
+.resource-template-container > .item:hover {
+	background-color: var(--main-light-color);
+	transition: var(--animation-3s);
+}
+
+.resource-template-container > .item.active {
+	background-color: var(--main-light-color);
+	transition: var(--animation-3s);
+}
+
+.resource-template-container > .item > span:first-child {
+	max-width: 200px;
+	overflow: hidden;
+	text-overflow: ellipsis;
+	white-space: nowrap;
+}
+
+.resource-template-container > .item > span:last-child {
+	opacity: 0.6;
+	font-size: 12.5px;
+	max-width: 200px;
+	overflow: hidden;
+	text-overflow: ellipsis;
+	white-space: nowrap;
+}
+
+</style>
\ No newline at end of file
diff --git a/renderer/src/components/main-panel/resource/resource-logger.vue b/renderer/src/components/main-panel/resource/resource-logger.vue
index 61acc72..acdcadf 100644
--- a/renderer/src/components/main-panel/resource/resource-logger.vue
+++ b/renderer/src/components/main-panel/resource/resource-logger.vue
@@ -20,7 +20,20 @@
             >
                 <template v-if="!showRawJson">
                     <span v-for="(content, index) of tabStorage.lastResourceReadResponse?.contents || []" :key="index">
-                        {{ content.text }}
+                        <span v-if="content.mimeType === 'image/png'">
+                            <img
+                                class="resource-list-image"
+                                :src="getImageBlobUrlByBase64(content.blob || '', content.mimeType)"
+                                :alt="content.text"
+                                style="max-width: 100%; max-height: 300px;"
+                            />
+                        </span>
+                        <span v-if="content.mimeType === 'image/jpeg'">
+
+                        </span>
+                        <span v-else>
+                            {{ content.text }}
+                        </span>
                     </span>
                 </template>
                 <template v-else>
@@ -36,6 +49,7 @@ import { defineComponent, defineProps, computed, ref } from 'vue';
 import { useI18n } from 'vue-i18n';
 import { tabs } from '../panel';
 import { ResourceStorage } from './resources';
+import { getImageBlobUrlByBase64 } from '@/hook/util';
 
 defineComponent({ name: 'resource-logger' });
 const { t } = useI18n();
@@ -101,4 +115,8 @@ const formattedJson = computed(() => {
     line-height: 1.5;
     background-color: var(--sidebar);
 }
+
+.resource-list-image {
+    cursor: unset;
+}
 </style>
\ No newline at end of file
diff --git a/renderer/src/components/main-panel/resource/resources.ts b/renderer/src/components/main-panel/resource/resources.ts
index 4505154..180e0f6 100644
--- a/renderer/src/components/main-panel/resource/resources.ts
+++ b/renderer/src/components/main-panel/resource/resources.ts
@@ -1,16 +1,19 @@
-import { ResourcesReadResponse, ResourceTemplate, ResourceTemplatesListResponse } from '@/hook/type';
+import { ResourcesReadResponse, ResourceTemplate, Resources } from '@/hook/type';
 import { reactive } from 'vue';
 
 
 export const resourcesManager = reactive<{
     current: ResourceTemplate | undefined
-    templates: ResourceTemplate[]
+    templates: ResourceTemplate[],
+    resources: Resources[]
 }>({
     current: undefined,
-    templates: []
+    templates: [],
+    resources: []
 });
 
 export interface ResourceStorage {
+    currentType: 'resource' | 'template';
     currentResourceName: string;
     lastResourceReadResponse?: ResourcesReadResponse;
     formData: Record<string, any>;
diff --git a/renderer/src/components/main-panel/tool/tool-executor.vue b/renderer/src/components/main-panel/tool/tool-executor.vue
index ed170ee..2c1b025 100644
--- a/renderer/src/components/main-panel/tool/tool-executor.vue
+++ b/renderer/src/components/main-panel/tool/tool-executor.vue
@@ -142,9 +142,15 @@ const resetForm = () => {
 };
 
 async function handleExecute() {
-    if (!currentTool.value) return;    
-    const toolResponse = await callTool(tabStorage.currentToolName, tabStorage.formData);
-    tabStorage.lastToolCallResponse = toolResponse;
+    if (!currentTool.value) return;
+    loading.value = true;
+    try {
+        tabStorage.lastToolCallResponse = undefined;
+        const toolResponse = await callTool(tabStorage.currentToolName, tabStorage.formData);
+        tabStorage.lastToolCallResponse = toolResponse;
+    } finally {
+        loading.value = false;
+    }
 }
 
 watch(() => tabStorage.currentToolName, () => {
diff --git a/renderer/src/components/main-panel/tool/tool-list.vue b/renderer/src/components/main-panel/tool/tool-list.vue
index 9fef885..23ff6e2 100644
--- a/renderer/src/components/main-panel/tool/tool-list.vue
+++ b/renderer/src/components/main-panel/tool/tool-list.vue
@@ -15,6 +15,11 @@
             </div>
         </el-scrollbar>
     </div>
+
+    <div>
+        <!-- resources/list -->
+    </div>
+
     <div class="tool-list-function-container">
         <el-button
             type="primary"
diff --git a/renderer/src/components/main-panel/tool/tool-logger.vue b/renderer/src/components/main-panel/tool/tool-logger.vue
index 504ee86..d52dfed 100644
--- a/renderer/src/components/main-panel/tool/tool-logger.vue
+++ b/renderer/src/components/main-panel/tool/tool-logger.vue
@@ -40,7 +40,7 @@ import { defineComponent, defineProps, computed, ref } from 'vue';
 import { useI18n } from 'vue-i18n';
 import { tabs } from '../panel';
 import { ToolStorage } from './tools';
-import { markdownToHtml } from '../chat/markdown/markdown';
+import { useMessageBridge } from '@/api/message-bridge';
 
 defineComponent({ name: 'tool-logger' });
 const { t } = useI18n();
diff --git a/renderer/src/components/main-panel/tool/tools.ts b/renderer/src/components/main-panel/tool/tools.ts
index 208a0c6..a867075 100644
--- a/renderer/src/components/main-panel/tool/tools.ts
+++ b/renderer/src/components/main-panel/tool/tools.ts
@@ -1,4 +1,5 @@
 import { useMessageBridge } from '@/api/message-bridge';
+import { mcpSetting } from '@/hook/mcp';
 import { ToolsListResponse, ToolCallResponse, CasualRestAPI } from '@/hook/type';
 import { pinkLog } from '@/views/setting/util';
 import { reactive } from 'vue';
@@ -36,7 +37,10 @@ export function callTool(toolName: string, toolArgs: Record<string, any>) {
             command: 'tools/call',
             data: {
                 toolName,
-                toolArgs: JSON.parse(JSON.stringify(toolArgs))
+                toolArgs: JSON.parse(JSON.stringify(toolArgs)),
+                callToolOption: {
+                    timeout: mcpSetting.timeout * 1000
+                }
             }
         });
     });
diff --git a/renderer/src/components/sidebar/connected.vue b/renderer/src/components/sidebar/connected.vue
index 03b8607..1c4ccd6 100644
--- a/renderer/src/components/sidebar/connected.vue
+++ b/renderer/src/components/sidebar/connected.vue
@@ -2,6 +2,7 @@
 	<div class="connected-status-container"
 		id="connected-status-container"
 		@click.stop="toggleConnectionPanel()"
+		:class="{ 'connected': connectionResult.success }"
 	>
 		<span class="mcp-server-info">
 			<el-tooltip
@@ -14,12 +15,14 @@
 			</el-tooltip>
 		</span>
 		<span class="connect-status">
-			<span
-				class="status-circle"
-				:class="statusColorStyle"
-				>
+			<span v-if="connectionResult.success">
+				<span class="iconfont icon-connect"></span>
+				<span class="iconfont icon-dui"></span>
+			</span>
+			<span v-else>
+				<span class="iconfont icon-connect"></span>
+				<span class="iconfont icon-cuo"></span>
 			</span>
-			<span class="status-string">{{ statusString }}</span>
 		</span>
 			
 	</div>
@@ -35,22 +38,6 @@ defineComponent({ name: 'connected' });
 
 const { t } = useI18n();
 
-const statusString = computed(() => {
-	if (connectionResult.success) {
-		return t('connected');
-	} else {
-		return t('disconnected');
-	}
-});
-
-const statusColorStyle = computed(() => {
-	if (connectionResult.success) {
-		return 'connected-color';
-	} else {
-		return 'disconnected-color';
-	}
-});
-
 const fullDisplayServerName = computed(() => {
 	return connectionResult.serverInfo.name + '/' + connectionResult.serverInfo.version;
 });
@@ -88,9 +75,13 @@ function toggleConnectionPanel() {
 </script>
 
 <style>
+.connected .status-circle {
+	background-color: var(--el-color-success) !important;
+}
 
-.connected-color {
-	background-color: #21DA49;
+.connected .connect-status {
+	border: 1px solid var(--el-color-success) !important;
+	color: var(--el-color-success) !important;
 }
 
 .disconnected-color {
@@ -100,8 +91,8 @@ function toggleConnectionPanel() {
 .status-circle {
 	height: 12px;
 	width: 12px;
-	margin-right: 8px;
 	border-radius: 99%;
+	background-color: var(--main-color);
 	box-shadow: 0 0 4px rgba(0, 0, 0, 0.1);
 }
 
@@ -123,7 +114,13 @@ function toggleConnectionPanel() {
 .connected-status-container .connect-status {
 	display: flex;
 	align-items: center;
-	margin-top: 20px;
+	justify-content: space-between;
+	margin-top: 10px;
+	border-radius: .5em;
+	padding: 5px 10px;
+	width: 30px;
+	border: 1px solid var(--main-color);
+	color: var(--main-color);
 }
 
 .connected-status-container:hover {
@@ -148,7 +145,10 @@ function toggleConnectionPanel() {
 .mcp-server-info .name {
 	font-size: 14px;
 	font-weight: 600;
-	max-width: 60px;
+	width: 30px;
+	display: flex;
+	align-items: center;
+	justify-content: center;
 	white-space: wrap;
 	background-color: #f39a6d;
 	padding: 5px 12px;
diff --git a/renderer/src/components/sidebar/mcp-title.vue b/renderer/src/components/sidebar/mcp-title.vue
index bf21b47..633ac9c 100644
--- a/renderer/src/components/sidebar/mcp-title.vue
+++ b/renderer/src/components/sidebar/mcp-title.vue
@@ -35,6 +35,8 @@ function clickLogo() {
 .simple-logo {
 	height: 73px;
 	display: flex;
+	align-items: center;
+
 	flex-direction: column;
 	user-select: none;
 	-webkit-user-drag: none;
@@ -47,7 +49,7 @@ function clickLogo() {
 }
 
 .simple-logo .iconfont {
-	font-size: 48px;
+	font-size: 38px;
 }
 
 </style>
\ No newline at end of file
diff --git a/renderer/src/hook/mcp.ts b/renderer/src/hook/mcp.ts
index 02b3c6b..5946502 100644
--- a/renderer/src/hook/mcp.ts
+++ b/renderer/src/hook/mcp.ts
@@ -1,3 +1,5 @@
+import { reactive } from "vue";
+
 interface TypeAble {
     type: string;
 }
@@ -27,4 +29,8 @@ export function normaliseJavascriptType(type: string) {
         default:
             return 'string';
     }
-}
\ No newline at end of file
+}
+
+export const mcpSetting = reactive({
+    timeout: 60,
+});
\ No newline at end of file
diff --git a/renderer/src/hook/setting.ts b/renderer/src/hook/setting.ts
index a110d1b..8faa3fd 100644
--- a/renderer/src/hook/setting.ts
+++ b/renderer/src/hook/setting.ts
@@ -3,6 +3,7 @@ import { llmManager, llms } from "@/views/setting/llm";
 import { pinkLog } from "@/views/setting/util";
 import I18n from '@/i18n/index';
 import { userHasReadGuide } from "@/components/guide/tour";
+import { mcpSetting } from "./mcp";
 
 export async function loadSetting() {
     const bridge = useMessageBridge();
@@ -14,10 +15,11 @@ export async function loadSetting() {
 
     } else {
         const persistConfig = data.msg;
-        pinkLog('配置加载成功');
+        pinkLog('配置加载成功');        
 
-        llmManager.currentModelIndex = persistConfig.MODEL_INDEX;
-        I18n.global.locale.value = persistConfig.LANG;
+        llmManager.currentModelIndex = persistConfig.MODEL_INDEX || 0;
+        I18n.global.locale.value = persistConfig.LANG || 'zh';
+        mcpSetting.timeout = persistConfig.MCP_TIMEOUT_SEC || 60;
 
         persistConfig.LLM_INFO.forEach((element: any) => {
             llms.push(element);
@@ -48,7 +50,8 @@ export function saveSetting(saveHandler?: () => void) {
     const saveConfig = {
         MODEL_INDEX: llmManager.currentModelIndex,
         LLM_INFO: JSON.parse(JSON.stringify(llms)),
-        LANG: I18n.global.locale.value
+        LANG: I18n.global.locale.value,
+        MCP_TIMEOUT_SEC: mcpSetting.timeout
     };
 
     bridge.addCommandListener('setting/save', data => {
diff --git a/renderer/src/hook/type.ts b/renderer/src/hook/type.ts
index f2b9adc..74a5069 100644
--- a/renderer/src/hook/type.ts
+++ b/renderer/src/hook/type.ts
@@ -21,6 +21,8 @@ export interface Content {
 	uri: string;
 	mimeType: string;
 	text: string;
+	blob?: string;
+	[key: string]: any;
 }
 
 export interface MessageContent {
@@ -59,12 +61,18 @@ export interface ResourceTemplate {
 	description: string;
 }
 
+export interface Resources {
+	uri: string;
+	name: string;
+	mimeType: string;
+}
+
 export interface ResourceTemplatesListResponse {
 	resourceTemplates: ResourceTemplate[]
 }
 
 export interface ResourcesListResponse {
-	resources: any[]; // 根据示例返回空数组，可进一步定义具体类型
+	resources: Resources[]
 }
 
 export interface ResourcesReadResponse {
diff --git a/renderer/src/hook/util.ts b/renderer/src/hook/util.ts
index a119385..78a8bda 100644
--- a/renderer/src/hook/util.ts
+++ b/renderer/src/hook/util.ts
@@ -64,6 +64,12 @@ export async function getBlobUrlByFilename(filename: string) {
             mimeType = 'image/svg+xml';
             break;
     }
+    
+    const blobUrl = getImageBlobUrlByBase64(base64String, mimeType, filename);
+    return blobUrl;
+}
+
+export function getImageBlobUrlByBase64(base64String: string, mimeType: string, cacheKey?: string) {
     const byteCharacters = atob(base64String);
     const byteNumbers = new Array(byteCharacters.length);
     for (let i = 0; i < byteCharacters.length; i++) {
@@ -73,6 +79,8 @@ export async function getBlobUrlByFilename(filename: string) {
     const blob = new Blob([byteArray], { type: mimeType });
     const blobUrl = URL.createObjectURL(blob);
     // 将结果存入缓存
-    blobUrlCache.set(filename, blobUrl);
+    if (cacheKey) {
+        blobUrlCache.set(cacheKey, blobUrl);
+    }
     return blobUrl;
 }
\ No newline at end of file
diff --git a/renderer/src/i18n/ar.json b/renderer/src/i18n/ar.json
index a991985..8c1221f 100644
--- a/renderer/src/i18n/ar.json
+++ b/renderer/src/i18n/ar.json
@@ -149,5 +149,7 @@
     "add-system-prompt.name-placeholder": "عنوان prompt المخصص",
     "enter-message-dot": "أدخل الرسالة...",
     "generate-answer": "جارٍ إنشاء الإجابة",
-    "choose-presetting": "اختر الإعداد المسبق"
+    "choose-presetting": "اختر الإعداد المسبق",
+    "cwd": "دليل التنفيذ",
+    "mcp-server-timeout": "أطول وقت لاستدعاء أداة MCP"
 }
\ No newline at end of file
diff --git a/renderer/src/i18n/de.json b/renderer/src/i18n/de.json
index 200934b..853b398 100644
--- a/renderer/src/i18n/de.json
+++ b/renderer/src/i18n/de.json
@@ -149,5 +149,7 @@
     "add-system-prompt.name-placeholder": "Titel für benutzerdefinierte Eingabeaufforderung",
     "enter-message-dot": "Nachricht eingeben...",
     "generate-answer": "Antwort wird generiert",
-    "choose-presetting": "Voreinstellung auswählen"
+    "choose-presetting": "Voreinstellung auswählen",
+    "cwd": "Ausführungsverzeichnis",
+    "mcp-server-timeout": "Maximale Aufrufzeit des MCP-Tools"
 }
\ No newline at end of file
diff --git a/renderer/src/i18n/en.json b/renderer/src/i18n/en.json
index 106f6a9..07e5f0c 100644
--- a/renderer/src/i18n/en.json
+++ b/renderer/src/i18n/en.json
@@ -149,5 +149,7 @@
     "add-system-prompt.name-placeholder": "Title for custom prompt",
     "enter-message-dot": "Enter message...",
     "generate-answer": "Generating answer",
-    "choose-presetting": "Select preset"
+    "choose-presetting": "Select preset",
+    "cwd": "Execution directory",
+    "mcp-server-timeout": "Maximum call time of MCP tool"
 }
\ No newline at end of file
diff --git a/renderer/src/i18n/fr.json b/renderer/src/i18n/fr.json
index cb7b28d..6a7c504 100644
--- a/renderer/src/i18n/fr.json
+++ b/renderer/src/i18n/fr.json
@@ -149,5 +149,7 @@
     "add-system-prompt.name-placeholder": "Titre de l'invite personnalisée",
     "enter-message-dot": "Entrez un message...",
     "generate-answer": "Génération de la réponse",
-    "choose-presetting": "Sélectionner un préréglage"
+    "choose-presetting": "Sélectionner un préréglage",
+    "cwd": "Répertoire d'exécution",
+    "mcp-server-timeout": "Temps d'appel maximum de l'outil MCP"
 }
\ No newline at end of file
diff --git a/renderer/src/i18n/ja.json b/renderer/src/i18n/ja.json
index a3a2f27..aaaa786 100644
--- a/renderer/src/i18n/ja.json
+++ b/renderer/src/i18n/ja.json
@@ -149,5 +149,7 @@
     "add-system-prompt.name-placeholder": "カスタムプロンプトのタイトル",
     "enter-message-dot": "メッセージを入力...",
     "generate-answer": "回答を生成中",
-    "choose-presetting": "プリセットを選択"
+    "choose-presetting": "プリセットを選択",
+    "cwd": "実行ディレクトリ",
+    "mcp-server-timeout": "MCPツールの最大呼び出し時間"
 }
\ No newline at end of file
diff --git a/renderer/src/i18n/ko.json b/renderer/src/i18n/ko.json
index 3b25bce..8d410c7 100644
--- a/renderer/src/i18n/ko.json
+++ b/renderer/src/i18n/ko.json
@@ -149,5 +149,7 @@
     "add-system-prompt.name-placeholder": "사용자 지정 프롬프트 제목",
     "enter-message-dot": "메시지를 입력하세요...",
     "generate-answer": "답변 생성 중",
-    "choose-presetting": "프리셋 선택"
+    "choose-presetting": "프리셋 선택",
+    "cwd": "실행 디렉터리",
+    "mcp-server-timeout": "MCP 도구 최대 호출 시간"
 }
\ No newline at end of file
diff --git a/renderer/src/i18n/ru.json b/renderer/src/i18n/ru.json
index 6d5a8b1..413c0c7 100644
--- a/renderer/src/i18n/ru.json
+++ b/renderer/src/i18n/ru.json
@@ -149,5 +149,7 @@
     "add-system-prompt.name-placeholder": "Заголовок пользовательского prompt",
     "enter-message-dot": "Введите сообщение...",
     "generate-answer": "Генерация ответа",
-    "choose-presetting": "Выбрать预设"
+    "choose-presetting": "Выбрать预设",
+    "cwd": "Каталог выполнения",
+    "mcp-server-timeout": "Максимальное время вызова инструмента MCP"
 }
\ No newline at end of file
diff --git a/renderer/src/i18n/zh-cn.json b/renderer/src/i18n/zh-cn.json
index 10cba07..94cd7fc 100644
--- a/renderer/src/i18n/zh-cn.json
+++ b/renderer/src/i18n/zh-cn.json
@@ -149,5 +149,7 @@
     "add-system-prompt.name-placeholder": "输入自定义 prompt 的标题",
     "enter-message-dot": "输入消息...",
     "generate-answer": "正在生成答案",
-    "choose-presetting": "选择预设"
+    "choose-presetting": "选择预设",
+    "cwd": "执行目录",
+    "mcp-server-timeout": "MCP工具最长调用时间"
 }
\ No newline at end of file
diff --git a/renderer/src/i18n/zh-tw.json b/renderer/src/i18n/zh-tw.json
index 74bd24e..c9cd7f5 100644
--- a/renderer/src/i18n/zh-tw.json
+++ b/renderer/src/i18n/zh-tw.json
@@ -149,5 +149,7 @@
     "add-system-prompt.name-placeholder": "自定義提示的標題",
     "enter-message-dot": "輸入訊息...",
     "generate-answer": "正在生成答案",
-    "choose-presetting": "選擇預設"
+    "choose-presetting": "選擇預設",
+    "cwd": "執行目錄",
+    "mcp-server-timeout": "MCP工具最長調用時間"
 }
\ No newline at end of file
diff --git a/renderer/src/views/about/index.vue b/renderer/src/views/about/index.vue
index a8eaf9d..18f95f2 100644
--- a/renderer/src/views/about/index.vue
+++ b/renderer/src/views/about/index.vue
@@ -6,7 +6,7 @@
 		</span>
 
 		<p>
-			OpenMCP Client 0.0.5 由 OpenMCP@<a href="https://www.zhihu.com/people/can-meng-zhong-de-che-xian">锦恢</a> 开发
+			OpenMCP Client 0.0.7 由 OpenMCP@<a href="https://www.zhihu.com/people/can-meng-zhong-de-che-xian">锦恢</a> 开发
 		</p>
 
 		<p>
diff --git a/renderer/src/views/connect/connection-args.vue b/renderer/src/views/connect/connection-args.vue
index e38d1df..1632b0e 100644
--- a/renderer/src/views/connect/connection-args.vue
+++ b/renderer/src/views/connect/connection-args.vue
@@ -6,13 +6,13 @@
             <el-form :model="connectionArgs" :rules="rules" ref="stdioForm">
                 <el-form-item prop="commandString">
                     <div class="input-with-label">
-                        <span class="input-label">命令</span>
+                        <span class="input-label">{{ t("command") }}</span>
                         <el-input v-model="connectionArgs.commandString" placeholder="mcp run <your script>"></el-input>
                     </div>
                 </el-form-item>
                 <el-form-item prop="cwd">
                     <div class="input-with-label">
-                        <span class="input-label">执行目录</span>
+                        <span class="input-label">{{ t('cwd') }}</span>
                         <el-input v-model="connectionArgs.cwd" placeholder="cwd, 可为空"></el-input>
                     </div>
                 </el-form-item>
diff --git a/renderer/src/views/debug/welcome.vue b/renderer/src/views/debug/welcome.vue
index 44b6266..a342f6b 100644
--- a/renderer/src/views/debug/welcome.vue
+++ b/renderer/src/views/debug/welcome.vue
@@ -139,6 +139,7 @@ function chooseDebugMode(index: number) {
 
 .debug-welcome {
 	user-select: none;
+	height: 80%;
 }
 
 .debug-option.disable {
diff --git a/renderer/src/views/setting/general.vue b/renderer/src/views/setting/general.vue
index 8cbe093..28c0d2a 100644
--- a/renderer/src/views/setting/general.vue
+++ b/renderer/src/views/setting/general.vue
@@ -14,6 +14,19 @@
 				</el-select>
 			</div>
 		</div>
+
+		<div class="setting-option">
+			<span>
+				<span class="iconfont icon-timeout"></span>
+				<span class="option-title">{{ t('mcp-server-timeout') }} (sec)</span>
+			</span>
+			<div style="width: 200px;">
+				<el-slider
+					v-model="mcpSetting.timeout"
+					:min="10" :max="10000" :step="1"
+					@change="safeSaveSetting" />
+			</div>
+		</div>
 	</div>
 </template>
 
@@ -21,6 +34,8 @@
 import { defineComponent, ref } from 'vue';
 import { languageSetting } from './language';
 import { useI18n } from 'vue-i18n';
+import { mcpSetting } from '@/hook/mcp';
+import { debounce } from 'lodash';
 import { saveSetting } from '@/hook/setting';
 
 defineComponent({ name: 'appearance' });
@@ -29,15 +44,25 @@ const { t, locale } = useI18n();
 
 const currentLanguage = ref('简体中文');
 
+
+
 function onlanguagechange(code: string) {
+	console.log('enter lang change');
+	
 	const option = languageSetting.options.find(item => item.value === code);
 	if (option) {
 		currentLanguage.value = option.text;
 	}
 	// languageDialogShow.value = true;
 
-	saveSetting();	
+	saveSetting();
 }
+
+const safeSaveSetting = debounce(() => {
+	saveSetting();
+}, 10);
+
+
 </script>
 
 <style></style>
\ No newline at end of file
diff --git a/service/src/mcp/client.controller.ts b/service/src/mcp/client.controller.ts
index 9ed3ef1..0238fb6 100644
--- a/service/src/mcp/client.controller.ts
+++ b/service/src/mcp/client.controller.ts
@@ -97,6 +97,8 @@ export class ClientController {
         }
 
         const resource = await client.readResource(option.resourceUri);
+        console.log(resource);
+        
         return {
             code: 200,
             msg: resource
@@ -130,7 +132,8 @@ export class ClientController {
 
         const toolResult = await client.callTool({
             name: option.toolName,
-            arguments: option.toolArgs
+            arguments: option.toolArgs,
+            callToolOption: option.callToolOption
         });
 
         // console.log(JSON.stringify(toolResult, null, 2));
diff --git a/service/src/mcp/client.service.ts b/service/src/mcp/client.service.ts
index 4b7c2fb..e96aaff 100644
--- a/service/src/mcp/client.service.ts
+++ b/service/src/mcp/client.service.ts
@@ -41,7 +41,8 @@ export class McpClient {
                 this.transport = new StdioClientTransport({
                     command: this.options.command || '',
                     args: this.options.args || [],
-                    cwd: this.options.cwd || process.cwd()
+                    cwd: this.options.cwd || process.cwd(),
+                    stderr: 'pipe'
                 });
 
                 break;
@@ -117,8 +118,10 @@ export class McpClient {
     }
 
     // 调用工具
-    public async callTool(options: { name: string; arguments: Record<string, any> }) {
-        return await this.client.callTool(options);
+    public async callTool(options: { name: string; arguments: Record<string, any>, callToolOption?: any }) {
+
+        const { callToolOption, ...methodArgs } = options;
+        return await this.client.callTool(methodArgs, undefined, callToolOption);
     }
 }
 
diff --git a/service/src/setting/setting.service.ts b/service/src/setting/setting.service.ts
index 4ac7a15..1cc0f16 100644
--- a/service/src/setting/setting.service.ts
+++ b/service/src/setting/setting.service.ts
@@ -25,7 +25,7 @@ function getDefaultLanguage() {
 const DEFAULT_CONFIG: IConfig = {
     MODEL_INDEX: 0,
     LLM_INFO: llms,
-    LANG: getDefaultLanguage()
+    LANG: getDefaultLanguage(),    MCP_TIMEOUT_SEC: 60
 };
 
 
diff --git a/service/tabs.untitle.json b/service/tabs.untitle.json
index 5df3c19..3f3172a 100644
--- a/service/tabs.untitle.json
+++ b/service/tabs.untitle.json
@@ -1,4 +1,12 @@
 {
   "currentIndex": 0,
-  "tabs": []
+  "tabs": [
+    {
+      "name": "Blank test 1",
+      "icon": "icon-blank",
+      "type": "blank",
+      "componentIndex": -1,
+      "storage": {}
+    }
+  ]
 }
\ No newline at end of file