client/settings/disable motion: update translation

Currently translated at 99.4% (376 of 378 strings)

Translation: Trilium Notes/Server
Translate-URL: https://hosted.weblate.org/projects/trilium/server/uk/

.github/actions/build-electron/action.yml

@@ -162,3 +162,25 @@ runs:
         echo "Found ZIP: $zip_file"
         echo "Note: ZIP files are not code signed, but their contents should be"
       fi
+
+  - name: Sign the RPM
+    if: inputs.os == 'linux'
+    shell: ${{ inputs.shell }}
+    run: |
+      echo -n "$GPG_SIGNING_KEY" | base64 --decode | gpg --import
+
+      # Import the key into RPM for verification
+      gpg --export -a > pubkey
+      rpm --import pubkey
+      rm pubkey
+
+      # Sign the RPM
+      rpm_file=$(find ./apps/desktop/upload -name "*.rpm" -print -quit)
+      rpmsign --define "_gpg_name Trilium Notes Signing Key <triliumnotes@outlook.com>" --addsign "$rpm_file"
+      rpm -Kv "$rpm_file"
+
+      # Validate code signing
+      if ! rpm -K "$rpm_file" | grep -q "digests signatures OK"; then
+        echo .rpm file not signed
+        exit 1
+      fi

.github/actions/report-size/action.yml

@@ -44,7 +44,7 @@ runs:
   steps:
     # Checkout branch to compare to [required]
     - name: Checkout base branch
-      uses: actions/checkout@v4
+      uses: actions/checkout@v5
       with:
         ref: ${{ inputs.branch }}
         path: br-base

.github/workflows/checks.yml

@@ -12,6 +12,7 @@ jobs:
     steps:
       - name: Check if PRs have conflicts
         uses: eps1lon/actions-label-merge-conflict@v3
+        if: github.repository == ${{ vars.REPO_MAIN }}
         with:
           dirtyLabel: "merge-conflicts"
           repoToken: "${{ secrets.MERGE_CONFLICT_LABEL_PAT }}"

.github/workflows/codeql.yml

@@ -57,7 +57,7 @@ jobs:
         # your codebase is analyzed, see https://docs.github.com/en/code-security/code-scanning/creating-an-advanced-setup-for-code-scanning/codeql-code-scanning-for-compiled-languages
     steps:
     - name: Checkout repository
-      uses: actions/checkout@v4
+      uses: actions/checkout@v5
 
     # Add any setup steps before running the `github/codeql-action/init` action.
     # This includes steps like installing compilers or runtimes (`actions/setup-node`

.github/workflows/dev.yml

@@ -24,7 +24,7 @@ jobs:
     runs-on: ubuntu-latest
     steps:
       - name: Checkout the repository
-        uses: actions/checkout@v4
+        uses: actions/checkout@v5
         with:
           fetch-depth: 0  # needed for https://github.com/marketplace/actions/nx-set-shas
 
@@ -48,7 +48,7 @@ jobs:
       - check-affected
     steps:
       - name: Checkout the repository
-        uses: actions/checkout@v4
+        uses: actions/checkout@v5
 
       - uses: pnpm/action-setup@v4
       - name: Set up node & dependencies
@@ -68,7 +68,7 @@ jobs:
       - test_dev
       - check-affected
     steps:
-      - uses: actions/checkout@v4
+      - uses: actions/checkout@v5
       - uses: pnpm/action-setup@v4
       - name: Install dependencies
         run: pnpm install --frozen-lockfile
@@ -103,7 +103,7 @@ jobs:
           - dockerfile: Dockerfile
     steps:
       - name: Checkout the repository
-        uses: actions/checkout@v4
+        uses: actions/checkout@v5
 
       - uses: pnpm/action-setup@v4
       - name: Install dependencies

.github/workflows/main-docker.yml

@@ -32,7 +32,7 @@ jobs:
           - dockerfile: Dockerfile
     steps:
       - name: Checkout the repository
-        uses: actions/checkout@v4
+        uses: actions/checkout@v5
 
       - name: Set IMAGE_NAME to lowercase
         run: echo "IMAGE_NAME=${IMAGE_NAME,,}" >> $GITHUB_ENV
@@ -141,7 +141,7 @@ jobs:
         run: echo "TEST_TAG=${TEST_TAG,,}" >> $GITHUB_ENV
 
       - name: Checkout repository
-        uses: actions/checkout@v4
+        uses: actions/checkout@v5
       - uses: pnpm/action-setup@v4
       - name: Set up node & dependencies
         uses: actions/setup-node@v4
@@ -223,7 +223,7 @@ jobs:
       - build
     steps:
       - name: Download digests
-        uses: actions/download-artifact@v4
+        uses: actions/download-artifact@v5
         with:
           path: /tmp/digests
           pattern: digests-*

.github/workflows/nightly.yml

@@ -27,6 +27,7 @@ permissions:
 
 jobs:
   nightly-electron:
+    if: github.repository == ${{ vars.REPO_MAIN }}
     name: Deploy nightly
     strategy:
       fail-fast: false
@@ -47,7 +48,7 @@ jobs:
             forge_platform: win32
     runs-on: ${{ matrix.os.image }}
     steps:
-      - uses: actions/checkout@v4
+      - uses: actions/checkout@v5
       - uses: pnpm/action-setup@v4
       - name: Set up node & dependencies
         uses: actions/setup-node@v4
@@ -75,6 +76,7 @@ jobs:
           APPLE_ID: ${{ secrets.APPLE_ID }}
           APPLE_ID_PASSWORD: ${{ secrets.APPLE_ID_PASSWORD }}
           WINDOWS_SIGN_EXECUTABLE: ${{ vars.WINDOWS_SIGN_EXECUTABLE }}
+          GPG_SIGNING_KEY: ${{ secrets.GPG_SIGN_KEY }}
 
       - name: Publish release
         uses: softprops/action-gh-release@v2.3.2
@@ -96,6 +98,7 @@ jobs:
           path: apps/desktop/upload
 
   nightly-server:
+    if: github.repository == ${{ vars.REPO_MAIN }}
     name: Deploy server nightly
     strategy:
       fail-fast: false
@@ -108,7 +111,7 @@ jobs:
             runs-on: ubuntu-24.04-arm
     runs-on: ${{ matrix.runs-on }}
     steps:
-      - uses: actions/checkout@v4
+      - uses: actions/checkout@v5
 
       - name: Run the build
         uses: ./.github/actions/build-server

.github/workflows/playwright.yml

@@ -14,7 +14,7 @@ jobs:
   main:
     runs-on: ubuntu-latest
     steps:
-      - uses: actions/checkout@v4
+      - uses: actions/checkout@v5
         with:
           filter: tree:0
           fetch-depth: 0

.github/workflows/release.yml

@@ -32,7 +32,7 @@ jobs:
             forge_platform: win32
     runs-on: ${{ matrix.os.image }}
     steps:
-      - uses: actions/checkout@v4
+      - uses: actions/checkout@v5
       - uses: pnpm/action-setup@v4
       - name: Set up node & dependencies
         uses: actions/setup-node@v4
@@ -58,6 +58,7 @@ jobs:
           APPLE_ID: ${{ secrets.APPLE_ID }}
           APPLE_ID_PASSWORD: ${{ secrets.APPLE_ID_PASSWORD }}
           WINDOWS_SIGN_EXECUTABLE: ${{ vars.WINDOWS_SIGN_EXECUTABLE }}
+          GPG_SIGNING_KEY: ${{ secrets.GPG_SIGN_KEY }}
 
       - name: Upload the artifact
         uses: actions/upload-artifact@v4
@@ -78,7 +79,7 @@ jobs:
             runs-on: ubuntu-24.04-arm
     runs-on: ${{ matrix.runs-on }}
     steps:
-      - uses: actions/checkout@v4
+      - uses: actions/checkout@v5
 
       - name: Run the build
         uses: ./.github/actions/build-server
@@ -101,13 +102,13 @@ jobs:
     steps:
       - run: mkdir upload
 
-      - uses: actions/checkout@v4
+      - uses: actions/checkout@v5
         with:
           sparse-checkout: |
             docs/Release Notes
 
       - name: Download all artifacts
-        uses: actions/download-artifact@v4
+        uses: actions/download-artifact@v5
         with:
           merge-multiple: true
           pattern: release-*

.github/workflows/unblock_signing.yml

@@ -0,0 +1,11 @@
+name: Unblock signing
+on:
+  workflow_dispatch:
+
+jobs:
+  unblock-win-signing:
+    runs-on: win-signing
+    steps:
+      - run: |
+          cat ${{ vars.WINDOWS_SIGN_ERROR_LOG }}
+          rm ${{ vars.WINDOWS_SIGN_ERROR_LOG }}

.gitignore

@@ -10,6 +10,7 @@ node_modules
 
 # IDEs and editors
 /.idea
+.idea
 .project
 .classpath
 .c9/

.idea/.gitignore

@@ -1,6 +0,0 @@
-# Default ignored files
-/workspace.xml
-
-# Datasource local storage ignored files
-/dataSources.local.xml
-/dataSources/

.idea/codeStyles/Project.xml

@@ -1,15 +0,0 @@
-<component name="ProjectCodeStyleConfiguration">
-  <code_scheme name="Project" version="173">
-    <option name="OTHER_INDENT_OPTIONS">
-      <value>
-        <option name="INDENT_SIZE" value="2" />
-        <option name="TAB_SIZE" value="2" />
-      </value>
-    </option>
-    <codeStyleSettings language="JSON">
-      <indentOptions>
-        <option name="INDENT_SIZE" value="4" />
-      </indentOptions>
-    </codeStyleSettings>
-  </code_scheme>
-</component>

.idea/codeStyles/codeStyleConfig.xml

@@ -1,5 +0,0 @@
-<component name="ProjectCodeStyleConfiguration">
-  <state>
-    <option name="USE_PER_PROJECT_SETTINGS" value="true" />
-  </state>
-</component>

.idea/dataSources.xml

@@ -1,12 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<project version="4">
-  <component name="DataSourceManagerImpl" format="xml" multifile-model="true">
-    <data-source source="LOCAL" name="document.db" uuid="2a4ac1e6-b828-4a2a-8e4a-3f59f10aff26">
-      <driver-ref>sqlite.xerial</driver-ref>
-      <synchronize>true</synchronize>
-      <jdbc-driver>org.sqlite.JDBC</jdbc-driver>
-      <jdbc-url>jdbc:sqlite:$PROJECT_DIR$/data/document.db</jdbc-url>
-      <working-dir>$ProjectFileDir$</working-dir>
-    </data-source>
-  </component>
-</project>

.idea/encodings.xml

@@ -1,4 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<project version="4">
-  <component name="Encoding" addBOMForNewFiles="with NO BOM" />
-</project>

.idea/git_toolbox_prj.xml

@@ -1,15 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<project version="4">
-  <component name="GitToolBoxProjectSettings">
-    <option name="commitMessageIssueKeyValidationOverride">
-      <BoolValueOverride>
-        <option name="enabled" value="true" />
-      </BoolValueOverride>
-    </option>
-    <option name="commitMessageValidationEnabledOverride">
-      <BoolValueOverride>
-        <option name="enabled" value="true" />
-      </BoolValueOverride>
-    </option>
-  </component>
-</project>

.idea/inspectionProfiles/Project_Default.xml

@@ -1,11 +0,0 @@
-<component name="InspectionProjectProfileManager">
-  <profile version="1.0">
-    <option name="myName" value="Project Default" />
-    <inspection_tool class="Eslint" enabled="true" level="WARNING" enabled_by_default="true" />
-    <inspection_tool class="SpellCheckingInspection" enabled="false" level="TYPO" enabled_by_default="false">
-      <option name="processCode" value="true" />
-      <option name="processLiterals" value="true" />
-      <option name="processComments" value="true" />
-    </inspection_tool>
-  </profile>
-</component>

.idea/jsLibraryMappings.xml

@@ -1,6 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<project version="4">
-  <component name="JavaScriptLibraryMappings">
-    <includedPredefinedLibrary name="Node.js Core" />
-  </component>
-</project>

.idea/jsLinters/jslint.xml

@@ -1,9 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<project version="4">
-  <component name="JSLintConfiguration">
-    <option devel="true" />
-    <option es6="true" />
-    <option maxerr="50" />
-    <option node="true" />
-  </component>
-</project>

.idea/misc.xml

@@ -1,8 +0,0 @@
-<project version="4">
-  <component name="JavaScriptSettings">
-    <option name="languageLevel" value="ES6" />
-  </component>
-  <component name="ProjectRootManager" version="2" languageLevel="JDK_16" default="true" project-jdk-name="openjdk-16" project-jdk-type="JavaSDK">
-    <output url="file://$PROJECT_DIR$/out" />
-  </component>
-</project>

.idea/modules.xml

@@ -1,8 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<project version="4">
-  <component name="ProjectModuleManager">
-    <modules>
-      <module fileurl="file://$PROJECT_DIR$/trilium.iml" filepath="$PROJECT_DIR$/trilium.iml" />
-    </modules>
-  </component>
-</project>

.idea/sqldialects.xml

@@ -1,7 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<project version="4">
-  <component name="SqlDialectMappings">
-    <file url="file://$PROJECT_DIR$" dialect="SQLite" />
-    <file url="PROJECT" dialect="SQLite" />
-  </component>
-</project>

.idea/vcs.xml

@@ -1,6 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<project version="4">
-  <component name="VcsDirectoryMappings">
-    <mapping directory="" vcs="Git" />
-  </component>
-</project>

.vscode/i18n-ally-custom-framework.yml

@@ -3,6 +3,7 @@
 languageIds:
   - javascript
   - typescript
+  - typescriptreact
   - html
 
 # An array of RegExes to find the key usage. **The key should be captured in the first match group**.
@@ -25,6 +26,7 @@ scopeRangeRegex: "useTranslation\\(\\s*\\[?\\s*['\"`](.*?)['\"`]"
 # The "$1" will be replaced by the keypath specified.
 refactorTemplates:
   - t("$1")
+  - {t("$1")}
   - ${t("$1")}
   - <%= t("$1") %>
 

README.md

@@ -1,11 +1,11 @@
 # Trilium Notes
 
 ![GitHub Sponsors](https://img.shields.io/github/sponsors/eliandoran) ![LiberaPay patrons](https://img.shields.io/liberapay/patrons/ElianDoran)  
-![Docker Pulls](https://img.shields.io/docker/pulls/triliumnext/notes)
-![GitHub Downloads (all assets, all releases)](https://img.shields.io/github/downloads/triliumnext/notes/total)  
+![Docker Pulls](https://img.shields.io/docker/pulls/triliumnext/trilium)
+![GitHub Downloads (all assets, all releases)](https://img.shields.io/github/downloads/triliumnext/trilium/total)  
 [![RelativeCI](https://badges.relative-ci.com/badges/Di5q7dz9daNDZ9UXi0Bp?branch=develop)](https://app.relative-ci.com/projects/Di5q7dz9daNDZ9UXi0Bp) [![Translation status](https://hosted.weblate.org/widget/trilium/svg-badge.svg)](https://hosted.weblate.org/engage/trilium/)
 
-[English](./README.md) | [Chinese](./docs/README-ZH_CN.md) | [Russian](./docs/README.ru.md) | [Japanese](./docs/README.ja.md) | [Italian](./docs/README.it.md) | [Spanish](./docs/README.es.md)
+[English](./README.md) | [Chinese (Simplified)](./docs/README-ZH_CN.md) | [Chinese (Traditional)](./docs/README-ZH_TW.md) | [Russian](./docs/README.ru.md) | [Japanese](./docs/README.ja.md) | [Italian](./docs/README.it.md) | [Spanish](./docs/README.es.md)
 
 Trilium Notes is a free and open-source, cross-platform hierarchical note taking application with focus on building large personal knowledge bases.
 
@@ -46,15 +46,15 @@ See [screenshots](https://triliumnext.github.io/Docs/Wiki/screenshot-tour) for q
 - [awesome-trilium](https://github.com/Nriver/awesome-trilium) for 3rd party themes, scripts, plugins and more.
 - [TriliumRocks!](https://trilium.rocks/) for tutorials, guides, and much more.
 
-## ⚠️ Why TriliumNext?
+## ❓Why TriliumNext?
 
-[The original Trilium project is in maintenance mode](https://github.com/zadam/trilium/issues/4620).
+The original Trilium developer ([Zadam](https://github.com/zadam)) has graciously given the Trilium repository to the community project which resides at https://github.com/TriliumNext
 
-### Migrating from Trilium?
+### ⬆️Migrating from Zadam/Trilium?
 
-There are no special migration steps to migrate from a zadam/Trilium instance to a TriliumNext/Notes instance. Simply [install TriliumNext/Notes](#-installation) as usual and it will use your existing database.
+There are no special migration steps to migrate from a zadam/Trilium instance to a TriliumNext/Trilium instance. Simply [install TriliumNext/Trilium](#-installation) as usual and it will use your existing database.
 
-Versions up to and including [v0.90.4](https://github.com/TriliumNext/Notes/releases/tag/v0.90.4) are compatible with the latest zadam/trilium version of [v0.63.7](https://github.com/zadam/trilium/releases/tag/v0.63.7). Any later versions of TriliumNext have their sync versions incremented.
+Versions up to and including [v0.90.4](https://github.com/TriliumNext/Trilium/releases/tag/v0.90.4) are compatible with the latest zadam/trilium version of [v0.63.7](https://github.com/zadam/trilium/releases/tag/v0.63.7). Any later versions of TriliumNext/Trilium have their sync versions incremented which prevents direct migration.
 
 ## 📖 Documentation
 
@@ -75,14 +75,14 @@ Feel free to join our official conversations. We would love to hear what feature
 
 - [Matrix](https://matrix.to/#/#triliumnext:matrix.org) (For synchronous discussions.)
   - The `General` Matrix room is also bridged to [XMPP](xmpp:discuss@trilium.thisgreat.party?join)
-- [Github Discussions](https://github.com/TriliumNext/Notes/discussions) (For asynchronous discussions.)
-- [Github Issues](https://github.com/TriliumNext/Notes/issues) (For bug reports and feature requests.)
+- [Github Discussions](https://github.com/TriliumNext/Trilium/discussions) (For asynchronous discussions.)
+- [Github Issues](https://github.com/TriliumNext/Trilium/issues) (For bug reports and feature requests.)
 
 ## 🏗 Installation
 
 ### Windows / MacOS
 
-Download the binary release for your platform from the [latest release page](https://github.com/TriliumNext/Notes/releases/latest), unzip the package and run the `trilium` executable.
+Download the binary release for your platform from the [latest release page](https://github.com/TriliumNext/Trilium/releases/latest), unzip the package and run the `trilium` executable.
 
 ### Linux
 
@@ -90,7 +90,7 @@ If your distribution is listed in the table below, use your distribution's packa
 
 [![Packaging status](https://repology.org/badge/vertical-allrepos/triliumnext.svg)](https://repology.org/project/triliumnext/versions)
 
-You may also download the binary release for your platform from the [latest release page](https://github.com/TriliumNext/Notes/releases/latest), unzip the package and run the `trilium` executable.
+You may also download the binary release for your platform from the [latest release page](https://github.com/TriliumNext/Trilium/releases/latest), unzip the package and run the `trilium` executable.
 
 TriliumNext is also provided as a Flatpak, but not yet published on FlatHub.
 
@@ -104,13 +104,15 @@ Currently only the latest versions of Chrome & Firefox are supported (and tested
 
 To use TriliumNext on a mobile device, you can use a mobile web browser to access the mobile interface of a server installation (see below).
 
-If you prefer a native Android app, you can use [TriliumDroid](https://apt.izzysoft.de/fdroid/index/apk/eu.fliegendewurst.triliumdroid). Report bugs and missing features at [their repository](https://github.com/FliegendeWurst/TriliumDroid).
+See issue https://github.com/TriliumNext/Trilium/issues/4962 for more information on mobile app support.
 
-See issue https://github.com/TriliumNext/Notes/issues/72 for more information on mobile app support.
+If you prefer a native Android app, you can use [TriliumDroid](https://apt.izzysoft.de/fdroid/index/apk/eu.fliegendewurst.triliumdroid).
+Report bugs and missing features at [their repository](https://github.com/FliegendeWurst/TriliumDroid).
+Note: It is best to disable automatic updates on your server installation (see below) when using TriliumDroid since the sync version must match between Trilium and TriliumDroid.
 
 ### Server
 
-To install TriliumNext on your own server (including via Docker from [Dockerhub](https://hub.docker.com/r/triliumnext/notes)) follow [the server installation docs](https://triliumnext.github.io/Docs/Wiki/server-installation).
+To install TriliumNext on your own server (including via Docker from [Dockerhub](https://hub.docker.com/r/triliumnext/trilium)) follow [the server installation docs](https://triliumnext.github.io/Docs/Wiki/server-installation).
 
 
 ## 💻 Contribute
@@ -152,11 +154,11 @@ pnpm install
 pnpm nx --project=desktop electron-forge:make -- --arch=x64 --platform=win32
 ```
 
-For more details, see the [development docs](https://github.com/TriliumNext/Notes/blob/develop/docs/Developer%20Guide/Developer%20Guide/Building%20and%20deployment/Running%20a%20development%20build.md).
+For more details, see the [development docs](https://github.com/TriliumNext/Trilium/tree/main/docs/Developer%20Guide/Developer%20Guide).
 
 ### Developer Documentation
 
-Please view the [documentation guide](./docs/Developer%20Guide/Developer%20Guide/Environment%20Setup.md) for details. If you have more questions, feel free to reach out via the links described in the "Discuss with us" section above.
+Please view the [documentation guide](https://github.com/TriliumNext/Trilium/blob/main/docs/Developer%20Guide/Developer%20Guide/Environment%20Setup.md) for details. If you have more questions, feel free to reach out via the links described in the "Discuss with us" section above.
 
 ## 👏 Shoutouts
 
@@ -168,7 +170,7 @@ Please view the [documentation guide](./docs/Developer%20Guide/Developer%20Guide
 ## 🤝 Support
 
 Support for the TriliumNext organization will be possible in the near future. For now, you can:
-- Support continued development on TriliumNext by supporting our developers: [eliandoran](https://github.com/sponsors/eliandoran) (See the [repository insights]([developers]([url](https://github.com/TriliumNext/Notes/graphs/contributors))) for a full list)
+- Support continued development on TriliumNext by supporting our developers: [eliandoran](https://github.com/sponsors/eliandoran) (See the [repository insights]([developers]([url](https://github.com/TriliumNext/trilium/graphs/contributors))) for a full list)
 - Show a token of gratitude to the original Trilium developer ([zadam](https://github.com/sponsors/zadam)) via [PayPal](https://paypal.me/za4am) or Bitcoin (bitcoin:bc1qv3svjn40v89mnkre5vyvs2xw6y8phaltl385d2).
 
 

_regroup/package.json

@@ -35,13 +35,13 @@
     "chore:generate-openapi": "tsx bin/generate-openapi.js"
   },
   "devDependencies": {    
-    "@playwright/test": "1.54.2",
-    "@stylistic/eslint-plugin": "5.2.2",        
+    "@playwright/test": "1.55.0",
+    "@stylistic/eslint-plugin": "5.2.3",        
     "@types/express": "5.0.3",    
-    "@types/node": "22.17.0",    
+    "@types/node": "22.17.2",    
     "@types/yargs": "17.0.33",
     "@vitest/coverage-v8": "3.2.4",
-    "eslint": "9.32.0",
+    "eslint": "9.33.0",
     "eslint-plugin-simple-import-sort": "12.1.1",
     "esm": "3.2.25",
     "jsdoc": "4.0.4",
@@ -49,8 +49,8 @@
     "rcedit": "4.0.1",
     "rimraf": "6.0.1",    
     "tslib": "2.8.1",    
-    "typedoc": "0.28.9",
-    "typedoc-plugin-missing-exports": "4.0.0"
+    "typedoc": "0.28.10",
+    "typedoc-plugin-missing-exports": "4.1.0"
   },
   "optionalDependencies": {
     "appdmg": "0.6.6"

apps/client/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@triliumnext/client",
-  "version": "0.97.2",
+  "version": "0.98.0",
   "description": "JQuery-based client for TriliumNext, used for both web and desktop (via Electron)",
   "private": true,
   "license": "AGPL-3.0-only",
@@ -10,16 +10,16 @@
     "url": "https://github.com/TriliumNext/Notes"
   },
   "dependencies": {
-    "@eslint/js": "9.32.0",
+    "@eslint/js": "9.33.0",
     "@excalidraw/excalidraw": "0.18.0",
-    "@fullcalendar/core": "6.1.18",
-    "@fullcalendar/daygrid": "6.1.18",
-    "@fullcalendar/interaction": "6.1.18",
-    "@fullcalendar/list": "6.1.18",
-    "@fullcalendar/multimonth": "6.1.18",
-    "@fullcalendar/timegrid": "6.1.18",
+    "@fullcalendar/core": "6.1.19",
+    "@fullcalendar/daygrid": "6.1.19",
+    "@fullcalendar/interaction": "6.1.19",
+    "@fullcalendar/list": "6.1.19",
+    "@fullcalendar/multimonth": "6.1.19",
+    "@fullcalendar/timegrid": "6.1.19",
     "@maplibre/maplibre-gl-leaflet": "0.1.3",
-    "@mermaid-js/layout-elk": "0.1.8",
+    "@mermaid-js/layout-elk": "0.1.9",
     "@mind-elixir/node-menu": "5.0.0",
     "@popperjs/core": "2.11.8",
     "@triliumnext/ckeditor5": "workspace:*",
@@ -36,7 +36,7 @@
     "draggabilly": "3.0.0",
     "force-graph": "1.50.1",
     "globals": "16.3.0",
-    "i18next": "25.3.2",
+    "i18next": "25.4.0",
     "i18next-http-backend": "3.0.2",
     "jquery": "3.7.1",
     "jquery.fancytree": "2.38.5",
@@ -46,12 +46,13 @@
     "leaflet": "1.9.4",
     "leaflet-gpx": "2.2.0",
     "mark.js": "8.11.1",
-    "marked": "16.1.1",
-    "mermaid": "11.9.0",
-    "mind-elixir": "5.0.4",
+    "marked": "16.2.0",
+    "mermaid": "11.10.0",
+    "mind-elixir": "5.0.6",
     "normalize.css": "8.0.1",
     "panzoom": "9.4.3",
-    "preact": "10.27.0",
+    "preact": "10.27.1",
+    "react-i18next": "15.7.0",
     "split.js": "1.6.5",
     "svg-pan-zoom": "3.6.2",
     "tabulator-tables": "6.3.1",
@@ -59,13 +60,14 @@
   },
   "devDependencies": {
     "@ckeditor/ckeditor5-inspector": "5.0.0",
+    "@preact/preset-vite": "2.10.2",
     "@types/bootstrap": "5.2.10",
     "@types/jquery": "3.5.32",
     "@types/leaflet": "1.9.20",
     "@types/leaflet-gpx": "1.3.7",
     "@types/mark.js": "8.11.12",
-    "@types/tabulator-tables": "6.2.9",
-    "copy-webpack-plugin": "13.0.0",
+    "@types/tabulator-tables": "6.2.10",
+    "copy-webpack-plugin": "13.0.1",
     "happy-dom": "18.0.1",
     "script-loader": "0.7.2",
     "vite-plugin-static-copy": "3.1.1"

apps/client/src/components/app_context.ts

@@ -30,6 +30,7 @@ import type CodeMirror from "@triliumnext/codemirror";
 import { StartupChecks } from "./startup_checks.js";
 import type { CreateNoteOpts } from "../services/note_create.js";
 import { ColumnComponent } from "tabulator-tables";
+import { ChooseNoteTypeCallback } from "../widgets/dialogs/note_type_chooser.jsx";
 
 interface Layout {
     getRootWidget: (appContext: AppContext) => RootWidget;
@@ -92,7 +93,9 @@ export type CommandMappings = {
     closeTocCommand: CommandData;
     closeHlt: CommandData;
     showLaunchBarSubtree: CommandData;
-    showRevisions: CommandData;
+    showRevisions: CommandData & {
+        noteId?: string | null;
+    };
     showLlmChat: CommandData;
     createAiChat: CommandData;
     showOptions: CommandData & {
@@ -368,6 +371,9 @@ export type CommandMappings = {
     };
     refreshTouchBar: CommandData;
     reloadTextEditor: CommandData;
+    chooseNoteType: CommandData & {
+        callback: ChooseNoteTypeCallback
+    }
 };
 
 type EventMappings = {

apps/client/src/layouts/layout_commons.ts

@@ -30,6 +30,7 @@ import ClassicEditorToolbar from "../widgets/ribbon_widgets/classic_editor_toolb
 import PromotedAttributesWidget from "../widgets/ribbon_widgets/promoted_attributes.js";
 import NoteDetailWidget from "../widgets/note_detail.js";
 import NoteListWidget from "../widgets/note_list.js";
+import { CallToActionDialog } from "../widgets/dialogs/call_to_action.jsx";
 
 export function applyModals(rootContainer: RootContainer) {
     rootContainer
@@ -66,4 +67,5 @@ export function applyModals(rootContainer: RootContainer) {
                 .child(new PromotedAttributesWidget())
                 .child(new NoteDetailWidget())
                 .child(new NoteListWidget(true)))
+        .child(new CallToActionDialog());
 }

apps/client/src/layouts/mobile_layout.ts

@@ -26,6 +26,7 @@ import TabRowWidget from "../widgets/tab_row.js";
 import RefreshButton from "../widgets/floating_buttons/refresh_button.js";
 import MobileEditorToolbar from "../widgets/ribbon_widgets/mobile_editor_toolbar.js";
 import { applyModals } from "./layout_commons.js";
+import CloseZenButton from "../widgets/close_zen_button.js";
 
 const MOBILE_CSS = `
 <style>
@@ -174,7 +175,8 @@ export default class MobileLayout {
                     .id("mobile-bottom-bar")
                     .child(new TabRowWidget().css("height", "40px"))
                     .child(new FlexContainer("row").class("horizontal").css("height", "53px").child(new LauncherContainer(true)).child(new GlobalMenuWidget(true)).id("launcher-pane"))
-            );
+            )
+            .child(new CloseZenButton());
         applyModals(rootContainer);
         return rootContainer;
     }

apps/client/src/services/froca_updater.ts

@@ -35,8 +35,10 @@ async function processEntityChanges(entityChanges: EntityChange[]) {
                 loadResults.addOption(attributeEntity.name);
             } else if (ec.entityName === "attachments") {
                 processAttachment(loadResults, ec);
-            } else if (ec.entityName === "blobs" || ec.entityName === "etapi_tokens") {
+            } else if (ec.entityName === "blobs") {
                 // NOOP - these entities are handled at the backend level and don't require frontend processing
+            } else if (ec.entityName === "etapi_tokens") {
+                loadResults.hasEtapiTokenChanges = true;
             } else {
                 throw new Error(`Unknown entityName '${ec.entityName}'`);
             }
@@ -77,9 +79,7 @@ async function processEntityChanges(entityChanges: EntityChange[]) {
             noteAttributeCache.invalidate();
         }
 
-        // TODO: Remove after porting the file
-        // @ts-ignore
-        const appContext = (await import("../components/app_context.js")).default as any;
+        const appContext = (await import("../components/app_context.js")).default;
         await appContext.triggerEvent("entitiesReloaded", { loadResults });
     }
 }

apps/client/src/services/i18n.ts

@@ -3,6 +3,7 @@ import i18next from "i18next";
 import i18nextHttpBackend from "i18next-http-backend";
 import server from "./server.js";
 import type { Locale } from "@triliumnext/commons";
+import { initReactI18next } from "react-i18next";
 
 let locales: Locale[] | null;
 
@@ -16,6 +17,7 @@ export async function initLocale() {
 
     locales = await server.get<Locale[]>("options/locales");
 
+    i18next.use(initReactI18next);
     await i18next.use(i18nextHttpBackend).init({
         lng: locale,
         fallbackLng: "en",

apps/client/src/services/load_results.ts

@@ -1,4 +1,4 @@
-import type { AttachmentRow } from "@triliumnext/commons";
+import type { AttachmentRow, EtapiTokenRow } from "@triliumnext/commons";
 import type { AttributeType } from "../entities/fattribute.js";
 import type { EntityChange } from "../server_types.js";
 
@@ -53,6 +53,7 @@ type EntityRowMappings = {
     options: OptionRow;
     revisions: RevisionRow;
     note_reordering: NoteReorderingRow;
+    etapi_tokens: EtapiTokenRow;
 };
 
 export type EntityRowNames = keyof EntityRowMappings;
@@ -68,6 +69,7 @@ export default class LoadResults {
     private contentNoteIdToComponentId: ContentNoteIdToComponentIdRow[];
     private optionNames: string[];
     private attachmentRows: AttachmentRow[];
+    public hasEtapiTokenChanges: boolean = false;
 
     constructor(entityChanges: EntityChange[]) {
         const entities: Record<string, Record<string, any>> = {};
@@ -215,7 +217,8 @@ export default class LoadResults {
             this.revisionRows.length === 0 &&
             this.contentNoteIdToComponentId.length === 0 &&
             this.optionNames.length === 0 &&
-            this.attachmentRows.length === 0
+            this.attachmentRows.length === 0 &&
+            !this.hasEtapiTokenChanges
         );
     }
 

apps/client/src/services/note_autocomplete.ts

@@ -38,8 +38,8 @@ export interface Suggestion {
     commandShortcut?: string;
 }
 
-interface Options {
-    container?: HTMLElement;
+export interface Options {
+    container?: HTMLElement | null;
     fastSearch?: boolean;
     allowCreatingNotes?: boolean;
     allowJumpToSearchNotes?: boolean;
@@ -452,6 +452,21 @@ function init() {
     };
 }
 
+/**
+ * Convenience function which triggers the display of recent notes in the autocomplete input and focuses it.
+ *
+ * @param inputElement - The input element to trigger recent notes on.
+ */
+export function triggerRecentNotes(inputElement: HTMLInputElement | null | undefined) {
+    if (!inputElement) {
+        return;
+    }
+
+    const $el = $(inputElement);
+    showRecentNotes($el);
+    $el.trigger("focus").trigger("select");
+}
+
 export default {
     autocompleteSourceForCKEditor,
     initNoteAutocomplete,

apps/client/src/services/note_create.ts

@@ -109,8 +109,6 @@ async function createNote(parentNotePath: string | undefined, options: CreateNot
 
 async function chooseNoteType() {
     return new Promise<ChooseNoteTypeResponse>((res) => {
-        // TODO: Remove ignore after callback for chooseNoteType is defined in app_context.ts
-        //@ts-ignore
         appContext.triggerCommand("chooseNoteType", { callback: res });
     });
 }

apps/client/src/services/options.ts

@@ -1,7 +1,8 @@
+import { OptionNames } from "@triliumnext/commons";
 import server from "./server.js";
 import { isShare } from "./utils.js";
 
-type OptionValue = number | string;
+export type OptionValue = number | string;
 
 class Options {
     initializedPromise: Promise<void>;
@@ -76,6 +77,14 @@ class Options {
         await server.put(`options`, payload);
     }
 
+    /**
+     * Saves multiple options at once, by supplying a record where the keys are the option names and the values represent the stringified value to set.
+     * @param newValues the record of keys and values.
+     */
+    async saveMany<T extends OptionNames>(newValues: Record<T, OptionValue>) {
+        await server.put<void>("options", newValues);
+    }
+
     async toggle(key: string) {
         await this.save(key, (!this.is(key)).toString());
     }

apps/client/src/services/shortcuts.ts

@@ -14,6 +14,32 @@ interface ShortcutBinding {
 // Store all active shortcut bindings for management
 const activeBindings: Map<string, ShortcutBinding[]> = new Map();
 
+// Handle special key mappings and aliases
+const keyMap: { [key: string]: string[] } = {
+    'return': ['Enter'],
+    'enter': ['Enter'],  // alias for return
+    'del': ['Delete'],
+    'delete': ['Delete'], // alias for del
+    'esc': ['Escape'],
+    'escape': ['Escape'], // alias for esc
+    'space': [' ', 'Space'],
+    'tab': ['Tab'],
+    'backspace': ['Backspace'],
+    'home': ['Home'],
+    'end': ['End'],
+    'pageup': ['PageUp'],
+    'pagedown': ['PageDown'],
+    'up': ['ArrowUp'],
+    'down': ['ArrowDown'],
+    'left': ['ArrowLeft'],
+    'right': ['ArrowRight']
+};
+
+// Function keys
+for (let i = 1; i <= 19; i++) {
+    keyMap[`f${i}`] = [`F${i}`];
+}
+
 function removeGlobalShortcut(namespace: string) {
     bindGlobalShortcut("", null, namespace);
 }
@@ -124,32 +150,6 @@ export function keyMatches(e: KeyboardEvent, key: string): boolean {
         return false;
     }
 
-    // Handle special key mappings and aliases
-    const keyMap: { [key: string]: string[] } = {
-        'return': ['Enter'],
-        'enter': ['Enter'],  // alias for return
-        'del': ['Delete'],
-        'delete': ['Delete'], // alias for del
-        'esc': ['Escape'],
-        'escape': ['Escape'], // alias for esc
-        'space': [' ', 'Space'],
-        'tab': ['Tab'],
-        'backspace': ['Backspace'],
-        'home': ['Home'],
-        'end': ['End'],
-        'pageup': ['PageUp'],
-        'pagedown': ['PageDown'],
-        'up': ['ArrowUp'],
-        'down': ['ArrowDown'],
-        'left': ['ArrowLeft'],
-        'right': ['ArrowRight']
-    };
-
-    // Function keys
-    for (let i = 1; i <= 19; i++) {
-        keyMap[`f${i}`] = [`F${i}`];
-    }
-
     const mappedKeys = keyMap[key.toLowerCase()];
     if (mappedKeys) {
         return mappedKeys.includes(e.key) || mappedKeys.includes(e.code);
@@ -163,7 +163,7 @@ export function keyMatches(e: KeyboardEvent, key: string): boolean {
 
     // For letter keys, use the physical key code for consistency
     if (key.length === 1 && key >= 'a' && key <= 'z') {
-        return e.code === `Key${key.toUpperCase()}`;
+        return e.key.toLowerCase() === key.toLowerCase();
     }
 
     // For regular keys, check both key and code as fallback

apps/client/src/services/utils.ts

@@ -5,7 +5,7 @@ const SVG_MIME = "image/svg+xml";
 
 export const isShare = !window.glob;
 
-function reloadFrontendApp(reason?: string) {
+export function reloadFrontendApp(reason?: string) {
     if (reason) {
         logInfo(`Frontend app reload: ${reason}`);
     }
@@ -13,7 +13,7 @@ function reloadFrontendApp(reason?: string) {
     window.location.reload();
 }
 
-function restartDesktopApp() {
+export function restartDesktopApp() {
     if (!isElectron()) {
         reloadFrontendApp();
         return;
@@ -125,7 +125,7 @@ function formatDateISO(date: Date) {
     return `${date.getFullYear()}-${padNum(date.getMonth() + 1)}-${padNum(date.getDate())}`;
 }
 
-function formatDateTime(date: Date, userSuppliedFormat?: string): string {
+export function formatDateTime(date: Date, userSuppliedFormat?: string): string {
     if (userSuppliedFormat?.trim()) {
         return dayjs(date).format(userSuppliedFormat);
     } else {
@@ -144,7 +144,7 @@ function now() {
 /**
  * Returns `true` if the client is currently running under Electron, or `false` if running in a web browser.
  */
-function isElectron() {
+export function isElectron() {
     return !!(window && window.process && window.process.type);
 }
 
@@ -218,7 +218,7 @@ function randomString(len: number) {
     return text;
 }
 
-function isMobile() {
+export function isMobile() {
     return (
         window.glob?.device === "mobile" ||
         // window.glob.device is not available in setup
@@ -306,7 +306,7 @@ function copySelectionToClipboard() {
     }
 }
 
-function dynamicRequire(moduleName: string) {
+export function dynamicRequire(moduleName: string) {
     if (typeof __non_webpack_require__ !== "undefined") {
         return __non_webpack_require__(moduleName);
     } else {
@@ -374,33 +374,42 @@ async function openInAppHelp($button: JQuery<HTMLElement>) {
 
     const inAppHelpPage = $button.attr("data-in-app-help");
     if (inAppHelpPage) {
-        // Dynamic import to avoid import issues in tests.
-        const appContext = (await import("../components/app_context.js")).default;
-        const activeContext = appContext.tabManager.getActiveContext();
-        if (!activeContext) {
-            return;
-        }
-        const subContexts = activeContext.getSubContexts();
-        const targetNote = `_help_${inAppHelpPage}`;
-        const helpSubcontext = subContexts.find((s) => s.viewScope?.viewMode === "contextual-help");
-        const viewScope: ViewScope = {
-            viewMode: "contextual-help",
-        };
-        if (!helpSubcontext) {
-            // The help is not already open, open a new split with it.
-            const { ntxId } = subContexts[subContexts.length - 1];
-            appContext.triggerCommand("openNewNoteSplit", {
-                ntxId,
-                notePath: targetNote,
-                hoistedNoteId: "_help",
-                viewScope
-            })
-        } else {
-            // There is already a help window open, make sure it opens on the right note.
-            helpSubcontext.setNote(targetNote, { viewScope });
-        }
+        openInAppHelpFromUrl(inAppHelpPage);
+    }
+}
+
+/**
+ * Opens the in-app help at the given page in a split note. If there already is a split note open with a help page, it will be replaced by this one.
+ *
+ * @param inAppHelpPage the ID of the help note (excluding the `_help_` prefix).
+ * @returns a promise that resolves once the help has been opened.
+ */
+export async function openInAppHelpFromUrl(inAppHelpPage: string) {
+    // Dynamic import to avoid import issues in tests.
+    const appContext = (await import("../components/app_context.js")).default;
+    const activeContext = appContext.tabManager.getActiveContext();
+    if (!activeContext) {
         return;
     }
+    const subContexts = activeContext.getSubContexts();
+    const targetNote = `_help_${inAppHelpPage}`;
+    const helpSubcontext = subContexts.find((s) => s.viewScope?.viewMode === "contextual-help");
+    const viewScope: ViewScope = {
+        viewMode: "contextual-help",
+    };
+    if (!helpSubcontext) {
+        // The help is not already open, open a new split with it.
+        const { ntxId } = subContexts[subContexts.length - 1];
+        appContext.triggerCommand("openNewNoteSplit", {
+            ntxId,
+            notePath: targetNote,
+            hoistedNoteId: "_help",
+            viewScope
+        })
+    } else {
+        // There is already a help window open, make sure it opens on the right note.
+        helpSubcontext.setNote(targetNote, { viewScope });
+    }
 }
 
 function initHelpButtons($el: JQuery<HTMLElement> | JQuery<Window>) {
@@ -735,6 +744,50 @@ function isLaunchBarConfig(noteId: string) {
     return ["_lbRoot", "_lbAvailableLaunchers", "_lbVisibleLaunchers", "_lbMobileRoot", "_lbMobileAvailableLaunchers", "_lbMobileVisibleLaunchers"].includes(noteId);
 }
 
+/**
+ * Adds a class to the <body> of the page, where the class name is formed via a prefix and a value.
+ * Useful for configurable options such as `heading-style-markdown`, where `heading-style` is the prefix and `markdown` is the dynamic value.
+ * There is no separator between the prefix and the value, if needed it has to be supplied manually to the prefix.
+ *
+ * @param prefix the prefix.
+ * @param value the value to be appended to the prefix.
+ */
+export function toggleBodyClass(prefix: string, value: string) {
+    const $body = $("body");
+    for (const clazz of Array.from($body[0].classList)) {
+        // create copy to safely iterate over while removing classes
+        if (clazz.startsWith(prefix)) {
+            $body.removeClass(clazz);
+        }
+    }
+
+    $body.addClass(prefix + value);
+}
+
+/**
+ * Basic comparison for equality between the two arrays. The values are strictly checked via `===`.
+ *
+ * @param a the first array to compare.
+ * @param b the second array to compare.
+ * @returns `true` if both arrays are equals, `false` otherwise.
+ */
+export function arrayEqual<T>(a: T[], b: T[]) {
+    if (a === b) {
+        return true;
+    }
+    if (a.length !== b.length) {
+        return false;
+    }
+
+    for (let i=0; i < a.length; i++) {
+        if (a[i] !== b[i]) {
+            return false;
+        }
+    }
+
+    return true;
+}
+
 export default {
     reloadFrontendApp,
     restartDesktopApp,

apps/client/src/stylesheets/print.css

@@ -320,8 +320,3 @@ h6 {
     page-break-after: avoid;
     break-after: avoid;
 }
-
-figure.table {
-    /* Workaround for https://github.com/ckeditor/ckeditor5/issues/18903. Remove once official fix is released */
-    display: table !important;
-}

apps/client/src/stylesheets/style.css

@@ -28,6 +28,14 @@
     --ck-mention-list-max-height: 500px;
 }
 
+body#trilium-app.motion-disabled *,
+body#trilium-app.motion-disabled *::before,
+body#trilium-app.motion-disabled *::after {
+    /* Disable transitions and animations */
+    transition: none !important;
+    animation: none !important;
+}
+
 .table {
     --bs-table-bg: transparent !important;
 }
@@ -139,6 +147,15 @@ textarea,
     color: var(--muted-text-color);
 }
 
+.form-group.disabled {
+    opacity: 0.5;
+    pointer-events: none;
+}
+
+.form-group {
+    margin-bottom: 15px;
+}
+
 /* Add a gap between consecutive radios / check boxes */
 label.tn-radio + label.tn-radio,
 label.tn-checkbox + label.tn-checkbox {
@@ -346,7 +363,7 @@ body.desktop .tabulator-popup-container {
 
 @supports (animation-fill-mode: forwards) {
     /* Delay the opening of submenus */
-    body.desktop .dropdown-submenu .dropdown-menu {
+    body.desktop:not(.motion-disabled) .dropdown-submenu .dropdown-menu {
         opacity: 0;
         animation-fill-mode: forwards;
         animation-delay: var(--submenu-opening-delay);
@@ -642,6 +659,10 @@ table.promoted-attributes-in-tooltip th {
     z-index: calc(var(--ck-z-panel) - 1) !important;
 }
 
+.tooltip.tooltip-top {
+    z-index: 32767 !important;
+}
+
 .tooltip-trigger {
     background: transparent;
     pointer-events: none;
@@ -1734,16 +1755,12 @@ button.close:hover {
     margin-bottom: 10px;
 }
 
-.options-number-input {
+.options-section input[type="number"] {
     /* overriding settings from .form-control */
     width: 10em !important;
     flex-grow: 0 !important;
 }
 
-.options-mime-types {
-    column-width: 250px;
-}
-
 textarea {
     cursor: auto;
 }
@@ -1886,6 +1903,7 @@ body.zen #launcher-container,
 body.zen #launcher-pane,
 body.zen #left-pane,
 body.zen #right-pane,
+body.zen #mobile-sidebar-wrapper,
 body.zen .tab-row-container,
 body.zen .tab-row-widget,
 body.zen .ribbon-container:not(:has(.classic-toolbar-widget.visible)),
@@ -1893,7 +1911,8 @@ body.zen .ribbon-container:has(.classic-toolbar-widget.visible) .ribbon-top-row,
 body.zen .ribbon-container .ribbon-body:not(:has(.classic-toolbar-widget.visible)),
 body.zen .note-icon-widget,
 body.zen .title-row .button-widget,
-body.zen .floating-buttons-children > *:not(.bx-edit-alt) {
+body.zen .floating-buttons-children > *:not(.bx-edit-alt),
+body.zen .action-button {
     display: none !important;
 }
 
@@ -1935,6 +1954,10 @@ body.zen .note-title-widget input {
     background: transparent !important;
 }
 
+body.zen #detail-container {
+    width: 100%;
+}
+
 /* Content renderer */
 
 footer.file-footer,
@@ -2245,6 +2268,13 @@ footer.webview-footer button {
     padding: 1px 10px 1px 10px;
 }
 
+/* Search result highlighting */
+.search-result-title b,
+.search-result-content b {
+    font-weight: 900;
+    color: var(--admonition-warning-accent-color);
+}
+
 /* Customized icons */
 
 .bx-tn-toc::before {

apps/client/src/stylesheets/theme-next/dialogs.css

@@ -233,16 +233,16 @@ div.tn-tool-dialog {
 
 /* Item title link */
 
-.recent-changes-content ul li .note-title a {
+.recent-changes-content ul li a {
     color: currentColor;
 }
 
-.recent-changes-content ul li .note-title a:hover {
+.recent-changes-content ul li a:hover {
     text-decoration: underline;
 }
 
 /* Item title for deleted notes */
-.recent-changes-content ul li.deleted-note .note-title > .note-title {
+.recent-changes-content ul li.deleted-note .note-title {
     text-decoration: line-through;
 }
 

apps/client/src/stylesheets/theme-next/pages.css

@@ -182,8 +182,6 @@ div.note-detail-empty {
 
 .options-section:not(.tn-no-card) {
     margin: auto;    
-    min-width: var(--options-card-min-width);
-    max-width: var(--options-card-max-width);
     border-radius: 12px;
     border: 1px solid var(--card-border-color) !important;
     box-shadow: var(--card-box-shadow);
@@ -192,6 +190,11 @@ div.note-detail-empty {
     margin-bottom: calc(var(--options-title-offset) + 26px) !important;
 }
 
+body.desktop .option-section:not(.tn-no-card) {
+    min-width: var(--options-card-min-width);
+    max-width: var(--options-card-max-width);
+}
+
 .note-detail-content-widget-content.options {
     --default-padding: 15px;
     padding-top: calc(var(--default-padding) + var(--options-title-offset) + var(--options-title-font-size));
@@ -233,11 +236,6 @@ div.note-detail-empty {
     margin-bottom: 0;
 }
 
-.options-section .options-mime-types {
-    padding: 0;
-    margin: 0;
-}
-
 .options-section .form-group {
     margin-bottom: 1em;
 }

apps/client/src/translations/ca/translation.json

@@ -0,0 +1,185 @@
+{
+    "about": {
+        "title": "Sobre Trilium Notes",
+        "homepage": "Pàgina principal:"
+    },
+    "add_link": {
+        "note": "Nota"
+    },
+    "branch_prefix": {
+        "prefix": "Prefix: ",
+        "save": "Desa"
+    },
+    "bulk_actions": {
+        "labels": "Etiquetes",
+        "relations": "Relacions",
+        "notes": "Notes",
+        "other": "Altres"
+    },
+    "confirm": {
+        "confirmation": "Confirmació",
+        "cancel": "Cancel·la",
+        "ok": "OK"
+    },
+    "delete_notes": {
+        "close": "Tanca",
+        "cancel": "Cancel·la",
+        "ok": "OK"
+    },
+    "export": {
+        "close": "Tanca",
+        "export": "Exporta"
+    },
+    "help": {
+        "troubleshooting": "Solució de problemes",
+        "other": "Altres"
+    },
+    "import": {
+        "options": "Opcions",
+        "import": "Importa"
+    },
+    "include_note": {
+        "label_note": "Nota"
+    },
+    "info": {
+        "closeButton": "Tanca",
+        "okButton": "OK"
+    },
+    "note_type_chooser": {
+        "templates": "Plantilles:"
+    },
+    "prompt": {
+        "title": "Sol·licitud",
+        "defaultTitle": "Sol·licitud"
+    },
+    "protected_session_password": {
+        "close_label": "Tanca"
+    },
+    "recent_changes": {
+        "undelete_link": "recuperar"
+    },
+    "revisions": {
+        "restore_button": "Restaura",
+        "delete_button": "Suprimeix",
+        "download_button": "Descarrega",
+        "mime": "MIME: ",
+        "preview": "Vista prèvia:"
+    },
+    "sort_child_notes": {
+        "title": "títol",
+        "ascending": "ascendent",
+        "descending": "descendent",
+        "folders": "Carpetes"
+    },
+    "upload_attachments": {
+        "options": "Opcions",
+        "upload": "Puja"
+    },
+    "attribute_detail": {
+        "name": "Nom",
+        "value": "Valor",
+        "promoted": "Destacat",
+        "promoted_alias": "Àlies",
+        "multiplicity": "Multiplicitat",
+        "label_type": "Tipus",
+        "text": "Text",
+        "number": "Número",
+        "boolean": "Booleà",
+        "date": "Data",
+        "time": "Hora",
+        "url": "URL",
+        "precision": "Precisió",
+        "digits": "dígits",
+        "inheritable": "Heretable",
+        "delete": "Suprimeix",
+        "color_type": "Color"
+    },
+    "rename_label": {
+        "to": "Per"
+    },
+    "move_note": {
+        "to": "a"
+    },
+    "add_relation": {
+        "to": "a"
+    },
+    "rename_relation": {
+        "to": "Per"
+    },
+    "update_relation_target": {
+        "to": "a"
+    },
+    "attachments_actions": {
+        "download": "Descarrega"
+    },
+    "calendar": {
+        "mon": "Dl",
+        "tue": "Dt",
+        "wed": "dc",
+        "thu": "Dj",
+        "fri": "Dv",
+        "sat": "Ds",
+        "sun": "Dg",
+        "january": "Gener",
+        "febuary": "Febrer",
+        "march": "Març",
+        "april": "Abril",
+        "may": "Maig",
+        "june": "Juny",
+        "july": "Juliol",
+        "august": "Agost",
+        "september": "Setembre",
+        "october": "Octubre",
+        "november": "Novembre",
+        "december": "Desembre"
+    },
+    "global_menu": {
+        "menu": "Menú",
+        "options": "Opcions",
+        "zoom": "Zoom",
+        "advanced": "Avançat",
+        "logout": "Tanca la sessió"
+    },
+    "zpetne_odkazy": {
+        "relation": "relació"
+    },
+    "note_icon": {
+        "category": "Categoria:",
+        "search": "Cerca:"
+    },
+    "basic_properties": {
+        "editable": "Editable",
+        "language": "Llengua"
+    },
+    "book_properties": {
+        "grid": "Graella",
+        "list": "Llista",
+        "collapse": "Replega",
+        "expand": "Desplega",
+        "calendar": "Calendari",
+        "table": "Taula",
+        "board": "Tauler"
+    },
+    "edited_notes": {
+        "deleted": "(suprimit)"
+    },
+    "file_properties": {
+        "download": "Descarrega",
+        "open": "Obre",
+        "title": "Fitxer"
+    },
+    "image_properties": {
+        "download": "Descarrega",
+        "open": "Obre",
+        "title": "Imatge"
+    },
+    "note_info_widget": {
+        "created": "Creat",
+        "modified": "Modificat",
+        "type": "Tipus",
+        "calculate": "calcula"
+    },
+    "note_paths": {
+        "archived": "Arxivat"
+    }
+}

apps/client/src/translations/el/translation.json

@@ -0,0 +1,18 @@
+{
+    "about": {
+        "title": "Πληροφορίες για το Trilium Notes",
+        "homepage": "Αρχική Σελίδα:",
+        "app_version": "Έκδοση εφαρμογής:",
+        "db_version": "Έκδοση βάσης δεδομένων:",
+        "sync_version": "Έκδοση πρωτοκόλου συγχρονισμού:",
+        "build_date": "Ημερομηνία χτισίματος εφαρμογής:",
+        "build_revision": "Αριθμός αναθεώρησης χτισίματος:",
+        "data_directory": "Φάκελος δεδομένων:"
+    },
+    "toast": {
+        "critical-error": {
+            "title": "Κρίσιμο σφάλμα",
+            "message": "Συνέβη κάποιο κρίσιμο σφάλμα, το οποίο δεν επιτρέπει στην εφαρμογή χρήστη να ξεκινήσει:\n\n{{message}}\n\nΤο πιθανότερο είναι να προκλήθηκε από κάποιο script που απέτυχε απρόοπτα. Δοκιμάστε να ξεκινήσετε την εφαρμογή σε ασφαλή λειτουργία για να λύσετε το πρόβλημα."
+        }
+    }
+}

apps/client/src/translations/en/translation.json

@@ -1,7 +1,6 @@
 {
   "about": {
     "title": "About Trilium Notes",
-    "close": "Close",
     "homepage": "Homepage:",
     "app_version": "App version:",
     "db_version": "DB version:",
@@ -28,25 +27,22 @@
   "add_link": {
     "add_link": "Add link",
     "help_on_links": "Help on links",
-    "close": "Close",
     "note": "Note",
     "search_note": "search for note by its name",
     "link_title_mirrors": "link title mirrors the note's current title",
     "link_title_arbitrary": "link title can be changed arbitrarily",
     "link_title": "Link title",
-    "button_add_link": "Add link <kbd>enter</kbd>"
+    "button_add_link": "Add link"
   },
   "branch_prefix": {
     "edit_branch_prefix": "Edit branch prefix",
     "help_on_tree_prefix": "Help on Tree prefix",
-    "close": "Close",
     "prefix": "Prefix: ",
     "save": "Save",
     "branch_prefix_saved": "Branch prefix has been saved."
   },
   "bulk_actions": {
     "bulk_actions": "Bulk actions",
-    "close": "Close",
     "affected_notes": "Affected notes",
     "include_descendants": "Include descendants of the selected notes",
     "available_actions": "Available actions",
@@ -61,20 +57,18 @@
   },
   "clone_to": {
     "clone_notes_to": "Clone notes to...",
-    "close": "Close",
     "help_on_links": "Help on links",
     "notes_to_clone": "Notes to clone",
     "target_parent_note": "Target parent note",
     "search_for_note_by_its_name": "search for note by its name",
     "cloned_note_prefix_title": "Cloned note will be shown in note tree with given prefix",
     "prefix_optional": "Prefix (optional)",
-    "clone_to_selected_note": "Clone to selected note <kbd>enter</kbd>",
+    "clone_to_selected_note": "Clone to selected note",
     "no_path_to_clone_to": "No path to clone to.",
     "note_cloned": "Note \"{{clonedTitle}}\" has been cloned into \"{{targetTitle}}\""
   },
   "confirm": {
     "confirmation": "Confirmation",
-    "close": "Close",
     "cancel": "Cancel",
     "ok": "OK",
     "are_you_sure_remove_note": "Are you sure you want to remove the note \"{{title}}\" from relation map? ",
@@ -87,9 +81,9 @@
     "delete_all_clones_description": "Delete also all clones (can be undone in recent changes)",
     "erase_notes_description": "Normal (soft) deletion only marks the notes as deleted and they can be undeleted (in recent changes dialog) within a period of time. Checking this option will erase the notes immediately and it won't be possible to undelete the notes.",
     "erase_notes_warning": "Erase notes permanently (can't be undone), including all clones. This will force application reload.",
-    "notes_to_be_deleted": "Following notes will be deleted ({{- noteCount}})",
+    "notes_to_be_deleted": "Following notes will be deleted ({{notesCount}})",
     "no_note_to_delete": "No note will be deleted (only clones).",
-    "broken_relations_to_be_deleted": "Following relations will be broken and deleted ({{- relationCount}})",
+    "broken_relations_to_be_deleted": "Following relations will be broken and deleted ({{ relationCount}})",
     "cancel": "Cancel",
     "ok": "OK",
     "deleted_relation_text": "Note {{- note}} (to be deleted) is referenced by relation {{- relation}} originating from {{- source}}."
@@ -113,21 +107,20 @@
     "format_pdf": "PDF - for printing or sharing purposes."
   },
   "help": {
-    "fullDocumentation": "Help (full documentation is available <a class=\"external\" href=\"https://triliumnext.github.io/Docs/\">online</a>)",
-    "close": "Close",
+    "title": "Cheatsheet",
     "noteNavigation": "Note navigation",
-    "goUpDown": "<kbd>UP</kbd>, <kbd>DOWN</kbd> - go up/down in the list of notes",
-    "collapseExpand": "<kbd>LEFT</kbd>, <kbd>RIGHT</kbd> - collapse/expand node",
+    "goUpDown": "go up/down in the list of notes",
+    "collapseExpand": "collapse/expand node",
     "notSet": "not set",
     "goBackForwards": "go back / forwards in the history",
     "showJumpToNoteDialog": "show <a class=\"external\" href=\"https://triliumnext.github.io/Docs/Wiki/note-navigation.html#jump-to-note\">\"Jump to\" dialog</a>",
     "scrollToActiveNote": "scroll to active note",
-    "jumpToParentNote": "<kbd>Backspace</kbd> - jump to parent note",
+    "jumpToParentNote": "jump to parent note",
     "collapseWholeTree": "collapse whole note tree",
     "collapseSubTree": "collapse sub-tree",
     "tabShortcuts": "Tab shortcuts",
-    "newTabNoteLink": "<kbd>Ctrl+click</kbd> - (or <kbd>middle mouse click</kbd>) on note link opens note in a new tab",
-    "newTabWithActivationNoteLink": "<kbd>Ctrl+Shift+click</kbd> - (or <kbd>Shift+middle mouse click</kbd>) on note link opens and activates the note in a new tab",
+    "newTabNoteLink": "on note link opens note in a new tab",
+    "newTabWithActivationNoteLink": "on note link opens and activates the note in a new tab",
     "onlyInDesktop": "Only in desktop (Electron build)",
     "openEmptyTab": "open empty tab",
     "closeActiveTab": "close active tab",
@@ -142,14 +135,14 @@
     "moveNoteUpHierarchy": "move note up in the hierarchy",
     "multiSelectNote": "multi-select note above/below",
     "selectAllNotes": "select all notes in the current level",
-    "selectNote": "<kbd>Shift+click</kbd> - select note",
+    "selectNote": "select note",
     "copyNotes": "copy active note (or current selection) into clipboard (used for <a class=\"external\" href=\"https://triliumnext.github.io/Docs/Wiki/cloning-notes.html#cloning-notes\">cloning</a>)",
     "cutNotes": "cut current note (or current selection) into clipboard (used for moving notes)",
     "pasteNotes": "paste note(s) as sub-note into active note (which is either move or clone depending on whether it was copied or cut into clipboard)",
     "deleteNotes": "delete note / sub-tree",
     "editingNotes": "Editing notes",
     "editNoteTitle": "in tree pane will switch from tree pane into note title. Enter from note title will switch focus to text editor. <kbd>Ctrl+.</kbd> will switch back from editor to tree pane.",
-    "createEditLink": "<kbd>Ctrl+K</kbd> - create / edit external link",
+    "createEditLink": "create / edit external link",
     "createInternalLink": "create internal link",
     "followLink": "follow link under cursor",
     "insertDateTime": "insert current date and time at caret position",
@@ -169,7 +162,6 @@
   },
   "import": {
     "importIntoNote": "Import into note",
-    "close": "Close",
     "chooseImportFile": "Choose import file",
     "importDescription": "Content of the selected file(s) will be imported as child note(s) into",
     "options": "Options",
@@ -196,14 +188,13 @@
   },
   "include_note": {
     "dialog_title": "Include note",
-    "close": "Close",
     "label_note": "Note",
     "placeholder_search": "search for note by its name",
     "box_size_prompt": "Box size of the included note:",
     "box_size_small": "small (~ 10 lines)",
     "box_size_medium": "medium (~ 30 lines)",
     "box_size_full": "full (box shows complete text)",
-    "button_include": "Include note <kbd>enter</kbd>"
+    "button_include": "Include note"
   },
   "info": {
     "modalTitle": "Info message",
@@ -212,23 +203,20 @@
   },
   "jump_to_note": {
     "search_placeholder": "Search for note by its name or type > for commands...",
-    "close": "Close",
-    "search_button": "Search in full text <kbd>Ctrl+Enter</kbd>"
+    "search_button": "Search in full text"
   },
   "markdown_import": {
     "dialog_title": "Markdown import",
-    "close": "Close",
     "modal_body_text": "Because of browser sandbox it's not possible to directly read clipboard from JavaScript. Please paste the Markdown to import to textarea below and click on Import button",
-    "import_button": "Import Ctrl+Enter",
+    "import_button": "Import",
     "import_success": "Markdown content has been imported into the document."
   },
   "move_to": {
     "dialog_title": "Move notes to ...",
-    "close": "Close",
     "notes_to_move": "Notes to move",
     "target_parent_note": "Target parent note",
     "search_placeholder": "search for note by its name",
-    "move_button": "Move to selected note <kbd>enter</kbd>",
+    "move_button": "Move to selected note",
     "error_no_path": "No path to move to.",
     "move_success_message": "Selected notes have been moved into "
   },
@@ -236,20 +224,19 @@
     "change_path_prompt": "Change where to create the new note:",
     "search_placeholder": "search path by name (default if empty)",
     "modal_title": "Choose note type",
-    "close": "Close",
     "modal_body": "Choose note type / template of the new note:",
-    "templates": "Templates:"
+    "templates": "Templates",
+    "builtin_templates": "Built-in Templates"
   },
   "password_not_set": {
     "title": "Password is not set",
-    "close": "Close",
     "body1": "Protected notes are encrypted using a user password, but password has not been set yet.",
-    "body2": "To be able to protect notes, click <a class=\"open-password-options-button\" href=\"javascript:\">here</a> to open the Options dialog and set your password."
+    "body2": "To be able to protect notes, click the button below to open the Options dialog and set your password.",
+    "go_to_password_options": "Go to Password options"
   },
   "prompt": {
     "title": "Prompt",
-    "close": "Close",
-    "ok": "OK <kbd>enter</kbd>",
+    "ok": "OK",
     "defaultTitle": "Prompt"
   },
   "protected_session_password": {
@@ -257,12 +244,11 @@
     "help_title": "Help on Protected notes",
     "close_label": "Close",
     "form_label": "To proceed with requested action you need to start protected session by entering password:",
-    "start_button": "Start protected session <kbd>enter</kbd>"
+    "start_button": "Start protected session"
   },
   "recent_changes": {
     "title": "Recent changes",
     "erase_notes_button": "Erase deleted notes now",
-    "close": "Close",
     "deleted_notes_message": "Deleted notes have been erased.",
     "no_changes_message": "No changes yet...",
     "undelete_link": "undelete",
@@ -273,7 +259,6 @@
     "delete_all_revisions": "Delete all revisions of this note",
     "delete_all_button": "Delete all revisions",
     "help_title": "Help on Note Revisions",
-    "close": "Close",
     "revision_last_edited": "This revision was last edited on {{date}}",
     "confirm_delete_all": "Do you want to delete all revisions of this note?",
     "no_revisions": "No revisions for this note yet...",
@@ -295,7 +280,6 @@
   },
   "sort_child_notes": {
     "sort_children_by": "Sort children by...",
-    "close": "Close",
     "sorting_criteria": "Sorting criteria",
     "title": "title",
     "date_created": "date created",
@@ -309,13 +293,12 @@
     "sort_with_respect_to_different_character_sorting": "sort with respect to different character sorting and collation rules in different languages or regions.",
     "natural_sort_language": "Natural sort language",
     "the_language_code_for_natural_sort": "The language code for natural sort, e.g. \"zh-CN\" for Chinese.",
-    "sort": "Sort <kbd>enter</kbd>"
+    "sort": "Sort"
   },
   "upload_attachments": {
     "upload_attachments_to_note": "Upload attachments to note",
-    "close": "Close",
     "choose_files": "Choose files",
-    "files_will_be_uploaded": "Files will be uploaded as attachments into",
+    "files_will_be_uploaded": "Files will be uploaded as attachments into {{noteTitle}}",
     "options": "Options",
     "shrink_images": "Shrink images",
     "upload": "Upload",
@@ -1118,18 +1101,22 @@
     "title": "Application Theme",
     "theme_label": "Theme",
     "override_theme_fonts_label": "Override theme fonts",
-    "auto_theme": "Auto",
-    "light_theme": "Light",
-    "dark_theme": "Dark",
-    "triliumnext": "TriliumNext Beta (Follow system color scheme)",
-    "triliumnext-light": "TriliumNext Beta (Light)",
-    "triliumnext-dark": "TriliumNext Beta (Dark)",
+    "auto_theme": "Legacy (Follow system color scheme)",
+    "light_theme": "Legacy (Light)",
+    "dark_theme": "Legacy (Dark)",
+    "triliumnext": "Trilium (Follow system color scheme)",
+    "triliumnext-light": "Trilium (Light)",
+    "triliumnext-dark": "Trilium (Dark)",
     "layout": "Layout",
     "layout-vertical-title": "Vertical",
     "layout-horizontal-title": "Horizontal",
     "layout-vertical-description": "launcher bar is on the left (default)",
     "layout-horizontal-description": "launcher bar is underneath the tab bar, the tab bar is now full width."
   },
+  "ui-performance": {
+    "title": "Performance",
+    "enable-motion": "Enable transitions and animations"
+  },
   "ai_llm": {
     "not_started": "Not started",
     "title": "AI Settings",
@@ -1270,7 +1257,12 @@
     "selected_provider": "Selected Provider",
     "selected_provider_description": "Choose the AI provider for chat and completion features",
     "select_model": "Select model...",
-    "select_provider": "Select provider..."
+    "select_provider": "Select provider...",
+    "ai_enabled": "AI features enabled",
+    "ai_disabled": "AI features disabled",
+    "no_models_found_online": "No models found. Please check your API key and settings.",
+    "no_models_found_ollama": "No Ollama models found. Please check if Ollama is running.",
+    "error_fetching": "Error fetching models: {{error}}"
   },
   "zoom_factor": {
     "title": "Zoom Factor (desktop build only)",
@@ -1327,7 +1319,7 @@
   },
   "revisions_snapshot_interval": {
     "note_revisions_snapshot_interval_title": "Note Revision Snapshot Interval",
-    "note_revisions_snapshot_description": "The Note revision snapshot interval is the time after which a new note revision will be created for the note. See <a href=\"https://triliumnext.github.io/Docs/Wiki/note-revisions.html\" class=\"external\">wiki</a> for more info.",
+    "note_revisions_snapshot_description": "The Note revision snapshot interval is the time after which a new note revision will be created for the note. See <doc>wiki</doc> for more info.",
     "snapshot_time_interval_label": "Note revision snapshot time interval:"
   },
   "revisions_snapshot_limit": {
@@ -1389,7 +1381,7 @@
   },
   "custom_date_time_format": {
     "title": "Custom Date/Time Format",
-    "description": "Customize the format of the date and time inserted via <kbd></kbd> or the toolbar. See <a href=\"https://day.js.org/docs/en/display/format\" target=\"_blank\" rel=\"noopener noreferrer\">Day.js docs</a> for available format tokens.",
+    "description": "Customize the format of the date and time inserted via <shortcut /> or the toolbar. See <doc>Day.js docs</doc> for available format tokens.",
     "format_string": "Format string:",
     "formatted_time": "Formatted date/time:"
   },
@@ -2005,5 +1997,28 @@
   },
   "content_renderer": {
     "open_externally": "Open externally"
+  },
+  "modal": {
+    "close": "Close",
+    "help_title": "Display more information about this screen"
+  },
+  "call_to_action": {
+    "next_theme_title": "Try the new Trilium theme",
+    "next_theme_message": "You are currently using the legacy theme, would you like to try the new theme?",
+    "next_theme_button": "Try the new theme",
+    "background_effects_title": "Background effects are now stable",
+    "background_effects_message": "On Windows devices, background effects are now fully stable. The background effects adds a touch of color to the user interface by blurring the background behind it. This technique is also used in other applications such as Windows Explorer.",
+    "background_effects_button": "Enable background effects",
+    "dismiss": "Dismiss"
+  },
+  "settings": {
+    "related_settings": "Related settings"
+  },
+  "settings_appearance": {
+    "related_code_blocks": "Color scheme for code blocks in text notes",
+    "related_code_notes": "Color scheme for code notes"
+  },
+  "units": {
+    "percentage": "%"
   }
 }

apps/client/src/translations/fa/translation.json

@@ -0,0 +1,22 @@
+{
+  "about": {
+    "title": "درباره Trilium Notes",
+    "homepage": "صفحه اصلی:",
+    "app_version": "نسخه برنامه:",
+    "db_version": "نسخه پایگاه داده:",
+    "sync_version": "نسخه منطبق:",
+    "build_date": "تاریخ ساخت:",
+    "build_revision": "نسخه بازنگری شده:",
+    "data_directory": "دایرکتوری داده:"
+  },
+  "toast": {
+    "critical-error": {
+      "title": "خطای بحرانی",
+      "message": "خطای بحرانی رخ داده که مانع از اجرای برنامه می شود\n\n {{message}}\n\nبه احتمال زیاد ناشی از خطای غیرمنتظره در اجرای ناموفق یک اسکریپت است. برنامه را در مد ایمن اجرا کنید و خطا را بررسی نمایید."
+    }
+  },
+  "add_link": {
+    "add_link": "افزودن لینک",
+    "note": "یادداشت"
+  }
+}

apps/client/src/translations/fi/translation.json

@@ -0,0 +1,147 @@
+{
+  "about": {
+    "title": "Lisätietoja Trilium Notes:ista",
+    "homepage": "Kotisivu:",
+    "app_version": "Sovelluksen versio:",
+    "db_version": "Tietokannan versio:",
+    "build_date": "Koontipäivämäärä:",
+    "data_directory": "Datakansio:",
+    "sync_version": "Synkronoinnin versio:",
+    "build_revision": "Sovelluksen versio:"
+  },
+  "toast": {
+    "critical-error": {
+      "title": "Kriittinen virhe"
+    },
+    "widget-error": {
+      "title": "Widgetin luonti epäonnistui"
+    }
+  },
+  "add_link": {
+    "add_link": "Lisää linkki",
+    "link_title": "Linkin otsikko",
+    "button_add_link": "Lisää linkki",
+    "note": "Muistio",
+    "search_note": "etsi muistiota sen nimellä"
+  },
+  "branch_prefix": {
+    "prefix": "Etuliite: ",
+    "save": "Tallenna"
+  },
+  "bulk_actions": {
+    "bulk_actions": "Massatoiminnot",
+    "available_actions": "Saatavilla olevat toiminnot",
+    "chosen_actions": "Valitut toiminnot",
+    "execute_bulk_actions": "Toteuta massatoiminnot",
+    "bulk_actions_executed": "Massatoiminnot on toteutettu onnistuneesti.",
+    "none_yet": "Ei vielä... lisää toiminto klikkaamalla jotiain yllä saatavilla olevaa yltä.",
+    "labels": "Merkit",
+    "relations": "Suhteet",
+    "notes": "Muistiot",
+    "other": "Muut",
+    "affected_notes": "Vaikuttaa muistioihin"
+  },
+  "clone_to": {
+    "clone_notes_to": "Kopioi muistiot...",
+    "help_on_links": "Apua linkkeihin",
+    "notes_to_clone": "Kopioitavat muistiot",
+    "target_parent_note": "Kohteen päämuistio",
+    "search_for_note_by_its_name": "ensi muistiota sen nimellä",
+    "cloned_note_prefix_title": "Kopioitu muistia näytetään puussa annetulla etuliitteellä",
+    "prefix_optional": "Etuliite (valinnainen)",
+    "clone_to_selected_note": "Kopioi valittuun muistioon",
+    "note_cloned": "Muistio \"{{clonedTitle}}\" on kopioitu \"{{targetTitle}}\""
+  },
+  "confirm": {
+    "confirmation": "Vahvistus",
+    "cancel": "Peruuta",
+    "ok": "OK",
+    "also_delete_note": "Poista myös muistio"
+  },
+  "delete_notes": {
+    "delete_notes_preview": "Poista muistion esikatselu",
+    "close": "Sulje",
+    "notes_to_be_deleted": "Seuraavat muistiot tullaan poistamaan ({{notesCount}})",
+    "no_note_to_delete": "Muistioita ei poisteta (vain kopiot).",
+    "cancel": "Peruuta",
+    "ok": "OK"
+  },
+  "export": {
+    "export_note_title": "Vie muistio",
+    "close": "Sulje",
+    "format_html": "HTML - suositeltu, sillä se säilyttää kaikki formatoinnit",
+    "format_markdown": "Markdown - tämä säilyttää suurimman osan formatoinneista.",
+    "opml_version_1": "OPML v1.0 - pelkkä teksti",
+    "opml_version_2": "OPML v2.0 - sallii myös HTML:n",
+    "export": "Vie",
+    "choose_export_type": "Valitse ensin viennin tyyppi",
+    "export_status": "Viennin tila",
+    "export_in_progress": "Vienti käynnissä: {{progressCount}}",
+    "export_finished_successfully": "Vienti valmistui onnistuneesti.",
+    "format_pdf": "PDF - tulostukseen ja jakamiseen."
+  },
+  "help": {
+    "title": "Lunttilappu",
+    "noteNavigation": "Muistion navigointi",
+    "goUpDown": "mene ylös/alas muistioiden listassa",
+    "collapseExpand": "pienennä/suurenna solmu",
+    "notSet": "ei asetettu",
+    "goBackForwards": "mene taaksepäin/eteenpäin historiassa",
+    "jumpToParentNote": "Hyppää ylempään muistioon",
+    "collapseWholeTree": "pienennä koko muistio puu",
+    "onlyInDesktop": "Vain työpöytänäkymässä (Electron build)",
+    "openEmptyTab": "Avaa tyhjä välilehti",
+    "closeActiveTab": "sulje aktiivinen välilehti",
+    "activateNextTab": "aktivoi seuraava välilehti",
+    "activatePreviousTab": "aktivoi edellinen välilehti",
+    "creatingNotes": "Luo muistiota",
+    "movingCloningNotes": "Siirrä / kopioi muistioita",
+    "moveNoteUpHierarchy": "siirrä muistio ylöspäin listassa",
+    "selectNote": "valitse muistio",
+    "editingNotes": "Muokkaa solmua",
+    "createEditLink": "luo / muokkaa ulkoista linkkiä",
+    "createInternalLink": "luo sisäinen linkki",
+    "insertDateTime": "lisää nykyinen päivämäärä ja aika hiiren kohdalle",
+    "troubleshooting": "Vianmääritys",
+    "reloadFrontend": "lataa Trilium:in käyttöliittymä",
+    "showDevTools": "näytä kehittäjätyökalut",
+    "showSQLConsole": "näytä SQL konsoli",
+    "other": "Muut"
+  },
+  "import": {
+    "importIntoNote": "Tuo muistioon",
+    "chooseImportFile": "Valitse tuonnin tiedosto",
+    "options": "Valinnat",
+    "safeImport": "Turvallinen tuonti",
+    "shrinkImages": "Kutista kuvat",
+    "replaceUnderscoresWithSpaces": "Korvaa alaviivat väleillä tuotujen muistioiden tiedostonimissä",
+    "import": "Tuo",
+    "failed": "Tuonti epäonnistui: {{message}}.",
+    "html_import_tags": {
+      "title": "HTML Tuonnin Tunnisteet",
+      "placeholder": "Lisää HTML tunnisteet, yksi per rivi"
+    },
+    "import-status": "Tuonnin tila",
+    "in-progress": "Tuonti vaiheessa: {{progress}}",
+    "successful": "Tuonti valmistui onnistuneesti."
+  },
+  "include_note": {
+    "dialog_title": "Sisällytä muistio",
+    "label_note": "Muistio",
+    "placeholder_search": "etsi muistiota sen nimellä",
+    "box_size_small": "pieni (~ 10 riviä)",
+    "box_size_medium": "keskisuuri (~ 30 riviä)",
+    "button_include": "Sisällytä muistio"
+  },
+  "info": {
+    "modalTitle": "Info viesti",
+    "closeButton": "Sulje",
+    "okButton": "OK"
+  },
+  "jump_to_note": {
+    "search_button": "Etsi koko tekstistä"
+  },
+  "call_to_action": {
+    "dismiss": "Hylkää"
+  }
+}

apps/client/src/translations/hu/translation.json

@@ -0,0 +1 @@
+{}

apps/client/src/translations/it/translation.json

@@ -0,0 +1,345 @@
+{
+    "about": {
+        "app_version": "Versione dell'app:",
+        "db_version": "Versione DB:",
+        "sync_version": "Versione Sync:",
+        "data_directory": "Cartella dati:",
+        "title": "Informazioni su Trilium Notes",
+        "build_date": "Data della build:",
+        "build_revision": "Revisione della build:",
+        "homepage": "Homepage:"
+    },
+    "toast": {
+        "critical-error": {
+            "title": "Errore critico",
+            "message": "Si è verificato un errore critico che impedisce l'avvio dell'applicazione client:\n\n{{message}}\n\nQuesto è probabilmente causato da un errore di script inaspettato. Prova a avviare l'applicazione in modo sicuro e controlla il problema."
+        },
+        "bundle-error": {
+            "title": "Non si è riusciti a caricare uno script personalizzato",
+            "message": "Lo script della nota con ID \"{{id}}\", dal titolo \"{{title}}\" non è stato inizializzato a causa di:\n\n{{message}}"
+        },
+        "widget-error": {
+            "title": "Impossibile inizializzare un widget",
+            "message-custom": "Il widget personalizzato della nota con ID \"{{id}}\", dal titolo \"{{title}}\" non è stato inizializzato a causa di:\n\n{{message}}",
+            "message-unknown": "Un widget sconosciuto non è stato inizializzato a causa di:\n\n{{message}}"
+        }
+    },
+    "add_link": {
+        "add_link": "Aggiungi un collegamento",
+        "note": "Nota",
+        "search_note": "cerca una nota per nome",
+        "link_title_mirrors": "il titolo del collegamento rispecchia il titolo della nota corrente",
+        "link_title_arbitrary": "il titolo del collegamento può essere modificato arbitrariamente",
+        "link_title": "Titolo del collegamento",
+        "button_add_link": "Aggiungi il collegamento <kbd>invio</kbd>",
+        "help_on_links": "Aiuto sui collegamenti"
+    },
+    "branch_prefix": {
+        "edit_branch_prefix": "Modifica il prefisso del ramo",
+        "help_on_tree_prefix": "Aiuto sui prefissi dell'Albero",
+        "prefix": "Prefisso: ",
+        "save": "Salva",
+        "branch_prefix_saved": "Il prefisso del ramo è stato salvato."
+    },
+    "bulk_actions": {
+        "bulk_actions": "Azioni massive",
+        "affected_notes": "Note influenzate",
+        "include_descendants": "Includi i discendenti della nota selezionata",
+        "available_actions": "Azioni disponibili",
+        "chosen_actions": "Azioni scelte",
+        "execute_bulk_actions": "Esegui le azioni massive",
+        "bulk_actions_executed": "Le azioni massive sono state eseguite con successo.",
+        "none_yet": "Ancora nessuna... aggiungi una azione cliccando su una di quelle disponibili sopra.",
+        "labels": "Etichette",
+        "relations": "Relazioni",
+        "notes": "Note",
+        "other": "Altro"
+    },
+    "clone_to": {
+        "clone_notes_to": "Clona note in...",
+        "help_on_links": "Aiuto sui collegamenti",
+        "notes_to_clone": "Note da clonare",
+        "target_parent_note": "Nodo padre obiettivo",
+        "search_for_note_by_its_name": "cerca una nota per nome",
+        "cloned_note_prefix_title": "Le note clonate saranno mostrate nell'albero delle note con il dato prefisso",
+        "prefix_optional": "Prefisso (opzionale)",
+        "clone_to_selected_note": "Clona sotto la nota selezionata <kbd>invio</kbd>",
+        "no_path_to_clone_to": "Nessun percorso per clonare dentro.",
+        "note_cloned": "La nota \"{{clonedTitle}}\" è stata clonata in \"{{targetTitle}}\""
+    },
+    "confirm": {
+        "cancel": "Annulla",
+        "ok": "OK",
+        "confirmation": "Conferma",
+        "are_you_sure_remove_note": "Sei sicuro di voler rimuovere la nota \"{{title}}\" dalla mappa delle relazioni? ",
+        "if_you_dont_check": "Se non lo selezioni, la nota sarà rimossa solamente dalla mappa delle relazioni.",
+        "also_delete_note": "Rimuove anche la nota"
+    },
+    "delete_notes": {
+        "ok": "OK",
+        "close": "Chiudi",
+        "delete_notes_preview": "Anteprima di eliminazione delle note",
+        "delete_all_clones_description": "Elimina anche tutti i cloni (può essere disfatto tramite i cambiamenti recenti)",
+        "erase_notes_description": "L'eliminazione normale (soft) marca le note come eliminate e potranno essere recuperate entro un certo lasso di tempo (dalla finestra dei cambiamenti recenti). Selezionando questa opzione le note si elimineranno immediatamente e non sarà possibile recuperarle.",
+        "erase_notes_warning": "Elimina le note in modo permanente (non potrà essere disfatto), compresi tutti i cloni. Ciò forzerà un nuovo caricamento dell'applicazione.",
+        "cancel": "Annulla",
+        "notes_to_be_deleted": "Le seguenti note saranno eliminate ({{- noteCount}})",
+        "no_note_to_delete": "Nessuna nota sarà eliminata (solo i cloni).",
+        "broken_relations_to_be_deleted": "Le seguenti relazioni saranno interrotte ed eliminate ({{- relationCount}})",
+        "deleted_relation_text": "La nota {{- note}} (da eliminare) è referenziata dalla relazione {{- relation}} originata da {{- source}}."
+    },
+    "info": {
+        "okButton": "OK",
+        "closeButton": "Chiudi"
+    },
+    "export": {
+        "close": "Chiudi",
+        "export_note_title": "Esporta la nota",
+        "export_status": "Stato dell'esportazione",
+        "export": "Esporta",
+        "choose_export_type": "Scegli prima il tipo di esportazione, per favore",
+        "export_in_progress": "Esportazione in corso: {{progressCount}}",
+        "export_finished_successfully": "Esportazione terminata con successo.",
+        "format_pdf": "PDF- allo scopo di stampa o esportazione.",
+        "export_type_subtree": "Questa nota e tutti i suoi discendenti",
+        "format_html": "HTML - raccomandato in quanto mantiene tutti i formati",
+        "format_html_zip": "HTML in archivio ZIP - questo è raccomandato in quanto conserva tutta la formattazione.",
+        "format_markdown": "MArkdown - questo conserva la maggior parte della formattazione."
+    },
+    "password_not_set": {
+        "body1": "Le note protette sono crittografate utilizzando una password utente, ma la password non è stata ancora impostata.",
+        "body2": "Per proteggere le note, fare clic su <a class=\"open-password-options-button\" href=\"javascript:\">qui</a> per aprire la finestra di dialogo Opzioni e impostare la password."
+    },
+    "protected_session_password": {
+        "close_label": "Chiudi"
+    },
+    "abstract_bulk_action": {
+        "remove_this_search_action": "Rimuovi questa azione di ricerca"
+    },
+    "etapi": {
+        "new_token_title": "Nuovo token ETAPI",
+        "new_token_message": "Inserire il nuovo nome del token"
+    },
+    "electron_integration": {
+        "zoom-factor": "Fattore di ingrandimento",
+        "desktop-application": "Applicazione Desktop"
+    },
+    "note_autocomplete": {
+        "search-for": "Cerca \"{{term}}\"",
+        "create-note": "Crea e collega la nota figlia \"{{term}}\"",
+        "insert-external-link": "Inserisci il collegamento esterno a \"{{term}}\"",
+        "clear-text-field": "Pulisci il campo di testo",
+        "show-recent-notes": "Mostra le note recenti",
+        "full-text-search": "Ricerca full text"
+    },
+    "note_tooltip": {
+        "note-has-been-deleted": "La nota è stata eliminata.",
+        "quick-edit": "Modifica veloce"
+    },
+    "geo-map": {
+        "create-child-note-title": "Crea una nota figlia e aggiungila alla mappa",
+        "create-child-note-instruction": "Clicca sulla mappa per creare una nuova nota qui o premi Escape per uscire.",
+        "unable-to-load-map": "Impossibile caricare la mappa."
+    },
+    "geo-map-context": {
+        "open-location": "Apri la posizione",
+        "remove-from-map": "Rimuovi dalla mappa",
+        "add-note": "Aggiungi un marcatore in questa posizione"
+    },
+    "debug": {
+        "debug": "Debug"
+    },
+    "database_anonymization": {
+        "light_anonymization": "Anonimizzazione parziale",
+        "title": "Anonimizzazione del Database",
+        "full_anonymization": "Anonimizzazione completa",
+        "full_anonymization_description": "Questa azione creerà una nuova copia del database e lo anonimizzerà (rimuove tutti i contenuti delle note, lasciando solo la struttura e qualche metadato non sensibile) per condividerlo online allo scopo di debugging, senza paura di far trapelare i tuoi dati personali.",
+        "save_fully_anonymized_database": "Salva il database completamente anonimizzato",
+        "light_anonymization_description": "Questa azione creerà una nuova copia del database e lo anonimizzerà in parzialmente — in particolare, solo il contenuto delle note sarà rimosso, ma i titoli e gli attributi rimarranno. Inoltre, note con script personalizzati JS di frontend/backend e widget personalizzati lasciando rimarranno. Ciò mette a disposizione più contesto per il debug dei problemi.",
+        "choose_anonymization": "Puoi decidere da solo se fornire un database completamente o parzialmente anonimizzato. Anche un database completamente anonimizzato è molto utile, sebbene in alcuni casi i database parzialmente anonimizzati possono accelerare il processo di identificazione dei bug e la loro correzione.",
+        "no_anonymized_database_yet": "Nessun database ancora anonimizzato.",
+        "save_lightly_anonymized_database": "Salva il database parzialmente anonimizzato",
+        "successfully_created_fully_anonymized_database": "Database completamente anonimizzato creato in {{anonymizedFilePath}}",
+        "successfully_created_lightly_anonymized_database": "Database parzialmente anonimizzato creato in {{anonymizedFilePath}}"
+    },
+    "cpu_arch_warning": {
+        "title": "Per favore scarica la versione ARM64",
+        "continue_anyway": "Continua Comunque",
+        "dont_show_again": "Non mostrare più questo avviso",
+        "download_link": "Scarica la Versione Nativa"
+    },
+    "editorfeatures": {
+        "title": "Caratteristiche",
+        "emoji_completion_enabled": "Abilita il completamento automatico delle Emoji",
+        "note_completion_enabled": "Abilita il completamento automatico delle note"
+    },
+    "table_view": {
+        "new-row": "Nuova riga",
+        "new-column": "Nuova colonna",
+        "sort-column-by": "Ordina per \"{{title}}\"",
+        "sort-column-ascending": "Ascendente",
+        "sort-column-descending": "Discendente",
+        "sort-column-clear": "Cancella l'ordinamento",
+        "hide-column": "Nascondi la colonna \"{{title}}\"",
+        "show-hide-columns": "Mostra/nascondi le colonne",
+        "row-insert-above": "Inserisci una riga sopra",
+        "row-insert-below": "Inserisci una riga sotto"
+    },
+    "abstract_search_option": {
+        "remove_this_search_option": "Rimuovi questa opzione di ricerca",
+        "failed_rendering": "Opzione di ricerca di rendering non riuscita: {{dto}} con errore: {{error}} {{stack}}"
+    },
+    "ancestor": {
+        "label": "Antenato"
+    },
+    "add_label": {
+        "add_label": "Aggiungi etichetta",
+        "label_name_placeholder": "nome dell'etichetta",
+        "new_value_placeholder": "nuovo valore",
+        "to_value": "al valore"
+    },
+    "update_label_value": {
+        "to_value": "al valore",
+        "label_name_placeholder": "nome dell'etichetta"
+    },
+    "delete_label": {
+        "delete_label": "Elimina etichetta",
+        "label_name_placeholder": "nome dell'etichetta",
+        "label_name_title": "Sono ammessi i caratteri alfanumerici, il carattere di sottolineato e i due punti."
+    },
+    "tree-context-menu": {
+        "move-to": "Muovi in...",
+        "cut": "Taglia"
+    },
+    "electron_context_menu": {
+        "cut": "Taglia",
+        "copy": "Copia",
+        "paste": "Incolla",
+        "copy-link": "Copia collegamento",
+        "paste-as-plain-text": "Incolla come testo semplice"
+    },
+    "editing": {
+        "editor_type": {
+            "multiline-toolbar": "Mostra la barra degli strumenti su più linee se non entra."
+        }
+    },
+    "edit_button": {
+        "edit_this_note": "Modifica questa nota"
+    },
+    "shortcuts": {
+        "shortcuts": "Scorciatoie"
+    },
+    "shared_switch": {
+        "toggle-on-title": "Condividi la nota",
+        "toggle-off-title": "Non condividere la nota"
+    },
+    "search_string": {
+        "search_prefix": "Cerca:"
+    },
+    "attachment_detail": {
+        "open_help_page": "Apri la pagina di aiuto sugli allegati"
+    },
+    "search_definition": {
+        "ancestor": "antenato",
+        "debug": "debug",
+        "action": "azione",
+        "add_search_option": "Aggiungi un opzione di ricerca:",
+        "search_string": "cerca la stringa",
+        "limit": "limite"
+    },
+    "modal": {
+        "close": "Chiudi"
+    },
+    "board_view": {
+        "insert-below": "Inserisci sotto",
+        "delete-column": "Elimina la colonna",
+        "delete-column-confirmation": "Sei sicuro di vole eliminare questa colonna? Il corrispondente attributo sarà eliminato anche nelle note sotto questa colonna."
+    },
+    "backup": {
+        "enable_weekly_backup": "Abilita le archiviazioni settimanali",
+        "enable_monthly_backup": "Abilita le archiviazioni mensili",
+        "backup_recommendation": "Si raccomanda di mantenere attive le archiviazioni, sebbene ciò possa rendere l'avvio dell'applicazione lento con database grandi e/o dispositivi di archiviazione lenti.",
+        "backup_now": "Archivia adesso",
+        "backup_database_now": "Archivia il database adesso",
+        "existing_backups": "Backup esistenti",
+        "date-and-time": "Data e ora",
+        "path": "Percorso",
+        "database_backed_up_to": "Il database è stato archiviato in {{backupFilePath}}",
+        "enable_daily_backup": "Abilita le archiviazioni giornaliere",
+        "no_backup_yet": "Ancora nessuna archiviazione"
+    },
+    "backend_log": {
+        "refresh": "Aggiorna"
+    },
+    "consistency_checks": {
+        "find_and_fix_button": "Trova e correggi i problemi di coerenza",
+        "finding_and_fixing_message": "In cerca e correzione dei problemi di coerenza...",
+        "issues_fixed_message": "Qualsiasi problema di coerenza che possa essere stato trovato ora è corretto."
+    },
+    "database_integrity_check": {
+        "check_button": "Controllo dell'integrità del database",
+        "checking_integrity": "Controllo dell'integrità del database in corso...",
+        "title": "Controllo di Integrità del database",
+        "description": "Controllerà che il database non sia corrotto a livello SQLite. Può durare un po' di tempo, a seconda della grandezza del DB.",
+        "integrity_check_failed": "Controllo di integrità fallito: {{results}}"
+    },
+    "sync": {
+        "title": "Sincronizza",
+        "force_full_sync_button": "Forza una sincronizzazione completa",
+        "failed": "Sincronizzazione fallita: {{message}}"
+    },
+    "sync_2": {
+        "config_title": "Configurazione per la Sincronizzazione",
+        "proxy_label": "Server Proxy per la sincronizzazione (opzionale)",
+        "test_title": "Test di sincronizzazione",
+        "timeout": "Timeout per la sincronizzazione",
+        "timeout_unit": "millisecondi",
+        "save": "Salva",
+        "help": "Aiuto"
+    },
+    "search_engine": {
+        "save_button": "Salva"
+    },
+    "sql_table_schemas": {
+        "tables": "Tabelle"
+    },
+    "tab_row": {
+        "close_tab": "Chiudi la scheda",
+        "add_new_tab": "Aggiungi una nuova scheda",
+        "close": "Chiudi",
+        "close_other_tabs": "Chiudi le altre schede",
+        "close_right_tabs": "Chiudi le schede a destra",
+        "close_all_tabs": "Chiudi tutte le schede",
+        "reopen_last_tab": "Riapri l'ultima scheda chiusa",
+        "move_tab_to_new_window": "Sposta questa scheda in una nuova finestra",
+        "copy_tab_to_new_window": "Copia questa scheda in una nuova finestra",
+        "new_tab": "Nuova scheda"
+    },
+    "toc": {
+        "table_of_contents": "Sommario"
+    },
+    "table_of_contents": {
+        "title": "Sommario"
+    },
+    "tray": {
+        "title": "Vassoio di Sistema",
+        "enable_tray": "Abilita il vassoio (Trilium necessita di essere riavviato affinché la modifica abbia effetto)"
+    },
+    "heading_style": {
+        "title": "Stile dell'Intestazione",
+        "plain": "Normale",
+        "underline": "Sottolineato",
+        "markdown": "Stile Markdown"
+    },
+    "highlights_list": {
+        "title": "Punti salienti"
+    },
+    "highlights_list_2": {
+        "title": "Punti salienti",
+        "options": "Opzioni"
+    },
+    "quick-search": {
+        "placeholder": "Ricerca rapida",
+        "searching": "Ricerca in corso..."
+    }
+}

apps/client/src/translations/ko/translation.json

@@ -0,0 +1 @@
+{}

apps/client/src/translations/pl/translation.json

@@ -0,0 +1,41 @@
+{
+  "about": {
+    "title": "O notatkach Trilium",
+    "homepage": "Strona główna:",
+    "app_version": "Wersja aplikacji:",
+    "db_version": "Wersja bazy danych:",
+    "sync_version": "Wersja synchronizacji:",
+    "build_date": "Zbudowano:",
+    "build_revision": "Rewizja zbudowania:",
+    "data_directory": "Katalog z danymi:"
+  },
+  "toast": {
+    "critical-error": {
+      "title": "Błąd krytyczny",
+      "message": "Wystąpił krytyczny błąd uniemożliwiający uruchomienie aplikacji:\n\n{{message}}\n\nJest to spowodowane najprawdopodobniej niespodziewanym błędem skryptu. Spróbuj uruchomić aplikację ponownie w trybie bezpiecznym i zaadresuj problem."
+    }
+  },
+  "add_link": {
+    "add_link": "Dodaj link"
+  },
+  "branch_prefix": {
+    "save": "Zapisz"
+  },
+  "bulk_actions": {
+    "labels": "Etykiety",
+    "notes": "Notatki",
+    "other": "Inne",
+    "relations": "Powiązania"
+  },
+  "confirm": {
+    "ok": "OK",
+    "cancel": "Anuluj"
+  },
+  "delete_notes": {
+    "cancel": "Anuluj",
+    "close": "Zamknij"
+  },
+  "export": {
+    "close": "Zamknij"
+  }
+}

apps/client/src/translations/pt_br/translation.json

@@ -1,7 +1,419 @@
 {
-    "code_block": {
-        "theme_none": "Sem destaque de sintaxe",
-        "theme_group_light": "Temas claros",
-        "theme_group_dark": "Temas escuros"
+  "code_block": {
+    "theme_none": "Sem destaque de sintaxe",
+    "theme_group_light": "Temas claros",
+    "theme_group_dark": "Temas escuros"
+  },
+  "about": {
+    "title": "Sobre o Trilium Notes",
+    "homepage": "Página inicial:",
+    "app_version": "Versão do App:",
+    "db_version": "Versão do db:",
+    "sync_version": "Versão de sincronização:",
+    "build_date": "Data de compilação:",
+    "build_revision": "Revisão da compilação:",
+    "data_directory": "Diretório de dados:"
+  },
+  "toast": {
+    "critical-error": {
+      "title": "Erro crítico",
+      "message": "Ocorreu um erro crítico que impede a inicialização do aplicativo cliente:\n\n{{message}}\n\nIsso provavelmente foi causado por um script que falhou de maneira inesperada. Tente iniciar o aplicativo no modo seguro e resolva o problema."
+    },
+    "widget-error": {
+      "title": "Falha ao inicializar um widget",
+      "message-custom": "O widget personalizado da nota com ID \"{{id}}\", intitulada \"{{title}}\", não pôde ser inicializado devido a:\n\n{{message}}",
+      "message-unknown": "Widget desconhecido não pôde ser inicializado devido a:\n\n{{message}}"
+    },
+    "bundle-error": {
+      "title": "Falha para carregar o script customizado",
+      "message": "O script da nota com ID \"{{id}}\", intitulada \"{{title}}\", não pôde ser executado devido a:\n\n{{message}}"
     }
+  },
+  "add_link": {
+    "add_link": "Adicionar link",
+    "help_on_links": "Ajuda sobre links",
+    "note": "Nota",
+    "search_note": "pesquisar nota pelo nome",
+    "link_title_mirrors": "o título do link reflete o título atual da nota",
+    "link_title_arbitrary": "o título do link pode ser alterado livremente",
+    "link_title": "Titulo do link",
+    "button_add_link": "Adicionar link"
+  },
+  "branch_prefix": {
+    "prefix": "Prefixo: ",
+    "save": "Salvar",
+    "edit_branch_prefix": "Editar Prefixo do Branch",
+    "help_on_tree_prefix": "Ajuda sobre o prefixo da árvore de notas",
+    "branch_prefix_saved": "O prefixo de ramificação foi salvo."
+  },
+  "bulk_actions": {
+    "bulk_actions": "Ações em massa",
+    "affected_notes": "Notas Afetadas",
+    "include_descendants": "Incluir notas filhas das notas selecionadas",
+    "available_actions": "Ações disponíveis",
+    "chosen_actions": "Ações selecionadas",
+    "execute_bulk_actions": "Executar ações em massa",
+    "bulk_actions_executed": "As ações em massa foram concluídas com sucesso.",
+    "none_yet": "Nenhuma até agora... adicione uma ação clicando em uma das disponíveis acima.",
+    "labels": "Etiquetas",
+    "relations": "Relações",
+    "notes": "Notas",
+    "other": "Outros"
+  },
+  "clone_to": {
+    "clone_notes_to": "Clonar notas para...",
+    "help_on_links": "Ajuda sobre links",
+    "notes_to_clone": "Notas para clonar",
+    "search_for_note_by_its_name": "pesquisar nota pelo nome",
+    "cloned_note_prefix_title": "A nota clonada aparecerá na árvore de notas com o prefixo fornecido",
+    "prefix_optional": "Prefixo (opcional)",
+    "no_path_to_clone_to": "Nenhum caminho para clonar.",
+    "target_parent_note": "Nota pai-alvo",
+    "clone_to_selected_note": "Clonar para a nota selecionada",
+    "note_cloned": "A nota \"{{clonedTitle}}\" foi clonada para \"{{targetTitle}}\""
+  },
+  "ai_llm": {
+    "n_notes_queued_0": "{{ count }} nota enfileirada para indexação",
+    "n_notes_queued_1": "{{ count }} notas enfileiradas para indexação",
+    "n_notes_queued_2": "{{ count }} notas enfileiradas para indexação",
+    "notes_indexed_0": "{{ count }} nota indexada",
+    "notes_indexed_1": "{{ count }} notas indexadas",
+    "notes_indexed_2": "{{ count }} notas indexadas"
+  },
+  "confirm": {
+    "confirmation": "Confirmação",
+    "cancel": "Cancelar",
+    "ok": "OK",
+    "are_you_sure_remove_note": "Tem certeza de que deseja remover a nota '{{title}}' do mapa de relações? ",
+    "if_you_dont_check": "Se você não marcar isso, a nota será removida apenas do mapa de relações.",
+    "also_delete_note": "Também excluir a nota"
+  },
+  "delete_notes": {
+    "delete_notes_preview": "Excluir pré-visualização de notas",
+    "close": "Fechar",
+    "delete_all_clones_description": "Excluir também todos os clones (pode ser desfeito em alterações recentes)",
+    "erase_notes_description": "A exclusão normal (suave) apenas marca as notas como excluídas, permitindo que sejam recuperadas (no diálogo de alterações recentes) dentro de um período de tempo. Se esta opção for marcada, as notas serão apagadas imediatamente e não será possível restaurá-las.",
+    "erase_notes_warning": "Apagar notas permanentemente (não pode ser desfeito), incluindo todos os clones. Isso forçará o recarregamento do aplicativo.",
+    "notes_to_be_deleted": "As seguintes notas serão excluídas ({{notesCount}})",
+    "no_note_to_delete": "Nenhuma nota será excluída (apenas os clones).",
+    "broken_relations_to_be_deleted": "As seguintes relações serão quebradas e excluídas ({{ relationCount}})",
+    "cancel": "Cancelar",
+    "ok": "OK",
+    "deleted_relation_text": "A nota {{- note}} (a ser excluída) está referenciada pela relação {{- relation}} originada de {{- source}}."
+  },
+  "export": {
+    "export_note_title": "Exportar nota",
+    "close": "Fechar",
+    "export_type_subtree": "Esta nota e todos os seus descendentes",
+    "format_html": "HTML – recomendado, pois mantém toda a formatação",
+    "format_html_zip": "HTML em arquivo ZIP – recomendado, pois isso preserva toda a formatação.",
+    "format_markdown": "Markdown – isso preserva a maior parte da formatação.",
+    "format_opml": "OPML - formato de intercâmbio de outliners apenas para texto. Formatação, imagens e arquivos não estão incluídos.",
+    "opml_version_1": "OPML v1.0 – apenas texto simples",
+    "opml_version_2": "OPML v2.0 – permite também HTML",
+    "export_type_single": "Apenas esta nota, sem seus descendentes",
+    "export": "Exportar",
+    "choose_export_type": "Por favor, escolha primeiro o tipo de exportação",
+    "export_status": "Status da exportação",
+    "export_in_progress": "Exportação em andamento: {{progressCount}}",
+    "export_finished_successfully": "Exportação concluída com sucesso.",
+    "format_pdf": "PDF – para impressão ou compartilhamento."
+  },
+  "help": {
+    "noteNavigation": "Navegação de notas",
+    "goUpDown": "subir/descer na lista de notas",
+    "collapseExpand": "recolher/expandir nó",
+    "notSet": "não definido",
+    "goBackForwards": "voltar / avançar no histórico",
+    "showJumpToNoteDialog": "mostrar diálogo <a class=\"external\" href=\"https://triliumnext.github.io/Docs/Wiki/note-navigation.html#jump-to-note\">\"Ir para\"</a>",
+    "scrollToActiveNote": "rolar até a nota atual",
+    "jumpToParentNote": "ir para a nota pai",
+    "collapseWholeTree": "recolher toda a árvore de notas",
+    "collapseSubTree": "recolher subárvore",
+    "tabShortcuts": "Atalhos de abas",
+    "newTabNoteLink": "em um link de nota abre a nota em uma nova aba",
+    "newTabWithActivationNoteLink": "em um link de nota abre e ativa a nota em uma nova aba",
+    "onlyInDesktop": "Apenas na versão para desktop (compilação Electron)",
+    "openEmptyTab": "abrir aba vazia",
+    "closeActiveTab": "fechar aba ativa",
+    "activateNextTab": "ativar próxima aba",
+    "activatePreviousTab": "ativar aba anterior",
+    "creatingNotes": "Criando notas",
+    "createNoteAfter": "criar nova nota após a nota atual",
+    "createNoteInto": "criar nova subnota dentro da nota atual",
+    "editBranchPrefix": "editar <a class=\"external\" href=\"https://triliumnext.github.io/Docs/Wiki/tree-concepts.html#prefix\">prefixo</a> do clone da nota ativa",
+    "movingCloningNotes": "Movendo / clonando notas",
+    "moveNoteUpDown": "mover nota para cima/baixo na lista de notas",
+    "moveNoteUpHierarchy": "mover nota para cima na hierarquia",
+    "multiSelectNote": "selecionar múltiplas notas acima/abaixo",
+    "selectAllNotes": "selecionar todas as notas no nível atual",
+    "selectNote": "selecionar nota",
+    "copyNotes": "copiar nota ativa (ou seleção atual) para a área de transferência (usado para <a class=\"external\" href=\"https://triliumnext.github.io/Docs/Wiki/cloning-notes.html#cloning-notes\">clonar</a>)",
+    "cutNotes": "recortar nota atual (ou seleção atual) para a área de transferência (usado para mover notas)",
+    "pasteNotes": "colar nota(s) como subnota dentro da nota ativa (o que pode ser mover ou clonar dependendo se foi copiado ou recortado para a área de transferência)",
+    "deleteNotes": "excluir nota / subárvore",
+    "editingNotes": "Edição de notas",
+    "editNoteTitle": "no painel de árvore, a navegação mudará do painel de árvore para o título da nota. Pressionar Enter no título da nota mudará o foco para o editor de texto. <kbd>Ctrl+.</kbd> mudará o foco de volta do editor para o painel de árvore.",
+    "createEditLink": "criar / editar link externo",
+    "createInternalLink": "criar link interno",
+    "followLink": "seguir link sob o cursor",
+    "insertDateTime": "inserir data e hora atual na posição do cursor",
+    "jumpToTreePane": "ir para a árvore de notas e rolar até a nota ativa",
+    "markdownAutoformat": "Autoformatação estilo Markdown",
+    "headings": "<code>##</code>, <code>###</code>, <code>####</code> etc. seguidos de espaço para títulos",
+    "bulletList": "<code>*</code> ou <code>-</code> seguidos de espaço para lista com marcadores",
+    "numberedList": "<code>1.</code> ou <code>1)</code> seguidos de espaço para lista numerada",
+    "blockQuote": "comece uma linha com <code>></code> seguido de espaço para citação em bloco",
+    "troubleshooting": "Solução de problemas",
+    "reloadFrontend": "recarregar o frontend do Trilium",
+    "showDevTools": "mostrar ferramentas de desenvolvedor",
+    "showSQLConsole": "mostrar console SQL",
+    "other": "Outros",
+    "quickSearch": "focar no campo de pesquisa rápida",
+    "inPageSearch": "pesquisa na página",
+    "title": "Folha de Dicas"
+  },
+  "import": {
+    "importIntoNote": "Importar para a nota",
+    "chooseImportFile": "Escolher arquivo para importar",
+    "importDescription": "O conteúdo do(s) arquivo(s) selecionado(s) será importado como nota(s) filha(s) em",
+    "options": "Opções",
+    "safeImportTooltip": "Arquivos de exportação Trilium<code> .zip</code> podem conter scripts executáveis que podem apresentar comportamentos prejudiciais. A importação segura desativará a execução automática de todos os scripts importados. Desmarque “Importação segura” apenas se o arquivo de importação contiver scripts executáveis e você confiar totalmente no conteúdo do arquivo importado.",
+    "safeImport": "Importação segura",
+    "explodeArchivesTooltip": "Se esta opção estiver marcada, o Trilium irá ler arquivos <code>.zip</code>, <code>.enex</code> e <code>.opml</code> e criar notas a partir dos arquivos contidos nesses arquivos compactados. Se estiver desmarcada, o Trilium irá anexar os próprios arquivos compactados à nota.",
+    "explodeArchives": "Ler conteúdos de arquivos <code>.zip</code>, <code>.enex</code> e <code>.opml</code>.",
+    "shrinkImagesTooltip": "<p>Se você marcar esta opção, o Trilium tentará reduzir o tamanho das imagens importadas por meio de escala e otimização, o que pode afetar a qualidade visual das imagens. Se desmarcada, as imagens serão importadas sem alterações.</p><p>Isso não se aplica a importações de arquivos <code>.zip</code> com metadados, pois presume-se que esses arquivos já estejam otimizados.</p>",
+    "shrinkImages": "Reduzir imagens",
+    "textImportedAsText": "Importar arquivos HTML, Markdown e TXT como notas de texto caso não esteja claro pelos metadados",
+    "codeImportedAsCode": "Importar arquivos de código reconhecidos (por exemplo, <code>.json</code>) como notas de código caso não esteja claro pelos metadados",
+    "replaceUnderscoresWithSpaces": "Substituir sublinhados por espaços nos nomes das notas importadas",
+    "import": "Importar",
+    "failed": "Falha na importação: {{message}}.",
+    "html_import_tags": {
+      "title": "Tags de importação HTML",
+      "description": "Configurar quais tags HTML devem ser preservadas ao importar notas. As tags que não estiverem nesta lista serão removidas durante a importação. Algumas tags (como 'script') são sempre removidas por motivos de segurança.",
+      "placeholder": "Digite as tags HTML, uma por linha",
+      "reset_button": "Redefinir para lista padrão"
+    },
+    "import-status": "Status da importação",
+    "in-progress": "Importação em andamento: {{progress}}",
+    "successful": "Importação concluída com sucesso."
+  },
+  "include_note": {
+    "dialog_title": "Incluir nota",
+    "label_note": "Nota",
+    "placeholder_search": "pesquisar nota pelo nome",
+    "box_size_prompt": "Dimensão da caixa da nota incluída:",
+    "box_size_small": "pequeno (~ 10 linhas)",
+    "box_size_medium": "médio (~ 30 linhas)",
+    "box_size_full": "completo (a caixa exibe o texto completo)",
+    "button_include": "Incluir nota"
+  },
+  "info": {
+    "modalTitle": "Mensagem informativa",
+    "closeButton": "Fechar",
+    "okButton": "OK"
+  },
+  "jump_to_note": {
+    "search_placeholder": "Pesquise uma nota pelo nome ou digite > para comandos...",
+    "search_button": "Pesquisar em texto completo"
+  },
+  "markdown_import": {
+    "dialog_title": "Importar Markdown",
+    "modal_body_text": "Por motivos de segurança (sandbox do navegador), o JavaScript não pode acessar diretamente a área de transferência. Por favor, cole o conteúdo Markdown na área de texto abaixo e clique em Importar",
+    "import_button": "Importar",
+    "import_success": "O conteúdo Markdown foi importado para o documento."
+  },
+  "move_to": {
+    "dialog_title": "Mover notas para...",
+    "notes_to_move": "Notas para mover",
+    "target_parent_note": "Nota pai-alvo",
+    "search_placeholder": "pesquisar nota pelo nome",
+    "move_button": "Mover para a nota selecionada",
+    "error_no_path": "Nenhum caminho para mover.",
+    "move_success_message": "As notas selecionadas foram movidas para "
+  },
+  "note_type_chooser": {
+    "change_path_prompt": "Alterar onde criar a nova nota:",
+    "search_placeholder": "buscar caminho pelo nome (valor padrão se não for preenchido)",
+    "modal_title": "Escolher tipo de nota",
+    "modal_body": "Escolha o tipo/modelo da nova nota:",
+    "templates": "Modelos",
+    "builtin_templates": "Modelos Incorporados"
+  },
+  "password_not_set": {
+    "title": "A senha não está definida",
+    "body1": "Notas protegidas são criptografadas usando uma senha do usuário, mas a senha ainda não foi definida.",
+    "body2": "Para poder proteger notas, clique no botão abaixo para abrir a caixa de diálogo de Opções e definir sua senha.",
+    "go_to_password_options": "Ir para opções de Senha"
+  },
+  "prompt": {
+    "title": "Prompt",
+    "ok": "OK",
+    "defaultTitle": "Prompt"
+  },
+  "protected_session_password": {
+    "modal_title": "Sessão Protegida",
+    "help_title": "Ajuda sobre notas protegidas",
+    "close_label": "Fechar",
+    "form_label": "Para prosseguir com a ação solicitada, você precisa iniciar uma sessão protegida digitando a senha:",
+    "start_button": "Iniciar sessão protegida"
+  },
+  "recent_changes": {
+    "title": "Alterações recentes",
+    "erase_notes_button": "Remover permanentemente as notas excluídas agora",
+    "deleted_notes_message": "As notas excluídas foram removidas permanentemente.",
+    "no_changes_message": "Nenhuma alteração ainda...",
+    "undelete_link": "Restaurar",
+    "confirm_undelete": "Você deseja restaurar esta nota e suas subnotas?"
+  },
+  "revisions": {
+    "note_revisions": "Versões da nota",
+    "delete_all_revisions": "Excluir todas as versões desta nota",
+    "delete_all_button": "Excluir todas as versões",
+    "help_title": "Ajuda sobre as versões da nota",
+    "revision_last_edited": "Esta versão foi editada pela última vez em {{date}}",
+    "confirm_delete_all": "Você quer excluir todas as versões desta nota?",
+    "no_revisions": "Ainda não há versões para esta nota...",
+    "restore_button": "Recuperar",
+    "confirm_restore": "Deseja restaurar esta versão? Isso irá substituir o título e o conteúdo atuais da nota por esta versão.",
+    "delete_button": "Excluir",
+    "confirm_delete": "Deseja excluir esta versão?",
+    "revisions_deleted": "As versões da nota foram removidas.",
+    "revision_restored": "A versão da nota foi restaurada.",
+    "revision_deleted": "A versão da nota foi excluída.",
+    "snapshot_interval": "Intervalo de captura das versões da nota: {{seconds}}s.",
+    "maximum_revisions": "Limite de capturas das versões da nota: {{number}}.",
+    "settings": "Configurações de versões da nota",
+    "download_button": "Download",
+    "mime": "MIME: ",
+    "file_size": "Tamanho do arquivo:",
+    "preview": "Visualizar:",
+    "preview_not_available": "A visualização não está disponível para este tipo de nota."
+  },
+  "sort_child_notes": {
+    "sort_children_by": "Ordenar notas filhas por...",
+    "sorting_criteria": "Critérios de ordenação",
+    "title": "título",
+    "date_created": "data de criação",
+    "date_modified": "data de modificação",
+    "sorting_direction": "Direção de ordenação",
+    "ascending": "crescente",
+    "descending": "decrescente",
+    "folders": "Pastas",
+    "sort_folders_at_top": "colocar pastas no topo",
+    "natural_sort": "Ordenação Natural",
+    "sort_with_respect_to_different_character_sorting": "classificar de acordo com diferentes regras de ordenação de caracteres e colação em diferentes idiomas ou regiões.",
+    "natural_sort_language": "Linguagem da ordenação natural",
+    "the_language_code_for_natural_sort": "O código do idioma para ordenação natural, por exemplo, \"zh-CN\" para chinês.",
+    "sort": "Ordenar"
+  },
+  "upload_attachments": {
+    "upload_attachments_to_note": "Enviar anexos para a nota",
+    "choose_files": "Escolher arquivos",
+    "files_will_be_uploaded": "Os arquivos serão enviados como anexos para {{noteTitle}}",
+    "options": "Opções",
+    "shrink_images": "Reduzir imagens",
+    "upload": "Enviar",
+    "tooltip": "Se você marcar esta opção, o Trilium tentará reduzir as imagens enviadas redimensionando e otimizando, o que pode afetar a qualidade visual percebida. Se desmarcada, as imagens serão enviadas sem alterações."
+  },
+  "attribute_detail": {
+    "attr_detail_title": "Título Detalhado do Atributo",
+    "close_button_title": "Cancelar alterações e fechar",
+    "attr_is_owned_by": "O atributo pertence a",
+    "attr_name_title": "O nome do atributo pode ser composto apenas por caracteres alfanuméricos, dois-pontos e sublinhado",
+    "name": "Nome",
+    "value": "Valor",
+    "target_note_title": "Relação é uma conexão nomeada entre a nota de origem e a nota de destino.",
+    "target_note": "Nota de destino",
+    "promoted_title": "O atributo promovido é exibido de forma destacada na nota.",
+    "promoted": "Promovido",
+    "promoted_alias_title": "O nome a ser exibido na interface de atributos promovidos.",
+    "promoted_alias": "Alias",
+    "multiplicity_title": "Multiplicidade define quantos atributos com o mesmo nome podem ser criados — no máximo 1 ou mais de 1.",
+    "multiplicity": "Multiplicidade",
+    "single_value": "Valor único",
+    "multi_value": "Valor múltiplo",
+    "label_type_title": "O tipo do rótulo ajudará o Trilium a escolher a interface adequada para inserir o valor do rótulo.",
+    "label_type": "Tipo",
+    "text": "Texto",
+    "number": "Número",
+    "boolean": "Booleano",
+    "date": "Data",
+    "date_time": "Data e Hora",
+    "time": "Hora",
+    "url": "URL",
+    "precision_title": "Qual número de dígitos após o ponto decimal deve estar disponível na interface de configuração de valor.",
+    "precision": "Precisão",
+    "digits": "dígitos",
+    "inverse_relation_title": "Configuração opcional para definir a qual relação esta é oposta. Exemplo: Pai - Filho são relações inversas entre si.",
+    "inverse_relation": "Relação inversa",
+    "inheritable_title": "O atributo herdável será transmitido para todos os descendentes deste ramo.",
+    "inheritable": "Herdável",
+    "save_and_close": "Salvar e fechar <kbd>Ctrl+Enter</kbd>",
+    "delete": "Excluir",
+    "related_notes_title": "Outras notas com este rótulo",
+    "more_notes": "Mais notas",
+    "label": "Detalhe do rótulo",
+    "label_definition": "Detalhe da definição do rótulo",
+    "relation": "Detalhe da relação",
+    "relation_definition": "Detalhe da definição da relação",
+    "disable_versioning": "desativa a versão automática. Útil, por exemplo, para notas grandes, mas sem importância – como grandes bibliotecas JS usadas para scripts",
+    "calendar_root": "marca a nota que deve ser usada como raiz para notas diárias. Apenas uma deve ser marcada assim.",
+    "archived": "notas com este rótulo não serão exibidas por padrão nos resultados de busca (também nos diálogos Ir para, Adicionar link, etc).",
+    "exclude_from_export": "notas (junto com sua subárvore) não serão incluídas em nenhuma exportação de notas",
+    "run": "define em quais eventos o script deve ser executado. Os valores possíveis são:\n<ul>\n<li>frontendStartup - quando o frontend do Trilium inicia (ou é atualizado), mas não no celular.</li>\n<li>mobileStartup - quando o frontend do Trilium inicia (ou é atualizado), no celular.</li>\n<li>backendStartup - quando o backend do Trilium inicia</li>\n<li>hourly - executa uma vez por hora. Você pode usar o rótulo adicional <code>runAtHour</code> para especificar em qual hora.</li>\n<li>daily - executa uma vez por dia</li>\n</ul>",
+    "run_on_instance": "Define em qual instância do Trilium isso deve ser executado. Por padrão, todas as instâncias.",
+    "run_at_hour": "Em qual hora isso deve ser executado. Deve ser usado junto com <code>#run=hourly</code>. Pode ser definido várias vezes para executar mais de uma vez ao dia.",
+    "disable_inclusion": "scripts com este rótulo não serão incluídos na execução do script pai.",
+    "sorted": "mantém as notas filhas ordenadas alfabeticamente pelo título",
+    "sort_direction": "ASC (padrão) ou DESC",
+    "sort_folders_first": "Pastas (notas com filhos) devem ser ordenadas no topo",
+    "top": "mantenha a nota fornecida no topo em seu pai (aplica-se apenas a pais ordenados)",
+    "hide_promoted_attributes": "Ocultar atributos promovidos nesta nota",
+    "read_only": "o editor está em modo somente leitura. Funciona apenas para notas de texto e código.",
+    "auto_read_only_disabled": "notas de texto/código podem ser automaticamente configuradas para modo de leitura quando são muito grandes. Você pode desabilitar esse comportamento por nota adicionando este rótulo à nota",
+    "app_css": "marca notas CSS que são carregadas no aplicativo Trilium e, portanto, podem ser usadas para modificar a aparência do Trilium.",
+    "app_theme": "marca notas CSS que são temas completos do Trilium e, portanto, estão disponíveis nas opções do Trilium.",
+    "app_theme_base": "defina como \"next\", \"next-light\" ou \"next-dark\" para usar o tema TriliumNext correspondente (auto, claro ou escuro) como base para um tema personalizado, em vez do tema legado.",
+    "css_class": "o valor deste rótulo é então adicionado como classe CSS ao nó que representa a nota específica na árvore. Isso pode ser útil para temas avançados. Pode ser usado em notas de modelo.",
+    "icon_class": "o valor deste rótulo é adicionado como uma classe CSS ao ícone na árvore, o que pode ajudar a distinguir visualmente as notas na árvore. Um exemplo pode ser bx bx-home – os ícones são retirados do boxicons. Pode ser usado em notas de modelo.",
+    "page_size": "número de itens por página na listagem de notas",
+    "custom_request_handler": "veja <a href=\"javascript:\" data-help-page=\"custom-request-handler.html\">Manipulador de requisição personalizada</a>",
+    "custom_resource_provider": "veja <a href=\"javascript:\" data-help-page=\"custom-request-handler.html\">Manipulador de requisição personalizada</a>",
+    "widget": "marca esta nota como um widget personalizado que será adicionado à árvore de componentes do Trilium",
+    "workspace": "marca esta nota como um espaço de trabalho, o que permite fácil hoisting",
+    "workspace_icon_class": "define a classe CSS do ícone box que será usada na aba quando esta nota for hoisted",
+    "workspace_tab_background_color": "cor CSS usada na aba da nota quando esta nota é hoisted",
+    "workspace_calendar_root": "Define a raiz do calendário por espaço de trabalho",
+    "workspace_template": "Esta nota aparecerá na seleção de modelos disponíveis ao criar uma nova nota, mas apenas quando estiver destacada em um espaço de trabalho que contenha este modelo",
+    "search_home": "novas notas de pesquisa serão criadas como filhas desta nota",
+    "workspace_search_home": "novas notas de pesquisa serão criadas como filhas desta nota quando ela for destacada para algum ancestral desta nota de área de trabalho",
+    "inbox": "localização padrão da caixa de entrada para novas notas – quando você cria uma nota usando o botão \"nova nota\" na barra lateral, as notas serão criadas como notas filhas na nota marcada com o rótulo <code>#inbox</code>.",
+    "workspace_inbox": "local padrão da caixa de entrada para novas notas quando esta nota for destacada para algum ancestral desta nota de área de trabalho",
+    "sql_console_home": "localização padrão das notas do console SQL",
+    "bookmark_folder": "nota com este rótulo aparecerá nos favoritos como uma pasta (permitindo acesso aos seus filhos)",
+    "share_hidden_from_tree": "esta nota está oculta na árvore de navegação à esquerda, mas ainda pode ser acessada via sua URL",
+    "share_external_link": "a nota funcionará como um link para um site externo na árvore de compartilhamento",
+    "share_alias": "defina um alias por meio do qual a nota ficará disponível em https://your_trilium_host/share/[your_alias]",
+    "share_omit_default_css": "o CSS padrão da página de compartilhamento será omitido. Use quando você fizer alterações extensas de estilo.",
+    "share_root": "marca a nota que é servida na raiz de /share.",
+    "share_description": "defina o texto a ser adicionado à meta tag HTML \"description\"",
+    "share_raw": "a nota será servida em seu formato bruto, sem o wrapper HTML",
+    "share_disallow_robot_indexing": "impedirá que robôs indexem esta nota por meio do cabeçalho <code>X-Robots-Tag: noindex</code>",
+    "share_credentials": "exigir credenciais para acessar esta nota compartilhada. O valor deve estar no formato 'usuário:senha'. Não se esqueça de tornar esta configuração herdável para que seja aplicada às notas-filhas/imagens.",
+    "share_index": "notas com este rótulo irão listar todas as raízes das notas compartilhadas",
+    "display_relations": "nomes das relações separados por vírgula que devem ser exibidos. Todas as outras serão ocultadas.",
+    "hide_relations": "nomes das relações separados por vírgula que devem ser ocultados. Todas as outras serão exibidas.",
+    "title_template": "Título padrão das notas criadas como filhas desta nota. O valor é avaliado como uma string JavaScript e pode ser enriquecido com conteúdo dinâmico usando as variáveis injetadas <code>now</code> e <code>parentNote</code>. Exemplos:\n\n<ul>\n    <li><code>${parentNote.getLabelValue('authorName')}'s literary works</code></li>\n    <li><code>Log for ${now.format('YYYY-MM-DD HH:mm:ss')}</code></li>\n</ul>\n\nVeja a <a href=\"https://triliumnext.github.io/Docs/Wiki/default-note-title.html\">wiki com detalhes</a>, a documentação da API para <a href=\"https://zadam.github.io/trilium/backend_api/Note.html\">parentNote</a> e para <a href=\"https://day.js.org/docs/en/display/format\">now</a> para mais informações.",
+    "template": "Esta nota aparecerá na seleção de modelos disponíveis ao criar uma nova nota",
+    "toc": "<code>#toc</code> ou <code>#toc=show</code> irá forçar a exibição do Sumário, <code>#toc=hide</code> irá forçar que ele fique oculto. Se o rótulo não existir, será considerado o ajuste global",
+    "color": "define a cor da nota na árvore de notas, links etc. Use qualquer valor de cor CSS válido, como 'red' ou #a13d5f",
+    "keyboard_shortcut": "Define um atalho de teclado que irá pular imediatamente para esta nota. Exemplo: 'ctrl+alt+e'. É necessário recarregar o frontend para que a alteração tenha efeito.",
+    "hide_highlight_widget": "Ocultar o widget da lista de destaques",
+    "keep_current_hoisting": "Abrir este link não alterará o destaque, mesmo que a nota não seja exibível na subárvore destacada atual.",
+    "execute_button": "Titulo do botão que executará a nota de código atual",
+    "exclude_from_note_map": "Notas com este rótulo ficarão ocultas no Mapa de Notas",
+    "new_notes_on_top": "Novas notas serão criadas no topo da nota raiz, não na parte inferior."
+  }
 }

apps/client/src/translations/sl/translation.json

@@ -0,0 +1,9 @@
+{
+    "about": {
+        "title": "Podrobnosti Trilium Notes",
+        "homepage": "Domača stran:",
+        "app_version": "Verzija aplikacije:",
+        "db_version": "Verzija DB:",
+        "sync_version": "Verzija Sync:"
+    }
+}

apps/client/src/translations/sr/translation.json

@@ -1,7 +1,6 @@
 {
     "about": {
         "title": "O Trilium Belеškama",
-        "close": "Zatvori",
         "homepage": "Početna stranica:",
         "app_version": "Verzija aplikacije:",
         "db_version": "Verzija baze podataka:",
@@ -28,7 +27,6 @@
     "add_link": {
         "add_link": "Dodaj link",
         "help_on_links": "Pomoć na linkovima",
-        "close": "Zatvori",
         "note": "Beleška",
         "search_note": "potražite belešku po njenom imenu",
         "link_title_mirrors": "naziv linka preslikava trenutan naziv beleške",
@@ -39,14 +37,12 @@
     "branch_prefix": {
         "edit_branch_prefix": "Izmeni prefiks grane",
         "help_on_tree_prefix": "Pomoć na prefiksu Drveta",
-        "close": "Zatvori",
         "prefix": "Prefiks: ",
         "save": "Sačuvaj",
         "branch_prefix_saved": "Prefiks grane je sačuvan."
     },
     "bulk_actions": {
         "bulk_actions": "Grupne akcije",
-        "close": "Zatvori",
         "affected_notes": "Pogođene beleške",
         "include_descendants": "Obuhvati potomke izabranih beleški",
         "available_actions": "Dostupne akcije",
@@ -61,7 +57,6 @@
     },
     "clone_to": {
         "clone_notes_to": "Klonirajte beleške u...",
-        "close": "Zatvori",
         "help_on_links": "Pomoć na linkovima",
         "notes_to_clone": "Beleške za kloniranje",
         "target_parent_note": "Ciljna nadređena beleška",
@@ -74,7 +69,6 @@
     },
     "confirm": {
         "confirmation": "Potvrda",
-        "close": "Zatvori",
         "cancel": "Otkaži",
         "ok": "U redu",
         "are_you_sure_remove_note": "Da li ste sigurni da želite da uklonite belešku \"{{title}}\" iz mape odnosa? ",
@@ -113,8 +107,6 @@
         "format_pdf": "PDF - za namene štampanja ili deljenja."
     },
     "help": {
-        "fullDocumentation": "Pomoć (puna dokumentacija je dostupna <a class=\"external\" href=\"https://triliumnext.github.io/Docs/\">online</a>)",
-        "close": "Zatvori",
         "noteNavigation": "Navigacija beleški",
         "goUpDown": "<kbd>UP</kbd>, <kbd>DOWN</kbd> - kretanje gore/dole u listi sa beleškama",
         "collapseExpand": "<kbd>LEFT</kbd>, <kbd>RIGHT</kbd> - sakupi/proširi čvor",
@@ -122,12 +114,12 @@
         "goBackForwards": "idi u nazad/napred kroz istoriju",
         "showJumpToNoteDialog": "prikaži <a class=\"external\" href=\"https://triliumnext.github.io/Docs/Wiki/note-navigation.html#jump-to-note\">\"Idi na\" dijalog</a>",
         "scrollToActiveNote": "skroluj do aktivne beleške",
-        "jumpToParentNote": "<kbd>Backspace</kbd> - idi do nadređene beleške",
+        "jumpToParentNote": "idi do nadređene beleške",
         "collapseWholeTree": "sakupi celo drvo beleški",
         "collapseSubTree": "sakupi pod-drvo",
         "tabShortcuts": "Prečice na karticama",
-        "newTabNoteLink": "<kbd>Ctrl+click</kbd> - (ili <kbd>middle mouse click</kbd>) na link beleške otvara belešku u novoj kartici",
-        "newTabWithActivationNoteLink": "<kbd>Ctrl+Shift+click</kbd> - (ili <kbd>Shift+middle mouse click</kbd>) na link beleške otvara i aktivira belešku u novoj kartici",
+        "newTabNoteLink": "na link beleške otvara belešku u novoj kartici",
+        "newTabWithActivationNoteLink": "na link beleške otvara i aktivira belešku u novoj kartici",
         "onlyInDesktop": "Samo na dektop-u (Electron verzija)",
         "openEmptyTab": "otvori praznu karticu",
         "closeActiveTab": "zatvori aktivnu karticu",
@@ -142,14 +134,14 @@
         "moveNoteUpHierarchy": "pomeri belešku na gore u hijerarhiji",
         "multiSelectNote": "višestruki izbor beleški iznad/ispod",
         "selectAllNotes": "izaberi sve beleške u trenutnom nivou",
-        "selectNote": "<kbd>Shift+click</kbd> - izaberi belešku",
+        "selectNote": "izaberi belešku",
         "copyNotes": "kopiraj aktivnu belešku (ili trenutni izbor) u privremenu memoriju (koristi se za <a class=\"external\" href=\"https://triliumnext.github.io/Docs/Wiki/cloning-notes.html#cloning-notes\">kloniranje</a>)",
         "cutNotes": "iseci trenutnu belešku (ili trenutni izbor) u privremenu memoriju (koristi se za premeštanje beleški)",
         "pasteNotes": "nalepi belešku/e kao podbelešku u aktivnoj belešci (koja se ili premešta ili klonira u zavisnosti od toga da li je beleška kopirana ili isečena u privremenu memoriju)",
         "deleteNotes": "obriši belešku / podstablo",
         "editingNotes": "Izmena beleški",
         "editNoteTitle": "u ravni drveta će se prebaciti sa ravni drveta na naslov beleške. Ulaz sa naslova beleške će prebaciti fokus na uređivač teksta. <kbd>Ctrl+.</kbd> će se vratiti sa uređivača na ravan drveta.",
-        "createEditLink": "<kbd>Ctrl+K</kbd> - napravi / izmeni spoljašnji link",
+        "createEditLink": "napravi / izmeni spoljašnji link",
         "createInternalLink": "napravi unutrašnji link",
         "followLink": "prati link ispod kursora",
         "insertDateTime": "ubaci trenutan datum i vreme na poziciju kursora",
@@ -166,5 +158,340 @@
         "other": "Ostalo",
         "quickSearch": "fokus na unos za brzu pretragu",
         "inPageSearch": "pretraga unutar stranice"
+    },
+    "import": {
+        "importIntoNote": "Uvezi u belešku",
+        "chooseImportFile": "Izaberi datoteku za uvoz",
+        "importDescription": "Sadržaj izabranih datoteka će biti uvezen kao podbeleške u",
+        "options": "Opcije",
+        "safeImportTooltip": "Trilium <code>.zip</code> izvozne datoteke mogu da sadrže izvršne skripte koje mogu imati štetno ponašanje. Bezbedan uvoz će deaktivirati automatsko izvršavanje svih uvezenih skripti. Isključite \"Bezbedan uvoz\" samo ako uvezena arhiva treba da sadrži izvršne skripte i ako potpuno verujete sadržaju uvezene datoteke.",
+        "safeImport": "Bezbedan uvoz",
+        "explodeArchivesTooltip": "Ako je ovo označeno onda će Trilium pročitati <code>.zip</code>, <code>.enex</code> i <code>.opml</code> datoteke i napraviti beleške od datoteka unutar tih arhiva. Ako nije označeno, Trilium će same arhive priložiti belešci.",
+        "explodeArchives": "Pročitaj sadržaj <code>.zip</code>, <code>.enex</code> i <code>.opml</code> arhiva.",
+        "shrinkImagesTooltip": "<p>Ako označite ovu opciju, Trilium će pokušati da smanji uvezene slike skaliranjem i optimizacijom što će možda uticati na kvalitet slike. Ako nije označeno, slike će biti uvezene bez promena.</p><p>Ovo se ne primenjuje na <code>.zip</code> uvoze sa metapodacima jer se tada podrazumeva da su te datoteke već optimizovane.</p>",
+        "shrinkImages": "Smanji slike",
+        "textImportedAsText": "Uvezi HTML, Markdown i TXT kao tekstualne beleške ako je nejasno iz metapodataka",
+        "codeImportedAsCode": "Uvezi prepoznate datoteke sa kodom (poput <code>.json</code>) ako beleške sa kodom ako nije jasno iz metapodataka",
+        "replaceUnderscoresWithSpaces": "Zameni podvlake sa razmacima u nazivima uvezenih beleški",
+        "import": "Uvezi",
+        "failed": "Uvoz nije uspeo: {{message}}.",
+        "html_import_tags": {
+            "title": "HTML oznake za uvoz",
+            "description": "Podesite koje HTML oznake trebaju biti sačuvane kada se uvoze beleške. Oznake koje se ne nalaze na listi će biti uklonjene tokom uvoza. Pojedine oznake (poput 'script') se uvek uklanjaju zbog bezbednosti.",
+            "placeholder": "Unesite HTML oznake, po jednu u svaki red",
+            "reset_button": "Vrati na podrazumevanu listu"
+        },
+        "import-status": "Status uvoza",
+        "in-progress": "Uvoz u toku: {{progress}}",
+        "successful": "Uvoz je uspešno završen."
+    },
+    "include_note": {
+        "dialog_title": "Uključi belešku",
+        "label_note": "Beleška",
+        "placeholder_search": "pretraži belešku po njenom imenu",
+        "box_size_prompt": "Veličina kutije priložene beleške:",
+        "box_size_small": "mala (~ 10 redova)",
+        "box_size_medium": "srednja (~ 30 redova)",
+        "box_size_full": "puna (kutija prikazuje ceo tekst)",
+        "button_include": "Uključi belešku"
+    },
+    "info": {
+        "modalTitle": "Informativna poruka",
+        "closeButton": "Zatvori",
+        "okButton": "U redu"
+    },
+    "jump_to_note": {
+        "search_placeholder": "Pretraži belešku po njenom imenu ili unesi > za komande...",
+        "search_button": "Pretraga u punom tekstu <kbd>Ctrl+Enter</kbd>"
+    },
+    "markdown_import": {
+        "dialog_title": "Uvoz za Markdown",
+        "modal_body_text": "Zbog Sandbox-a pretraživača nije moguće direktno učitati privremenu memoriju iz JavaScript-a. Molimo vas da nalepite Markdown za uvoz u tekstualno polje ispod i kliknete na dugme za uvoz",
+        "import_button": "Uvoz",
+        "import_success": "Markdown sadržaj je učitan u dokument."
+    },
+    "move_to": {
+        "dialog_title": "Premesti beleške u ...",
+        "notes_to_move": "Beleške za premeštanje",
+        "target_parent_note": "Ciljana nadbeleška",
+        "search_placeholder": "potraži belešku po njenom imenu",
+        "move_button": "Pređi na izabranu belešku",
+        "error_no_path": "Nema putanje za premeštanje.",
+        "move_success_message": "Izabrane beleške su premeštene u "
+    },
+    "note_type_chooser": {
+        "change_path_prompt": "Promenite gde će se napraviti nova beleška:",
+        "search_placeholder": "pretraži putanju po njenom imenu (podrazumevano ako je prazno)",
+        "modal_title": "Izaberite tip beleške",
+        "modal_body": "Izaberite tip beleške / šablon za novu belešku:",
+        "templates": "Šabloni"
+    },
+    "password_not_set": {
+        "title": "Lozinka nije podešena",
+        "body1": "Zaštićene beleške su enkriptovane sa korisničkom lozinkom, ali lozinka još uvek nije podešena.",
+        "body2": "Za biste mogli da sačuvate beleške, kliknite <a class=\"open-password-options-button\" href=\"javascript:\">ovde</a> da otvorite dijalog sa Opcijama i podesite svoju lozinku."
+    },
+    "prompt": {
+        "title": "Upit",
+        "ok": "U redu <kbd>enter</kbd>",
+        "defaultTitle": "Upit"
+    },
+    "protected_session_password": {
+        "modal_title": "Zaštićena sesija",
+        "help_title": "Pomoć za Zaštićene beleške",
+        "close_label": "Zatvori",
+        "form_label": "Da biste nastavili sa traženom akcijom moraćete započeti zaštićenu sesiju tako što ćete uneti lozinku:",
+        "start_button": "Započni zaštićenu sesiju"
+    },
+    "recent_changes": {
+        "title": "Nedavne promene",
+        "erase_notes_button": "Obriši izabrane beleške odmah",
+        "deleted_notes_message": "Obrisane beleške su uklonjene.",
+        "no_changes_message": "Još uvek nema izmena...",
+        "undelete_link": "poništi brisanje",
+        "confirm_undelete": "Da li želite da poništite brisanje ove beleške i njenih podbeleški?"
+    },
+    "revisions": {
+        "note_revisions": "Revizije beleški",
+        "delete_all_revisions": "Obriši sve revizije ove beleške",
+        "delete_all_button": "Obriši sve revizije",
+        "help_title": "Pomoć za Revizije beleški",
+        "revision_last_edited": "Ova revizija je poslednji put izmenjena {{date}}",
+        "confirm_delete_all": "Da li želite da obrišete sve revizije ove beleške?",
+        "no_revisions": "Još uvek nema revizija za ovu belešku...",
+        "restore_button": "Vrati",
+        "confirm_restore": "Da li želite da vratite ovu reviziju? Ovo će prepisati trenutan naslov i sadržaj beleške sa ovom revizijom.",
+        "delete_button": "Obriši",
+        "confirm_delete": "Da li želite da obrišete ovu reviziju?",
+        "revisions_deleted": "Revizije beleške su obrisane.",
+        "revision_restored": "Revizija beleške je vraćena.",
+        "revision_deleted": "Revizija beleške je obrisana.",
+        "snapshot_interval": "Interval snimanja revizije beleške: {{seconds}}s.",
+        "maximum_revisions": "Ograničenje broja slika revizije beleške: {{number}}.",
+        "settings": "Podešavanja revizija beleški",
+        "download_button": "Preuzmi",
+        "mime": "MIME: ",
+        "file_size": "Veličina datoteke:",
+        "preview": "Pregled:",
+        "preview_not_available": "Pregled nije dostupan za ovaj tip beleške."
+    },
+    "sort_child_notes": {
+        "sort_children_by": "Sortiranje podbeleški po...",
+        "sorting_criteria": "Kriterijum za sortiranje",
+        "title": "naslov",
+        "date_created": "datum kreiranja",
+        "date_modified": "datum izmene",
+        "sorting_direction": "Smer sortiranja",
+        "ascending": "uzlazni",
+        "descending": "silazni",
+        "folders": "Fascikle",
+        "sort_folders_at_top": "sortiraj fascikle na vrh",
+        "natural_sort": "Prirodno sortiranje",
+        "sort_with_respect_to_different_character_sorting": "sortiranje sa poštovanjem različitih pravila sortiranja karaktera i kolacija u različitim jezicima ili regionima.",
+        "natural_sort_language": "Jezik za prirodno sortiranje",
+        "the_language_code_for_natural_sort": "Kod jezika za prirodno sortiranje, npr. \"zh-CN\" za Kineski.",
+        "sort": "Sortiraj"
+    },
+    "upload_attachments": {
+        "upload_attachments_to_note": "Otpremite priloge uz belešku",
+        "choose_files": "Izaberite datoteke",
+        "files_will_be_uploaded": "Datoteke će biti otpremljene kao prilozi u {{noteTitle}}",
+        "options": "Opcije",
+        "shrink_images": "Smanji slike",
+        "upload": "Otpremi",
+        "tooltip": "Ako je označeno, Trilium će pokušati da smanji otpremljene slike skaliranjem i optimizacijom što može uticati na kvalitet slike. Ako nije označeno, slike će biti otpremljene bez izmena."
+    },
+    "attribute_detail": {
+        "attr_detail_title": "Naslov detalja atributa",
+        "close_button_title": "Otkaži izmene i zatvori",
+        "attr_is_owned_by": "Atribut je u vlasništvu",
+        "attr_name_title": "Naziv atributa može biti sastavljen samo od alfanumeričkih znakova, dvotačke i donje crte",
+        "name": "Naziv",
+        "value": "Vrednost",
+        "target_note_title": "Relacija je imenovana veza između izvorne beleške i ciljne beleške.",
+        "target_note": "Ciljna beleška",
+        "promoted_title": "Promovisani atribut je istaknut na belešci.",
+        "promoted": "Promovisan",
+        "promoted_alias_title": "Naziv koji će biti prikazan u korisničkom interfejsu promovisanih atributa.",
+        "promoted_alias": "Pseudonim",
+        "multiplicity_title": "Multiplicitet definiše koliko atributa sa istim nazivom se može napraviti - najviše 1 ili više od 1.",
+        "multiplicity": "Multiplicitet",
+        "single_value": "Jednostruka vrednost",
+        "multi_value": "Višestruka vrednost",
+        "label_type_title": "Tip oznake će pomoći Triliumu da izabere odgovarajući interfejs za unos vrednosti oznake.",
+        "label_type": "Tip",
+        "text": "Tekst",
+        "number": "Broj",
+        "boolean": "Boolean",
+        "date": "Datum",
+        "date_time": "Datum i vreme",
+        "time": "Vreme",
+        "url": "URL",
+        "precision_title": "Broj cifara posle zareza treba biti dostupan u interfejsu za postavljanje vrednosti.",
+        "precision": "Preciznost",
+        "digits": "cifre",
+        "inverse_relation_title": "Opciono podešavanje za definisanje kojoj relaciji je ova suprotna. Primer: Otac - Sin su inverzne relacije jedna drugoj.",
+        "inverse_relation": "Inverzna relacija",
+        "inheritable_title": "Atributi koji mogu da se nasleđuju će biti nasleđeni od strane svih potomaka unutar ovog stabla.",
+        "inheritable": "Nasledno",
+        "save_and_close": "Sačuvaj i zatvori <kbd>Ctrl+Enter</kbd>",
+        "delete": "Obriši",
+        "related_notes_title": "Druge beleške sa ovom oznakom",
+        "more_notes": "Još beleški",
+        "label": "Detalji oznake",
+        "label_definition": "Detalji definicije oznake",
+        "relation": "Detalji relacije",
+        "relation_definition": "Detalji definicije relacije",
+        "disable_versioning": "onemogućava auto-verzionisanje. Korisno za npr. velike, ali nebitne beleške - poput velikih JS biblioteka koje se koriste za skripte",
+        "calendar_root": "obeležava belešku koju treba koristiti kao osnova za dnevne beleške. Samo jedna beleška treba da bude označena kao takva.",
+        "archived": "beleške sa ovom oznakom neće biti podrazumevano vidljive u rezultatima pretrage (kao ni u dijalozima za Idi na, Dodaj link, itd.).",
+        "exclude_from_export": "beleške (sa svojim podstablom) neće biti uključene u bilo koji izvoz beleški",
+        "run": "definiše u kojim događajima se skripta pokreće. Moguće vrednosti su:\n<ul>\n<li>frontendStartup - kada se pokrene Trilium frontend (ili se osveži), ali ne na mobilnom uređaju.</li>\n<li>mobileStartup - kada se pokrene Trilium frontend (ili se osveži), na mobilnom uređaju..</li>\n<li>backendStartup - kada se Trilium backend pokrene</li>\n<li>hourly - pokreće se svaki sat. Može se koristiti dodatna oznaka <code>runAtHour</code> da se označi u kom satu.</li>\n<li>daily - pokreće se jednom dnevno</li>\n</ul>",
+        "run_on_instance": "Definiše u kojoj instanci Trilium-a ovo treba da se pokreće. Podrazumevano podešavanje je na svim instancama.",
+        "run_at_hour": "U kom satu ovo treba da se pokreće. Treba se koristiti zajedno sa <code>#run=hourly</code>. Može biti definisano više puta za više pokretanja u toku dana.",
+        "disable_inclusion": "skripte sa ovom oznakom neće biti uključene u izvršavanju nadskripte.",
+        "sorted": "čuva podbeleške sortirane alfabetski po naslovu",
+        "sort_direction": "Uzlazno (podrazumevano) ili silazno",
+        "sort_folders_first": "Fascikle (beleške sa podbeleškama) treba da budu sortirane na vrhu",
+        "top": "zadrži datu belešku na vrhu njene nadbeleške (primenjuje se samo na sortiranim nadbeleškama)",
+        "hide_promoted_attributes": "Sakrij promovisane atribute na ovoj belešci",
+        "read_only": "uređivač je u režimu samo za čitanje. Radi samo za tekst i beleške sa kodom.",
+        "auto_read_only_disabled": "beleške sa tekstom/kodom se mogu automatski podesiti u režim za čitanje kada su prevelike. Ovo ponašanje možete onemogućiti pojedinačno za belešku dodavanjem ove oznake na belešku",
+        "app_css": "označava CSS beleške koje nisu učitane u Trilium aplikaciju i zbog toga se mogu koristiti za menjanje izgleda Triliuma.",
+        "app_theme": "označava CSS beleške koje su pune Trilium teme i stoga su dostupne u Trilium podešavanjima.",
+        "app_theme_base": "podesite na „sledeće“, „sledeće-svetlo“ ili „sledeće-tamno“ da biste koristili odgovarajuću TriliumNext temu (automatsku, svetlu ili tamnu) kao osnovu za prilagođenu temu, umesto podrazumevane teme.",
+        "css_class": "vrednost ove oznake se zatim dodaje kao CSS klasa čvoru koji predstavlja datu belešku u stablu. Ovo može biti korisno za napredno temiranje. Može se koristiti u šablonima beleški.",
+        "workspace": "označava ovu belešku kao radni prostor što omogućava lako podizanje",
+        "workspace_icon_class": "definiše CSS klasu ikone okvira koja će se koristiti u kartici kada se podigne na ovoj belešci",
+        "workspace_tab_background_color": "CSS boja korišćena u kartici beleške kada se prebaci na ovu belešku",
+        "workspace_calendar_root": "Definiše koren kalendara za svaki radni prostor",
+        "workspace_template": "Ova beleška će se pojaviti u izboru dostupnih šablona prilikom kreiranja nove beleške, ali samo kada se podigne u radni prostor koji sadrži ovaj šablon",
+        "search_home": "nove beleške o pretrazi biće kreirane kao podređeni delovi ove beleške",
+        "workspace_search_home": "nove beleške o pretrazi biće kreirane kao podređeni delovi ove beleške kada se podignu na nekog pretka ove beleške iz radnog prostora",
+        "inbox": "podrazumevana lokacija u prijemnom sandučetu za nove beleške - kada kreirate belešku pomoću dugmeta „nova beleška“ u bočnoj traci, beleške će biti kreirane kao podbeleške u belešci označenoj sa oznakom <code>#inbox</code>.",
+        "workspace_inbox": "podrazumevana lokacija prijemnog sandučeta za nove beleške kada se prebace na nekog pretka ove beleške iz radnog prostora",
+        "sql_console_home": "podrazmevana lokacija beleški SQL konzole",
+        "bookmark_folder": "beleška sa ovom oznakom će se pojaviti u obeleživačima kao fascikla (omogućavajući pristup njenim podređenim fasciklama)",
+        "share_hidden_from_tree": "ova beleška je skrivena u levom navigacionom stablu, ali je i dalje dostupna preko svoje URL adrese",
+        "share_external_link": "beleška će služiti kao veza ka eksternoj veb stranici u stablu deljenja",
+        "share_alias": "definišite alias pomoću kog će beleška biti dostupna na https://your_trilium_host/share/[your_alias]",
+        "share_omit_default_css": "CSS kod podrazumevane stranice za deljenje će biti izostavljen. Koristite ga kada pravite opsežne promene stila.",
+        "share_root": "obeležava belešku koja se prikazuje na /share korenu.",
+        "share_description": "definišite tekst koji će se dodati HTML meta oznaci za opis",
+        "share_raw": "beleška će biti prikazana u svom sirovom (raw) formatu, bez HTML omotača",
+        "share_disallow_robot_indexing": "zabraniće robotsko indeksiranje ove beleške putem zaglavlja <code>X-Robots-Tag: noindex</code>",
+        "share_credentials": "potrebni su kredencijali za pristup ovoj deljenoj belešci. Očekuje se da vrednost bude u formatu „korisničko ime:lozinka“. Ne zaboravite da ovo označite kao nasledno da bi se primenilo na podbeleške/slike.",
+        "share_index": "beleška sa ovom oznakom će izlistati sve korene deljenih beleški",
+        "display_relations": "imena relacija razdvojenih zarezima koja treba da budu prikazana. Sva ostala će biti skrivena.",
+        "hide_relations": "imena relacija razdvojenih zarezima koja treba da budu skrivena. Sva ostala će biti prikazana.",
+        "title_template": "podrazumevani naslov beleški kreiranih kao deca ove beleške. Vrednost se procenjuje kao JavaScript string \n                        i stoga se može obogatiti dinamičkim sadržajem putem ubrizganih promenljivih <code>now</code> and <code>parentNote</code>. Primeri:\n                        \n                        <ul>\n                            <li><code>${parentNote.getLabelValue('authorName')}'s literary works</code></li>\n                            <li><code>Log for ${now.format('YYYY-MM-DD HH:mm:ss')}</code></li>\n                        </ul>\n                        \n                        Pogledati <a href=\"https://triliumnext.github.io/Docs/Wiki/default-note-title.html\">wiki sa detaljima</a>, API dokumentacija za <a href=\"https://zadam.github.io/trilium/backend_api/Note.html\">parentNote</a> i <a href=\"https://day.js.org/docs/en/display/format\">now</a> za detalje.",
+        "template": "Ova beleška će biti prikazana u izboru dostupnih šablona prilikom pravljenja nove beleške",
+        "toc": "<code>#toc</code> ili <code>#toc=show</code> će pristiliti Sadržaj (Table of Contents) da bude prikazan, <code>#toc=hide</code> prisiliti njegovo sakrivanje. Ako oznaka ne postoji, ponašanje će biti usklađeno sa globalnim podešavanjem",
+        "color": "definiše boju beleške u stablu beleški, linkovima itd. Koristite bilo koju važeću CSS vrednost boje kao što je „crvena“ ili #a13d5f",
+        "keyboard_shortcut": "Definiše prečicu na tastaturi koja će odmah preći na ovu belešku. Primer: „ctrl+alt+e“. Potrebno je ponovno učitavanje frontenda da bi promena stupila na snagu.",
+        "keep_current_hoisting": "Otvaranje ove veze neće promeniti podizanje čak i ako beleška nije prikazana u trenutno podignutom podstablu.",
+        "execute_button": "Naslov dugmeta koje će izvršiti trenutnu belešku sa kodom",
+        "execute_description": "Duži opis trenutne beleške sa kodom prikazan je zajedno sa dugmetom za izvršavanje",
+        "exclude_from_note_map": "Beleške sa ovom oznakom biće skrivene sa mape beleški",
+        "new_notes_on_top": "Nove beleške će biti napravljene na vrhu matične beleške, a ne na dnu.",
+        "hide_highlight_widget": "Sakrij vidžet sa listom istaknutih",
+        "run_on_note_creation": "izvršava se kada se beleška napravi na serverskoj strani. Koristite ovu relaciju ako želite da pokrenete skriptu za sve beleške napravljene u okviru određenog podstabla. U tom slučaju, kreirajte je na korenu beleške podstabla i učinite je naslednom. Nova beleška napravljena unutar podstabla (bilo koje dubine) pokrenuće skriptu.",
+        "run_on_child_note_creation": "izvršava se kada se napravi nova beleška ispod beleške gde je ova relacija definisana",
+        "run_on_note_title_change": "izvršava se kada se promeni naslov beleške (uključuje i pravljenje beleške)",
+        "run_on_note_content_change": "izvršava se kada se promeni sadržaj beleške (uključuje i pravljenje beleške).",
+        "run_on_note_change": "izvršava se kada se promeni beleška (uključuje i pravljenje beleške). Ne uključuje promene sadržaja",
+        "icon_class": "vrednost ove oznake se dodaje kao CSS klasa ikoni na stablu što može pomoći u vizuelnom razlikovanju beleški u stablu. Primer može biti bx bx-home - ikone su preuzete iz boxicons. Može se koristiti u šablonima beleški.",
+        "page_size": "broj stavki po stranici u listi beleški",
+        "custom_request_handler": "pogledajte <a href=\"javascript:\" data-help-page=\"custom-request-handler.html\">Prilagođeni obrađivač zahteva</a>",
+        "custom_resource_provider": "pogledajte <a href=\"javascript:\" data-help-page=\"custom-request-handler.html\">Prilagođeni obrađivač zahteva</a>",
+        "widget": "označava ovu belešku kao prilagođeni vidžet koji će biti dodat u stablo komponenti Trilijuma",
+        "run_on_note_deletion": "izvršava se kada se beleška briše",
+        "run_on_branch_creation": "izvršava se kada se pravi grana. Grana je veza između matične i podređene beleške i pravi se npr. prilikom kloniranja ili premeštanja beleške.",
+        "run_on_branch_change": "izvršava se kada se grana ažurira.",
+        "run_on_branch_deletion": "izvršava se kada se grana briše. Grana je veza između nadređene beleške i podređene beleške i briše se npr. prilikom premeštanja beleške (stara grana/veza se briše).",
+        "run_on_attribute_creation": "izvršava se kada se pravi novi atribut za belešku koji definiše ovu relaciju",
+        "run_on_attribute_change": " izvršava se kada se promeni atribut beleške koja definiše ovu relaciju. Ovo se pokreće i kada se atribut obriše",
+        "relation_template": "atributi beleške će biti nasleđeni čak i bez odnosa roditelj-dete, sadržaj i podstablo beleške će biti dodati instanci beleške ako je prazna. Pogledajte dokumentaciju za detalje.",
+        "inherit": "Atributi beleške će biti nasleđeni čak i bez odnosa roditelj-dete. Pogledajte relaciju šablona za sličan koncept. Pogledajte nasleđivanje atributa u dokumentaciji.",
+        "render_note": "Beleške tipa „render HTML note“ će biti prikazane korišćenjem beleške za kod (HTML ili skripte) i potrebno je pomoću ove relacije ukazati na to koja beleška treba da se prikaže",
+        "widget_relation": "meta ove relacije će biti izvršena i prikazana kao vidžet u bočnoj traci",
+        "share_css": "CSS napomena koja će biti ubrizgana na stranicu za deljenje. CSS napomena mora biti i u deljenom podstablu. Razmotrite i korišćenje „share_hidden_from_tree“ i „share_omit_default_css“.",
+        "share_js": "JavaScript beleška koja će biti ubrizgana na stranicu za deljenje. JS beleška takođe mora biti u deljenom podstablu. Razmislite o korišćenju „share_hidden_from_tree“.",
+        "share_template": "Ugrađena JavaScript beleška koja će se koristiti kao šablon za prikazivanje deljene beleške. U slučaju neuspeha vraća se na podrazumevani šablon. Razmislite o korišćenju „share_hidden_from_tree“.",
+        "share_favicon": "Favicon beleška koju treba postaviti na deljenu stranicu. Obično je potrebno da je podesite da deli koren i učinite je naslednom. Favicon beleška takođe mora biti u deljenom podstablu. Razmislite o korišćenju „share_hidden_from_tree“.",
+        "is_owned_by_note": "je u vlasništvu beleške",
+        "other_notes_with_name": "Ostale beleške sa {{attributeType}} nazivom „{{attributeName}}“",
+        "and_more": "... i još {{count}}.",
+        "print_landscape": "Prilikom izvoza u PDF, menja orijentaciju stranice u pejzažnu umesto uspravne.",
+        "print_page_size": "Prilikom izvoza u PDF, menja veličinu stranice. Podržane vrednosti: <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": "Boja"
+    },
+    "ai_llm": {
+        "n_notes_queued_0": "{{ count }} beleška stavljena u red za indeksiranje",
+        "n_notes_queued_1": "{{ count }} beleški stavljeno u red za indeksiranje",
+        "n_notes_queued_2": "{{ count }} beleški stavljeno u red za indeksiranje",
+        "notes_indexed_0": "{{ count }} beleška je indeksirana",
+        "notes_indexed_1": "{{ count }} beleški je indeksirano",
+        "notes_indexed_2": "{{ count }} beleški je indeksirano"
+    },
+    "attribute_editor": {
+        "help_text_body1": "Da biste dodali oznaku, samo unesite npr. <code>#rock</code> ili ako želite da dodate i vrednost, onda npr. <code>#year = 2020</code>",
+        "help_text_body2": "Za relaciju, unesite <code>~author = @</code> što bi trebalo da otvori automatsko dovršavanje gde možete potražiti željenu belešku.",
+        "help_text_body3": "Alternativno, možete dodati oznaku i relaciju pomoću dugmeta <code>+</code> sa desne strane.",
+        "save_attributes": "Sačuvaj atribute <enter>",
+        "add_a_new_attribute": "Dodajte novi atribut",
+        "add_new_label": "Dodajte novu oznaku <kbd data-command=\"addNewLabel\"></kbd>",
+        "add_new_relation": "Dodajte novu relaciju <kbd data-command=\"addNewRelation\"></kbd>",
+        "add_new_label_definition": "Dodajte novu definiciju oznake",
+        "add_new_relation_definition": "Dodajte novu definiciju relacije",
+        "placeholder": "Ovde unesite oznake i relacije"
+    },
+    "abstract_bulk_action": {
+        "remove_this_search_action": "Ukloni ovu radnju pretrage"
+    },
+    "execute_script": {
+        "execute_script": "Izvrši skriptu",
+        "help_text": "Možete izvršiti jednostavne skripte na podudarnim beleškama.",
+        "example_1": "Na primer, da biste dodali string u naslov beleške, koristite ovu malu skriptu:",
+        "example_2": "Složeniji primer bi bio brisanje svih atributa podudarnih beleški:"
+    },
+    "add_label": {
+        "add_label": "Dodaj oznaku",
+        "label_name_placeholder": "ime oznake",
+        "label_name_title": "Alfanumerički znakovi, donja crta i dvotačka su dozvoljeni znakovi.",
+        "to_value": "za vrednost",
+        "new_value_placeholder": "nova vrednost",
+        "help_text": "Na svim podudarnim beleškama:",
+        "help_text_item1": "dodajte datu oznaku ako beleška još uvek nema jednu",
+        "help_text_item2": "ili izmenite vrednost postojeće oznake",
+        "help_text_note": "Takođe možete pozvati ovu metodu bez vrednosti, u tom slučaju će oznaka biti dodeljena belešci bez vrednosti."
+    },
+    "delete_label": {
+        "delete_label": "Obriši oznaku",
+        "label_name_placeholder": "ime oznake",
+        "label_name_title": "Alfanumerički znakovi, donja crtica i dvotačka su dozvoljeni znakovi."
+    },
+    "rename_label": {
+        "rename_label": "Preimenuj oznaku",
+        "rename_label_from": "Preimenuj oznaku iz",
+        "old_name_placeholder": "stari naziv",
+        "to": "U",
+        "new_name_placeholder": "novi naziv",
+        "name_title": "Alfanumerički znakovi, donja crtica i dvotačka su dozvoljeni znakovi."
+    },
+    "update_label_value": {
+        "update_label_value": "Ažuriraj vrednost oznake",
+        "label_name_placeholder": "ime oznake",
+        "label_name_title": "Alfanumerički znakovi, donja crtica i dvotačka su dozvoljeni znakovi.",
+        "to_value": "u vrednost",
+        "new_value_placeholder": "nova vrednost",
+        "help_text": "Na svim podudarnim beleškama, promenite vrednost postojeće oznake.",
+        "help_text_note": "Takođe možete pozvati ovu metodu bez vrednosti, u tom slučaju će oznaka biti dodeljena belešci bez vrednosti."
+    },
+    "delete_note": {
+        "delete_note": "Obriši belešku",
+        "delete_matched_notes": "Obriši podudarne beleške",
+        "delete_matched_notes_description": "Ovo će obrisati podudarne beleške.",
+        "undelete_notes_instruction": "Nakon brisanja, moguće ga je poništiti iz dijaloga Nedavne izmene."
     }
 }

apps/client/src/translations/tr/translation.json

@@ -0,0 +1,26 @@
+{
+    "about": {
+        "homepage": "Giriş sayfası:",
+        "app_version": "Uygulama versiyonu:",
+        "db_version": "Veritabanı versiyonu:"
+    },
+    "branch_prefix": {
+        "save": "Kaydet"
+    },
+    "delete_notes": {
+        "close": "Kapat"
+    },
+    "export": {
+        "close": "Kapat"
+    },
+    "import": {
+        "chooseImportFile": "İçe aktarım dosyası",
+        "importDescription": "Seçilen dosya(lar) alt not olarak içe aktarılacaktır"
+    },
+    "info": {
+        "closeButton": "Kapat"
+    },
+    "protected_session_password": {
+        "close_label": "Kapat"
+    }
+}

apps/client/src/translations/uk/translation.json

@@ -0,0 +1,730 @@
+{
+  "add_link": {
+    "add_link": "Додати посилання",
+    "help_on_links": "Довідка щодо посилань",
+    "note": "Нотатка",
+    "search_note": "пошук нотатки за її назвою",
+    "link_title_mirrors": "заголовок посилання відображає поточний заголовок нотатки",
+    "link_title_arbitrary": "заголовок посилання можна змінювати довільно",
+    "link_title": "Заголовок посилання",
+    "button_add_link": "Додати посилання"
+  },
+  "branch_prefix": {
+    "save": "Зберегти",
+    "edit_branch_prefix": "Редагувати префікс гілки",
+    "help_on_tree_prefix": "Довідка щодо префіксу дерева",
+    "prefix": "Префікс: ",
+    "branch_prefix_saved": "Префікс гілки збережено."
+  },
+  "about": {
+    "app_version": "Версія програми:",
+    "db_version": "Версія БД:",
+    "build_date": "Дата збірки:",
+    "build_revision": "Ревізія збірки:",
+    "data_directory": "Каталог даних:",
+    "homepage": "Домашня сторінка:",
+    "title": "Про Trilium Notes",
+    "sync_version": "Версія синхронізації:"
+  },
+  "global_menu": {
+    "about": "Про Trilium Notes",
+    "menu": "Меню",
+    "options": "Параметри",
+    "open_new_window": "Відкрити Нове вікно",
+    "switch_to_mobile_version": "Перейти на мобільну версію",
+    "switch_to_desktop_version": "Перейти на версію для ПК",
+    "zoom": "Масштаб",
+    "toggle_fullscreen": "Увімкнути повноекранний режим",
+    "zoom_out": "Зменшити масштаб",
+    "reset_zoom_level": "Скинути масштабування",
+    "zoom_in": "Збільшити масштаб",
+    "configure_launchbar": "Налаштувати панель запуску",
+    "show_shared_notes_subtree": "Показати піддерево спільних нотаток",
+    "advanced": "Розширені",
+    "open_dev_tools": "Відкрити інструменти розробника",
+    "open_sql_console": "Відкрити консоль SQL",
+    "open_sql_console_history": "Відкрити історію консолі SQL",
+    "open_search_history": "Відкрити історію пошуку",
+    "show_backend_log": "Показати Backend Log",
+    "reload_hint": "Перезавантаження може допомогти з деякими візуальними збоями без перезавантаження всієї програми.",
+    "reload_frontend": "Перезавантажити інтерфейс",
+    "show_hidden_subtree": "Показати приховане піддерево",
+    "show_help": "Показати довідку",
+    "logout": "Вийти",
+    "show-cheatsheet": "Показати Шпаргалку",
+    "toggle-zen-mode": "Дзен-режим"
+  },
+  "modal": {
+    "help_title": "Показати більше інформації про це вікно"
+  },
+  "toast": {
+    "critical-error": {
+      "title": "Критична помилка",
+      "message": "Сталася критична помилка, яка перешкоджає запуску клієнтської програми:\n\n{{message}}\n\nНайімовірніше, це спричинено несподіваною помилкою скрипту. Спробуйте запустити програму в безпечному режимі та вирішити проблему."
+    },
+    "widget-error": {
+      "title": "Не вдалася ініціалізація віджета",
+      "message-custom": "Не вдалося ініціалізувати користувацький віджет із нотатки з ID \"{{id}}\" під назвою \"{{title}}\" через:\n\n{{message}}",
+      "message-unknown": "Невідомий віджет не вдалося ініціалізувати через:\n\n{{message}}"
+    },
+    "bundle-error": {
+      "title": "Не вдалося завантажити користувацький скрипт",
+      "message": "Скрипт з нотатки з ID \"{{id}}\" з заголовком \"{{title}}\" не вдалося виконати через:\n\n{{message}}"
+    }
+  },
+  "bulk_actions": {
+    "bulk_actions": "Масові дії",
+    "affected_notes": "Застосовані нотатки",
+    "available_actions": "Доступні дії",
+    "chosen_actions": "Обрані дії",
+    "execute_bulk_actions": "Виконання масових дій",
+    "bulk_actions_executed": "Масові дії успішно виконано.",
+    "none_yet": "Поки що немає... додайте дію, натиснувши одну з доступних вище.",
+    "include_descendants": "Включити нащадків вибраних нотаток",
+    "labels": "Мітки",
+    "relations": "Зв'язки",
+    "notes": "Нотатки",
+    "other": "Інше"
+  },
+  "clone_to": {
+    "clone_notes_to": "Клонувати нотатки до...",
+    "target_parent_note": "Цільова батьківська нотатка",
+    "search_for_note_by_its_name": "пошук нотатки за назвою",
+    "help_on_links": "Довідка щодо посилань",
+    "notes_to_clone": "Нотатки для клонування",
+    "cloned_note_prefix_title": "Клонована нотатка буде відображатися в дереві нотаток із заданим префіксом",
+    "prefix_optional": "Префікс (необов'язково)",
+    "clone_to_selected_note": "Клонувати до вибраної нотатки",
+    "no_path_to_clone_to": "Немає шляху для клонування.",
+    "note_cloned": "Нотатку \"{{clonedTitle}}\" було клоновано в \"{{targetTitle}}\""
+  },
+  "clipboard": {
+    "copied": "Нотатку(-и) було скопійовано в буфер.",
+    "copy_failed": "Не вдалося скопіювати в буфер через проблеми з дозволами.",
+    "copy_success": "Скопійовано в буфер."
+  },
+  "entrypoints": {
+    "sql-error": "Виникла помилка при виконанні запиту SQL: {{message}}"
+  },
+  "branches": {
+    "undeleting-notes-finished-successfully": "Нотатки вдало відновлено.",
+    "undeleting-notes-in-progress": "Відновлюємо нотатки: {{count}}",
+    "delete-notes-in-progress": "Видаляємо нотатки: {{count}}",
+    "delete-finished-successfully": "Нотатки вдало видалено."
+  },
+  "launcher_context_menu": {
+    "add-spacer": "Додати розділювач",
+    "reset": "Скинути"
+  },
+  "editable-text": {
+    "auto-detect-language": "Автовизначена"
+  },
+  "highlighting": {
+    "color-scheme": "Схема кольорів"
+  },
+  "code_block": {
+    "copy_title": "Скопіювати в буфер"
+  },
+  "classic_editor_toolbar": {
+    "title": "Форматування"
+  },
+  "editor": {
+    "title": "Редактор"
+  },
+  "editing": {
+    "editor_type": {
+      "label": "Панель інструментів форматування"
+    }
+  },
+  "confirm": {
+    "confirmation": "Підтвердження",
+    "cancel": "Скасувати",
+    "ok": "ОК",
+    "are_you_sure_remove_note": "Ви впевнені, що хочете видалити нотатку \"{{title}}\" з карти зв'язків? ",
+    "if_you_dont_check": "Якщо ви не позначите цей пункт, нотатку буде видалено лише з карти зв'язків.",
+    "also_delete_note": "Також видалити нотатку"
+  },
+  "delete_notes": {
+    "delete_notes_preview": "Видалити попередній перегляд нотаток",
+    "close": "Закрити",
+    "delete_all_clones_description": "Видалити також усі клони (можна скасувати в останніх змінах)",
+    "erase_notes_description": "Звичайне (м’яке) видалення лише позначає нотатки як видалені і їх можна відновити (у діалоговому вікні останніх змін) протягом певного періоду часу. Якщо позначити цю опцію, нотатки будуть видалені негайно і їх неможливо буде відновити.",
+    "erase_notes_warning": "Стерти нотатки назавжди (скасувати не можна), включаючи всі клони. Це призведе до перезавантаження програми.",
+    "notes_to_be_deleted": "Наступні нотатки будуть видалені ({{notesCount}})",
+    "no_note_to_delete": "Жодну нотатку не буде видалено (лише клони).",
+    "broken_relations_to_be_deleted": "Наступні зв'язки будуть розірвані та видалені ({{ relationCount}})",
+    "cancel": "Скасувати",
+    "ok": "ОК",
+    "deleted_relation_text": "Нотатка {{- note}} (буде видалена) посилається на зв'язок {{- relation}}, що походить з {{- source}}."
+  },
+  "export": {
+    "export_note_title": "Експорт нотатки",
+    "close": "Закрити",
+    "export_type_subtree": "Ця нотатка та всі її нащадки",
+    "format_html": "HTML – рекомендовано, оскільки зберігає форматування",
+    "format_html_zip": "HTML у ZIP-архіві – рекомендовано, зберігає форматування.",
+    "format_markdown": "Markdown – зберігає більшу частину форматування.",
+    "format_opml": "OPML – формат обміну структурами лише для тексту. Форматування, зображення та файли не включено.",
+    "opml_version_1": "OPML версії 1.0 – лише звичайний текст",
+    "opml_version_2": "OPML v2.0 - також дозволяє HTML",
+    "export_type_single": "Тільки ця нотатка без її нащадків",
+    "export": "Експорт",
+    "choose_export_type": "Спочатку виберіть тип експорту",
+    "export_status": "Статус експорту",
+    "export_in_progress": "Триває експорт: {{progressCount}}",
+    "export_finished_successfully": "Експорт успішно завершено.",
+    "format_pdf": "PDF – для друку або спільного використання."
+  },
+  "help": {
+    "title": "Шпаргалка",
+    "noteNavigation": "Навігація по нотатках",
+    "goUpDown": "переміститись вгору/вниз у списку нотаток",
+    "collapseExpand": "згорнути/розгорнути вузол",
+    "notSet": "не встановлено",
+    "goBackForwards": "повернутися назад / вперед в історії",
+    "showJumpToNoteDialog": "показати <a class=\"external\" href=\"https://triliumnext.github.io/Docs/Wiki/note-navigation.html#jump-to-note\">діалогове вікно \"Перейти до\"</a>",
+    "scrollToActiveNote": "прокрутити до активної нотатки",
+    "jumpToParentNote": "перейти до батьківської нотатки",
+    "collapseWholeTree": "згорнути все дерево нотаток",
+    "collapseSubTree": "згорнути піддерево",
+    "tabShortcuts": "Швидкі клавіші вкладки",
+    "newTabNoteLink": "посилання на нотатку відкриває нотатку в новій вкладці",
+    "newTabWithActivationNoteLink": "посилання на нотатку відкривається та активує нотатку в новій вкладці",
+    "onlyInDesktop": "Тільки для ПК (збірка Electron)",
+    "openEmptyTab": "відкрити порожню вкладку",
+    "closeActiveTab": "закрити активну вкладку",
+    "activateNextTab": "активувати наступну вкладку",
+    "activatePreviousTab": "активувати попередню вкладку",
+    "creatingNotes": "Створення нотаток",
+    "createNoteAfter": "створити нову нотатку після активної нотатки",
+    "createNoteInto": "створити нову піднотатку в активній нотатці",
+    "editBranchPrefix": "редагувати <a class=\"external\" href=\"https://triliumnext.github.io/Docs/Wiki/tree-concepts.html#prefix\">префікс</a> активного клону нотатки",
+    "movingCloningNotes": "Переміщення / клонування нотаток",
+    "moveNoteUpDown": "переміщення нотатки вгору/вниз у списку нотаток",
+    "moveNoteUpHierarchy": "перемістити нотатку вище в ієрархії",
+    "multiSelectNote": "множинний вибір нотатки вище/нижче",
+    "selectAllNotes": "вибрати всі нотатки на поточному рівні",
+    "selectNote": "вибрати нотатку",
+    "copyNotes": "копіювати активну нотатку (або поточний вибір) у буфер обміну (використовується для <a class=\"external\" href=\"https://triliumnext.github.io/Docs/Wiki/cloning-notes.html#cloning-notes\">клонування</a>)",
+    "cutNotes": "вирізати поточну нотатку (або поточний вибір) у буфер обміну (використовується для переміщення нотаток)",
+    "pasteNotes": "вставити нотатку(и) як піднотатку в активну нотатку (яка або переміщується, або клонується залежно від того, чи була вона скопійована, чи вирізана в буфер обміну)",
+    "deleteNotes": "видалити нотатку / піддерево",
+    "editingNotes": "Редагування нотаток",
+    "editNoteTitle": "на панелі дерева перемкнеться з панелі дерева на заголовок нотатки. Введення з заголовку нотатки перемкне фокус на текстовий редактор. <kbd>Ctrl+.</kbd> перемкнеться назад з редактора на панель дерева.",
+    "createEditLink": "створити / редагувати зовнішнє посилання",
+    "createInternalLink": "створити внутрішнє посилання",
+    "followLink": "перейти за посиланням під курсором",
+    "insertDateTime": "вставити поточну дату та час у позицію курсору",
+    "jumpToTreePane": "перейти до панелі дерева та прокрутити до активної нотатки",
+    "markdownAutoformat": "Автоформатування, подібне до Markdown",
+    "headings": "<code>##</code>, <code>###</code>, <code>####</code> тощо, а потім пробіл для заголовків",
+    "bulletList": "<code>*</code> або <code>-</code> з пробілом для маркованого списку",
+    "numberedList": "<code>1.</code> або <code>1)</code>, а потім пробіл для нумерованого списку",
+    "blockQuote": "починайте рядок з <code>></code>, а потім пробіл для цитування блоку",
+    "troubleshooting": "Усунення несправностей",
+    "reloadFrontend": "перезавантажити інтерфейс Trilium",
+    "showDevTools": "показати інструменти розробника",
+    "showSQLConsole": "показати консоль SQL",
+    "other": "Інше",
+    "quickSearch": "фокус на швидкому введенні пошуку",
+    "inPageSearch": "пошук на сторінці"
+  },
+  "import": {
+    "importIntoNote": "Імпортувати в нотатку",
+    "chooseImportFile": "Вибрати файл імпорту",
+    "importDescription": "Вміст вибраного(их) файлу(ів) буде імпортовано як дочірню(і) нотатку(и) до",
+    "options": "Параметри",
+    "safeImportTooltip": "Експортовані файли Trilium <code>.zip</code> можуть містити виконувані скрипти, які можуть мати шкідливу поведінку. Безпечний імпорт деактивує автоматичне виконання всіх імпортованих скриптів. Зніміть позначку \"Безпечний імпорт\", лише якщо імпортований архів має містити виконувані скрипти, і ви повністю довіряєте вмісту файлу імпорту.",
+    "safeImport": "Безпечний імпорт",
+    "explodeArchivesTooltip": "Якщо цей прапорець позначено, Trilium читатиме файли <code>.zip</code>, <code>.enex</code> та <code>.opml</code> і створюватиме нотатки з файлів усередині цих архівів. Якщо прапорець знято, Trilium додаватиме самі архіви до нотатки.",
+    "explodeArchives": "Зчитати вміст архівів <code>.zip</code>, <code>.enex</code> та <code>.opml</code>.",
+    "shrinkImagesTooltip": "<p>Якщо ви позначите цей параметр, Trilium спробує зменшити імпортовані зображення шляхом масштабування та оптимізації, що може вплинути на сприйняту якість зображення. Якщо не позначити, зображення будуть імпортовані без змін.</p><p>Це не стосується імпорту <code>.zip</code> з метаданими, оскільки передбачається, що ці файли вже оптимізовані.</p>",
+    "shrinkImages": "Зменшити зображення",
+    "textImportedAsText": "Імпортувати HTML, Markdown та TXT як текстові нотатки, якщо це незрозуміло з метаданих",
+    "codeImportedAsCode": "Імпортувати розпізнані файли коду (наприклад, <code>.json</code>) як нотатки з кодом, якщо це незрозуміло з метаданих",
+    "replaceUnderscoresWithSpaces": "Замінити підкреслення пробілами в назвах імпортованих нотаток",
+    "import": "Імпорт",
+    "failed": "Помилка імпорту: {{message}}.",
+    "html_import_tags": {
+      "title": "Теги імпорту HTML",
+      "description": "Налаштуйте, які теги HTML слід зберігати під час імпорту нотаток. Теги, яких немає в цьому списку, будуть видалені під час імпорту. Деякі теги (наприклад, 'script') завжди видаляються з міркувань безпеки.",
+      "placeholder": "Введіть теги HTML, по одному на рядок",
+      "reset_button": "Скинути до Список за замовчуванням"
+    },
+    "import-status": "Статус імпорту",
+    "in-progress": "Триває імпорт: {{progress}}",
+    "successful": "Імпорт успішно завершено."
+  },
+  "prompt": {
+    "title": "Підказка",
+    "ok": "ОК",
+    "defaultTitle": "Підказка"
+  },
+  "protected_session_password": {
+    "modal_title": "Захищений сеанс",
+    "help_title": "Довідка щодо захищених нотаток",
+    "close_label": "Закрити",
+    "form_label": "Щоб продовжити запитувану дію, вам потрібно розпочати захищений сеанс, ввівши пароль:",
+    "start_button": "Розпочати захищений сеанс"
+  },
+  "recent_changes": {
+    "title": "Останні зміни",
+    "erase_notes_button": "Стерти видалені нотатки зараз",
+    "deleted_notes_message": "Видалені нотатки стерто.",
+    "no_changes_message": "Поки що жодних змін...",
+    "undelete_link": "відновити",
+    "confirm_undelete": "Ви хочете відновити цю нотатку та її піднотатки?"
+  },
+  "revisions": {
+    "note_revisions": "Версії нотаток",
+    "delete_all_revisions": "Видалити всі версії цієї нотатки",
+    "delete_all_button": "Видалити всі версії",
+    "help_title": "Довідка щодо версій нотаток",
+    "revision_last_edited": "Цю версію востаннє редагували {{date}}",
+    "confirm_delete_all": "Ви хочете видалити всі версії цієї нотатки?",
+    "no_revisions": "Поки що немає версій цієї нотатки...",
+    "restore_button": "Відновити",
+    "confirm_restore": "Ви хочете відновити цю версію? Це замінить поточний заголовок та вміст нотатки цієї версії.",
+    "delete_button": "Видалити",
+    "confirm_delete": "Ви хочете видалити цю версію?",
+    "revisions_deleted": "Версії нотаток видалено.",
+    "revision_restored": "Версію нотатки відновлено.",
+    "revision_deleted": "Версію нотатки видалено.",
+    "snapshot_interval": "Інтервал знімків версій нотатки: {{seconds}}s.",
+    "maximum_revisions": "Ліміт знімків версій нотатки: {{number}}.",
+    "settings": "Налаштування версій нотатки",
+    "download_button": "Завантажити",
+    "mime": "МІМЕ: ",
+    "file_size": "Розмір файлу:",
+    "preview": "Попередній перегляд:",
+    "preview_not_available": "Попередній перегляд недоступний для цього типу нотатки."
+  },
+  "include_note": {
+    "dialog_title": "Включити нотатку",
+    "label_note": "Нотатка",
+    "placeholder_search": "пошук нотатки за її назвою",
+    "box_size_prompt": "Розмір вмісту з вкладеною нотаткою:",
+    "box_size_small": "маленький (~ 10 рядків)",
+    "box_size_medium": "середній (~ 30 рядків)",
+    "box_size_full": "повний (вміст показує повний текст)",
+    "button_include": "Включити Нотатку"
+  },
+  "info": {
+    "modalTitle": "Інформаційне повідомлення",
+    "closeButton": "Закрити",
+    "okButton": "ОК"
+  },
+  "jump_to_note": {
+    "search_placeholder": "Пошук нотатки за її назвою або типом > для команд...",
+    "search_button": "Повнотекстовий Пошук"
+  },
+  "markdown_import": {
+    "dialog_title": "Імпорт з Markdown",
+    "modal_body_text": "Через \"пісочницю\" браузера неможливо безпосередньо зчитувати буфер обміну з JavaScript. Будь ласка, вставте код Markdown для імпорту в текстове поле нижче та натисніть кнопку \"Імпортувати\"",
+    "import_button": "Імпорт",
+    "import_success": "Вміст Markdown імпортовано в документ."
+  },
+  "move_to": {
+    "dialog_title": "Перемістити нотатки до ...",
+    "notes_to_move": "Нотатки для переміщення",
+    "search_placeholder": "пошук нотатки за її назвою",
+    "move_button": "Перейти до вибраної нотатки",
+    "error_no_path": "Немає шляху для переміщення.",
+    "move_success_message": "Вибрані нотатки переміщено до ",
+    "target_parent_note": "Цільова батьківська нотатка"
+  },
+  "note_type_chooser": {
+    "change_path_prompt": "Змінити місце створення нової нотатки:",
+    "search_placeholder": "пошук шляху за назвою (за замовчуванням, якщо порожня)",
+    "modal_title": "Вибрати тип нотатки",
+    "modal_body": "Вибрати тип/шаблон нової нотатки:",
+    "templates": "Шаблони",
+    "builtin_templates": "Вбудовані Шаблони"
+  },
+  "password_not_set": {
+    "title": "Пароль не встановлено",
+    "body1": "Захищені нотатки шифруються за допомогою пароля користувача, але пароль ще не встановлено.",
+    "body2": "Щоб захистити нотатки, натисніть кнопку нижче, щоб відкрити діалогове вікно Параметри та встановити пароль.",
+    "go_to_password_options": "Перейти до параметрів пароля"
+  },
+  "sort_child_notes": {
+    "sort_children_by": "Сортування дочірніх за...",
+    "sorting_criteria": "Критерії сортування",
+    "title": "заголовок",
+    "date_created": "дата створення",
+    "date_modified": "дата зміни",
+    "sorting_direction": "Напрямок сортування",
+    "ascending": "зростання",
+    "descending": "спадний",
+    "folders": "Папки",
+    "sort_folders_at_top": "сортувати папки зверху",
+    "natural_sort": "Нативне сортування",
+    "sort_with_respect_to_different_character_sorting": "сортувати з урахуванням різних правил сортування та порівняння символів у різних мовах або регіонах.",
+    "natural_sort_language": "Мова нативного сортування",
+    "the_language_code_for_natural_sort": "Код мови для нативного сортування, наприклад, \"zh-CN\" для китайської.",
+    "sort": "Сортування"
+  },
+  "upload_attachments": {
+    "upload_attachments_to_note": "Завантажити вкладення до нотатки",
+    "choose_files": "Вибрати файли",
+    "files_will_be_uploaded": "Файли будуть завантажені як вкладення до {{noteTitle}}",
+    "options": "Параметри",
+    "shrink_images": "Зменшити зображення",
+    "upload": "Скачати",
+    "tooltip": "Якщо ви позначите цей параметр, Trilium спробує зменшити розмір завантажених зображень шляхом масштабування та оптимізації, що може вплинути на сприйняту якість зображення. Якщо вимкнути цей параметр, зображення будуть завантажені без змін."
+  },
+  "attribute_detail": {
+    "attr_detail_title": "Деталі Атрибуту Заголовок",
+    "close_button_title": "Скасувати зміни та закрити",
+    "attr_is_owned_by": "Атрибут належить",
+    "attr_name_title": "Ім'я атрибута може складатися лише з буквено-цифрових символів, двокрапки та символу підкреслення",
+    "name": "Назва",
+    "value": "Значення",
+    "target_note_title": "Зв'язок — це іменований зв'язок між джерелом та цільовою нотаткою.",
+    "target_note": "Цільова нотатка",
+    "promoted_title": "Просунутий атрибут відображається на нотатці у помітному вигляді.",
+    "promoted": "Просунуті",
+    "promoted_alias_title": "Назва, яка відображатиметься в інтерфейсі просунутих атрибутів.",
+    "promoted_alias": "Псевдонім",
+    "multiplicity_title": "Множинність визначає, скільки атрибутів з однаковою назвою можна створити — максимум 1 або більше 1.",
+    "multiplicity": "Множинність",
+    "single_value": "Одне значення",
+    "multi_value": "Декілька значень",
+    "label_type_title": "Тип мітки допоможе Trilium вибрати відповідний інтерфейс для введення значення мітки.",
+    "label_type": "Тип",
+    "text": "Текст",
+    "number": "Номер",
+    "boolean": "Булева",
+    "date": "Дата",
+    "date_time": "Дата & Час",
+    "time": "Час",
+    "url": "URL",
+    "precision_title": "Яка кількість цифр після числа з плаваючою комою має бути доступна в інтерфейсі налаштування значень.",
+    "precision": "Точність",
+    "digits": "цифри",
+    "inverse_relation_title": "Додаткове налаштування для визначення, який зв'язок є зворотнім цьому зв'язку. Приклад: Батьківська - Дочірня інверсним зв'язком одне до одного.",
+    "inverse_relation": "Інверсний зв'язок",
+    "inheritable_title": "Спадковий атрибут буде успадкований усіма нащадками в цьому дереві.",
+    "inheritable": "Спадковий",
+    "save_and_close": "Зберегти & закрити <kbd>Ctrl+Enter</kbd>",
+    "delete": "Видалити",
+    "related_notes_title": "Інші нотатки з цією міткою",
+    "more_notes": "Більше нотаток",
+    "label": "Деталі Мітки",
+    "label_definition": "Деталі визначення мітки",
+    "relation": "Деталі зв'язку",
+    "relation_definition": "Деталі визначення зв'язку",
+    "disable_versioning": "вимикає автоматичне керування версіями. Корисно, наприклад, для великих, але неважливих нотаток, наприклад, великих JS-бібліотек, що використовуються для написання скриптів",
+    "calendar_root": "позначити нотатку, яка буде використовуватись для щоденника за замовчуванням. Тільки одна може бути такою.",
+    "archived": "нотатки з цією міткою не будуть видимими за замовчуванням у результатах пошуку (також у діалогових вікнах Перейти до..., Додати посилання... тощо).",
+    "exclude_from_export": "нотатки (з їхнім піддеревом) не будуть включені до жодного експорту нотаток",
+    "run": "визначає, за яких подій має запускатися скрипт. Можливі значення:\n<ul>\n<li>frontendStartup – коли запускається (або оновлюється) інтерфейс Trilium, але не на мобільному пристрої.</li>\n<li>mobileStartup – коли запускається (або оновлюється) інтерфейс Trilium на мобільному пристрої.</li>\n<li>backendStartup – коли запускається бекенд Trilium</li>\n<li>hourly – запускається раз на годину. Ви можете використовувати додаткову мітку <code>runAtHour</code>, щоб вказати, о котрій годині.</li>\n<li>daily – запускається раз на день</li>\n</ul>",
+    "run_on_instance": "Визначити, на якому екземплярі Trilium це має бути запущено. За замовчуванням використовувати всі екземпляри.",
+    "run_at_hour": "О котрій годині це має запускатися? Слід використовувати разом з <code>#run=hourly</code>. Можна визначити кілька разів для більшої кількості запусків протягом дня.",
+    "disable_inclusion": "скрипти з цією міткою не будуть включені до виконання базового скрипта.",
+    "sorted": "зберігає дочірні нотатки, відсортовані за заголовком в алфавітному порядку",
+    "sort_direction": "ASC (за замовчуванням) або DESC",
+    "sort_folders_first": "Папки (нотатки з дочірніми) слід сортувати зверху",
+    "top": "зберегти задану нотатку зверху в батьківській (застосовується лише до відсортованих батьківських)",
+    "hide_promoted_attributes": "Сховати просунуті атрибути для цієї нотатки",
+    "read_only": "редактор перебуває в режимі лише для читання. Працює лише для тексту та нотаток з кодом.",
+    "auto_read_only_disabled": "текстові/кодові нотатки можна автоматично перевести в режим читання, якщо вони занадто великі. Ви можете вимкнути цю поведінку для кожної окремої нотатки, додавши до неї цю позначку",
+    "app_css": "позначає CSS-нотатки, які завантажуються в програму Trilium і, таким чином, можуть бути використані для зміни зовнішнього вигляду Trilium.",
+    "app_theme": "позначає CSS-нотатки, які є повноцінними темами Trilium і тому доступні в параметрах Trilium.",
+    "app_theme_base": "встановіть значення \"наступна\", \"наступна-світла\" або \"наступна-темна\", щоб використовувати відповідну тему TriliumNext (автоматичну, світлу або темну) як основу для власної теми, замість застарілої.",
+    "css_class": "значення цієї мітки потім додається як CSS-клас до вузла, що представляє задану нотатку в дереві. Це може бути корисним для розширеного налаштування тем. Можна використовувати в шаблонах нотаток.",
+    "icon_class": "значення цієї мітки додається як CSS-клас до значка на дереві, що може допомогти візуально розрізнити нотатки в дереві. Прикладом може бути bx bx-home - значки взяті з boxicons. Можна використовувати в шаблонах нотаток.",
+    "page_size": "кількість елементів на сторінці у списку нотаток",
+    "custom_request_handler": "див. <a href=\"javascript:\" data-help-page=\"custom-request-handler.html\">Спеціальний обробник запитів</a>",
+    "custom_resource_provider": "див. <a href=\"javascript:\" data-help-page=\"custom-request-handler.html\">Спеціальний обробник запитів</a>",
+    "widget": "позначає цю нотатку як користувацький віджет, який буде додано до дерева компонентів Trilium",
+    "workspace": "позначає цю нотатку як робочу область, що дозволяє легко хостити",
+    "workspace_icon_class": "визначає значка CSS-класу, який буде використовуватися у вкладці при хостингу цієї нотатки",
+    "workspace_tab_background_color": "Колір CSS, що використовується у вкладці нотатки під час перенесення до цієї нотатки",
+    "workspace_calendar_root": "Визначає календар для кожного робочого простору",
+    "workspace_template": "Ця нотатка з'явиться у списку доступних шаблонів під час створення нової нотатки, але лише після перенесення її в робочу область, що містить цей шаблон",
+    "search_home": "нові пошукові нотатки будуть створені як дочірні елементи цієї нотатки",
+    "workspace_search_home": "нові пошукові нотатки будуть створені як дочірні елементи цієї нотатки після хостингу до якогось предка цієї нотатки робочої області",
+    "inbox": "розташування Вхідних за замовчуванням для нових нотаток – під час створення нотатки за допомогою кнопки Нова нотатка на бічній панелі, нотатки будуть створені як дочірні нотатки в нотатці з міткою <code>#inbox</code>.",
+    "workspace_inbox": "розташування Вхідні за замовчуванням для нових нотаток, коли вони переносяться до якоїсь батьківської нотатки в робочій області",
+    "sql_console_home": "розташування нотаток консолі SQL за замовчуванням",
+    "bookmark_folder": "нотатка з цією міткою відображатиметься в закладках як папка (що дозволить доступ до її дочірніх елементів)",
+    "share_hidden_from_tree": "ця нотатка прихована в лівому дереві навігації, але все ще доступна за її URL-адресою",
+    "share_external_link": "нотатка діятиме як посилання на зовнішній вебсайт у дереві спільного доступу",
+    "share_alias": "визначає псевдонім, за допомогою якого нотатка буде доступна за адресою https://your_trilium_host/share/[your_alias]",
+    "share_omit_default_css": "CSS сторінки спільного доступу за замовчуванням буде пропущено. Використовуйте, коли ви вносите значні зміни стилю.",
+    "share_description": "визначити текст, який буде додано до метатегу HTML для опису",
+    "share_raw": "нотатка буде надаватися у необробленому форматі, без HTML-оболонки",
+    "share_disallow_robot_indexing": "заборонити індексацію цієї нотатки роботами через заголовок <code>X-Robots-Tag: noindex</code>",
+    "share_credentials": "потрібні облікові дані для доступу до цієї спільної нотатки. Значення повинно бути у форматі «ім'я користувача:пароль». Не забудьте зробити це спадковим, щоб застосувати до дочірніх нотаток/зображень.",
+    "share_index": "нотатка з цією міткою відобразить список усіх коренів спільних нотаток",
+    "display_relations": "назви зв'язків, розділені комами, які слід відображати. Усі інші будуть приховані.",
+    "hide_relations": "назви зв'язків, розділені комами, які слід приховати. Усі інші будуть відображені.",
+    "title_template": "заголовок нотаток за замовчуванням, створених як дочірні елементи цієї нотатки. Значення оцінюється як рядок JavaScript\nі таким чином може бути збагачене динамічним контентом за допомогою вставлених змінних <code>now</code> та <code>parentNote</code>. Приклади:\n\n<ul>\nЛітературні твори <li><code>${parentNote.getLabelValue('authorName')}</code></li>\n<li><code>Журнал для ${now.format('РРРР-ММ-ДД ГГ:мм:сс')</code></li>\n</ul>\n\nДив. <a href=\"https://triliumnext.github.io/Docs/Wiki/default-note-title.html\">вікі з деталями</a>, документацію API для <a href=\"https://zadam.github.io/trilium/backend_api/Note.html\">parentNote</a> та <a href=\"https://day.js.org/docs/en/display/format\">now</a> для отримання детальної інформації.",
+    "template": "Ця нотатка з'явиться у списку доступних шаблонів під час створення нової нотатки",
+    "toc": "<code>#toc</code> або <code>#toc=show</code> примусово покаже Зміст, <code>#toc=hide</code> примусово приховає його. Якщо мітка не існує, дотримується глобального налаштування",
+    "color": "визначає колір нотатки в дереві нотаток, посиланнях тощо. Використовуйте будь-яке дійсне значення кольору CSS, наприклад, 'red' або #a13d5f",
+    "keyboard_shortcut": "Визначає комбінацію клавіш, щоб негайно перейти до цієї нотатки. Приклад: «ctrl+alt+e». Щоб зміни набули чинності, потрібне перезавантаження інтерфейсу.",
+    "keep_current_hoisting": "Відкриття цього посилання не змінить хостинг, навіть якщо нотатка не відображається в поточному піддереві хостінгу.",
+    "execute_button": "Назва кнопки, яка виконає поточну нотатку з кодом",
+    "execute_description": "Більш детальний опис поточного коду, що відображається разом із кнопкою виконання",
+    "exclude_from_note_map": "Нотатки з цією міткою будуть приховані на Карті Нотатки",
+    "new_notes_on_top": "Нові нотатки будуть створені зверху батьківської нотатки, а не знизу.",
+    "hide_highlight_widget": "Приховати віджет Списку виділення",
+    "run_on_note_creation": "виконується, коли нотатка створюється на серверній частині. Використовуйте цей зв'язок, якщо потрібно запустити скрипт для всіх нотаток, створених у певному піддереві. У такому випадку створіть його на батьківській нотатці піддерева та зробіть його успадковуваним. Нова нотатка, створена в піддереві (будь-якої глибини), запустить скрипт.",
+    "run_on_child_note_creation": "виконується, коли створюється нова нотатка під нотаткою, де визначено цей зв'язок",
+    "run_on_note_title_change": "виконується, коли змінюється заголовок нотатки (включає також створення нотатки)",
+    "run_on_note_content_change": "виконується, коли змінюється вміст нотатки (включаючи також створення нотатки).",
+    "run_on_note_change": "виконується, коли нотатку змінено (включає також створення нотатки). Не включає зміни вмісту",
+    "run_on_note_deletion": "виконується під час видалення нотатки",
+    "run_on_branch_creation": "виконується під час створення гілки. Гілка — це зв'язок між батьківською та дочірньою нотаткою та створюється, наприклад, під час клонування або переміщення нотатки.",
+    "run_on_branch_change": "виконується, коли гілка оновлюється.",
+    "run_on_branch_deletion": "виконується, коли гілку видаляють. Гілка — це зв'язок між батьківською та дочірньою нотатками та видаляється, наприклад, під час переміщення нотатки (стара гілка/посилання видаляється).",
+    "share_root": "позначає нотатку, яка подається на кореневому каталозі /share.",
+    "run_on_attribute_creation": "виконується, коли для нотатки створюється новий атрибут, який визначає цей зв'язок",
+    "run_on_attribute_change": " виконується, коли змінюється атрибут нотатки, яка визначає цей зв'язок. Це також спрацьовує, коли атрибут видаляється",
+    "relation_template": "атрибути нотатки будуть успадковані навіть без зв'язку \"батьківський-дочірній\", вміст нотатки та піддерево будуть додані до екземпляра нотатки, якщо він порожній. Див. документацію для отримання детальної інформації.",
+    "inherit": "атрибути нотатки будуть успадковані навіть без зв'язку «батьківський-дочірній». Див. шаблон зв'язку для подібної концепції. Див. успадкування атрибутів у документації.",
+    "render_note": "нотатки типу \"render HTML note\" будуть відображатися за допомогою нотатки з кодом (HTML або скрипта), і необхідно вказати за допомогою цього зв'язку, яку нотатку слід відображати",
+    "widget_relation": "ціль цього зв'язку буде виконано та відображено як віджет на бічній панелі",
+    "share_css": "CSS-нотатка, яка буде вставлена на сторінку спільного доступу. CSS-нотатка також має бути в спільному піддереві. Також розгляньте можливість використання 'share_hidden_from_tree' та 'share_omit_default_css'.",
+    "share_js": "JavaScript-нотатка, яка буде вставлена на сторінку спільного доступу. JS-нотатка також має бути в спільному піддереві. Розгляньте можливість використання 'share_hidden_from_tree'.",
+    "share_template": "Вбудована нотатка JavaScript, яка використовуватиметься як шаблон для відображення спільної нотатки. Повертатиметься до шаблону за замовчуванням. Розгляньте можливість використання 'share_hidden_from_tree'.",
+    "share_favicon": "Нотатку до значка веб-сторінки, яку потрібно встановити на спільній сторінці. Зазвичай потрібно встановити її як спільний кореневий каталог і зробити успадковуваною. Нотатку до значка веб-сторінки також потрібно розмістити у спільному піддереві. Розгляньте можливість використання 'share_hidden_from_tree'.",
+    "is_owned_by_note": "належить до нотатки",
+    "other_notes_with_name": "Інші нотатки з назвою {{attributeType}} \"{{attributeName}}\"",
+    "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": "Колір"
+  },
+  "multi_factor_authentication": {
+    "mfa_method": "Метод МФА"
+  },
+  "attribute_editor": {
+    "help_text_body1": "Щоб додати мітку, просто введіть, наприклад, <code>#rock</code> або, якщо ви хочете додати також значення, то, наприклад, <code>#year = 2020</code>",
+    "help_text_body2": "Для зв'язку введіть <code>~author = @</code>, що має викликати автозаповнення, де ви зможете знайти потрібну нотатку.",
+    "help_text_body3": "Або ж ви можете додати мітку та зв'язок за допомогою кнопки <code>+</code> праворуч.",
+    "save_attributes": "Зберегти атрибути <enter>",
+    "add_a_new_attribute": "Додати новий атрибут",
+    "add_new_label": "Додати нову мітку <kbd data-command=\"addNewLabel\"></kbd>",
+    "add_new_relation": "Додати новий зв'язок <kbd data-command=\"addNewRelation\"></kbd>",
+    "add_new_label_definition": "Додати нове визначення мітки",
+    "add_new_relation_definition": "Додати нове визначення зв'язку",
+    "placeholder": "Введіть мітки та зв'язки тут"
+  },
+  "abstract_bulk_action": {
+    "remove_this_search_action": "Видалити цю дію пошуку"
+  },
+  "execute_script": {
+    "execute_script": "Виконати скрипт",
+    "help_text": "Ви можете виконувати прості скрипти у нотатках, що збігаються.",
+    "example_1": "Наприклад, щоб додати рядок до заголовка нотатки, використовуйте цей невеликий скрипт:",
+    "example_2": "Більш складним прикладом може бути видалення всіх атрибутів нотаток, що збігаються:"
+  },
+  "add_label": {
+    "add_label": "Додати мітку",
+    "label_name_placeholder": "назва мітки",
+    "label_name_title": "Дозволено використовувати буквено-цифрові символи, підкреслення та двокрапку.",
+    "to_value": "до значення",
+    "new_value_placeholder": "нове значення",
+    "help_text": "У всіх нотатках, що збігаються:",
+    "help_text_item1": "створити вказану мітку, якщо нотатка ще її не має",
+    "help_text_item2": "або змінити значення існуючої мітки",
+    "help_text_note": "Ви також можете викликати цей метод без значення, у такому випадку мітку буде присвоєно нотатці без значення."
+  },
+  "delete_label": {
+    "delete_label": "Видалити мітку",
+    "label_name_placeholder": "назва мітки",
+    "label_name_title": "Дозволено використовувати буквено-цифрові символи, підкреслення та двокрапку."
+  },
+  "rename_label": {
+    "rename_label": "Перейменувати мітку",
+    "rename_label_from": "Перейменувати мітку з",
+    "old_name_placeholder": "стара назва",
+    "to": "До",
+    "new_name_placeholder": "нова назва",
+    "name_title": "Дозволено використовувати буквено-цифрові символи, підкреслення та двокрапку."
+  },
+  "update_label_value": {
+    "update_label_value": "Оновити значення мітки",
+    "label_name_placeholder": "назва мітки",
+    "label_name_title": "Дозволено використовувати буквено-цифрові символи, підкреслення та двокрапку.",
+    "to_value": "до значення",
+    "new_value_placeholder": "нове значення",
+    "help_text": "Для всіх нотаток, що збігаються, змініть значення існуючої мітки.",
+    "help_text_note": "Ви також можете викликати цей метод без значення, у такому випадку мітку буде присвоєно нотатці без значення."
+  },
+  "delete_note": {
+    "delete_note": "Видалити нотатку",
+    "delete_matched_notes": "Видалити нотатки, що збігаються",
+    "delete_matched_notes_description": "Це видалить нотатки, що збігаються.",
+    "undelete_notes_instruction": "Після видалення їх можна відновити в діалоговому вікні «Останні зміни».",
+    "erase_notes_instruction": "Щоб остаточно видалити нотатки, після видалення перейдіть до меню Опції -> Інше та натисніть кнопку «Стерти видалені нотатки зараз»."
+  },
+  "delete_revisions": {
+    "all_past_note_revisions": "Усі попередні версії нотаток, що збігаються, будуть видалені. Сама нотатка буде повністю збережена. Іншими словами, історія нотатки буде видалена.",
+    "delete_note_revisions": "Видалити версії нотаток"
+  },
+  "move_note": {
+    "on_all_matched_notes": "У всіх нотатках, що збігаються",
+    "move_note": "Перемістити нотатку",
+    "to": "до",
+    "target_parent_note": "цільова батьківська нотатка",
+    "move_note_new_parent": "перемістити нотатку до нового батьківського елемента, якщо нотатка має лише один батьківський елемент (тобто стара гілка видаляється, а нова гілка в новому батьківському елементі створюється)",
+    "clone_note_new_parent": "клонувати нотатку до нового батьківського елемента, якщо нотатка має кілька клонів/гілок (незрозуміло, яку гілку слід видалити)",
+    "nothing_will_happen": "нічого не станеться, якщо нотатку не можна перемістити до цільової нотатки (тобто це створить деревоподібний цикл)"
+  },
+  "rename_note": {
+    "example_note": "<code>Нотатка</code> – усі нотатки, що збігаються будуть перейменовані на \"Нотатка\"",
+    "example_new_title": "<code>NEW: ${note.title}</code> – назви нотаток, що збігаються, мають префікс 'НОВА:'",
+    "example_date_prefix": "<code>${note.dateCreatedObj.format('MM-DD:')}: ${note. Title}</code> - нотатки, що збігаються мають префікс у вигляді місяця та дати створення нотатки",
+    "rename_note": "Перейменувати нотатку",
+    "rename_note_title_to": "Перейменувати заголовок нотатки на",
+    "new_note_title": "новий заголовок нотатки",
+    "click_help_icon": "Натисніть значок довідки праворуч, щоб переглянути всі опції",
+    "evaluated_as_js_string": "Надане значення обчислюється як рядок JavaScript і тому може бути доповнено динамічним контентом за допомогою вставленої змінної <code>note</code> (нотатка перейменовується). Приклади:",
+    "api_docs": "Див. документацію API для <a href='https://zadam.github.io/trilium/backend_api/Note.html'>note</a> та її <a href='https://day.js.org/docs/en/display/format'>властивостей dateCreatedObj / utcDateCreatedObj</a> для отримання детальної інформації."
+  },
+  "add_relation": {
+    "create_relation_on_all_matched_notes": "Для всіх нотаток, що збігаються, створити задані зв'язки.",
+    "add_relation": "Додати зв'язок",
+    "relation_name": "назва зв'язку",
+    "allowed_characters": "Дозволено використовувати буквено-цифрові символи, підкреслення та двокрапку.",
+    "to": "до",
+    "target_note": "цільова нотатка"
+  },
+  "update_relation_target": {
+    "on_all_matched_notes": "У всіх нотатках, що збігаються",
+    "update_relation": "Оновити зв'язок",
+    "relation_name": "назва зв'язку",
+    "allowed_characters": "Дозволено використовувати буквено-цифрові символи, підкреслення та двокрапку.",
+    "to": "до",
+    "target_note": "цільова нотатка",
+    "change_target_note": "змінити цільову нотатку існуючого зв'язку",
+    "update_relation_target": "Оновити ціль зв'язку"
+  },
+  "search_script": {
+    "example_code": "// 1. попередня фільтрація за допомогою стандартного пошуку\nconst candidateNotes = api.searchForNotes(\"#journal\");\n\n// 2. застосування користувацьких критеріїв пошуку\nconst matchedNotes = candidateNotes\n    .filter(note => note.title.match(/[0-9]{1,2}\\. ?[0-9]{1,2}\\. ?[0-9]{4}/));\n\nreturn matchedNotes;"
+  },
+  "delete_relation": {
+    "delete_relation": "Видалити зв'язок",
+    "relation_name": "назва зв'язку",
+    "allowed_characters": "Дозволено використовувати буквено-цифрові символи, підкреслення та двокрапку."
+  },
+  "rename_relation": {
+    "rename_relation": "Перейменувати зв'язок",
+    "rename_relation_from": "Перейменувати зв'язок з",
+    "old_name": "стара назва",
+    "to": "До",
+    "new_name": "нова назва",
+    "allowed_characters": "Дозволено використовувати буквено-цифрові символи, підкреслення та двокрапку."
+  },
+  "attachments_actions": {
+    "open_externally": "Відкрити у зовнішній програмі",
+    "open_externally_title": "Файл буде відкрито в зовнішній програмі та відстежуватися на наявність змін. Після цього ви зможете завантажити змінену версію назад до Trilium.",
+    "open_custom": "Відкрити користувацький",
+    "open_custom_title": "Файл буде відкрито в зовнішній програмі та відстежуватися на наявність змін. Після цього ви зможете завантажити змінену версію назад до Trilium.",
+    "download": "Завантажити",
+    "rename_attachment": "Перейменувати вкладення",
+    "upload_new_revision": "Завантажити нову версію",
+    "copy_link_to_clipboard": "Копіювати посилання в буфер обміну",
+    "convert_attachment_into_note": "Перетворити вкладення на нотатку",
+    "delete_attachment": "Видалити вкладення",
+    "upload_success": "Нову версію вкладеного файлу завантажено.",
+    "upload_failed": "Не вдалося завантажити нову версію вкладеного файлу.",
+    "open_externally_detail_page": "Відкриття вкладення ззовні доступне лише зі сторінки з деталями, спочатку натисніть на деталі вкладення та повторіть дію.",
+    "open_custom_client_only": "Налаштування відкриття вкладень можна виконати лише з клієнтської версії для ПК.",
+    "delete_confirm": "Ви впевнені, що хочете видалити вкладення '{{title}}'?",
+    "delete_success": "Вкладення '{{title}}' видалено.",
+    "convert_confirm": "Ви впевнені, що хочете перетворити вкладення '{{title}}' на окрему нотатку?",
+    "convert_success": "Вкладення '{{title}}' перетворено на нотатку.",
+    "enter_new_name": "Будь ласка, введіть назву нового вкладення"
+  },
+  "calendar": {
+    "mon": "Пн",
+    "tue": "Вт",
+    "wed": "Ср",
+    "thu": "Чт",
+    "fri": "Пт",
+    "sat": "Сб",
+    "sun": "Нд",
+    "cannot_find_day_note": "Не вдається знайти денну нотатку",
+    "cannot_find_week_note": "Не вдається знайти нотатку тижня",
+    "january": "Січень",
+    "febuary": "Лютий",
+    "march": "Березень",
+    "april": "Квітень",
+    "may": "Травень",
+    "june": "Червень",
+    "july": "Липень",
+    "august": "Серпень",
+    "september": "Вересень",
+    "october": "Жовтень",
+    "november": "Листопад",
+    "december": "Грудень"
+  },
+  "close_pane_button": {
+    "close_this_pane": "Закрити цю панель"
+  },
+  "create_pane_button": {
+    "create_new_split": "Створити новий поділ"
+  },
+  "edit_button": {
+    "edit_this_note": "Редагувати цю нотатку"
+  },
+  "show_toc_widget_button": {
+    "show_toc": "Показати зміст"
+  },
+  "show_highlights_list_widget_button": {
+    "show_highlights_list": "Показати Список основних моментів"
+  },
+  "zen_mode": {
+    "button_exit": "Вихід з Дзен-режиму"
+  },
+  "sync_status": {
+    "unknown": "<p>Стан синхронізації буде відомий після початку наступної спроби синхронізації.</p><p>Натисніть, щоб запустити синхронізацію зараз.</p>",
+    "connected_with_changes": "<p>Підключено до сервера синхронізації. <br>Є деякі невиконані зміни, які ще потрібно синхронізувати.</p><p>Натисніть, щоб розпочати синхронізацію.</p>",
+    "connected_no_changes": "<p>Підключено до сервера синхронізації.<br>Усі зміни вже синхронізовано.</p><p>Натисніть, щоб розпочати синхронізацію.</p>",
+    "disconnected_with_changes": "<p>Встановлення з’єднання із сервером синхронізації не вдалося.<br>Є деякі невиконані зміни, які ще потрібно синхронізувати.</p><p>Натисніть, щоб розпочати синхронізацію.</p>",
+    "disconnected_no_changes": "<p>Встановлення з’єднання із сервером синхронізації не вдалося.<br>Усі відомі зміни синхронізовано.</p><p>Натисніть, щоб розпочати синхронізацію.</p>",
+    "in_progress": "Триває синхронізація із сервером."
+  },
+  "left_pane_toggle": {
+    "show_panel": "Показати панель",
+    "hide_panel": "Приховати панель"
+  },
+  "move_pane_button": {
+    "move_left": "Переміститися вліво",
+    "move_right": "Переміститися вправо"
+  },
+  "note_actions": {
+    "convert_into_attachment": "Перетворити на вкладення",
+    "re_render_note": "Повторно відобразити нотатку",
+    "search_in_note": "Пошук у нотатці",
+    "note_source": "Джерело нотатки",
+    "note_attachments": "Вкладення нотатки",
+    "open_note_externally": "Відкрити нотатку у зовнішній програмі",
+    "open_note_externally_title": "Файл буде відкрито в зовнішній програмі та відстежуватися на наявність змін. Після цього ви зможете завантажити змінену версію назад до Trilium.",
+    "open_note_custom": "Відкрити нотатку користувача",
+    "import_files": "Імпорт файлів",
+    "export_note": "Експорт нотатки",
+    "delete_note": "Видалити нотатку",
+    "print_note": "Друк нотатки",
+    "save_revision": "Зберегти версію",
+    "convert_into_attachment_failed": "Не вдалося конвертувати нотатку '{{title}}'.",
+    "convert_into_attachment_successful": "Нотатку '{{title}}' перетворено на вкладення.",
+    "convert_into_attachment_prompt": "Ви впевнені, що хочете перетворити нотатку '{{title}}' на вкладення батьківської нотатки?",
+    "print_pdf": "Експортувати як PDF..."
+  },
+  "onclick_button": {
+    "no_click_handler": "Віджет кнопки '{{componentId}}' не має визначеного обробника кліків"
+  },
+  "protected_session_status": {
+    "active": "Захищений сеанс активний. Натисніть, щоб вийти з захищеного сеансу.",
+    "inactive": "Натисніть, щоб увійти до захищеного сеансу"
+  },
+  "revisions_button": {
+    "note_revisions": "Версії нотатки"
+  }
+}

apps/client/src/translations/vi/translation.json

@@ -0,0 +1,80 @@
+{
+  "about": {
+    "homepage": "Trang chủ:",
+    "title": "Về Trilium Notes"
+  },
+  "add_link": {
+    "add_link": "Thêm liên kết",
+    "button_add_link": "Thêm liên kết"
+  },
+  "bulk_actions": {
+    "other": "Khác"
+  },
+  "branch_prefix": {
+    "save": "Lưu"
+  },
+  "confirm": {
+    "ok": "OK",
+    "cancel": "Huỷ"
+  },
+  "delete_notes": {
+    "close": "Đóng",
+    "ok": "OK",
+    "cancel": "Huỷ"
+  },
+  "export": {
+    "close": "Đóng"
+  },
+  "help": {
+    "other": "Khác"
+  },
+  "toast": {
+    "critical-error": {
+      "title": "Lỗi nghiêm trọng"
+    }
+  },
+  "import": {
+    "options": "Tuỳ chọn"
+  },
+  "info": {
+    "okButton": "OK",
+    "closeButton": "Đóng"
+  },
+  "move_to": {
+    "dialog_title": "Chuyển ghi chép tới..."
+  },
+  "prompt": {
+    "ok": "OK"
+  },
+  "protected_session_password": {
+    "close_label": "Đóng"
+  },
+  "revisions": {
+    "restore_button": "Khôi phục",
+    "delete_button": "Xoá"
+  },
+  "upload_attachments": {
+    "options": "Tuỳ chọn"
+  },
+  "attribute_detail": {
+    "name": "Tên",
+    "value": "Giá trị",
+    "text": "Văn bản",
+    "number": "Số",
+    "delete": "Xoá"
+  },
+  "rename_note": {
+    "rename_note": "Đổi tên ghi chép"
+  },
+  "add_label": {
+    "add_label": "Thêm nhãn",
+    "label_name_placeholder": "tên nhãn",
+    "help_text_item2": "hoặc thay đổi giá trị của nhãn có sẵn"
+  },
+  "rename_label": {
+    "rename_label": "Đặt lại tên nhãn"
+  },
+  "call_to_action": {
+    "dismiss": "Bỏ qua"
+  }
+}

apps/client/src/widgets/bulk_actions/BulkAction.tsx

@@ -0,0 +1,54 @@
+import { ComponentChildren } from "preact";
+import { memo } from "preact/compat";
+import AbstractBulkAction from "./abstract_bulk_action";
+
+interface BulkActionProps {
+    label: string | ComponentChildren;   
+    children?: ComponentChildren;
+    helpText?: ComponentChildren;
+    bulkAction: AbstractBulkAction;
+}
+
+// Define styles as constants to prevent recreation
+const flexContainerStyle = { display: "flex", alignItems: "center" } as const;
+const labelStyle = { marginRight: "10px" } as const;
+const textStyle = { marginRight: "10px", marginLeft: "10px" } as const;
+
+const BulkAction = memo(({ label, children, helpText, bulkAction }: BulkActionProps) => {
+    return (
+        <tr>
+            <td colSpan={2}>
+                <div style={flexContainerStyle}>
+                    <div style={labelStyle} className="text-nowrap">{label}</div>
+
+                    {children}
+                </div>
+            </td>
+            <td className="button-column">
+                {helpText && <div className="dropdown help-dropdown">
+                    <span className="bx bx-help-circle icon-action" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false"></span>
+                    <div className="dropdown-menu dropdown-menu-right p-4">
+                        {helpText}
+                    </div>
+                </div>}
+
+                <span
+                    className="bx bx-x icon-action action-conf-del"
+                    onClick={() => bulkAction?.deleteAction()}
+                />
+            </td>
+        </tr>
+    );
+});
+
+export default BulkAction;
+
+export const BulkActionText = memo(({ text }: { text: string }) => {
+    return (
+        <div
+            style={textStyle}
+            className="text-nowrap">
+                {text}
+            </div>
+    );
+});

apps/client/src/widgets/bulk_actions/abstract_bulk_action.ts

@@ -1,10 +1,9 @@
-import { t } from "../../services/i18n.js";
 import server from "../../services/server.js";
 import ws from "../../services/ws.js";
-import utils from "../../services/utils.js";
 import type FAttribute from "../../entities/fattribute.js";
+import { VNode } from "preact";
 
-interface ActionDefinition {
+export interface ActionDefinition {
     script: string;
     relationName: string;
     targetNoteId: string;
@@ -27,26 +26,9 @@ export default abstract class AbstractBulkAction {
         this.actionDef = actionDef;
     }
 
-    render() {
-        try {
-            const $rendered = this.doRender();
-
-            $rendered
-                .find(".action-conf-del")
-                .on("click", () => this.deleteAction())
-                .attr("title", t("abstract_bulk_action.remove_this_search_action"));
-
-            utils.initHelpDropdown($rendered);
-
-            return $rendered;
-        } catch (e: any) {
-            logError(`Failed rendering search action: ${JSON.stringify(this.attribute.dto)} with error: ${e.message} ${e.stack}`);
-            return null;
-        }
-    }
-
     // to be overridden
-    abstract doRender(): JQuery<HTMLElement>;
+    abstract doRender(): VNode;
+
     static get actionName() {
         return "";
     }
@@ -66,9 +48,6 @@ export default abstract class AbstractBulkAction {
 
     async deleteAction() {
         await server.remove(`notes/${this.attribute.noteId}/attributes/${this.attribute.attributeId}`);
-
         await ws.waitForMaxKnownEntityChangeId();
-
-        //await this.triggerCommand('refreshSearchDefinition');
     }
 }

apps/client/src/widgets/bulk_actions/execute_script.ts

@@ -1,58 +0,0 @@
-import { t } from "../../services/i18n.js";
-import SpacedUpdate from "../../services/spaced_update.js";
-import AbstractBulkAction from "./abstract_bulk_action.js";
-
-const TPL = /*html*/`
-<tr>
-    <td>
-        ${t("execute_script.execute_script")}
-    </td>
-    <td>
-        <input type="text"
-           class="form-control script"
-           placeholder="note.title = note.title + '- suffix';"/>
-    </td>
-    <td class="button-column">
-        <div style="display: flex; align-items: center; justify-content: space-between;">
-            <div class="dropdown help-dropdown">
-              <span class="bx bx-help-circle icon-action" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false"></span>
-              <div class="dropdown-menu dropdown-menu-right p-4">
-                ${t("execute_script.help_text")}
-
-                ${t("execute_script.example_1")}
-
-                <pre>note.title = note.title + ' - suffix';</pre>
-
-                ${t("execute_script.example_2")}
-
-                <pre>for (const attr of note.getOwnedAttributes) { attr.markAsDeleted(); }</pre>
-              </div>
-            </div>
-
-            <span class="bx bx-x icon-action action-conf-del"></span>
-        </div>
-    </td>
-</tr>`;
-
-export default class ExecuteScriptBulkAction extends AbstractBulkAction {
-    static get actionName() {
-        return "executeScript";
-    }
-    static get actionTitle() {
-        return t("execute_script.execute_script");
-    }
-
-    doRender() {
-        const $action = $(TPL);
-        const $script = $action.find(".script");
-        $script.val(this.actionDef.script || "");
-
-        const spacedUpdate = new SpacedUpdate(async () => {
-            await this.saveAction({ script: $script.val() });
-        }, 1000);
-
-        $script.on("input", () => spacedUpdate.scheduleUpdate());
-
-        return $action;
-    }
-}

apps/client/src/widgets/bulk_actions/execute_script.tsx

@@ -0,0 +1,50 @@
+import { useEffect, useState } from "preact/hooks";
+import { t } from "../../services/i18n.js";
+import FormTextBox from "../react/FormTextBox.jsx";
+import AbstractBulkAction, { ActionDefinition } from "./abstract_bulk_action.js";
+import BulkAction from "./BulkAction.jsx";
+import { useSpacedUpdate } from "../react/hooks.jsx";
+
+function ExecuteScriptBulkActionComponent({ bulkAction, actionDef }: { bulkAction: AbstractBulkAction, actionDef: ActionDefinition }) {
+    const [ script, setScript ] = useState(actionDef.script);
+    const spacedUpdate = useSpacedUpdate(() => bulkAction.saveAction({ script }));
+    useEffect(() => spacedUpdate.scheduleUpdate(), [ script ]);
+
+    return (
+        <BulkAction
+            bulkAction={bulkAction}
+            label={t("execute_script.execute_script")}
+            helpText={<>
+                {t("execute_script.help_text")}
+
+                {t("execute_script.example_1")}
+
+                <pre>note.title = note.title + ' - suffix';</pre>
+
+                {t("execute_script.example_2")}
+
+                <pre>{"for (const attr of note.getOwnedAttributes) { attr.markAsDeleted(); }"}</pre>
+            </>}
+        >
+            <FormTextBox
+                placeholder="note.title = note.title + '- suffix';"
+                currentValue={script} onChange={setScript}
+            />
+        </BulkAction>
+    );
+}
+
+export default class ExecuteScriptBulkAction extends AbstractBulkAction {
+
+    static get actionName() {
+        return "executeScript";
+    }
+    static get actionTitle() {
+        return t("execute_script.execute_script");
+    }
+
+    doRender() {
+        return <ExecuteScriptBulkActionComponent bulkAction={this} actionDef={this.actionDef} />
+    }
+
+}

apps/client/src/widgets/bulk_actions/label/add_label.ts

@@ -1,70 +0,0 @@
-import { t } from "../../../services/i18n.js";
-import SpacedUpdate from "../../../services/spaced_update.js";
-import AbstractBulkAction from "../abstract_bulk_action.js";
-
-const TPL = /*html*/`
-<tr>
-    <td colspan="2">
-        <div style="display: flex; align-items: center">
-            <div style="margin-right: 10px;" class="text-nowrap">${t("add_label.add_label")}</div>
-
-            <input type="text"
-                class="form-control label-name"
-                placeholder="${t("add_label.label_name_placeholder")}"
-                pattern="[\\p{L}\\p{N}_:]+"
-                title="${t("add_label.label_name_title")}"/>
-
-            <div style="margin-right: 10px; margin-left: 10px;" class="text-nowrap">${t("add_label.to_value")}</div>
-
-            <input type="text" class="form-control label-value" placeholder="${t("add_label.new_value_placeholder")}"/>
-        </div>
-    </td>
-    <td class="button-column">
-        <div class="dropdown help-dropdown">
-            <span class="bx bx-help-circle icon-action" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false"></span>
-            <div class="dropdown-menu dropdown-menu-right p-4">
-                <p>${t("add_label.help_text")}</p>
-
-                <ul>
-                    <li>${t("add_label.help_text_item1")}</li>
-                    <li>${t("add_label.help_text_item2")}</li>
-                </ul>
-
-                ${t("add_label.help_text_note")}
-            </div>
-        </div>
-
-        <span class="bx bx-x icon-action action-conf-del"></span>
-    </td>
-</tr>`;
-
-export default class AddLabelBulkAction extends AbstractBulkAction {
-    static get actionName() {
-        return "addLabel";
-    }
-    static get actionTitle() {
-        return t("add_label.add_label");
-    }
-
-    doRender() {
-        const $action = $(TPL);
-
-        const $labelName = $action.find(".label-name");
-        $labelName.val(this.actionDef.labelName || "");
-
-        const $labelValue = $action.find(".label-value");
-        $labelValue.val(this.actionDef.labelValue || "");
-
-        const spacedUpdate = new SpacedUpdate(async () => {
-            await this.saveAction({
-                labelName: $labelName.val(),
-                labelValue: $labelValue.val()
-            });
-        }, 1000);
-
-        $labelName.on("input", () => spacedUpdate.scheduleUpdate());
-        $labelValue.on("input", () => spacedUpdate.scheduleUpdate());
-
-        return $action;
-    }
-}

apps/client/src/widgets/bulk_actions/label/add_label.tsx

@@ -0,0 +1,57 @@
+import { useEffect, useState } from "preact/hooks";
+import { t } from "../../../services/i18n";
+import FormTextBox from "../../react/FormTextBox";
+import AbstractBulkAction, { ActionDefinition } from "../abstract_bulk_action";
+import BulkAction, { BulkActionText } from "../BulkAction";
+import { useSpacedUpdate } from "../../react/hooks";
+
+function AddLabelBulkActionComponent({ bulkAction, actionDef }: { bulkAction: AbstractBulkAction, actionDef: ActionDefinition }) {
+    const [ labelName, setLabelName ] = useState<string>(actionDef.labelName ?? "");
+    const [ labelValue, setLabelValue ] = useState<string>(actionDef.labelValue ?? "");
+    const spacedUpdate = useSpacedUpdate(() => bulkAction.saveAction({ labelName, labelValue }));
+    useEffect(() => spacedUpdate.scheduleUpdate(), [labelName, labelValue]);
+
+    return (
+        <BulkAction
+            bulkAction={bulkAction}
+            label={t("add_label.add_label")}
+            helpText={<>
+                <p>{t("add_label.help_text")}</p>
+
+                <ul>
+                    <li>{t("add_label.help_text_item1")}</li>
+                    <li>{t("add_label.help_text_item2")}</li>
+                </ul>
+
+                {t("add_label.help_text_note")}
+            </>}
+        >
+            <FormTextBox
+                placeholder={t("add_label.label_name_placeholder")}
+                pattern="[\\p{L}\\p{N}_:]+"
+                title={t("add_label.label_name_title")}
+                currentValue={labelName} onChange={setLabelName}
+            />
+            <BulkActionText text={t("add_label.to_value")} />
+            <FormTextBox
+                placeholder={t("add_label.new_value_placeholder")}
+                currentValue={labelValue} onChange={setLabelValue}
+            />
+        </BulkAction>
+    )
+}
+
+export default class AddLabelBulkAction extends AbstractBulkAction {
+
+    doRender() {
+        return <AddLabelBulkActionComponent bulkAction={this} actionDef={this.actionDef} />;
+    }
+
+    static get actionName() {
+        return "addLabel";
+    }
+
+    static get actionTitle() {
+        return t("add_label.add_label");
+    }
+}

apps/client/src/widgets/bulk_actions/label/delete_label.ts

@@ -1,43 +0,0 @@
-import { t } from "../../../services/i18n.js";
-import SpacedUpdate from "../../../services/spaced_update.js";
-import AbstractBulkAction from "../abstract_bulk_action.js";
-
-const TPL = /*html*/`
-<tr>
-    <td>
-        ${t("delete_label.delete_label")}
-    </td>
-    <td>
-        <input type="text"
-           class="form-control label-name"
-           pattern="[\\p{L}\\p{N}_:]+"
-           title="${t("delete_label.label_name_title")}"
-           placeholder="${t("delete_label.label_name_placeholder")}"/>
-    </td>
-    <td class="button-column">
-        <span class="bx bx-x icon-action action-conf-del"></span>
-    </td>
-</tr>`;
-
-export default class DeleteLabelBulkAction extends AbstractBulkAction {
-    static get actionName() {
-        return "deleteLabel";
-    }
-    static get actionTitle() {
-        return t("delete_label.delete_label");
-    }
-
-    doRender() {
-        const $action = $(TPL);
-        const $labelName = $action.find(".label-name");
-        $labelName.val(this.actionDef.labelName || "");
-
-        const spacedUpdate = new SpacedUpdate(async () => {
-            await this.saveAction({ labelName: $labelName.val() });
-        }, 1000);
-
-        $labelName.on("input", () => spacedUpdate.scheduleUpdate());
-
-        return $action;
-    }
-}

apps/client/src/widgets/bulk_actions/label/delete_label.tsx

@@ -0,0 +1,39 @@
+import { useEffect, useState } from "preact/hooks";
+import { t } from "../../../services/i18n.js";
+import FormTextBox from "../../react/FormTextBox.jsx";
+import AbstractBulkAction, { ActionDefinition } from "../abstract_bulk_action.js";
+import { useSpacedUpdate } from "../../react/hooks.jsx";
+import BulkAction from "../BulkAction.jsx";
+
+function DeleteLabelBulkActionComponent({ bulkAction, actionDef }: { bulkAction: AbstractBulkAction, actionDef: ActionDefinition}) {
+    const [ labelName, setLabelName ] = useState<string>(actionDef.labelName ?? "");
+    const spacedUpdate = useSpacedUpdate(() => bulkAction.saveAction({ labelName }));
+    useEffect(() => spacedUpdate.scheduleUpdate(), [labelName]);
+
+    return (
+        <BulkAction
+            bulkAction={bulkAction}
+            label={t("delete_label.delete_label")}
+        >
+            <FormTextBox
+                pattern="[\\p{L}\\p{N}_:]+"
+                title={t("delete_label.label_name_title")}
+                placeholder={t("delete_label.label_name_placeholder")}
+                currentValue={labelName} onChange={setLabelName}
+            />
+        </BulkAction>
+    );
+}
+
+export default class DeleteLabelBulkAction extends AbstractBulkAction {
+    static get actionName() {
+        return "deleteLabel";
+    }
+    static get actionTitle() {
+        return t("delete_label.delete_label");
+    }
+
+    doRender() {
+        return <DeleteLabelBulkActionComponent bulkAction={this} actionDef={this.actionDef} />
+    }
+}

apps/client/src/widgets/bulk_actions/label/rename_label.ts

@@ -1,60 +0,0 @@
-import { t } from "../../../services/i18n.js";
-import SpacedUpdate from "../../../services/spaced_update.js";
-import AbstractBulkAction from "../abstract_bulk_action.js";
-
-const TPL = /*html*/`
-<tr>
-    <td colspan="2">
-        <div style="display: flex; align-items: center">
-            <div style="margin-right: 10px; flex-shrink: 0;">${t("rename_label.rename_label_from")}</div>
-
-            <input type="text"
-                class="form-control old-label-name"
-                placeholder="${t("rename_label.old_name_placeholder")}"
-                pattern="[\\p{L}\\p{N}_:]+"
-                title="${t("rename_label.name_title")}"/>
-
-            <div style="margin-right: 10px; margin-left: 10px;" class="text-nowrap">${t("rename_label.to")}</div>
-
-            <input type="text"
-                class="form-control new-label-name"
-                placeholder="${t("rename_label.new_name_placeholder")}"
-                pattern="[\\p{L}\\p{N}_:]+"
-                title="${t("rename_label.name_title")}"/>
-        </div>
-    </td>
-    <td class="button-column">
-        <span class="bx bx-x icon-action action-conf-del"></span>
-    </td>
-</tr>`;
-
-export default class RenameLabelBulkAction extends AbstractBulkAction {
-    static get actionName() {
-        return "renameLabel";
-    }
-    static get actionTitle() {
-        return t("rename_label.rename_label");
-    }
-
-    doRender() {
-        const $action = $(TPL);
-
-        const $oldLabelName = $action.find(".old-label-name");
-        $oldLabelName.val(this.actionDef.oldLabelName || "");
-
-        const $newLabelName = $action.find(".new-label-name");
-        $newLabelName.val(this.actionDef.newLabelName || "");
-
-        const spacedUpdate = new SpacedUpdate(async () => {
-            await this.saveAction({
-                oldLabelName: $oldLabelName.val(),
-                newLabelName: $newLabelName.val()
-            });
-        }, 1000);
-
-        $oldLabelName.on("input", () => spacedUpdate.scheduleUpdate());
-        $newLabelName.on("input", () => spacedUpdate.scheduleUpdate());
-
-        return $action;
-    }
-}

apps/client/src/widgets/bulk_actions/label/rename_label.tsx

@@ -0,0 +1,49 @@
+import { useEffect, useState } from "preact/hooks";
+import { t } from "../../../services/i18n.js";
+import FormTextBox from "../../react/FormTextBox.jsx";
+import AbstractBulkAction, { ActionDefinition } from "../abstract_bulk_action.js";
+import BulkAction, { BulkActionText } from "../BulkAction.jsx";
+import { useSpacedUpdate } from "../../react/hooks.jsx";
+
+function RenameLabelBulkActionComponent({ bulkAction, actionDef }: { bulkAction: AbstractBulkAction, actionDef: ActionDefinition}) {
+    const [ oldLabelName, setOldLabelName ] = useState(actionDef.oldLabelName);
+    const [ newLabelName, setNewLabelName ] = useState(actionDef.newLabelName);
+    const spacedUpdate = useSpacedUpdate(() => bulkAction.saveAction({ oldLabelName, newLabelName }));
+    useEffect(() => spacedUpdate.scheduleUpdate(), [ oldLabelName, newLabelName ]);
+
+    return (
+        <BulkAction
+            bulkAction={bulkAction}
+            label={t("rename_label.rename_label_from")}
+        >
+            <FormTextBox
+                placeholder={t("rename_label.old_name_placeholder")}
+                pattern="[\\p{L}\\p{N}_:]+"
+                title={t("rename_label.name_title")}
+                currentValue={oldLabelName} onChange={setOldLabelName}
+            />
+
+            <BulkActionText text={t("rename_label.to")} />
+
+            <FormTextBox
+                placeholder={t("rename_label.new_name_placeholder")}
+                pattern="[\\p{L}\\p{N}_:]+"
+                title={t("rename_label.name_title")}
+                currentValue={newLabelName} onChange={setNewLabelName}
+            />
+        </BulkAction>
+    )
+}
+
+export default class RenameLabelBulkAction extends AbstractBulkAction {
+    static get actionName() {
+        return "renameLabel";
+    }
+    static get actionTitle() {
+        return t("rename_label.rename_label");
+    }
+
+    doRender() {
+        return <RenameLabelBulkActionComponent bulkAction={this} actionDef={this.actionDef} />
+    }
+}

apps/client/src/widgets/bulk_actions/label/update_label_value.ts

@@ -1,65 +0,0 @@
-import { t } from "../../../services/i18n.js";
-import SpacedUpdate from "../../../services/spaced_update.js";
-import AbstractBulkAction from "../abstract_bulk_action.js";
-
-const TPL = /*html*/`
-<tr>
-    <td colspan="2">
-        <div style="display: flex; align-items: center">
-            <div style="margin-right: 10px;" class="text-nowrap">${t("update_label_value.update_label_value")}</div>
-
-            <input type="text"
-                class="form-control label-name"
-                placeholder="${t("update_label_value.label_name_placeholder")}"
-                pattern="[\\p{L}\\p{N}_:]+"
-                title="${t("update_label_value.label_name_title")}"/>
-
-            <div style="margin-right: 10px; margin-left: 10px;" class="text-nowrap">${t("update_label_value.to_value")}</div>
-
-            <input type="text" class="form-control label-value" placeholder="${t("update_label_value.new_value_placeholder")}"/>
-        </div>
-    </td>
-    <td class="button-column">
-        <div class="dropdown help-dropdown">
-            <span class="bx bx-help-circle icon-action" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false"></span>
-            <div class="dropdown-menu dropdown-menu-right p-4">
-                <p>${t("update_label_value.help_text")}</p>
-
-                ${t("update_label_value.help_text_note")}
-            </div>
-        </div>
-
-        <span class="bx bx-x icon-action action-conf-del"></span>
-    </td>
-</tr>`;
-
-export default class UpdateLabelValueBulkAction extends AbstractBulkAction {
-    static get actionName() {
-        return "updateLabelValue";
-    }
-    static get actionTitle() {
-        return t("update_label_value.update_label_value");
-    }
-
-    doRender() {
-        const $action = $(TPL);
-
-        const $labelName = $action.find(".label-name");
-        $labelName.val(this.actionDef.labelName || "");
-
-        const $labelValue = $action.find(".label-value");
-        $labelValue.val(this.actionDef.labelValue || "");
-
-        const spacedUpdate = new SpacedUpdate(async () => {
-            await this.saveAction({
-                labelName: $labelName.val(),
-                labelValue: $labelValue.val()
-            });
-        }, 1000);
-
-        $labelName.on("input", () => spacedUpdate.scheduleUpdate());
-        $labelValue.on("input", () => spacedUpdate.scheduleUpdate());
-
-        return $action;
-    }
-}

apps/client/src/widgets/bulk_actions/label/update_label_value.tsx

@@ -0,0 +1,50 @@
+import { t } from "../../../services/i18n.js";
+import AbstractBulkAction, { ActionDefinition } from "../abstract_bulk_action.js";
+import FormTextBox from "../../react/FormTextBox.jsx";
+import BulkAction, { BulkActionText } from "../BulkAction.jsx";
+import { useSpacedUpdate } from "../../react/hooks.jsx";
+import { useEffect, useState } from "preact/hooks";
+
+function UpdateLabelValueComponent({ bulkAction, actionDef }: { bulkAction: AbstractBulkAction, actionDef: ActionDefinition}) {
+    const [ labelName, setLabelName ] = useState<string>(actionDef.labelName ?? "");
+    const [ labelValue, setLabelValue ] = useState<string>(actionDef.labelValue ?? "");
+    const spacedUpdate = useSpacedUpdate(() => bulkAction.saveAction({ labelName, labelValue }));
+    useEffect(() => spacedUpdate.scheduleUpdate(), [labelName, labelValue]);
+
+    return (
+        <BulkAction
+            bulkAction={bulkAction}
+            label={t("update_label_value.update_label_value")}
+            helpText={<>
+                <p>{t("update_label_value.help_text")}</p>
+
+                {t("update_label_value.help_text_note")}
+            </>}
+        >
+            <FormTextBox
+                placeholder={t("update_label_value.label_name_placeholder")}
+                pattern="[\\p{L}\\p{N}_:]+"
+                title={t("update_label_value.label_name_title")}
+                currentValue={labelName} onChange={setLabelName}
+            />
+            <BulkActionText text={t("update_label_value.to_value")} />
+            <FormTextBox
+                placeholder={t("update_label_value.new_value_placeholder")}
+                currentValue={labelValue} onChange={setLabelValue}
+            />
+        </BulkAction>
+    )
+}
+
+export default class UpdateLabelValueBulkAction extends AbstractBulkAction {
+    static get actionName() {
+        return "updateLabelValue";
+    }
+    static get actionTitle() {
+        return t("update_label_value.update_label_value");
+    }
+
+    doRender() {
+        return <UpdateLabelValueComponent bulkAction={this} actionDef={this.actionDef} />;
+    }
+}

apps/client/src/widgets/bulk_actions/note/delete_note.ts

@@ -1,38 +0,0 @@
-import { t } from "../../../services/i18n.js";
-import AbstractBulkAction from "../abstract_bulk_action.js";
-
-const TPL = /*html*/`
-<tr>
-    <td colspan="2">
-        <span class="bx bx-trash"></span>
-
-        ${t("delete_note.delete_matched_notes")}
-    </td>
-    <td class="button-column">
-        <div class="dropdown help-dropdown">
-            <span class="bx bx-help-circle icon-action" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false"></span>
-            <div class="dropdown-menu dropdown-menu-right p-4">
-                <p>${t("delete_note.delete_matched_notes_description")}</p>
-
-                <p>${t("delete_note.undelete_notes_instruction")}</p>
-
-                ${t("delete_note.erase_notes_instruction")}
-            </div>
-        </div>
-
-        <span class="bx bx-x icon-action action-conf-del"></span>
-    </td>
-</tr>`;
-
-export default class DeleteNoteBulkAction extends AbstractBulkAction {
-    static get actionName() {
-        return "deleteNote";
-    }
-    static get actionTitle() {
-        return t("delete_note.delete_note");
-    }
-
-    doRender() {
-        return $(TPL);
-    }
-}

apps/client/src/widgets/bulk_actions/note/delete_note.tsx

@@ -0,0 +1,33 @@
+import { t } from "../../../services/i18n.js";
+import AbstractBulkAction from "../abstract_bulk_action.js";
+import BulkAction from "../BulkAction.jsx";
+import Icon from "../../react/Icon.jsx";
+
+function DeleteNoteBulkActionComponent({ bulkAction }: { bulkAction: AbstractBulkAction }) {
+    return (
+        <BulkAction
+            bulkAction={bulkAction}
+            label={<><Icon icon="bx bx-trash" /> {t("delete_note.delete_matched_notes")}</>}
+            helpText={<>
+                <p>{t("delete_note.delete_matched_notes_description")}</p>
+
+                <p>{t("delete_note.undelete_notes_instruction")}</p>
+
+                {t("delete_note.erase_notes_instruction")}
+            </>}
+        />
+    );
+}
+
+export default class DeleteNoteBulkAction extends AbstractBulkAction {
+    static get actionName() {
+        return "deleteNote";
+    }
+    static get actionTitle() {
+        return t("delete_note.delete_note");
+    }
+
+    doRender() {
+        return <DeleteNoteBulkActionComponent bulkAction={this} />
+    }
+}

apps/client/src/widgets/bulk_actions/note/delete_revisions.ts

@@ -1,32 +0,0 @@
-import { t } from "../../../services/i18n.js";
-import AbstractBulkAction from "../abstract_bulk_action.js";
-
-const TPL = /*html*/`
-<tr>
-    <td colspan="2">
-        <span class="bx bx-trash"></span>
-        ${t("delete_revisions.delete_note_revisions")}
-    </td>
-    <td class="button-column">
-        <div class="dropdown help-dropdown">
-            <span class="bx bx-help-circle icon-action" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false"></span>
-            <div class="dropdown-menu dropdown-menu-right p-4">
-                ${t("delete_revisions.all_past_note_revisions")}
-            </div>
-        </div>
-        <span class="bx bx-x icon-action action-conf-del"></span>
-    </td>
-</tr>`;
-
-export default class DeleteRevisionsBulkAction extends AbstractBulkAction {
-    static get actionName() {
-        return "deleteRevisions";
-    }
-    static get actionTitle() {
-        return t("delete_revisions.delete_note_revisions");
-    }
-
-    doRender() {
-        return $(TPL);
-    }
-}

apps/client/src/widgets/bulk_actions/note/delete_revisions.tsx

@@ -0,0 +1,28 @@
+import { t } from "../../../services/i18n.js";
+import Icon from "../../react/Icon.jsx";
+import AbstractBulkAction from "../abstract_bulk_action.js";
+import BulkAction from "../BulkAction.jsx";
+
+function DeleteRevisionsBulkActionComponent({ bulkAction }: { bulkAction: AbstractBulkAction }) {
+    return (
+        <BulkAction
+            bulkAction={bulkAction}
+            label={<><Icon icon="bx bx-trash" /> {t("delete_revisions.delete_note_revisions")}</>}
+            helpText={t("delete_revisions.all_past_note_revisions")}
+        />
+    )
+}
+
+
+export default class DeleteRevisionsBulkAction extends AbstractBulkAction {
+    static get actionName() {
+        return "deleteRevisions";
+    }
+    static get actionTitle() {
+        return t("delete_revisions.delete_note_revisions");
+    }
+
+    doRender() {
+        return <DeleteRevisionsBulkActionComponent bulkAction={this} />
+    }
+}

apps/client/src/widgets/bulk_actions/note/move_note.ts

@@ -1,64 +0,0 @@
-import { t } from "../../../services/i18n.js";
-import SpacedUpdate from "../../../services/spaced_update.js";
-import AbstractBulkAction from "../abstract_bulk_action.js";
-import noteAutocompleteService from "../../../services/note_autocomplete.js";
-
-const TPL = /*html*/`
-<tr>
-    <td colspan="2">
-        <div style="display: flex; align-items: center">
-            <div style="margin-right: 10px;" class="text-nowrap">${t("move_note.move_note")}</div>
-
-            <div style="margin-right: 10px;" class="text-nowrap">${t("move_note.to")}</div>
-
-            <div class="input-group">
-                <input type="text" class="form-control target-parent-note" placeholder="${t("move_note.target_parent_note")}"/>
-            </div>
-        </div>
-    </td>
-    <td class="button-column">
-        <div class="dropdown help-dropdown">
-            <span class="bx bx-help-circle icon-action" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false"></span>
-            <div class="dropdown-menu dropdown-menu-right p-4">
-                <p>${t("move_note.on_all_matched_notes")}:</p>
-
-                <ul style="margin-bottom: 0;">
-                    <li>${t("move_note.move_note_new_parent")}</li>
-                    <li>${t("move_note.clone_note_new_parent")}</li>
-                    <li>${t("move_note.nothing_will_happen")}</li>
-                </ul>
-            </div>
-        </div>
-
-        <span class="bx bx-x icon-action action-conf-del"></span>
-    </td>
-</tr>`;
-
-export default class MoveNoteBulkAction extends AbstractBulkAction {
-    static get actionName() {
-        return "moveNote";
-    }
-    static get actionTitle() {
-        return t("move_note.move_note");
-    }
-
-    doRender() {
-        const $action = $(TPL);
-
-        const $targetParentNote = $action.find(".target-parent-note");
-        noteAutocompleteService.initNoteAutocomplete($targetParentNote);
-        $targetParentNote.setNote(this.actionDef.targetParentNoteId);
-
-        $targetParentNote.on("autocomplete:closed", () => spacedUpdate.scheduleUpdate());
-
-        const spacedUpdate = new SpacedUpdate(async () => {
-            await this.saveAction({
-                targetParentNoteId: $targetParentNote.getSelectedNoteId()
-            });
-        }, 1000);
-
-        $targetParentNote.on("input", () => spacedUpdate.scheduleUpdate());
-
-        return $action;
-    }
-}

apps/client/src/widgets/bulk_actions/note/move_note.tsx

@@ -0,0 +1,50 @@
+import { t } from "../../../services/i18n.js";
+import AbstractBulkAction, { ActionDefinition } from "../abstract_bulk_action.js";
+import BulkAction, { BulkActionText } from "../BulkAction.jsx";
+import NoteAutocomplete from "../../react/NoteAutocomplete.jsx";
+import { useEffect, useState } from "preact/hooks";
+import { useSpacedUpdate } from "../../react/hooks.jsx";
+
+function MoveNoteBulkActionComponent({ bulkAction, actionDef }: { bulkAction: AbstractBulkAction, actionDef: ActionDefinition }) {
+    const [ targetParentNoteId, setTargetParentNoteId ] = useState<string>();
+    const spacedUpdate = useSpacedUpdate(() => {
+        return bulkAction.saveAction({ targetParentNoteId: targetParentNoteId })
+    });
+    useEffect(() => spacedUpdate.scheduleUpdate(), [ targetParentNoteId ]);
+
+    return (
+        <BulkAction
+            bulkAction={bulkAction}
+            label={t("move_note.move_note")}
+            helpText={<>
+                <p>{t("move_note.on_all_matched_notes")}:</p>
+
+                <ul style="margin-bottom: 0;">
+                    <li>{t("move_note.move_note_new_parent")}</li>
+                    <li>{t("move_note.clone_note_new_parent")}</li>
+                    <li>{t("move_note.nothing_will_happen")}</li>
+                </ul>
+            </>}
+        >
+            <BulkActionText text={t("move_note.to")} />
+
+            <NoteAutocomplete
+                placeholder={t("move_note.target_parent_note")}
+                noteId={targetParentNoteId} noteIdChanged={setTargetParentNoteId}
+            />
+        </BulkAction>
+    )
+}
+
+export default class MoveNoteBulkAction extends AbstractBulkAction {
+    static get actionName() {
+        return "moveNote";
+    }
+    static get actionTitle() {
+        return t("move_note.move_note");
+    }
+
+    doRender() {
+        return <MoveNoteBulkActionComponent bulkAction={this} actionDef={this.actionDef} />
+    }
+}

apps/client/src/widgets/bulk_actions/note/rename_note.ts

@@ -1,61 +0,0 @@
-import SpacedUpdate from "../../../services/spaced_update.js";
-import AbstractBulkAction from "../abstract_bulk_action.js";
-import { t } from "../../../services/i18n.js";
-
-const TPL = /*html*/`
-<tr>
-    <td colspan="2">
-        <div style="display: flex; align-items: center">
-            <div style="margin-right: 10px; flex-shrink: 0;">${t("rename_note.rename_note_title_to")}</div>
-
-            <input type="text"
-                class="form-control new-title"
-                placeholder="${t("rename_note.new_note_title")}"
-                title="${t("rename_note.click_help_icon")}"/>
-        </div>
-    </td>
-    <td class="button-column">
-        <div class="dropdown help-dropdown">
-            <span class="bx bx-help-circle icon-action" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false"></span>
-            <div class="dropdown-menu dropdown-menu-right p-4">
-                <p>${t("rename_note.evaluated_as_js_string")}</p>
-
-                <ul>
-                    <li>${t("rename_note.example_note")}</li>
-                    <li>${t("rename_note.example_new_title")}</li>
-                    <li>${t("rename_note.example_date_prefix")}</li>
-                </ul>
-
-                ${t("rename_note.api_docs")}
-            </div>
-        </div>
-
-        <span class="bx bx-x icon-action action-conf-del"></span>
-    </td>
-</tr>`;
-
-export default class RenameNoteBulkAction extends AbstractBulkAction {
-    static get actionName() {
-        return "renameNote";
-    }
-    static get actionTitle() {
-        return t("rename_note.rename_note");
-    }
-
-    doRender() {
-        const $action = $(TPL);
-
-        const $newTitle = $action.find(".new-title");
-        $newTitle.val(this.actionDef.newTitle || "");
-
-        const spacedUpdate = new SpacedUpdate(async () => {
-            await this.saveAction({
-                newTitle: $newTitle.val()
-            });
-        }, 1000);
-
-        $newTitle.on("input", () => spacedUpdate.scheduleUpdate());
-
-        return $action;
-    }
-}

apps/client/src/widgets/bulk_actions/note/rename_note.tsx

@@ -0,0 +1,53 @@
+import SpacedUpdate from "../../../services/spaced_update.js";
+import AbstractBulkAction, { ActionDefinition } from "../abstract_bulk_action.js";
+import { t } from "../../../services/i18n.js";
+import BulkAction from "../BulkAction.jsx";
+import FormTextBox from "../../react/FormTextBox.jsx";
+import { useEffect, useState } from "preact/hooks";
+import { useSpacedUpdate } from "../../react/hooks.jsx";
+import RawHtml from "../../react/RawHtml.jsx";
+
+function RenameNoteBulkActionComponent({ bulkAction, actionDef }: { bulkAction: AbstractBulkAction, actionDef: ActionDefinition}) {
+    const [ newTitle, setNewTitle ] = useState<string>(actionDef.newTitle ?? "");
+    const spacedUpdate = useSpacedUpdate(() => bulkAction.saveAction({ newTitle }));
+    useEffect(() => spacedUpdate.scheduleUpdate(), [ newTitle ]);
+
+    return (
+        <BulkAction
+            bulkAction={bulkAction}
+            label={t("rename_note.rename_note_title_to")}
+            helpText={<>
+                <p>{t("rename_note.evaluated_as_js_string")}</p>
+
+                <ul>
+                    <li><RawHtml html={t("rename_note.example_note")} /></li>
+                    <li><RawHtml html={t("rename_note.example_new_title")} /></li>
+                    <li><RawHtml html={t("rename_note.example_date_prefix")} /></li>
+                </ul>
+
+                <RawHtml html={t("rename_note.api_docs")} />
+            </>}
+        >
+            <FormTextBox
+                placeholder={t("rename_note.new_note_title")}
+                title={("rename_note.click_help_icon")}
+                currentValue={newTitle} onChange={setNewTitle}
+            />
+        </BulkAction>
+    )
+}
+
+export default class RenameNoteBulkAction extends AbstractBulkAction {
+    static get actionName() {
+        return "renameNote";
+    }
+
+    static get actionTitle() {
+        return t("rename_note.rename_note");
+    }
+
+    doRender() {
+        return <RenameNoteBulkActionComponent bulkAction={this} actionDef={this.actionDef} />
+    }
+
+}

apps/client/src/widgets/bulk_actions/relation/add_relation.ts

@@ -1,70 +0,0 @@
-import SpacedUpdate from "../../../services/spaced_update.js";
-import AbstractBulkAction from "../abstract_bulk_action.js";
-import noteAutocompleteService from "../../../services/note_autocomplete.js";
-import { t } from "../../../services/i18n.js";
-
-const TPL = /*html*/`
-<tr>
-    <td colspan="2">
-        <div style="display: flex; align-items: center">
-            <div style="margin-right: 10px;" class="text-nowrap">${t("add_relation.add_relation")}</div>
-
-            <input type="text"
-                class="form-control relation-name"
-                placeholder="${t("add_relation.relation_name")}"
-                pattern="[\\p{L}\\p{N}_:]+"
-                style="flex-shrink: 3"
-                title="${t("add_relation.allowed_characters")}"/>
-
-            <div style="margin-right: 10px; margin-left: 10px;" class="text-nowrap">${t("add_relation.to")}</div>
-
-            <div class="input-group" style="flex-shrink: 2">
-                <input type="text" class="form-control target-note" placeholder="${t("add_relation.target_note")}"/>
-            </div>
-        </div>
-    </td>
-    <td class="button-column">
-        <div class="dropdown help-dropdown">
-            <span class="bx bx-help-circle icon-action" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false"></span>
-            <div class="dropdown-menu dropdown-menu-right p-4">
-                ${t("add_relation.create_relation_on_all_matched_notes")}
-            </div>
-        </div>
-
-        <span class="bx bx-x icon-action action-conf-del"></span>
-    </td>
-</tr>`;
-
-export default class AddRelationBulkAction extends AbstractBulkAction {
-    static get actionName() {
-        return "addRelation";
-    }
-    static get actionTitle() {
-        return t("add_relation.add_relation");
-    }
-
-    doRender() {
-        const $action = $(TPL);
-
-        const $relationName = $action.find(".relation-name");
-        $relationName.val(this.actionDef.relationName || "");
-
-        const $targetNote = $action.find(".target-note");
-        noteAutocompleteService.initNoteAutocomplete($targetNote);
-        $targetNote.setNote(this.actionDef.targetNoteId);
-
-        $targetNote.on("autocomplete:closed", () => spacedUpdate.scheduleUpdate());
-
-        const spacedUpdate = new SpacedUpdate(async () => {
-            await this.saveAction({
-                relationName: $relationName.val(),
-                targetNoteId: $targetNote.getSelectedNoteId()
-            });
-        }, 1000);
-
-        $relationName.on("input", () => spacedUpdate.scheduleUpdate());
-        $targetNote.on("input", () => spacedUpdate.scheduleUpdate());
-
-        return $action;
-    }
-}

apps/client/src/widgets/bulk_actions/relation/add_relation.tsx

@@ -0,0 +1,53 @@
+import SpacedUpdate from "../../../services/spaced_update.js";
+import AbstractBulkAction, { ActionDefinition } from "../abstract_bulk_action.js";
+import noteAutocompleteService from "../../../services/note_autocomplete.js";
+import { t } from "../../../services/i18n.js";
+import BulkAction, { BulkActionText } from "../BulkAction.jsx";
+import NoteAutocomplete from "../../react/NoteAutocomplete.jsx";
+import FormTextBox from "../../react/FormTextBox.jsx";
+import { useEffect, useState } from "preact/hooks";
+import { useSpacedUpdate } from "../../react/hooks.jsx";
+
+function AddRelationBulkActionComponent({ bulkAction, actionDef }: { bulkAction: AbstractBulkAction, actionDef: ActionDefinition }) {
+    const [ relationName, setRelationName ] = useState<string>(actionDef.relationName);
+    const [ targetNoteId, setTargetNoteId ] = useState<string>(actionDef.targetNoteId);
+    const spacedUpdate = useSpacedUpdate(() => bulkAction.saveAction({ relationName, targetNoteId }));
+    useEffect(() => spacedUpdate.scheduleUpdate(), [ relationName, targetNoteId ]);
+
+    return (
+        <BulkAction
+            bulkAction={bulkAction}
+            label={t("add_relation.add_relation")}
+            helpText={t("add_relation.create_relation_on_all_matched_notes")}
+        >
+            <FormTextBox 
+                placeholder={t("add_relation.relation_name")}
+                pattern="[\\p{L}\\p{N}_:]+"
+                style={{ flexShrink: 3 }}
+                title={t("add_relation.allowed_characters")}
+                currentValue={relationName} onChange={setRelationName}
+            />
+
+            <BulkActionText text={t("add_relation.to")} />
+
+            <NoteAutocomplete
+                placeholder={t("add_relation.target_note")}
+                noteId={targetNoteId} noteIdChanged={setTargetNoteId}
+            />
+        </BulkAction>
+    )  
+}
+
+export default class AddRelationBulkAction extends AbstractBulkAction {
+
+    static get actionName() {
+        return "addRelation";
+    }
+    static get actionTitle() {
+        return t("add_relation.add_relation");
+    }
+
+    doRender() {
+        return <AddRelationBulkActionComponent bulkAction={this} actionDef={this.actionDef} />
+    }
+}

apps/client/src/widgets/bulk_actions/relation/delete_relation.ts

@@ -1,45 +0,0 @@
-import SpacedUpdate from "../../../services/spaced_update.js";
-import AbstractBulkAction from "../abstract_bulk_action.js";
-import { t } from "../../../services/i18n.js";
-
-const TPL = /*html*/`
-<tr>
-    <td>
-        ${t("delete_relation.delete_relation")}
-    </td>
-    <td>
-        <div style="display: flex; align-items: center">
-            <input type="text"
-                class="form-control relation-name"
-                pattern="[\\p{L}\\p{N}_:]+"
-                placeholder="${t("delete_relation.relation_name")}"
-                title="${t("delete_relation.allowed_characters")}"/>
-        </div>
-    </td>
-    <td class="button-column">
-        <span class="bx bx-x icon-action action-conf-del"></span>
-    </td>
-</tr>`;
-
-export default class DeleteRelationBulkAction extends AbstractBulkAction {
-    static get actionName() {
-        return "deleteRelation";
-    }
-    static get actionTitle() {
-        return t("delete_relation.delete_relation");
-    }
-
-    doRender() {
-        const $action = $(TPL);
-        const $relationName = $action.find(".relation-name");
-        $relationName.val(this.actionDef.relationName || "");
-
-        const spacedUpdate = new SpacedUpdate(async () => {
-            await this.saveAction({ relationName: $relationName.val() });
-        }, 1000);
-
-        $relationName.on("input", () => spacedUpdate.scheduleUpdate());
-
-        return $action;
-    }
-}

apps/client/src/widgets/bulk_actions/relation/delete_relation.tsx

@@ -0,0 +1,41 @@
+import AbstractBulkAction, { ActionDefinition } from "../abstract_bulk_action.js";
+import { t } from "../../../services/i18n.js";
+import BulkAction from "../BulkAction.jsx";
+import FormTextBox from "../../react/FormTextBox.jsx";
+import { useEffect, useState } from "preact/hooks";
+import { useSpacedUpdate } from "../../react/hooks.jsx";
+
+function DeleteRelationBulkActionComponent({ bulkAction, actionDef }: { bulkAction: AbstractBulkAction, actionDef: ActionDefinition }) {
+    const [ relationName, setRelationName ] = useState(actionDef.relationName);
+    const spacedUpdate = useSpacedUpdate(() => bulkAction.saveAction({ relationName }));
+    useEffect(() => spacedUpdate.scheduleUpdate(), [ relationName ]);
+
+    return (
+        <BulkAction
+            bulkAction={bulkAction}
+            label={t("delete_relation.delete_relation")}
+        >
+            <FormTextBox
+                pattern="[\\p{L}\\p{N}_:]+"
+                placeholder={t("delete_relation.relation_name")}
+                title={t("delete_relation.allowed_characters")}
+                currentValue={relationName} onChange={setRelationName}
+            />
+        </BulkAction>
+    )
+}
+
+export default class DeleteRelationBulkAction extends AbstractBulkAction {
+
+    static get actionName() {
+        return "deleteRelation";
+    }
+
+    static get actionTitle() {
+        return t("delete_relation.delete_relation");
+    }
+
+    doRender() {
+        return <DeleteRelationBulkActionComponent bulkAction={this} actionDef={this.actionDef} />
+    }
+}

apps/client/src/widgets/bulk_actions/relation/rename_relation.ts

@@ -1,60 +0,0 @@
-import SpacedUpdate from "../../../services/spaced_update.js";
-import AbstractBulkAction from "../abstract_bulk_action.js";
-import { t } from "../../../services/i18n.js";
-
-const TPL = /*html*/`
-<tr>
-    <td colspan="2">
-        <div style="display: flex; align-items: center">
-            <div style="margin-right: 10px; flex-shrink: 0;">${t("rename_relation.rename_relation_from")}</div>
-
-            <input type="text"
-                class="form-control old-relation-name"
-                placeholder="${t("rename_relation.old_name")}"
-                pattern="[\\p{L}\\p{N}_:]+"
-                title="${t("rename_relation.allowed_characters")}"/>
-
-            <div style="margin-right: 10px; margin-left: 10px;" class="text-nowrap">${t("rename_relation.to")}</div>
-
-            <input type="text"
-                class="form-control new-relation-name"
-                placeholder="${t("rename_relation.new_name")}"
-                pattern="[\\p{L}\\p{N}_:]+"
-                title="${t("rename_relation.allowed_characters")}"/>
-        </div>
-    </td>
-    <td class="button-column">
-        <span class="bx bx-x icon-action action-conf-del"></span>
-    </td>
-</tr>`;
-
-export default class RenameRelationBulkAction extends AbstractBulkAction {
-    static get actionName() {
-        return "renameRelation";
-    }
-    static get actionTitle() {
-        return t("rename_relation.rename_relation");
-    }
-
-    doRender() {
-        const $action = $(TPL);
-
-        const $oldRelationName = $action.find(".old-relation-name");
-        $oldRelationName.val(this.actionDef.oldRelationName || "");
-
-        const $newRelationName = $action.find(".new-relation-name");
-        $newRelationName.val(this.actionDef.newRelationName || "");
-
-        const spacedUpdate = new SpacedUpdate(async () => {
-            await this.saveAction({
-                oldRelationName: $oldRelationName.val(),
-                newRelationName: $newRelationName.val()
-            });
-        }, 1000);
-
-        $oldRelationName.on("input", () => spacedUpdate.scheduleUpdate());
-        $newRelationName.on("input", () => spacedUpdate.scheduleUpdate());
-
-        return $action;
-    }
-}

apps/client/src/widgets/bulk_actions/relation/rename_relation.tsx

@@ -0,0 +1,49 @@
+import AbstractBulkAction, { ActionDefinition } from "../abstract_bulk_action.js";
+import { t } from "../../../services/i18n.js";
+import BulkAction, { BulkActionText } from "../BulkAction.jsx";
+import FormTextBox from "../../react/FormTextBox.jsx";
+import { useEffect, useState } from "preact/hooks";
+import { useSpacedUpdate } from "../../react/hooks.jsx";
+
+function RenameRelationBulkActionComponent({ bulkAction, actionDef }: { bulkAction: AbstractBulkAction, actionDef: ActionDefinition }) {
+    const [ oldRelationName, setOldRelationName ] = useState(actionDef.oldRelationName);
+    const [ newRelationName, setNewRelationName ] = useState(actionDef.newRelationName);
+    const spacedUpdate = useSpacedUpdate(() => bulkAction.saveAction({ oldRelationName, newRelationName }));
+    useEffect(() => spacedUpdate.scheduleUpdate(), [ oldRelationName, newRelationName ]);
+
+    return (
+        <BulkAction
+            bulkAction={bulkAction}
+            label={t("rename_relation.rename_relation_from")}
+        >
+            <FormTextBox
+                placeholder={t("rename_relation.old_name")}
+                pattern="[\\p{L}\\p{N}_:]+"
+                title={t("rename_relation.allowed_characters")}
+                currentValue={oldRelationName} onChange={setOldRelationName}
+            />
+
+            <BulkActionText text={t("rename_relation.to")} />
+
+            <FormTextBox
+                placeholder={t("rename_relation.new_name")}
+                pattern="[\\p{L}\\p{N}_:]+"
+                title={t("rename_relation.allowed_characters")}
+                currentValue={newRelationName} onChange={setNewRelationName}
+            />
+        </BulkAction>
+    )
+}
+
+export default class RenameRelationBulkAction extends AbstractBulkAction {
+    static get actionName() {
+        return "renameRelation";
+    }
+    static get actionTitle() {
+        return t("rename_relation.rename_relation");
+    }
+
+    doRender() {
+        return <RenameRelationBulkActionComponent bulkAction={this} actionDef={this.actionDef} />
+    }
+}

apps/client/src/widgets/bulk_actions/relation/update_relation_target.ts

@@ -1,74 +0,0 @@
-import SpacedUpdate from "../../../services/spaced_update.js";
-import AbstractBulkAction from "../abstract_bulk_action.js";
-import noteAutocompleteService from "../../../services/note_autocomplete.js";
-import { t } from "../../../services/i18n.js";
-
-const TPL = /*html*/`
-<tr>
-    <td colspan="2">
-        <div style="display: flex; align-items: center">
-            <div style="margin-right: 10px;" class="text-nowrap">${t("update_relation_target.update_relation")}</div>
-
-            <input type="text"
-                class="form-control relation-name"
-                placeholder="${t("update_relation_target.relation_name")}"
-                pattern="[\\p{L}\\p{N}_:]+"
-                style="flex-shrink: 3"
-                title="${t("update_relation_target.allowed_characters")}"/>
-
-            <div style="margin-right: 10px; margin-left: 10px;" class="text-nowrap">${t("update_relation_target.to")}</div>
-
-            <div class="input-group" style="flex-shrink: 2">
-                <input type="text" class="form-control target-note" placeholder="${t("update_relation_target.target_note")}"/>
-            </div>
-        </div>
-    </td>
-    <td class="button-column">
-        <div class="dropdown help-dropdown">
-            <span class="bx bx-help-circle icon-action" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false"></span>
-            <div class="dropdown-menu dropdown-menu-right p-4">
-                <p>${t("update_relation_target.on_all_matched_notes")}:</p>
-
-                <ul style="margin-bottom: 0;">
-                    <li>${t("update_relation_target.change_target_note")}</li>
-                </ul>
-            </div>
-        </div>
-
-        <span class="bx bx-x icon-action action-conf-del"></span>
-    </td>
-</tr>`;
-
-export default class UpdateRelationTargetBulkAction extends AbstractBulkAction {
-    static get actionName() {
-        return "updateRelationTarget";
-    }
-    static get actionTitle() {
-        return t("update_relation_target.update_relation_target");
-    }
-
-    doRender() {
-        const $action = $(TPL);
-
-        const $relationName = $action.find(".relation-name");
-        $relationName.val(this.actionDef.relationName || "");
-
-        const $targetNote = $action.find(".target-note");
-        noteAutocompleteService.initNoteAutocomplete($targetNote);
-        $targetNote.setNote(this.actionDef.targetNoteId);
-
-        $targetNote.on("autocomplete:closed", () => spacedUpdate.scheduleUpdate());
-
-        const spacedUpdate = new SpacedUpdate(async () => {
-            await this.saveAction({
-                relationName: $relationName.val(),
-                targetNoteId: $targetNote.getSelectedNoteId()
-            });
-        }, 1000);
-
-        $relationName.on("input", () => spacedUpdate.scheduleUpdate());
-        $targetNote.on("input", () => spacedUpdate.scheduleUpdate());
-
-        return $action;
-    }
-}

apps/client/src/widgets/bulk_actions/relation/update_relation_target.tsx

@@ -0,0 +1,60 @@
+import AbstractBulkAction, { ActionDefinition } from "../abstract_bulk_action.js";
+import { t } from "../../../services/i18n.js";
+import BulkAction, { BulkActionText } from "../BulkAction.jsx";
+import FormTextBox from "../../react/FormTextBox.jsx";
+import NoteAutocomplete from "../../react/NoteAutocomplete.jsx";
+import { useEffect, useState } from "preact/hooks";
+import { useSpacedUpdate } from "../../react/hooks.jsx";
+
+function UpdateRelationTargetComponent({ bulkAction, actionDef }: { bulkAction: AbstractBulkAction, actionDef: ActionDefinition }) {
+    const [ relationName, setRelationName ] = useState(actionDef.relationName);
+    const [ targetNoteId, setTargetNoteId ] = useState(actionDef.targetNoteId);
+    const spacedUpdate = useSpacedUpdate(() => bulkAction.saveAction({ relationName, targetNoteId }));
+    useEffect(() => spacedUpdate.scheduleUpdate(), [ relationName, targetNoteId ]);
+
+    return (
+        <BulkAction
+            bulkAction={bulkAction}
+            label={t("update_relation_target.update_relation")}
+            helpText={<>
+                <p>{t("update_relation_target.on_all_matched_notes")}:</p>
+
+                <ul style="margin-bottom: 0;">
+                    <li>{t("update_relation_target.change_target_note")}</li>
+                </ul>
+            </>}
+        >
+            <FormTextBox
+                placeholder={t("update_relation_target.relation_name")}
+                pattern="[\\p{L}\\p{N}_:]+"
+                style={{ flexShrink: 3 }}
+                title={t("update_relation_target.allowed_characters")}
+                currentValue={relationName} onChange={setRelationName}
+            />
+
+            <BulkActionText text={t("update_relation_target.to")} />
+
+            <NoteAutocomplete
+                placeholder={t("update_relation_target.target_note")}
+                containerStyle={{ flexShrink: 2 }}
+                noteId={targetNoteId} noteIdChanged={setTargetNoteId}
+            />
+        </BulkAction>
+    )
+}
+
+export default class UpdateRelationTargetBulkAction extends AbstractBulkAction {
+
+    static get actionName() {
+        return "updateRelationTarget";
+    }
+
+    static get actionTitle() {
+        return t("update_relation_target.update_relation_target");
+    }
+
+    doRender() {
+        return <UpdateRelationTargetComponent bulkAction={this} actionDef={this.actionDef} />
+    }
+
+}

apps/client/src/widgets/buttons/global_menu.ts

@@ -363,7 +363,6 @@ export default class GlobalMenuWidget extends BasicWidget {
 
         this.$zoomState = this.$widget.find(".zoom-state");
         this.$toggleZenMode = this.$widget.find('[data-trigger-command="toggleZenMode"');
-        this.$toggleZenMode.toggle(!utils.isMobile());
         this.$widget.on("show.bs.dropdown", () => this.#onShown());
         if (this.tooltip) {
             this.$widget.on("hide.bs.dropdown", () => this.tooltip.enable());
@@ -415,7 +414,7 @@ export default class GlobalMenuWidget extends BasicWidget {
     }
 
     async fetchLatestVersion() {
-        const RELEASES_API_URL = "https://api.github.com/repos/TriliumNext/Notes/releases/latest";
+        const RELEASES_API_URL = "https://api.github.com/repos/TriliumNext/Trilium/releases/latest";
 
         const resp = await fetch(RELEASES_API_URL);
         const data = await resp.json();

apps/client/src/widgets/close_zen_button.ts

@@ -1,5 +1,6 @@
 import BasicWidget from "./basic_widget.js";
 import { t } from "../services/i18n.js";
+import utils from "../services/utils.js";
 
 const TPL = /*html*/`\
 <div class="close-zen-container">
@@ -28,6 +29,10 @@ const TPL = /*html*/`\
         -webkit-app-region: no-drag;
     }
 
+    body.zen.mobile .close-zen-container {
+        top: -2px;
+    }
+
     body.zen.electron:not(.platform-darwin):not(.native-titlebar) .close-zen-container {
         left: calc(env(titlebar-area-width) - var(--zen-button-size) - 2px);
         right: unset;

apps/client/src/widgets/containers/root_container.ts

@@ -1,6 +1,8 @@
-import utils from "../../services/utils.js";
-import type BasicWidget from "../basic_widget.js";
+import { EventData } from "../../components/app_context.js";
 import FlexContainer from "./flex_container.js";
+import options from "../../services/options.js";
+import type BasicWidget from "../basic_widget.js";
+import utils from "../../services/utils.js";
 
 /**
  * The root container is the top-most widget/container, from which the entire layout derives.
@@ -20,6 +22,7 @@ export default class RootContainer extends FlexContainer<BasicWidget> {
         this.id("root-widget");
         this.css("height", "100dvh");
         this.originalViewportHeight = getViewportHeight();
+        
     }
 
     render(): JQuery<HTMLElement> {
@@ -27,15 +30,27 @@ export default class RootContainer extends FlexContainer<BasicWidget> {
             window.visualViewport?.addEventListener("resize", () => this.#onMobileResize());
         }
 
+        this.#setMotion(options.is("motionEnabled"));
+
         return super.render();
     }
 
+    entitiesReloadedEvent({ loadResults }: EventData<"entitiesReloaded">) {
+        if (loadResults.isOptionReloaded("motionEnabled")) {
+            this.#setMotion(options.is("motionEnabled"));
+        }
+    }
+
     #onMobileResize() {
         const currentViewportHeight = getViewportHeight();
         const isKeyboardOpened = (currentViewportHeight < this.originalViewportHeight);
         this.$widget.toggleClass("virtual-keyboard-opened", isKeyboardOpened);
     }
 
+    #setMotion(enabled: boolean) {
+        document.body.classList.toggle("motion-disabled", !enabled);
+        jQuery.fx.off = !enabled;
+    }
 }
 
 function getViewportHeight() {

apps/client/src/widgets/containers/split_note_container.ts

@@ -2,6 +2,7 @@ import FlexContainer from "./flex_container.js";
 import appContext, { type CommandData, type CommandListenerData, type EventData, type EventNames, type NoteSwitchedContext } from "../../components/app_context.js";
 import type BasicWidget from "../basic_widget.js";
 import type NoteContext from "../../components/note_context.js";
+import Component from "../../components/component.js";
 
 interface NoteContextEvent {
     noteContext: NoteContext;
@@ -152,6 +153,8 @@ export default class SplitNoteContainer extends FlexContainer<SplitNoteWidget> {
         for (const ntxId of ntxIds) {
             this.$widget.find(`[data-ntx-id="${ntxId}"]`).remove();
 
+            const widget = this.widgets[ntxId];
+            recursiveCleanup(widget);
             delete this.widgets[ntxId];
         }
     }
@@ -237,3 +240,12 @@ export default class SplitNoteContainer extends FlexContainer<SplitNoteWidget> {
         return Promise.all(promises);
     }
 }
+
+function recursiveCleanup(widget: Component) {
+    for (const child of widget.children) {
+        recursiveCleanup(child);
+    }
+    if ("cleanup" in widget && typeof widget.cleanup === "function") {
+        widget.cleanup();
+    }
+}

apps/client/src/widgets/dialogs/about.ts

@@ -1,117 +0,0 @@
-import { formatDateTime } from "../../utils/formatters.js";
-import { t } from "../../services/i18n.js";
-import BasicWidget from "../basic_widget.js";
-import openService from "../../services/open.js";
-import server from "../../services/server.js";
-import utils from "../../services/utils.js";
-import { openDialog } from "../../services/dialog.js";
-
-interface AppInfo {
-    appVersion: string;
-    dbVersion: number;
-    syncVersion: number;
-    buildDate: string;
-    buildRevision: string;
-    dataDirectory: string;
-}
-
-const TPL = /*html*/`
-<div class="about-dialog modal fade mx-auto" tabindex="-1" role="dialog">
-    <div class="modal-dialog modal-lg" role="document">
-        <div class="modal-content">
-            <div class="modal-header">
-                <h5 class="modal-title">${t("about.title")}</h5>
-                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="${t("about.close")}"></button>
-            </div>
-            <div class="modal-body">
-                <table class="table table-borderless">
-                    <tr>
-                        <th>${t("about.homepage")}</th>
-                        <td><a class="tn-link" href="https://github.com/TriliumNext/Trilium" class="external">https://github.com/TriliumNext/Trilium</a></td>
-                    </tr>
-                    <tr>
-                        <th>${t("about.app_version")}</th>
-                        <td class="app-version"></td>
-                    </tr>
-                    <tr>
-                        <th>${t("about.db_version")}</th>
-                        <td class="db-version"></td>
-                    </tr>
-                    <tr>
-                        <th>${t("about.sync_version")}</th>
-                        <td class="sync-version"></td>
-                    </tr>
-                    <tr>
-                        <th>${t("about.build_date")}</th>
-                        <td class="build-date"></td>
-                    </tr>
-                    <tr>
-                        <th>${t("about.build_revision")}</th>
-                        <td><a class="tn-link build-revision external" href="" target="_blank"></a></td>
-                    </tr>
-                    <tr>
-                        <th>${t("about.data_directory")}</th>
-                        <td class="data-directory"></td>
-                    </tr>
-                </table>
-            </div>
-        </div>
-    </div>
-</div>
-
-<style>
-.about-dialog a {
-    word-break: break-all;
-}
-</style>
-`;
-
-export default class AboutDialog extends BasicWidget {
-    private $appVersion!: JQuery<HTMLElement>;
-    private $dbVersion!: JQuery<HTMLElement>;
-    private $syncVersion!: JQuery<HTMLElement>;
-    private $buildDate!: JQuery<HTMLElement>;
-    private $buildRevision!: JQuery<HTMLElement>;
-    private $dataDirectory!: JQuery<HTMLElement>;
-
-    doRender(): void {
-        this.$widget = $(TPL);
-        this.$appVersion = this.$widget.find(".app-version");
-        this.$dbVersion = this.$widget.find(".db-version");
-        this.$syncVersion = this.$widget.find(".sync-version");
-        this.$buildDate = this.$widget.find(".build-date");
-        this.$buildRevision = this.$widget.find(".build-revision");
-        this.$dataDirectory = this.$widget.find(".data-directory");
-    }
-
-    async refresh() {
-        const appInfo = await server.get<AppInfo>("app-info");
-
-        this.$appVersion.text(appInfo.appVersion);
-        this.$dbVersion.text(appInfo.dbVersion.toString());
-        this.$syncVersion.text(appInfo.syncVersion.toString());
-        this.$buildDate.text(formatDateTime(appInfo.buildDate));
-        this.$buildRevision.text(appInfo.buildRevision);
-        this.$buildRevision.attr("href", `https://github.com/TriliumNext/Trilium/commit/${appInfo.buildRevision}`);
-        if (utils.isElectron()) {
-            this.$dataDirectory.html(
-                $("<a></a>", {
-                    href: "#",
-                    class: "tn-link",
-                    text: appInfo.dataDirectory
-                }).prop("outerHTML")
-            );
-            this.$dataDirectory.find("a").on("click", (event: JQuery.ClickEvent) => {
-                event.preventDefault();
-                openService.openDirectory(appInfo.dataDirectory);
-            });
-        } else {
-            this.$dataDirectory.text(appInfo.dataDirectory);
-        }
-    }
-
-    async openAboutDialogEvent() {
-        await this.refresh();
-        openDialog(this.$widget);
-    }
-}

apps/client/src/widgets/dialogs/about.tsx

@@ -0,0 +1,92 @@
+import ReactBasicWidget from "../react/ReactBasicWidget.js";
+import Modal from "../react/Modal.js";
+import { t } from "../../services/i18n.js";
+import { formatDateTime } from "../../utils/formatters.js";
+import server from "../../services/server.js";
+import utils from "../../services/utils.js";
+import openService from "../../services/open.js";
+import { useState } from "preact/hooks";
+import type { CSSProperties } from "preact/compat";
+import type { AppInfo } from "@triliumnext/commons";
+import useTriliumEvent from "../react/hooks.jsx";
+
+function AboutDialogComponent() {
+    let [appInfo, setAppInfo] = useState<AppInfo | null>(null);
+    let [shown, setShown] = useState(false);
+    const forceWordBreak: CSSProperties = { wordBreak: "break-all" };
+
+    useTriliumEvent("openAboutDialog", () => setShown(true));
+
+    return (
+        <Modal className="about-dialog"
+            size="lg"
+            title={t("about.title")}
+            show={shown}
+            onShown={async () => {
+                const appInfo = await server.get<AppInfo>("app-info");
+                setAppInfo(appInfo);
+            }}
+            onHidden={() => setShown(false)}
+        >
+            <table className="table table-borderless">
+                <tbody>
+                    <tr>
+                        <th>{t("about.homepage")}</th>
+                        <td><a className="tn-link external" href="https://github.com/TriliumNext/Trilium" style={forceWordBreak}>https://github.com/TriliumNext/Trilium</a></td>
+                    </tr>
+                    <tr>
+                        <th>{t("about.app_version")}</th>
+                        <td className="app-version">{appInfo?.appVersion}</td>
+                    </tr>
+                    <tr>
+                        <th>{t("about.db_version")}</th>
+                        <td className="db-version">{appInfo?.dbVersion}</td>
+                    </tr>
+                    <tr>
+                        <th>{t("about.sync_version")}</th>
+                        <td className="sync-version">{appInfo?.syncVersion}</td>
+                    </tr>
+                    <tr>
+                        <th>{t("about.build_date")}</th>
+                        <td className="build-date">
+                            {appInfo?.buildDate ? formatDateTime(appInfo.buildDate) : ""}
+                        </td>
+                    </tr>
+                    <tr>
+                        <th>{t("about.build_revision")}</th>
+                        <td>
+                            {appInfo?.buildRevision && <a className="tn-link build-revision external" href={`https://github.com/TriliumNext/Trilium/commit/${appInfo.buildRevision}`} target="_blank" style={forceWordBreak}>{appInfo.buildRevision}</a>}
+                        </td>
+                    </tr>
+                    <tr>
+                        <th>{t("about.data_directory")}</th>
+                        <td className="data-directory">
+                            {appInfo?.dataDirectory && (<DirectoryLink directory={appInfo.dataDirectory} style={forceWordBreak} />)}
+                        </td>
+                    </tr>
+                </tbody>
+            </table>
+        </Modal>
+    );
+}
+
+function DirectoryLink({ directory, style }: { directory: string, style?: CSSProperties }) {
+    if (utils.isElectron()) {
+        const onClick = (e: MouseEvent) => {
+            e.preventDefault();
+            openService.openDirectory(directory);
+        };
+
+        return <a className="tn-link" href="#" onClick={onClick} style={style}></a>
+    } else {
+        return <span style={style}>{directory}</span>;
+    }
+}
+
+export default class AboutDialog extends ReactBasicWidget {
+
+    get component() {
+        return <AboutDialogComponent />;
+    }
+
+}