feat(frontend): migrate Vue to Composition API

Signed-off-by: Henrique Dias <mail@hacdias.com>
2025-11-13 14:23:20 +01:00
212 changed files with 5144 additions and 7087 deletions
--- a/.github/workflows/docs.yml
+++ b/.github/workflows/docs.yml
@@ -1,52 +0,0 @@
-name: Docs
-
-on:
-  pull_request:
-    paths:
-      - 'www'
-      - '*.md'
-  push:
-    branches:
-      - master
-
-jobs:
-  build:
-    name: Build Docs
-    if: github.event_name == 'pull_request'
-    runs-on: ubuntu-latest
-    steps:
-      - name: Checkout
-        uses: actions/checkout@v6
-      - name: Set up Docker Buildx
-        uses: docker/setup-buildx-action@v3
-      - name: Install Task
-        uses: go-task/setup-task@v1
-      - name: Build site
-        run: task docs
-
-  build-and-release:
-    if: github.event_name == 'push' && github.ref == 'refs/heads/master'
-    name: Build and Release Docs
-    permissions:
-      pages: write
-      id-token: write
-    environment:
-      name: github-pages
-      url: ${{ steps.deployment.outputs.page_url }}
-    runs-on: ubuntu-latest
-    timeout-minutes: 5
-    steps:
-      - name: Checkout
-        uses: actions/checkout@v6
-      - name: Set up Docker Buildx
-        uses: docker/setup-buildx-action@v3
-      - name: Install Task
-        uses: go-task/setup-task@v1
-      - name: Build site
-        run: task docs
-      - name: Upload static files as artifact
-        uses: actions/upload-pages-artifact@v4
-        with:
-          path: www/public
-      - name: Deploy to GitHub Pages
-        uses: actions/deploy-pages@v4
--- a/.github/workflows/main.yaml
+++ b/.github/workflows/main.yaml
@@ -1,4 +1,4 @@
-name: Continuous Integration
+name: main

 on:
  push:
@@ -9,11 +9,11 @@ on:
  pull_request:

 jobs:
+  # linters
  lint-frontend:
-    name: Lint Frontend
    runs-on: ubuntu-latest
    steps:
-      - uses: actions/checkout@v6
+      - uses: actions/checkout@v5
      - uses: pnpm/action-setup@v4
        with:
          package_json_file: "frontend/package.json"
@@ -22,43 +22,26 @@ jobs:
          node-version: "24.x"
          cache: "pnpm"
          cache-dependency-path: "frontend/pnpm-lock.yaml"
-      - working-directory: frontend
-        run: |
-          pnpm install --frozen-lockfile
-          pnpm run lint
-
+      - run: make lint-frontend
  lint-backend:
-    name: Lint Backend
    runs-on: ubuntu-latest
    steps:
-      - uses: actions/checkout@v6
-      - uses: actions/setup-go@v6
-        with:
-          go-version: "1.25.x"
-      - uses: golangci/golangci-lint-action@v9
-        with:
-          version: "latest"
-
-  test:
-    name: Test
-    runs-on: ubuntu-latest
-    steps:
-      - uses: actions/checkout@v6
-      - uses: actions/setup-go@v6
-        with:
-          go-version: "1.25.x"
-      - run: go test --race ./...
-
-  build:
-    name: Build
-    runs-on: ubuntu-latest
-    steps:
-      - uses: actions/checkout@v6
-        with:
-          fetch-depth: 0
+      - uses: actions/checkout@v5
      - uses: actions/setup-go@v6
        with:
          go-version: '1.25'
+      - run: make lint-backend
+  lint:
+    runs-on: ubuntu-latest
+    needs: [lint-frontend, lint-backend]
+    steps:
+      - run: echo "done"
+
+  # tests
+  test-frontend:
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v5
      - uses: pnpm/action-setup@v4
        with:
          package_json_file: "frontend/package.json"
@@ -67,17 +50,28 @@ jobs:
          node-version: "24.x"
          cache: "pnpm"
          cache-dependency-path: "frontend/pnpm-lock.yaml"
-      - name: Install Task
-        uses: go-task/setup-task@v1
-      - run: task build
-
-  release:
-    name: Release
-    needs: ["lint-frontend", "lint-backend", "test", "build"]
-    if: github.event_name == 'push' && startsWith(github.ref, 'refs/tags/v')
+      - run: make test-frontend
+  test-backend:
    runs-on: ubuntu-latest
    steps:
-      - uses: actions/checkout@v6
+      - uses: actions/checkout@v5
+      - uses: actions/setup-go@v6
+        with:
+          go-version: '1.25'
+      - run: make test-backend
+  test:
+    runs-on: ubuntu-latest
+    needs: [test-frontend, test-backend]
+    steps:
+      - run: echo "done"
+
+  # release
+  release:
+    runs-on: ubuntu-latest
+    needs: [lint, test]
+    if: startsWith(github.event.ref, 'refs/tags/v')
+    steps:
+      - uses: actions/checkout@v5
        with:
          fetch-depth: 0
      - uses: actions/setup-go@v6
@@ -95,9 +89,8 @@ jobs:
        uses: docker/setup-qemu-action@v3
      - name: Set up Docker Buildx
        uses: docker/setup-buildx-action@v3
-      - name: Install Task
-        uses: go-task/setup-task@v1
-      - run: task build:frontend
+      - name: Build frontend
+        run: make build-frontend
      - name: Login to Docker Hub
        uses: docker/login-action@v3
        with:
@@ -110,6 +103,3 @@ jobs:
          args: release --clean
        env:
          GITHUB_TOKEN: ${{ secrets.GH_PAT }}
-
-
-
--- a/.github/workflows/pr-lint.yaml
+++ b/.github/workflows/pr-lint.yaml
@@ -13,7 +13,7 @@ permissions:

 jobs:
  main:
-    name: Validate Title
+    name: Validate PR title
    runs-on: ubuntu-latest
    steps:
      - uses: amannn/action-semantic-pull-request@v6
@@ -43,4 +43,4 @@ jobs:
        uses: marocchino/sticky-pull-request-comment@v2
        with:
          header: pr-title-lint-error
-          delete: true
+          delete: true
--- a/.github/workflows/site-pr.yml
+++ b/.github/workflows/site-pr.yml
@@ -0,0 +1,20 @@
+name: Build Site
+
+on:
+  pull_request:
+    paths:
+      - 'www'
+      - '*.md'
+
+jobs:
+  build:
+    runs-on: ubuntu-latest
+    steps:
+      - name: Checkout
+        uses: actions/checkout@v5
+
+      - name: Set up Docker Buildx
+        uses: docker/setup-buildx-action@v3
+
+      - name: Build site
+        run: make site
--- a/.github/workflows/site-publish.yml
+++ b/.github/workflows/site-publish.yml
@@ -0,0 +1,32 @@
+name: Build and Deploy Site
+
+on:
+  push:
+    branches:
+      - master
+
+jobs:
+  deploy:
+    permissions:
+      contents: read
+      deployments: write
+      pull-requests: write
+    runs-on: ubuntu-latest
+    timeout-minutes: 5
+    steps:
+      - name: Checkout
+        uses: actions/checkout@v5
+
+      - name: Set up Docker Buildx
+        uses: docker/setup-buildx-action@v3
+
+      - name: Build site
+        run: make site
+
+      - name: Deploy to Cloudflare Pages
+        uses: cloudflare/wrangler-action@v3
+        with:
+          apiToken: ${{ secrets.CLOUDFLARE_API_TOKEN }}
+          accountId: ${{ secrets.CLOUDFLARE_ACCOUNT_ID }}
+          command: pages deploy www/public --project-name=${{ secrets.CLOUDFLARE_PROJECT_NAME }}
+          gitHubToken: ${{ secrets.GITHUB_TOKEN }}
--- a/.golangci.yml
+++ b/.golangci.yml
@@ -1,14 +1,132 @@
 version: "2"

 linters:
-  default: standard
+  # inverted configuration with `default: all` and `disable` is not scalable during updates of golangci-lint
+  default: none
  enable:
+    - bodyclose
+    - dogsled
+    - dupl
+    - errcheck
+    - errorlint
+    - exhaustive
+    - funlen
+    - gocheckcompilerdirectives
+    - gochecknoinits
    - gocritic
+    - gocyclo
+    - godox
+    - goprintffuncname
+    - gosec
    - govet
+    - ineffassign
+    - lll
+    - misspell
+    - mnd
+    - nakedret
+    - nolintlint
+    - prealloc
    - revive
+    - rowserrcheck
+    - staticcheck
+    - testifylint
+    - unconvert
+    - unparam
+    - unused
+    - whitespace
+  settings:
+    dupl:
+      threshold: 100
+    exhaustive:
+      default-signifies-exhaustive: false
+    funlen:
+      lines: 100
+      statements: 50
+    gocritic:
+      disabled-checks:
+        - dupImport # https://github.com/go-critic/go-critic/issues/845
+        - ifElseChain
+        - octalLiteral
+        - whyNoLint
+        - wrapperFunc
+      enabled-tags:
+        - diagnostic
+        - experimental
+        - opinionated
+        - performance
+        - style
+    gocyclo:
+      min-complexity: 15
+    govet:
+      enable:
+        - nilness
+        - shadow
+    lll:
+      line-length: 140
+    misspell:
+      locale: US
+    mnd:
+      # don't include the "operation" and "assign"
+      checks:
+        - argument
+        - case
+        - condition
+        - return
+      ignored-numbers:
+        - "0"
+        - "1"
+        - "2"
+        - "3"
+        - "0666"
+        - "0700"
+        - "0700"
+      ignored-functions:
+        - strings.SplitN
+        - make
+    nolintlint:
+      allow-unused: false # report any unused nolint directives
+      require-explanation: false # require an explanation for nolint directives
+      require-specific: true # require nolint directives to be specific about which linter is being skipped
+    staticcheck:
+      checks:
+        - "all"
+        - "-QF*"
  exclusions:
+    generated: lax
    presets:
-      - std-error-handling
      - comments
+      - common-false-positives
+      - legacy
+      - std-error-handling
+    rules:
+      - linters:
+          - gochecknoinits
+        path: cmd/.*.go
+      - linters:
+          - dupl
+          - funlen
+          - gochecknoinits
+          - gocyclo
+          - lll
+          - scopelint
+        path: .*_test.go
+      - linters:
+          - misspell
+        text: "[aA]uther"
+      - linters:
+          - mnd
+        text: strconv.Parse
+    paths:
+      - frontend/
+
+formatters:
+  enable:
+    - goimports
+  settings:
+    goimports:
+      local-prefixes:
+        - github.com/filebrowser/filebrowser
+  exclusions:
+    generated: lax
    paths:
      - frontend/
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -2,171 +2,6 @@

 All notable changes to this project will be documented in this file. See [commit-and-tag-version](https://github.com/absolute-version/commit-and-tag-version) for commit guidelines.

-## [2.53.0](https://github.com/filebrowser/filebrowser/compare/v2.52.0...v2.53.0) (2025-12-29)
-
-
-### Features
-
-* add "disable image resolution calculation" flag ([#5638](https://github.com/filebrowser/filebrowser/issues/5638)) ([a2d80c6](https://github.com/filebrowser/filebrowser/commit/a2d80c62c1c17962e566f68fb7cac6960ed3e4cb))
-* support streaming response for search results ([#5630](https://github.com/filebrowser/filebrowser/issues/5630)) ([20bfd13](https://github.com/filebrowser/filebrowser/commit/20bfd131c6a4fca48a645b52171c2d1cc3ce92b7))
-* update translations ([a12a612](https://github.com/filebrowser/filebrowser/commit/a12a612970d6cc3dfbca1b35ef3a60a887a4effb))
-* update translations ([#5626](https://github.com/filebrowser/filebrowser/issues/5626)) ([f899756](https://github.com/filebrowser/filebrowser/commit/f89975603e29b9f1fc05aec58afb42bbd56ed696))
-* update translations ([#5631](https://github.com/filebrowser/filebrowser/issues/5631)) ([032d6c7](https://github.com/filebrowser/filebrowser/commit/032d6c7520a64686c9d9b1218562256f629b4703))
-
-
-### Bug Fixes
-
-* conversion of backslashes in file paths for archive creation ([#5637](https://github.com/filebrowser/filebrowser/issues/5637)) ([9595f39](https://github.com/filebrowser/filebrowser/commit/9595f3939c1c129ed875a47adcc4fbcfad9a0e65))
-* Don't crash on invalid config import ([#5640](https://github.com/filebrowser/filebrowser/issues/5640)) ([79d1aa9](https://github.com/filebrowser/filebrowser/commit/79d1aa9229b076ee8e3b71d6cf061fc90738f4da))
-* fix nil deref in config set command ([#5641](https://github.com/filebrowser/filebrowser/issues/5641)) ([60b1ee8](https://github.com/filebrowser/filebrowser/commit/60b1ee8bb9e18b21d7f2c04cb1cc90046cecd3e1))
-
-## [2.52.0](https://github.com/filebrowser/filebrowser/compare/v2.51.2...v2.52.0) (2025-12-13)
-
-
-### Features
-
-* sync translations with Transifex ([7fa3432](https://github.com/filebrowser/filebrowser/commit/7fa3432f25610bbb55a718bc709b9a7bf41d92f0))
-* update translations ([#5615](https://github.com/filebrowser/filebrowser/issues/5615)) ([3fdca6d](https://github.com/filebrowser/filebrowser/commit/3fdca6dfd9a18c3f4895b4ef3cbd216824dbb57a))
-
-
-### Bug Fixes
-
-* display the directory name in the shared folder view ([#5617](https://github.com/filebrowser/filebrowser/issues/5617)) ([6d4c867](https://github.com/filebrowser/filebrowser/commit/6d4c86767239dad4f09f30f48678f2f3a716eb12))
-* hide the context menu when changing the route ([#5613](https://github.com/filebrowser/filebrowser/issues/5613)) ([cf96657](https://github.com/filebrowser/filebrowser/commit/cf966578d8c6beab111b74f495bac6bdec173f41))
-
-## [2.51.2](https://github.com/filebrowser/filebrowser/compare/v2.51.1...v2.51.2) (2025-12-07)
-
-
-### Bug Fixes
-
-* **frontend:** add missing i18n strings ([c171599](https://github.com/filebrowser/filebrowser/commit/c1715992bda46517f801c1aa496df8a3b42a4e4d))
-
-## [2.51.1](https://github.com/filebrowser/filebrowser/compare/v2.51.0...v2.51.1) (2025-12-07)
-
-
-### Bug Fixes
-
-* **frontend:** csv viewer i18n strings ([4cbb4b7](https://github.com/filebrowser/filebrowser/commit/4cbb4b73af816104475f15c1d996640b56203602))
-* prevent the right-click from selecting multiple items when the "single-click" option is active ([#5608](https://github.com/filebrowser/filebrowser/issues/5608)) ([152f830](https://github.com/filebrowser/filebrowser/commit/152f8302f7cda21bde37692b175c22c124233f45))
-
-## [2.51.0](https://github.com/filebrowser/filebrowser/compare/v2.50.0...v2.51.0) (2025-12-06)
-
-
-### Features
-
-* update translations ([2d88c06](https://github.com/filebrowser/filebrowser/commit/2d88c067611e936056dbbf04247f1c1c709b2a09))
-
-
-### Bug Fixes
-
-* added column separator select (comma, semicolon and both) in CSV viewer ([#5604](https://github.com/filebrowser/filebrowser/issues/5604)) ([204a3f0](https://github.com/filebrowser/filebrowser/commit/204a3f0eeaa0c68781b60651bf27c4b27eac44e6))
-
-
-### Refactorings
-
-* cleanup package names ([#5605](https://github.com/filebrowser/filebrowser/issues/5605)) ([f029c30](https://github.com/filebrowser/filebrowser/commit/f029c3005e450cfbebb074c42dbdf65db9c8d56a))
-
-## [2.50.0](https://github.com/filebrowser/filebrowser/compare/v2.49.0...v2.50.0) (2025-11-30)
-
-
-### Features
-
-* configurable logout page URL for proxy/hook auth ([#3884](https://github.com/filebrowser/filebrowser/issues/3884)) ([b9ac45d](https://github.com/filebrowser/filebrowser/commit/b9ac45d5dac4b4eb2ba364629090fbf306cffd2b))
-* render CSVs as table ([#5569](https://github.com/filebrowser/filebrowser/issues/5569)) ([982405e](https://github.com/filebrowser/filebrowser/commit/982405ec944f94baf43594b0ed2f06329ff4e9ed))
-* update frontend/src/i18n/hr.json ([279a5cc](https://github.com/filebrowser/filebrowser/commit/279a5ccd1e8d7bde4568b63cb3c506af48b6c618))
-* update translations ([78e0395](https://github.com/filebrowser/filebrowser/commit/78e039596070a3a9e643a693cc99960c69dcfe92))
-
-
-### Bug Fixes
-
-* do not close editor if save failed ([701522a](https://github.com/filebrowser/filebrowser/commit/701522a0600cfa542469540ed764630c0ba1a732)), closes [#5591](https://github.com/filebrowser/filebrowser/issues/5591)
-
-## [2.49.0](https://github.com/filebrowser/filebrowser/compare/v2.48.2...v2.49.0) (2025-11-22)
-
-
-### Features
-
-* add "copy download link to clipboard" button to Share prompt ([#5173](https://github.com/filebrowser/filebrowser/issues/5173)) ([d48f566](https://github.com/filebrowser/filebrowser/commit/d48f5665d6975c4cbbdf9be20dc2e0106db02f01))
-* add Bulgarian language ([8db2411](https://github.com/filebrowser/filebrowser/commit/8db2411cd43a23ae3292a817e3524cfdb5ae9b86))
-* Updates for project File Browser ([#5566](https://github.com/filebrowser/filebrowser/issues/5566)) ([54306bd](https://github.com/filebrowser/filebrowser/commit/54306bdc8700fac489326ae81e28ac5db0580d13))
-
-
-### Bug Fixes
-
-* display friendly error message for password validation on signup ([#5563](https://github.com/filebrowser/filebrowser/issues/5563)) ([6d5aa35](https://github.com/filebrowser/filebrowser/commit/6d5aa355e433d613e5a3ae137f410c63baeddf0f))
-
-## [2.48.2](https://github.com/filebrowser/filebrowser/compare/v2.48.1...v2.48.2) (2025-11-18)
-
-
-### Bug Fixes
-
-* add transitionary support for FB_BASEURL ([984ea7b](https://github.com/filebrowser/filebrowser/commit/984ea7b569e3bd33b6f91ebdf63684a618d51e94))
-
-
-### Refactorings
-
-* rename python for clarification ([fd7b70c](https://github.com/filebrowser/filebrowser/commit/fd7b70cf38ac67c8c9ff79f2e7fde5e2ec45a1de))
-
-## [2.48.1](https://github.com/filebrowser/filebrowser/compare/v2.48.0...v2.48.1) (2025-11-17)
-
-
-### Bug Fixes
-
-* options should only override if set ([420adea](https://github.com/filebrowser/filebrowser/commit/420adea7e61a1c182cddd6fb2544a0752e5709f7))
-
-## [2.48.0](https://github.com/filebrowser/filebrowser/compare/v2.47.0...v2.48.0) (2025-11-17)
-
-
-### Features
-
-* consistent flags and environment variables ([#5549](https://github.com/filebrowser/filebrowser/issues/5549)) ([0a0cb80](https://github.com/filebrowser/filebrowser/commit/0a0cb8046fce52f1ff926171b34bcdb7cd39aab3))
-
-
-### Bug Fixes
-
-* add tokenExpirationTime to `config init` and troubleshoot docs ([#5546](https://github.com/filebrowser/filebrowser/issues/5546)) ([8c5dc76](https://github.com/filebrowser/filebrowser/commit/8c5dc7641e6f8aadd9e5d5d3b25a2ad9f1ec9a1e))
-* use all available flags in quick setup ([f41585f](https://github.com/filebrowser/filebrowser/commit/f41585f0392d65c08c01ab65b62d3eeb04c03b7d))
-
-
-### Refactorings
-
-* reuse logic for config init and set ([89be0b1](https://github.com/filebrowser/filebrowser/commit/89be0b1873527987dd2dddac746e93b8bc684d46))
-
-## [2.47.0](https://github.com/filebrowser/filebrowser/compare/v2.46.1...v2.47.0) (2025-11-16)
-
-
-### Features
-
-* add TUS settings to the command line ([#5556](https://github.com/filebrowser/filebrowser/issues/5556)) ([e24e1f1](https://github.com/filebrowser/filebrowser/commit/e24e1f1abae9e80add620c4ad65660ca1b575a49))
-* remove importer of v1 config ([#5550](https://github.com/filebrowser/filebrowser/issues/5550)) ([ceb5e72](https://github.com/filebrowser/filebrowser/commit/ceb5e723f3ee2c966bb561a804015246450280ca))
-
-
-### Bug Fixes
-
-* exit 0 when gracefully shutting down ([#5555](https://github.com/filebrowser/filebrowser/issues/5555)) ([5de4099](https://github.com/filebrowser/filebrowser/commit/5de4099cba2cf012d4a213c8eb29c412fc72c151))
-
-## [2.46.1](https://github.com/filebrowser/filebrowser/compare/v2.46.0...v2.46.1) (2025-11-15)
-
-
-### Bug Fixes
-
-* env key replacer and remove unused function ([#5547](https://github.com/filebrowser/filebrowser/issues/5547)) ([13814e1](https://github.com/filebrowser/filebrowser/commit/13814e11197ebd9101940883e3ca85998f86d442))
-* remove duplicated 'hide-defaults' flag (is 'hideDefaults') ([#5548](https://github.com/filebrowser/filebrowser/issues/5548)) ([ffc8504](https://github.com/filebrowser/filebrowser/commit/ffc850454e4cb8f10b970511681d6c627340afc7))
-
-## [2.46.0](https://github.com/filebrowser/filebrowser/compare/v2.45.3...v2.46.0) (2025-11-14)
-
-
-### Features
-
-* add 'hide-dotfiles' as command line parameter ([#3802](https://github.com/filebrowser/filebrowser/issues/3802)) ([0d973d3](https://github.com/filebrowser/filebrowser/commit/0d973d3aad70ceb88950f2cd9c297fc76e7955b1))
-* add context menu ([#3343](https://github.com/filebrowser/filebrowser/issues/3343)) ([1ace579](https://github.com/filebrowser/filebrowser/commit/1ace579a553486bb15af2d11f537414156606434))
-* add option to hide the login button from public-facing pages ([#3922](https://github.com/filebrowser/filebrowser/issues/3922)) ([ac7b49c](https://github.com/filebrowser/filebrowser/commit/ac7b49c1484b4e27a1149310542ccd1e90659ee2))
-* Updates for project File Browser ([#5544](https://github.com/filebrowser/filebrowser/issues/5544)) ([fb5d099](https://github.com/filebrowser/filebrowser/commit/fb5d099f8514516216f407be012d2e3f25de2441))
-
-## [2.45.3](https://github.com/filebrowser/filebrowser/compare/v2.45.2...v2.45.3) (2025-11-13)
-
-This is a test release to ensure the updated workflow works.
-
 ## [2.45.2](https://github.com/filebrowser/filebrowser/compare/v2.45.1...v2.45.2) (2025-11-13)


--- a/CONTRIBUTING.md
+++ b/CONTRIBUTING.md
@@ -15,23 +15,11 @@ We encourage you to use git to manage your fork. To clone the main repository, j
 git clone https://github.com/filebrowser/filebrowser
 ```

-We use [Taskfile](https://taskfile.dev/) to manage the different processes (building, releasing, etc) automatically.
-
 ## Build

-You can fully build the project in order to produce a binary by running:
-
-```bash
-task build
-```
-
-## Development
-
-For development, there are a few things to have in mind.
-
 ### Frontend

-We use [Node.js](https://nodejs.org/en/) on the frontend to manage the build process. Prepare the frontend environment:
+We are using [Node.js](https://nodejs.org/en/) on the frontend to manage the build process. The steps to build it are:

 ```bash
 # From the root of the repo, go to frontend/
@@ -39,62 +27,37 @@ cd frontend

 # Install the dependencies
 pnpm install
-```

-If you just want to develop the backend, you can create a static build of the frontend:
-
-```bash
+# Build the frontend
 pnpm run build
 ```

-If you want to develop the frontend, start a development server which watches for changes:
+This will install the dependencies and build the frontend so you can then embed it into the Go app. Although, if you want to play with it, you'll get bored of building it after every change you do. So, you can run the command below to watch for changes:

 ```bash
 pnpm run dev
 ```

-Please note that you need to access File Browser's interface through the development server of the frontend.
-
 ### Backend

-First prepare the backend environment by downloading all required dependencies:
+First of all, you need to download the required dependencies. We are using the built-in `go mod` tool for dependency management. To get the modules, run:

 ```bash
 go mod download
 ```

-You can now build or run File Browser as any other Go project:
+The magic of File Browser is that the static assets are bundled into the final binary. For that, we use [Go embed.FS](https://golang.org/pkg/embed/). The files from `frontend/dist` will be embedded during the build process.
+
+To build File Browser is just like any other Go program:

 ```bash
-# Build
 go build
-
-# Run
-go run .
 ```

-## Documentation
-
-We rely on Docker to abstract all the dependencies required for building the documentation.
-
-To build the documentation to `www/public`:
+To create a development build use the "dev" tag, this way the content inside the frontend folder will not be embedded in the binary but will be reloaded at every change:

 ```bash
-task docs
-```
-
-To start a local server on port `8000` to view the built documentation:
-
-```bash
-task docs:serve
-```
-
-## Release
-
-To make a release, just run:
-
-```bash
-task release
+go build -tags dev
 ```

 ## Translations
--- a/2
+++ b/2
@@ -1,5 +1,5 @@
 ## Multistage build: First stage fetches dependencies
-FROM alpine:3.23 AS fetcher
+FROM alpine:3.22 AS fetcher

 # install and copy ca-certificates, mailcap, and tini-static; download JSON.sh
 RUN apk update && \
--- a/Dockerfile.s6
+++ b/Dockerfile.s6
@@ -1,4 +1,4 @@
-FROM ghcr.io/linuxserver/baseimage-alpine:3.23
+FROM ghcr.io/linuxserver/baseimage-alpine:3.22

 RUN apk update && \
  apk --no-cache add ca-certificates mailcap jq libcap
--- a/88
+++ b/88
@@ -0,0 +1,88 @@
+include common.mk
+include tools.mk
+
+LDFLAGS += -X "$(MODULE)/version.Version=$(VERSION)" -X "$(MODULE)/version.CommitSHA=$(VERSION_HASH)"
+
+SITE_DOCKER_FLAGS = \
+	-v $(CURDIR)/www:/docs \
+	-v $(CURDIR)/LICENSE:/docs/docs/LICENSE \
+	-v $(CURDIR)/SECURITY.md:/docs/docs/security.md \
+	-v $(CURDIR)/CHANGELOG.md:/docs/docs/changelog.md \
+	-v $(CURDIR)/CODE-OF-CONDUCT.md:/docs/docs/code-of-conduct.md \
+	-v $(CURDIR)/CONTRIBUTING.md:/docs/docs/contributing.md
+
+## Build:
+
+.PHONY: build
+build: | build-frontend build-backend ## Build binary
+
+.PHONY: build-frontend
+build-frontend: ## Build frontend
+	$Q cd frontend && pnpm install --frozen-lockfile && pnpm run build
+
+.PHONY: build-backend
+build-backend: ## Build backend
+	$Q $(go) build -ldflags '$(LDFLAGS)' -o .
+
+.PHONY: test
+test: | test-frontend test-backend ## Run all tests
+
+.PHONY: test-frontend
+test-frontend: ## Run frontend tests
+	$Q cd frontend && pnpm install --frozen-lockfile && pnpm run typecheck
+
+.PHONY: test-backend
+test-backend: ## Run backend tests
+	$Q $(go) test -v ./...
+
+.PHONY: lint
+lint: lint-frontend lint-backend ## Run all linters
+
+.PHONY: lint-frontend
+lint-frontend: ## Run frontend linters
+	$Q cd frontend && pnpm install --frozen-lockfile && pnpm run lint
+
+.PHONY: lint-backend
+lint-backend: | $(golangci-lint) ## Run backend linters
+	$Q $(golangci-lint) run -v
+
+fmt: $(goimports) ## Format source files
+	$Q $(goimports) -local $(MODULE) -w $$(find . -type f -name '*.go' -not -path "./vendor/*")
+
+clean: clean-tools ## Clean
+
+## Release:
+
+.PHONY: release-dry-run
+release-dry-run: 
+	pnpm dlx commit-and-tag-version --dry-run --skip
+
+.PHONY: release
+release: 
+	pnpm dlx commit-and-tag-version -s
+
+.PHONY: site
+site: ## Build site
+	@rm -rf www/public
+	docker build -f www/Dockerfile --progress=plain -t filebrowser.site www
+	docker run --rm $(SITE_DOCKER_FLAGS) filebrowser.site build -d "public"
+
+.PHONY: site-serve
+site-serve: ## Serve site for development
+	docker build -f www/Dockerfile --progress=plain -t filebrowser.site www
+	docker run --rm -it -p 8000:8000 $(SITE_DOCKER_FLAGS) filebrowser.site
+
+## Help:
+help: ## Show this help
+	@echo ''
+	@echo 'Usage:'
+	@echo '  ${YELLOW}make${RESET} ${GREEN}<target> [options]${RESET}'
+	@echo ''
+	@echo 'Options:'
+	@$(call global_option, "V [0|1]", "enable verbose mode (default:0)")
+	@echo ''
+	@echo 'Targets:'
+	@awk 'BEGIN {FS = ":.*?## "} { \
+		if (/^[a-zA-Z_-]+:.*?##.*$$/) {printf "    ${YELLOW}%-20s${GREEN}%s${RESET}\n", $$1, $$2} \
+		else if (/^## .*$$/) {printf "  ${CYAN}%s${RESET}\n", substr($$1,4)} \
+		}' $(MAKEFILE_LIST)
--- a/README.md
+++ b/README.md
@@ -2,7 +2,7 @@
  <img src="https://raw.githubusercontent.com/filebrowser/filebrowser/master/branding/banner.png" width="550"/>
 </p>

-[![Build](https://github.com/filebrowser/filebrowser/actions/workflows/ci.yaml/badge.svg)](https://github.com/filebrowser/filebrowser/actions/workflows/ci.yaml)
+[![Build](https://github.com/filebrowser/filebrowser/actions/workflows/main.yaml/badge.svg)](https://github.com/filebrowser/filebrowser/actions/workflows/main.yaml)
 [![Go Report Card](https://goreportcard.com/badge/github.com/filebrowser/filebrowser/v2)](https://goreportcard.com/report/github.com/filebrowser/filebrowser/v2)
 [![Version](https://img.shields.io/github/release/filebrowser/filebrowser.svg)](https://github.com/filebrowser/filebrowser/releases/latest)

@@ -14,12 +14,18 @@ Documentation on how to install, configure, and contribute to this project is ho

 ## Project Status

-This project is a finished product which fulfills its goal: be a single binary web File Browser which can be run by anyone anywhere. That means that File Browser is currently on **maintenance-only** mode. Therefore, please note the following:
+> [!WARNING]
+>
+> This project is currently on **maintenance-only** mode, and is looking for new maintainers. For more information, please read the [discussion #4906](https://github.com/filebrowser/filebrowser/discussions/4906). Therefore, please note the following:
+>
+> - It can take a while until someone gets back to you. Please be patient.
+> - [Issues][issues] are only being used to track bugs. Any unrelated issues will be converted into a [discussion][discussions].
+> - No new features will be implemented until further notice. The priority is on triaging issues and merge bug fixes.
+> 
+> If you're interested in maintaining this project, please reach out via the discussion above.

- It can take a while until someone gets back to you. Please be patient.
- [Issues](https://github.com/filebrowser/filebrowser/issues) are meant to track bugs. Unrelated issues will be converted into [discussions](https://github.com/filebrowser/filebrowser/discussions).
- No new features will be implemented by maintainers. Pull requests for new features will be reviewed on a case by case basis.
- The priority is triaging issues, addressing security issues and reviewing pull requests meant to solve bugs.
+[issues]: https://github.com/filebrowser/filebrowser/issues
+[discussions]: https://github.com/filebrowser/filebrowser/discussions

 ## Contributing

--- a/Taskfile.yml
+++ b/Taskfile.yml
@@ -1,83 +0,0 @@
-version: '3'
-
-vars:
-  SITE_DOCKER_FLAGS: >-
-    -v ./www:/docs
-    -v ./LICENSE:/docs/docs/LICENSE
-    -v ./SECURITY.md:/docs/docs/security.md
-    -v ./CHANGELOG.md:/docs/docs/changelog.md
-    -v ./CODE-OF-CONDUCT.md:/docs/docs/code-of-conduct.md
-    -v ./CONTRIBUTING.md:/docs/docs/contributing.md
-
-tasks:
-  build:frontend:
-    desc: Build frontend assets
-    dir: frontend
-    cmds:
-      - pnpm install --frozen-lockfile
-      - pnpm run build
-
-  build:backend:
-    desc: Build backend binary
-    cmds:
-      - go build -ldflags='-s -w -X "github.com/filebrowser/filebrowser/v2/version.Version={{.VERSION}}" -X "github.com/filebrowser/filebrowser/v2/version.CommitSHA={{.GIT_COMMIT}}"' -o filebrowser .
-    vars:
-      GIT_COMMIT:
-        sh: git log -n 1 --format=%h
-      VERSION:
-        sh: git describe --tags --abbrev=0 --match=v* | cut -c 2-
-
-  build:
-    desc: Build both frontend and backend
-    cmds:
-      - task: build:frontend
-      - task: build:backend
-
-  release:make:
-    internal: true
-    prompt: Do you wish to proceed?
-    cmds:
-      - pnpm dlx commit-and-tag-version -s
-
-  release:dry-run:
-    internal: true
-    cmds:
-      - pnpm dlx commit-and-tag-version --dry-run --skip
-
-  release:
-    desc: Create a new release
-    cmds:
-      - task: docs:cli:generate
-      - git add www/docs/cli
-      - |
-        if [[ `git status www/docs/cli --porcelain` ]]; then
-          git commit -m 'chore(docs): update CLI documentation'
-        fi
-      - task: release:dry-run
-      - task: release:make
-
-  docs:cli:generate:
-    cmds:
-      - rm -rf www/docs/cli
-      - mkdir -p www/docs/cli
-      - go run . docs
-    generates:
-      - www/docs/cli
-
-  docs:docker:generate:
-    internal: true
-    cmds: 
-      - docker build -f www/Dockerfile --progress=plain -t filebrowser.site www
-
-  docs:
-    desc: Generate documentation
-    cmds:
-      - rm -rf www/public
-      - task: docs:docker:generate
-      - docker run --rm {{.SITE_DOCKER_FLAGS}} filebrowser.site build -d "public"
-
-  docs:serve:
-    desc: Serve documentation
-    cmds:
-      - task: docs:docker:generate
-      - docker run --rm -it -p 8000:8000 {{.SITE_DOCKER_FLAGS}} filebrowser.site
--- a/auth/hook.go
+++ b/auth/hook.go
@@ -11,7 +11,7 @@ import (
 	"slices"
 	"strings"

-	fberrors "github.com/filebrowser/filebrowser/v2/errors"
+	fbErrors "github.com/filebrowser/filebrowser/v2/errors"
 	"github.com/filebrowser/filebrowser/v2/files"
 	"github.com/filebrowser/filebrowser/v2/settings"
 	"github.com/filebrowser/filebrowser/v2/users"
@@ -103,7 +103,7 @@ func (a *HookAuth) RunCommand() (string, error) {
 		command[i] = os.Expand(arg, envMapping)
 	}

-	cmd := exec.Command(command[0], command[1:]...)
+	cmd := exec.Command(command[0], command[1:]...) //nolint:gosec
 	cmd.Env = append(os.Environ(), fmt.Sprintf("USERNAME=%s", a.Cred.Username))
 	cmd.Env = append(cmd.Env, fmt.Sprintf("PASSWORD=%s", a.Cred.Password))
 	out, err := cmd.Output()
@@ -146,7 +146,7 @@ func (a *HookAuth) GetValues(s string) {
 // SaveUser updates the existing user or creates a new one when not found
 func (a *HookAuth) SaveUser() (*users.User, error) {
 	u, err := a.Users.Get(a.Server.Root, a.Cred.Username)
-	if err != nil && !errors.Is(err, fberrors.ErrNotExist) {
+	if err != nil && !errors.Is(err, fbErrors.ErrNotExist) {
 		return nil, err
 	}

--- a/auth/json.go
+++ b/auth/json.go
@@ -40,7 +40,7 @@ func (a JSONAuth) Auth(r *http.Request, usr users.Store, _ *settings.Settings, s

 	// If ReCaptcha is enabled, check the code.
 	if a.ReCaptcha != nil && a.ReCaptcha.Secret != "" {
-		ok, err := a.ReCaptcha.Ok(cred.ReCaptcha)
+		ok, err := a.ReCaptcha.Ok(cred.ReCaptcha) //nolint:govet

 		if err != nil {
 			return nil, err
--- a/auth/proxy.go
+++ b/auth/proxy.go
@@ -4,7 +4,7 @@ import (
 	"errors"
 	"net/http"

-	fberrors "github.com/filebrowser/filebrowser/v2/errors"
+	fbErrors "github.com/filebrowser/filebrowser/v2/errors"
 	"github.com/filebrowser/filebrowser/v2/settings"
 	"github.com/filebrowser/filebrowser/v2/users"
 )
@@ -21,7 +21,7 @@ type ProxyAuth struct {
 func (a ProxyAuth) Auth(r *http.Request, usr users.Store, setting *settings.Settings, srv *settings.Server) (*users.User, error) {
 	username := r.Header.Get(a.Header)
 	user, err := usr.Get(srv.Root, username)
-	if errors.Is(err, fberrors.ErrNotExist) {
+	if errors.Is(err, fbErrors.ErrNotExist) {
 		return a.createUser(usr, setting, srv, username)
 	}
 	return user, err
--- a/cmd/cmd_test.go
+++ b/cmd/cmd_test.go
@@ -1,35 +0,0 @@
-package cmd
-
-import (
-	"testing"
-
-	"github.com/samber/lo"
-	"github.com/spf13/cobra"
-)
-
-// TestEnvCollisions ensures that there are no collisions in the produced environment
-// variable names for all commands and their flags.
-func TestEnvCollisions(t *testing.T) {
-	testEnvCollisions(t, rootCmd)
-}
-
-func testEnvCollisions(t *testing.T, cmd *cobra.Command) {
-	for _, cmd := range cmd.Commands() {
-		testEnvCollisions(t, cmd)
-	}
-
-	replacements := generateEnvKeyReplacements(cmd)
-	envVariables := []string{}
-
-	for i := range replacements {
-		if i%2 != 0 {
-			envVariables = append(envVariables, replacements[i])
-		}
-	}
-
-	duplicates := lo.FindDuplicates(envVariables)
-
-	if len(duplicates) > 0 {
-		t.Errorf("Found duplicate environment variable keys for command %q: %v", cmd.Name(), duplicates)
-	}
-}
--- a/cmd/cmds_add.go
+++ b/cmd/cmds_add.go
@@ -15,18 +15,18 @@ var cmdsAddCmd = &cobra.Command{
 	Short: "Add a command to run on a specific event",
 	Long:  `Add a command to run on a specific event.`,
 	Args:  cobra.MinimumNArgs(2),
-	RunE: withStore(func(_ *cobra.Command, args []string, st *store) error {
-		s, err := st.Settings.Get()
+	RunE: python(func(_ *cobra.Command, args []string, d *pythonData) error {
+		s, err := d.store.Settings.Get()
 		if err != nil {
 			return err
 		}
 		command := strings.Join(args[1:], " ")
 		s.Commands[args[0]] = append(s.Commands[args[0]], command)
-		err = st.Settings.Save(s)
+		err = d.store.Settings.Save(s)
 		if err != nil {
 			return err
 		}
 		printEvents(s.Commands)
 		return nil
-	}, storeOptions{}),
+	}, pythonConfig{}),
 }
--- a/cmd/cmds_ls.go
+++ b/cmd/cmds_ls.go
@@ -14,13 +14,12 @@ var cmdsLsCmd = &cobra.Command{
 	Short: "List all commands for each event",
 	Long:  `List all commands for each event.`,
 	Args:  cobra.NoArgs,
-	RunE: withStore(func(cmd *cobra.Command, _ []string, st *store) error {
-		s, err := st.Settings.Get()
+	RunE: python(func(cmd *cobra.Command, _ []string, d *pythonData) error {
+		s, err := d.store.Settings.Get()
 		if err != nil {
 			return err
 		}
-
-		evt, err := cmd.Flags().GetString("event")
+		evt, err := getString(cmd.Flags(), "event")
 		if err != nil {
 			return err
 		}
@@ -33,7 +32,6 @@ var cmdsLsCmd = &cobra.Command{
 			show["after_"+evt] = s.Commands["after_"+evt]
 			printEvents(show)
 		}
-
 		return nil
-	}, storeOptions{}),
+	}, pythonConfig{}),
 }
--- a/cmd/cmds_rm.go
+++ b/cmd/cmds_rm.go
@@ -35,8 +35,8 @@ including 'index_end'.`,

 		return nil
 	},
-	RunE: withStore(func(_ *cobra.Command, args []string, st *store) error {
-		s, err := st.Settings.Get()
+	RunE: python(func(_ *cobra.Command, args []string, d *pythonData) error {
+		s, err := d.store.Settings.Get()
 		if err != nil {
 			return err
 		}
@@ -55,11 +55,11 @@ including 'index_end'.`,
 		}

 		s.Commands[evt] = append(s.Commands[evt][:i], s.Commands[evt][f+1:]...)
-		err = st.Settings.Save(s)
+		err = d.store.Settings.Save(s)
 		if err != nil {
 			return err
 		}
 		printEvents(s.Commands)
 		return nil
-	}, storeOptions{}),
+	}, pythonConfig{}),
 }
--- a/cmd/config.go
+++ b/cmd/config.go
@@ -2,7 +2,7 @@ package cmd

 import (
 	"encoding/json"
-	"errors"
+	nerrors "errors"
 	"fmt"
 	"os"
 	"strings"
@@ -12,7 +12,7 @@ import (
 	"github.com/spf13/pflag"

 	"github.com/filebrowser/filebrowser/v2/auth"
-	fberrors "github.com/filebrowser/filebrowser/v2/errors"
+	"github.com/filebrowser/filebrowser/v2/errors"
 	"github.com/filebrowser/filebrowser/v2/settings"
 )

@@ -30,22 +30,14 @@ var configCmd = &cobra.Command{
 func addConfigFlags(flags *pflag.FlagSet) {
 	addServerFlags(flags)
 	addUserFlags(flags)
-
 	flags.BoolP("signup", "s", false, "allow users to signup")
-	flags.Bool("hideLoginButton", false, "hide login button from public pages")
-	flags.Bool("createUserDir", false, "generate user's home directory automatically")
-	flags.Uint("minimumPasswordLength", settings.DefaultMinimumPasswordLength, "minimum password length for new users")
+	flags.Bool("create-user-dir", false, "generate user's home directory automatically")
+	flags.Uint("minimum-password-length", settings.DefaultMinimumPasswordLength, "minimum password length for new users")
 	flags.String("shell", "", "shell command to which other commands should be appended")

-	// NB: these are string so they can be presented as octal in the help text
-	// as that's the conventional representation for modes in Unix.
-	flags.String("fileMode", fmt.Sprintf("%O", settings.DefaultFileMode), "mode bits that new files are created with")
-	flags.String("dirMode", fmt.Sprintf("%O", settings.DefaultDirMode), "mode bits that new directories are created with")
-
 	flags.String("auth.method", string(auth.MethodJSONAuth), "authentication type")
 	flags.String("auth.header", "", "HTTP header for auth.method=proxy")
 	flags.String("auth.command", "", "command for auth.method=hook")
-	flags.String("auth.logoutPage", "", "url of custom logout page")

 	flags.String("recaptcha.host", "https://www.google.com", "use another host for ReCAPTCHA. recaptcha.net might be useful in China")
 	flags.String("recaptcha.key", "", "ReCaptcha site key")
@@ -57,13 +49,14 @@ func addConfigFlags(flags *pflag.FlagSet) {
 	flags.String("branding.files", "", "path to directory with images and custom styles")
 	flags.Bool("branding.disableExternal", false, "disable external links such as GitHub links")
 	flags.Bool("branding.disableUsedPercentage", false, "disable used disk percentage graph")
-
-	flags.Uint64("tus.chunkSize", settings.DefaultTusChunkSize, "the tus chunk size")
-	flags.Uint16("tus.retryCount", settings.DefaultTusRetryCount, "the tus retry count")
+	// NB: these are string so they can be presented as octal in the help text
+	// as that's the conventional representation for modes in Unix.
+	flags.String("file-mode", fmt.Sprintf("%O", settings.DefaultFileMode), "Mode bits that new files are created with")
+	flags.String("dir-mode", fmt.Sprintf("%O", settings.DefaultDirMode), "Mode bits that new directories are created with")
 }

 func getAuthMethod(flags *pflag.FlagSet, defaults ...interface{}) (settings.AuthMethod, map[string]interface{}, error) {
-	methodStr, err := flags.GetString("auth.method")
+	methodStr, err := getString(flags, "auth.method")
 	if err != nil {
 		return "", nil, err
 	}
@@ -94,17 +87,17 @@ func getAuthMethod(flags *pflag.FlagSet, defaults ...interface{}) (settings.Auth
 }

 func getProxyAuth(flags *pflag.FlagSet, defaultAuther map[string]interface{}) (auth.Auther, error) {
-	header, err := flags.GetString("auth.header")
+	header, err := getString(flags, "auth.header")
 	if err != nil {
 		return nil, err
 	}

-	if header == ""  && defaultAuther != nil {
+	if header == "" {
 		header = defaultAuther["header"].(string)
 	}

 	if header == "" {
-		return nil, errors.New("you must set the flag 'auth.header' for method 'proxy'")
+		return nil, nerrors.New("you must set the flag 'auth.header' for method 'proxy'")
 	}

 	return &auth.ProxyAuth{Header: header}, nil
@@ -116,17 +109,15 @@ func getNoAuth() auth.Auther {

 func getJSONAuth(flags *pflag.FlagSet, defaultAuther map[string]interface{}) (auth.Auther, error) {
 	jsonAuth := &auth.JSONAuth{}
-	host, err := flags.GetString("recaptcha.host")
+	host, err := getString(flags, "recaptcha.host")
 	if err != nil {
 		return nil, err
 	}
-
-	key, err := flags.GetString("recaptcha.key")
+	key, err := getString(flags, "recaptcha.key")
 	if err != nil {
 		return nil, err
 	}
-
-	secret, err := flags.GetString("recaptcha.secret")
+	secret, err := getString(flags, "recaptcha.secret")
 	if err != nil {
 		return nil, err
 	}
@@ -154,16 +145,17 @@ func getJSONAuth(flags *pflag.FlagSet, defaultAuther map[string]interface{}) (au
 }

 func getHookAuth(flags *pflag.FlagSet, defaultAuther map[string]interface{}) (auth.Auther, error) {
-	command, err := flags.GetString("auth.command")
+	command, err := getString(flags, "auth.command")
 	if err != nil {
 		return nil, err
 	}
+
 	if command == "" {
 		command = defaultAuther["command"].(string)
 	}

 	if command == "" {
-		return nil, errors.New("you must set the flag 'auth.command' for method 'hook'")
+		return nil, nerrors.New("you must set the flag 'auth.command' for method 'hook'")
 	}

 	return &auth.HookAuth{Command: command}, nil
@@ -186,7 +178,7 @@ func getAuthentication(flags *pflag.FlagSet, defaults ...interface{}) (settings.
 	case auth.MethodHookAuth:
 		auther, err = getHookAuth(flags, defaultAuther)
 	default:
-		return "", nil, fberrors.ErrInvalidAuthMethod
+		return "", nil, errors.ErrInvalidAuthMethod
 	}

 	if err != nil {
@@ -200,13 +192,10 @@ func printSettings(ser *settings.Server, set *settings.Settings, auther auth.Aut
 	w := tabwriter.NewWriter(os.Stdout, 0, 0, 2, ' ', 0)

 	fmt.Fprintf(w, "Sign up:\t%t\n", set.Signup)
-	fmt.Fprintf(w, "Hide Login Button:\t%t\n", set.HideLoginButton)
 	fmt.Fprintf(w, "Create User Dir:\t%t\n", set.CreateUserDir)
-	fmt.Fprintf(w, "Logout Page:\t%s\n", set.LogoutPage)
 	fmt.Fprintf(w, "Minimum Password Length:\t%d\n", set.MinimumPasswordLength)
-	fmt.Fprintf(w, "Auth Method:\t%s\n", set.AuthMethod)
+	fmt.Fprintf(w, "Auth method:\t%s\n", set.AuthMethod)
 	fmt.Fprintf(w, "Shell:\t%s\t\n", strings.Join(set.Shell, " "))
-
 	fmt.Fprintln(w, "\nBranding:")
 	fmt.Fprintf(w, "\tName:\t%s\n", set.Branding.Name)
 	fmt.Fprintf(w, "\tFiles override:\t%s\n", set.Branding.Files)
@@ -214,7 +203,6 @@ func printSettings(ser *settings.Server, set *settings.Settings, auther auth.Aut
 	fmt.Fprintf(w, "\tDisable used disk percentage graph:\t%t\n", set.Branding.DisableUsedPercentage)
 	fmt.Fprintf(w, "\tColor:\t%s\n", set.Branding.Color)
 	fmt.Fprintf(w, "\tTheme:\t%s\n", set.Branding.Theme)
-
 	fmt.Fprintln(w, "\nServer:")
 	fmt.Fprintf(w, "\tLog:\t%s\n", ser.Log)
 	fmt.Fprintf(w, "\tPort:\t%s\n", ser.Port)
@@ -224,19 +212,9 @@ func printSettings(ser *settings.Server, set *settings.Settings, auther auth.Aut
 	fmt.Fprintf(w, "\tAddress:\t%s\n", ser.Address)
 	fmt.Fprintf(w, "\tTLS Cert:\t%s\n", ser.TLSCert)
 	fmt.Fprintf(w, "\tTLS Key:\t%s\n", ser.TLSKey)
-	fmt.Fprintf(w, "\tToken Expiration Time:\t%s\n", ser.TokenExpirationTime)
 	fmt.Fprintf(w, "\tExec Enabled:\t%t\n", ser.EnableExec)
-	fmt.Fprintf(w, "\tThumbnails Enabled:\t%t\n", ser.EnableThumbnails)
-	fmt.Fprintf(w, "\tResize Preview:\t%t\n", ser.ResizePreview)
-	fmt.Fprintf(w, "\tType Detection by Header:\t%t\n", ser.TypeDetectionByHeader)
-
-	fmt.Fprintln(w, "\nTUS:")
-	fmt.Fprintf(w, "\tChunk size:\t%d\n", set.Tus.ChunkSize)
-	fmt.Fprintf(w, "\tRetry count:\t%d\n", set.Tus.RetryCount)
-
 	fmt.Fprintln(w, "\nDefaults:")
 	fmt.Fprintf(w, "\tScope:\t%s\n", set.Defaults.Scope)
-	fmt.Fprintf(w, "\tHideDotfiles:\t%t\n", set.Defaults.HideDotfiles)
 	fmt.Fprintf(w, "\tLocale:\t%s\n", set.Defaults.Locale)
 	fmt.Fprintf(w, "\tView mode:\t%s\n", set.Defaults.ViewMode)
 	fmt.Fprintf(w, "\tSingle Click:\t%t\n", set.Defaults.SingleClick)
@@ -244,11 +222,9 @@ func printSettings(ser *settings.Server, set *settings.Settings, auther auth.Aut
 	fmt.Fprintf(w, "\tDirectory Creation Mode:\t%O\n", set.DirMode)
 	fmt.Fprintf(w, "\tCommands:\t%s\n", strings.Join(set.Defaults.Commands, " "))
 	fmt.Fprintf(w, "\tAce editor syntax highlighting theme:\t%s\n", set.Defaults.AceEditorTheme)
-
 	fmt.Fprintf(w, "\tSorting:\n")
 	fmt.Fprintf(w, "\t\tBy:\t%s\n", set.Defaults.Sorting.By)
 	fmt.Fprintf(w, "\t\tAsc:\t%t\n", set.Defaults.Sorting.Asc)
-
 	fmt.Fprintf(w, "\tPermissions:\n")
 	fmt.Fprintf(w, "\t\tAdmin:\t%t\n", set.Defaults.Perm.Admin)
 	fmt.Fprintf(w, "\t\tExecute:\t%t\n", set.Defaults.Perm.Execute)
@@ -258,7 +234,6 @@ func printSettings(ser *settings.Server, set *settings.Settings, auther auth.Aut
 	fmt.Fprintf(w, "\t\tDelete:\t%t\n", set.Defaults.Perm.Delete)
 	fmt.Fprintf(w, "\t\tShare:\t%t\n", set.Defaults.Perm.Share)
 	fmt.Fprintf(w, "\t\tDownload:\t%t\n", set.Defaults.Perm.Download)
-
 	w.Flush()

 	b, err := json.MarshalIndent(auther, "", "  ")
@@ -268,123 +243,3 @@ func printSettings(ser *settings.Server, set *settings.Settings, auther auth.Aut
 	fmt.Printf("\nAuther configuration (raw):\n\n%s\n\n", string(b))
 	return nil
 }
-
-func getSettings(flags *pflag.FlagSet, set *settings.Settings, ser *settings.Server, auther auth.Auther, all bool) (auth.Auther, error) {
-	errs := []error{}
-	hasAuth := false
-
-	visit := func(flag *pflag.Flag) {
-		var err error
-
-		switch flag.Name {
-		// Server flags from [addServerFlags]
-		case "address":
-			ser.Address, err = flags.GetString(flag.Name)
-		case "log":
-			ser.Log, err = flags.GetString(flag.Name)
-		case "port":
-			ser.Port, err = flags.GetString(flag.Name)
-		case "cert":
-			ser.TLSCert, err = flags.GetString(flag.Name)
-		case "key":
-			ser.TLSKey, err = flags.GetString(flag.Name)
-		case "root":
-			ser.Root, err = flags.GetString(flag.Name)
-		case "socket":
-			ser.Socket, err = flags.GetString(flag.Name)
-		case "baseURL":
-			ser.BaseURL, err = flags.GetString(flag.Name)
-		case "tokenExpirationTime":
-			ser.TokenExpirationTime, err = flags.GetString(flag.Name)
-		case "disableThumbnails":
-			ser.EnableThumbnails, err = flags.GetBool(flag.Name)
-			ser.EnableThumbnails = !ser.EnableThumbnails
-		case "disablePreviewResize":
-			ser.ResizePreview, err = flags.GetBool(flag.Name)
-			ser.ResizePreview = !ser.ResizePreview
-		case "disableExec":
-			ser.EnableExec, err = flags.GetBool(flag.Name)
-			ser.EnableExec = !ser.EnableExec
-		case "disableTypeDetectionByHeader":
-			ser.TypeDetectionByHeader, err = flags.GetBool(flag.Name)
-			ser.TypeDetectionByHeader = !ser.TypeDetectionByHeader
-		case "disableImageResolutionCalc":
-			ser.ImageResolutionCal, err = flags.GetBool(flag.Name)
-			ser.ImageResolutionCal = !ser.ImageResolutionCal
-
-		// Settings flags from [addConfigFlags]
-		case "signup":
-			set.Signup, err = flags.GetBool(flag.Name)
-		case "hideLoginButton":
-			set.HideLoginButton, err = flags.GetBool(flag.Name)
-		case "createUserDir":
-			set.CreateUserDir, err = flags.GetBool(flag.Name)
-		case "minimumPasswordLength":
-			set.MinimumPasswordLength, err = flags.GetUint(flag.Name)
-		case "shell":
-			var shell string
-			shell, err = flags.GetString(flag.Name)
-			if err == nil {
-				set.Shell = convertCmdStrToCmdArray(shell)
-			}
-		case "fileMode":
-			set.FileMode, err = getAndParseFileMode(flags, flag.Name)
-		case "dirMode":
-			set.DirMode, err = getAndParseFileMode(flags, flag.Name)
-		case "auth.method":
-			hasAuth = true
-		case "auth.logoutPage":
-			set.LogoutPage, err = flags.GetString(flag.Name)
-		case "branding.name":
-			set.Branding.Name, err = flags.GetString(flag.Name)
-		case "branding.theme":
-			set.Branding.Theme, err = flags.GetString(flag.Name)
-		case "branding.color":
-			set.Branding.Color, err = flags.GetString(flag.Name)
-		case "branding.files":
-			set.Branding.Files, err = flags.GetString(flag.Name)
-		case "branding.disableExternal":
-			set.Branding.DisableExternal, err = flags.GetBool(flag.Name)
-		case "branding.disableUsedPercentage":
-			set.Branding.DisableUsedPercentage, err = flags.GetBool(flag.Name)
-		case "tus.chunkSize":
-			set.Tus.ChunkSize, err = flags.GetUint64(flag.Name)
-		case "tus.retryCount":
-			set.Tus.RetryCount, err = flags.GetUint16(flag.Name)
-		}
-
-		if err != nil {
-			errs = append(errs, err)
-		}
-	}
-
-	if all {
-		flags.VisitAll(visit)
-	} else {
-		flags.Visit(visit)
-	}
-
-	err := errors.Join(errs...)
-	if err != nil {
-		return nil, err
-	}
-
-	err = getUserDefaults(flags, &set.Defaults, all)
-	if err != nil {
-		return nil, err
-	}
-
-	if all {
-		set.AuthMethod, auther, err = getAuthentication(flags)
-		if err != nil {
-			return nil, err
-		}
-	} else {
-		set.AuthMethod, auther, err = getAuthentication(flags, hasAuth, set, auther)
-		if err != nil {
-			return nil, err
-		}
-	}
-
-	return auther, nil
-}
--- a/cmd/config_cat.go
+++ b/cmd/config_cat.go
@@ -13,19 +13,19 @@ var configCatCmd = &cobra.Command{
 	Short: "Prints the configuration",
 	Long:  `Prints the configuration.`,
 	Args:  cobra.NoArgs,
-	RunE: withStore(func(_ *cobra.Command, _ []string, st *store) error {
-		set, err := st.Settings.Get()
+	RunE: python(func(_ *cobra.Command, _ []string, d *pythonData) error {
+		set, err := d.store.Settings.Get()
 		if err != nil {
 			return err
 		}
-		ser, err := st.Settings.GetServer()
+		ser, err := d.store.Settings.GetServer()
 		if err != nil {
 			return err
 		}
-		auther, err := st.Auth.Get(set.AuthMethod)
+		auther, err := d.store.Auth.Get(set.AuthMethod)
 		if err != nil {
 			return err
 		}
 		return printSettings(ser, set, auther)
-	}, storeOptions{}),
+	}, pythonConfig{}),
 }
--- a/cmd/config_export.go
+++ b/cmd/config_export.go
@@ -15,18 +15,18 @@ var configExportCmd = &cobra.Command{
 json or yaml file. This exported configuration can be changed,
 and imported again with 'config import' command.`,
 	Args: jsonYamlArg,
-	RunE: withStore(func(_ *cobra.Command, args []string, st *store) error {
-		settings, err := st.Settings.Get()
+	RunE: python(func(_ *cobra.Command, args []string, d *pythonData) error {
+		settings, err := d.store.Settings.Get()
 		if err != nil {
 			return err
 		}

-		server, err := st.Settings.GetServer()
+		server, err := d.store.Settings.GetServer()
 		if err != nil {
 			return err
 		}

-		auther, err := st.Auth.Get(settings.AuthMethod)
+		auther, err := d.store.Auth.Get(settings.AuthMethod)
 		if err != nil {
 			return err
 		}
@@ -42,5 +42,5 @@ and imported again with 'config import' command.`,
 			return err
 		}
 		return nil
-	}, storeOptions{}),
+	}, pythonConfig{}),
 }
--- a/cmd/config_import.go
+++ b/cmd/config_import.go
@@ -34,11 +34,11 @@ database.

 The path must be for a json or yaml file.`,
 	Args: jsonYamlArg,
-	RunE: withStore(func(_ *cobra.Command, args []string, st *store) error {
+	RunE: python(func(_ *cobra.Command, args []string, d *pythonData) error {
 		var key []byte
 		var err error
-		if st.databaseExisted {
-			settings, settingErr := st.Settings.Get()
+		if d.hadDB {
+			settings, settingErr := d.store.Settings.Get()
 			if settingErr != nil {
 				return settingErr
 			}
@@ -53,17 +53,13 @@ The path must be for a json or yaml file.`,
 			return err
 		}

-		if file.Settings == nil || file.Server == nil {
-			return errors.New("invalid configuration file: 'settings' or 'server' fields are missing. Please ensure you are importing a file generated by the 'config export' command")
-		}
-
 		file.Settings.Key = key
-		err = st.Settings.Save(file.Settings)
+		err = d.store.Settings.Save(file.Settings)
 		if err != nil {
 			return err
 		}

-		err = st.Settings.SaveServer(file.Server)
+		err = d.store.Settings.SaveServer(file.Server)
 		if err != nil {
 			return err
 		}
@@ -102,13 +98,13 @@ The path must be for a json or yaml file.`,
 			return autherErr
 		}

-		err = st.Auth.Save(auther)
+		err = d.store.Auth.Save(auther)
 		if err != nil {
 			return err
 		}

 		return printSettings(file.Server, file.Settings, auther)
-	}, storeOptions{allowsNoDatabase: true}),
+	}, pythonConfig{allowNoDB: true}),
 }

 func getAuther(sample auth.Auther, data interface{}) (interface{}, error) {
--- a/cmd/config_init.go
+++ b/cmd/config_init.go
@@ -22,31 +22,152 @@ this options can be changed in the future with the command
 to the defaults when creating new users and you don't
 override the options.`,
 	Args: cobra.NoArgs,
-	RunE: withStore(func(cmd *cobra.Command, _ []string, st *store) error {
+	RunE: python(func(cmd *cobra.Command, _ []string, d *pythonData) error {
+		defaults := settings.UserDefaults{}
 		flags := cmd.Flags()
-
-		// Initialize config
-		s := &settings.Settings{Key: generateKey()}
-		ser := &settings.Server{}
-
-		// Fill config with options
-		auther, err := getSettings(flags, s, ser, nil, true)
+		err := getUserDefaults(flags, &defaults, true)
+		if err != nil {
+			return err
+		}
+		authMethod, auther, err := getAuthentication(flags)
 		if err != nil {
 			return err
 		}

-		// Save updated config
-		err = st.Settings.Save(s)
+		key := generateKey()
+
+		signup, err := getBool(flags, "signup")
 		if err != nil {
 			return err
 		}

-		err = st.Settings.SaveServer(ser)
+		createUserDir, err := getBool(flags, "create-user-dir")
 		if err != nil {
 			return err
 		}

-		err = st.Auth.Save(auther)
+		minLength, err := getUint(flags, "minimum-password-length")
+		if err != nil {
+			return err
+		}
+
+		shell, err := getString(flags, "shell")
+		if err != nil {
+			return err
+		}
+
+		brandingName, err := getString(flags, "branding.name")
+		if err != nil {
+			return err
+		}
+
+		brandingDisableExternal, err := getBool(flags, "branding.disableExternal")
+		if err != nil {
+			return err
+		}
+
+		brandingDisableUsedPercentage, err := getBool(flags, "branding.disableUsedPercentage")
+		if err != nil {
+			return err
+		}
+
+		brandingTheme, err := getString(flags, "branding.theme")
+		if err != nil {
+			return err
+		}
+
+		brandingFiles, err := getString(flags, "branding.files")
+		if err != nil {
+			return err
+		}
+
+		s := &settings.Settings{
+			Key:                   key,
+			Signup:                signup,
+			CreateUserDir:         createUserDir,
+			MinimumPasswordLength: minLength,
+			Shell:                 convertCmdStrToCmdArray(shell),
+			AuthMethod:            authMethod,
+			Defaults:              defaults,
+			Branding: settings.Branding{
+				Name:                  brandingName,
+				DisableExternal:       brandingDisableExternal,
+				DisableUsedPercentage: brandingDisableUsedPercentage,
+				Theme:                 brandingTheme,
+				Files:                 brandingFiles,
+			},
+		}
+
+		s.FileMode, err = getMode(flags, "file-mode")
+		if err != nil {
+			return err
+		}
+
+		s.DirMode, err = getMode(flags, "dir-mode")
+		if err != nil {
+			return err
+		}
+
+		address, err := getString(flags, "address")
+		if err != nil {
+			return err
+		}
+
+		socket, err := getString(flags, "socket")
+		if err != nil {
+			return err
+		}
+
+		root, err := getString(flags, "root")
+		if err != nil {
+			return err
+		}
+
+		baseURL, err := getString(flags, "baseurl")
+		if err != nil {
+			return err
+		}
+
+		tlsKey, err := getString(flags, "key")
+		if err != nil {
+			return err
+		}
+
+		cert, err := getString(flags, "cert")
+		if err != nil {
+			return err
+		}
+
+		port, err := getString(flags, "port")
+		if err != nil {
+			return err
+		}
+
+		log, err := getString(flags, "log")
+		if err != nil {
+			return err
+		}
+
+		ser := &settings.Server{
+			Address: address,
+			Socket:  socket,
+			Root:    root,
+			BaseURL: baseURL,
+			TLSKey:  tlsKey,
+			TLSCert: cert,
+			Port:    port,
+			Log:     log,
+		}
+
+		err = d.store.Settings.Save(s)
+		if err != nil {
+			return err
+		}
+		err = d.store.Settings.SaveServer(ser)
+		if err != nil {
+			return err
+		}
+		err = d.store.Auth.Save(auther)
 		if err != nil {
 			return err
 		}
@@ -57,5 +178,5 @@ Now add your first user via 'filebrowser users add' and then you just
 need to call the main command to boot up the server.
 `)
 		return printSettings(ser, s, auther)
-	}, storeOptions{expectsNoDatabase: true}),
+	}, pythonConfig{noDB: true}),
 }
--- a/cmd/config_set.go
+++ b/cmd/config_set.go
@@ -2,6 +2,7 @@ package cmd

 import (
 	"github.com/spf13/cobra"
+	"github.com/spf13/pflag"
 )

 func init() {
@@ -15,47 +16,105 @@ var configSetCmd = &cobra.Command{
 	Long: `Updates the configuration. Set the flags for the options
 you want to change. Other options will remain unchanged.`,
 	Args: cobra.NoArgs,
-	RunE: withStore(func(cmd *cobra.Command, _ []string, st *store) error {
+	RunE: python(func(cmd *cobra.Command, _ []string, d *pythonData) error {
 		flags := cmd.Flags()
-
-		// Read existing config
-		set, err := st.Settings.Get()
+		set, err := d.store.Settings.Get()
 		if err != nil {
 			return err
 		}

-		ser, err := st.Settings.GetServer()
+		ser, err := d.store.Settings.GetServer()
 		if err != nil {
 			return err
 		}

-		auther, err := st.Auth.Get(set.AuthMethod)
+		hasAuth := false
+		flags.Visit(func(flag *pflag.Flag) {
+			if err != nil {
+				return
+			}
+			switch flag.Name {
+			case "baseurl":
+				ser.BaseURL, err = getString(flags, flag.Name)
+			case "root":
+				ser.Root, err = getString(flags, flag.Name)
+			case "socket":
+				ser.Socket, err = getString(flags, flag.Name)
+			case "cert":
+				ser.TLSCert, err = getString(flags, flag.Name)
+			case "key":
+				ser.TLSKey, err = getString(flags, flag.Name)
+			case "address":
+				ser.Address, err = getString(flags, flag.Name)
+			case "port":
+				ser.Port, err = getString(flags, flag.Name)
+			case "log":
+				ser.Log, err = getString(flags, flag.Name)
+			case "signup":
+				set.Signup, err = getBool(flags, flag.Name)
+			case "auth.method":
+				hasAuth = true
+			case "shell":
+				var shell string
+				shell, err = getString(flags, flag.Name)
+				set.Shell = convertCmdStrToCmdArray(shell)
+			case "create-user-dir":
+				set.CreateUserDir, err = getBool(flags, flag.Name)
+			case "minimum-password-length":
+				set.MinimumPasswordLength, err = getUint(flags, flag.Name)
+			case "branding.name":
+				set.Branding.Name, err = getString(flags, flag.Name)
+			case "branding.color":
+				set.Branding.Color, err = getString(flags, flag.Name)
+			case "branding.theme":
+				set.Branding.Theme, err = getString(flags, flag.Name)
+			case "branding.disableExternal":
+				set.Branding.DisableExternal, err = getBool(flags, flag.Name)
+			case "branding.disableUsedPercentage":
+				set.Branding.DisableUsedPercentage, err = getBool(flags, flag.Name)
+			case "branding.files":
+				set.Branding.Files, err = getString(flags, flag.Name)
+			case "file-mode":
+				set.FileMode, err = getMode(flags, flag.Name)
+			case "dir-mode":
+				set.DirMode, err = getMode(flags, flag.Name)
+			}
+		})
+
 		if err != nil {
 			return err
 		}

-		// Get updated config
-		auther, err = getSettings(flags, set, ser, auther, false)
+		err = getUserDefaults(flags, &set.Defaults, false)
 		if err != nil {
 			return err
 		}

-		// Save updated config
-		err = st.Auth.Save(auther)
+		// read the defaults
+		auther, err := d.store.Auth.Get(set.AuthMethod)
 		if err != nil {
 			return err
 		}

-		err = st.Settings.Save(set)
+		// check if there are new flags for existing auth method
+		set.AuthMethod, auther, err = getAuthentication(flags, hasAuth, set, auther)
 		if err != nil {
 			return err
 		}

-		err = st.Settings.SaveServer(ser)
+		err = d.store.Auth.Save(auther)
+		if err != nil {
+			return err
+		}
+		err = d.store.Settings.Save(set)
+		if err != nil {
+			return err
+		}
+		err = d.store.Settings.SaveServer(ser)
 		if err != nil {
 			return err
 		}

 		return printSettings(ser, set, auther)
-	}, storeOptions{}),
+	}, pythonConfig{}),
 }
--- a/cmd/docs.go
+++ b/cmd/docs.go
@@ -3,18 +3,36 @@ package cmd
 import (
 	"bytes"
 	"fmt"
+	"io"
 	"os"
-	"path"
-	"regexp"
+	"path/filepath"
+	"sort"
 	"strings"

 	"github.com/spf13/cobra"
-	"github.com/spf13/cobra/doc"
+	"github.com/spf13/pflag"
 )

 func init() {
 	rootCmd.AddCommand(docsCmd)
-	docsCmd.Flags().String("out", "www/docs/cli", "directory to write the docs to")
+	docsCmd.Flags().StringP("path", "p", "./docs", "path to save the docs")
+}
+
+func printToc(names []string) {
+	for i, name := range names {
+		name = strings.TrimSuffix(name, filepath.Ext(name))
+		name = strings.Replace(name, "-", " ", -1)
+		names[i] = name
+	}
+
+	sort.Strings(names)
+
+	toc := ""
+	for _, name := range names {
+		toc += "* [" + name + "](cli/" + strings.Replace(name, " ", "-", -1) + ".md)\n"
+	}
+
+	fmt.Println(toc)
 }

 var docsCmd = &cobra.Command{
@@ -22,61 +40,115 @@ var docsCmd = &cobra.Command{
 	Hidden: true,
 	Args:   cobra.NoArgs,
 	RunE: func(cmd *cobra.Command, _ []string) error {
-		outputDir, err := cmd.Flags().GetString("out")
+		dir, err := getString(cmd.Flags(), "path")
 		if err != nil {
 			return err
 		}

-		tempDir, err := os.MkdirTemp(os.TempDir(), "filebrowser-docs-")
+		err = generateDocs(rootCmd, dir)
 		if err != nil {
 			return err
 		}
-		defer os.RemoveAll(tempDir)
+		names := []string{}

-		rootCmd.Root().DisableAutoGenTag = true
+		err = filepath.Walk(dir, func(_ string, info os.FileInfo, err error) error {
+			if err != nil || info.IsDir() {
+				return err
+			}

-		err = doc.GenMarkdownTreeCustom(cmd.Root(), tempDir, func(_ string) string {
-			return ""
-		}, func(s string) string {
-			return s
+			if !strings.HasPrefix(info.Name(), "filebrowser") {
+				return nil
+			}
+
+			names = append(names, info.Name())
+			return nil
 		})
 		if err != nil {
 			return err
 		}

-		entries, err := os.ReadDir(tempDir)
-		if err != nil {
-			return err
-		}
-
-		headerRegex := regexp.MustCompile(`(?m)^(##)(.*)$`)
-		linkRegex := regexp.MustCompile(`\(filebrowser(.*)\.md\)`)
-
-		fmt.Println("Generated Documents:")
-
-		for _, entry := range entries {
-			srcPath := path.Join(tempDir, entry.Name())
-			dstPath := path.Join(outputDir, strings.ReplaceAll(entry.Name(), "_", "-"))
-
-			data, err := os.ReadFile(srcPath)
-			if err != nil {
-				return err
-			}
-
-			data = headerRegex.ReplaceAll(data, []byte("#$2"))
-			data = linkRegex.ReplaceAllFunc(data, func(b []byte) []byte {
-				return bytes.ReplaceAll(b, []byte("_"), []byte("-"))
-			})
-			data = bytes.ReplaceAll(data, []byte("## SEE ALSO"), []byte("## See Also"))
-
-			err = os.WriteFile(dstPath, data, 0666)
-			if err != nil {
-				return err
-			}
-
-			fmt.Println("- " + dstPath)
-		}
-
+		printToc(names)
 		return nil
 	},
 }
+
+func generateDocs(cmd *cobra.Command, dir string) error {
+	for _, c := range cmd.Commands() {
+		if !c.IsAvailableCommand() || c.IsAdditionalHelpTopicCommand() {
+			continue
+		}
+
+		err := generateDocs(c, dir)
+		if err != nil {
+			return err
+		}
+	}
+
+	basename := strings.Replace(cmd.CommandPath(), " ", "-", -1) + ".md"
+	filename := filepath.Join(dir, basename)
+	f, err := os.Create(filename)
+	if err != nil {
+		return err
+	}
+	defer f.Close()
+	return generateMarkdown(cmd, f)
+}
+
+func generateMarkdown(cmd *cobra.Command, w io.Writer) error {
+	cmd.InitDefaultHelpCmd()
+	cmd.InitDefaultHelpFlag()
+
+	buf := new(bytes.Buffer)
+	name := cmd.CommandPath()
+
+	short := cmd.Short
+	long := cmd.Long
+	if long == "" {
+		long = short
+	}
+
+	buf.WriteString("---\ndescription: " + short + "\n---\n\n")
+	buf.WriteString("# " + name + "\n\n")
+	buf.WriteString("## Synopsis\n\n")
+	buf.WriteString(long + "\n\n")
+
+	if cmd.Runnable() {
+		_, _ = fmt.Fprintf(buf, "```\n%s\n```\n\n", cmd.UseLine())
+	}
+
+	if cmd.Example != "" {
+		buf.WriteString("## Examples\n\n")
+		_, _ = fmt.Fprintf(buf, "```\n%s\n```\n\n", cmd.Example)
+	}
+
+	printOptions(buf, cmd)
+	_, err := buf.WriteTo(w)
+	return err
+}
+
+func generateFlagsTable(fs *pflag.FlagSet, buf io.StringWriter) {
+	_, _ = buf.WriteString("| Name | Shorthand | Usage |\n")
+	_, _ = buf.WriteString("|------|-----------|-------|\n")
+
+	fs.VisitAll(func(f *pflag.Flag) {
+		_, _ = buf.WriteString("|" + f.Name + "|" + f.Shorthand + "|" + f.Usage + "|\n")
+	})
+}
+
+func printOptions(buf *bytes.Buffer, cmd *cobra.Command) {
+	flags := cmd.NonInheritedFlags()
+	flags.SetOutput(buf)
+	if flags.HasAvailableFlags() {
+		buf.WriteString("## Options\n\n")
+		generateFlagsTable(flags, buf)
+		buf.WriteString("\n")
+	}
+
+	parentFlags := cmd.InheritedFlags()
+	parentFlags.SetOutput(buf)
+	if parentFlags.HasAvailableFlags() {
+		buf.WriteString("### Inherited\n\n")
+		generateFlagsTable(parentFlags, buf)
+		buf.WriteString("\n")
+	}
+}
--- a/cmd/root.go
+++ b/cmd/root.go
@@ -13,17 +13,20 @@ import (
 	"os"
 	"os/signal"
 	"path/filepath"
+	"strings"
 	"syscall"
 	"time"

+	homedir "github.com/mitchellh/go-homedir"
 	"github.com/spf13/afero"
 	"github.com/spf13/cobra"
 	"github.com/spf13/pflag"
-	"github.com/spf13/viper"
+	v "github.com/spf13/viper"
 	lumberjack "gopkg.in/natefinch/lumberjack.v2"

 	"github.com/filebrowser/filebrowser/v2/auth"
 	"github.com/filebrowser/filebrowser/v2/diskcache"
+	fbErrors "github.com/filebrowser/filebrowser/v2/errors"
 	"github.com/filebrowser/filebrowser/v2/frontend"
 	fbhttp "github.com/filebrowser/filebrowser/v2/http"
 	"github.com/filebrowser/filebrowser/v2/img"
@@ -33,67 +36,28 @@ import (
 )

 var (
-	flagNamesMigrations = map[string]string{
-		"file-mode":                        "fileMode",
-		"dir-mode":                         "dirMode",
-		"hide-login-button":                "hideLoginButton",
-		"create-user-dir":                  "createUserDir",
-		"minimum-password-length":          "minimumPasswordLength",
-		"socket-perm":                      "socketPerm",
-		"disable-thumbnails":               "disableThumbnails",
-		"disable-preview-resize":           "disablePreviewResize",
-		"disable-exec":                     "disableExec",
-		"disable-type-detection-by-header": "disableTypeDetectionByHeader",
-		"img-processors":                   "imageProcessors",
-		"cache-dir":                        "cacheDir",
-		"token-expiration-time":            "tokenExpirationTime",
-		"baseurl":                          "baseURL",
-	}
-
-	warnedFlags = map[string]bool{}
+	cfgFile string
 )

-// TODO(remove): remove after July 2026.
-func migrateFlagNames(_ *pflag.FlagSet, name string) pflag.NormalizedName {
-	if newName, ok := flagNamesMigrations[name]; ok {
-
-		if !warnedFlags[name] {
-			warnedFlags[name] = true
-			log.Printf("DEPRECATION NOTICE: Flag --%s has been deprecated, use --%s instead\n", name, newName)
-		}
-
-		name = newName
-	}
-
-	return pflag.NormalizedName(name)
-}
-
 func init() {
+	cobra.OnInitialize(initConfig)
 	rootCmd.SilenceUsage = true
-	rootCmd.SetGlobalNormalizationFunc(migrateFlagNames)
-
 	cobra.MousetrapHelpText = ""

 	rootCmd.SetVersionTemplate("File Browser version {{printf \"%s\" .Version}}\n")

-	// Flags available across the whole program
-	persistent := rootCmd.PersistentFlags()
-	persistent.StringP("config", "c", "", "config file path")
-	persistent.StringP("database", "d", "./filebrowser.db", "database path")
-
-	// Runtime flags for the root command
 	flags := rootCmd.Flags()
+	persistent := rootCmd.PersistentFlags()
+
+	persistent.StringVarP(&cfgFile, "config", "c", "", "config file path")
+	persistent.StringP("database", "d", "./filebrowser.db", "database path")
 	flags.Bool("noauth", false, "use the noauth auther when using quick setup")
-	flags.String("username", "admin", "username for the first user when using quick setup")
-	flags.String("password", "", "hashed password for the first user when using quick setup")
-	flags.Uint32("socketPerm", 0666, "unix socket file permissions")
-	flags.String("cacheDir", "", "file cache directory (disabled if empty)")
-	flags.Int("imageProcessors", 4, "image processors count")
+	flags.String("username", "admin", "username for the first user when using quick config")
+	flags.String("password", "", "hashed password for the first user when using quick config")
+
 	addServerFlags(flags)
 }

-// addServerFlags adds server related flags to the given FlagSet. These flags are available
-// in both the root command, config set and config init commands.
 func addServerFlags(flags *pflag.FlagSet) {
 	flags.StringP("address", "a", "127.0.0.1", "address to listen on")
 	flags.StringP("log", "l", "stdout", "log output")
@@ -102,13 +66,15 @@ func addServerFlags(flags *pflag.FlagSet) {
 	flags.StringP("key", "k", "", "tls key")
 	flags.StringP("root", "r", ".", "root to prepend to relative paths")
 	flags.String("socket", "", "socket to listen to (cannot be used with address, port, cert nor key flags)")
-	flags.StringP("baseURL", "b", "", "base url")
-	flags.String("tokenExpirationTime", "2h", "user session timeout")
-	flags.Bool("disableThumbnails", false, "disable image thumbnails")
-	flags.Bool("disablePreviewResize", false, "disable resize of image previews")
-	flags.Bool("disableExec", true, "disables Command Runner feature")
-	flags.Bool("disableTypeDetectionByHeader", false, "disables type detection by reading file headers")
-	flags.Bool("disableImageResolutionCalc", false, "disables image resolution calculation by reading image files")
+	flags.Uint32("socket-perm", 0666, "unix socket file permissions")
+	flags.StringP("baseurl", "b", "", "base url")
+	flags.String("cache-dir", "", "file cache directory (disabled if empty)")
+	flags.String("token-expiration-time", "2h", "user session timeout")
+	flags.Int("img-processors", 4, "image processors count") //nolint:mnd
+	flags.Bool("disable-thumbnails", false, "disable image thumbnails")
+	flags.Bool("disable-preview-resize", false, "disable resize of image previews")
+	flags.Bool("disable-exec", true, "disables Command Runner feature")
+	flags.Bool("disable-type-detection-by-header", false, "disables type detection by reading file headers")
 }

 var rootCmd = &cobra.Command{
@@ -123,60 +89,65 @@ it. Don't worry: you don't need to setup a separate database server.
 We're using Bolt DB which is a single file database and all managed
 by ourselves.

-For this command, all flags are available as environmental variables,
-except for "--config", which specifies the configuration file to use.
-The environment variables are prefixed by "FB_" followed by the flag name in
-UPPER_SNAKE_CASE. For example, the flag "--disablePreviewResize" is available
-as FB_DISABLE_PREVIEW_RESIZE.
+For this specific command, all the flags you have available (except
+"config" for the configuration file), can be given either through
+environment variables or configuration files.

-If "--config" is not specified, File Browser will look for a configuration
-file named .filebrowser.{json, toml, yaml, yml} in the following directories:
+If you don't set "config", it will look for a configuration file called
+.filebrowser.{json, toml, yaml, yml} in the following directories:

 - ./
 - $HOME/
 - /etc/filebrowser/

-**Note:** Only the options listed below can be set via the config file or
-environment variables. Other configuration options live exclusively in the
-database and so they must be set by the "config set" or "config
-import" commands.
-
 The precedence of the configuration values are as follows:

- Flags
- Environment variables
- Configuration file
- Database values
- Defaults
+- flags
+- environment variables
+- configuration file
+- database values
+- defaults
+
+The environment variables are prefixed by "FB_" followed by the option
+name in caps. So to set "database" via an env variable, you should
+set FB_DATABASE.

 Also, if the database path doesn't exist, File Browser will enter into
 the quick setup mode and a new database will be bootstrapped and a new
 user created with the credentials from options "username" and "password".`,
-	RunE: withViperAndStore(func(_ *cobra.Command, _ []string, v *viper.Viper, st *store) error {
-		if !st.databaseExisted {
-			err := quickSetup(v, st.Storage)
+	RunE: python(func(cmd *cobra.Command, _ []string, d *pythonData) error {
+		log.Println(cfgFile)
+
+		if !d.hadDB {
+			err := quickSetup(cmd.Flags(), *d)
 			if err != nil {
 				return err
 			}
 		}

 		// build img service
-		imgWorkersCount := v.GetInt("imageProcessors")
-		if imgWorkersCount < 1 {
+		workersCount, err := cmd.Flags().GetInt("img-processors")
+		if err != nil {
+			return err
+		}
+		if workersCount < 1 {
 			return errors.New("image resize workers count could not be < 1")
 		}
-		imageService := img.New(imgWorkersCount)
+		imgSvc := img.New(workersCount)

 		var fileCache diskcache.Interface = diskcache.NewNoOp()
-		cacheDir := v.GetString("cacheDir")
+		cacheDir, err := cmd.Flags().GetString("cache-dir")
+		if err != nil {
+			return err
+		}
 		if cacheDir != "" {
-			if err := os.MkdirAll(cacheDir, 0700); err != nil {
+			if err := os.MkdirAll(cacheDir, 0700); err != nil { //nolint:govet
 				return fmt.Errorf("can't make directory %s: %w", cacheDir, err)
 			}
 			fileCache = diskcache.New(afero.NewOsFs(), cacheDir)
 		}

-		server, err := getServerSettings(v, st.Storage)
+		server, err := getRunParams(cmd.Flags(), d.store)
 		if err != nil {
 			return err
 		}
@@ -198,13 +169,16 @@ user created with the credentials from options "username" and "password".`,
 			if err != nil {
 				return err
 			}
-			socketPerm := v.GetUint32("socketPerm")
+			socketPerm, err := cmd.Flags().GetUint32("socket-perm") //nolint:govet
+			if err != nil {
+				return err
+			}
 			err = os.Chmod(server.Socket, os.FileMode(socketPerm))
 			if err != nil {
 				return err
 			}
 		case server.TLSKey != "" && server.TLSCert != "":
-			cer, err := tls.LoadX509KeyPair(server.TLSCert, server.TLSKey)
+			cer, err := tls.LoadX509KeyPair(server.TLSCert, server.TLSKey) //nolint:govet
 			if err != nil {
 				return err
 			}
@@ -227,7 +201,7 @@ user created with the credentials from options "username" and "password".`,
 			panic(err)
 		}

-		handler, err := fbhttp.NewHandler(imageService, fileCache, st.Storage, server, assetsFs)
+		handler, err := fbhttp.NewHandler(imgSvc, fileCache, d.store, server, assetsFs)
 		if err != nil {
 			return err
 		}
@@ -259,7 +233,7 @@ user created with the credentials from options "username" and "password".`,
 		sig := <-sigc
 		log.Println("Got signal:", sig)

-		shutdownCtx, shutdownRelease := context.WithTimeout(context.Background(), 10*time.Second)
+		shutdownCtx, shutdownRelease := context.WithTimeout(context.Background(), 10*time.Second) //nolint:mnd
 		defer shutdownRelease()

 		if err := srv.Shutdown(shutdownCtx); err != nil {
@@ -267,82 +241,66 @@ user created with the credentials from options "username" and "password".`,
 		}
 		log.Println("Graceful shutdown complete.")

-		return nil
-	}, storeOptions{allowsNoDatabase: true}),
+		switch sig {
+		case syscall.SIGHUP:
+			d.err = fbErrors.ErrSighup
+		case syscall.SIGINT:
+			d.err = fbErrors.ErrSigint
+		case syscall.SIGQUIT:
+			d.err = fbErrors.ErrSigquit
+		case syscall.SIGTERM:
+			d.err = fbErrors.ErrSigTerm
+		}
+
+		return d.err
+	}, pythonConfig{allowNoDB: true}),
 }

-func getServerSettings(v *viper.Viper, st *storage.Storage) (*settings.Server, error) {
+//nolint:gocyclo
+func getRunParams(flags *pflag.FlagSet, st *storage.Storage) (*settings.Server, error) {
 	server, err := st.Settings.GetServer()
 	if err != nil {
 		return nil, err
 	}

+	if val, set := getStringParamB(flags, "root"); set {
+		server.Root = val
+	}
+
+	if val, set := getStringParamB(flags, "baseurl"); set {
+		server.BaseURL = val
+	}
+
+	if val, set := getStringParamB(flags, "log"); set {
+		server.Log = val
+	}
+
 	isSocketSet := false
 	isAddrSet := false

-	if v.IsSet("address") {
-		server.Address = v.GetString("address")
-		isAddrSet = true
+	if val, set := getStringParamB(flags, "address"); set {
+		server.Address = val
+		isAddrSet = isAddrSet || set
 	}

-	if v.IsSet("log") {
-		server.Log = v.GetString("log")
+	if val, set := getStringParamB(flags, "port"); set {
+		server.Port = val
+		isAddrSet = isAddrSet || set
 	}

-	if v.IsSet("port") {
-		server.Port = v.GetString("port")
-		isAddrSet = true
+	if val, set := getStringParamB(flags, "key"); set {
+		server.TLSKey = val
+		isAddrSet = isAddrSet || set
 	}

-	if v.IsSet("cert") {
-		server.TLSCert = v.GetString("cert")
-		isAddrSet = true
+	if val, set := getStringParamB(flags, "cert"); set {
+		server.TLSCert = val
+		isAddrSet = isAddrSet || set
 	}

-	if v.IsSet("key") {
-		server.TLSKey = v.GetString("key")
-		isAddrSet = true
-	}
-
-	if v.IsSet("root") {
-		server.Root = v.GetString("root")
-	}
-
-	if v.IsSet("socket") {
-		server.Socket = v.GetString("socket")
-		isSocketSet = true
-	}
-
-	if v.IsSet("baseURL") {
-		server.BaseURL = v.GetString("baseURL")
-		// TODO(remove): remove after July 2026.
-	} else if v := os.Getenv("FB_BASEURL"); v != "" {
-		log.Println("DEPRECATION NOTICE: Environment variable FB_BASEURL has been deprecated, use FB_BASE_URL instead")
-		server.BaseURL = v
-	}
-
-	if v.IsSet("tokenExpirationTime") {
-		server.TokenExpirationTime = v.GetString("tokenExpirationTime")
-	}
-
-	if v.IsSet("disableThumbnails") {
-		server.EnableThumbnails = !v.GetBool("disableThumbnails")
-	}
-
-	if v.IsSet("disablePreviewResize") {
-		server.ResizePreview = !v.GetBool("disablePreviewResize")
-	}
-
-	if v.IsSet("disableTypeDetectionByHeader") {
-		server.TypeDetectionByHeader = !v.GetBool("disableTypeDetectionByHeader")
-	}
-
-	if v.IsSet("disableImageResolutionCalc") {
-		server.ImageResolutionCal = !v.GetBool("disableImageResolutionCalc")
-	}
-
-	if v.IsSet("disableExec") {
-		server.EnableExec = !v.GetBool("disableExec")
+	if val, set := getStringParamB(flags, "socket"); set {
+		server.Socket = val
+		isSocketSet = isSocketSet || set
 	}

 	if isAddrSet && isSocketSet {
@@ -354,6 +312,18 @@ func getServerSettings(v *viper.Viper, st *storage.Storage) (*settings.Server, e
 		server.Socket = ""
 	}

+	disableThumbnails := getBoolParam(flags, "disable-thumbnails")
+	server.EnableThumbnails = !disableThumbnails
+
+	disablePreviewResize := getBoolParam(flags, "disable-preview-resize")
+	server.ResizePreview = !disablePreviewResize
+
+	disableTypeDetectionByHeader := getBoolParam(flags, "disable-type-detection-by-header")
+	server.TypeDetectionByHeader = !disableTypeDetectionByHeader
+
+	disableExec := getBoolParam(flags, "disable-exec")
+	server.EnableExec = !disableExec
+
 	if server.EnableExec {
 		log.Println("WARNING: Command Runner feature enabled!")
 		log.Println("WARNING: This feature has known security vulnerabilities and should not")
@@ -361,9 +331,71 @@ func getServerSettings(v *viper.Viper, st *storage.Storage) (*settings.Server, e
 		log.Println("WARNING: read https://github.com/filebrowser/filebrowser/issues/5199")
 	}

+	if val, set := getStringParamB(flags, "token-expiration-time"); set {
+		server.TokenExpirationTime = val
+	}
+
 	return server, nil
 }

+// getBoolParamB returns a parameter as a string and a boolean to tell if it is different from the default
+//
+// NOTE: we could simply bind the flags to viper and use IsSet.
+// Although there is a bug on Viper that always returns true on IsSet
+// if a flag is binded. Our alternative way is to manually check
+// the flag and then the value from env/config/gotten by viper.
+// https://github.com/spf13/viper/pull/331
+func getBoolParamB(flags *pflag.FlagSet, key string) (value, ok bool) {
+	value, _ = flags.GetBool(key)
+
+	// If set on Flags, use it.
+	if flags.Changed(key) {
+		return value, true
+	}
+
+	// If set through viper (env, config), return it.
+	if v.IsSet(key) {
+		return v.GetBool(key), true
+	}
+
+	// Otherwise use default value on flags.
+	return value, false
+}
+
+func getBoolParam(flags *pflag.FlagSet, key string) bool {
+	val, _ := getBoolParamB(flags, key)
+	return val
+}
+
+// getStringParamB returns a parameter as a string and a boolean to tell if it is different from the default
+//
+// NOTE: we could simply bind the flags to viper and use IsSet.
+// Although there is a bug on Viper that always returns true on IsSet
+// if a flag is binded. Our alternative way is to manually check
+// the flag and then the value from env/config/gotten by viper.
+// https://github.com/spf13/viper/pull/331
+func getStringParamB(flags *pflag.FlagSet, key string) (string, bool) {
+	value, _ := flags.GetString(key)
+
+	// If set on Flags, use it.
+	if flags.Changed(key) {
+		return value, true
+	}
+
+	// If set through viper (env, config), return it.
+	if v.IsSet(key) {
+		return v.GetString(key), true
+	}
+
+	// Otherwise use default value on flags.
+	return value, false
+}
+
+func getStringParam(flags *pflag.FlagSet, key string) string {
+	val, _ := getStringParamB(flags, key)
+	return val
+}
+
 func setupLog(logMethod string) {
 	switch logMethod {
 	case "stdout":
@@ -382,13 +414,12 @@ func setupLog(logMethod string) {
 	}
 }

-func quickSetup(v *viper.Viper, s *storage.Storage) error {
+func quickSetup(flags *pflag.FlagSet, d pythonData) error {
 	log.Println("Performing quick setup")

 	set := &settings.Settings{
 		Key:                   generateKey(),
 		Signup:                false,
-		HideLoginButton:       true,
 		CreateUserDir:         false,
 		MinimumPasswordLength: settings.DefaultMinimumPasswordLength,
 		UserHomeBasePath:      settings.DefaultUsersHomeBasePath,
@@ -396,7 +427,7 @@ func quickSetup(v *viper.Viper, s *storage.Storage) error {
 			Scope:          ".",
 			Locale:         "en",
 			SingleClick:    false,
-			AceEditorTheme: v.GetString("defaults.aceEditorTheme"),
+			AceEditorTheme: getStringParam(flags, "defaults.aceEditorTheme"),
 			Perm: users.Permissions{
 				Admin:    false,
 				Execute:  true,
@@ -420,45 +451,39 @@ func quickSetup(v *viper.Viper, s *storage.Storage) error {
 	}

 	var err error
-	if v.GetBool("noauth") {
+	if _, noauth := getStringParamB(flags, "noauth"); noauth {
 		set.AuthMethod = auth.MethodNoAuth
-		err = s.Auth.Save(&auth.NoAuth{})
+		err = d.store.Auth.Save(&auth.NoAuth{})
 	} else {
 		set.AuthMethod = auth.MethodJSONAuth
-		err = s.Auth.Save(&auth.JSONAuth{})
+		err = d.store.Auth.Save(&auth.JSONAuth{})
 	}
 	if err != nil {
 		return err
 	}

-	err = s.Settings.Save(set)
+	err = d.store.Settings.Save(set)
 	if err != nil {
 		return err
 	}

 	ser := &settings.Server{
-		BaseURL:               v.GetString("baseURL"),
-		Port:                  v.GetString("port"),
-		Log:                   v.GetString("log"),
-		TLSKey:                v.GetString("key"),
-		TLSCert:               v.GetString("cert"),
-		Address:               v.GetString("address"),
-		Root:                  v.GetString("root"),
-		TokenExpirationTime:   v.GetString("tokenExpirationTime"),
-		EnableThumbnails:      !v.GetBool("disableThumbnails"),
-		ResizePreview:         !v.GetBool("disablePreviewResize"),
-		EnableExec:            !v.GetBool("disableExec"),
-		TypeDetectionByHeader: !v.GetBool("disableTypeDetectionByHeader"),
-		ImageResolutionCal:    !v.GetBool("disableImageResolutionCalc"),
+		BaseURL: getStringParam(flags, "baseurl"),
+		Port:    getStringParam(flags, "port"),
+		Log:     getStringParam(flags, "log"),
+		TLSKey:  getStringParam(flags, "key"),
+		TLSCert: getStringParam(flags, "cert"),
+		Address: getStringParam(flags, "address"),
+		Root:    getStringParam(flags, "root"),
 	}

-	err = s.Settings.SaveServer(ser)
+	err = d.store.Settings.SaveServer(ser)
 	if err != nil {
 		return err
 	}

-	username := v.GetString("username")
-	password := v.GetString("password")
+	username := getStringParam(flags, "username")
+	password := getStringParam(flags, "password")

 	if password == "" {
 		var pwd string
@@ -489,5 +514,35 @@ func quickSetup(v *viper.Viper, s *storage.Storage) error {
 	set.Defaults.Apply(user)
 	user.Perm.Admin = true

-	return s.Users.Save(user)
+	return d.store.Users.Save(user)
+}
+
+func initConfig() {
+	if cfgFile == "" {
+		home, err := homedir.Dir()
+		if err != nil {
+			panic(err)
+		}
+		v.AddConfigPath(".")
+		v.AddConfigPath(home)
+		v.AddConfigPath("/etc/filebrowser/")
+		v.SetConfigName(".filebrowser")
+	} else {
+		v.SetConfigFile(cfgFile)
+	}
+
+	v.SetEnvPrefix("FB")
+	v.AutomaticEnv()
+	v.SetEnvKeyReplacer(strings.NewReplacer(".", "_"))
+	v.SetEnvKeyReplacer(strings.NewReplacer("-", "_"))
+
+	if err := v.ReadInConfig(); err != nil {
+		var configParseError v.ConfigParseError
+		if errors.As(err, &configParseError) {
+			panic(err)
+		}
+		cfgFile = "No config file used"
+	} else {
+		cfgFile = "Using config file: " + v.ConfigFileUsed()
+	}
 }
--- a/cmd/rule_rm.go
+++ b/cmd/rule_rm.go
@@ -40,7 +40,7 @@ including 'index_end'.`,

 		return nil
 	},
-	RunE: withStore(func(cmd *cobra.Command, args []string, st *store) error {
+	RunE: python(func(cmd *cobra.Command, args []string, d *pythonData) error {
 		i, err := strconv.Atoi(args[0])
 		if err != nil {
 			return err
@@ -55,14 +55,14 @@ including 'index_end'.`,

 		user := func(u *users.User) error {
 			u.Rules = append(u.Rules[:i], u.Rules[f+1:]...)
-			return st.Users.Save(u)
+			return d.store.Users.Save(u)
 		}

 		global := func(s *settings.Settings) error {
 			s.Rules = append(s.Rules[:i], s.Rules[f+1:]...)
-			return st.Settings.Save(s)
+			return d.store.Settings.Save(s)
 		}

-		return runRules(st.Storage, cmd, user, global)
-	}, storeOptions{}),
+		return runRules(d.store, cmd, user, global)
+	}, pythonConfig{}),
 }
--- a/cmd/rules.go
+++ b/cmd/rules.go
@@ -69,12 +69,11 @@ func runRules(st *storage.Storage, cmd *cobra.Command, usersFn func(*users.User)
 }

 func getUserIdentifier(flags *pflag.FlagSet) (interface{}, error) {
-	id, err := flags.GetUint("id")
+	id, err := getUint(flags, "id")
 	if err != nil {
 		return nil, err
 	}
-
-	username, err := flags.GetString("username")
+	username, err := getString(flags, "username")
 	if err != nil {
 		return nil, err
 	}
--- a/cmd/rules_add.go
+++ b/cmd/rules_add.go
@@ -21,19 +21,15 @@ var rulesAddCmd = &cobra.Command{
 	Short: "Add a global rule or user rule",
 	Long:  `Add a global rule or user rule.`,
 	Args:  cobra.ExactArgs(1),
-	RunE: withStore(func(cmd *cobra.Command, args []string, st *store) error {
-		flags := cmd.Flags()
-
-		allow, err := flags.GetBool("allow")
+	RunE: python(func(cmd *cobra.Command, args []string, d *pythonData) error {
+		allow, err := getBool(cmd.Flags(), "allow")
 		if err != nil {
 			return err
 		}
-
-		regex, err := flags.GetBool("regex")
+		regex, err := getBool(cmd.Flags(), "regex")
 		if err != nil {
 			return err
 		}
-
 		exp := args[0]

 		if regex {
@@ -53,14 +49,14 @@ var rulesAddCmd = &cobra.Command{

 		user := func(u *users.User) error {
 			u.Rules = append(u.Rules, rule)
-			return st.Users.Save(u)
+			return d.store.Users.Save(u)
 		}

 		global := func(s *settings.Settings) error {
 			s.Rules = append(s.Rules, rule)
-			return st.Settings.Save(s)
+			return d.store.Settings.Save(s)
 		}

-		return runRules(st.Storage, cmd, user, global)
-	}, storeOptions{}),
+		return runRules(d.store, cmd, user, global)
+	}, pythonConfig{}),
 }
--- a/cmd/rules_ls.go
+++ b/cmd/rules_ls.go
@@ -13,7 +13,7 @@ var rulesLsCommand = &cobra.Command{
 	Short: "List global rules or user specific rules",
 	Long:  `List global rules or user specific rules.`,
 	Args:  cobra.NoArgs,
-	RunE: withStore(func(cmd *cobra.Command, _ []string, st *store) error {
-		return runRules(st.Storage, cmd, nil, nil)
-	}, storeOptions{}),
+	RunE: python(func(cmd *cobra.Command, _ []string, d *pythonData) error {
+		return runRules(d.store, cmd, nil, nil)
+	}, pythonConfig{}),
 }
--- a/cmd/upgrade.go
+++ b/cmd/upgrade.go
@@ -0,0 +1,40 @@
+package cmd
+
+import (
+	"github.com/spf13/cobra"
+
+	"github.com/filebrowser/filebrowser/v2/storage/bolt/importer"
+)
+
+func init() {
+	rootCmd.AddCommand(upgradeCmd)
+
+	upgradeCmd.Flags().String("old.database", "", "")
+	upgradeCmd.Flags().String("old.config", "", "")
+	_ = upgradeCmd.MarkFlagRequired("old.database")
+}
+
+var upgradeCmd = &cobra.Command{
+	Use:   "upgrade",
+	Short: "Upgrades an old configuration",
+	Long: `Upgrades an old configuration. This command DOES NOT
+import share links because they are incompatible with
+this version.`,
+	Args: cobra.NoArgs,
+	RunE: func(cmd *cobra.Command, _ []string) error {
+		flags := cmd.Flags()
+		oldDB, err := getString(flags, "old.database")
+		if err != nil {
+			return err
+		}
+		oldConf, err := getString(flags, "old.config")
+		if err != nil {
+			return err
+		}
+		db, err := getString(flags, "database")
+		if err != nil {
+			return err
+		}
+		return importer.Import(oldDB, oldConf, db)
+	},
+}
--- a/cmd/users.go
+++ b/cmd/users.go
@@ -82,64 +82,62 @@ func addUserFlags(flags *pflag.FlagSet) {
 	flags.String("aceEditorTheme", "", "ace editor's syntax highlighting theme for users")
 }

-func getAndParseViewMode(flags *pflag.FlagSet) (users.ViewMode, error) {
-	viewModeStr, err := flags.GetString("viewMode")
+func getViewMode(flags *pflag.FlagSet) (users.ViewMode, error) {
+	viewModeStr, err := getString(flags, "viewMode")
 	if err != nil {
 		return "", err
 	}
-
 	viewMode := users.ViewMode(viewModeStr)
 	if viewMode != users.ListViewMode && viewMode != users.MosaicViewMode {
 		return "", errors.New("view mode must be \"" + string(users.ListViewMode) + "\" or \"" + string(users.MosaicViewMode) + "\"")
 	}
-
 	return viewMode, nil
 }

+//nolint:gocyclo
 func getUserDefaults(flags *pflag.FlagSet, defaults *settings.UserDefaults, all bool) error {
-	errs := []error{}
-
+	var visitErr error
 	visit := func(flag *pflag.Flag) {
+		if visitErr != nil {
+			return
+		}
 		var err error
 		switch flag.Name {
 		case "scope":
-			defaults.Scope, err = flags.GetString(flag.Name)
+			defaults.Scope, err = getString(flags, flag.Name)
 		case "locale":
-			defaults.Locale, err = flags.GetString(flag.Name)
+			defaults.Locale, err = getString(flags, flag.Name)
 		case "viewMode":
-			defaults.ViewMode, err = getAndParseViewMode(flags)
+			defaults.ViewMode, err = getViewMode(flags)
 		case "singleClick":
-			defaults.SingleClick, err = flags.GetBool(flag.Name)
+			defaults.SingleClick, err = getBool(flags, flag.Name)
 		case "aceEditorTheme":
-			defaults.AceEditorTheme, err = flags.GetString(flag.Name)
+			defaults.AceEditorTheme, err = getString(flags, flag.Name)
 		case "perm.admin":
-			defaults.Perm.Admin, err = flags.GetBool(flag.Name)
+			defaults.Perm.Admin, err = getBool(flags, flag.Name)
 		case "perm.execute":
-			defaults.Perm.Execute, err = flags.GetBool(flag.Name)
+			defaults.Perm.Execute, err = getBool(flags, flag.Name)
 		case "perm.create":
-			defaults.Perm.Create, err = flags.GetBool(flag.Name)
+			defaults.Perm.Create, err = getBool(flags, flag.Name)
 		case "perm.rename":
-			defaults.Perm.Rename, err = flags.GetBool(flag.Name)
+			defaults.Perm.Rename, err = getBool(flags, flag.Name)
 		case "perm.modify":
-			defaults.Perm.Modify, err = flags.GetBool(flag.Name)
+			defaults.Perm.Modify, err = getBool(flags, flag.Name)
 		case "perm.delete":
-			defaults.Perm.Delete, err = flags.GetBool(flag.Name)
+			defaults.Perm.Delete, err = getBool(flags, flag.Name)
 		case "perm.share":
-			defaults.Perm.Share, err = flags.GetBool(flag.Name)
+			defaults.Perm.Share, err = getBool(flags, flag.Name)
 		case "perm.download":
-			defaults.Perm.Download, err = flags.GetBool(flag.Name)
+			defaults.Perm.Download, err = getBool(flags, flag.Name)
 		case "commands":
 			defaults.Commands, err = flags.GetStringSlice(flag.Name)
 		case "sorting.by":
-			defaults.Sorting.By, err = flags.GetString(flag.Name)
+			defaults.Sorting.By, err = getString(flags, flag.Name)
 		case "sorting.asc":
-			defaults.Sorting.Asc, err = flags.GetBool(flag.Name)
-		case "hideDotfiles":
-			defaults.HideDotfiles, err = flags.GetBool(flag.Name)
+			defaults.Sorting.Asc, err = getBool(flags, flag.Name)
 		}
-
 		if err != nil {
-			errs = append(errs, err)
+			visitErr = err
 		}
 	}

@@ -148,6 +146,5 @@ func getUserDefaults(flags *pflag.FlagSet, defaults *settings.UserDefaults, all
 	} else {
 		flags.Visit(visit)
 	}
-
-	return errors.Join(errs...)
+	return visitErr
 }
--- a/cmd/users_add.go
+++ b/cmd/users_add.go
@@ -16,13 +16,12 @@ var usersAddCmd = &cobra.Command{
 	Short: "Create a new user",
 	Long:  `Create a new user and add it to the database.`,
 	Args:  cobra.ExactArgs(2),
-	RunE: withStore(func(cmd *cobra.Command, args []string, st *store) error {
-		flags := cmd.Flags()
-		s, err := st.Settings.Get()
+	RunE: python(func(cmd *cobra.Command, args []string, d *pythonData) error {
+		s, err := d.store.Settings.Get()
 		if err != nil {
 			return err
 		}
-		err = getUserDefaults(flags, &s.Defaults, false)
+		err = getUserDefaults(cmd.Flags(), &s.Defaults, false)
 		if err != nil {
 			return err
 		}
@@ -32,36 +31,39 @@ var usersAddCmd = &cobra.Command{
 			return err
 		}

+		lockPassword, err := getBool(cmd.Flags(), "lockPassword")
+		if err != nil {
+			return err
+		}
+
+		dateFormat, err := getBool(cmd.Flags(), "dateFormat")
+		if err != nil {
+			return err
+		}
+
+		hideDotfiles, err := getBool(cmd.Flags(), "hideDotfiles")
+		if err != nil {
+			return err
+		}
+
 		user := &users.User{
-			Username: args[0],
-			Password: password,
-		}
-
-		user.LockPassword, err = flags.GetBool("lockPassword")
-		if err != nil {
-			return err
-		}
-
-		user.DateFormat, err = flags.GetBool("dateFormat")
-		if err != nil {
-			return err
-		}
-
-		user.HideDotfiles, err = flags.GetBool("hideDotfiles")
-		if err != nil {
-			return err
+			Username:     args[0],
+			Password:     password,
+			LockPassword: lockPassword,
+			DateFormat:   dateFormat,
+			HideDotfiles: hideDotfiles,
 		}

 		s.Defaults.Apply(user)

-		servSettings, err := st.Settings.GetServer()
+		servSettings, err := d.store.Settings.GetServer()
 		if err != nil {
 			return err
 		}
 		// since getUserDefaults() polluted s.Defaults.Scope
 		// which makes the Scope not the one saved in the db
 		// we need the right s.Defaults.Scope here
-		s2, err := st.Settings.Get()
+		s2, err := d.store.Settings.Get()
 		if err != nil {
 			return err
 		}
@@ -72,11 +74,11 @@ var usersAddCmd = &cobra.Command{
 		}
 		user.Scope = userHome

-		err = st.Users.Save(user)
+		err = d.store.Users.Save(user)
 		if err != nil {
 			return err
 		}
 		printUsers([]*users.User{user})
 		return nil
-	}, storeOptions{}),
+	}, pythonConfig{}),
 }
--- a/cmd/users_export.go
+++ b/cmd/users_export.go
@@ -14,8 +14,8 @@ var usersExportCmd = &cobra.Command{
 	Long: `Export all users to a json or yaml file. Please indicate the
 path to the file where you want to write the users.`,
 	Args: jsonYamlArg,
-	RunE: withStore(func(_ *cobra.Command, args []string, st *store) error {
-		list, err := st.Users.Gets("")
+	RunE: python(func(_ *cobra.Command, args []string, d *pythonData) error {
+		list, err := d.store.Users.Gets("")
 		if err != nil {
 			return err
 		}
@@ -25,5 +25,5 @@ path to the file where you want to write the users.`,
 			return err
 		}
 		return nil
-	}, storeOptions{}),
+	}, pythonConfig{}),
 }
--- a/cmd/users_find.go
+++ b/cmd/users_find.go
@@ -26,7 +26,7 @@ var usersLsCmd = &cobra.Command{
 	RunE:  findUsers,
 }

-var findUsers = withStore(func(_ *cobra.Command, args []string, st *store) error {
+var findUsers = python(func(_ *cobra.Command, args []string, d *pythonData) error {
 	var (
 		list []*users.User
 		user *users.User
@@ -36,14 +36,14 @@ var findUsers = withStore(func(_ *cobra.Command, args []string, st *store) error
 	if len(args) == 1 {
 		username, id := parseUsernameOrID(args[0])
 		if username != "" {
-			user, err = st.Users.Get("", username)
+			user, err = d.store.Users.Get("", username)
 		} else {
-			user, err = st.Users.Get("", id)
+			user, err = d.store.Users.Get("", id)
 		}

 		list = []*users.User{user}
 	} else {
-		list, err = st.Users.Gets("")
+		list, err = d.store.Users.Gets("")
 	}

 	if err != nil {
@@ -51,4 +51,4 @@ var findUsers = withStore(func(_ *cobra.Command, args []string, st *store) error
 	}
 	printUsers(list)
 	return nil
-}, storeOptions{})
+}, pythonConfig{})
--- a/cmd/users_import.go
+++ b/cmd/users_import.go
@@ -25,8 +25,7 @@ file. You can use this command to import new users to your
 installation. For that, just don't place their ID on the files
 list or set it to 0.`,
 	Args: jsonYamlArg,
-	RunE: withStore(func(cmd *cobra.Command, args []string, st *store) error {
-		flags := cmd.Flags()
+	RunE: python(func(cmd *cobra.Command, args []string, d *pythonData) error {
 		fd, err := os.Open(args[0])
 		if err != nil {
 			return err
@@ -46,13 +45,13 @@ list or set it to 0.`,
 			}
 		}

-		replace, err := flags.GetBool("replace")
+		replace, err := getBool(cmd.Flags(), "replace")
 		if err != nil {
 			return err
 		}

 		if replace {
-			oldUsers, userImportErr := st.Users.Gets("")
+			oldUsers, userImportErr := d.store.Users.Gets("")
 			if userImportErr != nil {
 				return userImportErr
 			}
@@ -63,20 +62,20 @@ list or set it to 0.`,
 			}

 			for _, user := range oldUsers {
-				err = st.Users.Delete(user.ID)
+				err = d.store.Users.Delete(user.ID)
 				if err != nil {
 					return err
 				}
 			}
 		}

-		overwrite, err := flags.GetBool("overwrite")
+		overwrite, err := getBool(cmd.Flags(), "overwrite")
 		if err != nil {
 			return err
 		}

 		for _, user := range list {
-			onDB, err := st.Users.Get("", user.ID)
+			onDB, err := d.store.Users.Get("", user.ID)

 			// User exists in DB.
 			if err == nil {
@@ -88,7 +87,7 @@ list or set it to 0.`,
 				// with the new username. If there is, print an error and cancel the
 				// operation
 				if user.Username != onDB.Username {
-					if conflictuous, err := st.Users.Get("", user.Username); err == nil {
+					if conflictuous, err := d.store.Users.Get("", user.Username); err == nil { //nolint:govet
 						return usernameConflictError(user.Username, conflictuous.ID, user.ID)
 					}
 				}
@@ -98,13 +97,13 @@ list or set it to 0.`,
 				user.ID = 0
 			}

-			err = st.Users.Save(user)
+			err = d.store.Users.Save(user)
 			if err != nil {
 				return err
 			}
 		}
 		return nil
-	}, storeOptions{}),
+	}, pythonConfig{}),
 }

 func usernameConflictError(username string, originalID, newID uint) error {
--- a/cmd/users_rm.go
+++ b/cmd/users_rm.go
@@ -15,14 +15,14 @@ var usersRmCmd = &cobra.Command{
 	Short: "Delete a user by username or id",
 	Long:  `Delete a user by username or id`,
 	Args:  cobra.ExactArgs(1),
-	RunE: withStore(func(_ *cobra.Command, args []string, st *store) error {
+	RunE: python(func(_ *cobra.Command, args []string, d *pythonData) error {
 		username, id := parseUsernameOrID(args[0])
 		var err error

 		if username != "" {
-			err = st.Users.Delete(username)
+			err = d.store.Users.Delete(username)
 		} else {
-			err = st.Users.Delete(id)
+			err = d.store.Users.Delete(id)
 		}

 		if err != nil {
@@ -30,5 +30,5 @@ var usersRmCmd = &cobra.Command{
 		}
 		fmt.Println("user deleted successfully")
 		return nil
-	}, storeOptions{}),
+	}, pythonConfig{}),
 }
--- a/cmd/users_update.go
+++ b/cmd/users_update.go
@@ -21,20 +21,19 @@ var usersUpdateCmd = &cobra.Command{
 	Long: `Updates an existing user. Set the flags for the
 options you want to change.`,
 	Args: cobra.ExactArgs(1),
-	RunE: withStore(func(cmd *cobra.Command, args []string, st *store) error {
-		flags := cmd.Flags()
+	RunE: python(func(cmd *cobra.Command, args []string, d *pythonData) error {
 		username, id := parseUsernameOrID(args[0])
-		password, err := flags.GetString("password")
+		flags := cmd.Flags()
+		password, err := getString(flags, "password")
+		if err != nil {
+			return err
+		}
+		newUsername, err := getString(flags, "username")
 		if err != nil {
 			return err
 		}

-		newUsername, err := flags.GetString("username")
-		if err != nil {
-			return err
-		}
-
-		s, err := st.Settings.Get()
+		s, err := d.store.Settings.Get()
 		if err != nil {
 			return err
 		}
@@ -42,11 +41,13 @@ options you want to change.`,
 		var (
 			user *users.User
 		)
+
 		if id != 0 {
-			user, err = st.Users.Get("", id)
+			user, err = d.store.Users.Get("", id)
 		} else {
-			user, err = st.Users.Get("", username)
+			user, err = d.store.Users.Get("", username)
 		}
+
 		if err != nil {
 			return err
 		}
@@ -60,12 +61,10 @@ options you want to change.`,
 			Sorting:     user.Sorting,
 			Commands:    user.Commands,
 		}
-
 		err = getUserDefaults(flags, &defaults, false)
 		if err != nil {
 			return err
 		}
-
 		user.Scope = defaults.Scope
 		user.Locale = defaults.Locale
 		user.ViewMode = defaults.ViewMode
@@ -73,17 +72,15 @@ options you want to change.`,
 		user.Perm = defaults.Perm
 		user.Commands = defaults.Commands
 		user.Sorting = defaults.Sorting
-		user.LockPassword, err = flags.GetBool("lockPassword")
+		user.LockPassword, err = getBool(flags, "lockPassword")
 		if err != nil {
 			return err
 		}
-
-		user.DateFormat, err = flags.GetBool("dateFormat")
+		user.DateFormat, err = getBool(flags, "dateFormat")
 		if err != nil {
 			return err
 		}
-
-		user.HideDotfiles, err = flags.GetBool("hideDotfiles")
+		user.HideDotfiles, err = getBool(flags, "hideDotfiles")
 		if err != nil {
 			return err
 		}
@@ -99,11 +96,11 @@ options you want to change.`,
 			}
 		}

-		err = st.Users.Update(user)
+		err = d.store.Users.Update(user)
 		if err != nil {
 			return err
 		}
 		printUsers([]*users.User{user})
 		return nil
-	}, storeOptions{}),
+	}, pythonConfig{}),
 }
--- a/cmd/utils.go
+++ b/cmd/utils.go
@@ -12,11 +12,8 @@ import (
 	"strings"

 	"github.com/asdine/storm/v3"
-	homedir "github.com/mitchellh/go-homedir"
-	"github.com/samber/lo"
 	"github.com/spf13/cobra"
 	"github.com/spf13/pflag"
-	"github.com/spf13/viper"
 	yaml "gopkg.in/yaml.v3"

 	"github.com/filebrowser/filebrowser/v2/settings"
@@ -24,22 +21,42 @@ import (
 	"github.com/filebrowser/filebrowser/v2/storage/bolt"
 )

-const databasePermissions = 0640
+const dbPerms = 0640

-func getAndParseFileMode(flags *pflag.FlagSet, name string) (fs.FileMode, error) {
-	mode, err := flags.GetString(name)
+func returnErr(err error) error {
+	if err != nil {
+		return err
+	}
+	return nil
+}
+
+func getString(flags *pflag.FlagSet, flag string) (string, error) {
+	s, err := flags.GetString(flag)
+	return s, returnErr(err)
+}
+
+func getMode(flags *pflag.FlagSet, flag string) (fs.FileMode, error) {
+	s, err := getString(flags, flag)
 	if err != nil {
 		return 0, err
 	}
-
-	b, err := strconv.ParseUint(mode, 0, 32)
+	b, err := strconv.ParseUint(s, 0, 32)
 	if err != nil {
 		return 0, err
 	}
-
 	return fs.FileMode(b), nil
 }

+func getBool(flags *pflag.FlagSet, flag string) (bool, error) {
+	b, err := flags.GetBool(flag)
+	return b, returnErr(err)
+}
+
+func getUint(flags *pflag.FlagSet, flag string) (uint, error) {
+	b, err := flags.GetUint(flag)
+	return b, returnErr(err)
+}
+
 func generateKey() []byte {
 	k, err := settings.GenerateKey()
 	if err != nil {
@@ -48,6 +65,20 @@ func generateKey() []byte {
 	return k
 }

+type cobraFunc func(cmd *cobra.Command, args []string) error
+type pythonFunc func(cmd *cobra.Command, args []string, data *pythonData) error
+
+type pythonConfig struct {
+	noDB      bool
+	allowNoDB bool
+}
+
+type pythonData struct {
+	hadDB bool
+	store *storage.Storage
+	err   error
+}
+
 func dbExists(path string) (bool, error) {
 	stat, err := os.Stat(path)
 	if err == nil {
@@ -58,7 +89,7 @@ func dbExists(path string) (bool, error) {
 		d := filepath.Dir(path)
 		_, err = os.Stat(d)
 		if os.IsNotExist(err) {
-			if err := os.MkdirAll(d, 0700); err != nil {
+			if err := os.MkdirAll(d, 0700); err != nil { //nolint:govet
 				return false, err
 			}
 			return false, nil
@@ -68,137 +99,42 @@ func dbExists(path string) (bool, error) {
 	return false, err
 }

-// Generate the replacements for all environment variables. This allows to
-// use FB_BRANDING_DISABLE_EXTERNAL environment variables, even when the
-// option name is branding.disableExternal.
-func generateEnvKeyReplacements(cmd *cobra.Command) []string {
-	replacements := []string{}
-
-	cmd.Flags().VisitAll(func(f *pflag.Flag) {
-		oldName := strings.ToUpper(f.Name)
-		newName := strings.ToUpper(lo.SnakeCase(f.Name))
-		replacements = append(replacements, oldName, newName)
-	})
-
-	return replacements
-}
-
-func initViper(cmd *cobra.Command) (*viper.Viper, error) {
-	v := viper.New()
-
-	// Get config file from flag
-	cfgFile, err := cmd.Flags().GetString("config")
-	if err != nil {
-		return nil, err
-	}
-
-	// Configuration file
-	if cfgFile == "" {
-		home, err := homedir.Dir()
-		if err != nil {
-			return nil, err
-		}
-		v.AddConfigPath(".")
-		v.AddConfigPath(home)
-		v.AddConfigPath("/etc/filebrowser/")
-		v.SetConfigName(".filebrowser")
-	} else {
-		v.SetConfigFile(cfgFile)
-	}
-
-	// Environment variables
-	v.SetEnvPrefix("FB")
-	v.AutomaticEnv()
-	v.SetEnvKeyReplacer(strings.NewReplacer(generateEnvKeyReplacements(cmd)...))
-
-	// Bind the flags
-	err = v.BindPFlags(cmd.Flags())
-	if err != nil {
-		return nil, err
-	}
-
-	// Read in configuration
-	if err := v.ReadInConfig(); err != nil {
-		if errors.Is(err, viper.ConfigParseError{}) {
-			return nil, err
-		}
-
-		log.Println("No config file used")
-	} else {
-		log.Printf("Using config file: %s", v.ConfigFileUsed())
-	}
-
-	// Return Viper
-	return v, nil
-}
-
-type store struct {
-	*storage.Storage
-	databaseExisted bool
-}
-
-type storeOptions struct {
-	expectsNoDatabase bool
-	allowsNoDatabase  bool
-}
-
-type cobraFunc func(cmd *cobra.Command, args []string) error
-
-// withViperAndStore initializes Viper and the storage.Store and passes them to the callback function.
-// This function should only be used by [withStore] and the root command. No other command should call
-// this function directly.
-func withViperAndStore(fn func(cmd *cobra.Command, args []string, v *viper.Viper, store *store) error, options storeOptions) cobraFunc {
+func python(fn pythonFunc, cfg pythonConfig) cobraFunc {
 	return func(cmd *cobra.Command, args []string) error {
-		v, err := initViper(cmd)
-		if err != nil {
-			return err
-		}
+		data := &pythonData{hadDB: true}

-		path, err := filepath.Abs(v.GetString("database"))
+		path := getStringParam(cmd.Flags(), "database")
+		absPath, err := filepath.Abs(path)
 		if err != nil {
-			return err
+			panic(err)
 		}
-
 		exists, err := dbExists(path)
-		switch {
-		case err != nil:
-			return err
-		case exists && options.expectsNoDatabase:
-			log.Fatal(path + " already exists")
-		case !exists && !options.expectsNoDatabase && !options.allowsNoDatabase:
-			log.Fatal(path + " does not exist. Please run 'filebrowser config init' first.")
-		case !exists && !options.expectsNoDatabase:
-			log.Println("WARNING: filebrowser.db can't be found. Initialing in " + strings.TrimSuffix(path, "filebrowser.db"))
+
+		if err != nil {
+			panic(err)
+		} else if exists && cfg.noDB {
+			log.Fatal(absPath + " already exists")
+		} else if !exists && !cfg.noDB && !cfg.allowNoDB {
+			log.Fatal(absPath + " does not exist. Please run 'filebrowser config init' first.")
+		} else if !exists && !cfg.noDB {
+			log.Println("Warning: filebrowser.db can't be found. Initialing in " + strings.TrimSuffix(absPath, "filebrowser.db"))
 		}

-		log.Println("Using database: " + path)
-
-		db, err := storm.Open(path, storm.BoltOptions(databasePermissions, nil))
+		log.Println("Using database: " + absPath)
+		data.hadDB = exists
+		db, err := storm.Open(path, storm.BoltOptions(dbPerms, nil))
 		if err != nil {
 			return err
 		}
 		defer db.Close()
-
-		storage, err := bolt.NewStorage(db)
+		data.store, err = bolt.NewStorage(db)
 		if err != nil {
 			return err
 		}
-
-		store := &store{
-			Storage:         storage,
-			databaseExisted: exists,
-		}
-
-		return fn(cmd, args, v, store)
+		return fn(cmd, args, data)
 	}
 }

-func withStore(fn func(cmd *cobra.Command, args []string, store *store) error, options storeOptions) cobraFunc {
-	return withViperAndStore(func(cmd *cobra.Command, args []string, _ *viper.Viper, store *store) error {
-		return fn(cmd, args, store)
-	}, options)
-}
-
 func marshal(filename string, data interface{}) error {
 	fd, err := os.Create(filename)
 	if err != nil {
--- a/commitlint.config.js
+++ b/commitlint.config.js
@@ -0,0 +1,34 @@
+module.exports = {
+    rules: {
+        'body-leading-blank': [1, 'always'],
+        'body-max-line-length': [2, 'always', 100],
+        'footer-leading-blank': [1, 'always'],
+        'footer-max-line-length': [2, 'always', 100],
+        'header-max-length': [2, 'always', 100],
+        'scope-case': [2, 'always', 'lower-case'],
+        'subject-case': [
+            2,
+            'never',
+            ['sentence-case', 'start-case', 'pascal-case', 'upper-case'],
+        ],
+        'subject-full-stop': [2, 'never', '.'],
+        'type-case': [2, 'always', 'lower-case'],
+        'type-empty': [2, 'never'],
+        'type-enum': [
+            2,
+            'always',
+            [
+                'feat',
+                'fix',
+                'perf',
+                'revert',
+                'refactor',
+                'build',
+                'ci',
+                'test',
+                'chore',
+                'docs',
+            ],
+        ],
+    },
+};
--- a/common.mk
+++ b/common.mk
@@ -0,0 +1,28 @@
+SHELL := /usr/bin/env bash
+DATE ?= $(shell date +%FT%T%z)
+BASE_PATH := $(shell dirname $(realpath $(lastword $(MAKEFILE_LIST))))
+VERSION ?= $(shell git describe --tags --always --match=v* 2> /dev/null || \
+           			cat $(CURDIR)/.version 2> /dev/null || echo v0)
+VERSION_HASH = $(shell git rev-parse HEAD)
+BRANCH = $(shell git rev-parse --abbrev-ref HEAD)
+
+go = GOGC=off go
+MODULE = $(shell env GO111MODULE=on go list -m)
+
+# printing
+# $Q (quiet) is used in the targets as a replacer for @.
+# This macro helps to print the command for debugging by setting V to 1. Example `make test-unit V=1`
+V = 0
+Q = $(if $(filter 1,$V),,@)
+# $M is a macro to print a colored ▶ character. Example `$(info $(M) running coverage tests…)` will print "▶ running coverage tests…"
+M = $(shell printf "\033[34;1m▶\033[0m")
+
+GREEN  := $(shell tput -Txterm setaf 2)
+YELLOW := $(shell tput -Txterm setaf 3)
+WHITE  := $(shell tput -Txterm setaf 7)
+CYAN   := $(shell tput -Txterm setaf 6)
+RESET  := $(shell tput -Txterm sgr0)
+
+define global_option
+    printf "  ${YELLOW}%-20s${GREEN}%s${RESET}\n" $(1) $(2)
+endef
--- a/diskcache/file_cache.go
+++ b/diskcache/file_cache.go
@@ -2,7 +2,7 @@ package diskcache

 import (
 	"context"
-	"crypto/sha1"
+	"crypto/sha1" //nolint:gosec
 	"encoding/hex"
 	"errors"
 	"fmt"
@@ -103,7 +103,7 @@ func (f *FileCache) getScopedLocks(key string) (lock sync.Locker) {
 }

 func (f *FileCache) getFileName(key string) string {
-	hasher := sha1.New()
+	hasher := sha1.New() //nolint:gosec
 	_, _ = hasher.Write([]byte(key))
 	hash := hex.EncodeToString(hasher.Sum(nil))
 	return fmt.Sprintf("%s/%s/%s", hash[:1], hash[1:3], hash)
--- a/diskcache/file_cache_test.go
+++ b/diskcache/file_cache_test.go
@@ -25,12 +25,12 @@ func TestFileCache(t *testing.T) {
 	// store new key
 	err := cache.Store(ctx, key, []byte(value))
 	require.NoError(t, err)
-	checkValue(ctx, t, fs, filepath.Join(cacheRoot, cachedFilePath), cache, key, value)
+	checkValue(t, ctx, fs, filepath.Join(cacheRoot, cachedFilePath), cache, key, value)

 	// update existing key
 	err = cache.Store(ctx, key, []byte(newValue))
 	require.NoError(t, err)
-	checkValue(ctx, t, fs, filepath.Join(cacheRoot, cachedFilePath), cache, key, newValue)
+	checkValue(t, ctx, fs, filepath.Join(cacheRoot, cachedFilePath), cache, key, newValue)

 	// delete key
 	err = cache.Delete(ctx, key)
@@ -40,7 +40,7 @@ func TestFileCache(t *testing.T) {
 	require.False(t, exists)
 }

-func checkValue(ctx context.Context, t *testing.T, fs afero.Fs, fileFullPath string, cache *FileCache, key, wantValue string) {
+func checkValue(t *testing.T, ctx context.Context, fs afero.Fs, fileFullPath string, cache *FileCache, key, wantValue string) { //nolint:revive
 	t.Helper()
 	// check actual file content
 	b, err := afero.ReadFile(fs, fileFullPath)
--- a/docker/common/defaults/settings.json
+++ b/docker/common/defaults/settings.json
@@ -5,4 +5,4 @@
  "log": "stdout",
  "database": "/database/filebrowser.db",
  "root": "/srv"
-}
+}
--- a/errors/errors.go
+++ b/errors/errors.go
@@ -1,8 +1,17 @@
-package fberrors
+package errors

 import (
 	"errors"
 	"fmt"
+	"os"
+	"syscall"
+)
+
+const (
+	ExitCodeSigTerm = 128 + int(syscall.SIGTERM)
+	ExitCodeSighup  = 128 + int(syscall.SIGHUP)
+	ExitCodeSigint  = 128 + int(syscall.SIGINT)
+	ExitCodeSigquit = 128 + int(syscall.SIGQUIT)
 )

 var (
@@ -22,6 +31,10 @@ var (
 	ErrInvalidRequestParams = errors.New("invalid request params")
 	ErrSourceIsParent       = errors.New("source is parent")
 	ErrRootUserDeletion     = errors.New("user with id 1 can't be deleted")
+	ErrSigTerm              = errors.New("exit on signal: sigterm")
+	ErrSighup               = errors.New("exit on signal: sighup")
+	ErrSigint               = errors.New("exit on signal: sigint")
+	ErrSigquit              = errors.New("exit on signal: sigquit")
 )

 type ErrShortPassword struct {
@@ -31,3 +44,44 @@ type ErrShortPassword struct {
 func (e ErrShortPassword) Error() string {
 	return fmt.Sprintf("password is too short, minimum length is %d", e.MinimumLength)
 }
+
+// GetExitCode returns the exit code for a given error.
+func GetExitCode(err error) int {
+	if err == nil {
+		return 0
+	}
+
+	exitCodeMap := map[error]int{
+		ErrSigTerm: ExitCodeSigTerm,
+		ErrSighup:  ExitCodeSighup,
+		ErrSigint:  ExitCodeSigint,
+		ErrSigquit: ExitCodeSigquit,
+	}
+
+	for e, code := range exitCodeMap {
+		if errors.Is(err, e) {
+			return code
+		}
+	}
+
+	if exitErr, ok := err.(interface{ ExitCode() int }); ok {
+		return exitErr.ExitCode()
+	}
+
+	var pathErr *os.PathError
+	if errors.As(err, &pathErr) {
+		return 1
+	}
+
+	var syscallErr *os.SyscallError
+	if errors.As(err, &syscallErr) {
+		return 1
+	}
+
+	var errno syscall.Errno
+	if errors.As(err, &errno) {
+		return 1
+	}
+
+	return 1
+}
--- a/files/file.go
+++ b/files/file.go
@@ -1,8 +1,8 @@
 package files

 import (
-	"crypto/md5"
-	"crypto/sha1"
+	"crypto/md5"  //nolint:gosec
+	"crypto/sha1" //nolint:gosec
 	"crypto/sha256"
 	"crypto/sha512"
 	"encoding/hex"
@@ -23,7 +23,7 @@ import (

 	"github.com/spf13/afero"

-	fberrors "github.com/filebrowser/filebrowser/v2/errors"
+	fbErrors "github.com/filebrowser/filebrowser/v2/errors"
 	"github.com/filebrowser/filebrowser/v2/rules"
 )

@@ -60,7 +60,6 @@ type FileOptions struct {
 	Modify     bool
 	Expand     bool
 	ReadHeader bool
-	CalcImgRes bool
 	Token      string
 	Checker    rules.Checker
 	Content    bool
@@ -91,13 +90,13 @@ func NewFileInfo(opts *FileOptions) (*FileInfo, error) {

 	if opts.Expand {
 		if file.IsDir {
-			if err := file.readListing(opts.Checker, opts.ReadHeader, opts.CalcImgRes); err != nil {
+			if err := file.readListing(opts.Checker, opts.ReadHeader); err != nil { //nolint:govet
 				return nil, err
 			}
 			return file, nil
 		}

-		err = file.detectType(opts.Modify, opts.Content, true, opts.CalcImgRes)
+		err = file.detectType(opts.Modify, opts.Content, true)
 		if err != nil {
 			return nil, err
 		}
@@ -169,7 +168,7 @@ func stat(opts *FileOptions) (*FileInfo, error) {
 // algorithm. The checksums data is saved on File object.
 func (i *FileInfo) Checksum(algo string) error {
 	if i.IsDir {
-		return fberrors.ErrIsDirectory
+		return fbErrors.ErrIsDirectory
 	}

 	if i.Checksums == nil {
@@ -184,6 +183,7 @@ func (i *FileInfo) Checksum(algo string) error {

 	var h hash.Hash

+	//nolint:gosec
 	switch algo {
 	case "md5":
 		h = md5.New()
@@ -194,7 +194,7 @@ func (i *FileInfo) Checksum(algo string) error {
 	case "sha512":
 		h = sha512.New()
 	default:
-		return fberrors.ErrInvalidOption
+		return fbErrors.ErrInvalidOption
 	}

 	_, err = io.Copy(h, reader)
@@ -219,7 +219,7 @@ func (i *FileInfo) RealPath() string {
 	return i.Path
 }

-func (i *FileInfo) detectType(modify, saveContent, readHeader bool, calcImgRes bool) error {
+func (i *FileInfo) detectType(modify, saveContent, readHeader bool) error {
 	if IsNamedPipe(i.Mode) {
 		i.Type = "blob"
 		return nil
@@ -250,13 +250,11 @@ func (i *FileInfo) detectType(modify, saveContent, readHeader bool, calcImgRes b
 		return nil
 	case strings.HasPrefix(mimetype, "image"):
 		i.Type = "image"
-		if calcImgRes {
-			resolution, err := calculateImageResolution(i.Fs, i.Path)
-			if err != nil {
-				log.Printf("Error calculating image resolution: %v", err)
-			} else {
-				i.Resolution = resolution
-			}
+		resolution, err := calculateImageResolution(i.Fs, i.Path)
+		if err != nil {
+			log.Printf("Error calculating image resolution: %v", err)
+		} else {
+			i.Resolution = resolution
 		}
 		return nil
 	case strings.HasSuffix(mimetype, "pdf"):
@@ -390,7 +388,7 @@ func (i *FileInfo) addSubtitle(fPath string) {
 	i.Subtitles = append(i.Subtitles, fPath)
 }

-func (i *FileInfo) readListing(checker rules.Checker, readHeader bool, calcImgRes bool) error {
+func (i *FileInfo) readListing(checker rules.Checker, readHeader bool) error {
 	afs := &afero.Afero{Fs: i.Fs}
 	dir, err := afs.ReadDir(i.Path)
 	if err != nil {
@@ -437,7 +435,7 @@ func (i *FileInfo) readListing(checker rules.Checker, readHeader bool, calcImgRe
 			currentDir: dir,
 		}

-		if !file.IsDir && strings.HasPrefix(mime.TypeByExtension(file.Extension), "image/") && calcImgRes {
+		if !file.IsDir && strings.HasPrefix(mime.TypeByExtension(file.Extension), "image/") {
 			resolution, err := calculateImageResolution(file.Fs, file.Path)
 			if err != nil {
 				log.Printf("Error calculating resolution for image %s: %v", file.Path, err)
@@ -454,7 +452,7 @@ func (i *FileInfo) readListing(checker rules.Checker, readHeader bool, calcImgRe
 			if isInvalidLink {
 				file.Type = "invalid_link"
 			} else {
-				err := file.detectType(true, false, readHeader, calcImgRes)
+				err := file.detectType(true, false, readHeader)
 				if err != nil {
 					return err
 				}
--- a/files/mime.go
+++ b/files/mime.go
@@ -600,6 +600,7 @@ var types = map[string]string{
 	".epub":      "application/epub+zip",
 }

+//nolint:gochecknoinits
 func init() {
 	for ext, typ := range types {
 		// skip errors
--- a/frontend/assets_dev.go
+++ b/frontend/assets_dev.go
@@ -0,0 +1,14 @@
+//go:build dev
+
+package frontend
+
+import (
+	"io/fs"
+	"os"
+)
+
+var assets fs.FS = os.DirFS("frontend")
+
+func Assets() fs.FS {
+	return assets
+}
--- a/frontend/index.html
+++ b/frontend/index.html
@@ -39,7 +39,6 @@
        DisableUsedPercentage: false,
        EnableExec: true,
        EnableThumbs: true,
-        LogoutPage: "",
        LoginPage: true,
        Name: "",
        NoAuth: false,
--- a/frontend/package.json
+++ b/frontend/package.json
@@ -71,5 +71,5 @@
    "vite-plugin-compression2": "^2.3.1",
    "vue-tsc": "^3.1.3"
  },
-  "packageManager": "pnpm@10.26.2+sha512.0e308ff2005fc7410366f154f625f6631ab2b16b1d2e70238444dd6ae9d630a8482d92a451144debc492416896ed16f7b114a86ec68b8404b2443869e68ffda6"
+  "packageManager": "pnpm@10.22.0+sha512.bf049efe995b28f527fd2b41ae0474ce29186f7edcb3bf545087bd61fbbebb2bf75362d1307fda09c2d288e1e499787ac12d4fcb617a974718a6051f2eee741c"
 }
--- a/frontend/pnpm-lock.yaml
+++ b/frontend/pnpm-lock.yaml
--- a/frontend/src/api/search.ts
+++ b/frontend/src/api/search.ts
@@ -1,12 +1,7 @@
-import { fetchURL, removePrefix, StatusError } from "./utils";
+import { fetchURL, removePrefix } from "./utils";
 import url from "../utils/url";

-export default async function search(
-  base: string,
-  query: string,
-  signal: AbortSignal,
-  callback: (item: ResourceItem) => void
-) {
+export default async function search(base: string, query: string) {
  base = removePrefix(base);
  query = encodeURIComponent(query);

@@ -14,60 +9,19 @@ export default async function search(
    base += "/";
  }

-  const res = await fetchURL(`/api/search${base}?query=${query}`, { signal });
-  if (!res.body) {
-    throw new StatusError("000 No connection", 0);
-  }
-  try {
-    // Try streaming approach first (modern browsers)
-    if (res.body && typeof res.body.pipeThrough === "function") {
-      const reader = res.body.pipeThrough(new TextDecoderStream()).getReader();
-      let buffer = "";
-      while (true) {
-        const { done, value } = await reader.read();
-        if (value) {
-          buffer += value;
-        }
-        const lines = buffer.split(/\n/);
-        let lastLine = lines.pop();
-        // Save incomplete last line
-        if (!lastLine) {
-          lastLine = "";
-        }
-        buffer = lastLine;
+  const res = await fetchURL(`/api/search${base}?query=${query}`, {});

-        for (const line of lines) {
-          if (line) {
-            const item = JSON.parse(line) as ResourceItem;
-            item.url = `/files${base}` + url.encodePath(item.path);
-            if (item.isDir) {
-              item.url += "/";
-            }
-            callback(item);
-          }
-        }
-        if (done) break;
-      }
-    } else {
-      // Fallback for browsers without streaming support (e.g., Safari)
-      const text = await res.text();
-      const lines = text.split(/\n/);
-      for (const line of lines) {
-        if (line) {
-          const item = JSON.parse(line) as ResourceItem;
-          item.url = `/files${base}` + url.encodePath(item.path);
-          if (item.isDir) {
-            item.url += "/";
-          }
-          callback(item);
-        }
-      }
+  let data = await res.json();
+
+  data = data.map((item: ResourceItem & { dir: boolean }) => {
+    item.url = `/files${base}` + url.encodePath(item.path);
+
+    if (item.dir) {
+      item.url += "/";
    }
-  } catch (e) {
-    // Check if the error is an intentional cancellation
-    if (e instanceof Error && e.name === "AbortError") {
-      throw new StatusError("000 No connection", 0, true);
-    }
-    throw e;
-  }
+
+    return item;
+  });
+
+  return data;
 }
--- a/frontend/src/components/ContextMenu.vue
+++ b/frontend/src/components/ContextMenu.vue
@@ -1,47 +0,0 @@
-<template>
-  <div
-    class="context-menu"
-    ref="contextMenu"
-    v-show="show"
-    :style="{
-      top: `${props.pos.y}px`,
-      left: `${left}px`,
-    }"
-  >
-    <slot />
-  </div>
-</template>
-
-<script setup lang="ts">
-import { ref, watch, computed, onUnmounted } from "vue";
-
-const emit = defineEmits(["hide"]);
-const props = defineProps<{ show: boolean; pos: { x: number; y: number } }>();
-const contextMenu = ref<HTMLElement | null>(null);
-
-const left = computed(() => {
-  return Math.min(
-    props.pos.x,
-    window.innerWidth - (contextMenu.value?.clientWidth ?? 0)
-  );
-});
-
-const hideContextMenu = () => {
-  emit("hide");
-};
-
-watch(
-  () => props.show,
-  (val) => {
-    if (val) {
-      document.addEventListener("click", hideContextMenu);
-    } else {
-      document.removeEventListener("click", hideContextMenu);
-    }
-  }
-);
-
-onUnmounted(() => {
-  document.removeEventListener("click", hideContextMenu);
-});
-</script>
--- a/frontend/src/components/ProgressBar.vue
+++ b/frontend/src/components/ProgressBar.vue
@@ -1,6 +1,3 @@
-<!-- This component taken directly from vue-simple-progress
-since it didnt support Vue 3 but the component itself does
-https://raw.githubusercontent.com/dzwillia/vue-simple-progress/master/src/components/Progress.vue -->
 <template>
  <div>
    <div
@@ -44,182 +41,164 @@ https://raw.githubusercontent.com/dzwillia/vue-simple-progress/master/src/compon
  </div>
 </template>

-<script>
-// We're leaving this untouched as you can read in the beginning
-const isNumber = function (n) {
-  return !isNaN(parseFloat(n)) && isFinite(n);
+<script setup lang="ts">
+import { computed } from "vue";
+
+const isNumber = (n: number | string): boolean => {
+  return !isNaN(parseFloat(n as string)) && isFinite(n as number);
 };

-export default {
-  name: "progress-bar",
-  props: {
-    val: {
-      default: 0,
-    },
-    max: {
-      default: 100,
-    },
-    size: {
-      // either a number (pixel width/height) or 'tiny', 'small',
-      // 'medium', 'large', 'huge', 'massive' for common sizes
-      default: 3,
-    },
-    "bg-color": {
-      type: String,
-      default: "#eee",
-    },
-    "bar-color": {
-      type: String,
-      default: "#2196f3", // match .blue color to Material Design's 'Blue 500' color
-    },
-    "bar-transition": {
-      type: String,
-      default: "all 0.5s ease",
-    },
-    "bar-border-radius": {
-      type: Number,
-      default: 0,
-    },
-    spacing: {
-      type: Number,
-      default: 4,
-    },
-    text: {
-      type: String,
-      default: "",
-    },
-    "text-align": {
-      type: String,
-      default: "center", // 'left', 'right'
-    },
-    "text-position": {
-      type: String,
-      default: "bottom", // 'bottom', 'top', 'middle', 'inside'
-    },
-    "font-size": {
-      type: Number,
-      default: 13,
-    },
-    "text-fg-color": {
-      type: String,
-      default: "#222",
-    },
-  },
-  computed: {
-    pct() {
-      let pct = (this.val / this.max) * 100;
-      pct = pct.toFixed(2);
-      return Math.min(pct, this.max);
-    },
-    size_px() {
-      switch (this.size) {
-        case "tiny":
-          return 2;
-        case "small":
-          return 4;
-        case "medium":
-          return 8;
-        case "large":
-          return 12;
-        case "big":
-          return 16;
-        case "huge":
-          return 32;
-        case "massive":
-          return 64;
-      }
+const props = withDefaults(
+  defineProps<{
+    val?: number;
+    max?: number;
+    size?: number | string;
+    bgColor?: string;
+    barColor?: string;
+    barTransition?: string;
+    barBorderRadius?: number;
+    spacing?: number;
+    text?: string;
+    textAlign?: string;
+    textPosition?: string;
+    fontSize?: number;
+    textFgColor?: string;
+  }>(),
+  {
+    val: 0,
+    max: 100,
+    size: 3,
+    bgColor: "#eee",
+    barColor: "#2196f3",
+    barTransition: "all 0.5s ease",
+    barBorderRadius: 0,
+    spacing: 4,
+    text: "",
+    textAlign: "center",
+    textPosition: "bottom",
+    fontSize: 13,
+    textFgColor: "#222",
+  }
+);

-      return isNumber(this.size) ? this.size : 32;
-    },
-    text_padding() {
-      switch (this.size) {
-        case "tiny":
-        case "small":
-        case "medium":
-        case "large":
-        case "big":
-        case "huge":
-        case "massive":
-          return Math.min(Math.max(Math.ceil(this.size_px / 8), 3), 12);
-      }
+const pct = computed(() => {
+  const pct = (props.val / props.max) * 100;
+  const pctFixed = pct.toFixed(2);
+  return Math.min(parseFloat(pctFixed), props.max);
+});

-      return isNumber(this.spacing) ? this.spacing : 4;
-    },
-    text_font_size() {
-      switch (this.size) {
-        case "tiny":
-        case "small":
-        case "medium":
-        case "large":
-        case "big":
-        case "huge":
-        case "massive":
-          return Math.min(Math.max(Math.ceil(this.size_px * 1.4), 11), 32);
-      }
+const size_px = computed(() => {
+  switch (props.size) {
+    case "tiny":
+      return 2;
+    case "small":
+      return 4;
+    case "medium":
+      return 8;
+    case "large":
+      return 12;
+    case "big":
+      return 16;
+    case "huge":
+      return 32;
+    case "massive":
+      return 64;
+  }

-      return isNumber(this.fontSize) ? this.fontSize : 13;
-    },
-    progress_style() {
-      const style = {
-        background: this.bgColor,
-      };
+  return isNumber(props.size) ? (props.size as number) : 32;
+});

-      if (this.textPosition == "middle" || this.textPosition == "inside") {
-        style["position"] = "relative";
-        style["min-height"] = this.size_px + "px";
-        style["z-index"] = "-2";
-      }
+const text_padding = computed(() => {
+  switch (props.size) {
+    case "tiny":
+    case "small":
+    case "medium":
+    case "large":
+    case "big":
+    case "huge":
+    case "massive":
+      return Math.min(Math.max(Math.ceil(size_px.value / 8), 3), 12);
+  }

-      if (this.barBorderRadius > 0) {
-        style["border-radius"] = this.barBorderRadius + "px";
-      }
+  return isNumber(props.spacing) ? props.spacing : 4;
+});

-      return style;
-    },
-    bar_style() {
-      const style = {
-        background: this.barColor,
-        width: this.pct + "%",
-        height: this.size_px + "px",
-        transition: this.barTransition,
-      };
+const text_font_size = computed(() => {
+  switch (props.size) {
+    case "tiny":
+    case "small":
+    case "medium":
+    case "large":
+    case "big":
+    case "huge":
+    case "massive":
+      return Math.min(Math.max(Math.ceil(size_px.value * 1.4), 11), 32);
+  }

-      if (this.barBorderRadius > 0) {
-        style["border-radius"] = this.barBorderRadius + "px";
-      }
+  return isNumber(props.fontSize) ? props.fontSize : 13;
+});

-      if (this.textPosition == "middle" || this.textPosition == "inside") {
-        style["position"] = "absolute";
-        style["top"] = "0";
-        style["height"] = "100%";
-        ((style["min-height"] = this.size_px + "px"),
-          (style["z-index"] = "-1"));
-      }
+const progress_style = computed(() => {
+  const style: Record<string, string> = {
+    background: props.bgColor,
+  };

-      return style;
-    },
-    text_style() {
-      const style = {
-        color: this.textFgColor,
-        "font-size": this.text_font_size + "px",
-        "text-align": this.textAlign,
-      };
+  if (props.textPosition == "middle" || props.textPosition == "inside") {
+    style["position"] = "relative";
+    style["min-height"] = size_px.value + "px";
+    style["z-index"] = "-2";
+  }

-      if (
-        this.textPosition == "top" ||
-        this.textPosition == "middle" ||
-        this.textPosition == "inside"
-      )
-        style["padding-bottom"] = this.text_padding + "px";
-      if (
-        this.textPosition == "bottom" ||
-        this.textPosition == "middle" ||
-        this.textPosition == "inside"
-      )
-        style["padding-top"] = this.text_padding + "px";
+  if (props.barBorderRadius > 0) {
+    style["border-radius"] = props.barBorderRadius + "px";
+  }

-      return style;
-    },
-  },
-};
+  return style;
+});
+
+const bar_style = computed(() => {
+  const style: Record<string, string> = {
+    background: props.barColor,
+    width: pct.value + "%",
+    height: size_px.value + "px",
+    transition: props.barTransition,
+  };
+
+  if (props.barBorderRadius > 0) {
+    style["border-radius"] = props.barBorderRadius + "px";
+  }
+
+  if (props.textPosition == "middle" || props.textPosition == "inside") {
+    style["position"] = "absolute";
+    style["top"] = "0";
+    style["height"] = "100%";
+    style["min-height"] = size_px.value + "px";
+    style["z-index"] = "-1";
+  }
+
+  return style;
+});
+
+const text_style = computed(() => {
+  const style: Record<string, string> = {
+    color: props.textFgColor,
+    "font-size": text_font_size.value + "px",
+    "text-align": props.textAlign,
+  };
+
+  if (
+    props.textPosition == "top" ||
+    props.textPosition == "middle" ||
+    props.textPosition == "inside"
+  )
+    style["padding-bottom"] = text_padding.value + "px";
+  if (
+    props.textPosition == "bottom" ||
+    props.textPosition == "middle" ||
+    props.textPosition == "inside"
+  )
+    style["padding-top"] = text_padding.value + "px";
+
+  return style;
+});
 </script>
--- a/frontend/src/components/Search.vue
+++ b/frontend/src/components/Search.vue
@@ -5,11 +5,10 @@
        v-if="active"
        class="action"
        @click="close"
-        :aria-label="closeButtonTitle"
-        :title="closeButtonTitle"
+        :aria-label="$t('buttons.close')"
+        :title="$t('buttons.close')"
      >
-        <i v-if="ongoing" class="material-icons">stop_circle</i>
-        <i v-else class="material-icons">arrow_back</i>
+        <i class="material-icons">arrow_back</i>
      </button>
      <i v-else class="material-icons">search</i>
      <input
@@ -22,15 +21,6 @@
        :aria-label="$t('search.search')"
        :placeholder="$t('search.search')"
      />
-      <i
-        v-show="ongoing"
-        class="material-icons spin"
-        style="display: inline-block"
-        >autorenew
-      </i>
-      <span style="margin-top: 5px" v-show="results.length > 0">
-        {{ results.length }}
-      </span>
    </div>

    <div id="result" ref="result">
@@ -67,6 +57,9 @@
          </li>
        </ul>
      </div>
+      <p id="renew">
+        <i class="material-icons spin">autorenew</i>
+      </p>
    </div>
  </div>
 </template>
@@ -77,11 +70,10 @@ import { useLayoutStore } from "@/stores/layout";

 import url from "@/utils/url";
 import { search } from "@/api";
-import { computed, inject, onMounted, ref, watch, onUnmounted } from "vue";
+import { computed, inject, onMounted, ref, watch } from "vue";
 import { useI18n } from "vue-i18n";
 import { useRoute } from "vue-router";
 import { storeToRefs } from "pinia";
-import { StatusError } from "@/api/utils";

 const boxes = {
  image: { label: "images", icon: "insert_photo" },
@@ -92,7 +84,6 @@ const boxes = {

 const layoutStore = useLayoutStore();
 const fileStore = useFileStore();
-let searchAbortController = new AbortController();

 const { currentPromptName } = storeToRefs(layoutStore);

@@ -133,7 +124,9 @@ watch(currentPromptName, (newVal, oldVal) => {
 });

 watch(prompt, () => {
-  reset();
+  if (results.value.length) {
+    reset();
+  }
 });

 // ...mapState(useFileStore, ["isListing"]),
@@ -156,10 +149,6 @@ const filteredResults = computed(() => {
  return results.value.slice(0, resultsCount.value);
 });

-const closeButtonTitle = computed(() => {
-  return ongoing.value ? t("buttons.stopSearch") : t("buttons.close");
-});
-
 onMounted(() => {
  if (result.value === null) {
    return;
@@ -175,23 +164,14 @@ onMounted(() => {
  });
 });

-onUnmounted(() => {
-  abortLastSearch();
-});
-
 const open = () => {
  !active.value && layoutStore.showHover("search");
 };

 const close = (event: Event) => {
-  if (ongoing.value) {
-    abortLastSearch();
-    ongoing.value = false;
-  } else {
-    event.stopPropagation();
-    event.preventDefault();
-    layoutStore.closeHovers();
-  }
+  event.stopPropagation();
+  event.preventDefault();
+  layoutStore.closeHovers();
 };

 const keyup = (event: KeyboardEvent) => {
@@ -208,16 +188,11 @@ const init = (string: string) => {
 };

 const reset = () => {
-  abortLastSearch();
  ongoing.value = false;
  resultsCount.value = 50;
  results.value = [];
 };

-const abortLastSearch = () => {
-  searchAbortController.abort();
-};
-
 const submit = async (event: Event) => {
  event.preventDefault();

@@ -233,16 +208,8 @@ const submit = async (event: Event) => {
  ongoing.value = true;

  try {
-    abortLastSearch();
-    searchAbortController = new AbortController();
-    results.value = [];
-    await search(path, prompt.value, searchAbortController.signal, (item) =>
-      results.value.push(item)
-    );
+    results.value = await search(path, prompt.value);
  } catch (error: any) {
-    if (error instanceof StatusError && error.is_canceled) {
-      return;
-    }
    $showError(error);
  }

--- a/frontend/src/components/Shell.vue
+++ b/frontend/src/components/Shell.vue
@@ -2,13 +2,13 @@
  <div
    class="shell"
    :class="{ ['shell--hidden']: !showShell }"
-    :style="{ height: `${this.shellHeight}em`, direction: 'ltr' }"
+    :style="{ height: `${shellHeight}em`, direction: 'ltr' }"
  >
    <div
      @pointerdown="startDrag()"
      @pointerup="stopDrag()"
      class="shell__divider"
-      :style="this.shellDrag ? { background: `${checkTheme()}` } : ''"
+      :style="shellDrag ? { background: `${checkTheme()}` } : ''"
    ></div>
    <div @click="focus" class="shell__content" ref="scrollable">
      <div v-for="(c, index) in content" :key="index" class="shell__result">
@@ -39,13 +39,15 @@
    <div
      @pointerup="stopDrag()"
      class="shell__overlay"
-      v-show="this.shellDrag"
+      v-show="shellDrag"
    ></div>
  </div>
 </template>

-<script>
-import { mapState, mapActions } from "pinia";
+<script setup lang="ts">
+import { ref, computed, onMounted, onBeforeUnmount } from "vue";
+import { storeToRefs } from "pinia";
+import { useRoute } from "vue-router";
 import { useFileStore } from "@/stores/file";
 import { useLayoutStore } from "@/stores/layout";

@@ -53,142 +55,164 @@ import { commands } from "@/api";
 import { throttle } from "lodash-es";
 import { theme } from "@/utils/constants";

-export default {
-  name: "shell",
-  computed: {
-    ...mapState(useLayoutStore, ["showShell"]),
-    ...mapState(useFileStore, ["isFiles"]),
-    path: function () {
-      if (this.isFiles) {
-        return this.$route.path;
-      }
+const route = useRoute();

-      return "";
-    },
-  },
-  data: () => ({
-    content: [],
-    history: [],
-    historyPos: 0,
-    canInput: true,
-    shellDrag: false,
-    shellHeight: 25,
-    fontsize: parseFloat(getComputedStyle(document.documentElement).fontSize),
-  }),
-  mounted() {
-    window.addEventListener("resize", this.resize);
-  },
-  beforeUnmount() {
-    window.removeEventListener("resize", this.resize);
-  },
-  methods: {
-    ...mapActions(useLayoutStore, ["toggleShell"]),
-    checkTheme() {
-      if (theme == "dark") {
-        return "rgba(255, 255, 255, 0.4)";
-      }
-      return "rgba(127, 127, 127, 0.4)";
-    },
-    startDrag() {
-      document.addEventListener("pointermove", this.handleDrag);
-      this.shellDrag = true;
-    },
-    stopDrag() {
-      document.removeEventListener("pointermove", this.handleDrag);
-      this.shellDrag = false;
-    },
-    handleDrag: throttle(function (event) {
-      const top = window.innerHeight / this.fontsize - 4;
-      const userPos = (window.innerHeight - event.clientY) / this.fontsize;
-      const bottom =
-        2.25 +
-        document.querySelector(".shell__divider").offsetHeight / this.fontsize;
+const fileStore = useFileStore();
+const layoutStore = useLayoutStore();

-      if (userPos <= top && userPos >= bottom) {
-        this.shellHeight = userPos.toFixed(2);
-      }
-    }, 32),
-    resize: throttle(function () {
-      const top = window.innerHeight / this.fontsize - 4;
-      const bottom =
-        2.25 +
-        document.querySelector(".shell__divider").offsetHeight / this.fontsize;
+const { showShell } = storeToRefs(layoutStore);
+const { isFiles } = storeToRefs(fileStore);
+const { toggleShell } = layoutStore;

-      if (this.shellHeight > top) {
-        this.shellHeight = top;
-      } else if (this.shellHeight < bottom) {
-        this.shellHeight = bottom;
-      }
-    }, 32),
-    scroll: function () {
-      this.$refs.scrollable.scrollTop = this.$refs.scrollable.scrollHeight;
-    },
-    focus: function () {
-      this.$refs.input.focus();
-    },
-    historyUp() {
-      if (this.historyPos > 0) {
-        this.$refs.input.innerText = this.history[--this.historyPos];
-        this.focus();
-      }
-    },
-    historyDown() {
-      if (this.historyPos >= 0 && this.historyPos < this.history.length - 1) {
-        this.$refs.input.innerText = this.history[++this.historyPos];
-        this.focus();
-      } else {
-        this.historyPos = this.history.length;
-        this.$refs.input.innerText = "";
-      }
-    },
-    submit: function (event) {
-      const cmd = event.target.innerText.trim();
+const scrollable = ref<HTMLElement | null>(null);
+const input = ref<HTMLElement | null>(null);

-      if (cmd === "") {
-        return;
-      }
+const content = ref<Array<{ text: string }>>([]);
+const history = ref<string[]>([]);
+const historyPos = ref(0);
+const canInput = ref(true);
+const shellDrag = ref(false);
+const shellHeight = ref(25);
+const fontsize = ref(
+  parseFloat(getComputedStyle(document.documentElement).fontSize)
+);

-      if (cmd === "clear") {
-        this.content = [];
-        event.target.innerHTML = "";
-        return;
-      }
+const path = computed(() => {
+  if (isFiles.value) {
+    return route.path;
+  }
+  return "";
+});

-      if (cmd === "exit") {
-        event.target.innerHTML = "";
-        this.toggleShell();
-        return;
-      }
-
-      this.canInput = false;
-      event.target.innerHTML = "";
-
-      const results = {
-        text: `${cmd}\n\n`,
-      };
-
-      this.history.push(cmd);
-      this.historyPos = this.history.length;
-      this.content.push(results);
-
-      commands(
-        this.path,
-        cmd,
-        (event) => {
-          results.text += `${event.data}\n`;
-          this.scroll();
-        },
-        () => {
-          results.text = results.text
-
-            .replace(/\u001b\[[0-9;]+m/g, "") // Filter ANSI color for now
-            .trimEnd();
-          this.canInput = true;
-          this.$refs.input.focus();
-          this.scroll();
-        }
-      );
-    },
-  },
+const checkTheme = () => {
+  if (theme == "dark") {
+    return "rgba(255, 255, 255, 0.4)";
+  }
+  return "rgba(127, 127, 127, 0.4)";
 };
+
+const scroll = () => {
+  if (scrollable.value) {
+    scrollable.value.scrollTop = scrollable.value.scrollHeight;
+  }
+};
+
+const focus = () => {
+  input.value?.focus();
+};
+
+const handleDrag = throttle((event: PointerEvent) => {
+  const top = window.innerHeight / fontsize.value - 4;
+  const userPos = (window.innerHeight - event.clientY) / fontsize.value;
+  const divider = document.querySelector(".shell__divider") as HTMLElement;
+  const bottom = 2.25 + (divider?.offsetHeight ?? 0) / fontsize.value;
+
+  if (userPos <= top && userPos >= bottom) {
+    shellHeight.value = parseFloat(userPos.toFixed(2));
+  }
+}, 32);
+
+const resize = throttle(() => {
+  const top = window.innerHeight / fontsize.value - 4;
+  const divider = document.querySelector(".shell__divider") as HTMLElement;
+  const bottom = 2.25 + (divider?.offsetHeight ?? 0) / fontsize.value;
+
+  if (shellHeight.value > top) {
+    shellHeight.value = top;
+  } else if (shellHeight.value < bottom) {
+    shellHeight.value = bottom;
+  }
+}, 32);
+
+const startDrag = () => {
+  document.addEventListener("pointermove", handleDrag as any);
+  shellDrag.value = true;
+};
+
+const stopDrag = () => {
+  document.removeEventListener("pointermove", handleDrag as any);
+  shellDrag.value = false;
+};
+
+const historyUp = () => {
+  if (historyPos.value > 0 && input.value) {
+    historyPos.value--;
+    input.value.innerText = history.value[historyPos.value];
+    focus();
+  }
+};
+
+const historyDown = () => {
+  if (
+    historyPos.value >= 0 &&
+    historyPos.value < history.value.length - 1 &&
+    input.value
+  ) {
+    historyPos.value++;
+    input.value.innerText = history.value[historyPos.value];
+    focus();
+  } else {
+    historyPos.value = history.value.length;
+    if (input.value) {
+      input.value.innerText = "";
+    }
+  }
+};
+
+const submit = (event: Event) => {
+  const target = event.target as HTMLElement;
+  const cmd = target.innerText.trim();
+
+  if (cmd === "") {
+    return;
+  }
+
+  if (cmd === "clear") {
+    content.value = [];
+    target.innerHTML = "";
+    return;
+  }
+
+  if (cmd === "exit") {
+    target.innerHTML = "";
+    toggleShell();
+    return;
+  }
+
+  canInput.value = false;
+  target.innerHTML = "";
+
+  const results = {
+    text: `${cmd}\n\n`,
+  };
+
+  history.value.push(cmd);
+  historyPos.value = history.value.length;
+  content.value.push(results);
+
+  commands(
+    path.value,
+    cmd,
+    (event: MessageEvent) => {
+      results.text += `${event.data}\n`;
+      scroll();
+    },
+    () => {
+      results.text = results.text
+        .replace(/\u001b\[[0-9;]+m/g, "") // Filter ANSI color for now
+        .trimEnd();
+      canInput.value = true;
+      input.value?.focus();
+      scroll();
+    }
+  );
+};
+
+onMounted(() => {
+  window.addEventListener("resize", resize as any);
+});
+
+onBeforeUnmount(() => {
+  window.removeEventListener("resize", resize as any);
+});
 </script>
--- a/frontend/src/components/Sidebar.vue
+++ b/frontend/src/components/Sidebar.vue
@@ -4,7 +4,7 @@
    <template v-if="isLoggedIn">
      <button @click="toAccountSettings" class="action">
        <i class="material-icons">person</i>
-        <span>{{ user.username }}</span>
+        <span>{{ user?.username }}</span>
      </button>
      <button
        class="action"
@@ -16,7 +16,7 @@
        <span>{{ $t("sidebar.myFiles") }}</span>
      </button>

-      <div v-if="user.perm.create">
+      <div v-if="user?.perm.create">
        <button
          @click="showHover('newDir')"
          class="action"
@@ -38,7 +38,7 @@
        </button>
      </div>

-      <div v-if="user.perm.admin">
+      <div v-if="user?.perm.admin">
        <button
          class="action"
          @click="toGlobalSettings"
@@ -63,7 +63,6 @@
    </template>
    <template v-else>
      <router-link
-        v-if="!hideLoginButton"
        class="action"
        to="/login"
        :aria-label="$t('sidebar.login')"
@@ -114,9 +113,10 @@
  </nav>
 </template>

-<script>
-import { reactive } from "vue";
-import { mapActions, mapState } from "pinia";
+<script setup lang="ts">
+import { reactive, ref, computed, watch, onUnmounted } from "vue";
+import { storeToRefs } from "pinia";
+import { useRoute, useRouter } from "vue-router";
 import { useAuthStore } from "@/stores/auth";
 import { useFileStore } from "@/stores/file";
 import { useLayoutStore } from "@/stores/layout";
@@ -125,11 +125,9 @@ import * as auth from "@/utils/auth";
 import {
  version,
  signup,
-  hideLoginButton,
  disableExternal,
  disableUsedPercentage,
  noAuth,
-  logoutPage,
  loginPage,
 } from "@/utils/constants";
 import { files as api } from "@/api";
@@ -138,85 +136,85 @@ import prettyBytes from "pretty-bytes";

 const USAGE_DEFAULT = { used: "0 B", total: "0 B", usedPercentage: 0 };

-export default {
-  name: "sidebar",
-  setup() {
-    const usage = reactive(USAGE_DEFAULT);
-    return { usage, usageAbortController: new AbortController() };
-  },
-  components: {
-    ProgressBar,
-  },
-  inject: ["$showError"],
-  computed: {
-    ...mapState(useAuthStore, ["user", "isLoggedIn"]),
-    ...mapState(useFileStore, ["isFiles", "reload"]),
-    ...mapState(useLayoutStore, ["currentPromptName"]),
-    active() {
-      return this.currentPromptName === "sidebar";
-    },
-    signup: () => signup,
-    hideLoginButton: () => hideLoginButton,
-    version: () => version,
-    disableExternal: () => disableExternal,
-    disableUsedPercentage: () => disableUsedPercentage,
-    canLogout: () => !noAuth && (loginPage || logoutPage !== "/login"),
-  },
-  methods: {
-    ...mapActions(useLayoutStore, ["closeHovers", "showHover"]),
-    abortOngoingFetchUsage() {
-      this.usageAbortController.abort();
-    },
-    async fetchUsage() {
-      const path = this.$route.path.endsWith("/")
-        ? this.$route.path
-        : this.$route.path + "/";
-      let usageStats = USAGE_DEFAULT;
-      if (this.disableUsedPercentage) {
-        return Object.assign(this.usage, usageStats);
-      }
-      try {
-        this.abortOngoingFetchUsage();
-        this.usageAbortController = new AbortController();
-        const usage = await api.usage(path, this.usageAbortController.signal);
-        usageStats = {
-          used: prettyBytes(usage.used, { binary: true }),
-          total: prettyBytes(usage.total, { binary: true }),
-          usedPercentage: Math.round((usage.used / usage.total) * 100),
-        };
-      } finally {
-        return Object.assign(this.usage, usageStats);
-      }
-    },
-    toRoot() {
-      this.$router.push({ path: "/files" });
-      this.closeHovers();
-    },
-    toAccountSettings() {
-      this.$router.push({ path: "/settings/profile" });
-      this.closeHovers();
-    },
-    toGlobalSettings() {
-      this.$router.push({ path: "/settings/global" });
-      this.closeHovers();
-    },
-    help() {
-      this.showHover("help");
-    },
-    logout: auth.logout,
-  },
-  watch: {
-    $route: {
-      handler(to) {
-        if (to.path.includes("/files")) {
-          this.fetchUsage();
-        }
-      },
-      immediate: true,
-    },
-  },
-  unmounted() {
-    this.abortOngoingFetchUsage();
-  },
+const route = useRoute();
+const router = useRouter();
+
+const authStore = useAuthStore();
+const fileStore = useFileStore();
+const layoutStore = useLayoutStore();
+
+const { user, isLoggedIn } = storeToRefs(authStore);
+const { isFiles } = storeToRefs(fileStore);
+const { currentPromptName } = storeToRefs(layoutStore);
+const { closeHovers, showHover } = layoutStore;
+
+const usage = reactive(USAGE_DEFAULT);
+const usageAbortController = ref(new AbortController());
+
+const active = computed(() => {
+  return currentPromptName.value === "sidebar";
+});
+
+const canLogout = !noAuth && loginPage;
+
+const abortOngoingFetchUsage = () => {
+  usageAbortController.value.abort();
 };
+
+const fetchUsage = async () => {
+  const path = route.path.endsWith("/") ? route.path : route.path + "/";
+  let usageStats = USAGE_DEFAULT;
+  if (disableUsedPercentage) {
+    return Object.assign(usage, usageStats);
+  }
+  try {
+    abortOngoingFetchUsage();
+    usageAbortController.value = new AbortController();
+    const usageData = await api.usage(path, usageAbortController.value.signal);
+    usageStats = {
+      used: prettyBytes(usageData.used, { binary: true }),
+      total: prettyBytes(usageData.total, { binary: true }),
+      usedPercentage: Math.round((usageData.used / usageData.total) * 100),
+    };
+  } finally {
+    return Object.assign(usage, usageStats);
+  }
+};
+
+const toRoot = () => {
+  router.push({ path: "/files" });
+  closeHovers();
+};
+
+const toAccountSettings = () => {
+  router.push({ path: "/settings/profile" });
+  closeHovers();
+};
+
+const toGlobalSettings = () => {
+  router.push({ path: "/settings/global" });
+  closeHovers();
+};
+
+const help = () => {
+  showHover("help");
+};
+
+const logout = () => {
+  auth.logout();
+};
+
+watch(
+  () => route.path,
+  (newPath) => {
+    if (newPath.includes("/files")) {
+      fetchUsage();
+    }
+  },
+  { immediate: true }
+);
+
+onUnmounted(() => {
+  abortOngoingFetchUsage();
+});
 </script>
--- a/frontend/src/components/files/CsvViewer.vue
+++ b/frontend/src/components/files/CsvViewer.vue
@@ -1,252 +0,0 @@
-<template>
-  <div class="csv-viewer">
-    <div v-if="displayError" class="csv-error">
-      <i class="material-icons">error</i>
-      <p>{{ displayError }}</p>
-    </div>
-    <div v-else-if="data.headers.length === 0" class="csv-empty">
-      <i class="material-icons">description</i>
-      <p>{{ $t("files.lonely") }}</p>
-    </div>
-    <div v-else class="csv-table-container" @wheel.stop @touchmove.stop>
-      <table class="csv-table">
-        <thead>
-          <tr>
-            <th v-for="(header, index) in data.headers" :key="index">
-              {{ header || `Column ${index + 1}` }}
-            </th>
-          </tr>
-        </thead>
-        <tbody>
-          <tr v-for="(row, rowIndex) in data.rows" :key="rowIndex">
-            <td v-for="(cell, cellIndex) in row" :key="cellIndex">
-              {{ cell }}
-            </td>
-          </tr>
-        </tbody>
-      </table>
-      <div class="csv-footer">
-        <div class="csv-info" v-if="data.rows.length > 100">
-          <i class="material-icons">info</i>
-          <span>
-            {{ $t("files.showingRows", { count: data.rows.length }) }}</span
-          >
-        </div>
-        <div class="column-separator">
-          <label for="columnSeparator">{{ $t("files.columnSeparator") }}</label>
-          <select
-            id="columnSeparator"
-            class="input input--block"
-            v-model="columnSeparator"
-          >
-            <option :value="[',']">
-              {{ $t("files.csvSeparators.comma") }}
-            </option>
-            <option :value="[';']">
-              {{ $t("files.csvSeparators.semicolon") }}
-            </option>
-            <option :value="[',', ';']">
-              {{ $t("files.csvSeparators.both") }}
-            </option>
-          </select>
-        </div>
-      </div>
-    </div>
-  </div>
-</template>
-
-<script setup lang="ts">
-import { parseCSV, type CsvData } from "@/utils/csv";
-import { computed, ref } from "vue";
-
-interface Props {
-  content: string;
-  error?: string;
-}
-
-const props = withDefaults(defineProps<Props>(), {
-  error: "",
-});
-
-const columnSeparator = ref([","]);
-
-const data = computed<CsvData>(() => {
-  try {
-    return parseCSV(props.content, columnSeparator.value);
-  } catch (e) {
-    console.error("Failed to parse CSV:", e);
-    return { headers: [], rows: [] };
-  }
-});
-
-const displayError = computed(() => {
-  // External error takes priority (e.g., file too large)
-  if (props.error) {
-    return props.error;
-  }
-  // Check for parse errors
-  if (
-    props.content &&
-    props.content.trim().length > 0 &&
-    data.value.headers.length === 0
-  ) {
-    return "Failed to parse CSV file";
-  }
-  return null;
-});
-</script>
-
-<style scoped>
-.csv-viewer {
-  width: 100%;
-  height: 100%;
-  display: flex;
-  flex-direction: column;
-  background-color: var(--surfacePrimary);
-  color: var(--textSecondary);
-  padding: 1rem;
-  padding-top: 4em;
-  box-sizing: border-box;
-}
-
-.csv-error,
-.csv-empty {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  height: 100%;
-  gap: 1rem;
-  color: var(--textPrimary);
-}
-
-.csv-error i,
-.csv-empty i {
-  font-size: 4rem;
-  opacity: 0.5;
-}
-
-.csv-error p,
-.csv-empty p {
-  font-size: 1.1rem;
-  margin: 0;
-}
-
-.csv-table-container {
-  flex: 1;
-  overflow: auto;
-  background-color: var(--surfacePrimary);
-  border-radius: 4px;
-  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
-}
-
-/* Scrollbar styling for better visibility */
-.csv-table-container::-webkit-scrollbar {
-  width: 12px;
-  height: 12px;
-}
-
-.csv-table-container::-webkit-scrollbar-track {
-  background: var(--background);
-  border-radius: 4px;
-}
-
-.csv-table-container::-webkit-scrollbar-thumb {
-  background: var(--borderSecondary);
-  border-radius: 4px;
-}
-
-.csv-table-container::-webkit-scrollbar-thumb:hover {
-  background: var(--textPrimary);
-}
-
-.csv-table {
-  width: 100%;
-  border-collapse: collapse;
-  font-size: 0.875rem;
-  background-color: var(--surfacePrimary);
-}
-
-.csv-table thead {
-  position: sticky;
-  top: 0;
-  z-index: 10;
-  background-color: var(--surfaceSecondary);
-}
-
-.csv-table th {
-  padding: 0.875rem 1rem;
-  text-align: left;
-  font-weight: 600;
-  border-bottom: 2px solid var(--borderSecondary);
-  background-color: var(--surfaceSecondary);
-  white-space: nowrap;
-  color: var(--textSecondary);
-  font-size: 0.875rem;
-}
-
-.csv-table td {
-  padding: 0.75rem 1rem;
-  text-align: left;
-  border-bottom: 1px solid var(--borderPrimary);
-  white-space: nowrap;
-  max-width: 400px;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  color: var(--textSecondary);
-}
-
-.csv-table tbody tr:nth-child(even) {
-  background-color: var(--background);
-}
-
-.csv-table tbody tr:hover {
-  background-color: var(--hover);
-  transition: background-color 0.15s ease;
-}
-
-.csv-footer {
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  gap: 1rem;
-  padding: 0.5rem;
-}
-
-.csv-footer > :only-child {
-  margin-left: auto;
-}
-
-.csv-info {
-  display: flex;
-  align-items: center;
-  gap: 0.5rem;
-  padding: 0.75rem 1rem;
-  margin-top: 0.5rem;
-  background-color: var(--surfaceSecondary);
-  border-radius: 4px;
-  border-left: 3px solid var(--blue);
-  color: var(--textSecondary);
-  font-size: 0.875rem;
-}
-
-.column-separator {
-  display: flex;
-  align-items: center;
-  gap: 0.5rem;
-}
-
-.column-separator > label {
-  font-size: small;
-  text-align: end;
-}
-
-.column-separator > select {
-  margin-bottom: 0;
-}
-
-.csv-info i {
-  font-size: 1.2rem;
-  color: var(--blue);
-}
-</style>
--- a/frontend/src/components/files/ListingItem.vue
+++ b/frontend/src/components/files/ListingItem.vue
@@ -20,7 +20,6 @@
    :aria-label="name"
    :aria-selected="isSelected"
    :data-ext="getExtension(name).toLowerCase()"
-    @contextmenu="contextMenu"
  >
    <div>
      <img
@@ -240,17 +239,6 @@ const itemClick = (event: Event | KeyboardEvent) => {
  else click(event);
 };

-const contextMenu = (event: MouseEvent) => {
-  event.preventDefault();
-  if (
-    fileStore.selected.length === 0 ||
-    event.ctrlKey ||
-    fileStore.selected.indexOf(props.index) === -1
-  ) {
-    click(event);
-  }
-};
-
 const click = (event: Event | KeyboardEvent) => {
  if (!singleClick.value && fileStore.selectedCount !== 0)
    event.preventDefault();
@@ -265,15 +253,7 @@ const click = (event: Event | KeyboardEvent) => {
  }

  if (fileStore.selected.indexOf(props.index) !== -1) {
-    if (
-      (event as KeyboardEvent).ctrlKey ||
-      (event as KeyboardEvent).metaKey ||
-      fileStore.multiple
-    ) {
-      fileStore.removeSelected(props.index);
-    } else {
-      fileStore.selected = [props.index];
-    }
+    fileStore.removeSelected(props.index);
    return;
  }

@@ -299,6 +279,7 @@ const click = (event: Event | KeyboardEvent) => {
  }

  if (
+    !singleClick.value &&
    !(event as KeyboardEvent).ctrlKey &&
    !(event as KeyboardEvent).metaKey &&
    !fileStore.multiple
--- a/frontend/src/components/prompts/Copy.vue
+++ b/frontend/src/components/prompts/Copy.vue
@@ -8,7 +8,7 @@
      <p>{{ $t("prompts.copyMessage") }}</p>
      <file-list
        ref="fileList"
-        @update:selected="(val) => (dest = val)"
+        @update:selected="(val: string) => (dest = val)"
        tabindex="1"
      />
    </div>
@@ -17,10 +17,10 @@
      class="card-action"
      style="display: flex; align-items: center; justify-content: space-between"
    >
-      <template v-if="user.perm.create">
+      <template v-if="user?.perm.create">
        <button
          class="button button--flat"
-          @click="$refs.fileList.createDir()"
+          @click="fileList?.createDir()"
          :aria-label="$t('sidebar.newFolder')"
          :title="$t('sidebar.newFolder')"
          style="justify-self: left"
@@ -53,8 +53,10 @@
  </div>
 </template>

-<script>
-import { mapActions, mapState, mapWritableState } from "pinia";
+<script setup lang="ts">
+import { ref, inject } from "vue";
+import { storeToRefs } from "pinia";
+import { useRoute, useRouter } from "vue-router";
 import { useFileStore } from "@/stores/file";
 import { useLayoutStore } from "@/stores/layout";
 import { useAuthStore } from "@/stores/auth";
@@ -64,90 +66,84 @@ import buttons from "@/utils/buttons";
 import * as upload from "@/utils/upload";
 import { removePrefix } from "@/api/utils";

-export default {
-  name: "copy",
-  components: { FileList },
-  data: function () {
-    return {
-      current: window.location.pathname,
-      dest: null,
-    };
-  },
-  inject: ["$showError"],
-  computed: {
-    ...mapState(useFileStore, ["req", "selected"]),
-    ...mapState(useAuthStore, ["user"]),
-    ...mapWritableState(useFileStore, ["reload", "preselect"]),
-  },
-  methods: {
-    ...mapActions(useLayoutStore, ["showHover", "closeHovers"]),
-    copy: async function (event) {
-      event.preventDefault();
-      const items = [];
+const route = useRoute();
+const router = useRouter();
+const $showError = inject<(error: unknown) => void>("$showError");

-      // Create a new promise for each file.
-      for (const item of this.selected) {
-        items.push({
-          from: this.req.items[item].url,
-          to: this.dest + encodeURIComponent(this.req.items[item].name),
-          name: this.req.items[item].name,
-        });
-      }
+const fileStore = useFileStore();
+const layoutStore = useLayoutStore();
+const authStore = useAuthStore();

-      const action = async (overwrite, rename) => {
-        buttons.loading("copy");
+const { req, selected } = storeToRefs(fileStore);
+const { user } = storeToRefs(authStore);
+const { showHover, closeHovers } = layoutStore;

-        await api
-          .copy(items, overwrite, rename)
-          .then(() => {
-            buttons.success("copy");
-            this.preselect = removePrefix(items[0].to);
+const fileList = ref<InstanceType<typeof FileList> | null>(null);
+const dest = ref<string | null>(null);

-            if (this.$route.path === this.dest) {
-              this.reload = true;
+const copy = async (event: Event) => {
+  event.preventDefault();
+  const items: Array<{ from: string; to: string; name: string }> = [];

-              return;
-            }
+  // Create a new promise for each file.
+  for (const item of selected.value) {
+    items.push({
+      from: req.value!.items[item].url,
+      to: dest.value! + encodeURIComponent(req.value!.items[item].name),
+      name: req.value!.items[item].name,
+    });
+  }

-            this.$router.push({ path: this.dest });
-          })
-          .catch((e) => {
-            buttons.done("copy");
-            this.$showError(e);
-          });
-      };
+  const action = async (overwrite: boolean, rename: boolean) => {
+    buttons.loading("copy");

-      if (this.$route.path === this.dest) {
-        this.closeHovers();
-        action(false, true);
+    await api
+      .copy(items, overwrite, rename)
+      .then(() => {
+        buttons.success("copy");
+        fileStore.preselect = removePrefix(items[0].to);

-        return;
-      }
+        if (route.path === dest.value) {
+          fileStore.reload = true;
+          return;
+        }

-      const dstItems = (await api.fetch(this.dest)).items;
-      const conflict = upload.checkConflict(items, dstItems);
+        router.push({ path: dest.value! });
+      })
+      .catch((e) => {
+        buttons.done("copy");
+        $showError?.(e);
+      });
+  };

-      let overwrite = false;
-      let rename = false;
+  if (route.path === dest.value) {
+    closeHovers();
+    action(false, true);
+    return;
+  }

-      if (conflict) {
-        this.showHover({
-          prompt: "replace-rename",
-          confirm: (event, option) => {
-            overwrite = option == "overwrite";
-            rename = option == "rename";
+  const dstItems = (await api.fetch(dest.value!)).items;
+  const conflict = upload.checkConflict(items as any, dstItems);

-            event.preventDefault();
-            this.closeHovers();
-            action(overwrite, rename);
-          },
-        });
+  let overwrite = false;
+  let rename = false;

-        return;
-      }
+  if (conflict) {
+    showHover({
+      prompt: "replace-rename",
+      confirm: (event: Event, option: string) => {
+        overwrite = option == "overwrite";
+        rename = option == "rename";

-      action(overwrite, rename);
-    },
-  },
+        event.preventDefault();
+        closeHovers();
+        action(overwrite, rename);
+      },
+    });
+
+    return;
+  }
+
+  action(overwrite, rename);
 };
 </script>
--- a/frontend/src/components/prompts/CreateFilePath.vue
+++ b/frontend/src/components/prompts/CreateFilePath.vue
@@ -18,7 +18,7 @@
 </template>

 <script setup lang="ts">
-import { ref, computed, watch, nextTick } from "vue";
+import { ref, computed, watch, nextTick, defineProps } from "vue";
 import { useRoute } from "vue-router";
 import { useFileStore } from "@/stores/file";
 import url from "@/utils/url";
--- a/frontend/src/components/prompts/Delete.vue
+++ b/frontend/src/components/prompts/Delete.vue
@@ -1,7 +1,7 @@
 <template>
  <div class="card floating">
    <div class="card-content">
-      <p v-if="!this.isListing || selectedCount === 1">
+      <p v-if="!isListing || selectedCount === 1">
        {{ $t("prompts.deleteMessageSingle") }}
      </p>
      <p v-else>
@@ -32,67 +32,62 @@
  </div>
 </template>

-<script>
-import { mapActions, mapState, mapWritableState } from "pinia";
+<script setup lang="ts">
+import { inject } from "vue";
+import { storeToRefs } from "pinia";
+import { useRoute } from "vue-router";
 import { files as api } from "@/api";
 import buttons from "@/utils/buttons";
 import { useFileStore } from "@/stores/file";
 import { useLayoutStore } from "@/stores/layout";

-export default {
-  name: "delete",
-  inject: ["$showError"],
-  computed: {
-    ...mapState(useFileStore, [
-      "isListing",
-      "selectedCount",
-      "req",
-      "selected",
-    ]),
-    ...mapState(useLayoutStore, ["currentPrompt"]),
-    ...mapWritableState(useFileStore, ["reload", "preselect"]),
-  },
-  methods: {
-    ...mapActions(useLayoutStore, ["closeHovers"]),
-    submit: async function () {
-      buttons.loading("delete");
+const route = useRoute();
+const $showError = inject<(error: unknown) => void>("$showError");

-      try {
-        if (!this.isListing) {
-          await api.remove(this.$route.path);
-          buttons.success("delete");
+const fileStore = useFileStore();
+const layoutStore = useLayoutStore();

-          this.currentPrompt?.confirm();
-          this.closeHovers();
-          return;
-        }
+const { isListing, selectedCount, req, selected } = storeToRefs(fileStore);
+const { currentPrompt } = storeToRefs(layoutStore);
+const { closeHovers } = layoutStore;

-        this.closeHovers();
+const submit = async () => {
+  buttons.loading("delete");

-        if (this.selectedCount === 0) {
-          return;
-        }
+  try {
+    if (!isListing.value) {
+      await api.remove(route.path);
+      buttons.success("delete");

-        const promises = [];
-        for (const index of this.selected) {
-          promises.push(api.remove(this.req.items[index].url));
-        }
+      currentPrompt.value?.confirm();
+      closeHovers();
+      return;
+    }

-        await Promise.all(promises);
-        buttons.success("delete");
+    closeHovers();

-        const nearbyItem =
-          this.req.items[Math.max(0, Math.min(this.selected) - 1)];
+    if (selectedCount.value === 0) {
+      return;
+    }

-        this.preselect = nearbyItem?.path;
+    const promises = [];
+    for (const index of selected.value) {
+      promises.push(api.remove(req.value!.items[index].url));
+    }

-        this.reload = true;
-      } catch (e) {
-        buttons.done("delete");
-        this.$showError(e);
-        if (this.isListing) this.reload = true;
-      }
-    },
-  },
+    await Promise.all(promises);
+    buttons.success("delete");
+
+    const nearbyItem =
+      req.value!.items[Math.max(0, Math.min(...selected.value) - 1)];
+
+    fileStore.preselect = nearbyItem?.path;
+
+    fileStore.reload = true;
+  } catch (e) {
+    buttons.done("delete");
+    $showError?.(e);
+    if (isListing.value) fileStore.reload = true;
+  }
 };
 </script>
--- a/frontend/src/components/prompts/DeleteUser.vue
+++ b/frontend/src/components/prompts/DeleteUser.vue
@@ -33,8 +33,4 @@ import { useI18n } from "vue-i18n";
 const layoutStore = useLayoutStore();

 const { t } = useI18n();
-
-// const emit = defineEmits<{
-//   (e: "confirm"): void;
-// }>();
 </script>
--- a/frontend/src/components/prompts/DiscardEditorChanges.vue
+++ b/frontend/src/components/prompts/DiscardEditorChanges.vue
@@ -17,7 +17,7 @@
      </button>
      <button
        class="button button--flat button--blue"
-        @click="currentPrompt.saveAction"
+        @click="currentPrompt?.saveAction"
        :aria-label="$t('buttons.saveChanges')"
        :title="$t('buttons.saveChanges')"
        tabindex="1"
@@ -26,7 +26,7 @@
      </button>
      <button
        id="focus-prompt"
-        @click="currentPrompt.confirm"
+        @click="currentPrompt?.confirm"
        class="button button--flat button--red"
        :aria-label="$t('buttons.discardChanges')"
        :title="$t('buttons.discardChanges')"
@@ -38,17 +38,11 @@
  </div>
 </template>

-<script>
+<script setup lang="ts">
+import { storeToRefs } from "pinia";
 import { useLayoutStore } from "@/stores/layout";
-import { mapActions, mapState } from "pinia";

-export default {
-  name: "discardEditorChanges",
-  computed: {
-    ...mapState(useLayoutStore, ["currentPrompt"]),
-  },
-  methods: {
-    ...mapActions(useLayoutStore, ["closeHovers"]),
-  },
-};
+const layoutStore = useLayoutStore();
+const { currentPrompt } = storeToRefs(layoutStore);
+const { closeHovers } = layoutStore;
 </script>
--- a/frontend/src/components/prompts/FileList.vue
+++ b/frontend/src/components/prompts/FileList.vue
@@ -24,8 +24,10 @@
  </div>
 </template>

-<script>
-import { mapState, mapActions } from "pinia";
+<script setup lang="ts">
+import { ref, computed, inject, onMounted, onUnmounted } from "vue";
+import { storeToRefs } from "pinia";
+import { useRoute } from "vue-router";
 import { useAuthStore } from "@/stores/auth";
 import { useFileStore } from "@/stores/file";
 import { useLayoutStore } from "@/stores/layout";
@@ -34,147 +36,162 @@ import url from "@/utils/url";
 import { files } from "@/api";
 import { StatusError } from "@/api/utils.js";

-export default {
-  name: "file-list",
-  props: {
-    exclude: {
-      type: Array,
-      default: () => [],
-    },
-  },
-  data: function () {
-    return {
-      items: [],
-      touches: {
-        id: "",
-        count: 0,
-      },
-      selected: null,
-      current: window.location.pathname,
-      nextAbortController: new AbortController(),
-    };
-  },
-  inject: ["$showError"],
-  computed: {
-    ...mapState(useAuthStore, ["user"]),
-    ...mapState(useFileStore, ["req"]),
-    nav() {
-      return decodeURIComponent(this.current);
-    },
-  },
-  mounted() {
-    this.fillOptions(this.req);
-  },
-  unmounted() {
-    this.abortOngoingNext();
-  },
-  methods: {
-    ...mapActions(useLayoutStore, ["showHover"]),
-    abortOngoingNext() {
-      this.nextAbortController.abort();
-    },
-    fillOptions(req) {
-      // Sets the current path and resets
-      // the current items.
-      this.current = req.url;
-      this.items = [];
+const props = defineProps<{
+  exclude?: string[];
+}>();

-      this.$emit("update:selected", this.current);
+const emit = defineEmits<{
+  "update:selected": [value: string];
+}>();

-      // If the path isn't the root path,
-      // show a button to navigate to the previous
-      // directory.
-      if (req.url !== "/files/") {
-        this.items.push({
-          name: "..",
-          url: url.removeLastDir(req.url) + "/",
-        });
-      }
+const route = useRoute();
+const $showError = inject<(error: unknown) => void>("$showError");

-      // If this folder is empty, finish here.
-      if (req.items === null) return;
+const authStore = useAuthStore();
+const fileStore = useFileStore();
+const layoutStore = useLayoutStore();

-      // Otherwise we add every directory to the
-      // move options.
-      for (const item of req.items) {
-        if (!item.isDir) continue;
-        if (this.exclude?.includes(item.url)) continue;
+const { user } = storeToRefs(authStore);
+const { req } = storeToRefs(fileStore);
+const { showHover } = layoutStore;

-        this.items.push({
-          name: item.name,
-          url: item.url,
-        });
-      }
-    },
-    next: function (event) {
-      // Retrieves the URL of the directory the user
-      // just clicked in and fill the options with its
-      // content.
-      const uri = event.currentTarget.dataset.url;
-      this.abortOngoingNext();
-      this.nextAbortController = new AbortController();
-      files
-        .fetch(uri, this.nextAbortController.signal)
-        .then(this.fillOptions)
-        .catch((e) => {
-          if (e instanceof StatusError && e.is_canceled) {
-            return;
-          }
-          this.$showError(e);
-        });
-    },
-    touchstart(event) {
-      const url = event.currentTarget.dataset.url;
+const items = ref<Array<{ name: string; url: string }>>([]);
+const touches = ref({
+  id: "",
+  count: 0,
+});
+const selected = ref<string | null>(null);
+const current = ref(window.location.pathname);
+const nextAbortController = ref(new AbortController());

-      // In 300 milliseconds, we shall reset the count.
-      setTimeout(() => {
-        this.touches.count = 0;
-      }, 300);
+const nav = computed(() => {
+  return decodeURIComponent(current.value);
+});

-      // If the element the user is touching
-      // is different from the last one he touched,
-      // reset the count.
-      if (this.touches.id !== url) {
-        this.touches.id = url;
-        this.touches.count = 1;
-        return;
-      }
-
-      this.touches.count++;
-
-      // If there is more than one touch already,
-      // open the next screen.
-      if (this.touches.count > 1) {
-        this.next(event);
-      }
-    },
-    itemClick: function (event) {
-      if (this.user.singleClick) this.next(event);
-      else this.select(event);
-    },
-    select: function (event) {
-      // If the element is already selected, unselect it.
-      if (this.selected === event.currentTarget.dataset.url) {
-        this.selected = null;
-        this.$emit("update:selected", this.current);
-        return;
-      }
-
-      // Otherwise select the element.
-      this.selected = event.currentTarget.dataset.url;
-      this.$emit("update:selected", this.selected);
-    },
-    createDir: async function () {
-      this.showHover({
-        prompt: "newDir",
-        action: null,
-        confirm: null,
-        props: {
-          redirect: false,
-          base: this.current === this.$route.path ? null : this.current,
-        },
-      });
-    },
-  },
+const abortOngoingNext = () => {
+  nextAbortController.value.abort();
 };
+
+const fillOptions = (reqData: any) => {
+  // Sets the current path and resets
+  // the current items.
+  current.value = reqData.url;
+  items.value = [];
+
+  emit("update:selected", current.value);
+
+  // If the path isn't the root path,
+  // show a button to navigate to the previous
+  // directory.
+  if (reqData.url !== "/files/") {
+    items.value.push({
+      name: "..",
+      url: url.removeLastDir(reqData.url) + "/",
+    });
+  }
+
+  // If this folder is empty, finish here.
+  if (reqData.items === null) return;
+
+  // Otherwise we add every directory to the
+  // move options.
+  for (const item of reqData.items) {
+    if (!item.isDir) continue;
+    if (props.exclude?.includes(item.url)) continue;
+
+    items.value.push({
+      name: item.name,
+      url: item.url,
+    });
+  }
+};
+
+const next = (event: Event) => {
+  // Retrieves the URL of the directory the user
+  // just clicked in and fill the options with its
+  // content.
+  const uri = (event.currentTarget as HTMLElement).dataset.url!;
+  abortOngoingNext();
+  nextAbortController.value = new AbortController();
+  files
+    .fetch(uri, nextAbortController.value.signal)
+    .then(fillOptions)
+    .catch((e) => {
+      if (e instanceof StatusError && e.is_canceled) {
+        return;
+      }
+      $showError?.(e);
+    });
+};
+
+const touchstart = (event: Event) => {
+  const urlValue = (event.currentTarget as HTMLElement).dataset.url!;
+
+  // In 300 milliseconds, we shall reset the count.
+  setTimeout(() => {
+    touches.value.count = 0;
+  }, 300);
+
+  // If the element the user is touching
+  // is different from the last one he touched,
+  // reset the count.
+  if (touches.value.id !== urlValue) {
+    touches.value.id = urlValue;
+    touches.value.count = 1;
+    return;
+  }
+
+  touches.value.count++;
+
+  // If there is more than one touch already,
+  // open the next screen.
+  if (touches.value.count > 1) {
+    next(event);
+  }
+};
+
+const itemClick = (event: Event) => {
+  if (user.value?.singleClick) next(event);
+  else select(event);
+};
+
+const select = (event: Event) => {
+  const urlValue = (event.currentTarget as HTMLElement).dataset.url!;
+  // If the element is already selected, unselect it.
+  if (selected.value === urlValue) {
+    selected.value = null;
+    emit("update:selected", current.value);
+    return;
+  }
+
+  // Otherwise select the element.
+  selected.value = urlValue;
+  emit("update:selected", selected.value);
+};
+
+const createDir = async () => {
+  showHover({
+    prompt: "newDir",
+    action: undefined,
+    confirm: undefined,
+    props: {
+      redirect: false,
+      base: current.value === route.path ? null : current.value,
+    },
+  });
+};
+
+onMounted(() => {
+  if (req.value) {
+    fillOptions(req.value);
+  }
+});
+
+onUnmounted(() => {
+  abortOngoingNext();
+});
+
+defineExpose({
+  createDir,
+});
 </script>
--- a/frontend/src/components/prompts/Help.vue
+++ b/frontend/src/components/prompts/Help.vue
@@ -34,14 +34,8 @@
  </div>
 </template>

-<script>
-import { mapActions } from "pinia";
+<script setup lang="ts">
 import { useLayoutStore } from "@/stores/layout";

-export default {
-  name: "help",
-  methods: {
-    ...mapActions(useLayoutStore, ["closeHovers"]),
-  },
-};
+const { closeHovers } = useLayoutStore();
 </script>
--- a/frontend/src/components/prompts/Info.vue
+++ b/frontend/src/components/prompts/Info.vue
@@ -29,10 +29,10 @@

      <template v-if="dir && selected.length === 0">
        <p>
-          <strong>{{ $t("prompts.numberFiles") }}:</strong> {{ req.numFiles }}
+          <strong>{{ $t("prompts.numberFiles") }}:</strong> {{ req?.numFiles }}
        </p>
        <p>
-          <strong>{{ $t("prompts.numberDirs") }}:</strong> {{ req.numDirs }}
+          <strong>{{ $t("prompts.numberDirs") }}:</strong> {{ req?.numDirs }}
        </p>
      </template>

@@ -99,98 +99,100 @@
  </div>
 </template>

-<script>
-import { mapActions, mapState } from "pinia";
+<script setup lang="ts">
+import { computed, inject } from "vue";
+import { storeToRefs } from "pinia";
+import { useRoute } from "vue-router";
 import { useFileStore } from "@/stores/file";
 import { useLayoutStore } from "@/stores/layout";
 import { filesize } from "@/utils";
 import dayjs from "dayjs";
 import { files as api } from "@/api";

-export default {
-  name: "info",
-  inject: ["$showError"],
-  computed: {
-    ...mapState(useFileStore, [
-      "req",
-      "selected",
-      "selectedCount",
-      "isListing",
-    ]),
-    humanSize: function () {
-      if (this.selectedCount === 0 || !this.isListing) {
-        return filesize(this.req.size);
-      }
+const route = useRoute();
+const $showError = inject<(error: unknown) => void>("$showError");

-      let sum = 0;
+const fileStore = useFileStore();
+const layoutStore = useLayoutStore();

-      for (const selected of this.selected) {
-        sum += this.req.items[selected].size;
-      }
+const { req, selected, selectedCount, isListing } = storeToRefs(fileStore);
+const { closeHovers } = layoutStore;

-      return filesize(sum);
-    },
-    humanTime: function () {
-      if (this.selectedCount === 0) {
-        return dayjs(this.req.modified).fromNow();
-      }
+const humanSize = computed(() => {
+  if (selectedCount.value === 0 || !isListing.value) {
+    return filesize(req.value?.size ?? 0);
+  }

-      return dayjs(this.req.items[this.selected[0]].modified).fromNow();
-    },
-    modTime: function () {
-      if (this.selectedCount === 0) {
-        return new Date(Date.parse(this.req.modified)).toLocaleString();
-      }
+  let sum = 0;

-      return new Date(
-        Date.parse(this.req.items[this.selected[0]].modified)
-      ).toLocaleString();
-    },
-    name: function () {
-      return this.selectedCount === 0
-        ? this.req.name
-        : this.req.items[this.selected[0]].name;
-    },
-    dir: function () {
-      return (
-        this.selectedCount > 1 ||
-        (this.selectedCount === 0
-          ? this.req.isDir
-          : this.req.items[this.selected[0]].isDir)
-      );
-    },
-    resolution: function () {
-      if (this.selectedCount === 1) {
-        const selectedItem = this.req.items[this.selected[0]];
-        if (selectedItem && selectedItem.type === "image") {
-          return selectedItem.resolution;
-        }
-      } else if (this.req && this.req.type === "image") {
-        return this.req.resolution;
-      }
-      return null;
-    },
-  },
-  methods: {
-    ...mapActions(useLayoutStore, ["closeHovers"]),
-    checksum: async function (event, algo) {
-      event.preventDefault();
+  for (const selectedIdx of selected.value) {
+    sum += req.value?.items[selectedIdx]?.size ?? 0;
+  }

-      let link;
+  return filesize(sum);
+});

-      if (this.selectedCount) {
-        link = this.req.items[this.selected[0]].url;
-      } else {
-        link = this.$route.path;
-      }
+const humanTime = computed(() => {
+  if (selectedCount.value === 0) {
+    return dayjs(req.value?.modified).fromNow();
+  }

-      try {
-        const hash = await api.checksum(link, algo);
-        event.target.textContent = hash;
-      } catch (e) {
-        this.$showError(e);
-      }
-    },
-  },
+  return dayjs(req.value?.items[selected.value[0]]?.modified).fromNow();
+});
+
+const modTime = computed(() => {
+  if (selectedCount.value === 0) {
+    return new Date(Date.parse(req.value?.modified ?? "")).toLocaleString();
+  }
+
+  return new Date(
+    Date.parse(req.value?.items[selected.value[0]]?.modified ?? "")
+  ).toLocaleString();
+});
+
+const name = computed(() => {
+  return selectedCount.value === 0
+    ? (req.value?.name ?? "")
+    : (req.value?.items[selected.value[0]]?.name ?? "");
+});
+
+const dir = computed(() => {
+  return (
+    selectedCount.value > 1 ||
+    (selectedCount.value === 0
+      ? (req.value?.isDir ?? false)
+      : (req.value?.items[selected.value[0]]?.isDir ?? false))
+  );
+});
+
+const resolution = computed(() => {
+  if (selectedCount.value === 1) {
+    const selectedItem = req.value?.items[selected.value[0]];
+    if (selectedItem && selectedItem.type === "image") {
+      return (selectedItem as any).resolution;
+    }
+  } else if (req.value && req.value.type === "image") {
+    return (req.value as any).resolution;
+  }
+  return null;
+});
+
+const checksum = async (event: Event, algo: string) => {
+  event.preventDefault();
+
+  let link;
+
+  if (selectedCount.value) {
+    link = req.value?.items[selected.value[0]]?.url ?? "";
+  } else {
+    link = route.path;
+  }
+
+  try {
+    const hash = await api.checksum(link, algo as any);
+    (event.target as HTMLElement).textContent = hash;
+  } catch (e) {
+    $showError?.(e);
+  }
 };
 </script>
--- a/frontend/src/components/prompts/Move.vue
+++ b/frontend/src/components/prompts/Move.vue
@@ -5,10 +5,9 @@
    </div>

    <div class="card-content">
-      <p>{{ $t("prompts.moveMessage") }}</p>
      <file-list
        ref="fileList"
-        @update:selected="(val) => (dest = val)"
+        @update:selected="(val: string) => (dest = val)"
        :exclude="excludedFolders"
        tabindex="1"
      />
@@ -18,10 +17,10 @@
      class="card-action"
      style="display: flex; align-items: center; justify-content: space-between"
    >
-      <template v-if="user.perm.create">
+      <template v-if="user?.perm.create">
        <button
          class="button button--flat"
-          @click="$refs.fileList.createDir()"
+          @click="fileList?.createDir()"
          :aria-label="$t('sidebar.newFolder')"
          :title="$t('sidebar.newFolder')"
          style="justify-self: left"
@@ -55,8 +54,10 @@
  </div>
 </template>

-<script>
-import { mapActions, mapState, mapWritableState } from "pinia";
+<script setup lang="ts">
+import { ref, computed, inject } from "vue";
+import { storeToRefs } from "pinia";
+import { useRouter } from "vue-router";
 import { useFileStore } from "@/stores/file";
 import { useLayoutStore } from "@/stores/layout";
 import { useAuthStore } from "@/stores/auth";
@@ -66,80 +67,76 @@ import buttons from "@/utils/buttons";
 import * as upload from "@/utils/upload";
 import { removePrefix } from "@/api/utils";

-export default {
-  name: "move",
-  components: { FileList },
-  data: function () {
-    return {
-      current: window.location.pathname,
-      dest: null,
-    };
-  },
-  inject: ["$showError"],
-  computed: {
-    ...mapState(useFileStore, ["req", "selected"]),
-    ...mapState(useAuthStore, ["user"]),
-    ...mapWritableState(useFileStore, ["preselect"]),
-    excludedFolders() {
-      return this.selected
-        .filter((idx) => this.req.items[idx].isDir)
-        .map((idx) => this.req.items[idx].url);
-    },
-  },
-  methods: {
-    ...mapActions(useLayoutStore, ["showHover", "closeHovers"]),
-    move: async function (event) {
-      event.preventDefault();
-      const items = [];
+const router = useRouter();
+const $showError = inject<(error: unknown) => void>("$showError");

-      for (const item of this.selected) {
-        items.push({
-          from: this.req.items[item].url,
-          to: this.dest + encodeURIComponent(this.req.items[item].name),
-          name: this.req.items[item].name,
-        });
-      }
+const fileStore = useFileStore();
+const layoutStore = useLayoutStore();
+const authStore = useAuthStore();

-      const action = async (overwrite, rename) => {
-        buttons.loading("move");
+const { req, selected } = storeToRefs(fileStore);
+const { user } = storeToRefs(authStore);
+const { showHover, closeHovers } = layoutStore;

-        await api
-          .move(items, overwrite, rename)
-          .then(() => {
-            buttons.success("move");
-            this.preselect = removePrefix(items[0].to);
-            this.$router.push({ path: this.dest });
-          })
-          .catch((e) => {
-            buttons.done("move");
-            this.$showError(e);
-          });
-      };
+const fileList = ref<InstanceType<typeof FileList> | null>(null);
+const dest = ref<string | null>(null);

-      const dstItems = (await api.fetch(this.dest)).items;
-      const conflict = upload.checkConflict(items, dstItems);
+const excludedFolders = computed(() => {
+  return selected.value
+    .filter((idx) => req.value!.items[idx].isDir)
+    .map((idx) => req.value!.items[idx].url);
+});

-      let overwrite = false;
-      let rename = false;
+const move = async (event: Event) => {
+  event.preventDefault();
+  const items: Array<{ from: string; to: string; name: string }> = [];

-      if (conflict) {
-        this.showHover({
-          prompt: "replace-rename",
-          confirm: (event, option) => {
-            overwrite = option == "overwrite";
-            rename = option == "rename";
+  for (const item of selected.value) {
+    items.push({
+      from: req.value!.items[item].url,
+      to: dest.value! + encodeURIComponent(req.value!.items[item].name),
+      name: req.value!.items[item].name,
+    });
+  }

-            event.preventDefault();
-            this.closeHovers();
-            action(overwrite, rename);
-          },
-        });
+  const action = async (overwrite: boolean, rename: boolean) => {
+    buttons.loading("move");

-        return;
-      }
+    await api
+      .move(items, overwrite, rename)
+      .then(() => {
+        buttons.success("move");
+        fileStore.preselect = removePrefix(items[0].to);
+        router.push({ path: dest.value! });
+      })
+      .catch((e) => {
+        buttons.done("move");
+        $showError?.(e);
+      });
+  };

-      action(overwrite, rename);
-    },
-  },
+  const dstItems = (await api.fetch(dest.value!)).items;
+  const conflict = upload.checkConflict(items as any, dstItems);
+
+  let overwrite = false;
+  let rename = false;
+
+  if (conflict) {
+    showHover({
+      prompt: "replace-rename",
+      confirm: (event: Event, option: string) => {
+        overwrite = option == "overwrite";
+        rename = option == "rename";
+
+        event.preventDefault();
+        closeHovers();
+        action(overwrite, rename);
+      },
+    });
+
+    return;
+  }
+
+  action(overwrite, rename);
 };
 </script>
--- a/frontend/src/components/prompts/Rename.vue
+++ b/frontend/src/components/prompts/Rename.vue
@@ -40,80 +40,74 @@
  </div>
 </template>

-<script>
-import { mapActions, mapState, mapWritableState } from "pinia";
+<script setup lang="ts">
+import { ref, onMounted, inject } from "vue";
+import { storeToRefs } from "pinia";
+import { useRouter } from "vue-router";
 import { useFileStore } from "@/stores/file";
 import { useLayoutStore } from "@/stores/layout";
 import url from "@/utils/url";
 import { files as api } from "@/api";
 import { removePrefix } from "@/api/utils";

-export default {
-  name: "rename",
-  data: function () {
-    return {
-      name: "",
-    };
-  },
-  created() {
-    this.name = this.oldName();
-  },
-  inject: ["$showError"],
-  computed: {
-    ...mapState(useFileStore, [
-      "req",
-      "selected",
-      "selectedCount",
-      "isListing",
-    ]),
-    ...mapWritableState(useFileStore, ["reload", "preselect"]),
-  },
-  methods: {
-    ...mapActions(useLayoutStore, ["closeHovers"]),
-    cancel: function () {
-      this.closeHovers();
-    },
-    oldName: function () {
-      if (!this.isListing) {
-        return this.req.name;
-      }
+const router = useRouter();
+const $showError = inject<(error: unknown) => void>("$showError");

-      if (this.selectedCount === 0 || this.selectedCount > 1) {
-        // This shouldn't happen.
-        return;
-      }
+const fileStore = useFileStore();
+const layoutStore = useLayoutStore();

-      return this.req.items[this.selected[0]].name;
-    },
-    submit: async function () {
-      let oldLink = "";
-      let newLink = "";
+const { req, selected, selectedCount, isListing } = storeToRefs(fileStore);
+const { closeHovers } = layoutStore;

-      if (!this.isListing) {
-        oldLink = this.req.url;
-      } else {
-        oldLink = this.req.items[this.selected[0]].url;
-      }
+const name = ref("");

-      newLink =
-        url.removeLastDir(oldLink) + "/" + encodeURIComponent(this.name);
+const oldName = (): string => {
+  if (!isListing.value) {
+    return req.value?.name ?? "";
+  }

-      try {
-        await api.move([{ from: oldLink, to: newLink }]);
-        if (!this.isListing) {
-          this.$router.push({ path: newLink });
-          return;
-        }
+  if (selectedCount.value === 0 || selectedCount.value > 1) {
+    // This shouldn't happen.
+    return "";
+  }

-        this.preselect = removePrefix(newLink);
+  return req.value?.items[selected.value[0]].name ?? "";
+};

-        this.reload = true;
-      } catch (e) {
-        this.$showError(e);
-      }
+onMounted(() => {
+  name.value = oldName();
+});

-      this.closeHovers();
-    },
-  },
+const submit = async () => {
+  let oldLink = "";
+  let newLink = "";
+
+  if (!req.value) {
+    return;
+  }
+
+  if (!isListing.value) {
+    oldLink = req.value.url;
+  } else {
+    oldLink = req.value.items[selected.value[0]].url;
+  }
+
+  newLink = url.removeLastDir(oldLink) + "/" + encodeURIComponent(name.value);
+
+  try {
+    await api.move([{ from: oldLink, to: newLink }]);
+    if (!isListing.value) {
+      router.push({ path: newLink });
+      return;
+    }
+
+    fileStore.preselect = removePrefix(newLink);
+
+    fileStore.reload = true;
+  } catch (e) {
+    $showError?.(e);
+  }
+
+  closeHovers();
 };
 </script>
--- a/frontend/src/components/prompts/Replace.vue
+++ b/frontend/src/components/prompts/Replace.vue
@@ -20,7 +20,7 @@
      </button>
      <button
        class="button button--flat button--blue"
-        @click="currentPrompt.action"
+        @click="currentPrompt?.action"
        :aria-label="$t('buttons.continue')"
        :title="$t('buttons.continue')"
        tabindex="2"
@@ -30,7 +30,7 @@
      <button
        id="focus-prompt"
        class="button button--flat button--red"
-        @click="currentPrompt.confirm"
+        @click="currentPrompt?.confirm"
        :aria-label="$t('buttons.replace')"
        :title="$t('buttons.replace')"
        tabindex="1"
@@ -41,17 +41,11 @@
  </div>
 </template>

-<script>
-import { mapActions, mapState } from "pinia";
+<script setup lang="ts">
+import { storeToRefs } from "pinia";
 import { useLayoutStore } from "@/stores/layout";

-export default {
-  name: "replace",
-  computed: {
-    ...mapState(useLayoutStore, ["currentPrompt"]),
-  },
-  methods: {
-    ...mapActions(useLayoutStore, ["closeHovers"]),
-  },
-};
+const layoutStore = useLayoutStore();
+const { currentPrompt } = storeToRefs(layoutStore);
+const { closeHovers } = layoutStore;
 </script>
--- a/frontend/src/components/prompts/ReplaceRename.vue
+++ b/frontend/src/components/prompts/ReplaceRename.vue
@@ -20,7 +20,7 @@
      </button>
      <button
        class="button button--flat button--blue"
-        @click="(event) => currentPrompt.confirm(event, 'rename')"
+        @click="(event) => currentPrompt?.confirm(event, 'rename')"
        :aria-label="$t('buttons.rename')"
        :title="$t('buttons.rename')"
        tabindex="2"
@@ -30,7 +30,7 @@
      <button
        id="focus-prompt"
        class="button button--flat button--red"
-        @click="(event) => currentPrompt.confirm(event, 'overwrite')"
+        @click="(event) => currentPrompt?.confirm(event, 'overwrite')"
        :aria-label="$t('buttons.replace')"
        :title="$t('buttons.replace')"
        tabindex="1"
@@ -41,17 +41,11 @@
  </div>
 </template>

-<script>
-import { mapActions, mapState } from "pinia";
+<script setup lang="ts">
+import { storeToRefs } from "pinia";
 import { useLayoutStore } from "@/stores/layout";

-export default {
-  name: "replace-rename",
-  computed: {
-    ...mapState(useLayoutStore, ["currentPrompt"]),
-  },
-  methods: {
-    ...mapActions(useLayoutStore, ["closeHovers"]),
-  },
-};
+const layoutStore = useLayoutStore();
+const { currentPrompt } = storeToRefs(layoutStore);
+const { closeHovers } = layoutStore;
 </script>
--- a/frontend/src/components/prompts/Share.vue
+++ b/frontend/src/components/prompts/Share.vue
@@ -12,7 +12,6 @@
            <th>{{ $t("settings.shareDuration") }}</th>
            <th></th>
            <th></th>
-            <th></th>
          </tr>

          <tr v-for="link in links" :key="link.hash">
@@ -25,7 +24,7 @@
            </td>
            <td class="small">
              <button
-                class="action"
+                class="action copy-clipboard"
                :aria-label="$t('buttons.copyToClipboard')"
                :title="$t('buttons.copyToClipboard')"
                @click="copyToClipboard(buildLink(link))"
@@ -33,17 +32,6 @@
                <i class="material-icons">content_paste</i>
              </button>
            </td>
-            <td class="small">
-              <button
-                class="action"
-                :aria-label="$t('buttons.copyDownloadLinkToClipboard')"
-                :title="$t('buttons.copyDownloadLinkToClipboard')"
-                :disabled="!!link.password_hash"
-                @click="copyToClipboard(buildDownloadLink(link))"
-              >
-                <i class="material-icons">content_paste_go</i>
-              </button>
-            </td>
            <td class="small">
              <button
                class="action"
@@ -141,152 +129,146 @@
  </div>
 </template>

-<script>
-import { mapActions, mapState } from "pinia";
+<script setup lang="ts">
+import { ref, computed, inject, onBeforeMount } from "vue";
+import { storeToRefs } from "pinia";
+import { useRoute } from "vue-router";
+import { useI18n } from "vue-i18n";
 import { useFileStore } from "@/stores/file";
-import * as api from "@/api/index";
+import { share as api } from "@/api";
 import dayjs from "dayjs";
 import { useLayoutStore } from "@/stores/layout";
 import { copy } from "@/utils/clipboard";

-export default {
-  name: "share",
-  data: function () {
-    return {
-      time: 0,
-      unit: "hours",
-      links: [],
-      clip: null,
-      password: "",
-      listing: true,
-    };
-  },
-  inject: ["$showError", "$showSuccess"],
-  computed: {
-    ...mapState(useFileStore, [
-      "req",
-      "selected",
-      "selectedCount",
-      "isListing",
-    ]),
-    url() {
-      if (!this.isListing) {
-        return this.$route.path;
-      }
+const route = useRoute();
+const { t } = useI18n();
+const $showError = inject<(error: unknown) => void>("$showError");
+const $showSuccess = inject<(message: string) => void>("$showSuccess");

-      if (this.selectedCount === 0 || this.selectedCount > 1) {
-        // This shouldn't happen.
-        return;
-      }
+const fileStore = useFileStore();
+const layoutStore = useLayoutStore();

-      return this.req.items[this.selected[0]].url;
+const { req, selected, selectedCount, isListing } = storeToRefs(fileStore);
+const { closeHovers } = layoutStore;
+
+const time = ref(0);
+const unit = ref("hours");
+const links = ref<any[]>([]);
+const password = ref("");
+const listing = ref(true);
+
+const url = computed(() => {
+  if (!isListing.value) {
+    return route.path;
+  }
+
+  if (selectedCount.value === 0 || selectedCount.value > 1) {
+    // This shouldn't happen.
+    return "";
+  }
+
+  return req.value?.items[selected.value[0]].url ?? "";
+});
+
+const copyToClipboard = (text: string) => {
+  copy({ text }).then(
+    () => {
+      // clipboard successfully set
+      $showSuccess?.(t("success.linkCopied"));
    },
-  },
-  async beforeMount() {
-    try {
-      const links = await api.share.get(this.url);
-      this.links = links;
-      this.sort();
-
-      if (this.links.length == 0) {
-        this.listing = false;
-      }
-    } catch (e) {
-      this.$showError(e);
-    }
-  },
-  methods: {
-    ...mapActions(useLayoutStore, ["closeHovers"]),
-    copyToClipboard: function (text) {
-      copy({ text }).then(
+    () => {
+      // clipboard write failed
+      copy({ text }, { permission: true }).then(
        () => {
          // clipboard successfully set
-          this.$showSuccess(this.$t("success.linkCopied"));
+          $showSuccess?.(t("success.linkCopied"));
        },
-        () => {
+        (e) => {
          // clipboard write failed
-          copy({ text }, { permission: true }).then(
-            () => {
-              // clipboard successfully set
-              this.$showSuccess(this.$t("success.linkCopied"));
-            },
-            (e) => {
-              // clipboard write failed
-              this.$showError(e);
-            }
-          );
+          $showError?.(e);
        }
      );
-    },
-    submit: async function () {
-      try {
-        let res = null;
-
-        if (!this.time) {
-          res = await api.share.create(this.url, this.password);
-        } else {
-          res = await api.share.create(
-            this.url,
-            this.password,
-            this.time,
-            this.unit
-          );
-        }
-
-        this.links.push(res);
-        this.sort();
-
-        this.time = 0;
-        this.unit = "hours";
-        this.password = "";
-
-        this.listing = true;
-      } catch (e) {
-        this.$showError(e);
-      }
-    },
-    deleteLink: async function (event, link) {
-      event.preventDefault();
-      try {
-        await api.share.remove(link.hash);
-        this.links = this.links.filter((item) => item.hash !== link.hash);
-
-        if (this.links.length == 0) {
-          this.listing = false;
-        }
-      } catch (e) {
-        this.$showError(e);
-      }
-    },
-    humanTime(time) {
-      return dayjs(time * 1000).fromNow();
-    },
-    buildLink(share) {
-      return api.share.getShareURL(share);
-    },
-    buildDownloadLink(share) {
-      return api.pub.getDownloadURL(
-        {
-          hash: share.hash,
-          path: "",
-        },
-        true
-      );
-    },
-    sort() {
-      this.links = this.links.sort((a, b) => {
-        if (a.expire === 0) return -1;
-        if (b.expire === 0) return 1;
-        return new Date(a.expire) - new Date(b.expire);
-      });
-    },
-    switchListing() {
-      if (this.links.length == 0 && !this.listing) {
-        this.closeHovers();
-      }
-
-      this.listing = !this.listing;
-    },
-  },
+    }
+  );
 };
+
+const submit = async () => {
+  try {
+    let res = null;
+
+    if (!time.value) {
+      res = await api.create(url.value, password.value);
+    } else {
+      res = await api.create(
+        url.value,
+        password.value,
+        String(time.value),
+        unit.value
+      );
+    }
+
+    links.value.push(res);
+    sort();
+
+    time.value = 0;
+    unit.value = "hours";
+    password.value = "";
+
+    listing.value = true;
+  } catch (e) {
+    $showError?.(e);
+  }
+};
+
+const deleteLink = async (event: Event, link: any) => {
+  event.preventDefault();
+  try {
+    await api.remove(link.hash);
+    links.value = links.value.filter((item) => item.hash !== link.hash);
+
+    if (links.value.length == 0) {
+      listing.value = false;
+    }
+  } catch (e) {
+    $showError?.(e);
+  }
+};
+
+const humanTime = (time: number) => {
+  return dayjs(time * 1000).fromNow();
+};
+
+const buildLink = (share: any) => {
+  return api.getShareURL(share);
+};
+
+const sort = () => {
+  links.value = links.value.sort((a, b) => {
+    if (a.expire === 0) return -1;
+    if (b.expire === 0) return 1;
+    return new Date(a.expire).getTime() - new Date(b.expire).getTime();
+  });
+};
+
+const switchListing = () => {
+  if (links.value.length == 0 && !listing.value) {
+    closeHovers();
+  }
+
+  listing.value = !listing.value;
+};
+
+onBeforeMount(async () => {
+  try {
+    const fetchedLinks = await api.get(url.value);
+    links.value = Array.isArray(fetchedLinks) ? fetchedLinks : [fetchedLinks];
+    sort();
+
+    if (links.value.length == 0) {
+      listing.value = false;
+    }
+  } catch (e) {
+    $showError?.(e);
+  }
+});
 </script>
--- a/frontend/src/components/prompts/ShareDelete.vue
+++ b/frontend/src/components/prompts/ShareDelete.vue
@@ -27,20 +27,15 @@
  </div>
 </template>

-<script>
-import { mapActions, mapState } from "pinia";
+<script setup lang="ts">
+import { storeToRefs } from "pinia";
 import { useLayoutStore } from "@/stores/layout";

-export default {
-  name: "share-delete",
-  computed: {
-    ...mapState(useLayoutStore, ["currentPrompt"]),
-  },
-  methods: {
-    ...mapActions(useLayoutStore, ["closeHovers"]),
-    submit: function () {
-      this.currentPrompt?.confirm();
-    },
-  },
+const layoutStore = useLayoutStore();
+const { currentPrompt } = storeToRefs(layoutStore);
+const { closeHovers } = layoutStore;
+
+const submit = () => {
+  currentPrompt.value?.confirm();
 };
 </script>
--- a/frontend/src/components/settings/Commands.vue
+++ b/frontend/src/components/settings/Commands.vue
@@ -8,23 +8,27 @@
  </div>
 </template>

-<script>
-export default {
-  name: "permissions",
-  props: ["commands"],
-  computed: {
-    raw: {
-      get() {
-        return this.commands.join(" ");
-      },
-      set(value) {
-        if (value !== "") {
-          this.$emit("update:commands", value.split(" "));
-        } else {
-          this.$emit("update:commands", []);
-        }
-      },
-    },
+<script setup lang="ts">
+import { computed } from "vue";
+
+const props = defineProps<{
+  commands: string[];
+}>();
+
+const emit = defineEmits<{
+  "update:commands": [commands: string[]];
+}>();
+
+const raw = computed({
+  get() {
+    return props.commands.join(" ");
  },
-};
+  set(value: string) {
+    if (value !== "") {
+      emit("update:commands", value.split(" "));
+    } else {
+      emit("update:commands", []);
+    }
+  },
+});
 </script>
--- a/frontend/src/components/settings/Languages.vue
+++ b/frontend/src/components/settings/Languages.vue
@@ -6,62 +6,50 @@
  </select>
 </template>

-<script>
+<script setup lang="ts">
 import { markRaw } from "vue";

-export default {
-  name: "languages",
-  props: ["locale"],
-  data() {
-    const dataObj = {};
-    const locales = {
-      ar: "العربية",
-      bg: "български език",
-      ca: "Català",
-      cs: "Čeština",
-      de: "Deutsch",
-      el: "Ελληνικά",
-      en: "English",
-      es: "Español",
-      fr: "Français",
-      he: "עברית",
-      hr: "Hrvatski",
-      hu: "Magyar",
-      is: "Icelandic",
-      it: "Italiano",
-      ja: "日本語",
-      ko: "한국어",
-      no: "Norsk",
-      "nl-be": "Dutch (Belgium)",
-      pl: "Polski",
-      "pt-br": "Português (Brasil)",
-      pt: "Português (Portugal)",
-      ro: "Romanian",
-      ru: "Русский",
-      sk: "Slovenčina",
-      "sv-se": "Swedish (Sweden)",
-      tr: "Türkçe",
-      uk: "Українська",
-      vi: "Tiếng Việt",
-      "zh-cn": "中文 (简体)",
-      "zh-tw": "中文 (繁體)",
-    };
+defineProps<{
+  locale: string;
+}>();

-    // Vue3 reactivity breaks with this configuration
-    // so we need to use markRaw as a workaround
-    // https://github.com/vuejs/core/issues/3024
-    Object.defineProperty(dataObj, "locales", {
-      value: markRaw(locales),
-      configurable: false,
-      writable: false,
-    });
+const emit = defineEmits<{
+  "update:locale": [locale: string];
+}>();

-    return dataObj;
-  },
-  methods: {
-    change(event) {
-      this.$emit("update:locale", event.target.value);
-    },
-  },
+const locales = markRaw({
+  he: "עברית",
+  hr: "Hrvatski",
+  hu: "Magyar",
+  ar: "العربية",
+  ca: "Català",
+  cs: "Čeština",
+  de: "Deutsch",
+  el: "Ελληνικά",
+  en: "English",
+  es: "Español",
+  fr: "Français",
+  is: "Icelandic",
+  it: "Italiano",
+  ja: "日本語",
+  ko: "한국어",
+  "nl-be": "Dutch (Belgium)",
+  no: "Norsk",
+  pl: "Polski",
+  "pt-br": "Português",
+  pt: "Português (Brasil)",
+  ro: "Romanian",
+  ru: "Русский",
+  sk: "Slovenčina",
+  "sv-se": "Swedish (Sweden)",
+  tr: "Türkçe",
+  uk: "Українська",
+  vi: "Tiếng Việt",
+  "zh-cn": "中文 (简体)",
+  "zh-tw": "中文 (繁體)",
+});
+
+const change = (event: Event) => {
+  emit("update:locale", (event.target as HTMLSelectElement).value);
 };
 </script>
--- a/frontend/src/components/settings/Permissions.vue
+++ b/frontend/src/components/settings/Permissions.vue
@@ -39,27 +39,28 @@
  </div>
 </template>

-<script>
+<script setup lang="ts">
+import { computed } from "vue";
 import { enableExec } from "@/utils/constants";
-export default {
-  name: "permissions",
-  props: ["perm"],
-  computed: {
-    admin: {
-      get() {
-        return this.perm.admin;
-      },
-      set(value) {
-        if (value) {
-          for (const key in this.perm) {
-            this.perm[key] = true;
-          }
-        }

-        this.perm.admin = value;
-      },
-    },
-    isExecEnabled: () => enableExec,
+const props = defineProps<{
+  perm: UserPermissions;
+}>();
+
+const admin = computed({
+  get() {
+    return props.perm.admin;
  },
-};
+  set(value: boolean) {
+    if (value) {
+      for (const key in props.perm) {
+        props.perm[key as keyof UserPermissions] = true;
+      }
+    }
+
+    props.perm.admin = value;
+  },
+});
+
+const isExecEnabled = enableExec;
 </script>
--- a/frontend/src/components/settings/Rules.vue
+++ b/frontend/src/components/settings/Rules.vue
@@ -32,32 +32,44 @@
  </form>
 </template>

-<script>
-export default {
-  name: "rules-textarea",
-  props: ["rules"],
-  methods: {
-    remove(event, index) {
-      event.preventDefault();
-      const rules = [...this.rules];
-      rules.splice(index, 1);
-      this.$emit("update:rules", [...rules]);
-    },
-    create(event) {
-      event.preventDefault();
+<script setup lang="ts">
+interface Rule {
+  allow: boolean;
+  path: string;
+  regex: boolean;
+  regexp: {
+    raw: string;
+  };
+}

-      this.$emit("update:rules", [
-        ...this.rules,
-        {
-          allow: true,
-          path: "",
-          regex: false,
-          regexp: {
-            raw: "",
-          },
-        },
-      ]);
+const props = defineProps<{
+  rules: Rule[];
+}>();
+
+const emit = defineEmits<{
+  "update:rules": [rules: Rule[]];
+}>();
+
+const remove = (event: Event, index: number) => {
+  event.preventDefault();
+  const rules = [...props.rules];
+  rules.splice(index, 1);
+  emit("update:rules", [...rules]);
+};
+
+const create = (event: Event) => {
+  event.preventDefault();
+
+  emit("update:rules", [
+    ...props.rules,
+    {
+      allow: true,
+      path: "",
+      regex: false,
+      regexp: {
+        raw: "",
+      },
    },
-  },
+  ]);
 };
 </script>
--- a/frontend/src/components/settings/UserForm.vue
+++ b/frontend/src/components/settings/UserForm.vue
@@ -80,12 +80,20 @@ const { t } = useI18n();
 const createUserDirData = ref<boolean | null>(null);
 const originalUserScope = ref<string | null>(null);

-const props = defineProps<{
-  user: IUserForm;
-  isNew: boolean;
-  isDefault: boolean;
-  createUserDir?: boolean;
-}>();
+const props = defineProps<
+  | {
+      user: IUserForm;
+      isNew: boolean;
+      isDefault: false;
+      createUserDir?: boolean;
+    }
+  | {
+      user: SettingsDefaults;
+      isNew: boolean;
+      isDefault: true;
+      createUserDir?: boolean;
+    }
+>();

 onMounted(() => {
  if (props.user.scope) {
@@ -108,6 +116,7 @@ watch(
  () => props.user,
  () => {
    if (!props.user?.perm?.admin) return;
+    if (props.isDefault) return;
    props.user.lockPassword = false;
  }
 );
--- a/frontend/src/css/context-menu.css
+++ b/frontend/src/css/context-menu.css
@@ -1,21 +0,0 @@
-.context-menu {
-  position: absolute;
-  background: var(--surfacePrimary);
-  min-width: 180px;
-  max-width: 220px;
-  border: 1px solid var(--borderSecondary);
-  box-shadow: 0 2px 4px var(--borderPrimary);
-  z-index: 999;
-}
-
-.context-menu .action {
-  display: block;
-  width: 100%;
-  border-radius: 0;
-  display: flex;
-  align-items: center;
-}
-
-.context-menu .action .counter {
-  left: 1.75em;
-}
--- a/frontend/src/css/styles.css
+++ b/frontend/src/css/styles.css
@@ -17,7 +17,6 @@
@import "./mobile.css";
@import "./epubReader.css";
@import "./mdPreview.css";
-@import "./context-menu.css";

 /* For testing only
 :focus {
@@ -98,8 +97,7 @@ main .spinner .bounce2 {
  position: relative;
 }

-.action.disabled,
-.action[disabled] {
+.action.disabled {
  opacity: 0.2;
  cursor: not-allowed;
 }
--- a/frontend/src/i18n/ar.json
+++ b/frontend/src/i18n/ar.json
@@ -43,11 +43,7 @@
    "upload": "رفع",
    "openFile": "فتح الملف",
    "discardChanges": "إلغاء التغييرات",
-    "stopSearch": "Stop searching",
-    "saveChanges": "Save changes",
-    "editAsText": "Edit as Text",
-    "increaseFontSize": "Increase font size",
-    "decreaseFontSize": "Decrease font size"
+    "saveChanges": "Save changes"
  },
  "download": {
    "downloadFile": "تحميل الملف",
@@ -79,16 +75,7 @@
    "sortByLastModified": "الترتيب بآخر تعديل",
    "sortByName": "الترتيب باﻹسم",
    "sortBySize": "الترتيب بالحجم",
-    "noPreview": "لا يوجد عرض مسبق لهذا الملف.",
-    "csvTooLarge": "CSV file is too large for preview (>5MB). Please download to view.",
-    "csvLoadFailed": "Failed to load CSV file.",
-    "showingRows": "Showing {count} row(s)",
-    "columnSeparator": "Column Separator",
-    "csvSeparators": {
-      "comma": "Comma (,)",
-      "semicolon": "Semicolon (;)",
-      "both": "Both (,) and (;)"
-    }
+    "noPreview": "لا يوجد عرض مسبق لهذا الملف."
  },
  "help": {
    "click": "حدد الملف أو المجلد",
@@ -115,7 +102,6 @@
    "username": "إسم المستخدم",
    "usernameTaken": "إسم المستخدم غير متاح",
    "wrongCredentials": "بيانات دخول خاطئة",
-    "passwordTooShort": "Password must be at least {min} characters",
    "logout_reasons": {
      "inactivity": "You have been logged out due to inactivity."
    }
@@ -180,7 +166,6 @@
    "allowNew": "إنشاء ملفات و مجلدات جديدة",
    "allowPublish": "نشر مقالات و صفحات جديدة",
    "allowSignup": "اسمح للمستخدمين بالاشتراك",
-    "hideLoginButton": "Hide the login button from public pages",
    "avoidChanges": "(أتركه فارغاً إن لم ترد تغييره)",
    "branding": "الشعار",
    "brandingDirectoryPath": "مسار مجلد الشعار",
--- a/frontend/src/i18n/bg.json
+++ b/frontend/src/i18n/bg.json
@@ -1,286 +0,0 @@
-{
-  "buttons": {
-    "cancel": "Отмени",
-    "clear": "Изчисти",
-    "close": "Затвори",
-    "continue": "Продължи",
-    "copy": "Копирай",
-    "copyFile": "Копирай файл",
-    "copyToClipboard": "Копирай в клипборда",
-    "copyDownloadLinkToClipboard": "Копирай линк за сваляне в клипборда",
-    "create": "Създай",
-    "delete": "Изтрий",
-    "download": "Свали",
-    "file": "Файл",
-    "folder": "Папка",
-    "fullScreen": "Превключване на цял екран",
-    "hideDotfiles": "Скрий файлове започващи с точка",
-    "info": "Информация",
-    "more": "Повече",
-    "move": "Премести",
-    "moveFile": "Премести файл",
-    "new": "Нов",
-    "next": "Следващ",
-    "ok": "Потвърди",
-    "permalink": "Вземи постоянен линк",
-    "previous": "Предишен",
-    "preview": "Преглед",
-    "publish": "Публикуване",
-    "rename": "Преименуване",
-    "replace": "Замяна",
-    "reportIssue": "Докладвай проблем",
-    "save": "Запис",
-    "schedule": "График",
-    "search": "Търсене",
-    "select": "Избери",
-    "selectMultiple": "Избери няколко",
-    "share": "Сподели",
-    "shell": "Превключване на терминала",
-    "submit": "Изпрати",
-    "switchView": "Смени изгледа",
-    "toggleSidebar": "Превключване на страничен панел",
-    "update": "Обнови",
-    "upload": "Качи",
-    "openFile": "Отвори файл",
-    "discardChanges": "Изчисти",
-    "stopSearch": "Stop searching",
-    "saveChanges": "Запиши промените",
-    "editAsText": "Edit as Text",
-    "increaseFontSize": "Increase font size",
-    "decreaseFontSize": "Decrease font size"
-  },
-  "download": {
-    "downloadFile": "Свали файл",
-    "downloadFolder": "Свали папка",
-    "downloadSelected": "Свали избраното"
-  },
-  "upload": {
-    "abortUpload": "Сигурни ли сте, че искате да прекратите?"
-  },
-  "errors": {
-    "forbidden": "Нямате право на достъп.",
-    "internal": "Взникна грешка.",
-    "notFound": "Локацията не може да бъде достигната.",
-    "connection": "Сървъра не може да бъде достигнат."
-  },
-  "files": {
-    "body": "Тяло",
-    "closePreview": "Затвори прегледа",
-    "files": "Файлове",
-    "folders": "Папки",
-    "home": "Начало",
-    "lastModified": "Последна промяна",
-    "loading": "Зареждане ...",
-    "lonely": "Тук е самотно ...",
-    "metadata": "Метаданни",
-    "multipleSelectionEnabled": "Множествения избор е разрешен",
-    "name": "Име",
-    "size": "Размер",
-    "sortByLastModified": "Подредба по последна промяна",
-    "sortByName": "Подредба по име",
-    "sortBySize": "Подредба по размер",
-    "noPreview": "За този файл не е наличен преглед.",
-    "csvTooLarge": "CSV file is too large for preview (>5MB). Please download to view.",
-    "csvLoadFailed": "Failed to load CSV file.",
-    "showingRows": "Showing {count} row(s)",
-    "columnSeparator": "Column Separator",
-    "csvSeparators": {
-      "comma": "Comma (,)",
-      "semicolon": "Semicolon (;)",
-      "both": "Both (,) and (;)"
-    }
-  },
-  "help": {
-    "click": "избери файл или директория",
-    "ctrl": {
-      "click": "избери файлове или директории",
-      "f": "отваря търсене",
-      "s": "запиши файл или свари директория тук"
-    },
-    "del": "изтрий избраните",
-    "doubleClick": "отвори файл или директория",
-    "esc": "изтрий избраното и/или затвори",
-    "f1": "тази информация",
-    "f2": "преименувай файл",
-    "help": "Помощ"
-  },
-  "login": {
-    "createAnAccount": "Създай акаунт",
-    "loginInstead": "Вече имаш акаунт",
-    "password": "Парола",
-    "passwordConfirm": "Парола Потвърждение",
-    "passwordsDontMatch": "Паролите не съвпадат",
-    "signup": "Абониране",
-    "submit": "Вход",
-    "username": "Потребителско име",
-    "usernameTaken": "Потребителското име вече се използва",
-    "wrongCredentials": "Грешни потребителско име и/или парола",
-    "passwordTooShort": "Password must be at least {min} characters",
-    "logout_reasons": {
-      "inactivity": "Бяхте разлогнати поради неактивност"
-    }
-  },
-  "permanent": "Постоянен",
-  "prompts": {
-    "copy": "Копирай",
-    "copyMessage": "Избери къде да копираш файловете си:",
-    "currentlyNavigating": "В момента навигира към:",
-    "deleteMessageMultiple": "Сигурни ли сте, че искате да изтриете {count} файл(а)?",
-    "deleteMessageSingle": "Сигурни ли сте, че искате да изтриете този файл/папка?",
-    "deleteMessageShare": "Сигурни ли сте, че искате на изтриете това споделяне({path})?",
-    "deleteUser": "Сигурни ли сте, че искате да изтриете този потребител?",
-    "deleteTitle": "Изтрий файлове",
-    "displayName": "Име за показване:",
-    "download": "Свали файлове",
-    "downloadMessage": "Изберете формата, в който искате да свалите.",
-    "error": "Възникна грешка",
-    "fileInfo": "Информация за файла",
-    "filesSelected": "Избрани са {count} файла.",
-    "lastModified": "Последна промяна",
-    "move": "Премести",
-    "moveMessage": "Избери ново място за вашите файл(ове)/папк(а/и):",
-    "newArchetype": "Създай нова публикация базирана на шаблон. Вашия файл ще бъде създаден в папката за съдържание.",
-    "newDir": "Нова директория",
-    "newDirMessage": "Именувайте вашата нова директория.",
-    "newFile": "Нов файл",
-    "newFileMessage": "Именувайте вашия нов файл.",
-    "numberDirs": "Брой на директорийте",
-    "numberFiles": "Брой на файловете",
-    "rename": "Преименувай",
-    "renameMessage": "Вмъкни ново име за",
-    "replace": "Замени",
-    "replaceMessage": "Файл, които се опитвате да качите има конфликтно име. Искате ли да го пропуснете и да продължите качването или да замените съществуващия файл?\n",
-    "schedule": "График",
-    "scheduleMessage": "Изберете дата и час за публикуване на тази публикация.",
-    "show": "Покажи",
-    "size": "Размер",
-    "upload": "Качване",
-    "uploadFiles": "Качване на {files} файла...",
-    "uploadMessage": "Изберете опция за качване.",
-    "optionalPassword": "Опционална парола",
-    "resolution": "Резолюция",
-    "discardEditorChanges": "Сигурни ли сте, че искате да откажете направените промени?"
-  },
-  "search": {
-    "images": "Изображения",
-    "music": "Музика",
-    "pdf": "PDF",
-    "pressToSearch": "За търсене, натиснете Enter ...",
-    "search": "Търсене ...",
-    "typeToSearch": "Пишете за търсене ...",
-    "types": "Типове",
-    "video": "Видео"
-  },
-  "settings": {
-    "aceEditorTheme": "Тема на \"Ace редактор\"",
-    "admin": "Админ",
-    "administrator": "Администратор",
-    "allowCommands": "Изпълни команди",
-    "allowEdit": "Редактира, преименува и изтрива файлове и директории",
-    "allowNew": "Създава нови файлове и директорий",
-    "allowPublish": "Публикува нови публикации и страници",
-    "allowSignup": "Разреши потребителите да се абонират",
-    "hideLoginButton": "Скрий логин бутона от публичните страници",
-    "avoidChanges": "(остави празно за да избегнеш промени)",
-    "branding": "Брандиране",
-    "brandingDirectoryPath": "Брандиране - път до директория",
-    "brandingHelp": "Можете да настроите как изглежда вашия File Browser, като промените името и логото му, да добавите стилове и дори да забраните външни линкове към GitHub.\nЗа повече информация за бандиране се обърнете към {0}",
-    "changePassword": "Промени парола",
-    "commandRunner": "Изпълнение на команди",
-    "commandRunnerHelp": "Тук можете да зададете команди, които да се изпълнят при определени събития. Пишете по една команда на ред. Системните променливите {0} и {1} ще са на разположение, като {0} е релативна на {1}. За повече информация относно тази възможност и наличните системни променливи, моля прочетете {2}.",
-    "commandsUpdated": "Командите са запаметени!",
-    "createUserDir": "Създай автоматично собствена директория на потребителя, когато го добавяш.",
-    "minimumPasswordLength": "Минимална дължина на паролата",
-    "tusUploads": "Качване на части",
-    "tusUploadsHelp": "File Browser поддържа качване на части, което позволява съзадавнето на ефективно, надеждно, и възобновяемо качване на части дори и при ненадеждна мрежа.",
-    "tusUploadsChunkSize": "Максимален размер на заявката (за малки качвания ще бъдат използвано директо качване). Можете да въведете цяло число, което означава размера на данните в байтове, или пък текст от вида на 10MB, 1GB и т.н..",
-    "tusUploadsRetryCount": "Брой повторения, когато част от файл не се качи успешно.",
-    "userHomeBasePath": "Основен път до личните директории на потребителите",
-    "userScopeGenerationPlaceholder": "Обхватът ще бъде автоматично генериран",
-    "createUserHomeDirectory": "Създай лична директория на потребителя",
-    "customStylesheet": "Потребителски Стилове",
-    "defaultUserDescription": "Настройки по подразбиране за нови потребители.",
-    "disableExternalLinks": "Забрани външните връзки (с изключение на документацията)",
-    "disableUsedDiskPercentage": "Забрани графиката за използване на диска",
-    "documentation": "документация",
-    "examples": "Примери",
-    "executeOnShell": "Изпълни в шела",
-    "executeOnShellDescription": "По подразбиране, File Browser изпълнява командите директно. Ако искате да ги изпълните в сесия (като Bash или PowerShell), можете да я дефинирате тук заедно с необходимите аргументи и флагове. Ако това е зададено, командата която изпълните ще бъде добавена като аргумент. Това се отнася както за потребителски команди, така и за обработка на събития.",
-    "globalRules": "Това е общия списък от правила за разрешения или забрани. Те са приложими за всеки потребител. Можете да дефинирате специфични правила в настройките на всеки потребител, които ще имат приоритет над общите.",
-    "globalSettings": "Глобални Настройки",
-    "hideDotfiles": "Скрий фаловете започващи с точка",
-    "insertPath": "Вмъкни пътя",
-    "insertRegex": "Вмъкни регулярен израз",
-    "instanceName": "Име на инстанцията",
-    "language": "Език",
-    "lockPassword": "Забрани на потребителя да променя паролата",
-    "newPassword": "Вашата нова парола",
-    "newPasswordConfirm": "Потвърди вашата нова парола",
-    "newUser": "Нов потребител",
-    "password": "Парола",
-    "passwordUpdated": "Паролата е променена!",
-    "path": "Път",
-    "perm": {
-      "create": "Създаване на файлове и директорий",
-      "delete": "Изтриване на файлове и директорий",
-      "download": "Сваляне",
-      "execute": "Изпълни команди",
-      "modify": "Редактирай файлове",
-      "rename": "Преименувай или премести файлове и директорий",
-      "share": "Сподели файлове"
-    },
-    "permissions": "Разрешения",
-    "permissionsHelp": "Можете да зададете потребител да бъде администратор или да изберете разрешения индивидуално. Ако изберете \"Администратор\" всички други опции ще бъдат автоматично отметнати. Управлението на потребителите е привилегия на администратор.\n",
-    "profileSettings": "Настройки на Профила",
-    "ruleExample1": "предотвратете достъпа до всеки файл започващ с точка (като .git, .gitignore) във всяка папка.\n",
-    "ruleExample2": "блокира достъпа до файл именуван Caddyfile поставен в началото за обхвата.",
-    "rules": "Правила",
-    "rulesHelp": "Тук можете да дефинирате списък от правила за разрешаване и забрана за точно този потребител. Блокираните файлове няма да се покажат в списъците и няма да са достъпни за потребителя. Поддържаме регулярни изрази и пътища релативни на обхвата.\n",
-    "scope": "Обхват",
-    "setDateFormat": "Задайте точен формат на дата",
-    "settingsUpdated": "Настройките са обновени!",
-    "shareDuration": "Продължителност на споделянето",
-    "shareManagement": "Управление на споделянето",
-    "shareDeleted": "Споделянето е премахнато!",
-    "singleClick": "Използвайте единичен клик за да отворите файлове или директорий",
-    "themes": {
-      "default": "Настройки по подразбиране",
-      "dark": "Тъмна",
-      "light": "Светла",
-      "title": "Тема"
-    },
-    "user": "Потребител",
-    "userCommands": "Команди",
-    "userCommandsHelp": "Списък разделен с интервал от наличните команди за този потребител.\n",
-    "userCreated": "Потребителя е създаден!",
-    "userDefaults": "Настройки по подразбиране на потребителя",
-    "userDeleted": "Потребителя е изтрит!",
-    "userManagement": "Управление на потребители",
-    "userUpdated": "Потребителя е обновен!",
-    "username": "Потребителско име",
-    "users": "Потребители"
-  },
-  "sidebar": {
-    "help": "Помощ",
-    "hugoNew": "Hugo New",
-    "login": "Вход",
-    "logout": "Изход",
-    "myFiles": "Моите файлове",
-    "newFile": "Нов файл",
-    "newFolder": "Нова папка",
-    "preview": "Преглед",
-    "settings": "Настройки",
-    "signup": "Абониране",
-    "siteSettings": "Настройки на сървъра"
-  },
-  "success": {
-    "linkCopied": "Връзката е копирана!"
-  },
-  "time": {
-    "days": "Дни",
-    "hours": "Часове",
-    "minutes": "Минути",
-    "seconds": "Секунди",
-    "unit": "Единица за време"
-  }
-}
--- a/frontend/src/i18n/ca.json
+++ b/frontend/src/i18n/ca.json
@@ -43,11 +43,7 @@
    "upload": "Pujar",
    "openFile": "Obrir fitxer",
    "discardChanges": "Descartar",
-    "stopSearch": "Stop searching",
-    "saveChanges": "Save changes",
-    "editAsText": "Edit as Text",
-    "increaseFontSize": "Increase font size",
-    "decreaseFontSize": "Decrease font size"
+    "saveChanges": "Save changes"
  },
  "download": {
    "downloadFile": "Descarregar fitxer",
@@ -79,16 +75,7 @@
    "sortByLastModified": "Ordenar per última modificació",
    "sortByName": "Ordenar per nom",
    "sortBySize": "Ordenar per mida",
-    "noPreview": "La vista prèvia no està disponible per a aquest fitxer.",
-    "csvTooLarge": "CSV file is too large for preview (>5MB). Please download to view.",
-    "csvLoadFailed": "Failed to load CSV file.",
-    "showingRows": "Showing {count} row(s)",
-    "columnSeparator": "Column Separator",
-    "csvSeparators": {
-      "comma": "Comma (,)",
-      "semicolon": "Semicolon (;)",
-      "both": "Both (,) and (;)"
-    }
+    "noPreview": "La vista prèvia no està disponible per a aquest fitxer."
  },
  "help": {
    "click": "seleccionar fitxer o carpeta",
@@ -115,7 +102,6 @@
    "username": "Usuari",
    "usernameTaken": "Nom d'usuari no disponible",
    "wrongCredentials": "Usuari i/o contrasenya incorrectes",
-    "passwordTooShort": "Password must be at least {min} characters",
    "logout_reasons": {
      "inactivity": "You have been logged out due to inactivity."
    }
@@ -180,7 +166,6 @@
    "allowNew": "Crear nous fitxers i carpetes",
    "allowPublish": "Publicar nous posts i pàgines",
    "allowSignup": "Permetre registre d'usuaris",
-    "hideLoginButton": "Hide the login button from public pages",
    "avoidChanges": "(deixar en blanc per evitar canvis)",
    "branding": "Marca",
    "brandingDirectoryPath": "Ruta de la carpeta de personalització de marca",
--- a/frontend/src/i18n/cs.json
+++ b/frontend/src/i18n/cs.json
@@ -43,11 +43,7 @@
    "upload": "Nahrát",
    "openFile": "Otevřít soubor",
    "discardChanges": "Zrušit změny",
-    "stopSearch": "Stop searching",
-    "saveChanges": "Save changes",
-    "editAsText": "Edit as Text",
-    "increaseFontSize": "Increase font size",
-    "decreaseFontSize": "Decrease font size"
+    "saveChanges": "Save changes"
  },
  "download": {
    "downloadFile": "Stáhnout soubor",
@@ -79,16 +75,7 @@
    "sortByLastModified": "Seřadit podle poslední změny",
    "sortByName": "Seřadit podle názvu",
    "sortBySize": "Seřadit podle velikosti",
-    "noPreview": "Náhled pro tento soubor není k dispozici.",
-    "csvTooLarge": "CSV file is too large for preview (>5MB). Please download to view.",
-    "csvLoadFailed": "Failed to load CSV file.",
-    "showingRows": "Showing {count} row(s)",
-    "columnSeparator": "Column Separator",
-    "csvSeparators": {
-      "comma": "Comma (,)",
-      "semicolon": "Semicolon (;)",
-      "both": "Both (,) and (;)"
-    }
+    "noPreview": "Náhled pro tento soubor není k dispozici."
  },
  "help": {
    "click": "vyberte soubor nebo adresář",
@@ -115,7 +102,6 @@
    "username": "Uživatelské jméno",
    "usernameTaken": "Uživatelské jméno již existuje",
    "wrongCredentials": "Nesprávné přihlašovací údaje",
-    "passwordTooShort": "Password must be at least {min} characters",
    "logout_reasons": {
      "inactivity": "You have been logged out due to inactivity."
    }
@@ -180,7 +166,6 @@
    "allowNew": "Vytvářet nové soubory a adresáře",
    "allowPublish": "Publikovat nové příspěvky a stránky",
    "allowSignup": "Povolit uživatelům registraci",
-    "hideLoginButton": "Hide the login button from public pages",
    "avoidChanges": "(ponechte prázdné pro zabránění změnám)",
    "branding": "Branding",
    "brandingDirectoryPath": "Cesta ke složce s brandingem",
--- a/frontend/src/i18n/de.json
+++ b/frontend/src/i18n/de.json
@@ -43,11 +43,7 @@
    "upload": "Upload",
    "openFile": "Datei öffnen",
    "discardChanges": "Verwerfen",
-    "stopSearch": "Stop searching",
-    "saveChanges": "Änderungen speichern",
-    "editAsText": "Als Text bearbeiten",
-    "increaseFontSize": "Increase font size",
-    "decreaseFontSize": "Decrease font size"
+    "saveChanges": "Save changes"
  },
  "download": {
    "downloadFile": "Download Datei",
@@ -79,16 +75,7 @@
    "sortByLastModified": "Nach Änderungsdatum sortieren",
    "sortByName": "Nach Namen sortieren",
    "sortBySize": "Nach Größe sortieren",
-    "noPreview": "Für diese Datei ist keine Vorschau verfügbar.",
-    "csvTooLarge": "Die CSV-Datei ist zu groß für die Vorschau (>5 MB). Bitte herunterladen, um sie anzuzeigen.",
-    "csvLoadFailed": "Fehler beim Laden der CSV-Datei.",
-    "showingRows": "Showing {count} row(s)",
-    "columnSeparator": "Column Separator",
-    "csvSeparators": {
-      "comma": "Comma (,)",
-      "semicolon": "Semicolon (;)",
-      "both": "Both (,) and (;)"
-    }
+    "noPreview": "Für diese Datei ist keine Vorschau verfügbar."
  },
  "help": {
    "click": "Wähle Datei oder Ordner",
@@ -115,9 +102,8 @@
    "username": "Benutzername",
    "usernameTaken": "Benutzername ist bereits vergeben",
    "wrongCredentials": "Falsche Zugangsdaten",
-    "passwordTooShort": "Passwort muss mindestens {min} Zeichen lang sein",
    "logout_reasons": {
-      "inactivity": "Du wurdest aufgrund von Inaktivität abgemeldet."
+      "inactivity": "You have been logged out due to inactivity."
    }
  },
  "permanent": "Permanent",
@@ -172,7 +158,7 @@
    "video": "Video"
  },
  "settings": {
-    "aceEditorTheme": "Ace Editor Theme",
+    "aceEditorTheme": "Ace editor theme",
    "admin": "Admin",
    "administrator": "Administrator",
    "allowCommands": "Befehle ausführen",
@@ -180,7 +166,6 @@
    "allowNew": "Erstellen neuer Dateien und Ordner",
    "allowPublish": "Veröffentlichen von neuen Beiträgen und Seiten",
    "allowSignup": "Erlaube Benutzern sich zu registrieren",
-    "hideLoginButton": "Den Login-Button auf öffentlichen Seiten ausblenden",
    "avoidChanges": "(leer lassen, um Änderungen zu vermeiden)",
    "branding": "Design",
    "brandingDirectoryPath": "Designverzeichnispfad",
@@ -190,7 +175,7 @@
    "commandRunnerHelp": "Hier könne Sie Befehle eintragen, welche bei den benannten Aktionen ausgeführt werden. Sie müssen pro Zeile jeweils einen Befehl eingeben. Die Umgebungsvariable {0} und {1} sind verfügbar, wobei {0} relative zu {1} ist. Für mehr Informationen über diese Funktion und die verfügbaren Umgebungsvariablen lesen Sie bitte die {2}.",
    "commandsUpdated": "Befehle aktualisiert!",
    "createUserDir": "Automatisches Erstellen des Home-Verzeichnisses beim Anlegen neuer Benutzer",
-    "minimumPasswordLength": "Mindestlänge für Passwörter",
+    "minimumPasswordLength": "Minimum password length",
    "tusUploads": "Gestückelter Upload",
    "tusUploadsHelp": "File Browser unterstützt das Hochladen von gestückelten Dateien und ermöglicht so einen effizienten, zuverlässigen, fortsetzbaren und gestückelten Datei-Upload auch in unzuverlässigen Netzwerken.",
    "tusUploadsChunkSize": "Gibt die maximale Größe pro Anfrage an (direkte Uploads werden für kleinere Uploads verwendet). Bitte geben Sie eine Byte-Angabe oder eine Zeichenfolge wie 10 MB, 1 GB usw. an",
--- a/frontend/src/i18n/el.json
+++ b/frontend/src/i18n/el.json
@@ -43,11 +43,7 @@
    "upload": "Μεταφόρτωση",
    "openFile": "Άνοιγμα αρχείου",
    "discardChanges": "Discard",
-    "stopSearch": "Stop searching",
-    "saveChanges": "Save changes",
-    "editAsText": "Edit as Text",
-    "increaseFontSize": "Increase font size",
-    "decreaseFontSize": "Decrease font size"
+    "saveChanges": "Save changes"
  },
  "download": {
    "downloadFile": "Λήψη αρχείου",
@@ -79,16 +75,7 @@
    "sortByLastModified": "Ταξινόμηση κατά πρόσφατη τροποποίηση",
    "sortByName": "Ταξινόμηση κατά όνομα",
    "sortBySize": "Ταξινόμηση κατά μέγεθος",
-    "noPreview": "Η προεπισκόπηση δεν είναι διαθέσιμη για αυτό το αρχείο.",
-    "csvTooLarge": "CSV file is too large for preview (>5MB). Please download to view.",
-    "csvLoadFailed": "Failed to load CSV file.",
-    "showingRows": "Showing {count} row(s)",
-    "columnSeparator": "Column Separator",
-    "csvSeparators": {
-      "comma": "Comma (,)",
-      "semicolon": "Semicolon (;)",
-      "both": "Both (,) and (;)"
-    }
+    "noPreview": "Η προεπισκόπηση δεν είναι διαθέσιμη για αυτό το αρχείο."
  },
  "help": {
    "click": "επιλέξτε αρχείο ή φάκελο",
@@ -115,7 +102,6 @@
    "username": "Όνομα χρήστη",
    "usernameTaken": "Το όνομα χρήστη χρησιμοποιείται ήδη",
    "wrongCredentials": "Λάθος όνομα ή/και κωδικός πρόσβασης",
-    "passwordTooShort": "Password must be at least {min} characters",
    "logout_reasons": {
      "inactivity": "You have been logged out due to inactivity."
    }
@@ -180,7 +166,6 @@
    "allowNew": "Δημιουργία νέων αρχείων και φακέλων",
    "allowPublish": "Δημοσίευση νέων αναρτήσεων και σελίδων",
    "allowSignup": "Να επιτρέπεται η εγγραφή νέων χρηστών",
-    "hideLoginButton": "Hide the login button from public pages",
    "avoidChanges": "(αφήστε το κενό για αποφυγή αλλαγών)",
    "branding": "Εξατομίκευση",
    "brandingDirectoryPath": "Διαδρομή φακέλου εξατομίκευσης",
--- a/frontend/src/i18n/en.json
+++ b/frontend/src/i18n/en.json
@@ -43,11 +43,7 @@
    "upload": "Upload",
    "openFile": "Open file",
    "discardChanges": "Discard",
-    "stopSearch": "Stop searching",
-    "saveChanges": "Save changes",
-    "editAsText": "Edit as Text",
-    "increaseFontSize": "Increase font size",
-    "decreaseFontSize": "Decrease font size"
+    "saveChanges": "Save changes"
  },
  "download": {
    "downloadFile": "Download File",
@@ -79,16 +75,7 @@
    "sortByLastModified": "Sort by last modified",
    "sortByName": "Sort by name",
    "sortBySize": "Sort by size",
-    "noPreview": "Preview is not available for this file.",
-    "csvTooLarge": "CSV file is too large for preview (>5MB). Please download to view.",
-    "csvLoadFailed": "Failed to load CSV file.",
-    "showingRows": "Showing {count} row(s)",
-    "columnSeparator": "Column Separator",
-    "csvSeparators": {
-      "comma": "Comma (,)",
-      "semicolon": "Semicolon (;)",
-      "both": "Both (,) and (;)"
-    }
+    "noPreview": "Preview is not available for this file."
  },
  "help": {
    "click": "select file or directory",
@@ -115,7 +102,6 @@
    "username": "Username",
    "usernameTaken": "Username already taken",
    "wrongCredentials": "Wrong credentials",
-    "passwordTooShort": "Password must be at least {min} characters",
    "logout_reasons": {
      "inactivity": "You have been logged out due to inactivity."
    }
@@ -180,7 +166,6 @@
    "allowNew": "Create new files and directories",
    "allowPublish": "Publish new posts and pages",
    "allowSignup": "Allow users to signup",
-    "hideLoginButton": "Hide the login button from public pages",
    "avoidChanges": "(leave blank to avoid changes)",
    "branding": "Branding",
    "brandingDirectoryPath": "Branding directory path",
--- a/frontend/src/i18n/es.json
+++ b/frontend/src/i18n/es.json
@@ -43,11 +43,7 @@
    "upload": "Subir",
    "openFile": "Abrir archivo",
    "discardChanges": "Discard",
-    "stopSearch": "Stop searching",
-    "saveChanges": "Guardar cambios",
-    "editAsText": "Edit as Text",
-    "increaseFontSize": "Increase font size",
-    "decreaseFontSize": "Decrease font size"
+    "saveChanges": "Guardar cambios"
  },
  "download": {
    "downloadFile": "Descargar fichero",
@@ -79,16 +75,7 @@
    "sortByLastModified": "Ordenar por última modificación",
    "sortByName": "Ordenar por nombre",
    "sortBySize": "Ordenar por tamaño",
-    "noPreview": "La vista previa no está disponible para este archivo.",
-    "csvTooLarge": "CSV file is too large for preview (>5MB). Please download to view.",
-    "csvLoadFailed": "Failed to load CSV file.",
-    "showingRows": "Showing {count} row(s)",
-    "columnSeparator": "Column Separator",
-    "csvSeparators": {
-      "comma": "Comma (,)",
-      "semicolon": "Semicolon (;)",
-      "both": "Both (,) and (;)"
-    }
+    "noPreview": "La vista previa no está disponible para este archivo."
  },
  "help": {
    "click": "seleccionar archivo o carpeta",
@@ -115,7 +102,6 @@
    "username": "Usuario",
    "usernameTaken": "Nombre usuario no disponible",
    "wrongCredentials": "Usuario y/o contraseña incorrectos",
-    "passwordTooShort": "Password must be at least {min} characters",
    "logout_reasons": {
      "inactivity": "You have been logged out due to inactivity."
    }
@@ -180,7 +166,6 @@
    "allowNew": "Crear nuevos archivos y carpetas",
    "allowPublish": "Publicar nuevos posts y páginas",
    "allowSignup": "Permitir registro de usuarios",
-    "hideLoginButton": "Hide the login button from public pages",
    "avoidChanges": "(dejar en blanco para evitar cambios)",
    "branding": "Marca",
    "brandingDirectoryPath": "Ruta de la carpeta de personalizacion de marca",
--- a/frontend/src/i18n/fa.json
+++ b/frontend/src/i18n/fa.json
@@ -43,11 +43,7 @@
    "upload": "آپلود",
    "openFile": "باز کردن فایل",
    "discardChanges": "لغو کردن",
-    "stopSearch": "Stop searching",
-    "saveChanges": "Save changes",
-    "editAsText": "Edit as Text",
-    "increaseFontSize": "Increase font size",
-    "decreaseFontSize": "Decrease font size"
+    "saveChanges": "Save changes"
  },
  "download": {
    "downloadFile": "دانلود فایل",
@@ -79,16 +75,7 @@
    "sortByLastModified": "مرتب سازی آخرین ویرایش",
    "sortByName": "مرتب سازی نام",
    "sortBySize": "مرتب سازی اندازه",
-    "noPreview": "این فایل قابل نمایش نیست",
-    "csvTooLarge": "CSV file is too large for preview (>5MB). Please download to view.",
-    "csvLoadFailed": "Failed to load CSV file.",
-    "showingRows": "Showing {count} row(s)",
-    "columnSeparator": "Column Separator",
-    "csvSeparators": {
-      "comma": "Comma (,)",
-      "semicolon": "Semicolon (;)",
-      "both": "Both (,) and (;)"
-    }
+    "noPreview": "این فایل قابل نمایش نیست"
  },
  "help": {
    "click": "انتخاب فایل یا پوشه",
@@ -115,7 +102,6 @@
    "username": "نام کاربری",
    "usernameTaken": "نام کاربری تکراری",
    "wrongCredentials": "خطا در اعتبارسنجی",
-    "passwordTooShort": "Password must be at least {min} characters",
    "logout_reasons": {
      "inactivity": "You have been logged out due to inactivity."
    }
@@ -180,7 +166,6 @@
    "allowNew": "ایجاد فایلها و پوشه های جدید",
    "allowPublish": "انتشار پست ها و صفحات جدید",
    "allowSignup": "اجاره دادن به کاربران برای ثبت نام",
-    "hideLoginButton": "Hide the login button from public pages",
    "avoidChanges": "(خالی بگذارید تا تغییر ایجاد نشود)",
    "branding": "برندسازی",
    "brandingDirectoryPath": "مسیر پوشه برند",
--- a/frontend/src/i18n/fr.json
+++ b/frontend/src/i18n/fr.json
@@ -43,11 +43,7 @@
    "upload": "Importer",
    "openFile": "Ouvrir le fichier",
    "discardChanges": "Annuler",
-    "stopSearch": "Stop searching",
-    "saveChanges": "Save changes",
-    "editAsText": "Edit as Text",
-    "increaseFontSize": "Increase font size",
-    "decreaseFontSize": "Decrease font size"
+    "saveChanges": "Save changes"
  },
  "download": {
    "downloadFile": "Télécharger le fichier",
@@ -79,16 +75,7 @@
    "sortByLastModified": "Trier par date de modification",
    "sortByName": "Trier par nom",
    "sortBySize": "Trier par taille",
-    "noPreview": "L'aperçu n'est pas disponible pour ce fichier.",
-    "csvTooLarge": "CSV file is too large for preview (>5MB). Please download to view.",
-    "csvLoadFailed": "Failed to load CSV file.",
-    "showingRows": "Showing {count} row(s)",
-    "columnSeparator": "Column Separator",
-    "csvSeparators": {
-      "comma": "Comma (,)",
-      "semicolon": "Semicolon (;)",
-      "both": "Both (,) and (;)"
-    }
+    "noPreview": "L'aperçu n'est pas disponible pour ce fichier."
  },
  "help": {
    "click": "Sélectionner un fichier ou dossier",
@@ -115,7 +102,6 @@
    "username": "Utilisateur·ice",
    "usernameTaken": "Le nom d'utilisateur·ice est déjà pris",
    "wrongCredentials": "Identifiants incorrects !",
-    "passwordTooShort": "Password must be at least {min} characters",
    "logout_reasons": {
      "inactivity": "You have been logged out due to inactivity."
    }
@@ -180,7 +166,6 @@
    "allowNew": "Créer de nouveaux fichiers et dossiers",
    "allowPublish": "Publier de nouveaux posts et pages",
    "allowSignup": "Autoriser les utilisateur·ices à s'inscrire",
-    "hideLoginButton": "Hide the login button from public pages",
    "avoidChanges": "(Laisser vide pour conserver l'actuel)",
    "branding": "Image de marque",
    "brandingDirectoryPath": "Chemin du dossier d'image de marque",
--- a/frontend/src/i18n/he.json
+++ b/frontend/src/i18n/he.json
@@ -43,11 +43,7 @@
    "upload": "העלאה",
    "openFile": "פתח קובץ",
    "discardChanges": "זריקת השינויים",
-    "stopSearch": "Stop searching",
-    "saveChanges": "Save changes",
-    "editAsText": "Edit as Text",
-    "increaseFontSize": "Increase font size",
-    "decreaseFontSize": "Decrease font size"
+    "saveChanges": "Save changes"
  },
  "download": {
    "downloadFile": "הורד קובץ",
@@ -79,16 +75,7 @@
    "sortByLastModified": "מיין לפי השינוי האחרון",
    "sortByName": "מיין לפי שם",
    "sortBySize": "מיין לפי גודל",
-    "noPreview": "לא זמינה תצוגה מקדימה לקובץ זה",
-    "csvTooLarge": "CSV file is too large for preview (>5MB). Please download to view.",
-    "csvLoadFailed": "Failed to load CSV file.",
-    "showingRows": "Showing {count} row(s)",
-    "columnSeparator": "Column Separator",
-    "csvSeparators": {
-      "comma": "Comma (,)",
-      "semicolon": "Semicolon (;)",
-      "both": "Both (,) and (;)"
-    }
+    "noPreview": "לא זמינה תצוגה מקדימה לקובץ זה"
  },
  "help": {
    "click": "בחר קובץ או תיקייה",
@@ -115,7 +102,6 @@
    "username": "שם משתמש",
    "usernameTaken": "שם המשתמש כבר קיים",
    "wrongCredentials": "פרטי התחברות שגויים",
-    "passwordTooShort": "Password must be at least {min} characters",
    "logout_reasons": {
      "inactivity": "You have been logged out due to inactivity."
    }
@@ -180,7 +166,6 @@
    "allowNew": "יצירת קבצים ותיקיות חדשות",
    "allowPublish": "פרסום פוסטים ודפים חדשים",
    "allowSignup": "אפשר למשתמשים חדשים להירשם",
-    "hideLoginButton": "Hide the login button from public pages",
    "avoidChanges": "(השאר ריק כדי למנוע שינויים)",
    "branding": "מיתוג",
    "brandingDirectoryPath": "נתיב תיקיית מיתוג",
--- a/frontend/src/i18n/hr.json
+++ b/frontend/src/i18n/hr.json
@@ -43,11 +43,7 @@
    "upload": "Prenesi",
    "openFile": "Otvori datoteku",
    "discardChanges": "Odbaci",
-    "stopSearch": "Stop searching",
-    "saveChanges": "Spremi promjene",
-    "editAsText": "Uredi kao tekst",
-    "increaseFontSize": "Povećaj veličinu fonta",
-    "decreaseFontSize": "Smanji veličinu fonta"
+    "saveChanges": "Spremi promjene"
  },
  "download": {
    "downloadFile": "Preuzmi Datoteku",
@@ -79,16 +75,7 @@
    "sortByLastModified": "Sortiraj po zadnjoj izmjeni",
    "sortByName": "Sortiraj po nazivu",
    "sortBySize": "Sortiraj po veličini",
-    "noPreview": "Pregled nije dostupan za ovu datoteku.",
-    "csvTooLarge": "CSV datoteka je prevelika za pregled (>5MB). Molimo preuzmite da bi ste ju pregledali.",
-    "csvLoadFailed": "Neuspješno učitavanje CSV datoteke.",
-    "showingRows": "Prikazuje se {count} red(ova)",
-    "columnSeparator": "Separator stupaca",
-    "csvSeparators": {
-      "comma": "Zarez (,)",
-      "semicolon": "Točka zarez (;)",
-      "both": "I (,) i (;)"
-    }
+    "noPreview": "Pregled nije dostupan za ovu datoteku."
  },
  "help": {
    "click": "odaberi datoteku ili mapu",
@@ -115,7 +102,6 @@
    "username": "Korisničko ime",
    "usernameTaken": "Korisničko ime zauzeto",
    "wrongCredentials": "Neispravno korisničko ime/lozinka",
-    "passwordTooShort": "Lozinka mora sadržavati minimalno {min} znakova",
    "logout_reasons": {
      "inactivity": "Odjavljeni ste zbog neaktivnosti."
    }
@@ -180,7 +166,6 @@
    "allowNew": "Stvori nove datoteke i mape",
    "allowPublish": "Objavi nove objave i stranice",
    "allowSignup": "Dopusti registraciju korisnicima",
-    "hideLoginButton": "Sakrij tipku za prijavu s javnih stranica",
    "avoidChanges": "(ostavite prazno kako biste izbjegli promjene)",
    "branding": "Brendiranje",
    "brandingDirectoryPath": "Put brendiranja",
--- a/frontend/src/i18n/hu.json
+++ b/frontend/src/i18n/hu.json
@@ -43,11 +43,7 @@
    "upload": "Feltöltés",
    "openFile": "Fájl megnyitása",
    "discardChanges": "Discard",
-    "stopSearch": "Stop searching",
-    "saveChanges": "Save changes",
-    "editAsText": "Edit as Text",
-    "increaseFontSize": "Increase font size",
-    "decreaseFontSize": "Decrease font size"
+    "saveChanges": "Save changes"
  },
  "download": {
    "downloadFile": "Fájl letöltése",
@@ -79,16 +75,7 @@
    "sortByLastModified": "Rendezés utolsó módosítás szerint",
    "sortByName": "Rendezés név szerint",
    "sortBySize": "Rendezés méret szerint",
-    "noPreview": "Ehhez a fájlhoz nincs előnézet.",
-    "csvTooLarge": "CSV file is too large for preview (>5MB). Please download to view.",
-    "csvLoadFailed": "Failed to load CSV file.",
-    "showingRows": "Showing {count} row(s)",
-    "columnSeparator": "Column Separator",
-    "csvSeparators": {
-      "comma": "Comma (,)",
-      "semicolon": "Semicolon (;)",
-      "both": "Both (,) and (;)"
-    }
+    "noPreview": "Ehhez a fájlhoz nincs előnézet."
  },
  "help": {
    "click": "mappa vagy fájl kijelölése",
@@ -115,7 +102,6 @@
    "username": "Felhasználói név",
    "usernameTaken": "A felhasználói név már foglalt",
    "wrongCredentials": "Hibás hitelesítő adatok",
-    "passwordTooShort": "Password must be at least {min} characters",
    "logout_reasons": {
      "inactivity": "You have been logged out due to inactivity."
    }
@@ -180,7 +166,6 @@
    "allowNew": "Új fájlok és mappák létrehozása",
    "allowPublish": "Új bejegyzések és oldalak létrehozása",
    "allowSignup": "Felhasználók regisztrációjának engedélyezése",
-    "hideLoginButton": "Hide the login button from public pages",
    "avoidChanges": "(üresen hagyva nincs változás)",
    "branding": "Márkázás",
    "brandingDirectoryPath": "Márkázás mappaútvonala",
--- a/frontend/src/i18n/index.ts
+++ b/frontend/src/i18n/index.ts
@@ -2,8 +2,6 @@ import dayjs from "dayjs";
 import { createI18n } from "vue-i18n";

 import("dayjs/locale/ar");
-import("dayjs/locale/bg");
-import("dayjs/locale/cs");
 import("dayjs/locale/de");
 import("dayjs/locale/el");
 import("dayjs/locale/en");
@@ -16,7 +14,6 @@ import("dayjs/locale/is");
 import("dayjs/locale/it");
 import("dayjs/locale/ja");
 import("dayjs/locale/ko");
-import("dayjs/locale/nb");
 import("dayjs/locale/nl-be");
 import("dayjs/locale/pl");
 import("dayjs/locale/pt-br");
@@ -30,6 +27,8 @@ import("dayjs/locale/uk");
 import("dayjs/locale/vi");
 import("dayjs/locale/zh-cn");
 import("dayjs/locale/zh-tw");
+import("dayjs/locale/cs");
+import("dayjs/locale/nb");

 // All i18n resources specified in the plugin `include` option can be loaded
 // at once using the import syntax
@@ -110,7 +109,6 @@ export function detectLocale() {
    case /^uk\b/.test(locale):
      locale = "uk";
      break;
-
    case /^vi\b/.test(locale):
      locale = "vi";
      break;
@@ -125,9 +123,6 @@ export function detectLocale() {
    case /^no\b/.test(locale):
      locale = "no";
      break;
-    case /^bg\b/.test(locale):
-      locale = "bg";
-      break;
    default:
      locale = "en";
  }
--- a/frontend/src/i18n/is.json
+++ b/frontend/src/i18n/is.json
@@ -43,11 +43,7 @@
    "upload": "Hlaða upp",
    "openFile": "Open file",
    "discardChanges": "Discard",
-    "stopSearch": "Stop searching",
-    "saveChanges": "Save changes",
-    "editAsText": "Edit as Text",
-    "increaseFontSize": "Increase font size",
-    "decreaseFontSize": "Decrease font size"
+    "saveChanges": "Save changes"
  },
  "download": {
    "downloadFile": "Sækja skjal",
@@ -79,16 +75,7 @@
    "sortByLastModified": "Flokka eftir Seinast breytt",
    "sortByName": "Flokka eftir nafni",
    "sortBySize": "Flokka eftir stærð",
-    "noPreview": "Preview is not available for this file.",
-    "csvTooLarge": "CSV file is too large for preview (>5MB). Please download to view.",
-    "csvLoadFailed": "Failed to load CSV file.",
-    "showingRows": "Showing {count} row(s)",
-    "columnSeparator": "Column Separator",
-    "csvSeparators": {
-      "comma": "Comma (,)",
-      "semicolon": "Semicolon (;)",
-      "both": "Both (,) and (;)"
-    }
+    "noPreview": "Preview is not available for this file."
  },
  "help": {
    "click": "velja skjal eða möppu",
@@ -115,7 +102,6 @@
    "username": "Notendanafn",
    "usernameTaken": "Þetta norendanafn er þegar í notkun",
    "wrongCredentials": "Rangar notendaupplýsingar",
-    "passwordTooShort": "Password must be at least {min} characters",
    "logout_reasons": {
      "inactivity": "You have been logged out due to inactivity."
    }
@@ -180,7 +166,6 @@
    "allowNew": "Búa til ný skjöl og möppur",
    "allowPublish": "Gefa út nýjar færslur og síður",
    "allowSignup": "Leyfa nýjum notendum að skrá sig",
-    "hideLoginButton": "Hide the login button from public pages",
    "avoidChanges": "(engar breytingar ef ekkert er skrifað)",
    "branding": "Útlit",
    "brandingDirectoryPath": "Mappa fyrir branding-skjöl",
--- a/frontend/src/i18n/it.json
+++ b/frontend/src/i18n/it.json
@@ -43,11 +43,7 @@
    "upload": "Carica",
    "openFile": "Apri file",
    "discardChanges": "Ignora",
-    "stopSearch": "Stop searching",
-    "saveChanges": "Save changes",
-    "editAsText": "Edit as Text",
-    "increaseFontSize": "Increase font size",
-    "decreaseFontSize": "Decrease font size"
+    "saveChanges": "Save changes"
  },
  "download": {
    "downloadFile": "Scarica file",
@@ -79,16 +75,7 @@
    "sortByLastModified": "Ordina per ultima modifica",
    "sortByName": "Ordina per nome",
    "sortBySize": "Ordina per dimensione",
-    "noPreview": "L'anteprima non è disponibile per questo file.",
-    "csvTooLarge": "CSV file is too large for preview (>5MB). Please download to view.",
-    "csvLoadFailed": "Failed to load CSV file.",
-    "showingRows": "Showing {count} row(s)",
-    "columnSeparator": "Column Separator",
-    "csvSeparators": {
-      "comma": "Comma (,)",
-      "semicolon": "Semicolon (;)",
-      "both": "Both (,) and (;)"
-    }
+    "noPreview": "L'anteprima non è disponibile per questo file."
  },
  "help": {
    "click": "seleziona un file o una cartella",
@@ -115,7 +102,6 @@
    "username": "Nome utente",
    "usernameTaken": "Username già usato",
    "wrongCredentials": "Credenziali errate",
-    "passwordTooShort": "Password must be at least {min} characters",
    "logout_reasons": {
      "inactivity": "You have been logged out due to inactivity."
    }
@@ -180,7 +166,6 @@
    "allowNew": "Crea nuovi files o cartelle",
    "allowPublish": "Pubblica nuovi post e pagine",
    "allowSignup": "Permetti agli utenti di registrarsi",
-    "hideLoginButton": "Hide the login button from public pages",
    "avoidChanges": "(lascia vuoto per evitare cambiamenti)",
    "branding": "Branding",
    "brandingDirectoryPath": "Directory del branding",
--- a/frontend/src/i18n/ja.json
+++ b/frontend/src/i18n/ja.json
@@ -42,13 +42,8 @@
    "update": "更新",
    "upload": "アップロード",
    "openFile": "ファイルを開く",
-    "stopSearch": "検索を停止",
    "discardChanges": "Discard",
-    "stopSearch": "Stop searching",
-    "saveChanges": "Save changes",
-    "editAsText": "Edit as Text",
-    "increaseFontSize": "Increase font size",
-    "decreaseFontSize": "Decrease font size"
+    "saveChanges": "Save changes"
  },
  "download": {
    "downloadFile": "ファイルのダウンロード",
@@ -80,16 +75,7 @@
    "sortByLastModified": "更新日時で並べ替え",
    "sortByName": "名前で並べ替え",
    "sortBySize": "サイズで並べ替え",
-    "noPreview": "プレビューはこのファイルでは利用できません",
-    "csvTooLarge": "CSV file is too large for preview (>5MB). Please download to view.",
-    "csvLoadFailed": "Failed to load CSV file.",
-    "showingRows": "Showing {count} row(s)",
-    "columnSeparator": "Column Separator",
-    "csvSeparators": {
-      "comma": "Comma (,)",
-      "semicolon": "Semicolon (;)",
-      "both": "Both (,) and (;)"
-    }
+    "noPreview": "プレビューはこのファイルでは利用できません"
  },
  "help": {
    "click": "ファイルやフォルダーを選択",
@@ -116,7 +102,6 @@
    "username": "ユーザー名",
    "usernameTaken": "ユーザー名はすでに取得されています",
    "wrongCredentials": "ユーザー名またはパスワードが間違っています",
-    "passwordTooShort": "Password must be at least {min} characters",
    "logout_reasons": {
      "inactivity": "You have been logged out due to inactivity."
    }
@@ -181,7 +166,6 @@
    "allowNew": "ファイルやフォルダーの新規作成",
    "allowPublish": "新しい投稿やページの公開",
    "allowSignup": "ユーザーの新規登録を許可",
-    "hideLoginButton": "Hide the login button from public pages",
    "avoidChanges": "（変更しない場合は空白のままにしてください）",
    "branding": "ブランディング",
    "brandingDirectoryPath": "ブランディングのディレクトリへのパス",
--- a/frontend/src/i18n/ko.json
+++ b/frontend/src/i18n/ko.json
@@ -41,14 +41,9 @@
    "toggleSidebar": "사이드바 전환",
    "update": "업데이트",
    "upload": "업로드",
-    "stopSearch": "검색 중지",
    "openFile": "파일 열기",
    "discardChanges": "변경 사항 취소",
-    "stopSearch": "Stop searching",
-    "saveChanges": "변경사항 저장",
-    "editAsText": "Edit as Text",
-    "increaseFontSize": "Increase font size",
-    "decreaseFontSize": "Decrease font size"
+    "saveChanges": "변경사항 저장"
  },
  "download": {
    "downloadFile": "파일 다운로드",
@@ -80,16 +75,7 @@
    "sortByLastModified": "수정시간순 정렬",
    "sortByName": "이름순",
    "sortBySize": "크기순",
-    "noPreview": "미리 보기가 지원되지 않는 파일 유형입니다.",
-    "csvTooLarge": "CSV file is too large for preview (>5MB). Please download to view.",
-    "csvLoadFailed": "Failed to load CSV file.",
-    "showingRows": "Showing {count} row(s)",
-    "columnSeparator": "Column Separator",
-    "csvSeparators": {
-      "comma": "Comma (,)",
-      "semicolon": "Semicolon (;)",
-      "both": "Both (,) and (;)"
-    }
+    "noPreview": "미리 보기가 지원되지 않는 파일 유형입니다."
  },
  "help": {
    "click": "파일이나 디렉토리를 선택해주세요.",
@@ -116,7 +102,6 @@
    "username": "사용자 이름",
    "usernameTaken": "사용자 이름이 존재합니다",
    "wrongCredentials": "사용자 이름 또는 비밀번호를 확인하십시오",
-    "passwordTooShort": "Password must be at least {min} characters",
    "logout_reasons": {
      "inactivity": "You have been logged out due to inactivity."
    }
@@ -181,7 +166,6 @@
    "allowNew": "파일/디렉토리 생성 허용",
    "allowPublish": "새 포스트/페이지 생성 허용",
    "allowSignup": "사용자 가입 허용",
-    "hideLoginButton": "Hide the login button from public pages",
    "avoidChanges": "(수정하지 않으면 비워두세요)",
    "branding": "브랜딩",
    "brandingDirectoryPath": "브랜드 디렉토리 경로",
--- a/Show More
+++ b/Show More