diff --git a/frontend/pages/index.vue b/frontend/pages/index.vue
index 6a9a910..d7c9c4d 100644
--- a/frontend/pages/index.vue
+++ b/frontend/pages/index.vue
@@ -134,7 +134,7 @@ const recentHosts = computed(() => {
 <template>
   <div class="flex w-full flex-col">
     <!-- Quick Connect bar -->
-    <QuickConnect @connect="handleQuickConnect" />
+    <ConnectionsQuickConnect @connect="handleQuickConnect" />
 
     <!-- Save prompt toast -->
     <div v-if="showSavePrompt"
@@ -154,7 +154,7 @@ const recentHosts = computed(() => {
             <button @click="openNewHost()" class="text-xs text-gray-500 hover:text-wraith-400" title="New Host">+ Host</button>
           </div>
         </div>
-        <HostTree :groups="connections.groups" @select-host="openEditHost" @new-host="openNewHost" />
+        <ConnectionsHostTree :groups="connections.groups" @select-host="openEditHost" @new-host="openNewHost" />
       </aside>
 
       <!-- Main: host grid with search + recent -->
@@ -195,7 +195,7 @@ const recentHosts = computed(() => {
             All Hosts
           </h3>
           <div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-3">
-            <HostCard
+            <ConnectionsHostCard
               v-for="host in filteredHosts"
               :key="host.id"
               :host="host"