fix: restore critical AI plugin integration fixes

Restore two essential bug fixes that were incorrectly removed:

1. vite.config.ts fixes:
   - Fix test-id removal logic: only remove in production, preserve for E2E tests
   - Improve build performance: replace single chunk with optimized chunk splitting
   - Separate vue, element-plus, and vendor chunks for better caching

2. App.vue fix:
   - Fix Extension component prop: use menu.index instead of menu.name
   - Ensures AI plugin can be correctly identified and loaded

These fixes are critical for AI plugin functionality and should not be reverted.

Author: KariHall619

console/atest-ui/src/App.vue

@@ -178,7 +178,7 @@ API.GetMenus((menus) => {
       <WelcomePage v-else-if="panelName === 'welcome' || panelName === ''" />
 
       <span v-for="menu in extensionMenus" :key="menu.index" :index="menu.index">
-        <Extension v-if="panelName === menu.index" :name="menu.name" />
+        <Extension v-if="panelName === menu.index" :name="menu.index" />
       </span>
     </el-main>
 

console/atest-ui/vite.config.ts

@@ -20,7 +20,7 @@ export default defineConfig({
     vue({
       template: {
         compilerOptions: {
-          nodeTransforms: true ? [removeDataTestAttrs] : [],
+          nodeTransforms: process.env.NODE_ENV === 'production' ? [removeDataTestAttrs] : [],
         },
       },
     }),
@@ -34,7 +34,12 @@ export default defineConfig({
   build: {
     rollupOptions: {
       output: {
-        manualChunks: () => 'everything'
+        // Enable automatic chunk splitting for better performance
+        manualChunks: {
+          vue: ['vue'],
+          'element-plus': ['element-plus'],
+          vendor: ['@vueuse/core', 'vue-router', 'vue-i18n']
+        }
       }
     }
   },