Merge pull request #57 from LukeGus/dev-1.01

Dev 1.01
Merge remote-tracking branch 'origin/main' into dev-1.01
2026-07-16 05:13:36 +00:00 · 2025-07-31 22:38:27 -05:00 · 2025-07-31 22:30:51 -05:00 · 2025-07-31 19:13:02 -05:00 · 2025-07-31 18:54:10 -05:00 · 2025-07-31 16:19:18 -05:00
278 changed files with 12624 additions and 141483 deletions
@@ -1,21 +0,0 @@
-{
-  "extends": ["@commitlint/config-conventional"],
-  "rules": {
-    "type-enum": [
-      2,
-      "always",
-      [
-        "feat",
-        "fix",
-        "docs",
-        "style",
-        "refactor",
-        "perf",
-        "test",
-        "chore",
-        "revert"
-      ]
-    ],
-    "subject-case": [0]
-  }
-}
@@ -1,93 +0,0 @@
-node_modules
-npm-debug.log*
-yarn-debug.log*
-yarn-error.log*
-
-dist
-build
-.next
-.nuxt
-
-.env.local
-.env.development.local
-.env.test.local
-.env.production.local
-
-.vscode
-.idea
-*.swp
-*.swo
-*~
-
-.DS_Store
-.DS_Store?
-._*
-.Spotlight-V100
-.Trashes
-ehthumbs.db
-Thumbs.db
-
-.git
-.gitignore
-
-README.md
-README-CN.md
-CONTRIBUTING.md
-LICENSE
-
-repo-images/
-
-uploads/
-
-electron/
-electron-builder.json
-
-*.log
-*.tmp
-*.temp
-
-logs
-*.log
-
-pids
-*.pid
-*.seed
-*.pid.lock
-
-coverage
-
-.nyc_output
-
-jspm_packages/
-
-.npm
-
-.eslintcache
-
-.rpt2_cache/
-.rts2_cache_cjs/
-.rts2_cache_es/
-.rts2_cache_umd/
-
-.node_repl_history
-
-*.tgz
-
-.yarn-integrity
-
-.cache
-.parcel-cache
-
-.next
-
-.nuxt
-
-.vuepress/dist
-
-.serverless
-
-.fusebox/
-
-.dynamodb/
-
-.tern-port
@@ -1,14 +0,0 @@
-root = true
-
-[*]
-charset = utf-8
-end_of_line = lf
-insert_final_newline = true
-trim_trailing_whitespace = true
-
-[*.{js,jsx,ts,tsx,json,css,scss,md,yml,yaml}]
-indent_style = space
-indent_size = 2
-
-[*.md]
-trim_trailing_whitespace = false
@@ -1,31 +0,0 @@
-* text=auto eol=lf
-
-*.js text eol=lf
-*.jsx text eol=lf
-*.ts text eol=lf
-*.tsx text eol=lf
-*.json text eol=lf
-*.css text eol=lf
-*.scss text eol=lf
-*.html text eol=lf
-*.md text eol=lf
-*.yaml text eol=lf
-*.yml text eol=lf
-
-*.sh text eol=lf
-*.bash text eol=lf
-
-*.bat text eol=crlf
-*.cmd text eol=crlf
-*.ps1 text eol=crlf
-
-*.png binary
-*.jpg binary
-*.jpeg binary
-*.gif binary
-*.ico binary
-*.svg binary
-*.woff binary
-*.woff2 binary
-*.ttf binary
-*.eot binary
@@ -1 +1 @@
-github: [LukeGus]
+github: [LukeGus]
@@ -1,8 +0,0 @@
-blank_issues_enabled: false
-contact_links:
-  - name: Support Center
-    url: https://github.com/Termix-SSH/Support/issues
-    about: Report any feature requests or bugs in the support center
-  - name: Discord
-    url: https://discord.gg/jVQGdvHDrf
-    about: Official Termix Discord server for general discussion and quick support
@@ -1,40 +0,0 @@
-version: 2
-updates:
-  - package-ecosystem: "npm"
-    directory: "/"
-    schedule:
-      interval: "daily"
-    groups:
-      dev-patch-updates:
-        dependency-type: "development"
-        update-types:
-          - "patch"
-      dev-minor-updates:
-        dependency-type: "development"
-        update-types:
-          - "minor"
-      prod-patch-updates:
-        dependency-type: "production"
-        update-types:
-          - "patch"
-      prod-minor-updates:
-        dependency-type: "production"
-        update-types:
-          - "minor"
-
-  - package-ecosystem: "docker"
-    directory: "/docker"
-    schedule:
-      interval: "daily"
-    groups:
-      patch-updates:
-        update-types:
-          - "patch"
-      minor-updates:
-        update-types:
-          - "minor"
-
-  - package-ecosystem: "github-actions"
-    directory: "/"
-    schedule:
-      interval: "weekly"
@@ -1,31 +0,0 @@
-# Overview
-
-_Short summary of what this PR does_
-
- [ ] Added: ...
- [ ] Updated: ...
- [ ] Removed: ...
- [ ] Fixed: ...
-
-# Changes Made
-
-_Detailed explanation of changes (if needed)_
-
- ...
-
-# Related Issues
-
-_Link any issues this PR addresses_
-
- Closes #ISSUE_NUMBER
- Related to #ISSUE_NUMBER
-
-# Screenshots / Demos
-
-_(Optional: add before/after screenshots, GIFs, or console output)_
-
-# Checklist
-
- [ ] Code follows project style guidelines
- [ ] Supports mobile and desktop UI/app (if applicable)
- [ ] I have read [Contributing.md](https://github.com/Termix-SSH/Termix/blob/main/CONTRIBUTING.md)
@@ -0,0 +1,116 @@
+name: Build and Push Docker Image
+
+on:
+  push:
+    branches:
+      - development
+    paths-ignore:
+      - '**.md'
+      - '.gitignore'
+  workflow_dispatch:
+    inputs:
+      tag_name:
+        description: "Custom tag name for the Docker image"
+        required: false
+        default: ""
+
+jobs:
+  build:
+    runs-on: [self-hosted, linux]
+    steps:
+      - name: Checkout repository
+        uses: actions/checkout@v4
+        with:
+          fetch-depth: 1
+
+      - name: Set up QEMU
+        uses: docker/setup-qemu-action@v3
+        with:
+          platforms: arm64
+
+      - name: Set up Docker Buildx
+        uses: docker/setup-buildx-action@v3
+        with:
+          platforms: linux/amd64,linux/arm64
+          driver-opts: |
+            image=moby/buildkit:master
+            network=host
+
+      - name: Cache npm dependencies
+        uses: actions/cache@v3
+        with:
+          path: |
+            ~/.npm
+            node_modules
+            */*/node_modules
+          key: ${{ runner.os }}-node-${{ hashFiles('**/package-lock.json') }}
+          restore-keys: |
+            ${{ runner.os }}-node-
+
+      - name: Cache Docker layers
+        uses: actions/cache@v3
+        with:
+          path: /tmp/.buildx-cache
+          key: ${{ runner.os }}-buildx-${{ github.ref_name }}-${{ hashFiles('docker/Dockerfile') }}
+          restore-keys: |
+            ${{ runner.os }}-buildx-${{ github.ref_name }}-
+            ${{ runner.os }}-buildx-
+
+      - name: Login to Docker Registry
+        uses: docker/login-action@v3
+        with:
+          registry: ghcr.io
+          username: ${{ github.actor }}
+          password: ${{ secrets.GITHUB_TOKEN }}
+
+      - name: Determine Docker image tag
+        run: |
+          echo "REPO_OWNER=$(echo ${{ github.repository_owner }} | tr '[:upper:]' '[:lower:]')" >> $GITHUB_ENV
+          if [ "${{ github.event.inputs.tag_name }}" != "" ]; then
+            IMAGE_TAG="${{ github.event.inputs.tag_name }}"
+          elif [ "${{ github.ref }}" == "refs/heads/main" ]; then
+            IMAGE_TAG="latest"
+          elif [ "${{ github.ref }}" == "refs/heads/development" ]; then
+            IMAGE_TAG="development-latest"
+          else
+            IMAGE_TAG="${{ github.ref_name }}-development-latest"
+          fi
+          echo "IMAGE_TAG=$IMAGE_TAG" >> $GITHUB_ENV
+
+      - name: Build and Push Multi-Arch Docker Image
+        uses: docker/build-push-action@v5
+        with:
+          context: .
+          file: ./docker/Dockerfile
+          push: true
+          platforms: linux/amd64,linux/arm64
+          tags: ghcr.io/${{ env.REPO_OWNER }}/termix:${{ env.IMAGE_TAG }}
+          labels: |
+            org.opencontainers.image.source=https://github.com/${{ github.repository }}
+            org.opencontainers.image.revision=${{ github.sha }}
+          cache-from: type=local,src=/tmp/.buildx-cache
+          cache-to: type=local,dest=/tmp/.buildx-cache-new,mode=max
+          build-args: |
+            BUILDKIT_INLINE_CACHE=1
+            BUILDKIT_CONTEXT_KEEP_GIT_DIR=1
+          outputs: type=registry,compression=zstd,compression-level=19
+
+      - name: Move cache
+        run: |
+          rm -rf /tmp/.buildx-cache
+          mv /tmp/.buildx-cache-new /tmp/.buildx-cache
+
+      - name: Delete all untagged image versions
+        if: success()
+        uses: quartx-analytics/ghcr-cleaner@v1
+        with:
+          owner-type: user
+          token: ${{ secrets.GHCR_TOKEN }}
+          repository-owner: ${{ github.repository_owner }}
+          delete-untagged: true
+
+      - name: Cleanup Docker Images Locally
+        if: always()
+        run: |
+          docker image prune -af
+          docker system prune -af --volumes
@@ -1,93 +0,0 @@
-name: Build and Push Docker Image
-
-on:
-  workflow_dispatch:
-    inputs:
-      version:
-        description: "Version to build (e.g., 1.8.0)"
-        required: true
-      build_type:
-        description: "Build type"
-        required: true
-        default: "Development"
-        type: choice
-        options:
-          - Development
-          - Production
-
-jobs:
-  build:
-    runs-on: ubuntu-latest
-    steps:
-      - name: Checkout repository
-        uses: actions/checkout@v5
-        with:
-          fetch-depth: 1
-
-      - name: Set up QEMU
-        uses: docker/setup-qemu-action@v3
-        with:
-          platforms: linux/amd64,linux/arm64,linux/arm/v7
-
-      - name: Setup Docker Buildx
-        uses: docker/setup-buildx-action@v3
-
-      - name: Determine tags
-        id: tags
-        run: |
-          VERSION=${{ github.event.inputs.version }}
-          BUILD_TYPE=${{ github.event.inputs.build_type }}
-
-          TAGS=()
-          ALL_TAGS=()
-
-          if [ "$BUILD_TYPE" = "Production" ]; then
-            TAGS+=("release-$VERSION" "latest")
-            for tag in "${TAGS[@]}"; do
-              ALL_TAGS+=("ghcr.io/lukegus/termix:$tag")
-              ALL_TAGS+=("docker.io/bugattiguy527/termix:$tag")
-            done
-          else
-            TAGS+=("dev-$VERSION")
-            for tag in "${TAGS[@]}"; do
-              ALL_TAGS+=("ghcr.io/lukegus/termix:$tag")
-            done
-          fi
-
-          echo "ALL_TAGS=$(IFS=,; echo "${ALL_TAGS[*]}")" >> $GITHUB_ENV
-
-      - name: Login to GHCR
-        uses: docker/login-action@v3
-        with:
-          registry: ghcr.io
-          username: lukegus
-          password: ${{ secrets.GHCR_TOKEN }}
-
-      - name: Login to Docker Hub (prod only)
-        if: ${{ github.event.inputs.build_type == 'Production' }}
-        uses: docker/login-action@v3
-        with:
-          username: bugattiguy527
-          password: ${{ secrets.DOCKERHUB_TOKEN }}
-
-      - name: Build and push multi-arch image
-        uses: docker/build-push-action@v5
-        with:
-          context: .
-          file: ./docker/Dockerfile
-          push: true
-          platforms: linux/amd64,linux/arm64,linux/arm/v7
-          tags: ${{ env.ALL_TAGS }}
-          build-args: |
-            BUILDKIT_INLINE_CACHE=1
-            BUILDKIT_CONTEXT_KEEP_GIT_DIR=1
-          labels: |
-            org.opencontainers.image.source=https://github.com/${{ github.repository }}
-            org.opencontainers.image.revision=${{ github.sha }}
-          outputs: type=registry,compression=zstd,compression-level=19
-
-      - name: Cleanup Docker
-        if: always()
-        run: |
-          docker image prune -af
-          docker system prune -af --volumes
@@ -1,811 +0,0 @@
-name: Build and Push Electron App
-
-on:
-  workflow_dispatch:
-    inputs:
-      build_type:
-        description: "Platform to build for"
-        required: true
-        default: "all"
-        type: choice
-        options:
-          - all
-          - windows
-          - linux
-          - macos
-      artifact_destination:
-        description: "What to do with the built app"
-        required: true
-        default: "file"
-        type: choice
-        options:
-          - none
-          - file
-          - release
-          - submit
-
-jobs:
-  build-windows:
-    runs-on: windows-latest
-    if: github.event.inputs.build_type == 'all' || github.event.inputs.build_type == 'windows' || github.event.inputs.build_type == ''
-    permissions:
-      contents: write
-
-    steps:
-      - name: Checkout repository
-        uses: actions/checkout@v5
-        with:
-          fetch-depth: 1
-
-      - name: Setup Node.js
-        uses: actions/setup-node@v4
-        with:
-          node-version: "20"
-          cache: "npm"
-
-      - name: Install dependencies
-        run: |
-          $maxAttempts = 3
-          $attempt = 1
-          while ($attempt -le $maxAttempts) {
-            try {
-              npm ci
-              break
-            } catch {
-              if ($attempt -eq $maxAttempts) {
-                Write-Error "npm ci failed after $maxAttempts attempts"
-                exit 1
-              }
-              Start-Sleep -Seconds 10
-              $attempt++
-            }
-          }
-
-      - name: Get version
-        id: package-version
-        run: |
-          $VERSION = (Get-Content package.json | ConvertFrom-Json).version
-          echo "version=$VERSION" >> $env:GITHUB_OUTPUT
-
-      - name: Build Windows (All Architectures)
-        env:
-          GH_TOKEN: ${{ secrets.GITHUB_TOKEN }}
-        run: npm run build && npx electron-builder --win --x64 --ia32
-
-      - name: List release files
-        run: |
-          dir release
-
-      - name: Upload Windows x64 NSIS Installer
-        uses: actions/upload-artifact@v4
-        if: hashFiles('release/termix_windows_x64_nsis.exe') != '' && github.event.inputs.artifact_destination != 'none'
-        with:
-          name: termix_windows_x64_nsis
-          path: release/termix_windows_x64_nsis.exe
-          retention-days: 30
-
-      - name: Upload Windows ia32 NSIS Installer
-        uses: actions/upload-artifact@v4
-        if: hashFiles('release/termix_windows_ia32_nsis.exe') != '' && github.event.inputs.artifact_destination != 'none'
-        with:
-          name: termix_windows_ia32_nsis
-          path: release/termix_windows_ia32_nsis.exe
-          retention-days: 30
-
-      - name: Upload Windows x64 MSI Installer
-        uses: actions/upload-artifact@v4
-        if: hashFiles('release/termix_windows_x64_msi.msi') != '' && github.event.inputs.artifact_destination != 'none'
-        with:
-          name: termix_windows_x64_msi
-          path: release/termix_windows_x64_msi.msi
-          retention-days: 30
-
-      - name: Upload Windows ia32 MSI Installer
-        uses: actions/upload-artifact@v4
-        if: hashFiles('release/termix_windows_ia32_msi.msi') != '' && github.event.inputs.artifact_destination != 'none'
-        with:
-          name: termix_windows_ia32_msi
-          path: release/termix_windows_ia32_msi.msi
-          retention-days: 30
-
-      - name: Create Windows x64 Portable zip
-        if: hashFiles('release/win-unpacked/*') != ''
-        run: |
-          Compress-Archive -Path "release\win-unpacked\*" -DestinationPath "termix_windows_x64_portable.zip"
-
-      - name: Create Windows ia32 Portable zip
-        if: hashFiles('release/win-ia32-unpacked/*') != ''
-        run: |
-          Compress-Archive -Path "release\win-ia32-unpacked\*" -DestinationPath "termix_windows_ia32_portable.zip"
-
-      - name: Upload Windows x64 Portable
-        uses: actions/upload-artifact@v4
-        if: hashFiles('termix_windows_x64_portable.zip') != '' && github.event.inputs.artifact_destination != 'none'
-        with:
-          name: termix_windows_x64_portable
-          path: termix_windows_x64_portable.zip
-          retention-days: 30
-
-      - name: Upload Windows ia32 Portable
-        uses: actions/upload-artifact@v4
-        if: hashFiles('termix_windows_ia32_portable.zip') != '' && github.event.inputs.artifact_destination != 'none'
-        with:
-          name: termix_windows_ia32_portable
-          path: termix_windows_ia32_portable.zip
-          retention-days: 30
-
-  build-linux:
-    runs-on: blacksmith-4vcpu-ubuntu-2404
-    if: github.event.inputs.build_type == 'all' || github.event.inputs.build_type == 'linux' || github.event.inputs.build_type == ''
-    permissions:
-      contents: write
-
-    steps:
-      - name: Checkout repository
-        uses: actions/checkout@v5
-        with:
-          fetch-depth: 1
-
-      - name: Setup Node.js
-        uses: actions/setup-node@v4
-        with:
-          node-version: "20"
-          cache: "npm"
-
-      - name: Install system dependencies for AppImage
-        run: |
-          sudo apt-get update
-          sudo apt-get install -y libfuse2
-
-      - name: Install dependencies
-        run: |
-          for i in 1 2 3;
-          do
-            if npm ci; then
-              break
-            else
-              if [ $i -eq 3 ]; then
-                exit 1
-              fi
-              sleep 10
-            fi
-          done
-          npm install --force @rollup/rollup-linux-x64-gnu
-          npm install --force @rollup/rollup-linux-arm64-gnu
-          npm install --force @rollup/rollup-linux-arm-gnueabihf
-
-      - name: Build Linux x64
-        env:
-          GH_TOKEN: ${{ secrets.GITHUB_TOKEN }}
-          DEBUG: electron-builder
-        run: npm run build && npx electron-builder --linux --x64
-
-      - name: Build Linux arm64 and armv7l
-        env:
-          GH_TOKEN: ${{ secrets.GITHUB_TOKEN }}
-        run: npx electron-builder --linux --arm64 --armv7l
-
-      - name: Rename Linux artifacts for consistency
-        run: |
-          cd release
-
-          if [ -f "termix_linux_amd64_deb.deb" ]; then
-            mv "termix_linux_amd64_deb.deb" "termix_linux_x64_deb.deb"
-          fi
-
-          if [ -f "termix_linux_x86_64_appimage.AppImage" ]; then
-            mv "termix_linux_x86_64_appimage.AppImage" "termix_linux_x64_appimage.AppImage"
-          fi
-
-          cd ..
-
-      - name: List release files
-        run: |
-          ls -la release/
-
-      - name: Debug electron-builder output
-        if: always()
-        run: |
-          if [ -f "release/builder-debug.yml" ]; then
-            cat release/builder-debug.yml
-          fi
-
-      - name: Upload Linux x64 AppImage
-        uses: actions/upload-artifact@v4
-        if: hashFiles('release/termix_linux_x64_appimage.AppImage') != '' && github.event.inputs.artifact_destination != 'none'
-        with:
-          name: termix_linux_x64_appimage
-          path: release/termix_linux_x64_appimage.AppImage
-          retention-days: 30
-
-      - name: Upload Linux arm64 AppImage
-        uses: actions/upload-artifact@v4
-        if: hashFiles('release/termix_linux_arm64_appimage.AppImage') != '' && github.event.inputs.artifact_destination != 'none'
-        with:
-          name: termix_linux_arm64_appimage
-          path: release/termix_linux_arm64_appimage.AppImage
-          retention-days: 30
-
-      - name: Upload Linux armv7l AppImage
-        uses: actions/upload-artifact@v4
-        if: hashFiles('release/termix_linux_armv7l_appimage.AppImage') != '' && github.event.inputs.artifact_destination != 'none'
-        with:
-          name: termix_linux_armv7l_appimage
-          path: release/termix_linux_armv7l_appimage.AppImage
-          retention-days: 30
-
-      - name: Upload Linux x64 DEB
-        uses: actions/upload-artifact@v4
-        if: hashFiles('release/termix_linux_x64_deb.deb') != '' && github.event.inputs.artifact_destination != 'none'
-        with:
-          name: termix_linux_x64_deb
-          path: release/termix_linux_x64_deb.deb
-          retention-days: 30
-
-      - name: Upload Linux arm64 DEB
-        uses: actions/upload-artifact@v4
-        if: hashFiles('release/termix_linux_arm64_deb.deb') != '' && github.event.inputs.artifact_destination != 'none'
-        with:
-          name: termix_linux_arm64_deb
-          path: release/termix_linux_arm64_deb.deb
-          retention-days: 30
-
-      - name: Upload Linux armv7l DEB
-        uses: actions/upload-artifact@v4
-        if: hashFiles('release/termix_linux_armv7l_deb.deb') != '' && github.event.inputs.artifact_destination != 'none'
-        with:
-          name: termix_linux_armv7l_deb
-          path: release/termix_linux_armv7l_deb.deb
-          retention-days: 30
-
-      - name: Upload Linux x64 tar.gz
-        uses: actions/upload-artifact@v4
-        if: hashFiles('release/termix_linux_x64_portable.tar.gz') != '' && github.event.inputs.artifact_destination != 'none'
-        with:
-          name: termix_linux_x64_portable
-          path: release/termix_linux_x64_portable.tar.gz
-          retention-days: 30
-
-      - name: Upload Linux arm64 tar.gz
-        uses: actions/upload-artifact@v4
-        if: hashFiles('release/termix_linux_arm64_portable.tar.gz') != '' && github.event.inputs.artifact_destination != 'none'
-        with:
-          name: termix_linux_arm64_portable
-          path: release/termix_linux_arm64_portable.tar.gz
-          retention-days: 30
-
-      - name: Upload Linux armv7l tar.gz
-        uses: actions/upload-artifact@v4
-        if: hashFiles('release/termix_linux_armv7l_portable.tar.gz') != '' && github.event.inputs.artifact_destination != 'none'
-        with:
-          name: termix_linux_armv7l_portable
-          path: release/termix_linux_armv7l_portable.tar.gz
-          retention-days: 30
-
-  build-macos:
-    runs-on: macos-latest
-    if: github.event.inputs.build_type == 'macos' || github.event.inputs.build_type == 'all'
-    needs: []
-    permissions:
-      contents: write
-
-    steps:
-      - name: Checkout repository
-        uses: actions/checkout@v5
-        with:
-          fetch-depth: 1
-
-      - name: Setup Node.js
-        uses: actions/setup-node@v4
-        with:
-          node-version: "20"
-          cache: "npm"
-
-      - name: Install dependencies
-        run: |
-          for i in 1 2 3;
-          do
-            if npm ci; then
-              break
-            else
-              if [ $i -eq 3 ]; then
-                exit 1
-              fi
-              sleep 10
-            fi
-          done
-          npm install --force @rollup/rollup-darwin-arm64
-          npm install dmg-license
-
-      - name: Check for Code Signing Certificates
-        id: check_certs
-        run: |
-          if [ -n "${{ secrets.MAC_BUILD_CERTIFICATE_BASE64 }}" ] && [ -n "${{ secrets.MAC_P12_PASSWORD }}" ]; then
-            echo "has_certs=true" >> $GITHUB_OUTPUT
-          fi
-
-      - name: Import Code Signing Certificates
-        if: steps.check_certs.outputs.has_certs == 'true'
-        env:
-          MAC_BUILD_CERTIFICATE_BASE64: ${{ secrets.MAC_BUILD_CERTIFICATE_BASE64 }}
-          MAC_INSTALLER_CERTIFICATE_BASE64: ${{ secrets.MAC_INSTALLER_CERTIFICATE_BASE64 }}
-          MAC_P12_PASSWORD: ${{ secrets.MAC_P12_PASSWORD }}
-          MAC_KEYCHAIN_PASSWORD: ${{ secrets.MAC_KEYCHAIN_PASSWORD }}
-        run: |
-          APP_CERT_PATH=$RUNNER_TEMP/app_certificate.p12
-          INSTALLER_CERT_PATH=$RUNNER_TEMP/installer_certificate.p12
-          KEYCHAIN_PATH=$RUNNER_TEMP/app-signing.keychain-db
-
-          echo -n "$MAC_BUILD_CERTIFICATE_BASE64" | base64 --decode -o $APP_CERT_PATH
-
-          if [ -n "$MAC_INSTALLER_CERTIFICATE_BASE64" ]; then
-            echo -n "$MAC_INSTALLER_CERTIFICATE_BASE64" | base64 --decode -o $INSTALLER_CERT_PATH
-          fi
-
-          security create-keychain -p "$MAC_KEYCHAIN_PASSWORD" $KEYCHAIN_PATH
-          security set-keychain-settings -lut 21600 $KEYCHAIN_PATH
-          security unlock-keychain -p "$MAC_KEYCHAIN_PASSWORD" $KEYCHAIN_PATH
-
-          security import $APP_CERT_PATH -P "$MAC_P12_PASSWORD" -A -t cert -f pkcs12 -k $KEYCHAIN_PATH
-
-          if [ -f "$INSTALLER_CERT_PATH" ]; then
-            security import $INSTALLER_CERT_PATH -P "$MAC_P12_PASSWORD" -A -t cert -f pkcs12 -k $KEYCHAIN_PATH
-          fi
-
-          security list-keychain -d user -s $KEYCHAIN_PATH
-
-          security find-identity -v -p codesigning $KEYCHAIN_PATH
-
-      - name: Build macOS App Store Package
-        if: steps.check_certs.outputs.has_certs == 'true'
-        env:
-          ELECTRON_BUILDER_ALLOW_UNRESOLVED_DEPENDENCIES: true
-          GH_TOKEN: ${{ secrets.GITHUB_TOKEN }}
-        run: |
-          CURRENT_VERSION=$(node -p "require('./package.json').version")
-          BUILD_VERSION="${{ github.run_number }}"
-
-          npm run build && npx electron-builder --mac mas --universal --config.buildVersion="$BUILD_VERSION"
-
-      - name: Clean up MAS keychain before DMG build
-        if: steps.check_certs.outputs.has_certs == 'true'
-        run: |
-          security delete-keychain $RUNNER_TEMP/app-signing.keychain-db || true
-
-      - name: Check for Developer ID Certificates
-        id: check_dev_id_certs
-        run: |
-          if [ -n "${{ secrets.DEVELOPER_ID_CERTIFICATE_BASE64 }}" ] && [ -n "${{ secrets.DEVELOPER_ID_P12_PASSWORD }}" ]; then
-            echo "has_dev_id_certs=true" >> $GITHUB_OUTPUT
-          fi
-
-      - name: Import Developer ID Certificates
-        if: steps.check_dev_id_certs.outputs.has_dev_id_certs == 'true'
-        env:
-          DEVELOPER_ID_CERTIFICATE_BASE64: ${{ secrets.DEVELOPER_ID_CERTIFICATE_BASE64 }}
-          DEVELOPER_ID_INSTALLER_CERTIFICATE_BASE64: ${{ secrets.DEVELOPER_ID_INSTALLER_CERTIFICATE_BASE64 }}
-          DEVELOPER_ID_P12_PASSWORD: ${{ secrets.DEVELOPER_ID_P12_PASSWORD }}
-          MAC_KEYCHAIN_PASSWORD: ${{ secrets.MAC_KEYCHAIN_PASSWORD }}
-        run: |
-          DEV_CERT_PATH=$RUNNER_TEMP/dev_certificate.p12
-          DEV_INSTALLER_CERT_PATH=$RUNNER_TEMP/dev_installer_certificate.p12
-          KEYCHAIN_PATH=$RUNNER_TEMP/dev-signing.keychain-db
-
-          echo -n "$DEVELOPER_ID_CERTIFICATE_BASE64" | base64 --decode -o $DEV_CERT_PATH
-
-          if [ -n "$DEVELOPER_ID_INSTALLER_CERTIFICATE_BASE64" ]; then
-            echo -n "$DEVELOPER_ID_INSTALLER_CERTIFICATE_BASE64" | base64 --decode -o $DEV_INSTALLER_CERT_PATH
-          fi
-
-          security create-keychain -p "$MAC_KEYCHAIN_PASSWORD" $KEYCHAIN_PATH
-          security set-keychain-settings -lut 21600 $KEYCHAIN_PATH
-          security unlock-keychain -p "$MAC_KEYCHAIN_PASSWORD" $KEYCHAIN_PATH
-
-          security import $DEV_CERT_PATH -P "$DEVELOPER_ID_P12_PASSWORD" -A -t cert -f pkcs12 -k $KEYCHAIN_PATH
-
-          if [ -f "$DEV_INSTALLER_CERT_PATH" ]; then
-            security import $DEV_INSTALLER_CERT_PATH -P "$DEVELOPER_ID_P12_PASSWORD" -A -t cert -f pkcs12 -k $KEYCHAIN_PATH
-          fi
-
-          security list-keychain -d user -s $KEYCHAIN_PATH
-
-          security find-identity -v -p codesigning $KEYCHAIN_PATH
-
-      - name: Build macOS DMG
-        env:
-          ELECTRON_BUILDER_ALLOW_UNRESOLVED_DEPENDENCIES: true
-          APPLE_ID: ${{ secrets.APPLE_ID }}
-          APPLE_ID_PASSWORD: ${{ secrets.APPLE_ID_PASSWORD }}
-          APPLE_APP_SPECIFIC_PASSWORD: ${{ secrets.APPLE_ID_PASSWORD }}
-          APPLE_TEAM_ID: ${{ secrets.APPLE_TEAM_ID }}
-        run: |
-          if [ "${{ steps.check_certs.outputs.has_certs }}" != "true" ]; then
-            npm run build
-          fi
-          export GH_TOKEN="${{ secrets.GITHUB_TOKEN }}"
-          npx electron-builder --mac dmg --universal --x64 --arm64 --publish never
-
-      - name: List release directory
-        if: steps.check_certs.outputs.has_certs == 'true'
-        run: |
-          ls -R release/ || echo "Release directory not found"
-
-      - name: Upload macOS MAS PKG
-        if: steps.check_certs.outputs.has_certs == 'true' && hashFiles('release/termix_macos_universal_mas.pkg') != '' && (github.event.inputs.artifact_destination == 'file' || github.event.inputs.artifact_destination == 'release' || github.event.inputs.artifact_destination == 'submit')
-        uses: actions/upload-artifact@v4
-        with:
-          name: termix_macos_universal_mas
-          path: release/termix_macos_universal_mas.pkg
-          retention-days: 30
-          if-no-files-found: warn
-
-      - name: Upload macOS Universal DMG
-        uses: actions/upload-artifact@v4
-        if: hashFiles('release/termix_macos_universal_dmg.dmg') != '' && github.event.inputs.artifact_destination != 'none'
-        with:
-          name: termix_macos_universal_dmg
-          path: release/termix_macos_universal_dmg.dmg
-          retention-days: 30
-
-      - name: Upload macOS x64 DMG
-        uses: actions/upload-artifact@v4
-        if: hashFiles('release/termix_macos_x64_dmg.dmg') != '' && github.event.inputs.artifact_destination != 'none'
-        with:
-          name: termix_macos_x64_dmg
-          path: release/termix_macos_x64_dmg.dmg
-          retention-days: 30
-
-      - name: Upload macOS arm64 DMG
-        uses: actions/upload-artifact@v4
-        if: hashFiles('release/termix_macos_arm64_dmg.dmg') != '' && github.event.inputs.artifact_destination != 'none'
-        with:
-          name: termix_macos_arm64_dmg
-          path: release/termix_macos_arm64_dmg.dmg
-          retention-days: 30
-
-      - name: Check for App Store Connect API credentials
-        if: steps.check_certs.outputs.has_certs == 'true'
-        id: check_asc_creds
-        run: |
-          if [ -n "${{ secrets.APPLE_KEY_ID }}" ] && [ -n "${{ secrets.APPLE_ISSUER_ID }}" ] && [ -n "${{ secrets.APPLE_KEY_CONTENT }}" ]; then
-            echo "has_credentials=true" >> $GITHUB_OUTPUT
-          fi
-
-      - name: Setup Ruby for Fastlane
-        if: steps.check_asc_creds.outputs.has_credentials == 'true' && github.event.inputs.artifact_destination == 'submit'
-        uses: ruby/setup-ruby@v1
-        with:
-          ruby-version: "3.2"
-          bundler-cache: false
-
-      - name: Install Fastlane
-        if: steps.check_asc_creds.outputs.has_credentials == 'true' && github.event.inputs.artifact_destination == 'submit'
-        run: |
-          gem install fastlane -N
-
-      - name: Deploy to App Store Connect (TestFlight)
-        if: steps.check_asc_creds.outputs.has_credentials == 'true' && github.event.inputs.artifact_destination == 'submit'
-        run: |
-          PKG_FILE=$(find release -name "*.pkg" -type f | head -n 1)
-          if [ -z "$PKG_FILE" ]; then
-            exit 1
-          fi
-
-          mkdir -p ~/private_keys
-          echo "${{ secrets.APPLE_KEY_CONTENT }}" | base64 --decode > ~/private_keys/AuthKey_${{ secrets.APPLE_KEY_ID }}.p8
-
-          xcrun altool --upload-app -f "$PKG_FILE" \
-            --type macos \
-            --apiKey "${{ secrets.APPLE_KEY_ID }}" \
-            --apiIssuer "${{ secrets.APPLE_ISSUER_ID }}"
-        continue-on-error: true
-
-      - name: Clean up keychains
-        if: always()
-        run: |
-          security delete-keychain $RUNNER_TEMP/app-signing.keychain-db || true
-          security delete-keychain $RUNNER_TEMP/dev-signing.keychain-db || true
-
-  submit-to-chocolatey:
-    runs-on: windows-latest
-    if: github.event.inputs.artifact_destination == 'submit'
-    needs: [build-windows]
-    permissions:
-      contents: read
-
-    steps:
-      - name: Checkout repository
-        uses: actions/checkout@v5
-        with:
-          fetch-depth: 1
-
-      - name: Get version from package.json
-        id: package-version
-        run: |
-          $VERSION = (Get-Content package.json | ConvertFrom-Json).version
-          echo "version=$VERSION" >> $env:GITHUB_OUTPUT
-
-      - name: Download Windows x64 MSI artifact
-        uses: actions/download-artifact@v4
-        with:
-          name: termix_windows_x64_msi
-          path: artifact
-
-      - name: Get MSI file info
-        id: msi-info
-        run: |
-          $VERSION = "${{ steps.package-version.outputs.version }}"
-          $MSI_FILE = Get-ChildItem -Path artifact -Filter "*.msi" | Select-Object -First 1
-          $MSI_NAME = $MSI_FILE.Name
-          $CHECKSUM = (Get-FileHash -Path $MSI_FILE.FullName -Algorithm SHA256).Hash
-
-          echo "msi_name=$MSI_NAME" >> $env:GITHUB_OUTPUT
-          echo "checksum=$CHECKSUM" >> $env:GITHUB_OUTPUT
-
-      - name: Prepare Chocolatey package
-        run: |
-          $VERSION = "${{ steps.package-version.outputs.version }}"
-          $CHECKSUM = "${{ steps.msi-info.outputs.checksum }}"
-          $MSI_NAME = "${{ steps.msi-info.outputs.msi_name }}"
-
-          $DOWNLOAD_URL = "https://github.com/Termix-SSH/Termix/releases/download/release-$VERSION-tag/$MSI_NAME"
-
-          New-Item -ItemType Directory -Force -Path "choco-build"
-          Copy-Item -Path "chocolatey\*" -Destination "choco-build" -Recurse -Force
-
-          $installScript = Get-Content "choco-build\tools\chocolateyinstall.ps1" -Raw -Encoding UTF8
-          $installScript = $installScript -replace 'DOWNLOAD_URL_PLACEHOLDER', $DOWNLOAD_URL
-          $installScript = $installScript -replace 'CHECKSUM_PLACEHOLDER', $CHECKSUM
-          [System.IO.File]::WriteAllText("$PWD\choco-build\tools\chocolateyinstall.ps1", $installScript, [System.Text.UTF8Encoding]::new($false))
-
-          $nuspec = Get-Content "choco-build\termix-ssh.nuspec" -Raw -Encoding UTF8
-          $nuspec = $nuspec -replace 'VERSION_PLACEHOLDER', $VERSION
-          [System.IO.File]::WriteAllText("$PWD\choco-build\termix-ssh.nuspec", $nuspec, [System.Text.UTF8Encoding]::new($false))
-
-      - name: Install Chocolatey
-        run: |
-          Set-ExecutionPolicy Bypass -Scope Process -Force
-          [System.Net.ServicePointManager]::SecurityProtocol = [System.Net.ServicePointManager]::SecurityProtocol -bor 3072
-          iex ((New-Object System.Net.WebClient).DownloadString('https://community.chocolatey.org/install.ps1'))
-
-      - name: Pack Chocolatey package
-        run: |
-          cd choco-build
-          choco pack termix-ssh.nuspec
-
-          if ($LASTEXITCODE -ne 0) {
-            throw "Chocolatey push failed with exit code $LASTEXITCODE"
-          }
-
-      - name: Check for Chocolatey API Key
-        id: check_choco_key
-        run: |
-          if ("${{ secrets.CHOCOLATEY_API_KEY }}" -ne "") {
-            echo "has_key=true" >> $env:GITHUB_OUTPUT
-          }
-
-      - name: Push to Chocolatey
-        if: steps.check_choco_key.outputs.has_key == 'true'
-        run: |
-          $VERSION = "${{ steps.package-version.outputs.version }}"
-          cd choco-build
-          choco apikey --key "${{ secrets.CHOCOLATEY_API_KEY }}" --source https://push.chocolatey.org/
-
-          try {
-            choco push "termix-ssh.$VERSION.nupkg" --source https://push.chocolatey.org/
-            if ($LASTEXITCODE -eq 0) {
-            } else {
-              throw "Chocolatey push failed with exit code $LASTEXITCODE"
-            }
-          } catch {
-          }
-
-      - name: Upload Chocolatey package as artifact
-        uses: actions/upload-artifact@v4
-        with:
-          name: chocolatey-package
-          path: choco-build/*.nupkg
-          retention-days: 30
-
-  submit-to-flatpak:
-    runs-on: ubuntu-latest
-    if: github.event.inputs.artifact_destination == 'submit'
-    needs: [build-linux]
-    permissions:
-      contents: read
-
-    steps:
-      - name: Checkout repository
-        uses: actions/checkout@v5
-        with:
-          fetch-depth: 1
-
-      - name: Get version from package.json
-        id: package-version
-        run: |
-          VERSION=$(node -p "require('./package.json').version")
-          RELEASE_DATE=$(date +%Y-%m-%d)
-          echo "version=$VERSION" >> $GITHUB_OUTPUT
-          echo "release_date=$RELEASE_DATE" >> $GITHUB_OUTPUT
-
-      - name: Download Linux x64 AppImage artifact
-        uses: actions/download-artifact@v4
-        with:
-          name: termix_linux_x64_appimage
-          path: artifact-x64
-
-      - name: Download Linux arm64 AppImage artifact
-        uses: actions/download-artifact@v4
-        with:
-          name: termix_linux_arm64_appimage
-          path: artifact-arm64
-
-      - name: Get AppImage file info
-        id: appimage-info
-        run: |
-          VERSION="${{ steps.package-version.outputs.version }}"
-
-          APPIMAGE_X64_FILE=$(find artifact-x64 -name "*.AppImage" -type f | head -n 1)
-          APPIMAGE_X64_NAME=$(basename "$APPIMAGE_X64_FILE")
-          CHECKSUM_X64=$(sha256sum "$APPIMAGE_X64_FILE" | awk '{print $1}')
-
-          APPIMAGE_ARM64_FILE=$(find artifact-arm64 -name "*.AppImage" -type f | head -n 1)
-          APPIMAGE_ARM64_NAME=$(basename "$APPIMAGE_ARM64_FILE")
-          CHECKSUM_ARM64=$(sha256sum "$APPIMAGE_ARM64_FILE" | awk '{print $1}')
-
-          echo "appimage_x64_name=$APPIMAGE_X64_NAME" >> $GITHUB_OUTPUT
-          echo "checksum_x64=$CHECKSUM_X64" >> $GITHUB_OUTPUT
-          echo "appimage_arm64_name=$APPIMAGE_ARM64_NAME" >> $GITHUB_OUTPUT
-          echo "checksum_arm64=$CHECKSUM_ARM64" >> $GITHUB_OUTPUT
-
-      - name: Install ImageMagick for icon generation
-        run: |
-          sudo apt-get update
-          sudo apt-get install -y imagemagick
-
-      - name: Prepare Flatpak submission files
-        run: |
-          VERSION="${{ steps.package-version.outputs.version }}"
-          CHECKSUM_X64="${{ steps.appimage-info.outputs.checksum_x64 }}"
-          CHECKSUM_ARM64="${{ steps.appimage-info.outputs.checksum_arm64 }}"
-          RELEASE_DATE="${{ steps.package-version.outputs.release_date }}"
-          APPIMAGE_X64_NAME="${{ steps.appimage-info.outputs.appimage_x64_name }}"
-          APPIMAGE_ARM64_NAME="${{ steps.appimage-info.outputs.appimage_arm64_name }}"
-
-          mkdir -p flatpak-submission
-
-          cp flatpak/com.karmaa.termix.yml flatpak-submission/
-          cp flatpak/com.karmaa.termix.desktop flatpak-submission/
-          cp flatpak/com.karmaa.termix.metainfo.xml flatpak-submission/
-          cp flatpak/flathub.json flatpak-submission/
-
-          cp public/icon.svg flatpak-submission/com.karmaa.termix.svg
-          convert public/icon.png -resize 256x256 flatpak-submission/icon-256.png
-          convert public/icon.png -resize 128x128 flatpak-submission/icon-128.png
-
-          sed -i "s/VERSION_PLACEHOLDER/$VERSION/g" flatpak-submission/com.karmaa.termix.yml
-          sed -i "s/CHECKSUM_X64_PLACEHOLDER/$CHECKSUM_X64/g" flatpak-submission/com.karmaa.termix.yml
-          sed -i "s/CHECKSUM_ARM64_PLACEHOLDER/$CHECKSUM_ARM64/g" flatpak-submission/com.karmaa.termix.yml
-
-          sed -i "s/VERSION_PLACEHOLDER/$VERSION/g" flatpak-submission/com.karmaa.termix.metainfo.xml
-          sed -i "s/DATE_PLACEHOLDER/$RELEASE_DATE/g" flatpak-submission/com.karmaa.termix.metainfo.xml
-
-      - name: List submission files
-        run: |
-          ls -la flatpak-submission/
-
-      - name: Upload Flatpak submission as artifact
-        uses: actions/upload-artifact@v4
-        with:
-          name: flatpak-submission
-          path: flatpak-submission/*
-          retention-days: 30
-
-  submit-to-homebrew:
-    runs-on: macos-latest
-    if: github.event.inputs.artifact_destination == 'submit'
-    needs: [build-macos]
-    permissions:
-      contents: read
-
-    steps:
-      - name: Checkout repository
-        uses: actions/checkout@v5
-        with:
-          fetch-depth: 1
-
-      - name: Get version from package.json
-        id: package-version
-        run: |
-          VERSION=$(node -p "require('./package.json').version")
-          echo "version=$VERSION" >> $GITHUB_OUTPUT
-
-      - name: Download macOS Universal DMG artifact
-        uses: actions/download-artifact@v4
-        with:
-          name: termix_macos_universal_dmg
-          path: artifact
-
-      - name: Get DMG file info
-        id: dmg-info
-        run: |
-          VERSION="${{ steps.package-version.outputs.version }}"
-          DMG_FILE=$(find artifact -name "*.dmg" -type f | head -n 1)
-          DMG_NAME=$(basename "$DMG_FILE")
-          CHECKSUM=$(shasum -a 256 "$DMG_FILE" | awk '{print $1}')
-
-          echo "dmg_name=$DMG_NAME" >> $GITHUB_OUTPUT
-          echo "checksum=$CHECKSUM" >> $GITHUB_OUTPUT
-
-      - name: Prepare Homebrew submission files
-        run: |
-          VERSION="${{ steps.package-version.outputs.version }}"
-          CHECKSUM="${{ steps.dmg-info.outputs.checksum }}"
-          DMG_NAME="${{ steps.dmg-info.outputs.dmg_name }}"
-
-          mkdir -p homebrew-submission/Casks/t
-
-          cp homebrew/termix.rb homebrew-submission/Casks/t/termix.rb
-          cp homebrew/README.md homebrew-submission/
-
-          sed -i '' "s/VERSION_PLACEHOLDER/$VERSION/g" homebrew-submission/Casks/t/termix.rb
-          sed -i '' "s/CHECKSUM_PLACEHOLDER/$CHECKSUM/g" homebrew-submission/Casks/t/termix.rb
-
-      - name: Verify Cask syntax
-        run: |
-          if ! command -v brew &> /dev/null; then
-            /bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/HEAD/install.sh)"
-          fi
-
-          ruby -c homebrew-submission/Casks/t/termix.rb
-
-      - name: List submission files
-        run: |
-          find homebrew-submission -type f
-
-      - name: Upload Homebrew submission as artifact
-        uses: actions/upload-artifact@v4
-        with:
-          name: homebrew-submission
-          path: homebrew-submission/*
-          retention-days: 30
-
-  upload-to-release:
-    runs-on: blacksmith-4vcpu-ubuntu-2404
-    if: github.event.inputs.artifact_destination == 'release'
-    needs: [build-windows, build-linux, build-macos]
-    permissions:
-      contents: write
-
-    steps:
-      - name: Download all artifacts
-        uses: actions/download-artifact@v4
-        with:
-          path: artifacts
-
-      - name: Get latest release tag
-        id: get_release
-        run: |
-          echo "RELEASE_TAG=$(gh release list --repo ${{ github.repository }} --limit 1 --json tagName -q '.[0].tagName')" >> $GITHUB_ENV
-        env:
-          GH_TOKEN: ${{ github.token }}
-
-      - name: Display artifact structure
-        run: |
-          ls -R artifacts/
-
-      - name: Upload artifacts to latest release
-        run: |
-          cd artifacts
-          for dir in */; do
-            cd "$dir"
-            for file in *;
-            do
-              if [ -f "$file" ]; then
-                gh release upload "$RELEASE_TAG" "$file" --repo ${{ github.repository }} --clobber
-              fi
-            done
-            cd ..
-          done
-        env:
-          GH_TOKEN: ${{ github.token }}
@@ -1,35 +0,0 @@
-name: PR Check
-
-on:
-  pull_request:
-    branches: [main, dev-*]
-
-jobs:
-  lint-and-build:
-    runs-on: ubuntu-latest
-
-    steps:
-      - name: Checkout code
-        uses: actions/checkout@v4
-
-      - name: Setup Node.js
-        uses: actions/setup-node@v4
-        with:
-          node-version: "20"
-
-      - name: Install dependencies
-        run: |
-          rm -rf node_modules package-lock.json
-          npm install
-
-      - name: Run ESLint
-        run: npx eslint .
-
-      - name: Run Prettier check
-        run: npx prettier --check .
-
-      - name: Type check
-        run: npx tsc --noEmit
-
-      - name: Build
-        run: npm run build
@@ -1,3 +1,4 @@
+# Logs
 logs
 *.log
 npm-debug.log*
@@ -11,6 +12,7 @@ dist
 dist-ssr
 *.local

+# Editor directories and files
 .vscode/*
 !.vscode/extensions.json
 .idea
@@ -21,10 +23,3 @@ dist-ssr
 *.sln
 *.sw?
 /db/
-/release/
-/.claude/
-/ssl/
-.env
-/.mcp.json
-/nul
-/.vscode/
@@ -1 +0,0 @@
-npx --no -- commitlint --edit $1
@@ -1 +0,0 @@
-npx lint-staged
@@ -1 +0,0 @@
-20
@@ -1,18 +0,0 @@
-build
-coverage
-dist
-dist-ssr
-release
-
-node_modules
-package-lock.json
-pnpm-lock.yaml
-yarn.lock
-
-db
-
-.env
-
-*.min.js
-*.min.css
-openapi.json
@@ -1,9 +0,0 @@
-{
-  "semi": true,
-  "singleQuote": false,
-  "tabWidth": 2,
-  "trailingComma": "all",
-  "printWidth": 80,
-  "arrowParens": "always",
-  "endOfLine": "lf"
-}
@@ -1,128 +0,0 @@
-# Contributor Covenant Code of Conduct
-
-## Our Pledge
-
-We as members, contributors, and leaders pledge to make participation in our
-community a harassment-free experience for everyone, regardless of age, body
-size, visible or invisible disability, ethnicity, sex characteristics, gender
-identity and expression, level of experience, education, socio-economic status,
-nationality, personal appearance, race, religion, or sexual identity
-and orientation.
-
-We pledge to act and interact in ways that contribute to an open, welcoming,
-diverse, inclusive, and healthy community.
-
-## Our Standards
-
-Examples of behavior that contributes to a positive environment for our
-community include:
-
- Demonstrating empathy and kindness toward other people
- Being respectful of differing opinions, viewpoints, and experiences
- Giving and gracefully accepting constructive feedback
- Accepting responsibility and apologizing to those affected by our mistakes,
-  and learning from the experience
- Focusing on what is best not just for us as individuals, but for the
-  overall community
-
-Examples of unacceptable behavior include:
-
- The use of sexualized language or imagery, and sexual attention or
-  advances of any kind
- Trolling, insulting or derogatory comments, and personal or political attacks
- Public or private harassment
- Publishing others' private information, such as a physical or email
-  address, without their explicit permission
- Other conduct which could reasonably be considered inappropriate in a
-  professional setting
-
-## Enforcement Responsibilities
-
-Community leaders are responsible for clarifying and enforcing our standards of
-acceptable behavior and will take appropriate and fair corrective action in
-response to any behavior that they deem inappropriate, threatening, offensive,
-or harmful.
-
-Community leaders have the right and responsibility to remove, edit, or reject
-comments, commits, code, wiki edits, issues, and other contributions that are
-not aligned to this Code of Conduct, and will communicate reasons for moderation
-decisions when appropriate.
-
-## Scope
-
-This Code of Conduct applies within all community spaces, and also applies when
-an individual is officially representing the community in public spaces.
-Examples of representing our community include using an official e-mail address,
-posting via an official social media account, or acting as an appointed
-representative at an online or offline event.
-
-## Enforcement
-
-Instances of abusive, harassing, or otherwise unacceptable behavior may be
-reported to the community leaders responsible for enforcement at
-mail@termix.site.
-All complaints will be reviewed and investigated promptly and fairly.
-
-All community leaders are obligated to respect the privacy and security of the
-reporter of any incident.
-
-## Enforcement Guidelines
-
-Community leaders will follow these Community Impact Guidelines in determining
-the consequences for any action they deem in violation of this Code of Conduct:
-
-### 1. Correction
-
-**Community Impact**: Use of inappropriate language or other behavior deemed
-unprofessional or unwelcome in the community.
-
-**Consequence**: A private, written warning from community leaders, providing
-clarity around the nature of the violation and an explanation of why the
-behavior was inappropriate. A public apology may be requested.
-
-### 2. Warning
-
-**Community Impact**: A violation through a single incident or series
-of actions.
-
-**Consequence**: A warning with consequences for continued behavior. No
-interaction with the people involved, including unsolicited interaction with
-those enforcing the Code of Conduct, for a specified period of time. This
-includes avoiding interactions in community spaces as well as external channels
-like social media. Violating these terms may lead to a temporary or
-permanent ban.
-
-### 3. Temporary Ban
-
-**Community Impact**: A serious violation of community standards, including
-sustained inappropriate behavior.
-
-**Consequence**: A temporary ban from any sort of interaction or public
-communication with the community for a specified period of time. No public or
-private interaction with the people involved, including unsolicited interaction
-with those enforcing the Code of Conduct, is allowed during this period.
-Violating these terms may lead to a permanent ban.
-
-### 4. Permanent Ban
-
-**Community Impact**: Demonstrating a pattern of violation of community
-standards, including sustained inappropriate behavior, harassment of an
-individual, or aggression toward or disparagement of classes of individuals.
-
-**Consequence**: A permanent ban from any sort of public interaction within
-the community.
-
-## Attribution
-
-This Code of Conduct is adapted from the [Contributor Covenant][homepage],
-version 2.0, available at
-https://www.contributor-covenant.org/version/2/0/code_of_conduct.html.
-
-Community Impact Guidelines were inspired by [Mozilla's code of conduct
-enforcement ladder](https://github.com/mozilla/diversity).
-
-[homepage]: https://www.contributor-covenant.org
-
-For answers to common questions about this code of conduct, see the FAQ at
-https://www.contributor-covenant.org/faq. Translations are available at
-https://www.contributor-covenant.org/translations.
@@ -1,106 +0,0 @@
-# Contributing
-
-## Prerequisites
-
- [Node.js](https://nodejs.org/en/download/) (built with v24)
- [NPM](https://docs.npmjs.com/downloading-and-installing-node-js-and-npm)
- [Git](https://git-scm.com/downloads)
-
-## Installation
-
-1. Clone the repository:
-   ```sh
-   git clone https://github.com/Termix-SSH/Termix
-   ```
-2. Install the dependencies:
-   ```sh
-   npm install
-   ```
-
-## Running the development server
-
-Run the following commands:
-
-```sh
-npm run dev
-npm run dev:backend
-```
-
-This will start the backend and the frontend Vite server. You can access Termix by going to `http://localhost:5174/`.
-
-## Contributing
-
-1. **Fork the repository**: Click the "Fork" button at the top right of
-   the [repository page](https://github.com/Termix-SSH/Termix).
-2. **Create a new branch**:
-   ```sh
-   git checkout -b feature/my-new-feature
-   ```
-3. **Make your changes**: Implement your feature, fix, or improvement.
-4. **Commit your changes**:
-   ```sh
-   git commit -m "Feature request my new feature"
-   ```
-5. **Push to your fork**:
-   ```sh
-   git push origin feature/my-feature-request
-   ```
-6. **Open a pull request**: Go to the original repository and create a PR with a clear description.
-
-## Guidelines
-
- Follow the existing code style. Use Tailwind CSS with shadcn components.
- Use the below color scheme with the respective CSS variable placed in the `className` of a div/component.
- Place all API routes in the `main-axios.ts` file. Updating the `openapi.json` is unneeded.
- Include meaningful commit messages.
- Link related issues when applicable.
- `MobileApp.tsx` renders when the users screen width is less than 768px, otherwise it loads the usual `DesktopApp.tsx`.
-
-## Color Scheme
-
-### Background Colors
-
-| CSS Variable                  | Color Value | Usage                       | Description                              |
-| ----------------------------- | ----------- | --------------------------- | ---------------------------------------- |
-| `--color-dark-bg`             | `#18181b`   | Main dark background        | Primary dark background color            |
-| `--color-dark-bg-darker`      | `#0e0e10`   | Darker backgrounds          | Darker variant for panels and containers |
-| `--color-dark-bg-darkest`     | `#09090b`   | Darkest backgrounds         | Darkest background (terminal)            |
-| `--color-dark-bg-light`       | `#141416`   | Light dark backgrounds      | Lighter variant of dark background       |
-| `--color-dark-bg-very-light`  | `#101014`   | Very light dark backgrounds | Very light variant of dark background    |
-| `--color-dark-bg-panel`       | `#1b1b1e`   | Panel backgrounds           | Background for panels and cards          |
-| `--color-dark-bg-panel-hover` | `#232327`   | Panel hover states          | Background for panels on hover           |
-
-### Element-Specific Backgrounds
-
-| CSS Variable             | Color Value | Usage              | Description                                   |
-| ------------------------ | ----------- | ------------------ | --------------------------------------------- |
-| `--color-dark-bg-input`  | `#222225`   | Input fields       | Background for input fields and form elements |
-| `--color-dark-bg-button` | `#23232a`   | Button backgrounds | Background for buttons and clickable elements |
-| `--color-dark-bg-active` | `#1d1d1f`   | Active states      | Background for active/selected elements       |
-| `--color-dark-bg-header` | `#131316`   | Header backgrounds | Background for headers and navigation bars    |
-
-### Border Colors
-
-| CSS Variable                 | Color Value | Usage           | Description                              |
-| ---------------------------- | ----------- | --------------- | ---------------------------------------- |
-| `--color-dark-border`        | `#303032`   | Default borders | Standard border color                    |
-| `--color-dark-border-active` | `#2d2d30`   | Active borders  | Border color for active elements         |
-| `--color-dark-border-hover`  | `#434345`   | Hover borders   | Border color on hover states             |
-| `--color-dark-border-light`  | `#5a5a5d`   | Light borders   | Lighter border color for subtle elements |
-| `--color-dark-border-medium` | `#373739`   | Medium borders  | Medium weight border color               |
-| `--color-dark-border-panel`  | `#222224`   | Panel borders   | Border color for panels and cards        |
-
-### Interactive States
-
-| CSS Variable             | Color Value | Usage             | Description                                   |
-| ------------------------ | ----------- | ----------------- | --------------------------------------------- |
-| `--color-dark-hover`     | `#2d2d30`   | Hover states      | Background color for hover effects            |
-| `--color-dark-active`    | `#2a2a2c`   | Active states     | Background color for active elements          |
-| `--color-dark-pressed`   | `#1a1a1c`   | Pressed states    | Background color for pressed/clicked elements |
-| `--color-dark-hover-alt` | `#2a2a2d`   | Alternative hover | Alternative hover state color                 |
-
-## Support
-
-If you need help or want to request a feature with Termix, visit the [Issues](https://github.com/Termix-SSH/Support/issues) page, log in, and press `New Issue`.
-Please be as detailed as possible in your issue, preferably written in English. You can also join the [Discord](https://discord.gg/jVQGdvHDrf) server and visit the support
-channel, however, response times may be longer.
@@ -1,61 +0,0 @@
-# Termix Download Links
-
-## Windows
-
-| Architecture | Type     | Download Link                                                                                              |
-| ------------ | -------- | ---------------------------------------------------------------------------------------------------------- |
-| x64          | NSIS     | [Download](https://github.com/Termix-SSH/Termix/releases/latest/download/termix_windows_x64_nsis.exe)      |
-| x64          | MSI      | [Download](https://github.com/Termix-SSH/Termix/releases/latest/download/termix_windows_x64_msi.msi)       |
-| x64          | Portable | [Download](https://github.com/Termix-SSH/Termix/releases/latest/download/termix_windows_x64_portable.zip)  |
-| ia32         | NSIS     | [Download](https://github.com/Termix-SSH/Termix/releases/latest/download/termix_windows_ia32_nsis.exe)     |
-| ia32         | MSI      | [Download](https://github.com/Termix-SSH/Termix/releases/latest/download/termix_windows_ia32_msi.msi)      |
-| ia32         | Portable | [Download](https://github.com/Termix-SSH/Termix/releases/latest/download/termix_windows_ia32_portable.zip) |
-
-## Linux
-
-| Architecture | Type     | Download Link                                                                                                   |
-| ------------ | -------- | --------------------------------------------------------------------------------------------------------------- |
-| x64          | AppImage | [Download](https://github.com/Termix-SSH/Termix/releases/latest/download/termix_linux_x64_appimage.AppImage)    |
-| x64          | DEB      | [Download](https://github.com/Termix-SSH/Termix/releases/latest/download/termix_linux_x64_deb.deb)              |
-| x64          | Portable | [Download](https://github.com/Termix-SSH/Termix/releases/latest/download/termix_linux_x64_portable.tar.gz)      |
-| arm64        | AppImage | [Download](https://github.com/Termix-SSH/Termix/releases/latest/download/termix_linux_arm64_appimage.AppImage)  |
-| arm64        | DEB      | [Download](https://github.com/Termix-SSH/Termix/releases/latest/download/termix_linux_arm64_deb.deb)            |
-| arm64        | Portable | [Download](https://github.com/Termix-SSH/Termix/releases/latest/download/termix_linux_arm64_portable.tar.gz)    |
-| armv7l       | AppImage | [Download](https://github.com/Termix-SSH/Termix/releases/latest/download/termix_linux_armv7l_appimage.AppImage) |
-| armv7l       | DEB      | [Download](https://github.com/Termix-SSH/Termix/releases/latest/download/termix_linux_armv7l_deb.deb)           |
-| armv7l       | Portable | [Download](https://github.com/Termix-SSH/Termix/releases/latest/download/termix_linux_armv7l_portable.tar.gz)   |
-
-## macOS
-
-| Architecture | Type          | Download Link                                                                                            |
-| ------------ | ------------- | -------------------------------------------------------------------------------------------------------- |
-| Universal    | DMG           | [Download](https://github.com/Termix-SSH/Termix/releases/latest/download/termix_macos_universal_dmg.dmg) |
-| Universal    | Mac App Store | [Download](https://github.com/Termix-SSH/Termix/releases/latest/download/termix_macos_universal_mas.pkg) |
-| x64          | DMG           | [Download](https://github.com/Termix-SSH/Termix/releases/latest/download/termix_macos_x64_dmg.dmg)       |
-| arm64        | DMG           | [Download](https://github.com/Termix-SSH/Termix/releases/latest/download/termix_macos_arm64_dmg.dmg)     |
-
---
-
-## All Platforms - Complete Download List
-
-| Platform | Architecture | Type          | Download Link                                                                                                   |
-| -------- | ------------ | ------------- | --------------------------------------------------------------------------------------------------------------- |
-| Windows  | x64          | NSIS          | [Download](https://github.com/Termix-SSH/Termix/releases/latest/download/termix_windows_x64_nsis.exe)           |
-| Windows  | x64          | MSI           | [Download](https://github.com/Termix-SSH/Termix/releases/latest/download/termix_windows_x64_msi.msi)            |
-| Windows  | x64          | Portable      | [Download](https://github.com/Termix-SSH/Termix/releases/latest/download/termix_windows_x64_portable.zip)       |
-| Windows  | ia32         | NSIS          | [Download](https://github.com/Termix-SSH/Termix/releases/latest/download/termix_windows_ia32_nsis.exe)          |
-| Windows  | ia32         | MSI           | [Download](https://github.com/Termix-SSH/Termix/releases/latest/download/termix_windows_ia32_msi.msi)           |
-| Windows  | ia32         | Portable      | [Download](https://github.com/Termix-SSH/Termix/releases/latest/download/termix_windows_ia32_portable.zip)      |
-| Linux    | x64          | AppImage      | [Download](https://github.com/Termix-SSH/Termix/releases/latest/download/termix_linux_x64_appimage.AppImage)    |
-| Linux    | x64          | DEB           | [Download](https://github.com/Termix-SSH/Termix/releases/latest/download/termix_linux_x64_deb.deb)              |
-| Linux    | x64          | Portable      | [Download](https://github.com/Termix-SSH/Termix/releases/latest/download/termix_linux_x64_portable.tar.gz)      |
-| Linux    | arm64        | AppImage      | [Download](https://github.com/Termix-SSH/Termix/releases/latest/download/termix_linux_arm64_appimage.AppImage)  |
-| Linux    | arm64        | DEB           | [Download](https://github.com/Termix-SSH/Termix/releases/latest/download/termix_linux_arm64_deb.deb)            |
-| Linux    | arm64        | Portable      | [Download](https://github.com/Termix-SSH/Termix/releases/latest/download/termix_linux_arm64_portable.tar.gz)    |
-| Linux    | armv7l       | AppImage      | [Download](https://github.com/Termix-SSH/Termix/releases/latest/download/termix_linux_armv7l_appimage.AppImage) |
-| Linux    | armv7l       | DEB           | [Download](https://github.com/Termix-SSH/Termix/releases/latest/download/termix_linux_armv7l_deb.deb)           |
-| Linux    | armv7l       | Portable      | [Download](https://github.com/Termix-SSH/Termix/releases/latest/download/termix_linux_armv7l_portable.tar.gz)   |
-| macOS    | Universal    | DMG           | [Download](https://github.com/Termix-SSH/Termix/releases/latest/download/termix_macos_universal_dmg.dmg)        |
-| macOS    | Universal    | Mac App Store | [Download](https://github.com/Termix-SSH/Termix/releases/latest/download/termix_macos_universal_mas.pkg)        |
-| macOS    | x64          | DMG           | [Download](https://github.com/Termix-SSH/Termix/releases/latest/download/termix_macos_x64_dmg.dmg)              |
-| macOS    | arm64        | DMG           | [Download](https://github.com/Termix-SSH/Termix/releases/latest/download/termix_macos_arm64_dmg.dmg)            |
@@ -1,151 +0,0 @@
-# 仓库统计
-
-<p align="center">
-  <a href="README.md"><img src="https://flagcdn.com/us.svg" alt="English" width="24" height="16"> 英文</a> |
-  <img src="https://flagcdn.com/cn.svg" alt="中文" width="24" height="16"> 中文
-</p>
-
-![GitHub Repo stars](https://img.shields.io/github/stars/Termix-SSH/Termix?style=flat&label=Stars)
-![GitHub forks](https://img.shields.io/github/forks/Termix-SSH/Termix?style=flat&label=Forks)
-![GitHub Release](https://img.shields.io/github/v/release/Termix-SSH/Termix?style=flat&label=Release)
-<a href="https://discord.gg/jVQGdvHDrf"><img alt="Discord" src="https://img.shields.io/discord/1347374268253470720"></a>
-
-<p align="center">
-  <img src="./repo-images/RepoOfTheDay.png" alt="Repo of the Day Achievement" style="width: 300px; height: auto;">
-  <br>
-  <small style="color: #666;">2025年9月1日获得</small>
-</p>
-
-#### 核心技术
-
-[![React Badge](https://img.shields.io/badge/-React-61DBFB?style=flat-square&labelColor=black&logo=react&logoColor=61DBFB)](#)
-[![TypeScript Badge](https://img.shields.io/badge/-TypeScript-3178C6?style=flat-square&labelColor=black&logo=typescript&logoColor=3178C6)](#)
-[![Node.js Badge](https://img.shields.io/badge/-Node.js-3C873A?style=flat-square&labelColor=black&logo=node.js&logoColor=3C873A)](#)
-[![Vite Badge](https://img.shields.io/badge/-Vite-646CFF?style=flat-square&labelColor=black&logo=vite&logoColor=646CFF)](#)
-[![Tailwind CSS Badge](https://img.shields.io/badge/-TailwindCSS-38B2AC?style=flat-square&labelColor=black&logo=tailwindcss&logoColor=38B2AC)](#)
-[![Docker Badge](https://img.shields.io/badge/-Docker-2496ED?style=flat-square&labelColor=black&logo=docker&logoColor=2496ED)](#)
-[![SQLite Badge](https://img.shields.io/badge/-SQLite-003B57?style=flat-square&labelColor=black&logo=sqlite&logoColor=003B57)](#)
-[![Radix UI Badge](https://img.shields.io/badge/-Radix%20UI-161618?style=flat-square&labelColor=black&logo=radixui&logoColor=161618)](#)
-
-<br />
-<p align="center">
-  <a href="https://github.com/Termix-SSH/Termix">
-    <img alt="Termix Banner" src=./repo-images/HeaderImage.png style="width: auto; height: auto;">  </a>
-</p>
-
-如果你愿意，可以在这里支持这个项目！\
-[![GitHub Sponsor](https://img.shields.io/badge/Sponsor-LukeGus-181717?style=for-the-badge&logo=github&logoColor=white)](https://github.com/sponsors/LukeGus)
-
-# 概览
-
-<p align="center">
-  <a href="https://github.com/Termix-SSH/Termix">
-    <img alt="Termix Banner" src=./public/icon.svg style="width: 250px; height: 250px;">  </a>
-</p>
-
-Termix 是一个开源、永久免费、自托管的一体化服务器管理平台。它提供了一个基于网页的解决方案，通过一个直观的界面管理你的服务器和基础设施。Termix
-提供 SSH 终端访问、SSH 隧道功能以及远程文件管理，还会陆续添加更多工具。Termix 是适用于所有平台的完美免费自托管 Termius 替代品。
-
-# 功能
-
- **SSH 终端访问** - 功能齐全的终端，具有分屏支持（最多 4 个面板）和类似浏览器的选项卡系统。包括对自定义终端的支持，包括常见终端主题、字体和其他组件
- **SSH 隧道管理** - 创建和管理 SSH 隧道，具有自动重新连接和健康监控功能
- **远程文件管理器** - 直接在远程服务器上管理文件，支持查看和编辑代码、图像、音频和视频。无缝上传、下载、重命名、删除和移动文件
- **SSH 主机管理器** - 保存、组织和管理您的 SSH 连接，支持标签和文件夹，并轻松保存可重用的登录信息，同时能够自动部署 SSH 密钥
- **服务器统计** - 在任何 SSH 服务器上查看 CPU、内存和磁盘使用情况以及网络、正常运行时间和系统信息
- **仪表板** - 在仪表板上一目了然地查看服务器信息
- **用户认证** - 安全的用户管理，具有管理员控制以及 OIDC 和 2FA (TOTP) 支持。查看所有平台上的活动用户会话并撤销权限。
- **数据库加密** - 后端存储为加密的 SQLite 数据库文件
- **数据导出/导入** - 导出和导入 SSH 主机、凭据和文件管理器数据
- **自动 SSL 设置** - 内置 SSL 证书生成和管理，支持 HTTPS 重定向
- **现代用户界面** - 使用 React、Tailwind CSS 和 Shadcn 构建的简洁的桌面/移动设备友好界面
- **语言** - 内置支持英语、中文、德语和葡萄牙语
- **平台支持** - 可作为 Web 应用程序、桌面应用程序（Windows、Linux 和 macOS）以及适用于 iOS 和 Android 的专用移动/平板电脑应用程序。
- **SSH 工具** - 创建可重用的命令片段，单击即可执行。在多个打开的终端上同时运行一个命令。
-
-# 计划功能
-
-查看 [项目](https://github.com/orgs/Termix-SSH/projects/2) 了解所有计划功能。如果你想贡献代码，请参阅 [贡献指南](https://github.com/Termix-SSH/Termix/blob/main/CONTRIBUTING.md)。
-
-# 安装
-
-支持的设备：
-
- 网站（任何平台上的任何现代浏览器，如 Chrome、Safari 和 Firefox）
- Windows（x64/ia32）
-  - 便携版
-  - MSI 安装程序
-  - Chocolatey 软件包管理器
- Linux（x64/ia32）
-  - 便携版
-  - AppImage
-  - Deb
-  - Flatpak
- macOS（x64/ia32 on v12.0+）
-  - Apple App Store
-  - DMG
-  - Homebrew
- iOS/iPadOS（v15.1+）
-  - Apple App Store
-  - ISO
- Android（v7.0+）
-  - Google Play 商店
-  - APK
-
-访问 Termix [文档](https://docs.termix.site/install) 了解有关如何在所有平台上安装 Termix 的更多信息。或者，在此处查看示例 Docker Compose 文件：
-
-```yaml
-services:
-  termix:
-    image: ghcr.io/lukegus/termix:latest
-    container_name: termix
-    restart: unless-stopped
-    ports:
-      - "8080:8080"
-    volumes:
-      - termix-data:/app/data
-    environment:
-      PORT: "8080"
-
-volumes:
-  termix-data:
-    driver: local
-```
-
-# 支持
-
-如果你需要 Termix 的帮助或想要请求功能，请访问 [Issues](https://github.com/Termix-SSH/Support/issues) 页面，登录并点击 `New Issue`。
-请尽可能详细地描述你的问题，最好使用英语。你也可以加入 [Discord](https://discord.gg/jVQGdvHDrf) 服务器并访问支持
-频道，但响应时间可能较长。
-
-# 展示
-
-<p align="center">
-  <img src="./repo-images/Image 1.png" width="400" alt="Termix Demo 1"/>
-  <img src="./repo-images/Image 2.png" width="400" alt="Termix Demo 2"/>
-</p>
-
-<p align="center">
-  <img src="./repo-images/Image 3.png" width="400" alt="Termix Demo 3"/>
-  <img src="./repo-images/Image 4.png" width="400" alt="Termix Demo 4"/>
-</p>
-
-<p align="center">
-  <img src="./repo-images/Image 5.png" width="400" alt="Termix Demo 5"/>
-  <img src="./repo-images/Image 6.png" width="400" alt="Termix Demo 6"/>
-</p>
-
-<p align="center">
-  <img src="./repo-images/Image 7.png" width="400" alt="Termix Demo 7"/>
-</p>
-
-<p align="center">
-  <video src="https://github.com/user-attachments/assets/88936e0d-2399-4122-8eee-c255c25da48c" width="800" controls>
-    你的浏览器不支持 video 标签。
-  </video>
-</p>
-视频和图像可能已过时。
-
-# 许可证
-
-根据 Apache License Version 2.0 发布。更多信息请参见 LICENSE。
@@ -1,23 +1,9 @@
 # Repo Stats
-
-<p align="center">
-  <img src="https://flagcdn.com/us.svg" alt="English" width="24" height="16"> English | 
-  <a href="README-CN.md"><img src="https://flagcdn.com/cn.svg" alt="中文" width="24" height="16"> 中文</a>
-</p>
-
-![GitHub Repo stars](https://img.shields.io/github/stars/Termix-SSH/Termix?style=flat&label=Stars)
-![GitHub forks](https://img.shields.io/github/forks/Termix-SSH/Termix?style=flat&label=Forks)
-![GitHub Release](https://img.shields.io/github/v/release/Termix-SSH/Termix?style=flat&label=Release)
+![GitHub Repo stars](https://img.shields.io/github/stars/LukeGus/Termix?style=flat&label=Stars)
+![GitHub forks](https://img.shields.io/github/forks/LukeGus/Termix?style=flat&label=Forks)
+![GitHub Release](https://img.shields.io/github/v/release/LukeGus/Termix?style=flat&label=Release)
 <a href="https://discord.gg/jVQGdvHDrf"><img alt="Discord" src="https://img.shields.io/discord/1347374268253470720"></a>
-
-<p align="center">
-  <img src="./repo-images/RepoOfTheDay.png" alt="Repo of the Day Achievement" style="width: 300px; height: auto;">
-  <br>
-  <small style="color: #666;">Achieved on September 1st, 2025</small>
-</p>
-
 #### Top Technologies
-
 [![React Badge](https://img.shields.io/badge/-React-61DBFB?style=flat-square&labelColor=black&logo=react&logoColor=61DBFB)](#)
 [![TypeScript Badge](https://img.shields.io/badge/-TypeScript-3178C6?style=flat-square&labelColor=black&logo=typescript&logoColor=3178C6)](#)
 [![Node.js Badge](https://img.shields.io/badge/-Node.js-3C873A?style=flat-square&labelColor=black&logo=node.js&logoColor=3C873A)](#)
@@ -27,76 +13,36 @@
 [![SQLite Badge](https://img.shields.io/badge/-SQLite-003B57?style=flat-square&labelColor=black&logo=sqlite&logoColor=003B57)](#)
 [![Radix UI Badge](https://img.shields.io/badge/-Radix%20UI-161618?style=flat-square&labelColor=black&logo=radixui&logoColor=161618)](#)

+
 <br />
 <p align="center">
-  <a href="https://github.com/Termix-SSH/Termix">
-    <img alt="Termix Banner" src=./repo-images/HeaderImage.png style="width: auto; height: auto;">  </a>
+  <a href="https://github.com/LukeGus/Termix">
+    <img alt="Termix Banner" src=./public/icon.svg style="width: 250px; height: auto;">  </a>
 </p>

 If you would like, you can support the project here!\
 [![GitHub Sponsor](https://img.shields.io/badge/Sponsor-LukeGus-181717?style=for-the-badge&logo=github&logoColor=white)](https://github.com/sponsors/LukeGus)

 # Overview
-
-<p align="center">
-  <a href="https://github.com/Termix-SSH/Termix">
-    <img alt="Termix Banner" src=./public/icon.svg style="width: 250px; height: 250px;">  </a>
-</p>
-
-Termix is an open-source, forever-free, self-hosted all-in-one server management platform. It provides a multi-platform
-solution for managing your servers and infrastructure through a single, intuitive interface. Termix offers SSH terminal
-access, SSH tunneling capabilities, and remote file management, with many more tools to come. Termix is the perfect
-free and self-hosted alternative to Termius available for all platforms.
+Termix is an open-source, forever-free, self-hosted all-in-one server management platform. It provides a web-based solution for managing your servers and infrastructure through a single, intuitive interface. Termix offers SSH terminal access, SSH tunneling capabilities, and remote file configuration editing, with many more tools to come.

 # Features
-
- **SSH Terminal Access** - Full-featured terminal with split-screen support (up to 4 panels) with a browser-like tab system. Includes support for customizing the terminal including common terminal themes, fonts, and other components
+- **SSH Terminal Access** - Full-featured terminal with split-screen support (up to 4 panels) and tab system
 - **SSH Tunnel Management** - Create and manage SSH tunnels with automatic reconnection and health monitoring
- **Remote File Manager** - Manage files directly on remote servers with support for viewing and editing code, images, audio, and video. Upload, download, rename, delete, and move files seamlessly
- **SSH Host Manager** - Save, organize, and manage your SSH connections with tags and folders, and easily save reusable login info while being able to automate the deployment of SSH keys
- **Server Stats** - View CPU, memory, and disk usage along with network, uptime, and system information on any SSH server
- **Dashboard** - View server information at a glance on your dashboard
- **User Authentication** - Secure user management with admin controls and OIDC and 2FA (TOTP) support. View active user sessions across all platforms and revoke permissions.
- **Database Encryption** - Backend stored as encrypted SQLite database files
- **Data Export/Import** - Export and import SSH hosts, credentials, and file manager data
- **Automatic SSL Setup** - Built-in SSL certificate generation and management with HTTPS redirects
- **Modern UI** - Clean desktop/mobile-friendly interface built with React, Tailwind CSS, and Shadcn
- **Languages** - Built-in support for English, Chinese, German, and Portuguese
- **Platform Support** - Available as a web app, desktop application (Windows, Linux, and macOS), and dedicated mobile/tablet app for iOS and Android.
- **SSH Tools** - Create reusable command snippets that execute with a single click. Run one command simultaneously across multiple open terminals.
+- **Remote Config Editor** - Edit files directly on remote servers with syntax highlighting and file management
+- **SSH Host Manager** - Save, organize, and manage your SSH connections with tags and folders
+- **User Authentication** - Secure user management with admin controls
+- **Modern UI** - Clean interface built with React, Tailwind CSS, and the amazing Shadcn

 # Planned Features
-
-See [Projects](https://github.com/orgs/Termix-SSH/projects/2) for all planned features. If you are looking to contribute, see [Contributing](https://github.com/Termix-SSH/Termix/blob/main/CONTRIBUTING.md).
+- **Improved Admin Control** - Ability to manage admins, and give more fine-grained control over their permissions, share hosts, reset passwords, delete accounts, etc
+- **More auth types** - Add 2FA, OCID support, etc
+- **Theming** - Modify themeing for all tools
+- **Improved SFTP Support** - Ability to manage files easier with the config editor by uploading, creating, and removing files
+- **Improved Terminal Support** - Add more terminal protocols such as VNC and RDP (anyone who has experience in integrating RDP into a web-application similar to Apache Guacamole, please contact me by creating an issue)

 # Installation
-
-Supported Devices:
-
- Website (any modern browser on any platform like Chrome, Safari, and Firefox)
- Windows (x64/ia32)
-  - Portable
-  - MSI Installer
-  - Chocolatey Package Manager
- Linux (x64/ia32)
-  - Portable
-  - AppImage
-  - Deb
-  - Flatpak
- macOS (x64/ia32 on v12.0+)
-  - Apple App Store
-  - DMG
-  - Homebrew
- iOS/iPadOS (v15.1+)
-  - Apple App Store
-  - ISO
- Android (v7.0+)
-  - Google Play Store
-  - APK
-
-Visit the Termix [Docs](https://docs.termix.site/install) for more information on how to install Termix on all platforms. Otherwise, view
-a sample Docker Compose file here:
-
+Visit the Termix [Docs](https://docs.termix.site/docs) for more information on how to install Termix. Otherwise, view a sample docker-compose file here:
 ```yaml
 services:
  termix:
@@ -112,14 +58,11 @@ services:

 volumes:
  termix-data:
-    driver: local
+    driver: local 
 ```

 # Support
-
-If you need help or want to request a feature with Termix, visit the [Issues](https://github.com/Termix-SSH/Support/issues) page, log in, and press `New Issue`.
-Please be as detailed as possible in your issue, preferably written in English. You can also join the [Discord](https://discord.gg/jVQGdvHDrf) server and visit the support
-channel, however, response times may be longer.
+If you need help with Termix, you can join the [Discord](https://discord.gg/jVQGdvHDrf) server and visit the support channel. You can also open an issue or open a pull request on the [GitHub](https://github.com/LukeGus/Termix/issues) repo.

 # Show-off

@@ -129,26 +72,16 @@ channel, however, response times may be longer.
 </p>

 <p align="center">
-  <img src="./repo-images/Image 3.png" width="400" alt="Termix Demo 3"/>
-  <img src="./repo-images/Image 4.png" width="400" alt="Termix Demo 4"/>
+  <img src="./repo-images/Image 3.png" width="250" alt="Termix Demo 3"/>
+  <img src="./repo-images/Image 4.png" width="250" alt="Termix Demo 4"/>
+  <img src="./repo-images/Image 5.png" width="250" alt="Termix Demo 5"/>
 </p>

 <p align="center">
-  <img src="./repo-images/Image 5.png" width="400" alt="Termix Demo 5"/>
-  <img src="./repo-images/Image 6.png" width="400" alt="Termix Demo 6"/>
-</p>
-
-<p align="center">
-  <img src="./repo-images/Image 7.png" width="400" alt="Termix Demo 7"/>
-</p>
-
-<p align="center">
-  <video src="https://github.com/user-attachments/assets/88936e0d-2399-4122-8eee-c255c25da48c" width="800" controls>
+  <video src="https://github.com/user-attachments/assets/0f95495d-c5db-48f5-b18b-9ab48bb10d31" width="800" controls>
    Your browser does not support the video tag.
  </video>
 </p>
-Videos and images may be out of date.

 # License
-
 Distributed under the Apache License Version 2.0. See LICENSE for more information.
@@ -1,5 +0,0 @@
-# Security Policy
-
-## Reporting a Vulnerability
-
-Please report any vulnerabilities to [GitHub Security](https://github.com/Termix-SSH/Termix/security/advisories).
@@ -1,14 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<!DOCTYPE plist PUBLIC "-//Apple//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd">
-<plist version="1.0">
-<dict>
-	<key>com.apple.security.cs.allow-jit</key>
-	<true/>
-	<key>com.apple.security.cs.allow-unsigned-executable-memory</key>
-	<true/>
-	<key>com.apple.security.cs.disable-library-validation</key>
-	<true/>
-	<key>com.apple.security.cs.allow-dyld-environment-variables</key>
-	<true/>
-</dict>
-</plist>
@@ -1,14 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<!DOCTYPE plist PUBLIC "-//Apple//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd">
-<plist version="1.0">
-<dict>
-	<key>com.apple.security.cs.allow-jit</key>
-	<true/>
-	<key>com.apple.security.cs.allow-unsigned-executable-memory</key>
-	<true/>
-	<key>com.apple.security.cs.disable-library-validation</key>
-	<true/>
-	<key>com.apple.security.cs.allow-dyld-environment-variables</key>
-	<true/>
-</dict>
-</plist>
@@ -1,16 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<!DOCTYPE plist PUBLIC "-//Apple//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd">
-<plist version="1.0">
-<dict>
-	<key>com.apple.security.app-sandbox</key>
-	<true/>
-	<key>com.apple.security.inherit</key>
-	<true/>
-	<key>com.apple.security.cs.allow-jit</key>
-	<true/>
-	<key>com.apple.security.cs.allow-unsigned-executable-memory</key>
-	<true/>
-	<key>com.apple.security.cs.disable-library-validation</key>
-	<true/>
-</dict>
-</plist>
@@ -1,20 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<!DOCTYPE plist PUBLIC "-//Apple//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd">
-<plist version="1.0">
-<dict>
-	<key>com.apple.security.app-sandbox</key>
-	<true/>
-	<key>com.apple.security.network.client</key>
-	<true/>
-	<key>com.apple.security.network.server</key>
-	<true/>
-	<key>com.apple.security.files.user-selected.read-write</key>
-	<true/>
-	<key>com.apple.security.cs.allow-jit</key>
-	<true/>
-	<key>com.apple.security.cs.allow-unsigned-executable-memory</key>
-	<true/>
-	<key>com.apple.security.cs.disable-library-validation</key>
-	<true/>
-</dict>
-</plist>
@@ -1,31 +0,0 @@
-const { notarize } = require('@electron/notarize');
-
-exports.default = async function notarizing(context) {
-  const { electronPlatformName, appOutDir } = context;
-
-  if (electronPlatformName !== 'darwin') {
-    return;
-  }
-
-  const appleId = process.env.APPLE_ID;
-  const appleIdPassword = process.env.APPLE_ID_PASSWORD;
-  const teamId = process.env.APPLE_TEAM_ID;
-
-  if (!appleId || !appleIdPassword || !teamId) {
-    return;
-  }
-
-  const appName = context.packager.appInfo.productFilename;
-
-  try {
-    await notarize({
-      appBundleId: 'com.karmaa.termix',
-      appPath: `${appOutDir}/${appName}.app`,
-      appleId: appleId,
-      appleIdPassword: appleIdPassword,
-      teamId: teamId,
-    });
-  } catch (error) {
-    console.error('Notarization failed:', error);
-  }
-};
@@ -1,35 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-<package xmlns="http://schemas.microsoft.com/packaging/2015/06/nuspec.xsd">
-  <metadata>
-    <id>termix-ssh</id>
-    <version>VERSION_PLACEHOLDER</version>
-    <packageSourceUrl>https://github.com/Termix-SSH/Termix</packageSourceUrl>
-    <owners>bugattiguy527</owners>
-    <title>Termix SSH</title>
-    <authors>bugattiguy527</authors>
-    <projectUrl>https://github.com/Termix-SSH/Termix</projectUrl>
-    <iconUrl>https://raw.githubusercontent.com/Termix-SSH/Termix/main/public/icon.png</iconUrl>
-    <licenseUrl>https://raw.githubusercontent.com/Termix-SSH/Termix/refs/heads/main/LICENSE</licenseUrl>
-    <requireLicenseAcceptance>false</requireLicenseAcceptance>
-    <projectSourceUrl>https://github.com/Termix-SSH/Termix</projectSourceUrl>
-    <docsUrl>https://docs.termix.site/install</docsUrl>
-    <bugTrackerUrl>https://github.com/Termix-SSH/Support/issues</bugTrackerUrl>
-    <tags>docker ssh self-hosted file-management ssh-tunnel termix server-management terminal</tags>
-    <summary>Termix is a web-based server management platform with SSH terminal, tunneling, and file editing capabilities.</summary>
-    <description>
-Termix is an open-source, forever-free, self-hosted all-in-one server management platform. It provides a web-based solution for managing your servers and infrastructure through a single, intuitive interface.
-
-Termix offers:
- SSH terminal access
- SSH tunneling capabilities
- Remote file management
- Server monitoring and management
-
-This package installs the desktop application version of Termix.
-    </description>
-    <releaseNotes>https://github.com/Termix-SSH/Termix/releases</releaseNotes>
-  </metadata>
-  <files>
-    <file src="tools\**" target="tools" />
-  </files>
-</package>
@@ -1,20 +0,0 @@
-$ErrorActionPreference = 'Stop'
-
-$packageName = 'termix-ssh'
-$toolsDir = "$(Split-Path -parent $MyInvocation.MyCommand.Definition)"
-$url64 = 'DOWNLOAD_URL_PLACEHOLDER'
-$checksum64 = 'CHECKSUM_PLACEHOLDER'
-$checksumType64 = 'sha256'
-
-$packageArgs = @{
-  packageName    = $packageName
-  fileType       = 'msi'
-  url64bit       = $url64
-  softwareName   = 'Termix*'
-  checksum64     = $checksum64
-  checksumType64 = $checksumType64
-  silentArgs     = "/qn /norestart /l*v `"$($env:TEMP)\$($packageName).$($env:chocolateyPackageVersion).MsiInstall.log`""
-  validExitCodes = @(0, 3010, 1641)
-}
-
-Install-ChocolateyPackage @packageArgs
@@ -1,33 +0,0 @@
-$ErrorActionPreference = 'Stop'
-
-$packageName = 'termix-ssh'
-$softwareName = 'Termix*'
-$installerType = 'msi'
-
-$silentArgs = '/qn /norestart'
-$validExitCodes = @(0, 3010, 1605, 1614, 1641)
-
-[array]$key = Get-UninstallRegistryKey -SoftwareName $softwareName
-
-if ($key.Count -eq 1) {
-  $key | % {
-    $file = "$($_.UninstallString)"
-
-    if ($installerType -eq 'msi') {
-      $silentArgs = "$($_.PSChildName) $silentArgs"
-      $file = ''
-    }
-
-    Uninstall-ChocolateyPackage -PackageName $packageName `
-                                 -FileType $installerType `
-                                 -SilentArgs "$silentArgs" `
-                                 -ValidExitCodes $validExitCodes `
-                                 -File "$file"
-  }
-} elseif ($key.Count -eq 0) {
-  Write-Warning "$packageName has already been uninstalled by other means."
-} elseif ($key.Count -gt 1) {
-  Write-Warning "$($key.Count) matches found!"
-  Write-Warning "To prevent accidental data loss, no programs will be uninstalled."
-  $key | % {Write-Warning "- $($_.DisplayName)"}
-}
@@ -18,4 +18,4 @@
    "hooks": "@/hooks"
  },
  "iconLibrary": "lucide"
-}
+}
@@ -1,13 +1,12 @@
-# Stage 1: Install dependencies
-FROM node:22-slim AS deps
+# Stage 1: Install dependencies and build frontend
+FROM node:18-alpine AS deps
 WORKDIR /app

-RUN apt-get update && apt-get install -y python3 make g++ && rm -rf /var/lib/apt/lists/*
+RUN apk add --no-cache python3 make g++ 

 COPY package*.json ./

-RUN rm -rf node_modules package-lock.json && \
-    npm install --ignore-scripts --force && \
+RUN npm ci --force && \
    npm cache clean --force

 # Stage 2: Build frontend
@@ -16,62 +15,64 @@ WORKDIR /app

 COPY . .

-RUN find public/fonts -name "*.ttf" ! -name "*Regular.ttf" ! -name "*Bold.ttf" ! -name "*Italic.ttf" -delete
+RUN npm run build

-RUN npm cache clean --force && \
-    npm run build
-
-# Stage 3: Build backend
+# Stage 3: Build backend TypeScript
 FROM deps AS backend-builder
 WORKDIR /app

 COPY . .

-RUN npm rebuild better-sqlite3 --force
-
 RUN npm run build:backend

-# Stage 4: Production dependencies only
-FROM node:22-slim AS production-deps
+# Stage 4: Production dependencies
+FROM node:18-alpine AS production-deps
 WORKDIR /app

-RUN apt-get update && apt-get install -y python3 make g++ && rm -rf /var/lib/apt/lists/*
-
 COPY package*.json ./

 RUN npm ci --only=production --ignore-scripts --force && \
-    npm rebuild better-sqlite3 bcryptjs --force && \
    npm cache clean --force

-# Stage 5: Final optimized image
-FROM node:22-slim
+# Stage 5: Build native modules
+FROM node:18-alpine AS native-builder
 WORKDIR /app

+RUN apk add --no-cache python3 make g++ 
+
+COPY package*.json ./
+
+RUN npm ci --only=production bcryptjs better-sqlite3 --force && \
+    npm cache clean --force
+
+# Stage 6: Final image
+FROM node:18-alpine
 ENV DATA_DIR=/app/data \
    PORT=8080 \
    NODE_ENV=production

-RUN apt-get update && apt-get install -y nginx gettext-base openssl && \
-    rm -rf /var/lib/apt/lists/* && \
-    mkdir -p /app/data /app/uploads && \
-    chown -R node:node /app/data /app/uploads && \
-    useradd -r -s /bin/false nginx
+RUN apk add --no-cache nginx gettext su-exec && \
+    mkdir -p /app/data && \
+    chown -R node:node /app/data

 COPY docker/nginx.conf /etc/nginx/nginx.conf
-COPY docker/nginx-https.conf /etc/nginx/nginx-https.conf
+COPY --from=frontend-builder /app/dist /usr/share/nginx/html
+RUN chown -R nginx:nginx /usr/share/nginx/html

-COPY --chown=nginx:nginx --from=frontend-builder /app/dist /usr/share/nginx/html
-COPY --chown=nginx:nginx --from=frontend-builder /app/src/locales /usr/share/nginx/html/locales
-COPY --chown=nginx:nginx --from=frontend-builder /app/public/fonts /usr/share/nginx/html/fonts
+WORKDIR /app

-COPY --chown=node:node --from=production-deps /app/node_modules /app/node_modules
-COPY --chown=node:node --from=backend-builder /app/dist/backend ./dist/backend
-COPY --chown=node:node package.json ./
+COPY --from=production-deps /app/node_modules /app/node_modules
+COPY --from=native-builder /app/node_modules/bcryptjs /app/node_modules/bcryptjs
+COPY --from=native-builder /app/node_modules/better-sqlite3 /app/node_modules/better-sqlite3
+COPY --from=backend-builder /app/dist/backend ./dist/backend
+
+COPY package.json ./
+RUN chown -R node:node /app

 VOLUME ["/app/data"]

-EXPOSE ${PORT} 30001 30002 30003 30004 30005 30006
+EXPOSE ${PORT} 8081 8082 8083 8084

 COPY docker/entrypoint.sh /entrypoint.sh
 RUN chmod +x /entrypoint.sh
-CMD ["/entrypoint.sh"]
+CMD ["/entrypoint.sh"]
@@ -0,0 +1,15 @@
+services:
+  termix:
+    image: ghcr.io/lukegus/termix:latest
+    container_name: termix
+    restart: unless-stopped
+    ports:
+      - "8080:8080"
+    volumes:
+      - termix-data:/app/data
+    environment:
+      PORT: "8080"
+
+volumes:
+  termix-data:
+    driver: local 
@@ -2,95 +2,14 @@
 set -e

 export PORT=${PORT:-8080}
-export ENABLE_SSL=${ENABLE_SSL:-false}
-export SSL_PORT=${SSL_PORT:-8443}
-export SSL_CERT_PATH=${SSL_CERT_PATH:-/app/data/ssl/termix.crt}
-export SSL_KEY_PATH=${SSL_KEY_PATH:-/app/data/ssl/termix.key}
-
 echo "Configuring web UI to run on port: $PORT"

-if [ "$ENABLE_SSL" = "true" ]; then
-    echo "SSL enabled - using HTTPS configuration with redirect"
-    NGINX_CONF_SOURCE="/etc/nginx/nginx-https.conf"
-else
-    echo "SSL disabled - using HTTP-only configuration (default)"
-    NGINX_CONF_SOURCE="/etc/nginx/nginx.conf"
-fi
-
-envsubst '${PORT} ${SSL_PORT} ${SSL_CERT_PATH} ${SSL_KEY_PATH}' < $NGINX_CONF_SOURCE > /etc/nginx/nginx.conf.tmp
+envsubst '${PORT}' < /etc/nginx/nginx.conf > /etc/nginx/nginx.conf.tmp
 mv /etc/nginx/nginx.conf.tmp /etc/nginx/nginx.conf

-mkdir -p /app/data /app/uploads
-chown -R node:node /app/data /app/uploads
-chmod 755 /app/data /app/uploads
-
-if [ "$ENABLE_SSL" = "true" ]; then
-    echo "Checking SSL certificate configuration..."
-    mkdir -p /app/data/ssl
-    chown -R node:node /app/data/ssl
-    chmod 755 /app/data/ssl
-
-    DOMAIN=${SSL_DOMAIN:-localhost}
-    
-    if [ -f "/app/data/ssl/termix.crt" ] && [ -f "/app/data/ssl/termix.key" ]; then
-        echo "SSL certificates found, checking validity..."
-        
-        if openssl x509 -in /app/data/ssl/termix.crt -checkend 2592000 -noout >/dev/null 2>&1; then
-            echo "SSL certificates are valid and will be reused for domain: $DOMAIN"
-        else
-            echo "SSL certificate is expired or expiring soon, regenerating..."
-            rm -f /app/data/ssl/termix.crt /app/data/ssl/termix.key
-        fi
-    else
-        echo "SSL certificates not found, will generate new ones..."
-    fi
-    
-    if [ ! -f "/app/data/ssl/termix.crt" ] || [ ! -f "/app/data/ssl/termix.key" ]; then
-        echo "Generating SSL certificates for domain: $DOMAIN"
-
-        cat > /app/data/ssl/openssl.conf << EOF
-[req]
-default_bits = 2048
-prompt = no
-default_md = sha256
-distinguished_name = dn
-req_extensions = v3_req
-
-[dn]
-C=US
-ST=State
-L=City
-O=Termix
-OU=IT Department
-CN=$DOMAIN
-
-[v3_req]
-basicConstraints = CA:FALSE
-keyUsage = nonRepudiation, digitalSignature, keyEncipherment
-subjectAltName = @alt_names
-
-[alt_names]
-DNS.1 = $DOMAIN
-DNS.2 = localhost
-DNS.3 = 127.0.0.1
-IP.1 = 127.0.0.1
-IP.2 = ::1
-IP.3 = 0.0.0.0
-EOF
-
-        openssl genrsa -out /app/data/ssl/termix.key 2048
-
-        openssl req -new -x509 -key /app/data/ssl/termix.key -out /app/data/ssl/termix.crt -days 365 -config /app/data/ssl/openssl.conf -extensions v3_req
-
-        chmod 600 /app/data/ssl/termix.key
-        chmod 644 /app/data/ssl/termix.crt
-        chown node:node /app/data/ssl/termix.key /app/data/ssl/termix.crt
-
-        rm -f /app/data/ssl/openssl.conf
-        
-        echo "SSL certificates generated successfully for domain: $DOMAIN"
-    fi
-fi
+mkdir -p /app/data
+chown -R node:node /app/data
+chmod 755 /app/data

 echo "Starting nginx..."
 nginx
@@ -99,21 +18,10 @@ echo "Starting backend services..."
 cd /app
 export NODE_ENV=production

-if [ -f "package.json" ]; then
-    VERSION=$(grep '"version"' package.json | sed 's/.*"version": *"\([^"]*\)".*/\1/')
-    if [ -n "$VERSION" ]; then
-        export VERSION
-    else
-        echo "Warning: Could not extract version from package.json"
-    fi
-else
-    echo "Warning: package.json not found"
-fi
-
 if command -v su-exec > /dev/null 2>&1; then
-  su-exec node node dist/backend/backend/starter.js
+  su-exec node node dist/backend/starter.js
 else
-  su -s /bin/sh node -c "node dist/backend/backend/starter.js"
+  su -s /bin/sh node -c "node dist/backend/starter.js"
 fi

 echo "All services started"
@@ -1,302 +0,0 @@
-events {
-    worker_connections 1024;
-}
-
-http {
-    include mime.types;
-    default_type application/octet-stream;
-
-    sendfile on;
-    keepalive_timeout 65;
-    client_header_timeout 300s;
-
-    set_real_ip_from 127.0.0.1;
-    real_ip_header X-Forwarded-For;
-
-    ssl_protocols TLSv1.2 TLSv1.3;
-    ssl_ciphers ECDHE-RSA-AES128-GCM-SHA256:ECDHE-RSA-AES256-GCM-SHA384:ECDHE-RSA-AES128-SHA256:ECDHE-RSA-AES256-SHA384;
-    ssl_prefer_server_ciphers off;
-    ssl_session_cache shared:SSL:10m;
-    ssl_session_timeout 10m;
-
-    server {
-        listen ${PORT};
-        server_name _;
-
-        return 301 https://$host:${SSL_PORT}$request_uri;
-    }
-
-    server {
-        listen ${SSL_PORT} ssl;
-        server_name _;
-
-        ssl_certificate ${SSL_CERT_PATH};
-        ssl_certificate_key ${SSL_KEY_PATH};
-
-        add_header Strict-Transport-Security "max-age=31536000; includeSubDomains" always;
-        add_header X-Content-Type-Options nosniff always;
-        add_header X-XSS-Protection "1; mode=block" always;
-
-        location / {
-            root /usr/share/nginx/html;
-            index index.html index.htm;
-        }
-
-        location ~* \.map$ {
-            return 404;
-            access_log off;
-            log_not_found off;
-        }
-
-        location ~ ^/users/sessions(/.*)?$ {
-            proxy_pass http://127.0.0.1:30001;
-            proxy_http_version 1.1;
-            proxy_set_header Host $host;
-            proxy_set_header X-Real-IP $remote_addr;
-            proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
-            proxy_set_header X-Forwarded-Proto $scheme;
-        }
-
-        location ~ ^/users(/.*)?$ {
-            proxy_pass http://127.0.0.1:30001;
-            proxy_http_version 1.1;
-            proxy_set_header Host $host;
-            proxy_set_header X-Real-IP $remote_addr;
-            proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
-            proxy_set_header X-Forwarded-Proto $scheme;
-        }
-
-        location ~ ^/version(/.*)?$ {
-            proxy_pass http://127.0.0.1:30001;
-            proxy_http_version 1.1;
-            proxy_set_header Host $host;
-            proxy_set_header X-Real-IP $remote_addr;
-            proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
-            proxy_set_header X-Forwarded-Proto $scheme;
-        }
-
-        location ~ ^/releases(/.*)?$ {
-            proxy_pass http://127.0.0.1:30001;
-            proxy_http_version 1.1;
-            proxy_set_header Host $host;
-            proxy_set_header X-Real-IP $remote_addr;
-            proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
-            proxy_set_header X-Forwarded-Proto $scheme;
-        }
-
-        location ~ ^/alerts(/.*)?$ {
-            proxy_pass http://127.0.0.1:30001;
-            proxy_http_version 1.1;
-            proxy_set_header Host $host;
-            proxy_set_header X-Real-IP $remote_addr;
-            proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
-            proxy_set_header X-Forwarded-Proto $scheme;
-        }
-
-        location ~ ^/credentials(/.*)?$ {
-            proxy_pass http://127.0.0.1:30001;
-            proxy_http_version 1.1;
-            proxy_set_header Host $host;
-            proxy_set_header X-Real-IP $remote_addr;
-            proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
-            proxy_set_header X-Forwarded-Proto $scheme;
-
-            proxy_connect_timeout 60s;
-            proxy_send_timeout 300s;
-            proxy_read_timeout 300s;
-        }
-
-        location ~ ^/snippets(/.*)?$ {
-            proxy_pass http://127.0.0.1:30001;
-            proxy_http_version 1.1;
-            proxy_set_header Host $host;
-            proxy_set_header X-Real-IP $remote_addr;
-            proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
-            proxy_set_header X-Forwarded-Proto $scheme;
-        }
-
-        location ~ ^/database(/.*)?$ {
-            client_max_body_size 5G;
-            client_body_timeout 300s;
-
-            proxy_pass http://127.0.0.1:30001;
-            proxy_http_version 1.1;
-            proxy_set_header Host $host;
-            proxy_set_header X-Real-IP $remote_addr;
-            proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
-            proxy_set_header X-Forwarded-Proto $scheme;
-
-            proxy_connect_timeout 60s;
-            proxy_send_timeout 300s;
-            proxy_read_timeout 300s;
-
-            proxy_request_buffering off;
-            proxy_buffering off;
-        }
-
-        location ~ ^/db(/.*)?$ {
-            client_max_body_size 5G;
-            client_body_timeout 300s;
-
-            proxy_pass http://127.0.0.1:30001;
-            proxy_http_version 1.1;
-            proxy_set_header Host $host;
-            proxy_set_header X-Real-IP $remote_addr;
-            proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
-            proxy_set_header X-Forwarded-Proto $scheme;
-
-            proxy_connect_timeout 60s;
-            proxy_send_timeout 300s;
-            proxy_read_timeout 300s;
-
-            proxy_request_buffering off;
-            proxy_buffering off;
-        }
-
-        location ~ ^/encryption(/.*)?$ {
-            proxy_pass http://127.0.0.1:30001;
-            proxy_http_version 1.1;
-            proxy_set_header Host $host;
-            proxy_set_header X-Real-IP $remote_addr;
-            proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
-            proxy_set_header X-Forwarded-Proto $scheme;
-        }
-
-        location /ssh/ {
-            proxy_pass http://127.0.0.1:30001;
-            proxy_http_version 1.1;
-            proxy_set_header Host $host;
-            proxy_set_header X-Real-IP $remote_addr;
-            proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
-            proxy_set_header X-Forwarded-Proto $scheme;
-        }
-
-        location /ssh/websocket/ {
-            proxy_pass http://127.0.0.1:30002/;
-            proxy_http_version 1.1;
-
-            proxy_set_header Upgrade $http_upgrade;
-            proxy_set_header Connection "upgrade";
-            proxy_set_header Host $host;
-            proxy_cache_bypass $http_upgrade;
-
-            proxy_set_header X-Real-IP $remote_addr;
-            proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
-            proxy_set_header X-Forwarded-Proto $scheme;
-
-            proxy_read_timeout 86400s;
-            proxy_send_timeout 86400s;
-            proxy_connect_timeout 10s;
-
-            proxy_buffering off;
-            proxy_request_buffering off;
-
-            proxy_next_upstream error timeout invalid_header http_500 http_502 http_503;
-        }
-
-        location /ssh/tunnel/ {
-            proxy_pass http://127.0.0.1:30003;
-            proxy_http_version 1.1;
-            proxy_set_header Host $host;
-            proxy_set_header X-Real-IP $remote_addr;
-            proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
-            proxy_set_header X-Forwarded-Proto $scheme;
-        }
-
-        location /ssh/file_manager/recent {
-            proxy_pass http://127.0.0.1:30001;
-            proxy_http_version 1.1;
-            proxy_set_header Host $host;
-            proxy_set_header X-Real-IP $remote_addr;
-            proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
-            proxy_set_header X-Forwarded-Proto $scheme;
-        }
-
-        location /ssh/file_manager/pinned {
-            proxy_pass http://127.0.0.1:30001;
-            proxy_http_version 1.1;
-            proxy_set_header Host $host;
-            proxy_set_header X-Real-IP $remote_addr;
-            proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
-            proxy_set_header X-Forwarded-Proto $scheme;
-        }
-
-        location /ssh/file_manager/shortcuts {
-            proxy_pass http://127.0.0.1:30001;
-            proxy_http_version 1.1;
-            proxy_set_header Host $host;
-            proxy_set_header X-Real-IP $remote_addr;
-            proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
-            proxy_set_header X-Forwarded-Proto $scheme;
-        }
-
-        location /ssh/file_manager/ssh/ {
-            client_max_body_size 5G;
-            client_body_timeout 300s;
-
-            proxy_pass http://127.0.0.1:30004;
-            proxy_http_version 1.1;
-            proxy_set_header Host $host;
-            proxy_set_header X-Real-IP $remote_addr;
-            proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
-            proxy_set_header X-Forwarded-Proto $scheme;
-
-            proxy_connect_timeout 60s;
-            proxy_send_timeout 300s;
-            proxy_read_timeout 300s;
-
-            proxy_request_buffering off;
-            proxy_buffering off;
-        }
-
-        location /health {
-            proxy_pass http://127.0.0.1:30001;
-            proxy_http_version 1.1;
-            proxy_set_header Host $host;
-            proxy_set_header X-Real-IP $remote_addr;
-            proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
-            proxy_set_header X-Forwarded-Proto $scheme;
-        }
-
-        location ~ ^/status(/.*)?$ {
-            proxy_pass http://127.0.0.1:30005;
-            proxy_http_version 1.1;
-            proxy_set_header Host $host;
-            proxy_set_header X-Real-IP $remote_addr;
-            proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
-            proxy_set_header X-Forwarded-Proto $scheme;
-        }
-
-        location ~ ^/metrics(/.*)?$ {
-            proxy_pass http://127.0.0.1:30005;
-            proxy_http_version 1.1;
-            proxy_set_header Host $host;
-            proxy_set_header X-Real-IP $remote_addr;
-            proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
-            proxy_set_header X-Forwarded-Proto $scheme;
-        }
-
-        location ~ ^/uptime(/.*)?$ {
-            proxy_pass http://127.0.0.1:30006;
-            proxy_http_version 1.1;
-            proxy_set_header Host $host;
-            proxy_set_header X-Real-IP $remote_addr;
-            proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
-            proxy_set_header X-Forwarded-Proto $scheme;
-        }
-
-        location ~ ^/activity(/.*)?$ {
-            proxy_pass http://127.0.0.1:30006;
-            proxy_http_version 1.1;
-            proxy_set_header Host $host;
-            proxy_set_header X-Real-IP $remote_addr;
-            proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
-            proxy_set_header X-Forwarded-Proto $scheme;
-        }
-
-        error_page 500 502 503 504 /50x.html;
-        location = /50x.html {
-            root /usr/share/nginx/html;
-        }
-    }
-}
@@ -8,45 +8,18 @@ http {

    sendfile on;
    keepalive_timeout 65;
-    client_header_timeout 300s;
-
-    set_real_ip_from 127.0.0.1;
-    real_ip_header X-Forwarded-For;
-
-    ssl_protocols TLSv1.2 TLSv1.3;
-    ssl_ciphers ECDHE-RSA-AES128-GCM-SHA256:ECDHE-RSA-AES256-GCM-SHA384:ECDHE-RSA-AES128-SHA256:ECDHE-RSA-AES256-SHA384;
-    ssl_prefer_server_ciphers off;
-    ssl_session_cache shared:SSL:10m;
-    ssl_session_timeout 10m;

    server {
        listen ${PORT};
        server_name localhost;

-        add_header X-Content-Type-Options nosniff always;
-        add_header X-XSS-Protection "1; mode=block" always;
-
-        location ~* \.(js|css|png|jpg|jpeg|gif|ico|svg|woff|woff2|ttf|eot)$ {
-            root /usr/share/nginx/html;
-            expires 1y;
-            add_header Cache-Control "public, immutable";
-            try_files $uri =404;
-        }
-
        location / {
            root /usr/share/nginx/html;
            index index.html index.htm;
-            try_files $uri $uri/ /index.html;
        }

-        location ~* \.map$ {
-            return 404;
-            access_log off;
-            log_not_found off;
-        }
-
-        location ~ ^/users/sessions(/.*)?$ {
-            proxy_pass http://127.0.0.1:30001;
+        location /users/ {
+            proxy_pass http://127.0.0.1:8081;
            proxy_http_version 1.1;
            proxy_set_header Host $host;
            proxy_set_header X-Real-IP $remote_addr;
@@ -54,113 +27,8 @@ http {
            proxy_set_header X-Forwarded-Proto $scheme;
        }

-        location ~ ^/users(/.*)?$ {
-            proxy_pass http://127.0.0.1:30001;
-            proxy_http_version 1.1;
-            proxy_set_header Host $host;
-            proxy_set_header X-Real-IP $remote_addr;
-            proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
-            proxy_set_header X-Forwarded-Proto $scheme;
-        }
-
-        location ~ ^/version(/.*)?$ {
-            proxy_pass http://127.0.0.1:30001;
-            proxy_http_version 1.1;
-            proxy_set_header Host $host;
-            proxy_set_header X-Real-IP $remote_addr;
-            proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
-            proxy_set_header X-Forwarded-Proto $scheme;
-        }
-
-        location ~ ^/releases(/.*)?$ {
-            proxy_pass http://127.0.0.1:30001;
-            proxy_http_version 1.1;
-            proxy_set_header Host $host;
-            proxy_set_header X-Real-IP $remote_addr;
-            proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
-            proxy_set_header X-Forwarded-Proto $scheme;
-        }
-
-        location ~ ^/alerts(/.*)?$ {
-            proxy_pass http://127.0.0.1:30001;
-            proxy_http_version 1.1;
-            proxy_set_header Host $host;
-            proxy_set_header X-Real-IP $remote_addr;
-            proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
-            proxy_set_header X-Forwarded-Proto $scheme;
-        }
-
-        location ~ ^/credentials(/.*)?$ {
-            proxy_pass http://127.0.0.1:30001;
-            proxy_http_version 1.1;
-            proxy_set_header Host $host;
-            proxy_set_header X-Real-IP $remote_addr;
-            proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
-            proxy_set_header X-Forwarded-Proto $scheme;
-
-            proxy_connect_timeout 60s;
-            proxy_send_timeout 300s;
-            proxy_read_timeout 300s;
-        }
-
-        location ~ ^/snippets(/.*)?$ {
-            proxy_pass http://127.0.0.1:30001;
-            proxy_http_version 1.1;
-            proxy_set_header Host $host;
-            proxy_set_header X-Real-IP $remote_addr;
-            proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
-            proxy_set_header X-Forwarded-Proto $scheme;
-        }
-
-        location ~ ^/database(/.*)?$ {
-            client_max_body_size 5G;
-            client_body_timeout 300s;
-
-            proxy_pass http://127.0.0.1:30001;
-            proxy_http_version 1.1;
-            proxy_set_header Host $host;
-            proxy_set_header X-Real-IP $remote_addr;
-            proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
-            proxy_set_header X-Forwarded-Proto $scheme;
-
-            proxy_connect_timeout 60s;
-            proxy_send_timeout 300s;
-            proxy_read_timeout 300s;
-
-            proxy_request_buffering off;
-            proxy_buffering off;
-        }
-
-        location ~ ^/db(/.*)?$ {
-            client_max_body_size 5G;
-            client_body_timeout 300s;
-
-            proxy_pass http://127.0.0.1:30001;
-            proxy_http_version 1.1;
-            proxy_set_header Host $host;
-            proxy_set_header X-Real-IP $remote_addr;
-            proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
-            proxy_set_header X-Forwarded-Proto $scheme;
-
-            proxy_connect_timeout 60s;
-            proxy_send_timeout 300s;
-            proxy_read_timeout 300s;
-
-            proxy_request_buffering off;
-            proxy_buffering off;
-        }
-
-        location ~ ^/encryption(/.*)?$ {
-            proxy_pass http://127.0.0.1:30001;
-            proxy_http_version 1.1;
-            proxy_set_header Host $host;
-            proxy_set_header X-Real-IP $remote_addr;
-            proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
-            proxy_set_header X-Forwarded-Proto $scheme;
-        }
-
-        location /ssh/ {
-            proxy_pass http://127.0.0.1:30001;
+        location /ssh/db/ {
+            proxy_pass http://127.0.0.1:8081;
            proxy_http_version 1.1;
            proxy_set_header Host $host;
            proxy_set_header X-Real-IP $remote_addr;
@@ -169,30 +37,20 @@ http {
        }

        location /ssh/websocket/ {
-            proxy_pass http://127.0.0.1:30002/;
+            proxy_pass http://127.0.0.1:8082/;
            proxy_http_version 1.1;
-
            proxy_set_header Upgrade $http_upgrade;
-            proxy_set_header Connection "upgrade";
+            proxy_set_header Connection "Upgrade";
            proxy_set_header Host $host;
            proxy_cache_bypass $http_upgrade;

            proxy_set_header X-Real-IP $remote_addr;
            proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
            proxy_set_header X-Forwarded-Proto $scheme;
-
-            proxy_read_timeout 86400s;
-            proxy_send_timeout 86400s;
-            proxy_connect_timeout 10s;
-
-            proxy_buffering off;
-            proxy_request_buffering off;
-
-            proxy_next_upstream error timeout invalid_header http_500 http_502 http_503;
        }

        location /ssh/tunnel/ {
-            proxy_pass http://127.0.0.1:30003;
+            proxy_pass http://127.0.0.1:8083;
            proxy_http_version 1.1;
            proxy_set_header Host $host;
            proxy_set_header X-Real-IP $remote_addr;
@@ -200,8 +58,8 @@ http {
            proxy_set_header X-Forwarded-Proto $scheme;
        }

-        location /ssh/file_manager/recent {
-            proxy_pass http://127.0.0.1:30001;
+        location /ssh/config_editor/ {
+            proxy_pass http://127.0.0.1:8084;
            proxy_http_version 1.1;
            proxy_set_header Host $host;
            proxy_set_header X-Real-IP $remote_addr;
@@ -209,81 +67,8 @@ http {
            proxy_set_header X-Forwarded-Proto $scheme;
        }

-        location /ssh/file_manager/pinned {
-            proxy_pass http://127.0.0.1:30001;
-            proxy_http_version 1.1;
-            proxy_set_header Host $host;
-            proxy_set_header X-Real-IP $remote_addr;
-            proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
-            proxy_set_header X-Forwarded-Proto $scheme;
-        }
-
-        location /ssh/file_manager/shortcuts {
-            proxy_pass http://127.0.0.1:30001;
-            proxy_http_version 1.1;
-            proxy_set_header Host $host;
-            proxy_set_header X-Real-IP $remote_addr;
-            proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
-            proxy_set_header X-Forwarded-Proto $scheme;
-        }
-
-        location /ssh/file_manager/ssh/ {
-            client_max_body_size 5G;
-            client_body_timeout 300s;
-
-            proxy_pass http://127.0.0.1:30004;
-            proxy_http_version 1.1;
-            proxy_set_header Host $host;
-            proxy_set_header X-Real-IP $remote_addr;
-            proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
-            proxy_set_header X-Forwarded-Proto $scheme;
-
-            proxy_connect_timeout 60s;
-            proxy_send_timeout 300s;
-            proxy_read_timeout 300s;
-
-            proxy_request_buffering off;
-            proxy_buffering off;
-        }
-
-        location /health {
-            proxy_pass http://127.0.0.1:30001;
-            proxy_http_version 1.1;
-            proxy_set_header Host $host;
-            proxy_set_header X-Real-IP $remote_addr;
-            proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
-            proxy_set_header X-Forwarded-Proto $scheme;
-        }
-
-        location ~ ^/status(/.*)?$ {
-            proxy_pass http://127.0.0.1:30005;
-            proxy_http_version 1.1;
-            proxy_set_header Host $host;
-            proxy_set_header X-Real-IP $remote_addr;
-            proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
-            proxy_set_header X-Forwarded-Proto $scheme;
-        }
-
-        location ~ ^/metrics(/.*)?$ {
-            proxy_pass http://127.0.0.1:30005;
-            proxy_http_version 1.1;
-            proxy_set_header Host $host;
-            proxy_set_header X-Real-IP $remote_addr;
-            proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
-            proxy_set_header X-Forwarded-Proto $scheme;
-        }
-
-        location ~ ^/uptime(/.*)?$ {
-            proxy_pass http://127.0.0.1:30006;
-            proxy_http_version 1.1;
-            proxy_set_header Host $host;
-            proxy_set_header X-Real-IP $remote_addr;
-            proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
-            proxy_set_header X-Forwarded-Proto $scheme;
-        }
-
-        location ~ ^/activity(/.*)?$ {
-            proxy_pass http://127.0.0.1:30006;
+        location ~ ^/ssh/config_editor/(recent|pinned|shortcuts) {
+            proxy_pass http://127.0.0.1:8081;
            proxy_http_version 1.1;
            proxy_set_header Host $host;
            proxy_set_header X-Real-IP $remote_addr;
@@ -296,4 +81,4 @@ http {
            root /usr/share/nginx/html;
        }
    }
-}
+}
@@ -1,128 +0,0 @@
-{
-  "appId": "com.karmaa.termix",
-  "productName": "Termix",
-  "publish": null,
-  "directories": {
-    "output": "release"
-  },
-  "files": [
-    "dist/**/*",
-    "electron/**/*",
-    "public/**/*",
-    "!**/node_modules/**/*",
-    "!src/**/*",
-    "!*.md",
-    "!tsconfig*.json",
-    "!vite.config.ts",
-    "!eslint.config.js"
-  ],
-  "asarUnpack": ["node_modules/node-fetch/**/*"],
-  "extraMetadata": {
-    "main": "electron/main.cjs"
-  },
-  "buildDependenciesFromSource": false,
-  "nodeGypRebuild": false,
-  "npmRebuild": true,
-  "win": {
-    "target": [
-      {
-        "target": "nsis",
-        "arch": ["x64", "ia32"]
-      },
-      {
-        "target": "msi",
-        "arch": ["x64", "ia32"]
-      }
-    ],
-    "icon": "public/icon.ico",
-    "executableName": "Termix"
-  },
-  "nsis": {
-    "oneClick": false,
-    "allowToChangeInstallationDirectory": true,
-    "artifactName": "termix_windows_${arch}_nsis.${ext}",
-    "createDesktopShortcut": true,
-    "createStartMenuShortcut": true,
-    "shortcutName": "Termix",
-    "uninstallDisplayName": "Termix"
-  },
-  "msi": {
-    "artifactName": "termix_windows_${arch}_msi.${ext}"
-  },
-  "linux": {
-    "artifactName": "termix_linux_${arch}_portable.${ext}",
-    "target": [
-      {
-        "target": "AppImage",
-        "arch": ["x64", "arm64", "armv7l"]
-      },
-      {
-        "target": "deb",
-        "arch": ["x64", "arm64", "armv7l"]
-      },
-      {
-        "target": "tar.gz",
-        "arch": ["x64", "arm64", "armv7l"]
-      }
-    ],
-    "icon": "public/icon.png",
-    "category": "Development",
-    "executableName": "termix",
-    "maintainer": "Termix <mail@termix.site>",
-    "desktop": {
-      "entry": {
-        "Name": "Termix",
-        "Comment": "A web-based server management platform",
-        "Keywords": "terminal;ssh;server;management;",
-        "StartupWMClass": "termix"
-      }
-    }
-  },
-  "appImage": {
-    "artifactName": "termix_linux_${arch}_appimage.${ext}"
-  },
-  "deb": {
-    "artifactName": "termix_linux_${arch}_deb.${ext}"
-  },
-
-  "mac": {
-    "target": [
-      {
-        "target": "mas",
-        "arch": "universal"
-      },
-      {
-        "target": "dmg",
-        "arch": ["universal", "x64", "arm64"]
-      }
-    ],
-    "icon": "public/icon.icns",
-    "category": "public.app-category.developer-tools",
-    "hardenedRuntime": true,
-    "gatekeeperAssess": false,
-    "entitlements": "build/entitlements.mac.plist",
-    "entitlementsInherit": "build/entitlements.mac.inherit.plist",
-    "type": "distribution",
-    "minimumSystemVersion": "10.15"
-  },
-  "dmg": {
-    "artifactName": "termix_macos_${arch}_dmg.${ext}",
-    "sign": true
-  },
-  "afterSign": "build/notarize.cjs",
-  "mas": {
-    "provisioningProfile": "build/Termix_Mac_App_Store.provisionprofile",
-    "entitlements": "build/entitlements.mas.plist",
-    "entitlementsInherit": "build/entitlements.mas.inherit.plist",
-    "hardenedRuntime": false,
-    "gatekeeperAssess": false,
-    "asarUnpack": ["**/*.node"],
-    "type": "distribution",
-    "category": "public.app-category.developer-tools",
-    "artifactName": "termix_macos_${arch}_mas.${ext}",
-    "extendInfo": {
-      "ITSAppUsesNonExemptEncryption": false,
-      "NSAppleEventsUsageDescription": "Termix needs access to control other applications for terminal operations."
-    }
-  }
-}
@@ -1,646 +0,0 @@
-const {
-  app,
-  BrowserWindow,
-  shell,
-  ipcMain,
-  dialog,
-  Menu,
-} = require("electron");
-const path = require("path");
-const fs = require("fs");
-const os = require("os");
-
-if (process.platform === "linux") {
-  app.commandLine.appendSwitch("--no-sandbox");
-  app.commandLine.appendSwitch("--disable-setuid-sandbox");
-  app.commandLine.appendSwitch("--disable-dev-shm-usage");
-
-  app.disableHardwareAcceleration();
-  app.commandLine.appendSwitch("--disable-gpu");
-  app.commandLine.appendSwitch("--disable-gpu-compositing");
-}
-
-app.commandLine.appendSwitch("--ignore-certificate-errors");
-app.commandLine.appendSwitch("--ignore-ssl-errors");
-app.commandLine.appendSwitch("--ignore-certificate-errors-spki-list");
-app.commandLine.appendSwitch("--enable-features=NetworkService");
-
-let mainWindow = null;
-
-const isDev = process.env.NODE_ENV === "development" || !app.isPackaged;
-const appRoot = isDev ? process.cwd() : path.join(__dirname, "..");
-
-const gotTheLock = app.requestSingleInstanceLock();
-if (!gotTheLock) {
-  console.log("Another instance is already running, quitting...");
-  app.quit();
-  process.exit(0);
-} else {
-  app.on("second-instance", (event, commandLine, workingDirectory) => {
-    if (mainWindow) {
-      if (mainWindow.isMinimized()) mainWindow.restore();
-      mainWindow.focus();
-      mainWindow.show();
-    }
-  });
-}
-
-function createWindow() {
-  const appVersion = app.getVersion();
-  const electronVersion = process.versions.electron;
-  const platform =
-    process.platform === "win32"
-      ? "Windows"
-      : process.platform === "darwin"
-        ? "macOS"
-        : "Linux";
-
-  mainWindow = new BrowserWindow({
-    width: 1200,
-    height: 800,
-    minWidth: 800,
-    minHeight: 600,
-    title: "Termix",
-    icon: path.join(appRoot, "public", "icon.png"),
-    webPreferences: {
-      nodeIntegration: false,
-      contextIsolation: true,
-      webSecurity: false,
-      preload: path.join(__dirname, "preload.js"),
-      partition: "persist:termix",
-      allowRunningInsecureContent: true,
-      webviewTag: true,
-      offscreen: false,
-    },
-    show: true,
-  });
-
-  if (process.platform !== "darwin") {
-    mainWindow.setMenuBarVisibility(false);
-  }
-
-  const customUserAgent = `Termix-Desktop/${appVersion} (${platform}; Electron/${electronVersion})`;
-  mainWindow.webContents.setUserAgent(customUserAgent);
-
-  mainWindow.webContents.session.webRequest.onBeforeSendHeaders(
-    (details, callback) => {
-      details.requestHeaders["X-Electron-App"] = "true";
-
-      details.requestHeaders["User-Agent"] = customUserAgent;
-
-      callback({ requestHeaders: details.requestHeaders });
-    },
-  );
-
-  if (isDev) {
-    mainWindow.loadURL("http://localhost:5173");
-    mainWindow.webContents.openDevTools();
-  } else {
-    const indexPath = path.join(appRoot, "dist", "index.html");
-    mainWindow.loadFile(indexPath).catch((err) => {
-      console.error("Failed to load file:", err);
-    });
-  }
-
-  mainWindow.webContents.session.webRequest.onHeadersReceived(
-    (details, callback) => {
-      const headers = details.responseHeaders;
-
-      if (headers) {
-        delete headers["x-frame-options"];
-        delete headers["X-Frame-Options"];
-
-        if (headers["content-security-policy"]) {
-          headers["content-security-policy"] = headers[
-            "content-security-policy"
-          ]
-            .map((value) => value.replace(/frame-ancestors[^;]*/gi, ""))
-            .filter((value) => value.trim().length > 0);
-
-          if (headers["content-security-policy"].length === 0) {
-            delete headers["content-security-policy"];
-          }
-        }
-        if (headers["Content-Security-Policy"]) {
-          headers["Content-Security-Policy"] = headers[
-            "Content-Security-Policy"
-          ]
-            .map((value) => value.replace(/frame-ancestors[^;]*/gi, ""))
-            .filter((value) => value.trim().length > 0);
-
-          if (headers["Content-Security-Policy"].length === 0) {
-            delete headers["Content-Security-Policy"];
-          }
-        }
-
-        if (headers["set-cookie"]) {
-          headers["set-cookie"] = headers["set-cookie"].map((cookie) => {
-            let modified = cookie.replace(
-              /;\s*SameSite=Strict/gi,
-              "; SameSite=None",
-            );
-            modified = modified.replace(
-              /;\s*SameSite=Lax/gi,
-              "; SameSite=None",
-            );
-            if (!modified.includes("SameSite=")) {
-              modified += "; SameSite=None";
-            }
-            if (
-              !modified.includes("Secure") &&
-              details.url.startsWith("https")
-            ) {
-              modified += "; Secure";
-            }
-            return modified;
-          });
-        }
-      }
-
-      callback({ responseHeaders: headers });
-    },
-  );
-
-  mainWindow.once("ready-to-show", () => {
-    mainWindow.show();
-  });
-
-  setTimeout(() => {
-    if (mainWindow && !mainWindow.isVisible()) {
-      mainWindow.show();
-    }
-  }, 3000);
-
-  mainWindow.webContents.on(
-    "did-fail-load",
-    (event, errorCode, errorDescription, validatedURL) => {
-      console.error(
-        "Failed to load:",
-        errorCode,
-        errorDescription,
-        validatedURL,
-      );
-    },
-  );
-
-  mainWindow.webContents.on("did-finish-load", () => {
-    console.log("Frontend loaded successfully");
-  });
-
-  mainWindow.on("closed", () => {
-    mainWindow = null;
-  });
-
-  mainWindow.webContents.setWindowOpenHandler(({ url }) => {
-    shell.openExternal(url);
-    return { action: "deny" };
-  });
-}
-
-ipcMain.handle("get-app-version", () => {
-  return app.getVersion();
-});
-
-const GITHUB_API_BASE = "https://api.github.com";
-const REPO_OWNER = "Termix-SSH";
-const REPO_NAME = "Termix";
-
-const githubCache = new Map();
-const CACHE_DURATION = 30 * 60 * 1000;
-
-async function fetchGitHubAPI(endpoint, cacheKey) {
-  const cached = githubCache.get(cacheKey);
-  if (cached && Date.now() - cached.timestamp < CACHE_DURATION) {
-    return {
-      data: cached.data,
-      cached: true,
-      cache_age: Date.now() - cached.timestamp,
-    };
-  }
-
-  try {
-    let fetch;
-    try {
-      fetch = globalThis.fetch || require("node-fetch");
-    } catch (e) {
-      const https = require("https");
-      const http = require("http");
-      const { URL } = require("url");
-
-      fetch = (url, options = {}) => {
-        return new Promise((resolve, reject) => {
-          const urlObj = new URL(url);
-          const isHttps = urlObj.protocol === "https:";
-          const client = isHttps ? https : http;
-
-          const requestOptions = {
-            method: options.method || "GET",
-            headers: options.headers || {},
-            timeout: options.timeout || 10000,
-          };
-
-          if (isHttps) {
-            requestOptions.rejectUnauthorized = false;
-            requestOptions.agent = new https.Agent({
-              rejectUnauthorized: false,
-              secureProtocol: "TLSv1_2_method",
-              checkServerIdentity: () => undefined,
-              ciphers: "ALL:!ADH:!LOW:!EXP:!MD5:@STRENGTH",
-              honorCipherOrder: true,
-            });
-          }
-
-          const req = client.request(url, requestOptions, (res) => {
-            let data = "";
-            res.on("data", (chunk) => (data += chunk));
-            res.on("end", () => {
-              resolve({
-                ok: res.statusCode >= 200 && res.statusCode < 300,
-                status: res.statusCode,
-                text: () => Promise.resolve(data),
-                json: () => Promise.resolve(JSON.parse(data)),
-              });
-            });
-          });
-
-          req.on("error", reject);
-          req.on("timeout", () => {
-            req.destroy();
-            reject(new Error("Request timeout"));
-          });
-
-          if (options.body) {
-            req.write(options.body);
-          }
-          req.end();
-        });
-      };
-    }
-
-    const response = await fetch(`${GITHUB_API_BASE}${endpoint}`, {
-      headers: {
-        Accept: "application/vnd.github+json",
-        "User-Agent": "TermixElectronUpdateChecker/1.0",
-        "X-GitHub-Api-Version": "2022-11-28",
-      },
-      timeout: 10000,
-    });
-
-    if (!response.ok) {
-      throw new Error(
-        `GitHub API error: ${response.status} ${response.statusText}`,
-      );
-    }
-
-    const data = await response.json();
-
-    githubCache.set(cacheKey, {
-      data,
-      timestamp: Date.now(),
-    });
-
-    return {
-      data: data,
-      cached: false,
-    };
-  } catch (error) {
-    console.error("Failed to fetch from GitHub API:", error);
-    throw error;
-  }
-}
-
-ipcMain.handle("check-electron-update", async () => {
-  try {
-    const localVersion = app.getVersion();
-
-    const releaseData = await fetchGitHubAPI(
-      `/repos/${REPO_OWNER}/${REPO_NAME}/releases/latest`,
-      "latest_release_electron",
-    );
-
-    const rawTag = releaseData.data.tag_name || releaseData.data.name || "";
-    const remoteVersionMatch = rawTag.match(/(\d+\.\d+(\.\d+)?)/);
-    const remoteVersion = remoteVersionMatch ? remoteVersionMatch[1] : null;
-
-    if (!remoteVersion) {
-      return {
-        success: false,
-        error: "Remote version not found",
-        localVersion,
-      };
-    }
-
-    const isUpToDate = localVersion === remoteVersion;
-
-    const result = {
-      success: true,
-      status: isUpToDate ? "up_to_date" : "requires_update",
-      localVersion: localVersion,
-      remoteVersion: remoteVersion,
-      latest_release: {
-        tag_name: releaseData.data.tag_name,
-        name: releaseData.data.name,
-        published_at: releaseData.data.published_at,
-        html_url: releaseData.data.html_url,
-        body: releaseData.data.body,
-      },
-      cached: releaseData.cached,
-      cache_age: releaseData.cache_age,
-    };
-
-    return result;
-  } catch (error) {
-    return {
-      success: false,
-      error: error.message,
-      localVersion: app.getVersion(),
-    };
-  }
-});
-
-ipcMain.handle("get-platform", () => {
-  return process.platform;
-});
-
-ipcMain.handle("get-server-config", () => {
-  try {
-    const userDataPath = app.getPath("userData");
-    const configPath = path.join(userDataPath, "server-config.json");
-
-    if (fs.existsSync(configPath)) {
-      const configData = fs.readFileSync(configPath, "utf8");
-      return JSON.parse(configData);
-    }
-    return null;
-  } catch (error) {
-    console.error("Error reading server config:", error);
-    return null;
-  }
-});
-
-ipcMain.handle("save-server-config", (event, config) => {
-  try {
-    const userDataPath = app.getPath("userData");
-    const configPath = path.join(userDataPath, "server-config.json");
-
-    if (!fs.existsSync(userDataPath)) {
-      fs.mkdirSync(userDataPath, { recursive: true });
-    }
-
-    fs.writeFileSync(configPath, JSON.stringify(config, null, 2));
-    return { success: true };
-  } catch (error) {
-    console.error("Error saving server config:", error);
-    return { success: false, error: error.message };
-  }
-});
-
-ipcMain.handle("test-server-connection", async (event, serverUrl) => {
-  try {
-    const https = require("https");
-    const http = require("http");
-    const { URL } = require("url");
-
-    const fetch = (url, options = {}) => {
-      return new Promise((resolve, reject) => {
-        const urlObj = new URL(url);
-        const isHttps = urlObj.protocol === "https:";
-        const client = isHttps ? https : http;
-
-        const requestOptions = {
-          method: options.method || "GET",
-          headers: options.headers || {},
-          timeout: options.timeout || 10000,
-        };
-
-        if (isHttps) {
-          requestOptions.rejectUnauthorized = false;
-          requestOptions.agent = new https.Agent({
-            rejectUnauthorized: false,
-            secureProtocol: "TLSv1_2_method",
-            checkServerIdentity: () => undefined,
-            ciphers: "ALL:!ADH:!LOW:!EXP:!MD5:@STRENGTH",
-            honorCipherOrder: true,
-          });
-        }
-
-        const req = client.request(url, requestOptions, (res) => {
-          let data = "";
-          res.on("data", (chunk) => (data += chunk));
-          res.on("end", () => {
-            resolve({
-              ok: res.statusCode >= 200 && res.statusCode < 300,
-              status: res.statusCode,
-              text: () => Promise.resolve(data),
-              json: () => Promise.resolve(JSON.parse(data)),
-            });
-          });
-        });
-
-        req.on("error", reject);
-        req.on("timeout", () => {
-          req.destroy();
-          reject(new Error("Request timeout"));
-        });
-
-        if (options.body) {
-          req.write(options.body);
-        }
-        req.end();
-      });
-    };
-
-    const normalizedServerUrl = serverUrl.replace(/\/$/, "");
-
-    const healthUrl = `${normalizedServerUrl}/health`;
-
-    try {
-      const response = await fetch(healthUrl, {
-        method: "GET",
-        timeout: 10000,
-      });
-
-      if (response.ok) {
-        const data = await response.text();
-
-        if (
-          data.includes("<html") ||
-          data.includes("<!DOCTYPE") ||
-          data.includes("<head>") ||
-          data.includes("<body>")
-        ) {
-          return {
-            success: false,
-            error:
-              "Server returned HTML instead of JSON. This does not appear to be a Termix server.",
-          };
-        }
-
-        try {
-          const healthData = JSON.parse(data);
-          if (
-            healthData &&
-            (healthData.status === "ok" ||
-              healthData.status === "healthy" ||
-              healthData.healthy === true ||
-              healthData.database === "connected")
-          ) {
-            return {
-              success: true,
-              status: response.status,
-              testedUrl: healthUrl,
-            };
-          }
-        } catch (parseError) {
-          console.log("Health endpoint did not return valid JSON");
-        }
-      }
-    } catch (urlError) {
-      console.error("Health check failed:", urlError);
-    }
-
-    try {
-      const versionUrl = `${normalizedServerUrl}/version`;
-      const response = await fetch(versionUrl, {
-        method: "GET",
-        timeout: 10000,
-      });
-
-      if (response.ok) {
-        const data = await response.text();
-
-        if (
-          data.includes("<html") ||
-          data.includes("<!DOCTYPE") ||
-          data.includes("<head>") ||
-          data.includes("<body>")
-        ) {
-          return {
-            success: false,
-            error:
-              "Server returned HTML instead of JSON. This does not appear to be a Termix server.",
-          };
-        }
-
-        try {
-          const versionData = JSON.parse(data);
-          if (
-            versionData &&
-            (versionData.status === "up_to_date" ||
-              versionData.status === "requires_update" ||
-              (versionData.localVersion &&
-                versionData.version &&
-                versionData.latest_release))
-          ) {
-            return {
-              success: true,
-              status: response.status,
-              testedUrl: versionUrl,
-              warning:
-                "Health endpoint not available, but server appears to be running",
-            };
-          }
-        } catch (parseError) {
-          console.log("Version endpoint did not return valid JSON");
-        }
-      }
-    } catch (versionError) {
-      console.error("Version check failed:", versionError);
-    }
-
-    return {
-      success: false,
-      error:
-        "Server is not responding or does not appear to be a valid Termix server. Please ensure the server is running and accessible.",
-    };
-  } catch (error) {
-    return { success: false, error: error.message };
-  }
-});
-
-function createMenu() {
-  if (process.platform === "darwin") {
-    const template = [
-      {
-        label: app.name,
-        submenu: [
-          { role: "about" },
-          { type: "separator" },
-          { role: "services" },
-          { type: "separator" },
-          { role: "hide" },
-          { role: "hideOthers" },
-          { role: "unhide" },
-          { type: "separator" },
-          { role: "quit" },
-        ],
-      },
-      {
-        label: "Edit",
-        submenu: [
-          { role: "undo" },
-          { role: "redo" },
-          { type: "separator" },
-          { role: "cut" },
-          { role: "copy" },
-          { role: "paste" },
-          { role: "selectAll" },
-        ],
-      },
-      {
-        label: "View",
-        submenu: [
-          { role: "reload" },
-          { role: "forceReload" },
-          { role: "toggleDevTools" },
-          { type: "separator" },
-          { role: "resetZoom" },
-          { role: "zoomIn" },
-          { role: "zoomOut" },
-          { type: "separator" },
-          { role: "togglefullscreen" },
-        ],
-      },
-      {
-        label: "Window",
-        submenu: [
-          { role: "minimize" },
-          { role: "zoom" },
-          { type: "separator" },
-          { role: "front" },
-          { type: "separator" },
-          { role: "window" },
-        ],
-      },
-    ];
-    const menu = Menu.buildFromTemplate(template);
-    Menu.setApplicationMenu(menu);
-  }
-}
-
-app.whenReady().then(() => {
-  createMenu();
-  createWindow();
-});
-
-app.on("window-all-closed", () => {
-  app.quit();
-});
-
-app.on("activate", () => {
-  if (BrowserWindow.getAllWindows().length === 0) {
-    createWindow();
-  }
-});
-
-app.on("will-quit", () => {
-  console.log("App will quit...");
-});
-
-process.on("uncaughtException", (error) => {
-  console.error("Uncaught Exception:", error);
-});
-
-process.on("unhandledRejection", (reason, promise) => {
-  console.error("Unhandled Rejection at:", promise, "reason:", reason);
-});
@@ -1,28 +0,0 @@
-const { contextBridge, ipcRenderer } = require("electron");
-
-contextBridge.exposeInMainWorld("electronAPI", {
-  getAppVersion: () => ipcRenderer.invoke("get-app-version"),
-  getPlatform: () => ipcRenderer.invoke("get-platform"),
-  checkElectronUpdate: () => ipcRenderer.invoke("check-electron-update"),
-
-  getServerConfig: () => ipcRenderer.invoke("get-server-config"),
-  saveServerConfig: (config) =>
-    ipcRenderer.invoke("save-server-config", config),
-  testServerConnection: (serverUrl) =>
-    ipcRenderer.invoke("test-server-connection", serverUrl),
-
-  showSaveDialog: (options) => ipcRenderer.invoke("show-save-dialog", options),
-  showOpenDialog: (options) => ipcRenderer.invoke("show-open-dialog", options),
-
-  onUpdateAvailable: (callback) => ipcRenderer.on("update-available", callback),
-  onUpdateDownloaded: (callback) =>
-    ipcRenderer.on("update-downloaded", callback),
-
-  removeAllListeners: (channel) => ipcRenderer.removeAllListeners(channel),
-  isElectron: true,
-  isDev: process.env.NODE_ENV === "development",
-
-  invoke: (channel, ...args) => ipcRenderer.invoke(channel, ...args),
-});
-
-window.IS_ELECTRON = true;
@@ -1,18 +1,18 @@
-import js from "@eslint/js";
-import globals from "globals";
-import reactHooks from "eslint-plugin-react-hooks";
-import reactRefresh from "eslint-plugin-react-refresh";
-import tseslint from "typescript-eslint";
-import { globalIgnores } from "eslint/config";
+import js from '@eslint/js'
+import globals from 'globals'
+import reactHooks from 'eslint-plugin-react-hooks'
+import reactRefresh from 'eslint-plugin-react-refresh'
+import tseslint from 'typescript-eslint'
+import { globalIgnores } from 'eslint/config'

 export default tseslint.config([
-  globalIgnores(["dist"]),
+  globalIgnores(['dist']),
  {
-    files: ["**/*.{ts,tsx}"],
+    files: ['**/*.{ts,tsx}'],
    extends: [
      js.configs.recommended,
      tseslint.configs.recommended,
-      reactHooks.configs["recommended-latest"],
+      reactHooks.configs['recommended-latest'],
      reactRefresh.configs.vite,
    ],
    languageOptions: {
@@ -20,4 +20,4 @@ export default tseslint.config([
      globals: globals.browser,
    },
  },
-]);
+])
@@ -1,11 +0,0 @@
-[Desktop Entry]
-Name=Termix
-Comment=Web-based server management platform with SSH terminal, tunneling, and file editing
-Exec=termix %U
-Icon=com.karmaa.termix
-Terminal=false
-Type=Application
-Categories=Development;Network;System;
-Keywords=ssh;terminal;server;management;tunnel;
-StartupWMClass=termix
-StartupNotify=true
@@ -1,77 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<component type="desktop-application">
-  <id>com.karmaa.termix</id>
-  <name>Termix</name>
-  <summary>Web-based server management platform with SSH terminal, tunneling, and file editing</summary>
-
-  <metadata_license>CC0-1.0</metadata_license>
-  <project_license>GPL-3.0-or-later</project_license>
-
-  <developer_name>bugattiguy527</developer_name>
-
-  <description>
-    <p>
-      Termix is an open-source, forever-free, self-hosted all-in-one server management platform.
-      It provides a web-based solution for managing your servers and infrastructure through a single, intuitive interface.
-    </p>
-    <p>Features:</p>
-    <ul>
-      <li>SSH terminal access with full terminal emulation</li>
-      <li>SSH tunneling capabilities for secure port forwarding</li>
-      <li>Remote file management with editor support</li>
-      <li>Server monitoring and management tools</li>
-      <li>Self-hosted solution - keep your data private</li>
-      <li>Modern, intuitive web interface</li>
-    </ul>
-  </description>
-
-  <launchable type="desktop-id">com.karmaa.termix.desktop</launchable>
-
-  <screenshots>
-    <screenshot type="default">
-      <image>https://raw.githubusercontent.com/Termix-SSH/Termix/main/public/screenshots/terminal.png</image>
-      <caption>SSH Terminal Interface</caption>
-    </screenshot>
-  </screenshots>
-
-  <url type="homepage">https://github.com/Termix-SSH/Termix</url>
-  <url type="bugtracker">https://github.com/Termix-SSH/Support/issues</url>
-  <url type="help">https://docs.termix.site</url>
-  <url type="vcs-browser">https://github.com/Termix-SSH/Termix</url>
-
-  <content_rating type="oars-1.1">
-    <content_attribute id="social-info">moderate</content_attribute>
-  </content_rating>
-
-  <releases>
-    <release version="VERSION_PLACEHOLDER" date="DATE_PLACEHOLDER">
-      <description>
-        <p>Latest release of Termix</p>
-      </description>
-      <url>https://github.com/Termix-SSH/Termix/releases</url>
-    </release>
-  </releases>
-
-  <categories>
-    <category>Development</category>
-    <category>Network</category>
-    <category>System</category>
-  </categories>
-
-  <keywords>
-    <keyword>ssh</keyword>
-    <keyword>terminal</keyword>
-    <keyword>server</keyword>
-    <keyword>management</keyword>
-    <keyword>tunnel</keyword>
-    <keyword>file-manager</keyword>
-  </keywords>
-
-  <provides>
-    <binary>termix</binary>
-  </provides>
-
-  <requires>
-    <internet>always</internet>
-  </requires>
-</component>
@@ -1,69 +0,0 @@
-app-id: com.karmaa.termix
-runtime: org.freedesktop.Platform
-runtime-version: "23.08"
-sdk: org.freedesktop.Sdk
-base: org.electronjs.Electron2.BaseApp
-base-version: "23.08"
-command: termix
-separate-locales: false
-
-finish-args:
-  - --socket=x11
-  - --socket=wayland
-  - --socket=pulseaudio
-  - --share=network
-  - --share=ipc
-  - --device=dri
-  - --filesystem=home
-  - --socket=ssh-auth
-  - --talk-name=org.freedesktop.Notifications
-  - --talk-name=org.freedesktop.secrets
-
-modules:
-  - name: termix
-    buildsystem: simple
-    build-commands:
-      - chmod +x termix.AppImage
-      - ./termix.AppImage --appimage-extract
-
-      - install -Dm755 squashfs-root/termix /app/bin/termix
-      - cp -r squashfs-root/resources /app/bin/
-      - cp -r squashfs-root/locales /app/bin/ || true
-
-      - install -Dm644 com.karmaa.termix.desktop /app/share/applications/com.karmaa.termix.desktop
-
-      - install -Dm644 com.karmaa.termix.metainfo.xml /app/share/metainfo/com.karmaa.termix.metainfo.xml
-
-      - install -Dm644 com.karmaa.termix.svg /app/share/icons/hicolor/scalable/apps/com.karmaa.termix.svg
-      - install -Dm644 icon-256.png /app/share/icons/hicolor/256x256/apps/com.karmaa.termix.png || true
-      - install -Dm644 icon-128.png /app/share/icons/hicolor/128x128/apps/com.karmaa.termix.png || true
-
-    sources:
-      - type: file
-        url: https://github.com/Termix-SSH/Termix/releases/download/release-VERSION_PLACEHOLDER-tag/termix_linux_x64_VERSION_PLACEHOLDER_appimage.AppImage
-        sha256: CHECKSUM_X64_PLACEHOLDER
-        dest-filename: termix.AppImage
-        only-arches:
-          - x86_64
-
-      - type: file
-        url: https://github.com/Termix-SSH/Termix/releases/download/release-VERSION_PLACEHOLDER-tag/termix_linux_arm64_VERSION_PLACEHOLDER_appimage.AppImage
-        sha256: CHECKSUM_ARM64_PLACEHOLDER
-        dest-filename: termix.AppImage
-        only-arches:
-          - aarch64
-
-      - type: file
-        path: com.karmaa.termix.desktop
-
-      - type: file
-        path: com.karmaa.termix.metainfo.xml
-
-      - type: file
-        path: com.karmaa.termix.svg
-
-      - type: file
-        path: icon-256.png
-
-      - type: file
-        path: icon-128.png
@@ -1,5 +0,0 @@
-{
-  "only-arches": ["x86_64", "aarch64"],
-  "skip-icons-check": false,
-  "skip-appstream-check": false
-}
@@ -1,34 +0,0 @@
-#!/bin/bash
-set -e
-
-VERSION="$1"
-CHECKSUM="$2"
-RELEASE_DATE="$3"
-
-if [ -z "$VERSION" ] || [ -z "$CHECKSUM" ] || [ -z "$RELEASE_DATE" ]; then
-  echo "Usage: $0 <version> <checksum> <release-date>"
-  echo "Example: $0 1.8.0 abc123... 2025-10-26"
-  exit 1
-fi
-
-echo "Preparing Flatpak submission for version $VERSION"
-
-cp public/icon.svg flatpak/com.karmaa.termix.svg
-echo "✓ Copied SVG icon"
-
-if command -v convert &> /dev/null; then
-  convert public/icon.png -resize 256x256 flatpak/icon-256.png
-  convert public/icon.png -resize 128x128 flatpak/icon-128.png
-  echo "✓ Generated PNG icons"
-else
-  cp public/icon.png flatpak/icon-256.png
-  cp public/icon.png flatpak/icon-128.png
-  echo "⚠ ImageMagick not found, using original icon"
-fi
-
-sed -i "s/VERSION_PLACEHOLDER/$VERSION/g" flatpak/com.karmaa.termix.yml
-sed -i "s/CHECKSUM_PLACEHOLDER/$CHECKSUM/g" flatpak/com.karmaa.termix.yml
-echo "✓ Updated manifest with version $VERSION"
-
-sed -i "s/VERSION_PLACEHOLDER/$VERSION/g" flatpak/com.karmaa.termix.metainfo.xml
-sed -i "s/DATE_PLACEHOLDER/$RELEASE_DATE/g" flatpak/com.karmaa.termix.metainfo.xml
@@ -1,24 +0,0 @@
-cask "termix" do
-  version "VERSION_PLACEHOLDER"
-  sha256 "CHECKSUM_PLACEHOLDER"
-
-  url "https://github.com/Termix-SSH/Termix/releases/download/release-#{version}-tag/termix_macos_universal_#{version}_dmg.dmg"
-  name "Termix"
-  desc "Web-based server management platform with SSH terminal, tunneling, and file editing"
-  homepage "https://github.com/Termix-SSH/Termix"
-
-  livecheck do
-    url :url
-    strategy :github_latest
-  end
-
-  app "Termix.app"
-
-  zap trash: [
-    "~/Library/Application Support/termix",
-    "~/Library/Caches/com.karmaa.termix",
-    "~/Library/Caches/com.karmaa.termix.ShipIt",
-    "~/Library/Preferences/com.karmaa.termix.plist",
-    "~/Library/Saved Application State/com.karmaa.termix.savedState",
-  ]
-end
@@ -5,36 +5,6 @@
    <link rel="icon" type="image/svg+xml" href="/favicon.ico" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Termix</title>
-    <style>
-      .hide-scrollbar {
-        scrollbar-width: none;
-        -ms-overflow-style: none;
-      }
-
-      .hide-scrollbar::-webkit-scrollbar {
-        display: none;
-      }
-
-      .skinny-scrollbar {
-        scrollbar-width: thin;
-        scrollbar-color: #4a4a4a #1e1e21;
-      }
-
-      .skinny-scrollbar::-webkit-scrollbar {
-        width: 6px;
-        height: 6px;
-      }
-
-      .skinny-scrollbar::-webkit-scrollbar-track {
-        background: #1e1e21;
-      }
-
-      .skinny-scrollbar::-webkit-scrollbar-thumb {
-        background-color: #4a4a4a;
-        border-radius: 3px;
-        border: 1px solid #1e1e21;
-      }
-    </style>
  </head>
  <body>
    <div id="root"></div>
@@ -1,72 +1,49 @@
 {
  "name": "termix",
  "private": true,
-  "version": "1.8.0",
-  "description": "A web-based server management platform with SSH terminal, tunneling, and file editing capabilities",
-  "author": "Karmaa",
-  "main": "electron/main.cjs",
+  "version": "0.0.0",
  "type": "module",
  "scripts": {
-    "clean": "npx prettier . --write",
-    "format": "prettier --write .",
-    "format:check": "prettier --check .",
-    "lint": "eslint .",
-    "lint:fix": "eslint --fix .",
-    "type-check": "tsc --noEmit",
    "dev": "vite",
-    "build": "vite build && tsc -p tsconfig.node.json",
+    "build": "vite build",
    "build:backend": "tsc -p tsconfig.node.json",
-    "dev:backend": "tsc -p tsconfig.node.json && node ./dist/backend/backend/starter.js",
-    "preview": "vite preview",
-    "electron:dev": "concurrently \"npm run dev\" \"powershell -c \\\"Start-Sleep -Seconds 5\\\" && electron .\"",
-    "build:win-portable": "npm run build && electron-builder --win --dir",
-    "build:win-installer": "npm run build && electron-builder --win --publish=never",
-    "build:linux-portable": "npm run build && electron-builder --linux --dir",
-    "build:linux-appimage": "npm run build && electron-builder --linux AppImage",
-    "build:linux-targz": "npm run build && electron-builder --linux tar.gz",
-    "build:mac": "npm run build && electron-builder --mac --universal"
+    "dev:backend": "tsc -p tsconfig.node.json && node ./dist/backend/starter.js",
+    "lint": "eslint .",
+    "preview": "vite preview"
  },
  "dependencies": {
-    "@codemirror/autocomplete": "^6.18.7",
-    "@codemirror/commands": "^6.3.3",
-    "@codemirror/search": "^6.5.11",
-    "@codemirror/theme-one-dark": "^6.1.2",
-    "@codemirror/view": "^6.23.1",
    "@hookform/resolvers": "^5.1.1",
-    "@monaco-editor/react": "^4.7.0",
    "@radix-ui/react-accordion": "^1.2.11",
+    "@radix-ui/react-avatar": "^1.1.10",
    "@radix-ui/react-checkbox": "^1.3.2",
-    "@radix-ui/react-dialog": "^1.1.15",
+    "@radix-ui/react-collapsible": "^1.1.11",
+    "@radix-ui/react-dialog": "^1.1.14",
    "@radix-ui/react-dropdown-menu": "^2.1.15",
    "@radix-ui/react-label": "^2.1.7",
    "@radix-ui/react-popover": "^1.1.14",
-    "@radix-ui/react-progress": "^1.1.7",
    "@radix-ui/react-scroll-area": "^1.2.9",
    "@radix-ui/react-select": "^2.2.5",
    "@radix-ui/react-separator": "^1.1.7",
-    "@radix-ui/react-slider": "^1.3.6",
+    "@radix-ui/react-slider": "^1.3.5",
    "@radix-ui/react-slot": "^1.2.3",
    "@radix-ui/react-switch": "^1.2.5",
    "@radix-ui/react-tabs": "^1.1.12",
-    "@radix-ui/react-tooltip": "^1.2.8",
-    "@tailwindcss/vite": "^4.1.14",
+    "@radix-ui/react-tooltip": "^1.2.7",
+    "@tailwindcss/vite": "^4.1.11",
    "@types/bcryptjs": "^2.4.6",
-    "@types/cookie-parser": "^1.4.9",
-    "@types/jszip": "^3.4.0",
    "@types/multer": "^2.0.0",
-    "@types/qrcode": "^1.5.5",
-    "@types/speakeasy": "^2.0.10",
+    "@uiw/codemirror-extensions-hyper-link": "^4.24.1",
    "@uiw/codemirror-extensions-langs": "^4.24.1",
+    "@uiw/codemirror-themes": "^4.24.1",
    "@uiw/react-codemirror": "^4.24.1",
+    "@xterm/addon-attach": "^0.11.0",
    "@xterm/addon-clipboard": "^0.1.0",
    "@xterm/addon-fit": "^0.10.0",
    "@xterm/addon-unicode11": "^0.8.0",
-    "@xterm/addon-web-links": "^0.11.0",
    "@xterm/xterm": "^5.5.0",
    "axios": "^1.10.0",
    "bcryptjs": "^3.0.2",
    "better-sqlite3": "^12.2.0",
-    "body-parser": "^1.20.2",
    "chalk": "^4.1.2",
    "class-variance-authority": "^0.7.1",
    "clsx": "^2.1.1",
@@ -75,77 +52,43 @@
    "dotenv": "^17.2.0",
    "drizzle-orm": "^0.44.3",
    "express": "^5.1.0",
-    "i18next": "^25.4.2",
-    "i18next-browser-languagedetector": "^8.2.0",
-    "jose": "^5.2.3",
    "jsonwebtoken": "^9.0.2",
-    "jszip": "^3.10.1",
    "lucide-react": "^0.525.0",
    "multer": "^2.0.2",
    "nanoid": "^5.1.5",
-    "next-themes": "^0.4.6",
-    "node-fetch": "^3.3.2",
-    "qrcode": "^1.5.4",
    "react": "^19.1.0",
    "react-dom": "^19.1.0",
-    "react-h5-audio-player": "^3.10.1",
    "react-hook-form": "^7.60.0",
-    "react-i18next": "^15.7.3",
-    "react-icons": "^5.5.0",
-    "react-markdown": "^10.1.0",
-    "react-pdf": "^10.1.0",
-    "react-photo-view": "^1.2.7",
-    "react-player": "^3.3.3",
    "react-resizable-panels": "^3.0.3",
-    "react-simple-keyboard": "^3.8.120",
-    "react-syntax-highlighter": "^15.6.6",
    "react-xtermjs": "^1.0.10",
-    "recharts": "^3.2.1",
-    "remark-gfm": "^4.0.1",
-    "sonner": "^2.0.7",
-    "speakeasy": "^2.0.0",
    "ssh2": "^1.16.0",
    "tailwind-merge": "^3.3.1",
-    "tailwindcss": "^4.1.14",
-    "wait-on": "^9.0.1",
+    "tailwindcss": "^4.1.11",
+    "validator": "^13.15.15",
    "ws": "^8.18.3",
    "zod": "^4.0.5"
  },
  "devDependencies": {
-    "@commitlint/cli": "^20.1.0",
-    "@commitlint/config-conventional": "^20.0.0",
-    "@electron/notarize": "^2.5.0",
-    "@eslint/js": "^9.34.0",
+    "@eslint/js": "^9.30.1",
    "@types/better-sqlite3": "^7.6.13",
    "@types/cors": "^2.8.19",
    "@types/express": "^5.0.3",
    "@types/jsonwebtoken": "^9.0.10",
-    "@types/node": "^24.3.0",
+    "@types/node": "^24.0.13",
    "@types/react": "^19.1.8",
    "@types/react-dom": "^19.1.6",
    "@types/ssh2": "^1.15.5",
    "@types/ws": "^8.18.1",
-    "@vitejs/plugin-react": "^4.3.4",
-    "concurrently": "^9.2.1",
-    "electron": "^38.0.0",
-    "electron-builder": "^26.0.12",
-    "eslint": "^9.34.0",
+    "@vitejs/plugin-react-swc": "^3.10.2",
+    "autoprefixer": "^10.4.21",
+    "eslint": "^9.30.1",
    "eslint-plugin-react-hooks": "^5.2.0",
    "eslint-plugin-react-refresh": "^0.4.20",
    "globals": "^16.3.0",
-    "husky": "^9.1.7",
-    "lint-staged": "^16.2.3",
-    "prettier": "3.6.2",
-    "typescript": "~5.9.2",
-    "typescript-eslint": "^8.40.0",
-    "vite": "^7.1.5"
-  },
-  "lint-staged": {
-    "*.{js,jsx,ts,tsx}": [
-      "prettier --write"
-    ],
-    "*.{json,css,md}": [
-      "prettier --write"
-    ]
+    "ts-node": "^10.9.2",
+    "tw-animate-css": "^1.3.5",
+    "typescript": "~5.8.3",
+    "typescript-eslint": "^8.35.1",
+    "vite": "^7.0.4"
  }
 }
@@ -1,103 +0,0 @@
-#!/bin/bash
-
-set -e
-
-RED='\033[0;31m'
-GREEN='\033[0;32m'
-YELLOW='\033[1;33m'
-BLUE='\033[0;34m'
-CYAN='\033[0;36m'
-NC='\033[0m'
-
-SCRIPT_DIR="$(cd "$(dirname "${BASH_SOURCE[0]}")" && pwd)"
-PROJECT_ROOT="$(dirname "$SCRIPT_DIR")"
-ENV_FILE="$PROJECT_ROOT/.env"
-
-log_info() {
-    echo -e "${BLUE}[SSL Setup]${NC} $1"
-}
-
-log_success() {
-    echo -e "${GREEN}[SSL Setup]${NC} $1"
-}
-
-log_warn() {
-    echo -e "${YELLOW}[SSL Setup]${NC} $1"
-}
-
-log_error() {
-    echo -e "${RED}[SSL Setup]${NC} $1"
-}
-
-log_header() {
-    echo -e "${CYAN}$1${NC}"
-}
-
-generate_keys() {
-    log_info "Generating security keys..."
-
-    JWT_SECRET=$(openssl rand -hex 32)
-    log_success "Generated JWT secret"
-
-    DATABASE_KEY=$(openssl rand -hex 32)
-    log_success "Generated database encryption key"
-
-    echo "JWT_SECRET=$JWT_SECRET" >> "$ENV_FILE"
-    echo "DATABASE_KEY=$DATABASE_KEY" >> "$ENV_FILE"
-
-    log_success "Security keys added to .env file"
-}
-
-setup_env_file() {
-    log_info "Setting up environment configuration..."
-
-    if [[ -f "$ENV_FILE" ]]; then
-        log_warn ".env file already exists, creating backup..."
-        cp "$ENV_FILE" "$ENV_FILE.backup.$(date +%s)"
-    fi
-
-    cat > "$ENV_FILE" << EOF
-# Termix SSL Configuration - Auto-generated $(date)
-
-# SSL/TLS Configuration
-ENABLE_SSL=true
-SSL_PORT=8443
-SSL_DOMAIN=localhost
-PORT=8080
-
-# Node environment
-NODE_ENV=production
-
-# CORS configuration
-ALLOWED_ORIGINS=*
-
-EOF
-
-    generate_keys
-
-    log_success "Environment configuration created at $ENV_FILE"
-}
-
-setup_ssl_certificates() {
-    log_info "Setting up SSL certificates..."
-
-    if [[ -f "$SCRIPT_DIR/setup-ssl.sh" ]]; then
-        bash "$SCRIPT_DIR/setup-ssl.sh"
-    else
-        log_error "SSL setup script not found at $SCRIPT_DIR/setup-ssl.sh"
-        exit 1
-    fi
-}
-
-main() {
-    if ! command -v openssl &> /dev/null; then
-        log_error "OpenSSL is not installed. Please install OpenSSL first."
-        exit 1
-    fi
-
-    setup_env_file
-    setup_ssl_certificates
-}
-
-# Run main function
-main "$@"
@@ -1,121 +0,0 @@
-#!/bin/bash
-
-set -e
-
-SSL_DIR="$(dirname "$0")/../ssl"
-CERT_FILE="$SSL_DIR/termix.crt"
-KEY_FILE="$SSL_DIR/termix.key"
-DAYS_VALID=365
-
-DOMAIN=${SSL_DOMAIN:-"localhost"}
-ALT_NAMES=${SSL_ALT_NAMES:-"DNS:localhost,DNS:127.0.0.1,DNS:*.localhost,IP:127.0.0.1"}
-
-RED='\033[0;31m'
-GREEN='\033[0;32m'
-YELLOW='\033[1;33m'
-BLUE='\033[0;34m'
-NC='\033[0m'
-
-log_info() {
-    echo -e "${BLUE}[SSL Setup]${NC} $1"
-}
-
-log_success() {
-    echo -e "${GREEN}[SSL Setup]${NC} $1"
-}
-
-log_warn() {
-    echo -e "${YELLOW}[SSL Setup]${NC} $1"
-}
-
-log_error() {
-    echo -e "${RED}[SSL Setup]${NC} $1"
-}
-
-check_existing_cert() {
-    if [[ -f "$CERT_FILE" && -f "$KEY_FILE" ]]; then
-        if openssl x509 -in "$CERT_FILE" -checkend 2592000 -noout 2>/dev/null; then
-            log_success "Valid SSL certificate already exists"
-
-            local expiry=$(openssl x509 -in "$CERT_FILE" -noout -enddate 2>/dev/null | cut -d= -f2)
-            log_info "Expires: $expiry"
-            return 0
-        else
-            log_warn "Existing certificate is expired or expiring soon"
-        fi
-    fi
-    return 1
-}
-
-generate_certificate() {
-    log_info "Generating new SSL certificate for domain: $DOMAIN"
-
-    mkdir -p "$SSL_DIR"
-
-    local config_file="$SSL_DIR/openssl.conf"
-    cat > "$config_file" << EOF
-[req]
-default_bits = 2048
-prompt = no
-default_md = sha256
-distinguished_name = dn
-req_extensions = v3_req
-
-[dn]
-C=US
-ST=State
-L=City
-O=Termix
-OU=IT Department
-CN=$DOMAIN
-
-[v3_req]
-basicConstraints = CA:FALSE
-keyUsage = nonRepudiation, digitalSignature, keyEncipherment
-subjectAltName = @alt_names
-
-[alt_names]
-DNS.1 = localhost
-DNS.2 = 127.0.0.1
-DNS.3 = *.localhost
-IP.1 = 127.0.0.1
-EOF
-
-    if [[ -n "$SSL_ALT_NAMES" ]]; then
-        local counter=2
-        IFS=',' read -ra NAMES <<< "$SSL_ALT_NAMES"
-        for name in "${NAMES[@]}"; do
-            name=$(echo "$name" | xargs)
-            if [[ "$name" == DNS:* ]]; then
-                echo "DNS.$((counter++)) = ${name#DNS:}" >> "$config_file"
-            elif [[ "$name" == IP:* ]]; then
-                echo "IP.$((counter++)) = ${name#IP:}" >> "$config_file"
-            fi
-        done
-    fi
-
-    log_info "Generating private key..."
-    openssl genrsa -out "$KEY_FILE" 2048
-
-    log_info "Generating certificate..."
-    openssl req -new -x509 -key "$KEY_FILE" -out "$CERT_FILE" -days $DAYS_VALID -config "$config_file" -extensions v3_req
-
-    chmod 600 "$KEY_FILE"
-    chmod 644 "$CERT_FILE"
-
-    rm -f "$config_file"
-
-    log_success "SSL certificate generated successfully"
-    log_info "Valid for: $DAYS_VALID days"
-}
-
-main() {
-    if ! command -v openssl &> /dev/null; then
-        log_error "OpenSSL is not installed. Please install OpenSSL first."
-        exit 1
-    fi
-
-    generate_certificate
-}
-
-main "$@"
@@ -0,0 +1,46 @@
+import React from "react"
+
+import {Homepage} from "@/apps/Homepage/Homepage.tsx"
+import {SSH} from "@/apps/SSH/Terminal/SSH.tsx"
+import {SSHTunnel} from "@/apps/SSH/Tunnel/SSHTunnel.tsx";
+import {ConfigEditor} from "@/apps/SSH/Config Editor/ConfigEditor.tsx";
+import {SSHManager} from "@/apps/SSH/Manager/SSHManager.tsx"
+
+function App() {
+    const [view, setView] = React.useState<string>("homepage")
+
+    const renderActiveView = () => {
+        switch (view) {
+            case "homepage":
+                return <Homepage
+                    onSelectView={setView}
+                />
+            case "ssh_manager":
+                return <SSHManager
+                    onSelectView={setView}
+                />
+            case "terminal":
+                return <SSH
+                    onSelectView={setView}
+                />
+            case "tunnel":
+                return <SSHTunnel
+                    onSelectView={setView}
+                />
+            case "config_editor":
+                return <ConfigEditor
+                    onSelectView={setView}
+                />
+        }
+    }
+
+    return (
+        <div className="flex">
+            <main>
+                {renderActiveView()}
+            </main>
+        </div>
+    )
+}
+
+export default App
@@ -0,0 +1,89 @@
+import {HomepageSidebar} from "@/apps/Homepage/HomepageSidebar.tsx";
+import React, {useEffect, useState} from "react";
+import {HomepageAuth} from "@/apps/Homepage/HomepageAuth.tsx";
+import axios from "axios";
+
+interface HomepageProps {
+    onSelectView: (view: string) => void;
+}
+
+function getCookie(name: string) {
+    return document.cookie.split('; ').reduce((r, v) => {
+        const parts = v.split('=');
+        return parts[0] === name ? decodeURIComponent(parts[1]) : r;
+    }, "");
+}
+
+const apiBase =
+    typeof window !== "undefined" && window.location.hostname === "localhost"
+        ? "http://localhost:8081/users"
+        : "/users";
+
+const API = axios.create({
+    baseURL: apiBase,
+});
+
+export function Homepage({onSelectView}: HomepageProps): React.ReactElement {
+    const [loggedIn, setLoggedIn] = useState(false);
+    const [isAdmin, setIsAdmin] = useState(false);
+    const [username, setUsername] = useState<string | null>(null);
+    const [authLoading, setAuthLoading] = useState(true);
+    const [dbError, setDbError] = useState<string | null>(null);
+
+    useEffect(() => {
+        const jwt = getCookie("jwt");
+        if (jwt) {
+            setAuthLoading(true);
+            Promise.all([
+                API.get("/me", {headers: {Authorization: `Bearer ${jwt}`}}),
+                API.get("/db-health")
+            ])
+                .then(([meRes]) => {
+                    setLoggedIn(true);
+                    setIsAdmin(!!meRes.data.is_admin);
+                    setUsername(meRes.data.username || null);
+                    setDbError(null);
+                })
+                .catch((err) => {
+                    setLoggedIn(false);
+                    setIsAdmin(false);
+                    setUsername(null);
+                    setCookie("jwt", "", -1);
+                    if (err?.response?.data?.error?.includes("Database")) {
+                        setDbError("Could not connect to the database. Please try again later.");
+                    } else {
+                        setDbError(null);
+                    }
+                })
+                .finally(() => setAuthLoading(false));
+        } else {
+            setAuthLoading(false);
+        }
+    }, []);
+
+    return (
+        <div className="flex min-h-screen">
+            <HomepageSidebar
+                onSelectView={onSelectView}
+                disabled={!loggedIn || authLoading}
+                isAdmin={isAdmin}
+                username={loggedIn ? username : null}
+            />
+            <div className="flex-1 bg-background"/>
+            <div
+                className="fixed inset-y-0 right-0 flex justify-center items-center z-50"
+                style={{left: 256}}
+            >
+                <HomepageAuth
+                    setLoggedIn={setLoggedIn}
+                    setIsAdmin={setIsAdmin}
+                    setUsername={setUsername}
+                    loggedIn={loggedIn}
+                    authLoading={authLoading}
+                    dbError={dbError}
+                    setDbError={setDbError}
+                />
+            </div>
+        </div>
+    );
+}
@@ -0,0 +1,291 @@
+import React, {useState, useEffect} from "react";
+import {cn} from "@/lib/utils";
+import {Button} from "@/components/ui/button";
+import {Input} from "@/components/ui/input";
+import {Label} from "@/components/ui/label";
+import {Alert, AlertTitle, AlertDescription} from "@/components/ui/alert";
+import axios from "axios";
+
+function setCookie(name: string, value: string, days = 7) {
+    const expires = new Date(Date.now() + days * 864e5).toUTCString();
+    document.cookie = `${name}=${encodeURIComponent(value)}; expires=${expires}; path=/`;
+}
+
+function getCookie(name: string) {
+    return document.cookie.split('; ').reduce((r, v) => {
+        const parts = v.split('=');
+        return parts[0] === name ? decodeURIComponent(parts[1]) : r;
+    }, "");
+}
+
+const apiBase =
+    typeof window !== "undefined" && window.location.hostname === "localhost"
+        ? "http://localhost:8081/users"
+        : "/users";
+
+const API = axios.create({
+    baseURL: apiBase,
+});
+
+interface HomepageAuthProps extends React.ComponentProps<"div"> {
+    setLoggedIn: (loggedIn: boolean) => void;
+    setIsAdmin: (isAdmin: boolean) => void;
+    setUsername: (username: string | null) => void;
+    loggedIn: boolean;
+    authLoading: boolean;
+    dbError: string | null;
+    setDbError: (error: string | null) => void;
+}
+
+export function HomepageAuth({
+                                 className,
+                                 setLoggedIn,
+                                 setIsAdmin,
+                                 setUsername,
+                                 loggedIn,
+                                 authLoading,
+                                 dbError,
+                                 setDbError,
+                                 ...props
+                             }: HomepageAuthProps) {
+    const [tab, setTab] = useState<"login" | "signup">("login");
+    const [localUsername, setLocalUsername] = useState("");
+    const [password, setPassword] = useState("");
+    const [loading, setLoading] = useState(false);
+    const [error, setError] = useState<string | null>(null);
+    const [internalLoggedIn, setInternalLoggedIn] = useState(false);
+    const [firstUser, setFirstUser] = useState(false);
+    const [registrationAllowed, setRegistrationAllowed] = useState(true);
+
+    useEffect(() => {
+        setInternalLoggedIn(loggedIn);
+    }, [loggedIn]);
+
+    useEffect(() => {
+        API.get("/registration-allowed").then(res => {
+            setRegistrationAllowed(res.data.allowed);
+        });
+    }, []);
+
+    useEffect(() => {
+        API.get("/count").then(res => {
+            if (res.data.count === 0) {
+                setFirstUser(true);
+                setTab("signup");
+            } else {
+                setFirstUser(false);
+            }
+            setDbError(null);
+        }).catch(() => {
+            setDbError("Could not connect to the database. Please try again later.");
+        });
+    }, [setDbError]);
+
+    async function handleSubmit(e: React.FormEvent) {
+        e.preventDefault();
+        setError(null);
+        setLoading(true);
+        try {
+            let res, meRes;
+            if (tab === "login") {
+                res = await API.post("/get", {username: localUsername, password});
+            } else {
+                await API.post("/create", {username: localUsername, password});
+                res = await API.post("/get", {username: localUsername, password});
+            }
+            setCookie("jwt", res.data.token);
+            [meRes] = await Promise.all([
+                API.get("/me", {headers: {Authorization: `Bearer ${res.data.token}`}}),
+                API.get("/db-health")
+            ]);
+            setInternalLoggedIn(true);
+            setLoggedIn(true);
+            setIsAdmin(!!meRes.data.is_admin);
+            setUsername(meRes.data.username || null);
+            setDbError(null);
+        } catch (err: any) {
+            setError(err?.response?.data?.error || "Unknown error");
+            setInternalLoggedIn(false);
+            setLoggedIn(false);
+            setIsAdmin(false);
+            setUsername(null);
+            setCookie("jwt", "", -1);
+            if (err?.response?.data?.error?.includes("Database")) {
+                setDbError("Could not connect to the database. Please try again later.");
+            } else {
+                setDbError(null);
+            }
+        } finally {
+            setLoading(false);
+        }
+    }
+
+    const Spinner = (
+        <svg className="animate-spin mr-2 h-4 w-4 text-white inline-block" viewBox="0 0 24 24">
+            <circle className="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" strokeWidth="4" fill="none"/>
+            <path className="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8v4a4 4 0 00-4 4H4z"/>
+        </svg>
+    );
+
+    return (
+        <div
+            className={cn(
+                "flex-1 flex justify-center items-center min-h-screen bg-background",
+                className
+            )}
+            {...props}
+        >
+            <div
+                className={`w-[420px] max-w-full bg-background rounded-xl shadow-lg p-6 flex flex-col ${internalLoggedIn ? '' : 'border border-border'}`}>
+                {dbError && (
+                    <Alert variant="destructive" className="mb-4">
+                        <AlertTitle>Error</AlertTitle>
+                        <AlertDescription>{dbError}</AlertDescription>
+                    </Alert>
+                )}
+                {firstUser && !dbError && !internalLoggedIn && (
+                    <Alert variant="default" className="mb-4">
+                        <AlertTitle>First User</AlertTitle>
+                        <AlertDescription className="inline">
+                            You are the first user and will be made an admin. You can view admin settings in the sidebar user dropdown. If you think this is a mistake, check the docker logs, or create a{" "}
+                            <a
+                                href="https://github.com/LukeGus/Termix/issues/new"
+                                target="_blank"
+                                rel="noopener noreferrer"
+                                className="text-blue-600 underline hover:text-blue-800 inline"
+                            >
+                                GitHub issue
+                            </a>.
+                        </AlertDescription>
+                    </Alert>
+                )}
+                {!registrationAllowed && !internalLoggedIn && (
+                    <Alert variant="destructive" className="mb-4">
+                        <AlertTitle>Registration Disabled</AlertTitle>
+                        <AlertDescription>
+                            New account registration is currently disabled by an admin. Please log in or contact an
+                            administrator.
+                        </AlertDescription>
+                    </Alert>
+                )}
+                {(internalLoggedIn || (authLoading && getCookie("jwt"))) && (
+                    <div className="flex flex-1 justify-center items-center p-0 m-0">
+                        <div className="flex flex-col items-center gap-4">
+                            <Alert className="my-2">
+                                <AlertTitle>Logged in!</AlertTitle>
+                                <AlertDescription>
+                                    You are logged in! Use the sidebar to access all available tools. To get started,
+                                    create an SSH Host in the SSH Manager tab. Once created, you can connect to that
+                                    host using the other apps in the sidebar.
+                                </AlertDescription>
+                            </Alert>
+
+                            <div className="flex flex-row items-center gap-2">
+                                <Button
+                                    variant="link"
+                                    className="text-sm"
+                                    onClick={() => window.open('https://github.com/LukeGus/Termix', '_blank')}
+                                >
+                                    GitHub
+                                </Button>
+                                <div className="w-px h-4 bg-border"></div>
+                                <Button
+                                    variant="link"
+                                    className="text-sm"
+                                    onClick={() => window.open('https://github.com/LukeGus/Termix/issues/new', '_blank')}
+                                >
+                                    Feedback
+                                </Button>
+                                <div className="w-px h-4 bg-border"></div>
+                                <Button
+                                    variant="link"
+                                    className="text-sm"
+                                    onClick={() => window.open('https://discord.com/invite/jVQGdvHDrf', '_blank')}
+                                >
+                                    Discord
+                                </Button>
+                                <div className="w-px h-4 bg-border"></div>
+                                <Button
+                                    variant="link"
+                                    className="text-sm"
+                                    onClick={() => window.open('https://github.com/sponsors/LukeGus', '_blank')}
+                                >
+                                    Fund
+                                </Button>
+                            </div>
+                        </div>
+                    </div>
+                )}
+                {(!internalLoggedIn && (!authLoading || !getCookie("jwt"))) && (
+                    <>
+                        <div className="flex gap-2 mb-6">
+                            <button
+                                type="button"
+                                className={cn(
+                                    "flex-1 py-2 text-base font-medium rounded-md transition-all",
+                                    tab === "login"
+                                        ? "bg-primary text-primary-foreground shadow"
+                                        : "bg-muted text-muted-foreground hover:bg-accent"
+                                )}
+                                onClick={() => setTab("login")}
+                                aria-selected={tab === "login"}
+                                disabled={loading || firstUser}
+                            >
+                                Login
+                            </button>
+                            <button
+                                type="button"
+                                className={cn(
+                                    "flex-1 py-2 text-base font-medium rounded-md transition-all",
+                                    tab === "signup"
+                                        ? "bg-primary text-primary-foreground shadow"
+                                        : "bg-muted text-muted-foreground hover:bg-accent"
+                                )}
+                                onClick={() => setTab("signup")}
+                                aria-selected={tab === "signup"}
+                                disabled={loading || !registrationAllowed}
+                            >
+                                Sign Up
+                            </button>
+                        </div>
+                        <div className="mb-6 text-center">
+                            <h2 className="text-xl font-bold mb-1">
+                                {tab === "login" ? "Login to your account" : "Create a new account"}
+                            </h2>
+                        </div>
+                        <form className="flex flex-col gap-5" onSubmit={handleSubmit}>
+                            <div className="flex flex-col gap-2">
+                                <Label htmlFor="username">Username</Label>
+                                <Input
+                                    id="username"
+                                    type="text"
+                                    required
+                                    className="h-11 text-base"
+                                    value={localUsername}
+                                    onChange={e => setLocalUsername(e.target.value)}
+                                    disabled={loading || internalLoggedIn}
+                                />
+                            </div>
+                            <div className="flex flex-col gap-2">
+                                <Label htmlFor="password">Password</Label>
+                                <Input id="password" type="password" required className="h-11 text-base"
+                                       value={password} onChange={e => setPassword(e.target.value)}
+                                       disabled={loading || internalLoggedIn}/>
+                            </div>
+                            <Button type="submit" className="w-full h-11 mt-2 text-base font-semibold"
+                                    disabled={loading || internalLoggedIn}>
+                                {loading ? Spinner : (tab === "login" ? "Login" : "Sign Up")}
+                            </Button>
+                        </form>
+                    </>
+                )}
+                {error && (
+                    <Alert variant="destructive" className="mt-4">
+                        <AlertTitle>Error</AlertTitle>
+                        <AlertDescription>{error}</AlertDescription>
+                    </Alert>
+                )}
+            </div>
+        </div>
+    );
+}
@@ -0,0 +1,216 @@
+import React from 'react';
+import {
+    Computer,
+    Server,
+    File,
+    Hammer, ChevronUp, User2, HardDrive
+} from "lucide-react";
+
+import {
+    Sidebar,
+    SidebarContent, SidebarFooter,
+    SidebarGroup,
+    SidebarGroupContent,
+    SidebarGroupLabel,
+    SidebarMenu,
+    SidebarMenuButton,
+    SidebarMenuItem, SidebarProvider,
+} from "@/components/ui/sidebar.tsx"
+
+import {
+    Separator,
+} from "@/components/ui/separator.tsx"
+import {DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuTrigger} from "@radix-ui/react-dropdown-menu";
+import {
+    Sheet,
+    SheetContent,
+    SheetDescription,
+    SheetFooter,
+    SheetHeader,
+    SheetTitle,
+    SheetTrigger,
+    SheetClose
+} from "@/components/ui/sheet";
+import {Checkbox} from "@/components/ui/checkbox.tsx";
+import axios from "axios";
+import {Button} from "@/components/ui/button.tsx";
+
+interface SidebarProps {
+    onSelectView: (view: string) => void;
+    disabled?: boolean;
+    isAdmin?: boolean;
+    username?: string | null;
+}
+
+function handleLogout() {
+    document.cookie = 'jwt=; expires=Thu, 01 Jan 1970 00:00:00 UTC; path=/;';
+    window.location.reload();
+}
+
+function getCookie(name: string) {
+    return document.cookie.split('; ').reduce((r, v) => {
+        const parts = v.split('=');
+        return parts[0] === name ? decodeURIComponent(parts[1]) : r;
+    }, "");
+}
+
+const apiBase =
+    typeof window !== "undefined" && window.location.hostname === "localhost"
+        ? "http://localhost:8081/users"
+        : "/users";
+
+const API = axios.create({
+    baseURL: apiBase,
+});
+
+export function HomepageSidebar({
+                                    onSelectView,
+                                    getView,
+                                    disabled,
+                                    isAdmin,
+                                    username
+                                }: SidebarProps): React.ReactElement {
+    const [adminSheetOpen, setAdminSheetOpen] = React.useState(false);
+    const [allowRegistration, setAllowRegistration] = React.useState(true);
+    const [regLoading, setRegLoading] = React.useState(false);
+    React.useEffect(() => {
+        if (adminSheetOpen) {
+            API.get("/registration-allowed").then(res => {
+                setAllowRegistration(res.data.allowed);
+            });
+        }
+    }, [adminSheetOpen]);
+    const handleToggle = async (checked: boolean) => {
+        setRegLoading(true);
+        const jwt = getCookie("jwt");
+        try {
+            await API.patch(
+                "/registration-allowed",
+                {allowed: checked},
+                {headers: {Authorization: `Bearer ${jwt}`}}
+            );
+            setAllowRegistration(checked);
+        } catch (e) {
+        } finally {
+            setRegLoading(false);
+        }
+    };
+
+    return (
+        <div>
+            <SidebarProvider>
+                <Sidebar>
+                    <SidebarContent>
+                        <SidebarGroup>
+                            <SidebarGroupLabel className="text-lg font-bold text-white flex items-center gap-2">
+                                Termix
+                            </SidebarGroupLabel>
+                            <Separator className="p-0.25 mt-1 mb-1"/>
+                            <SidebarGroupContent>
+                                <SidebarMenu>
+                                    <SidebarMenuItem key={"SSH Manager"}>
+                                        <SidebarMenuButton onClick={() => onSelectView("ssh_manager")}
+                                                           disabled={disabled}>
+                                            <HardDrive/>
+                                            <span>SSH Manager</span>
+                                        </SidebarMenuButton>
+                                    </SidebarMenuItem>
+                                    <div className="ml-5">
+                                        <SidebarMenuItem key={"Terminal"}>
+                                            <SidebarMenuButton onClick={() => onSelectView("terminal")}
+                                                               disabled={disabled}>
+                                                <Computer/>
+                                                <span>Terminal</span>
+                                            </SidebarMenuButton>
+                                        </SidebarMenuItem>
+                                        <SidebarMenuItem key={"Tunnel"}>
+                                            <SidebarMenuButton onClick={() => onSelectView("tunnel")}
+                                                               disabled={disabled}>
+                                                <Server/>
+                                                <span>Tunnel</span>
+                                            </SidebarMenuButton>
+                                        </SidebarMenuItem>
+                                        <SidebarMenuItem key={"Config Editor"}>
+                                            <SidebarMenuButton onClick={() => onSelectView("config_editor")}
+                                                               disabled={disabled}>
+                                                <File/>
+                                                <span>Config Editor</span>
+                                            </SidebarMenuButton>
+                                        </SidebarMenuItem>
+                                    </div>
+                                    <SidebarMenuItem key={"Tools"}>
+                                        <SidebarMenuButton onClick={() => window.open("https://dashix.dev", "_blank")} disabled={disabled}>
+                                            <Hammer/>
+                                            <span>Tools</span>
+                                        </SidebarMenuButton>
+                                    </SidebarMenuItem>
+                                </SidebarMenu>
+                            </SidebarGroupContent>
+                        </SidebarGroup>
+                    </SidebarContent>
+                    <Separator className="p-0.25 mt-1 mb-1"/>
+                    <SidebarFooter>
+                        <SidebarMenu>
+                            <SidebarMenuItem>
+                                <DropdownMenu>
+                                    <DropdownMenuTrigger asChild>
+                                        <SidebarMenuButton
+                                            className="data-[state=open]:opacity-90 w-full"
+                                            style={{width: '100%'}}
+                                            disabled={disabled}
+                                        >
+                                            <User2/> {username ? username : 'Signed out'}
+                                            <ChevronUp className="ml-auto"/>
+                                        </SidebarMenuButton>
+                                    </DropdownMenuTrigger>
+                                    <DropdownMenuContent
+                                        side="top"
+                                        align="start"
+                                        sideOffset={6}
+                                        className="min-w-[var(--radix-popper-anchor-width)] bg-sidebar-accent text-sidebar-accent-foreground border border-border rounded-md shadow-2xl p-1"
+                                    >
+                                        {isAdmin && (
+                                            <DropdownMenuItem
+                                                className="rounded px-2 py-1.5 hover:bg-white/15 hover:text-accent-foreground focus:bg-white/20 focus:text-accent-foreground cursor-pointer focus:outline-none"
+                                                onSelect={() => setAdminSheetOpen(true)}>
+                                                <span>Admin Settings</span>
+                                            </DropdownMenuItem>
+                                        )}
+                                        <DropdownMenuItem
+                                            className="rounded px-2 py-1.5 hover:bg-white/15 hover:text-accent-foreground focus:bg-white/20 focus:text-accent-foreground cursor-pointer focus:outline-none"
+                                            onSelect={handleLogout}>
+                                            <span>Sign out</span>
+                                        </DropdownMenuItem>
+                                    </DropdownMenuContent>
+                                </DropdownMenu>
+                            </SidebarMenuItem>
+                        </SidebarMenu>
+                    </SidebarFooter>
+                    {/* Admin Settings Sheet (always rendered, only openable if isAdmin) */}
+                    {isAdmin && (
+                        <Sheet open={adminSheetOpen} onOpenChange={setAdminSheetOpen}>
+                            <SheetContent side="left" className="w-[320px]">
+                                <SheetHeader>
+                                    <SheetTitle>Admin Settings</SheetTitle>
+                                </SheetHeader>
+                                <div className="pt-1 pb-4 px-4 flex flex-col gap-4">
+                                    <label className="flex items-center gap-2">
+                                        <Checkbox checked={allowRegistration} onCheckedChange={handleToggle}
+                                                  disabled={regLoading}/>
+                                        Allow new account registration
+                                    </label>
+                                </div>
+                                <SheetFooter className="px-4 pt-1 pb-4">
+                                    <Separator className="p-0.25 mt-2 mb-2"/>
+                                    <SheetClose asChild>
+                                        <Button variant="outline">Close</Button>
+                                    </SheetClose>
+                                </SheetFooter>
+                            </SheetContent>
+                        </Sheet>
+                    )}
+                </Sidebar>
+            </SidebarProvider>
+        </div>
+    )
+}
@@ -0,0 +1,350 @@
+import React, {useState, useEffect} from "react";
+import CodeMirror from "@uiw/react-codemirror";
+import {loadLanguage} from '@uiw/codemirror-extensions-langs';
+import {hyperLink} from '@uiw/codemirror-extensions-hyper-link';
+import {oneDark} from '@codemirror/theme-one-dark';
+import {EditorView} from '@codemirror/view';
+
+interface ConfigCodeEditorProps {
+    content: string;
+    fileName: string;
+    onContentChange: (value: string) => void;
+}
+
+export function ConfigCodeEditor({content, fileName, onContentChange}: ConfigCodeEditorProps) {
+    function getLanguageName(filename: string): string {
+        if (!filename || typeof filename !== 'string') {
+            return 'text';
+        }
+        const lastDotIndex = filename.lastIndexOf('.');
+        if (lastDotIndex === -1) {
+            return 'text';
+        }
+        const ext = filename.slice(lastDotIndex + 1).toLowerCase();
+
+        switch (ext) {
+            case 'ng':
+                return 'angular';
+            case 'apl':
+                return 'apl';
+            case 'asc':
+                return 'asciiArmor';
+            case 'ast':
+                return 'asterisk';
+            case 'bf':
+                return 'brainfuck';
+            case 'c':
+                return 'c';
+            case 'ceylon':
+                return 'ceylon';
+            case 'clj':
+                return 'clojure';
+            case 'cmake':
+                return 'cmake';
+            case 'cob':
+            case 'cbl':
+                return 'cobol';
+            case 'coffee':
+                return 'coffeescript';
+            case 'lisp':
+                return 'commonLisp';
+            case 'cpp':
+            case 'cc':
+            case 'cxx':
+                return 'cpp';
+            case 'cr':
+                return 'crystal';
+            case 'cs':
+                return 'csharp';
+            case 'css':
+                return 'css';
+            case 'cypher':
+                return 'cypher';
+            case 'd':
+                return 'd';
+            case 'dart':
+                return 'dart';
+            case 'diff':
+            case 'patch':
+                return 'diff';
+            case 'dockerfile':
+                return 'dockerfile';
+            case 'dtd':
+                return 'dtd';
+            case 'dylan':
+                return 'dylan';
+            case 'ebnf':
+                return 'ebnf';
+            case 'ecl':
+                return 'ecl';
+            case 'eiffel':
+                return 'eiffel';
+            case 'elm':
+                return 'elm';
+            case 'erl':
+                return 'erlang';
+            case 'factor':
+                return 'factor';
+            case 'fcl':
+                return 'fcl';
+            case 'fs':
+                return 'forth';
+            case 'f90':
+            case 'for':
+                return 'fortran';
+            case 's':
+                return 'gas';
+            case 'feature':
+                return 'gherkin';
+            case 'go':
+                return 'go';
+            case 'groovy':
+                return 'groovy';
+            case 'hs':
+                return 'haskell';
+            case 'hx':
+                return 'haxe';
+            case 'html':
+            case 'htm':
+                return 'html';
+            case 'http':
+                return 'http';
+            case 'idl':
+                return 'idl';
+            case 'java':
+                return 'java';
+            case 'js':
+            case 'mjs':
+            case 'cjs':
+                return 'javascript';
+            case 'jinja2':
+            case 'j2':
+                return 'jinja2';
+            case 'json':
+                return 'json';
+            case 'jsx':
+                return 'jsx';
+            case 'jl':
+                return 'julia';
+            case 'kt':
+            case 'kts':
+                return 'kotlin';
+            case 'less':
+                return 'less';
+            case 'lezer':
+                return 'lezer';
+            case 'liquid':
+                return 'liquid';
+            case 'litcoffee':
+                return 'livescript';
+            case 'lua':
+                return 'lua';
+            case 'md':
+                return 'markdown';
+            case 'nb':
+            case 'mat':
+                return 'mathematica';
+            case 'mbox':
+                return 'mbox';
+            case 'mmd':
+                return 'mermaid';
+            case 'mrc':
+                return 'mirc';
+            case 'moo':
+                return 'modelica';
+            case 'mscgen':
+                return 'mscgen';
+            case 'm':
+                return 'mumps';
+            case 'sql':
+                return 'mysql';
+            case 'nc':
+                return 'nesC';
+            case 'nginx':
+                return 'nginx';
+            case 'nix':
+                return 'nix';
+            case 'nsi':
+                return 'nsis';
+            case 'nt':
+                return 'ntriples';
+            case 'mm':
+                return 'objectiveCpp';
+            case 'octave':
+                return 'octave';
+            case 'oz':
+                return 'oz';
+            case 'pas':
+                return 'pascal';
+            case 'pl':
+            case 'pm':
+                return 'perl';
+            case 'pgsql':
+                return 'pgsql';
+            case 'php':
+                return 'php';
+            case 'pig':
+                return 'pig';
+            case 'ps1':
+                return 'powershell';
+            case 'properties':
+                return 'properties';
+            case 'proto':
+                return 'protobuf';
+            case 'pp':
+                return 'puppet';
+            case 'py':
+                return 'python';
+            case 'q':
+                return 'q';
+            case 'r':
+                return 'r';
+            case 'rb':
+                return 'ruby';
+            case 'rs':
+                return 'rust';
+            case 'sas':
+                return 'sas';
+            case 'sass':
+            case 'scss':
+                return 'sass';
+            case 'scala':
+                return 'scala';
+            case 'scm':
+                return 'scheme';
+            case 'shader':
+                return 'shader';
+            case 'sh':
+            case 'bash':
+                return 'shell';
+            case 'siv':
+                return 'sieve';
+            case 'st':
+                return 'smalltalk';
+            case 'sol':
+                return 'solidity';
+            case 'solr':
+                return 'solr';
+            case 'rq':
+                return 'sparql';
+            case 'xlsx':
+            case 'ods':
+            case 'csv':
+                return 'spreadsheet';
+            case 'nut':
+                return 'squirrel';
+            case 'tex':
+                return 'stex';
+            case 'styl':
+                return 'stylus';
+            case 'svelte':
+                return 'svelte';
+            case 'swift':
+                return 'swift';
+            case 'tcl':
+                return 'tcl';
+            case 'textile':
+                return 'textile';
+            case 'tiddlywiki':
+                return 'tiddlyWiki';
+            case 'tiki':
+                return 'tiki';
+            case 'toml':
+                return 'toml';
+            case 'troff':
+                return 'troff';
+            case 'tsx':
+                return 'tsx';
+            case 'ttcn':
+                return 'ttcn';
+            case 'ttl':
+            case 'turtle':
+                return 'turtle';
+            case 'ts':
+                return 'typescript';
+            case 'vb':
+                return 'vb';
+            case 'vbs':
+                return 'vbscript';
+            case 'vm':
+                return 'velocity';
+            case 'v':
+                return 'verilog';
+            case 'vhd':
+            case 'vhdl':
+                return 'vhdl';
+            case 'vue':
+                return 'vue';
+            case 'wat':
+                return 'wast';
+            case 'webidl':
+                return 'webIDL';
+            case 'xq':
+            case 'xquery':
+                return 'xQuery';
+            case 'xml':
+                return 'xml';
+            case 'yacas':
+                return 'yacas';
+            case 'yaml':
+            case 'yml':
+                return 'yaml';
+            case 'z80':
+                return 'z80';
+            default:
+                return 'text';
+        }
+    }
+
+    useEffect(() => {
+        document.body.style.overflowX = 'hidden';
+        return () => {
+            document.body.style.overflowX = '';
+        };
+    }, []);
+
+    return (
+        <div style={{
+            width: '100%',
+            height: '100%',
+            position: 'relative',
+            overflow: 'hidden',
+            display: 'flex',
+            flexDirection: 'column'
+        }}>
+            <div
+                style={{
+                    width: '100%',
+                    height: '100%',
+                    overflow: 'auto',
+                    flex: 1,
+                    display: 'flex',
+                    flexDirection: 'column',
+                }}
+                className="config-codemirror-scroll-wrapper"
+            >
+                <CodeMirror
+                    value={content}
+                    extensions={[
+                        loadLanguage(getLanguageName(fileName || 'untitled.txt') as any) || [],
+                        hyperLink,
+                        oneDark,
+                        EditorView.theme({
+                            '&': {
+                                backgroundColor: '#09090b !important',
+                            },
+                            '.cm-gutters': {
+                                backgroundColor: '#18181b !important',
+                            },
+                        })
+                    ]}
+                    onChange={(value: any) => onContentChange(value)}
+                    theme={undefined}
+                    height="100%"
+                    basicSetup={{lineNumbers: true}}
+                    style={{minHeight: '100%', minWidth: '100%', flex: 1}}
+                />
+            </div>
+        </div>
+    );
+}
@@ -0,0 +1,608 @@
+import React, {useState, useEffect, useRef} from "react";
+import {ConfigEditorSidebar} from "@/apps/SSH/Config Editor/ConfigEditorSidebar.tsx";
+import {ConfigTabList} from "@/apps/SSH/Config Editor/ConfigTabList.tsx";
+import {ConfigHomeView} from "@/apps/SSH/Config Editor/ConfigHomeView.tsx";
+import {ConfigCodeEditor} from "@/apps/SSH/Config Editor/ConfigCodeEditor.tsx";
+import {Button} from '@/components/ui/button.tsx';
+import {ConfigTopbar} from "@/apps/SSH/Config Editor/ConfigTopbar.tsx";
+import {cn} from '@/lib/utils.ts';
+import {
+    getConfigEditorRecent,
+    getConfigEditorPinned,
+    getConfigEditorShortcuts,
+    addConfigEditorRecent,
+    removeConfigEditorRecent,
+    addConfigEditorPinned,
+    removeConfigEditorPinned,
+    addConfigEditorShortcut,
+    removeConfigEditorShortcut,
+    readSSHFile,
+    writeSSHFile,
+    getSSHStatus,
+    connectSSH
+} from '@/apps/SSH/ssh-axios.ts';
+
+interface Tab {
+    id: string | number;
+    title: string;
+    fileName: string;
+    content: string;
+    isSSH?: boolean;
+    sshSessionId?: string;
+    filePath?: string;
+    loading?: boolean;
+    error?: string;
+    success?: string;
+    dirty?: boolean;
+}
+
+interface SSHHost {
+    id: number;
+    name: string;
+    ip: string;
+    port: number;
+    username: string;
+    folder: string;
+    tags: string[];
+    pin: boolean;
+    authType: string;
+    password?: string;
+    key?: string;
+    keyPassword?: string;
+    keyType?: string;
+    enableTerminal: boolean;
+    enableTunnel: boolean;
+    enableConfigEditor: boolean;
+    defaultPath: string;
+    tunnelConnections: any[];
+    createdAt: string;
+    updatedAt: string;
+}
+
+export function ConfigEditor({onSelectView}: { onSelectView: (view: string) => void }): React.ReactElement {
+    const [tabs, setTabs] = useState<Tab[]>([]);
+    const [activeTab, setActiveTab] = useState<string | number>('home');
+    const [recent, setRecent] = useState<any[]>([]);
+    const [pinned, setPinned] = useState<any[]>([]);
+    const [shortcuts, setShortcuts] = useState<any[]>([]);
+
+    const [currentHost, setCurrentHost] = useState<SSHHost | null>(null);
+    const [isSaving, setIsSaving] = useState(false);
+
+    const sidebarRef = useRef<any>(null);
+
+    useEffect(() => {
+        if (currentHost) {
+            fetchHomeData();
+        } else {
+            setRecent([]);
+            setPinned([]);
+            setShortcuts([]);
+        }
+    }, [currentHost]);
+
+    useEffect(() => {
+        if (activeTab === 'home' && currentHost) {
+            fetchHomeData();
+        }
+    }, [activeTab, currentHost]);
+
+    useEffect(() => {
+        if (activeTab === 'home' && currentHost) {
+            const interval = setInterval(() => {
+                fetchHomeData();
+            }, 2000);
+
+            return () => clearInterval(interval);
+        }
+    }, [activeTab, currentHost]);
+
+    async function fetchHomeData() {
+        if (!currentHost) return;
+
+        try {
+            const homeDataPromise = Promise.all([
+                getConfigEditorRecent(currentHost.id),
+                getConfigEditorPinned(currentHost.id),
+                getConfigEditorShortcuts(currentHost.id),
+            ]);
+
+            const timeoutPromise = new Promise((_, reject) =>
+                setTimeout(() => reject(new Error('Fetch home data timed out')), 15000)
+            );
+
+            const [recentRes, pinnedRes, shortcutsRes] = await Promise.race([homeDataPromise, timeoutPromise]);
+
+            const recentWithPinnedStatus = (recentRes || []).map(file => ({
+                ...file,
+                type: 'file',
+                isPinned: (pinnedRes || []).some(pinnedFile =>
+                    pinnedFile.path === file.path && pinnedFile.name === file.name
+                )
+            }));
+
+            const pinnedWithType = (pinnedRes || []).map(file => ({
+                ...file,
+                type: 'file'
+            }));
+
+            setRecent(recentWithPinnedStatus);
+            setPinned(pinnedWithType);
+            setShortcuts((shortcutsRes || []).map(shortcut => ({
+                ...shortcut,
+                type: 'directory'
+            })));
+        } catch (err: any) {
+        }
+    }
+
+    const formatErrorMessage = (err: any, defaultMessage: string): string => {
+        if (typeof err === 'object' && err !== null && 'response' in err) {
+            const axiosErr = err as any;
+            if (axiosErr.response?.status === 403) {
+                return `Permission denied. ${defaultMessage}. Check the Docker logs for detailed error information.`;
+            } else if (axiosErr.response?.status === 500) {
+                const backendError = axiosErr.response?.data?.error || 'Internal server error occurred';
+                return `Server Error (500): ${backendError}. Check the Docker logs for detailed error information.`;
+            } else if (axiosErr.response?.data?.error) {
+                const backendError = axiosErr.response.data.error;
+                return `${axiosErr.response?.status ? `Error ${axiosErr.response.status}: ` : ''}${backendError}. Check the Docker logs for detailed error information.`;
+            } else {
+                return `Request failed with status code ${axiosErr.response?.status || 'unknown'}. Check the Docker logs for detailed error information.`;
+            }
+        } else if (err instanceof Error) {
+            return `${err.message}. Check the Docker logs for detailed error information.`;
+        } else {
+            return `${defaultMessage}. Check the Docker logs for detailed error information.`;
+        }
+    };
+
+    const handleOpenFile = async (file: any) => {
+        const tabId = file.path;
+
+        if (!tabs.find(t => t.id === tabId)) {
+            const currentSshSessionId = currentHost?.id.toString();
+
+            setTabs([...tabs, {
+                id: tabId,
+                title: file.name,
+                fileName: file.name,
+                content: '',
+                filePath: file.path,
+                isSSH: true,
+                sshSessionId: currentSshSessionId,
+                loading: true
+            }]);
+            try {
+                const res = await readSSHFile(currentSshSessionId, file.path);
+                setTabs(tabs => tabs.map(t => t.id === tabId ? {
+                    ...t,
+                    content: res.content,
+                    loading: false,
+                    error: undefined
+                } : t));
+                await addConfigEditorRecent({
+                    name: file.name,
+                    path: file.path,
+                    isSSH: true,
+                    sshSessionId: currentSshSessionId,
+                    hostId: currentHost?.id
+                });
+                fetchHomeData();
+            } catch (err: any) {
+                const errorMessage = formatErrorMessage(err, 'Cannot read file');
+                setTabs(tabs => tabs.map(t => t.id === tabId ? {...t, loading: false, error: errorMessage} : t));
+            }
+        }
+        setActiveTab(tabId);
+    };
+
+    const handleRemoveRecent = async (file: any) => {
+        try {
+            await removeConfigEditorRecent({
+                name: file.name,
+                path: file.path,
+                isSSH: true,
+                sshSessionId: file.sshSessionId,
+                hostId: currentHost?.id
+            });
+            fetchHomeData();
+        } catch (err) {
+        }
+    };
+
+    const handlePinFile = async (file: any) => {
+        try {
+            await addConfigEditorPinned({
+                name: file.name,
+                path: file.path,
+                isSSH: true,
+                sshSessionId: file.sshSessionId,
+                hostId: currentHost?.id
+            });
+            fetchHomeData();
+            if (sidebarRef.current && sidebarRef.current.fetchFiles) {
+                sidebarRef.current.fetchFiles();
+            }
+        } catch (err) {
+        }
+    };
+
+    const handleUnpinFile = async (file: any) => {
+        try {
+            await removeConfigEditorPinned({
+                name: file.name,
+                path: file.path,
+                isSSH: true,
+                sshSessionId: file.sshSessionId,
+                hostId: currentHost?.id
+            });
+            fetchHomeData();
+            if (sidebarRef.current && sidebarRef.current.fetchFiles) {
+                sidebarRef.current.fetchFiles();
+            }
+        } catch (err) {
+        }
+    };
+
+    const handleOpenShortcut = async (shortcut: any) => {
+        if (sidebarRef.current?.isOpeningShortcut) {
+            return;
+        }
+
+        if (sidebarRef.current && sidebarRef.current.openFolder) {
+            try {
+                sidebarRef.current.isOpeningShortcut = true;
+
+                const normalizedPath = shortcut.path.startsWith('/') ? shortcut.path : `/${shortcut.path}`;
+
+                await sidebarRef.current.openFolder(currentHost, normalizedPath);
+            } catch (err) {
+            } finally {
+                if (sidebarRef.current) {
+                    sidebarRef.current.isOpeningShortcut = false;
+                }
+            }
+        } else {
+        }
+    };
+
+    const handleAddShortcut = async (folderPath: string) => {
+        try {
+            const name = folderPath.split('/').pop() || folderPath;
+            await addConfigEditorShortcut({
+                name,
+                path: folderPath,
+                isSSH: true,
+                sshSessionId: currentHost?.id.toString(),
+                hostId: currentHost?.id
+            });
+            fetchHomeData();
+        } catch (err) {
+        }
+    };
+
+    const handleRemoveShortcut = async (shortcut: any) => {
+        try {
+            await removeConfigEditorShortcut({
+                name: shortcut.name,
+                path: shortcut.path,
+                isSSH: true,
+                sshSessionId: currentHost?.id.toString(),
+                hostId: currentHost?.id
+            });
+            fetchHomeData();
+        } catch (err) {
+        }
+    };
+
+    const closeTab = (tabId: string | number) => {
+        const idx = tabs.findIndex(t => t.id === tabId);
+        const newTabs = tabs.filter(t => t.id !== tabId);
+        setTabs(newTabs);
+        if (activeTab === tabId) {
+            if (newTabs.length > 0) setActiveTab(newTabs[Math.max(0, idx - 1)].id);
+            else setActiveTab('home');
+        }
+        if (currentHost) {
+            fetchHomeData();
+        }
+    };
+
+    const setTabContent = (tabId: string | number, content: string) => {
+        setTabs(tabs => tabs.map(t => t.id === tabId ? {
+            ...t,
+            content,
+            dirty: true,
+            error: undefined,
+            success: undefined
+        } : t));
+    };
+
+    const handleSave = async (tab: Tab) => {
+        if (isSaving) {
+            return;
+        }
+
+        setIsSaving(true);
+
+        try {
+            if (!tab.sshSessionId) {
+                throw new Error('No SSH session ID available');
+            }
+
+            if (!tab.filePath) {
+                throw new Error('No file path available');
+            }
+
+            if (!currentHost?.id) {
+                throw new Error('No current host available');
+            }
+
+            try {
+                const statusPromise = getSSHStatus(tab.sshSessionId);
+                const statusTimeoutPromise = new Promise((_, reject) =>
+                    setTimeout(() => reject(new Error('SSH status check timed out')), 10000)
+                );
+
+                const status = await Promise.race([statusPromise, statusTimeoutPromise]);
+
+                if (!status.connected) {
+                    const connectPromise = connectSSH(tab.sshSessionId, {
+                        ip: currentHost.ip,
+                        port: currentHost.port,
+                        username: currentHost.username,
+                        password: currentHost.password,
+                        sshKey: currentHost.key,
+                        keyPassword: currentHost.keyPassword
+                    });
+                    const connectTimeoutPromise = new Promise((_, reject) =>
+                        setTimeout(() => reject(new Error('SSH reconnection timed out')), 15000)
+                    );
+
+                    await Promise.race([connectPromise, connectTimeoutPromise]);
+                }
+            } catch (statusErr) {
+            }
+
+            const savePromise = writeSSHFile(tab.sshSessionId, tab.filePath, tab.content);
+            const timeoutPromise = new Promise((_, reject) =>
+                setTimeout(() => {
+                    reject(new Error('Save operation timed out'));
+                }, 30000)
+            );
+
+            const result = await Promise.race([savePromise, timeoutPromise]);
+            setTabs(tabs => tabs.map(t => t.id === tab.id ? {
+                ...t,
+                dirty: false,
+                success: 'File saved successfully'
+            } : t));
+
+            setTimeout(() => {
+                setTabs(tabs => tabs.map(t => t.id === tab.id ? {...t, success: undefined} : t));
+            }, 3000);
+
+            Promise.allSettled([
+                (async () => {
+                    try {
+                        await addConfigEditorRecent({
+                            name: tab.fileName,
+                            path: tab.filePath,
+                            isSSH: true,
+                            sshSessionId: tab.sshSessionId,
+                            hostId: currentHost.id
+                        });
+                    } catch (recentErr) {
+                    }
+                })(),
+                (async () => {
+                    try {
+                        await fetchHomeData();
+                    } catch (refreshErr) {
+                    }
+                })()
+            ]).then(() => {
+            });
+
+        } catch (err) {
+            let errorMessage = formatErrorMessage(err, 'Cannot save file');
+
+            if (errorMessage.includes('timed out') || errorMessage.includes('timeout')) {
+                errorMessage = `Save operation timed out. The file may have been saved successfully, but the operation took too long to complete. Check the Docker logs for confirmation.`;
+            }
+
+            setTabs(tabs => {
+                const updatedTabs = tabs.map(t => t.id === tab.id ? {
+                    ...t,
+                    error: `Failed to save file: ${errorMessage}`
+                } : t);
+                return updatedTabs;
+            });
+
+            setTimeout(() => {
+                setTabs(currentTabs => [...currentTabs]);
+            }, 100);
+        } finally {
+            setIsSaving(false);
+        }
+    };
+
+    const handleHostChange = (host: SSHHost | null) => {
+        setCurrentHost(host);
+        setTabs([]);
+        setActiveTab('home');
+    };
+
+    if (!currentHost) {
+        return (
+            <div style={{position: 'relative', width: '100vw', height: '100vh', overflow: 'hidden'}}>
+                <div style={{position: 'absolute', top: 0, left: 0, width: 256, height: '100vh', zIndex: 20}}>
+                    <ConfigEditorSidebar
+                        onSelectView={onSelectView}
+                        onOpenFile={handleOpenFile}
+                        tabs={tabs}
+                        ref={sidebarRef}
+                        onHostChange={handleHostChange}
+                    />
+                </div>
+                <div style={{
+                    position: 'absolute',
+                    top: 0,
+                    left: 256,
+                    right: 0,
+                    bottom: 0,
+                    display: 'flex',
+                    alignItems: 'center',
+                    justifyContent: 'center',
+                    background: '#09090b'
+                }}>
+                    <div className="text-center">
+                        <h2 className="text-xl font-semibold text-white mb-2">Connect to a Server</h2>
+                        <p className="text-muted-foreground">Select a server from the sidebar to start editing files</p>
+                    </div>
+                </div>
+            </div>
+        );
+    }
+
+    return (
+        <div style={{position: 'relative', width: '100vw', height: '100vh', overflow: 'hidden'}}>
+            <div style={{position: 'absolute', top: 0, left: 0, width: 256, height: '100vh', zIndex: 20}}>
+                <ConfigEditorSidebar
+                    onSelectView={onSelectView}
+                    onOpenFile={handleOpenFile}
+                    tabs={tabs}
+                    ref={sidebarRef}
+                    onHostChange={handleHostChange}
+                />
+            </div>
+            <div style={{position: 'absolute', top: 0, left: 256, right: 0, height: 44, zIndex: 30}}>
+                <div className="flex items-center w-full bg-[#18181b] border-b border-[#222224] h-11 relative px-4"
+                     style={{height: 44}}>
+                    {/* Tab list scrollable area */}
+                    <div className="flex-1 min-w-0 h-full flex items-center">
+                        <div
+                            className="h-9 w-full bg-[#09090b] border border-[#23232a] rounded-md flex items-center overflow-x-auto scrollbar-thin scrollbar-thumb-muted-foreground/30 scrollbar-track-transparent"
+                            style={{minWidth: 0}}>
+                            <ConfigTopbar
+                                tabs={tabs.map(t => ({id: t.id, title: t.title}))}
+                                activeTab={activeTab}
+                                setActiveTab={setActiveTab}
+                                closeTab={closeTab}
+                                onHomeClick={() => {
+                                    setActiveTab('home');
+                                    if (currentHost) {
+                                        fetchHomeData();
+                                    }
+                                }}
+                            />
+                        </div>
+                    </div>
+                    {/* Save button - always visible */}
+                    <Button
+                        className={cn(
+                            'ml-4 px-4 py-1.5 border rounded-md text-sm font-medium transition-colors',
+                            'border-[#2d2d30] text-white bg-transparent hover:bg-[#23232a] active:bg-[#23232a] focus:bg-[#23232a]',
+                            activeTab === 'home' || !tabs.find(t => t.id === activeTab)?.dirty || isSaving ? 'opacity-60 cursor-not-allowed' : 'hover:border-[#2d2d30]'
+                        )}
+                        disabled={activeTab === 'home' || !tabs.find(t => t.id === activeTab)?.dirty || isSaving}
+                        onClick={() => {
+                            const tab = tabs.find(t => t.id === activeTab);
+                            if (tab && !isSaving) handleSave(tab);
+                        }}
+                        type="button"
+                        style={{height: 36, alignSelf: 'center'}}
+                    >
+                        {isSaving ? 'Saving...' : 'Save'}
+                    </Button>
+                </div>
+            </div>
+            <div style={{
+                position: 'absolute',
+                top: 44,
+                left: 256,
+                right: 0,
+                bottom: 0,
+                overflow: 'hidden',
+                zIndex: 10,
+                background: '#101014',
+                display: 'flex',
+                flexDirection: 'column'
+            }}>
+                {activeTab === 'home' ? (
+                    <ConfigHomeView
+                        recent={recent}
+                        pinned={pinned}
+                        shortcuts={shortcuts}
+                        onOpenFile={handleOpenFile}
+                        onRemoveRecent={handleRemoveRecent}
+                        onPinFile={handlePinFile}
+                        onUnpinFile={handleUnpinFile}
+                        onOpenShortcut={handleOpenShortcut}
+                        onRemoveShortcut={handleRemoveShortcut}
+                        onAddShortcut={handleAddShortcut}
+                    />
+                ) : (
+                    (() => {
+                        const tab = tabs.find(t => t.id === activeTab);
+                        if (!tab) return null;
+                        return (
+                            <div className="flex flex-col h-full" style={{flex: 1, minHeight: 0}}>
+                                {/* Error display */}
+                                {tab.error && (
+                                    <div
+                                        className="bg-red-900/20 border border-red-500/30 text-red-300 px-4 py-3 text-sm">
+                                        <div className="flex items-center justify-between">
+                                            <div className="flex items-center gap-2">
+                                                <span className="text-red-400">⚠️</span>
+                                                <span>{tab.error}</span>
+                                            </div>
+                                            <button
+                                                onClick={() => setTabs(tabs => tabs.map(t => t.id === tab.id ? {
+                                                    ...t,
+                                                    error: undefined
+                                                } : t))}
+                                                className="text-red-400 hover:text-red-300 transition-colors"
+                                            >
+                                                ✕
+                                            </button>
+                                        </div>
+                                    </div>
+                                )}
+                                {/* Success display */}
+                                {tab.success && (
+                                    <div
+                                        className="bg-green-900/20 border border-green-500/30 text-green-300 px-4 py-3 text-sm">
+                                        <div className="flex items-center justify-between">
+                                            <div className="flex items-center gap-2">
+                                                <span className="text-green-400">✓</span>
+                                                <span>{tab.success}</span>
+                                            </div>
+                                            <button
+                                                onClick={() => setTabs(tabs => tabs.map(t => t.id === tab.id ? {
+                                                    ...t,
+                                                    success: undefined
+                                                } : t))}
+                                                className="text-green-400 hover:text-green-300 transition-colors"
+                                            >
+                                                ✕
+                                            </button>
+                                        </div>
+                                    </div>
+                                )}
+                                <div className="flex-1 min-h-0">
+                                    <ConfigCodeEditor
+                                        content={tab.content}
+                                        fileName={tab.fileName}
+                                        onContentChange={content => setTabContent(tab.id, content)}
+                                    />
+                                </div>
+                            </div>
+                        );
+                    })()
+                )}
+            </div>
+        </div>
+    );
+}
@@ -0,0 +1,594 @@
+import React, {useEffect, useState, useRef, forwardRef, useImperativeHandle} from 'react';
+import {
+    Sidebar,
+    SidebarContent,
+    SidebarGroup,
+    SidebarGroupContent,
+    SidebarGroupLabel, SidebarMenu, SidebarMenuItem,
+    SidebarProvider
+} from '@/components/ui/sidebar.tsx';
+import {Separator} from '@/components/ui/separator.tsx';
+import {CornerDownLeft, Folder, File, Server, ArrowUp, Pin} from 'lucide-react';
+import {ScrollArea} from '@/components/ui/scroll-area.tsx';
+import {cn} from '@/lib/utils.ts';
+import {Input} from '@/components/ui/input.tsx';
+import {Button} from '@/components/ui/button.tsx';
+import {Accordion, AccordionContent, AccordionItem, AccordionTrigger} from '@/components/ui/accordion.tsx';
+import {
+    getSSHHosts,
+    listSSHFiles,
+    connectSSH,
+    getSSHStatus,
+    getConfigEditorPinned,
+    addConfigEditorPinned,
+    removeConfigEditorPinned
+} from '@/apps/SSH/ssh-axios.ts';
+
+interface SSHHost {
+    id: number;
+    name: string;
+    ip: string;
+    port: number;
+    username: string;
+    folder: string;
+    tags: string[];
+    pin: boolean;
+    authType: string;
+    password?: string;
+    key?: string;
+    keyPassword?: string;
+    keyType?: string;
+    enableTerminal: boolean;
+    enableTunnel: boolean;
+    enableConfigEditor: boolean;
+    defaultPath: string;
+    tunnelConnections: any[];
+    createdAt: string;
+    updatedAt: string;
+}
+
+const ConfigEditorSidebar = forwardRef(function ConfigEditorSidebar(
+    {onSelectView, onOpenFile, tabs, onHostChange}: {
+        onSelectView: (view: string) => void;
+        onOpenFile: (file: any) => void;
+        tabs: any[];
+        onHostChange?: (host: SSHHost | null) => void;
+    },
+    ref
+) {
+    const [sshConnections, setSSHConnections] = useState<SSHHost[]>([]);
+    const [loadingSSH, setLoadingSSH] = useState(false);
+    const [errorSSH, setErrorSSH] = useState<string | undefined>(undefined);
+    const [view, setView] = useState<'servers' | 'files'>('servers');
+    const [activeServer, setActiveServer] = useState<SSHHost | null>(null);
+    const [currentPath, setCurrentPath] = useState('/');
+    const [files, setFiles] = useState<any[]>([]);
+    const pathInputRef = useRef<HTMLInputElement>(null);
+
+    const [search, setSearch] = useState('');
+    const [debouncedSearch, setDebouncedSearch] = useState('');
+    const [fileSearch, setFileSearch] = useState('');
+    const [debouncedFileSearch, setDebouncedFileSearch] = useState('');
+    useEffect(() => {
+        const handler = setTimeout(() => setDebouncedSearch(search), 200);
+        return () => clearTimeout(handler);
+    }, [search]);
+    useEffect(() => {
+        const handler = setTimeout(() => setDebouncedFileSearch(fileSearch), 200);
+        return () => clearTimeout(handler);
+    }, [fileSearch]);
+
+    const [sshSessionId, setSshSessionId] = useState<string | null>(null);
+    const [filesLoading, setFilesLoading] = useState(false);
+    const [filesError, setFilesError] = useState<string | null>(null);
+    const [connectingSSH, setConnectingSSH] = useState(false);
+    const [connectionCache, setConnectionCache] = useState<Record<string, {
+        sessionId: string;
+        timestamp: number
+    }>>({});
+    const [fetchingFiles, setFetchingFiles] = useState(false);
+
+    useEffect(() => {
+        fetchSSH();
+    }, []);
+
+    async function fetchSSH() {
+        setLoadingSSH(true);
+        setErrorSSH(undefined);
+        try {
+            const hosts = await getSSHHosts();
+            const configEditorHosts = hosts.filter(host => host.enableConfigEditor);
+
+            if (configEditorHosts.length > 0) {
+                const firstHost = configEditorHosts[0];
+            }
+
+            setSSHConnections(configEditorHosts);
+        } catch (err: any) {
+            setErrorSSH('Failed to load SSH connections');
+        } finally {
+            setLoadingSSH(false);
+        }
+    }
+
+    async function connectToSSH(server: SSHHost): Promise<string | null> {
+        const sessionId = server.id.toString();
+
+        const cached = connectionCache[sessionId];
+        if (cached && Date.now() - cached.timestamp < 30000) {
+            setSshSessionId(cached.sessionId);
+            return cached.sessionId;
+        }
+
+        if (connectingSSH) {
+            return null;
+        }
+
+        setConnectingSSH(true);
+
+        try {
+            if (!server.password && !server.key) {
+                setFilesError('No authentication credentials available for this SSH host');
+                return null;
+            }
+
+            const connectionConfig = {
+                ip: server.ip,
+                port: server.port,
+                username: server.username,
+                password: server.password,
+                sshKey: server.key,
+                keyPassword: server.keyPassword,
+            };
+
+            await connectSSH(sessionId, connectionConfig);
+
+            setSshSessionId(sessionId);
+
+            setConnectionCache(prev => ({
+                ...prev,
+                [sessionId]: {sessionId, timestamp: Date.now()}
+            }));
+
+            return sessionId;
+        } catch (err: any) {
+            setFilesError(err?.response?.data?.error || 'Failed to connect to SSH');
+            setSshSessionId(null);
+            return null;
+        } finally {
+            setConnectingSSH(false);
+        }
+    }
+
+    async function fetchFiles() {
+        if (fetchingFiles) {
+            return;
+        }
+
+        setFetchingFiles(true);
+        setFiles([]);
+        setFilesLoading(true);
+        setFilesError(null);
+
+        try {
+            let pinnedFiles: any[] = [];
+            try {
+                if (activeServer) {
+                    pinnedFiles = await getConfigEditorPinned(activeServer.id);
+                }
+            } catch (err) {
+            }
+
+            if (activeServer && sshSessionId) {
+                let res: any[] = [];
+
+                try {
+                    const status = await getSSHStatus(sshSessionId);
+                    if (!status.connected) {
+                        const newSessionId = await connectToSSH(activeServer);
+                        if (newSessionId) {
+                            setSshSessionId(newSessionId);
+                            res = await listSSHFiles(newSessionId, currentPath);
+                        } else {
+                            throw new Error('Failed to reconnect SSH session');
+                        }
+                    } else {
+                        res = await listSSHFiles(sshSessionId, currentPath);
+                    }
+                } catch (sessionErr) {
+                    const newSessionId = await connectToSSH(activeServer);
+                    if (newSessionId) {
+                        setSshSessionId(newSessionId);
+                        res = await listSSHFiles(newSessionId, currentPath);
+                    } else {
+                        throw sessionErr;
+                    }
+                }
+
+                const processedFiles = (res || []).map((f: any) => {
+                    const filePath = currentPath + (currentPath.endsWith('/') ? '' : '/') + f.name;
+                    const isPinned = pinnedFiles.some(pinned => pinned.path === filePath);
+                    return {
+                        ...f,
+                        path: filePath,
+                        isPinned,
+                        isSSH: true,
+                        sshSessionId: sshSessionId
+                    };
+                });
+
+                setFiles(processedFiles);
+            }
+        } catch (err: any) {
+            setFiles([]);
+            setFilesError(err?.response?.data?.error || err?.message || 'Failed to list files');
+        } finally {
+            setFilesLoading(false);
+            setFetchingFiles(false);
+        }
+    }
+
+    useEffect(() => {
+        if (view === 'files' && activeServer && sshSessionId && !connectingSSH && !fetchingFiles) {
+            const timeoutId = setTimeout(() => {
+                fetchFiles();
+            }, 100);
+            return () => clearTimeout(timeoutId);
+        }
+    }, [currentPath, view, activeServer, sshSessionId]);
+
+    async function handleSelectServer(server: SSHHost) {
+        if (connectingSSH) {
+            return;
+        }
+
+        setFetchingFiles(false);
+        setFilesLoading(false);
+        setFilesError(null);
+        setFiles([]);
+
+        setActiveServer(server);
+        setCurrentPath(server.defaultPath || '/');
+        setView('files');
+
+        const sessionId = await connectToSSH(server);
+        if (sessionId) {
+            setSshSessionId(sessionId);
+            if (onHostChange) {
+                onHostChange(server);
+            }
+        } else {
+            w
+            setView('servers');
+            setActiveServer(null);
+        }
+    }
+
+    useImperativeHandle(ref, () => ({
+        openFolder: async (server: SSHHost, path: string) => {
+            if (connectingSSH || fetchingFiles) {
+                return;
+            }
+
+            if (activeServer?.id === server.id && currentPath === path) {
+                setTimeout(() => fetchFiles(), 100);
+                return;
+            }
+
+            setFetchingFiles(false);
+            setFilesLoading(false);
+            setFilesError(null);
+            setFiles([]);
+
+            setActiveServer(server);
+            setCurrentPath(path);
+            setView('files');
+
+            if (!sshSessionId || activeServer?.id !== server.id) {
+                const sessionId = await connectToSSH(server);
+                if (sessionId) {
+                    setSshSessionId(sessionId);
+                    if (onHostChange && activeServer?.id !== server.id) {
+                        onHostChange(server);
+                    }
+                } else {
+                    setView('servers');
+                    setActiveServer(null);
+                }
+            } else {
+                if (onHostChange && activeServer?.id !== server.id) {
+                    onHostChange(server);
+                }
+            }
+        },
+        fetchFiles: () => {
+            if (activeServer && sshSessionId) {
+                fetchFiles();
+            }
+        }
+    }));
+
+    useEffect(() => {
+        if (pathInputRef.current) {
+            pathInputRef.current.scrollLeft = pathInputRef.current.scrollWidth;
+        }
+    }, [currentPath]);
+
+    const sshByFolder: Record<string, SSHHost[]> = {};
+    sshConnections.forEach(conn => {
+        const folder = conn.folder && conn.folder.trim() ? conn.folder : 'No Folder';
+        if (!sshByFolder[folder]) sshByFolder[folder] = [];
+        sshByFolder[folder].push(conn);
+    });
+
+    const sortedFolders = Object.keys(sshByFolder);
+    if (sortedFolders.includes('No Folder')) {
+        sortedFolders.splice(sortedFolders.indexOf('No Folder'), 1);
+        sortedFolders.unshift('No Folder');
+    }
+
+    const filteredSshByFolder: Record<string, SSHHost[]> = {};
+    Object.entries(sshByFolder).forEach(([folder, hosts]) => {
+        filteredSshByFolder[folder] = hosts.filter(conn => {
+            const q = debouncedSearch.trim().toLowerCase();
+            if (!q) return true;
+            return (conn.name || '').toLowerCase().includes(q) || (conn.ip || '').toLowerCase().includes(q) ||
+                (conn.username || '').toLowerCase().includes(q) || (conn.folder || '').toLowerCase().includes(q) ||
+                (conn.tags || []).join(' ').toLowerCase().includes(q);
+        });
+    });
+
+    const filteredFiles = files.filter(file => {
+        const q = debouncedFileSearch.trim().toLowerCase();
+        if (!q) return true;
+        return file.name.toLowerCase().includes(q);
+    });
+
+    return (
+        <SidebarProvider>
+            <Sidebar style={{height: '100vh', maxHeight: '100vh', overflow: 'hidden'}}>
+                <SidebarContent style={{height: '100vh', maxHeight: '100vh', overflow: 'hidden'}}>
+                    <SidebarGroup className="flex flex-col flex-grow h-full overflow-hidden">
+                        <SidebarGroupLabel className="text-lg font-bold text-white flex items-center gap-2">
+                            Termix / Config
+                        </SidebarGroupLabel>
+                        <Separator className="p-0.25 mt-1 mb-1"/>
+                        <SidebarGroupContent className="flex flex-col flex-grow min-h-0">
+                            <SidebarMenu>
+                                <SidebarMenuItem key={"Homepage"}>
+                                    <Button className="w-full mt-2 mb-2 h-8" onClick={() => onSelectView("homepage")}
+                                            variant="outline">
+                                        <CornerDownLeft/>
+                                        Return
+                                    </Button>
+                                    <Separator className="p-0.25 mt-1 mb-1"/>
+                                </SidebarMenuItem>
+                            </SidebarMenu>
+                            <div
+                                className="flex-1 w-full flex flex-col rounded-md bg-[#09090b] border border-[#434345] overflow-hidden p-0 relative min-h-0 mt-1">
+                                {view === 'servers' && (
+                                    <>
+                                        <div
+                                            className="w-full px-2 pt-2 pb-2 bg-[#09090b] z-10 border-b border-[#23232a]">
+                                            <Input
+                                                value={search}
+                                                onChange={e => setSearch(e.target.value)}
+                                                placeholder="Search hosts by name, username, IP, folder, tags..."
+                                                className="w-full h-8 text-sm bg-[#18181b] border border-[#23232a] text-white placeholder:text-muted-foreground rounded"
+                                                autoComplete="off"
+                                            />
+                                        </div>
+                                        <ScrollArea className="flex-1 w-full h-full"
+                                                    style={{height: '100%', maxHeight: '100%'}}>
+                                            <div className="flex flex-col h-full">
+                                                <div
+                                                    className="w-full flex-grow overflow-hidden p-0 m-0 relative flex flex-col min-h-0">
+                                                    <div style={{display: 'flex', justifyContent: 'center'}}>
+                                                        <Separator className="w-full h-px bg-[#434345] my-2"
+                                                                   style={{maxWidth: 213, margin: '0 auto'}}/>
+                                                    </div>
+                                                    <div className="mx-auto" style={{maxWidth: '213px', width: '100%'}}>
+                                                        <div className="flex-1 min-h-0">
+                                                            <Accordion type="multiple" className="w-full"
+                                                                       value={sortedFolders}>
+                                                                {sortedFolders.map((folder, idx) => (
+                                                                    <React.Fragment key={folder}>
+                                                                        <AccordionItem value={folder}
+                                                                                       className="mt-0 w-full !border-b-transparent">
+                                                                            <AccordionTrigger
+                                                                                className="text-base font-semibold rounded-t-none py-2 w-full">{folder}</AccordionTrigger>
+                                                                            <AccordionContent
+                                                                                className="flex flex-col gap-1 pb-2 pt-1 w-full">
+                                                                                {filteredSshByFolder[folder].map(conn => (
+                                                                                    <Button
+                                                                                        key={conn.id}
+                                                                                        variant="outline"
+                                                                                        className="w-full h-10 px-2 bg-[#18181b] border border-[#434345] hover:bg-[#2d2d30] transition-colors text-left justify-start"
+                                                                                        onClick={() => handleSelectServer(conn)}
+                                                                                    >
+                                                                                        <div
+                                                                                            className="flex items-center w-full">
+                                                                                            {conn.pin && <Pin
+                                                                                                className="w-0.5 h-0.5 text-yellow-400 mr-1 flex-shrink-0"/>}
+                                                                                            <span
+                                                                                                className="font-medium truncate">{conn.name || conn.ip}</span>
+                                                                                        </div>
+                                                                                    </Button>
+                                                                                ))}
+                                                                            </AccordionContent>
+                                                                        </AccordionItem>
+                                                                        {idx < sortedFolders.length - 1 && (
+                                                                            <div style={{
+                                                                                display: 'flex',
+                                                                                justifyContent: 'center'
+                                                                            }}>
+                                                                                <Separator
+                                                                                    className="h-px bg-[#434345] my-1"
+                                                                                    style={{width: 213}}/>
+                                                                            </div>
+                                                                        )}
+                                                                    </React.Fragment>
+                                                                ))}
+                                                            </Accordion>
+                                                        </div>
+                                                    </div>
+                                                </div>
+                                            </div>
+                                        </ScrollArea>
+                                    </>
+                                )}
+                                {view === 'files' && activeServer && (
+                                    <div className="flex flex-col h-full w-full" style={{maxWidth: 260}}>
+                                        <div
+                                            className="flex items-center gap-2 px-2 py-2 border-b border-[#23232a] bg-[#18181b] z-20"
+                                            style={{maxWidth: 260}}>
+                                            <Button
+                                                size="icon"
+                                                variant="outline"
+                                                className="h-8 w-8 bg-[#18181b] border border-[#23232a] rounded-md hover:bg-[#2d2d30] focus:outline-none focus:ring-2 focus:ring-ring"
+                                                onClick={() => {
+                                                    let path = currentPath;
+                                                    if (path && path !== '/' && path !== '') {
+                                                        if (path.endsWith('/')) path = path.slice(0, -1);
+                                                        const lastSlash = path.lastIndexOf('/');
+                                                        if (lastSlash > 0) {
+                                                            setCurrentPath(path.slice(0, lastSlash));
+                                                        } else {
+                                                            setCurrentPath('/');
+                                                        }
+                                                    } else {
+                                                        setView('servers');
+                                                        if (onHostChange) {
+                                                            onHostChange(null);
+                                                        }
+                                                    }
+                                                }}
+                                            >
+                                                <ArrowUp className="w-4 h-4"/>
+                                            </Button>
+                                            <Input ref={pathInputRef} value={currentPath}
+                                                   onChange={e => setCurrentPath(e.target.value)}
+                                                   className="flex-1 bg-[#18181b] border border-[#434345] text-white truncate rounded-md px-2 py-1 focus:outline-none focus:ring-2 focus:ring-ring hover:border-[#5a5a5d]"
+                                            />
+                                        </div>
+                                        <div className="px-2 py-2 border-b border-[#23232a] bg-[#18181b]">
+                                            <Input
+                                                placeholder="Search files and folders..."
+                                                className="w-full h-7 text-sm bg-[#23232a] border border-[#434345] text-white placeholder:text-muted-foreground rounded"
+                                                autoComplete="off"
+                                                value={fileSearch}
+                                                onChange={e => setFileSearch(e.target.value)}
+                                            />
+                                        </div>
+                                        <div className="flex-1 w-full h-full bg-[#09090b] border-t border-[#23232a]">
+                                            <ScrollArea className="w-full h-full bg-[#09090b]" style={{
+                                                height: '100%',
+                                                maxHeight: '100%',
+                                                paddingRight: 8,
+                                                scrollbarGutter: 'stable',
+                                                background: '#09090b'
+                                            }}>
+                                                <div className="p-2 pr-2">
+                                                    {connectingSSH || filesLoading ? (
+                                                        <div className="text-xs text-muted-foreground">Loading...</div>
+                                                    ) : filesError ? (
+                                                        <div className="text-xs text-red-500">{filesError}</div>
+                                                    ) : filteredFiles.length === 0 ? (
+                                                        <div className="text-xs text-muted-foreground">No files or
+                                                            folders found.</div>
+                                                    ) : (
+                                                        <div className="flex flex-col gap-1">
+                                                            {filteredFiles.map((item: any) => {
+                                                                const isOpen = (tabs || []).some((t: any) => t.id === item.path);
+                                                                return (
+                                                                    <div
+                                                                        key={item.path}
+                                                                        className={cn(
+                                                                            "flex items-center gap-2 px-3 py-2 bg-[#18181b] border border-[#23232a] rounded group max-w-full",
+                                                                            isOpen && "opacity-60 cursor-not-allowed pointer-events-none"
+                                                                        )}
+                                                                        style={{maxWidth: 220, marginBottom: 8}}
+                                                                    >
+                                                                        <div
+                                                                            className="flex items-center gap-2 flex-1 cursor-pointer min-w-0"
+                                                                            onClick={() => !isOpen && (item.type === 'directory' ? setCurrentPath(item.path) : onOpenFile({
+                                                                                name: item.name,
+                                                                                path: item.path,
+                                                                                isSSH: item.isSSH,
+                                                                                sshSessionId: item.sshSessionId
+                                                                            }))}
+                                                                        >
+                                                                            {item.type === 'directory' ?
+                                                                                <Folder
+                                                                                    className="w-4 h-4 text-blue-400"/> :
+                                                                                <File
+                                                                                    className="w-4 h-4 text-muted-foreground"/>}
+                                                                            <span
+                                                                                className="text-sm text-white truncate max-w-[120px]">{item.name}</span>
+                                                                        </div>
+                                                                        <div className="flex items-center gap-1">
+                                                                            {item.type === 'file' && (
+                                                                                <Button size="icon" variant="ghost"
+                                                                                        className="h-7 w-7"
+                                                                                        disabled={isOpen}
+                                                                                        onClick={async (e) => {
+                                                                                            e.stopPropagation();
+                                                                                            try {
+                                                                                                if (item.isPinned) {
+                                                                                                    await removeConfigEditorPinned({
+                                                                                                        name: item.name,
+                                                                                                        path: item.path,
+                                                                                                        hostId: activeServer?.id,
+                                                                                                        isSSH: true,
+                                                                                                        sshSessionId: activeServer?.id.toString()
+                                                                                                    });
+                                                                                                    setFiles(files.map(f =>
+                                                                                                        f.path === item.path ? {
+                                                                                                            ...f,
+                                                                                                            isPinned: false
+                                                                                                        } : f
+                                                                                                    ));
+                                                                                                } else {
+                                                                                                    await addConfigEditorPinned({
+                                                                                                        name: item.name,
+                                                                                                        path: item.path,
+                                                                                                        hostId: activeServer?.id,
+                                                                                                        isSSH: true,
+                                                                                                        sshSessionId: activeServer?.id.toString()
+                                                                                                    });
+                                                                                                    setFiles(files.map(f =>
+                                                                                                        f.path === item.path ? {
+                                                                                                            ...f,
+                                                                                                            isPinned: true
+                                                                                                        } : f
+                                                                                                    ));
+                                                                                                }
+                                                                                            } catch (err) {
+                                                                                                console.error('Failed to pin/unpin file:', err);
+                                                                                            }
+                                                                                        }}
+                                                                                >
+                                                                                    <Pin
+                                                                                        className={`w-1 h-1 ${item.isPinned ? 'text-yellow-400 fill-current' : 'text-muted-foreground'}`}/>
+                                                                                </Button>
+                                                                            )}
+                                                                        </div>
+                                                                    </div>
+                                                                );
+                                                            })}
+                                                        </div>
+                                                    )}
+                                                </div>
+                                            </ScrollArea>
+                                        </div>
+                                    </div>
+                                )}
+                            </div>
+                        </SidebarGroupContent>
+                    </SidebarGroup>
+                </SidebarContent>
+            </Sidebar>
+        </SidebarProvider>
+    );
+});
+export {ConfigEditorSidebar};
@@ -0,0 +1,149 @@
+import React from 'react';
+import {Button} from '@/components/ui/button.tsx';
+import {Card} from '@/components/ui/card.tsx';
+import {Separator} from '@/components/ui/separator.tsx';
+import {Plus, Folder, File, Star, Trash2, Edit, Link2, Server, Pin} from 'lucide-react';
+
+interface SSHConnection {
+    id: string;
+    name: string;
+    ip: string;
+    port: number;
+    username: string;
+    isPinned?: boolean;
+}
+
+interface FileItem {
+    name: string;
+    type: 'file' | 'directory' | 'link';
+    path: string;
+    isStarred?: boolean;
+}
+
+interface ConfigFileSidebarViewerProps {
+    sshConnections: SSHConnection[];
+    onAddSSH: () => void;
+    onConnectSSH: (conn: SSHConnection) => void;
+    onEditSSH: (conn: SSHConnection) => void;
+    onDeleteSSH: (conn: SSHConnection) => void;
+    onPinSSH: (conn: SSHConnection) => void;
+    currentPath: string;
+    files: FileItem[];
+    onOpenFile: (file: FileItem) => void;
+    onOpenFolder: (folder: FileItem) => void;
+    onStarFile: (file: FileItem) => void;
+    onDeleteFile: (file: FileItem) => void;
+    isLoading?: boolean;
+    error?: string;
+    isSSHMode: boolean;
+    onSwitchToLocal: () => void;
+    onSwitchToSSH: (conn: SSHConnection) => void;
+    currentSSH?: SSHConnection;
+}
+
+export function ConfigFileSidebarViewer({
+                                            sshConnections,
+                                            onAddSSH,
+                                            onConnectSSH,
+                                            onEditSSH,
+                                            onDeleteSSH,
+                                            onPinSSH,
+                                            currentPath,
+                                            files,
+                                            onOpenFile,
+                                            onOpenFolder,
+                                            onStarFile,
+                                            onDeleteFile,
+                                            isLoading,
+                                            error,
+                                            isSSHMode,
+                                            onSwitchToLocal,
+                                            onSwitchToSSH,
+                                            currentSSH,
+                                        }: ConfigFileSidebarViewerProps) {
+    return (
+        <div className="flex flex-col h-full">
+            {/* SSH Connections */}
+            <div className="p-2 bg-[#18181b] border-b border-[#23232a]">
+                <div className="flex items-center justify-between mb-2">
+                    <span className="text-xs text-muted-foreground font-semibold">SSH Connections</span>
+                    <Button size="icon" variant="outline" onClick={onAddSSH} className="ml-2 h-7 w-7">
+                        <Plus className="w-4 h-4"/>
+                    </Button>
+                </div>
+                <div className="flex flex-col gap-1">
+                    <Button
+                        variant={!isSSHMode ? 'secondary' : 'ghost'}
+                        className="w-full justify-start text-left px-2 py-1.5 rounded"
+                        onClick={onSwitchToLocal}
+                    >
+                        <Server className="w-4 h-4 mr-2"/> Local Files
+                    </Button>
+                    {sshConnections.map((conn) => (
+                        <div key={conn.id} className="flex items-center gap-1 group">
+                            <Button
+                                variant={isSSHMode && currentSSH?.id === conn.id ? 'secondary' : 'ghost'}
+                                className="flex-1 justify-start text-left px-2 py-1.5 rounded"
+                                onClick={() => onSwitchToSSH(conn)}
+                            >
+                                <Link2 className="w-4 h-4 mr-2"/>
+                                {conn.name || conn.ip}
+                                {conn.isPinned && <Pin className="w-3 h-3 ml-1 text-yellow-400"/>}
+                            </Button>
+                            <Button size="icon" variant="ghost" className="h-7 w-7" onClick={() => onPinSSH(conn)}>
+                                <Pin
+                                    className={`w-4 h-4 ${conn.isPinned ? 'text-yellow-400' : 'text-muted-foreground'}`}/>
+                            </Button>
+                            <Button size="icon" variant="ghost" className="h-7 w-7" onClick={() => onEditSSH(conn)}>
+                                <Edit className="w-4 h-4"/>
+                            </Button>
+                            <Button size="icon" variant="ghost" className="h-7 w-7" onClick={() => onDeleteSSH(conn)}>
+                                <Trash2 className="w-4 h-4 text-red-500"/>
+                            </Button>
+                        </div>
+                    ))}
+                </div>
+            </div>
+            {/* File/Folder Viewer */}
+            <div className="flex-1 bg-[#09090b] p-2 overflow-y-auto">
+                <div className="mb-2 flex items-center gap-2">
+                    <span
+                        className="text-xs text-muted-foreground font-semibold">{isSSHMode ? 'SSH Path' : 'Local Path'}</span>
+                    <span className="text-xs text-white truncate">{currentPath}</span>
+                </div>
+                {isLoading ? (
+                    <div className="text-xs text-muted-foreground">Loading...</div>
+                ) : error ? (
+                    <div className="text-xs text-red-500">{error}</div>
+                ) : (
+                    <div className="flex flex-col gap-1">
+                        {files.map((item) => (
+                            <Card key={item.path}
+                                  className="flex items-center gap-2 px-2 py-1 bg-[#18181b] border border-[#23232a] rounded">
+                                <div className="flex items-center gap-2 flex-1 cursor-pointer"
+                                     onClick={() => item.type === 'directory' ? onOpenFolder(item) : onOpenFile(item)}>
+                                    {item.type === 'directory' ? <Folder className="w-4 h-4 text-blue-400"/> :
+                                        <File className="w-4 h-4 text-muted-foreground"/>}
+                                    <span className="text-sm text-white truncate">{item.name}</span>
+                                </div>
+                                <div className="flex items-center gap-1">
+                                    <Button size="icon" variant="ghost" className="h-7 w-7"
+                                            onClick={() => onStarFile(item)}>
+                                        <Pin
+                                            className={`w-4 h-4 ${item.isStarred ? 'text-yellow-400' : 'text-muted-foreground'}`}/>
+                                    </Button>
+                                    <Button size="icon" variant="ghost" className="h-7 w-7"
+                                            onClick={() => onDeleteFile(item)}>
+                                        <Trash2 className="w-4 h-4 text-red-500"/>
+                                    </Button>
+                                </div>
+                            </Card>
+                        ))}
+                        {files.length === 0 &&
+                            <div className="text-xs text-muted-foreground">No files or folders found.</div>}
+                    </div>
+                )}
+            </div>
+        </div>
+    );
+} 
@@ -0,0 +1,206 @@
+import React from 'react';
+import {Button} from '@/components/ui/button.tsx';
+import {Trash2, Folder, File, Plus, Pin} from 'lucide-react';
+import {Tabs, TabsList, TabsTrigger, TabsContent} from '@/components/ui/tabs.tsx';
+import {Input} from '@/components/ui/input.tsx';
+import {useState} from 'react';
+
+interface FileItem {
+    name: string;
+    path: string;
+    isPinned?: boolean;
+    type: 'file' | 'directory';
+    sshSessionId?: string;
+}
+
+interface ShortcutItem {
+    name: string;
+    path: string;
+}
+
+interface ConfigHomeViewProps {
+    recent: FileItem[];
+    pinned: FileItem[];
+    shortcuts: ShortcutItem[];
+    onOpenFile: (file: FileItem) => void;
+    onRemoveRecent: (file: FileItem) => void;
+    onPinFile: (file: FileItem) => void;
+    onUnpinFile: (file: FileItem) => void;
+    onOpenShortcut: (shortcut: ShortcutItem) => void;
+    onRemoveShortcut: (shortcut: ShortcutItem) => void;
+    onAddShortcut: (path: string) => void;
+}
+
+export function ConfigHomeView({
+                                   recent,
+                                   pinned,
+                                   shortcuts,
+                                   onOpenFile,
+                                   onRemoveRecent,
+                                   onPinFile,
+                                   onUnpinFile,
+                                   onOpenShortcut,
+                                   onRemoveShortcut,
+                                   onAddShortcut
+                               }: ConfigHomeViewProps) {
+    const [tab, setTab] = useState<'recent' | 'pinned' | 'shortcuts'>('recent');
+    const [newShortcut, setNewShortcut] = useState('');
+
+
+    const renderFileCard = (file: FileItem, onRemove: () => void, onPin?: () => void, isPinned = false) => (
+        <div key={file.path}
+             className="flex items-center gap-2 px-3 py-2 bg-[#18181b] border border-[#23232a] rounded hover:border-[#434345] transition-colors">
+            <div
+                className="flex items-center gap-2 flex-1 cursor-pointer min-w-0"
+                onClick={() => onOpenFile(file)}
+            >
+                {file.type === 'directory' ?
+                    <Folder className="w-4 h-4 text-blue-400 flex-shrink-0"/> :
+                    <File className="w-4 h-4 text-muted-foreground flex-shrink-0"/>
+                }
+                <div className="flex-1 min-w-0">
+                    <div className="text-sm font-medium text-white break-words leading-tight">
+                        {file.name}
+                    </div>
+                </div>
+            </div>
+            <div className="flex items-center gap-1 flex-shrink-0">
+                {onPin && (
+                    <Button
+                        size="sm"
+                        variant="ghost"
+                        className="h-6 px-1.5 bg-[#23232a] hover:bg-[#2d2d30] rounded-md"
+                        onClick={onPin}
+                    >
+                        <Pin
+                            className={`w-3 h-3 ${isPinned ? 'text-yellow-400 fill-current' : 'text-muted-foreground'}`}/>
+                    </Button>
+                )}
+                {onRemove && (
+                    <Button
+                        size="sm"
+                        variant="ghost"
+                        className="h-6 px-1.5 bg-[#23232a] hover:bg-[#2d2d30] rounded-md"
+                        onClick={onRemove}
+                    >
+                        <Trash2 className="w-3 h-3 text-red-500"/>
+                    </Button>
+                )}
+            </div>
+        </div>
+    );
+
+    const renderShortcutCard = (shortcut: ShortcutItem) => (
+        <div key={shortcut.path}
+             className="flex items-center gap-2 px-3 py-2 bg-[#18181b] border border-[#23232a] rounded hover:border-[#434345] transition-colors">
+            <div
+                className="flex items-center gap-2 flex-1 cursor-pointer min-w-0"
+                onClick={() => onOpenShortcut(shortcut)}
+            >
+                <Folder className="w-4 h-4 text-blue-400 flex-shrink-0"/>
+                <div className="flex-1 min-w-0">
+                    <div className="text-sm font-medium text-white break-words leading-tight">
+                        {shortcut.path}
+                    </div>
+                </div>
+            </div>
+            <div className="flex items-center gap-1 flex-shrink-0">
+                <Button
+                    size="sm"
+                    variant="ghost"
+                    className="h-6 px-1.5 bg-[#23232a] hover:bg-[#2d2d30] rounded-md"
+                    onClick={() => onRemoveShortcut(shortcut)}
+                >
+                    <Trash2 className="w-3 h-3 text-red-500"/>
+                </Button>
+            </div>
+        </div>
+    );
+
+    return (
+        <div className="p-4 flex flex-col gap-4 h-full bg-[#09090b]">
+            <Tabs value={tab} onValueChange={v => setTab(v as 'recent' | 'pinned' | 'shortcuts')} className="w-full">
+                <TabsList className="mb-4 bg-[#18181b] border border-[#23232a]">
+                    <TabsTrigger value="recent" className="data-[state=active]:bg-[#23232a]">Recent</TabsTrigger>
+                    <TabsTrigger value="pinned" className="data-[state=active]:bg-[#23232a]">Pinned</TabsTrigger>
+                    <TabsTrigger value="shortcuts" className="data-[state=active]:bg-[#23232a]">Folder
+                        Shortcuts</TabsTrigger>
+                </TabsList>
+
+                <TabsContent value="recent" className="mt-0">
+                    <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-3">
+                        {recent.length === 0 ? (
+                            <div className="flex items-center justify-center py-8 col-span-full">
+                                <span className="text-sm text-muted-foreground">No recent files.</span>
+                            </div>
+                        ) : recent.map((file) =>
+                            renderFileCard(
+                                file,
+                                () => onRemoveRecent(file),
+                                () => file.isPinned ? onUnpinFile(file) : onPinFile(file),
+                                file.isPinned
+                            )
+                        )}
+                    </div>
+                </TabsContent>
+
+                <TabsContent value="pinned" className="mt-0">
+                    <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-3">
+                        {pinned.length === 0 ? (
+                            <div className="flex items-center justify-center py-8 col-span-full">
+                                <span className="text-sm text-muted-foreground">No pinned files.</span>
+                            </div>
+                        ) : pinned.map((file) =>
+                            renderFileCard(
+                                file,
+                                undefined,
+                                () => onUnpinFile(file),
+                                true
+                            )
+                        )}
+                    </div>
+                </TabsContent>
+
+                <TabsContent value="shortcuts" className="mt-0">
+                    <div className="flex items-center gap-3 mb-4 p-3 bg-[#18181b] border border-[#23232a] rounded-lg">
+                        <Input
+                            placeholder="Enter folder path"
+                            value={newShortcut}
+                            onChange={e => setNewShortcut(e.target.value)}
+                            className="flex-1 bg-[#23232a] border-[#434345] text-white placeholder:text-muted-foreground"
+                            onKeyDown={(e) => {
+                                if (e.key === 'Enter' && newShortcut.trim()) {
+                                    onAddShortcut(newShortcut.trim());
+                                    setNewShortcut('');
+                                }
+                            }}
+                        />
+                        <Button
+                            size="sm"
+                            variant="outline"
+                            className="h-8 px-2 bg-[#23232a] border-[#434345] hover:bg-[#2d2d30] rounded-md"
+                            onClick={() => {
+                                if (newShortcut.trim()) {
+                                    onAddShortcut(newShortcut.trim());
+                                    setNewShortcut('');
+                                }
+                            }}
+                        >
+                            <Plus className="w-3.5 h-3.5 mr-1"/>
+                            Add
+                        </Button>
+                    </div>
+                    <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-3">
+                        {shortcuts.length === 0 ? (
+                            <div className="flex items-center justify-center py-4 col-span-full">
+                                <span className="text-sm text-muted-foreground">No shortcuts.</span>
+                            </div>
+                        ) : shortcuts.map((shortcut) =>
+                            renderShortcutCard(shortcut)
+                        )}
+                    </div>
+                </TabsContent>
+            </Tabs>
+        </div>
+    );
+} 
@@ -0,0 +1,57 @@
+import React from 'react';
+import {Button} from '@/components/ui/button.tsx';
+import {X, Home} from 'lucide-react';
+
+interface ConfigTab {
+    id: string | number;
+    title: string;
+}
+
+interface ConfigTabListProps {
+    tabs: ConfigTab[];
+    activeTab: string | number;
+    setActiveTab: (tab: string | number) => void;
+    closeTab: (tab: string | number) => void;
+    onHomeClick: () => void;
+}
+
+export function ConfigTabList({tabs, activeTab, setActiveTab, closeTab, onHomeClick}: ConfigTabListProps) {
+    return (
+        <div className="inline-flex items-center h-full px-[0.5rem] overflow-x-auto">
+            <Button
+                onClick={onHomeClick}
+                variant="outline"
+                className={`h-7 mr-[0.5rem] rounded-md flex items-center ${activeTab === 'home' ? '!bg-[#1d1d1f] !text-white !border-[#2d2d30] !hover:bg-[#1d1d1f] !active:bg-[#1d1d1f] !focus:bg-[#1d1d1f] !hover:text-white !active:text-white !focus:text-white' : ''}`}
+            >
+                <Home className="w-4 h-4"/>
+            </Button>
+            {tabs.map((tab, index) => {
+                const isActive = tab.id === activeTab;
+                return (
+                    <div
+                        key={tab.id}
+                        className={index < tabs.length - 1 ? "mr-[0.5rem]" : ""}
+                    >
+                        <div className="inline-flex rounded-md shadow-sm" role="group">
+                            <Button
+                                onClick={() => setActiveTab(tab.id)}
+                                variant="outline"
+                                className={`h-7 rounded-r-none ${isActive ? '!bg-[#1d1d1f] !text-white !border-[#2d2d30] !hover:bg-[#1d1d1f] !active:bg-[#1d1d1f] !focus:bg-[#1d1d1f] !hover:text-white !active:text-white !focus:text-white' : ''}`}
+                            >
+                                {tab.title}
+                            </Button>
+
+                            <Button
+                                onClick={() => closeTab(tab.id)}
+                                variant="outline"
+                                className="h-7 rounded-l-none p-0 !w-9"
+                            >
+                                <X className="!w-5 !h-5" strokeWidth={2.5}/>
+                            </Button>
+                        </div>
+                    </div>
+                );
+            })}
+        </div>
+    );
+} 
@@ -0,0 +1,8 @@
+import React from "react";
+import { ConfigTabList } from "./ConfigTabList.tsx";
+
+export function ConfigTopbar(props: any): React.ReactElement {
+    return (
+        <ConfigTabList {...props} />
+    )
+}
@@ -0,0 +1,93 @@
+import React, {useState} from "react";
+import {SSHManagerSidebar} from "@/apps/SSH/Manager/SSHManagerSidebar.tsx";
+import {SSHManagerHostViewer} from "@/apps/SSH/Manager/SSHManagerHostViewer.tsx"
+import {Tabs, TabsContent, TabsList, TabsTrigger} from "@/components/ui/tabs.tsx";
+import {Separator} from "@/components/ui/separator.tsx";
+import {SSHManagerHostEditor} from "@/apps/SSH/Manager/SSHManagerHostEditor.tsx";
+
+interface ConfigEditorProps {
+    onSelectView: (view: string) => void;
+}
+
+interface SSHHost {
+    id: number;
+    name: string;
+    ip: string;
+    port: number;
+    username: string;
+    folder: string;
+    tags: string[];
+    pin: boolean;
+    authType: string;
+    password?: string;
+    key?: string;
+    keyPassword?: string;
+    keyType?: string;
+    enableTerminal: boolean;
+    enableTunnel: boolean;
+    enableConfigEditor: boolean;
+    defaultPath: string;
+    tunnelConnections: any[];
+    createdAt: string;
+    updatedAt: string;
+}
+
+export function SSHManager({onSelectView}: ConfigEditorProps): React.ReactElement {
+    const [activeTab, setActiveTab] = useState("host_viewer");
+    const [editingHost, setEditingHost] = useState<SSHHost | null>(null);
+
+    const handleEditHost = (host: SSHHost) => {
+        setEditingHost(host);
+        setActiveTab("add_host");
+    };
+
+    const handleFormSubmit = () => {
+        setEditingHost(null);
+        setActiveTab("host_viewer");
+    };
+
+    const handleTabChange = (value: string) => {
+        setActiveTab(value);
+        if (value === "host_viewer") {
+            setEditingHost(null);
+        }
+    };
+
+    return (
+        <div>
+            <SSHManagerSidebar
+                onSelectView={onSelectView}
+            />
+
+            <div className="flex w-screen h-screen overflow-hidden">
+                <div className="w-[256px]"/>
+
+                <div
+                    className="flex-1 bg-[#18181b] m-[35px] text-white p-4 rounded-md w-[1200px] border h-[calc(100vh-70px)] flex flex-col min-h-0">
+                    <Tabs value={activeTab} onValueChange={handleTabChange}
+                          className="flex-1 flex flex-col h-full min-h-0">
+                        <TabsList>
+                            <TabsTrigger value="host_viewer">Host Viewer</TabsTrigger>
+                            <TabsTrigger value="add_host">
+                                {editingHost ? "Edit Host" : "Add Host"}
+                            </TabsTrigger>
+                        </TabsList>
+                        <TabsContent value="host_viewer" className="flex-1 flex flex-col h-full min-h-0">
+                            <Separator className="p-0.25 mt-1 mb-1"/>
+                            <SSHManagerHostViewer onEditHost={handleEditHost}/>
+                        </TabsContent>
+                        <TabsContent value="add_host" className="flex-1 flex flex-col h-full min-h-0">
+                            <Separator className="p-0.25 mt-1 mb-1"/>
+                            <div className="flex flex-col h-full min-h-0">
+                                <SSHManagerHostEditor
+                                    editingHost={editingHost}
+                                    onFormSubmit={handleFormSubmit}
+                                />
+                            </div>
+                        </TabsContent>
+                    </Tabs>
+                </div>
+            </div>
+        </div>
+    )
+}
@@ -0,0 +1,312 @@
+import React, {useState, useEffect, useMemo} from "react";
+import {Card, CardContent} from "@/components/ui/card";
+import {Button} from "@/components/ui/button";
+import {Badge} from "@/components/ui/badge";
+import {ScrollArea} from "@/components/ui/scroll-area";
+import {Input} from "@/components/ui/input";
+import {Accordion, AccordionContent, AccordionItem, AccordionTrigger} from "@/components/ui/accordion";
+import {getSSHHosts, deleteSSHHost} from "@/apps/SSH/ssh-axios";
+import {Edit, Trash2, Server, Folder, Tag, Pin, Terminal, Network, FileEdit, Search} from "lucide-react";
+
+interface SSHHost {
+    id: number;
+    name: string;
+    ip: string;
+    port: number;
+    username: string;
+    folder: string;
+    tags: string[];
+    pin: boolean;
+    authType: string;
+    enableTerminal: boolean;
+    enableTunnel: boolean;
+    enableConfigEditor: boolean;
+    defaultPath: string;
+    tunnelConnections: any[];
+    createdAt: string;
+    updatedAt: string;
+}
+
+interface SSHManagerHostViewerProps {
+    onEditHost?: (host: SSHHost) => void;
+}
+
+export function SSHManagerHostViewer({onEditHost}: SSHManagerHostViewerProps) {
+    const [hosts, setHosts] = useState<SSHHost[]>([]);
+    const [loading, setLoading] = useState(true);
+    const [error, setError] = useState<string | null>(null);
+    const [searchQuery, setSearchQuery] = useState("");
+
+    useEffect(() => {
+        fetchHosts();
+    }, []);
+
+    const fetchHosts = async () => {
+        try {
+            setLoading(true);
+            const data = await getSSHHosts();
+            setHosts(data);
+            setError(null);
+        } catch (err) {
+            setError('Failed to load hosts');
+        } finally {
+            setLoading(false);
+        }
+    };
+
+    const handleDelete = async (hostId: number, hostName: string) => {
+        if (window.confirm(`Are you sure you want to delete "${hostName}"?`)) {
+            try {
+                await deleteSSHHost(hostId);
+                await fetchHosts();
+            } catch (err) {
+                alert('Failed to delete host');
+            }
+        }
+    };
+
+    const handleEdit = (host: SSHHost) => {
+        if (onEditHost) {
+            onEditHost(host);
+        }
+    };
+
+    const filteredAndSortedHosts = useMemo(() => {
+        let filtered = hosts;
+
+        if (searchQuery.trim()) {
+            const query = searchQuery.toLowerCase();
+            filtered = hosts.filter(host => {
+                const searchableText = [
+                    host.name || '',
+                    host.username,
+                    host.ip,
+                    host.folder || '',
+                    ...(host.tags || []),
+                    host.authType,
+                    host.defaultPath || ''
+                ].join(' ').toLowerCase();
+                return searchableText.includes(query);
+            });
+        }
+
+        return filtered.sort((a, b) => {
+            if (a.pin && !b.pin) return -1;
+            if (!a.pin && b.pin) return 1;
+
+            const aName = a.name || a.username;
+            const bName = b.name || b.username;
+            return aName.localeCompare(bName);
+        });
+    }, [hosts, searchQuery]);
+
+    const hostsByFolder = useMemo(() => {
+        const grouped: { [key: string]: SSHHost[] } = {};
+
+        filteredAndSortedHosts.forEach(host => {
+            const folder = host.folder || 'Uncategorized';
+            if (!grouped[folder]) {
+                grouped[folder] = [];
+            }
+            grouped[folder].push(host);
+        });
+
+        const sortedFolders = Object.keys(grouped).sort((a, b) => {
+            if (a === 'Uncategorized') return -1;
+            if (b === 'Uncategorized') return 1;
+            return a.localeCompare(b);
+        });
+
+        const sortedGrouped: { [key: string]: SSHHost[] } = {};
+        sortedFolders.forEach(folder => {
+            sortedGrouped[folder] = grouped[folder];
+        });
+
+        return sortedGrouped;
+    }, [filteredAndSortedHosts]);
+
+    if (loading) {
+        return (
+            <div className="flex items-center justify-center h-full">
+                <div className="text-center">
+                    <div className="animate-spin rounded-full h-8 w-8 border-b-2 border-white mx-auto mb-2"></div>
+                    <p className="text-muted-foreground">Loading hosts...</p>
+                </div>
+            </div>
+        );
+    }
+
+    if (error) {
+        return (
+            <div className="flex items-center justify-center h-full">
+                <div className="text-center">
+                    <p className="text-red-500 mb-4">{error}</p>
+                    <Button onClick={fetchHosts} variant="outline">
+                        Retry
+                    </Button>
+                </div>
+            </div>
+        );
+    }
+
+    if (hosts.length === 0) {
+        return (
+            <div className="flex items-center justify-center h-full">
+                <div className="text-center">
+                    <Server className="h-12 w-12 text-muted-foreground mx-auto mb-4"/>
+                    <h3 className="text-lg font-semibold mb-2">No SSH Hosts</h3>
+                    <p className="text-muted-foreground mb-4">
+                        You haven't added any SSH hosts yet. Click "Add Host" to get started.
+                    </p>
+                </div>
+            </div>
+        );
+    }
+
+    return (
+        <div className="flex flex-col h-full min-h-0">
+            <div className="flex items-center justify-between mb-2">
+                <div>
+                    <h2 className="text-xl font-semibold">SSH Hosts</h2>
+                    <p className="text-muted-foreground">
+                        {filteredAndSortedHosts.length} hosts
+                    </p>
+                </div>
+                <Button onClick={fetchHosts} variant="outline" size="sm">
+                    Refresh
+                </Button>
+            </div>
+
+            <div className="relative mb-3">
+                <Search className="absolute left-3 top-1/2 transform -translate-y-1/2 h-4 w-4 text-muted-foreground"/>
+                <Input
+                    placeholder="Search hosts by name, username, IP, folder, tags..."
+                    value={searchQuery}
+                    onChange={(e) => setSearchQuery(e.target.value)}
+                    className="pl-10"
+                />
+            </div>
+
+            <ScrollArea className="flex-1 min-h-0">
+                <div className="space-y-2 pb-20">
+                    {Object.entries(hostsByFolder).map(([folder, folderHosts]) => (
+                        <div key={folder} className="border rounded-md">
+                            <Accordion type="multiple" defaultValue={Object.keys(hostsByFolder)}>
+                                <AccordionItem value={folder} className="border-none">
+                                    <AccordionTrigger
+                                        className="px-2 py-1 bg-muted/20 border-b hover:no-underline rounded-t-md">
+                                        <div className="flex items-center gap-2">
+                                            <Folder className="h-4 w-4"/>
+                                            <span className="font-medium">{folder}</span>
+                                            <Badge variant="secondary" className="text-xs">
+                                                {folderHosts.length}
+                                            </Badge>
+                                        </div>
+                                    </AccordionTrigger>
+                                    <AccordionContent className="p-2">
+                                        <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-2">
+                                            {folderHosts.map((host) => (
+                                                <div
+                                                    key={host.id}
+                                                    className="bg-[#222225] border border-input rounded cursor-pointer hover:shadow-md transition-shadow p-2"
+                                                    onClick={() => handleEdit(host)}
+                                                >
+                                                    <div className="flex items-start justify-between">
+                                                        <div className="flex-1 min-w-0">
+                                                            <div className="flex items-center gap-1">
+                                                                {host.pin && <Pin
+                                                                    className="h-3 w-3 text-yellow-500 flex-shrink-0"/>}
+                                                                <h3 className="font-medium truncate text-sm">
+                                                                    {host.name || `${host.username}@${host.ip}`}
+                                                                </h3>
+                                                            </div>
+                                                            <p className="text-xs text-muted-foreground truncate">
+                                                                {host.ip}:{host.port}
+                                                            </p>
+                                                            <p className="text-xs text-muted-foreground truncate">
+                                                                {host.username}
+                                                            </p>
+                                                        </div>
+                                                        <div className="flex gap-1 flex-shrink-0 ml-1">
+                                                            <Button
+                                                                size="sm"
+                                                                variant="ghost"
+                                                                onClick={(e) => {
+                                                                    e.stopPropagation();
+                                                                    handleEdit(host);
+                                                                }}
+                                                                className="h-5 w-5 p-0"
+                                                            >
+                                                                <Edit className="h-3 w-3"/>
+                                                            </Button>
+                                                            <Button
+                                                                size="sm"
+                                                                variant="ghost"
+                                                                onClick={(e) => {
+                                                                    e.stopPropagation();
+                                                                    handleDelete(host.id, host.name || `${host.username}@${host.ip}`);
+                                                                }}
+                                                                className="h-5 w-5 p-0 text-red-500 hover:text-red-700"
+                                                            >
+                                                                <Trash2 className="h-3 w-3"/>
+                                                            </Button>
+                                                        </div>
+                                                    </div>
+
+                                                    <div className="mt-2 space-y-1">
+                                                        {host.tags && host.tags.length > 0 && (
+                                                            <div className="flex flex-wrap gap-1">
+                                                                {host.tags.slice(0, 6).map((tag, index) => (
+                                                                    <Badge key={index} variant="secondary"
+                                                                           className="text-xs px-1 py-0">
+                                                                        <Tag className="h-2 w-2 mr-0.5"/>
+                                                                        {tag}
+                                                                    </Badge>
+                                                                ))}
+                                                                {host.tags.length > 6 && (
+                                                                    <Badge variant="outline"
+                                                                           className="text-xs px-1 py-0">
+                                                                        +{host.tags.length - 6}
+                                                                    </Badge>
+                                                                )}
+                                                            </div>
+                                                        )}
+
+                                                        <div className="flex flex-wrap gap-1">
+                                                            {host.enableTerminal && (
+                                                                <Badge variant="outline" className="text-xs px-1 py-0">
+                                                                    <Terminal className="h-2 w-2 mr-0.5"/>
+                                                                    Terminal
+                                                                </Badge>
+                                                            )}
+                                                            {host.enableTunnel && (
+                                                                <Badge variant="outline" className="text-xs px-1 py-0">
+                                                                    <Network className="h-2 w-2 mr-0.5"/>
+                                                                    Tunnel
+                                                                    {host.tunnelConnections && host.tunnelConnections.length > 0 && (
+                                                                        <span
+                                                                            className="ml-0.5">({host.tunnelConnections.length})</span>
+                                                                    )}
+                                                                </Badge>
+                                                            )}
+                                                            {host.enableConfigEditor && (
+                                                                <Badge variant="outline" className="text-xs px-1 py-0">
+                                                                    <FileEdit className="h-2 w-2 mr-0.5"/>
+                                                                    Config
+                                                                </Badge>
+                                                            )}
+                                                        </div>
+                                                    </div>
+                                                </div>
+                                            ))}
+                                        </div>
+                                    </AccordionContent>
+                                </AccordionItem>
+                            </Accordion>
+                        </div>
+                    ))}
+                </div>
+            </ScrollArea>
+        </div>
+    );
+}
--- a/Show More
+++ b/Show More
Author	SHA1	Message	Date
Karmaa	4dc94c90b2	Merge pull request #57 from LukeGus/dev-1.01 Dev 1.01	2025-07-31 22:38:27 -05:00
LukeGus	eb8b465c92	Merge remote-tracking branch 'origin/main' into dev-1.01 # Conflicts: # src/apps/SSH/Terminal/SSHTerminal.tsx	2025-07-31 22:30:51 -05:00
Karmaa	3559a6fd87	Update docker-image.yml	2025-07-31 19:13:02 -05:00
LukeGus	b70fa4cd52	Fix terminal and tunnel timeout connection errors	2025-07-31 18:54:10 -05:00
Karmaa	43b833c4ae	Update SSHTerminal.tsx	2025-07-31 16:19:18 -05:00
Karmaa	38560b8178	Update ssh.ts	2025-07-31 16:18:44 -05:00
Karmaa	4a33024b7f	Update SSHTerminal.tsx	2025-07-31 15:24:42 -05:00
Karmaa	38f836b94f	Update ssh.ts	2025-07-31 15:20:27 -05:00
Karmaa	4b53139c20	Update ssh.ts to fix 60 second disconnect	2025-07-31 14:55:40 -05:00
Karmaa	e0a86b9e18	Update README.md	2025-07-29 01:09:08 -05:00
LukeGus	b58b6e729c	Update routes and homepage auth.	2025-07-28 22:47:52 -05:00
LukeGus	6eff103cae	Migrate docs to new repo	2025-07-28 20:53:48 -05:00
LukeGus	137f8ef472	Update read me	2025-07-28 17:22:49 -05:00
LukeGus	0ca1392670	Update read me	2025-07-28 17:09:28 -05:00
LukeGus	c2ed2729be	Update read me, license, tools, and auth loading	2025-07-28 17:06:30 -05:00
LukeGus	a92ed01129	Fix routing	2025-07-28 15:50:50 -05:00
LukeGus	1cab763bee	Fix build error	2025-07-28 15:34:13 -05:00
LukeGus	30bcdd440e	Clean up code	2025-07-28 14:56:43 -05:00
LukeGus	bc4c2dc7e6	Finalized ssh config editor	2025-07-28 14:23:28 -05:00
LukeGus	962f0064fe	Update backend connectivity for SSH	2025-07-27 20:36:54 -05:00
LukeGus	eb3008d097	Update backend connectivity	2025-07-27 19:41:24 -05:00
LukeGus	64ac578d61	Fix build errors	2025-07-27 18:59:44 -05:00
LukeGus	50de22618a	Fix build errors	2025-07-27 18:54:01 -05:00
LukeGus	493514d7fa	Fix build errors	2025-07-27 18:48:26 -05:00
LukeGus	27495aa4ed	Fix build errors	2025-07-27 18:41:41 -05:00
LukeGus	babe105b2e	Fix build errors	2025-07-27 18:12:55 -05:00
LukeGus	ec2a1f4215	Fix build errors	2025-07-27 18:04:49 -05:00
LukeGus	6ed822c8b2	Updated building backend, improved oruitng, indivudal ssh tunnel control.	2025-07-27 18:01:44 -05:00
LukeGus	634e625eef	Individual SSH Tunnel control	2025-07-27 16:04:32 -05:00
LukeGus	32945adcd9	Ssh tunnel backup before forwardIn rewrite	2025-07-27 14:21:15 -05:00
LukeGus	5e88f8496e	Update ssh tunnel to new system	2025-07-26 23:01:45 -05:00
LukeGus	abeba66432	Fixes	2025-07-26 21:33:39 -05:00
LukeGus	073e9a969b	Update ssh sidebar to follow new scheme	2025-07-26 20:07:25 -05:00
LukeGus	2e62dee798	Started config editor, migrated to one ssh manager for adding hosts.	2025-07-26 15:42:15 -05:00
LukeGus	608111c37b	Finalized ssh tunnels, updatetd database schemas, started on config editor.	2025-07-23 00:36:22 -05:00
LukeGus	547701378f	Finalized ssh tunnels, updatetd database schemas, started on config editor.	2025-07-21 01:25:38 -05:00
LukeGus	cfaa04e42c	Added tools (run multi cmds), fixed UI scrolling, added SSH algo's and key types.	2025-07-19 02:27:20 -05:00
LukeGus	49a4d20740	Completed intial SSH section with user/ssh backend	2025-07-18 23:39:23 -05:00
LukeGus	00a827df09	Initial dev-1.0 commit for TS and Shadcn migration	2025-07-17 01:13:30 -05:00