renommage de lib, rendre buildable

2025-08-08 10:57:00 +02:00 · 2025-08-08 10:57:00 +02:00 · a89007a81b
commit a89007a81b
parent 1706c64713
9896 changed files with 478996 additions and 496 deletions
--- a/sae-csc/.editorconfig
+++ b/sae-csc/.editorconfig
@ -0,0 +1,17 @@
+# Editor configuration, see https://editorconfig.org
+root = true
+
+[*]
+charset = utf-8
+indent_style = space
+indent_size = 2
+insert_final_newline = true
+trim_trailing_whitespace = true
+
+[*.ts]
+quote_type = single
+ij_typescript_use_double_quotes = false
+
+[*.md]
+max_line_length = off
+trim_trailing_whitespace = false
--- a/sae-csc/.gitignore
+++ b/sae-csc/.gitignore
@ -0,0 +1,45 @@
+# See https://docs.github.com/get-started/getting-started-with-git/ignoring-files for more about ignoring files.
+
+# Compiled output
+/dist
+/tmp
+/out-tsc
+/bazel-out
+
+# Node
+/node_modules
+npm-debug.log
+yarn-error.log
+
+# IDEs and editors
+.idea/
+.project
+.classpath
+.c9/
+*.launch
+.settings/
+*.sublime-workspace
+
+# Visual Studio Code
+.vscode/*
+!.vscode/settings.json
+!.vscode/tasks.json
+!.vscode/launch.json
+!.vscode/extensions.json
+.history/*
+
+# Miscellaneous
+/.angular/cache
+.sass-cache/
+/connect.lock
+/coverage
+/libpeerconnection.log
+testem.log
+/typings
+
+# System files
+.DS_Store
+Thumbs.db
+
+*storybook.log
+storybook-static
--- a/sae-csc/.storybook/main.ts
+++ b/sae-csc/.storybook/main.ts
@ -0,0 +1,16 @@
+import type { StorybookConfig } from '@storybook/angular';
+
+const config: StorybookConfig = {
+  "stories": [
+    "../src/**/*.mdx",
+    "../src/**/*.stories.@(js|jsx|mjs|ts|tsx)"
+  ],
+  "addons": [
+    "@storybook/addon-docs"
+  ],
+  "framework": {
+    "name": "@storybook/angular",
+    "options": {}
+  }
+};
+export default config;
--- a/sae-csc/.storybook/preview.ts
+++ b/sae-csc/.storybook/preview.ts
@ -0,0 +1,17 @@
+import type { Preview } from '@storybook/angular'
+import { setCompodocJson } from "@storybook/addon-docs/angular";
+import docJson from "../documentation.json";
+setCompodocJson(docJson);
+
+const preview: Preview = {
+  parameters: {
+    controls: {
+      matchers: {
+       color: /(background|color)$/i,
+       date: /Date$/i,
+      },
+    },
+  },
+};
+
+export default preview;
--- a/sae-csc/.storybook/tsconfig.doc.json
+++ b/sae-csc/.storybook/tsconfig.doc.json
@ -0,0 +1,10 @@
+// This tsconfig is used by Compodoc to generate the documentation for the project.
+// If Compodoc is not used, this file can be deleted.
+{
+  "extends": "./tsconfig.json",
+  // Exclude all files that are not needed for documentation generation.
+  "exclude": ["../src/test.ts", "../src/**/*.spec.ts", "../src/**/*.stories.ts"],
+  // Please make sure to include all files from which Compodoc should generate documentation.
+  "include": ["../src/**/*"],
+  "files": ["./typings.d.ts"]
+}
--- a/sae-csc/.storybook/tsconfig.json
+++ b/sae-csc/.storybook/tsconfig.json
@ -0,0 +1,11 @@
+{
+  "extends": "../tsconfig.app.json",
+  "compilerOptions": {
+    "types": ["node"],
+    "allowSyntheticDefaultImports": true,
+    "resolveJsonModule": true
+  },
+  "exclude": ["../src/test.ts", "../src/**/*.spec.ts"],
+  "include": ["../src/**/*.stories.*", "./preview.ts"],
+  "files": ["./typings.d.ts"]
+}
--- a/sae-csc/.storybook/typings.d.ts
+++ b/sae-csc/.storybook/typings.d.ts
@ -0,0 +1,4 @@
+declare module '*.md' {
+  const content: string;
+  export default content;
+}
--- a/sae-csc/README.md
+++ b/sae-csc/README.md
@ -0,0 +1,59 @@
+# Implem
+
+This project was generated using [Angular CLI](https://github.com/angular/angular-cli) version 20.1.4.
+
+## Development server
+
+To start a local development server, run:
+
+```bash
+ng serve
+```
+
+Once the server is running, open your browser and navigate to `http://localhost:4200/`. The application will automatically reload whenever you modify any of the source files.
+
+## Code scaffolding
+
+Angular CLI includes powerful code scaffolding tools. To generate a new component, run:
+
+```bash
+ng generate component component-name
+```
+
+For a complete list of available schematics (such as `components`, `directives`, or `pipes`), run:
+
+```bash
+ng generate --help
+```
+
+## Building
+
+To build the project run:
+
+```bash
+ng build
+```
+
+This will compile your project and store the build artifacts in the `dist/` directory. By default, the production build optimizes your application for performance and speed.
+
+## Running unit tests
+
+To execute unit tests with the [Karma](https://karma-runner.github.io) test runner, use the following command:
+
+```bash
+ng test
+```
+
+## Running end-to-end tests
+
+For end-to-end (e2e) testing, run:
+
+```bash
+ng e2e
+```
+
+Angular CLI does not come with an end-to-end testing framework by default. You can choose one that suits your needs.
+
+## Additional Resources
+
+For more information on using the Angular CLI, including detailed command references, visit the [Angular CLI Overview and Command Reference](https://angular.dev/tools/cli) page.
--- a/sae-csc/angular.json
+++ b/sae-csc/angular.json
@ -0,0 +1,128 @@
+{
+  "$schema": "./node_modules/@angular/cli/lib/config/schema.json",
+  "version": 1,
+  "newProjectRoot": "projects",
+  "projects": {
+    "implem": {
+      "projectType": "application",
+      "schematics": {
+        "@schematics/angular:component": {
+          "style": "scss"
+        }
+      },
+      "root": "",
+      "sourceRoot": "src",
+      "prefix": "app",
+      "architect": {
+        "build": {
+          "builder": "@angular/build:application",
+          "options": {
+            "browser": "src/main.ts",
+            "polyfills": [
+              "zone.js"
+            ],
+            "tsConfig": "tsconfig.app.json",
+            "inlineStyleLanguage": "scss",
+            "assets": [
+              {
+                "glob": "**/*",
+                "input": "public"
+              }
+            ],
+            "styles": [
+              "src/styles.scss"
+            ]
+          },
+          "configurations": {
+            "production": {
+              "budgets": [
+                {
+                  "type": "initial",
+                  "maximumWarning": "500kB",
+                  "maximumError": "1MB"
+                },
+                {
+                  "type": "anyComponentStyle",
+                  "maximumWarning": "4kB",
+                  "maximumError": "8kB"
+                }
+              ],
+              "outputHashing": "all"
+            },
+            "development": {
+              "optimization": false,
+              "extractLicenses": false,
+              "sourceMap": true
+            }
+          },
+          "defaultConfiguration": "production"
+        },
+        "serve": {
+          "builder": "@angular/build:dev-server",
+          "configurations": {
+            "production": {
+              "buildTarget": "implem:build:production"
+            },
+            "development": {
+              "buildTarget": "implem:build:development"
+            }
+          },
+          "defaultConfiguration": "development"
+        },
+        "extract-i18n": {
+          "builder": "@angular/build:extract-i18n"
+        },
+        "test": {
+          "builder": "@angular/build:karma",
+          "options": {
+            "polyfills": [
+              "zone.js",
+              "zone.js/testing"
+            ],
+            "tsConfig": "tsconfig.spec.json",
+            "inlineStyleLanguage": "scss",
+            "assets": [
+              {
+                "glob": "**/*",
+                "input": "public"
+              }
+            ],
+            "styles": [
+              "src/styles.scss"
+            ]
+          }
+        },
+        "storybook": {
+          "builder": "@storybook/angular:start-storybook",
+          "options": {
+            "configDir": ".storybook",
+            "browserTarget": "implem:build",
+            "compodoc": true,
+            "compodocArgs": [
+              "-e",
+              "json",
+              "-d",
+              "."
+            ],
+            "port": 6006
+          }
+        },
+        "build-storybook": {
+          "builder": "@storybook/angular:build-storybook",
+          "options": {
+            "configDir": ".storybook",
+            "browserTarget": "implem:build",
+            "compodoc": true,
+            "compodocArgs": [
+              "-e",
+              "json",
+              "-d",
+              "."
+            ],
+            "outputDir": "storybook-static"
+          }
+        }
+      }
+    }
+  }
+}
--- a/sae-csc/documentation.json
+++ b/sae-csc/documentation.json
--- a/sae-csc/package-lock.json
+++ b/sae-csc/package-lock.json
--- a/sae-csc/package.json
+++ b/sae-csc/package.json
@ -0,0 +1,55 @@
+{
+  "name": "implem",
+  "version": "0.0.0",
+  "scripts": {
+    "ng": "ng",
+    "start": "ng serve",
+    "build": "ng build",
+    "watch": "ng build --watch --configuration development",
+    "test": "ng test",
+    "storybook": "ng run implem:storybook",
+    "build-storybook": "ng run implem:build-storybook"
+  },
+  "prettier": {
+    "overrides": [
+      {
+        "files": "*.html",
+        "options": {
+          "parser": "angular"
+        }
+      }
+    ]
+  },
+  "private": true,
+  "dependencies": {
+    "@angular/common": "^20.1.0",
+    "@angular/compiler": "^20.1.0",
+    "@angular/core": "^20.1.0",
+    "@angular/forms": "^20.1.0",
+    "@angular/platform-browser": "^20.1.0",
+    "@angular/router": "^20.1.0",
+    "remixicon": "^4.6.0",
+    "rxjs": "~7.8.0",
+    "tslib": "^2.3.0",
+    "zone.js": "~0.15.0"
+  },
+  "devDependencies": {
+    "@angular-devkit/build-angular": "^20.1.4",
+    "@angular/build": "^20.1.4",
+    "@angular/cli": "^20.1.4",
+    "@angular/compiler-cli": "^20.1.0",
+    "@compodoc/compodoc": "^1.1.26",
+    "@storybook/addon-docs": "^9.1.1",
+    "@storybook/angular": "^9.1.1",
+    "@types/jasmine": "~5.1.0",
+    "jasmine-core": "~5.8.0",
+    "karma": "~6.4.0",
+    "karma-chrome-launcher": "~3.2.0",
+    "karma-coverage": "~2.2.0",
+    "karma-jasmine": "~5.1.0",
+    "karma-jasmine-html-reporter": "~2.1.0",
+    "storybook": "^9.1.1",
+    "bulma": "^1.0.4 ",
+    "typescript": "~5.8.2"
+  }
+}
--- a/sae-csc/public/csc_logo.svg
+++ b/sae-csc/public/csc_logo.svg
@ -0,0 +1,6 @@
+<svg width="14" height="16" viewBox="0 0 14 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M8.52206 7.28816L9.6082 6.20201L5.26314 1.85714C3.90547 0.499441 1.88152 0.893194 0.918739 1.85746C0.0837352 2.69375 -0.166553 3.75833 0.10483 4.84444C0.36813 5.8982 1.19027 6.47363 1.73334 7.01681L2.81948 5.93066L2.00522 5.11604C1.64317 4.75392 1.24618 3.70262 2.00569 2.9435C2.82077 2.12885 3.81546 2.58148 4.1775 2.94354L8.52206 7.28816Z" fill="#7FB8E7"/>
+<path d="M5.43018 8.58488L4.34404 9.67104L8.6891 14.0159C10.0468 15.3736 12.0707 14.9799 13.0335 14.0156C13.8685 13.1793 14.1188 12.1147 13.8474 11.0286C13.5841 9.97485 12.762 9.39942 12.2189 8.85623L11.1328 9.94239L11.947 10.757C12.3091 11.1191 12.7061 12.1704 11.9465 12.9295C11.1315 13.7442 10.1368 13.2916 9.77474 12.9295L5.43018 8.58488Z" fill="#7FB8E7"/>
+<path d="M6.32149 6.41189L5.22094 5.34034L0.934581 9.74314C-0.404832 11.1189 0.0159221 13.1374 0.99295 14.0872C1.84031 14.911 2.90812 15.147 3.99049 14.8612C5.04062 14.5838 5.605 13.754 6.14088 13.2037L5.04032 12.1322L4.23667 12.9573C3.87943 13.3241 2.83354 13.7351 2.06436 12.9858C1.2389 12.1817 1.67819 11.181 2.03537 10.8142L6.32149 6.41189Z" fill="#7FB8E7"/>
+<path d="M7.61327 9.50212L8.68924 10.5984L13.0743 6.29387C14.4446 4.94887 14.0697 2.92131 13.1144 1.94958C12.286 1.10681 11.2238 0.846618 10.1352 1.10788C9.07907 1.36136 8.49602 2.17812 7.94781 2.71612L9.02379 3.81235L9.84595 3.00569C10.2114 2.64703 11.2663 2.25983 12.0183 3.02639C12.8254 3.84903 12.3635 4.83948 11.9981 5.19814L7.61327 9.50212Z" fill="#7FB8E7"/>
+</svg>
--- a/sae-csc/public/favicon.ico
+++ b/sae-csc/public/favicon.ico
--- a/sae-csc/public/safran_logo.svg
+++ b/sae-csc/public/safran_logo.svg
@ -0,0 +1,49 @@
+<svg width="20" height="21" viewBox="0 0 20 21" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <mask id="mask0_181_3230" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="0" y="14" width="20" height="7">
+    <path d="M18.9093 14.9434C16.8047 17.7914 13.4049 19.6474 9.56798 19.6474C5.73108 19.6474 2.33128 17.7914 0.226653 14.9434H0C1.6999 18.4794 5.34253 20.9114 9.56798 20.9114C13.7934 20.9114 17.4361 18.4634 19.136 14.9434H18.9093Z" fill="white"/>
+  </mask>
+  <g mask="url(#mask0_181_3230)">
+    <path d="M19.136 14.9434H0V20.9114H19.136V14.9434Z" fill="url(#paint0_radial_181_3230)"/>
+  </g>
+  <mask id="mask1_181_3230" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="0" y="2" width="19" height="17">
+    <path d="M2.81698 4.06464C1.5542 4.99264 1.05233 5.93664 0.874244 6.81664C-0.0161772 11.1206 8.59663 12.8326 11.8993 13.9046C13.7125 14.4806 13.9553 15.2646 13.9392 15.8886C13.9068 17.3286 11.8507 18.6246 11.8345 18.6246C13.5182 18.5926 15.7848 17.6166 17.1447 16.0966C17.6627 15.5206 18.116 14.7526 18.2294 14.1926C18.7312 11.6166 16.3028 10.3046 13.4373 9.31264C11.2031 8.54464 9.35753 8.01664 7.78715 7.53664C5.29397 6.78464 4.87304 6.06464 4.88923 5.28064C4.90542 4.36864 5.89298 3.21664 6.99387 2.54464C6.97768 2.51264 4.90542 2.51264 2.81698 4.06464Z" fill="white"/>
+  </mask>
+  <g mask="url(#mask1_181_3230)">
+    <path d="M-7.01001 14.6885L14.1658 26.5605L25.7251 6.43255L4.54928 -5.43945L-7.01001 14.6885Z" fill="url(#paint1_linear_181_3230)"/>
+  </g>
+  <mask id="mask2_181_3230" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="0" y="0" width="20" height="6">
+    <path d="M0 5.96808H0.226653C2.33128 3.12008 5.73108 1.26408 9.56798 1.26408C13.4049 1.26408 16.8047 3.12008 18.9093 5.96808H19.136C17.4361 2.43208 13.7934 7.79692e-05 9.56798 7.79692e-05C5.35872 -0.015922 1.6999 2.43208 0 5.96808Z" fill="white"/>
+  </mask>
+  <g mask="url(#mask2_181_3230)">
+    <path d="M-0.728516 0.0796874L0.291421 8.27169L19.8807 5.87169L18.8446 -2.32031L-0.728516 0.0796874Z" fill="url(#paint2_linear_181_3230)"/>
+  </g>
+  <defs>
+    <radialGradient id="paint0_radial_181_3230" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(9.57148 17.9241) scale(10.698 10.5728)">
+      <stop stop-color="#84CFED"/>
+      <stop offset="0.22" stop-color="#59A7D5"/>
+      <stop offset="0.45" stop-color="#3284C0"/>
+      <stop offset="0.67" stop-color="#176BB1"/>
+      <stop offset="0.86" stop-color="#065BA7"/>
+      <stop offset="1" stop-color="#0056A4"/>
+    </radialGradient>
+    <linearGradient id="paint1_linear_181_3230" x1="3.8416" y1="7.5054" x2="18.3229" y2="15.8158" gradientUnits="userSpaceOnUse">
+      <stop stop-color="#57BCEC"/>
+      <stop offset="0.08" stop-color="#4CB1E3"/>
+      <stop offset="0.34" stop-color="#2B8FC9"/>
+      <stop offset="0.59" stop-color="#1376B6"/>
+      <stop offset="0.81" stop-color="#0567AB"/>
+      <stop offset="1" stop-color="#0062A7"/>
+    </linearGradient>
+    <linearGradient id="paint2_linear_181_3230" x1="9.12259" y1="-0.191204" x2="11.6743" y2="20.5973" gradientUnits="userSpaceOnUse">
+      <stop stop-color="#81CDEC"/>
+      <stop offset="0.08" stop-color="#5FADD8"/>
+      <stop offset="0.16" stop-color="#4292C8"/>
+      <stop offset="0.25" stop-color="#2A7CBB"/>
+      <stop offset="0.35" stop-color="#176BB1"/>
+      <stop offset="0.47" stop-color="#0A5FA9"/>
+      <stop offset="0.62" stop-color="#0258A5"/>
+      <stop offset="0.94" stop-color="#0056A4"/>
+      <stop offset="1" stop-color="#0056A4"/>
+    </linearGradient>
+  </defs>
+</svg>
--- a/sae-csc/src/app/app.config.ts
+++ b/sae-csc/src/app/app.config.ts
@ -0,0 +1,12 @@
+import { ApplicationConfig, provideBrowserGlobalErrorListeners, provideZoneChangeDetection } from '@angular/core';
+import { provideRouter } from '@angular/router';
+
+import { routes } from './app.routes';
+
+export const appConfig: ApplicationConfig = {
+  providers: [
+    provideBrowserGlobalErrorListeners(),
+    provideZoneChangeDetection({ eventCoalescing: true }),
+    provideRouter(routes)
+  ]
+};
--- a/sae-csc/src/app/app.html
+++ b/sae-csc/src/app/app.html
@ -0,0 +1,13 @@
+<html>
+<head>
+  <title>CSC implémentation</title>
+</head>
+<body>
+<router-outlet/>
+<h1>
+  <img src="csc_logo.svg" alt="logo">
+  CSC
+</h1>
+
+</body>
+</html>
--- a/sae-csc/src/app/app.routes.ts
+++ b/sae-csc/src/app/app.routes.ts
@ -0,0 +1,18 @@
+import {Routes} from '@angular/router';
+import {Main} from './pages/main/main';
+import {Admin} from './pages/admin/admin';
+import {SimilarCases} from './pages/similar-cases/similar-cases';
+
+export const routes: Routes = [{
+  path: '',
+  component: Main
+},
+  {
+    path: 'admin',
+    component: Admin
+  },
+  {
+    path: 'similar-cases',
+    component: SimilarCases
+  },
+];
--- a/sae-csc/src/app/app.scss
+++ b/sae-csc/src/app/app.scss
--- a/sae-csc/src/app/app.spec.ts
+++ b/sae-csc/src/app/app.spec.ts
@ -0,0 +1,23 @@
+import { TestBed } from '@angular/core/testing';
+import { App } from './app';
+
+describe('App', () => {
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      imports: [App],
+    }).compileComponents();
+  });
+
+  it('should create the app', () => {
+    const fixture = TestBed.createComponent(App);
+    const app = fixture.componentInstance;
+    expect(app).toBeTruthy();
+  });
+
+  it('should render title', () => {
+    const fixture = TestBed.createComponent(App);
+    fixture.detectChanges();
+    const compiled = fixture.nativeElement as HTMLElement;
+    expect(compiled.querySelector('h1')?.textContent).toContain('Hello, implem');
+  });
+});
--- a/sae-csc/src/app/app.ts
+++ b/sae-csc/src/app/app.ts
@ -0,0 +1,12 @@
+import { Component, signal } from '@angular/core';
+import { RouterOutlet } from '@angular/router';
+
+@Component({
+  selector: 'app-root',
+  imports: [RouterOutlet],
+  templateUrl: './app.html',
+  styleUrl: './app.scss'
+})
+export class App {
+  protected readonly title = signal('implem');
+}
--- a/sae-csc/src/app/pages/admin/admin.html
+++ b/sae-csc/src/app/pages/admin/admin.html
@ -0,0 +1 @@
+<p>admin works!</p>
--- a/sae-csc/src/app/pages/admin/admin.scss
+++ b/sae-csc/src/app/pages/admin/admin.scss
--- a/sae-csc/src/app/pages/admin/admin.spec.ts
+++ b/sae-csc/src/app/pages/admin/admin.spec.ts
@ -0,0 +1,23 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { Admin } from './admin';
+
+describe('Admin', () => {
+  let component: Admin;
+  let fixture: ComponentFixture<Admin>;
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      imports: [Admin]
+    })
+    .compileComponents();
+
+    fixture = TestBed.createComponent(Admin);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});
--- a/sae-csc/src/app/pages/admin/admin.ts
+++ b/sae-csc/src/app/pages/admin/admin.ts
@ -0,0 +1,11 @@
+import { Component } from '@angular/core';
+
+@Component({
+  selector: 'app-admin',
+  imports: [],
+  templateUrl: './admin.html',
+  styleUrl: './admin.scss'
+})
+export class Admin {
+
+}
--- a/sae-csc/src/app/pages/main/main.html
+++ b/sae-csc/src/app/pages/main/main.html
@ -0,0 +1,37 @@
+<div id="main_page">
+  <app-top-navigation></app-top-navigation>
+  <main>
+
+    <h2 class="title">
+      CSC Solution Matcher helps match client questions with similar previous cases using
+      <span class="magic-text">
+
+      AI technology
+      <i class="ri-sparkling-fill"></i>
+      </span>
+    </h2>
+    <!--  traduction de requête-->
+    <div id="translation_request">
+
+      <div class="helper">
+        Original question
+        <i class="ri-arrow-right-line"></i>
+      </div>
+
+      <sae-translate-texts></sae-translate-texts>
+    </div>
+    <!--  analyse de question-->
+    <div id="question_alaysis">
+      <!--filters-->
+      <!--      advanced filters-->
+      <sae-filters-group></sae-filters-group>
+    </div>
+  </main>
+  <footer>
+
+    <!--  bottom nav -->
+    <!--  bottom fixed bar -->
+    <!--  search button-->
+    <app-bottom-navigation></app-bottom-navigation>
+  </footer>
+</div>
--- a/sae-csc/src/app/pages/main/main.scss
+++ b/sae-csc/src/app/pages/main/main.scss
@ -0,0 +1,3 @@
+.magic-text{
+  color: #EEA100;
+}
--- a/sae-csc/src/app/pages/main/main.spec.ts
+++ b/sae-csc/src/app/pages/main/main.spec.ts
@ -0,0 +1,23 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { Main } from './main';
+
+describe('Main', () => {
+  let component: Main;
+  let fixture: ComponentFixture<Main>;
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      imports: [Main]
+    })
+    .compileComponents();
+
+    fixture = TestBed.createComponent(Main);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});
--- a/sae-csc/src/app/pages/main/main.ts
+++ b/sae-csc/src/app/pages/main/main.ts
@ -0,0 +1,21 @@
+import { Component } from '@angular/core';
+import {TopNavigation} from '../../shared/navigation/top-navigation/top-navigation';
+import {TranslateTexts} from '../../../../../my-workspace/projects/sae-lib/translate-texts/translate-texts';
+import {FiltersGroup} from '../../../../../my-workspace/projects/sae-lib/filters/filters-group/filters-group';
+import {BottomNavigation} from '../../shared/navigation/bottom-navigation/bottom-navigation';
+
+
+@Component({
+  selector: 'app-main',
+  imports: [
+    TopNavigation,
+    TranslateTexts,
+    FiltersGroup,
+    BottomNavigation
+  ],
+  templateUrl: './main.html',
+  styleUrl: './main.scss'
+})
+export class Main {
+
+}
--- a/sae-csc/src/app/pages/similar-cases/case-result/case-result.html
+++ b/sae-csc/src/app/pages/similar-cases/case-result/case-result.html
@ -0,0 +1,34 @@
+<div class="case-result">
+
+  <!--case result-->
+  <div class="title">
+    -7B / 72-21-02 / Booster blades stg 3 / LPC STG.3 BLADES DISLOCATION / 894773
+
+    <div class="button button-toggle chevron">v</div>
+  </div>
+  <div class="row tabs">
+    <div class="tab-item" (click)="selectCaseTab('information')">
+      <i class="ri-file-list-2-line"></i>
+      <div class="label">
+        Information
+      </div>
+    </div>
+
+  </div>
+  <div class="row selected-tab-content">
+    AI’s summary : Work stoppage case for CFM56-7B engine (ESN: 894773) at MTU Zhuhai. LPC Stage 3 blade platform
+    dislocation detected during shop visit BSI. Maximum dislocation: 1.22mm axial, 0.63mm radial. Customer requests
+    evaluation, acceptance criteria, or DICA for further action. No corresponding limits in AMM 72-00-00 BSI inspection
+    chapter.
+  </div>
+  <div class="row case-more-infos">
+    <div class="info-item">
+      <span class="label">Date :</span>
+      <span class="value">2023-12-12</span>
+    </div>
+    <div class="info-item">
+      <span class="label">Chrono ID :</span>
+      <span class="value">CSC/CFM/2023-10/00446-A</span>
+    </div>
+  </div>
+</div>
--- a/sae-csc/src/app/pages/similar-cases/case-result/case-result.scss
+++ b/sae-csc/src/app/pages/similar-cases/case-result/case-result.scss
--- a/sae-csc/src/app/pages/similar-cases/case-result/case-result.spec.ts
+++ b/sae-csc/src/app/pages/similar-cases/case-result/case-result.spec.ts
@ -0,0 +1,23 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { CaseResult } from './case-result';
+
+describe('CaseResult', () => {
+  let component: CaseResult;
+  let fixture: ComponentFixture<CaseResult>;
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      imports: [CaseResult]
+    })
+    .compileComponents();
+
+    fixture = TestBed.createComponent(CaseResult);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});
--- a/sae-csc/src/app/pages/similar-cases/case-result/case-result.ts
+++ b/sae-csc/src/app/pages/similar-cases/case-result/case-result.ts
@ -0,0 +1,17 @@
+import { Component } from '@angular/core';
+
+@Component({
+  selector: 'app-case-result',
+  imports: [],
+  templateUrl: './case-result.html',
+  styleUrl: './case-result.scss'
+})
+export class CaseResult {
+
+
+  public activeTab:string = ''
+  selectCaseTab(activeTab: string) {
+    console.log('todo')
+    this.activeTab = activeTab
+  }
+}
--- a/sae-csc/src/app/pages/similar-cases/similar-cases.html
+++ b/sae-csc/src/app/pages/similar-cases/similar-cases.html
@ -0,0 +1,96 @@
+<div class="similar-cases">
+
+  <header>
+    <div class="row">
+
+      <button class="button">
+        toggle
+      </button>
+      <div class="title-box">
+        Work stoppage case for CFM56-7B engine (ESN: 802379)...
+
+      </div>
+      <div class="buttons">
+        <button class="button">
+          new question
+        </button>
+        <button class="button">
+          Search similar cases
+        </button>
+      </div>
+    </div>
+    <div class="row filters-row">
+      <sae-filters-group></sae-filters-group>
+    </div>
+  </header>
+  <main>
+
+    <div class="row bot-talks">
+      <sae-bot-talks></sae-bot-talks>
+
+    </div>
+    <div class="tabs-container">
+      <div class="tabs-selector">
+
+        <div class="columns">
+          <div class="column">
+            <div class="tab-button is-active">
+              Similar cases
+            </div>
+          </div>
+          <div class="column">
+            <div class="tab-button is-active">
+              Technical manual
+            </div>
+          </div>
+        </div>
+      </div>
+      <div class="tabs-body">
+
+
+        @if (displayedTab == 'similar-cases') {
+          <div id="similar_cases_tab">
+            <div class="top-bar">
+<!--              <input type="text" class="search-input" [(ngModel)]="searchInput">-->
+              <div class="chips-container">
+                <button class="button chips">
+
+                  DICA
+                </button>
+
+              </div>
+            </div>
+            <div class="row">
+              <div class="columns">
+                <div class="found-infos column">
+                  24 cases found, 3 cases suggested by AI
+                </div>
+                <div class="toggle-ai-suggestion column">
+                  AI suggestions
+                  <!--              applied-->
+                  <!--              disabled-->
+                </div>
+              </div>
+            </div>
+            <div class="row cases-results">
+
+              <!--           boucle des résultats-->
+              <app-case-result></app-case-result>
+
+            </div>
+          </div>
+
+
+        } @else {
+
+          <div id="technical_manuals_tab">
+            <sae-bot-talks></sae-bot-talks>
+          </div>
+        }
+      </div>
+    </div>
+  </main>
+  <footer>
+    <app-bottom-navigation></app-bottom-navigation>
+  </footer>
+</div>
--- a/sae-csc/src/app/pages/similar-cases/similar-cases.scss
+++ b/sae-csc/src/app/pages/similar-cases/similar-cases.scss
@ -0,0 +1,3 @@
+.toggle-ai-suggestion{
+  color: #FEAD02;
+}
--- a/sae-csc/src/app/pages/similar-cases/similar-cases.spec.ts
+++ b/sae-csc/src/app/pages/similar-cases/similar-cases.spec.ts
@ -0,0 +1,23 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { SimilarCases } from './similar-cases';
+
+describe('SimilarCases', () => {
+  let component: SimilarCases;
+  let fixture: ComponentFixture<SimilarCases>;
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      imports: [SimilarCases]
+    })
+    .compileComponents();
+
+    fixture = TestBed.createComponent(SimilarCases);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});
--- a/sae-csc/src/app/pages/similar-cases/similar-cases.ts
+++ b/sae-csc/src/app/pages/similar-cases/similar-cases.ts
@ -0,0 +1,25 @@
+import { Component } from '@angular/core';
+import {FiltersGroup} from '../../../../../my-workspace/projects/sae-lib/filters/filters-group/filters-group';
+import {BotTalks} from '../../../../../my-workspace/projects/sae-lib/chatbot/bot-talks/bot-talks';
+import {FormsModule, ReactiveFormsModule} from '@angular/forms';
+import {CaseResult} from './case-result/case-result';
+import {BottomNavigation} from '../../shared/navigation/bottom-navigation/bottom-navigation';
+
+@Component({
+  selector: 'app-similar-cases',
+  imports: [
+    FiltersGroup,
+    BotTalks,
+    // ReactiveFormsModule,
+    CaseResult,
+    BottomNavigation,
+    // FormsModule
+  ],
+  templateUrl: './similar-cases.html',
+  styleUrl: './similar-cases.scss'
+})
+export class SimilarCases {
+  public searchInput: string = '';
+  public displayedTab: 'similar-cases' | 'technical-manual' = 'similar-cases';
+
+}
--- a/sae-csc/src/app/shared/navigation/bottom-navigation/bottom-navigation.html
+++ b/sae-csc/src/app/shared/navigation/bottom-navigation/bottom-navigation.html
@ -0,0 +1,15 @@
+<div class="bottom-navigation">
+  <nav class="navigation">
+    <a class="nav-item">
+      privacy policy
+    </a>
+    <a class="nav-item">
+      contact
+    </a>
+  </nav>
+  <div class="fixed-navigation">
+    <button class="next-step" routerLink="similar-cases">
+      Search similar cases
+    </button>
+  </div>
+</div>
--- a/sae-csc/src/app/shared/navigation/bottom-navigation/bottom-navigation.scss
+++ b/sae-csc/src/app/shared/navigation/bottom-navigation/bottom-navigation.scss
@ -0,0 +1,14 @@
+.next-step{
+  color: var(--color-text-invert, #FFF);
+  text-align: center;
+  leading-trim: both;
+  text-edge: cap;
+
+  /* Text/text-button */
+  font-family: var(--Fonts-Font-text, Barlow);
+  font-size: var(--Font-Base, 14px);
+  font-style: normal;
+  font-weight: 600;
+  line-height: 100%; /* 14px */
+  letter-spacing: 1.12px;
+}
--- a/sae-csc/src/app/shared/navigation/bottom-navigation/bottom-navigation.spec.ts
+++ b/sae-csc/src/app/shared/navigation/bottom-navigation/bottom-navigation.spec.ts
@ -0,0 +1,23 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { BottomNavigation } from './bottom-navigation';
+
+describe('BottomNavigation', () => {
+  let component: BottomNavigation;
+  let fixture: ComponentFixture<BottomNavigation>;
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      imports: [BottomNavigation]
+    })
+    .compileComponents();
+
+    fixture = TestBed.createComponent(BottomNavigation);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});
--- a/sae-csc/src/app/shared/navigation/bottom-navigation/bottom-navigation.ts
+++ b/sae-csc/src/app/shared/navigation/bottom-navigation/bottom-navigation.ts
@ -0,0 +1,14 @@
+import { Component } from '@angular/core';
+import {RouterLink} from '@angular/router';
+
+@Component({
+  selector: 'app-bottom-navigation',
+  imports: [
+    RouterLink
+  ],
+  templateUrl: './bottom-navigation.html',
+  styleUrl: './bottom-navigation.scss'
+})
+export class BottomNavigation {
+
+}
--- a/sae-csc/src/app/shared/navigation/top-navigation/top-navigation.html
+++ b/sae-csc/src/app/shared/navigation/top-navigation/top-navigation.html
@ -0,0 +1,51 @@
+<div class="top-navigation">
+
+  <nav class="navbar" role="navigation" aria-label="main navigation">
+    <div class="navbar-brand">
+      <a class="navbar-item" href="https://cipherbliss.com">
+
+        <img src="safran_logo.svg" alt="logo">
+      </a>
+
+      <a role="button" class="navbar-burger" aria-label="menu" aria-expanded="false"
+         data-target="navbarBasicExample">
+        <span aria-hidden="true"></span>
+        <span aria-hidden="true"></span>
+        <span aria-hidden="true"></span>
+        <span aria-hidden="true"></span>
+      </a>
+    </div>
+
+    <div id="navbarBasicExample" class="navbar-menu">
+
+      <div class="navbar-end">
+        <a class="navbar-item" routerLink="home" routerLinkActive="active-link">
+          <img src="csc_logo.svg" alt="logo">
+           CSC Solution Matcher
+        </a>
+        <a class="navbar-item">
+          Home
+        </a>
+        <a class="navbar-item">
+
+          Admin
+
+        </a>
+        <a class="navbar-item">
+
+          Quick Start
+
+        </a>
+        <a class="navbar-item">
+          <!--  exit-->
+          <i class="ri-door-line"></i>
+        </a>
+        <a class="navbar-item">
+          <!--  user -->
+          borhène
+        </a>
+
+      </div>
+    </div>
+  </nav>
+</div>
--- a/sae-csc/src/app/shared/navigation/top-navigation/top-navigation.scss
+++ b/sae-csc/src/app/shared/navigation/top-navigation/top-navigation.scss
--- a/sae-csc/src/app/shared/navigation/top-navigation/top-navigation.spec.ts
+++ b/sae-csc/src/app/shared/navigation/top-navigation/top-navigation.spec.ts
@ -0,0 +1,23 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { TopNavigation } from './top-navigation';
+
+describe('TopNavigation', () => {
+  let component: TopNavigation;
+  let fixture: ComponentFixture<TopNavigation>;
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      imports: [TopNavigation]
+    })
+    .compileComponents();
+
+    fixture = TestBed.createComponent(TopNavigation);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});
--- a/sae-csc/src/app/shared/navigation/top-navigation/top-navigation.ts
+++ b/sae-csc/src/app/shared/navigation/top-navigation/top-navigation.ts
@ -0,0 +1,15 @@
+import {Component} from '@angular/core';
+import {RouterLink, RouterLinkActive} from '@angular/router';
+
+@Component({
+  selector: 'app-top-navigation',
+  imports: [
+    RouterLink,
+    RouterLinkActive
+  ],
+  templateUrl: './top-navigation.html',
+  styleUrl: './top-navigation.scss'
+})
+export class TopNavigation {
+
+}
--- a/sae-csc/src/app/styles/_app.scss
+++ b/sae-csc/src/app/styles/_app.scss
@ -0,0 +1,14 @@
+
+// libs
+@use 'remixicon/fonts/remixicon.scss';
+
+@use 'bulma/sass/base/minireset.scss';
+@use 'bulma/sass/grid/_index.scss';
+@use 'bulma/sass/components/navbar.scss';
+
+// dev tools
+//@use '_app.scss';
+@use '_global.scss';
+@use '_debug.scss';
+@use '_variables.scss';
+
--- a/sae-csc/src/app/styles/_debug.scss
+++ b/sae-csc/src/app/styles/_debug.scss
--- a/sae-csc/src/app/styles/_global.scss
+++ b/sae-csc/src/app/styles/_global.scss
@ -0,0 +1,5 @@
+body{
+  background: #dedede;
+  margin: 0 auto;
+  padding: 1rem 3rem;
+}
--- a/sae-csc/src/app/styles/_variables.scss
+++ b/sae-csc/src/app/styles/_variables.scss
--- a/sae-csc/src/index.html
+++ b/sae-csc/src/index.html
@ -0,0 +1,13 @@
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>Implem</title>
+  <base href="/">
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+  <link rel="icon" type="image/x-icon" href="favicon.ico">
+</head>
+<body>
+  <app-root></app-root>
+</body>
+</html>
--- a/sae-csc/src/main.ts
+++ b/sae-csc/src/main.ts
@ -0,0 +1,6 @@
+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));
--- a/sae-csc/src/styles.scss
+++ b/sae-csc/src/styles.scss
@ -0,0 +1,5 @@
+// from global to more precise
+// sass lang utils
+@use "sass:color";
+@use "app/styles/app.scss";
+//@use "../../my-workspace/projects/sae-lib/app/styles/app.scss";
--- a/sae-csc/tsconfig.app.json
+++ b/sae-csc/tsconfig.app.json
@ -0,0 +1,15 @@
+/* To learn more about Typescript configuration file: https://www.typescriptlang.org/docs/handbook/tsconfig-json.html. */
+/* To learn more about Angular compiler options: https://angular.dev/reference/configs/angular-compiler-options. */
+{
+  "extends": "./tsconfig.json",
+  "compilerOptions": {
+    "outDir": "./out-tsc/app",
+    "types": []
+  },
+  "include": [
+    "src/**/*.ts"
+  ],
+  "exclude": [
+    "src/**/*.spec.ts"
+  ]
+}
--- a/sae-csc/tsconfig.json
+++ b/sae-csc/tsconfig.json
@ -0,0 +1,34 @@
+/* To learn more about Typescript configuration file: https://www.typescriptlang.org/docs/handbook/tsconfig-json.html. */
+/* To learn more about Angular compiler options: https://angular.dev/reference/configs/angular-compiler-options. */
+{
+  "compileOnSave": false,
+  "compilerOptions": {
+    "strict": true,
+    "noImplicitOverride": true,
+    "noPropertyAccessFromIndexSignature": true,
+    "noImplicitReturns": true,
+    "noFallthroughCasesInSwitch": true,
+    "skipLibCheck": true,
+    "isolatedModules": true,
+    "experimentalDecorators": true,
+    "importHelpers": true,
+    "target": "ES2022",
+    "module": "preserve"
+  },
+  "angularCompilerOptions": {
+    "enableI18nLegacyMessageIdFormat": false,
+    "strictInjectionParameters": true,
+    "strictInputAccessModifiers": true,
+    "typeCheckHostBindings": true,
+    "strictTemplates": true
+  },
+  "files": [],
+  "references": [
+    {
+      "path": "./tsconfig.app.json"
+    },
+    {
+      "path": "./tsconfig.spec.json"
+    }
+  ]
+}
--- a/sae-csc/tsconfig.spec.json
+++ b/sae-csc/tsconfig.spec.json
@ -0,0 +1,14 @@
+/* To learn more about Typescript configuration file: https://www.typescriptlang.org/docs/handbook/tsconfig-json.html. */
+/* To learn more about Angular compiler options: https://angular.dev/reference/configs/angular-compiler-options. */
+{
+  "extends": "./tsconfig.json",
+  "compilerOptions": {
+    "outDir": "./out-tsc/spec",
+    "types": [
+      "jasmine"
+    ]
+  },
+  "include": [
+    "src/**/*.ts"
+  ]
+}