.dockerignore

@@ -1,27 +1,20 @@
-**
+*
 
+!turbo.json
 !bun.lock
 !package.json
-!.gitignore
-!bunfig.toml
 
 !**/package.json
 !**/bun.lock
 !**/tsconfig.json
 !**/vite.config.ts
+!**/react-router.config.ts
+!**/build.ts
 !**/components.json
 
-!app/**
-!apps/agent/**
-!packages/**
-!public/**
+!apps/**/src/**
+!apps/**/drizzle/**
+!apps/**/app/**
+!apps/**/public/**
 
-# License files and attributions
-!LICENSE
-!NOTICES.md
-!LICENSES/**
-
-node_modules/**
-dist/**
-.output/**
-app/test/integration/artifacts/**
+!packages/**/src/**

.editorconfig

@@ -1,14 +0,0 @@
-root = true
-
-[*]
-end_of_line = lf
-charset = utf-8
-insert_final_newline = true
-trim_trailing_whitespace = true
-
-[*.{ts,tsx,js,json}]
-indent_style = tab
-tab_width = 4
-
-[*.md]
-trim_trailing_whitespace = false

.env.example

@@ -1,9 +0,0 @@
-SERVER_IP=localhost
-ZEROBYTE_DATABASE_URL=./data/zerobyte.db
-RESTIC_CACHE_DIR=./data/restic/cache
-ZEROBYTE_REPOSITORIES_DIR=./data/repositories
-ZEROBYTE_VOLUMES_DIR=./data/volumes
-APP_SECRET=<openssl rand -hex 32>
-BASE_URL=http://*.localhost
-TRUST_PROXY=false
-PORT=3000

.env.test

@@ -1,4 +0,0 @@
-ZEROBYTE_DATABASE_URL=:memory:
-APP_SECRET=8b9acd4456dd5db0a4a3c4f4e1240b2c3ae08bb59690167197425e4a25dd9a69
-BASE_URL=http://localhost:4096
-ENABLE_LOCAL_AGENT=true

.fallowrc.json

@@ -1,13 +0,0 @@
-{
-	"entry": [
-		"app/client.tsx",
-		"app/router.tsx",
-		"app/server.ts",
-		"app/server/plugins/bootstrap.ts",
-		"openapi-ts.config.ts",
-		"scripts/create-test-files.ts",
-		"scripts/patch-api-client.ts"
-	],
-	"ignorePatterns": ["node_modules/**", ".output/**", "**/api-client/**", "**/routeTree.gen.ts", "apps/docs/**"],
-	"ignoreDependencies": ["@tailwindcss/typography", "babel-plugin-react-compiler"]
-}

.gitattributes

@@ -1,31 +0,0 @@
-# Set default behavior to automatically normalize line endings
-* text=auto eol=lf
-
-# Explicitly declare text files
-*.ts text eol=lf
-*.tsx text eol=lf
-*.js text eol=lf
-*.json text eol=lf
-*.md text eol=lf
-*.css text eol=lf
-*.html text eol=lf
-*.yml text eol=lf
-*.yaml text eol=lf
-*.sql text eol=lf
-*.sh text eol=lf
-*.toml text eol=lf
-Dockerfile* text eol=lf
-.dockerignore text eol=lf
-docker-compose*.yml text eol=lf
-
-# Binary files
-*.png binary
-*.jpg binary
-*.jpeg binary
-*.gif binary
-*.ico binary
-*.webp binary
-*.woff binary
-*.woff2 binary
-*.ttf binary
-*.eot binary

.github/ISSUE_TEMPLATE/1_feature_request.yml

@@ -1,37 +0,0 @@
-name: Feature request
-description: Suggest an enhancement or new feature
-title: "[FEATURE] "
-labels: ["enhancement"]
-assignees: []
-body:
-  - type: textarea
-    id: summary
-    attributes:
-      label: Summary
-      description: One-line summary of the requested feature
-      placeholder: Brief description of what you'd like to see added
-    validations:
-      required: true
-  - type: textarea
-    id: motivation
-    attributes:
-      label: Motivation / Use case
-      description: Why is this feature needed? What problem does it solve?
-      placeholder: Describe the problem or use case that this feature would address
-    validations:
-      required: true
-  - type: textarea
-    id: proposal
-    attributes:
-      label: Proposed solution
-      description: Brief implementation idea or API surface
-      placeholder: How do you envision this feature working?
-  - type: dropdown
-    id: impact
-    attributes:
-      label: Impact
-      options:
-        - Low
-        - Medium
-        - High
-      description: Estimated impact on users or project

.github/ISSUE_TEMPLATE/2_bug_report.yml

@@ -1,79 +0,0 @@
-name: Bug report
-description: Create a report to help us fix a bug
-title: "[BUG] "
-labels: ["bug"]
-assignees: []
-body:
-  - type: checkboxes
-    id: troubleshooting
-    attributes:
-      label: Prerequisites
-      description: Please confirm you have completed the following steps before submitting this bug report
-      options:
-        - label: I have read the [troubleshooting guide](https://github.com/nicotsx/zerobyte/blob/main/TROUBLESHOOTING.md)
-          required: true
-  - type: checkboxes
-    id: rclone_preflight
-    attributes:
-      label: Rclone Pre-flight Checklist (if applicable)
-      description: If your issue involves rclone, confirm you've tested on the host first as described in the troubleshooting guide
-      options:
-        - label: This issue is NOT related to rclone (skip if not using rclone)
-        - label: I have tested `rclone listremotes` and `rclone lsd remote:` on the **host** and they work
-        - label: I have verified the rclone config is mounted into the container
-        - label: I have restarted the container after config changes
-  - type: textarea
-    id: description
-    attributes:
-      label: Bug Description
-      description: Brief description of what went wrong
-      placeholder: Describe the issue...
-    validations:
-      required: true
-  - type: textarea
-    id: steps
-    attributes:
-      label: Steps to Reproduce
-      description: List the steps to reproduce the bug
-      placeholder: |
-        1. Go to...
-        2. Click on...
-        3. See error...
-    validations:
-      required: true
-  - type: textarea
-    id: expected
-    attributes:
-      label: Expected Behavior
-      description: What should have happened?
-    validations:
-      required: true
-  - type: input
-    id: version
-    attributes:
-      label: Zerobyte version / commit
-      placeholder: e.g., v1.2.3 or commit sha
-    validations:
-      required: true
-  - type: dropdown
-    id: deployment
-    attributes:
-      label: Deployment Method
-      options:
-        - Docker Compose
-        - Docker
-        - Local Development
-        - Other
-  - type: textarea
-    id: backup_context
-    attributes:
-      label: Backup/Repository Context
-      description: If this is related to backup operations, provide details about the repository type, storage backend, etc.
-      placeholder: e.g., S3 repository, local filesystem, specific backup operation that failed
-  - type: textarea
-    id: logs
-    attributes:
-      label: Logs / Error Messages
-      description: Check browser console (F12) or server logs for errors. Remove any sensitive information.
-    validations:
-      required: true

.github/ISSUE_TEMPLATE/3_question.yml

@@ -1,20 +0,0 @@
-name: Question
-description: General questions about usage or implementation
-title: "[QUESTION] "
-labels: ["question"]
-assignees: []
-body:
-  - type: textarea
-    id: question
-    attributes:
-      label: Question
-      description: Provide a clear question and any minimal code samples
-      placeholder: What would you like to know about Zerobyte?
-    validations:
-      required: true
-  - type: textarea
-    id: context
-    attributes:
-      label: Context / what you've tried
-      description: Provide context about what you're trying to accomplish and what you've already tried
-      placeholder: I'm trying to... and I've already tried...

.github/ISSUE_TEMPLATE/4_security.yml

@@ -1,21 +0,0 @@
-name: Security
-description: Report a security vulnerability (do not file public issues)
-title: "[SECURITY] "
-labels: ["security"]
-assignees: []
-body:
-  - type: markdown
-    attributes:
-      value: >-
-        **⚠️ SECURITY VULNERABILITY NOTICE ⚠️**
-
-        If you believe you've found a security vulnerability, **do not open a public issue**.
-
-        Please report security vulnerabilities privately through one of these methods:
-
-        - Use GitHub's private security advisory feature: [Report a vulnerability](https://github.com/nicotsx/zerobyte/security/advisories/new)
-        - Contact the maintainers directly via email if listed in the repository
-
-        This helps us address security issues responsibly before they can be exploited.
-
-        **Thank you for helping keep Zerobyte secure! 🔒**

.github/ISSUE_TEMPLATE/5_blank.yml

@@ -1,19 +0,0 @@
-name: Blank Issue
-description: Create a blank issue for anything that doesn't fit other templates
-title: ""
-labels: []
-assignees: []
-body:
-  - type: textarea
-    id: content
-    attributes:
-      label: Issue Details
-      description: Describe your issue, question, or request
-      placeholder: |
-        Please provide as much detail as possible about your issue.
-
-        If this is a bug, consider using the Bug Report template instead.
-        If this is a feature request, consider using the Feature Request template instead.
-        If you have a question, consider using the Question template instead.
-    validations:
-      required: true

.github/actions/install-dependencies/action.yml

@@ -1,31 +0,0 @@
-name: Install dependencies
-
-description: Install dependencies
-inputs:
-  workingDirectory:
-    description: "The working directory to install dependencies in"
-    required: false
-    default: "."
-
-runs:
-  using: "composite"
-  steps:
-    - uses: socketdev/action@937f824ec476dfd164d4a4d9995751427b0be143 # v1
-      with:
-        mode: firewall
-
-    - uses: oven-sh/setup-bun@0c5077e51419868618aeaa5fe8019c62421857d6 # v2
-      name: Install Bun
-      with:
-        bun-version: "1.3.14"
-
-    - uses: voidzero-dev/setup-vp@ca1c46663915d6c1042ae23bd39ab85718bfb0fa # v1
-      with:
-        node-version: '24'
-        cache: true
-
-    - name: Install dependencies
-      shell: bash
-      run: |
-        cd ${{ inputs.workingDirectory }}
-        sfw vp install --frozen-lockfile

.github/copilot-instructions.md

@@ -1 +0,0 @@
-- This project uses the AGENTS.md file to give detailed information about the repository structure and development commands. Make sure to read this file before starting development.

.github/renovate.json

@@ -1,19 +0,0 @@
-{
-	"$schema": "https://docs.renovatebot.com/renovate-schema.json",
-	"extends": ["config:recommended", "helpers:pinGitHubActionDigests"],
-	"enabledManagers": ["bun", "github-actions"],
-	"minimumReleaseAge": "3 days",
-	"rangeStrategy": "bump",
-	"packageRules": [
-		{
-			"matchManagers": ["github-actions"],
-			"matchUpdateTypes": ["digest", "pinDigest"],
-			"minimumReleaseAge": null
-		},
-		{
-			"matchManagers": ["bun"],
-			"matchUpdateTypes": ["minor", "patch"],
-			"groupName": "bun minor and patch dependencies"
-		}
-	]
-}

.github/workflows/checks.yml

@@ -1,96 +0,0 @@
-name: Checks
-
-on:
-  workflow_call:
-  pull_request:
-  push:
-    branches:
-      - main
-
-permissions:
-  contents: read
-
-concurrency:
-  group: checks-${{ github.workflow }}-${{ github.event.pull_request.number || github.ref }}
-  cancel-in-progress: ${{ github.event_name == 'pull_request' }}
-
-jobs:
-  lint:
-    timeout-minutes: 10
-    runs-on: ubuntu-latest
-    steps:
-      - name: Checkout code
-        uses: actions/checkout@de0fac2e4500dabe0009e67214ff5f5447ce83dd # v6
-        with:
-          fetch-depth: 1
-
-      - name: Install dependencies
-        uses: "./.github/actions/install-dependencies"
-
-      - name: Run lint
-        shell: bash
-        run: vp lint --type-aware --deny-warnings
-
-  typecheck:
-    timeout-minutes: 10
-    runs-on: ubuntu-latest
-    steps:
-      - name: Checkout code
-        uses: actions/checkout@de0fac2e4500dabe0009e67214ff5f5447ce83dd # v6
-        with:
-          fetch-depth: 1
-
-      - name: Install dependencies
-        uses: "./.github/actions/install-dependencies"
-
-      - name: Run type checks
-        shell: bash
-        run: bun run tsc
-
-  test-server:
-    timeout-minutes: 15
-    runs-on: ubuntu-latest
-    steps:
-      - name: Checkout code
-        uses: actions/checkout@de0fac2e4500dabe0009e67214ff5f5447ce83dd # v6
-        with:
-          fetch-depth: 1
-
-      - name: Install dependencies
-        uses: "./.github/actions/install-dependencies"
-
-      - name: Run server tests
-        shell: bash
-        run: bun run test:server
-
-  test-client:
-    timeout-minutes: 15
-    runs-on: ubuntu-latest
-    steps:
-      - name: Checkout code
-        uses: actions/checkout@de0fac2e4500dabe0009e67214ff5f5447ce83dd # v6
-        with:
-          fetch-depth: 1
-
-      - name: Install dependencies
-        uses: "./.github/actions/install-dependencies"
-
-      - name: Run client tests
-        shell: bash
-        run: bun run test:client
-
-  build:
-    timeout-minutes: 15
-    runs-on: ubuntu-latest
-    steps:
-      - name: Checkout code
-        uses: actions/checkout@de0fac2e4500dabe0009e67214ff5f5447ce83dd # v6
-        with:
-          fetch-depth: 1
-
-      - name: Install dependencies
-        uses: "./.github/actions/install-dependencies"
-
-      - name: Build project
-        shell: bash
-        run: bun run build

.github/workflows/docs-deploy.yml

@@ -1,41 +0,0 @@
-name: Docs deploy
-permissions:
-  contents: read
-
-on:
-  workflow_dispatch:
-  push:
-    branches:
-      - main
-    paths:
-      - "apps/docs/**"
-
-jobs:
-  deploy:
-    name: Deploy docs
-    if: github.event.repository.default_branch == github.ref_name
-    runs-on: ubuntu-latest
-    timeout-minutes: 10
-
-    steps:
-      - uses: actions/checkout@de0fac2e4500dabe0009e67214ff5f5447ce83dd # v6
-
-      - name: Install dependencies
-        uses: "./.github/actions/install-dependencies"
-
-      - name: Build docs
-        working-directory: apps/docs
-        run: bun run build
-
-      - name: Build and deploy docs
-        uses: cloudflare/wrangler-action@ebbaa1584979971c8614a24965b4405ff95890e0 # v4
-        with:
-          apiToken: ${{ secrets.CLOUDFLARE_API_TOKEN }}
-          accountId: ${{ secrets.CLOUDFLARE_ACCOUNT_ID }}
-          workingDirectory: apps/docs
-
-
-
-
-
-

.github/workflows/e2e.yml

@@ -1,108 +0,0 @@
-name: E2E Tests
-permissions:
-  contents: read
-
-on:
-  workflow_dispatch:
-  workflow_call:
-
-jobs:
-  playwright:
-    name: Playwright
-    timeout-minutes: 20
-    runs-on: ubuntu-latest
-    steps:
-      - uses: actions/checkout@de0fac2e4500dabe0009e67214ff5f5447ce83dd # v6
-
-      - name: Install dependencies
-        uses: "./.github/actions/install-dependencies"
-
-      - name: Get Playwright version
-        id: playwright-version
-        shell: bash
-        run: |
-          playwright_version=$(bun -e "console.log((await Bun.file('./package.json').json()).devDependencies['@playwright/test'])")
-          echo "version=$playwright_version" >> $GITHUB_OUTPUT
-
-      - name: Cache Playwright Browsers
-        id: playwright-cache
-        uses: actions/cache@27d5ce7f107fe9357f9df03efb73ab90386fccae # v5
-        with:
-          path: ~/.cache/ms-playwright
-          key: ${{ runner.os }}-playwright-${{ steps.playwright-version.outputs.version }}
-          restore-keys: |
-            ${{ runner.os }}-playwright-
-
-      - name: Install Playwright Browsers
-        if: steps.playwright-cache.outputs.cache-hit != 'true'
-        run: bunx playwright install --with-deps
-
-      - name: Install Playwright System Dependencies
-        if: steps.playwright-cache.outputs.cache-hit == 'true'
-        run: bunx playwright install-deps
-
-      - name: Prepare environment
-        run: |
-          mkdir -p data
-          mkdir -p playwright/temp
-          mkdir -p playwright/data
-          mkdir -p playwright/tinyauth/app-data
-          mkdir -p playwright/tinyauth/caddy-data
-          chmod -R 777 playwright/temp
-          touch .env.local
-          echo "SERVER_IP=localhost" >> .env.local
-          echo "ZEROBYTE_DATABASE_URL=./data/zerobyte.db" >> .env.local
-          echo "BASE_URL=http://localhost:4096" >> .env.local
-          echo "E2E_TINYAUTH_ORIGIN=https://tinyauth.example.com:5557" >> .env.local
-          echo "TZ=Europe/Zurich" >> .env.local
-
-      - name: Start zerobyte-e2e service
-        run: bun run start:e2e -- -d
-
-      - name: Check CLI version
-        run: |
-          expected_version=$(docker exec zerobyte printenv APP_VERSION)
-          cli_version=$(docker exec zerobyte bun run --silent cli --version)
-          echo "$cli_version"
-          test "$cli_version" = "$expected_version"
-
-      - name: Wait for zerobyte to be ready
-        run: |
-          timeout 30s bash -c 'until curl -f http://localhost:4096/api/healthcheck; do echo "Waiting for server..." && sleep 2; done'
-
-      - name: Wait for Tinyauth to be ready
-        run: |
-          timeout 30s bash -c 'until curl -skf https://localhost:5557/.well-known/openid-configuration; do echo "Waiting for Tinyauth..." && sleep 2; done'
-
-      - name: Print docker logs if failed to start
-        if: failure()
-        run: docker compose logs zerobyte-e2e tinyauth tinyauth-app || true
-
-      - name: Make playwright directory writable
-        run: sudo chmod 777 playwright/data/zerobyte.db
-
-      - name: Run Playwright tests
-        run: bun run test:e2e
-
-      - name: Dump container logs in playwright-report folder
-        if: always()
-        run: |
-          tree playwright || true
-          docker compose logs zerobyte-e2e > playwright-report/container-logs.txt || true
-          docker compose logs tinyauth tinyauth-app > playwright-report/tinyauth-logs.txt || true
-
-      - name: Debug - print content of /test-data in container
-        if: failure()
-        run: |
-          docker exec zerobyte /bin/ash -c "ls -la /test-data" || true
-
-      - uses: actions/upload-artifact@043fb46d1a93c77aae656e7c1c64a875d1fc6a0a # v7
-        if: always()
-        with:
-          name: playwright-report
-          path: playwright-report/
-          retention-days: 5
-
-      - name: Stop Docker Compose
-        if: always()
-        run: docker compose down

.github/workflows/integration.yml

@@ -1,35 +0,0 @@
-name: Integration Tests
-permissions:
-  contents: read
-
-on:
-  workflow_dispatch:
-  workflow_call:
-
-jobs:
-  integration:
-    name: Integration
-    timeout-minutes: 30
-    runs-on: ubuntu-latest
-    steps:
-      - uses: actions/checkout@de0fac2e4500dabe0009e67214ff5f5447ce83dd # v6
-        with:
-          persist-credentials: false
-
-      - name: Install dependencies
-        uses: "./.github/actions/install-dependencies"
-
-      - name: Run integration tests
-        env:
-          SKIP_VOLUME_MOUNT_INTEGRATION_TESTS: "true"
-        run: bun run test:integration
-
-      - uses: actions/upload-artifact@043fb46d1a93c77aae656e7c1c64a875d1fc6a0a # v7
-        if: failure()
-        with:
-          name: integration-artifacts
-          path: |
-            app/test/integration/artifacts/compose.log
-            app/test/integration/artifacts/docker-output.log
-            app/test/integration/artifacts/runs/**
-          retention-days: 5

.github/workflows/nightly.yml

@@ -1,60 +0,0 @@
-name: Nightly Build
-
-on:
-  schedule:
-    - cron: "0 2 * * *"
-  workflow_dispatch:
-
-permissions:
-  contents: read
-
-jobs:
-  build-and-push:
-    timeout-minutes: 15
-    runs-on: ubuntu-latest
-    permissions:
-      contents: read
-      packages: write
-    steps:
-      - name: Checkout code
-        uses: actions/checkout@de0fac2e4500dabe0009e67214ff5f5447ce83dd # v6
-
-      - name: Log in to Docker Hub
-        uses: docker/login-action@650006c6eb7dba73a995cc03b0b2d7f5ca915bee # v4
-        with:
-          username: ${{ secrets.DOCKERHUB_USERNAME }}
-          password: ${{ secrets.DOCKERHUB_TOKEN }}
-
-      - name: Set up Docker Buildx
-        uses: docker/setup-buildx-action@d7f5e7f509e45cec5c76c4d5afdd7de93d0b3df5 # v4
-        with:
-          driver: cloud
-          endpoint: "meienberger/runtipi-builder"
-          install: true
-
-      - name: Login to GitHub Container Registry
-        uses: docker/login-action@650006c6eb7dba73a995cc03b0b2d7f5ca915bee # v4
-        with:
-          registry: ghcr.io
-          username: ${{ github.repository_owner }}
-          password: ${{ secrets.GITHUB_TOKEN }}
-
-      - name: Docker meta
-        id: meta
-        uses: docker/metadata-action@80c7e94dd9b9319bd5eb7a0e0fe9291e23a2a2e9 # v6
-        with:
-          images: ghcr.io/${{ github.repository_owner }}/zerobyte
-          tags: |
-            type=raw,value=nightly
-
-      - name: Push images to GitHub Container Registry
-        uses: docker/build-push-action@f9f3042f7e2789586610d6e8b85c8f03e5195baf # v7
-        with:
-          context: .
-          target: production
-          platforms: linux/amd64,linux/arm64
-          push: true
-          tags: ${{ steps.meta.outputs.tags }}
-          labels: ${{ steps.meta.outputs.labels }}
-          build-args: |
-            APP_VERSION=nightly

.github/workflows/release.yml

@@ -7,17 +7,12 @@ on:
       - "v*.*.*-beta.*"
       - "v*.*.*-alpha.*"
 
-permissions:
-  contents: read
-
 jobs:
   determine-release-type:
     runs-on: ubuntu-latest
-    permissions: {}
     outputs:
       release_type: ${{ steps.set-type.outputs.release_type }}
       tagname: ${{ github.ref_name }}
-      is_minor_release: ${{ steps.set-type.outputs.is_minor_release }}
     steps:
       - name: Set release type
         id: set-type
@@ -31,52 +26,25 @@ jobs:
             echo "release_type=release" >> $GITHUB_OUTPUT
           fi
 
-          if [[ $TAG =~ ^v[0-9]+\.[0-9]+\.0$ ]]; then
-            echo "is_minor_release=true" >> $GITHUB_OUTPUT
-          else
-            echo "is_minor_release=false" >> $GITHUB_OUTPUT
-          fi
-
-  checks:
-    uses: ./.github/workflows/checks.yml
-
-  e2e-tests:
-    uses: ./.github/workflows/e2e.yml
-
-  integration-tests:
-    uses: ./.github/workflows/integration.yml
-
   build-images:
-    environment: release
     timeout-minutes: 15
-    needs: [determine-release-type, checks, e2e-tests, integration-tests]
+    needs: [determine-release-type]
     runs-on: ubuntu-latest
-    permissions:
-      contents: read
-      packages: write
-      security-events: write
     steps:
       - name: Checkout code
-        uses: actions/checkout@de0fac2e4500dabe0009e67214ff5f5447ce83dd # v6
+        uses: actions/checkout@v5
         with:
           fetch-depth: 0
           ref: ${{ github.ref }}
 
-      - name: Log in to Docker Hub
-        uses: docker/login-action@650006c6eb7dba73a995cc03b0b2d7f5ca915bee # v4
-        with:
-          username: ${{ secrets.DOCKERHUB_USERNAME }}
-          password: ${{ secrets.DOCKERHUB_TOKEN }}
+      - name: Set up QEMU
+        uses: docker/setup-qemu-action@v3
 
       - name: Set up Docker Buildx
-        uses: docker/setup-buildx-action@d7f5e7f509e45cec5c76c4d5afdd7de93d0b3df5 # v4
-        with:
-          driver: cloud
-          endpoint: "meienberger/runtipi-builder"
-          install: true
+        uses: docker/setup-buildx-action@v3
 
       - name: Login to GitHub Container Registry
-        uses: docker/login-action@650006c6eb7dba73a995cc03b0b2d7f5ca915bee # v4
+        uses: docker/login-action@v3
         with:
           registry: ghcr.io
           username: ${{ github.repository_owner }}
@@ -84,9 +52,9 @@ jobs:
 
       - name: Docker meta
         id: meta
-        uses: docker/metadata-action@80c7e94dd9b9319bd5eb7a0e0fe9291e23a2a2e9 # v6
+        uses: docker/metadata-action@v5
         with:
-          images: ghcr.io/${{ github.repository_owner }}/zerobyte
+          images: ghcr.io/${{ github.repository_owner }}/ironmount
           tags: |
             type=semver,pattern={{version}},prefix=v
             type=semver,pattern={{major}},prefix=v,enable=${{ needs.determine-release-type.outputs.release_type == 'release' }}
@@ -94,9 +62,11 @@ jobs:
             type=semver,pattern={{major}}.{{minor}}.{{patch}},prefix=v,enable=${{ needs.determine-release-type.outputs.release_type == 'release' }}
           flavor: |
             latest=${{ needs.determine-release-type.outputs.release_type == 'release' }}
+          cache-from: type=registry,ref=ghcr.io/nicotsx/ironmount:buildcache
+          cache-to: type=registry,ref=ghcr.io/nicotsx/ironmount:buildcache,mode=max
 
-      - name: Push images to GitHub Container Registry
-        uses: docker/build-push-action@f9f3042f7e2789586610d6e8b85c8f03e5195baf # v7
+      - name: Build and push images
+        uses: docker/build-push-action@v6
         with:
           context: .
           target: production
@@ -104,21 +74,16 @@ jobs:
           push: true
           tags: ${{ steps.meta.outputs.tags }}
           labels: ${{ steps.meta.outputs.labels }}
-          build-args: |
-            APP_VERSION=${{ needs.determine-release-type.outputs.tagname }}
 
   publish-release:
     runs-on: ubuntu-latest
-    needs: [build-images, determine-release-type]
-    if: needs.determine-release-type.outputs.release_type == 'release'
-    permissions:
-      contents: write
+    needs: [build-images]
     outputs:
       id: ${{ steps.create_release.outputs.id }}
     steps:
       - name: Create GitHub release
         id: create_release
-        uses: softprops/action-gh-release@b4309332981a82ec1c5618f44dd2e27cc8bfbfda # v3
+        uses: softprops/action-gh-release@v2
         env:
           GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
         with:
@@ -128,13 +93,4 @@ jobs:
           name: ${{ needs.determine-release-type.outputs.tagname }}
           draft: false
           prerelease: true
-
-  request-docs-version-update:
-    uses: ./.github/workflows/request-docs-version-update.yml
-    needs: [publish-release, determine-release-type]
-    if: needs.determine-release-type.outputs.release_type == 'release' && needs.determine-release-type.outputs.is_minor_release == 'true'
-    with:
-      release_tag: ${{ needs.determine-release-type.outputs.tagname }}
-      base_branch: ${{ github.event.repository.default_branch }}
-    secrets:
-      COPILOT_ASSIGNMENT_TOKEN: ${{ secrets.COPILOT_ASSIGNMENT_TOKEN }}
+          files: cli/runtipi-cli-*

.github/workflows/request-docs-version-update.yml

@@ -1,122 +0,0 @@
-name: Request docs version update
-
-on:
-  workflow_dispatch:
-    inputs:
-      release_tag:
-        description: Minor release tag, for example v0.35.0
-        required: true
-        type: string
-      base_branch:
-        description: Branch Copilot should branch from
-        required: false
-        default: main
-        type: string
-  workflow_call:
-    inputs:
-      release_tag:
-        required: true
-        type: string
-      base_branch:
-        required: false
-        default: main
-        type: string
-    secrets:
-      COPILOT_ASSIGNMENT_TOKEN:
-        required: true
-
-permissions:
-  contents: read
-
-jobs:
-  request-docs-version-update:
-    runs-on: ubuntu-latest
-    steps:
-      - name: Create Copilot issue
-        uses: actions/github-script@3a2844b7e9c422d3c10d287c895573f7108da1b3 # v9
-        with:
-          github-token: ${{ secrets.COPILOT_ASSIGNMENT_TOKEN }}
-          script: |
-            if (!process.env.COPILOT_ASSIGNMENT_TOKEN) {
-              core.setFailed("COPILOT_ASSIGNMENT_TOKEN is required to assign issues to GitHub Copilot.");
-              return;
-            }
-
-            const releaseTag = process.env.RELEASE_TAG;
-            const baseBranch = process.env.BASE_BRANCH;
-            const minorRelease = releaseTag.match(/^(v\d+\.\d+)\.0$/);
-            if (!minorRelease) {
-              core.setFailed(`Docs version updates only run for minor release tags like v0.35.0. Received: ${releaseTag}`);
-              return;
-            }
-
-            const docsVersion = minorRelease[1];
-            const { owner, repo } = context.repo;
-            const targetRepo = `${owner}/${repo}`;
-            const releaseUrl = `https://github.com/${targetRepo}/releases/tag/${releaseTag}`;
-            const title = `Update Docker Compose examples to ${docsVersion}`;
-            const bodyLines = [
-              `A new Zerobyte release was published: ${releaseTag}`,
-              "",
-              `Release: ${releaseUrl}`,
-              "",
-              "Please create a pull request that updates Docker Compose documentation examples to use:",
-              "",
-              "```yaml",
-              `image: ghcr.io/nicotsx/zerobyte:${docsVersion}`,
-              "```",
-              "",
-              "Scope:",
-              "",
-              "- Update Docker image tags in `README.md`.",
-              "- Update Docker image tags in `apps/docs/`.",
-              "- Only update Zerobyte image versions in Docker Compose examples.",
-              "- Do not change unrelated prose, formatting, or code.",
-              "",
-              "Verification:",
-              "",
-              "- Search for stale `ghcr.io/nicotsx/zerobyte:v...` references in `README.md` and `apps/docs/`.",
-              "- Run any formatting or documentation checks that are appropriate for the touched files.",
-            ];
-
-            const issue = await github.rest.issues.create({
-              owner,
-              repo,
-              title,
-              body: bodyLines.join("\n"),
-            });
-
-            await github.rest.issues.update({
-              owner,
-              repo,
-              issue_number: issue.data.number,
-              body: [
-                ...bodyLines,
-                "",
-                "Pull request requirement:",
-                "",
-                `- Include \`Closes #${issue.data.number}\` in the pull request body.`,
-              ].join("\n"),
-            });
-
-            await github.request("POST /repos/{owner}/{repo}/issues/{issue_number}/assignees", {
-              owner,
-              repo,
-              issue_number: issue.data.number,
-              assignees: ["copilot-swe-agent[bot]"],
-              agent_assignment: {
-                target_repo: targetRepo,
-                base_branch: baseBranch,
-                custom_instructions: "Create a focused documentation-only PR for the release version update.",
-                custom_agent: "",
-                model: "",
-              },
-              headers: {
-                accept: "application/vnd.github+json",
-                "X-GitHub-Api-Version": "2022-11-28",
-              },
-            });
-        env:
-          RELEASE_TAG: ${{ inputs.release_tag }}
-          BASE_BRANCH: ${{ inputs.base_branch }}
-          COPILOT_ASSIGNMENT_TOKEN: ${{ secrets.COPILOT_ASSIGNMENT_TOKEN }}

.github/workflows/scorecard.yml

@@ -1,41 +0,0 @@
-name: Scorecard analysis
-on:
-  branch_protection_rule:
-  push:
-    branches: [ "main" ]
-
-permissions: read-all
-
-jobs:
-  analysis:
-    name: Scorecard analysis
-    runs-on: ubuntu-latest
-    if: github.event.repository.default_branch == github.ref_name || github.event_name == 'pull_request'
-    permissions:
-      security-events: write
-      id-token: write
-
-    steps:
-      - name: Checkout code
-        uses: actions/checkout@11bd71901bbe5b1630ceea73d27597364c9af683
-        with:
-          persist-credentials: false
-
-      - name: Run analysis
-        uses: ossf/scorecard-action@f49aabe0b5af0936a0987cfb85d86b75731b0186
-        with:
-          results_file: results.sarif
-          results_format: sarif
-          publish_results: true
-
-      - name: Upload artifact
-        uses: actions/upload-artifact@4cec3d8aa04e39d1a68397de0c4cd6fb9dce8ec1
-        with:
-          name: SARIF file
-          path: results.sarif
-          retention-days: 5
-
-      - name: Upload to code-scanning
-        uses: github/codeql-action/upload-sarif@9e0d7b8d25671d64c341c19c0152d693099fb5ba # v4
-        with:
-          sarif_file: results.sarif

.gitignore

@@ -1,52 +1,43 @@
-.DS_Store
-/node_modules/
+# If you prefer the allow list template instead of the deny list, see community template:
+# https://github.com/github/gitignore/blob/main/community/Golang/Go.AllowList.gitignore
+#
+# Binaries for programs and plugins
+*.exe
+*.exe~
+*.dll
+*.so
+*.dylib
 
-# React Router
-/.react-router/
-/build/
-/dist/
+# Test binary, built with `go test -c`
+*.test
 
+# Code coverage profiles and other test artifacts
+*.out
+coverage.*
+*.coverprofile
+profile.cov
+
+# Dependency directories (remove the comment below to include it)
+# vendor/
+
+# Go workspace file
+go.work
+go.work.sum
+
+# env file
 .env
+
+# Editor/IDE
+# .idea/
+# .vscode/
+ironmount
+out/
+*.db
+tmp/
+
+node_modules/
+.env*
+
 .turbo
-CLAUDE.md
 
 mutagen.yml.lock
-notes.md
-smb-password.txt
-cache.db
-
-/data
-
-.env*
-!.env.example
-!.env.test
-
-# Playwright
-node_modules/
-/test-results/
-/playwright-report/
-/blob-report/
-/playwright/.cache/
-/playwright/.auth/
-/playwright/*.pass
-/playwright/tinyauth/app-data/
-/playwright/tinyauth/caddy-data/
-
-playwright/.auth
-playwright/temp
-playwright/data
-
-.idea/
-.deepsec/
-.codex/
-
-# OpenAPI error logs
-openapi-ts-error-*.log
-.output
-tmp/
-qa-output
-
-.worktrees/
-.turbo
-.superset
-.fallow

.vite-hooks/pre-commit

@@ -1 +0,0 @@
-vp staged

.vscode/settings.json

@@ -1,3 +0,0 @@
-{
-	"editor.defaultFormatter": "oxc.oxc-vscode"
-}

AGENTS.md

@@ -1,82 +0,0 @@
-## Important instructions
-
-- Never create migration files manually. Always use the provided command to generate migrations
-- If you realize an automated migration is incorrect, make sure to remove all the associated entries from the `_journal.json` and the newly created files located in `app/drizzle/` before re-generating the migration
-- The dev server runs through Portless. Start it with `bun run dev`, then use `portless get zerobyte` to get the current worktree-specific URL. Do not assume a fixed port like `3000` or `4096`. Username is `admin` and password is `password`
-- The repo is https://github.com/nicotsx/zerobyte
-- If you need to run a specific restic command on a repository, you can open and use the dev panel with `Meta+Shift+D`
-
-## Project Overview
-
-Zerobyte is a backup automation tool built on top of Restic that provides a web interface for scheduling, managing, and monitoring encrypted backups. It supports multiple volume backends (NFS, SMB, WebDAV, SFTP, local directories) and repository backends (S3, Azure, GCS, local, and rclone-based storage).
-
-### Development Server
-
-```bash
-# Start the dev server through Portless
-bun run dev
-
-# Get the current app URL for this worktree
-portless get zerobyte
-
-# Inspect active Portless routes if needed
-portless list
-```
-
-Portless applies git worktree prefixes automatically, so linked worktrees may return URLs like `https://branch-name.zerobyte.localhost`. Use the Portless URL for browser testing and manual verification.
-
-### Type Checking
-
-```bash
-# Run type checking and generate React Router types
-bun run tsc
-```
-
-### Testing
-
-```bash
-# Run all tests
-bun run test
-
-# Run a specific test file
-bunx dotenv-cli -e .env.test -- bunx --bun vitest run --project server path/to/test.ts
-```
-
-### Building
-
-```bash
-# Build for production
-bun run build
-```
-
-### Database Migrations
-
-```bash
-# Generate new migration from schema changes
-bun gen:migrations
-
-# Generate a custom empty migration
-bunx drizzle-kit generate --custom --name=fix-timestamps-to-ms
-
-```
-
-### API Client Generation
-
-```bash
-bun run gen:api-client
-```
-
-### Code Quality
-
-```bash
-# Format
-vp fmt <path> --write
-
-# Lint
-bun run lint
-```
-
-### Invalidation
-
-The frontend has an automatic invalidation setup which runs after every mutation.
-Do not implement any invalidation logic in the frontend.

CONTRIBUTING.md

@@ -1,167 +0,0 @@
-# Contributing to Zerobyte
-
-Thank you for your interest in contributing to Zerobyte! We welcome contributions from the community and are grateful for your support in making this project better.
-
-## Table of Contents
-
-- [Getting Started](#getting-started)
-- [Contributor License Agreement (CLA)](#contributor-license-agreement-cla)
-- [How to Contribute](#how-to-contribute)
-- [Development Setup](#development-setup)
-- [Submission Guidelines](#submission-guidelines)
-- [Code Standards](#code-standards)
-- [Community Guidelines](#community-guidelines)
-
-## Getting Started
-
-Before you begin:
-
-1. Check the [issues](https://github.com/nicotsx/zerobyte/issues) to see if someone is already working on what you have in mind
-2. For major changes, please open an issue first to discuss what you would like to change
-3. Make sure you have read and agreed to our Contributor License Agreement (CLA)
-
-## Contributor License Agreement (CLA)
-
-### What is a CLA?
-
-A Contributor License Agreement (CLA) is a legal document in which you state you are entitled to contribute the code/documentation/translation to the project you're contributing to and are willing to have it used in distributions and derivative works. This means you grant us permission to use your contributions under our project's license terms.
-
-### Why do we need a CLA?
-
-We require a CLA for several important reasons:
-
-1. **License Flexibility**: It allows the project to evolve its licensing model if needed in the future without requiring re-approval from all past contributors, ensuring Zerobyte can continue to operate and adapt to changing needs of the community.
-
-2. **Patent Protection**: The CLA includes a patent license grant, which protects the project and its users from potential patent claims related to your contributions.
-
-3. **Protecting Your Rights**: While you grant us rights to use your contributions, you retain ownership of your work and can use it for any other purpose.
-
-### How to Sign the CLA
-
-When you submit your first pull request, our CLA Assistant will automatically prompt you to sign the agreement via GitHub. The process is simple:
-
-1. Create your pull request
-2. The CLA Assistant bot will comment on your PR
-3. Follow the link provided to review and sign the CLA electronically
-4. Once signed, the bot will update your PR status
-
-You only need to sign the CLA once, and it will cover all your future contributions to Zerobyte.
-
-### Key Points of Our CLA
-
-- You grant us a non-exclusive, royalty-free license to use your contributions
-- You retain ownership and all rights to your contributions
-- You confirm that you have the right to make the contribution (it's your original work or you have permission)
-- You're not required to provide support for your contributions
-- The CLA does not guarantee that your contribution will be accepted or kept into the project
-
-For the complete CLA text, please see the [CLA document](https://cla-assistant.io/nicotsx/zerobyte).
-
-## How to Contribute
-
-There are many ways to contribute to Zerobyte:
-
-### Reporting Bugs
-
-If you find a bug, please open an issue with:
-- A clear, descriptive title
-- Steps to reproduce the issue
-- Expected vs. actual behavior
-- Your environment (OS, Docker version, Zerobyte version)
-- Any relevant logs or screenshots
-
-### Suggesting Features
-
-When suggesting a feature:
-- Check if it's already been suggested
-- Clearly describe the feature and its use case
-- Explain why it would be valuable to other users
-- Consider the scope and complexity
-
-### Contributing Code
-
-1. **Fork the repository** and create your branch from `main`
-2. **Make your changes** following our code standards
-3. **Test your changes** thoroughly
-4. **Update documentation** if needed
-5. **Commit your changes** with clear, descriptive commit messages
-6. **Push to your fork** and submit a pull request
-
-### Improving Documentation
-
-Documentation improvements are always welcome! This includes:
-- Fixing typos or clarifying existing docs
-- Adding examples or use cases
-- Writing guides or tutorials
-- Improving README or other documentation files
-
-### Translations
-
-We welcome translations to make Zerobyte accessible to more users worldwide. Please open an issue to discuss translation efforts before starting.
-
-## Development Setup
-
-1. **Clone your fork**:
-   ```bash
-   git clone https://github.com/your-username/zerobyte.git
-   cd zerobyte
-   ```
-
-2. **Set up your development environment**:
-    ```bash
-   bun run start:dev
-    ```
-
-3. **Create a feature branch**:
-   ```bash
-   git checkout -b feature/your-feature-name
-   ```
-
-4. **Make your changes and test them**
-
-5. **Commit your changes**:
-   ```bash
-   git add .
-   git commit -m "Add your descriptive commit message"
-   ```
-
-## Submission Guidelines
-
-### Pull Request Process
-
-1. **Update your branch** with the latest changes from main before submitting
-2. **Ensure all tests pass** and your code builds successfully
-3. **Write a clear PR description** that explains:
-   - What changes you made
-   - Why you made them
-   - Any breaking changes or migration notes
-   - Link to related issues
-
-4. **Be responsive** to feedback and review comments
-5. **Keep PRs focused** - one feature or fix per PR when possible
-
-## Code Standards
-
-- Follow the existing code style and conventions
-- Write clear, self-documenting code. No unless comments are necessary
-- Ensure your code is properly formatted
-- Keep security in mind - never commit sensitive data like passwords or API keys
-
-## Community Guidelines
-
-- Be respectful and constructive in all interactions
-- Welcome newcomers and help them get started
-- Assume good intentions
-- Focus on what is best for the community and the project
-- Show empathy towards other community members
-
-## Questions?
-
-If you have questions about contributing, feel free to:
-- Open an issue with your question
-- Check existing issues and discussions
-- Reach out to the maintainers
-
----
-
-Thank you for contributing to Zerobyte!

Dockerfile

@@ -1,81 +1,24 @@
-FROM oven/bun:1.3.14-alpine@sha256:5acc90a93e91ff07bf72aa90a7c9f0fa189765aec90b47bdbf2152d2196383c0 AS base
+ARG BUN_VERSION="1.3.0"
 
-ARG RESTIC_VERSION="0.18.1"
-ARG RCLONE_VERSION="1.74.2"
-ARG SHOUTRRR_VERSION="0.15.1"
+FROM oven/bun:${BUN_VERSION}-alpine AS runner_base
 
-ENV VITE_RESTIC_VERSION=${RESTIC_VERSION} \
-    VITE_RCLONE_VERSION=${RCLONE_VERSION} \
-    VITE_SHOUTRRR_VERSION=${SHOUTRRR_VERSION}
-
-RUN apk update --no-cache && \
-    apk upgrade --no-cache && \
-	apk add --no-cache acl attr cifs-utils davfs2=1.6.1-r2 openssh-client fuse3 sshfs tini tzdata
-
-ENTRYPOINT ["/sbin/tini", "-s", "--"]
-
-
-# ------------------------------
-# DEPENDENCIES
-# ------------------------------
-FROM base AS deps
-
-WORKDIR /deps
-
-ARG TARGETARCH
-ENV TARGETARCH=${TARGETARCH}
-
-RUN apk add --no-cache curl bzip2 unzip tar
-
-RUN echo "Building for ${TARGETARCH}"
-RUN if [ "${TARGETARCH}" = "arm64" ]; then \
-	    curl -fL -o restic.bz2 "https://github.com/restic/restic/releases/download/v${RESTIC_VERSION}/restic_${RESTIC_VERSION}_linux_arm64.bz2"; \
-      curl -fL -o rclone.zip "https://github.com/rclone/rclone/releases/download/v${RCLONE_VERSION}/rclone-v${RCLONE_VERSION}-linux-arm64.zip"; \
-      unzip rclone.zip; \
-      curl -fL -o shoutrrr.tar.gz "https://github.com/nicholas-fedor/shoutrrr/releases/download/v${SHOUTRRR_VERSION}/shoutrrr_linux_arm64v8_${SHOUTRRR_VERSION}.tar.gz"; \
-      elif [ "${TARGETARCH}" = "amd64" ]; then \
-      curl -fL -o restic.bz2 "https://github.com/restic/restic/releases/download/v${RESTIC_VERSION}/restic_${RESTIC_VERSION}_linux_amd64.bz2"; \
-      curl -fL -o rclone.zip "https://github.com/rclone/rclone/releases/download/v${RCLONE_VERSION}/rclone-v${RCLONE_VERSION}-linux-amd64.zip"; \
-      unzip rclone.zip; \
-      curl -fL -o shoutrrr.tar.gz "https://github.com/nicholas-fedor/shoutrrr/releases/download/v$SHOUTRRR_VERSION/shoutrrr_linux_amd64_${SHOUTRRR_VERSION}.tar.gz"; \
-      fi
-
-RUN bzip2 -d restic.bz2 && chmod +x restic
-RUN mv rclone-v*-linux-*/rclone /deps/rclone && chmod +x /deps/rclone
-RUN tar -xzf shoutrrr.tar.gz && chmod +x shoutrrr
-
-# ------------------------------
-# RUNTIME TOOLS
-# ------------------------------
-FROM base AS runtime-tools
-
-COPY --from=deps /deps/restic /usr/local/bin/restic
-COPY --from=deps /deps/rclone /usr/local/bin/rclone
-COPY --from=deps /deps/shoutrrr /usr/local/bin/shoutrrr
+RUN apk add --no-cache davfs2 restic
 
 # ------------------------------
 # DEVELOPMENT
 # ------------------------------
-FROM base AS development
+FROM runner_base AS development
 
-ARG APP_VERSION=dev
-ENV APP_VERSION=${APP_VERSION}
-ENV VITE_APP_VERSION=${APP_VERSION}
 ENV NODE_ENV="development"
 
 WORKDIR /app
 
-COPY --from=deps /deps/restic /usr/local/bin/restic
-COPY --from=deps /deps/rclone /usr/local/bin/rclone
-COPY --from=deps /deps/shoutrrr /usr/local/bin/shoutrrr
-
 COPY ./package.json ./bun.lock ./
-COPY ./packages/core/package.json ./packages/core/package.json
-COPY ./packages/contracts/package.json ./packages/contracts/package.json
-COPY ./apps/agent/package.json ./apps/agent/package.json
-COPY ./apps/docs/package.json ./apps/docs/package.json
+COPY ./packages/schemas/package.json ./packages/schemas/package.json
+COPY ./apps/client/package.json ./apps/client/package.json
+COPY ./apps/server/package.json ./apps/server/package.json
 
-RUN VITE_GIT_HOOKS=0 bun install --frozen-lockfile --ignore-scripts
+RUN bun install --frozen-lockfile
 
 COPY . .
 
@@ -86,49 +29,36 @@ CMD ["bun", "run", "dev"]
 # ------------------------------
 # PRODUCTION
 # ------------------------------
-FROM base AS builder
-
-ARG APP_VERSION=dev
-ENV VITE_APP_VERSION=${APP_VERSION}
-ENV PORT=4096
+FROM oven/bun:${BUN_VERSION} AS builder
 
 WORKDIR /app
 
 COPY ./package.json ./bun.lock ./
-COPY ./packages/core/package.json ./packages/core/package.json
-COPY ./packages/contracts/package.json ./packages/contracts/package.json
-COPY ./apps/agent/package.json ./apps/agent/package.json
-COPY ./apps/docs/package.json ./apps/docs/package.json
 
-RUN VITE_GIT_HOOKS=0 bun install --frozen-lockfile
+COPY ./packages/schemas/package.json ./packages/schemas/package.json
+COPY ./apps/client/package.json ./apps/client/package.json
+COPY ./apps/server/package.json ./apps/server/package.json
+
+RUN bun install --frozen-lockfile
 
 COPY . .
 
 RUN bun run build
-RUN bun build apps/agent/src/index.ts --outfile .output/agent/index.mjs --target bun
 
-FROM base AS production
+FROM runner_base AS production
 
-ARG APP_VERSION=dev
-ENV APP_VERSION=${APP_VERSION}
 ENV NODE_ENV="production"
-ENV PORT=4096
+
+# RUN bun i ssh2
+
+RUN apk add --no-cache davfs2=1.6.1-r2
 
 WORKDIR /app
 
-COPY --from=builder /app/package.json ./
+COPY --from=builder /app/apps/server/dist ./
+COPY --from=builder /app/apps/server/drizzle ./assets/migrations
+COPY --from=builder /app/apps/client/dist/client ./assets/frontend
 
-COPY --from=deps /deps/restic /usr/local/bin/restic
-COPY --from=deps /deps/rclone /usr/local/bin/rclone
-COPY --from=deps /deps/shoutrrr /usr/local/bin/shoutrrr
-COPY --from=builder /app/.output ./.output
-COPY --from=builder /app/app/drizzle ./assets/migrations
 
-# Include third-party licenses and attribution
-COPY ./LICENSES ./LICENSES
-COPY ./NOTICES.md ./NOTICES.md
-COPY ./LICENSE ./LICENSE.md
+CMD ["bun", "./index.js"]
 
-EXPOSE 4096
-
-CMD ["bun", ".output/server/index.mjs"]

LICENSES/BSD-2-Clause-Restic.txt

@@ -1,25 +0,0 @@
-BSD 2-Clause License
-
-Copyright (c) 2014, Alexander Neumann <alexander@bumpern.de>
-All rights reserved.
-
-Redistribution and use in source and binary forms, with or without
-modification, are permitted provided that the following conditions are met:
-
-* Redistributions of source code must retain the above copyright notice, this
-  list of conditions and the following disclaimer.
-
-* Redistributions in binary form must reproduce the above copyright notice,
-  this list of conditions and the following disclaimer in the documentation
-  and/or other materials provided with the distribution.
-
-THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS"
-AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE
-IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE
-DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT HOLDER OR CONTRIBUTORS BE LIABLE
-FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL
-DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR
-SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER
-CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY,
-OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
-OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.

NOTICES.md

@@ -1,29 +0,0 @@
-# Third-Party Software Licenses and Attributions
-
-This software includes the following third-party components that are subject to separate license terms:
-
-## Restic
-
-- **Version**: [Specify the version you're shipping]
-- **Copyright**: Copyright (c) 2014, Alexander Neumann <alexander@bumpern.de>
-- **License**: BSD 2-Clause License
-- **Status**: Included unchanged
-- **Source**: https://github.com/restic/restic
-- **Full License Text**: See [LICENSES/BSD-2-Clause-Restic.txt](LICENSES/BSD-2-Clause-Restic.txt)
-
-Restic is a backup program that is fast, secure, and efficient. It's included in this distribution as-is without any modifications.
-
----
-
-## License Information
-
-The main source code of this project is licensed under the GNU Affero General Public License v3. See the [LICENSE](LICENSE) file for details.
-
-Each third-party component retains its original copyright and license. When distributing this software:
-
-1. The original license of each component must be preserved
-2. Copyright notices must be retained
-3. A notice of changes (if any) must be provided for modified components
-4. The original license file should be included with distributions
-
-For more information about a specific component's license, refer to the corresponding license file in the [LICENSES/](LICENSES/) directory.

README.md

@@ -1,57 +1,49 @@
 <div align="center">
-  <h1>Zerobyte</h1>
-  <h3>Powerful backup automation for your remote storage<br />Encrypt, compress, and protect your data with ease</h3>
-  <a href="https://github.com/nicotsx/zerobyte/blob/main/LICENSE">
-    <img src="https://img.shields.io/github/license/nicotsx/zerobyte" />
+  <h1>Ironmount</h1>
+  <h3>Keep your volumes in check!<br />One interface to manage all your storage</h3>
+  <a href="https://github.com/nicotsx/ironmount/blob/main/LICENSE">
+    <img src="https://img.shields.io/github/license/nicotsx/ironmount" />
   </a>
   <br />
   <figure>
-    <img src="https://github.com/nicotsx/zerobyte/blob/main/screenshots/backup-details.webp?raw=true" alt="Demo" />
+    <img src="https://github.com/nicotsx/ironmount/blob/main/screenshots/volume-details.png?raw=true" alt="Demo" />
     <figcaption>
       <p align="center">
-        Backup management with scheduling and monitoring
+        Volume details view with usage statistics and health check status
       </p>
     </figcaption>
   </figure>
 </div>
 
-#### Join the community
+> [!WARNING]  
+> Ironmount is still in version 0.x.x and is subject to major changes from version to version. I am developing the core features and collecting feedbacks. Expect bugs! Please open issues or feature requests
 
-[![Discord](https://img.shields.io/discord/1466834119873925263?label=discord&logo=discord)](https://discord.gg/XjgVyXrcEH)
+## Intro
 
-> [!WARNING]
-> Zerobyte is still in version 0.x.x and is subject to major changes from version to version. I am developing the core features and collecting feedback. Please open issues for bugs or feature requests.
-
-<p align="center">
-<a href="https://www.buymeacoffee.com/nicotsx" target="_blank"><img src="https://cdn.buymeacoffee.com/buttons/v2/default-yellow.png" alt="Buy Me A Coffee" style="height: 60px !important;width: 217px !important;" ></a>
-</p>
-
-## Introduction
-
-Zerobyte is a backup automation tool that helps you save your data across multiple storage backends. Built on top of Restic, it provides an modern web interface to schedule, manage, and monitor encrypted backups of your remote storage.
-
-## Documentation
-
-The official documentation website is available at [zerobyte.app](https://zerobyte.app).
-
-It contains up-to-date setup guides, configuration reference, and usage documentation for running Zerobyte in production.
+Ironmount is an easy to use web interface to manage your remote storage and mount them as local volumes on your server. Docker as a first class citizen, Ironmount allows you to easily mount your remote storage directly into your containers with few lines of code.
 
 ### Features
 
-- **Automated backups** with encryption, compression, and retention policies, powered by Restic
-- **Flexible scheduling** for automated backup jobs with fine-grained retention policies
-- **End-to-end encryption** will ensure your data is always protected
-- **Multi-protocol support** for backup from NFS, SMB, WebDAV, SFTP, or local directories
+- ✅&nbsp; Support for multiple protocols: NFS, SMB, WebDAV, Directory
+- 📡&nbsp; Mount your remote storage as local folders
+- 🐳&nbsp; Docker integration: mount your remote storage directly into your containers via a docker volume syntax
+- 🔍&nbsp; Keep an eye on your mounts with health checks and automatic remounting on error
+- 📊&nbsp; Monitor your mounts usage with detailed statistics and graphs
+
+### Coming soon
+
+- Automated backups with encryption and retention policies
+- Integration with cloud storage providers (e.g. AWS S3, Google Drive, Dropbox)
 
 ## Installation
 
-In order to run Zerobyte, you need to have Docker and Docker Compose installed on your server. Then, you can use the provided `docker-compose.yml` file to start the application.
+In order to run Ironmount, you need to have Docker and Docker Compose installed on your server. Then, you can use the provided `docker-compose.yml` file to start the application.
 
 ```yaml
 services:
-  zerobyte:
-    image: ghcr.io/nicotsx/zerobyte:v0.38
-    container_name: zerobyte
+  ironmount:
+    image: ghcr.io/nicotsx/ironmount:v0.2.0
+    container_name: ironmount
     restart: unless-stopped
     cap_add:
       - SYS_ADMIN
@@ -59,33 +51,18 @@ services:
       - "4096:4096"
     devices:
       - /dev/fuse:/dev/fuse
-    environment:
-      - TZ=Europe/Zurich # Set your timezone here
-      - BASE_URL=http://localhost:4096 # URL you will use to access Zerobyte
-      - APP_SECRET=94bad46...c66e25d5c2b # Generate your own secret with `openssl rand -hex 32`
     volumes:
-      - /etc/localtime:/etc/localtime:ro
-      - /var/lib/zerobyte:/var/lib/zerobyte
+      - /var/run/docker.sock:/var/run/docker.sock
+      - /run/docker/plugins:/run/docker/plugins
+      - /var/lib/docker/volumes/:/var/lib/docker/volumes:rshared
+      - ironmount_data:/data
+
+volumes:
+  ironmount_data:
+    driver: local
 ```
 
-> [!WARNING]
-> It is highly discouraged to run Zerobyte on a server that is accessible from the internet (VPS or home server with port forwarding). If you do, make sure to change the port mapping to "127.0.0.1:4096:4096" and use a secure tunnel (SSH tunnel, Cloudflare Tunnel, etc.) with authentication.
-
-> [!WARNING]
-> Do not try to point `/var/lib/zerobyte` to a network share. You will face permission issues and strong performance degradation.
-
-> [!NOTE]
-> **TrueNAS Users:** The host path `/var/lib` is ephemeral on TrueNAS and will be reset during system upgrades. Instead of using `/var/lib/zerobyte:/var/lib/zerobyte`, create a dedicated ZFS dataset (e.g., `tank/docker/zerobyte`) and mount it instead:
->
-> ```yaml
-> volumes:
->   - /etc/localtime:/etc/localtime:ro
->   - /mnt/tank/docker/zerobyte:/var/lib/zerobyte
-> ```
->
-> This ensures your configuration, encryption keys, and database persist across TrueNAS upgrades.
-
-Then, run the following command to start Zerobyte:
+Then, run the following command to start Ironmount:
 
 ```bash
 docker compose up -d
@@ -93,321 +70,6 @@ docker compose up -d
 
 Once the container is running, you can access the web interface at `http://<your-server-ip>:4096`.
 
-## Configuration
+## Docker volume usage
 
-Zerobyte can be customized using environment variables. Below are the available options:
-
-### Environment variables
-
-| Variable                  | Description                                                                                                                               | Default                |
-| :------------------------ | :---------------------------------------------------------------------------------------------------------------------------------------- | :--------------------- |
-| `BASE_URL`                | **Required.** The base URL of your Zerobyte instance (e.g., `https://zerobyte.example.com`). See [Authentication](#authentication) below. | (none)                 |
-| `APP_SECRET`              | **Required.** A random secret key (32+ chars) used to encrypt sensitive data in the database. Generate with `openssl rand -hex 32`.       | (none)                 |
-| `APP_SECRET_FILE`         | Path to a file containing `APP_SECRET`, useful with Docker or Kubernetes secrets. Mutually exclusive with `APP_SECRET`.                   | (none)                 |
-| `PORT`                    | The port the web interface and API will listen on.                                                                                        | `4096`                 |
-| `RESTIC_HOSTNAME`         | The hostname used by Restic when creating snapshots. Automatically detected if a custom hostname is set in Docker.                        | `zerobyte`             |
-| `TZ`                      | Timezone for the container (e.g., `Europe/Zurich`). **Crucial for accurate backup scheduling.**                                           | `UTC`                  |
-| `TRUST_PROXY`             | When `true`, trust an existing `X-Forwarded-For` header from your reverse proxy. Leave `false` for direct deployments.                    | `false`                |
-| `TRUSTED_ORIGINS`         | Comma-separated list of extra trusted origins for CORS (e.g., `http://localhost:3000,http://example.com`).                                | (none)                 |
-| `WEBHOOK_ALLOWED_ORIGINS` | Comma-separated list of HTTP origins allowed for backup webhooks and outbound HTTP notification destinations.                             | (none)                 |
-| `WEBHOOK_TIMEOUT`         | Timeout for backup webhook requests in seconds.                                                                                           | `60`                   |
-| `LOG_LEVEL`               | Logging verbosity. Options: `debug`, `info`, `warn`, `error`.                                                                             | `info`                 |
-| `SERVER_IDLE_TIMEOUT`     | Idle timeout for the server in seconds.                                                                                                   | `60`                   |
-| `RCLONE_CONFIG_DIR`       | Path to the directory containing `rclone.conf` inside the container. Change this if running as a non-root user.                           | `/root/.config/rclone` |
-| `PROVISIONING_PATH`       | Path to a JSON file with operator-managed repositories and volumes to sync at startup.                                                    | (none)                 |
-
-### Webhook and notification network policy
-
-Backup webhooks and outbound notification destinations that can target arbitrary network hosts are restricted by `WEBHOOK_ALLOWED_ORIGINS`.
-
-The allowlist matches exact origins only: scheme, host, and port must match. Paths are ignored, so `https://hooks.example.com/backups` allows any path on `https://hooks.example.com`, but it does not allow `http://hooks.example.com`, `https://hooks.example.com:8443`, or `https://other.example.com`.
-
-This policy applies to:
-
-- backup pre/post webhook URLs
-- Generic HTTP notification URLs
-- Gotify server URLs
-- self-hosted ntfy server URLs
-- custom Shoutrrr URLs that point at generic HTTP or SMTP network targets
-
-The public ntfy.sh service and fixed-provider notification services such as Slack, Discord, Pushover, and Telegram do not need `WEBHOOK_ALLOWED_ORIGINS`.
-
-Backup webhooks do not follow redirects. Add the final destination origin to `WEBHOOK_ALLOWED_ORIGINS` and configure that final URL directly.
-
-Webhook headers are stored as plain text and must use one `Key: Value` header per line. `WEBHOOK_TIMEOUT` controls backup pre/post webhook request timeouts; notification delivery uses the underlying provider sender behavior.
-
-### Provisioned resources
-
-Zerobyte can sync operator-managed repositories and volumes from a JSON file at startup. This is useful when you want credentials or connection details to live in deployment-time configuration instead of being entered through the UI.
-
-Provisioned resources:
-
-- appear in the normal repositories and volumes screens
-- can resolve credential fields from environment variables or `/run/secrets/*` during startup sync
-
-The complete provisioning documentation is available at [zerobyte.app/docs/guides/provisioning](https://zerobyte.app/docs/guides/provisioning).
-
-See `examples/provisioned-resources/README.md` for a full example.
-
-### Simplified setup (no remote mounts)
-
-If you only need to back up locally-mounted folders and don't require remote share mounting capabilities, you can remove the `SYS_ADMIN` capability and FUSE device from your `docker-compose.yml`:
-
-```yaml
-services:
-  zerobyte:
-    image: ghcr.io/nicotsx/zerobyte:v0.38
-    container_name: zerobyte
-    restart: unless-stopped
-    ports:
-      - "4096:4096"
-    environment:
-      - TZ=Europe/Zurich # Set your timezone here
-      - BASE_URL=http://localhost:4096 # Change this to your actual URL (use https:// for secure cookies)
-      - APP_SECRET=94bad46...c66e25d5c2b # Generate your own secret with `openssl rand -hex 32`
-    volumes:
-      - /etc/localtime:/etc/localtime:ro
-      - /var/lib/zerobyte:/var/lib/zerobyte
-      - /path/to/your/directory:/mydata
-```
-
-**Trade-offs:**
-
-- ✅ Improved security by reducing container capabilities
-- ✅ Support for local directories as backup sources
-- ✅ Support all repository types, local and remote (S3, GCS, Azure, rclone)
-- ❌ Cannot mount NFS, SMB, WebDAV, or SFTP shares directly from Zerobyte
-
-If you need remote mount capabilities, keep the original configuration with `cap_add: SYS_ADMIN` and `devices: /dev/fuse:/dev/fuse`.
-
-## Examples
-
-See [examples/README.md](examples/README.md) for runnable, copy/paste-friendly examples.
-
-## Adding your first volume
-
-Zerobyte supports multiple volume backends including NFS, SMB, WebDAV, SFTP, and local directories. A volume represents the source data you want to back up and monitor.
-
-To add your first volume, navigate to the "Volumes" section in the web interface and click on "Create volume". Fill in the required details such as volume name, type, and connection settings.
-
-If you want to backup a local directory on the same host where Zerobyte is running, you'll first need to mount that directory into the Zerobyte container. You can do this by adding a volume mapping in your `docker-compose.yml` file. For example, to mount `/path/to/your/directory` from the host to `/mydata` in the container, you would add the following line under the `volumes` section:
-
-```diff
-services:
-  zerobyte:
-    image: ghcr.io/nicotsx/zerobyte:v0.38
-    container_name: zerobyte
-    restart: unless-stopped
-    cap_add:
-      - SYS_ADMIN
-    ports:
-      - "4096:4096"
-    devices:
-      - /dev/fuse:/dev/fuse
-    environment:
-      - TZ=Europe/Zurich
-      - BASE_URL=http://localhost:4096 # URL you will use to access Zerobyte
-      - APP_SECRET=94bad46...c66e25d5c2b # Generate your own secret with `openssl rand -hex 32`
-    volumes:
-      - /etc/localtime:/etc/localtime:ro
-      - /var/lib/zerobyte:/var/lib/zerobyte
-+     - /path/to/your/directory:/mydata
-```
-
-After updating the `docker-compose.yml` file, restart the Zerobyte container to apply the changes:
-
-```bash
-docker compose down
-docker compose up -d
-```
-
-Now, when adding a new volume in the Zerobyte web interface, you can select "Directory" as the volume type and search for your mounted path (e.g., `/mydata`) as the source path.
-
-![Add a new volume UI](https://github.com/nicotsx/zerobyte/blob/main/screenshots/add-volume.png?raw=true)
-
-## Creating a repository
-
-A repository is where your backups will be securely stored encrypted. Zerobyte supports multiple storage backends for your backup repositories:
-
-- **Local directories**: Store backups on local disk subfolders in `/var/lib/zerobyte/repositories/` or any other (mounted) path
-- **S3-compatible storage**: Amazon S3, MinIO, Wasabi, DigitalOcean Spaces, etc.
-- **Google Cloud Storage**: Google's cloud storage service
-- **Azure Blob Storage**: Microsoft Azure storage
-- **rclone remotes**: 40+ cloud storage providers via rclone (see below)
-
-Repositories are optimized for storage efficiency and data integrity, leveraging Restic's deduplication and encryption features.
-
-To create a repository, navigate to the "Repositories" section in the web interface and click on "Create repository". Fill in the required details such as repository name, type, and connection settings.
-
-### Using rclone for cloud storage
-
-Zerobyte can use [rclone](https://rclone.org/) to support 40+ cloud storage providers including Google Drive, Dropbox, OneDrive, Box, pCloud, Mega, and many more. This gives you the flexibility to store your backups on virtually any cloud storage service.
-
-**Setup instructions:**
-
-1. **Install rclone on your host system** (if not already installed):
-
-   ```bash
-   curl https://rclone.org/install.sh | sudo bash
-   ```
-
-2. **Configure your cloud storage remote** using rclone's interactive config:
-
-   ```bash
-   rclone config
-   ```
-
-   Follow the prompts to set up your cloud storage provider. For OAuth providers (Google Drive, Dropbox, etc.), rclone will guide you through the authentication flow.
-
-3. **Verify your remote is configured**:
-
-   ```bash
-   rclone listremotes
-   ```
-
-4. **Mount the rclone config into the Zerobyte container** by updating your `docker-compose.yml`:
-
-   ```diff
-   services:
-     zerobyte:
-       image: ghcr.io/nicotsx/zerobyte:v0.38
-       container_name: zerobyte
-       restart: unless-stopped
-       cap_add:
-         - SYS_ADMIN
-       ports:
-         - "4096:4096"
-       devices:
-         - /dev/fuse:/dev/fuse
-       environment:
-         - TZ=Europe/Zurich
-         - BASE_URL=http://localhost:4096 # URL you will use to access Zerobyte
-       volumes:
-         - /etc/localtime:/etc/localtime:ro
-         - /var/lib/zerobyte:/var/lib/zerobyte
-   +     - ~/.config/rclone:/root/.config/rclone:ro
-   ```
-
-   > **Note for non-root users:** If your container runs as a different user (e.g., TrueNAS apps), mount your config to the appropriate location and set `RCLONE_CONFIG_DIR`:
-   >
-   > ```yaml
-   > environment:
-   >   - RCLONE_CONFIG_DIR=/home/appuser/.config/rclone
-   > volumes:
-   >   - ~/.config/rclone:/home/appuser/.config/rclone:ro
-   > ```
-
-5. **Restart the Zerobyte container**:
-
-   ```bash
-   docker compose down
-   docker compose up -d
-   ```
-
-6. **Create a repository** in Zerobyte:
-   - Select "rclone" as the repository type
-   - Choose your configured remote from the dropdown
-   - Specify the path within your remote (e.g., `backups/zerobyte`)
-
-For a complete list of supported providers, see the [rclone documentation](https://rclone.org/).
-
-## Your first backup job
-
-Once you have added a volume and created a repository, you can create your first backup job. A backup job defines the schedule and parameters for backing up a specific volume to a designated repository.
-
-When creating a backup job, you can specify the following settings:
-
-- **Schedule**: Define how often the backup should run (e.g., daily, weekly)
-- **Retention Policy**: Set rules for how long backups should be retained (e.g., keep daily backups for 7 days, weekly backups for 4 weeks)
-- **Paths**: Specify which files or directories to include in the backup
-
-After configuring the backup job, save it and Zerobyte will automatically execute the backup according to the defined schedule.
-You can monitor the progress and status of your backup jobs in the "Backups" section of the web interface.
-
-![Backups UI](https://github.com/nicotsx/zerobyte/blob/main/screenshots/backups-list.png?raw=true)
-
-## Restoring data
-
-Zerobyte allows you to easily restore your data from backups. To restore data, navigate to the "Backups" section and select the backup job from which you want to restore data. You can then choose a specific backup snapshot and select the files or directories you wish to restore. The data you select will be restored to their original location.
-
-![Restore UI](https://github.com/nicotsx/zerobyte/blob/main/screenshots/restoring.png?raw=true)
-
-## Authentication
-
-Zerobyte uses [better-auth](https://github.com/better-auth/better-auth) for authentication and session management. The authentication system automatically adapts to your deployment scenario:
-
-### Users and roles
-
-Zerobyte does not currently provide fine-grained RBAC for backup operations. Authenticated organization members are trusted operators for repositories, volumes, backup schedules, restores, and notification destinations in their organization.
-
-Organization roles mainly restrict organization-management and instance-management actions. For example, normal members cannot manage members, SSO settings, invitations, registration, or global users, but they can still operate backup resources. Only add users to an organization if you are comfortable with them using the storage, volume, and notification capabilities configured for the instance.
-
-### Cookie security
-
-- **IP Address/HTTP access**: Set `BASE_URL=http://192.168.1.50:4096` (or your IP). Cookies will use `Secure: false`, allowing immediate login without SSL.
-- **Domain/HTTPS access**: Set `BASE_URL=https://zerobyte.example.com`. Cookies will automatically use `Secure: true` for protected sessions.
-
-### Reverse proxy setup
-
-If you're running Zerobyte behind a reverse proxy (Nginx, Traefik, Caddy, etc.):
-
-1. **Set `BASE_URL`** to your HTTPS domain (e.g., `https://zerobyte.example.com`)
-2. The app will automatically enable secure cookies based on the `https://` prefix
-3. Ensure your proxy passes the `X-Forwarded-Proto` header
-
-### Important notes
-
-- The `BASE_URL` must start with `https://` for secure cookies to be enabled
-- Local IP addresses (e.g., `http://192.168.x.x`) are **not** treated as secure contexts by browsers, so secure cookies are disabled automatically
-- `TRUSTED_ORIGINS` only allows additional origins for auth-related requests. It does not disable secure cookies or make authenticated HTTP access work when `BASE_URL` is HTTPS.
-- If `BASE_URL` is HTTPS, browsers will only send Zerobyte's auth cookies over HTTPS. Plain HTTP access may still show the login page, but authenticated flows will fail because no session cookie is available.
-
-## Troubleshooting
-
-For troubleshooting common issues, please refer to the [TROUBLESHOOTING.md](TROUBLESHOOTING.md) file.
-
-## Third-party software
-
-This project includes the following third-party software components:
-
-### Restic
-
-Zerobyte includes [Restic](https://github.com/restic/restic) for backup functionality.
-
-- **License**: BSD 2-Clause License
-- **Copyright**: Copyright (c) 2014, Alexander Neumann <alexander@bumpern.de>
-- **Status**: Included unchanged
-- **License Text**: See [LICENSES/BSD-2-Clause-Restic.txt](LICENSES/BSD-2-Clause-Restic.txt)
-
-For a complete list of third-party software licenses and attributions, please refer to the [NOTICES.md](NOTICES.md) file.
-
-## Contributing
-
-Contributions by anyone are welcome! If you find a bug or have a feature request, please open an issue on GitHub. If you want to contribute code, feel free to fork the repository and submit a pull request. We require that all contributors sign a Contributor License Agreement (CLA) before we can accept your contributions. This is to protect both you and the project. Please see the [CONTRIBUTING.md](CONTRIBUTING.md) file for more details.
-
-## Development (no Docker)
-
-After installing Vite+ globally, you can run Zerobyte locally during development without Docker:
-
-```bash
-vp install
-bun run dev
-```
-
-For local development, create a `.env.local` file at the repo root and override the Docker paths:
-
-```bash
-# Example
-ZEROBYTE_DATABASE_URL=./data/zerobyte.db
-APP_SECRET=your_app_secret_here
-RESTIC_PASS_FILE=./data/restic.pass
-RESTIC_CACHE_DIR=./data/restic/cache
-ZEROBYTE_REPOSITORIES_DIR=./data/repositories
-ZEROBYTE_VOLUMES_DIR=./data/volumes
-BASE_URL=https://*.localhost
-```
-
-Notes:
-
-- Remote mount backends (NFS/SMB/WebDAV/SFTP) rely on Linux mount tooling and `CAP_SYS_ADMIN`; on macOS they are expected to be unavailable.
-- To actually run backups/repository checks, install `restic` on your machine (e.g., via Homebrew). If `restic` is not installed, the app still starts but backup operations will fail with a clear error.
+![Preview](https://github.com/nicotsx/ironmount/blob/main/screenshots/docker-instructions.png?raw=true)

SECURITY.md

@@ -1,75 +0,0 @@
-# Security Policy
-
-Thank you for helping keep Zerobyte and its users secure.
-
-Zerobyte is currently in `0.x`, and releases may include breaking changes between versions. For that reason, security fixes are only guaranteed for the most recent stable release line.
-
-## Supported Versions
-
-| Version                                       | Supported          |
-| --------------------------------------------- | ------------------ |
-| Latest stable `0.x` release                   | :white_check_mark: |
-| Older stable `0.x` releases                   | :x:                |
-| Pre-release builds (`-alpha`, `-beta`, `-rc`) | :x:                |
-| Development snapshots from `main`             | :x:                |
-
-Security fixes are generally released in the latest stable version only. If you are running an older release, you may be asked to upgrade before a fix is provided.
-
-## Reporting a Vulnerability
-
-Please do **not** report security vulnerabilities through public GitHub issues, discussions, or pull requests.
-
-Use one of these private channels instead:
-
-1. Preferred: GitHub private vulnerability reporting
-   https://github.com/nicotsx/zerobyte/security/advisories/new
-2. Alternative: contact the maintainer directly by email if an address is listed in the repository or GitHub profile
-
-When reporting, include as much of the following as you can:
-
-- affected Zerobyte version
-- deployment details, including whether you are using Docker, reverse proxies, or exposed ports
-- clear reproduction steps or a proof of concept
-- impact assessment and what an attacker could do
-- any relevant logs, screenshots, or configuration excerpts with secrets removed
-
-### What to expect
-
-- We aim to acknowledge new reports within 7 days.
-- We aim to provide status updates at least every 7 days while the report is being investigated.
-- If the report is accepted, we will work on a fix, coordinate disclosure, and publish a security advisory when appropriate.
-- If the report is declined, out of scope, or cannot be reproduced, we will explain why when possible.
-
-Please avoid public disclosure until a fix has been released and maintainers have had reasonable time to notify users.
-
-## Trust model baseline
-
-Zerobyte is a self-hosted operator tool. Treat any authenticated user as a trusted machine/operator user with intentional access to:
-
-- Browse/select host directories for volumes
-- Configure local, network, and cloud storage backends
-- Trigger mounts/unmounts, backups, restores, and Restic maintenance
-- Read/write files through intended backup/restore workflows
-- Access repository/volume metadata needed to operate backups
-
-Do **not** report these as vulnerabilities by themselves:
-
-- Authenticated host filesystem browsing
-- Local directory volume pointing to broad host paths
-- Backing up arbitrary readable host paths
-- Restoring snapshots to arbitrary writable host paths
-- Authenticated Restic/mount/rclone execution through intended UI flows
-- Information disclosure to authenticated operators about filesystem paths or backend errors
-
-Only report issues when they violate this trust model, for example:
-
-- Unauthenticated access to operator features
-- CSRF/cross-origin abuse causing a trusted operator’s browser to perform actions
-- Shell/command injection beyond intended argument-based execution
-- Path traversal that escapes a deliberately configured root/volume/repository boundary
-- Secret leakage to logs, unauthenticated users, or non-operator contexts
-- Cross-organization data access despite authenticated trust
-- Privilege bypass between global admin/org admin/member where the product explicitly distinguishes roles
-- Unsafe dev-only features enabled without the documented gate
-- Vulnerabilities in parsing untrusted external data from repositories/backends/notifications
-- Persistence corruption, data loss, or workflow bypass not intended by operator actions

TROUBLESHOOTING.md

@@ -1,474 +0,0 @@
-# Troubleshooting
-
-If you encounter any issues while using Zerobyte, you can check the application logs for more information.
-These logs can help you identify and resolve common problems; you should also check existing and closed issues on GitHub.
-In case you need further assistance, feel free to open a new issue with detailed information about the problem you are facing and any relevant log entries.
-
-> [!WARNING]
-> Make sure to never share sensitive information such as passwords, access keys, or personal data in public issues so remove them from logs before posting.
-
-Before troubleshooting, enable debug logging so the logs contain enough detail to diagnose issues.
-
-```yaml
-services:
-  zerobyte:
-    environment:
-      - LOG_LEVEL=debug
-```
-
-After adding `LOG_LEVEL=debug`, restart Zerobyte and then collect logs.
-
-To view the logs, run the command below:
-
-```bash
-# replace 'zerobyte' with your container name if different
-docker logs -f zerobyte
-```
-
----
-
-## Table of Contents
-
-- [Common Issues](#common-issues)
-  - [Permission Denied Errors When Mounting Remote Shares](#permission-denied-errors-when-mounting-remote-shares)
-  - [Security Levels for Mounting Remote Shares](#security-levels-for-mounting-remote-shares)
-    - [Permission Errors with Remote Shares](#permission-errors-with-remote-shares)
-    - [Container Cannot Perform Mounts](#container-cannot-perform-mounts)
-    - [AppArmor-Enabled Systems (Ubuntu/Debian)](#apparmor-enabled-systems-ubuntudebian)
-    - [Seccomp-Restricted Environments](#seccomp-restricted-environments)
-    - [SELinux-Enabled Systems (CentOS/Fedora)](#selinux-enabled-systems-centosfedora)
-    - [Still Getting Permission Errors After SYS_ADMIN](#still-getting-permission-errors-after-sys_admin)
-- [FUSE Mount Failures](#fuse-mount-failures)
-- [Rclone Issues](#rclone-issues)
-  - [Test on Host First](#critical-test-on-host-first)
-  - [Pre-flight Checklist](#pre-flight-checklist)
-    - [Common Rclone Errors](#common-rclone-errors)
-      - ["No Remotes Available" in Dropdown](#no-remotes-available-in-dropdown)
-      - ["Failed to Create File System" Error](#failed-to-create-file-system-error)
-      - [EACCES Errors](#eacces-errors)
-      - [Rclone SFTP Repository Authentication Failures](#rclone-sftp-repository-authentication-failures)
-  - [Rclone Volume Mount Issues](#rclone-volume-mount-issues)
-    - [Prerequisites Check](#prerequisites-check)
-    - [Common Mount Errors](#common-mount-errors)
-  - [Still Having Issues?](#still-having-issues)
-
----
-
-## Common Issues
-
-### Permission Denied Errors When Mounting Remote Shares
-
-Mounting remote filesystems (such as SMB/CIFS) requires kernel-level privileges. When Zerobyte attempts to perform mounts from inside a container, additional permissions may be required.
-
-Ensure that:
-
-- Remote share credentials are correct
-- The host kernel supports the target filesystem (e.g. CIFS module is available)
-- Docker is running in **rootful mode** (rootless Docker cannot perform kernel mounts)
-
-In some environments, Linux security mechanisms such as AppArmor or seccomp may block mount-related operations even when the required capabilities are present.
-
----
-
-### Security Levels for Mounting Remote Shares
-
-Zerobyte supports multiple deployment models depending on your security requirements and environment.
-
----
-
-#### Permission Errors with Remote Shares
-
-**Problem:** You're getting permission errors when Zerobyte tries to mount remote shares (SMB/CIFS, NFS, etc.).
-
-**Solution:** Mount remote shares **outside of Zerobyte** (on the host) and point Zerobyte to an already-mounted local path. This avoids container permission issues entirely.
-
-**How to fix:**
-
-1. Mount your remote share on the host first using `systemd`, `autofs`, or manual mount:
-
-   ```bash
-   sudo mount -t cifs //server/share /mnt/your-remote-share -o credentials=/path/to/creds
-   ```
-
-2. Then mount that local path into Zerobyte:
-
-   ```yaml
-   services:
-     zerobyte:
-       volumes:
-         - /mnt/your-remote-share:/data
-   ```
-
-3. Restart the container:
-   ```bash
-   docker compose down && docker compose up -d
-   ```
-
----
-
-#### Container Cannot Perform Mounts
-
-**Problem:** Zerobyte shows "Operation not permitted" errors when trying to mount remote shares directly.
-
-**Solution:** Grant the `SYS_ADMIN` capability to allow the container to perform mount operations.
-
-**Warning:** This grants significant privileges to the container and should only be used when necessary.
-
-```yaml
-services:
-  zerobyte:
-    cap_add:
-      - SYS_ADMIN
-```
-
-> ⚠️ Granting `SYS_ADMIN` allows the container to perform mount operations and should be used only when strictly necessary.
-
----
-
-#### AppArmor-Enabled Systems (Ubuntu/Debian)
-
-On hosts using AppArmor, the default Docker profile (`docker-default`) may block mount operations even when `SYS_ADMIN` is present.
-
-If mount operations fail with permission errors, you may need to disable AppArmor confinement for the container. Check first if AppArmor is enabled on your system and the profile of the container:
-
-```bash
-# check if AppArmor is enabled
-sudo aa-status
-# if next command returns 'docker-default', AppArmor is enabled on the container
-docker inspect --format='{{.AppArmorProfile}}' zerobyte
-```
-
-If AppArmor is enabled, you can disable it for the Zerobyte container by adding the following to your `docker-compose.yml`:
-
-```yaml
-services:
-  zerobyte:
-    cap_add:
-      - SYS_ADMIN
-    security_opt:
-      - apparmor:unconfined
-```
-
----
-
-#### Seccomp-Restricted Environments
-
-Docker's default seccomp profile may block mount-related syscalls required by filesystem operations.
-
-If mount operations continue to fail, you may need to disable seccomp filtering for the container:
-
-```yaml
-services:
-  zerobyte:
-    cap_add:
-      - SYS_ADMIN
-    security_opt:
-      - seccomp:unconfined
-```
-
----
-
-#### SELinux-Enabled Systems (CentOS/Fedora)
-
-On hosts using SELinux, you may need to adjust the security context to allow mount operations.
-If mount operations fail with permission errors, you can try adding the following label:
-
-```yaml
-services:
-  zerobyte:
-    cap_add:
-      - SYS_ADMIN
-    security_opt:
-      - label:type:container_runtime_t
-```
-
-or disable SELinux enforcement for the container:
-
-```yaml
-services:
-  zerobyte:
-    cap_add:
-      - SYS_ADMIN
-    security_opt:
-      - label:disable
-```
-
----
-
-#### Still Getting Permission Errors After SYS_ADMIN
-
-**Problem:** Mount operations still fail even with `SYS_ADMIN` capability.
-
-**Solution (Last Resort):** Run the container in privileged mode. This disables most container isolation mechanisms and significantly increases the attack surface.
-
-**Warning:** Only use this as a last resort for troubleshooting. Remove and switch to a more secure solution once you identify the actual issue.
-
-```yaml
-services:
-  zerobyte:
-    privileged: true
-```
-
----
-
-### FUSE Mount Failures
-
-**Problem:** FUSE-based mounts (sshfs, rclone mount) are failing with device access errors.
-
-**Cause:** Access to `/dev/fuse` is required for FUSE-based filesystems.
-
-**Solution:** Ensure `/dev/fuse` is mounted into the container. This is **not required** for SMB/CIFS mounts.
-
-````yaml
-services:
-  zerobyte:
-    devices:
-      - /dev/fuse:/dev/fuse
-
----
-
-## Rclone Issues
-
-### ⚠️ Critical: Test on Host First
-
-**Before reporting any rclone-related issue, you MUST verify that rclone works correctly on your Docker host.**
-
-Most rclone issues are due to misconfigured remotes, not Zerobyte bugs. Follow this checklist on your host machine:
-
-```bash
-# 1. List all configured remotes
-rclone listremotes
-
-# 2. Test listing a remote (replace 'myremote' with your remote name)
-rclone lsd myremote:
-
-# 3. Test reading from a remote
-rclone ls myremote:path/to/test
-
-# 4. For volume mounts: Test mounting on host first
-mkdir -p /tmp/rclone-test
-rclone mount myremote:path /tmp/rclone-test --daemon --vfs-cache-mode writes
-ls /tmp/rclone-test
-fusermount -u /tmp/rclone-test  # Unmount when done
-````
-
-**If these commands fail on your host, fix your rclone configuration before using Zerobyte.**
-
-Common issues include:
-
-- Expired OAuth tokens (run `rclone config` to re-authenticate)
-- Incorrect credentials
-- Missing permissions on cloud provider side
-- Network/firewall issues
-
----
-
-### Pre-flight Checklist
-
-If you're experiencing rclone issues, verify all of the following:
-
-- [ ] Rclone is installed and configured on the Docker **host**
-- [ ] `rclone listremotes` shows your remote
-- [ ] `rclone lsd remote:` successfully lists directories
-- [ ] The rclone config directory is mounted into the container
-
----
-
-### Common Rclone Errors
-
-#### "No Remotes Available" in Dropdown
-
-**Cause:** Zerobyte cannot find your rclone configuration file.
-
-**Diagnosis:**
-
-```bash
-# Check which config file rclone will use inside the container
-docker exec zerobyte sh -lc 'echo HOME=$HOME; rclone config file'
-```
-
-**Solutions:**
-
-1. Ensure you've mounted your host's rclone config:
-
-   ```yaml
-   volumes:
-     - ~/.config/rclone:/root/.config/rclone:ro
-   ```
-
-2. For non-root containers (e.g., TrueNAS), set the correct path:
-
-   ```yaml
-   environment:
-     - RCLONE_CONFIG_DIR=/home/appuser/.config/rclone
-   volumes:
-     - ~/.config/rclone:/home/appuser/.config/rclone:ro
-   ```
-
-3. **Restart the container** after mounting the config:
-   ```bash
-   docker compose down
-   docker compose up -d
-   ```
-
-#### "Failed to Create File System" Error
-
-**Cause:** Authentication failure with the cloud provider.
-
-**Solution:**
-
-1. On your host, run: `rclone config`
-2. Re-authenticate the remote (especially for OAuth providers like Google Drive, Dropbox, OneDrive)
-3. Verify with: `rclone lsd remote:`
-4. Restart the Zerobyte container
-
-#### EACCES Errors
-
-**Cause:** AppArmor or seccomp is blocking rclone execution.
-
-**Solution:** Disable security profiles as described in:
-
-- [AppArmor-enabled systems](#apparmor-enabled-systems-ubuntudebian)
-- [Seccomp-restricted environments](#seccomp-restricted-environments)
-
-#### Rclone SFTP Repository Authentication Failures
-
-When creating an **rclone repository** that uses an **SFTP remote**, you may encounter authentication errors even though:
-
-- The rclone config is mounted correctly
-- The SFTP remote appears in the dropdown
-- The same config works on the host
-
-**The issue:** If your rclone SFTP remote uses `key_file` for SSH key authentication, the key file path in your rclone config points to a location on the **host** (e.g., `~/.ssh/id_rsa`). When rclone runs inside the container, it cannot access that path.
-
-**Solutions:**
-
-**Option 1: Mount your SSH keys (Recommended)**
-
-Add your SSH directory to the container volumes:
-
-```yaml
-services:
-  zerobyte:
-    volumes:
-      - ~/.config/rclone:/root/.config/rclone:ro
-      - ~/.ssh:/root/.ssh:ro # Required for SFTP remotes using key_file
-```
-
-**Option 2: Embed the SSH key in rclone config**
-
-Use `key_pem` instead of `key_file` to embed the private key directly in your rclone.conf:
-
-```bash
-# Convert your key to single-line format
-awk '{printf "%s\\n", $0}' < ~/.ssh/id_rsa
-```
-
-Then update your rclone config:
-
-```ini
-[sftp-remote]
-type = sftp
-host = example.com
-user = backup
-key_pem = -----BEGIN OPENSSH PRIVATE KEY-----\nb3BlbnNzaC1rZXktdjEAAAAABG5v...\n-----END OPENSSH PRIVATE KEY-----
-```
-
-**Option 3: Use ssh-agent**
-
-Configure your rclone remote to use ssh-agent instead of a key file:
-
-```ini
-[sftp-remote]
-type = sftp
-host = example.com
-user = backup
-key_use_agent = true
-```
-
-Then mount the SSH agent socket and set the environment variable:
-
-```yaml
-services:
-  zerobyte:
-    environment:
-      - SSH_AUTH_SOCK=/ssh-agent
-    volumes:
-      - ~/.config/rclone:/root/.config/rclone:ro
-      - ${SSH_AUTH_SOCK}:/ssh-agent
-```
-
----
-
-### Rclone Volume Mount Issues
-
-When using rclone as a **volume backend** (mounting cloud storage to back up from), additional requirements apply:
-
-#### Prerequisites Check
-
-If rclone volume mounting isn't working, verify these prerequisites on your system:
-
-- **Linux host required:** Windows/macOS hosts cannot use rclone volumes. If you're on these platforms, you'll need to use a different volume backend.
-- **`/dev/fuse` device:** Check if FUSE is available and properly passed to the container
-- **`SYS_ADMIN` capability:** Required for mount operations inside containers
-- **FUSE support on host:** Verify FUSE is installed and working on your Docker host
-
-#### Common Mount Errors
-
-**"mount helper error: fusermount3: failed to open /dev/fuse: Permission denied"**
-
-Solutions in order of preference:
-
-1. **Verify FUSE works on host first:**
-
-   ```bash
-   # On host
-   rclone mount remote:path /tmp/test --daemon
-   ls /tmp/test
-   fusermount -u /tmp/test
-   ```
-
-2. **Ensure /dev/fuse is mounted in container:**
-
-   ```yaml
-   devices:
-     - /dev/fuse:/dev/fuse
-   ```
-
-3. **Check user permissions inside container:**
-   ```bash
-   docker exec zerobyte ls -la /dev/fuse
-   ```
-
-**"mount helper error: fusermount3: mount failed: Operation not permitted"**
-
-This indicates the container lacks `SYS_ADMIN` capability:
-
-```yaml
-cap_add:
-  - SYS_ADMIN
-```
-
----
-
-### Still having issues?
-
-If you've verified rclone works on the host and followed all troubleshooting steps above, gather this information for your issue report:
-
-```bash
-# Host verification
-rclone version
-rclone listremotes
-rclone lsd remote: 2>&1
-
-# Container verification
-docker exec zerobyte ls -la /root/.config/rclone/
-docker exec zerobyte env | grep RCLONE
-docker logs zerobyte 2>&1 | tail -50
-
-# Check container capabilities
-docker inspect zerobyte --format='{{.HostConfig.CapAdd}}'
-docker inspect zerobyte --format='{{.HostConfig.Devices}}'
-```
-
-Include the output (with sensitive data redacted) in your GitHub issue.

app/client.tsx

@@ -1,20 +0,0 @@
-import { StrictMode, startTransition } from "react";
-import { hydrateRoot } from "react-dom/client";
-import { StartClient } from "@tanstack/react-start/client";
-import { parseError } from "./client/lib/errors";
-
-startTransition(() => {
-	hydrateRoot(
-		document,
-		<StrictMode>
-			<StartClient />
-		</StrictMode>,
-		{
-			onRecoverableError: (error, errorInfo) => {
-				console.error(
-					`[react-recoverable-error] ${parseError(error)?.message}${errorInfo.componentStack ? `\n${errorInfo.componentStack.trim()}` : ""}`,
-				);
-			},
-		},
-	);
-});

app/client/api-client/client.gen.ts

@@ -1,27 +0,0 @@
-// @ts-nocheck
-// This file is auto-generated by @hey-api/openapi-ts
-import { type ClientOptions, type Config, createClient, createConfig } from "./client";
-import type { ClientOptions as ClientOptions2 } from "./types.gen";
-import { getRequestClient } from "../../lib/request-client";
-
-export type CreateClientConfig<T extends ClientOptions = ClientOptions2> = (
-	override?: Config<ClientOptions & T>,
-) => Config<Required<ClientOptions> & T>;
-
-const fallbackClient = createClient(createConfig<ClientOptions2>({ baseUrl: "http://localhost:4096" }));
-
-/**
- * Proxy client that automatically uses the per-request client from request-scoped server storage.
- * Falls back to a default client if no request context is available.
- */
-export const client = new Proxy(fallbackClient, {
-	get(target, prop, receiver) {
-		try {
-			const requestClient = getRequestClient();
-			return Reflect.get(requestClient, prop, receiver);
-		} catch {
-			// No request context available, use fallback
-			return Reflect.get(target, prop, receiver);
-		}
-	},
-});

app/client/api-client/client/client.gen.ts

@@ -1,278 +0,0 @@
-// @ts-nocheck
-// This file is auto-generated by @hey-api/openapi-ts
-
-import { createSseClient } from '../core/serverSentEvents.gen';
-import type { HttpMethod } from '../core/types.gen';
-import { getValidRequestBody } from '../core/utils.gen';
-import type { Client, Config, RequestOptions, ResolvedRequestOptions } from './types.gen';
-import {
-  buildUrl,
-  createConfig,
-  createInterceptors,
-  getParseAs,
-  mergeConfigs,
-  mergeHeaders,
-  setAuthParams,
-} from './utils.gen';
-
-type ReqInit = Omit<RequestInit, 'body' | 'headers'> & {
-  body?: any;
-  headers: ReturnType<typeof mergeHeaders>;
-};
-
-export const createClient = (config: Config = {}): Client => {
-  let _config = mergeConfigs(createConfig(), config);
-
-  const getConfig = (): Config => ({ ..._config });
-
-  const setConfig = (config: Config): Config => {
-    _config = mergeConfigs(_config, config);
-    return getConfig();
-  };
-
-  const interceptors = createInterceptors<Request, Response, unknown, ResolvedRequestOptions>();
-
-  const beforeRequest = async <
-    TData = unknown,
-    TResponseStyle extends 'data' | 'fields' = 'fields',
-    ThrowOnError extends boolean = boolean,
-    Url extends string = string,
-  >(
-    options: RequestOptions<TData, TResponseStyle, ThrowOnError, Url>,
-  ) => {
-    const opts = {
-      ..._config,
-      ...options,
-      fetch: options.fetch ?? _config.fetch ?? globalThis.fetch,
-      headers: mergeHeaders(_config.headers, options.headers),
-      serializedBody: undefined as string | undefined,
-    };
-
-    if (opts.security) {
-      await setAuthParams(opts);
-    }
-
-    if (opts.requestValidator) {
-      await opts.requestValidator(opts);
-    }
-
-    if (opts.body !== undefined && opts.bodySerializer) {
-      opts.serializedBody = opts.bodySerializer(opts.body) as string | undefined;
-    }
-
-    // remove Content-Type header if body is empty to avoid sending invalid requests
-    if (opts.body === undefined || opts.serializedBody === '') {
-      opts.headers.delete('Content-Type');
-    }
-
-    const resolvedOpts = opts as typeof opts &
-      ResolvedRequestOptions<TResponseStyle, ThrowOnError, Url>;
-    const url = buildUrl(resolvedOpts);
-
-    return { opts: resolvedOpts, url };
-  };
-
-  const request: Client['request'] = async (options) => {
-    const throwOnError = options.throwOnError ?? _config.throwOnError;
-    const responseStyle = options.responseStyle ?? _config.responseStyle;
-
-    let request: Request | undefined;
-    let response: Response | undefined;
-
-    try {
-      const { opts, url } = await beforeRequest(options);
-      const requestInit: ReqInit = {
-        redirect: 'follow',
-        ...opts,
-        body: getValidRequestBody(opts),
-      };
-
-      request = new Request(url, requestInit);
-
-      for (const fn of interceptors.request.fns) {
-        if (fn) {
-          request = await fn(request, opts);
-        }
-      }
-
-      // fetch must be assigned here, otherwise it would throw the error:
-      // TypeError: Failed to execute 'fetch' on 'Window': Illegal invocation
-      const _fetch = opts.fetch!;
-
-      response = await _fetch(request);
-
-      for (const fn of interceptors.response.fns) {
-        if (fn) {
-          response = await fn(response, request, opts);
-        }
-      }
-
-      const result = {
-        request,
-        response,
-      };
-
-      if (response.ok) {
-        const parseAs =
-          (opts.parseAs === 'auto'
-            ? getParseAs(response.headers.get('Content-Type'))
-            : opts.parseAs) ?? 'json';
-
-        if (response.status === 204 || response.headers.get('Content-Length') === '0') {
-          let emptyData: any;
-          switch (parseAs) {
-            case 'arrayBuffer':
-            case 'blob':
-            case 'text':
-              emptyData = await response[parseAs]();
-              break;
-            case 'formData':
-              emptyData = new FormData();
-              break;
-            case 'stream':
-              emptyData = response.body;
-              break;
-            case 'json':
-            default:
-              emptyData = {};
-              break;
-          }
-          return opts.responseStyle === 'data'
-            ? emptyData
-            : {
-                data: emptyData,
-                ...result,
-              };
-        }
-
-        let data: any;
-        switch (parseAs) {
-          case 'arrayBuffer':
-          case 'blob':
-          case 'formData':
-          case 'text':
-            data = await response[parseAs]();
-            break;
-          case 'json': {
-            // Some servers return 200 with no Content-Length and empty body.
-            // response.json() would throw; read as text and parse if non-empty.
-            const text = await response.text();
-            data = text ? JSON.parse(text) : {};
-            break;
-          }
-          case 'stream':
-            return opts.responseStyle === 'data'
-              ? response.body
-              : {
-                  data: response.body,
-                  ...result,
-                };
-        }
-
-        if (parseAs === 'json') {
-          if (opts.responseValidator) {
-            await opts.responseValidator(data);
-          }
-
-          if (opts.responseTransformer) {
-            data = await opts.responseTransformer(data);
-          }
-        }
-
-        return opts.responseStyle === 'data'
-          ? data
-          : {
-              data,
-              ...result,
-            };
-      }
-
-      const textError = await response.text();
-      let jsonError: unknown;
-
-      try {
-        jsonError = JSON.parse(textError);
-      } catch {
-        // noop
-      }
-
-      throw jsonError ?? textError;
-    } catch (error) {
-      let finalError = error;
-
-      for (const fn of interceptors.error.fns) {
-        if (fn) {
-          finalError = await fn(finalError, response, request, options as ResolvedRequestOptions);
-        }
-      }
-
-      finalError = finalError || {};
-
-      if (throwOnError) {
-        throw finalError;
-      }
-
-      // TODO: we probably want to return error and improve types
-      return responseStyle === 'data'
-        ? undefined
-        : {
-            error: finalError,
-            request,
-            response,
-          };
-    }
-  };
-
-  const makeMethodFn = (method: Uppercase<HttpMethod>) => (options: RequestOptions) =>
-    request({ ...options, method });
-
-  const makeSseFn = (method: Uppercase<HttpMethod>) => async (options: RequestOptions) => {
-    const { opts, url } = await beforeRequest(options);
-    return createSseClient({
-      ...opts,
-      body: opts.body as BodyInit | null | undefined,
-      method,
-      onRequest: async (url, init) => {
-        let request = new Request(url, init);
-        for (const fn of interceptors.request.fns) {
-          if (fn) {
-            request = await fn(request, opts);
-          }
-        }
-        return request;
-      },
-      serializedBody: getValidRequestBody(opts) as BodyInit | null | undefined,
-      url,
-    });
-  };
-
-  const _buildUrl: Client['buildUrl'] = (options) => buildUrl({ ..._config, ...options });
-
-  return {
-    buildUrl: _buildUrl,
-    connect: makeMethodFn('CONNECT'),
-    delete: makeMethodFn('DELETE'),
-    get: makeMethodFn('GET'),
-    getConfig,
-    head: makeMethodFn('HEAD'),
-    interceptors,
-    options: makeMethodFn('OPTIONS'),
-    patch: makeMethodFn('PATCH'),
-    post: makeMethodFn('POST'),
-    put: makeMethodFn('PUT'),
-    request,
-    setConfig,
-    sse: {
-      connect: makeSseFn('CONNECT'),
-      delete: makeSseFn('DELETE'),
-      get: makeSseFn('GET'),
-      head: makeSseFn('HEAD'),
-      options: makeSseFn('OPTIONS'),
-      patch: makeSseFn('PATCH'),
-      post: makeSseFn('POST'),
-      put: makeSseFn('PUT'),
-      trace: makeSseFn('TRACE'),
-    },
-    trace: makeMethodFn('TRACE'),
-  } as Client;
-};

app/client/api-client/client/types.gen.ts

@@ -1,218 +0,0 @@
-// @ts-nocheck
-// This file is auto-generated by @hey-api/openapi-ts
-
-import type { Auth } from '../core/auth.gen';
-import type {
-  ServerSentEventsOptions,
-  ServerSentEventsResult,
-} from '../core/serverSentEvents.gen';
-import type { Client as CoreClient, Config as CoreConfig } from '../core/types.gen';
-import type { Middleware } from './utils.gen';
-
-export type ResponseStyle = 'data' | 'fields';
-
-export interface Config<T extends ClientOptions = ClientOptions>
-  extends Omit<RequestInit, 'body' | 'headers' | 'method'>, CoreConfig {
-  /**
-   * Base URL for all requests made by this client.
-   */
-  baseUrl?: T['baseUrl'];
-  /**
-   * Fetch API implementation. You can use this option to provide a custom
-   * fetch instance.
-   *
-   * @default globalThis.fetch
-   */
-  fetch?: typeof fetch;
-  /**
-   * Please don't use the Fetch client for Next.js applications. The `next`
-   * options won't have any effect.
-   *
-   * Install {@link https://www.npmjs.com/package/@hey-api/client-next `@hey-api/client-next`} instead.
-   */
-  next?: never;
-  /**
-   * Return the response data parsed in a specified format. By default, `auto`
-   * will infer the appropriate method from the `Content-Type` response header.
-   * You can override this behavior with any of the {@link Body} methods.
-   * Select `stream` if you don't want to parse response data at all.
-   *
-   * @default 'auto'
-   */
-  parseAs?: 'arrayBuffer' | 'auto' | 'blob' | 'formData' | 'json' | 'stream' | 'text';
-  /**
-   * Should we return only data or multiple fields (data, error, response, etc.)?
-   *
-   * @default 'fields'
-   */
-  responseStyle?: ResponseStyle;
-  /**
-   * Throw an error instead of returning it in the response?
-   *
-   * @default false
-   */
-  throwOnError?: T['throwOnError'];
-}
-
-export interface RequestOptions<
-  TData = unknown,
-  TResponseStyle extends ResponseStyle = 'fields',
-  ThrowOnError extends boolean = boolean,
-  Url extends string = string,
->
-  extends
-    Config<{
-      responseStyle: TResponseStyle;
-      throwOnError: ThrowOnError;
-    }>,
-    Pick<
-      ServerSentEventsOptions<TData>,
-      | 'onRequest'
-      | 'onSseError'
-      | 'onSseEvent'
-      | 'sseDefaultRetryDelay'
-      | 'sseMaxRetryAttempts'
-      | 'sseMaxRetryDelay'
-    > {
-  /**
-   * Any body that you want to add to your request.
-   *
-   * {@link https://developer.mozilla.org/docs/Web/API/fetch#body}
-   */
-  body?: unknown;
-  path?: Record<string, unknown>;
-  query?: Record<string, unknown>;
-  /**
-   * Security mechanism(s) to use for the request.
-   */
-  security?: ReadonlyArray<Auth>;
-  url: Url;
-}
-
-export interface ResolvedRequestOptions<
-  TResponseStyle extends ResponseStyle = 'fields',
-  ThrowOnError extends boolean = boolean,
-  Url extends string = string,
-> extends RequestOptions<unknown, TResponseStyle, ThrowOnError, Url> {
-  headers: Headers;
-  serializedBody?: string;
-}
-
-export type RequestResult<
-  TData = unknown,
-  TError = unknown,
-  ThrowOnError extends boolean = boolean,
-  TResponseStyle extends ResponseStyle = 'fields',
-> = ThrowOnError extends true
-  ? Promise<
-      TResponseStyle extends 'data'
-        ? TData extends Record<string, unknown>
-          ? TData[keyof TData]
-          : TData
-        : {
-            data: TData extends Record<string, unknown> ? TData[keyof TData] : TData;
-            request: Request;
-            response: Response;
-          }
-    >
-  : Promise<
-      TResponseStyle extends 'data'
-        ? (TData extends Record<string, unknown> ? TData[keyof TData] : TData) | undefined
-        : (
-            | {
-                data: TData extends Record<string, unknown> ? TData[keyof TData] : TData;
-                error: undefined;
-              }
-            | {
-                data: undefined;
-                error: TError extends Record<string, unknown> ? TError[keyof TError] : TError;
-              }
-          ) & {
-            /** request may be undefined, because error may be from building the request object itself */
-            request?: Request;
-            /** response may be undefined, because error may be from building the request object itself or from a network error */
-            response?: Response;
-          }
-    >;
-
-export interface ClientOptions {
-  baseUrl?: string;
-  responseStyle?: ResponseStyle;
-  throwOnError?: boolean;
-}
-
-type MethodFn = <
-  TData = unknown,
-  TError = unknown,
-  ThrowOnError extends boolean = false,
-  TResponseStyle extends ResponseStyle = 'fields',
->(
-  options: Omit<RequestOptions<TData, TResponseStyle, ThrowOnError>, 'method'>,
-) => RequestResult<TData, TError, ThrowOnError, TResponseStyle>;
-
-type SseFn = <
-  TData = unknown,
-  TError = unknown,
-  ThrowOnError extends boolean = false,
-  TResponseStyle extends ResponseStyle = 'fields',
->(
-  options: Omit<RequestOptions<never, TResponseStyle, ThrowOnError>, 'method'>,
-) => Promise<ServerSentEventsResult<TData, TError>>;
-
-type RequestFn = <
-  TData = unknown,
-  TError = unknown,
-  ThrowOnError extends boolean = false,
-  TResponseStyle extends ResponseStyle = 'fields',
->(
-  options: Omit<RequestOptions<TData, TResponseStyle, ThrowOnError>, 'method'> &
-    Pick<Required<RequestOptions<TData, TResponseStyle, ThrowOnError>>, 'method'>,
-) => RequestResult<TData, TError, ThrowOnError, TResponseStyle>;
-
-type BuildUrlFn = <
-  TData extends {
-    body?: unknown;
-    path?: Record<string, unknown>;
-    query?: Record<string, unknown>;
-    url: string;
-  },
->(
-  options: TData & Options<TData>,
-) => string;
-
-export type Client = CoreClient<RequestFn, Config, MethodFn, BuildUrlFn, SseFn> & {
-  interceptors: Middleware<Request, Response, unknown, ResolvedRequestOptions>;
-};
-
-/**
- * The `createClientConfig()` function will be called on client initialization
- * and the returned object will become the client's initial configuration.
- *
- * You may want to initialize your client this way instead of calling
- * `setConfig()`. This is useful for example if you're using Next.js
- * to ensure your client always has the correct values.
- */
-export type CreateClientConfig<T extends ClientOptions = ClientOptions> = (
-  override?: Config<ClientOptions & T>,
-) => Config<Required<ClientOptions> & T>;
-
-export interface TDataShape {
-  body?: unknown;
-  headers?: unknown;
-  path?: unknown;
-  query?: unknown;
-  url: string;
-}
-
-type OmitKeys<T, K> = Pick<T, Exclude<keyof T, K>>;
-
-export type Options<
-  TData extends TDataShape = TDataShape,
-  ThrowOnError extends boolean = boolean,
-  TResponse = unknown,
-  TResponseStyle extends ResponseStyle = 'fields',
-> = OmitKeys<
-  RequestOptions<TResponse, TResponseStyle, ThrowOnError>,
-  'body' | 'path' | 'query' | 'url'
-> &
-  ([TData] extends [never] ? unknown : Omit<TData, 'url'>);

app/client/api-client/client/utils.gen.ts

@@ -1,317 +0,0 @@
-// @ts-nocheck
-// This file is auto-generated by @hey-api/openapi-ts
-
-import { getAuthToken } from '../core/auth.gen';
-import type { QuerySerializerOptions } from '../core/bodySerializer.gen';
-import { jsonBodySerializer } from '../core/bodySerializer.gen';
-import {
-  serializeArrayParam,
-  serializeObjectParam,
-  serializePrimitiveParam,
-} from '../core/pathSerializer.gen';
-import { getUrl } from '../core/utils.gen';
-import type { Client, ClientOptions, Config, RequestOptions } from './types.gen';
-
-export const createQuerySerializer = <T = unknown>({
-  parameters = {},
-  ...args
-}: QuerySerializerOptions = {}) => {
-  const querySerializer = (queryParams: T) => {
-    const search: string[] = [];
-    if (queryParams && typeof queryParams === 'object') {
-      for (const name in queryParams) {
-        const value = queryParams[name];
-
-        if (value === undefined || value === null) {
-          continue;
-        }
-
-        const options = parameters[name] || args;
-
-        if (Array.isArray(value)) {
-          const serializedArray = serializeArrayParam({
-            allowReserved: options.allowReserved,
-            explode: true,
-            name,
-            style: 'form',
-            value,
-            ...options.array,
-          });
-          if (serializedArray) search.push(serializedArray);
-        } else if (typeof value === 'object') {
-          const serializedObject = serializeObjectParam({
-            allowReserved: options.allowReserved,
-            explode: true,
-            name,
-            style: 'deepObject',
-            value: value as Record<string, unknown>,
-            ...options.object,
-          });
-          if (serializedObject) search.push(serializedObject);
-        } else {
-          const serializedPrimitive = serializePrimitiveParam({
-            allowReserved: options.allowReserved,
-            name,
-            value: value as string,
-          });
-          if (serializedPrimitive) search.push(serializedPrimitive);
-        }
-      }
-    }
-    return search.join('&');
-  };
-  return querySerializer;
-};
-
-/**
- * Infers parseAs value from provided Content-Type header.
- */
-export const getParseAs = (contentType: string | null): Exclude<Config['parseAs'], 'auto'> => {
-  if (!contentType) {
-    // If no Content-Type header is provided, the best we can do is return the raw response body,
-    // which is effectively the same as the 'stream' option.
-    return 'stream';
-  }
-
-  const cleanContent = contentType.split(';')[0]?.trim();
-
-  if (!cleanContent) {
-    return;
-  }
-
-  if (cleanContent.startsWith('application/json') || cleanContent.endsWith('+json')) {
-    return 'json';
-  }
-
-  if (cleanContent === 'multipart/form-data') {
-    return 'formData';
-  }
-
-  if (
-    ['application/', 'audio/', 'image/', 'video/'].some((type) => cleanContent.startsWith(type))
-  ) {
-    return 'blob';
-  }
-
-  if (cleanContent.startsWith('text/')) {
-    return 'text';
-  }
-
-  return;
-};
-
-const checkForExistence = (
-  options: Pick<RequestOptions, 'auth' | 'query'> & {
-    headers: Headers;
-  },
-  name?: string,
-): boolean => {
-  if (!name) {
-    return false;
-  }
-  if (
-    options.headers.has(name) ||
-    options.query?.[name] ||
-    options.headers.get('Cookie')?.includes(`${name}=`)
-  ) {
-    return true;
-  }
-  return false;
-};
-
-export async function setAuthParams(
-  options: Pick<RequestOptions, 'auth' | 'query' | 'security'> & {
-    headers: Headers;
-  },
-): Promise<void> {
-  for (const auth of options.security ?? []) {
-    if (checkForExistence(options, auth.name)) {
-      continue;
-    }
-
-    const token = await getAuthToken(auth, options.auth);
-
-    if (!token) {
-      continue;
-    }
-
-    const name = auth.name ?? 'Authorization';
-
-    switch (auth.in) {
-      case 'query':
-        if (!options.query) {
-          options.query = {};
-        }
-        options.query[name] = token;
-        break;
-      case 'cookie':
-        options.headers.append('Cookie', `${name}=${token}`);
-        break;
-      case 'header':
-      default:
-        options.headers.set(name, token);
-        break;
-    }
-  }
-}
-
-export const buildUrl: Client['buildUrl'] = (options) =>
-  getUrl({
-    baseUrl: options.baseUrl as string,
-    path: options.path,
-    query: options.query,
-    querySerializer:
-      typeof options.querySerializer === 'function'
-        ? options.querySerializer
-        : createQuerySerializer(options.querySerializer),
-    url: options.url,
-  });
-
-export const mergeConfigs = (a: Config, b: Config): Config => {
-  const config = { ...a, ...b };
-  if (config.baseUrl?.endsWith('/')) {
-    config.baseUrl = config.baseUrl.substring(0, config.baseUrl.length - 1);
-  }
-  config.headers = mergeHeaders(a.headers, b.headers);
-  return config;
-};
-
-const headersEntries = (headers: Headers): Array<[string, string]> => {
-  const entries: Array<[string, string]> = [];
-  headers.forEach((value, key) => {
-    entries.push([key, value]);
-  });
-  return entries;
-};
-
-export const mergeHeaders = (
-  ...headers: Array<Required<Config>['headers'] | undefined>
-): Headers => {
-  const mergedHeaders = new Headers();
-  for (const header of headers) {
-    if (!header) {
-      continue;
-    }
-
-    const iterator = header instanceof Headers ? headersEntries(header) : Object.entries(header);
-
-    for (const [key, value] of iterator) {
-      if (value === null) {
-        mergedHeaders.delete(key);
-      } else if (Array.isArray(value)) {
-        for (const v of value) {
-          mergedHeaders.append(key, v as string);
-        }
-      } else if (value !== undefined) {
-        // assume object headers are meant to be JSON stringified, i.e., their
-        // content value in OpenAPI specification is 'application/json'
-        mergedHeaders.set(
-          key,
-          typeof value === 'object' ? JSON.stringify(value) : (value as string),
-        );
-      }
-    }
-  }
-  return mergedHeaders;
-};
-
-type ErrInterceptor<Err, Res, Req, Options> = (
-  error: Err,
-  /** response may be undefined due to a network error where no response object is produced */
-  response: Res | undefined,
-  /** request may be undefined, because error may be from building the request object itself */
-  request: Req | undefined,
-  options: Options,
-) => Err | Promise<Err>;
-
-type ReqInterceptor<Req, Options> = (request: Req, options: Options) => Req | Promise<Req>;
-
-type ResInterceptor<Res, Req, Options> = (
-  response: Res,
-  request: Req,
-  options: Options,
-) => Res | Promise<Res>;
-
-class Interceptors<Interceptor> {
-  fns: Array<Interceptor | null> = [];
-
-  clear(): void {
-    this.fns = [];
-  }
-
-  eject(id: number | Interceptor): void {
-    const index = this.getInterceptorIndex(id);
-    if (this.fns[index]) {
-      this.fns[index] = null;
-    }
-  }
-
-  exists(id: number | Interceptor): boolean {
-    const index = this.getInterceptorIndex(id);
-    return Boolean(this.fns[index]);
-  }
-
-  getInterceptorIndex(id: number | Interceptor): number {
-    if (typeof id === 'number') {
-      return this.fns[id] ? id : -1;
-    }
-    return this.fns.indexOf(id);
-  }
-
-  update(id: number | Interceptor, fn: Interceptor): number | Interceptor | false {
-    const index = this.getInterceptorIndex(id);
-    if (this.fns[index]) {
-      this.fns[index] = fn;
-      return id;
-    }
-    return false;
-  }
-
-  use(fn: Interceptor): number {
-    this.fns.push(fn);
-    return this.fns.length - 1;
-  }
-}
-
-export interface Middleware<Req, Res, Err, Options> {
-  error: Interceptors<ErrInterceptor<Err, Res, Req, Options>>;
-  request: Interceptors<ReqInterceptor<Req, Options>>;
-  response: Interceptors<ResInterceptor<Res, Req, Options>>;
-}
-
-export const createInterceptors = <Req, Res, Err, Options>(): Middleware<
-  Req,
-  Res,
-  Err,
-  Options
-> => ({
-  error: new Interceptors<ErrInterceptor<Err, Res, Req, Options>>(),
-  request: new Interceptors<ReqInterceptor<Req, Options>>(),
-  response: new Interceptors<ResInterceptor<Res, Req, Options>>(),
-});
-
-const defaultQuerySerializer = createQuerySerializer({
-  allowReserved: false,
-  array: {
-    explode: true,
-    style: 'form',
-  },
-  object: {
-    explode: true,
-    style: 'deepObject',
-  },
-});
-
-const defaultHeaders = {
-  'Content-Type': 'application/json',
-};
-
-export const createConfig = <T extends ClientOptions = ClientOptions>(
-  override: Config<Omit<ClientOptions, keyof T> & T> = {},
-): Config<Omit<ClientOptions, keyof T> & T> => ({
-  ...jsonBodySerializer,
-  headers: defaultHeaders,
-  parseAs: 'auto',
-  querySerializer: defaultQuerySerializer,
-  ...override,
-});

app/client/api-client/core/auth.gen.ts

@@ -1,42 +0,0 @@
-// @ts-nocheck
-// This file is auto-generated by @hey-api/openapi-ts
-
-export type AuthToken = string | undefined;
-
-export interface Auth {
-  /**
-   * Which part of the request do we use to send the auth?
-   *
-   * @default 'header'
-   */
-  in?: 'header' | 'query' | 'cookie';
-  /**
-   * Header or query parameter name.
-   *
-   * @default 'Authorization'
-   */
-  name?: string;
-  scheme?: 'basic' | 'bearer';
-  type: 'apiKey' | 'http';
-}
-
-export const getAuthToken = async (
-  auth: Auth,
-  callback: ((auth: Auth) => Promise<AuthToken> | AuthToken) | AuthToken,
-): Promise<string | undefined> => {
-  const token = typeof callback === 'function' ? await callback(auth) : callback;
-
-  if (!token) {
-    return;
-  }
-
-  if (auth.scheme === 'bearer') {
-    return `Bearer ${token}`;
-  }
-
-  if (auth.scheme === 'basic') {
-    return `Basic ${btoa(token)}`;
-  }
-
-  return token;
-};

app/client/api-client/core/bodySerializer.gen.ts

@@ -1,83 +0,0 @@
-// @ts-nocheck
-// This file is auto-generated by @hey-api/openapi-ts
-
-import type { ArrayStyle, ObjectStyle, SerializerOptions } from './pathSerializer.gen';
-
-export type QuerySerializer = (query: Record<string, unknown>) => string;
-
-export type BodySerializer = (body: unknown) => unknown;
-
-type QuerySerializerOptionsObject = {
-  allowReserved?: boolean;
-  array?: Partial<SerializerOptions<ArrayStyle>>;
-  object?: Partial<SerializerOptions<ObjectStyle>>;
-};
-
-export type QuerySerializerOptions = QuerySerializerOptionsObject & {
-  /**
-   * Per-parameter serialization overrides. When provided, these settings
-   * override the global array/object settings for specific parameter names.
-   */
-  parameters?: Record<string, QuerySerializerOptionsObject>;
-};
-
-const serializeFormDataPair = (data: FormData, key: string, value: unknown): void => {
-  if (typeof value === 'string' || value instanceof Blob) {
-    data.append(key, value);
-  } else if (value instanceof Date) {
-    data.append(key, value.toISOString());
-  } else {
-    data.append(key, JSON.stringify(value));
-  }
-};
-
-const serializeUrlSearchParamsPair = (data: URLSearchParams, key: string, value: unknown): void => {
-  if (typeof value === 'string') {
-    data.append(key, value);
-  } else {
-    data.append(key, JSON.stringify(value));
-  }
-};
-
-export const formDataBodySerializer = {
-  bodySerializer: (body: unknown): FormData => {
-    const data = new FormData();
-
-    Object.entries(body as Record<string, unknown>).forEach(([key, value]) => {
-      if (value === undefined || value === null) {
-        return;
-      }
-      if (Array.isArray(value)) {
-        value.forEach((v) => serializeFormDataPair(data, key, v));
-      } else {
-        serializeFormDataPair(data, key, value);
-      }
-    });
-
-    return data;
-  },
-};
-
-export const jsonBodySerializer = {
-  bodySerializer: (body: unknown): string =>
-    JSON.stringify(body, (_key, value) => (typeof value === 'bigint' ? value.toString() : value)),
-};
-
-export const urlSearchParamsBodySerializer = {
-  bodySerializer: (body: unknown): string => {
-    const data = new URLSearchParams();
-
-    Object.entries(body as Record<string, unknown>).forEach(([key, value]) => {
-      if (value === undefined || value === null) {
-        return;
-      }
-      if (Array.isArray(value)) {
-        value.forEach((v) => serializeUrlSearchParamsPair(data, key, v));
-      } else {
-        serializeUrlSearchParamsPair(data, key, value);
-      }
-    });
-
-    return data.toString();
-  },
-};

app/client/api-client/core/params.gen.ts

@@ -1,170 +0,0 @@
-// @ts-nocheck
-// This file is auto-generated by @hey-api/openapi-ts
-
-type Slot = 'body' | 'headers' | 'path' | 'query';
-
-export type Field =
-  | {
-      in: Exclude<Slot, 'body'>;
-      /**
-       * Field name. This is the name we want the user to see and use.
-       */
-      key: string;
-      /**
-       * Field mapped name. This is the name we want to use in the request.
-       * If omitted, we use the same value as `key`.
-       */
-      map?: string;
-    }
-  | {
-      in: Extract<Slot, 'body'>;
-      /**
-       * Key isn't required for bodies.
-       */
-      key?: string;
-      map?: string;
-    }
-  | {
-      /**
-       * Field name. This is the name we want the user to see and use.
-       */
-      key: string;
-      /**
-       * Field mapped name. This is the name we want to use in the request.
-       * If `in` is omitted, `map` aliases `key` to the transport layer.
-       */
-      map: Slot;
-    };
-
-export interface Fields {
-  allowExtra?: Partial<Record<Slot, boolean>>;
-  args?: ReadonlyArray<Field>;
-}
-
-export type FieldsConfig = ReadonlyArray<Field | Fields>;
-
-const extraPrefixesMap: Record<string, Slot> = {
-  $body_: 'body',
-  $headers_: 'headers',
-  $path_: 'path',
-  $query_: 'query',
-};
-const extraPrefixes = Object.entries(extraPrefixesMap);
-
-type KeyMap = Map<
-  string,
-  | {
-      in: Slot;
-      map?: string;
-    }
-  | {
-      in?: never;
-      map: Slot;
-    }
->;
-
-const buildKeyMap = (fields: FieldsConfig, map?: KeyMap): KeyMap => {
-  if (!map) {
-    map = new Map();
-  }
-
-  for (const config of fields) {
-    if ('in' in config) {
-      if (config.key) {
-        map.set(config.key, {
-          in: config.in,
-          map: config.map,
-        });
-      }
-    } else if ('key' in config) {
-      map.set(config.key, {
-        map: config.map,
-      });
-    } else if (config.args) {
-      buildKeyMap(config.args, map);
-    }
-  }
-
-  return map;
-};
-
-interface Params {
-  body: unknown;
-  headers: Record<string, unknown>;
-  path: Record<string, unknown>;
-  query: Record<string, unknown>;
-}
-
-const stripEmptySlots = (params: Params) => {
-  for (const [slot, value] of Object.entries(params)) {
-    if (value && typeof value === 'object' && !Array.isArray(value) && !Object.keys(value).length) {
-      delete params[slot as Slot];
-    }
-  }
-};
-
-export const buildClientParams = (args: ReadonlyArray<unknown>, fields: FieldsConfig) => {
-  const params: Params = {
-    body: {},
-    headers: {},
-    path: {},
-    query: {},
-  };
-
-  const map = buildKeyMap(fields);
-
-  let config: FieldsConfig[number] | undefined;
-
-  for (const [index, arg] of args.entries()) {
-    if (fields[index]) {
-      config = fields[index];
-    }
-
-    if (!config) {
-      continue;
-    }
-
-    if ('in' in config) {
-      if (config.key) {
-        const field = map.get(config.key)!;
-        const name = field.map || config.key;
-        if (field.in) {
-          (params[field.in] as Record<string, unknown>)[name] = arg;
-        }
-      } else {
-        params.body = arg;
-      }
-    } else {
-      for (const [key, value] of Object.entries(arg ?? {})) {
-        const field = map.get(key);
-
-        if (field) {
-          if (field.in) {
-            const name = field.map || key;
-            (params[field.in] as Record<string, unknown>)[name] = value;
-          } else {
-            params[field.map] = value;
-          }
-        } else {
-          const extra = extraPrefixes.find(([prefix]) => key.startsWith(prefix));
-
-          if (extra) {
-            const [prefix, slot] = extra;
-            (params[slot] as Record<string, unknown>)[key.slice(prefix.length)] = value;
-          } else if ('allowExtra' in config && config.allowExtra) {
-            for (const [slot, allowed] of Object.entries(config.allowExtra)) {
-              if (allowed) {
-                (params[slot as Slot] as Record<string, unknown>)[key] = value;
-                break;
-              }
-            }
-          }
-        }
-      }
-    }
-  }
-
-  stripEmptySlots(params);
-
-  return params;
-};

app/client/api-client/core/pathSerializer.gen.ts

@@ -1,172 +0,0 @@
-// @ts-nocheck
-// This file is auto-generated by @hey-api/openapi-ts
-
-interface SerializeOptions<T> extends SerializePrimitiveOptions, SerializerOptions<T> {}
-
-interface SerializePrimitiveOptions {
-  allowReserved?: boolean;
-  name: string;
-}
-
-export interface SerializerOptions<T> {
-  /**
-   * @default true
-   */
-  explode: boolean;
-  style: T;
-}
-
-export type ArrayStyle = 'form' | 'spaceDelimited' | 'pipeDelimited';
-export type ArraySeparatorStyle = ArrayStyle | MatrixStyle;
-type MatrixStyle = 'label' | 'matrix' | 'simple';
-export type ObjectStyle = 'form' | 'deepObject';
-type ObjectSeparatorStyle = ObjectStyle | MatrixStyle;
-
-interface SerializePrimitiveParam extends SerializePrimitiveOptions {
-  value: string;
-}
-
-export const separatorArrayExplode = (style: ArraySeparatorStyle) => {
-  switch (style) {
-    case 'label':
-      return '.';
-    case 'matrix':
-      return ';';
-    case 'simple':
-      return ',';
-    default:
-      return '&';
-  }
-};
-
-export const separatorArrayNoExplode = (style: ArraySeparatorStyle) => {
-  switch (style) {
-    case 'form':
-      return ',';
-    case 'pipeDelimited':
-      return '|';
-    case 'spaceDelimited':
-      return '%20';
-    default:
-      return ',';
-  }
-};
-
-export const separatorObjectExplode = (style: ObjectSeparatorStyle) => {
-  switch (style) {
-    case 'label':
-      return '.';
-    case 'matrix':
-      return ';';
-    case 'simple':
-      return ',';
-    default:
-      return '&';
-  }
-};
-
-export const serializeArrayParam = ({
-  allowReserved,
-  explode,
-  name,
-  style,
-  value,
-}: SerializeOptions<ArraySeparatorStyle> & {
-  value: unknown[];
-}) => {
-  if (!explode) {
-    const joinedValues = (
-      allowReserved ? value : value.map((v) => encodeURIComponent(v as string))
-    ).join(separatorArrayNoExplode(style));
-    switch (style) {
-      case 'label':
-        return `.${joinedValues}`;
-      case 'matrix':
-        return `;${name}=${joinedValues}`;
-      case 'simple':
-        return joinedValues;
-      default:
-        return `${name}=${joinedValues}`;
-    }
-  }
-
-  const separator = separatorArrayExplode(style);
-  const joinedValues = value
-    .map((v) => {
-      if (style === 'label' || style === 'simple') {
-        return allowReserved ? v : encodeURIComponent(v as string);
-      }
-
-      return serializePrimitiveParam({
-        allowReserved,
-        name,
-        value: v as string,
-      });
-    })
-    .join(separator);
-  return style === 'label' || style === 'matrix' ? separator + joinedValues : joinedValues;
-};
-
-export const serializePrimitiveParam = ({
-  allowReserved,
-  name,
-  value,
-}: SerializePrimitiveParam) => {
-  if (value === undefined || value === null) {
-    return '';
-  }
-
-  if (typeof value === 'object') {
-    throw new Error(
-      'Deeply-nested arrays/objects aren’t supported. Provide your own `querySerializer()` to handle these.',
-    );
-  }
-
-  return `${name}=${allowReserved ? value : encodeURIComponent(value)}`;
-};
-
-export const serializeObjectParam = ({
-  allowReserved,
-  explode,
-  name,
-  style,
-  value,
-  valueOnly,
-}: SerializeOptions<ObjectSeparatorStyle> & {
-  value: Record<string, unknown> | Date;
-  valueOnly?: boolean;
-}) => {
-  if (value instanceof Date) {
-    return valueOnly ? value.toISOString() : `${name}=${value.toISOString()}`;
-  }
-
-  if (style !== 'deepObject' && !explode) {
-    let values: string[] = [];
-    Object.entries(value).forEach(([key, v]) => {
-      values = [...values, key, allowReserved ? (v as string) : encodeURIComponent(v as string)];
-    });
-    const joinedValues = values.join(',');
-    switch (style) {
-      case 'form':
-        return `${name}=${joinedValues}`;
-      case 'label':
-        return `.${joinedValues}`;
-      case 'matrix':
-        return `;${name}=${joinedValues}`;
-      default:
-        return joinedValues;
-    }
-  }
-
-  const separator = separatorObjectExplode(style);
-  const joinedValues = Object.entries(value)
-    .map(([key, v]) =>
-      serializePrimitiveParam({
-        allowReserved,
-        name: style === 'deepObject' ? `${name}[${key}]` : key,
-        value: v as string,
-      }),
-    )
-    .join(separator);
-  return style === 'label' || style === 'matrix' ? separator + joinedValues : joinedValues;
-};

app/client/api-client/core/queryKeySerializer.gen.ts

@@ -1,118 +0,0 @@
-// @ts-nocheck
-// This file is auto-generated by @hey-api/openapi-ts
-
-/**
- * JSON-friendly union that mirrors what Pinia Colada can hash.
- */
-export type JsonValue =
-  | null
-  | string
-  | number
-  | boolean
-  | JsonValue[]
-  | { [key: string]: JsonValue };
-
-/**
- * Replacer that converts non-JSON values (bigint, Date, etc.) to safe substitutes.
- */
-export const queryKeyJsonReplacer = (_key: string, value: unknown) => {
-  if (value === undefined || typeof value === 'function' || typeof value === 'symbol') {
-    return undefined;
-  }
-  if (typeof value === 'bigint') {
-    return value.toString();
-  }
-  if (value instanceof Date) {
-    return value.toISOString();
-  }
-  return value;
-};
-
-/**
- * Safely stringifies a value and parses it back into a JsonValue.
- */
-export const stringifyToJsonValue = (input: unknown): JsonValue | undefined => {
-  try {
-    const json = JSON.stringify(input, queryKeyJsonReplacer);
-    if (json === undefined) {
-      return undefined;
-    }
-    return JSON.parse(json) as JsonValue;
-  } catch {
-    return undefined;
-  }
-};
-
-/**
- * Detects plain objects (including objects with a null prototype).
- */
-const isPlainObject = (value: unknown): value is Record<string, unknown> => {
-  if (value === null || typeof value !== 'object') {
-    return false;
-  }
-  const prototype = Object.getPrototypeOf(value as object);
-  return prototype === Object.prototype || prototype === null;
-};
-
-/**
- * Turns URLSearchParams into a sorted JSON object for deterministic keys.
- */
-const serializeSearchParams = (params: URLSearchParams): JsonValue => {
-  const entries = Array.from(params.entries()).sort(([a], [b]) => a.localeCompare(b));
-  const result: Record<string, JsonValue> = {};
-
-  for (const [key, value] of entries) {
-    const existing = result[key];
-    if (existing === undefined) {
-      result[key] = value;
-      continue;
-    }
-
-    if (Array.isArray(existing)) {
-      (existing as string[]).push(value);
-    } else {
-      result[key] = [existing, value];
-    }
-  }
-
-  return result;
-};
-
-/**
- * Normalizes any accepted value into a JSON-friendly shape for query keys.
- */
-export const serializeQueryKeyValue = (value: unknown): JsonValue | undefined => {
-  if (value === null) {
-    return null;
-  }
-
-  if (typeof value === 'string' || typeof value === 'number' || typeof value === 'boolean') {
-    return value;
-  }
-
-  if (value === undefined || typeof value === 'function' || typeof value === 'symbol') {
-    return undefined;
-  }
-
-  if (typeof value === 'bigint') {
-    return value.toString();
-  }
-
-  if (value instanceof Date) {
-    return value.toISOString();
-  }
-
-  if (Array.isArray(value)) {
-    return stringifyToJsonValue(value);
-  }
-
-  if (typeof URLSearchParams !== 'undefined' && value instanceof URLSearchParams) {
-    return serializeSearchParams(value);
-  }
-
-  if (isPlainObject(value)) {
-    return stringifyToJsonValue(value);
-  }
-
-  return undefined;
-};

app/client/api-client/core/serverSentEvents.gen.ts

@@ -1,243 +0,0 @@
-// @ts-nocheck
-// This file is auto-generated by @hey-api/openapi-ts
-
-import type { Config } from './types.gen';
-
-export type ServerSentEventsOptions<TData = unknown> = Omit<RequestInit, 'method'> &
-  Pick<Config, 'method' | 'responseTransformer' | 'responseValidator'> & {
-    /**
-     * Fetch API implementation. You can use this option to provide a custom
-     * fetch instance.
-     *
-     * @default globalThis.fetch
-     */
-    fetch?: typeof fetch;
-    /**
-     * Implementing clients can call request interceptors inside this hook.
-     */
-    onRequest?: (url: string, init: RequestInit) => Promise<Request>;
-    /**
-     * Callback invoked when a network or parsing error occurs during streaming.
-     *
-     * This option applies only if the endpoint returns a stream of events.
-     *
-     * @param error The error that occurred.
-     */
-    onSseError?: (error: unknown) => void;
-    /**
-     * Callback invoked when an event is streamed from the server.
-     *
-     * This option applies only if the endpoint returns a stream of events.
-     *
-     * @param event Event streamed from the server.
-     * @returns Nothing (void).
-     */
-    onSseEvent?: (event: StreamEvent<TData>) => void;
-    serializedBody?: RequestInit['body'];
-    /**
-     * Default retry delay in milliseconds.
-     *
-     * This option applies only if the endpoint returns a stream of events.
-     *
-     * @default 3000
-     */
-    sseDefaultRetryDelay?: number;
-    /**
-     * Maximum number of retry attempts before giving up.
-     */
-    sseMaxRetryAttempts?: number;
-    /**
-     * Maximum retry delay in milliseconds.
-     *
-     * Applies only when exponential backoff is used.
-     *
-     * This option applies only if the endpoint returns a stream of events.
-     *
-     * @default 30000
-     */
-    sseMaxRetryDelay?: number;
-    /**
-     * Optional sleep function for retry backoff.
-     *
-     * Defaults to using `setTimeout`.
-     */
-    sseSleepFn?: (ms: number) => Promise<void>;
-    url: string;
-  };
-
-export interface StreamEvent<TData = unknown> {
-  data: TData;
-  event?: string;
-  id?: string;
-  retry?: number;
-}
-
-export type ServerSentEventsResult<TData = unknown, TReturn = void, TNext = unknown> = {
-  stream: AsyncGenerator<
-    TData extends Record<string, unknown> ? TData[keyof TData] : TData,
-    TReturn,
-    TNext
-  >;
-};
-
-export function createSseClient<TData = unknown>({
-  onRequest,
-  onSseError,
-  onSseEvent,
-  responseTransformer,
-  responseValidator,
-  sseDefaultRetryDelay,
-  sseMaxRetryAttempts,
-  sseMaxRetryDelay,
-  sseSleepFn,
-  url,
-  ...options
-}: ServerSentEventsOptions): ServerSentEventsResult<TData> {
-  let lastEventId: string | undefined;
-
-  const sleep = sseSleepFn ?? ((ms: number) => new Promise((resolve) => setTimeout(resolve, ms)));
-
-  const createStream = async function* () {
-    let retryDelay: number = sseDefaultRetryDelay ?? 3000;
-    let attempt = 0;
-    const signal = options.signal ?? new AbortController().signal;
-
-    while (true) {
-      if (signal.aborted) break;
-
-      attempt++;
-
-      const headers =
-        options.headers instanceof Headers
-          ? options.headers
-          : new Headers(options.headers as Record<string, string> | undefined);
-
-      if (lastEventId !== undefined) {
-        headers.set('Last-Event-ID', lastEventId);
-      }
-
-      try {
-        const requestInit: RequestInit = {
-          redirect: 'follow',
-          ...options,
-          body: options.serializedBody,
-          headers,
-          signal,
-        };
-        let request = new Request(url, requestInit);
-        if (onRequest) {
-          request = await onRequest(url, requestInit);
-        }
-        // fetch must be assigned here, otherwise it would throw the error:
-        // TypeError: Failed to execute 'fetch' on 'Window': Illegal invocation
-        const _fetch = options.fetch ?? globalThis.fetch;
-        const response = await _fetch(request);
-
-        if (!response.ok) throw new Error(`SSE failed: ${response.status} ${response.statusText}`);
-
-        if (!response.body) throw new Error('No body in SSE response');
-
-        const reader = response.body.pipeThrough(new TextDecoderStream()).getReader();
-
-        let buffer = '';
-
-        const abortHandler = () => {
-          try {
-            reader.cancel();
-          } catch {
-            // noop
-          }
-        };
-
-        signal.addEventListener('abort', abortHandler);
-
-        try {
-          while (true) {
-            const { done, value } = await reader.read();
-            if (done) break;
-            buffer += value;
-            buffer = buffer.replace(/\r\n?/g, '\n'); // normalize line endings
-
-            const chunks = buffer.split('\n\n');
-            buffer = chunks.pop() ?? '';
-
-            for (const chunk of chunks) {
-              const lines = chunk.split('\n');
-              const dataLines: Array<string> = [];
-              let eventName: string | undefined;
-
-              for (const line of lines) {
-                if (line.startsWith('data:')) {
-                  dataLines.push(line.replace(/^data:\s*/, ''));
-                } else if (line.startsWith('event:')) {
-                  eventName = line.replace(/^event:\s*/, '');
-                } else if (line.startsWith('id:')) {
-                  lastEventId = line.replace(/^id:\s*/, '');
-                } else if (line.startsWith('retry:')) {
-                  const parsed = Number.parseInt(line.replace(/^retry:\s*/, ''), 10);
-                  if (!Number.isNaN(parsed)) {
-                    retryDelay = parsed;
-                  }
-                }
-              }
-
-              let data: unknown;
-              let parsedJson = false;
-
-              if (dataLines.length) {
-                const rawData = dataLines.join('\n');
-                try {
-                  data = JSON.parse(rawData);
-                  parsedJson = true;
-                } catch {
-                  data = rawData;
-                }
-              }
-
-              if (parsedJson) {
-                if (responseValidator) {
-                  await responseValidator(data);
-                }
-
-                if (responseTransformer) {
-                  data = await responseTransformer(data);
-                }
-              }
-
-              onSseEvent?.({
-                data,
-                event: eventName,
-                id: lastEventId,
-                retry: retryDelay,
-              });
-
-              if (dataLines.length) {
-                yield data as any;
-              }
-            }
-          }
-        } finally {
-          signal.removeEventListener('abort', abortHandler);
-          reader.releaseLock();
-        }
-
-        break; // exit loop on normal completion
-      } catch (error) {
-        // connection failed or aborted; retry after delay
-        onSseError?.(error);
-
-        if (sseMaxRetryAttempts !== undefined && attempt >= sseMaxRetryAttempts) {
-          break; // stop after firing error
-        }
-
-        // exponential backoff: double retry each attempt, cap at 30s
-        const backoff = Math.min(retryDelay * 2 ** (attempt - 1), sseMaxRetryDelay ?? 30000);
-        await sleep(backoff);
-      }
-    }
-  };
-
-  const stream = createStream();
-
-  return { stream };
-}

app/client/api-client/core/types.gen.ts

@@ -1,105 +0,0 @@
-// @ts-nocheck
-// This file is auto-generated by @hey-api/openapi-ts
-
-import type { Auth, AuthToken } from './auth.gen';
-import type { BodySerializer, QuerySerializer, QuerySerializerOptions } from './bodySerializer.gen';
-
-export type HttpMethod =
-  | 'connect'
-  | 'delete'
-  | 'get'
-  | 'head'
-  | 'options'
-  | 'patch'
-  | 'post'
-  | 'put'
-  | 'trace';
-
-export type Client<
-  RequestFn = never,
-  Config = unknown,
-  MethodFn = never,
-  BuildUrlFn = never,
-  SseFn = never,
-> = {
-  /**
-   * Returns the final request URL.
-   */
-  buildUrl: BuildUrlFn;
-  getConfig: () => Config;
-  request: RequestFn;
-  setConfig: (config: Config) => Config;
-} & {
-  [K in HttpMethod]: MethodFn;
-} & ([SseFn] extends [never] ? { sse?: never } : { sse: { [K in HttpMethod]: SseFn } });
-
-export interface Config {
-  /**
-   * Auth token or a function returning auth token. The resolved value will be
-   * added to the request payload as defined by its `security` array.
-   */
-  auth?: ((auth: Auth) => Promise<AuthToken> | AuthToken) | AuthToken;
-  /**
-   * A function for serializing request body parameter. By default,
-   * {@link JSON.stringify()} will be used.
-   */
-  bodySerializer?: BodySerializer | null;
-  /**
-   * An object containing any HTTP headers that you want to pre-populate your
-   * `Headers` object with.
-   *
-   * {@link https://developer.mozilla.org/docs/Web/API/Headers/Headers#init See more}
-   */
-  headers?:
-    | RequestInit['headers']
-    | Record<
-        string,
-        string | number | boolean | (string | number | boolean)[] | null | undefined | unknown
-      >;
-  /**
-   * The request method.
-   *
-   * {@link https://developer.mozilla.org/docs/Web/API/fetch#method See more}
-   */
-  method?: Uppercase<HttpMethod>;
-  /**
-   * A function for serializing request query parameters. By default, arrays
-   * will be exploded in form style, objects will be exploded in deepObject
-   * style, and reserved characters are percent-encoded.
-   *
-   * This method will have no effect if the native `paramsSerializer()` Axios
-   * API function is used.
-   *
-   * {@link https://swagger.io/docs/specification/serialization/#query View examples}
-   */
-  querySerializer?: QuerySerializer | QuerySerializerOptions;
-  /**
-   * A function validating request data. This is useful if you want to ensure
-   * the request conforms to the desired shape, so it can be safely sent to
-   * the server.
-   */
-  requestValidator?: (data: unknown) => Promise<unknown>;
-  /**
-   * A function transforming response data before it's returned. This is useful
-   * for post-processing data, e.g., converting ISO strings into Date objects.
-   */
-  responseTransformer?: (data: unknown) => Promise<unknown>;
-  /**
-   * A function validating response data. This is useful if you want to ensure
-   * the response conforms to the desired shape, so it can be safely passed to
-   * the transformers and returned to the user.
-   */
-  responseValidator?: (data: unknown) => Promise<unknown>;
-}
-
-type IsExactlyNeverOrNeverUndefined<T> = [T] extends [never]
-  ? true
-  : [T] extends [never | undefined]
-    ? [undefined] extends [T]
-      ? false
-      : true
-    : false;
-
-export type OmitNever<T extends Record<string, unknown>> = {
-  [K in keyof T as IsExactlyNeverOrNeverUndefined<T[K]> extends true ? never : K]: T[K];
-};

app/client/api-client/core/utils.gen.ts

@@ -1,141 +0,0 @@
-// @ts-nocheck
-// This file is auto-generated by @hey-api/openapi-ts
-
-import type { BodySerializer, QuerySerializer } from './bodySerializer.gen';
-import {
-  type ArraySeparatorStyle,
-  serializeArrayParam,
-  serializeObjectParam,
-  serializePrimitiveParam,
-} from './pathSerializer.gen';
-
-export interface PathSerializer {
-  path: Record<string, unknown>;
-  url: string;
-}
-
-export const PATH_PARAM_RE = /\{[^{}]+\}/g;
-
-export const defaultPathSerializer = ({ path, url: _url }: PathSerializer) => {
-  let url = _url;
-  const matches = _url.match(PATH_PARAM_RE);
-  if (matches) {
-    for (const match of matches) {
-      let explode = false;
-      let name = match.substring(1, match.length - 1);
-      let style: ArraySeparatorStyle = 'simple';
-
-      if (name.endsWith('*')) {
-        explode = true;
-        name = name.substring(0, name.length - 1);
-      }
-
-      if (name.startsWith('.')) {
-        name = name.substring(1);
-        style = 'label';
-      } else if (name.startsWith(';')) {
-        name = name.substring(1);
-        style = 'matrix';
-      }
-
-      const value = path[name];
-
-      if (value === undefined || value === null) {
-        continue;
-      }
-
-      if (Array.isArray(value)) {
-        url = url.replace(match, serializeArrayParam({ explode, name, style, value }));
-        continue;
-      }
-
-      if (typeof value === 'object') {
-        url = url.replace(
-          match,
-          serializeObjectParam({
-            explode,
-            name,
-            style,
-            value: value as Record<string, unknown>,
-            valueOnly: true,
-          }),
-        );
-        continue;
-      }
-
-      if (style === 'matrix') {
-        url = url.replace(
-          match,
-          `;${serializePrimitiveParam({
-            name,
-            value: value as string,
-          })}`,
-        );
-        continue;
-      }
-
-      const replaceValue = encodeURIComponent(
-        style === 'label' ? `.${value as string}` : (value as string),
-      );
-      url = url.replace(match, replaceValue);
-    }
-  }
-  return url;
-};
-
-export const getUrl = ({
-  baseUrl,
-  path,
-  query,
-  querySerializer,
-  url: _url,
-}: {
-  baseUrl?: string;
-  path?: Record<string, unknown>;
-  query?: Record<string, unknown>;
-  querySerializer: QuerySerializer;
-  url: string;
-}) => {
-  const pathUrl = _url.startsWith('/') ? _url : `/${_url}`;
-  let url = (baseUrl ?? '') + pathUrl;
-  if (path) {
-    url = defaultPathSerializer({ path, url });
-  }
-  let search = query ? querySerializer(query) : '';
-  if (search.startsWith('?')) {
-    search = search.substring(1);
-  }
-  if (search) {
-    url += `?${search}`;
-  }
-  return url;
-};
-
-export function getValidRequestBody(options: {
-  body?: unknown;
-  bodySerializer?: BodySerializer | null;
-  serializedBody?: unknown;
-}) {
-  const hasBody = options.body !== undefined;
-  const isSerializedBody = hasBody && options.bodySerializer;
-
-  if (isSerializedBody) {
-    if ('serializedBody' in options) {
-      const hasSerializedBody =
-        options.serializedBody !== undefined && options.serializedBody !== '';
-
-      return hasSerializedBody ? options.serializedBody : null;
-    }
-
-    // not all clients implement a serializedBody property (i.e., client-axios)
-    return options.body !== '' ? options.body : null;
-  }
-
-  // plain/text body
-  if (hasBody) {
-    return options.body;
-  }
-
-  // no body was provided
-  return undefined;
-}

app/client/api-client/index.ts

@@ -1,318 +0,0 @@
-// @ts-nocheck
-// This file is auto-generated by @hey-api/openapi-ts
-
-export {
-	browseFilesystem,
-	cancelDoctor,
-	createBackupSchedule,
-	createNotificationDestination,
-	createRepository,
-	createVolume,
-	deleteBackupSchedule,
-	deleteNotificationDestination,
-	deleteRepository,
-	deleteSnapshot,
-	deleteSnapshots,
-	deleteSsoInvitation,
-	deleteSsoProvider,
-	deleteUserAccount,
-	deleteVolume,
-	devPanelExec,
-	downloadResticPassword,
-	dumpSnapshot,
-	getAdminUsers,
-	getBackupProgress,
-	getBackupSchedule,
-	getBackupScheduleForVolume,
-	getDevPanel,
-	getMirrorCompatibility,
-	getMirrorSyncStatus,
-	getNotificationDestination,
-	getOrgMembers,
-	getPublicSsoProviders,
-	getRegistrationStatus,
-	getRepository,
-	getRepositoryStats,
-	getScheduleMirrors,
-	getScheduleNotifications,
-	getSnapshotDetails,
-	getSsoSettings,
-	getStatus,
-	getSystemInfo,
-	getUpdates,
-	getUserDeletionImpact,
-	getVolume,
-	healthCheckVolume,
-	listBackupSchedules,
-	listFiles,
-	listNotificationDestinations,
-	listRcloneRemotes,
-	listRepositories,
-	listSnapshotFiles,
-	listSnapshots,
-	listVolumes,
-	mountVolume,
-	type Options,
-	refreshRepositoryStats,
-	refreshSnapshots,
-	removeOrgMember,
-	reorderBackupSchedules,
-	restoreSnapshot,
-	runBackupNow,
-	runForget,
-	setRegistrationStatus,
-	startDoctor,
-	stopBackup,
-	syncMirror,
-	tagSnapshots,
-	testConnection,
-	testNotificationDestination,
-	unlockRepository,
-	unmountVolume,
-	updateBackupSchedule,
-	updateMemberRole,
-	updateNotificationDestination,
-	updateRepository,
-	updateScheduleMirrors,
-	updateScheduleNotifications,
-	updateSsoProviderAutoLinking,
-	updateVolume,
-} from "./sdk.gen";
-export type {
-	BrowseFilesystemData,
-	BrowseFilesystemResponse,
-	BrowseFilesystemResponses,
-	CancelDoctorData,
-	CancelDoctorErrors,
-	CancelDoctorResponse,
-	CancelDoctorResponses,
-	ClientOptions,
-	CreateBackupScheduleData,
-	CreateBackupScheduleResponse,
-	CreateBackupScheduleResponses,
-	CreateNotificationDestinationData,
-	CreateNotificationDestinationResponse,
-	CreateNotificationDestinationResponses,
-	CreateRepositoryData,
-	CreateRepositoryResponse,
-	CreateRepositoryResponses,
-	CreateVolumeData,
-	CreateVolumeResponse,
-	CreateVolumeResponses,
-	DeleteBackupScheduleData,
-	DeleteBackupScheduleResponse,
-	DeleteBackupScheduleResponses,
-	DeleteNotificationDestinationData,
-	DeleteNotificationDestinationErrors,
-	DeleteNotificationDestinationResponse,
-	DeleteNotificationDestinationResponses,
-	DeleteRepositoryData,
-	DeleteRepositoryResponse,
-	DeleteRepositoryResponses,
-	DeleteSnapshotData,
-	DeleteSnapshotResponse,
-	DeleteSnapshotResponses,
-	DeleteSnapshotsData,
-	DeleteSnapshotsResponse,
-	DeleteSnapshotsResponses,
-	DeleteSsoInvitationData,
-	DeleteSsoInvitationErrors,
-	DeleteSsoInvitationResponses,
-	DeleteSsoProviderData,
-	DeleteSsoProviderErrors,
-	DeleteSsoProviderResponses,
-	DeleteUserAccountData,
-	DeleteUserAccountErrors,
-	DeleteUserAccountResponses,
-	DeleteVolumeData,
-	DeleteVolumeResponse,
-	DeleteVolumeResponses,
-	DevPanelExecData,
-	DevPanelExecErrors,
-	DevPanelExecResponse,
-	DevPanelExecResponses,
-	DownloadResticPasswordData,
-	DownloadResticPasswordResponse,
-	DownloadResticPasswordResponses,
-	DumpSnapshotData,
-	DumpSnapshotResponse,
-	DumpSnapshotResponses,
-	GetAdminUsersData,
-	GetAdminUsersResponse,
-	GetAdminUsersResponses,
-	GetBackupProgressData,
-	GetBackupProgressResponse,
-	GetBackupProgressResponses,
-	GetBackupScheduleData,
-	GetBackupScheduleForVolumeData,
-	GetBackupScheduleForVolumeResponse,
-	GetBackupScheduleForVolumeResponses,
-	GetBackupScheduleResponse,
-	GetBackupScheduleResponses,
-	GetDevPanelData,
-	GetDevPanelResponse,
-	GetDevPanelResponses,
-	GetMirrorCompatibilityData,
-	GetMirrorCompatibilityResponse,
-	GetMirrorCompatibilityResponses,
-	GetMirrorSyncStatusData,
-	GetMirrorSyncStatusResponse,
-	GetMirrorSyncStatusResponses,
-	GetNotificationDestinationData,
-	GetNotificationDestinationErrors,
-	GetNotificationDestinationResponse,
-	GetNotificationDestinationResponses,
-	GetOrgMembersData,
-	GetOrgMembersResponse,
-	GetOrgMembersResponses,
-	GetPublicSsoProvidersData,
-	GetPublicSsoProvidersResponse,
-	GetPublicSsoProvidersResponses,
-	GetRegistrationStatusData,
-	GetRegistrationStatusResponse,
-	GetRegistrationStatusResponses,
-	GetRepositoryData,
-	GetRepositoryResponse,
-	GetRepositoryResponses,
-	GetRepositoryStatsData,
-	GetRepositoryStatsResponse,
-	GetRepositoryStatsResponses,
-	GetScheduleMirrorsData,
-	GetScheduleMirrorsResponse,
-	GetScheduleMirrorsResponses,
-	GetScheduleNotificationsData,
-	GetScheduleNotificationsResponse,
-	GetScheduleNotificationsResponses,
-	GetSnapshotDetailsData,
-	GetSnapshotDetailsResponse,
-	GetSnapshotDetailsResponses,
-	GetSsoSettingsData,
-	GetSsoSettingsResponse,
-	GetSsoSettingsResponses,
-	GetStatusData,
-	GetStatusResponse,
-	GetStatusResponses,
-	GetSystemInfoData,
-	GetSystemInfoResponse,
-	GetSystemInfoResponses,
-	GetUpdatesData,
-	GetUpdatesResponse,
-	GetUpdatesResponses,
-	GetUserDeletionImpactData,
-	GetUserDeletionImpactResponse,
-	GetUserDeletionImpactResponses,
-	GetVolumeData,
-	GetVolumeErrors,
-	GetVolumeResponse,
-	GetVolumeResponses,
-	HealthCheckVolumeData,
-	HealthCheckVolumeErrors,
-	HealthCheckVolumeResponse,
-	HealthCheckVolumeResponses,
-	ListBackupSchedulesData,
-	ListBackupSchedulesResponse,
-	ListBackupSchedulesResponses,
-	ListFilesData,
-	ListFilesResponse,
-	ListFilesResponses,
-	ListNotificationDestinationsData,
-	ListNotificationDestinationsResponse,
-	ListNotificationDestinationsResponses,
-	ListRcloneRemotesData,
-	ListRcloneRemotesResponse,
-	ListRcloneRemotesResponses,
-	ListRepositoriesData,
-	ListRepositoriesResponse,
-	ListRepositoriesResponses,
-	ListSnapshotFilesData,
-	ListSnapshotFilesResponse,
-	ListSnapshotFilesResponses,
-	ListSnapshotsData,
-	ListSnapshotsResponse,
-	ListSnapshotsResponses,
-	ListVolumesData,
-	ListVolumesResponse,
-	ListVolumesResponses,
-	MountVolumeData,
-	MountVolumeResponse,
-	MountVolumeResponses,
-	RefreshRepositoryStatsData,
-	RefreshRepositoryStatsResponse,
-	RefreshRepositoryStatsResponses,
-	RefreshSnapshotsData,
-	RefreshSnapshotsResponse,
-	RefreshSnapshotsResponses,
-	RemoveOrgMemberData,
-	RemoveOrgMemberErrors,
-	RemoveOrgMemberResponses,
-	ReorderBackupSchedulesData,
-	ReorderBackupSchedulesResponse,
-	ReorderBackupSchedulesResponses,
-	RestoreSnapshotData,
-	RestoreSnapshotResponse,
-	RestoreSnapshotResponses,
-	RunBackupNowData,
-	RunBackupNowResponse,
-	RunBackupNowResponses,
-	RunForgetData,
-	RunForgetResponse,
-	RunForgetResponses,
-	SetRegistrationStatusData,
-	SetRegistrationStatusResponse,
-	SetRegistrationStatusResponses,
-	StartDoctorData,
-	StartDoctorErrors,
-	StartDoctorResponse,
-	StartDoctorResponses,
-	StopBackupData,
-	StopBackupErrors,
-	StopBackupResponse,
-	StopBackupResponses,
-	SyncMirrorData,
-	SyncMirrorErrors,
-	SyncMirrorResponse,
-	SyncMirrorResponses,
-	TagSnapshotsData,
-	TagSnapshotsResponse,
-	TagSnapshotsResponses,
-	TestConnectionData,
-	TestConnectionResponse,
-	TestConnectionResponses,
-	TestNotificationDestinationData,
-	TestNotificationDestinationErrors,
-	TestNotificationDestinationResponse,
-	TestNotificationDestinationResponses,
-	UnlockRepositoryData,
-	UnlockRepositoryResponse,
-	UnlockRepositoryResponses,
-	UnmountVolumeData,
-	UnmountVolumeResponse,
-	UnmountVolumeResponses,
-	UpdateBackupScheduleData,
-	UpdateBackupScheduleResponse,
-	UpdateBackupScheduleResponses,
-	UpdateMemberRoleData,
-	UpdateMemberRoleErrors,
-	UpdateMemberRoleResponses,
-	UpdateNotificationDestinationData,
-	UpdateNotificationDestinationErrors,
-	UpdateNotificationDestinationResponse,
-	UpdateNotificationDestinationResponses,
-	UpdateRepositoryData,
-	UpdateRepositoryErrors,
-	UpdateRepositoryResponse,
-	UpdateRepositoryResponses,
-	UpdateScheduleMirrorsData,
-	UpdateScheduleMirrorsResponse,
-	UpdateScheduleMirrorsResponses,
-	UpdateScheduleNotificationsData,
-	UpdateScheduleNotificationsResponse,
-	UpdateScheduleNotificationsResponses,
-	UpdateSsoProviderAutoLinkingData,
-	UpdateSsoProviderAutoLinkingErrors,
-	UpdateSsoProviderAutoLinkingResponses,
-	UpdateVolumeData,
-	UpdateVolumeErrors,
-	UpdateVolumeResponse,
-	UpdateVolumeResponses,
-} from "./types.gen";

app/client/api-client/sdk.gen.ts

@@ -1,537 +0,0 @@
-// @ts-nocheck
-// This file is auto-generated by @hey-api/openapi-ts
-
-import type { Client, Options as Options2, TDataShape } from './client';
-import { client } from './client.gen';
-import type { BrowseFilesystemData, BrowseFilesystemResponses, CancelDoctorData, CancelDoctorErrors, CancelDoctorResponses, CreateBackupScheduleData, CreateBackupScheduleResponses, CreateNotificationDestinationData, CreateNotificationDestinationResponses, CreateRepositoryData, CreateRepositoryResponses, CreateVolumeData, CreateVolumeResponses, DeleteBackupScheduleData, DeleteBackupScheduleResponses, DeleteNotificationDestinationData, DeleteNotificationDestinationErrors, DeleteNotificationDestinationResponses, DeleteRepositoryData, DeleteRepositoryResponses, DeleteSnapshotData, DeleteSnapshotResponses, DeleteSnapshotsData, DeleteSnapshotsResponses, DeleteSsoInvitationData, DeleteSsoInvitationErrors, DeleteSsoInvitationResponses, DeleteSsoProviderData, DeleteSsoProviderErrors, DeleteSsoProviderResponses, DeleteUserAccountData, DeleteUserAccountErrors, DeleteUserAccountResponses, DeleteVolumeData, DeleteVolumeResponses, DevPanelExecData, DevPanelExecErrors, DevPanelExecResponse, DevPanelExecResponses, DownloadResticPasswordData, DownloadResticPasswordResponses, DumpSnapshotData, DumpSnapshotResponses, GetAdminUsersData, GetAdminUsersResponses, GetBackupProgressData, GetBackupProgressResponses, GetBackupScheduleData, GetBackupScheduleForVolumeData, GetBackupScheduleForVolumeResponses, GetBackupScheduleResponses, GetDevPanelData, GetDevPanelResponses, GetMirrorCompatibilityData, GetMirrorCompatibilityResponses, GetMirrorSyncStatusData, GetMirrorSyncStatusResponses, GetNotificationDestinationData, GetNotificationDestinationErrors, GetNotificationDestinationResponses, GetOrgMembersData, GetOrgMembersResponses, GetPublicSsoProvidersData, GetPublicSsoProvidersResponses, GetRegistrationStatusData, GetRegistrationStatusResponses, GetRepositoryData, GetRepositoryResponses, GetRepositoryStatsData, GetRepositoryStatsResponses, GetScheduleMirrorsData, GetScheduleMirrorsResponses, GetScheduleNotificationsData, GetScheduleNotificationsResponses, GetSnapshotDetailsData, GetSnapshotDetailsResponses, GetSsoSettingsData, GetSsoSettingsResponses, GetStatusData, GetStatusResponses, GetSystemInfoData, GetSystemInfoResponses, GetUpdatesData, GetUpdatesResponses, GetUserDeletionImpactData, GetUserDeletionImpactResponses, GetVolumeData, GetVolumeErrors, GetVolumeResponses, HealthCheckVolumeData, HealthCheckVolumeErrors, HealthCheckVolumeResponses, ListBackupSchedulesData, ListBackupSchedulesResponses, ListFilesData, ListFilesResponses, ListNotificationDestinationsData, ListNotificationDestinationsResponses, ListRcloneRemotesData, ListRcloneRemotesResponses, ListRepositoriesData, ListRepositoriesResponses, ListSnapshotFilesData, ListSnapshotFilesResponses, ListSnapshotsData, ListSnapshotsResponses, ListVolumesData, ListVolumesResponses, MountVolumeData, MountVolumeResponses, RefreshRepositoryStatsData, RefreshRepositoryStatsResponses, RefreshSnapshotsData, RefreshSnapshotsResponses, RemoveOrgMemberData, RemoveOrgMemberErrors, RemoveOrgMemberResponses, ReorderBackupSchedulesData, ReorderBackupSchedulesResponses, RestoreSnapshotData, RestoreSnapshotResponses, RunBackupNowData, RunBackupNowResponses, RunForgetData, RunForgetResponses, SetRegistrationStatusData, SetRegistrationStatusResponses, StartDoctorData, StartDoctorErrors, StartDoctorResponses, StopBackupData, StopBackupErrors, StopBackupResponses, SyncMirrorData, SyncMirrorErrors, SyncMirrorResponses, TagSnapshotsData, TagSnapshotsResponses, TestConnectionData, TestConnectionResponses, TestNotificationDestinationData, TestNotificationDestinationErrors, TestNotificationDestinationResponses, UnlockRepositoryData, UnlockRepositoryResponses, UnmountVolumeData, UnmountVolumeResponses, UpdateBackupScheduleData, UpdateBackupScheduleResponses, UpdateMemberRoleData, UpdateMemberRoleErrors, UpdateMemberRoleResponses, UpdateNotificationDestinationData, UpdateNotificationDestinationErrors, UpdateNotificationDestinationResponses, UpdateRepositoryData, UpdateRepositoryErrors, UpdateRepositoryResponses, UpdateScheduleMirrorsData, UpdateScheduleMirrorsResponses, UpdateScheduleNotificationsData, UpdateScheduleNotificationsResponses, UpdateSsoProviderAutoLinkingData, UpdateSsoProviderAutoLinkingErrors, UpdateSsoProviderAutoLinkingResponses, UpdateVolumeData, UpdateVolumeErrors, UpdateVolumeResponses } from './types.gen';
-
-export type Options<TData extends TDataShape = TDataShape, ThrowOnError extends boolean = boolean, TResponse = unknown> = Options2<TData, ThrowOnError, TResponse> & {
-    /**
-     * You can provide a client instance returned by `createClient()` instead of
-     * individual options. This might be also useful if you want to implement a
-     * custom client.
-     */
-    client?: Client;
-    /**
-     * You can pass arbitrary values through the `meta` object. This can be
-     * used to access values that aren't defined as part of the SDK function.
-     */
-    meta?: Record<string, unknown>;
-};
-
-/**
- * Get authentication system status
- */
-export const getStatus = <ThrowOnError extends boolean = false>(options?: Options<GetStatusData, ThrowOnError>) => (options?.client ?? client).get<GetStatusResponses, unknown, ThrowOnError>({ url: '/api/v1/auth/status', ...options });
-
-/**
- * List admin users for settings management
- */
-export const getAdminUsers = <ThrowOnError extends boolean = false>(options?: Options<GetAdminUsersData, ThrowOnError>) => (options?.client ?? client).get<GetAdminUsersResponses, unknown, ThrowOnError>({ url: '/api/v1/auth/admin-users', ...options });
-
-/**
- * Delete an account linked to a user
- */
-export const deleteUserAccount = <ThrowOnError extends boolean = false>(options: Options<DeleteUserAccountData, ThrowOnError>) => (options.client ?? client).delete<DeleteUserAccountResponses, DeleteUserAccountErrors, ThrowOnError>({ url: '/api/v1/auth/admin-users/{userId}/accounts/{accountId}', ...options });
-
-/**
- * Get impact of deleting a user
- */
-export const getUserDeletionImpact = <ThrowOnError extends boolean = false>(options: Options<GetUserDeletionImpactData, ThrowOnError>) => (options.client ?? client).get<GetUserDeletionImpactResponses, unknown, ThrowOnError>({ url: '/api/v1/auth/deletion-impact/{userId}', ...options });
-
-/**
- * Get members of the active organization
- */
-export const getOrgMembers = <ThrowOnError extends boolean = false>(options?: Options<GetOrgMembersData, ThrowOnError>) => (options?.client ?? client).get<GetOrgMembersResponses, unknown, ThrowOnError>({ url: '/api/v1/auth/org-members', ...options });
-
-/**
- * Update a member's role in the active organization
- */
-export const updateMemberRole = <ThrowOnError extends boolean = false>(options: Options<UpdateMemberRoleData, ThrowOnError>) => (options.client ?? client).patch<UpdateMemberRoleResponses, UpdateMemberRoleErrors, ThrowOnError>({
-    url: '/api/v1/auth/org-members/{memberId}/role',
-    ...options,
-    headers: {
-        'Content-Type': 'application/json',
-        ...options.headers
-    }
-});
-
-/**
- * Remove a member from the active organization
- */
-export const removeOrgMember = <ThrowOnError extends boolean = false>(options: Options<RemoveOrgMemberData, ThrowOnError>) => (options.client ?? client).delete<RemoveOrgMemberResponses, RemoveOrgMemberErrors, ThrowOnError>({ url: '/api/v1/auth/org-members/{memberId}', ...options });
-
-/**
- * Get public SSO providers for the instance
- */
-export const getPublicSsoProviders = <ThrowOnError extends boolean = false>(options?: Options<GetPublicSsoProvidersData, ThrowOnError>) => (options?.client ?? client).get<GetPublicSsoProvidersResponses, unknown, ThrowOnError>({ url: '/api/v1/auth/sso-providers', ...options });
-
-/**
- * Get SSO providers and invitations for the active organization
- */
-export const getSsoSettings = <ThrowOnError extends boolean = false>(options?: Options<GetSsoSettingsData, ThrowOnError>) => (options?.client ?? client).get<GetSsoSettingsResponses, unknown, ThrowOnError>({ url: '/api/v1/auth/sso-settings', ...options });
-
-/**
- * Delete an SSO provider
- */
-export const deleteSsoProvider = <ThrowOnError extends boolean = false>(options: Options<DeleteSsoProviderData, ThrowOnError>) => (options.client ?? client).delete<DeleteSsoProviderResponses, DeleteSsoProviderErrors, ThrowOnError>({ url: '/api/v1/auth/sso-providers/{providerId}', ...options });
-
-/**
- * Update whether SSO sign-in can auto-link existing accounts by email
- */
-export const updateSsoProviderAutoLinking = <ThrowOnError extends boolean = false>(options: Options<UpdateSsoProviderAutoLinkingData, ThrowOnError>) => (options.client ?? client).patch<UpdateSsoProviderAutoLinkingResponses, UpdateSsoProviderAutoLinkingErrors, ThrowOnError>({
-    url: '/api/v1/auth/sso-providers/{providerId}/auto-linking',
-    ...options,
-    headers: {
-        'Content-Type': 'application/json',
-        ...options.headers
-    }
-});
-
-/**
- * Delete an SSO invitation
- */
-export const deleteSsoInvitation = <ThrowOnError extends boolean = false>(options: Options<DeleteSsoInvitationData, ThrowOnError>) => (options.client ?? client).delete<DeleteSsoInvitationResponses, DeleteSsoInvitationErrors, ThrowOnError>({ url: '/api/v1/auth/sso-invitations/{invitationId}', ...options });
-
-/**
- * List all volumes
- */
-export const listVolumes = <ThrowOnError extends boolean = false>(options?: Options<ListVolumesData, ThrowOnError>) => (options?.client ?? client).get<ListVolumesResponses, unknown, ThrowOnError>({ url: '/api/v1/volumes', ...options });
-
-/**
- * Create a new volume
- */
-export const createVolume = <ThrowOnError extends boolean = false>(options: Options<CreateVolumeData, ThrowOnError>) => (options.client ?? client).post<CreateVolumeResponses, unknown, ThrowOnError>({
-    url: '/api/v1/volumes',
-    ...options,
-    headers: {
-        'Content-Type': 'application/json',
-        ...options.headers
-    }
-});
-
-/**
- * Test connection to backend
- */
-export const testConnection = <ThrowOnError extends boolean = false>(options: Options<TestConnectionData, ThrowOnError>) => (options.client ?? client).post<TestConnectionResponses, unknown, ThrowOnError>({
-    url: '/api/v1/volumes/test-connection',
-    ...options,
-    headers: {
-        'Content-Type': 'application/json',
-        ...options.headers
-    }
-});
-
-/**
- * Delete a volume
- */
-export const deleteVolume = <ThrowOnError extends boolean = false>(options: Options<DeleteVolumeData, ThrowOnError>) => (options.client ?? client).delete<DeleteVolumeResponses, unknown, ThrowOnError>({ url: '/api/v1/volumes/{shortId}', ...options });
-
-/**
- * Get a volume by name
- */
-export const getVolume = <ThrowOnError extends boolean = false>(options: Options<GetVolumeData, ThrowOnError>) => (options.client ?? client).get<GetVolumeResponses, GetVolumeErrors, ThrowOnError>({ url: '/api/v1/volumes/{shortId}', ...options });
-
-/**
- * Update a volume's configuration
- */
-export const updateVolume = <ThrowOnError extends boolean = false>(options: Options<UpdateVolumeData, ThrowOnError>) => (options.client ?? client).put<UpdateVolumeResponses, UpdateVolumeErrors, ThrowOnError>({
-    url: '/api/v1/volumes/{shortId}',
-    ...options,
-    headers: {
-        'Content-Type': 'application/json',
-        ...options.headers
-    }
-});
-
-/**
- * Mount a volume
- */
-export const mountVolume = <ThrowOnError extends boolean = false>(options: Options<MountVolumeData, ThrowOnError>) => (options.client ?? client).post<MountVolumeResponses, unknown, ThrowOnError>({ url: '/api/v1/volumes/{shortId}/mount', ...options });
-
-/**
- * Unmount a volume
- */
-export const unmountVolume = <ThrowOnError extends boolean = false>(options: Options<UnmountVolumeData, ThrowOnError>) => (options.client ?? client).post<UnmountVolumeResponses, unknown, ThrowOnError>({ url: '/api/v1/volumes/{shortId}/unmount', ...options });
-
-/**
- * Perform a health check on a volume
- */
-export const healthCheckVolume = <ThrowOnError extends boolean = false>(options: Options<HealthCheckVolumeData, ThrowOnError>) => (options.client ?? client).post<HealthCheckVolumeResponses, HealthCheckVolumeErrors, ThrowOnError>({ url: '/api/v1/volumes/{shortId}/health-check', ...options });
-
-/**
- * List files in a volume directory
- */
-export const listFiles = <ThrowOnError extends boolean = false>(options: Options<ListFilesData, ThrowOnError>) => (options.client ?? client).get<ListFilesResponses, unknown, ThrowOnError>({ url: '/api/v1/volumes/{shortId}/files', ...options });
-
-/**
- * Browse directories on the host filesystem
- */
-export const browseFilesystem = <ThrowOnError extends boolean = false>(options?: Options<BrowseFilesystemData, ThrowOnError>) => (options?.client ?? client).get<BrowseFilesystemResponses, unknown, ThrowOnError>({ url: '/api/v1/volumes/filesystem/browse', ...options });
-
-/**
- * List all repositories
- */
-export const listRepositories = <ThrowOnError extends boolean = false>(options?: Options<ListRepositoriesData, ThrowOnError>) => (options?.client ?? client).get<ListRepositoriesResponses, unknown, ThrowOnError>({ url: '/api/v1/repositories', ...options });
-
-/**
- * Create a new restic repository
- */
-export const createRepository = <ThrowOnError extends boolean = false>(options: Options<CreateRepositoryData, ThrowOnError>) => (options.client ?? client).post<CreateRepositoryResponses, unknown, ThrowOnError>({
-    url: '/api/v1/repositories',
-    ...options,
-    headers: {
-        'Content-Type': 'application/json',
-        ...options.headers
-    }
-});
-
-/**
- * List all configured rclone remotes on the host system
- */
-export const listRcloneRemotes = <ThrowOnError extends boolean = false>(options?: Options<ListRcloneRemotesData, ThrowOnError>) => (options?.client ?? client).get<ListRcloneRemotesResponses, unknown, ThrowOnError>({ url: '/api/v1/repositories/rclone-remotes', ...options });
-
-/**
- * Delete a repository
- */
-export const deleteRepository = <ThrowOnError extends boolean = false>(options: Options<DeleteRepositoryData, ThrowOnError>) => (options.client ?? client).delete<DeleteRepositoryResponses, unknown, ThrowOnError>({ url: '/api/v1/repositories/{shortId}', ...options });
-
-/**
- * Get a single repository by ID
- */
-export const getRepository = <ThrowOnError extends boolean = false>(options: Options<GetRepositoryData, ThrowOnError>) => (options.client ?? client).get<GetRepositoryResponses, unknown, ThrowOnError>({ url: '/api/v1/repositories/{shortId}', ...options });
-
-/**
- * Update a repository's name or settings
- */
-export const updateRepository = <ThrowOnError extends boolean = false>(options: Options<UpdateRepositoryData, ThrowOnError>) => (options.client ?? client).patch<UpdateRepositoryResponses, UpdateRepositoryErrors, ThrowOnError>({
-    url: '/api/v1/repositories/{shortId}',
-    ...options,
-    headers: {
-        'Content-Type': 'application/json',
-        ...options.headers
-    }
-});
-
-/**
- * Get repository storage and compression statistics
- */
-export const getRepositoryStats = <ThrowOnError extends boolean = false>(options: Options<GetRepositoryStatsData, ThrowOnError>) => (options.client ?? client).get<GetRepositoryStatsResponses, unknown, ThrowOnError>({ url: '/api/v1/repositories/{shortId}/stats', ...options });
-
-/**
- * Refresh repository storage and compression statistics
- */
-export const refreshRepositoryStats = <ThrowOnError extends boolean = false>(options: Options<RefreshRepositoryStatsData, ThrowOnError>) => (options.client ?? client).post<RefreshRepositoryStatsResponses, unknown, ThrowOnError>({ url: '/api/v1/repositories/{shortId}/stats/refresh', ...options });
-
-/**
- * Delete multiple snapshots from a repository
- */
-export const deleteSnapshots = <ThrowOnError extends boolean = false>(options: Options<DeleteSnapshotsData, ThrowOnError>) => (options.client ?? client).delete<DeleteSnapshotsResponses, unknown, ThrowOnError>({
-    url: '/api/v1/repositories/{shortId}/snapshots',
-    ...options,
-    headers: {
-        'Content-Type': 'application/json',
-        ...options.headers
-    }
-});
-
-/**
- * List all snapshots in a repository
- */
-export const listSnapshots = <ThrowOnError extends boolean = false>(options: Options<ListSnapshotsData, ThrowOnError>) => (options.client ?? client).get<ListSnapshotsResponses, unknown, ThrowOnError>({ url: '/api/v1/repositories/{shortId}/snapshots', ...options });
-
-/**
- * Clear snapshot cache and force refresh from repository
- */
-export const refreshSnapshots = <ThrowOnError extends boolean = false>(options: Options<RefreshSnapshotsData, ThrowOnError>) => (options.client ?? client).post<RefreshSnapshotsResponses, unknown, ThrowOnError>({ url: '/api/v1/repositories/{shortId}/snapshots/refresh', ...options });
-
-/**
- * Delete a specific snapshot from a repository
- */
-export const deleteSnapshot = <ThrowOnError extends boolean = false>(options: Options<DeleteSnapshotData, ThrowOnError>) => (options.client ?? client).delete<DeleteSnapshotResponses, unknown, ThrowOnError>({ url: '/api/v1/repositories/{shortId}/snapshots/{snapshotId}', ...options });
-
-/**
- * Get details of a specific snapshot
- */
-export const getSnapshotDetails = <ThrowOnError extends boolean = false>(options: Options<GetSnapshotDetailsData, ThrowOnError>) => (options.client ?? client).get<GetSnapshotDetailsResponses, unknown, ThrowOnError>({ url: '/api/v1/repositories/{shortId}/snapshots/{snapshotId}', ...options });
-
-/**
- * List files and directories in a snapshot
- */
-export const listSnapshotFiles = <ThrowOnError extends boolean = false>(options: Options<ListSnapshotFilesData, ThrowOnError>) => (options.client ?? client).get<ListSnapshotFilesResponses, unknown, ThrowOnError>({ url: '/api/v1/repositories/{shortId}/snapshots/{snapshotId}/files', ...options });
-
-/**
- * Download a snapshot path as a tar archive (folders) or raw file stream (single files)
- */
-export const dumpSnapshot = <ThrowOnError extends boolean = false>(options: Options<DumpSnapshotData, ThrowOnError>) => (options.client ?? client).get<DumpSnapshotResponses, unknown, ThrowOnError>({ url: '/api/v1/repositories/{shortId}/snapshots/{snapshotId}/dump', ...options });
-
-/**
- * Restore a snapshot to a target path on the filesystem
- */
-export const restoreSnapshot = <ThrowOnError extends boolean = false>(options: Options<RestoreSnapshotData, ThrowOnError>) => (options.client ?? client).post<RestoreSnapshotResponses, unknown, ThrowOnError>({
-    url: '/api/v1/repositories/{shortId}/restore',
-    ...options,
-    headers: {
-        'Content-Type': 'application/json',
-        ...options.headers
-    }
-});
-
-/**
- * Cancel a running doctor operation on a repository
- */
-export const cancelDoctor = <ThrowOnError extends boolean = false>(options: Options<CancelDoctorData, ThrowOnError>) => (options.client ?? client).delete<CancelDoctorResponses, CancelDoctorErrors, ThrowOnError>({ url: '/api/v1/repositories/{shortId}/doctor', ...options });
-
-/**
- * Start an asynchronous doctor operation on a repository to fix common issues (unlock, check, repair index). The operation runs in the background and sends results via SSE events.
- */
-export const startDoctor = <ThrowOnError extends boolean = false>(options: Options<StartDoctorData, ThrowOnError>) => (options.client ?? client).post<StartDoctorResponses, StartDoctorErrors, ThrowOnError>({ url: '/api/v1/repositories/{shortId}/doctor', ...options });
-
-/**
- * Unlock a repository by removing all stale locks
- */
-export const unlockRepository = <ThrowOnError extends boolean = false>(options: Options<UnlockRepositoryData, ThrowOnError>) => (options.client ?? client).post<UnlockRepositoryResponses, unknown, ThrowOnError>({ url: '/api/v1/repositories/{shortId}/unlock', ...options });
-
-/**
- * Tag multiple snapshots in a repository
- */
-export const tagSnapshots = <ThrowOnError extends boolean = false>(options: Options<TagSnapshotsData, ThrowOnError>) => (options.client ?? client).post<TagSnapshotsResponses, unknown, ThrowOnError>({
-    url: '/api/v1/repositories/{shortId}/snapshots/tag',
-    ...options,
-    headers: {
-        'Content-Type': 'application/json',
-        ...options.headers
-    }
-});
-
-/**
- * Execute a restic command against a repository (dev panel only)
- */
-export const devPanelExec = <ThrowOnError extends boolean = false>(options: Options<DevPanelExecData, ThrowOnError, DevPanelExecResponse>) => (options.client ?? client).sse.post<DevPanelExecResponses, DevPanelExecErrors, ThrowOnError>({
-    url: '/api/v1/repositories/{shortId}/exec',
-    ...options,
-    headers: {
-        'Content-Type': 'application/json',
-        ...options.headers
-    }
-});
-
-/**
- * List all backup schedules
- */
-export const listBackupSchedules = <ThrowOnError extends boolean = false>(options?: Options<ListBackupSchedulesData, ThrowOnError>) => (options?.client ?? client).get<ListBackupSchedulesResponses, unknown, ThrowOnError>({ url: '/api/v1/backups', ...options });
-
-/**
- * Create a new backup schedule for a volume
- */
-export const createBackupSchedule = <ThrowOnError extends boolean = false>(options: Options<CreateBackupScheduleData, ThrowOnError>) => (options.client ?? client).post<CreateBackupScheduleResponses, unknown, ThrowOnError>({
-    url: '/api/v1/backups',
-    ...options,
-    headers: {
-        'Content-Type': 'application/json',
-        ...options.headers
-    }
-});
-
-/**
- * Delete a backup schedule
- */
-export const deleteBackupSchedule = <ThrowOnError extends boolean = false>(options: Options<DeleteBackupScheduleData, ThrowOnError>) => (options.client ?? client).delete<DeleteBackupScheduleResponses, unknown, ThrowOnError>({ url: '/api/v1/backups/{shortId}', ...options });
-
-/**
- * Get a backup schedule by ID
- */
-export const getBackupSchedule = <ThrowOnError extends boolean = false>(options: Options<GetBackupScheduleData, ThrowOnError>) => (options.client ?? client).get<GetBackupScheduleResponses, unknown, ThrowOnError>({ url: '/api/v1/backups/{shortId}', ...options });
-
-/**
- * Update a backup schedule
- */
-export const updateBackupSchedule = <ThrowOnError extends boolean = false>(options: Options<UpdateBackupScheduleData, ThrowOnError>) => (options.client ?? client).patch<UpdateBackupScheduleResponses, unknown, ThrowOnError>({
-    url: '/api/v1/backups/{shortId}',
-    ...options,
-    headers: {
-        'Content-Type': 'application/json',
-        ...options.headers
-    }
-});
-
-/**
- * Get a backup schedule for a specific volume
- */
-export const getBackupScheduleForVolume = <ThrowOnError extends boolean = false>(options: Options<GetBackupScheduleForVolumeData, ThrowOnError>) => (options.client ?? client).get<GetBackupScheduleForVolumeResponses, unknown, ThrowOnError>({ url: '/api/v1/backups/volume/{volumeShortId}', ...options });
-
-/**
- * Trigger a backup immediately for a schedule
- */
-export const runBackupNow = <ThrowOnError extends boolean = false>(options: Options<RunBackupNowData, ThrowOnError>) => (options.client ?? client).post<RunBackupNowResponses, unknown, ThrowOnError>({ url: '/api/v1/backups/{shortId}/run', ...options });
-
-/**
- * Stop a backup that is currently in progress
- */
-export const stopBackup = <ThrowOnError extends boolean = false>(options: Options<StopBackupData, ThrowOnError>) => (options.client ?? client).post<StopBackupResponses, StopBackupErrors, ThrowOnError>({ url: '/api/v1/backups/{shortId}/stop', ...options });
-
-/**
- * Manually apply retention policy to clean up old snapshots
- */
-export const runForget = <ThrowOnError extends boolean = false>(options: Options<RunForgetData, ThrowOnError>) => (options.client ?? client).post<RunForgetResponses, unknown, ThrowOnError>({ url: '/api/v1/backups/{shortId}/forget', ...options });
-
-/**
- * Get notification assignments for a backup schedule
- */
-export const getScheduleNotifications = <ThrowOnError extends boolean = false>(options: Options<GetScheduleNotificationsData, ThrowOnError>) => (options.client ?? client).get<GetScheduleNotificationsResponses, unknown, ThrowOnError>({ url: '/api/v1/backups/{shortId}/notifications', ...options });
-
-/**
- * Update notification assignments for a backup schedule
- */
-export const updateScheduleNotifications = <ThrowOnError extends boolean = false>(options: Options<UpdateScheduleNotificationsData, ThrowOnError>) => (options.client ?? client).put<UpdateScheduleNotificationsResponses, unknown, ThrowOnError>({
-    url: '/api/v1/backups/{shortId}/notifications',
-    ...options,
-    headers: {
-        'Content-Type': 'application/json',
-        ...options.headers
-    }
-});
-
-/**
- * Get mirror repository assignments for a backup schedule
- */
-export const getScheduleMirrors = <ThrowOnError extends boolean = false>(options: Options<GetScheduleMirrorsData, ThrowOnError>) => (options.client ?? client).get<GetScheduleMirrorsResponses, unknown, ThrowOnError>({ url: '/api/v1/backups/{shortId}/mirrors', ...options });
-
-/**
- * Update mirror repository assignments for a backup schedule
- */
-export const updateScheduleMirrors = <ThrowOnError extends boolean = false>(options: Options<UpdateScheduleMirrorsData, ThrowOnError>) => (options.client ?? client).put<UpdateScheduleMirrorsResponses, unknown, ThrowOnError>({
-    url: '/api/v1/backups/{shortId}/mirrors',
-    ...options,
-    headers: {
-        'Content-Type': 'application/json',
-        ...options.headers
-    }
-});
-
-/**
- * Get sync status for a specific mirror, including missing snapshots
- */
-export const getMirrorSyncStatus = <ThrowOnError extends boolean = false>(options: Options<GetMirrorSyncStatusData, ThrowOnError>) => (options.client ?? client).get<GetMirrorSyncStatusResponses, unknown, ThrowOnError>({ url: '/api/v1/backups/{shortId}/mirrors/{mirrorShortId}/status', ...options });
-
-/**
- * Sync selected snapshots to a specific mirror repository
- */
-export const syncMirror = <ThrowOnError extends boolean = false>(options: Options<SyncMirrorData, ThrowOnError>) => (options.client ?? client).post<SyncMirrorResponses, SyncMirrorErrors, ThrowOnError>({
-    url: '/api/v1/backups/{shortId}/mirrors/{mirrorShortId}/sync',
-    ...options,
-    headers: {
-        'Content-Type': 'application/json',
-        ...options.headers
-    }
-});
-
-/**
- * Get mirror compatibility info for all repositories relative to a backup schedule's primary repository
- */
-export const getMirrorCompatibility = <ThrowOnError extends boolean = false>(options: Options<GetMirrorCompatibilityData, ThrowOnError>) => (options.client ?? client).get<GetMirrorCompatibilityResponses, unknown, ThrowOnError>({ url: '/api/v1/backups/{shortId}/mirrors/compatibility', ...options });
-
-/**
- * Reorder backup schedules by providing an array of schedule short IDs in the desired order
- */
-export const reorderBackupSchedules = <ThrowOnError extends boolean = false>(options: Options<ReorderBackupSchedulesData, ThrowOnError>) => (options.client ?? client).post<ReorderBackupSchedulesResponses, unknown, ThrowOnError>({
-    url: '/api/v1/backups/reorder',
-    ...options,
-    headers: {
-        'Content-Type': 'application/json',
-        ...options.headers
-    }
-});
-
-/**
- * Get the last known progress for a currently running backup. Returns null if no progress has been reported yet.
- */
-export const getBackupProgress = <ThrowOnError extends boolean = false>(options: Options<GetBackupProgressData, ThrowOnError>) => (options.client ?? client).get<GetBackupProgressResponses, unknown, ThrowOnError>({ url: '/api/v1/backups/{shortId}/progress', ...options });
-
-/**
- * List all notification destinations
- */
-export const listNotificationDestinations = <ThrowOnError extends boolean = false>(options?: Options<ListNotificationDestinationsData, ThrowOnError>) => (options?.client ?? client).get<ListNotificationDestinationsResponses, unknown, ThrowOnError>({ url: '/api/v1/notifications/destinations', ...options });
-
-/**
- * Create a new notification destination
- */
-export const createNotificationDestination = <ThrowOnError extends boolean = false>(options: Options<CreateNotificationDestinationData, ThrowOnError>) => (options.client ?? client).post<CreateNotificationDestinationResponses, unknown, ThrowOnError>({
-    url: '/api/v1/notifications/destinations',
-    ...options,
-    headers: {
-        'Content-Type': 'application/json',
-        ...options.headers
-    }
-});
-
-/**
- * Delete a notification destination
- */
-export const deleteNotificationDestination = <ThrowOnError extends boolean = false>(options: Options<DeleteNotificationDestinationData, ThrowOnError>) => (options.client ?? client).delete<DeleteNotificationDestinationResponses, DeleteNotificationDestinationErrors, ThrowOnError>({ url: '/api/v1/notifications/destinations/{id}', ...options });
-
-/**
- * Get a notification destination by ID
- */
-export const getNotificationDestination = <ThrowOnError extends boolean = false>(options: Options<GetNotificationDestinationData, ThrowOnError>) => (options.client ?? client).get<GetNotificationDestinationResponses, GetNotificationDestinationErrors, ThrowOnError>({ url: '/api/v1/notifications/destinations/{id}', ...options });
-
-/**
- * Update a notification destination
- */
-export const updateNotificationDestination = <ThrowOnError extends boolean = false>(options: Options<UpdateNotificationDestinationData, ThrowOnError>) => (options.client ?? client).patch<UpdateNotificationDestinationResponses, UpdateNotificationDestinationErrors, ThrowOnError>({
-    url: '/api/v1/notifications/destinations/{id}',
-    ...options,
-    headers: {
-        'Content-Type': 'application/json',
-        ...options.headers
-    }
-});
-
-/**
- * Test a notification destination by sending a test message
- */
-export const testNotificationDestination = <ThrowOnError extends boolean = false>(options: Options<TestNotificationDestinationData, ThrowOnError>) => (options.client ?? client).post<TestNotificationDestinationResponses, TestNotificationDestinationErrors, ThrowOnError>({ url: '/api/v1/notifications/destinations/{id}/test', ...options });
-
-/**
- * Get system information including available capabilities
- */
-export const getSystemInfo = <ThrowOnError extends boolean = false>(options?: Options<GetSystemInfoData, ThrowOnError>) => (options?.client ?? client).get<GetSystemInfoResponses, unknown, ThrowOnError>({ url: '/api/v1/system/info', ...options });
-
-/**
- * Check for application updates from GitHub
- */
-export const getUpdates = <ThrowOnError extends boolean = false>(options?: Options<GetUpdatesData, ThrowOnError>) => (options?.client ?? client).get<GetUpdatesResponses, unknown, ThrowOnError>({ url: '/api/v1/system/updates', ...options });
-
-/**
- * Get the current registration status for new users
- */
-export const getRegistrationStatus = <ThrowOnError extends boolean = false>(options?: Options<GetRegistrationStatusData, ThrowOnError>) => (options?.client ?? client).get<GetRegistrationStatusResponses, unknown, ThrowOnError>({ url: '/api/v1/system/registration-status', ...options });
-
-/**
- * Update the registration status for new users. Requires global admin role.
- */
-export const setRegistrationStatus = <ThrowOnError extends boolean = false>(options: Options<SetRegistrationStatusData, ThrowOnError>) => (options.client ?? client).put<SetRegistrationStatusResponses, unknown, ThrowOnError>({
-    url: '/api/v1/system/registration-status',
-    ...options,
-    headers: {
-        'Content-Type': 'application/json',
-        ...options.headers
-    }
-});
-
-/**
- * Download the organization's Restic password for backup recovery. Requires organization owner or admin role and password re-authentication.
- */
-export const downloadResticPassword = <ThrowOnError extends boolean = false>(options: Options<DownloadResticPasswordData, ThrowOnError>) => (options.client ?? client).post<DownloadResticPasswordResponses, unknown, ThrowOnError>({
-    url: '/api/v1/system/restic-password',
-    ...options,
-    headers: {
-        'Content-Type': 'application/json',
-        ...options.headers
-    }
-});
-
-/**
- * Get the dev panel status
- */
-export const getDevPanel = <ThrowOnError extends boolean = false>(options?: Options<GetDevPanelData, ThrowOnError>) => (options?.client ?? client).get<GetDevPanelResponses, unknown, ThrowOnError>({ url: '/api/v1/system/dev-panel', ...options });

app/client/components/__test__/file-tree.test.tsx

@@ -1,276 +0,0 @@
-/** biome-ignore-all lint/style/noNonNullAssertion: Testing file - non-null assertions are acceptable here */
-import { afterEach, describe, expect, test } from "vitest";
-import { cleanup, render, screen, fireEvent, within } from "@testing-library/react";
-import { useState } from "react";
-import { FileTree, type FileEntry } from "../file-tree";
-
-const getCheckboxFor = (name: string) => {
-	const row = screen.getByRole("button", { name });
-	return within(row).getByRole("checkbox");
-};
-
-const FileTreeSelection = ({
-	files,
-	initialSelectedPaths = [],
-	expandedFolders,
-}: {
-	files: FileEntry[];
-	initialSelectedPaths?: string[];
-	expandedFolders?: Set<string>;
-}) => {
-	const [selectedPaths, setSelectedPaths] = useState(() => new Set(initialSelectedPaths));
-
-	return (
-		<>
-			<FileTree
-				files={files}
-				withCheckboxes={true}
-				selectedPaths={selectedPaths}
-				onSelectionChange={setSelectedPaths}
-				expandedFolders={expandedFolders}
-			/>
-			<output aria-label="Selected paths">{JSON.stringify(Array.from(selectedPaths).sort())}</output>
-		</>
-	);
-};
-
-const getSelectedPaths = () => {
-	const selectedPaths = screen.getByLabelText("Selected paths").textContent;
-	return JSON.parse(selectedPaths ?? "[]") as string[];
-};
-
-afterEach(() => {
-	cleanup();
-});
-
-describe("FileTree Pagination", () => {
-	const testFiles: FileEntry[] = [
-		{ name: "root", path: "/root", type: "folder" },
-		{ name: "file1", path: "/root/file1", type: "file" },
-		{ name: "file2", path: "/root/file2", type: "file" },
-	];
-
-	test("shows load more button when hasMore is true", () => {
-		render(
-			<FileTree
-				files={testFiles}
-				expandedFolders={new Set(["/root"])}
-				getFolderPagination={(path) => {
-					if (path === "/root") {
-						return { hasMore: true, isLoadingMore: false };
-					}
-					return { hasMore: false, isLoadingMore: false };
-				}}
-			/>,
-		);
-
-		expect(screen.getByText("Load more files")).toBeTruthy();
-	});
-
-	test("does not show load more button when hasMore is false", () => {
-		render(
-			<FileTree
-				files={testFiles}
-				expandedFolders={new Set(["/root"])}
-				getFolderPagination={() => ({ hasMore: false, isLoadingMore: false })}
-			/>,
-		);
-
-		expect(screen.queryByText("Load more files")).toBeNull();
-	});
-
-	test("calls onLoadMore with folder path when load more button is clicked", () => {
-		let loadMoreCalled = false;
-		let loadMorePath = "";
-
-		render(
-			<FileTree
-				files={testFiles}
-				expandedFolders={new Set(["/root"])}
-				getFolderPagination={(path) => {
-					if (path === "/root") {
-						return { hasMore: true, isLoadingMore: false };
-					}
-					return { hasMore: false, isLoadingMore: false };
-				}}
-				onLoadMore={(path) => {
-					loadMoreCalled = true;
-					loadMorePath = path;
-				}}
-			/>,
-		);
-
-		const loadMoreButton = screen.getByText("Load more files");
-		fireEvent.click(loadMoreButton);
-
-		expect(loadMoreCalled).toBe(true);
-		expect(loadMorePath).toBe("/root");
-	});
-
-	test("shows loading state when isLoadingMore is true", () => {
-		render(
-			<FileTree
-				files={testFiles}
-				expandedFolders={new Set(["/root"])}
-				getFolderPagination={(path) => {
-					if (path === "/root") {
-						return { hasMore: true, isLoadingMore: true };
-					}
-					return { hasMore: false, isLoadingMore: false };
-				}}
-			/>,
-		);
-
-		expect(screen.getByText("Loading more...")).toBeTruthy();
-	});
-
-	test("shows load more button for root-level files when root has more", () => {
-		const rootFiles: FileEntry[] = [
-			{ name: "file1", path: "/file1", type: "file" },
-			{ name: "file2", path: "/file2", type: "file" },
-		];
-
-		render(
-			<FileTree
-				files={rootFiles}
-				getFolderPagination={(path) => {
-					if (path === "/") {
-						return { hasMore: true, isLoadingMore: false };
-					}
-					return { hasMore: false, isLoadingMore: false };
-				}}
-			/>,
-		);
-
-		expect(screen.getByText("Load more files")).toBeTruthy();
-	});
-
-	test("load more button appears for nested folders with hasMore", () => {
-		const nestedFiles: FileEntry[] = [
-			{ name: "root", path: "/root", type: "folder" },
-			{ name: "child", path: "/root/child", type: "folder" },
-			{ name: "file1", path: "/root/child/file1", type: "file" },
-		];
-
-		render(
-			<FileTree
-				files={nestedFiles}
-				expandedFolders={new Set(["/root", "/root/child"])}
-				getFolderPagination={(path) => {
-					if (path === "/root/child") {
-						return { hasMore: true, isLoadingMore: false };
-					}
-					return { hasMore: false, isLoadingMore: false };
-				}}
-				onLoadMore={() => {}}
-			/>,
-		);
-
-		expect(screen.getByText("Load more files")).toBeTruthy();
-	});
-
-	test("load more button does not appear when folder is collapsed", () => {
-		render(
-			<FileTree
-				files={testFiles}
-				expandedFolders={new Set([])}
-				getFolderPagination={(path) => {
-					if (path === "/root") {
-						return { hasMore: true, isLoadingMore: false };
-					}
-					return { hasMore: false, isLoadingMore: false };
-				}}
-			/>,
-		);
-
-		expect(screen.queryByText("Load more files")).toBeNull();
-	});
-
-	test("renders missing ancestor folders for nested paths", () => {
-		render(
-			<FileTree
-				files={[
-					{ name: "subdir", path: "/project/subdir", type: "folder" },
-					{ name: "file1", path: "/project/subdir/file1", type: "file" },
-				]}
-			/>,
-		);
-
-		expect(screen.getByRole("button", { name: "project" })).toBeTruthy();
-	});
-});
-
-describe("FileTree Selection Logic", () => {
-	const testFiles: FileEntry[] = [
-		{ name: "root", path: "/root", type: "folder" },
-		{ name: "photos", path: "/root/photos", type: "folder" },
-		{ name: "backups", path: "/root/photos/backups", type: "folder" },
-		{ name: "library", path: "/root/photos/library", type: "folder" },
-		{ name: "profile", path: "/root/photos/profile", type: "folder" },
-		{ name: "upload", path: "/root/photos/upload", type: "folder" },
-	];
-
-	test("selecting a folder simplifies to parent if it's the only child", () => {
-		render(<FileTreeSelection files={testFiles} expandedFolders={new Set(testFiles.map((f) => f.path))} />);
-
-		fireEvent.click(getCheckboxFor("photos"));
-
-		expect(getSelectedPaths()).toEqual(["/root"]);
-	});
-
-	test("unselecting a child removes the parent from selection", () => {
-		render(
-			<FileTreeSelection
-				files={testFiles}
-				initialSelectedPaths={["/root"]}
-				expandedFolders={new Set(testFiles.map((f) => f.path))}
-			/>,
-		);
-
-		fireEvent.click(getCheckboxFor("library"));
-
-		expect(getSelectedPaths()).toEqual(["/root/photos/backups", "/root/photos/profile", "/root/photos/upload"]);
-	});
-
-	test("recursive simplification when all children are selected", () => {
-		render(<FileTreeSelection files={testFiles} expandedFolders={new Set(testFiles.map((f) => f.path))} />);
-
-		const children = ["backups", "library", "profile", "upload"];
-
-		for (const name of children) {
-			fireEvent.click(getCheckboxFor(name));
-		}
-
-		expect(getSelectedPaths()).toEqual(["/root"]);
-	});
-
-	test("does not simplify to parent if not all children are selected", () => {
-		const multipleFiles: FileEntry[] = [
-			{ name: "root", path: "/root", type: "folder" },
-			{ name: "child1", path: "/root/child1", type: "folder" },
-			{ name: "child2", path: "/root/child2", type: "folder" },
-		];
-
-		render(<FileTreeSelection files={multipleFiles} expandedFolders={new Set(multipleFiles.map((f) => f.path))} />);
-
-		fireEvent.click(getCheckboxFor("child1"));
-
-		expect(getSelectedPaths()).toEqual(["/root/child1"]);
-	});
-
-	test("simplifies existing deep paths when parent is selected", () => {
-		const files: FileEntry[] = [
-			{ name: "hello", path: "/hello", type: "folder" },
-			{ name: "hello_prev", path: "/hello_prev", type: "folder" },
-			{ name: "service", path: "/service", type: "folder" },
-		];
-
-		render(
-			<FileTreeSelection files={files} initialSelectedPaths={["/hello", "/hello_prev", "/service/app/data/upload"]} />,
-		);
-
-		fireEvent.click(getCheckboxFor("service"));
-
-		expect(getSelectedPaths()).toEqual(["/hello", "/hello_prev", "/service"]);
-	});
-});

app/client/components/__test__/restore-form.test.tsx

@@ -1,155 +0,0 @@
-import { afterEach, beforeEach, describe, expect, test, vi } from "vitest";
-import { HttpResponse, http, server } from "~/test/msw/server";
-import { cleanup, render, screen, userEvent, waitFor, within } from "~/test/test-utils";
-import { fromAny } from "@total-typescript/shoehorn";
-
-vi.mock("@tanstack/react-router", async (importOriginal) => {
-	const actual = await importOriginal<typeof import("@tanstack/react-router")>();
-
-	return {
-		...actual,
-		useNavigate: (() => vi.fn(async () => {})) as typeof actual.useNavigate,
-	};
-});
-
-import { RestoreForm } from "../restore-form";
-
-class MockEventSource {
-	addEventListener() {}
-	close() {}
-	onerror: ((event: Event) => void) | null = null;
-
-	constructor(public url: string) {}
-}
-
-const originalEventSource = globalThis.EventSource;
-
-beforeEach(() => {
-	globalThis.EventSource = MockEventSource as unknown as typeof EventSource;
-});
-
-afterEach(() => {
-	globalThis.EventSource = originalEventSource;
-	cleanup();
-});
-
-describe("RestoreForm", () => {
-	test("restores the selected ancestor folder path from a broader display root", async () => {
-		let restoreRequestBody: unknown;
-
-		server.use(
-			http.get("/api/v1/repositories/:shortId/snapshots/:snapshotId/files", () => {
-				return HttpResponse.json({
-					files: [
-						{ name: "subdir", path: "/mnt/project/subdir", type: "dir" },
-						{ name: "deep.tx", path: "/mnt/project/subdir/deep.tx", type: "file" },
-					],
-				});
-			}),
-			http.post("/api/v1/repositories/:shortId/restore", async ({ request }) => {
-				restoreRequestBody = await request.json();
-				return HttpResponse.json({
-					success: true,
-					message: "Snapshot restored successfully",
-					filesRestored: 1,
-					filesSkipped: 0,
-				});
-			}),
-		);
-
-		render(
-			<RestoreForm
-				repository={fromAny({ shortId: "repo-1", name: "Repo 1" })}
-				snapshotId="snap-1"
-				returnPath="/repositories/repo-1/snap-1"
-				queryBasePath="/mnt/project/subdir"
-				displayBasePath="/mnt"
-			/>,
-		);
-
-		const row = await screen.findByRole("button", { name: "project" });
-		await userEvent.click(within(row).getByRole("checkbox"));
-		await userEvent.click(screen.getByRole("button", { name: "Restore 1 item" }));
-
-		await waitFor(() => {
-			expect(restoreRequestBody).toEqual({
-				snapshotId: "snap-1",
-				include: ["/mnt/project"],
-				selectedItemKind: "dir",
-				overwrite: "always",
-			});
-		});
-	});
-
-	test("restores the selected full path when the display root is unrelated", async () => {
-		let restoreRequestBody: unknown;
-
-		server.use(
-			http.get("/api/v1/repositories/:shortId/snapshots/:snapshotId/files", () => {
-				return HttpResponse.json({
-					files: [
-						{ name: "project", path: "/mnt/project", type: "dir" },
-						{ name: "a.txt", path: "/mnt/project/a.txt", type: "file" },
-					],
-				});
-			}),
-			http.post("/api/v1/repositories/:shortId/restore", async ({ request }) => {
-				restoreRequestBody = await request.json();
-				return HttpResponse.json({
-					success: true,
-					message: "Snapshot restored successfully",
-					filesRestored: 1,
-					filesSkipped: 0,
-				});
-			}),
-			http.get("/api/v1/volumes/filesystem/browse", () => {
-				return HttpResponse.json({
-					path: "/",
-					directories: [{ name: "restore-target", path: "/restore-target", type: "dir" }],
-				});
-			}),
-		);
-
-		render(
-			<RestoreForm
-				repository={fromAny({ shortId: "repo-1", name: "Repo 1" })}
-				snapshotId="snap-1"
-				returnPath="/repositories/repo-1/snap-1"
-				queryBasePath="/mnt/project"
-				displayBasePath="/other/root"
-			/>,
-		);
-
-		expect(
-			screen.getByText(
-				"This snapshot was created from source paths that do not match this Zerobyte server or the current linked volume. Restoring to the original location is unavailable. Restore it to a custom location, or download it instead.",
-			),
-		).toBeTruthy();
-		expect(screen.getByRole("button", { name: "Original location" }).hasAttribute("disabled")).toBe(true);
-		expect(screen.getByRole("button", { name: "Restore All" }).hasAttribute("disabled")).toBe(true);
-
-		await userEvent.click(screen.getByRole("button", { name: "Change" }));
-		await userEvent.click(await screen.findByRole("button", { name: "restore-target" }));
-		await waitFor(() => {
-			expect(screen.getByRole("button", { name: "Restore All" }).hasAttribute("disabled")).toBe(false);
-		});
-
-		const row = await screen.findByRole("button", { name: "mnt" });
-		await userEvent.click(within(row).getByRole("checkbox"));
-		await waitFor(() => {
-			expect(screen.getByRole("button", { name: "Restore 1 item" }).hasAttribute("disabled")).toBe(false);
-		});
-
-		await userEvent.click(screen.getByRole("button", { name: "Restore 1 item" }));
-
-		await waitFor(() => {
-			expect(restoreRequestBody).toEqual({
-				snapshotId: "snap-1",
-				include: ["/mnt"],
-				selectedItemKind: "dir",
-				targetPath: "/restore-target",
-				overwrite: "always",
-			});
-		});
-	});
-});

app/client/components/app-breadcrumb.tsx

@@ -1,62 +0,0 @@
-import { Fragment } from "react";
-import { useMatches, Link } from "@tanstack/react-router";
-import {
-	Breadcrumb,
-	BreadcrumbItem,
-	BreadcrumbLink,
-	BreadcrumbList,
-	BreadcrumbPage,
-	BreadcrumbSeparator,
-} from "~/client/components/ui/breadcrumb";
-
-export interface BreadcrumbItemData {
-	label: string;
-	href?: string;
-}
-
-type BreadcrumbFunction = (match: ReturnType<typeof useMatches>[number]) => BreadcrumbItemData[] | null;
-
-export function AppBreadcrumb() {
-	const matches = useMatches();
-
-	const lastMatchWithBreadcrumb = [...matches].reverse().find((match) => {
-		const breadcrumbFn = match.staticData?.breadcrumb as BreadcrumbFunction | undefined;
-		return breadcrumbFn;
-	});
-
-	if (!lastMatchWithBreadcrumb) {
-		return null;
-	}
-
-	const breadcrumbFn = lastMatchWithBreadcrumb.staticData?.breadcrumb as BreadcrumbFunction;
-	const breadcrumbs = breadcrumbFn?.(lastMatchWithBreadcrumb);
-
-	if (!breadcrumbs || breadcrumbs.length === 0) {
-		return null;
-	}
-
-	return (
-		<Breadcrumb className="min-w-0">
-			<BreadcrumbList>
-				{breadcrumbs.map((breadcrumb, index) => {
-					const isLast = index === breadcrumbs.length - 1;
-
-					return (
-						<Fragment key={`${breadcrumb.label}-${index}`}>
-							<BreadcrumbItem>
-								{isLast || !breadcrumb.href ? (
-									<BreadcrumbPage>{breadcrumb.label}</BreadcrumbPage>
-								) : (
-									<BreadcrumbLink asChild>
-										<Link to={breadcrumb.href}>{breadcrumb.label}</Link>
-									</BreadcrumbLink>
-								)}
-							</BreadcrumbItem>
-							{!isLast && <BreadcrumbSeparator />}
-						</Fragment>
-					);
-				})}
-			</BreadcrumbList>
-		</Breadcrumb>
-	);
-}

app/client/components/app-sidebar.tsx

@@ -1,240 +0,0 @@
-import { Bell, CalendarClock, Database, HardDrive, Settings, ShieldCheck } from "lucide-react";
-import { useState } from "react";
-import {
-	Sidebar,
-	SidebarContent,
-	SidebarFooter,
-	SidebarGroup,
-	SidebarGroupContent,
-	SidebarHeader,
-	SidebarMenu,
-	SidebarMenuButton,
-	SidebarMenuItem,
-	SidebarSeparator,
-	useSidebar,
-} from "~/client/components/ui/sidebar";
-import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from "~/client/components/ui/tooltip";
-import { HoverCard, HoverCardContent, HoverCardTrigger } from "~/client/components/ui/hover-card";
-import { cn } from "~/client/lib/utils";
-import { APP_VERSION, RCLONE_VERSION, RESTIC_VERSION, SHOUTRRR_VERSION } from "~/client/lib/version";
-import { useUpdates } from "~/client/hooks/use-updates";
-import { ReleaseNotesDialog } from "./release-notes-dialog";
-import { OrganizationSwitcher } from "./organization-switcher";
-import { Link } from "@tanstack/react-router";
-
-const items = [
-	{
-		title: "Volumes",
-		url: "/volumes",
-		icon: HardDrive,
-	},
-	{
-		title: "Repositories",
-		url: "/repositories",
-		icon: Database,
-	},
-	{
-		title: "Backups",
-		url: "/backups",
-		icon: CalendarClock,
-	},
-	{
-		title: "Notifications",
-		url: "/notifications",
-		icon: Bell,
-	},
-	{
-		title: "Settings",
-		url: "/settings",
-		icon: Settings,
-	},
-];
-
-type Props = {
-	isInstanceAdmin: boolean;
-};
-
-export function AppSidebar({ isInstanceAdmin }: Props) {
-	const { state, isMobile, setOpenMobile } = useSidebar();
-	const { updates, hasUpdate } = useUpdates();
-	const [showReleaseNotes, setShowReleaseNotes] = useState(false);
-
-	const isCollapsed = state === "collapsed";
-
-	const displayVersion = APP_VERSION.startsWith("v") || APP_VERSION === "dev" ? APP_VERSION : `v${APP_VERSION}`;
-	const releaseUrl =
-		APP_VERSION === "dev"
-			? "https://github.com/nicotsx/zerobyte"
-			: `https://github.com/nicotsx/zerobyte/releases/tag/${displayVersion}`;
-
-	return (
-		<Sidebar variant="inset" collapsible="icon" className="p-0">
-			<SidebarHeader className="bg-card-header border-b border-border/80 dark:border-border/50 hidden md:flex h-16.25 flex-row items-center p-4">
-				<Link to="/volumes" className="flex items-center gap-3 font-semibold pl-2">
-					<img src="/images/zerobyte.png" alt="Zerobyte Logo" className={cn("h-8 w-8 shrink-0 object-contain -ml-2")} />
-					<span
-						className={cn("text-base transition-all duration-200 -ml-1", {
-							"opacity-0 w-0 overflow-hidden ": isCollapsed,
-						})}
-					>
-						Zerobyte
-					</span>
-				</Link>
-			</SidebarHeader>
-			<SidebarContent className="p-2 border-r">
-				<SidebarGroup>
-					<SidebarGroupContent>
-						<SidebarMenu>
-							{items.map((item) => (
-								<SidebarMenuItem key={item.title}>
-									<TooltipProvider>
-										<Tooltip>
-											<TooltipTrigger asChild>
-												<SidebarMenuButton asChild className="relative overflow-hidden">
-													<Link
-														to={item.url}
-														onClick={() => isMobile && setOpenMobile(false)}
-														activeProps={{ className: "bg-strong-accent/10" }}
-														className="w-full flex items-center gap-2"
-													>
-														{({ isActive }) => (
-															<>
-																{isActive && (
-																	<div
-																		className={cn("absolute left-0 top-0 h-full w-0.75 bg-strong-accent mr-2", {
-																			hidden: isCollapsed,
-																		})}
-																	/>
-																)}
-																<item.icon
-																	className={cn("transition-all duration-200", {
-																		"text-strong-accent": isActive,
-																		"ml-1": isActive && !isCollapsed,
-																		"text-muted-foreground": !isActive,
-																	})}
-																/>
-																<span
-																	className={cn({
-																		"text-foreground font-medium": isActive,
-																		"text-muted-foreground": !isActive,
-																	})}
-																>
-																	{item.title}
-																</span>
-															</>
-														)}
-													</Link>
-												</SidebarMenuButton>
-											</TooltipTrigger>
-											<TooltipContent side="right" className={cn({ hidden: !isCollapsed })}>
-												<p>{item.title}</p>
-											</TooltipContent>
-										</Tooltip>
-									</TooltipProvider>
-								</SidebarMenuItem>
-							))}
-						</SidebarMenu>
-					</SidebarGroupContent>
-				</SidebarGroup>
-				{isInstanceAdmin && (
-					<>
-						<SidebarSeparator />
-						<SidebarGroup>
-							<SidebarGroupContent>
-								<SidebarMenu>
-									<SidebarMenuItem>
-										<TooltipProvider>
-											<Tooltip>
-												<TooltipTrigger asChild>
-													<SidebarMenuButton asChild className="relative overflow-hidden">
-														<Link
-															to="/admin"
-															onClick={() => isMobile && setOpenMobile(false)}
-															activeProps={{ className: "bg-strong-accent/10" }}
-															className="w-full flex items-center gap-2"
-														>
-															{({ isActive }) => (
-																<>
-																	{isActive && (
-																		<div
-																			className={cn("absolute left-0 top-0 h-full w-0.75 bg-strong-accent mr-2", {
-																				hidden: isCollapsed,
-																			})}
-																		/>
-																	)}
-																	<ShieldCheck
-																		className={cn("transition-all duration-200", {
-																			"text-strong-accent": isActive,
-																			"ml-1": isActive && !isCollapsed,
-																			"text-muted-foreground": !isActive,
-																		})}
-																	/>
-																	<span
-																		className={cn({
-																			"text-foreground font-medium": isActive,
-																			"text-muted-foreground": !isActive,
-																		})}
-																	>
-																		Administration
-																	</span>
-																</>
-															)}
-														</Link>
-													</SidebarMenuButton>
-												</TooltipTrigger>
-												<TooltipContent side="right" className={cn({ hidden: !isCollapsed })}>
-													<p>Administration</p>
-												</TooltipContent>
-											</Tooltip>
-										</TooltipProvider>
-									</SidebarMenuItem>
-								</SidebarMenu>
-							</SidebarGroupContent>
-						</SidebarGroup>
-					</>
-				)}
-			</SidebarContent>
-			<SidebarFooter className="p-4 border-r border-border/80 dark:border-border/50">
-				<OrganizationSwitcher />
-				<div className="flex items-center justify-between gap-2">
-					<HoverCard openDelay={200}>
-						<HoverCardTrigger asChild>
-							<a
-								href={releaseUrl}
-								target="_blank"
-								rel="noopener noreferrer"
-								className={cn("text-xs text-muted-foreground hover:text-foreground", {
-									"opacity-0 w-0 overflow-hidden": state === "collapsed",
-								})}
-							>
-								{displayVersion}
-							</a>
-						</HoverCardTrigger>
-						<HoverCardContent side="top" align="start" className="w-fit p-3">
-							<div className="flex flex-col gap-2">
-								<div className="grid grid-cols-[auto_1fr] gap-x-3 gap-y-1 text-[11px]">
-									<span className="text-muted-foreground">Restic:</span>
-									<span className="font-mono">{RESTIC_VERSION}</span>
-									<span className="text-muted-foreground">Rclone:</span>
-									<span className="font-mono">{RCLONE_VERSION}</span>
-									<span className="text-muted-foreground">Shoutrrr:</span>
-									<span className="font-mono">{SHOUTRRR_VERSION}</span>
-								</div>
-							</div>
-						</HoverCardContent>
-					</HoverCard>
-					{hasUpdate && state !== "collapsed" && (
-						<button
-							type="button"
-							onClick={() => setShowReleaseNotes(true)}
-							className="text-[10px] font-medium text-destructive hover:underline cursor-pointer"
-						>
-							Update available
-						</button>
-					)}
-				</div>
-				<ReleaseNotesDialog open={showReleaseNotes} onOpenChange={setShowReleaseNotes} updates={updates} />
-			</SidebarFooter>
-		</Sidebar>
-	);
-}

app/client/components/auth-layout.tsx

@@ -1,33 +0,0 @@
-import type { ReactNode } from "react";
-
-type AuthLayoutProps = {
-	title: string;
-	description: string;
-	children: ReactNode;
-};
-
-export function AuthLayout({ title, description, children }: AuthLayoutProps) {
-	return (
-		<div className="flex mt-[25%] lg:mt-0 lg:min-h-screen">
-			<div className="flex flex-1 items-center justify-center bg-background p-8">
-				<div className="w-full max-w-md space-y-8">
-					<div className="flex items-center gap-3">
-						<img src="/images/zerobyte.png" alt="Zerobyte Logo" className="h-5 w-5 object-contain" />
-						<span className="text-lg font-semibold">Zerobyte</span>
-					</div>
-
-					<div className="space-y-2">
-						<h1 className="text-3xl font-bold tracking-tight">{title}</h1>
-						<p className="text-sm text-muted-foreground">{description}</p>
-					</div>
-
-					{children}
-				</div>
-			</div>
-			<div
-				className="hidden lg:block lg:flex-1 dither-lg bg-cover bg-center"
-				style={{ backgroundImage: "url(/images/background.jpg)" }}
-			/>
-		</div>
-	);
-}

app/client/components/backup-summary-card.tsx

@@ -1,84 +0,0 @@
-import { Card, CardContent } from "~/client/components/ui/card";
-import { ByteSize } from "~/client/components/bytes-size";
-import { useRootLoaderData } from "~/client/hooks/use-root-loader-data";
-import type { ResticSnapshotSummaryDto } from "@zerobyte/core/restic";
-import { formatDuration } from "~/utils/utils";
-
-type Props = {
-	summary?: ResticSnapshotSummaryDto | null;
-};
-
-const getDurationLabel = (start: string, end: string) => {
-	const startMs = new Date(start).getTime();
-	const endMs = new Date(end).getTime();
-	if (!Number.isFinite(startMs) || !Number.isFinite(endMs) || endMs < startMs) return "-";
-	return formatDuration(Math.round((endMs - startMs) / 1000));
-};
-
-export const BackupSummaryCard = ({ summary }: Props) => {
-	const { locale } = useRootLoaderData();
-
-	if (!summary) return null;
-
-	const formatCount = (value: number) => value.toLocaleString(locale);
-	const durationLabel = getDurationLabel(summary.backup_start, summary.backup_end);
-
-	const topStats = [
-		{
-			label: "Data added",
-			value: <ByteSize bytes={summary.data_added} base={1024} />,
-		},
-		{
-			label: "Data stored",
-			value: <ByteSize bytes={summary.data_added_packed ?? 0} base={1024} />,
-		},
-		{
-			label: "Files processed",
-			value: formatCount(summary.total_files_processed),
-		},
-		{
-			label: "Bytes processed",
-			value: <ByteSize bytes={summary.total_bytes_processed} base={1024} />,
-		},
-		{
-			label: "Duration",
-			value: durationLabel,
-		},
-	];
-
-	const detailStats = [
-		{ label: "New files", value: formatCount(summary.files_new) },
-		{ label: "Changed files", value: formatCount(summary.files_changed) },
-		{ label: "Unmodified files", value: formatCount(summary.files_unmodified) },
-		{ label: "New dirs", value: formatCount(summary.dirs_new) },
-		{ label: "Changed dirs", value: formatCount(summary.dirs_changed) },
-		{ label: "Unmodified dirs", value: formatCount(summary.dirs_unmodified) },
-		{ label: "Data blobs", value: formatCount(summary.data_blobs) },
-		{ label: "Tree blobs", value: formatCount(summary.tree_blobs) },
-	];
-
-	return (
-		<Card className="p-4">
-			<CardContent className="px-4">
-				<div className="grid gap-6 grid-cols-2 lg:grid-cols-5">
-					{topStats.map((stat) => (
-						<div key={stat.label} className="flex flex-col gap-1">
-							<span className="text-[11px] uppercase tracking-wide text-muted-foreground">{stat.label}</span>
-							<span className="text-sm font-semibold text-foreground">{stat.value}</span>
-						</div>
-					))}
-				</div>
-				<div className="mt-4 border-t border-border/60 pt-3">
-					<div className="grid gap-x-6 gap-y-2 grid-cols-2 lg:grid-cols-4">
-						{detailStats.map((stat) => (
-							<div key={stat.label} className="flex items-center justify-start text-xs gap-2">
-								<span className="font-semibold text-foreground">{stat.value}</span>
-								<span className="text-muted-foreground">{stat.label}</span>
-							</div>
-						))}
-					</div>
-				</div>
-			</CardContent>
-		</Card>
-	);
-};

app/client/components/bytes-size.tsx

@@ -1,53 +0,0 @@
-import type React from "react";
-import { useFormatBytes } from "~/client/hooks/use-format-bytes";
-
-type ByteSizeProps = {
-	bytes: number;
-	base?: 1000 | 1024; // 1000 = SI (KB, MB, ...), 1024 = IEC (KiB, MiB, ...)
-	maximumFractionDigits?: number; // default: 2
-	smartRounding?: boolean; // dynamically reduces decimals for big numbers (default: true)
-	locale?: string | string[]; // e.g., 'en', 'de', or navigator.languages
-	space?: boolean; // space between number and unit (default: true)
-	className?: string;
-	style?: React.CSSProperties;
-	fallback?: string; // shown if bytes is not a finite number (default: '—')
-};
-
-export function ByteSize(props: ByteSizeProps) {
-	const formatBytes = useFormatBytes();
-	const {
-		bytes,
-		base = 1000,
-		maximumFractionDigits = 2,
-		smartRounding = true,
-		locale,
-		space = true,
-		className,
-		style,
-		fallback = "—",
-	} = props;
-
-	const { text, unit } = formatBytes(bytes, {
-		base,
-		maximumFractionDigits,
-		smartRounding,
-		locale,
-		fallback,
-	});
-
-	if (text === fallback) {
-		return (
-			<span className={className} style={style}>
-				{fallback}
-			</span>
-		);
-	}
-
-	return (
-		<span className={className} style={style}>
-			{text}
-			{space ? " " : ""}
-			{unit}
-		</span>
-	);
-}

app/client/components/cron-input.tsx

@@ -1,92 +0,0 @@
-import { CronExpressionParser } from "cron-parser";
-import { AlertCircle, CheckCircle2 } from "lucide-react";
-import { useMemo } from "react";
-import { FormControl, FormDescription, FormItem, FormLabel, FormMessage } from "~/client/components/ui/form";
-import { Input } from "~/client/components/ui/input";
-import { useTimeFormat } from "~/client/lib/datetime";
-import { cn } from "~/client/lib/utils";
-
-interface CronInputProps {
-	value: string;
-	onChange: (value: string) => void;
-	error?: string;
-}
-
-export function CronInput({ value, onChange, error }: CronInputProps) {
-	const { formatDateTime } = useTimeFormat();
-	const { isValid, nextRuns, parseError } = useMemo(() => {
-		if (!value) {
-			return { isValid: false, nextRuns: [], parseError: null };
-		}
-
-		const parts = value.trim().split(/\s+/);
-
-		if (parts.length !== 5) {
-			return {
-				isValid: false,
-				nextRuns: [],
-				parseError: "Expression must have exactly 5 fields (minute, hour, day, month, day-of-week)",
-			};
-		}
-
-		try {
-			const interval = CronExpressionParser.parse(value);
-			const runs: Date[] = [];
-
-			for (let i = 0; i < 5; i++) {
-				runs.push(interval.next().toDate());
-			}
-
-			return { isValid: true, nextRuns: runs, parseError: null };
-		} catch (e) {
-			return { isValid: false, nextRuns: [], parseError: (e as Error).message };
-		}
-	}, [value]);
-
-	return (
-		<FormItem className="md:col-span-2">
-			<FormLabel>Cron expression</FormLabel>
-			<FormControl>
-				<div className="relative">
-					<Input
-						placeholder="* * * * *"
-						value={value}
-						onChange={(e) => onChange(e.target.value)}
-						className={cn("font-mono", {
-							"border-destructive": error || (value && !isValid),
-						})}
-					/>
-					<div className="absolute right-3 top-1/2 -translate-y-1/2">
-						{value && (
-							<div>
-								{isValid ? (
-									<CheckCircle2 className="h-4 w-4 text-success" />
-								) : (
-									<AlertCircle className="h-4 w-4 text-destructive" />
-								)}
-							</div>
-						)}
-					</div>
-				</div>
-			</FormControl>
-			<FormDescription>
-				Standard cron format: <code className="bg-muted px-1 rounded">minute hour day month day-of-week</code>.
-			</FormDescription>
-			{value && !isValid && parseError && <p className="text-xs text-destructive mt-1">{parseError}</p>}
-			{isValid && nextRuns.length > 0 && (
-				<div className="mt-2 p-3 rounded-md bg-muted/50 border border-border">
-					<p className="text-xs font-medium mb-2 text-muted-foreground uppercase tracking-wider">Next 5 executions:</p>
-					<ul className="space-y-1">
-						{nextRuns.map((date, i) => (
-							<li key={date.toISOString()} className="text-xs font-mono flex items-center gap-2">
-								<span className="text-muted-foreground w-4">{i + 1}.</span>
-								{formatDateTime(date)}
-							</li>
-						))}
-					</ul>
-				</div>
-			)}
-			<FormMessage />
-		</FormItem>
-	);
-}

app/client/components/data-table-sort-header.tsx

@@ -1,54 +0,0 @@
-import type { Column } from "@tanstack/react-table";
-import { ArrowDown, ArrowUp, ArrowUpDown } from "lucide-react";
-import { Button } from "~/client/components/ui/button";
-import { cn } from "~/client/lib/utils";
-
-export function DataTableSortHeader<TData, TValue>({
-	column,
-	title,
-	sortDirection,
-	center = false,
-}: {
-	column: Column<TData, TValue>;
-	title: string;
-	sortDirection: false | "asc" | "desc";
-	center?: boolean;
-}) {
-	const icon =
-		sortDirection === "desc" ? (
-			<ArrowDown className="ml-2 h-3.5 w-3.5" />
-		) : sortDirection === "asc" ? (
-			<ArrowUp className="ml-2 h-3.5 w-3.5" />
-		) : (
-			<ArrowUpDown className="ml-2 h-3.5 w-3.5" />
-		);
-	const iconVisibility = sortDirection ? "" : "lg:invisible lg:group-hover/sort:visible";
-
-	if (center) {
-		return (
-			<Button
-				type="button"
-				variant="ghost"
-				onClick={() => column.toggleSorting(column.getIsSorted() === "asc")}
-				className="h-auto! w-full! p-0! font-inherit hover:bg-transparent uppercase group/sort relative"
-			>
-				<span className="relative flex w-full items-center justify-center">
-					{title}
-					<span className={cn("lg:absolute lg:-right-6 lg:top-1/2 lg:-translate-y-1/2", iconVisibility)}>{icon}</span>
-				</span>
-			</Button>
-		);
-	}
-
-	return (
-		<Button
-			type="button"
-			variant="ghost"
-			onClick={() => column.toggleSorting(column.getIsSorted() === "asc")}
-			className="h-auto! p-0! font-inherit hover:bg-transparent uppercase group/sort"
-		>
-			{title}
-			<span className={iconVisibility}>{icon}</span>
-		</Button>
-	);
-}

app/client/components/dev-panel-listener.tsx

@@ -1,25 +0,0 @@
-import { useState } from "react";
-import { useQuery } from "@tanstack/react-query";
-import { useHotkeySequence } from "@tanstack/react-hotkeys";
-import { getDevPanelOptions } from "~/client/api-client/@tanstack/react-query.gen";
-import { DevPanel } from "./dev-panel";
-
-export function DevPanelListener() {
-	const [isOpen, setIsOpen] = useState(false);
-	const { data: devPanelStatus } = useQuery({
-		...getDevPanelOptions(),
-	});
-
-	useHotkeySequence(["D", "E", "V"], () => setIsOpen(true), {
-		enabled: !!devPanelStatus?.enabled,
-		preventDefault: true,
-		ignoreInputs: true,
-		timeout: 1000,
-	});
-
-	if (!devPanelStatus?.enabled) {
-		return null;
-	}
-
-	return <DevPanel open={isOpen} onOpenChange={setIsOpen} />;
-}

app/client/components/dev-panel.tsx

@@ -1,229 +0,0 @@
-import { useRef, useState, useCallback } from "react";
-import { useQuery } from "@tanstack/react-query";
-import { Play, Loader2, Trash2, Terminal } from "lucide-react";
-import { Button } from "./ui/button";
-import { cn } from "~/client/lib/utils";
-import { Sheet, SheetContent, SheetHeader, SheetTitle, SheetDescription } from "./ui/sheet";
-import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "./ui/select";
-import { Label } from "./ui/label";
-import { Textarea } from "./ui/textarea";
-import { listRepositoriesOptions } from "~/client/api-client/@tanstack/react-query.gen";
-import { devPanelExec } from "~/client/api-client/sdk.gen";
-import { parseError } from "../lib/errors";
-
-type DevPanelProps = {
-	open: boolean;
-	onOpenChange: (open: boolean) => void;
-};
-
-type SseOutputEvent = {
-	type: "stdout" | "stderr";
-	line: string;
-};
-
-type SseDoneEvent = {
-	type: "done";
-	exitCode: number;
-};
-
-type SseErrorEvent = {
-	type: "error";
-	message: string;
-};
-
-type SseEvent = SseOutputEvent | SseDoneEvent | SseErrorEvent;
-
-export function DevPanel({ open, onOpenChange }: DevPanelProps) {
-	const { data: repositories = [] } = useQuery({
-		...listRepositoriesOptions(),
-		enabled: open,
-	});
-
-	const [selectedRepoId, setSelectedRepoId] = useState<string>("");
-	const [commandLine, setCommandLine] = useState("snapshots");
-	const [output, setOutput] = useState<string[]>([]);
-	const [isRunning, setIsRunning] = useState(false);
-	const abortControllerRef = useRef<AbortController | null>(null);
-	const outputRef = useRef<HTMLDivElement>(null);
-
-	const scrollToBottom = useCallback(() => {
-		if (outputRef.current) {
-			outputRef.current.scrollTop = outputRef.current.scrollHeight;
-		}
-	}, []);
-
-	const appendOutput = useCallback(
-		(line: string) => {
-			setOutput((prev) => {
-				const newOutput = [...prev, line];
-				setTimeout(scrollToBottom, 0);
-				return newOutput;
-			});
-		},
-		[scrollToBottom],
-	);
-
-	const handleRun = async () => {
-		if (!selectedRepoId || !commandLine.trim()) {
-			return;
-		}
-
-		setOutput([]);
-		setIsRunning(true);
-		appendOutput(`$ restic ${commandLine}`.trim());
-		appendOutput("---");
-
-		abortControllerRef.current = new AbortController();
-
-		const trimmedLine = commandLine.trim();
-		const parts = trimmedLine.split(/\s+/);
-		const command = parts[0];
-		const argsArray = parts.slice(1);
-
-		try {
-			const result = await devPanelExec({
-				path: { shortId: selectedRepoId },
-				body: { command, args: argsArray.length > 0 ? argsArray : undefined },
-				signal: abortControllerRef.current.signal,
-			});
-
-			for await (const event of result.stream) {
-				if (abortControllerRef.current.signal.aborted) {
-					break;
-				}
-				const data = event as unknown as SseEvent;
-
-				if (!data || typeof data !== "object") {
-					continue;
-				}
-
-				if (data.type === "stdout" || data.type === "stderr") {
-					appendOutput(data.line);
-				} else if (data.type === "done") {
-					appendOutput(`---`);
-					appendOutput(`Command finished with exit code: ${data.exitCode}`);
-				} else if (data.type === "error") {
-					appendOutput(`Error: ${data.message}`);
-				}
-			}
-		} catch (err) {
-			if (err instanceof Error && err.name === "AbortError") {
-				appendOutput("---");
-				appendOutput("Command cancelled");
-			} else {
-				appendOutput(`Error: ${parseError(err)?.message}`);
-			}
-		} finally {
-			setIsRunning(false);
-			abortControllerRef.current = null;
-		}
-	};
-
-	const handleCancel = () => {
-		abortControllerRef.current?.abort();
-	};
-
-	const handleClear = () => {
-		setOutput([]);
-	};
-
-	const handleClose = () => {
-		if (isRunning) {
-			handleCancel();
-		}
-		onOpenChange(false);
-	};
-
-	return (
-		<Sheet open={open} onOpenChange={handleClose}>
-			<SheetContent side="right" className="w-full sm:max-w-xl flex flex-col px-4">
-				<SheetHeader>
-					<SheetTitle className="flex items-center gap-2">
-						<Terminal className="h-5 w-5" />
-						Dev Panel
-					</SheetTitle>
-					<SheetDescription>Execute restic commands against a repository</SheetDescription>
-				</SheetHeader>
-
-				<div className="flex flex-col gap-4 flex-1 min-h-0 mt-4">
-					<div className="grid gap-4">
-						<div className="grid gap-2">
-							<Label htmlFor="repository">Repository</Label>
-							<Select value={selectedRepoId} onValueChange={setSelectedRepoId}>
-								<SelectTrigger id="repository">
-									<SelectValue placeholder="Select a repository" />
-								</SelectTrigger>
-								<SelectContent>
-									{repositories.map((repo) => (
-										<SelectItem key={repo.id} value={repo.shortId}>
-											{repo.name} ({repo.type})
-										</SelectItem>
-									))}
-								</SelectContent>
-							</Select>
-						</div>
-
-						<div className="grid gap-2">
-							<Label htmlFor="command">Command</Label>
-							<Textarea
-								id="command"
-								placeholder="e.g., snapshots, check --dry-run, forget --keep-last 10"
-								value={commandLine}
-								onChange={(e) => setCommandLine(e.target.value)}
-								className="font-mono text-sm"
-								rows={2}
-							/>
-						</div>
-
-						<div className="flex gap-2">
-							<Button onClick={handleRun} disabled={isRunning || !selectedRepoId || !commandLine.trim()}>
-								<Loader2 className={cn("h-4 w-4 animate-spin mr-2", { hidden: !isRunning })} />
-								<Play className={cn("h-4 w-4 mr-2", { hidden: isRunning })} />
-								<span className={cn({ hidden: !isRunning })}>Running...</span>
-								<span className={cn({ hidden: isRunning })}>Run</span>
-							</Button>
-							<Button variant="destructive" onClick={handleCancel} className={cn({ hidden: !isRunning })}>
-								Cancel
-							</Button>
-							<Button variant="outline" onClick={handleClear} disabled={isRunning}>
-								<Trash2 className="h-4 w-4 mr-2" />
-								Clear
-							</Button>
-						</div>
-					</div>
-
-					<div className="flex-1 min-h-0 border rounded-md bg-muted/30">
-						<div ref={outputRef} className="h-full overflow-auto p-3 font-mono text-xs">
-							<div className={cn("text-muted-foreground", { hidden: output.length > 0 })}>
-								Output will appear here...
-							</div>
-							<div className={cn("space-y-0.5", { hidden: output.length === 0 })}>
-								{output.map((line, i) => {
-									let displayLine = line;
-									let isJson = false;
-									try {
-										const parsed = JSON.parse(line);
-										displayLine = JSON.stringify(parsed, null, 2);
-										isJson = true;
-									} catch {
-										// Not valid JSON, display as-is
-									}
-									return (
-										<pre
-											key={`${i}-${line.slice(0, 20)}`}
-											className={cn("whitespace-pre-wrap break-all text-xs", {
-												"wrap-break-word text-[10px] leading-tight": isJson,
-											})}
-										>
-											{displayLine}
-										</pre>
-									);
-								})}
-							</div>
-						</div>
-					</div>
-				</div>
-			</SheetContent>
-		</Sheet>
-	);
-}

app/client/components/empty-state.tsx

@@ -1,32 +0,0 @@
-import { Card } from "./ui/card";
-
-type EmptyStateProps = {
-	title?: string;
-	description?: string;
-	icon: React.ComponentType<React.SVGProps<SVGSVGElement>>;
-	button?: React.ReactNode;
-};
-
-export function EmptyState(props: EmptyStateProps) {
-	const { title, description, icon: Cicon, button } = props;
-
-	return (
-		<Card className="p-0 gap-0">
-			<div className="flex flex-col items-center justify-center py-16 px-4 text-center">
-				<div className="relative mb-8">
-					<div className="absolute inset-0 animate-pulse">
-						<div className="w-32 h-32 rounded-full bg-primary/10 blur-2xl" />
-					</div>
-					<div className="relative flex items-center justify-center w-32 h-32 rounded-full bg-linear-to-br from-primary/20 to-primary/5 border-2 border-primary/20">
-						<Cicon className="w-16 h-16 text-primary/70" strokeWidth={1.5} />
-					</div>
-				</div>
-				<div className="max-w-md space-y-3 mb-8">
-					<h3 className="text-2xl font-semibold text-foreground">{title}</h3>
-					<p className="text-muted-foreground text-sm">{description}</p>
-				</div>
-				{button}
-			</div>
-		</Card>
-	);
-}

app/client/components/file-browsers/__tests__/snapshot-tree-browser.test.tsx

@@ -1,244 +0,0 @@
-import type { ComponentProps } from "react";
-import { afterEach, describe, expect, test } from "vitest";
-import { HttpResponse, http, server } from "~/test/msw/server";
-import { cleanup, fireEvent, render, screen, userEvent, waitFor, within } from "~/test/test-utils";
-
-type SnapshotFilesRequest = {
-	shortId: string;
-	snapshotId: string;
-	path: string | null;
-	offset: string | null;
-	limit: string | null;
-};
-
-const snapshotFiles = {
-	files: [
-		{ name: "project", path: "/mnt/project", type: "dir" },
-		{ name: "a.txt", path: "/mnt/project/a.txt", type: "file" },
-	],
-};
-
-import { SnapshotTreeBrowser } from "../snapshot-tree-browser";
-
-const mockListSnapshotFiles = (response = snapshotFiles) => {
-	const requests: SnapshotFilesRequest[] = [];
-
-	server.use(
-		http.get("/api/v1/repositories/:shortId/snapshots/:snapshotId/files", ({ params, request }) => {
-			const url = new URL(request.url);
-			requests.push({
-				shortId: String(params.shortId),
-				snapshotId: String(params.snapshotId),
-				path: url.searchParams.get("path"),
-				offset: url.searchParams.get("offset"),
-				limit: url.searchParams.get("limit"),
-			});
-
-			return HttpResponse.json(response);
-		}),
-	);
-
-	return requests;
-};
-
-const renderSnapshotTreeBrowser = (props: Partial<ComponentProps<typeof SnapshotTreeBrowser>> = {}) => {
-	return render(
-		<SnapshotTreeBrowser
-			repositoryId="repo-1"
-			snapshotId="snap-1"
-			queryBasePath="/mnt/project"
-			displayBasePath="/mnt"
-			{...props}
-		/>,
-	);
-};
-
-afterEach(() => {
-	cleanup();
-});
-
-describe("SnapshotTreeBrowser", () => {
-	test("renders the query root folder when display base path is broader than query base path", async () => {
-		mockListSnapshotFiles();
-
-		renderSnapshotTreeBrowser();
-
-		expect(await screen.findByRole("button", { name: "project" })).toBeTruthy();
-	});
-
-	test("renders ancestor folders when the query root is nested multiple levels below the display root", async () => {
-		mockListSnapshotFiles({
-			files: [
-				{ name: "subdir", path: "/mnt/project/subdir", type: "dir" },
-				{ name: "a.txt", path: "/mnt/project/subdir/a.txt", type: "file" },
-			],
-		});
-
-		renderSnapshotTreeBrowser({
-			queryBasePath: "/mnt/project/subdir",
-			displayBasePath: "/mnt",
-		});
-
-		expect(await screen.findByRole("button", { name: "project" })).toBeTruthy();
-	});
-
-	test("renders synthesized ancestor folders for a single file when no display base path is available", async () => {
-		const requests = mockListSnapshotFiles({
-			files: [{ name: "report.txt", path: "/mnt/project/report.txt", type: "file" }],
-		});
-
-		renderSnapshotTreeBrowser({
-			queryBasePath: "/mnt/project/report.txt",
-			displayBasePath: undefined,
-		});
-
-		const mntRow = await screen.findByRole("button", { name: "mnt" });
-		const mntExpandIcon = mntRow.querySelector("svg");
-		if (!mntExpandIcon) {
-			throw new Error("Expected expand icon for mnt row");
-		}
-		fireEvent.click(mntExpandIcon);
-
-		expect(await screen.findByRole("button", { name: "project" })).toBeTruthy();
-		expect(requests[0]).toEqual({
-			shortId: "repo-1",
-			snapshotId: "snap-1",
-			path: "/mnt/project/report.txt",
-			offset: null,
-			limit: null,
-		});
-	});
-
-	test("returns the ancestor folder path when selecting above the query root", async () => {
-		mockListSnapshotFiles({
-			files: [
-				{ name: "subdir", path: "/mnt/project/subdir", type: "dir" },
-				{ name: "a.txt", path: "/mnt/project/subdir/a.txt", type: "file" },
-			],
-		});
-
-		let selectedPaths: Set<string> | undefined;
-		let selectedKind: "file" | "dir" | null = null;
-
-		renderSnapshotTreeBrowser({
-			queryBasePath: "/mnt/project/subdir",
-			displayBasePath: "/mnt",
-			withCheckboxes: true,
-			onSelectionChange: (paths) => {
-				selectedPaths = paths;
-			},
-			onSingleSelectionKindChange: (kind) => {
-				selectedKind = kind;
-			},
-		});
-
-		const row = await screen.findByRole("button", { name: "project" });
-		const checkbox = within(row).getByRole("checkbox");
-
-		await userEvent.click(checkbox);
-
-		expect(selectedPaths ? Array.from(selectedPaths) : []).toEqual(["/mnt/project"]);
-		expect(selectedKind === "dir").toBe(true);
-	});
-
-	test("keeps full paths when the display root does not contain the query root", async () => {
-		mockListSnapshotFiles();
-
-		let selectedPaths: Set<string> | undefined;
-		let selectedKind: "file" | "dir" | null = null;
-
-		renderSnapshotTreeBrowser({
-			queryBasePath: "/mnt/project",
-			displayBasePath: "/other/root",
-			withCheckboxes: true,
-			onSelectionChange: (paths) => {
-				selectedPaths = paths;
-			},
-			onSingleSelectionKindChange: (kind) => {
-				selectedKind = kind;
-			},
-		});
-
-		const row = await screen.findByRole("button", { name: "mnt" });
-		const checkbox = within(row).getByRole("checkbox");
-
-		await userEvent.click(checkbox);
-
-		expect(selectedPaths ? Array.from(selectedPaths) : []).toEqual(["/mnt"]);
-		expect(selectedKind === "dir").toBe(true);
-	});
-
-	test("shows selected folder state when full paths are provided from the parent", async () => {
-		mockListSnapshotFiles();
-
-		renderSnapshotTreeBrowser({
-			withCheckboxes: true,
-			selectedPaths: new Set(["/mnt/project"]),
-			onSelectionChange: () => {},
-		});
-
-		const row = await screen.findByRole("button", { name: "project" });
-		const checkbox = within(row).getByRole("checkbox");
-
-		expect(checkbox.getAttribute("aria-checked")).toBe("true");
-	});
-
-	test("returns the full snapshot path and kind when selecting a displayed folder", async () => {
-		mockListSnapshotFiles();
-
-		let selectedPaths: Set<string> | undefined;
-		let selectedKind: "file" | "dir" | null = null;
-
-		renderSnapshotTreeBrowser({
-			withCheckboxes: true,
-			onSelectionChange: (paths) => {
-				selectedPaths = paths;
-			},
-			onSingleSelectionKindChange: (kind) => {
-				selectedKind = kind;
-			},
-		});
-
-		const row = await screen.findByRole("button", { name: "project" });
-		const checkbox = within(row).getByRole("checkbox");
-
-		await userEvent.click(checkbox);
-
-		expect(selectedPaths ? Array.from(selectedPaths) : []).toEqual(["/mnt/project"]);
-		expect(selectedKind === "dir").toBe(true);
-	});
-
-	test("uses the query base path for the initial request when display base path is broader", async () => {
-		const requests = mockListSnapshotFiles();
-
-		renderSnapshotTreeBrowser();
-
-		await waitFor(() => {
-			expect(requests[0]).toEqual({
-				shortId: "repo-1",
-				snapshotId: "snap-1",
-				path: "/mnt/project",
-				offset: null,
-				limit: null,
-			});
-		});
-	});
-
-	test("shows the query root contents when display and query roots differ", async () => {
-		mockListSnapshotFiles();
-
-		renderSnapshotTreeBrowser();
-
-		const row = await screen.findByRole("button", { name: "project" });
-		const expandIcon = row.querySelector("svg");
-		if (!expandIcon) {
-			throw new Error("Expected expand icon for folder row");
-		}
-
-		if (!screen.queryByRole("button", { name: "a.txt" })) {
-			fireEvent.click(expandIcon);
-		}
-
-		expect(await screen.findByRole("button", { name: "a.txt" })).toBeTruthy();
-	});
-});

app/client/components/file-browsers/directory-browser.tsx

@@ -1,24 +0,0 @@
-import { LocalFileBrowser } from "./local-file-browser";
-
-type Props = {
-	onSelectPath: (path: string) => void;
-	selectedPath?: string;
-};
-
-export const DirectoryBrowser = ({ onSelectPath, selectedPath }: Props) => {
-	return (
-		<LocalFileBrowser
-			className="border rounded-lg overflow-hidden"
-			useScrollArea
-			scrollAreaClassName="h-64"
-			foldersOnly
-			selectableFolders
-			selectedFolder={selectedPath}
-			onFolderSelect={onSelectPath}
-			showSelectedPathFooter
-			selectedPath={selectedPath}
-			loadingMessage="Loading directories..."
-			emptyMessage="No subdirectories found"
-		/>
-	);
-};

app/client/components/file-browsers/file-browser.tsx

@@ -1,149 +0,0 @@
-import { type ReactNode } from "react";
-import { FolderOpen } from "lucide-react";
-import { FileTree, type FileEntry } from "~/client/components/file-tree";
-import { ScrollArea } from "~/client/components/ui/scroll-area";
-import { cn } from "~/client/lib/utils";
-
-type PaginationState = {
-	hasMore: boolean;
-	isLoadingMore: boolean;
-};
-
-export type FileBrowserUiProps = {
-	className?: string;
-	treeContainerClassName?: string;
-	treeClassName?: string;
-	useScrollArea?: boolean;
-	scrollAreaClassName?: string;
-	stateClassName?: string;
-	loadingMessage?: string;
-	emptyMessage?: string;
-	emptyDescription?: string;
-	emptyIcon?: ReactNode;
-	withCheckboxes?: boolean;
-	selectedPaths?: Set<string>;
-	onSelectionChange?: (paths: Set<string>) => void;
-	foldersOnly?: boolean;
-	selectableFolders?: boolean;
-	onFolderSelect?: (folderPath: string) => void;
-	selectedFolder?: string;
-	onFileSelect?: (filePath: string) => void;
-	selectedFile?: string;
-	showSelectedPathFooter?: boolean;
-	selectedPath?: string;
-	selectedPathLabel?: string;
-};
-
-type FileBrowserProps = FileBrowserUiProps & {
-	isLoading: boolean;
-	isEmpty: boolean;
-	errorMessage?: string;
-	fileArray: FileEntry[];
-	expandedFolders: Set<string>;
-	loadingFolders: Set<string>;
-	onFolderExpand: (folderPath: string) => void | Promise<void>;
-	onFolderHover: (folderPath: string) => void;
-	onLoadMore: (folderPath: string) => void | Promise<void>;
-	getFolderPagination: (folderPath: string) => PaginationState;
-};
-
-export const FileBrowser = (props: FileBrowserProps) => {
-	const {
-		className,
-		treeContainerClassName,
-		treeClassName,
-		useScrollArea = false,
-		scrollAreaClassName,
-		stateClassName,
-		loadingMessage = "Loading files...",
-		emptyMessage = "No files found.",
-		emptyDescription,
-		emptyIcon,
-		withCheckboxes = false,
-		selectedPaths,
-		onSelectionChange,
-		foldersOnly = false,
-		selectableFolders = false,
-		onFolderSelect,
-		selectedFolder,
-		onFileSelect,
-		selectedFile,
-		showSelectedPathFooter = false,
-		selectedPath,
-		selectedPathLabel = "Selected path:",
-		isLoading,
-		isEmpty,
-		errorMessage,
-		fileArray,
-		expandedFolders,
-		loadingFolders,
-		onFolderExpand,
-		onFolderHover,
-		onLoadMore,
-		getFolderPagination,
-	} = props;
-
-	const resolvedSelectedPath = selectedPath ?? selectedFolder;
-	const resolvedEmptyIcon =
-		emptyIcon === undefined ? <FolderOpen className="mb-2 h-12 w-12 text-muted-foreground" /> : emptyIcon;
-
-	let body: ReactNode;
-
-	if (isLoading) {
-		body = (
-			<div className={cn("flex min-h-50 flex-col items-center justify-center p-6 text-center", stateClassName)}>
-				<p className="text-muted-foreground">{loadingMessage}</p>
-			</div>
-		);
-	} else if (errorMessage) {
-		body = (
-			<div className={cn("flex min-h-50 flex-col items-center justify-center p-6 text-center", stateClassName)}>
-				<p className="text-destructive">{errorMessage}</p>
-			</div>
-		);
-	} else if (isEmpty) {
-		body = (
-			<div className={cn("flex min-h-50 flex-col items-center justify-center p-6 text-center", stateClassName)}>
-				{resolvedEmptyIcon}
-				<p className="text-muted-foreground">{emptyMessage}</p>
-				{emptyDescription && <p className="mt-2 text-sm text-muted-foreground">{emptyDescription}</p>}
-			</div>
-		);
-	} else {
-		body = (
-			<FileTree
-				files={fileArray}
-				onFolderExpand={onFolderExpand}
-				onFolderHover={onFolderHover}
-				onLoadMore={onLoadMore}
-				getFolderPagination={getFolderPagination}
-				expandedFolders={expandedFolders}
-				loadingFolders={loadingFolders}
-				className={treeClassName}
-				withCheckboxes={withCheckboxes}
-				selectedPaths={selectedPaths}
-				onSelectionChange={onSelectionChange}
-				foldersOnly={foldersOnly}
-				selectableFolders={selectableFolders}
-				onFolderSelect={onFolderSelect}
-				selectedFolder={selectedFolder}
-				onFileSelect={onFileSelect}
-				selectedFile={selectedFile}
-			/>
-		);
-	}
-
-	const bodyWithScroll = useScrollArea ? <ScrollArea className={scrollAreaClassName}>{body}</ScrollArea> : body;
-
-	return (
-		<div className={className}>
-			<div className={treeContainerClassName}>{bodyWithScroll}</div>
-			{showSelectedPathFooter && resolvedSelectedPath && (
-				<div className="bg-muted/50 border-t p-2 text-sm">
-					<div className="font-medium text-muted-foreground">{selectedPathLabel}</div>
-					<div className="font-mono text-xs break-all">{resolvedSelectedPath}</div>
-				</div>
-			)}
-		</div>
-	);
-};

app/client/components/file-browsers/local-file-browser.tsx

@@ -1,51 +0,0 @@
-import { useQuery, useQueryClient } from "@tanstack/react-query";
-import { browseFilesystemOptions } from "~/client/api-client/@tanstack/react-query.gen";
-import { FileBrowser, type FileBrowserUiProps } from "~/client/components/file-browsers/file-browser";
-import { useFileBrowser } from "~/client/hooks/use-file-browser";
-import { parseError } from "~/client/lib/errors";
-import { normalizeAbsolutePath } from "@zerobyte/core/utils";
-import { logger } from "~/client/lib/logger";
-
-type LocalFileBrowserProps = FileBrowserUiProps & {
-	initialPath?: string;
-	enabled?: boolean;
-};
-
-export const LocalFileBrowser = ({ initialPath = "/", enabled = true, ...uiProps }: LocalFileBrowserProps) => {
-	const queryClient = useQueryClient();
-	const normalizedInitialPath = normalizeAbsolutePath(initialPath);
-
-	const { data, isLoading, error } = useQuery({
-		...browseFilesystemOptions({ query: { path: normalizedInitialPath } }),
-		enabled,
-	});
-
-	const fileBrowser = useFileBrowser({
-		initialData: data,
-		isLoading,
-		fetchFolder: async (path) => {
-			return await queryClient.ensureQueryData(browseFilesystemOptions({ query: { path } }));
-		},
-		prefetchFolder: (path) => {
-			void queryClient.prefetchQuery(browseFilesystemOptions({ query: { path } })).catch((e) => logger.error(e));
-		},
-	});
-
-	return (
-		<FileBrowser
-			{...uiProps}
-			fileArray={fileBrowser.fileArray}
-			expandedFolders={fileBrowser.expandedFolders}
-			loadingFolders={fileBrowser.loadingFolders}
-			onFolderExpand={fileBrowser.handleFolderExpand}
-			onFolderHover={fileBrowser.handleFolderHover}
-			onLoadMore={fileBrowser.handleLoadMore}
-			getFolderPagination={fileBrowser.getFolderPagination}
-			isLoading={fileBrowser.isLoading}
-			isEmpty={fileBrowser.isEmpty}
-			errorMessage={parseError(error)?.message}
-			loadingMessage={uiProps.loadingMessage ?? "Loading directories..."}
-			emptyMessage={uiProps.emptyMessage ?? "No subdirectories found"}
-		/>
-	);
-};

app/client/components/file-browsers/snapshot-tree-browser.tsx

@@ -1,157 +0,0 @@
-import { useCallback, useMemo } from "react";
-import { useQuery, useQueryClient } from "@tanstack/react-query";
-import { listSnapshotFilesOptions } from "~/client/api-client/@tanstack/react-query.gen";
-import { FileBrowser, type FileBrowserUiProps } from "~/client/components/file-browsers/file-browser";
-import { useFileBrowser } from "~/client/hooks/use-file-browser";
-import { parseError } from "~/client/lib/errors";
-import { isPathWithin, normalizeAbsolutePath } from "@zerobyte/core/utils";
-
-function createPathPrefixFns(basePath: string) {
-	return {
-		strip(path: string) {
-			if (basePath === "/") return path;
-			if (path === basePath) return "/";
-			if (path.startsWith(`${basePath}/`)) return path.slice(basePath.length);
-			return path;
-		},
-		add(displayPath: string) {
-			if (basePath === "/") return displayPath;
-			if (displayPath === "/") return basePath;
-			return `${basePath}${displayPath}`;
-		},
-	};
-}
-
-type SnapshotTreeBrowserProps = FileBrowserUiProps & {
-	repositoryId: string;
-	snapshotId: string;
-	queryBasePath?: string;
-	displayBasePath?: string;
-	pageSize?: number;
-	enabled?: boolean;
-	onSingleSelectionKindChange?: (kind: "file" | "dir" | null) => void;
-};
-
-export const SnapshotTreeBrowser = (props: SnapshotTreeBrowserProps) => {
-	const {
-		repositoryId,
-		snapshotId,
-		queryBasePath = "/",
-		displayBasePath,
-		pageSize = 500,
-		enabled = true,
-		...uiProps
-	} = props;
-
-	const { selectedPaths, onSelectionChange, onSingleSelectionKindChange, ...fileBrowserUiProps } = uiProps;
-	const queryClient = useQueryClient();
-	const normalizedQueryBasePath = normalizeAbsolutePath(queryBasePath);
-	const normalizedDisplayBasePath = normalizeAbsolutePath(displayBasePath ?? "/");
-	const effectiveDisplayBasePath = isPathWithin(normalizedDisplayBasePath, normalizedQueryBasePath)
-		? normalizedDisplayBasePath
-		: "/";
-
-	const { data, isLoading, error } = useQuery({
-		...listSnapshotFilesOptions({
-			path: { shortId: repositoryId, snapshotId },
-			query: { path: normalizedQueryBasePath },
-		}),
-		enabled,
-	});
-
-	const displayPathFns = useMemo(() => createPathPrefixFns(effectiveDisplayBasePath), [effectiveDisplayBasePath]);
-
-	const displaySelectedPaths = useMemo(() => {
-		if (!selectedPaths) return undefined;
-
-		const displayPaths = new Set<string>();
-		for (const fullPath of selectedPaths) {
-			displayPaths.add(displayPathFns.strip(fullPath));
-		}
-
-		return displayPaths;
-	}, [displayPathFns, selectedPaths]);
-
-	const fileBrowser = useFileBrowser({
-		initialData: data,
-		isLoading,
-		fetchFolder: async (displayPath, offset = 0) => {
-			return await queryClient.ensureQueryData(
-				listSnapshotFilesOptions({
-					path: { shortId: repositoryId, snapshotId },
-					query: { path: displayPath, offset: offset, limit: pageSize },
-				}),
-			);
-		},
-		pathTransform: displayPathFns,
-	});
-
-	const displayPathKinds = useMemo(() => {
-		const kinds = new Map<string, "file" | "dir">();
-		for (const entry of fileBrowser.fileArray) {
-			kinds.set(entry.path, entry.type === "file" ? "file" : "dir");
-
-			let parentPath = entry.path;
-			while (true) {
-				const lastSlashIndex = parentPath.lastIndexOf("/");
-				if (lastSlashIndex <= 0) {
-					break;
-				}
-
-				parentPath = parentPath.slice(0, lastSlashIndex);
-				if (kinds.has(parentPath)) {
-					continue;
-				}
-
-				kinds.set(parentPath, "dir");
-			}
-		}
-		return kinds;
-	}, [fileBrowser.fileArray]);
-
-	const handleSelectionChange = useCallback(
-		(nextDisplayPaths: Set<string>) => {
-			if (!onSelectionChange) return;
-
-			const nextFullPaths = new Set<string>();
-			for (const displayPath of nextDisplayPaths) {
-				nextFullPaths.add(displayPathFns.add(displayPath));
-			}
-
-			if (onSingleSelectionKindChange) {
-				if (nextDisplayPaths.size === 1) {
-					const [selectedDisplayPath] = nextDisplayPaths;
-					if (selectedDisplayPath) {
-						onSingleSelectionKindChange(displayPathKinds.get(selectedDisplayPath) ?? null);
-					} else {
-						onSingleSelectionKindChange(null);
-					}
-				} else {
-					onSingleSelectionKindChange(null);
-				}
-			}
-
-			onSelectionChange(nextFullPaths);
-		},
-		[displayPathFns, displayPathKinds, onSelectionChange, onSingleSelectionKindChange],
-	);
-
-	return (
-		<FileBrowser
-			{...fileBrowserUiProps}
-			fileArray={fileBrowser.fileArray}
-			expandedFolders={fileBrowser.expandedFolders}
-			loadingFolders={fileBrowser.loadingFolders}
-			onFolderExpand={fileBrowser.handleFolderExpand}
-			onFolderHover={fileBrowser.handleFolderHover}
-			onLoadMore={fileBrowser.handleLoadMore}
-			getFolderPagination={fileBrowser.getFolderPagination}
-			isLoading={fileBrowser.isLoading}
-			isEmpty={fileBrowser.isEmpty}
-			errorMessage={parseError(error)?.message}
-			loadingMessage={fileBrowserUiProps.loadingMessage ?? "Loading files..."}
-			selectedPaths={displaySelectedPaths}
-			onSelectionChange={onSelectionChange ? handleSelectionChange : undefined}
-		/>
-	);
-};

app/client/components/file-browsers/volume-file-browser.tsx

@@ -1,61 +0,0 @@
-import { useQuery, useQueryClient } from "@tanstack/react-query";
-import { listFilesOptions } from "~/client/api-client/@tanstack/react-query.gen";
-import { FileBrowser, type FileBrowserUiProps } from "~/client/components/file-browsers/file-browser";
-import { useFileBrowser, type FetchFolderResult } from "~/client/hooks/use-file-browser";
-import { parseError } from "~/client/lib/errors";
-import { logger } from "~/client/lib/logger";
-
-type VolumeFileBrowserProps = FileBrowserUiProps & {
-	volumeId: string;
-	enabled?: boolean;
-};
-
-export const VolumeFileBrowser = ({ volumeId, enabled = true, ...uiProps }: VolumeFileBrowserProps) => {
-	const queryClient = useQueryClient();
-
-	const { data, isLoading, error } = useQuery({
-		...listFilesOptions({ path: { shortId: volumeId } }),
-		enabled,
-	});
-
-	const fileBrowser = useFileBrowser({
-		initialData: data,
-		isLoading,
-		fetchFolder: async (path, offset): Promise<FetchFolderResult> => {
-			return await queryClient.ensureQueryData(
-				listFilesOptions({
-					path: { shortId: volumeId },
-					query: { path, offset: offset },
-				}),
-			);
-		},
-		prefetchFolder: (path) => {
-			void queryClient
-				.prefetchQuery(
-					listFilesOptions({
-						path: { shortId: volumeId },
-						query: { path },
-					}),
-				)
-				.catch((e) => logger.error(e));
-		},
-	});
-
-	return (
-		<FileBrowser
-			{...uiProps}
-			fileArray={fileBrowser.fileArray}
-			expandedFolders={fileBrowser.expandedFolders}
-			loadingFolders={fileBrowser.loadingFolders}
-			onFolderExpand={fileBrowser.handleFolderExpand}
-			onFolderHover={fileBrowser.handleFolderHover}
-			onLoadMore={fileBrowser.handleLoadMore}
-			getFolderPagination={fileBrowser.getFolderPagination}
-			isLoading={fileBrowser.isLoading}
-			isEmpty={fileBrowser.isEmpty}
-			errorMessage={parseError(error)?.message}
-			loadingMessage={uiProps.loadingMessage ?? "Loading files..."}
-			emptyMessage={uiProps.emptyMessage ?? "This volume appears to be empty."}
-		/>
-	);
-};

app/client/components/file-tree.tsx

@@ -1,746 +0,0 @@
-/**
- * FileTree Component
- *
- * Adapted from bolt.new by StackBlitz
- * Copyright (c) 2024 StackBlitz, Inc.
- * Licensed under the MIT License
- *
- * Original source: https://github.com/stackblitz/bolt.new
- */
-
-import {
-	ChevronDown,
-	ChevronRight,
-	File as FileIcon,
-	Folder as FolderIcon,
-	FolderOpen,
-	Loader2,
-	MoreHorizontal,
-} from "lucide-react";
-import { memo, type ReactNode, useCallback, useEffect, useMemo, useState } from "react";
-import { cn } from "~/client/lib/utils";
-import { Checkbox } from "~/client/components/ui/checkbox";
-import { ByteSize } from "~/client/components/bytes-size";
-
-const NODE_PADDING_LEFT = 12;
-
-export interface FileEntry {
-	name: string;
-	path: string;
-	type: string;
-	size?: number;
-	modifiedAt?: number;
-}
-
-interface PaginationState {
-	hasMore: boolean;
-	isLoadingMore: boolean;
-}
-
-interface Props {
-	files?: FileEntry[];
-	selectedFile?: string;
-	onFileSelect?: (filePath: string) => void;
-	onFolderExpand?: (folderPath: string) => void;
-	onFolderHover?: (folderPath: string) => void;
-	onLoadMore?: (folderPath: string) => void;
-	getFolderPagination?: (folderPath: string) => PaginationState;
-	expandedFolders?: Set<string>;
-	loadingFolders?: Set<string>;
-	className?: string;
-	withCheckboxes?: boolean;
-	selectedPaths?: Set<string>;
-	onSelectionChange?: (selectedPaths: Set<string>) => void;
-	foldersOnly?: boolean;
-	selectableFolders?: boolean;
-	onFolderSelect?: (folderPath: string) => void;
-	selectedFolder?: string;
-}
-
-export const FileTree = memo((props: Props) => {
-	const {
-		files = [],
-		onFileSelect,
-		selectedFile,
-		onFolderExpand,
-		onFolderHover,
-		onLoadMore,
-		getFolderPagination,
-		expandedFolders = new Set(),
-		loadingFolders = new Set(),
-		className,
-		withCheckboxes = false,
-		selectedPaths = new Set(),
-		onSelectionChange,
-		foldersOnly = false,
-		selectableFolders = false,
-		onFolderSelect,
-		selectedFolder,
-	} = props;
-
-	const fileList = useMemo(() => {
-		return buildFileList(files, foldersOnly);
-	}, [files, foldersOnly]);
-
-	const [collapsedFolders, setCollapsedFolders] = useState<Set<string>>(new Set());
-
-	const filteredFileList = useMemo(() => {
-		const list = [];
-		let lastDepth = Number.MAX_SAFE_INTEGER;
-
-		for (const fileOrFolder of fileList) {
-			const depth = fileOrFolder.depth;
-
-			// if the depth is equal we reached the end of the collapsed group
-			if (lastDepth === depth) {
-				lastDepth = Number.MAX_SAFE_INTEGER;
-			}
-
-			// ignore collapsed folders
-			if (collapsedFolders.has(fileOrFolder.fullPath)) {
-				lastDepth = Math.min(lastDepth, depth);
-			}
-
-			// ignore files and folders below the last collapsed folder
-			if (lastDepth < depth) {
-				continue;
-			}
-
-			list.push(fileOrFolder);
-		}
-
-		return list;
-	}, [fileList, collapsedFolders]);
-
-	const toggleCollapseState = useCallback(
-		(fullPath: string) => {
-			const shouldExpand = collapsedFolders.has(fullPath);
-
-			setCollapsedFolders((prevSet) => {
-				const newSet = new Set(prevSet);
-
-				if (newSet.has(fullPath)) {
-					newSet.delete(fullPath);
-				} else {
-					newSet.add(fullPath);
-				}
-
-				return newSet;
-			});
-
-			if (shouldExpand) {
-				onFolderExpand?.(fullPath);
-			}
-		},
-		[collapsedFolders, onFolderExpand],
-	);
-
-	// Add new folders to collapsed set when file list changes
-	useEffect(() => {
-		setCollapsedFolders((prevSet) => {
-			let hasChanges = false;
-			const newSet = new Set(prevSet);
-			for (const item of fileList) {
-				if (item.kind === "folder" && !newSet.has(item.fullPath) && !expandedFolders.has(item.fullPath)) {
-					newSet.add(item.fullPath);
-					hasChanges = true;
-				}
-			}
-			return hasChanges ? newSet : prevSet;
-		});
-	}, [fileList, expandedFolders]);
-
-	const handleFileSelect = useCallback(
-		(filePath: string) => {
-			onFileSelect?.(filePath);
-		},
-		[onFileSelect],
-	);
-
-	const handleFolderSelect = useCallback(
-		(folderPath: string) => {
-			onFolderSelect?.(folderPath);
-		},
-		[onFolderSelect],
-	);
-
-	const handleSelectionChange = useCallback(
-		(path: string, checked: boolean) => {
-			const newSelection = new Set(selectedPaths);
-
-			if (checked) {
-				// Add the path itself
-				newSelection.add(path);
-
-				// Remove any descendants from selection since parent now covers them
-				for (const selectedPath of newSelection) {
-					if (selectedPath.startsWith(`${path}/`)) {
-						newSelection.delete(selectedPath);
-					}
-				}
-			} else {
-				// Remove the path itself
-				newSelection.delete(path);
-
-				// Check if any parent is selected - if so, we need to add siblings back
-				const pathSegments = path.split("/").filter(Boolean);
-				let parentIsSelected = false;
-				let selectedParentPath = "";
-
-				// Check each parent level to see if any are selected
-				for (let i = pathSegments.length - 1; i > 0; i--) {
-					const parentPath = `/${pathSegments.slice(0, i).join("/")}`;
-					if (newSelection.has(parentPath)) {
-						parentIsSelected = true;
-						selectedParentPath = parentPath;
-						break;
-					}
-				}
-
-				if (parentIsSelected) {
-					// Remove the selected parent
-					newSelection.delete(selectedParentPath);
-
-					// Add all siblings and descendants of the selected parent, except the unchecked path and its descendants
-					for (const item of fileList) {
-						if (
-							item.fullPath.startsWith(`${selectedParentPath}/`) &&
-							!item.fullPath.startsWith(`${path}/`) &&
-							item.fullPath !== path &&
-							!path.startsWith(`${item.fullPath}/`)
-						) {
-							newSelection.add(item.fullPath);
-						}
-					}
-				}
-			}
-
-			let changed = true;
-			while (changed) {
-				changed = false;
-				const childrenByParent = new Map<string, string[]>();
-				for (const selectedPath of newSelection) {
-					const lastSlashIndex = selectedPath.lastIndexOf("/");
-					if (lastSlashIndex > 0) {
-						const parentPath = selectedPath.slice(0, lastSlashIndex);
-						if (!childrenByParent.has(parentPath)) {
-							childrenByParent.set(parentPath, []);
-						}
-						childrenByParent.get(parentPath)?.push(selectedPath);
-					}
-				}
-
-				// For each parent, check if all its children are selected
-				for (const [parentPath, selectedChildren] of childrenByParent.entries()) {
-					// Get all children of this parent from the file list
-					const allChildren = fileList.filter((item) => {
-						const itemParentPath = item.fullPath.slice(0, item.fullPath.lastIndexOf("/"));
-						return itemParentPath === parentPath;
-					});
-
-					// If all children are selected, replace them with the parent
-					if (allChildren.length > 0 && selectedChildren.length === allChildren.length) {
-						// Check that we have every child
-						const allChildrenPaths = new Set(allChildren.map((c) => c.fullPath));
-						const allChildrenSelected = selectedChildren.every((c) => allChildrenPaths.has(c));
-
-						if (allChildrenSelected) {
-							// Remove all children
-							for (const childPath of selectedChildren) {
-								newSelection.delete(childPath);
-							}
-							// Add the parent
-							newSelection.add(parentPath);
-							changed = true;
-							break;
-						}
-					}
-				}
-			}
-
-			onSelectionChange?.(newSelection);
-		},
-		[selectedPaths, onSelectionChange, fileList],
-	);
-
-	// Helper to check if a path is selected (either directly or via parent)
-	const isPathSelected = useCallback(
-		(path: string): boolean => {
-			// Check if directly selected
-			if (selectedPaths.has(path)) {
-				return true;
-			}
-
-			// Check if any parent is selected
-			const pathSegments = path.split("/").filter(Boolean);
-			for (let i = pathSegments.length - 1; i > 0; i--) {
-				const parentPath = `/${pathSegments.slice(0, i).join("/")}`;
-				if (selectedPaths.has(parentPath)) {
-					return true;
-				}
-			}
-
-			return false;
-		},
-		[selectedPaths],
-	);
-
-	// Determine if a folder is partially selected (some children selected)
-	const isPartiallySelected = useCallback(
-		(folderPath: string): boolean => {
-			// If the folder itself is selected, it's not partial
-			if (selectedPaths.has(folderPath)) {
-				return false;
-			}
-
-			// Check if this folder is implicitly selected via a parent
-			const pathSegments = folderPath.split("/").filter(Boolean);
-			for (let i = pathSegments.length - 1; i > 0; i--) {
-				const parentPath = `/${pathSegments.slice(0, i).join("/")}`;
-				if (selectedPaths.has(parentPath)) {
-					// Parent is selected, so this folder is fully selected, not partial
-					return false;
-				}
-			}
-
-			for (const selectedPath of selectedPaths) {
-				if (selectedPath.startsWith(`${folderPath}/`)) {
-					return true;
-				}
-			}
-
-			return false;
-		},
-		[selectedPaths],
-	);
-
-	// Build a map of folder paths that need pagination to their last child's index
-	const folderPaginationMap = useMemo(() => {
-		const map = new Map<string, number>();
-
-		for (let i = 0; i < filteredFileList.length; i++) {
-			const item = filteredFileList[i];
-			const parentPath = item.fullPath.slice(0, item.fullPath.lastIndexOf("/")) || "/";
-			const pagination = getFolderPagination?.(parentPath);
-			if (pagination?.hasMore && !collapsedFolders.has(parentPath)) {
-				// Update the last index for this parent
-				map.set(parentPath, i);
-			}
-		}
-
-		return map;
-	}, [filteredFileList, getFolderPagination, collapsedFolders]);
-
-	return (
-		<div className={cn("text-sm", className)}>
-			{filteredFileList.map((fileOrFolder, index) => {
-				const elements: React.ReactNode[] = [];
-
-				// Render the current file or folder
-				switch (fileOrFolder.kind) {
-					case "file": {
-						elements.push(
-							<File
-								key={fileOrFolder.id}
-								selected={selectedFile === fileOrFolder.fullPath}
-								file={fileOrFolder}
-								onFileSelect={handleFileSelect}
-								withCheckbox={withCheckboxes}
-								checked={isPathSelected(fileOrFolder.fullPath)}
-								onCheckboxChange={handleSelectionChange}
-							/>,
-						);
-						break;
-					}
-					case "folder": {
-						elements.push(
-							<Folder
-								key={fileOrFolder.id}
-								folder={fileOrFolder}
-								collapsed={collapsedFolders.has(fileOrFolder.fullPath)}
-								loading={loadingFolders.has(fileOrFolder.fullPath)}
-								onToggle={toggleCollapseState}
-								onHover={onFolderHover}
-								withCheckbox={withCheckboxes}
-								checked={isPathSelected(fileOrFolder.fullPath) && !isPartiallySelected(fileOrFolder.fullPath)}
-								partiallyChecked={isPartiallySelected(fileOrFolder.fullPath)}
-								onCheckboxChange={handleSelectionChange}
-								selectableMode={selectableFolders}
-								onFolderSelect={handleFolderSelect}
-								selected={selectedFolder === fileOrFolder.fullPath}
-							/>,
-						);
-						break;
-					}
-				}
-
-				// Check if this is the last child of any folder with more files to load
-				for (const [folderPath, lastIndex] of folderPaginationMap.entries()) {
-					if (lastIndex === index) {
-						// This is the last loaded child of folderPath
-						const pagination = getFolderPagination?.(folderPath);
-						if (pagination?.hasMore) {
-							elements.push(
-								<LoadMoreButton
-									key={`load-more-${folderPath}`}
-									depth={fileOrFolder.depth}
-									onClick={() => onLoadMore?.(folderPath)}
-									isLoading={pagination.isLoadingMore}
-								/>,
-							);
-						}
-					}
-				}
-
-				return elements;
-			})}
-		</div>
-	);
-});
-
-interface FolderProps {
-	folder: FolderNode;
-	collapsed: boolean;
-	loading?: boolean;
-	onToggle: (fullPath: string) => void;
-	onHover?: (fullPath: string) => void;
-	withCheckbox?: boolean;
-	checked?: boolean;
-	partiallyChecked?: boolean;
-	onCheckboxChange?: (path: string, checked: boolean) => void;
-	selectableMode?: boolean;
-	onFolderSelect?: (folderPath: string) => void;
-	selected?: boolean;
-}
-
-const Folder = memo(
-	({
-		folder,
-		collapsed,
-		loading,
-		onToggle,
-		onHover,
-		withCheckbox,
-		checked,
-		partiallyChecked,
-		onCheckboxChange,
-		selectableMode,
-		onFolderSelect,
-		selected,
-	}: FolderProps) => {
-		const { depth, name, fullPath } = folder;
-		const FolderIconComponent = collapsed ? FolderIcon : FolderOpen;
-
-		const handleChevronClick = useCallback(
-			(e: React.MouseEvent) => {
-				e.stopPropagation();
-				onToggle(fullPath);
-			},
-			[onToggle, fullPath],
-		);
-
-		const handleMouseEnter = useCallback(() => {
-			if (collapsed) {
-				onHover?.(fullPath);
-			}
-		}, [onHover, fullPath, collapsed]);
-
-		const handleCheckboxChange = useCallback(
-			(value: boolean) => {
-				onCheckboxChange?.(fullPath, value);
-			},
-			[onCheckboxChange, fullPath],
-		);
-
-		const handleFolderClick = useCallback(() => {
-			if (selectableMode) {
-				onFolderSelect?.(fullPath);
-			}
-		}, [selectableMode, onFolderSelect, fullPath]);
-
-		return (
-			<NodeButton
-				className={cn("group", {
-					"hover:bg-accent/50 text-foreground": !selected,
-					"bg-accent text-accent-foreground": selected,
-					"cursor-pointer": selectableMode,
-				})}
-				depth={depth}
-				icon={
-					loading ? (
-						<Loader2 className="w-4 h-4 shrink-0 animate-spin" />
-					) : collapsed ? (
-						<ChevronRight className="w-4 h-4 shrink-0 cursor-pointer" onClick={handleChevronClick} />
-					) : (
-						<ChevronDown className="w-4 h-4 shrink-0 cursor-pointer" onClick={handleChevronClick} />
-					)
-				}
-				onClick={selectableMode ? handleFolderClick : undefined}
-				onMouseEnter={handleMouseEnter}
-			>
-				{withCheckbox && (
-					<Checkbox
-						checked={checked ? true : partiallyChecked ? "indeterminate" : false}
-						onCheckedChange={handleCheckboxChange}
-						onClick={(e) => e.stopPropagation()}
-					/>
-				)}
-				<FolderIconComponent className="w-4 h-4 shrink-0 text-strong-accent" />
-				<span className="truncate">{name}</span>
-			</NodeButton>
-		);
-	},
-);
-
-interface FileProps {
-	file: FileNode;
-	selected: boolean;
-	onFileSelect: (filePath: string) => void;
-	withCheckbox?: boolean;
-	checked?: boolean;
-	onCheckboxChange?: (path: string, checked: boolean) => void;
-}
-
-const File = memo(({ file, onFileSelect, selected, withCheckbox, checked, onCheckboxChange }: FileProps) => {
-	const { depth, name, fullPath, size } = file;
-
-	const handleClick = useCallback(() => {
-		onFileSelect(fullPath);
-	}, [onFileSelect, fullPath]);
-
-	const handleCheckboxChange = useCallback(
-		(value: boolean) => {
-			onCheckboxChange?.(fullPath, value);
-		},
-		[onCheckboxChange, fullPath],
-	);
-
-	return (
-		<NodeButton
-			className={cn("group cursor-pointer", {
-				"hover:bg-accent/50 text-foreground": !selected,
-				"bg-accent text-accent-foreground": selected,
-			})}
-			depth={depth}
-			icon={<FileIcon className="w-4 h-4 shrink-0 text-gray-500" />}
-			onClick={handleClick}
-		>
-			{withCheckbox && (
-				<Checkbox checked={checked} onCheckedChange={handleCheckboxChange} onClick={(e) => e.stopPropagation()} />
-			)}
-			<span className="truncate">{name}</span>
-			{typeof size === "number" && (
-				<span className="ml-auto shrink-0 text-xs text-muted-foreground">
-					<ByteSize bytes={size} base={1024} />
-				</span>
-			)}
-		</NodeButton>
-	);
-});
-
-interface LoadMoreButtonProps {
-	depth: number;
-	onClick: () => void;
-	isLoading?: boolean;
-}
-
-const LoadMoreButton = memo(({ depth, onClick, isLoading }: LoadMoreButtonProps) => {
-	return (
-		<NodeButton
-			depth={depth}
-			className="text-muted-foreground hover:bg-accent/50 cursor-pointer"
-			icon={
-				isLoading ? (
-					<Loader2 className="w-4 h-4 shrink-0 animate-spin" />
-				) : (
-					<MoreHorizontal className="w-4 h-4 shrink-0" />
-				)
-			}
-			onClick={onClick}
-		>
-			<span className="text-xs">{isLoading ? "Loading more..." : "Load more files"}</span>
-		</NodeButton>
-	);
-});
-
-interface ButtonProps {
-	depth: number;
-	icon: ReactNode;
-	children: ReactNode;
-	className?: string;
-	onClick?: () => void;
-	onMouseEnter?: () => void;
-}
-
-const NodeButton = memo(({ depth, icon, onClick, onMouseEnter, className, children }: ButtonProps) => {
-	const paddingLeft = useMemo(() => `${8 + depth * NODE_PADDING_LEFT}px`, [depth]);
-
-	const handleKeyDown = useCallback(
-		(e: React.KeyboardEvent) => {
-			if (e.key === "Enter" || e.key === " ") {
-				e.preventDefault();
-				onClick?.();
-			}
-		},
-		[onClick],
-	);
-
-	return (
-		<div
-			// oxlint-disable-next-line jsx_a11y/prefer-tag-over-role
-			role="button"
-			tabIndex={0}
-			className={cn("flex items-center gap-2 w-full pr-2 text-sm py-1.5 text-left", className)}
-			style={{ paddingLeft }}
-			onClick={onClick}
-			onMouseEnter={onMouseEnter}
-			onKeyDown={handleKeyDown}
-		>
-			{icon}
-			<div className="truncate w-full flex items-center gap-2">{children}</div>
-		</div>
-	);
-});
-
-type Node = FileNode | FolderNode;
-
-interface BaseNode {
-	id: number;
-	depth: number;
-	name: string;
-	fullPath: string;
-}
-
-interface FileNode extends BaseNode {
-	kind: "file";
-	size?: number;
-}
-
-interface FolderNode extends BaseNode {
-	kind: "folder";
-}
-
-function buildFileList(files: FileEntry[], foldersOnly = false): Node[] {
-	const fileMap = new Map<string, Node>();
-
-	for (const file of files) {
-		if (foldersOnly && file.type === "file") {
-			continue;
-		}
-
-		const segments = file.path.split("/").filter((segment) => segment);
-		const depth = segments.length - 1;
-		const name = segments[segments.length - 1];
-
-		if (!name) {
-			continue;
-		}
-
-		if (!fileMap.has(file.path)) {
-			const isFile = file.type === "file";
-			fileMap.set(file.path, {
-				kind: isFile ? "file" : "folder",
-				id: fileMap.size,
-				name,
-				fullPath: file.path,
-				depth,
-				size: file.size,
-			});
-		}
-
-		let parentPath = file.path;
-		while (true) {
-			const lastSlashIndex = parentPath.lastIndexOf("/");
-			if (lastSlashIndex <= 0) {
-				break;
-			}
-
-			parentPath = parentPath.slice(0, lastSlashIndex);
-			if (fileMap.has(parentPath)) {
-				continue;
-			}
-
-			const parentSegments = parentPath.split("/").filter((segment) => segment);
-			const parentName = parentSegments[parentSegments.length - 1];
-			if (!parentName) {
-				continue;
-			}
-
-			fileMap.set(parentPath, {
-				kind: "folder",
-				id: fileMap.size,
-				name: parentName,
-				fullPath: parentPath,
-				depth: parentSegments.length - 1,
-			});
-		}
-	}
-
-	// Convert map to array and sort
-	return sortFileList(Array.from(fileMap.values()));
-}
-
-function sortFileList(nodeList: Node[]): Node[] {
-	const nodeMap = new Map<string, Node>();
-	const childrenMap = new Map<string, Node[]>();
-
-	// Pre-sort nodes by name and type
-	nodeList.sort((a, b) => compareNodes(a, b));
-
-	for (const node of nodeList) {
-		nodeMap.set(node.fullPath, node);
-
-		const parentPath = node.fullPath.slice(0, node.fullPath.lastIndexOf("/")) || "/";
-
-		if (parentPath !== "/") {
-			if (!childrenMap.has(parentPath)) {
-				childrenMap.set(parentPath, []);
-			}
-			childrenMap.get(parentPath)?.push(node);
-		}
-	}
-
-	const sortedList: Node[] = [];
-
-	const depthFirstTraversal = (path: string): void => {
-		const node = nodeMap.get(path);
-
-		if (node) {
-			sortedList.push(node);
-		}
-
-		const children = childrenMap.get(path);
-
-		if (children) {
-			for (const child of children) {
-				if (child.kind === "folder") {
-					depthFirstTraversal(child.fullPath);
-				} else {
-					sortedList.push(child);
-				}
-			}
-		}
-	};
-
-	// Start with root level items
-	const rootItems = nodeList.filter((node) => {
-		const parentPath = node.fullPath.slice(0, node.fullPath.lastIndexOf("/")) || "/";
-		return parentPath === "/";
-	});
-
-	for (const item of rootItems) {
-		depthFirstTraversal(item.fullPath);
-	}
-
-	return sortedList;
-}
-
-function compareNodes(a: Node, b: Node): number {
-	if (a.kind !== b.kind) {
-		return a.kind === "folder" ? -1 : 1;
-	}
-
-	if (a.name < b.name) return -1;
-	if (a.name > b.name) return 1;
-	return 0;
-}

app/client/components/grid-background.tsx

@@ -1,25 +0,0 @@
-import type { ReactNode } from "react";
-import { cn } from "~/client/lib/utils";
-
-interface GridBackgroundProps {
-	children: ReactNode;
-	className?: string;
-	containerClassName?: string;
-}
-
-export function GridBackground({ children, className, containerClassName }: GridBackgroundProps) {
-	return (
-		<div className={cn("relative min-h-full w-full", containerClassName)}>
-			<div
-				className={cn(
-					"pointer-events-none absolute inset-0 w-full h-full",
-					"bg-[size:40px_40px]",
-					"bg-[linear-gradient(to_right,rgba(0,0,0,0.04)_1px,transparent_1px),linear-gradient(to_bottom,rgba(0,0,0,0.04)_1px,transparent_1px)]",
-					"dark:bg-[linear-gradient(to_right,#262626_1px,transparent_1px),linear-gradient(to_bottom,#262626_1px,transparent_1px)]",
-					"[mask-image:radial-gradient(ellipse_at_top,black_70%,transparent_100%)]",
-				)}
-			/>
-			<div className={cn("relative container m-auto z-10", className)}>{children}</div>
-		</div>
-	);
-}

app/client/components/layout.tsx

@@ -1,97 +0,0 @@
-import { LifeBuoy, LogOut } from "lucide-react";
-import { toast } from "sonner";
-import { type AppContext } from "~/context";
-import { GridBackground } from "./grid-background";
-import { Button, buttonVariants } from "./ui/button";
-import { SidebarProvider, SidebarTrigger } from "./ui/sidebar";
-import { AppSidebar } from "./app-sidebar";
-import { authClient } from "../lib/auth-client";
-import { DevPanelListener } from "./dev-panel-listener";
-import { Outlet, useNavigate } from "@tanstack/react-router";
-import { AppBreadcrumb } from "./app-breadcrumb";
-import { Tooltip, TooltipContent, TooltipTrigger } from "./ui/tooltip";
-import { ThemeToggle } from "./theme-toggle";
-
-type Props = {
-	loaderData: AppContext;
-};
-
-export function Layout({ loaderData }: Props) {
-	const navigate = useNavigate();
-
-	const handleLogout = async () => {
-		await authClient.signOut({
-			fetchOptions: {
-				onSuccess: () => {
-					void navigate({ to: "/login", replace: true });
-				},
-				onError: ({ error }) => {
-					toast.error("Logout failed", { description: error.message });
-				},
-			},
-		});
-	};
-
-	return (
-		<SidebarProvider defaultOpen={loaderData.sidebarOpen}>
-			<AppSidebar isInstanceAdmin={loaderData.user?.role === "admin"} />
-			<div className="w-full relative flex flex-col min-h-screen md:h-screen md:overflow-hidden">
-				<header className="z-50 bg-card-header border-b border-border/80 dark:border-border/50 shrink-0 h-16.25">
-					<div className="flex items-center h-full justify-between px-2 sm:px-8 mx-auto container gap-4">
-						<div className="flex items-center gap-4 min-w-0">
-							<SidebarTrigger />
-							<AppBreadcrumb />
-						</div>
-						{loaderData.user && (
-							<div className="flex items-center bg-card dark:bg-muted/30 border border-border/80 dark:border-border/50 px-2 py-1 rounded-full shadow-[0_2px_10px_-4px_rgba(0,0,0,0.05)] dark:shadow-sm">
-								<span className="text-sm text-muted-foreground hidden md:inline-flex pl-2 mr-5">
-									<span className="text-foreground">{loaderData.user.name}</span>
-								</span>
-								<ThemeToggle />
-								<Tooltip>
-									<TooltipTrigger asChild>
-										<Button
-											variant="ghost"
-											size="icon"
-											className="rounded-full h-7 text-xs text-muted-foreground hover:text-foreground"
-											onClick={handleLogout}
-										>
-											<LogOut className="w-4 h-4" />
-										</Button>
-									</TooltipTrigger>
-									<TooltipContent>Logout</TooltipContent>
-								</Tooltip>
-								<Tooltip>
-									<TooltipTrigger asChild>
-										<a
-											href="https://github.com/nicotsx/zerobyte/issues/new/choose"
-											target="_blank"
-											rel="noreferrer"
-											className={buttonVariants({
-												variant: "ghost",
-												size: "icon",
-												className:
-													"relative overflow-hidden hidden lg:inline-flex rounded-full h-7 w-7 text-muted-foreground hover:text-foreground",
-											})}
-										>
-											<LifeBuoy className="w-4 h-4" />
-										</a>
-									</TooltipTrigger>
-									<TooltipContent>Report an issue</TooltipContent>
-								</Tooltip>
-							</div>
-						)}
-					</div>
-				</header>
-				<div className="main-content flex-1 md:overflow-y-auto">
-					<GridBackground>
-						<main className="flex flex-col p-2 pb-6 pt-2 sm:p-8 sm:pt-6 mx-auto">
-							<Outlet />
-						</main>
-					</GridBackground>
-				</div>
-			</div>
-			<DevPanelListener />
-		</SidebarProvider>
-	);
-}

app/client/components/managed-badge.tsx

@@ -1,23 +0,0 @@
-import { Badge } from "~/client/components/ui/badge";
-import { Tooltip, TooltipContent, TooltipTrigger } from "~/client/components/ui/tooltip";
-
-type ManagedBadgeProps = {
-	label?: string;
-	message?: string;
-};
-
-const defaultMessage =
-	"This resource is provisioned at startup. Changes are useful for testing, but the next provisioning sync can overwrite or recreate it.";
-
-export const ManagedBadge = ({ label = "Managed", message = defaultMessage }: ManagedBadgeProps) => {
-	return (
-		<Tooltip>
-			<TooltipTrigger asChild>
-				<Badge variant="secondary">{label}</Badge>
-			</TooltipTrigger>
-			<TooltipContent>
-				<p className="max-w-80 text-sm">{message}</p>
-			</TooltipContent>
-		</Tooltip>
-	);
-};

app/client/components/organization-switcher.tsx

@@ -1,110 +0,0 @@
-import { ChevronsUpDown } from "lucide-react";
-import { toast } from "sonner";
-import {
-	DropdownMenu,
-	DropdownMenuContent,
-	DropdownMenuItem,
-	DropdownMenuLabel,
-	DropdownMenuShortcut,
-	DropdownMenuTrigger,
-} from "~/client/components/ui/dropdown-menu";
-import { SidebarMenu, SidebarMenuButton, SidebarMenuItem, useSidebar } from "~/client/components/ui/sidebar";
-import { authClient } from "~/client/lib/auth-client";
-import { useMutation } from "@tanstack/react-query";
-import { useOrganizationContext } from "../hooks/use-org-context";
-
-function getOrganizationInitials(name?: string): string {
-	const trimmedName = name?.trim();
-
-	if (!trimmedName) {
-		return "O";
-	}
-
-	return trimmedName
-		.split(/\s+/)
-		.slice(0, 2)
-		.map((part) => part.charAt(0).toUpperCase())
-		.join("");
-}
-
-export function OrganizationSwitcher() {
-	const { isMobile } = useSidebar();
-	const { organizations, activeOrganization } = useOrganizationContext();
-
-	const switchOrganizationMutation = useMutation({
-		mutationFn: async (organizationId: string) => {
-			const { error } = await authClient.organization.setActive({ organizationId });
-			if (error) throw new Error(error.message);
-		},
-		onError: (error) => {
-			const message = error instanceof Error ? error.message : "Unexpected error while switching organizations";
-			toast.error("Failed to switch organization", { description: message });
-		},
-	});
-
-	if (organizations === undefined) {
-		return null;
-	}
-
-	if (organizations.length <= 1) {
-		return null;
-	}
-
-	return (
-		<SidebarMenu className="mb-3">
-			<SidebarMenuItem>
-				<DropdownMenu>
-					<DropdownMenuTrigger asChild>
-						<SidebarMenuButton
-							size="lg"
-							className="data-[state=open]:bg-sidebar-accent data-[state=open]:text-sidebar-accent-foreground"
-						>
-							<div className="bg-foreground text-sidebar-primary-foreground flex aspect-square size-8 shrink-0 items-center justify-center overflow-hidden rounded-lg">
-								{activeOrganization?.logo ? (
-									<img
-										src={activeOrganization.logo}
-										alt={`${activeOrganization.name} logo`}
-										className="size-full object-cover"
-									/>
-								) : (
-									<span className="text-xs font-semibold">{getOrganizationInitials(activeOrganization?.name)}</span>
-								)}
-							</div>
-							<div className="grid flex-1 text-left text-sm leading-tight">
-								<span className="truncate font-medium">{activeOrganization?.name}</span>
-								<span className="truncate text-xs">{organizations.length} organizations</span>
-							</div>
-							<ChevronsUpDown className="ml-auto group-data-[collapsible=icon]:hidden" />
-						</SidebarMenuButton>
-					</DropdownMenuTrigger>
-					<DropdownMenuContent
-						className="w-(--radix-dropdown-menu-trigger-width) min-w-56 rounded-lg"
-						align="start"
-						side={isMobile ? "bottom" : "right"}
-						sideOffset={4}
-					>
-						<DropdownMenuLabel className="text-muted-foreground text-xs">Organizations</DropdownMenuLabel>
-						{organizations.map((organization) => (
-							<DropdownMenuItem
-								key={organization.id}
-								onClick={() => switchOrganizationMutation.mutate(organization.id)}
-								className="gap-2 p-2"
-								disabled={switchOrganizationMutation.isPending}
-							>
-								<div className="flex size-6 shrink-0 items-center justify-center overflow-hidden rounded-md border">
-									{organization.logo ? (
-										<img src={organization.logo} alt={`${organization.name} logo`} className="size-full object-cover" />
-									) : (
-										<span className="text-[10px] font-semibold">{getOrganizationInitials(organization.name)}</span>
-									)}
-								</div>
-								<span className="min-w-0 flex-1 truncate">{organization.name}</span>
-								<DropdownMenuShortcut>{organization.id === activeOrganization?.id && "Current"}</DropdownMenuShortcut>
-							</DropdownMenuItem>
-						))}
-					</DropdownMenuContent>
-				</DropdownMenu>
-			</SidebarMenuItem>
-		</SidebarMenu>
-	);
-}

app/client/components/path-selector.tsx

@@ -1,39 +0,0 @@
-import { useState } from "react";
-import { DirectoryBrowser } from "./file-browsers/directory-browser";
-import { Button } from "./ui/button";
-
-type Props = {
-	value: string;
-	onChange: (path: string) => void;
-	label?: string;
-};
-
-export const PathSelector = ({ value, onChange }: Props) => {
-	const [showBrowser, setShowBrowser] = useState(false);
-
-	if (showBrowser) {
-		return (
-			<div className="space-y-2">
-				<DirectoryBrowser
-					selectedPath={value}
-					onSelectPath={(path) => {
-						onChange(path);
-						setShowBrowser(false);
-					}}
-				/>
-				<Button type="button" variant="ghost" size="sm" onClick={() => setShowBrowser(false)}>
-					Cancel
-				</Button>
-			</div>
-		);
-	}
-
-	return (
-		<div className="flex items-center gap-2">
-			<div className="flex-1 text-sm font-mono bg-muted px-3 py-2 rounded-md border">{value}</div>
-			<Button type="button" variant="outline" onClick={() => setShowBrowser(true)} size="sm">
-				Change
-			</Button>
-		</div>
-	);
-};

app/client/components/release-notes-dialog.tsx

@@ -1,46 +0,0 @@
-import ReactMarkdown from "react-markdown";
-import remarkGfm from "remark-gfm";
-import { Dialog, DialogContent, DialogDescription, DialogHeader, DialogTitle } from "~/client/components/ui/dialog";
-import { ScrollArea } from "~/client/components/ui/scroll-area";
-import { useTimeFormat } from "~/client/lib/datetime";
-import type { UpdateInfoDto } from "~/server/modules/system/system.dto";
-
-interface ReleaseNotesDialogProps {
-	open: boolean;
-	onOpenChange: (open: boolean) => void;
-	updates: UpdateInfoDto | undefined;
-}
-
-export function ReleaseNotesDialog({ open, onOpenChange, updates }: ReleaseNotesDialogProps) {
-	const { formatDate } = useTimeFormat();
-
-	if (!updates) return null;
-
-	return (
-		<Dialog open={open} onOpenChange={onOpenChange}>
-			<DialogContent className="max-h-[80vh] flex flex-col p-0">
-				<DialogHeader className="p-6 pb-2">
-					<DialogTitle className="flex items-center gap-2">Release Notes</DialogTitle>
-					<DialogDescription>
-						Current version: {updates.currentVersion} • Latest version: {updates.latestVersion}
-					</DialogDescription>
-				</DialogHeader>
-				<ScrollArea className="p-6 pt-2 h-[50vh] min-w-0">
-					<div className="space-y-8">
-						{updates.missedReleases.map((release) => (
-							<div key={release.version} className="space-y-4">
-								<div className="flex items-center justify-between border-b pb-2">
-									<h3 className="text-lg font-bold text-foreground">{release.version}</h3>
-									<span className="text-sm text-muted-foreground">{formatDate(release.publishedAt)}</span>
-								</div>
-								<div className="prose prose-sm dark:prose-invert max-w-none prose-pre:bg-muted prose-pre:text-muted-foreground prose-a:text-primary hover:prose-a:underline wrap-anywhere text-wrap prose-pre:whitespace-pre-wrap prose-pre:wrap-anywhere">
-									<ReactMarkdown remarkPlugins={[remarkGfm]}>{release.body}</ReactMarkdown>
-								</div>
-							</div>
-						))}
-					</div>
-				</ScrollArea>
-			</DialogContent>
-		</Dialog>
-	);
-}

app/client/components/repository-icon.tsx

@@ -1,23 +0,0 @@
-import { Database, HardDrive, Cloud, Server } from "lucide-react";
-import type { RepositoryBackend } from "@zerobyte/core/restic";
-
-type Props = {
-	backend: RepositoryBackend;
-	className?: string;
-};
-
-export const RepositoryIcon = ({ backend, className = "h-4 w-4" }: Props) => {
-	switch (backend) {
-		case "local":
-			return <HardDrive className={className} />;
-		case "s3":
-			return <Cloud className={className} />;
-		case "gcs":
-			return <Cloud className={className} />;
-		case "rest":
-		case "sftp":
-			return <Server className={className} />;
-		default:
-			return <Database className={className} />;
-	}
-};

app/client/components/restore-form.tsx

@@ -1,426 +0,0 @@
-import { useCallback, useEffect, useRef, useState } from "react";
-import { useMutation } from "@tanstack/react-query";
-import { AlertTriangle, ChevronDown, Download, FolderOpen, RotateCcw } from "lucide-react";
-import { Button } from "~/client/components/ui/button";
-import { Tooltip, TooltipContent, TooltipTrigger } from "~/client/components/ui/tooltip";
-import { Alert, AlertDescription, AlertTitle } from "~/client/components/ui/alert";
-import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "~/client/components/ui/card";
-import { Input } from "~/client/components/ui/input";
-import { Label } from "~/client/components/ui/label";
-import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "~/client/components/ui/select";
-import {
-	AlertDialog,
-	AlertDialogAction,
-	AlertDialogContent,
-	AlertDialogDescription,
-	AlertDialogFooter,
-	AlertDialogHeader,
-	AlertDialogTitle,
-} from "~/client/components/ui/alert-dialog";
-import { PathSelector } from "~/client/components/path-selector";
-import { SnapshotTreeBrowser } from "~/client/components/file-browsers/snapshot-tree-browser";
-import { RestoreProgress } from "~/client/components/restore-progress";
-import { restoreSnapshotMutation } from "~/client/api-client/@tanstack/react-query.gen";
-import { type RestoreCompletedEvent, useServerEvents } from "~/client/hooks/use-server-events";
-import { OVERWRITE_MODES, type OverwriteMode } from "@zerobyte/core/restic";
-import { isPathWithin } from "@zerobyte/core/utils";
-import type { Repository } from "~/client/lib/types";
-import { handleRepositoryError } from "~/client/lib/errors";
-import { useNavigate } from "@tanstack/react-router";
-import { cn } from "~/client/lib/utils";
-
-type RestoreLocation = "original" | "custom";
-
-interface RestoreFormProps {
-	repository: Repository;
-	snapshotId: string;
-	returnPath: string;
-	queryBasePath?: string;
-	displayBasePath?: string;
-	hasNonPosixSnapshotPaths?: boolean;
-}
-
-export function RestoreForm({
-	repository,
-	snapshotId,
-	returnPath,
-	queryBasePath,
-	displayBasePath,
-	hasNonPosixSnapshotPaths = false,
-}: RestoreFormProps) {
-	const navigate = useNavigate();
-	const { addEventListener } = useServerEvents();
-
-	const snapshotBasePath = queryBasePath ?? "/";
-	const hasMismatchedDisplayBasePath = displayBasePath && !isPathWithin(displayBasePath, snapshotBasePath);
-	const restoreRequiresCustomTarget = hasNonPosixSnapshotPaths || hasMismatchedDisplayBasePath;
-
-	const [restoreLocation, setRestoreLocation] = useState<RestoreLocation>(
-		restoreRequiresCustomTarget ? "custom" : "original",
-	);
-	const [customTargetPath, setCustomTargetPath] = useState("");
-	const [overwriteMode, setOverwriteMode] = useState<OverwriteMode>("always");
-	const [showAdvanced, setShowAdvanced] = useState(false);
-	const [excludeXattr, setExcludeXattr] = useState("");
-	const [isRestoreActive, setIsRestoreActive] = useState(false);
-	const [restoreResult, setRestoreResult] = useState<RestoreCompletedEvent | null>(null);
-	const [showRestoreResultAlert, setShowRestoreResultAlert] = useState(false);
-	const restoreCompletedRef = useRef(false);
-
-	const [selectedPaths, setSelectedPaths] = useState<Set<string>>(new Set());
-	const [selectedPathKind, setSelectedPathKind] = useState<"file" | "dir" | null>(null);
-	const trimmedCustomTargetPath = customTargetPath.trim();
-	const hasCustomTargetPath = trimmedCustomTargetPath !== "";
-	const selectedPathCount = selectedPaths.size;
-
-	useEffect(() => {
-		if (restoreRequiresCustomTarget) {
-			setRestoreLocation("custom");
-		}
-	}, [restoreRequiresCustomTarget]);
-
-	useEffect(() => {
-		const abortController = new AbortController();
-		const signal = abortController.signal;
-
-		addEventListener(
-			"restore:started",
-			(startedData) => {
-				if (startedData.repositoryId === repository.shortId && startedData.snapshotId === snapshotId) {
-					restoreCompletedRef.current = false;
-					setIsRestoreActive(true);
-					setRestoreResult(null);
-					setShowRestoreResultAlert(false);
-				}
-			},
-			{ signal },
-		);
-
-		addEventListener(
-			"restore:progress",
-			(progressData) => {
-				if (progressData.repositoryId === repository.shortId && progressData.snapshotId === snapshotId) {
-					if (restoreCompletedRef.current) {
-						return;
-					}
-					setIsRestoreActive(true);
-				}
-			},
-			{ signal },
-		);
-
-		addEventListener(
-			"restore:completed",
-			(completedData) => {
-				if (completedData.repositoryId === repository.shortId && completedData.snapshotId === snapshotId) {
-					restoreCompletedRef.current = true;
-					setIsRestoreActive(false);
-					setRestoreResult(completedData);
-					setShowRestoreResultAlert(true);
-				}
-			},
-			{ signal },
-		);
-
-		return () => {
-			abortController.abort();
-		};
-	}, [addEventListener, repository.shortId, snapshotId]);
-
-	const { mutate: restoreSnapshot, isPending: isRestoring } = useMutation({
-		...restoreSnapshotMutation(),
-		onError: (error) => {
-			restoreCompletedRef.current = true;
-			setIsRestoreActive(false);
-			handleRepositoryError("Restore failed", error, repository.shortId);
-		},
-	});
-
-	const handleRestore = useCallback(() => {
-		const excludeXattrValues = excludeXattr
-			.split(",")
-			.map((value) => value.trim())
-			.filter(Boolean);
-
-		const isCustomLocation = restoreLocation === "custom";
-		const targetPath = isCustomLocation && hasCustomTargetPath ? trimmedCustomTargetPath : undefined;
-
-		const includePaths = Array.from(selectedPaths);
-
-		restoreCompletedRef.current = false;
-		setIsRestoreActive(true);
-		setRestoreResult(null);
-		setShowRestoreResultAlert(false);
-
-		restoreSnapshot({
-			path: { shortId: repository.shortId },
-			body: {
-				snapshotId,
-				include: includePaths.length > 0 ? includePaths : undefined,
-				selectedItemKind: includePaths.length === 1 ? (selectedPathKind ?? undefined) : undefined,
-				excludeXattr: excludeXattrValues.length > 0 ? excludeXattrValues : undefined,
-				targetPath,
-				overwrite: overwriteMode,
-			},
-		});
-	}, [
-		repository.shortId,
-		snapshotId,
-		excludeXattr,
-		hasCustomTargetPath,
-		restoreLocation,
-		trimmedCustomTargetPath,
-		selectedPaths,
-		selectedPathKind,
-		overwriteMode,
-		restoreSnapshot,
-	]);
-
-	const handleDownload = useCallback(() => {
-		if (selectedPaths.size > 1) return;
-
-		const url = new URL(
-			`/api/v1/repositories/${repository.shortId}/snapshots/${snapshotId}/dump`,
-			window.location.origin,
-		);
-
-		const [selectedPath] = selectedPaths;
-		if (selectedPath) {
-			url.searchParams.set("path", selectedPath);
-			if (selectedPathKind) {
-				url.searchParams.set("kind", selectedPathKind);
-			}
-		}
-
-		window.location.assign(url.toString());
-	}, [repository.shortId, snapshotId, selectedPathKind, selectedPaths]);
-
-	const acknowledgeRestoreResult = useCallback(() => {
-		setShowRestoreResultAlert(false);
-		setRestoreResult(null);
-	}, []);
-
-	const handleResultAlertOpenChange = useCallback((open: boolean) => {
-		if (open) {
-			setShowRestoreResultAlert(true);
-		}
-	}, []);
-
-	const canRestore = restoreRequiresCustomTarget
-		? hasCustomTargetPath
-		: restoreLocation === "original" || hasCustomTargetPath;
-	const canDownload = selectedPathCount <= 1;
-	const isRestoreRunning = isRestoring || isRestoreActive;
-
-	function getDownloadButtonText(): string {
-		if (selectedPathCount > 0) {
-			return `Download ${selectedPathCount} ${selectedPathCount === 1 ? "item" : "items"}`;
-		}
-		return "Download All";
-	}
-
-	function getRestoreButtonText(): string {
-		if (isRestoreRunning) {
-			return "Restoring...";
-		}
-		if (selectedPathCount > 0) {
-			return `Restore ${selectedPathCount} ${selectedPathCount === 1 ? "item" : "items"}`;
-		}
-		return "Restore All";
-	}
-
-	return (
-		<div className="space-y-6">
-			<div className="flex flex-col gap-4 lg:flex-row lg:items-center lg:justify-between">
-				<div>
-					<h1 className="text-2xl font-bold">Restore Snapshot</h1>
-					<p className="text-sm text-muted-foreground">
-						{repository.name} / {snapshotId}
-					</p>
-				</div>
-				<div className="flex flex-wrap gap-2">
-					<Button variant="outline" onClick={() => navigate({ to: returnPath })}>
-						Cancel
-					</Button>
-					<Tooltip>
-						<TooltipTrigger asChild>
-							<span className="inline-flex">
-								<Button variant="outline" onClick={handleDownload} disabled={!canDownload}>
-									<Download className="h-4 w-4 mr-2" />
-									{getDownloadButtonText()}
-								</Button>
-							</span>
-						</TooltipTrigger>
-						<TooltipContent className={cn({ hidden: canDownload })}>
-							<p>Download is available only for one selected item, or with no selection to download everything.</p>
-						</TooltipContent>
-					</Tooltip>
-					<Button variant="primary" onClick={handleRestore} disabled={isRestoreRunning || !canRestore}>
-						<RotateCcw className="h-4 w-4 mr-2" />
-						{getRestoreButtonText()}
-					</Button>
-				</div>
-			</div>
-
-			<div className="grid grid-cols-1 lg:grid-cols-3 gap-6">
-				<div className="space-y-6">
-					{isRestoreRunning && <RestoreProgress repositoryId={repository.shortId} snapshotId={snapshotId} />}
-
-					{restoreRequiresCustomTarget && (
-						<Alert variant="warning">
-							<AlertTriangle className="size-4" />
-							<AlertTitle>Source paths do not match</AlertTitle>
-							<AlertDescription>
-								This snapshot was created from source paths that do not match this Zerobyte server or the current linked
-								volume. Restoring to the original location is unavailable. Restore it to a custom location, or download
-								it instead.
-							</AlertDescription>
-						</Alert>
-					)}
-
-					<Card>
-						<CardHeader>
-							<CardTitle>Restore Location</CardTitle>
-							<CardDescription>Choose where to restore the files</CardDescription>
-						</CardHeader>
-						<CardContent className="space-y-4">
-							<div className="grid grid-cols-1 gap-2">
-								<Button
-									type="button"
-									variant={restoreLocation === "original" ? "secondary" : "outline"}
-									size="sm"
-									className="flex justify-start gap-2"
-									onClick={() => setRestoreLocation("original")}
-									disabled={!!restoreRequiresCustomTarget}
-								>
-									<RotateCcw size={16} className="mr-1" />
-									Original location
-								</Button>
-								<Button
-									type="button"
-									variant={restoreLocation === "custom" ? "secondary" : "outline"}
-									size="sm"
-									className="justify-start gap-2"
-									onClick={() => setRestoreLocation("custom")}
-								>
-									<FolderOpen size={16} className="mr-1" />
-									Custom location
-								</Button>
-							</div>
-							{restoreLocation === "custom" && (
-								<div className="space-y-2">
-									<PathSelector value={customTargetPath || "/"} onChange={setCustomTargetPath} />
-									<p className="text-xs text-muted-foreground">Files will be restored directly to this path</p>
-								</div>
-							)}
-						</CardContent>
-					</Card>
-
-					<Card>
-						<CardHeader>
-							<CardTitle>Overwrite Mode</CardTitle>
-							<CardDescription>How to handle existing files</CardDescription>
-						</CardHeader>
-						<CardContent className="space-y-3">
-							<Select value={overwriteMode} onValueChange={(value) => setOverwriteMode(value as OverwriteMode)}>
-								<SelectTrigger className="w-full">
-									<SelectValue placeholder="Select overwrite behavior" />
-								</SelectTrigger>
-								<SelectContent>
-									<SelectItem value={OVERWRITE_MODES.always}>Always overwrite</SelectItem>
-									<SelectItem value={OVERWRITE_MODES.ifChanged}>Only if content changed</SelectItem>
-									<SelectItem value={OVERWRITE_MODES.ifNewer}>Only if snapshot is newer</SelectItem>
-									<SelectItem value={OVERWRITE_MODES.never}>Never overwrite</SelectItem>
-								</SelectContent>
-							</Select>
-							<p className="text-xs text-muted-foreground">
-								{overwriteMode === OVERWRITE_MODES.always &&
-									"Existing files will always be replaced with the snapshot version."}
-								{overwriteMode === OVERWRITE_MODES.ifChanged &&
-									"Files are only replaced if their content differs from the snapshot."}
-								{overwriteMode === OVERWRITE_MODES.ifNewer &&
-									"Files are only replaced if the snapshot version has a newer modification time."}
-								{overwriteMode === OVERWRITE_MODES.never &&
-									"Existing files will never be replaced, only missing files are restored."}
-							</p>
-						</CardContent>
-					</Card>
-
-					<Card>
-						<CardHeader className="cursor-pointer" onClick={() => setShowAdvanced(!showAdvanced)}>
-							<div className="flex items-center justify-between">
-								<CardTitle className="text-base">Advanced options</CardTitle>
-								<ChevronDown size={16} className={`transition-transform ${showAdvanced ? "rotate-180" : ""}`} />
-							</div>
-						</CardHeader>
-						{showAdvanced && (
-							<CardContent className="space-y-4">
-								<div className="space-y-2">
-									<Label htmlFor="exclude-xattr" className="text-sm">
-										Exclude extended attributes
-									</Label>
-									<Input
-										id="exclude-xattr"
-										placeholder="com.apple.metadata,user.*,nfs4.*"
-										value={excludeXattr}
-										onChange={(e) => setExcludeXattr(e.target.value)}
-									/>
-									<p className="text-xs text-muted-foreground">
-										Exclude specific extended attributes during restore (comma-separated)
-									</p>
-								</div>
-							</CardContent>
-						)}
-					</Card>
-				</div>
-				<Card className="lg:col-span-2 flex flex-col">
-					<CardHeader>
-						<CardTitle>Select Files to Restore</CardTitle>
-						<CardDescription>
-							{selectedPaths.size > 0
-								? `${selectedPaths.size} ${selectedPaths.size === 1 ? "item" : "items"} selected`
-								: "Select specific files or folders, or leave empty to restore everything"}
-						</CardDescription>
-					</CardHeader>
-					<CardContent className="flex-1 overflow-hidden flex flex-col p-0">
-						<SnapshotTreeBrowser
-							repositoryId={repository.shortId}
-							snapshotId={snapshotId}
-							queryBasePath={snapshotBasePath}
-							displayBasePath={displayBasePath}
-							pageSize={500}
-							className="flex flex-1 min-h-0 flex-col"
-							treeContainerClassName="overflow-auto flex-1 min-h-0 border border-border rounded-md bg-card m-4"
-							treeClassName="px-2 py-2"
-							loadingMessage="Loading files..."
-							emptyMessage="No files in this snapshot"
-							withCheckboxes
-							selectedPaths={selectedPaths}
-							onSelectionChange={setSelectedPaths}
-							onSingleSelectionKindChange={setSelectedPathKind}
-							stateClassName="flex-1 min-h-0"
-						/>
-					</CardContent>
-				</Card>
-			</div>
-
-			<AlertDialog open={showRestoreResultAlert} onOpenChange={handleResultAlertOpenChange}>
-				<AlertDialogContent>
-					<AlertDialogHeader>
-						<AlertDialogTitle>
-							{restoreResult?.status === "success" ? "Restore completed" : "Restore failed"}
-						</AlertDialogTitle>
-						<AlertDialogDescription>
-							{restoreResult?.status === "success"
-								? `Snapshot ${snapshotId} was restored successfully.`
-								: restoreResult?.error || `Snapshot ${snapshotId} could not be restored.`}
-						</AlertDialogDescription>
-					</AlertDialogHeader>
-					<AlertDialogFooter>
-						<AlertDialogAction onClick={acknowledgeRestoreResult}>OK</AlertDialogAction>
-					</AlertDialogFooter>
-				</AlertDialogContent>
-			</AlertDialog>
-		</div>
-	);
-}

app/client/components/restore-progress.tsx

@@ -1,101 +0,0 @@
-import { useEffect, useState } from "react";
-import { ByteSize } from "~/client/components/bytes-size";
-import { useFormatBytes } from "~/client/hooks/use-format-bytes";
-import { useRootLoaderData } from "~/client/hooks/use-root-loader-data";
-import { Card } from "~/client/components/ui/card";
-import { Progress } from "~/client/components/ui/progress";
-import { type RestoreProgressEvent, useServerEvents } from "~/client/hooks/use-server-events";
-import { formatDuration } from "~/utils/utils";
-
-type Props = {
-	repositoryId: string;
-	snapshotId: string;
-};
-
-export const RestoreProgress = ({ repositoryId, snapshotId }: Props) => {
-	const formatBytes = useFormatBytes();
-	const { locale } = useRootLoaderData();
-	const { addEventListener } = useServerEvents();
-	const [progress, setProgress] = useState<RestoreProgressEvent | null>(null);
-
-	useEffect(() => {
-		const abortController = new AbortController();
-
-		addEventListener(
-			"restore:progress",
-			(progressData) => {
-				if (progressData.repositoryId === repositoryId && progressData.snapshotId === snapshotId) {
-					setProgress(progressData);
-				}
-			},
-			{ signal: abortController.signal },
-		);
-
-		addEventListener(
-			"restore:completed",
-			(completedData) => {
-				if (completedData.repositoryId === repositoryId && completedData.snapshotId === snapshotId) {
-					setProgress(null);
-				}
-			},
-			{ signal: abortController.signal },
-		);
-
-		return () => abortController.abort();
-	}, [addEventListener, repositoryId, snapshotId]);
-
-	if (!progress) {
-		return (
-			<Card className="p-4">
-				<div className="flex items-center gap-2">
-					<div className="h-4 w-4 animate-spin rounded-full border-2 border-primary border-t-transparent" />
-					<span className="font-medium">Restore in progress</span>
-				</div>
-			</Card>
-		);
-	}
-
-	const percentDone = Math.round(progress.percent_done * 100);
-	const speed = progress.seconds_elapsed > 0 ? formatBytes(progress.bytes_restored / progress.seconds_elapsed) : null;
-
-	return (
-		<Card className="p-4">
-			<div className="flex items-center justify-between mb-4">
-				<div className="flex items-center gap-2">
-					<div className="h-4 w-4 animate-spin rounded-full border-2 border-primary border-t-transparent" />
-					<span className="font-medium">Restore in progress</span>
-				</div>
-				<span className="text-sm font-medium text-primary">{percentDone}%</span>
-			</div>
-
-			<Progress value={percentDone} className="h-2 mb-4" />
-
-			<div className="grid grid-cols-2 gap-4 text-sm">
-				<div>
-					<p className="text-xs uppercase text-muted-foreground">Files</p>
-					<p className="font-medium">
-						{progress.files_restored.toLocaleString(locale)}
-						&nbsp;/&nbsp;
-						{progress.total_files.toLocaleString(locale)}
-					</p>
-				</div>
-				<div>
-					<p className="text-xs uppercase text-muted-foreground">Data</p>
-					<p className="font-medium">
-						<ByteSize bytes={progress.bytes_restored} base={1024} />
-						&nbsp;/&nbsp;
-						<ByteSize bytes={progress.total_bytes} base={1024} />
-					</p>
-				</div>
-				<div>
-					<p className="text-xs uppercase text-muted-foreground">Elapsed</p>
-					<p className="font-medium">{formatDuration(progress.seconds_elapsed)}</p>
-				</div>
-				<div>
-					<p className="text-xs uppercase text-muted-foreground">Speed</p>
-					<p className="font-medium">{speed ? `${speed.text} ${speed.unit}/s` : "Calculating..."}</p>
-				</div>
-			</div>
-		</Card>
-	);
-};

app/client/components/retention-category-badges.tsx

@@ -1,89 +0,0 @@
-import { useState } from "react";
-import { cn } from "~/client/lib/utils";
-import { HoverCard, HoverCardContent, HoverCardTrigger } from "./ui/hover-card";
-
-interface RetentionCategoryBadgesProps {
-	categories: string[];
-	className?: string;
-}
-
-const categoryColors: Record<string, string> = {
-	last: "bg-blue-500/20 text-blue-700 dark:text-blue-300 border-blue-500/30",
-	hourly: "bg-cyan-500/20 text-cyan-700 dark:text-cyan-300 border-cyan-500/30",
-	daily: "bg-green-500/20 text-green-700 dark:text-green-300 border-green-500/30",
-	weekly: "bg-orange-500/20 text-orange-700 dark:text-orange-300 border-orange-500/30",
-	monthly: "bg-purple-500/20 text-purple-700 dark:text-purple-300 border-purple-500/30",
-	yearly: "bg-red-500/20 text-red-700 dark:text-red-300 border-red-500/30",
-};
-
-const categoryLabels: Record<string, string> = {
-	last: "Last",
-	hourly: "Hourly",
-	daily: "Daily",
-	weekly: "Weekly",
-	monthly: "Monthly",
-	yearly: "Yearly",
-};
-
-function Badge({ category }: { category: string }) {
-	return (
-		<span
-			className={cn(
-				"inline-flex items-center px-2 py-0.5 rounded text-xs font-medium border",
-				categoryColors[category] || "bg-gray-500/20 text-gray-700 dark:text-gray-300 border-gray-500/30",
-			)}
-		>
-			{categoryLabels[category] || category}
-		</span>
-	);
-}
-
-export function RetentionCategoryBadges({ categories, className }: RetentionCategoryBadgesProps) {
-	const [open, setOpen] = useState(false);
-
-	if (categories.length === 0) {
-		return null;
-	}
-
-	const order = ["last", "hourly", "daily", "weekly", "monthly", "yearly"];
-	const sortedCategories = [...categories].sort((a, b) => {
-		const indexA = order.indexOf(a);
-		const indexB = order.indexOf(b);
-		if (indexA === -1) return 1;
-		if (indexB === -1) return -1;
-		return indexA - indexB;
-	});
-
-	const firstCategory = sortedCategories[0];
-	const hasMore = sortedCategories.length > 1;
-
-	if (!hasMore) {
-		return (
-			<div className={className}>
-				<Badge category={firstCategory} />
-			</div>
-		);
-	}
-
-	return (
-		<HoverCard open={open} onOpenChange={setOpen}>
-			<HoverCardTrigger asChild>
-				<button
-					type="button"
-					className={cn("cursor-pointer bg-transparent p-0 border-0", className)}
-					aria-label={`View ${categories.length} retention categories`}
-					onClick={() => setOpen(true)}
-				>
-					<Badge category={`${categories.length} tags`} />
-				</button>
-			</HoverCardTrigger>
-			<HoverCardContent className="w-auto p-2">
-				<div className="flex flex-wrap gap-1">
-					{sortedCategories.map((category) => (
-						<Badge key={category} category={category} />
-					))}
-				</div>
-			</HoverCardContent>
-		</HoverCard>
-	);
-}

app/client/components/snapshots-table.tsx

@@ -1,324 +0,0 @@
-import { useState } from "react";
-import { useMutation, useQueryClient } from "@tanstack/react-query";
-import { Calendar, Clock, Database, HardDrive, Tag, Trash2, X } from "lucide-react";
-import { toast } from "sonner";
-import { ByteSize } from "~/client/components/bytes-size";
-import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from "~/client/components/ui/table";
-import { Button } from "~/client/components/ui/button";
-import { Checkbox } from "~/client/components/ui/checkbox";
-import {
-	AlertDialog,
-	AlertDialogAction,
-	AlertDialogCancel,
-	AlertDialogContent,
-	AlertDialogDescription,
-	AlertDialogFooter,
-	AlertDialogHeader,
-	AlertDialogTitle,
-} from "~/client/components/ui/alert-dialog";
-import {
-	Dialog,
-	DialogContent,
-	DialogDescription,
-	DialogFooter,
-	DialogHeader,
-	DialogTitle,
-} from "~/client/components/ui/dialog";
-import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "~/client/components/ui/select";
-import { useTimeFormat } from "~/client/lib/datetime";
-import { formatDuration } from "~/utils/utils";
-import {
-	deleteSnapshotsMutation,
-	listSnapshotsQueryKey,
-	tagSnapshotsMutation,
-} from "~/client/api-client/@tanstack/react-query.gen";
-import { parseError } from "~/client/lib/errors";
-import type { BackupSchedule, Snapshot } from "../lib/types";
-import { cn } from "../lib/utils";
-import { Link, useNavigate } from "@tanstack/react-router";
-import type { ListSnapshotsData } from "~/client/api-client/types.gen";
-import type { Options } from "~/client/api-client/client/types.gen";
-
-type Props = {
-	snapshots: Snapshot[];
-	backups: BackupSchedule[];
-	repositoryId: string;
-	listSnapshotsQueryOptions: Options<ListSnapshotsData>;
-};
-
-export const SnapshotsTable = ({ snapshots, repositoryId, backups, listSnapshotsQueryOptions }: Props) => {
-	const queryClient = useQueryClient();
-	const navigate = useNavigate();
-	const { formatDateTime } = useTimeFormat();
-
-	const [selectedIds, setSelectedIds] = useState<Set<string>>(new Set());
-	const [showBulkDeleteConfirm, setShowBulkDeleteConfirm] = useState(false);
-	const [showReTagDialog, setShowReTagDialog] = useState(false);
-	const [targetScheduleId, setTargetScheduleId] = useState<string>("");
-
-	const deleteSnapshots = useMutation({
-		...deleteSnapshotsMutation(),
-		onSuccess: (_data, variables) => {
-			const snapshotIds = variables.body?.snapshotIds ?? [];
-			const queryKey = listSnapshotsQueryKey(listSnapshotsQueryOptions);
-
-			queryClient.setQueryData<Snapshot[]>(queryKey, (old) => {
-				if (!old) return old;
-				return old.filter((snapshot) => !snapshotIds.includes(snapshot.short_id));
-			});
-
-			void queryClient.invalidateQueries({ queryKey });
-			setShowBulkDeleteConfirm(false);
-			setSelectedIds(new Set());
-		},
-	});
-
-	const tagSnapshots = useMutation({
-		...tagSnapshotsMutation(),
-		onMutate: () => {
-			setShowReTagDialog(false);
-		},
-		onSuccess: () => {
-			setShowReTagDialog(false);
-			setSelectedIds(new Set());
-			setTargetScheduleId("");
-		},
-	});
-
-	const handleRowClick = (snapshotId: string) => {
-		void navigate({ to: `/repositories/${repositoryId}/${snapshotId}` });
-	};
-
-	const toggleSelectAll = () => {
-		if (selectedIds.size === snapshots.length) {
-			setSelectedIds(new Set());
-		} else {
-			setSelectedIds(new Set(snapshots.map((s) => s.short_id)));
-		}
-	};
-
-	const handleBulkDelete = () => {
-		toast.promise(
-			deleteSnapshots.mutateAsync({
-				path: { shortId: repositoryId },
-				body: { snapshotIds: Array.from(selectedIds) },
-			}),
-			{
-				loading: `Deleting ${selectedIds.size} snapshots...`,
-				success: "Snapshots deleted successfully",
-				error: (error) => parseError(error)?.message || "Failed to delete snapshots",
-			},
-		);
-	};
-
-	const handleBulkReTag = () => {
-		const schedule = backups.find((b) => b.shortId === targetScheduleId);
-		if (!schedule) return;
-
-		toast.promise(
-			tagSnapshots.mutateAsync({
-				path: { shortId: repositoryId },
-				body: {
-					snapshotIds: Array.from(selectedIds),
-					set: [schedule.shortId],
-				},
-			}),
-			{
-				loading: `Re-tagging ${selectedIds.size} snapshots...`,
-				success: `Snapshots re-tagged to ${schedule.name}`,
-				error: (error) => parseError(error)?.message || "Failed to re-tag snapshots",
-			},
-		);
-	};
-
-	return (
-		<>
-			<div className="overflow-x-auto relative">
-				<Table className="border-t">
-					<TableHeader className="bg-card-header">
-						<TableRow>
-							<TableHead className="w-10">
-								<Checkbox
-									checked={selectedIds.size === snapshots.length && snapshots.length > 0}
-									onCheckedChange={toggleSelectAll}
-									aria-label="Select all"
-								/>
-							</TableHead>
-							<TableHead className="uppercase">Snapshot ID</TableHead>
-							<TableHead className="uppercase">Schedule</TableHead>
-							<TableHead className="uppercase">Date & Time</TableHead>
-							<TableHead className="uppercase">Size</TableHead>
-							<TableHead className="uppercase hidden md:table-cell text-right">Duration</TableHead>
-						</TableRow>
-					</TableHeader>
-					<TableBody>
-						{snapshots.map((snapshot) => {
-							const backup = backups.find((b) => snapshot.tags.includes(b.shortId));
-							const isSelected = selectedIds.has(snapshot.short_id);
-
-							return (
-								<TableRow
-									key={snapshot.short_id}
-									className={cn("hover:bg-accent/50 cursor-pointer", isSelected && "bg-accent/30")}
-									onClick={() => handleRowClick(snapshot.short_id)}
-								>
-									<TableCell onClick={(e) => e.stopPropagation()}>
-										<Checkbox
-											checked={isSelected}
-											onCheckedChange={() => {
-												const newSelected = new Set(selectedIds);
-												if (newSelected.has(snapshot.short_id)) {
-													newSelected.delete(snapshot.short_id);
-												} else {
-													newSelected.add(snapshot.short_id);
-												}
-												setSelectedIds(newSelected);
-											}}
-											aria-label={`Select snapshot ${snapshot.short_id}` as string}
-										/>
-									</TableCell>
-									<TableCell className="font-mono text-sm">
-										<div className="flex items-center gap-2">
-											<HardDrive className="h-4 w-4 text-muted-foreground" />
-											<span className="text-strong-accent">{snapshot.short_id}</span>
-										</div>
-									</TableCell>
-									<TableCell>
-										<div className="flex items-center gap-2">
-											<Link
-												hidden={!backup}
-												to={backup ? `/backups/$backupId` : "."}
-												params={backup ? { backupId: backup.shortId } : {}}
-												onClick={(e) => e.stopPropagation()}
-												className="hover:underline"
-											>
-												<span className="text-sm">{backup ? backup.name : "-"}</span>
-											</Link>
-											<span hidden={!!backup} className="text-sm text-muted-foreground">
-												-
-											</span>
-										</div>
-									</TableCell>
-									<TableCell>
-										<div className="flex items-center gap-2">
-											<Calendar className="h-4 w-4 text-muted-foreground" />
-											<span className="text-sm">{formatDateTime(snapshot.time)}</span>
-										</div>
-									</TableCell>
-									<TableCell>
-										<div className="flex items-center gap-2">
-											<Database className="h-4 w-4 text-muted-foreground" />
-											<span className="font-medium">
-												<ByteSize bytes={snapshot.size} base={1024} />
-											</span>
-										</div>
-									</TableCell>
-									<TableCell className="hidden md:table-cell">
-										<div className="flex items-center justify-end gap-2">
-											<Clock className="h-4 w-4 text-muted-foreground" />
-											<span className="text-sm text-muted-foreground">{formatDuration(snapshot.duration / 1000)}</span>
-										</div>
-									</TableCell>
-								</TableRow>
-							);
-						})}
-					</TableBody>
-				</Table>
-			</div>
-
-			{selectedIds.size > 0 && (
-				<div className="fixed bottom-6 left-1/2 -translate-x-1/2 z-50 animate-in fade-in slide-in-from-bottom-4 duration-300">
-					<div className="bg-card border shadow-2xl rounded-full px-4 py-2 flex items-center gap-4 min-w-75 justify-between">
-						<div className="flex items-center gap-3 border-r pr-4">
-							<Button
-								variant="ghost"
-								size="icon"
-								className="h-8 w-8 rounded-full"
-								onClick={() => setSelectedIds(new Set())}
-							>
-								<X className="h-4 w-4" />
-							</Button>
-							<span className="text-sm font-medium">{selectedIds.size} selected</span>
-						</div>
-						<div className="flex items-center gap-2">
-							<Button
-								variant="outline"
-								size="sm"
-								className="rounded-full gap-2"
-								onClick={() => setShowReTagDialog(true)}
-							>
-								<Tag className="h-4 w-4 mr-2" />
-								Re-tag
-							</Button>
-							<Button
-								variant="destructive"
-								size="sm"
-								className="rounded-full gap-2"
-								onClick={() => setShowBulkDeleteConfirm(true)}
-							>
-								<Trash2 className="h-4 w-4 mr-2" />
-								Delete
-							</Button>
-						</div>
-					</div>
-				</div>
-			)}
-
-			<AlertDialog open={showBulkDeleteConfirm} onOpenChange={setShowBulkDeleteConfirm}>
-				<AlertDialogContent>
-					<AlertDialogHeader>
-						<AlertDialogTitle>Delete {selectedIds.size} snapshots?</AlertDialogTitle>
-						<AlertDialogDescription>
-							This action cannot be undone. This will permanently delete the selected snapshots and all their data from
-							the repository.
-						</AlertDialogDescription>
-					</AlertDialogHeader>
-					<AlertDialogFooter>
-						<AlertDialogCancel>Cancel</AlertDialogCancel>
-						<AlertDialogAction
-							onClick={handleBulkDelete}
-							disabled={deleteSnapshots.isPending}
-							className="bg-destructive text-destructive-foreground hover:bg-destructive/90"
-						>
-							Delete {selectedIds.size} snapshots
-						</AlertDialogAction>
-					</AlertDialogFooter>
-				</AlertDialogContent>
-			</AlertDialog>
-
-			<Dialog open={showReTagDialog} onOpenChange={setShowReTagDialog}>
-				<DialogContent>
-					<DialogHeader>
-						<DialogTitle>Re-tag snapshots</DialogTitle>
-						<DialogDescription>
-							Select a backup schedule to re-tag the {selectedIds.size} selected snapshots. All {selectedIds.size}{" "}
-							selected snapshots will be associated with the chosen schedule.
-						</DialogDescription>
-					</DialogHeader>
-					<div className="py-4">
-						<Select value={targetScheduleId} onValueChange={setTargetScheduleId}>
-							<SelectTrigger>
-								<SelectValue placeholder="Select a schedule" />
-							</SelectTrigger>
-							<SelectContent>
-								{backups.map((backup) => (
-									<SelectItem key={backup.shortId} value={backup.shortId}>
-										{backup.name}
-									</SelectItem>
-								))}
-							</SelectContent>
-						</Select>
-					</div>
-					<DialogFooter>
-						<Button variant="outline" onClick={() => setShowReTagDialog(false)}>
-							Cancel
-						</Button>
-						<Button onClick={handleBulkReTag} disabled={!targetScheduleId}>
-							Apply tags
-						</Button>
-					</DialogFooter>
-				</DialogContent>
-			</Dialog>
-		</>
-	);
-};

app/client/components/sortable-card.tsx

@@ -1,37 +0,0 @@
-import { useSortable } from "@dnd-kit/sortable";
-import { CSS } from "@dnd-kit/utilities";
-import { ClientOnly } from "@tanstack/react-router";
-import { GripVertical } from "lucide-react";
-import type { PropsWithChildren } from "react";
-
-interface SortableBackupCardProps {
-	isDragging?: boolean;
-	uniqueId: string | number;
-}
-
-export function SortableCard({ isDragging, uniqueId, children }: PropsWithChildren<SortableBackupCardProps>) {
-	const { attributes, listeners, setNodeRef, transform, transition } = useSortable({
-		id: uniqueId,
-	});
-
-	const style = {
-		transform: CSS.Transform.toString(transform),
-		transition,
-		opacity: isDragging ? 0.5 : 1,
-	};
-
-	return (
-		<div ref={setNodeRef} style={style} className="relative group">
-			<ClientOnly>
-				<div
-					{...attributes}
-					{...listeners}
-					className="absolute left-1/2 -translate-x-1/2 top-1 z-10 cursor-grab active:cursor-grabbing opacity-100 md:opacity-0 group-hover:opacity-100 transition-opacity p-1 rounded hover:bg-muted/50 bg-background/80 backdrop-blur-sm"
-				>
-					<GripVertical className="h-4 w-4 text-muted-foreground rotate-90" />
-				</div>
-			</ClientOnly>
-			{children}
-		</div>
-	);
-}

app/client/components/status-dot.tsx

@@ -1,61 +0,0 @@
-import { cn } from "~/client/lib/utils";
-import { Tooltip, TooltipContent, TooltipTrigger } from "./ui/tooltip";
-
-type StatusVariant = "success" | "neutral" | "error" | "warning" | "info";
-
-interface StatusDotProps {
-	variant: StatusVariant;
-	label: string;
-	animated?: boolean;
-}
-
-export const StatusDot = ({ variant, label, animated }: StatusDotProps) => {
-	const statusMapping = {
-		success: {
-			color: "bg-success shadow-[0_0_8px_rgba(16,185,129,0.5)]",
-			colorLight: "bg-success/60",
-			animated: animated ?? true,
-		},
-		neutral: {
-			color: "bg-gray-500",
-			colorLight: "bg-gray-400",
-			animated: animated ?? false,
-		},
-		error: {
-			color: "bg-red-500",
-			colorLight: "bg-red-400",
-			animated: animated ?? true,
-		},
-		warning: {
-			color: "bg-yellow-500",
-			colorLight: "bg-yellow-400",
-			animated: animated ?? true,
-		},
-		info: {
-			color: "bg-blue-500",
-			colorLight: "bg-blue-400",
-			animated: animated ?? true,
-		},
-	}[variant];
-
-	return (
-		<Tooltip>
-			<TooltipTrigger asChild aria-label={label}>
-				<span className="relative flex size-3 mx-auto">
-					{statusMapping?.animated && (
-						<span
-							className={cn(
-								"absolute inline-flex h-full w-full animate-[ping_3s_cubic-bezier(0,0,0.2,1)_infinite] rounded-full opacity-50",
-								`${statusMapping.colorLight}`,
-							)}
-						/>
-					)}
-					<span className={cn("relative inline-flex size-3 rounded-full", `${statusMapping?.color}`)} />
-				</span>
-			</TooltipTrigger>
-			<TooltipContent>
-				<p className="capitalize">{label}</p>
-			</TooltipContent>
-		</Tooltip>
-	);
-};

app/client/components/theme-provider.tsx

@@ -1,35 +0,0 @@
-import { createContext, useCallback, useContext, useState } from "react";
-
-type Theme = "light" | "dark";
-
-type ThemeContextValue = {
-	theme: Theme;
-	setTheme: (theme: Theme) => void;
-};
-
-const ThemeContext = createContext<ThemeContextValue | null>(null);
-
-export const THEME_COOKIE_NAME = "theme";
-const THEME_COOKIE_MAX_AGE = 60 * 60 * 24 * 365; // 1 year
-const DEFAULT_THEME: Theme = "dark";
-
-export function ThemeProvider({ children, initialTheme }: { children: React.ReactNode; initialTheme?: Theme }) {
-	const [theme, setThemeState] = useState<Theme>(initialTheme ?? DEFAULT_THEME);
-
-	const setTheme = useCallback((newTheme: Theme) => {
-		setThemeState(newTheme);
-		document.cookie = `${THEME_COOKIE_NAME}=${newTheme}; path=/; max-age=${THEME_COOKIE_MAX_AGE}`;
-		document.documentElement.classList.toggle("dark", newTheme === "dark");
-		document.documentElement.style.colorScheme = newTheme;
-	}, []);
-
-	return <ThemeContext value={{ theme, setTheme }}>{children}</ThemeContext>;
-}
-
-export function useTheme() {
-	const context = useContext(ThemeContext);
-	if (!context) {
-		throw new Error("useTheme must be used within a ThemeProvider");
-	}
-	return context;
-}

app/client/components/theme-toggle.tsx

@@ -1,26 +0,0 @@
-import { Moon, Sun } from "lucide-react";
-import { useTheme } from "./theme-provider";
-import { Button } from "./ui/button";
-import { Tooltip, TooltipContent, TooltipTrigger } from "./ui/tooltip";
-
-export function ThemeToggle() {
-	const { theme, setTheme } = useTheme();
-
-	return (
-		<Tooltip>
-			<TooltipTrigger asChild>
-				<Button
-					variant="ghost"
-					size="icon"
-					className="relative rounded-full h-7 w-7 text-muted-foreground hover:text-foreground"
-					onClick={() => setTheme(theme === "dark" ? "light" : "dark")}
-					aria-label="Toggle theme"
-				>
-					<Sun className="h-4 w-4 rotate-0 scale-100 transition-all dark:-rotate-90 dark:scale-0" />
-					<Moon className="absolute h-4 w-4 rotate-90 scale-0 transition-all dark:rotate-0 dark:scale-100" />
-				</Button>
-			</TooltipTrigger>
-			<TooltipContent>Toggle theme</TooltipContent>
-		</Tooltip>
-	);
-}

app/client/components/time-ago.tsx

@@ -1,12 +0,0 @@
-import { useTimeFormat, type DateInput } from "~/client/lib/datetime";
-
-type Props = {
-	date: DateInput;
-	className?: string;
-};
-
-export function TimeAgo({ date, className }: Props) {
-	const { formatTimeAgo } = useTimeFormat();
-
-	return <span className={className}>{formatTimeAgo(date)}</span>;
-}

app/client/components/ui/alert.tsx

@@ -1,44 +0,0 @@
-import * as React from "react";
-import { cva, type VariantProps } from "class-variance-authority";
-
-import { cn } from "~/client/lib/utils";
-
-const alertVariants = cva(
-	"relative w-full rounded-lg border px-4 py-3 text-sm [&>svg+div]:translate-y-[-3px] [&>svg]:absolute [&>svg]:left-4 [&>svg]:top-4 [&>svg]:text-foreground [&>svg~*]:pl-7",
-	{
-		variants: {
-			variant: {
-				default: "bg-background text-foreground",
-				destructive: "border-destructive/50 text-destructive dark:border-destructive [&>svg]:text-destructive",
-				warning: "border-orange-500/20 bg-orange-500/10 text-orange-500 [&>svg]:text-orange-500",
-			},
-		},
-		defaultVariants: {
-			variant: "default",
-		},
-	},
-);
-
-const Alert = React.forwardRef<
-	HTMLDivElement,
-	React.HTMLAttributes<HTMLDivElement> & VariantProps<typeof alertVariants>
->(({ className, variant, ...props }, ref) => (
-	<div ref={ref} role="alert" className={cn(alertVariants({ variant }), className)} {...props} />
-));
-Alert.displayName = "Alert";
-
-const AlertTitle = React.forwardRef<HTMLHeadingElement, React.HTMLAttributes<HTMLHeadingElement>>(
-	({ className, ...props }, ref) => (
-		<h5 ref={ref} className={cn("mb-1 font-medium leading-none tracking-tight", className)} {...props}>{props.children}</h5>
-	),
-);
-AlertTitle.displayName = "AlertTitle";
-
-const AlertDescription = React.forwardRef<HTMLParagraphElement, React.HTMLAttributes<HTMLParagraphElement>>(
-	({ className, ...props }, ref) => (
-		<div ref={ref} className={cn("text-sm [&_p]:leading-relaxed", className)} {...props} />
-	),
-);
-AlertDescription.displayName = "AlertDescription";
-
-export { Alert, AlertTitle, AlertDescription };

app/client/components/ui/badge.tsx

@@ -1,37 +0,0 @@
-// fallow-ignore-file unused-export
-import type * as React from "react";
-import { Slot } from "@radix-ui/react-slot";
-import { cva, type VariantProps } from "class-variance-authority";
-
-import { cn } from "~/client/lib/utils";
-
-const badgeVariants = cva(
-	"inline-flex items-center justify-center rounded-full border px-2 py-0.5 text-xs font-medium w-fit whitespace-nowrap shrink-0 [&>svg]:size-3 gap-1 [&>svg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-[color,box-shadow] overflow-hidden",
-	{
-		variants: {
-			variant: {
-				default: "border-transparent bg-primary text-primary-foreground [a&]:hover:bg-primary/90",
-				secondary: "border-transparent bg-secondary text-secondary-foreground [a&]:hover:bg-secondary/90",
-				destructive:
-					"border-transparent bg-destructive text-white [a&]:hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60",
-				outline: "text-foreground [a&]:hover:bg-accent [a&]:hover:text-accent-foreground",
-			},
-		},
-		defaultVariants: {
-			variant: "default",
-		},
-	},
-);
-
-function Badge({
-	className,
-	variant,
-	asChild = false,
-	...props
-}: React.ComponentProps<"span"> & VariantProps<typeof badgeVariants> & { asChild?: boolean }) {
-	const Comp = asChild ? Slot : "span";
-
-	return <Comp data-slot="badge" className={cn(badgeVariants({ variant }), className)} {...props} />;
-}
-
-export { Badge, badgeVariants };

app/client/components/ui/breadcrumb.tsx

@@ -1,97 +0,0 @@
-// fallow-ignore-file unused-export
-import type * as React from "react";
-import { Slot } from "@radix-ui/react-slot";
-import { ChevronRight, MoreHorizontal } from "lucide-react";
-
-import { cn } from "~/client/lib/utils";
-
-function Breadcrumb({ className, ...props }: React.ComponentProps<"nav">) {
-	return <nav aria-label="breadcrumb" data-slot="breadcrumb" className={cn("min-w-0", className)} {...props} />;
-}
-
-function BreadcrumbList({ className, ...props }: React.ComponentProps<"ol">) {
-	return (
-		<ol
-			data-slot="breadcrumb-list"
-			className={cn("text-muted-foreground flex items-center gap-1.5 text-sm sm:gap-2.5 min-w-0", className)}
-			{...props}
-		/>
-	);
-}
-
-function BreadcrumbItem({ className, ...props }: React.ComponentProps<"li">) {
-	return (
-		<li data-slot="breadcrumb-item" className={cn("inline-flex items-center gap-1.5 min-w-0", className)} {...props} />
-	);
-}
-
-function BreadcrumbLink({
-	asChild,
-	className,
-	...props
-}: React.ComponentProps<"a"> & {
-	asChild?: boolean;
-}) {
-	const Comp = asChild ? Slot : "a";
-
-	return (
-		<Comp
-			data-slot="breadcrumb-link"
-			className={cn("hover:text-foreground transition-colors truncate", className)}
-			{...props}
-		/>
-	);
-}
-
-function BreadcrumbPage({ className, children, ...props }: React.ComponentProps<"a">) {
-	return (
-		<a
-			data-slot="breadcrumb-page"
-			aria-disabled="true"
-			aria-current="page"
-			className={cn("text-foreground font-normal truncate", className)}
-			{...props}
-		>
-			{children}
-		</a>
-	);
-}
-
-function BreadcrumbSeparator({ children, className, ...props }: React.ComponentProps<"li">) {
-	return (
-		<li
-			data-slot="breadcrumb-separator"
-			role="presentation"
-			aria-hidden="true"
-			className={cn("[&>svg]:size-3.5", className)}
-			{...props}
-		>
-			{children ?? <ChevronRight />}
-		</li>
-	);
-}
-
-function BreadcrumbEllipsis({ className, ...props }: React.ComponentProps<"span">) {
-	return (
-		<span
-			data-slot="breadcrumb-ellipsis"
-			role="presentation"
-			aria-hidden="true"
-			className={cn("flex size-9 items-center justify-center", className)}
-			{...props}
-		>
-			<MoreHorizontal className="size-4" />
-			<span className="sr-only">More</span>
-		</span>
-	);
-}
-
-export {
-	Breadcrumb,
-	BreadcrumbList,
-	BreadcrumbItem,
-	BreadcrumbLink,
-	BreadcrumbPage,
-	BreadcrumbSeparator,
-	BreadcrumbEllipsis,
-};

app/client/components/ui/chart.tsx

@@ -1,302 +0,0 @@
-// fallow-ignore-file unused-export
-// @ts-nocheck
-// biome-ignore-all lint: reason
-import * as React from "react";
-import * as RechartsPrimitive from "recharts";
-
-import { useRootLoaderData } from "~/client/hooks/use-root-loader-data";
-import { cn } from "~/client/lib/utils";
-
-// Format: { THEME_NAME: CSS_SELECTOR }
-const THEMES = { light: "", dark: ".dark" } as const;
-
-// fallow-ignore-next-line unused-type
-export type ChartConfig = {
-	[k in string]: {
-		label?: React.ReactNode;
-		icon?: React.ComponentType;
-	} & ({ color?: string; theme?: never } | { color?: never; theme: Record<keyof typeof THEMES, string> });
-};
-
-type ChartContextProps = {
-	config: ChartConfig;
-};
-
-const ChartContext = React.createContext<ChartContextProps | null>(null);
-
-function useChart() {
-	const context = React.useContext(ChartContext);
-
-	if (!context) {
-		throw new Error("useChart must be used within a <ChartContainer />");
-	}
-
-	return context;
-}
-
-function ChartContainer({
-	id,
-	className,
-	children,
-	config,
-	...props
-}: React.ComponentProps<"div"> & {
-	config: ChartConfig;
-	children: React.ComponentProps<typeof RechartsPrimitive.ResponsiveContainer>["children"];
-}) {
-	const uniqueId = React.useId();
-	const chartId = `chart-${id || uniqueId.replace(/:/g, "")}`;
-
-	return (
-		<ChartContext.Provider value={{ config }}>
-			<div
-				data-slot="chart"
-				data-chart={chartId}
-				className={cn(
-					"[&_.recharts-cartesian-axis-tick_text]:fill-muted-foreground [&_.recharts-cartesian-grid_line[stroke='#ccc']]:stroke-border/50 [&_.recharts-curve.recharts-tooltip-cursor]:stroke-border [&_.recharts-polar-grid_[stroke='#ccc']]:stroke-border [&_.recharts-radial-bar-background-sector]:fill-muted [&_.recharts-rectangle.recharts-tooltip-cursor]:fill-muted [&_.recharts-reference-line_[stroke='#ccc']]:stroke-border flex aspect-video justify-center text-xs [&_.recharts-dot[stroke='#fff']]:stroke-transparent [&_.recharts-layer]:outline-hidden [&_.recharts-sector]:outline-hidden [&_.recharts-sector[stroke='#fff']]:stroke-transparent [&_.recharts-surface]:outline-hidden",
-					className,
-				)}
-				{...props}
-			>
-				<ChartStyle id={chartId} config={config} />
-				<RechartsPrimitive.ResponsiveContainer>{children}</RechartsPrimitive.ResponsiveContainer>
-			</div>
-		</ChartContext.Provider>
-	);
-}
-
-const ChartStyle = ({ id, config }: { id: string; config: ChartConfig }) => {
-	const colorConfig = Object.entries(config).filter(([, config]) => config.theme || config.color);
-
-	if (!colorConfig.length) {
-		return null;
-	}
-
-	return (
-		<style
-			dangerouslySetInnerHTML={{
-				__html: Object.entries(THEMES)
-					.map(
-						([theme, prefix]) => `
-${prefix} [data-chart=${id}] {
-${colorConfig
-	.map(([key, itemConfig]) => {
-		const color = itemConfig.theme?.[theme as keyof typeof itemConfig.theme] || itemConfig.color;
-		return color ? `  --color-${key}: ${color};` : null;
-	})
-	.join("\n")}
-}
-`,
-					)
-					.join("\n"),
-			}}
-		/>
-	);
-};
-
-const ChartTooltip = RechartsPrimitive.Tooltip;
-
-function ChartTooltipContent({
-	active,
-	payload,
-	className,
-	indicator = "dot",
-	hideLabel = false,
-	hideIndicator = false,
-	label,
-	labelFormatter,
-	labelClassName,
-	formatter,
-	color,
-	nameKey,
-	labelKey,
-}: React.ComponentProps<typeof RechartsPrimitive.Tooltip> &
-	React.ComponentProps<"div"> & {
-		hideLabel?: boolean;
-		hideIndicator?: boolean;
-		indicator?: "line" | "dot" | "dashed";
-		nameKey?: string;
-		labelKey?: string;
-	}) {
-	const { config } = useChart();
-	const { locale } = useRootLoaderData();
-
-	const tooltipLabel = React.useMemo(() => {
-		if (hideLabel || !payload?.length) {
-			return null;
-		}
-
-		const [item] = payload;
-		const key = `${labelKey || item?.dataKey || item?.name || "value"}`;
-		const itemConfig = getPayloadConfigFromPayload(config, item, key);
-		const value =
-			!labelKey && typeof label === "string" ? config[label as keyof typeof config]?.label || label : itemConfig?.label;
-
-		if (labelFormatter) {
-			return <div className={cn("font-medium", labelClassName)}>{labelFormatter(value, payload)}</div>;
-		}
-
-		if (!value) {
-			return null;
-		}
-
-		return <div className={cn("font-medium", labelClassName)}>{value}</div>;
-	}, [label, labelFormatter, payload, hideLabel, labelClassName, config, labelKey]);
-
-	if (!active || !payload?.length) {
-		return null;
-	}
-
-	const nestLabel = payload.length === 1 && indicator !== "dot";
-
-	return (
-		<div
-			className={cn(
-				"border-border/50 bg-background grid min-w-[8rem] items-start gap-1.5 rounded-lg border px-2.5 py-1.5 text-xs shadow-xl",
-				className,
-			)}
-		>
-			{!nestLabel ? tooltipLabel : null}
-			<div className="grid gap-1.5">
-				{payload
-					.filter((item) => item.type !== "none")
-					.map((item, index) => {
-						const key = `${nameKey || item.name || item.dataKey || "value"}`;
-						const itemConfig = getPayloadConfigFromPayload(config, item, key);
-						const indicatorColor = color || item.payload.fill || item.color;
-
-						return (
-							<div
-								key={item.dataKey}
-								className={cn(
-									"[&>svg]:text-muted-foreground flex w-full flex-wrap items-stretch gap-2 [&>svg]:h-2.5 [&>svg]:w-2.5",
-									indicator === "dot" && "items-center",
-								)}
-							>
-								{formatter && item?.value !== undefined && item.name ? (
-									formatter(item.value, item.name, item, index, item.payload)
-								) : (
-									<>
-										{itemConfig?.icon ? (
-											<itemConfig.icon />
-										) : (
-											!hideIndicator && (
-												<div
-													className={cn("shrink-0 rounded-[2px] border-(--color-border) bg-(--color-bg)", {
-														"h-2.5 w-2.5": indicator === "dot",
-														"w-1": indicator === "line",
-														"w-0 border-[1.5px] border-dashed bg-transparent": indicator === "dashed",
-														"my-0.5": nestLabel && indicator === "dashed",
-													})}
-													style={
-														{
-															"--color-bg": indicatorColor,
-															"--color-border": indicatorColor,
-														} as React.CSSProperties
-													}
-												/>
-											)
-										)}
-										<div
-											className={cn(
-												"flex flex-1 justify-between leading-none",
-												nestLabel ? "items-end" : "items-center",
-											)}
-										>
-											<div className="grid gap-1.5">
-												{nestLabel ? tooltipLabel : null}
-												<span className="text-muted-foreground">{itemConfig?.label || item.name}</span>
-											</div>
-											{item.value && (
-												<span className="text-foreground font-mono font-medium tabular-nums">
-													{item.value.toLocaleString(locale)}
-												</span>
-											)}
-										</div>
-									</>
-								)}
-							</div>
-						);
-					})}
-			</div>
-		</div>
-	);
-}
-
-const ChartLegend = RechartsPrimitive.Legend;
-
-function ChartLegendContent({
-	className,
-	hideIcon = false,
-	payload,
-	verticalAlign = "bottom",
-	nameKey,
-}: React.ComponentProps<"div"> &
-	Pick<RechartsPrimitive.LegendProps, "payload" | "verticalAlign"> & {
-		hideIcon?: boolean;
-		nameKey?: string;
-	}) {
-	const { config } = useChart();
-
-	if (!payload?.length) {
-		return null;
-	}
-
-	return (
-		<div className={cn("flex items-center justify-center gap-4", verticalAlign === "top" ? "pb-3" : "pt-3", className)}>
-			{payload
-				.filter((item) => item.type !== "none")
-				.map((item) => {
-					const key = `${nameKey || item.dataKey || "value"}`;
-					const itemConfig = getPayloadConfigFromPayload(config, item, key);
-
-					return (
-						<div
-							key={item.value}
-							className={cn("[&>svg]:text-muted-foreground flex items-center gap-1.5 [&>svg]:h-3 [&>svg]:w-3")}
-						>
-							{itemConfig?.icon && !hideIcon ? (
-								<itemConfig.icon />
-							) : (
-								<div
-									className="h-2 w-2 shrink-0 rounded-[2px]"
-									style={{
-										backgroundColor: item.color,
-									}}
-								/>
-							)}
-							{itemConfig?.label}
-						</div>
-					);
-				})}
-		</div>
-	);
-}
-
-// Helper to extract item config from a payload.
-function getPayloadConfigFromPayload(config: ChartConfig, payload: unknown, key: string) {
-	if (typeof payload !== "object" || payload === null) {
-		return undefined;
-	}
-
-	const payloadPayload =
-		"payload" in payload && typeof payload.payload === "object" && payload.payload !== null
-			? payload.payload
-			: undefined;
-
-	let configLabelKey: string = key;
-
-	if (key in payload && typeof payload[key as keyof typeof payload] === "string") {
-		configLabelKey = payload[key as keyof typeof payload] as string;
-	} else if (
-		payloadPayload &&
-		key in payloadPayload &&
-		typeof payloadPayload[key as keyof typeof payloadPayload] === "string"
-	) {
-		configLabelKey = payloadPayload[key as keyof typeof payloadPayload] as string;
-	}
-
-	return configLabelKey in config ? config[configLabelKey] : config[key as keyof typeof config];
-}
-
-export { ChartContainer, ChartTooltip, ChartTooltipContent, ChartLegend, ChartLegendContent, ChartStyle };

app/client/components/ui/checkbox.tsx

@@ -1,34 +0,0 @@
-import * as React from "react";
-import * as CheckboxPrimitive from "@radix-ui/react-checkbox";
-import { CheckIcon } from "lucide-react";
-
-import { useWebHaptics } from "web-haptics/react";
-import { cn } from "~/client/lib/utils";
-
-function Checkbox({ className, ...props }: React.ComponentProps<typeof CheckboxPrimitive.Root>) {
-	const trigger = useWebHaptics().trigger;
-
-	return (
-		<CheckboxPrimitive.Root
-			data-slot="checkbox"
-			className={cn(
-				"peer border-input dark:bg-input/30 data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground dark:data-[state=checked]:bg-primary data-[state=checked]:border-primary focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive size-4 shrink-0 rounded-[4px] border shadow-xs transition-shadow outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50",
-				className,
-			)}
-			onCheckedChange={(checked) => {
-				void trigger([{ duration: 8 }], { intensity: 0.3 });
-				props.onCheckedChange?.(checked);
-			}}
-			{...props}
-		>
-			<CheckboxPrimitive.Indicator
-				data-slot="checkbox-indicator"
-				className="grid place-content-center text-current transition-none"
-			>
-				<CheckIcon className="size-3.5" />
-			</CheckboxPrimitive.Indicator>
-		</CheckboxPrimitive.Root>
-	);
-}
-
-export { Checkbox };

app/client/components/ui/collapsible.tsx

@@ -1,98 +0,0 @@
-import * as React from "react";
-import { ChevronDown } from "lucide-react";
-import { cn } from "~/client/lib/utils";
-
-interface CollapsibleProps extends React.HTMLAttributes<HTMLDivElement> {
-	open?: boolean;
-	onOpenChange?: (open: boolean) => void;
-	defaultOpen?: boolean;
-}
-
-const CollapsibleContext = React.createContext<{
-	open: boolean;
-	setOpen: React.Dispatch<React.SetStateAction<boolean>>;
-}>({
-	open: false,
-	setOpen: () => {},
-});
-
-const Collapsible = React.forwardRef<HTMLDivElement, CollapsibleProps>(
-	({ className, open: controlledOpen, onOpenChange, defaultOpen = false, children, ...props }, ref) => {
-		const [uncontrolledOpen, setUncontrolledOpen] = React.useState(defaultOpen);
-
-		const isControlled = controlledOpen !== undefined;
-		const open = isControlled ? controlledOpen : uncontrolledOpen;
-
-		const setOpen = React.useCallback(
-			(value: React.SetStateAction<boolean>) => {
-				const newValue = typeof value === "function" ? value(open) : value;
-				if (!isControlled) {
-					setUncontrolledOpen(newValue);
-				}
-				onOpenChange?.(newValue);
-			},
-			[isControlled, open, onOpenChange],
-		);
-
-		return (
-			<CollapsibleContext.Provider value={{ open, setOpen }}>
-				<div ref={ref} className={cn(className)} {...props}>
-					{children}
-				</div>
-			</CollapsibleContext.Provider>
-		);
-	},
-);
-Collapsible.displayName = "Collapsible";
-
-interface CollapsibleTriggerProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {}
-
-const CollapsibleTrigger = React.forwardRef<HTMLButtonElement, CollapsibleTriggerProps>(
-	({ className, children, ...props }, ref) => {
-		const { open, setOpen } = React.useContext(CollapsibleContext);
-
-		return (
-			<button
-				ref={ref}
-				type="button"
-				className={cn(
-					"flex gap-2 items-center justify-between py-2 text-sm font-medium transition-all hover:underline [&[data-state=open]>svg]:rotate-180",
-					className,
-				)}
-				data-state={open ? "open" : "closed"}
-				onClick={() => setOpen(!open)}
-				{...props}
-			>
-				<ChevronDown className="h-4 w-4 shrink-0 transition-transform duration-200" />
-				{children}
-			</button>
-		);
-	},
-);
-CollapsibleTrigger.displayName = "CollapsibleTrigger";
-
-interface CollapsibleContentProps extends React.HTMLAttributes<HTMLDivElement> {}
-
-const CollapsibleContent = React.forwardRef<HTMLDivElement, CollapsibleContentProps>(
-	({ className, children, ...props }, ref) => {
-		const { open } = React.useContext(CollapsibleContext);
-
-		return (
-			<div
-				ref={ref}
-				className={cn(
-					"overflow-hidden transition-all data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down",
-					className,
-				)}
-				data-state={open ? "open" : "closed"}
-				hidden={!open}
-				{...props}
-			>
-				{open && children}
-			</div>
-		);
-	},
-);
-CollapsibleContent.displayName = "CollapsibleContent";
-
-export { Collapsible, CollapsibleTrigger, CollapsibleContent };

app/client/components/ui/dialog.tsx

@@ -1,122 +0,0 @@
-// fallow-ignore-file unused-export
-import type * as React from "react";
-import * as DialogPrimitive from "@radix-ui/react-dialog";
-import { XIcon } from "lucide-react";
-
-import { cn } from "~/client/lib/utils";
-
-function Dialog({ ...props }: React.ComponentProps<typeof DialogPrimitive.Root>) {
-	return <DialogPrimitive.Root data-slot="dialog" {...props} />;
-}
-
-function DialogTrigger({ ...props }: React.ComponentProps<typeof DialogPrimitive.Trigger>) {
-	return <DialogPrimitive.Trigger data-slot="dialog-trigger" {...props} />;
-}
-
-function DialogPortal({ ...props }: React.ComponentProps<typeof DialogPrimitive.Portal>) {
-	return <DialogPrimitive.Portal data-slot="dialog-portal" {...props} />;
-}
-
-function DialogClose({ ...props }: React.ComponentProps<typeof DialogPrimitive.Close>) {
-	return <DialogPrimitive.Close data-slot="dialog-close" {...props} />;
-}
-
-function DialogOverlay({ className, ...props }: React.ComponentProps<typeof DialogPrimitive.Overlay>) {
-	return (
-		<DialogPrimitive.Overlay
-			data-slot="dialog-overlay"
-			className={cn(
-				"data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/50",
-				className,
-			)}
-			{...props}
-		/>
-	);
-}
-
-function DialogContent({
-	className,
-	children,
-	showCloseButton = true,
-	...props
-}: React.ComponentProps<typeof DialogPrimitive.Content> & {
-	showCloseButton?: boolean;
-}) {
-	return (
-		<DialogPortal data-slot="dialog-portal">
-			<DialogOverlay />
-			<DialogPrimitive.Content
-				data-slot="dialog-content"
-				className={cn(
-					"bg-background data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 rounded-lg border p-6 shadow-lg duration-200 sm:max-w-lg",
-					className,
-				)}
-				{...props}
-			>
-				{children}
-				{showCloseButton && (
-					<DialogPrimitive.Close
-						data-slot="dialog-close"
-						className="ring-offset-background focus:ring-ring data-[state=open]:bg-accent data-[state=open]:text-muted-foreground absolute top-4 right-4 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4"
-					>
-						<XIcon />
-						<span className="sr-only">Close</span>
-					</DialogPrimitive.Close>
-				)}
-			</DialogPrimitive.Content>
-		</DialogPortal>
-	);
-}
-
-function DialogHeader({ className, ...props }: React.ComponentProps<"div">) {
-	return (
-		<div
-			data-slot="dialog-header"
-			className={cn("flex flex-col gap-2 text-center sm:text-left", className)}
-			{...props}
-		/>
-	);
-}
-
-function DialogFooter({ className, ...props }: React.ComponentProps<"div">) {
-	return (
-		<div
-			data-slot="dialog-footer"
-			className={cn("flex flex-col-reverse gap-2 sm:flex-row sm:justify-end", className)}
-			{...props}
-		/>
-	);
-}
-
-function DialogTitle({ className, ...props }: React.ComponentProps<typeof DialogPrimitive.Title>) {
-	return (
-		<DialogPrimitive.Title
-			data-slot="dialog-title"
-			className={cn("text-lg leading-none font-semibold", className)}
-			{...props}
-		/>
-	);
-}
-
-function DialogDescription({ className, ...props }: React.ComponentProps<typeof DialogPrimitive.Description>) {
-	return (
-		<DialogPrimitive.Description
-			data-slot="dialog-description"
-			className={cn("text-muted-foreground text-sm", className)}
-			{...props}
-		/>
-	);
-}
-
-export {
-	Dialog,
-	DialogClose,
-	DialogContent,
-	DialogDescription,
-	DialogFooter,
-	DialogHeader,
-	DialogOverlay,
-	DialogPortal,
-	DialogTitle,
-	DialogTrigger,
-};

app/client/components/ui/dropdown-menu.tsx

@@ -1,218 +0,0 @@
-// fallow-ignore-file unused-export
-import * as React from "react";
-import { CheckIcon, ChevronRightIcon, CircleIcon } from "lucide-react";
-import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu";
-
-import { cn } from "~/client/lib/utils";
-
-function DropdownMenu({ ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Root>) {
-	return <DropdownMenuPrimitive.Root data-slot="dropdown-menu" {...props} />;
-}
-
-function DropdownMenuPortal({ ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Portal>) {
-	return <DropdownMenuPrimitive.Portal data-slot="dropdown-menu-portal" {...props} />;
-}
-
-function DropdownMenuTrigger({ ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Trigger>) {
-	return <DropdownMenuPrimitive.Trigger data-slot="dropdown-menu-trigger" {...props} />;
-}
-
-function DropdownMenuContent({
-	className,
-	sideOffset = 4,
-	...props
-}: React.ComponentProps<typeof DropdownMenuPrimitive.Content>) {
-	return (
-		<DropdownMenuPrimitive.Portal>
-			<DropdownMenuPrimitive.Content
-				data-slot="dropdown-menu-content"
-				sideOffset={sideOffset}
-				className={cn(
-					"bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 max-h-(--radix-dropdown-menu-content-available-height) min-w-[8rem] origin-(--radix-dropdown-menu-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-md border p-1 shadow-md",
-					className,
-				)}
-				{...props}
-			/>
-		</DropdownMenuPrimitive.Portal>
-	);
-}
-
-function DropdownMenuGroup({ ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Group>) {
-	return <DropdownMenuPrimitive.Group data-slot="dropdown-menu-group" {...props} />;
-}
-
-function DropdownMenuItem({
-	className,
-	inset,
-	variant = "default",
-	...props
-}: React.ComponentProps<typeof DropdownMenuPrimitive.Item> & {
-	inset?: boolean;
-	variant?: "default" | "destructive";
-}) {
-	return (
-		<DropdownMenuPrimitive.Item
-			data-slot="dropdown-menu-item"
-			data-inset={inset}
-			data-variant={variant}
-			className={cn(
-				"focus:bg-accent focus:text-accent-foreground data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 dark:data-[variant=destructive]:focus:bg-destructive/20 data-[variant=destructive]:focus:text-destructive data-[variant=destructive]:*:[svg]:!text-destructive [&_svg:not([class*='text-'])]:text-muted-foreground relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 data-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
-				className,
-			)}
-			{...props}
-		/>
-	);
-}
-
-function DropdownMenuCheckboxItem({
-	className,
-	children,
-	checked,
-	...props
-}: React.ComponentProps<typeof DropdownMenuPrimitive.CheckboxItem>) {
-	return (
-		<DropdownMenuPrimitive.CheckboxItem
-			data-slot="dropdown-menu-checkbox-item"
-			className={cn(
-				"focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center gap-2 rounded-sm py-1.5 pr-2 pl-8 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
-				className,
-			)}
-			checked={checked}
-			{...props}
-		>
-			<span className="pointer-events-none absolute left-2 flex size-3.5 items-center justify-center">
-				<DropdownMenuPrimitive.ItemIndicator>
-					<CheckIcon className="size-4" />
-				</DropdownMenuPrimitive.ItemIndicator>
-			</span>
-			{children}
-		</DropdownMenuPrimitive.CheckboxItem>
-	);
-}
-
-function DropdownMenuRadioGroup({ ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.RadioGroup>) {
-	return <DropdownMenuPrimitive.RadioGroup data-slot="dropdown-menu-radio-group" {...props} />;
-}
-
-function DropdownMenuRadioItem({
-	className,
-	children,
-	...props
-}: React.ComponentProps<typeof DropdownMenuPrimitive.RadioItem>) {
-	return (
-		<DropdownMenuPrimitive.RadioItem
-			data-slot="dropdown-menu-radio-item"
-			className={cn(
-				"focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center gap-2 rounded-sm py-1.5 pr-2 pl-8 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
-				className,
-			)}
-			{...props}
-		>
-			<span className="pointer-events-none absolute left-2 flex size-3.5 items-center justify-center">
-				<DropdownMenuPrimitive.ItemIndicator>
-					<CircleIcon className="size-2 fill-current" />
-				</DropdownMenuPrimitive.ItemIndicator>
-			</span>
-			{children}
-		</DropdownMenuPrimitive.RadioItem>
-	);
-}
-
-function DropdownMenuLabel({
-	className,
-	inset,
-	...props
-}: React.ComponentProps<typeof DropdownMenuPrimitive.Label> & {
-	inset?: boolean;
-}) {
-	return (
-		<DropdownMenuPrimitive.Label
-			data-slot="dropdown-menu-label"
-			data-inset={inset}
-			className={cn("px-2 py-1.5 text-sm font-medium data-[inset]:pl-8", className)}
-			{...props}
-		/>
-	);
-}
-
-function DropdownMenuSeparator({ className, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Separator>) {
-	return (
-		<DropdownMenuPrimitive.Separator
-			data-slot="dropdown-menu-separator"
-			className={cn("bg-border -mx-1 my-1 h-px", className)}
-			{...props}
-		/>
-	);
-}
-
-function DropdownMenuShortcut({ className, ...props }: React.ComponentProps<"span">) {
-	return (
-		<span
-			data-slot="dropdown-menu-shortcut"
-			className={cn("text-muted-foreground ml-auto text-xs tracking-widest", className)}
-			{...props}
-		/>
-	);
-}
-
-function DropdownMenuSub({ ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Sub>) {
-	return <DropdownMenuPrimitive.Sub data-slot="dropdown-menu-sub" {...props} />;
-}
-
-function DropdownMenuSubTrigger({
-	className,
-	inset,
-	children,
-	...props
-}: React.ComponentProps<typeof DropdownMenuPrimitive.SubTrigger> & {
-	inset?: boolean;
-}) {
-	return (
-		<DropdownMenuPrimitive.SubTrigger
-			data-slot="dropdown-menu-sub-trigger"
-			data-inset={inset}
-			className={cn(
-				"focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground [&_svg:not([class*='text-'])]:text-muted-foreground flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
-				className,
-			)}
-			{...props}
-		>
-			{children}
-			<ChevronRightIcon className="ml-auto size-4" />
-		</DropdownMenuPrimitive.SubTrigger>
-	);
-}
-
-function DropdownMenuSubContent({
-	className,
-	...props
-}: React.ComponentProps<typeof DropdownMenuPrimitive.SubContent>) {
-	return (
-		<DropdownMenuPrimitive.SubContent
-			data-slot="dropdown-menu-sub-content"
-			className={cn(
-				"bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 min-w-[8rem] origin-(--radix-dropdown-menu-content-transform-origin) overflow-hidden rounded-md border p-1 shadow-lg",
-				className,
-			)}
-			{...props}
-		/>
-	);
-}
-
-export {
-	DropdownMenu,
-	DropdownMenuPortal,
-	DropdownMenuTrigger,
-	DropdownMenuContent,
-	DropdownMenuGroup,
-	DropdownMenuLabel,
-	DropdownMenuItem,
-	DropdownMenuCheckboxItem,
-	DropdownMenuRadioGroup,
-	DropdownMenuRadioItem,
-	DropdownMenuSeparator,
-	DropdownMenuShortcut,
-	DropdownMenuSub,
-	DropdownMenuSubTrigger,
-	DropdownMenuSubContent,
-};

app/client/components/ui/hover-card.tsx

@@ -1,42 +0,0 @@
-import * as React from "react"
-import * as HoverCardPrimitive from "@radix-ui/react-hover-card"
-
-import { cn } from "~/client/lib/utils"
-
-function HoverCard({
-  ...props
-}: React.ComponentProps<typeof HoverCardPrimitive.Root>) {
-  return <HoverCardPrimitive.Root data-slot="hover-card" {...props} />
-}
-
-function HoverCardTrigger({
-  ...props
-}: React.ComponentProps<typeof HoverCardPrimitive.Trigger>) {
-  return (
-    <HoverCardPrimitive.Trigger data-slot="hover-card-trigger" {...props} />
-  )
-}
-
-function HoverCardContent({
-  className,
-  align = "center",
-  sideOffset = 4,
-  ...props
-}: React.ComponentProps<typeof HoverCardPrimitive.Content>) {
-  return (
-    <HoverCardPrimitive.Portal data-slot="hover-card-portal">
-      <HoverCardPrimitive.Content
-        data-slot="hover-card-content"
-        align={align}
-        sideOffset={sideOffset}
-        className={cn(
-          "bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-64 origin-(--radix-hover-card-content-transform-origin) rounded-md border p-4 shadow-md outline-hidden",
-          className
-        )}
-        {...props}
-      />
-    </HoverCardPrimitive.Portal>
-  )
-}
-
-export { HoverCard, HoverCardTrigger, HoverCardContent }

app/client/components/ui/input-otp.tsx

@@ -1,61 +0,0 @@
-import * as React from "react";
-import { OTPInput, OTPInputContext } from "input-otp";
-
-import { cn } from "~/client/lib/utils";
-
-function InputOTP({
-	className,
-	containerClassName,
-	...props
-}: React.ComponentProps<typeof OTPInput> & {
-	containerClassName?: string;
-}) {
-	return (
-		<OTPInput
-			data-slot="input-otp"
-			containerClassName={cn("flex items-center gap-2 has-disabled:opacity-50", containerClassName)}
-			className={cn("disabled:cursor-not-allowed", className)}
-			{...props}
-		/>
-	);
-}
-
-function InputOTPGroup({ className, ...props }: React.ComponentProps<"div">) {
-	return <div data-slot="input-otp-group" className={cn("flex items-center", className)} {...props} />;
-}
-
-function InputOTPSlot({
-	index,
-	className,
-	...props
-}: React.ComponentProps<"div"> & {
-	index: number;
-}) {
-	const inputOTPContext = React.useContext(OTPInputContext);
-	const { char, hasFakeCaret, isActive } = inputOTPContext?.slots[index] ?? {};
-
-	return (
-		<div
-			data-slot="input-otp-slot"
-			data-active={isActive}
-			className={cn(
-				"data-[active=true]:border-ring data-[active=true]:ring-ring/50 data-[active=true]:aria-invalid:ring-destructive/20 dark:data-[active=true]:aria-invalid:ring-destructive/40 aria-invalid:border-destructive data-[active=true]:aria-invalid:border-destructive dark:bg-input/30 border-input relative flex h-9 w-9 items-center justify-center border-y border-r text-sm shadow-xs transition-all outline-none first:rounded-l-md first:border-l last:rounded-r-md data-[active=true]:z-10 data-[active=true]:ring-[3px]",
-				className,
-			)}
-			{...props}
-		>
-			{char}
-			{hasFakeCaret && (
-				<div className="pointer-events-none absolute inset-0 flex items-center justify-center">
-					<div className="animate-caret-blink bg-foreground h-4 w-px duration-1000" />
-				</div>
-			)}
-		</div>
-	);
-}
-
-function InputOTPSeparator({ ...props }: React.ComponentProps<"hr">) {
-	return <hr data-slot="input-otp-separator" {...props} />;
-}
-
-export { InputOTP, InputOTPGroup, InputOTPSlot, InputOTPSeparator };

app/client/components/ui/label.tsx

@@ -1,21 +0,0 @@
-"use client";
-
-import type * as React from "react";
-import * as LabelPrimitive from "@radix-ui/react-label";
-
-import { cn } from "~/client/lib/utils";
-
-function Label({ className, ...props }: React.ComponentProps<typeof LabelPrimitive.Root>) {
-	return (
-		<LabelPrimitive.Root
-			data-slot="label"
-			className={cn(
-				"flex items-center gap-2 text-sm leading-none font-medium select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50",
-				className,
-			)}
-			{...props}
-		/>
-	);
-}
-
-export { Label };

app/client/components/ui/progress.tsx

@@ -1,22 +0,0 @@
-import type * as React from "react";
-import * as ProgressPrimitive from "@radix-ui/react-progress";
-
-import { cn } from "~/client/lib/utils";
-
-function Progress({ className, value, ...props }: React.ComponentProps<typeof ProgressPrimitive.Root>) {
-	return (
-		<ProgressPrimitive.Root
-			data-slot="progress"
-			className={cn("bg-primary/20 relative h-2 w-full overflow-hidden rounded-full", className)}
-			{...props}
-		>
-			<ProgressPrimitive.Indicator
-				data-slot="progress-indicator"
-				className="bg-primary h-full w-full flex-1 transition-all"
-				style={{ transform: `translateX(-${100 - (value || 0)}%)` }}
-			/>
-		</ProgressPrimitive.Root>
-	);
-}
-
-export { Progress };

app/client/components/ui/scroll-area.tsx

@@ -1,47 +0,0 @@
-// fallow-ignore-file unused-export
-import type * as React from "react";
-import * as ScrollAreaPrimitive from "@radix-ui/react-scroll-area";
-
-import { cn } from "~/client/lib/utils";
-
-function ScrollArea({ className, children, ...props }: React.ComponentProps<typeof ScrollAreaPrimitive.Root>) {
-	return (
-		<ScrollAreaPrimitive.Root data-slot="scroll-area" className={cn("relative", className)} {...props}>
-			<ScrollAreaPrimitive.Viewport
-				data-slot="scroll-area-viewport"
-				className="focus-visible:ring-ring/50 size-full rounded-[inherit] transition-[color,box-shadow] outline-none focus-visible:ring-[3px] focus-visible:outline-1"
-			>
-				{children}
-			</ScrollAreaPrimitive.Viewport>
-			<ScrollBar />
-			<ScrollAreaPrimitive.Corner />
-		</ScrollAreaPrimitive.Root>
-	);
-}
-
-function ScrollBar({
-	className,
-	orientation = "vertical",
-	...props
-}: React.ComponentProps<typeof ScrollAreaPrimitive.ScrollAreaScrollbar>) {
-	return (
-		<ScrollAreaPrimitive.ScrollAreaScrollbar
-			data-slot="scroll-area-scrollbar"
-			orientation={orientation}
-			className={cn(
-				"flex touch-none p-px transition-colors select-none",
-				orientation === "vertical" && "h-full w-2.5 border-l border-l-transparent",
-				orientation === "horizontal" && "h-2.5 flex-col border-t border-t-transparent",
-				className,
-			)}
-			{...props}
-		>
-			<ScrollAreaPrimitive.ScrollAreaThumb
-				data-slot="scroll-area-thumb"
-				className="bg-border relative flex-1 rounded-full"
-			/>
-		</ScrollAreaPrimitive.ScrollAreaScrollbar>
-	);
-}
-
-export { ScrollArea, ScrollBar };

app/client/components/ui/secret-input.tsx

@@ -1,55 +0,0 @@
-// fallow-ignore-file unused-export
-import { Eye, EyeOff } from "lucide-react";
-import type * as React from "react";
-import { useMemo, useState } from "react";
-
-import { cn } from "~/client/lib/utils";
-import { Button } from "./button";
-import { Input } from "./input";
-
-export const isStoredSecretValue = (value?: string): boolean => {
-	if (typeof value !== "string" || value.length === 0) {
-		return false;
-	}
-
-	return value.startsWith("env://") || value.startsWith("file://") || value.startsWith("encv1:");
-};
-
-type SecretInputProps = Omit<React.ComponentProps<typeof Input>, "type">;
-
-export const SecretInput = ({ className, value, ...props }: SecretInputProps) => {
-	const [revealed, setRevealed] = useState(false);
-
-	const showAsPlaintext = useMemo(() => {
-		if (typeof value !== "string") {
-			return false;
-		}
-
-		return isStoredSecretValue(value);
-	}, [value]);
-
-	const type = useMemo(() => {
-		if (showAsPlaintext) {
-			return "text";
-		}
-		return revealed ? "text" : "password";
-	}, [showAsPlaintext, revealed]);
-
-	return (
-		<div className="relative" data-secret-input>
-			<Input {...props} value={value} type={type} className={cn(!showAsPlaintext && "pr-10", className)} />
-			{!showAsPlaintext && (
-				<Button
-					type="button"
-					variant="ghost"
-					size="icon"
-					className="absolute right-1 top-1/2 size-7 -translate-y-1/2"
-					onClick={() => setRevealed((v) => !v)}
-					aria-label={revealed ? "Hide secret" : "Show secret"}
-				>
-					{revealed ? <EyeOff className="size-4" /> : <Eye className="size-4" />}
-				</Button>
-			)}
-		</div>
-	);
-};

app/client/components/ui/select.tsx

@@ -1,228 +0,0 @@
-// fallow-ignore-file unused-export
-import * as React from "react";
-import * as SelectPrimitive from "@radix-ui/react-select";
-import { CheckIcon, ChevronDownIcon, ChevronUpIcon } from "lucide-react";
-
-import { cn } from "~/client/lib/utils";
-
-const SelectSsrValueContext = React.createContext<{
-	hydrated: boolean;
-	items: Map<string, React.ReactNode>;
-	value: string | undefined;
-} | null>(null);
-
-function collectSelectItems(children: React.ReactNode, items = new Map<string, React.ReactNode>()) {
-	for (const child of React.Children.toArray(children)) {
-		if (!React.isValidElement<{ children?: React.ReactNode; value?: string }>(child)) {
-			continue;
-		}
-
-		if ((child.type === SelectItem || child.type === SelectPrimitive.Item) && typeof child.props.value === "string") {
-			items.set(child.props.value, child.props.children);
-		}
-
-		if (child.props.children) {
-			collectSelectItems(child.props.children, items);
-		}
-	}
-
-	return items;
-}
-
-function Select({ children, value, ...props }: React.ComponentProps<typeof SelectPrimitive.Root>) {
-	const [hydrated, setHydrated] = React.useState(false);
-	const items = collectSelectItems(children);
-
-	React.useEffect(() => {
-		setHydrated(true);
-	}, []);
-
-	return (
-		<SelectSsrValueContext.Provider value={{ hydrated, items, value }}>
-			<SelectPrimitive.Root data-slot="select" value={value} {...props}>
-				{children}
-			</SelectPrimitive.Root>
-		</SelectSsrValueContext.Provider>
-	);
-}
-
-function SelectGroup({ ...props }: React.ComponentProps<typeof SelectPrimitive.Group>) {
-	return <SelectPrimitive.Group data-slot="select-group" {...props} />;
-}
-
-function SelectValue({ children, placeholder, style, ...props }: React.ComponentProps<typeof SelectPrimitive.Value>) {
-	const context = React.useContext(SelectSsrValueContext);
-	const selectedItem =
-		context?.value !== undefined && context.value !== "" ? context.items.get(context.value) : undefined;
-
-	if (!context?.hydrated) {
-		return (
-			<span data-slot="select-value" {...props} style={{ pointerEvents: "none", ...style }}>
-				{children ?? selectedItem ?? placeholder}
-			</span>
-		);
-	}
-
-	return (
-		<SelectPrimitive.Value data-slot="select-value" placeholder={placeholder} style={style} {...props}>
-			{children}
-		</SelectPrimitive.Value>
-	);
-}
-
-function SelectTrigger({
-	className,
-	size = "default",
-	children,
-	...props
-}: React.ComponentPropsWithoutRef<typeof SelectPrimitive.Trigger> & {
-	size?: "sm" | "default";
-}) {
-	const context = React.useContext(SelectSsrValueContext);
-	const hasValue = context?.value !== undefined && context.value !== "";
-	const triggerClassName = cn(
-		"border-input data-placeholder:text-muted-foreground [&_svg:not([class*='text-'])]:text-muted-foreground focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:bg-input/30 dark:hover:bg-input/50 flex w-fit items-center justify-between gap-2 border bg-transparent px-3 py-2 text-sm whitespace-nowrap shadow-xs transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 data-[size=default]:h-9 data-[size=sm]:h-8 *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-2 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 [&+select[aria-hidden=true]]:hidden [&:has(+select[aria-hidden=true]:last-child)]:mb-0",
-		className,
-	);
-
-	if (!context?.hydrated) {
-		return (
-			<div
-				id={props.id}
-				aria-disabled="true"
-				aria-invalid={props["aria-invalid"]}
-				data-placeholder={hasValue ? undefined : ""}
-				data-size={size}
-				data-slot="select-trigger"
-				className={triggerClassName}
-			>
-				{children}
-				<ChevronDownIcon className="size-4 opacity-50" />
-			</div>
-		);
-	}
-
-	return (
-		<SelectPrimitive.Trigger data-slot="select-trigger" data-size={size} className={triggerClassName} {...props}>
-			{children}
-			<SelectPrimitive.Icon asChild>
-				<ChevronDownIcon className="size-4 opacity-50" />
-			</SelectPrimitive.Icon>
-		</SelectPrimitive.Trigger>
-	);
-}
-
-function SelectContent({
-	className,
-	children,
-	position = "popper",
-	...props
-}: React.ComponentProps<typeof SelectPrimitive.Content>) {
-	return (
-		<SelectPrimitive.Portal>
-			<SelectPrimitive.Content
-				data-slot="select-content"
-				className={cn(
-					"bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 relative z-50 max-h-(--radix-select-content-available-height) min-w-[8rem] origin-(--radix-select-content-transform-origin) overflow-x-hidden overflow-y-auto border shadow-md",
-					position === "popper" &&
-						"data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1",
-					className,
-				)}
-				position={position}
-				{...props}
-			>
-				<SelectScrollUpButton />
-				<SelectPrimitive.Viewport
-					className={cn(
-						"p-1",
-						position === "popper" &&
-							"h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)] scroll-my-1",
-					)}
-				>
-					{children}
-				</SelectPrimitive.Viewport>
-				<SelectScrollDownButton />
-			</SelectPrimitive.Content>
-		</SelectPrimitive.Portal>
-	);
-}
-
-function SelectLabel({ className, ...props }: React.ComponentProps<typeof SelectPrimitive.Label>) {
-	return (
-		<SelectPrimitive.Label
-			data-slot="select-label"
-			className={cn("text-muted-foreground px-2 py-1.5 text-xs", className)}
-			{...props}
-		/>
-	);
-}
-
-function SelectItem({ className, children, ...props }: React.ComponentProps<typeof SelectPrimitive.Item>) {
-	return (
-		<SelectPrimitive.Item
-			data-slot="select-item"
-			className={cn(
-				"focus:bg-accent focus:text-accent-foreground [&_svg:not([class*='text-'])]:text-muted-foreground relative flex w-full cursor-default items-center gap-2 rounded-sm py-1.5 pr-8 pl-2 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 *:[span]:last:flex *:[span]:last:items-center *:[span]:last:gap-2",
-				className,
-			)}
-			{...props}
-		>
-			<span className="absolute right-2 flex size-3.5 items-center justify-center">
-				<SelectPrimitive.ItemIndicator>
-					<CheckIcon className="size-4" />
-				</SelectPrimitive.ItemIndicator>
-			</span>
-			<SelectPrimitive.ItemText>{children}</SelectPrimitive.ItemText>
-		</SelectPrimitive.Item>
-	);
-}
-
-function SelectSeparator({ className, ...props }: React.ComponentProps<typeof SelectPrimitive.Separator>) {
-	return (
-		<SelectPrimitive.Separator
-			data-slot="select-separator"
-			className={cn("bg-border pointer-events-none -mx-1 my-1 h-px", className)}
-			{...props}
-		/>
-	);
-}
-
-function SelectScrollUpButton({ className, ...props }: React.ComponentProps<typeof SelectPrimitive.ScrollUpButton>) {
-	return (
-		<SelectPrimitive.ScrollUpButton
-			data-slot="select-scroll-up-button"
-			className={cn("flex cursor-default items-center justify-center py-1", className)}
-			{...props}
-		>
-			<ChevronUpIcon className="size-4" />
-		</SelectPrimitive.ScrollUpButton>
-	);
-}
-
-function SelectScrollDownButton({
-	className,
-	...props
-}: React.ComponentProps<typeof SelectPrimitive.ScrollDownButton>) {
-	return (
-		<SelectPrimitive.ScrollDownButton
-			data-slot="select-scroll-down-button"
-			className={cn("flex cursor-default items-center justify-center py-1", className)}
-			{...props}
-		>
-			<ChevronDownIcon className="size-4" />
-		</SelectPrimitive.ScrollDownButton>
-	);
-}
-
-export {
-	Select,
-	SelectContent,
-	SelectGroup,
-	SelectItem,
-	SelectLabel,
-	SelectScrollDownButton,
-	SelectScrollUpButton,
-	SelectSeparator,
-	SelectTrigger,
-	SelectValue,
-};