feat(navigation): use focus-visible for nav items

2024-09-19 12:35:08 +02:00
246 changed files with 9218 additions and 16807 deletions
@@ -40,6 +40,7 @@ volumes:
  - name: tmp-postgres-migration
    temp:
      medium: memory
+      

 services:
  - name: test-mysql-unit
@@ -160,7 +161,7 @@ steps:
  - name: test-migration-sqlite
    image: vikunja/golang-build:latest
    pull: always
-    depends_on:
+    depends_on: 
      - test-migration-prepare
      - api-build
    environment:
@@ -363,7 +364,7 @@ steps:
      - api-build

  - name: frontend-dependencies
-    image: node:22.13.0-alpine
+    image: node:20.16.0-alpine
    pull: always
    environment:
      PNPM_CACHE_FOLDER: .cache/pnpm
@@ -377,7 +378,7 @@ steps:
  #      - restore-cache

  - name: frontend-lint
-    image: node:22.13.0-alpine
+    image: node:20.16.0-alpine
    pull: always
    environment:
      PNPM_CACHE_FOLDER: .cache/pnpm
@@ -389,7 +390,7 @@ steps:
      - frontend-dependencies

  - name: frontend-build-prod
-    image: node:22.13.0-alpine
+    image: node:20.16.0-alpine
    pull: always
    environment:
      PNPM_CACHE_FOLDER: .cache/pnpm
@@ -401,7 +402,7 @@ steps:
      - frontend-dependencies

  - name: frontend-test-unit
-    image: node:22.13.0-alpine
+    image: node:20.16.0-alpine
    pull: always
    commands:
      - cd frontend
@@ -412,7 +413,7 @@ steps:

  - name: frontend-typecheck
    failure: ignore
-    image: node:22.13.0-alpine
+    image: node:20.16.0-alpine
    pull: always
    environment:
      PNPM_CACHE_FOLDER: .cache/pnpm
@@ -443,7 +444,7 @@ steps:
    depends_on:
      - frontend-build-prod
      - test-api-run
-
+  
  - name: frontend-deploy-preview
    image: williamjackson/netlify-cli
    pull: always
@@ -498,7 +499,7 @@ steps:
    environment:
      GOPROXY: 'https://goproxy.kolaente.de'
    commands:
-      - mage generate:swagger-docs
+      - mage do-the-swag

  - name: push
    pull: always
@@ -543,7 +544,7 @@ steps:
      - git fetch --tags

  - name: frontend-dependencies
-    image: node:22.13.0-alpine
+    image: node:20.16.0-alpine
    pull: always
    environment:
      PNPM_CACHE_FOLDER: .cache/pnpm
@@ -555,7 +556,7 @@ steps:
      - pnpm install --fetch-timeout 100000

  - name: frontend-build
-    image: node:22.13.0-alpine
+    image: node:20.16.0-alpine
    pull: always
    environment:
      PNPM_CACHE_FOLDER: .cache/pnpm
@@ -578,55 +579,8 @@ steps:
    when:
      event: [ push, tag, pull_request ]

-  - name: generate-config-yaml
-    image: vikunja/golang-build:latest
-    pull: always
-    commands:
-      - ./mage-static generate:config-yaml 1
-    depends_on: [ mage ]
-
-  - name: upload-config-yaml-unstable
-    image: plugins/s3
-    pull: always
-    settings:
-      bucket: vikunja
-      access_key:
-        from_secret: hetzner_access_key_id
-      secret_key:
-        from_secret: hetzner_secret_access_key
-      endpoint: https://fsn1.your-objectstorage.com
-      region: fsn1
-      path_style: true
-      source: config.yml.sample
-      target: /vikunja/unstable/
-    when:
-      branch:
-        - main
-      event:
-        - push
-    depends_on: [ generate-config-yaml ]
-
-  - name: upload-config-yaml-version
-    image: plugins/s3
-    pull: always
-    settings:
-      bucket: vikunja
-      access_key:
-        from_secret: hetzner_access_key_id
-      secret_key:
-        from_secret: hetzner_secret_access_key
-      endpoint: https://fsn1.your-objectstorage.com
-      region: fsn1
-      path_style: true
-      source: config.yml.sample
-      target: /vikunja/${DRONE_TAG##v}/
-    when:
-      event:
-        - tag
-    depends_on: [ generate-config-yaml ]
-
  - name: before-static-build
-    image: ghcr.io/techknowlogick/xgo:go-1.23.x
+    image: techknowlogick/xgo:latest
    pull: always
    commands:
      - export PATH=$PATH:$GOPATH/bin
@@ -635,7 +589,7 @@ steps:
    depends_on: [ fetch-tags, mage ]

  - name: static-build-windows
-    image: ghcr.io/techknowlogick/xgo:go-1.23.x
+    image: techknowlogick/xgo:latest
    pull: always
    environment:
      # This path does not exist. However, when we set the gopath to /go, the build fails. Not sure why.
@@ -651,7 +605,7 @@ steps:
      - frontend-build

  - name: static-build-linux
-    image: ghcr.io/techknowlogick/xgo:go-1.23.x
+    image: techknowlogick/xgo:latest
    pull: always
    environment:
      # This path does not exist. However, when we set the gopath to /go, the build fails. Not sure why.
@@ -667,7 +621,7 @@ steps:
      - frontend-build

  - name: static-build-darwin
-    image: ghcr.io/techknowlogick/xgo:go-1.23.x
+    image: techknowlogick/xgo:latest
    pull: always
    environment:
      # This path does not exist. However, when we set the gopath to /go, the build fails. Not sure why.
@@ -693,13 +647,12 @@ steps:
      - ./mage-static release:compress

  - name: after-build-static
-    image: ghcr.io/techknowlogick/xgo:go-1.23.x
+    image: techknowlogick/xgo:latest
    pull: always
    depends_on:
      - after-build-compress
    commands:
      - go install github.com/magefile/mage
-      - ./mage-static generate:config-yaml 1
      - ./mage-static release:copy
      - ./mage-static release:check
      - ./mage-static release:os-package
@@ -723,13 +676,13 @@ steps:
    image: plugins/s3
    pull: always
    settings:
-      bucket: vikunja
+      bucket: vikunja-releases
      access_key:
-        from_secret: hetzner_access_key_id
+        from_secret: aws_access_key_id
      secret_key:
-        from_secret: hetzner_secret_access_key
-      endpoint: https://fsn1.your-objectstorage.com
-      region: fsn1
+        from_secret: aws_secret_access_key
+      endpoint: https://s3.fr-par.scw.cloud
+      region: fr-par
      path_style: true
      strip_prefix: dist/zip/
      source: dist/zip/*
@@ -745,13 +698,13 @@ steps:
    image: plugins/s3
    pull: always
    settings:
-      bucket: vikunja
+      bucket: vikunja-releases
      access_key:
-        from_secret: hetzner_access_key_id
+        from_secret: aws_access_key_id
      secret_key:
-        from_secret: hetzner_secret_access_key
-      endpoint: https://fsn1.your-objectstorage.com
-      region: fsn1
+        from_secret: aws_secret_access_key
+      endpoint: https://s3.fr-par.scw.cloud
+      region: fr-par
      path_style: true
      strip_prefix: dist/zip/
      source: dist/zip/*
@@ -763,7 +716,7 @@ steps:

  # Build os packages and push it to our bucket
  - name: build-os-packages-unstable
-    image: goreleaser/nfpm:v2.41.2
+    image: goreleaser/nfpm:v2.40.0
    pull: always
    commands:
      - apk add git go
@@ -779,7 +732,7 @@ steps:
    depends_on: [ after-build-compress ]

  - name: build-os-packages-version
-    image: goreleaser/nfpm:v2.41.2
+    image: goreleaser/nfpm:v2.40.0
    pull: always
    commands:
      - apk add git go
@@ -797,13 +750,13 @@ steps:
    image: plugins/s3
    pull: always
    settings:
-      bucket: vikunja
+      bucket: vikunja-releases
      access_key:
-        from_secret: hetzner_access_key_id
+        from_secret: aws_access_key_id
      secret_key:
-        from_secret: hetzner_secret_access_key
-      endpoint: https://fsn1.your-objectstorage.com
-      region: fsn1
+        from_secret: aws_secret_access_key
+      endpoint: https://s3.fr-par.scw.cloud
+      region: fr-par
      path_style: true
      strip_prefix: dist/os-packages/
      source: dist/os-packages/*
@@ -819,13 +772,13 @@ steps:
    image: plugins/s3
    pull: always
    settings:
-      bucket: vikunja
+      bucket: vikunja-releases
      access_key:
-        from_secret: hetzner_access_key_id
+        from_secret: aws_access_key_id
      secret_key:
-        from_secret: hetzner_secret_access_key
-      endpoint: https://fsn1.your-objectstorage.com
-      region: fsn1
+        from_secret: aws_secret_access_key
+      endpoint: https://s3.fr-par.scw.cloud
+      region: fr-par
      path_style: true
      strip_prefix: dist/os-packages/
      source: dist/os-packages/*
@@ -844,7 +797,7 @@ steps:
      base_url: https://kolaente.dev
      files: dist/zip/*
      prerelease: true
-      title: ${DRONE_TAG##v}
+      title: ${DRONE_TAG##v} 
    when:
      event:
        - tag
@@ -884,6 +837,7 @@ steps:
      repo: vikunja/vikunja
      tags: unstable
      platforms:
+        - linux/386
        - linux/amd64
        - linux/arm/v6
        - linux/arm/v7
@@ -915,6 +869,7 @@ steps:
        from_secret: docker_password
      repo: vikunja/vikunja
      platforms:
+        - linux/386
        - linux/amd64
        - linux/arm/v6
        - linux/arm/v7
@@ -944,9 +899,9 @@ steps:
    image: docker:git
    commands:
      - git fetch --tags
-
+  
  - name: build
-    image: node:22.13.0-alpine
+    image: node:20.16.0-alpine
    pull: always
    environment:
      PNPM_CACHE_FOLDER: .cache/pnpm
@@ -976,13 +931,13 @@ steps:
    image: plugins/s3
    pull: always
    settings:
-      bucket: vikunja
+      bucket: vikunja-releases
      access_key:
-        from_secret: hetzner_access_key_id
+        from_secret: aws_access_key_id
      secret_key:
-        from_secret: hetzner_secret_access_key
-      endpoint: https://fsn1.your-objectstorage.com
-      region: fsn1
+        from_secret: aws_secret_access_key
+      endpoint: https://s3.fr-par.scw.cloud
+      region: fr-par
      path_style: true
      source: frontend/vikunja-frontend-unstable.zip
      target: /
@@ -1005,9 +960,9 @@ steps:
    image: docker:git
    commands:
      - git fetch --tags
-
+  
  - name: build
-    image: node:22.13.0-alpine
+    image: node:20.16.0-alpine
    pull: always
    environment:
      PNPM_CACHE_FOLDER: .cache/pnpm
@@ -1035,13 +990,13 @@ steps:
    image: plugins/s3
    pull: always
    settings:
-      bucket: vikunja
+      bucket: vikunja-releases
      access_key:
-        from_secret: hetzner_access_key_id
+        from_secret: aws_access_key_id
      secret_key:
-        from_secret: hetzner_secret_access_key
-      endpoint: https://fsn1.your-objectstorage.com
-      region: fsn1
+        from_secret: aws_secret_access_key
+      endpoint: https://s3.fr-par.scw.cloud
+      region: fr-par
      path_style: true
      source: frontend/vikunja-frontend-${DRONE_TAG##v}.zip
      target: /
@@ -1128,33 +1083,33 @@ steps:
    image: docker:git
    commands:
      - git fetch --tags
-  #
-  #  - name: restore-cache
-  #    image: meltwater/drone-cache:dev
-  #    pull: true
-  #    environment:
-  #      AWS_ACCESS_KEY_ID:
-  #        from_secret: cache_aws_access_key_id
-  #      AWS_SECRET_ACCESS_KEY:
-  #        from_secret: cache_aws_secret_access_key
-  #    settings:
-  #      restore: true
-  #      bucket: kolaente.dev-drone-dependency-cache
-  #      endpoint: https://fsn1.your-objectstorage.com
-  #      region: fsn1
-  #      path_style: true
-  #      cache_key: '{{ .Repo.Name }}_{{ checksum "desktop/yarn.lock" }}_{{ arch }}_{{ os }}'
-  #      mount:
-  #        - '.cache'
+#
+#  - name: restore-cache
+#    image: meltwater/drone-cache:dev
+#    pull: true
+#    environment:
+#      AWS_ACCESS_KEY_ID:
+#        from_secret: cache_aws_access_key_id
+#      AWS_SECRET_ACCESS_KEY:
+#        from_secret: cache_aws_secret_access_key
+#    settings:
+#      restore: true
+#      bucket: kolaente.dev-drone-dependency-cache
+#      endpoint: https://s3.fr-par.scw.cloud
+#      region: fr-par
+#      path_style: true
+#      cache_key: '{{ .Repo.Name }}_{{ checksum "desktop/yarn.lock" }}_{{ arch }}_{{ os }}'
+#      mount:
+#        - '.cache'

  - name: build
-    image: electronuserland/builder:wine
+    image: electronuserland/builder:wine-mono
    pull: true
    environment:
-      PNPM_CACHE_FOLDER: .cache/pnpm
+      YARN_CACHE_FOLDER: .cache/yarn/
    depends_on:
      - fetch-tags
-    #      - restore-cache
+#      - restore-cache
    commands:
      - cd desktop
      - export VERSION=${DRONE_TAG##v}
@@ -1164,9 +1119,8 @@ steps:
      - unzip vikunja-frontend-$$VERSION.zip -d frontend
      - sed -i 's/\\/api\\/v1//g' frontend/index.html
      - ./bumpp.sh
-      - corepack enable && pnpm config set store-dir .cache/pnpm
-      - pnpm install --fetch-timeout 100000
-      - pnpm dist --linux zip
+      - yarn install
+      - yarn dist --linux zip

 #  - name: rebuild-cache
 #    image: meltwater/drone-cache:dev
@@ -1179,8 +1133,8 @@ steps:
 #    settings:
 #      rebuild: true
 #      bucket: kolaente.dev-drone-dependency-cache
-#      endpoint: https://fsn1.your-objectstorage.com
-#      region: fsn1
+#      endpoint: https://s3.fr-par.scw.cloud
+#      region: fr-par
 #      path_style: true
 #      cache_key: '{{ .Repo.Name }}_{{ checksum "desktop/yarn.lock" }}_{{ arch }}_{{ os }}'
 #      mount:
@@ -1210,33 +1164,33 @@ steps:
    image: docker:git
    commands:
      - git fetch --tags
-  
-  #  - name: restore-cache
-  #    image: meltwater/drone-cache:dev
-  #    pull: true
-  #    environment:
-  #      AWS_ACCESS_KEY_ID:
-  #        from_secret: cache_aws_access_key_id
-  #      AWS_SECRET_ACCESS_KEY:
-  #        from_secret: cache_aws_secret_access_key
-  #    settings:
-  #      restore: true
-  #      bucket: kolaente.dev-drone-dependency-cache
-  #      endpoint: https://fsn1.your-objectstorage.com
-  #      region: fsn1
-  #      path_style: true
-  #      cache_key: '{{ .Repo.Name }}_{{ checksum "desktop/yarn.lock" }}_{{ arch }}_{{ os }}'
-  #      mount:
-  #        - '.cache'
+
+#  - name: restore-cache
+#    image: meltwater/drone-cache:dev
+#    pull: true
+#    environment:
+#      AWS_ACCESS_KEY_ID:
+#        from_secret: cache_aws_access_key_id
+#      AWS_SECRET_ACCESS_KEY:
+#        from_secret: cache_aws_secret_access_key
+#    settings:
+#      restore: true
+#      bucket: kolaente.dev-drone-dependency-cache
+#      endpoint: https://s3.fr-par.scw.cloud
+#      region: fr-par
+#      path_style: true
+#      cache_key: '{{ .Repo.Name }}_{{ checksum "desktop/yarn.lock" }}_{{ arch }}_{{ os }}'
+#      mount:
+#        - '.cache'

  - name: build
-    image: electronuserland/builder:wine
+    image: electronuserland/builder:wine-mono
    pull: true
    environment:
-      PNPM_CACHE_FOLDER: .cache/pnpm
+      YARN_CACHE_FOLDER: .cache/yarn/
    depends_on:
      - fetch-tags
-    #      - restore-cache
+#      - restore-cache
    commands:
      - cd desktop
      - export VERSION=${DRONE_TAG##v}
@@ -1246,30 +1200,30 @@ steps:
      - unzip vikunja-frontend-$$VERSION.zip -d frontend
      - sed -i 's/\\/api\\/v1//g' frontend/index.html
      - ./bumpp.sh
-      - corepack enable && pnpm config set store-dir .cache/pnpm
-      - pnpm install --fetch-timeout 100000
-      - pnpm dist --linux --windows
-  
-  #  - name: rebuild-cache
-  #    image: meltwater/drone-cache:dev
-  #    pull: true
-  #    environment:
-  #      AWS_ACCESS_KEY_ID:
-  #        from_secret: cache_aws_access_key_id
-  #      AWS_SECRET_ACCESS_KEY:
-  #        from_secret: cache_aws_secret_access_key
-  #    settings:
-  #      rebuild: true
-  #      bucket: kolaente.dev-drone-dependency-cache
-  #      endpoint: https://fsn1.your-objectstorage.com
-  #      region: fsn1
-  #      path_style: true
-  #      cache_key: '{{ .Repo.Name }}_{{ checksum "desktop/yarn.lock" }}_{{ arch }}_{{ os }}'
-  #      mount:
-  #        - '.cache'
-  #    depends_on:
-  #      - build
+      - yarn install
+      - cat package.json
+      - yarn dist --linux --windows

+#  - name: rebuild-cache
+#    image: meltwater/drone-cache:dev
+#    pull: true
+#    environment:
+#      AWS_ACCESS_KEY_ID:
+#        from_secret: cache_aws_access_key_id
+#      AWS_SECRET_ACCESS_KEY:
+#        from_secret: cache_aws_secret_access_key
+#    settings:
+#      rebuild: true
+#      bucket: kolaente.dev-drone-dependency-cache
+#      endpoint: https://s3.fr-par.scw.cloud
+#      region: fr-par
+#      path_style: true
+#      cache_key: '{{ .Repo.Name }}_{{ checksum "desktop/yarn.lock" }}_{{ arch }}_{{ os }}'
+#      mount:
+#        - '.cache'
+#    depends_on:
+#      - build
+  
  - name: rename-unstable
    image: bash
    pull: true
@@ -1287,13 +1241,13 @@ steps:
    image: plugins/s3
    pull: true
    settings:
-      bucket: vikunja
+      bucket: vikunja-releases
      access_key:
-        from_secret: hetzner_access_key_id
+        from_secret: aws_access_key_id
      secret_key:
-        from_secret: hetzner_secret_access_key
-      endpoint: https://fsn1.your-objectstorage.com
-      region: fsn1
+        from_secret: aws_secret_access_key
+      endpoint: https://s3.fr-par.scw.cloud
+      region: fr-par
      path_style: true
      strip_prefix: desktop/dist/
      source: desktop/dist/Vikunja-Desktop*
@@ -1309,13 +1263,13 @@ steps:
    image: plugins/s3
    pull: true
    settings:
-      bucket: vikunja
+      bucket: vikunja-releases
      access_key:
-        from_secret: hetzner_access_key_id
+        from_secret: aws_access_key_id
      secret_key:
-        from_secret: hetzner_secret_access_key
-      endpoint: https://fsn1.your-objectstorage.com
-      region: fsn1
+        from_secret: aws_secret_access_key
+      endpoint: https://s3.fr-par.scw.cloud
+      region: fr-par
      path_style: true
      strip_prefix: desktop/dist/
      source: desktop/dist/*
@@ -1344,9 +1298,9 @@ steps:
 #  - name: build
 #    environment:
 #      ACCESS_KEY:
-#        from_secret: hetzner_access_key_id
+#        from_secret: aws_access_key_id
 #      SECRET_KEY:
-#        from_secret: hetzner_secret_access_key
+#        from_secret: aws_secret_access_key
 #    commands:
 #      - git fetch --tags
 #      - export VERSION=${DRONE_TAG##v}
@@ -1359,9 +1313,9 @@ steps:
 #      - sed -i '' "s/\$${version}/$$VERSION/g" package.json
 #      - yarn install
 #      - yarn dist --mac
-#      - mc config host add scw-fsn1 https://fsn1.your-objectstorage.com $ACCESS_KEY $SECRET_KEY --api S3v4
-#      - mc cp ./dist/*.dmg scw-fsn1/vikunja/desktop/$VERSION/
-#      - mc cp ./dist/*.dmg.blockmap scw-fsn1/vikunja/desktop/$VERSION/
+#      - mc config host add scw-fr-par https://s3.fr-par.scw.cloud $ACCESS_KEY $SECRET_KEY --api S3v4
+#      - mc cp ./dist/*.dmg scw-fr-par/vikunja-releases/desktop/$VERSION/
+#      - mc cp ./dist/*.dmg.blockmap scw-fr-par/vikunja-releases/desktop/$VERSION/

 ---
 kind: pipeline
@@ -1398,6 +1352,6 @@ steps:
        - failure
 ---
 kind: signature
-hmac: 298674d9b9d8618eef47969038fd4d7516112ecbd8a4d899ec3751d997a34ce4
+hmac: eff6e40dc763fa1395078daaabcbef2aaa74fe0a36818a87e89015dbc4e9dae4

 ...
@@ -1,6 +1,6 @@
 name: Bug Report
 description: Found something you weren't expecting? Report it here!
-type: Bug
+labels: kind/bug
 body:
  - type: markdown
    attributes:
@@ -49,4 +49,4 @@ body:
    id: screenshots
    attributes:
      label: Screenshots
-      description: If this issue involves the Web Interface, please provide one or more screenshots
+      description: If this issue involves the Web Interface, please provide one or more screenshots
@@ -7,257 +7,6 @@ to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).

 All releases can be found on https://code.vikunja.io/vikunja/releases.

-## [0.24.6] - 2024-12-22
-
-### Bug Fixes
-
-* *(export)* Update only current user export file id
-
-## [0.24.5] - 2024-11-21
-
-### Bug Fixes
-
-* *(attachments)* Check permissions when accessing all attachments
-* *(saved filters)* Check permissions when accessing tasks of a filter
-* Pin xgo to 1.22.x ([87b2aac](87b2aaccb8cdcbe1ecb6092951a0bfe224ad7006))
-* Upgrade xgo ([19b63c8](19b63c86c51f67614b867c75a58cda1774685edd))
-* Upgrade xgo docker image everywhere ([04b40f8](04b40f8a7dcd01a86ddb8b27596073d1e50f9e97))
-* *(ci)* Do not build linux 368 docker images
-* Disable 368 releases ([73db10f](73db10fb02268e07d29842493df55f4d645ac503))
-  - **BREAKING**: disable 368 releases
-
-### Miscellaneous Tasks
-
-* Sign drone config ([17c4878](17c487875b5771c0971ee8bf030807171de2dddc))
-* Go mod tidy ([9639025](96390257e0911089ae33a9565e8be7fa954c772c))
-
-## [0.24.4] - 2024-09-29
-
-### Bug Fixes
-
-* *(attachment)* Do not use image previews
-* *(checkbox)* Use sibling css selector instead of has
-* *(files)* Only use service rootpath for files when the files path is not absolute
-* *(filters)* Explicitly search in json when using postgres
-* *(task)* Paginate task comments
-* *(task)* Do not show close button when the task was not opened via modal
-* *(task)* Improve task delete modal on mobile
-* *(test)* Use correct selector for modal header
-* Partial fix to allow list tasks in ios reminders app (#2717)
-* *(attachments)* Revert "chore(attachments): refactor building image preview"
-
-### Dependencies
-
-* *(deps)* Update desktop lockfile
-* *(deps)* Update dependency vue to v3.5.7
-* *(deps)* Update dev-dependencies
-* *(deps)* Update dependency vue-i18n to v10.0.2
-* *(deps)* Update dev-dependencies
-* *(deps)* Update dependency vue to v3.5.8
-* *(deps)* Update dependency @intlify/unplugin-vue-i18n to v5.1.0
-* *(deps)* Update dependency vue-i18n to v10.0.3
-* *(deps)* Update dependency @intlify/unplugin-vue-i18n to v5.2.0
-* *(deps)* Update dependency @sentry/vue to v8.31.0
-* *(deps)* Update dependency tailwindcss to v3.4.13
-* *(deps)* Update dev-dependencies
-* *(deps)* Update dev-dependencies
-* *(deps)* Update dependency @sentry/vue to v8.32.0
-* *(deps)* Update tiptap to v2.7.3
-* *(deps)* Update dev-dependencies
-* *(deps)* Update dependency vue to v3.5.9
-* *(deps)* Update dependency dompurify to v3.1.7
-* *(deps)* Update tiptap to v2.7.4
-* *(deps)* Update dependency vue to v3.5.10
-* *(deps)* Update dev-dependencies
-
-## [0.24.3] - 2024-09-20
-
-### Bug Fixes
-
-* *(a11y)* Hide unfocusable buttons
-* *(api)* Return 404 response when using a token and the route does not exist
-* *(auth)* Restrict max password length to 72 bytes
-* *(caldav)* Make sure colors are correctly saved and returned
-* *(caldav)* Reject invalid project id with error 400
-* *(editor)* Restore the current value, not the one from a previous task
-* *(files)* Use absolute path everywhere
-* *(filter)* Do not replace labels keyword when the value is 'label'
-* *(filter)* Make sure tasks are in a correct bucket and position when they are part of a date filter
-* *(filters)* Immediately propagate changes
-* *(filters)* Do not replace filter or project values when the id value resolves to undefined
-* *(filters)* Correctly transform and populate saved filter when creating and editing
-* *(home)* Explicitly use filter for tasks on home page when one is set
-* *(kanban)* Save updated position to store
-* *(kanban)* Make task creation loading spinner actually visible
-* *(kanban)* Make kanban full width on mobile
-* *(kanban)* Do not mark first bucked as done bucket in filter bucket mode
-* *(kanban)* Correctly paginate filtered kanban buckets
-* *(label)* Ignore existing ID during creation
-* *(labels)* Trigger task.updated event when removing a label from a task
-* *(labels)* Test error assertion
-* *(labels)* Remove input interactivity when label edit is disabled
-* *(labels)* Trigger task updated for bulk label task update
-* *(modal)* Make sure modal and its content scrolls properly on mobile
-* *(modal)* Do not prevent scrolling on mobile
-* *(modal)* Make scrolling on iOS Safari work
-* *(multiselect)* Make selectPlaceholder optional
-* *(notifications)* Only add project subscription as task subscription when the user is not already subscribed to the task
-* *(password)* Validate password before sending request to api
-* *(project)* Show description in title attribute without html
-* *(project)* Reset id before creating
-* *(projects)* Do not hide 6th project on project overview
-* *(projects)* Description not visible on mobile
-* *(reminders)* Notify subscribed users as well
-* *(service worker)* Use correct workbox version
-* *(subscription)* Always return task subscription when subscribed to task and project
-* *(subscriptions)* Ignore task subscription when the user is subscribed to the project
-* *(subscriptions)* Correctly inherit subscriptions
-* *(subscriptions)* Cleanup and simplify fetching subscribers for tasks and projects logic
-* *(subscriptions)* Do not panic when a task does not have a subscription
-* *(table)* Make sorting for two-word properties work
-* *(task)* Set done at date when moving a task to the done bucket
-* *(task)* Specify task index when creating multiple tasks at once
-* *(task)* Cyclomatic complexity
-* *(task)* Make print styles work when printing task detail view from kanban
-* *(task)* Multiple overlapping defer due date popups
-* *(task)* Align task title on mobile popup
-* *(task)* Dragging and dropping on mobile
-* *(task)* Add task to filter view after it was updated
-* *(task)* Cleanup old task positions and task buckets when adding an updated or created task to filter
-* *(task)* Mark related task as done from the task detail view
-* *(task)* Open focused task when pressing enter
-* *(test)* Cypress test selector
-* *(typesense)* Only fail silently when a project was not found during indexing
-* *(typesense)* Add new tasks to typesense properly
-* *(typesense)* Make sure task positions are recreated properly when updating them
-* *(typesense)* Use emplace instead of upsert to update documents
-* *(typesense)* Index tasks one by one
-* *(typesense)* Force position to always be float instead of auto-inferring
-* *(typesense)* Use typesense bulk insert, log all errors
-* *(user)* Do not create user with existing id
-* *(view)* Do not crash when saving a view
-* *(view)* Correctly resolve label for filtered views or buckets
-* *(view)* Correctly resolve bucket filter when paginating
-* *(view)* Correctly get paginated task results
-* *(views)* Add migration for filtered kanban buckets* Lint ([53d62d3](53d62d35f4488940a96d755de93ded64b8ac34a3))
-* Reset id before creating ([93f7dd6](93f7dd611ad288a149f5da5463867d224334815f))
-* Test selector ([063aa7a](063aa7afec717c3ed05be9d2ca73bde3d0bd8d35))
-
-### Dependencies
-
-* *(deps)* Update dependency @intlify/unplugin-vue-i18n to v5
-* *(deps)* Update dependency @kyvg/vue3-notification to v3.3.0
-* *(deps)* Update dependency @sentry/vue to v8.28.0
-* *(deps)* Update dependency @sentry/vue to v8.29.0
-* *(deps)* Update dependency @sentry/vue to v8.30.0
-* *(deps)* Update dependency axios to v1.7.7
-* *(deps)* Update dependency date-fns to v4
-* *(deps)* Update dependency dayjs to v1.11.13
-* *(deps)* Update dependency express to v4.20.0
-* *(deps)* Update dependency express to v4.21.0
-* *(deps)* Update dependency go to v1.23.1
-* *(deps)* Update dependency pinia to v2.2.2
-* *(deps)* Update dependency sortablejs to v1.15.3
-* *(deps)* Update dependency tailwindcss to v3.4.10
-* *(deps)* Update dependency tailwindcss to v3.4.11
-* *(deps)* Update dependency tailwindcss to v3.4.12
-* *(deps)* Update dependency vue to v3.5.3
-* *(deps)* Update dependency vue to v3.5.4
-* *(deps)* Update dependency vue to v3.5.5
-* *(deps)* Update dependency vue to v3.5.6
-* *(deps)* Update dependency vue-i18n to v10
-* *(deps)* Update dependency vue-i18n to v10.0.1
-* *(deps)* Update dependency vue-i18n to v9.14.0
-* *(deps)* Update dependency vue-router to v4.4.3
-* *(deps)* Update dependency vue-router to v4.4.4
-* *(deps)* Update dependency vue-router to v4.4.5
-* *(deps)* Update dependency vuemoji-picker to v0.3.1* Chore(deps): update goreleaser/nfpm docker tag to v2.40.0 (#2647)
-* *(deps)* Update dev-dependencies
-* *(deps)* Update dev-dependencies
-* *(deps)* Update dev-dependencies
-* *(deps)* Update dev-dependencies
-* *(deps)* Update dev-dependencies
-* *(deps)* Update dev-dependencies
-* *(deps)* Update github.com/wneessen/go-mail to v0.4.4
-* *(deps)* Update golangci
-* *(deps)* Update module dario.cat/mergo to v1.0.1
-* *(deps)* Update module github.com/gabriel-vasile/mimetype to v1.4.5
-* *(deps)* Update module github.com/getsentry/sentry-go to v0.29.0
-* *(deps)* Update module github.com/mattn/go-sqlite3 to v1.14.23
-* *(deps)* Update module github.com/prometheus/client_golang to v1.20.3
-* *(deps)* Update module github.com/prometheus/client_golang to v1.20.4
-* *(deps)* Update module github.com/redis/go-redis/v9 to v9.6.1
-* *(deps)* Update module github.com/threedotslabs/watermill to v1.3.7
-* *(deps)* Update module github.com/typesense/typesense-go to v2
-* *(deps)* Update module github.com/typesense/typesense-go to v2
-* *(deps)* Update module golang.org/x/crypto to v0.27.0
-* *(deps)* Update module golang.org/x/image to v0.20.0
-* *(deps)* Update module golang.org/x/oauth2 to v0.23.0
-* *(deps)* Update module golang.org/x/term to v0.24.0
-* *(deps)* Update module golang.org/x/text to v0.18.0
-* *(deps)* Update pnpm to v9.10.0
-* *(deps)* Update tiptap to 2.6.6
-* *(deps)* Update tiptap to v2.7.0
-* *(deps)* Update tiptap to v2.7.1
-* *(deps)* Update tiptap to v2.7.2
-* *(deps)* Update vueuse to v11
-* *(deps)* Update vueuse to v11.1.0
-* *(deps)*: update dependency flexsearch to v0.7.43 (#2095)
-* *(deps)*: update golangci/golangci-lint docker tag to v1.61.0 (#2678)
-
-### Documentation
-
-* *(api)* Use correct return type for the /user endpoint
-
-### Features
-
-* *(event)* Simplify dispatching task updated event from only a task id
-* *(navigation)* Use focus-visible for nav items
-* *(task)* Use focus-visible for task focus styles
-
-### Miscellaneous Tasks
-
-* *(attachments)* Refactor building image preview
-* *(devenv)* Do not install cypress on darwin
-* *(docker)* Use new env format
-* *(docs)* Clarify usage of related model creation
-* *(errors)* Always add internal error to echo error
-* *(files)* Use absolute file path to retrieve and save files
-* *(i18n)* Update translations via Crowdin
-* *(i18n)* Update translations via Crowdin
-* *(i18n)* Update translations via Crowdin
-* *(i18n)* Update translations via Crowdin
-* *(i18n)* Update translations via Crowdin
-* *(i18n)* Update translations via Crowdin
-* *(i18n)* Update translations via Crowdin
-* *(i18n)* Update translations via Crowdin
-* *(i18n)* Update translations via Crowdin
-* *(i18n)* Update translations via Crowdin
-* *(i18n)* Update translations via Crowdin
-* *(i18n)* Update translations via Crowdin
-* *(logging)* Simplify log template string
-* *(magefile)* Use tx.Sync instead of Sync2
-* *(subscription)* Return subscription entity type using json Marshaler
-* *(tasks)* Move drag options to direct attributes instead of v-bind
-* *(typesense)* Add more debug logging
-* *(web)* Move web handler package to Vikunja
-* *(web)* Remove unused echo context
-* *(web)* Use errors.As instead of type assertion
-* *(web)* Remove redundant use of fmt.Sprintf
-* *(web)* Directly use new db session
-* *(web)* Use config directly
-* *(web)* Use web auth factory directly
-* *(web)* Use logger directly
-* *(web)* Always set internal error* Remove console.log ([40105ee](40105ee4ced980f52565baec4c3219b0ddd4f6ec))
-* Fix comment ([1df4a4e](1df4a4ea2e2ca4332347468e8973a2dcbab06ed7))
-* Add go and direnv to recommended vscode extensions ([6ab12b9](6ab12b9dd133b52ed7267b6e9334081c2f9719ca))
-* Remove console.log ([1e7d9c9](1e7d9c982d3d472e9b4082991b41e6567556f2b2))
-* Rearrange cron registers ([4857bfb](4857bfbbdb8401b6ef02b1dc8de93f2a09e8bc3a))
-
-### Other
-
-* *(other)* [skip ci] Updated swagger docs
-
 ## [0.24.2] - 2024-08-12

 ### Bug Fixes
@@ -1,5 +1,5 @@
 # syntax=docker/dockerfile:1
-FROM --platform=$BUILDPLATFORM node:22.13.0-alpine AS frontendbuilder
+FROM --platform=$BUILDPLATFORM node:20.16.0-alpine AS frontendbuilder

 WORKDIR /build

@@ -13,7 +13,7 @@ RUN corepack enable && \
      pnpm install && \
      pnpm run build

-FROM --platform=$BUILDPLATFORM ghcr.io/techknowlogick/xgo:go-1.23.x AS apibuilder
+FROM --platform=$BUILDPLATFORM techknowlogick/xgo:go-1.21.x AS apibuilder

 RUN go install github.com/magefile/mage@latest && \
    mv /go/bin/mage /usr/local/go/bin
@@ -2,7 +2,7 @@

 [![Build Status](https://drone.kolaente.de/api/badges/vikunja/vikunjaa/status.svg)](https://drone.kolaente.de/vikunja/vikunja)
 [![License: AGPL v3](https://img.shields.io/badge/License-AGPL%20v3-blue.svg)](LICENSE)
-[![Install](https://img.shields.io/badge/download-v0.24.6-brightgreen.svg)](https://vikunja.io/docs/installing)
+[![Install](https://img.shields.io/badge/download-v0.24.2-brightgreen.svg)](https://vikunja.io/docs/installing)
 [![Docker Pulls](https://img.shields.io/docker/pulls/vikunja/vikunja.svg)](https://hub.docker.com/r/vikunja/vikunja/)
 [![Swagger Docs](https://img.shields.io/badge/swagger-docs-brightgreen.svg)](https://try.vikunja.io/api/v1/docs)
 [![Go Report Card](https://goreportcard.com/badge/kolaente.dev/vikunja/vikunja)](https://goreportcard.com/report/kolaente.dev/vikunja/vikunja)
@@ -17,7 +17,6 @@ body = """
        {% raw %}  {% endraw %}- **BREAKING**: {{commit.breaking_description}}
        {%- endif -%}
    {%- endfor -%}
-		{% raw %}\n{% endraw %}\
    {%- for commit in commits %}
        {%- if commit.scope -%}
        {% else -%}
@@ -57,3 +56,4 @@ commit_parsers = [
    { body = ".*security", group = "Security"},
    { message = ".*", group = "Other", default_scope = "other"}, # Everything that's not a conventional commit goes into the "Other" category
 ]
+
@@ -1,839 +0,0 @@
-{
-    "children": [
-        {
-            "key": "service",
-            "children": [
-                {
-                    "key": "JWTSecret",
-                    "default_value": "\u003cjwt-secret\u003e",
-                    "comment": "This token is used to verify issued JWT tokens.\nDefault is a random token which will be generated at each startup of Vikunja.\n(This means all already issued tokens will be invalid once you restart Vikunja)"
-                },
-                {
-                    "key": "jwtttl",
-                    "default_value": "259200",
-                    "comment": "The duration of the issued JWT tokens in seconds.\nThe default is 259200 seconds (3 Days)."
-                },
-                {
-                    "key": "jwtttllong",
-                    "default_value": "2592000",
-                    "comment": "The duration of the \"remember me\" time in seconds. When the login request is made with\nthe long param set, the token returned will be valid for this period.\nThe default is 2592000 seconds (30 Days)."
-                },
-                {
-                    "key": "interface",
-                    "default_value": ":3456",
-                    "comment": "The interface on which to run the webserver"
-                },
-                {
-                    "key": "unixsocket",
-                    "default_value": "",
-                    "comment": "Path to Unix socket. If set, it will be created and used instead of tcp"
-                },
-                {
-                    "key": "unixsocketmode",
-                    "default_value": "",
-                    "comment": "Permission bits for the Unix socket. Note that octal values must be prefixed by \"0o\", e.g. 0o660"
-                },
-                {
-                    "key": "publicurl",
-                    "default_value": "",
-                    "comment": "The public facing URL where your users can reach Vikunja. Used in emails and for the communication between api and frontend."
-                },
-                {
-                    "key": "rootpath",
-                    "default_value": "\u003crootpath\u003e",
-                    "comment": "The base path on the file system where the binary and assets are.\nVikunja will also look in this path for a config file, so you could provide only this variable to point to a folder\nwith a config file which will then be used."
-                },
-                {
-                    "key": "maxitemsperpage",
-                    "default_value": "50",
-                    "comment": "The max number of items which can be returned per page"
-                },
-                {
-                    "key": "enablecaldav",
-                    "default_value": "true",
-                    "comment": "Enable the caldav endpoint, see the docs for more details"
-                },
-                {
-                    "key": "motd",
-                    "default_value": "",
-                    "comment": "Set the motd message, available from the /info endpoint"
-                },
-                {
-                    "key": "enablelinksharing",
-                    "default_value": "true",
-                    "comment": "Enable sharing of project via a link"
-                },
-                {
-                    "key": "enableregistration",
-                    "default_value": "true",
-                    "comment": "Whether to let new users registering themselves or not"
-                },
-                {
-                    "key": "enabletaskattachments",
-                    "default_value": "true",
-                    "comment": "Whether to enable task attachments or not"
-                },
-                {
-                    "key": "timezone",
-                    "default_value": "GMT",
-                    "comment": "The time zone all timestamps are in. Please note that time zones have to use [the official tz database names](https://en.wikipedia.org/wiki/List_of_tz_database_time_zones). UTC or GMT offsets won't work."
-                },
-                {
-                    "key": "enabletaskcomments",
-                    "default_value": "true",
-                    "comment": "Whether task comments should be enabled or not"
-                },
-                {
-                    "key": "enabletotp",
-                    "default_value": "true",
-                    "comment": "Whether totp is enabled. In most cases you want to leave that enabled."
-                },
-                {
-                    "key": "testingtoken",
-                    "default_value": "",
-                    "comment": "If not empty, this will enable `/test/{table}` endpoints which allow to put any content in the database.\nUsed to reset the db before frontend tests. Because this is quite a dangerous feature allowing for lots of harm,\neach request made to this endpoint needs to provide an `Authorization: \u003ctoken\u003e` header with the token from below. \u003cbr/\u003e\n**You should never use this unless you know exactly what you're doing**"
-                },
-                {
-                    "key": "enableemailreminders",
-                    "default_value": "true",
-                    "comment": "If enabled, Vikunja will send an email to everyone who is either assigned to a task or created it when a task reminder\nis due."
-                },
-                {
-                    "key": "enableuserdeletion",
-                    "default_value": "true",
-                    "comment": "If true, will allow users to request the complete deletion of their account. When using external authentication methods\nit may be required to coordinate with them in order to delete the account. This setting will not affect the cli commands\nfor user deletion."
-                },
-                {
-                    "key": "maxavatarsize",
-                    "default_value": "1024",
-                    "comment": "The maximum size clients will be able to request for user avatars.\nIf clients request a size bigger than this, it will be changed on the fly."
-                },
-                {
-                    "key": "demomode",
-                    "default_value": "false",
-                    "comment": "If set to true, the frontend will show a big red warning not to use this instance for real data as it will be cleared out.\nYou probably don't need to set this value, it was created specifically for usage on [try](https://try.vikunja.io)."
-                },
-                {
-                    "key": "allowiconchanges",
-                    "default_value": "true",
-                    "comment": "Allow changing the logo and other icons based on various occasions throughout the year."
-                },
-                {
-                    "key": "customlogourl",
-                    "default_value": "",
-                    "comment": "Allow using a custom logo via external URL."
-                },
-                {
-                    "key": "enablepublicteams",
-                    "default_value": "false",
-                    "comment": "Enables the public team feature. If enabled, it is possible to configure teams to be public, which makes them\ndiscoverable when sharing a project, therefore not only showing teams the user is member of."
-                },
-                {
-                    "key": "bcryptrounds",
-                    "default_value": "11",
-                    "comment": "The number of bcrypt rounds to use during registration. Each increment of this number doubles the computational cost. You probably don't need to change this value."
-                },
-                {
-                    "key": "enableopenidteamusersearch",
-                    "default_value": "false",
-                    "comment": "If enabled, users will only find other users who are part of an existing team when they are searching for a user by their partial name. The other existing team may be created from openid. It is still possible to add users to teams with their exact email address even when this is enabled."
-                }
-            ]
-        },
-        {
-            "key": "sentry",
-            "children": [
-                {
-                    "key": "enabled",
-                    "default_value": "false",
-                    "comment": "If set to true, enables anonymous error tracking of api errors via Sentry. This allows us to gather more\ninformation about errors in order to debug and fix it."
-                },
-                {
-                    "key": "dsn",
-                    "default_value": "https://440eedc957d545a795c17bbaf477497c@o1047380.ingest.sentry.io/4504254983634944",
-                    "comment": "Configure the Sentry dsn used for api error tracking. Only used when Sentry is enabled for the api."
-                },
-                {
-                    "key": "frontendenabled",
-                    "default_value": "false",
-                    "comment": "If set to true, enables anonymous error tracking of frontend errors via Sentry. This allows us to gather more\ninformation about errors in order to debug and fix it."
-                },
-                {
-                    "key": "frontenddsn",
-                    "default_value": "https://85694a2d757547cbbc90cd4b55c5a18d@o1047380.ingest.sentry.io/6024480",
-                    "comment": "Configure the Sentry dsn used for frontend error tracking. Only used when Sentry is enabled for the frontend."
-                }
-            ]
-        },
-        {
-            "key": "database",
-            "children": [
-                {
-                    "key": "type",
-                    "default_value": "sqlite",
-                    "comment": "Database type to use. Supported values are mysql, postgres and sqlite. Vikunja is able to run with MySQL 8.0+, Mariadb 10.2+, PostgreSQL 12+, and sqlite."
-                },
-                {
-                    "key": "user",
-                    "default_value": "vikunja",
-                    "comment": "Database user which is used to connect to the database."
-                },
-                {
-                    "key": "password",
-                    "default_value": "",
-                    "comment": "Database password"
-                },
-                {
-                    "key": "host",
-                    "default_value": "localhost",
-                    "comment": "Database host"
-                },
-                {
-                    "key": "database",
-                    "default_value": "vikunja",
-                    "comment": "Database to use"
-                },
-                {
-                    "key": "path",
-                    "default_value": "./vikunja.db",
-                    "comment": "When using sqlite, this is the path where to store the data"
-                },
-                {
-                    "key": "maxopenconnections",
-                    "default_value": "100",
-                    "comment": "Sets the max open connections to the database. Only used when using mysql and postgres."
-                },
-                {
-                    "key": "maxidleconnections",
-                    "default_value": "50",
-                    "comment": "Sets the maximum number of idle connections to the db."
-                },
-                {
-                    "key": "maxconnectionlifetime",
-                    "default_value": "10000",
-                    "comment": "The maximum lifetime of a single db connection in milliseconds."
-                },
-                {
-                    "key": "sslmode",
-                    "default_value": "disable",
-                    "comment": "Secure connection mode. Only used with postgres.\n(see https://pkg.go.dev/github.com/lib/pq?tab=doc#hdr-Connection_String_Parameters)"
-                },
-                {
-                    "key": "sslcert",
-                    "default_value": "",
-                    "comment": "The path to the client cert. Only used with postgres."
-                },
-                {
-                    "key": "sslkey",
-                    "default_value": "",
-                    "comment": "The path to the client key. Only used with postgres."
-                },
-                {
-                    "key": "sslrootcert",
-                    "default_value": "",
-                    "comment": "The path to the ca cert. Only used with postgres."
-                },
-                {
-                    "key": "tls",
-                    "default_value": "false",
-                    "comment": "Enable SSL/TLS for mysql connections. Options: false, true, skip-verify, preferred"
-                }
-            ]
-        },
-        {
-            "key": "typesense",
-            "children": [
-                {
-                    "key": "enabled",
-                    "default_value": "false",
-                    "comment": "Whether to enable the Typesense integration. If true, all tasks will be synced to the configured Typesense\ninstance and all search and filtering will run through Typesense instead of only through the database.\nTypesense allows fast fulltext search including fuzzy matching support. It may return different results than\nwhat you'd get with a database-only search."
-                },
-                {
-                    "key": "url",
-                    "default_value": "",
-                    "comment": "The url to the Typesense instance you want to use. Can be hosted locally or in Typesense Cloud as long as Vikunja is able to reach it. Must be a http(s) url."
-                },
-                {
-                    "key": "apikey",
-                    "default_value": "",
-                    "comment": "The Typesense API key you want to use."
-                }
-            ]
-        },
-        {
-            "key": "redis",
-            "children": [
-                {
-                    "key": "enabled",
-                    "default_value": "false",
-                    "comment": "Whether to enable redis or not"
-                },
-                {
-                    "key": "host",
-                    "default_value": "localhost:6379",
-                    "comment": "The host of the redis server including its port."
-                },
-                {
-                    "key": "password",
-                    "default_value": "",
-                    "comment": "The password used to authenticate against the redis server"
-                },
-                {
-                    "key": "db",
-                    "default_value": "0",
-                    "comment": "0 means default database"
-                }
-            ]
-        },
-        {
-            "key": "cors",
-            "children": [
-                {
-                    "key": "enable",
-                    "default_value": "false",
-                    "comment": "Whether to enable or disable cors headers.\nNote: If you want to put the frontend and the api on separate domains or ports, you will need to enable this.\nOtherwise the frontend won't be able to make requests to the api through the browser."
-                },
-                {
-                    "key": "origins",
-                    "comment": "A list of origins which may access the api. These need to include the protocol (`http://` or `https://`) and port, if any.",
-                    "children": [
-                        {
-                            "default_value": "*"
-                        }
-                    ]
-                },
-                {
-                    "key": "maxage",
-                    "default_value": "0",
-                    "comment": "How long (in seconds) the results of a preflight request can be cached."
-                }
-            ]
-        },
-        {
-            "key": "mailer",
-            "children": [
-                {
-                    "key": "enabled",
-                    "default_value": "false",
-                    "comment": "Whether to enable the mailer or not. If it is disabled, all users are enabled right away and password reset is not possible."
-                },
-                {
-                    "key": "host",
-                    "default_value": "",
-                    "comment": "SMTP Host"
-                },
-                {
-                    "key": "port",
-                    "default_value": "587",
-                    "comment": "SMTP Host port.\n**NOTE:** If you're unable to send mail and the only error you see in the logs is an `EOF`, try setting the port to `25`."
-                },
-                {
-                    "key": "authtype",
-                    "default_value": "plain",
-                    "comment": "SMTP Auth Type. Can be either `plain`, `login` or `cram-md5`."
-                },
-                {
-                    "key": "username",
-                    "default_value": "user",
-                    "comment": "SMTP username"
-                },
-                {
-                    "key": "password",
-                    "default_value": "",
-                    "comment": "SMTP password"
-                },
-                {
-                    "key": "skiptlsverify",
-                    "default_value": "false",
-                    "comment": "Whether to skip verification of the tls certificate on the server"
-                },
-                {
-                    "key": "fromemail",
-                    "default_value": "mail@vikunja",
-                    "comment": "The default from address when sending emails"
-                },
-                {
-                    "key": "queuelength",
-                    "default_value": "100",
-                    "comment": "The length of the mail queue."
-                },
-                {
-                    "key": "queuetimeout",
-                    "default_value": "30",
-                    "comment": "The timeout in seconds after which the current open connection to the mailserver will be closed."
-                },
-                {
-                    "key": "forcessl",
-                    "default_value": "false",
-                    "comment": "By default, Vikunja will try to connect with starttls, use this option to force it to use ssl."
-                }
-            ]
-        },
-        {
-            "key": "log",
-            "children": [
-                {
-                    "key": "path",
-                    "default_value": "\u003crootpath\u003elogs",
-                    "comment": "A folder where all the logfiles should go."
-                },
-                {
-                    "key": "enabled",
-                    "default_value": "true",
-                    "comment": "Whether to show any logging at all or none"
-                },
-                {
-                    "key": "standard",
-                    "default_value": "stdout",
-                    "comment": "Where the normal log should go. Possible values are stdout, stderr, file or off to disable standard logging."
-                },
-                {
-                    "key": "level",
-                    "default_value": "INFO",
-                    "comment": "Change the log level. Possible values (case-insensitive) are CRITICAL, ERROR, WARNING, NOTICE, INFO, DEBUG."
-                },
-                {
-                    "key": "database",
-                    "default_value": "off",
-                    "comment": "Whether or not to log database queries. Useful for debugging. Possible values are stdout, stderr, file or off to disable database logging."
-                },
-                {
-                    "key": "databaselevel",
-                    "default_value": "WARNING",
-                    "comment": "The log level for database log messages. Possible values (case-insensitive) are CRITICAL, ERROR, WARNING, NOTICE, INFO, DEBUG."
-                },
-                {
-                    "key": "http",
-                    "default_value": "stdout",
-                    "comment": "Whether to log http requests or not. Possible values are stdout, stderr, file or off to disable http logging."
-                },
-                {
-                    "key": "echo",
-                    "default_value": "off",
-                    "comment": "Echo has its own logging which usually is unnecessary, which is why it is disabled by default. Possible values are stdout, stderr, file or off to disable standard logging."
-                },
-                {
-                    "key": "events",
-                    "default_value": "off",
-                    "comment": "Whether or not to log events. Useful for debugging. Possible values are stdout, stderr, file or off to disable events logging."
-                },
-                {
-                    "key": "eventslevel",
-                    "default_value": "info",
-                    "comment": "The log level for event log messages. Possible values (case-insensitive) are ERROR, INFO, DEBUG."
-                },
-                {
-                    "key": "mail",
-                    "default_value": "off",
-                    "comment": "Whether or not to log mail log messages. This will not log mail contents. Possible values are stdout, stderr, file or off to disable mail-related logging."
-                },
-                {
-                    "key": "maillevel",
-                    "default_value": "info",
-                    "comment": "The log level for mail log messages. Possible values (case-insensitive) are ERROR, WARNING, INFO, DEBUG."
-                }
-            ]
-        },
-        {
-            "key": "ratelimit",
-            "children": [
-                {
-                    "key": "enabled",
-                    "default_value": "false",
-                    "comment": "whether or not to enable the rate limit"
-                },
-                {
-                    "key": "kind",
-                    "default_value": "user",
-                    "comment": "The kind on which rates are based. Can be either \"user\" for a rate limit per user or \"ip\" for an ip-based rate limit."
-                },
-                {
-                    "key": "period",
-                    "default_value": "60",
-                    "comment": "The time period in seconds for the limit"
-                },
-                {
-                    "key": "limit",
-                    "default_value": "100",
-                    "comment": "The max number of requests a user is allowed to do in the configured time period"
-                },
-                {
-                    "key": "store",
-                    "default_value": "keyvalue",
-                    "comment": "The store where the limit counter for each user is stored.\nPossible values are \"keyvalue\", \"memory\" or \"redis\".\nWhen choosing \"keyvalue\" this setting follows the one configured in the \"keyvalue\" section."
-                },
-                {
-                    "key": "noauthlimit",
-                    "default_value": "10",
-                    "comment": "The number of requests a user can make from the same IP to all unauthenticated routes (login, register,\npassword confirmation, email verification, password reset request) per minute. This limit cannot be disabled.\nYou should only change this if you know what you're doing."
-                }
-            ]
-        },
-        {
-            "key": "files",
-            "children": [
-                {
-                    "key": "basepath",
-                    "default_value": "./files",
-                    "comment": "The path where files are stored"
-                },
-                {
-                    "key": "maxsize",
-                    "default_value": "20MB",
-                    "comment": "The maximum size of a file, as a human-readable string.\nWarning: The max size is limited 2^64-1 bytes due to the underlying datatype"
-                }
-            ]
-        },
-        {
-            "key": "migration",
-            "comment": "To use any of the available migrators, you usually need to configure credentials for the appropriate service and enable it. Find instructions below on how to do this for the provided migrators.",
-            "children": [
-                {
-                    "key": "todoist",
-                    "children": [
-                        {
-                            "key": "enable",
-                            "default_value": "false",
-                            "comment": "Wheter to enable the Todoist migrator."
-                        },
-                        {
-                            "key": "clientid",
-                            "default_value": "",
-                            "comment": "The client id, required for making requests to the Todoist api\nYou need to register your Vikunja instance at https://developer.todoist.com/appconsole.html to get this."
-                        },
-                        {
-                            "key": "clientsecret",
-                            "default_value": "",
-                            "comment": "The client secret, also required for making requests to the Todoist api. Obtain it at https://developer.todoist.com/appconsole.html after registering your Vikunja instance."
-                        },
-                        {
-                            "key": "redirecturl",
-                            "default_value": "\u003cservice.publicurl\u003e/migrate/todoist",
-                            "comment": "The url where clients are redirected after they authorized Vikunja to access their Todoist items.\nIn Todoist, this is called `OAuth redirect URL` and it needs to match the url you entered when registering\nyour Vikunja instance at the Todoist developer console.\nWhen using the official Vikunja frontend, set this to `\u003cservice.publicurl\u003e/migrate/todoist` (the default value).\nOtherwise, set this to an url which then makes a request to /api/v1/migration/todoist/migrate\nwith the code obtained from the Todoist api."
-                        }
-                    ]
-                },
-                {
-                    "key": "trello",
-                    "children": [
-                        {
-                            "key": "enable",
-                            "default_value": "false",
-                            "comment": "Whether to enable the Trello migrator."
-                        },
-                        {
-                            "key": "key",
-                            "default_value": "",
-                            "comment": "The client id, required for making requests to the trello api.\nYou need to register your Vikunja instance at https://trello.com/app-key (log in before you visit that link) to get one. Copy the `Personal Key` and set it as the client id. Add your Vikunja domain to the Allowed Origins list."
-                        },
-                        {
-                            "key": "redirecturl",
-                            "default_value": "\u003cfrontend url\u003e/migrate/trello",
-                            "comment": "The url where clients are redirected after they authorized Vikunja to access their trello cards.\nThis needs to match the url you entered when registering your Vikunja instance at trello.\nWhen using the official Vikunja frontend, set this to `\u003cservice.publicurl\u003e/migrate/trello` (the default value).\nOtherwise, set this to an url which then makes a request to /api/v1/migration/trello/migrate\nwith the code obtained from the Trello api."
-                        }
-                    ]
-                },
-                {
-                    "key": "microsofttodo",
-                    "children": [
-                        {
-                            "key": "enable",
-                            "default_value": "false",
-                            "comment": "Wheter to enable the Microsoft Todo migrator."
-                        },
-                        {
-                            "key": "clientid",
-                            "default_value": "",
-                            "comment": "The client id, required for making requests to the Microsoft graph api.\nSee https://docs.microsoft.com/en-us/azure/active-directory/develop/quickstart-register-app#register-an-application\nfor information about how to register your Vikunja instance."
-                        },
-                        {
-                            "key": "clientsecret",
-                            "default_value": "",
-                            "comment": "The client secret, also required for making requests to the Microsoft graph api"
-                        },
-                        {
-                            "key": "redirecturl",
-                            "default_value": "\u003cfrontend url\u003e/migrate/microsoft-todo",
-                            "comment": "The url where clients are redirected after they authorized Vikunja to access their Microsoft todo tasks.\nThis needs to match the url you entered when registering your Vikunja instance at Microsoft.\nWhen using the official Vikunja frontend, set this to `\u003cservice.publicurl\u003e/migrate/microsoft-todo` (the default value).\nOtherwise, set this to an url which then makes a request to /api/v1/migration/microsoft-todo/migrate\nwith the code obtained from the Microsoft Todo api."
-                        }
-                    ]
-                }
-            ]
-        },
-        {
-            "key": "avatar",
-            "children": [
-                {
-                    "key": "gravatarexpiration",
-                    "default_value": "3600",
-                    "comment": "When using gravatar, this is the duration in seconds until a cached gravatar user avatar expires"
-                }
-            ]
-        },
-        {
-            "key": "backgrounds",
-            "children": [
-                {
-                    "key": "enabled",
-                    "default_value": "true",
-                    "comment": "Whether to enable backgrounds for projects at all."
-                },
-                {
-                    "key": "providers",
-                    "children": [
-                        {
-                            "key": "upload",
-                            "children": [
-                                {
-                                    "key": "enabled",
-                                    "default_value": "true",
-                                    "comment": "Whether to enable uploaded project backgrounds"
-                                }
-                            ]
-                        },
-                        {
-                            "key": "unsplash",
-                            "children": [
-                                {
-                                    "key": "enabled",
-                                    "default_value": "false",
-                                    "comment": "Whether to enable setting backgrounds from unsplash as project backgrounds"
-                                },
-                                {
-                                    "key": "accesstoken",
-                                    "default_value": "",
-                                    "comment": "You need to create an application for your installation at https://unsplash.com/oauth/applications/new\nand set the access token below."
-                                },
-                                {
-                                    "key": "applicationid",
-                                    "default_value": "",
-                                    "comment": "The unsplash application id is only used for pingback and required as per their api guidelines.\nYou can find the Application ID in the dashboard for your API application. It should be a numeric ID.\nIt will only show in the UI if your application has been approved for Enterprise usage, therefore if\nyou’re in Demo mode, you can also find the ID in the URL at the end: https://unsplash.com/oauth/applications/:application_id"
-                                }
-                            ]
-                        }
-                    ]
-                }
-            ]
-        },
-        {
-            "key": "legal",
-            "comment": "Legal urls\nWill be shown in the frontend if configured here",
-            "children": [
-                {
-                    "key": "imprinturl",
-                    "default_value": ""
-                },
-                {
-                    "key": "privacyurl",
-                    "default_value": ""
-                }
-            ]
-        },
-        {
-            "key": "keyvalue",
-            "comment": "Key Value Storage settings\nThe Key Value Storage is used for different kinds of things like metrics and a few cache systems.",
-            "children": [
-                {
-                    "key": "type",
-                    "default_value": "memory",
-                    "comment": "The type of the storage backend. Can be either \"memory\" or \"redis\". If \"redis\" is chosen it needs to be configured separately."
-                }
-            ]
-        },
-        {
-            "key": "auth",
-            "children": [
-                {
-                    "key": "local",
-                    "comment": "Local authentication will let users log in and register (if enabled) through the db.\nThis is the default auth mechanism and does not require any additional configuration.",
-                    "children": [
-                        {
-                            "key": "enabled",
-                            "default_value": "true",
-                            "comment": "Enable or disable local authentication"
-                        }
-                    ]
-                },
-                {
-                    "key": "openid",
-                    "comment": "OpenID configuration will allow users to authenticate through a third-party OpenID Connect compatible provider.\u003cbr/\u003e\nThe provider needs to support the `openid`, `profile` and `email` scopes.\u003cbr/\u003e\n**Note:** Some openid providers (like Gitlab) only make the email of the user available through OpenID if they have set it to be publicly visible.\nIf the email is not public in those cases, authenticating will fail.\u003cbr/\u003e\n**Note 2:** The frontend expects the third party to redirect the user \u003cfrontend-url\u003e/auth/openid/\u003cauth key\u003e after authentication. Please make sure to configure the redirect url in your third party auth service accordingly if you're using the default Vikunja frontend.\nThe frontend will automatically provide the API with the redirect url, composed from the current url where it's hosted.\nIf you want to use the desktop client with OpenID, make sure to allow redirects to `127.0.0.1`.",
-                    "children": [
-                        {
-                            "key": "enabled",
-                            "default_value": "false",
-                            "comment": "Enable or disable OpenID Connect authentication"
-                        },
-                        {
-                            "key": "providers",
-                            "comment": "A list of enabled providers. You can freely choose the `<provider key>`. Note that you must add at least one key to a config file if you want to read values from an environment variable as the provider won't be known to Vikunja otherwise.",
-                            "children": [
-                                {
-                                    "key": "<provider key>",
-                                    "children": [
-                                        {
-                                            "key": "name",
-                                            "default_value": "",
-                                            "comment": "The name of the provider as it will appear in the frontend."
-                                        },
-                                        {
-                                            "key": "authurl",
-                                            "default_value": "",
-                                            "comment": "The auth url to send users to if they want to authenticate using OpenID Connect."
-                                        },
-                                        {
-                                            "key": "logouturl",
-                                            "default_value": "",
-                                            "comment": "The oidc logouturl that users will be redirected to on logout.\nLeave empty or delete key, if you do not want to be redirected."
-                                        },
-                                        {
-                                            "key": "clientid",
-                                            "default_value": "",
-                                            "comment": "The client ID used to authenticate Vikunja at the OpenID Connect provider."
-                                        },
-                                        {
-                                            "key": "clientsecret",
-                                            "default_value": "",
-                                            "comment": "The client secret used to authenticate Vikunja at the OpenID Connect provider."
-                                        },
-                                        {
-                                            "key": "scope",
-                                            "default_value": "openid email profile",
-                                            "comment": "The scope necessary to use oidc.\nIf you want to use the Feature to create and assign to Vikunja teams via oidc, you have to add the custom \"vikunja_scope\" and check [openid.md](https://vikunja.io/docs/openid/).\ne.g. scope: openid email profile vikunja_scope"
-                                        }
-                                    ]
-                                }
-                            ]
-                        }
-                    ]
-                }
-            ]
-        },
-        {
-            "key": "metrics",
-            "comment": "Prometheus metrics endpoint",
-            "children": [
-                {
-                    "key": "enabled",
-                    "default_value": "false",
-                    "comment": "If set to true, enables a /metrics endpoint for prometheus to collect metrics about Vikunja. You can query it from `/api/v1/metrics`."
-                },
-                {
-                    "key": "username",
-                    "default_value": "",
-                    "comment": "If set to a non-empty value the /metrics endpoint will require this as a username via basic auth in combination with the password below."
-                },
-                {
-                    "key": "password",
-                    "default_value": "",
-                    "comment": "If set to a non-empty value the /metrics endpoint will require this as a password via basic auth in combination with the username below."
-                }
-            ]
-        },
-        {
-            "key": "defaultsettings",
-            "comment": "Provide default settings for new users. When a new user is created, these settings will automatically be set for the user. If you change them in the config file afterwards they will not be changed back for existing users.",
-            "children": [
-                {
-                    "key": "avatar_provider",
-                    "default_value": "initials",
-                    "comment": "The avatar source for the user. Can be `gravatar`, `initials`, `upload` or `marble`. If you set this to `upload` you'll also need to specify `defaultsettings.avatar_file_id`."
-                },
-                {
-                    "key": "avatar_file_id",
-                    "default_value": "0",
-                    "comment": "The id of the file used as avatar."
-                },
-                {
-                    "key": "email_reminders_enabled",
-                    "default_value": "false",
-                    "comment": "If set to true users will get task reminders via email."
-                },
-                {
-                    "key": "discoverable_by_name",
-                    "default_value": "false",
-                    "comment": "If set to true will allow other users to find this user when searching for parts of their name."
-                },
-                {
-                    "key": "discoverable_by_email",
-                    "default_value": "false",
-                    "comment": "If set to true will allow other users to find this user when searching for their exact email."
-                },
-                {
-                    "key": "overdue_tasks_reminders_enabled",
-                    "default_value": "true",
-                    "comment": "If set to true will send an email every day with all overdue tasks at a configured time."
-                },
-                {
-                    "key": "overdue_tasks_reminders_time",
-                    "default_value": "9:00",
-                    "comment": "When to send the overdue task reminder email."
-                },
-                {
-                    "key": "default_project_id",
-                    "default_value": "0",
-                    "comment": "The id of the default project. Make sure users actually have access to this project when setting this value."
-                },
-                {
-                    "key": "week_start",
-                    "default_value": "0",
-                    "comment": "Start of the week for the user. `0` is sunday, `1` is monday and so on."
-                },
-                {
-                    "key": "language",
-                    "default_value": "\u003cunset\u003e",
-                    "comment": "The language of the user interface. Must be an ISO 639-1 language code followed by an ISO 3166-1 alpha-2 country code. Check https://kolaente.dev/vikunja/vikunja/frontend/src/branch/main/src/i18n/lang for a list of possible languages. Will default to the browser language the user uses when signing up."
-                },
-                {
-                    "key": "timezone",
-                    "default_value": "\u003ctime zone set at service.timezone\u003e",
-                    "comment": "The time zone of each individual user. This will affect when users get reminders and overdue task emails."
-                }
-            ]
-        },
-        {
-            "key": "webhooks",
-            "children": [
-                {
-                    "key": "enabled",
-                    "default_value": "true",
-                    "comment": "Whether to enable support for webhooks"
-                },
-                {
-                    "key": "timeoutseconds",
-                    "default_value": "30",
-                    "comment": "The timeout in seconds until a webhook request fails when no response has been received."
-                },
-                {
-                    "key": "proxyurl",
-                    "default_value": "",
-                    "comment": "The URL of [a mole instance](https://github.com/frain-dev/mole) to use to proxy outgoing webhook requests. You should use this and configure appropriately if you're not the only one using your Vikunja instance. More info about why: https://webhooks.fyi/best-practices/webhook-providers#implement-security-on-egress-communication. Must be used in combination with `webhooks.password` (see below)."
-                },
-                {
-                    "key": "proxypassword",
-                    "default_value": "",
-                    "comment": "The proxy password to use when authenticating against the proxy."
-                }
-            ]
-        },
-        {
-            "key": "autotls",
-            "children": [
-                {
-                    "key": "enabled",
-                    "default_value": "false",
-                    "comment": "If set to true, Vikunja will automatically request a TLS certificate from Let's Encrypt and use it to serve Vikunja over TLS. By enabling this option, you agree to Let's Encrypt's TOS.\nYou must configure a `service.publicurl` with a valid TLD where Vikunja is reachable to make this work. Furthermore, it is reccomened to set `service.interface` to `:443` if you're using this."
-                },
-                {
-                    "key": "email",
-                    "default_value": "",
-                    "comment": "A valid email address which will be used to register certificates with Let's Encrypt. You must provide this value in order to use autotls."
-                },
-                {
-                    "key": "renewbefore",
-                    "default_value": "30d",
-                    "comment": "A duration when certificates should be renewed before they expire. Valid time units are `ns`, `us` (or `µs`), `ms`, `s`, `m`, `h`."
-                }
-            ]
-        }
-    ]
-}
@@ -0,0 +1,377 @@
+service:
+  # This token is used to verify issued JWT tokens.
+  # Default is a random token which will be generated at each startup of Vikunja.
+  # (This means all already issued tokens will be invalid once you restart Vikunja)
+  JWTSecret: "<jwt-secret>"
+  # The duration of the issued JWT tokens in seconds.
+  # The default is 259200 seconds (3 Days).
+  jwtttl: 259200
+  # The duration of the "remember me" time in seconds. When the login request is made with
+  # the long param set, the token returned will be valid for this period.
+  # The default is 2592000 seconds (30 Days).
+  jwtttllong: 2592000
+  # The interface on which to run the webserver
+  interface: ":3456"
+  # Path to Unix socket. If set, it will be created and used instead of tcp
+  unixsocket:
+  # Permission bits for the Unix socket. Note that octal values must be prefixed by "0o", e.g. 0o660
+  unixsocketmode:
+  # The public facing URL where your users can reach Vikunja. Used in emails and for the communication between api and frontend.
+  publicurl: ""
+  # The base path on the file system where the binary and assets are.
+  # Vikunja will also look in this path for a config file, so you could provide only this variable to point to a folder
+  # with a config file which will then be used.
+  rootpath: <rootpath>
+  # The max number of items which can be returned per page
+  maxitemsperpage: 50
+  # Enable the caldav endpoint, see the docs for more details
+  enablecaldav: true
+  # Set the motd message, available from the /info endpoint
+  motd: ""
+  # Enable sharing of project via a link
+  enablelinksharing: true
+  # Whether to let new users registering themselves or not
+  enableregistration: true
+  # Whether to enable task attachments or not
+  enabletaskattachments: true
+  # The time zone all timestamps are in. Please note that time zones have to use [the official tz database names](https://en.wikipedia.org/wiki/List_of_tz_database_time_zones). UTC or GMT offsets won't work.
+  timezone: GMT
+  # Whether task comments should be enabled or not
+  enabletaskcomments: true
+  # Whether totp is enabled. In most cases you want to leave that enabled.
+  enabletotp: true
+  # If not empty, this will enable `/test/{table}` endpoints which allow to put any content in the database.
+  # Used to reset the db before frontend tests. Because this is quite a dangerous feature allowing for lots of harm,
+  # each request made to this endpoint needs to provide an `Authorization: <token>` header with the token from below. <br/>
+  # **You should never use this unless you know exactly what you're doing**
+  testingtoken: ''
+  # If enabled, Vikunja will send an email to everyone who is either assigned to a task or created it when a task reminder
+  # is due.
+  enableemailreminders: true
+  # If true, will allow users to request the complete deletion of their account. When using external authentication methods
+  # it may be required to coordinate with them in order to delete the account. This setting will not affect the cli commands
+  # for user deletion.
+  enableuserdeletion: true
+  # The maximum size clients will be able to request for user avatars.
+  # If clients request a size bigger than this, it will be changed on the fly.
+  maxavatarsize: 1024
+  # If set to true, the frontend will show a big red warning not to use this instance for real data as it will be cleared out.
+  # You probably don't need to set this value, it was created specifically for usage on [try](https://try.vikunja.io).
+  demomode: false
+  # Allow changing the logo and other icons based on various occasions throughout the year.
+  allowiconchanges: true
+  # Allow using a custom logo via external URL.
+  customlogourl: ''
+  # Enables the public team feature. If enabled, it is possible to configure teams to be public, which makes them
+  # discoverable when sharing a project, therefore not only showing teams the user is member of.
+  enablepublicteams: false
+
+sentry:
+  # If set to true, enables anonymous error tracking of api errors via Sentry. This allows us to gather more 
+  # information about errors in order to debug and fix it.
+  enabled: false
+  # Configure the Sentry dsn used for api error tracking. Only used when Sentry is enabled for the api.
+  dsn: "https://440eedc957d545a795c17bbaf477497c@o1047380.ingest.sentry.io/4504254983634944"
+  # If set to true, enables anonymous error tracking of frontend errors via Sentry. This allows us to gather more 
+  # information about errors in order to debug and fix it.
+  frontendenabled: false
+  # Configure the Sentry dsn used for frontend error tracking. Only used when Sentry is enabled for the frontend.
+  frontenddsn: "https://85694a2d757547cbbc90cd4b55c5a18d@o1047380.ingest.sentry.io/6024480"
+
+database:
+  # Database type to use. Supported values are mysql, postgres and sqlite. Vikunja is able to run with MySQL 8.0+, Mariadb 10.2+, PostgreSQL 12+, and sqlite.
+  type: "sqlite"
+  # Database user which is used to connect to the database.
+  user: "vikunja"
+  # Database password
+  password: ""
+  # Database host
+  host: "localhost"
+  # Database to use
+  database: "vikunja"
+  # When using sqlite, this is the path where to store the data
+  path: "./vikunja.db"
+  # Sets the max open connections to the database. Only used when using mysql and postgres.
+  maxopenconnections: 100
+  # Sets the maximum number of idle connections to the db.
+  maxidleconnections: 50
+  # The maximum lifetime of a single db connection in milliseconds.
+  maxconnectionlifetime: 10000
+  # Secure connection mode. Only used with postgres.
+  # (see https://pkg.go.dev/github.com/lib/pq?tab=doc#hdr-Connection_String_Parameters)
+  sslmode: disable
+  # The path to the client cert. Only used with postgres.
+  sslcert: ""
+  # The path to the client key. Only used with postgres.
+  sslkey: ""
+  # The path to the ca cert. Only used with postgres.
+  sslrootcert: ""
+  # Enable SSL/TLS for mysql connections. Options: false, true, skip-verify, preferred
+  tls: false
+
+typesense:
+  # Whether to enable the Typesense integration. If true, all tasks will be synced to the configured Typesense
+  # instance and all search and filtering will run through Typesense instead of only through the database.
+  # Typesense allows fast fulltext search including fuzzy matching support. It may return different results than
+  # what you'd get with a database-only search.
+  enabled: false
+  # The url to the Typesense instance you want to use. Can be hosted locally or in Typesense Cloud as long
+  # as Vikunja is able to reach it.
+  url: ''
+  # The Typesense API key you want to use.
+  apikey: ''
+
+redis:
+  # Whether to enable redis or not
+  enabled: false
+  # The host of the redis server including its port.
+  host: 'localhost:6379'
+  # The password used to authenticate against the redis server
+  password: ''
+  # 0 means default database
+  db: 0
+
+cors:
+  # Whether to enable or disable cors headers.
+  # Note: If you want to put the frontend and the api on separate domains or ports, you will need to enable this.
+  #       Otherwise the frontend won't be able to make requests to the api through the browser.
+  enable: false
+  # A list of origins which may access the api. These need to include the protocol (`http://` or `https://`) and port, if any.
+  origins:
+    - "*"
+  # How long (in seconds) the results of a preflight request can be cached.
+  maxage: 0
+
+mailer:
+  # Whether to enable the mailer or not. If it is disabled, all users are enabled right away and password reset is not possible.
+  enabled: false
+  # SMTP Host
+  host: ""
+  # SMTP Host port.
+  # **NOTE:** If you're unable to send mail and the only error you see in the logs is an `EOF`, try setting the port to `25`.
+  port: 587
+  # SMTP Auth Type. Can be either `plain`, `login` or `cram-md5`.
+  authtype: "plain"
+  # SMTP username
+  username: "user"
+  # SMTP password
+  password: ""
+  # Whether to skip verification of the tls certificate on the server
+  skiptlsverify: false
+  # The default from address when sending emails
+  fromemail: "mail@vikunja"
+  # The length of the mail queue.
+  queuelength: 100
+  # The timeout in seconds after which the current open connection to the mailserver will be closed.
+  queuetimeout: 30
+  # By default, Vikunja will try to connect with starttls, use this option to force it to use ssl.
+  forcessl: false
+
+log:
+  # A folder where all the logfiles should go.
+  path: <rootpath>logs
+  # Whether to show any logging at all or none
+  enabled: true
+  # Where the normal log should go. Possible values are stdout, stderr, file or off to disable standard logging.
+  standard: "stdout"
+  # Change the log level. Possible values (case-insensitive) are CRITICAL, ERROR, WARNING, NOTICE, INFO, DEBUG.
+  level: "INFO"
+  # Whether or not to log database queries. Useful for debugging. Possible values are stdout, stderr, file or off to disable database logging.
+  database: "off"
+  # The log level for database log messages. Possible values (case-insensitive) are CRITICAL, ERROR, WARNING, NOTICE, INFO, DEBUG.
+  databaselevel: "WARNING"
+  # Whether to log http requests or not. Possible values are stdout, stderr, file or off to disable http logging.
+  http: "stdout"
+  # Echo has its own logging which usually is unnecessary, which is why it is disabled by default. Possible values are stdout, stderr, file or off to disable standard logging.
+  echo: "off"
+  # Whether or not to log events. Useful for debugging. Possible values are stdout, stderr, file or off to disable events logging.
+  events: "off"
+  # The log level for event log messages. Possible values (case-insensitive) are ERROR, INFO, DEBUG.
+  eventslevel: "info"
+  # Whether or not to log mail log messages. This will not log mail contents. Possible values are stdout, stderr, file or off to disable mail-related logging.
+  mail: "off"
+  # The log level for mail log messages. Possible values (case-insensitive) are ERROR, WARNING, INFO, DEBUG.
+  maillevel: "info"
+
+ratelimit:
+  # whether or not to enable the rate limit
+  enabled: false
+  # The kind on which rates are based. Can be either "user" for a rate limit per user or "ip" for an ip-based rate limit.
+  kind: user
+  # The time period in seconds for the limit
+  period: 60
+  # The max number of requests a user is allowed to do in the configured time period
+  limit: 100
+  # The store where the limit counter for each user is stored.
+  # Possible values are "keyvalue", "memory" or "redis".
+  # When choosing "keyvalue" this setting follows the one configured in the "keyvalue" section.
+  store: keyvalue
+  # The number of requests a user can make from the same IP to all unauthenticated routes (login, register,
+  # password confirmation, email verification, password reset request) per minute. This limit cannot be disabled.
+  # You should only change this if you know what you're doing.
+  noauthlimit: 10
+
+files:
+  # The path where files are stored
+  basepath: ./files # relative to the binary
+  # The maximum size of a file, as a human-readable string.
+  # Warning: The max size is limited 2^64-1 bytes due to the underlying datatype
+  maxsize: 20MB
+
+migration:
+  todoist:
+    # Wheter to enable the todoist migrator or not
+    enable: false
+    # The client id, required for making requests to the todoist api
+    # You need to register your Vikunja instance at https://developer.todoist.com/appconsole.html to get this
+    clientid:
+    # The client secret, also required for making requests to the todoist api
+    clientsecret:
+    # The url where clients are redirected after they authorized Vikunja to access their Todoist items. 
+    # In Todoist, this is called `OAuth redirect URL` and it needs to match the url you entered when registering 
+    # your Vikunja instance at the Todoist developer console.
+    # When using the official Vikunja frontend, set this to <service.publicurl>/migrate/todoist.
+    # Otherwise, set this to an url which then makes a request to /api/v1/migration/todoist/migrate 
+    # with the code obtained from the todoist api.
+    redirecturl: <service.publicurl>/migrate/todoist
+  trello:
+    # Whether to enable the trello migrator or not
+    enable: false
+    # The client id, required for making requests to the trello api
+    # You need to register your Vikunja instance at https://trello.com/app-key (log in before you visit that link) to get this
+    key:
+    # The url where clients are redirected after they authorized Vikunja to access their trello cards.
+    # This needs to match the url you entered when registering your Vikunja instance at trello.
+    # This is usually the frontend url where the frontend then makes a request to /migration/trello/migrate
+    # with the code obtained from the trello api.
+    # Note that the Vikunja frontend expects this to end on /migrate/trello.
+    redirecturl: <frontend url>/migrate/trello
+  microsofttodo:
+    # Wheter to enable the microsoft todo migrator or not
+    enable: false
+    # The client id, required for making requests to the microsoft graph api
+    # See https://docs.microsoft.com/en-us/azure/active-directory/develop/quickstart-register-app#register-an-application
+    # for information about how to register your Vikunja instance.
+    clientid:
+    # The client secret, also required for making requests to the microsoft graph api
+    clientsecret:
+    # The url where clients are redirected after they authorized Vikunja to access their microsoft todo tasks.
+    # This needs to match the url you entered when registering your Vikunja instance at microsoft.
+    # This is usually the frontend url where the frontend then makes a request to /migration/microsoft-todo/migrate
+    # with the code obtained from the microsoft graph api.
+    # Note that the Vikunja frontend expects this to be /migrate/microsoft-todo
+    redirecturl: <frontend url>/migrate/microsoft-todo
+
+avatar:
+  # When using gravatar, this is the duration in seconds until a cached gravatar user avatar expires
+  gravatarexpiration: 3600
+
+backgrounds:
+  # Whether to enable backgrounds for projects at all.
+  enabled: true
+  providers:
+    upload:
+      # Whether to enable uploaded project backgrounds
+      enabled: true
+    unsplash:
+      # Whether to enable setting backgrounds from unsplash as project backgrounds
+      enabled: false
+      # You need to create an application for your installation at https://unsplash.com/oauth/applications/new
+      # and set the access token below.
+      accesstoken:
+      # The unsplash application id is only used for pingback and required as per their api guidelines.
+      # You can find the Application ID in the dashboard for your API application. It should be a numeric ID.
+      # It will only show in the UI if your application has been approved for Enterprise usage, therefore if
+      # you’re in Demo mode, you can also find the ID in the URL at the end: https://unsplash.com/oauth/applications/:application_id
+      applicationid:
+
+# Legal urls
+# Will be shown in the frontend if configured here
+legal:
+  imprinturl:
+  privacyurl:
+
+# Key Value Storage settings
+# The Key Value Storage is used for different kinds of things like metrics and a few cache systems.
+keyvalue:
+  # The type of the storage backend. Can be either "memory" or "redis". If "redis" is chosen it needs to be configured separately.
+  type: "memory"
+
+auth:
+  # Local authentication will let users log in and register (if enabled) through the db.
+  # This is the default auth mechanism and does not require any additional configuration.
+  local:
+    # Enable or disable local authentication
+    enabled: true
+  # OpenID configuration will allow users to authenticate through a third-party OpenID Connect compatible provider.<br/>
+  # The provider needs to support the `openid`, `profile` and `email` scopes.<br/>
+  # **Note:** Some openid providers (like Gitlab) only make the email of the user available through OpenID if they have set it to be publicly visible.
+  # If the email is not public in those cases, authenticating will fail.
+  # +**Note 2:** The frontend expects the third party to redirect the user <frontend-url>/auth/openid/<auth key> after authentication. Please make sure to configure the redirect url in your third party auth service accordingly if you're using the default Vikunja frontend.    
+  # The frontend will automatically provide the API with the redirect url, composed from the current url where it's hosted.
+  # If you want to use the desktop client with OpenID, make sure to allow redirects to `127.0.0.1`.
+  # Take a look at the [default config file](https://kolaente.dev/vikunja/vikunja/src/branch/main/config.yml.sample) for more information about how to configure openid authentication.
+  openid:
+    # Enable or disable OpenID Connect authentication
+    enabled: false
+    # A list of enabled providers
+    providers:
+      # The name of the provider as it will appear in the frontend.
+      - name:
+        # The auth url to send users to if they want to authenticate using OpenID Connect.
+        authurl:
+        # The oidc logouturl that users will be redirected to on logout.
+        # Leave empty or delete key, if you do not want to be redirected.
+        logouturl:
+        # The client ID used to authenticate Vikunja at the OpenID Connect provider.
+        clientid:
+        # The client secret used to authenticate Vikunja at the OpenID Connect provider.
+        clientsecret:
+        # The scope necessary to use oidc.
+        # If you want to use the Feature to create and assign to Vikunja teams via oidc, you have to add the custom "vikunja_scope" and check [openid.md](https://vikunja.io/docs/openid/).
+        # e.g. scope: openid email profile vikunja_scope
+        scope: openid email profile
+
+# Prometheus metrics endpoint
+metrics:
+  # If set to true, enables a /metrics endpoint for prometheus to collect metrics about Vikunja. You can query it from `/api/v1/metrics`.
+  enabled: false
+  # If set to a non-empty value the /metrics endpoint will require this as a username via basic auth in combination with the password below.
+  username:
+  # If set to a non-empty value the /metrics endpoint will require this as a password via basic auth in combination with the username below.
+  password:
+
+# Provide default settings for new users. When a new user is created, these settings will automatically be set for the user. If you change them in the config file afterwards they will not be changed back for existing users.
+defaultsettings:
+  # The avatar source for the user. Can be `gravatar`, `initials`, `upload` or `marble`. If you set this to `upload` you'll also need to specify `defaultsettings.avatar_file_id`.
+  avatar_provider: initials
+  # The id of the file used as avatar.
+  avatar_file_id: 0
+  # If set to true users will get task reminders via email.
+  email_reminders_enabled: false
+  # If set to true will allow other users to find this user when searching for parts of their name.
+  discoverable_by_name: false
+  # If set to true will allow other users to find this user when searching for their exact email.
+  discoverable_by_email: false
+  # If set to true will send an email every day with all overdue tasks at a configured time.
+  overdue_tasks_reminders_enabled: true
+  # When to send the overdue task reminder email.
+  overdue_tasks_reminders_time: 9:00
+  # The id of the default project. Make sure users actually have access to this project when setting this value.
+  default_project_id: 0
+  # Start of the week for the user. `0` is sunday, `1` is monday and so on.
+  week_start: 0
+  # The language of the user interface. Must be an ISO 639-1 language code followed by an ISO 3166-1 alpha-2 country code. Check https://kolaente.dev/vikunja/vikunja/frontend/src/branch/main/src/i18n/lang for a list of possible languages. Will default to the browser language the user uses when signing up.
+  language: <unset>
+  # The time zone of each individual user. This will affect when users get reminders and overdue task emails.
+  timezone: <time zone set at service.timezone>
+
+webhooks:
+  # Whether to enable support for webhooks
+  enabled: true
+  # The timeout in seconds until a webhook request fails when no response has been received.
+  timeoutseconds: 30
+  # The URL of [a mole instance](https://github.com/frain-dev/mole) to use to proxy outgoing webhook requests. You should use this and configure appropriately if you're not the only one using your Vikunja instance. More info about why: https://webhooks.fyi/best-practices/webhook-providers#implement-security-on-egress-communication. Must be used in combination with `webhooks.password` (see below).
+  proxyurl:
+  # The proxy password to use when authenticating against the proxy.
+  proxypassword:
@@ -51,11 +51,11 @@
    }
  },
  "devDependencies": {
-    "electron": "34.0.0",
-    "electron-builder": "25.1.8"
+    "electron": "29.4.6",
+    "electron-builder": "24.13.3"
  },
  "dependencies": {
    "connect-history-api-fallback": "2.0.0",
-    "express": "4.21.2"
+    "express": "4.21.0"
  }
 }
@@ -3,10 +3,11 @@
    "devenv": {
      "locked": {
        "dir": "src/modules",
-        "lastModified": 1730028891,
+        "lastModified": 1726063457,
        "owner": "cachix",
        "repo": "devenv",
-        "rev": "a337f8862efa9bde348c48a48b5b943f710604dd",
+        "rev": "39bf6ce569103c9390d37322daa59468c31b3ce7",
+        "treeHash": "839747a1cb35ba6d5b36cce9a739ab2ba5e4a5d4",
        "type": "github"
      },
      "original": {
@@ -23,6 +24,7 @@
        "owner": "edolstra",
        "repo": "flake-compat",
        "rev": "0f9255e01c2351cc7d116c072cb317785dd33b33",
+        "treeHash": "2addb7b71a20a25ea74feeaf5c2f6a6b30898ecb",
        "type": "github"
      },
      "original": {
@@ -43,6 +45,7 @@
        "owner": "hercules-ci",
        "repo": "gitignore.nix",
        "rev": "637db329424fd7e46cf4185293b9cc8c88c95394",
+        "treeHash": "ca14199cabdfe1a06a7b1654c76ed49100a689f9",
        "type": "github"
      },
      "original": {
@@ -57,6 +60,7 @@
        "owner": "cachix",
        "repo": "devenv-nixpkgs",
        "rev": "4267e705586473d3e5c8d50299e71503f16a6fb6",
+        "treeHash": "6d9f1f7ca0faf1bc2eeb397c78a49623260d3412",
        "type": "github"
      },
      "original": {
@@ -68,10 +72,11 @@
    },
    "nixpkgs-stable": {
      "locked": {
-        "lastModified": 1729973466,
+        "lastModified": 1725930920,
        "owner": "NixOS",
        "repo": "nixpkgs",
-        "rev": "cd3e8833d70618c4eea8df06f95b364b016d4950",
+        "rev": "44a71ff39c182edaf25a7ace5c9454e7cba2c658",
+        "treeHash": "56e93544112b7bb7aa0c3093d537295683ef9148",
        "type": "github"
      },
      "original": {
@@ -83,10 +88,11 @@
    },
    "nixpkgs-unstable": {
      "locked": {
-        "lastModified": 1729880355,
+        "lastModified": 1725983898,
        "owner": "NixOS",
        "repo": "nixpkgs",
-        "rev": "18536bf04cd71abd345f9579158841376fdd0c5a",
+        "rev": "1355a0cbfeac61d785b7183c0caaec1f97361b43",
+        "treeHash": "d8ce0c1af7690da6161f0991484661331f5bc999",
        "type": "github"
      },
      "original": {
@@ -106,10 +112,11 @@
        "nixpkgs-stable": "nixpkgs-stable"
      },
      "locked": {
-        "lastModified": 1729104314,
+        "lastModified": 1725513492,
        "owner": "cachix",
        "repo": "pre-commit-hooks.nix",
-        "rev": "3c3e88f0f544d6bb54329832616af7eb971b6be6",
+        "rev": "7570de7b9b504cfe92025dd1be797bf546f66528",
+        "treeHash": "4b46d77870afecd8f642541cb4f4927326343b59",
        "type": "github"
      },
      "original": {
@@ -3,10 +3,6 @@
 let
  pkgs-unstable = import inputs.nixpkgs-unstable { system = pkgs.stdenv.system; };
 in {
-  scripts.patch-sass-embedded.exec = ''
-  find node_modules/.pnpm/sass-embedded-linux-*/node_modules/sass-embedded-linux-*/dart-sass/src -name dart -print0 | xargs -I {} -0 patchelf --set-interpreter "$(<$NIX_CC/nix-support/dynamic-linker)" {}
-  '';
-
  packages = with pkgs-unstable; [
    # General tools
    git-cliff 
@@ -0,0 +1,63 @@
+/* eslint-env node */
+require('@rushstack/eslint-patch/modern-module-resolution')
+
+module.exports = {
+	'root': true,
+	'env': {
+		'browser': true,
+		'es2022': true,
+		'node': true,
+	},
+	'extends': [
+		'eslint:recommended',
+		'plugin:vue/vue3-recommended',
+		'@vue/eslint-config-typescript/recommended',
+	],
+	'rules': {
+		'quotes': ['error', 'single'],
+		'comma-dangle': ['error', 'always-multiline'],
+		'semi': ['error', 'never'],
+
+		'vue/v-on-event-hyphenation': ['warn', 'never', { 'autofix': true }],
+		'vue/multi-word-component-names': 'off',
+
+		// uncategorized rules:
+		'vue/component-api-style': ['error', ['script-setup']],
+		'vue/component-name-in-template-casing': ['error', 'PascalCase', {
+			'globals': ['RouterView', 'RouterLink', 'Icon', 'Notifications', 'Modal', 'Card'],
+		}],
+		'vue/custom-event-name-casing': ['error', 'camelCase'],
+		'vue/define-macros-order': 'error',
+		'vue/match-component-file-name': ['error', {
+			'extensions': ['.js', '.jsx', '.ts', '.tsx', '.vue'],
+			'shouldMatchCase': true,
+		}],
+		'vue/no-boolean-default': ['warn', 'default-false'],
+		'vue/match-component-import-name': 'error',
+		'vue/prefer-separate-static-class': 'warn',
+
+		'vue/padding-line-between-blocks': 'error',
+		'vue/next-tick-style': ['error', 'promise'],
+		'vue/block-lang': [
+			'error',
+			{ 'script': { 'lang': 'ts' } },
+		],
+		'vue/no-duplicate-attr-inheritance': 'error',
+		'vue/no-empty-component-block': 'error',
+		'vue/html-indent': ['error', 'tab'],
+
+		// vue3
+		'vue/no-ref-object-reactivity-loss': 'error',
+		'vue/no-setup-props-reactivity-loss': 'warn', // TODO: switch to error after vite `propsDestructure` is removed
+	},
+	'parser': 'vue-eslint-parser',
+	'parserOptions': {
+		'parser': '@typescript-eslint/parser',
+		'ecmaVersion': 'latest',
+		'tsconfigRootDir': __dirname,
+	},
+	'ignorePatterns': [
+		'*.test.*',
+		'cypress/*',
+	],
+}
@@ -11,8 +11,6 @@ stats.html
 node_modules
 .DS_Store
 dist
-dist-dev
-dist-test
 coverage
 *.zip
 .vite/
@@ -1 +1 @@
-22.13.0
+20.16.0
@@ -2,14 +2,30 @@

 > The todo app to organize your life.

+[![Build Status](https://drone.kolaente.de/api/badges/vikunja/vikunja/status.svg)](https://drone.kolaente.de/vikunja/vikunja)
 [![License: AGPL v3](https://img.shields.io/badge/License-AGPL%20v3-blue.svg)](LICENSE)
+[![Download](https://img.shields.io/badge/download-v0.22.1-brightgreen.svg)](https://dl.vikunja.io)
 [![Translation](https://badges.crowdin.net/vikunja/localized.svg)](https://crowdin.com/project/vikunja)

 This is the web frontend for Vikunja, written in Vue.js.

 Take a look at [our roadmap](https://my.vikunja.cloud/share/UrdhKPqumxDXUbYpEGJLSIyNTwAnbBzVlwdDpRbv/auth) (hosted on Vikunja!) for a list of things we're currently working on!

-For general information about the project, refer to the top-level readme of this repo.
+## Security Reports
+
+If you find any security-related issues you don't want to disclose publicly, please use [the contact information on our website](https://vikunja.io/contact/#security).
+
+## Docker
+
+There is a [docker image available](https://hub.docker.com/r/vikunja/vikunja) with support for http/2 and aggressive caching enabled.
+In order to build it from sources run the command below. (Docker >= v19.03)
+
+```shell
+export DOCKER_BUILDKIT=1
+docker build -t vikunja/frontend .
+```
+
+Refer to [multi-platform documentation](https://docs.docker.com/build/building/multi-platform/) in order to build for different platforms.

 ## Project setup

@@ -20,7 +36,7 @@ pnpm install
 ### Compiles and hot-reloads for development

 ```shell
-pnpm run dev
+pnpm run serve
 ```

 ### Compiles and minifies for production
@@ -148,7 +148,7 @@ describe('Project View Kanban', () => {
 		cy.get('.kanban .bucket .bucket-header .dropdown.options .dropdown-menu .dropdown-item')
 			.contains('Delete')
 			.click()
-		cy.get('.modal-mask .modal-container .modal-content .modal-header')
+		cy.get('.modal-mask .modal-container .modal-content .header')
 			.should('contain', 'Delete the bucket')
 		cy.get('.modal-mask .modal-container .modal-content .actions .button')
 			.contains('Do it!')
@@ -251,7 +251,7 @@ describe('Project View Kanban', () => {
 			.should('be.visible')
 			.contains('Delete')
 			.click()
-		cy.get('.modal-mask .modal-container .modal-content .modal-header')
+		cy.get('.modal-mask .modal-container .modal-content .header')
 			.should('contain', 'Delete this task')
 		cy.get('.modal-mask .modal-container .modal-content .actions .button')
 			.contains('Do it!')
@@ -59,7 +59,7 @@ describe('Projects', () => {
 		cy.get('.menu-container .menu-list li:first-child .dropdown .dropdown-content')
 			.contains('Edit')
 			.click()
-		cy.get('#title:not(:disabled)')
+		cy.get('#title')
 			.type(`{selectall}${newProjectName}`)
 		cy.get('footer.card-footer .button')
 			.contains('Save')
@@ -356,7 +356,7 @@ describe('Task', () => {
 				.should('be.visible')
 				.contains('Delete')
 				.click()
-			cy.get('.modal-mask .modal-container .modal-content .modal-header')
+			cy.get('.modal-mask .modal-container .modal-content .header')
 				.should('contain', 'Delete this task')
 			cy.get('.modal-mask .modal-container .modal-content .actions .button')
 				.contains('Do it!')
@@ -9,7 +9,7 @@ export class LinkShareFactory extends Factory {

 		return {
 			id: '{increment}',
-			hash: faker.lorem.word(32),
+			hash: faker.random.word(32),
 			project_id: 1,
 			right: 0,
 			sharing_type: 0,
@@ -10,7 +10,7 @@ export class UserFactory extends Factory {

 		return {
            id: '{increment}',
-            username: faker.lorem.word(10) + faker.string.uuid(),
+            username: faker.lorem.word(10) + faker.datatype.uuid(),
            password: '$2a$14$dcadBoMBL9jQoOcZK8Fju.cy0Ptx2oZECkKLnaa8ekRoTFe1w7To.', // 1234
 			status: 0,
 			issuer: 'local',
@@ -1 +1,9 @@
-declare module 'postcss-easing-gradients';
+declare module 'postcss-easings' {
+  import postcssEasings from 'postcss-easings'
+  export default postcssEasings
+}
+
+declare module 'postcss-easing-gradients' {
+  import postcssEasingGradients from 'postcss-easing-gradients'
+  export default postcssEasingGradients
+}
@@ -16,8 +16,6 @@ interface ImportMetaEnv {
 	readonly SENTRY_PROJECT?: string

 	readonly VITE_IS_ONLINE: boolean
-
-	readonly VUE_DEVTOOLS_LAUNCH_EDITOR: VitePluginVueDevToolsOptions.launchEditor
 }

 interface ImportMeta {
@@ -1,88 +0,0 @@
-import pluginVue from 'eslint-plugin-vue'
-import js from '@eslint/js'
-import vueTsEslintConfig from '@vue/eslint-config-typescript'
-
-export default [
-	js.configs.recommended,
-	...pluginVue.configs['flat/recommended'],
-	...vueTsEslintConfig(),
-	{
-		ignores: [
-			'**/*.test.ts',
-			'./cypress',
-		],
-	},
-	{
-		rules: {
-			'quotes': ['error', 'single'],
-			'comma-dangle': ['error', 'always-multiline'],
-			'semi': ['error', 'never'],
-
-			'vue/v-on-event-hyphenation': ['warn', 'never', {'autofix': true}],
-			'vue/multi-word-component-names': 'off',
-
-			// uncategorized rules:
-			'vue/component-api-style': ['error', ['script-setup']],
-			'vue/component-name-in-template-casing': ['error', 'PascalCase', {
-				'globals': ['RouterView', 'RouterLink', 'Icon', 'Notifications', 'Modal', 'Card'],
-			}],
-			'vue/custom-event-name-casing': ['error', 'camelCase'],
-			'vue/define-macros-order': 'error',
-			'vue/match-component-file-name': ['error', {
-				'extensions': ['.js', '.jsx', '.ts', '.tsx', '.vue'],
-				'shouldMatchCase': true,
-			}],
-			'vue/no-boolean-default': ['warn', 'default-false'],
-			'vue/match-component-import-name': 'error',
-			'vue/prefer-separate-static-class': 'warn',
-
-			'vue/padding-line-between-blocks': 'error',
-			'vue/next-tick-style': ['error', 'promise'],
-			'vue/block-lang': [
-				'error',
-				{'script': {'lang': 'ts'}},
-			],
-			'vue/no-duplicate-attr-inheritance': 'error',
-			'vue/no-empty-component-block': 'error',
-			'vue/html-indent': ['error', 'tab'],
-
-			// vue3
-			'vue/no-ref-object-reactivity-loss': 'error',
-			'vue/no-setup-props-reactivity-loss': 'warn', // TODO: switch to error after vite `propsDestructure` is removed
-
-			'@typescript-eslint/no-unused-vars': [
-				'error',
-				{
-					// 'args': 'all',
-					// 'argsIgnorePattern': '^_',
-					'caughtErrors': 'all',
-					'caughtErrorsIgnorePattern': '^_',
-					// 'destructuredArrayIgnorePattern': '^_',
-					'varsIgnorePattern': '^_',
-					'ignoreRestSiblings': true,
-				},
-			],
-		},
-
-		// files: ['*.vue', '**/*.vue'],
-		languageOptions: {
-			parserOptions: {
-				parser: '@typescript-eslint/parser',
-				ecmaVersion: 'latest',
-				tsconfigRootDir: '.',
-			},
-		},
-
-
-		// 'parser': 'vue-eslint-parser',
-		// 'parserOptions': {
-		// 	'parser': '@typescript-eslint/parser',
-		// 	'ecmaVersion': 'latest',
-		// 	'tsconfigRootDir': __dirname,
-		// },
-		// 'ignorePatterns': [
-		// 	'cypress/*',
-		// ],
-	},
-
-]
@@ -13,7 +13,7 @@
  },
  "homepage": "https://vikunja.io/",
  "funding": "https://opencollective.com/vikunja",
-  "packageManager": "pnpm@9.15.4",
+  "packageManager": "pnpm@9.10.0",
  "keywords": [
    "todo",
    "productivity",
@@ -30,7 +30,8 @@
    "preview:dev": "vite preview --outDir dist-dev --mode development --port 4173",
    "preview:test": "vite preview --port 4173 --outDir dist-test",
    "build": "vite build && workbox copyLibraries dist/",
-    "build:test": "vite build --outDir dist-test && workbox copyLibraries dist-test/",
+    "build:test": "vite build --outDir dist-test && workbox copyLibraries dist-dev/",
+    "build:modern-only": "BUILD_MODERN_ONLY=true vite build && workbox copyLibraries dist/",
    "build:dev": "vite build --mode development --outDir dist-dev/",
    "lint": "eslint 'src/**/*.{js,ts,vue}'",
    "lint:fix": "pnpm run lint --fix",
@@ -49,113 +50,132 @@
    "story:preview": "histoire preview"
  },
  "dependencies": {
-    "@fortawesome/fontawesome-svg-core": "6.7.2",
-    "@fortawesome/free-regular-svg-icons": "6.7.2",
-    "@fortawesome/free-solid-svg-icons": "6.7.2",
+    "@fortawesome/fontawesome-svg-core": "6.6.0",
+    "@fortawesome/free-regular-svg-icons": "6.6.0",
+    "@fortawesome/free-solid-svg-icons": "6.6.0",
    "@fortawesome/vue-fontawesome": "3.0.8",
    "@github/hotkey": "3.1.1",
    "@infectoone/vue-ganttastic": "2.3.2",
-    "@intlify/unplugin-vue-i18n": "6.0.3",
-    "@kyvg/vue3-notification": "3.4.1",
-    "@sentry/tracing": "7.120.3",
-    "@sentry/vue": "8.50.0",
-    "@tiptap/core": "2.11.2",
-    "@tiptap/extension-code-block": "2.11.2",
-    "@tiptap/extension-code-block-lowlight": "2.11.2",
-    "@tiptap/extension-hard-break": "2.11.2",
-    "@tiptap/extension-image": "2.11.2",
-    "@tiptap/extension-link": "2.11.2",
-    "@tiptap/extension-placeholder": "2.11.2",
-    "@tiptap/extension-table": "2.11.2",
-    "@tiptap/extension-table-cell": "2.11.2",
-    "@tiptap/extension-table-header": "2.11.2",
-    "@tiptap/extension-table-row": "2.11.2",
-    "@tiptap/extension-task-item": "2.11.2",
-    "@tiptap/extension-task-list": "2.11.2",
-    "@tiptap/extension-typography": "2.11.2",
-    "@tiptap/extension-underline": "2.11.2",
-    "@tiptap/pm": "2.11.2",
-    "@tiptap/starter-kit": "2.11.2",
-    "@tiptap/suggestion": "2.11.2",
-    "@tiptap/vue-3": "2.11.2",
-    "@vueuse/core": "12.4.0",
-    "@vueuse/router": "12.4.0",
-    "axios": "1.7.9",
+    "@intlify/unplugin-vue-i18n": "5.0.0",
+    "@kyvg/vue3-notification": "3.3.0",
+    "@sentry/tracing": "7.114.0",
+    "@sentry/vue": "8.30.0",
+    "@tiptap/core": "2.7.1",
+    "@tiptap/extension-blockquote": "2.7.1",
+    "@tiptap/extension-bold": "2.7.1",
+    "@tiptap/extension-bullet-list": "2.7.1",
+    "@tiptap/extension-code": "2.7.1",
+    "@tiptap/extension-code-block": "2.7.1",
+    "@tiptap/extension-code-block-lowlight": "2.7.1",
+    "@tiptap/extension-document": "2.7.1",
+    "@tiptap/extension-dropcursor": "2.7.1",
+    "@tiptap/extension-gapcursor": "2.7.1",
+    "@tiptap/extension-hard-break": "2.7.1",
+    "@tiptap/extension-heading": "2.7.1",
+    "@tiptap/extension-history": "2.7.1",
+    "@tiptap/extension-horizontal-rule": "2.7.1",
+    "@tiptap/extension-image": "2.7.1",
+    "@tiptap/extension-italic": "2.7.1",
+    "@tiptap/extension-link": "2.7.1",
+    "@tiptap/extension-list-item": "2.7.1",
+    "@tiptap/extension-ordered-list": "2.7.1",
+    "@tiptap/extension-paragraph": "2.7.1",
+    "@tiptap/extension-placeholder": "2.7.1",
+    "@tiptap/extension-strike": "2.7.1",
+    "@tiptap/extension-table": "2.7.1",
+    "@tiptap/extension-table-cell": "2.7.1",
+    "@tiptap/extension-table-header": "2.7.1",
+    "@tiptap/extension-table-row": "2.7.1",
+    "@tiptap/extension-task-item": "2.7.1",
+    "@tiptap/extension-task-list": "2.7.1",
+    "@tiptap/extension-text": "2.7.1",
+    "@tiptap/extension-typography": "2.7.1",
+    "@tiptap/extension-underline": "2.7.1",
+    "@tiptap/pm": "2.7.1",
+    "@tiptap/suggestion": "2.7.1",
+    "@tiptap/vue-3": "2.7.1",
+    "@vueuse/core": "11.1.0",
+    "@vueuse/router": "11.1.0",
+    "axios": "1.7.7",
    "blurhash": "2.0.5",
    "bulma-css-variables": "0.9.33",
    "change-case": "5.4.4",
    "date-fns": "4.1.0",
    "dayjs": "1.11.13",
-    "dompurify": "3.2.3",
+    "dompurify": "3.1.6",
    "fast-deep-equal": "3.1.3",
    "flatpickr": "4.6.13",
    "flexsearch": "0.7.43",
    "floating-vue": "5.2.2",
    "is-touch-device": "1.0.1",
    "klona": "2.0.6",
-    "lowlight": "3.3.0",
-    "pinia": "2.3.0",
+    "lowlight": "2.9.0",
+    "pinia": "2.2.2",
    "register-service-worker": "1.7.2",
-    "sortablejs": "1.15.6",
-    "tailwindcss": "3.4.17",
+    "sortablejs": "1.15.3",
+    "tailwindcss": "3.4.12",
    "tippy.js": "6.3.7",
    "ufo": "1.5.4",
-    "vue": "3.5.13",
+    "vue": "3.5.6",
    "vue-advanced-cropper": "2.8.9",
    "vue-flatpickr-component": "11.0.5",
-    "vue-i18n": "11.0.1",
-    "vue-router": "4.5.0",
-    "vuemoji-picker": "0.3.2",
-    "workbox-precaching": "7.3.0",
+    "vue-i18n": "10.0.1",
+    "vue-router": "4.4.5",
+    "vuemoji-picker": "0.2.1",
+    "workbox-precaching": "7.1.0",
    "zhyswan-vuedraggable": "4.1.3"
  },
  "devDependencies": {
    "@4tw/cypress-drag-drop": "2.2.5",
-    "@cypress/vite-dev-server": "6.0.1",
-    "@cypress/vue": "6.0.2",
-    "@faker-js/faker": "9.4.0",
+    "@cypress/vite-dev-server": "5.2.0",
+    "@cypress/vue": "6.0.1",
+    "@faker-js/faker": "8.4.1",
    "@histoire/plugin-screenshot": "0.17.17",
    "@histoire/plugin-vue": "0.17.17",
-    "@tsconfig/node22": "22.0.0",
+    "@rushstack/eslint-patch": "1.10.4",
+    "@tsconfig/node20": "20.1.4",
    "@types/codemirror": "5.60.15",
+    "@types/dompurify": "3.0.5",
    "@types/flexsearch": "0.7.6",
-    "@types/is-touch-device": "1.0.3",
-    "@types/node": "22.10.7",
+    "@types/is-touch-device": "1.0.2",
+    "@types/lodash.clonedeep": "4.5.9",
+    "@types/node": "20.16.5",
    "@types/sortablejs": "1.15.8",
-    "@typescript-eslint/eslint-plugin": "8.20.0",
-    "@typescript-eslint/parser": "8.20.0",
-    "@vitejs/plugin-vue": "5.2.1",
-    "@vue/eslint-config-typescript": "14.3.0",
+    "@typescript-eslint/eslint-plugin": "7.18.0",
+    "@typescript-eslint/parser": "7.18.0",
+    "@vitejs/plugin-legacy": "5.4.2",
+    "@vitejs/plugin-vue": "5.1.4",
+    "@vue/eslint-config-typescript": "13.0.0",
    "@vue/test-utils": "2.4.6",
-    "@vue/tsconfig": "0.7.0",
+    "@vue/tsconfig": "0.5.1",
    "autoprefixer": "10.4.20",
-    "browserslist": "4.24.4",
-    "caniuse-lite": "1.0.30001695",
+    "browserslist": "4.23.3",
+    "caniuse-lite": "1.0.30001660",
    "csstype": "3.1.3",
-    "cypress": "14.0.0",
-    "esbuild": "0.24.2",
-    "eslint": "9.18.0",
-    "eslint-plugin-vue": "9.32.0",
-    "happy-dom": "16.6.0",
+    "cypress": "13.14.2",
+    "esbuild": "0.23.1",
+    "eslint": "8.57.1",
+    "eslint-plugin-vue": "9.28.0",
+    "happy-dom": "14.12.3",
    "histoire": "0.17.17",
-    "postcss": "8.5.1",
+    "postcss": "8.4.47",
    "postcss-easing-gradients": "3.0.1",
-    "postcss-preset-env": "10.1.3",
-    "rollup": "4.30.1",
-    "rollup-plugin-visualizer": "5.14.0",
-    "sass-embedded": "1.83.4",
-    "start-server-and-test": "2.0.10",
-    "typescript": "5.7.3",
-    "unplugin-inject-preload": "3.0.0",
-    "vite": "6.0.7",
-    "vite-plugin-pwa": "0.21.1",
+    "postcss-easings": "4.0.0",
+    "postcss-preset-env": "9.6.0",
+    "rollup": "4.21.3",
+    "rollup-plugin-visualizer": "5.12.0",
+    "sass": "1.79.1",
+    "start-server-and-test": "2.0.8",
+    "typescript": "5.6.2",
+    "unplugin-inject-preload": "2.0.5",
+    "vite": "5.4.6",
+    "vite-plugin-pwa": "0.20.5",
    "vite-plugin-sentry": "1.4.0",
-    "vite-plugin-vue-devtools": "7.7.0",
    "vite-svg-loader": "5.1.0",
-    "vitest": "3.0.2",
-    "vue-tsc": "2.2.0",
-    "wait-on": "8.0.2",
-    "workbox-cli": "7.3.0"
+    "vitest": "1.6.0",
+    "vue-tsc": "2.1.6",
+    "wait-on": "7.2.0",
+    "workbox-cli": "7.1.0"
  },
  "pnpm": {
    "patchedDependencies": {
@@ -1,10 +1,10 @@
 <template>
 	<Ready>
-		<template v-if="authStore.authUser">
+		<template v-if="authUser">
 			<AppHeader />
 			<ContentAuth />
 		</template>
-		<ContentLinkShare v-else-if="authStore.authLinkShare" />
+		<ContentLinkShare v-else-if="authLinkShare" />
 		<NoAuthWrapper v-else>
 			<RouterView />
 		</NoAuthWrapper>
@@ -49,15 +49,17 @@ import DemoMode from '@/components/home/DemoMode.vue'
 const importAccountDeleteService = () => import('@/services/accountDelete')
 import {success} from '@/message'

-const authStore = useAuthStore()
 const baseStore = useBaseStore()
-
+const authStore = useAuthStore()
 const router = useRouter()
 const route = useRoute()

 useBodyClass('is-touch', isTouchDevice())
 const keyboardShortcutsActive = computed(() => baseStore.keyboardShortcutsActive)

+const authUser = computed(() => authStore.authUser)
+const authLinkShare = computed(() => authStore.authLinkShare)
+
 const {t} = useI18n({useScope: 'global'})

 // setup account deletion verification
@@ -100,4 +102,6 @@ setLanguage(authStore.settings.language)
 useColorScheme()
 </script>

-<style lang="scss" src="@/styles/global.scss" />
+<style lang="scss">
+@import '@/styles/global.scss';
+</style>
@@ -3,22 +3,33 @@
 		v-cy="'checkbox'"
 		class="base-checkbox"
 	>
-		<label
-			class="base-checkbox__label"
+		<input
+			:id="checkboxId"
+			type="checkbox"
+			class="is-sr-only"
+			:checked="modelValue"
+			:disabled="disabled || undefined"
+			@change="(event) => emit('update:modelValue', (event.target as HTMLInputElement).checked)"
 		>
-			<input
-				type="checkbox"
-				class="is-sr-only"
-				:checked="modelValue"
-				:disabled="disabled || undefined"
-				@change="(event) => emit('update:modelValue', (event.target as HTMLInputElement).checked)"
+
+		<slot
+			name="label"
+			:checkbox-id="checkboxId"
+		>
+			<label
+				:for="checkboxId"
+				class="base-checkbox__label"
 			>
-			<slot />
-		</label>
+				<slot />
+			</label>
+		</slot>
 	</div>
 </template>

 <script setup lang="ts">
+import {ref} from 'vue'
+import {createRandomID} from '@/helpers/randomId'
+
 withDefaults(defineProps<{
 	modelValue?: boolean,
 	disabled: boolean,
@@ -27,8 +38,10 @@ withDefaults(defineProps<{
 })

 const emit = defineEmits<{
-	(event: 'update:modelValue', value: boolean): void
+  (event: 'update:modelValue', value: boolean): void
 }>()
+
+const checkboxId = ref(`checkbox_${createRandomID()}`)
 </script>

 <style lang="scss" scoped>
@@ -40,7 +53,7 @@ const emit = defineEmits<{
 }

 .base-checkbox:has(input:disabled) .base-checkbox__label {
-	cursor: not-allowed;
+	cursor:not-allowed;
 	pointer-events: none;
 }
 </style>
@@ -1,97 +0,0 @@
-<template>
-	<nav
-		v-if="totalPages > 1"
-		aria-label="pagination"
-		class="pagination is-centered p-4"
-		role="navigation"
-	>
-		<slot
-			name="previous"
-			:disabled="currentPage === 1"
-		>
-			{{ $t('misc.previous') }}
-		</slot>
-		<slot
-			name="next"
-			:disabled="currentPage === totalPages"
-		>
-			{{ $t('misc.next') }}
-		</slot>
-		<ul class="pagination-list">
-			<li
-				v-for="(p, i) in pages"
-				:key="`page-${i}`"
-			>
-				<span
-					v-if="p.isEllipsis"
-					class="pagination-ellipsis"
-				>&hellip;</span>
-				<slot
-					v-else
-					name="page-link"
-					:page="p"
-					:is-current="p.number === currentPage"
-				>
-					{{ p.number }}
-				</slot>
-			</li>
-		</ul>
-	</nav>
-</template>
-
-<script lang="ts" setup>
-import {computed} from 'vue'
-
-const props = defineProps<{
-	totalPages: number,
-	currentPage: number
-}>()
-
-function createPagination(totalPages: number, currentPage: number) {
-	const pages = []
-	for (let i = 0; i < totalPages; i++) {
-		if (
-			i > 0 &&
-			(i + 1) < totalPages &&
-			((i + 1) > currentPage + 1 || (i + 1) < currentPage - 1)
-		) {
-			if (pages[i - 1] && !pages[i - 1].isEllipsis) {
-				pages.push({
-					number: 0,
-					isEllipsis: true,
-				})
-			}
-			continue
-		}
-
-		pages.push({
-			number: i + 1,
-			isEllipsis: false,
-		})
-	}
-	return pages
-}
-
-const pages = computed(() => createPagination(props.totalPages, props.currentPage))
-</script>
-
-<style lang="scss" scoped>
-.pagination {
-	padding-bottom: 1rem;
-}
-
-.pagination-previous,
-.pagination-next {
-	&:not(:disabled):hover {
-		background: $scheme-main;
-		cursor: pointer;
-	}
-}
-
-.pagination-list {
-	&, & li {
-		margin-top: 0;
-	}
-}
-</style>
-  
@@ -73,7 +73,6 @@ function getHeight(el: HTMLElement) {
 * https://gist.github.com/paulirish/5d52fb081b3570c81e3a
 */
 function forceLayout(el: HTMLElement) {
-  // eslint-disable-next-line @typescript-eslint/no-unused-expressions
  el.offsetTop
 }

@@ -134,16 +133,11 @@ function removeHeight(el: HTMLElement) {
 <style lang="scss" scoped>
 $transition-time: 300ms;

-// https://easings.net/#easeInQuint
-$ease-in-quint: cubic-bezier(0.64, 0, 0.78, 0);
-// https://easings.net/#easeInOutQuint
-$ease-in-out-quint: cubic-bezier(0.83, 0, 0.17, 1);
-
 .expandable-slide-enter-active,
 .expandable-slide-leave-active {
  transition:
-    opacity $transition-time $ease-in-quint,
-    height $transition-time $ease-in-out-quint;
+    opacity $transition-time ease-in-quint,
+    height $transition-time ease-in-out-quint;
  overflow: hidden;
 }

@@ -36,9 +36,9 @@
 		</p>
 		<p>{{ $t('misc.forExample') }}</p>
 		<ul>
-			<li><code>+1d</code>: {{ $t('input.datemathHelp.add1Day') }}</li>
-			<li><code>-1d</code>: {{ $t('input.datemathHelp.minus1Day') }}</li>
-			<li><code>/d</code>: {{ $t('input.datemathHelp.roundDay') }}</li>
+			<li><code>+1d</code> {{ $t('input.datemathHelp.add1Day') }}</li>
+			<li><code>-1d</code> {{ $t('input.datemathHelp.minus1Day') }}</li>
+			<li><code>/d</code> {{ $t('input.datemathHelp.roundDay') }}</li>
 		</ul>
 		<h3>{{ $t('input.datemathHelp.supportedUnits') }}</h3>
 		<table class="table">
@@ -112,7 +112,7 @@ import Popup from '@/components/misc/Popup.vue'
 import {DATE_RANGES} from '@/components/date/dateRanges'
 import BaseButton from '@/components/base/BaseButton.vue'
 import DatemathHelp from '@/components/date/DatemathHelp.vue'
-import {useFlatpickrLanguage} from '@/helpers/useFlatpickrLanguage'
+import {getFlatpickrLanguage} from '@/helpers/flatpickrLanguage'

 const props = defineProps<{
 	modelValue: {
@@ -137,7 +137,7 @@ const flatPickerConfig = computed(() => ({
 	enableTime: false,
 	wrap: true,
 	mode: 'range',
-	locale: useFlatpickrLanguage().value,
+	locale: getFlatpickrLanguage(),
 }))

 const showHowItWorks = ref(false)
@@ -89,7 +89,7 @@ import Popup from '@/components/misc/Popup.vue'
 import {DATE_VALUES} from '@/components/date/dateRanges'
 import BaseButton from '@/components/base/BaseButton.vue'
 import DatemathHelp from '@/components/date/DatemathHelp.vue'
-import {useFlatpickrLanguage} from '@/helpers/useFlatpickrLanguage'
+import {getFlatpickrLanguage} from '@/helpers/flatpickrLanguage'

 const props = withDefaults(defineProps<{
 	modelValue: string | Date | null,
@@ -112,7 +112,7 @@ const flatPickerConfig = computed(() => ({
 	dateFormat: 'Y-m-d H:i',
 	enableTime: false,
 	wrap: true,
-	locale: useFlatpickrLanguage().value,
+	locale: getFlatpickrLanguage(),
 }))

 const showHowItWorks = ref(false)
@@ -25,7 +25,6 @@
 			</h1>

 			<BaseButton
-				v-if="!isEditorContentEmpty(currentProject.description)"
 				:to="{ name: 'project.info', params: { projectId: currentProject.id } }"
 				class="project-title-button"
 			>
@@ -125,7 +124,6 @@ import MenuButton from '@/components/home/MenuButton.vue'
 import OpenQuickActions from '@/components/misc/OpenQuickActions.vue'

 import { getProjectTitle } from '@/helpers/getProjectTitle'
-import { isEditorContentEmpty } from '@/helpers/editorContentEmpty'

 import { useBaseStore } from '@/stores/base'
 import { useConfigStore } from '@/stores/config'
@@ -21,7 +21,7 @@
 			</h1>
 			<div class="box has-text-left view">
 				<RouterView />
-				<PoweredByLink utm-medium="link_share" />
+				<PoweredByLink />
 			</div>
 		</div>
 	</div>
@@ -30,7 +30,8 @@ const enabled = computed(() => configStore.demoModeEnabled && !hide.value)
 .demo-mode-banner {
 	position: fixed;
 	bottom: 0;
-	inset-inline: 0;
+	left: 0;
+	right: 0;
 	background: var(--danger);
 	z-index: 100;
 	padding: .5rem;
@@ -109,10 +109,7 @@
 			</nav>
 		</template>

-		<PoweredByLink
-			class="mt-auto"
-			utm-medium="navigation"
-		/>
+		<PoweredByLink class="mt-auto" />
 	</aside>
 </template>

@@ -1,7 +1,7 @@
 <template>
 	<BaseButton
 		class="menu-bottom-link"
-		:href="computedUrl"
+		:href="poweredByUrl"
 		target="_blank"
 	>
 		{{ $t('misc.poweredBy') }}
@@ -9,15 +9,8 @@
 </template>

 <script setup lang="ts">
-import {computed} from 'vue'
 import BaseButton from '@/components/base/BaseButton.vue'
 import {POWERED_BY as poweredByUrl} from '@/urls'
-
-const props = defineProps<{
-	utmMedium: string;
-}>()
-
-const computedUrl = computed(() => `${poweredByUrl}&utm_medium=${props.utmMedium}`)
 </script>

 <style lang="scss">
@@ -25,7 +25,7 @@
 				/>
 				<div
 					class="color-bubble-handle-wrapper"
-					:class="{'is-draggable': project.id > 0 && project.maxRight > RIGHTS.READ}"
+					:class="{'is-draggable': project.id > 0}"
 				>
 					<ColorBubble
 						v-if="project.hexColor !== ''"
@@ -38,7 +38,7 @@
 						<Icon icon="filter" />
 					</span>
 					<span
-						v-if="project.id > 0 && project.maxRight > RIGHTS.READ"
+						v-if="project.id > 0"
 						class="icon menu-item-icon handle"
 						:class="{'has-color-bubble': project.hexColor !== ''}"
 					>
@@ -48,7 +48,7 @@
 				<span class="project-menu-title">{{ getProjectTitle(project) }}</span>
 			</BaseButton>
 			<BaseButton
-				v-if="project.id > 0 && project.maxRight > RIGHTS.READ"
+				v-if="project.id > 0"
 				class="favorite"
 				:class="{'is-favorite': project.isFavorite}"
 				@click="projectStore.toggleProjectFavorite(project)"
@@ -56,7 +56,6 @@
 				<Icon :icon="project.isFavorite ? 'star' : ['far', 'star']" />
 			</BaseButton>
 			<ProjectSettingsDropdown
-				v-if="project.maxRight > RIGHTS.READ"
 				class="menu-list-dropdown"
 				:project="project"
 			>
@@ -95,7 +94,6 @@ import ProjectSettingsDropdown from '@/components/project/ProjectSettingsDropdow
 import {getProjectTitle} from '@/helpers/getProjectTitle'
 import ColorBubble from '@/components/misc/ColorBubble.vue'
 import ProjectsNavigation from '@/components/home/ProjectsNavigation.vue'
-import {RIGHTS} from '@/constants/rights'

 const props = defineProps<{
 	project: IProject,
@@ -82,7 +82,7 @@ import {calculateDayInterval} from '@/helpers/time/calculateDayInterval'
 import {calculateNearestHours} from '@/helpers/time/calculateNearestHours'
 import {createDateFromString} from '@/helpers/time/createDateFromString'
 import {useI18n} from 'vue-i18n'
-import {useFlatpickrLanguage} from '@/helpers/useFlatpickrLanguage'
+import {getFlatpickrLanguage} from '@/helpers/flatpickrLanguage'

 const props = withDefaults(defineProps<{
 	modelValue: Date | null | string
@@ -114,7 +114,7 @@ const flatPickerConfig = computed(() => ({
 	enableTime: true,
 	time_24hr: true,
 	inline: true,
-	locale: useFlatpickrLanguage().value,
+	locale: getFlatpickrLanguage(),
 }))

 // Since flatpickr dates are strings, we need to convert them to native date objects.
@@ -38,6 +38,7 @@ const emit = defineEmits<{
 }>()
 </script>

+
 <style lang="scss" scoped>
 .fancy-checkbox {
  display: inline-block;
@@ -69,8 +70,8 @@ const emit = defineEmits<{
 	}
 }

-.fancy-checkbox:hover input:not(:disabled) + .fancy-checkbox__icon,
-.fancy-checkbox input:checked + .fancy-checkbox__icon {
+.fancy-checkbox:not(:has(input:disabled)):hover .fancy-checkbox__icon,
+.fancy-checkbox:has(input:checked) .fancy-checkbox__icon {
 	--stroke-color: var(--primary);
 }
 </style>
@@ -79,13 +80,13 @@ const emit = defineEmits<{
 // Since css-has-pseudo doesn't work with deep classes,
 // the following rules can't be scoped

-.fancy-checkbox :not(input:checked) + .fancy-checkbox__icon {
+.fancy-checkbox:has(:not(input:checked)) .fancy-checkbox__icon {
 	path {
 		transition-delay: 0.05s;
 	}
 }

-.fancy-checkbox input:checked + .fancy-checkbox__icon {
+.fancy-checkbox:has(input:checked) .fancy-checkbox__icon {
 	path {
 		stroke-dashoffset: 60;
 	}
@@ -123,7 +123,7 @@
 	</div>
 </template>

-<script setup lang="ts" generic="T extends { [id: string]: any }">
+<script setup lang="ts">
 import {computed, onBeforeUnmount, onMounted, ref, toRefs, watch, type ComponentPublicInstance} from 'vue'
 import {useI18n} from 'vue-i18n'

@@ -134,13 +134,15 @@ import CustomTransition from '@/components/misc/CustomTransition.vue'

 const props = withDefaults(defineProps<{
 	/** The object with the value, updated every time an entry is selected */
-	modelValue: T | T[] | null,
+	// eslint-disable-next-line @typescript-eslint/no-explicit-any
+	modelValue: { [id: string]: any } | null
 	/** When true, shows a loading spinner */
 	loading?: boolean
 	/** The placeholder of the search input */
 	placeholder?: string
 	/** The search results where the @search listener needs to put the results into */
-	searchResults?: T[]
+	// eslint-disable-next-line @typescript-eslint/no-explicit-any
+	searchResults?: { [id: string]: any }[]
 	/** The name of the property of the searched object to show the user. If empty the component will show all raw data of an entry */
 	label?: string
 	/** The id attribute of the input element */
@@ -186,7 +188,8 @@ const props = withDefaults(defineProps<{
 })

 const emit = defineEmits<{
-	'update:modelValue': [value: T | T[] | null],
+	// eslint-disable-next-line @typescript-eslint/no-explicit-any
+	'update:modelValue': [value: { [key: string]: any }[] | null],
 	/**
 	 * Triggered every time the search query input changes
 	 */
@@ -194,7 +197,8 @@ const emit = defineEmits<{
 	/**
 	 * Triggered every time an option from the search results is selected. Also triggers a change in v-model.
 	 */
-	'select': [value: T],
+	// eslint-disable-next-line @typescript-eslint/no-explicit-any
+	'select': [value: { [key: string]: any }],
 	/**
 	 * If nothing or no exact match was found and `creatable` is true, this event is triggered with the current value of the search query.
 	 */
@@ -202,7 +206,8 @@ const emit = defineEmits<{
 	/**
 	 * If `multiple` is enabled, this will be fired every time an item is removed from the array of selected items.
 	 */
-	'remove': [value: T],
+	// eslint-disable-next-line @typescript-eslint/no-explicit-any
+	'remove': [value: { [key: string]: any }],
 }>()

 // eslint-disable-next-line @typescript-eslint/no-explicit-any
@@ -215,12 +220,13 @@ function elementInResults(elem: string | any, label: string, query: string): boo
 	return elem === query
 }

-const query = ref<string | T>('')
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+const query = ref<string | { [key: string]: any }>('')
 const searchTimeout = ref<ReturnType<typeof setTimeout> | null>(null)
 const localLoading = ref(false)
 const showSearchResults = ref(false)
-
-const internalValue = ref<string | T | T[] | null>(null)
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+const internalValue = ref<string | { [key: string]: any } | any[] | null>(null)

 onMounted(() => document.addEventListener('click', hideSearchResultsHandler))
 onBeforeUnmount(() => document.removeEventListener('click', hideSearchResultsHandler))
@@ -319,13 +325,15 @@ function handleFocus() {
 	}, 10)
 }

-function select(object: T | null) {
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+function select(object: { [key: string]: any } | null) {
 	if (props.multiple) {
 		if (internalValue.value === null) {
 			internalValue.value = []
 		}

-		internalValue.value.push(object)
+		// eslint-disable-next-line @typescript-eslint/no-explicit-any
+		(internalValue.value as any[]).push(object)
 	} else {
 		internalValue.value = object
 	}
@@ -338,7 +346,8 @@ function select(object: T | null) {
 	}
 }

-function setSelectedObject(object: string | T | null, resetOnly = false) {
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+function setSelectedObject(object: string | { [id: string]: any } | null, resetOnly = false) {
 	internalValue.value = object

 	// We assume we're getting an array when multiple is enabled and can therefore leave the query
@@ -17,7 +17,7 @@
 				v-tooltip="$t('input.editor.bold')"
 				class="editor-bubble__button"
 				:class="{ 'is-active': editor.isActive('bold') }"
-				@click="() => editor?.chain().focus().toggleBold().run()"
+				@click="editor.chain().focus().toggleBold().run()"
 			>
 				<Icon :icon="['fa', 'fa-bold']" />
 			</BaseButton>
@@ -25,7 +25,7 @@
 				v-tooltip="$t('input.editor.italic')"
 				class="editor-bubble__button"
 				:class="{ 'is-active': editor.isActive('italic') }"
-				@click="() => editor?.chain().focus().toggleItalic().run()"
+				@click="editor.chain().focus().toggleItalic().run()"
 			>
 				<Icon :icon="['fa', 'fa-italic']" />
 			</BaseButton>
@@ -33,7 +33,7 @@
 				v-tooltip="$t('input.editor.underline')"
 				class="editor-bubble__button"
 				:class="{ 'is-active': editor.isActive('underline') }"
-				@click="() => editor?.chain().focus().toggleUnderline().run()"
+				@click="editor.chain().focus().toggleUnderline().run()"
 			>
 				<Icon :icon="['fa', 'fa-underline']" />
 			</BaseButton>
@@ -41,7 +41,7 @@
 				v-tooltip="$t('input.editor.strikethrough')"
 				class="editor-bubble__button"
 				:class="{ 'is-active': editor.isActive('strike') }"
-				@click="() => editor?.chain().focus().toggleStrike().run()"
+				@click="editor.chain().focus().toggleStrike().run()"
 			>
 				<Icon :icon="['fa', 'fa-strikethrough']" />
 			</BaseButton>
@@ -49,7 +49,7 @@
 				v-tooltip="$t('input.editor.code')"
 				class="editor-bubble__button"
 				:class="{ 'is-active': editor.isActive('code') }"
-				@click="() => editor?.chain().focus().toggleCode().run()"
+				@click="editor.chain().focus().toggleCode().run()"
 			>
 				<Icon :icon="['fa', 'fa-code']" />
 			</BaseButton>
@@ -87,7 +87,7 @@
 			<li>
 				<BaseButton
 					class="done-edit"
-					@click="() => setEdit()"
+					@click="setEdit"
 				>
 					{{ $t('input.editor.edit') }}
 				</BaseButton>
@@ -108,7 +108,7 @@
 			<li v-if="!isEditing">
 				<BaseButton
 					class="done-edit"
-					@click="() => setEdit()"
+					@click="setEdit"
 				>
 					{{ $t('input.editor.edit') }}
 				</BaseButton>
@@ -138,16 +138,11 @@

 <script setup lang="ts">
 import {computed, nextTick, onBeforeUnmount, onMounted, ref, watch} from 'vue'
-import {useI18n} from 'vue-i18n'
-import {eventToHotkeyString} from '@github/hotkey'

 import EditorToolbar from './EditorToolbar.vue'

-import StarterKit from '@tiptap/starter-kit'
-import {Extension, mergeAttributes} from '@tiptap/core'
-import {BubbleMenu, EditorContent, type Extensions, useEditor} from '@tiptap/vue-3'
-
 import Link from '@tiptap/extension-link'
+
 import CodeBlockLowlight from '@tiptap/extension-code-block-lowlight'
 import Table from '@tiptap/extension-table'
 import TableCell from '@tiptap/extension-table-cell'
@@ -156,27 +151,46 @@ import TableRow from '@tiptap/extension-table-row'
 import Typography from '@tiptap/extension-typography'
 import Image from '@tiptap/extension-image'
 import Underline from '@tiptap/extension-underline'
-import {Placeholder} from '@tiptap/extension-placeholder'

 import TaskItem from '@tiptap/extension-task-item'
 import TaskList from '@tiptap/extension-task-list'
-import HardBreak from '@tiptap/extension-hard-break'

+import {Blockquote} from '@tiptap/extension-blockquote'
+import {Bold} from '@tiptap/extension-bold'
+import {BulletList} from '@tiptap/extension-bullet-list'
+import {Code} from '@tiptap/extension-code'
+import {Document} from '@tiptap/extension-document'
+import {Dropcursor} from '@tiptap/extension-dropcursor'
+import {Gapcursor} from '@tiptap/extension-gapcursor'
+import {HardBreak} from '@tiptap/extension-hard-break'
+import {Heading} from '@tiptap/extension-heading'
+import {History} from '@tiptap/extension-history'
+import {HorizontalRule} from '@tiptap/extension-horizontal-rule'
+import {Italic} from '@tiptap/extension-italic'
+import {ListItem} from '@tiptap/extension-list-item'
+import {OrderedList} from '@tiptap/extension-ordered-list'
+import {Paragraph} from '@tiptap/extension-paragraph'
+import {Strike} from '@tiptap/extension-strike'
+import {Text} from '@tiptap/extension-text'
+import {BubbleMenu, EditorContent, type Extensions, useEditor} from '@tiptap/vue-3'
 import {Node} from '@tiptap/pm/model'

 import Commands from './commands'
 import suggestionSetup from './suggestion'

-import {common, createLowlight} from 'lowlight'
+import {lowlight} from 'lowlight'

 import type {BottomAction, UploadCallback} from './types'
 import type {ITask} from '@/modelTypes/ITask'
 import type {IAttachment} from '@/modelTypes/IAttachment'
 import AttachmentModel from '@/models/attachment'
 import AttachmentService from '@/services/attachment'
+import {useI18n} from 'vue-i18n'
 import BaseButton from '@/components/base/BaseButton.vue'
 import XButton from '@/components/input/Button.vue'
-
+import {Placeholder} from '@tiptap/extension-placeholder'
+import {eventToHotkeyString} from '@github/hotkey'
+import {Extension, mergeAttributes} from '@tiptap/core'
 import {isEditorContentEmpty} from '@/helpers/editorContentEmpty'
 import inputPrompt from '@/helpers/inputPrompt'
 import {setLinkInEditor} from '@/components/input/editor/setLinkInEditor'
@@ -184,13 +198,13 @@ import {setLinkInEditor} from '@/components/input/editor/setLinkInEditor'
 const {
 	modelValue,
 	uploadCallback,
-	isEditEnabled,
-	bottomActions,
-	showSave,
-	placeholder,
-	editShortcut,
-	enableDiscardShortcut,
-} = withDefaults(defineProps<{
+	isEditEnabled = true,
+	bottomActions = [],
+	showSave = false,
+	placeholder = '',
+	editShortcut = '',
+	enableDiscardShortcut = false,
+} = defineProps<{
 	modelValue: string,
 	uploadCallback?: UploadCallback,
 	isEditEnabled?: boolean,
@@ -199,14 +213,7 @@ const {
 	placeholder?: string,
 	editShortcut?: string,
 	enableDiscardShortcut?: boolean,
-}>(), {
-	isEditEnabled: true,
-	bottomActions: () => [],
-	showSave: false,
-	placeholder: '',
-	editShortcut: '',
-	enableDiscardShortcut: false,
-})
+}>()

 const emit = defineEmits(['update:modelValue', 'save'])

@@ -337,14 +344,16 @@ const additionalLinkProtocols = [

 const extensions : Extensions = [
 	// Starterkit:
-	StarterKit.configure({
-		codeBlock: false,
-		hardBreak: false,
-	}),
-
+	Blockquote,
+	Bold,
+	BulletList,
+	Code,
 	CodeBlockLowlight.configure({
-		lowlight: createLowlight(common),
+		lowlight,
 	}),
+	Document,
+	Dropcursor,
+	Gapcursor,
 	HardBreak.extend({
 		addKeyboardShortcuts() {
 			return {
@@ -358,6 +367,15 @@ const extensions : Extensions = [
 			}
 		},
 	}),
+	Heading,
+	History,
+	HorizontalRule,
+	Italic,
+	ListItem,
+	OrderedList,
+	Paragraph,
+	Strike,
+	Text,

 	Placeholder.configure({
 		placeholder: ({editor}) => {
@@ -426,6 +444,7 @@ const extensions : Extensions = [
 	Commands.configure({
 		suggestion: suggestionSetup(t),
 	}),
+	BubbleMenu,
 ]

 // Add a custom extension for the Escape key
@@ -476,8 +495,7 @@ watch(
 )

 function bubbleNow() {
-	if (editor.value?.getHTML() === modelValue ||
-		(editor.value?.getHTML() === '<p></p>') && modelValue === '') {
+	if (editor.value?.getHTML() === modelValue) {
 		return
 	}

@@ -117,7 +117,6 @@ async function setApiUrl() {
 		success({message: t('apiConfig.success', {domain: apiDomain.value})})
 		configureApi.value = false
 		emit('foundApi', apiUrl.value)
-		// eslint-disable-next-line @typescript-eslint/no-unused-vars
 	} catch (e) {
 		// Still not found, url is still invalid
 		errorMsg.value = t('apiConfig.error', {domain: apiDomain.value})
@@ -34,7 +34,7 @@
 						}"
 					>
 						<slot>
-							<div class="modal-header">
+							<div class="header">
 								<slot name="header" />
 							</div>
 							<div class="content">
@@ -140,7 +140,7 @@ $modal-width: 1024px;
 		transform: none;
 	}

-	.modal-header {
+	.header {
 		font-size: 2rem;
 		font-weight: 700;
 	}
@@ -241,14 +241,6 @@ $modal-width: 1024px;
 	margin-bottom: 0 !important;
  }
 }
-
-.modal-content:has(.modal-header) {
-	display: flex;
-	flex-direction: column;
-	justify-content: center;
-	padding: 0 1rem;
-	min-height: 100vh
-}
 </style>

 <style lang="scss">
@@ -63,7 +63,7 @@ const motd = computed(() => configStore.motd)

 const route = useRoute()
 const {t} = useI18n({useScope: 'global'})
-const title = computed(() => route.meta?.title ? t(route.meta.title as string) : '')
+const title = computed(() => t(route.meta?.title as string || ''))
 useTitle(() => title.value)

 </script>
@@ -1,49 +1,89 @@
 <template>
-	<BasePagination
-		:total-pages="totalPages"
-		:current-page="currentPage"
+	<nav
+		v-if="totalPages > 1"
+		aria-label="pagination"
+		class="pagination is-centered p-4"
+		role="navigation"
 	>
-		<template #previous="{ disabled }">
-			<RouterLink
-				:disabled="disabled || undefined"
-				:to="getRouteForPagination(currentPage - 1)"
-				class="pagination-previous"
+		<RouterLink
+			:disabled="currentPage === 1 || undefined"
+			:to="getRouteForPagination(currentPage - 1)"
+			class="pagination-previous"
+		>
+			{{ $t('misc.previous') }}
+		</RouterLink>
+		<RouterLink
+			:disabled="currentPage === totalPages || undefined"
+			:to="getRouteForPagination(currentPage + 1)"
+			class="pagination-next"
+		>
+			{{ $t('misc.next') }}
+		</RouterLink>
+		<ul class="pagination-list">
+			<li
+				v-for="(p, i) in pages"
+				:key="`page-${i}`"
 			>
-				{{ $t('misc.previous') }}
-			</RouterLink>
-		</template>
-		<template #next="{ disabled }">
-			<RouterLink
-				:disabled="disabled || undefined"
-				:to="getRouteForPagination(currentPage + 1)"
-				class="pagination-next"
-			>
-				{{ $t('misc.next') }}
-			</RouterLink>
-		</template>
-		<template #page-link="{ page, isCurrent }">
-			<RouterLink
-				class="pagination-link"
-				:aria-label="'Goto page ' + page.number"
-				:class="{ 'is-current': isCurrent }"
-				:to="getRouteForPagination(page.number)"
-			>
-				{{ page.number }}
-			</RouterLink>
-		</template>
-	</BasePagination>
+				<span
+					v-if="p.isEllipsis"
+					class="pagination-ellipsis"
+				>&hellip;</span>
+				<RouterLink
+					v-else
+					class="pagination-link"
+					:aria-label="'Goto page ' + p.number"
+					:class="{ 'is-current': p.number === currentPage }"
+					:to="getRouteForPagination(p.number)"
+				>
+					{{ p.number }}
+				</RouterLink>
+			</li>
+		</ul>
+	</nav>
 </template>

 <script lang="ts" setup>
-import BasePagination from '@/components/base/BasePagination.vue'
+import {computed} from 'vue'

-withDefaults(defineProps<{
+const props = withDefaults(defineProps<{
 	totalPages: number,
 	currentPage?: number
 }>(), {
 	currentPage: 0,
 })

+function createPagination(totalPages: number, currentPage: number) {
+	const pages = []
+	for (let i = 0; i < totalPages; i++) {
+
+		// Show ellipsis instead of all pages
+		if (
+			i > 0 && // Always at least the first page
+			(i + 1) < totalPages && // And the last page
+			(
+				// And the current with current + 1 and current - 1
+				(i + 1) > currentPage + 1 ||
+				(i + 1) < currentPage - 1
+			)
+		) {
+			// Only add an ellipsis if the last page isn't already one
+			if (pages[i - 1] && !pages[i - 1].isEllipsis) {
+				pages.push({
+					number: 0,
+					isEllipsis: true,
+				})
+			}
+			continue
+		}
+
+		pages.push({
+			number: i + 1,
+			isEllipsis: false,
+		})
+	}
+	return pages
+}
+
 function getRouteForPagination(page = 1, type = null) {
 	return {
 		name: type,
@@ -55,4 +95,20 @@ function getRouteForPagination(page = 1, type = null) {
 		},
 	}
 }
-</script>
+
+const pages = computed(() => createPagination(props.totalPages, props.currentPage))
+</script>
+
+<style lang="scss" scoped>
+.pagination {
+	padding-bottom: 1rem;
+}
+
+.pagination-previous,
+.pagination-next {
+	&:not(:disabled):hover {
+		background: $scheme-main;
+		cursor: pointer;
+	}
+}
+</style>
@@ -1,55 +0,0 @@
-<template>
-	<BasePagination
-		:total-pages="totalPages"
-		:current-page="currentPage"
-	>
-		<template #previous="{ disabled }">
-			<BaseButton
-				:disabled="disabled"
-				class="pagination-previous"
-				@click="changePage(currentPage - 1)"
-			>
-				{{ $t('misc.previous') }}
-			</BaseButton>
-		</template>
-		<template #next="{ disabled }">
-			<BaseButton
-				:disabled="disabled"
-				class="pagination-next"
-				@click="changePage(currentPage + 1)"
-			>
-				{{ $t('misc.next') }}
-			</BaseButton>
-		</template>
-		<template #page-link="{ page, isCurrent }">
-			<BaseButton
-				class="pagination-link"
-				:aria-label="'Goto page ' + page.number"
-				:class="{ 'is-current': isCurrent }"
-				@click="changePage(page.number)"
-			>
-				{{ page.number }}
-			</BaseButton>
-		</template>
-	</BasePagination>
-</template>
-
-<script lang="ts" setup>
-import BasePagination from '@/components/base/BasePagination.vue'
-import BaseButton from '@/components/base/BaseButton.vue'
-
-const props = withDefaults(defineProps<{
-	totalPages: number,
-	currentPage: number
-}>(), {
-	currentPage: 1,
-})
-
-const emit = defineEmits(['pageChanged'])
-
-function changePage(page: number) {
-	if (page >= 1 && page <= props.totalPages) {
-		emit('pageChanged', page)
-	}
-}
-</script>
@@ -15,12 +15,12 @@
 			<p>{{ $t('offline.text') }}</p>
 		</div>
 	</div>
-	<template v-else-if="baseStore.ready">
+	<template v-else-if="ready">
 		<slot />
 	</template>
-	<section v-else-if="baseStore.error !== ''">
+	<section v-else-if="error !== ''">
 		<NoAuthWrapper :show-api-config="false">
-			<p v-if="baseStore.error === ERROR_NO_API_URL">
+			<p v-if="error === ERROR_NO_API_URL">
 				{{ $t('ready.noApiUrlConfigured') }}
 			</p>
 			<Message
@@ -30,7 +30,7 @@
 			>
 				<p>
 					{{ $t('ready.errorOccured') }}<br>
-					{{ baseStore.error }}
+					{{ error }}
 				</p>
 				<p>
 					{{ $t('ready.checkApiUrl') }}
@@ -38,13 +38,13 @@
 			</Message>
 			<ApiConfig
 				:configure-open="true"
-				@foundApi="baseStore.loadApp()"
+				@foundApi="load"
 			/>
 		</NoAuthWrapper>
 	</section>
 	<CustomTransition name="fade">
 		<section
-			v-if="baseStore.loading"
+			v-if="showLoading"
 			class="vikunja-loading"
 		>
 			<Logo class="logo" />
@@ -57,19 +57,60 @@
 </template>

 <script lang="ts" setup>
+import {ref, computed} from 'vue'
+import {useRouter, useRoute} from 'vue-router'
+
 import Logo from '@/assets/logo.svg?component'
 import ApiConfig from '@/components/misc/ApiConfig.vue'
 import Message from '@/components/misc/Message.vue'
 import CustomTransition from '@/components/misc/CustomTransition.vue'
 import NoAuthWrapper from '@/components/misc/NoAuthWrapper.vue'

-import {ERROR_NO_API_URL} from '@/helpers/checkAndSetApiUrl'
-
+import {ERROR_NO_API_URL, InvalidApiUrlProvidedError, NoApiUrlProvidedError} from '@/helpers/checkAndSetApiUrl'
 import {useOnline} from '@/composables/useOnline'
-import {useBaseStore} from '@/stores/base'

-const online = useOnline()
+import {getAuthForRoute} from '@/router'
+
+import {useBaseStore} from '@/stores/base'
+import {useAuthStore} from '@/stores/auth'
+import {useI18n} from 'vue-i18n'
+
+const router = useRouter()
+const route = useRoute()
+
 const baseStore = useBaseStore()
+const authStore = useAuthStore()
+
+const ready = computed(() => baseStore.ready)
+const online = useOnline()
+
+const error = ref('')
+const showLoading = computed(() => !ready.value && error.value === '')
+
+const {t} = useI18n()
+
+async function load() {
+	try {
+		await baseStore.loadApp()
+		baseStore.setReady(true)
+		const redirectTo = await getAuthForRoute(route, authStore)
+		if (typeof redirectTo !== 'undefined') {
+			await router.push(redirectTo)
+		}
+	} catch (e: unknown) {
+		if (e instanceof NoApiUrlProvidedError) {
+			error.value = ERROR_NO_API_URL
+			return
+		}
+		if (e instanceof InvalidApiUrlProvidedError) {
+			error.value = t('apiConfig.error')
+			return
+		}
+		error.value = String(e.message)
+	}
+}
+
+load()
 </script>

 <style lang="scss" scoped>
@@ -62,22 +62,29 @@ export default {inheritAttrs: false}
 </script>

 <script setup lang="ts">
-import {computed, onBeforeUnmount, onMounted, ref, toRefs, useAttrs, watch, watchEffect} from 'vue'
+import {computed, onBeforeUnmount, onMounted, ref, toRefs, useAttrs, watch, watchEffect, type PropType} from 'vue'

-const props = withDefaults(defineProps<{
-	modelValue: DateOption | DateOption[] | null,
-	/**  https://flatpickr.js.org/options/ */
-	config: Options,
-	events: HookKey[],
-	disabled: boolean,
-}>(), {
-	modelValue: null,
-	config: () => ({
-		defaultDate: undefined,
-		wrap: false,
-	}),
-	events: () => includedEvents,
-	disabled: false,
+const props = defineProps({
+	modelValue: {
+		type: [String, Number, Date, Array] as PropType<DateOption | DateOption[] | null>,
+		default: null,
+	},
+	// https://flatpickr.js.org/options/
+	config: {
+		type: Object as PropType<Options>,
+		default: () => ({
+			defaultDate: null,
+			wrap: false,
+		}),
+	},
+	events: {
+		type: Array as PropType<HookKey[]>,
+		default: () => includedEvents,
+	},
+	disabled: {
+		type: Boolean,
+		default: false,
+	},
 })

 const emit = defineEmits([
@@ -124,20 +124,15 @@ let interval: ReturnType<typeof setInterval>
 onMounted(() => {
 	loadNotifications()
 	document.addEventListener('click', hidePopup)
-	document.addEventListener('visibilitychange', loadNotifications)
 	interval = setInterval(loadNotifications, LOAD_NOTIFICATIONS_INTERVAL)
 })

 onUnmounted(() => {
 	document.removeEventListener('click', hidePopup)
-	document.removeEventListener('visibilitychange', loadNotifications)
 	clearInterval(interval)
 })

 async function loadNotifications() {
-	if (document.visibilityState !== 'visible') {
-		return
-	}
 	// We're recreating the notification service here to make sure it uses the latest api user token
 	const notificationService = new NotificationService()
 	allNotifications.value = await notificationService.getAll()
@@ -159,7 +154,6 @@ function to(n, index) {
 		case names.TASK_COMMENT:
 		case names.TASK_ASSIGNED:
 		case names.TASK_REMINDER:
-		case names.TASK_MENTIONED:
 			to.name = 'task.detail'
 			to.params.id = n.notification.task.id
 			break
@@ -109,7 +109,6 @@
 				{{ $t('menu.createProject') }}
 			</DropdownItem>
 			<DropdownItem
-				v-if="project.maxRight === RIGHTS.ADMIN"
 				v-tooltip="isDefaultProject ? $t('menu.cantDeleteIsDefault') : ''"
 				:to="{ name: 'project.settings.delete', params: { projectId: project.id } }"
 				icon="trash-alt"
@@ -136,7 +135,6 @@ import {isSavedFilter} from '@/services/savedFilter'
 import {useConfigStore} from '@/stores/config'
 import {useProjectStore} from '@/stores/projects'
 import {useAuthStore} from '@/stores/auth'
-import {RIGHTS} from '@/constants/rights'

 const props = defineProps<{
 	project: IProject
@@ -1,10 +1,7 @@
 <template>
 	<div
+		:class="{ 'is-loading': projectService.loading, 'is-archived': currentProject?.isArchived}"
 		class="loader-container"
-		:class="{
-			'is-loading': isLoadingProject,
-			'is-archived': currentProject?.isArchived,
-		}"
 	>
 		<h1 class="project-title-print">
 			{{ getProjectTitle(currentProject) }}
@@ -40,37 +37,43 @@
 			</Message>
 		</CustomTransition>

-		<slot v-if="!isLoadingProject" />
+		<slot v-if="loadedProjectId" />
 	</div>
 </template>

 <script setup lang="ts">
-import {computed} from 'vue'
-import {useI18n} from 'vue-i18n'
+import {computed, ref, watch} from 'vue'
+import {useRoute} from 'vue-router'

 import BaseButton from '@/components/base/BaseButton.vue'
 import Message from '@/components/misc/Message.vue'
 import CustomTransition from '@/components/misc/CustomTransition.vue'

+import ProjectModel from '@/models/project'
+import ProjectService from '@/services/project'
+
 import {getProjectTitle} from '@/helpers/getProjectTitle'
+import {saveProjectToHistory} from '@/modules/projectHistory'
 import {useTitle} from '@/composables/useTitle'

 import {useBaseStore} from '@/stores/base'
 import {useProjectStore} from '@/stores/projects'
-
 import type {IProject} from '@/modelTypes/IProject'
 import type {IProjectView} from '@/modelTypes/IProjectView'
+import {useI18n} from 'vue-i18n'

 const props = defineProps<{
-	isLoadingProject: boolean,
 	projectId: IProject['id'],
 	viewId: IProjectView['id'],
 }>()

+const route = useRoute()
 const {t} = useI18n()

 const baseStore = useBaseStore()
 const projectStore = useProjectStore()
+const projectService = ref(new ProjectService())
+const loadedProjectId = ref(0)

 const currentProject = computed<IProject>(() => {
 	return typeof baseStore.currentProject === 'undefined' ? {
@@ -84,6 +87,61 @@ useTitle(() => currentProject.value?.id ? getProjectTitle(currentProject.value)

 const views = computed(() => projectStore.projects[props.projectId]?.views)

+// watchEffect would be called every time the prop would get a value assigned, even if that value was the same as before.
+// This resulted in loading and setting the project multiple times, even when navigating away from it.
+// This caused wired bugs where the project background would be set on the home page but only right after setting a new 
+// project background and then navigating to home. It also highlighted the project in the menu and didn't allow changing any
+// of it, most likely due to the rights not being properly populated.
+watch(
+	() => props.projectId,
+	// loadProject
+	async (projectIdToLoad: number) => {
+		const projectData = {id: projectIdToLoad}
+		saveProjectToHistory(projectData)
+
+		// Don't load the project if we either already loaded it or aren't dealing with a project at all currently and
+		// the currently loaded project has the right set.
+		if (
+			(
+				projectIdToLoad === loadedProjectId.value ||
+				typeof projectIdToLoad === 'undefined' ||
+				projectIdToLoad === currentProject.value?.id
+			)
+			&& typeof currentProject.value !== 'undefined' && currentProject.value.maxRight !== null
+		) {
+			loadedProjectId.value = projectIdToLoad
+			return
+		}
+
+		console.debug('Loading project, $route.params =', route.params, `, loadedProjectId = ${loadedProjectId.value}, currentProject = `, currentProject.value)
+
+		// Set the current project to the one we're about to load so that the title is already shown at the top
+		loadedProjectId.value = 0
+		const projectFromStore = projectStore.projects[projectData.id]
+		if (projectFromStore) {
+			baseStore.handleSetCurrentProject({project: projectFromStore, currentProjectViewId: props.viewId})
+		}
+
+		// We create an extra project object instead of creating it in project.value because that would trigger a ui update which would result in bad ux.
+		const project = new ProjectModel(projectData)
+		try {
+			const loadedProject = await projectService.value.get(project)
+			baseStore.handleSetCurrentProject({project: loadedProject, currentProjectViewId: props.viewId})
+		} finally {
+			loadedProjectId.value = projectIdToLoad
+		}
+	},
+	{immediate: true},
+)
+
+watch(
+	() => props.viewId,
+	() => {
+		baseStore.setCurrentProjectViewId(props.viewId)
+	},
+	{immediate: true},
+)
+
 function getViewTitle(view: IProjectView) {
 	switch (view.title) {
 		case 'List':
@@ -133,7 +133,7 @@ const highlightedFilterQuery = computed(() => {
 				}

 				let labelTitles = [value.trim()]
-				if (operator === 'in' || operator === '?=' || operator === 'not in' || operator === '?!=') {
+				if (operator === 'in' || operator === '?=') {
 					labelTitles = value.split(',').map(v => v.trim())
 				}

@@ -30,9 +30,6 @@ const showDocs = ref(false)
 			<li><code>assignees</code>: {{ $t('filters.query.help.fields.assignees') }}</li>
 			<li><code>labels</code>: {{ $t('filters.query.help.fields.labels') }}</li>
 			<li><code>project</code>: {{ $t('filters.query.help.fields.project') }}</li>
-			<li><code>reminders</code>: {{ $t('filters.query.help.fields.reminders') }}</li>
-			<li><code>created</code>: {{ $t('filters.query.help.fields.created') }}</li>
-			<li><code>updated</code>: {{ $t('filters.query.help.fields.updated') }}</li>
 		</ul>
 		<p>{{ $t('filters.query.help.canUseDatemath') }}</p>
 		<p>{{ $t('filters.query.help.operators.intro') }}</p>
@@ -45,7 +42,6 @@ const showDocs = ref(false)
 			<li><code>&lt;=</code>: {{ $t('filters.query.help.operators.lessThanOrEqual') }}</li>
 			<li><code>like</code>: {{ $t('filters.query.help.operators.like') }}</li>
 			<li><code>in</code>: {{ $t('filters.query.help.operators.in') }}</li>
-			<li><code>not in</code>: {{ $t('filters.query.help.operators.notIn') }}</li>
 		</ul>
 		<p>{{ $t('filters.query.help.logicalOperators.intro') }}</p>
 		<ul>
@@ -20,7 +20,6 @@
 			:has-title="true"
 			class="filter-popup"
 			:change-immediately="false"
-			:filter-from-view="filterFromView"
 			@showResults="showResults"
 		/>
 	</Modal>
@@ -32,22 +31,14 @@ import {computed, ref, watch} from 'vue'
 import Filters from '@/components/project/partials/Filters.vue'

 import {type TaskFilterParams} from '@/services/taskCollection'
-import {type IProjectView} from '@/modelTypes/IProjectView'
-import {type IProject} from '@/modelTypes/IProject'
-import {useProjectStore} from '@/stores/projects'

 const props = defineProps<{
 	modelValue: TaskFilterParams,
-	projectId?: IProject['id'],
-	viewId?: IProjectView['id'],
 }>()
-
 const emit = defineEmits<{
 	'update:modelValue': [value: TaskFilterParams]
 }>()

-const projectStore = useProjectStore()
-
 const value = ref<TaskFilterParams>({})

 watch(
@@ -76,19 +67,6 @@ function showResults() {
 	})
 	modalOpen.value = false
 }
-
-const filterFromView = computed(() => {
-	if (!props.projectId || !props.viewId) {
-		return
-	}
-	
-	const project = projectStore.projects[props.projectId]
-	if (!project) {
-		return
-	}
-	const view = project.views.find(v => v.id === props.viewId)
-	return view?.filter?.filter
-})
 </script>

 <style scoped lang="scss">
@@ -10,15 +10,6 @@
 			@update:modelValue="() => change('modelValue')"
 			@blur="() => change('blur')"
 		/>
-		
-		<div 
-			v-if="filterFromView"
-			class="tw-text-sm tw-mb-2"
-		>
-			{{ $t('filters.fromView') }}
-			<code>{{ filterFromView }}</code><br>
-			{{ $t('filters.fromViewBoth') }}
-		</div>

 		<div class="field is-flex is-flex-direction-column">
 			<FancyCheckbox
@@ -65,11 +56,7 @@ import {useRoute} from 'vue-router'
 import type {TaskFilterParams} from '@/services/taskCollection'
 import {useLabelStore} from '@/stores/labels'
 import {useProjectStore} from '@/stores/projects'
-import {
-	hasFilterQuery,
-	transformFilterStringForApi,
-	transformFilterStringFromApi,
-} from '@/helpers/filters'
+import {FILTER_OPERATORS, transformFilterStringForApi, transformFilterStringFromApi} from '@/helpers/filters'
 import FilterInputDocs from '@/components/project/partials/FilterInputDocs.vue'

 const props = withDefaults(defineProps<{
@@ -77,7 +64,6 @@ const props = withDefaults(defineProps<{
 	hasTitle?: boolean,
 	hasFooter?: boolean,
 	changeImmediately?: boolean,
-	filterFromView?: string,
 }>(), {
 	hasTitle: false,
 	hasFooter: true,
@@ -165,7 +151,8 @@ function change(event: 'blur' | 'modelValue' | 'always') {
 	let s = ''

 	// When the filter does not contain any filter tokens, assume a simple search and redirect the input
-	if (!hasFilterQuery(filter)) {
+	const hasFilterQueries = FILTER_OPERATORS.find(o => filter.includes(o)) || false
+	if (!hasFilterQueries) {
 		s = filter
 	}

@@ -58,7 +58,7 @@ import type {IProject} from '@/modelTypes/IProject'

 import BaseButton from '@/components/base/BaseButton.vue'

-import {useProjectBackground} from '@/composables/useProjectBackground'
+import {useProjectBackground} from './useProjectBackground'
 import {useProjectStore} from '@/stores/projects'
 import {getProjectTitle} from '@/helpers/getProjectTitle'

@@ -1,7 +1,6 @@
 <template>
 	<ProjectWrapper
 		class="project-gantt"
-		:is-loading-project="isLoadingProject"
 		:project-id="filters.projectId"
 		:view-id
 	>
@@ -78,7 +77,7 @@ import {useI18n} from 'vue-i18n'
 import type {RouteLocationNormalized} from 'vue-router'

 import {useBaseStore} from '@/stores/base'
-import {useFlatpickrLanguage} from '@/helpers/useFlatpickrLanguage'
+import {getFlatpickrLanguage} from '@/helpers/flatpickrLanguage'

 import Foo from '@/components/misc/flatpickr/Flatpickr.vue'
 import ProjectWrapper from '@/components/project/ProjectWrapper.vue'
@@ -96,7 +95,6 @@ import type {IProjectView} from '@/modelTypes/IProjectView'
 type Options = Flatpickr.Options.Options

 const props = defineProps<{
-	isLoadingProject: boolean,
 	route: RouteLocationNormalized
 	viewId: IProjectView['id']
 }>()
@@ -106,7 +104,7 @@ const GanttChart = createAsyncComponent(() => import('@/components/tasks/GanttCh
 const baseStore = useBaseStore()
 const canWrite = computed(() => baseStore.currentProject?.maxRight > RIGHTS.READ)

-const {route, viewId} = toRefs(props)
+const {route} = toRefs(props)
 const {
 	filters,
 	hasDefaultFilters,
@@ -115,7 +113,7 @@ const {
 	isLoading,
 	addTask,
 	updateTask,
-} = useGanttFilters(route, viewId)
+} = useGanttFilters(route, props.viewId)

 const DEFAULT_DATE_RANGE_DAYS = 7

@@ -155,14 +153,14 @@ const flatPickerDateRange = computed<Date[]>({
 const initialDateRange = [filters.value.dateFrom, filters.value.dateTo]

 const {t} = useI18n({useScope: 'global'})
-const flatPickerConfig = computed(() => ({
+const flatPickerConfig = computed<Options>(() => ({
 	altFormat: t('date.altFormatShort'),
 	altInput: true,
 	defaultDate: initialDateRange,
 	enableTime: false,
 	mode: 'range',
-	locale: useFlatpickrLanguage().value,
-} as Options))
+	locale: getFlatpickrLanguage(),
+}))
 </script>

 <style lang="scss" scoped>
@@ -220,4 +218,4 @@ const flatPickerConfig = computed(() => ({
 		font-size: .9rem;
 	}
 }
-</style>
+</style>
@@ -1,7 +1,6 @@
 <template>
 	<ProjectWrapper
 		class="project-kanban"
-		:is-loading-project="isLoadingProject"
 		:project-id="projectId"
 		:view-id
 	>
@@ -10,8 +9,6 @@
 				<FilterPopup
 					v-if="!isSavedFilter(project)"
 					v-model="params"
-					:view-id="viewId"
-					:project-id="projectId"
 				/>
 			</div>
 		</template>
@@ -192,12 +189,10 @@
 											</div>
 											<x-button
 												v-else
-												v-tooltip="bucket.limit > 0 && bucket.count >= bucket.limit ? $t('project.kanban.bucketLimitReached') : ''"
 												class="is-fullwidth has-text-centered"
 												:shadow="false"
 												icon="plus"
 												variant="secondary"
-												:disabled="bucket.limit > 0 && bucket.count >= bucket.limit"
 												@click="toggleShowNewTaskInput(bucket.id)"
 											>
 												{{
@@ -213,7 +208,6 @@
 												class="kanban-card"
 												:task="task"
 												:loading="taskUpdating[task.id] ?? false"
-												:project-id="projectId"
 											/>
 										</div>
 									</template>
@@ -316,7 +310,6 @@ import TaskBucketService from '@/services/taskBucket'
 import TaskBucketModel from '@/models/taskBucket'

 const props = defineProps<{
-	isLoadingProject: boolean,
 	projectId: number,
 	viewId: IProjectView['id'],
 }>()
@@ -573,6 +566,7 @@ async function addTaskToBucket(bucketId: IBucket['id']) {
 		bucketId,
 		projectId: project.value.id,
 	})
+	toggleShowNewTaskInput(bucketId)
 	newTaskText.value = ''
 	kanbanStore.addTaskToBucket(task)
 	scrollTaskContainerToTop(bucketId)
@@ -978,4 +972,4 @@ $filter-container-height: '1rem - #{$switch-view-height}';
 .move-card-leave-active {
 	display: none;
 }
-</style>
+</style>
@@ -1,7 +1,6 @@
 <template>
 	<ProjectWrapper
 		class="project-list"
-		:is-loading-project="isLoadingProject"
 		:project-id="projectId"
 		:view-id
 	>
@@ -10,8 +9,6 @@
 				<FilterPopup
 					v-if="!isSavedFilter(project)"
 					v-model="params"
-					:view-id="viewId"
-					:project-id="projectId"
 					@update:modelValue="prepareFiltersAndLoadTasks()"
 				/>
 			</div>
@@ -38,13 +35,14 @@
 					<Nothing v-if="ctaVisible && tasks.length === 0 && !loading">
 						{{ $t('project.list.empty') }}
 						<ButtonLink
-							v-if="project.id > 0 && canWrite"
+							v-if="project.id > 0"
 							@click="focusNewTaskInput()"
 						>
 							{{ $t('project.list.newTaskCta') }}
 						</ButtonLink>
 					</Nothing>

+
 					<draggable
 						v-if="tasks && tasks.length > 0"
 						v-model="tasks"
@@ -124,7 +122,6 @@ import TaskPositionService from '@/services/taskPosition'
 import TaskPositionModel from '@/models/taskPosition'

 const props = defineProps<{
-	isLoadingProject: boolean,
 	projectId: IProject['id'],
 	viewId: IProjectView['id'],
 }>()
@@ -141,14 +138,7 @@ const {
 	loadTasks,
 	params,
 	sortByParam,
-} = useTaskList(
-	() => props.projectId,
-	() => props.viewId,
-	{position: 'asc'},
-	() => props.projectId === -1
-		? null
-		: 'subtasks',
-)
+} = useTaskList(() => props.projectId, () => props.viewId, {position: 'asc'})

 const taskPositionService = ref(new TaskPositionService())

@@ -1,7 +1,6 @@
 <template>
 	<ProjectWrapper
 		class="project-table"
-		:is-loading-project="isLoadingProject"
 		:project-id="projectId"
 		:view-id
 	>
@@ -68,12 +67,7 @@
 						</Card>
 					</template>
 				</Popup>
-				<FilterPopup
-					v-if="!isSavedFilter({id: projectId})"
-					v-model="params"
-					:view-id="viewId"
-					:project-id="projectId"
-				/>
+				<FilterPopup v-model="params" />
 			</div>
 		</template>

@@ -296,10 +290,8 @@ import type {IProject} from '@/modelTypes/IProject'
 import AssigneeList from '@/components/tasks/partials/AssigneeList.vue'
 import type {IProjectView} from '@/modelTypes/IProjectView'
 import { camelCase } from 'change-case'
-import {isSavedFilter} from '@/services/savedFilter'

 const props = defineProps<{
-	isLoadingProject: boolean,
 	projectId: IProject['id'],
 	viewId: IProjectView['id'],
 }>()
@@ -1,10 +1,9 @@
 <script setup lang="ts">
 import type {IProjectView} from '@/modelTypes/IProjectView'
-import type {IFilter} from '@/modelTypes/ISavedFilter'
 import XButton from '@/components/input/Button.vue'
 import FilterInput from '@/components/project/partials/FilterInput.vue'
-import {onBeforeMount, ref} from 'vue'
-import {hasFilterQuery, transformFilterStringForApi, transformFilterStringFromApi} from '@/helpers/filters'
+import {ref, onBeforeMount} from 'vue'
+import {transformFilterStringForApi, transformFilterStringFromApi} from '@/helpers/filters'
 import {useLabelStore} from '@/stores/labels'
 import {useProjectStore} from '@/stores/projects'
 import FilterInputDocs from '@/components/project/partials/FilterInputDocs.vue'
@@ -29,24 +28,18 @@ const labelStore = useLabelStore()
 const projectStore = useProjectStore()

 onBeforeMount(() => {
-	const transformFilterToString = (filter: IFilter): string => {
-		if (filter.s !== '') {
-			return filter.s
-		}
-
-		return transformFilterStringFromApi(
-			filter.filter,
-			labelId => labelStore.getLabelById(labelId)?.title || null,
-			projectId => projectStore.projects[projectId]?.title || null,
-		)
-	}
+	const transform = (filterString: string) => transformFilterStringFromApi(
+		filterString,
+		labelId => labelStore.getLabelById(labelId)?.title || null,
+		projectId => projectStore.projects[projectId]?.title || null,
+	)

 	const transformed = {
 		...props.modelValue,
-		filter: transformFilterToString(props.modelValue.filter),
+		filter: transform(props.modelValue.filter),
 		bucketConfiguration: props.modelValue.bucketConfiguration.map(bc => ({
 			title: bc.title,
-			filter: transformFilterToString(bc.filter),
+			filter: transform(bc.filter),
 		})),
 	}

@@ -56,31 +49,21 @@ onBeforeMount(() => {
 })

 function save() {
-	const transformFilterForApi = (filterQuery: string): IFilter => {
-		const filterString = transformFilterStringForApi(
-			filterQuery,
-			labelTitle => labelStore.getLabelByExactTitle(labelTitle)?.id || null,
-			projectTitle => {
-				const found = projectStore.findProjectByExactname(projectTitle)
-				return found?.id || null
-			},
-		)
-		const filter: IFilter = {}
-		if (hasFilterQuery(filterString)) {
-			filter.filter = filterString
-		} else {
-			filter.s = filterString
-		}
-
-		return filter
-	}
+	const transformFilter = (filterQuery: string) => transformFilterStringForApi(
+		filterQuery,
+		labelTitle => labelStore.getLabelByExactTitle(labelTitle)?.id || null,
+		projectTitle => {
+			const found = projectStore.findProjectByExactname(projectTitle)
+			return found?.id || null
+		},
+	)

 	emit('update:modelValue', {
 		...view.value,
-		filter: transformFilterForApi(view.value?.filter || ''),
+		filter: transformFilter(view.value?.filter),
 		bucketConfiguration: view.value?.bucketConfiguration.map(bc => ({
 			title: bc.title,
-			filter: transformFilterForApi(bc.filter || ''),
+			filter: transformFilter(bc.filter),
 		})),
 	})
 }
@@ -248,7 +231,7 @@ function handleBubbleSave() {
 					<XButton
 						variant="secondary"
 						icon="plus"
-						@click="() => view.bucketConfiguration.push({title: '', filter: {filter: ''}})"
+						@click="() => view.bucketConfiguration.push({title: '', filter: ''})"
 					>
 						{{ $t('project.kanban.addBucket') }}
 					</XButton>
@@ -100,9 +100,7 @@
 				<thead>
 					<tr>
 						<th />
-						<th v-if="availableViews.length > 0">
-							{{ $t('project.share.links.view') }}
-						</th>
+						<th>{{ $t('project.share.links.view') }}</th>
 						<th>{{ $t('project.share.attributes.delete') }}</th>
 					</tr>
 				</thead>
@@ -152,7 +150,7 @@
 							<div class="field has-addons no-input-mobile">
 								<div class="control">
 									<input
-										:value="shareLinks[s.id]"
+										:value="getShareLink(s.hash, selectedView[s.id])"
 										class="input"
 										readonly
 										type="text"
@@ -162,7 +160,7 @@
 									<x-button
 										v-tooltip="$t('misc.copy')"
 										:shadow="false"
-										@click="copy(shareLinks[s.id])"
+										@click="copy(getShareLink(s.hash, selectedView[s.id]))"
 									>
 										<span class="icon">
 											<Icon icon="paste" />
@@ -171,9 +169,9 @@
 								</div>
 							</div>
 						</td>
-						<td v-if="availableViews.length > 0">
+						<td>
 							<div class="select">
-								<select v-model="selectedViews[s.id]">
+								<select v-model="selectedView[s.id]">
 									<option
 										v-for="(view) in availableViews"
 										:key="view.id"
@@ -253,6 +251,10 @@ const showDeleteModal = ref(false)
 const linkIdToDelete = ref(0)
 const showNewForm = ref(false)

+type SelectedViewMapper = Record<IProject['id'], IProjectView['id']>
+
+const selectedView = ref<SelectedViewMapper>({})
+
 const projectStore = useProjectStore()

 const availableViews = computed<IProjectView[]>(() => projectStore.projects[props.projectId]?.views || [])
@@ -272,27 +274,12 @@ async function load(projectId: IProject['id']) {
 		return
 	}

-	linkShares.value = await linkShareService.getAll({projectId})
-}
-
-type SelectedViewMapper = Record<IProject['id'], IProjectView['id']>
-
-const selectedViews = ref<SelectedViewMapper>({})
-
-watch(() => ([linkShares.value, availableViews.value]), ([newLinkShares, newProjectViews]) => {
-	if (!newLinkShares?.length || !newProjectViews?.length) {
-		selectedViews.value = {}
-		return
-	}
-
-	newLinkShares.forEach((linkShare) => {
-		selectedViews.value[linkShare.id] = newProjectViews.length > 0 ? newProjectViews[0].id : null
+	const links = await linkShareService.getAll({projectId})
+	links.forEach((l: ILinkShare) => {
+		selectedView.value[l.id] = availableViews.value[0].id
 	})
-}, {
-	immediate:true,
-	deep: true,
-})
-
+	linkShares.value = links
+}

 async function add(projectId: IProject['id']) {
 	const newLinkShare = new LinkShareModel({
@@ -323,17 +310,9 @@ async function remove(projectId: IProject['id']) {
 	}
 }

-function getShareLink(hash: string, viewId: IProjectView['id']|null) {
-	return frontendUrl.value + 'share/' + hash + '/auth' + (viewId ? '?view=' + viewId : '')
+function getShareLink(hash: string, viewId: IProjectView['id']) {
+	return frontendUrl.value + 'share/' + hash + '/auth?view=' + viewId
 }
-
-const shareLinks = computed(() => {
-	return linkShares.value.reduce((links, linkShare) => {
-			links[linkShare.id] = getShareLink(linkShare.hash, selectedViews.value[linkShare.id] ?? null)
-			return links
-		}, {} as {[id: string]: string },
-	)
-})
 </script>

 <style lang="scss" scoped>
@@ -341,4 +320,4 @@ const shareLinks = computed(() => {
 .sharables-project:not(.card-content) {
 	overflow-y: auto
 }
-</style>
+</style>
@@ -250,6 +250,7 @@ const sharableName = computed(() => {

 if (props.shareType === 'user') {
 	searchService = shallowReactive(new UserService())
+	// eslint-disable-next-line vue/no-ref-as-operand
 	sharable = ref(new UserModel())
 	searchLabel.value = 'username'

@@ -261,6 +262,7 @@ if (props.shareType === 'user') {
 	}
 } else if (props.shareType === 'team') {
 	searchService = new TeamService()
+	// eslint-disable-next-line vue/no-ref-as-operand
 	sharable = ref(new TeamModel())
 	searchLabel.value = 'name'

@@ -13,7 +13,7 @@
 					:class="{'textarea-empty': newTaskTitle === ''}"
 					:placeholder="$t('project.list.addPlaceholder')"
 					rows="1"
-					@keydown="resetEmptyTitleError"
+					@keyup="resetEmptyTitleError"
 					@keydown.enter="handleEnter"
 				/>
 				<span class="icon is-small is-left">
@@ -99,10 +99,13 @@ const taskAddHovered = useElementHover(taskAdd)

 const errorMessage = ref('')

-function resetEmptyTitleError() {
-	if (!newTaskTitle.value) {
-        errorMessage.value = ''
-    }
+function resetEmptyTitleError(e: KeyboardEvent) {
+	if (
+		(e.which <= 90 && e.which >= 48 || e.which >= 96 && e.which <= 105)
+		&& newTaskTitle.value !== ''
+	) {
+		errorMessage.value = ''
+	}
 }

 const loading = computed(() => taskStore.isLoading)
@@ -132,7 +135,7 @@ async function addTask() {

 	const taskCollectionService = new TaskService()
 	const projectIndices = new Map<number, number>()
-
+	
 	let currentProjectId = authStore.settings.defaultProjectId
 	if (typeof router.currentRoute.value.params.projectId !== 'undefined') {
 		currentProjectId = Number(router.currentRoute.value.params.projectId)
@@ -140,22 +143,22 @@ async function addTask() {

 	// Create a map of project indices before creating tasks
 	if (tasksToCreate.length > 1) {
-		for (const {project} of tasksToCreate) {
-			const projectId = project !== null
-				? await taskStore.findProjectId({project, projectId: 0})
-				: currentProjectId
+	for (const {project} of tasksToCreate) {
+		const projectId = project !== null
+			? await taskStore.findProjectId({project, projectId: 0})
+			: currentProjectId

-			if (!projectIndices.has(projectId)) {
-				const newestTask = await taskCollectionService.getAll(new TaskModel({}), {
-					sort_by: ['id'],
-					order_by: ['desc'],
-					per_page: 1,
-					filter: `project_id = ${projectId}`,
-				})
-				projectIndices.set(projectId, newestTask[0]?.index || 0)
-			}
+		if (!projectIndices.has(projectId)) {
+			const newestTask = await taskCollectionService.getAll(new TaskModel({}), {
+				sort_by: ['id'],
+				order_by: ['desc'],
+				per_page: 1,
+				filter: `project_id = ${projectId}`,
+			})
+			projectIndices.set(projectId, newestTask[0]?.index || 0)
 		}
 	}
+}

 	const newTasks = tasksToCreate.map(async ({title, project}, index) => {
 		if (title === '') {
@@ -166,7 +169,7 @@ async function addTask() {
 		const projectId = project !== null
 			? await taskStore.findProjectId({project, projectId: 0})
 			: currentProjectId
-
+		
 		// Calculate new index for this task per project
 		let taskIndex: number | undefined
 		if (tasksToCreate.length > 1) {
@@ -198,6 +201,7 @@ async function addTask() {

 			const isParent = allParentTasks.includes(t.title)
 			if (t.parent === null && !isParent) {
+				emit('taskAdded', createdTask)
 				return
 			}

@@ -211,37 +215,23 @@ async function addTask() {
 				otherTaskId: createdParentTask.id,
 				relationKind: RELATION_KIND.PARENTTASK,
 			}))
-			
-			if (typeof createdTask.relatedTasks === 'undefined') {
-				createdTask.relatedTasks = {}
-			}
-			if (typeof createdTask.relatedTasks[RELATION_KIND.PARENTTASK] === 'undefined') {
-				createdTask.relatedTasks[RELATION_KIND.PARENTTASK] = []
-			}
-			createdTask.relatedTasks[RELATION_KIND.PARENTTASK].push({
+
+			createdTask.relatedTasks[RELATION_KIND.PARENTTASK] = [{
 				...createdParentTask,
 				relatedTasks: {}, // To avoid endless references
-			})
+			}]
+			// we're only emitting here so that the relation shows up in the project
+			emit('taskAdded', createdTask)

-			if (typeof createdParentTask.relatedTasks === 'undefined') {
-				createdParentTask.relatedTasks = {}
-			}
-			if (typeof createdParentTask.relatedTasks[RELATION_KIND.SUBTASK] === 'undefined') {
-				createdParentTask.relatedTasks[RELATION_KIND.SUBTASK] = []
-			}
-			createdParentTask.relatedTasks[RELATION_KIND.SUBTASK].push({
+			createdParentTask.relatedTasks[RELATION_KIND.SUBTASK] = [{
 				...createdTask,
 				relatedTasks: {}, // To avoid endless references
-			})
+			}]
+			emit('taskAdded', createdParentTask)

 			return rel
 		})
 		await Promise.all(relations)
-		
-		// We're emitting all tasks at once at the end to avoid the same task showing up multiple times
-		Object.values(createdTasks).forEach(task => {
-			emit('taskAdded', task)
-		})
 	} catch (e) {
 		newTaskTitle.value = taskTitleBackup
 		if (e?.message === 'NO_PROJECT') {
@@ -274,7 +264,7 @@ defineExpose({

 <style lang="scss" scoped>
 .task-add,
-	// overwrite bulma styles
+// overwrite bulma styles
 .task-add .add-task__field {
 	margin-bottom: 0;
 }
@@ -2,23 +2,23 @@
 import type {IUser} from '@/modelTypes/IUser'
 import BaseButton from '@/components/base/BaseButton.vue'
 import User from '@/components/misc/User.vue'
+import {computed} from 'vue'

-withDefaults(defineProps<{
+const {
+	assignees,
+	remove,
+	disabled,
+	avatarSize = 30,
+	inline = false,
+} = defineProps<{
 	assignees: IUser[],
+	remove?: (user: IUser) => void,
 	disabled?: boolean,
 	avatarSize?: number,
 	inline?: boolean,
-	/** add this boolean prop to enable removal of assignees */
-	canRemove?: boolean,
-}>(), {
-	avatarSize: 30,
-	inline: false,
-	canRemove: false,
-})
-
-defineEmits<{
-	remove: [user: IUser],
 }>()
+
+const hasDelete = computed(() => typeof remove !== 'undefined' && !disabled)
 </script>

 <template>
@@ -36,13 +36,13 @@ defineEmits<{
 				:avatar-size="avatarSize"
 				:show-username="false"
 				:user="user"
-				:class="{'m-2': canRemove && !disabled}"
+				:class="{'m-2': hasDelete}"
 			/>
 			<BaseButton
-				v-if="canRemove && !disabled"
+				v-if="hasDelete"
 				:key="'delete'+user.id"
 				class="remove-assignee"
-				@click="$emit('remove', user)"
+				@click="remove(user)"
 			>
 				<Icon icon="times" />
 			</BaseButton>
@@ -1,8 +1,7 @@
 <template>
 	<div
 		v-if="enabled"
-		ref="commentsRef"
-		class="content details comments-container"
+		class="content details"
 	>
 		<h3
 			v-if="canWrite || comments.length > 0"
@@ -16,7 +15,7 @@
 		<div class="comments">
 			<span
 				v-if="taskCommentService.loading && saving === null && !creating"
-				class="is-flex is-align-items-center my-4 ml-2"
+				class="is-inline-flex is-align-items-center"
 			>
 				<span class="loader is-inline-block mr-2" />
 				{{ $t('task.comment.loading') }}
@@ -116,14 +115,6 @@
 					/>
 				</div>
 			</div>
-
-			<PaginationEmit
-				v-if="taskCommentService.totalPages > 1"
-				:total-pages="taskCommentService.totalPages"
-				:current-page="currentPage"
-				@pageChanged="changePage"
-			/>
-
 			<div
 				v-if="canWrite"
 				class="media comment d-print-none"
@@ -177,7 +168,6 @@
 			</div>
 		</div>

-
 		<Modal
 			:enabled="showDeleteModal"
 			@close="showDeleteModal = false"
@@ -203,7 +193,6 @@ import {useI18n} from 'vue-i18n'

 import CustomTransition from '@/components/misc/CustomTransition.vue'
 import Editor from '@/components/input/AsyncEditor'
-import PaginationEmit from '@/components/misc/PaginationEmit.vue'

 import TaskCommentService from '@/services/taskComment'
 import TaskCommentModel from '@/models/taskComment'
@@ -266,10 +255,6 @@ const actions = computed(() => {

 const frontendUrl = computed(() => configStore.frontendUrl)

-const currentPage = ref(1)
-
-const commentsRef = ref<HTMLElement | null>(null)
-
 async function attachmentUpload(files: File[] | FileList): (Promise<string[]>) {

 	const uploadPromises: Promise<string>[] = []
@@ -295,21 +280,12 @@ async function loadComments(taskId: ITask['id']) {
 	newComment.taskId = taskId
 	commentEdit.taskId = taskId
 	commentToDelete.taskId = taskId
-	comments.value = await taskCommentService.getAll({taskId}, {}, currentPage.value)
-}
-
-async function changePage(page: number) {
-	commentsRef.value?.scrollIntoView({ behavior: 'smooth', block: 'start', inline: 'nearest' })
-	currentPage.value = page
-	await loadComments(props.taskId)
+	comments.value = await taskCommentService.getAll({taskId})
 }

 watch(
 	() => props.taskId,
-	() => {
-		currentPage.value = 1 // Reset to first page when task changes
-		loadComments(props.taskId)
-	},
+	loadComments,
 	{immediate: true},
 )

@@ -458,8 +434,4 @@ function getCommentUrl(commentId: string) {
 .media-content {
 	width: calc(100% - 48px - 2rem);
 }
-
-.comments-container {
-	scroll-margin-top: 4rem;
-}
 </style>
@@ -44,7 +44,7 @@ import flatPickr from 'vue-flatpickr-component'

 import TaskService from '@/services/task'
 import type {ITask} from '@/modelTypes/ITask'
-import {useFlatpickrLanguage} from '@/helpers/useFlatpickrLanguage'
+import { getFlatpickrLanguage } from '@/helpers/flatpickrLanguage'

 const props = defineProps<{
 	modelValue: ITask,
@@ -101,7 +101,7 @@ const flatPickerConfig = computed(() => ({
 	enableTime: true,
 	time_24hr: true,
 	inline: true,
-	locale: useFlatpickrLanguage().value,
+	locale: getFlatpickrLanguage(),
 }))

 function deferDays(days: number) {
@@ -38,7 +38,7 @@
 </template>

 <script setup lang="ts">
-import {ref, computed, watchEffect, onBeforeUnmount} from 'vue'
+import {ref, computed, watch, onBeforeUnmount} from 'vue'

 import CustomTransition from '@/components/misc/CustomTransition.vue'
 import Editor from '@/components/input/AsyncEditor'
@@ -46,25 +46,21 @@ import Editor from '@/components/input/AsyncEditor'
 import type {ITask} from '@/modelTypes/ITask'
 import {useTaskStore} from '@/stores/tasks'

-export type AttachmentUploadFunction = (file: File, onSuccess: (attachmentUrl: string) => void) => Promise<string>
+type AttachmentUploadFunction = (file: File, onSuccess: (attachmentUrl: string) => void) => Promise<string>

-const props = withDefaults(defineProps<{
+const {
+	modelValue,
+	attachmentUpload,
+	canWrite,
+} = defineProps<{
 	modelValue: ITask,
 	attachmentUpload: AttachmentUploadFunction,
 	canWrite: boolean,
-}>(), {
-	canWrite: true,
-})
-
-const emit = defineEmits<{
-	'update:modelValue': [value: ITask]
 }>()

-const description = ref<string>('')
-watchEffect(() => {
-		description.value = props.modelValue.description
-})
+const emit = defineEmits(['update:modelValue'])

+const description = ref<string>('')
 const saved = ref(false)

 // Since loading is global state, this variable ensures we're only showing the saving icon when saving the description.
@@ -73,6 +69,14 @@ const saving = ref(false)
 const taskStore = useTaskStore()
 const loading = computed(() => taskStore.isLoading)

+watch(
+	() => modelValue.description,
+	value => {
+		description.value = value
+	},
+	{immediate: true},
+)
+
 const changeTimeout = ref<ReturnType<typeof setTimeout> | null>(null)

 async function saveWithDelay() {
@@ -95,12 +99,13 @@ async function save() {
 	if (changeTimeout.value !== null) {
 		clearTimeout(changeTimeout.value)
 	}
-	saved.value = false
+
 	saving.value = true

 	try {
+		// FIXME: don't update state from internal.
 		const updated = await taskStore.update({
-			...props.modelValue,
+			...modelValue,
 			description: description.value,
 		})
 		emit('update:modelValue', updated)
@@ -114,12 +119,13 @@ async function save() {
 	}
 }

-async function uploadCallback(files: File[] | FileList): Promise<string[]> {
+async function uploadCallback(files: File[] | FileList): (Promise<string[]>) {
+
 	const uploadPromises: Promise<string>[] = []

 	files.forEach((file: File) => {
 		const promise = new Promise<string>((resolve) => {
-			props.attachmentUpload(file, (uploadedFileUrl: string) => resolve(uploadedFileUrl))
+			attachmentUpload(file, (uploadedFileUrl: string) => resolve(uploadedFileUrl))
 		})

 		uploadPromises.push(promise)
@@ -16,9 +16,8 @@
 		<template #items="{items}">
 			<AssigneeList
 				:assignees="items"
+				:remove="removeAssignee"
 				:disabled="disabled"
-				can-remove
-				@remove="removeAssignee"
 			/>
 		</template>
 		<template #searchResult="{option: user}">
@@ -16,7 +16,6 @@
 				:is-done="task.done"
 			/>
 			<BaseButton
-				v-if="hasClose"
 				class="close"
 				@click="$emit('close')"
 			>
@@ -30,12 +29,10 @@
 			:spellcheck="false"
 			@blur="save(($event.target as HTMLInputElement).textContent as string)"
 			@keydown.enter.prevent.stop="($event.target as HTMLInputElement).blur()"
-			@keydown.esc.prevent.stop="cancel($event.target as HTMLInputElement)"
 		>
 			{{ task.title.trim() }}
 		</h1>
 		<BaseButton
-			v-if="hasClose"
 			class="close"
 			@click="$emit('close')"
 		>
@@ -81,10 +78,8 @@ import {getHexColor, getTaskIdentifier} from '@/models/task'
 const props = withDefaults(defineProps<{
 	task: ITask,
 	canWrite: boolean | undefined,
-	hasClose: boolean | undefined,
 }>(), {
 	canWrite: false,
-	hasClose: false,
 })

 const emit = defineEmits<{
@@ -134,11 +129,6 @@ async function save(title: string) {
 		saving.value = false
 	}
 }
-
-async function cancel(element: HTMLInputElement) {
-  element.textContent = props.task.title
-  element.blur()
-}
 </script>

 <style lang="scss" scoped>
@@ -19,30 +19,19 @@
 			class="tw-w-full"
 		>
 		<div class="p-2">
-			<div class="task-id tw-flex tw-justify-between">
-				<div>
-					<Done
-						class="kanban-card__done"
-						:is-done="task.done"
-						variant="small"
-					/>
-					<template v-if="task.identifier === ''">
-						#{{ task.index }}
-					</template>
-					<template v-else>
-						{{ task.identifier }}
-					</template>
-					<span
-						v-if="showTaskPosition"
-						class="tw-text-red-600 tw-pl-2"
-					>
-						{{ task.position }}
-					</span>
-				</div>
-				<div v-if="projectTitle">
-					{{ projectTitle }}
-				</div>
-			</div>
+			<span class="task-id">
+				<Done
+					class="kanban-card__done"
+					:is-done="task.done"
+					variant="small"
+				/>
+				<template v-if="task.identifier === ''">
+					#{{ task.index }}
+				</template>
+				<template v-else>
+					{{ task.identifier }}
+				</template>
+			</span>
 			<span
 				v-if="task.dueDate > 0"
 				v-tooltip="formatDateLong(task.dueDate)"
@@ -115,7 +104,6 @@ import ChecklistSummary from './ChecklistSummary.vue'

 import {getHexColor} from '@/models/task'
 import type {ITask} from '@/modelTypes/ITask'
-import type {IProject} from '@/modelTypes/IProject'
 import {SUPPORTED_IMAGE_SUFFIX} from '@/models/attachment'
 import AttachmentService, {PREVIEW_SIZE} from '@/services/attachment'

@@ -125,11 +113,9 @@ import {useTaskStore} from '@/stores/tasks'
 import AssigneeList from '@/components/tasks/partials/AssigneeList.vue'
 import {playPopSound} from '@/helpers/playPop'
 import {isEditorContentEmpty} from '@/helpers/editorContentEmpty'
-import {useProjectStore} from '@/stores/projects'

 const props = withDefaults(defineProps<{
 	task: ITask,
-	projectId: IProject['id'],
 	loading: boolean,
 }>(), {
 	loading: false,
@@ -141,19 +127,6 @@ const loadingInternal = ref(false)

 const color = computed(() => getHexColor(props.task.hexColor))

-const projectStore = useProjectStore()
-
-const projectTitle = computed(() => {
-	if (props.projectId === props.task.projectId) {
-		return false
-	}
-	
-	const project = projectStore.projects[props.task.projectId]
-	return project?.title
-})
-
-const showTaskPosition = computed(() => window.DEBUG_TASK_POSITION)
-
 async function toggleTaskDone(task: ITask) {
 	loadingInternal.value = true
 	try {
@@ -62,7 +62,6 @@
 				<ul>
 					<!-- Not localized because these only work in english -->
 					<li>Today</li>
-					<li>Tonight</li>
 					<li>Tomorrow</li>
 					<li>Next monday</li>
 					<li>This weekend</li>
@@ -126,7 +126,7 @@
 							@update:modelValue="toggleTaskDone(task)"
 						/>
 						<RouterLink
-							:to="{ name: route.name as string, params: { id: task.id }, state: { backdropView: route.fullPath } }"
+							:to="{ name: route.name as string, params: { id: task.id } }"
 							:class="{ 'is-strikethrough': task.done}"
 						>
 							<span
@@ -183,7 +183,7 @@
 </template>

 <script setup lang="ts">
-import {ref, reactive, shallowReactive, watch, computed} from 'vue'
+import {ref, reactive, shallowReactive, watch, computed, type PropType} from 'vue'
 import {useI18n} from 'vue-i18n'
 import {useRoute} from 'vue-router'

@@ -206,17 +206,27 @@ import {useTaskStore} from '@/stores/tasks'
 import {useProjectStore} from '@/stores/projects'
 import {playPopSound} from '@/helpers/playPop'

-const props = withDefaults(defineProps<{
-	taskId: number,
-	initialRelatedTasks?: ITask['relatedTasks'],
-	showNoRelationsNotice?: boolean,
-	projectId: number,
-	editEnabled: boolean,
-}>(), {
-	initialRelatedTasks: () => ({}),
-	showNoRelationsNotice: false,
-	projectId: 0,
-	editEnabled: true, // this seems like a mistake
+const props = defineProps({
+	taskId: {
+		type: Number,
+		required: true,
+	},
+	initialRelatedTasks: {
+		type: Object as PropType<ITask['relatedTasks']>,
+		default: () => ({}),
+	},
+	showNoRelationsNotice: {
+		type: Boolean,
+		default: false,
+	},
+	projectId: {
+		type: Number,
+		default: 0,
+	},
+	editEnabled: {
+		type: Boolean,
+		default: true,
+	},
 })

 const taskStore = useTaskStore()
@@ -144,7 +144,7 @@ watch(
 		if (newReminder) {
 			reminder.value = newReminder

-			if (newReminder.relativeTo === null && newReminder.reminder !== null) {
+			if (newReminder.relativeTo === null) {
 				reminderDate.value = new Date(newReminder.reminder)
 			}

@@ -92,7 +92,7 @@ function updateData() {
 	})
 }

-function addNewReminder(newReminder: ITaskReminder|null) {
+function addNewReminder(newReminder: ITaskReminder) {
 	if (newReminder === null) {
 		return
 	}
@@ -91,9 +91,8 @@
 							</time>
 						</BaseButton>
 					</template>
-					<template #content="{isOpen}">
+					<template #content>
 						<DeferTask
-							v-if="isOpen"
 							v-model="task"
 						/>
 					</template>
@@ -353,7 +352,7 @@ function hasTextSelected() {

 function openTaskDetail(event: MouseEvent | KeyboardEvent) {
 	if (event.target instanceof HTMLElement) {
-		const isInteractiveElement = event.target.closest('a, button, .favorite, [role="button"]')
+		const isInteractiveElement = event.target.closest('a, button, input, .favorite, [role="button"]')
 		if (isInteractiveElement || hasTextSelected()) {
 			return
 		}
@@ -378,7 +377,7 @@ function openTaskDetail(event: MouseEvent | KeyboardEvent) {
 		background-color: var(--grey-100);
 	}

-	&:has(*:focus-visible) {
+	&:focus-within {
 		box-shadow: 0 0 0 2px hsla(var(--primary-hsl), 0.5);

 		a.task-link {
@@ -388,7 +387,7 @@ function openTaskDetail(event: MouseEvent | KeyboardEvent) {

 	@supports not selector(:focus-within) {
 		:focus {
-			box-shadow: 0 0 0 2px hsla(var(--primary-hsl), 0.5);
+		box-shadow: 0 0 0 2px hsla(var(--primary-hsl), 0.5);

 			a.task-link {
 				box-shadow: none;
@@ -412,15 +411,6 @@ function openTaskDetail(event: MouseEvent | KeyboardEvent) {
 		.dueDate {
 			display: inline-block;
 			margin-left: 5px;
-
-			&:focus-visible {
-				box-shadow: none;
-
-				time {
-					box-shadow: 0 0 0 1px hsla(var(--primary-hsl), 0.5);
-					border-radius: 3px;
-				}
-			}
 		}

 		.overdue {
@@ -466,7 +456,6 @@ function openTaskDetail(event: MouseEvent | KeyboardEvent) {
 		text-align: center;
 		width: 27px;
 		transition: opacity $transition, color $transition;
-		border-radius: $radius;

 		&:hover {
 			color: var(--warning);
@@ -5,12 +5,9 @@ export function useBodyClass(className: string, defaultValue = false) {
 	const isActive = ref(defaultValue)

 	watchEffect(() => {
-		if(isActive.value) {
-			document.body.classList.add(className)
-			return
-		}
-		
-		document.body.classList.remove(className)
+		isActive.value
+			? document.body.classList.add(className)
+			: document.body.classList.remove(className)
 	})

 	tryOnBeforeUnmount(() => isActive.value && document.body.classList.remove(className))
@@ -24,8 +24,7 @@ export function useCopyToClipboard() {
 			if (!successful) {
 				throw new Error()
 			}
-			// eslint-disable-next-line @typescript-eslint/no-unused-vars
-		} catch (e) {
+		} catch (err) {
 			error(t('misc.copyError'))
 		}
 	
@@ -39,7 +38,6 @@ export function useCopyToClipboard() {
 		}
 		try {
 			await navigator.clipboard.writeText(text)
-			// eslint-disable-next-line @typescript-eslint/no-unused-vars
 		} catch(e) {
 			error(t('misc.copyError'))
 		}
@@ -2,11 +2,7 @@ import {ref, shallowReactive, watch, computed, type ComputedGetter} from 'vue'
 import {useRoute, useRouter} from 'vue-router'
 import {useRouteQuery} from '@vueuse/router'

-import TaskCollectionService, {
-	type ExpandTaskFilterParam,
-	getDefaultTaskFilterParams,
-	type TaskFilterParams,
-} from '@/services/taskCollection'
+import TaskCollectionService, {getDefaultTaskFilterParams, type TaskFilterParams} from '@/services/taskCollection'
 import type {ITask} from '@/modelTypes/ITask'
 import {error} from '@/message'
 import type {IProject} from '@/modelTypes/IProject'
@@ -63,7 +59,6 @@ export function useTaskList(
 	projectIdGetter: ComputedGetter<IProject['id']>,
 	projectViewIdGetter: ComputedGetter<IProjectView['id']>,
 	sortByDefault: SortBy = SORT_BY_DEFAULT,
-	expandGetter: ComputedGetter<ExpandTaskFilterParam> = () => 'subtasks',
 ) {
 	
 	const projectId = computed(() => projectIdGetter())
@@ -100,7 +95,6 @@ export function useTaskList(
 			{
 				...allParams.value,
 				filter_timezone: authStore.settings.timezone,
-				expand: expandGetter(),
 			},
 			page.value,
 		]
@@ -1,6 +1,6 @@
-import {computed, toValue} from 'vue'
+import {computed} from 'vue'

-import {useTitle as useTitleVueUse, type UseTitleOptions, type ReadonlyRefOrGetter, type MaybeRef, type MaybeRefOrGetter} from '@vueuse/core'
+import {useTitle as useTitleVueUse, toValue, type UseTitleOptions, type ReadonlyRefOrGetter, type MaybeRef, type MaybeRefOrGetter} from '@vueuse/core'

 export function useTitle(
 	newTitle:
@@ -40,7 +40,6 @@ export const checkAndSetApiUrl = (url: string | undefined | null): Promise<strin
 	let urlToCheck: URL
 	try {
 		urlToCheck = new URL(url)
-		// eslint-disable-next-line @typescript-eslint/no-unused-vars
 	} catch (e) {
 		throw new InvalidApiUrlProvidedError()
 	}
@@ -51,9 +50,10 @@ export const checkAndSetApiUrl = (url: string | undefined | null): Promise<strin
 	window.API_URL = urlToCheck.toString()

 	const configStore = useConfigStore()
+	const updateConfig = () => configStore.update()

 	// Check if the api is reachable at the provided url
-	return configStore.update()
+	return updateConfig()
 		.catch(e => {
 			// Check if it is reachable at /api/v1 and http
 			if (
@@ -62,7 +62,7 @@ export const checkAndSetApiUrl = (url: string | undefined | null): Promise<strin
 			) {
 				urlToCheck.pathname = `${urlToCheck.pathname}api/v1`
 				window.API_URL = urlToCheck.toString()
-				return configStore.update()
+				return updateConfig()
 			}
 			throw e
 		})
@@ -75,7 +75,7 @@ export const checkAndSetApiUrl = (url: string | undefined | null): Promise<strin
 			) {
 				urlToCheck.pathname = `${urlToCheck.pathname}api/v1`
 				window.API_URL = urlToCheck.toString()
-				return configStore.update()
+				return updateConfig()
 			}
 			throw e
 		})
@@ -84,7 +84,7 @@ export const checkAndSetApiUrl = (url: string | undefined | null): Promise<strin
 			if (urlToCheck.port !== API_DEFAULT_PORT) {
 				urlToCheck.port = API_DEFAULT_PORT
 				window.API_URL = urlToCheck.toString()
-				return configStore.update()
+				return updateConfig()
 			}
 			throw e
 		})
@@ -97,7 +97,7 @@ export const checkAndSetApiUrl = (url: string | undefined | null): Promise<strin
 			) {
 				urlToCheck.pathname = `${urlToCheck.pathname}api/v1`
 				window.API_URL = urlToCheck.toString()
-				return configStore.update()
+				return updateConfig()
 			}
 			throw e
 		})
@@ -67,16 +67,6 @@ describe('Filter Transformation', () => {

 			expect(transformed).toBe('labels in 1, 2 && due_date = now')
 		})
-		
-		it('should correctly resolve multiple labels with a not in clause', () => {
-			const transformed = transformFilterStringForApi(
-				'labels not in lorem, ipsum && dueDate = now',
-				multipleDummyResolver,
-				nullTitleToIdResolver,
-			)
-
-			expect(transformed).toBe('labels not in 1, 2 && due_date = now')
-		})

 		it('should correctly resolve projects', () => {
 			const transformed = transformFilterStringForApi(
@@ -228,17 +218,7 @@ describe('Filter Transformation', () => {

 			expect(transformed).toBe('labels in lorem, ipsum')
 		})
-		
-		it('should correctly resolve multiple labels not in', () => {
-			const transformed = transformFilterStringFromApi(
-				'labels not in 1, 2',
-				multipleIdToTitleResolver,
-				nullIdToTitleResolver,
-			)

-			expect(transformed).toBe('labels not in lorem, ipsum')
-		})
-		
 		it('should not touch the label value when it is undefined', () => {
 			const transformed = transformFilterStringFromApi(
 				'labels = one',
@@ -6,8 +6,6 @@ export const DATE_FIELDS = [
 	'endDate',
 	'doneAt',
 	'reminders',
-	'created',
-	'updated',
 ]

 export const ASSIGNEE_FIELDS = [
@@ -46,7 +44,6 @@ export const FILTER_OPERATORS = [
 	'<',
 	'<=',
 	'like',
-	'not in',
 	'in',
 	'?=',
 ]
@@ -58,11 +55,7 @@ export const FILTER_JOIN_OPERATOR = [
 	')',
 ]

-export const FILTER_OPERATORS_REGEX = '(&lt;|&gt;|&lt;=|&gt;=|=|!=|not in|in)'
-
-export function hasFilterQuery(filter: string): boolean {
-	return FILTER_OPERATORS.find(o => filter.includes(o)) || false
-}
+export const FILTER_OPERATORS_REGEX = '(&lt;|&gt;|&lt;=|&gt;=|=|!=|in)'

 export function getFilterFieldRegexPattern(field: string): RegExp {
 	return new RegExp('(' + field + '\\s*' + FILTER_OPERATORS_REGEX + '\\s*)([\'"]?)([^\'"&|()<]+\\1?)?', 'ig')
@@ -73,13 +66,13 @@ export function transformFilterStringForApi(
 	labelResolver: (title: string) => number | null,
 	projectResolver: (title: string) => number | null,
 ): string {
-
+	
 	filter = filter.trim()

 	if (filter === '') {
 		return ''
 	}
-
+	
 	AVAILABLE_FILTER_FIELDS.forEach(f => {
 		filter = filter.replace(new RegExp(f, 'ig'), f)
 	})
@@ -102,10 +95,10 @@ export function transformFilterStringForApi(
 				}

 				let keywords = [keyword.trim()]
-				if (operator === 'in' || operator === '?=' || operator === 'not in' || operator === '?!=') {
+				if (operator === 'in' || operator === '?=') {
 					keywords = keyword.trim().split(',').map(k => k.trim())
 				}
-
+				
 				let replaced = keyword

 				keywords.forEach(k => {
@@ -167,7 +160,7 @@ export function transformFilterStringFromApi(
 				const [matched, prefix, operator, space, keyword] = match
 				if (keyword) {
 					let keywords = [keyword.trim()]
-					if (operator === 'in' || operator === '?=' || operator === 'not in' || operator === '?!=') {
+					if (operator === 'in' || operator === '?=') {
 						keywords = keyword.trim().split(',').map(k => k.trim())
 					}

@@ -0,0 +1,15 @@
+import {useAuthStore} from '@/stores/auth'
+import FlatpickrLanguages from 'flatpickr/dist/l10n'
+import type { CustomLocale, key } from 'flatpickr/dist/types/locale'
+
+export function getFlatpickrLanguage(): CustomLocale {
+	const authStore = useAuthStore()
+	const lang = authStore.settings.language
+	const langPair = lang.split('-')
+	let language = FlatpickrLanguages[lang === 'vi-vn' ? 'vn' : 'en']
+	if (langPair.length > 0 && FlatpickrLanguages[langPair[0] as key] !== undefined) {
+		language = FlatpickrLanguages[langPair[0] as key]
+	}
+	language.firstDayOfWeek = authStore.settings.weekStart ?? language.firstDayOfWeek
+	return language
+}
@@ -1,5 +1,5 @@
 import {describe, it, expect} from 'vitest'
-import {hourToDaytime} from './hourToDaytime'
+import {hourToDaytime} from "./hourToDaytime"

 function dateWithHour(hours: number): Date {
 	const newDate = new Date()
@@ -22,11 +22,6 @@ export const parseDate = (text: string, now: Date = new Date()): dateParseResult
 	if (matchesDateExpr(text, 'today')) {
 		return addTimeToDate(text, getDateFromInterval(calculateDayInterval('today')), 'today')
 	}
-	if (matchesDateExpr(text, 'tonight')) {
-		const taskDate = getDateFromInterval(calculateDayInterval('today'))
-		taskDate.setHours(21)
-		return addTimeToDate(text, taskDate, 'tonight')
-	}
 	if (matchesDateExpr(text, 'tomorrow')) {
 		return addTimeToDate(text, getDateFromInterval(calculateDayInterval('tomorrow')), 'tomorrow')
 	}
@@ -23,7 +23,7 @@ export function parseDateProp(kebabDate: DateKebab | undefined): string | undefi
 			throw new Error('Invalid date values')
 		}
 		return new Date(year, month - 1, date).toISOString() as DateISO
-	} catch(_) {
+	} catch(e) {
 		// ignore nonsense route queries
 		return
 	}
@@ -1,22 +0,0 @@
-import {useAuthStore} from '@/stores/auth'
-// TODO: only import needed languages
-import FlatpickrLanguages from 'flatpickr/dist/l10n'
-import type { key } from 'flatpickr/dist/types/locale'
-import { computed } from 'vue'
-
-export function useFlatpickrLanguage() {
-	const authStore = useAuthStore()
-
-	return computed(() => {
-		const userLanguage = authStore.settings.language
-		if (!userLanguage) {
-			return FlatpickrLanguages.en
-		}
-
-		const langPair = userLanguage.split('-')
-		const code = userLanguage === 'vi-VN' ? 'vn' : 'en'
-		const language = FlatpickrLanguages?.[langPair?.[0] as key] || FlatpickrLanguages[code]
-		language.firstDayOfWeek = authStore.settings.weekStart ?? language.firstDayOfWeek
-		return language
-	})
-}
@@ -26,8 +26,6 @@ export const SUPPORTED_LOCALES = {
 	'hr-HR': 'Hrvatski',
 	'uk-UA': 'Українська',
 	'lt-LT': 'Lietuvių Kalba',
-	'bg-BG': 'Български',
-	'ko-KR': '한국어',
 	// IMPORTANT: Also add new languages to useDayjsLanguageSync
 } as const

@@ -365,8 +365,7 @@
      "deleteBucketSuccess": "تم حذف الحافظة بنجاح.",
      "bucketTitleSavedSuccess": "تم حفظ عنوان الحافظة بنجاح.",
      "bucketLimitSavedSuccess": "تم حفظ الحد الأقصى للحافظة بنجاح.",
-      "collapse": "طي هذه الحافظة",
-      "bucketLimitReached": "You have reached the bucket limit. Remove tasks or increase the limit to add new tasks."
+      "collapse": "طي هذه الحافظة"
    },
    "pseudo": {
      "favorites": {
@@ -411,8 +410,6 @@
    "title": "الفلاتر",
    "clear": "مسح الفلاتر",
    "showResults": "Show results",
-    "fromView": "The current view has a filter set as well:",
-    "fromViewBoth": "It will be used in combination with what you enter here.",
    "attributes": {
      "title": "العنوان",
      "titlePlaceholder": "عنوان الفلتر المحفوظ هنا…",
@@ -450,7 +447,7 @@
      "help": {
        "intro": "To filter tasks, you can use a query syntax similar to SQL. The available fields for filtering include:",
        "link": "How does this work?",
-        "canUseDatemath": "You can use date math to set relative dates. Click on the date value in a query to find out more.",
+        "canUseDatemath": "You can date math to set relative dates. Click on the date value in a query to find out more.",
        "fields": {
          "done": "Whether the task is completed or not",
          "priority": "The priority level of the task (1-5)",
@@ -461,10 +458,7 @@
          "doneAt": "The date and time when the task was completed",
          "assignees": "The assignees of the task",
          "labels": "The labels associated with the task",
-          "project": "The project the task belongs to (only available for saved filters, not on a project level)",
-          "reminders": "The reminders of the task as a date field, will return all tasks with at least one reminder matching the query",
-          "created": "The time and date when the task was created",
-          "updated": "The time and date when the task was last changed"
+          "project": "The project the task belongs to (only available for saved filters, not on a project level)"
        },
        "operators": {
          "intro": "The available operators for filtering include:",
@@ -475,8 +469,7 @@
          "lessThan": "Less than",
          "lessThanOrEqual": "Less than or equal to",
          "like": "Matches a pattern (using wildcard %)",
-          "in": "Matches any value in a comma-seperated list of values",
-          "notIn": "Matches any value not present in a comma-seperated list of values"
+          "in": "Matches any value in a comma-seperated list of values"
        },
        "logicalOperators": {
          "intro": "To combine multiple conditions, you can use the following logical operators:",
@@ -1203,8 +1196,7 @@
    "12001": "نوع الاشتراك غير صالح.",
    "12002": "أنت مشترك بالفعل في العنصر نفسه أو في العنصر الرئيس.",
    "13001": "رابط المشاركة هذا يتطلب كلمة مرور للتوثيق، ولكن لم يتم توفير أي منها.",
-    "13002": "كلمة مرور رابط المشاركة غير صالحة.",
-    "14001": "The provided file is not a valid zip file."
+    "13002": "كلمة مرور رابط المشاركة غير صالحة."
  },
  "about": {
    "title": "عن البرنامج",
@@ -1221,4 +1213,4 @@
      "years": "سنة|سنوات"
    }
  }
-}
+}
@@ -365,8 +365,7 @@
      "deleteBucketSuccess": "The bucket has been deleted successfully.",
      "bucketTitleSavedSuccess": "The bucket title has been saved successfully.",
      "bucketLimitSavedSuccess": "The bucket limit been saved successfully.",
-      "collapse": "Collapse this bucket",
-      "bucketLimitReached": "You have reached the bucket limit. Remove tasks or increase the limit to add new tasks."
+      "collapse": "Collapse this bucket"
    },
    "pseudo": {
      "favorites": {
@@ -411,8 +410,6 @@
    "title": "Filters",
    "clear": "Clear Filters",
    "showResults": "Show results",
-    "fromView": "The current view has a filter set as well:",
-    "fromViewBoth": "It will be used in combination with what you enter here.",
    "attributes": {
      "title": "Title",
      "titlePlaceholder": "The saved filter title goes here…",
@@ -450,7 +447,7 @@
      "help": {
        "intro": "To filter tasks, you can use a query syntax similar to SQL. The available fields for filtering include:",
        "link": "How does this work?",
-        "canUseDatemath": "You can use date math to set relative dates. Click on the date value in a query to find out more.",
+        "canUseDatemath": "You can date math to set relative dates. Click on the date value in a query to find out more.",
        "fields": {
          "done": "Whether the task is completed or not",
          "priority": "The priority level of the task (1-5)",
@@ -461,10 +458,7 @@
          "doneAt": "The date and time when the task was completed",
          "assignees": "The assignees of the task",
          "labels": "The labels associated with the task",
-          "project": "The project the task belongs to (only available for saved filters, not on a project level)",
-          "reminders": "The reminders of the task as a date field, will return all tasks with at least one reminder matching the query",
-          "created": "The time and date when the task was created",
-          "updated": "The time and date when the task was last changed"
+          "project": "The project the task belongs to (only available for saved filters, not on a project level)"
        },
        "operators": {
          "intro": "The available operators for filtering include:",
@@ -475,8 +469,7 @@
          "lessThan": "Less than",
          "lessThanOrEqual": "Less than or equal to",
          "like": "Matches a pattern (using wildcard %)",
-          "in": "Matches any value in a comma-seperated list of values",
-          "notIn": "Matches any value not present in a comma-seperated list of values"
+          "in": "Matches any value in a comma-seperated list of values"
        },
        "logicalOperators": {
          "intro": "To combine multiple conditions, you can use the following logical operators:",
@@ -1203,8 +1196,7 @@
    "12001": "The subscription entity type is invalid.",
    "12002": "You are already subscribed to the entity itself or a parent entity.",
    "13001": "This link share requires a password for authentication, but none was provided.",
-    "13002": "The provided link share password was invalid.",
-    "14001": "The provided file is not a valid zip file."
+    "13002": "The provided link share password was invalid."
  },
  "about": {
    "title": "About",
@@ -1221,4 +1213,4 @@
      "years": "year|years"
    }
  }
-}
+}
@@ -365,8 +365,7 @@
      "deleteBucketSuccess": "Sloupec byl úspěšně smazán.",
      "bucketTitleSavedSuccess": "Název sloupce byl úspěšně uložen.",
      "bucketLimitSavedSuccess": "Limit sloupce byl úspěšně uložen.",
-      "collapse": "Sbalit tento sloupec",
-      "bucketLimitReached": "You have reached the bucket limit. Remove tasks or increase the limit to add new tasks."
+      "collapse": "Sbalit tento sloupec"
    },
    "pseudo": {
      "favorites": {
@@ -411,8 +410,6 @@
    "title": "Filtry",
    "clear": "Vymazat filtry",
    "showResults": "Zobrazit výsledky",
-    "fromView": "The current view has a filter set as well:",
-    "fromViewBoth": "It will be used in combination with what you enter here.",
    "attributes": {
      "title": "Název",
      "titlePlaceholder": "Název uloženého filtru přijde sem…",
@@ -450,7 +447,7 @@
      "help": {
        "intro": "K filtrování úkolů můžete použít syntaxi dotazů podobnou SQL. Dostupná pole pro filtrování zahrnují:",
        "link": "Jak to funguje?",
-        "canUseDatemath": "You can use date math to set relative dates. Click on the date value in a query to find out more.",
+        "canUseDatemath": "Můžete použít matematiku a nastavit relativní data. Pro více informací klikněte na datum v dotazu.",
        "fields": {
          "done": "Zda je úkol dokončen nebo ne",
          "priority": "Úroveň priority úkolu (1-5)",
@@ -461,10 +458,7 @@
          "doneAt": "Datum a čas, kdy byl úkol dokončen",
          "assignees": "Přiřazení uživatelé",
          "labels": "Štítky přiřazené úkolu",
-          "project": "Projekt, do kterého úkol patří (k dispozici pouze pro uložené filtry, ne na úrovni projektu)",
-          "reminders": "The reminders of the task as a date field, will return all tasks with at least one reminder matching the query",
-          "created": "The time and date when the task was created",
-          "updated": "The time and date when the task was last changed"
+          "project": "Projekt, do kterého úkol patří (k dispozici pouze pro uložené filtry, ne na úrovni projektu)"
        },
        "operators": {
          "intro": "Dostupné operátory pro filtrování zahrnují:",
@@ -475,8 +469,7 @@
          "lessThan": "Menší než",
          "lessThanOrEqual": "Menší nebo rovno než",
          "like": "Odpovídá vzoru (s použitím zástupného znaku %)",
-          "in": "Odpovídá libovolné hodnotě v seznamu hodnot oddělených čárkou",
-          "notIn": "Matches any value not present in a comma-seperated list of values"
+          "in": "Odpovídá libovolné hodnotě v seznamu hodnot oddělených čárkou"
        },
        "logicalOperators": {
          "intro": "Pro kombinování více podmínek můžete použít tyto logické operátory:",
@@ -1203,8 +1196,7 @@
    "12001": "Typ předplatného je neplatný.",
    "12002": "Již jste přihlášeni k odběru samotného subjektu nebo nadřazeného subjektu.",
    "13001": "Tento sdílený odkaz vyžaduje heslo k ověření, ale žádné nebylo poskytnuto.",
-    "13002": "Zadané heslo pro sdílený odkaz bylo neplatné.",
-    "14001": "The provided file is not a valid zip file."
+    "13002": "Zadané heslo pro sdílený odkaz bylo neplatné."
  },
  "about": {
    "title": "O aplikaci",
@@ -1221,4 +1213,4 @@
      "years": "rok|roky"
    }
  }
-}
+}
@@ -365,8 +365,7 @@
      "deleteBucketSuccess": "The bucket has been deleted successfully.",
      "bucketTitleSavedSuccess": "The bucket title has been saved successfully.",
      "bucketLimitSavedSuccess": "The bucket limit been saved successfully.",
-      "collapse": "Collapse this bucket",
-      "bucketLimitReached": "You have reached the bucket limit. Remove tasks or increase the limit to add new tasks."
+      "collapse": "Collapse this bucket"
    },
    "pseudo": {
      "favorites": {
@@ -411,8 +410,6 @@
    "title": "Filtre",
    "clear": "Ryd Filtre",
    "showResults": "Show results",
-    "fromView": "The current view has a filter set as well:",
-    "fromViewBoth": "It will be used in combination with what you enter here.",
    "attributes": {
      "title": "Titel",
      "titlePlaceholder": "Det gemte filters titel skrives her…",
@@ -450,7 +447,7 @@
      "help": {
        "intro": "To filter tasks, you can use a query syntax similar to SQL. The available fields for filtering include:",
        "link": "How does this work?",
-        "canUseDatemath": "You can use date math to set relative dates. Click on the date value in a query to find out more.",
+        "canUseDatemath": "You can date math to set relative dates. Click on the date value in a query to find out more.",
        "fields": {
          "done": "Whether the task is completed or not",
          "priority": "The priority level of the task (1-5)",
@@ -461,10 +458,7 @@
          "doneAt": "The date and time when the task was completed",
          "assignees": "The assignees of the task",
          "labels": "The labels associated with the task",
-          "project": "The project the task belongs to (only available for saved filters, not on a project level)",
-          "reminders": "The reminders of the task as a date field, will return all tasks with at least one reminder matching the query",
-          "created": "The time and date when the task was created",
-          "updated": "The time and date when the task was last changed"
+          "project": "The project the task belongs to (only available for saved filters, not on a project level)"
        },
        "operators": {
          "intro": "The available operators for filtering include:",
@@ -475,8 +469,7 @@
          "lessThan": "Less than",
          "lessThanOrEqual": "Less than or equal to",
          "like": "Matches a pattern (using wildcard %)",
-          "in": "Matches any value in a comma-seperated list of values",
-          "notIn": "Matches any value not present in a comma-seperated list of values"
+          "in": "Matches any value in a comma-seperated list of values"
        },
        "logicalOperators": {
          "intro": "To combine multiple conditions, you can use the following logical operators:",
@@ -1203,8 +1196,7 @@
    "12001": "Enhedstypen for abonnementet er ugyldigt.",
    "12002": "Du er allerede abonneret på selve enheden eller en overordnet enhed.",
    "13001": "Dette delingslink kræver en adgangskode til godkendelse, men ingen blev angivet.",
-    "13002": "Adgangskoden til delingslinket er ugyldig.",
-    "14001": "The provided file is not a valid zip file."
+    "13002": "Adgangskoden til delingslinket er ugyldig."
  },
  "about": {
    "title": "Om",
@@ -1221,4 +1213,4 @@
      "years": "year|years"
    }
  }
-}
+}
@@ -324,7 +324,7 @@
      "title": "Liste",
      "add": "Hinzufügen",
      "addPlaceholder": "Aufgabe hinzufügen…",
-      "empty": "Dieses Projekt ist derzeit leer.",
+      "empty": "Dieses Project ist derzeit leer.",
      "newTaskCta": "Aufgabe erstellen.",
      "editTask": "Aufgabe bearbeiten"
    },
@@ -365,8 +365,7 @@
      "deleteBucketSuccess": "Die Spalte wurde erfolgreich gelöscht.",
      "bucketTitleSavedSuccess": "Der Spaltenname wurde erfolgreich gespeichert.",
      "bucketLimitSavedSuccess": "Das Spaltenlimit wurde erfolgreich gespeichert.",
-      "collapse": "Spalte einklappen",
-      "bucketLimitReached": "Du hast das Limit dieses Buckets erreicht. Entferne Aufgaben oder erhöhe das Limit, um neue Aufgaben hinzuzufügen."
+      "collapse": "Spalte einklappen"
    },
    "pseudo": {
      "favorites": {
@@ -411,8 +410,6 @@
    "title": "Filter",
    "clear": "Filter zurücksetzen",
    "showResults": "Ergebnisse anzeigen",
-    "fromView": "Die aktuelle Ansicht hat bereits einen Filter gesetzt:",
-    "fromViewBoth": "Er wird in Kombination mit dem, was du hier setzt, verwendet.",
    "attributes": {
      "title": "Titel",
      "titlePlaceholder": "Einen gespeicherten Filternamen eingeben …",
@@ -461,10 +458,7 @@
          "doneAt": "Datum und Uhrzeit, an dem die Aufgabe als erledigt markiert wurde",
          "assignees": "Die der Aufgabe Zugewiesenen",
          "labels": "Die der Aufgabe zugeordneten Labels",
-          "project": "Das Projekt, zu dem die Aufgabe gehört (nur verfügbar für gespeicherte Filter, nicht auf Projektebene)",
-          "reminders": "Die Erinnerungen einer Aufgabe als Datumsfeld, gibt alle Aufgaben mit mindestens einer Erinnerung zurück, die dem Filter entspricht",
-          "created": "Datum und Uhrzeit, an dem die Aufgabe erstellt wurde",
-          "updated": "Datum und Uhrzeit, an dem die Aufgabe zuletzt geändert wurde"
+          "project": "Das Projekt, zu dem die Aufgabe gehört (nur verfügbar für gespeicherte Filter, nicht auf Projektebene)"
        },
        "operators": {
          "intro": "Die verfügbaren Operatoren für die Filterung sind:",
@@ -475,8 +469,7 @@
          "lessThan": "Kleiner als",
          "lessThanOrEqual": "Kleiner als oder gleich",
          "like": "Vergleicht zu einem Muster (mit Platzhalter %)",
-          "in": "Filtert einen beliebigen Wert in einer kommaseparierten Liste",
-          "notIn": "Filtert einen beliebigen Wert, der nicht in einer kommaseparierten vorkommt"
+          "in": "Filtert einen beliebigen Wert in einer kommaseparierten Liste"
        },
        "logicalOperators": {
          "intro": "Um mehrere Bedingungen zu kombinieren, kannst du folgende logische Operatoren verwenden:",
@@ -1203,8 +1196,7 @@
    "12001": "Der Abonnement-Typ ist ungültig.",
    "12002": "Du bist bereits zu dieser oder einer übergeordneten Entität abonniert.",
    "13001": "Das Passwort für diese Linkfreigabe wurde nicht angegeben.",
-    "13002": "Das Passwort für diese Linkfreigabe war ungültig.",
-    "14001": "Die angegebene Datei ist keine gültige ZIP-Datei."
+    "13002": "Das Passwort für diese Linkfreigabe war ungültig."
  },
  "about": {
    "title": "Über",
@@ -1221,4 +1213,4 @@
      "years": "Jahr|Jahre"
    }
  }
-}
+}
@@ -324,7 +324,7 @@
      "title": "Liste",
      "add": "Hinzufügen",
      "addPlaceholder": "Aufgabe hinzufügen…",
-      "empty": "Dieses Projekt ist derzeit leer.",
+      "empty": "Dieses Project ist derzeit leer.",
      "newTaskCta": "Aufgabe erstellen.",
      "editTask": "Aufgabe bearbeiten"
    },
@@ -365,8 +365,7 @@
      "deleteBucketSuccess": "Die Spalte wurde erfolgreich gelöscht.",
      "bucketTitleSavedSuccess": "Der Spaltenname wurde erfolgreich gespeichert.",
      "bucketLimitSavedSuccess": "Das Spaltenlimit wurde erfolgreich gespeichert.",
-      "collapse": "Spalte einklappen",
-      "bucketLimitReached": "Du hast das Limit dieses Buckets erreicht. Entferne Aufgaben oder erhöhe das Limit, um neue Aufgaben hinzuzufügen."
+      "collapse": "Spalte einklappen"
    },
    "pseudo": {
      "favorites": {
@@ -411,8 +410,6 @@
    "title": "Filter",
    "clear": "Filter zurücksetzen",
    "showResults": "Ergebnisse anzeigen",
-    "fromView": "Die aktuelle Ansicht hat bereits einen Filter gesetzt:",
-    "fromViewBoth": "Er wird in Kombination mit dem, was du hier setzt, verwendet.",
    "attributes": {
      "title": "Titl",
      "titlePlaceholder": "De Name für de g'speicheret Filter chunt da ahne…",
@@ -461,10 +458,7 @@
          "doneAt": "Datum und Uhrzeit, an dem die Aufgabe als erledigt markiert wurde",
          "assignees": "Die der Aufgabe Zugewiesenen",
          "labels": "Die der Aufgabe zugeordneten Labels",
-          "project": "Das Projekt, zu dem die Aufgabe gehört (nur verfügbar für gespeicherte Filter, nicht auf Projektebene)",
-          "reminders": "Die Erinnerungen einer Aufgabe als Datumsfeld, gibt alle Aufgaben mit mindestens einer Erinnerung zurück, die dem Filter entspricht",
-          "created": "Datum und Uhrzeit, an dem die Aufgabe erstellt wurde",
-          "updated": "Datum und Uhrzeit, an dem die Aufgabe zuletzt geändert wurde"
+          "project": "Das Projekt, zu dem die Aufgabe gehört (nur verfügbar für gespeicherte Filter, nicht auf Projektebene)"
        },
        "operators": {
          "intro": "Die verfügbaren Operatoren für die Filterung sind:",
@@ -475,8 +469,7 @@
          "lessThan": "Kleiner als",
          "lessThanOrEqual": "Kleiner als oder gleich",
          "like": "Vergleicht zu einem Muster (mit Platzhalter %)",
-          "in": "Filtert einen beliebigen Wert in einer kommaseparierten Liste",
-          "notIn": "Filtert einen beliebigen Wert, der nicht in einer kommaseparierten vorkommt"
+          "in": "Filtert einen beliebigen Wert in einer kommaseparierten Liste"
        },
        "logicalOperators": {
          "intro": "Um mehrere Bedingungen zu kombinieren, kannst du folgende logische Operatoren verwenden:",
@@ -1203,8 +1196,7 @@
    "12001": "De Abonnement Entitätstyp isch ungültig.",
    "12002": "Du bisch scho zu dere oder ere übergordnete Entität abonniert.",
    "13001": "De teilti Link bruucht es Passwort, aber du hesch keis aahgeh.",
-    "13002": "Das Passwort wo du geh hesch isch ungültig.",
-    "14001": "Die angegebene Datei ist keine gültige ZIP-Datei."
+    "13002": "Das Passwort wo du geh hesch isch ungültig."
  },
  "about": {
    "title": "Über",
@@ -1221,4 +1213,4 @@
      "years": "Jahr|Jahre"
    }
  }
-}
+}
@@ -365,8 +365,7 @@
      "deleteBucketSuccess": "The bucket has been deleted successfully.",
      "bucketTitleSavedSuccess": "The bucket title has been saved successfully.",
      "bucketLimitSavedSuccess": "The bucket limit been saved successfully.",
-      "collapse": "Collapse this bucket",
-      "bucketLimitReached": "You have reached the bucket limit. Remove tasks or increase the limit to add new tasks."
+      "collapse": "Collapse this bucket"
    },
    "pseudo": {
      "favorites": {
@@ -411,8 +410,6 @@
    "title": "Filters",
    "clear": "Clear Filters",
    "showResults": "Show results",
-    "fromView": "The current view has a filter set as well:",
-    "fromViewBoth": "It will be used in combination with what you enter here.",
    "attributes": {
      "title": "Title",
      "titlePlaceholder": "The saved filter title goes here…",
@@ -450,7 +447,7 @@
      "help": {
        "intro": "To filter tasks, you can use a query syntax similar to SQL. The available fields for filtering include:",
        "link": "How does this work?",
-        "canUseDatemath": "You can use date math to set relative dates. Click on the date value in a query to find out more.",
+        "canUseDatemath": "You can date math to set relative dates. Click on the date value in a query to find out more.",
        "fields": {
          "done": "Whether the task is completed or not",
          "priority": "The priority level of the task (1-5)",
@@ -461,10 +458,7 @@
          "doneAt": "The date and time when the task was completed",
          "assignees": "The assignees of the task",
          "labels": "The labels associated with the task",
-          "project": "The project the task belongs to (only available for saved filters, not on a project level)",
-          "reminders": "The reminders of the task as a date field, will return all tasks with at least one reminder matching the query",
-          "created": "The time and date when the task was created",
-          "updated": "The time and date when the task was last changed"
+          "project": "The project the task belongs to (only available for saved filters, not on a project level)"
        },
        "operators": {
          "intro": "The available operators for filtering include:",
@@ -475,8 +469,7 @@
          "lessThan": "Less than",
          "lessThanOrEqual": "Less than or equal to",
          "like": "Matches a pattern (using wildcard %)",
-          "in": "Matches any value in a comma-seperated list of values",
-          "notIn": "Matches any value not present in a comma-seperated list of values"
+          "in": "Matches any value in a comma-seperated list of values"
        },
        "logicalOperators": {
          "intro": "To combine multiple conditions, you can use the following logical operators:",
@@ -1203,8 +1196,7 @@
    "12001": "The subscription entity type is invalid.",
    "12002": "You are already subscribed to the entity itself or a parent entity.",
    "13001": "This link share requires a password for authentication, but none was provided.",
-    "13002": "The provided link share password was invalid.",
-    "14001": "The provided file is not a valid zip file."
+    "13002": "The provided link share password was invalid."
  },
  "about": {
    "title": "About",
@@ -1221,4 +1213,4 @@
      "years": "year|years"
    }
  }
-}
+}
--- a/Show More
+++ b/Show More
@@ -1 +1 @@
 .13.0
 .16.0