Upload 21 files

static/css/apps-hub/ai-sidebar.css

@@ -1,89 +1,81 @@
-/* ai-sidebar.css */
-/* ai-sidebar.css */
-body {
-    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
-    line-height: 1.6;
-    margin: 0;
-    padding: 0;
-    background-color: #f0f2f5;
-    color: #333;
-}
-
-.ai-sidebar__container {
-    display: flex;
-    min-height: 100vh;
-    
-}
-
-.ai-sidebar__sidebar {
-    max-width: 250px;
-    background-color: #ffffff;
-    padding: 10px;
-    box-shadow: 2px 0 10px rgba(0, 0, 0, 0.1);
-    display: flex;
-    flex-direction: column;
-}
-
-.ai-sidebar__title {
-    font-size: 1.5rem;
-    font-weight: bold;
-    color: #3f72af;
-    margin-bottom: 20px;
-}
-
-.ai-sidebar__app-list {
-    list-style-type: none;
-    padding: 0;
-    margin: 0;
-    flex-grow: 1;
-}
-
-.ai-sidebar__app-item {
-    display: flex;
-    align-items: center;
-    padding: 10px;
-    margin-bottom: 10px;
-    border-radius: 8px;
-    cursor: pointer;
-    transition: background-color 0.2s ease;
-}
-
-.ai-sidebar__app-item:hover {
-    background-color: #3f72af;
-    color: white;
-}
-
-.ai-sidebar__app-icon {
-    width: 36px;
-    height: 36px;
-    border-radius: 8px;
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    margin-right: 16px;
-    color: white;
-    font-size: 1.1rem;
-}
-
-.ai-sidebar__app-name {
-    font-weight: 500;
-}
-
-.ai-sidebar__content {
-    flex-grow: 1;
-    padding: 20px;
-}
-
-.ai-sidebar__footer {
-    margin-top: auto;
-}
-
-.ai-sidebar__footer .ai-sidebar__app-item {
-    text-decoration: none;
-    color: inherit;
-}
-
-.ai-sidebar__footer .ai-sidebar__app-icon {
-    width: 40px;
-    height: 40px;
+/* ai-sidebar.css */
+
+.ai-sidebar__container {
+    display: flex;
+    min-height: 100vh;
+    
+}
+
+.ai-sidebar__sidebar {
+    max-width: 250px;
+    background-color: #ffffff;
+    padding: 10px;
+    box-shadow: 2px 0 10px rgba(0, 0, 0, 0.1);
+    display: flex;
+    flex-direction: column;
+    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
+}
+
+.ai-sidebar__title {
+    font-size: 1.5rem;
+    font-weight: bold;
+    color: #3f72af;
+    margin-bottom: 20px;
+}
+
+.ai-sidebar__app-list {
+    list-style-type: none;
+    padding: 0;
+    margin: 0;
+    flex-grow: 1;
+}
+
+.ai-sidebar__app-item {
+    display: flex;
+    align-items: center;
+    padding: 10px;
+    margin-bottom: 10px;
+    border-radius: 8px;
+    cursor: pointer;
+    transition: background-color 0.2s ease;
+}
+
+.ai-sidebar__app-item:hover {
+    background-color: #3f72af;
+    color: white;
+}
+
+.ai-sidebar__app-icon {
+    width: 36px;
+    height: 36px;
+    border-radius: 8px;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    margin-right: 16px;
+    color: white;
+    font-size: 1.1rem;
+}
+
+.ai-sidebar__app-name {
+    font-weight: 500;
+}
+
+.ai-sidebar__content {
+    flex-grow: 1;
+    padding: 20px;
+}
+
+.ai-sidebar__footer {
+    margin-top: auto;
+}
+
+.ai-sidebar__footer .ai-sidebar__app-item {
+    text-decoration: none;
+    color: inherit;
+}
+
+.ai-sidebar__footer .ai-sidebar__app-icon {
+    width: 40px;
+    height: 40px;
 }

static/css/apps-hub/research-pro-style.css

@@ -2,15 +2,6 @@
     --accent-color: #003366; /* Navy blue */
 }
 
-body {
-    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
-    line-height: 1.6;
-    margin: 0;
-    padding: 0;
-    background-color: #f0f2f5;
-    color: #333;
-}
-
 #input-container {
     margin-bottom: 20px;
     background-color: #ffffff;
@@ -31,6 +22,13 @@ body {
 }
 
 #report-container, #sources-container {
+    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
+    line-height: 1.6;
+    margin: 0;
+    padding: 0;
+    background-color: #f0f2f5;
+    color: #333;
+
     background-color: #ffffff;
     padding: 30px;
     border-radius: 8px;
@@ -213,6 +211,7 @@ h2 {
 }
 
 .title {
+    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
     font-weight: 700;
     font-size: 64px !important;
     background: linear-gradient(45deg, #3b82f6, #10b981);

static/js/apps-hub/main-app.js

@@ -0,0 +1,20 @@
+const { createApp } = Vue;
+
+const app = createApp({
+  components: {
+    'sidebar-component': SidebarComponent
+  },
+  methods: {
+    async checkAuthentication() {
+      const session = await checkAuth();
+      if (!session) {
+        redirectToLogin();
+      }
+    }
+  },
+  mounted() {
+    this.checkAuthentication();
+  }
+});
+
+app.mount('#app');

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

@@ -1,43 +1,42 @@
-// 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
-    };
-  }
+const SidebarComponent = {
+  template: `
+<aside class="ai-sidebar__sidebar">
+  <h1 class="ai-sidebar__title">AI Suite</h1>
+  <nav>
+    <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>
+  </nav>
+  <div class="ai-sidebar__footer">
+    <a href="/profile" class="ai-sidebar__app-item">
+      <div class="ai-sidebar__app-icon" style="backgroundColor: #1F4E79">
+        <i class="bi bi-person-circle"></i>
+      </div>
+      <span class="ai-sidebar__app-name">My Profile</span>
+    </a>
+  </div>
+</aside>
+  `,
+  setup() {
+    const apps = Vue.ref([
+      { id: 1, name: 'iResearcher', icon: 'bi bi-search', color: '#3f72af', url: '/research-pro' },
+      { id: 2, name: 'ArticleCrafter', icon: 'bi bi-pencil-square', color: '#3f72af', url: '/article-writer' },
+      { id: 3, name: 'FollowUpPro', icon: 'bi bi-envelope-paper', color: '#3f72af', url: '/followup-agent' },
+      { id: 4, name: 'DigiYatra Assistant', icon: 'bi bi-person-vcard', color: '#3f72af', url: '/digiyatra-assistant' },
+      { id: 5, name: 'FileConverter', icon: 'bi bi-arrow-repeat', color: '#3f72af', url: '/file-convert' }
+    ]);
+    const navigateToApp = (app) => {
+      window.location.href = app.url;
+    };
+    
+    return {
+      apps,
+      navigateToApp
+    };
+  }
 };