update

src/components/common/BottomNav.vue

@@ -55,23 +55,14 @@
           </li>
           <li>
             <router-link
-              to="/ai-optimization"
+              to="/models"
               class="flex flex-col items-center font-medium"
               :class="
-                $route.name === 'ai-optimization'
-                  ? 'text-purple-600'
-                  : 'text-gray-600 hover:text-purple-600'
+                $route.name === 'models' ? 'text-purple-600' : 'text-gray-600 hover:text-purple-600'
               "
             >
-              <svg class="w-6 h-6 mb-1" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-                <path
-                  stroke-linecap="round"
-                  stroke-linejoin="round"
-                  stroke-width="2"
-                  d="M13 10V3L4 14h7v7l9-11h-7z"
-                />
-              </svg>
-              <span class="text-xs">AI Optimize</span>
+              <IconEcosystem />
+              <span class="text-xs">Models</span>
             </router-link>
           </li>
           <li>
@@ -129,8 +120,8 @@
 <script setup lang="ts">
 import { onMounted } from 'vue'
 import { useSettingsStore } from '@/stores/settings'
-
 import UserIcon from './UserIcon.vue'
+import IconEcosystem from '../icons/IconEcosystem.vue'
 const settingsStore = useSettingsStore()
 
 // Compute navigation classes based on settings