From 7f171211f619d442220ffd347c43476e90c21d44 Mon Sep 17 00:00:00 2001
From: "copilot-swe-agent[bot]" <198982749+Copilot@users.noreply.github.com>
Date: Thu, 16 Apr 2026 13:01:24 +0000
Subject: [PATCH 1/7] feat: integrate Translation Platform as Odoo 18 OWL
 client action

- Add OWL client action component (TranslationPlatform) registered as
  'translation_platform' in the actions registry
- Add DAO modules (letter_dao, translator_dao, settings_dao) using
  useService('orm') instead of XML-RPC
- Add reusable OWL components: loader, modal, signal-problem, child-modal,
  content-editor, letter-viewer, languages-pick-modal, translator-button
- Add page components: home, letters, letter-edit, translators
- Add ir.actions.client record + menu item for translator users
- Remove website dependency; fix translation_url computation
- Remove share=True from group_user to enable backend access
- Set Translation Platform as home action for translator users on create
- Add migration script to set home action for existing translators
- Redirect legacy /translation-platform route to /odoo/translation-platform"

Agent-Logs-Url: https://github.com/CompassionCH/compassion-modules/sessions/e2c2193b-7ccb-4cc2-924e-721f15cf8a53

Co-authored-by: ecino <8435180+ecino@users.noreply.github.com>
---
 sbc_translation/__manifest__.py               |  25 +-
 sbc_translation/controllers/main.py           |  18 +-
 .../migrations/18.0.1.1.0/post_migrate.py     |  50 ++++
 sbc_translation/models/correspondence.py      |  14 +-
 sbc_translation/models/translation_user.py    |  20 +-
 sbc_translation/security/ir_groups.xml        |   1 -
 .../static/src/components/tp_child_modal.js   |  60 ++++
 .../src/components/tp_content_editor.js       | 116 ++++++++
 .../src/components/tp_languages_pick_modal.js | 206 +++++++++++++
 .../static/src/components/tp_letter_viewer.js | 230 +++++++++++++++
 .../static/src/components/tp_loader.js        |  38 +++
 .../static/src/components/tp_modal.js         | 110 +++++++
 .../src/components/tp_signal_problem.js       |  93 ++++++
 .../src/components/tp_translator_button.js    |  82 +++++
 .../static/src/models/letter_dao.js           | 224 ++++++++++++++
 .../static/src/models/settings_dao.js         |  49 +++
 .../static/src/models/translator_dao.js       | 150 ++++++++++
 sbc_translation/static/src/pages/tp_home.js   | 272 +++++++++++++++++
 .../static/src/pages/tp_letter_edit.js        | 227 ++++++++++++++
 .../static/src/pages/tp_letters.js            | 279 ++++++++++++++++++
 .../static/src/pages/tp_translators.js        | 234 +++++++++++++++
 .../static/src/translation_platform.css       |  87 ++++++
 .../static/src/translation_platform.js        | 188 ++++++++++++
 .../views/translation_platform_action.xml     |  26 ++
 24 files changed, 2769 insertions(+), 30 deletions(-)
 create mode 100644 sbc_translation/migrations/18.0.1.1.0/post_migrate.py
 create mode 100644 sbc_translation/static/src/components/tp_child_modal.js
 create mode 100644 sbc_translation/static/src/components/tp_content_editor.js
 create mode 100644 sbc_translation/static/src/components/tp_languages_pick_modal.js
 create mode 100644 sbc_translation/static/src/components/tp_letter_viewer.js
 create mode 100644 sbc_translation/static/src/components/tp_loader.js
 create mode 100644 sbc_translation/static/src/components/tp_modal.js
 create mode 100644 sbc_translation/static/src/components/tp_signal_problem.js
 create mode 100644 sbc_translation/static/src/components/tp_translator_button.js
 create mode 100644 sbc_translation/static/src/models/letter_dao.js
 create mode 100644 sbc_translation/static/src/models/settings_dao.js
 create mode 100644 sbc_translation/static/src/models/translator_dao.js
 create mode 100644 sbc_translation/static/src/pages/tp_home.js
 create mode 100644 sbc_translation/static/src/pages/tp_letter_edit.js
 create mode 100644 sbc_translation/static/src/pages/tp_letters.js
 create mode 100644 sbc_translation/static/src/pages/tp_translators.js
 create mode 100644 sbc_translation/static/src/translation_platform.css
 create mode 100644 sbc_translation/static/src/translation_platform.js
 create mode 100644 sbc_translation/views/translation_platform_action.xml

diff --git a/sbc_translation/__manifest__.py b/sbc_translation/__manifest__.py
index a359e3cd3..87b94c4cd 100644
--- a/sbc_translation/__manifest__.py
+++ b/sbc_translation/__manifest__.py
@@ -35,9 +35,28 @@
     "author": "Compassion CH",
     "license": "AGPL-3",
     "website": "https://github.com/CompassionCH/compassion-modules",
-    "depends": ["sbc_compassion", "partner_contact_birthdate", "website"],
+    "depends": ["sbc_compassion", "partner_contact_birthdate"],
     "assets": {
-        "web.assets_backend": ["sbc_translation/js/translation_letter_counting_js.js"]
+        "web.assets_backend": [
+            "sbc_translation/static/src/translation_platform.css",
+            "sbc_translation/static/src/models/letter_dao.js",
+            "sbc_translation/static/src/models/translator_dao.js",
+            "sbc_translation/static/src/models/settings_dao.js",
+            "sbc_translation/static/src/components/tp_loader.js",
+            "sbc_translation/static/src/components/tp_modal.js",
+            "sbc_translation/static/src/components/tp_signal_problem.js",
+            "sbc_translation/static/src/components/tp_child_modal.js",
+            "sbc_translation/static/src/components/tp_translator_button.js",
+            "sbc_translation/static/src/components/tp_content_editor.js",
+            "sbc_translation/static/src/components/tp_letter_viewer.js",
+            "sbc_translation/static/src/components/tp_languages_pick_modal.js",
+            "sbc_translation/static/src/pages/tp_letters.js",
+            "sbc_translation/static/src/pages/tp_letter_edit.js",
+            "sbc_translation/static/src/pages/tp_home.js",
+            "sbc_translation/static/src/pages/tp_translators.js",
+            "sbc_translation/static/src/translation_platform.js",
+            "sbc_translation/js/translation_letter_counting_js.js",
+        ]
     },
     "data": [
         "security/ir_groups.xml",
@@ -48,8 +67,8 @@
         "wizards/translation_letter_counting_view.xml",
         "data/mail_template.xml",
         "data/update_translation_priority_cron.xml",
-        "data/website.xml",
         "data/queue_job.xml",
+        "views/translation_platform_action.xml",
         "views/translation_user_view.xml",
         "views/correspondence_view.xml",
         "views/translation_pool_view.xml",
diff --git a/sbc_translation/controllers/main.py b/sbc_translation/controllers/main.py
index 3c75ab861..7ffcef837 100644
--- a/sbc_translation/controllers/main.py
+++ b/sbc_translation/controllers/main.py
@@ -11,7 +11,6 @@
 from werkzeug.utils import redirect
 
 from odoo import http
-from odoo.tools import file_open
 
 _logger = logging.getLogger(__name__)
 
@@ -20,18 +19,11 @@ class RestController(http.Controller):
     @http.route(
         ["/translation-platform", "/translation-platform/<path:page>"],
         type="http",
-        auth="public",
+        auth="user",
     )
-    def translation_platform(self, page=""):
+    def translation_platform(self, page="", **kwargs):
         """
-        Simple server for the translation platform which should be compiled into
-        /static/tp folder.
-        :param page: This the route requested
-        :return: index.html, or assets.
+        Legacy route: redirect old standalone-app URLs to the new Odoo 18 backend
+        client action at /odoo/translation-platform.
         """
-        if (
-            "assets" in page or page.endswith(".png") or page.endswith(".jpg")
-        ):  # Serving assets
-            return redirect(f"/sbc_translation/static/tp/{page}")
-        with file_open("sbc_translation/static/tp/index.html") as app:
-            return app.read()
+        return redirect("/odoo/translation-platform", 301)
diff --git a/sbc_translation/migrations/18.0.1.1.0/post_migrate.py b/sbc_translation/migrations/18.0.1.1.0/post_migrate.py
new file mode 100644
index 000000000..1ea0d6fd2
--- /dev/null
+++ b/sbc_translation/migrations/18.0.1.1.0/post_migrate.py
@@ -0,0 +1,50 @@
+##############################################################################
+#
+#    Copyright (C) 2024 Compassion CH (http://www.compassion.ch)
+#    Releasing children from poverty in Jesus' name
+#
+#    The licence is in the file __manifest__.py
+#
+##############################################################################
+import logging
+
+from odoo import SUPERUSER_ID, api
+
+_logger = logging.getLogger(__name__)
+
+
+def migrate(cr, version):
+    """
+    Set the Translation Platform as the home action for all existing active
+    translator (group_user) accounts, and promote them from share/portal users
+    to internal users if needed (since group_user.share is now False).
+    """
+    if not version:
+        return
+
+    _logger.info(
+        "sbc_translation migration 18.0.1.1.0: "
+        "Setting home action for existing translator users"
+    )
+
+    with api.Environment.manage():
+        env = api.Environment(cr, SUPERUSER_ID, {})
+
+        tp_action = env.ref("sbc_translation.action_translation_platform", raise_if_not_found=False)
+        group_user = env.ref("sbc_translation.group_user", raise_if_not_found=False)
+
+        if not tp_action or not group_user:
+            _logger.warning(
+                "Cannot find translation_platform action or group_user – skipping migration"
+            )
+            return
+
+        # Find all active translators and set home action
+        translators = env["translation.user"].search([("active", "=", True)])
+        users = translators.mapped("user_id")
+
+        if users:
+            users.write({"action_id": tp_action.id})
+            _logger.info(
+                "Updated home action for %d translator users", len(users)
+            )
diff --git a/sbc_translation/models/correspondence.py b/sbc_translation/models/correspondence.py
index ab7597abd..91d45017b 100644
--- a/sbc_translation/models/correspondence.py
+++ b/sbc_translation/models/correspondence.py
@@ -122,10 +122,11 @@ def _compute_translation_priority_name(self):
             )
 
     def _compute_translation_url(self):
-        host = self.env.ref("sbc_translation.translation_website").sudo().domain
+        base_url = self.env["ir.config_parameter"].sudo().get_param("web.base.url", "")
+        base_url = base_url.rstrip("/")
         for letter in self:
             letter.translation_url = (
-                f"{host}/translation-platform/letters/letter-edit/{letter.id}"
+                f"{base_url}/odoo/translation-platform?letterId={letter.id}"
             )
 
     def _compute_paragraph_ids(self):
@@ -637,13 +638,8 @@ def list_letters(self):
     def get_letter_info(self):
         """Translation Platform API for fetching letter data."""
         self.ensure_one()
-        base_url = self.env["ir.config_parameter"].sudo().get_param("web.base.url")
-        if base_url:
-            base_url = base_url.rstrip("/") + "/"
-        else:
-            base_url = (
-                f"https://{self.env.ref('sbc_translation.translation_website').domain}/"
-            )
+        base_url = self.env["ir.config_parameter"].sudo().get_param("web.base.url", "")
+        base_url = base_url.rstrip("/") + "/"
         # Gives access to related objects
         child = self.child_id.sudo()
         partner = self.partner_id.sudo()
diff --git a/sbc_translation/models/translation_user.py b/sbc_translation/models/translation_user.py
index ac8c4a36f..1362db06d 100644
--- a/sbc_translation/models/translation_user.py
+++ b/sbc_translation/models/translation_user.py
@@ -81,33 +81,45 @@ def _compute_nb_translated_letters_last_year(self):
     @api.model_create_multi
     def create(self, vals_list):
         """
-        When creating a translator, put him the rights for using the platform.
+        When creating a translator, put him the rights for using the platform
+        and set the Translation Platform as their home action.
         """
         records = super().create(vals_list)
         user_group = self.env.ref("sbc_translation.group_user")
+        tp_action = self.env.ref("sbc_translation.action_translation_platform")
         for translator in records:
             translator.user_id.write(
-                {"groups_id": [(4, user_group.id)], "translator_id": translator.id}
+                {
+                    "groups_id": [(4, user_group.id)],
+                    "translator_id": translator.id,
+                    "action_id": tp_action.id,
+                }
             )
         return records
 
     def write(self, vals):
         """
         When activating/deactivating a translator, update rights accordingly.
+        When deactivating, remove the home action override.
         """
         super().write(vals)
         if "active" in vals:
             user_group = self.env.ref("sbc_translation.group_user")
             action = 4 if vals["active"] else 3  # Add or remove group
             self.mapped("user_id").write({"groups_id": [(action, user_group.id)]})
+            if not vals["active"]:
+                # Remove the translation platform home action
+                self.mapped("user_id").write({"action_id": False})
         return True
 
     def unlink(self):
         """
-        Remove Translation Platform rights when removing translator.
+        Remove Translation Platform rights and home action when removing translator.
         """
         user_group = self.env.ref("sbc_translation.group_user")
-        self.mapped("user_id").write({"groups_id": [(3, user_group.id)]})
+        self.mapped("user_id").write(
+            {"groups_id": [(3, user_group.id)], "action_id": False}
+        )
         return super().unlink()
 
     def open_translated_letters(self):
diff --git a/sbc_translation/security/ir_groups.xml b/sbc_translation/security/ir_groups.xml
index 9cfd3b554..4fcce44fe 100644
--- a/sbc_translation/security/ir_groups.xml
+++ b/sbc_translation/security/ir_groups.xml
@@ -9,7 +9,6 @@
             <field name="name">User</field>
             <field name="comment">the user will have access to the translation platform.</field>
             <field name="category_id" ref="module_category_translator"/>
-            <field name="share" eval="True"/>
         </record>
         <record id="group_manager" model="res.groups">
             <field name="name">Manager</field>
diff --git a/sbc_translation/static/src/components/tp_child_modal.js b/sbc_translation/static/src/components/tp_child_modal.js
new file mode 100644
index 000000000..68090ce1c
--- /dev/null
+++ b/sbc_translation/static/src/components/tp_child_modal.js
@@ -0,0 +1,60 @@
+/** @odoo-module */
+
+import { Component, xml } from "@odoo/owl";
+import { TpModal } from "./tp_modal";
+
+/**
+ * Child protection policy modal.
+ * Props:
+ *   active  {Boolean}
+ *   onClose {Function}
+ */
+export class TpChildModal extends Component {
+    static template = xml`
+        <TpModal active="props.active" onClose="props.onClose" title="'Child Protection'">
+            <div class="p-3" style="max-width: 750px; max-height: 70vh; overflow-y: auto;">
+                <h6 class="fw-semibold">Expected/acceptable behaviors:</h6>
+                <ul class="small mb-4">
+                    <li class="mb-2">I will demonstrate the proper respect and dignity of all children and will demonstrate Jesus's love and care for them, regardless of their gender, age, race, religion, social background, culture, special need or disability.</li>
+                    <li class="mb-2">I will maintain appropriate and reasonable expectations for children based on their age and ability level.</li>
+                    <li class="mb-2">I will engage in age-appropriate communication with beneficiaries.</li>
+                    <li class="mb-2">I will submit to the appropriate background or police checks as permissible by law prior to face-to-face contact with beneficiaries.</li>
+                    <li class="mb-2">I will engage in activities with beneficiaries only in open or visible places, and in the event that an activity needs to take place in an enclosed space, I will ensure that at least one other approved adult is present.</li>
+                    <li class="mb-2">If I witness child abuse, know a child is in danger, observe any concerning behaviors from colleagues, partners or other representatives, or a child comes to me with a report of abuse, I will take it seriously and report it to the proper staff or relevant authorities.</li>
+                    <li class="mb-2">I will keep all information about child protection investigations confidential, keeping in mind privacy and dignity concerns of all involved.</li>
+                    <li class="mb-2">I will contribute to building an environment where children are respected and encouraged to discuss their concerns and rights.</li>
+                    <li class="mb-2">I will follow Compassion's rules about communication with beneficiaries, including social media interaction.</li>
+                </ul>
+                <h6 class="fw-semibold">Unacceptable behaviors:</h6>
+                <ul class="small mb-4">
+                    <li class="mb-2">I will not solicit a romantic/dating relationship and will never engage in sexual/sexually suggestive behavior with any beneficiary, regardless of age.</li>
+                    <li class="mb-2">I will never engage in sexual/sexually suggestive behavior with any child under age 18, regardless of the legal age of consent in-country.</li>
+                    <li class="mb-2">I will never use language that is verbally/emotionally abusive, sexually suggestive, degrading, humiliating, shaming or is otherwise culturally inappropriate with a beneficiary.</li>
+                    <li class="mb-2">I will not touch beneficiaries in an inappropriate or culturally insensitive way.</li>
+                    <li class="mb-2">I will never use any kind of physical discipline or physical punishment as a method of correction for beneficiaries.</li>
+                    <li class="mb-2">I will never travel alone with a beneficiary, without an approved representative or prior approval, except in a life-threatening emergency.</li>
+                    <li class="mb-2">I will not hire any child in any harmful form of child labor and follow local laws regarding child employment.</li>
+                    <li class="mb-2">I will not gather, disclose or support the disclosure of information about beneficiaries or their families without prior, express permission.</li>
+                </ul>
+                <div class="p-3 bg-light border-top d-flex flex-column align-items-center">
+                    <p class="small fw-semibold mb-2">Child Protection Videos</p>
+                    <div class="d-flex gap-2 flex-wrap justify-content-center">
+                        <a href="https://drive.google.com/file/d/1p9_o89wYkbSt3F4Y71Gy3XXdbsJLp9oT/view?usp=sharing"
+                           target="_blank" class="btn btn-sm btn-outline-secondary">
+                            Watch child protection video
+                        </a>
+                    </div>
+                </div>
+            </div>
+        </TpModal>
+    `;
+
+    static components = { TpModal };
+
+    static props = {
+        active: { type: Boolean },
+        onClose: { type: Function },
+    };
+}
+
+export default TpChildModal;
diff --git a/sbc_translation/static/src/components/tp_content_editor.js b/sbc_translation/static/src/components/tp_content_editor.js
new file mode 100644
index 000000000..9b4168858
--- /dev/null
+++ b/sbc_translation/static/src/components/tp_content_editor.js
@@ -0,0 +1,116 @@
+/** @odoo-module */
+
+import { Component, xml, useState } from "@odoo/owl";
+import { _t } from "@web/core/l10n/translation";
+import { TpModal } from "./tp_modal";
+
+/**
+ * Tips modal showing translation best practices.
+ * Props:
+ *   active  {Boolean}
+ *   onClose {Function}
+ */
+class TpTipsModal extends Component {
+    static template = xml`
+        <TpModal active="props.active" onClose="props.onClose" title="'Tips for a Successful Translation'">
+            <div class="p-3 small" style="max-width: 500px;">
+                <ul class="mb-0">
+                    <li class="mb-2">Keep the same tone and emotional register as the source text.</li>
+                    <li class="mb-2">Do not paraphrase – translate as closely as possible.</li>
+                    <li class="mb-2">Preserve paragraph breaks from the source.</li>
+                    <li class="mb-2">If the source text is unclear, add a comment explaining the issue.</li>
+                    <li class="mb-2">Names of people and places should be kept as they appear.</li>
+                    <li class="mb-2">If you're unsure about a phrase, use the comment field to flag it.</li>
+                </ul>
+            </div>
+        </TpModal>
+    `;
+    static components = { TpModal };
+    static props = {
+        active: { type: Boolean },
+        onClose: { type: Function },
+    };
+}
+
+/**
+ * Content editor for translating individual paragraphs.
+ * Props:
+ *   letter {Object} - letter data with translatedElements array
+ */
+export class TpContentEditor extends Component {
+    static template = xml`
+        <div id="tp-content-editor">
+            <div t-foreach="props.letter.translatedElements"
+                 t-as="element"
+                 t-key="element.id"
+                 class="mb-3 border rounded transition-all">
+                <!-- Page break marker -->
+                <div t-if="element.type === 'pageBreak'"
+                     class="text-center text-muted small py-2 bg-light border-top border-bottom">
+                    — Page Break —
+                </div>
+                <!-- Paragraph editor -->
+                <div t-if="element.type === 'paragraph'" class="row g-0 bg-white shadow-sm">
+                    <div class="col-8 p-3 border-end">
+                        <h6 class="fw-medium text-secondary mb-2">Translated Content</h6>
+                        <textarea class="form-control form-control-sm" rows="5" t-model="element.content" />
+                    </div>
+                    <div class="col-4 p-3 bg-light">
+                        <h6 class="fw-medium text-secondary mb-2">Comment on the translation</h6>
+                        <textarea class="form-control form-control-sm" rows="5" t-model="element.comments" />
+                    </div>
+                </div>
+                <!-- Action buttons (view source / tips) -->
+                <div t-if="element.type === 'paragraph'"
+                     class="d-flex gap-1 px-3 py-1 border-top bg-light">
+                    <button type="button" class="btn btn-sm btn-outline-secondary"
+                            title="View source text"
+                            t-on-click="() => openSource(element.id)">
+                        <i class="fa fa-eye" /> Source
+                    </button>
+                    <button type="button" class="btn btn-sm btn-outline-secondary"
+                            title="Translation tips"
+                            t-on-click="openTips">
+                        <i class="fa fa-info-circle" /> Tips
+                    </button>
+                </div>
+            </div>
+
+            <!-- Modals -->
+            <TpTipsModal active="state.showTips" onClose="() => state.showTips = false" />
+            <TpModal active="state.sourceElem !== undefined"
+                     title="'Source Text'"
+                     onClose="() => state.sourceElem = undefined">
+                <div class="p-3" style="min-width: 350px;">
+                    <p t-if="state.sourceElem and state.sourceElem.trim() !== ''"
+                       class="small" t-esc="state.sourceElem" />
+                    <p t-else="" class="small text-muted fst-italic">No source text available</p>
+                </div>
+            </TpModal>
+        </div>
+    `;
+
+    static components = { TpModal, TpTipsModal };
+
+    static props = {
+        letter: { type: Object },
+    };
+
+    state = useState({
+        sourceElem: undefined,
+        showTips: false,
+    });
+
+    openSource(elemId) {
+        const elem = this.props.letter.translatedElements.find((e) => e.id === elemId);
+        if (elem && elem.type === "paragraph") {
+            this.state.sourceElem = elem.source || "";
+        }
+    }
+
+    openTips() {
+        this.state.showTips = true;
+    }
+}
+
+export default TpContentEditor;
diff --git a/sbc_translation/static/src/components/tp_languages_pick_modal.js b/sbc_translation/static/src/components/tp_languages_pick_modal.js
new file mode 100644
index 000000000..c619a1c9c
--- /dev/null
+++ b/sbc_translation/static/src/components/tp_languages_pick_modal.js
@@ -0,0 +1,206 @@
+/** @odoo-module */
+
+import { Component, xml, useState } from "@odoo/owl";
+import { useService } from "@web/core/utils/hooks";
+import { _t } from "@web/core/l10n/translation";
+import { TpModal } from "./tp_modal";
+import { SettingsDAO } from "../models/settings_dao";
+import { TranslatorDAO } from "../models/translator_dao";
+
+/**
+ * Component that renders a translator's current skills and allows deletion.
+ * Props:
+ *   skills       {Array}    - list of skill objects {source, target, verified}
+ *   translatorId {number}
+ *   onChange     {Function} - called after a skill is removed
+ */
+export class TpTranslationSkills extends Component {
+    static template = xml`
+        <div>
+            <div t-foreach="props.skills" t-as="skill" t-key="skill_index"
+                 class="d-flex align-items-center justify-content-between mb-2 p-2 border rounded">
+                <span class="small">
+                    <t t-esc="skill.source" /> → <t t-esc="skill.target" />
+                    <span t-if="!skill.verified" class="badge bg-warning text-dark ms-2">Unverified</span>
+                    <span t-if="skill.verified" class="badge bg-success ms-2">Verified</span>
+                </span>
+                <button type="button" class="btn btn-sm btn-outline-danger"
+                        t-on-click="() => this.removeSkill(skill)">
+                    <i class="fa fa-trash" />
+                </button>
+            </div>
+            <p t-if="props.skills.length === 0" class="text-muted small text-center">
+                No translation skills defined yet.
+            </p>
+        </div>
+    `;
+
+    static props = {
+        skills: { type: Array },
+        translatorId: { type: Number },
+        onChange: { type: Function },
+    };
+
+    setup() {
+        this.orm = useService("orm");
+        this.notification = useService("notification");
+    }
+
+    async removeSkill(skill) {
+        try {
+            await TranslatorDAO.deleteSkill(this.orm, this.props.translatorId, {
+                source: skill.source,
+                target: skill.target,
+                verified: skill.verified,
+            });
+            this.notification.add(_t("Skill removed"), { type: "success" });
+            this.props.onChange();
+        } catch (e) {
+            this.notification.add(_t("Unable to remove skill"), { type: "danger" });
+        }
+    }
+}
+
+/**
+ * Modal for picking/registering new translation skills.
+ * Props:
+ *   active       {Boolean}
+ *   onClose      {Function}
+ *   onChange     {Function} - called after skills are changed
+ *   translatorId {number}
+ */
+export class TpLanguagesPickModal extends Component {
+    static template = xml`
+        <TpModal active="props.active" onClose="props.onClose"
+                 title="'Languages'" subtitle="'Your translation skills'"
+                 loading="state.loading" closeButtonText="'Cancel'">
+            <div t-if="state.translator" class="p-3">
+                <div class="row">
+                    <div class="col-md-6" t-if="state.translator.skills.length > 0">
+                        <h6 class="fw-medium mb-3">Your current translation skills</h6>
+                        <TpTranslationSkills
+                            skills="state.translator.skills"
+                            translatorId="state.translator.translatorId"
+                            onChange="() => this.props.onChange()" />
+                    </div>
+                    <div t-att-class="state.translator.skills.length > 0 ? 'col-md-6 bg-light p-3 rounded' : 'col-12'">
+                        <h6 class="fw-medium mb-2">Register a new translation skill</h6>
+                        <p class="small text-muted mb-3">
+                            Translating from a language to another and back are two different skills.
+                        </p>
+                        <div t-foreach="state.potentialSkills" t-as="skill" t-key="skill_index"
+                             class="input-group mb-2">
+                            <select class="form-select form-select-sm" t-model="skill.competenceId">
+                                <option t-foreach="state.competences" t-as="comp" t-key="comp.id"
+                                        t-att-value="comp.id"
+                                        t-att-disabled="translatorHasSkill(comp)"
+                                        t-esc="comp.source + ' → ' + comp.target" />
+                            </select>
+                            <button type="button" class="btn btn-sm btn-outline-danger"
+                                    t-on-click="() => state.potentialSkills.splice(skill_index, 1)">
+                                <i class="fa fa-trash" />
+                            </button>
+                        </div>
+                        <div class="text-center mt-2">
+                            <button type="button" class="btn btn-sm btn-outline-secondary"
+                                    t-if="state.allowedCompetences.length > 0"
+                                    t-on-click="addSkill">
+                                Add Skill
+                            </button>
+                            <p t-else="" class="small text-muted fw-semibold">
+                                You already have all available translation skills!
+                            </p>
+                        </div>
+                    </div>
+                </div>
+            </div>
+            <div t-else="" class="p-5 text-center text-muted">
+                <span class="spinner-border spinner-border-sm" />
+            </div>
+            <t t-set-slot="footer-buttons">
+                <button type="button" class="btn btn-primary btn-sm"
+                        t-att-disabled="state.potentialSkills.length === 0"
+                        t-on-click="registerSkills">
+                    Register
+                    <span t-esc="state.potentialSkills.length" />
+                    new Skill<span t-esc="state.potentialSkills.length === 1 ? '' : 's'" />
+                </button>
+            </t>
+        </TpModal>
+    `;
+
+    static components = { TpModal, TpTranslationSkills };
+
+    static props = {
+        active: { type: Boolean },
+        onClose: { type: Function },
+        onChange: { type: Function },
+        translatorId: { type: Number, optional: true },
+    };
+
+    state = useState({
+        loading: false,
+        competences: [],
+        potentialSkills: [],
+        allowedCompetences: [],
+        translator: null,
+    });
+
+    setup() {
+        this.orm = useService("orm");
+        this.notification = useService("notification");
+        this._loadData();
+    }
+
+    async _loadData() {
+        this.state.loading = true;
+        try {
+            const [competences, translator] = await Promise.all([
+                SettingsDAO.translationCompetences(this.orm),
+                TranslatorDAO.find(this.orm, this.props.translatorId),
+            ]);
+            this.state.competences = competences;
+            this.state.translator = translator;
+            this.state.allowedCompetences = competences.filter((c) => !this.translatorHasSkill(c));
+        } catch (e) {
+            this.notification.add(_t("Unable to load translator information"), { type: "danger" });
+            this.props.onClose();
+        } finally {
+            this.state.loading = false;
+        }
+    }
+
+    translatorHasSkill(competence) {
+        return (this.state.translator?.skills || []).some(
+            (s) => s.source === competence.source && s.target === competence.target
+        );
+    }
+
+    addSkill() {
+        if (this.state.allowedCompetences.length > 0) {
+            this.state.potentialSkills.push({
+                competenceId: this.state.allowedCompetences[0].id,
+            });
+        }
+    }
+
+    async registerSkills() {
+        this.state.loading = true;
+        try {
+            await TranslatorDAO.registerSkills(
+                this.orm,
+                this.props.translatorId,
+                this.state.potentialSkills.map((s) => parseInt(s.competenceId, 10))
+            );
+            this.notification.add(_t("Your new skills have been registered"), { type: "success" });
+            this.state.potentialSkills = [];
+            this.props.onChange();
+        } catch (e) {
+            this.notification.add(_t("Unable to register translation skills"), { type: "danger" });
+        } finally {
+            this.state.loading = false;
+        }
+    }
+}
+
+export default TpLanguagesPickModal;
diff --git a/sbc_translation/static/src/components/tp_letter_viewer.js b/sbc_translation/static/src/components/tp_letter_viewer.js
new file mode 100644
index 000000000..0c0a0c8f8
--- /dev/null
+++ b/sbc_translation/static/src/components/tp_letter_viewer.js
@@ -0,0 +1,230 @@
+/** @odoo-module */
+
+import { Component, xml, useState, useRef, onMounted, onWillUnmount, onWillUpdateProps, onPatched } from "@odoo/owl";
+import { useService } from "@web/core/utils/hooks";
+import { _t } from "@web/core/l10n/translation";
+import { TpLoader } from "./tp_loader";
+import { TpSignalProblem } from "./tp_signal_problem";
+
+/**
+ * Header that shows child/sponsor data and letter metadata.
+ * Props:
+ *   letter  {Object}  - letter data object
+ *   loading {Boolean} - show spinner when saving
+ *   navigateBack {Function} - navigate back to letters list
+ */
+class TpLetterInfoHeader extends Component {
+    static template = xml`
+        <div t-if="props.letter" id="tp-letter-viewer-header">
+            <div class="d-flex bg-white border-bottom p-3 flex-wrap gap-4">
+                <!-- Child info -->
+                <div>
+                    <h6 class="fw-semibold mb-2">Child Data</h6>
+                    <div class="small text-secondary mb-1">
+                        <span class="fw-medium me-2">Preferred Name</span>
+                        <span t-esc="props.letter.child.preferredName" />
+                    </div>
+                    <div class="small text-secondary mb-1">
+                        <span class="fw-medium me-2">Sex</span>
+                        <span t-esc="props.letter.child.sex === 'M' ? 'Man' : 'Woman'" />
+                    </div>
+                    <div class="small text-secondary">
+                        <span class="fw-medium me-2">Age</span>
+                        <span t-esc="(props.letter.child.age || '') + ' Years Old'" />
+                    </div>
+                </div>
+                <!-- Sponsor info -->
+                <div>
+                    <h6 class="fw-semibold mb-2">Sponsor Data</h6>
+                    <div class="small text-secondary mb-1">
+                        <span class="fw-medium me-2">Preferred Name</span>
+                        <span t-esc="props.letter.sponsor.preferredName" />
+                    </div>
+                    <div class="small text-secondary mb-1">
+                        <span class="fw-medium me-2">Title</span>
+                        <span t-esc="props.letter.sponsor.sex === 'M' ? 'Man' : (props.letter.sponsor.sex === 'F' ? 'Woman' : (props.letter.sponsor.sex || ''))" />
+                    </div>
+                    <div class="small text-secondary">
+                        <span class="fw-medium me-2">Age</span>
+                        <span t-esc="(props.letter.sponsor.age || '') + ' Years Old'" />
+                    </div>
+                </div>
+                <!-- Letter info -->
+                <div class="flex-grow-1">
+                    <h6 class="fw-semibold mb-2">Letter Information</h6>
+                    <div class="small text-secondary mb-1">
+                        <span class="fw-medium me-2">Title</span>
+                        <span t-esc="props.letter.title" />
+                    </div>
+                    <div class="small text-secondary mb-1">
+                        <span class="fw-medium me-2">Identifier</span>
+                        <span t-esc="props.letter.id" />
+                    </div>
+                    <div class="small text-secondary">
+                        <span class="fw-medium me-2">Language</span>
+                        <span t-esc="props.letter.source" />
+                        <span class="fw-bold mx-1">→</span>
+                        <span t-esc="props.letter.target" />
+                    </div>
+                </div>
+            </div>
+            <!-- Status bar + actions -->
+            <div class="d-flex align-items-center justify-content-between bg-light border-bottom px-3 py-2">
+                <div class="d-flex align-items-center gap-2">
+                    <span class="badge"
+                          t-att-class="props.letter.translationIssue ? 'bg-danger' : 'bg-secondary'"
+                          t-esc="props.letter.status" />
+                    <span class="small text-muted">
+                        <t t-if="props.letter.lastUpdate">
+                            Last updated <t t-esc="props.letter.lastUpdate.toLocaleString()" />
+                        </t>
+                        <t t-else="">Never modified</t>
+                    </span>
+                    <TpLoader t-if="props.loading" />
+                </div>
+                <!-- Action buttons slot -->
+                <div class="d-flex gap-2">
+                    <t t-slot="default" />
+                </div>
+            </div>
+            <!-- Child protection reminder -->
+            <div class="bg-light border-bottom px-3 py-2">
+                <p class="small text-secondary mb-0">
+                    Please always signal the problem if the name of the child mentioned in the letter
+                    isn't the preferred name. Thank you.
+                </p>
+            </div>
+        </div>
+    `;
+
+    static components = { TpLoader };
+
+    static props = {
+        letter: { type: Object, optional: true },
+        loading: { type: Boolean, optional: true },
+        slots: { optional: true },
+    };
+}
+
+/**
+ * Full split-pane letter viewer.
+ * Left pane: PDF (letter image) or source text.
+ * Right pane: translation editor (slot).
+ *
+ * Props:
+ *   letter      {Object}  - letter data object
+ *   letterId    {number}  - always present, even if letter not found
+ *   loading     {Boolean}
+ *   smallLoading {Boolean} - spinner in header (save in progress)
+ *   navigateBack {Function}
+ *   slots:
+ *     action-buttons - buttons in the header action area
+ *     content        - right-pane content (ContentEditor, etc.)
+ *     unsafe         - rendered outside the split layout (modals, etc.)
+ *     right-pane     - additional overlay for the right pane
+ */
+export class TpLetterViewer extends Component {
+    static template = xml`
+        <div class="tp-letter-viewer position-relative" style="height: calc(100vh - 50px);">
+            <t t-slot="unsafe" />
+            <TpSignalProblem active="state.signalProblemModal"
+                             letterId="props.letterId"
+                             onClose="() => state.signalProblemModal = false" />
+
+            <!-- Letter found -->
+            <div t-if="props.letter" class="d-flex h-100">
+                <!-- Left pane: PDF / source text -->
+                <div class="position-relative bg-secondary-subtle border-end" style="width: 40%; min-width: 220px; flex-shrink: 0;">
+                    <div class="h-100 overflow-hidden d-flex flex-column">
+                        <!-- View toggle -->
+                        <div class="d-flex gap-1 p-2 bg-white border-bottom">
+                            <button type="button" class="btn btn-sm"
+                                    t-att-class="state.mode === 'letter' ? 'btn-primary' : 'btn-outline-secondary'"
+                                    t-on-click="() => state.mode = 'letter'">Letter</button>
+                            <button type="button" class="btn btn-sm"
+                                    t-att-class="state.mode === 'source' ? 'btn-primary' : 'btn-outline-secondary'"
+                                    t-on-click="() => state.mode = 'source'">Source</button>
+                        </div>
+                        <!-- PDF iframe -->
+                        <div t-if="state.mode === 'letter'" class="flex-grow-1">
+                            <iframe t-att-src="props.letter.pdfUrl" class="w-100 h-100" style="border: none;" />
+                        </div>
+                        <!-- Source text -->
+                        <div t-elif="state.mode === 'source'" class="flex-grow-1 overflow-auto p-3 bg-dark text-light">
+                            <h5 class="fw-semibold">Source Text to translate</h5>
+                            <p class="small text-secondary mb-3">
+                                If the letter is unavailable, please signal a problem.
+                            </p>
+                            <div t-foreach="props.letter.translatedElements" t-as="elem" t-key="elem.id">
+                                <div t-if="elem.type === 'paragraph'"
+                                     class="bg-secondary p-3 mb-2 rounded small text-white">
+                                    <p class="mb-0" t-esc="elem.source" />
+                                </div>
+                                <div t-if="elem.type === 'pageBreak'"
+                                     class="text-center text-secondary-emphasis small py-2 mb-2 border rounded">
+                                    — Page Break —
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+
+                <!-- Right pane: translation editor -->
+                <div class="flex-grow-1 d-flex flex-column position-relative overflow-hidden">
+                    <t t-slot="right-pane" />
+                    <!-- Header with letter info + action buttons -->
+                    <TpLetterInfoHeader letter="props.letter" loading="props.smallLoading">
+                        <t t-slot="action-buttons" />
+                    </TpLetterInfoHeader>
+                    <!-- Content area -->
+                    <div class="flex-grow-1 overflow-auto bg-light p-3" id="tp-letter-viewer-content">
+                        <t t-slot="content" letter="props.letter" />
+                    </div>
+                </div>
+            </div>
+
+            <!-- Letter not found -->
+            <div t-elif="!props.loading"
+                 class="d-flex flex-column align-items-center justify-content-center h-100">
+                <i class="fa fa-exclamation-triangle fa-4x text-secondary mb-3" />
+                <p class="text-secondary fw-semibold mb-3">This letter could not be found</p>
+                <div class="d-flex gap-2">
+                    <button type="button" class="btn btn-sm btn-outline-danger"
+                            t-on-click="() => state.signalProblemModal = true">
+                        Signal a Problem
+                    </button>
+                    <button type="button" class="btn btn-sm btn-outline-secondary"
+                            t-on-click="props.navigateBack">
+                        Back to Translations
+                    </button>
+                </div>
+            </div>
+
+            <!-- Loading overlay -->
+            <div t-if="props.loading"
+                 class="position-absolute top-0 start-0 w-100 h-100 d-flex flex-column align-items-center justify-content-center bg-light"
+                 style="z-index: 30;">
+                <div class="spinner-border text-primary mb-2" />
+                <p class="text-muted">Loading letter...</p>
+            </div>
+        </div>
+    `;
+
+    static components = { TpLetterInfoHeader, TpSignalProblem, TpLoader };
+
+    static props = {
+        letter: { type: Object, optional: true },
+        letterId: {},
+        loading: { type: Boolean, optional: true },
+        smallLoading: { type: Boolean, optional: true },
+        navigateBack: { type: Function, optional: true },
+        slots: { optional: true },
+    };
+
+    state = useState({
+        mode: "letter",
+        signalProblemModal: false,
+    });
+}
+
+export default TpLetterViewer;
diff --git a/sbc_translation/static/src/components/tp_loader.js b/sbc_translation/static/src/components/tp_loader.js
new file mode 100644
index 000000000..d0143ce8f
--- /dev/null
+++ b/sbc_translation/static/src/components/tp_loader.js
@@ -0,0 +1,38 @@
+/** @odoo-module */
+
+import { Component, xml, useState, onMounted, onWillUpdateProps } from "@odoo/owl";
+
+/**
+ * Generic loading spinner.
+ */
+export class TpLoader extends Component {
+    static template = xml`
+        <div class="d-flex justify-content-center">
+            <span class="spinner-border spinner-border-sm text-primary" role="status">
+                <span class="visually-hidden">Loading...</span>
+            </span>
+        </div>
+    `;
+    static props = { "*": {} };
+}
+
+/**
+ * Full-screen blur overlay with a spinner (shown while loading).
+ */
+export class TpBlurLoader extends Component {
+    static template = xml`
+        <div t-if="props.active"
+             class="position-absolute top-0 start-0 w-100 h-100 d-flex flex-column align-items-center justify-content-center"
+             style="background: rgba(255,255,255,0.7); backdrop-filter: blur(4px); z-index: 40;">
+            <div class="p-4 bg-white rounded shadow">
+                <TpLoader />
+            </div>
+            <p t-if="props.text" class="mt-3 text-muted fs-5" t-esc="props.text" />
+        </div>
+    `;
+    static components = { TpLoader };
+    static props = {
+        active: { type: Boolean, optional: true },
+        text: { type: String, optional: true },
+    };
+}
diff --git a/sbc_translation/static/src/components/tp_modal.js b/sbc_translation/static/src/components/tp_modal.js
new file mode 100644
index 000000000..0e9d3556f
--- /dev/null
+++ b/sbc_translation/static/src/components/tp_modal.js
@@ -0,0 +1,110 @@
+/** @odoo-module */
+
+import { Component, xml, useState, onMounted, onWillUpdateProps, onPatched } from "@odoo/owl";
+import { TpLoader } from "./tp_loader";
+
+// Duration of the Bootstrap modal fade-in/out CSS transition (ms).
+// The unmount delay must match the animation so the backdrop disappears correctly.
+const MODAL_TRANSITION_DURATION_MS = 200;
+
+/**
+ * A Bootstrap modal component.
+ * Props:
+ *   active  {Boolean}  - whether the modal is open
+ *   title   {String}   - modal title
+ *   subtitle {String}  - optional subtitle
+ *   onClose {Function} - called when the close button is clicked
+ *   loading {Boolean}  - shows a loading overlay inside the modal
+ *   showCloseButton {Boolean} - whether to show footer close button (default true)
+ *   closeButtonText {String}  - label for the footer close button
+ */
+export class TpModal extends Component {
+    static template = xml`
+        <div t-if="state.mounted"
+             class="modal tp-modal"
+             t-att-class="{ 'show d-block': state.display, 'd-none': !state.display }"
+             tabindex="-1"
+             t-on-click.self="props.onClose or (() => null)">
+            <div class="modal-dialog modal-dialog-centered modal-lg" t-att-class="props.dialogClass || ''">
+                <div class="modal-content position-relative">
+                    <!-- Loading overlay -->
+                    <div t-if="props.loading"
+                         class="position-absolute top-0 start-0 w-100 h-100 d-flex align-items-center justify-content-center"
+                         style="background: rgba(255,255,255,0.8); z-index: 10; backdrop-filter: blur(2px);">
+                        <TpLoader />
+                    </div>
+                    <!-- Header -->
+                    <div class="modal-header" t-if="props.title or props.onClose">
+                        <div>
+                            <h5 class="modal-title" t-if="props.title" t-esc="props.title" />
+                            <p class="text-muted small mb-0" t-if="props.subtitle" t-esc="props.subtitle" />
+                        </div>
+                        <button t-if="props.onClose" type="button" class="btn-close" t-on-click="props.onClose" />
+                    </div>
+                    <!-- Body -->
+                    <div class="modal-body p-0">
+                        <t t-slot="default" />
+                    </div>
+                    <!-- Footer -->
+                    <t t-slot="footer">
+                        <div class="modal-footer" t-if="!props.empty">
+                            <button t-if="props.onClose and props.showCloseButton !== false"
+                                    type="button"
+                                    class="btn btn-outline-secondary btn-sm"
+                                    t-on-click="props.onClose"
+                                    t-esc="props.closeButtonText or 'Close'" />
+                            <t t-slot="footer-buttons" />
+                        </div>
+                    </t>
+                </div>
+            </div>
+        </div>
+        <!-- Backdrop -->
+        <div t-if="state.display" class="modal-backdrop show" />
+    `;
+
+    static components = { TpLoader };
+
+    static props = {
+        active: { type: Boolean, optional: true },
+        title: { type: String, optional: true },
+        subtitle: { type: String, optional: true },
+        onClose: { type: Function, optional: true },
+        loading: { type: Boolean, optional: true },
+        showCloseButton: { type: Boolean, optional: true },
+        closeButtonText: { type: String, optional: true },
+        empty: { type: Boolean, optional: true },
+        dialogClass: { type: String, optional: true },
+        "*": {},
+    };
+
+    state = useState({
+        mounted: false,
+        display: false,
+    });
+
+    setup() {
+        onMounted(() => this._handleMount(this.props));
+        onWillUpdateProps((next) => this._handleMount(next));
+        onPatched(() => this._postRendered());
+    }
+
+    _handleMount(props) {
+        if (props.active && !this.state.mounted) {
+            this.state.mounted = true;
+        } else if (this.state.mounted && !props.active) {
+            this.state.display = false;
+            setTimeout(() => {
+                this.state.mounted = false;
+            }, MODAL_TRANSITION_DURATION_MS);
+        }
+    }
+
+    _postRendered() {
+        if (this.props.active && this.state.mounted && !this.state.display) {
+            this.state.display = true;
+        }
+    }
+}
+
+export default TpModal;
diff --git a/sbc_translation/static/src/components/tp_signal_problem.js b/sbc_translation/static/src/components/tp_signal_problem.js
new file mode 100644
index 000000000..3083d0142
--- /dev/null
+++ b/sbc_translation/static/src/components/tp_signal_problem.js
@@ -0,0 +1,93 @@
+/** @odoo-module */
+
+import { Component, xml, useState } from "@odoo/owl";
+import { useService } from "@web/core/utils/hooks";
+import { _t } from "@web/core/l10n/translation";
+import { TpModal } from "./tp_modal";
+import { SettingsDAO } from "../models/settings_dao";
+
+/**
+ * Modal for reporting a problem with a letter.
+ * Props:
+ *   letterId  {number}
+ *   active    {Boolean}
+ *   onClose   {Function}
+ */
+export class TpSignalProblem extends Component {
+    static template = xml`
+        <TpModal active="props.active" onClose="props.onClose"
+                 title="'Signal a Problem'"
+                 subtitle="'Notify Compassion of a problem with this letter'"
+                 loading="state.loading">
+            <div class="p-3">
+                <select class="form-select form-select-sm mb-2" t-model="state.type">
+                    <option t-foreach="state.types" t-as="type" t-key="type.id"
+                            t-att-value="type.id" t-esc="type.text" />
+                </select>
+                <textarea class="form-control form-control-sm" rows="4"
+                          t-model="state.message"
+                          placeholder="Your Message" />
+            </div>
+            <t t-set-slot="footer-buttons">
+                <button type="button" class="btn btn-primary btn-sm" t-on-click="submit">
+                    Send Message
+                </button>
+            </t>
+        </TpModal>
+    `;
+
+    static components = { TpModal };
+
+    static props = {
+        letterId: {},
+        active: { type: Boolean },
+        onClose: { type: Function },
+        onRefresh: { type: Function, optional: true },
+    };
+
+    state = useState({
+        loading: false,
+        message: "",
+        type: null,
+        types: [],
+    });
+
+    setup() {
+        this.orm = useService("orm");
+        this.notification = useService("notification");
+        this.state.loading = true;
+        SettingsDAO.letterIssues(this.orm).then((res) => {
+            this.state.types = res;
+            this.state.type = res[0]?.id || null;
+            this.state.loading = false;
+        });
+    }
+
+    async submit() {
+        if (!this.state.type) {
+            this.notification.add(_t("Please select a problem in the list"), { type: "warning" });
+            return;
+        }
+        this.state.loading = true;
+        try {
+            await this.orm.call("correspondence", "raise_translation_issue", [
+                [parseInt(this.props.letterId, 10)],
+                this.state.type,
+                this.state.message,
+            ]);
+            this.notification.add(_t("Issue successfully sent, it will be quickly reviewed"), {
+                type: "success",
+            });
+            this.props.onClose();
+            if (this.props.onRefresh) {
+                this.props.onRefresh();
+            }
+        } catch (e) {
+            this.notification.add(_t("Unable to submit issue"), { type: "danger" });
+        } finally {
+            this.state.loading = false;
+        }
+    }
+}
+
+export default TpSignalProblem;
diff --git a/sbc_translation/static/src/components/tp_translator_button.js b/sbc_translation/static/src/components/tp_translator_button.js
new file mode 100644
index 000000000..a92dac560
--- /dev/null
+++ b/sbc_translation/static/src/components/tp_translator_button.js
@@ -0,0 +1,82 @@
+/** @odoo-module */
+
+import { Component, xml, useState } from "@odoo/owl";
+import { useService } from "@web/core/utils/hooks";
+import { _t } from "@web/core/l10n/translation";
+import { TpModal } from "./tp_modal";
+import { TranslatorDAO } from "../models/translator_dao";
+
+/**
+ * Inline button showing a translator's name; opens a detail modal on click.
+ * Props:
+ *   translatorId {number}
+ */
+export class TpTranslatorButton extends Component {
+    static template = xml`
+        <span>
+            <button type="button"
+                    class="btn btn-sm btn-link p-0"
+                    t-on-click="loadAndOpen">
+                <t t-if="state.translator">
+                    <t t-esc="state.translator.name or ('Translator #' + props.translatorId)" />
+                </t>
+                <t t-else="">
+                    <span class="spinner-border spinner-border-sm" t-if="state.loading" />
+                    <span t-else="" t-esc="'#' + props.translatorId" />
+                </t>
+            </button>
+            <TpModal active="state.showModal"
+                     onClose="() => state.showModal = false"
+                     title="'Translator Details'">
+                <div class="p-3 small" t-if="state.translator">
+                    <div class="mb-2">
+                        <span class="fw-medium me-2">Name</span>
+                        <span t-esc="state.translator.name" />
+                    </div>
+                    <div class="mb-2">
+                        <span class="fw-medium me-2">Email</span>
+                        <span t-esc="state.translator.email or '—'" />
+                    </div>
+                    <div class="mb-2">
+                        <span class="fw-medium me-2">Letters translated</span>
+                        <span t-esc="state.translator.total" />
+                    </div>
+                    <div>
+                        <span class="fw-medium me-2">Role</span>
+                        <span t-esc="state.translator.role" />
+                    </div>
+                </div>
+            </TpModal>
+        </span>
+    `;
+
+    static components = { TpModal };
+
+    static props = {
+        translatorId: { type: Number },
+    };
+
+    state = useState({
+        translator: null,
+        loading: false,
+        showModal: false,
+    });
+
+    setup() {
+        this.orm = useService("orm");
+    }
+
+    async loadAndOpen() {
+        if (!this.state.translator) {
+            this.state.loading = true;
+            try {
+                this.state.translator = await TranslatorDAO.find(this.orm, this.props.translatorId);
+            } finally {
+                this.state.loading = false;
+            }
+        }
+        this.state.showModal = true;
+    }
+}
+
+export default TpTranslatorButton;
diff --git a/sbc_translation/static/src/models/letter_dao.js b/sbc_translation/static/src/models/letter_dao.js
new file mode 100644
index 000000000..e8506cba6
--- /dev/null
+++ b/sbc_translation/static/src/models/letter_dao.js
@@ -0,0 +1,224 @@
+/** @odoo-module */
+
+/**
+ * Letter DAO - data access for the correspondence model.
+ * All methods take `orm` (the Odoo ORM service) as first argument.
+ */
+
+export const LetterDAO = {
+    /**
+     * Fetch a single letter's full info.
+     * @param {Object} orm - Odoo orm service
+     * @param {number|string} id
+     * @returns {Promise<Object>}
+     */
+    async find(orm, id) {
+        const result = await orm.call("correspondence", "get_letter_info", [[parseInt(id, 10)]]);
+        return LetterDAO._cleanLetter(result);
+    },
+
+    /**
+     * List letters matching params.
+     * @param {Object} orm
+     * @param {Object} params - { search, sortBy, pageNumber, pageSize }
+     * @returns {Promise<{data: Object[], total: number}>}
+     */
+    async list(orm, params = {}) {
+        const domain = LetterDAO._buildDomain(params.search || []);
+        // Always filter to letters in translation queue
+        domain.push(["state", "=", "Global Partner translation queue"]);
+        const offset = (params.pageNumber || 0) * (params.pageSize || 10);
+        const limit = params.pageSize || 10;
+        const order = LetterDAO._buildOrder(params.sortBy || []);
+
+        const [ids, total] = await Promise.all([
+            orm.search("correspondence", domain, { offset, limit, order }),
+            orm.searchCount("correspondence", domain),
+        ]);
+
+        if (!ids || ids.length === 0) {
+            return { data: [], total };
+        }
+
+        // list_letters is a record-level method; pass IDs as first arg
+        const rawLetters = await orm.call("correspondence", "list_letters", [ids]);
+        const data = (rawLetters || []).map((l) => LetterDAO._cleanLetter(l));
+        return { data, total };
+    },
+
+    /**
+     * List all IDs matching params (for select-all).
+     * @param {Object} orm
+     * @param {Object} params
+     * @returns {Promise<number[]>}
+     */
+    async listIds(orm, params = {}) {
+        const domain = LetterDAO._buildDomain(params.search || []);
+        domain.push(["state", "=", "Global Partner translation queue"]);
+        return orm.search("correspondence", domain);
+    },
+
+    /**
+     * Save (update) a translation in progress.
+     * @param {Object} orm
+     * @param {Object} letter
+     * @returns {Promise<boolean>}
+     */
+    async update(orm, letter) {
+        return orm.call("correspondence", "save_translation", [
+            [letter.id],
+            letter.translatedElements,
+            letter.translatorId || false,
+        ]);
+    },
+
+    /**
+     * Submit a completed translation.
+     * @param {Object} orm
+     * @param {Object} letter
+     * @returns {Promise<boolean>}
+     */
+    async submit(orm, letter) {
+        return orm.call("correspondence", "submit_translation", [
+            [letter.id],
+            letter.translatedElements,
+            letter.translatorId || false,
+        ]);
+    },
+
+    /**
+     * Report an issue with a letter.
+     * @param {Object} orm
+     * @param {number} letterId
+     * @param {string} issueType
+     * @param {string} message
+     * @returns {Promise<boolean>}
+     */
+    async reportIssue(orm, letterId, issueType, message) {
+        return orm.call("correspondence", "raise_translation_issue", [
+            [parseInt(letterId, 10)],
+            issueType,
+            message,
+        ]);
+    },
+
+    /**
+     * Reply to translator comments on a letter.
+     * @param {Object} orm
+     * @param {Object} letter
+     * @param {string} html
+     * @returns {Promise<boolean>}
+     */
+    async replyToComments(orm, letter, html) {
+        return orm.call("correspondence", "reply_to_comments", [[letter.id], html]);
+    },
+
+    /**
+     * Mark all comments as read.
+     * @param {Object} orm
+     * @param {Object} letter
+     * @returns {Promise<boolean>}
+     */
+    async markCommentsAsRead(orm, letter) {
+        return orm.call("correspondence", "mark_comments_read", [[letter.id]]);
+    },
+
+    /**
+     * Put a letter back into the translation queue (resubmit).
+     * @param {Object} orm
+     * @param {Object} letter
+     * @returns {Promise<boolean>}
+     */
+    async makeTranslatable(orm, letter) {
+        return orm.call("correspondence", "action_resubmit_to_translation", [[letter.id]]);
+    },
+
+    /**
+     * Remove a letter from the translation queue.
+     * @param {Object} orm
+     * @param {Object} letter
+     * @returns {Promise<boolean>}
+     */
+    async deleteLetter(orm, letter) {
+        return orm.call("correspondence", "action_remove_local_translate", [[letter.id]]);
+    },
+
+    // -------------------------------------------------------------------------
+    // Private helpers
+    // -------------------------------------------------------------------------
+
+    /**
+     * Map the frontend search params to an Odoo domain.
+     * @param {Array} search - [{column, term, operator}]
+     * @returns {Array}
+     */
+    _buildDomain(search) {
+        const fieldMap = {
+            status: "translation_status",
+            title: "name",
+            priority: "translation_priority",
+            unreadComments: "unread_comments",
+            date: "scanned_date",
+            source: "src_translation_lang_id.name",
+            target: "translation_language_id.name",
+            translatorId: "new_translator_id",
+            translationIssue: "translation_issue",
+        };
+        const domain = [];
+        for (const item of search) {
+            const field = fieldMap[item.column] || item.column;
+            const op = item.operator || "ilike";
+            let term = item.term;
+            // Handle booleans and false
+            if (term === false || term === "false") term = false;
+            else if (term === true || term === "true") term = true;
+            domain.push([field, op, term]);
+        }
+        return domain;
+    },
+
+    /**
+     * Map the frontend sortBy array to an Odoo order string.
+     * @param {string[]} sortBy
+     * @returns {string}
+     */
+    _buildOrder(sortBy) {
+        const fieldMap = {
+            status: "translation_status",
+            title: "name",
+            priority: "translation_priority",
+            date: "scanned_date",
+            unreadComments: "unread_comments",
+        };
+        return sortBy
+            .map((clause) => {
+                const [field, dir = "asc"] = clause.split(" ");
+                return `${fieldMap[field] || field} ${dir}`;
+            })
+            .join(", ");
+    },
+
+    /**
+     * Clean/normalise a raw letter object coming from the server.
+     * @param {Object} letter
+     * @returns {Object}
+     */
+    _cleanLetter(letter) {
+        if (!letter) return undefined;
+        return {
+            ...letter,
+            status: letter.status || "to do",
+            date: letter.date ? new Date(letter.date) : new Date(),
+            lastUpdate: letter.lastUpdate && letter.lastUpdate !== "None"
+                ? new Date(letter.lastUpdate)
+                : undefined,
+            translatorId: letter.translatorId !== "None" ? letter.translatorId : undefined,
+            translatedElements: letter.translatedElements !== "None"
+                ? letter.translatedElements
+                : [],
+            priority: parseInt(letter.priority, 10) || 0,
+        };
+    },
+};
+
+export default LetterDAO;
diff --git a/sbc_translation/static/src/models/settings_dao.js b/sbc_translation/static/src/models/settings_dao.js
new file mode 100644
index 000000000..d57372ac2
--- /dev/null
+++ b/sbc_translation/static/src/models/settings_dao.js
@@ -0,0 +1,49 @@
+/** @odoo-module */
+
+/**
+ * Settings DAO - data access for translation competences and letter issues.
+ * All methods take `orm` (the Odoo ORM service) as first argument.
+ */
+
+export const SettingsDAO = {
+    /**
+     * Fetch all translation competences (language pairs).
+     * @param {Object} orm
+     * @returns {Promise<Array<{id: number, source: string, target: string}>>}
+     */
+    async translationCompetences(orm) {
+        const raw = await orm.searchRead(
+            "translation.competence",
+            [],
+            ["source_language_id", "dest_language_id"]
+        );
+        return (raw || []).map((it) => ({
+            id: it.id,
+            source: it.source_language_id[1],
+            target: it.dest_language_id[1],
+        }));
+    },
+
+    /**
+     * Fetch all unique languages (sources + targets combined).
+     * @param {Object} orm
+     * @returns {Promise<string[]>}
+     */
+    async languages(orm) {
+        const competences = await SettingsDAO.translationCompetences(orm);
+        const langs = competences.flatMap((c) => [c.source, c.target]);
+        return [...new Set(langs)];
+    },
+
+    /**
+     * Fetch the list of possible letter issue types.
+     * @param {Object} orm
+     * @returns {Promise<Array<{id: string, text: string}>>}
+     */
+    async letterIssues(orm) {
+        const raw = await orm.call("correspondence", "get_translation_issue_list", []);
+        return (raw || []).map(([id, text]) => ({ id, text }));
+    },
+};
+
+export default SettingsDAO;
diff --git a/sbc_translation/static/src/models/translator_dao.js b/sbc_translation/static/src/models/translator_dao.js
new file mode 100644
index 000000000..fc67567dc
--- /dev/null
+++ b/sbc_translation/static/src/models/translator_dao.js
@@ -0,0 +1,150 @@
+/** @odoo-module */
+
+/**
+ * Translator DAO - data access for the translation.user model.
+ * All methods take `orm` (the Odoo ORM service) as first argument.
+ */
+
+export const TranslatorDAO = {
+    /**
+     * Get a single translator's full info.
+     * @param {Object} orm
+     * @param {number} id
+     * @returns {Promise<Object>}
+     */
+    async find(orm, id) {
+        const data = await orm.call("translation.user", "get_user_info", [[parseInt(id, 10)]]);
+        return TranslatorDAO._cleanTranslator(data);
+    },
+
+    /**
+     * Get the current authenticated user's translator info.
+     * @param {Object} orm
+     * @returns {Promise<Object>}
+     */
+    async current(orm) {
+        const data = await orm.call("translation.user", "get_my_info", []);
+        if (!data) {
+            throw new Error("Unable to find current authenticated translator");
+        }
+        return TranslatorDAO._cleanTranslator(data);
+    },
+
+    /**
+     * List translators with optional filters and pagination.
+     * @param {Object} orm
+     * @param {Object} params
+     * @returns {Promise<{data: Object[], total: number}>}
+     */
+    async list(orm, params = {}) {
+        const domain = TranslatorDAO._buildDomain(params.search || []);
+        const offset = (params.pageNumber || 0) * (params.pageSize || 10);
+        const limit = params.pageSize || 10;
+        const order = TranslatorDAO._buildOrder(params.sortBy || []);
+
+        const [ids, total] = await Promise.all([
+            orm.search("translation.user", domain, { offset, limit, order }),
+            orm.searchCount("translation.user", domain),
+        ]);
+
+        if (!ids || ids.length === 0) {
+            return { data: [], total };
+        }
+
+        const rawTranslators = await orm.call("translation.user", "list_users", [ids]);
+        const data = (rawTranslators || [])
+            .map((t) => TranslatorDAO._cleanTranslator(t))
+            .filter((t) => t !== undefined);
+        return { data, total };
+    },
+
+    /**
+     * List all matching translator IDs.
+     * @param {Object} orm
+     * @param {Object} params
+     * @returns {Promise<number[]>}
+     */
+    async listIds(orm, params = {}) {
+        const domain = TranslatorDAO._buildDomain(params.search || []);
+        return orm.search("translation.user", domain);
+    },
+
+    /**
+     * Register new translation skills for a translator.
+     * @param {Object} orm
+     * @param {number} translatorId
+     * @param {number[]} competenceIds
+     * @returns {Promise<boolean>}
+     */
+    async registerSkills(orm, translatorId, competenceIds) {
+        for (const skillId of competenceIds) {
+            await orm.call("translation.user", "add_skill", [[translatorId], skillId]);
+        }
+        return true;
+    },
+
+    /**
+     * Remove a translation skill from a translator.
+     * @param {Object} orm
+     * @param {number} translatorId
+     * @param {Object} skill - { source, target, verified }
+     * @returns {Promise<boolean>}
+     */
+    async deleteSkill(orm, translatorId, skill) {
+        await orm.call("translation.user", "unlink_skill", [[translatorId], skill]);
+        return true;
+    },
+
+    // -------------------------------------------------------------------------
+    // Private helpers
+    // -------------------------------------------------------------------------
+
+    _buildDomain(search) {
+        const fieldMap = {
+            total: "nb_translated_letters",
+            year: "nb_translated_letters_this_year",
+            lastYear: "nb_translated_letters_last_year",
+            name: "partner_id.name",
+            email: "user_id.email",
+        };
+        const domain = [];
+        for (const item of search) {
+            const field = fieldMap[item.column] || item.column;
+            domain.push([field, item.operator || "ilike", item.term]);
+        }
+        return domain;
+    },
+
+    _buildOrder(sortBy) {
+        const fieldMap = {
+            total: "nb_translated_letters",
+            year: "nb_translated_letters_this_year",
+            lastYear: "nb_translated_letters_last_year",
+            name: "partner_id.name",
+            email: "user_id.email",
+        };
+        return sortBy
+            .map((clause) => {
+                const [field, dir = "asc"] = clause.split(" ");
+                return `${fieldMap[field] || field} ${dir}`;
+            })
+            .join(", ");
+    },
+
+    _cleanTranslator(data) {
+        if (!data) return undefined;
+        return {
+            ...data,
+            email: data.email !== "None" ? data.email : undefined,
+            name: data.name !== "None" ? data.name : undefined,
+            age: data.age !== "None" ? data.age : undefined,
+            language: data.language !== "None" ? data.language : undefined,
+            total: data.total !== "None" ? data.total : 0,
+            year: data.year !== "None" ? data.year : 0,
+            lastYear: data.lastYear !== "None" ? data.lastYear : 0,
+            skills: data.skills !== "None" ? (data.skills || []) : [],
+        };
+    },
+};
+
+export default TranslatorDAO;
diff --git a/sbc_translation/static/src/pages/tp_home.js b/sbc_translation/static/src/pages/tp_home.js
new file mode 100644
index 000000000..d5be83ca9
--- /dev/null
+++ b/sbc_translation/static/src/pages/tp_home.js
@@ -0,0 +1,272 @@
+/** @odoo-module */
+
+import { Component, xml, useState, onMounted } from "@odoo/owl";
+import { useService } from "@web/core/utils/hooks";
+import { _t } from "@web/core/l10n/translation";
+import { LetterDAO } from "../models/letter_dao";
+import { TpLanguagesPickModal } from "../components/tp_languages_pick_modal";
+import { TpBlurLoader } from "../components/tp_loader";
+
+/**
+ * Card showing a set of letters to translate for a given skill.
+ * Props:
+ *   title     {string}
+ *   remaining {number}
+ *   letters   {Array}
+ *   status    {string|undefined} - 'highlight' | 'unverified' | 'waiting' | undefined
+ *   navigate  {Function}
+ */
+class TpTranslationCard extends Component {
+    static template = xml`
+        <div class="card tp-translation-card" style="min-width: 260px; max-width: 300px;"
+             t-att-class="{
+               'border-primary': props.status === 'highlight',
+               'border-warning': props.status === 'unverified',
+               'border-info': props.status === 'waiting',
+             }">
+            <div class="card-header d-flex justify-content-between align-items-start">
+                <div>
+                    <h6 class="mb-0 fw-light" t-esc="props.title" />
+                    <small t-if="!props.status or props.status === 'highlight'" class="text-muted">
+                        <t t-esc="props.remaining" /> Letters
+                    </small>
+                    <small t-elif="props.status === 'waiting'" class="text-muted">Awaiting approval</small>
+                    <small t-else="" class="text-muted">Waiting for your verification letter</small>
+                </div>
+            </div>
+            <div class="card-body">
+                <div t-if="props.letters.length === 0">
+                    <p class="text-muted text-center small">No letters to translate here</p>
+                </div>
+                <div t-elif="!props.status or props.status === 'highlight'">
+                    <button type="button" class="btn btn-sm btn-primary w-100 mb-2"
+                            t-on-click="() => props.navigate('letter-edit', { letterId: props.letters[0].id })">
+                        <i class="fa fa-star me-1" />Take the first
+                    </button>
+                    <div t-foreach="props.letters" t-as="letter" t-key="letter.id">
+                        <button type="button"
+                                class="btn btn-link btn-sm p-0 d-block mb-1 text-start"
+                                t-att-class="{ 'text-danger': letter.translationIssue }"
+                                t-on-click="() => props.navigate('letter-edit', { letterId: letter.id })">
+                            <span class="fw-semibold" t-esc="letter.child.ref" />
+                            <span class="ms-1 text-muted" t-esc="'(' + letter.date.toLocaleDateString() + ')'" />
+                        </button>
+                    </div>
+                </div>
+                <div t-elif="props.status === 'waiting'" class="text-center text-muted small">
+                    <p>Your verification letter is awaiting approval. Once approved you will be able to start translating.</p>
+                </div>
+                <div t-else="">
+                    <button type="button" class="btn btn-sm btn-primary w-100 mb-2"
+                            t-if="props.letters.length > 0"
+                            t-on-click="() => props.navigate('letter-edit', { letterId: props.letters[0].id })">
+                        <i class="fa fa-star me-1" />Translate Verification Letter
+                    </button>
+                    <p class="text-center text-muted small">
+                        This skill must be validated. Translate the given letter for it to be reviewed.
+                    </p>
+                </div>
+            </div>
+        </div>
+    `;
+
+    static props = {
+        title: { type: String },
+        remaining: { type: Number },
+        letters: { type: Array },
+        status: { type: String, optional: true },
+        navigate: { type: Function },
+    };
+}
+
+/**
+ * Home page – shows the translator's dashboard with skills and available letters.
+ * Props:
+ *   translator {Object}  - current translator
+ *   navigate   {Function}
+ *   onRefreshTranslator {Function}
+ */
+export class TpHome extends Component {
+    static template = xml`
+        <div class="container py-4 position-relative">
+            <TpBlurLoader active="state.loading" />
+
+            <TpLanguagesPickModal
+                active="state.manageSkillsModal"
+                onClose="() => closeSkillsModal()"
+                translatorId="props.translator ? props.translator.translatorId : undefined"
+                onChange="() => onSkillsChange()" />
+
+            <div class="text-center pt-4 pb-3">
+                <p class="text-muted fw-light fs-5">Compassion</p>
+                <h1 class="fw-light display-5">Translation Platform</h1>
+            </div>
+
+            <!-- Has skills: show letter cards -->
+            <div t-if="state.skillLetters.length > 0">
+                <p class="text-center text-secondary mb-2">
+                    Welcome <strong t-esc="props.translator ? props.translator.name : ''" />.
+                    Here are the texts waiting to be translated.
+                </p>
+                <div t-if="props.translator and props.translator.total > 1" class="text-center mb-3">
+                    <p class="text-secondary">
+                        You have translated a total of
+                        <span class="text-primary fw-semibold mx-1" t-esc="props.translator.total" />
+                        letters – thank you so much!
+                    </p>
+                </div>
+                <div class="d-flex justify-content-center mb-4">
+                    <button type="button" class="btn btn-sm btn-outline-secondary"
+                            t-on-click="() => state.manageSkillsModal = true">
+                        <i class="fa fa-cog me-1" />Manage your translation skills
+                    </button>
+                </div>
+                <div class="d-flex flex-wrap gap-4 justify-content-center">
+                    <TpTranslationCard
+                        t-if="state.savedLetters and state.savedLetters.total > 0"
+                        title="'Saved Letters'"
+                        remaining="state.savedLetters.total"
+                        letters="state.savedLetters.data"
+                        status="'highlight'"
+                        navigate="props.navigate" />
+                    <TpTranslationCard t-foreach="state.skillLetters"
+                        t-as="item" t-key="item_index"
+                        title="item.skill.source + ' → ' + item.skill.target"
+                        remaining="item.total"
+                        letters="item.letters"
+                        status="getCardStatus(item)"
+                        navigate="props.navigate" />
+                </div>
+                <div class="text-center py-5 text-muted fw-light fs-5">Thank you.</div>
+            </div>
+
+            <!-- No skills yet -->
+            <div t-else="" class="text-center my-5">
+                <p class="text-secondary mb-4">
+                    Welcome <strong t-esc="props.translator ? props.translator.name : ''" />.
+                    It seems you don't have any translation skill yet.
+                    Start by picking the languages you are confident in.
+                </p>
+                <button type="button" class="btn btn-primary"
+                        t-on-click="() => state.manageSkillsModal = true">
+                    <i class="fa fa-plus me-1" />Pick Languages
+                </button>
+            </div>
+        </div>
+    `;
+
+    static components = { TpLanguagesPickModal, TpTranslationCard, TpBlurLoader };
+
+    static props = {
+        translator: { type: Object, optional: true },
+        navigate: { type: Function },
+        onRefreshTranslator: { type: Function },
+    };
+
+    state = useState({
+        loading: false,
+        skillLetters: [],
+        savedLetters: undefined,
+        lettersAwaitingValidation: [],
+        manageSkillsModal: false,
+    });
+
+    setup() {
+        this.orm = useService("orm");
+        this.notification = useService("notification");
+        onMounted(() => this._refresh());
+    }
+
+    async _refresh() {
+        this.state.loading = true;
+        try {
+            await Promise.all([
+                this._fetchLetters(),
+                this._fetchSaved(),
+                this._fetchValidationLetters(),
+            ]);
+        } finally {
+            this.state.loading = false;
+        }
+    }
+
+    async _fetchSaved() {
+        if (!this.props.translator) return;
+        this.state.savedLetters = await LetterDAO.list(this.orm, {
+            sortBy: ["priority desc", "date asc"],
+            pageNumber: 0,
+            pageSize: 5,
+            search: [
+                { column: "translatorId", term: this.props.translator.translatorId, operator: "=" },
+                { column: "status", term: "in progress" },
+                { column: "translationIssue", term: false, operator: "=" },
+            ],
+        });
+    }
+
+    async _fetchValidationLetters() {
+        if (!this.props.translator) return;
+        const results = await Promise.all(
+            this.props.translator.skills.map(async (skill) => {
+                const letters = await LetterDAO.list(this.orm, {
+                    search: [
+                        { column: "status", term: "to validate" },
+                        { column: "source", term: skill.source },
+                        { column: "target", term: skill.target },
+                    ],
+                });
+                return { skill, letters: letters.data };
+            })
+        );
+        this.state.lettersAwaitingValidation = results.filter(
+            (r) => !r.skill.verified && r.letters.length > 0
+        );
+    }
+
+    async _fetchLetters() {
+        if (!this.props.translator) return;
+        const results = await Promise.all(
+            this.props.translator.skills.map(async (skill) => {
+                const letters = await LetterDAO.list(this.orm, {
+                    sortBy: ["priority desc", "date asc"],
+                    pageSize: 5,
+                    pageNumber: 0,
+                    search: [
+                        { column: "status", term: "to do" },
+                        { column: "source", term: skill.source },
+                        { column: "target", term: skill.target },
+                        { column: "translationIssue", term: false, operator: "=" },
+                    ],
+                });
+                return { skill, total: letters.total, letters: letters.data };
+            })
+        );
+        // Put unverified skills first
+        this.state.skillLetters = results.sort((a, b) => {
+            if (a.skill.verified && !b.skill.verified) return 1;
+            if (!a.skill.verified && b.skill.verified) return -1;
+            return 0;
+        });
+    }
+
+    getCardStatus(item) {
+        if (!item.skill.verified) {
+            const waiting = this.state.lettersAwaitingValidation.find((w) => w.skill === item.skill);
+            return waiting ? "waiting" : "unverified";
+        }
+        return undefined;
+    }
+
+    async onSkillsChange() {
+        this.state.manageSkillsModal = false;
+        this.state.loading = true;
+        await this.props.onRefreshTranslator();
+        await this._refresh();
+    }
+
+    closeSkillsModal() {
+        this.state.manageSkillsModal = false;
+    }
+}
+
+export default TpHome;
diff --git a/sbc_translation/static/src/pages/tp_letter_edit.js b/sbc_translation/static/src/pages/tp_letter_edit.js
new file mode 100644
index 000000000..7850432b8
--- /dev/null
+++ b/sbc_translation/static/src/pages/tp_letter_edit.js
@@ -0,0 +1,227 @@
+/** @odoo-module */
+
+import { Component, xml, useState, onMounted, useEffect } from "@odoo/owl";
+import { useService } from "@web/core/utils/hooks";
+import { _t } from "@web/core/l10n/translation";
+import { LetterDAO } from "../models/letter_dao";
+import { TpLetterViewer } from "../components/tp_letter_viewer";
+import { TpContentEditor } from "../components/tp_content_editor";
+import { TpSignalProblem } from "../components/tp_signal_problem";
+import { TpModal } from "../components/tp_modal";
+import { TpBlurLoader } from "../components/tp_loader";
+
+const AUTOSAVE_DELAY_MS = 30000; // 30 seconds
+
+/**
+ * Submitted confirmation modal.
+ */
+class TpLetterSubmittedModal extends Component {
+    static template = xml`
+        <TpModal active="props.active" title="'Translation Submitted'" onClose="props.onClose">
+            <div class="p-4 text-center">
+                <i class="fa fa-check-circle fa-4x text-success mb-3 d-block" />
+                <p class="fw-medium">Your translation has been submitted successfully!</p>
+                <p class="small text-muted">Thank you for your contribution. You will be redirected to the home page.</p>
+            </div>
+            <t t-set-slot="footer-buttons">
+                <button type="button" class="btn btn-primary btn-sm" t-on-click="props.onHome">
+                    <i class="fa fa-home me-1" />Back to Home
+                </button>
+            </t>
+        </TpModal>
+    `;
+    static components = { TpModal };
+    static props = {
+        active: { type: Boolean },
+        onClose: { type: Function },
+        onHome: { type: Function },
+    };
+}
+
+/**
+ * Letter editing page – the core translation interface.
+ * Props:
+ *   letterId    {number|string}
+ *   navigate    {Function}
+ *   translator  {Object}
+ */
+export class TpLetterEdit extends Component {
+    static template = xml`
+        <TpLetterViewer
+            letter="state.letter"
+            letterId="props.letterId"
+            loading="state.loading"
+            smallLoading="state.saveLoading"
+            navigateBack="() => props.navigate('letters')">
+
+            <!-- Action buttons in header -->
+            <t t-set-slot="action-buttons">
+                <button type="button" class="btn btn-sm btn-outline-danger"
+                        t-if="state.letter and !state.letter.translationIssue"
+                        t-on-click="() => state.signalProblemModal = true">
+                    <i class="fa fa-exclamation-triangle me-1" />Signal Problem
+                </button>
+                <button type="button" class="btn btn-sm btn-outline-success"
+                        t-on-click="() => save()">
+                    <i class="fa fa-floppy-o me-1" />Save
+                </button>
+                <button type="button" class="btn btn-sm btn-primary"
+                        t-if="state.letter and !state.letter.translationIssue"
+                        t-on-click="submit">
+                    <i class="fa fa-paper-plane me-1" />Submit
+                </button>
+            </t>
+
+            <!-- Signal problem + submitted modals (rendered outside the split layout) -->
+            <t t-set-slot="unsafe">
+                <TpSignalProblem active="state.signalProblemModal"
+                                 letterId="props.letterId"
+                                 onClose="() => state.signalProblemModal = false"
+                                 onRefresh="() => _refreshLetter()" />
+                <TpLetterSubmittedModal active="state.letterSubmitted"
+                                        onClose="() => state.letterSubmitted = false"
+                                        onHome="() => props.navigate('home')" />
+            </t>
+
+            <!-- Loading overlay in the right pane when saving -->
+            <t t-set-slot="right-pane">
+                <TpBlurLoader active="state.internalLoading" />
+            </t>
+
+            <!-- Content editor in the right pane -->
+            <t t-set-slot="content" t-slot-scope="scope">
+                <TpContentEditor t-if="scope.letter" letter="scope.letter" />
+            </t>
+        </TpLetterViewer>
+    `;
+
+    static components = {
+        TpLetterViewer,
+        TpSignalProblem,
+        TpLetterSubmittedModal,
+        TpContentEditor,
+        TpBlurLoader,
+    };
+
+    static props = {
+        letterId: {},
+        navigate: { type: Function },
+        translator: { type: Object, optional: true },
+    };
+
+    state = useState({
+        loading: false,
+        internalLoading: false,
+        saveLoading: false,
+        letter: undefined,
+        signalProblemModal: false,
+        letterSubmitted: false,
+        saveTimeout: undefined,
+    });
+
+    setup() {
+        this.orm = useService("orm");
+        this.notification = useService("notification");
+        this.state.loading = true;
+        onMounted(() => this._refreshLetter());
+
+        // Keyboard shortcuts: Ctrl+S saves
+        useEffect(() => {
+            const listener = (event) => {
+                if (event.ctrlKey && event.key === "s") {
+                    event.preventDefault();
+                    if (this.state.saveTimeout) {
+                        clearTimeout(this.state.saveTimeout);
+                        this.state.saveTimeout = undefined;
+                    }
+                    this.save(true);
+                }
+            };
+            document.addEventListener("keydown", listener);
+
+            // Auto-save triggered by typing in textarea/input inside the editor
+            const inputListener = (event) => {
+                const target = event.target;
+                if (target && (target.tagName === "TEXTAREA" || target.tagName === "INPUT")) {
+                    this._queueSave();
+                }
+            };
+            document.addEventListener("input", inputListener);
+
+            return () => {
+                document.removeEventListener("keydown", listener);
+                document.removeEventListener("input", inputListener);
+            };
+        });
+    }
+
+    async _refreshLetter() {
+        try {
+            const letter = await LetterDAO.find(this.orm, this.props.letterId);
+            if (!letter) {
+                this.notification.add(
+                    _t("Unable to find letter with identifier ") + this.props.letterId,
+                    { type: "danger" }
+                );
+            } else {
+                this.state.letter = letter;
+            }
+        } catch (e) {
+            this.notification.add(_t("Error loading letter"), { type: "danger" });
+        } finally {
+            this.state.loading = false;
+        }
+    }
+
+    _queueSave() {
+        if (this.state.saveTimeout) clearTimeout(this.state.saveTimeout);
+        this.state.saveTimeout = setTimeout(() => this.save(true), AUTOSAVE_DELAY_MS);
+    }
+
+    async save(background = false) {
+        if (!this.state.letter?.translatedElements || this.state.saveLoading) return;
+
+        if (!background) this.state.internalLoading = true;
+        this.state.saveLoading = true;
+
+        // If not yet attributed, assign current translator
+        const newAttribution = !this.state.letter.translatorId;
+        if (newAttribution && this.props.translator) {
+            this.state.letter.translatorId = this.props.translator.translatorId;
+        }
+
+        try {
+            await LetterDAO.update(this.orm, this.state.letter);
+            if (!background) {
+                this.notification.add(_t("Letter saved"), { type: "success" });
+            }
+            // Refresh lastUpdate from server
+            const updated = await LetterDAO.find(this.orm, this.props.letterId);
+            if (updated) this.state.letter.lastUpdate = updated.lastUpdate;
+        } catch (e) {
+            this.notification.add(_t("Unable to save letter"), { type: "danger" });
+        } finally {
+            if (!background) this.state.internalLoading = false;
+            this.state.saveLoading = false;
+        }
+    }
+
+    async submit() {
+        if (!this.state.letter?.translatedElements) return;
+        if (this.state.saveTimeout) clearTimeout(this.state.saveTimeout);
+        this.state.internalLoading = true;
+        try {
+            await LetterDAO.submit(this.orm, this.state.letter);
+            this.state.letterSubmitted = true;
+        } catch (e) {
+            this.notification.add(
+                _t("Unable to save and submit letter, please save it first and retry."),
+                { type: "danger" }
+            );
+        } finally {
+            this.state.internalLoading = false;
+        }
+    }
+}
+
+export default TpLetterEdit;
diff --git a/sbc_translation/static/src/pages/tp_letters.js b/sbc_translation/static/src/pages/tp_letters.js
new file mode 100644
index 000000000..d213675f2
--- /dev/null
+++ b/sbc_translation/static/src/pages/tp_letters.js
@@ -0,0 +1,279 @@
+/** @odoo-module */
+
+import { Component, xml, useState, onMounted, onWillUpdateProps } from "@odoo/owl";
+import { useService } from "@web/core/utils/hooks";
+import { _t } from "@web/core/l10n/translation";
+import { LetterDAO } from "../models/letter_dao";
+import { TpLoader } from "../components/tp_loader";
+import { TpTranslatorButton } from "../components/tp_translator_button";
+
+const LETTERS_PER_PAGE = 10;
+
+/**
+ * Priority badge.
+ */
+class TpLetterPriority extends Component {
+    static template = xml`
+        <span class="badge"
+              t-att-class="{
+                'bg-danger': props.priority >= 4,
+                'bg-warning text-dark': props.priority === 3,
+                'bg-primary': props.priority === 2,
+                'bg-success': props.priority === 1,
+                'bg-secondary': !props.priority,
+              }"
+              t-esc="priorityLabel" />
+    `;
+    static props = { priority: { type: Number, optional: true } };
+
+    get priorityLabel() {
+        const labels = { 0: "—", 1: "Low", 2: "Normal", 3: "High", 4: "Urgent" };
+        return labels[this.props.priority] || "—";
+    }
+}
+
+/**
+ * Letters list page with pagination and column search.
+ * Props:
+ *   navigate    {Function} - navigate(page, params)
+ *   isAdmin     {Boolean}
+ */
+export class TpLetters extends Component {
+    static template = xml`
+        <div class="container-fluid py-4">
+            <div class="d-flex align-items-center mb-4 gap-3">
+                <div>
+                    <h6 class="text-muted fw-light mb-0">Compassion</h6>
+                    <h2 class="fw-light mb-0">Letters</h2>
+                </div>
+                <button type="button" class="btn btn-sm btn-outline-secondary ms-auto"
+                        t-on-click="clearFilters">
+                    <i class="fa fa-times me-1" />Clear Filters
+                </button>
+            </div>
+
+            <div class="card shadow-sm">
+                <div class="card-body p-0">
+                    <div class="position-relative">
+                        <table class="table table-sm table-hover mb-0">
+                            <thead class="table-light">
+                                <tr>
+                                    <th t-on-click="() => toggleSort('priority')" class="cursor-pointer">
+                                        Priority <i t-att-class="sortIcon('priority')" />
+                                    </th>
+                                    <th t-on-click="() => toggleSort('title')" class="cursor-pointer">
+                                        Title <i t-att-class="sortIcon('title')" />
+                                    </th>
+                                    <th>Status</th>
+                                    <th>Comments</th>
+                                    <th>Source</th>
+                                    <th>Target</th>
+                                    <th t-if="props.isAdmin">Translator</th>
+                                    <th t-on-click="() => toggleSort('date')" class="cursor-pointer">
+                                        Date <i t-att-class="sortIcon('date')" />
+                                    </th>
+                                    <th>Actions</th>
+                                </tr>
+                                <!-- Search row -->
+                                <tr class="table-secondary">
+                                    <td />
+                                    <td>
+                                        <input type="text" class="form-control form-control-sm"
+                                               placeholder="Search title…"
+                                               t-att-value="getFilter('title')"
+                                               t-on-input="(e) => setFilter('title', e.target.value)" />
+                                    </td>
+                                    <td>
+                                        <input type="text" class="form-control form-control-sm"
+                                               placeholder="Search status…"
+                                               t-att-value="getFilter('status')"
+                                               t-on-input="(e) => setFilter('status', e.target.value)" />
+                                    </td>
+                                    <td />
+                                    <td>
+                                        <input type="text" class="form-control form-control-sm"
+                                               placeholder="Source lang…"
+                                               t-att-value="getFilter('source')"
+                                               t-on-input="(e) => setFilter('source', e.target.value)" />
+                                    </td>
+                                    <td>
+                                        <input type="text" class="form-control form-control-sm"
+                                               placeholder="Target lang…"
+                                               t-att-value="getFilter('target')"
+                                               t-on-input="(e) => setFilter('target', e.target.value)" />
+                                    </td>
+                                    <td t-if="props.isAdmin" />
+                                    <td />
+                                    <td />
+                                </tr>
+                            </thead>
+                            <tbody>
+                                <tr t-if="state.letters.length === 0 and !state.loading">
+                                    <td colspan="9" class="text-center text-muted py-5">
+                                        <i class="fa fa-search fa-2x mb-2 d-block" />
+                                        No letters found
+                                    </td>
+                                </tr>
+                                <tr t-foreach="state.letters" t-as="letter" t-key="letter.id"
+                                    t-att-class="{ 'table-danger': letter.translationIssue }">
+                                    <td><TpLetterPriority priority="letter.priority" /></td>
+                                    <td class="fw-medium" t-esc="letter.title" />
+                                    <td>
+                                        <span class="badge"
+                                              t-att-class="letter.translationIssue ? 'bg-danger' : 'bg-secondary'"
+                                              t-esc="letter.status" />
+                                    </td>
+                                    <td>
+                                        <span t-if="letter.unreadComments" class="badge bg-warning text-dark">
+                                            <i class="fa fa-comment" /> Unread
+                                        </span>
+                                        <span t-else="" class="text-muted">—</span>
+                                    </td>
+                                    <td class="small" t-esc="letter.source" />
+                                    <td class="small" t-esc="letter.target" />
+                                    <td t-if="props.isAdmin">
+                                        <TpTranslatorButton t-if="letter.translatorId"
+                                                            translatorId="letter.translatorId" />
+                                        <span t-else="" class="text-muted">—</span>
+                                    </td>
+                                    <td class="small" t-esc="letter.date ? letter.date.toLocaleDateString() : ''" />
+                                    <td>
+                                        <button type="button" class="btn btn-sm btn-primary"
+                                                t-on-click="() => props.navigate('letter-edit', { letterId: letter.id })">
+                                            <i class="fa fa-pencil me-1" />Translate
+                                        </button>
+                                    </td>
+                                </tr>
+                            </tbody>
+                        </table>
+                        <!-- Loading overlay -->
+                        <div t-if="state.loading"
+                             class="position-absolute top-0 start-0 w-100 h-100 d-flex align-items-center justify-content-center"
+                             style="background: rgba(255,255,255,0.7); z-index: 10;">
+                            <TpLoader />
+                        </div>
+                    </div>
+                    <!-- Pagination -->
+                    <div class="d-flex align-items-center justify-content-between p-3 border-top"
+                         t-if="state.letters.length > 0 or state.page > 0">
+                        <span class="small text-muted">
+                            Page <t t-esc="state.page + 1" /> · <t t-esc="state.total" /> letters total
+                        </span>
+                        <nav>
+                            <ul class="pagination pagination-sm mb-0">
+                                <li class="page-item" t-att-class="{ disabled: state.page === 0 }">
+                                    <button class="page-link" t-on-click="prevPage">‹</button>
+                                </li>
+                                <li class="page-item" t-att-class="{ disabled: (state.page + 1) * LETTERS_PER_PAGE >= state.total }">
+                                    <button class="page-link" t-on-click="nextPage">›</button>
+                                </li>
+                            </ul>
+                        </nav>
+                    </div>
+                </div>
+            </div>
+        </div>
+    `;
+
+    static components = { TpLetterPriority, TpTranslatorButton, TpLoader };
+
+    static props = {
+        navigate: { type: Function },
+        isAdmin: { type: Boolean, optional: true },
+        translator: { type: Object, optional: true },
+    };
+
+    LETTERS_PER_PAGE = LETTERS_PER_PAGE;
+
+    state = useState({
+        letters: [],
+        total: 0,
+        page: 0,
+        loading: false,
+        filters: {},
+        sortBy: [],
+        searchTimeout: null,
+    });
+
+    setup() {
+        this.orm = useService("orm");
+        this.notification = useService("notification");
+        onMounted(() => this._loadLetters());
+    }
+
+    async _loadLetters() {
+        this.state.loading = true;
+        try {
+            const search = Object.entries(this.state.filters)
+                .filter(([, term]) => term.trim())
+                .map(([col, term]) => ({ column: col, term }));
+
+            const result = await LetterDAO.list(this.orm, {
+                search,
+                sortBy: this.state.sortBy,
+                pageNumber: this.state.page,
+                pageSize: LETTERS_PER_PAGE,
+            });
+            this.state.letters = result.data;
+            this.state.total = result.total;
+        } catch (e) {
+            this.notification.add(_t("Unable to load letters"), { type: "danger" });
+        } finally {
+            this.state.loading = false;
+        }
+    }
+
+    getFilter(col) {
+        return this.state.filters[col] || "";
+    }
+
+    setFilter(col, value) {
+        if (this.state.searchTimeout) clearTimeout(this.state.searchTimeout);
+        this.state.filters[col] = value;
+        this.state.searchTimeout = setTimeout(() => {
+            this.state.page = 0;
+            this._loadLetters();
+        }, 400);
+    }
+
+    clearFilters() {
+        this.state.filters = {};
+        this.state.sortBy = [];
+        this.state.page = 0;
+        this._loadLetters();
+    }
+
+    sortIcon(col) {
+        const clause = this.state.sortBy.find((s) => s.startsWith(col));
+        if (!clause) return "fa fa-sort text-muted";
+        return clause.endsWith("desc") ? "fa fa-sort-down" : "fa fa-sort-up";
+    }
+
+    toggleSort(col) {
+        const index = this.state.sortBy.findIndex((s) => s.startsWith(col));
+        if (index >= 0) {
+            const current = this.state.sortBy[index];
+            const dir = current.endsWith("asc") ? "desc" : "asc";
+            this.state.sortBy[index] = `${col} ${dir}`;
+        } else {
+            this.state.sortBy = [`${col} asc`];
+        }
+        this._loadLetters();
+    }
+
+    prevPage() {
+        if (this.state.page > 0) {
+            this.state.page--;
+            this._loadLetters();
+        }
+    }
+
+    nextPage() {
+        if ((this.state.page + 1) * LETTERS_PER_PAGE < this.state.total) {
+            this.state.page++;
+            this._loadLetters();
+        }
+    }
+}
+
+export default TpLetters;
diff --git a/sbc_translation/static/src/pages/tp_translators.js b/sbc_translation/static/src/pages/tp_translators.js
new file mode 100644
index 000000000..e0b3a3d66
--- /dev/null
+++ b/sbc_translation/static/src/pages/tp_translators.js
@@ -0,0 +1,234 @@
+/** @odoo-module */
+
+import { Component, xml, useState, onMounted } from "@odoo/owl";
+import { useService } from "@web/core/utils/hooks";
+import { _t } from "@web/core/l10n/translation";
+import { TranslatorDAO } from "../models/translator_dao";
+import { TpTranslatorButton } from "../components/tp_translator_button";
+import { TpLoader } from "../components/tp_loader";
+import { TpModal } from "../components/tp_modal";
+import { TpLanguagesPickModal } from "../components/tp_languages_pick_modal";
+
+const PER_PAGE = 10;
+
+/**
+ * Admin page: list all translators with skill management.
+ * Props:
+ *   navigate {Function}
+ */
+export class TpTranslators extends Component {
+    static template = xml`
+        <div class="container-fluid py-4">
+            <div class="mb-4">
+                <h6 class="text-muted fw-light mb-0">Compassion</h6>
+                <h2 class="fw-light mb-0">Translators</h2>
+            </div>
+
+            <div class="card shadow-sm">
+                <div class="card-body p-0">
+                    <div class="position-relative">
+                        <table class="table table-sm table-hover mb-0">
+                            <thead class="table-light">
+                                <tr>
+                                    <th t-on-click="() => toggleSort('name')" class="cursor-pointer">
+                                        Name <i t-att-class="sortIcon('name')" />
+                                    </th>
+                                    <th t-on-click="() => toggleSort('email')" class="cursor-pointer">
+                                        Email <i t-att-class="sortIcon('email')" />
+                                    </th>
+                                    <th>Role</th>
+                                    <th t-on-click="() => toggleSort('total')" class="cursor-pointer">
+                                        Letters <i t-att-class="sortIcon('total')" />
+                                    </th>
+                                    <th>Skills</th>
+                                    <th>Actions</th>
+                                </tr>
+                                <tr class="table-secondary">
+                                    <td>
+                                        <input type="text" class="form-control form-control-sm"
+                                               placeholder="Search name…"
+                                               t-att-value="getFilter('name')"
+                                               t-on-input="(e) => setFilter('name', e.target.value)" />
+                                    </td>
+                                    <td>
+                                        <input type="text" class="form-control form-control-sm"
+                                               placeholder="Search email…"
+                                               t-att-value="getFilter('email')"
+                                               t-on-input="(e) => setFilter('email', e.target.value)" />
+                                    </td>
+                                    <td colspan="4" />
+                                </tr>
+                            </thead>
+                            <tbody>
+                                <tr t-if="state.translators.length === 0 and !state.loading">
+                                    <td colspan="6" class="text-center text-muted py-5">
+                                        <i class="fa fa-users fa-2x mb-2 d-block" />
+                                        No translators found
+                                    </td>
+                                </tr>
+                                <tr t-foreach="state.translators" t-as="translator" t-key="translator.translatorId">
+                                    <td class="fw-medium" t-esc="translator.name or '—'" />
+                                    <td class="small text-muted" t-esc="translator.email or '—'" />
+                                    <td>
+                                        <span class="badge"
+                                              t-att-class="translator.role === 'admin' ? 'bg-danger' : 'bg-secondary'"
+                                              t-esc="translator.role" />
+                                    </td>
+                                    <td t-esc="translator.total or 0" />
+                                    <td class="small">
+                                        <span t-foreach="translator.skills" t-as="skill" t-key="skill_index"
+                                              class="badge bg-light text-dark border me-1">
+                                            <t t-esc="skill.source" /> → <t t-esc="skill.target" />
+                                            <span t-if="!skill.verified" class="ms-1 text-warning">⚠</span>
+                                        </span>
+                                    </td>
+                                    <td>
+                                        <button type="button" class="btn btn-sm btn-outline-secondary"
+                                                t-on-click="() => openSkillsModal(translator)">
+                                            <i class="fa fa-cog me-1" />Skills
+                                        </button>
+                                    </td>
+                                </tr>
+                            </tbody>
+                        </table>
+                        <div t-if="state.loading"
+                             class="position-absolute top-0 start-0 w-100 h-100 d-flex align-items-center justify-content-center"
+                             style="background: rgba(255,255,255,0.7); z-index: 10;">
+                            <TpLoader />
+                        </div>
+                    </div>
+                    <div class="d-flex align-items-center justify-content-between p-3 border-top"
+                         t-if="state.translators.length > 0 or state.page > 0">
+                        <span class="small text-muted">
+                            Page <t t-esc="state.page + 1" /> · <t t-esc="state.total" /> translators
+                        </span>
+                        <nav>
+                            <ul class="pagination pagination-sm mb-0">
+                                <li class="page-item" t-att-class="{ disabled: state.page === 0 }">
+                                    <button class="page-link" t-on-click="prevPage">‹</button>
+                                </li>
+                                <li class="page-item" t-att-class="{ disabled: (state.page + 1) * PER_PAGE >= state.total }">
+                                    <button class="page-link" t-on-click="nextPage">›</button>
+                                </li>
+                            </ul>
+                        </nav>
+                    </div>
+                </div>
+            </div>
+
+            <!-- Skills management modal -->
+            <TpLanguagesPickModal
+                t-if="state.editingTranslator"
+                active="!!state.editingTranslator"
+                onClose="closeSkillsModal"
+                translatorId="state.editingTranslator ? state.editingTranslator.translatorId : 0"
+                onChange="onSkillsChanged" />
+        </div>
+    `;
+
+    static components = { TpLoader, TpLanguagesPickModal };
+
+    static props = {
+        navigate: { type: Function },
+    };
+
+    PER_PAGE = PER_PAGE;
+
+    state = useState({
+        translators: [],
+        total: 0,
+        page: 0,
+        loading: false,
+        filters: {},
+        sortBy: [],
+        editingTranslator: null,
+        searchTimeout: null,
+    });
+
+    setup() {
+        this.orm = useService("orm");
+        this.notification = useService("notification");
+        onMounted(() => this._loadTranslators());
+    }
+
+    async _loadTranslators() {
+        this.state.loading = true;
+        try {
+            const search = Object.entries(this.state.filters)
+                .filter(([, term]) => term.trim())
+                .map(([col, term]) => ({ column: col, term }));
+
+            const result = await TranslatorDAO.list(this.orm, {
+                search,
+                sortBy: this.state.sortBy,
+                pageNumber: this.state.page,
+                pageSize: PER_PAGE,
+            });
+            this.state.translators = result.data;
+            this.state.total = result.total;
+        } catch (e) {
+            this.notification.add(_t("Unable to load translators"), { type: "danger" });
+        } finally {
+            this.state.loading = false;
+        }
+    }
+
+    getFilter(col) {
+        return this.state.filters[col] || "";
+    }
+
+    setFilter(col, value) {
+        if (this.state.searchTimeout) clearTimeout(this.state.searchTimeout);
+        this.state.filters[col] = value;
+        this.state.searchTimeout = setTimeout(() => {
+            this.state.page = 0;
+            this._loadTranslators();
+        }, 400);
+    }
+
+    sortIcon(col) {
+        const clause = this.state.sortBy.find((s) => s.startsWith(col));
+        if (!clause) return "fa fa-sort text-muted";
+        return clause.endsWith("desc") ? "fa fa-sort-down" : "fa fa-sort-up";
+    }
+
+    toggleSort(col) {
+        const index = this.state.sortBy.findIndex((s) => s.startsWith(col));
+        if (index >= 0) {
+            const dir = this.state.sortBy[index].endsWith("asc") ? "desc" : "asc";
+            this.state.sortBy[index] = `${col} ${dir}`;
+        } else {
+            this.state.sortBy = [`${col} asc`];
+        }
+        this._loadTranslators();
+    }
+
+    prevPage() {
+        if (this.state.page > 0) {
+            this.state.page--;
+            this._loadTranslators();
+        }
+    }
+
+    nextPage() {
+        if ((this.state.page + 1) * PER_PAGE < this.state.total) {
+            this.state.page++;
+            this._loadTranslators();
+        }
+    }
+
+    openSkillsModal(translator) {
+        this.state.editingTranslator = translator;
+    }
+
+    closeSkillsModal() {
+        this.state.editingTranslator = null;
+    }
+
+    onSkillsChanged() {
+        this.closeSkillsModal();
+        this._loadTranslators();
+    }
+}
+
+export default TpTranslators;
diff --git a/sbc_translation/static/src/translation_platform.css b/sbc_translation/static/src/translation_platform.css
new file mode 100644
index 000000000..16e90573d
--- /dev/null
+++ b/sbc_translation/static/src/translation_platform.css
@@ -0,0 +1,87 @@
+/* ==========================================================================
+   Translation Platform – Compassion Odoo 18 integration
+   Custom styles (Bootstrap 5 base assumed to be loaded by Odoo)
+   ========================================================================== */
+
+/* Compassion brand colour */
+:root {
+    --tp-compassion: #1f6891;
+    --tp-compassion-dark: #155172;
+}
+
+/* Sidebar */
+.tp-sidebar {
+    background-color: var(--tp-compassion) !important;
+}
+
+.tp-sidebar .btn-link {
+    border-radius: 8px;
+    transition: background 0.15s;
+    width: 44px;
+    height: 44px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    text-decoration: none;
+}
+
+.tp-sidebar .btn-link:hover,
+.tp-sidebar .tp-nav-active {
+    background: rgba(255, 255, 255, 0.2);
+    border-radius: 8px;
+}
+
+/* Brand colour utilities */
+.bg-compassion {
+    background-color: var(--tp-compassion) !important;
+}
+
+.text-compassion {
+    color: var(--tp-compassion) !important;
+}
+
+/* Cards in the home screen */
+.tp-translation-card {
+    min-width: 260px;
+    max-width: 300px;
+}
+
+/* Letter viewer layout */
+.tp-letter-viewer {
+    height: calc(100vh - 50px);
+    overflow: hidden;
+}
+
+#tp-letter-viewer-content {
+    overflow-y: auto;
+    height: 100%;
+}
+
+/* Content editor */
+#tp-content-editor .row {
+    border-radius: 4px;
+    overflow: hidden;
+}
+
+/* Modal backdrop z-index fix (Odoo may have its own) */
+.tp-modal.show {
+    z-index: 1055;
+}
+.tp-modal + .modal-backdrop {
+    z-index: 1054;
+}
+
+/* Cursor utilities */
+.cursor-pointer {
+    cursor: pointer !important;
+}
+
+/* Pagination for tables inside cards */
+.tp-root .pagination .page-link {
+    font-size: 0.85rem;
+}
+
+/* Transitions */
+.tp-root .transition-all {
+    transition: all 0.15s ease;
+}
diff --git a/sbc_translation/static/src/translation_platform.js b/sbc_translation/static/src/translation_platform.js
new file mode 100644
index 000000000..0e2187cac
--- /dev/null
+++ b/sbc_translation/static/src/translation_platform.js
@@ -0,0 +1,188 @@
+/** @odoo-module */
+
+import { Component, xml, useState, onMounted, reactive } from "@odoo/owl";
+import { useService } from "@web/core/utils/hooks";
+import { registry } from "@web/core/registry";
+import { _t } from "@web/core/l10n/translation";
+import { TranslatorDAO } from "./models/translator_dao";
+import { TpHome } from "./pages/tp_home";
+import { TpLetters } from "./pages/tp_letters";
+import { TpLetterEdit } from "./pages/tp_letter_edit";
+import { TpTranslators } from "./pages/tp_translators";
+import { TpChildModal } from "./components/tp_child_modal";
+import { TpModal } from "./components/tp_modal";
+import { TpBlurLoader } from "./components/tp_loader";
+
+/**
+ * Help modal.
+ */
+class TpHelpModal extends Component {
+    static template = xml`
+        <TpModal active="props.active" onClose="props.onClose" title="'Help'">
+            <div class="p-3 small" style="max-width: 450px;">
+                <h6 class="fw-semibold">How to use the Translation Platform</h6>
+                <ul>
+                    <li class="mb-2">Go to <strong>Home</strong> to see the letters waiting for your skills.</li>
+                    <li class="mb-2">Click on a letter link or the <em>Take the first</em> button to start translating.</li>
+                    <li class="mb-2">In the editor: fill in the <em>Translated Content</em> field for each paragraph.</li>
+                    <li class="mb-2">Use <strong>Save</strong> to save your work in progress.</li>
+                    <li class="mb-2">Use <strong>Submit</strong> when you are done. Your translation will be reviewed.</li>
+                    <li class="mb-2">If there is a problem with the letter, click <strong>Signal a Problem</strong>.</li>
+                    <li class="mb-2">The keyboard shortcut <kbd>Ctrl+S</kbd> saves your current translation.</li>
+                </ul>
+            </div>
+        </TpModal>
+    `;
+    static components = { TpModal };
+    static props = { active: { type: Boolean }, onClose: { type: Function } };
+}
+
+/**
+ * Root client action component: Translation Platform.
+ *
+ * Manages top-level navigation (state-based: home / letters / letter-edit / translators)
+ * and loads the current translator's info.
+ */
+export class TranslationPlatform extends Component {
+    static template = xml`
+        <div class="tp-root d-flex" style="min-height: 100vh;">
+            <!-- Sidebar navigation -->
+            <div class="tp-sidebar d-flex flex-column align-items-center py-3 bg-compassion text-white"
+                 style="width: 64px; min-height: 100vh; flex-shrink: 0; position: fixed; z-index: 100; top: 0; left: 0;">
+                <!-- Logo -->
+                <div class="mb-4 text-center" style="font-size: 10px; line-height: 1.2;">
+                    <i class="fa fa-heart fa-2x mb-1" /><br/>CP
+                </div>
+                <!-- Home -->
+                <button type="button"
+                        class="btn btn-link text-white p-2 mb-1"
+                        title="Home"
+                        t-att-class="{ 'tp-nav-active': state.page === 'home' }"
+                        t-on-click="() => navigate('home')">
+                    <i class="fa fa-home fa-lg" />
+                </button>
+                <!-- Letters -->
+                <button type="button"
+                        class="btn btn-link text-white p-2 mb-1"
+                        title="Letters"
+                        t-att-class="{ 'tp-nav-active': state.page === 'letters' }"
+                        t-on-click="() => navigate('letters')">
+                    <i class="fa fa-envelope fa-lg" />
+                </button>
+                <!-- Translators (admin only) -->
+                <button type="button"
+                        class="btn btn-link text-white p-2 mb-1"
+                        t-if="state.translator and state.translator.role === 'admin'"
+                        title="Translators"
+                        t-att-class="{ 'tp-nav-active': state.page === 'translators' }"
+                        t-on-click="() => navigate('translators')">
+                    <i class="fa fa-users fa-lg" />
+                </button>
+                <!-- Bottom utilities -->
+                <div class="mt-auto d-flex flex-column align-items-center gap-2">
+                    <button type="button"
+                            class="btn btn-link text-white p-2"
+                            title="Child Protection"
+                            t-on-click="() => state.childModal = true">
+                        <i class="fa fa-child fa-lg" />
+                    </button>
+                    <button type="button"
+                            class="btn btn-link text-white p-2"
+                            title="Help"
+                            t-on-click="() => state.helpModal = true">
+                        <i class="fa fa-info-circle fa-lg" />
+                    </button>
+                </div>
+            </div>
+
+            <!-- Main content area (offset for sidebar) -->
+            <div class="flex-grow-1" style="margin-left: 64px; min-height: 100vh;">
+                <!-- Global loading overlay -->
+                <div t-if="state.loading"
+                     class="d-flex flex-column align-items-center justify-content-center"
+                     style="height: 100vh;">
+                    <div class="spinner-border text-primary mb-3" />
+                    <p class="text-muted">Loading translation platform…</p>
+                </div>
+
+                <!-- Page router -->
+                <div t-elif="state.page === 'home'">
+                    <TpHome translator="state.translator"
+                            navigate="navigate"
+                            onRefreshTranslator="refreshTranslator" />
+                </div>
+                <div t-elif="state.page === 'letters'">
+                    <TpLetters navigate="navigate"
+                               translator="state.translator"
+                               isAdmin="state.translator and state.translator.role === 'admin'" />
+                </div>
+                <div t-elif="state.page === 'letter-edit'">
+                    <TpLetterEdit letterId="state.letterId"
+                                  navigate="navigate"
+                                  translator="state.translator" />
+                </div>
+                <div t-elif="state.page === 'translators'">
+                    <TpTranslators navigate="navigate" />
+                </div>
+            </div>
+
+            <!-- Modals -->
+            <TpChildModal active="state.childModal" onClose="() => state.childModal = false" />
+            <TpHelpModal active="state.helpModal" onClose="() => state.helpModal = false" />
+        </div>
+    `;
+
+    static components = {
+        TpHome,
+        TpLetters,
+        TpLetterEdit,
+        TpTranslators,
+        TpChildModal,
+        TpHelpModal,
+    };
+
+    state = useState({
+        page: "home",
+        letterId: null,
+        loading: false,
+        translator: null,
+        childModal: false,
+        helpModal: false,
+    });
+
+    setup() {
+        this.orm = useService("orm");
+        this.notification = useService("notification");
+        this.state.loading = true;
+        onMounted(() => this._loadTranslator());
+    }
+
+    async _loadTranslator() {
+        try {
+            this.state.translator = await TranslatorDAO.current(this.orm);
+        } catch (e) {
+            this.notification.add(_t("Unable to load your translator profile"), { type: "danger" });
+        } finally {
+            this.state.loading = false;
+        }
+    }
+
+    async refreshTranslator() {
+        this.state.translator = await TranslatorDAO.current(this.orm);
+    }
+
+    /**
+     * State-based navigation.
+     * @param {string} page - 'home' | 'letters' | 'letter-edit' | 'translators'
+     * @param {Object} [params] - e.g. { letterId: 42 }
+     */
+    navigate(page, params = {}) {
+        this.state.page = page;
+        if (params.letterId !== undefined) {
+            this.state.letterId = params.letterId;
+        }
+    }
+}
+
+// Register as an Odoo client action
+registry.category("actions").add("translation_platform", TranslationPlatform);
diff --git a/sbc_translation/views/translation_platform_action.xml b/sbc_translation/views/translation_platform_action.xml
new file mode 100644
index 000000000..9bb527fea
--- /dev/null
+++ b/sbc_translation/views/translation_platform_action.xml
@@ -0,0 +1,26 @@
+<?xml version="1.0" encoding="utf-8"?>
+<odoo>
+    <!--
+        Client Action: Translation Platform
+        Registered in the action registry with tag "translation_platform".
+        This mounts the OWL TranslationPlatform root component.
+    -->
+    <record id="action_translation_platform" model="ir.actions.client">
+        <field name="name">Translation Platform</field>
+        <field name="tag">translation_platform</field>
+        <!-- Make it full-screen by removing the breadcrumb / action manager header -->
+        <field name="target">main</field>
+    </record>
+
+    <!--
+        Menu item visible to translator users (group_user).
+        Sits under the existing "Translation Platform" parent menu.
+        Translators are redirected here automatically on login (see translation_user.py).
+    -->
+    <menuitem id="menu_translation_platform_app"
+              name="My Translations"
+              parent="sbc_translation.menu_translation_platform"
+              action="action_translation_platform"
+              sequence="0"
+              groups="sbc_translation.group_user" />
+</odoo>

From 741114b64ffc0878c2d028e7325a439b5d47c298 Mon Sep 17 00:00:00 2001
From: Emanuel Cino <ecino@compassion.ch>
Date: Thu, 16 Apr 2026 15:51:10 +0200
Subject: [PATCH 2/7] TP small fixes

---
 sbc_translation/data/website.xml                      | 6 ------
 sbc_translation/migrations/18.0.1.1.0/post_migrate.py | 7 +++++--
 sbc_translation/static/tp/README.rst                  | 1 -
 sbc_translation/views/translation_platform_action.xml | 6 +++---
 4 files changed, 8 insertions(+), 12 deletions(-)
 delete mode 100644 sbc_translation/data/website.xml
 delete mode 100644 sbc_translation/static/tp/README.rst

diff --git a/sbc_translation/data/website.xml b/sbc_translation/data/website.xml
deleted file mode 100644
index a524aefd3..000000000
--- a/sbc_translation/data/website.xml
+++ /dev/null
@@ -1,6 +0,0 @@
-<odoo>
-        <record id="translation_website" model="website">
-            <field name="name">Translation Platform</field>
-            <field name="domain">translate.compassion.ch</field>
-        </record>
-</odoo>
diff --git a/sbc_translation/migrations/18.0.1.1.0/post_migrate.py b/sbc_translation/migrations/18.0.1.1.0/post_migrate.py
index 1ea0d6fd2..263c6088b 100644
--- a/sbc_translation/migrations/18.0.1.1.0/post_migrate.py
+++ b/sbc_translation/migrations/18.0.1.1.0/post_migrate.py
@@ -39,8 +39,11 @@ def migrate(cr, version):
             )
             return
 
-        # Find all active translators and set home action
-        translators = env["translation.user"].search([("active", "=", True)])
+        # Find all active external translators and set home action
+        translators = env["translation.user"].search([
+            ("active", "=", True),
+            ("user_id.share", "=", True),
+        ])
         users = translators.mapped("user_id")
 
         if users:
diff --git a/sbc_translation/static/tp/README.rst b/sbc_translation/static/tp/README.rst
deleted file mode 100644
index 781225243..000000000
--- a/sbc_translation/static/tp/README.rst
+++ /dev/null
@@ -1 +0,0 @@
-Please put the compiled code of the translation platform here.
\ No newline at end of file
diff --git a/sbc_translation/views/translation_platform_action.xml b/sbc_translation/views/translation_platform_action.xml
index 9bb527fea..19c5c5916 100644
--- a/sbc_translation/views/translation_platform_action.xml
+++ b/sbc_translation/views/translation_platform_action.xml
@@ -9,7 +9,7 @@
         <field name="name">Translation Platform</field>
         <field name="tag">translation_platform</field>
         <!-- Make it full-screen by removing the breadcrumb / action manager header -->
-        <field name="target">main</field>
+        <field name="target">fullscreen</field>
     </record>
 
     <!--
@@ -18,9 +18,9 @@
         Translators are redirected here automatically on login (see translation_user.py).
     -->
     <menuitem id="menu_translation_platform_app"
-              name="My Translations"
+              name="Translation Platform"
               parent="sbc_translation.menu_translation_platform"
               action="action_translation_platform"
               sequence="0"
-              groups="sbc_translation.group_user" />
+              groups="sbc_translation.group_user,sbc_translation.group_manager" />
 </odoo>

From 0e9bc7581ab3c138b53dcdd91b1bcb5aa2bd64cd Mon Sep 17 00:00:00 2001
From: Emanuel Cino <ecino@compassion.ch>
Date: Tue, 21 Apr 2026 09:12:10 +0200
Subject: [PATCH 3/7] T2913 Backend OWL working

---
 sbc_translation/__manifest__.py               |   3 +-
 .../js/translation_letter_counting_js.js      |  29 --
 .../migrations/18.0.1.1.0/post_migrate.py     |  18 +-
 sbc_translation/models/correspondence.py      |  10 +-
 sbc_translation/security/access_rules.xml     |  10 +
 sbc_translation/security/ir_groups.xml        |   4 +
 .../static/src/components/tp_child_modal.js   |  12 +-
 .../src/components/tp_content_editor.js       |  50 +-
 .../src/components/tp_languages_pick_modal.js | 178 +++----
 .../static/src/components/tp_letter_viewer.js |  53 ++-
 .../static/src/components/tp_loader.js        |  24 +-
 .../static/src/components/tp_modal.js         |  81 ++--
 .../src/components/tp_signal_problem.js       |  99 ++--
 .../src/components/tp_translator_button.js    |  49 +-
 .../static/src/models/letter_dao.js           | 433 +++++++++---------
 .../static/src/models/settings_dao.js         |  76 +--
 .../static/src/models/translator_dao.js       | 261 ++++++-----
 sbc_translation/static/src/pages/tp_home.js   | 226 ++++-----
 .../static/src/pages/tp_letter_edit.js        | 269 +++++------
 .../static/src/pages/tp_letters.js            | 200 ++++----
 .../static/src/pages/tp_translators.js        | 204 +++++----
 .../static/src/translation_platform.css       |  56 +--
 .../static/src/translation_platform.js        | 108 ++---
 .../views/translation_platform_action.xml     |   9 +-
 .../views/translation_pool_view.xml           |   4 +-
 .../views/translation_user_view.xml           |   5 +-
 26 files changed, 1267 insertions(+), 1204 deletions(-)
 delete mode 100644 sbc_translation/js/translation_letter_counting_js.js

diff --git a/sbc_translation/__manifest__.py b/sbc_translation/__manifest__.py
index 87b94c4cd..a36ebd06b 100644
--- a/sbc_translation/__manifest__.py
+++ b/sbc_translation/__manifest__.py
@@ -55,8 +55,7 @@
             "sbc_translation/static/src/pages/tp_home.js",
             "sbc_translation/static/src/pages/tp_translators.js",
             "sbc_translation/static/src/translation_platform.js",
-            "sbc_translation/js/translation_letter_counting_js.js",
-        ]
+        ],
     },
     "data": [
         "security/ir_groups.xml",
diff --git a/sbc_translation/js/translation_letter_counting_js.js b/sbc_translation/js/translation_letter_counting_js.js
deleted file mode 100644
index 180f60646..000000000
--- a/sbc_translation/js/translation_letter_counting_js.js
+++ /dev/null
@@ -1,29 +0,0 @@
-/* global window, document, URLSearchParams */
-odoo.define("sbc_translation.translation_letter_counting", function (require) {
-  "use strict";
-
-  function refreshCounting() {
-    const rpc = require("web.rpc");
-    const modelId = new URLSearchParams(window.location.hash.substr(1)).get(
-      "id",
-    );
-    rpc
-      .query({
-        model: "translation.letter.counting.wizard",
-        method: "search_read",
-        domain: [["id", "=?", modelId]],
-        fields: ["start_of_counting", "counting"],
-      })
-      .then(function (result) {
-        if (result.length > 0 && "counting" in result[0]) {
-          document.getElementsByName("counting")[0].innerHTML =
-            result[0].counting;
-        }
-      });
-  }
-  window.setInterval(function () {
-    if (document.getElementsByName("counting").length === 1) {
-      refreshCounting();
-    }
-  }, 5000);
-});
diff --git a/sbc_translation/migrations/18.0.1.1.0/post_migrate.py b/sbc_translation/migrations/18.0.1.1.0/post_migrate.py
index 263c6088b..d75ebc98d 100644
--- a/sbc_translation/migrations/18.0.1.1.0/post_migrate.py
+++ b/sbc_translation/migrations/18.0.1.1.0/post_migrate.py
@@ -30,7 +30,9 @@ def migrate(cr, version):
     with api.Environment.manage():
         env = api.Environment(cr, SUPERUSER_ID, {})
 
-        tp_action = env.ref("sbc_translation.action_translation_platform", raise_if_not_found=False)
+        tp_action = env.ref(
+            "sbc_translation.action_translation_platform", raise_if_not_found=False
+        )
         group_user = env.ref("sbc_translation.group_user", raise_if_not_found=False)
 
         if not tp_action or not group_user:
@@ -40,14 +42,14 @@ def migrate(cr, version):
             return
 
         # Find all active external translators and set home action
-        translators = env["translation.user"].search([
-            ("active", "=", True),
-            ("user_id.share", "=", True),
-        ])
+        translators = env["translation.user"].search(
+            [
+                ("active", "=", True),
+                ("user_id.share", "=", True),
+            ]
+        )
         users = translators.mapped("user_id")
 
         if users:
             users.write({"action_id": tp_action.id})
-            _logger.info(
-                "Updated home action for %d translator users", len(users)
-            )
+            _logger.info("Updated home action for %d translator users", len(users))
diff --git a/sbc_translation/models/correspondence.py b/sbc_translation/models/correspondence.py
index 91d45017b..62c4afe8e 100644
--- a/sbc_translation/models/correspondence.py
+++ b/sbc_translation/models/correspondence.py
@@ -622,14 +622,6 @@ def _post_process_translation(self):
                 description="Create Commkit",
                 identity_key=f"sbc.create_commkit.{self.ids}",
             ).create_commkit()
-        else:
-            # Recompose the letter image
-            self.with_user(SUPERUSER_ID).with_delay(
-                channel="root.sbc_compassion",
-                priority=50,
-                description="Compose B2S letter image",
-                identity_key=f"sbc.compose_letter.{self.ids}",
-            ).compose_letter_button()
 
     def list_letters(self):
         """API call to fetch letters to translate"""
@@ -673,7 +665,7 @@ def get_letter_info(self):
                 "age": partner.age,
                 "ref": partner.ref,
             },
-            "pdfUrl": f"{base_url}b2s_image?id={self.uuid}&disposition=inline",
+            "pdfUrl": f"/b2s_image?letter_uuid={self.uuid}&disposition=inline",
         }
 
     def get_translated_elements(self):
diff --git a/sbc_translation/security/access_rules.xml b/sbc_translation/security/access_rules.xml
index 4731c0e65..6b0bffdcd 100644
--- a/sbc_translation/security/access_rules.xml
+++ b/sbc_translation/security/access_rules.xml
@@ -34,6 +34,16 @@
         <field name="perm_create" eval="True" />
         <field name="perm_unlink" eval="True" />
     </record>
+    <record id="translator_admin_rule" model="ir.rule">
+        <field name="name">Translator admin</field>
+        <field name="model_id" ref="model_translation_user" />
+        <field name="domain_force">[(1, '=', 1)]</field>
+        <field name="groups" eval="[(4, ref('group_user'))]" />
+        <field name="perm_read" eval="True" />
+        <field name="perm_write" eval="True" />
+        <field name="perm_create" eval="True" />
+        <field name="perm_unlink" eval="True" />
+    </record>
     <record id="translator_skills_rule" model="ir.rule">
         <field name="name">Translator skills</field>
         <field name="model_id" ref="model_translation_user_skill" />
diff --git a/sbc_translation/security/ir_groups.xml b/sbc_translation/security/ir_groups.xml
index 4fcce44fe..b1e505bed 100644
--- a/sbc_translation/security/ir_groups.xml
+++ b/sbc_translation/security/ir_groups.xml
@@ -9,11 +9,15 @@
             <field name="name">User</field>
             <field name="comment">the user will have access to the translation platform.</field>
             <field name="category_id" ref="module_category_translator"/>
+            <field name="implied_ids" eval="[(4, ref('base.group_user'))]" />
+            <field name="share" eval="False" />
         </record>
         <record id="group_manager" model="res.groups">
             <field name="name">Manager</field>
             <field name="comment">the user can manage the translation platform.</field>
             <field name="category_id" ref="module_category_translator"/>
+            <field name="implied_ids" eval="[(4, ref('group_user'))]" />
+            <field name="share" eval="False" />
         </record>
 
         <!-- Add group to Administrator -->
diff --git a/sbc_translation/static/src/components/tp_child_modal.js b/sbc_translation/static/src/components/tp_child_modal.js
index 68090ce1c..c43296646 100644
--- a/sbc_translation/static/src/components/tp_child_modal.js
+++ b/sbc_translation/static/src/components/tp_child_modal.js
@@ -10,7 +10,7 @@ import { TpModal } from "./tp_modal";
  *   onClose {Function}
  */
 export class TpChildModal extends Component {
-    static template = xml`
+  static template = xml`
         <TpModal active="props.active" onClose="props.onClose" title="'Child Protection'">
             <div class="p-3" style="max-width: 750px; max-height: 70vh; overflow-y: auto;">
                 <h6 class="fw-semibold">Expected/acceptable behaviors:</h6>
@@ -49,12 +49,12 @@ export class TpChildModal extends Component {
         </TpModal>
     `;
 
-    static components = { TpModal };
+  static components = { TpModal };
 
-    static props = {
-        active: { type: Boolean },
-        onClose: { type: Function },
-    };
+  static props = {
+    active: { type: Boolean },
+    onClose: { type: Function },
+  };
 }
 
 export default TpChildModal;
diff --git a/sbc_translation/static/src/components/tp_content_editor.js b/sbc_translation/static/src/components/tp_content_editor.js
index 9b4168858..ba02448a2 100644
--- a/sbc_translation/static/src/components/tp_content_editor.js
+++ b/sbc_translation/static/src/components/tp_content_editor.js
@@ -11,7 +11,7 @@ import { TpModal } from "./tp_modal";
  *   onClose {Function}
  */
 class TpTipsModal extends Component {
-    static template = xml`
+  static template = xml`
         <TpModal active="props.active" onClose="props.onClose" title="'Tips for a Successful Translation'">
             <div class="p-3 small" style="max-width: 500px;">
                 <ul class="mb-0">
@@ -25,11 +25,11 @@ class TpTipsModal extends Component {
             </div>
         </TpModal>
     `;
-    static components = { TpModal };
-    static props = {
-        active: { type: Boolean },
-        onClose: { type: Function },
-    };
+  static components = { TpModal };
+  static props = {
+    active: { type: Boolean },
+    onClose: { type: Function },
+  };
 }
 
 /**
@@ -38,7 +38,7 @@ class TpTipsModal extends Component {
  *   letter {Object} - letter data with translatedElements array
  */
 export class TpContentEditor extends Component {
-    static template = xml`
+  static template = xml`
         <div id="tp-content-editor">
             <div t-foreach="props.letter.translatedElements"
                  t-as="element"
@@ -65,7 +65,7 @@ export class TpContentEditor extends Component {
                      class="d-flex gap-1 px-3 py-1 border-top bg-light">
                     <button type="button" class="btn btn-sm btn-outline-secondary"
                             title="View source text"
-                            t-on-click="() => openSource(element.id)">
+                            t-on-click="() => this.openSource(element.id)">
                         <i class="fa fa-eye" /> Source
                     </button>
                     <button type="button" class="btn btn-sm btn-outline-secondary"
@@ -90,27 +90,29 @@ export class TpContentEditor extends Component {
         </div>
     `;
 
-    static components = { TpModal, TpTipsModal };
+  static components = { TpModal, TpTipsModal };
 
-    static props = {
-        letter: { type: Object },
-    };
+  static props = {
+    letter: { type: Object },
+  };
 
-    state = useState({
-        sourceElem: undefined,
-        showTips: false,
-    });
+  state = useState({
+    sourceElem: undefined,
+    showTips: false,
+  });
 
-    openSource(elemId) {
-        const elem = this.props.letter.translatedElements.find((e) => e.id === elemId);
-        if (elem && elem.type === "paragraph") {
-            this.state.sourceElem = elem.source || "";
-        }
+  openSource(elemId) {
+    const elem = this.props.letter.translatedElements.find(
+      (e) => e.id === elemId,
+    );
+    if (elem && elem.type === "paragraph") {
+      this.state.sourceElem = elem.source || "";
     }
+  }
 
-    openTips() {
-        this.state.showTips = true;
-    }
+  openTips() {
+    this.state.showTips = true;
+  }
 }
 
 export default TpContentEditor;
diff --git a/sbc_translation/static/src/components/tp_languages_pick_modal.js b/sbc_translation/static/src/components/tp_languages_pick_modal.js
index c619a1c9c..1de4809b9 100644
--- a/sbc_translation/static/src/components/tp_languages_pick_modal.js
+++ b/sbc_translation/static/src/components/tp_languages_pick_modal.js
@@ -15,7 +15,7 @@ import { TranslatorDAO } from "../models/translator_dao";
  *   onChange     {Function} - called after a skill is removed
  */
 export class TpTranslationSkills extends Component {
-    static template = xml`
+  static template = xml`
         <div>
             <div t-foreach="props.skills" t-as="skill" t-key="skill_index"
                  class="d-flex align-items-center justify-content-between mb-2 p-2 border rounded">
@@ -35,30 +35,30 @@ export class TpTranslationSkills extends Component {
         </div>
     `;
 
-    static props = {
-        skills: { type: Array },
-        translatorId: { type: Number },
-        onChange: { type: Function },
-    };
+  static props = {
+    skills: { type: Array },
+    translatorId: { type: Number },
+    onChange: { type: Function },
+  };
 
-    setup() {
-        this.orm = useService("orm");
-        this.notification = useService("notification");
-    }
+  setup() {
+    this.orm = useService("orm");
+    this.notification = useService("notification");
+  }
 
-    async removeSkill(skill) {
-        try {
-            await TranslatorDAO.deleteSkill(this.orm, this.props.translatorId, {
-                source: skill.source,
-                target: skill.target,
-                verified: skill.verified,
-            });
-            this.notification.add(_t("Skill removed"), { type: "success" });
-            this.props.onChange();
-        } catch (e) {
-            this.notification.add(_t("Unable to remove skill"), { type: "danger" });
-        }
+  async removeSkill(skill) {
+    try {
+      await TranslatorDAO.deleteSkill(this.orm, this.props.translatorId, {
+        source: skill.source,
+        target: skill.target,
+        verified: skill.verified,
+      });
+      this.notification.add(_t("Skill removed"), { type: "success" });
+      this.props.onChange();
+    } catch (e) {
+      this.notification.add(_t("Unable to remove skill"), { type: "danger" });
     }
+  }
 }
 
 /**
@@ -70,7 +70,7 @@ export class TpTranslationSkills extends Component {
  *   translatorId {number}
  */
 export class TpLanguagesPickModal extends Component {
-    static template = xml`
+  static template = xml`
         <TpModal active="props.active" onClose="props.onClose"
                  title="'Languages'" subtitle="'Your translation skills'"
                  loading="state.loading" closeButtonText="'Cancel'">
@@ -129,78 +129,86 @@ export class TpLanguagesPickModal extends Component {
         </TpModal>
     `;
 
-    static components = { TpModal, TpTranslationSkills };
+  static components = { TpModal, TpTranslationSkills };
 
-    static props = {
-        active: { type: Boolean },
-        onClose: { type: Function },
-        onChange: { type: Function },
-        translatorId: { type: Number, optional: true },
-    };
+  static props = {
+    active: { type: Boolean },
+    onClose: { type: Function },
+    onChange: { type: Function },
+    translatorId: { type: Number, optional: true },
+  };
 
-    state = useState({
-        loading: false,
-        competences: [],
-        potentialSkills: [],
-        allowedCompetences: [],
-        translator: null,
-    });
+  state = useState({
+    loading: false,
+    competences: [],
+    potentialSkills: [],
+    allowedCompetences: [],
+    translator: null,
+  });
 
-    setup() {
-        this.orm = useService("orm");
-        this.notification = useService("notification");
-        this._loadData();
-    }
+  setup() {
+    this.orm = useService("orm");
+    this.notification = useService("notification");
+    this._loadData();
+  }
 
-    async _loadData() {
-        this.state.loading = true;
-        try {
-            const [competences, translator] = await Promise.all([
-                SettingsDAO.translationCompetences(this.orm),
-                TranslatorDAO.find(this.orm, this.props.translatorId),
-            ]);
-            this.state.competences = competences;
-            this.state.translator = translator;
-            this.state.allowedCompetences = competences.filter((c) => !this.translatorHasSkill(c));
-        } catch (e) {
-            this.notification.add(_t("Unable to load translator information"), { type: "danger" });
-            this.props.onClose();
-        } finally {
-            this.state.loading = false;
-        }
+  async _loadData() {
+    this.state.loading = true;
+    try {
+      const [competences, translator] = await Promise.all([
+        SettingsDAO.translationCompetences(this.orm),
+        TranslatorDAO.find(this.orm, this.props.translatorId),
+      ]);
+      this.state.competences = competences;
+      this.state.translator = translator;
+      this.state.allowedCompetences = competences.filter(
+        (c) => !this.translatorHasSkill(c),
+      );
+    } catch (e) {
+      this.notification.add(_t("Unable to load translator information"), {
+        type: "danger",
+      });
+      this.props.onClose();
+    } finally {
+      this.state.loading = false;
     }
+  }
 
-    translatorHasSkill(competence) {
-        return (this.state.translator?.skills || []).some(
-            (s) => s.source === competence.source && s.target === competence.target
-        );
-    }
+  translatorHasSkill(competence) {
+    return (this.state.translator?.skills || []).some(
+      (s) => s.source === competence.source && s.target === competence.target,
+    );
+  }
 
-    addSkill() {
-        if (this.state.allowedCompetences.length > 0) {
-            this.state.potentialSkills.push({
-                competenceId: this.state.allowedCompetences[0].id,
-            });
-        }
+  addSkill() {
+    if (this.state.allowedCompetences.length > 0) {
+      this.state.potentialSkills.push({
+        competenceId: this.state.allowedCompetences[0].id,
+      });
     }
+  }
 
-    async registerSkills() {
-        this.state.loading = true;
-        try {
-            await TranslatorDAO.registerSkills(
-                this.orm,
-                this.props.translatorId,
-                this.state.potentialSkills.map((s) => parseInt(s.competenceId, 10))
-            );
-            this.notification.add(_t("Your new skills have been registered"), { type: "success" });
-            this.state.potentialSkills = [];
-            this.props.onChange();
-        } catch (e) {
-            this.notification.add(_t("Unable to register translation skills"), { type: "danger" });
-        } finally {
-            this.state.loading = false;
-        }
+  async registerSkills() {
+    this.state.loading = true;
+    try {
+      await TranslatorDAO.registerSkills(
+        this.orm,
+        this.props.translatorId,
+        this.state.potentialSkills.map((s) => parseInt(s.competenceId, 10)),
+      );
+      this.notification.add(_t("Your new skills have been registered"), {
+        type: "success",
+      });
+      this.state.potentialSkills = [];
+      this.props.onChange();
+    } catch (e) {
+      this.notification.add(_t("Unable to register translation skills"), {
+        type: "danger",
+      });
+    } finally {
+      this.state.loading = false;
     }
+  }
 }
 
 export default TpLanguagesPickModal;
diff --git a/sbc_translation/static/src/components/tp_letter_viewer.js b/sbc_translation/static/src/components/tp_letter_viewer.js
index 0c0a0c8f8..b5ef0109c 100644
--- a/sbc_translation/static/src/components/tp_letter_viewer.js
+++ b/sbc_translation/static/src/components/tp_letter_viewer.js
@@ -1,6 +1,15 @@
 /** @odoo-module */
 
-import { Component, xml, useState, useRef, onMounted, onWillUnmount, onWillUpdateProps, onPatched } from "@odoo/owl";
+import {
+  Component,
+  xml,
+  useState,
+  useRef,
+  onMounted,
+  onWillUnmount,
+  onWillUpdateProps,
+  onPatched,
+} from "@odoo/owl";
 import { useService } from "@web/core/utils/hooks";
 import { _t } from "@web/core/l10n/translation";
 import { TpLoader } from "./tp_loader";
@@ -14,7 +23,7 @@ import { TpSignalProblem } from "./tp_signal_problem";
  *   navigateBack {Function} - navigate back to letters list
  */
 class TpLetterInfoHeader extends Component {
-    static template = xml`
+  static template = xml`
         <div t-if="props.letter" id="tp-letter-viewer-header">
             <div class="d-flex bg-white border-bottom p-3 flex-wrap gap-4">
                 <!-- Child info -->
@@ -97,13 +106,13 @@ class TpLetterInfoHeader extends Component {
         </div>
     `;
 
-    static components = { TpLoader };
+  static components = { TpLoader };
 
-    static props = {
-        letter: { type: Object, optional: true },
-        loading: { type: Boolean, optional: true },
-        slots: { optional: true },
-    };
+  static props = {
+    letter: { type: Object, optional: true },
+    loading: { type: Boolean, optional: true },
+    slots: { optional: true },
+  };
 }
 
 /**
@@ -124,7 +133,7 @@ class TpLetterInfoHeader extends Component {
  *     right-pane     - additional overlay for the right pane
  */
 export class TpLetterViewer extends Component {
-    static template = xml`
+  static template = xml`
         <div class="tp-letter-viewer position-relative" style="height: calc(100vh - 50px);">
             <t t-slot="unsafe" />
             <TpSignalProblem active="state.signalProblemModal"
@@ -210,21 +219,21 @@ export class TpLetterViewer extends Component {
         </div>
     `;
 
-    static components = { TpLetterInfoHeader, TpSignalProblem, TpLoader };
+  static components = { TpLetterInfoHeader, TpSignalProblem, TpLoader };
 
-    static props = {
-        letter: { type: Object, optional: true },
-        letterId: {},
-        loading: { type: Boolean, optional: true },
-        smallLoading: { type: Boolean, optional: true },
-        navigateBack: { type: Function, optional: true },
-        slots: { optional: true },
-    };
+  static props = {
+    letter: { type: Object, optional: true },
+    letterId: {},
+    loading: { type: Boolean, optional: true },
+    smallLoading: { type: Boolean, optional: true },
+    navigateBack: { type: Function, optional: true },
+    slots: { optional: true },
+  };
 
-    state = useState({
-        mode: "letter",
-        signalProblemModal: false,
-    });
+  state = useState({
+    mode: "letter",
+    signalProblemModal: false,
+  });
 }
 
 export default TpLetterViewer;
diff --git a/sbc_translation/static/src/components/tp_loader.js b/sbc_translation/static/src/components/tp_loader.js
index d0143ce8f..e93cfd08b 100644
--- a/sbc_translation/static/src/components/tp_loader.js
+++ b/sbc_translation/static/src/components/tp_loader.js
@@ -1,26 +1,32 @@
 /** @odoo-module */
 
-import { Component, xml, useState, onMounted, onWillUpdateProps } from "@odoo/owl";
+import {
+  Component,
+  xml,
+  useState,
+  onMounted,
+  onWillUpdateProps,
+} from "@odoo/owl";
 
 /**
  * Generic loading spinner.
  */
 export class TpLoader extends Component {
-    static template = xml`
+  static template = xml`
         <div class="d-flex justify-content-center">
             <span class="spinner-border spinner-border-sm text-primary" role="status">
                 <span class="visually-hidden">Loading...</span>
             </span>
         </div>
     `;
-    static props = { "*": {} };
+  static props = { "*": {} };
 }
 
 /**
  * Full-screen blur overlay with a spinner (shown while loading).
  */
 export class TpBlurLoader extends Component {
-    static template = xml`
+  static template = xml`
         <div t-if="props.active"
              class="position-absolute top-0 start-0 w-100 h-100 d-flex flex-column align-items-center justify-content-center"
              style="background: rgba(255,255,255,0.7); backdrop-filter: blur(4px); z-index: 40;">
@@ -30,9 +36,9 @@ export class TpBlurLoader extends Component {
             <p t-if="props.text" class="mt-3 text-muted fs-5" t-esc="props.text" />
         </div>
     `;
-    static components = { TpLoader };
-    static props = {
-        active: { type: Boolean, optional: true },
-        text: { type: String, optional: true },
-    };
+  static components = { TpLoader };
+  static props = {
+    active: { type: Boolean, optional: true },
+    text: { type: String, optional: true },
+  };
 }
diff --git a/sbc_translation/static/src/components/tp_modal.js b/sbc_translation/static/src/components/tp_modal.js
index 0e9d3556f..428ece4a8 100644
--- a/sbc_translation/static/src/components/tp_modal.js
+++ b/sbc_translation/static/src/components/tp_modal.js
@@ -1,6 +1,13 @@
 /** @odoo-module */
 
-import { Component, xml, useState, onMounted, onWillUpdateProps, onPatched } from "@odoo/owl";
+import {
+  Component,
+  xml,
+  useState,
+  onMounted,
+  onWillUpdateProps,
+  onPatched,
+} from "@odoo/owl";
 import { TpLoader } from "./tp_loader";
 
 // Duration of the Bootstrap modal fade-in/out CSS transition (ms).
@@ -19,7 +26,7 @@ const MODAL_TRANSITION_DURATION_MS = 200;
  *   closeButtonText {String}  - label for the footer close button
  */
 export class TpModal extends Component {
-    static template = xml`
+  static template = xml`
         <div t-if="state.mounted"
              class="modal tp-modal"
              t-att-class="{ 'show d-block': state.display, 'd-none': !state.display }"
@@ -63,48 +70,48 @@ export class TpModal extends Component {
         <div t-if="state.display" class="modal-backdrop show" />
     `;
 
-    static components = { TpLoader };
+  static components = { TpLoader };
 
-    static props = {
-        active: { type: Boolean, optional: true },
-        title: { type: String, optional: true },
-        subtitle: { type: String, optional: true },
-        onClose: { type: Function, optional: true },
-        loading: { type: Boolean, optional: true },
-        showCloseButton: { type: Boolean, optional: true },
-        closeButtonText: { type: String, optional: true },
-        empty: { type: Boolean, optional: true },
-        dialogClass: { type: String, optional: true },
-        "*": {},
-    };
+  static props = {
+    active: { type: Boolean, optional: true },
+    title: { type: String, optional: true },
+    subtitle: { type: String, optional: true },
+    onClose: { type: Function, optional: true },
+    loading: { type: Boolean, optional: true },
+    showCloseButton: { type: Boolean, optional: true },
+    closeButtonText: { type: String, optional: true },
+    empty: { type: Boolean, optional: true },
+    dialogClass: { type: String, optional: true },
+    "*": {},
+  };
 
-    state = useState({
-        mounted: false,
-        display: false,
-    });
+  state = useState({
+    mounted: false,
+    display: false,
+  });
 
-    setup() {
-        onMounted(() => this._handleMount(this.props));
-        onWillUpdateProps((next) => this._handleMount(next));
-        onPatched(() => this._postRendered());
-    }
+  setup() {
+    onMounted(() => this._handleMount(this.props));
+    onWillUpdateProps((next) => this._handleMount(next));
+    onPatched(() => this._postRendered());
+  }
 
-    _handleMount(props) {
-        if (props.active && !this.state.mounted) {
-            this.state.mounted = true;
-        } else if (this.state.mounted && !props.active) {
-            this.state.display = false;
-            setTimeout(() => {
-                this.state.mounted = false;
-            }, MODAL_TRANSITION_DURATION_MS);
-        }
+  _handleMount(props) {
+    if (props.active && !this.state.mounted) {
+      this.state.mounted = true;
+    } else if (this.state.mounted && !props.active) {
+      this.state.display = false;
+      setTimeout(() => {
+        this.state.mounted = false;
+      }, MODAL_TRANSITION_DURATION_MS);
     }
+  }
 
-    _postRendered() {
-        if (this.props.active && this.state.mounted && !this.state.display) {
-            this.state.display = true;
-        }
+  _postRendered() {
+    if (this.props.active && this.state.mounted && !this.state.display) {
+      this.state.display = true;
     }
+  }
 }
 
 export default TpModal;
diff --git a/sbc_translation/static/src/components/tp_signal_problem.js b/sbc_translation/static/src/components/tp_signal_problem.js
index 3083d0142..dc9d08b07 100644
--- a/sbc_translation/static/src/components/tp_signal_problem.js
+++ b/sbc_translation/static/src/components/tp_signal_problem.js
@@ -14,7 +14,7 @@ import { SettingsDAO } from "../models/settings_dao";
  *   onClose   {Function}
  */
 export class TpSignalProblem extends Component {
-    static template = xml`
+  static template = xml`
         <TpModal active="props.active" onClose="props.onClose"
                  title="'Signal a Problem'"
                  subtitle="'Notify Compassion of a problem with this letter'"
@@ -36,58 +36,63 @@ export class TpSignalProblem extends Component {
         </TpModal>
     `;
 
-    static components = { TpModal };
+  static components = { TpModal };
 
-    static props = {
-        letterId: {},
-        active: { type: Boolean },
-        onClose: { type: Function },
-        onRefresh: { type: Function, optional: true },
-    };
+  static props = {
+    letterId: {},
+    active: { type: Boolean },
+    onClose: { type: Function },
+    onRefresh: { type: Function, optional: true },
+  };
 
-    state = useState({
-        loading: false,
-        message: "",
-        type: null,
-        types: [],
+  state = useState({
+    loading: false,
+    message: "",
+    type: null,
+    types: [],
+  });
+
+  setup() {
+    this.orm = useService("orm");
+    this.notification = useService("notification");
+    this.state.loading = true;
+    SettingsDAO.letterIssues(this.orm).then((res) => {
+      this.state.types = res;
+      this.state.type = res[0]?.id || null;
+      this.state.loading = false;
     });
+  }
 
-    setup() {
-        this.orm = useService("orm");
-        this.notification = useService("notification");
-        this.state.loading = true;
-        SettingsDAO.letterIssues(this.orm).then((res) => {
-            this.state.types = res;
-            this.state.type = res[0]?.id || null;
-            this.state.loading = false;
-        });
+  async submit() {
+    if (!this.state.type) {
+      this.notification.add(_t("Please select a problem in the list"), {
+        type: "warning",
+      });
+      return;
     }
-
-    async submit() {
-        if (!this.state.type) {
-            this.notification.add(_t("Please select a problem in the list"), { type: "warning" });
-            return;
-        }
-        this.state.loading = true;
-        try {
-            await this.orm.call("correspondence", "raise_translation_issue", [
-                [parseInt(this.props.letterId, 10)],
-                this.state.type,
-                this.state.message,
-            ]);
-            this.notification.add(_t("Issue successfully sent, it will be quickly reviewed"), {
-                type: "success",
-            });
-            this.props.onClose();
-            if (this.props.onRefresh) {
-                this.props.onRefresh();
-            }
-        } catch (e) {
-            this.notification.add(_t("Unable to submit issue"), { type: "danger" });
-        } finally {
-            this.state.loading = false;
-        }
+    this.state.loading = true;
+    try {
+      await this.orm.call("correspondence", "raise_translation_issue", [
+        [parseInt(this.props.letterId, 10)],
+        this.state.type,
+        this.state.message,
+      ]);
+      this.notification.add(
+        _t("Issue successfully sent, it will be quickly reviewed"),
+        {
+          type: "success",
+        },
+      );
+      this.props.onClose();
+      if (this.props.onRefresh) {
+        this.props.onRefresh();
+      }
+    } catch (e) {
+      this.notification.add(_t("Unable to submit issue"), { type: "danger" });
+    } finally {
+      this.state.loading = false;
     }
+  }
 }
 
 export default TpSignalProblem;
diff --git a/sbc_translation/static/src/components/tp_translator_button.js b/sbc_translation/static/src/components/tp_translator_button.js
index a92dac560..e9494d5d4 100644
--- a/sbc_translation/static/src/components/tp_translator_button.js
+++ b/sbc_translation/static/src/components/tp_translator_button.js
@@ -12,7 +12,7 @@ import { TranslatorDAO } from "../models/translator_dao";
  *   translatorId {number}
  */
 export class TpTranslatorButton extends Component {
-    static template = xml`
+  static template = xml`
         <span>
             <button type="button"
                     class="btn btn-sm btn-link p-0"
@@ -50,33 +50,36 @@ export class TpTranslatorButton extends Component {
         </span>
     `;
 
-    static components = { TpModal };
+  static components = { TpModal };
 
-    static props = {
-        translatorId: { type: Number },
-    };
+  static props = {
+    translatorId: { type: Number },
+  };
 
-    state = useState({
-        translator: null,
-        loading: false,
-        showModal: false,
-    });
+  state = useState({
+    translator: null,
+    loading: false,
+    showModal: false,
+  });
 
-    setup() {
-        this.orm = useService("orm");
-    }
+  setup() {
+    this.orm = useService("orm");
+  }
 
-    async loadAndOpen() {
-        if (!this.state.translator) {
-            this.state.loading = true;
-            try {
-                this.state.translator = await TranslatorDAO.find(this.orm, this.props.translatorId);
-            } finally {
-                this.state.loading = false;
-            }
-        }
-        this.state.showModal = true;
+  async loadAndOpen() {
+    if (!this.state.translator) {
+      this.state.loading = true;
+      try {
+        this.state.translator = await TranslatorDAO.find(
+          this.orm,
+          this.props.translatorId,
+        );
+      } finally {
+        this.state.loading = false;
+      }
     }
+    this.state.showModal = true;
+  }
 }
 
 export default TpTranslatorButton;
diff --git a/sbc_translation/static/src/models/letter_dao.js b/sbc_translation/static/src/models/letter_dao.js
index e8506cba6..58e52c946 100644
--- a/sbc_translation/static/src/models/letter_dao.js
+++ b/sbc_translation/static/src/models/letter_dao.js
@@ -6,219 +6,226 @@
  */
 
 export const LetterDAO = {
-    /**
-     * Fetch a single letter's full info.
-     * @param {Object} orm - Odoo orm service
-     * @param {number|string} id
-     * @returns {Promise<Object>}
-     */
-    async find(orm, id) {
-        const result = await orm.call("correspondence", "get_letter_info", [[parseInt(id, 10)]]);
-        return LetterDAO._cleanLetter(result);
-    },
-
-    /**
-     * List letters matching params.
-     * @param {Object} orm
-     * @param {Object} params - { search, sortBy, pageNumber, pageSize }
-     * @returns {Promise<{data: Object[], total: number}>}
-     */
-    async list(orm, params = {}) {
-        const domain = LetterDAO._buildDomain(params.search || []);
-        // Always filter to letters in translation queue
-        domain.push(["state", "=", "Global Partner translation queue"]);
-        const offset = (params.pageNumber || 0) * (params.pageSize || 10);
-        const limit = params.pageSize || 10;
-        const order = LetterDAO._buildOrder(params.sortBy || []);
-
-        const [ids, total] = await Promise.all([
-            orm.search("correspondence", domain, { offset, limit, order }),
-            orm.searchCount("correspondence", domain),
-        ]);
-
-        if (!ids || ids.length === 0) {
-            return { data: [], total };
-        }
-
-        // list_letters is a record-level method; pass IDs as first arg
-        const rawLetters = await orm.call("correspondence", "list_letters", [ids]);
-        const data = (rawLetters || []).map((l) => LetterDAO._cleanLetter(l));
-        return { data, total };
-    },
-
-    /**
-     * List all IDs matching params (for select-all).
-     * @param {Object} orm
-     * @param {Object} params
-     * @returns {Promise<number[]>}
-     */
-    async listIds(orm, params = {}) {
-        const domain = LetterDAO._buildDomain(params.search || []);
-        domain.push(["state", "=", "Global Partner translation queue"]);
-        return orm.search("correspondence", domain);
-    },
-
-    /**
-     * Save (update) a translation in progress.
-     * @param {Object} orm
-     * @param {Object} letter
-     * @returns {Promise<boolean>}
-     */
-    async update(orm, letter) {
-        return orm.call("correspondence", "save_translation", [
-            [letter.id],
-            letter.translatedElements,
-            letter.translatorId || false,
-        ]);
-    },
-
-    /**
-     * Submit a completed translation.
-     * @param {Object} orm
-     * @param {Object} letter
-     * @returns {Promise<boolean>}
-     */
-    async submit(orm, letter) {
-        return orm.call("correspondence", "submit_translation", [
-            [letter.id],
-            letter.translatedElements,
-            letter.translatorId || false,
-        ]);
-    },
-
-    /**
-     * Report an issue with a letter.
-     * @param {Object} orm
-     * @param {number} letterId
-     * @param {string} issueType
-     * @param {string} message
-     * @returns {Promise<boolean>}
-     */
-    async reportIssue(orm, letterId, issueType, message) {
-        return orm.call("correspondence", "raise_translation_issue", [
-            [parseInt(letterId, 10)],
-            issueType,
-            message,
-        ]);
-    },
-
-    /**
-     * Reply to translator comments on a letter.
-     * @param {Object} orm
-     * @param {Object} letter
-     * @param {string} html
-     * @returns {Promise<boolean>}
-     */
-    async replyToComments(orm, letter, html) {
-        return orm.call("correspondence", "reply_to_comments", [[letter.id], html]);
-    },
-
-    /**
-     * Mark all comments as read.
-     * @param {Object} orm
-     * @param {Object} letter
-     * @returns {Promise<boolean>}
-     */
-    async markCommentsAsRead(orm, letter) {
-        return orm.call("correspondence", "mark_comments_read", [[letter.id]]);
-    },
-
-    /**
-     * Put a letter back into the translation queue (resubmit).
-     * @param {Object} orm
-     * @param {Object} letter
-     * @returns {Promise<boolean>}
-     */
-    async makeTranslatable(orm, letter) {
-        return orm.call("correspondence", "action_resubmit_to_translation", [[letter.id]]);
-    },
-
-    /**
-     * Remove a letter from the translation queue.
-     * @param {Object} orm
-     * @param {Object} letter
-     * @returns {Promise<boolean>}
-     */
-    async deleteLetter(orm, letter) {
-        return orm.call("correspondence", "action_remove_local_translate", [[letter.id]]);
-    },
-
-    // -------------------------------------------------------------------------
-    // Private helpers
-    // -------------------------------------------------------------------------
-
-    /**
-     * Map the frontend search params to an Odoo domain.
-     * @param {Array} search - [{column, term, operator}]
-     * @returns {Array}
-     */
-    _buildDomain(search) {
-        const fieldMap = {
-            status: "translation_status",
-            title: "name",
-            priority: "translation_priority",
-            unreadComments: "unread_comments",
-            date: "scanned_date",
-            source: "src_translation_lang_id.name",
-            target: "translation_language_id.name",
-            translatorId: "new_translator_id",
-            translationIssue: "translation_issue",
-        };
-        const domain = [];
-        for (const item of search) {
-            const field = fieldMap[item.column] || item.column;
-            const op = item.operator || "ilike";
-            let term = item.term;
-            // Handle booleans and false
-            if (term === false || term === "false") term = false;
-            else if (term === true || term === "true") term = true;
-            domain.push([field, op, term]);
-        }
-        return domain;
-    },
-
-    /**
-     * Map the frontend sortBy array to an Odoo order string.
-     * @param {string[]} sortBy
-     * @returns {string}
-     */
-    _buildOrder(sortBy) {
-        const fieldMap = {
-            status: "translation_status",
-            title: "name",
-            priority: "translation_priority",
-            date: "scanned_date",
-            unreadComments: "unread_comments",
-        };
-        return sortBy
-            .map((clause) => {
-                const [field, dir = "asc"] = clause.split(" ");
-                return `${fieldMap[field] || field} ${dir}`;
-            })
-            .join(", ");
-    },
-
-    /**
-     * Clean/normalise a raw letter object coming from the server.
-     * @param {Object} letter
-     * @returns {Object}
-     */
-    _cleanLetter(letter) {
-        if (!letter) return undefined;
-        return {
-            ...letter,
-            status: letter.status || "to do",
-            date: letter.date ? new Date(letter.date) : new Date(),
-            lastUpdate: letter.lastUpdate && letter.lastUpdate !== "None"
-                ? new Date(letter.lastUpdate)
-                : undefined,
-            translatorId: letter.translatorId !== "None" ? letter.translatorId : undefined,
-            translatedElements: letter.translatedElements !== "None"
-                ? letter.translatedElements
-                : [],
-            priority: parseInt(letter.priority, 10) || 0,
-        };
-    },
+  /**
+   * Fetch a single letter's full info.
+   * @param {Object} orm - Odoo orm service
+   * @param {number|string} id
+   * @returns {Promise<Object>}
+   */
+  async find(orm, id) {
+    const result = await orm.call("correspondence", "get_letter_info", [
+      [parseInt(id, 10)],
+    ]);
+    return LetterDAO._cleanLetter(result);
+  },
+
+  /**
+   * List letters matching params.
+   * @param {Object} orm
+   * @param {Object} params - { search, sortBy, pageNumber, pageSize }
+   * @returns {Promise<{data: Object[], total: number}>}
+   */
+  async list(orm, params = {}) {
+    const domain = LetterDAO._buildDomain(params.search || []);
+    // Always filter to letters in translation queue
+    domain.push(["state", "=", "Global Partner translation queue"]);
+    const offset = (params.pageNumber || 0) * (params.pageSize || 10);
+    const limit = params.pageSize || 10;
+    const order = LetterDAO._buildOrder(params.sortBy || []);
+
+    const [ids, total] = await Promise.all([
+      orm.search("correspondence", domain, { offset, limit, order }),
+      orm.searchCount("correspondence", domain),
+    ]);
+
+    if (!ids || ids.length === 0) {
+      return { data: [], total };
+    }
+
+    // list_letters is a record-level method; pass IDs as first arg
+    const rawLetters = await orm.call("correspondence", "list_letters", [ids]);
+    const data = (rawLetters || []).map((l) => LetterDAO._cleanLetter(l));
+    return { data, total };
+  },
+
+  /**
+   * List all IDs matching params (for select-all).
+   * @param {Object} orm
+   * @param {Object} params
+   * @returns {Promise<number[]>}
+   */
+  async listIds(orm, params = {}) {
+    const domain = LetterDAO._buildDomain(params.search || []);
+    domain.push(["state", "=", "Global Partner translation queue"]);
+    return orm.search("correspondence", domain);
+  },
+
+  /**
+   * Save (update) a translation in progress.
+   * @param {Object} orm
+   * @param {Object} letter
+   * @returns {Promise<boolean>}
+   */
+  async update(orm, letter) {
+    return orm.call("correspondence", "save_translation", [
+      [letter.id],
+      letter.translatedElements,
+      letter.translatorId || false,
+    ]);
+  },
+
+  /**
+   * Submit a completed translation.
+   * @param {Object} orm
+   * @param {Object} letter
+   * @returns {Promise<boolean>}
+   */
+  async submit(orm, letter) {
+    return orm.call("correspondence", "submit_translation", [
+      [letter.id],
+      letter.translatedElements,
+      letter.translatorId || false,
+    ]);
+  },
+
+  /**
+   * Report an issue with a letter.
+   * @param {Object} orm
+   * @param {number} letterId
+   * @param {string} issueType
+   * @param {string} message
+   * @returns {Promise<boolean>}
+   */
+  async reportIssue(orm, letterId, issueType, message) {
+    return orm.call("correspondence", "raise_translation_issue", [
+      [parseInt(letterId, 10)],
+      issueType,
+      message,
+    ]);
+  },
+
+  /**
+   * Reply to translator comments on a letter.
+   * @param {Object} orm
+   * @param {Object} letter
+   * @param {string} html
+   * @returns {Promise<boolean>}
+   */
+  async replyToComments(orm, letter, html) {
+    return orm.call("correspondence", "reply_to_comments", [[letter.id], html]);
+  },
+
+  /**
+   * Mark all comments as read.
+   * @param {Object} orm
+   * @param {Object} letter
+   * @returns {Promise<boolean>}
+   */
+  async markCommentsAsRead(orm, letter) {
+    return orm.call("correspondence", "mark_comments_read", [[letter.id]]);
+  },
+
+  /**
+   * Put a letter back into the translation queue (resubmit).
+   * @param {Object} orm
+   * @param {Object} letter
+   * @returns {Promise<boolean>}
+   */
+  async makeTranslatable(orm, letter) {
+    return orm.call("correspondence", "action_resubmit_to_translation", [
+      [letter.id],
+    ]);
+  },
+
+  /**
+   * Remove a letter from the translation queue.
+   * @param {Object} orm
+   * @param {Object} letter
+   * @returns {Promise<boolean>}
+   */
+  async deleteLetter(orm, letter) {
+    return orm.call("correspondence", "action_remove_local_translate", [
+      [letter.id],
+    ]);
+  },
+
+  // -------------------------------------------------------------------------
+  // Private helpers
+  // -------------------------------------------------------------------------
+
+  /**
+   * Map the frontend search params to an Odoo domain.
+   * @param {Array} search - [{column, term, operator}]
+   * @returns {Array}
+   */
+  _buildDomain(search) {
+    const fieldMap = {
+      status: "translation_status",
+      title: "name",
+      priority: "translation_priority",
+      unreadComments: "unread_comments",
+      date: "scanned_date",
+      source: "src_translation_lang_id.name",
+      target: "translation_language_id.name",
+      translatorId: "new_translator_id",
+      translationIssue: "translation_issue",
+    };
+    const domain = [];
+    for (const item of search) {
+      const field = fieldMap[item.column] || item.column;
+      const op = item.operator || "ilike";
+      let term = item.term;
+      // Handle booleans and false
+      if (term === false || term === "false") term = false;
+      else if (term === true || term === "true") term = true;
+      domain.push([field, op, term]);
+    }
+    return domain;
+  },
+
+  /**
+   * Map the frontend sortBy array to an Odoo order string.
+   * @param {string[]} sortBy
+   * @returns {string}
+   */
+  _buildOrder(sortBy) {
+    const fieldMap = {
+      status: "translation_status",
+      title: "name",
+      priority: "translation_priority",
+      date: "scanned_date",
+      unreadComments: "unread_comments",
+    };
+    return sortBy
+      .map((clause) => {
+        const [field, dir = "asc"] = clause.split(" ");
+        return `${fieldMap[field] || field} ${dir}`;
+      })
+      .join(", ");
+  },
+
+  /**
+   * Clean/normalise a raw letter object coming from the server.
+   * @param {Object} letter
+   * @returns {Object}
+   */
+  _cleanLetter(letter) {
+    if (!letter) return undefined;
+    return {
+      ...letter,
+      status: letter.status || "to do",
+      date: letter.date ? new Date(letter.date) : new Date(),
+      lastUpdate:
+        letter.lastUpdate && letter.lastUpdate !== "None"
+          ? new Date(letter.lastUpdate)
+          : undefined,
+      translatorId:
+        letter.translatorId !== "None" ? letter.translatorId : undefined,
+      translatedElements:
+        letter.translatedElements !== "None" ? letter.translatedElements : [],
+      priority: parseInt(letter.priority, 10) || 0,
+    };
+  },
 };
 
 export default LetterDAO;
diff --git a/sbc_translation/static/src/models/settings_dao.js b/sbc_translation/static/src/models/settings_dao.js
index d57372ac2..a2c18434c 100644
--- a/sbc_translation/static/src/models/settings_dao.js
+++ b/sbc_translation/static/src/models/settings_dao.js
@@ -6,44 +6,48 @@
  */
 
 export const SettingsDAO = {
-    /**
-     * Fetch all translation competences (language pairs).
-     * @param {Object} orm
-     * @returns {Promise<Array<{id: number, source: string, target: string}>>}
-     */
-    async translationCompetences(orm) {
-        const raw = await orm.searchRead(
-            "translation.competence",
-            [],
-            ["source_language_id", "dest_language_id"]
-        );
-        return (raw || []).map((it) => ({
-            id: it.id,
-            source: it.source_language_id[1],
-            target: it.dest_language_id[1],
-        }));
-    },
+  /**
+   * Fetch all translation competences (language pairs).
+   * @param {Object} orm
+   * @returns {Promise<Array<{id: number, source: string, target: string}>>}
+   */
+  async translationCompetences(orm) {
+    const raw = await orm.searchRead(
+      "translation.competence",
+      [],
+      ["source_language_id", "dest_language_id"],
+    );
+    return (raw || []).map((it) => ({
+      id: it.id,
+      source: it.source_language_id[1],
+      target: it.dest_language_id[1],
+    }));
+  },
 
-    /**
-     * Fetch all unique languages (sources + targets combined).
-     * @param {Object} orm
-     * @returns {Promise<string[]>}
-     */
-    async languages(orm) {
-        const competences = await SettingsDAO.translationCompetences(orm);
-        const langs = competences.flatMap((c) => [c.source, c.target]);
-        return [...new Set(langs)];
-    },
+  /**
+   * Fetch all unique languages (sources + targets combined).
+   * @param {Object} orm
+   * @returns {Promise<string[]>}
+   */
+  async languages(orm) {
+    const competences = await SettingsDAO.translationCompetences(orm);
+    const langs = competences.flatMap((c) => [c.source, c.target]);
+    return [...new Set(langs)];
+  },
 
-    /**
-     * Fetch the list of possible letter issue types.
-     * @param {Object} orm
-     * @returns {Promise<Array<{id: string, text: string}>>}
-     */
-    async letterIssues(orm) {
-        const raw = await orm.call("correspondence", "get_translation_issue_list", []);
-        return (raw || []).map(([id, text]) => ({ id, text }));
-    },
+  /**
+   * Fetch the list of possible letter issue types.
+   * @param {Object} orm
+   * @returns {Promise<Array<{id: string, text: string}>>}
+   */
+  async letterIssues(orm) {
+    const raw = await orm.call(
+      "correspondence",
+      "get_translation_issue_list",
+      [],
+    );
+    return (raw || []).map(([id, text]) => ({ id, text }));
+  },
 };
 
 export default SettingsDAO;
diff --git a/sbc_translation/static/src/models/translator_dao.js b/sbc_translation/static/src/models/translator_dao.js
index fc67567dc..735af75b1 100644
--- a/sbc_translation/static/src/models/translator_dao.js
+++ b/sbc_translation/static/src/models/translator_dao.js
@@ -6,145 +6,152 @@
  */
 
 export const TranslatorDAO = {
-    /**
-     * Get a single translator's full info.
-     * @param {Object} orm
-     * @param {number} id
-     * @returns {Promise<Object>}
-     */
-    async find(orm, id) {
-        const data = await orm.call("translation.user", "get_user_info", [[parseInt(id, 10)]]);
-        return TranslatorDAO._cleanTranslator(data);
-    },
+  /**
+   * Get a single translator's full info.
+   * @param {Object} orm
+   * @param {number} id
+   * @returns {Promise<Object>}
+   */
+  async find(orm, id) {
+    const data = await orm.call("translation.user", "get_user_info", [
+      [parseInt(id, 10)],
+    ]);
+    return TranslatorDAO._cleanTranslator(data);
+  },
 
-    /**
-     * Get the current authenticated user's translator info.
-     * @param {Object} orm
-     * @returns {Promise<Object>}
-     */
-    async current(orm) {
-        const data = await orm.call("translation.user", "get_my_info", []);
-        if (!data) {
-            throw new Error("Unable to find current authenticated translator");
-        }
-        return TranslatorDAO._cleanTranslator(data);
-    },
+  /**
+   * Get the current authenticated user's translator info.
+   * @param {Object} orm
+   * @returns {Promise<Object>}
+   */
+  async current(orm) {
+    const data = await orm.call("translation.user", "get_my_info", []);
+    if (!data) {
+      throw new Error("Unable to find current authenticated translator");
+    }
+    return TranslatorDAO._cleanTranslator(data);
+  },
 
-    /**
-     * List translators with optional filters and pagination.
-     * @param {Object} orm
-     * @param {Object} params
-     * @returns {Promise<{data: Object[], total: number}>}
-     */
-    async list(orm, params = {}) {
-        const domain = TranslatorDAO._buildDomain(params.search || []);
-        const offset = (params.pageNumber || 0) * (params.pageSize || 10);
-        const limit = params.pageSize || 10;
-        const order = TranslatorDAO._buildOrder(params.sortBy || []);
+  /**
+   * List translators with optional filters and pagination.
+   * @param {Object} orm
+   * @param {Object} params
+   * @returns {Promise<{data: Object[], total: number}>}
+   */
+  async list(orm, params = {}) {
+    const domain = TranslatorDAO._buildDomain(params.search || []);
+    const offset = (params.pageNumber || 0) * (params.pageSize || 10);
+    const limit = params.pageSize || 10;
+    const order = TranslatorDAO._buildOrder(params.sortBy || []);
 
-        const [ids, total] = await Promise.all([
-            orm.search("translation.user", domain, { offset, limit, order }),
-            orm.searchCount("translation.user", domain),
-        ]);
+    const [ids, total] = await Promise.all([
+      orm.search("translation.user", domain, { offset, limit, order }),
+      orm.searchCount("translation.user", domain),
+    ]);
 
-        if (!ids || ids.length === 0) {
-            return { data: [], total };
-        }
+    if (!ids || ids.length === 0) {
+      return { data: [], total };
+    }
 
-        const rawTranslators = await orm.call("translation.user", "list_users", [ids]);
-        const data = (rawTranslators || [])
-            .map((t) => TranslatorDAO._cleanTranslator(t))
-            .filter((t) => t !== undefined);
-        return { data, total };
-    },
+    const rawTranslators = await orm.call("translation.user", "list_users", [
+      ids,
+    ]);
+    const data = (rawTranslators || [])
+      .map((t) => TranslatorDAO._cleanTranslator(t))
+      .filter((t) => t !== undefined);
+    return { data, total };
+  },
 
-    /**
-     * List all matching translator IDs.
-     * @param {Object} orm
-     * @param {Object} params
-     * @returns {Promise<number[]>}
-     */
-    async listIds(orm, params = {}) {
-        const domain = TranslatorDAO._buildDomain(params.search || []);
-        return orm.search("translation.user", domain);
-    },
+  /**
+   * List all matching translator IDs.
+   * @param {Object} orm
+   * @param {Object} params
+   * @returns {Promise<number[]>}
+   */
+  async listIds(orm, params = {}) {
+    const domain = TranslatorDAO._buildDomain(params.search || []);
+    return orm.search("translation.user", domain);
+  },
 
-    /**
-     * Register new translation skills for a translator.
-     * @param {Object} orm
-     * @param {number} translatorId
-     * @param {number[]} competenceIds
-     * @returns {Promise<boolean>}
-     */
-    async registerSkills(orm, translatorId, competenceIds) {
-        for (const skillId of competenceIds) {
-            await orm.call("translation.user", "add_skill", [[translatorId], skillId]);
-        }
-        return true;
-    },
+  /**
+   * Register new translation skills for a translator.
+   * @param {Object} orm
+   * @param {number} translatorId
+   * @param {number[]} competenceIds
+   * @returns {Promise<boolean>}
+   */
+  async registerSkills(orm, translatorId, competenceIds) {
+    for (const skillId of competenceIds) {
+      await orm.call("translation.user", "add_skill", [
+        [translatorId],
+        skillId,
+      ]);
+    }
+    return true;
+  },
 
-    /**
-     * Remove a translation skill from a translator.
-     * @param {Object} orm
-     * @param {number} translatorId
-     * @param {Object} skill - { source, target, verified }
-     * @returns {Promise<boolean>}
-     */
-    async deleteSkill(orm, translatorId, skill) {
-        await orm.call("translation.user", "unlink_skill", [[translatorId], skill]);
-        return true;
-    },
+  /**
+   * Remove a translation skill from a translator.
+   * @param {Object} orm
+   * @param {number} translatorId
+   * @param {Object} skill - { source, target, verified }
+   * @returns {Promise<boolean>}
+   */
+  async deleteSkill(orm, translatorId, skill) {
+    await orm.call("translation.user", "unlink_skill", [[translatorId], skill]);
+    return true;
+  },
 
-    // -------------------------------------------------------------------------
-    // Private helpers
-    // -------------------------------------------------------------------------
+  // -------------------------------------------------------------------------
+  // Private helpers
+  // -------------------------------------------------------------------------
 
-    _buildDomain(search) {
-        const fieldMap = {
-            total: "nb_translated_letters",
-            year: "nb_translated_letters_this_year",
-            lastYear: "nb_translated_letters_last_year",
-            name: "partner_id.name",
-            email: "user_id.email",
-        };
-        const domain = [];
-        for (const item of search) {
-            const field = fieldMap[item.column] || item.column;
-            domain.push([field, item.operator || "ilike", item.term]);
-        }
-        return domain;
-    },
+  _buildDomain(search) {
+    const fieldMap = {
+      total: "nb_translated_letters",
+      year: "nb_translated_letters_this_year",
+      lastYear: "nb_translated_letters_last_year",
+      name: "partner_id.name",
+      email: "user_id.email",
+    };
+    const domain = [];
+    for (const item of search) {
+      const field = fieldMap[item.column] || item.column;
+      domain.push([field, item.operator || "ilike", item.term]);
+    }
+    return domain;
+  },
 
-    _buildOrder(sortBy) {
-        const fieldMap = {
-            total: "nb_translated_letters",
-            year: "nb_translated_letters_this_year",
-            lastYear: "nb_translated_letters_last_year",
-            name: "partner_id.name",
-            email: "user_id.email",
-        };
-        return sortBy
-            .map((clause) => {
-                const [field, dir = "asc"] = clause.split(" ");
-                return `${fieldMap[field] || field} ${dir}`;
-            })
-            .join(", ");
-    },
+  _buildOrder(sortBy) {
+    const fieldMap = {
+      total: "nb_translated_letters",
+      year: "nb_translated_letters_this_year",
+      lastYear: "nb_translated_letters_last_year",
+      name: "partner_id.name",
+      email: "user_id.email",
+    };
+    return sortBy
+      .map((clause) => {
+        const [field, dir = "asc"] = clause.split(" ");
+        return `${fieldMap[field] || field} ${dir}`;
+      })
+      .join(", ");
+  },
 
-    _cleanTranslator(data) {
-        if (!data) return undefined;
-        return {
-            ...data,
-            email: data.email !== "None" ? data.email : undefined,
-            name: data.name !== "None" ? data.name : undefined,
-            age: data.age !== "None" ? data.age : undefined,
-            language: data.language !== "None" ? data.language : undefined,
-            total: data.total !== "None" ? data.total : 0,
-            year: data.year !== "None" ? data.year : 0,
-            lastYear: data.lastYear !== "None" ? data.lastYear : 0,
-            skills: data.skills !== "None" ? (data.skills || []) : [],
-        };
-    },
+  _cleanTranslator(data) {
+    if (!data) return undefined;
+    return {
+      ...data,
+      email: data.email !== "None" ? data.email : undefined,
+      name: data.name !== "None" ? data.name : undefined,
+      age: data.age !== "None" ? data.age : undefined,
+      language: data.language !== "None" ? data.language : undefined,
+      total: data.total !== "None" ? data.total : 0,
+      year: data.year !== "None" ? data.year : 0,
+      lastYear: data.lastYear !== "None" ? data.lastYear : 0,
+      skills: data.skills !== "None" ? data.skills || [] : [],
+    };
+  },
 };
 
 export default TranslatorDAO;
diff --git a/sbc_translation/static/src/pages/tp_home.js b/sbc_translation/static/src/pages/tp_home.js
index d5be83ca9..0b8f63abe 100644
--- a/sbc_translation/static/src/pages/tp_home.js
+++ b/sbc_translation/static/src/pages/tp_home.js
@@ -17,7 +17,7 @@ import { TpBlurLoader } from "../components/tp_loader";
  *   navigate  {Function}
  */
 class TpTranslationCard extends Component {
-    static template = xml`
+  static template = xml`
         <div class="card tp-translation-card" style="min-width: 260px; max-width: 300px;"
              t-att-class="{
                'border-primary': props.status === 'highlight',
@@ -70,13 +70,13 @@ class TpTranslationCard extends Component {
         </div>
     `;
 
-    static props = {
-        title: { type: String },
-        remaining: { type: Number },
-        letters: { type: Array },
-        status: { type: String, optional: true },
-        navigate: { type: Function },
-    };
+  static props = {
+    title: { type: String },
+    remaining: { type: Number },
+    letters: { type: Array },
+    status: { type: String, optional: true },
+    navigate: { type: Function },
+  };
 }
 
 /**
@@ -87,15 +87,15 @@ class TpTranslationCard extends Component {
  *   onRefreshTranslator {Function}
  */
 export class TpHome extends Component {
-    static template = xml`
+  static template = xml`
         <div class="container py-4 position-relative">
             <TpBlurLoader active="state.loading" />
 
             <TpLanguagesPickModal
                 active="state.manageSkillsModal"
-                onClose="() => closeSkillsModal()"
+                onClose="() => this.closeSkillsModal()"
                 translatorId="props.translator ? props.translator.translatorId : undefined"
-                onChange="() => onSkillsChange()" />
+                onChange="() => this.onSkillsChange()" />
 
             <div class="text-center pt-4 pb-3">
                 <p class="text-muted fw-light fs-5">Compassion</p>
@@ -155,118 +155,124 @@ export class TpHome extends Component {
         </div>
     `;
 
-    static components = { TpLanguagesPickModal, TpTranslationCard, TpBlurLoader };
+  static components = { TpLanguagesPickModal, TpTranslationCard, TpBlurLoader };
 
-    static props = {
-        translator: { type: Object, optional: true },
-        navigate: { type: Function },
-        onRefreshTranslator: { type: Function },
-    };
+  static props = {
+    translator: { type: Object, optional: true },
+    navigate: { type: Function },
+    onRefreshTranslator: { type: Function },
+  };
 
-    state = useState({
-        loading: false,
-        skillLetters: [],
-        savedLetters: undefined,
-        lettersAwaitingValidation: [],
-        manageSkillsModal: false,
-    });
+  state = useState({
+    loading: false,
+    skillLetters: [],
+    savedLetters: undefined,
+    lettersAwaitingValidation: [],
+    manageSkillsModal: false,
+  });
 
-    setup() {
-        this.orm = useService("orm");
-        this.notification = useService("notification");
-        onMounted(() => this._refresh());
-    }
+  setup() {
+    this.orm = useService("orm");
+    this.notification = useService("notification");
+    onMounted(() => this._refresh());
+  }
 
-    async _refresh() {
-        this.state.loading = true;
-        try {
-            await Promise.all([
-                this._fetchLetters(),
-                this._fetchSaved(),
-                this._fetchValidationLetters(),
-            ]);
-        } finally {
-            this.state.loading = false;
-        }
+  async _refresh() {
+    this.state.loading = true;
+    try {
+      await Promise.all([
+        this._fetchLetters(),
+        this._fetchSaved(),
+        this._fetchValidationLetters(),
+      ]);
+    } finally {
+      this.state.loading = false;
     }
+  }
 
-    async _fetchSaved() {
-        if (!this.props.translator) return;
-        this.state.savedLetters = await LetterDAO.list(this.orm, {
-            sortBy: ["priority desc", "date asc"],
-            pageNumber: 0,
-            pageSize: 5,
-            search: [
-                { column: "translatorId", term: this.props.translator.translatorId, operator: "=" },
-                { column: "status", term: "in progress" },
-                { column: "translationIssue", term: false, operator: "=" },
-            ],
-        });
-    }
+  async _fetchSaved() {
+    if (!this.props.translator) return;
+    this.state.savedLetters = await LetterDAO.list(this.orm, {
+      sortBy: ["priority desc", "date asc"],
+      pageNumber: 0,
+      pageSize: 5,
+      search: [
+        {
+          column: "translatorId",
+          term: this.props.translator.translatorId,
+          operator: "=",
+        },
+        { column: "status", term: "in progress" },
+        { column: "translationIssue", term: false, operator: "=" },
+      ],
+    });
+  }
 
-    async _fetchValidationLetters() {
-        if (!this.props.translator) return;
-        const results = await Promise.all(
-            this.props.translator.skills.map(async (skill) => {
-                const letters = await LetterDAO.list(this.orm, {
-                    search: [
-                        { column: "status", term: "to validate" },
-                        { column: "source", term: skill.source },
-                        { column: "target", term: skill.target },
-                    ],
-                });
-                return { skill, letters: letters.data };
-            })
-        );
-        this.state.lettersAwaitingValidation = results.filter(
-            (r) => !r.skill.verified && r.letters.length > 0
-        );
-    }
+  async _fetchValidationLetters() {
+    if (!this.props.translator) return;
+    const results = await Promise.all(
+      this.props.translator.skills.map(async (skill) => {
+        const letters = await LetterDAO.list(this.orm, {
+          search: [
+            { column: "status", term: "to validate" },
+            { column: "source", term: skill.source },
+            { column: "target", term: skill.target },
+          ],
+        });
+        return { skill, letters: letters.data };
+      }),
+    );
+    this.state.lettersAwaitingValidation = results.filter(
+      (r) => !r.skill.verified && r.letters.length > 0,
+    );
+  }
 
-    async _fetchLetters() {
-        if (!this.props.translator) return;
-        const results = await Promise.all(
-            this.props.translator.skills.map(async (skill) => {
-                const letters = await LetterDAO.list(this.orm, {
-                    sortBy: ["priority desc", "date asc"],
-                    pageSize: 5,
-                    pageNumber: 0,
-                    search: [
-                        { column: "status", term: "to do" },
-                        { column: "source", term: skill.source },
-                        { column: "target", term: skill.target },
-                        { column: "translationIssue", term: false, operator: "=" },
-                    ],
-                });
-                return { skill, total: letters.total, letters: letters.data };
-            })
-        );
-        // Put unverified skills first
-        this.state.skillLetters = results.sort((a, b) => {
-            if (a.skill.verified && !b.skill.verified) return 1;
-            if (!a.skill.verified && b.skill.verified) return -1;
-            return 0;
+  async _fetchLetters() {
+    if (!this.props.translator) return;
+    const results = await Promise.all(
+      this.props.translator.skills.map(async (skill) => {
+        const letters = await LetterDAO.list(this.orm, {
+          sortBy: ["priority desc", "date asc"],
+          pageSize: 5,
+          pageNumber: 0,
+          search: [
+            { column: "status", term: "to do" },
+            { column: "source", term: skill.source },
+            { column: "target", term: skill.target },
+            { column: "translationIssue", term: false, operator: "=" },
+          ],
         });
-    }
+        return { skill, total: letters.total, letters: letters.data };
+      }),
+    );
+    // Put unverified skills first
+    this.state.skillLetters = results.sort((a, b) => {
+      if (a.skill.verified && !b.skill.verified) return 1;
+      if (!a.skill.verified && b.skill.verified) return -1;
+      return 0;
+    });
+  }
 
-    getCardStatus(item) {
-        if (!item.skill.verified) {
-            const waiting = this.state.lettersAwaitingValidation.find((w) => w.skill === item.skill);
-            return waiting ? "waiting" : "unverified";
-        }
-        return undefined;
+  getCardStatus(item) {
+    if (!item.skill.verified) {
+      const waiting = this.state.lettersAwaitingValidation.find(
+        (w) => w.skill === item.skill,
+      );
+      return waiting ? "waiting" : "unverified";
     }
+    return undefined;
+  }
 
-    async onSkillsChange() {
-        this.state.manageSkillsModal = false;
-        this.state.loading = true;
-        await this.props.onRefreshTranslator();
-        await this._refresh();
-    }
+  async onSkillsChange() {
+    this.state.manageSkillsModal = false;
+    this.state.loading = true;
+    await this.props.onRefreshTranslator();
+    await this._refresh();
+  }
 
-    closeSkillsModal() {
-        this.state.manageSkillsModal = false;
-    }
+  closeSkillsModal() {
+    this.state.manageSkillsModal = false;
+  }
 }
 
 export default TpHome;
diff --git a/sbc_translation/static/src/pages/tp_letter_edit.js b/sbc_translation/static/src/pages/tp_letter_edit.js
index 7850432b8..4204db695 100644
--- a/sbc_translation/static/src/pages/tp_letter_edit.js
+++ b/sbc_translation/static/src/pages/tp_letter_edit.js
@@ -16,7 +16,7 @@ const AUTOSAVE_DELAY_MS = 30000; // 30 seconds
  * Submitted confirmation modal.
  */
 class TpLetterSubmittedModal extends Component {
-    static template = xml`
+  static template = xml`
         <TpModal active="props.active" title="'Translation Submitted'" onClose="props.onClose">
             <div class="p-4 text-center">
                 <i class="fa fa-check-circle fa-4x text-success mb-3 d-block" />
@@ -30,12 +30,12 @@ class TpLetterSubmittedModal extends Component {
             </t>
         </TpModal>
     `;
-    static components = { TpModal };
-    static props = {
-        active: { type: Boolean },
-        onClose: { type: Function },
-        onHome: { type: Function },
-    };
+  static components = { TpModal };
+  static props = {
+    active: { type: Boolean },
+    onClose: { type: Function },
+    onHome: { type: Function },
+  };
 }
 
 /**
@@ -46,7 +46,7 @@ class TpLetterSubmittedModal extends Component {
  *   translator  {Object}
  */
 export class TpLetterEdit extends Component {
-    static template = xml`
+  static template = xml`
         <TpLetterViewer
             letter="state.letter"
             letterId="props.letterId"
@@ -62,7 +62,7 @@ export class TpLetterEdit extends Component {
                     <i class="fa fa-exclamation-triangle me-1" />Signal Problem
                 </button>
                 <button type="button" class="btn btn-sm btn-outline-success"
-                        t-on-click="() => save()">
+                        t-on-click="() => this.save()">
                     <i class="fa fa-floppy-o me-1" />Save
                 </button>
                 <button type="button" class="btn btn-sm btn-primary"
@@ -77,7 +77,7 @@ export class TpLetterEdit extends Component {
                 <TpSignalProblem active="state.signalProblemModal"
                                  letterId="props.letterId"
                                  onClose="() => state.signalProblemModal = false"
-                                 onRefresh="() => _refreshLetter()" />
+                                 onRefresh="() => this._refreshLetter()" />
                 <TpLetterSubmittedModal active="state.letterSubmitted"
                                         onClose="() => state.letterSubmitted = false"
                                         onHome="() => props.navigate('home')" />
@@ -95,133 +95,140 @@ export class TpLetterEdit extends Component {
         </TpLetterViewer>
     `;
 
-    static components = {
-        TpLetterViewer,
-        TpSignalProblem,
-        TpLetterSubmittedModal,
-        TpContentEditor,
-        TpBlurLoader,
-    };
-
-    static props = {
-        letterId: {},
-        navigate: { type: Function },
-        translator: { type: Object, optional: true },
-    };
-
-    state = useState({
-        loading: false,
-        internalLoading: false,
-        saveLoading: false,
-        letter: undefined,
-        signalProblemModal: false,
-        letterSubmitted: false,
-        saveTimeout: undefined,
-    });
-
-    setup() {
-        this.orm = useService("orm");
-        this.notification = useService("notification");
-        this.state.loading = true;
-        onMounted(() => this._refreshLetter());
-
-        // Keyboard shortcuts: Ctrl+S saves
-        useEffect(() => {
-            const listener = (event) => {
-                if (event.ctrlKey && event.key === "s") {
-                    event.preventDefault();
-                    if (this.state.saveTimeout) {
-                        clearTimeout(this.state.saveTimeout);
-                        this.state.saveTimeout = undefined;
-                    }
-                    this.save(true);
-                }
-            };
-            document.addEventListener("keydown", listener);
-
-            // Auto-save triggered by typing in textarea/input inside the editor
-            const inputListener = (event) => {
-                const target = event.target;
-                if (target && (target.tagName === "TEXTAREA" || target.tagName === "INPUT")) {
-                    this._queueSave();
-                }
-            };
-            document.addEventListener("input", inputListener);
-
-            return () => {
-                document.removeEventListener("keydown", listener);
-                document.removeEventListener("input", inputListener);
-            };
-        });
-    }
-
-    async _refreshLetter() {
-        try {
-            const letter = await LetterDAO.find(this.orm, this.props.letterId);
-            if (!letter) {
-                this.notification.add(
-                    _t("Unable to find letter with identifier ") + this.props.letterId,
-                    { type: "danger" }
-                );
-            } else {
-                this.state.letter = letter;
-            }
-        } catch (e) {
-            this.notification.add(_t("Error loading letter"), { type: "danger" });
-        } finally {
-            this.state.loading = false;
+  static components = {
+    TpLetterViewer,
+    TpSignalProblem,
+    TpLetterSubmittedModal,
+    TpContentEditor,
+    TpBlurLoader,
+  };
+
+  static props = {
+    letterId: {},
+    navigate: { type: Function },
+    translator: { type: Object, optional: true },
+  };
+
+  state = useState({
+    loading: false,
+    internalLoading: false,
+    saveLoading: false,
+    letter: undefined,
+    signalProblemModal: false,
+    letterSubmitted: false,
+    saveTimeout: undefined,
+  });
+
+  setup() {
+    this.orm = useService("orm");
+    this.notification = useService("notification");
+    this.state.loading = true;
+    onMounted(() => this._refreshLetter());
+
+    // Keyboard shortcuts: Ctrl+S saves
+    useEffect(() => {
+      const listener = (event) => {
+        if (event.ctrlKey && event.key === "s") {
+          event.preventDefault();
+          if (this.state.saveTimeout) {
+            clearTimeout(this.state.saveTimeout);
+            this.state.saveTimeout = undefined;
+          }
+          this.save(true);
         }
-    }
-
-    _queueSave() {
-        if (this.state.saveTimeout) clearTimeout(this.state.saveTimeout);
-        this.state.saveTimeout = setTimeout(() => this.save(true), AUTOSAVE_DELAY_MS);
-    }
-
-    async save(background = false) {
-        if (!this.state.letter?.translatedElements || this.state.saveLoading) return;
-
-        if (!background) this.state.internalLoading = true;
-        this.state.saveLoading = true;
-
-        // If not yet attributed, assign current translator
-        const newAttribution = !this.state.letter.translatorId;
-        if (newAttribution && this.props.translator) {
-            this.state.letter.translatorId = this.props.translator.translatorId;
+      };
+      document.addEventListener("keydown", listener);
+
+      // Auto-save triggered by typing in textarea/input inside the editor
+      const inputListener = (event) => {
+        const target = event.target;
+        if (
+          target &&
+          (target.tagName === "TEXTAREA" || target.tagName === "INPUT")
+        ) {
+          this._queueSave();
         }
+      };
+      document.addEventListener("input", inputListener);
 
-        try {
-            await LetterDAO.update(this.orm, this.state.letter);
-            if (!background) {
-                this.notification.add(_t("Letter saved"), { type: "success" });
-            }
-            // Refresh lastUpdate from server
-            const updated = await LetterDAO.find(this.orm, this.props.letterId);
-            if (updated) this.state.letter.lastUpdate = updated.lastUpdate;
-        } catch (e) {
-            this.notification.add(_t("Unable to save letter"), { type: "danger" });
-        } finally {
-            if (!background) this.state.internalLoading = false;
-            this.state.saveLoading = false;
-        }
+      return () => {
+        document.removeEventListener("keydown", listener);
+        document.removeEventListener("input", inputListener);
+      };
+    });
+  }
+
+  async _refreshLetter() {
+    try {
+      const letter = await LetterDAO.find(this.orm, this.props.letterId);
+      if (!letter) {
+        this.notification.add(
+          _t("Unable to find letter with identifier ") + this.props.letterId,
+          { type: "danger" },
+        );
+      } else {
+        this.state.letter = letter;
+      }
+    } catch (e) {
+      this.notification.add(_t("Error loading letter"), { type: "danger" });
+    } finally {
+      this.state.loading = false;
+    }
+  }
+
+  _queueSave() {
+    if (this.state.saveTimeout) clearTimeout(this.state.saveTimeout);
+    this.state.saveTimeout = setTimeout(
+      () => this.save(true),
+      AUTOSAVE_DELAY_MS,
+    );
+  }
+
+  async save(background = false) {
+    if (!this.state.letter?.translatedElements || this.state.saveLoading)
+      return;
+
+    if (!background) this.state.internalLoading = true;
+    this.state.saveLoading = true;
+
+    // If not yet attributed, assign current translator
+    const newAttribution = !this.state.letter.translatorId;
+    if (newAttribution && this.props.translator) {
+      this.state.letter.translatorId = this.props.translator.translatorId;
     }
 
-    async submit() {
-        if (!this.state.letter?.translatedElements) return;
-        if (this.state.saveTimeout) clearTimeout(this.state.saveTimeout);
-        this.state.internalLoading = true;
-        try {
-            await LetterDAO.submit(this.orm, this.state.letter);
-            this.state.letterSubmitted = true;
-        } catch (e) {
-            this.notification.add(
-                _t("Unable to save and submit letter, please save it first and retry."),
-                { type: "danger" }
-            );
-        } finally {
-            this.state.internalLoading = false;
-        }
+    try {
+      await LetterDAO.update(this.orm, this.state.letter);
+      if (!background) {
+        this.notification.add(_t("Letter saved"), { type: "success" });
+      }
+      // Refresh lastUpdate from server
+      const updated = await LetterDAO.find(this.orm, this.props.letterId);
+      if (updated) this.state.letter.lastUpdate = updated.lastUpdate;
+    } catch (e) {
+      this.notification.add(_t("Unable to save letter"), { type: "danger" });
+    } finally {
+      if (!background) this.state.internalLoading = false;
+      this.state.saveLoading = false;
+    }
+  }
+
+  async submit() {
+    if (!this.state.letter?.translatedElements) return;
+    if (this.state.saveTimeout) clearTimeout(this.state.saveTimeout);
+    this.state.internalLoading = true;
+    try {
+      await LetterDAO.submit(this.orm, this.state.letter);
+      this.state.letterSubmitted = true;
+    } catch (e) {
+      this.notification.add(
+        _t("Unable to save and submit letter, please save it first and retry."),
+        { type: "danger" },
+      );
+    } finally {
+      this.state.internalLoading = false;
     }
+  }
 }
 
 export default TpLetterEdit;
diff --git a/sbc_translation/static/src/pages/tp_letters.js b/sbc_translation/static/src/pages/tp_letters.js
index d213675f2..eee709633 100644
--- a/sbc_translation/static/src/pages/tp_letters.js
+++ b/sbc_translation/static/src/pages/tp_letters.js
@@ -1,6 +1,12 @@
 /** @odoo-module */
 
-import { Component, xml, useState, onMounted, onWillUpdateProps } from "@odoo/owl";
+import {
+  Component,
+  xml,
+  useState,
+  onMounted,
+  onWillUpdateProps,
+} from "@odoo/owl";
 import { useService } from "@web/core/utils/hooks";
 import { _t } from "@web/core/l10n/translation";
 import { LetterDAO } from "../models/letter_dao";
@@ -13,7 +19,7 @@ const LETTERS_PER_PAGE = 10;
  * Priority badge.
  */
 class TpLetterPriority extends Component {
-    static template = xml`
+  static template = xml`
         <span class="badge"
               t-att-class="{
                 'bg-danger': props.priority >= 4,
@@ -24,12 +30,12 @@ class TpLetterPriority extends Component {
               }"
               t-esc="priorityLabel" />
     `;
-    static props = { priority: { type: Number, optional: true } };
+  static props = { priority: { type: Number, optional: true } };
 
-    get priorityLabel() {
-        const labels = { 0: "—", 1: "Low", 2: "Normal", 3: "High", 4: "Urgent" };
-        return labels[this.props.priority] || "—";
-    }
+  get priorityLabel() {
+    const labels = { 0: "—", 1: "Low", 2: "Normal", 3: "High", 4: "Urgent" };
+    return labels[this.props.priority] || "—";
+  }
 }
 
 /**
@@ -39,7 +45,7 @@ class TpLetterPriority extends Component {
  *   isAdmin     {Boolean}
  */
 export class TpLetters extends Component {
-    static template = xml`
+  static template = xml`
         <div class="container-fluid py-4">
             <div class="d-flex align-items-center mb-4 gap-3">
                 <div>
@@ -58,10 +64,10 @@ export class TpLetters extends Component {
                         <table class="table table-sm table-hover mb-0">
                             <thead class="table-light">
                                 <tr>
-                                    <th t-on-click="() => toggleSort('priority')" class="cursor-pointer">
+                                    <th t-on-click="() => this.toggleSort('priority')" class="cursor-pointer">
                                         Priority <i t-att-class="sortIcon('priority')" />
                                     </th>
-                                    <th t-on-click="() => toggleSort('title')" class="cursor-pointer">
+                                    <th t-on-click="() => this.toggleSort('title')" class="cursor-pointer">
                                         Title <i t-att-class="sortIcon('title')" />
                                     </th>
                                     <th>Status</th>
@@ -69,7 +75,7 @@ export class TpLetters extends Component {
                                     <th>Source</th>
                                     <th>Target</th>
                                     <th t-if="props.isAdmin">Translator</th>
-                                    <th t-on-click="() => toggleSort('date')" class="cursor-pointer">
+                                    <th t-on-click="() => this.toggleSort('date')" class="cursor-pointer">
                                         Date <i t-att-class="sortIcon('date')" />
                                     </th>
                                     <th>Actions</th>
@@ -81,26 +87,26 @@ export class TpLetters extends Component {
                                         <input type="text" class="form-control form-control-sm"
                                                placeholder="Search title…"
                                                t-att-value="getFilter('title')"
-                                               t-on-input="(e) => setFilter('title', e.target.value)" />
+                                               t-on-input="(e) => this.setFilter('title', e.target.value)" />
                                     </td>
                                     <td>
                                         <input type="text" class="form-control form-control-sm"
                                                placeholder="Search status…"
                                                t-att-value="getFilter('status')"
-                                               t-on-input="(e) => setFilter('status', e.target.value)" />
+                                               t-on-input="(e) => this.setFilter('status', e.target.value)" />
                                     </td>
                                     <td />
                                     <td>
                                         <input type="text" class="form-control form-control-sm"
                                                placeholder="Source lang…"
                                                t-att-value="getFilter('source')"
-                                               t-on-input="(e) => setFilter('source', e.target.value)" />
+                                               t-on-input="(e) => this.setFilter('source', e.target.value)" />
                                     </td>
                                     <td>
                                         <input type="text" class="form-control form-control-sm"
                                                placeholder="Target lang…"
                                                t-att-value="getFilter('target')"
-                                               t-on-input="(e) => setFilter('target', e.target.value)" />
+                                               t-on-input="(e) => this.setFilter('target', e.target.value)" />
                                     </td>
                                     <td t-if="props.isAdmin" />
                                     <td />
@@ -175,105 +181,105 @@ export class TpLetters extends Component {
         </div>
     `;
 
-    static components = { TpLetterPriority, TpTranslatorButton, TpLoader };
+  static components = { TpLetterPriority, TpTranslatorButton, TpLoader };
 
-    static props = {
-        navigate: { type: Function },
-        isAdmin: { type: Boolean, optional: true },
-        translator: { type: Object, optional: true },
-    };
+  static props = {
+    navigate: { type: Function },
+    isAdmin: { type: Boolean, optional: true },
+    translator: { type: Object, optional: true },
+  };
 
-    LETTERS_PER_PAGE = LETTERS_PER_PAGE;
+  LETTERS_PER_PAGE = LETTERS_PER_PAGE;
 
-    state = useState({
-        letters: [],
-        total: 0,
-        page: 0,
-        loading: false,
-        filters: {},
-        sortBy: [],
-        searchTimeout: null,
-    });
+  state = useState({
+    letters: [],
+    total: 0,
+    page: 0,
+    loading: false,
+    filters: {},
+    sortBy: [],
+    searchTimeout: null,
+  });
 
-    setup() {
-        this.orm = useService("orm");
-        this.notification = useService("notification");
-        onMounted(() => this._loadLetters());
-    }
+  setup() {
+    this.orm = useService("orm");
+    this.notification = useService("notification");
+    onMounted(() => this._loadLetters());
+  }
 
-    async _loadLetters() {
-        this.state.loading = true;
-        try {
-            const search = Object.entries(this.state.filters)
-                .filter(([, term]) => term.trim())
-                .map(([col, term]) => ({ column: col, term }));
+  async _loadLetters() {
+    this.state.loading = true;
+    try {
+      const search = Object.entries(this.state.filters)
+        .filter(([, term]) => term.trim())
+        .map(([col, term]) => ({ column: col, term }));
 
-            const result = await LetterDAO.list(this.orm, {
-                search,
-                sortBy: this.state.sortBy,
-                pageNumber: this.state.page,
-                pageSize: LETTERS_PER_PAGE,
-            });
-            this.state.letters = result.data;
-            this.state.total = result.total;
-        } catch (e) {
-            this.notification.add(_t("Unable to load letters"), { type: "danger" });
-        } finally {
-            this.state.loading = false;
-        }
+      const result = await LetterDAO.list(this.orm, {
+        search,
+        sortBy: this.state.sortBy,
+        pageNumber: this.state.page,
+        pageSize: LETTERS_PER_PAGE,
+      });
+      this.state.letters = result.data;
+      this.state.total = result.total;
+    } catch (e) {
+      this.notification.add(_t("Unable to load letters"), { type: "danger" });
+    } finally {
+      this.state.loading = false;
     }
+  }
 
-    getFilter(col) {
-        return this.state.filters[col] || "";
-    }
+  getFilter(col) {
+    return this.state.filters[col] || "";
+  }
 
-    setFilter(col, value) {
-        if (this.state.searchTimeout) clearTimeout(this.state.searchTimeout);
-        this.state.filters[col] = value;
-        this.state.searchTimeout = setTimeout(() => {
-            this.state.page = 0;
-            this._loadLetters();
-        }, 400);
-    }
+  setFilter(col, value) {
+    if (this.state.searchTimeout) clearTimeout(this.state.searchTimeout);
+    this.state.filters[col] = value;
+    this.state.searchTimeout = setTimeout(() => {
+      this.state.page = 0;
+      this._loadLetters();
+    }, 400);
+  }
 
-    clearFilters() {
-        this.state.filters = {};
-        this.state.sortBy = [];
-        this.state.page = 0;
-        this._loadLetters();
-    }
+  clearFilters() {
+    this.state.filters = {};
+    this.state.sortBy = [];
+    this.state.page = 0;
+    this._loadLetters();
+  }
 
-    sortIcon(col) {
-        const clause = this.state.sortBy.find((s) => s.startsWith(col));
-        if (!clause) return "fa fa-sort text-muted";
-        return clause.endsWith("desc") ? "fa fa-sort-down" : "fa fa-sort-up";
-    }
+  sortIcon(col) {
+    const clause = this.state.sortBy.find((s) => s.startsWith(col));
+    if (!clause) return "fa fa-sort text-muted";
+    return clause.endsWith("desc") ? "fa fa-sort-down" : "fa fa-sort-up";
+  }
 
-    toggleSort(col) {
-        const index = this.state.sortBy.findIndex((s) => s.startsWith(col));
-        if (index >= 0) {
-            const current = this.state.sortBy[index];
-            const dir = current.endsWith("asc") ? "desc" : "asc";
-            this.state.sortBy[index] = `${col} ${dir}`;
-        } else {
-            this.state.sortBy = [`${col} asc`];
-        }
-        this._loadLetters();
+  toggleSort(col) {
+    const index = this.state.sortBy.findIndex((s) => s.startsWith(col));
+    if (index >= 0) {
+      const current = this.state.sortBy[index];
+      const dir = current.endsWith("asc") ? "desc" : "asc";
+      this.state.sortBy[index] = `${col} ${dir}`;
+    } else {
+      this.state.sortBy = [`${col} asc`];
     }
+    this._loadLetters();
+  }
 
-    prevPage() {
-        if (this.state.page > 0) {
-            this.state.page--;
-            this._loadLetters();
-        }
+  prevPage() {
+    if (this.state.page > 0) {
+      this.state.page--;
+      this._loadLetters();
     }
+  }
 
-    nextPage() {
-        if ((this.state.page + 1) * LETTERS_PER_PAGE < this.state.total) {
-            this.state.page++;
-            this._loadLetters();
-        }
+  nextPage() {
+    if ((this.state.page + 1) * LETTERS_PER_PAGE < this.state.total) {
+      this.state.page++;
+      this._loadLetters();
     }
+  }
 }
 
 export default TpLetters;
diff --git a/sbc_translation/static/src/pages/tp_translators.js b/sbc_translation/static/src/pages/tp_translators.js
index e0b3a3d66..ef5a08c0f 100644
--- a/sbc_translation/static/src/pages/tp_translators.js
+++ b/sbc_translation/static/src/pages/tp_translators.js
@@ -17,7 +17,7 @@ const PER_PAGE = 10;
  *   navigate {Function}
  */
 export class TpTranslators extends Component {
-    static template = xml`
+  static template = xml`
         <div class="container-fluid py-4">
             <div class="mb-4">
                 <h6 class="text-muted fw-light mb-0">Compassion</h6>
@@ -30,14 +30,14 @@ export class TpTranslators extends Component {
                         <table class="table table-sm table-hover mb-0">
                             <thead class="table-light">
                                 <tr>
-                                    <th t-on-click="() => toggleSort('name')" class="cursor-pointer">
+                                    <th t-on-click="() => this.toggleSort('name')" class="cursor-pointer">
                                         Name <i t-att-class="sortIcon('name')" />
                                     </th>
-                                    <th t-on-click="() => toggleSort('email')" class="cursor-pointer">
+                                    <th t-on-click="() => this.toggleSort('email')" class="cursor-pointer">
                                         Email <i t-att-class="sortIcon('email')" />
                                     </th>
                                     <th>Role</th>
-                                    <th t-on-click="() => toggleSort('total')" class="cursor-pointer">
+                                    <th t-on-click="() => this.toggleSort('total')" class="cursor-pointer">
                                         Letters <i t-att-class="sortIcon('total')" />
                                     </th>
                                     <th>Skills</th>
@@ -48,13 +48,13 @@ export class TpTranslators extends Component {
                                         <input type="text" class="form-control form-control-sm"
                                                placeholder="Search name…"
                                                t-att-value="getFilter('name')"
-                                               t-on-input="(e) => setFilter('name', e.target.value)" />
+                                               t-on-input="(e) => this.setFilter('name', e.target.value)" />
                                     </td>
                                     <td>
                                         <input type="text" class="form-control form-control-sm"
                                                placeholder="Search email…"
                                                t-att-value="getFilter('email')"
-                                               t-on-input="(e) => setFilter('email', e.target.value)" />
+                                               t-on-input="(e) => this.setFilter('email', e.target.value)" />
                                     </td>
                                     <td colspan="4" />
                                 </tr>
@@ -84,7 +84,7 @@ export class TpTranslators extends Component {
                                     </td>
                                     <td>
                                         <button type="button" class="btn btn-sm btn-outline-secondary"
-                                                t-on-click="() => openSkillsModal(translator)">
+                                                t-on-click="() => this.openSkillsModal(translator)">
                                             <i class="fa fa-cog me-1" />Skills
                                         </button>
                                     </td>
@@ -126,109 +126,111 @@ export class TpTranslators extends Component {
         </div>
     `;
 
-    static components = { TpLoader, TpLanguagesPickModal };
-
-    static props = {
-        navigate: { type: Function },
-    };
-
-    PER_PAGE = PER_PAGE;
-
-    state = useState({
-        translators: [],
-        total: 0,
-        page: 0,
-        loading: false,
-        filters: {},
-        sortBy: [],
-        editingTranslator: null,
-        searchTimeout: null,
-    });
-
-    setup() {
-        this.orm = useService("orm");
-        this.notification = useService("notification");
-        onMounted(() => this._loadTranslators());
+  static components = { TpLoader, TpLanguagesPickModal };
+
+  static props = {
+    navigate: { type: Function },
+  };
+
+  PER_PAGE = PER_PAGE;
+
+  state = useState({
+    translators: [],
+    total: 0,
+    page: 0,
+    loading: false,
+    filters: {},
+    sortBy: [],
+    editingTranslator: null,
+    searchTimeout: null,
+  });
+
+  setup() {
+    this.orm = useService("orm");
+    this.notification = useService("notification");
+    onMounted(() => this._loadTranslators());
+  }
+
+  async _loadTranslators() {
+    this.state.loading = true;
+    try {
+      const search = Object.entries(this.state.filters)
+        .filter(([, term]) => term.trim())
+        .map(([col, term]) => ({ column: col, term }));
+
+      const result = await TranslatorDAO.list(this.orm, {
+        search,
+        sortBy: this.state.sortBy,
+        pageNumber: this.state.page,
+        pageSize: PER_PAGE,
+      });
+      this.state.translators = result.data;
+      this.state.total = result.total;
+    } catch (e) {
+      this.notification.add(_t("Unable to load translators"), {
+        type: "danger",
+      });
+    } finally {
+      this.state.loading = false;
     }
-
-    async _loadTranslators() {
-        this.state.loading = true;
-        try {
-            const search = Object.entries(this.state.filters)
-                .filter(([, term]) => term.trim())
-                .map(([col, term]) => ({ column: col, term }));
-
-            const result = await TranslatorDAO.list(this.orm, {
-                search,
-                sortBy: this.state.sortBy,
-                pageNumber: this.state.page,
-                pageSize: PER_PAGE,
-            });
-            this.state.translators = result.data;
-            this.state.total = result.total;
-        } catch (e) {
-            this.notification.add(_t("Unable to load translators"), { type: "danger" });
-        } finally {
-            this.state.loading = false;
-        }
-    }
-
-    getFilter(col) {
-        return this.state.filters[col] || "";
-    }
-
-    setFilter(col, value) {
-        if (this.state.searchTimeout) clearTimeout(this.state.searchTimeout);
-        this.state.filters[col] = value;
-        this.state.searchTimeout = setTimeout(() => {
-            this.state.page = 0;
-            this._loadTranslators();
-        }, 400);
-    }
-
-    sortIcon(col) {
-        const clause = this.state.sortBy.find((s) => s.startsWith(col));
-        if (!clause) return "fa fa-sort text-muted";
-        return clause.endsWith("desc") ? "fa fa-sort-down" : "fa fa-sort-up";
-    }
-
-    toggleSort(col) {
-        const index = this.state.sortBy.findIndex((s) => s.startsWith(col));
-        if (index >= 0) {
-            const dir = this.state.sortBy[index].endsWith("asc") ? "desc" : "asc";
-            this.state.sortBy[index] = `${col} ${dir}`;
-        } else {
-            this.state.sortBy = [`${col} asc`];
-        }
-        this._loadTranslators();
+  }
+
+  getFilter(col) {
+    return this.state.filters[col] || "";
+  }
+
+  setFilter(col, value) {
+    if (this.state.searchTimeout) clearTimeout(this.state.searchTimeout);
+    this.state.filters[col] = value;
+    this.state.searchTimeout = setTimeout(() => {
+      this.state.page = 0;
+      this._loadTranslators();
+    }, 400);
+  }
+
+  sortIcon(col) {
+    const clause = this.state.sortBy.find((s) => s.startsWith(col));
+    if (!clause) return "fa fa-sort text-muted";
+    return clause.endsWith("desc") ? "fa fa-sort-down" : "fa fa-sort-up";
+  }
+
+  toggleSort(col) {
+    const index = this.state.sortBy.findIndex((s) => s.startsWith(col));
+    if (index >= 0) {
+      const dir = this.state.sortBy[index].endsWith("asc") ? "desc" : "asc";
+      this.state.sortBy[index] = `${col} ${dir}`;
+    } else {
+      this.state.sortBy = [`${col} asc`];
     }
+    this._loadTranslators();
+  }
 
-    prevPage() {
-        if (this.state.page > 0) {
-            this.state.page--;
-            this._loadTranslators();
-        }
+  prevPage() {
+    if (this.state.page > 0) {
+      this.state.page--;
+      this._loadTranslators();
     }
+  }
 
-    nextPage() {
-        if ((this.state.page + 1) * PER_PAGE < this.state.total) {
-            this.state.page++;
-            this._loadTranslators();
-        }
+  nextPage() {
+    if ((this.state.page + 1) * PER_PAGE < this.state.total) {
+      this.state.page++;
+      this._loadTranslators();
     }
+  }
 
-    openSkillsModal(translator) {
-        this.state.editingTranslator = translator;
-    }
+  openSkillsModal(translator) {
+    this.state.editingTranslator = translator;
+  }
 
-    closeSkillsModal() {
-        this.state.editingTranslator = null;
-    }
+  closeSkillsModal() {
+    this.state.editingTranslator = null;
+  }
 
-    onSkillsChanged() {
-        this.closeSkillsModal();
-        this._loadTranslators();
-    }
+  onSkillsChanged() {
+    this.closeSkillsModal();
+    this._loadTranslators();
+  }
 }
 
 export default TpTranslators;
diff --git a/sbc_translation/static/src/translation_platform.css b/sbc_translation/static/src/translation_platform.css
index 16e90573d..61640843e 100644
--- a/sbc_translation/static/src/translation_platform.css
+++ b/sbc_translation/static/src/translation_platform.css
@@ -5,83 +5,83 @@
 
 /* Compassion brand colour */
 :root {
-    --tp-compassion: #1f6891;
-    --tp-compassion-dark: #155172;
+  --tp-compassion: #1f6891;
+  --tp-compassion-dark: #155172;
 }
 
 /* Sidebar */
 .tp-sidebar {
-    background-color: var(--tp-compassion) !important;
+  background-color: var(--tp-compassion) !important;
 }
 
 .tp-sidebar .btn-link {
-    border-radius: 8px;
-    transition: background 0.15s;
-    width: 44px;
-    height: 44px;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    text-decoration: none;
+  border-radius: 8px;
+  transition: background 0.15s;
+  width: 44px;
+  height: 44px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  text-decoration: none;
 }
 
 .tp-sidebar .btn-link:hover,
 .tp-sidebar .tp-nav-active {
-    background: rgba(255, 255, 255, 0.2);
-    border-radius: 8px;
+  background: rgba(255, 255, 255, 0.2);
+  border-radius: 8px;
 }
 
 /* Brand colour utilities */
 .bg-compassion {
-    background-color: var(--tp-compassion) !important;
+  background-color: var(--tp-compassion) !important;
 }
 
 .text-compassion {
-    color: var(--tp-compassion) !important;
+  color: var(--tp-compassion) !important;
 }
 
 /* Cards in the home screen */
 .tp-translation-card {
-    min-width: 260px;
-    max-width: 300px;
+  min-width: 260px;
+  max-width: 300px;
 }
 
 /* Letter viewer layout */
 .tp-letter-viewer {
-    height: calc(100vh - 50px);
-    overflow: hidden;
+  height: calc(100vh - 50px);
+  overflow: hidden;
 }
 
 #tp-letter-viewer-content {
-    overflow-y: auto;
-    height: 100%;
+  overflow-y: auto;
+  height: 100%;
 }
 
 /* Content editor */
 #tp-content-editor .row {
-    border-radius: 4px;
-    overflow: hidden;
+  border-radius: 4px;
+  overflow: hidden;
 }
 
 /* Modal backdrop z-index fix (Odoo may have its own) */
 .tp-modal.show {
-    z-index: 1055;
+  z-index: 1055;
 }
 .tp-modal + .modal-backdrop {
-    z-index: 1054;
+  z-index: 1054;
 }
 
 /* Cursor utilities */
 .cursor-pointer {
-    cursor: pointer !important;
+  cursor: pointer !important;
 }
 
 /* Pagination for tables inside cards */
 .tp-root .pagination .page-link {
-    font-size: 0.85rem;
+  font-size: 0.85rem;
 }
 
 /* Transitions */
 .tp-root .transition-all {
-    transition: all 0.15s ease;
+  transition: all 0.15s ease;
 }
diff --git a/sbc_translation/static/src/translation_platform.js b/sbc_translation/static/src/translation_platform.js
index 0e2187cac..e9a81c359 100644
--- a/sbc_translation/static/src/translation_platform.js
+++ b/sbc_translation/static/src/translation_platform.js
@@ -1,6 +1,6 @@
 /** @odoo-module */
 
-import { Component, xml, useState, onMounted, reactive } from "@odoo/owl";
+import { Component, xml, useState, onMounted } from "@odoo/owl";
 import { useService } from "@web/core/utils/hooks";
 import { registry } from "@web/core/registry";
 import { _t } from "@web/core/l10n/translation";
@@ -11,13 +11,12 @@ import { TpLetterEdit } from "./pages/tp_letter_edit";
 import { TpTranslators } from "./pages/tp_translators";
 import { TpChildModal } from "./components/tp_child_modal";
 import { TpModal } from "./components/tp_modal";
-import { TpBlurLoader } from "./components/tp_loader";
 
 /**
  * Help modal.
  */
 class TpHelpModal extends Component {
-    static template = xml`
+  static template = xml`
         <TpModal active="props.active" onClose="props.onClose" title="'Help'">
             <div class="p-3 small" style="max-width: 450px;">
                 <h6 class="fw-semibold">How to use the Translation Platform</h6>
@@ -33,8 +32,8 @@ class TpHelpModal extends Component {
             </div>
         </TpModal>
     `;
-    static components = { TpModal };
-    static props = { active: { type: Boolean }, onClose: { type: Function } };
+  static components = { TpModal };
+  static props = { active: { type: Boolean }, onClose: { type: Function } };
 }
 
 /**
@@ -44,7 +43,10 @@ class TpHelpModal extends Component {
  * and loads the current translator's info.
  */
 export class TranslationPlatform extends Component {
-    static template = xml`
+  // Client actions can receive framework-injected props; accept any shape.
+  static props = ["*"];
+
+  static template = xml`
         <div class="tp-root d-flex" style="min-height: 100vh;">
             <!-- Sidebar navigation -->
             <div class="tp-sidebar d-flex flex-column align-items-center py-3 bg-compassion text-white"
@@ -58,7 +60,7 @@ export class TranslationPlatform extends Component {
                         class="btn btn-link text-white p-2 mb-1"
                         title="Home"
                         t-att-class="{ 'tp-nav-active': state.page === 'home' }"
-                        t-on-click="() => navigate('home')">
+                        t-on-click="() => this.navigate('home')">
                     <i class="fa fa-home fa-lg" />
                 </button>
                 <!-- Letters -->
@@ -66,7 +68,7 @@ export class TranslationPlatform extends Component {
                         class="btn btn-link text-white p-2 mb-1"
                         title="Letters"
                         t-att-class="{ 'tp-nav-active': state.page === 'letters' }"
-                        t-on-click="() => navigate('letters')">
+                        t-on-click="() => this.navigate('letters')">
                     <i class="fa fa-envelope fa-lg" />
                 </button>
                 <!-- Translators (admin only) -->
@@ -75,7 +77,7 @@ export class TranslationPlatform extends Component {
                         t-if="state.translator and state.translator.role === 'admin'"
                         title="Translators"
                         t-att-class="{ 'tp-nav-active': state.page === 'translators' }"
-                        t-on-click="() => navigate('translators')">
+                        t-on-click="() => this.navigate('translators')">
                     <i class="fa fa-users fa-lg" />
                 </button>
                 <!-- Bottom utilities -->
@@ -132,56 +134,58 @@ export class TranslationPlatform extends Component {
         </div>
     `;
 
-    static components = {
-        TpHome,
-        TpLetters,
-        TpLetterEdit,
-        TpTranslators,
-        TpChildModal,
-        TpHelpModal,
-    };
+  static components = {
+    TpHome,
+    TpLetters,
+    TpLetterEdit,
+    TpTranslators,
+    TpChildModal,
+    TpHelpModal,
+  };
 
-    state = useState({
-        page: "home",
-        letterId: null,
-        loading: false,
-        translator: null,
-        childModal: false,
-        helpModal: false,
-    });
+  state = useState({
+    page: "home",
+    letterId: null,
+    loading: false,
+    translator: null,
+    childModal: false,
+    helpModal: false,
+  });
 
-    setup() {
-        this.orm = useService("orm");
-        this.notification = useService("notification");
-        this.state.loading = true;
-        onMounted(() => this._loadTranslator());
-    }
+  setup() {
+    this.orm = useService("orm");
+    this.notification = useService("notification");
+    this.state.loading = true;
+    onMounted(() => this._loadTranslator());
+  }
 
-    async _loadTranslator() {
-        try {
-            this.state.translator = await TranslatorDAO.current(this.orm);
-        } catch (e) {
-            this.notification.add(_t("Unable to load your translator profile"), { type: "danger" });
-        } finally {
-            this.state.loading = false;
-        }
+  async _loadTranslator() {
+    try {
+      this.state.translator = await TranslatorDAO.current(this.orm);
+    } catch (e) {
+      this.notification.add(_t("Unable to load your translator profile"), {
+        type: "danger",
+      });
+    } finally {
+      this.state.loading = false;
     }
+  }
 
-    async refreshTranslator() {
-        this.state.translator = await TranslatorDAO.current(this.orm);
-    }
+  refreshTranslator = async () => {
+    this.state.translator = await TranslatorDAO.current(this.orm);
+  };
 
-    /**
-     * State-based navigation.
-     * @param {string} page - 'home' | 'letters' | 'letter-edit' | 'translators'
-     * @param {Object} [params] - e.g. { letterId: 42 }
-     */
-    navigate(page, params = {}) {
-        this.state.page = page;
-        if (params.letterId !== undefined) {
-            this.state.letterId = params.letterId;
-        }
+  /**
+   * State-based navigation.
+   * @param {string} page - 'home' | 'letters' | 'letter-edit' | 'translators'
+   * @param {Object} [params] - e.g. { letterId: 42 }
+   */
+  navigate = (page, params = {}) => {
+    this.state.page = page;
+    if (params.letterId !== undefined) {
+      this.state.letterId = params.letterId;
     }
+  };
 }
 
 // Register as an Odoo client action
diff --git a/sbc_translation/views/translation_platform_action.xml b/sbc_translation/views/translation_platform_action.xml
index 19c5c5916..0df77b482 100644
--- a/sbc_translation/views/translation_platform_action.xml
+++ b/sbc_translation/views/translation_platform_action.xml
@@ -10,6 +10,7 @@
         <field name="tag">translation_platform</field>
         <!-- Make it full-screen by removing the breadcrumb / action manager header -->
         <field name="target">fullscreen</field>
+        <field name="path">translation-platform</field>
     </record>
 
     <!--
@@ -19,8 +20,8 @@
     -->
     <menuitem id="menu_translation_platform_app"
               name="Translation Platform"
-              parent="sbc_translation.menu_translation_platform"
-              action="action_translation_platform"
-              sequence="0"
-              groups="sbc_translation.group_user,sbc_translation.group_manager" />
+              sequence="3"
+              groups="sbc_translation.group_user"
+              web_icon="sbc_translation,static/img/menu_icon.png"
+    />
 </odoo>
diff --git a/sbc_translation/views/translation_pool_view.xml b/sbc_translation/views/translation_pool_view.xml
index 2a743fda7..5abd640d7 100644
--- a/sbc_translation/views/translation_pool_view.xml
+++ b/sbc_translation/views/translation_pool_view.xml
@@ -77,6 +77,6 @@
         <field name="view_mode">kanban,tree,form</field>
     </record>
 
-    <menuitem id="menu_translation_pool" parent="menu_translation_platform" name="Translation Pool" action="action_letters_kanban" sequence="1"/>
-    <menuitem id="menu_translation_competence" parent="menu_translation_platform" name="Competences" action="action_compassion_translation_competence_form" sequence="3"/>
+    <menuitem id="menu_translation_pool" parent="menu_translation_platform_manager" name="Translation Pool" action="action_letters_kanban" sequence="1"/>
+    <menuitem id="menu_translation_competence" parent="menu_translation_platform_manager" name="Competences" action="action_compassion_translation_competence_form" sequence="3"/>
 </odoo>
diff --git a/sbc_translation/views/translation_user_view.xml b/sbc_translation/views/translation_user_view.xml
index a342c8333..39fdba89f 100644
--- a/sbc_translation/views/translation_user_view.xml
+++ b/sbc_translation/views/translation_user_view.xml
@@ -79,6 +79,7 @@
         <field name="view_mode">list,form</field>
     </record>
 
-    <menuitem id="menu_translation_platform" parent="sbc_compassion.menu_correspondence" sequence="4" name="Translation Platform"/>
-    <menuitem id="menu_translation_user" parent="menu_translation_platform" name="Translators" action="action_compassion_translation_user_form" sequence="2"/>
+    <menuitem id="menu_translation_platform" parent="menu_translation_platform_app" sequence="2" name="Translation Platform" action="action_translation_platform" />
+    <menuitem id="menu_translation_platform_manager" parent="menu_translation_platform_app" sequence="1" name="Manager" groups="sbc_translation.group_manager" />
+    <menuitem id="menu_translation_user" parent="menu_translation_platform_manager" name="Translators" action="action_compassion_translation_user_form" sequence="2"/>
 </odoo>

From 672a9c66e24ff5689aff4dae48b9256ad09a62c2 Mon Sep 17 00:00:00 2001
From: "copilot-swe-agent[bot]" <198982749+Copilot@users.noreply.github.com>
Date: Tue, 21 Apr 2026 07:36:28 +0000
Subject: [PATCH 4/7] feat: convert Translation Platform to portal OWL frontend
 for external users

- Translators are now portal (share=True) users, not internal users
- Assets moved from web.assets_backend to web.assets_frontend
- New rpc.js: direct JSON-RPC helper replacing useService('orm')
- New notification.js: Bootstrap alert helper replacing useService('notification')
- All DAOs and components no longer depend on backend Odoo services
- New portal controller at /my/translation-platform with group check
- New portal_templates.xml: portal home link + full-screen translation platform page
- OWL app now mounts via whenReady() on #tp-app-root portal container
- Restored share=True for group_user; removed implied internal group
- Fixed translator_admin_rule to use group_manager (not group_user)
- Removed action_id assignment from translation_user.py create/write/unlink
- Removed backend ir.actions.client action from manifest
- Updated migration script to clear action_id and ensure portal group membership
- Legacy /translation-platform routes redirect to /my/translation-platform

Agent-Logs-Url: https://github.com/CompassionCH/compassion-modules/sessions/f0e5215c-b7c5-4204-b1f6-1d67de29a31d

Co-authored-by: ecino <8435180+ecino@users.noreply.github.com>
---
 sbc_translation/__manifest__.py               | 11 ++-
 sbc_translation/controllers/main.py           | 27 +++++-
 .../migrations/18.0.1.1.0/post_migrate.py     | 40 ++++----
 sbc_translation/models/translation_user.py    | 15 +--
 sbc_translation/security/access_rules.xml     |  2 +-
 sbc_translation/security/ir_groups.xml        |  3 +-
 .../src/components/tp_content_editor.js       |  1 -
 .../src/components/tp_languages_pick_modal.js | 33 ++-----
 .../static/src/components/tp_letter_viewer.js |  2 -
 .../src/components/tp_signal_problem.js       | 24 ++---
 .../src/components/tp_translator_button.js    |  7 --
 .../static/src/models/letter_dao.js           | 58 +++++-------
 .../static/src/models/settings_dao.js         | 19 ++--
 .../static/src/models/translator_dao.js       | 43 ++++-----
 sbc_translation/static/src/notification.js    | 68 ++++++++++++++
 sbc_translation/static/src/pages/tp_home.js   | 11 +--
 .../static/src/pages/tp_letter_edit.js        | 31 +++----
 .../static/src/pages/tp_letters.js            |  9 +-
 .../static/src/pages/tp_translators.js        | 11 +--
 sbc_translation/static/src/rpc.js             | 93 +++++++++++++++++++
 .../static/src/translation_platform.js        | 27 +++---
 sbc_translation/views/portal_templates.xml    | 37 ++++++++
 22 files changed, 358 insertions(+), 214 deletions(-)
 create mode 100644 sbc_translation/static/src/notification.js
 create mode 100644 sbc_translation/static/src/rpc.js
 create mode 100644 sbc_translation/views/portal_templates.xml

diff --git a/sbc_translation/__manifest__.py b/sbc_translation/__manifest__.py
index a36ebd06b..30c09a789 100644
--- a/sbc_translation/__manifest__.py
+++ b/sbc_translation/__manifest__.py
@@ -35,10 +35,12 @@
     "author": "Compassion CH",
     "license": "AGPL-3",
     "website": "https://github.com/CompassionCH/compassion-modules",
-    "depends": ["sbc_compassion", "partner_contact_birthdate"],
+    "depends": ["sbc_compassion", "partner_contact_birthdate", "portal"],
     "assets": {
-        "web.assets_backend": [
+        "web.assets_frontend": [
             "sbc_translation/static/src/translation_platform.css",
+            "sbc_translation/static/src/rpc.js",
+            "sbc_translation/static/src/notification.js",
             "sbc_translation/static/src/models/letter_dao.js",
             "sbc_translation/static/src/models/translator_dao.js",
             "sbc_translation/static/src/models/settings_dao.js",
@@ -56,6 +58,9 @@
             "sbc_translation/static/src/pages/tp_translators.js",
             "sbc_translation/static/src/translation_platform.js",
         ],
+        "web.assets_backend": [
+            "sbc_translation/js/translation_letter_counting_js.js",
+        ],
     },
     "data": [
         "security/ir_groups.xml",
@@ -67,7 +72,7 @@
         "data/mail_template.xml",
         "data/update_translation_priority_cron.xml",
         "data/queue_job.xml",
-        "views/translation_platform_action.xml",
+        "views/portal_templates.xml",
         "views/translation_user_view.xml",
         "views/correspondence_view.xml",
         "views/translation_pool_view.xml",
diff --git a/sbc_translation/controllers/main.py b/sbc_translation/controllers/main.py
index 7ffcef837..6a9aaa50e 100644
--- a/sbc_translation/controllers/main.py
+++ b/sbc_translation/controllers/main.py
@@ -11,19 +11,36 @@
 from werkzeug.utils import redirect
 
 from odoo import http
+from odoo.http import request
 
 _logger = logging.getLogger(__name__)
 
 
-class RestController(http.Controller):
+class TranslationPlatformController(http.Controller):
+    @http.route(
+        "/my/translation-platform",
+        type="http",
+        auth="user",
+        website=True,
+    )
+    def translation_platform_portal(self, **kwargs):
+        """
+        Portal page for the Translation Platform OWL app.
+        Only accessible to authenticated users who belong to the
+        sbc_translation.group_user group.
+        """
+        if not request.env.user.has_group("sbc_translation.group_user"):
+            return redirect("/my")
+        return request.render("sbc_translation.portal_translation_platform", {})
+
     @http.route(
         ["/translation-platform", "/translation-platform/<path:page>"],
         type="http",
         auth="user",
+        website=True,
     )
-    def translation_platform(self, page="", **kwargs):
+    def translation_platform_legacy(self, page="", **kwargs):
         """
-        Legacy route: redirect old standalone-app URLs to the new Odoo 18 backend
-        client action at /odoo/translation-platform.
+        Legacy route: redirect old standalone-app URLs to the new portal page.
         """
-        return redirect("/odoo/translation-platform", 301)
+        return redirect("/my/translation-platform", 301)
diff --git a/sbc_translation/migrations/18.0.1.1.0/post_migrate.py b/sbc_translation/migrations/18.0.1.1.0/post_migrate.py
index d75ebc98d..7a22432ae 100644
--- a/sbc_translation/migrations/18.0.1.1.0/post_migrate.py
+++ b/sbc_translation/migrations/18.0.1.1.0/post_migrate.py
@@ -15,41 +15,41 @@
 
 def migrate(cr, version):
     """
-    Set the Translation Platform as the home action for all existing active
-    translator (group_user) accounts, and promote them from share/portal users
-    to internal users if needed (since group_user.share is now False).
+    Ensure all existing active translator accounts are portal (share) users and
+    belong to the group_user group.
+    Clears any previously set home action override (action_id) since translators
+    now use the portal route instead of the backend client action.
     """
     if not version:
         return
 
     _logger.info(
         "sbc_translation migration 18.0.1.1.0: "
-        "Setting home action for existing translator users"
+        "Ensuring translator users are portal users with group_user"
     )
 
     with api.Environment.manage():
         env = api.Environment(cr, SUPERUSER_ID, {})
 
-        tp_action = env.ref(
-            "sbc_translation.action_translation_platform", raise_if_not_found=False
-        )
         group_user = env.ref("sbc_translation.group_user", raise_if_not_found=False)
 
-        if not tp_action or not group_user:
-            _logger.warning(
-                "Cannot find translation_platform action or group_user – skipping migration"
-            )
+        if not group_user:
+            _logger.warning("Cannot find group_user – skipping migration")
             return
 
-        # Find all active external translators and set home action
-        translators = env["translation.user"].search(
-            [
-                ("active", "=", True),
-                ("user_id.share", "=", True),
-            ]
-        )
+        # Find all active translators
+        translators = env["translation.user"].search([("active", "=", True)])
         users = translators.mapped("user_id")
 
         if users:
-            users.write({"action_id": tp_action.id})
-            _logger.info("Updated home action for %d translator users", len(users))
+            # Clear any backend home action override and ensure group membership
+            users.write(
+                {
+                    "action_id": False,
+                    "groups_id": [(4, group_user.id)],
+                }
+            )
+            _logger.info(
+                "Updated %d translator users: cleared action_id, ensured group_user",
+                len(users),
+            )
diff --git a/sbc_translation/models/translation_user.py b/sbc_translation/models/translation_user.py
index 1362db06d..2b54ac2c5 100644
--- a/sbc_translation/models/translation_user.py
+++ b/sbc_translation/models/translation_user.py
@@ -81,18 +81,15 @@ def _compute_nb_translated_letters_last_year(self):
     @api.model_create_multi
     def create(self, vals_list):
         """
-        When creating a translator, put him the rights for using the platform
-        and set the Translation Platform as their home action.
+        When creating a translator, put him the rights for using the platform.
         """
         records = super().create(vals_list)
         user_group = self.env.ref("sbc_translation.group_user")
-        tp_action = self.env.ref("sbc_translation.action_translation_platform")
         for translator in records:
             translator.user_id.write(
                 {
                     "groups_id": [(4, user_group.id)],
                     "translator_id": translator.id,
-                    "action_id": tp_action.id,
                 }
             )
         return records
@@ -100,26 +97,20 @@ def create(self, vals_list):
     def write(self, vals):
         """
         When activating/deactivating a translator, update rights accordingly.
-        When deactivating, remove the home action override.
         """
         super().write(vals)
         if "active" in vals:
             user_group = self.env.ref("sbc_translation.group_user")
             action = 4 if vals["active"] else 3  # Add or remove group
             self.mapped("user_id").write({"groups_id": [(action, user_group.id)]})
-            if not vals["active"]:
-                # Remove the translation platform home action
-                self.mapped("user_id").write({"action_id": False})
         return True
 
     def unlink(self):
         """
-        Remove Translation Platform rights and home action when removing translator.
+        Remove Translation Platform rights when removing translator.
         """
         user_group = self.env.ref("sbc_translation.group_user")
-        self.mapped("user_id").write(
-            {"groups_id": [(3, user_group.id)], "action_id": False}
-        )
+        self.mapped("user_id").write({"groups_id": [(3, user_group.id)]})
         return super().unlink()
 
     def open_translated_letters(self):
diff --git a/sbc_translation/security/access_rules.xml b/sbc_translation/security/access_rules.xml
index 6b0bffdcd..e824dc3f9 100644
--- a/sbc_translation/security/access_rules.xml
+++ b/sbc_translation/security/access_rules.xml
@@ -38,7 +38,7 @@
         <field name="name">Translator admin</field>
         <field name="model_id" ref="model_translation_user" />
         <field name="domain_force">[(1, '=', 1)]</field>
-        <field name="groups" eval="[(4, ref('group_user'))]" />
+        <field name="groups" eval="[(4, ref('group_manager'))]" />
         <field name="perm_read" eval="True" />
         <field name="perm_write" eval="True" />
         <field name="perm_create" eval="True" />
diff --git a/sbc_translation/security/ir_groups.xml b/sbc_translation/security/ir_groups.xml
index b1e505bed..fcc67129c 100644
--- a/sbc_translation/security/ir_groups.xml
+++ b/sbc_translation/security/ir_groups.xml
@@ -9,8 +9,7 @@
             <field name="name">User</field>
             <field name="comment">the user will have access to the translation platform.</field>
             <field name="category_id" ref="module_category_translator"/>
-            <field name="implied_ids" eval="[(4, ref('base.group_user'))]" />
-            <field name="share" eval="False" />
+            <field name="share" eval="True" />
         </record>
         <record id="group_manager" model="res.groups">
             <field name="name">Manager</field>
diff --git a/sbc_translation/static/src/components/tp_content_editor.js b/sbc_translation/static/src/components/tp_content_editor.js
index ba02448a2..a5a1f0eda 100644
--- a/sbc_translation/static/src/components/tp_content_editor.js
+++ b/sbc_translation/static/src/components/tp_content_editor.js
@@ -1,7 +1,6 @@
 /** @odoo-module */
 
 import { Component, xml, useState } from "@odoo/owl";
-import { _t } from "@web/core/l10n/translation";
 import { TpModal } from "./tp_modal";
 
 /**
diff --git a/sbc_translation/static/src/components/tp_languages_pick_modal.js b/sbc_translation/static/src/components/tp_languages_pick_modal.js
index 1de4809b9..db75c48ad 100644
--- a/sbc_translation/static/src/components/tp_languages_pick_modal.js
+++ b/sbc_translation/static/src/components/tp_languages_pick_modal.js
@@ -1,8 +1,7 @@
 /** @odoo-module */
 
 import { Component, xml, useState } from "@odoo/owl";
-import { useService } from "@web/core/utils/hooks";
-import { _t } from "@web/core/l10n/translation";
+import { showNotification } from "../notification";
 import { TpModal } from "./tp_modal";
 import { SettingsDAO } from "../models/settings_dao";
 import { TranslatorDAO } from "../models/translator_dao";
@@ -41,22 +40,17 @@ export class TpTranslationSkills extends Component {
     onChange: { type: Function },
   };
 
-  setup() {
-    this.orm = useService("orm");
-    this.notification = useService("notification");
-  }
-
   async removeSkill(skill) {
     try {
-      await TranslatorDAO.deleteSkill(this.orm, this.props.translatorId, {
+      await TranslatorDAO.deleteSkill(this.props.translatorId, {
         source: skill.source,
         target: skill.target,
         verified: skill.verified,
       });
-      this.notification.add(_t("Skill removed"), { type: "success" });
+      showNotification("Skill removed", "success");
       this.props.onChange();
     } catch (e) {
-      this.notification.add(_t("Unable to remove skill"), { type: "danger" });
+      showNotification("Unable to remove skill", "danger");
     }
   }
 }
@@ -147,8 +141,6 @@ export class TpLanguagesPickModal extends Component {
   });
 
   setup() {
-    this.orm = useService("orm");
-    this.notification = useService("notification");
     this._loadData();
   }
 
@@ -156,8 +148,8 @@ export class TpLanguagesPickModal extends Component {
     this.state.loading = true;
     try {
       const [competences, translator] = await Promise.all([
-        SettingsDAO.translationCompetences(this.orm),
-        TranslatorDAO.find(this.orm, this.props.translatorId),
+        SettingsDAO.translationCompetences(),
+        TranslatorDAO.find(this.props.translatorId),
       ]);
       this.state.competences = competences;
       this.state.translator = translator;
@@ -165,9 +157,7 @@ export class TpLanguagesPickModal extends Component {
         (c) => !this.translatorHasSkill(c),
       );
     } catch (e) {
-      this.notification.add(_t("Unable to load translator information"), {
-        type: "danger",
-      });
+      showNotification("Unable to load translator information", "danger");
       this.props.onClose();
     } finally {
       this.state.loading = false;
@@ -192,19 +182,14 @@ export class TpLanguagesPickModal extends Component {
     this.state.loading = true;
     try {
       await TranslatorDAO.registerSkills(
-        this.orm,
         this.props.translatorId,
         this.state.potentialSkills.map((s) => parseInt(s.competenceId, 10)),
       );
-      this.notification.add(_t("Your new skills have been registered"), {
-        type: "success",
-      });
+      showNotification("Your new skills have been registered", "success");
       this.state.potentialSkills = [];
       this.props.onChange();
     } catch (e) {
-      this.notification.add(_t("Unable to register translation skills"), {
-        type: "danger",
-      });
+      showNotification("Unable to register translation skills", "danger");
     } finally {
       this.state.loading = false;
     }
diff --git a/sbc_translation/static/src/components/tp_letter_viewer.js b/sbc_translation/static/src/components/tp_letter_viewer.js
index b5ef0109c..c826ce9b0 100644
--- a/sbc_translation/static/src/components/tp_letter_viewer.js
+++ b/sbc_translation/static/src/components/tp_letter_viewer.js
@@ -10,8 +10,6 @@ import {
   onWillUpdateProps,
   onPatched,
 } from "@odoo/owl";
-import { useService } from "@web/core/utils/hooks";
-import { _t } from "@web/core/l10n/translation";
 import { TpLoader } from "./tp_loader";
 import { TpSignalProblem } from "./tp_signal_problem";
 
diff --git a/sbc_translation/static/src/components/tp_signal_problem.js b/sbc_translation/static/src/components/tp_signal_problem.js
index dc9d08b07..bed957c30 100644
--- a/sbc_translation/static/src/components/tp_signal_problem.js
+++ b/sbc_translation/static/src/components/tp_signal_problem.js
@@ -1,10 +1,10 @@
 /** @odoo-module */
 
 import { Component, xml, useState } from "@odoo/owl";
-import { useService } from "@web/core/utils/hooks";
-import { _t } from "@web/core/l10n/translation";
+import { showNotification } from "../notification";
 import { TpModal } from "./tp_modal";
 import { SettingsDAO } from "../models/settings_dao";
+import { call } from "../rpc";
 
 /**
  * Modal for reporting a problem with a letter.
@@ -53,10 +53,8 @@ export class TpSignalProblem extends Component {
   });
 
   setup() {
-    this.orm = useService("orm");
-    this.notification = useService("notification");
     this.state.loading = true;
-    SettingsDAO.letterIssues(this.orm).then((res) => {
+    SettingsDAO.letterIssues().then((res) => {
       this.state.types = res;
       this.state.type = res[0]?.id || null;
       this.state.loading = false;
@@ -65,30 +63,26 @@ export class TpSignalProblem extends Component {
 
   async submit() {
     if (!this.state.type) {
-      this.notification.add(_t("Please select a problem in the list"), {
-        type: "warning",
-      });
+      showNotification("Please select a problem in the list", "warning");
       return;
     }
     this.state.loading = true;
     try {
-      await this.orm.call("correspondence", "raise_translation_issue", [
+      await call("correspondence", "raise_translation_issue", [
         [parseInt(this.props.letterId, 10)],
         this.state.type,
         this.state.message,
       ]);
-      this.notification.add(
-        _t("Issue successfully sent, it will be quickly reviewed"),
-        {
-          type: "success",
-        },
+      showNotification(
+        "Issue successfully sent, it will be quickly reviewed",
+        "success",
       );
       this.props.onClose();
       if (this.props.onRefresh) {
         this.props.onRefresh();
       }
     } catch (e) {
-      this.notification.add(_t("Unable to submit issue"), { type: "danger" });
+      showNotification("Unable to submit issue", "danger");
     } finally {
       this.state.loading = false;
     }
diff --git a/sbc_translation/static/src/components/tp_translator_button.js b/sbc_translation/static/src/components/tp_translator_button.js
index e9494d5d4..0ed55dbfa 100644
--- a/sbc_translation/static/src/components/tp_translator_button.js
+++ b/sbc_translation/static/src/components/tp_translator_button.js
@@ -1,8 +1,6 @@
 /** @odoo-module */
 
 import { Component, xml, useState } from "@odoo/owl";
-import { useService } from "@web/core/utils/hooks";
-import { _t } from "@web/core/l10n/translation";
 import { TpModal } from "./tp_modal";
 import { TranslatorDAO } from "../models/translator_dao";
 
@@ -62,16 +60,11 @@ export class TpTranslatorButton extends Component {
     showModal: false,
   });
 
-  setup() {
-    this.orm = useService("orm");
-  }
-
   async loadAndOpen() {
     if (!this.state.translator) {
       this.state.loading = true;
       try {
         this.state.translator = await TranslatorDAO.find(
-          this.orm,
           this.props.translatorId,
         );
       } finally {
diff --git a/sbc_translation/static/src/models/letter_dao.js b/sbc_translation/static/src/models/letter_dao.js
index 58e52c946..348137225 100644
--- a/sbc_translation/static/src/models/letter_dao.js
+++ b/sbc_translation/static/src/models/letter_dao.js
@@ -1,19 +1,20 @@
 /** @odoo-module */
 
+import { search, searchCount, call } from "../rpc";
+
 /**
  * Letter DAO - data access for the correspondence model.
- * All methods take `orm` (the Odoo ORM service) as first argument.
+ * Uses direct JSON-RPC (portal/frontend compatible).
  */
 
 export const LetterDAO = {
   /**
    * Fetch a single letter's full info.
-   * @param {Object} orm - Odoo orm service
    * @param {number|string} id
    * @returns {Promise<Object>}
    */
-  async find(orm, id) {
-    const result = await orm.call("correspondence", "get_letter_info", [
+  async find(id) {
+    const result = await call("correspondence", "get_letter_info", [
       [parseInt(id, 10)],
     ]);
     return LetterDAO._cleanLetter(result);
@@ -21,11 +22,10 @@ export const LetterDAO = {
 
   /**
    * List letters matching params.
-   * @param {Object} orm
    * @param {Object} params - { search, sortBy, pageNumber, pageSize }
    * @returns {Promise<{data: Object[], total: number}>}
    */
-  async list(orm, params = {}) {
+  async list(params = {}) {
     const domain = LetterDAO._buildDomain(params.search || []);
     // Always filter to letters in translation queue
     domain.push(["state", "=", "Global Partner translation queue"]);
@@ -34,8 +34,8 @@ export const LetterDAO = {
     const order = LetterDAO._buildOrder(params.sortBy || []);
 
     const [ids, total] = await Promise.all([
-      orm.search("correspondence", domain, { offset, limit, order }),
-      orm.searchCount("correspondence", domain),
+      search("correspondence", domain, { offset, limit, order }),
+      searchCount("correspondence", domain),
     ]);
 
     if (!ids || ids.length === 0) {
@@ -43,31 +43,29 @@ export const LetterDAO = {
     }
 
     // list_letters is a record-level method; pass IDs as first arg
-    const rawLetters = await orm.call("correspondence", "list_letters", [ids]);
+    const rawLetters = await call("correspondence", "list_letters", [ids]);
     const data = (rawLetters || []).map((l) => LetterDAO._cleanLetter(l));
     return { data, total };
   },
 
   /**
    * List all IDs matching params (for select-all).
-   * @param {Object} orm
    * @param {Object} params
    * @returns {Promise<number[]>}
    */
-  async listIds(orm, params = {}) {
+  async listIds(params = {}) {
     const domain = LetterDAO._buildDomain(params.search || []);
     domain.push(["state", "=", "Global Partner translation queue"]);
-    return orm.search("correspondence", domain);
+    return search("correspondence", domain);
   },
 
   /**
    * Save (update) a translation in progress.
-   * @param {Object} orm
    * @param {Object} letter
    * @returns {Promise<boolean>}
    */
-  async update(orm, letter) {
-    return orm.call("correspondence", "save_translation", [
+  async update(letter) {
+    return call("correspondence", "save_translation", [
       [letter.id],
       letter.translatedElements,
       letter.translatorId || false,
@@ -76,12 +74,11 @@ export const LetterDAO = {
 
   /**
    * Submit a completed translation.
-   * @param {Object} orm
    * @param {Object} letter
    * @returns {Promise<boolean>}
    */
-  async submit(orm, letter) {
-    return orm.call("correspondence", "submit_translation", [
+  async submit(letter) {
+    return call("correspondence", "submit_translation", [
       [letter.id],
       letter.translatedElements,
       letter.translatorId || false,
@@ -90,14 +87,13 @@ export const LetterDAO = {
 
   /**
    * Report an issue with a letter.
-   * @param {Object} orm
    * @param {number} letterId
    * @param {string} issueType
    * @param {string} message
    * @returns {Promise<boolean>}
    */
-  async reportIssue(orm, letterId, issueType, message) {
-    return orm.call("correspondence", "raise_translation_issue", [
+  async reportIssue(letterId, issueType, message) {
+    return call("correspondence", "raise_translation_issue", [
       [parseInt(letterId, 10)],
       issueType,
       message,
@@ -106,45 +102,41 @@ export const LetterDAO = {
 
   /**
    * Reply to translator comments on a letter.
-   * @param {Object} orm
    * @param {Object} letter
    * @param {string} html
    * @returns {Promise<boolean>}
    */
-  async replyToComments(orm, letter, html) {
-    return orm.call("correspondence", "reply_to_comments", [[letter.id], html]);
+  async replyToComments(letter, html) {
+    return call("correspondence", "reply_to_comments", [[letter.id], html]);
   },
 
   /**
    * Mark all comments as read.
-   * @param {Object} orm
    * @param {Object} letter
    * @returns {Promise<boolean>}
    */
-  async markCommentsAsRead(orm, letter) {
-    return orm.call("correspondence", "mark_comments_read", [[letter.id]]);
+  async markCommentsAsRead(letter) {
+    return call("correspondence", "mark_comments_read", [[letter.id]]);
   },
 
   /**
    * Put a letter back into the translation queue (resubmit).
-   * @param {Object} orm
    * @param {Object} letter
    * @returns {Promise<boolean>}
    */
-  async makeTranslatable(orm, letter) {
-    return orm.call("correspondence", "action_resubmit_to_translation", [
+  async makeTranslatable(letter) {
+    return call("correspondence", "action_resubmit_to_translation", [
       [letter.id],
     ]);
   },
 
   /**
    * Remove a letter from the translation queue.
-   * @param {Object} orm
    * @param {Object} letter
    * @returns {Promise<boolean>}
    */
-  async deleteLetter(orm, letter) {
-    return orm.call("correspondence", "action_remove_local_translate", [
+  async deleteLetter(letter) {
+    return call("correspondence", "action_remove_local_translate", [
       [letter.id],
     ]);
   },
diff --git a/sbc_translation/static/src/models/settings_dao.js b/sbc_translation/static/src/models/settings_dao.js
index a2c18434c..7b54021f0 100644
--- a/sbc_translation/static/src/models/settings_dao.js
+++ b/sbc_translation/static/src/models/settings_dao.js
@@ -1,18 +1,19 @@
 /** @odoo-module */
 
+import { searchRead, call } from "../rpc";
+
 /**
  * Settings DAO - data access for translation competences and letter issues.
- * All methods take `orm` (the Odoo ORM service) as first argument.
+ * Uses direct JSON-RPC (portal/frontend compatible).
  */
 
 export const SettingsDAO = {
   /**
    * Fetch all translation competences (language pairs).
-   * @param {Object} orm
    * @returns {Promise<Array<{id: number, source: string, target: string}>>}
    */
-  async translationCompetences(orm) {
-    const raw = await orm.searchRead(
+  async translationCompetences() {
+    const raw = await searchRead(
       "translation.competence",
       [],
       ["source_language_id", "dest_language_id"],
@@ -26,22 +27,20 @@ export const SettingsDAO = {
 
   /**
    * Fetch all unique languages (sources + targets combined).
-   * @param {Object} orm
    * @returns {Promise<string[]>}
    */
-  async languages(orm) {
-    const competences = await SettingsDAO.translationCompetences(orm);
+  async languages() {
+    const competences = await SettingsDAO.translationCompetences();
     const langs = competences.flatMap((c) => [c.source, c.target]);
     return [...new Set(langs)];
   },
 
   /**
    * Fetch the list of possible letter issue types.
-   * @param {Object} orm
    * @returns {Promise<Array<{id: string, text: string}>>}
    */
-  async letterIssues(orm) {
-    const raw = await orm.call(
+  async letterIssues() {
+    const raw = await call(
       "correspondence",
       "get_translation_issue_list",
       [],
diff --git a/sbc_translation/static/src/models/translator_dao.js b/sbc_translation/static/src/models/translator_dao.js
index 735af75b1..56ea60562 100644
--- a/sbc_translation/static/src/models/translator_dao.js
+++ b/sbc_translation/static/src/models/translator_dao.js
@@ -1,19 +1,20 @@
 /** @odoo-module */
 
+import { search, searchCount, call } from "../rpc";
+
 /**
  * Translator DAO - data access for the translation.user model.
- * All methods take `orm` (the Odoo ORM service) as first argument.
+ * Uses direct JSON-RPC (portal/frontend compatible).
  */
 
 export const TranslatorDAO = {
   /**
    * Get a single translator's full info.
-   * @param {Object} orm
    * @param {number} id
    * @returns {Promise<Object>}
    */
-  async find(orm, id) {
-    const data = await orm.call("translation.user", "get_user_info", [
+  async find(id) {
+    const data = await call("translation.user", "get_user_info", [
       [parseInt(id, 10)],
     ]);
     return TranslatorDAO._cleanTranslator(data);
@@ -21,11 +22,10 @@ export const TranslatorDAO = {
 
   /**
    * Get the current authenticated user's translator info.
-   * @param {Object} orm
    * @returns {Promise<Object>}
    */
-  async current(orm) {
-    const data = await orm.call("translation.user", "get_my_info", []);
+  async current() {
+    const data = await call("translation.user", "get_my_info", []);
     if (!data) {
       throw new Error("Unable to find current authenticated translator");
     }
@@ -34,28 +34,25 @@ export const TranslatorDAO = {
 
   /**
    * List translators with optional filters and pagination.
-   * @param {Object} orm
    * @param {Object} params
    * @returns {Promise<{data: Object[], total: number}>}
    */
-  async list(orm, params = {}) {
+  async list(params = {}) {
     const domain = TranslatorDAO._buildDomain(params.search || []);
     const offset = (params.pageNumber || 0) * (params.pageSize || 10);
     const limit = params.pageSize || 10;
     const order = TranslatorDAO._buildOrder(params.sortBy || []);
 
     const [ids, total] = await Promise.all([
-      orm.search("translation.user", domain, { offset, limit, order }),
-      orm.searchCount("translation.user", domain),
+      search("translation.user", domain, { offset, limit, order }),
+      searchCount("translation.user", domain),
     ]);
 
     if (!ids || ids.length === 0) {
       return { data: [], total };
     }
 
-    const rawTranslators = await orm.call("translation.user", "list_users", [
-      ids,
-    ]);
+    const rawTranslators = await call("translation.user", "list_users", [ids]);
     const data = (rawTranslators || [])
       .map((t) => TranslatorDAO._cleanTranslator(t))
       .filter((t) => t !== undefined);
@@ -64,41 +61,35 @@ export const TranslatorDAO = {
 
   /**
    * List all matching translator IDs.
-   * @param {Object} orm
    * @param {Object} params
    * @returns {Promise<number[]>}
    */
-  async listIds(orm, params = {}) {
+  async listIds(params = {}) {
     const domain = TranslatorDAO._buildDomain(params.search || []);
-    return orm.search("translation.user", domain);
+    return search("translation.user", domain);
   },
 
   /**
    * Register new translation skills for a translator.
-   * @param {Object} orm
    * @param {number} translatorId
    * @param {number[]} competenceIds
    * @returns {Promise<boolean>}
    */
-  async registerSkills(orm, translatorId, competenceIds) {
+  async registerSkills(translatorId, competenceIds) {
     for (const skillId of competenceIds) {
-      await orm.call("translation.user", "add_skill", [
-        [translatorId],
-        skillId,
-      ]);
+      await call("translation.user", "add_skill", [[translatorId], skillId]);
     }
     return true;
   },
 
   /**
    * Remove a translation skill from a translator.
-   * @param {Object} orm
    * @param {number} translatorId
    * @param {Object} skill - { source, target, verified }
    * @returns {Promise<boolean>}
    */
-  async deleteSkill(orm, translatorId, skill) {
-    await orm.call("translation.user", "unlink_skill", [[translatorId], skill]);
+  async deleteSkill(translatorId, skill) {
+    await call("translation.user", "unlink_skill", [[translatorId], skill]);
     return true;
   },
 
diff --git a/sbc_translation/static/src/notification.js b/sbc_translation/static/src/notification.js
new file mode 100644
index 000000000..c599131db
--- /dev/null
+++ b/sbc_translation/static/src/notification.js
@@ -0,0 +1,68 @@
+/** @odoo-module */
+
+/**
+ * Simple notification helper using Bootstrap alerts.
+ * Replaces Odoo's `notification` service in the portal/frontend context.
+ *
+ * Usage:
+ *   import { showNotification } from "../notification";
+ *   showNotification("Letter saved", "success");
+ */
+
+const AUTO_DISMISS_MS = {
+    success: 3000,
+    info: 4000,
+    warning: 5000,
+    danger: 6000,
+};
+
+/** @type {HTMLElement|null} */
+let _container = null;
+
+/**
+ * Get (or lazily create) the fixed notification container.
+ * @returns {HTMLElement}
+ */
+function _getContainer() {
+    if (!_container || !document.body.contains(_container)) {
+        _container = document.createElement("div");
+        _container.style.cssText =
+            "position:fixed;top:1rem;right:1rem;z-index:99999;" +
+            "display:flex;flex-direction:column;gap:0.5rem;min-width:260px;max-width:420px;";
+        document.body.appendChild(_container);
+    }
+    return _container;
+}
+
+/**
+ * Show a dismissible Bootstrap alert notification.
+ * @param {string} message  - plain text or safe HTML
+ * @param {'success'|'info'|'warning'|'danger'} [type='info']
+ */
+export function showNotification(message, type = "info") {
+    const container = _getContainer();
+
+    const el = document.createElement("div");
+    el.className = `alert alert-${type} alert-dismissible fade show shadow-sm mb-0`;
+    el.setAttribute("role", "alert");
+    el.innerHTML = `
+        <span>${message}</span>
+        <button type="button" class="btn-close" aria-label="Close"></button>
+    `;
+
+    // Manual close button
+    el.querySelector(".btn-close").addEventListener("click", () => _dismiss(el));
+
+    container.appendChild(el);
+
+    // Auto-dismiss
+    const delay = AUTO_DISMISS_MS[type] ?? 4000;
+    setTimeout(() => _dismiss(el), delay);
+}
+
+function _dismiss(el) {
+    el.classList.remove("show");
+    setTimeout(() => el.remove(), 300);
+}
+
+export default showNotification;
diff --git a/sbc_translation/static/src/pages/tp_home.js b/sbc_translation/static/src/pages/tp_home.js
index 0b8f63abe..168ac72a7 100644
--- a/sbc_translation/static/src/pages/tp_home.js
+++ b/sbc_translation/static/src/pages/tp_home.js
@@ -1,8 +1,7 @@
 /** @odoo-module */
 
 import { Component, xml, useState, onMounted } from "@odoo/owl";
-import { useService } from "@web/core/utils/hooks";
-import { _t } from "@web/core/l10n/translation";
+import { showNotification } from "../notification";
 import { LetterDAO } from "../models/letter_dao";
 import { TpLanguagesPickModal } from "../components/tp_languages_pick_modal";
 import { TpBlurLoader } from "../components/tp_loader";
@@ -172,8 +171,6 @@ export class TpHome extends Component {
   });
 
   setup() {
-    this.orm = useService("orm");
-    this.notification = useService("notification");
     onMounted(() => this._refresh());
   }
 
@@ -192,7 +189,7 @@ export class TpHome extends Component {
 
   async _fetchSaved() {
     if (!this.props.translator) return;
-    this.state.savedLetters = await LetterDAO.list(this.orm, {
+    this.state.savedLetters = await LetterDAO.list({
       sortBy: ["priority desc", "date asc"],
       pageNumber: 0,
       pageSize: 5,
@@ -212,7 +209,7 @@ export class TpHome extends Component {
     if (!this.props.translator) return;
     const results = await Promise.all(
       this.props.translator.skills.map(async (skill) => {
-        const letters = await LetterDAO.list(this.orm, {
+        const letters = await LetterDAO.list({
           search: [
             { column: "status", term: "to validate" },
             { column: "source", term: skill.source },
@@ -231,7 +228,7 @@ export class TpHome extends Component {
     if (!this.props.translator) return;
     const results = await Promise.all(
       this.props.translator.skills.map(async (skill) => {
-        const letters = await LetterDAO.list(this.orm, {
+        const letters = await LetterDAO.list({
           sortBy: ["priority desc", "date asc"],
           pageSize: 5,
           pageNumber: 0,
diff --git a/sbc_translation/static/src/pages/tp_letter_edit.js b/sbc_translation/static/src/pages/tp_letter_edit.js
index 4204db695..28176ff57 100644
--- a/sbc_translation/static/src/pages/tp_letter_edit.js
+++ b/sbc_translation/static/src/pages/tp_letter_edit.js
@@ -1,8 +1,7 @@
 /** @odoo-module */
 
 import { Component, xml, useState, onMounted, useEffect } from "@odoo/owl";
-import { useService } from "@web/core/utils/hooks";
-import { _t } from "@web/core/l10n/translation";
+import { showNotification } from "../notification";
 import { LetterDAO } from "../models/letter_dao";
 import { TpLetterViewer } from "../components/tp_letter_viewer";
 import { TpContentEditor } from "../components/tp_content_editor";
@@ -120,8 +119,6 @@ export class TpLetterEdit extends Component {
   });
 
   setup() {
-    this.orm = useService("orm");
-    this.notification = useService("notification");
     this.state.loading = true;
     onMounted(() => this._refreshLetter());
 
@@ -160,17 +157,17 @@ export class TpLetterEdit extends Component {
 
   async _refreshLetter() {
     try {
-      const letter = await LetterDAO.find(this.orm, this.props.letterId);
+      const letter = await LetterDAO.find(this.props.letterId);
       if (!letter) {
-        this.notification.add(
-          _t("Unable to find letter with identifier ") + this.props.letterId,
-          { type: "danger" },
+        showNotification(
+          "Unable to find letter with identifier " + this.props.letterId,
+          "danger",
         );
       } else {
         this.state.letter = letter;
       }
     } catch (e) {
-      this.notification.add(_t("Error loading letter"), { type: "danger" });
+      showNotification("Error loading letter", "danger");
     } finally {
       this.state.loading = false;
     }
@@ -198,15 +195,15 @@ export class TpLetterEdit extends Component {
     }
 
     try {
-      await LetterDAO.update(this.orm, this.state.letter);
+      await LetterDAO.update(this.state.letter);
       if (!background) {
-        this.notification.add(_t("Letter saved"), { type: "success" });
+        showNotification("Letter saved", "success");
       }
       // Refresh lastUpdate from server
-      const updated = await LetterDAO.find(this.orm, this.props.letterId);
+      const updated = await LetterDAO.find(this.props.letterId);
       if (updated) this.state.letter.lastUpdate = updated.lastUpdate;
     } catch (e) {
-      this.notification.add(_t("Unable to save letter"), { type: "danger" });
+      showNotification("Unable to save letter", "danger");
     } finally {
       if (!background) this.state.internalLoading = false;
       this.state.saveLoading = false;
@@ -218,12 +215,12 @@ export class TpLetterEdit extends Component {
     if (this.state.saveTimeout) clearTimeout(this.state.saveTimeout);
     this.state.internalLoading = true;
     try {
-      await LetterDAO.submit(this.orm, this.state.letter);
+      await LetterDAO.submit(this.state.letter);
       this.state.letterSubmitted = true;
     } catch (e) {
-      this.notification.add(
-        _t("Unable to save and submit letter, please save it first and retry."),
-        { type: "danger" },
+      showNotification(
+        "Unable to save and submit letter, please save it first and retry.",
+        "danger",
       );
     } finally {
       this.state.internalLoading = false;
diff --git a/sbc_translation/static/src/pages/tp_letters.js b/sbc_translation/static/src/pages/tp_letters.js
index eee709633..156b838aa 100644
--- a/sbc_translation/static/src/pages/tp_letters.js
+++ b/sbc_translation/static/src/pages/tp_letters.js
@@ -7,8 +7,7 @@ import {
   onMounted,
   onWillUpdateProps,
 } from "@odoo/owl";
-import { useService } from "@web/core/utils/hooks";
-import { _t } from "@web/core/l10n/translation";
+import { showNotification } from "../notification";
 import { LetterDAO } from "../models/letter_dao";
 import { TpLoader } from "../components/tp_loader";
 import { TpTranslatorButton } from "../components/tp_translator_button";
@@ -202,8 +201,6 @@ export class TpLetters extends Component {
   });
 
   setup() {
-    this.orm = useService("orm");
-    this.notification = useService("notification");
     onMounted(() => this._loadLetters());
   }
 
@@ -214,7 +211,7 @@ export class TpLetters extends Component {
         .filter(([, term]) => term.trim())
         .map(([col, term]) => ({ column: col, term }));
 
-      const result = await LetterDAO.list(this.orm, {
+      const result = await LetterDAO.list({
         search,
         sortBy: this.state.sortBy,
         pageNumber: this.state.page,
@@ -223,7 +220,7 @@ export class TpLetters extends Component {
       this.state.letters = result.data;
       this.state.total = result.total;
     } catch (e) {
-      this.notification.add(_t("Unable to load letters"), { type: "danger" });
+      showNotification("Unable to load letters", "danger");
     } finally {
       this.state.loading = false;
     }
diff --git a/sbc_translation/static/src/pages/tp_translators.js b/sbc_translation/static/src/pages/tp_translators.js
index ef5a08c0f..9d5c34561 100644
--- a/sbc_translation/static/src/pages/tp_translators.js
+++ b/sbc_translation/static/src/pages/tp_translators.js
@@ -1,8 +1,7 @@
 /** @odoo-module */
 
 import { Component, xml, useState, onMounted } from "@odoo/owl";
-import { useService } from "@web/core/utils/hooks";
-import { _t } from "@web/core/l10n/translation";
+import { showNotification } from "../notification";
 import { TranslatorDAO } from "../models/translator_dao";
 import { TpTranslatorButton } from "../components/tp_translator_button";
 import { TpLoader } from "../components/tp_loader";
@@ -146,8 +145,6 @@ export class TpTranslators extends Component {
   });
 
   setup() {
-    this.orm = useService("orm");
-    this.notification = useService("notification");
     onMounted(() => this._loadTranslators());
   }
 
@@ -158,7 +155,7 @@ export class TpTranslators extends Component {
         .filter(([, term]) => term.trim())
         .map(([col, term]) => ({ column: col, term }));
 
-      const result = await TranslatorDAO.list(this.orm, {
+      const result = await TranslatorDAO.list({
         search,
         sortBy: this.state.sortBy,
         pageNumber: this.state.page,
@@ -167,9 +164,7 @@ export class TpTranslators extends Component {
       this.state.translators = result.data;
       this.state.total = result.total;
     } catch (e) {
-      this.notification.add(_t("Unable to load translators"), {
-        type: "danger",
-      });
+      showNotification("Unable to load translators", "danger");
     } finally {
       this.state.loading = false;
     }
diff --git a/sbc_translation/static/src/rpc.js b/sbc_translation/static/src/rpc.js
new file mode 100644
index 000000000..7ad7188a2
--- /dev/null
+++ b/sbc_translation/static/src/rpc.js
@@ -0,0 +1,93 @@
+/** @odoo-module */
+
+/**
+ * Minimal JSON-RPC helper for portal/frontend context.
+ * Authenticates via the Odoo session cookie (no JWT needed).
+ * Mirrors the interface of the Odoo `orm` service so DAO files stay readable.
+ */
+
+let _idCounter = 1;
+
+/**
+ * Low-level call to Odoo's /web/dataset/call_kw endpoint.
+ * @param {string} model
+ * @param {string} method
+ * @param {Array}  args    - positional arguments
+ * @param {Object} kwargs  - keyword arguments
+ * @returns {Promise<*>}
+ */
+async function callKw(model, method, args, kwargs = {}) {
+    const response = await fetch("/web/dataset/call_kw", {
+        method: "POST",
+        headers: { "Content-Type": "application/json" },
+        credentials: "same-origin",
+        body: JSON.stringify({
+            jsonrpc: "2.0",
+            method: "call",
+            id: _idCounter++,
+            params: {
+                model,
+                method,
+                args,
+                kwargs: { context: {}, ...kwargs },
+            },
+        }),
+    });
+    const json = await response.json();
+    if (json.error) {
+        const msg =
+            json.error.data?.message ||
+            json.error.message ||
+            "JSON-RPC error";
+        throw new Error(msg);
+    }
+    return json.result;
+}
+
+/**
+ * Search for records matching a domain.
+ * @param {string} model
+ * @param {Array}  domain
+ * @param {Object} options - { offset, limit, order }
+ * @returns {Promise<number[]>}
+ */
+export async function search(model, domain, options = {}) {
+    return callKw(model, "search", [domain], options);
+}
+
+/**
+ * Count records matching a domain.
+ * @param {string} model
+ * @param {Array}  domain
+ * @returns {Promise<number>}
+ */
+export async function searchCount(model, domain) {
+    return callKw(model, "search_count", [domain]);
+}
+
+/**
+ * Search + read records.
+ * @param {string}   model
+ * @param {Array}    domain
+ * @param {string[]} fields
+ * @param {Object}   options - { offset, limit, order }
+ * @returns {Promise<Object[]>}
+ */
+export async function searchRead(model, domain, fields, options = {}) {
+    return callKw(model, "search_read", [domain], { fields, ...options });
+}
+
+/**
+ * Call a method on a model.
+ * @param {string} model
+ * @param {string} method
+ * @param {Array}  args   - positional args (first element is usually a list of IDs for record methods)
+ * @param {Object} kwargs
+ * @returns {Promise<*>}
+ */
+export async function call(model, method, args, kwargs = {}) {
+    return callKw(model, method, args, kwargs);
+}
+
+const rpc = { search, searchCount, searchRead, call };
+export default rpc;
diff --git a/sbc_translation/static/src/translation_platform.js b/sbc_translation/static/src/translation_platform.js
index e9a81c359..82b29e098 100644
--- a/sbc_translation/static/src/translation_platform.js
+++ b/sbc_translation/static/src/translation_platform.js
@@ -1,9 +1,7 @@
 /** @odoo-module */
 
-import { Component, xml, useState, onMounted } from "@odoo/owl";
-import { useService } from "@web/core/utils/hooks";
-import { registry } from "@web/core/registry";
-import { _t } from "@web/core/l10n/translation";
+import { Component, xml, useState, onMounted, mount, whenReady } from "@odoo/owl";
+import { showNotification } from "./notification";
 import { TranslatorDAO } from "./models/translator_dao";
 import { TpHome } from "./pages/tp_home";
 import { TpLetters } from "./pages/tp_letters";
@@ -43,8 +41,7 @@ class TpHelpModal extends Component {
  * and loads the current translator's info.
  */
 export class TranslationPlatform extends Component {
-  // Client actions can receive framework-injected props; accept any shape.
-  static props = ["*"];
+  static props = {};
 
   static template = xml`
         <div class="tp-root d-flex" style="min-height: 100vh;">
@@ -153,26 +150,22 @@ export class TranslationPlatform extends Component {
   });
 
   setup() {
-    this.orm = useService("orm");
-    this.notification = useService("notification");
     this.state.loading = true;
     onMounted(() => this._loadTranslator());
   }
 
   async _loadTranslator() {
     try {
-      this.state.translator = await TranslatorDAO.current(this.orm);
+      this.state.translator = await TranslatorDAO.current();
     } catch (e) {
-      this.notification.add(_t("Unable to load your translator profile"), {
-        type: "danger",
-      });
+      showNotification("Unable to load your translator profile", "danger");
     } finally {
       this.state.loading = false;
     }
   }
 
   refreshTranslator = async () => {
-    this.state.translator = await TranslatorDAO.current(this.orm);
+    this.state.translator = await TranslatorDAO.current();
   };
 
   /**
@@ -188,5 +181,9 @@ export class TranslationPlatform extends Component {
   };
 }
 
-// Register as an Odoo client action
-registry.category("actions").add("translation_platform", TranslationPlatform);
+// Mount the app on the portal page container
+whenReady(async () => {
+  const target = document.getElementById("tp-app-root");
+  if (!target) return;
+  await mount(TranslationPlatform, target, { env: {} });
+});
diff --git a/sbc_translation/views/portal_templates.xml b/sbc_translation/views/portal_templates.xml
new file mode 100644
index 000000000..24f0ee212
--- /dev/null
+++ b/sbc_translation/views/portal_templates.xml
@@ -0,0 +1,37 @@
+<?xml version="1.0" encoding="utf-8"?>
+<odoo>
+    <!--
+        Portal home: add a "Translation Platform" entry so translators
+        see the link when they log in and visit /my.
+    -->
+    <template id="portal_my_home_translation"
+              name="Translation Platform – Portal Home"
+              inherit_id="portal.portal_my_home"
+              priority="20">
+        <xpath expr="//div[hasclass('o_portal_docs')]" position="inside">
+            <t t-call="portal.portal_docs_entry">
+                <t t-set="icon" t-value="'fa fa-language'"/>
+                <t t-set="label">Translation Platform</t>
+                <t t-set="url" t-value="'/my/translation-platform'"/>
+            </t>
+        </xpath>
+    </template>
+
+    <!--
+        Full-screen Translation Platform page.
+        Served at /my/translation-platform.
+        The OWL app is mounted inside #tp-app-root by translation_platform.js.
+    -->
+    <template id="portal_translation_platform" name="Translation Platform">
+        <t t-call="portal.portal_layout">
+            <t t-set="no_breadcrumbs" t-value="True"/>
+            <!--
+                Full-screen fixed overlay that covers the portal header/footer.
+                The OWL root component mounts here.
+            -->
+            <div id="tp-app-root"
+                 style="position:fixed;top:0;left:0;width:100vw;height:100vh;
+                        z-index:10000;background:#fff;overflow:hidden;"/>
+        </t>
+    </template>
+</odoo>

From 08091102e4839d4460a8ee9759e3d50fcf60a361 Mon Sep 17 00:00:00 2001
From: Emanuel Cino <ecino@compassion.ch>
Date: Thu, 23 Apr 2026 11:30:58 +0200
Subject: [PATCH 5/7] T2913 OWL in frontend working

---
 eslint.config.cjs                             |   6 ++
 sbc_translation/__manifest__.py               |  41 +++++-----
 sbc_translation/controllers/main.py           |  41 +++++++++-
 .../migrations/18.0.1.1.0/post_migrate.py     |  55 -------------
 sbc_translation/models/correspondence.py      |   8 --
 .../models/translation_competence.py          |  27 +++++--
 sbc_translation/static/img/menu_icon.png      | Bin 0 -> 34663 bytes
 .../static/img/menu_icon_small.png            | Bin 0 -> 6431 bytes
 ...p_child_modal.js => tp_child_modal.esm.js} |   4 +-
 ...ent_editor.js => tp_content_editor.esm.js} |   6 +-
 ...odal.js => tp_languages_pick_modal.esm.js} |  18 ++---
 ...tter_viewer.js => tp_letter_viewer.esm.js} |  17 +----
 .../{tp_loader.js => tp_loader.esm.js}        |  10 +--
 .../{tp_modal.js => tp_modal.esm.js}          |  10 +--
 ...al_problem.js => tp_signal_problem.esm.js} |  14 ++--
 ..._button.js => tp_translator_button.esm.js} |   8 +-
 .../{letter_dao.js => letter_dao.esm.js}      |  26 +++----
 .../{settings_dao.js => settings_dao.esm.js}  |  10 +--
 ...ranslator_dao.js => translator_dao.esm.js} |  30 ++++----
 .../static/src/notification.esm.js            |  65 ++++++++++++++++
 sbc_translation/static/src/notification.js    |  68 -----------------
 .../src/pages/{tp_home.js => tp_home.esm.js}  |  11 +--
 ...p_letter_edit.js => tp_letter_edit.esm.js} |  35 +++++----
 .../{tp_letters.js => tp_letters.esm.js}      |  20 ++---
 ...p_translators.js => tp_translators.esm.js} |  16 ++--
 .../static/src/{rpc.js => rpc.esm.js}         |  72 +++++++++---------
 ...latform.js => translation_platform.esm.js} |  31 ++++----
 .../{views => templates}/portal_templates.xml |  32 ++++++--
 .../views/translation_platform_action.xml     |  27 -------
 .../views/translation_pool_view.xml           |   4 +-
 .../views/translation_user_view.xml           |   5 +-
 31 files changed, 322 insertions(+), 395 deletions(-)
 delete mode 100644 sbc_translation/migrations/18.0.1.1.0/post_migrate.py
 create mode 100644 sbc_translation/static/img/menu_icon.png
 create mode 100644 sbc_translation/static/img/menu_icon_small.png
 rename sbc_translation/static/src/components/{tp_child_modal.js => tp_child_modal.esm.js} (98%)
 rename sbc_translation/static/src/components/{tp_content_editor.js => tp_content_editor.esm.js} (97%)
 rename sbc_translation/static/src/components/{tp_languages_pick_modal.js => tp_languages_pick_modal.esm.js} (95%)
 rename sbc_translation/static/src/components/{tp_letter_viewer.js => tp_letter_viewer.esm.js} (97%)
 rename sbc_translation/static/src/components/{tp_loader.js => tp_loader.esm.js} (90%)
 rename sbc_translation/static/src/components/{tp_modal.js => tp_modal.esm.js} (98%)
 rename sbc_translation/static/src/components/{tp_signal_problem.js => tp_signal_problem.esm.js} (89%)
 rename sbc_translation/static/src/components/{tp_translator_button.js => tp_translator_button.esm.js} (93%)
 rename sbc_translation/static/src/models/{letter_dao.js => letter_dao.esm.js} (91%)
 rename sbc_translation/static/src/models/{settings_dao.js => settings_dao.esm.js} (87%)
 rename sbc_translation/static/src/models/{translator_dao.js => translator_dao.esm.js} (84%)
 create mode 100644 sbc_translation/static/src/notification.esm.js
 delete mode 100644 sbc_translation/static/src/notification.js
 rename sbc_translation/static/src/pages/{tp_home.js => tp_home.esm.js} (97%)
 rename sbc_translation/static/src/pages/{tp_letter_edit.js => tp_letter_edit.esm.js} (93%)
 rename sbc_translation/static/src/pages/{tp_letters.js => tp_letters.esm.js} (97%)
 rename sbc_translation/static/src/pages/{tp_translators.js => tp_translators.esm.js} (95%)
 rename sbc_translation/static/src/{rpc.js => rpc.esm.js} (55%)
 rename sbc_translation/static/src/{translation_platform.js => translation_platform.esm.js} (92%)
 rename sbc_translation/{views => templates}/portal_templates.xml (50%)
 delete mode 100644 sbc_translation/views/translation_platform_action.xml

diff --git a/eslint.config.cjs b/eslint.config.cjs
index 52e6c7fd4..4b70427a0 100644
--- a/eslint.config.cjs
+++ b/eslint.config.cjs
@@ -196,6 +196,12 @@ const config = [{
     languageOptions: {
         ecmaVersion: 2024,
         sourceType: "module",
+        globals: {
+            "document": "readonly",
+            "setTimeout": "readonly",
+            "clearTimeout": "readonly",
+            "fetch": "readonly",
+        }
     },
 }];
 
diff --git a/sbc_translation/__manifest__.py b/sbc_translation/__manifest__.py
index 30c09a789..a76d8007a 100644
--- a/sbc_translation/__manifest__.py
+++ b/sbc_translation/__manifest__.py
@@ -39,27 +39,24 @@
     "assets": {
         "web.assets_frontend": [
             "sbc_translation/static/src/translation_platform.css",
-            "sbc_translation/static/src/rpc.js",
-            "sbc_translation/static/src/notification.js",
-            "sbc_translation/static/src/models/letter_dao.js",
-            "sbc_translation/static/src/models/translator_dao.js",
-            "sbc_translation/static/src/models/settings_dao.js",
-            "sbc_translation/static/src/components/tp_loader.js",
-            "sbc_translation/static/src/components/tp_modal.js",
-            "sbc_translation/static/src/components/tp_signal_problem.js",
-            "sbc_translation/static/src/components/tp_child_modal.js",
-            "sbc_translation/static/src/components/tp_translator_button.js",
-            "sbc_translation/static/src/components/tp_content_editor.js",
-            "sbc_translation/static/src/components/tp_letter_viewer.js",
-            "sbc_translation/static/src/components/tp_languages_pick_modal.js",
-            "sbc_translation/static/src/pages/tp_letters.js",
-            "sbc_translation/static/src/pages/tp_letter_edit.js",
-            "sbc_translation/static/src/pages/tp_home.js",
-            "sbc_translation/static/src/pages/tp_translators.js",
-            "sbc_translation/static/src/translation_platform.js",
-        ],
-        "web.assets_backend": [
-            "sbc_translation/js/translation_letter_counting_js.js",
+            "sbc_translation/static/src/rpc.esm.js",
+            "sbc_translation/static/src/notification.esm.js",
+            "sbc_translation/static/src/models/letter_dao.esm.js",
+            "sbc_translation/static/src/models/translator_dao.esm.js",
+            "sbc_translation/static/src/models/settings_dao.esm.js",
+            "sbc_translation/static/src/components/tp_loader.esm.js",
+            "sbc_translation/static/src/components/tp_modal.esm.js",
+            "sbc_translation/static/src/components/tp_signal_problem.esm.js",
+            "sbc_translation/static/src/components/tp_child_modal.esm.js",
+            "sbc_translation/static/src/components/tp_translator_button.esm.js",
+            "sbc_translation/static/src/components/tp_content_editor.esm.js",
+            "sbc_translation/static/src/components/tp_letter_viewer.esm.js",
+            "sbc_translation/static/src/components/tp_languages_pick_modal.esm.js",
+            "sbc_translation/static/src/pages/tp_letters.esm.js",
+            "sbc_translation/static/src/pages/tp_letter_edit.esm.js",
+            "sbc_translation/static/src/pages/tp_home.esm.js",
+            "sbc_translation/static/src/pages/tp_translators.esm.js",
+            "sbc_translation/static/src/translation_platform.esm.js",
         ],
     },
     "data": [
@@ -72,7 +69,7 @@
         "data/mail_template.xml",
         "data/update_translation_priority_cron.xml",
         "data/queue_job.xml",
-        "views/portal_templates.xml",
+        "templates/portal_templates.xml",
         "views/translation_user_view.xml",
         "views/correspondence_view.xml",
         "views/translation_pool_view.xml",
diff --git a/sbc_translation/controllers/main.py b/sbc_translation/controllers/main.py
index 6a9aaa50e..cfdc7aaf2 100644
--- a/sbc_translation/controllers/main.py
+++ b/sbc_translation/controllers/main.py
@@ -13,10 +13,12 @@
 from odoo import http
 from odoo.http import request
 
+from odoo.addons.portal.controllers.portal import CustomerPortal
+
 _logger = logging.getLogger(__name__)
 
 
-class TranslationPlatformController(http.Controller):
+class TranslationPlatformController(CustomerPortal):
     @http.route(
         "/my/translation-platform",
         type="http",
@@ -44,3 +46,40 @@ def translation_platform_legacy(self, page="", **kwargs):
         Legacy route: redirect old standalone-app URLs to the new portal page.
         """
         return redirect("/my/translation-platform", 301)
+
+    def _prepare_home_portal_values(self, counters):
+        values = super()._prepare_home_portal_values(counters)
+        if not request.env.user.has_group("sbc_translation.group_user"):
+            return values
+        partner = request.env.user.partner_id
+        translator = request.env["translation.user"].search(
+            [("partner_id", "=", partner.id)]
+        )
+        if translator and "letters_to_translate" in counters:
+            if translator.translation_skills:
+                nb_letters = request.env["correspondence"].search_count(
+                    [
+                        ("state", "=", "Global Partner translation queue"),
+                        ("translation_status", "=", "to do"),
+                        ("new_translator_id", "=", False),
+                        (
+                            "translation_competence_id.skill_ids",
+                            "in",
+                            translator.translation_skills.ids,
+                        ),
+                    ]
+                )
+                values["letters_to_translate"] = nb_letters
+            else:
+                values["letters_to_translate"] = 1
+        if translator and "letters_in_progress" in counters:
+            nb_letters = request.env["correspondence"].search_count(
+                [
+                    ("state", "=", "Global Partner translation queue"),
+                    ("translation_status", "!=", "done"),
+                    ("new_translator_id", "=", translator.id),
+                ]
+            )
+            values["letters_in_progress"] = nb_letters
+        values["translator"] = translator
+        return values
diff --git a/sbc_translation/migrations/18.0.1.1.0/post_migrate.py b/sbc_translation/migrations/18.0.1.1.0/post_migrate.py
deleted file mode 100644
index 7a22432ae..000000000
--- a/sbc_translation/migrations/18.0.1.1.0/post_migrate.py
+++ /dev/null
@@ -1,55 +0,0 @@
-##############################################################################
-#
-#    Copyright (C) 2024 Compassion CH (http://www.compassion.ch)
-#    Releasing children from poverty in Jesus' name
-#
-#    The licence is in the file __manifest__.py
-#
-##############################################################################
-import logging
-
-from odoo import SUPERUSER_ID, api
-
-_logger = logging.getLogger(__name__)
-
-
-def migrate(cr, version):
-    """
-    Ensure all existing active translator accounts are portal (share) users and
-    belong to the group_user group.
-    Clears any previously set home action override (action_id) since translators
-    now use the portal route instead of the backend client action.
-    """
-    if not version:
-        return
-
-    _logger.info(
-        "sbc_translation migration 18.0.1.1.0: "
-        "Ensuring translator users are portal users with group_user"
-    )
-
-    with api.Environment.manage():
-        env = api.Environment(cr, SUPERUSER_ID, {})
-
-        group_user = env.ref("sbc_translation.group_user", raise_if_not_found=False)
-
-        if not group_user:
-            _logger.warning("Cannot find group_user – skipping migration")
-            return
-
-        # Find all active translators
-        translators = env["translation.user"].search([("active", "=", True)])
-        users = translators.mapped("user_id")
-
-        if users:
-            # Clear any backend home action override and ensure group membership
-            users.write(
-                {
-                    "action_id": False,
-                    "groups_id": [(4, group_user.id)],
-                }
-            )
-            _logger.info(
-                "Updated %d translator users: cleared action_id, ensured group_user",
-                len(users),
-            )
diff --git a/sbc_translation/models/correspondence.py b/sbc_translation/models/correspondence.py
index 62c4afe8e..1182180f3 100644
--- a/sbc_translation/models/correspondence.py
+++ b/sbc_translation/models/correspondence.py
@@ -606,14 +606,6 @@ def _post_process_translation(self):
                 else "Published to Global Partner",
             }
         )
-        # T2007 : If a TranslationLetterCounting wizard is active,
-        # the letter should be added to it
-        translation_letter_counting_wizards = self.env[
-            "translation.letter.counting.wizard"
-        ].search([])
-        for wizard in translation_letter_counting_wizards:
-            wizard.correspondence_ids = [(4, self.id)]
-
         if is_s2b:
             # Send to GMC
             self.with_user(SUPERUSER_ID).with_delay(
diff --git a/sbc_translation/models/translation_competence.py b/sbc_translation/models/translation_competence.py
index f3eafb3c7..a0169e2eb 100644
--- a/sbc_translation/models/translation_competence.py
+++ b/sbc_translation/models/translation_competence.py
@@ -33,18 +33,22 @@ class TranslationCompetence(models.Model):
         "correspondence", "translation_competence_id", "All letters"
     )
     current_letter_ids = fields.One2many(
-        "correspondence", string="Current letters", compute="_compute_current_letters"
+        "correspondence",
+        string="Current letters",
+        compute="_compute_current_letters",
     )
     number_current_letters = fields.Integer(
-        compute="_compute_current_letters", store=True, compute_sudo=False
+        compute="_compute_current_letters_count", store=True
     )
     skill_ids = fields.One2many(
         "translation.user.skill", "competence_id", "Translator skills"
     )
     number_translators = fields.Integer(
-        compute="_compute_number_translators", store=True, compute_sudo=False
+        compute="_compute_number_translators", store=True
+    )
+    number_active_translators = fields.Integer(
+        compute="_compute_number_active_translators"
     )
-    number_active_translators = fields.Integer(compute="_compute_number_translators")
 
     _sql_constraints = [
         (
@@ -70,12 +74,21 @@ def _compute_current_letters(self):
                 [
                     ("state", "=", "Global Partner translation queue"),
                     ("translation_competence_id", "=", competence.id),
-                    ("translation_competence_id", "!=", False),
                 ]
             )
             competence.current_letter_ids = current_letters
             competence.number_current_letters = len(current_letters)
 
+    @api.depends("all_letter_ids")
+    def _compute_current_letters_count(self):
+        for competence in self:
+            competence.number_current_letters = self.env["correspondence"].search_count(
+                [
+                    ("state", "=", "Global Partner translation queue"),
+                    ("translation_competence_id", "=", competence.id),
+                ]
+            )
+
     @api.depends("skill_ids", "skill_ids.translator_id.active")
     def _compute_number_translators(self):
         for competence in self:
@@ -84,6 +97,10 @@ def _compute_number_translators(self):
                     ("translation_skills.competence_id", "=", competence.id),
                 ]
             )
+
+    @api.depends("skill_ids", "skill_ids.translator_id.active")
+    def _compute_number_active_translators(self):
+        for competence in self:
             competence.number_active_translators = self.env[
                 "translation.user"
             ].search_count(
diff --git a/sbc_translation/static/img/menu_icon.png b/sbc_translation/static/img/menu_icon.png
new file mode 100644
index 0000000000000000000000000000000000000000..0dfa89b60a9ddf0c2cfa0a982f991b978b21da27
GIT binary patch
literal 34663
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

literal 0
HcmV?d00001

diff --git a/sbc_translation/static/img/menu_icon_small.png b/sbc_translation/static/img/menu_icon_small.png
new file mode 100644
index 0000000000000000000000000000000000000000..445d02e3f40ed1e4e85182a8149132f4eae67b28
GIT binary patch
literal 6431
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

literal 0
HcmV?d00001

diff --git a/sbc_translation/static/src/components/tp_child_modal.js b/sbc_translation/static/src/components/tp_child_modal.esm.js
similarity index 98%
rename from sbc_translation/static/src/components/tp_child_modal.js
rename to sbc_translation/static/src/components/tp_child_modal.esm.js
index c43296646..64a8f9e17 100644
--- a/sbc_translation/static/src/components/tp_child_modal.js
+++ b/sbc_translation/static/src/components/tp_child_modal.esm.js
@@ -1,7 +1,5 @@
-/** @odoo-module */
-
 import { Component, xml } from "@odoo/owl";
-import { TpModal } from "./tp_modal";
+import { TpModal } from "./tp_modal.esm";
 
 /**
  * Child protection policy modal.
diff --git a/sbc_translation/static/src/components/tp_content_editor.js b/sbc_translation/static/src/components/tp_content_editor.esm.js
similarity index 97%
rename from sbc_translation/static/src/components/tp_content_editor.js
rename to sbc_translation/static/src/components/tp_content_editor.esm.js
index a5a1f0eda..8e8e9787f 100644
--- a/sbc_translation/static/src/components/tp_content_editor.js
+++ b/sbc_translation/static/src/components/tp_content_editor.esm.js
@@ -1,7 +1,5 @@
-/** @odoo-module */
-
-import { Component, xml, useState } from "@odoo/owl";
-import { TpModal } from "./tp_modal";
+import { Component, useState, xml } from "@odoo/owl";
+import { TpModal } from "./tp_modal.esm";
 
 /**
  * Tips modal showing translation best practices.
diff --git a/sbc_translation/static/src/components/tp_languages_pick_modal.js b/sbc_translation/static/src/components/tp_languages_pick_modal.esm.js
similarity index 95%
rename from sbc_translation/static/src/components/tp_languages_pick_modal.js
rename to sbc_translation/static/src/components/tp_languages_pick_modal.esm.js
index db75c48ad..1c3a4de6d 100644
--- a/sbc_translation/static/src/components/tp_languages_pick_modal.js
+++ b/sbc_translation/static/src/components/tp_languages_pick_modal.esm.js
@@ -1,10 +1,8 @@
-/** @odoo-module */
-
-import { Component, xml, useState } from "@odoo/owl";
-import { showNotification } from "../notification";
-import { TpModal } from "./tp_modal";
-import { SettingsDAO } from "../models/settings_dao";
-import { TranslatorDAO } from "../models/translator_dao";
+import { Component, useState, xml } from "@odoo/owl";
+import { SettingsDAO } from "../models/settings_dao.esm";
+import { TpModal } from "./tp_modal.esm";
+import { TranslatorDAO } from "../models/translator_dao.esm";
+import { showNotification } from "../notification.esm";
 
 /**
  * Component that renders a translator's current skills and allows deletion.
@@ -49,7 +47,7 @@ export class TpTranslationSkills extends Component {
       });
       showNotification("Skill removed", "success");
       this.props.onChange();
-    } catch (e) {
+    } catch {
       showNotification("Unable to remove skill", "danger");
     }
   }
@@ -156,7 +154,7 @@ export class TpLanguagesPickModal extends Component {
       this.state.allowedCompetences = competences.filter(
         (c) => !this.translatorHasSkill(c),
       );
-    } catch (e) {
+    } catch {
       showNotification("Unable to load translator information", "danger");
       this.props.onClose();
     } finally {
@@ -188,7 +186,7 @@ export class TpLanguagesPickModal extends Component {
       showNotification("Your new skills have been registered", "success");
       this.state.potentialSkills = [];
       this.props.onChange();
-    } catch (e) {
+    } catch {
       showNotification("Unable to register translation skills", "danger");
     } finally {
       this.state.loading = false;
diff --git a/sbc_translation/static/src/components/tp_letter_viewer.js b/sbc_translation/static/src/components/tp_letter_viewer.esm.js
similarity index 97%
rename from sbc_translation/static/src/components/tp_letter_viewer.js
rename to sbc_translation/static/src/components/tp_letter_viewer.esm.js
index c826ce9b0..17f40330e 100644
--- a/sbc_translation/static/src/components/tp_letter_viewer.js
+++ b/sbc_translation/static/src/components/tp_letter_viewer.esm.js
@@ -1,17 +1,6 @@
-/** @odoo-module */
-
-import {
-  Component,
-  xml,
-  useState,
-  useRef,
-  onMounted,
-  onWillUnmount,
-  onWillUpdateProps,
-  onPatched,
-} from "@odoo/owl";
-import { TpLoader } from "./tp_loader";
-import { TpSignalProblem } from "./tp_signal_problem";
+import { Component, useState, xml } from "@odoo/owl";
+import { TpLoader } from "./tp_loader.esm";
+import { TpSignalProblem } from "./tp_signal_problem.esm";
 
 /**
  * Header that shows child/sponsor data and letter metadata.
diff --git a/sbc_translation/static/src/components/tp_loader.js b/sbc_translation/static/src/components/tp_loader.esm.js
similarity index 90%
rename from sbc_translation/static/src/components/tp_loader.js
rename to sbc_translation/static/src/components/tp_loader.esm.js
index e93cfd08b..0f749be19 100644
--- a/sbc_translation/static/src/components/tp_loader.js
+++ b/sbc_translation/static/src/components/tp_loader.esm.js
@@ -1,12 +1,4 @@
-/** @odoo-module */
-
-import {
-  Component,
-  xml,
-  useState,
-  onMounted,
-  onWillUpdateProps,
-} from "@odoo/owl";
+import { Component, xml } from "@odoo/owl";
 
 /**
  * Generic loading spinner.
diff --git a/sbc_translation/static/src/components/tp_modal.js b/sbc_translation/static/src/components/tp_modal.esm.js
similarity index 98%
rename from sbc_translation/static/src/components/tp_modal.js
rename to sbc_translation/static/src/components/tp_modal.esm.js
index 428ece4a8..366319f83 100644
--- a/sbc_translation/static/src/components/tp_modal.js
+++ b/sbc_translation/static/src/components/tp_modal.esm.js
@@ -1,14 +1,12 @@
-/** @odoo-module */
-
 import {
   Component,
-  xml,
-  useState,
   onMounted,
-  onWillUpdateProps,
   onPatched,
+  onWillUpdateProps,
+  useState,
+  xml,
 } from "@odoo/owl";
-import { TpLoader } from "./tp_loader";
+import { TpLoader } from "./tp_loader.esm";
 
 // Duration of the Bootstrap modal fade-in/out CSS transition (ms).
 // The unmount delay must match the animation so the backdrop disappears correctly.
diff --git a/sbc_translation/static/src/components/tp_signal_problem.js b/sbc_translation/static/src/components/tp_signal_problem.esm.js
similarity index 89%
rename from sbc_translation/static/src/components/tp_signal_problem.js
rename to sbc_translation/static/src/components/tp_signal_problem.esm.js
index bed957c30..9dafb3eb6 100644
--- a/sbc_translation/static/src/components/tp_signal_problem.js
+++ b/sbc_translation/static/src/components/tp_signal_problem.esm.js
@@ -1,10 +1,8 @@
-/** @odoo-module */
-
-import { Component, xml, useState } from "@odoo/owl";
-import { showNotification } from "../notification";
-import { TpModal } from "./tp_modal";
-import { SettingsDAO } from "../models/settings_dao";
-import { call } from "../rpc";
+import { Component, useState, xml } from "@odoo/owl";
+import { SettingsDAO } from "../models/settings_dao.esm";
+import { TpModal } from "./tp_modal.esm";
+import { call } from "../rpc.esm";
+import { showNotification } from "../notification.esm";
 
 /**
  * Modal for reporting a problem with a letter.
@@ -81,7 +79,7 @@ export class TpSignalProblem extends Component {
       if (this.props.onRefresh) {
         this.props.onRefresh();
       }
-    } catch (e) {
+    } catch {
       showNotification("Unable to submit issue", "danger");
     } finally {
       this.state.loading = false;
diff --git a/sbc_translation/static/src/components/tp_translator_button.js b/sbc_translation/static/src/components/tp_translator_button.esm.js
similarity index 93%
rename from sbc_translation/static/src/components/tp_translator_button.js
rename to sbc_translation/static/src/components/tp_translator_button.esm.js
index 0ed55dbfa..2d8ea69db 100644
--- a/sbc_translation/static/src/components/tp_translator_button.js
+++ b/sbc_translation/static/src/components/tp_translator_button.esm.js
@@ -1,8 +1,6 @@
-/** @odoo-module */
-
-import { Component, xml, useState } from "@odoo/owl";
-import { TpModal } from "./tp_modal";
-import { TranslatorDAO } from "../models/translator_dao";
+import { Component, useState, xml } from "@odoo/owl";
+import { TpModal } from "./tp_modal.esm";
+import { TranslatorDAO } from "../models/translator_dao.esm";
 
 /**
  * Inline button showing a translator's name; opens a detail modal on click.
diff --git a/sbc_translation/static/src/models/letter_dao.js b/sbc_translation/static/src/models/letter_dao.esm.js
similarity index 91%
rename from sbc_translation/static/src/models/letter_dao.js
rename to sbc_translation/static/src/models/letter_dao.esm.js
index 348137225..12d0a92f4 100644
--- a/sbc_translation/static/src/models/letter_dao.js
+++ b/sbc_translation/static/src/models/letter_dao.esm.js
@@ -1,6 +1,4 @@
-/** @odoo-module */
-
-import { search, searchCount, call } from "../rpc";
+import { call, search, searchCount } from "../rpc.esm";
 
 /**
  * Letter DAO - data access for the correspondence model.
@@ -42,7 +40,7 @@ export const LetterDAO = {
       return { data: [], total };
     }
 
-    // list_letters is a record-level method; pass IDs as first arg
+    // List_letters is a record-level method; pass IDs as first arg
     const rawLetters = await call("correspondence", "list_letters", [ids]);
     const data = (rawLetters || []).map((l) => LetterDAO._cleanLetter(l));
     return { data, total };
@@ -87,9 +85,9 @@ export const LetterDAO = {
 
   /**
    * Report an issue with a letter.
-   * @param {number} letterId
-   * @param {string} issueType
-   * @param {string} message
+   * @param {Number} letterId
+   * @param {String} issueType
+   * @param {String} message
    * @returns {Promise<boolean>}
    */
   async reportIssue(letterId, issueType, message) {
@@ -103,7 +101,7 @@ export const LetterDAO = {
   /**
    * Reply to translator comments on a letter.
    * @param {Object} letter
-   * @param {string} html
+   * @param {String} html
    * @returns {Promise<boolean>}
    */
   async replyToComments(letter, html) {
@@ -147,10 +145,10 @@ export const LetterDAO = {
 
   /**
    * Map the frontend search params to an Odoo domain.
-   * @param {Array} search - [{column, term, operator}]
+   * @param {Array} search_vals - [{column, term, operator}]
    * @returns {Array}
    */
-  _buildDomain(search) {
+  _buildDomain(search_vals) {
     const fieldMap = {
       status: "translation_status",
       title: "name",
@@ -163,7 +161,7 @@ export const LetterDAO = {
       translationIssue: "translation_issue",
     };
     const domain = [];
-    for (const item of search) {
+    for (const item of search_vals) {
       const field = fieldMap[item.column] || item.column;
       const op = item.operator || "ilike";
       let term = item.term;
@@ -178,7 +176,7 @@ export const LetterDAO = {
   /**
    * Map the frontend sortBy array to an Odoo order string.
    * @param {string[]} sortBy
-   * @returns {string}
+   * @returns {String}
    */
   _buildOrder(sortBy) {
     const fieldMap = {
@@ -212,9 +210,9 @@ export const LetterDAO = {
           ? new Date(letter.lastUpdate)
           : undefined,
       translatorId:
-        letter.translatorId !== "None" ? letter.translatorId : undefined,
+        letter.translatorId === "None" ? undefined : letter.translatorId,
       translatedElements:
-        letter.translatedElements !== "None" ? letter.translatedElements : [],
+        letter.translatedElements === "None" ? [] : letter.translatedElements,
       priority: parseInt(letter.priority, 10) || 0,
     };
   },
diff --git a/sbc_translation/static/src/models/settings_dao.js b/sbc_translation/static/src/models/settings_dao.esm.js
similarity index 87%
rename from sbc_translation/static/src/models/settings_dao.js
rename to sbc_translation/static/src/models/settings_dao.esm.js
index 7b54021f0..ae0346ecb 100644
--- a/sbc_translation/static/src/models/settings_dao.js
+++ b/sbc_translation/static/src/models/settings_dao.esm.js
@@ -1,6 +1,4 @@
-/** @odoo-module */
-
-import { searchRead, call } from "../rpc";
+import { call, searchRead } from "../rpc.esm";
 
 /**
  * Settings DAO - data access for translation competences and letter issues.
@@ -40,11 +38,7 @@ export const SettingsDAO = {
    * @returns {Promise<Array<{id: string, text: string}>>}
    */
   async letterIssues() {
-    const raw = await call(
-      "correspondence",
-      "get_translation_issue_list",
-      [],
-    );
+    const raw = await call("correspondence", "get_translation_issue_list", []);
     return (raw || []).map(([id, text]) => ({ id, text }));
   },
 };
diff --git a/sbc_translation/static/src/models/translator_dao.js b/sbc_translation/static/src/models/translator_dao.esm.js
similarity index 84%
rename from sbc_translation/static/src/models/translator_dao.js
rename to sbc_translation/static/src/models/translator_dao.esm.js
index 56ea60562..1a2d33865 100644
--- a/sbc_translation/static/src/models/translator_dao.js
+++ b/sbc_translation/static/src/models/translator_dao.esm.js
@@ -1,6 +1,4 @@
-/** @odoo-module */
-
-import { search, searchCount, call } from "../rpc";
+import { call, search, searchCount } from "../rpc.esm";
 
 /**
  * Translator DAO - data access for the translation.user model.
@@ -10,7 +8,7 @@ import { search, searchCount, call } from "../rpc";
 export const TranslatorDAO = {
   /**
    * Get a single translator's full info.
-   * @param {number} id
+   * @param {Number} id
    * @returns {Promise<Object>}
    */
   async find(id) {
@@ -71,7 +69,7 @@ export const TranslatorDAO = {
 
   /**
    * Register new translation skills for a translator.
-   * @param {number} translatorId
+   * @param {Number} translatorId
    * @param {number[]} competenceIds
    * @returns {Promise<boolean>}
    */
@@ -84,7 +82,7 @@ export const TranslatorDAO = {
 
   /**
    * Remove a translation skill from a translator.
-   * @param {number} translatorId
+   * @param {Number} translatorId
    * @param {Object} skill - { source, target, verified }
    * @returns {Promise<boolean>}
    */
@@ -97,7 +95,7 @@ export const TranslatorDAO = {
   // Private helpers
   // -------------------------------------------------------------------------
 
-  _buildDomain(search) {
+  _buildDomain(search_vals) {
     const fieldMap = {
       total: "nb_translated_letters",
       year: "nb_translated_letters_this_year",
@@ -106,7 +104,7 @@ export const TranslatorDAO = {
       email: "user_id.email",
     };
     const domain = [];
-    for (const item of search) {
+    for (const item of search_vals) {
       const field = fieldMap[item.column] || item.column;
       domain.push([field, item.operator || "ilike", item.term]);
     }
@@ -133,14 +131,14 @@ export const TranslatorDAO = {
     if (!data) return undefined;
     return {
       ...data,
-      email: data.email !== "None" ? data.email : undefined,
-      name: data.name !== "None" ? data.name : undefined,
-      age: data.age !== "None" ? data.age : undefined,
-      language: data.language !== "None" ? data.language : undefined,
-      total: data.total !== "None" ? data.total : 0,
-      year: data.year !== "None" ? data.year : 0,
-      lastYear: data.lastYear !== "None" ? data.lastYear : 0,
-      skills: data.skills !== "None" ? data.skills || [] : [],
+      email: data.email === "None" ? undefined : data.email,
+      name: data.name === "None" ? undefined : data.name,
+      age: data.age === "None" ? undefined : data.age,
+      language: data.language === "None" ? undefined : data.language,
+      total: data.total === "None" ? 0 : data.total,
+      year: data.year === "None" ? 0 : data.year,
+      lastYear: data.lastYear === "None" ? 0 : data.lastYear,
+      skills: data.skills === "None" ? [] : data.skills || [],
     };
   },
 };
diff --git a/sbc_translation/static/src/notification.esm.js b/sbc_translation/static/src/notification.esm.js
new file mode 100644
index 000000000..69d6a84c2
--- /dev/null
+++ b/sbc_translation/static/src/notification.esm.js
@@ -0,0 +1,65 @@
+/**
+ * Simple notification helper using Bootstrap alerts.
+ * Replaces Odoo's `notification` service in the portal/frontend context.
+ *
+ * Usage:
+ *   import { showNotification } from "../notification";
+ *   showNotification("Letter saved", "success");
+ */
+
+const AUTO_DISMISS_MS = {
+  success: 3000,
+  info: 4000,
+  warning: 5000,
+  danger: 6000,
+};
+
+/** @type {HTMLElement|null} */
+let _container = null;
+
+/**
+ * Get (or lazily create) the fixed notification container.
+ * @returns {HTMLElement}
+ */
+function _getContainer() {
+  if (!_container || !document.body.contains(_container)) {
+    _container = document.createElement("div");
+    _container.style.cssText =
+      "position:fixed;top:1rem;right:1rem;z-index:99999;" +
+      "display:flex;flex-direction:column;gap:0.5rem;min-width:260px;max-width:420px;";
+    document.body.appendChild(_container);
+  }
+  return _container;
+}
+
+/**
+ * Show a dismissible Bootstrap alert notification.
+ * @param {String} message  - plain text or safe HTML
+ * @param {'success'|'info'|'warning'|'danger'} [type='info']
+ */
+export function showNotification(message, type = "info") {
+  const container = _getContainer();
+
+  const el = document.createElement("div");
+  el.className = `alert alert-${type} alert-dismissible fade show shadow-sm mb-0`;
+  el.setAttribute("role", "alert");
+  el.innerHTML = `
+        <span>${message}</span>
+        <button type="button" class="btn-close" aria-label="Close"></button>
+    `;
+
+  // Manual close button
+  function _dismiss(_el) {
+    _el.classList.remove("show");
+    setTimeout(() => _el.remove(), 300);
+  }
+  el.querySelector(".btn-close").addEventListener("click", () => _dismiss(el));
+
+  container.appendChild(el);
+
+  // Auto-dismiss
+  const delay = AUTO_DISMISS_MS[type] ?? 4000;
+  setTimeout(() => _dismiss(el), delay);
+}
+
+export default showNotification;
diff --git a/sbc_translation/static/src/notification.js b/sbc_translation/static/src/notification.js
deleted file mode 100644
index c599131db..000000000
--- a/sbc_translation/static/src/notification.js
+++ /dev/null
@@ -1,68 +0,0 @@
-/** @odoo-module */
-
-/**
- * Simple notification helper using Bootstrap alerts.
- * Replaces Odoo's `notification` service in the portal/frontend context.
- *
- * Usage:
- *   import { showNotification } from "../notification";
- *   showNotification("Letter saved", "success");
- */
-
-const AUTO_DISMISS_MS = {
-    success: 3000,
-    info: 4000,
-    warning: 5000,
-    danger: 6000,
-};
-
-/** @type {HTMLElement|null} */
-let _container = null;
-
-/**
- * Get (or lazily create) the fixed notification container.
- * @returns {HTMLElement}
- */
-function _getContainer() {
-    if (!_container || !document.body.contains(_container)) {
-        _container = document.createElement("div");
-        _container.style.cssText =
-            "position:fixed;top:1rem;right:1rem;z-index:99999;" +
-            "display:flex;flex-direction:column;gap:0.5rem;min-width:260px;max-width:420px;";
-        document.body.appendChild(_container);
-    }
-    return _container;
-}
-
-/**
- * Show a dismissible Bootstrap alert notification.
- * @param {string} message  - plain text or safe HTML
- * @param {'success'|'info'|'warning'|'danger'} [type='info']
- */
-export function showNotification(message, type = "info") {
-    const container = _getContainer();
-
-    const el = document.createElement("div");
-    el.className = `alert alert-${type} alert-dismissible fade show shadow-sm mb-0`;
-    el.setAttribute("role", "alert");
-    el.innerHTML = `
-        <span>${message}</span>
-        <button type="button" class="btn-close" aria-label="Close"></button>
-    `;
-
-    // Manual close button
-    el.querySelector(".btn-close").addEventListener("click", () => _dismiss(el));
-
-    container.appendChild(el);
-
-    // Auto-dismiss
-    const delay = AUTO_DISMISS_MS[type] ?? 4000;
-    setTimeout(() => _dismiss(el), delay);
-}
-
-function _dismiss(el) {
-    el.classList.remove("show");
-    setTimeout(() => el.remove(), 300);
-}
-
-export default showNotification;
diff --git a/sbc_translation/static/src/pages/tp_home.js b/sbc_translation/static/src/pages/tp_home.esm.js
similarity index 97%
rename from sbc_translation/static/src/pages/tp_home.js
rename to sbc_translation/static/src/pages/tp_home.esm.js
index 168ac72a7..604cd984e 100644
--- a/sbc_translation/static/src/pages/tp_home.js
+++ b/sbc_translation/static/src/pages/tp_home.esm.js
@@ -1,10 +1,7 @@
-/** @odoo-module */
-
-import { Component, xml, useState, onMounted } from "@odoo/owl";
-import { showNotification } from "../notification";
-import { LetterDAO } from "../models/letter_dao";
-import { TpLanguagesPickModal } from "../components/tp_languages_pick_modal";
-import { TpBlurLoader } from "../components/tp_loader";
+import { Component, onMounted, useState, xml } from "@odoo/owl";
+import { LetterDAO } from "../models/letter_dao.esm";
+import { TpBlurLoader } from "../components/tp_loader.esm";
+import { TpLanguagesPickModal } from "../components/tp_languages_pick_modal.esm";
 
 /**
  * Card showing a set of letters to translate for a given skill.
diff --git a/sbc_translation/static/src/pages/tp_letter_edit.js b/sbc_translation/static/src/pages/tp_letter_edit.esm.js
similarity index 93%
rename from sbc_translation/static/src/pages/tp_letter_edit.js
rename to sbc_translation/static/src/pages/tp_letter_edit.esm.js
index 28176ff57..254eddefe 100644
--- a/sbc_translation/static/src/pages/tp_letter_edit.js
+++ b/sbc_translation/static/src/pages/tp_letter_edit.esm.js
@@ -1,15 +1,14 @@
-/** @odoo-module */
-
-import { Component, xml, useState, onMounted, useEffect } from "@odoo/owl";
-import { showNotification } from "../notification";
-import { LetterDAO } from "../models/letter_dao";
-import { TpLetterViewer } from "../components/tp_letter_viewer";
-import { TpContentEditor } from "../components/tp_content_editor";
-import { TpSignalProblem } from "../components/tp_signal_problem";
-import { TpModal } from "../components/tp_modal";
-import { TpBlurLoader } from "../components/tp_loader";
-
-const AUTOSAVE_DELAY_MS = 30000; // 30 seconds
+import { Component, onMounted, useEffect, useState, xml } from "@odoo/owl";
+import { LetterDAO } from "../models/letter_dao.esm";
+import { TpBlurLoader } from "../components/tp_loader.esm";
+import { TpContentEditor } from "../components/tp_content_editor.esm";
+import { TpLetterViewer } from "../components/tp_letter_viewer.esm";
+import { TpModal } from "../components/tp_modal.esm";
+import { TpSignalProblem } from "../components/tp_signal_problem.esm";
+import { showNotification } from "../notification.esm";
+
+// 30 seconds
+const AUTOSAVE_DELAY_MS = 30000;
 
 /**
  * Submitted confirmation modal.
@@ -158,15 +157,15 @@ export class TpLetterEdit extends Component {
   async _refreshLetter() {
     try {
       const letter = await LetterDAO.find(this.props.letterId);
-      if (!letter) {
+      if (letter) {
+        this.state.letter = letter;
+      } else {
         showNotification(
           "Unable to find letter with identifier " + this.props.letterId,
           "danger",
         );
-      } else {
-        this.state.letter = letter;
       }
-    } catch (e) {
+    } catch {
       showNotification("Error loading letter", "danger");
     } finally {
       this.state.loading = false;
@@ -202,7 +201,7 @@ export class TpLetterEdit extends Component {
       // Refresh lastUpdate from server
       const updated = await LetterDAO.find(this.props.letterId);
       if (updated) this.state.letter.lastUpdate = updated.lastUpdate;
-    } catch (e) {
+    } catch {
       showNotification("Unable to save letter", "danger");
     } finally {
       if (!background) this.state.internalLoading = false;
@@ -217,7 +216,7 @@ export class TpLetterEdit extends Component {
     try {
       await LetterDAO.submit(this.state.letter);
       this.state.letterSubmitted = true;
-    } catch (e) {
+    } catch {
       showNotification(
         "Unable to save and submit letter, please save it first and retry.",
         "danger",
diff --git a/sbc_translation/static/src/pages/tp_letters.js b/sbc_translation/static/src/pages/tp_letters.esm.js
similarity index 97%
rename from sbc_translation/static/src/pages/tp_letters.js
rename to sbc_translation/static/src/pages/tp_letters.esm.js
index 156b838aa..f671b54ff 100644
--- a/sbc_translation/static/src/pages/tp_letters.js
+++ b/sbc_translation/static/src/pages/tp_letters.esm.js
@@ -1,16 +1,8 @@
-/** @odoo-module */
-
-import {
-  Component,
-  xml,
-  useState,
-  onMounted,
-  onWillUpdateProps,
-} from "@odoo/owl";
-import { showNotification } from "../notification";
-import { LetterDAO } from "../models/letter_dao";
-import { TpLoader } from "../components/tp_loader";
-import { TpTranslatorButton } from "../components/tp_translator_button";
+import { Component, onMounted, useState, xml } from "@odoo/owl";
+import { LetterDAO } from "../models/letter_dao.esm";
+import { TpLoader } from "../components/tp_loader.esm";
+import { TpTranslatorButton } from "../components/tp_translator_button.esm";
+import { showNotification } from "../notification.esm";
 
 const LETTERS_PER_PAGE = 10;
 
@@ -219,7 +211,7 @@ export class TpLetters extends Component {
       });
       this.state.letters = result.data;
       this.state.total = result.total;
-    } catch (e) {
+    } catch {
       showNotification("Unable to load letters", "danger");
     } finally {
       this.state.loading = false;
diff --git a/sbc_translation/static/src/pages/tp_translators.js b/sbc_translation/static/src/pages/tp_translators.esm.js
similarity index 95%
rename from sbc_translation/static/src/pages/tp_translators.js
rename to sbc_translation/static/src/pages/tp_translators.esm.js
index 9d5c34561..8c117a1e1 100644
--- a/sbc_translation/static/src/pages/tp_translators.js
+++ b/sbc_translation/static/src/pages/tp_translators.esm.js
@@ -1,12 +1,8 @@
-/** @odoo-module */
-
-import { Component, xml, useState, onMounted } from "@odoo/owl";
-import { showNotification } from "../notification";
-import { TranslatorDAO } from "../models/translator_dao";
-import { TpTranslatorButton } from "../components/tp_translator_button";
-import { TpLoader } from "../components/tp_loader";
-import { TpModal } from "../components/tp_modal";
-import { TpLanguagesPickModal } from "../components/tp_languages_pick_modal";
+import { Component, onMounted, useState, xml } from "@odoo/owl";
+import { TpLanguagesPickModal } from "../components/tp_languages_pick_modal.esm";
+import { TpLoader } from "../components/tp_loader.esm";
+import { TranslatorDAO } from "../models/translator_dao.esm";
+import { showNotification } from "../notification.esm";
 
 const PER_PAGE = 10;
 
@@ -163,7 +159,7 @@ export class TpTranslators extends Component {
       });
       this.state.translators = result.data;
       this.state.total = result.total;
-    } catch (e) {
+    } catch {
       showNotification("Unable to load translators", "danger");
     } finally {
       this.state.loading = false;
diff --git a/sbc_translation/static/src/rpc.js b/sbc_translation/static/src/rpc.esm.js
similarity index 55%
rename from sbc_translation/static/src/rpc.js
rename to sbc_translation/static/src/rpc.esm.js
index 7ad7188a2..76548b468 100644
--- a/sbc_translation/static/src/rpc.js
+++ b/sbc_translation/static/src/rpc.esm.js
@@ -1,5 +1,3 @@
-/** @odoo-module */
-
 /**
  * Minimal JSON-RPC helper for portal/frontend context.
  * Authenticates via the Odoo session cookie (no JWT needed).
@@ -10,83 +8,81 @@ let _idCounter = 1;
 
 /**
  * Low-level call to Odoo's /web/dataset/call_kw endpoint.
- * @param {string} model
- * @param {string} method
+ * @param {String} model
+ * @param {String} method
  * @param {Array}  args    - positional arguments
  * @param {Object} kwargs  - keyword arguments
  * @returns {Promise<*>}
  */
 async function callKw(model, method, args, kwargs = {}) {
-    const response = await fetch("/web/dataset/call_kw", {
-        method: "POST",
-        headers: { "Content-Type": "application/json" },
-        credentials: "same-origin",
-        body: JSON.stringify({
-            jsonrpc: "2.0",
-            method: "call",
-            id: _idCounter++,
-            params: {
-                model,
-                method,
-                args,
-                kwargs: { context: {}, ...kwargs },
-            },
-        }),
-    });
-    const json = await response.json();
-    if (json.error) {
-        const msg =
-            json.error.data?.message ||
-            json.error.message ||
-            "JSON-RPC error";
-        throw new Error(msg);
-    }
-    return json.result;
+  const response = await fetch("/web/dataset/call_kw", {
+    method: "POST",
+    headers: { "Content-Type": "application/json" },
+    credentials: "same-origin",
+    body: JSON.stringify({
+      jsonrpc: "2.0",
+      method: "call",
+      id: _idCounter++,
+      params: {
+        model,
+        method,
+        args,
+        kwargs: { context: {}, ...kwargs },
+      },
+    }),
+  });
+  const json = await response.json();
+  if (json.error) {
+    const msg =
+      json.error.data?.message || json.error.message || "JSON-RPC error";
+    throw new Error(msg);
+  }
+  return json.result;
 }
 
 /**
  * Search for records matching a domain.
- * @param {string} model
+ * @param {String} model
  * @param {Array}  domain
  * @param {Object} options - { offset, limit, order }
  * @returns {Promise<number[]>}
  */
 export async function search(model, domain, options = {}) {
-    return callKw(model, "search", [domain], options);
+  return callKw(model, "search", [domain], options);
 }
 
 /**
  * Count records matching a domain.
- * @param {string} model
+ * @param {String} model
  * @param {Array}  domain
  * @returns {Promise<number>}
  */
 export async function searchCount(model, domain) {
-    return callKw(model, "search_count", [domain]);
+  return callKw(model, "search_count", [domain]);
 }
 
 /**
  * Search + read records.
- * @param {string}   model
+ * @param {String}   model
  * @param {Array}    domain
  * @param {string[]} fields
  * @param {Object}   options - { offset, limit, order }
  * @returns {Promise<Object[]>}
  */
 export async function searchRead(model, domain, fields, options = {}) {
-    return callKw(model, "search_read", [domain], { fields, ...options });
+  return callKw(model, "search_read", [domain], { fields, ...options });
 }
 
 /**
  * Call a method on a model.
- * @param {string} model
- * @param {string} method
+ * @param {String} model
+ * @param {String} method
  * @param {Array}  args   - positional args (first element is usually a list of IDs for record methods)
  * @param {Object} kwargs
  * @returns {Promise<*>}
  */
 export async function call(model, method, args, kwargs = {}) {
-    return callKw(model, method, args, kwargs);
+  return callKw(model, method, args, kwargs);
 }
 
 const rpc = { search, searchCount, searchRead, call };
diff --git a/sbc_translation/static/src/translation_platform.js b/sbc_translation/static/src/translation_platform.esm.js
similarity index 92%
rename from sbc_translation/static/src/translation_platform.js
rename to sbc_translation/static/src/translation_platform.esm.js
index 82b29e098..dbfef9cac 100644
--- a/sbc_translation/static/src/translation_platform.js
+++ b/sbc_translation/static/src/translation_platform.esm.js
@@ -1,14 +1,19 @@
-/** @odoo-module */
-
-import { Component, xml, useState, onMounted, mount, whenReady } from "@odoo/owl";
-import { showNotification } from "./notification";
-import { TranslatorDAO } from "./models/translator_dao";
-import { TpHome } from "./pages/tp_home";
-import { TpLetters } from "./pages/tp_letters";
-import { TpLetterEdit } from "./pages/tp_letter_edit";
-import { TpTranslators } from "./pages/tp_translators";
-import { TpChildModal } from "./components/tp_child_modal";
-import { TpModal } from "./components/tp_modal";
+import {
+  Component,
+  mount,
+  onMounted,
+  useState,
+  whenReady,
+  xml,
+} from "@odoo/owl";
+import { TpChildModal } from "./components/tp_child_modal.esm";
+import { TpHome } from "./pages/tp_home.esm";
+import { TpLetterEdit } from "./pages/tp_letter_edit.esm";
+import { TpLetters } from "./pages/tp_letters.esm";
+import { TpModal } from "./components/tp_modal.esm";
+import { TpTranslators } from "./pages/tp_translators.esm";
+import { TranslatorDAO } from "./models/translator_dao.esm";
+import { showNotification } from "./notification.esm";
 
 /**
  * Help modal.
@@ -157,7 +162,7 @@ export class TranslationPlatform extends Component {
   async _loadTranslator() {
     try {
       this.state.translator = await TranslatorDAO.current();
-    } catch (e) {
+    } catch {
       showNotification("Unable to load your translator profile", "danger");
     } finally {
       this.state.loading = false;
@@ -170,7 +175,7 @@ export class TranslationPlatform extends Component {
 
   /**
    * State-based navigation.
-   * @param {string} page - 'home' | 'letters' | 'letter-edit' | 'translators'
+   * @param {String} page - 'home' | 'letters' | 'letter-edit' | 'translators'
    * @param {Object} [params] - e.g. { letterId: 42 }
    */
   navigate = (page, params = {}) => {
diff --git a/sbc_translation/views/portal_templates.xml b/sbc_translation/templates/portal_templates.xml
similarity index 50%
rename from sbc_translation/views/portal_templates.xml
rename to sbc_translation/templates/portal_templates.xml
index 24f0ee212..bda4644fa 100644
--- a/sbc_translation/views/portal_templates.xml
+++ b/sbc_translation/templates/portal_templates.xml
@@ -7,20 +7,38 @@
     <template id="portal_my_home_translation"
               name="Translation Platform – Portal Home"
               inherit_id="portal.portal_my_home"
-              priority="20">
-        <xpath expr="//div[hasclass('o_portal_docs')]" position="inside">
-            <t t-call="portal.portal_docs_entry">
-                <t t-set="icon" t-value="'fa fa-language'"/>
-                <t t-set="label">Translation Platform</t>
+              customize_show="True"
+    >
+        <xpath expr="//div[hasclass('o_portal_docs')]" position="before">
+          <t t-set="portal_client_category_enable" t-value="True" />
+          <t t-set="portal_alert_category_enable" t-value="True" />
+        </xpath>
+        <div id="portal_alert_category" position="inside">
+          <t t-call="portal.portal_docs_entry" t-if="translator">
+            <t t-set="bg_color" t-value="'alert alert-info align-items-center'" />
+            <t t-set="placeholder_count" t-value="'letters_in_progress'" />
+            <t t-set="title">Letter in translation</t>
+            <t t-set="url" t-value="'/my/translation-platform'" />
+            <t t-set="show_count" t-value="True" />
+          </t>
+        </div>
+        <div id="portal_client_category" position="inside">
+            <h1>TP <t t-out="translator.name" /></h1>
+            <t t-call="portal.portal_docs_entry" t-if="translator">
+                <t t-set="icon" t-value="'/sbc_translation/static/img/menu_icon_small.png'"/>
+                <t t-set="title">Letters to translate</t>
+                <t t-set="text">Go to the Translation Platform</t>
                 <t t-set="url" t-value="'/my/translation-platform'"/>
+                <t t-set="placeholder_count" t-value="'letters_to_translate'" />
+                <t t-set="show_count" t-value="True" />
             </t>
-        </xpath>
+        </div>
     </template>
 
     <!--
         Full-screen Translation Platform page.
         Served at /my/translation-platform.
-        The OWL app is mounted inside #tp-app-root by translation_platform.js.
+        The OWL app is mounted inside #tp-app-root by translation_platform.esm.js.
     -->
     <template id="portal_translation_platform" name="Translation Platform">
         <t t-call="portal.portal_layout">
diff --git a/sbc_translation/views/translation_platform_action.xml b/sbc_translation/views/translation_platform_action.xml
deleted file mode 100644
index 0df77b482..000000000
--- a/sbc_translation/views/translation_platform_action.xml
+++ /dev/null
@@ -1,27 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-<odoo>
-    <!--
-        Client Action: Translation Platform
-        Registered in the action registry with tag "translation_platform".
-        This mounts the OWL TranslationPlatform root component.
-    -->
-    <record id="action_translation_platform" model="ir.actions.client">
-        <field name="name">Translation Platform</field>
-        <field name="tag">translation_platform</field>
-        <!-- Make it full-screen by removing the breadcrumb / action manager header -->
-        <field name="target">fullscreen</field>
-        <field name="path">translation-platform</field>
-    </record>
-
-    <!--
-        Menu item visible to translator users (group_user).
-        Sits under the existing "Translation Platform" parent menu.
-        Translators are redirected here automatically on login (see translation_user.py).
-    -->
-    <menuitem id="menu_translation_platform_app"
-              name="Translation Platform"
-              sequence="3"
-              groups="sbc_translation.group_user"
-              web_icon="sbc_translation,static/img/menu_icon.png"
-    />
-</odoo>
diff --git a/sbc_translation/views/translation_pool_view.xml b/sbc_translation/views/translation_pool_view.xml
index 5abd640d7..2a743fda7 100644
--- a/sbc_translation/views/translation_pool_view.xml
+++ b/sbc_translation/views/translation_pool_view.xml
@@ -77,6 +77,6 @@
         <field name="view_mode">kanban,tree,form</field>
     </record>
 
-    <menuitem id="menu_translation_pool" parent="menu_translation_platform_manager" name="Translation Pool" action="action_letters_kanban" sequence="1"/>
-    <menuitem id="menu_translation_competence" parent="menu_translation_platform_manager" name="Competences" action="action_compassion_translation_competence_form" sequence="3"/>
+    <menuitem id="menu_translation_pool" parent="menu_translation_platform" name="Translation Pool" action="action_letters_kanban" sequence="1"/>
+    <menuitem id="menu_translation_competence" parent="menu_translation_platform" name="Competences" action="action_compassion_translation_competence_form" sequence="3"/>
 </odoo>
diff --git a/sbc_translation/views/translation_user_view.xml b/sbc_translation/views/translation_user_view.xml
index 39fdba89f..a342c8333 100644
--- a/sbc_translation/views/translation_user_view.xml
+++ b/sbc_translation/views/translation_user_view.xml
@@ -79,7 +79,6 @@
         <field name="view_mode">list,form</field>
     </record>
 
-    <menuitem id="menu_translation_platform" parent="menu_translation_platform_app" sequence="2" name="Translation Platform" action="action_translation_platform" />
-    <menuitem id="menu_translation_platform_manager" parent="menu_translation_platform_app" sequence="1" name="Manager" groups="sbc_translation.group_manager" />
-    <menuitem id="menu_translation_user" parent="menu_translation_platform_manager" name="Translators" action="action_compassion_translation_user_form" sequence="2"/>
+    <menuitem id="menu_translation_platform" parent="sbc_compassion.menu_correspondence" sequence="4" name="Translation Platform"/>
+    <menuitem id="menu_translation_user" parent="menu_translation_platform" name="Translators" action="action_compassion_translation_user_form" sequence="2"/>
 </odoo>

From d3d65f89782b003bd6b0e65efcc804287fcc153e Mon Sep 17 00:00:00 2001
From: "copilot-swe-agent[bot]" <198982749+Copilot@users.noreply.github.com>
Date: Thu, 23 Apr 2026 10:20:55 +0000
Subject: [PATCH 6/7] feat: extract OWL templates into XML files and add i18n
 translations
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- Created 13 XML template files (one per component/page) following
  Odoo convention: sbc_translation.ComponentName
- Removed inline xml`` template literals from all 14 .esm.js files;
  each class now references its template by name
- Registered all XML template files in web.assets_frontend before
  their companion JS files in __manifest__.py
- Added 65 UI translations (fr_CH and de) ported from the old
  translation-platform-web i18n/fr_CH.json and i18n/de_DE.json files
- Fixed t-out expressions: replaced `or` operator with ternary for
  safer/more explicit fallback values
- Fixed two French translation issues: 'Gères' -> 'Gère', removed
  trailing period from 'Your current translation skills'

Agent-Logs-Url: https://github.com/CompassionCH/compassion-modules/sessions/06d5a6dc-67a6-4817-94b5-b978b3d89cd9

Co-authored-by: ecino <8435180+ecino@users.noreply.github.com>
---
 sbc_translation/__manifest__.py               |  18 +
 sbc_translation/i18n/de.po                    | 326 ++++++++++++++++++
 sbc_translation/i18n/fr_CH.po                 | 326 ++++++++++++++++++
 .../src/components/tp_child_modal.esm.js      |  41 +--
 .../static/src/components/tp_child_modal.xml  |  43 +++
 .../src/components/tp_content_editor.esm.js   |  69 +---
 .../src/components/tp_content_editor.xml      |  73 ++++
 .../components/tp_languages_pick_modal.esm.js |  81 +----
 .../components/tp_languages_pick_modal.xml    |  85 +++++
 .../src/components/tp_letter_viewer.esm.js    | 171 +--------
 .../src/components/tp_letter_viewer.xml       | 175 ++++++++++
 .../static/src/components/tp_loader.esm.js    |  21 +-
 .../static/src/components/tp_loader.xml       |  25 ++
 .../static/src/components/tp_modal.esm.js     |  53 +--
 .../static/src/components/tp_modal.xml        |  48 +++
 .../src/components/tp_signal_problem.esm.js   |  24 +-
 .../src/components/tp_signal_problem.xml      |  26 ++
 .../components/tp_translator_button.esm.js    |  40 +--
 .../src/components/tp_translator_button.xml   |  42 +++
 .../static/src/pages/tp_home.esm.js           | 123 +------
 sbc_translation/static/src/pages/tp_home.xml  | 127 +++++++
 .../static/src/pages/tp_letter_edit.esm.js    |  66 +---
 .../static/src/pages/tp_letter_edit.xml       |  70 ++++
 .../static/src/pages/tp_letters.esm.js        | 150 +-------
 .../static/src/pages/tp_letters.xml           | 154 +++++++++
 .../static/src/pages/tp_translators.esm.js    | 111 +-----
 .../static/src/pages/tp_translators.xml       | 114 ++++++
 .../static/src/translation_platform.esm.js    | 114 +-----
 .../static/src/translation_platform.xml       | 111 ++++++
 29 files changed, 1797 insertions(+), 1030 deletions(-)
 create mode 100644 sbc_translation/static/src/components/tp_child_modal.xml
 create mode 100644 sbc_translation/static/src/components/tp_content_editor.xml
 create mode 100644 sbc_translation/static/src/components/tp_languages_pick_modal.xml
 create mode 100644 sbc_translation/static/src/components/tp_letter_viewer.xml
 create mode 100644 sbc_translation/static/src/components/tp_loader.xml
 create mode 100644 sbc_translation/static/src/components/tp_modal.xml
 create mode 100644 sbc_translation/static/src/components/tp_signal_problem.xml
 create mode 100644 sbc_translation/static/src/components/tp_translator_button.xml
 create mode 100644 sbc_translation/static/src/pages/tp_home.xml
 create mode 100644 sbc_translation/static/src/pages/tp_letter_edit.xml
 create mode 100644 sbc_translation/static/src/pages/tp_letters.xml
 create mode 100644 sbc_translation/static/src/pages/tp_translators.xml
 create mode 100644 sbc_translation/static/src/translation_platform.xml

diff --git a/sbc_translation/__manifest__.py b/sbc_translation/__manifest__.py
index a76d8007a..26815375d 100644
--- a/sbc_translation/__manifest__.py
+++ b/sbc_translation/__manifest__.py
@@ -44,6 +44,16 @@
             "sbc_translation/static/src/models/letter_dao.esm.js",
             "sbc_translation/static/src/models/translator_dao.esm.js",
             "sbc_translation/static/src/models/settings_dao.esm.js",
+            # Component XML templates (must be loaded before the JS classes)
+            "sbc_translation/static/src/components/tp_loader.xml",
+            "sbc_translation/static/src/components/tp_modal.xml",
+            "sbc_translation/static/src/components/tp_signal_problem.xml",
+            "sbc_translation/static/src/components/tp_child_modal.xml",
+            "sbc_translation/static/src/components/tp_translator_button.xml",
+            "sbc_translation/static/src/components/tp_content_editor.xml",
+            "sbc_translation/static/src/components/tp_letter_viewer.xml",
+            "sbc_translation/static/src/components/tp_languages_pick_modal.xml",
+            # Component JS
             "sbc_translation/static/src/components/tp_loader.esm.js",
             "sbc_translation/static/src/components/tp_modal.esm.js",
             "sbc_translation/static/src/components/tp_signal_problem.esm.js",
@@ -52,10 +62,18 @@
             "sbc_translation/static/src/components/tp_content_editor.esm.js",
             "sbc_translation/static/src/components/tp_letter_viewer.esm.js",
             "sbc_translation/static/src/components/tp_languages_pick_modal.esm.js",
+            # Page XML templates
+            "sbc_translation/static/src/pages/tp_letters.xml",
+            "sbc_translation/static/src/pages/tp_letter_edit.xml",
+            "sbc_translation/static/src/pages/tp_home.xml",
+            "sbc_translation/static/src/pages/tp_translators.xml",
+            # Page JS
             "sbc_translation/static/src/pages/tp_letters.esm.js",
             "sbc_translation/static/src/pages/tp_letter_edit.esm.js",
             "sbc_translation/static/src/pages/tp_home.esm.js",
             "sbc_translation/static/src/pages/tp_translators.esm.js",
+            # Root app XML template and JS entry point
+            "sbc_translation/static/src/translation_platform.xml",
             "sbc_translation/static/src/translation_platform.esm.js",
         ],
     },
diff --git a/sbc_translation/i18n/de.po b/sbc_translation/i18n/de.po
index 2cde70dc0..906afc120 100644
--- a/sbc_translation/i18n/de.po
+++ b/sbc_translation/i18n/de.po
@@ -827,3 +827,329 @@ msgstr "Übersetzungspriorität"
 #~ msgid "Your reply will be added in an automatic email with greetings."
 #~ msgstr ""
 #~ "Ihre Antwort wird in einer automatischen E-Mail mit Grüßen hinzugefügt."
+
+#. module: sbc_translation
+#: sbc_translation.TranslationPlatform
+msgid "Add Skill"
+msgstr "Sprachkompetenz hinzufügen"
+
+#. module: sbc_translation
+#: sbc_translation.TranslationPlatform
+msgid "Age"
+msgstr "Alter"
+
+#. module: sbc_translation
+#: sbc_translation.TranslationPlatform
+msgid "Awaiting approval"
+msgstr "Wartet auf Validierung"
+
+#. module: sbc_translation
+#: sbc_translation.TranslationPlatform
+msgid "Back to Translations"
+msgstr "Zurück zu den Übersetzungen"
+
+#. module: sbc_translation
+#: sbc_translation.TranslationPlatform
+msgid "Child Data"
+msgstr "Angaben Patenkind"
+
+#. module: sbc_translation
+#: sbc_translation.TranslationPlatform
+msgid "Comment on the translation"
+msgstr "Kommentar zur Übersetzung"
+
+#. module: sbc_translation
+#: sbc_translation.TranslationPlatform
+msgid "Comments"
+msgstr "Kommentare"
+
+#. module: sbc_translation
+#: sbc_translation.TranslationPlatform
+msgid "Compassion"
+msgstr "Compassion"
+
+#. module: sbc_translation
+#: sbc_translation.TranslationPlatform
+msgid "Expected/acceptable behaviors:"
+msgstr "Erwartetes/Akzeptables Verhalten:"
+
+#. module: sbc_translation
+#: sbc_translation.TranslationPlatform
+msgid "Help"
+msgstr "Hilfe"
+
+#. module: sbc_translation
+#: sbc_translation.TranslationPlatform
+msgid "Home"
+msgstr "Startseite"
+
+#. module: sbc_translation
+#: sbc_translation.TranslationPlatform
+msgid "I will contribute to building an environment where children are respected and encouraged to discuss their concerns and rights."
+msgstr "Ich werde dazu beitragen, ein Umfeld zu schaffen, in dem Kinder respektiert und ermutigt werden, ihre Anliegen und Rechte zu diskutieren."
+
+#. module: sbc_translation
+#: sbc_translation.TranslationPlatform
+msgid "I will engage in activities with beneficiaries only in open or visible places, and in the event that an activity needs to take place in an enclosed space, I will ensure that at least one other approved adult is present."
+msgstr "Ich werde Aktivitäten mit den Begünstigten nur an offenen oder sichtbaren Orten durchführen, und falls eine Aktivität in einem geschlossenen Raum stattfinden muss, werde ich sicherstellen, dass mindestens ein weiterer zugelassener Erwachsener anwesend ist. (Zwei-Erwachsenen-Regel)."
+
+#. module: sbc_translation
+#: sbc_translation.TranslationPlatform
+msgid "I will engage in age-appropriate communication with beneficiaries."
+msgstr "Ich werde mich um eine altersgerechte Kommunikation mit den Begünstigten bemühen."
+
+#. module: sbc_translation
+#: sbc_translation.TranslationPlatform
+msgid "I will keep all information about child protection investigations confidential, keeping in mind privacy and dignity concerns of all involved."
+msgstr "Behandle die Informationen vertraulich."
+
+#. module: sbc_translation
+#: sbc_translation.TranslationPlatform
+msgid "I will never engage in sexual/sexually suggestive behavior with any child under age 18, regardless of the legal age of consent in-country."
+msgstr "Ich werde niemals sexuell/sexuell suggestives Verhalten gegenüber einem Kind unter 18 Jahre zeigen, unabhängig von dem legalen Mündigkeitsalter im Land."
+
+#. module: sbc_translation
+#: sbc_translation.TranslationPlatform
+msgid "I will never use language that is verbally/emotionally abusive, sexually suggestive, degrading, humiliating, shaming or is otherwise culturally inappropriate with a beneficiary."
+msgstr "Ich werde niemals im Umgang mit dem Begünstigten eine Sprache verwenden, die verbal oder emotional beleidigend, sexuell suggestiv, erniedrigend, demütigend, beschämend oder in einer anderen Art kulturell unangemessen ist."
+
+#. module: sbc_translation
+#: sbc_translation.TranslationPlatform
+msgid "I will not hire any child in any harmful form of child labor and follow local laws regarding child employment."
+msgstr "Ich werde kein Kind in irgendeiner schädlichen Form von Kinderarbeit einstellen und die lokalen Gesetze bezüglich der Kinderarbeit befolgen."
+
+#. module: sbc_translation
+#: sbc_translation.TranslationPlatform
+msgid "I will not solicit a romantic/dating relationship and will never engage in sexual/sexually suggestive behavior with any beneficiary, regardless of age."
+msgstr "Ich werde mit einem Begünstigten keine romantische Beziehung beginnen und gegenüber eines Begünstigten niemals sexuell/sexuell suggestives Verhalten zur Schau stellen, unabhängig vom Alter des Begünstigten."
+
+#. module: sbc_translation
+#: sbc_translation.TranslationPlatform
+msgid "Identifier"
+msgstr "Identifizieren"
+
+#. module: sbc_translation
+#: sbc_translation.TranslationPlatform
+msgid "Issue successfully sent, it will be quickly reviewed"
+msgstr "Problem erfolgreich gesendet, es wird schnell überprüft werden"
+
+#. module: sbc_translation
+#: sbc_translation.TranslationPlatform
+msgid "Language"
+msgstr "Sprache"
+
+#. module: sbc_translation
+#: sbc_translation.TranslationPlatform
+msgid "Letter"
+msgstr "Brief"
+
+#. module: sbc_translation
+#: sbc_translation.TranslationPlatform
+msgid "Letter Information"
+msgstr "Infos zum Brief"
+
+#. module: sbc_translation
+#: sbc_translation.TranslationPlatform
+msgid "Letter saved"
+msgstr "Gespeichert"
+
+#. module: sbc_translation
+#: sbc_translation.TranslationPlatform
+msgid "Letters"
+msgstr "Briefe"
+
+#. module: sbc_translation
+#: sbc_translation.TranslationPlatform
+msgid "Manage your translation skills"
+msgstr "Verwalte deine Sprachkompetenzen"
+
+#. module: sbc_translation
+#: sbc_translation.TranslationPlatform
+msgid "Name"
+msgstr "Name"
+
+#. module: sbc_translation
+#: sbc_translation.TranslationPlatform
+msgid "No source text available"
+msgstr "Ausgangstext nicht verfügbar"
+
+#. module: sbc_translation
+#: sbc_translation.TranslationPlatform
+msgid "Pick Languages"
+msgstr "Sprachen auswählen"
+
+#. module: sbc_translation
+#: sbc_translation.TranslationPlatform
+msgid "Please select a problem in the list"
+msgstr "Bitte wählen Sie ein Problem aus der Liste aus"
+
+#. module: sbc_translation
+#: sbc_translation.TranslationPlatform
+msgid "Preferred Name"
+msgstr "Vorname"
+
+#. module: sbc_translation
+#: sbc_translation.TranslationPlatform
+msgid "Register"
+msgstr "Anmelden"
+
+#. module: sbc_translation
+#: sbc_translation.TranslationPlatform
+msgid "Register a new translation skill"
+msgstr "Neue Sprachkompetenz hinzufügen"
+
+#. module: sbc_translation
+#: sbc_translation.TranslationPlatform
+msgid "Role"
+msgstr "Funktion"
+
+#. module: sbc_translation
+#: sbc_translation.TranslationPlatform
+msgid "Save"
+msgstr "Speichern"
+
+#. module: sbc_translation
+#: sbc_translation.TranslationPlatform
+msgid "Send Message"
+msgstr "Mitteilung senden"
+
+#. module: sbc_translation
+#: sbc_translation.TranslationPlatform
+msgid "Sex"
+msgstr "Geschlecht"
+
+#. module: sbc_translation
+#: sbc_translation.TranslationPlatform
+msgid "Signal a Problem"
+msgstr "Ein Problem melden"
+
+#. module: sbc_translation
+#: sbc_translation.TranslationPlatform
+msgid "Source"
+msgstr "Ausgangstext"
+
+#. module: sbc_translation
+#: sbc_translation.TranslationPlatform
+msgid "Source Text to translate"
+msgstr "Ausgangstext zum Übersetzen"
+
+#. module: sbc_translation
+#: sbc_translation.TranslationPlatform
+msgid "Sponsor Data"
+msgstr "Angaben Patin/Pate"
+
+#. module: sbc_translation
+#: sbc_translation.TranslationPlatform
+msgid "Submit"
+msgstr "Senden"
+
+#. module: sbc_translation
+#: sbc_translation.TranslationPlatform
+msgid "Take the first"
+msgstr "Wähle den ersten der Liste"
+
+#. module: sbc_translation
+#: sbc_translation.TranslationPlatform
+msgid "Thank you."
+msgstr "Danke."
+
+#. module: sbc_translation
+#: sbc_translation.TranslationPlatform
+msgid "This letter could not be found"
+msgstr "Dieser Brief wurde nicht gefunden."
+
+#. module: sbc_translation
+#: sbc_translation.TranslationPlatform
+msgid "Title"
+msgstr "Überschrift"
+
+#. module: sbc_translation
+#: sbc_translation.TranslationPlatform
+msgid "Translate"
+msgstr "Übersetzen"
+
+#. module: sbc_translation
+#: sbc_translation.TranslationPlatform
+msgid "Translate Verification Letter"
+msgstr "Überprüfung des ersten Briefes"
+
+#. module: sbc_translation
+#: sbc_translation.TranslationPlatform
+msgid "Translated Content"
+msgstr "übersetzter Inhalt"
+
+#. module: sbc_translation
+#: sbc_translation.TranslationPlatform
+msgid "Translation Platform"
+msgstr "Übersetzungsplattform"
+
+#. module: sbc_translation
+#: sbc_translation.TranslationPlatform
+msgid "Translator"
+msgstr "Übersetzer/in"
+
+#. module: sbc_translation
+#: sbc_translation.TranslationPlatform
+msgid "Translators"
+msgstr "Übersetzer/innen"
+
+#. module: sbc_translation
+#: sbc_translation.TranslationPlatform
+msgid "Unable to load translator information"
+msgstr "Übersetzerinformationen konnten nicht geladen werden"
+
+#. module: sbc_translation
+#: sbc_translation.TranslationPlatform
+msgid "Unable to register translation skills"
+msgstr "Unmöglich, Übersetzungsfähigkeiten zu registrieren"
+
+#. module: sbc_translation
+#: sbc_translation.TranslationPlatform
+msgid "Unable to save and submit letter, please save it first and retry."
+msgstr "Es ist nicht möglich, den Brief zu speichern und einzureichen. Bitte speichern Sie ihn zuerst und versuchen Sie es erneut."
+
+#. module: sbc_translation
+#: sbc_translation.TranslationPlatform
+msgid "Unable to save letter"
+msgstr "Brief kann nicht gespeichert werden."
+
+#. module: sbc_translation
+#: sbc_translation.TranslationPlatform
+msgid "Unable to submit issue"
+msgstr "Problem kann nicht eingereicht werden"
+
+#. module: sbc_translation
+#: sbc_translation.TranslationPlatform
+msgid "Waiting for your verification letter"
+msgstr "Warten auf deinen Bestätigungsbrief"
+
+#. module: sbc_translation
+#: sbc_translation.TranslationPlatform
+msgid "Welcome"
+msgstr "Herzlich willkommen"
+
+#. module: sbc_translation
+#: sbc_translation.TranslationPlatform
+msgid "You have translated a total of"
+msgstr "Du hast insgesamt"
+
+#. module: sbc_translation
+#: sbc_translation.TranslationPlatform
+msgid "Your Message"
+msgstr "Deine Mitteilung"
+
+#. module: sbc_translation
+#: sbc_translation.TranslationPlatform
+msgid "Your current translation skills"
+msgstr "Deine aktuellen Sprachkompetenzen"
+
+#. module: sbc_translation
+#: sbc_translation.TranslationPlatform
+msgid "Your new skills have been registered"
+msgstr "Ihre neuen Fähigkeiten wurden registriert"
+
+#. module: sbc_translation
+#: sbc_translation.TranslationPlatform
+msgid "new Skill"
+msgstr "Neue Sprachkompetenz"
+
diff --git a/sbc_translation/i18n/fr_CH.po b/sbc_translation/i18n/fr_CH.po
index fabb5a65e..502a299c0 100644
--- a/sbc_translation/i18n/fr_CH.po
+++ b/sbc_translation/i18n/fr_CH.po
@@ -826,3 +826,329 @@ msgstr "priorité à la traduction"
 #~ msgid "Your reply will be added in an automatic email with greetings."
 #~ msgstr ""
 #~ "Votre réponse sera ajoutée à un courriel automatique avec des salutations."
+
+#. module: sbc_translation
+#: sbc_translation.TranslationPlatform
+msgid "Add Skill"
+msgstr "Ajoute une compétence"
+
+#. module: sbc_translation
+#: sbc_translation.TranslationPlatform
+msgid "Age"
+msgstr "Âge"
+
+#. module: sbc_translation
+#: sbc_translation.TranslationPlatform
+msgid "Awaiting approval"
+msgstr "En attente de validation"
+
+#. module: sbc_translation
+#: sbc_translation.TranslationPlatform
+msgid "Back to Translations"
+msgstr "Retour aux traductions"
+
+#. module: sbc_translation
+#: sbc_translation.TranslationPlatform
+msgid "Child Data"
+msgstr "Données de l'enfant"
+
+#. module: sbc_translation
+#: sbc_translation.TranslationPlatform
+msgid "Comment on the translation"
+msgstr "Commentaire sur la traduction"
+
+#. module: sbc_translation
+#: sbc_translation.TranslationPlatform
+msgid "Comments"
+msgstr "Commentaires"
+
+#. module: sbc_translation
+#: sbc_translation.TranslationPlatform
+msgid "Compassion"
+msgstr "Compassion"
+
+#. module: sbc_translation
+#: sbc_translation.TranslationPlatform
+msgid "Expected/acceptable behaviors:"
+msgstr "Comportements attendus/acceptables:"
+
+#. module: sbc_translation
+#: sbc_translation.TranslationPlatform
+msgid "Help"
+msgstr "Aide"
+
+#. module: sbc_translation
+#: sbc_translation.TranslationPlatform
+msgid "Home"
+msgstr "Accueil"
+
+#. module: sbc_translation
+#: sbc_translation.TranslationPlatform
+msgid "I will contribute to building an environment where children are respected and encouraged to discuss their concerns and rights."
+msgstr "Je contribuerai à créer un environnement où les enfants sont respectés et encouragés à parler de leurs préoccupations et de leurs droits."
+
+#. module: sbc_translation
+#: sbc_translation.TranslationPlatform
+msgid "I will engage in activities with beneficiaries only in open or visible places, and in the event that an activity needs to take place in an enclosed space, I will ensure that at least one other approved adult is present."
+msgstr "Je ne participerai à des activités avec les bénéficiaires que dans des lieux ouverts et visibles, et au cas où une activité doive être pratiquée dans un espace clos, je veillerai à ce qu’au moins un autre adulte approuvé soit présent."
+
+#. module: sbc_translation
+#: sbc_translation.TranslationPlatform
+msgid "I will engage in age-appropriate communication with beneficiaries."
+msgstr "Je communiquerai avec les bénéficiaires d’une manière adaptée à leur âge."
+
+#. module: sbc_translation
+#: sbc_translation.TranslationPlatform
+msgid "I will keep all information about child protection investigations confidential, keeping in mind privacy and dignity concerns of all involved."
+msgstr "Je préserverai la confidentialité de toutes les informations relatives aux enquêtes sur la protection de l’enfance, en gardant en tête les préoccupations de chacun en termes de vie privée et de dignité."
+
+#. module: sbc_translation
+#: sbc_translation.TranslationPlatform
+msgid "I will never engage in sexual/sexually suggestive behavior with any child under age 18, regardless of the legal age of consent in-country."
+msgstr "Je ne me livrerai jamais à un comportement sexuel/sexuellement suggestif avec un enfant âgé de moins de 18 ans, quelle que soit la majorité sexuelle dans ce pays."
+
+#. module: sbc_translation
+#: sbc_translation.TranslationPlatform
+msgid "I will never use language that is verbally/emotionally abusive, sexually suggestive, degrading, humiliating, shaming or is otherwise culturally inappropriate with a beneficiary."
+msgstr "Je ne m’exprimerai jamais d’une manière qui soit verbalement/émotionnellement abusive, sexuellement suggestive, dégradante, humiliante, stigmatisante ou culturellement inappropriée avec un bénéficiaire."
+
+#. module: sbc_translation
+#: sbc_translation.TranslationPlatform
+msgid "I will not hire any child in any harmful form of child labor and follow local laws regarding child employment."
+msgstr "Je n’emploierai aucun enfant dans aucune forme de travail infantile et je respecterai les lois locales concernant l’emploi d’enfants."
+
+#. module: sbc_translation
+#: sbc_translation.TranslationPlatform
+msgid "I will not solicit a romantic/dating relationship and will never engage in sexual/sexually suggestive behavior with any beneficiary, regardless of age."
+msgstr "Je ne solliciterai aucune relation romantique/intime et ne me livrerai jamais à un comportement sexuel/sexuellement suggestif avec un(e) bénéficiaire, quel que soit son âge."
+
+#. module: sbc_translation
+#: sbc_translation.TranslationPlatform
+msgid "Identifier"
+msgstr "Identifiant"
+
+#. module: sbc_translation
+#: sbc_translation.TranslationPlatform
+msgid "Issue successfully sent, it will be quickly reviewed"
+msgstr "Problème envoyé avec succès, il sera rapidement examiné"
+
+#. module: sbc_translation
+#: sbc_translation.TranslationPlatform
+msgid "Language"
+msgstr "Langue"
+
+#. module: sbc_translation
+#: sbc_translation.TranslationPlatform
+msgid "Letter"
+msgstr "Lettre"
+
+#. module: sbc_translation
+#: sbc_translation.TranslationPlatform
+msgid "Letter Information"
+msgstr "Informations sur la lettre"
+
+#. module: sbc_translation
+#: sbc_translation.TranslationPlatform
+msgid "Letter saved"
+msgstr "Traduction sauvegardée"
+
+#. module: sbc_translation
+#: sbc_translation.TranslationPlatform
+msgid "Letters"
+msgstr "Lettres"
+
+#. module: sbc_translation
+#: sbc_translation.TranslationPlatform
+msgid "Manage your translation skills"
+msgstr "Gère tes compétences de langues"
+
+#. module: sbc_translation
+#: sbc_translation.TranslationPlatform
+msgid "Name"
+msgstr "Nom"
+
+#. module: sbc_translation
+#: sbc_translation.TranslationPlatform
+msgid "No source text available"
+msgstr "Aucun texte source disponible"
+
+#. module: sbc_translation
+#: sbc_translation.TranslationPlatform
+msgid "Pick Languages"
+msgstr "Choisir des langues"
+
+#. module: sbc_translation
+#: sbc_translation.TranslationPlatform
+msgid "Please select a problem in the list"
+msgstr "Veuillez sélectionner un problème dans la liste"
+
+#. module: sbc_translation
+#: sbc_translation.TranslationPlatform
+msgid "Preferred Name"
+msgstr "Prénom"
+
+#. module: sbc_translation
+#: sbc_translation.TranslationPlatform
+msgid "Register"
+msgstr "Enregistrer"
+
+#. module: sbc_translation
+#: sbc_translation.TranslationPlatform
+msgid "Register a new translation skill"
+msgstr "Enregistrer une nouvelle compétence"
+
+#. module: sbc_translation
+#: sbc_translation.TranslationPlatform
+msgid "Role"
+msgstr "Rôle"
+
+#. module: sbc_translation
+#: sbc_translation.TranslationPlatform
+msgid "Save"
+msgstr "Enregistrer"
+
+#. module: sbc_translation
+#: sbc_translation.TranslationPlatform
+msgid "Send Message"
+msgstr "Envoyer un message"
+
+#. module: sbc_translation
+#: sbc_translation.TranslationPlatform
+msgid "Sex"
+msgstr "Sexe"
+
+#. module: sbc_translation
+#: sbc_translation.TranslationPlatform
+msgid "Signal a Problem"
+msgstr "Signaler un problème"
+
+#. module: sbc_translation
+#: sbc_translation.TranslationPlatform
+msgid "Source"
+msgstr "Texte source"
+
+#. module: sbc_translation
+#: sbc_translation.TranslationPlatform
+msgid "Source Text to translate"
+msgstr "Texte source à traduire"
+
+#. module: sbc_translation
+#: sbc_translation.TranslationPlatform
+msgid "Sponsor Data"
+msgstr "Données du parrain"
+
+#. module: sbc_translation
+#: sbc_translation.TranslationPlatform
+msgid "Submit"
+msgstr "Soumettre"
+
+#. module: sbc_translation
+#: sbc_translation.TranslationPlatform
+msgid "Take the first"
+msgstr "Choisis la première de la liste"
+
+#. module: sbc_translation
+#: sbc_translation.TranslationPlatform
+msgid "Thank you."
+msgstr "Merci."
+
+#. module: sbc_translation
+#: sbc_translation.TranslationPlatform
+msgid "This letter could not be found"
+msgstr "Cette lettre n'a pas pu être trouvée."
+
+#. module: sbc_translation
+#: sbc_translation.TranslationPlatform
+msgid "Title"
+msgstr "Titre"
+
+#. module: sbc_translation
+#: sbc_translation.TranslationPlatform
+msgid "Translate"
+msgstr "Traduire"
+
+#. module: sbc_translation
+#: sbc_translation.TranslationPlatform
+msgid "Translate Verification Letter"
+msgstr "Traduire la lettre pour vérification"
+
+#. module: sbc_translation
+#: sbc_translation.TranslationPlatform
+msgid "Translated Content"
+msgstr "Contenu traduit"
+
+#. module: sbc_translation
+#: sbc_translation.TranslationPlatform
+msgid "Translation Platform"
+msgstr "Plateforme de traduction"
+
+#. module: sbc_translation
+#: sbc_translation.TranslationPlatform
+msgid "Translator"
+msgstr "Traducteur"
+
+#. module: sbc_translation
+#: sbc_translation.TranslationPlatform
+msgid "Translators"
+msgstr "Traducteurs"
+
+#. module: sbc_translation
+#: sbc_translation.TranslationPlatform
+msgid "Unable to load translator information"
+msgstr "Impossible de charger les informations du traducteur"
+
+#. module: sbc_translation
+#: sbc_translation.TranslationPlatform
+msgid "Unable to register translation skills"
+msgstr "Impossible d'enregistrer les compétences de traduction"
+
+#. module: sbc_translation
+#: sbc_translation.TranslationPlatform
+msgid "Unable to save and submit letter, please save it first and retry."
+msgstr "Impossible d'enregistrer et soumettre la lettre, veuillez d'abord l'enregistrer et réessayer."
+
+#. module: sbc_translation
+#: sbc_translation.TranslationPlatform
+msgid "Unable to save letter"
+msgstr "Impossible d'enregistrer la lettre."
+
+#. module: sbc_translation
+#: sbc_translation.TranslationPlatform
+msgid "Unable to submit issue"
+msgstr "Impossible de soumettre le problème"
+
+#. module: sbc_translation
+#: sbc_translation.TranslationPlatform
+msgid "Waiting for your verification letter"
+msgstr "En attente de ta lettre de vérification"
+
+#. module: sbc_translation
+#: sbc_translation.TranslationPlatform
+msgid "Welcome"
+msgstr "Bienvenue"
+
+#. module: sbc_translation
+#: sbc_translation.TranslationPlatform
+msgid "You have translated a total of"
+msgstr "Tu as traduit un total de"
+
+#. module: sbc_translation
+#: sbc_translation.TranslationPlatform
+msgid "Your Message"
+msgstr "Ton message"
+
+#. module: sbc_translation
+#: sbc_translation.TranslationPlatform
+msgid "Your current translation skills"
+msgstr "Tes compétences de langues actuelles"
+
+#. module: sbc_translation
+#: sbc_translation.TranslationPlatform
+msgid "Your new skills have been registered"
+msgstr "Vos nouvelles compétences ont été enregistrées"
+
+#. module: sbc_translation
+#: sbc_translation.TranslationPlatform
+msgid "new Skill"
+msgstr "Nouvelle(s) compétence(s)"
+
diff --git a/sbc_translation/static/src/components/tp_child_modal.esm.js b/sbc_translation/static/src/components/tp_child_modal.esm.js
index 64a8f9e17..150774564 100644
--- a/sbc_translation/static/src/components/tp_child_modal.esm.js
+++ b/sbc_translation/static/src/components/tp_child_modal.esm.js
@@ -1,4 +1,4 @@
-import { Component, xml } from "@odoo/owl";
+import { Component } from "@odoo/owl";
 import { TpModal } from "./tp_modal.esm";
 
 /**
@@ -8,44 +8,7 @@ import { TpModal } from "./tp_modal.esm";
  *   onClose {Function}
  */
 export class TpChildModal extends Component {
-  static template = xml`
-        <TpModal active="props.active" onClose="props.onClose" title="'Child Protection'">
-            <div class="p-3" style="max-width: 750px; max-height: 70vh; overflow-y: auto;">
-                <h6 class="fw-semibold">Expected/acceptable behaviors:</h6>
-                <ul class="small mb-4">
-                    <li class="mb-2">I will demonstrate the proper respect and dignity of all children and will demonstrate Jesus's love and care for them, regardless of their gender, age, race, religion, social background, culture, special need or disability.</li>
-                    <li class="mb-2">I will maintain appropriate and reasonable expectations for children based on their age and ability level.</li>
-                    <li class="mb-2">I will engage in age-appropriate communication with beneficiaries.</li>
-                    <li class="mb-2">I will submit to the appropriate background or police checks as permissible by law prior to face-to-face contact with beneficiaries.</li>
-                    <li class="mb-2">I will engage in activities with beneficiaries only in open or visible places, and in the event that an activity needs to take place in an enclosed space, I will ensure that at least one other approved adult is present.</li>
-                    <li class="mb-2">If I witness child abuse, know a child is in danger, observe any concerning behaviors from colleagues, partners or other representatives, or a child comes to me with a report of abuse, I will take it seriously and report it to the proper staff or relevant authorities.</li>
-                    <li class="mb-2">I will keep all information about child protection investigations confidential, keeping in mind privacy and dignity concerns of all involved.</li>
-                    <li class="mb-2">I will contribute to building an environment where children are respected and encouraged to discuss their concerns and rights.</li>
-                    <li class="mb-2">I will follow Compassion's rules about communication with beneficiaries, including social media interaction.</li>
-                </ul>
-                <h6 class="fw-semibold">Unacceptable behaviors:</h6>
-                <ul class="small mb-4">
-                    <li class="mb-2">I will not solicit a romantic/dating relationship and will never engage in sexual/sexually suggestive behavior with any beneficiary, regardless of age.</li>
-                    <li class="mb-2">I will never engage in sexual/sexually suggestive behavior with any child under age 18, regardless of the legal age of consent in-country.</li>
-                    <li class="mb-2">I will never use language that is verbally/emotionally abusive, sexually suggestive, degrading, humiliating, shaming or is otherwise culturally inappropriate with a beneficiary.</li>
-                    <li class="mb-2">I will not touch beneficiaries in an inappropriate or culturally insensitive way.</li>
-                    <li class="mb-2">I will never use any kind of physical discipline or physical punishment as a method of correction for beneficiaries.</li>
-                    <li class="mb-2">I will never travel alone with a beneficiary, without an approved representative or prior approval, except in a life-threatening emergency.</li>
-                    <li class="mb-2">I will not hire any child in any harmful form of child labor and follow local laws regarding child employment.</li>
-                    <li class="mb-2">I will not gather, disclose or support the disclosure of information about beneficiaries or their families without prior, express permission.</li>
-                </ul>
-                <div class="p-3 bg-light border-top d-flex flex-column align-items-center">
-                    <p class="small fw-semibold mb-2">Child Protection Videos</p>
-                    <div class="d-flex gap-2 flex-wrap justify-content-center">
-                        <a href="https://drive.google.com/file/d/1p9_o89wYkbSt3F4Y71Gy3XXdbsJLp9oT/view?usp=sharing"
-                           target="_blank" class="btn btn-sm btn-outline-secondary">
-                            Watch child protection video
-                        </a>
-                    </div>
-                </div>
-            </div>
-        </TpModal>
-    `;
+  static template = 'sbc_translation.TpChildModal';
 
   static components = { TpModal };
 
diff --git a/sbc_translation/static/src/components/tp_child_modal.xml b/sbc_translation/static/src/components/tp_child_modal.xml
new file mode 100644
index 000000000..422d500c6
--- /dev/null
+++ b/sbc_translation/static/src/components/tp_child_modal.xml
@@ -0,0 +1,43 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<templates xml:space="preserve">
+
+    <t t-name="sbc_translation.TpChildModal">
+        <TpModal active="props.active" onClose="props.onClose" title="'Child Protection'">
+            <div class="p-3" style="max-width: 750px; max-height: 70vh; overflow-y: auto;">
+                <h6 class="fw-semibold">Expected/acceptable behaviors:</h6>
+                <ul class="small mb-4">
+                    <li class="mb-2">I will demonstrate the proper respect and dignity of all children and will demonstrate Jesus's love and care for them, regardless of their gender, age, race, religion, social background, culture, special need or disability.</li>
+                    <li class="mb-2">I will maintain appropriate and reasonable expectations for children based on their age and ability level.</li>
+                    <li class="mb-2">I will engage in age-appropriate communication with beneficiaries.</li>
+                    <li class="mb-2">I will submit to the appropriate background or police checks as permissible by law prior to face-to-face contact with beneficiaries.</li>
+                    <li class="mb-2">I will engage in activities with beneficiaries only in open or visible places, and in the event that an activity needs to take place in an enclosed space, I will ensure that at least one other approved adult is present.</li>
+                    <li class="mb-2">If I witness child abuse, know a child is in danger, observe any concerning behaviors from colleagues, partners or other representatives, or a child comes to me with a report of abuse, I will take it seriously and report it to the proper staff or relevant authorities.</li>
+                    <li class="mb-2">I will keep all information about child protection investigations confidential, keeping in mind privacy and dignity concerns of all involved.</li>
+                    <li class="mb-2">I will contribute to building an environment where children are respected and encouraged to discuss their concerns and rights.</li>
+                    <li class="mb-2">I will follow Compassion's rules about communication with beneficiaries, including social media interaction.</li>
+                </ul>
+                <h6 class="fw-semibold">Unacceptable behaviors:</h6>
+                <ul class="small mb-4">
+                    <li class="mb-2">I will not solicit a romantic/dating relationship and will never engage in sexual/sexually suggestive behavior with any beneficiary, regardless of age.</li>
+                    <li class="mb-2">I will never engage in sexual/sexually suggestive behavior with any child under age 18, regardless of the legal age of consent in-country.</li>
+                    <li class="mb-2">I will never use language that is verbally/emotionally abusive, sexually suggestive, degrading, humiliating, shaming or is otherwise culturally inappropriate with a beneficiary.</li>
+                    <li class="mb-2">I will not touch beneficiaries in an inappropriate or culturally insensitive way.</li>
+                    <li class="mb-2">I will never use any kind of physical discipline or physical punishment as a method of correction for beneficiaries.</li>
+                    <li class="mb-2">I will never travel alone with a beneficiary, without an approved representative or prior approval, except in a life-threatening emergency.</li>
+                    <li class="mb-2">I will not hire any child in any harmful form of child labor and follow local laws regarding child employment.</li>
+                    <li class="mb-2">I will not gather, disclose or support the disclosure of information about beneficiaries or their families without prior, express permission.</li>
+                </ul>
+                <div class="p-3 bg-light border-top d-flex flex-column align-items-center">
+                    <p class="small fw-semibold mb-2">Child Protection Videos</p>
+                    <div class="d-flex gap-2 flex-wrap justify-content-center">
+                        <a href="https://drive.google.com/file/d/1p9_o89wYkbSt3F4Y71Gy3XXdbsJLp9oT/view?usp=sharing"
+                           target="_blank" class="btn btn-sm btn-outline-secondary">
+                            Watch child protection video
+                        </a>
+                    </div>
+                </div>
+            </div>
+        </TpModal>
+    </t>
+
+</templates>
diff --git a/sbc_translation/static/src/components/tp_content_editor.esm.js b/sbc_translation/static/src/components/tp_content_editor.esm.js
index 8e8e9787f..2d0c276fc 100644
--- a/sbc_translation/static/src/components/tp_content_editor.esm.js
+++ b/sbc_translation/static/src/components/tp_content_editor.esm.js
@@ -1,4 +1,4 @@
-import { Component, useState, xml } from "@odoo/owl";
+import { Component, useState } from "@odoo/owl";
 import { TpModal } from "./tp_modal.esm";
 
 /**
@@ -8,20 +8,7 @@ import { TpModal } from "./tp_modal.esm";
  *   onClose {Function}
  */
 class TpTipsModal extends Component {
-  static template = xml`
-        <TpModal active="props.active" onClose="props.onClose" title="'Tips for a Successful Translation'">
-            <div class="p-3 small" style="max-width: 500px;">
-                <ul class="mb-0">
-                    <li class="mb-2">Keep the same tone and emotional register as the source text.</li>
-                    <li class="mb-2">Do not paraphrase – translate as closely as possible.</li>
-                    <li class="mb-2">Preserve paragraph breaks from the source.</li>
-                    <li class="mb-2">If the source text is unclear, add a comment explaining the issue.</li>
-                    <li class="mb-2">Names of people and places should be kept as they appear.</li>
-                    <li class="mb-2">If you're unsure about a phrase, use the comment field to flag it.</li>
-                </ul>
-            </div>
-        </TpModal>
-    `;
+  static template = 'sbc_translation.TpTipsModal';
   static components = { TpModal };
   static props = {
     active: { type: Boolean },
@@ -35,57 +22,7 @@ class TpTipsModal extends Component {
  *   letter {Object} - letter data with translatedElements array
  */
 export class TpContentEditor extends Component {
-  static template = xml`
-        <div id="tp-content-editor">
-            <div t-foreach="props.letter.translatedElements"
-                 t-as="element"
-                 t-key="element.id"
-                 class="mb-3 border rounded transition-all">
-                <!-- Page break marker -->
-                <div t-if="element.type === 'pageBreak'"
-                     class="text-center text-muted small py-2 bg-light border-top border-bottom">
-                    — Page Break —
-                </div>
-                <!-- Paragraph editor -->
-                <div t-if="element.type === 'paragraph'" class="row g-0 bg-white shadow-sm">
-                    <div class="col-8 p-3 border-end">
-                        <h6 class="fw-medium text-secondary mb-2">Translated Content</h6>
-                        <textarea class="form-control form-control-sm" rows="5" t-model="element.content" />
-                    </div>
-                    <div class="col-4 p-3 bg-light">
-                        <h6 class="fw-medium text-secondary mb-2">Comment on the translation</h6>
-                        <textarea class="form-control form-control-sm" rows="5" t-model="element.comments" />
-                    </div>
-                </div>
-                <!-- Action buttons (view source / tips) -->
-                <div t-if="element.type === 'paragraph'"
-                     class="d-flex gap-1 px-3 py-1 border-top bg-light">
-                    <button type="button" class="btn btn-sm btn-outline-secondary"
-                            title="View source text"
-                            t-on-click="() => this.openSource(element.id)">
-                        <i class="fa fa-eye" /> Source
-                    </button>
-                    <button type="button" class="btn btn-sm btn-outline-secondary"
-                            title="Translation tips"
-                            t-on-click="openTips">
-                        <i class="fa fa-info-circle" /> Tips
-                    </button>
-                </div>
-            </div>
-
-            <!-- Modals -->
-            <TpTipsModal active="state.showTips" onClose="() => state.showTips = false" />
-            <TpModal active="state.sourceElem !== undefined"
-                     title="'Source Text'"
-                     onClose="() => state.sourceElem = undefined">
-                <div class="p-3" style="min-width: 350px;">
-                    <p t-if="state.sourceElem and state.sourceElem.trim() !== ''"
-                       class="small" t-esc="state.sourceElem" />
-                    <p t-else="" class="small text-muted fst-italic">No source text available</p>
-                </div>
-            </TpModal>
-        </div>
-    `;
+  static template = 'sbc_translation.TpContentEditor';
 
   static components = { TpModal, TpTipsModal };
 
diff --git a/sbc_translation/static/src/components/tp_content_editor.xml b/sbc_translation/static/src/components/tp_content_editor.xml
new file mode 100644
index 000000000..1c529f711
--- /dev/null
+++ b/sbc_translation/static/src/components/tp_content_editor.xml
@@ -0,0 +1,73 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<templates xml:space="preserve">
+
+    <!-- Tips modal -->
+    <t t-name="sbc_translation.TpTipsModal">
+        <TpModal active="props.active" onClose="props.onClose" title="'Tips for a Successful Translation'">
+            <div class="p-3 small" style="max-width: 500px;">
+                <ul class="mb-0">
+                    <li class="mb-2">Keep the same tone and emotional register as the source text.</li>
+                    <li class="mb-2">Do not paraphrase – translate as closely as possible.</li>
+                    <li class="mb-2">Preserve paragraph breaks from the source.</li>
+                    <li class="mb-2">If the source text is unclear, add a comment explaining the issue.</li>
+                    <li class="mb-2">Names of people and places should be kept as they appear.</li>
+                    <li class="mb-2">If you're unsure about a phrase, use the comment field to flag it.</li>
+                </ul>
+            </div>
+        </TpModal>
+    </t>
+
+    <!-- Content editor: paragraph-by-paragraph translation UI -->
+    <t t-name="sbc_translation.TpContentEditor">
+        <div id="tp-content-editor">
+            <div t-foreach="props.letter.translatedElements"
+                 t-as="element"
+                 t-key="element.id"
+                 class="mb-3 border rounded transition-all">
+                <!-- Page break marker -->
+                <div t-if="element.type === 'pageBreak'"
+                     class="text-center text-muted small py-2 bg-light border-top border-bottom">
+                    — Page Break —
+                </div>
+                <!-- Paragraph editor -->
+                <div t-if="element.type === 'paragraph'" class="row g-0 bg-white shadow-sm">
+                    <div class="col-8 p-3 border-end">
+                        <h6 class="fw-medium text-secondary mb-2">Translated Content</h6>
+                        <textarea class="form-control form-control-sm" rows="5" t-model="element.content" />
+                    </div>
+                    <div class="col-4 p-3 bg-light">
+                        <h6 class="fw-medium text-secondary mb-2">Comment on the translation</h6>
+                        <textarea class="form-control form-control-sm" rows="5" t-model="element.comments" />
+                    </div>
+                </div>
+                <!-- Action buttons (view source / tips) -->
+                <div t-if="element.type === 'paragraph'"
+                     class="d-flex gap-1 px-3 py-1 border-top bg-light">
+                    <button type="button" class="btn btn-sm btn-outline-secondary"
+                            title="View source text"
+                            t-on-click="() => this.openSource(element.id)">
+                        <i class="fa fa-eye" /> Source
+                    </button>
+                    <button type="button" class="btn btn-sm btn-outline-secondary"
+                            title="Translation tips"
+                            t-on-click="openTips">
+                        <i class="fa fa-info-circle" /> Tips
+                    </button>
+                </div>
+            </div>
+
+            <!-- Modals -->
+            <TpTipsModal active="state.showTips" onClose="() => state.showTips = false" />
+            <TpModal active="state.sourceElem !== undefined"
+                     title="'Source Text'"
+                     onClose="() => state.sourceElem = undefined">
+                <div class="p-3" style="min-width: 350px;">
+                    <p t-if="state.sourceElem and state.sourceElem.trim() !== ''"
+                       class="small" t-out="state.sourceElem" />
+                    <p t-else="" class="small text-muted fst-italic">No source text available</p>
+                </div>
+            </TpModal>
+        </div>
+    </t>
+
+</templates>
diff --git a/sbc_translation/static/src/components/tp_languages_pick_modal.esm.js b/sbc_translation/static/src/components/tp_languages_pick_modal.esm.js
index 1c3a4de6d..087286b7d 100644
--- a/sbc_translation/static/src/components/tp_languages_pick_modal.esm.js
+++ b/sbc_translation/static/src/components/tp_languages_pick_modal.esm.js
@@ -1,4 +1,4 @@
-import { Component, useState, xml } from "@odoo/owl";
+import { Component, useState } from "@odoo/owl";
 import { SettingsDAO } from "../models/settings_dao.esm";
 import { TpModal } from "./tp_modal.esm";
 import { TranslatorDAO } from "../models/translator_dao.esm";
@@ -12,25 +12,7 @@ import { showNotification } from "../notification.esm";
  *   onChange     {Function} - called after a skill is removed
  */
 export class TpTranslationSkills extends Component {
-  static template = xml`
-        <div>
-            <div t-foreach="props.skills" t-as="skill" t-key="skill_index"
-                 class="d-flex align-items-center justify-content-between mb-2 p-2 border rounded">
-                <span class="small">
-                    <t t-esc="skill.source" /> → <t t-esc="skill.target" />
-                    <span t-if="!skill.verified" class="badge bg-warning text-dark ms-2">Unverified</span>
-                    <span t-if="skill.verified" class="badge bg-success ms-2">Verified</span>
-                </span>
-                <button type="button" class="btn btn-sm btn-outline-danger"
-                        t-on-click="() => this.removeSkill(skill)">
-                    <i class="fa fa-trash" />
-                </button>
-            </div>
-            <p t-if="props.skills.length === 0" class="text-muted small text-center">
-                No translation skills defined yet.
-            </p>
-        </div>
-    `;
+  static template = 'sbc_translation.TpTranslationSkills';
 
   static props = {
     skills: { type: Array },
@@ -62,64 +44,7 @@ export class TpTranslationSkills extends Component {
  *   translatorId {number}
  */
 export class TpLanguagesPickModal extends Component {
-  static template = xml`
-        <TpModal active="props.active" onClose="props.onClose"
-                 title="'Languages'" subtitle="'Your translation skills'"
-                 loading="state.loading" closeButtonText="'Cancel'">
-            <div t-if="state.translator" class="p-3">
-                <div class="row">
-                    <div class="col-md-6" t-if="state.translator.skills.length > 0">
-                        <h6 class="fw-medium mb-3">Your current translation skills</h6>
-                        <TpTranslationSkills
-                            skills="state.translator.skills"
-                            translatorId="state.translator.translatorId"
-                            onChange="() => this.props.onChange()" />
-                    </div>
-                    <div t-att-class="state.translator.skills.length > 0 ? 'col-md-6 bg-light p-3 rounded' : 'col-12'">
-                        <h6 class="fw-medium mb-2">Register a new translation skill</h6>
-                        <p class="small text-muted mb-3">
-                            Translating from a language to another and back are two different skills.
-                        </p>
-                        <div t-foreach="state.potentialSkills" t-as="skill" t-key="skill_index"
-                             class="input-group mb-2">
-                            <select class="form-select form-select-sm" t-model="skill.competenceId">
-                                <option t-foreach="state.competences" t-as="comp" t-key="comp.id"
-                                        t-att-value="comp.id"
-                                        t-att-disabled="translatorHasSkill(comp)"
-                                        t-esc="comp.source + ' → ' + comp.target" />
-                            </select>
-                            <button type="button" class="btn btn-sm btn-outline-danger"
-                                    t-on-click="() => state.potentialSkills.splice(skill_index, 1)">
-                                <i class="fa fa-trash" />
-                            </button>
-                        </div>
-                        <div class="text-center mt-2">
-                            <button type="button" class="btn btn-sm btn-outline-secondary"
-                                    t-if="state.allowedCompetences.length > 0"
-                                    t-on-click="addSkill">
-                                Add Skill
-                            </button>
-                            <p t-else="" class="small text-muted fw-semibold">
-                                You already have all available translation skills!
-                            </p>
-                        </div>
-                    </div>
-                </div>
-            </div>
-            <div t-else="" class="p-5 text-center text-muted">
-                <span class="spinner-border spinner-border-sm" />
-            </div>
-            <t t-set-slot="footer-buttons">
-                <button type="button" class="btn btn-primary btn-sm"
-                        t-att-disabled="state.potentialSkills.length === 0"
-                        t-on-click="registerSkills">
-                    Register
-                    <span t-esc="state.potentialSkills.length" />
-                    new Skill<span t-esc="state.potentialSkills.length === 1 ? '' : 's'" />
-                </button>
-            </t>
-        </TpModal>
-    `;
+  static template = 'sbc_translation.TpLanguagesPickModal';
 
   static components = { TpModal, TpTranslationSkills };
 
diff --git a/sbc_translation/static/src/components/tp_languages_pick_modal.xml b/sbc_translation/static/src/components/tp_languages_pick_modal.xml
new file mode 100644
index 000000000..78b0706d8
--- /dev/null
+++ b/sbc_translation/static/src/components/tp_languages_pick_modal.xml
@@ -0,0 +1,85 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<templates xml:space="preserve">
+
+    <!-- TpTranslationSkills: list of current skills with delete buttons -->
+    <t t-name="sbc_translation.TpTranslationSkills">
+        <div>
+            <div t-foreach="props.skills" t-as="skill" t-key="skill_index"
+                 class="d-flex align-items-center justify-content-between mb-2 p-2 border rounded">
+                <span class="small">
+                    <t t-out="skill.source" /> → <t t-out="skill.target" />
+                    <span t-if="!skill.verified" class="badge bg-warning text-dark ms-2">Unverified</span>
+                    <span t-if="skill.verified" class="badge bg-success ms-2">Verified</span>
+                </span>
+                <button type="button" class="btn btn-sm btn-outline-danger"
+                        t-on-click="() => this.removeSkill(skill)">
+                    <i class="fa fa-trash" />
+                </button>
+            </div>
+            <p t-if="props.skills.length === 0" class="text-muted small text-center">
+                No translation skills defined yet.
+            </p>
+        </div>
+    </t>
+
+    <!-- TpLanguagesPickModal: manage translator skill pairs -->
+    <t t-name="sbc_translation.TpLanguagesPickModal">
+        <TpModal active="props.active" onClose="props.onClose"
+                 title="'Languages'" subtitle="'Your translation skills'"
+                 loading="state.loading" closeButtonText="'Cancel'">
+            <div t-if="state.translator" class="p-3">
+                <div class="row">
+                    <div class="col-md-6" t-if="state.translator.skills.length > 0">
+                        <h6 class="fw-medium mb-3">Your current translation skills</h6>
+                        <TpTranslationSkills
+                            skills="state.translator.skills"
+                            translatorId="state.translator.translatorId"
+                            onChange="() => this.props.onChange()" />
+                    </div>
+                    <div t-att-class="state.translator.skills.length > 0 ? 'col-md-6 bg-light p-3 rounded' : 'col-12'">
+                        <h6 class="fw-medium mb-2">Register a new translation skill</h6>
+                        <p class="small text-muted mb-3">
+                            Translating from a language to another and back are two different skills.
+                        </p>
+                        <div t-foreach="state.potentialSkills" t-as="skill" t-key="skill_index"
+                             class="input-group mb-2">
+                            <select class="form-select form-select-sm" t-model="skill.competenceId">
+                                <option t-foreach="state.competences" t-as="comp" t-key="comp.id"
+                                        t-att-value="comp.id"
+                                        t-att-disabled="translatorHasSkill(comp)"
+                                        t-out="comp.source + ' → ' + comp.target" />
+                            </select>
+                            <button type="button" class="btn btn-sm btn-outline-danger"
+                                    t-on-click="() => state.potentialSkills.splice(skill_index, 1)">
+                                <i class="fa fa-trash" />
+                            </button>
+                        </div>
+                        <div class="text-center mt-2">
+                            <button type="button" class="btn btn-sm btn-outline-secondary"
+                                    t-if="state.allowedCompetences.length > 0"
+                                    t-on-click="addSkill">
+                                Add Skill
+                            </button>
+                            <p t-else="" class="small text-muted fw-semibold">
+                                You already have all available translation skills!
+                            </p>
+                        </div>
+                    </div>
+                </div>
+            </div>
+            <div t-else="" class="p-5 text-center text-muted">
+                <span class="spinner-border spinner-border-sm" />
+            </div>
+            <t t-set-slot="footer-buttons">
+                <button type="button" class="btn btn-primary btn-sm"
+                        t-att-disabled="state.potentialSkills.length === 0"
+                        t-on-click="registerSkills">
+                    Register
+                    <span t-out="state.potentialSkills.length" />
+                    new Skill<span t-out="state.potentialSkills.length === 1 ? '' : 's'" />
+                </button>
+            </t>
+        </TpModal>
+    </t>
+
+</templates>
diff --git a/sbc_translation/static/src/components/tp_letter_viewer.esm.js b/sbc_translation/static/src/components/tp_letter_viewer.esm.js
index 17f40330e..172724f94 100644
--- a/sbc_translation/static/src/components/tp_letter_viewer.esm.js
+++ b/sbc_translation/static/src/components/tp_letter_viewer.esm.js
@@ -1,4 +1,4 @@
-import { Component, useState, xml } from "@odoo/owl";
+import { Component, useState } from "@odoo/owl";
 import { TpLoader } from "./tp_loader.esm";
 import { TpSignalProblem } from "./tp_signal_problem.esm";
 
@@ -10,88 +10,7 @@ import { TpSignalProblem } from "./tp_signal_problem.esm";
  *   navigateBack {Function} - navigate back to letters list
  */
 class TpLetterInfoHeader extends Component {
-  static template = xml`
-        <div t-if="props.letter" id="tp-letter-viewer-header">
-            <div class="d-flex bg-white border-bottom p-3 flex-wrap gap-4">
-                <!-- Child info -->
-                <div>
-                    <h6 class="fw-semibold mb-2">Child Data</h6>
-                    <div class="small text-secondary mb-1">
-                        <span class="fw-medium me-2">Preferred Name</span>
-                        <span t-esc="props.letter.child.preferredName" />
-                    </div>
-                    <div class="small text-secondary mb-1">
-                        <span class="fw-medium me-2">Sex</span>
-                        <span t-esc="props.letter.child.sex === 'M' ? 'Man' : 'Woman'" />
-                    </div>
-                    <div class="small text-secondary">
-                        <span class="fw-medium me-2">Age</span>
-                        <span t-esc="(props.letter.child.age || '') + ' Years Old'" />
-                    </div>
-                </div>
-                <!-- Sponsor info -->
-                <div>
-                    <h6 class="fw-semibold mb-2">Sponsor Data</h6>
-                    <div class="small text-secondary mb-1">
-                        <span class="fw-medium me-2">Preferred Name</span>
-                        <span t-esc="props.letter.sponsor.preferredName" />
-                    </div>
-                    <div class="small text-secondary mb-1">
-                        <span class="fw-medium me-2">Title</span>
-                        <span t-esc="props.letter.sponsor.sex === 'M' ? 'Man' : (props.letter.sponsor.sex === 'F' ? 'Woman' : (props.letter.sponsor.sex || ''))" />
-                    </div>
-                    <div class="small text-secondary">
-                        <span class="fw-medium me-2">Age</span>
-                        <span t-esc="(props.letter.sponsor.age || '') + ' Years Old'" />
-                    </div>
-                </div>
-                <!-- Letter info -->
-                <div class="flex-grow-1">
-                    <h6 class="fw-semibold mb-2">Letter Information</h6>
-                    <div class="small text-secondary mb-1">
-                        <span class="fw-medium me-2">Title</span>
-                        <span t-esc="props.letter.title" />
-                    </div>
-                    <div class="small text-secondary mb-1">
-                        <span class="fw-medium me-2">Identifier</span>
-                        <span t-esc="props.letter.id" />
-                    </div>
-                    <div class="small text-secondary">
-                        <span class="fw-medium me-2">Language</span>
-                        <span t-esc="props.letter.source" />
-                        <span class="fw-bold mx-1">→</span>
-                        <span t-esc="props.letter.target" />
-                    </div>
-                </div>
-            </div>
-            <!-- Status bar + actions -->
-            <div class="d-flex align-items-center justify-content-between bg-light border-bottom px-3 py-2">
-                <div class="d-flex align-items-center gap-2">
-                    <span class="badge"
-                          t-att-class="props.letter.translationIssue ? 'bg-danger' : 'bg-secondary'"
-                          t-esc="props.letter.status" />
-                    <span class="small text-muted">
-                        <t t-if="props.letter.lastUpdate">
-                            Last updated <t t-esc="props.letter.lastUpdate.toLocaleString()" />
-                        </t>
-                        <t t-else="">Never modified</t>
-                    </span>
-                    <TpLoader t-if="props.loading" />
-                </div>
-                <!-- Action buttons slot -->
-                <div class="d-flex gap-2">
-                    <t t-slot="default" />
-                </div>
-            </div>
-            <!-- Child protection reminder -->
-            <div class="bg-light border-bottom px-3 py-2">
-                <p class="small text-secondary mb-0">
-                    Please always signal the problem if the name of the child mentioned in the letter
-                    isn't the preferred name. Thank you.
-                </p>
-            </div>
-        </div>
-    `;
+  static template = 'sbc_translation.TpLetterInfoHeader';
 
   static components = { TpLoader };
 
@@ -120,91 +39,7 @@ class TpLetterInfoHeader extends Component {
  *     right-pane     - additional overlay for the right pane
  */
 export class TpLetterViewer extends Component {
-  static template = xml`
-        <div class="tp-letter-viewer position-relative" style="height: calc(100vh - 50px);">
-            <t t-slot="unsafe" />
-            <TpSignalProblem active="state.signalProblemModal"
-                             letterId="props.letterId"
-                             onClose="() => state.signalProblemModal = false" />
-
-            <!-- Letter found -->
-            <div t-if="props.letter" class="d-flex h-100">
-                <!-- Left pane: PDF / source text -->
-                <div class="position-relative bg-secondary-subtle border-end" style="width: 40%; min-width: 220px; flex-shrink: 0;">
-                    <div class="h-100 overflow-hidden d-flex flex-column">
-                        <!-- View toggle -->
-                        <div class="d-flex gap-1 p-2 bg-white border-bottom">
-                            <button type="button" class="btn btn-sm"
-                                    t-att-class="state.mode === 'letter' ? 'btn-primary' : 'btn-outline-secondary'"
-                                    t-on-click="() => state.mode = 'letter'">Letter</button>
-                            <button type="button" class="btn btn-sm"
-                                    t-att-class="state.mode === 'source' ? 'btn-primary' : 'btn-outline-secondary'"
-                                    t-on-click="() => state.mode = 'source'">Source</button>
-                        </div>
-                        <!-- PDF iframe -->
-                        <div t-if="state.mode === 'letter'" class="flex-grow-1">
-                            <iframe t-att-src="props.letter.pdfUrl" class="w-100 h-100" style="border: none;" />
-                        </div>
-                        <!-- Source text -->
-                        <div t-elif="state.mode === 'source'" class="flex-grow-1 overflow-auto p-3 bg-dark text-light">
-                            <h5 class="fw-semibold">Source Text to translate</h5>
-                            <p class="small text-secondary mb-3">
-                                If the letter is unavailable, please signal a problem.
-                            </p>
-                            <div t-foreach="props.letter.translatedElements" t-as="elem" t-key="elem.id">
-                                <div t-if="elem.type === 'paragraph'"
-                                     class="bg-secondary p-3 mb-2 rounded small text-white">
-                                    <p class="mb-0" t-esc="elem.source" />
-                                </div>
-                                <div t-if="elem.type === 'pageBreak'"
-                                     class="text-center text-secondary-emphasis small py-2 mb-2 border rounded">
-                                    — Page Break —
-                                </div>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-
-                <!-- Right pane: translation editor -->
-                <div class="flex-grow-1 d-flex flex-column position-relative overflow-hidden">
-                    <t t-slot="right-pane" />
-                    <!-- Header with letter info + action buttons -->
-                    <TpLetterInfoHeader letter="props.letter" loading="props.smallLoading">
-                        <t t-slot="action-buttons" />
-                    </TpLetterInfoHeader>
-                    <!-- Content area -->
-                    <div class="flex-grow-1 overflow-auto bg-light p-3" id="tp-letter-viewer-content">
-                        <t t-slot="content" letter="props.letter" />
-                    </div>
-                </div>
-            </div>
-
-            <!-- Letter not found -->
-            <div t-elif="!props.loading"
-                 class="d-flex flex-column align-items-center justify-content-center h-100">
-                <i class="fa fa-exclamation-triangle fa-4x text-secondary mb-3" />
-                <p class="text-secondary fw-semibold mb-3">This letter could not be found</p>
-                <div class="d-flex gap-2">
-                    <button type="button" class="btn btn-sm btn-outline-danger"
-                            t-on-click="() => state.signalProblemModal = true">
-                        Signal a Problem
-                    </button>
-                    <button type="button" class="btn btn-sm btn-outline-secondary"
-                            t-on-click="props.navigateBack">
-                        Back to Translations
-                    </button>
-                </div>
-            </div>
-
-            <!-- Loading overlay -->
-            <div t-if="props.loading"
-                 class="position-absolute top-0 start-0 w-100 h-100 d-flex flex-column align-items-center justify-content-center bg-light"
-                 style="z-index: 30;">
-                <div class="spinner-border text-primary mb-2" />
-                <p class="text-muted">Loading letter...</p>
-            </div>
-        </div>
-    `;
+  static template = 'sbc_translation.TpLetterViewer';
 
   static components = { TpLetterInfoHeader, TpSignalProblem, TpLoader };
 
diff --git a/sbc_translation/static/src/components/tp_letter_viewer.xml b/sbc_translation/static/src/components/tp_letter_viewer.xml
new file mode 100644
index 000000000..bc6998d08
--- /dev/null
+++ b/sbc_translation/static/src/components/tp_letter_viewer.xml
@@ -0,0 +1,175 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<templates xml:space="preserve">
+
+    <!-- Letter info header (child/sponsor/letter metadata + status bar) -->
+    <t t-name="sbc_translation.TpLetterInfoHeader">
+        <div t-if="props.letter" id="tp-letter-viewer-header">
+            <div class="d-flex bg-white border-bottom p-3 flex-wrap gap-4">
+                <!-- Child info -->
+                <div>
+                    <h6 class="fw-semibold mb-2">Child Data</h6>
+                    <div class="small text-secondary mb-1">
+                        <span class="fw-medium me-2">Preferred Name</span>
+                        <span t-out="props.letter.child.preferredName" />
+                    </div>
+                    <div class="small text-secondary mb-1">
+                        <span class="fw-medium me-2">Sex</span>
+                        <span t-out="props.letter.child.sex === 'M' ? 'Man' : 'Woman'" />
+                    </div>
+                    <div class="small text-secondary">
+                        <span class="fw-medium me-2">Age</span>
+                        <span t-out="(props.letter.child.age || '') + ' Years Old'" />
+                    </div>
+                </div>
+                <!-- Sponsor info -->
+                <div>
+                    <h6 class="fw-semibold mb-2">Sponsor Data</h6>
+                    <div class="small text-secondary mb-1">
+                        <span class="fw-medium me-2">Preferred Name</span>
+                        <span t-out="props.letter.sponsor.preferredName" />
+                    </div>
+                    <div class="small text-secondary mb-1">
+                        <span class="fw-medium me-2">Title</span>
+                        <span t-out="props.letter.sponsor.sex === 'M' ? 'Man' : (props.letter.sponsor.sex === 'F' ? 'Woman' : (props.letter.sponsor.sex || ''))" />
+                    </div>
+                    <div class="small text-secondary">
+                        <span class="fw-medium me-2">Age</span>
+                        <span t-out="(props.letter.sponsor.age || '') + ' Years Old'" />
+                    </div>
+                </div>
+                <!-- Letter info -->
+                <div class="flex-grow-1">
+                    <h6 class="fw-semibold mb-2">Letter Information</h6>
+                    <div class="small text-secondary mb-1">
+                        <span class="fw-medium me-2">Title</span>
+                        <span t-out="props.letter.title" />
+                    </div>
+                    <div class="small text-secondary mb-1">
+                        <span class="fw-medium me-2">Identifier</span>
+                        <span t-out="props.letter.id" />
+                    </div>
+                    <div class="small text-secondary">
+                        <span class="fw-medium me-2">Language</span>
+                        <span t-out="props.letter.source" />
+                        <span class="fw-bold mx-1">→</span>
+                        <span t-out="props.letter.target" />
+                    </div>
+                </div>
+            </div>
+            <!-- Status bar + actions -->
+            <div class="d-flex align-items-center justify-content-between bg-light border-bottom px-3 py-2">
+                <div class="d-flex align-items-center gap-2">
+                    <span class="badge"
+                          t-att-class="props.letter.translationIssue ? 'bg-danger' : 'bg-secondary'"
+                          t-out="props.letter.status" />
+                    <span class="small text-muted">
+                        <t t-if="props.letter.lastUpdate">
+                            Last updated <t t-out="props.letter.lastUpdate.toLocaleString()" />
+                        </t>
+                        <t t-else="">Never modified</t>
+                    </span>
+                    <TpLoader t-if="props.loading" />
+                </div>
+                <!-- Action buttons slot -->
+                <div class="d-flex gap-2">
+                    <t t-slot="default" />
+                </div>
+            </div>
+            <!-- Child protection reminder -->
+            <div class="bg-light border-bottom px-3 py-2">
+                <p class="small text-secondary mb-0">
+                    Please always signal the problem if the name of the child mentioned in the letter
+                    isn't the preferred name. Thank you.
+                </p>
+            </div>
+        </div>
+    </t>
+
+    <!-- Full split-pane letter viewer (left: PDF/source, right: editor) -->
+    <t t-name="sbc_translation.TpLetterViewer">
+        <div class="tp-letter-viewer position-relative" style="height: calc(100vh - 50px);">
+            <t t-slot="unsafe" />
+            <TpSignalProblem active="state.signalProblemModal"
+                             letterId="props.letterId"
+                             onClose="() => state.signalProblemModal = false" />
+
+            <!-- Letter found -->
+            <div t-if="props.letter" class="d-flex h-100">
+                <!-- Left pane: PDF / source text -->
+                <div class="position-relative bg-secondary-subtle border-end" style="width: 40%; min-width: 220px; flex-shrink: 0;">
+                    <div class="h-100 overflow-hidden d-flex flex-column">
+                        <!-- View toggle -->
+                        <div class="d-flex gap-1 p-2 bg-white border-bottom">
+                            <button type="button" class="btn btn-sm"
+                                    t-att-class="state.mode === 'letter' ? 'btn-primary' : 'btn-outline-secondary'"
+                                    t-on-click="() => state.mode = 'letter'">Letter</button>
+                            <button type="button" class="btn btn-sm"
+                                    t-att-class="state.mode === 'source' ? 'btn-primary' : 'btn-outline-secondary'"
+                                    t-on-click="() => state.mode = 'source'">Source</button>
+                        </div>
+                        <!-- PDF iframe -->
+                        <div t-if="state.mode === 'letter'" class="flex-grow-1">
+                            <iframe t-att-src="props.letter.pdfUrl" class="w-100 h-100" style="border: none;" />
+                        </div>
+                        <!-- Source text -->
+                        <div t-elif="state.mode === 'source'" class="flex-grow-1 overflow-auto p-3 bg-dark text-light">
+                            <h5 class="fw-semibold">Source Text to translate</h5>
+                            <p class="small text-secondary mb-3">
+                                If the letter is unavailable, please signal a problem.
+                            </p>
+                            <div t-foreach="props.letter.translatedElements" t-as="elem" t-key="elem.id">
+                                <div t-if="elem.type === 'paragraph'"
+                                     class="bg-secondary p-3 mb-2 rounded small text-white">
+                                    <p class="mb-0" t-out="elem.source" />
+                                </div>
+                                <div t-if="elem.type === 'pageBreak'"
+                                     class="text-center text-secondary-emphasis small py-2 mb-2 border rounded">
+                                    — Page Break —
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+
+                <!-- Right pane: translation editor -->
+                <div class="flex-grow-1 d-flex flex-column position-relative overflow-hidden">
+                    <t t-slot="right-pane" />
+                    <!-- Header with letter info + action buttons -->
+                    <TpLetterInfoHeader letter="props.letter" loading="props.smallLoading">
+                        <t t-slot="action-buttons" />
+                    </TpLetterInfoHeader>
+                    <!-- Content area -->
+                    <div class="flex-grow-1 overflow-auto bg-light p-3" id="tp-letter-viewer-content">
+                        <t t-slot="content" letter="props.letter" />
+                    </div>
+                </div>
+            </div>
+
+            <!-- Letter not found -->
+            <div t-elif="!props.loading"
+                 class="d-flex flex-column align-items-center justify-content-center h-100">
+                <i class="fa fa-exclamation-triangle fa-4x text-secondary mb-3" />
+                <p class="text-secondary fw-semibold mb-3">This letter could not be found</p>
+                <div class="d-flex gap-2">
+                    <button type="button" class="btn btn-sm btn-outline-danger"
+                            t-on-click="() => state.signalProblemModal = true">
+                        Signal a Problem
+                    </button>
+                    <button type="button" class="btn btn-sm btn-outline-secondary"
+                            t-on-click="props.navigateBack">
+                        Back to Translations
+                    </button>
+                </div>
+            </div>
+
+            <!-- Loading overlay -->
+            <div t-if="props.loading"
+                 class="position-absolute top-0 start-0 w-100 h-100 d-flex flex-column align-items-center justify-content-center bg-light"
+                 style="z-index: 30;">
+                <div class="spinner-border text-primary mb-2" />
+                <p class="text-muted">Loading letter...</p>
+            </div>
+        </div>
+    </t>
+
+</templates>
diff --git a/sbc_translation/static/src/components/tp_loader.esm.js b/sbc_translation/static/src/components/tp_loader.esm.js
index 0f749be19..6ea5a3789 100644
--- a/sbc_translation/static/src/components/tp_loader.esm.js
+++ b/sbc_translation/static/src/components/tp_loader.esm.js
@@ -1,16 +1,10 @@
-import { Component, xml } from "@odoo/owl";
+import { Component } from "@odoo/owl";
 
 /**
  * Generic loading spinner.
  */
 export class TpLoader extends Component {
-  static template = xml`
-        <div class="d-flex justify-content-center">
-            <span class="spinner-border spinner-border-sm text-primary" role="status">
-                <span class="visually-hidden">Loading...</span>
-            </span>
-        </div>
-    `;
+  static template = 'sbc_translation.TpLoader';
   static props = { "*": {} };
 }
 
@@ -18,16 +12,7 @@ export class TpLoader extends Component {
  * Full-screen blur overlay with a spinner (shown while loading).
  */
 export class TpBlurLoader extends Component {
-  static template = xml`
-        <div t-if="props.active"
-             class="position-absolute top-0 start-0 w-100 h-100 d-flex flex-column align-items-center justify-content-center"
-             style="background: rgba(255,255,255,0.7); backdrop-filter: blur(4px); z-index: 40;">
-            <div class="p-4 bg-white rounded shadow">
-                <TpLoader />
-            </div>
-            <p t-if="props.text" class="mt-3 text-muted fs-5" t-esc="props.text" />
-        </div>
-    `;
+  static template = 'sbc_translation.TpBlurLoader';
   static components = { TpLoader };
   static props = {
     active: { type: Boolean, optional: true },
diff --git a/sbc_translation/static/src/components/tp_loader.xml b/sbc_translation/static/src/components/tp_loader.xml
new file mode 100644
index 000000000..674598793
--- /dev/null
+++ b/sbc_translation/static/src/components/tp_loader.xml
@@ -0,0 +1,25 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<templates xml:space="preserve">
+
+    <!-- TpLoader: inline spinner for small loading indicators -->
+    <t t-name="sbc_translation.TpLoader">
+        <div class="d-flex justify-content-center">
+            <span class="spinner-border spinner-border-sm text-primary" role="status">
+                <span class="visually-hidden">Loading...</span>
+            </span>
+        </div>
+    </t>
+
+    <!-- TpBlurLoader: full-screen blur overlay shown while page-level content loads -->
+    <t t-name="sbc_translation.TpBlurLoader">
+        <div t-if="props.active"
+             class="position-absolute top-0 start-0 w-100 h-100 d-flex flex-column align-items-center justify-content-center"
+             style="background: rgba(255,255,255,0.7); backdrop-filter: blur(4px); z-index: 40;">
+            <div class="p-4 bg-white rounded shadow">
+                <TpLoader />
+            </div>
+            <p t-if="props.text" class="mt-3 text-muted fs-5" t-out="props.text" />
+        </div>
+    </t>
+
+</templates>
diff --git a/sbc_translation/static/src/components/tp_modal.esm.js b/sbc_translation/static/src/components/tp_modal.esm.js
index 366319f83..8c3666557 100644
--- a/sbc_translation/static/src/components/tp_modal.esm.js
+++ b/sbc_translation/static/src/components/tp_modal.esm.js
@@ -1,11 +1,4 @@
-import {
-  Component,
-  onMounted,
-  onPatched,
-  onWillUpdateProps,
-  useState,
-  xml,
-} from "@odoo/owl";
+import { Component, onMounted, onPatched, onWillUpdateProps, useState } from "@odoo/owl";
 import { TpLoader } from "./tp_loader.esm";
 
 // Duration of the Bootstrap modal fade-in/out CSS transition (ms).
@@ -24,49 +17,7 @@ const MODAL_TRANSITION_DURATION_MS = 200;
  *   closeButtonText {String}  - label for the footer close button
  */
 export class TpModal extends Component {
-  static template = xml`
-        <div t-if="state.mounted"
-             class="modal tp-modal"
-             t-att-class="{ 'show d-block': state.display, 'd-none': !state.display }"
-             tabindex="-1"
-             t-on-click.self="props.onClose or (() => null)">
-            <div class="modal-dialog modal-dialog-centered modal-lg" t-att-class="props.dialogClass || ''">
-                <div class="modal-content position-relative">
-                    <!-- Loading overlay -->
-                    <div t-if="props.loading"
-                         class="position-absolute top-0 start-0 w-100 h-100 d-flex align-items-center justify-content-center"
-                         style="background: rgba(255,255,255,0.8); z-index: 10; backdrop-filter: blur(2px);">
-                        <TpLoader />
-                    </div>
-                    <!-- Header -->
-                    <div class="modal-header" t-if="props.title or props.onClose">
-                        <div>
-                            <h5 class="modal-title" t-if="props.title" t-esc="props.title" />
-                            <p class="text-muted small mb-0" t-if="props.subtitle" t-esc="props.subtitle" />
-                        </div>
-                        <button t-if="props.onClose" type="button" class="btn-close" t-on-click="props.onClose" />
-                    </div>
-                    <!-- Body -->
-                    <div class="modal-body p-0">
-                        <t t-slot="default" />
-                    </div>
-                    <!-- Footer -->
-                    <t t-slot="footer">
-                        <div class="modal-footer" t-if="!props.empty">
-                            <button t-if="props.onClose and props.showCloseButton !== false"
-                                    type="button"
-                                    class="btn btn-outline-secondary btn-sm"
-                                    t-on-click="props.onClose"
-                                    t-esc="props.closeButtonText or 'Close'" />
-                            <t t-slot="footer-buttons" />
-                        </div>
-                    </t>
-                </div>
-            </div>
-        </div>
-        <!-- Backdrop -->
-        <div t-if="state.display" class="modal-backdrop show" />
-    `;
+  static template = 'sbc_translation.TpModal';
 
   static components = { TpLoader };
 
diff --git a/sbc_translation/static/src/components/tp_modal.xml b/sbc_translation/static/src/components/tp_modal.xml
new file mode 100644
index 000000000..e40e9c6e4
--- /dev/null
+++ b/sbc_translation/static/src/components/tp_modal.xml
@@ -0,0 +1,48 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<templates xml:space="preserve">
+
+    <t t-name="sbc_translation.TpModal">
+        <div t-if="state.mounted"
+             class="modal tp-modal"
+             t-att-class="{ 'show d-block': state.display, 'd-none': !state.display }"
+             tabindex="-1"
+             t-on-click.self="props.onClose or (() => null)">
+            <div class="modal-dialog modal-dialog-centered modal-lg" t-att-class="props.dialogClass || ''">
+                <div class="modal-content position-relative">
+                    <!-- Loading overlay -->
+                    <div t-if="props.loading"
+                         class="position-absolute top-0 start-0 w-100 h-100 d-flex align-items-center justify-content-center"
+                         style="background: rgba(255,255,255,0.8); z-index: 10; backdrop-filter: blur(2px);">
+                        <TpLoader />
+                    </div>
+                    <!-- Header -->
+                    <div class="modal-header" t-if="props.title or props.onClose">
+                        <div>
+                            <h5 class="modal-title" t-if="props.title" t-out="props.title" />
+                            <p class="text-muted small mb-0" t-if="props.subtitle" t-out="props.subtitle" />
+                        </div>
+                        <button t-if="props.onClose" type="button" class="btn-close" t-on-click="props.onClose" />
+                    </div>
+                    <!-- Body -->
+                    <div class="modal-body p-0">
+                        <t t-slot="default" />
+                    </div>
+                    <!-- Footer -->
+                    <t t-slot="footer">
+                        <div class="modal-footer" t-if="!props.empty">
+                            <button t-if="props.onClose and props.showCloseButton !== false"
+                                    type="button"
+                                    class="btn btn-outline-secondary btn-sm"
+                                    t-on-click="props.onClose"
+                                    t-out="props.closeButtonText ? props.closeButtonText : 'Close'" />
+                            <t t-slot="footer-buttons" />
+                        </div>
+                    </t>
+                </div>
+            </div>
+        </div>
+        <!-- Backdrop -->
+        <div t-if="state.display" class="modal-backdrop show" />
+    </t>
+
+</templates>
diff --git a/sbc_translation/static/src/components/tp_signal_problem.esm.js b/sbc_translation/static/src/components/tp_signal_problem.esm.js
index 9dafb3eb6..2a72207d9 100644
--- a/sbc_translation/static/src/components/tp_signal_problem.esm.js
+++ b/sbc_translation/static/src/components/tp_signal_problem.esm.js
@@ -1,4 +1,4 @@
-import { Component, useState, xml } from "@odoo/owl";
+import { Component, useState } from "@odoo/owl";
 import { SettingsDAO } from "../models/settings_dao.esm";
 import { TpModal } from "./tp_modal.esm";
 import { call } from "../rpc.esm";
@@ -12,27 +12,7 @@ import { showNotification } from "../notification.esm";
  *   onClose   {Function}
  */
 export class TpSignalProblem extends Component {
-  static template = xml`
-        <TpModal active="props.active" onClose="props.onClose"
-                 title="'Signal a Problem'"
-                 subtitle="'Notify Compassion of a problem with this letter'"
-                 loading="state.loading">
-            <div class="p-3">
-                <select class="form-select form-select-sm mb-2" t-model="state.type">
-                    <option t-foreach="state.types" t-as="type" t-key="type.id"
-                            t-att-value="type.id" t-esc="type.text" />
-                </select>
-                <textarea class="form-control form-control-sm" rows="4"
-                          t-model="state.message"
-                          placeholder="Your Message" />
-            </div>
-            <t t-set-slot="footer-buttons">
-                <button type="button" class="btn btn-primary btn-sm" t-on-click="submit">
-                    Send Message
-                </button>
-            </t>
-        </TpModal>
-    `;
+  static template = 'sbc_translation.TpSignalProblem';
 
   static components = { TpModal };
 
diff --git a/sbc_translation/static/src/components/tp_signal_problem.xml b/sbc_translation/static/src/components/tp_signal_problem.xml
new file mode 100644
index 000000000..ca6fc0a1b
--- /dev/null
+++ b/sbc_translation/static/src/components/tp_signal_problem.xml
@@ -0,0 +1,26 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<templates xml:space="preserve">
+
+    <t t-name="sbc_translation.TpSignalProblem">
+        <TpModal active="props.active" onClose="props.onClose"
+                 title="'Signal a Problem'"
+                 subtitle="'Notify Compassion of a problem with this letter'"
+                 loading="state.loading">
+            <div class="p-3">
+                <select class="form-select form-select-sm mb-2" t-model="state.type">
+                    <option t-foreach="state.types" t-as="type" t-key="type.id"
+                            t-att-value="type.id" t-out="type.text" />
+                </select>
+                <textarea class="form-control form-control-sm" rows="4"
+                          t-model="state.message"
+                          placeholder="Your Message" />
+            </div>
+            <t t-set-slot="footer-buttons">
+                <button type="button" class="btn btn-primary btn-sm" t-on-click="submit">
+                    Send Message
+                </button>
+            </t>
+        </TpModal>
+    </t>
+
+</templates>
diff --git a/sbc_translation/static/src/components/tp_translator_button.esm.js b/sbc_translation/static/src/components/tp_translator_button.esm.js
index 2d8ea69db..ec784b01b 100644
--- a/sbc_translation/static/src/components/tp_translator_button.esm.js
+++ b/sbc_translation/static/src/components/tp_translator_button.esm.js
@@ -1,4 +1,4 @@
-import { Component, useState, xml } from "@odoo/owl";
+import { Component, useState } from "@odoo/owl";
 import { TpModal } from "./tp_modal.esm";
 import { TranslatorDAO } from "../models/translator_dao.esm";
 
@@ -8,43 +8,7 @@ import { TranslatorDAO } from "../models/translator_dao.esm";
  *   translatorId {number}
  */
 export class TpTranslatorButton extends Component {
-  static template = xml`
-        <span>
-            <button type="button"
-                    class="btn btn-sm btn-link p-0"
-                    t-on-click="loadAndOpen">
-                <t t-if="state.translator">
-                    <t t-esc="state.translator.name or ('Translator #' + props.translatorId)" />
-                </t>
-                <t t-else="">
-                    <span class="spinner-border spinner-border-sm" t-if="state.loading" />
-                    <span t-else="" t-esc="'#' + props.translatorId" />
-                </t>
-            </button>
-            <TpModal active="state.showModal"
-                     onClose="() => state.showModal = false"
-                     title="'Translator Details'">
-                <div class="p-3 small" t-if="state.translator">
-                    <div class="mb-2">
-                        <span class="fw-medium me-2">Name</span>
-                        <span t-esc="state.translator.name" />
-                    </div>
-                    <div class="mb-2">
-                        <span class="fw-medium me-2">Email</span>
-                        <span t-esc="state.translator.email or '—'" />
-                    </div>
-                    <div class="mb-2">
-                        <span class="fw-medium me-2">Letters translated</span>
-                        <span t-esc="state.translator.total" />
-                    </div>
-                    <div>
-                        <span class="fw-medium me-2">Role</span>
-                        <span t-esc="state.translator.role" />
-                    </div>
-                </div>
-            </TpModal>
-        </span>
-    `;
+  static template = 'sbc_translation.TpTranslatorButton';
 
   static components = { TpModal };
 
diff --git a/sbc_translation/static/src/components/tp_translator_button.xml b/sbc_translation/static/src/components/tp_translator_button.xml
new file mode 100644
index 000000000..509f1cab7
--- /dev/null
+++ b/sbc_translation/static/src/components/tp_translator_button.xml
@@ -0,0 +1,42 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<templates xml:space="preserve">
+
+    <t t-name="sbc_translation.TpTranslatorButton">
+        <span>
+            <button type="button"
+                    class="btn btn-sm btn-link p-0"
+                    t-on-click="loadAndOpen">
+                <t t-if="state.translator">
+                    <t t-out="state.translator.name ? state.translator.name : ('#' + props.translatorId)" />
+                </t>
+                <t t-else="">
+                    <span class="spinner-border spinner-border-sm" t-if="state.loading" />
+                    <span t-else="" t-out="'#' + props.translatorId" />
+                </t>
+            </button>
+            <TpModal active="state.showModal"
+                     onClose="() => state.showModal = false"
+                     title="'Translator Details'">
+                <div class="p-3 small" t-if="state.translator">
+                    <div class="mb-2">
+                        <span class="fw-medium me-2">Name</span>
+                        <span t-out="state.translator.name" />
+                    </div>
+                    <div class="mb-2">
+                        <span class="fw-medium me-2">Email</span>
+                        <span t-out="state.translator.email ? state.translator.email : '—'" />
+                    </div>
+                    <div class="mb-2">
+                        <span class="fw-medium me-2">Letters translated</span>
+                        <span t-out="state.translator.total" />
+                    </div>
+                    <div>
+                        <span class="fw-medium me-2">Role</span>
+                        <span t-out="state.translator.role" />
+                    </div>
+                </div>
+            </TpModal>
+        </span>
+    </t>
+
+</templates>
diff --git a/sbc_translation/static/src/pages/tp_home.esm.js b/sbc_translation/static/src/pages/tp_home.esm.js
index 604cd984e..2f390d826 100644
--- a/sbc_translation/static/src/pages/tp_home.esm.js
+++ b/sbc_translation/static/src/pages/tp_home.esm.js
@@ -1,4 +1,4 @@
-import { Component, onMounted, useState, xml } from "@odoo/owl";
+import { Component, onMounted, useState } from "@odoo/owl";
 import { LetterDAO } from "../models/letter_dao.esm";
 import { TpBlurLoader } from "../components/tp_loader.esm";
 import { TpLanguagesPickModal } from "../components/tp_languages_pick_modal.esm";
@@ -13,58 +13,7 @@ import { TpLanguagesPickModal } from "../components/tp_languages_pick_modal.esm"
  *   navigate  {Function}
  */
 class TpTranslationCard extends Component {
-  static template = xml`
-        <div class="card tp-translation-card" style="min-width: 260px; max-width: 300px;"
-             t-att-class="{
-               'border-primary': props.status === 'highlight',
-               'border-warning': props.status === 'unverified',
-               'border-info': props.status === 'waiting',
-             }">
-            <div class="card-header d-flex justify-content-between align-items-start">
-                <div>
-                    <h6 class="mb-0 fw-light" t-esc="props.title" />
-                    <small t-if="!props.status or props.status === 'highlight'" class="text-muted">
-                        <t t-esc="props.remaining" /> Letters
-                    </small>
-                    <small t-elif="props.status === 'waiting'" class="text-muted">Awaiting approval</small>
-                    <small t-else="" class="text-muted">Waiting for your verification letter</small>
-                </div>
-            </div>
-            <div class="card-body">
-                <div t-if="props.letters.length === 0">
-                    <p class="text-muted text-center small">No letters to translate here</p>
-                </div>
-                <div t-elif="!props.status or props.status === 'highlight'">
-                    <button type="button" class="btn btn-sm btn-primary w-100 mb-2"
-                            t-on-click="() => props.navigate('letter-edit', { letterId: props.letters[0].id })">
-                        <i class="fa fa-star me-1" />Take the first
-                    </button>
-                    <div t-foreach="props.letters" t-as="letter" t-key="letter.id">
-                        <button type="button"
-                                class="btn btn-link btn-sm p-0 d-block mb-1 text-start"
-                                t-att-class="{ 'text-danger': letter.translationIssue }"
-                                t-on-click="() => props.navigate('letter-edit', { letterId: letter.id })">
-                            <span class="fw-semibold" t-esc="letter.child.ref" />
-                            <span class="ms-1 text-muted" t-esc="'(' + letter.date.toLocaleDateString() + ')'" />
-                        </button>
-                    </div>
-                </div>
-                <div t-elif="props.status === 'waiting'" class="text-center text-muted small">
-                    <p>Your verification letter is awaiting approval. Once approved you will be able to start translating.</p>
-                </div>
-                <div t-else="">
-                    <button type="button" class="btn btn-sm btn-primary w-100 mb-2"
-                            t-if="props.letters.length > 0"
-                            t-on-click="() => props.navigate('letter-edit', { letterId: props.letters[0].id })">
-                        <i class="fa fa-star me-1" />Translate Verification Letter
-                    </button>
-                    <p class="text-center text-muted small">
-                        This skill must be validated. Translate the given letter for it to be reviewed.
-                    </p>
-                </div>
-            </div>
-        </div>
-    `;
+  static template = 'sbc_translation.TpTranslationCard';
 
   static props = {
     title: { type: String },
@@ -83,73 +32,7 @@ class TpTranslationCard extends Component {
  *   onRefreshTranslator {Function}
  */
 export class TpHome extends Component {
-  static template = xml`
-        <div class="container py-4 position-relative">
-            <TpBlurLoader active="state.loading" />
-
-            <TpLanguagesPickModal
-                active="state.manageSkillsModal"
-                onClose="() => this.closeSkillsModal()"
-                translatorId="props.translator ? props.translator.translatorId : undefined"
-                onChange="() => this.onSkillsChange()" />
-
-            <div class="text-center pt-4 pb-3">
-                <p class="text-muted fw-light fs-5">Compassion</p>
-                <h1 class="fw-light display-5">Translation Platform</h1>
-            </div>
-
-            <!-- Has skills: show letter cards -->
-            <div t-if="state.skillLetters.length > 0">
-                <p class="text-center text-secondary mb-2">
-                    Welcome <strong t-esc="props.translator ? props.translator.name : ''" />.
-                    Here are the texts waiting to be translated.
-                </p>
-                <div t-if="props.translator and props.translator.total > 1" class="text-center mb-3">
-                    <p class="text-secondary">
-                        You have translated a total of
-                        <span class="text-primary fw-semibold mx-1" t-esc="props.translator.total" />
-                        letters – thank you so much!
-                    </p>
-                </div>
-                <div class="d-flex justify-content-center mb-4">
-                    <button type="button" class="btn btn-sm btn-outline-secondary"
-                            t-on-click="() => state.manageSkillsModal = true">
-                        <i class="fa fa-cog me-1" />Manage your translation skills
-                    </button>
-                </div>
-                <div class="d-flex flex-wrap gap-4 justify-content-center">
-                    <TpTranslationCard
-                        t-if="state.savedLetters and state.savedLetters.total > 0"
-                        title="'Saved Letters'"
-                        remaining="state.savedLetters.total"
-                        letters="state.savedLetters.data"
-                        status="'highlight'"
-                        navigate="props.navigate" />
-                    <TpTranslationCard t-foreach="state.skillLetters"
-                        t-as="item" t-key="item_index"
-                        title="item.skill.source + ' → ' + item.skill.target"
-                        remaining="item.total"
-                        letters="item.letters"
-                        status="getCardStatus(item)"
-                        navigate="props.navigate" />
-                </div>
-                <div class="text-center py-5 text-muted fw-light fs-5">Thank you.</div>
-            </div>
-
-            <!-- No skills yet -->
-            <div t-else="" class="text-center my-5">
-                <p class="text-secondary mb-4">
-                    Welcome <strong t-esc="props.translator ? props.translator.name : ''" />.
-                    It seems you don't have any translation skill yet.
-                    Start by picking the languages you are confident in.
-                </p>
-                <button type="button" class="btn btn-primary"
-                        t-on-click="() => state.manageSkillsModal = true">
-                    <i class="fa fa-plus me-1" />Pick Languages
-                </button>
-            </div>
-        </div>
-    `;
+  static template = 'sbc_translation.TpHome';
 
   static components = { TpLanguagesPickModal, TpTranslationCard, TpBlurLoader };
 
diff --git a/sbc_translation/static/src/pages/tp_home.xml b/sbc_translation/static/src/pages/tp_home.xml
new file mode 100644
index 000000000..702d995ec
--- /dev/null
+++ b/sbc_translation/static/src/pages/tp_home.xml
@@ -0,0 +1,127 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<templates xml:space="preserve">
+
+    <!-- Skill card shown on the home dashboard -->
+    <t t-name="sbc_translation.TpTranslationCard">
+        <div class="card tp-translation-card" style="min-width: 260px; max-width: 300px;"
+             t-att-class="{
+               'border-primary': props.status === 'highlight',
+               'border-warning': props.status === 'unverified',
+               'border-info': props.status === 'waiting',
+             }">
+            <div class="card-header d-flex justify-content-between align-items-start">
+                <div>
+                    <h6 class="mb-0 fw-light" t-out="props.title" />
+                    <small t-if="!props.status or props.status === 'highlight'" class="text-muted">
+                        <t t-out="props.remaining" /> Letters
+                    </small>
+                    <small t-elif="props.status === 'waiting'" class="text-muted">Awaiting approval</small>
+                    <small t-else="" class="text-muted">Waiting for your verification letter</small>
+                </div>
+            </div>
+            <div class="card-body">
+                <div t-if="props.letters.length === 0">
+                    <p class="text-muted text-center small">No letters to translate here</p>
+                </div>
+                <div t-elif="!props.status or props.status === 'highlight'">
+                    <button type="button" class="btn btn-sm btn-primary w-100 mb-2"
+                            t-on-click="() => props.navigate('letter-edit', { letterId: props.letters[0].id })">
+                        <i class="fa fa-star me-1" />Take the first
+                    </button>
+                    <div t-foreach="props.letters" t-as="letter" t-key="letter.id">
+                        <button type="button"
+                                class="btn btn-link btn-sm p-0 d-block mb-1 text-start"
+                                t-att-class="{ 'text-danger': letter.translationIssue }"
+                                t-on-click="() => props.navigate('letter-edit', { letterId: letter.id })">
+                            <span class="fw-semibold" t-out="letter.child.ref" />
+                            <span class="ms-1 text-muted" t-out="'(' + letter.date.toLocaleDateString() + ')'" />
+                        </button>
+                    </div>
+                </div>
+                <div t-elif="props.status === 'waiting'" class="text-center text-muted small">
+                    <p>Your verification letter is awaiting approval. Once approved you will be able to start translating.</p>
+                </div>
+                <div t-else="">
+                    <button type="button" class="btn btn-sm btn-primary w-100 mb-2"
+                            t-if="props.letters.length > 0"
+                            t-on-click="() => props.navigate('letter-edit', { letterId: props.letters[0].id })">
+                        <i class="fa fa-star me-1" />Translate Verification Letter
+                    </button>
+                    <p class="text-center text-muted small">
+                        This skill must be validated. Translate the given letter for it to be reviewed.
+                    </p>
+                </div>
+            </div>
+        </div>
+    </t>
+
+    <!-- Home page: dashboard with skill cards and letter links -->
+    <t t-name="sbc_translation.TpHome">
+        <div class="container py-4 position-relative">
+            <TpBlurLoader active="state.loading" />
+
+            <TpLanguagesPickModal
+                active="state.manageSkillsModal"
+                onClose="() => this.closeSkillsModal()"
+                translatorId="props.translator ? props.translator.translatorId : undefined"
+                onChange="() => this.onSkillsChange()" />
+
+            <div class="text-center pt-4 pb-3">
+                <p class="text-muted fw-light fs-5">Compassion</p>
+                <h1 class="fw-light display-5">Translation Platform</h1>
+            </div>
+
+            <!-- Has skills: show letter cards -->
+            <div t-if="state.skillLetters.length > 0">
+                <p class="text-center text-secondary mb-2">
+                    Welcome <strong t-out="props.translator ? props.translator.name : ''" />.
+                    Here are the texts waiting to be translated.
+                </p>
+                <div t-if="props.translator and props.translator.total > 1" class="text-center mb-3">
+                    <p class="text-secondary">
+                        You have translated a total of
+                        <span class="text-primary fw-semibold mx-1" t-out="props.translator.total" />
+                        letters – thank you so much!
+                    </p>
+                </div>
+                <div class="d-flex justify-content-center mb-4">
+                    <button type="button" class="btn btn-sm btn-outline-secondary"
+                            t-on-click="() => state.manageSkillsModal = true">
+                        <i class="fa fa-cog me-1" />Manage your translation skills
+                    </button>
+                </div>
+                <div class="d-flex flex-wrap gap-4 justify-content-center">
+                    <TpTranslationCard
+                        t-if="state.savedLetters and state.savedLetters.total > 0"
+                        title="'Saved Letters'"
+                        remaining="state.savedLetters.total"
+                        letters="state.savedLetters.data"
+                        status="'highlight'"
+                        navigate="props.navigate" />
+                    <TpTranslationCard t-foreach="state.skillLetters"
+                        t-as="item" t-key="item_index"
+                        title="item.skill.source + ' → ' + item.skill.target"
+                        remaining="item.total"
+                        letters="item.letters"
+                        status="getCardStatus(item)"
+                        navigate="props.navigate" />
+                </div>
+                <div class="text-center py-5 text-muted fw-light fs-5">Thank you.</div>
+            </div>
+
+            <!-- No skills yet -->
+            <div t-else="" class="text-center my-5">
+                <p class="text-secondary mb-4">
+                    Welcome <strong t-out="props.translator ? props.translator.name : ''" />.
+                    It seems you don't have any translation skill yet.
+                    Start by picking the languages you are confident in.
+                </p>
+                <button type="button" class="btn btn-primary"
+                        t-on-click="() => state.manageSkillsModal = true">
+                    <i class="fa fa-plus me-1" />Pick Languages
+                </button>
+            </div>
+        </div>
+    </t>
+
+</templates>
diff --git a/sbc_translation/static/src/pages/tp_letter_edit.esm.js b/sbc_translation/static/src/pages/tp_letter_edit.esm.js
index 254eddefe..4e5e24b26 100644
--- a/sbc_translation/static/src/pages/tp_letter_edit.esm.js
+++ b/sbc_translation/static/src/pages/tp_letter_edit.esm.js
@@ -1,4 +1,4 @@
-import { Component, onMounted, useEffect, useState, xml } from "@odoo/owl";
+import { Component, onMounted, useEffect, useState } from "@odoo/owl";
 import { LetterDAO } from "../models/letter_dao.esm";
 import { TpBlurLoader } from "../components/tp_loader.esm";
 import { TpContentEditor } from "../components/tp_content_editor.esm";
@@ -14,20 +14,7 @@ const AUTOSAVE_DELAY_MS = 30000;
  * Submitted confirmation modal.
  */
 class TpLetterSubmittedModal extends Component {
-  static template = xml`
-        <TpModal active="props.active" title="'Translation Submitted'" onClose="props.onClose">
-            <div class="p-4 text-center">
-                <i class="fa fa-check-circle fa-4x text-success mb-3 d-block" />
-                <p class="fw-medium">Your translation has been submitted successfully!</p>
-                <p class="small text-muted">Thank you for your contribution. You will be redirected to the home page.</p>
-            </div>
-            <t t-set-slot="footer-buttons">
-                <button type="button" class="btn btn-primary btn-sm" t-on-click="props.onHome">
-                    <i class="fa fa-home me-1" />Back to Home
-                </button>
-            </t>
-        </TpModal>
-    `;
+  static template = 'sbc_translation.TpLetterSubmittedModal';
   static components = { TpModal };
   static props = {
     active: { type: Boolean },
@@ -44,54 +31,7 @@ class TpLetterSubmittedModal extends Component {
  *   translator  {Object}
  */
 export class TpLetterEdit extends Component {
-  static template = xml`
-        <TpLetterViewer
-            letter="state.letter"
-            letterId="props.letterId"
-            loading="state.loading"
-            smallLoading="state.saveLoading"
-            navigateBack="() => props.navigate('letters')">
-
-            <!-- Action buttons in header -->
-            <t t-set-slot="action-buttons">
-                <button type="button" class="btn btn-sm btn-outline-danger"
-                        t-if="state.letter and !state.letter.translationIssue"
-                        t-on-click="() => state.signalProblemModal = true">
-                    <i class="fa fa-exclamation-triangle me-1" />Signal Problem
-                </button>
-                <button type="button" class="btn btn-sm btn-outline-success"
-                        t-on-click="() => this.save()">
-                    <i class="fa fa-floppy-o me-1" />Save
-                </button>
-                <button type="button" class="btn btn-sm btn-primary"
-                        t-if="state.letter and !state.letter.translationIssue"
-                        t-on-click="submit">
-                    <i class="fa fa-paper-plane me-1" />Submit
-                </button>
-            </t>
-
-            <!-- Signal problem + submitted modals (rendered outside the split layout) -->
-            <t t-set-slot="unsafe">
-                <TpSignalProblem active="state.signalProblemModal"
-                                 letterId="props.letterId"
-                                 onClose="() => state.signalProblemModal = false"
-                                 onRefresh="() => this._refreshLetter()" />
-                <TpLetterSubmittedModal active="state.letterSubmitted"
-                                        onClose="() => state.letterSubmitted = false"
-                                        onHome="() => props.navigate('home')" />
-            </t>
-
-            <!-- Loading overlay in the right pane when saving -->
-            <t t-set-slot="right-pane">
-                <TpBlurLoader active="state.internalLoading" />
-            </t>
-
-            <!-- Content editor in the right pane -->
-            <t t-set-slot="content" t-slot-scope="scope">
-                <TpContentEditor t-if="scope.letter" letter="scope.letter" />
-            </t>
-        </TpLetterViewer>
-    `;
+  static template = 'sbc_translation.TpLetterEdit';
 
   static components = {
     TpLetterViewer,
diff --git a/sbc_translation/static/src/pages/tp_letter_edit.xml b/sbc_translation/static/src/pages/tp_letter_edit.xml
new file mode 100644
index 000000000..8b21f6f8a
--- /dev/null
+++ b/sbc_translation/static/src/pages/tp_letter_edit.xml
@@ -0,0 +1,70 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<templates xml:space="preserve">
+
+    <!-- Submitted confirmation modal -->
+    <t t-name="sbc_translation.TpLetterSubmittedModal">
+        <TpModal active="props.active" title="'Translation Submitted'" onClose="props.onClose">
+            <div class="p-4 text-center">
+                <i class="fa fa-check-circle fa-4x text-success mb-3 d-block" />
+                <p class="fw-medium">Your translation has been submitted successfully!</p>
+                <p class="small text-muted">Thank you for your contribution. You will be redirected to the home page.</p>
+            </div>
+            <t t-set-slot="footer-buttons">
+                <button type="button" class="btn btn-primary btn-sm" t-on-click="props.onHome">
+                    <i class="fa fa-home me-1" />Back to Home
+                </button>
+            </t>
+        </TpModal>
+    </t>
+
+    <!-- Letter editing page: core translation interface -->
+    <t t-name="sbc_translation.TpLetterEdit">
+        <TpLetterViewer
+            letter="state.letter"
+            letterId="props.letterId"
+            loading="state.loading"
+            smallLoading="state.saveLoading"
+            navigateBack="() => props.navigate('letters')">
+
+            <!-- Action buttons in header -->
+            <t t-set-slot="action-buttons">
+                <button type="button" class="btn btn-sm btn-outline-danger"
+                        t-if="state.letter and !state.letter.translationIssue"
+                        t-on-click="() => state.signalProblemModal = true">
+                    <i class="fa fa-exclamation-triangle me-1" />Signal Problem
+                </button>
+                <button type="button" class="btn btn-sm btn-outline-success"
+                        t-on-click="() => this.save()">
+                    <i class="fa fa-floppy-o me-1" />Save
+                </button>
+                <button type="button" class="btn btn-sm btn-primary"
+                        t-if="state.letter and !state.letter.translationIssue"
+                        t-on-click="submit">
+                    <i class="fa fa-paper-plane me-1" />Submit
+                </button>
+            </t>
+
+            <!-- Signal problem + submitted modals (rendered outside the split layout) -->
+            <t t-set-slot="unsafe">
+                <TpSignalProblem active="state.signalProblemModal"
+                                 letterId="props.letterId"
+                                 onClose="() => state.signalProblemModal = false"
+                                 onRefresh="() => this._refreshLetter()" />
+                <TpLetterSubmittedModal active="state.letterSubmitted"
+                                        onClose="() => state.letterSubmitted = false"
+                                        onHome="() => props.navigate('home')" />
+            </t>
+
+            <!-- Loading overlay in the right pane when saving -->
+            <t t-set-slot="right-pane">
+                <TpBlurLoader active="state.internalLoading" />
+            </t>
+
+            <!-- Content editor in the right pane -->
+            <t t-set-slot="content" t-slot-scope="scope">
+                <TpContentEditor t-if="scope.letter" letter="scope.letter" />
+            </t>
+        </TpLetterViewer>
+    </t>
+
+</templates>
diff --git a/sbc_translation/static/src/pages/tp_letters.esm.js b/sbc_translation/static/src/pages/tp_letters.esm.js
index f671b54ff..96f96a00c 100644
--- a/sbc_translation/static/src/pages/tp_letters.esm.js
+++ b/sbc_translation/static/src/pages/tp_letters.esm.js
@@ -1,4 +1,4 @@
-import { Component, onMounted, useState, xml } from "@odoo/owl";
+import { Component, onMounted, useState } from "@odoo/owl";
 import { LetterDAO } from "../models/letter_dao.esm";
 import { TpLoader } from "../components/tp_loader.esm";
 import { TpTranslatorButton } from "../components/tp_translator_button.esm";
@@ -10,17 +10,7 @@ const LETTERS_PER_PAGE = 10;
  * Priority badge.
  */
 class TpLetterPriority extends Component {
-  static template = xml`
-        <span class="badge"
-              t-att-class="{
-                'bg-danger': props.priority >= 4,
-                'bg-warning text-dark': props.priority === 3,
-                'bg-primary': props.priority === 2,
-                'bg-success': props.priority === 1,
-                'bg-secondary': !props.priority,
-              }"
-              t-esc="priorityLabel" />
-    `;
+  static template = 'sbc_translation.TpLetterPriority';
   static props = { priority: { type: Number, optional: true } };
 
   get priorityLabel() {
@@ -36,141 +26,7 @@ class TpLetterPriority extends Component {
  *   isAdmin     {Boolean}
  */
 export class TpLetters extends Component {
-  static template = xml`
-        <div class="container-fluid py-4">
-            <div class="d-flex align-items-center mb-4 gap-3">
-                <div>
-                    <h6 class="text-muted fw-light mb-0">Compassion</h6>
-                    <h2 class="fw-light mb-0">Letters</h2>
-                </div>
-                <button type="button" class="btn btn-sm btn-outline-secondary ms-auto"
-                        t-on-click="clearFilters">
-                    <i class="fa fa-times me-1" />Clear Filters
-                </button>
-            </div>
-
-            <div class="card shadow-sm">
-                <div class="card-body p-0">
-                    <div class="position-relative">
-                        <table class="table table-sm table-hover mb-0">
-                            <thead class="table-light">
-                                <tr>
-                                    <th t-on-click="() => this.toggleSort('priority')" class="cursor-pointer">
-                                        Priority <i t-att-class="sortIcon('priority')" />
-                                    </th>
-                                    <th t-on-click="() => this.toggleSort('title')" class="cursor-pointer">
-                                        Title <i t-att-class="sortIcon('title')" />
-                                    </th>
-                                    <th>Status</th>
-                                    <th>Comments</th>
-                                    <th>Source</th>
-                                    <th>Target</th>
-                                    <th t-if="props.isAdmin">Translator</th>
-                                    <th t-on-click="() => this.toggleSort('date')" class="cursor-pointer">
-                                        Date <i t-att-class="sortIcon('date')" />
-                                    </th>
-                                    <th>Actions</th>
-                                </tr>
-                                <!-- Search row -->
-                                <tr class="table-secondary">
-                                    <td />
-                                    <td>
-                                        <input type="text" class="form-control form-control-sm"
-                                               placeholder="Search title…"
-                                               t-att-value="getFilter('title')"
-                                               t-on-input="(e) => this.setFilter('title', e.target.value)" />
-                                    </td>
-                                    <td>
-                                        <input type="text" class="form-control form-control-sm"
-                                               placeholder="Search status…"
-                                               t-att-value="getFilter('status')"
-                                               t-on-input="(e) => this.setFilter('status', e.target.value)" />
-                                    </td>
-                                    <td />
-                                    <td>
-                                        <input type="text" class="form-control form-control-sm"
-                                               placeholder="Source lang…"
-                                               t-att-value="getFilter('source')"
-                                               t-on-input="(e) => this.setFilter('source', e.target.value)" />
-                                    </td>
-                                    <td>
-                                        <input type="text" class="form-control form-control-sm"
-                                               placeholder="Target lang…"
-                                               t-att-value="getFilter('target')"
-                                               t-on-input="(e) => this.setFilter('target', e.target.value)" />
-                                    </td>
-                                    <td t-if="props.isAdmin" />
-                                    <td />
-                                    <td />
-                                </tr>
-                            </thead>
-                            <tbody>
-                                <tr t-if="state.letters.length === 0 and !state.loading">
-                                    <td colspan="9" class="text-center text-muted py-5">
-                                        <i class="fa fa-search fa-2x mb-2 d-block" />
-                                        No letters found
-                                    </td>
-                                </tr>
-                                <tr t-foreach="state.letters" t-as="letter" t-key="letter.id"
-                                    t-att-class="{ 'table-danger': letter.translationIssue }">
-                                    <td><TpLetterPriority priority="letter.priority" /></td>
-                                    <td class="fw-medium" t-esc="letter.title" />
-                                    <td>
-                                        <span class="badge"
-                                              t-att-class="letter.translationIssue ? 'bg-danger' : 'bg-secondary'"
-                                              t-esc="letter.status" />
-                                    </td>
-                                    <td>
-                                        <span t-if="letter.unreadComments" class="badge bg-warning text-dark">
-                                            <i class="fa fa-comment" /> Unread
-                                        </span>
-                                        <span t-else="" class="text-muted">—</span>
-                                    </td>
-                                    <td class="small" t-esc="letter.source" />
-                                    <td class="small" t-esc="letter.target" />
-                                    <td t-if="props.isAdmin">
-                                        <TpTranslatorButton t-if="letter.translatorId"
-                                                            translatorId="letter.translatorId" />
-                                        <span t-else="" class="text-muted">—</span>
-                                    </td>
-                                    <td class="small" t-esc="letter.date ? letter.date.toLocaleDateString() : ''" />
-                                    <td>
-                                        <button type="button" class="btn btn-sm btn-primary"
-                                                t-on-click="() => props.navigate('letter-edit', { letterId: letter.id })">
-                                            <i class="fa fa-pencil me-1" />Translate
-                                        </button>
-                                    </td>
-                                </tr>
-                            </tbody>
-                        </table>
-                        <!-- Loading overlay -->
-                        <div t-if="state.loading"
-                             class="position-absolute top-0 start-0 w-100 h-100 d-flex align-items-center justify-content-center"
-                             style="background: rgba(255,255,255,0.7); z-index: 10;">
-                            <TpLoader />
-                        </div>
-                    </div>
-                    <!-- Pagination -->
-                    <div class="d-flex align-items-center justify-content-between p-3 border-top"
-                         t-if="state.letters.length > 0 or state.page > 0">
-                        <span class="small text-muted">
-                            Page <t t-esc="state.page + 1" /> · <t t-esc="state.total" /> letters total
-                        </span>
-                        <nav>
-                            <ul class="pagination pagination-sm mb-0">
-                                <li class="page-item" t-att-class="{ disabled: state.page === 0 }">
-                                    <button class="page-link" t-on-click="prevPage">‹</button>
-                                </li>
-                                <li class="page-item" t-att-class="{ disabled: (state.page + 1) * LETTERS_PER_PAGE >= state.total }">
-                                    <button class="page-link" t-on-click="nextPage">›</button>
-                                </li>
-                            </ul>
-                        </nav>
-                    </div>
-                </div>
-            </div>
-        </div>
-    `;
+  static template = 'sbc_translation.TpLetters';
 
   static components = { TpLetterPriority, TpTranslatorButton, TpLoader };
 
diff --git a/sbc_translation/static/src/pages/tp_letters.xml b/sbc_translation/static/src/pages/tp_letters.xml
new file mode 100644
index 000000000..536b276e9
--- /dev/null
+++ b/sbc_translation/static/src/pages/tp_letters.xml
@@ -0,0 +1,154 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<templates xml:space="preserve">
+
+    <!-- Priority badge -->
+    <t t-name="sbc_translation.TpLetterPriority">
+        <span class="badge"
+              t-att-class="{
+                'bg-danger': props.priority >= 4,
+                'bg-warning text-dark': props.priority === 3,
+                'bg-primary': props.priority === 2,
+                'bg-success': props.priority === 1,
+                'bg-secondary': !props.priority,
+              }"
+              t-out="priorityLabel" />
+    </t>
+
+    <!-- Letters list page with pagination and column search -->
+    <t t-name="sbc_translation.TpLetters">
+        <div class="container-fluid py-4">
+            <div class="d-flex align-items-center mb-4 gap-3">
+                <div>
+                    <h6 class="text-muted fw-light mb-0">Compassion</h6>
+                    <h2 class="fw-light mb-0">Letters</h2>
+                </div>
+                <button type="button" class="btn btn-sm btn-outline-secondary ms-auto"
+                        t-on-click="clearFilters">
+                    <i class="fa fa-times me-1" />Clear Filters
+                </button>
+            </div>
+
+            <div class="card shadow-sm">
+                <div class="card-body p-0">
+                    <div class="position-relative">
+                        <table class="table table-sm table-hover mb-0">
+                            <thead class="table-light">
+                                <tr>
+                                    <th t-on-click="() => this.toggleSort('priority')" class="cursor-pointer">
+                                        Priority <i t-att-class="sortIcon('priority')" />
+                                    </th>
+                                    <th t-on-click="() => this.toggleSort('title')" class="cursor-pointer">
+                                        Title <i t-att-class="sortIcon('title')" />
+                                    </th>
+                                    <th>Status</th>
+                                    <th>Comments</th>
+                                    <th>Source</th>
+                                    <th>Target</th>
+                                    <th t-if="props.isAdmin">Translator</th>
+                                    <th t-on-click="() => this.toggleSort('date')" class="cursor-pointer">
+                                        Date <i t-att-class="sortIcon('date')" />
+                                    </th>
+                                    <th>Actions</th>
+                                </tr>
+                                <!-- Search row -->
+                                <tr class="table-secondary">
+                                    <td />
+                                    <td>
+                                        <input type="text" class="form-control form-control-sm"
+                                               placeholder="Search title…"
+                                               t-att-value="getFilter('title')"
+                                               t-on-input="(e) => this.setFilter('title', e.target.value)" />
+                                    </td>
+                                    <td>
+                                        <input type="text" class="form-control form-control-sm"
+                                               placeholder="Search status…"
+                                               t-att-value="getFilter('status')"
+                                               t-on-input="(e) => this.setFilter('status', e.target.value)" />
+                                    </td>
+                                    <td />
+                                    <td>
+                                        <input type="text" class="form-control form-control-sm"
+                                               placeholder="Source lang…"
+                                               t-att-value="getFilter('source')"
+                                               t-on-input="(e) => this.setFilter('source', e.target.value)" />
+                                    </td>
+                                    <td>
+                                        <input type="text" class="form-control form-control-sm"
+                                               placeholder="Target lang…"
+                                               t-att-value="getFilter('target')"
+                                               t-on-input="(e) => this.setFilter('target', e.target.value)" />
+                                    </td>
+                                    <td t-if="props.isAdmin" />
+                                    <td />
+                                    <td />
+                                </tr>
+                            </thead>
+                            <tbody>
+                                <tr t-if="state.letters.length === 0 and !state.loading">
+                                    <td colspan="9" class="text-center text-muted py-5">
+                                        <i class="fa fa-search fa-2x mb-2 d-block" />
+                                        No letters found
+                                    </td>
+                                </tr>
+                                <tr t-foreach="state.letters" t-as="letter" t-key="letter.id"
+                                    t-att-class="{ 'table-danger': letter.translationIssue }">
+                                    <td><TpLetterPriority priority="letter.priority" /></td>
+                                    <td class="fw-medium" t-out="letter.title" />
+                                    <td>
+                                        <span class="badge"
+                                              t-att-class="letter.translationIssue ? 'bg-danger' : 'bg-secondary'"
+                                              t-out="letter.status" />
+                                    </td>
+                                    <td>
+                                        <span t-if="letter.unreadComments" class="badge bg-warning text-dark">
+                                            <i class="fa fa-comment" /> Unread
+                                        </span>
+                                        <span t-else="" class="text-muted">—</span>
+                                    </td>
+                                    <td class="small" t-out="letter.source" />
+                                    <td class="small" t-out="letter.target" />
+                                    <td t-if="props.isAdmin">
+                                        <TpTranslatorButton t-if="letter.translatorId"
+                                                            translatorId="letter.translatorId" />
+                                        <span t-else="" class="text-muted">—</span>
+                                    </td>
+                                    <td class="small" t-out="letter.date ? letter.date.toLocaleDateString() : ''" />
+                                    <td>
+                                        <button type="button" class="btn btn-sm btn-primary"
+                                                t-on-click="() => props.navigate('letter-edit', { letterId: letter.id })">
+                                            <i class="fa fa-pencil me-1" />Translate
+                                        </button>
+                                    </td>
+                                </tr>
+                            </tbody>
+                        </table>
+                        <!-- Loading overlay -->
+                        <div t-if="state.loading"
+                             class="position-absolute top-0 start-0 w-100 h-100 d-flex align-items-center justify-content-center"
+                             style="background: rgba(255,255,255,0.7); z-index: 10;">
+                            <TpLoader />
+                        </div>
+                    </div>
+                    <!-- Pagination -->
+                    <div class="d-flex align-items-center justify-content-between p-3 border-top"
+                         t-if="state.letters.length > 0 or state.page > 0">
+                        <span class="small text-muted">
+                            Page <t t-out="state.page + 1" /> · <t t-out="state.total" /> letters total
+                        </span>
+                        <nav>
+                            <ul class="pagination pagination-sm mb-0">
+                                <li class="page-item" t-att-class="{ disabled: state.page === 0 }">
+                                    <button class="page-link" t-on-click="prevPage">‹</button>
+                                </li>
+                                <li class="page-item" t-att-class="{ disabled: (state.page + 1) * LETTERS_PER_PAGE >= state.total }">
+                                    <button class="page-link" t-on-click="nextPage">›</button>
+                                </li>
+                            </ul>
+                        </nav>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </t>
+
+</templates>
diff --git a/sbc_translation/static/src/pages/tp_translators.esm.js b/sbc_translation/static/src/pages/tp_translators.esm.js
index 8c117a1e1..017881cb9 100644
--- a/sbc_translation/static/src/pages/tp_translators.esm.js
+++ b/sbc_translation/static/src/pages/tp_translators.esm.js
@@ -1,4 +1,4 @@
-import { Component, onMounted, useState, xml } from "@odoo/owl";
+import { Component, onMounted, useState } from "@odoo/owl";
 import { TpLanguagesPickModal } from "../components/tp_languages_pick_modal.esm";
 import { TpLoader } from "../components/tp_loader.esm";
 import { TranslatorDAO } from "../models/translator_dao.esm";
@@ -12,114 +12,7 @@ const PER_PAGE = 10;
  *   navigate {Function}
  */
 export class TpTranslators extends Component {
-  static template = xml`
-        <div class="container-fluid py-4">
-            <div class="mb-4">
-                <h6 class="text-muted fw-light mb-0">Compassion</h6>
-                <h2 class="fw-light mb-0">Translators</h2>
-            </div>
-
-            <div class="card shadow-sm">
-                <div class="card-body p-0">
-                    <div class="position-relative">
-                        <table class="table table-sm table-hover mb-0">
-                            <thead class="table-light">
-                                <tr>
-                                    <th t-on-click="() => this.toggleSort('name')" class="cursor-pointer">
-                                        Name <i t-att-class="sortIcon('name')" />
-                                    </th>
-                                    <th t-on-click="() => this.toggleSort('email')" class="cursor-pointer">
-                                        Email <i t-att-class="sortIcon('email')" />
-                                    </th>
-                                    <th>Role</th>
-                                    <th t-on-click="() => this.toggleSort('total')" class="cursor-pointer">
-                                        Letters <i t-att-class="sortIcon('total')" />
-                                    </th>
-                                    <th>Skills</th>
-                                    <th>Actions</th>
-                                </tr>
-                                <tr class="table-secondary">
-                                    <td>
-                                        <input type="text" class="form-control form-control-sm"
-                                               placeholder="Search name…"
-                                               t-att-value="getFilter('name')"
-                                               t-on-input="(e) => this.setFilter('name', e.target.value)" />
-                                    </td>
-                                    <td>
-                                        <input type="text" class="form-control form-control-sm"
-                                               placeholder="Search email…"
-                                               t-att-value="getFilter('email')"
-                                               t-on-input="(e) => this.setFilter('email', e.target.value)" />
-                                    </td>
-                                    <td colspan="4" />
-                                </tr>
-                            </thead>
-                            <tbody>
-                                <tr t-if="state.translators.length === 0 and !state.loading">
-                                    <td colspan="6" class="text-center text-muted py-5">
-                                        <i class="fa fa-users fa-2x mb-2 d-block" />
-                                        No translators found
-                                    </td>
-                                </tr>
-                                <tr t-foreach="state.translators" t-as="translator" t-key="translator.translatorId">
-                                    <td class="fw-medium" t-esc="translator.name or '—'" />
-                                    <td class="small text-muted" t-esc="translator.email or '—'" />
-                                    <td>
-                                        <span class="badge"
-                                              t-att-class="translator.role === 'admin' ? 'bg-danger' : 'bg-secondary'"
-                                              t-esc="translator.role" />
-                                    </td>
-                                    <td t-esc="translator.total or 0" />
-                                    <td class="small">
-                                        <span t-foreach="translator.skills" t-as="skill" t-key="skill_index"
-                                              class="badge bg-light text-dark border me-1">
-                                            <t t-esc="skill.source" /> → <t t-esc="skill.target" />
-                                            <span t-if="!skill.verified" class="ms-1 text-warning">⚠</span>
-                                        </span>
-                                    </td>
-                                    <td>
-                                        <button type="button" class="btn btn-sm btn-outline-secondary"
-                                                t-on-click="() => this.openSkillsModal(translator)">
-                                            <i class="fa fa-cog me-1" />Skills
-                                        </button>
-                                    </td>
-                                </tr>
-                            </tbody>
-                        </table>
-                        <div t-if="state.loading"
-                             class="position-absolute top-0 start-0 w-100 h-100 d-flex align-items-center justify-content-center"
-                             style="background: rgba(255,255,255,0.7); z-index: 10;">
-                            <TpLoader />
-                        </div>
-                    </div>
-                    <div class="d-flex align-items-center justify-content-between p-3 border-top"
-                         t-if="state.translators.length > 0 or state.page > 0">
-                        <span class="small text-muted">
-                            Page <t t-esc="state.page + 1" /> · <t t-esc="state.total" /> translators
-                        </span>
-                        <nav>
-                            <ul class="pagination pagination-sm mb-0">
-                                <li class="page-item" t-att-class="{ disabled: state.page === 0 }">
-                                    <button class="page-link" t-on-click="prevPage">‹</button>
-                                </li>
-                                <li class="page-item" t-att-class="{ disabled: (state.page + 1) * PER_PAGE >= state.total }">
-                                    <button class="page-link" t-on-click="nextPage">›</button>
-                                </li>
-                            </ul>
-                        </nav>
-                    </div>
-                </div>
-            </div>
-
-            <!-- Skills management modal -->
-            <TpLanguagesPickModal
-                t-if="state.editingTranslator"
-                active="!!state.editingTranslator"
-                onClose="closeSkillsModal"
-                translatorId="state.editingTranslator ? state.editingTranslator.translatorId : 0"
-                onChange="onSkillsChanged" />
-        </div>
-    `;
+  static template = 'sbc_translation.TpTranslators';
 
   static components = { TpLoader, TpLanguagesPickModal };
 
diff --git a/sbc_translation/static/src/pages/tp_translators.xml b/sbc_translation/static/src/pages/tp_translators.xml
new file mode 100644
index 000000000..b7eb7ea36
--- /dev/null
+++ b/sbc_translation/static/src/pages/tp_translators.xml
@@ -0,0 +1,114 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<templates xml:space="preserve">
+
+    <!-- Admin page: list all translators with skill management -->
+    <t t-name="sbc_translation.TpTranslators">
+        <div class="container-fluid py-4">
+            <div class="mb-4">
+                <h6 class="text-muted fw-light mb-0">Compassion</h6>
+                <h2 class="fw-light mb-0">Translators</h2>
+            </div>
+
+            <div class="card shadow-sm">
+                <div class="card-body p-0">
+                    <div class="position-relative">
+                        <table class="table table-sm table-hover mb-0">
+                            <thead class="table-light">
+                                <tr>
+                                    <th t-on-click="() => this.toggleSort('name')" class="cursor-pointer">
+                                        Name <i t-att-class="sortIcon('name')" />
+                                    </th>
+                                    <th t-on-click="() => this.toggleSort('email')" class="cursor-pointer">
+                                        Email <i t-att-class="sortIcon('email')" />
+                                    </th>
+                                    <th>Role</th>
+                                    <th t-on-click="() => this.toggleSort('total')" class="cursor-pointer">
+                                        Letters <i t-att-class="sortIcon('total')" />
+                                    </th>
+                                    <th>Skills</th>
+                                    <th>Actions</th>
+                                </tr>
+                                <tr class="table-secondary">
+                                    <td>
+                                        <input type="text" class="form-control form-control-sm"
+                                               placeholder="Search name…"
+                                               t-att-value="getFilter('name')"
+                                               t-on-input="(e) => this.setFilter('name', e.target.value)" />
+                                    </td>
+                                    <td>
+                                        <input type="text" class="form-control form-control-sm"
+                                               placeholder="Search email…"
+                                               t-att-value="getFilter('email')"
+                                               t-on-input="(e) => this.setFilter('email', e.target.value)" />
+                                    </td>
+                                    <td colspan="4" />
+                                </tr>
+                            </thead>
+                            <tbody>
+                                <tr t-if="state.translators.length === 0 and !state.loading">
+                                    <td colspan="6" class="text-center text-muted py-5">
+                                        <i class="fa fa-users fa-2x mb-2 d-block" />
+                                        No translators found
+                                    </td>
+                                </tr>
+                                <tr t-foreach="state.translators" t-as="translator" t-key="translator.translatorId">
+                                    <td class="fw-medium" t-out="translator.name ? translator.name : '—'" />
+                                    <td class="small text-muted" t-out="translator.email ? translator.email : '—'" />
+                                    <td>
+                                        <span class="badge"
+                                              t-att-class="translator.role === 'admin' ? 'bg-danger' : 'bg-secondary'"
+                                              t-out="translator.role" />
+                                    </td>
+                                    <td t-out="translator.total ? translator.total : 0" />
+                                    <td class="small">
+                                        <span t-foreach="translator.skills" t-as="skill" t-key="skill_index"
+                                              class="badge bg-light text-dark border me-1">
+                                            <t t-out="skill.source" /> → <t t-out="skill.target" />
+                                            <span t-if="!skill.verified" class="ms-1 text-warning">⚠</span>
+                                        </span>
+                                    </td>
+                                    <td>
+                                        <button type="button" class="btn btn-sm btn-outline-secondary"
+                                                t-on-click="() => this.openSkillsModal(translator)">
+                                            <i class="fa fa-cog me-1" />Skills
+                                        </button>
+                                    </td>
+                                </tr>
+                            </tbody>
+                        </table>
+                        <div t-if="state.loading"
+                             class="position-absolute top-0 start-0 w-100 h-100 d-flex align-items-center justify-content-center"
+                             style="background: rgba(255,255,255,0.7); z-index: 10;">
+                            <TpLoader />
+                        </div>
+                    </div>
+                    <div class="d-flex align-items-center justify-content-between p-3 border-top"
+                         t-if="state.translators.length > 0 or state.page > 0">
+                        <span class="small text-muted">
+                            Page <t t-out="state.page + 1" /> · <t t-out="state.total" /> translators
+                        </span>
+                        <nav>
+                            <ul class="pagination pagination-sm mb-0">
+                                <li class="page-item" t-att-class="{ disabled: state.page === 0 }">
+                                    <button class="page-link" t-on-click="prevPage">‹</button>
+                                </li>
+                                <li class="page-item" t-att-class="{ disabled: (state.page + 1) * PER_PAGE >= state.total }">
+                                    <button class="page-link" t-on-click="nextPage">›</button>
+                                </li>
+                            </ul>
+                        </nav>
+                    </div>
+                </div>
+            </div>
+
+            <!-- Skills management modal -->
+            <TpLanguagesPickModal
+                t-if="state.editingTranslator"
+                active="!!state.editingTranslator"
+                onClose="closeSkillsModal"
+                translatorId="state.editingTranslator ? state.editingTranslator.translatorId : 0"
+                onChange="onSkillsChanged" />
+        </div>
+    </t>
+
+</templates>
diff --git a/sbc_translation/static/src/translation_platform.esm.js b/sbc_translation/static/src/translation_platform.esm.js
index dbfef9cac..0d805f372 100644
--- a/sbc_translation/static/src/translation_platform.esm.js
+++ b/sbc_translation/static/src/translation_platform.esm.js
@@ -1,11 +1,4 @@
-import {
-  Component,
-  mount,
-  onMounted,
-  useState,
-  whenReady,
-  xml,
-} from "@odoo/owl";
+import { Component, mount, onMounted, useState, whenReady } from "@odoo/owl";
 import { TpChildModal } from "./components/tp_child_modal.esm";
 import { TpHome } from "./pages/tp_home.esm";
 import { TpLetterEdit } from "./pages/tp_letter_edit.esm";
@@ -19,22 +12,7 @@ import { showNotification } from "./notification.esm";
  * Help modal.
  */
 class TpHelpModal extends Component {
-  static template = xml`
-        <TpModal active="props.active" onClose="props.onClose" title="'Help'">
-            <div class="p-3 small" style="max-width: 450px;">
-                <h6 class="fw-semibold">How to use the Translation Platform</h6>
-                <ul>
-                    <li class="mb-2">Go to <strong>Home</strong> to see the letters waiting for your skills.</li>
-                    <li class="mb-2">Click on a letter link or the <em>Take the first</em> button to start translating.</li>
-                    <li class="mb-2">In the editor: fill in the <em>Translated Content</em> field for each paragraph.</li>
-                    <li class="mb-2">Use <strong>Save</strong> to save your work in progress.</li>
-                    <li class="mb-2">Use <strong>Submit</strong> when you are done. Your translation will be reviewed.</li>
-                    <li class="mb-2">If there is a problem with the letter, click <strong>Signal a Problem</strong>.</li>
-                    <li class="mb-2">The keyboard shortcut <kbd>Ctrl+S</kbd> saves your current translation.</li>
-                </ul>
-            </div>
-        </TpModal>
-    `;
+  static template = 'sbc_translation.TpHelpModal';
   static components = { TpModal };
   static props = { active: { type: Boolean }, onClose: { type: Function } };
 }
@@ -48,93 +26,7 @@ class TpHelpModal extends Component {
 export class TranslationPlatform extends Component {
   static props = {};
 
-  static template = xml`
-        <div class="tp-root d-flex" style="min-height: 100vh;">
-            <!-- Sidebar navigation -->
-            <div class="tp-sidebar d-flex flex-column align-items-center py-3 bg-compassion text-white"
-                 style="width: 64px; min-height: 100vh; flex-shrink: 0; position: fixed; z-index: 100; top: 0; left: 0;">
-                <!-- Logo -->
-                <div class="mb-4 text-center" style="font-size: 10px; line-height: 1.2;">
-                    <i class="fa fa-heart fa-2x mb-1" /><br/>CP
-                </div>
-                <!-- Home -->
-                <button type="button"
-                        class="btn btn-link text-white p-2 mb-1"
-                        title="Home"
-                        t-att-class="{ 'tp-nav-active': state.page === 'home' }"
-                        t-on-click="() => this.navigate('home')">
-                    <i class="fa fa-home fa-lg" />
-                </button>
-                <!-- Letters -->
-                <button type="button"
-                        class="btn btn-link text-white p-2 mb-1"
-                        title="Letters"
-                        t-att-class="{ 'tp-nav-active': state.page === 'letters' }"
-                        t-on-click="() => this.navigate('letters')">
-                    <i class="fa fa-envelope fa-lg" />
-                </button>
-                <!-- Translators (admin only) -->
-                <button type="button"
-                        class="btn btn-link text-white p-2 mb-1"
-                        t-if="state.translator and state.translator.role === 'admin'"
-                        title="Translators"
-                        t-att-class="{ 'tp-nav-active': state.page === 'translators' }"
-                        t-on-click="() => this.navigate('translators')">
-                    <i class="fa fa-users fa-lg" />
-                </button>
-                <!-- Bottom utilities -->
-                <div class="mt-auto d-flex flex-column align-items-center gap-2">
-                    <button type="button"
-                            class="btn btn-link text-white p-2"
-                            title="Child Protection"
-                            t-on-click="() => state.childModal = true">
-                        <i class="fa fa-child fa-lg" />
-                    </button>
-                    <button type="button"
-                            class="btn btn-link text-white p-2"
-                            title="Help"
-                            t-on-click="() => state.helpModal = true">
-                        <i class="fa fa-info-circle fa-lg" />
-                    </button>
-                </div>
-            </div>
-
-            <!-- Main content area (offset for sidebar) -->
-            <div class="flex-grow-1" style="margin-left: 64px; min-height: 100vh;">
-                <!-- Global loading overlay -->
-                <div t-if="state.loading"
-                     class="d-flex flex-column align-items-center justify-content-center"
-                     style="height: 100vh;">
-                    <div class="spinner-border text-primary mb-3" />
-                    <p class="text-muted">Loading translation platform…</p>
-                </div>
-
-                <!-- Page router -->
-                <div t-elif="state.page === 'home'">
-                    <TpHome translator="state.translator"
-                            navigate="navigate"
-                            onRefreshTranslator="refreshTranslator" />
-                </div>
-                <div t-elif="state.page === 'letters'">
-                    <TpLetters navigate="navigate"
-                               translator="state.translator"
-                               isAdmin="state.translator and state.translator.role === 'admin'" />
-                </div>
-                <div t-elif="state.page === 'letter-edit'">
-                    <TpLetterEdit letterId="state.letterId"
-                                  navigate="navigate"
-                                  translator="state.translator" />
-                </div>
-                <div t-elif="state.page === 'translators'">
-                    <TpTranslators navigate="navigate" />
-                </div>
-            </div>
-
-            <!-- Modals -->
-            <TpChildModal active="state.childModal" onClose="() => state.childModal = false" />
-            <TpHelpModal active="state.helpModal" onClose="() => state.helpModal = false" />
-        </div>
-    `;
+  static template = 'sbc_translation.TranslationPlatform';
 
   static components = {
     TpHome,
diff --git a/sbc_translation/static/src/translation_platform.xml b/sbc_translation/static/src/translation_platform.xml
new file mode 100644
index 000000000..f7b701867
--- /dev/null
+++ b/sbc_translation/static/src/translation_platform.xml
@@ -0,0 +1,111 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<templates xml:space="preserve">
+
+    <!-- Help modal -->
+    <t t-name="sbc_translation.TpHelpModal">
+        <TpModal active="props.active" onClose="props.onClose" title="'Help'">
+            <div class="p-3 small" style="max-width: 450px;">
+                <h6 class="fw-semibold">How to use the Translation Platform</h6>
+                <ul>
+                    <li class="mb-2">Go to <strong>Home</strong> to see the letters waiting for your skills.</li>
+                    <li class="mb-2">Click on a letter link or the <em>Take the first</em> button to start translating.</li>
+                    <li class="mb-2">In the editor: fill in the <em>Translated Content</em> field for each paragraph.</li>
+                    <li class="mb-2">Use <strong>Save</strong> to save your work in progress.</li>
+                    <li class="mb-2">Use <strong>Submit</strong> when you are done. Your translation will be reviewed.</li>
+                    <li class="mb-2">If there is a problem with the letter, click <strong>Signal a Problem</strong>.</li>
+                    <li class="mb-2">The keyboard shortcut <kbd>Ctrl+S</kbd> saves your current translation.</li>
+                </ul>
+            </div>
+        </TpModal>
+    </t>
+
+    <!-- Root application component -->
+    <t t-name="sbc_translation.TranslationPlatform">
+        <div class="tp-root d-flex" style="min-height: 100vh;">
+            <!-- Sidebar navigation -->
+            <div class="tp-sidebar d-flex flex-column align-items-center py-3 bg-compassion text-white"
+                 style="width: 64px; min-height: 100vh; flex-shrink: 0; position: fixed; z-index: 100; top: 0; left: 0;">
+                <!-- Logo -->
+                <div class="mb-4 text-center" style="font-size: 10px; line-height: 1.2;">
+                    <i class="fa fa-heart fa-2x mb-1" /><br/>CP
+                </div>
+                <!-- Home -->
+                <button type="button"
+                        class="btn btn-link text-white p-2 mb-1"
+                        title="Home"
+                        t-att-class="{ 'tp-nav-active': state.page === 'home' }"
+                        t-on-click="() => this.navigate('home')">
+                    <i class="fa fa-home fa-lg" />
+                </button>
+                <!-- Letters -->
+                <button type="button"
+                        class="btn btn-link text-white p-2 mb-1"
+                        title="Letters"
+                        t-att-class="{ 'tp-nav-active': state.page === 'letters' }"
+                        t-on-click="() => this.navigate('letters')">
+                    <i class="fa fa-envelope fa-lg" />
+                </button>
+                <!-- Translators (admin only) -->
+                <button type="button"
+                        class="btn btn-link text-white p-2 mb-1"
+                        t-if="state.translator and state.translator.role === 'admin'"
+                        title="Translators"
+                        t-att-class="{ 'tp-nav-active': state.page === 'translators' }"
+                        t-on-click="() => this.navigate('translators')">
+                    <i class="fa fa-users fa-lg" />
+                </button>
+                <!-- Bottom utilities -->
+                <div class="mt-auto d-flex flex-column align-items-center gap-2">
+                    <button type="button"
+                            class="btn btn-link text-white p-2"
+                            title="Child Protection"
+                            t-on-click="() => state.childModal = true">
+                        <i class="fa fa-child fa-lg" />
+                    </button>
+                    <button type="button"
+                            class="btn btn-link text-white p-2"
+                            title="Help"
+                            t-on-click="() => state.helpModal = true">
+                        <i class="fa fa-info-circle fa-lg" />
+                    </button>
+                </div>
+            </div>
+
+            <!-- Main content area (offset for sidebar) -->
+            <div class="flex-grow-1" style="margin-left: 64px; min-height: 100vh;">
+                <!-- Global loading overlay -->
+                <div t-if="state.loading"
+                     class="d-flex flex-column align-items-center justify-content-center"
+                     style="height: 100vh;">
+                    <div class="spinner-border text-primary mb-3" />
+                    <p class="text-muted">Loading translation platform…</p>
+                </div>
+
+                <!-- Page router -->
+                <div t-elif="state.page === 'home'">
+                    <TpHome translator="state.translator"
+                            navigate="navigate"
+                            onRefreshTranslator="refreshTranslator" />
+                </div>
+                <div t-elif="state.page === 'letters'">
+                    <TpLetters navigate="navigate"
+                               translator="state.translator"
+                               isAdmin="state.translator and state.translator.role === 'admin'" />
+                </div>
+                <div t-elif="state.page === 'letter-edit'">
+                    <TpLetterEdit letterId="state.letterId"
+                                  navigate="navigate"
+                                  translator="state.translator" />
+                </div>
+                <div t-elif="state.page === 'translators'">
+                    <TpTranslators navigate="navigate" />
+                </div>
+            </div>
+
+            <!-- Modals -->
+            <TpChildModal active="state.childModal" onClose="() => state.childModal = false" />
+            <TpHelpModal active="state.helpModal" onClose="() => state.helpModal = false" />
+        </div>
+    </t>
+
+</templates>

From 4afe7db1cec35e8a3498accbd7347907731d1dea Mon Sep 17 00:00:00 2001
From: Emanuel Cino <ecino@compassion.ch>
Date: Thu, 23 Apr 2026 14:40:12 +0200
Subject: [PATCH 7/7] T2913 FIX template loading

- Attempt to fix translations without success
---
 sbc_translation/__manifest__.py               |   40 +-
 sbc_translation/i18n/de.po                    | 1522 +++++++++++++----
 sbc_translation/i18n/fr_CH.po                 | 1502 +++++++++++-----
 .../components/tp_child_modal.esm.js          |    2 +-
 .../components/tp_child_modal.xml             |    0
 .../components/tp_content_editor.esm.js       |    4 +-
 .../components/tp_content_editor.xml          |    0
 .../components/tp_languages_pick_modal.esm.js |    4 +-
 .../components/tp_languages_pick_modal.xml    |    0
 .../components/tp_letter_viewer.esm.js        |    4 +-
 .../components/tp_letter_viewer.xml           |    0
 .../components/tp_loader.esm.js               |    4 +-
 .../{ => frontend}/components/tp_loader.xml   |    0
 .../{ => frontend}/components/tp_modal.esm.js |   10 +-
 .../{ => frontend}/components/tp_modal.xml    |    0
 .../components/tp_signal_problem.esm.js       |    2 +-
 .../components/tp_signal_problem.xml          |    0
 .../components/tp_translator_button.esm.js    |    2 +-
 .../components/tp_translator_button.xml       |    0
 .../{ => frontend}/models/letter_dao.esm.js   |    0
 .../{ => frontend}/models/settings_dao.esm.js |    0
 .../models/translator_dao.esm.js              |    0
 .../src/{ => frontend}/notification.esm.js    |    0
 .../src/{ => frontend}/pages/tp_home.esm.js   |    4 +-
 .../src/{ => frontend}/pages/tp_home.xml      |    0
 .../pages/tp_letter_edit.esm.js               |    4 +-
 .../{ => frontend}/pages/tp_letter_edit.xml   |    0
 .../{ => frontend}/pages/tp_letters.esm.js    |    4 +-
 .../src/{ => frontend}/pages/tp_letters.xml   |    0
 .../pages/tp_translators.esm.js               |    2 +-
 .../{ => frontend}/pages/tp_translators.xml   |    0
 .../static/src/{ => frontend}/rpc.esm.js      |    0
 .../{ => frontend}/translation_platform.css   |    0
 .../translation_platform.esm.js               |   48 +-
 .../{ => frontend}/translation_platform.xml   |    2 +-
 35 files changed, 2336 insertions(+), 824 deletions(-)
 rename sbc_translation/static/src/{ => frontend}/components/tp_child_modal.esm.js (88%)
 rename sbc_translation/static/src/{ => frontend}/components/tp_child_modal.xml (100%)
 rename sbc_translation/static/src/{ => frontend}/components/tp_content_editor.esm.js (90%)
 rename sbc_translation/static/src/{ => frontend}/components/tp_content_editor.xml (100%)
 rename sbc_translation/static/src/{ => frontend}/components/tp_languages_pick_modal.esm.js (96%)
 rename sbc_translation/static/src/{ => frontend}/components/tp_languages_pick_modal.xml (100%)
 rename sbc_translation/static/src/{ => frontend}/components/tp_letter_viewer.esm.js (94%)
 rename sbc_translation/static/src/{ => frontend}/components/tp_letter_viewer.xml (100%)
 rename sbc_translation/static/src/{ => frontend}/components/tp_loader.esm.js (80%)
 rename sbc_translation/static/src/{ => frontend}/components/tp_loader.xml (100%)
 rename sbc_translation/static/src/{ => frontend}/components/tp_modal.esm.js (93%)
 rename sbc_translation/static/src/{ => frontend}/components/tp_modal.xml (100%)
 rename sbc_translation/static/src/{ => frontend}/components/tp_signal_problem.esm.js (96%)
 rename sbc_translation/static/src/{ => frontend}/components/tp_signal_problem.xml (100%)
 rename sbc_translation/static/src/{ => frontend}/components/tp_translator_button.esm.js (93%)
 rename sbc_translation/static/src/{ => frontend}/components/tp_translator_button.xml (100%)
 rename sbc_translation/static/src/{ => frontend}/models/letter_dao.esm.js (100%)
 rename sbc_translation/static/src/{ => frontend}/models/settings_dao.esm.js (100%)
 rename sbc_translation/static/src/{ => frontend}/models/translator_dao.esm.js (100%)
 rename sbc_translation/static/src/{ => frontend}/notification.esm.js (100%)
 rename sbc_translation/static/src/{ => frontend}/pages/tp_home.esm.js (97%)
 rename sbc_translation/static/src/{ => frontend}/pages/tp_home.xml (100%)
 rename sbc_translation/static/src/{ => frontend}/pages/tp_letter_edit.esm.js (97%)
 rename sbc_translation/static/src/{ => frontend}/pages/tp_letter_edit.xml (100%)
 rename sbc_translation/static/src/{ => frontend}/pages/tp_letters.esm.js (96%)
 rename sbc_translation/static/src/{ => frontend}/pages/tp_letters.xml (100%)
 rename sbc_translation/static/src/{ => frontend}/pages/tp_translators.esm.js (98%)
 rename sbc_translation/static/src/{ => frontend}/pages/tp_translators.xml (100%)
 rename sbc_translation/static/src/{ => frontend}/rpc.esm.js (100%)
 rename sbc_translation/static/src/{ => frontend}/translation_platform.css (100%)
 rename sbc_translation/static/src/{ => frontend}/translation_platform.esm.js (56%)
 rename sbc_translation/static/src/{ => frontend}/translation_platform.xml (99%)

diff --git a/sbc_translation/__manifest__.py b/sbc_translation/__manifest__.py
index 26815375d..f38d1541c 100644
--- a/sbc_translation/__manifest__.py
+++ b/sbc_translation/__manifest__.py
@@ -38,43 +38,9 @@
     "depends": ["sbc_compassion", "partner_contact_birthdate", "portal"],
     "assets": {
         "web.assets_frontend": [
-            "sbc_translation/static/src/translation_platform.css",
-            "sbc_translation/static/src/rpc.esm.js",
-            "sbc_translation/static/src/notification.esm.js",
-            "sbc_translation/static/src/models/letter_dao.esm.js",
-            "sbc_translation/static/src/models/translator_dao.esm.js",
-            "sbc_translation/static/src/models/settings_dao.esm.js",
-            # Component XML templates (must be loaded before the JS classes)
-            "sbc_translation/static/src/components/tp_loader.xml",
-            "sbc_translation/static/src/components/tp_modal.xml",
-            "sbc_translation/static/src/components/tp_signal_problem.xml",
-            "sbc_translation/static/src/components/tp_child_modal.xml",
-            "sbc_translation/static/src/components/tp_translator_button.xml",
-            "sbc_translation/static/src/components/tp_content_editor.xml",
-            "sbc_translation/static/src/components/tp_letter_viewer.xml",
-            "sbc_translation/static/src/components/tp_languages_pick_modal.xml",
-            # Component JS
-            "sbc_translation/static/src/components/tp_loader.esm.js",
-            "sbc_translation/static/src/components/tp_modal.esm.js",
-            "sbc_translation/static/src/components/tp_signal_problem.esm.js",
-            "sbc_translation/static/src/components/tp_child_modal.esm.js",
-            "sbc_translation/static/src/components/tp_translator_button.esm.js",
-            "sbc_translation/static/src/components/tp_content_editor.esm.js",
-            "sbc_translation/static/src/components/tp_letter_viewer.esm.js",
-            "sbc_translation/static/src/components/tp_languages_pick_modal.esm.js",
-            # Page XML templates
-            "sbc_translation/static/src/pages/tp_letters.xml",
-            "sbc_translation/static/src/pages/tp_letter_edit.xml",
-            "sbc_translation/static/src/pages/tp_home.xml",
-            "sbc_translation/static/src/pages/tp_translators.xml",
-            # Page JS
-            "sbc_translation/static/src/pages/tp_letters.esm.js",
-            "sbc_translation/static/src/pages/tp_letter_edit.esm.js",
-            "sbc_translation/static/src/pages/tp_home.esm.js",
-            "sbc_translation/static/src/pages/tp_translators.esm.js",
-            # Root app XML template and JS entry point
-            "sbc_translation/static/src/translation_platform.xml",
-            "sbc_translation/static/src/translation_platform.esm.js",
+            "sbc_translation/static/src/frontend/**/*.css",
+            "sbc_translation/static/src/frontend/**/*.xml",
+            "sbc_translation/static/src/frontend/**/*.esm.js",
         ],
     },
     "data": [
diff --git a/sbc_translation/i18n/de.po b/sbc_translation/i18n/de.po
index 906afc120..6f1692b3a 100644
--- a/sbc_translation/i18n/de.po
+++ b/sbc_translation/i18n/de.po
@@ -2,7 +2,7 @@ msgid ""
 msgstr ""
 "Project-Id-Version: Compassion Odoo 14\n"
 "Report-Msgid-Bugs-To: \n"
-"POT-Creation-Date: 2024-05-21 08:15+0000\n"
+"POT-Creation-Date: 2026-04-23 12:17+0000\n"
 "PO-Revision-Date: \n"
 "Last-Translator: \n"
 "Language-Team: \n"
@@ -10,7 +10,38 @@ msgstr ""
 "MIME-Version: 1.0\n"
 "Content-Type: text/plain; charset=UTF-8\n"
 "Content-Transfer-Encoding: 8bit\n"
-"X-Generator: Poedit 3.4.2\n"
+"X-Generator: Poedit 3.9\n"
+
+#. module: sbc_translation
+#. odoo-javascript
+#: code:addons/sbc_translation/static/src/pages/tp_home.xml:0
+msgid ""
+".\n"
+"                    Here are the texts waiting to be translated."
+msgstr ""
+
+#. module: sbc_translation
+#. odoo-javascript
+#: code:addons/sbc_translation/static/src/pages/tp_home.xml:0
+msgid ""
+".\n"
+"                    It seems you don't have any translation skill yet.\n"
+"                    Start by picking the languages you are confident in."
+msgstr ""
+
+#. module: sbc_translation
+#: model:website,contact_us_button_url:sbc_translation.translation_website
+#, fuzzy
+#| msgid "Contact"
+msgid "/contactus"
+msgstr "Kontakt"
+
+#. module: sbc_translation
+#: model_terms:ir.ui.view,arch_db:sbc_translation.translation_issue_log
+#, fuzzy
+#| msgid "Issue type"
+msgid "<b>Issue type</b>:"
+msgstr "Art der Ausgabe"
 
 #. module: sbc_translation
 #: model_terms:ir.ui.view,arch_db:sbc_translation.translation_competence_kanban
@@ -40,26 +71,29 @@ msgstr ""
 "                                <span>Übersetzer, die dieses Jahr aktiv "
 "sind: </span>"
 
-#. module: sbc_translation
-#: model_terms:ir.ui.view,arch_db:sbc_translation.correspondence_translation_kanban
-msgid ""
-"<i class=\"fa fa-external-link oe_kanban_avatar\" role=\"img\" "
-"title=\"Translator\"/>"
-msgstr ""
-"<i class=\"fa fa-external-link oe_kanban_avatar\" role=\"img\" "
-"title=\"Übersetzer\"/>"
-
 #. module: sbc_translation
 #: model:mail.template,body_html:sbc_translation.translation_issue_notification
+#, fuzzy
+#| msgid ""
+#| "<ul>\n"
+#| "                <li>Issue type: ${object.translate(\"translation_issue\")}"
+#| "</li>\n"
+#| "            </ul>\n"
+#| "            <span>\n"
+#| "                ${object.translation_issue_comments | safe}\n"
+#| "            </span>\n"
+#| "        "
 msgid ""
-"<ul>\n"
-"                <li>Issue type: ${object.translate(\"translation_issue\")}</"
-"li>\n"
+"<html>\n"
+"  <body><ul>\n"
+"                <li>Issue type: <t t-"
+"out=\"object.translate(&quot;translation_issue&quot;)\"></t></li>\n"
 "            </ul>\n"
 "            <span>\n"
-"                ${object.translation_issue_comments | safe}\n"
+"                <t t-out=\"object.translation_issue_comments\"></t>\n"
 "            </span>\n"
-"        "
+"        </body>\n"
+"</html>\n"
 msgstr ""
 "<ul>\n"
 "                <li>Thementyp: ${object.translate(\"translation_issue\")}</"
@@ -70,16 +104,53 @@ msgstr ""
 "            </span>\n"
 "        "
 
+#. module: sbc_translation
+#: model_terms:ir.ui.view,arch_db:sbc_translation.correspondence_translation_kanban
+msgid ""
+"<i class=\"fa fa-external-link oe_kanban_avatar\" role=\"img\" "
+"title=\"Translator\"/>"
+msgstr ""
+"<i class=\"fa fa-external-link oe_kanban_avatar\" role=\"img\" "
+"title=\"Übersetzer\"/>"
+
+#. module: sbc_translation
+#: model_terms:ir.ui.view,arch_db:sbc_translation.translation_comments_update
+msgid ""
+"<span class=\"o_Message_trackingValueSeparator o_Message_trackingValueItem "
+"fa fa-long-arrow-right\" title=\"Changed\" role=\"img\"/>"
+msgstr ""
+
 #. module: sbc_translation
 #: model:mail.template,subject:sbc_translation.translation_issue_notification
 msgid "A translation issue was raised"
 msgstr "Ein Übersetzungsproblem wurde angesprochen"
 
+#. module: sbc_translation
+#. odoo-javascript
+#: code:addons/sbc_translation/static/src/pages/tp_letters.xml:0
+#: code:addons/sbc_translation/static/src/pages/tp_translators.xml:0
+#, fuzzy
+#| msgid "Active"
+msgid "Actions"
+msgstr "Aktiv"
+
 #. module: sbc_translation
 #: model:ir.model.fields,field_description:sbc_translation.field_translation_user__active
 msgid "Active"
 msgstr "Aktiv"
 
+#. module: sbc_translation
+#. odoo-javascript
+#: code:addons/sbc_translation/static/src/components/tp_languages_pick_modal.xml:0
+msgid "Add Skill"
+msgstr "Sprachkompetenz hinzufügen"
+
+#. module: sbc_translation
+#. odoo-javascript
+#: code:addons/sbc_translation/static/src/components/tp_letter_viewer.xml:0
+msgid "Age"
+msgstr "Alter"
+
 #. module: sbc_translation
 #: model:ir.model.fields,field_description:sbc_translation.field_translation_competence__all_letter_ids
 msgid "All letters"
@@ -107,6 +178,30 @@ msgstr "Übersetzung genehmigen"
 msgid "Archived"
 msgstr "Archiviert"
 
+#. module: sbc_translation
+#. odoo-javascript
+#: code:addons/sbc_translation/static/src/pages/tp_home.xml:0
+msgid "Awaiting approval"
+msgstr "Wartet auf Validierung"
+
+#. module: sbc_translation
+#. odoo-javascript
+#: code:addons/sbc_translation/static/src/pages/tp_letter_edit.xml:0
+msgid "Back to Home"
+msgstr ""
+
+#. module: sbc_translation
+#. odoo-javascript
+#: code:addons/sbc_translation/static/src/components/tp_letter_viewer.xml:0
+msgid "Back to Translations"
+msgstr "Zurück zu den Übersetzungen"
+
+#. module: sbc_translation
+#. odoo-javascript
+#: code:addons/sbc_translation/static/src/translation_platform.xml:0
+msgid "CP"
+msgstr ""
+
 #. module: sbc_translation
 #: model_terms:ir.ui.view,arch_db:sbc_translation.reply_to_comments_form
 #: model_terms:ir.ui.view,arch_db:sbc_translation.reply_to_issue_form
@@ -114,29 +209,86 @@ msgid "Cancel"
 msgstr "Abbrechen"
 
 #. module: sbc_translation
+#. odoo-python
 #: code:addons/sbc_translation/models/correspondence.py:0
-#, python-format
 msgid "Cannot read properly"
 msgstr "Kann nicht korrekt gelesen werden"
 
 #. module: sbc_translation
+#. odoo-javascript
+#: code:addons/sbc_translation/static/src/components/tp_letter_viewer.xml:0
+msgid "Child Data"
+msgstr "Angaben Patenkind"
+
+#. module: sbc_translation
+#. odoo-javascript
+#: code:addons/sbc_translation/static/src/translation_platform.xml:0
+#, fuzzy
+#| msgid "Child protection issue"
+msgid "Child Protection"
+msgstr "Ungeeigneter Inhalt betreffend Kinderschutz"
+
+#. module: sbc_translation
+#. odoo-javascript
+#: code:addons/sbc_translation/static/src/components/tp_child_modal.xml:0
+#, fuzzy
+#| msgid "Child protection issue"
+msgid "Child Protection Videos"
+msgstr "Ungeeigneter Inhalt betreffend Kinderschutz"
+
+#. module: sbc_translation
+#. odoo-python
 #: code:addons/sbc_translation/models/correspondence.py:0
-#, python-format
 msgid "Child name different than expected"
 msgstr "Unterschiedlicher Kinder Name"
 
 #. module: sbc_translation
+#. odoo-python
 #: code:addons/sbc_translation/models/correspondence.py:0
-#, python-format
 msgid "Child protection issue"
 msgstr "Ungeeigneter Inhalt betreffend Kinderschutz"
 
 #. module: sbc_translation
+#. odoo-javascript
+#: code:addons/sbc_translation/static/src/pages/tp_letters.xml:0
+msgid "Clear Filters"
+msgstr ""
+
+#. module: sbc_translation
+#. odoo-javascript
+#: code:addons/sbc_translation/static/src/translation_platform.xml:0
+msgid "Click on a letter link or the"
+msgstr ""
+
+#. module: sbc_translation
+#. odoo-javascript
+#: code:addons/sbc_translation/static/src/components/tp_content_editor.xml:0
+msgid "Comment on the translation"
+msgstr "Kommentar zur Übersetzung"
+
+#. module: sbc_translation
+#. odoo-javascript
+#: code:addons/sbc_translation/static/src/pages/tp_letters.xml:0
 #: model:ir.model.fields,field_description:sbc_translation.field_correspondence_paragraph__comments
 #: model_terms:ir.ui.view,arch_db:sbc_translation.comments_reply
 msgid "Comments"
 msgstr "Bemerkungen:"
 
+#. module: sbc_translation
+#: model_terms:ir.ui.view,arch_db:sbc_translation.translation_comments_update
+#, fuzzy
+#| msgid "Comments"
+msgid "Comments updated"
+msgstr "Bemerkungen:"
+
+#. module: sbc_translation
+#. odoo-javascript
+#: code:addons/sbc_translation/static/src/pages/tp_home.xml:0
+#: code:addons/sbc_translation/static/src/pages/tp_letters.xml:0
+#: code:addons/sbc_translation/static/src/pages/tp_translators.xml:0
+msgid "Compassion"
+msgstr "Compassion"
+
 #. module: sbc_translation
 #: model:ir.model,name:sbc_translation.model_translation_competence
 msgid "Compassion Translation Competence"
@@ -165,10 +317,40 @@ msgstr "Zuständigkeiten"
 msgid "Contact"
 msgstr "Kontakt"
 
+#. module: sbc_translation
+#: model:ir.model.fields,field_description:sbc_translation.field_translation_letter_counting_wizard__correspondence_ids
+#, fuzzy
+#| msgid "Competences"
+msgid "Correspondences"
+msgstr "Zuständigkeiten"
+
+#. module: sbc_translation
+#: model:ir.model.fields,help:sbc_translation.field_translation_letter_counting_wizard__counting
+msgid ""
+"Counting of the number of translated letters since the \"Start of counting\""
+msgstr ""
+
+#. module: sbc_translation
+#: model:ir.actions.server,name:sbc_translation.action_translation_letter_counting
+#: model:ir.model,name:sbc_translation.model_translation_letter_counting_wizard
+#: model:ir.ui.menu,name:sbc_translation.translation_letter_counting_menu
+#, fuzzy
+#| msgid "Source of translation"
+msgid "Counting of translation letters"
+msgstr "Quelle der Übersetzung"
+
+#. module: sbc_translation
+#: model_terms:ir.actions.act_window,help:sbc_translation.action_letters_kanban
+#, fuzzy
+#| msgid "Created on"
+msgid "Create new document"
+msgstr "Angelegt am"
+
 #. module: sbc_translation
 #: model:ir.model.fields,field_description:sbc_translation.field_sbc_reply_to_comments_wizard__create_uid
 #: model:ir.model.fields,field_description:sbc_translation.field_sbc_reply_to_issue_wizard__create_uid
 #: model:ir.model.fields,field_description:sbc_translation.field_translation_competence__create_uid
+#: model:ir.model.fields,field_description:sbc_translation.field_translation_letter_counting_wizard__create_uid
 #: model:ir.model.fields,field_description:sbc_translation.field_translation_user__create_uid
 #: model:ir.model.fields,field_description:sbc_translation.field_translation_user_skill__create_uid
 msgid "Created by"
@@ -178,18 +360,30 @@ msgstr "Erstellt von"
 #: model:ir.model.fields,field_description:sbc_translation.field_sbc_reply_to_comments_wizard__create_date
 #: model:ir.model.fields,field_description:sbc_translation.field_sbc_reply_to_issue_wizard__create_date
 #: model:ir.model.fields,field_description:sbc_translation.field_translation_competence__create_date
+#: model:ir.model.fields,field_description:sbc_translation.field_translation_letter_counting_wizard__create_date
 #: model:ir.model.fields,field_description:sbc_translation.field_translation_user__create_date
 #: model:ir.model.fields,field_description:sbc_translation.field_translation_user_skill__create_date
 msgid "Created on"
 msgstr "Angelegt am"
 
+#. module: sbc_translation
+#. odoo-javascript
+#: code:addons/sbc_translation/static/src/translation_platform.xml:0
+msgid "Ctrl+S"
+msgstr ""
+
 #. module: sbc_translation
 #: model:ir.model.fields,field_description:sbc_translation.field_translation_competence__current_letter_ids
 msgid "Current letters"
 msgstr "Aktuelle Briefe"
 
 #. module: sbc_translation
-#: model_terms:ir.ui.view,arch_db:sbc_translation.comments_reply
+#. odoo-javascript
+#: code:addons/sbc_translation/static/src/pages/tp_letters.xml:0
+msgid "Date"
+msgstr ""
+
+#. module: sbc_translation
 #: model_terms:ir.ui.view,arch_db:sbc_translation.issue_reply
 msgid "Dear"
 msgstr "Guten Tag"
@@ -201,46 +395,293 @@ msgid "Destination language"
 msgstr "Sprache des Ziellandes"
 
 #. module: sbc_translation
-#: model:ir.model.fields,field_description:sbc_translation.field_correspondence__display_name
-#: model:ir.model.fields,field_description:sbc_translation.field_correspondence_paragraph__display_name
-#: model:ir.model.fields,field_description:sbc_translation.field_res_partner__display_name
-#: model:ir.model.fields,field_description:sbc_translation.field_res_users__display_name
 #: model:ir.model.fields,field_description:sbc_translation.field_sbc_reply_to_comments_wizard__display_name
 #: model:ir.model.fields,field_description:sbc_translation.field_sbc_reply_to_issue_wizard__display_name
 #: model:ir.model.fields,field_description:sbc_translation.field_translation_competence__display_name
+#: model:ir.model.fields,field_description:sbc_translation.field_translation_letter_counting_wizard__display_name
 #: model:ir.model.fields,field_description:sbc_translation.field_translation_user__display_name
 #: model:ir.model.fields,field_description:sbc_translation.field_translation_user_skill__display_name
 msgid "Display Name"
 msgstr "Anzeigename"
 
+#. module: sbc_translation
+#. odoo-javascript
+#: code:addons/sbc_translation/static/src/components/tp_content_editor.xml:0
+msgid "Do not paraphrase – translate as closely as possible."
+msgstr ""
+
 #. module: sbc_translation
 #: model:ir.model.fields.selection,name:sbc_translation.selection__correspondence__translation_status__done
 msgid "Done"
 msgstr "Erledigt"
 
+#. module: sbc_translation
+#. odoo-javascript
+#: code:addons/sbc_translation/static/src/components/tp_translator_button.xml:0
+#: code:addons/sbc_translation/static/src/pages/tp_translators.xml:0
+msgid "Email"
+msgstr ""
+
+#. module: sbc_translation
+#. odoo-javascript
+#: code:addons/sbc_translation/static/src/components/tp_child_modal.xml:0
+msgid "Expected/acceptable behaviors:"
+msgstr "Erwartetes/Akzeptables Verhalten:"
+
 #. module: sbc_translation
 #: model:ir.model.fields,field_description:sbc_translation.field_translation_competence__fallback_competence_id
 msgid "Fallback competence"
 msgstr "Fallback-Kompetenz"
 
+#. module: sbc_translation
+#: model:ir.model.fields,field_description:sbc_translation.field_translation_user__force_validation
+#, fuzzy
+#| msgid "Source of translation"
+msgid "Force Validation"
+msgstr "Quelle der Übersetzung"
+
+#. module: sbc_translation
+#. odoo-javascript
+#: code:addons/sbc_translation/static/src/translation_platform.xml:0
+msgid "Go to"
+msgstr ""
+
+#. module: sbc_translation
+#: model_terms:ir.ui.view,arch_db:sbc_translation.portal_my_home_translation
+#, fuzzy
+#| msgid "Translation Platform"
+msgid "Go to the Translation Platform"
+msgstr "Plattform für Übersetzungen"
+
+#. module: sbc_translation
+#. odoo-javascript
+#: code:addons/sbc_translation/static/src/translation_platform.xml:0
+msgid "Help"
+msgstr "Hilfe"
+
 #. module: sbc_translation
 #: model:ir.model.fields.selection,name:sbc_translation.selection__correspondence__translation_priority__2
 msgid "High"
 msgstr "Hoch"
 
 #. module: sbc_translation
-#: model:ir.model.fields,field_description:sbc_translation.field_correspondence__id
-#: model:ir.model.fields,field_description:sbc_translation.field_correspondence_paragraph__id
-#: model:ir.model.fields,field_description:sbc_translation.field_res_partner__id
-#: model:ir.model.fields,field_description:sbc_translation.field_res_users__id
+#. odoo-javascript
+#: code:addons/sbc_translation/static/src/translation_platform.xml:0
+msgid "Home"
+msgstr "Startseite"
+
+#. module: sbc_translation
+#. odoo-javascript
+#: code:addons/sbc_translation/static/src/translation_platform.xml:0
+#, fuzzy
+#| msgid "Translation Platform"
+msgid "How to use the Translation Platform"
+msgstr "Plattform für Übersetzungen"
+
+#. module: sbc_translation
+#. odoo-javascript
+#: code:addons/sbc_translation/static/src/components/tp_child_modal.xml:0
+msgid ""
+"I will contribute to building an environment where children are respected "
+"and encouraged to discuss their concerns and rights."
+msgstr ""
+"Ich werde dazu beitragen, ein Umfeld zu schaffen, in dem Kinder respektiert "
+"und ermutigt werden, ihre Anliegen und Rechte zu diskutieren."
+
+#. module: sbc_translation
+#. odoo-javascript
+#: code:addons/sbc_translation/static/src/components/tp_child_modal.xml:0
+msgid ""
+"I will demonstrate the proper respect and dignity of all children and will "
+"demonstrate Jesus's love and care for them, regardless of their gender, age, "
+"race, religion, social background, culture, special need or disability."
+msgstr ""
+
+#. module: sbc_translation
+#. odoo-javascript
+#: code:addons/sbc_translation/static/src/components/tp_child_modal.xml:0
+msgid ""
+"I will engage in activities with beneficiaries only in open or visible "
+"places, and in the event that an activity needs to take place in an enclosed "
+"space, I will ensure that at least one other approved adult is present."
+msgstr ""
+"Ich werde Aktivitäten mit den Begünstigten nur an offenen oder sichtbaren "
+"Orten durchführen, und falls eine Aktivität in einem geschlossenen Raum "
+"stattfinden muss, werde ich sicherstellen, dass mindestens ein weiterer "
+"zugelassener Erwachsener anwesend ist. (Zwei-Erwachsenen-Regel)."
+
+#. module: sbc_translation
+#. odoo-javascript
+#: code:addons/sbc_translation/static/src/components/tp_child_modal.xml:0
+msgid "I will engage in age-appropriate communication with beneficiaries."
+msgstr ""
+"Ich werde mich um eine altersgerechte Kommunikation mit den Begünstigten "
+"bemühen."
+
+#. module: sbc_translation
+#. odoo-javascript
+#: code:addons/sbc_translation/static/src/components/tp_child_modal.xml:0
+msgid ""
+"I will follow Compassion's rules about communication with beneficiaries, "
+"including social media interaction."
+msgstr ""
+
+#. module: sbc_translation
+#. odoo-javascript
+#: code:addons/sbc_translation/static/src/components/tp_child_modal.xml:0
+msgid ""
+"I will keep all information about child protection investigations "
+"confidential, keeping in mind privacy and dignity concerns of all involved."
+msgstr "Behandle die Informationen vertraulich."
+
+#. module: sbc_translation
+#. odoo-javascript
+#: code:addons/sbc_translation/static/src/components/tp_child_modal.xml:0
+msgid ""
+"I will maintain appropriate and reasonable expectations for children based "
+"on their age and ability level."
+msgstr ""
+
+#. module: sbc_translation
+#. odoo-javascript
+#: code:addons/sbc_translation/static/src/components/tp_child_modal.xml:0
+msgid ""
+"I will never engage in sexual/sexually suggestive behavior with any child "
+"under age 18, regardless of the legal age of consent in-country."
+msgstr ""
+"Ich werde niemals sexuell/sexuell suggestives Verhalten gegenüber einem Kind "
+"unter 18 Jahre zeigen, unabhängig von dem legalen Mündigkeitsalter im Land."
+
+#. module: sbc_translation
+#. odoo-javascript
+#: code:addons/sbc_translation/static/src/components/tp_child_modal.xml:0
+msgid ""
+"I will never travel alone with a beneficiary, without an approved "
+"representative or prior approval, except in a life-threatening emergency."
+msgstr ""
+
+#. module: sbc_translation
+#. odoo-javascript
+#: code:addons/sbc_translation/static/src/components/tp_child_modal.xml:0
+msgid ""
+"I will never use any kind of physical discipline or physical punishment as a "
+"method of correction for beneficiaries."
+msgstr ""
+
+#. module: sbc_translation
+#. odoo-javascript
+#: code:addons/sbc_translation/static/src/components/tp_child_modal.xml:0
+msgid ""
+"I will never use language that is verbally/emotionally abusive, sexually "
+"suggestive, degrading, humiliating, shaming or is otherwise culturally "
+"inappropriate with a beneficiary."
+msgstr ""
+"Ich werde niemals im Umgang mit dem Begünstigten eine Sprache verwenden, die "
+"verbal oder emotional beleidigend, sexuell suggestiv, erniedrigend, "
+"demütigend, beschämend oder in einer anderen Art kulturell unangemessen ist."
+
+#. module: sbc_translation
+#. odoo-javascript
+#: code:addons/sbc_translation/static/src/components/tp_child_modal.xml:0
+msgid ""
+"I will not gather, disclose or support the disclosure of information about "
+"beneficiaries or their families without prior, express permission."
+msgstr ""
+
+#. module: sbc_translation
+#. odoo-javascript
+#: code:addons/sbc_translation/static/src/components/tp_child_modal.xml:0
+msgid ""
+"I will not hire any child in any harmful form of child labor and follow "
+"local laws regarding child employment."
+msgstr ""
+"Ich werde kein Kind in irgendeiner schädlichen Form von Kinderarbeit "
+"einstellen und die lokalen Gesetze bezüglich der Kinderarbeit befolgen."
+
+#. module: sbc_translation
+#. odoo-javascript
+#: code:addons/sbc_translation/static/src/components/tp_child_modal.xml:0
+msgid ""
+"I will not solicit a romantic/dating relationship and will never engage in "
+"sexual/sexually suggestive behavior with any beneficiary, regardless of age."
+msgstr ""
+"Ich werde mit einem Begünstigten keine romantische Beziehung beginnen und "
+"gegenüber eines Begünstigten niemals sexuell/sexuell suggestives Verhalten "
+"zur Schau stellen, unabhängig vom Alter des Begünstigten."
+
+#. module: sbc_translation
+#. odoo-javascript
+#: code:addons/sbc_translation/static/src/components/tp_child_modal.xml:0
+msgid ""
+"I will not touch beneficiaries in an inappropriate or culturally insensitive "
+"way."
+msgstr ""
+
+#. module: sbc_translation
+#. odoo-javascript
+#: code:addons/sbc_translation/static/src/components/tp_child_modal.xml:0
+msgid ""
+"I will submit to the appropriate background or police checks as permissible "
+"by law prior to face-to-face contact with beneficiaries."
+msgstr ""
+
+#. module: sbc_translation
 #: model:ir.model.fields,field_description:sbc_translation.field_sbc_reply_to_comments_wizard__id
 #: model:ir.model.fields,field_description:sbc_translation.field_sbc_reply_to_issue_wizard__id
 #: model:ir.model.fields,field_description:sbc_translation.field_translation_competence__id
+#: model:ir.model.fields,field_description:sbc_translation.field_translation_letter_counting_wizard__id
 #: model:ir.model.fields,field_description:sbc_translation.field_translation_user__id
 #: model:ir.model.fields,field_description:sbc_translation.field_translation_user_skill__id
 msgid "ID"
 msgstr "ID"
 
+#. module: sbc_translation
+#. odoo-javascript
+#: code:addons/sbc_translation/static/src/components/tp_letter_viewer.xml:0
+msgid "Identifier"
+msgstr "Identifizieren"
+
+#. module: sbc_translation
+#. odoo-javascript
+#: code:addons/sbc_translation/static/src/components/tp_child_modal.xml:0
+msgid ""
+"If I witness child abuse, know a child is in danger, observe any concerning "
+"behaviors from colleagues, partners or other representatives, or a child "
+"comes to me with a report of abuse, I will take it seriously and report it "
+"to the proper staff or relevant authorities."
+msgstr ""
+
+#. module: sbc_translation
+#: model:ir.model.fields,help:sbc_translation.field_translation_user__force_validation
+msgid ""
+"If checked, all translations submitted by this user will require validation "
+"by a supervisor, regardless of their verifiedskills"
+msgstr ""
+
+#. module: sbc_translation
+#. odoo-javascript
+#: code:addons/sbc_translation/static/src/components/tp_letter_viewer.xml:0
+msgid "If the letter is unavailable, please signal a problem."
+msgstr ""
+
+#. module: sbc_translation
+#. odoo-javascript
+#: code:addons/sbc_translation/static/src/components/tp_content_editor.xml:0
+msgid "If the source text is unclear, add a comment explaining the issue."
+msgstr ""
+
+#. module: sbc_translation
+#. odoo-javascript
+#: code:addons/sbc_translation/static/src/translation_platform.xml:0
+msgid "If there is a problem with the letter, click"
+msgstr ""
+
+#. module: sbc_translation
+#. odoo-javascript
+#: code:addons/sbc_translation/static/src/components/tp_content_editor.xml:0
+msgid "If you're unsure about a phrase, use the comment field to flag it."
+msgstr ""
+
 #. module: sbc_translation
 #: model:ir.model.fields,field_description:sbc_translation.field_translation_user__avatar
 msgid "Image 128"
@@ -257,15 +698,19 @@ msgid "In progress"
 msgstr "In Bearbeitung"
 
 #. module: sbc_translation
+#. odoo-javascript
+#: code:addons/sbc_translation/static/src/translation_platform.xml:0
+msgid "In the editor: fill in the"
+msgstr ""
+
+#. module: sbc_translation
+#. odoo-python
 #: code:addons/sbc_translation/models/correspondence.py:0
-#, python-format
 msgid "Inappropriate content"
 msgstr "Ungeeigneten Inhalt"
 
 #. module: sbc_translation
 #: model:ir.actions.server,name:sbc_translation.increment_priority_cron_ir_actions_server
-#: model:ir.cron,cron_name:sbc_translation.increment_priority_cron
-#: model:ir.cron,name:sbc_translation.increment_priority_cron
 msgid "Increment translation priority"
 msgstr "Priorität der Übersetzung erhöhen"
 
@@ -285,22 +730,22 @@ msgid "Issue type"
 msgstr "Art der Ausgabe"
 
 #. module: sbc_translation
-#: model:ir.model.fields,field_description:sbc_translation.field_correspondence____last_update
-#: model:ir.model.fields,field_description:sbc_translation.field_correspondence_paragraph____last_update
-#: model:ir.model.fields,field_description:sbc_translation.field_res_partner____last_update
-#: model:ir.model.fields,field_description:sbc_translation.field_res_users____last_update
-#: model:ir.model.fields,field_description:sbc_translation.field_sbc_reply_to_comments_wizard____last_update
-#: model:ir.model.fields,field_description:sbc_translation.field_sbc_reply_to_issue_wizard____last_update
-#: model:ir.model.fields,field_description:sbc_translation.field_translation_competence____last_update
-#: model:ir.model.fields,field_description:sbc_translation.field_translation_user____last_update
-#: model:ir.model.fields,field_description:sbc_translation.field_translation_user_skill____last_update
-msgid "Last Modified on"
-msgstr "Zuletzt geändert am"
+#. odoo-javascript
+#: code:addons/sbc_translation/static/src/components/tp_content_editor.xml:0
+msgid "Keep the same tone and emotional register as the source text."
+msgstr ""
+
+#. module: sbc_translation
+#. odoo-javascript
+#: code:addons/sbc_translation/static/src/components/tp_letter_viewer.xml:0
+msgid "Language"
+msgstr "Sprache"
 
 #. module: sbc_translation
 #: model:ir.model.fields,field_description:sbc_translation.field_sbc_reply_to_comments_wizard__write_uid
 #: model:ir.model.fields,field_description:sbc_translation.field_sbc_reply_to_issue_wizard__write_uid
 #: model:ir.model.fields,field_description:sbc_translation.field_translation_competence__write_uid
+#: model:ir.model.fields,field_description:sbc_translation.field_translation_letter_counting_wizard__write_uid
 #: model:ir.model.fields,field_description:sbc_translation.field_translation_user__write_uid
 #: model:ir.model.fields,field_description:sbc_translation.field_translation_user_skill__write_uid
 msgid "Last Updated by"
@@ -310,19 +755,36 @@ msgstr "Zuletzt aktualisiert durch"
 #: model:ir.model.fields,field_description:sbc_translation.field_sbc_reply_to_comments_wizard__write_date
 #: model:ir.model.fields,field_description:sbc_translation.field_sbc_reply_to_issue_wizard__write_date
 #: model:ir.model.fields,field_description:sbc_translation.field_translation_competence__write_date
+#: model:ir.model.fields,field_description:sbc_translation.field_translation_letter_counting_wizard__write_date
 #: model:ir.model.fields,field_description:sbc_translation.field_translation_user__write_date
 #: model:ir.model.fields,field_description:sbc_translation.field_translation_user_skill__write_date
 msgid "Last Updated on"
 msgstr "Zuletzt aktualisiert am"
 
 #. module: sbc_translation
+#. odoo-javascript
+#: code:addons/sbc_translation/static/src/components/tp_letter_viewer.xml:0
+#, fuzzy
+#| msgid "Last Updated by"
+msgid "Last updated"
+msgstr "Zuletzt aktualisiert durch"
+
+#. module: sbc_translation
+#. odoo-javascript
+#: code:addons/sbc_translation/static/src/components/tp_letter_viewer.xml:0
 #: model:ir.model,name:sbc_translation.model_correspondence
 msgid "Letter"
 msgstr "Brief"
 
 #. module: sbc_translation
+#. odoo-javascript
+#: code:addons/sbc_translation/static/src/components/tp_letter_viewer.xml:0
+msgid "Letter Information"
+msgstr "Infos zum Brief"
+
+#. module: sbc_translation
+#. odoo-python
 #: code:addons/sbc_translation/models/correspondence.py:0
-#, python-format
 msgid "Letter already sent to GMC cannot be translated! [%s]"
 msgstr "Bereits an GMC gesendeter Brief kann nicht übersetzt werden! [%s]"
 
@@ -332,17 +794,18 @@ msgid "Letter content"
 msgstr "Inhalt des Briefes"
 
 #. module: sbc_translation
+#: model_terms:ir.ui.view,arch_db:sbc_translation.portal_my_home_translation
+#, fuzzy
+#| msgid "Letter translation pool"
+msgid "Letter in translation"
+msgstr "Briefübersetzungspool"
+
+#. module: sbc_translation
+#. odoo-python
 #: code:addons/sbc_translation/models/correspondence.py:0
-#, python-format
 msgid "Letter in wrong language queue"
 msgstr "Falsche Sprachliste Einteilung"
 
-#. module: sbc_translation
-#: code:addons/sbc_translation/models/correspondence.py:0
-#, python-format
-msgid "Letter must be in state 'Translation check unsuccessful'"
-msgstr "Das Schreiben muss den Status \"Übersetzungsprüfung erfolglos\" haben."
-
 #. module: sbc_translation
 #: model:ir.model,name:sbc_translation.model_correspondence_paragraph
 msgid "Letter paragraph"
@@ -353,6 +816,30 @@ msgstr "Briefabsatz"
 msgid "Letter translation pool"
 msgstr "Briefübersetzungspool"
 
+#. module: sbc_translation
+#. odoo-javascript
+#: code:addons/sbc_translation/static/src/pages/tp_home.xml:0
+#: code:addons/sbc_translation/static/src/pages/tp_letters.xml:0
+#: code:addons/sbc_translation/static/src/pages/tp_translators.xml:0
+#: code:addons/sbc_translation/static/src/translation_platform.xml:0
+msgid "Letters"
+msgstr "Briefe"
+
+#. module: sbc_translation
+#: model_terms:ir.ui.view,arch_db:sbc_translation.portal_my_home_translation
+#, fuzzy
+#| msgid "Return to translation"
+msgid "Letters to translate"
+msgstr "Zurück zur Übersetzung"
+
+#. module: sbc_translation
+#. odoo-javascript
+#: code:addons/sbc_translation/static/src/components/tp_translator_button.xml:0
+#, fuzzy
+#| msgid "Letter saved"
+msgid "Letters translated"
+msgstr "Gespeichert"
+
 #. module: sbc_translation
 #: model:ir.model.fields,help:sbc_translation.field_translation_competence__fallback_competence_id
 msgid ""
@@ -362,6 +849,26 @@ msgstr ""
 "Briefe werden in diesen Pool verschoben, wenn sie zu lange auf ihre "
 "Übersetzung warten."
 
+#. module: sbc_translation
+#. odoo-javascript
+#: code:addons/sbc_translation/static/src/components/tp_letter_viewer.xml:0
+msgid "Loading letter..."
+msgstr ""
+
+#. module: sbc_translation
+#. odoo-javascript
+#: code:addons/sbc_translation/static/src/translation_platform.xml:0
+#, fuzzy
+#| msgid "Translation Platform"
+msgid "Loading translation platform…"
+msgstr "Plattform für Übersetzungen"
+
+#. module: sbc_translation
+#. odoo-javascript
+#: code:addons/sbc_translation/static/src/components/tp_loader.xml:0
+msgid "Loading..."
+msgstr ""
+
 #. module: sbc_translation
 #: model:ir.model.fields,field_description:sbc_translation.field_correspondence__new_translator_id
 msgid "Local translator"
@@ -372,6 +879,12 @@ msgstr "Lokaler Übersetzer"
 msgid "Low"
 msgstr "Niedrig"
 
+#. module: sbc_translation
+#. odoo-javascript
+#: code:addons/sbc_translation/static/src/pages/tp_home.xml:0
+msgid "Manage your translation skills"
+msgstr "Verwalte deine Sprachkompetenzen"
+
 #. module: sbc_translation
 #: model:res.groups,name:sbc_translation.group_manager
 msgid "Manager"
@@ -387,17 +900,81 @@ msgstr "Problem als gelöst markieren und Antwort senden"
 msgid "Medium"
 msgstr "Mittel"
 
+#. module: sbc_translation
+#: model:ir.model.fields,help:sbc_translation.field_translation_letter_counting_wizard__start_of_counting
+msgid "Moment from which translated letters are counted"
+msgstr ""
+
 #. module: sbc_translation
 #: model_terms:ir.ui.view,arch_db:sbc_translation.correspondence_view_search
 msgid "My supervision"
 msgstr "Meine Aufsicht"
 
 #. module: sbc_translation
+#. odoo-javascript
+#: code:addons/sbc_translation/static/src/components/tp_translator_button.xml:0
+#: code:addons/sbc_translation/static/src/pages/tp_translators.xml:0
 #: model:ir.model.fields,field_description:sbc_translation.field_translation_competence__name
+#: model:ir.model.fields,field_description:sbc_translation.field_translation_letter_counting_wizard__name
 #: model:ir.model.fields,field_description:sbc_translation.field_translation_user__name
 msgid "Name"
 msgstr "Bezeichnung"
 
+#. module: sbc_translation
+#. odoo-javascript
+#: code:addons/sbc_translation/static/src/components/tp_content_editor.xml:0
+msgid "Names of people and places should be kept as they appear."
+msgstr ""
+
+#. module: sbc_translation
+#. odoo-javascript
+#: code:addons/sbc_translation/static/src/components/tp_letter_viewer.xml:0
+#, fuzzy
+#| msgid "Verified"
+msgid "Never modified"
+msgstr "Bestätigt"
+
+#. module: sbc_translation
+#. odoo-javascript
+#: code:addons/sbc_translation/static/src/pages/tp_letters.xml:0
+msgid "No letters found"
+msgstr ""
+
+#. module: sbc_translation
+#. odoo-javascript
+#: code:addons/sbc_translation/static/src/pages/tp_home.xml:0
+#, fuzzy
+#| msgid "Source Text to translate"
+msgid "No letters to translate here"
+msgstr "Ausgangstext zum Übersetzen"
+
+#. module: sbc_translation
+#. odoo-javascript
+#: code:addons/sbc_translation/static/src/components/tp_content_editor.xml:0
+msgid "No source text available"
+msgstr "Ausgangstext nicht verfügbar"
+
+#. module: sbc_translation
+#. odoo-javascript
+#: code:addons/sbc_translation/static/src/components/tp_languages_pick_modal.xml:0
+#, fuzzy
+#| msgid "Manage your translation skills"
+msgid "No translation skills defined yet."
+msgstr "Verwalte deine Sprachkompetenzen"
+
+#. module: sbc_translation
+#. odoo-javascript
+#: code:addons/sbc_translation/static/src/pages/tp_translators.xml:0
+#, fuzzy
+#| msgid "Local translator"
+msgid "No translators found"
+msgstr "Lokaler Übersetzer"
+
+#. module: sbc_translation
+#: model:website,prevent_zero_price_sale_text:sbc_translation.translation_website
+msgid "Not Available For Sale"
+msgstr ""
+
 #. module: sbc_translation
 #: model:ir.model.fields,field_description:sbc_translation.field_translation_competence__number_active_translators
 msgid "Number Active Translators"
@@ -413,6 +990,13 @@ msgstr "Nummer Laufende Briefe"
 msgid "Number Translators"
 msgstr "Nummer Übersetzer"
 
+#. module: sbc_translation
+#: model:ir.model.fields,field_description:sbc_translation.field_translation_letter_counting_wizard__counting
+#, fuzzy
+#| msgid "Number Translators"
+msgid "Number of translated letters"
+msgstr "Nummer Übersetzer"
+
 #. module: sbc_translation
 #: model_terms:ir.ui.view,arch_db:sbc_translation.correspondence_simple_translation_form
 msgid "Open full view"
@@ -424,17 +1008,25 @@ msgid "Open the letter in the translation platform"
 msgstr "Öffnen Sie den Brief in der Übersetzungsplattform"
 
 #. module: sbc_translation
+#. odoo-python
 #: code:addons/sbc_translation/models/correspondence.py:0
-#, python-format
 msgid "Other issue"
 msgstr "Anderes Problem"
 
 #. module: sbc_translation
+#. odoo-python
 #: code:addons/sbc_translation/models/correspondence.py:0
-#, python-format
 msgid "PDF not showing"
 msgstr "PDF erscheint nicht"
 
+#. module: sbc_translation
+#. odoo-javascript
+#: code:addons/sbc_translation/static/src/pages/tp_letters.xml:0
+#: code:addons/sbc_translation/static/src/pages/tp_translators.xml:0
+#: model_terms:ir.ui.view,arch_db:sbc_translation.translation_comments_update
+msgid "Page"
+msgstr ""
+
 #. module: sbc_translation
 #: model_terms:ir.ui.view,arch_db:sbc_translation.comments_reply
 msgid "Paragraph"
@@ -456,6 +1048,41 @@ msgstr "Partner"
 msgid "Partner-related data of the user"
 msgstr "Partnerbezogene Daten des Benutzers"
 
+#. module: sbc_translation
+#. odoo-javascript
+#: code:addons/sbc_translation/static/src/pages/tp_home.xml:0
+msgid "Pick Languages"
+msgstr "Sprachen auswählen"
+
+#. module: sbc_translation
+#. odoo-javascript
+#: code:addons/sbc_translation/static/src/components/tp_letter_viewer.xml:0
+msgid ""
+"Please always signal the problem if the name of the child mentioned in the "
+"letter\n"
+"                    isn't the preferred name. Thank you."
+msgstr ""
+
+#. module: sbc_translation
+#. odoo-javascript
+#: code:addons/sbc_translation/static/src/components/tp_letter_viewer.xml:0
+msgid "Preferred Name"
+msgstr "Vorname"
+
+#. module: sbc_translation
+#. odoo-javascript
+#: code:addons/sbc_translation/static/src/components/tp_content_editor.xml:0
+msgid "Preserve paragraph breaks from the source."
+msgstr ""
+
+#. module: sbc_translation
+#. odoo-javascript
+#: code:addons/sbc_translation/static/src/pages/tp_letters.xml:0
+#, fuzzy
+#| msgid "Priority:"
+msgid "Priority"
+msgstr "Vorrangig:"
+
 #. module: sbc_translation
 #: model_terms:ir.ui.view,arch_db:sbc_translation.correspondence_translation_kanban
 msgid "Priority:"
@@ -466,6 +1093,18 @@ msgstr "Vorrangig:"
 msgid "Put back into translation"
 msgstr "Zurück in die Übersetzung setzen"
 
+#. module: sbc_translation
+#. odoo-javascript
+#: code:addons/sbc_translation/static/src/components/tp_languages_pick_modal.xml:0
+msgid "Register"
+msgstr "Anmelden"
+
+#. module: sbc_translation
+#. odoo-javascript
+#: code:addons/sbc_translation/static/src/components/tp_languages_pick_modal.xml:0
+msgid "Register a new translation skill"
+msgstr "Neue Sprachkompetenz hinzufügen"
+
 #. module: sbc_translation
 #: model_terms:ir.ui.view,arch_db:sbc_translation.correspondence_simple_translation_form
 #: model_terms:ir.ui.view,arch_db:sbc_translation.view_correspondence_form_translation
@@ -479,6 +1118,13 @@ msgstr "Aus der Übersetzung entfernen"
 msgid "Reply to comments"
 msgstr "Antwort auf Kommentare"
 
+#. module: sbc_translation
+#: model:ir.model,name:sbc_translation.model_sbc_reply_to_comments_wizard
+#, fuzzy
+#| msgid "Reply to comments"
+msgid "Reply to comments wizard"
+msgstr "Antwort auf Kommentare"
+
 #. module: sbc_translation
 #: model:ir.actions.act_window,name:sbc_translation.reply_to_issue_wizard
 #: model_terms:ir.ui.view,arch_db:sbc_translation.correspondence_simple_translation_form
@@ -486,6 +1132,13 @@ msgstr "Antwort auf Kommentare"
 msgid "Reply to issue"
 msgstr "Antwort auf die Frage"
 
+#. module: sbc_translation
+#: model:ir.model,name:sbc_translation.model_sbc_reply_to_issue_wizard
+#, fuzzy
+#| msgid "Reply to issue"
+msgid "Reply to issue wizard"
+msgstr "Antwort auf die Frage"
+
 #. module: sbc_translation
 #: model:ir.actions.server,name:sbc_translation.resubmit_letter_translation_action
 msgid "Resubmit to translation"
@@ -496,6 +1149,20 @@ msgstr "Erneut zur Übersetzung vorlegen"
 msgid "Return to translation"
 msgstr "Zurück zur Übersetzung"
 
+#. module: sbc_translation
+#. odoo-javascript
+#: code:addons/sbc_translation/static/src/components/tp_translator_button.xml:0
+#: code:addons/sbc_translation/static/src/pages/tp_translators.xml:0
+msgid "Role"
+msgstr "Funktion"
+
+#. module: sbc_translation
+#. odoo-javascript
+#: code:addons/sbc_translation/static/src/pages/tp_letter_edit.xml:0
+#: code:addons/sbc_translation/static/src/translation_platform.xml:0
+msgid "Save"
+msgstr "Speichern"
+
 #. module: sbc_translation
 #: model:ir.model.fields,field_description:sbc_translation.field_translation_user__search_competence_id
 msgid "Search Competence"
@@ -511,53 +1178,224 @@ msgstr "Suche Dest Lang"
 msgid "Search Source Lang"
 msgstr "Suche Quelle Lang"
 
+#. module: sbc_translation
+#. odoo-javascript
+#: code:addons/sbc_translation/static/src/pages/tp_translators.xml:0
+msgid "Search email…"
+msgstr ""
+
+#. module: sbc_translation
+#. odoo-javascript
+#: code:addons/sbc_translation/static/src/pages/tp_translators.xml:0
+msgid "Search name…"
+msgstr ""
+
+#. module: sbc_translation
+#. odoo-javascript
+#: code:addons/sbc_translation/static/src/pages/tp_letters.xml:0
+#, fuzzy
+#| msgid "Search Dest Lang"
+msgid "Search status…"
+msgstr "Suche Dest Lang"
+
+#. module: sbc_translation
+#. odoo-javascript
+#: code:addons/sbc_translation/static/src/pages/tp_letters.xml:0
+msgid "Search title…"
+msgstr ""
+
 #. module: sbc_translation
 #: model:ir.module.category,description:sbc_translation.module_category_translator
 msgid "Security groups for Translation Platform"
 msgstr "Sicherheitsgruppen für die Übersetzungsplattform"
 
+#. module: sbc_translation
+#. odoo-javascript
+#: code:addons/sbc_translation/static/src/components/tp_signal_problem.xml:0
+msgid "Send Message"
+msgstr "Mitteilung senden"
+
 #. module: sbc_translation
 #: model_terms:ir.ui.view,arch_db:sbc_translation.reply_to_comments_form
 msgid "Send reply"
 msgstr "Antwort abschicken"
 
 #. module: sbc_translation
+#. odoo-javascript
+#: code:addons/sbc_translation/static/src/components/tp_letter_viewer.xml:0
+msgid "Sex"
+msgstr "Geschlecht"
+
+#. module: sbc_translation
+#. odoo-javascript
+#: code:addons/sbc_translation/static/src/pages/tp_letter_edit.xml:0
+#, fuzzy
+#| msgid "Signal a Problem"
+msgid "Signal Problem"
+msgstr "Ein Problem melden"
+
+#. module: sbc_translation
+#. odoo-javascript
+#: code:addons/sbc_translation/static/src/components/tp_letter_viewer.xml:0
+#: code:addons/sbc_translation/static/src/translation_platform.xml:0
+msgid "Signal a Problem"
+msgstr "Ein Problem melden"
+
+#. module: sbc_translation
+#. odoo-javascript
+#: code:addons/sbc_translation/static/src/pages/tp_translators.xml:0
 #: model:ir.model.fields,field_description:sbc_translation.field_translation_user__translation_skills
 msgid "Skills"
 msgstr "Fertigkeiten"
 
+#. module: sbc_translation
+#. odoo-javascript
+#: code:addons/sbc_translation/static/src/components/tp_content_editor.xml:0
+#: code:addons/sbc_translation/static/src/components/tp_letter_viewer.xml:0
+#: code:addons/sbc_translation/static/src/pages/tp_letters.xml:0
+msgid "Source"
+msgstr "Ausgangstext"
+
+#. module: sbc_translation
+#. odoo-javascript
+#: code:addons/sbc_translation/static/src/components/tp_letter_viewer.xml:0
+msgid "Source Text to translate"
+msgstr "Ausgangstext zum Übersetzen"
+
 #. module: sbc_translation
 #: model:ir.model.fields,field_description:sbc_translation.field_translation_competence__source_language_id
 #: model_terms:ir.ui.view,arch_db:sbc_translation.translation_user_view_search
 msgid "Source language"
 msgstr "Sprache der Quelle"
 
+#. module: sbc_translation
+#. odoo-javascript
+#: code:addons/sbc_translation/static/src/pages/tp_letters.xml:0
+#, fuzzy
+#| msgid "Source language"
+msgid "Source lang…"
+msgstr "Sprache der Quelle"
+
 #. module: sbc_translation
 #: model:ir.model.fields,field_description:sbc_translation.field_correspondence__src_translation_lang_id
 msgid "Source of translation"
 msgstr "Quelle der Übersetzung"
 
 #. module: sbc_translation
+#. odoo-javascript
+#: code:addons/sbc_translation/static/src/components/tp_letter_viewer.xml:0
+msgid "Sponsor Data"
+msgstr "Angaben Patin/Pate"
+
+#. module: sbc_translation
+#. odoo-python
 #: code:addons/sbc_translation/models/correspondence.py:0
-#, python-format
 msgid "Sponsor name different than expected"
 msgstr "Unterschiedlicher Patenname"
 
+#. module: sbc_translation
+#: model:ir.model.fields,field_description:sbc_translation.field_translation_letter_counting_wizard__start_of_counting
+msgid "Start of counting"
+msgstr ""
+
+#. module: sbc_translation
+#. odoo-javascript
+#: code:addons/sbc_translation/static/src/pages/tp_letters.xml:0
+msgid "Status"
+msgstr ""
+
+#. module: sbc_translation
+#. odoo-javascript
+#: code:addons/sbc_translation/static/src/pages/tp_letter_edit.xml:0
+#: code:addons/sbc_translation/static/src/translation_platform.xml:0
+msgid "Submit"
+msgstr "Senden"
+
+#. module: sbc_translation
+#: model_terms:ir.ui.view,arch_db:sbc_translation.portal_my_home_translation
+msgid "TP"
+msgstr ""
+
+#. module: sbc_translation
+#. odoo-javascript
+#: code:addons/sbc_translation/static/src/pages/tp_home.xml:0
+#: code:addons/sbc_translation/static/src/translation_platform.xml:0
+msgid "Take the first"
+msgstr "Wähle den ersten der Liste"
+
+#. module: sbc_translation
+#. odoo-javascript
+#: code:addons/sbc_translation/static/src/pages/tp_letters.xml:0
+msgid "Target"
+msgstr ""
+
+#. module: sbc_translation
+#. odoo-javascript
+#: code:addons/sbc_translation/static/src/pages/tp_letters.xml:0
+msgid "Target lang…"
+msgstr ""
+
+#. module: sbc_translation
+#. odoo-javascript
+#: code:addons/sbc_translation/static/src/pages/tp_letter_edit.xml:0
+msgid ""
+"Thank you for your contribution. You will be redirected to the home page."
+msgstr ""
+
+#. module: sbc_translation
+#. odoo-javascript
+#: code:addons/sbc_translation/static/src/pages/tp_home.xml:0
+msgid "Thank you."
+msgstr "Danke."
+
 #. module: sbc_translation
 #: model:ir.model.fields,help:sbc_translation.field_translation_user_skill__verified
 msgid "The competence has been approved by a manager."
 msgstr "Die Kompetenz wurde von einer Führungskraft genehmigt."
 
+#. module: sbc_translation
+#. odoo-javascript
+#: code:addons/sbc_translation/static/src/translation_platform.xml:0
+msgid "The keyboard shortcut"
+msgstr ""
+
 #. module: sbc_translation
 #: model:ir.model.constraint,message:sbc_translation.constraint_translation_competence_unique_competence
 msgid "This competence already exists."
 msgstr "Diese Kompetenz ist bereits vorhanden."
 
+#. module: sbc_translation
+#. odoo-javascript
+#: code:addons/sbc_translation/static/src/components/tp_letter_viewer.xml:0
+msgid "This letter could not be found"
+msgstr "Dieser Brief wurde nicht gefunden."
+
+#. module: sbc_translation
+#. odoo-javascript
+#: code:addons/sbc_translation/static/src/pages/tp_home.xml:0
+msgid ""
+"This skill must be validated. Translate the given letter for it to be "
+"reviewed."
+msgstr ""
+
 #. module: sbc_translation
 #: model:ir.model.constraint,message:sbc_translation.constraint_translation_user_unique_translator
 msgid "This translator already exists."
 msgstr "Dieser Übersetzer existiert bereits."
 
+#. module: sbc_translation
+#. odoo-javascript
+#: code:addons/sbc_translation/static/src/components/tp_content_editor.xml:0
+msgid "Tips"
+msgstr ""
+
+#. module: sbc_translation
+#. odoo-javascript
+#: code:addons/sbc_translation/static/src/components/tp_letter_viewer.xml:0
+#: code:addons/sbc_translation/static/src/pages/tp_letters.xml:0
+msgid "Title"
+msgstr "Überschrift"
+
 #. module: sbc_translation
 #: model_terms:ir.ui.view,arch_db:sbc_translation.correspondence_simple_translation_form
 #: model_terms:ir.ui.view,arch_db:sbc_translation.view_correspondence_form_translation
@@ -579,6 +1417,12 @@ msgstr "Zur Validierung"
 msgid "Total translations"
 msgstr "Übersetzungen insgesamt"
 
+#. module: sbc_translation
+#. odoo-javascript
+#: code:addons/sbc_translation/static/src/pages/tp_letters.xml:0
+msgid "Translate"
+msgstr "Übersetzen"
+
 #. module: sbc_translation
 #: model:ir.model.fields,field_description:sbc_translation.field_correspondence__translate_date
 msgid "Translate Date"
@@ -589,6 +1433,19 @@ msgstr "Datum übersetzen"
 msgid "Translate Done"
 msgstr "Übersetzen Erledigt"
 
+#. module: sbc_translation
+#. odoo-javascript
+#: code:addons/sbc_translation/static/src/pages/tp_home.xml:0
+msgid "Translate Verification Letter"
+msgstr "Überprüfung des ersten Briefes"
+
+#. module: sbc_translation
+#. odoo-javascript
+#: code:addons/sbc_translation/static/src/components/tp_content_editor.xml:0
+#: code:addons/sbc_translation/static/src/translation_platform.xml:0
+msgid "Translated Content"
+msgstr "übersetzter Inhalt"
+
 #. module: sbc_translation
 #: model:ir.model.fields,field_description:sbc_translation.field_translation_user__translated_letter_ids
 msgid "Translated Letter"
@@ -604,6 +1461,13 @@ msgstr "Übersetzt letztes Jahr"
 msgid "Translated this year"
 msgstr "Übersetzt in diesem Jahr"
 
+#. module: sbc_translation
+#. odoo-javascript
+#: code:addons/sbc_translation/static/src/components/tp_languages_pick_modal.xml:0
+msgid ""
+"Translating from a language to another and back are two different skills."
+msgstr ""
+
 #. module: sbc_translation
 #: model:ir.model.fields,field_description:sbc_translation.field_correspondence__translation_competence_id
 msgid "Translation Competence"
@@ -620,6 +1484,8 @@ msgid "Translation Issue Comments"
 msgstr "Übersetzung Ausgabe Kommentare"
 
 #. module: sbc_translation
+#. odoo-javascript
+#: code:addons/sbc_translation/static/src/pages/tp_home.xml:0
 #: model:ir.module.category,name:sbc_translation.module_category_translator
 #: model:ir.ui.menu,name:sbc_translation.menu_translation_platform
 msgid "Translation Platform"
@@ -656,6 +1522,13 @@ msgstr "Übersetzung Url"
 msgid "Translation User"
 msgstr "Übersetzung Benutzer"
 
+#. module: sbc_translation
+#: model:mail.template,name:sbc_translation.translation_issue_notification
+#, fuzzy
+#| msgid "Translation Issue"
+msgid "Translation issue notification"
+msgstr "Problem der Übersetzung"
+
 #. module: sbc_translation
 #: model_terms:ir.ui.view,arch_db:sbc_translation.correspondence_view_search
 msgid "Translation status"
@@ -666,6 +1539,14 @@ msgstr "Status der Übersetzung"
 msgid "Translation supervisor"
 msgstr "Übersetzungsbetreuer"
 
+#. module: sbc_translation
+#. odoo-javascript
+#: code:addons/sbc_translation/static/src/components/tp_content_editor.xml:0
+#, fuzzy
+#| msgid "Translations"
+msgid "Translation tips"
+msgstr "Übersetzungen"
+
 #. module: sbc_translation
 #: model:ir.model,name:sbc_translation.model_translation_user_skill
 msgid "Translation user skill"
@@ -687,6 +1568,8 @@ msgid "Translations this year"
 msgstr "Übersetzungen in diesem Jahr"
 
 #. module: sbc_translation
+#. odoo-javascript
+#: code:addons/sbc_translation/static/src/pages/tp_letters.xml:0
 #: model:ir.actions.act_window,name:sbc_translation.action_compassion_translation_user_form
 #: model:ir.model.fields,field_description:sbc_translation.field_res_users__translator_id
 #: model:ir.model.fields,field_description:sbc_translation.field_translation_user_skill__translator_id
@@ -705,19 +1588,42 @@ msgid "Translator skills"
 msgstr "Fähigkeiten eines Übersetzers"
 
 #. module: sbc_translation
+#. odoo-javascript
+#: code:addons/sbc_translation/static/src/pages/tp_translators.xml:0
+#: code:addons/sbc_translation/static/src/translation_platform.xml:0
 #: model:ir.ui.menu,name:sbc_translation.menu_translation_user
 msgid "Translators"
 msgstr "Übersetzer"
 
+#. module: sbc_translation
+#. odoo-javascript
+#: code:addons/sbc_translation/static/src/components/tp_child_modal.xml:0
+#, fuzzy
+#| msgid "Expected/acceptable behaviors:"
+msgid "Unacceptable behaviors:"
+msgstr "Erwartetes/Akzeptables Verhalten:"
+
+#. module: sbc_translation
+#. odoo-javascript
+#: code:addons/sbc_translation/static/src/pages/tp_letters.xml:0
+msgid "Unread"
+msgstr ""
+
 #. module: sbc_translation
 #: model:ir.model.fields,field_description:sbc_translation.field_correspondence__unread_comments
 msgid "Unread Comments"
 msgstr "Ungelesene Kommentare"
 
+#. module: sbc_translation
+#. odoo-javascript
+#: code:addons/sbc_translation/static/src/components/tp_languages_pick_modal.xml:0
+#, fuzzy
+#| msgid "Verified"
+msgid "Unverified"
+msgstr "Bestätigt"
+
 #. module: sbc_translation
 #: model:ir.actions.server,name:sbc_translation.update_translation_priority_cron_ir_actions_server
-#: model:ir.cron,cron_name:sbc_translation.update_translation_priority_cron
-#: model:ir.cron,name:sbc_translation.update_translation_priority_cron
 msgid "Update translation priority"
 msgstr "Priorität der Übersetzung aktualisieren"
 
@@ -727,14 +1633,18 @@ msgid "Urgent"
 msgstr "Dringend"
 
 #. module: sbc_translation
-#: model:ir.model.fields,field_description:sbc_translation.field_translation_user__user_id
-#: model:res.groups,name:sbc_translation.group_user
-msgid "User"
+#. odoo-javascript
+#: code:addons/sbc_translation/static/src/translation_platform.xml:0
+#, fuzzy
+#| msgid "User"
+msgid "Use"
 msgstr "Benutzer"
 
 #. module: sbc_translation
 #: model:ir.model,name:sbc_translation.model_res_users
-msgid "Users"
+#: model:ir.model.fields,field_description:sbc_translation.field_translation_user__user_id
+#: model:res.groups,name:sbc_translation.group_user
+msgid "User"
 msgstr "Benutzer"
 
 #. module: sbc_translation
@@ -745,6 +1655,8 @@ msgid "Utility field only used for the search view"
 msgstr "Dienstprogrammfeld, das nur für die Suchansicht verwendet wird"
 
 #. module: sbc_translation
+#. odoo-javascript
+#: code:addons/sbc_translation/static/src/components/tp_languages_pick_modal.xml:0
 #: model:ir.model.fields,field_description:sbc_translation.field_translation_user_skill__verified
 msgid "Verified"
 msgstr "Bestätigt"
@@ -755,14 +1667,50 @@ msgid "Very high"
 msgstr "Sehr hoch"
 
 #. module: sbc_translation
+#. odoo-javascript
+#: code:addons/sbc_translation/static/src/components/tp_content_editor.xml:0
+#, fuzzy
+#| msgid "No source text available"
+msgid "View source text"
+msgstr "Ausgangstext nicht verfügbar"
+
+#. module: sbc_translation
+#. odoo-javascript
+#: code:addons/sbc_translation/static/src/pages/tp_home.xml:0
+msgid "Waiting for your verification letter"
+msgstr "Warten auf deinen Bestätigungsbrief"
+
+#. module: sbc_translation
+#. odoo-javascript
+#: code:addons/sbc_translation/static/src/components/tp_child_modal.xml:0
+#, fuzzy
+#| msgid "Child protection issue"
+msgid "Watch child protection video"
+msgstr "Ungeeigneter Inhalt betreffend Kinderschutz"
+
+#. module: sbc_translation
+#. odoo-javascript
+#: code:addons/sbc_translation/static/src/pages/tp_home.xml:0
+msgid "Welcome"
+msgstr "Herzlich willkommen"
+
+#. module: sbc_translation
+#. odoo-python
 #: code:addons/sbc_translation/models/correspondence.py:0
-#, python-format
 msgid "Wrong translation boxes layout"
 msgstr "Falsche Text Einteilung"
 
 #. module: sbc_translation
+#. odoo-javascript
+#: code:addons/sbc_translation/static/src/components/tp_languages_pick_modal.xml:0
+#, fuzzy
+#| msgid "Your current translation skills"
+msgid "You already have all available translation skills!"
+msgstr "Deine aktuellen Sprachkompetenzen"
+
+#. module: sbc_translation
+#. odoo-python
 #: code:addons/sbc_translation/models/correspondence.py:0
-#, python-format
 msgid ""
 "You cannot change the translation language of a letter that is being or "
 "already translated."
@@ -770,12 +1718,6 @@ msgstr ""
 "Sie können die Übersetzungssprache eines Briefes, der gerade übersetzt wird "
 "oder bereits übersetzt ist, nicht ändern."
 
-#. module: sbc_translation
-#: model_terms:ir.ui.view,arch_db:sbc_translation.comments_reply
-msgid "You have just received a reply to your comments on the translation:"
-msgstr ""
-"Sie haben soeben eine Antwort auf Ihre Anmerkungen zur Übersetzung erhalten:"
-
 #. module: sbc_translation
 #: model_terms:ir.ui.view,arch_db:sbc_translation.issue_reply
 msgid ""
@@ -786,370 +1728,196 @@ msgstr ""
 "Ihnen gemeldeten Übersetzungsplattform erhalten:"
 
 #. module: sbc_translation
-#: model_terms:ir.ui.view,arch_db:sbc_translation.reply_to_comments_form
-#: model_terms:ir.ui.view,arch_db:sbc_translation.reply_to_issue_form
-msgid "Your reply will be added in an <b>automatic email with greetings</b>."
-msgstr ""
-"Ihre Antwort wird in einer <b>automatischen E-Mail mit Grüßen</b> "
-"hinzugefügt."
-
-#. module: sbc_translation
-#: model:ir.model,name:sbc_translation.model_sbc_reply_to_comments_wizard
-msgid "sbc.reply.to.comments.wizard"
-msgstr "sbc.reply.to.comments.wizard"
-
-#. module: sbc_translation
-#: model:ir.model,name:sbc_translation.model_sbc_reply_to_issue_wizard
-msgid "sbc.reply.to.issue.wizard"
-msgstr "sbc.reply.to.issue.wizard"
-
-#. module: sbc_translation
-#: model:res.groups,comment:sbc_translation.group_manager
-msgid "the user can manage the translation platform."
-msgstr "der Benutzer kann die Übersetzungsplattform verwalten."
-
-#. module: sbc_translation
-#: model:res.groups,comment:sbc_translation.group_user
-msgid "the user will have access to the translation platform."
-msgstr "hat der Nutzer Zugang zur Übersetzungsplattform."
-
-#. module: sbc_translation
-#: model_terms:ir.ui.view,arch_db:sbc_translation.correspondence_translation_kanban
-msgid "translation priority"
-msgstr "Übersetzungspriorität"
-
-#~ msgid ""
-#~ "You just received a reply regarding your comments on the translation:"
-#~ msgstr ""
-#~ "Sie haben soeben eine Antwort auf Ihre Anmerkungen zur Übersetzung "
-#~ "erhalten:"
-
-#~ msgid "Your reply will be added in an automatic email with greetings."
-#~ msgstr ""
-#~ "Ihre Antwort wird in einer automatischen E-Mail mit Grüßen hinzugefügt."
-
-#. module: sbc_translation
-#: sbc_translation.TranslationPlatform
-msgid "Add Skill"
-msgstr "Sprachkompetenz hinzufügen"
-
-#. module: sbc_translation
-#: sbc_translation.TranslationPlatform
-msgid "Age"
-msgstr "Alter"
-
-#. module: sbc_translation
-#: sbc_translation.TranslationPlatform
-msgid "Awaiting approval"
-msgstr "Wartet auf Validierung"
-
-#. module: sbc_translation
-#: sbc_translation.TranslationPlatform
-msgid "Back to Translations"
-msgstr "Zurück zu den Übersetzungen"
-
-#. module: sbc_translation
-#: sbc_translation.TranslationPlatform
-msgid "Child Data"
-msgstr "Angaben Patenkind"
-
-#. module: sbc_translation
-#: sbc_translation.TranslationPlatform
-msgid "Comment on the translation"
-msgstr "Kommentar zur Übersetzung"
-
-#. module: sbc_translation
-#: sbc_translation.TranslationPlatform
-msgid "Comments"
-msgstr "Kommentare"
-
-#. module: sbc_translation
-#: sbc_translation.TranslationPlatform
-msgid "Compassion"
-msgstr "Compassion"
-
-#. module: sbc_translation
-#: sbc_translation.TranslationPlatform
-msgid "Expected/acceptable behaviors:"
-msgstr "Erwartetes/Akzeptables Verhalten:"
-
-#. module: sbc_translation
-#: sbc_translation.TranslationPlatform
-msgid "Help"
-msgstr "Hilfe"
-
-#. module: sbc_translation
-#: sbc_translation.TranslationPlatform
-msgid "Home"
-msgstr "Startseite"
-
-#. module: sbc_translation
-#: sbc_translation.TranslationPlatform
-msgid "I will contribute to building an environment where children are respected and encouraged to discuss their concerns and rights."
-msgstr "Ich werde dazu beitragen, ein Umfeld zu schaffen, in dem Kinder respektiert und ermutigt werden, ihre Anliegen und Rechte zu diskutieren."
-
-#. module: sbc_translation
-#: sbc_translation.TranslationPlatform
-msgid "I will engage in activities with beneficiaries only in open or visible places, and in the event that an activity needs to take place in an enclosed space, I will ensure that at least one other approved adult is present."
-msgstr "Ich werde Aktivitäten mit den Begünstigten nur an offenen oder sichtbaren Orten durchführen, und falls eine Aktivität in einem geschlossenen Raum stattfinden muss, werde ich sicherstellen, dass mindestens ein weiterer zugelassener Erwachsener anwesend ist. (Zwei-Erwachsenen-Regel)."
-
-#. module: sbc_translation
-#: sbc_translation.TranslationPlatform
-msgid "I will engage in age-appropriate communication with beneficiaries."
-msgstr "Ich werde mich um eine altersgerechte Kommunikation mit den Begünstigten bemühen."
-
-#. module: sbc_translation
-#: sbc_translation.TranslationPlatform
-msgid "I will keep all information about child protection investigations confidential, keeping in mind privacy and dignity concerns of all involved."
-msgstr "Behandle die Informationen vertraulich."
-
-#. module: sbc_translation
-#: sbc_translation.TranslationPlatform
-msgid "I will never engage in sexual/sexually suggestive behavior with any child under age 18, regardless of the legal age of consent in-country."
-msgstr "Ich werde niemals sexuell/sexuell suggestives Verhalten gegenüber einem Kind unter 18 Jahre zeigen, unabhängig von dem legalen Mündigkeitsalter im Land."
-
-#. module: sbc_translation
-#: sbc_translation.TranslationPlatform
-msgid "I will never use language that is verbally/emotionally abusive, sexually suggestive, degrading, humiliating, shaming or is otherwise culturally inappropriate with a beneficiary."
-msgstr "Ich werde niemals im Umgang mit dem Begünstigten eine Sprache verwenden, die verbal oder emotional beleidigend, sexuell suggestiv, erniedrigend, demütigend, beschämend oder in einer anderen Art kulturell unangemessen ist."
-
-#. module: sbc_translation
-#: sbc_translation.TranslationPlatform
-msgid "I will not hire any child in any harmful form of child labor and follow local laws regarding child employment."
-msgstr "Ich werde kein Kind in irgendeiner schädlichen Form von Kinderarbeit einstellen und die lokalen Gesetze bezüglich der Kinderarbeit befolgen."
+#. odoo-javascript
+#: code:addons/sbc_translation/static/src/pages/tp_home.xml:0
+msgid "You have translated a total of"
+msgstr "Du hast insgesamt"
 
 #. module: sbc_translation
-#: sbc_translation.TranslationPlatform
-msgid "I will not solicit a romantic/dating relationship and will never engage in sexual/sexually suggestive behavior with any beneficiary, regardless of age."
-msgstr "Ich werde mit einem Begünstigten keine romantische Beziehung beginnen und gegenüber eines Begünstigten niemals sexuell/sexuell suggestives Verhalten zur Schau stellen, unabhängig vom Alter des Begünstigten."
+#. odoo-javascript
+#: code:addons/sbc_translation/static/src/components/tp_signal_problem.xml:0
+msgid "Your Message"
+msgstr "Deine Mitteilung"
 
 #. module: sbc_translation
-#: sbc_translation.TranslationPlatform
-msgid "Identifier"
-msgstr "Identifizieren"
+#. odoo-javascript
+#: code:addons/sbc_translation/static/src/components/tp_languages_pick_modal.xml:0
+msgid "Your current translation skills"
+msgstr "Deine aktuellen Sprachkompetenzen"
 
 #. module: sbc_translation
-#: sbc_translation.TranslationPlatform
-msgid "Issue successfully sent, it will be quickly reviewed"
-msgstr "Problem erfolgreich gesendet, es wird schnell überprüft werden"
+#: model_terms:ir.ui.view,arch_db:sbc_translation.reply_to_comments_form
+#: model_terms:ir.ui.view,arch_db:sbc_translation.reply_to_issue_form
+msgid "Your reply will be added in an <b>automatic email with greetings</b>."
+msgstr ""
+"Ihre Antwort wird in einer <b>automatischen E-Mail mit Grüßen</b> "
+"hinzugefügt."
 
 #. module: sbc_translation
-#: sbc_translation.TranslationPlatform
-msgid "Language"
-msgstr "Sprache"
+#. odoo-javascript
+#: code:addons/sbc_translation/static/src/pages/tp_letter_edit.xml:0
+msgid "Your translation has been submitted successfully!"
+msgstr ""
 
 #. module: sbc_translation
-#: sbc_translation.TranslationPlatform
-msgid "Letter"
-msgstr "Brief"
+#. odoo-javascript
+#: code:addons/sbc_translation/static/src/pages/tp_home.xml:0
+msgid ""
+"Your verification letter is awaiting approval. Once approved you will be "
+"able to start translating."
+msgstr ""
 
 #. module: sbc_translation
-#: sbc_translation.TranslationPlatform
-msgid "Letter Information"
-msgstr "Infos zum Brief"
+#. odoo-javascript
+#: code:addons/sbc_translation/static/src/translation_platform.xml:0
+#, fuzzy
+#| msgid "Return to translation"
+msgid "button to start translating."
+msgstr "Zurück zur Übersetzung"
 
 #. module: sbc_translation
-#: sbc_translation.TranslationPlatform
-msgid "Letter saved"
-msgstr "Gespeichert"
+#. odoo-javascript
+#: code:addons/sbc_translation/static/src/translation_platform.xml:0
+msgid "field for each paragraph."
+msgstr ""
 
 #. module: sbc_translation
-#: sbc_translation.TranslationPlatform
-msgid "Letters"
+#. odoo-javascript
+#: code:addons/sbc_translation/static/src/pages/tp_letters.xml:0
+#, fuzzy
+#| msgid "Letters"
+msgid "letters total"
 msgstr "Briefe"
 
 #. module: sbc_translation
-#: sbc_translation.TranslationPlatform
-msgid "Manage your translation skills"
-msgstr "Verwalte deine Sprachkompetenzen"
-
-#. module: sbc_translation
-#: sbc_translation.TranslationPlatform
-msgid "Name"
-msgstr "Name"
-
-#. module: sbc_translation
-#: sbc_translation.TranslationPlatform
-msgid "No source text available"
-msgstr "Ausgangstext nicht verfügbar"
-
-#. module: sbc_translation
-#: sbc_translation.TranslationPlatform
-msgid "Pick Languages"
-msgstr "Sprachen auswählen"
-
-#. module: sbc_translation
-#: sbc_translation.TranslationPlatform
-msgid "Please select a problem in the list"
-msgstr "Bitte wählen Sie ein Problem aus der Liste aus"
-
-#. module: sbc_translation
-#: sbc_translation.TranslationPlatform
-msgid "Preferred Name"
-msgstr "Vorname"
-
-#. module: sbc_translation
-#: sbc_translation.TranslationPlatform
-msgid "Register"
-msgstr "Anmelden"
-
-#. module: sbc_translation
-#: sbc_translation.TranslationPlatform
-msgid "Register a new translation skill"
-msgstr "Neue Sprachkompetenz hinzufügen"
-
-#. module: sbc_translation
-#: sbc_translation.TranslationPlatform
-msgid "Role"
-msgstr "Funktion"
-
-#. module: sbc_translation
-#: sbc_translation.TranslationPlatform
-msgid "Save"
-msgstr "Speichern"
-
-#. module: sbc_translation
-#: sbc_translation.TranslationPlatform
-msgid "Send Message"
-msgstr "Mitteilung senden"
-
-#. module: sbc_translation
-#: sbc_translation.TranslationPlatform
-msgid "Sex"
-msgstr "Geschlecht"
-
-#. module: sbc_translation
-#: sbc_translation.TranslationPlatform
-msgid "Signal a Problem"
-msgstr "Ein Problem melden"
+#. odoo-javascript
+#: code:addons/sbc_translation/static/src/pages/tp_home.xml:0
+msgid "letters – thank you so much!"
+msgstr ""
 
 #. module: sbc_translation
-#: sbc_translation.TranslationPlatform
-msgid "Source"
-msgstr "Ausgangstext"
+#. odoo-javascript
+#: code:addons/sbc_translation/static/src/components/tp_languages_pick_modal.xml:0
+msgid "new Skill"
+msgstr "Neue Sprachkompetenz"
 
 #. module: sbc_translation
-#: sbc_translation.TranslationPlatform
-msgid "Source Text to translate"
-msgstr "Ausgangstext zum Übersetzen"
+#: model_terms:ir.ui.view,arch_db:sbc_translation.translation_comments_update
+#, fuzzy
+#| msgid "Paragraph"
+msgid "paragraph"
+msgstr "Absatz"
 
 #. module: sbc_translation
-#: sbc_translation.TranslationPlatform
-msgid "Sponsor Data"
-msgstr "Angaben Patin/Pate"
+#. odoo-javascript
+#: code:addons/sbc_translation/static/src/translation_platform.xml:0
+#, fuzzy
+#| msgid "Your current translation skills"
+msgid "saves your current translation."
+msgstr "Deine aktuellen Sprachkompetenzen"
 
 #. module: sbc_translation
-#: sbc_translation.TranslationPlatform
-msgid "Submit"
-msgstr "Senden"
+#: model:res.groups,comment:sbc_translation.group_manager
+msgid "the user can manage the translation platform."
+msgstr "der Benutzer kann die Übersetzungsplattform verwalten."
 
 #. module: sbc_translation
-#: sbc_translation.TranslationPlatform
-msgid "Take the first"
-msgstr "Wähle den ersten der Liste"
+#: model:res.groups,comment:sbc_translation.group_user
+msgid "the user will have access to the translation platform."
+msgstr "hat der Nutzer Zugang zur Übersetzungsplattform."
 
 #. module: sbc_translation
-#: sbc_translation.TranslationPlatform
-msgid "Thank you."
-msgstr "Danke."
+#. odoo-javascript
+#: code:addons/sbc_translation/static/src/translation_platform.xml:0
+msgid "to save your work in progress."
+msgstr ""
 
 #. module: sbc_translation
-#: sbc_translation.TranslationPlatform
-msgid "This letter could not be found"
-msgstr "Dieser Brief wurde nicht gefunden."
+#. odoo-javascript
+#: code:addons/sbc_translation/static/src/translation_platform.xml:0
+msgid "to see the letters waiting for your skills."
+msgstr ""
 
 #. module: sbc_translation
-#: sbc_translation.TranslationPlatform
-msgid "Title"
-msgstr "Überschrift"
+#: model_terms:ir.ui.view,arch_db:sbc_translation.correspondence_translation_kanban
+msgid "translation priority"
+msgstr "Übersetzungspriorität"
 
 #. module: sbc_translation
-#: sbc_translation.TranslationPlatform
-msgid "Translate"
-msgstr "Übersetzen"
+#. odoo-javascript
+#: code:addons/sbc_translation/static/src/pages/tp_translators.xml:0
+#, fuzzy
+#| msgid "Translators"
+msgid "translators"
+msgstr "Übersetzer"
 
 #. module: sbc_translation
-#: sbc_translation.TranslationPlatform
-msgid "Translate Verification Letter"
-msgstr "Überprüfung des ersten Briefes"
+#. odoo-javascript
+#: code:addons/sbc_translation/static/src/translation_platform.xml:0
+msgid "when you are done. Your translation will be reviewed."
+msgstr ""
 
 #. module: sbc_translation
-#: sbc_translation.TranslationPlatform
-msgid "Translated Content"
-msgstr "übersetzter Inhalt"
+#. odoo-javascript
+#: code:addons/sbc_translation/static/src/components/tp_content_editor.xml:0
+#: code:addons/sbc_translation/static/src/components/tp_letter_viewer.xml:0
+msgid "— Page Break —"
+msgstr ""
 
-#. module: sbc_translation
-#: sbc_translation.TranslationPlatform
-msgid "Translation Platform"
-msgstr "Übersetzungsplattform"
+#~ msgid "Last Modified on"
+#~ msgstr "Zuletzt geändert am"
 
-#. module: sbc_translation
-#: sbc_translation.TranslationPlatform
-msgid "Translator"
-msgstr "Übersetzer/in"
+#, python-format
+#~ msgid "Letter must be in state 'Translation check unsuccessful'"
+#~ msgstr ""
+#~ "Das Schreiben muss den Status \"Übersetzungsprüfung erfolglos\" haben."
 
-#. module: sbc_translation
-#: sbc_translation.TranslationPlatform
-msgid "Translators"
-msgstr "Übersetzer/innen"
+#~ msgid "Users"
+#~ msgstr "Benutzer"
 
-#. module: sbc_translation
-#: sbc_translation.TranslationPlatform
-msgid "Unable to load translator information"
-msgstr "Übersetzerinformationen konnten nicht geladen werden"
+#~ msgid "You have just received a reply to your comments on the translation:"
+#~ msgstr ""
+#~ "Sie haben soeben eine Antwort auf Ihre Anmerkungen zur Übersetzung "
+#~ "erhalten:"
 
-#. module: sbc_translation
-#: sbc_translation.TranslationPlatform
-msgid "Unable to register translation skills"
-msgstr "Unmöglich, Übersetzungsfähigkeiten zu registrieren"
+#~ msgid "sbc.reply.to.comments.wizard"
+#~ msgstr "sbc.reply.to.comments.wizard"
 
-#. module: sbc_translation
-#: sbc_translation.TranslationPlatform
-msgid "Unable to save and submit letter, please save it first and retry."
-msgstr "Es ist nicht möglich, den Brief zu speichern und einzureichen. Bitte speichern Sie ihn zuerst und versuchen Sie es erneut."
+#~ msgid "sbc.reply.to.issue.wizard"
+#~ msgstr "sbc.reply.to.issue.wizard"
 
-#. module: sbc_translation
-#: sbc_translation.TranslationPlatform
-msgid "Unable to save letter"
-msgstr "Brief kann nicht gespeichert werden."
+#~ msgid "Issue successfully sent, it will be quickly reviewed"
+#~ msgstr "Problem erfolgreich gesendet, es wird schnell überprüft werden"
 
-#. module: sbc_translation
-#: sbc_translation.TranslationPlatform
-msgid "Unable to submit issue"
-msgstr "Problem kann nicht eingereicht werden"
+#~ msgid "Please select a problem in the list"
+#~ msgstr "Bitte wählen Sie ein Problem aus der Liste aus"
 
-#. module: sbc_translation
-#: sbc_translation.TranslationPlatform
-msgid "Waiting for your verification letter"
-msgstr "Warten auf deinen Bestätigungsbrief"
+#~ msgid "Unable to load translator information"
+#~ msgstr "Übersetzerinformationen konnten nicht geladen werden"
 
-#. module: sbc_translation
-#: sbc_translation.TranslationPlatform
-msgid "Welcome"
-msgstr "Herzlich willkommen"
+#~ msgid "Unable to register translation skills"
+#~ msgstr "Unmöglich, Übersetzungsfähigkeiten zu registrieren"
 
-#. module: sbc_translation
-#: sbc_translation.TranslationPlatform
-msgid "You have translated a total of"
-msgstr "Du hast insgesamt"
+#~ msgid "Unable to save and submit letter, please save it first and retry."
+#~ msgstr ""
+#~ "Es ist nicht möglich, den Brief zu speichern und einzureichen. Bitte "
+#~ "speichern Sie ihn zuerst und versuchen Sie es erneut."
 
-#. module: sbc_translation
-#: sbc_translation.TranslationPlatform
-msgid "Your Message"
-msgstr "Deine Mitteilung"
+#~ msgid "Unable to save letter"
+#~ msgstr "Brief kann nicht gespeichert werden."
 
-#. module: sbc_translation
-#: sbc_translation.TranslationPlatform
-msgid "Your current translation skills"
-msgstr "Deine aktuellen Sprachkompetenzen"
+#~ msgid "Unable to submit issue"
+#~ msgstr "Problem kann nicht eingereicht werden"
 
-#. module: sbc_translation
-#: sbc_translation.TranslationPlatform
-msgid "Your new skills have been registered"
-msgstr "Ihre neuen Fähigkeiten wurden registriert"
+#~ msgid "Your new skills have been registered"
+#~ msgstr "Ihre neuen Fähigkeiten wurden registriert"
 
-#. module: sbc_translation
-#: sbc_translation.TranslationPlatform
-msgid "new Skill"
-msgstr "Neue Sprachkompetenz"
+#~ msgid ""
+#~ "You just received a reply regarding your comments on the translation:"
+#~ msgstr ""
+#~ "Sie haben soeben eine Antwort auf Ihre Anmerkungen zur Übersetzung "
+#~ "erhalten:"
 
+#~ msgid "Your reply will be added in an automatic email with greetings."
+#~ msgstr ""
+#~ "Ihre Antwort wird in einer automatischen E-Mail mit Grüßen hinzugefügt."
diff --git a/sbc_translation/i18n/fr_CH.po b/sbc_translation/i18n/fr_CH.po
index 502a299c0..c17fd4333 100644
--- a/sbc_translation/i18n/fr_CH.po
+++ b/sbc_translation/i18n/fr_CH.po
@@ -2,7 +2,7 @@ msgid ""
 msgstr ""
 "Project-Id-Version: Compassion Odoo 14\n"
 "Report-Msgid-Bugs-To: \n"
-"POT-Creation-Date: 2024-05-21 08:15+0000\n"
+"POT-Creation-Date: 2026-04-23 12:17+0000\n"
 "PO-Revision-Date: \n"
 "Last-Translator: \n"
 "Language-Team: \n"
@@ -10,7 +10,36 @@ msgstr ""
 "MIME-Version: 1.0\n"
 "Content-Type: text/plain; charset=UTF-8\n"
 "Content-Transfer-Encoding: 8bit\n"
-"X-Generator: Poedit 3.4.2\n"
+"X-Generator: Poedit 3.9\n"
+
+#. module: sbc_translation
+#. odoo-javascript
+#: code:addons/sbc_translation/static/src/pages/tp_home.xml:0
+msgid ""
+".\n"
+"                    Here are the texts waiting to be translated."
+msgstr ""
+
+#. module: sbc_translation
+#. odoo-javascript
+#: code:addons/sbc_translation/static/src/pages/tp_home.xml:0
+msgid ""
+".\n"
+"                    It seems you don't have any translation skill yet.\n"
+"                    Start by picking the languages you are confident in."
+msgstr ""
+
+#. module: sbc_translation
+#: model:website,contact_us_button_url:sbc_translation.translation_website
+#| msgid "Contact"
+msgid "/contactus"
+msgstr "/contactus"
+
+#. module: sbc_translation
+#: model_terms:ir.ui.view,arch_db:sbc_translation.translation_issue_log
+#| msgid "Issue type"
+msgid "<b>Issue type</b>:"
+msgstr "<b>Type de problème</b>:"
 
 #. module: sbc_translation
 #: model_terms:ir.ui.view,arch_db:sbc_translation.translation_competence_kanban
@@ -40,46 +69,76 @@ msgstr ""
 "                                <span>Traducteurs actifs cette année : </"
 "span>"
 
-#. module: sbc_translation
-#: model_terms:ir.ui.view,arch_db:sbc_translation.correspondence_translation_kanban
-msgid ""
-"<i class=\"fa fa-external-link oe_kanban_avatar\" role=\"img\" "
-"title=\"Translator\"/>"
-msgstr ""
-"<i class=\"fa fa-external-link oe_kanban_avatar\" role=\"img\" "
-"title=\"Traducteur\"/>"
-
 #. module: sbc_translation
 #: model:mail.template,body_html:sbc_translation.translation_issue_notification
 msgid ""
-"<ul>\n"
-"                <li>Issue type: ${object.translate(\"translation_issue\")}</"
-"li>\n"
+"<html>\n"
+"  <body><ul>\n"
+"                <li>Issue type: <t t-"
+"out=\"object.translate(&quot;translation_issue&quot;)\"></t></li>\n"
 "            </ul>\n"
 "            <span>\n"
-"                ${object.translation_issue_comments | safe}\n"
+"                <t t-out=\"object.translation_issue_comments\"></t>\n"
 "            </span>\n"
-"        "
+"        </body>\n"
+"</html>\n"
 msgstr ""
 "<ul>\n"
-"                <li>Type de problème : ${object."
-"translate(\"translation_issue\")}</li>\n"
+"                <li>Type de problème : $"
+"{object.translate(\"translation_issue\")}</li>\n"
 "            </ul>\n"
 "            <span>\n"
 "                ${object.translation_issue_comments | safe}\n"
 "            </span>\n"
-"        "
+"        \n"
+
+#. module: sbc_translation
+#: model_terms:ir.ui.view,arch_db:sbc_translation.correspondence_translation_kanban
+msgid ""
+"<i class=\"fa fa-external-link oe_kanban_avatar\" role=\"img\" "
+"title=\"Translator\"/>"
+msgstr ""
+"<i class=\"fa fa-external-link oe_kanban_avatar\" role=\"img\" "
+"title=\"Traducteur\"/>"
+
+#. module: sbc_translation
+#: model_terms:ir.ui.view,arch_db:sbc_translation.translation_comments_update
+msgid ""
+"<span class=\"o_Message_trackingValueSeparator o_Message_trackingValueItem "
+"fa fa-long-arrow-right\" title=\"Changed\" role=\"img\"/>"
+msgstr ""
 
 #. module: sbc_translation
 #: model:mail.template,subject:sbc_translation.translation_issue_notification
 msgid "A translation issue was raised"
 msgstr "Un problème de traduction a été soulevé"
 
+#. module: sbc_translation
+#. odoo-javascript
+#: code:addons/sbc_translation/static/src/pages/tp_letters.xml:0
+#: code:addons/sbc_translation/static/src/pages/tp_translators.xml:0
+#, fuzzy
+#| msgid "Active"
+msgid "Actions"
+msgstr "Actif"
+
 #. module: sbc_translation
 #: model:ir.model.fields,field_description:sbc_translation.field_translation_user__active
 msgid "Active"
 msgstr "Actif"
 
+#. module: sbc_translation
+#. odoo-javascript
+#: code:addons/sbc_translation/static/src/components/tp_languages_pick_modal.xml:0
+msgid "Add Skill"
+msgstr "Ajoute une compétence"
+
+#. module: sbc_translation
+#. odoo-javascript
+#: code:addons/sbc_translation/static/src/components/tp_letter_viewer.xml:0
+msgid "Age"
+msgstr "Âge"
+
 #. module: sbc_translation
 #: model:ir.model.fields,field_description:sbc_translation.field_translation_competence__all_letter_ids
 msgid "All letters"
@@ -107,6 +166,30 @@ msgstr "Approuver la traduction"
 msgid "Archived"
 msgstr "Archivé"
 
+#. module: sbc_translation
+#. odoo-javascript
+#: code:addons/sbc_translation/static/src/pages/tp_home.xml:0
+msgid "Awaiting approval"
+msgstr "En attente de validation"
+
+#. module: sbc_translation
+#. odoo-javascript
+#: code:addons/sbc_translation/static/src/pages/tp_letter_edit.xml:0
+msgid "Back to Home"
+msgstr ""
+
+#. module: sbc_translation
+#. odoo-javascript
+#: code:addons/sbc_translation/static/src/components/tp_letter_viewer.xml:0
+msgid "Back to Translations"
+msgstr "Retour aux traductions"
+
+#. module: sbc_translation
+#. odoo-javascript
+#: code:addons/sbc_translation/static/src/translation_platform.xml:0
+msgid "CP"
+msgstr ""
+
 #. module: sbc_translation
 #: model_terms:ir.ui.view,arch_db:sbc_translation.reply_to_comments_form
 #: model_terms:ir.ui.view,arch_db:sbc_translation.reply_to_issue_form
@@ -114,29 +197,80 @@ msgid "Cancel"
 msgstr "Annuler"
 
 #. module: sbc_translation
+#. odoo-python
 #: code:addons/sbc_translation/models/correspondence.py:0
-#, python-format
 msgid "Cannot read properly"
 msgstr "Ne peut être lu correctement"
 
 #. module: sbc_translation
+#. odoo-javascript
+#: code:addons/sbc_translation/static/src/components/tp_letter_viewer.xml:0
+msgid "Child Data"
+msgstr "Données de l'enfant"
+
+#. module: sbc_translation
+#. odoo-javascript
+#: code:addons/sbc_translation/static/src/translation_platform.xml:0
+msgid "Child Protection"
+msgstr "Protection de l'enfance"
+
+#. module: sbc_translation
+#. odoo-javascript
+#: code:addons/sbc_translation/static/src/components/tp_child_modal.xml:0
+msgid "Child Protection Videos"
+msgstr "Vidéos sur le protection de l'enfance"
+
+#. module: sbc_translation
+#. odoo-python
 #: code:addons/sbc_translation/models/correspondence.py:0
-#, python-format
 msgid "Child name different than expected"
 msgstr "Nom de l'enfant différent"
 
 #. module: sbc_translation
+#. odoo-python
 #: code:addons/sbc_translation/models/correspondence.py:0
-#, python-format
 msgid "Child protection issue"
 msgstr "Contenu inapproprié protection des enfants"
 
 #. module: sbc_translation
+#. odoo-javascript
+#: code:addons/sbc_translation/static/src/pages/tp_letters.xml:0
+msgid "Clear Filters"
+msgstr "Enlever les filtres"
+
+#. module: sbc_translation
+#. odoo-javascript
+#: code:addons/sbc_translation/static/src/translation_platform.xml:0
+msgid "Click on a letter link or the"
+msgstr "Cliquez sur une lettre ou sur"
+
+#. module: sbc_translation
+#. odoo-javascript
+#: code:addons/sbc_translation/static/src/components/tp_content_editor.xml:0
+msgid "Comment on the translation"
+msgstr "Commentaire sur la traduction"
+
+#. module: sbc_translation
+#. odoo-javascript
+#: code:addons/sbc_translation/static/src/pages/tp_letters.xml:0
 #: model:ir.model.fields,field_description:sbc_translation.field_correspondence_paragraph__comments
 #: model_terms:ir.ui.view,arch_db:sbc_translation.comments_reply
 msgid "Comments"
 msgstr "Commentaires"
 
+#. module: sbc_translation
+#: model_terms:ir.ui.view,arch_db:sbc_translation.translation_comments_update
+msgid "Comments updated"
+msgstr "Commentaires mis à jour"
+
+#. module: sbc_translation
+#. odoo-javascript
+#: code:addons/sbc_translation/static/src/pages/tp_home.xml:0
+#: code:addons/sbc_translation/static/src/pages/tp_letters.xml:0
+#: code:addons/sbc_translation/static/src/pages/tp_translators.xml:0
+msgid "Compassion"
+msgstr "Compassion"
+
 #. module: sbc_translation
 #: model:ir.model,name:sbc_translation.model_translation_competence
 msgid "Compassion Translation Competence"
@@ -165,10 +299,36 @@ msgstr "Compétences"
 msgid "Contact"
 msgstr "Contact"
 
+#. module: sbc_translation
+#: model:ir.model.fields,field_description:sbc_translation.field_translation_letter_counting_wizard__correspondence_ids
+msgid "Correspondences"
+msgstr "Lettres"
+
+#. module: sbc_translation
+#: model:ir.model.fields,help:sbc_translation.field_translation_letter_counting_wizard__counting
+msgid ""
+"Counting of the number of translated letters since the \"Start of counting\""
+msgstr ""
+
+#. module: sbc_translation
+#: model:ir.actions.server,name:sbc_translation.action_translation_letter_counting
+#: model:ir.model,name:sbc_translation.model_translation_letter_counting_wizard
+#: model:ir.ui.menu,name:sbc_translation.translation_letter_counting_menu
+#| msgid "Source of translation"
+msgid "Counting of translation letters"
+msgstr ""
+
+#. module: sbc_translation
+#: model_terms:ir.actions.act_window,help:sbc_translation.action_letters_kanban
+#| msgid "Created on"
+msgid "Create new document"
+msgstr ""
+
 #. module: sbc_translation
 #: model:ir.model.fields,field_description:sbc_translation.field_sbc_reply_to_comments_wizard__create_uid
 #: model:ir.model.fields,field_description:sbc_translation.field_sbc_reply_to_issue_wizard__create_uid
 #: model:ir.model.fields,field_description:sbc_translation.field_translation_competence__create_uid
+#: model:ir.model.fields,field_description:sbc_translation.field_translation_letter_counting_wizard__create_uid
 #: model:ir.model.fields,field_description:sbc_translation.field_translation_user__create_uid
 #: model:ir.model.fields,field_description:sbc_translation.field_translation_user_skill__create_uid
 msgid "Created by"
@@ -178,18 +338,30 @@ msgstr "Créé par"
 #: model:ir.model.fields,field_description:sbc_translation.field_sbc_reply_to_comments_wizard__create_date
 #: model:ir.model.fields,field_description:sbc_translation.field_sbc_reply_to_issue_wizard__create_date
 #: model:ir.model.fields,field_description:sbc_translation.field_translation_competence__create_date
+#: model:ir.model.fields,field_description:sbc_translation.field_translation_letter_counting_wizard__create_date
 #: model:ir.model.fields,field_description:sbc_translation.field_translation_user__create_date
 #: model:ir.model.fields,field_description:sbc_translation.field_translation_user_skill__create_date
 msgid "Created on"
 msgstr "Créé le"
 
+#. module: sbc_translation
+#. odoo-javascript
+#: code:addons/sbc_translation/static/src/translation_platform.xml:0
+msgid "Ctrl+S"
+msgstr "Ctrl+S"
+
 #. module: sbc_translation
 #: model:ir.model.fields,field_description:sbc_translation.field_translation_competence__current_letter_ids
 msgid "Current letters"
 msgstr "Lettres actuelles"
 
 #. module: sbc_translation
-#: model_terms:ir.ui.view,arch_db:sbc_translation.comments_reply
+#. odoo-javascript
+#: code:addons/sbc_translation/static/src/pages/tp_letters.xml:0
+msgid "Date"
+msgstr "Date"
+
+#. module: sbc_translation
 #: model_terms:ir.ui.view,arch_db:sbc_translation.issue_reply
 msgid "Dear"
 msgstr "Cher"
@@ -201,46 +373,291 @@ msgid "Destination language"
 msgstr "Langue de destination"
 
 #. module: sbc_translation
-#: model:ir.model.fields,field_description:sbc_translation.field_correspondence__display_name
-#: model:ir.model.fields,field_description:sbc_translation.field_correspondence_paragraph__display_name
-#: model:ir.model.fields,field_description:sbc_translation.field_res_partner__display_name
-#: model:ir.model.fields,field_description:sbc_translation.field_res_users__display_name
 #: model:ir.model.fields,field_description:sbc_translation.field_sbc_reply_to_comments_wizard__display_name
 #: model:ir.model.fields,field_description:sbc_translation.field_sbc_reply_to_issue_wizard__display_name
 #: model:ir.model.fields,field_description:sbc_translation.field_translation_competence__display_name
+#: model:ir.model.fields,field_description:sbc_translation.field_translation_letter_counting_wizard__display_name
 #: model:ir.model.fields,field_description:sbc_translation.field_translation_user__display_name
 #: model:ir.model.fields,field_description:sbc_translation.field_translation_user_skill__display_name
 msgid "Display Name"
 msgstr "Nom affiché"
 
+#. module: sbc_translation
+#. odoo-javascript
+#: code:addons/sbc_translation/static/src/components/tp_content_editor.xml:0
+msgid "Do not paraphrase – translate as closely as possible."
+msgstr "Ne pas paraphraser – traduire aussi fidèlement que possible."
+
 #. module: sbc_translation
 #: model:ir.model.fields.selection,name:sbc_translation.selection__correspondence__translation_status__done
 msgid "Done"
 msgstr "Fait"
 
+#. module: sbc_translation
+#. odoo-javascript
+#: code:addons/sbc_translation/static/src/components/tp_translator_button.xml:0
+#: code:addons/sbc_translation/static/src/pages/tp_translators.xml:0
+msgid "Email"
+msgstr "Email"
+
+#. module: sbc_translation
+#. odoo-javascript
+#: code:addons/sbc_translation/static/src/components/tp_child_modal.xml:0
+msgid "Expected/acceptable behaviors:"
+msgstr "Comportements attendus/acceptables:"
+
 #. module: sbc_translation
 #: model:ir.model.fields,field_description:sbc_translation.field_translation_competence__fallback_competence_id
 msgid "Fallback competence"
 msgstr "Compétence de repli"
 
+#. module: sbc_translation
+#: model:ir.model.fields,field_description:sbc_translation.field_translation_user__force_validation
+#| msgid "Source of translation"
+msgid "Force Validation"
+msgstr ""
+
+#. module: sbc_translation
+#. odoo-javascript
+#: code:addons/sbc_translation/static/src/translation_platform.xml:0
+msgid "Go to"
+msgstr "Vers"
+
+#. module: sbc_translation
+#: model_terms:ir.ui.view,arch_db:sbc_translation.portal_my_home_translation
+msgid "Go to the Translation Platform"
+msgstr "Vert la plateforme de traduction"
+
+#. module: sbc_translation
+#. odoo-javascript
+#: code:addons/sbc_translation/static/src/translation_platform.xml:0
+msgid "Help"
+msgstr "Aide"
+
 #. module: sbc_translation
 #: model:ir.model.fields.selection,name:sbc_translation.selection__correspondence__translation_priority__2
 msgid "High"
 msgstr "Élevé"
 
 #. module: sbc_translation
-#: model:ir.model.fields,field_description:sbc_translation.field_correspondence__id
-#: model:ir.model.fields,field_description:sbc_translation.field_correspondence_paragraph__id
-#: model:ir.model.fields,field_description:sbc_translation.field_res_partner__id
-#: model:ir.model.fields,field_description:sbc_translation.field_res_users__id
+#. odoo-javascript
+#: code:addons/sbc_translation/static/src/translation_platform.xml:0
+msgid "Home"
+msgstr "Accueil"
+
+#. module: sbc_translation
+#. odoo-javascript
+#: code:addons/sbc_translation/static/src/translation_platform.xml:0
+msgid "How to use the Translation Platform"
+msgstr "Comment utiliser la plateforme de traduction"
+
+#. module: sbc_translation
+#. odoo-javascript
+#: code:addons/sbc_translation/static/src/components/tp_child_modal.xml:0
+msgid ""
+"I will contribute to building an environment where children are respected "
+"and encouraged to discuss their concerns and rights."
+msgstr ""
+"Je contribuerai à créer un environnement où les enfants sont respectés et "
+"encouragés à parler de leurs préoccupations et de leurs droits."
+
+#. module: sbc_translation
+#. odoo-javascript
+#: code:addons/sbc_translation/static/src/components/tp_child_modal.xml:0
+msgid ""
+"I will demonstrate the proper respect and dignity of all children and will "
+"demonstrate Jesus's love and care for them, regardless of their gender, age, "
+"race, religion, social background, culture, special need or disability."
+msgstr ""
+
+#. module: sbc_translation
+#. odoo-javascript
+#: code:addons/sbc_translation/static/src/components/tp_child_modal.xml:0
+msgid ""
+"I will engage in activities with beneficiaries only in open or visible "
+"places, and in the event that an activity needs to take place in an enclosed "
+"space, I will ensure that at least one other approved adult is present."
+msgstr ""
+"Je ne participerai à des activités avec les bénéficiaires que dans des lieux "
+"ouverts et visibles, et au cas où une activité doive être pratiquée dans un "
+"espace clos, je veillerai à ce qu’au moins un autre adulte approuvé soit "
+"présent."
+
+#. module: sbc_translation
+#. odoo-javascript
+#: code:addons/sbc_translation/static/src/components/tp_child_modal.xml:0
+msgid "I will engage in age-appropriate communication with beneficiaries."
+msgstr ""
+"Je communiquerai avec les bénéficiaires d’une manière adaptée à leur âge."
+
+#. module: sbc_translation
+#. odoo-javascript
+#: code:addons/sbc_translation/static/src/components/tp_child_modal.xml:0
+msgid ""
+"I will follow Compassion's rules about communication with beneficiaries, "
+"including social media interaction."
+msgstr ""
+
+#. module: sbc_translation
+#. odoo-javascript
+#: code:addons/sbc_translation/static/src/components/tp_child_modal.xml:0
+msgid ""
+"I will keep all information about child protection investigations "
+"confidential, keeping in mind privacy and dignity concerns of all involved."
+msgstr ""
+"Je préserverai la confidentialité de toutes les informations relatives aux "
+"enquêtes sur la protection de l’enfance, en gardant en tête les "
+"préoccupations de chacun en termes de vie privée et de dignité."
+
+#. module: sbc_translation
+#. odoo-javascript
+#: code:addons/sbc_translation/static/src/components/tp_child_modal.xml:0
+msgid ""
+"I will maintain appropriate and reasonable expectations for children based "
+"on their age and ability level."
+msgstr ""
+
+#. module: sbc_translation
+#. odoo-javascript
+#: code:addons/sbc_translation/static/src/components/tp_child_modal.xml:0
+msgid ""
+"I will never engage in sexual/sexually suggestive behavior with any child "
+"under age 18, regardless of the legal age of consent in-country."
+msgstr ""
+"Je ne me livrerai jamais à un comportement sexuel/sexuellement suggestif "
+"avec un enfant âgé de moins de 18 ans, quelle que soit la majorité sexuelle "
+"dans ce pays."
+
+#. module: sbc_translation
+#. odoo-javascript
+#: code:addons/sbc_translation/static/src/components/tp_child_modal.xml:0
+msgid ""
+"I will never travel alone with a beneficiary, without an approved "
+"representative or prior approval, except in a life-threatening emergency."
+msgstr ""
+
+#. module: sbc_translation
+#. odoo-javascript
+#: code:addons/sbc_translation/static/src/components/tp_child_modal.xml:0
+msgid ""
+"I will never use any kind of physical discipline or physical punishment as a "
+"method of correction for beneficiaries."
+msgstr ""
+
+#. module: sbc_translation
+#. odoo-javascript
+#: code:addons/sbc_translation/static/src/components/tp_child_modal.xml:0
+msgid ""
+"I will never use language that is verbally/emotionally abusive, sexually "
+"suggestive, degrading, humiliating, shaming or is otherwise culturally "
+"inappropriate with a beneficiary."
+msgstr ""
+"Je ne m’exprimerai jamais d’une manière qui soit verbalement/"
+"émotionnellement abusive, sexuellement suggestive, dégradante, humiliante, "
+"stigmatisante ou culturellement inappropriée avec un bénéficiaire."
+
+#. module: sbc_translation
+#. odoo-javascript
+#: code:addons/sbc_translation/static/src/components/tp_child_modal.xml:0
+msgid ""
+"I will not gather, disclose or support the disclosure of information about "
+"beneficiaries or their families without prior, express permission."
+msgstr ""
+
+#. module: sbc_translation
+#. odoo-javascript
+#: code:addons/sbc_translation/static/src/components/tp_child_modal.xml:0
+msgid ""
+"I will not hire any child in any harmful form of child labor and follow "
+"local laws regarding child employment."
+msgstr ""
+"Je n’emploierai aucun enfant dans aucune forme de travail infantile et je "
+"respecterai les lois locales concernant l’emploi d’enfants."
+
+#. module: sbc_translation
+#. odoo-javascript
+#: code:addons/sbc_translation/static/src/components/tp_child_modal.xml:0
+msgid ""
+"I will not solicit a romantic/dating relationship and will never engage in "
+"sexual/sexually suggestive behavior with any beneficiary, regardless of age."
+msgstr ""
+"Je ne solliciterai aucune relation romantique/intime et ne me livrerai "
+"jamais à un comportement sexuel/sexuellement suggestif avec un(e) "
+"bénéficiaire, quel que soit son âge."
+
+#. module: sbc_translation
+#. odoo-javascript
+#: code:addons/sbc_translation/static/src/components/tp_child_modal.xml:0
+msgid ""
+"I will not touch beneficiaries in an inappropriate or culturally insensitive "
+"way."
+msgstr ""
+
+#. module: sbc_translation
+#. odoo-javascript
+#: code:addons/sbc_translation/static/src/components/tp_child_modal.xml:0
+msgid ""
+"I will submit to the appropriate background or police checks as permissible "
+"by law prior to face-to-face contact with beneficiaries."
+msgstr ""
+
+#. module: sbc_translation
 #: model:ir.model.fields,field_description:sbc_translation.field_sbc_reply_to_comments_wizard__id
 #: model:ir.model.fields,field_description:sbc_translation.field_sbc_reply_to_issue_wizard__id
 #: model:ir.model.fields,field_description:sbc_translation.field_translation_competence__id
+#: model:ir.model.fields,field_description:sbc_translation.field_translation_letter_counting_wizard__id
 #: model:ir.model.fields,field_description:sbc_translation.field_translation_user__id
 #: model:ir.model.fields,field_description:sbc_translation.field_translation_user_skill__id
 msgid "ID"
 msgstr "ID"
 
+#. module: sbc_translation
+#. odoo-javascript
+#: code:addons/sbc_translation/static/src/components/tp_letter_viewer.xml:0
+msgid "Identifier"
+msgstr "Identifiant"
+
+#. module: sbc_translation
+#. odoo-javascript
+#: code:addons/sbc_translation/static/src/components/tp_child_modal.xml:0
+msgid ""
+"If I witness child abuse, know a child is in danger, observe any concerning "
+"behaviors from colleagues, partners or other representatives, or a child "
+"comes to me with a report of abuse, I will take it seriously and report it "
+"to the proper staff or relevant authorities."
+msgstr ""
+
+#. module: sbc_translation
+#: model:ir.model.fields,help:sbc_translation.field_translation_user__force_validation
+msgid ""
+"If checked, all translations submitted by this user will require validation "
+"by a supervisor, regardless of their verifiedskills"
+msgstr ""
+
+#. module: sbc_translation
+#. odoo-javascript
+#: code:addons/sbc_translation/static/src/components/tp_letter_viewer.xml:0
+msgid "If the letter is unavailable, please signal a problem."
+msgstr ""
+
+#. module: sbc_translation
+#. odoo-javascript
+#: code:addons/sbc_translation/static/src/components/tp_content_editor.xml:0
+msgid "If the source text is unclear, add a comment explaining the issue."
+msgstr ""
+
+#. module: sbc_translation
+#. odoo-javascript
+#: code:addons/sbc_translation/static/src/translation_platform.xml:0
+msgid "If there is a problem with the letter, click"
+msgstr ""
+
+#. module: sbc_translation
+#. odoo-javascript
+#: code:addons/sbc_translation/static/src/components/tp_content_editor.xml:0
+msgid "If you're unsure about a phrase, use the comment field to flag it."
+msgstr ""
+
 #. module: sbc_translation
 #: model:ir.model.fields,field_description:sbc_translation.field_translation_user__avatar
 msgid "Image 128"
@@ -257,15 +674,19 @@ msgid "In progress"
 msgstr "En cours"
 
 #. module: sbc_translation
+#. odoo-javascript
+#: code:addons/sbc_translation/static/src/translation_platform.xml:0
+msgid "In the editor: fill in the"
+msgstr ""
+
+#. module: sbc_translation
+#. odoo-python
 #: code:addons/sbc_translation/models/correspondence.py:0
-#, python-format
 msgid "Inappropriate content"
 msgstr "Contenu inapproprié"
 
 #. module: sbc_translation
 #: model:ir.actions.server,name:sbc_translation.increment_priority_cron_ir_actions_server
-#: model:ir.cron,cron_name:sbc_translation.increment_priority_cron
-#: model:ir.cron,name:sbc_translation.increment_priority_cron
 msgid "Increment translation priority"
 msgstr "Incrémenter la priorité de traduction"
 
@@ -285,22 +706,22 @@ msgid "Issue type"
 msgstr "Type de problème"
 
 #. module: sbc_translation
-#: model:ir.model.fields,field_description:sbc_translation.field_correspondence____last_update
-#: model:ir.model.fields,field_description:sbc_translation.field_correspondence_paragraph____last_update
-#: model:ir.model.fields,field_description:sbc_translation.field_res_partner____last_update
-#: model:ir.model.fields,field_description:sbc_translation.field_res_users____last_update
-#: model:ir.model.fields,field_description:sbc_translation.field_sbc_reply_to_comments_wizard____last_update
-#: model:ir.model.fields,field_description:sbc_translation.field_sbc_reply_to_issue_wizard____last_update
-#: model:ir.model.fields,field_description:sbc_translation.field_translation_competence____last_update
-#: model:ir.model.fields,field_description:sbc_translation.field_translation_user____last_update
-#: model:ir.model.fields,field_description:sbc_translation.field_translation_user_skill____last_update
-msgid "Last Modified on"
-msgstr "Dernière Modification le"
+#. odoo-javascript
+#: code:addons/sbc_translation/static/src/components/tp_content_editor.xml:0
+msgid "Keep the same tone and emotional register as the source text."
+msgstr ""
+
+#. module: sbc_translation
+#. odoo-javascript
+#: code:addons/sbc_translation/static/src/components/tp_letter_viewer.xml:0
+msgid "Language"
+msgstr "Langue"
 
 #. module: sbc_translation
 #: model:ir.model.fields,field_description:sbc_translation.field_sbc_reply_to_comments_wizard__write_uid
 #: model:ir.model.fields,field_description:sbc_translation.field_sbc_reply_to_issue_wizard__write_uid
 #: model:ir.model.fields,field_description:sbc_translation.field_translation_competence__write_uid
+#: model:ir.model.fields,field_description:sbc_translation.field_translation_letter_counting_wizard__write_uid
 #: model:ir.model.fields,field_description:sbc_translation.field_translation_user__write_uid
 #: model:ir.model.fields,field_description:sbc_translation.field_translation_user_skill__write_uid
 msgid "Last Updated by"
@@ -310,19 +731,36 @@ msgstr "Dernière mise à jour par"
 #: model:ir.model.fields,field_description:sbc_translation.field_sbc_reply_to_comments_wizard__write_date
 #: model:ir.model.fields,field_description:sbc_translation.field_sbc_reply_to_issue_wizard__write_date
 #: model:ir.model.fields,field_description:sbc_translation.field_translation_competence__write_date
+#: model:ir.model.fields,field_description:sbc_translation.field_translation_letter_counting_wizard__write_date
 #: model:ir.model.fields,field_description:sbc_translation.field_translation_user__write_date
 #: model:ir.model.fields,field_description:sbc_translation.field_translation_user_skill__write_date
 msgid "Last Updated on"
 msgstr "Dernière mise à jour le"
 
 #. module: sbc_translation
+#. odoo-javascript
+#: code:addons/sbc_translation/static/src/components/tp_letter_viewer.xml:0
+#, fuzzy
+#| msgid "Last Updated by"
+msgid "Last updated"
+msgstr "Dernière mise à jour par"
+
+#. module: sbc_translation
+#. odoo-javascript
+#: code:addons/sbc_translation/static/src/components/tp_letter_viewer.xml:0
 #: model:ir.model,name:sbc_translation.model_correspondence
 msgid "Letter"
 msgstr "Lettre"
 
 #. module: sbc_translation
+#. odoo-javascript
+#: code:addons/sbc_translation/static/src/components/tp_letter_viewer.xml:0
+msgid "Letter Information"
+msgstr "Informations sur la lettre"
+
+#. module: sbc_translation
+#. odoo-python
 #: code:addons/sbc_translation/models/correspondence.py:0
-#, python-format
 msgid "Letter already sent to GMC cannot be translated! [%s]"
 msgstr "La lettre déjà envoyée à GMC ne peut pas être traduite ! [%s]"
 
@@ -332,16 +770,17 @@ msgid "Letter content"
 msgstr "Contenu de la lettre"
 
 #. module: sbc_translation
-#: code:addons/sbc_translation/models/correspondence.py:0
-#, python-format
-msgid "Letter in wrong language queue"
-msgstr "Mauvaise catégorie de langue"
+#: model_terms:ir.ui.view,arch_db:sbc_translation.portal_my_home_translation
+#, fuzzy
+#| msgid "Letter translation pool"
+msgid "Letter in translation"
+msgstr "Pool de traduction"
 
 #. module: sbc_translation
+#. odoo-python
 #: code:addons/sbc_translation/models/correspondence.py:0
-#, python-format
-msgid "Letter must be in state 'Translation check unsuccessful'"
-msgstr "La lettre doit être en : \"Translation check unsuccessful\"."
+msgid "Letter in wrong language queue"
+msgstr "Mauvaise catégorie de langue"
 
 #. module: sbc_translation
 #: model:ir.model,name:sbc_translation.model_correspondence_paragraph
@@ -353,6 +792,30 @@ msgstr "Paragraphe de lettre"
 msgid "Letter translation pool"
 msgstr "Pool de traduction"
 
+#. module: sbc_translation
+#. odoo-javascript
+#: code:addons/sbc_translation/static/src/pages/tp_home.xml:0
+#: code:addons/sbc_translation/static/src/pages/tp_letters.xml:0
+#: code:addons/sbc_translation/static/src/pages/tp_translators.xml:0
+#: code:addons/sbc_translation/static/src/translation_platform.xml:0
+msgid "Letters"
+msgstr "Lettres"
+
+#. module: sbc_translation
+#: model_terms:ir.ui.view,arch_db:sbc_translation.portal_my_home_translation
+#, fuzzy
+#| msgid "Return to translation"
+msgid "Letters to translate"
+msgstr "Retour à la traduction"
+
+#. module: sbc_translation
+#. odoo-javascript
+#: code:addons/sbc_translation/static/src/components/tp_translator_button.xml:0
+#, fuzzy
+#| msgid "Letter saved"
+msgid "Letters translated"
+msgstr "Traduction sauvegardée"
+
 #. module: sbc_translation
 #: model:ir.model.fields,help:sbc_translation.field_translation_competence__fallback_competence_id
 msgid ""
@@ -363,15 +826,41 @@ msgstr ""
 "en attente d'être traduites."
 
 #. module: sbc_translation
-#: model:ir.model.fields,field_description:sbc_translation.field_correspondence__new_translator_id
-msgid "Local translator"
-msgstr "Traducteur local"
+#. odoo-javascript
+#: code:addons/sbc_translation/static/src/components/tp_letter_viewer.xml:0
+msgid "Loading letter..."
+msgstr ""
+
+#. module: sbc_translation
+#. odoo-javascript
+#: code:addons/sbc_translation/static/src/translation_platform.xml:0
+#, fuzzy
+#| msgid "Translation Platform"
+msgid "Loading translation platform…"
+msgstr "Plate-forme de traduction"
+
+#. module: sbc_translation
+#. odoo-javascript
+#: code:addons/sbc_translation/static/src/components/tp_loader.xml:0
+msgid "Loading..."
+msgstr ""
+
+#. module: sbc_translation
+#: model:ir.model.fields,field_description:sbc_translation.field_correspondence__new_translator_id
+msgid "Local translator"
+msgstr "Traducteur local"
 
 #. module: sbc_translation
 #: model:ir.model.fields.selection,name:sbc_translation.selection__correspondence__translation_priority__0
 msgid "Low"
 msgstr "Basse"
 
+#. module: sbc_translation
+#. odoo-javascript
+#: code:addons/sbc_translation/static/src/pages/tp_home.xml:0
+msgid "Manage your translation skills"
+msgstr "Gère tes compétences de langues"
+
 #. module: sbc_translation
 #: model:res.groups,name:sbc_translation.group_manager
 msgid "Manager"
@@ -387,17 +876,81 @@ msgstr "Marquer le problème comme résolu et envoyer la réponse"
 msgid "Medium"
 msgstr "Moyen"
 
+#. module: sbc_translation
+#: model:ir.model.fields,help:sbc_translation.field_translation_letter_counting_wizard__start_of_counting
+msgid "Moment from which translated letters are counted"
+msgstr ""
+
 #. module: sbc_translation
 #: model_terms:ir.ui.view,arch_db:sbc_translation.correspondence_view_search
 msgid "My supervision"
 msgstr "Ma supervision"
 
 #. module: sbc_translation
+#. odoo-javascript
+#: code:addons/sbc_translation/static/src/components/tp_translator_button.xml:0
+#: code:addons/sbc_translation/static/src/pages/tp_translators.xml:0
 #: model:ir.model.fields,field_description:sbc_translation.field_translation_competence__name
+#: model:ir.model.fields,field_description:sbc_translation.field_translation_letter_counting_wizard__name
 #: model:ir.model.fields,field_description:sbc_translation.field_translation_user__name
 msgid "Name"
 msgstr "Nom"
 
+#. module: sbc_translation
+#. odoo-javascript
+#: code:addons/sbc_translation/static/src/components/tp_content_editor.xml:0
+msgid "Names of people and places should be kept as they appear."
+msgstr ""
+
+#. module: sbc_translation
+#. odoo-javascript
+#: code:addons/sbc_translation/static/src/components/tp_letter_viewer.xml:0
+#, fuzzy
+#| msgid "Verified"
+msgid "Never modified"
+msgstr "Vérifié"
+
+#. module: sbc_translation
+#. odoo-javascript
+#: code:addons/sbc_translation/static/src/pages/tp_letters.xml:0
+msgid "No letters found"
+msgstr ""
+
+#. module: sbc_translation
+#. odoo-javascript
+#: code:addons/sbc_translation/static/src/pages/tp_home.xml:0
+#, fuzzy
+#| msgid "Source Text to translate"
+msgid "No letters to translate here"
+msgstr "Texte source à traduire"
+
+#. module: sbc_translation
+#. odoo-javascript
+#: code:addons/sbc_translation/static/src/components/tp_content_editor.xml:0
+msgid "No source text available"
+msgstr "Aucun texte source disponible"
+
+#. module: sbc_translation
+#. odoo-javascript
+#: code:addons/sbc_translation/static/src/components/tp_languages_pick_modal.xml:0
+#, fuzzy
+#| msgid "Manage your translation skills"
+msgid "No translation skills defined yet."
+msgstr "Gère tes compétences de langues"
+
+#. module: sbc_translation
+#. odoo-javascript
+#: code:addons/sbc_translation/static/src/pages/tp_translators.xml:0
+#, fuzzy
+#| msgid "Local translator"
+msgid "No translators found"
+msgstr "Traducteur local"
+
+#. module: sbc_translation
+#: model:website,prevent_zero_price_sale_text:sbc_translation.translation_website
+msgid "Not Available For Sale"
+msgstr ""
+
 #. module: sbc_translation
 #: model:ir.model.fields,field_description:sbc_translation.field_translation_competence__number_active_translators
 msgid "Number Active Translators"
@@ -413,6 +966,13 @@ msgstr "Nombre Lettres actuelles"
 msgid "Number Translators"
 msgstr "Nombre de traducteurs"
 
+#. module: sbc_translation
+#: model:ir.model.fields,field_description:sbc_translation.field_translation_letter_counting_wizard__counting
+#, fuzzy
+#| msgid "Number Translators"
+msgid "Number of translated letters"
+msgstr "Nombre de traducteurs"
+
 #. module: sbc_translation
 #: model_terms:ir.ui.view,arch_db:sbc_translation.correspondence_simple_translation_form
 msgid "Open full view"
@@ -424,17 +984,25 @@ msgid "Open the letter in the translation platform"
 msgstr "Ouvrir la lettre dans la plateforme de traduction"
 
 #. module: sbc_translation
+#. odoo-python
 #: code:addons/sbc_translation/models/correspondence.py:0
-#, python-format
 msgid "Other issue"
 msgstr "Autre problème"
 
 #. module: sbc_translation
+#. odoo-python
 #: code:addons/sbc_translation/models/correspondence.py:0
-#, python-format
 msgid "PDF not showing"
 msgstr "PDF ne s'affiche pas"
 
+#. module: sbc_translation
+#. odoo-javascript
+#: code:addons/sbc_translation/static/src/pages/tp_letters.xml:0
+#: code:addons/sbc_translation/static/src/pages/tp_translators.xml:0
+#: model_terms:ir.ui.view,arch_db:sbc_translation.translation_comments_update
+msgid "Page"
+msgstr ""
+
 #. module: sbc_translation
 #: model_terms:ir.ui.view,arch_db:sbc_translation.comments_reply
 msgid "Paragraph"
@@ -456,6 +1024,41 @@ msgstr "Partenaire"
 msgid "Partner-related data of the user"
 msgstr "Données du partenaire lié à l'utilisateur"
 
+#. module: sbc_translation
+#. odoo-javascript
+#: code:addons/sbc_translation/static/src/pages/tp_home.xml:0
+msgid "Pick Languages"
+msgstr "Choisir des langues"
+
+#. module: sbc_translation
+#. odoo-javascript
+#: code:addons/sbc_translation/static/src/components/tp_letter_viewer.xml:0
+msgid ""
+"Please always signal the problem if the name of the child mentioned in the "
+"letter\n"
+"                    isn't the preferred name. Thank you."
+msgstr ""
+
+#. module: sbc_translation
+#. odoo-javascript
+#: code:addons/sbc_translation/static/src/components/tp_letter_viewer.xml:0
+msgid "Preferred Name"
+msgstr "Prénom"
+
+#. module: sbc_translation
+#. odoo-javascript
+#: code:addons/sbc_translation/static/src/components/tp_content_editor.xml:0
+msgid "Preserve paragraph breaks from the source."
+msgstr ""
+
+#. module: sbc_translation
+#. odoo-javascript
+#: code:addons/sbc_translation/static/src/pages/tp_letters.xml:0
+#, fuzzy
+#| msgid "Priority:"
+msgid "Priority"
+msgstr "Priorité :"
+
 #. module: sbc_translation
 #: model_terms:ir.ui.view,arch_db:sbc_translation.correspondence_translation_kanban
 msgid "Priority:"
@@ -466,6 +1069,18 @@ msgstr "Priorité :"
 msgid "Put back into translation"
 msgstr "Remettre en traduction"
 
+#. module: sbc_translation
+#. odoo-javascript
+#: code:addons/sbc_translation/static/src/components/tp_languages_pick_modal.xml:0
+msgid "Register"
+msgstr "Enregistrer"
+
+#. module: sbc_translation
+#. odoo-javascript
+#: code:addons/sbc_translation/static/src/components/tp_languages_pick_modal.xml:0
+msgid "Register a new translation skill"
+msgstr "Enregistrer une nouvelle compétence"
+
 #. module: sbc_translation
 #: model_terms:ir.ui.view,arch_db:sbc_translation.correspondence_simple_translation_form
 #: model_terms:ir.ui.view,arch_db:sbc_translation.view_correspondence_form_translation
@@ -479,6 +1094,13 @@ msgstr "Supprimer de la traduction"
 msgid "Reply to comments"
 msgstr "Répondre aux commentaires"
 
+#. module: sbc_translation
+#: model:ir.model,name:sbc_translation.model_sbc_reply_to_comments_wizard
+#, fuzzy
+#| msgid "Reply to comments"
+msgid "Reply to comments wizard"
+msgstr "Répondre aux commentaires"
+
 #. module: sbc_translation
 #: model:ir.actions.act_window,name:sbc_translation.reply_to_issue_wizard
 #: model_terms:ir.ui.view,arch_db:sbc_translation.correspondence_simple_translation_form
@@ -486,6 +1108,13 @@ msgstr "Répondre aux commentaires"
 msgid "Reply to issue"
 msgstr "Réponse à la question"
 
+#. module: sbc_translation
+#: model:ir.model,name:sbc_translation.model_sbc_reply_to_issue_wizard
+#, fuzzy
+#| msgid "Reply to issue"
+msgid "Reply to issue wizard"
+msgstr "Réponse à la question"
+
 #. module: sbc_translation
 #: model:ir.actions.server,name:sbc_translation.resubmit_letter_translation_action
 msgid "Resubmit to translation"
@@ -496,6 +1125,20 @@ msgstr "Renvoyer à la traduction"
 msgid "Return to translation"
 msgstr "Retour à la traduction"
 
+#. module: sbc_translation
+#. odoo-javascript
+#: code:addons/sbc_translation/static/src/components/tp_translator_button.xml:0
+#: code:addons/sbc_translation/static/src/pages/tp_translators.xml:0
+msgid "Role"
+msgstr "Rôle"
+
+#. module: sbc_translation
+#. odoo-javascript
+#: code:addons/sbc_translation/static/src/pages/tp_letter_edit.xml:0
+#: code:addons/sbc_translation/static/src/translation_platform.xml:0
+msgid "Save"
+msgstr "Enregistrer"
+
 #. module: sbc_translation
 #: model:ir.model.fields,field_description:sbc_translation.field_translation_user__search_competence_id
 msgid "Search Competence"
@@ -511,53 +1154,224 @@ msgstr "Recherche langue dest"
 msgid "Search Source Lang"
 msgstr "Recherche langue source"
 
+#. module: sbc_translation
+#. odoo-javascript
+#: code:addons/sbc_translation/static/src/pages/tp_translators.xml:0
+msgid "Search email…"
+msgstr ""
+
+#. module: sbc_translation
+#. odoo-javascript
+#: code:addons/sbc_translation/static/src/pages/tp_translators.xml:0
+msgid "Search name…"
+msgstr ""
+
+#. module: sbc_translation
+#. odoo-javascript
+#: code:addons/sbc_translation/static/src/pages/tp_letters.xml:0
+#, fuzzy
+#| msgid "Search Dest Lang"
+msgid "Search status…"
+msgstr "Recherche langue dest"
+
+#. module: sbc_translation
+#. odoo-javascript
+#: code:addons/sbc_translation/static/src/pages/tp_letters.xml:0
+msgid "Search title…"
+msgstr ""
+
 #. module: sbc_translation
 #: model:ir.module.category,description:sbc_translation.module_category_translator
 msgid "Security groups for Translation Platform"
 msgstr "Groupes de sécurité pour la plate-forme de traduction"
 
+#. module: sbc_translation
+#. odoo-javascript
+#: code:addons/sbc_translation/static/src/components/tp_signal_problem.xml:0
+msgid "Send Message"
+msgstr "Envoyer un message"
+
 #. module: sbc_translation
 #: model_terms:ir.ui.view,arch_db:sbc_translation.reply_to_comments_form
 msgid "Send reply"
 msgstr "Envoyer la réponse"
 
 #. module: sbc_translation
+#. odoo-javascript
+#: code:addons/sbc_translation/static/src/components/tp_letter_viewer.xml:0
+msgid "Sex"
+msgstr "Sexe"
+
+#. module: sbc_translation
+#. odoo-javascript
+#: code:addons/sbc_translation/static/src/pages/tp_letter_edit.xml:0
+#, fuzzy
+#| msgid "Signal a Problem"
+msgid "Signal Problem"
+msgstr "Signaler un problème"
+
+#. module: sbc_translation
+#. odoo-javascript
+#: code:addons/sbc_translation/static/src/components/tp_letter_viewer.xml:0
+#: code:addons/sbc_translation/static/src/translation_platform.xml:0
+msgid "Signal a Problem"
+msgstr "Signaler un problème"
+
+#. module: sbc_translation
+#. odoo-javascript
+#: code:addons/sbc_translation/static/src/pages/tp_translators.xml:0
 #: model:ir.model.fields,field_description:sbc_translation.field_translation_user__translation_skills
 msgid "Skills"
 msgstr "Compétences"
 
+#. module: sbc_translation
+#. odoo-javascript
+#: code:addons/sbc_translation/static/src/components/tp_content_editor.xml:0
+#: code:addons/sbc_translation/static/src/components/tp_letter_viewer.xml:0
+#: code:addons/sbc_translation/static/src/pages/tp_letters.xml:0
+msgid "Source"
+msgstr "Texte source"
+
+#. module: sbc_translation
+#. odoo-javascript
+#: code:addons/sbc_translation/static/src/components/tp_letter_viewer.xml:0
+msgid "Source Text to translate"
+msgstr "Texte source à traduire"
+
 #. module: sbc_translation
 #: model:ir.model.fields,field_description:sbc_translation.field_translation_competence__source_language_id
 #: model_terms:ir.ui.view,arch_db:sbc_translation.translation_user_view_search
 msgid "Source language"
 msgstr "Langue source"
 
+#. module: sbc_translation
+#. odoo-javascript
+#: code:addons/sbc_translation/static/src/pages/tp_letters.xml:0
+#, fuzzy
+#| msgid "Source language"
+msgid "Source lang…"
+msgstr "Langue source"
+
 #. module: sbc_translation
 #: model:ir.model.fields,field_description:sbc_translation.field_correspondence__src_translation_lang_id
 msgid "Source of translation"
 msgstr "Source de la traduction"
 
 #. module: sbc_translation
+#. odoo-javascript
+#: code:addons/sbc_translation/static/src/components/tp_letter_viewer.xml:0
+msgid "Sponsor Data"
+msgstr "Données du parrain"
+
+#. module: sbc_translation
+#. odoo-python
 #: code:addons/sbc_translation/models/correspondence.py:0
-#, python-format
 msgid "Sponsor name different than expected"
 msgstr "Nom du parrain différent"
 
+#. module: sbc_translation
+#: model:ir.model.fields,field_description:sbc_translation.field_translation_letter_counting_wizard__start_of_counting
+msgid "Start of counting"
+msgstr ""
+
+#. module: sbc_translation
+#. odoo-javascript
+#: code:addons/sbc_translation/static/src/pages/tp_letters.xml:0
+msgid "Status"
+msgstr ""
+
+#. module: sbc_translation
+#. odoo-javascript
+#: code:addons/sbc_translation/static/src/pages/tp_letter_edit.xml:0
+#: code:addons/sbc_translation/static/src/translation_platform.xml:0
+msgid "Submit"
+msgstr "Soumettre"
+
+#. module: sbc_translation
+#: model_terms:ir.ui.view,arch_db:sbc_translation.portal_my_home_translation
+msgid "TP"
+msgstr ""
+
+#. module: sbc_translation
+#. odoo-javascript
+#: code:addons/sbc_translation/static/src/pages/tp_home.xml:0
+#: code:addons/sbc_translation/static/src/translation_platform.xml:0
+msgid "Take the first"
+msgstr "Choisis la première de la liste"
+
+#. module: sbc_translation
+#. odoo-javascript
+#: code:addons/sbc_translation/static/src/pages/tp_letters.xml:0
+msgid "Target"
+msgstr ""
+
+#. module: sbc_translation
+#. odoo-javascript
+#: code:addons/sbc_translation/static/src/pages/tp_letters.xml:0
+msgid "Target lang…"
+msgstr ""
+
+#. module: sbc_translation
+#. odoo-javascript
+#: code:addons/sbc_translation/static/src/pages/tp_letter_edit.xml:0
+msgid ""
+"Thank you for your contribution. You will be redirected to the home page."
+msgstr ""
+
+#. module: sbc_translation
+#. odoo-javascript
+#: code:addons/sbc_translation/static/src/pages/tp_home.xml:0
+msgid "Thank you."
+msgstr "Merci."
+
 #. module: sbc_translation
 #: model:ir.model.fields,help:sbc_translation.field_translation_user_skill__verified
 msgid "The competence has been approved by a manager."
 msgstr "La compétence a été approuvée par un responsable."
 
+#. module: sbc_translation
+#. odoo-javascript
+#: code:addons/sbc_translation/static/src/translation_platform.xml:0
+msgid "The keyboard shortcut"
+msgstr ""
+
 #. module: sbc_translation
 #: model:ir.model.constraint,message:sbc_translation.constraint_translation_competence_unique_competence
 msgid "This competence already exists."
 msgstr "Cette compétence existe déjà."
 
+#. module: sbc_translation
+#. odoo-javascript
+#: code:addons/sbc_translation/static/src/components/tp_letter_viewer.xml:0
+msgid "This letter could not be found"
+msgstr "Cette lettre n'a pas pu être trouvée."
+
+#. module: sbc_translation
+#. odoo-javascript
+#: code:addons/sbc_translation/static/src/pages/tp_home.xml:0
+msgid ""
+"This skill must be validated. Translate the given letter for it to be "
+"reviewed."
+msgstr ""
+
 #. module: sbc_translation
 #: model:ir.model.constraint,message:sbc_translation.constraint_translation_user_unique_translator
 msgid "This translator already exists."
 msgstr "Ce traducteur existe déjà."
 
+#. module: sbc_translation
+#. odoo-javascript
+#: code:addons/sbc_translation/static/src/components/tp_content_editor.xml:0
+msgid "Tips"
+msgstr ""
+
+#. module: sbc_translation
+#. odoo-javascript
+#: code:addons/sbc_translation/static/src/components/tp_letter_viewer.xml:0
+#: code:addons/sbc_translation/static/src/pages/tp_letters.xml:0
+msgid "Title"
+msgstr "Titre"
+
 #. module: sbc_translation
 #: model_terms:ir.ui.view,arch_db:sbc_translation.correspondence_simple_translation_form
 #: model_terms:ir.ui.view,arch_db:sbc_translation.view_correspondence_form_translation
@@ -579,6 +1393,12 @@ msgstr "À valider"
 msgid "Total translations"
 msgstr "Total des traductions"
 
+#. module: sbc_translation
+#. odoo-javascript
+#: code:addons/sbc_translation/static/src/pages/tp_letters.xml:0
+msgid "Translate"
+msgstr "Traduire"
+
 #. module: sbc_translation
 #: model:ir.model.fields,field_description:sbc_translation.field_correspondence__translate_date
 msgid "Translate Date"
@@ -589,6 +1409,19 @@ msgstr "Traduire la date"
 msgid "Translate Done"
 msgstr "Traduction terminée"
 
+#. module: sbc_translation
+#. odoo-javascript
+#: code:addons/sbc_translation/static/src/pages/tp_home.xml:0
+msgid "Translate Verification Letter"
+msgstr "Traduire la lettre pour vérification"
+
+#. module: sbc_translation
+#. odoo-javascript
+#: code:addons/sbc_translation/static/src/components/tp_content_editor.xml:0
+#: code:addons/sbc_translation/static/src/translation_platform.xml:0
+msgid "Translated Content"
+msgstr "Contenu traduit"
+
 #. module: sbc_translation
 #: model:ir.model.fields,field_description:sbc_translation.field_translation_user__translated_letter_ids
 msgid "Translated Letter"
@@ -604,6 +1437,13 @@ msgstr "Traduit l'année dernière"
 msgid "Translated this year"
 msgstr "Traduit cette année"
 
+#. module: sbc_translation
+#. odoo-javascript
+#: code:addons/sbc_translation/static/src/components/tp_languages_pick_modal.xml:0
+msgid ""
+"Translating from a language to another and back are two different skills."
+msgstr ""
+
 #. module: sbc_translation
 #: model:ir.model.fields,field_description:sbc_translation.field_correspondence__translation_competence_id
 msgid "Translation Competence"
@@ -620,6 +1460,8 @@ msgid "Translation Issue Comments"
 msgstr "Question de traduction Commentaires"
 
 #. module: sbc_translation
+#. odoo-javascript
+#: code:addons/sbc_translation/static/src/pages/tp_home.xml:0
 #: model:ir.module.category,name:sbc_translation.module_category_translator
 #: model:ir.ui.menu,name:sbc_translation.menu_translation_platform
 msgid "Translation Platform"
@@ -656,6 +1498,13 @@ msgstr "Url de traduction"
 msgid "Translation User"
 msgstr "Utilisateur de la traduction"
 
+#. module: sbc_translation
+#: model:mail.template,name:sbc_translation.translation_issue_notification
+#, fuzzy
+#| msgid "Translation Issue"
+msgid "Translation issue notification"
+msgstr "Problème de traduction"
+
 #. module: sbc_translation
 #: model_terms:ir.ui.view,arch_db:sbc_translation.correspondence_view_search
 msgid "Translation status"
@@ -666,6 +1515,14 @@ msgstr "État de la traduction"
 msgid "Translation supervisor"
 msgstr "Superviseur de la traduction"
 
+#. module: sbc_translation
+#. odoo-javascript
+#: code:addons/sbc_translation/static/src/components/tp_content_editor.xml:0
+#, fuzzy
+#| msgid "Translations"
+msgid "Translation tips"
+msgstr "Traductions"
+
 #. module: sbc_translation
 #: model:ir.model,name:sbc_translation.model_translation_user_skill
 msgid "Translation user skill"
@@ -687,6 +1544,8 @@ msgid "Translations this year"
 msgstr "Traductions cette année"
 
 #. module: sbc_translation
+#. odoo-javascript
+#: code:addons/sbc_translation/static/src/pages/tp_letters.xml:0
 #: model:ir.actions.act_window,name:sbc_translation.action_compassion_translation_user_form
 #: model:ir.model.fields,field_description:sbc_translation.field_res_users__translator_id
 #: model:ir.model.fields,field_description:sbc_translation.field_translation_user_skill__translator_id
@@ -705,19 +1564,42 @@ msgid "Translator skills"
 msgstr "Compétences du traducteur"
 
 #. module: sbc_translation
+#. odoo-javascript
+#: code:addons/sbc_translation/static/src/pages/tp_translators.xml:0
+#: code:addons/sbc_translation/static/src/translation_platform.xml:0
 #: model:ir.ui.menu,name:sbc_translation.menu_translation_user
 msgid "Translators"
 msgstr "Traducteurs"
 
+#. module: sbc_translation
+#. odoo-javascript
+#: code:addons/sbc_translation/static/src/components/tp_child_modal.xml:0
+#, fuzzy
+#| msgid "Expected/acceptable behaviors:"
+msgid "Unacceptable behaviors:"
+msgstr "Comportements attendus/acceptables:"
+
+#. module: sbc_translation
+#. odoo-javascript
+#: code:addons/sbc_translation/static/src/pages/tp_letters.xml:0
+msgid "Unread"
+msgstr ""
+
 #. module: sbc_translation
 #: model:ir.model.fields,field_description:sbc_translation.field_correspondence__unread_comments
 msgid "Unread Comments"
 msgstr "Commentaires non lus"
 
+#. module: sbc_translation
+#. odoo-javascript
+#: code:addons/sbc_translation/static/src/components/tp_languages_pick_modal.xml:0
+#, fuzzy
+#| msgid "Verified"
+msgid "Unverified"
+msgstr "Vérifié"
+
 #. module: sbc_translation
 #: model:ir.actions.server,name:sbc_translation.update_translation_priority_cron_ir_actions_server
-#: model:ir.cron,cron_name:sbc_translation.update_translation_priority_cron
-#: model:ir.cron,name:sbc_translation.update_translation_priority_cron
 msgid "Update translation priority"
 msgstr "Mise à jour de la priorité de traduction"
 
@@ -727,15 +1609,19 @@ msgid "Urgent"
 msgstr "Urgent"
 
 #. module: sbc_translation
-#: model:ir.model.fields,field_description:sbc_translation.field_translation_user__user_id
-#: model:res.groups,name:sbc_translation.group_user
-msgid "User"
+#. odoo-javascript
+#: code:addons/sbc_translation/static/src/translation_platform.xml:0
+#, fuzzy
+#| msgid "User"
+msgid "Use"
 msgstr "Utilisateur"
 
 #. module: sbc_translation
 #: model:ir.model,name:sbc_translation.model_res_users
-msgid "Users"
-msgstr "Utilisateurs"
+#: model:ir.model.fields,field_description:sbc_translation.field_translation_user__user_id
+#: model:res.groups,name:sbc_translation.group_user
+msgid "User"
+msgstr "Utilisateur"
 
 #. module: sbc_translation
 #: model:ir.model.fields,help:sbc_translation.field_translation_user__search_competence_id
@@ -745,6 +1631,8 @@ msgid "Utility field only used for the search view"
 msgstr "Champ utilitaire utilisé uniquement pour la vue de recherche"
 
 #. module: sbc_translation
+#. odoo-javascript
+#: code:addons/sbc_translation/static/src/components/tp_languages_pick_modal.xml:0
 #: model:ir.model.fields,field_description:sbc_translation.field_translation_user_skill__verified
 msgid "Verified"
 msgstr "Vérifié"
@@ -755,14 +1643,50 @@ msgid "Very high"
 msgstr "Très élevé"
 
 #. module: sbc_translation
+#. odoo-javascript
+#: code:addons/sbc_translation/static/src/components/tp_content_editor.xml:0
+#, fuzzy
+#| msgid "No source text available"
+msgid "View source text"
+msgstr "Aucun texte source disponible"
+
+#. module: sbc_translation
+#. odoo-javascript
+#: code:addons/sbc_translation/static/src/pages/tp_home.xml:0
+msgid "Waiting for your verification letter"
+msgstr "En attente de ta lettre de vérification"
+
+#. module: sbc_translation
+#. odoo-javascript
+#: code:addons/sbc_translation/static/src/components/tp_child_modal.xml:0
+#, fuzzy
+#| msgid "Child protection issue"
+msgid "Watch child protection video"
+msgstr "Contenu inapproprié protection des enfants"
+
+#. module: sbc_translation
+#. odoo-javascript
+#: code:addons/sbc_translation/static/src/pages/tp_home.xml:0
+msgid "Welcome"
+msgstr "Bienvenue"
+
+#. module: sbc_translation
+#. odoo-python
 #: code:addons/sbc_translation/models/correspondence.py:0
-#, python-format
 msgid "Wrong translation boxes layout"
 msgstr "Erreur de disposition de l'encart de traduction"
 
 #. module: sbc_translation
+#. odoo-javascript
+#: code:addons/sbc_translation/static/src/components/tp_languages_pick_modal.xml:0
+#, fuzzy
+#| msgid "Your current translation skills"
+msgid "You already have all available translation skills!"
+msgstr "Tes compétences de langues actuelles"
+
+#. module: sbc_translation
+#. odoo-python
 #: code:addons/sbc_translation/models/correspondence.py:0
-#, python-format
 msgid ""
 "You cannot change the translation language of a letter that is being or "
 "already translated."
@@ -770,12 +1694,6 @@ msgstr ""
 "Vous ne pouvez pas modifier la langue de traduction d'une lettre en cours de "
 "traduction ou déjà traduite."
 
-#. module: sbc_translation
-#: model_terms:ir.ui.view,arch_db:sbc_translation.comments_reply
-msgid "You have just received a reply to your comments on the translation:"
-msgstr ""
-"Vous venez de recevoir une réponse à vos commentaires sur la traduction :"
-
 #. module: sbc_translation
 #: model_terms:ir.ui.view,arch_db:sbc_translation.issue_reply
 msgid ""
@@ -786,369 +1704,183 @@ msgstr ""
 "la plateforme de traduction que vous avez signalée :"
 
 #. module: sbc_translation
-#: model_terms:ir.ui.view,arch_db:sbc_translation.reply_to_comments_form
-#: model_terms:ir.ui.view,arch_db:sbc_translation.reply_to_issue_form
-msgid "Your reply will be added in an <b>automatic email with greetings</b>."
-msgstr ""
-"Votre réponse sera ajoutée à un <b>email automatique avec salutations</b>."
-
-#. module: sbc_translation
-#: model:ir.model,name:sbc_translation.model_sbc_reply_to_comments_wizard
-msgid "sbc.reply.to.comments.wizard"
-msgstr "sbc.reply.to.comments.wizard"
-
-#. module: sbc_translation
-#: model:ir.model,name:sbc_translation.model_sbc_reply_to_issue_wizard
-msgid "sbc.reply.to.issue.wizard"
-msgstr "sbc.reply.to.issue.wizard"
-
-#. module: sbc_translation
-#: model:res.groups,comment:sbc_translation.group_manager
-msgid "the user can manage the translation platform."
-msgstr "l'utilisateur peut gérer la plate-forme de traduction."
-
-#. module: sbc_translation
-#: model:res.groups,comment:sbc_translation.group_user
-msgid "the user will have access to the translation platform."
-msgstr "l'utilisateur aura accès à la plateforme de traduction."
-
-#. module: sbc_translation
-#: model_terms:ir.ui.view,arch_db:sbc_translation.correspondence_translation_kanban
-msgid "translation priority"
-msgstr "priorité à la traduction"
-
-#~ msgid ""
-#~ "You just received a reply regarding your comments on the translation:"
-#~ msgstr ""
-#~ "Vous venez de recevoir une réponse concernant vos commentaires sur la "
-#~ "traduction :"
-
-#~ msgid "Your reply will be added in an automatic email with greetings."
-#~ msgstr ""
-#~ "Votre réponse sera ajoutée à un courriel automatique avec des salutations."
-
-#. module: sbc_translation
-#: sbc_translation.TranslationPlatform
-msgid "Add Skill"
-msgstr "Ajoute une compétence"
-
-#. module: sbc_translation
-#: sbc_translation.TranslationPlatform
-msgid "Age"
-msgstr "Âge"
-
-#. module: sbc_translation
-#: sbc_translation.TranslationPlatform
-msgid "Awaiting approval"
-msgstr "En attente de validation"
-
-#. module: sbc_translation
-#: sbc_translation.TranslationPlatform
-msgid "Back to Translations"
-msgstr "Retour aux traductions"
-
-#. module: sbc_translation
-#: sbc_translation.TranslationPlatform
-msgid "Child Data"
-msgstr "Données de l'enfant"
-
-#. module: sbc_translation
-#: sbc_translation.TranslationPlatform
-msgid "Comment on the translation"
-msgstr "Commentaire sur la traduction"
-
-#. module: sbc_translation
-#: sbc_translation.TranslationPlatform
-msgid "Comments"
-msgstr "Commentaires"
-
-#. module: sbc_translation
-#: sbc_translation.TranslationPlatform
-msgid "Compassion"
-msgstr "Compassion"
-
-#. module: sbc_translation
-#: sbc_translation.TranslationPlatform
-msgid "Expected/acceptable behaviors:"
-msgstr "Comportements attendus/acceptables:"
-
-#. module: sbc_translation
-#: sbc_translation.TranslationPlatform
-msgid "Help"
-msgstr "Aide"
-
-#. module: sbc_translation
-#: sbc_translation.TranslationPlatform
-msgid "Home"
-msgstr "Accueil"
-
-#. module: sbc_translation
-#: sbc_translation.TranslationPlatform
-msgid "I will contribute to building an environment where children are respected and encouraged to discuss their concerns and rights."
-msgstr "Je contribuerai à créer un environnement où les enfants sont respectés et encouragés à parler de leurs préoccupations et de leurs droits."
-
-#. module: sbc_translation
-#: sbc_translation.TranslationPlatform
-msgid "I will engage in activities with beneficiaries only in open or visible places, and in the event that an activity needs to take place in an enclosed space, I will ensure that at least one other approved adult is present."
-msgstr "Je ne participerai à des activités avec les bénéficiaires que dans des lieux ouverts et visibles, et au cas où une activité doive être pratiquée dans un espace clos, je veillerai à ce qu’au moins un autre adulte approuvé soit présent."
-
-#. module: sbc_translation
-#: sbc_translation.TranslationPlatform
-msgid "I will engage in age-appropriate communication with beneficiaries."
-msgstr "Je communiquerai avec les bénéficiaires d’une manière adaptée à leur âge."
-
-#. module: sbc_translation
-#: sbc_translation.TranslationPlatform
-msgid "I will keep all information about child protection investigations confidential, keeping in mind privacy and dignity concerns of all involved."
-msgstr "Je préserverai la confidentialité de toutes les informations relatives aux enquêtes sur la protection de l’enfance, en gardant en tête les préoccupations de chacun en termes de vie privée et de dignité."
-
-#. module: sbc_translation
-#: sbc_translation.TranslationPlatform
-msgid "I will never engage in sexual/sexually suggestive behavior with any child under age 18, regardless of the legal age of consent in-country."
-msgstr "Je ne me livrerai jamais à un comportement sexuel/sexuellement suggestif avec un enfant âgé de moins de 18 ans, quelle que soit la majorité sexuelle dans ce pays."
-
-#. module: sbc_translation
-#: sbc_translation.TranslationPlatform
-msgid "I will never use language that is verbally/emotionally abusive, sexually suggestive, degrading, humiliating, shaming or is otherwise culturally inappropriate with a beneficiary."
-msgstr "Je ne m’exprimerai jamais d’une manière qui soit verbalement/émotionnellement abusive, sexuellement suggestive, dégradante, humiliante, stigmatisante ou culturellement inappropriée avec un bénéficiaire."
-
-#. module: sbc_translation
-#: sbc_translation.TranslationPlatform
-msgid "I will not hire any child in any harmful form of child labor and follow local laws regarding child employment."
-msgstr "Je n’emploierai aucun enfant dans aucune forme de travail infantile et je respecterai les lois locales concernant l’emploi d’enfants."
+#. odoo-javascript
+#: code:addons/sbc_translation/static/src/pages/tp_home.xml:0
+msgid "You have translated a total of"
+msgstr "Tu as traduit un total de"
 
 #. module: sbc_translation
-#: sbc_translation.TranslationPlatform
-msgid "I will not solicit a romantic/dating relationship and will never engage in sexual/sexually suggestive behavior with any beneficiary, regardless of age."
-msgstr "Je ne solliciterai aucune relation romantique/intime et ne me livrerai jamais à un comportement sexuel/sexuellement suggestif avec un(e) bénéficiaire, quel que soit son âge."
+#. odoo-javascript
+#: code:addons/sbc_translation/static/src/components/tp_signal_problem.xml:0
+msgid "Your Message"
+msgstr "Ton message"
 
 #. module: sbc_translation
-#: sbc_translation.TranslationPlatform
-msgid "Identifier"
-msgstr "Identifiant"
+#. odoo-javascript
+#: code:addons/sbc_translation/static/src/components/tp_languages_pick_modal.xml:0
+msgid "Your current translation skills"
+msgstr "Tes compétences de langues actuelles"
 
 #. module: sbc_translation
-#: sbc_translation.TranslationPlatform
-msgid "Issue successfully sent, it will be quickly reviewed"
-msgstr "Problème envoyé avec succès, il sera rapidement examiné"
+#: model_terms:ir.ui.view,arch_db:sbc_translation.reply_to_comments_form
+#: model_terms:ir.ui.view,arch_db:sbc_translation.reply_to_issue_form
+msgid "Your reply will be added in an <b>automatic email with greetings</b>."
+msgstr ""
+"Votre réponse sera ajoutée à un <b>email automatique avec salutations</b>."
 
 #. module: sbc_translation
-#: sbc_translation.TranslationPlatform
-msgid "Language"
-msgstr "Langue"
+#. odoo-javascript
+#: code:addons/sbc_translation/static/src/pages/tp_letter_edit.xml:0
+msgid "Your translation has been submitted successfully!"
+msgstr ""
 
 #. module: sbc_translation
-#: sbc_translation.TranslationPlatform
-msgid "Letter"
-msgstr "Lettre"
+#. odoo-javascript
+#: code:addons/sbc_translation/static/src/pages/tp_home.xml:0
+msgid ""
+"Your verification letter is awaiting approval. Once approved you will be "
+"able to start translating."
+msgstr ""
 
 #. module: sbc_translation
-#: sbc_translation.TranslationPlatform
-msgid "Letter Information"
-msgstr "Informations sur la lettre"
+#. odoo-javascript
+#: code:addons/sbc_translation/static/src/translation_platform.xml:0
+#, fuzzy
+#| msgid "Return to translation"
+msgid "button to start translating."
+msgstr "Retour à la traduction"
 
 #. module: sbc_translation
-#: sbc_translation.TranslationPlatform
-msgid "Letter saved"
-msgstr "Traduction sauvegardée"
+#. odoo-javascript
+#: code:addons/sbc_translation/static/src/translation_platform.xml:0
+msgid "field for each paragraph."
+msgstr ""
 
 #. module: sbc_translation
-#: sbc_translation.TranslationPlatform
-msgid "Letters"
+#. odoo-javascript
+#: code:addons/sbc_translation/static/src/pages/tp_letters.xml:0
+#, fuzzy
+#| msgid "Letters"
+msgid "letters total"
 msgstr "Lettres"
 
 #. module: sbc_translation
-#: sbc_translation.TranslationPlatform
-msgid "Manage your translation skills"
-msgstr "Gère tes compétences de langues"
-
-#. module: sbc_translation
-#: sbc_translation.TranslationPlatform
-msgid "Name"
-msgstr "Nom"
-
-#. module: sbc_translation
-#: sbc_translation.TranslationPlatform
-msgid "No source text available"
-msgstr "Aucun texte source disponible"
-
-#. module: sbc_translation
-#: sbc_translation.TranslationPlatform
-msgid "Pick Languages"
-msgstr "Choisir des langues"
-
-#. module: sbc_translation
-#: sbc_translation.TranslationPlatform
-msgid "Please select a problem in the list"
-msgstr "Veuillez sélectionner un problème dans la liste"
-
-#. module: sbc_translation
-#: sbc_translation.TranslationPlatform
-msgid "Preferred Name"
-msgstr "Prénom"
-
-#. module: sbc_translation
-#: sbc_translation.TranslationPlatform
-msgid "Register"
-msgstr "Enregistrer"
-
-#. module: sbc_translation
-#: sbc_translation.TranslationPlatform
-msgid "Register a new translation skill"
-msgstr "Enregistrer une nouvelle compétence"
-
-#. module: sbc_translation
-#: sbc_translation.TranslationPlatform
-msgid "Role"
-msgstr "Rôle"
-
-#. module: sbc_translation
-#: sbc_translation.TranslationPlatform
-msgid "Save"
-msgstr "Enregistrer"
-
-#. module: sbc_translation
-#: sbc_translation.TranslationPlatform
-msgid "Send Message"
-msgstr "Envoyer un message"
-
-#. module: sbc_translation
-#: sbc_translation.TranslationPlatform
-msgid "Sex"
-msgstr "Sexe"
-
-#. module: sbc_translation
-#: sbc_translation.TranslationPlatform
-msgid "Signal a Problem"
-msgstr "Signaler un problème"
-
-#. module: sbc_translation
-#: sbc_translation.TranslationPlatform
-msgid "Source"
-msgstr "Texte source"
-
-#. module: sbc_translation
-#: sbc_translation.TranslationPlatform
-msgid "Source Text to translate"
-msgstr "Texte source à traduire"
+#. odoo-javascript
+#: code:addons/sbc_translation/static/src/pages/tp_home.xml:0
+msgid "letters – thank you so much!"
+msgstr ""
 
 #. module: sbc_translation
-#: sbc_translation.TranslationPlatform
-msgid "Sponsor Data"
-msgstr "Données du parrain"
+#. odoo-javascript
+#: code:addons/sbc_translation/static/src/components/tp_languages_pick_modal.xml:0
+msgid "new Skill"
+msgstr "Nouvelle(s) compétence(s)"
 
 #. module: sbc_translation
-#: sbc_translation.TranslationPlatform
-msgid "Submit"
-msgstr "Soumettre"
+#: model_terms:ir.ui.view,arch_db:sbc_translation.translation_comments_update
+#, fuzzy
+#| msgid "Paragraph"
+msgid "paragraph"
+msgstr "Paragraphe"
 
 #. module: sbc_translation
-#: sbc_translation.TranslationPlatform
-msgid "Take the first"
-msgstr "Choisis la première de la liste"
+#. odoo-javascript
+#: code:addons/sbc_translation/static/src/translation_platform.xml:0
+#, fuzzy
+#| msgid "Your current translation skills"
+msgid "saves your current translation."
+msgstr "Tes compétences de langues actuelles"
 
 #. module: sbc_translation
-#: sbc_translation.TranslationPlatform
-msgid "Thank you."
-msgstr "Merci."
+#: model:res.groups,comment:sbc_translation.group_manager
+msgid "the user can manage the translation platform."
+msgstr "l'utilisateur peut gérer la plate-forme de traduction."
 
 #. module: sbc_translation
-#: sbc_translation.TranslationPlatform
-msgid "This letter could not be found"
-msgstr "Cette lettre n'a pas pu être trouvée."
+#: model:res.groups,comment:sbc_translation.group_user
+msgid "the user will have access to the translation platform."
+msgstr "l'utilisateur aura accès à la plateforme de traduction."
 
 #. module: sbc_translation
-#: sbc_translation.TranslationPlatform
-msgid "Title"
-msgstr "Titre"
+#. odoo-javascript
+#: code:addons/sbc_translation/static/src/translation_platform.xml:0
+msgid "to save your work in progress."
+msgstr ""
 
 #. module: sbc_translation
-#: sbc_translation.TranslationPlatform
-msgid "Translate"
-msgstr "Traduire"
+#. odoo-javascript
+#: code:addons/sbc_translation/static/src/translation_platform.xml:0
+msgid "to see the letters waiting for your skills."
+msgstr ""
 
 #. module: sbc_translation
-#: sbc_translation.TranslationPlatform
-msgid "Translate Verification Letter"
-msgstr "Traduire la lettre pour vérification"
+#: model_terms:ir.ui.view,arch_db:sbc_translation.correspondence_translation_kanban
+msgid "translation priority"
+msgstr "priorité à la traduction"
 
 #. module: sbc_translation
-#: sbc_translation.TranslationPlatform
-msgid "Translated Content"
-msgstr "Contenu traduit"
+#. odoo-javascript
+#: code:addons/sbc_translation/static/src/pages/tp_translators.xml:0
+#, fuzzy
+#| msgid "Translators"
+msgid "translators"
+msgstr "Traducteurs"
 
 #. module: sbc_translation
-#: sbc_translation.TranslationPlatform
-msgid "Translation Platform"
-msgstr "Plateforme de traduction"
+#. odoo-javascript
+#: code:addons/sbc_translation/static/src/translation_platform.xml:0
+msgid "when you are done. Your translation will be reviewed."
+msgstr ""
 
 #. module: sbc_translation
-#: sbc_translation.TranslationPlatform
-msgid "Translator"
-msgstr "Traducteur"
+#. odoo-javascript
+#: code:addons/sbc_translation/static/src/components/tp_content_editor.xml:0
+#: code:addons/sbc_translation/static/src/components/tp_letter_viewer.xml:0
+msgid "— Page Break —"
+msgstr ""
 
-#. module: sbc_translation
-#: sbc_translation.TranslationPlatform
-msgid "Translators"
-msgstr "Traducteurs"
+#~ msgid "Last Modified on"
+#~ msgstr "Dernière Modification le"
 
-#. module: sbc_translation
-#: sbc_translation.TranslationPlatform
-msgid "Unable to load translator information"
-msgstr "Impossible de charger les informations du traducteur"
+#, python-format
+#~ msgid "Letter must be in state 'Translation check unsuccessful'"
+#~ msgstr "La lettre doit être en : \"Translation check unsuccessful\"."
 
-#. module: sbc_translation
-#: sbc_translation.TranslationPlatform
-msgid "Unable to register translation skills"
-msgstr "Impossible d'enregistrer les compétences de traduction"
+#~ msgid "Users"
+#~ msgstr "Utilisateurs"
 
-#. module: sbc_translation
-#: sbc_translation.TranslationPlatform
-msgid "Unable to save and submit letter, please save it first and retry."
-msgstr "Impossible d'enregistrer et soumettre la lettre, veuillez d'abord l'enregistrer et réessayer."
+#~ msgid "You have just received a reply to your comments on the translation:"
+#~ msgstr ""
+#~ "Vous venez de recevoir une réponse à vos commentaires sur la traduction :"
 
-#. module: sbc_translation
-#: sbc_translation.TranslationPlatform
-msgid "Unable to save letter"
-msgstr "Impossible d'enregistrer la lettre."
+#~ msgid "sbc.reply.to.comments.wizard"
+#~ msgstr "sbc.reply.to.comments.wizard"
 
-#. module: sbc_translation
-#: sbc_translation.TranslationPlatform
-msgid "Unable to submit issue"
-msgstr "Impossible de soumettre le problème"
+#~ msgid "sbc.reply.to.issue.wizard"
+#~ msgstr "sbc.reply.to.issue.wizard"
 
-#. module: sbc_translation
-#: sbc_translation.TranslationPlatform
-msgid "Waiting for your verification letter"
-msgstr "En attente de ta lettre de vérification"
+#~ msgid "Issue successfully sent, it will be quickly reviewed"
+#~ msgstr "Problème envoyé avec succès, il sera rapidement examiné"
 
-#. module: sbc_translation
-#: sbc_translation.TranslationPlatform
-msgid "Welcome"
-msgstr "Bienvenue"
+#~ msgid "Please select a problem in the list"
+#~ msgstr "Veuillez sélectionner un problème dans la liste"
 
-#. module: sbc_translation
-#: sbc_translation.TranslationPlatform
-msgid "You have translated a total of"
-msgstr "Tu as traduit un total de"
+#~ msgid "Unable to load translator information"
+#~ msgstr "Impossible de charger les informations du traducteur"
 
-#. module: sbc_translation
-#: sbc_translation.TranslationPlatform
-msgid "Your Message"
-msgstr "Ton message"
+#~ msgid "Unable to register translation skills"
+#~ msgstr "Impossible d'enregistrer les compétences de traduction"
 
-#. module: sbc_translation
-#: sbc_translation.TranslationPlatform
-msgid "Your current translation skills"
-msgstr "Tes compétences de langues actuelles"
+#~ msgid "Unable to save and submit letter, please save it first and retry."
+#~ msgstr ""
+#~ "Impossible d'enregistrer et soumettre la lettre, veuillez d'abord "
+#~ "l'enregistrer et réessayer."
 
-#. module: sbc_translation
-#: sbc_translation.TranslationPlatform
-msgid "Your new skills have been registered"
-msgstr "Vos nouvelles compétences ont été enregistrées"
+#~ msgid "Unable to save letter"
+#~ msgstr "Impossible d'enregistrer la lettre."
 
-#. module: sbc_translation
-#: sbc_translation.TranslationPlatform
-msgid "new Skill"
-msgstr "Nouvelle(s) compétence(s)"
+#~ msgid "Unable to submit issue"
+#~ msgstr "Impossible de soumettre le problème"
 
+#~ msgid "Your new skills have been registered"
+#~ msgstr "Vos nouvelles compétences ont été enregistrées"
diff --git a/sbc_translation/static/src/components/tp_child_modal.esm.js b/sbc_translation/static/src/frontend/components/tp_child_modal.esm.js
similarity index 88%
rename from sbc_translation/static/src/components/tp_child_modal.esm.js
rename to sbc_translation/static/src/frontend/components/tp_child_modal.esm.js
index 150774564..6652af45e 100644
--- a/sbc_translation/static/src/components/tp_child_modal.esm.js
+++ b/sbc_translation/static/src/frontend/components/tp_child_modal.esm.js
@@ -8,7 +8,7 @@ import { TpModal } from "./tp_modal.esm";
  *   onClose {Function}
  */
 export class TpChildModal extends Component {
-  static template = 'sbc_translation.TpChildModal';
+  static template = "sbc_translation.TpChildModal";
 
   static components = { TpModal };
 
diff --git a/sbc_translation/static/src/components/tp_child_modal.xml b/sbc_translation/static/src/frontend/components/tp_child_modal.xml
similarity index 100%
rename from sbc_translation/static/src/components/tp_child_modal.xml
rename to sbc_translation/static/src/frontend/components/tp_child_modal.xml
diff --git a/sbc_translation/static/src/components/tp_content_editor.esm.js b/sbc_translation/static/src/frontend/components/tp_content_editor.esm.js
similarity index 90%
rename from sbc_translation/static/src/components/tp_content_editor.esm.js
rename to sbc_translation/static/src/frontend/components/tp_content_editor.esm.js
index 2d0c276fc..69dd18fc9 100644
--- a/sbc_translation/static/src/components/tp_content_editor.esm.js
+++ b/sbc_translation/static/src/frontend/components/tp_content_editor.esm.js
@@ -8,7 +8,7 @@ import { TpModal } from "./tp_modal.esm";
  *   onClose {Function}
  */
 class TpTipsModal extends Component {
-  static template = 'sbc_translation.TpTipsModal';
+  static template = "sbc_translation.TpTipsModal";
   static components = { TpModal };
   static props = {
     active: { type: Boolean },
@@ -22,7 +22,7 @@ class TpTipsModal extends Component {
  *   letter {Object} - letter data with translatedElements array
  */
 export class TpContentEditor extends Component {
-  static template = 'sbc_translation.TpContentEditor';
+  static template = "sbc_translation.TpContentEditor";
 
   static components = { TpModal, TpTipsModal };
 
diff --git a/sbc_translation/static/src/components/tp_content_editor.xml b/sbc_translation/static/src/frontend/components/tp_content_editor.xml
similarity index 100%
rename from sbc_translation/static/src/components/tp_content_editor.xml
rename to sbc_translation/static/src/frontend/components/tp_content_editor.xml
diff --git a/sbc_translation/static/src/components/tp_languages_pick_modal.esm.js b/sbc_translation/static/src/frontend/components/tp_languages_pick_modal.esm.js
similarity index 96%
rename from sbc_translation/static/src/components/tp_languages_pick_modal.esm.js
rename to sbc_translation/static/src/frontend/components/tp_languages_pick_modal.esm.js
index 087286b7d..9f9063e7d 100644
--- a/sbc_translation/static/src/components/tp_languages_pick_modal.esm.js
+++ b/sbc_translation/static/src/frontend/components/tp_languages_pick_modal.esm.js
@@ -12,7 +12,7 @@ import { showNotification } from "../notification.esm";
  *   onChange     {Function} - called after a skill is removed
  */
 export class TpTranslationSkills extends Component {
-  static template = 'sbc_translation.TpTranslationSkills';
+  static template = "sbc_translation.TpTranslationSkills";
 
   static props = {
     skills: { type: Array },
@@ -44,7 +44,7 @@ export class TpTranslationSkills extends Component {
  *   translatorId {number}
  */
 export class TpLanguagesPickModal extends Component {
-  static template = 'sbc_translation.TpLanguagesPickModal';
+  static template = "sbc_translation.TpLanguagesPickModal";
 
   static components = { TpModal, TpTranslationSkills };
 
diff --git a/sbc_translation/static/src/components/tp_languages_pick_modal.xml b/sbc_translation/static/src/frontend/components/tp_languages_pick_modal.xml
similarity index 100%
rename from sbc_translation/static/src/components/tp_languages_pick_modal.xml
rename to sbc_translation/static/src/frontend/components/tp_languages_pick_modal.xml
diff --git a/sbc_translation/static/src/components/tp_letter_viewer.esm.js b/sbc_translation/static/src/frontend/components/tp_letter_viewer.esm.js
similarity index 94%
rename from sbc_translation/static/src/components/tp_letter_viewer.esm.js
rename to sbc_translation/static/src/frontend/components/tp_letter_viewer.esm.js
index 172724f94..64e672391 100644
--- a/sbc_translation/static/src/components/tp_letter_viewer.esm.js
+++ b/sbc_translation/static/src/frontend/components/tp_letter_viewer.esm.js
@@ -10,7 +10,7 @@ import { TpSignalProblem } from "./tp_signal_problem.esm";
  *   navigateBack {Function} - navigate back to letters list
  */
 class TpLetterInfoHeader extends Component {
-  static template = 'sbc_translation.TpLetterInfoHeader';
+  static template = "sbc_translation.TpLetterInfoHeader";
 
   static components = { TpLoader };
 
@@ -39,7 +39,7 @@ class TpLetterInfoHeader extends Component {
  *     right-pane     - additional overlay for the right pane
  */
 export class TpLetterViewer extends Component {
-  static template = 'sbc_translation.TpLetterViewer';
+  static template = "sbc_translation.TpLetterViewer";
 
   static components = { TpLetterInfoHeader, TpSignalProblem, TpLoader };
 
diff --git a/sbc_translation/static/src/components/tp_letter_viewer.xml b/sbc_translation/static/src/frontend/components/tp_letter_viewer.xml
similarity index 100%
rename from sbc_translation/static/src/components/tp_letter_viewer.xml
rename to sbc_translation/static/src/frontend/components/tp_letter_viewer.xml
diff --git a/sbc_translation/static/src/components/tp_loader.esm.js b/sbc_translation/static/src/frontend/components/tp_loader.esm.js
similarity index 80%
rename from sbc_translation/static/src/components/tp_loader.esm.js
rename to sbc_translation/static/src/frontend/components/tp_loader.esm.js
index 6ea5a3789..78cea7805 100644
--- a/sbc_translation/static/src/components/tp_loader.esm.js
+++ b/sbc_translation/static/src/frontend/components/tp_loader.esm.js
@@ -4,7 +4,7 @@ import { Component } from "@odoo/owl";
  * Generic loading spinner.
  */
 export class TpLoader extends Component {
-  static template = 'sbc_translation.TpLoader';
+  static template = "sbc_translation.TpLoader";
   static props = { "*": {} };
 }
 
@@ -12,7 +12,7 @@ export class TpLoader extends Component {
  * Full-screen blur overlay with a spinner (shown while loading).
  */
 export class TpBlurLoader extends Component {
-  static template = 'sbc_translation.TpBlurLoader';
+  static template = "sbc_translation.TpBlurLoader";
   static components = { TpLoader };
   static props = {
     active: { type: Boolean, optional: true },
diff --git a/sbc_translation/static/src/components/tp_loader.xml b/sbc_translation/static/src/frontend/components/tp_loader.xml
similarity index 100%
rename from sbc_translation/static/src/components/tp_loader.xml
rename to sbc_translation/static/src/frontend/components/tp_loader.xml
diff --git a/sbc_translation/static/src/components/tp_modal.esm.js b/sbc_translation/static/src/frontend/components/tp_modal.esm.js
similarity index 93%
rename from sbc_translation/static/src/components/tp_modal.esm.js
rename to sbc_translation/static/src/frontend/components/tp_modal.esm.js
index 8c3666557..20a2695a5 100644
--- a/sbc_translation/static/src/components/tp_modal.esm.js
+++ b/sbc_translation/static/src/frontend/components/tp_modal.esm.js
@@ -1,4 +1,10 @@
-import { Component, onMounted, onPatched, onWillUpdateProps, useState } from "@odoo/owl";
+import {
+  Component,
+  onMounted,
+  onPatched,
+  onWillUpdateProps,
+  useState,
+} from "@odoo/owl";
 import { TpLoader } from "./tp_loader.esm";
 
 // Duration of the Bootstrap modal fade-in/out CSS transition (ms).
@@ -17,7 +23,7 @@ const MODAL_TRANSITION_DURATION_MS = 200;
  *   closeButtonText {String}  - label for the footer close button
  */
 export class TpModal extends Component {
-  static template = 'sbc_translation.TpModal';
+  static template = "sbc_translation.TpModal";
 
   static components = { TpLoader };
 
diff --git a/sbc_translation/static/src/components/tp_modal.xml b/sbc_translation/static/src/frontend/components/tp_modal.xml
similarity index 100%
rename from sbc_translation/static/src/components/tp_modal.xml
rename to sbc_translation/static/src/frontend/components/tp_modal.xml
diff --git a/sbc_translation/static/src/components/tp_signal_problem.esm.js b/sbc_translation/static/src/frontend/components/tp_signal_problem.esm.js
similarity index 96%
rename from sbc_translation/static/src/components/tp_signal_problem.esm.js
rename to sbc_translation/static/src/frontend/components/tp_signal_problem.esm.js
index 2a72207d9..7c55a8925 100644
--- a/sbc_translation/static/src/components/tp_signal_problem.esm.js
+++ b/sbc_translation/static/src/frontend/components/tp_signal_problem.esm.js
@@ -12,7 +12,7 @@ import { showNotification } from "../notification.esm";
  *   onClose   {Function}
  */
 export class TpSignalProblem extends Component {
-  static template = 'sbc_translation.TpSignalProblem';
+  static template = "sbc_translation.TpSignalProblem";
 
   static components = { TpModal };
 
diff --git a/sbc_translation/static/src/components/tp_signal_problem.xml b/sbc_translation/static/src/frontend/components/tp_signal_problem.xml
similarity index 100%
rename from sbc_translation/static/src/components/tp_signal_problem.xml
rename to sbc_translation/static/src/frontend/components/tp_signal_problem.xml
diff --git a/sbc_translation/static/src/components/tp_translator_button.esm.js b/sbc_translation/static/src/frontend/components/tp_translator_button.esm.js
similarity index 93%
rename from sbc_translation/static/src/components/tp_translator_button.esm.js
rename to sbc_translation/static/src/frontend/components/tp_translator_button.esm.js
index ec784b01b..6ca01aab8 100644
--- a/sbc_translation/static/src/components/tp_translator_button.esm.js
+++ b/sbc_translation/static/src/frontend/components/tp_translator_button.esm.js
@@ -8,7 +8,7 @@ import { TranslatorDAO } from "../models/translator_dao.esm";
  *   translatorId {number}
  */
 export class TpTranslatorButton extends Component {
-  static template = 'sbc_translation.TpTranslatorButton';
+  static template = "sbc_translation.TpTranslatorButton";
 
   static components = { TpModal };
 
diff --git a/sbc_translation/static/src/components/tp_translator_button.xml b/sbc_translation/static/src/frontend/components/tp_translator_button.xml
similarity index 100%
rename from sbc_translation/static/src/components/tp_translator_button.xml
rename to sbc_translation/static/src/frontend/components/tp_translator_button.xml
diff --git a/sbc_translation/static/src/models/letter_dao.esm.js b/sbc_translation/static/src/frontend/models/letter_dao.esm.js
similarity index 100%
rename from sbc_translation/static/src/models/letter_dao.esm.js
rename to sbc_translation/static/src/frontend/models/letter_dao.esm.js
diff --git a/sbc_translation/static/src/models/settings_dao.esm.js b/sbc_translation/static/src/frontend/models/settings_dao.esm.js
similarity index 100%
rename from sbc_translation/static/src/models/settings_dao.esm.js
rename to sbc_translation/static/src/frontend/models/settings_dao.esm.js
diff --git a/sbc_translation/static/src/models/translator_dao.esm.js b/sbc_translation/static/src/frontend/models/translator_dao.esm.js
similarity index 100%
rename from sbc_translation/static/src/models/translator_dao.esm.js
rename to sbc_translation/static/src/frontend/models/translator_dao.esm.js
diff --git a/sbc_translation/static/src/notification.esm.js b/sbc_translation/static/src/frontend/notification.esm.js
similarity index 100%
rename from sbc_translation/static/src/notification.esm.js
rename to sbc_translation/static/src/frontend/notification.esm.js
diff --git a/sbc_translation/static/src/pages/tp_home.esm.js b/sbc_translation/static/src/frontend/pages/tp_home.esm.js
similarity index 97%
rename from sbc_translation/static/src/pages/tp_home.esm.js
rename to sbc_translation/static/src/frontend/pages/tp_home.esm.js
index 2f390d826..16b95cb16 100644
--- a/sbc_translation/static/src/pages/tp_home.esm.js
+++ b/sbc_translation/static/src/frontend/pages/tp_home.esm.js
@@ -13,7 +13,7 @@ import { TpLanguagesPickModal } from "../components/tp_languages_pick_modal.esm"
  *   navigate  {Function}
  */
 class TpTranslationCard extends Component {
-  static template = 'sbc_translation.TpTranslationCard';
+  static template = "sbc_translation.TpTranslationCard";
 
   static props = {
     title: { type: String },
@@ -32,7 +32,7 @@ class TpTranslationCard extends Component {
  *   onRefreshTranslator {Function}
  */
 export class TpHome extends Component {
-  static template = 'sbc_translation.TpHome';
+  static template = "sbc_translation.TpHome";
 
   static components = { TpLanguagesPickModal, TpTranslationCard, TpBlurLoader };
 
diff --git a/sbc_translation/static/src/pages/tp_home.xml b/sbc_translation/static/src/frontend/pages/tp_home.xml
similarity index 100%
rename from sbc_translation/static/src/pages/tp_home.xml
rename to sbc_translation/static/src/frontend/pages/tp_home.xml
diff --git a/sbc_translation/static/src/pages/tp_letter_edit.esm.js b/sbc_translation/static/src/frontend/pages/tp_letter_edit.esm.js
similarity index 97%
rename from sbc_translation/static/src/pages/tp_letter_edit.esm.js
rename to sbc_translation/static/src/frontend/pages/tp_letter_edit.esm.js
index 4e5e24b26..0f21b2e94 100644
--- a/sbc_translation/static/src/pages/tp_letter_edit.esm.js
+++ b/sbc_translation/static/src/frontend/pages/tp_letter_edit.esm.js
@@ -14,7 +14,7 @@ const AUTOSAVE_DELAY_MS = 30000;
  * Submitted confirmation modal.
  */
 class TpLetterSubmittedModal extends Component {
-  static template = 'sbc_translation.TpLetterSubmittedModal';
+  static template = "sbc_translation.TpLetterSubmittedModal";
   static components = { TpModal };
   static props = {
     active: { type: Boolean },
@@ -31,7 +31,7 @@ class TpLetterSubmittedModal extends Component {
  *   translator  {Object}
  */
 export class TpLetterEdit extends Component {
-  static template = 'sbc_translation.TpLetterEdit';
+  static template = "sbc_translation.TpLetterEdit";
 
   static components = {
     TpLetterViewer,
diff --git a/sbc_translation/static/src/pages/tp_letter_edit.xml b/sbc_translation/static/src/frontend/pages/tp_letter_edit.xml
similarity index 100%
rename from sbc_translation/static/src/pages/tp_letter_edit.xml
rename to sbc_translation/static/src/frontend/pages/tp_letter_edit.xml
diff --git a/sbc_translation/static/src/pages/tp_letters.esm.js b/sbc_translation/static/src/frontend/pages/tp_letters.esm.js
similarity index 96%
rename from sbc_translation/static/src/pages/tp_letters.esm.js
rename to sbc_translation/static/src/frontend/pages/tp_letters.esm.js
index 96f96a00c..f8b9aead9 100644
--- a/sbc_translation/static/src/pages/tp_letters.esm.js
+++ b/sbc_translation/static/src/frontend/pages/tp_letters.esm.js
@@ -10,7 +10,7 @@ const LETTERS_PER_PAGE = 10;
  * Priority badge.
  */
 class TpLetterPriority extends Component {
-  static template = 'sbc_translation.TpLetterPriority';
+  static template = "sbc_translation.TpLetterPriority";
   static props = { priority: { type: Number, optional: true } };
 
   get priorityLabel() {
@@ -26,7 +26,7 @@ class TpLetterPriority extends Component {
  *   isAdmin     {Boolean}
  */
 export class TpLetters extends Component {
-  static template = 'sbc_translation.TpLetters';
+  static template = "sbc_translation.TpLetters";
 
   static components = { TpLetterPriority, TpTranslatorButton, TpLoader };
 
diff --git a/sbc_translation/static/src/pages/tp_letters.xml b/sbc_translation/static/src/frontend/pages/tp_letters.xml
similarity index 100%
rename from sbc_translation/static/src/pages/tp_letters.xml
rename to sbc_translation/static/src/frontend/pages/tp_letters.xml
diff --git a/sbc_translation/static/src/pages/tp_translators.esm.js b/sbc_translation/static/src/frontend/pages/tp_translators.esm.js
similarity index 98%
rename from sbc_translation/static/src/pages/tp_translators.esm.js
rename to sbc_translation/static/src/frontend/pages/tp_translators.esm.js
index 017881cb9..92a3570e3 100644
--- a/sbc_translation/static/src/pages/tp_translators.esm.js
+++ b/sbc_translation/static/src/frontend/pages/tp_translators.esm.js
@@ -12,7 +12,7 @@ const PER_PAGE = 10;
  *   navigate {Function}
  */
 export class TpTranslators extends Component {
-  static template = 'sbc_translation.TpTranslators';
+  static template = "sbc_translation.TpTranslators";
 
   static components = { TpLoader, TpLanguagesPickModal };
 
diff --git a/sbc_translation/static/src/pages/tp_translators.xml b/sbc_translation/static/src/frontend/pages/tp_translators.xml
similarity index 100%
rename from sbc_translation/static/src/pages/tp_translators.xml
rename to sbc_translation/static/src/frontend/pages/tp_translators.xml
diff --git a/sbc_translation/static/src/rpc.esm.js b/sbc_translation/static/src/frontend/rpc.esm.js
similarity index 100%
rename from sbc_translation/static/src/rpc.esm.js
rename to sbc_translation/static/src/frontend/rpc.esm.js
diff --git a/sbc_translation/static/src/translation_platform.css b/sbc_translation/static/src/frontend/translation_platform.css
similarity index 100%
rename from sbc_translation/static/src/translation_platform.css
rename to sbc_translation/static/src/frontend/translation_platform.css
diff --git a/sbc_translation/static/src/translation_platform.esm.js b/sbc_translation/static/src/frontend/translation_platform.esm.js
similarity index 56%
rename from sbc_translation/static/src/translation_platform.esm.js
rename to sbc_translation/static/src/frontend/translation_platform.esm.js
index 0d805f372..70cfff5aa 100644
--- a/sbc_translation/static/src/translation_platform.esm.js
+++ b/sbc_translation/static/src/frontend/translation_platform.esm.js
@@ -1,4 +1,12 @@
-import { Component, mount, onMounted, useState, whenReady } from "@odoo/owl";
+import { App, Component, onMounted, useState, whenReady } from "@odoo/owl";
+import {
+  _t,
+  translatedTerms,
+  translationLoaded,
+} from "@web/core/l10n/translation";
+
+// Make _t available in every OWL component template as `_t(...)`
+Component.prototype._t = _t;
 import { TpChildModal } from "./components/tp_child_modal.esm";
 import { TpHome } from "./pages/tp_home.esm";
 import { TpLetterEdit } from "./pages/tp_letter_edit.esm";
@@ -6,13 +14,14 @@ import { TpLetters } from "./pages/tp_letters.esm";
 import { TpModal } from "./components/tp_modal.esm";
 import { TpTranslators } from "./pages/tp_translators.esm";
 import { TranslatorDAO } from "./models/translator_dao.esm";
+import { getTemplate } from "@web/core/templates";
 import { showNotification } from "./notification.esm";
 
 /**
  * Help modal.
  */
 class TpHelpModal extends Component {
-  static template = 'sbc_translation.TpHelpModal';
+  static template = "sbc_translation.TpHelpModal";
   static components = { TpModal };
   static props = { active: { type: Boolean }, onClose: { type: Function } };
 }
@@ -26,7 +35,7 @@ class TpHelpModal extends Component {
 export class TranslationPlatform extends Component {
   static props = {};
 
-  static template = 'sbc_translation.TranslationPlatform';
+  static template = "sbc_translation.TranslationPlatform";
 
   static components = {
     TpHome,
@@ -82,5 +91,36 @@ export class TranslationPlatform extends Component {
 whenReady(async () => {
   const target = document.getElementById("tp-app-root");
   if (!target) return;
-  await mount(TranslationPlatform, target, { env: {} });
+
+  // Load translations using session_info already injected into the portal page
+  // Translations are not loaded properly. This is a failed AI attempt
+  try {
+    const sessionInfo = odoo.__session_info__;
+    const { cache_hashes, user_context } = sessionInfo;
+    const hash = cache_hashes?.translations || new Date().getTime().toString();
+    const lang =
+      user_context?.lang ||
+      document.documentElement.getAttribute("lang") ||
+      "en_US";
+    const response = await fetch(
+      `/web/webclient/translations/${hash}?lang=${lang}`,
+    );
+    if (response.ok) {
+      const { modules } = await response.json();
+      for (const addon of Object.values(modules || {})) {
+        for (const { id, string } of addon.messages || []) {
+          translatedTerms[id] = string;
+        }
+      }
+    }
+  } catch {
+    // Translations unavailable: fall back to source strings silently
+  } finally {
+    // Always mark translations as ready so _t() returns plain strings instead
+    // of LazyTranslatedString instances (which throw if resolved while still false).
+    translatedTerms[translationLoaded] = true;
+  }
+
+  const app = new App(TranslationPlatform, { env: {}, getTemplate });
+  await app.mount(target);
 });
diff --git a/sbc_translation/static/src/translation_platform.xml b/sbc_translation/static/src/frontend/translation_platform.xml
similarity index 99%
rename from sbc_translation/static/src/translation_platform.xml
rename to sbc_translation/static/src/frontend/translation_platform.xml
index f7b701867..56946da73 100644
--- a/sbc_translation/static/src/translation_platform.xml
+++ b/sbc_translation/static/src/frontend/translation_platform.xml
@@ -3,7 +3,7 @@
 
     <!-- Help modal -->
     <t t-name="sbc_translation.TpHelpModal">
-        <TpModal active="props.active" onClose="props.onClose" title="'Help'">
+        <TpModal active="props.active" onClose="props.onClose" title="Help">
             <div class="p-3 small" style="max-width: 450px;">
                 <h6 class="fw-semibold">How to use the Translation Platform</h6>
                 <ul>