csc up sizes of filters

sae-csc/package-lock.json

@@ -15,6 +15,7 @@
         "@angular/platform-browser": "^20.1.0",
         "@angular/router": "^20.1.0",
         "@ngrx/store": "^20.0.0",
+        "angular-auth-oidc-client": "20.0.2",
         "aws-amplify": "^6.0.0",
         "remixicon": "^4.6.0",
         "rxjs": "~7.8.0",
@@ -9066,6 +9067,22 @@
         "node": ">= 14.0.0"
       }
     },
+    "node_modules/angular-auth-oidc-client": {
+      "version": "20.0.2",
+      "resolved": "https://registry.npmjs.org/angular-auth-oidc-client/-/angular-auth-oidc-client-20.0.2.tgz",
+      "integrity": "sha512-zU+5h8LRB+NDIwmI/AUfE1BC67wb1N877RyVAgKrAIg0DTbUbfK7cZl3XBpYOd5vDoRBzROU0t3UnQ/Farjn4w==",
+      "license": "MIT",
+      "dependencies": {
+        "rfc4648": "^1.5.0",
+        "tslib": "^2.3.0"
+      },
+      "peerDependencies": {
+        "@angular/common": ">=20.0.0",
+        "@angular/core": ">=20.0.0",
+        "@angular/router": ">=20.0.0",
+        "rxjs": "^6.5.3 || ^7.4.0"
+      }
+    },
     "node_modules/ansi-colors": {
       "version": "4.1.3",
       "resolved": "https://registry.npmjs.org/ansi-colors/-/ansi-colors-4.1.3.tgz",
@@ -17495,6 +17512,12 @@
         "node": ">=0.10.0"
       }
     },
+    "node_modules/rfc4648": {
+      "version": "1.5.4",
+      "resolved": "https://registry.npmjs.org/rfc4648/-/rfc4648-1.5.4.tgz",
+      "integrity": "sha512-rRg/6Lb+IGfJqO05HZkN50UtY7K/JhxJag1kP23+zyMfrvoB0B7RWv06MbOzoc79RgCdNTiUaNsTT1AJZ7Z+cg==",
+      "license": "MIT"
+    },
     "node_modules/rfdc": {
       "version": "1.4.1",
       "resolved": "https://registry.npmjs.org/rfdc/-/rfdc-1.4.1.tgz",

sae-csc/package.json

@@ -29,12 +29,13 @@
     "@angular/platform-browser": "^20.1.0",
     "@angular/router": "^20.1.0",
     "@ngrx/store": "^20.0.0",
+    "angular-auth-oidc-client": "20.0.2",
+    "aws-amplify": "^6.0.0",
     "remixicon": "^4.6.0",
     "rxjs": "~7.8.0",
-    "tslib": "^2.3.0",
-    "shepherd.js": "^14.5.1",
     "sae-lib": "file:../my-workspace/dist/sae-lib",
-    "aws-amplify": "^6.0.0",
+    "shepherd.js": "^14.5.1",
+    "tslib": "^2.3.0",
     "zone.js": "~0.15.0"
   },
   "devDependencies": {
@@ -53,8 +54,8 @@
     "karma-coverage": "~2.2.0",
     "karma-jasmine": "~5.1.0",
     "karma-jasmine-html-reporter": "~2.1.0",
+    "remixicon": "^4.6.0",
     "storybook": "^9.1.1",
-    "typescript": "~5.8.2",
-    "remixicon": "^4.6.0"
+    "typescript": "~5.8.2"
   }
 }

sae-csc/src/app/app.config.ts

@@ -1,15 +1,28 @@
-import { ApplicationConfig, provideBrowserGlobalErrorListeners, provideZoneChangeDetection } from '@angular/core';
-import { provideRouter } from '@angular/router';
-import { provideStore } from '@ngrx/store';
+import {ApplicationConfig, provideBrowserGlobalErrorListeners, provideZoneChangeDetection} from '@angular/core';
+import {provideRouter} from '@angular/router';
+import {provideStore} from '@ngrx/store';
+
+import {routes} from './app.routes';
+import {metaReducers, reducers} from './redux/reducers';
+import {authConfig} from './auth/auth.config';
+import {provideAuth} from 'angular-auth-oidc-client';
 
-import { routes } from './app.routes';
-import { reducers, metaReducers } from './redux/reducers';
 
 export const appConfig: ApplicationConfig = {
+
   providers: [
+    provideAuth({
+      config: {
+        authority: 'https://cognito-idp.eu-west-3.amazonaws.com/eu-west-3_SN5gwjvkW',
+        redirectUrl: 'https://devops-labs-dev.aircraft-engines.safran/',
+        clientId: 'abcd_test_to_replace',
+        scope: 'email openid profile',
+        responseType: 'code'
+      },
+    }),
     provideBrowserGlobalErrorListeners(),
-    provideZoneChangeDetection({ eventCoalescing: true }),
+    provideZoneChangeDetection({eventCoalescing: true}),
     provideRouter(routes),
-    provideStore(reducers, { metaReducers })
+    provideStore(reducers, {metaReducers}), provideAuth(authConfig)
   ]
 };

sae-csc/src/app/auth/auth.config.ts

@@ -0,0 +1,15 @@
+import { PassedInitialConfig } from 'angular-auth-oidc-client';
+
+export const authConfig: PassedInitialConfig = {
+  config: {
+              authority: 'https://cognito-idp.eu-west-3.amazonaws.com/eu-west-3_SN5gwjvkW',
+              redirectUrl: window.location.origin,
+              postLogoutRedirectUri: window.location.origin,
+              clientId: 'please-enter-clientId',
+              scope: 'please-enter-scopes', // 'openid profile offline_access ' + your scopes
+              responseType: 'code',
+              silentRenew: true,
+              useRefreshToken: true,
+              renewTimeBeforeTokenExpiresInSeconds: 30,
+          }
+}

sae-csc/src/app/pages/similar-cases/similar-cases.html

@@ -1,7 +1,7 @@
 <div class="similar-cases">
 
   <header>
-    <div class="simimlar-cases-header">
+    <div class="similar-cases-header">
       <div (click)="displayHeaderTabs = !displayHeaderTabs" class="title-box is-clickable">
         {{ appState.resumeTitle }}
 
@@ -21,6 +21,8 @@
           <i class="ri-search-2-line"></i>
         </button>
       </div>
+
+
     </div>
     @if (displayHeaderTabs) {
       <div class="post-tabs">
@@ -46,17 +48,17 @@
         </div>
       </div>
     }
-
-  </header>
-  <main>
-
-    <div class="row filters-row">
+    <div class="filters-row">
       <sae-filters-group [actionTypes]="actionTypes" [appState]="appState"
                          [disabled]="true"
                          [hideChipsList]="true"
                          [store]="store"
       ></sae-filters-group>
     </div>
+  </header>
+  <main>
+
+
     <section class="padded-section">
       <div class="row-bot-talks">
         <sae-bot-talks

sae-csc/src/app/pages/similar-cases/similar-cases.scss

@@ -64,7 +64,7 @@ header {
     background: #FFF;
 
     + button {
-      margin-left: 4px;
+      margin-left: 8px;
     }
 
     &.search-solutions {
@@ -79,7 +79,6 @@ header {
   border-radius: 10px;
   background: #E3EAF1;
   padding: 16px;
-  margin: 16px 64px 0;
 
   .tabs {
     display: flex;

sae-csc/src/main.ts

@@ -1,6 +1,7 @@
-import { bootstrapApplication } from '@angular/platform-browser';
-import { appConfig } from './app/app.config';
-import { App } from './app/app';
+import {bootstrapApplication} from '@angular/platform-browser';
+import {appConfig} from './app/app.config';
+import {App} from './app/app';
+
 
 bootstrapApplication(App, appConfig)
   .catch((err) => console.error(err));

sae-csc/src/styles/app/styles/pages/_similar-cases.scss

@@ -2,14 +2,35 @@
 
 
 .similar-cases {
-  //background: green;
+  > header {
+    background: white;
+    padding-top: 42px;
+    padding-bottom: 42px;
+  }
+
+  .similar-cases-header,
+  .post-tabs,
+  .filters-row,
+  > main, > footer {
+    margin: 0 auto;
+    max-width: 1312px;
+  }
+
+  .similar-cases-header {
+    padding-top: 40px;
+    padding-bottom: 35px;
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    flex-direction: row;
+  }
+
   .padded-section {
     padding: 0 64px;
   }
 
   .filters-row {
-    padding: 0 64px 0;
-    background: white;
+
 
     .selectors {
       gap: 12px;
@@ -20,4 +41,15 @@
     padding: 64px;
     margin-top: 100px;
   }
+
+  sae-multi-selector {
+
+    .input-box {
+      width: 214.5px !important;
+    }
+  }
+
+  .bot-avatar {
+    background: transparent url('/public/chatbot.png') center center no-repeat;
+  }
 }