Merge branch 'RED10758' into 'master'

RED-10758: Fix remove and recategorize request in applicationType DocuMine See merge request redactmanager/red-ui!767
RED-10758: Fix remove and recategorize request in applicationType DocuMine
2025-01-29 09:30:57 +01:00 · 2025-01-28 15:34:17 +01:00 · 2024-12-13 11:29:39 +01:00 · 2024-12-13 12:03:17 +02:00 · 2024-12-12 18:13:07 +01:00 · 2024-12-12 17:47:56 +02:00
1169 changed files with 36141 additions and 28162 deletions
--- a/.dev/export_summary.csv
+++ b/.dev/export_summary.csv
@ -1,5 +0,0 @@
-PMRA Document Number,GAP Active Ingredient,Regulatory Utility,Document Comment,SIC Number,Protocol Number,Protocol Number,Data Evaluation Record,Audience,Original Retirement Date,Regulatory Released,Regulatory Authority,Regulatory Authority (legacy to remove),Source Owner,Legacy Primary OECD Code,Legacy Source Organisation,Regulator Comments,Contains Registered Composition?,File Name,FTP Source Location,Submission Format Needed,Legacy Report Number,Sales Unit,Address,ANVISA Process Number,Source Number,Legacy Migration Path,Review Completion Date,Registration Number,Agency Dossier Registration Type,Submission Version,Media Comments,Literature Citation,Document Language,Notes,Study Location,Materials,Approver,Subtype,Test Facility,Is Latest Version,Consumer,Classification,Guideline,TRP Type,Legacy System Date,Function,Artist,Document Title,PI Number,Legacy Version Description,PI Number,Incoming from,Annotations (Unresolved),Work To Date,Copyright Clearance Obtained?,Summary Type,Annotations (Claim Links),Latest Source Minor Version,Regulatory Category,SYN Letter Number,Work From Date,Product,Version Creation Date,Governance Committee,Test Facility (legacy to remove),Regulatory Finalization Date,Imported file?,Status,Information Tracking Submission Package,Approval Type,Media Description,Duration,Legacy System,Archive Date,Exporting country,Regulatory Tracking Number,Annotations (Anchors),Information Tracking,Document Number,GAP Usage Information,Report Number,Legacy Reg Document Number,Legal Representative 2,Registering Company,File Created By,Legacy EPA Decision Code,Meeting Minutes,Product Safety Finalization Date,Report Type,Archived Date,Legacy Other PMRA Data Codes,Template Document Type,Color Space,Legal Representative 1,Document Author,CrossLink,Annotations (Notes),Suggested Links,Assessment Type,Legacy Species Commodity,TK Number,Legacy Test Facilities,Planned Completion Date,PRF Number,Registration Item Country,Legacy Target Species,Legacy Owning Organisation,Archive Number,Protocol Type,Submission Output Format,Submission Date,Coordinator,Regulatory Reporting Date,Annotations (Lines),Field Trial Number,Batch Number,Legacy Version Number,External ID,Author Names,Sponsor Organisation (legacy to remove),Literature Type,Sponsor Organisation,Legacy Crop Host,Document Edition,Agreement Expiry Date,TRP Usage,Legacy EPA Submission Type,Security Classification,Source Document Name,Syngenta Address,Outgoing to (legacy to remove),Link Status,Legacy System Document ID,Copyright,PMRA Registration Number,Annotations (All),SU,Source Vault Name,Latest Source Major Version,Legacy Other OECD Codes,Version Created By,Subarea,Reviewer,Owning Organisation (legacy to remove),Project,Viewer,Regulatory Territory,Lifecycle,Claims,Bound Source Minor Version,Global ID,Legacy Regulatory Authorities,Outgoing to,Additional Information,Year,Organism,File Last Modified By,Requires Attachment of a Signature Page?,Source Binding Rule,Destination country,Cross-Reference Submission Number,Name,Issue Topic,Pages,Type,Reason for Retiring,Rule,Type of Review,Original Finalization Date,Trade Name,Transmittal Document,Pages OCR'ed (%),Legacy Object ID(s),Protocol Number,Last Modified By,Annotations (Approved Links),Request Type,Binder,Author,Last Modified Date,Non-English Document Title,Media Location,Created By,Editor,Owner,CRO Report Number,Format,Legacy Discipline,Major Version Number,Created From,Active Ingredients,Archive Location,EPA Registration Number,Retirement Date,Annotations (Links),TRP Document,Finalization Date,Legacy Task Number,Legal Details,OCR Requested,Global Version ID,Publicly Published,Document Date,MRID Number,Legacy Reg Topic,Requires Review and Approval?,Annotations (Auto Links),Subareas,Product Safety Reporting Date,Media Title,Minor Version Number,Legacy Primary PMRA Data Code,Requestor,Owning Organisation,Zone,File Last Modified Date,Contact Person,File Created Date,Amendment Justification,CDPR Number,Legacy EPA Submission Date,Supports Agency Dossier,Field Trial Year,Reason for Un-retiring,TRP Topic,Bound Source Major Version,Keywords,Legacy Author Name(s),Export File Name,Size,Source Link,This content is a translation?,Quality Assurance Standard,Legacy Fed Reg Number,Checksum,Created Date,Annotations (Resolved),User Task,Review Start Date,test list,Incoming from (legacy to remove),Rendition Profile,Path,URL
-,,Country Specific,,,,,No,,,Yes,,,,,Syngenta,,,Lambda-cyhalothrin - EU AIR5 - Document A - Statement of the context in which the dossier is submit.doc,,,,,,,,,,,,,,,English,,,PP321,,Authority Form / Document,,TRUE,"All Internal Users, Syngenta Read Only Restricted, Syngenta Read Only Non Restricted",,,,16/07/2019,,,Lambda-cyhalothrin - EU AIR5 - Document A - Statement of the context in which the dossier is submitted,PI0015818,,,,0,,,,0,,,,,,26/03/2020 14:06 CET,,Syngenta Crop Protection AG (Switzerland),,No,Final,,,,,SmartDoc - EAME,,,,0,IT-624180,VV-731623,,N/A,PP321_12074,,,,,,,,,,,,,B Sochard,No,0,0,,,,,,,,,,,,,,,,0,,,1.0|CURRENT,090100b881afdd91,,Syngenta Crop Protection AG (Switzerland),,Syngenta Crop Protection AG,,Original,,,,Internal Use Only,,,ETL_blank,,090100b881afdd91,,,0,,,,,Berangere Sochard,,,Syngenta Crop Protection AG (Switzerland),,,European Union,General Lifecycle,,,40037_850361,,ETL_blank,,,,,,,,,Lambda-cyhalothrin - EU AIR5 - Document A - Statement of the context in which the dossier is submit,,2,Registration Supporting Documentation,,,,,,No,,090100b881afdd91 (cv),,CP Vault Support,0,,No,,24/02/2021 15:20 CET,,,Vault Migration,"Global Reg Ops, NA Reg Ops, PS Ops, EAME Reg Ops, Syngenta Business Administrator, Berangere Sochard, Simon Baker, Lily Williams, Clive Boxwell, Paul Parsons, Richard MacKenzie, Dan Pickford, Laurence Hand",Vault Migration,,application/msword,Regulatory,2,,PP321,,,,0,No,,PI0015818,,No,40037_850361_1958105,No,01/09/2020,,Regulatory,No,0,,,,0,,,Syngenta Crop Protection AG,,,,,,,,,,,,,,Sochard Berangere,,49152,,No,,,86d75e5da397fdadcd332f92234a4f62,29/11/2019 08:51 CET,0,,,,,,Lambda-cyhalothrin - EU AIR5 - Document A - Statement of the.pdf,
-,,Country Specific,,,,,No,,,Yes,,,,,Syngenta,,,Lambda-cyhalothrin - EU AIR5 - MCA Section 5 - Toxicology (1).docx,,,,,,,,,,,,,,,English,,,PP321,,Summary / Overview,,TRUE,"All Internal Users, Syngenta Read Only Non Restricted, Syngenta Read Only Restricted",,,,16/07/2019,,,Lambda-cyhalothrin - EU AIR5 - MCA Section 5 - Toxicology,PI0015818,,,,0,,,OECD Tier 2 Summary,0,,,,,,17/02/2021 22:02 CET,,Syngenta Crop Protection AG (Switzerland),,Yes,Draft,,,,,SmartDoc - EAME,,,,0,IT-615930,VV-729845,,N/A,PP321_12086,,,Syngenta,,,,,,,,,,S Lloyd,No,0,0,,,,,,,,,,,,,,,,0,,,1.0|CURRENT,090100b881afde22,,Syngenta Crop Protection AG (Switzerland),,Syngenta Crop Protection AG,,Original,,,,Internal Use Only,,,,,090100b881afde22,,,0,,,,,Sonia Ellis,,,Syngenta Crop Protection AG (Switzerland),,,European Union,General Lifecycle,,,40037_848583,,,,,,Ellis Sonia (ext) GBGU,,,,,Lambda-cyhalothrin - EU AIR5 - MCA Section 5 - Toxicology,,893,Summary / Assessment,,,,,,No,,090100b881afde22 (cv),,CP Vault Support,0,,No,Syngenta,24/02/2021 15:20 CET,,,Vault Migration,"EAME Reg Ops, Syngenta Business Administrator, PS Ops, NA Reg Ops, Global Reg Ops, Berangere Sochard, Simon Baker, Lily Williams, Clive Boxwell, Paul Parsons, Richard MacKenzie, Dan Pickford, Laurence Hand, Claire McCombie, Elaine Buss",Vault Migration,,application/vnd.openxmlformats-officedocument.wordprocessingml.document,Toxicology,3,,PP321,,,,0,No,,PI0015818,,No,40037_848583_2033983,No,01/09/2020,,Tox,No,0,,,,1,,,Syngenta Crop Protection AG,,17/02/2021 21:35 CET,,04/09/2020 14:34 CEST,,,,,,,,,VV-729845,Lloyd Sara,,5089990,,No,,,3b13f57d1244e77844eba73ce0ae9813,29/11/2019 08:47 CET,0,,,,,,Lambda-cyhalothrin - EU AIR5 - MCA Section 5 - Toxicology.pdf,
-,,Country Specific,,,,,No,,,Yes,,,,,Syngenta,,,Lambda-cyhalothrin - EU AIR5 - LCA Section 5 Reference List (1).doc,,,,,,,,,,,,,,,English,,,PP321,,Summary / Overview,,TRUE,"All Internal Users, Syngenta Read Only Restricted, Syngenta Read Only Non Restricted",,,,16/07/2019,,,Lambda-cyhalothrin - EU AIR5 - LCA Section 5 Reference List,PI0015818,,,,0,,,OECD Tier 1 Summary,0,,,,,,12/09/2020 15:48 CEST,,Syngenta Crop Protection AG (Switzerland),,Yes,Final,,,,,SmartDoc - EAME,,,,0,IT-615436,VV-729844,,N/A,PP321_12084,,,,,,,,,,,,,S Ellis,No,0,0,,,,,,,,,,,,,,,,0,,,1.0|CURRENT,090100b881afde20,,Syngenta Crop Protection AG (Switzerland),,Syngenta Crop Protection AG,,Original,,,,Internal Use Only,,,,,090100b881afde20,,,0,,,,,Sonia Ellis,,,Syngenta Crop Protection AG (Switzerland),,,European Union,General Lifecycle,,,40037_848582,,,,,,,,,,,Lambda-cyhalothrin - EU AIR5 - LCA Section 5 Reference List,,147,Summary / Assessment,,,,,,No,,090100b881afde20 (cv),,CP Vault Support,0,,No,,24/02/2021 15:20 CET,,,Vault Migration,"NA Reg Ops, Global Reg Ops, EAME Reg Ops, PS Ops, Syngenta Business Administrator, Berangere Sochard, Paul Parsons",Vault Migration,,application/msword,Toxicology,2,,PP321,,,,0,No,,PI0015818,,No,40037_848582_2001744,No,01/09/2020,,Tox,No,0,,,,0,,,Syngenta Crop Protection AG,,,,,,,,,,,,,,Ellis Sonia,,651264,,No,,,eb0fdf698b528b67f54635395ec7fb52,29/11/2019 08:47 CET,0,,,,,,Lambda-cyhalothrin - EU AIR5 - LCA Section 5 Reference List.pdf,
-,,Country Specific,,,,,No,,,Yes,,,,,Syngenta,,,Lambda-cyhalothrin - EU AIR5 - LCA Section 4 Reference List (5).doc,,,,,,,,,,,,,,,English,,,PP321,,Summary / Overview,,TRUE,"All Internal Users, Syngenta Read Only Restricted, Syngenta Read Only Non Restricted",,,,16/07/2019,,,Lambda-cyhalothrin - EU AIR5 - LCA Section 4 Reference List,PI0015818,,,,0,,,OECD Tier 1 Summary,0,,,,,,21/09/2020 15:21 CEST,,Syngenta Crop Protection AG (Switzerland),,Yes,Final,,,,,SmartDoc - EAME,,,,0,IT-618210,VV-729843,,N/A,PP321_12083,,,,,,,,,,,,,S Ellis,No,0,0,,,,,,,,,,,,,,,,0,,,1.0|CURRENT,090100b881afde1f,,Syngenta Crop Protection AG (Switzerland),,Syngenta Crop Protection AG,,Original,,,,Internal Use Only,,,,,090100b881afde1f,,,0,,,,,Sonia Ellis,,,Syngenta Crop Protection AG (Switzerland),,,European Union,General Lifecycle,,,40037_848581,,,,,,,,,,,Lambda-cyhalothrin - EU AIR5 - LCA Section 4 Reference List,,151,Summary / Assessment,,,,,,No,,090100b881afde1f (cv),,CP Vault Support,0,,No,,24/02/2021 15:20 CET,,,Vault Migration,"EAME Reg Ops, Global Reg Ops, PS Ops, Syngenta Business Administrator, NA Reg Ops, Berangere Sochard, Melanie Bottoms, Dan Pickford, Lynda Farrelly",Vault Migration,,application/msword,Chemistry - Regulatory,2,,PP321,,,,0,No,,PI0015818,,No,40037_848581_2003177,No,01/09/2020,,Chem - Analytical Methods,No,0,,,,0,,,Syngenta Crop Protection AG,,,,,,,,,,,,,,Ellis Sonia,,699392,,No,,,2c476f477f6e2b55ecb537683f5d1cee,29/11/2019 08:47 CET,0,,,,,,Lambda-cyhalothrin - EU AIR5 - LCA Section 4 Reference List.pdf,
--- a/.dockerignore
+++ b/.dockerignore
@ -1,3 +1,14 @@
 node_modules/
 .idea/
 dist/
+.angular
+.husky
+.editorconfig
+.dockerignore
+.eslintignore
+.eslintrc.json
+.gitignore
+.prettierignore
+.prettierrc
+renovate.json
+Running
--- a/.editorconfig
+++ b/.editorconfig
@ -19,7 +19,7 @@ ij_typescript_use_double_quotes = false
 ij_typescript_enforce_trailing_comma = keep
 ij_typescript_spaces_within_imports = true

-[{*.json, .prettierrc, .eslintrc}]
+[{*.json,.prettierrc,.eslintrc}]
 indent_size = 2
 tab_width = 2
 ij_json_array_wrapping = off
--- a/.eslintignore
+++ b/.eslintignore
@ -5,3 +5,6 @@ dist
 coverage
 node_modules
 bamboo-specs
+docker
+paligo-styles
+paligo-theme
--- a/.eslintrc.json
+++ b/.eslintrc.json
@ -1,46 +1,10 @@
 {
  "root": true,
  "ignorePatterns": ["**/*"],
-  "plugins": ["@nx"],
  "overrides": [
-    {
-      "files": ["*.ts"],
-      "rules": {
-        "@nx/enforce-module-boundaries": [
-          "error",
-          {
-            "enforceBuildableLibDependency": true,
-            "allow": [
-              "@services/**",
-              "@components/**",
-              "@guards/**",
-              "@users/**",
-              "@i18n/**",
-              "@utils/**",
-              "@models/**",
-              "@environments/**",
-              "@shared/**",
-              "@upload-download/**",
-              "@translations/**"
-            ],
-            "depConstraints": [
-              {
-                "sourceTag": "*",
-                "onlyDependOnLibsWithTags": ["*"]
-              }
-            ]
-          }
-        ]
-      }
-    },
-    {
-      "files": ["*.ts"],
-      "extends": ["plugin:@nx/typescript"]
-    },
    {
      "files": ["*.ts"],
      "extends": [
-        "plugin:@nx/angular",
        "eslint:recommended",
        "plugin:@angular-eslint/recommended",
        "plugin:@angular-eslint/template/process-inline-templates",
@ -51,7 +15,8 @@
        "project": "./tsconfig.json"
      },
      "rules": {
-        "rxjs/no-ignored-subscription": "error",
+        "rxjs/no-ignored-subscription": "warn",
+        "@angular-eslint/prefer-standalone": "off",
        "@angular-eslint/no-conflicting-lifecycle": "error",
        "@angular-eslint/no-host-metadata-property": "error",
        "@angular-eslint/no-input-rename": "error",
@ -73,13 +38,13 @@
        "@typescript-eslint/indent": "off",
        "@typescript-eslint/lines-between-class-members": "off",
        "@typescript-eslint/ban-types": "off",
+        "@typescript-eslint/no-unsafe-argument": "off",
        "@typescript-eslint/explicit-member-accessibility": [
          "error",
          {
            "accessibility": "no-public"
          }
        ],
-        "@typescript-eslint/member-ordering": "warn",
        "@typescript-eslint/naming-convention": [
          "error",
          {
@ -101,7 +66,7 @@
            "selector": "memberLike",
            "modifiers": ["protected"],
            "format": ["camelCase"],
-            "leadingUnderscore": "require"
+            "leadingUnderscore": "allow"
          },
          {
            "selector": "memberLike",
@ -133,6 +98,108 @@
        "@typescript-eslint/no-floating-promises": "off",
        "@typescript-eslint/unbound-method": "off",
        "@typescript-eslint/restrict-template-expressions": "off",
+        "@typescript-eslint/member-ordering": [
+          "warn",
+          {
+            "default": [
+              "signature",
+              "call-signature",
+              "#private-static-field",
+              "private-static-field",
+              "protected-static-field",
+              "public-static-field",
+              "#private-instance-field",
+              "private-instance-field",
+              "protected-instance-field",
+              "public-instance-field",
+              "private-decorated-field",
+              "protected-decorated-field",
+              "public-decorated-field",
+              "protected-abstract-field",
+              "public-abstract-field",
+              "#private-field",
+              "private-field",
+              "protected-field",
+              "public-field",
+              "static-field",
+              "instance-field",
+              "abstract-field",
+              "decorated-field",
+              "field",
+              "static-initialization",
+              "public-constructor",
+              "protected-constructor",
+              "private-constructor",
+              "constructor",
+              "public-static-get",
+              "protected-static-get",
+              "private-static-get",
+              "#private-static-get",
+              "public-decorated-get",
+              "protected-decorated-get",
+              "private-decorated-get",
+              "public-instance-get",
+              "protected-instance-get",
+              "private-instance-get",
+              "#private-instance-get",
+              "public-abstract-get",
+              "protected-abstract-get",
+              "public-get",
+              "protected-get",
+              "private-get",
+              "#private-get",
+              "static-get",
+              "instance-get",
+              "abstract-get",
+              "decorated-get",
+              "get",
+              "public-static-set",
+              "protected-static-set",
+              "private-static-set",
+              "#private-static-set",
+              "public-decorated-set",
+              "protected-decorated-set",
+              "private-decorated-set",
+              "public-instance-set",
+              "protected-instance-set",
+              "private-instance-set",
+              "#private-instance-set",
+              "public-abstract-set",
+              "protected-abstract-set",
+              "public-set",
+              "protected-set",
+              "private-set",
+              "#private-set",
+              "static-set",
+              "instance-set",
+              "abstract-set",
+              "decorated-set",
+              "set",
+              "public-static-method",
+              "protected-static-method",
+              "private-static-method",
+              "#private-static-method",
+              "public-decorated-method",
+              "protected-decorated-method",
+              "private-decorated-method",
+              "public-instance-method",
+              "protected-instance-method",
+              "private-instance-method",
+              "#private-instance-method",
+              "public-abstract-method",
+              "protected-abstract-method",
+              "public-method",
+              "protected-method",
+              "private-method",
+              "#private-method",
+              "static-method",
+              "instance-method",
+              "abstract-method",
+              "decorated-method",
+              "method"
+            ]
+          }
+        ],
        "arrow-body-style": "error",
        "arrow-parens": ["error", "as-needed"],
        "constructor-super": "error",
@ -182,7 +249,7 @@
    },
    {
      "files": ["*.html"],
-      "extends": ["plugin:@nx/angular-template", "plugin:@angular-eslint/template/recommended"]
+      "extends": ["plugin:@angular-eslint/template/recommended"]
    },
    {
      "files": ["*.html"],
--- a/.gitignore
+++ b/.gitignore
@ -18,6 +18,7 @@
 *.launch
 .settings/
 *.sublime-workspace
+redaction.iml

 # IDE - VSCode
 .vscode/*
@ -41,9 +42,9 @@ testem.log
 .DS_Store
 Thumbs.db

-version.properties

 paligo-styles/style.css*

 migrations.json
 *.iml
+/.nx/
--- a/.gitlab-ci.yml
+++ b/.gitlab-ci.yml
@ -0,0 +1,63 @@
+variables:
+    GIT_SUBMODULE_STRATEGY: recursive
+    GIT_SUBMODULE_FORCE_HTTPS: 'true'
+    PROJECT: red-ui
+    DOCKERFILELOCATION: 'docker/$PROJECT/Dockerfile'
+
+include:
+    - project: 'gitlab/gitlab'
+      ref: 'main'
+      file: 'ci-templates/docker_build_nexus_v2.yml'
+      rules:
+          - if: $CI_PIPELINE_SOURCE != "schedule"
+
+sonarqube:
+  stage: test
+  image:
+    name: sonarsource/sonar-scanner-cli:11.1
+    entrypoint:
+    - ''
+  variables:
+    SONAR_USER_HOME: "${CI_PROJECT_DIR}/.sonar"
+    GIT_DEPTH: '0'
+  cache:
+    key: "${CI_JOB_NAME}"
+    paths:
+    - ".sonar/cache"
+  script:
+  - sonar-scanner
+  rules:
+  - if: $CI_PIPELINE_SOURCE == "merge_request_event"
+  - if: "$CI_COMMIT_BRANCH == $CI_DEFAULT_BRANCH"
+  - if: "$CI_COMMIT_BRANCH =~ /^release/"
+
+localazy update:
+    image: node:20.5
+    cache:
+        - key:
+              files:
+                  - yarn.lock
+          paths:
+              - .yarn-cache/
+    script:
+        # - git config user.email "${CI_EMAIL}"
+        # - git config user.name "${CI_USERNAME}"
+        # - git remote add gitlab_origin https://${CI_USERNAME}:${CI_ACCESS_TOKEN}@gitlab.knecon.com/redactmanager/red-ui.git
+        - git push https://gitlab-ci-token:${CI_JOB_TOKEN}@gitlab.knecon.com/redactmanager/red-ui.git
+        - cd tools/localazy
+        - yarn install --cache-folder .yarn-cache
+        - yarn start
+        - cd ../..
+        - git add .
+        - |-
+            CHANGES=$(git status --porcelain | wc -l)
+            if [ "$CHANGES" -gt "0" ]
+            then
+              git status
+              git commit -m "push back localazy update"
+              git push gitlab_origin HEAD:${CI_COMMIT_REF_NAME}
+              # git push https://gitlab-ci-token:${CI_JOB_TOKEN}@gitlab.knecon.com/redactmanager/red-ui.git
+              # git push
+            fi
+    rules:
+        - if: $CI_PIPELINE_SOURCE == "schedule"
--- a/.gitmodules
+++ b/.gitmodules
@ -1,3 +1,3 @@
 [submodule "libs/common-ui"]
 	path = libs/common-ui
-	url = ssh://git@git.iqser.com:2222/sl/common-ui.git
+	url = ../../fforesight/shared-ui-libraries/common-ui.git
--- a/README.md
+++ b/README.md
@ -2,13 +2,12 @@

 ### To Create a new Stack in rancher check [this Wiki page](https://wiki.iqser.com/pages/viewpage.action?spaceKey=RED&title=Work+with+kubectl)

-## Code style
+# Dependencies update guide
+* When updating @pdftron/webviewer, make sure to change the version also in the angular.json and everywhere where the path to /assets/wv-recources is used
+* Make sure the keycloak.js version is the same with the keycloak version from helm chart

-* Always use `trackBy` in `*ngFor` loops (see shorthand below)
-    ```typescript
-      readonly trackBy = trackByFactory();
-    ```
-* Don't use `setInterval` without calling `clearInterval` in `ngOnDestroy`
+## Code style
+* Don't use `setInterval` without calling `clearInterval` in `ngOnDestroy` or in `destroyRef.onDestroy(() => clearInterval(intervalId))`
 * Never call getters in HTML templates

 ## Keycloak Staging Config
--- a/angular.json
+++ b/angular.json
@ -0,0 +1,133 @@
+{
+  "$schema": "./node_modules/@angular/cli/lib/config/schema.json",
+  "version": 1,
+  "cli": {
+    "packageManager": "yarn",
+    "schematicCollections": ["@angular-eslint/schematics"],
+    "analytics": "2bccdff1-3aff-4f10-b233-211065aa25d9"
+  },
+  "newProjectRoot": "projects",
+  "projects": {
+    "red-ui": {
+      "projectType": "application",
+      "schematics": {
+        "@schematics/angular:component": {
+          "style": "scss",
+          "skipTests": true
+        },
+        "@schematics/angular:class": {
+          "skipTests": true
+        },
+        "@schematics/angular:directive": {
+          "skipTests": true
+        },
+        "@schematics/angular:guard": {
+          "skipTests": true
+        },
+        "@schematics/angular:pipe": {
+          "skipTests": true
+        },
+        "@schematics/angular:service": {
+          "skipTests": true
+        }
+      },
+      "root": "",
+      "sourceRoot": "apps/red-ui/src",
+      "prefix": "redaction",
+      "targets": {
+        "build": {
+          "builder": "@angular/build:application",
+          "options": {
+            "outputPath": {
+              "base": "dist/apps/red-ui"
+            },
+            "index": "apps/red-ui/src/index.html",
+            "polyfills": ["apps/red-ui/src/polyfills.ts"],
+            "tsConfig": "tsconfig.json",
+            "baseHref": "/ui/",
+            "assets": [
+              "apps/red-ui/src/favicon.ico",
+              {
+                "glob": "**/*",
+                "input": "node_modules/@pdftron/webviewer/public/",
+                "output": "/assets/wv-resources/11.1.0/"
+              },
+              {
+                "glob": "**/*",
+                "input": "apps/red-ui/src/assets/",
+                "output": "/assets/"
+              },
+              {
+                "glob": "**/*",
+                "input": "libs/common-ui/src/assets/",
+                "output": "/assets/"
+              },
+              {
+                "glob": "**/*",
+                "input": "node_modules/monaco-editor",
+                "output": "/assets/monaco-editor/"
+              },
+              "apps/red-ui/src/manifest.webmanifest"
+            ],
+            "styles": ["apps/red-ui/src/styles.scss", "libs/common-ui/src/assets/styles/common-styles.scss"],
+            "stylePreprocessorOptions": {
+              "includePaths": ["./apps/red-ui/src/assets/styles", "./libs/common-ui/src/assets/styles"]
+            },
+            "scripts": ["node_modules/chart.js/auto/auto.cjs"],
+            "extractLicenses": false,
+            "sourceMap": true,
+            "optimization": false,
+            "namedChunks": true,
+            "browser": "apps/red-ui/src/main.ts"
+          },
+          "configurations": {
+            "production": {
+              "fileReplacements": [
+                {
+                  "replace": "apps/red-ui/src/environments/environment.ts",
+                  "with": "apps/red-ui/src/environments/environment.prod.ts"
+                }
+              ],
+              "optimization": {
+                "scripts": true,
+                "styles": {
+                  "minify": true,
+                  "inlineCritical": false
+                },
+                "fonts": true
+              },
+              "outputHashing": "all",
+              "sourceMap": false,
+              "namedChunks": false,
+              "extractLicenses": true,
+              "budgets": [
+                {
+                  "type": "initial",
+                  "maximumWarning": "2mb",
+                  "maximumError": "5mb"
+                },
+                {
+                  "type": "anyComponentStyle",
+                  "maximumWarning": "6kb",
+                  "maximumError": "20kb"
+                }
+              ],
+              "serviceWorker": "ngsw-config.json"
+            }
+          }
+        },
+        "serve": {
+          "builder": "@angular/build:dev-server",
+          "options": {
+            "buildTarget": "red-ui:build"
+          },
+          "configurations": {
+            "production": {
+              "buildTarget": "red-ui:build:production"
+            }
+          }
+        }
+      }
+    }
+  }
+}
--- a/apps/red-ui/.eslintrc.json
+++ b/apps/red-ui/.eslintrc.json
@ -1,22 +0,0 @@
-{
-  "extends": ["../../.eslintrc.json"],
-  "ignorePatterns": ["!**/*"],
-  "overrides": [
-    {
-      "files": ["**/*.ts"],
-      "parser": "@typescript-eslint/parser",
-      "extends": ["plugin:@typescript-eslint/recommended"],
-      "rules": {
-        "@typescript-eslint/no-unsafe-return": "off",
-        "@typescript-eslint/no-unsafe-assignment": "off",
-        "@typescript-eslint/no-unsafe-argument": "off",
-        "@typescript-eslint/no-unsafe-member-access": "off",
-        "@typescript-eslint/no-unsafe-call": "off",
-        "@typescript-eslint/no-explicit-any": "off",
-        "@typescript-eslint/unbound-method": "off",
-        "@typescript-eslint/no-misused-promises": "off",
-        "@typescript-eslint/no-floating-promises": "off"
-      }
-    }
-  ]
-}
--- a/apps/red-ui/jest.config.ts
+++ b/apps/red-ui/jest.config.ts
@ -1,26 +0,0 @@
-import type { Config } from 'jest';
-import { defaults } from 'jest-config';
-
-export default {
-    ...defaults,
-    displayName: 'red-ui',
-    preset: '../../jest.preset.js',
-    setupFilesAfterEnv: ['jest-preset-angular/setup-jest.js', 'jest-extended/all'],
-    coverageDirectory: '../../coverage/apps/angular-jest',
-    transform: {
-        '^.+\\.(ts|mjs|js|html)$': [
-            'jest-preset-angular',
-            {
-                tsconfig: '../../tsconfig.spec.json',
-                stringifyContentPathRegex: '\\.(html|svg)$',
-            },
-        ],
-    },
-    testEnvironment: 'jest-environment-jsdom',
-    transformIgnorePatterns: ['node_modules/(?!.*\\.mjs$)'],
-    snapshotSerializers: [
-        'jest-preset-angular/build/serializers/no-ng-attributes',
-        'jest-preset-angular/build/serializers/ng-snapshot',
-        'jest-preset-angular/build/serializers/html-comment',
-    ],
-} as Config;
--- a/apps/red-ui/project.json
+++ b/apps/red-ui/project.json
@ -1,132 +0,0 @@
-{
-  "name": "red-ui",
-  "$schema": "../../node_modules/nx/schemas/project-schema.json",
-  "projectType": "application",
-  "generators": {
-    "@schematics/angular:component": {
-      "style": "scss",
-      "skipTests": true
-    },
-    "@schematics/angular:class": {
-      "skipTests": true
-    },
-    "@schematics/angular:directive": {
-      "skipTests": true
-    },
-    "@schematics/angular:guard": {
-      "skipTests": true
-    },
-    "@schematics/angular:pipe": {
-      "skipTests": true
-    },
-    "@schematics/angular:service": {
-      "skipTests": true
-    }
-  },
-  "sourceRoot": "apps/red-ui/src",
-  "prefix": "redaction",
-  "targets": {
-    "build": {
-      "executor": "@angular-devkit/build-angular:browser",
-      "options": {
-        "outputPath": "dist/apps/red-ui",
-        "index": "apps/red-ui/src/index.html",
-        "main": "apps/red-ui/src/main.ts",
-        "polyfills": "apps/red-ui/src/polyfills.ts",
-        "tsConfig": "apps/red-ui/tsconfig.json",
-        "baseHref": "/ui/",
-        "assets": [
-          "apps/red-ui/src/favicon.ico",
-          {
-            "glob": "**/*",
-            "input": "node_modules/@pdftron/webviewer/public/",
-            "output": "/assets/wv-resources/"
-          },
-          {
-            "glob": "**/*",
-            "input": "apps/red-ui/src/assets/",
-            "output": "/assets/"
-          },
-          {
-            "glob": "**/*",
-            "input": "libs/common-ui/src/assets/",
-            "output": "/assets/"
-          },
-          {
-            "glob": "**/*",
-            "input": "node_modules/monaco-editor",
-            "output": "/assets/monaco-editor/"
-          },
-          "apps/red-ui/src/manifest.webmanifest"
-        ],
-        "styles": ["apps/red-ui/src/styles.scss", "libs/common-ui/src/assets/styles/common-styles.scss"],
-        "stylePreprocessorOptions": {
-          "includePaths": ["./apps/red-ui/src/assets/styles", "./libs/common-ui/src/assets/styles"]
-        },
-        "scripts": ["node_modules/@pdftron/webviewer/webviewer.min.js"],
-        "vendorChunk": true,
-        "extractLicenses": false,
-        "buildOptimizer": false,
-        "sourceMap": true,
-        "optimization": false,
-        "namedChunks": true
-      },
-      "configurations": {
-        "production": {
-          "fileReplacements": [
-            {
-              "replace": "apps/red-ui/src/environments/environment.ts",
-              "with": "apps/red-ui/src/environments/environment.prod.ts"
-            }
-          ],
-          "optimization": {
-            "scripts": true,
-            "styles": {
-              "minify": true,
-              "inlineCritical": false
-            },
-            "fonts": true
-          },
-          "outputHashing": "all",
-          "sourceMap": false,
-          "namedChunks": false,
-          "extractLicenses": true,
-          "vendorChunk": false,
-          "buildOptimizer": true,
-          "budgets": [
-            {
-              "type": "initial",
-              "maximumWarning": "2mb",
-              "maximumError": "5mb"
-            },
-            {
-              "type": "anyComponentStyle",
-              "maximumWarning": "6kb",
-              "maximumError": "20kb"
-            }
-          ],
-          "serviceWorker": true,
-          "ngswConfigPath": "apps/red-ui/ngsw-config.json"
-        }
-      },
-      "outputs": ["{options.outputPath}"]
-    },
-    "serve": {
-      "executor": "@angular-devkit/build-angular:dev-server",
-      "options": {
-        "browserTarget": "red-ui:build"
-      },
-      "configurations": {
-        "production": {
-          "browserTarget": "red-ui:build:production"
-        }
-      }
-    },
-    "extract-i18n": {
-      "executor": "@angular-devkit/build-angular:extract-i18n",
-      "options": {
-        "browserTarget": "red-ui:build"
-      }
-    }
-  }
-}
--- a/apps/red-ui/src/app/app-routing.module.ts
+++ b/apps/red-ui/src/app/app-routing.module.ts
@ -1,42 +1,36 @@
-import { AuthErrorComponent } from '@components/auth-error/auth-error.component';
-import {
-    CompositeRouteGuard,
-    CustomRouteReuseStrategy,
-    DEFAULT_REDIRECT_KEY,
-    ifLoggedIn,
-    ifNotLoggedIn,
-    IqserAuthGuard,
-    IqserPermissionsGuard,
-    IqserRoutes,
-    TenantSelectComponent,
-} from '@iqser/common-ui';
-import { RedRoleGuard } from '@users/red-role.guard';
-import { BaseScreenComponent } from '@components/base-screen/base-screen.component';
-import { RouteReuseStrategy, RouterModule } from '@angular/router';
 import { NgModule } from '@angular/core';
+import { RouteReuseStrategy, RouterModule } from '@angular/router';
+import { ifNotLoggedIn } from '@common-ui/tenants/guards/if-not-logged-in.guard';
+import { BaseScreenComponent } from '@components/base-screen/base-screen.component';
 import { DownloadsListScreenComponent } from '@components/downloads-list-screen/downloads-list-screen.component';
-import { DossiersGuard } from '@guards/dossiers.guard';
-import { ACTIVE_DOSSIERS_SERVICE, ARCHIVED_DOSSIERS_SERVICE } from './tokens';
-import { FeaturesGuard } from '@guards/features-guard.service';
-import { DossierTemplatesGuard } from '@guards/dossier-templates.guard';
-import { templateExistsWhenEnteringDossierList } from '@guards/dossier-template-exists.guard';
 import { DashboardGuard } from '@guards/dashboard-guard.service';
-import { TrashGuard } from '@guards/trash.guard';
-import { ARCHIVE_ROUTE, BreadcrumbTypes, DOSSIER_ID, DOSSIER_TEMPLATE_ID, DOSSIERS_ARCHIVE, DOSSIERS_ROUTE, FILE_ID } from '@red/domain';
 import { DossierFilesGuard } from '@guards/dossier-files-guard';
-import { WebViewerLoadedGuard } from './modules/pdf-viewer/services/webviewer-loaded.guard';
-import { ROLES } from '@users/roles';
-import { mainResolver } from '@utils/main.resolver';
+import { templateExistsWhenEnteringDossierList } from '@guards/dossier-template-exists.guard';
+import { DossierTemplatesGuard } from '@guards/dossier-templates.guard';
+import { loadActiveDossiersGuard, loadAllDossiersGuard, loadArchivedDossiersGuard } from '@guards/dossiers.guard';
+import { isNotEditingFileAttributeGuard } from '@guards/file-attribute.guard';
+import { FeaturesGuard } from '@guards/features-guard.service';
+import { ifLoggedIn } from '@guards/if-logged-in.guard';
+import { TrashGuard } from '@guards/trash.guard';
+import { CompositeRouteGuard, DEFAULT_REDIRECT_KEY, IqserPermissionsGuard, IqserRoutes, orderedAsyncGuards } from '@iqser/common-ui';
+import { TenantSelectComponent } from '@iqser/common-ui/lib/tenants';
+import { doesNotHaveAnyRole, hasAnyRole, IqserAuthGuard } from '@iqser/common-ui/lib/users';
+import { CustomRouteReuseStrategy } from '@iqser/common-ui/lib/utils';
+import { ARCHIVE_ROUTE, BreadcrumbTypes, DOSSIER_ID, DOSSIER_TEMPLATE_ID, DOSSIERS_ROUTE, FILE_ID } from '@red/domain';
+import { RedRoleGuard } from '@users/red-role.guard';
+import { Roles } from '@users/roles';
+import { mainGuard } from '@utils/main.guard';
+import { webViewerLoadedGuard } from './modules/pdf-viewer/services/webviewer-loaded.guard';
+import { ACTIVE_DOSSIERS_SERVICE } from './tokens';
+import { AuthErrorComponent } from '@components/auth-error/auth-error.component';

 const dossierTemplateIdRoutes: IqserRoutes = [
    {
        path: `${DOSSIERS_ROUTE}`,
-        canActivate: [CompositeRouteGuard, IqserPermissionsGuard],
+        canActivate: [loadActiveDossiersGuard(), IqserPermissionsGuard],
        data: {
-            routeGuards: [DossiersGuard],
-            dossiersService: ACTIVE_DOSSIERS_SERVICE,
            permissions: {
-                allow: [ROLES.files.readStatus],
+                allow: [Roles.files.readStatus],
                redirectTo: '/auth-error',
            },
        },
@ -44,36 +38,37 @@ const dossierTemplateIdRoutes: IqserRoutes = [
            {
                path: `:${DOSSIER_ID}`,
                canActivate: [CompositeRouteGuard, IqserPermissionsGuard],
+                canDeactivate: [isNotEditingFileAttributeGuard],
                data: {
                    routeGuards: [DossierFilesGuard],
                    breadcrumbs: [BreadcrumbTypes.dossierTemplate, BreadcrumbTypes.dossier],
                    dossiersService: ACTIVE_DOSSIERS_SERVICE,
                    permissions: {
-                        allow: [ROLES.dossierAttributes.read, ROLES.dossierAttributes.readConfig],
+                        allow: [Roles.dossierAttributes.read, Roles.dossierAttributes.readConfig],
                        redirectTo: '/auth-error',
                    },
                    skeleton: 'dossier',
                },
-                loadChildren: () => import('./modules/dossier-overview/dossier-overview.module').then(m => m.DossierOverviewModule),
+                loadChildren: () => import('./modules/dossier-overview/dossier-overview.routes'),
            },
            {
                path: `:${DOSSIER_ID}/file/:${FILE_ID}`,
-                canActivate: [CompositeRouteGuard, IqserPermissionsGuard],
+                canActivate: [CompositeRouteGuard, IqserPermissionsGuard, webViewerLoadedGuard()],
                data: {
-                    routeGuards: [DossierFilesGuard, WebViewerLoadedGuard],
+                    routeGuards: [DossierFilesGuard],
                    breadcrumbs: [BreadcrumbTypes.dossierTemplate, BreadcrumbTypes.dossier, BreadcrumbTypes.file],
                    dossiersService: ACTIVE_DOSSIERS_SERVICE,
                    permissions: {
-                        allow: [ROLES.readRedactionLog, ROLES.files.downloadOriginal, ROLES.highlights.read],
+                        allow: [Roles.readRedactionLog, Roles.files.downloadOriginal, Roles.highlights.read],
                        redirectTo: '/auth-error',
                    },
                },
-                loadChildren: () => import('./modules/file-preview/file-preview.module').then(m => m.FilePreviewModule),
+                loadChildren: () => import('./modules/file-preview/file-preview.routes'),
            },
            {
                path: '',
                pathMatch: 'full',
-                loadChildren: () => import('./modules/dossiers-listing/dossiers-listing.module').then(m => m.DossiersListingModule),
+                loadChildren: () => import('./modules/dossiers-listing/dossiers-listing.routes'),
                data: {
                    breadcrumbs: [BreadcrumbTypes.dossierTemplate],
                },
@ -82,12 +77,10 @@ const dossierTemplateIdRoutes: IqserRoutes = [
    },
    {
        path: `${ARCHIVE_ROUTE}`,
-        loadChildren: () => import('./modules/archive/archive.module').then(m => m.ArchiveModule),
-        canActivate: [CompositeRouteGuard, WebViewerLoadedGuard],
+        loadChildren: () => import('./modules/archive/archive.routes'),
+        canActivate: [CompositeRouteGuard, loadArchivedDossiersGuard()],
        data: {
-            routeGuards: [FeaturesGuard, DossiersGuard],
-            dossiersService: ARCHIVED_DOSSIERS_SERVICE,
-            features: [DOSSIERS_ARCHIVE],
+            routeGuards: [FeaturesGuard],
        },
    },
    {
@ -105,34 +98,33 @@ const mainRoutes: IqserRoutes = [
    },
    {
        path: 'account',
-        loadChildren: () => import('./modules/account/account.module').then(m => m.AccountModule),
+        loadChildren: () => import('./modules/account/account.routes'),
    },
    {
        path: 'admin',
-        loadChildren: () => import('./modules/admin/admin.module').then(m => m.AdminModule),
+        loadChildren: () => import('./modules/admin/admin.routes'),
        canActivate: [RedRoleGuard],
    },
    {
        path: 'dashboard',
-        loadChildren: () => import('./modules/dashboard/dashboard.module').then(m => m.DashboardModule),
+        loadChildren: () => import('./modules/dashboard/dashboard.routes'),
        canActivate: [CompositeRouteGuard],
        data: {
            routeGuards: [IqserAuthGuard, RedRoleGuard, IqserPermissionsGuard, DossierTemplatesGuard, DashboardGuard],
            permissions: {
                allow: [
-                    ROLES.any,
-                    ROLES.templates.read,
-                    ROLES.fileAttributes.readConfig,
-                    ROLES.watermarks.read,
-                    ROLES.dictionaryTypes.read,
-                    ROLES.colors.read,
-                    ROLES.states.read,
-                    ROLES.notifications.read,
+                    Roles.any,
+                    Roles.templates.read,
+                    Roles.fileAttributes.readConfig,
+                    Roles.dictionaryTypes.read,
+                    Roles.colors.read,
+                    Roles.states.read,
+                    Roles.notifications.read,
                    'RED_USER',
                ],
                redirectTo: {
                    RED_USER: '/main/admin',
-                    [ROLES.templates.read]: '/main/admin',
+                    [Roles.templates.read]: '/main/admin',
                    [DEFAULT_REDIRECT_KEY]: '/auth-error',
                },
            },
@ -147,32 +139,31 @@ const mainRoutes: IqserRoutes = [
        data: {
            routeGuards: [IqserAuthGuard, RedRoleGuard],
            permissions: {
-                allow: ROLES.readDownloadStatus,
+                allow: Roles.readDownloadStatus,
                redirectTo: '/auth-error',
            },
        },
    },
    {
        path: 'search',
-        loadChildren: () => import('./modules/search/search.module').then(m => m.SearchModule),
-        canActivate: [CompositeRouteGuard, IqserPermissionsGuard],
+        loadComponent: () => import('./modules/search/search-screen/search-screen.component'),
+        canActivate: [CompositeRouteGuard, IqserPermissionsGuard, loadAllDossiersGuard()],
        data: {
-            routeGuards: [IqserAuthGuard, RedRoleGuard, DossiersGuard],
+            routeGuards: [IqserAuthGuard, RedRoleGuard],
            permissions: {
-                allow: [ROLES.search],
+                allow: [Roles.search],
                redirectTo: '/auth-error',
            },
        },
    },
    {
        path: 'trash',
-        loadChildren: () => import('./modules/trash/trash.module').then(m => m.TrashModule),
+        loadChildren: () => import('./modules/trash/trash.routes'),
        canActivate: [CompositeRouteGuard, IqserPermissionsGuard],
        data: {
-            routeGuards: [IqserAuthGuard, RedRoleGuard, DossiersGuard, TrashGuard],
-            dossiersService: ACTIVE_DOSSIERS_SERVICE,
+            routeGuards: [IqserAuthGuard, RedRoleGuard, TrashGuard],
            permissions: {
-                allow: [ROLES.dossiers.read, ROLES.files.readStatus],
+                allow: [Roles.dossiers.read, Roles.files.readStatus],
                redirectTo: '/auth-error',
            },
        },
@ -182,22 +173,21 @@ const mainRoutes: IqserRoutes = [
        children: dossierTemplateIdRoutes,
        canActivate: [CompositeRouteGuard, IqserPermissionsGuard, templateExistsWhenEnteringDossierList()],
        data: {
-            routeGuards: [IqserAuthGuard, RedRoleGuard, DossierTemplatesGuard, DashboardGuard],
+            routeGuards: [IqserAuthGuard, RedRoleGuard],
            permissions: {
                allow: [
-                    ROLES.any,
-                    ROLES.templates.read,
-                    ROLES.fileAttributes.readConfig,
-                    ROLES.watermarks.read,
-                    ROLES.dictionaryTypes.read,
-                    ROLES.colors.read,
-                    ROLES.states.read,
-                    ROLES.notifications.read,
-                    ROLES.dossiers.read,
+                    Roles.any,
+                    Roles.templates.read,
+                    Roles.fileAttributes.readConfig,
+                    Roles.dictionaryTypes.read,
+                    Roles.colors.read,
+                    Roles.states.read,
+                    Roles.notifications.read,
+                    Roles.dossiers.read,
                    'RED_USER',
                ],
                redirectTo: {
-                    [ROLES.any]: '/auth-error',
+                    [Roles.any]: '/auth-error',
                    RED_USER: '/main/admin',
                    [DEFAULT_REDIRECT_KEY]: '/',
                },
@ -210,27 +200,19 @@ const routes: IqserRoutes = [
    {
        path: '',
        pathMatch: 'full',
-        canActivate: [ifNotLoggedIn],
+        canActivate: [ifNotLoggedIn()],
        component: TenantSelectComponent,
    },
    {
-        path: ':tenant',
-        redirectTo: ':tenant/main',
-        pathMatch: 'full',
-    },
-    {
-        path: ':tenant/main',
-        canActivate: [ifLoggedIn],
+        path: 'main',
+        canActivate: [orderedAsyncGuards([ifLoggedIn(), hasAnyRole(), mainGuard()])],
        component: BaseScreenComponent,
-        resolve: {
-            whateverThisMainRouteNeeds: mainResolver,
-        },
        children: mainRoutes,
    },
    {
-        path: ':tenant/auth-error',
+        path: 'auth-error',
        component: AuthErrorComponent,
-        canActivate: [IqserAuthGuard],
+        canActivate: [doesNotHaveAnyRole()],
    },
    {
        path: '**',
@ -240,7 +222,13 @@ const routes: IqserRoutes = [
 ];

@NgModule({
-    imports: [RouterModule.forRoot(routes, { scrollPositionRestoration: 'enabled', bindToComponentInputs: true })],
+    imports: [
+        RouterModule.forRoot(routes, {
+            scrollPositionRestoration: 'enabled',
+            bindToComponentInputs: true,
+            paramsInheritanceStrategy: 'always',
+        }),
+    ],
    providers: [{ provide: RouteReuseStrategy, useExisting: CustomRouteReuseStrategy }],
    exports: [RouterModule],
 })
--- a/apps/red-ui/src/app/app.component.html
+++ b/apps/red-ui/src/app/app.component.html
@ -3,3 +3,13 @@
 <iqser-full-page-loading-indicator></iqser-full-page-loading-indicator>
 <iqser-connection-status></iqser-connection-status>
 <iqser-full-page-error></iqser-full-page-error>
+
+<iqser-skeleton [templates]="{ dashboard: dashboardSkeleton, dossier: dossierSkeleton }"></iqser-skeleton>
+
+<ng-template #dashboardSkeleton>
+    <redaction-dashboard-skeleton></redaction-dashboard-skeleton>
+</ng-template>
+
+<ng-template #dossierSkeleton>
+    <redaction-dossier-skeleton></redaction-dossier-skeleton>
+</ng-template>
--- a/apps/red-ui/src/app/app.component.ts
+++ b/apps/red-ui/src/app/app.component.ts
@ -1,34 +1,32 @@
-import { Component, inject, OnDestroy, Renderer2, ViewContainerRef } from '@angular/core';
+import { Component, Renderer2, ViewContainerRef } from '@angular/core';
 import { RouterHistoryService } from '@services/router-history.service';
-import { DOCUMENT } from '@angular/common';
 import { UserPreferenceService } from '@users/user-preference.service';
 import { getConfig } from '@iqser/common-ui';
 import { AppConfig } from '@red/domain';
-import { ActivatedRoute, ParamMap, Router } from '@angular/router';
-import { Subscription } from 'rxjs';
+import { NavigationEnd, Router } from '@angular/router';
+import { filter, map, switchMap, take, tap } from 'rxjs/operators';
+import { APP_TYPE_PATHS } from '@common-ui/utils/constants';
+import { MatIconRegistry } from '@angular/material/icon';
+import { DomSanitizer } from '@angular/platform-browser';
+import { TenantsService } from '@common-ui/tenants';

-function loadCustomTheme() {
-    const cssFileName = getConfig<AppConfig>().THEME;
-
-    if (cssFileName) {
-        const head = document.getElementsByTagName('head')[0];
-        const link = document.createElement('link');
-        link.id = cssFileName;
-        link.rel = 'stylesheet';
-        link.type = 'text/css';
-        link.href = 'assets/styles/themes/' + cssFileName + '.css';
-        link.media = 'all';
-        head.appendChild(link);
-    }
+export function loadCustomTheme(cssFileName: string) {
+    const head = document.getElementsByTagName('head')[0];
+    const link = document.createElement('link');
+    link.id = cssFileName;
+    link.rel = 'stylesheet';
+    link.type = 'text/css';
+    link.href = 'assets/styles/themes/' + cssFileName + '.css';
+    link.media = 'all';
+    head.appendChild(link);
 }

@Component({
    selector: 'redaction-root',
    templateUrl: './app.component.html',
+    standalone: false,
 })
-export class AppComponent implements OnDestroy {
-    readonly #subscription = new Subscription();
-
+export class AppComponent {
    constructor(
        /** ViewContainerRef needs to be injected for the color picker to work */
        readonly viewContainerRef: ViewContainerRef,
@ -37,28 +35,51 @@ export class AppComponent implements OnDestroy {
        userPreferenceService: UserPreferenceService,
        renderer: Renderer2,
        private readonly _router: Router,
-        route: ActivatedRoute,
+        private readonly _iconRegistry: MatIconRegistry,
+        private readonly _sanitizer: DomSanitizer,
+        private readonly _tenantsService: TenantsService,
    ) {
-        renderer.addClass(inject(DOCUMENT).body, userPreferenceService.getTheme());
-        loadCustomTheme();
-        const sub = route.queryParamMap.subscribe(queryParams => this.#navigate(queryParams));
-        this.#subscription.add(sub);
+        const config = getConfig<AppConfig>();
+        renderer.addClass(document.body, userPreferenceService.getTheme());
+
+        const removeQueryParams = _router.events.pipe(
+            filter((event): event is NavigationEnd => event instanceof NavigationEnd),
+            map(event => event.urlAfterRedirects),
+            filter(url => url.includes('code=') || url.includes('state=') || url.includes('session_state=')),
+            switchMap(() => this.#removeKeycloakQueryParams()),
+            take(1),
+        );
+        removeQueryParams.subscribe();
+
+        this._tenantsService
+            .waitForSettingTenant()
+            .pipe(
+                tap(() => {
+                    const isDocumine = this._tenantsService.activeTenant.documine;
+                    const logo = isDocumine ? 'documine' : 'redaction';
+                    _iconRegistry.addSvgIconInNamespace(
+                        'iqser',
+                        'logo',
+                        _sanitizer.bypassSecurityTrustResourceUrl(`/assets/icons/general/${logo}-logo.svg`),
+                    );
+                    if (isDocumine) {
+                        document.getElementById('favicon').setAttribute('href', 'assets/icons/documine-logo.ico');
+                    }
+                    loadCustomTheme(isDocumine ? APP_TYPE_PATHS.SCM : APP_TYPE_PATHS.REDACT);
+                }),
+                take(1),
+            )
+            .subscribe();
    }

-    ngOnDestroy() {
-        this.#subscription.unsubscribe();
-    }
-
-    #navigate(queryParams: ParamMap) {
-        if (queryParams.has('code') || queryParams.has('state') || queryParams.has('session_state')) {
-            return this._router.navigate([], {
-                queryParams: {
-                    state: null,
-                    session_state: null,
-                    code: null,
-                },
-                queryParamsHandling: 'merge',
-            });
-        }
+    #removeKeycloakQueryParams() {
+        return this._router.navigate([], {
+            queryParams: {
+                state: null,
+                session_state: null,
+                code: null,
+            },
+            queryParamsHandling: 'merge',
+        });
    }
 }
--- a/apps/red-ui/src/app/app.module.ts
+++ b/apps/red-ui/src/app/app.module.ts
@ -1,75 +1,80 @@
-import { BrowserModule } from '@angular/platform-browser';
-import { ENVIRONMENT_INITIALIZER, ErrorHandler, inject, NgModule } from '@angular/core';
-import { AppComponent } from './app.component';
-import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
+import { APP_BASE_HREF, DatePipe as BaseDatePipe } from '@angular/common';
 import { HTTP_INTERCEPTORS } from '@angular/common/http';
+import { ErrorHandler, inject, NgModule, provideEnvironmentInitializer } from '@angular/core';
+import { MatDividerModule } from '@angular/material/divider';
+import { MatIcon } from '@angular/material/icon';
+import { MatMenu, MatMenuContent, MatMenuItem, MatMenuTrigger } from '@angular/material/menu';
+import { MatProgressSpinner } from '@angular/material/progress-spinner';
+import { MAT_TOOLTIP_DEFAULT_OPTIONS, MatTooltip } from '@angular/material/tooltip';
+import { BrowserModule } from '@angular/platform-browser';
+import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
+import { ServiceWorkerModule } from '@angular/service-worker';
+import { ChevronButtonComponent } from '@common-ui/buttons/chevron-button';
+import { EmptyStateComponent } from '@common-ui/empty-state';
+import { HelpModeKey } from '@common-ui/help-mode/types';
+import { InputWithActionComponent } from '@common-ui/inputs/input-with-action/input-with-action.component';
+import { RoundCheckboxComponent } from '@common-ui/inputs/round-checkbox/round-checkbox.component';
+import { GET_TENANT_FROM_PATH_FN, UI_ROOT } from '@common-ui/utils';
+import { AuthErrorComponent } from '@components/auth-error/auth-error.component';
 import { BaseScreenComponent } from '@components/base-screen/base-screen.component';
-import { MissingTranslationHandler } from '@ngx-translate/core';
+import { BreadcrumbsComponent } from '@components/breadcrumbs/breadcrumbs.component';
+import { DownloadsListScreenComponent } from '@components/downloads-list-screen/downloads-list-screen.component';
+import { NotificationsComponent } from '@components/notifications/notifications.component';
+import { DashboardSkeletonComponent } from '@components/skeleton/dashboard-skeleton/dashboard-skeleton.component';
+import { DossierSkeletonComponent } from '@components/skeleton/dossier-skeleton/dossier-skeleton.component';
+import { SkeletonStatsComponent } from '@components/skeleton/skeleton-stats/skeleton-stats.component';
+import { SkeletonTopBarComponent } from '@components/skeleton/skeleton-top-bar/skeleton-top-bar.component';
+import { SpotlightSearchComponent } from '@components/spotlight-search/spotlight-search.component';
+import { TenantsMenuComponent } from '@components/tenants-menu/tenants-menu.component';
+import { UserMenuComponent } from '@components/user-menu/user-menu.component';
+import { environment } from '@environments/environment';
 import {
    CachingModule,
    CircleButtonComponent,
-    CommonUiModule,
-    EmptyStateComponent,
-    HelpModeKey,
+    HelpButtonComponent,
+    HelpModeComponent,
    HiddenActionDirective,
    IconButtonComponent,
-    InputWithActionComponent,
    IqserAllowDirective,
    IqserDenyDirective,
-    IqserHelpModeModule,
    IqserListingModule,
    IqserLoadingModule,
    IqserTranslateModule,
-    IqserUsersModule,
    LanguageService,
-    LogoComponent,
    MAX_RETRIES_ON_SERVER_ERROR,
-    RoundCheckboxComponent,
    SERVER_ERROR_SKIP_PATHS,
    ServerErrorInterceptor,
-    SkeletonComponent,
    StopPropagationDirective,
-    TenantPipe,
-    TenantsModule,
-    ToastComponent,
 } from '@iqser/common-ui';
-import { ToastrModule } from 'ngx-toastr';
-import { ServiceWorkerModule } from '@angular/service-worker';
-import { environment } from '@environments/environment';
-import { AuthErrorComponent } from '@components/auth-error/auth-error.component';
-import { NotificationsComponent } from '@components/notifications/notifications.component';
-import { DashboardSkeletonComponent } from '@components/skeleton/dashboard-skeleton/dashboard-skeleton.component';
-import { DownloadsListScreenComponent } from '@components/downloads-list-screen/downloads-list-screen.component';
-import { AppRoutingModule } from './app-routing.module';
-import { SharedModule } from '@shared/shared.module';
-import { FileUploadDownloadModule } from '@upload-download/file-upload-download.module';
-import { DatePipe as BaseDatePipe } from '@angular/common';
-import { ACTIVE_DOSSIERS_SERVICE, ARCHIVED_DOSSIERS_SERVICE } from './tokens';
+import { CommonUiModule } from '@iqser/common-ui/lib/common-ui.module';
+import { provideHelpMode } from '@iqser/common-ui/lib/help-mode/utils/help-mode.provider';
+import { LogoComponent, SkeletonComponent, ToastComponent } from '@iqser/common-ui/lib/shared';
+import { TenantsModule } from '@iqser/common-ui/lib/tenants';
+import { InitialsAvatarComponent, IqserUsersModule } from '@iqser/common-ui/lib/users';
 import { MonacoEditorModule } from '@materia-ui/ngx-monaco-editor';
-import { GlobalErrorHandler } from '@services/global-error-handler.service';
-import { REDMissingTranslationHandler } from '@utils/missing-translations-handler';
+import { TranslateModule } from '@ngx-translate/core';
+import { AppConfig, ILoggerConfig } from '@red/domain';
 import { ConfigService } from '@services/config.service';
-import { SpotlightSearchComponent } from '@components/spotlight-search/spotlight-search.component';
-import { DatePipe } from '@shared/pipes/date.pipe';
-import * as helpModeKeys from '../assets/help-mode/help-mode-keys.json';
-import { BreadcrumbsComponent } from '@components/breadcrumbs/breadcrumbs.component';
-import { UserPreferenceService } from '@users/user-preference.service';
-import { UserService } from '@users/user.service';
 import { ActiveDossiersService } from '@services/dossiers/active-dossiers.service';
 import { ArchivedDossiersService } from '@services/dossiers/archived-dossiers.service';
-import { MAT_TOOLTIP_DEFAULT_OPTIONS } from '@angular/material/tooltip';
-import { LoggerModule, NgxLoggerLevel, TOKEN_LOGGER_CONFIG, TOKEN_LOGGER_RULES_SERVICE } from 'ngx-logger';
+import { GlobalErrorHandler } from '@services/global-error-handler.service';
 import { LoggerRulesService } from '@services/logger-rules.service';
-import { AppConfig, ILoggerConfig } from '@red/domain';
-import { PdfViewerModule } from './modules/pdf-viewer/pdf-viewer.module';
-import { UI_CACHES } from '@utils/constants';
+import { provideCustomDateFormatter } from '@shared/custom-date-formatting.provider';
+import { NavigateLastDossiersScreenDirective } from '@shared/directives/navigate-last-dossiers-screen.directive';
+import { DatePipe } from '@shared/pipes/date.pipe';
 import { RedRoleGuard } from '@users/red-role.guard';
-import { SkeletonTopBarComponent } from '@components/skeleton/skeleton-top-bar/skeleton-top-bar.component';
-import { DossierSkeletonComponent } from '@components/skeleton/dossier-skeleton/dossier-skeleton.component';
-import { SkeletonStatsComponent } from '@components/skeleton/skeleton-stats/skeleton-stats.component';
-import { UserMenuComponent } from '@components/user-menu/user-menu.component';
-import { TenantsMenuComponent } from '@components/tenants-menu/tenants-menu.component';
-import { MatDividerModule } from '@angular/material/divider';
+import { UserPreferenceService } from '@users/user-preference.service';
+import { UserService } from '@users/user.service';
+import { UI_CACHES } from '@utils/constants';
+import { ColorPickerService } from 'ngx-color-picker';
+import { LoggerModule, NGXLogger, NgxLoggerLevel, TOKEN_LOGGER_CONFIG, TOKEN_LOGGER_RULES_SERVICE } from 'ngx-logger';
+import { ToastrModule } from 'ngx-toastr';
+import helpModeKeys from '../assets/help-mode/help-mode-keys.json';
+import { AppRoutingModule } from './app-routing.module';
+import { AppComponent } from './app.component';
+import { IconsModule } from './modules/icons/icons.module';
+import { PdfViewerModule } from './modules/pdf-viewer/pdf-viewer.module';
+import { ACTIVE_DOSSIERS_SERVICE, ARCHIVED_DOSSIERS_SERVICE } from './tokens';

 export const appModuleFactory = (config: AppConfig) => {
    @NgModule({
@ -91,8 +96,6 @@ export const appModuleFactory = (config: AppConfig) => {
        imports: [
            BrowserModule,
            BrowserAnimationsModule,
-            SharedModule,
-            FileUploadDownloadModule,
            AppRoutingModule,
            MonacoEditorModule,
            CommonUiModule.forRoot({
@ -105,7 +108,6 @@ export const appModuleFactory = (config: AppConfig) => {
                existingRoleGuard: RedRoleGuard,
            }),
            CachingModule.forRoot(UI_CACHES),
-            IqserHelpModeModule.forRoot(helpModeKeys as HelpModeKey[]),
            PdfViewerModule,
            ToastrModule.forRoot({
                closeButton: true,
@ -115,7 +117,7 @@ export const appModuleFactory = (config: AppConfig) => {
                resetTimeoutOnDuplicate: true,
            }),
            TenantsModule.forRoot(),
-            IqserTranslateModule.forRoot({ pathPrefix: config.BASE_TRANSLATIONS_DIRECTORY || '/assets/i18n/redact/' }),
+            IqserTranslateModule.forRoot({ pathPrefix: config.BASE_TRANSLATIONS_DIRECTORY }),
            IqserLoadingModule.forRoot(),
            ServiceWorkerModule.register('ngsw-worker.js', { enabled: environment.production }),
            LoggerModule.forRoot(undefined, {
@ -139,6 +141,12 @@ export const appModuleFactory = (config: AppConfig) => {
                            FILTERS: {
                                enabled: false,
                            },
+                            TENANTS: {
+                                enabled: false,
+                            },
+                            ROUTES: {
+                                enabled: false,
+                            },
                            PDF: {
                                enabled: false,
                            },
@ -151,6 +159,21 @@ export const appModuleFactory = (config: AppConfig) => {
                            STATS: {
                                enabled: false,
                            },
+                            REDACTION_LOG: {
+                                enabled: true,
+                            },
+                            VIEWED_PAGES: {
+                                enabled: false,
+                            },
+                            PAGES: {
+                                enabled: false,
+                            },
+                            DOSSIERS_CHANGES: {
+                                enabled: false,
+                            },
+                            GUARDS: {
+                                enabled: false,
+                            },
                        },
                    } as ILoggerConfig,
                },
@ -167,10 +190,40 @@ export const appModuleFactory = (config: AppConfig) => {
            IqserDenyDirective,
            IqserListingModule,
            IconButtonComponent,
-            TenantPipe,
            MatDividerModule,
+            ChevronButtonComponent,
+            InitialsAvatarComponent,
+            HelpModeComponent,
+            HelpButtonComponent,
+            MatMenuTrigger,
+            MatMenuItem,
+            MatIcon,
+            MatMenu,
+            MatMenuContent,
+            MatTooltip,
+            MatProgressSpinner,
+            IconsModule,
+            NavigateLastDossiersScreenDirective,
+            DatePipe,
+            TranslateModule,
        ],
        providers: [
+            {
+                provide: UI_ROOT,
+                useValue: '/ui',
+            },
+            {
+                provide: APP_BASE_HREF,
+                useFactory: () => {
+                    const uiRoot = inject(UI_ROOT);
+                    const tenant = inject(GET_TENANT_FROM_PATH_FN)();
+                    console.log(tenant);
+                    const appBaseHref = uiRoot + '/' + tenant;
+
+                    inject(NGXLogger).info('Provide APP_BASE_HREF:', appBaseHref);
+                    return appBaseHref;
+                },
+            },
            {
                provide: HTTP_INTERCEPTORS,
                multi: true,
@ -180,18 +233,10 @@ export const appModuleFactory = (config: AppConfig) => {
                provide: ErrorHandler,
                useClass: GlobalErrorHandler,
            },
-            {
-                provide: ENVIRONMENT_INITIALIZER,
-                multi: true,
-                useValue: async () => {
-                    const languageService = inject(LanguageService);
-                    return languageService.setInitialLanguage();
-                },
-            },
-            {
-                provide: MissingTranslationHandler,
-                useClass: REDMissingTranslationHandler,
-            },
+            provideEnvironmentInitializer(async () => {
+                const languageService = inject(LanguageService);
+                return languageService.setInitialLanguage();
+            }),
            {
                provide: MAX_RETRIES_ON_SERVER_ERROR,
                useFactory: () => config.MAX_RETRIES_ON_SERVER_ERROR,
@ -212,10 +257,14 @@ export const appModuleFactory = (config: AppConfig) => {
                provide: MAT_TOOLTIP_DEFAULT_OPTIONS,
                useValue: {
                    disableTooltipInteractivity: true,
+                    showDelay: 1,
                },
            },
-            DatePipe,
            BaseDatePipe,
+            DatePipe,
+            ...provideCustomDateFormatter(),
+            ...provideHelpMode(helpModeKeys as HelpModeKey[]),
+            ColorPickerService,
        ],
        bootstrap: [AppComponent],
    })
--- a/apps/red-ui/src/app/components/auth-error/auth-error.component.html
+++ b/apps/red-ui/src/app/components/auth-error/auth-error.component.html
@ -2,17 +2,17 @@
    <p *ngIf="!adminName && !adminUrl" class="heading-xl" translate="auth-error.heading"></p>
    <p
        *ngIf="adminName && adminUrl"
-        [innerHTML]="'auth-error.heading-with-name-and-link' | translate : { adminName: adminName, adminUrl: adminUrl }"
+        [innerHTML]="'auth-error.heading-with-name-and-link' | translate: { adminName: adminName, adminUrl: adminUrl }"
        class="heading-xl"
    ></p>
    <p
        *ngIf="adminName && !adminUrl"
-        [innerHTML]="'auth-error.heading-with-name' | translate : { adminName: adminName }"
+        [innerHTML]="'auth-error.heading-with-name' | translate: { adminName: adminName }"
        class="heading-xl"
    ></p>
    <p
        *ngIf="!adminName && adminUrl"
-        [innerHTML]="'auth-error.heading-with-link' | translate : { adminName: adminName }"
+        [innerHTML]="'auth-error.heading-with-link' | translate: { adminName: adminName }"
        class="heading-xl"
    ></p>
    <a (click)="userService.logout()" translate="auth-error.logout"></a>
--- a/apps/red-ui/src/app/components/auth-error/auth-error.component.ts
+++ b/apps/red-ui/src/app/components/auth-error/auth-error.component.ts
@ -1,15 +1,18 @@
 import { Component } from '@angular/core';
 import { UserService } from '@users/user.service';
-import { ConfigService } from '@services/config.service';
+import { getConfig } from '@iqser/common-ui';
+import { AppConfig } from '@red/domain';

@Component({
    selector: 'redaction-auth-error',
    templateUrl: './auth-error.component.html',
    styleUrls: ['./auth-error.component.scss'],
+    standalone: false,
 })
 export class AuthErrorComponent {
-    adminName = this._configService.values.ADMIN_CONTACT_NAME;
-    adminUrl = this._configService.values.ADMIN_CONTACT_URL;
+    readonly #config = getConfig<AppConfig>();
+    readonly adminName = this.#config.ADMIN_CONTACT_NAME;
+    readonly adminUrl = this.#config.ADMIN_CONTACT_URL;

-    constructor(readonly userService: UserService, private readonly _configService: ConfigService) {}
+    constructor(readonly userService: UserService) {}
 }
--- a/apps/red-ui/src/app/components/base-screen/base-screen.component.html
+++ b/apps/red-ui/src/app/components/base-screen/base-screen.component.html
@ -1,4 +1,4 @@
-<iqser-help-mode *deny="roles.getRss"></iqser-help-mode>
+<iqser-help-mode></iqser-help-mode>

 <div class="top-bar">
    <ng-template #menuPlaceholder>
@ -9,9 +9,9 @@
        <redaction-breadcrumbs></redaction-breadcrumbs>
    </div>

-    <a [matTooltip]="'top-bar.navigation-items.back-to-dashboard' | translate" [routerLink]="['/'] | tenant" class="logo">
+    <a [matTooltip]="'top-bar.navigation-items.back-to-dashboard' | translate" [routerLink]="['/main']" class="logo">
        <div [attr.help-mode-key]="'home'" class="actions">
-            <iqser-logo (iqserHiddenAction)="userPreferenceService.toggleDevFeatures()" icon="red:logo"></iqser-logo>
+            <iqser-logo (iqserHiddenAction)="userPreferenceService.toggleDevFeatures()" icon="iqser:logo"></iqser-logo>
            <div class="app-name">{{ titleService.getTitle() }}</div>
        </div>
    </a>
@ -21,11 +21,11 @@
            <redaction-spotlight-search
                *allow="roles.search; if: (isSearchScreen$ | async) === false && (currentUser.isUser || currentUser.isManager)"
                [actions]="searchActions"
-                [attr.help-mode-key]="'search_in_entire_application'"
+                [attr.help-mode-key]="'search_entire_application'"
                [placeholder]="'search.placeholder' | translate"
            ></redaction-spotlight-search>

-            <iqser-help-button *deny="roles.getRss" [attr.help-mode-key]="'help_mode'" id="help-mode-button"></iqser-help-button>
+            <iqser-help-button [dialogButton]="false"></iqser-help-button>

            <redaction-notifications
                *ngIf="currentUser.isUser || currentUser.isManager"
@ -36,23 +36,15 @@
        <iqser-user-button [attr.help-mode-key]="'open_usermenu'" [matMenuTriggerFor]="userMenu" id="userMenu"></iqser-user-button>

        <mat-menu #userMenu="matMenu" xPosition="before">
-            <app-user-menu></app-user-menu>
+            <ng-template matMenuContent>
+                <app-user-menu></app-user-menu>
+            </ng-template>
        </mat-menu>
    </div>
 </div>

-<div *ngIf="userPreferenceService.areDevFeaturesEnabled" class="dev-mode" translate="dev-mode"></div>
+<div *ngIf="userPreferenceService.isIqserDevMode" class="dev-mode" translate="dev-mode"></div>

 <router-outlet></router-outlet>

-<redaction-pdf-viewer [style.visibility]="(documentViewer.loaded$ | async) ? 'visible' : 'hidden'"></redaction-pdf-viewer>
-
-<iqser-skeleton [templates]="{ dashboard: dashboardSkeleton, dossier: dossierSkeleton }"></iqser-skeleton>
-
-<ng-template #dashboardSkeleton>
-    <redaction-dashboard-skeleton></redaction-dashboard-skeleton>
-</ng-template>
-
-<ng-template #dossierSkeleton>
-    <redaction-dossier-skeleton></redaction-dossier-skeleton>
-</ng-template>
+<redaction-pdf-viewer [style.visibility]="documentViewer.loaded() ? 'visible' : 'hidden'"></redaction-pdf-viewer>
--- a/apps/red-ui/src/app/components/base-screen/base-screen.component.ts
+++ b/apps/red-ui/src/app/components/base-screen/base-screen.component.ts
@ -1,27 +1,29 @@
 import { Component, inject } from '@angular/core';
 import { UserService } from '@users/user.service';
 import { UserPreferenceService } from '@users/user-preference.service';
-import { NavigationStart, Router } from '@angular/router';
+import { ActivatedRoute, NavigationStart, ParamMap, Router } from '@angular/router';
 import { Title } from '@angular/platform-browser';
 import { TranslateService } from '@ngx-translate/core';
 import { SpotlightSearchAction } from '@components/spotlight-search/spotlight-search-action';
 import { filter, map, startWith } from 'rxjs/operators';
-import { BASE_HREF, IqserPermissionsService, List, shareDistinctLast, TenantsService } from '@iqser/common-ui';
+import { getConfig, IqserPermissionsService } from '@iqser/common-ui';
 import { BreadcrumbsService } from '@services/breadcrumbs.service';
-import { FeaturesService } from '@services/features.service';
-import { ARCHIVE_ROUTE, DOSSIERS_ARCHIVE, DOSSIERS_ROUTE } from '@red/domain';
-import { ROLES } from '@users/roles';
+import { ARCHIVE_ROUTE, DOSSIERS_ROUTE } from '@red/domain';
+import { Roles } from '@users/roles';
 import { REDDocumentViewer } from '../../modules/pdf-viewer/services/document-viewer.service';
+import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
+import { List, shareDistinctLast } from '@iqser/common-ui/lib/utils';

-const isNavigationStart = event => event instanceof NavigationStart;
+const isNavigationStart = (event: unknown): event is NavigationStart => event instanceof NavigationStart;
 const isSearchScreen: (url: string) => boolean = url => url.includes('/search');

@Component({
    templateUrl: './base-screen.component.html',
    styleUrls: ['./base-screen.component.scss'],
+    standalone: false,
 })
 export class BaseScreenComponent {
-    readonly roles = ROLES;
+    readonly roles = Roles;
    readonly documentViewer = inject(REDDocumentViewer);
    readonly currentUser = this.userService.currentUser;
    readonly searchActions: List<SpotlightSearchAction> = [
@ -34,7 +36,6 @@ export class BaseScreenComponent {
        {
            text: this._translateService.instant('search.active-dossiers'),
            icon: 'red:enter',
-            hide: () => !this._featuresService.isEnabled(DOSSIERS_ARCHIVE),
            action: (query): void => this.#search(query, [], true),
        },
        {
@ -43,10 +44,10 @@ export class BaseScreenComponent {
            action: (query): void => this.#search(query, []),
        },
    ];
-    readonly #baseHref = inject(BASE_HREF);
+    readonly config = getConfig();
    readonly #navigationStart$ = this._router.events.pipe(
        filter(isNavigationStart),
-        map((event: NavigationStart) => event.url),
+        map(event => event.url),
        startWith(this._router.url),
        shareDistinctLast(),
    );
@ -54,15 +55,17 @@ export class BaseScreenComponent {

    constructor(
        private readonly _router: Router,
+        activatedRoute: ActivatedRoute,
        private readonly _translateService: TranslateService,
-        private readonly _featuresService: FeaturesService,
-        protected readonly _tenantsService: TenantsService,
        readonly permissionsService: IqserPermissionsService,
        readonly userService: UserService,
        readonly userPreferenceService: UserPreferenceService,
        readonly titleService: Title,
        readonly breadcrumbsService: BreadcrumbsService,
-    ) {}
+    ) {
+        // eslint-disable-next-line rxjs/no-ignored-subscription
+        activatedRoute.queryParamMap.pipe(takeUntilDestroyed()).subscribe(queryParams => this.#navigate(queryParams));
+    }

    get #hideSearchThisDossier() {
        const routerLink = this.breadcrumbsService.breadcrumbs[1]?.options?.routerLink;
@ -74,9 +77,20 @@ export class BaseScreenComponent {
        return !isDossierOverview;
    }

+    #navigate(queryParams: ParamMap) {
+        if (queryParams.has('username')) {
+            return this._router.navigate([], {
+                queryParams: {
+                    username: null,
+                },
+                queryParamsHandling: 'merge',
+            });
+        }
+    }
+
    #search(query: string, dossierIds: string[], onlyActive = false) {
        const queryParams = { query, dossierIds: dossierIds.join(','), onlyActive };
-        this._router.navigate([`/${this._tenantsService.activeTenantId}/main/search`], { queryParams }).then();
+        this._router.navigate(['/main/search'], { queryParams }).then();
    }

    #searchThisDossier(query: string) {
--- a/apps/red-ui/src/app/components/breadcrumbs/breadcrumbs.component.html
+++ b/apps/red-ui/src/app/components/breadcrumbs/breadcrumbs.component.html
@ -1,4 +1,4 @@
-<div *ngIf="breadcrumbsService.breadcrumbs$ | async as breadcrumbs" [attr.help-mode-key]="'navigate_in_breadcrumbs'" class="breadcrumbs">
+<div *ngIf="breadcrumbsService.breadcrumbs$ | async as breadcrumbs" [attr.help-mode-key]="'navigate_breadcrumbs'" class="breadcrumbs">
    <a *ngIf="breadcrumbs.length === 0; else items" class="breadcrumb back" redactionNavigateLastDossiersScreen>
        <mat-icon svgIcon="iqser:expand"></mat-icon>
        {{ 'top-bar.navigation-items.back' | translate }}
@ -14,7 +14,7 @@
                [id]="first ? 'navigateToActiveDossiers' : ''"
                [matTooltip]="breadcrumb.options.clamp && (breadcrumb.name$ | async)"
                [routerLinkActiveOptions]="breadcrumb.options.routerLinkActiveOptions || { exact: false }"
-                [routerLink]="breadcrumb.options.routerLink | tenant"
+                [routerLink]="breadcrumb.options.routerLink"
                class="breadcrumb"
                routerLinkActive="active"
            >
@ -22,21 +22,24 @@
            </a>

            <ng-container *ngIf="is(breadcrumb, 'dropdown')">
-                <button [matMenuTriggerFor]="dropdownMenu" class="dropdown-breadcrumb" mat-button>
-                    <span>{{ breadcrumb.name$ | async }}</span>
-                    <mat-icon svgIcon="iqser:arrow-down"></mat-icon>
-                </button>
+                <iqser-chevron-button
+                    [label]="breadcrumb.name$ | async"
+                    [matMenuTriggerFor]="dropdownMenu"
+                    class="dropdown-breadcrumb"
+                ></iqser-chevron-button>

                <mat-menu #dropdownMenu="matMenu" class="padding-bottom-8">
-                    <a
-                        *ngFor="let option of breadcrumb.options.options"
-                        [routerLink]="option.options.routerLink | tenant"
-                        mat-menu-item
-                        routerLinkActive="active"
-                    >
-                        {{ option.name$ | async }}
-                        <mat-icon class="checkmark" svgIcon="iqser:check"></mat-icon>
-                    </a>
+                    <div id="breadcrumbs-menu-items">
+                        <a
+                            *ngFor="let option of breadcrumb.options.options"
+                            [routerLink]="option.options.routerLink"
+                            mat-menu-item
+                            routerLinkActive="active"
+                        >
+                            {{ option.name$ | async }}
+                            <mat-icon class="checkmark" svgIcon="iqser:check"></mat-icon>
+                        </a>
+                    </div>
                </mat-menu>
            </ng-container>
        </ng-container>
--- a/apps/red-ui/src/app/components/breadcrumbs/breadcrumbs.component.ts
+++ b/apps/red-ui/src/app/components/breadcrumbs/breadcrumbs.component.ts
@ -7,6 +7,7 @@ import { Breadcrumb, BreadcrumbDisplayType, BreadcrumbsService } from '@services
    selector: 'redaction-breadcrumbs',
    templateUrl: './breadcrumbs.component.html',
    styleUrls: ['./breadcrumbs.component.scss'],
+    standalone: false,
 })
 export class BreadcrumbsComponent {
    constructor(readonly breadcrumbsService: BreadcrumbsService) {}
--- a/apps/red-ui/src/app/components/downloads-list-screen/downloads-list-screen.component.html
+++ b/apps/red-ui/src/app/components/downloads-list-screen/downloads-list-screen.component.html
@ -21,7 +21,6 @@
        (action)="deleteItems()"
        *ngIf="listingService.areSomeSelected$ | async"
        [tooltip]="'downloads-list.bulk.delete' | translate"
-        [type]="circleButtonTypes.dark"
        icon="iqser:trash"
    ></iqser-circle-button>
 </ng-template>
@ -57,14 +56,12 @@
                    (action)="downloadItem(download)"
                    *ngIf="download.status === 'READY' && !download.inProgress"
                    [tooltip]="'downloads-list.actions.download' | translate"
-                    [type]="circleButtonTypes.dark"
                    icon="iqser:download"
                ></iqser-circle-button>

                <iqser-circle-button
                    (action)="deleteItems([download])"
                    [tooltip]="'downloads-list.actions.delete' | translate"
-                    [type]="circleButtonTypes.dark"
                    icon="iqser:trash"
                ></iqser-circle-button>

--- a/apps/red-ui/src/app/components/downloads-list-screen/downloads-list-screen.component.ts
+++ b/apps/red-ui/src/app/components/downloads-list-screen/downloads-list-screen.component.ts
@ -1,9 +1,9 @@
 import { Component, OnDestroy } from '@angular/core';
-import { FileDownloadService } from '@upload-download/services/file-download.service';
-import { DownloadStatus } from '@red/domain';
-import { CircleButtonTypes, ListingComponent, listingProvidersFactory, LoadingService, TableColumnConfig } from '@iqser/common-ui';
 import { marker as _ } from '@biesbjerg/ngx-translate-extract-marker';
+import { ListingComponent, listingProvidersFactory, LoadingService, TableColumnConfig } from '@iqser/common-ui';
+import { DownloadStatus } from '@red/domain';
 import { RouterHistoryService } from '@services/router-history.service';
+import { FileDownloadService } from '@upload-download/services/file-download.service';
 import { firstValueFrom } from 'rxjs';

@Component({
@ -13,9 +13,10 @@ import { firstValueFrom } from 'rxjs';
        entitiesService: FileDownloadService,
        component: DownloadsListScreenComponent,
    }),
+    standalone: false,
 })
 export class DownloadsListScreenComponent extends ListingComponent<DownloadStatus> implements OnDestroy {
-    readonly circleButtonTypes = CircleButtonTypes;
+    readonly #interval: number;
    readonly tableHeaderLabel = _('downloads-list.table-header.title');
    readonly tableColumnConfigs: TableColumnConfig<DownloadStatus>[] = [
        { label: _('downloads-list.table-col-names.name'), width: '2fr' },
@ -23,7 +24,6 @@ export class DownloadsListScreenComponent extends ListingComponent<DownloadStatu
        { label: _('downloads-list.table-col-names.date') },
        { label: _('downloads-list.table-col-names.status') },
    ];
-    readonly #interval: NodeJS.Timer;

    constructor(
        private readonly _loadingService: LoadingService,
@ -32,11 +32,11 @@ export class DownloadsListScreenComponent extends ListingComponent<DownloadStatu
    ) {
        super();
        this._loadingService.loadWhile(this._loadData());
-        this.#interval = setInterval(() => this._loadData(), 5000);
+        this.#interval = window.setInterval(() => this._loadData(), 5000);
    }

    ngOnDestroy() {
-        clearInterval(this.#interval);
+        window.clearInterval(this.#interval);
    }

    downloadItem(download: DownloadStatus) {
--- a/apps/red-ui/src/app/components/notifications/notifications.component.html
+++ b/apps/red-ui/src/app/components/notifications/notifications.component.html
@ -1,8 +1,8 @@
 <iqser-circle-button
    [matMenuTriggerFor]="menu"
    [showDot]="hasUnreadNotifications$ | async"
-    [tooltip]="'notifications.button-text' | translate"
    [tooltipPosition]="'below'"
+    [tooltip]="'notifications.button-text' | translate"
    buttonId="notification-button"
    icon="red:notification"
 ></iqser-circle-button>
@ -25,35 +25,34 @@
                        *ngIf="(hasUnreadNotifications$ | async) && first"
                        class="view-all"
                        id="notifications-mark-all-as-read-btn"
-                        stopPropagation
+                        iqserStopPropagation
                    >
                        {{ 'notifications.mark-all-as-read' | translate }}
                    </div>
                </div>

                <div
-                    (click)="markRead([notification], true)"
+                    (click)="handleMarkReadEvent($event, [notification], true)"
                    *ngFor="let notification of group.notifications; trackBy: trackBy"
                    [class.unread]="!notification.readDate"
                    [id]="'notifications-mark-as-read-' + notification.id + '-btn'"
                    class="notification"
                    mat-menu-item
-                    stopPropagation
                >
                    <iqser-initials-avatar [user]="notification.userId"></iqser-initials-avatar>

                    <div class="notification-content">
                        <div [innerHTML]="notification.message"></div>
-                        <div class="small-label mt-2">{{ notification.creationDate | date : 'exactDate' }}</div>
+                        <div class="small-label mt-2">{{ notification.creationDate | date: 'exactDate' }}</div>
                    </div>

                    <div
                        (click)="markRead([notification], !notification.readDate)"
                        [id]="'notifications-mark-' + notification.id"
                        class="dot"
-                        matTooltip="{{ 'notifications.mark-as' | translate : { type: notification.readDate ? 'unread' : 'read' } }}"
+                        iqserStopPropagation
+                        matTooltip="{{ 'notifications.mark-as' | translate: { type: notification.readDate ? 'unread' : 'read' } }}"
                        matTooltipPosition="before"
-                        stopPropagation
                    ></div>
                </div>
            </div>
--- a/apps/red-ui/src/app/components/notifications/notifications.component.scss
+++ b/apps/red-ui/src/app/components/notifications/notifications.component.scss
@ -1,5 +1,3 @@
-@use 'variables';
-
 ::ng-deep .notifications-backdrop + .cdk-overlay-connected-position-bounding-box {
    right: 0 !important;

@ -24,7 +22,7 @@
        }

        .mat-mdc-menu-item.notification {
-            padding: 8px 26px 10px 8px;
+            padding: 8px 26px 10px 8px !important;
            margin: 2px 0 0 0;
            height: fit-content;
            position: relative;
@ -67,7 +65,7 @@
            }

            &.unread {
-                background-color: rgba(variables.$primary, 0.1);
+                background-color: rgba(var(--iqser-primary-rgb), 0.1);

                .dot {
                    background-color: var(--iqser-primary);
--- a/apps/red-ui/src/app/components/notifications/notifications.component.ts
+++ b/apps/red-ui/src/app/components/notifications/notifications.component.ts
@ -4,7 +4,7 @@ import { NotificationsService } from '@services/notifications.service';
 import { Notification } from '@red/domain';
 import { distinctUntilChanged, map } from 'rxjs/operators';
 import { Observable } from 'rxjs';
-import { isToday, shareLast, trackByFactory } from '@iqser/common-ui';
+import { isToday, shareLast, trackByFactory } from '@iqser/common-ui/lib/utils';
 import dayjs, { Dayjs } from 'dayjs';
 import { TranslateService } from '@ngx-translate/core';

@ -25,6 +25,7 @@ function chronologically(first: string, second: string) {
    selector: 'redaction-notifications',
    templateUrl: './notifications.component.html',
    styleUrls: ['./notifications.component.scss'],
+    standalone: false,
 })
 export class NotificationsComponent {
    readonly hasUnreadNotifications$: Observable<boolean>;
@ -58,6 +59,15 @@ export class NotificationsComponent {
        await this._notificationsService.toggleNotificationRead(notificationsIds, isRead);
    }

+    async handleMarkReadEvent(event: MouseEvent, notifications: Notification[] = this._notificationsService.all, isRead = true) {
+        if (!(event.target as HTMLBaseElement).href) {
+            event.stopPropagation();
+            event.preventDefault();
+        }
+
+        await this.markRead(notifications, isRead);
+    }
+
    #groupNotifications(notifications: Notification[]): NotificationsGroup[] {
        const todayTranslation = this._translateService.instant('today');
        const groupedMap = notifications.groupBy(n => {
--- a/apps/red-ui/src/app/components/skeleton/dashboard-skeleton/dashboard-skeleton.component.scss
+++ b/apps/red-ui/src/app/components/skeleton/dashboard-skeleton/dashboard-skeleton.component.scss
@ -9,7 +9,7 @@

    .container {
        padding: 32px;
-        width: 900px;
+        width: 1000px;
        max-width: 100%;
        box-sizing: border-box;
    }
--- a/apps/red-ui/src/app/components/skeleton/dashboard-skeleton/dashboard-skeleton.component.ts
+++ b/apps/red-ui/src/app/components/skeleton/dashboard-skeleton/dashboard-skeleton.component.ts
@ -5,5 +5,6 @@ import { ChangeDetectionStrategy, Component } from '@angular/core';
    templateUrl: './dashboard-skeleton.component.html',
    styleUrls: ['./dashboard-skeleton.component.scss'],
    changeDetection: ChangeDetectionStrategy.OnPush,
+    standalone: false,
 })
 export class DashboardSkeletonComponent {}
--- a/apps/red-ui/src/app/components/skeleton/dossier-skeleton/dossier-skeleton.component.ts
+++ b/apps/red-ui/src/app/components/skeleton/dossier-skeleton/dossier-skeleton.component.ts
@ -5,6 +5,7 @@ import { ChangeDetectionStrategy, Component, OnInit, TemplateRef, ViewChild } fr
    templateUrl: './dossier-skeleton.component.html',
    styleUrls: ['./dossier-skeleton.component.scss'],
    changeDetection: ChangeDetectionStrategy.OnPush,
+    standalone: false,
 })
 export class DossierSkeletonComponent implements OnInit {
    @ViewChild('workload1', { static: true }) workload1: TemplateRef<unknown>;
--- a/apps/red-ui/src/app/components/skeleton/skeleton-stats/skeleton-stats.component.ts
+++ b/apps/red-ui/src/app/components/skeleton/skeleton-stats/skeleton-stats.component.ts
@ -5,5 +5,6 @@ import { ChangeDetectionStrategy, Component } from '@angular/core';
    templateUrl: './skeleton-stats.component.html',
    styleUrls: ['./skeleton-stats.component.scss'],
    changeDetection: ChangeDetectionStrategy.OnPush,
+    standalone: false,
 })
 export class SkeletonStatsComponent {}
--- a/apps/red-ui/src/app/components/skeleton/skeleton-top-bar/skeleton-top-bar.component.html
+++ b/apps/red-ui/src/app/components/skeleton/skeleton-top-bar/skeleton-top-bar.component.html
@ -4,7 +4,7 @@
    </div>
    <a class="logo">
        <div class="actions">
-            <iqser-logo icon="red:logo"></iqser-logo>
+            <iqser-logo icon="iqser:logo"></iqser-logo>
            <div class="app-name">{{ titleService.getTitle() }}</div>
        </div>
    </a>
--- a/apps/red-ui/src/app/components/skeleton/skeleton-top-bar/skeleton-top-bar.component.ts
+++ b/apps/red-ui/src/app/components/skeleton/skeleton-top-bar/skeleton-top-bar.component.ts
@ -6,6 +6,7 @@ import { Title } from '@angular/platform-browser';
    templateUrl: './skeleton-top-bar.component.html',
    styleUrls: ['./skeleton-top-bar.component.scss'],
    changeDetection: ChangeDetectionStrategy.OnPush,
+    standalone: false,
 })
 export class SkeletonTopBarComponent {
    constructor(readonly titleService: Title) {}
--- a/apps/red-ui/src/app/components/spotlight-search/spotlight-search.component.ts
+++ b/apps/red-ui/src/app/components/spotlight-search/spotlight-search.component.ts
@ -9,6 +9,7 @@ import { MatMenuTrigger } from '@angular/material/menu';
    templateUrl: './spotlight-search.component.html',
    styleUrls: ['./spotlight-search.component.scss'],
    changeDetection: ChangeDetectionStrategy.OnPush,
+    standalone: false,
 })
 export class SpotlightSearchComponent {
    @Input() actions: readonly SpotlightSearchAction[];
@ -42,20 +43,20 @@ export class SpotlightSearchComponent {
        this.shownActions[this._currentActionIdx].action(this.valueChanges$.getValue());
    }

-    @HostListener('document:keydown.arrowDown', ['$event'])
-    @HostListener('document:keydown.arrowUp', ['$event'])
+    @HostListener('keydown.arrowDown', ['$event'])
+    @HostListener('keydown.arrowUp', ['$event'])
    handleKeyDown(event: KeyboardEvent): void {
        event.preventDefault();
    }

-    @HostListener('document:keyup.arrowDown', ['$event'])
+    @HostListener('keyup.arrowDown', ['$event'])
    handleKeyUpArrowDown(event: KeyboardEvent): void {
        this.handleKeyDown(event);
        const index = this._currentActionIdx + 1;
        this._currentActionIdx$.next(index >= this.shownActions.length ? 0 : index);
    }

-    @HostListener('document:keyup.arrowUp', ['$event'])
+    @HostListener('keyup.arrowUp', ['$event'])
    handleKeyUpArrowUp(event: KeyboardEvent): void {
        this.handleKeyDown(event);
        const index = this._currentActionIdx - 1;
--- a/apps/red-ui/src/app/components/tenants-menu/tenants-menu.component.html
+++ b/apps/red-ui/src/app/components/tenants-menu/tenants-menu.component.html
@ -1,14 +1,21 @@
 <div id="tenants-menu-items">
-    <ng-container *ngFor="let item of storedTenants(); trackBy: trackBy">
-        <div class="label">{{ item.tenant.displayName }}</div>
+    <a
+        (click)="!stored.isCurrent && switchTenant(stored.tenantId)"
+        *ngFor="let stored of storedTenants; trackBy: trackBy"
+        [class.disabled]="stored.isCurrent"
+        [class.reverse-icon]="stored.isCurrent"
+        [id]="stored.tenantId"
+        [iqserStopPropagation]="stored.isCurrent"
+        class="little-padding"
+        mat-menu-item
+    >
+        {{ stored.tenantId }}
+        <mat-icon *ngIf="stored.isCurrent" [svgIcon]="'iqser:check'"></mat-icon>
+    </a>

-        <a (click)="selectTenant(item.tenant.tenantId)" [id]="item.tenant.tenantId" mat-menu-item>
-            {{ item.email }}
-        </a>
-        <mat-divider class="pb-3 pt-3"></mat-divider>
-    </ng-container>
+    <mat-divider class="pb-3 pt-3"></mat-divider>

-    <a (click)="selectTenant()" mat-menu-item>
+    <a (click)="switchTenant()" mat-menu-item>
        <span translate="top-bar.navigation-items.my-account.children.join-another-tenant"> </span>
    </a>
 </div>
--- a/apps/red-ui/src/app/components/tenants-menu/tenants-menu.component.scss
+++ b/apps/red-ui/src/app/components/tenants-menu/tenants-menu.component.scss
@ -11,3 +11,18 @@
    padding-top: 5px;
    padding-bottom: 5px;
 }
+
+.disabled {
+    background-color: var(--iqser-grey-6);
+    color: var(--iqser-grey-3);
+    cursor: default;
+}
+
+.little-padding {
+    padding: 0 8px 0 8px;
+}
+
+.reverse-icon {
+    flex-direction: row-reverse;
+    justify-content: space-between;
+}
--- a/apps/red-ui/src/app/components/tenants-menu/tenants-menu.component.ts
+++ b/apps/red-ui/src/app/components/tenants-menu/tenants-menu.component.ts
@ -1,29 +1,36 @@
-import { Component, computed, inject } from '@angular/core';
-import { BASE_HREF, IStoredTenant, TenantsService } from '@iqser/common-ui';
+import { Component, inject } from '@angular/core';
+import { IStoredTenantId, KeycloakStatusService, TenantsService } from '@iqser/common-ui/lib/tenants';
+
+interface ITenant extends IStoredTenantId {
+    readonly isCurrent: boolean;
+}

@Component({
    selector: 'app-tenants-menu',
    templateUrl: './tenants-menu.component.html',
    styleUrls: ['./tenants-menu.component.scss'],
+    standalone: false,
 })
 export class TenantsMenuComponent {
    readonly tenantsService = inject(TenantsService);
+    readonly storedTenants: ITenant[];
+    readonly #keycloakStatusService = inject(KeycloakStatusService);

-    readonly storedTenants = computed(() => this.#getStoredTenants(this.tenantsService.activeTenant().tenantId));
-    readonly #baseHref = inject(BASE_HREF);
-
-    trackBy(_index: number, item: IStoredTenant) {
-        return item.tenant.tenantId;
+    constructor() {
+        this.storedTenants = this.#getStoredTenants();
    }

-    selectTenant(tenantId?: string) {
-        const tenant = tenantId ? '/' + tenantId : '/';
-        window.open(window.location.origin + this.#baseHref + tenant, '_blank');
+    trackBy(_index: number, item: ITenant) {
+        return item.tenantId;
    }

-    #getStoredTenants(activeTenantId: string) {
+    async switchTenant(tenantId?: string) {
+        await this.#keycloakStatusService.switchTenant(tenantId);
+    }
+
+    #getStoredTenants(): ITenant[] {
        const storedTenants = this.tenantsService.getStoredTenants();
-
-        return storedTenants.filter(t => t.tenant.tenantId !== activeTenantId);
+        const sorted = storedTenants.sort((a, b) => a.tenantId.localeCompare(b.tenantId));
+        return sorted.map(tenant => ({ ...tenant, isCurrent: tenant.tenantId === this.tenantsService.activeTenantId }));
    }
 }
--- a/apps/red-ui/src/app/components/user-menu/user-menu.component.html
+++ b/apps/red-ui/src/app/components/user-menu/user-menu.component.html
@ -1,11 +1,11 @@
 <div id="user-menu-items">
    <ng-container *ngFor="let item of userMenuItems; trackBy: trackBy">
-        <a (click)="item.action?.()" *ngIf="item.show" [id]="item.id" [routerLink]="item.routerLink | tenant" mat-menu-item>
+        <a (click)="item.action?.()" *ngIf="item.show" [id]="item.id" [routerLink]="item.routerLink" mat-menu-item>
            {{ item.name | translate }}
        </a>
    </ng-container>

-    <a *ngIf="tenantsService.hasMultiple()" [id]="'switch-accounts'" [matMenuTriggerFor]="tenantsMenu" mat-menu-item>
+    <a [id]="'switch-accounts'" [matMenuTriggerFor]="tenantsMenu" mat-menu-item>
        {{ 'top-bar.navigation-items.my-account.children.select-tenant' | translate }}
    </a>

@ -16,5 +16,7 @@
 </div>

 <mat-menu #tenantsMenu="matMenu" xPosition="before">
-    <app-tenants-menu></app-tenants-menu>
+    <ng-template matMenuContent>
+        <app-tenants-menu></app-tenants-menu>
+    </ng-template>
 </mat-menu>
--- a/apps/red-ui/src/app/components/user-menu/user-menu.component.ts
+++ b/apps/red-ui/src/app/components/user-menu/user-menu.component.ts
@ -1,9 +1,12 @@
 import { Component, inject } from '@angular/core';
 import { marker as _ } from '@biesbjerg/ngx-translate-extract-marker';
-import { ROLES } from '@users/roles';
-import { getCurrentUser, IqserPermissionsService, List, TenantsService } from '@iqser/common-ui';
+import { Roles } from '@users/roles';
+import { IqserPermissionsService } from '@iqser/common-ui';
 import { User } from '@red/domain';
 import { UserService } from '@users/user.service';
+import { getCurrentUser } from '@iqser/common-ui/lib/users';
+import { List } from '@iqser/common-ui/lib/utils';
+
 interface MenuItem {
    readonly id: string;
    readonly name: string;
@ -17,10 +20,10 @@ interface MenuItem {
    selector: 'app-user-menu',
    templateUrl: './user-menu.component.html',
    styleUrls: ['./user-menu.component.scss'],
+    standalone: false,
 })
 export class UserMenuComponent {
    readonly currentUser = getCurrentUser<User>();
-    readonly tenantsService = inject(TenantsService);
    readonly userService = inject(UserService);
    readonly #permissionsService = inject(IqserPermissionsService);
    readonly userMenuItems: List<MenuItem> = [
@ -34,19 +37,19 @@ export class UserMenuComponent {
            id: 'admin',
            name: _('top-bar.navigation-items.my-account.children.admin'),
            routerLink: '/main/admin',
-            show: (this.currentUser.isManager || this.currentUser.isUserAdmin) && this.#permissionsService.has([ROLES.templates.read]),
+            show: (this.currentUser.isManager || this.currentUser.isUserAdmin) && this.#permissionsService.has([Roles.templates.read]),
        },
        {
            id: 'downloads',
            name: _('top-bar.navigation-items.my-account.children.downloads'),
            routerLink: '/main/downloads',
-            show: this.currentUser.isUser && this.#permissionsService.has(ROLES.readDownloadStatus),
+            show: this.currentUser.isUser && this.#permissionsService.has(Roles.readDownloadStatus),
        },
        {
            id: 'trash',
            name: _('top-bar.navigation-items.my-account.children.trash'),
            routerLink: '/main/trash',
-            show: this.currentUser.isUser && this.#permissionsService.has([ROLES.dossiers.read, ROLES.files.readStatus]),
+            show: this.currentUser.isUser && this.#permissionsService.has([Roles.dossiers.read, Roles.files.readStatus]),
        },
    ];

--- a/apps/red-ui/src/app/guards/dashboard-guard.service.ts
+++ b/apps/red-ui/src/app/guards/dashboard-guard.service.ts
@ -1,8 +1,9 @@
 import { Injectable } from '@angular/core';
 import { CanActivate } from '@angular/router';
-import { firstValueFrom } from 'rxjs';
 import { DashboardStatsService } from '@services/dossier-templates/dashboard-stats.service';
+import { firstValueFrom } from 'rxjs';

+// TODO: Remove this and use a CanActivateFn instead
@Injectable({ providedIn: 'root' })
 export class DashboardGuard implements CanActivate {
    constructor(private readonly _dashboardStatsService: DashboardStatsService) {}
--- a/apps/red-ui/src/app/guards/dossier-files-guard.ts
+++ b/apps/red-ui/src/app/guards/dossier-files-guard.ts
@ -1,19 +1,20 @@
 import { Injectable, Injector, ProviderToken } from '@angular/core';
 import { ActivatedRouteSnapshot, CanActivate, Router } from '@angular/router';
-import { FilesMapService } from '@services/files/files-map.service';
-import { FilesService } from '@services/files/files.service';
-import { firstValueFrom } from 'rxjs';
+import { getConfig } from '@iqser/common-ui';
 import { DOSSIER_ID, DOSSIER_TEMPLATE_ID } from '@red/domain';
 import { DossiersService } from '@services/dossiers/dossiers.service';
 import { DictionaryService } from '@services/entity-services/dictionary.service';
 import { DossierDictionariesMapService } from '@services/entity-services/dossier-dictionaries-map.service';
-import { TenantsService } from '@iqser/common-ui';
+import { FilesMapService } from '@services/files/files-map.service';
+import { FilesService } from '@services/files/files.service';
+import { firstValueFrom } from 'rxjs';

@Injectable({ providedIn: 'root' })
 export class DossierFilesGuard implements CanActivate {
+    readonly isDocumine = getConfig().IS_DOCUMINE;
+
    constructor(
        private readonly _injector: Injector,
-        private readonly _tenantsService: TenantsService,
        private readonly _filesMapService: FilesMapService,
        private readonly _filesService: FilesService,
        private readonly _dictionaryService: DictionaryService,
@ -34,7 +35,7 @@ export class DossierFilesGuard implements CanActivate {
        }

        if (!dossiersService.has(dossierId)) {
-            await this._router.navigate([`/${this._tenantsService.activeTenantId}/main`, dossierTemplateId]);
+            await this._router.navigate(['/main', dossierTemplateId]);
            return false;
        }

@ -45,8 +46,8 @@ export class DossierFilesGuard implements CanActivate {
    async loadDossierData(dossierId: string, dossierTemplateId: string) {
        const promises = [];

-        if (!this._dictionaryMapService.has(dossierId)) {
-            const dictionaryPromise = this._dictionaryService.loadDossierDictionary(dossierTemplateId, dossierId);
+        if (!this._dictionaryMapService.has(dossierId) && !this.isDocumine) {
+            const dictionaryPromise = firstValueFrom(this._dictionaryService.loadDictionaryDataForDossier(dossierTemplateId, dossierId));
            promises.push(dictionaryPromise);
        }

--- a/apps/red-ui/src/app/guards/dossier-template-exists.guard.ts
+++ b/apps/red-ui/src/app/guards/dossier-template-exists.guard.ts
@ -2,15 +2,40 @@ import { inject } from '@angular/core';
 import { ActivatedRouteSnapshot, CanActivateFn, Router } from '@angular/router';
 import { DOSSIER_TEMPLATE_ID } from '@red/domain';
 import { DashboardStatsService } from '@services/dossier-templates/dashboard-stats.service';
-import { TenantsService } from '@iqser/common-ui';
+import { DossierTemplatesService } from '@services/dossier-templates/dossier-templates.service';
+import { DossierTemplateStatsService } from '@services/entity-services/dossier-template-stats.service';
+import { NGXLogger } from 'ngx-logger';
+import { firstValueFrom } from 'rxjs';
+import { UserPreferenceService } from '@users/user-preference.service';
+import { DictionaryService } from '@services/entity-services/dictionary.service';
+import { DefaultColorsService } from '@services/entity-services/default-colors.service';
+import { WatermarkService } from '@services/entity-services/watermark.service';
+import { FileAttributesService } from '@services/entity-services/file-attributes.service';
+import { getConfig, Toaster } from '@iqser/common-ui';
+import { RulesService } from '../modules/admin/services/rules.service';
+import { marker as _ } from '@biesbjerg/ngx-translate-extract-marker';

 export function templateExistsWhenEnteringAdmin(): CanActivateFn {
    return async function (route: ActivatedRouteSnapshot): Promise<boolean> {
        const dossierTemplateId: string = route.paramMap.get(DOSSIER_TEMPLATE_ID);
+        const fileAttributesService = inject(FileAttributesService);
+        const dictionaryService = inject(DictionaryService);
+        const defaultColorsService = inject(DefaultColorsService);
+        const watermarksService = inject(WatermarkService);
+        const router = inject(Router);
+        const rulesService = inject(RulesService);
+        const isDocumine = getConfig().IS_DOCUMINE;

-        const dossierTemplate = inject(DashboardStatsService).find(dossierTemplateId);
+        const dossierTemplate = inject(DossierTemplateStatsService).get(dossierTemplateId);
+        await firstValueFrom(fileAttributesService.loadFileAttributesConfig(dossierTemplateId));
+        await firstValueFrom(dictionaryService.loadDictionaryDataForDossierTemplate(dossierTemplateId));
+        await firstValueFrom(defaultColorsService.loadForDossierTemplate(dossierTemplateId));
+        await firstValueFrom(rulesService.getFor(dossierTemplateId));
+        if (!isDocumine) {
+            await firstValueFrom(watermarksService.loadForDossierTemplate(dossierTemplateId));
+        }
        if (!dossierTemplate) {
-            await inject(Router).navigate([inject(TenantsService).activeTenantId, 'main', 'admin', 'dossier-templates']);
+            await router.navigate(['main', 'admin', 'dossier-templates']);
            return false;
        }
        return true;
@ -20,12 +45,38 @@ export function templateExistsWhenEnteringAdmin(): CanActivateFn {
 export function templateExistsWhenEnteringDossierList(): CanActivateFn {
    return async function (route: ActivatedRouteSnapshot) {
        const dossierTemplateId: string = route.paramMap.get(DOSSIER_TEMPLATE_ID);
+        const dashboardStatsService = inject(DashboardStatsService);
+        const dossierTemplatesService = inject(DossierTemplatesService);
+        const logger = inject(NGXLogger);
+        const router = inject(Router);
+        const userPreferencesService = inject(UserPreferenceService);
+        const fileAttributesService = inject(FileAttributesService);
+        const dictionaryService = inject(DictionaryService);
+        const defaultColorsService = inject(DefaultColorsService);
+        const watermarksService = inject(WatermarkService);
+        const rulesService = inject(RulesService);
+        const toaster = inject(Toaster);
+        const isDocumine = getConfig().IS_DOCUMINE;

-        const dossierTemplateStats = inject(DashboardStatsService).find(dossierTemplateId);
+        await firstValueFrom(dashboardStatsService.loadForTemplate(dossierTemplateId));
+        await firstValueFrom(dossierTemplatesService.loadDossierTemplate(dossierTemplateId));
+        const dossierTemplateStats = dashboardStatsService.find(dossierTemplateId);
        if (!dossierTemplateStats || dossierTemplateStats.isEmpty) {
-            await inject(Router).navigate([inject(TenantsService).activeTenantId, 'main']);
+            logger.warn(`[ROUTES] Dossier template ${dossierTemplateId} not found, redirecting to main`);
+            await userPreferencesService.saveLastDossierTemplate(null);
+            await router.navigate(['main']);
            return false;
        }
+        await firstValueFrom(fileAttributesService.loadFileAttributesConfig(dossierTemplateId));
+        await firstValueFrom(dictionaryService.loadDictionaryDataForDossierTemplate(dossierTemplateId));
+        await firstValueFrom(defaultColorsService.loadForDossierTemplate(dossierTemplateId));
+        const rules = await firstValueFrom(rulesService.getFor(dossierTemplateId));
+        if (rules.timeoutDetected) {
+            toaster.error(_('dossier-listing.rules.timeoutError'));
+        }
+        if (!isDocumine) {
+            await firstValueFrom(watermarksService.loadForDossierTemplate(dossierTemplateId));
+        }
        return true;
    };
 }
--- a/apps/red-ui/src/app/guards/dossiers.guard.ts
+++ b/apps/red-ui/src/app/guards/dossiers.guard.ts
@ -1,45 +1,57 @@
-import { Injectable, Injector, ProviderToken } from '@angular/core';
-import { ActivatedRouteSnapshot, CanActivate, Router } from '@angular/router';
-import { firstValueFrom, forkJoin } from 'rxjs';
-import { take } from 'rxjs/operators';
+import { inject } from '@angular/core';
+import { ActivatedRouteSnapshot, CanActivateFn, Router } from '@angular/router';
+import { firstValueFrom } from 'rxjs';
 import { ActiveDossiersService } from '@services/dossiers/active-dossiers.service';
 import { ArchivedDossiersService } from '@services/dossiers/archived-dossiers.service';
-import { DossiersService } from '@services/dossiers/dossiers.service';
-import { ARCHIVE_ROUTE, DOSSIER_TEMPLATE_ID } from '@red/domain';
+import { DOSSIER_TEMPLATE_ID } from '@red/domain';
 import { DashboardStatsService } from '@services/dossier-templates/dashboard-stats.service';
-import { TenantsService } from '@iqser/common-ui';
+import { TenantsService } from '@iqser/common-ui/lib/tenants';
+import { NGXLogger } from 'ngx-logger';
+import { ACTIVE_DOSSIERS_SERVICE, ARCHIVED_DOSSIERS_SERVICE } from '../tokens';

-@Injectable({ providedIn: 'root' })
-export class DossiersGuard implements CanActivate {
-    constructor(
-        private readonly _injector: Injector,
-        private readonly _router: Router,
-        private readonly _tenantsService: TenantsService,
-        private readonly _dashboardStatsService: DashboardStatsService,
-        private readonly _activeDossiersService: ActiveDossiersService,
-        private readonly _archivedDossiersService: ArchivedDossiersService,
-    ) {}
+export function loadAllDossiersGuard(): CanActivateFn {
+    return async () => {
+        const logger = inject(NGXLogger);
+        logger.info('[GUARDS] loadAllDossiersGuard start');

-    async canActivate(route: ActivatedRouteSnapshot): Promise<boolean> {
-        const token: ProviderToken<DossiersService> = route.data.dossiersService;
-        if (!token) {
-            const services = [this._archivedDossiersService, this._activeDossiersService];
-            const loading$ = forkJoin(services.map(service => service.loadAll().pipe(take(1))));
-            await firstValueFrom(loading$);
-            return true;
-        }
+        const services = [inject(ArchivedDossiersService), inject(ActiveDossiersService)];
+        const requests = services.map(service => firstValueFrom(service.loadAll()));
+        await Promise.all(requests);

-        const dossiersService: DossiersService = this._injector.get<DossiersService>(token);
-        const isArchive = dossiersService.routerPath === ARCHIVE_ROUTE;
+        logger.info('[GUARDS] loadAllDossiersGuard end');
+        return true;
+    };
+}
+
+export function loadActiveDossiersGuard(): CanActivateFn {
+    return async () => {
+        const logger = inject(NGXLogger);
+        logger.info('[GUARDS] loadDossiersGuard start');
+
+        await firstValueFrom(inject<ActiveDossiersService>(ACTIVE_DOSSIERS_SERVICE).loadAll());
+
+        logger.info('[GUARDS] loadDossiersGuard end');
+        return true;
+    };
+}
+
+export function loadArchivedDossiersGuard(): CanActivateFn {
+    return async (route: ActivatedRouteSnapshot) => {
+        const logger = inject(NGXLogger);
+        logger.info('[GUARDS] loadArchivedDossiersGuard start');
+
+        const dossiersService = inject<ArchivedDossiersService>(ARCHIVED_DOSSIERS_SERVICE);
        const dossierTemplateId = route.paramMap.get(DOSSIER_TEMPLATE_ID);
-        const dossierTemplateStats = this._dashboardStatsService.find(dossierTemplateId);
+        const dossierTemplateStats = inject(DashboardStatsService).find(dossierTemplateId);

-        if (isArchive && dossierTemplateStats?.numberOfArchivedDossiers === 0) {
-            await this._router.navigate([this._tenantsService.activeTenantId, 'main', dossierTemplateId, 'dossiers']);
+        if (dossierTemplateStats?.numberOfArchivedDossiers === 0) {
+            logger.info('[GUARDS] loadArchivedDossiersGuard no archived dossiers, redirect to active dossiers page');
+            await inject(Router).navigate([inject(TenantsService).activeTenantId, 'main', dossierTemplateId, 'dossiers']);
            return false;
        }

        await firstValueFrom(dossiersService.loadAll());
+        logger.info('[GUARDS] loadArchivedDossiersGuard end');
        return true;
-    }
+    };
 }
--- a/apps/red-ui/src/app/guards/entity-exists-guard.service.ts
+++ b/apps/red-ui/src/app/guards/entity-exists-guard.service.ts
@ -3,7 +3,7 @@ import { ActivatedRouteSnapshot, CanActivateFn, Router } from '@angular/router';
 import { DOSSIER_TEMPLATE_ID, ENTITY_TYPE } from '@red/domain';
 import { DictionariesMapService } from '@services/entity-services/dictionaries-map.service';
 import { DossierTemplatesService } from '@services/dossier-templates/dossier-templates.service';
-import { TenantsService } from '@iqser/common-ui';
+import { TenantsService } from '@iqser/common-ui/lib/tenants';

 export function entityExistsGuard(): CanActivateFn {
    return async function (route: ActivatedRouteSnapshot): Promise<boolean> {
--- a/apps/red-ui/src/app/guards/file-attribute.guard.ts
+++ b/apps/red-ui/src/app/guards/file-attribute.guard.ts
@ -0,0 +1,7 @@
+import { inject } from '@angular/core';
+import { CanDeactivateFn } from '@angular/router';
+import { FileAttributesService } from '@services/entity-services/file-attributes.service';
+import DossierOverviewScreenComponent from '../modules/dossier-overview/screen/dossier-overview-screen.component';
+
+export const isNotEditingFileAttributeGuard: CanDeactivateFn<DossierOverviewScreenComponent> = () =>
+    !inject(FileAttributesService).isEditingFileAttribute();
--- a/apps/red-ui/src/app/guards/if-logged-in.guard.ts
+++ b/apps/red-ui/src/app/guards/if-logged-in.guard.ts
@ -0,0 +1,66 @@
+import { inject } from '@angular/core';
+import { ActivatedRouteSnapshot, Router } from '@angular/router';
+import { GET_TENANT_FROM_PATH_FN } from '@common-ui/utils';
+import { AsyncGuard } from '@iqser/common-ui';
+import { keycloakInitializer, KeycloakStatusService, TenantsService } from '@iqser/common-ui/lib/tenants';
+import { LicenseService } from '@services/license.service';
+import { UserService } from '@users/user.service';
+import { jwtDecode } from 'jwt-decode';
+import { KeycloakService } from 'keycloak-angular';
+import { NGXLogger } from 'ngx-logger';
+
+export interface JwtToken {
+    auth_time: number;
+    iat: number;
+}
+
+export function ifLoggedIn(): AsyncGuard {
+    return async (route: ActivatedRouteSnapshot) => {
+        const logger = inject(NGXLogger);
+        logger.info('[ROUTES] Check if can activate route', route);
+
+        const tenantsService = inject(TenantsService);
+        const keycloakService = inject(KeycloakService);
+        const usersService = inject(UserService);
+        const licenseService = inject(LicenseService);
+        const keycloakStatusService = inject(KeycloakStatusService);
+
+        const tenant = inject(GET_TENANT_FROM_PATH_FN)();
+        const keycloakInstance = keycloakService.getKeycloakInstance();
+
+        const queryParams = new URLSearchParams(window.location.search);
+        const username = queryParams.get('username');
+        const router = inject(Router);
+
+        if (!keycloakInstance) {
+            if (!tenant) {
+                logger.error('[ROUTES] No tenant found, something is wrong...');
+                return router.navigate(['/']);
+            }
+
+            logger.info('[KEYCLOAK] Keycloak init...');
+            await keycloakInitializer(tenant);
+            logger.info('[KEYCLOAK] Keycloak init done for tenant: ', { tenant });
+            await tenantsService.selectTenant(tenant);
+            await usersService.initialize();
+            await licenseService.loadLicenses();
+
+            const token = await keycloakService.getToken();
+            if (token) {
+                const jwtToken = jwtDecode(token) as JwtToken;
+                const authTime = (jwtToken.auth_time || jwtToken.iat).toString();
+                localStorage.setItem('authTime', authTime);
+                localStorage.setItem('token', token);
+            }
+        }
+
+        if (keycloakService.isLoggedIn()) {
+            logger.info('[ROUTES] Is logged in, continuing');
+            return true;
+        }
+
+        logger.warn('[ROUTES] Redirect to login');
+        keycloakStatusService.createLoginUrlAndExecute(username);
+        return false;
+    };
+}
--- a/apps/red-ui/src/app/guards/permissions-guard.ts
+++ b/apps/red-ui/src/app/guards/permissions-guard.ts
@ -1,7 +1,7 @@
 import { Injectable } from '@angular/core';
 import { ActivatedRouteSnapshot, CanActivate } from '@angular/router';
-import { firstValueFrom } from 'rxjs';
 import { EntityPermissionsService } from '@services/entity-permissions/entity-permissions.service';
+import { firstValueFrom } from 'rxjs';

@Injectable({ providedIn: 'root' })
 export class PermissionsGuard implements CanActivate {
--- a/apps/red-ui/src/app/guards/trash.guard.ts
+++ b/apps/red-ui/src/app/guards/trash.guard.ts
@ -1,14 +1,32 @@
-import { Injectable } from '@angular/core';
-import { CanActivate } from '@angular/router';
+import { inject, Injectable } from '@angular/core';
+import { CanActivate, CanActivateFn } from '@angular/router';
 import { firstValueFrom } from 'rxjs';
 import { TrashService } from '@services/entity-services/trash.service';
+import { SystemPreferencesService } from '@services/system-preferences.service';
+import { ActiveDossiersService } from '@services/dossiers/active-dossiers.service';
+import { ACTIVE_DOSSIERS_SERVICE } from '../tokens';

@Injectable({ providedIn: 'root' })
 export class TrashGuard implements CanActivate {
-    constructor(private readonly _trashService: TrashService) {}
+    constructor(
+        private readonly _trashService: TrashService,
+        private readonly _systemPreferences: SystemPreferencesService,
+        private readonly _activeDossierService: ActiveDossiersService,
+    ) {}

    async canActivate(): Promise<boolean> {
+        await this._systemPreferences.loadPreferencesIfNeeded();
+        await firstValueFrom(this._activeDossierService.loadAll());
        await firstValueFrom(this._trashService.loadAll());
        return true;
    }
 }
+
+export function trashGuard(): CanActivateFn {
+    return async () => {
+        await inject(SystemPreferencesService).loadPreferencesIfNeeded();
+        await firstValueFrom(inject<ActiveDossiersService>(ACTIVE_DOSSIERS_SERVICE).loadAll());
+        await firstValueFrom(inject(TrashService).loadAll());
+        return true;
+    };
+}
--- a/apps/red-ui/src/app/guards/watermark-exists.guard.ts
+++ b/apps/red-ui/src/app/guards/watermark-exists.guard.ts
@ -2,7 +2,7 @@ import { inject } from '@angular/core';
 import { ActivatedRouteSnapshot, CanActivateFn, Router } from '@angular/router';
 import { WatermarksMapService } from '@services/entity-services/watermarks-map.service';
 import { DOSSIER_TEMPLATE_ID, WATERMARK_ID } from '@red/domain';
-import { TenantsService } from '@iqser/common-ui';
+import { TenantsService } from '@iqser/common-ui/lib/tenants';

 export function watermarkExistsGuard(): CanActivateFn {
    return async function (route: ActivatedRouteSnapshot) {
--- a/apps/red-ui/src/app/models/file/annotation-permissions.utils.ts
+++ b/apps/red-ui/src/app/models/file/annotation-permissions.utils.ts
@ -0,0 +1,73 @@
+import { AnnotationPermissions } from '@models/file/annotation.permissions';
+import { AnnotationWrapper } from '@models/file/annotation.wrapper';
+import { Dictionary, SuperTypes } from '@red/domain';
+
+export const canUndo = (annotation: AnnotationWrapper, isApprover: boolean) => !isApprover && annotation.pending;
+
+export const canForceHint = (annotation: AnnotationWrapper, canAddRedaction: boolean) =>
+    canAddRedaction && annotation.isIgnoredHint && !annotation.pending;
+
+export const canForceRedaction = (annotation: AnnotationWrapper, canAddRedaction: boolean) =>
+    canAddRedaction &&
+    (annotation.isSkipped || (annotation.IMAGE_HINT && annotation.superType === SuperTypes.Hint)) &&
+    !annotation.isFalsePositive &&
+    !annotation.pending;
+
+export const canAcceptRecommendation = (annotation: AnnotationWrapper) => annotation.isRecommendation && !annotation.pending;
+
+export const canMarkAsFalsePositive = (annotation: AnnotationWrapper, annotationEntity: Dictionary) =>
+    annotation.canBeMarkedAsFalsePositive && !annotation.hasBeenResizedLocally && annotationEntity?.hasDictionary;
+
+export const canRemoveOnlyHere = (annotation: AnnotationWrapper, canAddRedaction: boolean, autoAnalysisDisabled: boolean) =>
+    canAddRedaction &&
+    (autoAnalysisDisabled || !annotation.pending) &&
+    (annotation.isRedacted || (annotation.isHint && !annotation.isImage));
+
+export const canRemoveFromDictionary = (annotation: AnnotationWrapper, autoAnalysisDisabled: boolean) =>
+    (annotation.isModifyDictionary || annotation.engines.includes('DICTIONARY') || annotation.engines.includes('DOSSIER_DICTIONARY')) &&
+    (annotation.isRedacted || annotation.isSkipped || annotation.isHint || (annotation.isIgnoredHint && !annotation.isRuleBased)) &&
+    (autoAnalysisDisabled || !annotation.pending) &&
+    annotation.isDictBased;
+
+export const canRemoveRedaction = (annotation: AnnotationWrapper, permissions: AnnotationPermissions) =>
+    (!annotation.isIgnoredHint || !annotation.isRuleBased) &&
+    (permissions.canRemoveOnlyHere || permissions.canRemoveFromDictionary || permissions.canMarkAsFalsePositive);
+
+export const canChangeLegalBasis = (annotation: AnnotationWrapper, canAddRedaction: boolean, autoAnalysisDisabled: boolean) =>
+    canAddRedaction && annotation.isRedacted && (autoAnalysisDisabled || !annotation.pending);
+
+export const canRecategorizeAnnotation = (annotation: AnnotationWrapper, canRecategorize: boolean, autoAnalysisDisabled: boolean) =>
+    canRecategorize &&
+    (annotation.isImage || (annotation.isHint && !annotation.isRuleBased)) &&
+    (autoAnalysisDisabled || !annotation.pending);
+
+export const canResizeAnnotation = (
+    annotation: AnnotationWrapper,
+    canAddRedaction: boolean,
+    autoAnalysisDisabled: boolean,
+    hasDictionary = false,
+) =>
+    (canAddRedaction &&
+        !annotation.isSkipped &&
+        !annotation.isIgnoredHint &&
+        (autoAnalysisDisabled || !annotation.pending) &&
+        (annotation.isRedacted ||
+            annotation.isImage ||
+            (annotation.isHint && !annotation.isRuleBased) ||
+            (!annotation.isHint && hasDictionary && annotation.isRuleBased))) ||
+    annotation.isRecommendation;
+
+export const canResizeInDictionary = (annotation: AnnotationWrapper, permissions: AnnotationPermissions) =>
+    permissions.canResizeAnnotation &&
+    annotation.isModifyDictionary &&
+    !annotation.hasBeenResizedLocally &&
+    !(annotation.hasBeenForcedHint || annotation.hasBeenForcedRedaction);
+
+export const canEditAnnotation = (annotation: AnnotationWrapper) => (annotation.isRedacted || annotation.isSkipped) && !annotation.isImage;
+
+export const canEditHint = (annotation: AnnotationWrapper) =>
+    ((annotation.isHint && !annotation.isRuleBased) || annotation.isIgnoredHint) && !annotation.isImage;
+
+export const canEditImage = (annotation: AnnotationWrapper) => annotation.isImage;
+
+export const canRevertChanges = (annotation: AnnotationWrapper) => annotation.hasRedactionChanges;
--- a/apps/red-ui/src/app/models/file/annotation.permissions.ts
+++ b/apps/red-ui/src/app/models/file/annotation.permissions.ts
@ -1,85 +1,109 @@
-import { AnnotationWrapper } from './annotation.wrapper';
-import { Dictionary } from '@red/domain';
-import { isArray } from 'lodash-es';
 import { IqserPermissionsService } from '@iqser/common-ui';
-import { ROLES } from '@users/roles';
+import { Dictionary } from '@red/domain';
+import { Roles } from '@users/roles';
+import { isArray } from 'lodash-es';
+import {
+    canAcceptRecommendation,
+    canChangeLegalBasis,
+    canEditAnnotation,
+    canEditHint,
+    canEditImage,
+    canForceHint,
+    canForceRedaction,
+    canMarkAsFalsePositive,
+    canRecategorizeAnnotation,
+    canRemoveFromDictionary,
+    canRemoveOnlyHere,
+    canRemoveRedaction,
+    canResizeAnnotation,
+    canResizeInDictionary,
+    canRevertChanges,
+    canUndo,
+} from './annotation-permissions.utils';
+import { AnnotationWrapper } from './annotation.wrapper';

 export class AnnotationPermissions {
    canUndo = true;
    canAcceptRecommendation = true;
    canMarkAsFalsePositive = true;
-    canRemoveOrSuggestToRemoveOnlyHere = true;
-    canRemoveOrSuggestToRemoveFromDictionary = true;
-    canAcceptSuggestion = true;
-    canRejectSuggestion = true;
+    canRemoveOnlyHere = true;
+    canRemoveFromDictionary = true;
+    canRemoveRedaction = true;
    canForceRedaction = true;
    canChangeLegalBasis = true;
    canResizeAnnotation = true;
-    canRecategorizeImage = true;
+    canResizeInDictionary = true;
+    canRecategorizeAnnotation = true;
    canForceHint = true;
+    canEditAnnotations = true;
+    canEditHints = true;
+    canEditImages = true;
+    canRevertChanges = true;

    static forUser(
        isApprover: boolean,
        annotations: AnnotationWrapper | AnnotationWrapper[],
        entities: Dictionary[],
        permissionsService: IqserPermissionsService,
+        autoAnalysisDisabled: boolean,
    ) {
        if (!isArray(annotations)) {
            annotations = [annotations];
        }

        const summedPermissions: AnnotationPermissions = new AnnotationPermissions();
-        const canAddRedaction = permissionsService.has(ROLES.redactions.write);
-        const canRequestRedaction = permissionsService.has(ROLES.redactions.request);
-        const canProcessManualRedaction = permissionsService.has(ROLES.redactions.processManualRequest);
-        const canAddOrRequestRedaction = canAddRedaction || canRequestRedaction;
+        const canAddRedaction = permissionsService.has(Roles.redactions.write);

        for (const annotation of annotations) {
            const permissions: AnnotationPermissions = new AnnotationPermissions();
-
-            permissions.canUndo = !isApprover && (annotation.isSuggestion || annotation.pending);
-            permissions.canAcceptSuggestion = isApprover && (annotation.isSuggestion || annotation.isDeclinedSuggestion);
-            if (annotation.isSuggestionAdd || annotation.isSuggestionRemoveDictionary) {
-                permissions.canAcceptSuggestion = permissions.canAcceptSuggestion && canProcessManualRedaction;
-            }
-            permissions.canRejectSuggestion = isApprover && annotation.isSuggestion;
-            if (annotation.isSuggestionAdd || annotation.isSuggestionRemoveDictionary) {
-                permissions.canRejectSuggestion = permissions.canRejectSuggestion && canProcessManualRedaction;
-            }
-
-            permissions.canForceHint = canAddOrRequestRedaction && annotation.isIgnoredHint && !annotation.pending;
-            permissions.canForceRedaction =
-                canAddOrRequestRedaction && annotation.isSkipped && !annotation.isFalsePositive && !annotation.pending;
-            permissions.canAcceptRecommendation = annotation.isRecommendation && !annotation.pending;
-
            const annotationEntity = entities.find(entity => entity.type === annotation.type);
-            permissions.canMarkAsFalsePositive = annotation.canBeMarkedAsFalsePositive && annotationEntity.hasDictionary;
-
-            permissions.canRemoveOrSuggestToRemoveOnlyHere =
-                canAddOrRequestRedaction && !annotation.pending && (annotation.isRedacted || (annotation.isHint && !annotation.isImage));
-            permissions.canRemoveOrSuggestToRemoveFromDictionary =
-                annotation.isModifyDictionary &&
-                (annotation.isRedacted || annotation.isSkipped || annotation.isHint) &&
-                !annotation.pending &&
-                !annotation.hasBeenResized;
-
-            permissions.canChangeLegalBasis = canAddOrRequestRedaction && annotation.isRedacted && !annotation.pending;
-
-            permissions.canRecategorizeImage =
-                ((annotation.isImage && !annotation.isSuggestion) || annotation.isSuggestionRecategorizeImage) && !annotation.pending;
-
-            permissions.canResizeAnnotation =
-                canAddOrRequestRedaction &&
-                (((annotation.isRedacted || annotation.isImage) && !annotation.isSuggestion) ||
-                    annotation.isSuggestionResize ||
-                    annotation.isRecommendation) &&
-                !annotation.pending;
-
+            permissions.canUndo = canUndo(annotation, isApprover);
+            permissions.canForceHint = canForceHint(annotation, canAddRedaction);
+            permissions.canForceRedaction = canForceRedaction(annotation, canAddRedaction);
+            permissions.canAcceptRecommendation = canAcceptRecommendation(annotation);
+            permissions.canMarkAsFalsePositive = canMarkAsFalsePositive(annotation, annotationEntity);
+            permissions.canRemoveOnlyHere = canRemoveOnlyHere(annotation, canAddRedaction, autoAnalysisDisabled);
+            permissions.canRemoveFromDictionary = canRemoveFromDictionary(annotation, autoAnalysisDisabled);
+            permissions.canRemoveRedaction = canRemoveRedaction(annotation, permissions);
+            permissions.canChangeLegalBasis = canChangeLegalBasis(annotation, canAddRedaction, autoAnalysisDisabled);
+            permissions.canRecategorizeAnnotation = canRecategorizeAnnotation(annotation, canAddRedaction, autoAnalysisDisabled);
+            permissions.canResizeAnnotation = canResizeAnnotation(
+                annotation,
+                canAddRedaction,
+                autoAnalysisDisabled,
+                annotationEntity?.hasDictionary,
+            );
+            permissions.canResizeInDictionary = canResizeInDictionary(annotation, permissions);
+            permissions.canEditAnnotations = canEditAnnotation(annotation);
+            permissions.canEditHints = canEditHint(annotation);
+            permissions.canEditImages = canEditImage(annotation);
+            permissions.canRevertChanges = canRevertChanges(annotation);
            summedPermissions._merge(permissions);
        }
        return summedPermissions;
    }

+    static reduce(permissions: AnnotationPermissions[]): AnnotationPermissions {
+        const result = new AnnotationPermissions();
+        result.canResizeAnnotation = permissions.length === 1 && permissions[0].canResizeAnnotation;
+        result.canResizeInDictionary = permissions.length === 1 && permissions[0].canResizeInDictionary;
+        result.canChangeLegalBasis = permissions.reduce((acc, next) => acc && next.canChangeLegalBasis, true);
+        result.canRecategorizeAnnotation = permissions.reduce((acc, next) => acc && next.canRecategorizeAnnotation, true);
+        result.canRemoveFromDictionary = permissions.reduce((acc, next) => acc && next.canRemoveFromDictionary, true);
+        result.canAcceptRecommendation = permissions.reduce((acc, next) => acc && next.canAcceptRecommendation, true);
+        result.canMarkAsFalsePositive = permissions.reduce((acc, next) => acc && next.canMarkAsFalsePositive, true);
+        result.canForceRedaction = permissions.reduce((acc, next) => acc && next.canForceRedaction, true);
+        result.canForceHint = permissions.reduce((acc, next) => acc && next.canForceHint, true);
+        result.canRemoveOnlyHere = permissions.reduce((acc, next) => acc && next.canRemoveOnlyHere, true);
+        result.canRemoveRedaction = permissions.reduce((acc, next) => acc && next.canRemoveRedaction, true);
+        result.canUndo = permissions.reduce((acc, next) => acc && next.canUndo, true);
+        result.canEditAnnotations = permissions.reduce((acc, next) => acc && next.canEditAnnotations, true);
+        result.canEditHints = permissions.reduce((acc, next) => acc && next.canEditHints, true);
+        result.canEditImages = permissions.reduce((acc, next) => acc && next.canEditImages, true);
+        result.canRevertChanges = permissions.reduce((acc, next) => acc && next.canRevertChanges, true);
+        return result;
+    }
+
    private _merge(permissions: AnnotationPermissions) {
        for (const key of Object.keys(this)) {
            if (typeof this[key] === 'boolean') {
--- a/apps/red-ui/src/app/models/file/annotation.wrapper.ts
+++ b/apps/red-ui/src/app/models/file/annotation.wrapper.ts
@ -1,83 +1,103 @@
-import { annotationTypesTranslations, SuggestionAddFalsePositive } from '@translations/annotation-types-translations';
 import { marker as _ } from '@biesbjerg/ngx-translate-extract-marker';
+import { IListable } from '@iqser/common-ui';
 import {
    annotationDefaultColorConfig,
    annotationEntityColorConfig,
    AnnotationIconType,
-    ChangeTypes,
+    ChangeType,
    DefaultColors,
    Dictionary,
    Earmark,
+    EntityTypes,
+    EntryStates,
    FalsePositiveSuperTypes,
-    IComment,
-    IManualChange,
+    IEntityLogEntry,
+    ILegalBasis,
    IPoint,
    IRectangle,
-    LogEntryStatuses,
+    LogEntryEngine,
+    LogEntryEngines,
    LowLevelFilterTypes,
+    ManualRedactionType,
    ManualRedactionTypes,
-    SuggestionAddSuperTypes,
-    SuggestionRemoveSuperTypes,
-    SuggestionsSuperTypes,
    SuperType,
+    SuperTypeMapper,
    SuperTypes,
 } from '@red/domain';
-import { RedactionLogEntry } from '@models/file/redaction-log.entry';
-import { IListable, List } from '@iqser/common-ui';
-import { chronologicallyBy, timestampOf } from '../../modules/file-preview/services/file-data.service';
+import { annotationTypesTranslations } from '@translations/annotation-types-translations';

-export class AnnotationWrapper implements IListable, Record<string, unknown> {
-    [x: string]: unknown;
+interface AnnotationContent {
+    translation: string;
+    params: { [key: string]: string };
+    untranslatedContent: string;
+}

+export class AnnotationWrapper implements IListable {
+    id: string;
    superType: SuperType;
-    typeValue: string;
-    recategorizationType: string;
+    superTypeLabel: string;
+    type: string;
+    typeLabel?: string;
    color: string;
-    entity: Dictionary;
-    comments: IComment[] = [];
-    firstTopLeftPoint: IPoint;
-    annotationId: string;
+    numberOfComments = 0;
+    firstBottomLeftPoint: IPoint;
    shortContent: string;
-    content: string;
+    content: AnnotationContent;
    value: string;
-    typeLabel: string;
    pageNumber: number;
-    hint: boolean;
-    redaction: boolean;
-    status: string;
-    dictionaryOperation: boolean;
-    positions: IRectangle[];
-    recommendationType: string;
+    dictionaryOperation = false;
+    positions: IRectangle[] = [];
    legalBasisValue: string;
-    legalBasisChangeValue?: string;
-    rectangle?: boolean;
+    // AREA === rectangle
+    AREA = false;
+    HINT = false;
+    IMAGE = false;
+    IMAGE_HINT = false;
    section?: string;
-    reference: List;
-    imported?: boolean;
-    image?: boolean;
-    manual?: boolean;
+    reference: string[] = [];
+    imported = false;
+    manual = false;
    pending = false;
-    hintDictionary?: boolean;
    textAfter?: string;
    textBefore?: string;
-    isChangeLogEntry?: boolean;
-    changeLogType?: 'ADDED' | 'REMOVED' | 'CHANGED';
-    engines?: string[];
+    isChangeLogEntry = false;
+    engines: LogEntryEngine[] = [];
    hasBeenResized: boolean;
+    hasBeenResizedLocally: boolean;
    hasBeenRecategorized: boolean;
    hasLegalBasisChanged: boolean;
    hasBeenForcedHint: boolean;
    hasBeenForcedRedaction: boolean;
    hasBeenRemovedByManualOverride: boolean;
+    isRemoved = false;
+    isRemovedLocally = false;
+    hiddenInWorkload = false;
+    lastManualChange: ManualRedactionType;
+    entry: IEntityLogEntry;
+
+    get isRuleBased() {
+        return this.engines.includes(LogEntryEngines.RULE);
+    }
+
+    get isDictBased() {
+        return [LogEntryEngines.DICTIONARY, LogEntryEngines.DOSSIER_DICTIONARY].some(engine => this.engines.includes(engine));
+    }
+
+    get isRedactedImageHint() {
+        return (
+            (this.IMAGE_HINT && this.superType === SuperTypes.Redaction) ||
+            (this.IMAGE_HINT && this.superType === SuperTypes.ManualRedaction)
+        );
+    }
+
+    get isSkippedImageHint() {
+        return this.IMAGE_HINT && this.superType === SuperTypes.Hint;
+    }

    get searchKey(): string {
        return this.id;
    }

-    get isChangeLogRemoved() {
-        return this.changeLogType === 'REMOVED';
-    }
-
    get descriptor() {
        return this.isModifyDictionary ? _('dictionary') : _('type');
    }
@ -92,7 +112,10 @@ export class AnnotationWrapper implements IListable, Record<string, unknown> {

    get canBeMarkedAsFalsePositive() {
        return (
-            (this.isRecommendation || this.superType === SuperTypes.Redaction) &&
+            (this.isRecommendation ||
+                this.superType === SuperTypes.Redaction ||
+                (this.isSkipped && this.isDictBased) ||
+                (this.isRemovedLocally && this.isDictBased)) &&
            !this.isImage &&
            !this.imported &&
            !this.pending &&
@ -100,26 +123,18 @@ export class AnnotationWrapper implements IListable, Record<string, unknown> {
        );
    }

-    get isSuperTypeBasedColor() {
-        return this.isSuggestion || this.isDeclinedSuggestion;
-    }
-
    get isSkipped() {
        return this.superType === SuperTypes.Skipped;
    }

    get isImage() {
-        return this.type?.toLowerCase() === 'image' || this.image;
+        return this.type?.toLowerCase() === 'image' || this.IMAGE || this.IMAGE_HINT;
    }

    get isOCR() {
        return this.type?.toLowerCase() === 'ocr';
    }

-    get type() {
-        return this.recategorizationType || this.typeValue;
-    }
-
    get topLevelFilter() {
        return !LowLevelFilterTypes[this.superType];
    }
@ -136,20 +151,12 @@ export class AnnotationWrapper implements IListable, Record<string, unknown> {
        return this.type?.toLowerCase() === 'false_positive' && !!FalsePositiveSuperTypes[this.superType];
    }

-    get isSuggestionAddToFalsePositive() {
-        return this.typeLabel === annotationTypesTranslations[SuggestionAddFalsePositive];
-    }
-
-    get isDeclinedSuggestion() {
-        return this.superType === SuperTypes.DeclinedSuggestion;
-    }
-
-    get isApproved() {
-        return this.status === 'APPROVED';
-    }
-
    get isHint() {
-        return this.superType === SuperTypes.Hint;
+        return this.superType === SuperTypes.Hint || this.superType === SuperTypes.ManualHint;
+    }
+
+    get isIgnoredHint() {
+        return this.superType === SuperTypes.IgnoredHint;
    }

    get isEarmark() {
@ -161,53 +168,17 @@ export class AnnotationWrapper implements IListable, Record<string, unknown> {
            return 'hexagon';
        }

-        if (this.isHint || this.isIgnoredHint) {
+        if (this.HINT) {
            return 'circle';
        }

-        if (this.isSuggestion || this.isDeclinedSuggestion) {
-            return 'rhombus';
-        }
-
        return 'square';
    }

-    get isIgnoredHint() {
-        return this.superType === SuperTypes.IgnoredHint;
-    }
-
    get isRedacted() {
        return this.superType === SuperTypes.Redaction || this.superType === SuperTypes.ManualRedaction;
    }

-    get isSuggestion() {
-        return !!SuggestionsSuperTypes[this.superType];
-    }
-
-    get isSuggestionResize() {
-        return this.superType === SuperTypes.SuggestionResize;
-    }
-
-    get isSuggestionRecategorizeImage() {
-        return this.superType === SuperTypes.SuggestionRecategorizeImage;
-    }
-
-    get isSuggestionAdd() {
-        return !!SuggestionAddSuperTypes[this.superType];
-    }
-
-    get isSuggestionRemove() {
-        return !!SuggestionRemoveSuperTypes[this.superType];
-    }
-
-    get isSuggestionRemoveDictionary() {
-        return this.superType === SuperTypes.SuggestionRemoveDictionary;
-    }
-
-    get isSuggestionLegalBasisChange() {
-        return this.superType === SuperTypes.SuggestionChangeLegalBasis;
-    }
-
    get isModifyDictionary() {
        return this.dictionaryOperation;
    }
@ -227,20 +198,16 @@ export class AnnotationWrapper implements IListable, Record<string, unknown> {
        return this.superType === SuperTypes.Recommendation;
    }

-    get id() {
-        return this.annotationId;
-    }
-
    get x() {
-        return this.firstTopLeftPoint.x;
+        return this.firstBottomLeftPoint.x;
    }

    get y() {
-        return this.firstTopLeftPoint.y;
+        return this.firstBottomLeftPoint.y;
    }

    get legalBasis() {
-        return this.legalBasisChangeValue || this.legalBasisValue;
+        return this.legalBasisValue;
    }

    get width(): number {
@ -251,187 +218,167 @@ export class AnnotationWrapper implements IListable, Record<string, unknown> {
        return Math.floor(this.positions[0].height);
    }

-    get previewAnnotation() {
-        return (
-            this.isRedacted ||
-            this.isSuggestionAdd ||
-            this.isSuggestionRemove ||
-            this.isSuggestionResize ||
-            this.isSuggestionLegalBasisChange ||
-            this.isSuggestionRecategorizeImage
-        );
-    }
-
    static fromEarmark(earmark: Earmark) {
        const annotationWrapper = new AnnotationWrapper();

-        annotationWrapper.annotationId = earmark.id;
+        annotationWrapper.id = earmark.id;
        annotationWrapper.pageNumber = earmark.positions[0].page;
        annotationWrapper.superType = SuperTypes.TextHighlight;
-        annotationWrapper.typeValue = SuperTypes.TextHighlight;
+        annotationWrapper.type = SuperTypes.TextHighlight;
        annotationWrapper.value = 'Imported';
        annotationWrapper.color = earmark.hexColor;
        annotationWrapper.positions = earmark.positions;
-        annotationWrapper.firstTopLeftPoint = earmark.positions[0]?.topLeft;
-        annotationWrapper.typeLabel = annotationTypesTranslations[annotationWrapper.superType];
+        annotationWrapper.firstBottomLeftPoint = earmark.positions[0]?.topLeft;
+        annotationWrapper.superTypeLabel = annotationTypesTranslations[annotationWrapper.superType];

        return annotationWrapper;
    }

-    static fromData(redactionLogEntry: RedactionLogEntry, dictionaries: Dictionary[], defaultColors: DefaultColors) {
+    static fromData(
+        logEntry: IEntityLogEntry,
+        dictionary: Dictionary,
+        changeLogType: ChangeType,
+        legalBasisList: ILegalBasis[],
+        isDocumine: boolean,
+        defaultColors: DefaultColors,
+    ) {
        const annotationWrapper = new AnnotationWrapper();

-        annotationWrapper.annotationId = redactionLogEntry.id;
-        annotationWrapper.isChangeLogEntry = redactionLogEntry.isChangeLogEntry;
-        annotationWrapper.changeLogType = redactionLogEntry.changeLogType;
-        annotationWrapper.redaction = redactionLogEntry.redacted;
-        annotationWrapper.hint = redactionLogEntry.hint;
-        annotationWrapper.typeValue = redactionLogEntry.type;
-        annotationWrapper.value = redactionLogEntry.value;
-        annotationWrapper.firstTopLeftPoint = redactionLogEntry.positions[0]?.topLeft;
-        annotationWrapper.pageNumber = redactionLogEntry.positions[0]?.page;
-        annotationWrapper.positions = redactionLogEntry.positions;
-        annotationWrapper.textBefore = redactionLogEntry.textBefore;
-        annotationWrapper.textAfter = redactionLogEntry.textAfter;
-        annotationWrapper.dictionaryOperation = redactionLogEntry.dictionaryEntry;
-        annotationWrapper.image = redactionLogEntry.image;
-        annotationWrapper.imported = redactionLogEntry.imported;
-        annotationWrapper.legalBasisValue = redactionLogEntry.legalBasis;
-        annotationWrapper.comments = redactionLogEntry.comments || [];
-        annotationWrapper.manual = redactionLogEntry.manualChanges?.length > 0;
-        annotationWrapper.engines = redactionLogEntry.engines;
-        annotationWrapper.section = redactionLogEntry.section;
-        annotationWrapper.reference = redactionLogEntry.reference || [];
-        annotationWrapper.rectangle = redactionLogEntry.rectangle;
-        annotationWrapper.hintDictionary = redactionLogEntry.hintDictionary;
-        annotationWrapper.hasBeenResized = !!redactionLogEntry.manualChanges?.find(
-            c => c.manualRedactionType === ManualRedactionTypes.RESIZE && c.annotationStatus === LogEntryStatuses.APPROVED,
-        );
-        annotationWrapper.hasBeenRecategorized = !!redactionLogEntry.manualChanges?.find(
-            c => c.manualRedactionType === ManualRedactionTypes.RECATEGORIZE && c.annotationStatus === LogEntryStatuses.APPROVED,
-        );
-        annotationWrapper.hasLegalBasisChanged = !!redactionLogEntry.manualChanges?.find(
-            c => c.manualRedactionType === ManualRedactionTypes.LEGAL_BASIS_CHANGE && c.annotationStatus === LogEntryStatuses.APPROVED,
-        );
-        annotationWrapper.hasBeenForcedHint = !!redactionLogEntry.manualChanges?.find(
-            c => c.manualRedactionType === ManualRedactionTypes.FORCE_HINT && c.annotationStatus === LogEntryStatuses.APPROVED,
-        );
-        annotationWrapper.hasBeenForcedRedaction = !!redactionLogEntry.manualChanges?.find(
-            c => c.manualRedactionType === ManualRedactionTypes.FORCE_REDACT && c.annotationStatus === LogEntryStatuses.APPROVED,
-        );
-        annotationWrapper.hasBeenRemovedByManualOverride = !!redactionLogEntry.manualChanges?.find(
-            c => c.manualRedactionType === ManualRedactionTypes.REMOVE_LOCALLY && c.annotationStatus === LogEntryStatuses.APPROVED,
-        );
-        annotationWrapper.legalBasisChangeValue = redactionLogEntry.manualChanges?.find(
-            c => c.manualRedactionType === ManualRedactionTypes.LEGAL_BASIS_CHANGE && c.annotationStatus === LogEntryStatuses.REQUESTED,
-        )?.propertyChanges.legalBasis;
+        annotationWrapper.pending = logEntry.state === EntryStates.PENDING;
+        annotationWrapper.id = logEntry.id + (annotationWrapper.pending ? '-pending' : '');
+        annotationWrapper.isChangeLogEntry = logEntry.state === EntryStates.REMOVED || !!changeLogType;
+        annotationWrapper.type = logEntry.type;
+        annotationWrapper.value = logEntry.value;
+        annotationWrapper.firstBottomLeftPoint = { x: logEntry.positions[0].rectangle[0], y: logEntry.positions[0].rectangle[1] };
+        annotationWrapper.pageNumber = logEntry.positions[0].pageNumber;
+        annotationWrapper.positions = logEntry.positions.map(p => ({
+            page: p.pageNumber,
+            height: p.rectangle[3],
+            width: p.rectangle[2],
+            topLeft: { x: p.rectangle[0], y: p.rectangle[1] },
+        }));
+        annotationWrapper.textBefore = logEntry.textBefore;
+        annotationWrapper.textAfter = logEntry.textAfter;
+        annotationWrapper.dictionaryOperation = logEntry.dictionaryEntry;

-        this._createContent(annotationWrapper, redactionLogEntry);
-        this._setSuperType(annotationWrapper, redactionLogEntry);
-        this._handleRecommendations(annotationWrapper, redactionLogEntry);
-        annotationWrapper.typeLabel = this.#getTypeLabel(redactionLogEntry, annotationWrapper);
+        annotationWrapper.HINT = logEntry.entryType === EntityTypes.HINT;
+        annotationWrapper.IMAGE = logEntry.entryType === EntityTypes.IMAGE;
+        annotationWrapper.AREA = logEntry.entryType === EntityTypes.AREA;
+        annotationWrapper.IMAGE_HINT = logEntry.entryType === EntityTypes.IMAGE_HINT;

-        const entity = dictionaries.find(d => d.type === annotationWrapper.typeValue);
-        annotationWrapper.entity = entity.virtual ? null : entity;
+        annotationWrapper.numberOfComments = logEntry.numberOfComments;
+        annotationWrapper.imported = logEntry.imported;
+        annotationWrapper.legalBasisValue = logEntry.legalBasis;
+        annotationWrapper.manual = logEntry.manualChanges?.length > 0;
+        annotationWrapper.engines = logEntry.engines ?? [];
+        annotationWrapper.section = logEntry.section;
+        annotationWrapper.reference = logEntry.reference || [];
+        annotationWrapper.hasBeenResized = !!logEntry.manualChanges?.find(c => c.manualRedactionType === ManualRedactionTypes.RESIZE);
+        annotationWrapper.hasBeenResizedLocally =
+            annotationWrapper.hasBeenResized && annotationWrapper.engines.includes(LogEntryEngines.MANUAL);
+        annotationWrapper.hasBeenRecategorized = !!logEntry.manualChanges?.find(
+            c => c.manualRedactionType === ManualRedactionTypes.RECATEGORIZE,
+        );
+        annotationWrapper.hasLegalBasisChanged = !!logEntry.manualChanges?.find(
+            c => c.manualRedactionType === ManualRedactionTypes.LEGAL_BASIS_CHANGE,
+        );
+        annotationWrapper.hasBeenForcedHint =
+            !!logEntry.manualChanges?.find(c => c.manualRedactionType === ManualRedactionTypes.FORCE) && annotationWrapper.HINT;
+        annotationWrapper.hasBeenForcedRedaction =
+            !!logEntry.manualChanges?.find(c => c.manualRedactionType === ManualRedactionTypes.FORCE) && !annotationWrapper.HINT;
+        annotationWrapper.hasBeenRemovedByManualOverride = !!logEntry.manualChanges?.find(
+            c => c.manualRedactionType === ManualRedactionTypes.REMOVE,
+        );

-        const colorKey = annotationWrapper.isSuperTypeBasedColor
-            ? annotationDefaultColorConfig[annotationWrapper.superType]
-            : annotationEntityColorConfig[annotationWrapper.superType];
-        annotationWrapper.color = annotationWrapper.isSuperTypeBasedColor ? defaultColors[colorKey] : (entity[colorKey] as string);
+        const content = this.#createContent(annotationWrapper, logEntry, isDocumine);
+        annotationWrapper.shortContent = this.#getShortContent(annotationWrapper, legalBasisList) || content.untranslatedContent;
+        annotationWrapper.content = content;
+
+        const lastRelevantManualChange = logEntry.manualChanges?.at(-1);
+        annotationWrapper.lastManualChange = lastRelevantManualChange?.manualRedactionType;
+        annotationWrapper.superType = SuperTypeMapper[logEntry.entryType][logEntry.state](logEntry);
+        annotationWrapper.superTypeLabel = annotationTypesTranslations[annotationWrapper.superType];
+
+        annotationWrapper.isRemoved = logEntry.state === EntryStates.REMOVED;
+        annotationWrapper.isRemovedLocally =
+            lastRelevantManualChange?.manualRedactionType === ManualRedactionTypes.REMOVE &&
+            logEntry.engines.includes(LogEntryEngines.MANUAL);
+
+        annotationWrapper.typeLabel = dictionary?.virtual ? undefined : dictionary?.label;
+
+        if (annotationWrapper.pending) {
+            annotationWrapper.color = defaultColors[annotationDefaultColorConfig.analysis] as string;
+        } else {
+            const colorKey = annotationEntityColorConfig[annotationWrapper.superType];
+            const defaultColor = annotationDefaultColorConfig[annotationWrapper.superType];
+            annotationWrapper.color =
+                dictionary && !annotationWrapper.isRedactedImageHint
+                    ? (dictionary[colorKey] as string)
+                    : (defaultColors[defaultColor] as string);
+        }
+
+        annotationWrapper.entry = logEntry;

        return annotationWrapper;
    }

-    static #getTypeLabel(redactionLogEntry: RedactionLogEntry, annotation: AnnotationWrapper): string {
-        if (redactionLogEntry.reason?.toLowerCase() === 'false positive') {
-            return annotationTypesTranslations[SuggestionAddFalsePositive];
+    static #createContent(annotationWrapper: AnnotationWrapper, logEntry: IEntityLogEntry, isDocumine: boolean) {
+        let untranslatedContent = '';
+        const params: { [key: string]: string } = {};
+        if (logEntry.matchedRule) {
+            params['hasRule'] = 'true';
+            params['matchedRule'] = logEntry.matchedRule.replace(/(^[, ]*)|([, ]*$)/g, '');
+            params['ruleSymbol'] = isDocumine ? ':' : '';
+
+            untranslatedContent += `Rule ${logEntry.matchedRule} matched${isDocumine ? ':' : ''} \n\n`;
        }
-        return annotationTypesTranslations[annotation.superType];
-    }

-    private static _handleRecommendations(annotationWrapper: AnnotationWrapper, redactionLogEntry: RedactionLogEntry) {
-        if (annotationWrapper.superType === SuperTypes.Recommendation) {
-            annotationWrapper.recommendationType = redactionLogEntry.type;
-        }
-    }
-
-    private static _getLastRelevantManualChange(manualChanges: IManualChange[]) {
-        return manualChanges[manualChanges.length - 1];
-    }
-
-    private static _setSuperType(annotationWrapper: AnnotationWrapper, redactionLogEntryWrapper: RedactionLogEntry) {
-        if (redactionLogEntryWrapper.manualChanges?.length) {
-            const lastRelevantManualChange = this._getLastRelevantManualChange(redactionLogEntryWrapper.manualChanges);
-            const viableChanges = redactionLogEntryWrapper.changes.filter(c => c.analysisNumber > 1);
-            const lastChange = viableChanges.sort(chronologicallyBy(x => x.dateTime)).at(-1);
-            const lastChangeOccurredAfterLastManualChange =
-                timestampOf(lastChange.dateTime) > timestampOf(lastRelevantManualChange.processedDate);
-
-            if (lastChangeOccurredAfterLastManualChange && lastChange.type === ChangeTypes.ADDED && redactionLogEntryWrapper.redacted) {
-                annotationWrapper.superType = SuperTypes.Redaction;
-                return;
+        if (logEntry.reason) {
+            params['hasReason'] = 'true';
+            if (isDocumine && logEntry.reason.slice(-1) === '.') {
+                logEntry.reason = logEntry.reason.slice(0, -1);
            }
-
-            annotationWrapper.pending = !lastRelevantManualChange.processed;
-
-            annotationWrapper.superType = AnnotationWrapper._selectSuperType(
-                redactionLogEntryWrapper,
-                lastRelevantManualChange,
-                annotationWrapper.hintDictionary,
-            );
-
-            if (lastRelevantManualChange.annotationStatus === LogEntryStatuses.REQUESTED) {
-                annotationWrapper.recategorizationType = lastRelevantManualChange.propertyChanges.type;
-            }
-        } else {
-            if (redactionLogEntryWrapper.recommendation) {
-                annotationWrapper.superType = SuperTypes.Recommendation;
-            } else if (redactionLogEntryWrapper.redacted) {
-                annotationWrapper.superType = SuperTypes.Redaction;
-            } else if (redactionLogEntryWrapper.hint) {
-                annotationWrapper.superType = SuperTypes.Hint;
+            if (!params['hasRule']) {
+                params['reason'] = logEntry.reason.substring(0, 1).toUpperCase() + logEntry.reason.substring(1);
            } else {
-                annotationWrapper.superType = SuperTypes.Skipped;
+                params['reason'] = logEntry.reason;
            }
-        }
-    }
-
-    private static _createContent(annotationWrapper: AnnotationWrapper, entry: RedactionLogEntry) {
-        let content = '';
-        if (entry.matchedRule) {
-            content += `Rule ${entry.matchedRule} matched \n\n`;
-        }
-
-        if (entry.reason) {
-            content += entry.reason + '\n\n';
+            params['reason'] = params['reason'].replace(/(^[, ]*)|([, ]*$)/g, '');
+            untranslatedContent += logEntry.reason + '\n\n';
            //remove leading and trailing commas and whitespaces
-            content = content.replace(/(^[, ]*)|([, ]*$)/g, '');
-            content = content.substring(0, 1).toUpperCase() + content.substring(1);
+            untranslatedContent = untranslatedContent.replace(/(^[, ]*)|([, ]*$)/g, '');
+            untranslatedContent = untranslatedContent.substring(0, 1).toUpperCase() + untranslatedContent.substring(1);
        }

-        if (annotationWrapper.legalBasis) {
-            content += 'Legal basis: ' + annotationWrapper.legalBasis + '\n\n';
+        if (annotationWrapper.legalBasis && !isDocumine) {
+            params['hasLb'] = 'true';
+            params['legalBasis'] = annotationWrapper.legalBasis;
+            untranslatedContent += 'Legal basis: ' + annotationWrapper.legalBasis + '\n\n';
        }

        if (annotationWrapper.hasBeenRemovedByManualOverride) {
-            content += 'Removed by manual override';
+            params['hasOverride'] = 'true';
+            untranslatedContent += 'Removed by manual override';
        }

-        if (entry.section) {
-            let prefix = 'In section: ';
-            if (content.length) {
+        if (logEntry.section) {
+            params['hasSection'] = 'true';
+            params['sectionSymbol'] = isDocumine ? '' : ':';
+            params['shouldLower'] = untranslatedContent.length.toString();
+            params['section'] = logEntry.section;
+            let prefix = `In section${isDocumine ? '' : ':'} `;
+            if (untranslatedContent.length) {
                prefix = ` ${prefix.toLowerCase()}`;
            }
-            content += `${prefix} "${entry.section}"`;
+            untranslatedContent += `${prefix} "${logEntry.section}"`;
        }

-        annotationWrapper.shortContent = this._getShortContent(annotationWrapper, entry) || content;
-        annotationWrapper.content = content;
+        return { translation: _('annotation-content'), params: params, untranslatedContent: untranslatedContent };
    }

-    private static _getShortContent(annotationWrapper: AnnotationWrapper, entry: RedactionLogEntry) {
+    static #getShortContent(annotationWrapper: AnnotationWrapper, legalBasisList: ILegalBasis[]) {
        if (annotationWrapper.legalBasis) {
-            const lb = entry.legalBasisList?.find(lbm => lbm.reason.toLowerCase().includes(annotationWrapper.legalBasis.toLowerCase()));
+            const lb = legalBasisList.find(lbm => lbm.technicalName?.toLowerCase().includes(annotationWrapper.legalBasis.toLowerCase()));
            if (lb) {
                return lb.name;
            }
@ -439,158 +386,4 @@ export class AnnotationWrapper implements IListable, Record<string, unknown> {

        return annotationWrapper.legalBasis;
    }
-
-    private static _selectSuperType(
-        redactionLogEntry: RedactionLogEntry,
-        lastManualChange: IManualChange,
-        isHintDictionary: boolean,
-    ): SuperType {
-        switch (lastManualChange.manualRedactionType) {
-            case ManualRedactionTypes.ADD_LOCALLY:
-                switch (lastManualChange.annotationStatus) {
-                    case LogEntryStatuses.APPROVED:
-                        return SuperTypes.ManualRedaction;
-                    case LogEntryStatuses.DECLINED:
-                        return SuperTypes.DeclinedSuggestion;
-                    case LogEntryStatuses.REQUESTED:
-                        return SuperTypes.SuggestionAdd;
-                }
-                break;
-            case ManualRedactionTypes.ADD_TO_DICTIONARY:
-                switch (lastManualChange.annotationStatus) {
-                    case LogEntryStatuses.APPROVED:
-                        return isHintDictionary ? SuperTypes.Hint : SuperTypes.Redaction;
-                    case LogEntryStatuses.DECLINED:
-                        return SuperTypes.DeclinedSuggestion;
-                    case LogEntryStatuses.REQUESTED:
-                        return SuperTypes.SuggestionAddDictionary;
-                }
-                break;
-            case ManualRedactionTypes.REMOVE_LOCALLY:
-                switch (lastManualChange.annotationStatus) {
-                    case LogEntryStatuses.APPROVED:
-                        return isHintDictionary ? SuperTypes.IgnoredHint : SuperTypes.Skipped;
-                    case LogEntryStatuses.DECLINED: {
-                        if (isHintDictionary) {
-                            return SuperTypes.Hint;
-                        }
-
-                        if (redactionLogEntry.redacted) {
-                            return SuperTypes.Redaction;
-                        }
-
-                        return SuperTypes.Skipped;
-                    }
-                    case LogEntryStatuses.REQUESTED:
-                        return SuperTypes.SuggestionRemove;
-                }
-                break;
-            case ManualRedactionTypes.REMOVE_FROM_DICTIONARY:
-                if (redactionLogEntry.redacted) {
-                    if (lastManualChange.processed) {
-                        switch (lastManualChange.annotationStatus) {
-                            case LogEntryStatuses.APPROVED:
-                                return SuperTypes.Skipped;
-                            case LogEntryStatuses.DECLINED:
-                                return SuperTypes.Redaction;
-                            case LogEntryStatuses.REQUESTED:
-                                return SuperTypes.SuggestionRemoveDictionary;
-                        }
-                    } else {
-                        switch (lastManualChange.annotationStatus) {
-                            case LogEntryStatuses.APPROVED:
-                            case LogEntryStatuses.DECLINED:
-                                return SuperTypes.Redaction;
-                            case LogEntryStatuses.REQUESTED:
-                                return SuperTypes.SuggestionRemoveDictionary;
-                        }
-                    }
-                } else {
-                    if (lastManualChange.processed) {
-                        switch (lastManualChange.annotationStatus) {
-                            case LogEntryStatuses.APPROVED:
-                                return redactionLogEntry.recommendation ? SuperTypes.Recommendation : SuperTypes.Skipped;
-                            case LogEntryStatuses.DECLINED:
-                                return isHintDictionary ? SuperTypes.Hint : SuperTypes.Skipped;
-                            case LogEntryStatuses.REQUESTED:
-                                return SuperTypes.SuggestionRemoveDictionary;
-                        }
-                    } else {
-                        switch (lastManualChange.annotationStatus) {
-                            case LogEntryStatuses.APPROVED:
-                            case LogEntryStatuses.DECLINED:
-                                return isHintDictionary ? SuperTypes.Hint : SuperTypes.Skipped;
-                            case LogEntryStatuses.REQUESTED:
-                                return SuperTypes.SuggestionRemoveDictionary;
-                        }
-                    }
-                }
-                break;
-            case ManualRedactionTypes.FORCE_REDACT:
-                switch (lastManualChange.annotationStatus) {
-                    case LogEntryStatuses.APPROVED:
-                        return SuperTypes.Redaction;
-                    case LogEntryStatuses.DECLINED:
-                        return isHintDictionary ? SuperTypes.IgnoredHint : SuperTypes.Skipped;
-                    case LogEntryStatuses.REQUESTED:
-                        return SuperTypes.SuggestionForceRedaction;
-                }
-                break;
-            case ManualRedactionTypes.FORCE_HINT:
-                switch (lastManualChange.annotationStatus) {
-                    case LogEntryStatuses.APPROVED:
-                        return SuperTypes.Hint;
-                    case LogEntryStatuses.DECLINED:
-                        return SuperTypes.IgnoredHint;
-                    case LogEntryStatuses.REQUESTED:
-                        return SuperTypes.SuggestionForceHint;
-                }
-                break;
-            case ManualRedactionTypes.RECATEGORIZE:
-                switch (lastManualChange.annotationStatus) {
-                    case LogEntryStatuses.APPROVED:
-                    case LogEntryStatuses.DECLINED: {
-                        if (redactionLogEntry.recommendation) {
-                            return SuperTypes.Recommendation;
-                        } else if (redactionLogEntry.redacted) {
-                            return SuperTypes.Redaction;
-                        } else if (redactionLogEntry.hint) {
-                            return SuperTypes.Hint;
-                        }
-                        return isHintDictionary ? SuperTypes.IgnoredHint : SuperTypes.Skipped;
-                    }
-                    case LogEntryStatuses.REQUESTED:
-                        return SuperTypes.SuggestionRecategorizeImage;
-                }
-                break;
-            case ManualRedactionTypes.LEGAL_BASIS_CHANGE:
-                switch (lastManualChange.annotationStatus) {
-                    case LogEntryStatuses.APPROVED:
-                    case LogEntryStatuses.DECLINED:
-                        return redactionLogEntry.type === SuperTypes.ManualRedaction ? SuperTypes.ManualRedaction : SuperTypes.Redaction;
-                    case LogEntryStatuses.REQUESTED:
-                        return SuperTypes.SuggestionChangeLegalBasis;
-                }
-                break;
-            case ManualRedactionTypes.RESIZE:
-                switch (lastManualChange.annotationStatus) {
-                    case LogEntryStatuses.APPROVED:
-                    case LogEntryStatuses.DECLINED:
-                        if (redactionLogEntry.recommendation) {
-                            return SuperTypes.Recommendation;
-                        } else if (redactionLogEntry.redacted) {
-                            return redactionLogEntry.type === SuperTypes.ManualRedaction
-                                ? SuperTypes.ManualRedaction
-                                : SuperTypes.Redaction;
-                        } else if (redactionLogEntry.hint) {
-                            return SuperTypes.Hint;
-                        }
-                        return isHintDictionary ? SuperTypes.IgnoredHint : SuperTypes.Skipped;
-
-                    case LogEntryStatuses.REQUESTED:
-                        return SuperTypes.SuggestionResize;
-                }
-                break;
-        }
-    }
 }
--- a/apps/red-ui/src/app/models/file/list-item.ts
+++ b/apps/red-ui/src/app/models/file/list-item.ts
@ -1,5 +1,4 @@
 export interface ListItem<T> {
    item: T;
    isSelected: boolean;
-    multiSelectActive: boolean;
 }
--- a/apps/red-ui/src/app/models/file/manual-redaction-entry.wrapper.ts
+++ b/apps/red-ui/src/app/models/file/manual-redaction-entry.wrapper.ts
@ -2,6 +2,8 @@ import { IManualRedactionEntry } from '@red/domain';

 export const ManualRedactionEntryTypes = {
    DICTIONARY: 'DICTIONARY',
+    REDACT: 'REDACT',
+    HINT: 'HINT',
    REDACTION: 'REDACTION',
    FALSE_POSITIVE: 'FALSE_POSITIVE',
 } as const;
--- a/apps/red-ui/src/app/models/file/redaction-log.entry.ts
+++ b/apps/red-ui/src/app/models/file/redaction-log.entry.ts
@ -1,76 +0,0 @@
-import { IChange, IComment, ILegalBasis, IManualChange, IRectangle, IRedactionLogEntry, LogEntryEngine } from '@red/domain';
-
-// TODO: this should be removed. Use only AnnotationWrapper class
-export class RedactionLogEntry implements IRedactionLogEntry {
-    readonly changes?: IChange[];
-    readonly imported?: boolean;
-    readonly manualChanges?: IManualChange[];
-    readonly color?: number[];
-    readonly comments?: IComment[];
-    readonly dictionaryEntry?: boolean;
-    readonly dossierDictionaryEntry?: boolean;
-    readonly endOffset?: number;
-    readonly engines?: LogEntryEngine[];
-    readonly excluded?: boolean;
-    readonly hint?: boolean;
-    readonly rectangle?: boolean;
-    readonly id?: string;
-    readonly image?: boolean;
-    readonly imageHasTransparency?: boolean;
-    readonly legalBasis?: string;
-    readonly matchedRule?: number;
-    readonly positions?: IRectangle[];
-    readonly recommendation?: boolean;
-    readonly redacted?: boolean;
-    readonly reference?: string[];
-    readonly section?: string;
-    readonly sectionNumber?: number;
-    readonly startOffset?: number;
-    readonly textAfter?: string;
-    readonly textBefore?: string;
-    readonly type?: string;
-    readonly value?: string;
-    readonly sourceId?: string;
-    readonly isChangeLogEntry: boolean;
-
-    reason?: string;
-
-    constructor(
-        redactionLogEntry: IRedactionLogEntry,
-        readonly changeLogType: 'ADDED' | 'REMOVED' | 'CHANGED' | null,
-        readonly legalBasisList: ILegalBasis[],
-        readonly hintDictionary: boolean,
-    ) {
-        this.changes = redactionLogEntry.changes;
-        this.manualChanges = redactionLogEntry.manualChanges;
-        this.color = redactionLogEntry.color;
-        this.comments = redactionLogEntry.comments;
-        this.dictionaryEntry = redactionLogEntry.dictionaryEntry;
-        this.dossierDictionaryEntry = redactionLogEntry.dossierDictionaryEntry;
-        this.endOffset = redactionLogEntry.endOffset;
-        this.engines = redactionLogEntry.engines;
-        this.excluded = redactionLogEntry.excluded;
-        this.hint = redactionLogEntry.hint;
-        this.rectangle = redactionLogEntry.rectangle;
-        this.id = redactionLogEntry.id;
-        this.image = redactionLogEntry.image;
-        this.imageHasTransparency = redactionLogEntry.imageHasTransparency;
-        this.legalBasis = redactionLogEntry.legalBasis;
-        this.matchedRule = redactionLogEntry.matchedRule;
-        this.positions = redactionLogEntry.positions;
-        this.reason = redactionLogEntry.reason;
-        this.recommendation = redactionLogEntry.recommendation;
-        this.redacted = redactionLogEntry.redacted;
-        this.reference = redactionLogEntry.reference;
-        this.section = redactionLogEntry.section;
-        this.sectionNumber = redactionLogEntry.sectionNumber;
-        this.startOffset = redactionLogEntry.startOffset;
-        this.textAfter = redactionLogEntry.textAfter;
-        this.textBefore = redactionLogEntry.textBefore;
-        this.type = redactionLogEntry.type;
-        this.value = redactionLogEntry.value;
-        this.imported = redactionLogEntry.imported;
-        this.sourceId = redactionLogEntry.sourceId;
-        this.isChangeLogEntry = !!this.changeLogType;
-    }
-}
--- a/apps/red-ui/src/app/modules/account/account-side-nav/account-side-nav.component.html
+++ b/apps/red-ui/src/app/modules/account/account-side-nav/account-side-nav.component.html
@ -4,7 +4,7 @@
            *ngIf="item.show"
            [routerLinkActiveOptions]="{ exact: false }"
            [routerLink]="'../' + item.screen"
-            [attr.help-mode-key]="'user_account'"
+            [attr.help-mode-key]="item.helpModeKey"
            class="item"
            routerLinkActive="active"
        >
--- a/apps/red-ui/src/app/modules/account/account-side-nav/account-side-nav.component.ts
+++ b/apps/red-ui/src/app/modules/account/account-side-nav/account-side-nav.component.ts
@ -1,13 +1,19 @@
 import { marker as _ } from '@biesbjerg/ngx-translate-extract-marker';
 import { ChangeDetectionStrategy, Component } from '@angular/core';
-import { getCurrentUser, IqserPermissionsService } from '@iqser/common-ui';
-import { ROLES } from '@users/roles';
+import { IqserPermissionsService } from '@iqser/common-ui';
+import { Roles } from '@users/roles';
 import { User } from '@red/domain';
+import { getCurrentUser } from '@iqser/common-ui/lib/users';
+import { SideNavComponent } from '@common-ui/shared';
+import { TranslateModule } from '@ngx-translate/core';
+import { NgForOf, NgIf } from '@angular/common';
+import { RouterLink, RouterLinkActive } from '@angular/router';

 interface NavItem {
    readonly label: string;
    readonly screen: string;
    readonly show?: boolean;
+    readonly helpModeKey?: string;
 }

@Component({
@ -15,6 +21,7 @@ interface NavItem {
    templateUrl: './account-side-nav.component.html',
    styleUrls: ['./account-side-nav.component.scss'],
    changeDetection: ChangeDetectionStrategy.OnPush,
+    imports: [SideNavComponent, TranslateModule, NgForOf, NgIf, RouterLinkActive, RouterLink],
 })
 export class AccountSideNavComponent {
    readonly currentUser = getCurrentUser<User>();
@ -23,21 +30,25 @@ export class AccountSideNavComponent {
            screen: 'user-profile',
            label: _('user-profile'),
            show: true,
+            helpModeKey: 'my_profile',
        },
        {
            screen: 'notifications',
-            show: this.currentUser.isUser && this._permissionsService.has(ROLES.notifications.write),
+            show: this.currentUser.isUser && this._permissionsService.has(Roles.notifications.write),
            label: _('notifications.label'),
+            helpModeKey: 'notification_preferences',
        },
        {
            screen: 'preferences',
            label: _('preferences-screen.label'),
            show: this.currentUser.isUser,
+            helpModeKey: 'user_preferences',
        },
        {
            screen: 'warnings-preferences',
            label: _('preferences-screen.warnings-label'),
            show: this.currentUser.isUser,
+            helpModeKey: 'prompts_and_dialogs',
        },
    ];

--- a/apps/red-ui/src/app/modules/account/account.module.ts
+++ b/apps/red-ui/src/app/modules/account/account.module.ts
@ -1,25 +0,0 @@
-import { NgModule } from '@angular/core';
-import { CommonModule } from '@angular/common';
-import { SharedModule } from '@shared/shared.module';
-import { AccountRoutingModule } from './account-routing.module';
-import { AccountSideNavComponent } from './account-side-nav/account-side-nav.component';
-import { BaseAccountScreenComponent } from './base-account-screen/base-account-screen-component';
-import { NotificationPreferencesService } from './services/notification-preferences.service';
-import { TranslateModule } from '@ngx-translate/core';
-import { IconButtonComponent, IqserHelpModeModule, SideNavComponent } from '@iqser/common-ui';
-import { PreferencesComponent } from './screens/preferences/preferences.component';
-
-@NgModule({
-    declarations: [AccountSideNavComponent, BaseAccountScreenComponent, PreferencesComponent],
-    imports: [
-        CommonModule,
-        SharedModule,
-        AccountRoutingModule,
-        TranslateModule,
-        IqserHelpModeModule,
-        IconButtonComponent,
-        SideNavComponent,
-    ],
-    providers: [NotificationPreferencesService],
-})
-export class AccountModule {}
--- a/apps/red-ui/src/app/modules/account/account-routing.module.ts
+++ b/apps/red-ui/src/app/modules/account/account-routing.module.ts
@ -1,12 +1,13 @@
-import { NgModule } from '@angular/core';
-import { RouterModule } from '@angular/router';
-import { CompositeRouteGuard, IqserAuthGuard, IqserPermissionsGuard, IqserRoutes } from '@iqser/common-ui';
+import { CompositeRouteGuard, IqserPermissionsGuard, IqserRoutes } from '@iqser/common-ui';
 import { RedRoleGuard } from '@users/red-role.guard';
 import { BaseAccountScreenComponent } from './base-account-screen/base-account-screen-component';
 import { PreferencesComponent } from './screens/preferences/preferences.component';
-import { ROLES } from '@users/roles';
+import { Roles } from '@users/roles';
+import { IqserAuthGuard } from '@iqser/common-ui/lib/users';
+import { PendingChangesGuard } from '@guards/can-deactivate.guard';
+import { NotificationPreferencesService } from './services/notification-preferences.service';

-const routes: IqserRoutes = [
+export default [
    { path: '', redirectTo: 'user-profile', pathMatch: 'full' },
    {
        path: 'user-profile',
@ -15,20 +16,22 @@ const routes: IqserRoutes = [
        data: {
            routeGuards: [IqserAuthGuard, RedRoleGuard],
        },
-        loadChildren: () => import('./screens/user-profile/user-profile.module').then(m => m.UserProfileModule),
+        loadChildren: () => import('./screens/user-profile/user-profile.routes'),
    },
    {
        path: 'notifications',
        component: BaseAccountScreenComponent,
        canActivate: [CompositeRouteGuard, IqserPermissionsGuard],
+        canDeactivate: [PendingChangesGuard],
        data: {
            routeGuards: [IqserAuthGuard, RedRoleGuard],
            permissions: {
-                allow: [ROLES.notifications.write, 'RED_USER'],
+                allow: [Roles.notifications.write, 'RED_USER'],
                redirectTo: '/',
            },
        },
-        loadChildren: () => import('./screens/notifications/notifications.module').then(m => m.NotificationsModule),
+        providers: [NotificationPreferencesService],
+        loadChildren: () => import('./screens/notifications/notifications.routes'),
    },
    {
        path: 'preferences',
@ -60,10 +63,4 @@ const routes: IqserRoutes = [
            },
        ],
    },
-];
-
-@NgModule({
-    imports: [RouterModule.forChild(routes)],
-    exports: [RouterModule],
-})
-export class AccountRoutingModule {}
+] satisfies IqserRoutes;
--- a/apps/red-ui/src/app/modules/account/base-account-screen/base-account-screen-component.html
+++ b/apps/red-ui/src/app/modules/account/base-account-screen/base-account-screen-component.html
@ -7,11 +7,12 @@
        <div class="content-inner">
            <div class="content-container full-height">
                <div class="overlay-shadow"></div>
-                <div class="dialog">
-                    <div class="dialog-header">
-                        <div class="heading-l" [translate]="translations[path]"></div>
-                    </div>
-
+                <div [ngClass]="!isWarningsScreen && 'dialog'">
+                    @if (!isWarningsScreen) {
+                        <div class="dialog-header">
+                            <div class="heading-l" [translate]="translations[path]"></div>
+                        </div>
+                    }
                    <router-outlet></router-outlet>
                </div>
            </div>
--- a/apps/red-ui/src/app/modules/account/base-account-screen/base-account-screen-component.ts
+++ b/apps/red-ui/src/app/modules/account/base-account-screen/base-account-screen-component.ts
@ -1,26 +1,35 @@
 import { ChangeDetectionStrategy, Component, OnInit, ViewContainerRef } from '@angular/core';
-import { Router } from '@angular/router';
+import { Router, RouterOutlet } from '@angular/router';
 import { accountTranslations } from '@translations/account-translations';
+import { NgClass } from '@angular/common';
+import { AccountSideNavComponent } from '../account-side-nav/account-side-nav.component';
+import { TranslateModule } from '@ngx-translate/core';

@Component({
    selector: 'redaction-base-account-screen',
    templateUrl: './base-account-screen-component.html',
    styleUrls: ['./base-account-screen-component.scss'],
    changeDetection: ChangeDetectionStrategy.OnPush,
+    imports: [NgClass, RouterOutlet, AccountSideNavComponent, TranslateModule],
 })
 export class BaseAccountScreenComponent implements OnInit {
    readonly translations = accountTranslations;
    readonly path: string;
+    readonly isWarningsScreen: boolean;

-    constructor(private readonly _router: Router, private readonly _hostRef: ViewContainerRef) {
+    constructor(
+        private readonly _router: Router,
+        private readonly _hostRef: ViewContainerRef,
+    ) {
        this.path = this._router.url.split('/').pop();
+        this.isWarningsScreen = this.path === 'warnings-preferences';
    }

    ngOnInit(): void {
-        this._setDialogWidth();
+        this.#setDialogWidth();
    }

-    private _setDialogWidth() {
+    #setDialogWidth() {
        const element = this._hostRef.element.nativeElement as HTMLElement;
        element.style.setProperty('--width', this.path === 'user-profile' ? 'unset' : '100%');
    }
--- a/apps/red-ui/src/app/modules/account/screens/notifications/notifications-screen/notifications-screen.component.html
+++ b/apps/red-ui/src/app/modules/account/screens/notifications/notifications-screen/notifications-screen.component.html
@ -2,21 +2,22 @@
    <div class="dialog-content">
        <div *ngFor="let category of notificationCategories">
            <div class="iqser-input-group header w-full">
-                <mat-slide-toggle color="primary" formControlName="{{ category }}Enabled">{{
-                    translations[category] | translate
-                }}</mat-slide-toggle>
+                <mat-slide-toggle color="primary" formControlName="{{ category }}Enabled"
+                    >{{ translations[category] | translate }}
+                </mat-slide-toggle>
            </div>

+            <!--            TODO: This lots of getters-->
            <div *ngIf="isCategoryActive(category)" class="options-content">
                <div [translate]="'notifications-screen.options-title'" class="statement"></div>

                <div *ngFor="let key of notificationGroupsKeys; let i = index" class="group">
                    <div [translate]="translations[key]" class="group-title"></div>
                    <div class="iqser-input-group">
-                        <ng-container *ngFor="let preference of notificationGroupsValues[i]">
+                        <ng-container *ngFor="let preference of getRssFilteredSettings(notificationGroupsValues[i])">
                            <mat-checkbox
-                                *ngIf="!skipPreference(preference)"
                                (change)="addRemovePreference($event.checked, category, preference)"
+                                *ngIf="!skipPreference(preference)"
                                [checked]="isPreferenceChecked(category, preference)"
                                color="primary"
                            >
--- a/apps/red-ui/src/app/modules/account/screens/notifications/notifications-screen/notifications-screen.component.ts
+++ b/apps/red-ui/src/app/modules/account/screens/notifications/notifications-screen/notifications-screen.component.ts
@ -1,9 +1,10 @@
-import { ChangeDetectionStrategy, ChangeDetectorRef, Component, OnInit } from '@angular/core';
-import { UntypedFormBuilder, UntypedFormGroup } from '@angular/forms';
+import { ChangeDetectionStrategy, ChangeDetectorRef, Component, inject, OnInit } from '@angular/core';
+import { ReactiveFormsModule, UntypedFormBuilder } from '@angular/forms';
 import { NotificationPreferencesService } from '../../../services/notification-preferences.service';
-import { BaseFormComponent, getCurrentUser, LoadingService, Toaster } from '@iqser/common-ui';
+import { BaseFormComponent, getConfig, IconButtonComponent, LoadingService, Toaster } from '@iqser/common-ui';
 import { marker as _ } from '@biesbjerg/ngx-translate-extract-marker';
 import {
+    DocumentNotificationsTypes,
    NotificationCategoriesValues,
    NotificationGroupsKeys,
    NotificationGroupsValues,
@ -12,30 +13,46 @@ import {
 } from '@red/domain';
 import { firstValueFrom } from 'rxjs';
 import { notificationsSettingsTranslations } from '@translations/notifications-settings-translations';
+import { getCurrentUser } from '@iqser/common-ui/lib/users';
+import { NgForOf, NgIf } from '@angular/common';
+import { MatSlideToggle } from '@angular/material/slide-toggle';
+import { TranslateModule } from '@ngx-translate/core';
+import { MatCheckbox } from '@angular/material/checkbox';
+
+const RSS_EXCLUDED_SETTINGS = ['USER_PROMOTED_TO_APPROVER', 'USER_DEGRADED_TO_REVIEWER', 'ASSIGN_REVIEWER'];

@Component({
    templateUrl: './notifications-screen.component.html',
    styleUrls: ['./notifications-screen.component.scss'],
    changeDetection: ChangeDetectionStrategy.OnPush,
+    imports: [ReactiveFormsModule, NgForOf, MatSlideToggle, TranslateModule, NgIf, MatCheckbox, IconButtonComponent],
 })
 export class NotificationsScreenComponent extends BaseFormComponent implements OnInit {
+    readonly #toaster = inject(Toaster);
+    readonly #formBuilder = inject(UntypedFormBuilder);
+    readonly #loadingService = inject(LoadingService);
+    readonly #notificationPreferencesService = inject(NotificationPreferencesService);
+    readonly #cdRef = inject(ChangeDetectorRef);
+    readonly #config = getConfig();
    readonly notificationCategories = NotificationCategoriesValues;
    readonly notificationGroupsKeys = NotificationGroupsKeys;
    readonly notificationGroupsValues = NotificationGroupsValues;
    readonly translations = notificationsSettingsTranslations;
    readonly currentUser = getCurrentUser<User>();
-    constructor(
-        private readonly _toaster: Toaster,
-        private readonly _formBuilder: UntypedFormBuilder,
-        private readonly _loadingService: LoadingService,
-        private readonly _notificationPreferencesService: NotificationPreferencesService,
-        private readonly _changeRef: ChangeDetectorRef,
-    ) {
+
+    constructor() {
        super();
    }

    async ngOnInit(): Promise<void> {
-        await this._initializeForm();
+        await this.#initializeForm();
+    }
+
+    getRssFilteredSettings(settings: string[]) {
+        if (this.#config.IS_DOCUMINE) {
+            return settings.filter(s => !RSS_EXCLUDED_SETTINGS.includes(s));
+        }
+        return settings;
    }

    isCategoryActive(category: string) {
@ -64,19 +81,20 @@ export class NotificationsScreenComponent extends BaseFormComponent implements O
    }

    async save() {
-        this._loadingService.start();
+        this.#loadingService.start();
        try {
-            await firstValueFrom(this._notificationPreferencesService.update(this.form.value));
+            const preferences = this.#filterNotificationPreferences();
+            await firstValueFrom(this.#notificationPreferencesService.update(preferences));
        } catch (e) {
-            this._toaster.error(_('notifications-screen.error.generic'));
+            this.#toaster.error(_('notifications-screen.error.generic'));
        }
        this.initialFormValue = JSON.parse(JSON.stringify(this.form.getRawValue()));
-        this._changeRef.markForCheck();
-        this._loadingService.stop();
+        this.#cdRef.markForCheck();
+        this.#loadingService.stop();
    }

-    private _getForm(): UntypedFormGroup {
-        return this._formBuilder.group({
+    #getForm() {
+        return this.#formBuilder.group({
            inAppNotificationsEnabled: [undefined],
            emailNotificationsEnabled: [undefined],
            emailNotificationType: [undefined],
@ -85,14 +103,37 @@ export class NotificationsScreenComponent extends BaseFormComponent implements O
        });
    }

-    private async _initializeForm() {
-        this._loadingService.start();
+    async #initializeForm() {
+        this.#loadingService.start();

-        this.form = this._getForm();
-        const notificationPreferences = await firstValueFrom(this._notificationPreferencesService.get());
+        this.form = this.#getForm();
+        const notificationPreferences = await firstValueFrom(this.#notificationPreferencesService.get());
        this.form.patchValue(notificationPreferences);
        this.initialFormValue = JSON.parse(JSON.stringify(this.form.getRawValue()));

-        this._loadingService.stop();
+        this.#loadingService.stop();
+    }
+
+    #filterNotificationPreferences() {
+        if (!this.#config.IS_DOCUMINE) {
+            return this.form.value;
+        }
+
+        if (!this.isPreferenceChecked('inAppNotifications', DocumentNotificationsTypes.assignApprover)) {
+            return {
+                ...this.form.value,
+                inAppNotifications: this.form
+                    .get('inAppNotifications')
+                    .value.filter((preference: string) => !RSS_EXCLUDED_SETTINGS.includes(preference)),
+            };
+        }
+        if (!this.form.get('inAppNotifications').value.includes(DocumentNotificationsTypes.assignReviewer)) {
+            return {
+                ...this.form.value,
+                inAppNotifications: [...this.form.get('inAppNotifications').value, DocumentNotificationsTypes.assignReviewer],
+            };
+        }
+
+        return this.form.value;
    }
 }
--- a/apps/red-ui/src/app/modules/account/screens/notifications/notifications.module.ts
+++ b/apps/red-ui/src/app/modules/account/screens/notifications/notifications.module.ts
@ -1,16 +0,0 @@
-import { NgModule } from '@angular/core';
-import { RouterModule } from '@angular/router';
-import { CommonModule } from '@angular/common';
-import { SharedModule } from '@shared/shared.module';
-import { NotificationsScreenComponent } from './notifications-screen/notifications-screen.component';
-import { PendingChangesGuard } from '@guards/can-deactivate.guard';
-import { TranslateModule } from '@ngx-translate/core';
-import { IconButtonComponent } from '@iqser/common-ui';
-
-const routes = [{ path: '', component: NotificationsScreenComponent, canDeactivate: [PendingChangesGuard] }];
-
-@NgModule({
-    declarations: [NotificationsScreenComponent],
-    imports: [RouterModule.forChild(routes), CommonModule, SharedModule, TranslateModule, IconButtonComponent],
-})
-export class NotificationsModule {}
--- a/apps/red-ui/src/app/modules/account/screens/notifications/notifications.routes.ts
+++ b/apps/red-ui/src/app/modules/account/screens/notifications/notifications.routes.ts
@ -0,0 +1,11 @@
+import { NotificationsScreenComponent } from './notifications-screen/notifications-screen.component';
+import { PendingChangesGuard } from '@guards/can-deactivate.guard';
+import { IqserRoutes } from '@iqser/common-ui';
+
+export default [
+    {
+        path: '',
+        component: NotificationsScreenComponent,
+        canDeactivate: [PendingChangesGuard],
+    },
+] satisfies IqserRoutes;
--- a/apps/red-ui/src/app/modules/account/screens/preferences/dialog-defaults/dialog-defaults.component.html
+++ b/apps/red-ui/src/app/modules/account/screens/preferences/dialog-defaults/dialog-defaults.component.html
@ -0,0 +1,79 @@
+<div class="dialog">
+    <form [formGroup]="form">
+        <div class="dialog-content">
+            <h1>{{ 'dialog-defaults-form.title' | translate }}</h1>
+            <h3>{{ 'dialog-defaults-form.redaction.title' | translate }}</h3>
+            <div class="iqser-input-group w-450">
+                <label translate="dialog-defaults-form.redaction.add-dialog"></label>
+                <mat-form-field>
+                    <mat-select formControlName="addRedaction">
+                        <mat-option *ngFor="let option of redactionAddOptions" [value]="option.value">{{
+                            option.label | translate
+                        }}</mat-option>
+                    </mat-select>
+                </mat-form-field>
+                <mat-checkbox *ngIf="displayExtraOptionAddRedaction" formControlName="addRedactionApplyToAll">{{
+                    'dialog-defaults-form.extra-option-label' | translate
+                }}</mat-checkbox>
+            </div>
+            <div class="iqser-input-group w-450">
+                <label translate="dialog-defaults-form.redaction.remove-dialog"></label>
+                <mat-form-field>
+                    <mat-select formControlName="removeRedaction">
+                        <mat-option *ngFor="let option of redactionRemoveOptions" [value]="option.value">{{
+                            option.label | translate
+                        }}</mat-option>
+                    </mat-select>
+                </mat-form-field>
+                <mat-checkbox *ngIf="displayExtraOptionRemoveRedaction" formControlName="removeRedactionApplyToAll">{{
+                    'dialog-defaults-form.extra-option-label' | translate
+                }}</mat-checkbox>
+            </div>
+            <h3>{{ 'dialog-defaults-form.recommendation.title' | translate }}</h3>
+            <div class="iqser-input-group w-450">
+                <label translate="dialog-defaults-form.recommendation.remove-dialog"></label>
+                <mat-form-field>
+                    <mat-select formControlName="removeRecommendation">
+                        <mat-option *ngFor="let option of recommendationRemoveOptions" [value]="option.value">{{
+                            option.label | translate
+                        }}</mat-option>
+                    </mat-select>
+                </mat-form-field>
+                <mat-checkbox *ngIf="displayExtraOptionRemoveRecommendation" formControlName="removeRecommendationApplyToAll">{{
+                    'dialog-defaults-form.extra-option-label' | translate
+                }}</mat-checkbox>
+            </div>
+            <h3>{{ 'dialog-defaults-form.hint.title' | translate }}</h3>
+            <div class="iqser-input-group w-450">
+                <label translate="dialog-defaults-form.hint.add-dialog"></label>
+                <mat-form-field>
+                    <mat-select formControlName="addHint">
+                        <mat-option *ngFor="let option of hintAddOptions" [value]="option.value">{{ option.label | translate }}</mat-option>
+                    </mat-select>
+                </mat-form-field>
+                <mat-checkbox *ngIf="displayExtraOptionAddHint" formControlName="addHintApplyToAll">{{
+                    'dialog-defaults-form.extra-option-label' | translate
+                }}</mat-checkbox>
+            </div>
+            <div class="iqser-input-group w-450">
+                <label translate="dialog-defaults-form.hint.remove-dialog"></label>
+                <mat-form-field>
+                    <mat-select formControlName="removeHint">
+                        <mat-option *ngFor="let option of removeOptions" [value]="option.value">{{ option.label | translate }}</mat-option>
+                    </mat-select>
+                </mat-form-field>
+                <mat-checkbox *ngIf="displayExtraOptionRemoveHint" formControlName="removeHintApplyToAll">{{
+                    'dialog-defaults-form.extra-option-label' | translate
+                }}</mat-checkbox>
+            </div>
+        </div>
+        <div class="dialog-actions">
+            <iqser-icon-button
+                (action)="save()"
+                [disabled]="!valid || !changed"
+                [label]="'preferences-screen.actions.save' | translate"
+                [type]="iconButtonTypes.primary"
+            ></iqser-icon-button>
+        </div>
+    </form>
+</div>
--- a/apps/red-ui/src/app/modules/account/screens/preferences/dialog-defaults/dialog-defaults.component.scss
+++ b/apps/red-ui/src/app/modules/account/screens/preferences/dialog-defaults/dialog-defaults.component.scss
@ -0,0 +1,16 @@
+mat-checkbox {
+    margin: 8px 0 0 8px;
+}
+
+h3 {
+    margin-top: 24px;
+    margin-bottom: 4px;
+}
+
+form .iqser-input-group:not(first-of-type) {
+    margin-top: 8px;
+}
+
+.dialog {
+    margin-bottom: 0;
+}
--- a/apps/red-ui/src/app/modules/account/screens/preferences/dialog-defaults/dialog-defaults.component.ts
+++ b/apps/red-ui/src/app/modules/account/screens/preferences/dialog-defaults/dialog-defaults.component.ts
@ -0,0 +1,179 @@
+import { NgForOf, NgIf } from '@angular/common';
+import { ChangeDetectorRef, Component, inject } from '@angular/core';
+import { FormBuilder, FormGroup, ReactiveFormsModule } from '@angular/forms';
+import { MatCheckbox } from '@angular/material/checkbox';
+import { MatFormField } from '@angular/material/form-field';
+import { MatOption, MatSelect } from '@angular/material/select';
+import { BaseFormComponent } from '@common-ui/form';
+import { AsControl } from '@common-ui/utils';
+import { IconButtonComponent } from '@iqser/common-ui';
+import { TranslateModule } from '@ngx-translate/core';
+import { PreferencesKeys, UserPreferenceService } from '@users/user-preference.service';
+import {
+    RedactOrHintOption,
+    RedactOrHintOptions,
+    RemoveRedactionOption,
+    RemoveRedactionOptions,
+} from '../../../../file-preview/utils/dialog-types';
+import {
+    hintAddOptions,
+    recommendationRemoveOptions,
+    redactionAddOptions,
+    redactionRemoveOptions,
+    removeOptions,
+    SystemDefaultType,
+} from '../../../utils/dialog-defaults';
+
+interface DefaultOptionsForm {
+    addRedaction: RedactOrHintOption | SystemDefaultType;
+    addHint: RedactOrHintOption | SystemDefaultType;
+    removeRedaction: RemoveRedactionOption | SystemDefaultType;
+    removeRecommendation: RemoveRedactionOption | SystemDefaultType;
+    removeHint: RemoveRedactionOption | SystemDefaultType;
+    addRedactionApplyToAll: boolean;
+    removeRedactionApplyToAll: boolean;
+    removeRecommendationApplyToAll: boolean;
+    addHintApplyToAll: boolean;
+    removeHintApplyToAll: boolean;
+}
+
+@Component({
+    selector: 'redaction-dialog-defaults',
+    templateUrl: './dialog-defaults.component.html',
+    styleUrl: './dialog-defaults.component.scss',
+    imports: [ReactiveFormsModule, TranslateModule, MatFormField, MatSelect, MatOption, NgForOf, MatCheckbox, NgIf, IconButtonComponent],
+})
+export class DialogDefaultsComponent extends BaseFormComponent {
+    readonly #formBuilder = inject(FormBuilder);
+    readonly #userPreferences = inject(UserPreferenceService);
+    readonly #changeDetectorRef = inject(ChangeDetectorRef);
+    form: FormGroup<AsControl<DefaultOptionsForm>> = this.#formBuilder.group({
+        addRedaction: this.#userPreferences.getAddRedactionDefaultOption(),
+        addHint: this.#userPreferences.getAddHintDefaultOption(),
+        removeRedaction: this.#userPreferences.getRemoveRedactionDefaultOption(),
+        removeRecommendation: this.#userPreferences.getRemoveRecommendationDefaultOption(),
+        removeHint: this.#userPreferences.getRemoveHintDefaultOption(),
+        addRedactionApplyToAll: this.#userPreferences.getBool(PreferencesKeys.addRedactionDefaultExtraOption),
+        removeRedactionApplyToAll: this.#userPreferences.getBool(PreferencesKeys.removeRedactionDefaultExtraOption),
+        removeRecommendationApplyToAll: this.#userPreferences.getBool(PreferencesKeys.removeRecommendationDefaultExtraOption),
+        addHintApplyToAll: this.#userPreferences.getBool(PreferencesKeys.addHintDefaultExtraOption),
+        removeHintApplyToAll: this.#userPreferences.getBool(PreferencesKeys.removeHintDefaultExtraOption),
+    });
+    initialFormValue = this.form.getRawValue();
+
+    readonly redactionAddOptions = redactionAddOptions;
+    readonly hintAddOptions = hintAddOptions;
+    readonly removeOptions = removeOptions;
+    readonly redactionRemoveOptions = redactionRemoveOptions;
+    readonly recommendationRemoveOptions = recommendationRemoveOptions;
+
+    constructor() {
+        super();
+    }
+
+    get displayExtraOptionAddRedaction() {
+        return RedactOrHintOptions.IN_DOSSIER === this.form.controls.addRedaction.value;
+    }
+
+    get displayExtraOptionAddHint() {
+        return RedactOrHintOptions.IN_DOSSIER === this.form.controls.addHint.value;
+    }
+
+    get displayExtraOptionRemoveRedaction() {
+        return (
+            [RemoveRedactionOptions.IN_DOSSIER, RemoveRedactionOptions.FALSE_POSITIVE] as Partial<
+                RemoveRedactionOption | SystemDefaultType
+            >[]
+        ).includes(this.form.controls.removeRedaction.value);
+    }
+
+    get displayExtraOptionRemoveHint() {
+        return RemoveRedactionOptions.IN_DOSSIER === this.form.controls.removeHint.value;
+    }
+
+    get displayExtraOptionRemoveRecommendation() {
+        return RemoveRedactionOptions.DO_NOT_RECOMMEND === this.form.controls.removeRecommendation.value;
+    }
+
+    async save(): Promise<any> {
+        const formValue = this.form.value;
+
+        if (this.initialFormValue.addRedaction !== this.form.controls.addRedaction.value) {
+            await this.#userPreferences.saveAddRedactionDefaultOption(this.form.controls.addRedaction.value);
+        }
+        if (this.initialFormValue.addHint !== this.form.controls.addHint.value) {
+            await this.#userPreferences.saveAddHintDefaultOption(this.form.controls.addHint.value);
+        }
+        if (this.initialFormValue.removeRedaction !== this.form.controls.removeRedaction.value) {
+            await this.#userPreferences.saveRemoveRedactionDefaultOption(this.form.controls.removeRedaction.value);
+        }
+        if (this.initialFormValue.removeRecommendation !== this.form.controls.removeRecommendation.value) {
+            await this.#userPreferences.saveRemoveRecommendationDefaultOption(this.form.controls.removeRecommendation.value);
+        }
+        if (this.initialFormValue.removeHint !== this.form.controls.removeHint.value) {
+            await this.#userPreferences.saveRemoveHintDefaultOption(this.form.controls.removeHint.value);
+        }
+
+        if (this.displayExtraOptionAddRedaction) {
+            if (this.initialFormValue.addRedactionApplyToAll !== this.form.controls.addRedactionApplyToAll.value) {
+                await this.#userPreferences.saveAddRedactionDefaultExtraOption(this.form.controls.addRedactionApplyToAll.value);
+            }
+        } else {
+            await this.#userPreferences.saveAddRedactionDefaultExtraOption('undefined');
+        }
+
+        if (this.displayExtraOptionAddHint) {
+            if (this.initialFormValue.addHintApplyToAll !== this.form.controls.addHintApplyToAll.value) {
+                await this.#userPreferences.saveAddHintDefaultExtraOption(this.form.controls.addHintApplyToAll.value);
+            }
+        } else {
+            await this.#userPreferences.saveAddHintDefaultExtraOption('undefined');
+        }
+
+        if (this.displayExtraOptionRemoveRedaction) {
+            if (this.initialFormValue.removeRedactionApplyToAll !== this.form.controls.removeRedactionApplyToAll.value) {
+                await this.#userPreferences.saveRemoveRedactionDefaultExtraOption(this.form.controls.removeRedactionApplyToAll.value);
+            }
+        } else {
+            await this.#userPreferences.saveRemoveRedactionDefaultExtraOption('undefined');
+        }
+
+        if (this.displayExtraOptionRemoveHint) {
+            if (this.initialFormValue.removeHintApplyToAll !== this.form.controls.removeHintApplyToAll.value) {
+                await this.#userPreferences.saveRemoveHintDefaultExtraOption(this.form.controls.removeHintApplyToAll.value);
+            }
+        } else {
+            await this.#userPreferences.saveRemoveHintDefaultExtraOption('undefined');
+        }
+
+        if (this.displayExtraOptionRemoveRecommendation) {
+            if (this.initialFormValue.removeRecommendationApplyToAll !== this.form.controls.removeRecommendationApplyToAll.value) {
+                await this.#userPreferences.saveRemoveRecommendationDefaultExtraOption(
+                    this.form.controls.removeRecommendationApplyToAll.value,
+                );
+            }
+        } else {
+            await this.#userPreferences.saveRemoveRecommendationDefaultExtraOption('undefined');
+        }
+
+        await this.#userPreferences.reload();
+        this.#patchValues();
+        this.initialFormValue = this.form.getRawValue();
+        this.#changeDetectorRef.markForCheck();
+    }
+
+    #patchValues() {
+        this.form.patchValue({
+            addRedaction: this.#userPreferences.getAddRedactionDefaultOption(),
+            addHint: this.#userPreferences.getAddHintDefaultOption(),
+            removeRedaction: this.#userPreferences.getRemoveRedactionDefaultOption(),
+            removeRecommendation: this.#userPreferences.getRemoveRecommendationDefaultOption(),
+            removeHint: this.#userPreferences.getRemoveHintDefaultOption(),
+            addRedactionApplyToAll: this.#userPreferences.getBool(PreferencesKeys.addRedactionDefaultExtraOption),
+            removeRedactionApplyToAll: this.#userPreferences.getBool(PreferencesKeys.removeRedactionDefaultExtraOption),
+            removeRecommendationApplyToAll: this.#userPreferences.getBool(PreferencesKeys.removeRecommendationDefaultExtraOption),
+            addHintApplyToAll: this.#userPreferences.getBool(PreferencesKeys.addHintDefaultExtraOption),
+            removeHintApplyToAll: this.#userPreferences.getBool(PreferencesKeys.removeHintDefaultExtraOption),
+        });
+    }
+}
--- a/apps/red-ui/src/app/modules/account/screens/preferences/preferences.component.html
+++ b/apps/red-ui/src/app/modules/account/screens/preferences/preferences.component.html
@ -1,45 +1,52 @@
-<form (submit)="save()" [formGroup]="form">
-    <div class="dialog-content">
-        <div *ngIf="currentScreen === screens.WARNING_PREFERENCES" class="content-delimiter"></div>
-        <div class="dialog-content-left">
-            <ng-container *ngIf="currentScreen === screens.PREFERENCES">
-                <div class="iqser-input-group">
-                    <mat-slide-toggle color="primary" formControlName="autoExpandFiltersOnActions">
-                        {{ 'preferences-screen.form.auto-expand-filters-on-action' | translate }}
-                    </mat-slide-toggle>
-                </div>
-                <div class="iqser-input-group">
-                    <mat-slide-toggle color="primary" formControlName="displaySuggestionsInPreview">
-                        {{ 'preferences-screen.form.show-suggestions-in-preview' | translate }}
-                    </mat-slide-toggle>
-                </div>
-            </ng-container>
-            <ng-container *ngIf="currentScreen === screens.WARNING_PREFERENCES">
-                <p class="warnings-subtitle">{{ 'preferences-screen.warnings-subtitle' | translate }}</p>
-                <p class="warnings-description">{{ 'preferences-screen.warnings-description' | translate }}</p>
+<redaction-dialog-defaults *ngIf="currentScreen === screens.WARNING_PREFERENCES && !config.IS_DOCUMINE"></redaction-dialog-defaults>

-                <div class="iqser-input-group">
-                    <mat-checkbox color="primary" formControlName="unapprovedSuggestionsWarning">
-                        {{ 'preferences-screen.form.unapproved-suggestions-warning' | translate }}
-                    </mat-checkbox>
-                </div>
+<div [ngClass]="currentScreen === screens.WARNING_PREFERENCES && 'dialog'">
+    <form [formGroup]="form">
+        <div class="dialog-content">
+            <div class="dialog-content-left">
+                <ng-container *ngIf="currentScreen === screens.PREFERENCES">
+                    <div class="iqser-input-group">
+                        <mat-slide-toggle color="primary" formControlName="autoExpandFiltersOnActions">
+                            {{ 'preferences-screen.form.auto-expand-filters-on-action' | translate }}
+                        </mat-slide-toggle>
+                    </div>

-                <div class="iqser-input-group">
-                    <mat-checkbox color="primary" formControlName="loadAllAnnotationsWarning">
-                        {{ 'preferences-screen.form.load-all-annotations-warning' | translate }}
-                    </mat-checkbox>
-                </div>
-            </ng-container>
+                    <div *allow="roles.getTables" class="iqser-input-group">
+                        <label [translate]="'preferences-screen.form.table-extraction-type'"></label>
+                        <input formControlName="tableExtractionType" />
+                    </div>
+                </ng-container>
+
+                <ng-container *ngIf="currentScreen === screens.WARNING_PREFERENCES">
+                    <h1>{{ 'preferences-screen.warnings-subtitle' | translate }}</h1>
+                    <p class="warnings-description">{{ 'preferences-screen.warnings-description' | translate }}</p>
+
+                    <div class="iqser-input-group">
+                        <mat-checkbox color="primary" formControlName="loadAllAnnotationsWarning">
+                            {{ 'preferences-screen.form.load-all-annotations-warning' | translate }}
+                        </mat-checkbox>
+                    </div>
+                    <div class="iqser-input-group">
+                        <mat-checkbox color="primary" formControlName="helpModeDialog">
+                            {{ 'preferences-screen.form.help-mode-dialog' | translate }}
+                        </mat-checkbox>
+                    </div>
+                    <div class="iqser-input-group">
+                        <mat-checkbox color="primary" formControlName="overwriteFileOption">
+                            {{ 'preferences-screen.form.overwrite-file-option' | translate }}
+                        </mat-checkbox>
+                    </div>
+                </ng-container>
+            </div>
        </div>
-    </div>

-    <div class="dialog-actions">
-        <iqser-icon-button
-            (action)="save()"
-            [disabled]="!valid || !changed"
-            [label]="'preferences-screen.actions.save' | translate"
-            [submit]="true"
-            [type]="iconButtonTypes.primary"
-        ></iqser-icon-button>
-    </div>
-</form>
+        <div class="dialog-actions">
+            <iqser-icon-button
+                (action)="save()"
+                [disabled]="!valid || !changed"
+                [label]="'preferences-screen.actions.save' | translate"
+                [type]="iconButtonTypes.primary"
+            ></iqser-icon-button>
+        </div>
+    </form>
+</div>
--- a/apps/red-ui/src/app/modules/account/screens/preferences/preferences.component.scss
+++ b/apps/red-ui/src/app/modules/account/screens/preferences/preferences.component.scss
@ -1,16 +1,3 @@
-@use 'variables';
-
-.content-delimiter {
-    border-top: 1px solid var(--iqser-separator);
-    margin-bottom: 15px;
-}
-
-.warnings-subtitle {
-    font-size: var(--iqser-font-size);
-    color: var(--iqser-text);
-    font-weight: 600;
-}
-
 .warnings-description {
    width: 105%;
 }
--- a/apps/red-ui/src/app/modules/account/screens/preferences/preferences.component.ts
+++ b/apps/red-ui/src/app/modules/account/screens/preferences/preferences.component.ts
@ -1,17 +1,33 @@
-import { ChangeDetectionStrategy, ChangeDetectorRef, Component } from '@angular/core';
-import { PreferencesKeys, UserPreferenceService } from '@users/user-preference.service';
-import { FormBuilder, FormGroup } from '@angular/forms';
+import { ChangeDetectionStrategy, ChangeDetectorRef, Component, inject, OnInit } from '@angular/core';
+import { FormBuilder, FormGroup, ReactiveFormsModule } from '@angular/forms';
 import { ActivatedRoute } from '@angular/router';
-import { AsControl, BaseFormComponent, IqserPermissionsService } from '@iqser/common-ui';
-import { ROLES } from '@users/roles';
+import {
+    BaseFormComponent,
+    getConfig,
+    IconButtonComponent,
+    IqserAllowDirective,
+    IqserPermissionsService,
+    isIqserDevMode,
+    KEYS,
+    LoadingService,
+} from '@iqser/common-ui';
+import { AsControl } from '@iqser/common-ui/lib/utils';
+import { Roles } from '@users/roles';
+import { PreferencesKeys, UserPreferenceService } from '@users/user-preference.service';
+import { DialogDefaultsComponent } from './dialog-defaults/dialog-defaults.component';
+import { NgClass, NgIf } from '@angular/common';
+import { MatSlideToggle } from '@angular/material/slide-toggle';
+import { TranslateModule } from '@ngx-translate/core';
+import { MatCheckbox } from '@angular/material/checkbox';

 interface PreferencesForm {
    // preferences
    autoExpandFiltersOnActions: boolean;
-    displaySuggestionsInPreview: boolean;
+    tableExtractionType: string;
    // warnings preferences
-    unapprovedSuggestionsWarning: boolean;
    loadAllAnnotationsWarning: boolean;
+    helpModeDialog: boolean;
+    overwriteFileOption: boolean;

    [k: string]: any;
 }
@ -28,66 +44,114 @@ const Screens = {
    templateUrl: './preferences.component.html',
    styleUrls: ['./preferences.component.scss'],
    changeDetection: ChangeDetectionStrategy.OnPush,
+    imports: [
+        DialogDefaultsComponent,
+        NgClass,
+        NgIf,
+        ReactiveFormsModule,
+        MatSlideToggle,
+        TranslateModule,
+        IqserAllowDirective,
+        MatCheckbox,
+        IconButtonComponent,
+    ],
 })
-export class PreferencesComponent extends BaseFormComponent {
+export class PreferencesComponent extends BaseFormComponent implements OnInit {
+    readonly #formBuilder = inject(FormBuilder);
+    readonly #permissionsService = inject(IqserPermissionsService);
+    readonly #changeRef = inject(ChangeDetectorRef);
+    readonly #loadingService = inject(LoadingService);
+    readonly #userPreferenceService = inject(UserPreferenceService);
+
    readonly form: FormGroup<AsControl<PreferencesForm>>;
    readonly currentScreen: Screen;
    readonly screens = Screens;
    initialFormValue: PreferencesForm;
+    readonly roles = Roles;
+    readonly config = getConfig();
+    readonly isIqserDevMode = isIqserDevMode();

-    constructor(
-        readonly userPreferenceService: UserPreferenceService,
-        private readonly _formBuilder: FormBuilder,
-        private readonly _permissionsService: IqserPermissionsService,
-        private readonly _route: ActivatedRoute,
-        private readonly _changeRef: ChangeDetectorRef,
-    ) {
+    get #isOverwriteFileOptionActive() {
+        return !(this.#userPreferenceService.getOverwriteFileOption() === 'undefined');
+    }
+
+    constructor(route: ActivatedRoute) {
        super();
-        this.form = this._formBuilder.group({
+        this.form = this.#formBuilder.group({
            // preferences
-            autoExpandFiltersOnActions: [this.userPreferenceService.getAutoExpandFiltersOnActions()],
-            displaySuggestionsInPreview: [this.userPreferenceService.getDisplaySuggestionsInPreview()],
+            autoExpandFiltersOnActions: [this.#userPreferenceService.getAutoExpandFiltersOnActions()],
+            tableExtractionType: [this.#userPreferenceService.getTableExtractionType()],
            // warnings preferences
-            unapprovedSuggestionsWarning: [this.userPreferenceService.getUnapprovedSuggestionsWarning()],
-            loadAllAnnotationsWarning: [this.userPreferenceService.getBool(PreferencesKeys.loadAllAnnotationsWarning)],
+            loadAllAnnotationsWarning: [this.#userPreferenceService.getBool(PreferencesKeys.loadAllAnnotationsWarning)],
+            helpModeDialog: [this.#userPreferenceService.getBool(KEYS.helpModeDialog)],
+            overwriteFileOption: [this.#isOverwriteFileOptionActive],
        });

-        if (!this._permissionsService.has(ROLES.managePreferences)) {
+        if (!this.#permissionsService.has(Roles.managePreferences)) {
            this.form.disable();
        }

+        if (!this.#permissionsService.has(Roles.getTables)) {
+            this.form.controls.tableExtractionType.disable();
+        }
+
+        if (!this.#isOverwriteFileOptionActive) {
+            this.form.controls.overwriteFileOption.disable();
+        }
+
        this.initialFormValue = this.form.getRawValue();
-        this.currentScreen = _route.snapshot.data.screen;
+        this.currentScreen = route.snapshot.data.screen;
+    }
+
+    ngOnInit() {
+        this.#loadingService.stop();
    }

    async save(): Promise<any> {
-        if (this.form.controls.autoExpandFiltersOnActions.value !== this.userPreferenceService.getAutoExpandFiltersOnActions()) {
-            await this.userPreferenceService.toggleAutoExpandFiltersOnActions();
+        if (this.form.controls.autoExpandFiltersOnActions.value !== this.#userPreferenceService.getAutoExpandFiltersOnActions()) {
+            await this.#userPreferenceService.toggleAutoExpandFiltersOnActions();
        }
-        if (this.form.controls.displaySuggestionsInPreview.value !== this.userPreferenceService.getDisplaySuggestionsInPreview()) {
-            await this.userPreferenceService.toggleDisplaySuggestionsInPreview();
-        }
-        if (this.form.controls.unapprovedSuggestionsWarning.value !== this.userPreferenceService.getUnapprovedSuggestionsWarning()) {
-            await this.userPreferenceService.toggleUnapprovedSuggestionsWarning();
+
+        if (this.form.controls.tableExtractionType.value !== this.#userPreferenceService.getTableExtractionType()) {
+            await this.#userPreferenceService.save(PreferencesKeys.tableExtractionType, this.form.controls.tableExtractionType.value);
        }

        if (
            this.form.controls.loadAllAnnotationsWarning.value !==
-            this.userPreferenceService.getBool(PreferencesKeys.loadAllAnnotationsWarning)
+            this.#userPreferenceService.getBool(PreferencesKeys.loadAllAnnotationsWarning)
        ) {
-            await this.userPreferenceService.save(
+            await this.#userPreferenceService.save(
                PreferencesKeys.loadAllAnnotationsWarning,
                String(this.form.controls.loadAllAnnotationsWarning.value),
            );
        }

-        await this.userPreferenceService.reload();
-        this.form.patchValue({
-            autoExpandFiltersOnActions: this.userPreferenceService.getAutoExpandFiltersOnActions(),
-            displaySuggestionsInPreview: this.userPreferenceService.getDisplaySuggestionsInPreview(),
-            unapprovedSuggestionsWarning: this.userPreferenceService.getUnapprovedSuggestionsWarning(),
-        });
+        if (this.form.controls.helpModeDialog.value !== this.#userPreferenceService.getBool(KEYS.helpModeDialog)) {
+            await this.#userPreferenceService.save(KEYS.helpModeDialog, String(this.form.controls.helpModeDialog.value));
+        }
+
+        if (this.form.controls.overwriteFileOption.enabled && !this.form.controls.overwriteFileOption.value) {
+            await this.#userPreferenceService.saveOverwriteFileOption('undefined');
+        }
+
+        await this.#userPreferenceService.reload();
+        this.#patchValues();
+
        this.initialFormValue = this.form.getRawValue();
-        this._changeRef.markForCheck();
+        this.#changeRef.markForCheck();
+    }
+
+    #patchValues() {
+        this.form.patchValue({
+            autoExpandFiltersOnActions: this.#userPreferenceService.getAutoExpandFiltersOnActions(),
+            tableExtractionType: this.#userPreferenceService.getTableExtractionType(),
+            loadAllAnnotationsWarning: this.#userPreferenceService.getBool(PreferencesKeys.loadAllAnnotationsWarning),
+            helpModeDialog: this.#userPreferenceService.getBool(KEYS.helpModeDialog),
+            overwriteFileOption: this.#isOverwriteFileOptionActive,
+        });
+
+        if (!this.#isOverwriteFileOptionActive) {
+            this.form.controls.overwriteFileOption.disable();
+        }
    }
 }
--- a/apps/red-ui/src/app/modules/account/screens/user-profile/confirm-password-dialog/confirm-password-dialog.component.ts
+++ b/apps/red-ui/src/app/modules/account/screens/user-profile/confirm-password-dialog/confirm-password-dialog.component.ts
@ -1,7 +1,8 @@
 import { Component } from '@angular/core';
-import { BaseDialogComponent } from '@iqser/common-ui';
+import { BaseDialogComponent, CircleButtonComponent, IconButtonComponent } from '@iqser/common-ui';
 import { MatDialogRef } from '@angular/material/dialog';
-import { AbstractControl, FormGroup, Validators } from '@angular/forms';
+import { AbstractControl, FormGroup, ReactiveFormsModule, Validators } from '@angular/forms';
+import { TranslateModule } from '@ngx-translate/core';

 interface FormType {
    password: AbstractControl<string>;
@ -9,6 +10,7 @@ interface FormType {

@Component({
    templateUrl: './confirm-password-dialog.component.html',
+    imports: [ReactiveFormsModule, IconButtonComponent, TranslateModule, CircleButtonComponent],
 })
 export class ConfirmPasswordDialogComponent extends BaseDialogComponent {
    constructor(protected readonly _dialogRef: MatDialogRef<ConfirmPasswordDialogComponent>) {
--- a/apps/red-ui/src/app/modules/account/screens/user-profile/user-profile-screen/user-profile-screen.component.html
+++ b/apps/red-ui/src/app/modules/account/screens/user-profile/user-profile-screen/user-profile-screen.component.html
@ -16,32 +16,37 @@
                <input formControlName="lastName" name="lastName" type="text" />
            </div>

-            <div *ngIf="devMode" class="iqser-input-group">
+            <div class="iqser-input-group">
                <label [translate]="'top-bar.navigation-items.my-account.children.language.label'"></label>
                <mat-form-field>
                    <mat-select formControlName="language">
-                        <mat-option *ngFor="let language of languages" [value]="language">
-                            {{ translations[language] | translate }}
-                        </mat-option>
+                        <mat-select-trigger>{{ languageSelectLabel() | translate }}</mat-select-trigger>
+                        @for (language of languages; track language) {
+                            <mat-option [value]="language">
+                                {{ translations[language] | translate }}
+                            </mat-option>
+                        }
                    </mat-select>
                </mat-form-field>
            </div>

            <div class="iqser-input-group">
-                <a [href]="changePasswordUrl" target="_blank"> {{ 'user-profile-screen.actions.change-password' | translate }}</a>
+                <a (click)="resetPassword()" target="_blank"> {{ 'user-profile-screen.actions.change-password' | translate }}</a>
            </div>

-            <div *ngIf="devMode" class="iqser-input-group">
-                <mat-slide-toggle color="primary" formControlName="darkTheme">
-                    {{ 'user-profile-screen.form.dark-theme' | translate }}
-                </mat-slide-toggle>
-            </div>
+            @if (devMode) {
+                <div class="iqser-input-group">
+                    <mat-slide-toggle color="primary" formControlName="darkTheme">
+                        {{ 'user-profile-screen.form.dark-theme' | translate }}
+                    </mat-slide-toggle>
+                </div>
+            }
        </div>
    </div>

    <div class="dialog-actions">
        <iqser-icon-button
-            [disabled]="form.invalid || !(profileChanged || languageChanged || themeChanged)"
+            [disabled]="disabled"
            [label]="'user-profile-screen.actions.save' | translate"
            [submit]="true"
            [type]="iconButtonTypes.primary"
--- a/apps/red-ui/src/app/modules/account/screens/user-profile/user-profile-screen/user-profile-screen.component.ts
+++ b/apps/red-ui/src/app/modules/account/screens/user-profile/user-profile-screen/user-profile-screen.component.ts
@ -1,39 +1,64 @@
-import { ChangeDetectionStrategy, ChangeDetectorRef, Component, inject, OnInit } from '@angular/core';
-import { UntypedFormBuilder, UntypedFormGroup, Validators } from '@angular/forms';
-import { DomSanitizer } from '@angular/platform-browser';
-import { TranslateService } from '@ngx-translate/core';
+import { ChangeDetectionStrategy, ChangeDetectorRef, Component, computed } from '@angular/core';
+import { FormGroup, ReactiveFormsModule, UntypedFormBuilder, Validators } from '@angular/forms';
+import { marker as _ } from '@biesbjerg/ngx-translate-extract-marker';
 import {
    BaseFormComponent,
-    getConfig,
+    IconButtonComponent,
    IqserPermissionsService,
    LanguageService,
    LoadingService,
-    TenantsService,
    Toaster,
 } from '@iqser/common-ui';
-import { AppConfig, IProfile } from '@red/domain';
+import { TranslateModule, TranslateService } from '@ngx-translate/core';
+import { IProfile } from '@red/domain';
 import { languagesTranslations } from '@translations/languages-translations';
+import { Roles } from '@users/roles';
+import { UserPreferenceService } from '@users/user-preference.service';
 import { UserService } from '@users/user.service';
 import { firstValueFrom } from 'rxjs';
-import { UserPreferenceService } from '@users/user-preference.service';
-import { ROLES } from '@users/roles';
 import { UserProfileDialogService } from '../services/user-profile-dialog.service';
-import { marker as _ } from '@biesbjerg/ngx-translate-extract-marker';
+import { MatFormField } from '@angular/material/form-field';
+import { MatOption, MatSelect, MatSelectTrigger } from '@angular/material/select';
+import { MatSlideToggle } from '@angular/material/slide-toggle';
+import { PdfViewer } from '../../../../pdf-viewer/services/pdf-viewer.service';
+import { formControlToSignal } from '@utils/functions';
+import { AsControl } from '@common-ui/utils';
+
+interface UserProfileForm {
+    email: string;
+    firstName: string;
+    lastName: string;
+    language: string;
+    darkTheme: boolean;
+}

@Component({
    templateUrl: './user-profile-screen.component.html',
    styleUrls: ['./user-profile-screen.component.scss'],
    changeDetection: ChangeDetectionStrategy.OnPush,
+    imports: [
+        ReactiveFormsModule,
+        MatFormField,
+        MatSelect,
+        MatOption,
+        TranslateModule,
+        MatSlideToggle,
+        IconButtonComponent,
+        MatSelectTrigger,
+    ],
 })
-export class UserProfileScreenComponent extends BaseFormComponent implements OnInit {
+export class UserProfileScreenComponent extends BaseFormComponent {
+    readonly form: FormGroup<AsControl<UserProfileForm>> = this.#getForm();
+    initialFormValue = this.form.getRawValue();
    readonly translations = languagesTranslations;
-    readonly devMode = this._userPreferenceService.areDevFeaturesEnabled;
-    readonly changePasswordUrl: string;
+    readonly devMode = this._userPreferenceService.isIqserDevMode;

-    #profileModel: IProfile;
+    readonly profileKeys = ['email', 'firstName', 'lastName'];
+    readonly languages = this._translateService.langs;
+    readonly language = formControlToSignal<UserProfileForm['language']>(this.form.controls.language);
+    readonly languageSelectLabel = computed(() => this.translations[this.language()]);

    constructor(
-        domSanitizer: DomSanitizer,
        private readonly _userService: UserService,
        private readonly _loadingService: LoadingService,
        private readonly _dialogService: UserProfileDialogService,
@ -44,46 +69,29 @@ export class UserProfileScreenComponent extends BaseFormComponent implements OnI
        protected readonly _userPreferenceService: UserPreferenceService,
        private readonly _changeRef: ChangeDetectorRef,
        private readonly _toaster: Toaster,
+        private readonly _pdfViewer: PdfViewer,
    ) {
        super();
-        this._loadingService.start();
-        const tenant = inject(TenantsService).activeTenantId;
-        const realmUrl = `${getConfig<AppConfig>().OAUTH_URL}/realms/${tenant}`;
-        this.changePasswordUrl = `${realmUrl}/account/password`;
+        if (!this._permissionsService.has(Roles.updateMyProfile)) {
+            this.form.disable();
+        }
+        this._loadingService.stop();
    }

    get languageChanged(): boolean {
-        return this.#profileModel['language'] !== this.form.get('language').value;
+        return this.initialFormValue['language'] !== this.form.controls.language.value;
    }

    get themeChanged(): boolean {
-        return this.#profileModel['darkTheme'] !== this.form.get('darkTheme').value;
+        return this.initialFormValue['darkTheme'] !== this.form.controls.darkTheme.value;
    }

    get emailChanged(): boolean {
-        return this.#profileModel['email'] !== this.form.get('email').value;
+        return this.initialFormValue['email'] !== this.form.controls.email.value;
    }

    get profileChanged(): boolean {
-        const keys = Object.keys(this.form.getRawValue());
-        keys.splice(keys.indexOf('language'), 1);
-        keys.splice(keys.indexOf('darkTheme'), 1);
-
-        for (const key of keys) {
-            if (this.#profileModel[key] !== this.form.get(key).value) {
-                return true;
-            }
-        }
-
-        return false;
-    }
-
-    get languages(): string[] {
-        return this._translateService.langs;
-    }
-
-    ngOnInit() {
-        this._initializeForm();
+        return this.profileKeys.some(key => this.initialFormValue[key] !== this.form.get(key).value);
    }

    async save(): Promise<void> {
@ -108,50 +116,34 @@ export class UserProfileScreenComponent extends BaseFormComponent implements OnI
            }

            if (this.languageChanged) {
-                await this._languageService.change(this.form.get('language').value);
+                await this._languageService.change(this.form.controls.language.value);
+                await this._pdfViewer.instance?.UI.setLanguage(this._languageService.currentLanguage);
            }

            if (this.themeChanged) {
-                await this._userPreferenceService.saveTheme(this.form.get('darkTheme').value ? 'dark' : 'light');
+                await this._userPreferenceService.saveTheme(this.form.controls.darkTheme.value ? 'dark' : 'light');
            }

-            this._initializeForm();
-
+            this.initialFormValue = this.form.getRawValue();
+            this._changeRef.markForCheck();
+            this._loadingService.stop();
            this._toaster.success(_('user-profile-screen.update.success'));
        } catch (e) {
            this._loadingService.stop();
        }
    }

-    private _getForm(): UntypedFormGroup {
-        return this._formBuilder.group({
-            email: ['', [Validators.required, Validators.email]],
-            firstName: [''],
-            lastName: [''],
-            language: [''],
-            darkTheme: [false],
-        });
+    async resetPassword() {
+        await this._userService.createResetPasswordAction();
    }

-    private _initializeForm(): void {
-        try {
-            this.form = this._getForm();
-            if (!this._permissionsService.has(ROLES.updateMyProfile)) {
-                this.form.disable();
-            }
-            this.#profileModel = {
-                email: this._userService.currentUser.email ?? '',
-                firstName: this._userService.currentUser.firstName ?? '',
-                lastName: this._userService.currentUser.lastName ?? '',
-                language: this._languageService.currentLanguage ?? '',
-                darkTheme: this._userPreferenceService.getTheme() === 'dark',
-            };
-            this.form.patchValue(this.#profileModel, { emitEvent: false });
-            this.initialFormValue = this.form.getRawValue();
-        } catch (e) {
-        } finally {
-            this._loadingService.stop();
-            this._changeRef.markForCheck();
-        }
+    #getForm() {
+        return this._formBuilder.group({
+            email: [this._userService.currentUser.email ?? '', [Validators.required, Validators.email]],
+            firstName: [this._userService.currentUser.firstName ?? ''],
+            lastName: [this._userService.currentUser.lastName ?? ''],
+            language: [this._userPreferenceService.getLanguage()],
+            darkTheme: [this._userPreferenceService.getTheme() === 'dark'],
+        });
    }
 }
--- a/apps/red-ui/src/app/modules/account/screens/user-profile/user-profile.module.ts
+++ b/apps/red-ui/src/app/modules/account/screens/user-profile/user-profile.module.ts
@ -1,19 +0,0 @@
-import { NgModule } from '@angular/core';
-import { RouterModule } from '@angular/router';
-import { CommonModule } from '@angular/common';
-import { SharedModule } from '@shared/shared.module';
-import { UserProfileScreenComponent } from './user-profile-screen/user-profile-screen.component';
-import { PendingChangesGuard } from '@guards/can-deactivate.guard';
-import { TranslateModule } from '@ngx-translate/core';
-import { ConfirmPasswordDialogComponent } from './confirm-password-dialog/confirm-password-dialog.component';
-import { UserProfileDialogService } from './services/user-profile-dialog.service';
-import { CircleButtonComponent, IconButtonComponent } from '@iqser/common-ui';
-
-const routes = [{ path: '', component: UserProfileScreenComponent, canDeactivate: [PendingChangesGuard] }];
-
-@NgModule({
-    declarations: [UserProfileScreenComponent, ConfirmPasswordDialogComponent],
-    imports: [RouterModule.forChild(routes), CommonModule, SharedModule, TranslateModule, IconButtonComponent, CircleButtonComponent],
-    providers: [UserProfileDialogService],
-})
-export class UserProfileModule {}
--- a/apps/red-ui/src/app/modules/account/screens/user-profile/user-profile.routes.ts
+++ b/apps/red-ui/src/app/modules/account/screens/user-profile/user-profile.routes.ts
@ -0,0 +1,8 @@
+import { UserProfileScreenComponent } from './user-profile-screen/user-profile-screen.component';
+import { PendingChangesGuard } from '@guards/can-deactivate.guard';
+import { UserProfileDialogService } from './services/user-profile-dialog.service';
+import { IqserRoutes } from '@iqser/common-ui';
+
+export default [
+    { path: '', component: UserProfileScreenComponent, canDeactivate: [PendingChangesGuard], providers: [UserProfileDialogService] },
+] satisfies IqserRoutes;
--- a/apps/red-ui/src/app/modules/account/utils/dialog-defaults.ts
+++ b/apps/red-ui/src/app/modules/account/utils/dialog-defaults.ts
@ -0,0 +1,95 @@
+import { marker as _ } from '@biesbjerg/ngx-translate-extract-marker';
+import { addHintTranslations } from '@translations/add-hint-translations';
+import { redactTextTranslations } from '@translations/redact-text-translations';
+import { removeRedactionTranslations } from '@translations/remove-redaction-translations';
+import {
+    ForceAnnotationOptions,
+    RectangleRedactOptions,
+    RedactOrHintOptions,
+    RemoveRedactionOptions,
+} from '../../file-preview/utils/dialog-types';
+
+export const SystemDefaults = {
+    RECTANGLE_REDACT_DEFAULT: RectangleRedactOptions.ONLY_THIS_PAGE,
+    ADD_REDACTION_DEFAULT: RedactOrHintOptions.IN_DOSSIER,
+    ADD_HINT_DEFAULT: RedactOrHintOptions.IN_DOSSIER,
+    FORCE_REDACTION_DEFAULT: ForceAnnotationOptions.ONLY_HERE,
+    REMOVE_REDACTION_DEFAULT: RemoveRedactionOptions.ONLY_HERE,
+    REMOVE_HINT_DEFAULT: RemoveRedactionOptions.ONLY_HERE,
+    REMOVE_RECOMMENDATION_DEFAULT: RemoveRedactionOptions.DO_NOT_RECOMMEND,
+} as const;
+
+export const SystemDefaultOption = {
+    SYSTEM_DEFAULT: 'SYSTEM_DEFAULT',
+    label: _('dialog-defaults-form.system-default'),
+} as const;
+
+export type SystemDefaultType = typeof SystemDefaultOption.SYSTEM_DEFAULT;
+
+export const redactionAddOptions = [
+    {
+        label: SystemDefaultOption.label,
+        value: SystemDefaultOption.SYSTEM_DEFAULT,
+    },
+    {
+        label: redactTextTranslations.onlyHere.label,
+        value: RedactOrHintOptions.ONLY_HERE,
+    },
+    {
+        label: redactTextTranslations.inDocument.label,
+        value: RedactOrHintOptions.IN_DOCUMENT,
+    },
+    {
+        label: redactTextTranslations.inDossier.label,
+        value: RedactOrHintOptions.IN_DOSSIER,
+    },
+];
+
+export const hintAddOptions = [
+    {
+        label: SystemDefaultOption.label,
+        value: SystemDefaultOption.SYSTEM_DEFAULT,
+    },
+    {
+        label: addHintTranslations.onlyHere.label,
+        value: RedactOrHintOptions.ONLY_HERE,
+    },
+    {
+        label: addHintTranslations.inDossier.label,
+        value: RedactOrHintOptions.IN_DOSSIER,
+    },
+];
+
+export const removeOptions = [
+    {
+        label: SystemDefaultOption.label,
+        value: SystemDefaultOption.SYSTEM_DEFAULT,
+    },
+    {
+        label: removeRedactionTranslations.ONLY_HERE.label,
+        value: RemoveRedactionOptions.ONLY_HERE,
+    },
+    {
+        label: removeRedactionTranslations.IN_DOSSIER.label,
+        value: RemoveRedactionOptions.IN_DOSSIER,
+    },
+];
+
+export const redactionRemoveOptions = [
+    ...removeOptions,
+    {
+        label: removeRedactionTranslations.FALSE_POSITIVE.label,
+        value: RemoveRedactionOptions.FALSE_POSITIVE,
+    },
+];
+
+export const recommendationRemoveOptions = [
+    {
+        label: SystemDefaultOption.label,
+        value: SystemDefaultOption.SYSTEM_DEFAULT,
+    },
+    {
+        label: removeRedactionTranslations.DO_NOT_RECOMMEND.label,
+        value: RemoveRedactionOptions.DO_NOT_RECOMMEND,
+    },
+];
--- a/apps/red-ui/src/app/modules/admin/admin-routing.module.ts
+++ b/apps/red-ui/src/app/modules/admin/admin-routing.module.ts
@ -1,266 +0,0 @@
-import { NgModule } from '@angular/core';
-import { CompositeRouteGuard, IqserAuthGuard, IqserPermissionsGuard, IqserRoutes } from '@iqser/common-ui';
-import { RedRoleGuard } from '@users/red-role.guard';
-import { EntitiesListingScreenComponent } from './screens/entities-listing/entities-listing-screen.component';
-import { PendingChangesGuard } from '@guards/can-deactivate.guard';
-import { DefaultColorsScreenComponent } from './screens/default-colors/default-colors-screen.component';
-import { UserListingScreenComponent } from './screens/user-listing/user-listing-screen.component';
-import { DigitalSignatureScreenComponent } from './screens/digital-signature/digital-signature-screen.component';
-import { AuditScreenComponent } from './screens/audit/audit-screen.component';
-import { RouterModule } from '@angular/router';
-import { GeneralConfigScreenComponent } from './screens/general-config/general-config-screen.component';
-import { BaseAdminScreenComponent } from './base-admin-screen/base-admin-screen.component';
-import { BaseDossierTemplateScreenComponent } from './base-dossier-templates-screen/base-dossier-template-screen.component';
-import { DossierTemplatesGuard } from '@guards/dossier-templates.guard';
-import { DOSSIER_TEMPLATE_ID, ENTITY_TYPE } from '@red/domain';
-import { templateExistsWhenEnteringAdmin } from '@guards/dossier-template-exists.guard';
-import { entityExistsGuard } from '@guards/entity-exists-guard.service';
-import { BaseEntityScreenComponent } from './base-entity-screen/base-entity-screen.component';
-import { PermissionsGuard } from '@guards/permissions-guard';
-import { ROLES } from '@users/roles';
-
-const dossierTemplateIdRoutes: IqserRoutes = [
-    {
-        path: 'info',
-        component: BaseDossierTemplateScreenComponent,
-        loadChildren: () => import('./screens/info/dossier-template-info.module').then(m => m.DossierTemplateInfoModule),
-    },
-    {
-        path: 'entities',
-        children: [
-            {
-                path: '',
-                component: EntitiesListingScreenComponent,
-                canActivate: [CompositeRouteGuard],
-                data: {
-                    routeGuards: [IqserAuthGuard, RedRoleGuard],
-                },
-            },
-            {
-                path: `:${ENTITY_TYPE}`,
-                component: BaseEntityScreenComponent,
-                canActivate: [CompositeRouteGuard, entityExistsGuard()],
-                loadChildren: () => import('./screens/entities/entities.module').then(m => m.EntitiesModule),
-                data: {
-                    routeGuards: [IqserAuthGuard, RedRoleGuard],
-                },
-            },
-        ],
-    },
-    {
-        path: 'rules',
-        component: BaseDossierTemplateScreenComponent,
-        canActivate: [CompositeRouteGuard, IqserPermissionsGuard],
-        data: {
-            routeGuards: [IqserAuthGuard, RedRoleGuard],
-            permissions: {
-                allow: [ROLES.rules.read],
-                redirectTo: 'info',
-            },
-        },
-        loadChildren: () => import('./screens/rules/rules.module').then(m => m.RulesModule),
-    },
-    {
-        path: 'file-attributes',
-        component: BaseDossierTemplateScreenComponent,
-        loadChildren: () =>
-            import('./screens/file-attributes-listing/file-attributes-listing.module').then(m => m.FileAttributesListingModule),
-        canActivate: [CompositeRouteGuard],
-        data: {
-            routeGuards: [IqserAuthGuard, RedRoleGuard],
-        },
-    },
-    {
-        path: 'watermarks',
-        component: BaseDossierTemplateScreenComponent,
-        loadChildren: () => import('./screens/watermark/watermark.module').then(m => m.WatermarkModule),
-    },
-    {
-        path: 'reports',
-        component: BaseDossierTemplateScreenComponent,
-        loadChildren: () => import('./screens/reports/reports.module').then(m => m.ReportsModule),
-        canActivate: [IqserAuthGuard, IqserPermissionsGuard],
-        data: {
-            permissions: {
-                allow: [ROLES.reportTemplates.read],
-                redirectTo: '/auth-error',
-            },
-        },
-    },
-    {
-        path: 'dossier-attributes',
-        component: BaseDossierTemplateScreenComponent,
-        loadChildren: () =>
-            import('./screens/dossier-attributes-listing/dossier-attributes-listing.module').then(m => m.DossierAttributesListingModule),
-        canActivate: [CompositeRouteGuard],
-        data: {
-            routeGuards: [IqserAuthGuard, RedRoleGuard],
-        },
-    },
-    {
-        path: 'dossier-states',
-        component: BaseDossierTemplateScreenComponent,
-        loadChildren: () =>
-            import('./screens/dossier-states-listing/dossier-states-listing.module').then(m => m.DossierStatesListingModule),
-        canActivate: [CompositeRouteGuard],
-        data: {
-            routeGuards: [IqserAuthGuard, RedRoleGuard],
-        },
-    },
-    {
-        path: 'default-colors',
-        component: DefaultColorsScreenComponent,
-        canActivate: [CompositeRouteGuard],
-        data: {
-            routeGuards: [IqserAuthGuard, RedRoleGuard],
-        },
-    },
-    {
-        path: 'justifications',
-        component: BaseDossierTemplateScreenComponent,
-        loadChildren: () => import('./screens/justifications/justifications.module').then(m => m.JustificationsModule),
-        canActivate: [IqserPermissionsGuard],
-        data: {
-            permissions: {
-                allow: [ROLES.legalBasis.read],
-                redirectTo: '/auth-error',
-            },
-        },
-    },
-    { path: '', redirectTo: 'info', pathMatch: 'full' },
-];
-
-const dossierTemplatesRoutes: IqserRoutes = [
-    {
-        path: '',
-        component: BaseAdminScreenComponent,
-        canActivate: [IqserAuthGuard],
-        loadChildren: () =>
-            import('./screens/dossier-templates-listing/dossier-templates-listing.module').then(m => m.DossierTemplatesListingModule),
-    },
-    {
-        path: `:${DOSSIER_TEMPLATE_ID}`,
-        children: dossierTemplateIdRoutes,
-        canActivate: [templateExistsWhenEnteringAdmin()],
-    },
-];
-
-const routes: IqserRoutes = [
-    { path: '', redirectTo: 'dossier-templates', pathMatch: 'full' },
-    {
-        path: 'dossier-templates',
-        children: dossierTemplatesRoutes,
-        canActivate: [CompositeRouteGuard, IqserPermissionsGuard],
-        data: {
-            routeGuards: [IqserAuthGuard, RedRoleGuard, DossierTemplatesGuard],
-            requiredRoles: ['RED_MANAGER', 'RED_ADMIN'],
-            permissions: {
-                allow: [ROLES.templates.read],
-                redirectTo: '/',
-            },
-        },
-    },
-    {
-        path: 'users',
-        component: BaseAdminScreenComponent,
-        children: [
-            {
-                path: '',
-                component: UserListingScreenComponent,
-            },
-        ],
-        canActivate: [CompositeRouteGuard, IqserPermissionsGuard],
-        data: {
-            routeGuards: [IqserAuthGuard, RedRoleGuard],
-            permissions: {
-                allow: [ROLES.users.read, 'RED_USER_ADMIN'],
-                redirectTo: '/',
-            },
-        },
-    },
-    {
-        path: 'dossier-permissions',
-        component: BaseAdminScreenComponent,
-        canActivate: [CompositeRouteGuard, IqserPermissionsGuard],
-        data: {
-            routeGuards: [IqserAuthGuard, RedRoleGuard, PermissionsGuard],
-            permissionsObject: 'Dossier',
-            permissions: {
-                allow: [ROLES.manageAclPermissions, 'RED_ADMIN'],
-                redirectTo: '/',
-            },
-        },
-        loadChildren: () => import('./screens/permissions/permissions.module').then(m => m.PermissionsModule),
-    },
-    {
-        path: 'license-info',
-        component: BaseAdminScreenComponent,
-        canActivate: [IqserAuthGuard, IqserPermissionsGuard, RedRoleGuard],
-        data: {
-            permissions: {
-                allow: [ROLES.license.readReport, 'RED_ADMIN'],
-                redirectTo: '/',
-            },
-        },
-        loadChildren: () => import('./screens/license/license.module').then(m => m.LicenseModule),
-    },
-    {
-        path: 'digital-signature',
-        component: BaseAdminScreenComponent,
-        children: [
-            {
-                path: '',
-                component: DigitalSignatureScreenComponent,
-            },
-        ],
-        canActivate: [IqserAuthGuard, IqserPermissionsGuard, RedRoleGuard],
-        data: {
-            permissions: {
-                allow: [ROLES.digitalSignature.read, 'RED_ADMIN'],
-                redirectTo: '/',
-            },
-        },
-    },
-    {
-        path: 'audit',
-        component: BaseAdminScreenComponent,
-        children: [
-            {
-                path: '',
-                component: AuditScreenComponent,
-            },
-        ],
-        canActivate: [IqserAuthGuard, IqserPermissionsGuard, RedRoleGuard],
-        data: {
-            permissions: {
-                allow: [ROLES.searchAudit, 'RED_ADMIN'],
-                redirectTo: '/',
-            },
-        },
-    },
-    {
-        path: 'general-config',
-        component: BaseAdminScreenComponent,
-        children: [
-            {
-                path: '',
-                component: GeneralConfigScreenComponent,
-            },
-        ],
-        canActivate: [CompositeRouteGuard, IqserPermissionsGuard],
-        canDeactivate: [PendingChangesGuard],
-        data: {
-            routeGuards: [IqserAuthGuard, RedRoleGuard],
-            permissions: {
-                allow: [ROLES.generalConfiguration.read, ROLES.smtp.read, 'RED_ADMIN'],
-                redirectTo: '/',
-            },
-        },
-    },
-];
-
-@NgModule({
-    imports: [RouterModule.forChild(routes)],
-    exports: [RouterModule],
-})
-export class AdminRoutingModule {}
--- a/apps/red-ui/src/app/modules/admin/admin.module.ts
+++ b/apps/red-ui/src/app/modules/admin/admin.module.ts
@ -1,128 +0,0 @@
-import { NgModule } from '@angular/core';
-import { CommonModule } from '@angular/common';
-import { AdminRoutingModule } from './admin-routing.module';
-import { SharedModule } from '@shared/shared.module';
-import { AuditScreenComponent } from './screens/audit/audit-screen.component';
-import { DefaultColorsScreenComponent } from './screens/default-colors/default-colors-screen.component';
-import { EntitiesListingScreenComponent } from './screens/entities-listing/entities-listing-screen.component';
-import { DigitalSignatureScreenComponent } from './screens/digital-signature/digital-signature-screen.component';
-import { UserListingScreenComponent } from './screens/user-listing/user-listing-screen.component';
-import { DossierTemplateBreadcrumbsComponent } from './shared/components/dossier-template-breadcrumbs/dossier-template-breadcrumbs.component';
-import { AddEditCloneDossierTemplateDialogComponent } from './dialogs/add-edit-dossier-template-dialog/add-edit-clone-dossier-template-dialog.component';
-import { AddEntityDialogComponent } from './dialogs/add-entity-dialog/add-entity-dialog.component';
-import { EditColorDialogComponent } from './dialogs/edit-color-dialog/edit-color-dialog.component';
-import { AdminDialogService } from './services/admin-dialog.service';
-import { GeneralConfigScreenComponent } from './screens/general-config/general-config-screen.component';
-import { SmtpAuthDialogComponent } from './dialogs/smtp-auth-dialog/smtp-auth-dialog.component';
-import { AddEditUserDialogComponent } from './dialogs/add-edit-user-dialog/add-edit-user-dialog.component';
-import { UsersStatsComponent } from './components/users-stats/users-stats.component';
-import { ResetPasswordComponent } from './dialogs/add-edit-user-dialog/reset-password/reset-password.component';
-import { UserDetailsComponent } from './dialogs/add-edit-user-dialog/user-details/user-details.component';
-import { AuditService } from './services/audit.service';
-import { DigitalSignatureService } from './services/digital-signature.service';
-import { BaseAdminScreenComponent } from './base-admin-screen/base-admin-screen.component';
-import { RulesService } from './services/rules.service';
-import { SmtpConfigService } from './services/smtp-config.service';
-import { UploadDictionaryDialogComponent } from './dialogs/upload-dictionary-dialog/upload-dictionary-dialog.component';
-import { GeneralConfigFormComponent } from './screens/general-config/general-config-form/general-config-form.component';
-import { SmtpFormComponent } from './screens/general-config/smtp-form/smtp-form.component';
-import { BaseDossierTemplateScreenComponent } from './base-dossier-templates-screen/base-dossier-template-screen.component';
-import { A11yModule } from '@angular/cdk/a11y';
-import { BaseEntityScreenComponent } from './base-entity-screen/base-entity-screen.component';
-import { AdminSideNavComponent } from './shared/components/admin-side-nav/admin-side-nav.component';
-import { SystemPreferencesFormComponent } from './screens/general-config/system-preferences-form/system-preferences-form.component';
-import { ConfigureCertificateDialogComponent } from './dialogs/configure-digital-signature-dialog/configure-certificate-dialog.component';
-import { PkcsSignatureConfigurationComponent } from './dialogs/configure-digital-signature-dialog/form/pkcs-signature-configuration/pkcs-signature-configuration.component';
-import { KmsSignatureConfigurationComponent } from './dialogs/configure-digital-signature-dialog/form/kms-signature-configuration/kms-signature-configuration.component';
-import {
-    ChevronButtonComponent,
-    CircleButtonComponent,
-    DetailsRadioComponent,
-    EditableInputComponent,
-    EmptyStateComponent,
-    HasScrollbarDirective,
-    HumanizePipe,
-    IconButtonComponent,
-    InputWithActionComponent,
-    IqserAllowDirective,
-    IqserDenyDirective,
-    IqserHelpModeModule,
-    IqserListingModule,
-    IqserUploadFileModule,
-    IqserUsersModule,
-    RoundCheckboxComponent,
-    TenantPipe,
-} from '@iqser/common-ui';
-import { TranslateModule } from '@ngx-translate/core';
-import { AuditInfoDialogComponent } from './dialogs/audit-info-dialog/audit-info-dialog.component';
-import { DossierTemplateActionsComponent } from './shared/components/dossier-template-actions/dossier-template-actions.component';
-
-const dialogs = [
-    AddEditCloneDossierTemplateDialogComponent,
-    AddEntityDialogComponent,
-    EditColorDialogComponent,
-    SmtpAuthDialogComponent,
-    AddEditUserDialogComponent,
-    UploadDictionaryDialogComponent,
-    ConfigureCertificateDialogComponent,
-    AuditInfoDialogComponent,
-];
-
-const screens = [
-    AuditScreenComponent,
-    DefaultColorsScreenComponent,
-    EntitiesListingScreenComponent,
-    DigitalSignatureScreenComponent,
-    UserListingScreenComponent,
-    GeneralConfigScreenComponent,
-];
-
-const components = [
-    UsersStatsComponent,
-    ResetPasswordComponent,
-    UserDetailsComponent,
-    BaseAdminScreenComponent,
-    BaseDossierTemplateScreenComponent,
-    BaseEntityScreenComponent,
-    GeneralConfigFormComponent,
-    SmtpFormComponent,
-    SystemPreferencesFormComponent,
-    PkcsSignatureConfigurationComponent,
-    KmsSignatureConfigurationComponent,
-
-    ...dialogs,
-    ...screens,
-];
-
-@NgModule({
-    declarations: [...components],
-    providers: [AdminDialogService, AuditService, DigitalSignatureService, RulesService, SmtpConfigService],
-    imports: [
-        CommonModule,
-        SharedModule,
-        AdminRoutingModule,
-        A11yModule,
-        IqserUsersModule,
-        TranslateModule,
-        HumanizePipe,
-        IqserListingModule,
-        IqserUploadFileModule,
-        IqserHelpModeModule,
-        AdminSideNavComponent,
-        DossierTemplateActionsComponent,
-        DossierTemplateBreadcrumbsComponent,
-        IconButtonComponent,
-        CircleButtonComponent,
-        ChevronButtonComponent,
-        EmptyStateComponent,
-        HasScrollbarDirective,
-        RoundCheckboxComponent,
-        InputWithActionComponent,
-        EditableInputComponent,
-        DetailsRadioComponent,
-        IqserAllowDirective,
-        IqserDenyDirective,
-        TenantPipe,
-    ],
-})
-export class AdminModule {}
--- a/apps/red-ui/src/app/modules/admin/admin.routes.ts
+++ b/apps/red-ui/src/app/modules/admin/admin.routes.ts
@ -0,0 +1,302 @@
+import { inject, provideEnvironmentInitializer } from '@angular/core';
+import { PendingChangesGuard } from '@guards/can-deactivate.guard';
+import { templateExistsWhenEnteringAdmin } from '@guards/dossier-template-exists.guard';
+import { DossierTemplatesGuard } from '@guards/dossier-templates.guard';
+import { entityExistsGuard } from '@guards/entity-exists-guard.service';
+import { PermissionsGuard } from '@guards/permissions-guard';
+import { CompositeRouteGuard, IqserPermissionsGuard, IqserRoutes } from '@iqser/common-ui';
+import { IqserAuthGuard } from '@iqser/common-ui/lib/users';
+import { DOSSIER_TEMPLATE_ID, ENTITY_TYPE } from '@red/domain';
+import { CopilotService } from '@services/copilot.service';
+import { RedRoleGuard } from '@users/red-role.guard';
+import { Roles } from '@users/roles';
+import { BaseAdminScreenComponent } from './base-admin-screen/base-admin-screen.component';
+import { BaseDossierTemplateScreenComponent } from './base-dossier-templates-screen/base-dossier-template-screen.component';
+import { BaseEntityScreenComponent } from './base-entity-screen/base-entity-screen.component';
+import { AuditScreenComponent } from './screens/audit/audit-screen.component';
+import { DefaultColorsScreenComponent } from './screens/default-colors/default-colors-screen.component';
+import { DigitalSignatureScreenComponent } from './screens/digital-signature/digital-signature-screen.component';
+import { EntitiesListingScreenComponent } from './screens/entities-listing/entities-listing-screen.component';
+import { GeneralConfigScreenComponent } from './screens/general-config/general-config-screen.component';
+import { UserListingScreenComponent } from './screens/user-listing/user-listing-screen.component';
+import { AdminDialogService } from './services/admin-dialog.service';
+import { AuditService } from './services/audit.service';
+import { DigitalSignatureService } from './services/digital-signature.service';
+import { RulesService } from './services/rules.service';
+import { SmtpConfigService } from './services/smtp-config.service';
+
+const entityRoutes: IqserRoutes = [
+    {
+        path: '',
+        component: BaseDossierTemplateScreenComponent,
+        children: [{ path: '', component: EntitiesListingScreenComponent }],
+        canActivate: [CompositeRouteGuard],
+        data: {
+            routeGuards: [IqserAuthGuard, RedRoleGuard],
+        },
+    },
+    {
+        path: `:${ENTITY_TYPE}`,
+        component: BaseEntityScreenComponent,
+        canActivate: [CompositeRouteGuard, entityExistsGuard()],
+        data: {
+            routeGuards: [IqserAuthGuard, RedRoleGuard],
+        },
+        loadChildren: () => import('./screens/entities/entities.routes'),
+    },
+];
+
+const dossierTemplateIdRoutes: IqserRoutes = [
+    { path: '', redirectTo: 'info', pathMatch: 'full' },
+    {
+        path: 'info',
+        component: BaseDossierTemplateScreenComponent,
+        children: [
+            {
+                path: '',
+                canDeactivate: [PendingChangesGuard],
+                loadComponent: () => import('./screens/info/dossier-template-info-screen/dossier-template-info-screen.component'),
+            },
+        ],
+    },
+    {
+        path: 'entities',
+        children: entityRoutes,
+    },
+    {
+        path: '',
+        component: BaseDossierTemplateScreenComponent,
+        children: [
+            {
+                path: 'entity-rules',
+                loadComponent: () => import('./screens/rules/rules-screen/rules-screen.component'),
+                canActivate: [CompositeRouteGuard, IqserPermissionsGuard],
+                canDeactivate: [PendingChangesGuard],
+                data: {
+                    routeGuards: [IqserAuthGuard, RedRoleGuard],
+                    permissions: {
+                        allow: [Roles.rules.read],
+                        redirectTo: 'info',
+                    },
+                    type: 'ENTITY',
+                },
+                providers: [
+                    RulesService,
+                    provideEnvironmentInitializer(() => {
+                        return inject(CopilotService).connectAsync('/api/llm/llm-websocket');
+                    }),
+                ],
+            },
+            {
+                path: 'component-rules',
+                loadComponent: () => import('./screens/rules/rules-screen/rules-screen.component'),
+                canActivate: [CompositeRouteGuard, IqserPermissionsGuard],
+                canDeactivate: [PendingChangesGuard],
+                data: {
+                    routeGuards: [IqserAuthGuard, RedRoleGuard],
+                    permissions: {
+                        allow: [Roles.rules.read],
+                        redirectTo: 'info',
+                    },
+                    type: 'COMPONENT',
+                },
+                providers: [RulesService],
+            },
+            {
+                path: 'component-mappings',
+                loadComponent: () => import('./screens/component-mappings/component-mappings-screen.component'),
+                canActivate: [CompositeRouteGuard],
+                data: {
+                    routeGuards: [IqserAuthGuard, RedRoleGuard],
+                },
+            },
+            {
+                path: 'components',
+                loadComponent: () => import('./screens/component-definitions/component-definitions.component'),
+                canActivate: [CompositeRouteGuard],
+                data: {
+                    routeGuards: [IqserAuthGuard, RedRoleGuard],
+                },
+            },
+            {
+                path: 'file-attributes',
+                loadComponent: () => import('./screens/file-attributes-listing/file-attributes-listing-screen.component'),
+                canActivate: [CompositeRouteGuard],
+                data: {
+                    routeGuards: [IqserAuthGuard, RedRoleGuard],
+                },
+            },
+            {
+                path: 'watermarks',
+                loadChildren: () => import('./screens/watermark/watermark.routes'),
+            },
+            {
+                path: 'reports',
+                loadComponent: () => import('./screens/reports/reports-screen/reports-screen.component'),
+                canActivate: [IqserAuthGuard, IqserPermissionsGuard],
+                data: {
+                    permissions: {
+                        allow: [Roles.reportTemplates.read],
+                        redirectTo: '/auth-error',
+                    },
+                },
+            },
+            {
+                path: 'dossier-attributes',
+                loadComponent: () => import('./screens/dossier-attributes-listing/dossier-attributes-listing-screen.component'),
+                canActivate: [CompositeRouteGuard],
+                data: {
+                    routeGuards: [IqserAuthGuard, RedRoleGuard],
+                },
+            },
+            {
+                path: 'dossier-states',
+                loadComponent: () =>
+                    import('./screens/dossier-states-listing/dossier-states-listing-screen/dossier-states-listing-screen.component'),
+                canActivate: [CompositeRouteGuard],
+                data: {
+                    routeGuards: [IqserAuthGuard, RedRoleGuard],
+                },
+            },
+            {
+                path: 'default-colors',
+                component: DefaultColorsScreenComponent,
+                canActivate: [CompositeRouteGuard],
+                data: {
+                    routeGuards: [IqserAuthGuard, RedRoleGuard],
+                },
+            },
+            {
+                path: 'justifications',
+                loadComponent: () => import('./screens/justifications/justifications-screen/justifications-screen.component'),
+                canActivate: [IqserPermissionsGuard],
+                data: {
+                    permissions: {
+                        allow: [Roles.legalBasis.read],
+                        redirectTo: '/auth-error',
+                    },
+                },
+            },
+        ],
+    },
+];
+
+const dossierTemplatesRoutes: IqserRoutes = [
+    {
+        path: '',
+        component: BaseAdminScreenComponent,
+        children: [
+            {
+                path: '',
+                loadComponent: () =>
+                    import(
+                        './screens/dossier-templates-listing/dossier-templates-listing-screen/dossier-templates-listing-screen.component'
+                    ),
+            },
+        ],
+        canActivate: [IqserAuthGuard],
+    },
+    {
+        path: `:${DOSSIER_TEMPLATE_ID}`,
+        children: dossierTemplateIdRoutes,
+        canActivate: [templateExistsWhenEnteringAdmin()],
+    },
+];
+
+export default [
+    { path: '', redirectTo: 'dossier-templates', pathMatch: 'full' },
+    {
+        path: 'dossier-templates',
+        children: dossierTemplatesRoutes,
+        canActivate: [CompositeRouteGuard, IqserPermissionsGuard],
+        data: {
+            routeGuards: [IqserAuthGuard, RedRoleGuard, DossierTemplatesGuard],
+            requiredRoles: ['RED_MANAGER', 'RED_ADMIN'],
+            permissions: {
+                allow: [Roles.templates.read],
+                redirectTo: '/',
+            },
+        },
+    },
+    {
+        path: '',
+        component: BaseAdminScreenComponent,
+        providers: [AdminDialogService],
+        children: [
+            {
+                path: 'users',
+                component: UserListingScreenComponent,
+                canActivate: [CompositeRouteGuard, IqserPermissionsGuard],
+                data: {
+                    routeGuards: [IqserAuthGuard, RedRoleGuard],
+                    permissions: {
+                        allow: [Roles.users.read, 'RED_USER_ADMIN'],
+                        redirectTo: '/',
+                    },
+                },
+            },
+            {
+                path: 'dossier-permissions',
+                loadComponent: () => import('./screens/permissions/permissions-screen/permissions-screen.component'),
+                canActivate: [CompositeRouteGuard, IqserPermissionsGuard],
+                data: {
+                    routeGuards: [IqserAuthGuard, RedRoleGuard, PermissionsGuard],
+                    permissionsObject: 'Dossier',
+                    permissions: {
+                        allow: [Roles.manageAclPermissions, 'RED_ADMIN'],
+                        redirectTo: '/',
+                    },
+                },
+            },
+            {
+                path: 'license-info',
+                loadChildren: () => import('./screens/license/license.routes'),
+                canActivate: [IqserAuthGuard, IqserPermissionsGuard, RedRoleGuard],
+                data: {
+                    permissions: {
+                        allow: [Roles.license.readReport, 'RED_ADMIN'],
+                        redirectTo: '/',
+                    },
+                },
+            },
+            {
+                path: 'digital-signature',
+                component: DigitalSignatureScreenComponent,
+                canActivate: [IqserAuthGuard, IqserPermissionsGuard, RedRoleGuard],
+                data: {
+                    permissions: {
+                        allow: [Roles.digitalSignature.read, 'RED_ADMIN'],
+                        redirectTo: '/',
+                    },
+                },
+                providers: [DigitalSignatureService],
+            },
+            {
+                path: 'audit',
+                component: AuditScreenComponent,
+                canActivate: [IqserAuthGuard, IqserPermissionsGuard, RedRoleGuard],
+                data: {
+                    permissions: {
+                        allow: [Roles.searchAudit, 'RED_ADMIN'],
+                        redirectTo: '/',
+                    },
+                },
+                providers: [AuditService],
+            },
+            {
+                path: 'general-config',
+                component: GeneralConfigScreenComponent,
+                canActivate: [CompositeRouteGuard, IqserPermissionsGuard],
+                canDeactivate: [PendingChangesGuard],
+                data: {
+                    routeGuards: [IqserAuthGuard, RedRoleGuard],
+                    permissions: {
+                        allow: [Roles.generalConfiguration.read, Roles.smtp.read, 'RED_ADMIN'],
+                        redirectTo: '/',
+                    },
+                },
+                providers: [SmtpConfigService],
+            },
+        ],
+    },
+] satisfies IqserRoutes;
--- a/apps/red-ui/src/app/modules/admin/base-admin-screen/base-admin-screen.component.ts
+++ b/apps/red-ui/src/app/modules/admin/base-admin-screen/base-admin-screen.component.ts
@ -1,7 +1,10 @@
 import { Component } from '@angular/core';
+import { AdminSideNavComponent } from '../shared/components/admin-side-nav/admin-side-nav.component';
+import { RouterOutlet } from '@angular/router';

@Component({
    templateUrl: './base-admin-screen.component.html',
    styleUrls: ['./base-admin-screen.component.scss'],
+    imports: [AdminSideNavComponent, RouterOutlet],
 })
 export class BaseAdminScreenComponent {}
--- a/apps/red-ui/src/app/modules/admin/base-dossier-templates-screen/base-dossier-template-screen.component.html
+++ b/apps/red-ui/src/app/modules/admin/base-dossier-templates-screen/base-dossier-template-screen.component.html
@ -1,5 +1,3 @@
-<!--TODO: Use this for all dossier template screens -->
-
 <section>
    <div class="page-header">
        <redaction-dossier-template-breadcrumbs class="flex-1"></redaction-dossier-template-breadcrumbs>
--- a/apps/red-ui/src/app/modules/admin/base-dossier-templates-screen/base-dossier-template-screen.component.ts
+++ b/apps/red-ui/src/app/modules/admin/base-dossier-templates-screen/base-dossier-template-screen.component.ts
@ -1,7 +1,22 @@
 import { ChangeDetectionStrategy, Component } from '@angular/core';
+import { DossierTemplateBreadcrumbsComponent } from '../shared/components/dossier-template-breadcrumbs/dossier-template-breadcrumbs.component';
+import { DossierTemplateActionsComponent } from '../shared/components/dossier-template-actions/dossier-template-actions.component';
+import { CircleButtonComponent } from '@iqser/common-ui';
+import { RouterLink, RouterOutlet } from '@angular/router';
+import { TranslateModule } from '@ngx-translate/core';
+import { AdminSideNavComponent } from '../shared/components/admin-side-nav/admin-side-nav.component';

@Component({
    templateUrl: './base-dossier-template-screen.component.html',
    changeDetection: ChangeDetectionStrategy.OnPush,
+    imports: [
+        DossierTemplateBreadcrumbsComponent,
+        DossierTemplateActionsComponent,
+        CircleButtonComponent,
+        RouterLink,
+        TranslateModule,
+        AdminSideNavComponent,
+        RouterOutlet,
+    ],
 })
 export class BaseDossierTemplateScreenComponent {}
--- a/apps/red-ui/src/app/modules/admin/base-entity-screen/base-entity-screen.component.ts
+++ b/apps/red-ui/src/app/modules/admin/base-entity-screen/base-entity-screen.component.ts
@ -1,20 +1,35 @@
-import { ChangeDetectionStrategy, Component } from '@angular/core';
+import { ChangeDetectionStrategy, Component, OnInit } from '@angular/core';
 import { DOSSIER_TEMPLATE_ID, ENTITY_TYPE } from '@red/domain';
-import { Router } from '@angular/router';
+import { Router, RouterLink, RouterOutlet } from '@angular/router';
 import { firstValueFrom, Observable } from 'rxjs';
 import { AdminDialogService } from '../services/admin-dialog.service';
 import { DictionaryService } from '@services/entity-services/dictionary.service';
-import { getParam, LoadingService, TenantsService } from '@iqser/common-ui';
+import { CircleButtonComponent, LoadingService } from '@iqser/common-ui';
 import { DossierTemplatesService } from '@services/dossier-templates/dossier-templates.service';
 import { DictionariesMapService } from '@services/entity-services/dictionaries-map.service';
 import { map } from 'rxjs/operators';
 import { PermissionsService } from '@services/permissions.service';
+import { getParam } from '@iqser/common-ui/lib/utils';
+import { DossierTemplateBreadcrumbsComponent } from '../shared/components/dossier-template-breadcrumbs/dossier-template-breadcrumbs.component';
+import { AsyncPipe, NgIf } from '@angular/common';
+import { TranslateModule } from '@ngx-translate/core';
+import { AdminSideNavComponent } from '../shared/components/admin-side-nav/admin-side-nav.component';

@Component({
    templateUrl: './base-entity-screen.component.html',
    changeDetection: ChangeDetectionStrategy.OnPush,
+    imports: [
+        DossierTemplateBreadcrumbsComponent,
+        CircleButtonComponent,
+        NgIf,
+        AsyncPipe,
+        TranslateModule,
+        RouterLink,
+        AdminSideNavComponent,
+        RouterOutlet,
+    ],
 })
-export class BaseEntityScreenComponent {
+export class BaseEntityScreenComponent implements OnInit {
    readonly disabledItems$: Observable<string[]>;
    readonly canDeleteEntity$: Observable<boolean>;
    readonly #dossierTemplateId = getParam(DOSSIER_TEMPLATE_ID);
@ -27,22 +42,27 @@ export class BaseEntityScreenComponent {
        private readonly _dialogService: AdminDialogService,
        private readonly _dictionaryService: DictionaryService,
        private readonly _permissionsService: PermissionsService,
-        private readonly _tenantsService: TenantsService,
        private readonly _dossierTemplatesService: DossierTemplatesService,
    ) {
        const entity$ = dictionaryMapService.watch$(this.#dossierTemplateId, this.#entityType);
        this.canDeleteEntity$ = entity$.pipe(map(entity => this._permissionsService.canDeleteEntities(entity)));
        this.disabledItems$ = entity$.pipe(
-            map(entity => (entity.hasDictionary ? [] : ['dictionary', 'false-positive', 'false-recommendations'])),
+            map(entity =>
+                entity.hasDictionary && !entity.dossierDictionaryOnly ? [] : ['dictionary', 'false-positive', 'false-recommendations'],
+            ),
        );
    }

+    ngOnInit() {
+        this._loadingService.stop();
+    }
+
    openDeleteDictionariesDialog() {
        this._dialogService.openDialog('confirm', null, async () => {
            this._loadingService.start();
            const dossierTemplate = this._dossierTemplatesService.find(this.#dossierTemplateId);
            await firstValueFrom(this._dictionaryService.deleteDictionaries([this.#entityType], this.#dossierTemplateId));
-            await this._router.navigate([`/${this._tenantsService.activeTenantId}/${dossierTemplate.routerLink}/entities`]);
+            await this._router.navigate([`/${dossierTemplate.routerLink}/entities`]);
            this._loadingService.stop();
        });
    }
--- a/apps/red-ui/src/app/modules/admin/components/users-stats/users-stats.component.html
+++ b/apps/red-ui/src/app/modules/admin/components/users-stats/users-stats.component.html
@ -23,7 +23,7 @@

 <div class="mt-44">
    <redaction-donut-chart
-        [config]="chartConfig"
+        [config]="chartConfig()"
        [radius]="63"
        [strokeWidth]="15"
        [subtitles]="['user-stats.chart.users' | translate]"
--- a/apps/red-ui/src/app/modules/admin/components/users-stats/users-stats.component.ts
+++ b/apps/red-ui/src/app/modules/admin/components/users-stats/users-stats.component.ts
@ -1,12 +1,16 @@
-import { Component, EventEmitter, Input, Output } from '@angular/core';
+import { Component, EventEmitter, input, Input, output, Output } from '@angular/core';
 import { DonutChartConfig } from '@red/domain';
+import { CircleButtonComponent } from '@iqser/common-ui';
+import { TranslateModule } from '@ngx-translate/core';
+import { DonutChartComponent } from '@shared/components/donut-chart/donut-chart.component';

@Component({
    selector: 'redaction-users-stats',
    templateUrl: './users-stats.component.html',
    styleUrls: ['./users-stats.component.scss'],
+    imports: [CircleButtonComponent, TranslateModule, DonutChartComponent],
 })
 export class UsersStatsComponent {
-    @Output() toggleCollapse = new EventEmitter();
-    @Input() chartConfig: DonutChartConfig[];
+    readonly chartConfig = input.required<DonutChartConfig[]>();
+    readonly toggleCollapse = output();
 }
--- a/apps/red-ui/src/app/modules/admin/dialogs/add-clone-dossier-template-dialog/add-clone-dossier-template-dialog.component.html
+++ b/apps/red-ui/src/app/modules/admin/dialogs/add-clone-dossier-template-dialog/add-clone-dossier-template-dialog.component.html
@ -0,0 +1,48 @@
+<section class="dialog">
+    <div [innerHTML]="'add-clone-dossier-template.title' | translate: translateParams" class="dialog-header heading-l"></div>
+
+    <form [formGroup]="form">
+        <div class="dialog-content">
+            <div class="iqser-input-group required w-300">
+                <label [translate]="'add-edit-clone-dossier-template.form.name'"></label>
+                <input
+                    [placeholder]="'add-edit-clone-dossier-template.form.name-placeholder' | translate"
+                    formControlName="name"
+                    name="name"
+                    type="text"
+                />
+            </div>
+
+            <div class="iqser-input-group w-400">
+                <label [translate]="'add-edit-clone-dossier-template.form.description'"></label>
+                <textarea
+                    [placeholder]="'add-edit-clone-dossier-template.form.description-placeholder' | translate"
+                    formControlName="description"
+                    name="description"
+                    rows="4"
+                    type="text"
+                ></textarea>
+            </div>
+        </div>
+
+        <div class="dialog-actions">
+            <iqser-icon-button
+                (action)="save()"
+                [buttonId]="'saveButton'"
+                [disabled]="disabled"
+                [label]="'add-clone-dossier-template.save' | translate: translateParams"
+                [type]="iconButtonTypes.primary"
+            ></iqser-icon-button>
+
+            <iqser-icon-button
+                (action)="save({ nextAction: true })"
+                [buttonId]="'saveButton'"
+                [disabled]="disabled"
+                [label]="'add-clone-dossier-template.save-and-edit' | translate"
+                [type]="iconButtonTypes.dark"
+            ></iqser-icon-button>
+        </div>
+    </form>
+
+    <iqser-circle-button (action)="close()" class="dialog-close" icon="iqser:close"></iqser-circle-button>
+</section>
--- a/apps/red-ui/src/app/modules/admin/dialogs/add-clone-dossier-template-dialog/add-clone-dossier-template-dialog.component.scss
+++ b/apps/red-ui/src/app/modules/admin/dialogs/add-clone-dossier-template-dialog/add-clone-dossier-template-dialog.component.scss
--- a/apps/red-ui/src/app/modules/admin/dialogs/add-clone-dossier-template-dialog/add-clone-dossier-template-dialog.component.ts
+++ b/apps/red-ui/src/app/modules/admin/dialogs/add-clone-dossier-template-dialog/add-clone-dossier-template-dialog.component.ts
@ -0,0 +1,103 @@
+import { HttpStatusCode } from '@angular/common/http';
+import { Component, Inject } from '@angular/core';
+import { ReactiveFormsModule, Validators } from '@angular/forms';
+import { MAT_DIALOG_DATA, MatDialogRef } from '@angular/material/dialog';
+import { marker as _ } from '@biesbjerg/ngx-translate-extract-marker';
+import { BaseDialogComponent, CircleButtonComponent, getConfig, IconButtonComponent, SaveOptions } from '@iqser/common-ui';
+import { DossierTemplate } from '@red/domain';
+import { DossierTemplatesService } from '@services/dossier-templates/dossier-templates.service';
+import { Router } from '@angular/router';
+import { TranslateModule } from '@ngx-translate/core';
+
+export interface CloneTemplateData {
+    dossierTemplateId?: string;
+}
+
+@Component({
+    templateUrl: './add-clone-dossier-template-dialog.component.html',
+    styleUrls: ['./add-clone-dossier-template-dialog.component.scss'],
+    imports: [TranslateModule, ReactiveFormsModule, IconButtonComponent, CircleButtonComponent],
+})
+export class AddCloneDossierTemplateDialogComponent extends BaseDialogComponent {
+    readonly dossierTemplate?: DossierTemplate;
+    readonly isDocumine = getConfig().IS_DOCUMINE;
+    readonly translateParams: { type: string; dossierTemplateName?: string };
+
+    constructor(
+        private readonly _dossierTemplatesService: DossierTemplatesService,
+        private readonly _router: Router,
+        protected readonly _dialogRef: MatDialogRef<AddCloneDossierTemplateDialogComponent>,
+        @Inject(MAT_DIALOG_DATA) readonly data: CloneTemplateData,
+    ) {
+        super(_dialogRef);
+        this.dossierTemplate = this._dossierTemplatesService.find(this.data.dossierTemplateId);
+
+        this.translateParams = {
+            type: this.dossierTemplate ? 'clone' : 'create',
+            dossierTemplateName: this.dossierTemplate?.name,
+        };
+
+        this.form = this.#getForm();
+        this.initialFormValue = this.form.getRawValue();
+    }
+
+    override get disabled(): boolean {
+        // Ignore 'changed' value, doesn't make sense in this context
+        return !this.valid || this._hasErrors();
+    }
+
+    async save(options?: SaveOptions): Promise<void> {
+        let dossierTemplate: DossierTemplate;
+        this._loadingService.start();
+        const body = {
+            ...this.dossierTemplate,
+            ...this.form.getRawValue(),
+        };
+        try {
+            if (this.dossierTemplate) {
+                dossierTemplate = await this._dossierTemplatesService.clone(this.dossierTemplate.id, body);
+            } else {
+                dossierTemplate = await this._dossierTemplatesService.createOrUpdate(body);
+            }
+            if (options?.nextAction) {
+                await this._router.navigate([dossierTemplate.routerLink]);
+            }
+            this._dialogRef.close(true);
+        } catch (error) {
+            if (error.status === HttpStatusCode.Conflict) {
+                this._toaster.error(_('add-edit-clone-dossier-template.error.conflict'), { error });
+            } else {
+                this._toaster.rawError(error.error.message);
+            }
+        }
+        this._loadingService.stop();
+    }
+
+    #getForm() {
+        return this._formBuilder.group({
+            name: [this.dossierTemplate ? this.#getCloneName(this.dossierTemplate) : undefined, Validators.required],
+            description: [this.dossierTemplate?.description],
+        });
+    }
+
+    #getCloneName(initialTemplate: DossierTemplate): string {
+        const templateName = initialTemplate.name.trim();
+        let nameOfClonedTemplate: string = templateName.split('Copy of ').filter(n => n)[0];
+        nameOfClonedTemplate = nameOfClonedTemplate.split(/\(\s*\d+\s*\)$/)[0].trim();
+        const allTemplatesNames = this._dossierTemplatesService.all.map(t => t.name);
+
+        let clonesCount = 0;
+        for (const name of allTemplatesNames) {
+            const splitName = name.split(nameOfClonedTemplate);
+            const suffixRegExp = new RegExp(/^\(\s*\d+\s*\)$/);
+            if (splitName[0] === 'Copy of ' && (splitName[1].trim().match(suffixRegExp) || splitName[1] === '')) {
+                clonesCount++;
+            }
+        }
+
+        if (clonesCount >= 1) {
+            return `Copy of ${nameOfClonedTemplate} (${clonesCount})`;
+        }
+        return `Copy of ${nameOfClonedTemplate}`;
+    }
+}
--- a/apps/red-ui/src/app/modules/admin/dialogs/add-edit-dossier-template-dialog/add-edit-clone-dossier-template-dialog.component.html
+++ b/apps/red-ui/src/app/modules/admin/dialogs/add-edit-dossier-template-dialog/add-edit-clone-dossier-template-dialog.component.html
@ -1,118 +0,0 @@
-<section class="dialog">
-    <div [innerHTML]="'add-edit-clone-dossier-template.title' | translate : translateParams" class="dialog-header heading-l"></div>
-
-    <form [formGroup]="form">
-        <div class="dialog-content">
-            <div class="iqser-input-group required w-300">
-                <label [translate]="'add-edit-clone-dossier-template.form.name'"></label>
-                <input
-                    [placeholder]="'add-edit-clone-dossier-template.form.name-placeholder' | translate"
-                    formControlName="name"
-                    name="name"
-                    type="text"
-                />
-            </div>
-
-            <div class="iqser-input-group w-400">
-                <label [translate]="'add-edit-clone-dossier-template.form.description'"></label>
-                <textarea
-                    [placeholder]="'add-edit-clone-dossier-template.form.description-placeholder' | translate"
-                    formControlName="description"
-                    name="description"
-                    rows="4"
-                    type="text"
-                ></textarea>
-            </div>
-
-            <div class="validity">
-                <div>
-                    <mat-checkbox (change)="toggleHasValid('from')" [checked]="hasValidFrom" class="filter-menu-checkbox" color="primary">
-                        {{ 'add-edit-clone-dossier-template.form.valid-from' | translate }}
-                    </mat-checkbox>
-
-                    <mat-checkbox (change)="toggleHasValid('to')" [checked]="hasValidTo" class="filter-menu-checkbox" color="primary">
-                        {{ 'add-edit-clone-dossier-template.form.valid-to' | translate }}
-                    </mat-checkbox>
-                </div>
-
-                <div>
-                    <div class="iqser-input-group datepicker-wrapper">
-                        <ng-container *ngIf="hasValidFrom">
-                            <input
-                                (dateChange)="applyValidityIntervalConstraints()"
-                                [matDatepicker]="fromPicker"
-                                formControlName="validFrom"
-                                placeholder="dd/mm/yy"
-                            />
-                            <mat-datepicker-toggle [for]="fromPicker" matSuffix>
-                                <mat-icon matDatepickerToggleIcon svgIcon="red:calendar"></mat-icon>
-                            </mat-datepicker-toggle>
-                            <mat-datepicker #fromPicker></mat-datepicker>
-                        </ng-container>
-                    </div>
-
-                    <div class="iqser-input-group datepicker-wrapper">
-                        <ng-container *ngIf="hasValidTo">
-                            <input
-                                (dateChange)="applyValidityIntervalConstraints()"
-                                [matDatepicker]="toPicker"
-                                formControlName="validTo"
-                                placeholder="dd/mm/yy"
-                            />
-                            <mat-datepicker-toggle [for]="toPicker" matSuffix>
-                                <mat-icon matDatepickerToggleIcon svgIcon="red:calendar"></mat-icon>
-                            </mat-datepicker-toggle>
-                            <mat-datepicker #toPicker></mat-datepicker>
-                        </ng-container>
-                    </div>
-                </div>
-            </div>
-
-            <p class="heading download-includes">{{ 'download-includes' | translate }}</p>
-            <div class="flex">
-                <redaction-select
-                    [label]="
-                        'download-type.label'
-                            | translate
-                                : {
-                                      length: form.controls['downloadFileTypes'].value.length
-                                  }
-                    "
-                    [options]="downloadTypes"
-                    formControlName="downloadFileTypes"
-                ></redaction-select>
-            </div>
-
-            <p class="heading download-includes">{{ 'add-edit-clone-dossier-template.form.hidden-text.heading' | translate }}</p>
-            <div class="hidden-elements">
-                <div class="iqser-input-group">
-                    <mat-checkbox color="primary" formControlName="keepHiddenText">
-                        {{ 'add-edit-clone-dossier-template.form.hidden-text.title' | translate }}
-                    </mat-checkbox>
-                    <div class="info mt-4">{{ 'add-edit-clone-dossier-template.form.hidden-text.description' | translate }}</div>
-                </div>
-                <div class="iqser-input-group">
-                    <mat-checkbox color="primary" formControlName="keepImageMetadata">
-                        {{ 'add-edit-clone-dossier-template.form.image-metadata.title' | translate }}
-                    </mat-checkbox>
-                    <div class="info mt-4">{{ 'add-edit-clone-dossier-template.form.image-metadata.description' | translate }}</div>
-                </div>
-            </div>
-        </div>
-
-        <div class="dialog-actions">
-            <iqser-icon-button
-                (action)="save()"
-                [disabled]="disabled"
-                [label]="'add-edit-clone-dossier-template.save' | translate"
-                [type]="iconButtonTypes.primary"
-            ></iqser-icon-button>
-            <iqser-help-button
-                *deny="roles.getRss; if: !!dossierTemplate"
-                [helpButtonKey]="'edit_clone_delete_dossier_templates'"
-            ></iqser-help-button>
-        </div>
-    </form>
-
-    <iqser-circle-button (action)="close()" class="dialog-close" icon="iqser:close"></iqser-circle-button>
-</section>
--- a/apps/red-ui/src/app/modules/admin/dialogs/add-edit-dossier-template-dialog/add-edit-clone-dossier-template-dialog.component.scss
+++ b/apps/red-ui/src/app/modules/admin/dialogs/add-edit-dossier-template-dialog/add-edit-clone-dossier-template-dialog.component.scss
@ -1,50 +0,0 @@
-.validity {
-    width: 230px;
-    display: flex;
-
-    > div {
-        display: flex;
-        flex-direction: column;
-        margin-top: 16px;
-
-        mat-checkbox {
-            margin-right: 16px;
-            height: 100%;
-            align-items: center;
-            display: flex;
-            min-height: 42px;
-        }
-
-        .iqser-input-group {
-            min-height: 42px;
-            justify-content: center;
-        }
-    }
-}
-
-redaction-select {
-    flex: 1;
-}
-
-.download-includes {
-    margin: 16px 0 10px;
-    font-weight: 500;
-}
-
-.hidden-elements {
-    display: flex;
-    gap: 40px;
-
-    .iqser-input-group {
-        margin-top: 0;
-        flex: 1;
-
-        mat-checkbox {
-            font-weight: 500;
-        }
-
-        .info {
-            margin-left: 24px;
-        }
-    }
-}
--- a/apps/red-ui/src/app/modules/admin/dialogs/add-edit-dossier-template-dialog/add-edit-clone-dossier-template-dialog.component.ts
+++ b/apps/red-ui/src/app/modules/admin/dialogs/add-edit-dossier-template-dialog/add-edit-clone-dossier-template-dialog.component.ts
@ -1,170 +0,0 @@
-import { Component, Inject } from '@angular/core';
-import { AbstractControl, Validators } from '@angular/forms';
-import { MAT_DIALOG_DATA, MatDialogRef } from '@angular/material/dialog';
-import { applyIntervalConstraints } from '@utils/date-inputs-utils';
-import { downloadTypesTranslations } from '@translations/download-types-translations';
-import { DossierTemplatesService } from '@services/dossier-templates/dossier-templates.service';
-import { BaseDialogComponent } from '@iqser/common-ui';
-import { marker as _ } from '@biesbjerg/ngx-translate-extract-marker';
-import { DossierTemplate, IDossierTemplate } from '@red/domain';
-import { HttpStatusCode } from '@angular/common/http';
-import dayjs, { Dayjs } from 'dayjs';
-import { ROLES } from '@users/roles';
-
-interface EditCloneTemplateData {
-    dossierTemplateId: string;
-    clone?: boolean;
-}
-
-const downloadTypes = ['ORIGINAL', 'PREVIEW', 'DELTA_PREVIEW', 'REDACTED'].map(type => ({
-    key: type,
-    label: downloadTypesTranslations[type],
-}));
-
-@Component({
-    templateUrl: './add-edit-clone-dossier-template-dialog.component.html',
-    styleUrls: ['./add-edit-clone-dossier-template-dialog.component.scss'],
-})
-export class AddEditCloneDossierTemplateDialogComponent extends BaseDialogComponent {
-    readonly roles = ROLES;
-    hasValidFrom: boolean;
-    hasValidTo: boolean;
-    readonly downloadTypes = downloadTypes;
-    readonly dossierTemplate: DossierTemplate;
-    private _previousValidFrom: Dayjs;
-    private _previousValidTo: Dayjs;
-    private _lastValidFrom: Dayjs;
-    private _lastValidTo: Dayjs;
-
-    constructor(
-        private readonly _dossierTemplatesService: DossierTemplatesService,
-        protected readonly _dialogRef: MatDialogRef<AddEditCloneDossierTemplateDialogComponent>,
-        @Inject(MAT_DIALOG_DATA) readonly data: EditCloneTemplateData,
-    ) {
-        super(_dialogRef, !!data && !data.clone);
-        this.dossierTemplate = this._dossierTemplatesService.find(this.data?.dossierTemplateId);
-        this.form = this._getForm();
-        this.initialFormValue = this.form.getRawValue();
-        this.hasValidFrom = !!this.dossierTemplate?.validFrom;
-        this.hasValidTo = !!this.dossierTemplate?.validTo;
-
-        this._previousValidFrom = this._lastValidFrom = this.form.get('validFrom').value;
-        this._previousValidTo = this._lastValidTo = this.form.get('validTo').value;
-    }
-
-    get disabled(): boolean {
-        if (!this.data?.clone) {
-            return super.disabled;
-        }
-        return !this.valid;
-    }
-
-    get translateParams() {
-        return {
-            type: this.dossierTemplate ? (this.data.clone ? 'clone' : 'edit') : 'create',
-            name: this.dossierTemplate?.name,
-        };
-    }
-
-    toggleHasValid(extremity: string) {
-        if (extremity === 'from') {
-            this.hasValidFrom = !this.hasValidFrom;
-            this.form.controls['validFrom'].setValue(this.hasValidFrom ? this._lastValidFrom : null);
-        } else {
-            this.hasValidTo = !this.hasValidTo;
-            this.form.controls['validTo'].setValue(this.hasValidTo ? this._lastValidTo : null);
-        }
-        this.applyValidityIntervalConstraints();
-    }
-
-    async save() {
-        this._loadingService.start();
-        const dossierTemplate = {
-            dossierTemplateId: this.dossierTemplate?.dossierTemplateId,
-            ...this.form.getRawValue(),
-            validFrom: this.hasValidFrom ? this.form.get('validFrom').value : null,
-            validTo: this.hasValidTo ? this.form.get('validTo').value : null,
-        } as IDossierTemplate;
-
-        try {
-            if (this.data?.clone) {
-                await this._dossierTemplatesService.clone(this.dossierTemplate.id, dossierTemplate);
-            } else {
-                await this._dossierTemplatesService.createOrUpdate(dossierTemplate);
-            }
-            this._dialogRef.close(true);
-        } catch (error) {
-            const message =
-                error.status === HttpStatusCode.Conflict
-                    ? _('add-edit-clone-dossier-template.error.conflict')
-                    : _('add-edit-clone-dossier-template.error.generic');
-            this._toaster.error(message, { error });
-        }
-        this._loadingService.stop();
-    }
-
-    applyValidityIntervalConstraints(): void {
-        const formValue = this.form.value;
-        applyIntervalConstraints(formValue, this._previousValidFrom, this._previousValidTo, this.form, 'validFrom', 'validTo');
-
-        this._previousValidFrom = this.form.get('validFrom').value;
-        this._previousValidTo = this.form.get('validTo').value;
-        this._lastValidFrom = this._previousValidFrom || this._lastValidFrom;
-        this._lastValidTo = this._previousValidTo || this._lastValidTo;
-    }
-
-    private _getForm() {
-        return this._formBuilder.group({
-            name: [this._getCloneName(), Validators.required],
-            description: [this.dossierTemplate?.description],
-            validFrom: [
-                this.dossierTemplate?.validFrom ? dayjs(this.dossierTemplate?.validFrom).toDate() : null,
-                this._requiredIfValidator(() => this.hasValidFrom),
-            ],
-            validTo: [
-                this.dossierTemplate?.validTo ? dayjs(this.dossierTemplate?.validTo).toDate() : null,
-                this._requiredIfValidator(() => this.hasValidTo),
-            ],
-            downloadFileTypes: [this.dossierTemplate?.downloadFileTypes || ['PREVIEW', 'REDACTED']],
-            keepHiddenText: [this.dossierTemplate?.keepHiddenText],
-            keepImageMetadata: [this.dossierTemplate?.keepImageMetadata],
-        });
-    }
-
-    private _getCloneName(): string {
-        if (!this.data?.clone) {
-            return this.dossierTemplate?.name;
-        }
-
-        const templateName = this.dossierTemplate.name.trim();
-        let nameOfClonedTemplate: string = templateName.split('Copy of ').filter(n => n)[0];
-        nameOfClonedTemplate = nameOfClonedTemplate.split(/\(\s*\d+\s*\)$/)[0].trim();
-        const allTemplatesNames = this._dossierTemplatesService.all.map(t => t.name);
-
-        let clonesCount = 0;
-        for (const name of allTemplatesNames) {
-            const splitName = name.split(nameOfClonedTemplate);
-            const suffixRegExp = new RegExp(/^\(\s*\d+\s*\)$/);
-            if (splitName[0] === 'Copy of ' && (splitName[1].trim().match(suffixRegExp) || splitName[1] === '')) {
-                clonesCount++;
-            }
-        }
-
-        if (clonesCount >= 1) {
-            return `Copy of ${nameOfClonedTemplate} (${clonesCount})`;
-        }
-        return `Copy of ${nameOfClonedTemplate}`;
-    }
-
-    private _requiredIfValidator(predicate) {
-        return (formControl: AbstractControl) => {
-            if (!formControl.parent) {
-                return null;
-            }
-            if (predicate()) {
-                return Validators.required(formControl);
-            }
-            return null;
-        };
-    }
-}
--- a/apps/red-ui/src/app/modules/admin/dialogs/add-edit-user-dialog/add-edit-user-dialog.component.ts
+++ b/apps/red-ui/src/app/modules/admin/dialogs/add-edit-user-dialog/add-edit-user-dialog.component.ts
@ -1,18 +1,23 @@
 import { Component, Inject, ViewChild } from '@angular/core';
 import { MAT_DIALOG_DATA, MatDialogRef } from '@angular/material/dialog';
+import { BaseDialogComponent, CircleButtonComponent } from '@iqser/common-ui';
 import { User } from '@red/domain';
+import { ResetPasswordComponent } from './reset-password/reset-password.component';
 import { UserDetailsComponent } from './user-details/user-details.component';
-import { BaseDialogComponent } from '@iqser/common-ui';

@Component({
    selector: 'redaction-add-edit-user-dialog',
    templateUrl: './add-edit-user-dialog.component.html',
+    imports: [UserDetailsComponent, ResetPasswordComponent, CircleButtonComponent],
 })
 export class AddEditUserDialogComponent extends BaseDialogComponent {
-    resettingPassword = false;
    @ViewChild(UserDetailsComponent) private readonly _userDetailsComponent: UserDetailsComponent;
+    resettingPassword = false;

-    constructor(protected readonly _dialogRef: MatDialogRef<AddEditUserDialogComponent>, @Inject(MAT_DIALOG_DATA) readonly user: User) {
+    constructor(
+        protected readonly _dialogRef: MatDialogRef<AddEditUserDialogComponent>,
+        @Inject(MAT_DIALOG_DATA) readonly user: User,
+    ) {
        super(_dialogRef, !!user);
    }

--- a/apps/red-ui/src/app/modules/admin/dialogs/add-edit-user-dialog/reset-password/reset-password.component.ts
+++ b/apps/red-ui/src/app/modules/admin/dialogs/add-edit-user-dialog/reset-password/reset-password.component.ts
@ -1,14 +1,16 @@
 import { Component, EventEmitter, Input, Output } from '@angular/core';
-import { UntypedFormBuilder, UntypedFormGroup, Validators } from '@angular/forms';
+import { ReactiveFormsModule, UntypedFormBuilder, UntypedFormGroup, Validators } from '@angular/forms';
 import { UserService } from '@users/user.service';
-import { IconButtonTypes, LoadingService, Toaster } from '@iqser/common-ui';
+import { IconButtonComponent, IconButtonTypes, LoadingService } from '@iqser/common-ui';
 import { User } from '@red/domain';
-import { marker as _ } from '@biesbjerg/ngx-translate-extract-marker';
 import { firstValueFrom } from 'rxjs';
+import { TranslateModule } from '@ngx-translate/core';
+import { NamePipe } from '@common-ui/users/name.pipe';

@Component({
    selector: 'redaction-reset-password',
    templateUrl: './reset-password.component.html',
+    imports: [TranslateModule, NamePipe, ReactiveFormsModule, IconButtonComponent],
 })
 export class ResetPasswordComponent {
    readonly iconButtonTypes = IconButtonTypes;
@ -20,25 +22,20 @@ export class ResetPasswordComponent {
        private readonly _formBuilder: UntypedFormBuilder,
        private readonly _userService: UserService,
        private readonly _loadingService: LoadingService,
-        private readonly _toaster: Toaster,
    ) {}

    async save() {
        this._loadingService.start();
-        try {
-            await firstValueFrom(
-                this._userService.resetPassword(
-                    {
-                        password: this.form.get('temporaryPassword').value,
-                        temporary: true,
-                    },
-                    this.user.id,
-                ),
-            );
-            this.toggleResetPassword.emit();
-        } catch (error) {
-            this._toaster.error(_('reset-password-dialog.error.password-policy'));
-        }
+        await firstValueFrom(
+            this._userService.resetPassword(
+                {
+                    password: this.form.get('temporaryPassword').value,
+                    temporary: true,
+                },
+                this.user.id,
+            ),
+        );
+        this.toggleResetPassword.emit();
        this._loadingService.stop();
    }

--- a/apps/red-ui/src/app/modules/admin/dialogs/add-edit-user-dialog/user-details/user-details.component.html
+++ b/apps/red-ui/src/app/modules/admin/dialogs/add-edit-user-dialog/user-details/user-details.component.html
@ -1,6 +1,6 @@
 <div
    [translateParams]="{
-        type: user ? 'edit' : 'create'
+        type: !!user() ? 'edit' : 'create',
    }"
    [translate]="'add-edit-user.title'"
    class="dialog-header heading-l"
@ -32,14 +32,22 @@
                    [formControlName]="role"
                    color="primary"
                >
-                    {{ translations[role] | translate }}
+                    {{ translations[role] | translate: { count: 1 } }}
                </mat-checkbox>
            </div>
        </div>

+        @if (!user()) {
+            <div class="iqser-input-group">
+                <label [translate]="'add-edit-user.form.account-setup'"></label>
+                <mat-checkbox formControlName="sendSetPasswordMail">{{ 'add-edit-user.form.send-email' | translate }}</mat-checkbox>
+                <span [translate]="'add-edit-user.form.send-email-explanation'" class="hint"></span>
+            </div>
+        }
+
        <div
            (click)="toggleResetPassword.emit()"
-            *ngIf="!!user"
+            *ngIf="!!user()"
            [translate]="'add-edit-user.form.reset-password'"
            class="mt-24 fit-content link-action"
        ></div>
@ -48,14 +56,14 @@
    <div class="dialog-actions">
        <iqser-icon-button
            [disabled]="form.invalid || !changed"
-            [label]="(user ? 'add-edit-user.actions.save-changes' : 'add-edit-user.actions.save') | translate"
+            [label]="(user() ? 'add-edit-user.actions.save-changes' : 'add-edit-user.actions.save') | translate"
            [submit]="true"
            [type]="iconButtonTypes.primary"
        ></iqser-icon-button>

        <iqser-icon-button
            (action)="delete()"
-            *ngIf="user && !disabledDelete(user)"
+            *ngIf="user() && !disabledDelete(user())"
            [label]="'add-edit-user.actions.delete' | translate"
            [type]="iconButtonTypes.dark"
            icon="iqser:trash"
--- a/apps/red-ui/src/app/modules/admin/dialogs/add-edit-user-dialog/user-details/user-details.component.scss
+++ b/apps/red-ui/src/app/modules/admin/dialogs/add-edit-user-dialog/user-details/user-details.component.scss
@ -5,3 +5,7 @@
    margin-top: 8px;
    width: 300px;
 }
+
+.hint {
+    margin-left: 23px;
+}
--- a/apps/red-ui/src/app/modules/admin/dialogs/add-edit-user-dialog/user-details/user-details.component.ts
+++ b/apps/red-ui/src/app/modules/admin/dialogs/add-edit-user-dialog/user-details/user-details.component.ts
@ -1,30 +1,31 @@
-import { Component, EventEmitter, Input, OnChanges, Output } from '@angular/core';
-import { UntypedFormBuilder, UntypedFormGroup, Validators } from '@angular/forms';
+import { Component, input, OnInit, output } from '@angular/core';
+import { ReactiveFormsModule, UntypedFormBuilder, UntypedFormGroup, Validators } from '@angular/forms';
 import { AdminDialogService } from '../../../services/admin-dialog.service';
-import { BaseFormComponent, IProfileUpdateRequest, LoadingService, Toaster } from '@iqser/common-ui';
+import { BaseFormComponent, IconButtonComponent, LoadingService, Toaster } from '@iqser/common-ui';
 import { rolesTranslations } from '@translations/roles-translations';
-import { marker as _ } from '@biesbjerg/ngx-translate-extract-marker';
 import { User } from '@red/domain';
 import { UserService } from '@users/user.service';
-import { HttpStatusCode } from '@angular/common/http';
 import { firstValueFrom } from 'rxjs';
+import { IProfileUpdateRequest } from '@iqser/common-ui/lib/users';
+import { TranslateModule } from '@ngx-translate/core';
+import { MatCheckbox } from '@angular/material/checkbox';
+import { NgForOf, NgIf } from '@angular/common';

@Component({
    selector: 'redaction-user-details',
    templateUrl: './user-details.component.html',
    styleUrls: ['./user-details.component.scss'],
+    imports: [TranslateModule, ReactiveFormsModule, MatCheckbox, NgForOf, IconButtonComponent, NgIf],
 })
-export class UserDetailsComponent extends BaseFormComponent implements OnChanges {
-    @Input() user: User;
-    @Output() readonly toggleResetPassword = new EventEmitter();
-    @Output() readonly closeDialog = new EventEmitter();
-    @Output() readonly cancel = new EventEmitter();
-
+export class UserDetailsComponent extends BaseFormComponent implements OnInit {
+    user = input<User>();
+    readonly toggleResetPassword = output();
+    readonly closeDialog = output<boolean>();
+    readonly cancel = output();
    readonly ROLES = ['RED_USER', 'RED_MANAGER', 'RED_USER_ADMIN', 'RED_ADMIN'];
    readonly translations = rolesTranslations;
-
    /** e.g. a RED_ADMIN is automatically a RED_USER_ADMIN => can't disable RED_USER_ADMIN as long as RED_ADMIN is checked */
-    private readonly _ROLE_REQUIREMENTS = { RED_MANAGER: 'RED_USER', RED_ADMIN: 'RED_USER_ADMIN' };
+    readonly #ROLE_REQUIREMENTS = { RED_MANAGER: 'RED_USER', RED_ADMIN: 'RED_USER_ADMIN' };

    constructor(
        private readonly _formBuilder: UntypedFormBuilder,
@ -45,13 +46,17 @@ export class UserDetailsComponent extends BaseFormComponent implements OnChanges
        }, []);
    }

-    private get _rolesControls(): any {
+    get sendSetPasswordMail() {
+        return !this.form.controls.sendSetPasswordMail.value;
+    }
+
+    get #rolesControls() {
        return this.ROLES.reduce(
            (prev, role) => ({
                ...prev,
                [role]: [
                    {
-                        value: this.user && this.user.has(role),
+                        value: this.user() && this.user().has(role),
                        disabled: this.shouldBeDisabled(role),
                    },
                ],
@ -60,20 +65,20 @@ export class UserDetailsComponent extends BaseFormComponent implements OnChanges
        );
    }

-    ngOnChanges() {
-        this.form = this._getForm();
+    ngOnInit() {
+        this.form = this.#getForm();
        this.initialFormValue = this.form.getRawValue();
    }

    shouldBeDisabled(role: string): boolean {
-        const isCurrentAdminUser = this.user && this.user.isAdmin && this.user.id === this._userService.currentUser.id;
+        const isCurrentAdminUser = this.user() && this.user().isAdmin && this.user().id === this._userService.currentUser.id;
        return (
            // RED_ADMIN can't remove own RED_ADMIN role
            (role === 'RED_ADMIN' && isCurrentAdminUser) ||
            // only RED_ADMINs can edit RED_ADMIN roles
            (role === 'RED_ADMIN' && !this._userService.currentUser.isAdmin) ||
-            Object.keys(this._ROLE_REQUIREMENTS).reduce(
-                (value, key) => value || (role === this._ROLE_REQUIREMENTS[key] && this.user?.roles.includes(key)),
+            Object.keys(this.#ROLE_REQUIREMENTS).reduce(
+                (value, key) => value || (role === this.#ROLE_REQUIREMENTS[key] && this.user()?.roles.includes(key)),
                false,
            )
        );
@ -81,38 +86,38 @@ export class UserDetailsComponent extends BaseFormComponent implements OnChanges

    async save() {
        this._loadingService.start();
-        const userData: IProfileUpdateRequest = { ...this.form.getRawValue(), roles: this.activeRoles };
+        const userData: IProfileUpdateRequest = {
+            ...this.form.getRawValue(),
+            roles: this.activeRoles,
+            sendSetPasswordMail: this.sendSetPasswordMail,
+        };

-        if (!this.user) {
+        if (!this.user()) {
            await firstValueFrom(this._userService.create(userData))
                .then(() => {
                    this.closeDialog.emit(true);
                })
                .catch(error => {
-                    if (error.status === HttpStatusCode.Conflict) {
-                        this._toaster.error(_('add-edit-user.error.email-already-used'));
-                    } else {
-                        this._toaster.error(_('add-edit-user.error.generic'));
-                    }
+                    this._toaster.error(null, { error });
                    this._loadingService.stop();
                });
        } else {
-            await firstValueFrom(this._userService.updateProfile(userData, this.user.id));
+            await firstValueFrom(this._userService.updateProfile(userData, this.user().id));
            this.closeDialog.emit(true);
        }
    }

    delete() {
-        this._dialogService.deleteUsers([this.user.id], () => this.closeDialog.emit(true));
+        this._dialogService.deleteUsers([this.user().id], () => this.closeDialog.emit(true));
    }

    setRolesRequirements(checked: boolean, role: string): void {
-        if (Object.keys(this._ROLE_REQUIREMENTS).includes(role)) {
+        if (Object.keys(this.#ROLE_REQUIREMENTS).includes(role)) {
            if (checked) {
-                this.form.patchValue({ [this._ROLE_REQUIREMENTS[role]]: true });
-                this.form.controls[this._ROLE_REQUIREMENTS[role]].disable();
+                this.form.patchValue({ [this.#ROLE_REQUIREMENTS[role]]: true });
+                this.form.controls[this.#ROLE_REQUIREMENTS[role]].disable();
            } else {
-                this.form.controls[this._ROLE_REQUIREMENTS[role]].enable();
+                this.form.controls[this.#ROLE_REQUIREMENTS[role]].enable();
            }
        }
    }
@ -123,18 +128,19 @@ export class UserDetailsComponent extends BaseFormComponent implements OnChanges
        return user.id === this._userService.currentUser.id || (userAdmin && !currentUserAdmin);
    }

-    private _getForm(): UntypedFormGroup {
+    #getForm(): UntypedFormGroup {
        return this._formBuilder.group({
-            firstName: [this.user?.firstName, Validators.required],
-            lastName: [this.user?.lastName, Validators.required],
+            firstName: [this.user()?.firstName, Validators.required],
+            lastName: [this.user()?.lastName, Validators.required],
            email: [
                {
-                    value: this.user?.email,
-                    disabled: !!this.user?.email,
+                    value: this.user()?.email,
+                    disabled: !!this.user()?.email,
                },
                [Validators.required, Validators.email],
            ],
-            ...this._rolesControls,
+            ...this.#rolesControls,
+            sendSetPasswordMail: [false],
        });
    }
 }
--- a/apps/red-ui/src/app/modules/admin/dialogs/add-entity-dialog/add-entity-dialog.component.html
+++ b/apps/red-ui/src/app/modules/admin/dialogs/add-entity-dialog/add-entity-dialog.component.html
@ -4,12 +4,7 @@
    </div>

    <div class="dialog-content">
-        <redaction-add-edit-entity
-            #redactionAddEditEntity
-            [dossierTemplateId]="data.dossierTemplateId"
-            [entity]="null"
-            [readOnly]="false"
-        ></redaction-add-edit-entity>
+        <redaction-add-edit-entity [dossierTemplateId]="data.dossierTemplateId" [entity]="null"></redaction-add-edit-entity>
    </div>

    <div class="dialog-actions">
@ -20,7 +15,8 @@
            [submit]="true"
            [type]="iconButtonTypes.primary"
        ></iqser-icon-button>
-        <iqser-help-button *deny="roles.getRss" [helpButtonKey]="'create_new_entity'"></iqser-help-button>
+
+        <iqser-help-button *ngIf="!config.IS_DOCUMINE"></iqser-help-button>
    </div>

    <iqser-circle-button (action)="close()" class="dialog-close" icon="iqser:close"></iqser-circle-button>
--- a/apps/red-ui/src/app/modules/admin/dialogs/add-entity-dialog/add-entity-dialog.component.ts
+++ b/apps/red-ui/src/app/modules/admin/dialogs/add-entity-dialog/add-entity-dialog.component.ts
@ -1,8 +1,16 @@
-import { ChangeDetectionStrategy, Component, inject, ViewChild } from '@angular/core';
+import { Component, inject, ViewChild } from '@angular/core';
 import { MAT_DIALOG_DATA, MatDialogRef } from '@angular/material/dialog';
+import {
+    BaseDialogComponent,
+    CircleButtonComponent,
+    getConfig,
+    HelpButtonComponent,
+    IconButtonComponent,
+    IconButtonTypes,
+} from '@iqser/common-ui';
 import { AddEditEntityComponent } from '@shared/components/add-edit-entity/add-edit-entity.component';
-import { BaseDialogComponent, IconButtonTypes } from '@iqser/common-ui';
-import { ROLES } from '@users/roles';
+import { TranslateModule } from '@ngx-translate/core';
+import { NgIf } from '@angular/common';

 interface DialogData {
    readonly dossierTemplateId: string;
@ -11,13 +19,13 @@ interface DialogData {
@Component({
    templateUrl: './add-entity-dialog.component.html',
    styleUrls: ['./add-entity-dialog.component.scss'],
-    changeDetection: ChangeDetectionStrategy.OnPush,
+    imports: [AddEditEntityComponent, TranslateModule, IconButtonComponent, NgIf, CircleButtonComponent, HelpButtonComponent],
 })
 export class AddEntityDialogComponent extends BaseDialogComponent {
-    readonly iconButtonTypes = IconButtonTypes;
-    readonly roles = ROLES;
-    readonly data = inject<DialogData>(MAT_DIALOG_DATA);
    @ViewChild(AddEditEntityComponent, { static: true }) private readonly _addEditEntityComponent: AddEditEntityComponent;
+    readonly iconButtonTypes = IconButtonTypes;
+    readonly data = inject<DialogData>(MAT_DIALOG_DATA);
+    readonly config = getConfig();

    constructor(protected readonly _dialogRef: MatDialogRef<AddEntityDialogComponent>) {
        super(_dialogRef, false);
@ -31,12 +39,12 @@ export class AddEntityDialogComponent extends BaseDialogComponent {
        return this._addEditEntityComponent.changed;
    }

+    get disabled(): boolean {
+        return this._addEditEntityComponent.disabled;
+    }
+
    async save(): Promise<void> {
-        try {
-            await this._addEditEntityComponent.save();
-            this._dialogRef.close(true);
-        } catch (e) {
-            console.error(e);
-        }
+        await this._addEditEntityComponent.save();
+        this._dialogRef.close(true);
    }
 }
--- a/Show More
+++ b/Show More