修改 renderer 资源载入方式

renderer/public/mcp.css

@@ -189,4 +189,11 @@ a {
 .copy-button:hover {
     background-color: var(--main-color);
     color: #fff;
+}
+
+.openmcp-logo {
+	background-image: url('./images/openmcp.svg');
+	background-size: contain;
+	background-repeat: no-repeat;
+	background-position: center;
 }

renderer/src/App.vue

@@ -26,9 +26,54 @@ bridge.addCommandListener('hello', data => {
 	pinkLog(`version: ${data.version}`);
 }, { once: true });
 
+function initDebug() {
+	connectionArgs.commandString = 'mcp run ../servers/main.py';
+	connectionMethods.current = 'STDIO';
+
+	bridge.addCommandListener('connect', data => {
+		const { code, msg } = data;
+		connectionResult.success = (code === 200);
+		connectionResult.logString = msg;
+	}, { once: true });
+
+	setTimeout(() => {
+		// 初始化 设置
+		loadSetting();
+
+		// 初始化 tab
+		loadPanels();
+
+		// 尝试连接
+		doConnect();
+
+		// 200 是我的电脑上的 ws 的连接时间，部署环境中不存在 ws 连接延时的问题，所以
+		// 可以直接不管
+	}, 200);
+}
+
+function initProduce() {
+	// TODO: get from vscode
+	connectionArgs.commandString = 'mcp run ../servers/main.py';
+	connectionMethods.current = 'STDIO';
+
+	bridge.addCommandListener('connect', data => {
+		const { code, msg } = data;
+		connectionResult.success = (code === 200);
+		connectionResult.logString = msg;
+	}, { once: true });
+
+	// 初始化 设置
+	loadSetting();
+
+	// 初始化 tab
+	loadPanels();
+
+	// 尝试连接
+	doConnect();
+}
 
 onMounted(() => {
-    // 初始化 css
+	// 初始化 css
 	setDefaultCss();
 
 	document.addEventListener('click', () => {
@@ -37,30 +82,11 @@ onMounted(() => {
 
 	pinkLog('OpenMCP Client 启动');
 
-    // 如果是 debug 模式，直接连接项目中的服务器
+	if (acquireVsCodeApi === undefined) {
-    if (acquireVsCodeApi === undefined) {
+		initDebug();
-        connectionArgs.commandString = 'mcp run ../servers/main.py';
+	} else {
-        connectionMethods.current = 'STDIO';
+		initProduce();
-
+	}
-        bridge.addCommandListener('connect', data => {
-            const { code, msg } = data;            
-            connectionResult.success = (code === 200);
-            connectionResult.logString = msg;
-        }, { once: true });
-
-        setTimeout(() => {
-			// 初始化 设置
-			loadSetting();
-
-			// 初始化 tab
-			loadPanels();
-			
-            doConnect();
-
-		// 200 是我的电脑上的 ws 的连接时间，部署环境中不存在 ws 连接延时的问题，所以
-		// 可以直接不管
-        }, 200);
-    }
 });
 
 </script>

renderer/src/api/message-bridge.ts

@@ -48,6 +48,11 @@ class MessageBridge {
 
 		this.postMessage = (message) => vscode.postMessage(message);
 		this.isConnected.value = true;
+
+		this.postMessage({
+			command: 'init',
+			data: {}
+		});
 	}
 
 	// WebSocket 环境连接

renderer/src/components/sidebar/mcp-title.vue

@@ -1,6 +1,6 @@
 <template>
 	<div class="mcp-title">
-		<img src="/images/openmcp.svg" alt="">
+		<div class="openmcp-logo" style="width: 48px; height: 48px; margin-right: 10px;"></div>
 		<div>OpenMCP</div>
 	</div>
 </template>
@@ -17,13 +17,7 @@ defineComponent({ name: 'mcp-title' });
 	align-items: center;
 }
 
-.mcp-title > img {
-	height: 48px;
-	margin-right: 10px;
-}
-
 .mcp-title > div {
 	font-size: 24px;
 }
-
 </style>

renderer/src/hook/panel.ts

@@ -24,6 +24,8 @@ export function loadPanels() {
     bridge.addCommandListener('panel/load', data => {
         const persistTab = data.msg as SaveTab;
 
+		console.log('receive persist tab', persistTab);
+
 		if (persistTab.tabs.length === 0) {
 			// 空的，直接返回不需要管
 			return;

renderer/src/hook/setting.ts

@@ -8,6 +8,8 @@ export function loadSetting() {
     
     bridge.addCommandListener('setting/load', data => {
         const persistConfig = data.msg;
+
+        console.log('receive persist config', persistConfig);
         
         llmManager.currentModelIndex = persistConfig.MODEL_INDEX;
         I18n.global.locale.value = persistConfig.LANG;

renderer/src/views/about/index.vue

@@ -1,8 +1,7 @@
 <template>
 	<div class="about-container">
 
-        <span>
+        <span class="openmcp-logo" style="height: 230px; width: 230px;">
-            <img src="/images/openmcp.svg" alt="">
         </span>
 
 		<p>

renderer/vue.config.js

@@ -1,4 +1,5 @@
 const { defineConfig } = require("@vue/cli-service");
+
 module.exports = defineConfig({
     transpileDependencies: true,
     publicPath: process.env.NODE_ENV === 'production' ? '' : '/',
@@ -14,6 +15,24 @@ module.exports = defineConfig({
         // 确保路由组件同步加载
         config.plugins.delete('prefetch');
         config.plugins.delete('preload');
+
+        // 删除 public 下指定的 css 文件
+        config.plugin('copy').tap(args => {
+            args[0].patterns = args[0].patterns.map((pattern) => {
+                if (pattern.from === "public") {
+                    // 忽略指定的 CSS 文件
+                    pattern.globOptions = {
+                        ignore: [
+                            "vscode.css",
+                            "default-light.css",
+                            "default-dark.css",
+                        ],
+                    };
+                }
+                return pattern;
+            });
+            return args;
+        });
     },
     css: {
         extract: false