feat(note_list): display files full-width on mobile

feat(video): improve layout on mobile
feat(video): group less common options into a dropdown menu
2026-03-26 13:50:16 +01:00 · 2026-03-21 10:29:57 +02:00 · 2026-03-21 10:20:19 +02:00 · 2026-03-21 10:15:22 +02:00 · 2026-03-21 10:03:32 +02:00 · 2026-03-21 09:59:43 +02:00
40 changed files with 1175 additions and 1411 deletions
--- a/.nvmrc
+++ b/.nvmrc
@@ -1 +1 @@
-24.14.1
+24.14.0
--- a/apps/build-docs/package.json
+++ b/apps/build-docs/package.json
@@ -14,15 +14,15 @@
  "keywords": [],
  "author": "Elian Doran <contact@eliandoran.me>",
  "license": "AGPL-3.0-only",
-  "packageManager": "pnpm@10.33.0",
+  "packageManager": "pnpm@10.32.1",
  "devDependencies": {
-    "@redocly/cli": "2.25.1",
+    "@redocly/cli": "2.24.0",
    "archiver": "7.0.1",
    "fs-extra": "11.3.4",
    "js-yaml": "4.1.1",
    "react": "19.2.4",
    "react-dom": "19.2.4",
-    "typedoc": "0.28.18",
+    "typedoc": "0.28.17",
    "typedoc-plugin-missing-exports": "4.1.2"
  }
 }
--- a/apps/client/package.json
+++ b/apps/client/package.json
@@ -43,7 +43,7 @@
    "@univerjs/preset-sheets-note": "0.18.0",
    "@univerjs/preset-sheets-sort": "0.18.0",
    "@univerjs/presets": "0.18.0",
-    "@zumer/snapdom": "2.6.0",
+    "@zumer/snapdom": "2.5.0",
    "autocomplete.js": "0.38.1",
    "bootstrap": "5.3.8",
    "boxicons": "2.1.4",
@@ -53,22 +53,22 @@
    "draggabilly": "3.0.0",
    "force-graph": "1.51.2",
    "globals": "17.4.0",
-    "i18next": "25.10.9",
+    "i18next": "25.8.18",
    "i18next-http-backend": "3.0.2",
    "jquery": "4.0.0",
    "jquery.fancytree": "2.38.5",
    "jsplumb": "2.15.6",
-    "katex": "0.16.42",
+    "katex": "0.16.39",
    "leaflet": "1.9.4",
    "leaflet-gpx": "2.2.0",
    "mark.js": "8.11.1",
-    "marked": "17.0.5",
+    "marked": "17.0.4",
    "mermaid": "11.13.0",
    "mind-elixir": "5.9.3",
    "normalize.css": "8.0.1",
    "panzoom": "9.4.3",
    "preact": "10.29.0",
-    "react-i18next": "16.6.6",
+    "react-i18next": "16.5.8",
    "react-window": "2.2.7",
    "reveal.js": "6.0.0",
    "rrule": "2.8.1",
@@ -86,9 +86,9 @@
    "@types/mark.js": "8.11.12",
    "@types/tabulator-tables": "6.3.1",
    "copy-webpack-plugin": "14.0.0",
-    "happy-dom": "20.8.8",
+    "happy-dom": "20.8.4",
    "lightningcss": "1.32.0",
    "script-loader": "0.7.2",
-    "vite-plugin-static-copy": "3.4.0"
+    "vite-plugin-static-copy": "3.3.0"
  }
 }
--- a/apps/client/src/services/content_renderer.ts
+++ b/apps/client/src/services/content_renderer.ts
@@ -8,6 +8,7 @@ import FAttachment from "../entities/fattachment.js";
 import FNote from "../entities/fnote.js";
 import imageContextMenuService from "../menus/image_context_menu.js";
 import { t } from "../services/i18n.js";
+import { renderReactWidget, renderReactWidgetAtElement } from "../widgets/react/react_utils";
 import renderText from "./content_renderer_text.js";
 import renderDoc from "./doc_renderer.js";
 import { loadElkIfNeeded, postprocessMermaidSvg } from "./mermaid.js";
@@ -212,15 +213,16 @@ async function renderFile(entity: FNote | FAttachment, type: string, $renderedCo

        $content.append($audioPreview);
    } else if (type === "video") {
-        const $videoPreview = $("<video controls></video>")
-            .attr("src", openService.getUrlForDownload(`api/${entityType}/${entityId}/open-partial`))
-            .attr("type", entity.mime)
-            .css("width", "100%");
+        const url = openService.getUrlForDownload(`api/${entityType}/${entityId}/open-partial`);
+        const mime = entity.mime;

-        $content.append($videoPreview);
+        const VideoPreviewContent = (await import("../widgets/type_widgets/file/Video")).VideoPreviewContent;
+        const $viewer = renderReactWidget(null, h(VideoPreviewContent, { url, mime }));
+
+        $content.append($viewer);
    }

-    if (entityType === "notes" && "noteId" in entity) {
+    if (entityType === "notes" && "noteId" in entity && type !== "video") {
        // TODO: we should make this available also for attachments, but there's a problem with "Open externally" support
        //       in attachment list
        const $downloadButton = $(`
--- a/apps/client/src/translations/ca/translation.json
+++ b/apps/client/src/translations/ca/translation.json
@@ -93,10 +93,7 @@
    "digits": "dígits",
    "inheritable": "Heretable",
    "delete": "Suprimeix",
-    "color_type": "Color",
-    "textarea": "Text multi linia",
-    "date_time": "Data i hora",
-    "precision_title": "Quants dígits han d'estar disponibles per a coma flotant a la interfície de configuració."
+    "color_type": "Color"
  },
  "rename_label": {
    "to": "Per"
--- a/apps/client/src/translations/cn/translation.json
+++ b/apps/client/src/translations/cn/translation.json
@@ -446,8 +446,7 @@
    "and_more": "... 以及另外 {{count}} 个。",
    "print_landscape": "导出为 PDF 时，将页面方向更改为横向而不是纵向。",
    "print_page_size": "导出为 PDF 时，更改页面大小。支持的值：<code>A0</code>、<code>A1</code>、<code>A2</code>、<code>A3</code>、<code>A4</code>、<code>A5</code>、<code>A6</code>、<code>Legal</code>、<code>Letter</code>、<code>Tabloid</code>、<code>Ledger</code>。",
-    "color_type": "颜色",
-    "textarea": "多行文本"
+    "color_type": "颜色"
  },
  "attribute_editor": {
    "help_text_body1": "要添加标签，只需输入例如 <code>#rock</code> 或者如果您还想添加值，则例如 <code>#year = 2020</code>",
@@ -2168,52 +2167,5 @@
  },
  "setup_form": {
    "more_info": "了解更多"
-  },
-  "media": {
-    "play": "播放（空格）",
-    "pause": "暂停（空格）",
-    "back-10s": "后退10秒（左箭头键）",
-    "forward-30s": "前进30秒",
-    "mute": "静音（M）",
-    "unmute": "取消静音（M）",
-    "playback-speed": "播放速度",
-    "loop": "循环播放",
-    "disable-loop": "禁用循环播放",
-    "rotate": "旋转",
-    "picture-in-picture": "画中画",
-    "exit-picture-in-picture": "退出画中画",
-    "fullscreen": "全屏（F）",
-    "exit-fullscreen": "退出全屏",
-    "unsupported-format": "此文件格式不支持媒体预览：\n{{mime}}",
-    "zoom-to-fit": "缩放以填充",
-    "zoom-reset": "重置缩放以填充"
-  },
-  "mermaid": {
-    "sample_diagrams": "示例图：",
-    "sample_flowchart": "流程图",
-    "sample_class": "类图",
-    "sample_sequence": "时序图",
-    "sample_entity_relationship": "实体关系图",
-    "sample_state": "状态图",
-    "sample_mindmap": "思维导图",
-    "sample_architecture": "架构图",
-    "sample_block": "模块图",
-    "sample_c4": "C4 图",
-    "sample_gantt": "甘特图",
-    "sample_git": "Git 流程图",
-    "sample_kanban": "看板图",
-    "sample_packet": "数据包图",
-    "sample_pie": "饼图",
-    "sample_quadrant": "象限图",
-    "sample_radar": "雷达图",
-    "sample_requirement": "需求图",
-    "sample_sankey": "桑基图",
-    "sample_timeline": "时间轴图",
-    "sample_treemap": "树形图",
-    "sample_user_journey": "用户旅程图",
-    "sample_xy": "散点图",
-    "sample_venn": "韦恩图",
-    "sample_ishikawa": "鱼骨图",
-    "placeholder": "输入你的美人鱼图的内容，或者使用下面的示例图之一。"
  }
 }
--- a/apps/client/src/translations/de/translation.json
+++ b/apps/client/src/translations/de/translation.json
@@ -446,8 +446,7 @@
    "and_more": "... und {{count}} mehr.",
    "print_landscape": "Beim Export als PDF, wird die Seitenausrichtung Querformat anstatt Hochformat verwendet.",
    "print_page_size": "Beim Export als PDF, wird die Größe der Seite angepasst. Unterstützte Größen: <code>A0</code>, <code>A1</code>, <code>A2</code>, <code>A3</code>, <code>A4</code>, <code>A5</code>, <code>A6</code>, <code>Legal</code>, <code>Letter</code>, <code>Tabloid</code>, <code>Ledger</code>.",
-    "color_type": "Farbe",
-    "textarea": "Mehrzeilen-Text"
+    "color_type": "Farbe"
  },
  "attribute_editor": {
    "help_text_body1": "Um ein Label hinzuzufügen, gebe einfach z.B. ein. <code>#rock</code> oder wenn du auch einen Wert hinzufügen möchten, dann z.B. <code>#year = 2024</code>",
--- a/apps/client/src/translations/el/translation.json
+++ b/apps/client/src/translations/el/translation.json
@@ -1,6 +1,6 @@
 {
  "about": {
-    "title": "Σχετικά με το Trilium Notes",
+    "title": "Πληροφορίες για το Trilium Notes",
    "homepage": "Αρχική Σελίδα:",
    "app_version": "Έκδοση εφαρμογής:",
    "db_version": "Έκδοση βάσης δεδομένων:",
--- a/apps/client/src/translations/en/translation.json
+++ b/apps/client/src/translations/en/translation.json
@@ -1042,6 +1042,7 @@
    "pause": "Pause (Space)",
    "back-10s": "Back 10s (Left arrow key)",
    "forward-30s": "Forward 30s",
+    "volume": "Volume",
    "mute": "Mute (M)",
    "unmute": "Unmute (M)",
    "playback-speed": "Playback speed",
@@ -1054,7 +1055,8 @@
    "exit-fullscreen": "Exit fullscreen",
    "unsupported-format": "Media preview is not available for this file format:\n{{mime}}",
    "zoom-to-fit": "Zoom to fill",
-    "zoom-reset": "Reset zoom to fill"
+    "zoom-reset": "Reset zoom to fill",
+    "more-options": "More options"
  },
  "protected_session": {
    "enter_password_instruction": "Showing protected note requires entering your password:",
--- a/apps/client/src/translations/ga/translation.json
+++ b/apps/client/src/translations/ga/translation.json
@@ -477,8 +477,7 @@
    "and_more": "... agus {{count}} eile.",
    "print_landscape": "Agus é á onnmhairiú go PDF, athraítear treoshuíomh an leathanaigh go tírdhreach seachas portráid.",
    "print_page_size": "Agus é á easpórtáil go PDF, athraítear méid an leathanaigh. Luachanna tacaithe: <code>A0</code>, <code>A1</code>, <code>A2</code>, <code>A3</code>, <code>A4</code>, <code>A5</code>, <code>A6</code>, <code>Legal</code>, <code>Letter</code>, <code>Tabloid</code>, <code>Ledger</code>.",
-    "color_type": "Dath",
-    "textarea": "Téacs Il-líne"
+    "color_type": "Dath"
  },
  "attribute_editor": {
    "help_text_body1": "Chun lipéad a chur leis, clóscríobh m.sh. <code>#rock</code> nó más mian leat luach a chur leis freisin ansin m.sh. <code>#year = 2020</code>",
--- a/apps/client/src/translations/it/translation.json
+++ b/apps/client/src/translations/it/translation.json
@@ -520,7 +520,7 @@
    "custom_name_label": "Nome del motore di ricerca personalizzato",
    "custom_name_placeholder": "Personalizza il nome del motore di ricerca",
    "custom_url_label": "L'URL del motore di ricerca personalizzato deve includere {keyword} come segnaposto per il termine di ricerca.",
-    "custom_url_placeholder": "Personalizza indirizzo url del motore di ricerca"
+    "custom_url_placeholder": "Personalizza l'URL del motore di ricerca"
  },
  "sql_table_schemas": {
    "tables": "Tabelle"
@@ -917,8 +917,7 @@
    "print_landscape": "Quando si esporta in PDF, cambia l'orientamento della pagina da verticale a orizzontale.",
    "print_page_size": "Quando si esporta in PDF, modifica le dimensioni della pagina. Valori supportati: <code>A0</code>, <code>A1</code>, <code>A2</code>, <code>A3</code>, <code>A4</code>, <code>A5</code>, <code>A6</code>, <code>Legal</code>, <code>Letter</code>, <code>Tabloid</code>, <code>Ledger</code>.",
    "color_type": "Colore",
-    "share_root": "segna la nota che viene servita su /share root.",
-    "textarea": "Testo su più righe"
+    "share_root": "segna la nota che viene servita su /share root."
  },
  "attribute_editor": {
    "help_text_body1": "Per aggiungere un'etichetta, basta digitare ad esempio <code>#rock</code> oppure, se si desidera aggiungere anche un valore, ad esempio <code>#year = 2020</code>",
@@ -2198,52 +2197,5 @@
  },
  "setup_form": {
    "more_info": "Per saperne di più"
-  },
-  "media": {
-    "play": "Gioca (Barra spaziatrice)",
-    "pause": "Pausa (Barra spaziatrice)",
-    "back-10s": "Indietro di 10 (tasto freccia sinistra)",
-    "forward-30s": "Avanti 30s",
-    "mute": "Muto (M)",
-    "unmute": "Riattiva audio (M)",
-    "playback-speed": "Velocità di riproduzione",
-    "loop": "Ciclo",
-    "disable-loop": "Disattiva il ciclo",
-    "rotate": "Ruota",
-    "picture-in-picture": "Immagine nell'immagine",
-    "exit-picture-in-picture": "Esci dalla modalità picture-in-picture",
-    "fullscreen": "Schermo intero (F)",
-    "exit-fullscreen": "Esci dalla modalità a schermo intero",
-    "unsupported-format": "Per questo formato di file non è disponibile l'anteprima multimediale:\n{{mime}}",
-    "zoom-to-fit": "Ingrandisci per riempire",
-    "zoom-reset": "Ripristina lo zoom a schermo intero"
-  },
-  "mermaid": {
-    "placeholder": "Digita il contenuto del tuo diagramma Mermaid oppure utilizza uno dei diagrammi di esempio riportati di seguito.",
-    "sample_diagrams": "Esempi di diagrammi:",
-    "sample_flowchart": "Diagramma di flusso",
-    "sample_class": "Classe",
-    "sample_sequence": "Sequenza",
-    "sample_entity_relationship": "Relazioni tra entità",
-    "sample_state": "Stato",
-    "sample_mindmap": "Mappa mentale",
-    "sample_architecture": "Architettura",
-    "sample_block": "Blocco",
-    "sample_c4": "C4",
-    "sample_gantt": "Gantt",
-    "sample_git": "Git",
-    "sample_kanban": "Kanban",
-    "sample_packet": "Packet",
-    "sample_pie": "Torta",
-    "sample_quadrant": "Quadrante",
-    "sample_radar": "Radar",
-    "sample_requirement": "Requisito",
-    "sample_sankey": "Chiave",
-    "sample_timeline": "Cronologia",
-    "sample_treemap": "Treemap",
-    "sample_user_journey": "Percorso dell'utente",
-    "sample_xy": "XY",
-    "sample_venn": "Venn",
-    "sample_ishikawa": "Ishikawa"
  }
 }
--- a/apps/client/src/translations/ja/translation.json
+++ b/apps/client/src/translations/ja/translation.json
@@ -1180,8 +1180,7 @@
    "is_owned_by_note": "ノートによって所有されています",
    "and_more": "...その他 {{count}} 件。",
    "print_landscape": "PDF にエクスポートするときに、ページの向きを縦向きではなく横向きに変更します。",
-    "print_page_size": "PDF にエクスポートするときに、ページのサイズを変更します。サポートされる値: <code>A0</code>, <code>A1</code>, <code>A2</code>, <code>A3</code>, <code>A4</code>, <code>A5</code>, <code>A6</code>, <code>Legal</code>, <code>Letter</code>, <code>Tabloid</code>, <code>Ledger</code>。",
-    "textarea": "複数行テキスト"
+    "print_page_size": "PDF にエクスポートするときに、ページのサイズを変更します。サポートされる値: <code>A0</code>, <code>A1</code>, <code>A2</code>, <code>A3</code>, <code>A4</code>, <code>A5</code>, <code>A6</code>, <code>Legal</code>, <code>Letter</code>, <code>Tabloid</code>, <code>Ledger</code>。"
  },
  "link_context_menu": {
    "open_note_in_popup": "クイック編集",
--- a/apps/client/src/translations/pl/translation.json
+++ b/apps/client/src/translations/pl/translation.json
@@ -117,7 +117,7 @@
    "no_path_to_clone_to": "Brak ścieżki do sklonowania.",
    "note_cloned": "Notatka \"{{clonedTitle}}\" została sklonowana do \"{{targetTitle}}\"",
    "help_on_links": "Pomoc dotycząca linków",
-    "target_parent_note": "Docelowa notatka pierwotna"
+    "target_parent_note": "Docelowa notatka nadrzędna"
  },
  "help": {
    "title": "Ściągawka",
@@ -126,7 +126,7 @@
    "collapseExpand": "zwiń/rozwiń węzeł",
    "notSet": "nie ustawiono",
    "goBackForwards": "idź wstecz / do przodu w historii",
-    "showJumpToNoteDialog": "pokaż <a class=\"external\" href=\"https://triliumnext.github.io/Docs/Wiki/note-navigation.html#jump-to-note\">\"Przejdź do\"</a>",
+    "showJumpToNoteDialog": "pokaż okno <a class=\"external\" href=\"https://triliumnext.github.io/Docs/Wiki/note-navigation.html#jump-to-note\">\"Przejdź do\"</a>",
    "scrollToActiveNote": "przewiń do aktywnej notatki",
    "jumpToParentNote": "przejdź do notatki nadrzędnej",
    "collapseWholeTree": "zwiń całe drzewo notatek",
@@ -402,8 +402,7 @@
    "and_more": "... i {{count}} więcej.",
    "print_landscape": "Podczas eksportowania do PDF zmienia orientację strony na poziomą zamiast pionowej.",
    "print_page_size": "Podczas eksportowania do PDF zmienia rozmiar strony. Obsługiwane wartości: <code>A0</code>, <code>A1</code>, <code>A2</code>, <code>A3</code>, <code>A4</code>, <code>A5</code>, <code>A6</code>, <code>Legal</code>, <code>Letter</code>, <code>Tabloid</code>, <code>Ledger</code>.",
-    "color_type": "Kolor",
-    "textarea": "Wiele linii tekstu"
+    "color_type": "Kolor"
  },
  "import": {
    "importIntoNote": "Importuj do notatki",
@@ -1614,7 +1613,7 @@
    "password_changed_success": "Hasło zostało zmienione. Trilium zostanie przeładowane po naciśnięciu OK."
  },
  "multi_factor_authentication": {
-    "title": "Uwierzytelnianie wieloskładnikowe",
+    "title": "Uwierzytelnianie wieloskładnikowe (MFA)",
    "description": "Uwierzytelnianie wieloskładnikowe (MFA) dodaje dodatkową warstwę zabezpieczeń do Twojego konta. Zamiast tylko wpisywać hasło do logowania, MFA wymaga podania jednego lub więcej dodatkowych dowodów tożsamości. W ten sposób, nawet jeśli ktoś zdobędzie Twoje hasło, nadal nie będzie mógł uzyskać dostępu do Twojego konta bez drugiej informacji. To jak dodanie dodatkowego zamka do drzwi, utrudniającego włamanie.<br><br>Proszę postępować zgodnie z poniższymi instrukcjami, aby włączyć MFA. Jeśli nie skonfigurujesz poprawnie, logowanie powróci do samego hasła.",
    "mfa_enabled": "Włącz uwierzytelnianie wieloskładnikowe",
    "mfa_method": "Metoda MFA",
@@ -1629,7 +1628,7 @@
    "totp_secret_generated": "Sekret TOTP wygenerowany",
    "totp_secret_warning": "Proszę zapisać wygenerowany sekret w bezpiecznym miejscu. Nie zostanie pokazany ponownie.",
    "totp_secret_regenerate_confirm": "Czy na pewno chcesz ponownie wygenerować sekret TOTP? To unieważni poprzedni sekret TOTP i wszystkie istniejące kody odzyskiwania.",
-    "recovery_keys_title": "Klucze odzyskiwania logowania jednokrotnego",
+    "recovery_keys_title": "Klucze odzyskiwania logowania jednokrotnego (SSO)",
    "recovery_keys_description": "Klucze odzyskiwania logowania jednokrotnego służą do logowania w przypadku braku dostępu do kodów Authenticator.",
    "recovery_keys_description_warning": "Klucze odzyskiwania nie zostaną pokazane ponownie po opuszczeniu strony, przechowuj je w bezpiecznym miejscu.<br>Po użyciu klucza odzyskiwania nie można go użyć ponownie.",
    "recovery_keys_error": "Błąd generowania kodów odzyskiwania",
@@ -1767,7 +1766,7 @@
    "book": "Kolekcja",
    "mermaid-diagram": "Diagram Mermaid",
    "canvas": "Płótno",
-    "web-view": "Widok strony web",
+    "web-view": "Widok WWW",
    "mind-map": "Mapa myśli",
    "file": "Plik",
    "image": "Obraz",
@@ -1816,9 +1815,9 @@
    "modal_title": "Konfiguracja listy wyróżnień",
    "menu_configure": "Konfiguracja listy wyróżnień...",
    "no_highlights": "Nie znaleziono wyróżnień.",
-    "title_with_count_one": "{{count}} wyróżnienie",
-    "title_with_count_few": "{{count}} wyróżnienia",
-    "title_with_count_many": "{{count}} wyróżnień"
+    "title_with_count_one": "{{count}} podświetlenie",
+    "title_with_count_few": "{{count}} podświetlenia",
+    "title_with_count_many": "{{count}} podświetleń"
  },
  "quick-search": {
    "placeholder": "Szybkie wyszukiwanie",
@@ -2071,7 +2070,7 @@
    "read_only_temporarily_disabled_description": "Ta notatka jest obecnie edytowalna, ale normalnie jest tylko do odczytu. Notatka powróci do trybu tylko do odczytu, gdy tylko przejdziesz do innej notatki.\n\nKliknij, aby ponownie włączyć tryb tylko do odczytu.",
    "shared_publicly": "Udostępniona publicznie",
    "shared_locally": "Udostępniona lokalnie",
-    "clipped_note": "Wycinek z sieci",
+    "clipped_note": "Wycinek WWW",
    "clipped_note_description": "Ta notatka została pierwotnie pobrana z {{url}}.\n\nKliknij, aby przejść do źródłowej strony internetowej.",
    "execute_script": "Uruchom skrypt",
    "execute_script_description": "Ta notatka jest notatką skryptową. Kliknij, aby wykonać skrypt.",
@@ -2237,7 +2236,7 @@
    "sample_c4": "C4",
    "sample_gantt": "Wykres Gantta",
    "sample_git": "Diagram Git",
-    "sample_kanban": "Tablica Kanban",
+    "sample_kanban": "Kanban",
    "sample_packet": "Diagram pakietów",
    "sample_pie": "Wykres kołowy",
    "sample_quadrant": "Diagram kwadrantowy",
--- a/apps/client/src/translations/tw/translation.json
+++ b/apps/client/src/translations/tw/translation.json
@@ -446,8 +446,7 @@
    "app_theme_base": "設定為 \"next\"、\"next-light \" 或 \"next-dark\"，以使用相應的 TriliumNext 主題（自動、淺色或深色）作為自訂主題的基礎，而非傳統主題。",
    "print_landscape": "匯出為 PDF 時，將頁面方向更改為橫向而非縱向。",
    "print_page_size": "在匯出 PDF 時更改頁面大小。支援的值：<code>A0</code>、<code>A1</code>、<code>A2</code>、<code>A3</code>、<code>A4</code>、<code>A5</code>、<code>A6</code>、<code>Legal</code>、<code>Letter</code>、<code>Tabloid</code>、<code>Ledger</code>。",
-    "color_type": "顏色",
-    "textarea": "多行文字"
+    "color_type": "顏色"
  },
  "attribute_editor": {
    "help_text_body1": "要新增標籤，只需輸入例如 <code>#rock</code> 或者如果您還想新增值，則例如 <code>#year = 2020</code>",
@@ -2183,52 +2182,5 @@
  },
  "setup_form": {
    "more_info": "了解更多"
-  },
-  "media": {
-    "play": "播放 (空白鍵)",
-    "pause": "暫停 (空白鍵)",
-    "back-10s": "往前 10 秒 (左方向鍵)",
-    "forward-30s": "往後 30 秒",
-    "mute": "靜音 (M)",
-    "unmute": "解除靜音 (M)",
-    "playback-speed": "播放速度",
-    "loop": "循環",
-    "disable-loop": "解除循環",
-    "rotate": "旋轉",
-    "picture-in-picture": "畫中畫",
-    "exit-picture-in-picture": "退出畫中畫",
-    "fullscreen": "全螢幕 (F)",
-    "exit-fullscreen": "退出全螢幕",
-    "unsupported-format": "此檔案格式不支援媒體預覽：\n{{mime}}",
-    "zoom-to-fit": "放大至填滿畫面",
-    "zoom-reset": "重設放大至填滿畫面"
-  },
-  "mermaid": {
-    "placeholder": "請輸入您的美人魚圖表內容，或選用下方其中一個範例圖表。",
-    "sample_diagrams": "範例圖表：",
-    "sample_flowchart": "流程圖",
-    "sample_class": "階層圖",
-    "sample_sequence": "時序圖",
-    "sample_entity_relationship": "實體關係圖",
-    "sample_state": "狀態圖",
-    "sample_mindmap": "心智圖",
-    "sample_architecture": "架構圖",
-    "sample_block": "區塊圖",
-    "sample_c4": "C4 圖",
-    "sample_gantt": "甘特圖",
-    "sample_git": "Git 分支圖",
-    "sample_kanban": "看板圖",
-    "sample_packet": "數據包圖",
-    "sample_pie": "圓餅圖",
-    "sample_quadrant": "象限圖",
-    "sample_radar": "雷達圖",
-    "sample_requirement": "需求圖",
-    "sample_sankey": "桑基圖",
-    "sample_timeline": "時間軸",
-    "sample_treemap": "樹狀圖",
-    "sample_user_journey": "使用者旅程",
-    "sample_xy": "XY 圖表",
-    "sample_venn": "韋恩圖",
-    "sample_ishikawa": "魚骨圖"
  }
 }
--- a/apps/client/src/widgets/collections/legacy/ListOrGridView.css
+++ b/apps/client/src/widgets/collections/legacy/ListOrGridView.css
@@ -12,6 +12,11 @@
        display: flex;
        flex-wrap: wrap;
        gap: 10px;
+
+        body.mobile & {
+            display: grid;
+            grid-template-columns: 1fr 1fr;
+        }
    }

    .note-list-bottom-pager {
@@ -269,8 +274,9 @@
    overflow: hidden;
    user-select: none;

-    body.mobile & {
-        flex-basis: 150px;
+    body.mobile &.mobile-full-width {
+        grid-column-start: 1;
+        grid-column-end: 3;
    }

    &:hover {
--- a/apps/client/src/widgets/collections/legacy/ListOrGridView.tsx
+++ b/apps/client/src/widgets/collections/legacy/ListOrGridView.tsx
@@ -1,25 +1,25 @@
 import "./ListOrGridView.css";
-import { Card, CardFrame, CardSection } from "../../react/Card";

+import { clsx } from "clsx";
+import { ComponentChildren, TargetedMouseEvent } from "preact";
 import { useCallback, useEffect, useRef, useState } from "preact/hooks";
+import { JSX } from "preact/jsx-runtime";

 import FNote from "../../../entities/fnote";
+import linkContextMenuService from "../../../menus/link_context_menu";
 import attribute_renderer from "../../../services/attribute_renderer";
 import content_renderer from "../../../services/content_renderer";
 import { t } from "../../../services/i18n";
 import link from "../../../services/link";
 import CollectionProperties from "../../note_bars/CollectionProperties";
+import ActionButton from "../../react/ActionButton";
+import { Card, CardFrame, CardSection } from "../../react/Card";
 import { useImperativeSearchHighlighlighting, useNoteLabel, useNoteLabelBoolean, useNoteProperty } from "../../react/hooks";
 import Icon from "../../react/Icon";
 import NoteLink from "../../react/NoteLink";
 import { ViewModeProps } from "../interface";
-import { Pager, usePagination, PaginationContext } from "../Pagination";
+import { Pager, PaginationContext,usePagination } from "../Pagination";
 import { filterChildNotes, useFilteredNoteIds } from "./utils";
-import { JSX } from "preact/jsx-runtime";
-import { clsx } from "clsx";
-import ActionButton from "../../react/ActionButton";
-import linkContextMenuService from "../../../menus/link_context_menu";
-import { ComponentChildren, TargetedMouseEvent } from "preact";

 const contentSizeObserver = new ResizeObserver(onContentResized);

@@ -53,13 +53,13 @@ export function GridView({ note, noteIds: unfilteredNoteIds, highlightedTokens }
        <div className={clsx("note-list-container use-tn-links", {"search-results": (noteType === "search")})}>
            {pageNotes?.map(childNote => (
                <GridNoteCard key={childNote.noteId}
-                                note={childNote}
-                                parentNote={note}
-                                highlightedTokens={highlightedTokens}
-                                includeArchived={includeArchived} />
+                    note={childNote}
+                    parentNote={note}
+                    highlightedTokens={highlightedTokens}
+                    includeArchived={includeArchived} />
            ))}
        </div>
-    </NoteList>
+    </NoteList>;
 }

 interface NoteListProps {
@@ -82,13 +82,13 @@ function NoteList(props: NoteListProps) {

        {props.noteIds.length > 0 && <div className="note-list-wrapper">
            {!hasCollectionProperties && <Pager {...props.pagination} />}
-            
+
            {props.children}

            <Pager className="note-list-bottom-pager" {...props.pagination} />
        </div>}

-    </div>
+    </div>;
 }

 function ListNoteCard({ note, parentNote, highlightedTokens, currentLevel, expandDepth, includeArchived }: {
@@ -106,25 +106,25 @@ function ListNoteCard({ note, parentNote, highlightedTokens, currentLevel, expan
    // Reset expand state if switching to another note, or if user manually toggled expansion state.
    useEffect(() => setExpanded(currentLevel <= expandDepth), [ note, currentLevel, expandDepth ]);

-    let subSections: JSX.Element | undefined = undefined;
+    let subSections: JSX.Element | undefined;
    if (isExpanded) {
        subSections = <>
            <CardSection className="note-content-preview">
                <NoteContent note={note}
-                             highlightedTokens={highlightedTokens}
-                             noChildrenList
-                             includeArchivedNotes={includeArchived} />
+                    highlightedTokens={highlightedTokens}
+                    noChildrenList
+                    includeArchivedNotes={includeArchived} />
            </CardSection>

            <NoteChildren note={note}
-                          parentNote={parentNote}
-                          highlightedTokens={highlightedTokens}
-                          currentLevel={currentLevel}
-                          expandDepth={expandDepth}
-                          includeArchived={includeArchived} />
-        </>
+                parentNote={parentNote}
+                highlightedTokens={highlightedTokens}
+                currentLevel={currentLevel}
+                expandDepth={expandDepth}
+                includeArchived={includeArchived} />
+        </>;
    }
-    
+
    return (
        <CardSection
            className={clsx("nested-note-list-item", "no-tooltip-preview", note.getColorClass(), {
@@ -137,14 +137,14 @@ function ListNoteCard({ note, parentNote, highlightedTokens, currentLevel, expan
            data-note-id={note.noteId}
        >
            <h5>
-                <span className={`note-expander ${isExpanded ? "bx bx-chevron-down" : "bx bx-chevron-right"}`} 
-                      onClick={() => setExpanded(!isExpanded)}/>
+                <span className={`note-expander ${isExpanded ? "bx bx-chevron-down" : "bx bx-chevron-right"}`}
+                    onClick={() => setExpanded(!isExpanded)}/>
                <Icon className="note-icon" icon={note.getIcon()} />
                <NoteLink className="note-book-title"
-                          notePath={notePath}
-                          noPreview
-                          showNotePath={parentNote.type === "search"}
-                          highlightedTokens={highlightedTokens} />
+                    notePath={notePath}
+                    noPreview
+                    showNotePath={parentNote.type === "search"}
+                    highlightedTokens={highlightedTokens} />
                <NoteAttributes note={note} />
                <NoteMenuButton notePath={notePath} />
            </h5>
@@ -164,27 +164,28 @@ function GridNoteCard(props: GridNoteCardProps) {

    return (
        <CardFrame className={clsx("note-book-card", "no-tooltip-preview", "block-link", props.note.getColorClass(), {
-                "archived": props.note.isArchived
-             })}
-             data-href={`#${notePath}`}
-             data-note-id={props.note.noteId}
-             onClick={(e) => link.goToLink(e)}
+            "archived": props.note.isArchived,
+            "mobile-full-width": props.note.type === "file"
+        })}
+        data-href={`#${notePath}`}
+        data-note-id={props.note.noteId}
+        onClick={(e) => link.goToLink(e)}
        >
            <h5 className={clsx("note-book-header")}>
                <Icon className="note-icon" icon={props.note.getIcon()} />
                <NoteLink className="note-book-title"
-                          notePath={notePath}
-                          noPreview
-                          showNotePath={props.parentNote.type === "search"}
-                          highlightedTokens={props.highlightedTokens}
+                    notePath={notePath}
+                    noPreview
+                    showNotePath={props.parentNote.type === "search"}
+                    highlightedTokens={props.highlightedTokens}
                />
                {!props.note.isOptions() && <NoteMenuButton notePath={notePath} />}
-                
+
            </h5>
            <NoteContent note={props.note}
-                         trim
-                         highlightedTokens={props.highlightedTokens}
-                         includeArchivedNotes={props.includeArchived}
+                trim
+                highlightedTokens={props.highlightedTokens}
+                includeArchivedNotes={props.includeArchived}
            />
        </CardFrame>
    );
@@ -222,7 +223,7 @@ export function NoteContent({ note, trim, noChildrenList, highlightedTokens, inc

        return () => {
            contentSizeObserver.unobserve(contentElement);
-        }
+        };
    }, []);

    useEffect(() => {
@@ -281,13 +282,13 @@ function NoteChildren({ note, parentNote, highlightedTokens, currentLevel, expan
 function NoteMenuButton(props: {notePath: string}) {
    const openMenu = useCallback((e: TargetedMouseEvent<HTMLElement>) => {
        linkContextMenuService.openContextMenu(props.notePath, e);
-        e.stopPropagation()
+        e.stopPropagation();
    }, [props.notePath]);

    return  <ActionButton className="note-book-item-menu"
-                          icon="bx bx-dots-vertical-rounded" text=""
-                          onClick={openMenu} 
-            />
+        icon="bx bx-dots-vertical-rounded" text=""
+        onClick={openMenu}
+    />;
 }

 function getNotePath(parentNote: FNote, childNote: FNote) {
@@ -315,7 +316,7 @@ function useExpansionDepth(note: FNote) {

 function onContentResized(entries: ResizeObserverEntry[], observer: ResizeObserver): void {
    for (const contentElement of entries) {
-        const isOverflowing = ((contentElement.target.scrollHeight > contentElement.target.clientHeight))
+        const isOverflowing = ((contentElement.target.scrollHeight > contentElement.target.clientHeight));
        contentElement.target.classList.toggle("note-book-content-overflowing", isOverflowing);
    }
-}
+}
--- a/apps/client/src/widgets/type_widgets/file/MediaPlayer.css
+++ b/apps/client/src/widgets/type_widgets/file/MediaPlayer.css
@@ -50,13 +50,21 @@
        }
    }

-    .media-volume-row {
+    .media-volume-dropdown-content {
        display: flex;
        align-items: center;
        gap: 0.25em;
+        padding: 0.5em;
+
+        .volume-mute-btn {
+            padding: 0.25em;
+            display: flex;
+            align-items: center;
+            justify-content: center;
+        }

        .media-volume-slider {
-            width: 80px;
+            width: 100px;
            cursor: pointer;
        }
    }
--- a/apps/client/src/widgets/type_widgets/file/MediaPlayer.tsx
+++ b/apps/client/src/widgets/type_widgets/file/MediaPlayer.tsx
@@ -102,30 +102,47 @@ export function VolumeControl({ mediaRef }: { mediaRef: RefObject<HTMLVideoEleme
        }
    };

-    const toggleMute = () => {
+    const toggleMute = (e: MouseEvent) => {
+        e.stopPropagation();
        const media = mediaRef.current;
        if (!media) return;
        media.muted = !media.muted;
        setMuted(media.muted);
    };

+    const volumeIcon = muted || volume === 0
+        ? "bx bx-volume-mute"
+        : volume < 0.5
+            ? "bx bx-volume-low"
+            : "bx bx-volume-full";
+
    return (
-        <div class="media-volume-row">
-            <ActionButton
-                icon={muted || volume === 0 ? "bx bx-volume-mute" : volume < 0.5 ? "bx bx-volume-low" : "bx bx-volume-full"}
-                text={muted ? t("media.unmute") : t("media.mute")}
-                onClick={toggleMute}
-            />
-            <input
-                type="range"
-                class="media-volume-slider"
-                min={0}
-                max={1}
-                step={0.05}
-                value={muted ? 0 : volume}
-                onInput={onVolumeChange}
-            />
-        </div>
+        <Dropdown
+            iconAction
+            hideToggleArrow
+            buttonClassName="volume-dropdown"
+            text={<Icon icon={volumeIcon} />}
+            title={t("media.volume")}
+        >
+            <li class="media-volume-dropdown-content">
+                <button
+                    class="dropdown-item volume-mute-btn"
+                    onClick={toggleMute}
+                    title={muted ? t("media.unmute") : t("media.mute")}
+                >
+                    <Icon icon={volumeIcon} />
+                </button>
+                <input
+                    type="range"
+                    class="media-volume-slider"
+                    min={0}
+                    max={1}
+                    step={0.05}
+                    value={muted ? 0 : volume}
+                    onInput={onVolumeChange}
+                />
+            </li>
+        </Dropdown>
    );
 }

--- a/apps/client/src/widgets/type_widgets/file/Video.css
+++ b/apps/client/src/widgets/type_widgets/file/Video.css
@@ -1,8 +1,8 @@
-.note-detail-file > .video-preview-wrapper {
+.video-preview-wrapper {
    width: 100%;
    height: 100%;
    position: relative;
-    background-color: black;    
+    background-color: black;

    .video-preview {
        background-color: black;
--- a/apps/client/src/widgets/type_widgets/file/Video.tsx
+++ b/apps/client/src/widgets/type_widgets/file/Video.tsx
@@ -7,19 +7,29 @@ import FNote from "../../../entities/fnote";
 import { t } from "../../../services/i18n";
 import { getUrlForDownload } from "../../../services/open";
 import ActionButton from "../../react/ActionButton";
+import Dropdown from "../../react/Dropdown";
+import { FormListHeader, FormListItem } from "../../react/FormList";
+import Icon from "../../react/Icon";
 import NoItems from "../../react/NoItems";
-import { LoopButton, PlaybackSpeed, PlayPauseButton, SeekBar, SkipButton, VolumeControl } from "./MediaPlayer";
+import { PlayPauseButton, SeekBar, SkipButton, VolumeControl } from "./MediaPlayer";

 const AUTO_HIDE_DELAY = 3000;

 export default function VideoPreview({ note }: { note: FNote }) {
+    return <VideoPreviewContent
+        url={getUrlForDownload(`api/notes/${note.noteId}/open-partial`)}
+        mime={note.mime}
+    />;
+}
+
+export function VideoPreviewContent({ url, mime }: { url: string, mime: string }) {
    const wrapperRef = useRef<HTMLDivElement>(null);
    const videoRef = useRef<HTMLVideoElement>(null);
    const [playing, setPlaying] = useState(false);
    const [error, setError] = useState(false);
    const { visible: controlsVisible, onMouseMove, flash: flashControls } = useAutoHideControls(videoRef, playing);

-    useEffect(() => setError(false), [note.noteId]);
+    useEffect(() => setError(false), [ url ]);
    const onError = useCallback(() => setError(true), []);

    const togglePlayback = useCallback(() => {
@@ -33,6 +43,7 @@ export default function VideoPreview({ note }: { note: FNote }) {
    }, []);

    const onVideoClick = useCallback((e: MouseEvent) => {
+        e.stopPropagation();
        if ((e.target as HTMLElement).closest(".media-preview-controls")) return;
        togglePlayback();
    }, [togglePlayback]);
@@ -40,7 +51,7 @@ export default function VideoPreview({ note }: { note: FNote }) {
    const onKeyDown = useKeyboardShortcuts(videoRef, wrapperRef, togglePlayback, flashControls);

    if (error) {
-        return <NoItems icon="bx bx-video-off" text={t("media.unsupported-format", { mime: note.mime.replace("/", "-") })} />;
+        return <NoItems icon="bx bx-video-off" text={t("media.unsupported-format", { mime: mime.replace("/", "-") })} />;
    }

    return (
@@ -48,8 +59,8 @@ export default function VideoPreview({ note }: { note: FNote }) {
            <video
                ref={videoRef}
                class="video-preview"
-                src={getUrlForDownload(`api/notes/${note.noteId}/open-partial`)}
-                datatype={note?.mime}
+                src={url}
+                datatype={mime}
                onPlay={() => setPlaying(true)}
                onPause={() => setPlaying(false)}
                onError={onError}
@@ -59,19 +70,17 @@ export default function VideoPreview({ note }: { note: FNote }) {
                <SeekBar mediaRef={videoRef} />
                <div class="media-buttons-row">
                    <div className="left">
-                        <PlaybackSpeed mediaRef={videoRef} />
-                        <RotateButton videoRef={videoRef} />
+                        <OverflowMenu videoRef={videoRef} />
                    </div>
                    <div className="center">
                        <div className="spacer" />
                        <SkipButton mediaRef={videoRef} seconds={-10} icon="bx bx-rewind" text={t("media.back-10s")} />
                        <PlayPauseButton playing={playing} togglePlayback={togglePlayback} />
                        <SkipButton mediaRef={videoRef} seconds={30} icon="bx bx-fast-forward" text={t("media.forward-30s")} />
-                        <LoopButton mediaRef={videoRef} />
+                        <div className="spacer" />
                    </div>
                    <div className="right">
                        <VolumeControl mediaRef={videoRef} />
-                        <ZoomToFitButton videoRef={videoRef} />
                        <PictureInPictureButton videoRef={videoRef} />
                        <FullscreenButton targetRef={wrapperRef} />
                    </div>
@@ -171,8 +180,49 @@ function useAutoHideControls(videoRef: RefObject<HTMLVideoElement>, playing: boo
    return { visible, onMouseMove, flash: onMouseMove };
 }

-function RotateButton({ videoRef }: { videoRef: RefObject<HTMLVideoElement> }) {
+const PLAYBACK_SPEEDS = [0.5, 1, 1.25, 1.5, 2];
+
+function OverflowMenu({ videoRef }: { videoRef: RefObject<HTMLVideoElement> }) {
+    const [speed, setSpeed] = useState(() => videoRef.current?.playbackRate ?? 1);
+    const [loop, setLoop] = useState(() => videoRef.current?.loop ?? false);
    const [rotation, setRotation] = useState(0);
+    const [fitted, setFitted] = useState(false);
+
+    // Sync playback rate
+    useEffect(() => {
+        const video = videoRef.current;
+        if (!video) return;
+
+        setSpeed(video.playbackRate);
+        const onRateChange = () => setSpeed(video.playbackRate);
+        video.addEventListener("ratechange", onRateChange);
+        return () => video.removeEventListener("ratechange", onRateChange);
+    }, [videoRef]);
+
+    // Sync loop state
+    useEffect(() => {
+        const video = videoRef.current;
+        if (!video) return;
+        setLoop(video.loop);
+
+        const observer = new MutationObserver(() => setLoop(video.loop));
+        observer.observe(video, { attributes: true, attributeFilter: ["loop"] });
+        return () => observer.disconnect();
+    }, [videoRef]);
+
+    const selectSpeed = (rate: number) => {
+        const video = videoRef.current;
+        if (!video) return;
+        video.playbackRate = rate;
+        setSpeed(rate);
+    };
+
+    const toggleLoop = () => {
+        const video = videoRef.current;
+        if (!video) return;
+        video.loop = !video.loop;
+        setLoop(video.loop);
+    };

    const rotate = () => {
        const video = videoRef.current;
@@ -182,7 +232,6 @@ function RotateButton({ videoRef }: { videoRef: RefObject<HTMLVideoElement> }) {

        const isSideways = next === 90 || next === 270;
        if (isSideways) {
-            // Scale down so the rotated video fits within its container.
            const container = video.parentElement;
            if (container) {
                const ratio = container.clientWidth / container.clientHeight;
@@ -195,19 +244,7 @@ function RotateButton({ videoRef }: { videoRef: RefObject<HTMLVideoElement> }) {
        }
    };

-    return (
-        <ActionButton
-            icon="bx bx-rotate-right"
-            text={t("media.rotate")}
-            onClick={rotate}
-        />
-    );
-}
-
-function ZoomToFitButton({ videoRef }: { videoRef: RefObject<HTMLVideoElement> }) {
-    const [fitted, setFitted] = useState(false);
-
-    const toggle = () => {
+    const toggleFit = () => {
        const video = videoRef.current;
        if (!video) return;
        const next = !fitted;
@@ -216,12 +253,50 @@ function ZoomToFitButton({ videoRef }: { videoRef: RefObject<HTMLVideoElement> }
    };

    return (
-        <ActionButton
-            className={fitted ? "active" : ""}
-            icon={fitted ? "bx bx-collapse" : "bx bx-expand"}
-            text={fitted ? t("media.zoom-reset") : t("media.zoom-to-fit")}
-            onClick={toggle}
-        />
+        <Dropdown
+            iconAction
+            hideToggleArrow
+            noSelectButtonStyle
+            noDropdownListStyle
+            mobileBackdrop
+            buttonClassName="overflow-menu-dropdown"
+            dropdownContainerClassName="mobile-bottom-menu"
+            text={<Icon icon="bx bx-dots-horizontal-rounded" />}
+            title={t("media.more-options")}
+        >
+            <FormListHeader text={t("media.playback-speed")} />
+            {PLAYBACK_SPEEDS.map((rate) => (
+                <FormListItem
+                    key={rate}
+                    icon={rate === speed ? "bx bx-check" : "bx bx-empty"}
+                    active={rate === speed}
+                    onClick={() => selectSpeed(rate)}
+                >
+                    {rate}x
+                </FormListItem>
+            ))}
+            <li class="dropdown-divider" />
+            <FormListItem
+                icon="bx bx-rotate-right"
+                onClick={rotate}
+            >
+                {t("media.rotate")}
+            </FormListItem>
+            <FormListItem
+                icon={loop ? "bx bx-check" : "bx bx-repeat"}
+                active={loop}
+                onClick={toggleLoop}
+            >
+                {loop ? t("media.disable-loop") : t("media.loop")}
+            </FormListItem>
+            <FormListItem
+                icon={fitted ? "bx bx-collapse" : "bx bx-expand"}
+                active={fitted}
+                onClick={toggleFit}
+            >
+                {fitted ? t("media.zoom-reset") : t("media.zoom-to-fit")}
+            </FormListItem>
+        </Dropdown>
    );
 }

--- a/apps/db-compare/package.json
+++ b/apps/db-compare/package.json
@@ -5,7 +5,7 @@
  "description": "Tool to compare content of Trilium databases. Useful for debugging sync problems.",
  "dependencies": {
    "colors": "1.4.0",
-    "diff": "8.0.4",
+    "diff": "8.0.3",
    "sqlite": "5.1.1",
    "sqlite3": "6.0.1"
  },
--- a/apps/dump-db/package.json
+++ b/apps/dump-db/package.json
@@ -6,7 +6,7 @@
  "dependencies": {
    "better-sqlite3": "12.8.0",
    "mime-types": "3.0.2",
-    "sanitize-filename": "1.6.4",
+    "sanitize-filename": "1.6.3",
    "tsx": "4.21.0",
    "yargs": "18.0.0"
  },
--- a/apps/server/package.json
+++ b/apps/server/package.json
@@ -99,21 +99,21 @@
    "html2plaintext": "2.1.4",
    "http-proxy-agent": "8.0.0",
    "https-proxy-agent": "8.0.0",
-    "i18next": "25.10.9",
+    "i18next": "25.8.18",
    "i18next-fs-backend": "2.6.1",
-    "image-type": "6.1.0",
+    "image-type": "6.0.0",
    "ini": "6.0.0",
    "is-animated": "2.0.2",
    "is-svg": "6.1.0",
    "jimp": "1.6.0",
    "lorem-ipsum": "2.0.8",
-    "marked": "17.0.5",
+    "marked": "17.0.4",
    "mime-types": "3.0.2",
    "multer": "2.1.1",
    "normalize-strings": "1.1.1",
    "rand-token": "1.0.1",
    "safe-compare": "1.1.4",
-    "sanitize-filename": "1.6.4",
+    "sanitize-filename": "1.6.3",
    "sanitize-html": "2.17.2",
    "sax": "1.6.0",
    "serve-favicon": "2.5.1",
@@ -126,8 +126,8 @@
    "tmp": "0.2.5",
    "turnish": "1.8.0",
    "unescape": "1.0.1",
-    "vite": "8.0.2",
-    "ws": "8.20.0",
+    "vite": "8.0.1",
+    "ws": "8.19.0",
    "xml2js": "0.6.2",
    "yauzl": "3.2.1"
  }
--- a/apps/server/src/assets/translations/pl/server.json
+++ b/apps/server/src/assets/translations/pl/server.json
@@ -14,7 +14,7 @@
    "creating-and-moving-notes": "Tworzenie i przenoszenie notatek",
    "create-note-after": "Utwórz notatkę po aktywnej notatce",
    "create-note-into": "Utwórz notatkę jako podrzędną aktywnej notatki",
-    "create-note-into-inbox": "Utwórz notatkę w skrzynce odbiorczej (jeśli zdefiniowano) lub w notatce dziennej",
+    "create-note-into-inbox": "Utwórz notatkę w skrzynce odbiorczej (jeśli zdefiniowana) lub notatkę dnia",
    "delete-note": "Usuń notatkę",
    "move-note-up": "Przenieś notatkę w górę",
    "move-note-down": "Przenieś notatkę w dół",
@@ -59,7 +59,7 @@
    "show-backend-log": "Otwórz stronę \"Logi backendu\"",
    "show-help": "Otwórz wbudowany Poradnik Użytkownika",
    "show-cheatsheet": "Pokaż listę skrótów klawiszowych",
-    "text-note-operations": "Operacje na notatkach",
+    "text-note-operations": "Operacje na notatkach tekstowych",
    "add-link-to-text": "Otwórz okno dodawania linku do tekstu",
    "follow-link-under-cursor": "Podążaj za linkiem pod kursorem",
    "insert-date-and-time-to-text": "Wstaw aktualną datę i czas",
--- a/apps/web-clipper/package.json
+++ b/apps/web-clipper/package.json
@@ -13,7 +13,7 @@
    "postinstall": "wxt prepare"
  },
  "keywords": [],
-  "packageManager": "pnpm@10.33.0",
+  "packageManager": "pnpm@10.32.1",
  "devDependencies": {
    "@wxt-dev/auto-icons": "1.1.1",
    "wxt": "0.20.20"
--- a/apps/website/package.json
+++ b/apps/website/package.json
@@ -9,21 +9,21 @@
 		"preview": "pnpm build && vite preview"
 	},
 	"dependencies": {
-		"i18next": "25.10.9",
+		"i18next": "25.8.18",
 		"i18next-http-backend": "3.0.2",
 		"preact": "10.29.0",
 		"preact-iso": "2.11.1",
 		"preact-render-to-string": "6.6.6",
-		"react-i18next": "16.6.6"
+		"react-i18next": "16.5.8"
 	},
 	"devDependencies": {
-		"@preact/preset-vite": "2.10.5",
-		"eslint": "10.1.0",
+		"@preact/preset-vite": "2.10.4",
+		"eslint": "10.0.3",
 		"eslint-config-preact": "2.0.0",
 		"typescript": "5.9.3",
 		"user-agent-data-types": "0.4.2",
-		"vite": "8.0.2",
-		"vitest": "4.1.1"
+		"vite": "8.0.1",
+		"vitest": "4.1.0"
 	},
 	"eslintConfig": {
 		"extends": "preact"
--- a/apps/website/src/translations/it/translation.json
+++ b/apps/website/src/translations/it/translation.json
@@ -201,7 +201,7 @@
    "resources": {
        "title": "Risorse",
        "icon_packs": "Pacchetti di icone",
-        "icon_packs_intro": "Ampliate la selezione di icone disponibili per le vostre note utilizzando un pacchetto di icone. Per ulteriori informazioni sui pacchetti di icone, consultate la <DocumentationLink>documentazione ufficiale</DocumentationLink>.",
+        "icon_packs_intro": "Ampliate la selezione di icone disponibili per le vostre note utilizzando un pacchetto di icone. Per ulteriori informazioni sui pacchetti di icone, consultate la<DocumentationLink>documentazione ufficiale</DocumentationLink>.",
        "download": "Scarica",
        "website": "Sito web"
    }
--- a/apps/website/src/translations/pl/translation.json
+++ b/apps/website/src/translations/pl/translation.json
@@ -201,7 +201,7 @@
    "resources": {
        "title": "Zasoby",
        "icon_packs": "Paczki ikon",
-        "icon_packs_intro": "Rozszerz wybór dostępnych ikon dla swoich notatek, korzystając z pakietu ikon. Więcej informacji na temat pakietów ikon znajdziesz w <DocumentationLink> oficjalnej dokumentacji </DocumentationLink>.",
+        "icon_packs_intro": "Rozszerz wybór dostępnych ikon dla swoich notatek, korzystając z pakietu ikon. Więcej informacji na temat pakietów ikon znajdziesz w <DocumentationLink> dokumentacji </DocumentationLink>.",
        "download": "Pobieranie",
        "website": "Strona internetowa"
    }
--- a/docs/README-pl.md
+++ b/docs/README-pl.md
@@ -48,7 +48,7 @@ wiedzy.
 [docs.triliumnotes.org](https://docs.triliumnotes.org/)**

 Nasza dokumentacja jest dostępna w wielu formatach:
- **Dokumentacja online**: Przeglądaj pełną dokumentację pod linkiem
+- **Dokumentacja Online**: Pełna dokumentacja dostępna na
  [docs.triliumnotes.org](https://docs.triliumnotes.org/)
 - **Pomoc w aplikacji**: Naciśnij `F1` w Trilium, aby uzyskać dostęp do tej
  samej dokumentacji bezpośrednio w aplikacji
--- a/flake.lock
+++ b/flake.lock
@@ -20,11 +20,11 @@
    },
    "nixpkgs": {
      "locked": {
-        "lastModified": 1774171785,
-        "narHash": "sha256-upDSNdH1WEL2Z0ISvRXTWk7rEndTxUcaTOLY9imJYa8=",
+        "lastModified": 1769184885,
+        "narHash": "sha256-wVX5Cqpz66SINNsmt3Bv/Ijzzfl8EPUISq5rKK129K0=",
        "owner": "NixOS",
        "repo": "nixpkgs",
-        "rev": "f8a13215c766347f3da9beef4cfc952eb23fa46e",
+        "rev": "12689597ba7a6d776c3c979f393896be095269d4",
        "type": "github"
      },
      "original": {
@@ -43,16 +43,15 @@
        ]
      },
      "locked": {
-        "lastModified": 1774171918,
-        "narHash": "sha256-0OBrtBnowvYP/YMKh7GB1GX22ORK+2X771EVgT+1tsk=",
-        "owner": "TriliumNext",
+        "lastModified": 1749022118,
+        "narHash": "sha256-7Qzmy1snKbxFBKoqUrfyxxmEB8rPxDdV7PQwRiAR01o=",
+        "owner": "FliegendeWurst",
        "repo": "pnpm2nix-nzbr",
-        "rev": "536d67261ffe7c91cb286c8581cc799a1b61e969",
+        "rev": "35f88a41d29839b3989f31871263451c8e092cb1",
        "type": "github"
      },
      "original": {
-        "owner": "TriliumNext",
-        "ref": "fix/optional_dependencies_filtering",
+        "owner": "FliegendeWurst",
        "repo": "pnpm2nix-nzbr",
        "type": "github"
      }
--- a/flake.nix
+++ b/flake.nix
@@ -5,7 +5,7 @@
    nixpkgs.url = "github:NixOS/nixpkgs";
    flake-utils.url = "github:numtide/flake-utils";
    pnpm2nix = {
-      url = "github:TriliumNext/pnpm2nix-nzbr/fix/optional_dependencies_filtering";
+      url = "github:FliegendeWurst/pnpm2nix-nzbr";
      inputs = {
        flake-utils.follows = "flake-utils";
        nixpkgs.follows = "nixpkgs";
@@ -325,8 +325,6 @@
          buildInputs = [
            nodejs
            pnpm
-            electron
-            nodejs.python
          ];
        };
      }
--- a/package.json
+++ b/package.json
@@ -52,19 +52,19 @@
    "@types/express": "5.0.6",
    "@types/js-yaml": "4.0.9",
    "@types/node": "24.12.0",
-    "@vitest/browser-webdriverio": "4.1.1",
-    "@vitest/coverage-v8": "4.1.1",
-    "@vitest/ui": "4.1.1",
+    "@vitest/browser-webdriverio": "4.1.0",
+    "@vitest/coverage-v8": "4.1.0",
+    "@vitest/ui": "4.1.0",
    "chalk": "5.6.2",
    "cross-env": "10.1.0",
    "dpdm": "4.0.1",
    "esbuild": "0.27.4",
-    "eslint": "10.1.0",
+    "eslint": "10.0.3",
    "eslint-config-preact": "2.0.0",
    "eslint-config-prettier": "10.1.8",
    "eslint-plugin-playwright": "2.10.1",
    "eslint-plugin-simple-import-sort": "12.1.1",
-    "happy-dom": "20.8.8",
+    "happy-dom": "20.8.4",
    "http-server": "14.1.1",
    "jiti": "2.6.1",
    "js-yaml": "4.1.1",
@@ -74,11 +74,11 @@
    "tslib": "2.8.1",
    "tsx": "4.21.0",
    "typescript": "5.9.3",
-    "typescript-eslint": "8.57.2",
+    "typescript-eslint": "8.57.1",
    "upath": "2.0.1",
-    "vite": "8.0.2",
+    "vite": "8.0.1",
    "vite-plugin-dts": "4.5.4",
-    "vitest": "4.1.1"
+    "vitest": "4.1.0"
  },
  "license": "AGPL-3.0-only",
  "author": {
@@ -94,14 +94,14 @@
    "url": "https://github.com/TriliumNext/Trilium/issues"
  },
  "homepage": "https://triliumnotes.org",
-  "packageManager": "pnpm@10.33.0",
+  "packageManager": "pnpm@10.32.1",
  "pnpm": {
    "patchedDependencies": {
      "@ckeditor/ckeditor5-mention": "patches/@ckeditor__ckeditor5-mention.patch",
      "@ckeditor/ckeditor5-code-block": "patches/@ckeditor__ckeditor5-code-block.patch"
    },
    "overrides": {
-      "@codemirror/language": "6.12.3",
+      "@codemirror/language": "6.12.2",
      "@lezer/highlight": "1.2.3",
      "@lezer/common": "1.5.1",
      "mermaid": "11.13.0",
--- a/packages/ckeditor5-admonition/package.json
+++ b/packages/ckeditor5-admonition/package.json
@@ -24,22 +24,22 @@
    "@ckeditor/ckeditor5-dev-build-tools": "55.2.0",
    "@ckeditor/ckeditor5-inspector": ">=4.1.0",
    "@ckeditor/ckeditor5-package-tools": "5.1.0",
-    "@typescript-eslint/eslint-plugin": "8.57.2",
-    "@typescript-eslint/parser": "8.57.2",
-    "@vitest/browser": "4.1.1",
-    "@vitest/coverage-istanbul": "4.1.1",
+    "@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",
-    "eslint": "10.1.0",
+    "eslint": "10.0.3",
    "eslint-config-ckeditor5": ">=9.1.0",
    "http-server": "14.1.1",
    "lint-staged": "16.4.0",
-    "stylelint": "17.5.0",
+    "stylelint": "17.4.0",
    "stylelint-config-ckeditor5": ">=9.1.0",
    "ts-node": "10.9.2",
    "typescript": "5.9.3",
    "vite-plugin-svgo": "2.0.0",
-    "vitest": "4.1.1",
-    "webdriverio": "9.27.0"
+    "vitest": "4.1.0",
+    "webdriverio": "9.26.1"
  },
  "peerDependencies": {
    "ckeditor5": "47.6.1"
--- a/packages/ckeditor5-footnotes/package.json
+++ b/packages/ckeditor5-footnotes/package.json
@@ -25,22 +25,22 @@
    "@ckeditor/ckeditor5-dev-build-tools": "55.2.0",
    "@ckeditor/ckeditor5-inspector": ">=4.1.0",
    "@ckeditor/ckeditor5-package-tools": "5.1.0",
-    "@typescript-eslint/eslint-plugin": "8.57.2",
-    "@typescript-eslint/parser": "8.57.2",
-    "@vitest/browser": "4.1.1",
-    "@vitest/coverage-istanbul": "4.1.1",
+    "@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",
-    "eslint": "10.1.0",
+    "eslint": "10.0.3",
    "eslint-config-ckeditor5": ">=9.1.0",
    "http-server": "14.1.1",
    "lint-staged": "16.4.0",
-    "stylelint": "17.5.0",
+    "stylelint": "17.4.0",
    "stylelint-config-ckeditor5": ">=9.1.0",
    "ts-node": "10.9.2",
    "typescript": "5.9.3",
    "vite-plugin-svgo": "2.0.0",
-    "vitest": "4.1.1",
-    "webdriverio": "9.27.0"
+    "vitest": "4.1.0",
+    "webdriverio": "9.26.1"
  },
  "peerDependencies": {
    "ckeditor5": "47.6.1"
--- a/packages/ckeditor5-keyboard-marker/package.json
+++ b/packages/ckeditor5-keyboard-marker/package.json
@@ -27,22 +27,22 @@
    "@ckeditor/ckeditor5-dev-build-tools": "55.2.0",
    "@ckeditor/ckeditor5-inspector": ">=4.1.0",
    "@ckeditor/ckeditor5-package-tools": "5.1.0",
-    "@typescript-eslint/eslint-plugin": "8.57.2",
-    "@typescript-eslint/parser": "8.57.2",
-    "@vitest/browser": "4.1.1",
-    "@vitest/coverage-istanbul": "4.1.1",
+    "@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",
-    "eslint": "10.1.0",
+    "eslint": "10.0.3",
    "eslint-config-ckeditor5": ">=9.1.0",
    "http-server": "14.1.1",
    "lint-staged": "16.4.0",
-    "stylelint": "17.5.0",
+    "stylelint": "17.4.0",
    "stylelint-config-ckeditor5": ">=9.1.0",
    "ts-node": "10.9.2",
    "typescript": "5.9.3",
    "vite-plugin-svgo": "2.0.0",
-    "vitest": "4.1.1",
-    "webdriverio": "9.27.0"
+    "vitest": "4.1.0",
+    "webdriverio": "9.26.1"
  },
  "peerDependencies": {
    "ckeditor5": "47.6.1"
--- a/packages/ckeditor5-math/package.json
+++ b/packages/ckeditor5-math/package.json
@@ -27,22 +27,22 @@
    "@ckeditor/ckeditor5-dev-build-tools": "55.2.0",
    "@ckeditor/ckeditor5-inspector": ">=4.1.0",
    "@ckeditor/ckeditor5-package-tools": "5.1.0",
-    "@typescript-eslint/eslint-plugin": "8.57.2",
-    "@typescript-eslint/parser": "8.57.2",
-    "@vitest/browser": "4.1.1",
-    "@vitest/coverage-istanbul": "4.1.1",
+    "@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",
-    "eslint": "10.1.0",
+    "eslint": "10.0.3",
    "eslint-config-ckeditor5": ">=9.1.0",
    "http-server": "14.1.1",
    "lint-staged": "16.4.0",
-    "stylelint": "17.5.0",
+    "stylelint": "17.4.0",
    "stylelint-config-ckeditor5": ">=9.1.0",
    "ts-node": "10.9.2",
    "typescript": "5.9.3",
    "vite-plugin-svgo": "2.0.0",
-    "vitest": "4.1.1",
-    "webdriverio": "9.27.0"
+    "vitest": "4.1.0",
+    "webdriverio": "9.26.1"
  },
  "peerDependencies": {
    "ckeditor5": "47.6.1"
--- a/packages/ckeditor5-mermaid/package.json
+++ b/packages/ckeditor5-mermaid/package.json
@@ -27,22 +27,22 @@
    "@ckeditor/ckeditor5-dev-build-tools": "55.2.0",
    "@ckeditor/ckeditor5-inspector": ">=4.1.0",
    "@ckeditor/ckeditor5-package-tools": "5.1.0",
-    "@typescript-eslint/eslint-plugin": "8.57.2",
-    "@typescript-eslint/parser": "8.57.2",
-    "@vitest/browser": "4.1.1",
-    "@vitest/coverage-istanbul": "4.1.1",
+    "@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",
-    "eslint": "10.1.0",
+    "eslint": "10.0.3",
    "eslint-config-ckeditor5": ">=9.1.0",
    "http-server": "14.1.1",
    "lint-staged": "16.4.0",
-    "stylelint": "17.5.0",
+    "stylelint": "17.4.0",
    "stylelint-config-ckeditor5": ">=9.1.0",
    "ts-node": "10.9.2",
    "typescript": "5.9.3",
    "vite-plugin-svgo": "2.0.0",
-    "vitest": "4.1.1",
-    "webdriverio": "9.27.0"
+    "vitest": "4.1.0",
+    "webdriverio": "9.26.1"
  },
  "peerDependencies": {
    "ckeditor5": "47.6.1"
--- a/packages/codemirror/package.json
+++ b/packages/codemirror/package.json
@@ -52,6 +52,6 @@
    "codemirror-lang-elixir": "4.0.1",
    "codemirror-lang-hcl": "0.1.0",
    "codemirror-lang-mermaid": "0.5.0",
-    "eslint-linter-browserify": "10.1.0"
+    "eslint-linter-browserify": "10.0.3"
  }
 }
--- a/packages/share-theme/package.json
+++ b/packages/share-theme/package.json
@@ -25,17 +25,17 @@
  "license": "Apache-2.0",
  "dependencies": {
    "fuse.js": "7.1.0",
-    "katex": "0.16.42",
+    "katex": "0.16.39",
    "mermaid": "11.13.0"
  },
  "devDependencies": {
    "@digitak/esrun": "3.2.26",
    "@triliumnext/ckeditor5": "workspace:*",
-    "@typescript-eslint/eslint-plugin": "8.57.2",
-    "@typescript-eslint/parser": "8.57.2",
+    "@typescript-eslint/eslint-plugin": "8.57.1",
+    "@typescript-eslint/parser": "8.57.1",
    "dotenv": "17.3.1",
    "esbuild": "0.27.4",
-    "eslint": "10.1.0",
+    "eslint": "10.0.3",
    "highlight.js": "11.11.1",
    "typescript": "5.9.3"
  }
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
Author	SHA1	Message	Date
Elian Doran	2d63e2a00f	feat(note_list): display files full-width on mobile	2026-03-21 10:29:57 +02:00
Elian Doran	5a16aa416f	feat(video): improve layout on mobile	2026-03-21 10:20:19 +02:00
Elian Doran	df2a53e010	feat(video): group less common options into a dropdown menu	2026-03-21 10:15:22 +02:00
Elian Doran	4f08389f80	chore(video): use dropdown for volume control	2026-03-21 10:03:32 +02:00
Elian Doran	ff0fb4bcfd	fix(video): styles not applied to note list	2026-03-21 09:59:43 +02:00
Elian Doran	5f410faaa9	fix(video): consume event to prevent clicking through it	2026-03-21 09:56:08 +02:00
Elian Doran	25bd9e8abd	chore(video): use wrapperless rendering into note content	2026-03-21 09:54:17 +02:00
Elian Doran	301a1b2288	feat(video): basic integration into note list	2026-03-21 09:50:34 +02:00
@@ -1 +1 @@
 .14.1
 .14.0