Update agents

static/js/apps-hub/sidebar-component.js

@@ -1,41 +1,43 @@
-// sidebar-component.js
-const SidebarComponent = {
-  template: `
-    <aside class="ai-sidebar__sidebar">
-      <div class="ai-sidebar__title">AI Apps</div>
-      <ul class="ai-sidebar__app-list">
-        <li v-for="app in apps" :key="app.id" class="ai-sidebar__app-item" @click="navigateToApp(app)">
-          <div class="ai-sidebar__app-icon" :style="{ backgroundColor: app.color }">
-            <i :class="app.icon"></i>
-          </div>
-          <span class="ai-sidebar__app-name">{{ app.name }}</span>
-        </li>
-      </ul>
-      <div class="ai-sidebar__footer">
-        <a href="/profile" class="ai-sidebar__app-item">
-          <div class="ai-sidebar__app-icon" style="backgroundColor: #3f72af">
-            <i class="fas fa-user"></i>
-          </div>
-          <span class="ai-sidebar__app-name">Profile</span>
-        </a>
-      </div>
-    </aside>
-  `,
-  setup() {
-    const apps = Vue.ref([
-      { id: 1, name: 'iResearcher', icon: 'fas fa-flask', color: '#6C5CE7', url: '/research-pro' },
-      { id: 2, name: 'MindScribe', icon: 'fas fa-brain', color: '#FF6B6B', url: '/research-pro' },
-      { id: 3, name: 'LinguaGenius', icon: 'fas fa-language', color: '#45B7D1', url: '/research-pro' },
-      { id: 4, name: 'NutriAI', icon: 'fas fa-utensils', color: '#FF9FF3', url: '/research-pro' },
-    ]);
-    
-    const navigateToApp = (app) => {
-      window.location.href = app.url;
-    };
-    
-    return {
-      apps,
-      navigateToApp
-    };
-  }
+// sidebar-component.js
+const SidebarComponent = {
+  template: `
+    <aside class="ai-sidebar__sidebar">
+      <div class="ai-sidebar__title">AI Apps</div>
+      <ul class="ai-sidebar__app-list">
+        <li v-for="app in apps" :key="app.id" class="ai-sidebar__app-item" @click="navigateToApp(app)">
+          <div class="ai-sidebar__app-icon" :style="{ backgroundColor: app.color }">
+            <i :class="app.icon"></i>
+          </div>
+          <span class="ai-sidebar__app-name">{{ app.name }}</span>
+        </li>
+      </ul>
+      <div class="ai-sidebar__footer">
+        <a href="/profile" class="ai-sidebar__app-item">
+          <div class="ai-sidebar__app-icon" style="backgroundColor: #3f72af">
+            <i class="fas fa-user"></i>
+          </div>
+          <span class="ai-sidebar__app-name">Profile</span>
+        </a>
+      </div>
+    </aside>
+  `,
+  setup() {
+    const apps = Vue.ref([
+{ id: 1, name: 'iResearcher', icon: 'fas fa-flask', color: '#6C5CE7', url: '/research-pro' },
+{ id: 2, name: 'ArticleCrafter', icon: 'fas fa-pen-fancy', color: '#2ECC71', url: '/article-writer' },
+{ id: 3, name: 'FollowUpPro', icon: 'fas fa-comments', color: '#3498DB', url: '/followup-agent' },
+{ id: 4, name: 'DigiYatra Assistant', icon: 'fas fa-plane', color: '#E74C3C', url: '/digiyatra-assistant' },
+{ id: 5, name: 'FileConverter', icon: 'fas fa-file-export', color: '#F39C12', url: '/file-convert' },
+      
+    ]);
+    
+    const navigateToApp = (app) => {
+      window.location.href = app.url;
+    };
+    
+    return {
+      apps,
+      navigateToApp
+    };
+  }
 };