[PM-14567] - fix routes. update copy and headers (#11908)

* fix routes. update copy and headers

* Patch build process

* Revert "Patch build process"

This reverts commit 4d3716d375.

---------

Co-authored-by: Matt Bishop <mbishop@bitwarden.com>
Co-authored-by: Tom <144813356+ttalty@users.noreply.github.com>

apps/web/src/app/admin-console/organizations/layouts/organization-layout.component.html

@@ -2,7 +2,16 @@
   <app-side-nav variant="secondary" *ngIf="organization$ | async as organization">
     <bit-nav-logo [openIcon]="logo" route="." [label]="'adminConsole' | i18n"></bit-nav-logo>
     <org-switcher [filter]="orgFilter" [hideNewButton]="hideNewOrgButton$ | async"></org-switcher>
-
+    <bit-nav-group
+      icon="bwi-filter"
+      *ngIf="isAccessIntelligenceFeatureEnabled"
+      [text]="'accessIntelligence' | i18n"
+    >
+      <bit-nav-item
+        [text]="'riskInsights' | i18n"
+        route="access-intelligence/risk-insights"
+      ></bit-nav-item>
+    </bit-nav-group>
     <bit-nav-item
       icon="bwi-collection"
       [text]="'collections' | i18n"
@@ -39,11 +48,6 @@
         *ngIf="organization.canAccessReports"
       ></bit-nav-item>
     </bit-nav-group>
-    <bit-nav-item
-      *ngIf="isRiskInsightsFeatureEnabled"
-      [text]="'riskInsights' | i18n"
-      route="risk-insights"
-    ></bit-nav-item>
     <bit-nav-group
       icon="bwi-billing"
       [text]="'billing' | i18n"

apps/web/src/app/admin-console/organizations/layouts/organization-layout.component.ts

@@ -51,7 +51,7 @@ export class OrganizationLayoutComponent implements OnInit, OnDestroy {
   showPaymentAndHistory$: Observable<boolean>;
   hideNewOrgButton$: Observable<boolean>;
   organizationIsUnmanaged$: Observable<boolean>;
-  isRiskInsightsFeatureEnabled = false;
+  isAccessIntelligenceFeatureEnabled = false;
 
   private _destroy = new Subject<void>();
 
@@ -67,7 +67,7 @@ export class OrganizationLayoutComponent implements OnInit, OnDestroy {
   async ngOnInit() {
     document.body.classList.remove("layout_frontend");
 
-    this.isRiskInsightsFeatureEnabled = await this.configService.getFeatureFlag(
+    this.isAccessIntelligenceFeatureEnabled = await this.configService.getFeatureFlag(
       FeatureFlag.AccessIntelligence,
     );
 

apps/web/src/app/admin-console/organizations/organization-routing.module.ts

@@ -63,10 +63,10 @@ const routes: Routes = [
           ),
       },
       {
-        path: "risk-insights",
+        path: "access-intelligence",
         loadChildren: () =>
-          import("../../tools/risk-insights/risk-insights.module").then(
-            (m) => m.RiskInsightsModule,
+          import("../../tools/access-intelligence/access-intelligence.module").then(
+            (m) => m.AccessIntelligenceModule,
           ),
       },
       {

apps/web/src/app/tools/access-intelligence/access-intelligence-routing.module.ts

@@ -8,9 +8,9 @@ import { RiskInsightsComponent } from "./risk-insights.component";
 
 const routes: Routes = [
   {
-    path: "",
-    component: RiskInsightsComponent,
+    path: "risk-insights",
     canActivate: [canAccessFeature(FeatureFlag.AccessIntelligence)],
+    component: RiskInsightsComponent,
     data: {
       titleId: "RiskInsights",
     },
@@ -21,4 +21,4 @@ const routes: Routes = [
   imports: [RouterModule.forChild(routes)],
   exports: [RouterModule],
 })
-export class RiskInsightsRoutingModule {}
+export class AccessIntelligenceRoutingModule {}

apps/web/src/app/tools/access-intelligence/access-intelligence.module.ts

@@ -0,0 +1,9 @@
+import { NgModule } from "@angular/core";
+
+import { AccessIntelligenceRoutingModule } from "./access-intelligence-routing.module";
+import { RiskInsightsComponent } from "./risk-insights.component";
+
+@NgModule({
+  imports: [RiskInsightsComponent, AccessIntelligenceRoutingModule],
+})
+export class AccessIntelligenceModule {}

apps/web/src/app/tools/access-intelligence/risk-insights.component.html

@@ -1,7 +1,10 @@
-<div class="tw-mb-1 text-primary" bitTypography="body1">{{ "riskInsights" | i18n }}</div>
-<h1 bitTypography="h1">{{ "passwordRisk" | i18n }}</h1>
-<div class="tw-text-muted">{{ "discoverAtRiskPasswords" | i18n }}</div>
-<div class="tw-bg-primary-100 tw-rounded-lg tw-w-full tw-px-8 tw-py-2 tw-my-4">
+<div class="tw-mb-1 text-primary" bitTypography="body1">{{ "accessIntelligence" | i18n }}</div>
+<h1 bitTypography="h1">{{ "riskInsights" | i18n }}</h1>
+<div class="tw-text-muted tw-max-w-4xl tw-mb-2">
+  {{ "reviewAtRiskPasswords" | i18n }}
+  &nbsp;<a class="text-primary" routerLink="/login">{{ "learnMore" | i18n }}</a>
+</div>
+<div *ngIf="apps.length" class="tw-bg-primary-100 tw-rounded-lg tw-w-full tw-px-8 tw-py-2 tw-my-4">
   <i class="bwi bwi-exclamation-triangle bwi-lg tw-text-[1.2rem] text-muted" aria-hidden="true"></i>
   <span class="tw-mx-4">{{
     "dataLastUpdated" | i18n: (dataLastUpdated | date: "MMMM d, y 'at' h:mm a")

apps/web/src/app/tools/risk-insights/risk-insights.module.ts

@@ -1,9 +0,0 @@
-import { NgModule } from "@angular/core";
-
-import { RiskInsightsRoutingModule } from "./risk-insights-routing.module";
-import { RiskInsightsComponent } from "./risk-insights.component";
-
-@NgModule({
-  imports: [RiskInsightsComponent, RiskInsightsRoutingModule],
-})
-export class RiskInsightsModule {}

apps/web/src/locales/en/messages.json

@@ -5,14 +5,17 @@
   "criticalApplications": {
     "message": "Critical applications"
   },
+  "accessIntelligence": {
+    "message": "Access Intelligence"
+  },
   "riskInsights": {
     "message": "Risk Insights"
   },
   "passwordRisk": {
     "message": "Password Risk"
   },
-  "discoverAtRiskPasswords": {
-    "message": "Discover at-risk passwords and notify users to change those passwords."
+  "reviewAtRiskPasswords": {
+    "message": "Review at-risk passwords (weak, exposed, or reused) across applications. Select your most critical applications to prioritize security actions for your users to address at-risk passwords."
   },
   "dataLastUpdated": {
     "message": "Data last updated: $DATE$",