feat: add MCP guide and welcome page MCP integration hint

src/App.vue

@@ -762,6 +762,10 @@ function openGitHub() {
   open("https://github.com/t8y2/dbx");
 }
 
+function openMcpGuide() {
+  open("https://github.com/t8y2/dbx/blob/main/docs/mcp-guide.md");
+}
+
 async function checkUpdates(options: { silent?: boolean } = {}) {
   if (checkingUpdates.value) return;
   checkingUpdates.value = true;
@@ -1490,6 +1494,21 @@ async function setupFileDrop() {
                 </div>
               </div>
 
+              <!-- MCP Integration Hint -->
+              <div class="rounded-lg border bg-muted/10 px-5 py-4">
+                <div class="flex items-start gap-3">
+                  <Sparkles class="h-4 w-4 mt-0.5 text-muted-foreground shrink-0" />
+                  <div class="min-w-0">
+                    <div class="text-sm font-medium">{{ t('welcome.mcpTitle') }}</div>
+                    <p class="mt-1 text-xs leading-5 text-muted-foreground">{{ t('welcome.mcpDescription') }}</p>
+                    <div class="mt-2 flex items-center gap-2">
+                      <code class="rounded bg-muted px-2 py-0.5 text-[11px] select-all">npx @dbx-app/mcp-server</code>
+                      <a href="#" class="text-xs text-primary hover:underline" @click.prevent="openMcpGuide">{{ t('welcome.mcpLearnMore') }}</a>
+                    </div>
+                  </div>
+                </div>
+              </div>
+
               <!-- Project Info -->
               <div class="mt-2 flex items-center justify-center gap-3 text-[11px] text-muted-foreground/60">
                 <span>DBX {{ appVersion ? 'v' + appVersion : '' }}</span>

src/i18n/locales/en.ts

@@ -164,6 +164,9 @@ export default {
     tipSidebar: "Click a table on the left to view data",
     tipExecute: "to execute query",
     fileOpened: "Opened {name}",
+    mcpTitle: "AI Agent Integration",
+    mcpDescription: "Beyond the built-in AI assistant, you can also use Claude Code, Cursor, and other coding agents to query your databases via MCP.",
+    mcpLearnMore: "Learn more",
   },
   common: {
     language: "Language",

src/i18n/locales/zh-CN.ts

@@ -164,6 +164,9 @@ export default {
     shortcutsHint: "从这里开始你的下一步。",
     tip: "也可以在左侧展开连接，右键数据库或表查看更多操作。",
     fileOpened: "已打开 {name}",
+    mcpTitle: "AI 编程助手集成",
+    mcpDescription: "除了内置 AI 助手，还可以通过 MCP 让 Claude Code、Cursor 等编程助手直接使用这里的数据库连接。",
+    mcpLearnMore: "了解更多",
   },
   common: {
     language: "语言",