Merge pull request #988 from fosrl/dev

1.6.0

.dockerignore

@@ -26,3 +26,4 @@ install/
 bruno/
 LICENSE
 CONTRIBUTING.md
+dist

.github/workflows/linting.yml

@@ -0,0 +1,34 @@
+name: ESLint
+
+on:
+    pull_request:
+        paths:
+            - '**/*.js'
+            - '**/*.jsx'
+            - '**/*.ts'
+            - '**/*.tsx'
+            - '.eslintrc*'
+            - 'package.json'
+            - 'yarn.lock'
+            - 'pnpm-lock.yaml'
+            - 'package-lock.json'
+
+jobs:
+    Linter:
+        runs-on: ubuntu-latest
+        steps:
+            - name: Checkout code
+              uses: actions/checkout@v4
+
+            - name: Set up Node.js
+              uses: actions/setup-node@v4
+              with:
+                node-version: '20'
+
+            - name: Install dependencies
+              run: |
+                npm ci
+
+            - name: Run ESLint
+              run: |
+                npx eslint . --ext .js,.jsx,.ts,.tsx

.gitignore

@@ -33,3 +33,4 @@ bin
 .secrets
 test_event.json
 .idea/
+server/db/index.ts

Dockerfile

@@ -13,6 +13,7 @@ RUN echo 'export * from "./sqlite";' > server/db/index.ts
 RUN npx drizzle-kit generate --dialect sqlite --schema ./server/db/sqlite/schema.ts --out init
 
 RUN npm run build:sqlite
+RUN npm run build:cli
 
 FROM node:20-alpine AS runner
 
@@ -30,6 +31,9 @@ COPY --from=builder /app/.next/static ./.next/static
 COPY --from=builder /app/dist ./dist
 COPY --from=builder /app/init ./dist/init
 
+COPY ./cli/wrapper.sh /usr/local/bin/pangctl
+RUN chmod +x /usr/local/bin/pangctl ./dist/cli.mjs
+
 COPY server/db/names.json ./dist/names.json
 
 COPY public ./public

Dockerfile.pg

@@ -13,6 +13,7 @@ RUN echo 'export * from "./pg";' > server/db/index.ts
 RUN npx drizzle-kit generate --dialect postgresql --schema ./server/db/pg/schema.ts --out init
 
 RUN npm run build:pg
+RUN npm run build:cli
 
 FROM node:20-alpine AS runner
 
@@ -30,6 +31,9 @@ COPY --from=builder /app/.next/static ./.next/static
 COPY --from=builder /app/dist ./dist
 COPY --from=builder /app/init ./dist/init
 
+COPY ./cli/wrapper.sh /usr/local/bin/pangctl
+RUN chmod +x /usr/local/bin/pangctl ./dist/cli.mjs
+
 COPY server/db/names.json ./dist/names.json
 
 COPY public ./public

cli/commands/setAdminCredentials.ts

@@ -0,0 +1,141 @@
+import { CommandModule } from "yargs";
+import { hashPassword, verifyPassword } from "@server/auth/password";
+import { db, resourceSessions, sessions } from "@server/db";
+import { users } from "@server/db";
+import { eq, inArray } from "drizzle-orm";
+import moment from "moment";
+import { fromError } from "zod-validation-error";
+import { passwordSchema } from "@server/auth/passwordSchema";
+import { UserType } from "@server/types/UserTypes";
+import { generateRandomString, RandomReader } from "@oslojs/crypto/random";
+
+type SetAdminCredentialsArgs = {
+    email: string;
+    password: string;
+};
+
+export const setAdminCredentials: CommandModule<{}, SetAdminCredentialsArgs> = {
+    command: "set-admin-credentials",
+    describe: "Set the server admin credentials",
+    builder: (yargs) => {
+        return yargs
+            .option("email", {
+                type: "string",
+                demandOption: true,
+                describe: "Admin email address"
+            })
+            .option("password", {
+                type: "string",
+                demandOption: true,
+                describe: "Admin password"
+            });
+    },
+    handler: async (argv: { email: string; password: string }) => {
+        try {
+            const { email, password } = argv;
+
+            const parsed = passwordSchema.safeParse(password);
+
+            if (!parsed.success) {
+                throw Error(
+                    `Invalid server admin password: ${fromError(parsed.error).toString()}`
+                );
+            }
+
+            const passwordHash = await hashPassword(password);
+
+            await db.transaction(async (trx) => {
+                try {
+                    const [existing] = await trx
+                        .select()
+                        .from(users)
+                        .where(eq(users.serverAdmin, true));
+
+                    if (existing) {
+                        const passwordChanged = !(await verifyPassword(
+                            password,
+                            existing.passwordHash!
+                        ));
+
+                        if (passwordChanged) {
+                            await trx
+                                .update(users)
+                                .set({ passwordHash })
+                                .where(eq(users.userId, existing.userId));
+
+                            await invalidateAllSessions(existing.userId);
+                            console.log("Server admin password updated");
+                        }
+
+                        if (existing.email !== email) {
+                            await trx
+                                .update(users)
+                                .set({ email, username: email })
+                                .where(eq(users.userId, existing.userId));
+
+                            console.log("Server admin email updated");
+                        }
+                    } else {
+                        const userId = generateId(15);
+
+                        await trx.update(users).set({ serverAdmin: false });
+
+                        await db.insert(users).values({
+                            userId: userId,
+                            email: email,
+                            type: UserType.Internal,
+                            username: email,
+                            passwordHash,
+                            dateCreated: moment().toISOString(),
+                            serverAdmin: true,
+                            emailVerified: true
+                        });
+
+                        console.log("Server admin created");
+                    }
+                } catch (e) {
+                    console.error("Failed to set admin credentials", e);
+                    trx.rollback();
+                    throw e;
+                }
+            });
+
+            console.log("Admin credentials updated successfully");
+            process.exit(0);
+        } catch (error) {
+            console.error("Error:", error);
+            process.exit(1);
+        }
+    }
+};
+
+export async function invalidateAllSessions(userId: string): Promise<void> {
+    try {
+        await db.transaction(async (trx) => {
+            const userSessions = await trx
+                .select()
+                .from(sessions)
+                .where(eq(sessions.userId, userId));
+            await trx.delete(resourceSessions).where(
+                inArray(
+                    resourceSessions.userSessionId,
+                    userSessions.map((s) => s.sessionId)
+                )
+            );
+            await trx.delete(sessions).where(eq(sessions.userId, userId));
+        });
+    } catch (e) {
+        console.log("Failed to all invalidate user sessions", e);
+    }
+}
+
+const random: RandomReader = {
+    read(bytes: Uint8Array): void {
+        crypto.getRandomValues(bytes);
+    }
+};
+
+export function generateId(length: number): string {
+    const alphabet = "abcdefghijklmnopqrstuvwxyz0123456789";
+    return generateRandomString(random, alphabet, length);
+}

cli/index.ts

@@ -0,0 +1,11 @@
+#!/usr/bin/env node
+
+import yargs from "yargs";
+import { hideBin } from "yargs/helpers";
+import { setAdminCredentials } from "@cli/commands/setAdminCredentials";
+
+yargs(hideBin(process.argv))
+    .scriptName("pangctl")
+    .command(setAdminCredentials)
+    .demandCommand()
+    .help().argv;

cli/wrapper.sh

@@ -0,0 +1,3 @@
+#!/bin/sh
+cd /app/
+./dist/cli.mjs "$@"

config/config.example.yml

@@ -41,11 +41,6 @@ rate_limits:
         window_minutes: 1
         max_requests: 500
 
-users:
-    server_admin:
-        email: "admin@example.com"
-        password: "Password123!"
-
 flags:
     require_email_verification: false
     disable_signup_without_invite: true

crowdin.yml

@@ -0,0 +1,3 @@
+files:
+  - source: /messages/en-US.json
+    translation: /messages/%locale%.json

eslint.config.js

@@ -1,12 +1,19 @@
 import tseslint from 'typescript-eslint';
 
-export default tseslint.config(
+export default tseslint.config({
-    tseslint.configs.recommended,
+  files: ["**/*.{ts,tsx,js,jsx}"],
-    {
+  languageOptions: {
-        files: ["**/*.ts", "**/*.tsx", "**/*.js", "**/*.jsx"],
+    parser: tseslint.parser,
+    parserOptions: {
+      ecmaVersion: "latest",
+      sourceType: "module",
+      ecmaFeatures: {
+        jsx: true
+      }
+    }
+  },
   rules: {
-            semi: "error",
+    "semi": "error",
-            "prefer-const": "error"
+    "prefer-const": "warn"
   }
-    }
+});
-);

install/config/config.yml

@@ -4,7 +4,6 @@
 app:
     dashboard_url: "https://{{.DashboardDomain}}"
     log_level: "info"
-    save_logs: false
 
 domains:
     domain1:
@@ -12,40 +11,17 @@ domains:
         cert_resolver: "letsencrypt"
 
 server:
-    external_port: 3000
+    secret: "{{.Secret}}"
-    internal_port: 3001
-    next_port: 3002
-    internal_hostname: "pangolin"
-    session_cookie_name: "p_session_token"
-    resource_access_token_param: "p_token"
-    resource_access_token_headers:
-        id: "P-Access-Token-Id"
-        token: "P-Access-Token"
-    resource_session_request_param: "p_session_request"
-    secret: {{.Secret}}
     cors:
         origins: ["https://{{.DashboardDomain}}"]
         methods: ["GET", "POST", "PUT", "DELETE", "PATCH"]
         allowed_headers: ["X-CSRF-Token", "Content-Type"]
         credentials: false
 
-traefik:
-    cert_resolver: "letsencrypt"
-    http_entrypoint: "web"
-    https_entrypoint: "websecure"
-
 gerbil:
     start_port: 51820
     base_endpoint: "{{.DashboardDomain}}"
-    use_subdomain: false
-    block_size: 24
-    site_block_size: 30
-    subnet_group: 100.89.137.0/20
 
-rate_limits:
-    global:
-        window_minutes: 1
-        max_requests: 500
 {{if .EnableEmail}}
 email:
     smtp_host: "{{.EmailSMTPHost}}"
@@ -54,14 +30,10 @@ email:
     smtp_pass: "{{.EmailSMTPPass}}"
     no_reply: "{{.EmailNoReply}}"
 {{end}}
-users:
-    server_admin:
-        email: "{{.AdminUserEmail}}"
-        password: "{{.AdminUserPassword}}"
 
 flags:
     require_email_verification: {{.EnableEmail}}
-    disable_signup_without_invite: {{.DisableSignupWithoutInvite}}
+    disable_signup_without_invite: true
-    disable_user_create_org: {{.DisableUserCreateOrg}}
+    disable_user_create_org: false
     allow_raw_resources: true
     allow_base_domain_resources: true

install/main.go

@@ -16,7 +16,6 @@ import (
 	"syscall"
 	"text/template"
 	"time"
-	"unicode"
 	"math/rand"
 	"strconv"
 
@@ -40,10 +39,6 @@ type Config struct {
 	BaseDomain                 string
 	DashboardDomain            string
 	LetsEncryptEmail           string
-	AdminUserEmail             string
-	AdminUserPassword          string
-	DisableSignupWithoutInvite bool
-	DisableUserCreateOrg       bool
 	EnableEmail                bool
 	EmailSMTPHost              string
 	EmailSMTPPort              int
@@ -171,6 +166,7 @@ func main() {
 	}
 
 	fmt.Println("Installation complete!")
+	fmt.Printf("\nTo complete the initial setup, please visit:\nhttps://%s/auth/initial-setup\n", config.DashboardDomain)
 }
 
 func readString(reader *bufio.Reader, prompt string, defaultValue string) string {
@@ -236,38 +232,9 @@ func collectUserInput(reader *bufio.Reader) Config {
 	config.LetsEncryptEmail = readString(reader, "Enter email for Let's Encrypt certificates", "")
 	config.InstallGerbil = readBool(reader, "Do you want to use Gerbil to allow tunneled connections", true)
 
-	// Admin user configuration
-	fmt.Println("\n=== Admin User Configuration ===")
-	config.AdminUserEmail = readString(reader, "Enter admin user email", "admin@"+config.BaseDomain)
-	for {
-		pass1 := readPassword("Create admin user password", reader)
-		pass2 := readPassword("Confirm admin user password", reader)
-
-		if pass1 != pass2 {
-			fmt.Println("Passwords do not match")
-		} else {
-			config.AdminUserPassword = pass1
-			if valid, message := validatePassword(config.AdminUserPassword); valid {
-				break
-			} else {
-				fmt.Println("Invalid password:", message)
-				fmt.Println("Password requirements:")
-				fmt.Println("- At least one uppercase English letter")
-				fmt.Println("- At least one lowercase English letter")
-				fmt.Println("- At least one digit")
-				fmt.Println("- At least one special character")
-			}
-		}
-	}
-
-	// Security settings
-	fmt.Println("\n=== Security Settings ===")
-	config.DisableSignupWithoutInvite = readBool(reader, "Disable signup without invite", true)
-	config.DisableUserCreateOrg = readBool(reader, "Disable users from creating organizations", false)
-
 	// Email configuration
 	fmt.Println("\n=== Email Configuration ===")
-	config.EnableEmail = readBool(reader, "Enable email functionality", false)
+	config.EnableEmail = readBool(reader, "Enable email functionality (SMTP)", false)
 
 	if config.EnableEmail {
 		config.EmailSMTPHost = readString(reader, "Enter SMTP host", "")
@@ -290,60 +257,10 @@ func collectUserInput(reader *bufio.Reader) Config {
 		fmt.Println("Error: Let's Encrypt email is required")
 		os.Exit(1)
 	}
-	if config.AdminUserEmail == "" || config.AdminUserPassword == "" {
-		fmt.Println("Error: Admin user email and password are required")
-		os.Exit(1)
-	}
 
 	return config
 }
 
-func validatePassword(password string) (bool, string) {
-	if len(password) == 0 {
-		return false, "Password cannot be empty"
-	}
-
-	var (
-		hasUpper   bool
-		hasLower   bool
-		hasDigit   bool
-		hasSpecial bool
-	)
-
-	for _, char := range password {
-		switch {
-		case unicode.IsUpper(char):
-			hasUpper = true
-		case unicode.IsLower(char):
-			hasLower = true
-		case unicode.IsDigit(char):
-			hasDigit = true
-		case unicode.IsPunct(char) || unicode.IsSymbol(char):
-			hasSpecial = true
-		}
-	}
-
-	var missing []string
-	if !hasUpper {
-		missing = append(missing, "an uppercase letter")
-	}
-	if !hasLower {
-		missing = append(missing, "a lowercase letter")
-	}
-	if !hasDigit {
-		missing = append(missing, "a digit")
-	}
-	if !hasSpecial {
-		missing = append(missing, "a special character")
-	}
-
-	if len(missing) > 0 {
-		return false, fmt.Sprintf("Password must contain %s", strings.Join(missing, ", "))
-	}
-
-	return true, ""
-}
-
 func createConfigFiles(config Config) error {
 	os.MkdirAll("config", 0755)
 	os.MkdirAll("config/letsencrypt", 0755)

internationalization/de.md

@@ -1,287 +0,0 @@
-## Authentication Site
-
-| EN                                                       | DE                                                                                 | Notes      |
-| -------------------------------------------------------- | ---------------------------------------------------------------------------------- | ---------- |
-| Powered by [Pangolin](https://github.com/fosrl/pangolin) | Bereitgestellt von [Pangolin](https://github.com/fosrl/pangolin)                   |            |
-| Authentication Required                                  | Authentifizierung erforderlich                                                     |            |
-| Choose your preferred method to access {resource}        | Wählen Sie Ihre bevorzugte Methode, um auf {resource} zuzugreifen                  |            |
-| PIN                                                      | PIN                                                                                |            |
-| User                                                     | Benutzer                                                                           |            |
-| 6-digit PIN Code                                         | 6-stelliger PIN-Code                                                               | pin login  |
-| Login in with PIN                                        | Mit PIN anmelden                                                                   | pin login  |
-| Email                                                    | E-Mail                                                                             | user login |
-| Enter your email                                         | Geben Sie Ihre E-Mail-Adresse ein                                                  | user login |
-| Password                                                 | Passwort                                                                           | user login |
-| Enter your password                                      | Geben Sie Ihr Passwort ein                                                         | user login |
-| Forgot your password?                                    | Passwort vergessen?                                                                | user login |
-| Log in                                                   | Anmelden                                                                           | user login |
-
----
-
-## Login site
-
-| EN                    | DE                                 | Notes       |
-| --------------------- | ---------------------------------- | ----------- |
-| Welcome to Pangolin   | Willkommen bei Pangolin            |             |
-| Log in to get started | Melden Sie sich an, um zu beginnen |             |
-| Email                 | E-Mail                             |             |
-| Enter your email      | Geben Sie Ihre E-Mail-Adresse ein  | placeholder |
-| Password              | Passwort                           |             |
-| Enter your password   | Geben Sie Ihr Passwort ein         | placeholder |
-| Forgot your password? | Passwort vergessen?                |             |
-| Log in                | Anmelden                           |             |
-
-# Ogranization site after successful login
-
-| EN                                        | DE                                           | Notes |
-| ----------------------------------------- | -------------------------------------------- | ----- |
-| Welcome to Pangolin                       | Willkommen bei Pangolin                      |       |
-| You're a member of {number} organization. | Sie sind Mitglied von {number} Organisation. |       |
-
-## Shared Header, Navbar and Footer
-##### Header
-
-| EN                  | DE                  | Notes |
-| ------------------- | ------------------- | ----- |
-| Documentation       | Dokumentation       |       |
-| Support             | Support             |       |
-| Organization {name} | Organisation {name} |       |
-##### Organization selector
-
-| EN               | DE                | Notes |
-| ---------------- | ----------------- | ----- |
-| Search…          | Suchen…           |       |
-| Create           | Erstellen         |       |
-| New Organization | Neue Organisation |       |
-| Organizations    | Organisationen    |       |
-
-##### Navbar
-
-| EN              | DE                | Notes |
-| --------------- | ----------------- | ----- |
-| Sites           | Websites          |       |
-| Resources       | Ressourcen        |       |
-| User & Roles    | Benutzer & Rollen |       |
-| Shareable Links | Teilbare Links    |       |
-| General         | Allgemein         |       |
-##### Footer
-| EN                        | DE                          |                     |
-| ------------------------- | --------------------------- | ------------------- |
-| Page {number} of {number} | Seite {number} von {number} |                     |
-| Rows per page             | Zeilen pro Seite            |                     |
-| Pangolin                  | Pangolin                    | unten auf der Seite |
-| Built by Fossorial        | Erstellt von Fossorial      | unten auf der Seite |
-| Open Source               | Open Source                 | unten auf der Seite |
-| Documentation             | Dokumentation               | unten auf der Seite |
-| {version}                 | {version}                   | unten auf der Seite |
-
-## Main “Sites”
-##### “Hero” section
-
-| EN                                                           | DE                                                           | Notes |
-| ------------------------------------------------------------ | ------------------------------------------------------------ | ----- |
-| Newt (Recommended)                                           | Newt (empfohlen)                                             |       |
-| For the best user experience, use Newt. It uses WireGuard under the hood and allows you to address your private resources by their LAN address on your private network from within the Pangolin dashboard. | Für das beste Benutzererlebnis verwenden Sie Newt. Es nutzt WireGuard im Hintergrund und ermöglicht es Ihnen, auf Ihre privaten Ressourcen über ihre LAN-Adresse in Ihrem privaten Netzwerk direkt aus dem Pangolin-Dashboard zuzugreifen. |       |
-| Runs in Docker                                               | Läuft in Docker                                              |       |
-| Runs in shell on macOS, Linux, and Windows                   | Läuft in der Shell auf macOS, Linux und Windows              |       |
-| Install Newt                                                 | Newt installieren                                            |       |
-| Basic WireGuard<br>                                          | Verwenden Sie einen beliebigen WireGuard-Client, um eine Verbindung herzustellen. Sie müssen auf Ihre internen Ressourcen über die Peer-IP-Adresse zugreifen. |       |
-| Compatible with all WireGuard clients<br>                    | Kompatibel mit allen WireGuard-Clients<br>                   |       |
-| Manual configuration required                                | Manuelle Konfiguration erforderlich<br>                      |       |
-##### Content
-
-| EN                                                        | DE                                                           | Notes                            |
-| --------------------------------------------------------- | ------------------------------------------------------------ | -------------------------------- |
-| Manage Sites                                              | Seiten verwalten                                             |                                  |
-| Allow connectivity to your network through secure tunnels | Ermöglichen Sie die Verbindung zu Ihrem Netzwerk über ein sicheren Tunnel |                                  |
-| Search sites                                              | Seiten suchen                                                | placeholder                      |
-| Add Site                                                  | Seite hinzufügen                                             |                                  |
-| Name                                                      | Name                                                         | table header                     |
-| Online                                                    | Status                                                       | table header                     |
-| Site                                                      | Seite                                                        | table header                     |
-| Data In                                                   | Eingehende Daten                                             | table header                     |
-| Data Out                                                  | Ausgehende Daten                                             | table header                     |
-| Connection Type                                           | Verbindungstyp                                               | table header                     |
-| Online                                                    | Online                                                       | site state                       |
-| Offline                                                   | Offline                                                      | site state                       |
-| Edit →                                                    | Bearbeiten →                                                 |                                  |
-| View settings                                             | Einstellungen anzeigen                                       | Popup after clicking “…” on site |
-| Delete                                                    | Löschen                                                      | Popup after clicking “…” on site |
-##### Add Site Popup
-
-| EN                                                     | DE                                                          | Notes       |
-| ------------------------------------------------------ | ----------------------------------------------------------- | ----------- |
-| Create Site                                            | Seite erstellen                                             |             |
-| Create a new site to start connection for this site    | Erstellen Sie eine neue Seite, um die Verbindung zu starten |             |
-| Name                                                   | Name                                                        |             |
-| Site name                                              | Seiten-Name                                                 | placeholder |
-| This is the name that will be displayed for this site. | So wird Ihre Seite angezeigt                                | desc        |
-| Method                                                 | Methode                                                     |             |
-| Local                                                  | Lokal                                                       |             |
-| Newt                                                   | Newt                                                        |             |
-| WireGuard                                              | WireGuard                                                   |             |
-| This is how you will expose connections.               | So werden Verbindungen freigegeben.                         |             |
-| You will only be able to see the configuration once.   | Diese Konfiguration können Sie nur einmal sehen.            |             |
-| Learn how to install Newt on your system               | Erfahren Sie, wie Sie Newt auf Ihrem System installieren    |             |
-| I have copied the config                               | Ich habe die Konfiguration kopiert                          |             |
-| Create Site                                            | Website erstellen                                           |             |
-| Close                                                  | Schließen                                                   |             |
-
-## Main “Resources”
-
-##### “Hero” section
-
-| EN                                                           | DE                                                           | Notes |
-| ------------------------------------------------------------ | ------------------------------------------------------------ | ----- |
-| Resources                                                    | Ressourcen                                                   |       |
-| Ressourcen sind Proxy-Server für Anwendungen, die in Ihrem privaten Netzwerk laufen. Erstellen Sie eine Ressource für jede HTTP- oder HTTPS-Anwendung in Ihrem privaten Netzwerk. Jede Ressource muss mit einer Website verbunden sein, um eine private und sichere Verbindung über den verschlüsselten WireGuard-Tunnel zu ermöglichen. | Ressourcen sind Proxy-Server für Anwendungen, die in Ihrem privaten Netzwerk laufen. Erstellen Sie eine Ressource für jede HTTP- oder HTTPS-Anwendung in Ihrem privaten Netzwerk. Jede Ressource muss mit einer Website verbunden sein, um eine private und sichere Verbindung über den verschlüsselten WireGuard-Tunnel zu ermöglichen. |       |
-| Secure connectivity with WireGuard encryption                | Sichere Verbindung mit WireGuard-Verschlüsselung             |       |
-| Configure multiple authentication methods                    | Konfigurieren Sie mehrere Authentifizierungsmethoden         |       |
-| User and role-based access control                           | Benutzer- und rollenbasierte Zugriffskontrolle               |       |
-##### Content
-
-| EN                                                 | DE                                                         | Notes                |
-| -------------------------------------------------- | ---------------------------------------------------------- | -------------------- |
-| Manage Resources                                   | Ressourcen verwalten                                       |                      |
-| Create secure proxies to your private applications | Erstellen Sie sichere Proxys für Ihre privaten Anwendungen |                      |
-| Search resources                                   | Ressourcen durchsuchen                                     | placeholder          |
-| Name                                               | Name                                                       |                      |
-| Site                                               | Website                                                    |                      |
-| Full URL                                           | Vollständige URL                                           |                      |
-| Authentication                                     | Authentifizierung                                          |                      |
-| Not Protected                                      | Nicht geschützt                                            | authentication state |
-| Protected                                          | Geschützt                                                  | authentication state |
-| Edit →                                             | Bearbeiten →                                               |                      |
-| Add Resource                                       | Ressource hinzufügen                                       |                      |
-##### Add Resource Popup
-
-| EN                                                           | DE                                                           | Notes               |
-| ------------------------------------------------------------ | ------------------------------------------------------------ | ------------------- |
-| Create Resource                                              | Ressource erstellen                                          |                     |
-| Create a new resource to proxy request to your app           | Erstellen Sie eine neue Ressource, um Anfragen an Ihre App zu proxen |                     |
-| Name                                                         | Name                                                         |                     |
-| My Resource                                                  | Neue Ressource                                               | name placeholder    |
-| This is the name that will be displayed for this resource.   | Dies ist der Name, der für diese Ressource angezeigt wird    |                     |
-| Subdomain                                                    | Subdomain                                                    |                     |
-| Enter subdomain                                              | Subdomain eingeben                                           |                     |
-| This is the fully qualified domain name that will be used to access the resource. | Dies ist der vollständige Domainname, der für den Zugriff auf die Ressource verwendet wird. |                     |
-| Site                                                         | Website                                                      |                     |
-| Search site…                                                 | Website suchen…                                              | Site selector popup |
-| This is the site that will be used in the dashboard.         | Dies ist die Website, die im Dashboard verwendet wird.       |                     |
-| Create Resource                                              | Ressource erstellen                                          |                     |
-| Close                                                        | Schließen                                                    |                     |
-
-
-## Main “User & Roles”
-##### Content
-
-| EN                                                           | DE                                                           | Notes                         |
-| ------------------------------------------------------------ | ------------------------------------------------------------ | ----------------------------- |
-| Manage User & Roles                                          | Benutzer & Rollen verwalten                                  |                               |
-| Invite users and add them to roles to manage access to your organization | Laden Sie Benutzer ein und weisen Sie ihnen Rollen zu, um den Zugriff auf Ihre Organisation zu verwalten |                               |
-| Users                                                        | Benutzer                                                     | sidebar item                  |
-| Roles                                                        | Rollen                                                       | sidebar item                  |
-| **User tab**                                                 |                                                              |                               |
-| Search users                                                 | Benutzer suchen                                              | placeholder                   |
-| Invite User                                                  | Benutzer einladen                                            | addbutton                     |
-| Email                                                        | E-Mail                                                       | table header                  |
-| Status                                                       | Status                                                       | table header                  |
-| Role                                                         | Rolle                                                        | table header                  |
-| Confirmed                                                    | Bestätigt                                                    | account status                |
-| Not confirmed (?)                                            | Nicht bestätigt (?)                                          | unknown for me account status |
-| Owner                                                        | Besitzer                                                     | role                          |
-| Admin                                                        | Administrator                                                | role                          |
-| Member                                                       | Mitglied                                                     | role                          |
-| **Roles Tab**                                                |                                                              |                               |
-| Search roles                                                 | Rollen suchen                                                | placeholder                   |
-| Add Role                                                     | Rolle hinzufügen                                             | addbutton                     |
-| Name                                                         | Name                                                         | table header                  |
-| Description                                                  | Beschreibung                                                 | table header                  |
-| Admin                                                        | Administrator                                                | role                          |
-| Member                                                       | Mitglied                                                     | role                          |
-| Admin role with the most permissions                         | Administratorrolle mit den meisten Berechtigungen            | admin role desc               |
-| Members can only view resources                              | Mitglieder können nur Ressourcen anzeigen                    | member role desc              |
-
-##### Invite User popup
-
-| EN                | DE                                                      | Notes       |
-| ----------------- | ------------------------------------------------------- | ----------- |
-| Invite User       | Geben Sie neuen Benutzern Zugriff auf Ihre Organisation |             |
-| Email             | E-Mail                                                  |             |
-| Enter an email    | E-Mail eingeben                                         | placeholder |
-| Role              | Rolle                                                   |             |
-| Select role       | Rolle auswählen                                         | placeholder |
-| Gültig für        | Gültig bis                                              |             |
-| 1 day             | Tag                                                     |             |
-| 2 days            | 2 Tage                                                  |             |
-| 3 days            | 3 Tage                                                  |             |
-| 4 days            | 4 Tage                                                  |             |
-| 5 days            | 5 Tage                                                  |             |
-| 6 days            | 6 Tage                                                  |             |
-| 7 days            | 7 Tage                                                  |             |
-| Create Invitation | Einladung erstellen                                     |             |
-| Close             | Schließen                                               |             |
-
-
-## Main “Shareable Links”
-##### “Hero” section
-
-| EN                                                           | DE                                                           | Notes |
-| ------------------------------------------------------------ | ------------------------------------------------------------ | ----- |
-| Shareable Links                                              | Teilbare Links                                               |       |
-| Create shareable links to your resources. Links provide temporary or unlimited access to your resource. You can configure the expiration duration of the link when you create one. | Erstellen Sie teilbare Links zu Ihren Ressourcen. Links bieten temporären oder unbegrenzten Zugriff auf Ihre Ressource. Sie können die Gültigkeitsdauer des Links beim Erstellen konfigurieren. |       |
-| Easy to create and share                                     | Einfach zu erstellen und zu teilen                           |       |
-| Configurable expiration duration                             | Konfigurierbare Gültigkeitsdauer                             |       |
-| Secure and revocable                                         | Sicher und widerrufbar                                       |       |
-##### Content
-
-| EN                                                           | DE                                                           | Notes             |
-| ------------------------------------------------------------ | ------------------------------------------------------------ | ----------------- |
-| Manage Shareable Links                                       | Teilbare Links verwalten                                     |                   |
-| Create shareable links to grant temporary or permanent access to your resources | Erstellen Sie teilbare Links, um temporären oder permanenten Zugriff auf Ihre Ressourcen zu gewähren |                   |
-| Search links                                                 | Links suchen                                                 | placeholder       |
-| Create Share Link                                            | Neuen Link erstellen                                         | addbutton         |
-| Resource                                                     | Ressource                                                    | table header      |
-| Title                                                        | Titel                                                        | table header      |
-| Created                                                      | Erstellt                                                     | table header      |
-| Expires                                                      | Gültig bis                                                   | table header      |
-| No links. Create one to get started.                         | Keine Links. Erstellen Sie einen, um zu beginnen.            | table placeholder |
-
-##### Create Shareable Link popup
-
-| EN                                                           | DE                                                           | Notes                   |
-| ------------------------------------------------------------ | ------------------------------------------------------------ | ----------------------- |
-| Create Shareable Link                                        | Teilbaren Link erstellen                                     |                         |
-| Anyone with this link can access the resource                | Jeder mit diesem Link kann auf die Ressource zugreifen       |                         |
-| Resource                                                     | Ressource                                                    |                         |
-| Select resource                                              | Ressource auswählen                                          |                         |
-| Search resources…                                            | Ressourcen suchen…                                           | resource selector popup |
-| Title (optional)                                             | Titel (optional)                                             |                         |
-| Enter title                                                  | Titel eingeben                                               | placeholder             |
-| Expire in                                                    | Gültig bis                                                   |                         |
-| Minutes                                                      | Minuten                                                      |                         |
-| Hours                                                        | Stunden                                                      |                         |
-| Days                                                         | Tage                                                         |                         |
-| Months                                                       | Monate                                                       |                         |
-| Years                                                        | Jahre                                                        |                         |
-| Never expire                                                 | Nie ablaufen                                                 |                         |
-| Expiration time is how long the link will be usable and provide access to the resource. After this time, the link will no longer work, and users who used this link will lose access to the resource. | Die Gültigkeitsdauer bestimmt, wie lange der Link nutzbar ist und Zugriff auf die Ressource bietet. Nach Ablauf dieser Zeit funktioniert der Link nicht mehr, und Benutzer, die diesen Link verwendet haben, verlieren den Zugriff auf die Ressource. |                         |
-| Create Link                                                  | Link erstellen                                               |                         |
-| Close                                                        | Schließen                                                    |                         |
-
-
-## Main “General”
-
-| EN                                                           | DE                                                           | Notes        |
-| ------------------------------------------------------------ | ------------------------------------------------------------ | ------------ |
-| General                                                      | Allgemein                                                    |              |
-| Configure your organization’s general settings               | Konfigurieren Sie die allgemeinen Einstellungen Ihrer Organisation |              |
-| General                                                      | Allgemein                                                    | sidebar item |
-| Organization Settings                                        | Organisationseinstellungen                                   |              |
-| Manage your organization details and configuration           | Verwalten Sie die Details und Konfiguration Ihrer Organisation |              |
-| Name                                                         | Name                                                         |              |
-| This is the display name of the org                          | Dies ist der Anzeigename Ihrer Organisation                  |              |
-| Save Settings                                                | Einstellungen speichern                                      |              |
-| Danger Zone                                                  | Gefahrenzone                                                 |              |
-| Once you delete this org, there is no going back. Please be certain. | Wenn Sie diese Organisation löschen, gibt es kein Zurück. Bitte seien Sie sicher. |              |
-| Delete Organization Data                                     | Organisationsdaten löschen                                   |              |

internationalization/es.md

@@ -1,291 +0,0 @@
-## Authentication Site
-
-
-| EN                                                       | ES                                                           | Notes      |
-| -------------------------------------------------------- | ------------------------------------------------------------ | ---------- |
-| Powered by [Pangolin](https://github.com/fosrl/pangolin) | Desarrollado por [Pangolin](https://github.com/fosrl/pangolin)  |            |
-| Authentication Required                                  | Se requiere autenticación                                    |            |
-| Choose your preferred method to access {resource}        | Elije tu método requerido para acceder a {resource}          |            |
-| PIN                                                      | PIN                                                          |            |
-| User                                                     | Usuario                                                      |            |
-| 6-digit PIN Code                                         | Código PIN de 6 dígitos                                      | pin login  |
-| Login in with PIN                                        | Registrate con PIN                                           | pin login  |
-| Email                                                    | Email                                                        | user login |
-| Enter your email                                         | Introduce tu email                                           | user login |
-| Password                                                 | Contraseña                                                   | user login |
-| Enter your password                                      | Introduce tu contraseña                                      | user login |
-| Forgot your password?                                    | ¿Olvidaste tu contraseña?                                    | user login |
-| Log in                                                   | Iniciar sesión                                               | user login |
-
-
-## Login site
-
-| EN                    | ES                                 | Notes       |
-| --------------------- | ---------------------------------- | ----------- |
-| Welcome to Pangolin   | Binvenido a Pangolin               |             |
-| Log in to get started | Registrate para comenzar           |             |
-| Email                 | Email                              |             |
-| Enter your email      | Introduce tu email                 | placeholder |
-| Password              | Contraseña                         |             |
-| Enter your password   | Introduce tu contraseña            | placeholder |
-| Forgot your password? | ¿Olvidaste tu contraseña?          |             |
-| Log in                | Iniciar sesión                     |             |
-
-# Ogranization site after successful login
-
-| EN                                        | ES                                           | Notes |
-| ----------------------------------------- | -------------------------------------------- | ----- |
-| Welcome to Pangolin                       | Binvenido a Pangolin                         |       |
-| You're a member of {number} organization. | Eres miembro de la organización {number}.    |       |
-
-## Shared Header, Navbar and Footer
-##### Header
-
-| EN                  | ES                  | Notes |
-| ------------------- | ------------------- | ----- |
-| Documentation       | Documentación       |       |
-| Support             | Soporte             |       |
-| Organization {name} | Organización {name} |       |
-##### Organization selector
-
-| EN               | ES                | Notes |
-| ---------------- | ----------------- | ----- |
-| Search…          | Buscar…           |       |
-| Create           | Crear             |       |
-| New Organization | Nueva Organización|       |
-| Organizations    | Organizaciones    |       |
-
-##### Navbar
-
-| EN              | ES                     | Notes |
-| --------------- | -----------------------| ----- |
-| Sites           | Sitios                 |       |
-| Resources       | Recursos               |       |
-| User & Roles    | Usuarios y roles       |       |
-| Shareable Links | Enlaces para compartir |       |
-| General         | General                |       |
-
-##### Footer
-| EN                        | ES                          |                             |
-| ------------------------- | --------------------------- | -------|
-| Page {number} of {number} | Página {number} de {number} | footer |        
-| Rows per page             | Filas por página            | footer |
-| Pangolin                  | Pangolin                    | footer |
-| Built by Fossorial        | Construido por Fossorial    | footer |
-| Open Source               | Código abierto              | footer |
-| Documentation             | Documentación               | footer |
-| {version}                 | {version}                   | footer |
-
-## Main “Sites”
-##### “Hero” section
-
-| EN                                                           | ES                                                           | Notes |
-| ------------------------------------------------------------ | ------------------------------------------------------------ | ----- |
-| Newt (Recommended)                                           | Newt (Recomendado)                                           |       |
-| For the best user experience, use Newt. It uses WireGuard under the hood and allows you to address your private resources by their LAN address on your private network from within the Pangolin dashboard. | Para obtener la mejor experiencia de usuario, utiliza Newt. Utiliza WireGuard internamente y te permite abordar tus recursos privados mediante tu dirección LAN en tu red privada desde el panel de Pangolin. |       |
-| Runs in Docker                                               | Se ejecuta en Docker                                         |       |
-| Runs in shell on macOS, Linux, and Windows                   | Se ejecuta en shell en macOS, Linux y Windows                |       |
-| Install Newt                                                 | Instalar Newt                                                |       |
-| Basic WireGuard<br>                                          | WireGuard básico<br>                                         |       | 
-| Compatible with all WireGuard clients<br>                    | Compatible con todos los clientes WireGuard<br>              |       |
-| Manual configuration required                                | Se requiere configuración manual                             |       |
-
-##### Content
-
-| EN                                                        | ES                                                           | Notes                            |
-| --------------------------------------------------------- | ------------------------------------------------------------ | -------------------------------- |
-| Manage Sites                                              | Administrar sitios                                           |                                  |
-| Allow connectivity to your network through secure tunnels | Permitir la conectividad a tu red a través de túneles seguros|                                  |
-| Search sites                                              | Buscar sitios                                                | placeholder                      |
-| Add Site                                                  | Agregar sitio                                                |                                  |
-| Name                                                      | Nombre                                                       | table header                     |
-| Online                                                    | Conectado                                                    | table header                     |
-| Site                                                      | Sitio                                                        | table header                     |
-| Data In                                                   | Datos en                                                     | table header                     |
-| Data Out                                                  | Datos de salida                                              | table header                     |
-| Connection Type                                           | Tipo de conexión                                             | table header                     |
-| Online                                                    | Conectado                                                    | site state                       |
-| Offline                                                   | Desconectado                                                 | site state                       |
-| Edit →                                                    | Editar →                                                     |                                  |
-| View settings                                             | Ver configuración                                            | Popup after clicking “…” on site |
-| Delete                                                    | Borrar                                                       | Popup after clicking “…” on site |
-
-##### Add Site Popup
-
-| EN                                                     | ES                                                          | Notes       |
-| ------------------------------------------------------ | ----------------------------------------------------------- | ----------- |
-| Create Site                                            | Crear sitio                                                 |             |
-| Create a new site to start connection for this site    | Crear un nuevo sitio para iniciar la conexión para este sitio |             |
-| Name                                                   | Nombre                                                      |             |
-| Site name                                              | Nombre del sitio                                            | placeholder |
-| This is the name that will be displayed for this site. | Este es el nombre que se mostrará para este sitio.          | desc        |
-| Method                                                 | Método                                                      |             |
-| Local                                                  | Local                                                       |             |
-| Newt                                                   | Newt                                                        |             |
-| WireGuard                                              | WireGuard                                                   |             |
-| This is how you will expose connections.               | Así es como expondrás las conexiones.                       |             |
-| You will only be able to see the configuration once.   | Solo podrás ver la configuración una vez.                   |             |
-| Learn how to install Newt on your system               | Aprende a instalar Newt en tu sistema                       |             |
-| I have copied the config                               | He copiado la configuración                                 |             |
-| Create Site                                            | Crear sitio                                                 |             |
-| Close                                                  | Cerrar                                                      |             |
-
-## Main “Resources”
-
-##### “Hero” section
-
-| EN                                                           | ES                                                           | Notes |
-| ------------------------------------------------------------ | ------------------------------------------------------------ | ----- |
-| Resources                                                    | Recursos                                                     |       |
-| Ressourcen sind Proxy-Server für Anwendungen, die in Ihrem privaten Netzwerk laufen. Erstellen Sie eine Ressource für jede HTTP- oder HTTPS-Anwendung in Ihrem privaten Netzwerk. Jede Ressource muss mit einer Website verbunden sein, um eine private und sichere Verbindung über den verschlüsselten WireGuard-Tunnel zu ermöglichen. |Los recursos son servidores proxy para aplicaciones que se ejecutan en su red privada. Cree un recurso para cada aplicación HTTP o HTTPS en su red privada. Cada recurso debe estar conectado a un sitio web para proporcionar una conexión privada y segura a través del túnel cifrado WireGuard. |       |
-| Secure connectivity with WireGuard encryption                | Conectividad segura con encriptación WireGuard               |       |
-| Configure multiple authentication methods                    | Configura múltiples métodos de autenticación                 |       |
-| User and role-based access control                           | Control de acceso basado en usuarios y roles                 |       |
-
-##### Content
-
-| EN                                                 | ES                                                         | Notes                |
-| -------------------------------------------------- | ---------------------------------------------------------- | -------------------- |
-| Manage Resources                                   | Administrar recursos                                       |                      |
-| Create secure proxies to your private applications | Crea servidores proxy seguros para tus aplicaciones privadas |                      |
-| Search resources                                   | Buscar recursos                                            | placeholder          |
-| Name                                               | Nombre                                                     |                      |
-| Site                                               | Sitio                                                      |                      |
-| Full URL                                           | URL completa                                               |                      |
-| Authentication                                     | Autenticación                                              |                      |
-| Not Protected                                      | No protegido                                               | authentication state |
-| Protected                                          | Protegido                                                  | authentication state |
-| Edit →                                             | Editar →                                                   |                      |
-| Add Resource                                       | Agregar recurso                                            |                      |
-
-##### Add Resource Popup
-
-| EN                                                           | ES                                                           | Notes               |
-| ------------------------------------------------------------ | ------------------------------------------------------------ | ------------------- |
-| Create Resource                                              | Crear recurso                                                |                     |
-| Create a new resource to proxy request to your app           | Crea un nuevo recurso para enviar solicitudes a tu aplicación |                     |
-| Name                                                         | Nombre                                                        |                     |
-| My Resource                                                  | Mi recurso                                                    | name placeholder    |
-| This is the name that will be displayed for this resource.   | Este es el nombre que se mostrará para este recurso.         |                     |
-| Subdomain                                                    | Subdominio                                                    |                     |
-| Enter subdomain                                              | Ingresar subdominio                                           |                     |
-| This is the fully qualified domain name that will be used to access the resource. | Este es el nombre de dominio completo que se utilizará para acceder al recurso. |                     |
-| Site                                                         | Sitio                                                        |                     |
-| Search site…                                                 | Buscar sitio…                                                | Site selector popup |
-| This is the site that will be used in the dashboard.         | Este es el sitio que se utilizará en el panel de control.    |                     |
-| Create Resource                                              | Crear recurso                                                |                     |
-| Close                                                        | Cerrar                                                       |                     |
-
-## Main “User & Roles”
-##### Content
-
-| EN                                                           | ES                                                           | Notes                         |
-| ------------------------------------------------------------ | ------------------------------------------------------------ | ----------------------------- |
-| Manage User & Roles                                          | Administrar usuarios y roles                                 |                               |
-| Invite users and add them to roles to manage access to your organization | Invita a usuarios y agrégalos a roles para administrar el acceso a tu organización |                               |
-| Users                                                        | Usuarios                                                     | sidebar item                  |
-| Roles                                                        | Roles                                                        | sidebar item                  |
-| **User tab**                                                 | **Pestaña de usuario**                                                            |                               |
-| Search users                                                 | Buscar usuarios                                              | placeholder                   |
-| Invite User                                                  | Invitar usuario                                           | addbutton                     |
-| Email                                                        | Email                                                       | table header                  |
-| Status                                                       | Estado                                                       | table header                  |
-| Role                                                         | Role                                                         | table header                  |
-| Confirmed                                                    | Confirmado                                                   | account status                |
-| Not confirmed (?)                                            | No confirmado (?)                                            | unknown for me account status |
-| Owner                                                        | Dueño                                                        | role                          |
-| Admin                                                        | Administrador                                                | role                          |
-| Member                                                       | Miembro                                                      | role                          |
-| **Roles Tab**                                                | **Pestaña Roles**                                            |                               |
-| Search roles                                                 | Buscar roles                                                 | placeholder                   |
-| Add Role                                                     | Agregar rol                                                  | addbutton                     |
-| Name                                                         | Nombre                                                       | table header                  |
-| Description                                                  | Descripción                                                  | table header                  |
-| Admin                                                        | Administrador                                                | role                          |
-| Member                                                       | Miembro                                                      | role                          |
-| Admin role with the most permissions                         | Rol de administrador con más permisos                        | admin role desc               |
-| Members can only view resources                              | Los miembros sólo pueden ver los recursos                    | member role desc              |
-
-##### Invite User popup
-
-| EN                | ES                                                      | Notes       |
-| ----------------- | ------------------------------------------------------- | ----------- |
-| Invite User       | Invitar usuario                                         |             |
-| Email             | Email                                                   |             |
-| Enter an email    | Introduzca un email                                     | placeholder |
-| Role              | Rol                                                     |             |
-| Select role       | Seleccionar rol                                         | placeholder |
-| Gültig für        | Válido para                                             |             |
-| 1 day             | 1 día                                                   |             |
-| 2 days            | 2 días                                                  |             |
-| 3 days            | 3 días                                                  |             |
-| 4 days            | 4 días                                                  |             |
-| 5 days            | 5 días                                                  |             |
-| 6 days            | 6 días                                                  |             |
-| 7 days            | 7 días                                                  |             |
-| Create Invitation | Crear invitación                                        |             |
-| Close             | Cerrar                                                  |             |
-
-
-## Main “Shareable Links”
-##### “Hero” section
-
-| EN                                                           | ES                                                           | Notes |
-| ------------------------------------------------------------ | ------------------------------------------------------------ | ----- |
-| Shareable Links                                              | Enlaces para compartir                                       |       |
-| Create shareable links to your resources. Links provide temporary or unlimited access to your resource. You can configure the expiration duration of the link when you create one. | Crear enlaces que se puedan compartir a tus recursos. Los enlaces proporcionan acceso temporal o ilimitado a tu recurso. Puedes configurar la duración de caducidad del enlace cuando lo creas.                                |       |
-| Easy to create and share                                     | Fácil de crear y compartir                                   |       |
-| Configurable expiration duration                             | Duración de expiración configurable                          |       |
-| Secure and revocable                                         | Seguro y revocable                                           |       |
-##### Content
-
-| EN                                                           | ES                                                           | Notes             |
-| ------------------------------------------------------------ | ------------------------------------------------------------ | ----------------- |
-| Manage Shareable Links                                       | Administrar enlaces compartibles                             |                   |
-| Create shareable links to grant temporary or permanent access to your resources | Crear enlaces compartibles para otorgar acceso temporal o permanente a tus recursos |                   |
-| Search links                                                 | Buscar enlaces                                               | placeholder       |
-| Create Share Link                                            | Crear enlace para compartir                                  | addbutton         |
-| Resource                                                     | Recurso                                                      | table header      |
-| Title                                                        | Título                                                       | table header      |
-| Created                                                      | Creado                                                       | table header      |
-| Expires                                                      | Caduca                                                       | table header      |
-| No links. Create one to get started.                         | No hay enlaces. Crea uno para comenzar.                      | table placeholder |
-
-##### Create Shareable Link popup
-
-| EN                                                           | ES                                                           | Notes                   |
-| ------------------------------------------------------------ | ------------------------------------------------------------ | ----------------------- |
-| Create Shareable Link                                        | Crear un enlace para compartir                               |                         |
-| Anyone with this link can access the resource                | Cualquier persona con este enlace puede acceder al recurso.  |                         |
-| Resource                                                     | Recurso                                                      |                         |
-| Select resource                                              | Seleccionar recurso                                          |                         |
-| Search resources…                                            | Buscar recursos…                                             | resource selector popup |
-| Title (optional)                                             | Título (opcional)                                            |                         |
-| Enter title                                                  | Introducir título                                            | placeholder             |
-| Expire in                                                    | Caduca en                                                    |                         |
-| Minutes                                                      | Minutos                                                      |                         |
-| Hours                                                        | Horas                                                        |                         |
-| Days                                                         | Días                                                         |                         |
-| Months                                                       | Meses                                                        |                         |
-| Years                                                        | Años                                                         |                         |
-| Never expire                                                 | Nunca caduca                                                 |                         |
-| Expiration time is how long the link will be usable and provide access to the resource. After this time, the link will no longer work, and users who used this link will lose access to the resource. | El tiempo de expiración es el tiempo durante el cual el enlace se podrá utilizar y brindará acceso al recurso. Después de este tiempo, el enlace dejará de funcionar y los usuarios que lo hayan utilizado perderán el acceso al recurso. |                         |
-| Create Link                                                  | Crear enlace                                                |                         |
-| Close                                                        | Cerrar                                                      |                         |
-
-
-## Main “General”
-
-| EN                                                           | ES                                                           | Notes        |
-| ------------------------------------------------------------ | ------------------------------------------------------------ | ------------ |
-| General                                                      | General                                                      |              |
-| Configure your organization’s general settings               | Configura los ajustes generales de tu organización           |              |
-| General                                                      | General                                                      | sidebar item |
-| Organization Settings                                        | Configuración de la organización                             |              |
-| Manage your organization details and configuration           | Administra los detalles y la configuración de tu organización|              |
-| Name                                                         | Nombre                                                       |              |
-| This is the display name of the org                          | Este es el nombre para mostrar de la organización.           |              |
-| Save Settings                                                | Guardar configuración                                        |              |
-| Danger Zone                                                  | Zona de peligro                                              |              |
-| Once you delete this org, there is no going back. Please be certain. | Una vez que elimines esta organización, no habrá vuelta atrás. Asegúrate de hacerlo. |              |
-| Delete Organization Data                                     | Eliminar datos de la organización                             |              |

internationalization/pl.md

@@ -1,287 +0,0 @@
-## Authentication Site
-
-
-| EN                                                       | PL                                                           | Notes      |
-| -------------------------------------------------------- | ------------------------------------------------------------ | ---------- |
-| Powered by [Pangolin](https://github.com/fosrl/pangolin) | Zasilane przez [Pangolin](https://github.com/fosrl/pangolin) |            |
-| Authentication Required                                  | Wymagane uwierzytelnienie                                    |            |
-| Choose your preferred method to access {resource}        | Wybierz preferowaną metodę dostępu do {resource}             |            |
-| PIN                                                      | PIN                                                          |            |
-| User                                                     | Zaloguj                                                      |            |
-| 6-digit PIN Code                                         | 6-cyfrowy kod PIN                                            | pin login  |
-| Login in with PIN                                        | Zaloguj się PIN’em                                           | pin login  |
-| Email                                                    | Email                                                        | user login |
-| Enter your email                                         | Wprowadź swój email                                          | user login |
-| Password                                                 | Hasło                                                        | user login |
-| Enter your password                                      | Wprowadź swoje hasło                                         | user login |
-| Forgot your password?                                    | Zapomniałeś hasła?                                           | user login |
-| Log in                                                   | Zaloguj                                                      | user login |
-
-
-## Login site
-
-| EN                    | PL                             | Notes       |
-| --------------------- | ------------------------------ | ----------- |
-| Welcome to Pangolin   | Witaj w Pangolin               |             |
-| Log in to get started | Zaloguj się, aby rozpocząć<br> |             |
-| Email                 | Email                          |             |
-| Enter your email      | Wprowadź swój adres e-mail<br> | placeholder |
-| Password              | Hasło                          |             |
-| Enter your password   | Wprowadź swoje hasło           | placeholder |
-| Forgot your password? | Nie pamiętasz hasła?           |             |
-| Log in                | Zaloguj                        |             |
-
-# Ogranization site after successful login
-
-
-| EN                                        | PL                                         | Notes |
-| ----------------------------------------- | ------------------------------------------ | ----- |
-| Welcome to Pangolin                       | Witaj w Pangolin                           |       |
-| You're a member of {number} organization. | Jesteś użytkownikiem {number} organizacji. |       |
-
-## Shared Header, Navbar and Footer
-##### Header
-
-| EN                  | PL                 | Notes |
-| ------------------- | ------------------ | ----- |
-| Documentation       | Dokumentacja       |       |
-| Support             | Wsparcie           |       |
-| Organization {name} | Organizacja {name} |       |
-##### Organization selector
-
-| EN               | PL               | Notes |
-| ---------------- | ---------------- | ----- |
-| Search…          | Szukaj…          |       |
-| Create           | Utwórz           |       |
-| New Organization | Nowa organizacja |       |
-| Organizations    | Organizacje      |       |
-
-##### Navbar
-
-| EN              | PL                     | Notes |
-| --------------- | ---------------------- | ----- |
-| Sites           | Witryny                |       |
-| Resources       | Zasoby                 |       |
-| User & Roles    | Użytkownicy i Role     |       |
-| Shareable Links | Łącza do udostępniania |       |
-| General         | Ogólne                 |       |
-##### Footer
-| EN                        | PL                         |                |
-| ------------------------- | -------------------------- | -------------- |
-| Page {number} of {number} | Strona {number} z {number} |                |
-| Rows per page             | Wierszy na stronę          |                |
-| Pangolin                  | Pangolin                   | bottom of site |
-| Built by Fossorial        | Stworzone przez Fossorial  | bottom of site |
-| Open Source               | Open source                | bottom of site |
-| Documentation             | Dokumentacja               | bottom of site |
-| {version}                 | {version}                  | bottom of site |
-## Main “Sites”
-##### “Hero” section
-
-| EN                                                                                                                                                                                                         | PL                                                                                                                                                                                                                                                                 | Notes |
-| ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ | ----- |
-| Newt (Recommended)                                                                                                                                                                                         | Newt (zalecane)                                                                                                                                                                                                                                                    |       |
-| For the best user experience, use Newt. It uses WireGuard under the hood and allows you to address your private resources by their LAN address on your private network from within the Pangolin dashboard. | Aby zapewnić najlepsze doświadczenie użytkownika, korzystaj z Newt. Wykorzystuje on technologię WireGuard w tle i pozwala na dostęp do Twoich prywatnych zasobów za pomocą ich adresu LAN w prywatnej sieci bezpośrednio z poziomu pulpitu nawigacyjnego Pangolin. |       |
-| Runs in Docker                                                                                                                                                                                             | Działa w Dockerze                                                                                                                                                                                                                                                  |       |
-| Runs in shell on macOS, Linux, and Windows                                                                                                                                                                 | Działa w powłoce na systemach macOS, Linux i Windows                                                                                                                                                                                                               |       |
-| Install Newt                                                                                                                                                                                               | Zainstaluj Newt                                                                                                                                                                                                                                                    |       |
-| Podstawowy WireGuard<br>                                                                                                                                                                                   | Użyj dowolnego klienta WireGuard, aby się połączyć. Będziesz musiał uzyskiwać dostęp do swoich wewnętrznych zasobów za pomocą adresu IP równorzędnego                                                                                                              |       |
-| Compatible with all WireGuard clients<br>                                                                                                                                                                  | Kompatybilny ze wszystkimi klientami WireGuard<br>                                                                                                                                                                                                                 |       |
-| Manual configuration required                                                                                                                                                                              | Wymagana ręczna konfiguracja<br>                                                                                                                                                                                                                                   |       |
-##### Content
-
-| EN                                                        | PL                                                                       | Notes                            |
-| --------------------------------------------------------- | ------------------------------------------------------------------------ | -------------------------------- |
-| Manage Sites                                              | Zarządzanie witrynami                                                    |                                  |
-| Allow connectivity to your network through secure tunnels | Zezwalaj na łączność z Twoją siecią za pośrednictwem bezpiecznych tuneli |                                  |
-| Search sites                                              | Szukaj witryny                                                           | placeholder                      |
-| Add Site                                                  | Dodaj witrynę                                                            |                                  |
-| Name                                                      | Nazwa                                                                    | table header                     |
-| Online                                                    | Status                                                                   | table header                     |
-| Site                                                      | Witryna                                                                  | table header                     |
-| Data In                                                   | Dane wchodzące                                                           | table header                     |
-| Data Out                                                  | Dane wychodzące                                                          | table header                     |
-| Connection Type                                           | Typ połączenia                                                           | table header                     |
-| Online                                                    | Online                                                                   | site state                       |
-| Offline                                                   | Poza siecią                                                              | site state                       |
-| Edit →                                                    | Edytuj →                                                                 |                                  |
-| View settings                                             | Pokaż ustawienia                                                         | Popup after clicking “…” on site |
-| Delete                                                    | Usuń                                                                     | Popup after clicking “…” on site |
-##### Add Site Popup
-
-| EN                                                     | PL                                                  | Notes       |
-| ------------------------------------------------------ | --------------------------------------------------- | ----------- |
-| Create Site                                            | Utwórz witrynę                                      |             |
-| Create a new site to start connection for this site    | Utwórz nową witrynę aby rozpocząć połączenie        |             |
-| Name                                                   | Nazwa                                               |             |
-| Site name                                              | Nazwa witryny                                       | placeholder |
-| This is the name that will be displayed for this site. | Tak będzie wyświetlana twoja witryna                | desc        |
-| Method                                                 | Metoda                                              |             |
-| Local                                                  | Lokalna                                             |             |
-| Newt                                                   | Newt                                                |             |
-| WireGuard                                              | WireGuard                                           |             |
-| This is how you will expose connections.               | Tak będą eksponowane połączenie.                    |             |
-| You will only be able to see the configuration once.   | Tą konfigurację możesz zobaczyć tylko raz.          |             |
-| Learn how to install Newt on your system               | Dowiedz się jak zainstalować Newt na twoim systemie |             |
-| I have copied the config                               | Skopiowałem konfigurację                            |             |
-| Create Site                                            | Utwórz witrynę                                      |             |
-| Close                                                  | Zamknij                                             |             |
-
-## Main “Resources”
-
-##### “Hero” section
-
-| EN                                                                                                                                                                                                                                                                                   | PL                                                                                                                                                                                                                                                                                   | Notes |
-| ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ | ----- |
-| Resources                                                                                                                                                                                                                                                                            | Zasoby                                                                                                                                                                                                                                                                               |       |
-| Zasoby to serwery proxy dla aplikacji działających w Twojej prywatnej sieci. Utwórz zasób dla dowolnej aplikacji HTTP lub HTTPS w swojej prywatnej sieci. Każdy zasób musi być połączony z witryną, aby umożliwić prywatne i bezpieczne połączenie przez szyfrowany tunel WireGuard. | Zasoby to serwery proxy dla aplikacji działających w Twojej prywatnej sieci. Utwórz zasób dla dowolnej aplikacji HTTP lub HTTPS w swojej prywatnej sieci. Każdy zasób musi być połączony z witryną, aby umożliwić prywatne i bezpieczne połączenie przez szyfrowany tunel WireGuard. |       |
-| Secure connectivity with WireGuard encryption                                                                                                                                                                                                                                        | Bezpieczna łączność z szyfrowaniem WireGuard                                                                                                                                                                                                                                         |       |
-| Configure multiple authentication methods                                                                                                                                                                                                                                            | Konfigurowanie wielu metod uwierzytelniania                                                                                                                                                                                                                                          |       |
-| User and role-based access control                                                                                                                                                                                                                                                   | Kontrola dostępu oparta na użytkownikach i rolach                                                                                                                                                                                                                                    |       |
-##### Content
-
-| EN                                                 | PL                                                             | Notes                |
-| -------------------------------------------------- | -------------------------------------------------------------- | -------------------- |
-| Manage Resources                                   | Zarządzaj zasobami                                             |                      |
-| Create secure proxies to your private applications | Twórz bezpieczne serwery proxy dla swoich prywatnych aplikacji |                      |
-| Search resources                                   | Szukaj w zasobach                                              | placeholder          |
-| Name                                               | Nazwa                                                          |                      |
-| Site                                               | Witryna                                                        |                      |
-| Full URL                                           | Pełny URL                                                      |                      |
-| Authentication                                     | Uwierzytelnianie                                               |                      |
-| Not Protected                                      | Niezabezpieczony                                               | authentication state |
-| Protected                                          | Zabezpieczony                                                  | authentication state |
-| Edit →                                             | Edytuj →                                                       |                      |
-| Add Resource                                       | Dodaj zasób                                                    |                      |
-##### Add Resource Popup
-
-| EN                                                                                | PL                                                                     | Notes               |
-| --------------------------------------------------------------------------------- | ---------------------------------------------------------------------- | ------------------- |
-| Create Resource                                                                   | Utwórz zasób                                                           |                     |
-| Create a new resource to proxy request to your app                                | Utwórz nowy zasób, aby przekazywać żądania do swojej aplikacji         |                     |
-| Name                                                                              | Nazwa                                                                  |                     |
-| My Resource                                                                       | Nowy zasób                                                             | name placeholder    |
-| This is the name that will be displayed for this resource.                        | To jest nazwa, która będzie wyświetlana dla tego zasobu                |                     |
-| Subdomain                                                                         | Subdomena                                                              |                     |
-| Enter subdomain                                                                   | Wprowadź subdomenę                                                     |                     |
-| This is the fully qualified domain name that will be used to access the resource. | To jest pełna nazwa domeny, która będzie używana do dostępu do zasobu. |                     |
-| Site                                                                              | Witryna                                                                |                     |
-| Search site…                                                                      | Szukaj witryny…                                                        | Site selector popup |
-| This is the site that will be used in the dashboard.                              | To jest witryna, która będzie używana w pulpicie nawigacyjnym.         |                     |
-| Create Resource                                                                   | Utwórz zasób                                                           |                     |
-| Close                                                                             | Zamknij                                                                |                     |
-
-
-## Main “User & Roles”
-##### Content
-
-| EN                                                                       | PL                                                                                   | Notes                         |
-| ------------------------------------------------------------------------ | ------------------------------------------------------------------------------------ | ----------------------------- |
-| Manage User & Roles                                                      | Zarządzanie użytkownikami i rolami                                                   |                               |
-| Invite users and add them to roles to manage access to your organization | Zaproś użytkowników i przypisz im role, aby zarządzać dostępem do Twojej organizacji |                               |
-| Users                                                                    | Użytkownicy                                                                          | sidebar item                  |
-| Roles                                                                    | Role                                                                                 | sidebar item                  |
-| **User tab**                                                             |                                                                                      |                               |
-| Search users                                                             | Wyszukaj użytkownika                                                                 | placeholder                   |
-| Invite User                                                              | Zaproś użytkownika                                                                   | addbutton                     |
-| Email                                                                    | Email                                                                                | table header                  |
-| Status                                                                   | Status                                                                               | table header                  |
-| Role                                                                     | Rola                                                                                 | table header                  |
-| Confirmed                                                                | Zatwierdzony                                                                         | account status                |
-| Not confirmed (?)                                                        | Niezatwierdzony (?)                                                                  | unknown for me account status |
-| Owner                                                                    | Właściciel                                                                           | role                          |
-| Admin                                                                    | Administrator                                                                        | role                          |
-| Member                                                                   | Użytkownik                                                                           | role                          |
-| **Roles Tab**                                                            |                                                                                      |                               |
-| Search roles                                                             | Wyszukaj role                                                                        | placeholder                   |
-| Add Role                                                                 | Dodaj role                                                                           | addbutton                     |
-| Name                                                                     | Nazwa                                                                                | table header                  |
-| Description                                                              | Opis                                                                                 | table header                  |
-| Admin                                                                    | Administrator                                                                        | role                          |
-| Member                                                                   | Użytkownik                                                                           | role                          |
-| Admin role with the most permissions                                     | Rola administratora z najszerszymi uprawnieniami                                     | admin role desc               |
-| Members can only view resources                                          | Członkowie mogą jedynie przeglądać zasoby                                            | member role desc              |
-
-##### Invite User popup
-
-| EN                | PL                                         | Notes       |
-| ----------------- | ------------------------------------------ | ----------- |
-| Invite User       | Give new users access to your organization |             |
-| Email             | Email                                      |             |
-| Enter an email    | Wprowadź email                             | placeholder |
-| Role              | Rola                                       |             |
-| Select role       | Wybierz role                               | placeholder |
-| Vaild for         | Ważne do                                   |             |
-| 1 day             | Dzień                                      |             |
-| 2 days            | 2 dni                                      |             |
-| 3 days            | 3 dni                                      |             |
-| 4 days            | 4 dni                                      |             |
-| 5 days            | 5 dni                                      |             |
-| 6 days            | 6 dni                                      |             |
-| 7 days            | 7 dni                                      |             |
-| Create Invitation | Utwórz zaproszenie                         |             |
-| Close             | Zamknij                                    |             |
-
-
-## Main “Shareable Links”
-##### “Hero” section
-
-| EN                                                                                                                                                                                 | PL                                                                                                                                                                                | Notes |
-| ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ----- |
-| Shareable Links                                                                                                                                                                    | Łącza do udostępniania                                                                                                                                                            |       |
-| Create shareable links to your resources. Links provide temporary or unlimited access to your resource. You can configure the expiration duration of the link when you create one. | Twórz linki do udostępniania swoich zasobów. Linki zapewniają tymczasowy lub nieograniczony dostęp do zasobu. Możesz skonfigurować czas wygaśnięcia linku podczas jego tworzenia. |       |
-| Easy to create and share                                                                                                                                                           | Łatwe tworzenie i udostępnianie                                                                                                                                                   |       |
-| Configurable expiration duration                                                                                                                                                   | Konfigurowalny czas wygaśnięcia                                                                                                                                                   |       |
-| Secure and revocable                                                                                                                                                               | Bezpieczne i odwołalne                                                                                                                                                            |       |
-##### Content
-
-| EN                                                                              | PL                                                                                          | Notes             |
-| ------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------- | ----------------- |
-| Manage Shareable Links                                                          | Zarządzaj łączami do udostępniania                                                          |                   |
-| Create shareable links to grant temporary or permament access to your resources | Utwórz łącze do udostępniania w celu przyznania tymczasowego lub stałego dostępu do zasobów |                   |
-| Search links                                                                    | Szukaj łączy                                                                                | placeholder       |
-| Create Share Link                                                               | Utwórz nowe łącze                                                                           | addbutton         |
-| Resource                                                                        | Zasób                                                                                       | table header      |
-| Title                                                                           | Tytuł                                                                                       | table header      |
-| Created                                                                         | Utworzone                                                                                   | table header      |
-| Expires                                                                         | Wygasa                                                                                      | table header      |
-| No links. Create one to get started.                                            | Brak łączy. Utwórz, aby rozpocząć.                                                          | table placeholder |
-
-##### Create Shareable Link popup
-
-| EN                                                                                                                                                                                                    | PL                                                                                                                                                                                             | Notes                   |
-| ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ----------------------- |
-| Create Shareable Link                                                                                                                                                                                 | Utwórz łącze do udostępnienia                                                                                                                                                                  |                         |
-| Anyone with this link can access the resource                                                                                                                                                         | Każdy kto ma ten link może korzystać z zasobu                                                                                                                                                  |                         |
-| Resource                                                                                                                                                                                              | Zasób                                                                                                                                                                                          |                         |
-| Select resource                                                                                                                                                                                       | Wybierz zasób                                                                                                                                                                                  |                         |
-| Search resources…                                                                                                                                                                                     | Szukaj zasobów…                                                                                                                                                                                | resource selector popup |
-| Title (optional)                                                                                                                                                                                      | Tytuł (opcjonalny)                                                                                                                                                                             |                         |
-| Enter title                                                                                                                                                                                           | Wprowadź tytuł                                                                                                                                                                                 | placeholder             |
-| Expire in                                                                                                                                                                                             | Wygasa za                                                                                                                                                                                      |                         |
-| Minutes                                                                                                                                                                                               | Minut                                                                                                                                                                                          |                         |
-| Hours                                                                                                                                                                                                 | Godzin                                                                                                                                                                                         |                         |
-| Days                                                                                                                                                                                                  | Dni                                                                                                                                                                                            |                         |
-| Months                                                                                                                                                                                                | Miesięcy                                                                                                                                                                                       |                         |
-| Years                                                                                                                                                                                                 | Lat                                                                                                                                                                                            |                         |
-| Never expire                                                                                                                                                                                          | Nie wygasa                                                                                                                                                                                     |                         |
-| Expiration time is how long the link will be usable and provide access to the resource. After this time, the link will no longer work, and users who used this link will lose access to the resource. | Czas wygaśnięcia to okres, przez który link będzie aktywny i zapewni dostęp do zasobu. Po upływie tego czasu link przestanie działać, a użytkownicy, którzy go użyli, stracą dostęp do zasobu. |                         |
-| Create Link                                                                                                                                                                                           | Utwórz łącze                                                                                                                                                                                   |                         |
-| Close                                                                                                                                                                                                 | Zamknij                                                                                                                                                                                        |                         |
-
-
-## Main “General”
-
-| EN                                                                   | PL                                                                  | Notes        |
-| -------------------------------------------------------------------- | ------------------------------------------------------------------- | ------------ |
-| General                                                              | Ogólne                                                              |              |
-| Configure your organization’s general settings                       | Zarządzaj ogólnymi ustawieniami twoich organizacji                  |              |
-| General                                                              | Ogólne                                                              | sidebar item |
-| Organization Settings                                                | Ustawienia organizacji                                              |              |
-| Manage your organization details and configuration                   | Zarządzaj szczegółami i konfiguracją organizacji                    |              |
-| Name                                                                 | Nazwa                                                               |              |
-| This is the display name of the org                                  | To jest wyświetlana nazwa Twojej organizacji                        |              |
-| Save Settings                                                        | Zapisz ustawienia                                                   |              |
-| Danger Zone                                                          | Niebezpieczna strefa                                                |              |
-| Once you delete this org, there is no going back. Please be certain. | Jeśli usuniesz swoją tą organizację, nie ma odwrotu. Bądź ostrożny! |              |
-| Delete Organization Data                                             | Usuń dane organizacji                                               |              |

internationalization/tr.md

@@ -1,310 +0,0 @@
-## Authentication Site
-
-| EN                                                       | TR                                                                                 | Notes      |
-| -------------------------------------------------------- | ---------------------------------------------------------------------------------- | ---------- |
-| Powered by [Pangolin](https://github.com/fosrl/pangolin) | Pangolin Tarafından Destekleniyor                                                  |            |
-| Authentication Required                                  | Kimlik Doğrulaması Gerekli                                                         |            |
-| Choose your preferred method to access {resource}        | {resource}'a erişmek için tercih ettiğiniz yöntemi seçin                           |            |
-| PIN                                                      | PIN                                                                                |            |
-| User                                                     | Kullanıcı                                                                          |            |
-| 6-digit PIN Code                                         | 6 haneli PIN Kodu                                                                  | pin login  |
-| Login in with PIN                                        | PIN ile Giriş Yap                                                                  | pin login  |
-| Email                                                    | E-posta                                                                            | user login |
-| Enter your email                                         | E-postanızı girin                                                                  | user login |
-| Password                                                 | Şifre                                                                              | user login |
-| Enter your password                                      | Şifrenizi girin                                                                    | user login |
-| Forgot your password?                                    | Şifrenizi mi unuttunuz?                                                            | user login |
-| Log in                                                   | Giriş Yap                                                                          | user login |
-
----
-
-## Login site
-
-| EN                    | TR                                                     | Notes       |
-| --------------------- | ------------------------------------------------------ | ----------- |
-| Welcome to Pangolin   | Pangolin'e Hoşgeldiniz                                 |             |
-| Log in to get started | Başlamak için giriş yapın                              |             |
-| Email                 | E-posta                                                |             |
-| Enter your email      | E-posta adresinizi girin                               | placeholder |
-| Password              | Şifre                                                  |             |
-| Enter your password   | Şifrenizi girin                                        | placeholder |
-| Forgot your password? | Şifrenizi mi unuttunuz?                                |             |
-| Log in                | Giriş Yap                                              |             |
-
----
-
-# Organization site after successful login
-
-| EN                                        | TR                                                                  | Notes |
-| ----------------------------------------- | ------------------------------------------------------------------- | ----- |
-| Welcome to Pangolin                       | Pangolin'e Hoşgeldiniz                                              |       |
-| You're a member of {number} organization. | {number} organizasyonunun üyesiniz.                                 |       |
-
----
-
-## Shared Header, Navbar and Footer
-
-##### Header
-
-| EN                  | TR                         | Notes |
-| ------------------- | -------------------------- | ----- |
-| Documentation       | Dokümantasyon              |       |
-| Support             | Destek                     |       |
-| Organization {name} | Organizasyon {name}        |       |
-
-##### Organization selector
-
-| EN               | TR                     | Notes |
-| ---------------- | ---------------------- | ----- |
-| Search…          | Ara…                   |       |
-| Create           | Oluştur                |       |
-| New Organization | Yeni Organizasyon      |       |
-| Organizations    | Organizasyonlar        |       |
-
-##### Navbar
-
-| EN              | TR                              | Notes |
-| --------------- | ------------------------------- | ----- |
-| Sites           | Siteler                         |       |
-| Resources       | Kaynaklar                       |       |
-| User & Roles    | Kullanıcılar ve Roller          |       |
-| Shareable Links | Paylaşılabilir Linkler          |       |
-| General         | Genel                           |       |
-
-##### Footer
-
-| EN                        | TR                                               | Notes                |
-| ------------------------- | ------------------------------------------------ | -------------------- |
-| Page {number} of {number} | Sayfa {number} / {number}                        |                      |
-| Rows per page             | Sayfa başına satırlar                            |                      |
-| Pangolin                  | Pangolin                                         | Footer'da yer alır   |
-| Built by Fossorial        | Fossorial tarafından oluşturuldu                 | Footer'da yer alır   |
-| Open Source               | Açık Kaynak                                      | Footer'da yer alır   |
-| Documentation             | Dokümantasyon                                    | Footer'da yer alır   |
-| {version}                 | {version}                                        | Footer'da yer alır   |
-
----
-
-## Main “Sites”
-
-##### “Hero” section
-
-| EN                                                           | TR                                                                                                                         | Notes |
-| ------------------------------------------------------------ | -------------------------------------------------------------------------------------------------------------------------- | ----- |
-| Newt (Recommended)                                           | Newt (Tavsiye Edilen)                                                                                                      |       |
-| For the best user experience, use Newt. It uses WireGuard under the hood and allows you to address your private resources by their LAN address on your private network from within the Pangolin dashboard. | En iyi kullanıcı deneyimi için Newt'i kullanın. Newt, arka planda WireGuard kullanır ve Pangolin kontrol paneli üzerinden özel ağınızdaki kaynaklarınıza LAN adresleriyle erişmenizi sağlar. |       |
-| Runs in Docker                                               | Docker üzerinde çalışır                                                                                                    |       |
-| Runs in shell on macOS, Linux, and Windows                   | macOS, Linux ve Windows’ta komut satırında çalışır                                                                         |       |
-| Install Newt                                                 | Newt'i Yükle                                                                                                               |       |
-| Basic WireGuard<br>                                          | Temel WireGuard<br>                                                                                                        |       |
-| Compatible with all WireGuard clients<br>                    | Tüm WireGuard istemcileriyle uyumlu<br>                                                                                    |       |
-| Manual configuration required                                | Manuel yapılandırma gereklidir                                                                                             |       |
-
-##### Content
-
-| EN                                                        | TR                                                                          | Notes        |
-| --------------------------------------------------------- | --------------------------------------------------------------------------- | ------------ |
-| Manage Sites                                              | Siteleri Yönet                                                              |              |
-| Allow connectivity to your network through secure tunnels | Güvenli tüneller aracılığıyla ağınıza bağlantı sağlayın                     |              |
-| Search sites                                              | Siteleri ara                                                                | placeholder  |
-| Add Site                                                  | Site Ekle                                                                   |              |
-| Name                                                      | Ad                                                                          | Table Header |
-| Online                                                    | Çevrimiçi                                                                   | Table Header |
-| Site                                                      | Site                                                                        | Table Header |
-| Data In                                                   | Gelen Veri                                                                  | Table Header |
-| Data Out                                                  | Giden Veri                                                                  | Table Header |
-| Connection Type                                           | Bağlantı Türü                                                               | Table Header |
-| Online                                                    | Çevrimiçi                                                                   | Site state   |
-| Offline                                                   | Çevrimdışı                                                                  | Site state   |
-| Edit →                                                    | Düzenle →                                                                   |              |
-| View settings                                             | Ayarları Görüntüle                                                          | Popup        |
-| Delete                                                    | Sil                                                                         | Popup        |
-
-##### Add Site Popup
-
-| EN                                                     | TR                                                                                          | Notes       |
-| ------------------------------------------------------ | ------------------------------------------------------------------------------------------- | ----------- |
-| Create Site                                            | Site Oluştur                                                                                |             |
-| Create a new site to start connection for this site    | Bu site için bağlantıyı başlatmak amacıyla yeni bir site oluşturun                          |             |
-| Name                                                   | Ad                                                                                          |             |
-| Site name                                              | Site adı                                                                                    | placeholder |
-| This is the name that will be displayed for this site. | Bu, site için görüntülenecek addır.                                                         | desc        |
-| Method                                                 | Yöntem                                                                                      |             |
-| Local                                                  | Yerel                                                                                       |             |
-| Newt                                                   | Newt                                                                                        |             |
-| WireGuard                                              | WireGuard                                                                                   |             |
-| This is how you will expose connections.               | Bağlantılarınızı bu şekilde açığa çıkaracaksınız.                                           |             |
-| You will only be able to see the configuration once.   | Yapılandırmayı yalnızca bir kez görüntüleyebilirsiniz.                                      |             |
-| Learn how to install Newt on your system               | Sisteminizde Newt'in nasıl kurulacağını öğrenin                                             |             |
-| I have copied the config                               | Yapılandırmayı kopyaladım                                                                   |             |
-| Create Site                                            | Site Oluştur                                                                                |             |
-| Close                                                  | Kapat                                                                                       |             |
-
----
-
-## Main “Resources”
-
-##### “Hero” section
-
-| EN                                                           | TR                                                                                                                             | Notes |
-| ------------------------------------------------------------ | ------------------------------------------------------------------------------------------------------------------------------ | ----- |
-| Resources                                                    | Kaynaklar                                                                                                                      |       |
-| Ressourcen sind Proxy-Server für Anwendungen, die in Ihrem privaten Netzwerk laufen. Erstellen Sie eine Ressource für jede HTTP- oder HTTPS-Anwendung in Ihrem privaten Netzwerk. Jede Ressource muss mit einer Website verbunden sein, um eine private und sichere Verbindung über den verschlüsselten WireGuard-Tunnel zu ermöglichen. | Kaynaklar, özel ağınızda çalışan uygulamalar için proxy sunucularıdır. Özel ağınızdaki her HTTP veya HTTPS uygulaması için bir kaynak oluşturun. Her kaynağın, şifrelenmiş WireGuard tüneli üzerinden özel ve güvenli bağlantı sağlamak üzere bir siteyle ilişkili olması gerekir. |       |
-| Secure connectivity with WireGuard encryption                | WireGuard şifrelemesiyle güvenli bağlantı                                                                                      |       |
-| Configure multiple authentication methods                    | Birden çok kimlik doğrulama yöntemini yapılandırın                                                                             |       |
-| User and role-based access control                           | Kullanıcı ve role dayalı erişim kontrolü                                                                                       |       |
-
-##### Content
-
-| EN                                                 | TR                                                            | Notes                |
-| -------------------------------------------------- | ------------------------------------------------------------- | -------------------- |
-| Manage Resources                                   | Kaynakları Yönet                                              |                      |
-| Create secure proxies to your private applications | Özel uygulamalarınız için güvenli proxy’ler oluşturun         |                      |
-| Search resources                                   | Kaynakları ara                                                | placeholder          |
-| Name                                               | Ad                                                            |                      |
-| Site                                               | Site                                                          |                      |
-| Full URL                                           | Tam URL                                                       |                      |
-| Authentication                                     | Kimlik Doğrulama                                              |                      |
-| Not Protected                                      | Korunmayan                                                    | authentication state |
-| Protected                                          | Korunan                                                       | authentication state |
-| Edit →                                             | Düzenle →                                                     |                      |
-| Add Resource                                       | Kaynak Ekle                                                   |                      |
-
-##### Add Resource Popup
-
-| EN                                                           | TR                                                                                              | Notes         |
-| ------------------------------------------------------------ | ----------------------------------------------------------------------------------------------- | ------------- |
-| Create Resource                                              | Kaynak Oluştur                                                                                  |               |
-| Create a new resource to proxy request to your app           | Uygulamanıza gelen istekleri yönlendirmek için yeni bir kaynak oluşturun                        |               |
-| Name                                                         | Ad                                                                                              |               |
-| My Resource                                                  | Kaynağım                                                                                        | name placeholder |
-| This is the name that will be displayed for this resource.   | Bu, kaynağın görüntülenecek adıdır.                                                             |               |
-| Subdomain                                                    | Alt alan adı                                                                                    |               |
-| Enter subdomain                                              | Alt alan adını girin                                                                            |               |
-| This is the fully qualified domain name that will be used to access the resource. | Kaynağa erişmek için kullanılacak tam nitelikli alan adıdır.               |               |
-| Site                                                         | Site                                                                                            |               |
-| Search site…                                                 | Site ara…                                                                                       | Site selector popup |
-| This is the site that will be used in the dashboard.         | Kontrol panelinde kullanılacak sitedir.                                                         |               |
-| Create Resource                                              | Kaynak Oluştur                                                                                  |               |
-| Close                                                        | Kapat                                                                                           |               |
-
----
-
-## Main “User & Roles”
-
-##### Content
-
-| EN                                                           | TR                                                                                         | Notes                         |
-| ------------------------------------------------------------ | ------------------------------------------------------------------------------------------ | ----------------------------- |
-| Manage User & Roles                                          | Kullanıcılar ve Rolleri Yönet                                                              |                               |
-| Invite users and add them to roles to manage access to your organization | Organizasyonunuza erişimi yönetmek için kullanıcıları davet edin ve rollere atayın |                               |
-| Users                                                        | Kullanıcılar                                                                               | sidebar item                  |
-| Roles                                                        | Roller                                                                                     | sidebar item                  |
-| **User tab**                                                 | **Kullanıcı Sekmesi**                                                                      |                               |
-| Search users                                                 | Kullanıcıları ara                                                                          | placeholder                   |
-| Invite User                                                  | Kullanıcı Davet Et                                                                         | addbutton                     |
-| Email                                                        | E-posta                                                                                    | table header                  |
-| Status                                                       | Durum                                                                                      | table header                  |
-| Role                                                         | Rol                                                                                        | table header                  |
-| Confirmed                                                    | Onaylandı                                                                                  | account status                |
-| Not confirmed (?)                                            | Onaylanmadı (?)                                                                            | account status                |
-| Owner                                                        | Sahip                                                                                      | role                          |
-| Admin                                                        | Yönetici                                                                                   | role                          |
-| Member                                                       | Üye                                                                                        | role                          |
-| **Roles Tab**                                                | **Roller Sekmesi**                                                                         |                               |
-| Search roles                                                 | Rolleri ara                                                                                | placeholder                   |
-| Add Role                                                     | Rol Ekle                                                                                   | addbutton                     |
-| Name                                                         | Ad                                                                                         | table header                  |
-| Description                                                  | Açıklama                                                                                   | table header                  |
-| Admin                                                        | Yönetici                                                                                   | role                          |
-| Member                                                       | Üye                                                                                        | role                          |
-| Admin role with the most permissions                         | En fazla yetkiye sahip yönetici rolü                                                       | admin role desc               |
-| Members can only view resources                              | Üyeler yalnızca kaynakları görüntüleyebilir                                                | member role desc              |
-
-##### Invite User popup
-
-| EN                | TR                                                                      | Notes       |
-| ----------------- | ----------------------------------------------------------------------- | ----------- |
-| Invite User       | Kullanıcı Davet Et                                                      |             |
-| Email             | E-posta                                                                 |             |
-| Enter an email    | Bir e-posta adresi girin                                                | placeholder |
-| Role              | Rol                                                                     |             |
-| Select role       | Rol seçin                                                               | placeholder |
-| Gültig für        | Geçerlilik Süresi                                                       |             |
-| 1 day             | 1 gün                                                                   |             |
-| 2 days            | 2 gün                                                                   |             |
-| 3 days            | 3 gün                                                                   |             |
-| 4 days            | 4 gün                                                                   |             |
-| 5 days            | 5 gün                                                                   |             |
-| 6 days            | 6 gün                                                                   |             |
-| 7 days            | 7 gün                                                                   |             |
-| Create Invitation | Davetiye Oluştur                                                        |             |
-| Close             | Kapat                                                                   |             |
-
----
-
-## Main “Shareable Links”
-
-##### “Hero” section
-
-| EN                                                           | TR                                                                                                                            | Notes |
-| ------------------------------------------------------------ | ----------------------------------------------------------------------------------------------------------------------------- | ----- |
-| Shareable Links                                              | Paylaşılabilir Bağlantılar                                                                                                    |       |
-| Create shareable links to your resources. Links provide temporary or unlimited access to your resource. You can configure the expiration duration of the link when you create one. | Kaynaklarınıza paylaşılabilir bağlantılar oluşturun. Bağlantılar, kaynağınıza geçici veya sınırsız erişim sağlar. Oluştururken bağlantının geçerlilik süresini ayarlayabilirsiniz. |       |
-| Easy to create and share                                     | Oluşturması ve paylaşması kolay                                                                                               |       |
-| Configurable expiration duration                             | Yapılandırılabilir geçerlilik süresi                                                                                          |       |
-| Secure and revocable                                         | Güvenli ve iptal edilebilir                                                                                                   |       |
-
-##### Content
-
-| EN                                                           | TR                                                                                       | Notes          |
-| ------------------------------------------------------------ | ---------------------------------------------------------------------------------------- | -------------- |
-| Manage Shareable Links                                       | Paylaşılabilir Bağlantıları Yönet                                                        |                |
-| Create shareable links to grant temporary or permanent access to your resources | Kaynaklarınıza geçici veya kalıcı erişim sağlamak için paylaşılabilir bağlantılar oluşturun |                |
-| Search links                                                 | Bağlantıları ara                                                                         | placeholder    |
-| Create Share Link                                            | Bağlantı Oluştur                                                                         | addbutton      |
-| Resource                                                     | Kaynak                                                                                   | table header   |
-| Title                                                        | Başlık                                                                                   | table header   |
-| Created                                                      | Oluşturulma Tarihi                                                                       | table header   |
-| Expires                                                      | Son Kullanma Tarihi                                                                      | table header   |
-| No links. Create one to get started.                         | Bağlantı yok. Başlamak için bir tane oluşturun.                                          | table placeholder |
-
-##### Create Shareable Link popup
-
-| EN                                                           | TR                                                                                                                     | Notes                   |
-| ------------------------------------------------------------ | ---------------------------------------------------------------------------------------------------------------------- | ----------------------- |
-| Create Shareable Link                                        | Paylaşılabilir Bağlantı Oluştur                                                                                        |                         |
-| Anyone with this link can access the resource                | Bu bağlantıya sahip olan herkes kaynağa erişebilir                                                                     |                         |
-| Resource                                                     | Kaynak                                                                                                                 |                         |
-| Select resource                                              | Kaynak seçin                                                                                                           |                         |
-| Search resources…                                            | Kaynak ara…                                                                                                            | resource selector popup |
-| Title (optional)                                             | Başlık (isteğe bağlı)                                                                                                  |                         |
-| Enter title                                                  | Başlık girin                                                                                                           | placeholder             |
-| Expire in                                                    | Sona Erme Süresi                                                                                                       |                         |
-| Minutes                                                      | Dakika                                                                                                                 |                         |
-| Hours                                                        | Saat                                                                                                                   |                         |
-| Days                                                         | Gün                                                                                                                    |                         |
-| Months                                                       | Ay                                                                                                                     |                         |
-| Years                                                        | Yıl                                                                                                                    |                         |
-| Never expire                                                 | Asla sona erme                                                                                                         |                         |
-| Expiration time is how long the link will be usable and provide access to the resource. After this time, the link will no longer work, and users who used this link will lose access to the resource. | Bağlantının geçerlilik süresi, bağlantının ne kadar süreyle kullanılabilir olacağını ve kaynağa erişim sağlayacağını belirler. Bu sürenin sonunda bağlantı çalışmaz hale gelir ve bağlantıyı kullananlar kaynağa erişimini kaybeder. |                         |
-| Create Link                                                  | Bağlantı Oluştur                                                                                                       |                         |
-| Close                                                        | Kapat                                                                                                                  |                         |
-
----
-
-## Main “General”
-
-| EN                                                           | TR                                                                                          | Notes        |
-| ------------------------------------------------------------ | ------------------------------------------------------------------------------------------- | ------------ |
-| General                                                      | Genel                                                                                       |              |
-| Configure your organization’s general settings               | Organizasyonunuzun genel ayarlarını yapılandırın                                            |              |
-| General                                                      | Genel                                                                                       | sidebar item |
-| Organization Settings                                        | Organizasyon Ayarları                                                                       |              |
-| Manage your organization details and configuration           | Organizasyonunuzun detaylarını ve yapılandırmasını yönetin                                  |              |
-| Name                                                         | Ad                                                                                          |              |
-| This is the display name of the org                          | Bu, organizasyonunuzun görüntülenecek adıdır.                                               |              |
-| Save Settings                                                | Ayarları Kaydet                                                                             |              |
-| Danger Zone                                                  | Tehlikeli Bölge                                                                             |              |
-| Once you delete this org, there is no going back. Please be certain. | Bu organizasyonu sildikten sonra geri dönüş yoktur. Lütfen emin olun.                       |              |
-| Delete Organization Data                                     | Organizasyon Verilerini Sil                                                                 |              |

next.config.mjs

@@ -1,4 +1,8 @@
-/** @type {import('next').NextConfig} */
+import createNextIntlPlugin from "next-intl/plugin";
+
+const withNextIntl = createNextIntlPlugin();
+
+/** @type {import("next").NextConfig} */
 const nextConfig = {
     eslint: {
         ignoreDuringBuilds: true
@@ -6,4 +10,4 @@ const nextConfig = {
     output: "standalone"
 };
 
-export default nextConfig;
+export default withNextIntl(nextConfig);

package.json

@@ -23,7 +23,8 @@
         "build:pg": "mkdir -p dist && next build && node esbuild.mjs -e server/index.ts -o dist/server.mjs && node esbuild.mjs -e server/setup/migrationsPg.ts -o dist/migrations.mjs",
         "start:sqlite": "DB_TYPE=sqlite NODE_OPTIONS=--enable-source-maps NODE_ENV=development ENVIRONMENT=prod sh -c 'node dist/migrations.mjs && node dist/server.mjs'",
         "start:pg": "DB_TYPE=pg NODE_OPTIONS=--enable-source-maps NODE_ENV=development ENVIRONMENT=prod sh -c 'node dist/migrations.mjs && node dist/server.mjs'",
-        "email": "email dev --dir server/emails/templates --port 3005"
+        "email": "email dev --dir server/emails/templates --port 3005",
+        "build:cli": "node esbuild.mjs -e cli/index.ts -o dist/cli.mjs"
     },
     "dependencies": {
         "@asteasolutions/zod-to-openapi": "^7.3.4",
@@ -81,6 +82,7 @@
         "lucide-react": "0.522.0",
         "moment": "2.30.1",
         "next": "15.3.4",
+        "next-intl": "^4.1.0",
         "next-themes": "0.4.6",
         "node-cache": "5.1.2",
         "node-fetch": "3.3.2",
@@ -105,7 +107,8 @@
         "winston-daily-rotate-file": "5.0.0",
         "ws": "8.18.2",
         "zod": "3.25.67",
-        "zod-validation-error": "3.5.2"
+        "zod-validation-error": "3.5.2",
+        "yargs": "18.0.0"
     },
     "devDependencies": {
         "@dotenvx/dotenvx": "1.45.1",

postcss.config.mjs

@@ -1,7 +1,7 @@
 /** @type {import('postcss-load-config').Config} */
 const config = {
     plugins: {
-        '@tailwindcss/postcss': {},
+        "@tailwindcss/postcss": {},
     },
 };
 

server/apiServer.ts

@@ -20,8 +20,9 @@ const externalPort = config.getRawConfig().server.external_port;
 export function createApiServer() {
     const apiServer = express();
 
-    if (config.getRawConfig().server.trust_proxy) {
+    const trustProxy = config.getRawConfig().server.trust_proxy;
-        apiServer.set("trust proxy", 1);
+    if (trustProxy) {
+        apiServer.set("trust proxy", trustProxy);
     }
 
     const corsConfig = config.getRawConfig().server.cors;

server/db/index.ts

@@ -1,2 +0,0 @@
-export * from "./sqlite";
-// export * from "./pg";

server/db/pg/driver.ts

@@ -1,16 +1,38 @@
 import { drizzle as DrizzlePostgres } from "drizzle-orm/node-postgres";
 import { readConfigFile } from "@server/lib/readConfigFile";
+import { withReplicas } from "drizzle-orm/pg-core";
 
 function createDb() {
     const config = readConfigFile();
 
-    const connectionString = config.postgres?.connection_string;
+    if (!config.postgres) {
-
+        throw new Error(
-    if (!connectionString) {
+            "Postgres configuration is missing in the configuration file."
-        throw new Error("Postgres connection string is not defined in the configuration file.");
+        );
     }
 
-    return DrizzlePostgres(connectionString);
+    const connectionString = config.postgres?.connection_string;
+    const replicaConnections = config.postgres?.replicas || [];
+
+    if (!connectionString) {
+        throw new Error(
+            "A primary db connection string is required in the configuration file."
+        );
+    }
+
+    const primary = DrizzlePostgres(connectionString);
+    const replicas = [];
+
+    if (!replicaConnections.length) {
+        replicas.push(primary);
+    } else {
+        for (const conn of replicaConnections) {
+            const replica = DrizzlePostgres(conn.connection_string);
+            replicas.push(replica);
+        }
+    }
+
+    return withReplicas(primary, replicas as any);
 }
 
 export const db = createDb();

server/db/sqlite/driver.ts

@@ -5,7 +5,6 @@ import path from "path";
 import fs from "fs/promises";
 import { APP_PATH } from "@server/lib/consts";
 import { existsSync, mkdirSync } from "fs";
-import { readConfigFile } from "@server/lib/readConfigFile";
 
 export const location = path.join(APP_PATH, "db", "db.sqlite");
 export const exists = await checkFileExists(location);
@@ -13,8 +12,6 @@ export const exists = await checkFileExists(location);
 bootstrapVolume();
 
 function createDb() {
-    const config = readConfigFile();
-
     const sqlite = new Database(location);
     return DrizzleSqlite(sqlite, { schema });
 }

server/lib/config.ts

@@ -5,6 +5,7 @@ import { SupporterKey, supporterKey } from "@server/db";
 import { eq } from "drizzle-orm";
 import { license } from "@server/license/license";
 import { configSchema, readConfigFile } from "./readConfigFile";
+import { fromError } from "zod-validation-error";
 
 export class Config {
     private rawConfig!: z.infer<typeof configSchema>;
@@ -20,7 +21,35 @@ export class Config {
     }
 
     public load() {
-        const parsedConfig = readConfigFile();
+        const environment = readConfigFile();
+
+        const {
+            data: parsedConfig,
+            success,
+            error
+        } = configSchema.safeParse(environment);
+
+        if (!success) {
+            const errors = fromError(error);
+            throw new Error(`Invalid configuration file: ${errors}`);
+        }
+
+        if (process.env.APP_BASE_DOMAIN) {
+            console.log(
+                "WARNING: You're using deprecated environment variables. Transition to the configuration file. https://docs.fossorial.io/"
+            );
+        }
+
+        if (
+            // @ts-ignore
+            parsedConfig.users ||
+            process.env.USERS_SERVERADMIN_EMAIL ||
+            process.env.USERS_SERVERADMIN_PASSWORD
+        ) {
+            console.log(
+                "WARNING: Your admin credentials are still in the config file or environment variables. This method of setting admin credentials is no longer supported. It is recommended to remove them."
+            );
+        }
 
         process.env.APP_VERSION = APP_VERSION;
 

server/lib/consts.ts

@@ -2,7 +2,7 @@ import path from "path";
 import { fileURLToPath } from "url";
 
 // This is a placeholder value replaced by the build process
-export const APP_VERSION = "1.5.1";
+export const APP_VERSION = "1.6.0";
 
 export const __FILENAME = fileURLToPath(import.meta.url);
 export const __DIRNAME = path.dirname(__FILENAME);

server/lib/readConfigFile.ts

@@ -112,7 +112,7 @@ export const configSchema = z.object({
                 credentials: z.boolean().optional()
             })
             .optional(),
-        trust_proxy: z.boolean().optional().default(true),
+        trust_proxy: z.number().int().gte(0).optional().default(1),
         secret: z
             .string()
             .optional()
@@ -121,9 +121,16 @@ export const configSchema = z.object({
     }),
     postgres: z
         .object({
-            connection_string: z.string().optional()
+            connection_string: z.string(),
+            replicas: z
+                .array(
+                    z.object({
+                        connection_string: z.string()
                     })
-        .default({}),
+                )
+                .optional()
+        })
+        .optional(),
     traefik: z
         .object({
             http_entrypoint: z.string().optional().default("web"),
@@ -190,21 +197,6 @@ export const configSchema = z.object({
             no_reply: z.string().email().optional()
         })
         .optional(),
-    users: z.object({
-        server_admin: z.object({
-            email: z
-                .string()
-                .email()
-                .optional()
-                .transform(getEnvOrYaml("USERS_SERVERADMIN_EMAIL"))
-                .pipe(z.string().email())
-                .transform((v) => v.toLowerCase()),
-            password: passwordSchema
-                .optional()
-                .transform(getEnvOrYaml("USERS_SERVERADMIN_PASSWORD"))
-                .pipe(passwordSchema)
-        })
-    }),
     flags: z
         .object({
             require_email_verification: z.boolean().optional(),
@@ -241,24 +233,11 @@ export function readConfigFile() {
         environment = loadConfig(configFilePath2);
     }
 
-    if (process.env.APP_BASE_DOMAIN) {
-        console.log(
-            "You're using deprecated environment variables. Transition to the configuration file. https://docs.fossorial.io/"
-        );
-    }
-
     if (!environment) {
         throw new Error(
             "No configuration file found. Please create one. https://docs.fossorial.io/"
         );
     }
 
-    const parsedConfig = configSchema.safeParse(environment);
+    return environment;
-
-    if (!parsedConfig.success) {
-        const errors = fromError(parsedConfig.error);
-        throw new Error(`Invalid configuration file: ${errors}`);
-    }
-
-    return parsedConfig.data;
 }

server/lib/stoi.ts

@@ -1,6 +1,6 @@
 export default function stoi(val: any) {
     if (typeof val === "string") {
-        return parseInt(val) 
+        return parseInt(val); 
     }
     else {
         return val;  

server/routers/auth/index.ts

@@ -10,3 +10,5 @@ export * from "./changePassword";
 export * from "./requestPasswordReset";
 export * from "./resetPassword";
 export * from "./checkResourceSession";
+export * from "./setServerAdmin";
+export * from "./initialSetupComplete";

server/routers/auth/initialSetupComplete.ts

@@ -0,0 +1,42 @@
+import { NextFunction, Request, Response } from "express";
+import HttpCode from "@server/types/HttpCode";
+import createHttpError from "http-errors";
+import logger from "@server/logger";
+import { response } from "@server/lib";
+import { db, users } from "@server/db";
+import { eq } from "drizzle-orm";
+
+export type InitialSetupCompleteResponse = {
+    complete: boolean;
+};
+
+export async function initialSetupComplete(
+    req: Request,
+    res: Response,
+    next: NextFunction
+): Promise<any> {
+    try {
+        const [existing] = await db
+            .select()
+            .from(users)
+            .where(eq(users.serverAdmin, true));
+
+        return response<InitialSetupCompleteResponse>(res, {
+            data: {
+                complete: !!existing
+            },
+            success: true,
+            error: false,
+            message: "Initial setup check completed",
+            status: HttpCode.OK
+        });
+    } catch (e) {
+        logger.error(e);
+        return next(
+            createHttpError(
+                HttpCode.INTERNAL_SERVER_ERROR,
+                "Failed to check initial setup completion"
+            )
+        );
+    }
+}

server/routers/auth/login.ts

@@ -23,8 +23,8 @@ export const loginBodySchema = z
     .object({
         email: z
             .string()
-            .email()
+            .toLowerCase()
-            .transform((v) => v.toLowerCase()),
+            .email(),
         password: z.string(),
         code: z.string().optional()
     })

server/routers/auth/logout.ts

@@ -34,7 +34,7 @@ export async function logout(
         try {
             await invalidateSession(session.sessionId);
         } catch (error) {
-            logger.error("Failed to invalidate session", error)
+            logger.error("Failed to invalidate session", error);
         }
 
         const isSecure = req.protocol === "https";

server/routers/auth/requestPasswordReset.ts

@@ -20,8 +20,8 @@ export const requestPasswordResetBody = z
     .object({
         email: z
             .string()
-            .email()
+            .toLowerCase()
-            .transform((v) => v.toLowerCase())
+            .email(),
     })
     .strict();
 

server/routers/auth/resetPassword.ts

@@ -21,8 +21,8 @@ export const resetPasswordBody = z
     .object({
         email: z
             .string()
-            .email()
+            .toLowerCase()
-            .transform((v) => v.toLowerCase()),
+            .email(),
         token: z.string(), // reset secret code
         newPassword: passwordSchema,
         code: z.string().optional() // 2fa code

server/routers/auth/setServerAdmin.ts

@@ -0,0 +1,88 @@
+import { NextFunction, Request, Response } from "express";
+import HttpCode from "@server/types/HttpCode";
+import { z } from "zod";
+import { fromError } from "zod-validation-error";
+import createHttpError from "http-errors";
+import { generateId } from "@server/auth/sessions/app";
+import logger from "@server/logger";
+import { hashPassword } from "@server/auth/password";
+import { passwordSchema } from "@server/auth/passwordSchema";
+import { response } from "@server/lib";
+import { db, users } from "@server/db";
+import { eq } from "drizzle-orm";
+import { UserType } from "@server/types/UserTypes";
+import moment from "moment";
+
+export const bodySchema = z.object({
+    email: z.string().toLowerCase().email(),
+    password: passwordSchema
+});
+
+export type SetServerAdminBody = z.infer<typeof bodySchema>;
+
+export type SetServerAdminResponse = null;
+
+export async function setServerAdmin(
+    req: Request,
+    res: Response,
+    next: NextFunction
+): Promise<any> {
+    try {
+        const parsedBody = bodySchema.safeParse(req.body);
+
+        if (!parsedBody.success) {
+            return next(
+                createHttpError(
+                    HttpCode.BAD_REQUEST,
+                    fromError(parsedBody.error).toString()
+                )
+            );
+        }
+
+        const { email, password } = parsedBody.data;
+
+        const [existing] = await db
+            .select()
+            .from(users)
+            .where(eq(users.serverAdmin, true));
+
+        if (existing) {
+            return next(
+                createHttpError(
+                    HttpCode.BAD_REQUEST,
+                    "Server admin already exists"
+                )
+            );
+        }
+
+        const passwordHash = await hashPassword(password);
+        const userId = generateId(15);
+
+        await db.insert(users).values({
+            userId: userId,
+            email: email,
+            type: UserType.Internal,
+            username: email,
+            passwordHash,
+            dateCreated: moment().toISOString(),
+            serverAdmin: true,
+            emailVerified: true
+        });
+
+        return response<SetServerAdminResponse>(res, {
+            data: null,
+            success: true,
+            error: false,
+            message: "Server admin set successfully",
+            status: HttpCode.OK
+        });
+    } catch (e) {
+        logger.error(e);
+        return next(
+            createHttpError(
+                HttpCode.INTERNAL_SERVER_ERROR,
+                "Failed to set server admin"
+            )
+        );
+    }
+}

server/routers/auth/signup.ts

@@ -26,8 +26,8 @@ import { UserType } from "@server/types/UserTypes";
 export const signupBodySchema = z.object({
     email: z
         .string()
-        .email()
+        .toLowerCase()
-        .transform((v) => v.toLowerCase()),
+        .email(),
     password: passwordSchema,
     inviteToken: z.string().optional(),
     inviteId: z.string().optional()

server/routers/external.ts

@@ -785,3 +785,6 @@ authRouter.post("/access-token", resource.authWithAccessToken);
 authRouter.post("/idp/:idpId/oidc/generate-url", idp.generateOidcUrl);
 
 authRouter.post("/idp/:idpId/oidc/validate-callback", idp.validateOidcCallback);
+
+authRouter.put("/set-server-admin", auth.setServerAdmin);
+authRouter.get("/initial-setup-complete", auth.initialSetupComplete);

server/routers/gerbil/peers.ts

@@ -28,7 +28,7 @@ export async function addPeer(exitNodeId: number, peer: {
         return response.data;
     } catch (error) {
         if (axios.isAxiosError(error)) {
-            throw new Error(`HTTP error! status: ${error.response?.status}`);
+            throw new Error(`Error communicating with Gerbil. Make sure Pangolin can reach the Gerbil HTTP API: ${error.response?.status}`);
         }
         throw error;
     }
@@ -48,7 +48,7 @@ export async function deletePeer(exitNodeId: number, publicKey: string) {
         return response.data;
     } catch (error) {
         if (axios.isAxiosError(error)) {
-            throw new Error(`HTTP error! status: ${error.response?.status}`);
+            throw new Error(`Error communicating with Gerbil. Make sure Pangolin can reach the Gerbil HTTP API: ${error.response?.status}`);
         }
         throw error;
     }

server/routers/idp/validateOidcCallback.ts

@@ -172,10 +172,10 @@ export async function validateOidcCallback(
         const claims = arctic.decodeIdToken(idToken);
         logger.debug("ID token claims", { claims });
 
-        const userIdentifier = jmespath.search(
+        let userIdentifier = jmespath.search(
             claims,
             existingIdp.idpOidcConfig.identifierPath
-        );
+        ) as string | null;
 
         if (!userIdentifier) {
             return next(
@@ -186,6 +186,8 @@ export async function validateOidcCallback(
             );
         }
 
+        userIdentifier = userIdentifier.toLowerCase();
+
         logger.debug("User identifier", { userIdentifier });
 
         let email = null;
@@ -209,6 +211,10 @@ export async function validateOidcCallback(
         logger.debug("User email", { email });
         logger.debug("User name", { name });
 
+        if (email) {
+            email = email.toLowerCase();
+        }
+
         const [existingUser] = await db
             .select()
             .from(users)

server/routers/resource/authWithWhitelist.ts

@@ -22,8 +22,8 @@ const authWithWhitelistBodySchema = z
     .object({
         email: z
             .string()
-            .email()
+            .toLowerCase()
-            .transform((v) => v.toLowerCase()),
+            .email(),
         otp: z.string().optional()
     })
     .strict();

server/routers/resource/createResource.ts

@@ -39,7 +39,7 @@ const createHttpResourceSchema = z
         isBaseDomain: z.boolean().optional(),
         siteId: z.number(),
         http: z.boolean(),
-        protocol: z.string(),
+        protocol: z.enum(["tcp", "udp"]),
         domainId: z.string()
     })
     .strict()
@@ -71,7 +71,7 @@ const createRawResourceSchema = z
         name: z.string().min(1).max(255),
         siteId: z.number(),
         http: z.boolean(),
-        protocol: z.string(),
+        protocol: z.enum(["tcp", "udp"]),
         proxyPort: z.number().int().min(1).max(65535)
     })
     .strict()
@@ -85,7 +85,7 @@ const createRawResourceSchema = z
             return true;
         },
         {
-            message: "Proxy port cannot be set"
+            message: "Raw resources are not allowed"
         }
     );
 
@@ -392,7 +392,7 @@ async function createRawResource(
             resourceId: newResource[0].resourceId
         });
 
-        if (req.userOrgRoleId != adminRole[0].roleId) {
+        if (req.user && req.userOrgRoleId != adminRole[0].roleId) {
             // make sure the user can access the resource
             await trx.insert(userResources).values({
                 userId: req.user?.userId!,

server/routers/user/createOrgUser.ts

@@ -21,6 +21,7 @@ const bodySchema = z
     .object({
         email: z
             .string()
+            .toLowerCase()
             .optional()
             .refine((data) => {
                 if (data) {
@@ -28,7 +29,7 @@ const bodySchema = z
                 }
                 return true;
             }),
-        username: z.string().nonempty(),
+        username: z.string().nonempty().toLowerCase(),
         name: z.string().optional(),
         type: z.enum(["internal", "oidc"]).optional(),
         idpId: z.number().optional(),

server/routers/user/inviteUser.ts

@@ -30,8 +30,8 @@ const inviteUserBodySchema = z
     .object({
         email: z
             .string()
-            .email()
+            .toLowerCase()
-            .transform((v) => v.toLowerCase()),
+            .email(),
         roleId: z.number(),
         validHours: z.number().gt(0).lte(168),
         sendEmail: z.boolean().optional(),

server/routers/user/removeUserOrg.ts

@@ -1,8 +1,8 @@
 import { Request, Response, NextFunction } from "express";
 import { z } from "zod";
-import { db } from "@server/db";
+import { db, resources, sites } from "@server/db";
 import { userOrgs, userResources, users, userSites } from "@server/db";
-import { and, eq } from "drizzle-orm";
+import { and, eq, exists } from "drizzle-orm";
 import response from "@server/lib/response";
 import HttpCode from "@server/types/HttpCode";
 import createHttpError from "http-errors";
@@ -50,7 +50,7 @@ export async function removeUserOrg(
         const user = await db
             .select()
             .from(userOrgs)
-            .where(eq(userOrgs.userId, userId));
+            .where(and(eq(userOrgs.userId, userId), eq(userOrgs.orgId, orgId)));
 
         if (!user || user.length === 0) {
             return next(createHttpError(HttpCode.NOT_FOUND, "User not found"));
@@ -72,11 +72,42 @@ export async function removeUserOrg(
                     and(eq(userOrgs.userId, userId), eq(userOrgs.orgId, orgId))
                 );
 
-            await trx
+            await db.delete(userResources).where(
-                .delete(userResources)
+                and(
-                .where(eq(userResources.userId, userId));
+                    eq(userResources.userId, userId),
+                    exists(
+                        db
+                            .select()
+                            .from(resources)
+                            .where(
+                                and(
+                                    eq(
+                                        resources.resourceId,
+                                        userResources.resourceId
+                                    ),
+                                    eq(resources.orgId, orgId)
+                                )
+                            )
+                    )
+                )
+            );
 
-            await trx.delete(userSites).where(eq(userSites.userId, userId));
+            await db.delete(userSites).where(
+                and(
+                    eq(userSites.userId, userId),
+                    exists(
+                        db
+                            .select()
+                            .from(sites)
+                            .where(
+                                and(
+                                    eq(sites.siteId, userSites.siteId),
+                                    eq(sites.orgId, orgId)
+                                )
+                            )
+                    )
+                )
+            );
         });
 
         return response(res, {

server/setup/index.ts

@@ -1,13 +1,11 @@
 import { ensureActions } from "./ensureActions";
 import { copyInConfig } from "./copyInConfig";
-import { setupServerAdmin } from "./setupServerAdmin";
 import logger from "@server/logger";
 import { clearStaleData } from "./clearStaleData";
 
 export async function runSetupFunctions() {
     try {
         await copyInConfig(); // copy in the config to the db as needed
-        await setupServerAdmin();
         await ensureActions(); // make sure all of the actions are in the db and the roles
         await clearStaleData();
     } catch (error) {

server/setup/migrationsPg.ts

@@ -2,14 +2,16 @@ import { migrate } from "drizzle-orm/node-postgres/migrator";
 import { db } from "../db/pg";
 import semver from "semver";
 import { versionMigrations } from "../db/pg";
-import { __DIRNAME, APP_PATH, APP_VERSION } from "@server/lib/consts";
+import { __DIRNAME, APP_VERSION } from "@server/lib/consts";
 import path from "path";
+import m1 from "./scriptsSqlite/1.6.0";
 
 // THIS CANNOT IMPORT ANYTHING FROM THE SERVER
 // EXCEPT FOR THE DATABASE AND THE SCHEMA
 
 // Define the migration list with versions and their corresponding functions
 const migrations = [
+    { version: "1.6.0", run: m1 }
     // Add new migrations here as they are created
 ] as {
     version: string;

server/setup/migrationsSqlite.ts

@@ -21,6 +21,7 @@ import m17 from "./scriptsSqlite/1.1.0";
 import m18 from "./scriptsSqlite/1.2.0";
 import m19 from "./scriptsSqlite/1.3.0";
 import m20 from "./scriptsSqlite/1.5.0";
+import m21 from "./scriptsSqlite/1.6.0";
 
 // THIS CANNOT IMPORT ANYTHING FROM THE SERVER
 // EXCEPT FOR THE DATABASE AND THE SCHEMA
@@ -42,6 +43,7 @@ const migrations = [
     { version: "1.2.0", run: m18 },
     { version: "1.3.0", run: m19 },
     { version: "1.5.0", run: m20 },
+    { version: "1.6.0", run: m21 }
     // Add new migrations here as they are created
 ] as const;
 

server/setup/scriptsPg/1.6.0.ts

@@ -0,0 +1,57 @@
+import { db } from "@server/db/pg/driver";
+import { configFilePath1, configFilePath2 } from "@server/lib/consts";
+import { sql } from "drizzle-orm";
+import fs from "fs";
+import yaml from "js-yaml";
+
+const version = "1.6.0";
+
+export default async function migration() {
+    console.log(`Running setup script ${version}...`);
+
+    try {
+        db.execute(sql`UPDATE 'user' SET email = LOWER(email);`);
+        db.execute(sql`UPDATE 'user' SET username = LOWER(username);`);
+        console.log(`Migrated database schema`);
+    } catch (e) {
+        console.log("Unable to make all usernames and emails lowercase");
+        console.log(e);
+    }
+
+    try {
+        // Determine which config file exists
+        const filePaths = [configFilePath1, configFilePath2];
+        let filePath = "";
+        for (const path of filePaths) {
+            if (fs.existsSync(path)) {
+                filePath = path;
+                break;
+            }
+        }
+
+        if (!filePath) {
+            throw new Error(
+                `No config file found (expected config.yml or config.yaml).`
+            );
+        }
+
+        // Read and parse the YAML file
+        let rawConfig: any;
+        const fileContents = fs.readFileSync(filePath, "utf8");
+        rawConfig = yaml.load(fileContents);
+
+        if (rawConfig.server?.trust_proxy) {
+            rawConfig.server.trust_proxy = 1;
+        }
+
+        // Write the updated YAML back to the file
+        const updatedYaml = yaml.dump(rawConfig);
+        fs.writeFileSync(filePath, updatedYaml, "utf8");
+
+        console.log(`Set trust_proxy to 1 in config file`);
+    } catch (e) {
+        console.log(`Unable to migrate config file. Error: ${e}`);
+    }
+
+    console.log(`${version} migration complete`);
+}

server/setup/scriptsSqlite/1.0.0-beta6.ts

@@ -44,8 +44,8 @@ export default async function migration() {
         const updatedYaml = yaml.dump(rawConfig);
         fs.writeFileSync(filePath, updatedYaml, "utf8");
     } catch (error) {
-        console.log("We were unable to add CORS to your config file. Please add it manually.")
+        console.log("We were unable to add CORS to your config file. Please add it manually.");
-        console.error(error)
+        console.error(error);
     }
 
     console.log("Done.");

server/setup/scriptsSqlite/1.6.0.ts

@@ -0,0 +1,66 @@
+import { APP_PATH, configFilePath1, configFilePath2 } from "@server/lib/consts";
+import Database from "better-sqlite3";
+import fs from "fs";
+import yaml from "js-yaml";
+import path from "path";
+
+const version = "1.6.0";
+
+export default async function migration() {
+    console.log(`Running setup script ${version}...`);
+
+    const location = path.join(APP_PATH, "db", "db.sqlite");
+    const db = new Database(location);
+
+    try {
+        db.pragma("foreign_keys = OFF");
+        db.transaction(() => {
+            db.exec(`
+              UPDATE 'user' SET email = LOWER(email);
+              UPDATE 'user' SET username = LOWER(username);
+            `);
+        })(); // <-- executes the transaction immediately
+        db.pragma("foreign_keys = ON");
+        console.log(`Migrated database schema`);
+    } catch (e) {
+        console.log("Unable to make all usernames and emails lowercase");
+        console.log(e);
+    }
+
+    try {
+        // Determine which config file exists
+        const filePaths = [configFilePath1, configFilePath2];
+        let filePath = "";
+        for (const path of filePaths) {
+            if (fs.existsSync(path)) {
+                filePath = path;
+                break;
+            }
+        }
+
+        if (!filePath) {
+            throw new Error(
+                `No config file found (expected config.yml or config.yaml).`
+            );
+        }
+
+        // Read and parse the YAML file
+        let rawConfig: any;
+        const fileContents = fs.readFileSync(filePath, "utf8");
+        rawConfig = yaml.load(fileContents);
+
+        if (rawConfig.server?.trust_proxy) {
+            rawConfig.server.trust_proxy = 1;
+        }
+
+        // Write the updated YAML back to the file
+        const updatedYaml = yaml.dump(rawConfig);
+        fs.writeFileSync(filePath, updatedYaml, "utf8");
+
+        console.log(`Set trust_proxy to 1 in config file`);
+    } catch (e) {
+        console.log(`Unable to migrate config file. Please do it manually. Error: ${e}`);
+    }
+
+    console.log(`${version} migration complete`);
+}

server/setup/setupServerAdmin.ts

@@ -1,84 +0,0 @@
-import { generateId, invalidateAllSessions } from "@server/auth/sessions/app";
-import { hashPassword, verifyPassword } from "@server/auth/password";
-import config from "@server/lib/config";
-import { db } from "@server/db";
-import { users } from "@server/db";
-import logger from "@server/logger";
-import { eq } from "drizzle-orm";
-import moment from "moment";
-import { fromError } from "zod-validation-error";
-import { passwordSchema } from "@server/auth/passwordSchema";
-import { UserType } from "@server/types/UserTypes";
-
-export async function setupServerAdmin() {
-    const {
-        server_admin: { email, password }
-    } = config.getRawConfig().users;
-
-    const parsed = passwordSchema.safeParse(password);
-
-    if (!parsed.success) {
-        throw Error(
-            `Invalid server admin password: ${fromError(parsed.error).toString()}`
-        );
-    }
-
-    const passwordHash = await hashPassword(password);
-
-    await db.transaction(async (trx) => {
-        try {
-            const [existing] = await trx
-                .select()
-                .from(users)
-                .where(eq(users.serverAdmin, true));
-
-            if (existing) {
-                const passwordChanged = !(await verifyPassword(
-                    password,
-                    existing.passwordHash!
-                ));
-
-                if (passwordChanged) {
-                    await trx
-                        .update(users)
-                        .set({ passwordHash })
-                        .where(eq(users.userId, existing.userId));
-
-                    // this isn't using the transaction, but it's probably fine
-                    await invalidateAllSessions(existing.userId);
-
-                    logger.info(`Server admin password updated`);
-                }
-
-                if (existing.email !== email) {
-                    await trx
-                        .update(users)
-                        .set({ email })
-                        .where(eq(users.userId, existing.userId));
-
-                    logger.info(`Server admin email updated`);
-                }
-            } else {
-                const userId = generateId(15);
-
-                await trx.update(users).set({ serverAdmin: false });
-
-                await db.insert(users).values({
-                    userId: userId,
-                    email: email,
-                    type: UserType.Internal,
-                    username: email,
-                    passwordHash,
-                    dateCreated: moment().toISOString(),
-                    serverAdmin: true,
-                    emailVerified: true
-                });
-
-                logger.info(`Server admin created`);
-            }
-        } catch (e) {
-            logger.error(e);
-            trx.rollback();
-        }
-    });
-}

src/app/[orgId]/OrganizationLandingCard.tsx

@@ -11,6 +11,7 @@ import {
 } from "@/components/ui/card";
 import { Button } from "@/components/ui/button";
 import { Users, Globe, Database, Cog, Settings, Waypoints, Combine } from "lucide-react";
+import { useTranslations } from "next-intl";
 
 interface OrgStat {
     label: string;
@@ -38,19 +39,21 @@ export default function OrganizationLandingCard(
 ) {
     const [orgData] = useState(props);
 
+    const t = useTranslations();
+
     const orgStats: OrgStat[] = [
         {
-            label: "Sites",
+            label: t('sites'),
             value: orgData.overview.stats.sites,
             icon: <Combine className="h-6 w-6" />
         },
         {
-            label: "Resources",
+            label: t('resources'),
             value: orgData.overview.stats.resources,
             icon: <Waypoints className="h-6 w-6" />
         },
         {
-            label: "Users",
+            label: t('users'),
             value: orgData.overview.stats.users,
             icon: <Users className="h-6 w-6" />
         }
@@ -81,9 +84,9 @@ export default function OrganizationLandingCard(
                     ))}
                 </div>
                 <div className="text-center text-lg">
-                    Your role:{" "}
+                    {t('accessRoleYour')}{" "}
                     <span className="font-semibold">
-                        {orgData.overview.isOwner ? "Owner" : orgData.overview.userRole}
+                        {orgData.overview.isOwner ? t('accessRoleOwner') : orgData.overview.userRole}
                     </span>
                 </div>
             </CardContent>
@@ -92,7 +95,7 @@ export default function OrganizationLandingCard(
                     <Link href={`/${orgData.overview.orgId}/settings`}>
                         <Button size="lg" className="w-full md:w-auto">
                             <Settings className="mr-2 h-4 w-4" />
-                            Organization Settings
+                            {t('orgGeneralSettings')}
                         </Button>
                     </Link>
                 </CardFooter>

src/app/[orgId]/settings/access/AccessPageHeaderAndNav.tsx

@@ -2,6 +2,7 @@
 
 import { HorizontalTabs } from "@app/components/HorizontalTabs";
 import SettingsSectionTitle from "@app/components/SettingsSectionTitle";
+import { useTranslations } from "next-intl";
 
 interface AccessPageHeaderAndNavProps {
     children: React.ReactNode;
@@ -12,20 +13,22 @@ export default function AccessPageHeaderAndNav({
     children,
     hasInvitations
 }: AccessPageHeaderAndNavProps) {
+    const t = useTranslations();
+    
     const navItems = [
         {
-            title: "Users",
+            title: t('users'),
             href: `/{orgId}/settings/access/users`
         },
         {
-            title: "Roles",
+            title: t('roles'),
             href: `/{orgId}/settings/access/roles`
         }
     ];
 
     if (hasInvitations) {
         navItems.push({
-            title: "Invitations",
+            title: t('invite'),
             href: `/{orgId}/settings/access/invitations`
         });
     }
@@ -33,8 +36,8 @@ export default function AccessPageHeaderAndNav({
     return (
         <>
             <SettingsSectionTitle
-                title="Manage Users & Roles"
+                title={t('accessUsersRoles')}
-                description="Invite users and add them to roles to manage access to your organization"
+                description={t('accessUsersRolesDescription')}
             />
 
             <HorizontalTabs items={navItems}>

src/app/[orgId]/settings/access/invitations/InvitationsDataTable.tsx

@@ -4,6 +4,7 @@ import {
     ColumnDef,
 } from "@tanstack/react-table";
 import { DataTable } from "@app/components/ui/data-table";
+import { useTranslations } from 'next-intl';
 
 interface DataTableProps<TData, TValue> {
     columns: ColumnDef<TData, TValue>[];
@@ -14,12 +15,15 @@ export function InvitationsDataTable<TData, TValue>({
     columns,
     data
 }: DataTableProps<TData, TValue>) {
+
+    const t = useTranslations();
+
     return (
         <DataTable
             columns={columns}
             data={data}
-            title="Invitations"
+            title={t('invite')}
-            searchPlaceholder="Search invitations..."
+            searchPlaceholder={t('inviteSearch')}
             searchColumn="email"
         />
     );

src/app/[orgId]/settings/access/invitations/InvitationsTable.tsx

@@ -17,6 +17,7 @@ import { useOrgContext } from "@app/hooks/useOrgContext";
 import { toast } from "@app/hooks/useToast";
 import { createApiClient } from "@app/lib/api";
 import { useEnvContext } from "@app/hooks/useEnvContext";
+import { useTranslations } from "next-intl";
 
 export type InvitationRow = {
     id: string;
@@ -39,6 +40,8 @@ export default function InvitationsTable({
     const [selectedInvitation, setSelectedInvitation] =
         useState<InvitationRow | null>(null);
 
+    const t = useTranslations();
+
     const api = createApiClient(useEnvContext());
     const { org } = useOrgContext();
 
@@ -51,7 +54,7 @@ export default function InvitationsTable({
                     <DropdownMenu>
                         <DropdownMenuTrigger asChild>
                             <Button variant="ghost" className="h-8 w-8 p-0">
-                                <span className="sr-only">Open menu</span>
+                                <span className="sr-only">{t('openMenu')}</span>
                                 <MoreHorizontal className="h-4 w-4" />
                             </Button>
                         </DropdownMenuTrigger>
@@ -62,7 +65,7 @@ export default function InvitationsTable({
                                     setSelectedInvitation(invitation);
                                 }}
                             >
-                                <span>Regenerate Invitation</span>
+                                <span>{t('inviteRegenerate')}</span>
                             </DropdownMenuItem>
                             <DropdownMenuItem
                                 onClick={() => {
@@ -71,7 +74,7 @@ export default function InvitationsTable({
                                 }}
                             >
                                 <span className="text-red-500">
-                                    Remove Invitation
+                                    {t('inviteRemove')}
                                 </span>
                             </DropdownMenuItem>
                         </DropdownMenuContent>
@@ -81,11 +84,11 @@ export default function InvitationsTable({
         },
         {
             accessorKey: "email",
-            header: "Email"
+            header: t('email')
         },
         {
             accessorKey: "expiresAt",
-            header: "Expires At",
+            header: t('expiresAt'),
             cell: ({ row }) => {
                 const expiresAt = new Date(row.original.expiresAt);
                 const isExpired = expiresAt < new Date();
@@ -99,7 +102,7 @@ export default function InvitationsTable({
         },
         {
             accessorKey: "role",
-            header: "Role"
+            header: t('role')
         }
     ];
 
@@ -112,17 +115,16 @@ export default function InvitationsTable({
                 .catch((e) => {
                     toast({
                         variant: "destructive",
-                        title: "Failed to remove invitation",
+                        title: t('inviteRemoveError'),
-                        description:
+                        description: t('inviteRemoveErrorDescription')
-                            "An error occurred while removing the invitation."
                     });
                 });
 
             if (res && res.status === 200) {
                 toast({
                     variant: "default",
-                    title: "Invitation removed",
+                    title: t('inviteRemoved'),
-                    description: `The invitation for ${selectedInvitation.email} has been removed.`
+                    description: t('inviteRemovedDescription', {email: selectedInvitation.email})
                 });
 
                 setInvitations((prev) =>
@@ -146,23 +148,20 @@ export default function InvitationsTable({
                 dialog={
                     <div className="space-y-4">
                         <p>
-                            Are you sure you want to remove the invitation for{" "}
+                            {t('inviteQuestionRemove', {email: selectedInvitation?.email || ""})}
-                            <b>{selectedInvitation?.email}</b>?
                         </p>
                         <p>
-                            Once removed, this invitation will no longer be
+                            {t('inviteMessageRemove')}
-                            valid. You can always re-invite the user later.
                         </p>
                         <p>
-                            To confirm, please type the email address of the
+                            {t('inviteMessageConfirm')}
-                            invitation below.
                         </p>
                     </div>
                 }
-                buttonText="Confirm Remove Invitation"
+                buttonText={t('inviteRemoveConfirm')}
                 onConfirm={removeInvitation}
                 string={selectedInvitation?.email ?? ""}
-                title="Remove Invitation"
+                title={t('inviteRemove')}
             />
             <RegenerateInvitationForm
                 open={isRegenerateModalOpen}

src/app/[orgId]/settings/access/invitations/RegenerateInvitationForm.tsx

@@ -24,6 +24,7 @@ import {
     SelectValue
 } from "@app/components/ui/select";
 import { Label } from "@app/components/ui/label";
+import { useTranslations } from "next-intl";
 
 type RegenerateInvitationFormProps = {
     open: boolean;
@@ -56,14 +57,16 @@ export default function RegenerateInvitationForm({
     const api = createApiClient(useEnvContext());
     const { org } = useOrgContext();
 
+    const t = useTranslations();
+
     const validForOptions = [
-        { hours: 24, name: "1 day" },
+        { hours: 24, name: t('day', {count: 1}) },
-        { hours: 48, name: "2 days" },
+        { hours: 48, name: t('day', {count: 2}) },
-        { hours: 72, name: "3 days" },
+        { hours: 72, name: t('day', {count: 3}) },
-        { hours: 96, name: "4 days" },
+        { hours: 96, name: t('day', {count: 4}) },
-        { hours: 120, name: "5 days" },
+        { hours: 120, name: t('day', {count: 5}) },
-        { hours: 144, name: "6 days" },
+        { hours: 144, name: t('day', {count: 6}) },
-        { hours: 168, name: "7 days" }
+        { hours: 168, name: t('day', {count: 7}) }
     ];
 
     useEffect(() => {
@@ -79,9 +82,8 @@ export default function RegenerateInvitationForm({
         if (!org?.org.orgId) {
             toast({
                 variant: "destructive",
-                title: "Organization ID Missing",
+                title: t('orgMissing'),
-                description:
+                description: t('orgMissingMessage'),
-                    "Unable to regenerate invitation without an organization ID.",
                 duration: 5000
             });
             return;
@@ -105,15 +107,15 @@ export default function RegenerateInvitationForm({
                 if (sendEmail) {
                     toast({
                         variant: "default",
-                        title: "Invitation Regenerated",
+                        title: t('inviteRegenerated'),
-                        description: `A new invitation has been sent to ${invitation.email}.`,
+                        description: t('inviteSent', {email: invitation.email}),
                         duration: 5000
                     });
                 } else {
                     toast({
                         variant: "default",
-                        title: "Invitation Regenerated",
+                        title: t('inviteRegenerated'),
-                        description: `A new invitation has been generated for ${invitation.email}.`,
+                        description: t('inviteGenerate', {email: invitation.email}),
                         duration: 5000
                     });
                 }
@@ -130,24 +132,22 @@ export default function RegenerateInvitationForm({
             if (error.response?.status === 409) {
                 toast({
                     variant: "destructive",
-                    title: "Duplicate Invite",
+                    title: t('inviteDuplicateError'),
-                    description: "An invitation for this user already exists.",
+                    description: t('inviteDuplicateErrorDescription'),
                     duration: 5000
                 });
             } else if (error.response?.status === 429) {
                 toast({
                     variant: "destructive",
-                    title: "Rate Limit Exceeded",
+                    title: t('inviteRateLimitError'),
-                    description:
+                    description: t('inviteRateLimitErrorDescription'),
-                        "You have exceeded the limit of 3 regenerations per hour. Please try again later.",
                     duration: 5000
                 });
             } else {
                 toast({
                     variant: "destructive",
-                    title: "Failed to Regenerate Invitation",
+                    title: t('inviteRegenerateError'),
-                    description:
+                    description: t('inviteRegenerateErrorDescription'),
-                        "An error occurred while regenerating the invitation.",
                     duration: 5000
                 });
             }
@@ -168,18 +168,16 @@ export default function RegenerateInvitationForm({
         >
             <CredenzaContent>
                 <CredenzaHeader>
-                    <CredenzaTitle>Regenerate Invitation</CredenzaTitle>
+                    <CredenzaTitle>{t('inviteRegenerate')}</CredenzaTitle>
                     <CredenzaDescription>
-                        Revoke previous invitation and create a new one
+                        {t('inviteRegenerateDescription')}
                     </CredenzaDescription>
                 </CredenzaHeader>
                 <CredenzaBody>
                     {!inviteLink ? (
                         <div>
                             <p>
-                                Are you sure you want to regenerate the
+                                {t('inviteQuestionRegenerate', {email: invitation?.email || ""})}
-                                invitation for <b>{invitation?.email}</b>? This
-                                will revoke the previous invitation.
                             </p>
                             <div className="flex items-center space-x-2 mt-4">
                                 <Checkbox
@@ -190,12 +188,12 @@ export default function RegenerateInvitationForm({
                                     }
                                 />
                                 <label htmlFor="send-email">
-                                    Send email notification to the user
+                                    {t('inviteSentEmail')}
                                 </label>
                             </div>
                             <div className="mt-4 space-y-2">
                                 <Label>
-                                    Validity Period
+                                    {t('inviteValidityPeriod')}
                                 </Label>
                                 <Select
                                     value={validHours.toString()}
@@ -204,7 +202,7 @@ export default function RegenerateInvitationForm({
                                     }
                                 >
                                     <SelectTrigger>
-                                        <SelectValue placeholder="Select validity period" />
+                                        <SelectValue placeholder={t('inviteValidityPeriodSelect')} />
                                     </SelectTrigger>
                                     <SelectContent>
                                         {validForOptions.map((option) => (
@@ -222,9 +220,7 @@ export default function RegenerateInvitationForm({
                     ) : (
                         <div className="space-y-4 max-w-md">
                             <p>
-                                The invitation has been regenerated. The user
+                                {t('inviteRegenerateMessage')}
-                                must access the link below to accept the
-                                invitation.
                             </p>
                             <CopyTextBox text={inviteLink} wrapText={false} />
                         </div>
@@ -234,18 +230,18 @@ export default function RegenerateInvitationForm({
                     {!inviteLink ? (
                         <>
                             <CredenzaClose asChild>
-                                <Button variant="outline">Cancel</Button>
+                                <Button variant="outline">{t('cancel')}</Button>
                             </CredenzaClose>
                             <Button
                                 onClick={handleRegenerate}
                                 loading={loading}
                             >
-                                Regenerate
+                                {t('inviteRegenerateButton')}
                             </Button>
                         </>
                     ) : (
                         <CredenzaClose asChild>
-                            <Button variant="outline">Close</Button>
+                            <Button variant="outline">{t('close')}</Button>
                         </CredenzaClose>
                     )}
                 </CredenzaFooter>

src/app/[orgId]/settings/access/invitations/page.tsx

@@ -9,6 +9,7 @@ import UserProvider from "@app/providers/UserProvider";
 import { verifySession } from "@app/lib/auth/verifySession";
 import AccessPageHeaderAndNav from "../AccessPageHeaderAndNav";
 import SettingsSectionTitle from "@app/components/SettingsSectionTitle";
+import { getTranslations } from 'next-intl/server';
 
 type InvitationsPageProps = {
     params: Promise<{ orgId: string }>;
@@ -18,6 +19,7 @@ export const dynamic = "force-dynamic";
 
 export default async function InvitationsPage(props: InvitationsPageProps) {
     const params = await props.params;
+    const t = await getTranslations();
 
     const getUser = cache(verifySession);
     const user = await getUser();
@@ -66,7 +68,7 @@ export default async function InvitationsPage(props: InvitationsPageProps) {
             id: invite.inviteId,
             email: invite.email,
             expiresAt: new Date(Number(invite.expiresAt)).toISOString(),
-            role: invite.roleName || "Unknown Role",
+            role: invite.roleName || t('accessRoleUnknown'),
             roleId: invite.roleId
         };
     });
@@ -74,8 +76,8 @@ export default async function InvitationsPage(props: InvitationsPageProps) {
     return (
         <>
             <SettingsSectionTitle
-                title="Open Invitations"
+                title={t('inviteTitle')}
-                description="Manage your invitations to other users"
+                description={t('inviteDescription')}
             />
             <UserProvider user={user!}>
                 <OrgProvider org={org}>

src/app/[orgId]/settings/access/roles/CreateRoleForm.tsx

@@ -31,6 +31,7 @@ import { CreateRoleBody, CreateRoleResponse } from "@server/routers/role";
 import { formatAxiosError } from "@app/lib/api";
 import { createApiClient } from "@app/lib/api";
 import { useEnvContext } from "@app/hooks/useEnvContext";
+import { useTranslations } from "next-intl";
 
 type CreateRoleFormProps = {
     open: boolean;
@@ -38,17 +39,18 @@ type CreateRoleFormProps = {
     afterCreate?: (res: CreateRoleResponse) => Promise<void>;
 };
 
-const formSchema = z.object({
-    name: z.string({ message: "Name is required" }).max(32),
-    description: z.string().max(255).optional()
-});
-
 export default function CreateRoleForm({
     open,
     setOpen,
     afterCreate
 }: CreateRoleFormProps) {
     const { org } = useOrgContext();
+    const t = useTranslations();
+
+    const formSchema = z.object({
+        name: z.string({ message: t('nameRequired') }).max(32),
+        description: z.string().max(255).optional()
+    });
 
     const [loading, setLoading] = useState(false);
 
@@ -76,10 +78,10 @@ export default function CreateRoleForm({
             .catch((e) => {
                 toast({
                     variant: "destructive",
-                    title: "Failed to create role",
+                    title: t('accessRoleErrorCreate'),
                     description: formatAxiosError(
                         e,
-                        "An error occurred while creating the role."
+                        t('accessRoleErrorCreateDescription')
                     )
                 });
             });
@@ -87,8 +89,8 @@ export default function CreateRoleForm({
         if (res && res.status === 201) {
             toast({
                 variant: "default",
-                title: "Role created",
+                title: t('accessRoleCreated'),
-                description: "The role has been successfully created."
+                description: t('accessRoleCreatedDescription')
             });
 
             if (open) {
@@ -115,10 +117,9 @@ export default function CreateRoleForm({
             >
                 <CredenzaContent>
                     <CredenzaHeader>
-                        <CredenzaTitle>Create Role</CredenzaTitle>
+                        <CredenzaTitle>{t('accessRoleCreate')}</CredenzaTitle>
                         <CredenzaDescription>
-                            Create a new role to group users and manage their
+                            {t('accessRoleCreateDescription')}
-                            permissions.
                         </CredenzaDescription>
                     </CredenzaHeader>
                     <CredenzaBody>
@@ -133,7 +134,7 @@ export default function CreateRoleForm({
                                     name="name"
                                     render={({ field }) => (
                                         <FormItem>
-                                            <FormLabel>Role Name</FormLabel>
+                                            <FormLabel>{t('accessRoleName')}</FormLabel>
                                             <FormControl>
                                                 <Input {...field} />
                                             </FormControl>
@@ -146,7 +147,7 @@ export default function CreateRoleForm({
                                     name="description"
                                     render={({ field }) => (
                                         <FormItem>
-                                            <FormLabel>Description</FormLabel>
+                                            <FormLabel>{t('description')}</FormLabel>
                                             <FormControl>
                                                 <Input {...field} />
                                             </FormControl>
@@ -159,7 +160,7 @@ export default function CreateRoleForm({
                     </CredenzaBody>
                     <CredenzaFooter>
                         <CredenzaClose asChild>
-                            <Button variant="outline">Close</Button>
+                            <Button variant="outline">{t('close')}</Button>
                         </CredenzaClose>
                         <Button
                             type="submit"
@@ -167,7 +168,7 @@ export default function CreateRoleForm({
                             loading={loading}
                             disabled={loading}
                         >
-                            Create Role
+                            {t('accessRoleCreateSubmit')}
                         </Button>
                     </CredenzaFooter>
                 </CredenzaContent>

src/app/[orgId]/settings/access/roles/DeleteRoleForm.tsx

@@ -38,6 +38,7 @@ import { RoleRow } from "./RolesTable";
 import { formatAxiosError } from "@app/lib/api";
 import { createApiClient } from "@app/lib/api";
 import { useEnvContext } from "@app/hooks/useEnvContext";
+import { useTranslations } from "next-intl";
 
 type CreateRoleFormProps = {
     open: boolean;
@@ -46,10 +47,6 @@ type CreateRoleFormProps = {
     afterDelete?: () => void;
 };
 
-const formSchema = z.object({
-    newRoleId: z.string({ message: "New role is required" })
-});
-
 export default function DeleteRoleForm({
     open,
     roleToDelete,
@@ -57,12 +54,17 @@ export default function DeleteRoleForm({
     afterDelete
 }: CreateRoleFormProps) {
     const { org } = useOrgContext();
+    const t = useTranslations();
 
     const [loading, setLoading] = useState(false);
     const [roles, setRoles] = useState<ListRolesResponse["roles"]>([]);
 
     const api = createApiClient(useEnvContext());
 
+    const formSchema = z.object({
+        newRoleId: z.string({ message: t('accessRoleErrorNewRequired') })
+    });
+
     useEffect(() => {
         async function fetchRoles() {
             const res = await api
@@ -73,10 +75,10 @@ export default function DeleteRoleForm({
                     console.error(e);
                     toast({
                         variant: "destructive",
-                        title: "Failed to fetch roles",
+                        title: t('accessRoleErrorFetch'),
                         description: formatAxiosError(
                             e,
-                            "An error occurred while fetching the roles"
+                            t('accessRoleErrorFetchDescription')
                         )
                     });
                 });
@@ -112,10 +114,10 @@ export default function DeleteRoleForm({
             .catch((e) => {
                 toast({
                     variant: "destructive",
-                    title: "Failed to remove role",
+                    title: t('accessRoleErrorRemove'),
                     description: formatAxiosError(
                         e,
-                        "An error occurred while removing the role."
+                        t('accessRoleErrorRemoveDescription')
                     )
                 });
             });
@@ -123,8 +125,8 @@ export default function DeleteRoleForm({
         if (res && res.status === 200) {
             toast({
                 variant: "default",
-                title: "Role removed",
+                title: t('accessRoleRemoved'),
-                description: "The role has been successfully removed."
+                description: t('accessRoleRemovedDescription')
             });
 
             if (open) {
@@ -151,22 +153,19 @@ export default function DeleteRoleForm({
             >
                 <CredenzaContent>
                     <CredenzaHeader>
-                        <CredenzaTitle>Remove Role</CredenzaTitle>
+                        <CredenzaTitle>{t('accessRoleRemove')}</CredenzaTitle>
                         <CredenzaDescription>
-                            Remove a role from the organization
+                            {t('accessRoleRemoveDescription')}
                         </CredenzaDescription>
                     </CredenzaHeader>
                     <CredenzaBody>
                         <div className="space-y-4">
                             <div className="space-y-4">
                                 <p>
-                                    You're about to delete the{" "}
+                                    {t('accessRoleQuestionRemove', {name: roleToDelete.name})}
-                                    <b>{roleToDelete.name}</b> role. You cannot
-                                    undo this action.
                                 </p>
                                 <p>
-                                    Before deleting this role, please select a
+                                    {t('accessRoleRequiredRemove')}
-                                    new role to transfer existing members to.
                                 </p>
                             </div>
                             <Form {...form}>
@@ -180,7 +179,7 @@ export default function DeleteRoleForm({
                                         name="newRoleId"
                                         render={({ field }) => (
                                             <FormItem>
-                                                <FormLabel>Role</FormLabel>
+                                                <FormLabel>{t('role')}</FormLabel>
                                                 <Select
                                                     onValueChange={
                                                         field.onChange
@@ -189,7 +188,7 @@ export default function DeleteRoleForm({
                                                 >
                                                     <FormControl>
                                                         <SelectTrigger>
-                                                            <SelectValue placeholder="Select role" />
+                                                            <SelectValue placeholder={t('accessRoleSelect')} />
                                                         </SelectTrigger>
                                                     </FormControl>
                                                     <SelectContent>
@@ -215,7 +214,7 @@ export default function DeleteRoleForm({
                     </CredenzaBody>
                     <CredenzaFooter>
                         <CredenzaClose asChild>
-                            <Button variant="outline">Close</Button>
+                            <Button variant="outline">{t('close')}</Button>
                         </CredenzaClose>
                         <Button
                             type="submit"
@@ -223,7 +222,7 @@ export default function DeleteRoleForm({
                             loading={loading}
                             disabled={loading}
                         >
-                            Remove Role
+                            {t('accessRoleRemoveSubmit')}
                         </Button>
                     </CredenzaFooter>
                 </CredenzaContent>

src/app/[orgId]/settings/access/roles/RolesDataTable.tsx

@@ -4,6 +4,7 @@ import {
     ColumnDef,
 } from "@tanstack/react-table";
 import { DataTable } from "@app/components/ui/data-table";
+import { useTranslations } from 'next-intl';
 
 interface DataTableProps<TData, TValue> {
     columns: ColumnDef<TData, TValue>[];
@@ -16,15 +17,18 @@ export function RolesDataTable<TData, TValue>({
     data,
     createRole
 }: DataTableProps<TData, TValue>) {
+
+    const t = useTranslations();
+
     return (
         <DataTable
             columns={columns}
             data={data}
-            title="Roles"
+            title={t('roles')}
-            searchPlaceholder="Search roles..."
+            searchPlaceholder={t('accessRolesSearch')}
             searchColumn="name"
             onAdd={createRole}
-            addButtonText="Add Role"
+            addButtonText={t('accessRolesAdd')}
         />
     );
 }

src/app/[orgId]/settings/access/roles/RolesTable.tsx

@@ -19,6 +19,7 @@ import CreateRoleForm from "./CreateRoleForm";
 import DeleteRoleForm from "./DeleteRoleForm";
 import { createApiClient } from "@app/lib/api";
 import { useEnvContext } from "@app/hooks/useEnvContext";
+import { useTranslations } from 'next-intl';
 
 export type RoleRow = Role;
 
@@ -38,6 +39,8 @@ export default function UsersTable({ roles: r }: RolesTableProps) {
 
     const { org } = useOrgContext();
 
+    const t = useTranslations();
+
     const columns: ColumnDef<RoleRow>[] = [
         {
             id: "actions",
@@ -58,7 +61,7 @@ export default function UsersTable({ roles: r }: RolesTableProps) {
                                             className="h-8 w-8 p-0"
                                         >
                                             <span className="sr-only">
-                                                Open menu
+                                                {t('openMenu')}
                                             </span>
                                             <MoreHorizontal className="h-4 w-4" />
                                         </Button>
@@ -71,7 +74,7 @@ export default function UsersTable({ roles: r }: RolesTableProps) {
                                             }}
                                         >
                                             <span className="text-red-500">
-                                                Delete Role
+                                                {t('accessRoleDelete')}
                                             </span>
                                         </DropdownMenuItem>
                                     </DropdownMenuContent>
@@ -92,7 +95,7 @@ export default function UsersTable({ roles: r }: RolesTableProps) {
                             column.toggleSorting(column.getIsSorted() === "asc")
                         }
                     >
-                        Name
+                        {t('name')}
                         <ArrowUpDown className="ml-2 h-4 w-4" />
                     </Button>
                 );
@@ -100,7 +103,7 @@ export default function UsersTable({ roles: r }: RolesTableProps) {
         },
         {
             accessorKey: "description",
-            header: "Description"
+            header: t('description')
         }
     ];
 

src/app/[orgId]/settings/access/roles/page.tsx

@@ -9,6 +9,7 @@ import RolesTable, { RoleRow } from "./RolesTable";
 import { SidebarSettings } from "@app/components/SidebarSettings";
 import AccessPageHeaderAndNav from "../AccessPageHeaderAndNav";
 import SettingsSectionTitle from "@app/components/SettingsSectionTitle";
+import { getTranslations } from 'next-intl/server';
 
 type RolesPageProps = {
     params: Promise<{ orgId: string }>;
@@ -62,12 +63,13 @@ export default async function RolesPage(props: RolesPageProps) {
     }
 
     const roleRows: RoleRow[] = roles;
+    const t = await getTranslations();
 
     return (
         <>
             <SettingsSectionTitle
-                title="Manage Roles"
+                title={t('accessRolesManage')}
-                description="Configure roles to manage access to your organization"
+                description={t('accessRolesDescription')}
             />
             <OrgProvider org={org}>
                 <RolesTable roles={roleRows} />

src/app/[orgId]/settings/access/users/UsersDataTable.tsx

@@ -4,6 +4,7 @@ import {
     ColumnDef,
 } from "@tanstack/react-table";
 import { DataTable } from "@app/components/ui/data-table";
+import { useTranslations } from 'next-intl';
 
 interface DataTableProps<TData, TValue> {
     columns: ColumnDef<TData, TValue>[];
@@ -16,15 +17,18 @@ export function UsersDataTable<TData, TValue>({
     data,
     inviteUser
 }: DataTableProps<TData, TValue>) {
+
+    const t = useTranslations();
+
     return (
         <DataTable
             columns={columns}
             data={data}
-            title="Users"
+            title={t('users')}
-            searchPlaceholder="Search users..."
+            searchPlaceholder={t('accessUsersSearch')}
             searchColumn="email"
             onAdd={inviteUser}
-            addButtonText="Create User"
+            addButtonText={t('accessUserCreate')}
         />
     );
 }

src/app/[orgId]/settings/access/users/UsersTable.tsx

@@ -20,6 +20,7 @@ import { formatAxiosError } from "@app/lib/api";
 import { createApiClient } from "@app/lib/api";
 import { useEnvContext } from "@app/hooks/useEnvContext";
 import { useUserContext } from "@app/hooks/useUserContext";
+import { useTranslations } from 'next-intl';
 
 export type UserRow = {
     id: string;
@@ -47,6 +48,7 @@ export default function UsersTable({ users: u }: UsersTableProps) {
     const api = createApiClient(useEnvContext());
     const { user, updateUser } = useUserContext();
     const { org } = useOrgContext();
+    const t = useTranslations();
 
     const columns: ColumnDef<UserRow>[] = [
         {
@@ -68,7 +70,7 @@ export default function UsersTable({ users: u }: UsersTableProps) {
                                                 className="h-8 w-8 p-0"
                                             >
                                                 <span className="sr-only">
-                                                    Open menu
+                                                    {t('openMenu')}
                                                 </span>
                                                 <MoreHorizontal className="h-4 w-4" />
                                             </Button>
@@ -79,7 +81,7 @@ export default function UsersTable({ users: u }: UsersTableProps) {
                                                 className="block w-full"
                                             >
                                                 <DropdownMenuItem>
-                                                    Manage User
+                                                    {t('accessUsersManage')}
                                                 </DropdownMenuItem>
                                             </Link>
                                             {`${userRow.username}-${userRow.idpId}` !==
@@ -95,7 +97,7 @@ export default function UsersTable({ users: u }: UsersTableProps) {
                                                     }}
                                                 >
                                                     <span className="text-red-500">
-                                                        Remove User
+                                                        {t('accessUserRemove')}
                                                     </span>
                                                 </DropdownMenuItem>
                                             )}
@@ -118,7 +120,7 @@ export default function UsersTable({ users: u }: UsersTableProps) {
                             column.toggleSorting(column.getIsSorted() === "asc")
                         }
                     >
-                        Username
+                        {t('username')}
                         <ArrowUpDown className="ml-2 h-4 w-4" />
                     </Button>
                 );
@@ -134,7 +136,7 @@ export default function UsersTable({ users: u }: UsersTableProps) {
                             column.toggleSorting(column.getIsSorted() === "asc")
                         }
                     >
-                        Identity Provider
+                        {t('identityProvider')}
                         <ArrowUpDown className="ml-2 h-4 w-4" />
                     </Button>
                 );
@@ -150,7 +152,7 @@ export default function UsersTable({ users: u }: UsersTableProps) {
                             column.toggleSorting(column.getIsSorted() === "asc")
                         }
                     >
-                        Role
+                        {t('role')}
                         <ArrowUpDown className="ml-2 h-4 w-4" />
                     </Button>
                 );
@@ -179,7 +181,7 @@ export default function UsersTable({ users: u }: UsersTableProps) {
                                 variant="ghost"
                                 className="opacity-0 cursor-default"
                             >
-                                Placeholder
+                                {t('placeholder')}
                             </Button>
                         )}
                         {!userRow.isOwner && (
@@ -190,7 +192,7 @@ export default function UsersTable({ users: u }: UsersTableProps) {
                                     variant={"outlinePrimary"}
                                     className="ml-2"
                                 >
-                                    Manage
+                                    {t('manage')}
                                     <ArrowRight className="ml-2 w-4 h-4" />
                                 </Button>
                             </Link>
@@ -208,10 +210,10 @@ export default function UsersTable({ users: u }: UsersTableProps) {
                 .catch((e) => {
                     toast({
                         variant: "destructive",
-                        title: "Failed to remove user",
+                        title: t('userErrorOrgRemove'),
                         description: formatAxiosError(
                             e,
-                            "An error occurred while removing the user."
+                            t('userErrorOrgRemoveDescription')
                         )
                     });
                 });
@@ -219,8 +221,8 @@ export default function UsersTable({ users: u }: UsersTableProps) {
             if (res && res.status === 200) {
                 toast({
                     variant: "default",
-                    title: "User removed",
+                    title: t('userOrgRemoved'),
-                    description: `The user ${selectedUser.email} has been removed from the organization.`
+                    description: t('userOrgRemovedDescription', {email: selectedUser.email || ""})
                 });
 
                 setUsers((prev) =>
@@ -242,29 +244,19 @@ export default function UsersTable({ users: u }: UsersTableProps) {
                 dialog={
                     <div className="space-y-4">
                         <p>
-                            Are you sure you want to remove{" "}
+                            {t('userQuestionOrgRemove', {email: selectedUser?.email || selectedUser?.name || selectedUser?.username || ""})}
-                            <b>
-                                {selectedUser?.email ||
-                                    selectedUser?.name ||
-                                    selectedUser?.username}
-                            </b>{" "}
-                            from the organization?
                         </p>
 
                         <p>
-                            Once removed, this user will no longer have access
+                            {t('userMessageOrgRemove')}
-                            to the organization. You can always re-invite them
-                            later, but they will need to accept the invitation
-                            again.
                         </p>
 
                         <p>
-                            To confirm, please type the name of the of the user
+                            {t('userMessageOrgConfirm')}
-                            below.
                         </p>
                     </div>
                 }
-                buttonText="Confirm Remove User"
+                buttonText={t('userRemoveOrgConfirm')}
                 onConfirm={removeUser}
                 string={
                     selectedUser?.email ||
@@ -272,7 +264,7 @@ export default function UsersTable({ users: u }: UsersTableProps) {
                     selectedUser?.username ||
                     ""
                 }
-                title="Remove User from Organization"
+                title={t('userRemoveOrg')}
             />
 
             <UsersDataTable

src/app/[orgId]/settings/access/users/[userId]/access-controls/page.tsx

@@ -40,11 +40,7 @@ import {
 import { formatAxiosError } from "@app/lib/api";
 import { createApiClient } from "@app/lib/api";
 import { useEnvContext } from "@app/hooks/useEnvContext";
-
+import { useTranslations } from "next-intl";
-const formSchema = z.object({
-    username: z.string(),
-    roleId: z.string().min(1, { message: "Please select a role" })
-});
 
 export default function AccessControlsPage() {
     const { orgUser: user } = userOrgUserContext();
@@ -56,6 +52,13 @@ export default function AccessControlsPage() {
     const [loading, setLoading] = useState(false);
     const [roles, setRoles] = useState<{ roleId: number; name: string }[]>([]);
 
+    const t = useTranslations();
+
+    const formSchema = z.object({
+        username: z.string(),
+        roleId: z.string().min(1, { message: t('accessRoleSelectPlease') })
+    });
+
     const form = useForm<z.infer<typeof formSchema>>({
         resolver: zodResolver(formSchema),
         defaultValues: {
@@ -72,10 +75,10 @@ export default function AccessControlsPage() {
                     console.error(e);
                     toast({
                         variant: "destructive",
-                        title: "Failed to fetch roles",
+                        title: t('accessRoleErrorFetch'),
                         description: formatAxiosError(
                             e,
-                            "An error occurred while fetching the roles"
+                            t('accessRoleErrorFetchDescription')
                         )
                     });
                 });
@@ -100,10 +103,10 @@ export default function AccessControlsPage() {
             .catch((e) => {
                 toast({
                     variant: "destructive",
-                    title: "Failed to add user to role",
+                    title: t('accessRoleErrorAdd'),
                     description: formatAxiosError(
                         e,
-                        "An error occurred while adding user to the role."
+                        t('accessRoleErrorAddDescription')
                     )
                 });
             });
@@ -111,8 +114,8 @@ export default function AccessControlsPage() {
         if (res && res.status === 200) {
             toast({
                 variant: "default",
-                title: "User saved",
+                title: t('userSaved'),
-                description: "The user has been updated."
+                description: t('userSavedDescription')
             });
         }
 
@@ -123,10 +126,9 @@ export default function AccessControlsPage() {
         <SettingsContainer>
             <SettingsSection>
                 <SettingsSectionHeader>
-                    <SettingsSectionTitle>Access Controls</SettingsSectionTitle>
+                    <SettingsSectionTitle>{t('accessControls')}</SettingsSectionTitle>
                     <SettingsSectionDescription>
-                        Manage what this user can access and do in the
+                        {t('accessControlsDescription')}
-                        organization
                     </SettingsSectionDescription>
                 </SettingsSectionHeader>
 
@@ -143,14 +145,14 @@ export default function AccessControlsPage() {
                                     name="roleId"
                                     render={({ field }) => (
                                         <FormItem>
-                                            <FormLabel>Role</FormLabel>
+                                            <FormLabel>{t('role')}</FormLabel>
                                             <Select
                                                 onValueChange={field.onChange}
                                                 value={field.value}
                                             >
                                                 <FormControl>
                                                     <SelectTrigger>
-                                                        <SelectValue placeholder="Select role" />
+                                                        <SelectValue placeholder={t('accessRoleSelect')} />
                                                     </SelectTrigger>
                                                 </FormControl>
                                                 <SelectContent>
@@ -180,7 +182,7 @@ export default function AccessControlsPage() {
                         disabled={loading}
                         form="access-controls-form"
                     >
-                        Save Access Controls
+                        {t('accessControlsSubmit')}
                     </Button>
                 </SettingsSectionFooter>
             </SettingsSection>

src/app/[orgId]/settings/access/users/[userId]/layout.tsx

@@ -15,6 +15,7 @@ import {
 import Link from "next/link";
 import { cache } from "react";
 import SettingsSectionTitle from "@app/components/SettingsSectionTitle";
+import { getTranslations } from 'next-intl/server';
 
 interface UserLayoutProps {
     children: React.ReactNode;
@@ -26,6 +27,8 @@ export default async function UserLayoutProps(props: UserLayoutProps) {
 
     const { children } = props;
 
+    const t = await getTranslations();
+
     let user = null;
     try {
         const getOrgUser = cache(async () =>
@@ -42,7 +45,7 @@ export default async function UserLayoutProps(props: UserLayoutProps) {
 
     const navItems = [
         {
-            title: "Access Controls",
+            title: t('accessControls'),
             href: "/{orgId}/settings/access/users/{userId}/access-controls"
         }
     ];
@@ -51,7 +54,7 @@ export default async function UserLayoutProps(props: UserLayoutProps) {
         <>
             <SettingsSectionTitle
                 title={`${user?.email}`}
-                description="Manage the settings on this user"
+                description={t('userDescription2')}
             />
             <OrgUserProvider orgUser={user}>
                 <HorizontalTabs items={navItems}>

src/app/[orgId]/settings/access/users/create/page.tsx

@@ -44,6 +44,7 @@ import { formatAxiosError } from "@app/lib/api";
 import { createApiClient } from "@app/lib/api";
 import { Checkbox } from "@app/components/ui/checkbox";
 import { ListIdpsResponse } from "@server/routers/idp";
+import { useTranslations } from "next-intl";
 
 type UserType = "internal" | "oidc";
 
@@ -59,38 +60,12 @@ interface IdpOption {
     type: string;
 }
 
-const internalFormSchema = z.object({
-    email: z.string().email({ message: "Invalid email address" }),
-    validForHours: z.string().min(1, { message: "Please select a duration" }),
-    roleId: z.string().min(1, { message: "Please select a role" })
-});
-
-const externalFormSchema = z.object({
-    username: z.string().min(1, { message: "Username is required" }),
-    email: z
-        .string()
-        .email({ message: "Invalid email address" })
-        .optional()
-        .or(z.literal("")),
-    name: z.string().optional(),
-    roleId: z.string().min(1, { message: "Please select a role" }),
-    idpId: z.string().min(1, { message: "Please select an identity provider" })
-});
-
-const formatIdpType = (type: string) => {
-    switch (type.toLowerCase()) {
-        case "oidc":
-            return "Generic OAuth2/OIDC provider.";
-        default:
-            return type;
-    }
-};
-
 export default function Page() {
     const { orgId } = useParams();
     const router = useRouter();
     const { env } = useEnvContext();
     const api = createApiClient({ env });
+    const t = useTranslations();
 
     const [userType, setUserType] = useState<UserType | null>("internal");
     const [inviteLink, setInviteLink] = useState<string | null>(null);
@@ -102,14 +77,41 @@ export default function Page() {
     const [selectedIdp, setSelectedIdp] = useState<IdpOption | null>(null);
     const [dataLoaded, setDataLoaded] = useState(false);
 
+    const internalFormSchema = z.object({
+        email: z.string().email({ message: t('emailInvalid') }),
+        validForHours: z.string().min(1, { message: t('inviteValidityDuration') }),
+        roleId: z.string().min(1, { message: t('accessRoleSelectPlease') })
+    });
+
+    const externalFormSchema = z.object({
+        username: z.string().min(1, { message: t('usernameRequired') }),
+        email: z
+            .string()
+            .email({ message: t('emailInvalid') })
+            .optional()
+            .or(z.literal("")),
+        name: z.string().optional(),
+        roleId: z.string().min(1, { message: t('accessRoleSelectPlease') }),
+        idpId: z.string().min(1, { message: t('idpSelectPlease') })
+    });
+
+    const formatIdpType = (type: string) => {
+        switch (type.toLowerCase()) {
+            case "oidc":
+                return t('idpGenericOidc');
+            default:
+                return type;
+        }
+    };
+
     const validFor = [
-        { hours: 24, name: "1 day" },
+        { hours: 24, name: t('day', {count: 1}) },
-        { hours: 48, name: "2 days" },
+        { hours: 48, name: t('day', {count: 2}) },
-        { hours: 72, name: "3 days" },
+        { hours: 72, name: t('day', {count: 3}) },
-        { hours: 96, name: "4 days" },
+        { hours: 96, name: t('day', {count: 4}) },
-        { hours: 120, name: "5 days" },
+        { hours: 120, name: t('day', {count: 5}) },
-        { hours: 144, name: "6 days" },
+        { hours: 144, name: t('day', {count: 6}) },
-        { hours: 168, name: "7 days" }
+        { hours: 168, name: t('day', {count: 7}) }
     ];
 
     const internalForm = useForm<z.infer<typeof internalFormSchema>>({
@@ -155,10 +157,10 @@ export default function Page() {
                     console.error(e);
                     toast({
                         variant: "destructive",
-                        title: "Failed to fetch roles",
+                        title: t('accessRoleErrorFetch'),
                         description: formatAxiosError(
                             e,
-                            "An error occurred while fetching the roles"
+                            t('accessRoleErrorFetchDescription')
                         )
                     });
                 });
@@ -178,10 +180,10 @@ export default function Page() {
                     console.error(e);
                     toast({
                         variant: "destructive",
-                        title: "Failed to fetch identity providers",
+                        title: t('idpErrorFetch'),
                         description: formatAxiosError(
                             e,
-                            "An error occurred while fetching identity providers"
+                            t('idpErrorFetchDescription')
                         )
                     });
                 });
@@ -218,17 +220,16 @@ export default function Page() {
                 if (e.response?.status === 409) {
                     toast({
                         variant: "destructive",
-                        title: "User Already Exists",
+                        title: t('userErrorExists'),
-                        description:
+                        description: t('userErrorExistsDescription')
-                            "This user is already a member of the organization."
                     });
                 } else {
                     toast({
                         variant: "destructive",
-                        title: "Failed to invite user",
+                        title: t('inviteError'),
                         description: formatAxiosError(
                             e,
-                            "An error occurred while inviting the user"
+                            t('inviteErrorDescription')
                         )
                     });
                 }
@@ -238,8 +239,8 @@ export default function Page() {
             setInviteLink(res.data.data.inviteLink);
             toast({
                 variant: "default",
-                title: "User invited",
+                title: t('userInvited'),
-                description: "The user has been successfully invited."
+                description: t('userInvitedDescription')
             });
 
             setExpiresInDays(parseInt(values.validForHours) / 24);
@@ -265,10 +266,10 @@ export default function Page() {
             .catch((e) => {
                 toast({
                     variant: "destructive",
-                    title: "Failed to create user",
+                    title: t('userErrorCreate'),
                     description: formatAxiosError(
                         e,
-                        "An error occurred while creating the user"
+                        t('userErrorCreateDescription')
                     )
                 });
             });
@@ -276,8 +277,8 @@ export default function Page() {
         if (res && res.status === 201) {
             toast({
                 variant: "default",
-                title: "User created",
+                title: t('userCreated'),
-                description: "The user has been successfully created."
+                description: t('userCreatedDescription')
             });
             router.push(`/${orgId}/settings/access/users`);
         }
@@ -288,13 +289,13 @@ export default function Page() {
     const userTypes: ReadonlyArray<UserTypeOption> = [
         {
             id: "internal",
-            title: "Internal User",
+            title: t('userTypeInternal'),
-            description: "Invite a user to join your organization directly."
+            description: t('userTypeInternalDescription')
         },
         {
             id: "oidc",
-            title: "External User",
+            title: t('userTypeExternal'),
-            description: "Create a user with an external identity provider."
+            description: t('userTypeExternalDescription')
         }
     ];
 
@@ -302,8 +303,8 @@ export default function Page() {
         <>
             <div className="flex justify-between">
                 <HeaderTitle
-                    title="Create User"
+                    title={t('accessUserCreate')}
-                    description="Follow the steps below to create a new user"
+                    description={t('accessUserCreateDescription')}
                 />
                 <Button
                     variant="outline"
@@ -311,7 +312,7 @@ export default function Page() {
                         router.push(`/${orgId}/settings/access/users`);
                     }}
                 >
-                    See All Users
+                    {t('userSeeAll')}
                 </Button>
             </div>
 
@@ -320,10 +321,10 @@ export default function Page() {
                     <SettingsSection>
                         <SettingsSectionHeader>
                             <SettingsSectionTitle>
-                                User Type
+                                {t('userTypeTitle')}
                             </SettingsSectionTitle>
                             <SettingsSectionDescription>
-                                Determine how you want to create the user
+                                {t('userTypeDescription')}
                             </SettingsSectionDescription>
                         </SettingsSectionHeader>
                         <SettingsSectionBody>
@@ -349,10 +350,10 @@ export default function Page() {
                             <SettingsSection>
                                 <SettingsSectionHeader>
                                     <SettingsSectionTitle>
-                                        User Information
+                                        {t('userSettings')}
                                     </SettingsSectionTitle>
                                     <SettingsSectionDescription>
-                                        Enter the details for the new user
+                                        {t('userSettingsDescription')}
                                     </SettingsSectionDescription>
                                 </SettingsSectionHeader>
                                 <SettingsSectionBody>
@@ -373,7 +374,7 @@ export default function Page() {
                                                     render={({ field }) => (
                                                         <FormItem>
                                                             <FormLabel>
-                                                                Email
+                                                                {t('email')}
                                                             </FormLabel>
                                                             <FormControl>
                                                                 <Input
@@ -402,8 +403,7 @@ export default function Page() {
                                                             htmlFor="send-email"
                                                             className="text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70"
                                                         >
-                                                            Send invite email to
+                                                            {t('inviteEmailSent')}
-                                                            user
                                                         </label>
                                                     </div>
                                                 )}
@@ -416,7 +416,7 @@ export default function Page() {
                                                     render={({ field }) => (
                                                         <FormItem>
                                                             <FormLabel>
-                                                                Valid For
+                                                                {t('inviteValid')}
                                                             </FormLabel>
                                                             <Select
                                                                 onValueChange={
@@ -428,7 +428,7 @@ export default function Page() {
                                                             >
                                                                 <FormControl>
                                                                     <SelectTrigger>
-                                                                        <SelectValue placeholder="Select duration" />
+                                                                        <SelectValue placeholder={t('selectDuration')} />
                                                                     </SelectTrigger>
                                                                 </FormControl>
                                                                 <SelectContent>
@@ -463,7 +463,7 @@ export default function Page() {
                                                     render={({ field }) => (
                                                         <FormItem>
                                                             <FormLabel>
-                                                                Role
+                                                                {t('role')}
                                                             </FormLabel>
                                                             <Select
                                                                 onValueChange={
@@ -472,7 +472,7 @@ export default function Page() {
                                                             >
                                                                 <FormControl>
                                                                     <SelectTrigger>
-                                                                        <SelectValue placeholder="Select role" />
+                                                                        <SelectValue placeholder={t('accessRoleSelect')} />
                                                                     </SelectTrigger>
                                                                 </FormControl>
                                                                 <SelectContent>
@@ -503,37 +503,16 @@ export default function Page() {
                                                     <div className="max-w-md space-y-4">
                                                         {sendEmail && (
                                                             <p>
-                                                                An email has
+                                                                {t('inviteEmailSentDescription')}
-                                                                been sent to the
-                                                                user with the
-                                                                access link
-                                                                below. They must
-                                                                access the link
-                                                                to accept the
-                                                                invitation.
                                                             </p>
                                                         )}
                                                         {!sendEmail && (
                                                             <p>
-                                                                The user has
+                                                                {t('inviteSentDescription')}
-                                                                been invited.
-                                                                They must access
-                                                                the link below
-                                                                to accept the
-                                                                invitation.
                                                             </p>
                                                         )}
                                                         <p>
-                                                            The invite will
+                                                            {t('inviteExpiresIn', {days: expiresInDays})}
-                                                            expire in{" "}
-                                                            <b>
-                                                                {expiresInDays}{" "}
-                                                                {expiresInDays ===
-                                                                1
-                                                                    ? "day"
-                                                                    : "days"}
-                                                            </b>
-                                                            .
                                                         </p>
                                                         <CopyTextBox
                                                             text={inviteLink}
@@ -554,20 +533,16 @@ export default function Page() {
                             <SettingsSection>
                                 <SettingsSectionHeader>
                                     <SettingsSectionTitle>
-                                        Identity Provider
+                                        {t('idpTitle')}
                                     </SettingsSectionTitle>
                                     <SettingsSectionDescription>
-                                        Select the identity provider for the
+                                        {t('idpSelect')}
-                                        external user
                                     </SettingsSectionDescription>
                                 </SettingsSectionHeader>
                                 <SettingsSectionBody>
                                     {idps.length === 0 ? (
                                         <p className="text-muted-foreground">
-                                            No identity providers are
+                                            {t('idpNotConfigured')}
-                                            configured. Please configure an
-                                            identity provider before creating
-                                            external users.
                                         </p>
                                     ) : (
                                         <Form {...externalForm}>
@@ -621,10 +596,10 @@ export default function Page() {
                                 <SettingsSection>
                                     <SettingsSectionHeader>
                                         <SettingsSectionTitle>
-                                            User Information
+                                            {t('userSettings')}
                                         </SettingsSectionTitle>
                                         <SettingsSectionDescription>
-                                            Enter the details for the new user
+                                            {t('userSettingsDescription')}
                                         </SettingsSectionDescription>
                                     </SettingsSectionHeader>
                                     <SettingsSectionBody>
@@ -645,7 +620,7 @@ export default function Page() {
                                                         render={({ field }) => (
                                                             <FormItem>
                                                                 <FormLabel>
-                                                                    Username
+                                                                    {t('username')}
                                                                 </FormLabel>
                                                                 <FormControl>
                                                                     <Input
@@ -653,15 +628,7 @@ export default function Page() {
                                                                     />
                                                                 </FormControl>
                                                                 <p className="text-sm text-muted-foreground mt-1">
-                                                                    This must
+                                                                    {t('usernameUniq')}
-                                                                    match the
-                                                                    unique
-                                                                    username
-                                                                    that exists
-                                                                    in the
-                                                                    selected
-                                                                    identity
-                                                                    provider.
                                                                 </p>
                                                                 <FormMessage />
                                                             </FormItem>
@@ -676,8 +643,7 @@ export default function Page() {
                                                         render={({ field }) => (
                                                             <FormItem>
                                                                 <FormLabel>
-                                                                    Email
+                                                                    {t('emailOptional')}
-                                                                    (Optional)
                                                                 </FormLabel>
                                                                 <FormControl>
                                                                     <Input
@@ -697,8 +663,7 @@ export default function Page() {
                                                         render={({ field }) => (
                                                             <FormItem>
                                                                 <FormLabel>
-                                                                    Name
+                                                                    {t('nameOptional')}
-                                                                    (Optional)
                                                                 </FormLabel>
                                                                 <FormControl>
                                                                     <Input
@@ -718,7 +683,7 @@ export default function Page() {
                                                         render={({ field }) => (
                                                             <FormItem>
                                                                 <FormLabel>
-                                                                    Role
+                                                                    {t('role')}
                                                                 </FormLabel>
                                                                 <Select
                                                                     onValueChange={
@@ -727,7 +692,7 @@ export default function Page() {
                                                                 >
                                                                     <FormControl>
                                                                         <SelectTrigger>
-                                                                            <SelectValue placeholder="Select role" />
+                                                                            <SelectValue placeholder={t('accessRoleSelect')} />
                                                                         </SelectTrigger>
                                                                     </FormControl>
                                                                     <SelectContent>
@@ -771,7 +736,7 @@ export default function Page() {
                             router.push(`/${orgId}/settings/access/users`);
                         }}
                     >
-                        Cancel
+                        {t('cancel')}
                     </Button>
                     {userType && dataLoaded && (
                         <Button
@@ -783,7 +748,7 @@ export default function Page() {
                                 (userType === "internal" && inviteLink !== null)
                             }
                         >
-                            Create User
+                            {t('accessUserCreate')}
                         </Button>
                     )}
                 </div>

src/app/[orgId]/settings/access/users/page.tsx

@@ -10,6 +10,7 @@ import UserProvider from "@app/providers/UserProvider";
 import { verifySession } from "@app/lib/auth/verifySession";
 import AccessPageHeaderAndNav from "../AccessPageHeaderAndNav";
 import SettingsSectionTitle from "@app/components/SettingsSectionTitle";
+import { getTranslations } from 'next-intl/server';
 
 type UsersPageProps = {
     params: Promise<{ orgId: string }>;
@@ -22,6 +23,7 @@ export default async function UsersPage(props: UsersPageProps) {
 
     const getUser = cache(verifySession);
     const user = await getUser();
+    const t = await getTranslations();
 
     let users: ListUsersResponse["users"] = [];
     let hasInvitations = false;
@@ -76,9 +78,9 @@ export default async function UsersPage(props: UsersPageProps) {
             email: user.email,
             type: user.type,
             idpId: user.idpId,
-            idpName: user.idpName || "Internal",
+            idpName: user.idpName || t('idpNameInternal'),
-            status: "Confirmed",
+            status: t('userConfirmed'),
-            role: user.isOwner ? "Owner" : user.roleName || "Member",
+            role: user.isOwner ? t('accessRoleOwner') : user.roleName || t('accessRoleMember'),
             isOwner: user.isOwner || false
         };
     });
@@ -86,8 +88,8 @@ export default async function UsersPage(props: UsersPageProps) {
     return (
         <>
             <SettingsSectionTitle
-                title="Manage Users"
+                title={t('accessUsersManage')}
-                description="Invite users and add them to roles to manage access to your organization"
+                description={t('accessUsersDescription')}
             />
             <UserProvider user={user!}>
                 <OrgProvider org={org}>

src/app/[orgId]/settings/api-keys/OrgApiKeysDataTable.tsx

@@ -2,6 +2,7 @@
 
 import { DataTable } from "@app/components/ui/data-table";
 import { ColumnDef } from "@tanstack/react-table";
+import { useTranslations } from "next-intl";
 
 interface DataTableProps<TData, TValue> {
     columns: ColumnDef<TData, TValue>[];
@@ -14,15 +15,18 @@ export function OrgApiKeysDataTable<TData, TValue>({
     columns,
     data
 }: DataTableProps<TData, TValue>) {
+
+    const t = useTranslations();
+
     return (
         <DataTable
             columns={columns}
             data={data}
-            title="API Keys"
+            title={t('apiKeys')}
-            searchPlaceholder="Search API keys..."
+            searchPlaceholder={t('searchApiKeys')}
             searchColumn="name"
             onAdd={addApiKey}
-            addButtonText="Generate API Key"
+            addButtonText={t('apiKeysAdd')}
         />
     );
 }

src/app/[orgId]/settings/api-keys/OrgApiKeysTable.tsx

@@ -19,6 +19,7 @@ import { formatAxiosError } from "@app/lib/api";
 import { createApiClient } from "@app/lib/api";
 import { useEnvContext } from "@app/hooks/useEnvContext";
 import moment from "moment";
+import { useTranslations } from "next-intl";
 
 export type OrgApiKeyRow = {
     id: string;
@@ -44,14 +45,16 @@ export default function OrgApiKeysTable({
 
     const api = createApiClient(useEnvContext());
 
+    const t = useTranslations();
+
     const deleteSite = (apiKeyId: string) => {
         api.delete(`/org/${orgId}/api-key/${apiKeyId}`)
             .catch((e) => {
-                console.error("Error deleting API key", e);
+                console.error(t('apiKeysErrorDelete'), e);
                 toast({
                     variant: "destructive",
-                    title: "Error deleting API key",
+                    title: t('apiKeysErrorDelete'),
-                    description: formatAxiosError(e, "Error deleting API key")
+                    description: formatAxiosError(e, t('apiKeysErrorDeleteMessage'))
                 });
             })
             .then(() => {
@@ -75,7 +78,7 @@ export default function OrgApiKeysTable({
                     <DropdownMenu>
                         <DropdownMenuTrigger asChild>
                             <Button variant="ghost" className="h-8 w-8 p-0">
-                                <span className="sr-only">Open menu</span>
+                                <span className="sr-only">{t('openMenu')}</span>
                                 <MoreHorizontal className="h-4 w-4" />
                             </Button>
                         </DropdownMenuTrigger>
@@ -85,7 +88,7 @@ export default function OrgApiKeysTable({
                                     setSelected(apiKeyROw);
                                 }}
                             >
-                                <span>View settings</span>
+                                <span>{t('viewSettings')}</span>
                             </DropdownMenuItem>
                             <DropdownMenuItem
                                 onClick={() => {
@@ -93,7 +96,7 @@ export default function OrgApiKeysTable({
                                     setIsDeleteModalOpen(true);
                                 }}
                             >
-                                <span className="text-red-500">Delete</span>
+                                <span className="text-red-500">{t('delete')}</span>
                             </DropdownMenuItem>
                         </DropdownMenuContent>
                     </DropdownMenu>
@@ -110,7 +113,7 @@ export default function OrgApiKeysTable({
                             column.toggleSorting(column.getIsSorted() === "asc")
                         }
                     >
-                        Name
+                        {t('name')}
                         <ArrowUpDown className="ml-2 h-4 w-4" />
                     </Button>
                 );
@@ -118,7 +121,7 @@ export default function OrgApiKeysTable({
         },
         {
             accessorKey: "key",
-            header: "Key",
+            header: t('key'),
             cell: ({ row }) => {
                 const r = row.original;
                 return <span className="font-mono">{r.key}</span>;
@@ -126,7 +129,7 @@ export default function OrgApiKeysTable({
         },
         {
             accessorKey: "createdAt",
-            header: "Created At",
+            header: t('createdAt'),
             cell: ({ row }) => {
                 const r = row.original;
                 return <span>{moment(r.createdAt).format("lll")} </span>;
@@ -140,7 +143,7 @@ export default function OrgApiKeysTable({
                     <div className="flex items-center justify-end">
                         <Link href={`/${orgId}/settings/api-keys/${r.id}`}>
                             <Button variant={"outlinePrimary"} className="ml-2">
-                                Edit
+                                {t('edit')}
                                 <ArrowRight className="ml-2 w-4 h-4" />
                             </Button>
                         </Link>
@@ -162,28 +165,24 @@ export default function OrgApiKeysTable({
                     dialog={
                         <div className="space-y-4">
                             <p>
-                                Are you sure you want to remove the API key{" "}
+                                {t('apiKeysQuestionRemove', {selectedApiKey: selected?.name || selected?.id})}
-                                <b>{selected?.name || selected?.id}</b> from the
-                                organization?
                             </p>
 
                             <p>
                                 <b>
-                                    Once removed, the API key will no longer be
+                                    {t('apiKeysMessageRemove')}
-                                    able to be used.
                                 </b>
                             </p>
 
                             <p>
-                                To confirm, please type the name of the API key
+                                {t('apiKeysMessageConfirm')}
-                                below.
                             </p>
                         </div>
                     }
-                    buttonText="Confirm Delete API Key"
+                    buttonText={t('apiKeysDeleteConfirm')}
                     onConfirm={async () => deleteSite(selected!.id)}
                     string={selected.name}
-                    title="Delete API Key"
+                    title={t('apiKeysDelete')}
                 />
             )}
 

src/app/[orgId]/settings/api-keys/[apiKeyId]/layout.tsx

@@ -15,6 +15,7 @@ import {
 import { GetApiKeyResponse } from "@server/routers/apiKeys";
 import ApiKeyProvider from "@app/providers/ApiKeyProvider";
 import { HorizontalTabs } from "@app/components/HorizontalTabs";
+import { getTranslations } from 'next-intl/server';
 
 interface SettingsLayoutProps {
     children: React.ReactNode;
@@ -23,6 +24,7 @@ interface SettingsLayoutProps {
 
 export default async function SettingsLayout(props: SettingsLayoutProps) {
     const params = await props.params;
+    const t = await getTranslations();
 
     const { children } = props;
 
@@ -40,14 +42,14 @@ export default async function SettingsLayout(props: SettingsLayoutProps) {
 
     const navItems = [
         {
-            title: "Permissions",
+            title: t('apiKeysPermissionsTitle'),
             href: "/{orgId}/settings/api-keys/{apiKeyId}/permissions"
         }
     ];
 
     return (
         <>
-            <SettingsSectionTitle title={`${apiKey?.name} Settings`} />
+            <SettingsSectionTitle title={t('apiKeysSettings', {apiKeyName: apiKey?.name})} />
 
             <ApiKeyProvider apiKey={apiKey}>
                 <HorizontalTabs items={navItems}>{children}</HorizontalTabs>

src/app/[orgId]/settings/api-keys/[apiKeyId]/permissions/page.tsx

@@ -18,12 +18,15 @@ import { ListApiKeyActionsResponse } from "@server/routers/apiKeys";
 import { AxiosResponse } from "axios";
 import { useParams } from "next/navigation";
 import { useEffect, useState } from "react";
+import { useTranslations } from "next-intl";
 
 export default function Page() {
     const { env } = useEnvContext();
     const api = createApiClient({ env });
     const { orgId, apiKeyId } = useParams();
 
+    const t = useTranslations();
+
     const [loadingPage, setLoadingPage] = useState<boolean>(true);
     const [selectedPermissions, setSelectedPermissions] = useState<
         Record<string, boolean>
@@ -42,10 +45,10 @@ export default function Page() {
                 .catch((e) => {
                     toast({
                         variant: "destructive",
-                        title: "Error loading API key actions",
+                        title: t('apiKeysPermissionsErrorLoadingActions'),
                         description: formatAxiosError(
                             e,
-                            "Error loading API key actions"
+                            t('apiKeysPermissionsErrorLoadingActions')
                         )
                     });
                 });
@@ -76,18 +79,18 @@ export default function Page() {
                 )
             })
             .catch((e) => {
-                console.error("Error setting permissions", e);
+                console.error(t('apiKeysErrorSetPermission'), e);
                 toast({
                     variant: "destructive",
-                    title: "Error setting permissions",
+                    title: t('apiKeysErrorSetPermission'),
                     description: formatAxiosError(e)
                 });
             });
 
         if (actionsRes && actionsRes.status === 200) {
             toast({
-                title: "Permissions updated",
+                title: t('apiKeysPermissionsUpdated'),
-                description: "The permissions have been updated."
+                description: t('apiKeysPermissionsUpdatedDescription')
             });
         }
 
@@ -101,10 +104,10 @@ export default function Page() {
                     <SettingsSection>
                         <SettingsSectionHeader>
                             <SettingsSectionTitle>
-                                Permissions
+                                {t('apiKeysPermissionsGeneralSettings')}
                             </SettingsSectionTitle>
                             <SettingsSectionDescription>
-                                Determine what this API key can do
+                                {t('apiKeysPermissionsGeneralSettingsDescription')}
                             </SettingsSectionDescription>
                         </SettingsSectionHeader>
                         <SettingsSectionBody>
@@ -121,7 +124,7 @@ export default function Page() {
                                     loading={loadingSavePermissions}
                                     disabled={loadingSavePermissions}
                                 >
-                                    Save Permissions
+                                    {t('apiKeysPermissionsSave')}
                                 </Button>
                             </SettingsSectionFooter>
                         </SettingsSectionBody>

src/app/[orgId]/settings/api-keys/create/page.tsx

@@ -55,21 +55,36 @@ import moment from "moment";
 import CopyCodeBox from "@server/emails/templates/components/CopyCodeBox";
 import CopyTextBox from "@app/components/CopyTextBox";
 import PermissionsSelectBox from "@app/components/PermissionsSelectBox";
+import { useTranslations } from "next-intl";
 
-const createFormSchema = z.object({
+export default function Page() {
+    const { env } = useEnvContext();
+    const api = createApiClient({ env });
+    const { orgId } = useParams();
+    const router = useRouter();
+    const t = useTranslations();
+
+    const [loadingPage, setLoadingPage] = useState(true);
+    const [createLoading, setCreateLoading] = useState(false);
+    const [apiKey, setApiKey] = useState<CreateOrgApiKeyResponse | null>(null);
+    const [selectedPermissions, setSelectedPermissions] = useState<
+        Record<string, boolean>
+    >({});
+
+    const createFormSchema = z.object({
         name: z
             .string()
             .min(2, {
-            message: "Name must be at least 2 characters."
+                message: t('nameMin', {len: 2})
             })
             .max(255, {
-            message: "Name must not be longer than 255 characters."
+                message: t('nameMax', {len: 255})
             })
-});
+    });
 
-type CreateFormValues = z.infer<typeof createFormSchema>;
+    type CreateFormValues = z.infer<typeof createFormSchema>;
 
-const copiedFormSchema = z
+    const copiedFormSchema = z
         .object({
             copied: z.boolean()
         })
@@ -78,25 +93,12 @@ const copiedFormSchema = z
                 return data.copied;
             },
             {
-            message: "You must confirm that you have copied the API key.",
+                message: t('apiKeysConfirmCopy2'),
                 path: ["copied"]
             }
         );
 
-type CopiedFormValues = z.infer<typeof copiedFormSchema>;
+    type CopiedFormValues = z.infer<typeof copiedFormSchema>;
-
-export default function Page() {
-    const { env } = useEnvContext();
-    const api = createApiClient({ env });
-    const { orgId } = useParams();
-    const router = useRouter();
-
-    const [loadingPage, setLoadingPage] = useState(true);
-    const [createLoading, setCreateLoading] = useState(false);
-    const [apiKey, setApiKey] = useState<CreateOrgApiKeyResponse | null>(null);
-    const [selectedPermissions, setSelectedPermissions] = useState<
-        Record<string, boolean>
-    >({});
 
     const form = useForm<CreateFormValues>({
         resolver: zodResolver(createFormSchema),
@@ -126,7 +128,7 @@ export default function Page() {
             .catch((e) => {
                 toast({
                     variant: "destructive",
-                    title: "Error creating API key",
+                    title: t('apiKeysErrorCreate'),
                     description: formatAxiosError(e)
                 });
             });
@@ -147,10 +149,10 @@ export default function Page() {
                     )
                 })
                 .catch((e) => {
-                    console.error("Error setting permissions", e);
+                    console.error(t('apiKeysErrorSetPermission'), e);
                     toast({
                         variant: "destructive",
-                        title: "Error setting permissions",
+                        title: t('apiKeysErrorSetPermission'),
                         description: formatAxiosError(e)
                     });
                 });
@@ -189,8 +191,8 @@ export default function Page() {
         <>
             <div className="flex justify-between">
                 <HeaderTitle
-                    title="Generate API Key"
+                    title={t('apiKeysCreate')}
-                    description="Generate a new API key for your organization"
+                    description={t('apiKeysCreateDescription')}
                 />
                 <Button
                     variant="outline"
@@ -198,7 +200,7 @@ export default function Page() {
                         router.push(`/${orgId}/settings/api-keys`);
                     }}
                 >
-                    See All API Keys
+                    {t('apiKeysSeeAll')}
                 </Button>
             </div>
 
@@ -210,7 +212,7 @@ export default function Page() {
                                 <SettingsSection>
                                     <SettingsSectionHeader>
                                         <SettingsSectionTitle>
-                                            API Key Information
+                                            {t('apiKeysTitle')}
                                         </SettingsSectionTitle>
                                     </SettingsSectionHeader>
                                     <SettingsSectionBody>
@@ -226,7 +228,7 @@ export default function Page() {
                                                         render={({ field }) => (
                                                             <FormItem>
                                                                 <FormLabel>
-                                                                    Name
+                                                                    {t('name')}
                                                                 </FormLabel>
                                                                 <FormControl>
                                                                     <Input
@@ -247,10 +249,10 @@ export default function Page() {
                                 <SettingsSection>
                                     <SettingsSectionHeader>
                                         <SettingsSectionTitle>
-                                            Permissions
+                                            {t('apiKeysGeneralSettings')}
                                         </SettingsSectionTitle>
                                         <SettingsSectionDescription>
-                                            Determine what this API key can do
+                                            {t('apiKeysGeneralSettingsDescription')}
                                         </SettingsSectionDescription>
                                     </SettingsSectionHeader>
                                     <SettingsSectionBody>
@@ -269,14 +271,14 @@ export default function Page() {
                             <SettingsSection>
                                 <SettingsSectionHeader>
                                     <SettingsSectionTitle>
-                                        Your API Key
+                                        {t('apiKeysList')}
                                     </SettingsSectionTitle>
                                 </SettingsSectionHeader>
                                 <SettingsSectionBody>
                                     <InfoSections cols={2}>
                                         <InfoSection>
                                             <InfoSectionTitle>
-                                                Name
+                                                {t('name')}
                                             </InfoSectionTitle>
                                             <InfoSectionContent>
                                                 <CopyToClipboard
@@ -286,7 +288,7 @@ export default function Page() {
                                         </InfoSection>
                                         <InfoSection>
                                             <InfoSectionTitle>
-                                                Created
+                                                {t('created')}
                                             </InfoSectionTitle>
                                             <InfoSectionContent>
                                                 {moment(
@@ -299,17 +301,15 @@ export default function Page() {
                                     <Alert variant="neutral">
                                         <InfoIcon className="h-4 w-4" />
                                         <AlertTitle className="font-semibold">
-                                            Save Your API Key
+                                            {t('apiKeysSave')}
                                         </AlertTitle>
                                         <AlertDescription>
-                                            You will only be able to see this
+                                            {t('apiKeysSaveDescription')}
-                                            once. Make sure to copy it to a
-                                            secure place.
                                         </AlertDescription>
                                     </Alert>
 
                                     <h4 className="font-semibold">
-                                        Your API key is:
+                                        {t('apiKeysInfo')}
                                     </h4>
 
                                     <CopyTextBox
@@ -347,8 +347,7 @@ export default function Page() {
                                                                 htmlFor="terms"
                                                                 className="text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70"
                                                             >
-                                                                I have copied
+                                                                {t('apiKeysConfirmCopy')}
-                                                                the API key
                                                             </label>
                                                         </div>
                                                         <FormMessage />
@@ -372,7 +371,7 @@ export default function Page() {
                                     router.push(`/${orgId}/settings/api-keys`);
                                 }}
                             >
-                                Cancel
+                                {t('cancel')}
                             </Button>
                         )}
                         {!apiKey && (
@@ -384,7 +383,7 @@ export default function Page() {
                                     form.handleSubmit(onSubmit)();
                                 }}
                             >
-                                Generate
+                                {t('generate')}
                             </Button>
                         )}
 
@@ -395,7 +394,7 @@ export default function Page() {
                                     copiedForm.handleSubmit(onCopiedSubmit)();
                                 }}
                             >
-                                Done
+                                {t('done')}
                             </Button>
                         )}
                     </div>

src/app/[orgId]/settings/api-keys/page.tsx

@@ -4,6 +4,7 @@ import { AxiosResponse } from "axios";
 import SettingsSectionTitle from "@app/components/SettingsSectionTitle";
 import OrgApiKeysTable, { OrgApiKeyRow } from "./OrgApiKeysTable";
 import { ListOrgApiKeysResponse } from "@server/routers/apiKeys";
+import { getTranslations } from 'next-intl/server';
 
 type ApiKeyPageProps = {
     params: Promise<{ orgId: string }>;
@@ -13,6 +14,8 @@ export const dynamic = "force-dynamic";
 
 export default async function ApiKeysPage(props: ApiKeyPageProps) {
     const params = await props.params;
+    const t = await getTranslations();
+    
     let apiKeys: ListOrgApiKeysResponse["apiKeys"] = [];
     try {
         const res = await internal.get<AxiosResponse<ListOrgApiKeysResponse>>(
@@ -34,8 +37,8 @@ export default async function ApiKeysPage(props: ApiKeyPageProps) {
     return (
         <>
             <SettingsSectionTitle
-                title="Manage API Keys"
+                title={t('apiKeysManage')}
-                description="API keys are used to authenticate with the integration API"
+                description={t('apiKeysDescription')}
             />
 
             <OrgApiKeysTable apiKeys={rows} orgId={params.orgId} />

src/app/[orgId]/settings/general/layout.tsx

@@ -10,6 +10,7 @@ import { GetOrgUserResponse } from "@server/routers/user";
 import { AxiosResponse } from "axios";
 import { redirect } from "next/navigation";
 import { cache } from "react";
+import { getTranslations } from 'next-intl/server';
 
 type GeneralSettingsProps = {
     children: React.ReactNode;
@@ -57,9 +58,11 @@ export default async function GeneralSettingsPage({
         redirect(`/${orgId}`);
     }
 
+    const t = await getTranslations();
+
     const navItems = [
         {
-            title: "General",
+            title: t('general'),
             href: `/{orgId}/settings/general`,
         },
     ];
@@ -69,8 +72,8 @@ export default async function GeneralSettingsPage({
             <OrgProvider org={org}>
                 <OrgUserProvider orgUser={orgUser}>
                     <SettingsSectionTitle
-                        title="General"
+                        title={t('general')}
-                        description="Configure your organization's general settings"
+                        description={t('orgSettingsDescription')}
                     />
 
                     <HorizontalTabs items={navItems}>

src/app/[orgId]/settings/general/page.tsx

@@ -44,6 +44,7 @@ import {
     SettingsSectionFooter
 } from "@app/components/Settings";
 import { useUserContext } from "@app/hooks/useUserContext";
+import { useTranslations } from 'next-intl';
 
 const GeneralFormSchema = z.object({
     name: z.string()
@@ -59,6 +60,7 @@ export default function GeneralPage() {
     const { org } = useOrgContext();
     const api = createApiClient(useEnvContext());
     const { user } = useUserContext();
+    const t = useTranslations();
 
     const [loadingDelete, setLoadingDelete] = useState(false);
     const [loadingSave, setLoadingSave] = useState(false);
@@ -79,8 +81,8 @@ export default function GeneralPage() {
             );
 
             toast({
-                title: "Organization deleted",
+                title: t('orgDeleted'),
-                description: "The organization and its data has been deleted."
+                description: t('orgDeletedMessage')
             });
 
             if (res.status === 200) {
@@ -90,11 +92,8 @@ export default function GeneralPage() {
             console.error(err);
             toast({
                 variant: "destructive",
-                title: "Failed to delete org",
+                title: t('orgErrorDelete'),
-                description: formatAxiosError(
+                description: formatAxiosError(err, t('orgErrorDeleteMessage'))
-                    err,
-                    "An error occurred while deleting the org."
-                )
             });
         } finally {
             setLoadingDelete(false);
@@ -121,11 +120,8 @@ export default function GeneralPage() {
             console.error(err);
             toast({
                 variant: "destructive",
-                title: "Failed to fetch orgs",
+                title: t('orgErrorFetch'),
-                description: formatAxiosError(
+                description: formatAxiosError(err, t('orgErrorFetchMessage'))
-                    err,
-                    "An error occurred while listing your orgs"
-                )
             });
         }
     }
@@ -138,8 +134,8 @@ export default function GeneralPage() {
             })
             .then(() => {
                 toast({
-                    title: "Organization updated",
+                    title: t('orgUpdated'),
-                    description: "The organization has been updated."
+                    description: t('orgUpdatedDescription')
                 });
 
                 router.refresh();
@@ -147,11 +143,8 @@ export default function GeneralPage() {
             .catch((e) => {
                 toast({
                     variant: "destructive",
-                    title: "Failed to update org",
+                    title: t('orgErrorUpdate'),
-                    description: formatAxiosError(
+                    description: formatAxiosError(e, t('orgErrorUpdateMessage'))
-                        e,
-                        "An error occurred while updating the org."
-                    )
                 });
             })
             .finally(() => {
@@ -169,31 +162,29 @@ export default function GeneralPage() {
                 dialog={
                     <div>
                         <p className="mb-2">
-                            Are you sure you want to delete the organization{" "}
+                            {t('orgQuestionRemove', {selectedOrg: org?.org.name})}
-                            <b>{org?.org.name}?</b>
                         </p>
                         <p className="mb-2">
-                            This action is irreversible and will delete all
+                            {t('orgMessageRemove')}
-                            associated data.
                         </p>
                         <p>
-                            To confirm, type the name of the organization below.
+                            {t('orgMessageConfirm')}
                         </p>
                     </div>
                 }
-                buttonText="Confirm Delete Organization"
+                buttonText={t('orgDeleteConfirm')}
                 onConfirm={deleteOrg}
                 string={org?.org.name || ""}
-                title="Delete Organization"
+                title={t('orgDelete')}
             />
 
             <SettingsSection>
                 <SettingsSectionHeader>
                     <SettingsSectionTitle>
-                        Organization Settings
+                        {t('orgGeneralSettings')}
                     </SettingsSectionTitle>
                     <SettingsSectionDescription>
-                        Manage your organization details and configuration
+                        {t('orgGeneralSettingsDescription')}
                     </SettingsSectionDescription>
                 </SettingsSectionHeader>
 
@@ -210,14 +201,13 @@ export default function GeneralPage() {
                                     name="name"
                                     render={({ field }) => (
                                         <FormItem>
-                                            <FormLabel>Name</FormLabel>
+                                            <FormLabel>{t('name')}</FormLabel>
                                             <FormControl>
                                                 <Input {...field} />
                                             </FormControl>
                                             <FormMessage />
                                             <FormDescription>
-                                                This is the display name of the
+                                                {t('orgDisplayName')}
-                                                organization.
                                             </FormDescription>
                                         </FormItem>
                                     )}
@@ -234,17 +224,16 @@ export default function GeneralPage() {
                         loading={loadingSave}
                         disabled={loadingSave}
                     >
-                        Save General Settings
+                        {t('saveGeneralSettings')}
                     </Button>
                 </SettingsSectionFooter>
             </SettingsSection>
 
             <SettingsSection>
                 <SettingsSectionHeader>
-                    <SettingsSectionTitle>Danger Zone</SettingsSectionTitle>
+                    <SettingsSectionTitle>{t('orgDangerZone')}</SettingsSectionTitle>
                     <SettingsSectionDescription>
-                        Once you delete this org, there is no going back. Please
+                        {t('orgDangerZoneDescription')}
-                        be certain.
                     </SettingsSectionDescription>
                 </SettingsSectionHeader>
 
@@ -256,7 +245,7 @@ export default function GeneralPage() {
                         loading={loadingDelete}
                         disabled={loadingDelete}
                     >
-                        Delete Organization Data
+                        {t('orgDelete')}
                     </Button>
                 </SettingsSectionFooter>
             </SettingsSection>

src/app/[orgId]/settings/layout.tsx

@@ -19,6 +19,7 @@ import UserProvider from "@app/providers/UserProvider";
 import { Layout } from "@app/components/Layout";
 import { SidebarNavItem, SidebarNavProps } from "@app/components/SidebarNav";
 import { orgNavItems } from "@app/app/navigation";
+import { getTranslations } from 'next-intl/server';
 
 export const dynamic = "force-dynamic";
 
@@ -46,6 +47,8 @@ export default async function SettingsLayout(props: SettingsLayoutProps) {
 
     const cookie = await authCookieHeader();
 
+    const t = await getTranslations();
+
     try {
         const getOrgUser = cache(() =>
             internal.get<AxiosResponse<GetOrgUserResponse>>(
@@ -56,7 +59,7 @@ export default async function SettingsLayout(props: SettingsLayoutProps) {
         const orgUser = await getOrgUser();
 
         if (!orgUser.data.data.isAdmin && !orgUser.data.data.isOwner) {
-            throw new Error("User is not an admin or owner");
+            throw new Error(t('userErrorNotAdminOrOwner'));
         }
     } catch {
         redirect(`/${params.orgId}`);

src/app/[orgId]/settings/resources/ResourcesDataTable.tsx

@@ -2,6 +2,7 @@
 
 import { ColumnDef } from "@tanstack/react-table";
 import { DataTable } from "@app/components/ui/data-table";
+import { useTranslations } from 'next-intl';
 
 interface DataTableProps<TData, TValue> {
     columns: ColumnDef<TData, TValue>[];
@@ -14,15 +15,18 @@ export function ResourcesDataTable<TData, TValue>({
     data,
     createResource
 }: DataTableProps<TData, TValue>) {
+
+    const t = useTranslations();
+
     return (
         <DataTable
             columns={columns}
             data={data}
-            title="Resources"
+            title={t('resources')}
-            searchPlaceholder="Search resources..."
+            searchPlaceholder={t('resourcesSearch')}
             searchColumn="name"
             onAdd={createResource}
-            addButtonText="Add Resource"
+            addButtonText={t('resourceAdd')}
             defaultSort={{
                 id: "name",
                 desc: false

src/app/[orgId]/settings/resources/ResourcesSplashCard.tsx

@@ -4,6 +4,7 @@ import React, { useState, useEffect } from "react";
 import { Server, Lock, Key, Users, X, ArrowRight } from "lucide-react"; // Replace with actual imports
 import { Card, CardContent } from "@app/components/ui/card";
 import { Button } from "@app/components/ui/button";
+import { useTranslations } from "next-intl";
 
 export const ResourcesSplashCard = () => {
     const [isDismissed, setIsDismissed] = useState(false);
@@ -22,6 +23,8 @@ export const ResourcesSplashCard = () => {
         localStorage.setItem(key, "true");
     };
 
+    const t = useTranslations();
+
     if (isDismissed) {
         return null;
     }
@@ -31,7 +34,7 @@ export const ResourcesSplashCard = () => {
             <button
                 onClick={handleDismiss}
                 className="absolute top-2 right-2 p-2"
-                aria-label="Dismiss"
+                aria-label={t('dismiss')}
             >
                 <X className="w-5 h-5" />
             </button>
@@ -39,24 +42,23 @@ export const ResourcesSplashCard = () => {
                 <div className="space-y-4">
                     <h3 className="text-xl font-semibold flex items-center gap-2">
                         <Server className="text-blue-500" />
-                        Resources
+                        {t('resources')}
                     </h3>
                     <p className="text-sm">
-                        Resources are proxies to applications running on your private network. Create a resource for any HTTP/HTTPS or raw TCP/UDP service on your private network.
+                        {t('resourcesDescription')}
-                        Each resource must be connected to a site to enable private, secure connectivity through an encrypted WireGuard tunnel.
                     </p>
                     <ul className="text-sm text-muted-foreground space-y-2">
                         <li className="flex items-center gap-2">
                             <Lock className="text-green-500 w-4 h-4" />
-                            Secure connectivity with WireGuard encryption
+                            {t('resourcesWireGuardConnect')}
                         </li>
                         <li className="flex items-center gap-2">
                             <Key className="text-yellow-500 w-4 h-4" />
-                            Configure multiple authentication methods
+                            {t('resourcesMultipleAuthenticationMethods')}
                         </li>
                         <li className="flex items-center gap-2">
                             <Users className="text-purple-500 w-4 h-4" />
-                            User and role-based access control
+                            {t('resourcesUsersRolesAccess')}
                         </li>
                     </ul>
                 </div>

src/app/[orgId]/settings/resources/ResourcesTable.tsx

@@ -31,6 +31,7 @@ import CopyToClipboard from "@app/components/CopyToClipboard";
 import { Switch } from "@app/components/ui/switch";
 import { AxiosResponse } from "axios";
 import { UpdateResourceResponse } from "@server/routers/resource";
+import { useTranslations } from 'next-intl';
 
 export type ResourceRow = {
     id: number;
@@ -53,6 +54,7 @@ type ResourcesTableProps = {
 
 export default function SitesTable({ resources, orgId }: ResourcesTableProps) {
     const router = useRouter();
+    const t = useTranslations();
 
     const api = createApiClient(useEnvContext());
 
@@ -63,11 +65,11 @@ export default function SitesTable({ resources, orgId }: ResourcesTableProps) {
     const deleteResource = (resourceId: number) => {
         api.delete(`/resource/${resourceId}`)
             .catch((e) => {
-                console.error("Error deleting resource", e);
+                console.error(t('resourceErrorDelte'), e);
                 toast({
                     variant: "destructive",
-                    title: "Error deleting resource",
+                    title: t('resourceErrorDelte'),
-                    description: formatAxiosError(e, "Error deleting resource")
+                    description: formatAxiosError(e, t('resourceErrorDelte'))
                 });
             })
             .then(() => {
@@ -87,11 +89,8 @@ export default function SitesTable({ resources, orgId }: ResourcesTableProps) {
             .catch((e) => {
                 toast({
                     variant: "destructive",
-                    title: "Failed to toggle resource",
+                    title: t('resourcesErrorUpdate'),
-                    description: formatAxiosError(
+                    description: formatAxiosError(e, t('resourcesErrorUpdateDescription'))
-                        e,
-                        "An error occurred while updating the resource"
-                    )
                 });
             });
     }
@@ -108,7 +107,7 @@ export default function SitesTable({ resources, orgId }: ResourcesTableProps) {
                     <DropdownMenu>
                         <DropdownMenuTrigger asChild>
                             <Button variant="ghost" className="h-8 w-8 p-0">
-                                <span className="sr-only">Open menu</span>
+                                <span className="sr-only">{t('openMenu')}</span>
                                 <MoreHorizontal className="h-4 w-4" />
                             </Button>
                         </DropdownMenuTrigger>
@@ -118,7 +117,7 @@ export default function SitesTable({ resources, orgId }: ResourcesTableProps) {
                                 href={`/${resourceRow.orgId}/settings/resources/${resourceRow.id}`}
                             >
                                 <DropdownMenuItem>
-                                    View settings
+                                    {t('viewSettings')}
                                 </DropdownMenuItem>
                             </Link>
                             <DropdownMenuItem
@@ -127,7 +126,7 @@ export default function SitesTable({ resources, orgId }: ResourcesTableProps) {
                                     setIsDeleteModalOpen(true);
                                 }}
                             >
-                                <span className="text-red-500">Delete</span>
+                                <span className="text-red-500">{t('delete')}</span>
                             </DropdownMenuItem>
                         </DropdownMenuContent>
                     </DropdownMenu>
@@ -144,7 +143,7 @@ export default function SitesTable({ resources, orgId }: ResourcesTableProps) {
                             column.toggleSorting(column.getIsSorted() === "asc")
                         }
                     >
-                        Name
+                        {t('name')}
                         <ArrowUpDown className="ml-2 h-4 w-4" />
                     </Button>
                 );
@@ -160,7 +159,7 @@ export default function SitesTable({ resources, orgId }: ResourcesTableProps) {
                             column.toggleSorting(column.getIsSorted() === "asc")
                         }
                     >
-                        Site
+                        {t('site')}
                         <ArrowUpDown className="ml-2 h-4 w-4" />
                     </Button>
                 );
@@ -181,7 +180,7 @@ export default function SitesTable({ resources, orgId }: ResourcesTableProps) {
         },
         {
             accessorKey: "protocol",
-            header: "Protocol",
+            header: t('protocol'),
             cell: ({ row }) => {
                 const resourceRow = row.original;
                 return <span>{resourceRow.protocol.toUpperCase()}</span>;
@@ -189,7 +188,7 @@ export default function SitesTable({ resources, orgId }: ResourcesTableProps) {
         },
         {
             accessorKey: "domain",
-            header: "Access",
+            header: t('access'),
             cell: ({ row }) => {
                 const resourceRow = row.original;
                 return (
@@ -219,7 +218,7 @@ export default function SitesTable({ resources, orgId }: ResourcesTableProps) {
                             column.toggleSorting(column.getIsSorted() === "asc")
                         }
                     >
-                        Authentication
+                        {t('authentication')}
                         <ArrowUpDown className="ml-2 h-4 w-4" />
                     </Button>
                 );
@@ -231,12 +230,12 @@ export default function SitesTable({ resources, orgId }: ResourcesTableProps) {
                         {resourceRow.authState === "protected" ? (
                             <span className="text-green-500 flex items-center space-x-2">
                                 <ShieldCheck className="w-4 h-4" />
-                                <span>Protected</span>
+                                <span>{t('protected')}</span>
                             </span>
                         ) : resourceRow.authState === "not_protected" ? (
                             <span className="text-yellow-500 flex items-center space-x-2">
                                 <ShieldOff className="w-4 h-4" />
-                                <span>Not Protected</span>
+                                <span>{t('notProtected')}</span>
                             </span>
                         ) : (
                             <span>-</span>
@@ -247,7 +246,7 @@ export default function SitesTable({ resources, orgId }: ResourcesTableProps) {
         },
         {
             accessorKey: "enabled",
-            header: "Enabled",
+            header: t('enabled'),
             cell: ({ row }) => (
                 <Switch
                     defaultChecked={row.original.enabled}
@@ -267,7 +266,7 @@ export default function SitesTable({ resources, orgId }: ResourcesTableProps) {
                             href={`/${resourceRow.orgId}/settings/resources/${resourceRow.id}`}
                         >
                             <Button variant={"outlinePrimary"} className="ml-2">
-                                Edit
+                                {t('edit')}
                                 <ArrowRight className="ml-2 w-4 h-4" />
                             </Button>
                         </Link>
@@ -289,30 +288,22 @@ export default function SitesTable({ resources, orgId }: ResourcesTableProps) {
                     dialog={
                         <div>
                             <p className="mb-2">
-                                Are you sure you want to remove the resource{" "}
+                                {t('resourceQuestionRemove', {selectedResource: selectedResource?.name || selectedResource?.id})}
-                                <b>
-                                    {selectedResource?.name ||
-                                        selectedResource?.id}
-                                </b>{" "}
-                                from the organization?
                             </p>
 
                             <p className="mb-2">
-                                Once removed, the resource will no longer be
+                                {t('resourceMessageRemove')}
-                                accessible. All targets attached to the resource
-                                will be removed.
                             </p>
 
                             <p>
-                                To confirm, please type the name of the resource
+                                {t('resourceMessageConfirm')}
-                                below.
                             </p>
                         </div>
                     }
-                    buttonText="Confirm Delete Resource"
+                    buttonText={t('resourceDeleteConfirm')}
                     onConfirm={async () => deleteResource(selectedResource!.id)}
                     string={selectedResource.name}
-                    title="Delete Resource"
+                    title={t('resourceDelete')}
                 />
             )}
 

src/app/[orgId]/settings/resources/[resourceId]/ResourceInfoBox.tsx

@@ -13,6 +13,7 @@ import {
 import { createApiClient } from "@app/lib/api";
 import { useEnvContext } from "@app/hooks/useEnvContext";
 import { useDockerSocket } from "@app/hooks/useDockerSocket";
+import { useTranslations } from "next-intl";
 
 type ResourceInfoBoxType = {};
 
@@ -21,6 +22,7 @@ export default function ResourceInfoBox({}: ResourceInfoBoxType) {
     const api = createApiClient(useEnvContext());
 
     const { isEnabled, isAvailable } = useDockerSocket(site!);
+    const t = useTranslations();
 
     let fullUrl = `${resource.ssl ? "https" : "http"}://${resource.fullDomain}`;
 
@@ -28,7 +30,7 @@ export default function ResourceInfoBox({}: ResourceInfoBoxType) {
         <Alert>
             <InfoIcon className="h-4 w-4" />
             <AlertTitle className="font-semibold">
-                Resource Information
+                {t('resourceInfo')}
             </AlertTitle>
             <AlertDescription className="mt-4">
                 <InfoSections cols={4}>
@@ -36,7 +38,7 @@ export default function ResourceInfoBox({}: ResourceInfoBoxType) {
                         <>
                             <InfoSection>
                                 <InfoSectionTitle>
-                                    Authentication
+                                    {t('authentication')}
                                 </InfoSectionTitle>
                                 <InfoSectionContent>
                                     {authInfo.password ||
@@ -45,12 +47,12 @@ export default function ResourceInfoBox({}: ResourceInfoBoxType) {
                                     authInfo.whitelist ? (
                                         <div className="flex items-start space-x-2 text-green-500">
                                             <ShieldCheck className="w-4 h-4 mt-0.5" />
-                                            <span>Protected</span>
+                                            <span>{t('protected')}</span>
                                         </div>
                                     ) : (
                                         <div className="flex items-center space-x-2 text-yellow-500">
                                             <ShieldOff className="w-4 h-4" />
-                                            <span>Not Protected</span>
+                                            <span>{t('notProtected')}</span>
                                         </div>
                                     )}
                                 </InfoSectionContent>
@@ -65,7 +67,7 @@ export default function ResourceInfoBox({}: ResourceInfoBoxType) {
                                 </InfoSectionContent>
                             </InfoSection>
                             <InfoSection>
-                                <InfoSectionTitle>Site</InfoSectionTitle>
+                                <InfoSectionTitle>{t('site')}</InfoSectionTitle>
                                 <InfoSectionContent>
                                     {resource.siteName}
                                 </InfoSectionContent>
@@ -92,7 +94,7 @@ export default function ResourceInfoBox({}: ResourceInfoBoxType) {
                     ) : (
                         <>
                             <InfoSection>
-                                <InfoSectionTitle>Protocol</InfoSectionTitle>
+                                <InfoSectionTitle>{t('protocol')}</InfoSectionTitle>
                                 <InfoSectionContent>
                                     <span>
                                         {resource.protocol.toUpperCase()}
@@ -100,7 +102,7 @@ export default function ResourceInfoBox({}: ResourceInfoBoxType) {
                                 </InfoSectionContent>
                             </InfoSection>
                             <InfoSection>
-                                <InfoSectionTitle>Port</InfoSectionTitle>
+                                <InfoSectionTitle>{t('port')}</InfoSectionTitle>
                                 <InfoSectionContent>
                                     <CopyToClipboard
                                         text={resource.proxyPort!.toString()}
@@ -111,10 +113,10 @@ export default function ResourceInfoBox({}: ResourceInfoBoxType) {
                         </>
                     )}
                     <InfoSection>
-                        <InfoSectionTitle>Visibility</InfoSectionTitle>
+                        <InfoSectionTitle>{t('visibility')}</InfoSectionTitle>
                         <InfoSectionContent>
                             <span>
-                                {resource.enabled ? "Enabled" : "Disabled"}
+                                {resource.enabled ? t('enabled') : t('disabled')}
                             </span>
                         </InfoSectionContent>
                     </InfoSection>

src/app/[orgId]/settings/resources/[resourceId]/authentication/SetResourcePasswordForm.tsx

@@ -31,6 +31,7 @@ import { AxiosResponse } from "axios";
 import { Resource } from "@server/db";
 import { createApiClient } from "@app/lib/api";
 import { useEnvContext } from "@app/hooks/useEnvContext";
+import { useTranslations } from "next-intl";
 
 const setPasswordFormSchema = z.object({
     password: z.string().min(4).max(100)
@@ -56,6 +57,7 @@ export default function SetResourcePasswordForm({
     onSetPassword
 }: SetPasswordFormProps) {
     const api = createApiClient(useEnvContext());
+    const t = useTranslations();
 
     const [loading, setLoading] = useState(false);
 
@@ -81,18 +83,17 @@ export default function SetResourcePasswordForm({
             .catch((e) => {
                 toast({
                     variant: "destructive",
-                    title: "Error setting resource password",
+                    title: t('resourceErrorPasswordSetup'),
                     description: formatAxiosError(
                         e,
-                        "An error occurred while setting the resource password"
+                        t('resourceErrorPasswordSetupDescription')
                     )
                 });
             })
             .then(() => {
                 toast({
-                    title: "Resource password set",
+                    title: t('resourcePasswordSetup'),
-                    description:
+                    description: t('resourcePasswordSetupDescription')
-                        "The resource password has been set successfully"
                 });
 
                 if (onSetPassword) {
@@ -114,9 +115,9 @@ export default function SetResourcePasswordForm({
             >
                 <CredenzaContent>
                     <CredenzaHeader>
-                        <CredenzaTitle>Set Password</CredenzaTitle>
+                        <CredenzaTitle>{t('resourcePasswordSetupTitle')}</CredenzaTitle>
                         <CredenzaDescription>
-                            Set a password to protect this resource
+                            {t('resourcePasswordSetupTitleDescription')}
                         </CredenzaDescription>
                     </CredenzaHeader>
                     <CredenzaBody>
@@ -131,7 +132,7 @@ export default function SetResourcePasswordForm({
                                     name="password"
                                     render={({ field }) => (
                                         <FormItem>
-                                            <FormLabel>Password</FormLabel>
+                                            <FormLabel>{t('password')}</FormLabel>
                                             <FormControl>
                                                 <Input
                                                     autoComplete="off"
@@ -148,7 +149,7 @@ export default function SetResourcePasswordForm({
                     </CredenzaBody>
                     <CredenzaFooter>
                         <CredenzaClose asChild>
-                            <Button variant="outline">Close</Button>
+                            <Button variant="outline">{t('close')}</Button>
                         </CredenzaClose>
                         <Button
                             type="submit"
@@ -156,7 +157,7 @@ export default function SetResourcePasswordForm({
                             loading={loading}
                             disabled={loading}
                         >
-                            Enable Password Protection
+                            {t('resourcePasswordSubmit')}
                         </Button>
                     </CredenzaFooter>
                 </CredenzaContent>

src/app/[orgId]/settings/resources/[resourceId]/authentication/SetResourcePincodeForm.tsx

@@ -36,6 +36,7 @@ import {
 } from "@app/components/ui/input-otp";
 import { createApiClient } from "@app/lib/api";
 import { useEnvContext } from "@app/hooks/useEnvContext";
+import { useTranslations } from "next-intl";
 
 const setPincodeFormSchema = z.object({
     pincode: z.string().length(6)
@@ -69,6 +70,8 @@ export default function SetResourcePincodeForm({
         defaultValues
     });
 
+    const t = useTranslations();
+
     useEffect(() => {
         if (!open) {
             return;
@@ -86,18 +89,17 @@ export default function SetResourcePincodeForm({
             .catch((e) => {
                 toast({
                     variant: "destructive",
-                    title: "Error setting resource PIN code",
+                    title: t('resourceErrorPincodeSetup'),
                     description: formatAxiosError(
                         e,
-                        "An error occurred while setting the resource PIN code"
+                        t('resourceErrorPincodeSetupDescription')
                     )
                 });
             })
             .then(() => {
                 toast({
-                    title: "Resource PIN code set",
+                    title: t('resourcePincodeSetup'),
-                    description:
+                    description: t('resourcePincodeSetupDescription')
-                        "The resource pincode has been set successfully"
                 });
 
                 if (onSetPincode) {
@@ -119,9 +121,9 @@ export default function SetResourcePincodeForm({
             >
                 <CredenzaContent>
                     <CredenzaHeader>
-                        <CredenzaTitle>Set Pincode</CredenzaTitle>
+                        <CredenzaTitle>{t('resourcePincodeSetupTitle')}</CredenzaTitle>
                         <CredenzaDescription>
-                            Set a pincode to protect this resource
+                            {t('resourcePincodeSetupTitleDescription')}
                         </CredenzaDescription>
                     </CredenzaHeader>
                     <CredenzaBody>
@@ -136,7 +138,7 @@ export default function SetResourcePincodeForm({
                                     name="pincode"
                                     render={({ field }) => (
                                         <FormItem>
-                                            <FormLabel>PIN Code</FormLabel>
+                                            <FormLabel>{t('resourcePincode')}</FormLabel>
                                             <FormControl>
                                                 <div className="flex justify-center">
                                                     <InputOTP
@@ -182,7 +184,7 @@ export default function SetResourcePincodeForm({
                     </CredenzaBody>
                     <CredenzaFooter>
                         <CredenzaClose asChild>
-                            <Button variant="outline">Close</Button>
+                            <Button variant="outline">{t('close')}</Button>
                         </CredenzaClose>
                         <Button
                             type="submit"
@@ -190,7 +192,7 @@ export default function SetResourcePincodeForm({
                             loading={loading}
                             disabled={loading}
                         >
-                            Enable PIN Code Protection
+                            {t('resourcePincodeSubmit')}
                         </Button>
                     </CredenzaFooter>
                 </CredenzaContent>

src/app/[orgId]/settings/resources/[resourceId]/authentication/page.tsx

@@ -48,6 +48,7 @@ import { useRouter } from "next/navigation";
 import { UserType } from "@server/types/UserTypes";
 import { Alert, AlertDescription, AlertTitle } from "@app/components/ui/alert";
 import { InfoIcon } from "lucide-react";
+import { useTranslations } from "next-intl";
 
 const UsersRolesFormSchema = z.object({
     roles: z.array(
@@ -82,6 +83,7 @@ export default function ResourceAuthenticationPage() {
 
     const api = createApiClient({ env });
     const router = useRouter();
+    const t = useTranslations();
 
     const [pageLoading, setPageLoading] = useState(true);
 
@@ -203,10 +205,10 @@ export default function ResourceAuthenticationPage() {
                 console.error(e);
                 toast({
                     variant: "destructive",
-                    title: "Failed to fetch data",
+                    title: t('resourceErrorAuthFetch'),
                     description: formatAxiosError(
                         e,
-                        "An error occurred while fetching the data"
+                        t('resourceErrorAuthFetchDescription')
                     )
                 });
             }
@@ -233,18 +235,18 @@ export default function ResourceAuthenticationPage() {
             });
 
             toast({
-                title: "Saved successfully",
+                title: t('resourceWhitelistSave'),
-                description: "Whitelist settings have been saved"
+                description: t('resourceWhitelistSaveDescription')
             });
             router.refresh();
         } catch (e) {
             console.error(e);
             toast({
                 variant: "destructive",
-                title: "Failed to save whitelist",
+                title: t('resourceErrorWhitelistSave'),
                 description: formatAxiosError(
                     e,
-                    "An error occurred while saving the whitelist"
+                    t('resourceErrorWhitelistSaveDescription')
                 )
             });
         } finally {
@@ -281,18 +283,18 @@ export default function ResourceAuthenticationPage() {
             });
 
             toast({
-                title: "Saved successfully",
+                title: t('resourceAuthSettingsSave'),
-                description: "Authentication settings have been saved"
+                description: t('resourceAuthSettingsSaveDescription')
             });
             router.refresh();
         } catch (e) {
             console.error(e);
             toast({
                 variant: "destructive",
-                title: "Failed to set roles",
+                title: t('resourceErrorUsersRolesSave'),
                 description: formatAxiosError(
                     e,
-                    "An error occurred while setting the roles"
+                    t('resourceErrorUsersRolesSaveDescription')
                 )
             });
         } finally {
@@ -308,9 +310,8 @@ export default function ResourceAuthenticationPage() {
         })
             .then(() => {
                 toast({
-                    title: "Resource password removed",
+                    title: t('resourcePasswordRemove'),
-                    description:
+                    description: t('resourcePasswordRemoveDescription')
-                        "The resource password has been removed successfully"
                 });
 
                 updateAuthInfo({
@@ -321,10 +322,10 @@ export default function ResourceAuthenticationPage() {
             .catch((e) => {
                 toast({
                     variant: "destructive",
-                    title: "Error removing resource password",
+                    title: t('resourceErrorPasswordRemove'),
                     description: formatAxiosError(
                         e,
-                        "An error occurred while removing the resource password"
+                        t('resourceErrorPasswordRemoveDescription')
                     )
                 });
             })
@@ -339,9 +340,8 @@ export default function ResourceAuthenticationPage() {
         })
             .then(() => {
                 toast({
-                    title: "Resource pincode removed",
+                    title: t('resourcePincodeRemove'),
-                    description:
+                    description: t('resourcePincodeRemoveDescription')
-                        "The resource password has been removed successfully"
                 });
 
                 updateAuthInfo({
@@ -352,10 +352,10 @@ export default function ResourceAuthenticationPage() {
             .catch((e) => {
                 toast({
                     variant: "destructive",
-                    title: "Error removing resource pincode",
+                    title: t('resourceErrorPincodeRemove'),
                     description: formatAxiosError(
                         e,
-                        "An error occurred while removing the resource pincode"
+                        t('resourceErrorPincodeRemoveDescription')
                     )
                 });
             })
@@ -400,18 +400,17 @@ export default function ResourceAuthenticationPage() {
                 <SettingsSection>
                     <SettingsSectionHeader>
                         <SettingsSectionTitle>
-                            Users & Roles
+                            {t('resourceUsersRoles')}
                         </SettingsSectionTitle>
                         <SettingsSectionDescription>
-                            Configure which users and roles can visit this
+                            {t('resourceUsersRolesDescription')}
-                            resource
                         </SettingsSectionDescription>
                     </SettingsSectionHeader>
                     <SettingsSectionBody>
                         <SwitchInput
                             id="sso-toggle"
-                            label="Use Platform SSO"
+                            label={t('ssoUse')}
-                            description="Existing users will only have to log in once for all resources that have this enabled."
+                            description={t('ssoUseDescription')}
                             defaultChecked={resource.sso}
                             onCheckedChange={(val) => setSsoEnabled(val)}
                         />
@@ -431,7 +430,7 @@ export default function ResourceAuthenticationPage() {
                                             name="roles"
                                             render={({ field }) => (
                                                 <FormItem className="flex flex-col items-start">
-                                                    <FormLabel>Roles</FormLabel>
+                                                    <FormLabel>{t('roles')}</FormLabel>
                                                     <FormControl>
                                                         <TagInput
                                                             {...field}
@@ -441,7 +440,7 @@ export default function ResourceAuthenticationPage() {
                                                             setActiveTagIndex={
                                                                 setActiveRolesTagIndex
                                                             }
-                                                            placeholder="Select a role"
+                                                            placeholder={t('accessRoleSelect2')}
                                                             size="sm"
                                                             tags={
                                                                 usersRolesForm.getValues()
@@ -475,8 +474,7 @@ export default function ResourceAuthenticationPage() {
                                                     </FormControl>
                                                     <FormMessage />
                                                     <FormDescription>
-                                                        Admins can always access
+                                                        {t('resourceRoleDescription')}
-                                                        this resource.
                                                     </FormDescription>
                                                 </FormItem>
                                             )}
@@ -486,7 +484,7 @@ export default function ResourceAuthenticationPage() {
                                             name="users"
                                             render={({ field }) => (
                                                 <FormItem className="flex flex-col items-start">
-                                                    <FormLabel>Users</FormLabel>
+                                                    <FormLabel>{t('users')}</FormLabel>
                                                     <FormControl>
                                                         <TagInput
                                                             {...field}
@@ -496,7 +494,7 @@ export default function ResourceAuthenticationPage() {
                                                             setActiveTagIndex={
                                                                 setActiveUsersTagIndex
                                                             }
-                                                            placeholder="Select a user"
+                                                            placeholder={t('accessUserSelect')}
                                                             tags={
                                                                 usersRolesForm.getValues()
                                                                     .users
@@ -544,7 +542,7 @@ export default function ResourceAuthenticationPage() {
                             disabled={loadingSaveUsersRoles}
                             form="users-roles-form"
                         >
-                            Save Users & Roles
+                            {t('resourceUsersRolesSubmit')}
                         </Button>
                     </SettingsSectionFooter>
                 </SettingsSection>
@@ -552,11 +550,10 @@ export default function ResourceAuthenticationPage() {
                 <SettingsSection>
                     <SettingsSectionHeader>
                         <SettingsSectionTitle>
-                            Authentication Methods
+                            {t('resourceAuthMethods')}
                         </SettingsSectionTitle>
                         <SettingsSectionDescription>
-                            Allow access to the resource via additional auth
+                            {t('resourceAuthMethodsDescriptions')}
-                            methods
                         </SettingsSectionDescription>
                     </SettingsSectionHeader>
                     <SettingsSectionBody>
@@ -567,8 +564,7 @@ export default function ResourceAuthenticationPage() {
                             >
                                 <Key />
                                 <span>
-                                    Password Protection{" "}
+                                    {t('resourcePasswordProtection', {status: authInfo.password? t('enabled') : t('disabled')})}
-                                    {authInfo.password ? "Enabled" : "Disabled"}
                                 </span>
                             </div>
                             <Button
@@ -581,8 +577,8 @@ export default function ResourceAuthenticationPage() {
                                 loading={loadingRemoveResourcePassword}
                             >
                                 {authInfo.password
-                                    ? "Remove Password"
+                                    ? t('passwordRemove')
-                                    : "Add Password"}
+                                    : t('passwordAdd')}
                             </Button>
                         </div>
 
@@ -593,8 +589,7 @@ export default function ResourceAuthenticationPage() {
                             >
                                 <Binary />
                                 <span>
-                                    PIN Code Protection{" "}
+                                    {t('resourcePincodeProtection', {status: authInfo.pincode ? t('enabled') : t('disabled')})}
-                                    {authInfo.pincode ? "Enabled" : "Disabled"}
                                 </span>
                             </div>
                             <Button
@@ -607,8 +602,8 @@ export default function ResourceAuthenticationPage() {
                                 loading={loadingRemoveResourcePincode}
                             >
                                 {authInfo.pincode
-                                    ? "Remove PIN Code"
+                                    ? t('pincodeRemove')
-                                    : "Add PIN Code"}
+                                    : t('pincodeAdd')}
                             </Button>
                         </div>
                     </SettingsSectionBody>
@@ -617,11 +612,10 @@ export default function ResourceAuthenticationPage() {
                 <SettingsSection>
                     <SettingsSectionHeader>
                         <SettingsSectionTitle>
-                            One-time Passwords
+                            {t('otpEmailTitle')}
                         </SettingsSectionTitle>
                         <SettingsSectionDescription>
-                            Require email-based authentication for resource
+                            {t('otpEmailTitleDescription')}
-                            access
                         </SettingsSectionDescription>
                     </SettingsSectionHeader>
                     <SettingsSectionBody>
@@ -629,16 +623,16 @@ export default function ResourceAuthenticationPage() {
                             <Alert variant="neutral" className="mb-4">
                                 <InfoIcon className="h-4 w-4" />
                                 <AlertTitle className="font-semibold">
-                                    SMTP Required
+                                    {t('otpEmailSmtpRequired')}
                                 </AlertTitle>
                                 <AlertDescription>
-                                    SMTP must be enabled on the server to use one-time password authentication.
+                                    {t('otpEmailSmtpRequiredDescription')}
                                 </AlertDescription>
                             </Alert>
                         )}
                         <SwitchInput
                             id="whitelist-toggle"
-                            label="Email Whitelist"
+                            label={t('otpEmailWhitelist')}
                             defaultChecked={resource.emailWhitelistEnabled}
                             onCheckedChange={setWhitelistEnabled}
                             disabled={!env.email.emailEnabled}
@@ -654,8 +648,8 @@ export default function ResourceAuthenticationPage() {
                                             <FormItem>
                                                 <FormLabel>
                                                     <InfoPopup
-                                                        text="Whitelisted Emails"
+                                                        text={t('otpEmailWhitelistList')}
-                                                        info="Only users with these email addresses will be able to access this resource. They will be prompted to enter a one-time password sent to their email. Wildcards (*@example.com) can be used to allow any email address from a domain."
+                                                        info={t('otpEmailWhitelistListDescription')}
                                                     />
                                                 </FormLabel>
                                                 <FormControl>
@@ -678,8 +672,7 @@ export default function ResourceAuthenticationPage() {
                                                                         .regex(
                                                                             /^\*@[\w.-]+\.[a-zA-Z]{2,}$/,
                                                                             {
-                                                                                message:
+                                                                                message: t('otpEmailErrorInvalid')
-                                                                                    "Invalid email address. Wildcard (*) must be the entire local part."
                                                                             }
                                                                         )
                                                                 )
@@ -690,7 +683,7 @@ export default function ResourceAuthenticationPage() {
                                                         setActiveTagIndex={
                                                             setActiveEmailTagIndex
                                                         }
-                                                        placeholder="Enter an email"
+                                                        placeholder={t('otpEmailEnter')}
                                                         tags={
                                                             whitelistForm.getValues()
                                                                 .emails
@@ -713,9 +706,7 @@ export default function ResourceAuthenticationPage() {
                                                     />
                                                 </FormControl>
                                                 <FormDescription>
-                                                    Press enter to add an
+                                                    {t('otpEmailEnterDescription')}
-                                                    email after typing it in
-                                                    the input field.
                                                 </FormDescription>
                                             </FormItem>
                                         )}
@@ -731,7 +722,7 @@ export default function ResourceAuthenticationPage() {
                             loading={loadingSaveWhitelist}
                             disabled={loadingSaveWhitelist}
                         >
-                            Save Whitelist
+                            {t('otpEmailWhitelistSave')}
                         </Button>
                     </SettingsSectionFooter>
                 </SettingsSection>

src/app/[orgId]/settings/resources/[resourceId]/general/page.tsx

@@ -65,8 +65,42 @@ import {
     updateResourceRule
 } from "@server/routers/resource";
 import { SwitchInput } from "@app/components/SwitchInput";
+import { useTranslations } from "next-intl";
 
-const GeneralFormSchema = z
+const TransferFormSchema = z.object({
+    siteId: z.number()
+});
+
+type TransferFormValues = z.infer<typeof TransferFormSchema>;
+
+export default function GeneralForm() {
+    const [formKey, setFormKey] = useState(0);
+    const params = useParams();
+    const { resource, updateResource } = useResourceContext();
+    const { org } = useOrgContext();
+    const router = useRouter();
+    const t = useTranslations();
+
+    const { env } = useEnvContext();
+
+    const orgId = params.orgId;
+
+    const api = createApiClient({ env });
+
+    const [sites, setSites] = useState<ListSitesResponse["sites"]>([]);
+    const [saveLoading, setSaveLoading] = useState(false);
+    const [transferLoading, setTransferLoading] = useState(false);
+    const [open, setOpen] = useState(false);
+    const [baseDomains, setBaseDomains] = useState<
+        ListDomainsResponse["domains"]
+    >([]);
+
+    const [loadingPage, setLoadingPage] = useState(true);
+    const [domainType, setDomainType] = useState<"subdomain" | "basedomain">(
+        resource.isBaseDomain ? "basedomain" : "subdomain"
+    );
+
+    const GeneralFormSchema = z
         .object({
             subdomain: z.string().optional(),
             name: z.string().min(1).max(255),
@@ -88,7 +122,7 @@ const GeneralFormSchema = z
                 return true;
             },
             {
-            message: "Invalid port number",
+                message: t("proxyErrorInvalidPort"),
                 path: ["proxyPort"]
             }
         )
@@ -100,43 +134,12 @@ const GeneralFormSchema = z
                 return true;
             },
             {
-            message: "Invalid subdomain",
+                message: t("subdomainErrorInvalid"),
                 path: ["subdomain"]
             }
         );
 
-const TransferFormSchema = z.object({
+    type GeneralFormValues = z.infer<typeof GeneralFormSchema>;
-    siteId: z.number()
-});
-
-type GeneralFormValues = z.infer<typeof GeneralFormSchema>;
-type TransferFormValues = z.infer<typeof TransferFormSchema>;
-
-export default function GeneralForm() {
-    const [formKey, setFormKey] = useState(0);
-    const params = useParams();
-    const { resource, updateResource } = useResourceContext();
-    const { org } = useOrgContext();
-    const router = useRouter();
-
-    const { env } = useEnvContext();
-
-    const orgId = params.orgId;
-
-    const api = createApiClient({ env });
-
-    const [sites, setSites] = useState<ListSitesResponse["sites"]>([]);
-    const [saveLoading, setSaveLoading] = useState(false);
-    const [transferLoading, setTransferLoading] = useState(false);
-    const [open, setOpen] = useState(false);
-    const [baseDomains, setBaseDomains] = useState<
-        ListDomainsResponse["domains"]
-    >([]);
-
-    const [loadingPage, setLoadingPage] = useState(true);
-    const [domainType, setDomainType] = useState<"subdomain" | "basedomain">(
-        resource.isBaseDomain ? "basedomain" : "subdomain"
-    );
 
     const form = useForm<GeneralFormValues>({
         resolver: zodResolver(GeneralFormSchema),
@@ -174,10 +177,10 @@ export default function GeneralForm() {
                 .catch((e) => {
                     toast({
                         variant: "destructive",
-                        title: "Error fetching domains",
+                        title: t("domainErrorFetch"),
                         description: formatAxiosError(
                             e,
-                            "An error occurred when fetching the domains"
+                            t("domainErrorFetchDescription")
                         )
                     });
                 });
@@ -216,18 +219,18 @@ export default function GeneralForm() {
             .catch((e) => {
                 toast({
                     variant: "destructive",
-                    title: "Failed to update resource",
+                    title: t("resourceErrorUpdate"),
                     description: formatAxiosError(
                         e,
-                        "An error occurred while updating the resource"
+                        t("resourceErrorUpdateDescription")
                     )
                 });
             });
 
         if (res && res.status === 200) {
             toast({
-                title: "Resource updated",
+                title: t("resourceUpdated"),
-                description: "The resource has been updated successfully"
+                description: t("resourceUpdatedDescription")
             });
 
             const resource = res.data.data;
@@ -255,18 +258,18 @@ export default function GeneralForm() {
             .catch((e) => {
                 toast({
                     variant: "destructive",
-                    title: "Failed to transfer resource",
+                    title: t("resourceErrorTransfer"),
                     description: formatAxiosError(
                         e,
-                        "An error occurred while transferring the resource"
+                        t("resourceErrorTransferDescription")
                     )
                 });
             });
 
         if (res && res.status === 200) {
             toast({
-                title: "Resource transferred",
+                title: t("resourceTransferred"),
-                description: "The resource has been transferred successfully"
+                description: t("resourceTransferredDescription")
             });
             router.refresh();
 
@@ -290,10 +293,10 @@ export default function GeneralForm() {
             .catch((e) => {
                 toast({
                     variant: "destructive",
-                    title: "Failed to toggle resource",
+                    title: t("resourceErrorToggle"),
                     description: formatAxiosError(
                         e,
-                        "An error occurred while updating the resource"
+                        t("resourceErrorToggleDescription")
                     )
                 });
             });
@@ -308,15 +311,17 @@ export default function GeneralForm() {
             <SettingsContainer>
                 <SettingsSection>
                     <SettingsSectionHeader>
-                        <SettingsSectionTitle>Visibility</SettingsSectionTitle>
+                        <SettingsSectionTitle>
+                            {t("resourceVisibilityTitle")}
+                        </SettingsSectionTitle>
                         <SettingsSectionDescription>
-                            Completely enable or disable resource visibility
+                            {t("resourceVisibilityTitleDescription")}
                         </SettingsSectionDescription>
                     </SettingsSectionHeader>
                     <SettingsSectionBody>
                         <SwitchInput
                             id="enable-resource"
-                            label="Enable Resource"
+                            label={t("resourceEnable")}
                             defaultChecked={resource.enabled}
                             onCheckedChange={async (val) => {
                                 await toggleResourceEnabled(val);
@@ -328,10 +333,10 @@ export default function GeneralForm() {
                 <SettingsSection>
                     <SettingsSectionHeader>
                         <SettingsSectionTitle>
-                            General Settings
+                            {t("resourceGeneral")}
                         </SettingsSectionTitle>
                         <SettingsSectionDescription>
-                            Configure the general settings for this resource
+                            {t("resourceGeneralDescription")}
                         </SettingsSectionDescription>
                     </SettingsSectionHeader>
 
@@ -348,7 +353,9 @@ export default function GeneralForm() {
                                         name="name"
                                         render={({ field }) => (
                                             <FormItem>
-                                                <FormLabel>Name</FormLabel>
+                                                <FormLabel>
+                                                    {t("name")}
+                                                </FormLabel>
                                                 <FormControl>
                                                     <Input {...field} />
                                                 </FormControl>
@@ -367,7 +374,9 @@ export default function GeneralForm() {
                                                     render={({ field }) => (
                                                         <FormItem>
                                                             <FormLabel>
-                                                                Domain Type
+                                                                {t(
+                                                                    "domainType"
+                                                                )}
                                                             </FormLabel>
                                                             <Select
                                                                 value={
@@ -398,11 +407,14 @@ export default function GeneralForm() {
                                                                 </FormControl>
                                                                 <SelectContent>
                                                                     <SelectItem value="subdomain">
-                                                                        Subdomain
+                                                                        {t(
+                                                                            "subdomain"
+                                                                        )}
                                                                     </SelectItem>
                                                                     <SelectItem value="basedomain">
-                                                                        Base
+                                                                        {t(
-                                                                        Domain
+                                                                            "baseDomain"
+                                                                        )}
                                                                     </SelectItem>
                                                                 </SelectContent>
                                                             </Select>
@@ -416,7 +428,7 @@ export default function GeneralForm() {
                                                 {domainType === "subdomain" ? (
                                                     <div className="w-fill space-y-2">
                                                         <FormLabel>
-                                                            Subdomain
+                                                            {t("subdomain")}
                                                         </FormLabel>
                                                         <div className="flex">
                                                             <div className="w-1/2">
@@ -502,7 +514,9 @@ export default function GeneralForm() {
                                                         render={({ field }) => (
                                                             <FormItem>
                                                                 <FormLabel>
-                                                                    Base Domain
+                                                                    {t(
+                                                                        "baseDomain"
+                                                                    )}
                                                                 </FormLabel>
                                                                 <Select
                                                                     onValueChange={
@@ -556,7 +570,9 @@ export default function GeneralForm() {
                                             render={({ field }) => (
                                                 <FormItem>
                                                     <FormLabel>
-                                                        Port Number
+                                                        {t(
+                                                            "resourcePortNumber"
+                                                        )}
                                                     </FormLabel>
                                                     <FormControl>
                                                         <Input
@@ -596,7 +612,7 @@ export default function GeneralForm() {
                             disabled={saveLoading}
                             form="general-settings-form"
                         >
-                            Save General Settings
+                            {t("saveGeneralSettings")}
                         </Button>
                     </SettingsSectionFooter>
                 </SettingsSection>
@@ -604,10 +620,10 @@ export default function GeneralForm() {
                 <SettingsSection>
                     <SettingsSectionHeader>
                         <SettingsSectionTitle>
-                            Transfer Resource
+                            {t("resourceTransfer")}
                         </SettingsSectionTitle>
                         <SettingsSectionDescription>
-                            Transfer this resource to a different site
+                            {t("resourceTransferDescription")}
                         </SettingsSectionDescription>
                     </SettingsSectionHeader>
 
@@ -627,7 +643,7 @@ export default function GeneralForm() {
                                         render={({ field }) => (
                                             <FormItem>
                                                 <FormLabel>
-                                                    Destination Site
+                                                    {t("siteDestination")}
                                                 </FormLabel>
                                                 <Popover
                                                     open={open}
@@ -652,16 +668,24 @@ export default function GeneralForm() {
                                                                               site.siteId ===
                                                                               field.value
                                                                       )?.name
-                                                                    : "Select site"}
+                                                                    : t(
+                                                                          "siteSelect"
+                                                                      )}
                                                                 <CaretSortIcon className="ml-2 h-4 w-4 shrink-0 opacity-50" />
                                                             </Button>
                                                         </FormControl>
                                                     </PopoverTrigger>
                                                     <PopoverContent className="w-full p-0">
                                                         <Command>
-                                                            <CommandInput placeholder="Search sites" />
+                                                            <CommandInput
+                                                                placeholder={t(
+                                                                    "searchSites"
+                                                                )}
+                                                            />
                                                             <CommandEmpty>
-                                                                No sites found.
+                                                                {t(
+                                                                    "sitesNotFound"
+                                                                )}
                                                             </CommandEmpty>
                                                             <CommandGroup>
                                                                 {sites.map(
@@ -716,7 +740,7 @@ export default function GeneralForm() {
                             disabled={transferLoading}
                             form="transfer-form"
                         >
-                            Transfer Resource
+                            {t("resourceTransferSubmit")}
                         </Button>
                     </SettingsSectionFooter>
                 </SettingsSection>

src/app/[orgId]/settings/resources/[resourceId]/layout.tsx

@@ -14,6 +14,7 @@ import OrgProvider from "@app/providers/OrgProvider";
 import { cache } from "react";
 import ResourceInfoBox from "./ResourceInfoBox";
 import { GetSiteResponse } from "@server/routers/site";
+import { getTranslations } from 'next-intl/server';
 
 interface ResourceLayoutProps {
     children: React.ReactNode;
@@ -22,6 +23,7 @@ interface ResourceLayoutProps {
 
 export default async function ResourceLayout(props: ResourceLayoutProps) {
     const params = await props.params;
+    const t = await getTranslations();
 
     const { children } = props;
 
@@ -88,22 +90,22 @@ export default async function ResourceLayout(props: ResourceLayoutProps) {
 
     const navItems = [
         {
-            title: "General",
+            title: t('general'),
             href: `/{orgId}/settings/resources/{resourceId}/general`
         },
         {
-            title: "Proxy",
+            title: t('proxy'),
             href: `/{orgId}/settings/resources/{resourceId}/proxy`
         }
     ];
 
     if (resource.http) {
         navItems.push({
-            title: "Authentication",
+            title: t('authentication'),
             href: `/{orgId}/settings/resources/{resourceId}/authentication`
         });
         navItems.push({
-            title: "Rules",
+            title: t('rules'),
             href: `/{orgId}/settings/resources/{resourceId}/rules`
         });
     }
@@ -111,8 +113,8 @@ export default async function ResourceLayout(props: ResourceLayoutProps) {
     return (
         <>
             <SettingsSectionTitle
-                title={`${resource?.name} Settings`}
+                title={t('resourceSetting', {resourceName: resource?.name})}
-                description="Configure the settings on your resource"
+                description={t('resourceSettingDescription')}
             />
 
             <OrgProvider org={org}>

src/app/[orgId]/settings/resources/[resourceId]/proxy/page.tsx

@@ -74,7 +74,7 @@ import {
     CollapsibleTrigger
 } from "@app/components/ui/collapsible";
 import { ContainersSelector } from "@app/components/ContainersSelector";
-import { FaDocker } from "react-icons/fa";
+import { useTranslations } from "next-intl";
 
 const addTargetSchema = z.object({
     ip: z.string().refine(isTargetValid),
@@ -94,51 +94,11 @@ type LocalTarget = Omit<
     "protocol"
 >;
 
-const proxySettingsSchema = z.object({
-    setHostHeader: z
-        .string()
-        .optional()
-        .refine(
-            (data) => {
-                if (data) {
-                    return tlsNameSchema.safeParse(data).success;
-                }
-                return true;
-            },
-            {
-                message:
-                    "Invalid custom Host Header value. Use domain name format, or save empty to unset custom Host Header."
-            }
-        )
-});
-
-const tlsSettingsSchema = z.object({
-    ssl: z.boolean(),
-    tlsServerName: z
-        .string()
-        .optional()
-        .refine(
-            (data) => {
-                if (data) {
-                    return tlsNameSchema.safeParse(data).success;
-                }
-                return true;
-            },
-            {
-                message:
-                    "Invalid TLS Server Name. Use domain name format, or save empty to remove the TLS Server Name."
-            }
-        )
-});
-
-type ProxySettingsValues = z.infer<typeof proxySettingsSchema>;
-type TlsSettingsValues = z.infer<typeof tlsSettingsSchema>;
-type TargetsSettingsValues = z.infer<typeof targetsSettingsSchema>;
-
 export default function ReverseProxyTargets(props: {
     params: Promise<{ resourceId: number }>;
 }) {
     const params = use(props.params);
+    const t = useTranslations();
 
     const { resource, updateResource } = useResourceContext();
 
@@ -156,6 +116,45 @@ export default function ReverseProxyTargets(props: {
     const [isAdvancedOpen, setIsAdvancedOpen] = useState(false);
     const router = useRouter();
 
+    const proxySettingsSchema = z.object({
+        setHostHeader: z
+            .string()
+            .optional()
+            .refine(
+                (data) => {
+                    if (data) {
+                        return tlsNameSchema.safeParse(data).success;
+                    }
+                    return true;
+                },
+                {
+                    message: t('proxyErrorInvalidHeader')
+                }
+            )
+    });
+
+    const tlsSettingsSchema = z.object({
+        ssl: z.boolean(),
+        tlsServerName: z
+            .string()
+            .optional()
+            .refine(
+                (data) => {
+                    if (data) {
+                        return tlsNameSchema.safeParse(data).success;
+                    }
+                    return true;
+                },
+                {
+                    message: t('proxyErrorTls')
+                }
+            )
+    });
+
+    type ProxySettingsValues = z.infer<typeof proxySettingsSchema>;
+    type TlsSettingsValues = z.infer<typeof tlsSettingsSchema>;
+    type TargetsSettingsValues = z.infer<typeof targetsSettingsSchema>;
+
     const addTargetForm = useForm({
         resolver: zodResolver(addTargetSchema),
         defaultValues: {
@@ -204,10 +203,10 @@ export default function ReverseProxyTargets(props: {
                 console.error(err);
                 toast({
                     variant: "destructive",
-                    title: "Failed to fetch targets",
+                    title: t('targetErrorFetch'),
                     description: formatAxiosError(
                         err,
-                        "An error occurred while fetching targets"
+                        t('targetErrorFetchDescription')
                     )
                 });
             } finally {
@@ -229,10 +228,10 @@ export default function ReverseProxyTargets(props: {
                 console.error(err);
                 toast({
                     variant: "destructive",
-                    title: "Failed to fetch resource",
+                    title: t('siteErrorFetch'),
                     description: formatAxiosError(
                         err,
-                        "An error occurred while fetching resource"
+                        t('siteErrorFetchDescription')
                     )
                 });
             }
@@ -252,8 +251,8 @@ export default function ReverseProxyTargets(props: {
         if (isDuplicate) {
             toast({
                 variant: "destructive",
-                title: "Duplicate target",
+                title: t('targetErrorDuplicate'),
-                description: "A target with these settings already exists"
+                description: t('targetErrorDuplicateDescription')
             });
             return;
         }
@@ -265,8 +264,8 @@ export default function ReverseProxyTargets(props: {
             if (!isIPInSubnet(targetIp, subnet)) {
                 toast({
                     variant: "destructive",
-                    title: "Invalid target IP",
+                    title: t('targetWireGuardErrorInvalidIp'),
-                    description: "Target IP must be within the site subnet"
+                    description: t('targetWireGuardErrorInvalidIpDescription')
                 });
                 return;
             }
@@ -344,8 +343,8 @@ export default function ReverseProxyTargets(props: {
             updateResource({ stickySession: stickySessionData.stickySession });
 
             toast({
-                title: "Targets updated",
+                title: t('targetsUpdated'),
-                description: "Targets and settings updated successfully"
+                description: t('targetsUpdatedDescription')
             });
 
             setTargetsToRemove([]);
@@ -354,10 +353,10 @@ export default function ReverseProxyTargets(props: {
             console.error(err);
             toast({
                 variant: "destructive",
-                title: "Failed to update targets",
+                title: t('targetsErrorUpdate'),
                 description: formatAxiosError(
                     err,
-                    "An error occurred while updating targets"
+                    t('targetsErrorUpdateDescription')
                 )
             });
         } finally {
@@ -378,17 +377,17 @@ export default function ReverseProxyTargets(props: {
                 tlsServerName: data.tlsServerName || null
             });
             toast({
-                title: "TLS settings updated",
+                title: t('targetTlsUpdate'),
-                description: "Your TLS settings have been updated successfully"
+                description: t('targetTlsUpdateDescription')
             });
         } catch (err) {
             console.error(err);
             toast({
                 variant: "destructive",
-                title: "Failed to update TLS settings",
+                title: t('targetErrorTlsUpdate'),
                 description: formatAxiosError(
                     err,
-                    "An error occurred while updating TLS settings"
+                    t('targetErrorTlsUpdateDescription')
                 )
             });
         } finally {
@@ -407,18 +406,17 @@ export default function ReverseProxyTargets(props: {
                 setHostHeader: data.setHostHeader || null
             });
             toast({
-                title: "Proxy settings updated",
+                title: t('proxyUpdated'),
-                description:
+                description: t('proxyUpdatedDescription')
-                    "Your proxy settings have been updated successfully"
             });
         } catch (err) {
             console.error(err);
             toast({
                 variant: "destructive",
-                title: "Failed to update proxy settings",
+                title: t('proxyErrorUpdate'),
                 description: formatAxiosError(
                     err,
-                    "An error occurred while updating proxy settings"
+                    t('proxyErrorUpdateDescription')
                 )
             });
         } finally {
@@ -429,7 +427,7 @@ export default function ReverseProxyTargets(props: {
     const columns: ColumnDef<LocalTarget>[] = [
         {
             accessorKey: "ip",
-            header: "IP / Hostname",
+            header: t('targetAddr'),
             cell: ({ row }) => (
                 <Input
                     defaultValue={row.original.ip}
@@ -444,7 +442,7 @@ export default function ReverseProxyTargets(props: {
         },
         {
             accessorKey: "port",
-            header: "Port",
+            header: t('targetPort'),
             cell: ({ row }) => (
                 <Input
                     type="number"
@@ -460,7 +458,7 @@ export default function ReverseProxyTargets(props: {
         },
         // {
         //     accessorKey: "protocol",
-        //     header: "Protocol",
+        //     header: t('targetProtocol'),
         //     cell: ({ row }) => (
         //         <Select
         //             defaultValue={row.original.protocol!}
@@ -478,7 +476,7 @@ export default function ReverseProxyTargets(props: {
         // },
         {
             accessorKey: "enabled",
-            header: "Enabled",
+            header: t('enabled'),
             cell: ({ row }) => (
                 <Switch
                     defaultChecked={row.original.enabled}
@@ -505,7 +503,7 @@ export default function ReverseProxyTargets(props: {
                             variant="outline"
                             onClick={() => removeTarget(row.original.targetId)}
                         >
-                            Delete
+                            {t('delete')}
                         </Button>
                     </div>
                 </>
@@ -516,7 +514,7 @@ export default function ReverseProxyTargets(props: {
     if (resource.http) {
         const methodCol: ColumnDef<LocalTarget> = {
             accessorKey: "method",
-            header: "Method",
+            header: t('method'),
             cell: ({ row }) => (
                 <Select
                     defaultValue={row.original.method ?? ""}
@@ -564,10 +562,10 @@ export default function ReverseProxyTargets(props: {
             <SettingsSection>
                 <SettingsSectionHeader>
                     <SettingsSectionTitle>
-                        Targets Configuration
+                        {t('targets')}
                     </SettingsSectionTitle>
                     <SettingsSectionDescription>
-                        Set up targets to route traffic to your services
+                        {t('targetsDescription')}
                     </SettingsSectionDescription>
                 </SettingsSectionHeader>
                 <SettingsSectionBody>
@@ -589,8 +587,8 @@ export default function ReverseProxyTargets(props: {
                                                 <FormControl>
                                                     <SwitchInput
                                                         id="sticky-toggle"
-                                                        label="Enable Sticky Sessions"
+                                                        label={t('targetStickySessions')}
-                                                        description="Keep connections on the same backend target for their entire session."
+                                                        description={t('targetStickySessionsDescription')}
                                                         defaultChecked={
                                                             field.value
                                                         }
@@ -621,7 +619,7 @@ export default function ReverseProxyTargets(props: {
                                         name="method"
                                         render={({ field }) => (
                                             <FormItem>
-                                                <FormLabel>Method</FormLabel>
+                                                <FormLabel>{t('method')}</FormLabel>
                                                 <FormControl>
                                                     <Select
                                                         value={
@@ -638,7 +636,7 @@ export default function ReverseProxyTargets(props: {
                                                         }}
                                                     >
                                                         <SelectTrigger id="method">
-                                                            <SelectValue placeholder="Select method" />
+                                                            <SelectValue placeholder={t('methodSelect')} />
                                                         </SelectTrigger>
                                                         <SelectContent>
                                                             <SelectItem value="http">
@@ -664,7 +662,7 @@ export default function ReverseProxyTargets(props: {
                                     name="ip"
                                     render={({ field }) => (
                                         <FormItem className="relative">
-                                            <FormLabel>IP / Hostname</FormLabel>
+                                            <FormLabel>{t('targetAddr')}</FormLabel>
                                             <FormControl>
                                                 <Input id="ip" {...field} />
                                             </FormControl>
@@ -697,7 +695,7 @@ export default function ReverseProxyTargets(props: {
                                     name="port"
                                     render={({ field }) => (
                                         <FormItem>
-                                            <FormLabel>Port</FormLabel>
+                                            <FormLabel>{t('targetPort')}</FormLabel>
                                             <FormControl>
                                                 <Input
                                                     id="port"
@@ -716,7 +714,7 @@ export default function ReverseProxyTargets(props: {
                                     className="mt-6"
                                     disabled={!(watchedIp && watchedPort)}
                                 >
-                                    Add Target
+                                    {t('targetSubmit')}
                                 </Button>
                             </div>
                         </form>
@@ -760,14 +758,13 @@ export default function ReverseProxyTargets(props: {
                                         colSpan={columns.length}
                                         className="h-24 text-center"
                                     >
-                                        No targets. Add a target using the form.
+                                        {t('targetNoOne')}
                                     </TableCell>
                                 </TableRow>
                             )}
                         </TableBody>
                         <TableCaption>
-                            Adding more than one target above will enable load
+                            {t('targetNoOneDescription')}
-                            balancing.
                         </TableCaption>
                     </Table>
                 </SettingsSectionBody>
@@ -778,7 +775,7 @@ export default function ReverseProxyTargets(props: {
                         disabled={targetsLoading}
                         form="targets-settings-form"
                     >
-                        Save Targets
+                        {t('targetsSubmit')}
                     </Button>
                 </SettingsSectionFooter>
             </SettingsSection>
@@ -788,10 +785,10 @@ export default function ReverseProxyTargets(props: {
                     <SettingsSection>
                         <SettingsSectionHeader>
                             <SettingsSectionTitle>
-                                Secure Connection Configuration
+                                {t('targetTlsSettings')}
                             </SettingsSectionTitle>
                             <SettingsSectionDescription>
-                                Configure SSL/TLS settings for your resource
+                                {t('targetTlsSettingsDescription')}
                             </SettingsSectionDescription>
                         </SettingsSectionHeader>
                         <SettingsSectionBody>
@@ -812,7 +809,7 @@ export default function ReverseProxyTargets(props: {
                                                     <FormControl>
                                                         <SwitchInput
                                                             id="ssl-toggle"
-                                                            label="Enable SSL (https)"
+                                                            label={t('proxyEnableSSL')}
                                                             defaultChecked={
                                                                 field.value
                                                             }
@@ -841,8 +838,7 @@ export default function ReverseProxyTargets(props: {
                                                         className="p-0 flex items-center justify-start gap-2 w-full"
                                                     >
                                                         <p className="text-sm text-muted-foreground">
-                                                            Advanced TLS
+                                                            {t('targetTlsSettingsAdvanced')}
-                                                            Settings
                                                         </p>
                                                         <div>
                                                             <ChevronsUpDown className="h-4 w-4" />
@@ -862,8 +858,7 @@ export default function ReverseProxyTargets(props: {
                                                     render={({ field }) => (
                                                         <FormItem>
                                                             <FormLabel>
-                                                                TLS Server Name
+                                                                {t('targetTlsSni')}
-                                                                (SNI)
                                                             </FormLabel>
                                                             <FormControl>
                                                                 <Input
@@ -871,11 +866,7 @@ export default function ReverseProxyTargets(props: {
                                                                 />
                                                             </FormControl>
                                                             <FormDescription>
-                                                                The TLS Server
+                                                                {t('targetTlsSniDescription')}
-                                                                Name to use for
-                                                                SNI. Leave empty
-                                                                to use the
-                                                                default.
                                                             </FormDescription>
                                                             <FormMessage />
                                                         </FormItem>
@@ -893,18 +884,17 @@ export default function ReverseProxyTargets(props: {
                                 loading={httpsTlsLoading}
                                 form="tls-settings-form"
                             >
-                                Save Settings
+                                {t('targetTlsSubmit')}
                             </Button>
                         </SettingsSectionFooter>
                     </SettingsSection>
                     <SettingsSection>
                         <SettingsSectionHeader>
                             <SettingsSectionTitle>
-                                Additional Proxy Settings
+                                {t('proxyAdditional')}
                             </SettingsSectionTitle>
                             <SettingsSectionDescription>
-                                Configure how your resource handles proxy
+                                {t('proxyAdditionalDescription')}
-                                settings
                             </SettingsSectionDescription>
                         </SettingsSectionHeader>
                         <SettingsSectionBody>
@@ -923,16 +913,13 @@ export default function ReverseProxyTargets(props: {
                                             render={({ field }) => (
                                                 <FormItem>
                                                     <FormLabel>
-                                                        Custom Host Header
+                                                        {t('proxyCustomHeader')}
                                                     </FormLabel>
                                                     <FormControl>
                                                         <Input {...field} />
                                                     </FormControl>
                                                     <FormDescription>
-                                                        The host header to set
+                                                        {t('proxyCustomHeaderDescription')}
-                                                        when proxying requests.
-                                                        Leave empty to use the
-                                                        default.
                                                     </FormDescription>
                                                     <FormMessage />
                                                 </FormItem>
@@ -948,7 +935,7 @@ export default function ReverseProxyTargets(props: {
                                 loading={proxySettingsLoading}
                                 form="proxy-settings-form"
                             >
-                                Save Settings
+                                {t('targetTlsSubmit')}
                             </Button>
                         </SettingsSectionFooter>
                     </SettingsSection>
@@ -963,8 +950,10 @@ function isIPInSubnet(subnet: string, ip: string): boolean {
     const [subnetIP, maskBits] = subnet.split("/");
     const mask = parseInt(maskBits);
 
+    const t = useTranslations();
+
     if (mask < 0 || mask > 32) {
-        throw new Error("Invalid subnet mask. Must be between 0 and 32.");
+        throw new Error(t('subnetMaskErrorInvalid'));
     }
 
     // Convert IP addresses to binary numbers
@@ -981,15 +970,17 @@ function isIPInSubnet(subnet: string, ip: string): boolean {
 function ipToNumber(ip: string): number {
     // Validate IP address format
     const parts = ip.split(".");
+    const t = useTranslations();
+
     if (parts.length !== 4) {
-        throw new Error("Invalid IP address format");
+        throw new Error(t('ipAddressErrorInvalidFormat'));
     }
 
     // Convert IP octets to 32-bit number
     return parts.reduce((num, octet) => {
         const oct = parseInt(octet);
         if (isNaN(oct) || oct < 0 || oct > 255) {
-            throw new Error("Invalid IP address octet");
+            throw new Error(t('ipAddressErrorInvalidOctet'));
         }
         return (num << 8) + oct;
     }, 0);

src/app/[orgId]/settings/resources/[resourceId]/rules/page.tsx

@@ -1,4 +1,5 @@
 "use client";
+
 import { useEffect, useState, use } from "react";
 import { Button } from "@/components/ui/button";
 import { Input } from "@/components/ui/input";
@@ -72,6 +73,7 @@ import {
 } from "@server/lib/validators";
 import { Switch } from "@app/components/ui/switch";
 import { useRouter } from "next/navigation";
+import { useTranslations } from "next-intl";
 
 // Schema for rule validation
 const addRuleSchema = z.object({
@@ -86,17 +88,6 @@ type LocalRule = ArrayElement<ListResourceRulesResponse["rules"]> & {
     updated?: boolean;
 };
 
-enum RuleAction {
-    ACCEPT = "Always Allow",
-    DROP = "Always Deny"
-}
-
-enum RuleMatch {
-    PATH = "Path",
-    IP = "IP",
-    CIDR = "IP Range"
-}
-
 export default function ResourceRules(props: {
     params: Promise<{ resourceId: number }>;
 }) {
@@ -109,6 +100,19 @@ export default function ResourceRules(props: {
     const [pageLoading, setPageLoading] = useState(true);
     const [rulesEnabled, setRulesEnabled] = useState(resource.applyRules);
     const router = useRouter();
+    const t = useTranslations();
+
+
+    const RuleAction = {
+        ACCEPT: t('alwaysAllow'),
+        DROP: t('alwaysDeny')
+    } as const;
+
+    const RuleMatch = {
+        PATH: t('path'),
+        IP: "IP",
+        CIDR: t('ipAddressRange')
+    } as const;
 
     const addRuleForm = useForm({
         resolver: zodResolver(addRuleSchema),
@@ -132,10 +136,10 @@ export default function ResourceRules(props: {
                 console.error(err);
                 toast({
                     variant: "destructive",
-                    title: "Failed to fetch rules",
+                    title: t('rulesErrorFetch'),
                     description: formatAxiosError(
                         err,
-                        "An error occurred while fetching rules"
+                        t('rulesErrorFetchDescription')
                     )
                 });
             } finally {
@@ -156,8 +160,8 @@ export default function ResourceRules(props: {
         if (isDuplicate) {
             toast({
                 variant: "destructive",
-                title: "Duplicate rule",
+                title: t('rulesErrorDuplicate'),
-                description: "A rule with these settings already exists"
+                description: t('rulesErrorDuplicateDescription')
             });
             return;
         }
@@ -165,8 +169,8 @@ export default function ResourceRules(props: {
         if (data.match === "CIDR" && !isValidCIDR(data.value)) {
             toast({
                 variant: "destructive",
-                title: "Invalid CIDR",
+                title: t('rulesErrorInvalidIpAddressRange'),
-                description: "Please enter a valid CIDR value"
+                description: t('rulesErrorInvalidIpAddressRangeDescription')
             });
             setLoading(false);
             return;
@@ -174,8 +178,8 @@ export default function ResourceRules(props: {
         if (data.match === "PATH" && !isValidUrlGlobPattern(data.value)) {
             toast({
                 variant: "destructive",
-                title: "Invalid URL path",
+                title: t('rulesErrorInvalidUrl'),
-                description: "Please enter a valid URL path value"
+                description: t('rulesErrorInvalidUrlDescription')
             });
             setLoading(false);
             return;
@@ -183,8 +187,8 @@ export default function ResourceRules(props: {
         if (data.match === "IP" && !isValidIP(data.value)) {
             toast({
                 variant: "destructive",
-                title: "Invalid IP",
+                title: t('rulesErrorInvalidIpAddress'),
-                description: "Please enter a valid IP address"
+                description: t('rulesErrorInvalidIpAddressDescription')
             });
             setLoading(false);
             return;
@@ -239,10 +243,10 @@ export default function ResourceRules(props: {
                 console.error(err);
                 toast({
                     variant: "destructive",
-                    title: "Failed to update rules",
+                    title: t('rulesErrorUpdate'),
                     description: formatAxiosError(
                         err,
-                        "An error occurred while updating rules"
+                        t('rulesErrorUpdateDescription')
                     )
                 });
             });
@@ -252,8 +256,8 @@ export default function ResourceRules(props: {
             updateResource({ applyRules: val });
 
             toast({
-                title: "Enable Rules",
+                title: t('rulesUpdated'),
-                description: "Rule evaluation has been updated"
+                description: t('rulesUpdatedDescription')
             });
             router.refresh();
         }
@@ -262,11 +266,11 @@ export default function ResourceRules(props: {
     function getValueHelpText(type: string) {
         switch (type) {
             case "CIDR":
-                return "Enter an address in CIDR format (e.g., 103.21.244.0/22)";
+                return t('rulesMatchIpAddressRangeDescription');
             case "IP":
-                return "Enter an IP address (e.g., 103.21.244.12)";
+                return t('rulesMatchIpAddress');
             case "PATH":
-                return "Enter a URL path or pattern (e.g., /api/v1/todos or /api/v1/*)";
+                return t('rulesMatchUrl');
         }
     }
 
@@ -285,8 +289,8 @@ export default function ResourceRules(props: {
                 if (rule.match === "CIDR" && !isValidCIDR(rule.value)) {
                     toast({
                         variant: "destructive",
-                        title: "Invalid CIDR",
+                        title: t('rulesErrorInvalidIpAddressRange'),
-                        description: "Please enter a valid CIDR value"
+                        description: t('rulesErrorInvalidIpAddressRangeDescription')
                     });
                     setLoading(false);
                     return;
@@ -297,8 +301,8 @@ export default function ResourceRules(props: {
                 ) {
                     toast({
                         variant: "destructive",
-                        title: "Invalid URL path",
+                        title: t('rulesErrorInvalidUrl'),
-                        description: "Please enter a valid URL path value"
+                        description: t('rulesErrorInvalidUrlDescription')
                     });
                     setLoading(false);
                     return;
@@ -306,8 +310,8 @@ export default function ResourceRules(props: {
                 if (rule.match === "IP" && !isValidIP(rule.value)) {
                     toast({
                         variant: "destructive",
-                        title: "Invalid IP",
+                        title: t('rulesErrorInvalidIpAddress'),
-                        description: "Please enter a valid IP address"
+                        description: t('rulesErrorInvalidIpAddressDescription')
                     });
                     setLoading(false);
                     return;
@@ -316,8 +320,8 @@ export default function ResourceRules(props: {
                 if (rule.priority === undefined) {
                     toast({
                         variant: "destructive",
-                        title: "Invalid Priority",
+                        title: t('rulesErrorInvalidPriority'),
-                        description: "Please enter a valid priority"
+                        description: t('rulesErrorInvalidPriorityDescription')
                     });
                     setLoading(false);
                     return;
@@ -328,8 +332,8 @@ export default function ResourceRules(props: {
                 if (priorities.length !== new Set(priorities).size) {
                     toast({
                         variant: "destructive",
-                        title: "Duplicate Priorities",
+                        title: t('rulesErrorDuplicatePriority'),
-                        description: "Please enter unique priorities"
+                        description: t('rulesErrorDuplicatePriorityDescription')
                     });
                     setLoading(false);
                     return;
@@ -368,8 +372,8 @@ export default function ResourceRules(props: {
             }
 
             toast({
-                title: "Rules updated",
+                title: t('ruleUpdated'),
-                description: "Rules updated successfully"
+                description: t('ruleUpdatedDescription')
             });
 
             setRulesToRemove([]);
@@ -378,10 +382,10 @@ export default function ResourceRules(props: {
             console.error(err);
             toast({
                 variant: "destructive",
-                title: "Operation failed",
+                title: t('ruleErrorUpdate'),
                 description: formatAxiosError(
                     err,
-                    "An error occurred during the save operation"
+                    t('ruleErrorUpdateDescription')
                 )
             });
         }
@@ -399,7 +403,7 @@ export default function ResourceRules(props: {
                             column.toggleSorting(column.getIsSorted() === "asc")
                         }
                     >
-                        Priority
+                        {t('rulesPriority')}
                         <ArrowUpDown className="ml-2 h-4 w-4" />
                     </Button>
                 );
@@ -419,8 +423,8 @@ export default function ResourceRules(props: {
                         if (!parsed.data) {
                             toast({
                                 variant: "destructive",
-                                title: "Invalid IP",
+                                title: t('rulesErrorInvalidIpAddress'), // correct priority or IP?
-                                description: "Please enter a valid priority"
+                                description: t('rulesErrorInvalidPriorityDescription')
                             });
                             setLoading(false);
                             return;
@@ -435,7 +439,7 @@ export default function ResourceRules(props: {
         },
         {
             accessorKey: "action",
-            header: "Action",
+            header: t('rulesAction'),
             cell: ({ row }) => (
                 <Select
                     defaultValue={row.original.action}
@@ -457,7 +461,7 @@ export default function ResourceRules(props: {
         },
         {
             accessorKey: "match",
-            header: "Match Type",
+            header: t('rulesMatchType'),
             cell: ({ row }) => (
                 <Select
                     defaultValue={row.original.match}
@@ -478,7 +482,7 @@ export default function ResourceRules(props: {
         },
         {
             accessorKey: "value",
-            header: "Value",
+            header: t('value'),
             cell: ({ row }) => (
                 <Input
                     defaultValue={row.original.value}
@@ -493,7 +497,7 @@ export default function ResourceRules(props: {
         },
         {
             accessorKey: "enabled",
-            header: "Enabled",
+            header: t('enabled'),
             cell: ({ row }) => (
                 <Switch
                     defaultChecked={row.original.enabled}
@@ -511,7 +515,7 @@ export default function ResourceRules(props: {
                         variant="outline"
                         onClick={() => removeRule(row.original.ruleId)}
                     >
-                        Delete
+                        {t('delete')}
                     </Button>
                 </div>
             )
@@ -541,46 +545,40 @@ export default function ResourceRules(props: {
         <SettingsContainer>
             <Alert className="hidden md:block">
                 <InfoIcon className="h-4 w-4" />
-                <AlertTitle className="font-semibold">About Rules</AlertTitle>
+                <AlertTitle className="font-semibold">{t('rulesAbout')}</AlertTitle>
                 <AlertDescription className="mt-4">
                     <div className="space-y-1 mb-4">
                         <p>
-                            Rules allow you to control access to your resource
+                            {t('rulesAboutDescription')}
-                            based on a set of criteria. You can create rules to
-                            allow or deny access based on IP address or URL
-                            path.
                         </p>
                     </div>
                     <InfoSections cols={2}>
                         <InfoSection>
-                            <InfoSectionTitle>Actions</InfoSectionTitle>
+                            <InfoSectionTitle>{t('rulesActions')}</InfoSectionTitle>
                             <ul className="text-sm text-muted-foreground space-y-1">
                                 <li className="flex items-center gap-2">
                                     <Check className="text-green-500 w-4 h-4" />
-                                    Always Allow: Bypass all authentication
+                                    {t('rulesActionAlwaysAllow')}
-                                    methods
                                 </li>
                                 <li className="flex items-center gap-2">
                                     <X className="text-red-500 w-4 h-4" />
-                                    Always Deny: Block all requests; no
+                                    {t('rulesActionAlwaysDeny')}
-                                    authentication can be attempted
                                 </li>
                             </ul>
                         </InfoSection>
                         <InfoSection>
                             <InfoSectionTitle>
-                                Matching Criteria
+                                {t('rulesMatchCriteria')}
                             </InfoSectionTitle>
                             <ul className="text-sm text-muted-foreground space-y-1">
                                 <li className="flex items-center gap-2">
-                                    Match a specific IP address
+                                    {t('rulesMatchCriteriaIpAddress')}
                                 </li>
                                 <li className="flex items-center gap-2">
-                                    Match a range of IP addresses in CIDR
+                                    {t('rulesMatchCriteriaIpAddressRange')}
-                                    notation
                                 </li>
                                 <li className="flex items-center gap-2">
-                                    Match a URL path or pattern
+                                    {t('rulesMatchCriteriaUrl')}
                                 </li>
                             </ul>
                         </InfoSection>
@@ -590,15 +588,15 @@ export default function ResourceRules(props: {
 
             <SettingsSection>
                 <SettingsSectionHeader>
-                    <SettingsSectionTitle>Enable Rules</SettingsSectionTitle>
+                    <SettingsSectionTitle>{t('rulesEnable')}</SettingsSectionTitle>
                     <SettingsSectionDescription>
-                        Enable or disable rule evaluation for this resource
+                        {t('rulesEnableDescription')}
                     </SettingsSectionDescription>
                 </SettingsSectionHeader>
                 <SettingsSectionBody>
                     <SwitchInput
                         id="rules-toggle"
-                        label="Enable Rules"
+                        label={t('rulesEnable')}
                         defaultChecked={rulesEnabled}
                         onCheckedChange={async (val) => {
                             await saveApplyRules(val);
@@ -610,10 +608,10 @@ export default function ResourceRules(props: {
             <SettingsSection>
                 <SettingsSectionHeader>
                     <SettingsSectionTitle>
-                        Resource Rules Configuration
+                        {t('rulesResource')}
                     </SettingsSectionTitle>
                     <SettingsSectionDescription>
-                        Configure rules to control access to your resource
+                        {t('rulesResourceDescription')}
                     </SettingsSectionDescription>
                 </SettingsSectionHeader>
                 <SettingsSectionBody>
@@ -628,7 +626,7 @@ export default function ResourceRules(props: {
                                     name="action"
                                     render={({ field }) => (
                                         <FormItem>
-                                            <FormLabel>Action</FormLabel>
+                                            <FormLabel>{t('rulesAction')}</FormLabel>
                                             <FormControl>
                                                 <Select
                                                     value={field.value}
@@ -658,7 +656,7 @@ export default function ResourceRules(props: {
                                     name="match"
                                     render={({ field }) => (
                                         <FormItem>
-                                            <FormLabel>Match Type</FormLabel>
+                                            <FormLabel>{t('rulesMatchType')}</FormLabel>
                                             <FormControl>
                                                 <Select
                                                     value={field.value}
@@ -694,7 +692,7 @@ export default function ResourceRules(props: {
                                     render={({ field }) => (
                                         <FormItem className="space-y-0 mb-2">
                                             <InfoPopup
-                                                text="Value"
+                                                text={t('value')}
                                                 info={
                                                     getValueHelpText(
                                                         addRuleForm.watch(
@@ -716,7 +714,7 @@ export default function ResourceRules(props: {
                                     className="mb-2"
                                     disabled={!rulesEnabled}
                                 >
-                                    Add Rule
+                                    {t('ruleSubmit')}
                                 </Button>
                             </div>
                         </form>
@@ -759,13 +757,13 @@ export default function ResourceRules(props: {
                                         colSpan={columns.length}
                                         className="h-24 text-center"
                                     >
-                                        No rules. Add a rule using the form.
+                                        {t('rulesNoOne')}
                                     </TableCell>
                                 </TableRow>
                             )}
                         </TableBody>
                         <TableCaption>
-                            Rules are evaluated by priority in ascending order.
+                            {t('rulesOrder')}
                         </TableCaption>
                     </Table>
                 </SettingsSectionBody>
@@ -775,7 +773,7 @@ export default function ResourceRules(props: {
                         loading={loading}
                         disabled={loading}
                     >
-                        Save Rules
+                        {t('rulesSubmit')}
                     </Button>
                 </SettingsSectionFooter>
             </SettingsSection>

src/app/[orgId]/settings/resources/create/page.tsx

@@ -62,6 +62,7 @@ import { cn } from "@app/lib/cn";
 import { SquareArrowOutUpRight } from "lucide-react";
 import CopyTextBox from "@app/components/CopyTextBox";
 import Link from "next/link";
+import { useTranslations } from "next-intl";
 
 const baseResourceFormSchema = z.object({
     name: z.string().min(1).max(255),
@@ -104,6 +105,7 @@ export default function Page() {
     const api = createApiClient({ env });
     const { orgId } = useParams();
     const router = useRouter();
+    const t = useTranslations();
 
     const [loadingPage, setLoadingPage] = useState(true);
     const [sites, setSites] = useState<ListSitesResponse["sites"]>([]);
@@ -117,15 +119,13 @@ export default function Page() {
     const resourceTypes: ReadonlyArray<ResourceTypeOption> = [
         {
             id: "http",
-            title: "HTTPS Resource",
+            title: t('resourceHTTP'),
-            description:
+            description: t('resourceHTTPDescription')
-                "Proxy requests to your app over HTTPS using a subdomain or base domain."
         },
         {
             id: "raw",
-            title: "Raw TCP/UDP Resource",
+            title: t('resourceRaw'),
-            description:
+            description: t('resourceRawDescription'),
-                "Proxy requests to your app over TCP/UDP using a port number.",
             disabled: !env.flags.allowRawResources
         }
     ];
@@ -199,10 +199,10 @@ export default function Page() {
                 .catch((e) => {
                     toast({
                         variant: "destructive",
-                        title: "Error creating resource",
+                        title: t('resourceErrorCreate'),
                         description: formatAxiosError(
                             e,
-                            "An error occurred when creating the resource"
+                            t('resourceErrorCreateDescription')
                         )
                     });
                 });
@@ -219,11 +219,11 @@ export default function Page() {
                 }
             }
         } catch (e) {
-            console.error("Error creating resource:", e);
+            console.error(t('resourceErrorCreateMessage'), e);
             toast({
                 variant: "destructive",
-                title: "Error creating resource",
+                title: t('resourceErrorCreate'),
-                description: "An unexpected error occurred"
+                description:t('resourceErrorCreateMessageDescription')
             });
         }
 
@@ -242,10 +242,10 @@ export default function Page() {
                     .catch((e) => {
                         toast({
                             variant: "destructive",
-                            title: "Error fetching sites",
+                            title: t('sitesErrorFetch'),
                             description: formatAxiosError(
                                 e,
-                                "An error occurred when fetching the sites"
+                                t('sitesErrorFetchDescription')
                             )
                         });
                     });
@@ -270,10 +270,10 @@ export default function Page() {
                     .catch((e) => {
                         toast({
                             variant: "destructive",
-                            title: "Error fetching domains",
+                            title: t('domainsErrorFetch'),
                             description: formatAxiosError(
                                 e,
-                                "An error occurred when fetching the domains"
+                                t('domainsErrorFetchDescription')
                             )
                         });
                     });
@@ -300,8 +300,8 @@ export default function Page() {
         <>
             <div className="flex justify-between">
                 <HeaderTitle
-                    title="Create Resource"
+                    title={t('resourceCreate')}
-                    description="Follow the steps below to create a new resource"
+                    description={t('resourceCreateDescription')}
                 />
                 <Button
                     variant="outline"
@@ -309,7 +309,7 @@ export default function Page() {
                         router.push(`/${orgId}/settings/resources`);
                     }}
                 >
-                    See All Resources
+                    {t('resourceSeeAll')}
                 </Button>
             </div>
 
@@ -320,7 +320,7 @@ export default function Page() {
                             <SettingsSection>
                                 <SettingsSectionHeader>
                                     <SettingsSectionTitle>
-                                        Resource Information
+                                        {t('resourceInfo')}
                                     </SettingsSectionTitle>
                                 </SettingsSectionHeader>
                                 <SettingsSectionBody>
@@ -336,7 +336,7 @@ export default function Page() {
                                                     render={({ field }) => (
                                                         <FormItem>
                                                             <FormLabel>
-                                                                Name
+                                                                {t('name')}
                                                             </FormLabel>
                                                             <FormControl>
                                                                 <Input
@@ -345,9 +345,7 @@ export default function Page() {
                                                             </FormControl>
                                                             <FormMessage />
                                                             <FormDescription>
-                                                                This is the
+                                                                {t('resourceNameDescription')}
-                                                                display name for
-                                                                the resource.
                                                             </FormDescription>
                                                         </FormItem>
                                                     )}
@@ -359,7 +357,7 @@ export default function Page() {
                                                     render={({ field }) => (
                                                         <FormItem className="flex flex-col">
                                                             <FormLabel>
-                                                                Site
+                                                                {t('site')}
                                                             </FormLabel>
                                                             <Popover>
                                                                 <PopoverTrigger
@@ -384,19 +382,17 @@ export default function Page() {
                                                                                           field.value
                                                                                   )
                                                                                       ?.name
-                                                                                : "Select site"}
+                                                                                : t('siteSelect')}
                                                                             <CaretSortIcon className="ml-2 h-4 w-4 shrink-0 opacity-50" />
                                                                         </Button>
                                                                     </FormControl>
                                                                 </PopoverTrigger>
                                                                 <PopoverContent className="p-0">
                                                                     <Command>
-                                                                        <CommandInput placeholder="Search site" />
+                                                                        <CommandInput placeholder={t('siteSearch')} />
                                                                         <CommandList>
                                                                             <CommandEmpty>
-                                                                                No
+                                                                                {t('siteNotFound')}
-                                                                                site
-                                                                                found.
                                                                             </CommandEmpty>
                                                                             <CommandGroup>
                                                                                 {sites.map(
@@ -437,10 +433,7 @@ export default function Page() {
                                                             </Popover>
                                                             <FormMessage />
                                                             <FormDescription>
-                                                                This site will
+                                                                {t('siteSelectionDescription')}
-                                                                provide
-                                                                connectivity to
-                                                                the resource.
                                                             </FormDescription>
                                                         </FormItem>
                                                     )}
@@ -454,11 +447,10 @@ export default function Page() {
                             <SettingsSection>
                                 <SettingsSectionHeader>
                                     <SettingsSectionTitle>
-                                        Resource Type
+                                        {t('resourceType')}
                                     </SettingsSectionTitle>
                                     <SettingsSectionDescription>
-                                        Determine how you want to access your
+                                        {t('resourceTypeDescription')}
-                                        resource
                                     </SettingsSectionDescription>
                                 </SettingsSectionHeader>
                                 <SettingsSectionBody>
@@ -480,11 +472,10 @@ export default function Page() {
                                 <SettingsSection>
                                     <SettingsSectionHeader>
                                         <SettingsSectionTitle>
-                                            HTTPS Settings
+                                            {t('resourceHTTPSSettings')}
                                         </SettingsSectionTitle>
                                         <SettingsSectionDescription>
-                                            Configure how your resource will be
+                                            {t('resourceHTTPSSettingsDescription')}
-                                            accessed over HTTPS
                                         </SettingsSectionDescription>
                                     </SettingsSectionHeader>
                                     <SettingsSectionBody>
@@ -506,8 +497,7 @@ export default function Page() {
                                                             }) => (
                                                                 <FormItem>
                                                                     <FormLabel>
-                                                                        Domain
+                                                                        {t('domainType')}
-                                                                        Type
                                                                     </FormLabel>
                                                                     <Select
                                                                         value={
@@ -531,11 +521,10 @@ export default function Page() {
                                                                         </FormControl>
                                                                         <SelectContent>
                                                                             <SelectItem value="subdomain">
-                                                                                Subdomain
+                                                                                {t('subdomain')}
                                                                             </SelectItem>
                                                                             <SelectItem value="basedomain">
-                                                                                Base
+                                                                                {t('baseDomain')}
-                                                                                Domain
                                                                             </SelectItem>
                                                                         </SelectContent>
                                                                     </Select>
@@ -550,7 +539,7 @@ export default function Page() {
                                                     ) && (
                                                         <FormItem>
                                                             <FormLabel>
-                                                                Subdomain
+                                                                {t('subdomain')}
                                                             </FormLabel>
                                                             <div className="flex space-x-0">
                                                                 <div className="w-1/2">
@@ -629,10 +618,7 @@ export default function Page() {
                                                                 </div>
                                                             </div>
                                                             <FormDescription>
-                                                                The subdomain
+                                                                {t('subdomnainDescription')}
-                                                                where your
-                                                                resource will be
-                                                                accessible.
                                                             </FormDescription>
                                                         </FormItem>
                                                     )}
@@ -650,8 +636,7 @@ export default function Page() {
                                                             }) => (
                                                                 <FormItem>
                                                                     <FormLabel>
-                                                                        Base
+                                                                        {t('baseDomain')}
-                                                                        Domain
                                                                     </FormLabel>
                                                                     <Select
                                                                         onValueChange={
@@ -702,11 +687,10 @@ export default function Page() {
                                 <SettingsSection>
                                     <SettingsSectionHeader>
                                         <SettingsSectionTitle>
-                                            TCP/UDP Settings
+                                            {t('resourceRawSettings')}
                                         </SettingsSectionTitle>
                                         <SettingsSectionDescription>
-                                            Configure how your resource will be
+                                            {t('resourceRawSettingsDescription')}
-                                            accessed over TCP/UDP
                                         </SettingsSectionDescription>
                                     </SettingsSectionHeader>
                                     <SettingsSectionBody>
@@ -724,7 +708,7 @@ export default function Page() {
                                                         render={({ field }) => (
                                                             <FormItem>
                                                                 <FormLabel>
-                                                                    Protocol
+                                                                    {t('protocol')}
                                                                 </FormLabel>
                                                                 <Select
                                                                     onValueChange={
@@ -734,7 +718,7 @@ export default function Page() {
                                                                 >
                                                                     <FormControl>
                                                                         <SelectTrigger>
-                                                                            <SelectValue placeholder="Select a protocol" />
+                                                                            <SelectValue placeholder={t('protocolSelect')} />
                                                                         </SelectTrigger>
                                                                     </FormControl>
                                                                     <SelectContent>
@@ -759,7 +743,7 @@ export default function Page() {
                                                         render={({ field }) => (
                                                             <FormItem>
                                                                 <FormLabel>
-                                                                    Port Number
+                                                                    {t('resourcePortNumber')}
                                                                 </FormLabel>
                                                                 <FormControl>
                                                                     <Input
@@ -787,10 +771,7 @@ export default function Page() {
                                                                 </FormControl>
                                                                 <FormMessage />
                                                                 <FormDescription>
-                                                                    The external
+                                                                    {t('resourcePortNumberDescription')}
-                                                                    port number
-                                                                    to proxy
-                                                                    requests.
                                                                 </FormDescription>
                                                             </FormItem>
                                                         )}
@@ -810,7 +791,7 @@ export default function Page() {
                                         router.push(`/${orgId}/settings/resources`)
                                     }
                                 >
-                                    Cancel
+                                    {t('cancel')}
                                 </Button>
                                 <Button
                                     type="button"
@@ -827,7 +808,7 @@ export default function Page() {
                                     }}
                                     loading={createLoading}
                                 >
-                                    Create Resource
+                                    {t('resourceCreate')}
                                 </Button>
                             </div>
                         </SettingsContainer>
@@ -836,17 +817,17 @@ export default function Page() {
                             <SettingsSection>
                                 <SettingsSectionHeader>
                                     <SettingsSectionTitle>
-                                        Configuration Snippets
+                                        {t('resourceConfig')}
                                     </SettingsSectionTitle>
                                     <SettingsSectionDescription>
-                                        Copy and paste these configuration snippets to set up your TCP/UDP resource
+                                        {t('resourceConfigDescription')}
                                     </SettingsSectionDescription>
                                 </SettingsSectionHeader>
                                 <SettingsSectionBody>
                                     <div className="space-y-6">
                                         <div className="space-y-4">
                                             <h3 className="text-lg font-semibold">
-                                                Traefik: Add Entrypoints
+                                                {t('resourceAddEntrypoints')}
                                             </h3>
                                             <CopyTextBox
                                                 text={`entryPoints:
@@ -858,7 +839,7 @@ export default function Page() {
 
                                         <div className="space-y-4">
                                             <h3 className="text-lg font-semibold">
-                                                Gerbil: Expose Ports in Docker Compose
+                                                {t('resourceExposePorts')}
                                             </h3>
                                             <CopyTextBox
                                                 text={`ports:
@@ -874,7 +855,7 @@ export default function Page() {
                                             rel="noopener noreferrer"
                                         >
                                             <span>
-                                                Learn how to configure TCP/UDP resources
+                                                {t('resourceLearnRaw')}
                                             </span>
                                             <SquareArrowOutUpRight size={14} />
                                         </Link>
@@ -890,7 +871,7 @@ export default function Page() {
                                         router.push(`/${orgId}/settings/resources`)
                                     }
                                 >
-                                    Back to Resources
+                                    {t('resourceBack')}
                                 </Button>
                                 <Button
                                     type="button"
@@ -900,7 +881,7 @@ export default function Page() {
                                         )
                                     }
                                 >
-                                    Go to Resource
+                                    {t('resourceGoTo')}
                                 </Button>
                             </div>
                         </SettingsContainer>