Skip to content

Commit 2a0866d

Browse files
author
Lasim
committed
feat(frontend): rename McpToolsTab to ToolsTab and update routes
1 parent eea3b11 commit 2a0866d

File tree

6 files changed

+28
-28
lines changed

6 files changed

+28
-28
lines changed

‎services/frontend/src/components/mcp-server/installation/InstallationTabs.vue‎

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -24,7 +24,7 @@ const environmentVariablesCount = computed(() => {
2424
// Map route names to tab values
2525
const routeToTabMap: Record<string, string> = {
2626
'McpServerInstallationInformation': 'information',
27-
'McpServerInstallationMcpTools': 'mcp-tools',
27+
'McpServerInstallationTools': 'tools',
2828
'McpServerInstallationUserConfig': 'user-config',
2929
'McpServerInstallationTeamConfig': 'team-config',
3030
'McpServerInstallationRequests': 'requests',
@@ -34,7 +34,7 @@ const routeToTabMap: Record<string, string> = {
3434
// Map tab values to route names
3535
const tabToRouteMap: Record<string, string> = {
3636
'information': 'McpServerInstallationInformation',
37-
'mcp-tools': 'McpServerInstallationMcpTools',
37+
'tools': 'McpServerInstallationTools',
3838
'user-config': 'McpServerInstallationUserConfig',
3939
'team-config': 'McpServerInstallationTeamConfig',
4040
'requests': 'McpServerInstallationRequests',
@@ -59,7 +59,7 @@ const activeTab = computed({
5959
<template>
6060
<DsTabs v-model="activeTab" variant="underlined" full-width-border class="mb-10">
6161
<DsTabsItem value="information" label="Installation Info" />
62-
<DsTabsItem value="mcp-tools" :label="t('mcpInstallations.details.mcpTools.title')" />
62+
<DsTabsItem value="tools" :label="t('mcpInstallations.details.tools.title')" />
6363
<DsTabsItem value="user-config" label="User Configuration" />
6464
<DsTabsItem
6565
value="team-config"

services/frontend/src/components/mcp-server/installation/McpToolsTab.vue renamed to services/frontend/src/components/mcp-server/installation/ToolsTab.vue

Lines changed: 16 additions & 16 deletions
Original file line numberDiff line numberDiff line change
@@ -89,10 +89,10 @@ async function handleToolToggle(toolId: string, toolName: string, currentDisable
8989
)
9090
9191
const action = newDisabledState
92-
? t('mcpInstallations.details.mcpTools.toggle.disabled')
93-
: t('mcpInstallations.details.mcpTools.toggle.enabled')
92+
? t('mcpInstallations.details.tools.toggle.disabled')
93+
: t('mcpInstallations.details.tools.toggle.enabled')
9494
95-
toast.success(t('mcpInstallations.details.mcpTools.toggle.success', { toolName, action }), {
95+
toast.success(t('mcpInstallations.details.tools.toggle.success', { toolName, action }), {
9696
description: response.message
9797
})
9898
} catch (err) {
@@ -101,8 +101,8 @@ async function handleToolToggle(toolId: string, toolName: string, currentDisable
101101
tools.value.tools[toolIndex].is_disabled = currentDisabled
102102
}
103103
104-
const errorMessage = err instanceof Error ? err.message : t('mcpInstallations.details.mcpTools.toggle.error')
105-
toast.error(t('mcpInstallations.details.mcpTools.toggle.errorTitle'), {
104+
const errorMessage = err instanceof Error ? err.message : t('mcpInstallations.details.tools.toggle.error')
105+
toast.error(t('mcpInstallations.details.tools.toggle.errorTitle'), {
106106
description: errorMessage
107107
})
108108
} finally {
@@ -157,23 +157,23 @@ const pieChartOption = computed<EChartsOption>(() => {
157157
<div>
158158
<!-- Loading State -->
159159
<div v-if="isLoading" class="text-muted-foreground">
160-
{{ t('mcpInstallations.details.mcpTools.loading') }}
160+
{{ t('mcpInstallations.details.tools.loading') }}
161161
</div>
162162

163163
<!-- Error State -->
164164
<Alert v-else-if="error" variant="destructive" class="mb-6">
165165
<AlertCircle class="h-4 w-4" />
166166
<AlertDescription>
167-
{{ t('mcpInstallations.details.mcpTools.error.description', { error }) }}
167+
{{ t('mcpInstallations.details.tools.error.description', { error }) }}
168168
</AlertDescription>
169169
</Alert>
170170

171171
<!-- No Tools State -->
172172
<div v-else-if="!hasTools" class="text-center py-12">
173173
<Package class="mx-auto h-12 w-12 text-muted-foreground" />
174-
<h3 class="mt-4 text-lg font-semibold">{{ t('mcpInstallations.details.mcpTools.noTools.title') }}</h3>
174+
<h3 class="mt-4 text-lg font-semibold">{{ t('mcpInstallations.details.tools.noTools.title') }}</h3>
175175
<p class="mt-2 text-sm text-muted-foreground max-w-md mx-auto">
176-
{{ t('mcpInstallations.details.mcpTools.noTools.description') }}
176+
{{ t('mcpInstallations.details.tools.noTools.description') }}
177177
</p>
178178
</div>
179179

@@ -188,7 +188,7 @@ const pieChartOption = computed<EChartsOption>(() => {
188188
<Wrench class="h-6 w-6 text-teal-700 dark:text-teal-400" />
189189
</div>
190190
<div>
191-
<div class="text-sm text-muted-foreground">{{ t('mcpInstallations.details.mcpTools.summary.totalTools') }}</div>
191+
<div class="text-sm text-muted-foreground">{{ t('mcpInstallations.details.tools.summary.totalTools') }}</div>
192192
<div class="text-2xl font-bold">{{ tools.tool_count }}</div>
193193
</div>
194194
</div>
@@ -197,7 +197,7 @@ const pieChartOption = computed<EChartsOption>(() => {
197197
<Coins class="h-6 w-6 text-amber-700 dark:text-amber-400" />
198198
</div>
199199
<div>
200-
<div class="text-sm text-muted-foreground">{{ t('mcpInstallations.details.mcpTools.summary.totalTokens') }}</div>
200+
<div class="text-sm text-muted-foreground">{{ t('mcpInstallations.details.tools.summary.totalTokens') }}</div>
201201
<div class="text-2xl font-bold">{{ formatTokenCount(tools.total_tokens) }}</div>
202202
</div>
203203
</div>
@@ -219,10 +219,10 @@ const pieChartOption = computed<EChartsOption>(() => {
219219
<Table>
220220
<TableHeader>
221221
<TableRow>
222-
<TableHead class="w-20">{{ t('mcpInstallations.details.mcpTools.table.columns.enabled') }}</TableHead>
223-
<TableHead>{{ t('mcpInstallations.details.mcpTools.table.columns.toolName') }}</TableHead>
224-
<TableHead>{{ t('mcpInstallations.details.mcpTools.table.columns.description') }}</TableHead>
225-
<TableHead class="text-right">{{ t('mcpInstallations.details.mcpTools.table.columns.tokenCount') }}</TableHead>
222+
<TableHead class="w-20">{{ t('mcpInstallations.details.tools.table.columns.enabled') }}</TableHead>
223+
<TableHead>{{ t('mcpInstallations.details.tools.table.columns.toolName') }}</TableHead>
224+
<TableHead>{{ t('mcpInstallations.details.tools.table.columns.description') }}</TableHead>
225+
<TableHead class="text-right">{{ t('mcpInstallations.details.tools.table.columns.tokenCount') }}</TableHead>
226226
</TableRow>
227227
</TableHeader>
228228
<TableBody>
@@ -237,7 +237,7 @@ const pieChartOption = computed<EChartsOption>(() => {
237237
<TableCell class="text-sm font-medium align-top whitespace-nowrap">{{ tool.tool_name }}</TableCell>
238238
<TableCell class="text-sm text-muted-foreground max-w-2xl">
239239
<div class="whitespace-normal wrap-break-word">
240-
{{ tool.description || t('mcpInstallations.details.mcpTools.table.values.noDescription') }}
240+
{{ tool.description || t('mcpInstallations.details.tools.table.values.noDescription') }}
241241
</div>
242242
</TableCell>
243243
<TableCell class="text-right align-top whitespace-nowrap text-sm font-medium">

‎services/frontend/src/components/mcp-server/installation/index.ts‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
export { default as InstallationInfo } from './InstallationInfo.vue'
2-
export { default as McpToolsTab } from './McpToolsTab.vue'
2+
export { default as ToolsTab } from './ToolsTab.vue'
33
export { default as TeamConfiguration } from './TeamConfiguration.vue'
44
export { default as UserConfiguration } from './UserConfiguration.vue'
55
export { default as DangerZone } from './DangerZone.vue'

‎services/frontend/src/i18n/locales/en/mcp-installations.ts‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -619,8 +619,8 @@ export default {
619619
},
620620

621621
details: {
622-
mcpTools: {
623-
title: 'MCP Tools',
622+
tools: {
623+
title: 'Tools',
624624
description: 'Tools discovered from this MCP server installation',
625625
loading: 'Loading tools...',
626626
noTools: {

‎services/frontend/src/router/index.ts‎

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -139,9 +139,9 @@ const routes: RouteRecordRaw[] = [
139139
meta: { requiresSetup: true },
140140
},
141141
{
142-
path: '/mcp-server/installation/:id/mcp-tools',
143-
name: 'McpServerInstallationMcpTools',
144-
component: () => import('../views/mcp-server/installation/[id]/mcp-tools.vue'),
142+
path: '/mcp-server/installation/:id/tools',
143+
name: 'McpServerInstallationTools',
144+
component: () => import('../views/mcp-server/installation/[id]/tools.vue'),
145145
meta: { requiresSetup: true },
146146
},
147147
{

services/frontend/src/views/mcp-server/installation/[id]/mcp-tools.vue renamed to services/frontend/src/views/mcp-server/installation/[id]/tools.vue

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -12,7 +12,7 @@ import {
1212
BreadcrumbSeparator,
1313
} from '@/components/ui/breadcrumb'
1414
import NavbarLayout from '@/components/NavbarLayout.vue'
15-
import { McpToolsTab, InstallationTabs } from '@/components/mcp-server/installation'
15+
import { ToolsTab, InstallationTabs } from '@/components/mcp-server/installation'
1616
import { useMcpInstallationCache } from '@/composables/mcp-server/installation'
1717
1818
const { t } = useI18n()
@@ -102,8 +102,8 @@ onUnmounted(() => {
102102
<Skeleton class="h-32 w-full rounded-lg" />
103103
</div>
104104

105-
<!-- MCP Tools Content -->
106-
<McpToolsTab
105+
<!-- Tools Content -->
106+
<ToolsTab
107107
v-else-if="installation && currentTeam"
108108
:installation="installation"
109109
:team-id="currentTeam.id"

0 commit comments

Comments
 (0)