Merge remote-tracking branch 'origin/main' into textarea-labels

2026-03-22 08:13:46 +01:00 · 2026-03-19 19:54:16 +02:00 · 2026-03-19 19:54:16 +02:00 · 16419ed4ac
commit 16419ed4ac
parent 2b94d96930 1595d1b5c9
54 changed files with 1868 additions and 2183 deletions
--- a/.github/actions/build-server/action.yml
+++ b/.github/actions/build-server/action.yml
@ -8,7 +8,7 @@ inputs:
 runs:
  using: composite
  steps:
-  - uses: pnpm/action-setup@v4
+  - uses: pnpm/action-setup@v5
  - name: Set up node & dependencies
    uses: actions/setup-node@v6
    with:
--- a/.github/workflows/deploy-docs.yml
+++ b/.github/workflows/deploy-docs.yml
@ -45,7 +45,7 @@ jobs:
        uses: actions/checkout@v6

      - name: Setup pnpm
-        uses: pnpm/action-setup@v4
+        uses: pnpm/action-setup@v5

      - name: Setup Node.js
        uses: actions/setup-node@v6
--- a/.github/workflows/dev.yml
+++ b/.github/workflows/dev.yml
@ -26,7 +26,7 @@ jobs:
      - name: Checkout the repository
        uses: actions/checkout@v6

-      - uses: pnpm/action-setup@v4
+      - uses: pnpm/action-setup@v5
      - name: Set up node & dependencies
        uses: actions/setup-node@v6
        with:
@ -74,7 +74,7 @@ jobs:
      - test_dev
    steps:
      - uses: actions/checkout@v6
-      - uses: pnpm/action-setup@v4
+      - uses: pnpm/action-setup@v5
      - name: Install dependencies
        run: pnpm install --frozen-lockfile
      - name: Update build info
@ -109,7 +109,7 @@ jobs:
      - name: Checkout the repository
        uses: actions/checkout@v6

-      - uses: pnpm/action-setup@v4
+      - uses: pnpm/action-setup@v5
      - name: Install dependencies
        run: pnpm install --frozen-lockfile

--- a/.github/workflows/i18n.yml
+++ b/.github/workflows/i18n.yml
@ -18,7 +18,7 @@ jobs:
    runs-on: ubuntu-latest
    steps:
      - uses: actions/checkout@v6
-      - uses: pnpm/action-setup@v4
+      - uses: pnpm/action-setup@v5
      - name: Set up node & dependencies
        uses: actions/setup-node@v6
        with:
--- a/.github/workflows/main-docker.yml
+++ b/.github/workflows/main-docker.yml
@ -42,7 +42,7 @@ jobs:
      - name: Set up Docker Buildx
        uses: docker/setup-buildx-action@v4

-      - uses: pnpm/action-setup@v4
+      - uses: pnpm/action-setup@v5
      - name: Set up node & dependencies
        uses: actions/setup-node@v6
        with:
@ -142,7 +142,7 @@ jobs:

      - name: Checkout repository
        uses: actions/checkout@v6
-      - uses: pnpm/action-setup@v4
+      - uses: pnpm/action-setup@v5
      - name: Set up node & dependencies
        uses: actions/setup-node@v6
        with:
--- a/.github/workflows/nightly.yml
+++ b/.github/workflows/nightly.yml
@ -61,7 +61,7 @@ jobs:
    runs-on: ${{ matrix.os.image }}
    steps:
      - uses: actions/checkout@v6
-      - uses: pnpm/action-setup@v4
+      - uses: pnpm/action-setup@v5
      - name: Set up node & dependencies
        uses: actions/setup-node@v6
        with:
--- a/.github/workflows/playwright.yml
+++ b/.github/workflows/playwright.yml
@ -38,7 +38,7 @@ jobs:
          filter: tree:0
          fetch-depth: 0

-      - uses: pnpm/action-setup@v4
+      - uses: pnpm/action-setup@v5
      - uses: actions/setup-node@v6
        with:
          node-version: 24
--- a/.github/workflows/release.yml
+++ b/.github/workflows/release.yml
@ -17,7 +17,7 @@ jobs:
    steps:
      - uses: actions/checkout@v6

-      - uses: pnpm/action-setup@v4
+      - uses: pnpm/action-setup@v5
      - name: Set up node & dependencies
        uses: actions/setup-node@v6
        with:
@ -66,7 +66,7 @@ jobs:
    runs-on: ${{ matrix.os.image }}
    steps:
      - uses: actions/checkout@v6
-      - uses: pnpm/action-setup@v4
+      - uses: pnpm/action-setup@v5
      - name: Set up node & dependencies
        uses: actions/setup-node@v6
        with:
--- a/.github/workflows/web-clipper.yml
+++ b/.github/workflows/web-clipper.yml
@ -32,7 +32,7 @@ jobs:

    steps:
      - uses: actions/checkout@v6
-      - uses: pnpm/action-setup@v4
+      - uses: pnpm/action-setup@v5
      - name: Set up node & dependencies
        uses: actions/setup-node@v6
        with:
--- a/.github/workflows/website.yml
+++ b/.github/workflows/website.yml
@ -26,7 +26,7 @@ jobs:

    steps:
      - uses: actions/checkout@v6
-      - uses: pnpm/action-setup@v4
+      - uses: pnpm/action-setup@v5
      - name: Set up node & dependencies
        uses: actions/setup-node@v6
        with:
--- a/apps/build-docs/package.json
+++ b/apps/build-docs/package.json
@ -16,7 +16,7 @@
  "license": "AGPL-3.0-only",
  "packageManager": "pnpm@10.32.1",
  "devDependencies": {
-    "@redocly/cli": "2.21.1",
+    "@redocly/cli": "2.24.0",
    "archiver": "7.0.1",
    "fs-extra": "11.3.4",
    "js-yaml": "4.1.1",
--- a/apps/client/package.json
+++ b/apps/client/package.json
@ -35,15 +35,15 @@
    "@triliumnext/highlightjs": "workspace:*",
    "@triliumnext/share-theme": "workspace:*",
    "@triliumnext/split.js": "workspace:*",
-    "@univerjs/preset-sheets-conditional-formatting": "0.17.0",
-    "@univerjs/preset-sheets-core": "0.17.0",
-    "@univerjs/preset-sheets-data-validation": "0.17.0",
-    "@univerjs/preset-sheets-filter": "0.17.0",
-    "@univerjs/preset-sheets-find-replace": "0.17.0",
-    "@univerjs/preset-sheets-note": "0.17.0",
-    "@univerjs/preset-sheets-sort": "0.17.0",
-    "@univerjs/presets": "0.17.0",
-    "@zumer/snapdom": "2.1.0",
+    "@univerjs/preset-sheets-conditional-formatting": "0.18.0",
+    "@univerjs/preset-sheets-core": "0.18.0",
+    "@univerjs/preset-sheets-data-validation": "0.18.0",
+    "@univerjs/preset-sheets-filter": "0.18.0",
+    "@univerjs/preset-sheets-find-replace": "0.18.0",
+    "@univerjs/preset-sheets-note": "0.18.0",
+    "@univerjs/preset-sheets-sort": "0.18.0",
+    "@univerjs/presets": "0.18.0",
+    "@zumer/snapdom": "2.5.0",
    "autocomplete.js": "0.38.1",
    "bootstrap": "5.3.8",
    "boxicons": "2.1.4",
@ -59,7 +59,6 @@
    "jquery.fancytree": "2.38.5",
    "jsplumb": "2.15.6",
    "katex": "0.16.38",
-    "knockout": "3.5.2",
    "leaflet": "1.9.4",
    "leaflet-gpx": "2.2.0",
    "mark.js": "8.11.1",
@ -92,4 +91,4 @@
    "script-loader": "0.7.2",
    "vite-plugin-static-copy": "3.3.0"
  }
-}
+}
--- a/apps/client/src/setup.ts
+++ b/apps/client/src/setup.ts
@ -1,68 +1,107 @@
 import "jquery";

-import ko from "knockout";
-
 import utils from "./services/utils.js";

-// TriliumNextTODO: properly make use of below types
-// type SetupModelSetupType = "new-document" | "sync-from-desktop" | "sync-from-server" | "";
-// type SetupModelStep = "sync-in-progress" | "setup-type" | "new-document-in-progress" | "sync-from-desktop";
+type SetupStep = "sync-in-progress" | "setup-type" | "new-document-in-progress" | "sync-from-desktop" | "sync-from-server";
+type SetupType = "new-document" | "sync-from-desktop" | "sync-from-server" | "";

-class SetupModel {
-    syncInProgress: boolean;
-    step: ko.Observable<string>;
-    setupType: ko.Observable<string>;
-    setupNewDocument: ko.Observable<boolean>;
-    setupSyncFromDesktop: ko.Observable<boolean>;
-    setupSyncFromServer: ko.Observable<boolean>;
-    syncServerHost: ko.Observable<string | undefined>;
-    syncProxy: ko.Observable<string | undefined>;
-    password: ko.Observable<string | undefined>;
+class SetupController {
+    private step: SetupStep;
+    private setupType: SetupType = "";
+    private syncPollIntervalId: number | null = null;
+    private rootNode: HTMLElement;
+    private setupTypeForm: HTMLFormElement;
+    private syncFromServerForm: HTMLFormElement;
+    private setupTypeNextButton: HTMLButtonElement;
+    private setupTypeInputs: HTMLInputElement[];
+    private syncServerHostInput: HTMLInputElement;
+    private syncProxyInput: HTMLInputElement;
+    private passwordInput: HTMLInputElement;
+    private sections: Record<SetupStep, HTMLElement>;

-    constructor(syncInProgress: boolean) {
-        this.syncInProgress = syncInProgress;
-        this.step = ko.observable(syncInProgress ? "sync-in-progress" : "setup-type");
-        this.setupType = ko.observable("");
-        this.setupNewDocument = ko.observable(false);
-        this.setupSyncFromDesktop = ko.observable(false);
-        this.setupSyncFromServer = ko.observable(false);
-        this.syncServerHost = ko.observable();
-        this.syncProxy = ko.observable();
-        this.password = ko.observable();
+    constructor(rootNode: HTMLElement, syncInProgress: boolean) {
+        this.rootNode = rootNode;
+        this.step = syncInProgress ? "sync-in-progress" : "setup-type";
+        this.setupTypeForm = mustGetElement("setup-type-form", HTMLFormElement);
+        this.syncFromServerForm = mustGetElement("sync-from-server-form", HTMLFormElement);
+        this.setupTypeNextButton = mustGetElement("setup-type-next", HTMLButtonElement);
+        this.setupTypeInputs = Array.from(document.querySelectorAll<HTMLInputElement>("input[name='setup-type']"));
+        this.syncServerHostInput = mustGetElement("sync-server-host", HTMLInputElement);
+        this.syncProxyInput = mustGetElement("sync-proxy", HTMLInputElement);
+        this.passwordInput = mustGetElement("password", HTMLInputElement);
+        this.sections = {
+            "setup-type": mustGetElement("setup-type-section", HTMLElement),
+            "new-document-in-progress": mustGetElement("new-document-in-progress-section", HTMLElement),
+            "sync-from-desktop": mustGetElement("sync-from-desktop-section", HTMLElement),
+            "sync-from-server": mustGetElement("sync-from-server-section", HTMLElement),
+            "sync-in-progress": mustGetElement("sync-in-progress-section", HTMLElement)
+        };
+    }

-        if (this.syncInProgress) {
-            setInterval(checkOutstandingSyncs, 1000);
+    init() {
+        this.setupTypeForm.addEventListener("submit", (event) => {
+            event.preventDefault();
+            void this.selectSetupType();
+        });
+
+        this.syncFromServerForm.addEventListener("submit", (event) => {
+            event.preventDefault();
+            void this.finish();
+        });
+
+        for (const input of this.setupTypeInputs) {
+            input.addEventListener("change", () => {
+                this.setupType = input.value as SetupType;
+                this.render();
+            });
        }
+
+        for (const backButton of document.querySelectorAll<HTMLElement>("[data-action='back']")) {
+            backButton.addEventListener("click", () => {
+                this.back();
+            });
+        }
+
        const serverAddress = `${location.protocol}//${location.host}`;
        $("#current-host").html(serverAddress);
+
+        if (this.step === "sync-in-progress") {
+            this.startSyncPolling();
+        }
+
+        this.render();
+        this.rootNode.style.display = "";
    }

-    // this is called in setup.ejs
-    setupTypeSelected() {
-        return !!this.setupType();
-    }
+    private async selectSetupType() {
+        if (this.setupType === "new-document") {
+            this.setStep("new-document-in-progress");

-    selectSetupType() {
-        if (this.setupType() === "new-document") {
-            this.step("new-document-in-progress");
+            await $.post("api/setup/new-document");
+            window.location.replace("./setup");
+            return;
+        }

-            $.post("api/setup/new-document").then(() => {
-                window.location.replace("./setup");
-            });
-        } else {
-            this.step(this.setupType());
+        if (this.setupType) {
+            this.setStep(this.setupType);
        }
    }

-    back() {
-        this.step("setup-type");
-        this.setupType("");
+    private back() {
+        this.setStep("setup-type");
+        this.setupType = "";
+
+        for (const input of this.setupTypeInputs) {
+            input.checked = false;
+        }
+
+        this.render();
    }

-    async finish() {
-        const syncServerHost = this.syncServerHost();
-        const syncProxy = this.syncProxy();
-        const password = this.password();
+    private async finish() {
+        const syncServerHost = this.syncServerHostInput.value.trim();
+        const syncProxy = this.syncProxyInput.value.trim();
+        const password = this.passwordInput.value;

        if (!syncServerHost) {
            showAlert("Trilium server address can't be empty");
@ -82,15 +121,38 @@ class SetupModel {
        });

        if (resp.result === "success") {
-            this.step("sync-in-progress");
-
-            setInterval(checkOutstandingSyncs, 1000);
-
            hideAlert();
+            this.setStep("sync-in-progress");
+            this.startSyncPolling();
        } else {
            showAlert(`Sync setup failed: ${resp.error}`);
        }
    }
+
+    private setStep(step: SetupStep) {
+        this.step = step;
+        this.render();
+    }
+
+    private render() {
+        for (const [step, section] of Object.entries(this.sections) as [SetupStep, HTMLElement][]) {
+            section.style.display = step === this.step ? "" : "none";
+        }
+
+        this.setupTypeNextButton.disabled = !this.setupType;
+    }
+
+    private getSelectedSetupType(): SetupType {
+        return (this.setupTypeInputs.find((input) => input.checked)?.value ?? "") as SetupType;
+    }
+
+    private startSyncPolling() {
+        if (this.syncPollIntervalId !== null) {
+            return;
+        }
+
+        this.syncPollIntervalId = window.setInterval(checkOutstandingSyncs, 1000);
+    }
 }

 async function checkOutstandingSyncs() {
@ -124,9 +186,19 @@ function getSyncInProgress() {
    return !!parseInt(el.content);
 }

+function mustGetElement<T extends typeof HTMLElement>(id: string, ctor: T): InstanceType<T> {
+    const element = document.getElementById(id);
+
+    if (!element || !(element instanceof ctor)) {
+        throw new Error(`Expected element #${id}`);
+    }
+
+    return element as InstanceType<T>;
+}
+
 addEventListener("DOMContentLoaded", (event) => {
    const rootNode = document.getElementById("setup-dialog");
-    if (!rootNode) return;
-    ko.applyBindings(new SetupModel(getSyncInProgress()), rootNode);
-    $("#setup-dialog").show();
+    if (!rootNode || !(rootNode instanceof HTMLElement)) return;
+
+    new SetupController(rootNode, getSyncInProgress()).init();
 });
--- a/apps/client/src/stylesheets/theme-next/base.css
+++ b/apps/client/src/stylesheets/theme-next/base.css
@ -675,10 +675,11 @@ li.dropdown-item a.dropdown-item-button:focus-visible {
 div.alert {
    margin-bottom: 8px;
    background: var(--alert-bar-background) !important;
+    color: var(--main-text-color);
    border-radius: 8px;
    font-size: .85em;
 }

 div.alert p + p {
    margin-block: 1em 0;
-}
+}
--- a/apps/client/src/translations/ar/translation.json
+++ b/apps/client/src/translations/ar/translation.json
@ -1069,7 +1069,6 @@
    "rename_note": "اعادة تسمية الملاحظة",
    "remove_relation": "حذف العلاقة",
    "default_new_note_title": "ملاحظة جديدة",
-    "open_in_new_tab": "فتح في تبويب جديد",
    "enter_new_title": "ادخل عنوان ملاحظة جديدة:",
    "note_not_found": "الملاحظة {{noteId}} غير موجودة!",
    "cannot_match_transform": "تعذر مطابقة التحويل: {{transform}}"
--- a/apps/client/src/translations/cn/translation.json
+++ b/apps/client/src/translations/cn/translation.json
@ -1047,7 +1047,6 @@
    "unprotecting-title": "解除保护状态"
  },
  "relation_map": {
-    "open_in_new_tab": "在新标签页中打开",
    "remove_note": "删除笔记",
    "edit_title": "编辑标题",
    "rename_note": "重命名笔记",
--- a/apps/client/src/translations/de/translation.json
+++ b/apps/client/src/translations/de/translation.json
@ -1046,7 +1046,6 @@
    "unprotecting-title": "Ungeschützt-Status"
  },
  "relation_map": {
-    "open_in_new_tab": "In neuem Tab öffnen",
    "remove_note": "Notiz entfernen",
    "edit_title": "Titel bearbeiten",
    "rename_note": "Notiz umbenennen",
--- a/apps/client/src/translations/en/translation.json
+++ b/apps/client/src/translations/en/translation.json
@ -1069,7 +1069,6 @@
    "unprotecting-title": "Unprotecting status"
  },
  "relation_map": {
-    "open_in_new_tab": "Open in new tab",
    "remove_note": "Remove note",
    "edit_title": "Edit title",
    "rename_note": "Rename note",
--- a/apps/client/src/translations/es/translation.json
+++ b/apps/client/src/translations/es/translation.json
@ -1051,7 +1051,6 @@
    "unprotecting-title": "Estado de desprotección"
  },
  "relation_map": {
-    "open_in_new_tab": "Abrir en nueva pestaña",
    "remove_note": "Quitar nota",
    "edit_title": "Editar título",
    "rename_note": "Cambiar nombre de nota",
@ -2217,5 +2216,33 @@
    "unsupported-format": "La vista previa del medio no está disponible para este formato de archivo:\n{{mime}}",
    "zoom-to-fit": "Acercamiento para llenar",
    "zoom-reset": "Reiniciar acercamiento para llenar"
+  },
+  "mermaid": {
+    "placeholder": "Ingrese el contenido de su diagrama Mermaid o utilice uno de los diagramas de muestra a continuación.",
+    "sample_diagrams": "Diagramas de muestra:",
+    "sample_flowchart": "Diagrama de flujo",
+    "sample_class": "Clase",
+    "sample_sequence": "Secuencia",
+    "sample_entity_relationship": "Relación entre entidades",
+    "sample_state": "Estado",
+    "sample_mindmap": "Mapa mental",
+    "sample_architecture": "Arquitectura",
+    "sample_block": "Bloque",
+    "sample_c4": "C4",
+    "sample_gantt": "Gantt",
+    "sample_git": "Git",
+    "sample_kanban": "Kanban",
+    "sample_packet": "Paquete",
+    "sample_pie": "Pastel",
+    "sample_quadrant": "Cuadrante",
+    "sample_radar": "Radar",
+    "sample_requirement": "Requerimiento",
+    "sample_sankey": "Sankey",
+    "sample_timeline": "Línea de tiempo",
+    "sample_user_journey": "Jornada de usuario",
+    "sample_xy": "XY",
+    "sample_venn": "Venn",
+    "sample_ishikawa": "Ishikawa",
+    "sample_treemap": "Mapa de árbol"
  }
 }
--- a/apps/client/src/translations/fr/translation.json
+++ b/apps/client/src/translations/fr/translation.json
@ -1036,7 +1036,6 @@
    "unprotecting-title": "Statut de la non-protection"
  },
  "relation_map": {
-    "open_in_new_tab": "Ouvrir dans un nouvel onglet",
    "remove_note": "Supprimer la note",
    "edit_title": "Modifier le titre",
    "rename_note": "Renommer la note",
--- a/apps/client/src/translations/ga/translation.json
+++ b/apps/client/src/translations/ga/translation.json
@ -1055,7 +1055,6 @@
    "unprotecting-title": "Stádas díchosanta"
  },
  "relation_map": {
-    "open_in_new_tab": "Oscail i gcluaisín nua",
    "remove_note": "Bain nóta",
    "edit_title": "Cuir an teideal in eagar",
    "rename_note": "Athainmnigh an nóta",
--- a/apps/client/src/translations/hi/translation.json
+++ b/apps/client/src/translations/hi/translation.json
@ -1049,7 +1049,6 @@
    "unprotecting-title": "अन-प्रोटेक्ट स्टेटस"
  },
  "relation_map": {
-    "open_in_new_tab": "नए टैब में खोलें",
    "remove_note": "नोट हटाएं",
    "edit_title": "टाइटल एडिट करें",
    "rename_note": "नोट का नाम बदलें",
--- a/apps/client/src/translations/it/translation.json
+++ b/apps/client/src/translations/it/translation.json
@ -1424,7 +1424,6 @@
    "unprotecting-title": "Stato non protetto"
  },
  "relation_map": {
-    "open_in_new_tab": "Apri in una nuova scheda",
    "remove_note": "Rimuovi nota",
    "edit_title": "Modifica titolo",
    "rename_note": "Rinomina nota",
--- a/apps/client/src/translations/ja/translation.json
+++ b/apps/client/src/translations/ja/translation.json
@ -1537,7 +1537,6 @@
    "url_placeholder": "http://web サイト..."
  },
  "relation_map": {
-    "open_in_new_tab": "新しいタブで開く",
    "remove_note": "ノートを削除",
    "edit_title": "タイトルを編集",
    "rename_note": "ノート名を変更",
--- a/apps/client/src/translations/ko/translation.json
+++ b/apps/client/src/translations/ko/translation.json
@ -51,7 +51,7 @@
    "branch_prefix_saved": "브랜치 접두사가 저장되었습니다.",
    "edit_branch_prefix_multiple": "{{count}}개의 지점 접두사 편집",
    "branch_prefix_saved_multiple": "{{count}}개의 지점에 대해 지점 접두사가 저장되었습니다.",
-    "affected_branches": "영향을 받는 브랜치 수 ({{count}}):"
+    "affected_branches": "영향을 받은 분기 수({{count}}):"
  },
  "bulk_actions": {
    "bulk_actions": "대량 작업",
@ -134,6 +134,27 @@
    "notSet": "미설정",
    "goBackForwards": "히스토리에서 뒤로/앞으로 이동",
    "showJumpToNoteDialog": "<a class=\"external\" href=\"https://triliumnext.github.io/Docs/Wiki/note-navigation.html#jump-to-note\">\"노트로 이동\" 대화 상자</a> 표시",
-    "scrollToActiveNote": "활성화된 노트로 스크롤 이동"
+    "scrollToActiveNote": "활성화된 노트로 스크롤 이동",
+    "collapseWholeTree": "모든 노트 트리를 접기",
+    "collapseSubTree": "하위 트리 접기",
+    "tabShortcuts": "탭 단축키",
+    "onlyInDesktop": "데스크톱에서만(일렉트론 빌드)",
+    "openEmptyTab": "빈 탭 열기",
+    "closeActiveTab": "활성 탭 닫기",
+    "jumpToParentNote": "부모 노트로 이동하기",
+    "activateNextTab": "다음 탭 활성화",
+    "activatePreviousTab": "이전 탭 활성화",
+    "creatingNotes": "노트 만들기",
+    "createNoteInto": "활성 노트에 새로운 하위 노트 추가",
+    "movingCloningNotes": "노트 이동/복제",
+    "moveNoteUpDown": "노트 목록에서 노트 위/아래 이동",
+    "selectAllNotes": "현재 레벨의 모든 노트 선택",
+    "selectNote": "노트 선택",
+    "deleteNotes": "노트/하위트리 삭제",
+    "editingNotes": "노트 편집",
+    "createEditLink": "외부 링크 생성/편집",
+    "createInternalLink": "내부 링크 생성",
+    "followLink": "커서아래 링크 따라가기",
+    "insertDateTime": "커서위치에 현재 날짜와 시간 삽입"
  }
 }
--- a/apps/client/src/translations/pl/translation.json
+++ b/apps/client/src/translations/pl/translation.json
@ -1275,7 +1275,6 @@
    "unprotecting-title": "Status zdejmowania ochrony"
  },
  "relation_map": {
-    "open_in_new_tab": "Otwórz w nowej karcie",
    "remove_note": "Usuń notatkę",
    "edit_title": "Edytuj tytuł",
    "rename_note": "Zmień nazwę notatki",
--- a/apps/client/src/translations/pt/translation.json
+++ b/apps/client/src/translations/pt/translation.json
@ -1047,7 +1047,6 @@
    "unprotecting-title": "Estado da remoção de proteção"
  },
  "relation_map": {
-    "open_in_new_tab": "Abrir em nova guia",
    "remove_note": "Remover nota",
    "edit_title": "Editar título",
    "rename_note": "Renomear nota",
--- a/apps/client/src/translations/pt_br/translation.json
+++ b/apps/client/src/translations/pt_br/translation.json
@ -1111,7 +1111,6 @@
    "start_session_button": "Iniciar sessão protegida"
  },
  "relation_map": {
-    "open_in_new_tab": "Abrir em nova aba",
    "remove_note": "Remover nota",
    "edit_title": "Editar título",
    "rename_note": "Renomear nota",
--- a/apps/client/src/translations/ro/translation.json
+++ b/apps/client/src/translations/ro/translation.json
@ -1054,7 +1054,6 @@
    "enter_title_of_new_note": "Introduceți titlul noii notițe",
    "note_already_in_diagram": "Notița „{{title}}” deja se află pe diagramă.",
    "note_not_found": "Notița „{{noteId}}” nu a putut fi găsită!",
-    "open_in_new_tab": "Deschide într-un tab nou",
    "remove_note": "Șterge notița",
    "remove_relation": "Șterge relația",
    "rename_note": "Redenumește notița",
--- a/apps/client/src/translations/ru/translation.json
+++ b/apps/client/src/translations/ru/translation.json
@ -1625,7 +1625,6 @@
    "rename_note": "Переименовать заметку",
    "remove_relation": "Удалить отношение",
    "default_new_note_title": "новая заметка",
-    "open_in_new_tab": "Открыть в новой вкладке",
    "confirm_remove_relation": "Вы уверены, что хотите удалить связь?",
    "enter_new_title": "Введите новое название заметки:",
    "note_not_found": "Заметка {{noteId}} не найдена!",
--- a/apps/client/src/translations/tw/translation.json
+++ b/apps/client/src/translations/tw/translation.json
@ -1046,7 +1046,6 @@
    "unprotecting-title": "解除保護狀態"
  },
  "relation_map": {
-    "open_in_new_tab": "在新分頁中打開",
    "remove_note": "刪除筆記",
    "edit_title": "編輯標題",
    "rename_note": "重新命名筆記",
--- a/apps/client/src/translations/uk/translation.json
+++ b/apps/client/src/translations/uk/translation.json
@ -1151,7 +1151,6 @@
    "unprotecting-title": "Статус зняття захисту"
  },
  "relation_map": {
-    "open_in_new_tab": "Відкрити в новій вкладці",
    "remove_note": "Видалити нотатку",
    "edit_title": "Редагувати заголовок",
    "rename_note": "Перейменувати нотатку",
--- a/apps/client/src/widgets/type_widgets/relation_map/context_menu.ts
+++ b/apps/client/src/widgets/type_widgets/relation_map/context_menu.ts
@ -1,12 +1,14 @@
+import { Connection } from "jsplumb";
 import { RefObject } from "preact";
+
 import appContext from "../../../components/app_context";
 import FNote from "../../../entities/fnote";
 import contextMenu from "../../../menus/context_menu";
+import link_context_menu from "../../../menus/link_context_menu";
 import dialog from "../../../services/dialog";
 import { t } from "../../../services/i18n";
 import server from "../../../services/server";
 import RelationMapApi from "./api";
-import { Connection } from "jsplumb";

 export function buildNoteContextMenuHandler(note: FNote | null | undefined, mapApiRef: RefObject<RelationMapApi>) {
    return (e: MouseEvent) => {
@ -17,22 +19,8 @@ export function buildNoteContextMenuHandler(note: FNote | null | undefined, mapA
            x: e.pageX,
            y: e.pageY,
            items: [
-                {
-                    title: t("relation_map.open_in_new_tab"),
-                    uiIcon: "bx bx-empty",
-                    handler: () => appContext.tabManager.openTabWithNoteWithHoisting(note.noteId)
-                },
-                {
-                    title: t("relation_map.remove_note"),
-                    uiIcon: "bx bx-trash",
-                    handler: async () => {
-                        if (!note) return;
-                        const result = await dialog.confirmDeleteNoteBoxWithNote(note.title);
-                        if (typeof result !== "object" || !result.confirmed) return;
-
-                        mapApiRef.current?.removeItem(note.noteId, result.isDeleteNoteChecked);
-                    }
-                },
+                ...link_context_menu.getItems(e),
+                { kind: "separator" },
                {
                    title: t("relation_map.edit_title"),
                    uiIcon: "bx bx-pencil",
@ -49,10 +37,26 @@ export function buildNoteContextMenuHandler(note: FNote | null | undefined, mapA

                        await server.put(`notes/${note.noteId}/title`, { title });
                    }
-                }
+                },
+                { kind: "separator" },
+
+                {
+                    title: t("relation_map.remove_note"),
+                    uiIcon: "bx bx-trash",
+                    handler: async () => {
+                        if (!note) return;
+                        const result = await dialog.confirmDeleteNoteBoxWithNote(note.title);
+                        if (typeof result !== "object" || !result.confirmed) return;
+
+                        mapApiRef.current?.removeItem(note.noteId, result.isDeleteNoteChecked);
+                    }
+                },
            ],
-            selectMenuItemHandler() {}
-        })
+            selectMenuItemHandler({ command }) {
+                // Pass the events to the link context menu
+                link_context_menu.handleLinkContextMenuItem(command, e, note.noteId);
+            }
+        });
    };
 }

--- a/apps/desktop/package.json
+++ b/apps/desktop/package.json
@ -35,7 +35,7 @@
    "@triliumnext/commons": "workspace:*",
    "@triliumnext/server": "workspace:*",
    "copy-webpack-plugin": "14.0.0",
-    "electron": "41.0.2",
+    "electron": "41.0.3",
    "@electron-forge/cli": "7.11.1",
    "@electron-forge/maker-deb": "7.11.1",
    "@electron-forge/maker-dmg": "7.11.1",
--- a/apps/edit-docs/package.json
+++ b/apps/edit-docs/package.json
@ -12,7 +12,7 @@
    "@triliumnext/desktop": "workspace:*",
    "@types/fs-extra": "11.0.4",
    "copy-webpack-plugin": "14.0.0",
-    "electron": "41.0.2",
+    "electron": "41.0.3",
    "fs-extra": "11.3.4"
  },
  "scripts": {
--- a/apps/server/package.json
+++ b/apps/server/package.json
@ -6,6 +6,7 @@
  "main": "./src/main.ts",
  "scripts": {
    "dev": "cross-env NODE_ENV=development TRILIUM_ENV=dev TRILIUM_DATA_DIR=data TRILIUM_RESOURCE_DIR=src tsx watch --ignore '../client/node_modules/.vite-temp' ./src/main.ts",
+    "dev-alt": "cross-env NODE_ENV=development TRILIUM_ENV=dev TRILIUM_DATA_DIR=data2 TRILIUM_RESOURCE_DIR=src tsx watch --ignore '../client/node_modules/.vite-temp' ./src/main.ts",
    "start-no-dir": "cross-env NODE_ENV=development TRILIUM_ENV=dev TRILIUM_RESOURCE_DIR=src tsx watch --ignore '../client/node_modules/.vite-temp' ./src/main.ts",
    "edit-integration-db": "cross-env NODE_ENV=development TRILIUM_PORT=8086 TRILIUM_ENV=dev TRILIUM_DATA_DIR=spec/db TRILIUM_INTEGRATION_TEST=edit TRILIUM_RESOURCE_DIR=src tsx watch --ignore '../client/node_modules/.vite-temp' ./src/main.ts",
    "build": "tsx scripts/build.ts",
@ -82,7 +83,7 @@
    "debounce": "3.0.0",
    "debug": "4.4.3",
    "ejs": "5.0.1",
-    "electron": "41.0.2",
+    "electron": "41.0.3",
    "electron-debug": "4.1.0",
    "electron-window-state": "5.0.3",
    "escape-html": "1.0.3",
@ -113,8 +114,8 @@
    "rand-token": "1.0.1",
    "safe-compare": "1.1.4",
    "sanitize-filename": "1.6.3",
-    "sanitize-html": "2.17.1",
-    "sax": "1.5.0",
+    "sanitize-html": "2.17.2",
+    "sax": "1.6.0",
    "serve-favicon": "2.5.1",
    "stream-throttle": "0.1.3",
    "strip-bom": "5.0.0",
--- a/apps/server/src/assets/translations/ko/server.json
+++ b/apps/server/src/assets/translations/ko/server.json
@ -101,7 +101,9 @@
    "copy-without-formatting": "선택한 텍스트를 서식 없이 복사",
    "force-save-revision": "활성 노트의 새 버전을 강제로 생성/저장",
    "toggle-book-properties": "컬렉션 속성 토글",
-    "toggle-classic-editor-toolbar": "고정 도구 모음 에디터의 서식 탭을 전환"
+    "toggle-classic-editor-toolbar": "고정 도구 모음 에디터의 서식 탭을 전환",
+    "export-as-pdf": "현재 노트를 PDF로 내보내기",
+    "toggle-zen-mode": "젠 모드 활성화/비활성화(편집에 집중하기 위한 최소한의 UI)"
  },
  "hidden-subtree": {
    "zen-mode": "젠 모드",
@ -124,5 +126,90 @@
    "sync-title": "동기화",
    "other": "기타",
    "advanced-title": "고급"
+  },
+  "keyboard_action_names": {
+    "back-in-note-history": "노트 기록으로 돌아가기",
+    "forward-in-note-history": "노트 기록 앞으로 이동",
+    "command-palette": "명령 팔레트",
+    "scroll-to-active-note": "활성 노트로 스크롤",
+    "quick-search": "빠른 검색",
+    "search-in-subtree": "하위트리에서 검색",
+    "expand-subtree": "하위트리 펼치기",
+    "collapse-tree": "트리 접기",
+    "collapse-subtree": "하위트리 접기",
+    "sort-child-notes": "자식 노트 정렬",
+    "create-note-into-inbox": "인박스에 노트 만들기",
+    "delete-notes": "노트 삭제",
+    "edit-note-title": "노트 제목 편집",
+    "clone-notes-to": "다음으로 복사",
+    "move-notes-to": "다음으로 노트 이동",
+    "copy-notes-to-clipboard": "노트를 클립보드로 복사",
+    "paste-notes-from-clipboard": "클립보드에서 노트 붙이기",
+    "cut-notes-to-clipboard": "클립보드로 노트 잘라내기",
+    "add-note-above-to-selection": "선택 위에 새로운 노트 추가",
+    "add-note-below-to-selection": "선택 아래에 새로운 노트 추가",
+    "duplicate-subtree": "하위트리 복제",
+    "open-new-tab": "새로운탭 열기",
+    "jump-to-note": "이동하기...",
+    "move-note-down": "노트 아래로 이동",
+    "move-note-up": "노트 위로 이동",
+    "close-active-tab": "활성탭 닫기",
+    "reopen-last-tab": "마지막 탭 다시 열기",
+    "activate-next-tab": "다음 탭 활성화",
+    "activate-previous-tab": "이전 탭 활성화",
+    "open-new-window": "새창 열기",
+    "toggle-system-tray-icon": "시스템 트레이 아이콘 토글",
+    "toggle-zen-mode": "젠 모드 토글",
+    "show-note-source": "노트 소스 보기",
+    "show-options": "옵션 보기",
+    "show-revisions": "리비전 보기",
+    "show-recent-changes": "최근 변경사항 보기",
+    "show-sql-console": "SQL 콘솔 보기",
+    "show-backend-log": "백엔드 로그 보기",
+    "show-help": "도움말 보기",
+    "follow-link-under-cursor": "커서 아래 링크 따라 가기",
+    "insert-date-and-time-to-text": "날짜와 시간 텍스트로 추가",
+    "paste-markdown-into-text": "마크다운을 텍스트로 붙여넣기",
+    "edit-read-only-note": "읽기 전용 노트 편집",
+    "add-new-label": "새로운 라벨 추가",
+    "add-new-relation": "새로운 관계 추가",
+    "toggle-ribbon-tab-classic-editor": "클래식 에디터 리본 탭 토글",
+    "toggle-ribbon-tab-basic-properties": "기본 설정 리본탭 토글",
+    "print-active-note": "활성 노트 프린트",
+    "export-active-note-as-pdf": "활성 노트를 PDF로 내보내기",
+    "reload-frontend-app": "프론트엔드 앱 다시 로드",
+    "open-developer-tools": "개발자 툴 열기",
+    "find-in-text": "텍스트에서 찾기",
+    "toggle-full-screen": "전체화면 토글",
+    "zoom-out": "축소",
+    "zoom-in": "확대",
+    "reset-zoom-level": "확대/축소 다시 설정",
+    "copy-without-formatting": "일반 텍스트로 복사",
+    "force-save-revision": "리비전 강제 저장"
+  },
+  "login": {
+    "title": "로그인",
+    "heading": "Trilium 로그인",
+    "incorrect-password": "암호가 맞지 않습니다. 다시 입력해 주세요.",
+    "password": "암호",
+    "button": "로그인",
+    "sign_in_with_sso": "{{ ssoIssuerName }}로 로그인"
+  },
+  "set_password": {
+    "title": "암호 설정",
+    "heading": "암호 설정",
+    "description": "Trilium을 웹에서 사용하기 전에 암호를 먼저 설정해야 합니다. 이 암호로 로그인하세요.",
+    "password": "암호",
+    "password-confirmation": "암호 확인",
+    "button": "암호 설정"
+  },
+  "setup": {
+    "heading": "Trilium 노트 셋업",
+    "next": "다음",
+    "init-in-progress": "문서 초기화 진행 중",
+    "title": "셋업"
+  },
+  "setup_sync-from-desktop": {
+    "step5": "연결 설정이 성공적인지 확인을 위해 \"Test sync\" 버튼을 클릭하세요."
  }
 }
--- a/apps/server/src/assets/views/setup.ejs
+++ b/apps/server/src/assets/views/setup.ejs
@ -58,35 +58,35 @@
        <div class="alert alert-warning" id="alert" style="display: none;">
        </div>

-        <div id="setup-type" data-bind="visible: step() == 'setup-type'" style="margin-top: 20px;">
-            <form data-bind="submit: selectSetupType">
+        <div id="setup-type-section" style="margin-top: 20px;">
+            <form id="setup-type-form">

            <div class="radio" style="margin-bottom: 15px;">
                <label class="tn-radio">
-                    <input type="radio" name="setup-type" value="new-document" data-bind="checked: setupType">
+                    <input type="radio" name="setup-type" value="new-document">
                    <%= t("setup.new-document") %>
                </label>
            </div>

            <div class="radio" style="margin-bottom: 15px;">
                <label class="tn-radio">
-                    <input type="radio" name="setup-type" value="sync-from-desktop" data-bind="checked: setupType">
+                    <input type="radio" name="setup-type" value="sync-from-desktop">
                    <%= t("setup.sync-from-desktop") %>
                </label>
            </div>

            <div class="radio" style="margin-bottom: 15px;">
                <label class="tn-radio">
-                    <input type="radio" name="setup-type" value="sync-from-server" data-bind="checked: setupType">
+                    <input type="radio" name="setup-type" value="sync-from-server">
                    <%= t("setup.sync-from-server") %>
                </label>
            </div>

-              <button type="submit" data-bind="disable: !setupTypeSelected()" class="btn btn-primary"><%= t("setup.next") %></button>
+              <button type="submit" id="setup-type-next" class="btn btn-primary" disabled><%= t("setup.next") %></button>
            </form>
        </div>

-        <div data-bind="visible: step() == 'new-document-in-progress'">
+        <div id="new-document-in-progress-section">
            <h2><%= t("setup.init-in-progress") %></h2>

            <div style="display: flex; justify-content: flex-start; margin-top: 20px;">
@ -103,7 +103,7 @@
            </div>
        </div>

-        <div data-bind="visible: step() == 'sync-from-desktop'">
+        <div id="sync-from-desktop-section">
            <h2><%= t("setup_sync-from-desktop.heading") %></h2>

            <p><%= t("setup_sync-from-desktop.description") %></p>
@ -117,11 +117,11 @@
                <li><%- t("setup_sync-from-desktop.step6", { link: `<a href="/">${t("setup_sync-from-desktop.step6-here")}</a>` }) %></li>
            </ol>

-            <button type="button" data-bind="click: back" class="btn btn-secondary">Back</button>
+            <button type="button" data-action="back" class="btn btn-secondary">Back</button>
        </div>

-        <div data-bind="visible: step() == 'sync-from-server'">
-          <form data-bind="submit: finish">
+        <div id="sync-from-server-section">
+          <form id="sync-from-server-form">

            <h2><%= t("setup_sync-from-server.heading") %></h2>

@ -129,27 +129,27 @@

            <div class="form-group">
                <label for="sync-server-host"><%= t("setup_sync-from-server.server-host") %></label>
-                <input type="text" id="syncServerHost" class="form-control" data-bind="value: syncServerHost" placeholder="<%= t("setup_sync-from-server.server-host-placeholder") %>">
+                <input type="text" id="sync-server-host" class="form-control" placeholder="<%= t("setup_sync-from-server.server-host-placeholder") %>">
            </div>
            <div class="form-group">
                <label for="sync-proxy"><%= t("setup_sync-from-server.proxy-server") %></label>
-                <input type="text" id="sync-proxy" class="form-control" data-bind="value: syncProxy" placeholder="<%= t("setup_sync-from-server.proxy-server-placeholder") %>">
+                <input type="text" id="sync-proxy" class="form-control" placeholder="<%= t("setup_sync-from-server.proxy-server-placeholder") %>">

                <p><strong><%= t("setup_sync-from-server.note") %></strong> <%= t("setup_sync-from-server.proxy-instruction") %></p>
            </div>
            <div class="form-group" style="margin-bottom: 8px;">
                <label for="password"><%= t("setup_sync-from-server.password") %></label>
-                <input type="password" id="password" class="form-control" data-bind="value: password" placeholder="<%= t("setup_sync-from-server.password-placeholder") %>">
+                <input type="password" id="password" class="form-control" placeholder="<%= t("setup_sync-from-server.password-placeholder") %>">
            </div>

-            <button type="button" data-bind="click: back" class="btn btn-secondary"><%= t("setup_sync-from-server.back") %></button>
+            <button type="button" data-action="back" class="btn btn-secondary"><%= t("setup_sync-from-server.back") %></button>

            <button type="submit" class="btn btn-primary"><%= t("setup_sync-from-server.finish-setup") %></button>
          </form>

        </div>

-        <div data-bind="visible: step() == 'sync-in-progress'">
+        <div id="sync-in-progress-section">
            <h2><%= t("setup_sync-in-progress.heading") %></h2>

            <div class="alert alert-success"><%= t("setup_sync-in-progress.successful") %></div>
--- a/apps/web-clipper/package.json
+++ b/apps/web-clipper/package.json
@ -16,7 +16,7 @@
  "packageManager": "pnpm@10.32.1",
  "devDependencies": {
    "@wxt-dev/auto-icons": "1.1.1",
-    "wxt": "0.20.19"
+    "wxt": "0.20.20"
  },
  "dependencies": {
    "cash-dom": "8.1.5"
--- a/apps/website/src/translations/ko/translation.json
+++ b/apps/website/src/translations/ko/translation.json
@ -142,7 +142,7 @@
        "database_question": "어디에 데이터가 저장되나요?",
        "server_question": "Trilium을 사용하기 위해 서버가 필요한가요?",
        "title": "자주 묻는 질문",
-        "database_answer": "모든 노트는 애플리케이션 폴더의 SQLite 데이터베이스에 저장됩니다. Trilium이 텍스트 파일 대신 데이터베이스를 사용하는 이유는 성능과 기능 모두 구현하기 훨씬 어렵기 때문입니다(트리 여러 위치에 같은 노트를 두는 Clone과 같은 기능). 애플리케이션 폴더를 찾으려면 About 창으로 가세요.",
+        "database_answer": "모든 노트는 앱 폴더의 SQLite 데이터베이스에 저장됩니다. Trilium이 텍스트파일 대신 데이터베이스를 사용하는 이유는 성능 향상과 복제(트리의 여러 위치에 같은 노트) 같은 훨씬 더 구현하기 어려운 몇몇 기능들 때문입니다. Trilium Notes에 대해서 창에서 앱 폴더를 찾을 수 있습니다.",
        "server_answer": "아니요, 서버는 웹 브라우저를 통해 접속할 수 있도록 허용하며, 여러 기기를 사용하는 경우 동기화를 관리합니다. 시작하려면 데스크톱 애플리케이션을 다운로드하여 사용하기만 하면 됩니다.",
        "scaling_question": "이 애플리케이션은 얼마나 많은 노트를 처리할 수 있나요?",
        "scaling_answer": "사용량에 따라 다르겠지만, 이 애플리케이션은 최소 10만 개의 노트를 문제없이 처리할 수 있습니다. 다만, Trilium은 (NextCloud와 같은) 파일 저장소라기보다는 지식 기반 애플리케이션에 가깝기 때문에, 대용량 파일(파일당 1GB 이상)을 많이 업로드할 경우 동기화 과정이 실패할 수 있다는 점에 유의하십시오.",
--- a/docs/README-ko.md
+++ b/docs/README-ko.md
@ -289,7 +289,7 @@ Consider supporting the main developer
 - [PayPal](https://paypal.me/eliandoran)
 - [Buy Me a Coffee](https://buymeacoffee.com/eliandoran)

-## 🔑 License
+## 🔑라이센스

 Copyright 2017-2025 zadam, Elian Doran, and other contributors

--- a/package.json
+++ b/package.json
@ -13,6 +13,7 @@
    "server:build": "pnpm run --filter server build",
    "server:coverage": "pnpm run --filter server test --coverage",
    "server:start": "pnpm run --filter server dev",
+    "server:start-alt": "pnpm run --filter server dev-alt",
    "server:start-prod": "pnpm run --filter server start-prod",
    "desktop:start": "pnpm run --filter desktop dev",
    "desktop:build": "pnpm run --filter desktop build",
@ -61,7 +62,7 @@
    "eslint": "10.0.3",
    "eslint-config-preact": "2.0.0",
    "eslint-config-prettier": "10.1.8",
-    "eslint-plugin-playwright": "2.10.0",
+    "eslint-plugin-playwright": "2.10.1",
    "eslint-plugin-simple-import-sort": "12.1.1",
    "happy-dom": "20.8.4",
    "http-server": "14.1.1",
@ -73,7 +74,7 @@
    "tslib": "2.8.1",
    "tsx": "4.21.0",
    "typescript": "5.9.3",
-    "typescript-eslint": "8.57.0",
+    "typescript-eslint": "8.57.1",
    "upath": "2.0.1",
    "vite": "8.0.0",
    "vite-plugin-dts": "4.5.4",
--- a/packages/ckeditor5-admonition/package.json
+++ b/packages/ckeditor5-admonition/package.json
@ -24,8 +24,8 @@
    "@ckeditor/ckeditor5-dev-build-tools": "55.0.0",
    "@ckeditor/ckeditor5-inspector": ">=4.1.0",
    "@ckeditor/ckeditor5-package-tools": "5.1.0",
-    "@typescript-eslint/eslint-plugin": "8.57.0",
-    "@typescript-eslint/parser": "8.57.0",
+    "@typescript-eslint/eslint-plugin": "8.57.1",
+    "@typescript-eslint/parser": "8.57.1",
    "@vitest/browser": "4.1.0",
    "@vitest/coverage-istanbul": "4.1.0",
    "ckeditor5": "47.6.1",
--- a/packages/ckeditor5-footnotes/package.json
+++ b/packages/ckeditor5-footnotes/package.json
@ -25,8 +25,8 @@
    "@ckeditor/ckeditor5-dev-build-tools": "55.0.0",
    "@ckeditor/ckeditor5-inspector": ">=4.1.0",
    "@ckeditor/ckeditor5-package-tools": "5.1.0",
-    "@typescript-eslint/eslint-plugin": "8.57.0",
-    "@typescript-eslint/parser": "8.57.0",
+    "@typescript-eslint/eslint-plugin": "8.57.1",
+    "@typescript-eslint/parser": "8.57.1",
    "@vitest/browser": "4.1.0",
    "@vitest/coverage-istanbul": "4.1.0",
    "ckeditor5": "47.6.1",
--- a/packages/ckeditor5-keyboard-marker/package.json
+++ b/packages/ckeditor5-keyboard-marker/package.json
@ -27,8 +27,8 @@
    "@ckeditor/ckeditor5-dev-build-tools": "55.0.0",
    "@ckeditor/ckeditor5-inspector": ">=4.1.0",
    "@ckeditor/ckeditor5-package-tools": "5.1.0",
-    "@typescript-eslint/eslint-plugin": "8.57.0",
-    "@typescript-eslint/parser": "8.57.0",
+    "@typescript-eslint/eslint-plugin": "8.57.1",
+    "@typescript-eslint/parser": "8.57.1",
    "@vitest/browser": "4.1.0",
    "@vitest/coverage-istanbul": "4.1.0",
    "ckeditor5": "47.6.1",
--- a/packages/ckeditor5-math/package.json
+++ b/packages/ckeditor5-math/package.json
@ -27,8 +27,8 @@
    "@ckeditor/ckeditor5-dev-build-tools": "55.0.0",
    "@ckeditor/ckeditor5-inspector": ">=4.1.0",
    "@ckeditor/ckeditor5-package-tools": "5.1.0",
-    "@typescript-eslint/eslint-plugin": "8.57.0",
-    "@typescript-eslint/parser": "8.57.0",
+    "@typescript-eslint/eslint-plugin": "8.57.1",
+    "@typescript-eslint/parser": "8.57.1",
    "@vitest/browser": "4.1.0",
    "@vitest/coverage-istanbul": "4.1.0",
    "ckeditor5": "47.6.1",
--- a/packages/ckeditor5-mermaid/package.json
+++ b/packages/ckeditor5-mermaid/package.json
@ -27,8 +27,8 @@
    "@ckeditor/ckeditor5-dev-build-tools": "55.0.0",
    "@ckeditor/ckeditor5-inspector": ">=4.1.0",
    "@ckeditor/ckeditor5-package-tools": "5.1.0",
-    "@typescript-eslint/eslint-plugin": "8.57.0",
-    "@typescript-eslint/parser": "8.57.0",
+    "@typescript-eslint/eslint-plugin": "8.57.1",
+    "@typescript-eslint/parser": "8.57.1",
    "@vitest/browser": "4.1.0",
    "@vitest/coverage-istanbul": "4.1.0",
    "ckeditor5": "47.6.1",
--- a/packages/ckeditor5/package.json
+++ b/packages/ckeditor5/package.json
@ -16,7 +16,7 @@
    "ckeditor5-premium-features": "47.6.1"
  },
  "devDependencies": {
-    "@smithy/middleware-retry": "4.4.42",
+    "@smithy/middleware-retry": "4.4.43",
    "@types/jquery": "4.0.0"
  }
 }
--- a/packages/highlightjs/package.json
+++ b/packages/highlightjs/package.json
@ -5,6 +5,7 @@
  "type": "module",
  "main": "./src/index.ts",
  "dependencies": {
+    "@catppuccin/highlightjs": "1.0.1",
    "@exercism/highlightjs-gdscript": "0.0.1",
    "@triliumnext/commons": "workspace:*",
    "highlight.js": "11.11.1",
--- a/packages/highlightjs/src/index.ts
+++ b/packages/highlightjs/src/index.ts
@ -47,6 +47,22 @@ export function highlight(code: string, options: HighlightOptions) {
    return hljs.highlight(code, options);
 }

+export function normalizeThemeCss(themeCss: string): string {
+    const themeSelectorScopedToCodeTag = /\bcode\s+\.hljs-/.test(themeCss);
+    if (themeSelectorScopedToCodeTag) {
+        themeCss = themeCss.replace(/\bcode\.hljs/g, ".hljs");
+        themeCss = themeCss.replace(/\bcode\s+\.hljs-/g, ".hljs .hljs-");
+    }
+
+    // Increase the specificity of the HLJS selector to render properly within CKEditor without the need of patching the library.
+    themeCss = themeCss.replace(
+        /^\.hljs\s*\{/m,
+        ".hljs, .ck-content pre.hljs {",
+    );
+
+    return themeCss;
+}
+
 export async function loadTheme(theme: "none" | Theme) {
    if (theme === "none") {
        if (highlightingThemeEl) {
@ -61,12 +77,8 @@ export async function loadTheme(theme: "none" | Theme) {
        document.querySelector("head")?.append(highlightingThemeEl);
    }

-    let themeCss = (await theme.load()).default as string;
-
-    // Increase the specificity of the HLJS selector to render properly within CKEditor without the need of patching the library.
-    themeCss = themeCss.replace(/^.hljs {/m, ".hljs, .ck-content pre.hljs {");
-
-    highlightingThemeEl.textContent = themeCss;
+    const themeCss = (await theme.load()).default as string;
+    highlightingThemeEl.textContent = normalizeThemeCss(themeCss);
 }

 export const { highlightAuto } = hljs;
--- a/packages/highlightjs/src/normalize_theme_css.spec.ts
+++ b/packages/highlightjs/src/normalize_theme_css.spec.ts
@ -0,0 +1,82 @@
+import { describe, expect, it } from "vitest";
+import { normalizeThemeCss } from "./index.js";
+
+describe("normalizeThemeCss", () => {
+    describe("standard highlight.js themes", () => {
+        const standardThemeCss = [
+            "pre code.hljs {",
+            "  display: block;",
+            "  overflow-x: auto;",
+            "  padding: 1em",
+            "}",
+            "code.hljs {",
+            "  padding: 3px 5px",
+            "}",
+            ".hljs {",
+            "  color: #ffffff;",
+            "  background: #1c1b1b",
+            "}",
+            ".hljs-keyword {",
+            "  color: #88aece",
+            "}",
+            ".hljs-string {",
+            "  color: #b5bd68",
+            "}",
+        ].join("\n");
+
+        it("preserves 'pre code.hljs' layout rule", () => {
+            const result = normalizeThemeCss(standardThemeCss);
+            expect(result).toContain("pre code.hljs {");
+        });
+
+        it("preserves 'code.hljs' inline layout rule", () => {
+            const result = normalizeThemeCss(standardThemeCss);
+            expect(result).toContain("code.hljs {");
+        });
+
+        it("preserves .hljs-* token selectors unchanged", () => {
+            const result = normalizeThemeCss(standardThemeCss);
+            expect(result).toContain(".hljs-keyword {");
+            expect(result).toContain(".hljs-string {");
+        });
+
+        it("adds CKEditor specificity to .hljs container rule", () => {
+            const result = normalizeThemeCss(standardThemeCss);
+            expect(result).toContain(".hljs, .ck-content pre.hljs {");
+        });
+    });
+
+    describe("catppuccin-style themes (code-scoped selectors)", () => {
+        const catppuccinCss =
+            "code.hljs{color:#cdd6f4;background:#1e1e2e}" +
+            "code .hljs-keyword{color:#cba6f7}" +
+            "code .hljs-string{color:#a6e3a1}" +
+            "code .hljs-comment{color:#9399b2}";
+
+        it("rewrites 'code.hljs' container to '.hljs'", () => {
+            const result = normalizeThemeCss(catppuccinCss);
+            expect(result).not.toContain("code.hljs");
+        });
+
+        it("rewrites 'code .hljs-*' token selectors to '.hljs .hljs-*'", () => {
+            const result = normalizeThemeCss(catppuccinCss);
+            expect(result).not.toContain("code .hljs-");
+            expect(result).toContain(".hljs .hljs-keyword");
+            expect(result).toContain(".hljs .hljs-string");
+            expect(result).toContain(".hljs .hljs-comment");
+        });
+
+        it("adds CKEditor specificity to .hljs container rule", () => {
+            const result = normalizeThemeCss(catppuccinCss);
+            expect(result).toContain(".hljs, .ck-content pre.hljs {");
+        });
+
+        it("preserves color values", () => {
+            const result = normalizeThemeCss(catppuccinCss);
+            expect(result).toContain("#cdd6f4");
+            expect(result).toContain("#1e1e2e");
+            expect(result).toContain("#cba6f7");
+            expect(result).toContain("#a6e3a1");
+        });
+    });
+});
--- a/packages/highlightjs/src/themes.ts
+++ b/packages/highlightjs/src/themes.ts
@ -56,6 +56,22 @@ const themeDefinitions: Record<string, Theme> = {
        name: "Brown Paper (Light)",
        load: () => import("highlight.js/styles/brown-paper.css?raw")
    },
+    "catppuccin-latte": {
+        name: "Catppuccin Latte (Light)",
+        load: () => import("@catppuccin/highlightjs/css/catppuccin-latte.css?raw")
+    },
+    "catppuccin-frappe": {
+        name: "Catppuccin Frappé (Dark)",
+        load: () => import("@catppuccin/highlightjs/css/catppuccin-frappe.css?raw")
+    },
+    "catppuccin-macchiato": {
+        name: "Catppuccin Macchiato (Dark)",
+        load: () => import("@catppuccin/highlightjs/css/catppuccin-macchiato.css?raw")
+    },
+    "catppuccin-mocha": {
+        name: "Catppuccin Mocha (Dark)",
+        load: () => import("@catppuccin/highlightjs/css/catppuccin-mocha.css?raw")
+    },
    "codepen-embed": {
        name: "CodePen Embed (Dark)",
        load: () => import("highlight.js/styles/codepen-embed.css?raw")
--- a/packages/share-theme/package.json
+++ b/packages/share-theme/package.json
@ -31,8 +31,8 @@
  "devDependencies": {
    "@digitak/esrun": "3.2.26",
    "@triliumnext/ckeditor5": "workspace:*",
-    "@typescript-eslint/eslint-plugin": "8.57.0",
-    "@typescript-eslint/parser": "8.57.0",
+    "@typescript-eslint/eslint-plugin": "8.57.1",
+    "@typescript-eslint/parser": "8.57.1",
    "dotenv": "17.3.1",
    "esbuild": "0.27.4",
    "eslint": "10.0.3",
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml