diff --git a/sbc_translation/__manifest__.py b/sbc_translation/__manifest__.py
index f38d1541c..6f214f104 100644
--- a/sbc_translation/__manifest__.py
+++ b/sbc_translation/__manifest__.py
@@ -36,13 +36,6 @@
     "license": "AGPL-3",
     "website": "https://github.com/CompassionCH/compassion-modules",
     "depends": ["sbc_compassion", "partner_contact_birthdate", "portal"],
-    "assets": {
-        "web.assets_frontend": [
-            "sbc_translation/static/src/frontend/**/*.css",
-            "sbc_translation/static/src/frontend/**/*.xml",
-            "sbc_translation/static/src/frontend/**/*.esm.js",
-        ],
-    },
     "data": [
         "security/ir_groups.xml",
         "security/ir.model.access.csv",
@@ -53,7 +46,6 @@
         "data/mail_template.xml",
         "data/update_translation_priority_cron.xml",
         "data/queue_job.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 cfdc7aaf2..0306b508e 100644
--- a/sbc_translation/controllers/main.py
+++ b/sbc_translation/controllers/main.py
@@ -1,6 +1,6 @@
 ##############################################################################
 #
-#    Copyright (C) 2023 Compassion CH (http://www.compassion.ch)
+#    Copyright (C) 2023-2026 Compassion CH (http://www.compassion.ch)
 #    Releasing children from poverty in Jesus' name
 #
 #    The licence is in the file __manifest__.py
@@ -11,75 +11,31 @@
 from werkzeug.utils import redirect
 
 from odoo import http
-from odoo.http import request
-
-from odoo.addons.portal.controllers.portal import CustomerPortal
+from odoo.tools import file_open
 
 _logger = logging.getLogger(__name__)
 
 
-class TranslationPlatformController(CustomerPortal):
-    @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", {})
-
+class TranslationPlatformController(http.Controller):
     @http.route(
         ["/translation-platform", "/translation-platform/<path:page>"],
         type="http",
-        auth="user",
-        website=True,
+        auth="public",
     )
-    def translation_platform_legacy(self, page="", **kwargs):
+    def translation_platform(self, page=""):
+        """Serve the built translation-platform-web SPA from
+        `static/tp/`.
+
+        `static/tp/` is the destination for the `npm run build`
+        output of the external translation-platform-web repo: copy
+        the `dist/` folder there at release time. The webapp itself
+        does client-side routing; this controller only serves
+        `index.html` for app routes and redirects asset URLs into
+        `/sbc_translation/static/tp/...`.
         """
-        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
+        if (
+            "assets" in page or page.endswith(".png") or page.endswith(".jpg")
+        ):
+            return redirect(f"/sbc_translation/static/tp/{page}")
+        with file_open("sbc_translation/static/tp/index.html") as app:
+            return app.read()
diff --git a/sbc_translation/models/correspondence.py b/sbc_translation/models/correspondence.py
index 1182180f3..d75009c8a 100644
--- a/sbc_translation/models/correspondence.py
+++ b/sbc_translation/models/correspondence.py
@@ -122,11 +122,28 @@ def _compute_translation_priority_name(self):
             )
 
     def _compute_translation_url(self):
-        base_url = self.env["ir.config_parameter"].sudo().get_param("web.base.url", "")
-        base_url = base_url.rstrip("/")
+        """Build the link translators click to open this letter in
+        the webapp.
+
+        The base URL is read from the system parameter
+        `sbc_translation.webapp_base_url`. If unset, the webapp is
+        assumed to be served by Odoo itself at `/translation-platform`
+        (see `controllers/main.py`), and the link falls back to
+        `<web.base.url>/translation-platform`.
+
+        Set the parameter to point at an external host
+        (e.g. `http://localhost:5173` for `npm run dev`) when the
+        webapp is not served by Odoo.
+        """
+        icp = self.env["ir.config_parameter"].sudo()
+        webapp_url = icp.get_param("sbc_translation.webapp_base_url")
+        if not webapp_url:
+            base_url = icp.get_param("web.base.url", "").rstrip("/")
+            webapp_url = f"{base_url}/translation-platform"
+        webapp_url = webapp_url.rstrip("/")
         for letter in self:
             letter.translation_url = (
-                f"{base_url}/odoo/translation-platform?letterId={letter.id}"
+                f"{webapp_url}/letters/letter-edit/{letter.id}"
             )
 
     def _compute_paragraph_ids(self):
@@ -564,6 +581,13 @@ def submit_translation(self, letter_elements, translator_id=None) -> bool:
         return True
 
     def action_approve_translation(self):
+        """Manager-side approval of a letter in `to validate` status.
+
+        Marks the translator's skill for this letter's competence as
+        verified (if not already), clears any reported translation
+        issue, records the current user as supervisor, and runs the
+        post-processing step that ships the letter on.
+        """
         for letter in self:
             skill_to_validate = letter.new_translator_id.translation_skills.filtered(
                 lambda s, _letter=letter: s.competence_id
@@ -619,6 +643,16 @@ def list_letters(self):
         """API call to fetch letters to translate"""
         return [letter.get_letter_info() for letter in self.sorted("scanned_date")]
 
+    # Webapp-facing aliases for the action_* methods.
+    # translation-platform-web calls these by their unprefixed names;
+    # the action_* names stay for backend button bindings (Odoo
+    # convention).
+    def remove_local_translate(self):
+        return self.action_remove_local_translate()
+
+    def resubmit_to_translation(self):
+        return self.action_resubmit_to_translation()
+
     def get_letter_info(self):
         """Translation Platform API for fetching letter data."""
         self.ensure_one()
diff --git a/sbc_translation/static/img/menu_icon.png b/sbc_translation/static/img/menu_icon.png
deleted file mode 100644
index 0dfa89b60..000000000
Binary files a/sbc_translation/static/img/menu_icon.png and /dev/null differ
diff --git a/sbc_translation/static/img/menu_icon_small.png b/sbc_translation/static/img/menu_icon_small.png
deleted file mode 100644
index 445d02e3f..000000000
Binary files a/sbc_translation/static/img/menu_icon_small.png and /dev/null differ
diff --git a/sbc_translation/static/src/frontend/components/tp_child_modal.esm.js b/sbc_translation/static/src/frontend/components/tp_child_modal.esm.js
deleted file mode 100644
index 6652af45e..000000000
--- a/sbc_translation/static/src/frontend/components/tp_child_modal.esm.js
+++ /dev/null
@@ -1,21 +0,0 @@
-import { Component } from "@odoo/owl";
-import { TpModal } from "./tp_modal.esm";
-
-/**
- * Child protection policy modal.
- * Props:
- *   active  {Boolean}
- *   onClose {Function}
- */
-export class TpChildModal extends Component {
-  static template = "sbc_translation.TpChildModal";
-
-  static components = { TpModal };
-
-  static props = {
-    active: { type: Boolean },
-    onClose: { type: Function },
-  };
-}
-
-export default TpChildModal;
diff --git a/sbc_translation/static/src/frontend/components/tp_child_modal.xml b/sbc_translation/static/src/frontend/components/tp_child_modal.xml
deleted file mode 100644
index 422d500c6..000000000
--- a/sbc_translation/static/src/frontend/components/tp_child_modal.xml
+++ /dev/null
@@ -1,43 +0,0 @@
-<?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/frontend/components/tp_content_editor.esm.js b/sbc_translation/static/src/frontend/components/tp_content_editor.esm.js
deleted file mode 100644
index 69dd18fc9..000000000
--- a/sbc_translation/static/src/frontend/components/tp_content_editor.esm.js
+++ /dev/null
@@ -1,52 +0,0 @@
-import { Component, useState } from "@odoo/owl";
-import { TpModal } from "./tp_modal.esm";
-
-/**
- * Tips modal showing translation best practices.
- * Props:
- *   active  {Boolean}
- *   onClose {Function}
- */
-class TpTipsModal extends Component {
-  static template = "sbc_translation.TpTipsModal";
-  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 = "sbc_translation.TpContentEditor";
-
-  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/frontend/components/tp_content_editor.xml b/sbc_translation/static/src/frontend/components/tp_content_editor.xml
deleted file mode 100644
index 1c529f711..000000000
--- a/sbc_translation/static/src/frontend/components/tp_content_editor.xml
+++ /dev/null
@@ -1,73 +0,0 @@
-<?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/frontend/components/tp_languages_pick_modal.esm.js b/sbc_translation/static/src/frontend/components/tp_languages_pick_modal.esm.js
deleted file mode 100644
index 9f9063e7d..000000000
--- a/sbc_translation/static/src/frontend/components/tp_languages_pick_modal.esm.js
+++ /dev/null
@@ -1,122 +0,0 @@
-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";
-import { showNotification } from "../notification.esm";
-
-/**
- * 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 = "sbc_translation.TpTranslationSkills";
-
-  static props = {
-    skills: { type: Array },
-    translatorId: { type: Number },
-    onChange: { type: Function },
-  };
-
-  async removeSkill(skill) {
-    try {
-      await TranslatorDAO.deleteSkill(this.props.translatorId, {
-        source: skill.source,
-        target: skill.target,
-        verified: skill.verified,
-      });
-      showNotification("Skill removed", "success");
-      this.props.onChange();
-    } catch {
-      showNotification("Unable to remove skill", "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 = "sbc_translation.TpLanguagesPickModal";
-
-  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._loadData();
-  }
-
-  async _loadData() {
-    this.state.loading = true;
-    try {
-      const [competences, translator] = await Promise.all([
-        SettingsDAO.translationCompetences(),
-        TranslatorDAO.find(this.props.translatorId),
-      ]);
-      this.state.competences = competences;
-      this.state.translator = translator;
-      this.state.allowedCompetences = competences.filter(
-        (c) => !this.translatorHasSkill(c),
-      );
-    } catch {
-      showNotification("Unable to load translator information", "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.props.translatorId,
-        this.state.potentialSkills.map((s) => parseInt(s.competenceId, 10)),
-      );
-      showNotification("Your new skills have been registered", "success");
-      this.state.potentialSkills = [];
-      this.props.onChange();
-    } catch {
-      showNotification("Unable to register translation skills", "danger");
-    } finally {
-      this.state.loading = false;
-    }
-  }
-}
-
-export default TpLanguagesPickModal;
diff --git a/sbc_translation/static/src/frontend/components/tp_languages_pick_modal.xml b/sbc_translation/static/src/frontend/components/tp_languages_pick_modal.xml
deleted file mode 100644
index 78b0706d8..000000000
--- a/sbc_translation/static/src/frontend/components/tp_languages_pick_modal.xml
+++ /dev/null
@@ -1,85 +0,0 @@
-<?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/frontend/components/tp_letter_viewer.esm.js b/sbc_translation/static/src/frontend/components/tp_letter_viewer.esm.js
deleted file mode 100644
index 64e672391..000000000
--- a/sbc_translation/static/src/frontend/components/tp_letter_viewer.esm.js
+++ /dev/null
@@ -1,61 +0,0 @@
-import { Component, useState } 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.
- * 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 = "sbc_translation.TpLetterInfoHeader";
-
-  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 = "sbc_translation.TpLetterViewer";
-
-  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/frontend/components/tp_letter_viewer.xml b/sbc_translation/static/src/frontend/components/tp_letter_viewer.xml
deleted file mode 100644
index bc6998d08..000000000
--- a/sbc_translation/static/src/frontend/components/tp_letter_viewer.xml
+++ /dev/null
@@ -1,175 +0,0 @@
-<?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/frontend/components/tp_loader.esm.js b/sbc_translation/static/src/frontend/components/tp_loader.esm.js
deleted file mode 100644
index 78cea7805..000000000
--- a/sbc_translation/static/src/frontend/components/tp_loader.esm.js
+++ /dev/null
@@ -1,21 +0,0 @@
-import { Component } from "@odoo/owl";
-
-/**
- * Generic loading spinner.
- */
-export class TpLoader extends Component {
-  static template = "sbc_translation.TpLoader";
-  static props = { "*": {} };
-}
-
-/**
- * Full-screen blur overlay with a spinner (shown while loading).
- */
-export class TpBlurLoader extends Component {
-  static template = "sbc_translation.TpBlurLoader";
-  static components = { TpLoader };
-  static props = {
-    active: { type: Boolean, optional: true },
-    text: { type: String, optional: true },
-  };
-}
diff --git a/sbc_translation/static/src/frontend/components/tp_loader.xml b/sbc_translation/static/src/frontend/components/tp_loader.xml
deleted file mode 100644
index 674598793..000000000
--- a/sbc_translation/static/src/frontend/components/tp_loader.xml
+++ /dev/null
@@ -1,25 +0,0 @@
-<?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/frontend/components/tp_modal.esm.js b/sbc_translation/static/src/frontend/components/tp_modal.esm.js
deleted file mode 100644
index 20a2695a5..000000000
--- a/sbc_translation/static/src/frontend/components/tp_modal.esm.js
+++ /dev/null
@@ -1,72 +0,0 @@
-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).
-// 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 = "sbc_translation.TpModal";
-
-  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/frontend/components/tp_modal.xml b/sbc_translation/static/src/frontend/components/tp_modal.xml
deleted file mode 100644
index e40e9c6e4..000000000
--- a/sbc_translation/static/src/frontend/components/tp_modal.xml
+++ /dev/null
@@ -1,48 +0,0 @@
-<?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/frontend/components/tp_signal_problem.esm.js b/sbc_translation/static/src/frontend/components/tp_signal_problem.esm.js
deleted file mode 100644
index 7c55a8925..000000000
--- a/sbc_translation/static/src/frontend/components/tp_signal_problem.esm.js
+++ /dev/null
@@ -1,70 +0,0 @@
-import { Component, useState } 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.
- * Props:
- *   letterId  {number}
- *   active    {Boolean}
- *   onClose   {Function}
- */
-export class TpSignalProblem extends Component {
-  static template = "sbc_translation.TpSignalProblem";
-
-  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.state.loading = true;
-    SettingsDAO.letterIssues().then((res) => {
-      this.state.types = res;
-      this.state.type = res[0]?.id || null;
-      this.state.loading = false;
-    });
-  }
-
-  async submit() {
-    if (!this.state.type) {
-      showNotification("Please select a problem in the list", "warning");
-      return;
-    }
-    this.state.loading = true;
-    try {
-      await call("correspondence", "raise_translation_issue", [
-        [parseInt(this.props.letterId, 10)],
-        this.state.type,
-        this.state.message,
-      ]);
-      showNotification(
-        "Issue successfully sent, it will be quickly reviewed",
-        "success",
-      );
-      this.props.onClose();
-      if (this.props.onRefresh) {
-        this.props.onRefresh();
-      }
-    } catch {
-      showNotification("Unable to submit issue", "danger");
-    } finally {
-      this.state.loading = false;
-    }
-  }
-}
-
-export default TpSignalProblem;
diff --git a/sbc_translation/static/src/frontend/components/tp_signal_problem.xml b/sbc_translation/static/src/frontend/components/tp_signal_problem.xml
deleted file mode 100644
index ca6fc0a1b..000000000
--- a/sbc_translation/static/src/frontend/components/tp_signal_problem.xml
+++ /dev/null
@@ -1,26 +0,0 @@
-<?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/frontend/components/tp_translator_button.esm.js b/sbc_translation/static/src/frontend/components/tp_translator_button.esm.js
deleted file mode 100644
index 6ca01aab8..000000000
--- a/sbc_translation/static/src/frontend/components/tp_translator_button.esm.js
+++ /dev/null
@@ -1,40 +0,0 @@
-import { Component, useState } 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.
- * Props:
- *   translatorId {number}
- */
-export class TpTranslatorButton extends Component {
-  static template = "sbc_translation.TpTranslatorButton";
-
-  static components = { TpModal };
-
-  static props = {
-    translatorId: { type: Number },
-  };
-
-  state = useState({
-    translator: null,
-    loading: false,
-    showModal: false,
-  });
-
-  async loadAndOpen() {
-    if (!this.state.translator) {
-      this.state.loading = true;
-      try {
-        this.state.translator = await TranslatorDAO.find(
-          this.props.translatorId,
-        );
-      } finally {
-        this.state.loading = false;
-      }
-    }
-    this.state.showModal = true;
-  }
-}
-
-export default TpTranslatorButton;
diff --git a/sbc_translation/static/src/frontend/components/tp_translator_button.xml b/sbc_translation/static/src/frontend/components/tp_translator_button.xml
deleted file mode 100644
index 509f1cab7..000000000
--- a/sbc_translation/static/src/frontend/components/tp_translator_button.xml
+++ /dev/null
@@ -1,42 +0,0 @@
-<?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/frontend/models/letter_dao.esm.js b/sbc_translation/static/src/frontend/models/letter_dao.esm.js
deleted file mode 100644
index 12d0a92f4..000000000
--- a/sbc_translation/static/src/frontend/models/letter_dao.esm.js
+++ /dev/null
@@ -1,221 +0,0 @@
-import { call, search, searchCount } from "../rpc.esm";
-
-/**
- * Letter DAO - data access for the correspondence model.
- * Uses direct JSON-RPC (portal/frontend compatible).
- */
-
-export const LetterDAO = {
-  /**
-   * Fetch a single letter's full info.
-   * @param {number|string} id
-   * @returns {Promise<Object>}
-   */
-  async find(id) {
-    const result = await call("correspondence", "get_letter_info", [
-      [parseInt(id, 10)],
-    ]);
-    return LetterDAO._cleanLetter(result);
-  },
-
-  /**
-   * List letters matching params.
-   * @param {Object} params - { search, sortBy, pageNumber, pageSize }
-   * @returns {Promise<{data: Object[], total: number}>}
-   */
-  async list(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([
-      search("correspondence", domain, { offset, limit, order }),
-      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 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} params
-   * @returns {Promise<number[]>}
-   */
-  async listIds(params = {}) {
-    const domain = LetterDAO._buildDomain(params.search || []);
-    domain.push(["state", "=", "Global Partner translation queue"]);
-    return search("correspondence", domain);
-  },
-
-  /**
-   * Save (update) a translation in progress.
-   * @param {Object} letter
-   * @returns {Promise<boolean>}
-   */
-  async update(letter) {
-    return call("correspondence", "save_translation", [
-      [letter.id],
-      letter.translatedElements,
-      letter.translatorId || false,
-    ]);
-  },
-
-  /**
-   * Submit a completed translation.
-   * @param {Object} letter
-   * @returns {Promise<boolean>}
-   */
-  async submit(letter) {
-    return call("correspondence", "submit_translation", [
-      [letter.id],
-      letter.translatedElements,
-      letter.translatorId || false,
-    ]);
-  },
-
-  /**
-   * Report an issue with a letter.
-   * @param {Number} letterId
-   * @param {String} issueType
-   * @param {String} message
-   * @returns {Promise<boolean>}
-   */
-  async reportIssue(letterId, issueType, message) {
-    return call("correspondence", "raise_translation_issue", [
-      [parseInt(letterId, 10)],
-      issueType,
-      message,
-    ]);
-  },
-
-  /**
-   * Reply to translator comments on a letter.
-   * @param {Object} letter
-   * @param {String} html
-   * @returns {Promise<boolean>}
-   */
-  async replyToComments(letter, html) {
-    return call("correspondence", "reply_to_comments", [[letter.id], html]);
-  },
-
-  /**
-   * Mark all comments as read.
-   * @param {Object} letter
-   * @returns {Promise<boolean>}
-   */
-  async markCommentsAsRead(letter) {
-    return call("correspondence", "mark_comments_read", [[letter.id]]);
-  },
-
-  /**
-   * Put a letter back into the translation queue (resubmit).
-   * @param {Object} letter
-   * @returns {Promise<boolean>}
-   */
-  async makeTranslatable(letter) {
-    return call("correspondence", "action_resubmit_to_translation", [
-      [letter.id],
-    ]);
-  },
-
-  /**
-   * Remove a letter from the translation queue.
-   * @param {Object} letter
-   * @returns {Promise<boolean>}
-   */
-  async deleteLetter(letter) {
-    return call("correspondence", "action_remove_local_translate", [
-      [letter.id],
-    ]);
-  },
-
-  // -------------------------------------------------------------------------
-  // Private helpers
-  // -------------------------------------------------------------------------
-
-  /**
-   * Map the frontend search params to an Odoo domain.
-   * @param {Array} search_vals - [{column, term, operator}]
-   * @returns {Array}
-   */
-  _buildDomain(search_vals) {
-    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_vals) {
-      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" ? undefined : letter.translatorId,
-      translatedElements:
-        letter.translatedElements === "None" ? [] : letter.translatedElements,
-      priority: parseInt(letter.priority, 10) || 0,
-    };
-  },
-};
-
-export default LetterDAO;
diff --git a/sbc_translation/static/src/frontend/models/settings_dao.esm.js b/sbc_translation/static/src/frontend/models/settings_dao.esm.js
deleted file mode 100644
index ae0346ecb..000000000
--- a/sbc_translation/static/src/frontend/models/settings_dao.esm.js
+++ /dev/null
@@ -1,46 +0,0 @@
-import { call, searchRead } from "../rpc.esm";
-
-/**
- * Settings DAO - data access for translation competences and letter issues.
- * Uses direct JSON-RPC (portal/frontend compatible).
- */
-
-export const SettingsDAO = {
-  /**
-   * Fetch all translation competences (language pairs).
-   * @returns {Promise<Array<{id: number, source: string, target: string}>>}
-   */
-  async translationCompetences() {
-    const raw = await 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).
-   * @returns {Promise<string[]>}
-   */
-  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.
-   * @returns {Promise<Array<{id: string, text: string}>>}
-   */
-  async letterIssues() {
-    const raw = await call("correspondence", "get_translation_issue_list", []);
-    return (raw || []).map(([id, text]) => ({ id, text }));
-  },
-};
-
-export default SettingsDAO;
diff --git a/sbc_translation/static/src/frontend/models/translator_dao.esm.js b/sbc_translation/static/src/frontend/models/translator_dao.esm.js
deleted file mode 100644
index 1a2d33865..000000000
--- a/sbc_translation/static/src/frontend/models/translator_dao.esm.js
+++ /dev/null
@@ -1,146 +0,0 @@
-import { call, search, searchCount } from "../rpc.esm";
-
-/**
- * Translator DAO - data access for the translation.user model.
- * Uses direct JSON-RPC (portal/frontend compatible).
- */
-
-export const TranslatorDAO = {
-  /**
-   * Get a single translator's full info.
-   * @param {Number} id
-   * @returns {Promise<Object>}
-   */
-  async find(id) {
-    const data = await call("translation.user", "get_user_info", [
-      [parseInt(id, 10)],
-    ]);
-    return TranslatorDAO._cleanTranslator(data);
-  },
-
-  /**
-   * Get the current authenticated user's translator info.
-   * @returns {Promise<Object>}
-   */
-  async current() {
-    const data = await 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} params
-   * @returns {Promise<{data: Object[], total: number}>}
-   */
-  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([
-      search("translation.user", domain, { offset, limit, order }),
-      searchCount("translation.user", domain),
-    ]);
-
-    if (!ids || ids.length === 0) {
-      return { data: [], total };
-    }
-
-    const rawTranslators = await 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} params
-   * @returns {Promise<number[]>}
-   */
-  async listIds(params = {}) {
-    const domain = TranslatorDAO._buildDomain(params.search || []);
-    return search("translation.user", domain);
-  },
-
-  /**
-   * Register new translation skills for a translator.
-   * @param {Number} translatorId
-   * @param {number[]} competenceIds
-   * @returns {Promise<boolean>}
-   */
-  async registerSkills(translatorId, competenceIds) {
-    for (const skillId of competenceIds) {
-      await call("translation.user", "add_skill", [[translatorId], skillId]);
-    }
-    return true;
-  },
-
-  /**
-   * Remove a translation skill from a translator.
-   * @param {Number} translatorId
-   * @param {Object} skill - { source, target, verified }
-   * @returns {Promise<boolean>}
-   */
-  async deleteSkill(translatorId, skill) {
-    await call("translation.user", "unlink_skill", [[translatorId], skill]);
-    return true;
-  },
-
-  // -------------------------------------------------------------------------
-  // Private helpers
-  // -------------------------------------------------------------------------
-
-  _buildDomain(search_vals) {
-    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_vals) {
-      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" ? 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 || [],
-    };
-  },
-};
-
-export default TranslatorDAO;
diff --git a/sbc_translation/static/src/frontend/notification.esm.js b/sbc_translation/static/src/frontend/notification.esm.js
deleted file mode 100644
index 69d6a84c2..000000000
--- a/sbc_translation/static/src/frontend/notification.esm.js
+++ /dev/null
@@ -1,65 +0,0 @@
-/**
- * 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/frontend/pages/tp_home.esm.js b/sbc_translation/static/src/frontend/pages/tp_home.esm.js
deleted file mode 100644
index 16b95cb16..000000000
--- a/sbc_translation/static/src/frontend/pages/tp_home.esm.js
+++ /dev/null
@@ -1,155 +0,0 @@
-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";
-
-/**
- * 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 = "sbc_translation.TpTranslationCard";
-
-  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 = "sbc_translation.TpHome";
-
-  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() {
-    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({
-      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({
-          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({
-          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/frontend/pages/tp_home.xml b/sbc_translation/static/src/frontend/pages/tp_home.xml
deleted file mode 100644
index 702d995ec..000000000
--- a/sbc_translation/static/src/frontend/pages/tp_home.xml
+++ /dev/null
@@ -1,127 +0,0 @@
-<?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/frontend/pages/tp_letter_edit.esm.js b/sbc_translation/static/src/frontend/pages/tp_letter_edit.esm.js
deleted file mode 100644
index 0f21b2e94..000000000
--- a/sbc_translation/static/src/frontend/pages/tp_letter_edit.esm.js
+++ /dev/null
@@ -1,170 +0,0 @@
-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";
-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.
- */
-class TpLetterSubmittedModal extends Component {
-  static template = "sbc_translation.TpLetterSubmittedModal";
-  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 = "sbc_translation.TpLetterEdit";
-
-  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.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.props.letterId);
-      if (letter) {
-        this.state.letter = letter;
-      } else {
-        showNotification(
-          "Unable to find letter with identifier " + this.props.letterId,
-          "danger",
-        );
-      }
-    } catch {
-      showNotification("Error loading letter", "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.state.letter);
-      if (!background) {
-        showNotification("Letter saved", "success");
-      }
-      // Refresh lastUpdate from server
-      const updated = await LetterDAO.find(this.props.letterId);
-      if (updated) this.state.letter.lastUpdate = updated.lastUpdate;
-    } catch {
-      showNotification("Unable to save letter", "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.state.letter);
-      this.state.letterSubmitted = true;
-    } catch {
-      showNotification(
-        "Unable to save and submit letter, please save it first and retry.",
-        "danger",
-      );
-    } finally {
-      this.state.internalLoading = false;
-    }
-  }
-}
-
-export default TpLetterEdit;
diff --git a/sbc_translation/static/src/frontend/pages/tp_letter_edit.xml b/sbc_translation/static/src/frontend/pages/tp_letter_edit.xml
deleted file mode 100644
index 8b21f6f8a..000000000
--- a/sbc_translation/static/src/frontend/pages/tp_letter_edit.xml
+++ /dev/null
@@ -1,70 +0,0 @@
-<?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/frontend/pages/tp_letters.esm.js b/sbc_translation/static/src/frontend/pages/tp_letters.esm.js
deleted file mode 100644
index f8b9aead9..000000000
--- a/sbc_translation/static/src/frontend/pages/tp_letters.esm.js
+++ /dev/null
@@ -1,130 +0,0 @@
-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";
-import { showNotification } from "../notification.esm";
-
-const LETTERS_PER_PAGE = 10;
-
-/**
- * Priority badge.
- */
-class TpLetterPriority extends Component {
-  static template = "sbc_translation.TpLetterPriority";
-  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 = "sbc_translation.TpLetters";
-
-  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() {
-    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({
-        search,
-        sortBy: this.state.sortBy,
-        pageNumber: this.state.page,
-        pageSize: LETTERS_PER_PAGE,
-      });
-      this.state.letters = result.data;
-      this.state.total = result.total;
-    } catch {
-      showNotification("Unable to load letters", "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/frontend/pages/tp_letters.xml b/sbc_translation/static/src/frontend/pages/tp_letters.xml
deleted file mode 100644
index 536b276e9..000000000
--- a/sbc_translation/static/src/frontend/pages/tp_letters.xml
+++ /dev/null
@@ -1,154 +0,0 @@
-<?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/frontend/pages/tp_translators.esm.js b/sbc_translation/static/src/frontend/pages/tp_translators.esm.js
deleted file mode 100644
index 92a3570e3..000000000
--- a/sbc_translation/static/src/frontend/pages/tp_translators.esm.js
+++ /dev/null
@@ -1,120 +0,0 @@
-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";
-import { showNotification } from "../notification.esm";
-
-const PER_PAGE = 10;
-
-/**
- * Admin page: list all translators with skill management.
- * Props:
- *   navigate {Function}
- */
-export class TpTranslators extends Component {
-  static template = "sbc_translation.TpTranslators";
-
-  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() {
-    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({
-        search,
-        sortBy: this.state.sortBy,
-        pageNumber: this.state.page,
-        pageSize: PER_PAGE,
-      });
-      this.state.translators = result.data;
-      this.state.total = result.total;
-    } catch {
-      showNotification("Unable to load translators", "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/frontend/pages/tp_translators.xml b/sbc_translation/static/src/frontend/pages/tp_translators.xml
deleted file mode 100644
index b7eb7ea36..000000000
--- a/sbc_translation/static/src/frontend/pages/tp_translators.xml
+++ /dev/null
@@ -1,114 +0,0 @@
-<?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/frontend/rpc.esm.js b/sbc_translation/static/src/frontend/rpc.esm.js
deleted file mode 100644
index 76548b468..000000000
--- a/sbc_translation/static/src/frontend/rpc.esm.js
+++ /dev/null
@@ -1,89 +0,0 @@
-/**
- * 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/frontend/translation_platform.css b/sbc_translation/static/src/frontend/translation_platform.css
deleted file mode 100644
index 61640843e..000000000
--- a/sbc_translation/static/src/frontend/translation_platform.css
+++ /dev/null
@@ -1,87 +0,0 @@
-/* ==========================================================================
-   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/frontend/translation_platform.esm.js b/sbc_translation/static/src/frontend/translation_platform.esm.js
deleted file mode 100644
index 70cfff5aa..000000000
--- a/sbc_translation/static/src/frontend/translation_platform.esm.js
+++ /dev/null
@@ -1,126 +0,0 @@
-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";
-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 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 props = {};
-
-  static template = "sbc_translation.TranslationPlatform";
-
-  static components = {
-    TpHome,
-    TpLetters,
-    TpLetterEdit,
-    TpTranslators,
-    TpChildModal,
-    TpHelpModal,
-  };
-
-  state = useState({
-    page: "home",
-    letterId: null,
-    loading: false,
-    translator: null,
-    childModal: false,
-    helpModal: false,
-  });
-
-  setup() {
-    this.state.loading = true;
-    onMounted(() => this._loadTranslator());
-  }
-
-  async _loadTranslator() {
-    try {
-      this.state.translator = await TranslatorDAO.current();
-    } catch {
-      showNotification("Unable to load your translator profile", "danger");
-    } finally {
-      this.state.loading = false;
-    }
-  }
-
-  refreshTranslator = async () => {
-    this.state.translator = await TranslatorDAO.current();
-  };
-
-  /**
-   * 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;
-    }
-  };
-}
-
-// Mount the app on the portal page container
-whenReady(async () => {
-  const target = document.getElementById("tp-app-root");
-  if (!target) return;
-
-  // 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/frontend/translation_platform.xml b/sbc_translation/static/src/frontend/translation_platform.xml
deleted file mode 100644
index 56946da73..000000000
--- a/sbc_translation/static/src/frontend/translation_platform.xml
+++ /dev/null
@@ -1,111 +0,0 @@
-<?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>
diff --git a/sbc_translation/templates/portal_templates.xml b/sbc_translation/templates/portal_templates.xml
deleted file mode 100644
index bda4644fa..000000000
--- a/sbc_translation/templates/portal_templates.xml
+++ /dev/null
@@ -1,55 +0,0 @@
-<?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"
-              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>
-        </div>
-    </template>
-
-    <!--
-        Full-screen Translation Platform page.
-        Served at /my/translation-platform.
-        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">
-            <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>