From 4803a3348d8b6245a2e94b5e6475179bd700fd9a Mon Sep 17 00:00:00 2001
From: cstns <cstn.serban@gmail.com>
Date: Thu, 6 Aug 2026 15:10:20 +0300
Subject: [PATCH 1/2] feat: rename application route names to kebab-case

Rename all 16 application route names from PascalCase to kebab-case:
- Application -> application
- ApplicationInstances -> application-instances
- ApplicationDashboards -> application-dashboards
- ApplicationDevices -> application-devices
- ApplicationDeviceGroups -> application-device-groups
- ApplicationSnapshots -> application-snapshots
- ApplicationPipelines -> application-pipelines
- CreatePipeline -> application-pipeline-create
- EditPipeline -> application-pipeline-edit
- CreatePipelineStage -> application-pipeline-stage-create
- EditPipelineStage -> application-pipeline-stage-edit
- ApplicationDeviceGroupIndex -> application-device-group
- ApplicationDeviceGroupDevices -> application-device-group-devices
- ApplicationDeviceGroupSettings -> application-device-group-settings
- ApplicationDeviceGroupSettingsGeneral -> application-device-group-settings-general
- ApplicationDeviceGroupSettingsEnvironment -> application-device-group-settings-environment

Part of #8092

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
---
 frontend/src/api/team.ts                      |  4 +-
 frontend/src/components/DevicesBrowser.vue    |  2 +-
 .../src/components/audit-log/AuditEntry.vue   |  2 +-
 .../bill-of-materials/InstancesItem.vue       |  2 +-
 .../components/ResultSection.vue              |  2 +-
 .../src/components/pipelines/PipelineRow.vue  |  2 +-
 frontend/src/components/pipelines/Stage.vue   |  4 +-
 frontend/src/composables/Dashboards.ts        |  2 +-
 frontend/src/mixins/Instance.js               |  2 +-
 frontend/src/pages/application/Activity.vue   |  4 +-
 .../application/CreateInstanceMultiStep.vue   |  2 +-
 frontend/src/pages/application/Dashboards.vue |  2 +-
 .../application/Dependencies/Dependencies.vue |  2 +-
 .../DeviceGroup/Settings/Environment.vue      |  2 +-
 .../DeviceGroup/Settings/General.vue          |  4 +-
 .../DeviceGroup/Settings/index.vue            |  4 +-
 .../pages/application/DeviceGroup/index.vue   | 10 ++---
 .../src/pages/application/DeviceGroups.vue    |  6 +--
 frontend/src/pages/application/Devices.vue    |  2 +-
 .../src/pages/application/Pipeline/create.vue |  6 +--
 .../src/pages/application/Pipeline/index.vue  |  2 +-
 .../application/PipelineStage/create.vue      |  6 +--
 .../pages/application/PipelineStage/edit.vue  |  6 +--
 frontend/src/pages/application/Pipelines.vue  |  8 ++--
 frontend/src/pages/application/Snapshots.vue  |  2 +-
 .../components/cells/ApplicationLink.vue      |  2 +-
 .../components/cells/DeviceAssignedToLink.vue |  2 +-
 .../src/pages/application/createInstance.vue  |  4 +-
 frontend/src/pages/application/index.vue      | 12 ++---
 frontend/src/pages/application/routes.js      | 44 +++++++++----------
 frontend/src/pages/device/Overview.vue        |  4 +-
 .../src/pages/device/Settings/General.vue     |  4 +-
 frontend/src/pages/device/index.vue           |  2 +-
 frontend/src/pages/instance/index.vue         |  2 +-
 .../components/ApplicationHeader.vue          |  2 +-
 .../components/compact/DevicesWrapper.vue     |  4 +-
 .../components/compact/InstancesWrapper.vue   |  4 +-
 .../src/pages/team/DeviceGroups/index.vue     |  2 +-
 .../Pipelines/components/TeamPipeline.vue     |  2 +-
 .../components/TeamPipelineStage.vue          |  2 +-
 frontend/src/pages/team/Settings/Devices.vue  |  2 +-
 .../components/ApplicationSummaryLabel.vue    | 10 ++---
 .../team/components/ProjectSummaryList.vue    |  2 +-
 frontend/src/pages/team/createApplication.vue |  2 +-
 test/unit/frontend/mcp/tools/routes.spec.js   |  6 +--
 45 files changed, 102 insertions(+), 102 deletions(-)

diff --git a/frontend/src/api/team.ts b/frontend/src/api/team.ts
index 25500698af..c0e63ebe90 100644
--- a/frontend/src/api/team.ts
+++ b/frontend/src/api/team.ts
@@ -160,7 +160,7 @@ const getTeamInstances = async (teamId: string) => {
     res.data.projects = res.data.projects.map(r => {
         r.createdSince = daysSince(r.createdAt)
         r.updatedSince = daysSince(r.updatedAt)
-        r.link = { name: 'Application', params: { id: r.id } }
+        r.link = { name: 'application', params: { id: r.id } }
         promises.push(client.get(`/api/v1/projects/${r.id}`).then(p => {
             r.status = p.data.meta.state
             r.flowLastUpdatedAt = p.data.flowLastUpdatedAt
@@ -183,7 +183,7 @@ const getTeamDashboards = async (teamId: string) => {
         r.updatedSince = daysSince(r.updatedAt)
         r.flowLastUpdatedSince = daysSince(r.flowLastUpdatedAt)
 
-        r.link = { name: 'Application', params: { id: r.id } }
+        r.link = { name: 'application', params: { id: r.id } }
 
         return r
     })
diff --git a/frontend/src/components/DevicesBrowser.vue b/frontend/src/components/DevicesBrowser.vue
index 6fae643a5b..a76b7012cf 100644
--- a/frontend/src/components/DevicesBrowser.vue
+++ b/frontend/src/components/DevicesBrowser.vue
@@ -219,7 +219,7 @@
                                 Here, you will see a list of Devices belonging to this Application.
                             </p>
                             <p>
-                                You can deploy <router-link class="ff-link" :to="{name: 'ApplicationSnapshots'}">Snapshots</router-link> of this Application to your connected Devices.
+                                You can deploy <router-link class="ff-link" :to="{name: 'application-snapshots'}">Snapshots</router-link> of this Application to your connected Devices.
                             </p>
                             <p>
                                 A full list of your Team's Devices are available <ff-team-link
diff --git a/frontend/src/components/audit-log/AuditEntry.vue b/frontend/src/components/audit-log/AuditEntry.vue
index 0cfeb2567d..310affcdb5 100644
--- a/frontend/src/components/audit-log/AuditEntry.vue
+++ b/frontend/src/components/audit-log/AuditEntry.vue
@@ -21,7 +21,7 @@
                     <router-link class="flex content-center" :to="{ name: 'Instance', params: { id: entry.scope.id } }"><ProjectsIcon class="ff-icon relative invisible lg:visible" /> <span class="truncate ml-2 leading-normal!">{{ association.name }}</span></router-link>
                 </template>
                 <template v-else-if="association && entry.scope.type === 'application'">
-                    <router-link class="flex content-center" :to="{ name: 'Application', params: { id: entry.scope.id }}"><RectangleGroupIcon class="ff-icon relative invisible lg:visible" /> <span class="truncate ml-2 leading-normal!">{{ association.name }}</span></router-link>
+                    <router-link class="flex content-center" :to="{ name: 'application', params: { id: entry.scope.id }}"><RectangleGroupIcon class="ff-icon relative invisible lg:visible" /> <span class="truncate ml-2 leading-normal!">{{ association.name }}</span></router-link>
                 </template>
                 <template v-else-if="entry.scope.type === 'team'">
                     <router-link class="flex content-center" :to="'#'"><UserGroupIcon class="ff-icon relative invisible lg:visible" /> <span class="truncate ml-2 leading-normal!">This Team</span></router-link>
diff --git a/frontend/src/components/bill-of-materials/InstancesItem.vue b/frontend/src/components/bill-of-materials/InstancesItem.vue
index a2527f7cf1..a55d716ab0 100644
--- a/frontend/src/components/bill-of-materials/InstancesItem.vue
+++ b/frontend/src/components/bill-of-materials/InstancesItem.vue
@@ -14,7 +14,7 @@
                 </router-link>
             </h6>
             <h6 v-if="instance.app">
-                <router-link :to="{name: 'Application', params: {id: instance.app.id}}" class="ff-link truncate">
+                <router-link :to="{name: 'application', params: {id: instance.app.id}}" class="ff-link truncate">
                     {{ instance.app.name }}
                 </router-link>
             </h6>
diff --git a/frontend/src/components/global-search/components/ResultSection.vue b/frontend/src/components/global-search/components/ResultSection.vue
index 15a0958fe2..7ffbfe36d9 100644
--- a/frontend/src/components/global-search/components/ResultSection.vue
+++ b/frontend/src/components/global-search/components/ResultSection.vue
@@ -91,7 +91,7 @@ export default {
                 switch (this.resultType) {
                 case 'application':
                     params.team_slug = this.team.slug
-                    routeName = 'Application'
+                    routeName = 'application'
                     break
                 case 'instance':
                     routeName = 'instance-overview'
diff --git a/frontend/src/components/pipelines/PipelineRow.vue b/frontend/src/components/pipelines/PipelineRow.vue
index 32012ebab3..f7c9272fcf 100644
--- a/frontend/src/components/pipelines/PipelineRow.vue
+++ b/frontend/src/components/pipelines/PipelineRow.vue
@@ -187,7 +187,7 @@ export default {
         slugify,
         addStage: function () {
             const route = {
-                name: 'CreatePipelineStage',
+                name: 'application-pipeline-stage-create',
                 params: {
                     id: this.application.id,
                     pipelineId: this.pipeline.id
diff --git a/frontend/src/components/pipelines/Stage.vue b/frontend/src/components/pipelines/Stage.vue
index 7f3ddd7cce..b01304079d 100644
--- a/frontend/src/components/pipelines/Stage.vue
+++ b/frontend/src/components/pipelines/Stage.vue
@@ -79,7 +79,7 @@
                     </router-link>
                 </div>
                 <div v-if="stage.stageType == StageType.DEVICEGROUP" class="ff-pipeline-stage-type">
-                    <router-link class="flex gap-2 items-center" :to="{name: 'ApplicationDeviceGroupDevices', params: { applicationId: application.id, deviceGroupId: stage.deviceGroup.id }}">
+                    <router-link class="flex gap-2 items-center" :to="{name: 'application-device-group-devices', params: { applicationId: application.id, deviceGroupId: stage.deviceGroup.id }}">
                         <IconDeviceGroupSolid class="ff-icon ff-icon-lg text-teal-700" />
                         <div>
                             <label class="flex items-center gap-2">Device Group:</label>
@@ -330,7 +330,7 @@ export default {
         },
         edit () {
             const route = {
-                name: 'EditPipelineStage',
+                name: 'application-pipeline-stage-edit',
                 params: {
                     // url params
                     id: this.application.id,
diff --git a/frontend/src/composables/Dashboards.ts b/frontend/src/composables/Dashboards.ts
index 79053d9ef8..00fcbb62cb 100644
--- a/frontend/src/composables/Dashboards.ts
+++ b/frontend/src/composables/Dashboards.ts
@@ -102,7 +102,7 @@ export function useDashboardScope (scope: string) {
             homeRoute: computed(() => {
                 const app = contextStore.application
                 if (!app) return null
-                return { name: 'ApplicationDashboards', params: { team_slug: route.params.team_slug, id: app.id } }
+                return { name: 'application-dashboards', params: { team_slug: route.params.team_slug, id: app.id } }
             }),
             ensureContext: () => {
                 const slug = route.params.team_slug as string
diff --git a/frontend/src/mixins/Instance.js b/frontend/src/mixins/Instance.js
index be41987841..01e0bf0aee 100644
--- a/frontend/src/mixins/Instance.js
+++ b/frontend/src/mixins/Instance.js
@@ -105,7 +105,7 @@ export default {
         },
         onInstanceDelete () {
             this.$router.push({
-                name: 'ApplicationInstances',
+                name: 'application-instances',
                 params: { id: this.instance.application.id, team_slug: this.team.slug }
             })
         }
diff --git a/frontend/src/pages/application/Activity.vue b/frontend/src/pages/application/Activity.vue
index 7fc64e1165..ac2daba741 100644
--- a/frontend/src/pages/application/Activity.vue
+++ b/frontend/src/pages/application/Activity.vue
@@ -98,13 +98,13 @@ export default {
         },
         teamMembership () {
             if (!this.hasPermission('application:audit-log', { applicationId: this.applicationId })) {
-                return this.$router.push({ name: 'Application', params: this.$route.params })
+                return this.$router.push({ name: 'application', params: this.$route.params })
             }
         }
     },
     created () {
         if (!this.hasPermission('application:audit-log', { applicationId: this.applicationId })) {
-            return this.$router.replace({ name: 'Application', params: this.$route.params })
+            return this.$router.replace({ name: 'application', params: this.$route.params })
         }
         this.triggerLoad({ users: true, events: true })
     },
diff --git a/frontend/src/pages/application/CreateInstanceMultiStep.vue b/frontend/src/pages/application/CreateInstanceMultiStep.vue
index 505c67723c..670a0a50aa 100644
--- a/frontend/src/pages/application/CreateInstanceMultiStep.vue
+++ b/frontend/src/pages/application/CreateInstanceMultiStep.vue
@@ -116,7 +116,7 @@ export default {
             this.$emit('application-updated')
 
             this.$router.push({
-                name: 'ApplicationInstances',
+                name: 'application-instances',
                 params: { id: this.application.id }
             })
         }
diff --git a/frontend/src/pages/application/Dashboards.vue b/frontend/src/pages/application/Dashboards.vue
index 5eadd633b2..70235355be 100644
--- a/frontend/src/pages/application/Dashboards.vue
+++ b/frontend/src/pages/application/Dashboards.vue
@@ -7,5 +7,5 @@
 <script setup>
 import DashboardList from '@/components/dashboard/DashboardList.vue'
 
-defineOptions({ name: 'ApplicationDashboards' })
+defineOptions({ name: 'application-dashboards' })
 </script>
diff --git a/frontend/src/pages/application/Dependencies/Dependencies.vue b/frontend/src/pages/application/Dependencies/Dependencies.vue
index bef685d9cf..f912fa0c0a 100644
--- a/frontend/src/pages/application/Dependencies/Dependencies.vue
+++ b/frontend/src/pages/application/Dependencies/Dependencies.vue
@@ -101,7 +101,7 @@ export default {
     },
     mounted () {
         if (!this.hasTeamPermission) {
-            return this.$router.push({ name: 'Application', params: { id: this.application.id } })
+            return this.$router.push({ name: 'application', params: { id: this.application.id } })
         }
         this.getDependencies()
     },
diff --git a/frontend/src/pages/application/DeviceGroup/Settings/Environment.vue b/frontend/src/pages/application/DeviceGroup/Settings/Environment.vue
index 1c0c4c5142..88363ca74f 100644
--- a/frontend/src/pages/application/DeviceGroup/Settings/Environment.vue
+++ b/frontend/src/pages/application/DeviceGroup/Settings/Environment.vue
@@ -48,7 +48,7 @@ import TemplateSettingsEnvironment from '../../../admin/Template/sections/Enviro
  */
 
 export default {
-    name: 'ApplicationDeviceGroupSettingsEnvironment',
+    name: 'application-device-group-settings-environment',
     components: {
         ExclamationCircleIcon,
         TemplateSettingsEnvironment
diff --git a/frontend/src/pages/application/DeviceGroup/Settings/General.vue b/frontend/src/pages/application/DeviceGroup/Settings/General.vue
index a40dbec52e..40718fa46a 100644
--- a/frontend/src/pages/application/DeviceGroup/Settings/General.vue
+++ b/frontend/src/pages/application/DeviceGroup/Settings/General.vue
@@ -60,7 +60,7 @@ import Alerts from '../../../../services/alerts.js'
 import Dialog from '../../../../services/dialog.js'
 
 export default {
-    name: 'ApplicationDeviceGroupSettingsGeneral',
+    name: 'application-device-group-settings-general',
     components: {
         FormRow,
         FormHeading
@@ -152,7 +152,7 @@ export default {
                     if (response.status === 200) {
                         Alerts.emit('Device Group deleted', 'confirmation')
                         this.$router.push({
-                            name: 'ApplicationDeviceGroups',
+                            name: 'application-device-groups',
                             params: {
                                 id: this.application.id
                             }
diff --git a/frontend/src/pages/application/DeviceGroup/Settings/index.vue b/frontend/src/pages/application/DeviceGroup/Settings/index.vue
index bb77c84781..9a96d111ce 100644
--- a/frontend/src/pages/application/DeviceGroup/Settings/index.vue
+++ b/frontend/src/pages/application/DeviceGroup/Settings/index.vue
@@ -59,8 +59,8 @@ export default {
                 return false
             }
             this.sideNavigation = [
-                { name: 'General', path: { name: 'ApplicationDeviceGroupSettingsGeneral' } },
-                { name: 'Environment', path: { name: 'ApplicationDeviceGroupSettingsEnvironment' } }
+                { name: 'General', path: { name: 'application-device-group-settings-general' } },
+                { name: 'Environment', path: { name: 'application-device-group-settings-environment' } }
             ]
             return true
         },
diff --git a/frontend/src/pages/application/DeviceGroup/index.vue b/frontend/src/pages/application/DeviceGroup/index.vue
index 184d6e037a..b2cb78ad3b 100644
--- a/frontend/src/pages/application/DeviceGroup/index.vue
+++ b/frontend/src/pages/application/DeviceGroup/index.vue
@@ -15,10 +15,10 @@
                 <ff-nav-breadcrumb class="whitespace-nowrap" :to="{name: 'Applications', params: {team_slug: team.slug}}">
                     Applications
                 </ff-nav-breadcrumb>
-                <ff-nav-breadcrumb class="whitespace-nowrap" :to="{name: 'Application', params: {team_slug: team.slug, id: application.id}}">
+                <ff-nav-breadcrumb class="whitespace-nowrap" :to="{name: 'application', params: {team_slug: team.slug, id: application.id}}">
                     {{ application.name }}
                 </ff-nav-breadcrumb>
-                <ff-nav-breadcrumb class="whitespace-nowrap" :to="{name: 'ApplicationDeviceGroups', params: {id: application?.id}}">
+                <ff-nav-breadcrumb class="whitespace-nowrap" :to="{name: 'application-device-groups', params: {id: application?.id}}">
                     Device Groups
                 </ff-nav-breadcrumb>
             </template>
@@ -41,7 +41,7 @@
             <template #context>
                 <div>
                     Application:
-                    <router-link :to="{name: 'Application', params: {id: application?.id}}" class="text-blue-600 cursor-pointer hover:text-blue-700 hover:underline">{{ application?.name }}</router-link>
+                    <router-link :to="{name: 'application', params: {id: application?.id}}" class="text-blue-600 cursor-pointer hover:text-blue-700 hover:underline">{{ application?.name }}</router-link>
                 </div>
             </template>
         </ff-page-header>
@@ -101,7 +101,7 @@ export default {
                 {
                     label: 'Devices',
                     to: {
-                        name: 'ApplicationDeviceGroupDevices',
+                        name: 'application-device-group-devices',
                         params: {
                             applicationId: this.application?.id,
                             deviceGroupId: this.deviceGroup?.id
@@ -113,7 +113,7 @@ export default {
                 {
                     label: 'Settings',
                     to: {
-                        name: 'ApplicationDeviceGroupSettings',
+                        name: 'application-device-group-settings',
                         params: {
                             applicationId: this.application?.id,
                             deviceGroupId: this.deviceGroup?.id
diff --git a/frontend/src/pages/application/DeviceGroups.vue b/frontend/src/pages/application/DeviceGroups.vue
index a2ea411423..192f64c9c3 100644
--- a/frontend/src/pages/application/DeviceGroups.vue
+++ b/frontend/src/pages/application/DeviceGroups.vue
@@ -90,7 +90,7 @@ import { useAccountSettingsStore } from '@/stores/account-settings.js'
 import { useContextStore } from '@/stores/context.js'
 
 export default {
-    name: 'ApplicationDeviceGroups',
+    name: 'application-device-groups',
     components: {
         EmptyState,
         FormRow,
@@ -173,7 +173,7 @@ export default {
         teamMembership: {
             handler: function () {
                 if (!this.hasPermission('application:device-group:list', { application: this.application })) {
-                    return this.$router.push({ name: 'Application', params: this.$route.params })
+                    return this.$router.push({ name: 'application', params: this.$route.params })
                 }
             },
             immediate: true
@@ -206,7 +206,7 @@ export default {
         async editDeviceGroup (deviceGroup, index) {
             // navigate to the device group details page for the selected device group @ ./DeviceGroups/edit.vue
             const route = {
-                name: 'ApplicationDeviceGroupIndex',
+                name: 'application-device-group',
                 params: {
                     // url params
                     applicationId: this.application.id,
diff --git a/frontend/src/pages/application/Devices.vue b/frontend/src/pages/application/Devices.vue
index 4466e63e8c..a8bd12d7e2 100644
--- a/frontend/src/pages/application/Devices.vue
+++ b/frontend/src/pages/application/Devices.vue
@@ -20,7 +20,7 @@ import DevicesBrowser from '../../components/DevicesBrowser.vue'
 import SectionTopMenu from '../../components/SectionTopMenu.vue'
 
 export default {
-    name: 'ApplicationDevices',
+    name: 'application-devices',
     components: {
         DevicesBrowser,
         SectionTopMenu
diff --git a/frontend/src/pages/application/Pipeline/create.vue b/frontend/src/pages/application/Pipeline/create.vue
index e0e8745f88..ce9782ce97 100644
--- a/frontend/src/pages/application/Pipeline/create.vue
+++ b/frontend/src/pages/application/Pipeline/create.vue
@@ -63,7 +63,7 @@ import Alerts from '../../../services/alerts.js'
 import { useContextStore } from '@/stores/context.js'
 
 export default {
-    name: 'CreatePipeline',
+    name: 'application-pipeline-create',
     components: {
         SectionTopMenu,
         FormRow
@@ -103,7 +103,7 @@ export default {
             handler (team) {
                 if (team && !this.hasPermission('pipeline:create')) {
                     this.$router.replace({
-                        name: 'ApplicationPipelines',
+                        name: 'application-pipelines',
                         params: {
                             id: this.application.id
                         }
@@ -123,7 +123,7 @@ export default {
                 Alerts.emit('Pipeline successfully created.', 'confirmation')
 
                 this.$router.push({
-                    name: 'ApplicationPipelines',
+                    name: 'application-pipelines',
                     params: {
                         id: this.application.id
                     }
diff --git a/frontend/src/pages/application/Pipeline/index.vue b/frontend/src/pages/application/Pipeline/index.vue
index bac0a3a4e8..a23611c3f5 100644
--- a/frontend/src/pages/application/Pipeline/index.vue
+++ b/frontend/src/pages/application/Pipeline/index.vue
@@ -51,7 +51,7 @@ export default {
         if (this.hasPermission('application:pipeline:list')) {
             await this.fetchData()
         } else {
-            return this.$router.push({ name: 'Application', params: this.$route.params })
+            return this.$router.push({ name: 'application', params: this.$route.params })
         }
     },
     methods: {
diff --git a/frontend/src/pages/application/PipelineStage/create.vue b/frontend/src/pages/application/PipelineStage/create.vue
index 3fdf35014e..98863433a6 100644
--- a/frontend/src/pages/application/PipelineStage/create.vue
+++ b/frontend/src/pages/application/PipelineStage/create.vue
@@ -27,7 +27,7 @@ import PipelineStageForm from './form.vue'
 import { useContextStore } from '@/stores/context.js'
 
 export default {
-    name: 'CreatePipelineStage',
+    name: 'application-pipeline-stage-create',
     components: {
         PipelineStageForm
     },
@@ -75,7 +75,7 @@ export default {
             handler (team) {
                 if (team && !this.hasPermission('pipeline:create')) {
                     this.$router.replace({
-                        name: 'ApplicationPipelines',
+                        name: 'application-pipelines',
                         params: {
                             id: this.application.id
                         }
@@ -129,7 +129,7 @@ export default {
             Alerts.emit('Pipeline stage successfully added.', 'confirmation')
 
             this.$router.push({
-                name: 'ApplicationPipelines',
+                name: 'application-pipelines',
                 params: {
                     id: this.application.id
                 }
diff --git a/frontend/src/pages/application/PipelineStage/edit.vue b/frontend/src/pages/application/PipelineStage/edit.vue
index c98f1c358d..e7403bfd37 100644
--- a/frontend/src/pages/application/PipelineStage/edit.vue
+++ b/frontend/src/pages/application/PipelineStage/edit.vue
@@ -31,7 +31,7 @@ import PipelineStageForm from './form.vue'
 import { useContextStore } from '@/stores/context.js'
 
 export default {
-    name: 'EditPipelineStage',
+    name: 'application-pipeline-stage-edit',
     components: {
         PipelineStageForm
     },
@@ -79,7 +79,7 @@ export default {
             handler (team) {
                 if (team && !this.hasPermission('pipeline:edit')) {
                     this.$router.replace({
-                        name: 'ApplicationPipelines',
+                        name: 'application-pipelines',
                         params: {
                             id: this.application.id
                         }
@@ -144,7 +144,7 @@ export default {
             Alerts.emit('Pipeline stage successfully updated.', 'confirmation')
 
             this.$router.push({
-                name: 'ApplicationPipelines',
+                name: 'application-pipelines',
                 params: {
                     id: this.application.id
                 }
diff --git a/frontend/src/pages/application/Pipelines.vue b/frontend/src/pages/application/Pipelines.vue
index fbb3086c34..6f5b093539 100644
--- a/frontend/src/pages/application/Pipelines.vue
+++ b/frontend/src/pages/application/Pipelines.vue
@@ -26,7 +26,7 @@
                 v-if="hasPermission('pipeline:create', { application })"
                 data-action="pipeline-add"
                 :to="{
-                    name: 'CreatePipeline',
+                    name: 'application-pipeline-create',
                     params: { applicationId: application.id },
                 }"
                 :disabled="!featureEnabled"
@@ -82,7 +82,7 @@
             <ff-button
                 v-if="hasPermission('pipeline:create', { application })"
                 :to="{
-                    name: 'CreatePipeline',
+                    name: 'application-pipeline-create',
                     params: { applicationId: application.id },
                 }"
                 :disabled="!featureEnabled"
@@ -113,7 +113,7 @@ import { useAccountSettingsStore } from '@/stores/account-settings.js'
 import { useContextStore } from '@/stores/context.js'
 
 export default {
-    name: 'ApplicationPipelines',
+    name: 'application-pipelines',
     components: {
         SectionTopMenu,
         PlusSmallIcon,
@@ -165,7 +165,7 @@ export default {
         teamMembership: {
             handler: function () {
                 if (!this.hasPermission('application:pipeline:list', { application: this.application })) {
-                    return this.$router.push({ name: 'Application', params: this.$route.params })
+                    return this.$router.push({ name: 'application', params: this.$route.params })
                 }
             },
             immediate: true
diff --git a/frontend/src/pages/application/Snapshots.vue b/frontend/src/pages/application/Snapshots.vue
index 254ddf9ddb..d16280c613 100644
--- a/frontend/src/pages/application/Snapshots.vue
+++ b/frontend/src/pages/application/Snapshots.vue
@@ -84,7 +84,7 @@ import SnapshotSource from './Snapshots/components/cells/SnapshotSource.vue'
 import SnapshotExportDialog from './Snapshots/components/dialogs/SnapshotExportDialog.vue'
 
 export default {
-    name: 'ApplicationSnapshots',
+    name: 'application-snapshots',
     components: {
         AssetDetailDialog,
         AssetCompareDialog,
diff --git a/frontend/src/pages/application/components/cells/ApplicationLink.vue b/frontend/src/pages/application/components/cells/ApplicationLink.vue
index a94a9f4329..5c28e12ed2 100644
--- a/frontend/src/pages/application/components/cells/ApplicationLink.vue
+++ b/frontend/src/pages/application/components/cells/ApplicationLink.vue
@@ -1,6 +1,6 @@
 <template>
     <template v-if="id">
-        <router-link :to="{ name: 'Application', params: { id: id }}">{{ name }}</router-link>
+        <router-link :to="{ name: 'application', params: { id: id }}">{{ name }}</router-link>
     </template>
     <template v-else><span class="italic text-gray-500">Unassigned</span></template>
 </template>
diff --git a/frontend/src/pages/application/components/cells/DeviceAssignedToLink.vue b/frontend/src/pages/application/components/cells/DeviceAssignedToLink.vue
index 88e59f5a51..eab4fa31b5 100644
--- a/frontend/src/pages/application/components/cells/DeviceAssignedToLink.vue
+++ b/frontend/src/pages/application/components/cells/DeviceAssignedToLink.vue
@@ -3,7 +3,7 @@
         <router-link :to="{ name: 'instance-devices', params: { id: instance.id }}"><ProjectsIcon class="ff-icon relative top-0.5" /> <span class="ml-4">{{ instance.name }}</span></router-link>
     </template>
     <template v-else-if="ownerType==='application'">
-        <router-link :to="{ name: 'ApplicationDevices', params: { id: application.id }}"><RectangleGroupIcon class="ff-icon relative -top-0.5" /> <span class="ml-4">{{ application.name }}</span></router-link>
+        <router-link :to="{ name: 'application-devices', params: { id: application.id }}"><RectangleGroupIcon class="ff-icon relative -top-0.5" /> <span class="ml-4">{{ application.name }}</span></router-link>
     </template>
     <template v-else><div class="w-5 inline-block mr-0.5">&nbsp;</div> <span class="text-gray-400 ml-4 italic">Unassigned</span></template>
 </template>
diff --git a/frontend/src/pages/application/createInstance.vue b/frontend/src/pages/application/createInstance.vue
index 084b57fde9..f597609cb3 100644
--- a/frontend/src/pages/application/createInstance.vue
+++ b/frontend/src/pages/application/createInstance.vue
@@ -4,7 +4,7 @@
             <ff-page-header title="Instances">
                 <template #custom-breadcrumbs>
                     <ff-nav-breadcrumb v-if="team" :to="{name: 'Applications', params: {team_slug: team.slug}}">Applications</ff-nav-breadcrumb>
-                    <ff-nav-breadcrumb v-if="team" :to="{name: 'Application', params: {id: application.id}}">
+                    <ff-nav-breadcrumb v-if="team" :to="{name: 'application', params: {id: application.id}}">
                         {{ application.name }}
                     </ff-nav-breadcrumb>
                     <ff-nav-breadcrumb>
@@ -109,7 +109,7 @@ export default {
 
                 this.$emit('application-updated')
 
-                this.$router.push({ name: 'ApplicationInstances', params: { id: this.application.id } })
+                this.$router.push({ name: 'application-instances', params: { id: this.application.id } })
             } catch (err) {
                 this.instanceDetails = instanceFields
                 if (err.response?.status === 409) {
diff --git a/frontend/src/pages/application/index.vue b/frontend/src/pages/application/index.vue
index 14d34abbf8..bcb0c130a1 100644
--- a/frontend/src/pages/application/index.vue
+++ b/frontend/src/pages/application/index.vue
@@ -71,24 +71,24 @@ export default {
             const routes = [
                 {
                     label: 'Hosted Instances',
-                    to: { name: 'ApplicationInstances' },
+                    to: { name: 'application-instances' },
                     tag: 'application-overview'
                     // icon: ProjectsIcon
                 },
                 {
                     label: 'Remote Instances',
-                    to: { name: 'ApplicationDevices' },
+                    to: { name: 'application-devices' },
                     tag: 'application-devices-overview'
                     // icon: CpuChipIcon
                 },
                 {
                     label: 'Dashboards',
-                    to: { name: 'ApplicationDashboards' },
+                    to: { name: 'application-dashboards' },
                     tag: 'application-dashboards'
                 },
                 {
                     label: 'Device Groups',
-                    to: { name: 'ApplicationDeviceGroups' },
+                    to: { name: 'application-device-groups' },
                     tag: 'application-devices-groups-overview',
                     // icon: CpuChipIcon,
                     hidden: !this.hasPermission('application:device-group:list', { application: this.application }),
@@ -96,13 +96,13 @@ export default {
                 },
                 {
                     label: 'Snapshots',
-                    to: { name: 'ApplicationSnapshots' },
+                    to: { name: 'application-snapshots' },
                     tag: 'application-snapshots'
                     // icon: ClockIcon
                 },
                 {
                     label: 'Pipelines',
-                    to: { name: 'ApplicationPipelines' },
+                    to: { name: 'application-pipelines' },
                     tag: 'application-pipelines',
                     // icon: PipelinesIcon,
                     hidden: !this.hasPermission('application:pipeline:list', { application: this.application }),
diff --git a/frontend/src/pages/application/routes.js b/frontend/src/pages/application/routes.js
index 6615337def..5099e4bb66 100644
--- a/frontend/src/pages/application/routes.js
+++ b/frontend/src/pages/application/routes.js
@@ -30,12 +30,12 @@ export default [
         redirect: function () {
             const features = useAccountSettingsStore().featuresCheck
             if (features.isHostedInstancesEnabledForTeam) {
-                return { name: 'ApplicationInstances' }
+                return { name: 'application-instances' }
             } else {
-                return { name: 'ApplicationDevices' }
+                return { name: 'application-devices' }
             }
         },
-        name: 'Application',
+        name: 'application',
         component: ApplicationIndex,
         meta: {
             title: 'Application - Overview'
@@ -43,7 +43,7 @@ export default [
         children: [
             {
                 path: 'instances',
-                name: 'ApplicationInstances',
+                name: 'application-instances',
                 component: ApplicationOverview,
                 meta: {
                     title: 'Application - Instances'
@@ -51,7 +51,7 @@ export default [
             },
             {
                 path: 'dashboards',
-                name: 'ApplicationDashboards',
+                name: 'application-dashboards',
                 component: ApplicationDashboards,
                 meta: {
                     title: 'Application - Dashboards'
@@ -59,7 +59,7 @@ export default [
             },
             {
                 path: 'devices',
-                name: 'ApplicationDevices',
+                name: 'application-devices',
                 component: ApplicationDevices,
                 meta: {
                     title: 'Application - Devices'
@@ -67,7 +67,7 @@ export default [
             },
             {
                 path: 'device-groups',
-                name: 'ApplicationDeviceGroups',
+                name: 'application-device-groups',
                 component: ApplicationDeviceGroups,
                 meta: {
                     title: 'Application - Devices Groups'
@@ -75,7 +75,7 @@ export default [
             },
             {
                 path: 'snapshots',
-                name: 'ApplicationSnapshots',
+                name: 'application-snapshots',
                 component: ApplicationSnapshots,
                 meta: {
                     title: 'Application - Snapshots'
@@ -83,7 +83,7 @@ export default [
             },
             {
                 path: 'pipelines',
-                name: 'ApplicationPipelines',
+                name: 'application-pipelines',
                 component: ApplicationPipelines,
                 meta: {
                     title: 'Application - Pipelines'
@@ -134,7 +134,7 @@ export default [
 
             {
                 path: 'pipelines/create',
-                name: 'CreatePipeline',
+                name: 'application-pipeline-create',
                 component: ApplicationPipelineCreate,
                 meta: {
                     title: 'Pipeline - Create'
@@ -143,16 +143,16 @@ export default [
 
             {
                 path: 'pipelines/:pipelineId',
-                name: 'EditPipeline',
+                name: 'application-pipeline-edit',
                 component: ApplicationPipelineIndex,
                 meta: {
                     title: 'Pipeline'
                 },
-                redirect: { name: 'CreatePipelineStage' },
+                redirect: { name: 'application-pipeline-stage-create' },
                 children: [
                     {
                         path: 'stages/create',
-                        name: 'CreatePipelineStage',
+                        name: 'application-pipeline-stage-create',
                         component: ApplicationPipelineStageCreate,
                         meta: {
                             title: 'Pipeline Stage - Create'
@@ -160,7 +160,7 @@ export default [
                     },
                     {
                         path: 'stages/:stageId/edit',
-                        name: 'EditPipelineStage',
+                        name: 'application-pipeline-stage-edit',
                         component: ApplicationPipelineStageEdit,
                         meta: {
                             title: 'Pipeline Stage - Edit'
@@ -189,7 +189,7 @@ export default [
                 backTo: ({ query, params }) => {
                     return {
                         label: 'Back',
-                        to: { name: 'ApplicationInstances', params, query }
+                        to: { name: 'application-instances', params, query }
                     }
                 }
             }
@@ -197,16 +197,16 @@ export default [
     },
     {
         path: ':applicationId/device-group/:deviceGroupId',
-        name: 'ApplicationDeviceGroupIndex',
+        name: 'application-device-group',
         component: ApplicationDeviceGroupIndex,
         meta: {
             title: 'Application - Device Group'
         },
-        redirect: { name: 'ApplicationDeviceGroupDevices' },
+        redirect: { name: 'application-device-group-devices' },
         children: [
             {
                 path: 'devices',
-                name: 'ApplicationDeviceGroupDevices',
+                name: 'application-device-group-devices',
                 component: ApplicationDeviceGroupDevices,
                 meta: {
                     title: 'Application - Device Group - Members'
@@ -214,18 +214,18 @@ export default [
             },
             {
                 path: 'settings',
-                name: 'ApplicationDeviceGroupSettings',
+                name: 'application-device-group-settings',
                 component: ApplicationDeviceGroupSettings,
                 meta: {
                     title: 'Application - Device Group - Settings'
                 },
                 redirect: {
-                    name: 'ApplicationDeviceGroupSettingsGeneral'
+                    name: 'application-device-group-settings-general'
                 },
                 children: [
                     {
                         path: 'general',
-                        name: 'ApplicationDeviceGroupSettingsGeneral',
+                        name: 'application-device-group-settings-general',
                         component: ApplicationDeviceGroupSettingsGeneral,
                         meta: {
                             title: 'Application - Device Group - Settings - General'
@@ -233,7 +233,7 @@ export default [
                     },
                     {
                         path: 'environment',
-                        name: 'ApplicationDeviceGroupSettingsEnvironment',
+                        name: 'application-device-group-settings-environment',
                         component: ApplicationDeviceGroupSettingsEnvironment,
                         meta: {
                             title: 'Application - Device Group - Settings - Environment'
diff --git a/frontend/src/pages/device/Overview.vue b/frontend/src/pages/device/Overview.vue
index caaf89fbe1..44f78dd1cb 100644
--- a/frontend/src/pages/device/Overview.vue
+++ b/frontend/src/pages/device/Overview.vue
@@ -55,7 +55,7 @@
                     </InfoCardRow>
                     <InfoCardRow property="Application:">
                         <template #value>
-                            <ff-team-link v-if="device?.application" :to="{name: 'Application', params: { id: device.application.id }}">
+                            <ff-team-link v-if="device?.application" :to="{name: 'application', params: { id: device.application.id }}">
                                 {{ device.application?.name }}
                             </ff-team-link>
                             <span v-else>None</span>
@@ -66,7 +66,7 @@
                             <section class="flex items-center gap-3">
                                 <ff-team-link
                                     v-if="device.deviceGroup"
-                                    :to="{ name: 'ApplicationDeviceGroupIndex',
+                                    :to="{ name: 'application-device-group',
                                            params: {
                                                deviceGroupId: device.deviceGroup.id,
                                                applicationId: device.application.id
diff --git a/frontend/src/pages/device/Settings/General.vue b/frontend/src/pages/device/Settings/General.vue
index 96dd3ef973..1169e16613 100644
--- a/frontend/src/pages/device/Settings/General.vue
+++ b/frontend/src/pages/device/Settings/General.vue
@@ -76,7 +76,7 @@
             <section data-el="application-section" class="flex flex-col gap-4">
                 <div>
                     <label class="font-medium mr-2">Application:</label>
-                    <router-link :to="{name: 'ApplicationDevices', params: {team_slug: team.slug, id: device.application.id}}" class="ff-link">{{ device.application.name }}</router-link>
+                    <router-link :to="{name: 'application-devices', params: {team_slug: team.slug, id: device.application.id}}" class="ff-link">{{ device.application.name }}</router-link>
                 </div>
                 <div class="flex flex-col gap-2">
                     <h3>Features:</h3>
@@ -93,7 +93,7 @@
                     <label class="font-medium mr-2">Group:</label>
                     <div v-if="device.deviceGroup" class="flex gap-5 items-center justify-between">
                         <router-link
-                            :to="{ name: 'ApplicationDeviceGroupIndex',
+                            :to="{ name: 'application-device-group',
                                    params: {
                                        deviceGroupId: device.deviceGroup.id,
                                        applicationId: device.application.id,
diff --git a/frontend/src/pages/device/index.vue b/frontend/src/pages/device/index.vue
index 104c21d9f1..7fbfb82ecd 100644
--- a/frontend/src/pages/device/index.vue
+++ b/frontend/src/pages/device/index.vue
@@ -22,7 +22,7 @@
             <template #context>
                 <div v-if="device?.ownerType === 'application' && device.application" data-el="device-assigned-application">
                     Application:
-                    <ff-team-link :to="{name: 'Application', params: {id: device.application?.id}}" class="text-blue-600 cursor-pointer hover:text-blue-700 hover:underline">{{ device.application?.name }}</ff-team-link>
+                    <ff-team-link :to="{name: 'application', params: {id: device.application?.id}}" class="text-blue-600 cursor-pointer hover:text-blue-700 hover:underline">{{ device.application?.name }}</ff-team-link>
                 </div>
                 <div v-else-if="device?.ownerType === 'instance' && device.instance" data-el="device-assigned-instance">
                     Instance:
diff --git a/frontend/src/pages/instance/index.vue b/frontend/src/pages/instance/index.vue
index b693a42e78..8a4f618914 100644
--- a/frontend/src/pages/instance/index.vue
+++ b/frontend/src/pages/instance/index.vue
@@ -31,7 +31,7 @@
                 </template>
                 <template #context>
                     Application:
-                    <ff-team-link :to="{name: 'Application', params: {id: instance.application.id}}" class="text-blue-600 cursor-pointer hover:text-blue-700 hover:underline">
+                    <ff-team-link :to="{name: 'application', params: {id: instance.application.id}}" class="text-blue-600 cursor-pointer hover:text-blue-700 hover:underline">
                         {{ instance.application.name }}
                     </ff-team-link>
                 </template>
diff --git a/frontend/src/pages/team/Applications/components/ApplicationHeader.vue b/frontend/src/pages/team/Applications/components/ApplicationHeader.vue
index 18e4a12ff9..e8b209623c 100644
--- a/frontend/src/pages/team/Applications/components/ApplicationHeader.vue
+++ b/frontend/src/pages/team/Applications/components/ApplicationHeader.vue
@@ -1,6 +1,6 @@
 <template>
     <router-link
-        :to="{ name: 'Application', params: { id: application.id } }"
+        :to="{ name: 'application', params: { id: application.id } }"
         data-action="view-application"
         class="ff-application-list--app gap-x-4 flex flex-col gap-2 sm:gap-0 justify-between sm:flex-row sm:items-center"
     >
diff --git a/frontend/src/pages/team/Applications/components/compact/DevicesWrapper.vue b/frontend/src/pages/team/Applications/components/compact/DevicesWrapper.vue
index 6ce912e0cc..8fe9ee53f9 100644
--- a/frontend/src/pages/team/Applications/components/compact/DevicesWrapper.vue
+++ b/frontend/src/pages/team/Applications/components/compact/DevicesWrapper.vue
@@ -6,7 +6,7 @@
         <div v-if="doesntHaveDevices" class="empty-message">
             <span>
                 This Application currently has no
-                <router-link :to="{name: 'ApplicationDevices', params: {team_slug: team.slug, id: application.id}}" class="ff-link">attached Remote Instances</router-link>.
+                <router-link :to="{name: 'application-devices', params: {team_slug: team.slug, id: application.id}}" class="ff-link">attached Remote Instances</router-link>.
             </span>
         </div>
         <div v-else class="items-wrapper">
@@ -81,7 +81,7 @@ export default {
                 : ''
 
             this.$router.push({
-                name: 'ApplicationDevices',
+                name: 'application-devices',
                 params: { team_slug: this.team.slug, id: this.application.id },
                 query: { searchQuery }
             })
diff --git a/frontend/src/pages/team/Applications/components/compact/InstancesWrapper.vue b/frontend/src/pages/team/Applications/components/compact/InstancesWrapper.vue
index 94b396f3dc..8e9199fded 100644
--- a/frontend/src/pages/team/Applications/components/compact/InstancesWrapper.vue
+++ b/frontend/src/pages/team/Applications/components/compact/InstancesWrapper.vue
@@ -6,7 +6,7 @@
         <div v-if="doesntHaveInstances" class="empty-message">
             <p>
                 This Application currently has no
-                <router-link :to="{name: 'ApplicationInstances', params: {team_slug: team.slug, id: application.id}}" class="ff-link">attached Hosted Instances</router-link>.
+                <router-link :to="{name: 'application-instances', params: {team_slug: team.slug, id: application.id}}" class="ff-link">attached Hosted Instances</router-link>.
             </p>
         </div>
         <div v-else class="items-wrapper">
@@ -79,7 +79,7 @@ export default {
                 : ''
 
             this.$router.push({
-                name: 'ApplicationInstances',
+                name: 'application-instances',
                 params: { team_slug: this.team.slug, id: this.application.id },
                 query: { searchQuery }
             })
diff --git a/frontend/src/pages/team/DeviceGroups/index.vue b/frontend/src/pages/team/DeviceGroups/index.vue
index bd847f6413..f9683cf996 100644
--- a/frontend/src/pages/team/DeviceGroups/index.vue
+++ b/frontend/src/pages/team/DeviceGroups/index.vue
@@ -251,7 +251,7 @@ export default {
         },
         goToGroup (row) {
             return this.$router.push({
-                name: 'ApplicationDeviceGroupIndex',
+                name: 'application-device-group',
                 params: {
                     deviceGroupId: row.id,
                     applicationId: row.application.id
diff --git a/frontend/src/pages/team/Pipelines/components/TeamPipeline.vue b/frontend/src/pages/team/Pipelines/components/TeamPipeline.vue
index bd20bf4199..ef3165201e 100644
--- a/frontend/src/pages/team/Pipelines/components/TeamPipeline.vue
+++ b/frontend/src/pages/team/Pipelines/components/TeamPipeline.vue
@@ -1,7 +1,7 @@
 <template>
     <div class="ff-pipeline" :data-pipeline="slugify(pipeline.name)">
         <router-link
-            :to="{name: 'ApplicationPipelines', params: {id: pipeline.application.id}}"
+            :to="{name: 'application-pipelines', params: {id: pipeline.application.id}}"
             class="ff-pipeline-header flex gap-5 self-end items-center truncate"
         >
             <div class="flex flex-col gap-0.5">
diff --git a/frontend/src/pages/team/Pipelines/components/TeamPipelineStage.vue b/frontend/src/pages/team/Pipelines/components/TeamPipelineStage.vue
index 7c2ecac025..8ba1460d25 100644
--- a/frontend/src/pages/team/Pipelines/components/TeamPipelineStage.vue
+++ b/frontend/src/pages/team/Pipelines/components/TeamPipelineStage.vue
@@ -99,7 +99,7 @@ export default {
             case this.isDeviceStage:
                 return { name: 'Device', params: { id: this.targetId } }
             case this.isDeviceGroupsStage:
-                return { name: 'ApplicationDeviceGroupIndex', params: { deviceGroupId: this.targetId, applicationId: this.application.id } }
+                return { name: 'application-device-group', params: { deviceGroupId: this.targetId, applicationId: this.application.id } }
             default:
                 return '#'
             }
diff --git a/frontend/src/pages/team/Settings/Devices.vue b/frontend/src/pages/team/Settings/Devices.vue
index 599d9a7668..795f02167e 100644
--- a/frontend/src/pages/team/Settings/Devices.vue
+++ b/frontend/src/pages/team/Settings/Devices.vue
@@ -80,7 +80,7 @@ const TokenFieldFormatter = {
 const AutoAssignToFieldFormatter = {
     template: `
         <template v-if="application">
-            <router-link class="flex content-center" :to="{ name: 'Application', params: { id: application }}"><RectangleGroupIcon class="ff-icon relative invisible lg:visible" /> <span class="truncate ml-2 leading-normal!">{{ applicationName }}</span></router-link>
+            <router-link class="flex content-center" :to="{ name: 'application', params: { id: application }}"><RectangleGroupIcon class="ff-icon relative invisible lg:visible" /> <span class="truncate ml-2 leading-normal!">{{ applicationName }}</span></router-link>
         </template>
         <template v-else-if="instance">
             <router-link class="flex content-center" :to="{ name: 'Instance', params: { id: instance } }"><ProjectsIcon class="ff-icon relative invisible lg:visible" /> <span class="truncate ml-2 leading-normal!">{{ instanceName }}</span></router-link>
diff --git a/frontend/src/pages/team/components/ApplicationSummaryLabel.vue b/frontend/src/pages/team/components/ApplicationSummaryLabel.vue
index 642a035ad4..629a6066da 100644
--- a/frontend/src/pages/team/components/ApplicationSummaryLabel.vue
+++ b/frontend/src/pages/team/components/ApplicationSummaryLabel.vue
@@ -2,7 +2,7 @@
     <div data-el="application-summary" class="flex flex-wrap space-x-2">
         <IconLink
             v-ff-tooltip:bottom="`${application.instanceCount} x Instance${application.instanceCount === 1 ? '' : 's'}`"
-            :to="{name: 'ApplicationInstances', params: {id: application.id}}"
+            :to="{name: 'application-instances', params: {id: application.id}}"
             :icon="IconNodeRedSolid"
             :class="{'text-gray-400': application.instanceCount === 0}"
             data-nav="application-instances"
@@ -13,7 +13,7 @@
 
         <IconLink
             v-ff-tooltip:bottom="`${application.deviceCount} x Device${application.deviceCount === 1 ? '' : 's'}`"
-            :to="{name: 'ApplicationDevices', params: {id: application.id}}"
+            :to="{name: 'application-devices', params: {id: application.id}}"
             :icon="IconDeviceSolid"
             :class="{'text-gray-400': application.deviceCount === 0}"
             data-nav="application-devices"
@@ -23,7 +23,7 @@
 
         <IconLink
             v-ff-tooltip:bottom="`${application.deviceGroupCount} x Device Group${application.deviceGroupCount === 1 ? '' : 's'}`"
-            :to="{name: 'ApplicationDeviceGroups', params: {id: application.id}}"
+            :to="{name: 'application-device-groups', params: {id: application.id}}"
             :icon="DeviceGroupSolidIcon"
             :class="{'text-gray-400': application.deviceGroupCount === 0}"
             data-nav="application-device-groups"
@@ -34,7 +34,7 @@
 
         <IconLink
             v-ff-tooltip:bottom="`${application.snapshotCount} x Snapshot${application.snapshotCount === 1 ? '' : 's'}`"
-            :to="{name: 'ApplicationSnapshots', params: {id: application.id}}"
+            :to="{name: 'application-snapshots', params: {id: application.id}}"
             :icon="IconSnapshotSolid"
             :class="{'text-gray-400': application.snapshotCount === 0}"
             data-nav="application-snapshots"
@@ -44,7 +44,7 @@
 
         <IconLink
             v-ff-tooltip:bottom="`${application.pipelineCount} x Pipeline${application.pipelineCount === 1 ? '' : 's'}`"
-            :to="{name: 'ApplicationPipelines', params: {id: application.id}}"
+            :to="{name: 'application-pipelines', params: {id: application.id}}"
             :icon="IconPipelineSolid"
             :class="{'text-gray-400': application.pipelineCount === 0}"
             data-nav="application-pipelines"
diff --git a/frontend/src/pages/team/components/ProjectSummaryList.vue b/frontend/src/pages/team/components/ProjectSummaryList.vue
index 31451ebf59..5e4e52cad5 100644
--- a/frontend/src/pages/team/components/ProjectSummaryList.vue
+++ b/frontend/src/pages/team/components/ProjectSummaryList.vue
@@ -2,7 +2,7 @@
     <div class="grid md:grid-cols-2 gap-2">
         <template v-if="applications && applications.length > 0">
             <div class="forge-button-tertiary text-xs" v-for="application in applications" :key="application.id">
-                <router-link :to="{name: 'Application', params: {id: application.id}}" data-action="view-application" class="px-1 py-1 flex w-full">
+                <router-link :to="{name: 'application', params: {id: application.id}}" data-action="view-application" class="px-1 py-1 flex w-full">
                     <div class="grow">
                         <div class="flex items-center mt-2">
                             <RectangleGroupIcon class="w-6 h-6 mr-4" />
diff --git a/frontend/src/pages/team/createApplication.vue b/frontend/src/pages/team/createApplication.vue
index 70127cbc44..92a067310f 100644
--- a/frontend/src/pages/team/createApplication.vue
+++ b/frontend/src/pages/team/createApplication.vue
@@ -72,7 +72,7 @@ export default {
     },
     methods: {
         onApplicationCreated (payload) {
-            this.$router.push({ name: 'Application', params: { id: payload.application.id } })
+            this.$router.push({ name: 'application', params: { id: payload.application.id } })
         }
     }
 }
diff --git a/test/unit/frontend/mcp/tools/routes.spec.js b/test/unit/frontend/mcp/tools/routes.spec.js
index 7c21501f22..c89368f759 100644
--- a/test/unit/frontend/mcp/tools/routes.spec.js
+++ b/test/unit/frontend/mcp/tools/routes.spec.js
@@ -9,9 +9,9 @@ describe('ui_list_routes tool', () => {
         const router = {
             getRoutes: () => [
                 {
-                    name: 'Application',
+                    name: 'application',
                     path: '/team/:team_slug/applications/:id',
-                    redirect: () => ({ name: 'ApplicationInstances' }),
+                    redirect: () => ({ name: 'application-instances' }),
                     meta: {}
                 },
                 {
@@ -24,7 +24,7 @@ describe('ui_list_routes tool', () => {
 
         const { routes } = listRoutesTool.handler({}, { router })
 
-        expect(routes.map((route) => route.name)).toContain('Application')
+        expect(routes.map((route) => route.name)).toContain('application')
     })
 
     test('excludes unnamed routes', () => {

From b69c1122097a684f2b81e4575d87af6275359531 Mon Sep 17 00:00:00 2001
From: Noley Holland <hollandnoley@gmail.com>
Date: Thu, 6 Aug 2026 08:14:07 -0700
Subject: [PATCH 2/2] Update test fixtures and route name for mcp

---
 forge/ee/lib/mcp/tools/applications.js                          | 2 +-
 .../frontend/cypress/fixtures/notifications/announcement.json   | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/forge/ee/lib/mcp/tools/applications.js b/forge/ee/lib/mcp/tools/applications.js
index c79bb502ab..2eec864337 100644
--- a/forge/ee/lib/mcp/tools/applications.js
+++ b/forge/ee/lib/mcp/tools/applications.js
@@ -77,7 +77,7 @@ module.exports = [
             Creates a new application in a team.
             An application is a container that groups together hosted instances and remote instances that work together.
             Before invoking this tool, call platform_list_applications for this team to check whether an application with this name already exists. If one exists, ask the user whether to use the existing one or create a new one with the same name - DO NOT create a duplicate application without asking first.
-            After the application is created, ask the user if they want to be taken to it. If they do, use the ui_navigate tool with the route name "Application" and params { id: <the new application id> }.`,
+            After the application is created, ask the user if they want to be taken to it. If they do, use the ui_navigate tool with the route name "application" and params { id: <the new application id> }.`,
         annotations: { readOnlyHint: false, destructiveHint: false },
         inputSchema: {
             name: z.string().describe('Name for the new application'),
diff --git a/test/e2e/frontend/cypress/fixtures/notifications/announcement.json b/test/e2e/frontend/cypress/fixtures/notifications/announcement.json
index 8aac7f2380..39e75139d5 100644
--- a/test/e2e/frontend/cypress/fixtures/notifications/announcement.json
+++ b/test/e2e/frontend/cypress/fixtures/notifications/announcement.json
@@ -6,6 +6,6 @@
   "data": {
     "title": "Platform Wide Notification",
     "message": "Hello, I'm your friendly neighborhood platform wide notification.",
-    "to": "{\"name\":\"Application\",\"params\":{\"id\":\"application-id\"}}"
+    "to": "{\"name\":\"application\",\"params\":{\"id\":\"application-id\"}}"
   }
 }