Forced merge: merge ai-dev into master

backend/src/db/seeders/20231127130745-sample-data.js

@@ -45,18 +45,6 @@ const AiAgentsData = [
 
     // type code here for "relation_one" field
   },
-
-  {
-    name: 'GuideBot',
-
-    sitemap_url: 'https://example.com/sitemap.xml',
-
-    description: 'Guides users through the website.',
-
-    // type code here for "relation_one" field
-
-    // type code here for "relation_one" field
-  },
 ];
 
 const InteractionsData = [
@@ -101,37 +89,19 @@ const InteractionsData = [
 
     // type code here for "relation_one" field
   },
-
-  {
-    // type code here for "relation_one" field
-
-    // type code here for "relation_one" field
-
-    interaction_start: new Date('2023-10-04T13:00:00Z'),
-
-    interaction_end: new Date('2023-10-04T13:25:00Z'),
-
-    transcript: 'User asked for support on a technical issue.',
-
-    // type code here for "relation_one" field
-  },
 ];
 
 const OrganizationsData = [
   {
-    name: 'Willard Libby',
+    name: 'Richard Feynman',
   },
 
   {
-    name: 'Rudolf Virchow',
+    name: 'John Bardeen',
   },
 
   {
-    name: 'Max Born',
+    name: 'Antoine Laurent Lavoisier',
-  },
-
-  {
-    name: 'Sheldon Glashow',
   },
 ];
 
@@ -139,41 +109,37 @@ const WebsitesData = [
   {
     // type code here for "relation_one" field
 
-    name: 'Neils Bohr',
+    name: 'Claude Levi-Strauss',
 
-    url: 'Louis Victor de Broglie',
+    url: 'J. Robert Oppenheimer',
 
-    description: 'Francis Galton',
+    description: 'Marie Curie',
+
+    // type code here for "relation_many" field
   },
 
   {
     // type code here for "relation_one" field
 
-    name: 'Edward Teller',
+    name: 'Charles Darwin',
 
-    url: 'Charles Lyell',
+    url: 'Carl Linnaeus',
 
-    description: 'Tycho Brahe',
+    description: 'Charles Darwin',
+
+    // type code here for "relation_many" field
   },
 
   {
     // type code here for "relation_one" field
 
-    name: 'Theodosius Dobzhansky',
+    name: 'Justus Liebig',
 
-    url: 'George Gaylord Simpson',
+    url: 'Rudolf Virchow',
 
-    description: 'James Watson',
+    description: 'Karl Landsteiner',
-  },
 
-  {
+    // type code here for "relation_many" field
-    // type code here for "relation_one" field
-
-    name: 'Francis Galton',
-
-    url: 'B. F. Skinner',
-
-    description: 'Hans Bethe',
   },
 ];
 
@@ -212,17 +178,6 @@ async function associateUserWithOrganization() {
   if (User2?.setOrganization) {
     await User2.setOrganization(relatedOrganization2);
   }
-
-  const relatedOrganization3 = await Organizations.findOne({
-    offset: Math.floor(Math.random() * (await Organizations.count())),
-  });
-  const User3 = await Users.findOne({
-    order: [['id', 'ASC']],
-    offset: 3,
-  });
-  if (User3?.setOrganization) {
-    await User3.setOrganization(relatedOrganization3);
-  }
 }
 
 async function associateAiAgentWithOrganization() {
@@ -258,17 +213,6 @@ async function associateAiAgentWithOrganization() {
   if (AiAgent2?.setOrganization) {
     await AiAgent2.setOrganization(relatedOrganization2);
   }
-
-  const relatedOrganization3 = await Organizations.findOne({
-    offset: Math.floor(Math.random() * (await Organizations.count())),
-  });
-  const AiAgent3 = await AiAgents.findOne({
-    order: [['id', 'ASC']],
-    offset: 3,
-  });
-  if (AiAgent3?.setOrganization) {
-    await AiAgent3.setOrganization(relatedOrganization3);
-  }
 }
 
 async function associateAiAgentWithWebsite() {
@@ -304,17 +248,6 @@ async function associateAiAgentWithWebsite() {
   if (AiAgent2?.setWebsite) {
     await AiAgent2.setWebsite(relatedWebsite2);
   }
-
-  const relatedWebsite3 = await Websites.findOne({
-    offset: Math.floor(Math.random() * (await Websites.count())),
-  });
-  const AiAgent3 = await AiAgents.findOne({
-    order: [['id', 'ASC']],
-    offset: 3,
-  });
-  if (AiAgent3?.setWebsite) {
-    await AiAgent3.setWebsite(relatedWebsite3);
-  }
 }
 
 async function associateInteractionWithAgent() {
@@ -350,17 +283,6 @@ async function associateInteractionWithAgent() {
   if (Interaction2?.setAgent) {
     await Interaction2.setAgent(relatedAgent2);
   }
-
-  const relatedAgent3 = await AiAgents.findOne({
-    offset: Math.floor(Math.random() * (await AiAgents.count())),
-  });
-  const Interaction3 = await Interactions.findOne({
-    order: [['id', 'ASC']],
-    offset: 3,
-  });
-  if (Interaction3?.setAgent) {
-    await Interaction3.setAgent(relatedAgent3);
-  }
 }
 
 async function associateInteractionWithUser() {
@@ -396,17 +318,6 @@ async function associateInteractionWithUser() {
   if (Interaction2?.setUser) {
     await Interaction2.setUser(relatedUser2);
   }
-
-  const relatedUser3 = await Users.findOne({
-    offset: Math.floor(Math.random() * (await Users.count())),
-  });
-  const Interaction3 = await Interactions.findOne({
-    order: [['id', 'ASC']],
-    offset: 3,
-  });
-  if (Interaction3?.setUser) {
-    await Interaction3.setUser(relatedUser3);
-  }
 }
 
 async function associateInteractionWithOrganization() {
@@ -442,17 +353,6 @@ async function associateInteractionWithOrganization() {
   if (Interaction2?.setOrganization) {
     await Interaction2.setOrganization(relatedOrganization2);
   }
-
-  const relatedOrganization3 = await Organizations.findOne({
-    offset: Math.floor(Math.random() * (await Organizations.count())),
-  });
-  const Interaction3 = await Interactions.findOne({
-    order: [['id', 'ASC']],
-    offset: 3,
-  });
-  if (Interaction3?.setOrganization) {
-    await Interaction3.setOrganization(relatedOrganization3);
-  }
 }
 
 async function associateWebsiteWithOrganization() {
@@ -488,18 +388,9 @@ async function associateWebsiteWithOrganization() {
   if (Website2?.setOrganization) {
     await Website2.setOrganization(relatedOrganization2);
   }
+}
 
-  const relatedOrganization3 = await Organizations.findOne({
+// Similar logic for "relation_many"
-    offset: Math.floor(Math.random() * (await Organizations.count())),
-  });
-  const Website3 = await Websites.findOne({
-    order: [['id', 'ASC']],
-    offset: 3,
-  });
-  if (Website3?.setOrganization) {
-    await Website3.setOrganization(relatedOrganization3);
-  }
-}
 
 module.exports = {
   up: async (queryInterface, Sequelize) => {
@@ -527,6 +418,8 @@ module.exports = {
       await associateInteractionWithOrganization(),
 
       await associateWebsiteWithOrganization(),
+
+      // Similar logic for "relation_many"
     ]);
   },
 

frontend/src/components/Ai_agents/TableAi_agents.tsx

@@ -20,6 +20,8 @@ import _ from 'lodash';
 import dataFormatter from '../../helpers/dataFormatter';
 import { dataGridStyles } from '../../styles';
 
+import CardAi_agents from './CardAi_agents';
+
 const perPage = 10;
 
 const TableSampleAi_agents = ({
@@ -464,7 +466,18 @@ const TableSampleAi_agents = ({
         <p>Are you sure you want to delete this item?</p>
       </CardBoxModal>
 
-      {dataGrid}
+      {ai_agents && Array.isArray(ai_agents) && !showGrid && (
+        <CardAi_agents
+          ai_agents={ai_agents}
+          loading={loading}
+          onDelete={handleDeleteModalAction}
+          currentPage={currentPage}
+          numPages={numPages}
+          onPageChange={onPageChange}
+        />
+      )}
+
+      {showGrid && dataGrid}
 
       {selectedRows.length > 0 &&
         createPortal(

frontend/src/components/WebPageComponents/Header.tsx

@@ -19,9 +19,9 @@ export default function WebSiteHeader({
   const websiteHeder = useAppSelector((state) => state.style.websiteHeder);
   const borders = useAppSelector((state) => state.style.borders);
 
-  const style = HeaderStyle.PAGES_RIGHT;
+  const style = HeaderStyle.PAGES_LEFT;
 
-  const design = HeaderDesigns.DESIGN_DIVERSITY;
+  const design = HeaderDesigns.DEFAULT_DESIGN;
   return (
     <header id='websiteHeader' className='overflow-hidden'>
       <div

frontend/src/pages/ai_agents/ai_agents-list.tsx

@@ -127,6 +127,10 @@ const Ai_agentsTablesPage = () => {
           <div className='md:inline-flex items-center ms-auto'>
             <div id='delete-rows-button'></div>
           </div>
+
+          <div className='md:inline-flex items-center ms-auto'>
+            <Link href={'/ai_agents/ai_agents-table'}>Switch to Table</Link>
+          </div>
         </CardBox>
 
         <CardBox className='mb-6' hasTable>

frontend/src/pages/ai_agents/ai_agents-table.tsx

@@ -128,7 +128,7 @@ const Ai_agentsTablesPage = () => {
             <div id='delete-rows-button'></div>
 
             <Link href={'/ai_agents/ai_agents-list'}>
-              Back to <span className='capitalize'>table</span>
+              Back to <span className='capitalize'>card</span>
             </Link>
           </div>
         </CardBox>

frontend/src/pages/index.tsx

@@ -134,7 +134,7 @@ export default function WebSite() {
         <FeaturesSection
           projectName={'website-ai-agents'}
           image={['AI agents enhancing user experience']}
-          withBg={0}
+          withBg={1}
           features={features_points}
           mainText={`Discover the Power of ${projectName}`}
           subTitle={`Explore the innovative features of ${projectName} that enhance your website's functionality and user engagement.`}

frontend/src/pages/web_pages/about.tsx

@@ -140,7 +140,7 @@ export default function WebSite() {
         <FeaturesSection
           projectName={'website-ai-agents'}
           image={['AI-driven website enhancement']}
-          withBg={1}
+          withBg={0}
           features={features_points}
           mainText={`Explore the Core Features of ${projectName}`}
           subTitle={`Discover how ${projectName} enhances your website with intelligent AI capabilities, offering seamless navigation and interaction.`}