chore: Add router views for agent_bots (#5600)

app/javascript/dashboard/components/layout/config/sidebarItems/settings.js

@@ -3,6 +3,7 @@ import { frontendURL } from '../../../../helper/URLHelper';
 const settings = accountId => ({
   parentNav: 'settings',
   routes: [
+    'agent_bots',
     'agent_list',
     'canned_list',
     'labels_list',
@@ -74,10 +75,20 @@ const settings = accountId => ({
     {
       icon: 'automation',
       label: 'AUTOMATION',
+      beta: true,
       hasSubMenu: false,
       toState: frontendURL(`accounts/${accountId}/settings/automation/list`),
       toStateName: 'automation_list',
     },
+    {
+      icon: 'bot',
+      label: 'AGENT_BOTS',
+      beta: true,
+      hasSubMenu: false,
+      toState: frontendURL(`accounts/${accountId}/settings/agent-bots`),
+      toStateName: 'agent_bots',
+      featureFlagKey: 'agent_bots',
+    },
     {
       icon: 'chat-multiple',
       label: 'CANNED_RESPONSES',

app/javascript/dashboard/components/layout/sidebarComponents/SecondaryNavItem.vue

@@ -1,5 +1,5 @@
 <template>
-  <li class="sidebar-item">
+  <li v-show="isMenuItemVisible" class="sidebar-item">
     <div v-if="hasSubMenu" class="secondary-menu--wrap">
       <span class="secondary-menu--header fs-small">
         {{ $t(`SIDEBAR.${menuItem.label}`) }}
@@ -36,7 +36,7 @@
         {{ `${menuItem.count}` }}
       </span>
       <span
-        v-if="menuItem.label === 'AUTOMATION'"
+        v-if="menuItem.beta"
         data-view-component="true"
         label="Beta"
         class="beta"
@@ -114,10 +114,23 @@ export default {
     },
   },
   computed: {
-    ...mapGetters({ activeInbox: 'getSelectedInbox' }),
+    ...mapGetters({
+      activeInbox: 'getSelectedInbox',
+      accountId: 'getCurrentAccountId',
+      isFeatureEnabledonAccount: 'accounts/isFeatureEnabledonAccount',
+    }),
     hasSubMenu() {
       return !!this.menuItem.children;
     },
+    isMenuItemVisible() {
+      if (!this.menuItem.featureFlagKey) {
+        return true;
+      }
+      return this.isFeatureEnabledonAccount(
+        this.accountId,
+        this.menuItem.featureFlagKey
+      );
+    },
     isInboxConversation() {
       return (
         this.$store.state.route.name === 'inbox_conversation' &&