Revert "cleanup v2"

This reverts commit 8b82578809.

.dockerignore

@@ -3,4 +3,5 @@ npm-debug.log
 .env
 agent/
 .next
-docs/
+docs/
+screenshots/

.github/CODE_OF_CONDUCT.md

@@ -0,0 +1,43 @@
+# Code of Conduct
+
+## Our Pledge
+
+We as members, contributors, and leaders pledge to make participation in our project and our community a harassment-free experience for everyone, regardless of age, body size, disability, ethnicity, gender identity and expression, level of experience, education, socio-economic status, nationality, personal appearance, race, religion, or sexual identity and orientation.
+
+We pledge to act and interact in ways that contribute to an open, welcoming, diverse, inclusive, and healthy community.
+
+## Our Standards
+
+Examples of behavior that contributes to a positive environment for our community include:
+
+- Using welcoming and inclusive language
+- Being respectful of differing viewpoints and experiences
+- Gracefully accepting constructive criticism
+- Focusing on what is best for the community
+- Showing empathy towards other community members
+
+Examples of unacceptable behavior by participants include:
+
+- The use of sexualized language or imagery, and unwelcome sexual attention or advances
+- Trolling, insulting/derogatory comments, and personal or political attacks
+- Public or private harassment
+- Publishing others' private information, such as a physical or email address, without their explicit permission
+- Other conduct which could reasonably be considered inappropriate in a professional setting
+
+## Our Responsibilities
+
+Project leaders are responsible for clarifying the standards of acceptable behavior and are expected to take appropriate and fair corrective action in response to any instances of unacceptable behavior.
+
+Project maintainers have the right and responsibility to remove, edit, or reject comments, commits, code, wiki edits, issues, and other contributions that are not aligned to this Code of Conduct, or to ban temporarily or permanently any contributor for other behaviors that they deem inappropriate, threatening, offensive, or harmful.
+
+## Scope
+
+This Code of Conduct applies both within project spaces and in public spaces when an individual is representing the project or its community. Examples of representing a project or community include using an official project e-mail address, posting via an official social media account, or acting as an appointed representative at an online or offline event.
+
+## Enforcement
+
+Instances of abusive, harassing, or otherwise unacceptable behavior may be reported by contacting the project team at [your email address or contact method here]. All complaints will be reviewed and investigated and will result in a response that is deemed necessary and appropriate to the circumstances. The project team is obligated to maintain confidentiality with regard to the reporter of an incident.
+
+## Attribution
+
+This Code of Conduct is adapted from the [Contributor Covenant, version 2.1](https://www.contributor-covenant.org/version/2/1/code_of_conduct.html), available at [https://www.contributor-covenant.org/](https://www.contributor-covenant.org/).

.github/CONTRIBUTING.md

@@ -0,0 +1,8 @@
+# How to Contribute
+
+1. Fork the repository
+2. Create a new branch
+3. Make your changes
+4. Submit a pull request
+
+Please make sure your code passes all tests and follows the style guide.

.github/FUNDING.yml

@@ -0,0 +1,2 @@
+github: crocofied
+buy_me_a_coffee: corecontrol

.github/ISSUE_TEMPLATE/bug_report.yml

@@ -0,0 +1,67 @@
+name: 🐞 - Bug Report
+description: Report a problem or unexpected behavior.
+title: "[Bug]: "
+labels: ["unverified bug"]
+assignees: []
+
+body:
+  - type: markdown
+    attributes:
+      value: |
+        Thank you for reporting a bug! Please fill out the information below.
+  - type: input
+    id: what-happened
+    attributes:
+      label: What happened?
+      description: Describe the issue you encountered.
+      placeholder: Tell us what happened...
+    validations:
+      required: true
+  - type: textarea
+    id: reproduction-steps
+    attributes:
+      label: Steps to reproduce
+      description: List the steps needed to reproduce the issue.
+      placeholder: |
+        1. Go to '...'
+        2. Click on '...'
+        3. Scroll down to '...'
+        4. See error
+    validations:
+      required: true
+  - type: dropdown
+    id: operating-system
+    attributes:
+      label: Operating System
+      options:
+        - Windows
+        - macOS
+        - Linux
+        - Other
+    validations:
+      required: true
+  - type: input
+    id: version
+    attributes:
+      label: Version
+      description: The version of the CoreControl you are using.
+      placeholder: e.g. v0.0.10
+    validations:
+      required: true
+  - type: input
+    id: logs
+    attributes:
+      label: Logs
+      description: The logs of the docker containers, if necessary.
+      placeholder: |
+        ```
+        [logs]
+        ```
+    validations:
+      required: false
+  - type: textarea
+    id: additional-info
+    attributes:
+      label: Additional Information
+      description: Add any other context about the problem here.
+      placeholder: Any extra details...

.github/ISSUE_TEMPLATE/feature_request.yml

@@ -0,0 +1,41 @@
+name: ✨ - Feature Request
+description: Suggest a new idea or enhancement.
+title: "[Feature]: "
+labels: ["enhancement"]
+assignees: []
+
+body:
+  - type: markdown
+    attributes:
+      value: |
+        Thank you for suggesting a feature! Please provide as much detail as possible.
+  - type: input
+    id: feature-summary
+    attributes:
+      label: Feature Summary
+      description: Short summary of the feature you are requesting.
+      placeholder: A short and clear description...
+    validations:
+      required: true
+  - type: textarea
+    id: motivation
+    attributes:
+      label: Motivation
+      description: Why do you need this feature? What problem does it solve?
+      placeholder: Describe the use case...
+    validations:
+      required: true
+  - type: textarea
+    id: possible-solution
+    attributes:
+      label: Possible Solution
+      description: Suggest an idea for how the feature could be implemented (optional).
+      placeholder: Maybe something like this...
+    validations:
+      required: false
+  - type: textarea
+    id: additional-context
+    attributes:
+      label: Additional Context
+      description: Add any other context, screenshots, or examples here.
+      placeholder: Other relevant information...

.github/PULL_REQUEST_TEMPLATE.md

@@ -0,0 +1,7 @@
+## Description
+Please explain the changes you made.
+
+## Checklist
+- [ ] I have tested the code
+- [ ] I have updated the documentation if necessary
+- [ ] I followed the project's coding guidelines

.github/config.yml

@@ -0,0 +1 @@
+blank_issues_enabled: false

Dockerfile

@@ -1,47 +1,53 @@
 # Builder Stage
-FROM node:20-alpine AS builder
+FROM --platform=$BUILDPLATFORM node:20-alpine AS builder
+
+ARG TARGETARCH  # Automatically set by Buildx
 
 WORKDIR /app
 
 COPY package.json package-lock.json* ./
 COPY ./prisma ./prisma
 
-# Install all dependencies (including devDependencies)
-RUN npm install
+# Set PRISMA_CLI_BINARY_TARGETS based on TARGETARCH and install dependencies
+RUN case ${TARGETARCH} in \
+    "amd64") export PRISMA_CLI_BINARY_TARGETS="linux-musl-openssl-3.0.x" ;; \
+    "arm64") export PRISMA_CLI_BINARY_TARGETS="linux-musl-arm64-openssl-3.0.x" ;; \
+    "arm")   export PRISMA_CLI_BINARY_TARGETS="linux-musl-arm-openssl-3.0.x" ;; \
+    *) echo "Unsupported ARCH: ${TARGETARCH}" && exit 1 ;; \
+    esac && \
+    npm install && \
+    npx prisma generate
 
-# Generate Prisma client
-RUN npx prisma generate
-
-# Build the application
 COPY . .
 RUN npm run build
 
 # Production Stage
-FROM node:20-alpine AS production
+FROM --platform=$TARGETPLATFORM node:20-alpine AS production
 
 WORKDIR /app
 
 ENV NODE_ENV production
 
-# Copy package files
-COPY package.json package-lock.json* ./
-
-# Copy node_modules from builder
+# Copy built assets and dependencies from builder
 COPY --from=builder /app/node_modules ./node_modules
-
-# Remove dev dependencies
-RUN npm prune --production
-
-# Copy Prisma files
 COPY --from=builder /app/prisma ./prisma
-
-# Copy built application
 COPY --from=builder /app/.next ./.next
 COPY --from=builder /app/public ./public
 COPY --from=builder /app/package.json ./package.json
 COPY --from=builder /app/next.config.js* ./
 
+# Prune dev dependencies
+RUN npm prune --production
+
 EXPOSE 3000
 
-# Run migrations and start
-CMD ["sh", "-c", "npx prisma migrate deploy && npm start"]
+# Dynamically set PRISMA_CLI_BINARY_TARGETS based on runtime architecture and start
+CMD ["sh", "-c", "\
+  export PRISMA_CLI_BINARY_TARGETS=$(case $(uname -m) in \
+    x86_64)   echo linux-musl-openssl-3.0.x ;; \
+    aarch64) echo linux-musl-arm64-openssl-3.0.x ;; \
+    armv7l)  echo linux-musl-arm-openssl-3.0.x ;; \
+    *) echo \"Unsupported architecture: $(uname -m)\" && exit 1 ;; \
+  esac) && \
+  npx prisma migrate deploy && \
+  npm start"]

README.md

@@ -6,7 +6,8 @@
 
 The only dashboard you'll ever need to manage your entire server infrastructure. Keep all your server data organized in one central place, easily add your self-hosted applications with quick access links, and monitor their availability in real-time with built-in uptime tracking. Designed for simplicity and control, it gives you a clear overview of your entire self-hosted setup at a glance.
 
-<a href="https://buymeacoffee.com/corecontrol" target="_blank"><img src="https://cdn.buymeacoffee.com/buttons/default-orange.png" alt="Buy Me A Coffee" height="41" width="174"></a>
+[!["Buy Me A Coffee"](https://www.buymeacoffee.com/assets/img/custom_images/orange_img.png)](https://www.buymeacoffee.com/corecontrol)
+[![Sponsor](https://img.shields.io/badge/sponsor-30363D?style=for-the-badge&logo=GitHub-Sponsors&logoColor=#white)](https://github.com/sponsors/crocofied)
 
 ## Features
 
@@ -17,35 +18,34 @@ The only dashboard you'll ever need to manage your entire server infrastructure.
 
 ## Screenshots
 Login Page:
-![Login Page](https://i.ibb.co/DfS7BJdX/image.png)
+![Login Page](/screenshots/login.png)
 
 Dashboard Page:
-![Dashboard Page](https://i.ibb.co/SYwrFw8/image.png)
+![Dashboard Page](/screenshots/dashboard.png)
 
 Servers Page:
-![Servers Page](https://i.ibb.co/HLMD9HPZ/image.png)
+![Servers Page](/screenshots/servers.png)
 
-VM Display:
-![VM Display](https://i.ibb.co/My45mv8k/image.png)
+Server Detail Page
+![Server Detail Page](/screenshots/server.png)
 
 Applications Page:
-![Applications Page](https://i.ibb.co/Hc2HQpV/image.png)
+![Applications Page](/screenshots/applications.png)
 
 Uptime Page:
-![Uptime Page](https://i.ibb.co/jvGcL9Y6/image.png)
+![Uptime Page](/screenshots/uptime.png)
 
 Network Page:
-![Network Page](https://i.ibb.co/ymLHcNqM/image.png)
+![Network Page](/screenshots/network.png)
 
 Settings Page:
-![Settings Page](https://i.ibb.co/rRQB9Hcz/image.png)
+![Settings Page](/screenshots/settings.png)
 
 ## Roadmap
 - [X] Edit Applications, Applications searchbar
 - [X] Uptime History
 - [X] Notifications
 - [X] Simple Server Monitoring
-- [ ] Simple Server Monitoring History
 - [ ] Improved Network Flowchart with custom elements (like Network switches)
 - [ ] Advanced Settings (Disable Uptime Tracking & more)
 
@@ -97,12 +97,12 @@ __Password:__ admin
 
 The application is build with:
 - Next.js & Typescript
-- Go (for the agent)
+- Go (used for the agent)
 - Tailwindcss with [shadcn](shadcn.com)
 - PostgreSQL with [Prisma ORM](https://www.prisma.io/)
 - Icons by [Lucide](https://lucide.dev/)
 - Flowcharts by [React Flow](https://reactflow.dev/)
-- Application icons by [selfh.st/icons](selfh.st/icons)
+- Application icons by [selfh.st/icons](https://selfh.st/icons)
 - Monitoring Tool by [Glances](https://github.com/nicolargo/glances)
 - and a lot of love ❤️
 

agent/Dockerfile

@@ -1,25 +1,45 @@
 # --- Build Stage ---
-    FROM golang:1.24-alpine AS builder
+# Multi-Arch Builder mit expliziter Plattform-Angabe
+FROM --platform=$BUILDPLATFORM golang:1.19-alpine AS builder
 
-    WORKDIR /app
-    
-    ENV GO111MODULE=on
-    
-    COPY go.mod go.sum ./
-    RUN go mod download
-    
-    COPY . .
-    
-    RUN go build -o app .
-    
-    # --- Run Stage ---
-    FROM alpine:latest
-    
-    RUN apk --no-cache add ca-certificates
-    
-    WORKDIR /root/
-    
-    COPY --from=builder /app/app .
-    
-    CMD ["./app"]
-    
+ARG TARGETOS TARGETARCH
+
+WORKDIR /app
+
+ENV GO111MODULE=on \
+    CGO_ENABLED=0 \
+    GOOS=$TARGETOS \
+    GOARCH=$TARGETARCH
+
+COPY go.mod go.sum ./
+RUN go mod download
+
+COPY . .
+
+# Cross-Compile für Zielarchitektur
+RUN go build -ldflags="-w -s" -o app ./cmd/agent
+
+# --- Run Stage ---
+# Multi-Arch Laufzeit-Image
+FROM alpine:latest
+
+# Notwendig für TLS/SSL-Zertifikate
+RUN apk --no-cache add ca-certificates gcompat
+
+WORKDIR /root/
+
+COPY --from=builder /app/app .
+
+# Security Hardening
+USER nobody:nobody
+ENV GOMAXPROCS=1
+
+CMD ["./app"]
+
+# - - BUILD COMMAND - - 
+# docker buildx build \
+#   --platform linux/amd64,linux/arm64,linux/arm/v7 \
+#   -t haedlessdev/corecontrol-agent:1.0.0 \
+#   -t haedlessdev/corecontrol-agent:latest \
+#   --push \
+#   .

agent/cmd/agent/main.go

@@ -0,0 +1,111 @@
+package main
+
+import (
+	"fmt"
+	"net/http"
+	"time"
+
+	"github.com/corecontrol/agent/internal/app"
+	"github.com/corecontrol/agent/internal/database"
+	"github.com/corecontrol/agent/internal/notifications"
+	"github.com/corecontrol/agent/internal/server"
+)
+
+func main() {
+	// Initialize database
+	db, err := database.InitDB()
+	if err != nil {
+		panic(fmt.Sprintf("Database initialization failed: %v\n", err))
+	}
+	defer db.Close()
+
+	// Initialize notification sender
+	notifSender := notifications.NewNotificationSender()
+
+	// Initial load of notifications
+	notifs, err := database.LoadNotifications(db)
+	if err != nil {
+		panic(fmt.Sprintf("Failed to load notifications: %v", err))
+	}
+	notifSender.UpdateNotifications(notifs)
+
+	// Reload notification configs every minute
+	go func() {
+		reloadTicker := time.NewTicker(time.Minute)
+		defer reloadTicker.Stop()
+
+		for range reloadTicker.C {
+			newNotifs, err := database.LoadNotifications(db)
+			if err != nil {
+				fmt.Printf("Failed to reload notifications: %v\n", err)
+				continue
+			}
+			notifSender.UpdateNotifications(newNotifs)
+			fmt.Println("Reloaded notification configurations")
+		}
+	}()
+
+	// Clean up old entries hourly
+	go func() {
+		deletionTicker := time.NewTicker(time.Hour)
+		defer deletionTicker.Stop()
+
+		for range deletionTicker.C {
+			if err := database.DeleteOldEntries(db); err != nil {
+				fmt.Printf("Error deleting old entries: %v\n", err)
+			}
+		}
+	}()
+
+	// Check for test notifications every 10 seconds
+	go func() {
+		testNotifTicker := time.NewTicker(10 * time.Second)
+		defer testNotifTicker.Stop()
+
+		for range testNotifTicker.C {
+			notifs := notifSender.GetNotifications()
+			database.CheckAndSendTestNotifications(db, notifs, notifSender.SendSpecificNotification)
+		}
+	}()
+
+	// HTTP clients
+	appClient := &http.Client{
+		Timeout: 4 * time.Second,
+	}
+
+	serverClient := &http.Client{
+		Timeout: 5 * time.Second,
+	}
+
+	// Server monitoring every 5 seconds
+	go func() {
+		serverTicker := time.NewTicker(5 * time.Second)
+		defer serverTicker.Stop()
+
+		for range serverTicker.C {
+			servers, err := database.GetServers(db)
+			if err != nil {
+				fmt.Printf("Error getting servers: %v\n", err)
+				continue
+			}
+			server.MonitorServers(db, serverClient, servers, notifSender)
+		}
+	}()
+
+	// Application monitoring every 10 seconds
+	appTicker := time.NewTicker(time.Second)
+	defer appTicker.Stop()
+
+	for now := range appTicker.C {
+		if now.Second()%10 != 0 {
+			continue
+		}
+
+		apps, err := database.GetApplications(db)
+		if err != nil {
+			fmt.Printf("Error getting applications: %v\n", err)
+			continue
+		}
+		app.MonitorApplications(db, appClient, apps, notifSender)
+	}
+}

agent/go.mod

@@ -1,22 +1,22 @@
-module agent
+module github.com/corecontrol/agent
 
-go 1.24.1
+go 1.19
 
 require (
-	github.com/jackc/pgx/v4 v4.18.3
+	github.com/jackc/pgx/v4 v4.18.1
 	github.com/joho/godotenv v1.5.1
+	gopkg.in/gomail.v2 v2.0.0-20160411212932-81ebce5c23df
 )
 
 require (
 	github.com/jackc/chunkreader/v2 v2.0.1 // indirect
-	github.com/jackc/pgconn v1.14.3 // indirect
+	github.com/jackc/pgconn v1.14.0 // indirect
 	github.com/jackc/pgio v1.0.0 // indirect
 	github.com/jackc/pgpassfile v1.0.0 // indirect
-	github.com/jackc/pgproto3/v2 v2.3.3 // indirect
+	github.com/jackc/pgproto3/v2 v2.3.2 // indirect
 	github.com/jackc/pgservicefile v0.0.0-20221227161230-091c0ba34f0a // indirect
 	github.com/jackc/pgtype v1.14.0 // indirect
-	golang.org/x/crypto v0.20.0 // indirect
-	golang.org/x/text v0.14.0 // indirect
+	golang.org/x/crypto v0.6.0 // indirect
+	golang.org/x/text v0.7.0 // indirect
 	gopkg.in/alexcesaro/quotedprintable.v3 v3.0.0-20150716171945-2caba252f4dc // indirect
-	gopkg.in/gomail.v2 v2.0.0-20160411212932-81ebce5c23df // indirect
 )

agent/go.sum

@@ -25,8 +25,8 @@ github.com/jackc/pgconn v0.0.0-20190831204454-2fabfa3c18b7/go.mod h1:ZJKsE/KZfsU
 github.com/jackc/pgconn v1.8.0/go.mod h1:1C2Pb36bGIP9QHGBYCjnyhqu7Rv3sGshaQUvmfGIB/o=
 github.com/jackc/pgconn v1.9.0/go.mod h1:YctiPyvzfU11JFxoXokUOOKQXQmDMoJL9vJzHH8/2JY=
 github.com/jackc/pgconn v1.9.1-0.20210724152538-d89c8390a530/go.mod h1:4z2w8XhRbP1hYxkpTuBjTS3ne3J48K83+u0zoyvg2pI=
-github.com/jackc/pgconn v1.14.3 h1:bVoTr12EGANZz66nZPkMInAV/KHD2TxH9npjXXgiB3w=
-github.com/jackc/pgconn v1.14.3/go.mod h1:RZbme4uasqzybK2RK5c65VsHxoyaml09lx3tXOcO/VM=
+github.com/jackc/pgconn v1.14.0 h1:vrbA9Ud87g6JdFWkHTJXppVce58qPIdP7N8y0Ml/A7Q=
+github.com/jackc/pgconn v1.14.0/go.mod h1:9mBNlny0UvkgJdCDvdVHYSjI+8tD2rnKK69Wz8ti++E=
 github.com/jackc/pgio v1.0.0 h1:g12B9UwVnzGhueNavwioyEEpAmqMe1E/BN9ES+8ovkE=
 github.com/jackc/pgio v1.0.0/go.mod h1:oP+2QK2wFfUWgr+gxjoBH9KGBb31Eio69xUb0w5bYf8=
 github.com/jackc/pgmock v0.0.0-20190831213851-13a1b77aafa2/go.mod h1:fGZlG77KXmcq05nJLRkk0+p82V8B8Dw8KN2/V9c/OAE=
@@ -42,8 +42,8 @@ github.com/jackc/pgproto3/v2 v2.0.0-rc3/go.mod h1:ryONWYqW6dqSg1Lw6vXNMXoBJhpzvW
 github.com/jackc/pgproto3/v2 v2.0.0-rc3.0.20190831210041-4c03ce451f29/go.mod h1:ryONWYqW6dqSg1Lw6vXNMXoBJhpzvWKnT95C46ckYeM=
 github.com/jackc/pgproto3/v2 v2.0.6/go.mod h1:WfJCnwN3HIg9Ish/j3sgWXnAfK8A9Y0bwXYU5xKaEdA=
 github.com/jackc/pgproto3/v2 v2.1.1/go.mod h1:WfJCnwN3HIg9Ish/j3sgWXnAfK8A9Y0bwXYU5xKaEdA=
-github.com/jackc/pgproto3/v2 v2.3.3 h1:1HLSx5H+tXR9pW3in3zaztoEwQYRC9SQaYUHjTSUOag=
-github.com/jackc/pgproto3/v2 v2.3.3/go.mod h1:WfJCnwN3HIg9Ish/j3sgWXnAfK8A9Y0bwXYU5xKaEdA=
+github.com/jackc/pgproto3/v2 v2.3.2 h1:7eY55bdBeCz1F2fTzSz69QC+pG46jYq9/jtSPiJ5nn0=
+github.com/jackc/pgproto3/v2 v2.3.2/go.mod h1:WfJCnwN3HIg9Ish/j3sgWXnAfK8A9Y0bwXYU5xKaEdA=
 github.com/jackc/pgservicefile v0.0.0-20200714003250-2b9c44734f2b/go.mod h1:vsD4gTJCa9TptPL8sPkXrLZ+hDuNrZCnj29CQpr4X1E=
 github.com/jackc/pgservicefile v0.0.0-20221227161230-091c0ba34f0a h1:bbPeKD0xmW/Y25WS6cokEszi5g+S0QxI/d45PkRi7Nk=
 github.com/jackc/pgservicefile v0.0.0-20221227161230-091c0ba34f0a/go.mod h1:5TJZWKEWniPve33vlWYSoGYefn3gLQRzjfDlhSJ9ZKM=
@@ -57,11 +57,12 @@ github.com/jackc/pgx/v4 v4.0.0-20190420224344-cc3461e65d96/go.mod h1:mdxmSJJuR08
 github.com/jackc/pgx/v4 v4.0.0-20190421002000-1b8f0016e912/go.mod h1:no/Y67Jkk/9WuGR0JG/JseM9irFbnEPbuWV2EELPNuM=
 github.com/jackc/pgx/v4 v4.0.0-pre1.0.20190824185557-6972a5742186/go.mod h1:X+GQnOEnf1dqHGpw7JmHqHc1NxDoalibchSk9/RWuDc=
 github.com/jackc/pgx/v4 v4.12.1-0.20210724153913-640aa07df17c/go.mod h1:1QD0+tgSXP7iUjYm9C1NxKhny7lq6ee99u/z+IHFcgs=
-github.com/jackc/pgx/v4 v4.18.3 h1:dE2/TrEsGX3RBprb3qryqSV9Y60iZN1C6i8IrmW9/BA=
-github.com/jackc/pgx/v4 v4.18.3/go.mod h1:Ey4Oru5tH5sB6tV7hDmfWFahwF15Eb7DNXlRKx2CkVw=
+github.com/jackc/pgx/v4 v4.18.1 h1:YP7G1KABtKpB5IHrO9vYwSrCOhs7p3uqhvhhQBptya0=
+github.com/jackc/pgx/v4 v4.18.1/go.mod h1:FydWkUyadDmdNH/mHnGob881GawxeEm7TcMCzkb+qQE=
 github.com/jackc/puddle v0.0.0-20190413234325-e4ced69a3a2b/go.mod h1:m4B5Dj62Y0fbyuIc15OsIqK0+JU8nkqQjsgx7dvjSWk=
 github.com/jackc/puddle v0.0.0-20190608224051-11cab39313c9/go.mod h1:m4B5Dj62Y0fbyuIc15OsIqK0+JU8nkqQjsgx7dvjSWk=
 github.com/jackc/puddle v1.1.3/go.mod h1:m4B5Dj62Y0fbyuIc15OsIqK0+JU8nkqQjsgx7dvjSWk=
+github.com/jackc/puddle v1.3.0/go.mod h1:m4B5Dj62Y0fbyuIc15OsIqK0+JU8nkqQjsgx7dvjSWk=
 github.com/joho/godotenv v1.5.1 h1:7eLL/+HRGLY0ldzfGMeQkb7vMd0as4CfYvUVzLqw0N0=
 github.com/joho/godotenv v1.5.1/go.mod h1:f4LDr5Voq0i2e/R5DDNOoa2zzDfwtkZa6DnEwAbqwq4=
 github.com/kisielk/gotool v1.0.0/go.mod h1:XhKaO+MFFWcvkIS/tQcRk01m1F5IRFswLeQ+oQHNcck=
@@ -98,13 +99,18 @@ github.com/sirupsen/logrus v1.4.2/go.mod h1:tLMulIdttU9McNUspp0xgXVQah82FyeX6Mwd
 github.com/stretchr/objx v0.1.0/go.mod h1:HFkY916IF+rwdDfMAkV7OtwuqBVzrE8GR6GFx+wExME=
 github.com/stretchr/objx v0.1.1/go.mod h1:HFkY916IF+rwdDfMAkV7OtwuqBVzrE8GR6GFx+wExME=
 github.com/stretchr/objx v0.2.0/go.mod h1:qt09Ya8vawLte6SNmTgCsAVtYtaKzEcn8ATUoHMkEqE=
+github.com/stretchr/objx v0.4.0/go.mod h1:YvHI0jy2hoMjB+UWwv71VJQ9isScKT/TqJzVSSt89Yw=
+github.com/stretchr/objx v0.5.0/go.mod h1:Yh+to48EsGEfYuaHDzXPcE3xhTkx73EhmCGUpEOglKo=
 github.com/stretchr/testify v1.2.2/go.mod h1:a8OnRcib4nhh0OaRAV+Yts87kKdq0PP7pXfy6kDkUVs=
 github.com/stretchr/testify v1.3.0/go.mod h1:M5WIy9Dh21IEIfnGCwXGc5bZfKNJtfHm1UVUgZn+9EI=
 github.com/stretchr/testify v1.4.0/go.mod h1:j7eGeouHqKxXV5pUuKE4zz7dFj8WfuZ+81PSLYec5m4=
 github.com/stretchr/testify v1.5.1/go.mod h1:5W2xD1RspED5o8YsWQXVCued0rvSQ+mT+I5cxcmMvtA=
 github.com/stretchr/testify v1.7.0/go.mod h1:6Fq8oRcR53rry900zMqJjRRixrwX3KX962/h/Wwjteg=
+github.com/stretchr/testify v1.7.1/go.mod h1:6Fq8oRcR53rry900zMqJjRRixrwX3KX962/h/Wwjteg=
+github.com/stretchr/testify v1.8.0/go.mod h1:yNjHg4UonilssWZ8iaSj1OCr/vHnekPRkoO+kdMU+MU=
 github.com/stretchr/testify v1.8.1 h1:w7B6lhMri9wdJUVmEZPGGhZzrYTPvgJArz7wNPgYKsk=
 github.com/stretchr/testify v1.8.1/go.mod h1:w2LPCIKwWwSfY2zedu0+kehJoqGctiVI29o6fzry7u4=
+github.com/yuin/goldmark v1.4.13/go.mod h1:6yULJ656Px+3vBD8DxQVa3kxgyrAnzto9xy5taEt/CY=
 github.com/zenazn/goji v0.9.0/go.mod h1:7S9M489iMyHBNxwZnk9/EHS098H4/F6TATF2mIxtB1Q=
 go.uber.org/atomic v1.3.2/go.mod h1:gD2HeocX3+yG+ygLZcrzQJaqmWj9AIm7n08wl/qW/PE=
 go.uber.org/atomic v1.4.0/go.mod h1:gD2HeocX3+yG+ygLZcrzQJaqmWj9AIm7n08wl/qW/PE=
@@ -126,17 +132,22 @@ golang.org/x/crypto v0.0.0-20200622213623-75b288015ac9/go.mod h1:LzIPMQfyMNhhGPh
 golang.org/x/crypto v0.0.0-20201203163018-be400aefbc4c/go.mod h1:jdWPYTVW3xRLrWPugEBEK3UY2ZEsg3UU495nc5E+M+I=
 golang.org/x/crypto v0.0.0-20210616213533-5ff15b29337e/go.mod h1:GvvjBRRGRdwPK5ydBHafDWAxML/pGHZbMvKqRZ5+Abc=
 golang.org/x/crypto v0.0.0-20210711020723-a769d52b0f97/go.mod h1:GvvjBRRGRdwPK5ydBHafDWAxML/pGHZbMvKqRZ5+Abc=
-golang.org/x/crypto v0.20.0 h1:jmAMJJZXr5KiCw05dfYK9QnqaqKLYXijU23lsEdcQqg=
-golang.org/x/crypto v0.20.0/go.mod h1:Xwo95rrVNIoSMx9wa1JroENMToLWn3RNVrTBpLHgZPQ=
+golang.org/x/crypto v0.0.0-20210921155107-089bfa567519/go.mod h1:GvvjBRRGRdwPK5ydBHafDWAxML/pGHZbMvKqRZ5+Abc=
+golang.org/x/crypto v0.6.0 h1:qfktjS5LUO+fFKeJXZ+ikTRijMmljikvG68fpMMruSc=
+golang.org/x/crypto v0.6.0/go.mod h1:OFC/31mSvZgRz0V1QTNCzfAI1aIRzbiufJtkMIlEp58=
 golang.org/x/lint v0.0.0-20190930215403-16217165b5de/go.mod h1:6SW0HCj/g11FgYtHlgUYUwCkIfeOF89ocIRzGO/8vkc=
 golang.org/x/mod v0.0.0-20190513183733-4bf6d317e70e/go.mod h1:mXi4GBBbnImb6dmsKGUJ2LatrhH/nqhxcFungHvyanc=
 golang.org/x/mod v0.1.1-0.20191105210325-c90efee705ee/go.mod h1:QqPTAvyqsEbceGzBzNggFXnrqF1CaUcvgkdR5Ot7KZg=
+golang.org/x/mod v0.6.0-dev.0.20220419223038-86c51ed26bb4/go.mod h1:jJ57K6gSWd91VN4djpZkiMVwK6gcyfeH4XE8wZrZaV4=
 golang.org/x/net v0.0.0-20190311183353-d8887717615a/go.mod h1:t9HGtf8HONx5eT2rtn7q6eTqICYqUVnKs3thJo3Qplg=
 golang.org/x/net v0.0.0-20190404232315-eb5bcb51f2a3/go.mod h1:t9HGtf8HONx5eT2rtn7q6eTqICYqUVnKs3thJo3Qplg=
 golang.org/x/net v0.0.0-20190620200207-3b0461eec859/go.mod h1:z5CRVTTTmAJ677TzLLGU+0bjPO0LkuOLi4/5GtJWs/s=
 golang.org/x/net v0.0.0-20190813141303-74dc4d7220e7/go.mod h1:z5CRVTTTmAJ677TzLLGU+0bjPO0LkuOLi4/5GtJWs/s=
 golang.org/x/net v0.0.0-20210226172049-e18ecbb05110/go.mod h1:m0MpNAwzfU5UDzcl9v0D8zg8gWTRqZa9RBIspLL5mdg=
+golang.org/x/net v0.0.0-20220722155237-a158d28d115b/go.mod h1:XRhObCWvk6IyKnWLug+ECip1KBveYUHfp+8e9klMJ9c=
+golang.org/x/net v0.6.0/go.mod h1:2Tu9+aMcznHK/AK1HMvgo6xiTLG5rD5rZLDS+rp2Bjs=
 golang.org/x/sync v0.0.0-20190423024810-112230192c58/go.mod h1:RxMgew5VJxzue5/jJTE5uejpjVlOe/izrB70Jof72aM=
+golang.org/x/sync v0.0.0-20220722155255-886fb9371eb4/go.mod h1:RxMgew5VJxzue5/jJTE5uejpjVlOe/izrB70Jof72aM=
 golang.org/x/sys v0.0.0-20180905080454-ebe1bf3edb33/go.mod h1:STP8DvDyc/dI5b8T5hshtkjS+E42TnysNCUPdjciGhY=
 golang.org/x/sys v0.0.0-20190215142949-d0b11bdaac8a/go.mod h1:STP8DvDyc/dI5b8T5hshtkjS+E42TnysNCUPdjciGhY=
 golang.org/x/sys v0.0.0-20190222072716-a9d3bda3a223/go.mod h1:STP8DvDyc/dI5b8T5hshtkjS+E42TnysNCUPdjciGhY=
@@ -149,15 +160,21 @@ golang.org/x/sys v0.0.0-20200116001909-b77594299b42/go.mod h1:h1NjWce9XRLGQEsW7w
 golang.org/x/sys v0.0.0-20200223170610-d5e6a3e2c0ae/go.mod h1:h1NjWce9XRLGQEsW7wpKNCjG9DtNlClVuFLEZdDNbEs=
 golang.org/x/sys v0.0.0-20201119102817-f84b799fce68/go.mod h1:h1NjWce9XRLGQEsW7wpKNCjG9DtNlClVuFLEZdDNbEs=
 golang.org/x/sys v0.0.0-20210615035016-665e8c7367d1/go.mod h1:oPkhp1MJrh7nUepCBck5+mAzfO9JrbApNNgaTdGDITg=
+golang.org/x/sys v0.0.0-20220520151302-bc2c85ada10a/go.mod h1:oPkhp1MJrh7nUepCBck5+mAzfO9JrbApNNgaTdGDITg=
+golang.org/x/sys v0.0.0-20220722155257-8c9f86f7a55f/go.mod h1:oPkhp1MJrh7nUepCBck5+mAzfO9JrbApNNgaTdGDITg=
+golang.org/x/sys v0.5.0/go.mod h1:oPkhp1MJrh7nUepCBck5+mAzfO9JrbApNNgaTdGDITg=
 golang.org/x/term v0.0.0-20201117132131-f5c789dd3221/go.mod h1:Nr5EML6q2oocZ2LXRh80K7BxOlk5/8JxuGnuhpl+muw=
 golang.org/x/term v0.0.0-20201126162022-7de9c90e9dd1/go.mod h1:bj7SfCRtBDWHUb9snDiAeCFNEtKQo2Wmx5Cou7ajbmo=
+golang.org/x/term v0.0.0-20210927222741-03fcf44c2211/go.mod h1:jbD1KX2456YbFQfuXm/mYQcufACuNUgVhRMnK/tPxf8=
+golang.org/x/term v0.5.0/go.mod h1:jMB1sMXY+tzblOD4FWmEbocvup2/aLOaQEp7JmGp78k=
 golang.org/x/text v0.3.0/go.mod h1:NqM8EUOU14njkJ3fqMW+pc6Ldnwhi/IjpwHt7yyuwOQ=
 golang.org/x/text v0.3.2/go.mod h1:bEr9sfX3Q8Zfm5fL9x+3itogRgK3+ptLWKqgva+5dAk=
 golang.org/x/text v0.3.3/go.mod h1:5Zoc/QRtKVWzQhOtBMvqHzDpF6irO9z98xDceosuGiQ=
 golang.org/x/text v0.3.4/go.mod h1:5Zoc/QRtKVWzQhOtBMvqHzDpF6irO9z98xDceosuGiQ=
 golang.org/x/text v0.3.6/go.mod h1:5Zoc/QRtKVWzQhOtBMvqHzDpF6irO9z98xDceosuGiQ=
-golang.org/x/text v0.14.0 h1:ScX5w1eTa3QqT8oi6+ziP7dTV1S2+ALU0bI+0zXKWiQ=
-golang.org/x/text v0.14.0/go.mod h1:18ZOQIKpY8NJVqYksKHtTdi31H5itFRjB5/qKTNYzSU=
+golang.org/x/text v0.3.7/go.mod h1:u+2+/6zg+i71rQMx5EYifcz6MCKuco9NR6JIITiCfzQ=
+golang.org/x/text v0.7.0 h1:4BRB4x83lYWy72KwLD/qYDuTu7q9PjSagHvijDw7cLo=
+golang.org/x/text v0.7.0/go.mod h1:mrYo+phRRbMaCq/xk9113O4dZlRixOauAjOtrjsXDZ8=
 golang.org/x/tools v0.0.0-20180917221912-90fa682c2a6e/go.mod h1:n7NCudcB/nEzxVGmLbDWY5pfWTLqBcC2KZ6jyYvM4mQ=
 golang.org/x/tools v0.0.0-20190311212946-11955173bddd/go.mod h1:LCzVGOaR6xXOjkQ3onu1FJEFr0SW1gC7cKk1uF8kGRs=
 golang.org/x/tools v0.0.0-20190425163242-31fd60d6bfdc/go.mod h1:RgjU9mgBXZiqYHBnxXauZ1Gv1EHHAz9KjViQ78xBX0Q=
@@ -165,7 +182,9 @@ golang.org/x/tools v0.0.0-20190621195816-6e04913cbbac/go.mod h1:/rFqwRUd4F7ZHNgw
 golang.org/x/tools v0.0.0-20190823170909-c4a336ef6a2f/go.mod h1:b+2E5dAYhXwXZwtnZ6UAqBI28+e2cm9otk0dWdXHAEo=
 golang.org/x/tools v0.0.0-20191029041327-9cc4af7d6b2c/go.mod h1:b+2E5dAYhXwXZwtnZ6UAqBI28+e2cm9otk0dWdXHAEo=
 golang.org/x/tools v0.0.0-20191029190741-b9c20aec41a5/go.mod h1:b+2E5dAYhXwXZwtnZ6UAqBI28+e2cm9otk0dWdXHAEo=
+golang.org/x/tools v0.0.0-20191119224855-298f0cb1881e/go.mod h1:b+2E5dAYhXwXZwtnZ6UAqBI28+e2cm9otk0dWdXHAEo=
 golang.org/x/tools v0.0.0-20200103221440-774c71fcf114/go.mod h1:TB2adYChydJhpapKDTa4BR/hXlZSLoq2Wpct/0txZ28=
+golang.org/x/tools v0.1.12/go.mod h1:hNGJHUnrk76NpqgfD5Aqm5Crs+Hm0VOH/i9J2+nxYbc=
 golang.org/x/xerrors v0.0.0-20190410155217-1f06c39b4373/go.mod h1:I/5z698sn9Ka8TeJc9MKroUUfqBBauWjQqLJ2OPfmY0=
 golang.org/x/xerrors v0.0.0-20190513163551-3ee3066db522/go.mod h1:I/5z698sn9Ka8TeJc9MKroUUfqBBauWjQqLJ2OPfmY0=
 golang.org/x/xerrors v0.0.0-20190717185122-a985d3407aa7/go.mod h1:I/5z698sn9Ka8TeJc9MKroUUfqBBauWjQqLJ2OPfmY0=

agent/internal/app/monitor.go

@@ -0,0 +1,130 @@
+package app
+
+import (
+	"context"
+	"crypto/x509"
+	"database/sql"
+	"errors"
+	"fmt"
+	"net"
+	"net/http"
+	"net/url"
+	"strings"
+	"time"
+
+	"github.com/corecontrol/agent/internal/models"
+	"github.com/corecontrol/agent/internal/notifications"
+)
+
+// MonitorApplications checks and updates the status of all applications
+func MonitorApplications(db *sql.DB, client *http.Client, apps []models.Application, notifSender *notifications.NotificationSender) {
+	var notificationTemplate string
+	err := db.QueryRow("SELECT notification_text_application FROM settings LIMIT 1").Scan(&notificationTemplate)
+	if err != nil || notificationTemplate == "" {
+		notificationTemplate = "The application !name (!url) went !status!"
+	}
+
+	for _, app := range apps {
+		logPrefix := fmt.Sprintf("[App %s (%s)]", app.Name, app.PublicURL)
+		fmt.Printf("%s Checking...\n", logPrefix)
+
+		// Determine which URL to use for monitoring
+		checkURL := app.PublicURL
+		if app.UptimeCheckURL != "" {
+			checkURL = app.UptimeCheckURL
+			fmt.Printf("%s Using custom uptime check URL: %s\n", logPrefix, checkURL)
+		}
+
+		parsedURL, parseErr := url.Parse(checkURL)
+		if parseErr != nil {
+			fmt.Printf("%s Invalid URL: %v\n", logPrefix, parseErr)
+			continue
+		}
+
+		hostIsIP := isIPAddress(parsedURL.Hostname())
+		var isOnline bool
+
+		ctx, cancel := context.WithTimeout(context.Background(), 5*time.Second)
+		defer cancel()
+
+		req, err := http.NewRequestWithContext(ctx, "GET", checkURL, nil)
+		if err != nil {
+			fmt.Printf("%s Request creation failed: %v\n", logPrefix, err)
+			continue
+		}
+
+		resp, err := client.Do(req)
+		if err == nil {
+			defer resp.Body.Close()
+			isOnline = resp.StatusCode >= 200 && resp.StatusCode < 400
+			fmt.Printf("%s Response status: %d\n", logPrefix, resp.StatusCode)
+		} else {
+			fmt.Printf("%s Connection error: %v\n", logPrefix, err)
+
+			if hostIsIP {
+				var urlErr *url.Error
+				if errors.As(err, &urlErr) {
+					var certErr x509.HostnameError
+					var unknownAuthErr x509.UnknownAuthorityError
+					if errors.As(urlErr.Err, &certErr) || errors.As(urlErr.Err, &unknownAuthErr) {
+						fmt.Printf("%s Ignoring TLS error for IP, marking as online\n", logPrefix)
+						isOnline = true
+					}
+				}
+			}
+		}
+
+		if isOnline != app.Online {
+			status := "offline"
+			if isOnline {
+				status = "online"
+			}
+
+			message := strings.ReplaceAll(notificationTemplate, "!name", app.Name)
+			message = strings.ReplaceAll(message, "!url", app.PublicURL)
+			message = strings.ReplaceAll(message, "!status", status)
+
+			notifSender.SendNotifications(message)
+		}
+
+		// Update application status in database
+		updateApplicationStatus(db, app.ID, isOnline)
+
+		// Add entry to uptime history
+		addUptimeHistoryEntry(db, app.ID, isOnline)
+	}
+}
+
+// Helper function to update application status
+func updateApplicationStatus(db *sql.DB, appID int, online bool) {
+	dbCtx, dbCancel := context.WithTimeout(context.Background(), 5*time.Second)
+	defer dbCancel()
+
+	_, err := db.ExecContext(dbCtx,
+		`UPDATE application SET online = $1 WHERE id = $2`,
+		online, appID,
+	)
+	if err != nil {
+		fmt.Printf("DB update failed for app ID %d: %v\n", appID, err)
+	}
+}
+
+// Helper function to add uptime history entry
+func addUptimeHistoryEntry(db *sql.DB, appID int, online bool) {
+	dbCtx, dbCancel := context.WithTimeout(context.Background(), 5*time.Second)
+	defer dbCancel()
+
+	_, err := db.ExecContext(dbCtx,
+		`INSERT INTO uptime_history("applicationId", online, "createdAt") VALUES ($1, $2, now())`,
+		appID, online,
+	)
+	if err != nil {
+		fmt.Printf("History insert failed for app ID %d: %v\n", appID, err)
+	}
+}
+
+// Helper function to check if a host is an IP address
+func isIPAddress(host string) bool {
+	ip := net.ParseIP(host)
+	return ip != nil
+}

agent/internal/database/database.go

@@ -0,0 +1,198 @@
+package database
+
+import (
+	"context"
+	"database/sql"
+	"fmt"
+	"os"
+	"time"
+
+	"github.com/corecontrol/agent/internal/models"
+
+	_ "github.com/jackc/pgx/v4/stdlib"
+	"github.com/joho/godotenv"
+)
+
+// InitDB initializes the database connection
+func InitDB() (*sql.DB, error) {
+	// Load environment variables
+	if err := godotenv.Load(); err != nil {
+		fmt.Println("No env vars found")
+	}
+
+	dbURL := os.Getenv("DATABASE_URL")
+	if dbURL == "" {
+		return nil, fmt.Errorf("DATABASE_URL not set")
+	}
+
+	db, err := sql.Open("pgx", dbURL)
+	if err != nil {
+		return nil, fmt.Errorf("database connection failed: %v", err)
+	}
+
+	return db, nil
+}
+
+// GetApplications fetches all applications with public URLs
+func GetApplications(db *sql.DB) ([]models.Application, error) {
+	rows, err := db.Query(
+		`SELECT id, name, "publicURL", online, "uptimecheckUrl" FROM application WHERE "publicURL" IS NOT NULL`,
+	)
+	if err != nil {
+		return nil, fmt.Errorf("error fetching applications: %v", err)
+	}
+	defer rows.Close()
+
+	var apps []models.Application
+	for rows.Next() {
+		var app models.Application
+		if err := rows.Scan(&app.ID, &app.Name, &app.PublicURL, &app.Online, &app.UptimeCheckURL); err != nil {
+			fmt.Printf("Error scanning row: %v\n", err)
+			continue
+		}
+		apps = append(apps, app)
+	}
+	return apps, nil
+}
+
+// GetServers fetches all servers with monitoring enabled
+func GetServers(db *sql.DB) ([]models.Server, error) {
+	rows, err := db.Query(
+		`SELECT id, name, monitoring, "monitoringURL", online, "cpuUsage", "ramUsage", "diskUsage" 
+         FROM server WHERE monitoring = true`,
+	)
+	if err != nil {
+		return nil, fmt.Errorf("error fetching servers: %v", err)
+	}
+	defer rows.Close()
+
+	var servers []models.Server
+	for rows.Next() {
+		var server models.Server
+		if err := rows.Scan(
+			&server.ID, &server.Name, &server.Monitoring, &server.MonitoringURL,
+			&server.Online, &server.CpuUsage, &server.RamUsage, &server.DiskUsage,
+		); err != nil {
+			fmt.Printf("Error scanning server row: %v\n", err)
+			continue
+		}
+		servers = append(servers, server)
+	}
+	return servers, nil
+}
+
+// LoadNotifications loads all enabled notifications
+func LoadNotifications(db *sql.DB) ([]models.Notification, error) {
+	rows, err := db.Query(
+		`SELECT id, enabled, type, "smtpHost", "smtpPort", "smtpFrom", "smtpUser", "smtpPass", "smtpSecure", "smtpTo",
+		       "telegramChatId", "telegramToken", "discordWebhook", "gotifyUrl", "gotifyToken", "ntfyUrl", "ntfyToken",
+			   "pushoverUrl", "pushoverToken", "pushoverUser", "echobellURL"
+		FROM notification
+		WHERE enabled = true`,
+	)
+	if err != nil {
+		return nil, err
+	}
+	defer rows.Close()
+
+	var configs []models.Notification
+	for rows.Next() {
+		var n models.Notification
+		if err := rows.Scan(
+			&n.ID, &n.Enabled, &n.Type,
+			&n.SMTPHost, &n.SMTPPort, &n.SMTPFrom, &n.SMTPUser, &n.SMTPPass, &n.SMTPSecure, &n.SMTPTo,
+			&n.TelegramChatID, &n.TelegramToken, &n.DiscordWebhook,
+			&n.GotifyUrl, &n.GotifyToken, &n.NtfyUrl, &n.NtfyToken,
+			&n.PushoverUrl, &n.PushoverToken, &n.PushoverUser, &n.EchobellURL,
+		); err != nil {
+			fmt.Printf("Error scanning notification: %v\n", err)
+			continue
+		}
+		configs = append(configs, n)
+	}
+	return configs, nil
+}
+
+// DeleteOldEntries removes entries older than 30 days
+func DeleteOldEntries(db *sql.DB) error {
+	ctx, cancel := context.WithTimeout(context.Background(), 10*time.Second)
+	defer cancel()
+
+	// Delete old uptime history entries
+	res, err := db.ExecContext(ctx,
+		`DELETE FROM uptime_history WHERE "createdAt" < now() - interval '30 days'`,
+	)
+	if err != nil {
+		return err
+	}
+	affected, _ := res.RowsAffected()
+	fmt.Printf("Deleted %d old entries from uptime_history\n", affected)
+
+	// Delete old server history entries
+	res, err = db.ExecContext(ctx,
+		`DELETE FROM server_history WHERE "createdAt" < now() - interval '30 days'`,
+	)
+	if err != nil {
+		return err
+	}
+	affected, _ = res.RowsAffected()
+	fmt.Printf("Deleted %d old entries from server_history\n", affected)
+
+	return nil
+}
+
+// UpdateServerStatus updates a server's status and metrics
+func UpdateServerStatus(db *sql.DB, serverID int, online bool, cpuUsage, ramUsage, diskUsage float64, uptime string) error {
+	ctx, cancel := context.WithTimeout(context.Background(), 5*time.Second)
+	defer cancel()
+
+	_, err := db.ExecContext(ctx,
+		`UPDATE server SET online = $1, "cpuUsage" = $2::float8, "ramUsage" = $3::float8, "diskUsage" = $4::float8, "uptime" = $5
+		 WHERE id = $6`,
+		online, cpuUsage, ramUsage, diskUsage, uptime, serverID,
+	)
+	return err
+}
+
+// CheckAndSendTestNotifications checks for and processes test notifications
+func CheckAndSendTestNotifications(db *sql.DB, notifications []models.Notification, sendFunc func(models.Notification, string)) {
+	// Query for test notifications
+	rows, err := db.Query(`SELECT tn.id, tn."notificationId" FROM test_notification tn`)
+	if err != nil {
+		fmt.Printf("Error fetching test notifications: %v\n", err)
+		return
+	}
+	defer rows.Close()
+
+	// Process each test notification
+	var testIds []int
+	for rows.Next() {
+		var id, notificationId int
+		if err := rows.Scan(&id, &notificationId); err != nil {
+			fmt.Printf("Error scanning test notification: %v\n", err)
+			continue
+		}
+
+		// Add to list of IDs to delete
+		testIds = append(testIds, id)
+
+		// Find the notification configuration
+		for _, n := range notifications {
+			if n.ID == notificationId {
+				// Send test notification
+				fmt.Printf("Sending test notification to notification ID %d\n", notificationId)
+				sendFunc(n, "Test notification from CoreControl")
+			}
+		}
+	}
+
+	// Delete processed test notifications
+	if len(testIds) > 0 {
+		for _, id := range testIds {
+			_, err := db.Exec(`DELETE FROM test_notification WHERE id = $1`, id)
+			if err != nil {
+				fmt.Printf("Error deleting test notification (ID: %d): %v\n", id, err)
+			}
+		}
+	}
+}

agent/internal/models/models.go

@@ -0,0 +1,98 @@
+package models
+
+import (
+	"database/sql"
+)
+
+type Application struct {
+	ID             int
+	Name           string
+	PublicURL      string
+	Online         bool
+	UptimeCheckURL string
+}
+
+type Server struct {
+	ID            int
+	Name          string
+	Monitoring    bool
+	MonitoringURL sql.NullString
+	Online        bool
+	CpuUsage      sql.NullFloat64
+	RamUsage      sql.NullFloat64
+	DiskUsage     sql.NullFloat64
+	GpuUsage      sql.NullFloat64
+	Temp          sql.NullFloat64
+	Uptime        sql.NullString
+}
+
+type CPUResponse struct {
+	Total float64 `json:"total"`
+}
+
+type MemoryResponse struct {
+	Active    int64   `json:"active"`
+	Available int64   `json:"available"`
+	Buffers   int64   `json:"buffers"`
+	Cached    int64   `json:"cached"`
+	Free      int64   `json:"free"`
+	Inactive  int64   `json:"inactive"`
+	Percent   float64 `json:"percent"`
+	Shared    int64   `json:"shared"`
+	Total     int64   `json:"total"`
+	Used      int64   `json:"used"`
+}
+
+type FSResponse []struct {
+	DeviceName string  `json:"device_name"`
+	MntPoint   string  `json:"mnt_point"`
+	Percent    float64 `json:"percent"`
+}
+
+type UptimeResponse struct {
+	Value string `json:"value"`
+}
+
+type GPUResponse struct {
+	Proc float64 `json:"proc"`
+}
+
+type TemperatureResponse struct {
+	Composite []struct {
+		Label    string  `json:"label"`
+		Unit     string  `json:"unit"`
+		Value    float64 `json:"value"`
+		Warning  float64 `json:"warning"`
+		Critical float64 `json:"critical"`
+		Type     string  `json:"type"`
+		Key      string  `json:"key"`
+	} `json:"Composite"`
+}
+
+type TempResponse struct {
+	Value float64 `json:"value"`
+}
+
+type Notification struct {
+	ID             int
+	Enabled        bool
+	Type           string
+	SMTPHost       sql.NullString
+	SMTPPort       sql.NullInt64
+	SMTPFrom       sql.NullString
+	SMTPUser       sql.NullString
+	SMTPPass       sql.NullString
+	SMTPSecure     sql.NullBool
+	SMTPTo         sql.NullString
+	TelegramChatID sql.NullString
+	TelegramToken  sql.NullString
+	DiscordWebhook sql.NullString
+	GotifyUrl      sql.NullString
+	GotifyToken    sql.NullString
+	NtfyUrl        sql.NullString
+	NtfyToken      sql.NullString
+	PushoverUrl    sql.NullString
+	PushoverToken  sql.NullString
+	PushoverUser   sql.NullString
+	EchobellURL    sql.NullString
+}

agent/internal/notifications/notifications.go

@@ -0,0 +1,266 @@
+package notifications
+
+import (
+	"fmt"
+	"net"
+	"net/http"
+	"net/url"
+	"strings"
+	"sync"
+	"time"
+
+	"github.com/corecontrol/agent/internal/models"
+
+	"gopkg.in/gomail.v2"
+)
+
+type NotificationSender struct {
+	notifications []models.Notification
+	notifMutex    sync.RWMutex
+}
+
+// NewNotificationSender creates a new notification sender
+func NewNotificationSender() *NotificationSender {
+	return &NotificationSender{
+		notifications: []models.Notification{},
+		notifMutex:    sync.RWMutex{},
+	}
+}
+
+// UpdateNotifications updates the stored notifications
+func (ns *NotificationSender) UpdateNotifications(notifs []models.Notification) {
+	ns.notifMutex.Lock()
+	defer ns.notifMutex.Unlock()
+
+	copyDst := make([]models.Notification, len(notifs))
+	copy(copyDst, notifs)
+	ns.notifications = copyDst
+}
+
+// GetNotifications returns a safe copy of current notifications
+func (ns *NotificationSender) GetNotifications() []models.Notification {
+	ns.notifMutex.RLock()
+	defer ns.notifMutex.RUnlock()
+
+	copyDst := make([]models.Notification, len(ns.notifications))
+	copy(copyDst, ns.notifications)
+	return copyDst
+}
+
+// SendNotifications sends a message to all configured notifications
+func (ns *NotificationSender) SendNotifications(message string) {
+	notifs := ns.GetNotifications()
+
+	for _, n := range notifs {
+		ns.SendSpecificNotification(n, message)
+	}
+}
+
+// SendSpecificNotification sends a message to a specific notification
+func (ns *NotificationSender) SendSpecificNotification(n models.Notification, message string) {
+	fmt.Println("Sending specific notification..." + n.Type)
+	switch n.Type {
+	case "smtp":
+		if n.SMTPHost.Valid && n.SMTPTo.Valid {
+			ns.sendEmail(n, message)
+		}
+	case "telegram":
+		if n.TelegramToken.Valid && n.TelegramChatID.Valid {
+			ns.sendTelegram(n, message)
+		}
+	case "discord":
+		if n.DiscordWebhook.Valid {
+			ns.sendDiscord(n, message)
+		}
+	case "gotify":
+		if n.GotifyUrl.Valid && n.GotifyToken.Valid {
+			ns.sendGotify(n, message)
+		}
+	case "ntfy":
+		if n.NtfyUrl.Valid && n.NtfyToken.Valid {
+			ns.sendNtfy(n, message)
+		}
+	case "pushover":
+		if n.PushoverUrl.Valid && n.PushoverToken.Valid && n.PushoverUser.Valid {
+			ns.sendPushover(n, message)
+		}
+	case "echobell":
+		if n.EchobellURL.Valid {
+			ns.sendEchobell(n, message)
+		}
+	}
+}
+
+// Helper function to check if a host is an IP address
+func (ns *NotificationSender) isIPAddress(host string) bool {
+	ip := net.ParseIP(host)
+	return ip != nil
+}
+
+// Individual notification methods
+func (ns *NotificationSender) sendEmail(n models.Notification, body string) {
+	// Initialize SMTP dialer with host, port, user, pass
+	d := gomail.NewDialer(
+		n.SMTPHost.String,
+		int(n.SMTPPort.Int64),
+		n.SMTPUser.String,
+		n.SMTPPass.String,
+	)
+	if n.SMTPSecure.Valid && n.SMTPSecure.Bool {
+		d.SSL = true
+	}
+
+	m := gomail.NewMessage()
+	m.SetHeader("From", n.SMTPFrom.String)
+	m.SetHeader("To", n.SMTPTo.String)
+	m.SetHeader("Subject", "Uptime Notification")
+	m.SetBody("text/plain", body)
+
+	if err := d.DialAndSend(m); err != nil {
+		fmt.Printf("Email send failed: %v\n", err)
+	}
+}
+
+func (ns *NotificationSender) sendTelegram(n models.Notification, message string) {
+	apiUrl := fmt.Sprintf("https://api.telegram.org/bot%s/sendMessage?chat_id=%s&text=%s",
+		n.TelegramToken.String,
+		n.TelegramChatID.String,
+		message,
+	)
+	resp, err := http.Get(apiUrl)
+	if err != nil {
+		fmt.Printf("Telegram send failed: %v\n", err)
+		return
+	}
+	resp.Body.Close()
+}
+
+func (ns *NotificationSender) sendDiscord(n models.Notification, message string) {
+	payload := fmt.Sprintf(`{"content": "%s"}`, message)
+	req, err := http.NewRequest("POST", n.DiscordWebhook.String, strings.NewReader(payload))
+	if err != nil {
+		fmt.Printf("Discord request creation failed: %v\n", err)
+		return
+	}
+	req.Header.Set("Content-Type", "application/json")
+	client := &http.Client{Timeout: 5 * time.Second}
+	resp, err := client.Do(req)
+	if err != nil {
+		fmt.Printf("Discord send failed: %v\n", err)
+		return
+	}
+	resp.Body.Close()
+}
+
+func (ns *NotificationSender) sendGotify(n models.Notification, message string) {
+	baseURL := strings.TrimSuffix(n.GotifyUrl.String, "/")
+	targetURL := fmt.Sprintf("%s/message", baseURL)
+
+	form := url.Values{}
+	form.Add("message", message)
+	form.Add("priority", "5")
+
+	req, err := http.NewRequest("POST", targetURL, strings.NewReader(form.Encode()))
+	if err != nil {
+		fmt.Printf("Gotify: ERROR creating request: %v\n", err)
+		return
+	}
+
+	req.Header.Set("X-Gotify-Key", n.GotifyToken.String)
+	req.Header.Set("Content-Type", "application/x-www-form-urlencoded")
+
+	client := &http.Client{Timeout: 5 * time.Second}
+	resp, err := client.Do(req)
+	if err != nil {
+		fmt.Printf("Gotify: ERROR sending request: %v\n", err)
+		return
+	}
+	defer resp.Body.Close()
+
+	if resp.StatusCode != http.StatusOK {
+		fmt.Printf("Gotify: ERROR status code: %d\n", resp.StatusCode)
+	}
+}
+
+func (ns *NotificationSender) sendNtfy(n models.Notification, message string) {
+	fmt.Println("Sending Ntfy notification...")
+	baseURL := strings.TrimSuffix(n.NtfyUrl.String, "/")
+
+	// Don't append a topic to the URL - the URL itself should have the correct endpoint
+	requestURL := baseURL
+
+	// Send message directly as request body instead of JSON
+	req, err := http.NewRequest("POST", requestURL, strings.NewReader(message))
+	if err != nil {
+		fmt.Printf("Ntfy: ERROR creating request: %v\n", err)
+		return
+	}
+
+	if n.NtfyToken.Valid {
+		req.Header.Set("Authorization", "Bearer "+n.NtfyToken.String)
+	}
+	// Use text/plain instead of application/json
+	req.Header.Set("Content-Type", "text/plain")
+
+	client := &http.Client{Timeout: 5 * time.Second}
+	resp, err := client.Do(req)
+	if err != nil {
+		fmt.Printf("Ntfy: ERROR sending request: %v\n", err)
+		return
+	}
+	defer resp.Body.Close()
+
+	if resp.StatusCode != http.StatusOK {
+		fmt.Printf("Ntfy: ERROR status code: %d\n", resp.StatusCode)
+	}
+}
+
+func (ns *NotificationSender) sendPushover(n models.Notification, message string) {
+	form := url.Values{}
+	form.Add("token", n.PushoverToken.String)
+	form.Add("user", n.PushoverUser.String)
+	form.Add("message", message)
+
+	req, err := http.NewRequest("POST", n.PushoverUrl.String, strings.NewReader(form.Encode()))
+	if err != nil {
+		fmt.Printf("Pushover: ERROR creating request: %v\n", err)
+		return
+	}
+
+	req.Header.Set("Content-Type", "application/x-www-form-urlencoded")
+
+	client := &http.Client{Timeout: 5 * time.Second}
+	resp, err := client.Do(req)
+	if err != nil {
+		fmt.Printf("Pushover: ERROR sending request: %v\n", err)
+		return
+	}
+	defer resp.Body.Close()
+
+	if resp.StatusCode != http.StatusOK {
+		fmt.Printf("Pushover: ERROR status code: %d\n", resp.StatusCode)
+	}
+}
+
+func (ns *NotificationSender) sendEchobell(n models.Notification, message string) {
+	jsonData := fmt.Sprintf(`{"message": "%s"}`, message)
+	req, err := http.NewRequest("POST", n.EchobellURL.String, strings.NewReader(jsonData))
+	if err != nil {
+		fmt.Printf("Echobell: ERROR creating request: %v\n", err)
+		return
+	}
+
+	req.Header.Set("Content-Type", "application/json")
+
+	client := &http.Client{Timeout: 5 * time.Second}
+	resp, err := client.Do(req)
+	if err != nil {
+		fmt.Printf("Echobell: ERROR sending request: %v\n", err)
+		return
+	}
+	defer resp.Body.Close()
+
+	if resp.StatusCode != http.StatusOK {
+		fmt.Printf("Echobell: ERROR status code: %d\n", resp.StatusCode)
+	}
+}

agent/internal/server/monitor.go

@@ -0,0 +1,381 @@
+package server
+
+import (
+	"context"
+	"database/sql"
+	"encoding/json"
+	"fmt"
+	"io"
+	"net/http"
+	"strings"
+	"sync"
+	"time"
+
+	"github.com/corecontrol/agent/internal/models"
+	"github.com/corecontrol/agent/internal/notifications"
+)
+
+// notificationState tracks the last known status for each server
+var notificationState = struct {
+	sync.RWMutex
+	lastStatus map[int]bool
+}{
+	lastStatus: make(map[int]bool),
+}
+
+// MonitorServers checks and updates the status of all servers
+func MonitorServers(db *sql.DB, client *http.Client, servers []models.Server, notifSender *notifications.NotificationSender) {
+	var notificationTemplate string
+	err := db.QueryRow("SELECT notification_text_server FROM settings LIMIT 1").Scan(&notificationTemplate)
+	if err != nil || notificationTemplate == "" {
+		notificationTemplate = "The server !name is now !status!"
+	}
+
+	for _, server := range servers {
+		if !server.Monitoring || !server.MonitoringURL.Valid {
+			continue
+		}
+
+		logPrefix := fmt.Sprintf("[Server %s]", server.Name)
+		fmt.Printf("%s Checking...\n", logPrefix)
+
+		baseURL := strings.TrimSuffix(server.MonitoringURL.String, "/")
+		var cpuUsage, ramUsage, diskUsage, gpuUsage, temp float64
+		var online = true
+		var uptimeStr string
+
+		// Get CPU usage
+		online, cpuUsage = fetchCPUUsage(client, baseURL, logPrefix)
+		if !online {
+			updateServerStatus(db, server.ID, false, 0, 0, 0, 0, 0, "")
+			if shouldSendNotification(server.ID, online) {
+				sendStatusChangeNotification(server, online, notificationTemplate, notifSender)
+			}
+			addServerHistoryEntry(db, server.ID, false, 0, 0, 0, 0, 0)
+			continue
+		}
+
+		// Get uptime if server is online
+		uptimeStr = fetchUptime(client, baseURL, logPrefix)
+
+		// Get Memory usage
+		memOnline, memUsage := fetchMemoryUsage(client, baseURL, logPrefix)
+		if !memOnline {
+			online = false
+			updateServerStatus(db, server.ID, false, 0, 0, 0, 0, 0, "")
+			if shouldSendNotification(server.ID, online) {
+				sendStatusChangeNotification(server, online, notificationTemplate, notifSender)
+			}
+			addServerHistoryEntry(db, server.ID, false, 0, 0, 0, 0, 0)
+			continue
+		}
+		ramUsage = memUsage
+
+		// Get Disk usage
+		diskOnline, diskUsageVal := fetchDiskUsage(client, baseURL, logPrefix)
+		if !diskOnline {
+			online = false
+			updateServerStatus(db, server.ID, false, 0, 0, 0, 0, 0, "")
+			if shouldSendNotification(server.ID, online) {
+				sendStatusChangeNotification(server, online, notificationTemplate, notifSender)
+			}
+			addServerHistoryEntry(db, server.ID, false, 0, 0, 0, 0, 0)
+			continue
+		}
+		diskUsage = diskUsageVal
+
+		// Get GPU usage
+		_, gpuUsageVal := fetchGPUUsage(client, baseURL, logPrefix)
+		gpuUsage = gpuUsageVal
+
+		// Get Temperature
+		_, tempVal := fetchTemperature(client, baseURL, logPrefix)
+		temp = tempVal
+
+		// Check if status changed and send notification if needed
+		if online != server.Online && shouldSendNotification(server.ID, online) {
+			sendStatusChangeNotification(server, online, notificationTemplate, notifSender)
+		}
+
+		// Update server status with metrics
+		updateServerStatus(db, server.ID, online, cpuUsage, ramUsage, diskUsage, gpuUsage, temp, uptimeStr)
+
+		// Add entry to server history
+		addServerHistoryEntry(db, server.ID, online, cpuUsage, ramUsage, diskUsage, gpuUsage, temp)
+
+		fmt.Printf("%s Updated - CPU: %.2f%%, RAM: %.2f%%, Disk: %.2f%%, GPU: %.2f%%, Temp: %.2f°C, Uptime: %s\n",
+			logPrefix, cpuUsage, ramUsage, diskUsage, gpuUsage, temp, uptimeStr)
+	}
+}
+
+// shouldSendNotification checks if a notification should be sent based on status change
+func shouldSendNotification(serverID int, online bool) bool {
+	notificationState.Lock()
+	defer notificationState.Unlock()
+
+	lastStatus, exists := notificationState.lastStatus[serverID]
+
+	// If this is the first check or status has changed
+	if !exists || lastStatus != online {
+		notificationState.lastStatus[serverID] = online
+		return true
+	}
+
+	return false
+}
+
+// Helper function to fetch CPU usage
+func fetchCPUUsage(client *http.Client, baseURL, logPrefix string) (bool, float64) {
+	cpuResp, err := client.Get(fmt.Sprintf("%s/api/4/cpu", baseURL))
+	if err != nil {
+		fmt.Printf("%s CPU request failed: %v\n", logPrefix, err)
+		return false, 0
+	}
+	defer cpuResp.Body.Close()
+
+	if cpuResp.StatusCode != http.StatusOK {
+		fmt.Printf("%s Bad CPU status code: %d\n", logPrefix, cpuResp.StatusCode)
+		return false, 0
+	}
+
+	var cpuData models.CPUResponse
+	if err := json.NewDecoder(cpuResp.Body).Decode(&cpuData); err != nil {
+		fmt.Printf("%s Failed to parse CPU JSON: %v\n", logPrefix, err)
+		return false, 0
+	}
+
+	return true, cpuData.Total
+}
+
+// Helper function to fetch memory usage
+func fetchMemoryUsage(client *http.Client, baseURL, logPrefix string) (bool, float64) {
+	memResp, err := client.Get(fmt.Sprintf("%s/api/4/mem", baseURL))
+	if err != nil {
+		fmt.Printf("%s Memory request failed: %v\n", logPrefix, err)
+		return false, 0
+	}
+	defer memResp.Body.Close()
+
+	if memResp.StatusCode != http.StatusOK {
+		fmt.Printf("%s Bad memory status code: %d\n", logPrefix, memResp.StatusCode)
+		return false, 0
+	}
+
+	var memData models.MemoryResponse
+	if err := json.NewDecoder(memResp.Body).Decode(&memData); err != nil {
+		fmt.Printf("%s Failed to parse memory JSON: %v\n", logPrefix, err)
+		return false, 0
+	}
+
+	return true, memData.Percent
+}
+
+// Helper function to fetch disk usage
+func fetchDiskUsage(client *http.Client, baseURL, logPrefix string) (bool, float64) {
+	fsResp, err := client.Get(fmt.Sprintf("%s/api/4/fs", baseURL))
+	if err != nil {
+		fmt.Printf("%s Filesystem request failed: %v\n", logPrefix, err)
+		return false, 0
+	}
+	defer fsResp.Body.Close()
+
+	if fsResp.StatusCode != http.StatusOK {
+		fmt.Printf("%s Bad filesystem status code: %d\n", logPrefix, fsResp.StatusCode)
+		return false, 0
+	}
+
+	var fsData models.FSResponse
+	if err := json.NewDecoder(fsResp.Body).Decode(&fsData); err != nil {
+		fmt.Printf("%s Failed to parse filesystem JSON: %v\n", logPrefix, err)
+		return false, 0
+	}
+
+	if len(fsData) > 0 {
+		return true, fsData[0].Percent
+	}
+
+	return true, 0
+}
+
+// Helper function to fetch uptime
+func fetchUptime(client *http.Client, baseURL, logPrefix string) string {
+	uptimeResp, err := client.Get(fmt.Sprintf("%s/api/4/uptime", baseURL))
+	if err != nil || uptimeResp.StatusCode != http.StatusOK {
+		if err != nil {
+			fmt.Printf("%s Uptime request failed: %v\n", logPrefix, err)
+		} else {
+			fmt.Printf("%s Bad uptime status code: %d\n", logPrefix, uptimeResp.StatusCode)
+			uptimeResp.Body.Close()
+		}
+		return ""
+	}
+	defer uptimeResp.Body.Close()
+
+	// Read the response body as a string first
+	uptimeBytes, err := io.ReadAll(uptimeResp.Body)
+	if err != nil {
+		fmt.Printf("%s Failed to read uptime response: %v\n", logPrefix, err)
+		return ""
+	}
+
+	uptimeStr := strings.Trim(string(uptimeBytes), "\"")
+
+	// Try to parse as JSON object first, then fallback to direct string if that fails
+	var uptimeData models.UptimeResponse
+	if jsonErr := json.Unmarshal(uptimeBytes, &uptimeData); jsonErr == nil && uptimeData.Value != "" {
+		uptimeStr = formatUptime(uptimeData.Value)
+	} else {
+		// Use the string directly
+		uptimeStr = formatUptime(uptimeStr)
+	}
+
+	fmt.Printf("%s Uptime: %s (formatted: %s)\n", logPrefix, string(uptimeBytes), uptimeStr)
+	return uptimeStr
+}
+
+// Helper function to fetch GPU usage
+func fetchGPUUsage(client *http.Client, baseURL, logPrefix string) (bool, float64) {
+	gpuResp, err := client.Get(fmt.Sprintf("%s/api/4/gpu", baseURL))
+	if err != nil {
+		fmt.Printf("%s GPU request failed: %v\n", logPrefix, err)
+		return true, 0 // Return true to indicate server is still online
+	}
+	defer gpuResp.Body.Close()
+
+	if gpuResp.StatusCode != http.StatusOK {
+		fmt.Printf("%s Bad GPU status code: %d\n", logPrefix, gpuResp.StatusCode)
+		return true, 0 // Return true to indicate server is still online
+	}
+
+	var gpuData models.GPUResponse
+	if err := json.NewDecoder(gpuResp.Body).Decode(&gpuData); err != nil {
+		fmt.Printf("%s Failed to parse GPU JSON: %v\n", logPrefix, err)
+		return true, 0 // Return true to indicate server is still online
+	}
+
+	return true, gpuData.Proc
+}
+
+// Helper function to fetch temperature
+func fetchTemperature(client *http.Client, baseURL, logPrefix string) (bool, float64) {
+	tempResp, err := client.Get(fmt.Sprintf("%s/api/4/sensors/label/value/Composite", baseURL))
+	if err != nil {
+		fmt.Printf("%s Temperature request failed: %v\n", logPrefix, err)
+		return true, 0 // Return true to indicate server is still online
+	}
+	defer tempResp.Body.Close()
+
+	if tempResp.StatusCode != http.StatusOK {
+		fmt.Printf("%s Bad temperature status code: %d\n", logPrefix, tempResp.StatusCode)
+		return true, 0 // Return true to indicate server is still online
+	}
+
+	var tempData models.TemperatureResponse
+	if err := json.NewDecoder(tempResp.Body).Decode(&tempData); err != nil {
+		fmt.Printf("%s Failed to parse temperature JSON: %v\n", logPrefix, err)
+		return true, 0 // Return true to indicate server is still online
+	}
+
+	if len(tempData.Composite) > 0 {
+		return true, tempData.Composite[0].Value
+	}
+
+	return true, 0
+}
+
+// Helper function to send notification about status change
+func sendStatusChangeNotification(server models.Server, online bool, template string, notifSender *notifications.NotificationSender) {
+	status := "offline"
+	if online {
+		status = "online"
+	}
+
+	message := strings.ReplaceAll(template, "!name", server.Name)
+	message = strings.ReplaceAll(message, "!status", status)
+
+	notifSender.SendNotifications(message)
+}
+
+// Helper function to update server status
+func updateServerStatus(db *sql.DB, serverID int, online bool, cpuUsage, ramUsage, diskUsage, gpuUsage, temp float64, uptime string) {
+	ctx, cancel := context.WithTimeout(context.Background(), 5*time.Second)
+	defer cancel()
+
+	_, err := db.ExecContext(ctx,
+		`UPDATE server SET online = $1, "cpuUsage" = $2::float8, "ramUsage" = $3::float8, "diskUsage" = $4::float8, "gpuUsage" = $5::float8, "temp" = $6::float8, "uptime" = $7
+		 WHERE id = $8`,
+		online, cpuUsage, ramUsage, diskUsage, gpuUsage, temp, uptime, serverID,
+	)
+	if err != nil {
+		fmt.Printf("Failed to update server status (ID: %d): %v\n", serverID, err)
+	}
+}
+
+// Helper function to add server history entry
+func addServerHistoryEntry(db *sql.DB, serverID int, online bool, cpuUsage, ramUsage, diskUsage, gpuUsage, temp float64) {
+	ctx, cancel := context.WithTimeout(context.Background(), 5*time.Second)
+	defer cancel()
+
+	_, err := db.ExecContext(ctx,
+		`INSERT INTO server_history(
+			"serverId", online, "cpuUsage", "ramUsage", "diskUsage", "gpuUsage", "temp", "createdAt"
+		) VALUES ($1, $2, $3, $4, $5, $6, $7, now())`,
+		serverID, online, fmt.Sprintf("%.2f", cpuUsage), fmt.Sprintf("%.2f", ramUsage),
+		fmt.Sprintf("%.2f", diskUsage), fmt.Sprintf("%.2f", gpuUsage), fmt.Sprintf("%.2f", temp),
+	)
+	if err != nil {
+		fmt.Printf("Failed to insert server history (ID: %d): %v\n", serverID, err)
+	}
+}
+
+// FormatUptime formats the uptime string to a standard format
+func formatUptime(uptimeStr string) string {
+	// Example input: "3 days, 3:52:36"
+	// Target output: "28.6 13:52"
+
+	now := time.Now()
+
+	// Parse the uptime components
+	parts := strings.Split(uptimeStr, ", ")
+
+	var days int
+	var timeStr string
+
+	if len(parts) == 2 {
+		// Has days part and time part
+		_, err := fmt.Sscanf(parts[0], "%d days", &days)
+		if err != nil {
+			// Try singular "day"
+			_, err = fmt.Sscanf(parts[0], "%d day", &days)
+			if err != nil {
+				return uptimeStr // Return original if parsing fails
+			}
+		}
+		timeStr = parts[1]
+	} else if len(parts) == 1 {
+		// Only has time part (less than a day)
+		days = 0
+		timeStr = parts[0]
+	} else {
+		return uptimeStr // Return original if format is unexpected
+	}
+
+	// Parse the time component (hours:minutes:seconds)
+	var hours, minutes, seconds int
+	_, err := fmt.Sscanf(timeStr, "%d:%d:%d", &hours, &minutes, &seconds)
+	if err != nil {
+		return uptimeStr // Return original if parsing fails
+	}
+
+	// Calculate the total duration
+	duration := time.Duration(days)*24*time.Hour +
+		time.Duration(hours)*time.Hour +
+		time.Duration(minutes)*time.Minute +
+		time.Duration(seconds)*time.Second
+
+	// Calculate the start time by subtracting the duration from now
+	startTime := now.Add(-duration)
+
+	// Format the result in the required format (day.month hour:minute)
+	return startTime.Format("2.1 15:04")
+}

agent/main.go

@@ -1,712 +0,0 @@
-package main
-
-import (
-	"bytes"
-	"context"
-	"crypto/x509"
-	"database/sql"
-	"encoding/json"
-	"errors"
-	"fmt"
-	"net"
-	"net/http"
-	"net/url"
-	"os"
-	"strings"
-	"sync"
-	"time"
-
-	_ "github.com/jackc/pgx/v4/stdlib"
-	"github.com/joho/godotenv"
-	"gopkg.in/gomail.v2"
-)
-
-type Application struct {
-	ID        int
-	Name      string
-	PublicURL string
-	Online    bool
-}
-
-type Server struct {
-	ID            int
-	Name          string
-	Monitoring    bool
-	MonitoringURL sql.NullString
-	Online        bool
-	CpuUsage      sql.NullFloat64
-	RamUsage      sql.NullFloat64
-	DiskUsage     sql.NullFloat64
-}
-
-type CPUResponse struct {
-	Total float64 `json:"total"`
-}
-
-type MemoryResponse struct {
-	Percent float64 `json:"percent"`
-}
-
-type FSResponse []struct {
-	DeviceName string  `json:"device_name"`
-	MntPoint   string  `json:"mnt_point"`
-	Percent    float64 `json:"percent"`
-}
-
-type Notification struct {
-	ID             int
-	Enabled        bool
-	Type           string
-	SMTPHost       sql.NullString
-	SMTPPort       sql.NullInt64
-	SMTPFrom       sql.NullString
-	SMTPUser       sql.NullString
-	SMTPPass       sql.NullString
-	SMTPSecure     sql.NullBool
-	SMTPTo         sql.NullString
-	TelegramChatID sql.NullString
-	TelegramToken  sql.NullString
-	DiscordWebhook sql.NullString
-	GotifyUrl      sql.NullString
-	GotifyToken    sql.NullString
-	NtfyUrl        sql.NullString
-	NtfyToken      sql.NullString
-	PushoverUrl    sql.NullString
-	PushoverToken  sql.NullString
-	PushoverUser   sql.NullString
-}
-
-var (
-	notifications []Notification
-	notifMutex    sync.RWMutex
-)
-
-func main() {
-	if err := godotenv.Load(); err != nil {
-		fmt.Println("No env vars found")
-	}
-
-	dbURL := os.Getenv("DATABASE_URL")
-	if dbURL == "" {
-		panic("DATABASE_URL not set")
-	}
-
-	db, err := sql.Open("pgx", dbURL)
-	if err != nil {
-		panic(fmt.Sprintf("Database connection failed: %v\n", err))
-	}
-	defer db.Close()
-
-	// initial load
-	notifs, err := loadNotifications(db)
-	if err != nil {
-		panic(fmt.Sprintf("Failed to load notifications: %v", err))
-	}
-	notifMutex.Lock()
-	notifications = notifMutexCopy(notifs)
-	notifMutex.Unlock()
-
-	// reload notification configs every minute
-	go func() {
-		reloadTicker := time.NewTicker(time.Minute)
-		defer reloadTicker.Stop()
-
-		for range reloadTicker.C {
-			newNotifs, err := loadNotifications(db)
-			if err != nil {
-				fmt.Printf("Failed to reload notifications: %v\n", err)
-				continue
-			}
-			notifMutex.Lock()
-			notifications = notifMutexCopy(newNotifs)
-			notifMutex.Unlock()
-			fmt.Println("Reloaded notification configurations")
-		}
-	}()
-
-	// clean up old entries hourly
-	go func() {
-		deletionTicker := time.NewTicker(time.Hour)
-		defer deletionTicker.Stop()
-
-		for range deletionTicker.C {
-			if err := deleteOldEntries(db); err != nil {
-				fmt.Printf("Error deleting old entries: %v\n", err)
-			}
-		}
-	}()
-
-	appClient := &http.Client{
-		Timeout: 4 * time.Second,
-	}
-
-	// Server monitoring every 5 seconds
-	go func() {
-		serverClient := &http.Client{
-			Timeout: 5 * time.Second,
-		}
-		serverTicker := time.NewTicker(5 * time.Second)
-		defer serverTicker.Stop()
-
-		for range serverTicker.C {
-			servers := getServers(db)
-			checkAndUpdateServerStatus(db, serverClient, servers)
-		}
-	}()
-
-	ticker := time.NewTicker(time.Second)
-	defer ticker.Stop()
-
-	for now := range ticker.C {
-		if now.Second()%10 != 0 {
-			continue
-		}
-
-		apps := getApplications(db)
-		checkAndUpdateStatus(db, appClient, apps)
-	}
-}
-
-// helper to safely copy slice
-func notifMutexCopy(src []Notification) []Notification {
-	copyDst := make([]Notification, len(src))
-	copy(copyDst, src)
-	return copyDst
-}
-
-func isIPAddress(host string) bool {
-	ip := net.ParseIP(host)
-	return ip != nil
-}
-
-func loadNotifications(db *sql.DB) ([]Notification, error) {
-	rows, err := db.Query(
-		`SELECT id, enabled, type, "smtpHost", "smtpPort", "smtpFrom", "smtpUser", "smtpPass", "smtpSecure", "smtpTo",
-		       "telegramChatId", "telegramToken", "discordWebhook", "gotifyUrl", "gotifyToken", "ntfyUrl", "ntfyToken"
-		FROM notification
-		WHERE enabled = true`,
-	)
-	if err != nil {
-		return nil, err
-	}
-	defer rows.Close()
-
-	var configs []Notification
-	for rows.Next() {
-		var n Notification
-		if err := rows.Scan(
-			&n.ID, &n.Enabled, &n.Type,
-			&n.SMTPHost, &n.SMTPPort, &n.SMTPFrom, &n.SMTPUser, &n.SMTPPass, &n.SMTPSecure, &n.SMTPTo,
-			&n.TelegramChatID, &n.TelegramToken, &n.DiscordWebhook, &n.GotifyUrl, &n.GotifyToken, &n.NtfyUrl, &n.NtfyToken,
-		); err != nil {
-			fmt.Printf("Error scanning notification: %v\n", err)
-			continue
-		}
-		configs = append(configs, n)
-	}
-	return configs, nil
-}
-
-func deleteOldEntries(db *sql.DB) error {
-	ctx, cancel := context.WithTimeout(context.Background(), 10*time.Second)
-	defer cancel()
-
-	// Delete old uptime history entries
-	res, err := db.ExecContext(ctx,
-		`DELETE FROM uptime_history WHERE "createdAt" < now() - interval '30 days'`,
-	)
-	if err != nil {
-		return err
-	}
-	affected, _ := res.RowsAffected()
-	fmt.Printf("Deleted %d old entries from uptime_history\n", affected)
-
-	// Delete old server history entries
-	res, err = db.ExecContext(ctx,
-		`DELETE FROM server_history WHERE "createdAt" < now() - interval '30 days'`,
-	)
-	if err != nil {
-		return err
-	}
-	affected, _ = res.RowsAffected()
-	fmt.Printf("Deleted %d old entries from server_history\n", affected)
-
-	return nil
-}
-
-func getApplications(db *sql.DB) []Application {
-	rows, err := db.Query(
-		`SELECT id, name, "publicURL", online FROM application WHERE "publicURL" IS NOT NULL`,
-	)
-	if err != nil {
-		fmt.Printf("Error fetching applications: %v\n", err)
-		return nil
-	}
-	defer rows.Close()
-
-	var apps []Application
-	for rows.Next() {
-		var app Application
-		if err := rows.Scan(&app.ID, &app.Name, &app.PublicURL, &app.Online); err != nil {
-			fmt.Printf("Error scanning row: %v\n", err)
-			continue
-		}
-		apps = append(apps, app)
-	}
-	return apps
-}
-
-func getServers(db *sql.DB) []Server {
-	rows, err := db.Query(
-		`SELECT id, name, monitoring, "monitoringURL", online, "cpuUsage", "ramUsage", "diskUsage" 
-         FROM server WHERE monitoring = true`,
-	)
-	if err != nil {
-		fmt.Printf("Error fetching servers: %v\n", err)
-		return nil
-	}
-	defer rows.Close()
-
-	var servers []Server
-	for rows.Next() {
-		var server Server
-		if err := rows.Scan(
-			&server.ID, &server.Name, &server.Monitoring, &server.MonitoringURL,
-			&server.Online, &server.CpuUsage, &server.RamUsage, &server.DiskUsage,
-		); err != nil {
-			fmt.Printf("Error scanning server row: %v\n", err)
-			continue
-		}
-		servers = append(servers, server)
-	}
-	return servers
-}
-
-func checkAndUpdateStatus(db *sql.DB, client *http.Client, apps []Application) {
-	var notificationTemplate string
-	err := db.QueryRow("SELECT notification_text_application FROM settings LIMIT 1").Scan(&notificationTemplate)
-	if err != nil || notificationTemplate == "" {
-		notificationTemplate = "The application !name (!url) went !status!"
-	}
-
-	for _, app := range apps {
-		logPrefix := fmt.Sprintf("[App %s (%s)]", app.Name, app.PublicURL)
-		fmt.Printf("%s Checking...\n", logPrefix)
-
-		parsedURL, parseErr := url.Parse(app.PublicURL)
-		if parseErr != nil {
-			fmt.Printf("%s Invalid URL: %v\n", logPrefix, parseErr)
-			continue
-		}
-
-		hostIsIP := isIPAddress(parsedURL.Hostname())
-
-		httpCtx, httpCancel := context.WithTimeout(context.Background(), 4*time.Second)
-		req, err := http.NewRequestWithContext(httpCtx, "HEAD", app.PublicURL, nil)
-		if err != nil {
-			fmt.Printf("%s Request creation failed: %v\n", logPrefix, err)
-			httpCancel()
-			continue
-		}
-
-		resp, err := client.Do(req)
-
-		if err != nil || (resp != nil && (resp.StatusCode == http.StatusMethodNotAllowed || resp.StatusCode == http.StatusNotImplemented)) {
-			if resp != nil && resp.Body != nil {
-				resp.Body.Close()
-			}
-			fmt.Printf("%s HEAD failed, trying GET...\n", logPrefix)
-
-			req.Method = "GET"
-			resp, err = client.Do(req)
-		}
-
-		var isOnline bool
-		if err == nil && resp != nil {
-			isOnline = (resp.StatusCode >= 200 && resp.StatusCode < 300) || resp.StatusCode == 405
-			resp.Body.Close()
-		} else {
-			if err != nil {
-				fmt.Printf("%s HTTP error: %v\n", logPrefix, err)
-
-				// Sonderbehandlung für IP-Adressen + TLS-Zertifikatfehler
-				if hostIsIP {
-					var urlErr *url.Error
-					if errors.As(err, &urlErr) {
-						var certErr x509.HostnameError
-						var unknownAuthErr x509.UnknownAuthorityError
-						if errors.As(urlErr.Err, &certErr) || errors.As(urlErr.Err, &unknownAuthErr) {
-							fmt.Printf("%s Ignoring TLS error for IP, marking as online.\n", logPrefix)
-							isOnline = true
-						}
-					}
-				}
-			}
-		}
-
-		httpCancel()
-
-		if isOnline != app.Online {
-			status := "offline"
-			if isOnline {
-				status = "online"
-			}
-
-			message := notificationTemplate
-			message = strings.ReplaceAll(message, "!name", app.Name)
-			message = strings.ReplaceAll(message, "!url", app.PublicURL)
-			message = strings.ReplaceAll(message, "!status", status)
-
-			sendNotifications(message)
-		}
-
-		dbCtx, dbCancel := context.WithTimeout(context.Background(), 5*time.Second)
-		_, err = db.ExecContext(dbCtx,
-			`UPDATE application SET online = $1 WHERE id = $2`,
-			isOnline, app.ID,
-		)
-		if err != nil {
-			fmt.Printf("%s DB update failed: %v\n", logPrefix, err)
-		}
-		dbCancel()
-
-		dbCtx2, dbCancel2 := context.WithTimeout(context.Background(), 5*time.Second)
-		_, err = db.ExecContext(dbCtx2,
-			`INSERT INTO uptime_history("applicationId", online, "createdAt") VALUES ($1, $2, now())`,
-			app.ID, isOnline,
-		)
-		if err != nil {
-			fmt.Printf("%s Insert into history failed: %v\n", logPrefix, err)
-		}
-		dbCancel2()
-	}
-}
-
-func checkAndUpdateServerStatus(db *sql.DB, client *http.Client, servers []Server) {
-	var notificationTemplate string
-	err := db.QueryRow("SELECT notification_text_server FROM settings LIMIT 1").Scan(&notificationTemplate)
-	if err != nil || notificationTemplate == "" {
-		notificationTemplate = "The server !name is now !status!"
-	}
-
-	for _, server := range servers {
-		if !server.Monitoring || !server.MonitoringURL.Valid {
-			continue
-		}
-
-		logPrefix := fmt.Sprintf("[Server %s]", server.Name)
-		fmt.Printf("%s Checking...\n", logPrefix)
-
-		baseURL := strings.TrimSuffix(server.MonitoringURL.String, "/")
-		var cpuUsage, ramUsage, diskUsage float64
-		var online = true
-
-		// Get CPU usage
-		cpuResp, err := client.Get(fmt.Sprintf("%s/api/4/cpu", baseURL))
-		if err != nil {
-			fmt.Printf("%s CPU request failed: %v\n", logPrefix, err)
-			updateServerStatus(db, server.ID, false, 0, 0, 0)
-			online = false
-		} else {
-			defer cpuResp.Body.Close()
-
-			if cpuResp.StatusCode != http.StatusOK {
-				fmt.Printf("%s Bad CPU status code: %d\n", logPrefix, cpuResp.StatusCode)
-				updateServerStatus(db, server.ID, false, 0, 0, 0)
-				online = false
-			} else {
-				var cpuData CPUResponse
-				if err := json.NewDecoder(cpuResp.Body).Decode(&cpuData); err != nil {
-					fmt.Printf("%s Failed to parse CPU JSON: %v\n", logPrefix, err)
-					updateServerStatus(db, server.ID, false, 0, 0, 0)
-					online = false
-				} else {
-					cpuUsage = cpuData.Total
-				}
-			}
-		}
-
-		if online {
-			// Get Memory usage
-			memResp, err := client.Get(fmt.Sprintf("%s/api/4/mem", baseURL))
-			if err != nil {
-				fmt.Printf("%s Memory request failed: %v\n", logPrefix, err)
-				updateServerStatus(db, server.ID, false, 0, 0, 0)
-				online = false
-			} else {
-				defer memResp.Body.Close()
-
-				if memResp.StatusCode != http.StatusOK {
-					fmt.Printf("%s Bad memory status code: %d\n", logPrefix, memResp.StatusCode)
-					updateServerStatus(db, server.ID, false, 0, 0, 0)
-					online = false
-				} else {
-					var memData MemoryResponse
-					if err := json.NewDecoder(memResp.Body).Decode(&memData); err != nil {
-						fmt.Printf("%s Failed to parse memory JSON: %v\n", logPrefix, err)
-						updateServerStatus(db, server.ID, false, 0, 0, 0)
-						online = false
-					} else {
-						ramUsage = memData.Percent
-					}
-				}
-			}
-		}
-
-		if online {
-			// Get Disk usage
-			fsResp, err := client.Get(fmt.Sprintf("%s/api/4/fs", baseURL))
-			if err != nil {
-				fmt.Printf("%s Filesystem request failed: %v\n", logPrefix, err)
-				updateServerStatus(db, server.ID, false, 0, 0, 0)
-				online = false
-			} else {
-				defer fsResp.Body.Close()
-
-				if fsResp.StatusCode != http.StatusOK {
-					fmt.Printf("%s Bad filesystem status code: %d\n", logPrefix, fsResp.StatusCode)
-					updateServerStatus(db, server.ID, false, 0, 0, 0)
-					online = false
-				} else {
-					var fsData FSResponse
-					if err := json.NewDecoder(fsResp.Body).Decode(&fsData); err != nil {
-						fmt.Printf("%s Failed to parse filesystem JSON: %v\n", logPrefix, err)
-						updateServerStatus(db, server.ID, false, 0, 0, 0)
-						online = false
-					} else if len(fsData) > 0 {
-						diskUsage = fsData[0].Percent
-					}
-				}
-			}
-		}
-
-		// Check if status changed and send notification if needed
-		if online != server.Online {
-			status := "offline"
-			if online {
-				status = "online"
-			}
-
-			message := notificationTemplate
-			message = strings.ReplaceAll(message, "!name", server.Name)
-			message = strings.ReplaceAll(message, "!status", status)
-
-			sendNotifications(message)
-		}
-
-		// Update server status with metrics
-		updateServerStatus(db, server.ID, online, cpuUsage, ramUsage, diskUsage)
-
-		// Add entry to server history
-		ctx, cancel := context.WithTimeout(context.Background(), 5*time.Second)
-		_, err = db.ExecContext(ctx,
-			`INSERT INTO server_history(
-				"serverId", online, "cpuUsage", "ramUsage", "diskUsage", "createdAt"
-			) VALUES ($1, $2, $3, $4, $5, now())`,
-			server.ID, online, fmt.Sprintf("%.2f", cpuUsage), fmt.Sprintf("%.2f", ramUsage), fmt.Sprintf("%.2f", diskUsage),
-		)
-		cancel()
-		if err != nil {
-			fmt.Printf("%s Failed to insert history: %v\n", logPrefix, err)
-		}
-
-		fmt.Printf("%s Updated - CPU: %.2f%%, RAM: %.2f%%, Disk: %.2f%%\n",
-			logPrefix, cpuUsage, ramUsage, diskUsage)
-	}
-}
-
-func updateServerStatus(db *sql.DB, serverID int, online bool, cpuUsage, ramUsage, diskUsage float64) {
-	ctx, cancel := context.WithTimeout(context.Background(), 5*time.Second)
-	defer cancel()
-
-	_, err := db.ExecContext(ctx,
-		`UPDATE server SET online = $1, "cpuUsage" = $2::float8, "ramUsage" = $3::float8, "diskUsage" = $4::float8
-		 WHERE id = $5`,
-		online, cpuUsage, ramUsage, diskUsage, serverID,
-	)
-	if err != nil {
-		fmt.Printf("Failed to update server status (ID: %d): %v\n", serverID, err)
-	}
-}
-
-func sendNotifications(message string) {
-	notifMutex.RLock()
-	notifs := notifMutexCopy(notifications)
-	notifMutex.RUnlock()
-
-	for _, n := range notifs {
-		switch n.Type {
-		case "email":
-			if n.SMTPHost.Valid && n.SMTPTo.Valid {
-				sendEmail(n, message)
-			}
-		case "telegram":
-			if n.TelegramToken.Valid && n.TelegramChatID.Valid {
-				sendTelegram(n, message)
-			}
-		case "discord":
-			if n.DiscordWebhook.Valid {
-				sendDiscord(n, message)
-			}
-		case "gotify":
-			if n.GotifyUrl.Valid && n.GotifyToken.Valid {
-				sendGotify(n, message)
-			}
-		case "ntfy":
-			if n.NtfyUrl.Valid && n.NtfyToken.Valid {
-				sendNtfy(n, message)
-			}
-		case "pushover":
-			if n.PushoverUrl.Valid && n.PushoverToken.Valid && n.PushoverUser.Valid {
-				sendPushover(n, message)
-			}
-		}
-	}
-}
-
-func sendEmail(n Notification, body string) {
-	// Initialize SMTP dialer with host, port, user, pass
-	d := gomail.NewDialer(
-		n.SMTPHost.String,
-		int(n.SMTPPort.Int64),
-		n.SMTPUser.String,
-		n.SMTPPass.String,
-	)
-	if n.SMTPSecure.Valid && n.SMTPSecure.Bool {
-		d.SSL = true
-	}
-
-	m := gomail.NewMessage()
-	m.SetHeader("From", n.SMTPFrom.String)
-	m.SetHeader("To", n.SMTPTo.String)
-	m.SetHeader("Subject", "Uptime Notification")
-	m.SetBody("text/plain", body)
-
-	if err := d.DialAndSend(m); err != nil {
-		fmt.Printf("Email send failed: %v\n", err)
-	}
-}
-
-func sendTelegram(n Notification, message string) {
-	url := fmt.Sprintf("https://api.telegram.org/bot%s/sendMessage?chat_id=%s&text=%s",
-		n.TelegramToken.String,
-		n.TelegramChatID.String,
-		message,
-	)
-	resp, err := http.Get(url)
-	if err != nil {
-		fmt.Printf("Telegram send failed: %v\n", err)
-		return
-	}
-	resp.Body.Close()
-}
-
-func sendDiscord(n Notification, message string) {
-	payload := fmt.Sprintf(`{"content": "%s"}`, message)
-	req, err := http.NewRequest("POST", n.DiscordWebhook.String, strings.NewReader(payload))
-	if err != nil {
-		fmt.Printf("Discord request creation failed: %v\n", err)
-		return
-	}
-	req.Header.Set("Content-Type", "application/json")
-	client := &http.Client{Timeout: 5 * time.Second}
-	resp, err := client.Do(req)
-	if err != nil {
-		fmt.Printf("Discord send failed: %v\n", err)
-		return
-	}
-	resp.Body.Close()
-}
-
-func sendGotify(n Notification, message string) {
-	baseURL := strings.TrimSuffix(n.GotifyUrl.String, "/")
-	targetURL := fmt.Sprintf("%s/message", baseURL)
-
-	form := url.Values{}
-	form.Add("message", message)
-	form.Add("priority", "5")
-
-	req, err := http.NewRequest("POST", targetURL, strings.NewReader(form.Encode()))
-	if err != nil {
-		fmt.Printf("Gotify: ERROR creating request: %v\n", err)
-		return
-	}
-
-	req.Header.Set("X-Gotify-Key", n.GotifyToken.String)
-	req.Header.Set("Content-Type", "application/x-www-form-urlencoded")
-
-	client := &http.Client{Timeout: 5 * time.Second}
-	resp, err := client.Do(req)
-	if err != nil {
-		fmt.Printf("Gotify: ERROR sending request: %v\n", err)
-		return
-	}
-	defer resp.Body.Close()
-
-	if resp.StatusCode != http.StatusOK {
-		fmt.Printf("Gotify: ERROR status code: %d\n", resp.StatusCode)
-	}
-}
-
-func sendNtfy(n Notification, message string) {
-	baseURL := strings.TrimSuffix(n.NtfyUrl.String, "/")
-	topic := "corecontrol"
-	requestURL := fmt.Sprintf("%s/%s", baseURL, topic)
-
-	payload := map[string]string{"message": message}
-	jsonData, err := json.Marshal(payload)
-	if err != nil {
-		fmt.Printf("Ntfy: ERROR marshaling JSON: %v\n", err)
-		return
-	}
-
-	req, err := http.NewRequest("POST", requestURL, bytes.NewBuffer(jsonData))
-	if err != nil {
-		fmt.Printf("Ntfy: ERROR creating request: %v\n", err)
-		return
-	}
-
-	if n.NtfyToken.Valid {
-		req.Header.Set("Authorization", "Bearer "+n.NtfyToken.String)
-	}
-	req.Header.Set("Content-Type", "application/json")
-
-	client := &http.Client{Timeout: 5 * time.Second}
-	resp, err := client.Do(req)
-	if err != nil {
-		fmt.Printf("Ntfy: ERROR sending request: %v\n", err)
-		return
-	}
-	defer resp.Body.Close()
-
-	if resp.StatusCode != http.StatusOK {
-		fmt.Printf("Ntfy: ERROR status code: %d\n", resp.StatusCode)
-	}
-}
-
-func sendPushover(n Notification, message string) {
-	form := url.Values{}
-	form.Add("token", n.PushoverToken.String)
-	form.Add("user", n.PushoverUser.String)
-	form.Add("message", message)
-
-	req, err := http.NewRequest("POST", n.PushoverUrl.String, strings.NewReader(form.Encode()))
-	if err != nil {
-		fmt.Printf("Pushover: ERROR creating request: %v\n", err)
-		return
-	}
-
-	req.Header.Set("Content-Type", "application/x-www-form-urlencoded")
-
-	client := &http.Client{Timeout: 5 * time.Second}
-	resp, err := client.Do(req)
-	if err != nil {
-		fmt.Printf("Pushover: ERROR sending request: %v\n", err)
-		return
-	}
-	defer resp.Body.Close()
-
-	if resp.StatusCode != http.StatusOK {
-		fmt.Printf("Pushover: ERROR status code: %d\n", resp.StatusCode)
-	}
-}

app/api/applications/add/route.ts

@@ -8,12 +8,13 @@ interface AddRequest {
     icon: string;
     publicURL: string;
     localURL: string;
+    uptimecheckUrl: string;
 }
 
 export async function POST(request: NextRequest) {
     try {
         const body: AddRequest = await request.json();
-        const { serverId, name, description, icon, publicURL, localURL } = body;  
+        const { serverId, name, description, icon, publicURL, localURL, uptimecheckUrl } = body;  
         
         const application = await prisma.application.create({
             data: {
@@ -22,7 +23,8 @@ export async function POST(request: NextRequest) {
                 description,
                 icon,
                 publicURL,
-                localURL
+                localURL,
+                uptimecheckUrl
             }
         });
 

app/api/applications/edit/route.ts

@@ -9,12 +9,13 @@ interface EditRequest {
     icon: string;
     publicURL: string;
     localURL: string;
+    uptimecheckUrl: string;
 }
 
 export async function PUT(request: NextRequest) {
     try {
         const body: EditRequest = await request.json();
-        const { id, name, description, serverId, icon, publicURL, localURL } = body;
+        const { id, name, description, serverId, icon, publicURL, localURL, uptimecheckUrl } = body;
 
         const existingApp = await prisma.application.findUnique({ where: { id } });
         if (!existingApp) {
@@ -29,7 +30,8 @@ export async function PUT(request: NextRequest) {
                 description,
                 icon,
                 publicURL,
-                localURL
+                localURL,
+                uptimecheckUrl
             }
         });
 

app/api/applications/get/route.ts

@@ -40,7 +40,8 @@ export async function POST(request: NextRequest) {
     return NextResponse.json({
       applications: applicationsWithServers,
       servers: servers_all,
-      maxPage
+      maxPage,
+      totalItems: totalCount
     });
   } catch (error: unknown) {
     const message = error instanceof Error ? error.message : "Unknown error";

app/api/applications/search/route.ts

@@ -23,7 +23,23 @@ export async function POST(request: NextRequest) {
         
         const searchResults = fuse.search(searchterm);
 
-        const results = searchResults.map(({ item }) => item);
+        const searchedApps = searchResults.map(({ item }) => item);
+        
+        // Get server IDs from the search results
+        const serverIds = searchedApps
+            .map(app => app.serverId)
+            .filter((id): id is number => id !== null);
+
+        // Fetch server data for these applications
+        const servers = await prisma.server.findMany({
+            where: { id: { in: serverIds } }
+        });
+
+        // Add server name to each application
+        const results = searchedApps.map(app => ({
+            ...app,
+            server: servers.find(s => s.id === app.serverId)?.name || "No server"
+        }));
 
         return NextResponse.json({ results });
     } catch (error: any) {

app/api/applications/uptime/route.ts

@@ -4,6 +4,7 @@ import { prisma } from "@/lib/prisma";
 interface RequestBody {
     timespan?: number;
     page?: number;
+    itemsPerPage?: number;
   }
   
 
@@ -12,22 +13,27 @@ const getTimeRange = (timespan: number) => {
   switch (timespan) {
     case 1:
       return { 
-        start: new Date(now.getTime() - 30 * 60 * 1000),
+        start: new Date(now.getTime() - 60 * 60 * 1000),
         interval: 'minute' 
       };
     case 2:
       return { 
-        start: new Date(now.getTime() - 7 * 24 * 60 * 60 * 1000),
-        interval: '3hour' 
+        start: new Date(now.getTime() - 24 * 60 * 60 * 1000),
+        interval: 'hour' 
       };
     case 3:
+      return { 
+        start: new Date(now.getTime() - 7 * 24 * 60 * 60 * 1000),
+        interval: 'day' 
+      };
+    case 4:
       return { 
         start: new Date(now.getTime() - 30 * 24 * 60 * 60 * 1000),
         interval: 'day' 
       };
     default:
       return { 
-        start: new Date(now.getTime() - 30 * 60 * 1000),
+        start: new Date(now.getTime() - 60 * 60 * 1000),
         interval: 'minute' 
       };
   }
@@ -38,23 +44,31 @@ const generateIntervals = (timespan: number) => {
   now.setSeconds(0, 0);
   
   switch (timespan) {
-    case 1:
-      return Array.from({ length: 30 }, (_, i) => {
+    case 1: // 1 hour - 60 one-minute intervals
+      return Array.from({ length: 60 }, (_, i) => {
         const d = new Date(now);
         d.setMinutes(d.getMinutes() - i);
         d.setSeconds(0, 0);
         return d;
       });
       
-    case 2:
-      return Array.from({ length: 56 }, (_, i) => {
+    case 2: // 1 day - 24 one-hour intervals
+      return Array.from({ length: 24 }, (_, i) => {
         const d = new Date(now);
-        d.setHours(d.getHours() - (i * 3));
+        d.setHours(d.getHours() - i);
         d.setMinutes(0, 0, 0);
         return d;
       });
 
-    case 3:
+    case 3: // 7 days
+      return Array.from({ length: 7 }, (_, i) => {
+        const d = new Date(now);
+        d.setDate(d.getDate() - i);
+        d.setHours(0, 0, 0, 0);
+        return d;
+      });
+
+    case 4: // 30 days
       return Array.from({ length: 30 }, (_, i) => {
         const d = new Date(now);
         d.setDate(d.getDate() - i);
@@ -70,14 +84,14 @@ const generateIntervals = (timespan: number) => {
 const getIntervalKey = (date: Date, timespan: number) => {
   const d = new Date(date);
   switch (timespan) {
-    case 1:
+    case 1: // 1 hour - minute intervals
       d.setSeconds(0, 0);
       return d.toISOString();
-    case 2:
-      d.setHours(Math.floor(d.getHours() / 3) * 3);
+    case 2: // 1 day - hour intervals
       d.setMinutes(0, 0, 0);
       return d.toISOString();
-    case 3:
+    case 3: // 7 days - day intervals
+    case 4: // 30 days - day intervals
       d.setHours(0, 0, 0, 0);
       return d.toISOString();
     default:
@@ -87,8 +101,7 @@ const getIntervalKey = (date: Date, timespan: number) => {
 
 export async function POST(request: NextRequest) {
     try {
-      const { timespan = 1, page = 1 }: RequestBody = await request.json();
-      const itemsPerPage = 5;
+      const { timespan = 1, page = 1, itemsPerPage = 5 }: RequestBody = await request.json();
       const skip = (page - 1) * itemsPerPage;
   
       // Get paginated and sorted applications

app/api/auth/edit_password/route.ts

@@ -1,7 +1,7 @@
 import { NextResponse, NextRequest } from "next/server";
 import jwt from 'jsonwebtoken';
 import { prisma } from "@/lib/prisma";
-import bcrypt from 'bcrypt';
+import bcrypt from 'bcryptjs';
 
 interface EditEmailRequest {
     oldPassword: string;

app/api/auth/login/route.ts

@@ -1,7 +1,7 @@
 import { NextResponse, NextRequest } from "next/server";
 import jwt from 'jsonwebtoken';
 import { prisma } from "@/lib/prisma";
-import bcrypt from 'bcrypt';
+import bcrypt from 'bcryptjs';
 
 interface LoginRequest {
     username: string;

app/api/notifications/add/route.ts

@@ -3,6 +3,7 @@ import { prisma } from "@/lib/prisma";
 
 interface AddRequest {
     type: string;
+    name: string;
     smtpHost?: string;
     smtpPort?: number;
     smtpSecure?: boolean;
@@ -20,16 +21,18 @@ interface AddRequest {
     pushoverUrl?: string;
     pushoverToken?: string;
     pushoverUser?: string;
+    echobellURL?: string;
 }
 
 export async function POST(request: NextRequest) {
     try {
         const body: AddRequest = await request.json();
-        const { type, smtpHost, smtpPort, smtpSecure, smtpUsername, smtpPassword, smtpFrom, smtpTo, telegramToken, telegramChatId, discordWebhook, gotifyUrl, gotifyToken, ntfyUrl, ntfyToken, pushoverUrl, pushoverToken, pushoverUser } = body; 
+        const { type, name, smtpHost, smtpPort, smtpSecure, smtpUsername, smtpPassword, smtpFrom, smtpTo, telegramToken, telegramChatId, discordWebhook, gotifyUrl, gotifyToken, ntfyUrl, ntfyToken, pushoverUrl, pushoverToken, pushoverUser, echobellURL } = body; 
         
         const notification = await prisma.notification.create({
             data: {
                 type: type,
+                name: name,
                 smtpHost: smtpHost,
                 smtpPort: smtpPort,
                 smtpFrom: smtpFrom,
@@ -47,6 +50,7 @@ export async function POST(request: NextRequest) {
                 pushoverUrl: pushoverUrl,
                 pushoverToken: pushoverToken,
                 pushoverUser: pushoverUser,
+                echobellURL: echobellURL
             }
         });
 

app/api/notifications/test/route.ts

@@ -0,0 +1,23 @@
+import { NextResponse, NextRequest } from "next/server";
+import { prisma } from "@/lib/prisma";
+
+interface AddRequest {
+    notificationId: number;
+}
+
+export async function POST(request: NextRequest) {
+    try {
+        const body: AddRequest = await request.json();
+        const { notificationId } = body; 
+        
+        const notification = await prisma.test_notification.create({
+            data: {
+                notificationId: notificationId,
+            }
+        });
+
+        return NextResponse.json({ message: "Success", notification });
+    } catch (error: any) {
+        return NextResponse.json({ error: error.message }, { status: 500 });
+    }
+}

app/api/servers/get/route.ts

@@ -1,23 +1,111 @@
 import { NextResponse, NextRequest } from "next/server";
 import { prisma } from "@/lib/prisma";
+import { Prisma } from "@prisma/client";
 
 interface GetRequest {
     page?: number;
     ITEMS_PER_PAGE?: number;
+    timeRange?: '1h' | '1d' | '7d' | '30d';
+    serverId?: number;
 }
 
+const getTimeRange = (timeRange: '1h' | '1d' | '7d' | '30d' = '1h') => {
+    const now = new Date();
+    switch (timeRange) {
+        case '1d':
+            return {
+                start: new Date(now.getTime() - 24 * 60 * 60 * 1000),
+                end: now,
+                intervalMinutes: 15 // 15 minute intervals
+            };
+        case '7d':
+            return {
+                start: new Date(now.getTime() - 7 * 24 * 60 * 60 * 1000),
+                end: now,
+                intervalMinutes: 60 // 1 hour intervals
+            };
+        case '30d':
+            return {
+                start: new Date(now.getTime() - 30 * 24 * 60 * 60 * 1000),
+                end: now,
+                intervalMinutes: 240 // 4 hour intervals
+            };
+        case '1h':
+        default:
+            return {
+                start: new Date(now.getTime() - 60 * 60 * 1000),
+                end: now,
+                intervalMinutes: 1 // 1 minute intervals
+            };
+    }
+};
+
+const getIntervals = (timeRange: '1h' | '1d' | '7d' | '30d' = '1h') => {
+    const { start, end, intervalMinutes } = getTimeRange(timeRange);
+    
+    let intervalCount: number;
+    switch (timeRange) {
+        case '1d':
+            intervalCount = 96; // 24 hours * 4 (15-minute intervals)
+            break;
+        case '7d':
+            intervalCount = 168; // 7 days * 24 hours
+            break;
+        case '30d':
+            intervalCount = 180; // 30 days * 6 (4-hour intervals)
+            break;
+        case '1h':
+        default:
+            intervalCount = 60;
+            break;
+    }
+
+    // Calculate the total time span in minutes
+    const totalMinutes = Math.floor((end.getTime() - start.getTime()) / (1000 * 60));
+    
+    // Create equally spaced intervals
+    return Array.from({ length: intervalCount }, (_, i) => {
+        const minutesFromEnd = Math.floor(i * (totalMinutes / (intervalCount - 1)));
+        const d = new Date(end.getTime() - minutesFromEnd * 60 * 1000);
+        return d;
+    }).reverse(); // Return in chronological order
+};
+
+const parseUsageValue = (value: string | null): number => {
+    if (!value) return 0;
+    return Math.round(parseFloat(value.replace('%', '')) * 100) / 100;
+};
+
 export async function POST(request: NextRequest) {
     try {
         const body: GetRequest = await request.json();
         const page = Math.max(1, body.page || 1);
         const ITEMS_PER_PAGE = body.ITEMS_PER_PAGE || 4;
+        const timeRange = body.timeRange || '1h';
+        const serverId = body.serverId;
 
-        const hosts = await prisma.server.findMany({
-            where: { hostServer: 0 },
-            skip: (page - 1) * ITEMS_PER_PAGE,
-            take: ITEMS_PER_PAGE,
-            orderBy: { name: 'asc' }
-        });
+        // If serverId is provided, only fetch that specific server
+        const hostsQuery = serverId 
+            ? { id: serverId }
+            : { hostServer: 0 };
+        
+        let hosts;
+        if (!serverId) {
+            hosts = await prisma.server.findMany({
+                where: hostsQuery,
+                orderBy: { name: 'asc' as Prisma.SortOrder },
+                skip: (page - 1) * ITEMS_PER_PAGE,
+                take: ITEMS_PER_PAGE,
+            });
+        } else {
+            hosts = await prisma.server.findMany({
+                where: hostsQuery,
+                orderBy: { name: 'asc' as Prisma.SortOrder },
+            });
+        }
+
+        const { start } = getTimeRange(timeRange);
+        const intervals = getIntervals(timeRange);
 
         const hostsWithVms = await Promise.all(
             hosts.map(async (host) => {
@@ -26,6 +114,97 @@ export async function POST(request: NextRequest) {
                     orderBy: { name: 'asc' }
                 });
                 
+                // Get server history for the host
+                const serverHistory = await prisma.server_history.findMany({
+                    where: {
+                        serverId: host.id,
+                        createdAt: {
+                            gte: start
+                        }
+                    },
+                    orderBy: {
+                        createdAt: 'asc'
+                    }
+                });
+
+                // Process history data into intervals
+                const historyMap = new Map<string, { 
+                    cpu: number[],
+                    ram: number[],
+                    disk: number[],
+                    gpu: number[],
+                    temp: number[],
+                    online: boolean[]
+                }>();
+
+                // Initialize intervals
+                intervals.forEach(date => {
+                    const key = date.toISOString();
+                    historyMap.set(key, {
+                        cpu: [],
+                        ram: [],
+                        disk: [],
+                        gpu: [],
+                        temp: [],
+                        online: []
+                    });
+                });
+
+                // Group data by interval
+                serverHistory.forEach(record => {
+                    const recordDate = new Date(record.createdAt);
+                    let nearestInterval: Date = intervals[0];
+                    let minDiff = Infinity;
+
+                    // Find the nearest interval for this record
+                    intervals.forEach(intervalDate => {
+                        const diff = Math.abs(recordDate.getTime() - intervalDate.getTime());
+                        if (diff < minDiff) {
+                            minDiff = diff;
+                            nearestInterval = intervalDate;
+                        }
+                    });
+
+                    const key = nearestInterval.toISOString();
+                    const interval = historyMap.get(key);
+                    if (interval) {
+                        interval.cpu.push(parseUsageValue(record.cpuUsage));
+                        interval.ram.push(parseUsageValue(record.ramUsage));
+                        interval.disk.push(parseUsageValue(record.diskUsage));
+                        interval.gpu.push(parseUsageValue(record.gpuUsage));
+                        interval.temp.push(parseUsageValue(record.temp));
+                        interval.online.push(record.online);
+                    }
+                });
+
+                // Calculate averages for each interval
+                const historyData = intervals.map(date => {
+                    const key = date.toISOString();
+                    const data = historyMap.get(key) || {
+                        cpu: [],
+                        ram: [],
+                        disk: [],
+                        gpu: [],
+                        temp: [],
+                        online: []
+                    };
+
+                    const average = (arr: number[]) => 
+                        arr.length ? Math.round((arr.reduce((a, b) => a + b, 0) / arr.length) * 100) / 100 : null;
+
+                    return {
+                        timestamp: key,
+                        cpu: average(data.cpu),
+                        ram: average(data.ram),
+                        disk: average(data.disk),
+                        gpu: average(data.gpu),
+                        temp: average(data.temp),
+                        online: data.online.length ? 
+                            data.online.filter(Boolean).length / data.online.length >= 0.5 
+                            : null
+                    };
+                });
+                
                 // Add isVM flag to VMs
                 const vmsWithFlag = vms.map(vm => ({
                     ...vm,
@@ -35,21 +214,55 @@ export async function POST(request: NextRequest) {
                 
                 return {
                     ...host,
-                    isVM: false, // Mark as physical server/not a VM
-                    hostedVMs: vmsWithFlag
+                    isVM: false,
+                    hostedVMs: vmsWithFlag,
+                    history: {
+                        labels: intervals.map(d => d.toISOString()),
+                        datasets: {
+                            cpu: intervals.map(d => {
+                                const data = historyMap.get(d.toISOString())?.cpu || [];
+                                return data.length ? Math.round((data.reduce((a, b) => a + b) / data.length) * 100) / 100 : null;
+                            }),
+                            ram: intervals.map(d => {
+                                const data = historyMap.get(d.toISOString())?.ram || [];
+                                return data.length ? Math.round((data.reduce((a, b) => a + b) / data.length) * 100) / 100 : null;
+                            }),
+                            disk: intervals.map(d => {
+                                const data = historyMap.get(d.toISOString())?.disk || [];
+                                return data.length ? Math.round((data.reduce((a, b) => a + b) / data.length) * 100) / 100 : null;
+                            }),
+                            gpu: intervals.map(d => {
+                                const data = historyMap.get(d.toISOString())?.gpu || [];
+                                return data.length ? Math.round((data.reduce((a, b) => a + b) / data.length) * 100) / 100 : null;
+                            }),
+                            temp: intervals.map(d => {
+                                const data = historyMap.get(d.toISOString())?.temp || [];
+                                return data.length ? Math.round((data.reduce((a, b) => a + b) / data.length) * 100) / 100 : null;
+                            }),
+                            online: intervals.map(d => {
+                                const data = historyMap.get(d.toISOString())?.online || [];
+                                return data.length ? data.filter(Boolean).length / data.length >= 0.5 : null;
+                            })
+                        }
+                    }
                 };
             })
         );
 
-        const totalHosts = await prisma.server.count({
-            where: { OR: [{ hostServer: 0 }, { hostServer: null }] }
-        });
-
-        const maxPage = Math.ceil(totalHosts / ITEMS_PER_PAGE);
+        // Only calculate maxPage when not requesting a specific server
+        let maxPage = 1;
+        let totalHosts = 0;
+        if (!serverId) {
+            totalHosts = await prisma.server.count({
+                where: { OR: [{ hostServer: 0 }, { hostServer: null }] }
+            });
+            maxPage = Math.ceil(totalHosts / ITEMS_PER_PAGE);
+        }
 
         return NextResponse.json({ 
             servers: hostsWithVms,
-            maxPage
+            maxPage,
+            totalItems: totalHosts
         });
     } catch (error: any) {
         return NextResponse.json({ error: error.message }, { status: 500 });

app/api/servers/monitoring/route.ts

@@ -11,6 +11,9 @@ export async function GET() {
         cpuUsage: true,
         ramUsage: true,
         diskUsage: true,
+        gpuUsage: true,
+        temp: true,
+        uptime: true
       }
     });
 
@@ -20,12 +23,18 @@ export async function GET() {
       cpuUsage: string | null;
       ramUsage: string | null;
       diskUsage: string | null;
+      gpuUsage: string | null;
+      temp: string | null;
+      uptime: string | null;
     }) => ({
       id: server.id,
       online: server.online,
-      cpuUsage: server.cpuUsage ? parseInt(server.cpuUsage) : 0,
-      ramUsage: server.ramUsage ? parseInt(server.ramUsage) : 0,
-      diskUsage: server.diskUsage ? parseInt(server.diskUsage) : 0
+      cpuUsage: server.cpuUsage ? parseFloat(server.cpuUsage) : 0,
+      ramUsage: server.ramUsage ? parseFloat(server.ramUsage) : 0,
+      diskUsage: server.diskUsage ? parseFloat(server.diskUsage) : 0,
+      gpuUsage: server.gpuUsage ? parseFloat(server.gpuUsage) : 0,
+      temp: server.temp ? parseFloat(server.temp) : 0,
+      uptime: server.uptime || ""
     }));
 
     return NextResponse.json(monitoringData)

app/dashboard/Dashboard.tsx

@@ -17,6 +17,7 @@ import { Separator } from "@/components/ui/separator"
 import { SidebarInset, SidebarProvider, SidebarTrigger } from "@/components/ui/sidebar"
 import { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle } from "@/components/ui/card"
 import { Button } from "@/components/ui/button"
+import { useTranslations } from "next-intl"
 
 interface StatsResponse {
   serverCountNoVMs: number
@@ -26,6 +27,7 @@ interface StatsResponse {
 }
 
 export default function Dashboard() {
+  const t = useTranslations('Dashboard')
   const [serverCountNoVMs, setServerCountNoVMs] = useState<number>(0)
   const [serverCountOnlyVMs, setServerCountOnlyVMs] = useState<number>(0)
   const [applicationCount, setApplicationCount] = useState<number>(0)
@@ -62,22 +64,22 @@ export default function Dashboard() {
                 </BreadcrumbItem>
                 <BreadcrumbSeparator className="hidden md:block" />
                 <BreadcrumbItem>
-                  <BreadcrumbPage>Dashboard</BreadcrumbPage>
+                  <BreadcrumbPage>{t('Title')}</BreadcrumbPage>
                 </BreadcrumbItem>
               </BreadcrumbList>
             </Breadcrumb>
           </div>
         </header>
         <div className="p-6">
-          <h1 className="text-3xl font-bold tracking-tight mb-6">Dashboard</h1>
+          <h1 className="text-3xl font-bold tracking-tight mb-6">{t('Title')}</h1>
 
           <div className="grid gap-6 md:grid-cols-1 lg:grid-cols-2">
             <Card className="overflow-hidden border-t-4 border-t-rose-500 shadow-lg transition-all hover:shadow-xl hover:border-t-rose-600">
               <CardHeader className="py-3 pb-1">
                 <div className="flex items-center justify-between">
                   <div>
-                    <CardTitle className="text-2xl font-semibold">Servers</CardTitle>
-                    <CardDescription className="mt-1">Physical and virtual servers overview</CardDescription>
+                    <CardTitle className="text-2xl font-semibold">{t('Servers.Title')}</CardTitle>
+                    <CardDescription className="mt-1">{t('Servers.Description')}</CardDescription>
                   </div>
                   <Server className="h-8 w-8 text-rose-500 p-1.5 rounded-lg" />
                 </div>
@@ -91,7 +93,7 @@ export default function Dashboard() {
                     </div>
                     <div>
                       <div className="text-3xl font-bold">{serverCountNoVMs}</div>
-                      <p className="text-sm text-muted-foreground">Physical Servers</p>
+                      <p className="text-sm text-muted-foreground">{t('Servers.PhysicalServers')}</p>
                     </div>
                   </div>
 
@@ -102,7 +104,7 @@ export default function Dashboard() {
                     </div>
                     <div>
                       <div className="text-3xl font-bold">{serverCountOnlyVMs}</div>
-                      <p className="text-sm text-muted-foreground">Virtual Servers</p>
+                      <p className="text-sm text-muted-foreground">{t('Servers.VirtualServers')}</p>
                     </div>
                   </div>
                 </div>
@@ -115,7 +117,7 @@ export default function Dashboard() {
                   asChild
                 >
                   <Link href="/dashboard/servers" className="flex items-center justify-between">
-                    <span>Manage Servers</span>
+                    <span>{t('Servers.ManageServers')}</span>
                   </Link>
                 </Button>
               </CardFooter>
@@ -125,15 +127,15 @@ export default function Dashboard() {
               <CardHeader className="py-3 pb-1">
                 <div className="flex items-center justify-between">
                   <div>
-                    <CardTitle className="text-2xl font-semibold">Applications</CardTitle>
-                    <CardDescription className="mt-1">Manage your deployed applications</CardDescription>
+                    <CardTitle className="text-2xl font-semibold">{t('Applications.Title')}</CardTitle>
+                    <CardDescription className="mt-1">{t('Applications.Description')}</CardDescription>
                   </div>
                   <Layers className="h-8 w-8 text-amber-500 p-1.5 rounded-lg" />
                 </div>
               </CardHeader>
               <CardContent className="pt-1 pb-2 min-h-[120px]">
                 <div className="text-4xl font-bold">{applicationCount}</div>
-                <p className="text-sm text-muted-foreground mt-2">Running applications</p>
+                <p className="text-sm text-muted-foreground mt-2">{t('Applications.OnlineApplications')}</p>
               </CardContent>
               <CardFooter className="border-t bg-muted/10 py-2 px-4">
                 <Button
@@ -143,7 +145,7 @@ export default function Dashboard() {
                   asChild
                 >
                   <Link href="/dashboard/applications" className="flex items-center justify-between">
-                    <span>View all applications</span>
+                    <span>{t('Applications.ViewAllApplications')}</span>
                   </Link>
                 </Button>
               </CardFooter>
@@ -153,8 +155,8 @@ export default function Dashboard() {
               <CardHeader className="py-3 pb-1">
                 <div className="flex items-center justify-between">
                   <div>
-                    <CardTitle className="text-2xl font-semibold">Uptime</CardTitle>
-                    <CardDescription className="mt-1">Monitor your service availability</CardDescription>
+                    <CardTitle className="text-2xl font-semibold">{t('Uptime.Title')}</CardTitle>
+                    <CardDescription className="mt-1">{t('Uptime.Description')}</CardDescription>
                   </div>
                   <Activity className="h-8 w-8 text-emerald-500 p-1.5 rounded-lg" />
                 </div>
@@ -177,7 +179,7 @@ export default function Dashboard() {
                       }}
                     ></div>
                   </div>
-                  <p className="text-sm text-muted-foreground mt-2">Online applications</p>
+                  <p className="text-sm text-muted-foreground mt-2">{t('Uptime.OnlineApplications')}</p>
                 </div>
               </CardContent>
               <CardFooter className="border-t bg-muted/10 py-2 px-4">
@@ -188,7 +190,7 @@ export default function Dashboard() {
                   asChild
                 >
                   <Link href="/dashboard/uptime" className="flex items-center justify-between">
-                    <span>View uptime metrics</span>
+                    <span>{t('Uptime.ViewUptimeMetrics')}</span>
                   </Link>
                 </Button>
               </CardFooter>
@@ -198,15 +200,15 @@ export default function Dashboard() {
               <CardHeader className="py-3 pb-1">
                 <div className="flex items-center justify-between">
                   <div>
-                    <CardTitle className="text-2xl font-semibold">Network</CardTitle>
-                    <CardDescription className="mt-1">Manage network configuration</CardDescription>
+                    <CardTitle className="text-2xl font-semibold">{t('Network.Title')}</CardTitle>
+                    <CardDescription className="mt-1">{t('Network.Description')}</CardDescription>
                   </div>
                   <Network className="h-8 w-8 text-sky-500 p-1.5 rounded-lg" />
                 </div>
               </CardHeader>
               <CardContent className="pt-1 pb-2 min-h-[120px]">
                 <div className="text-4xl font-bold">{serverCountNoVMs + serverCountOnlyVMs + applicationCount}</div>
-                <p className="text-sm text-muted-foreground mt-2">Active connections</p>
+                <p className="text-sm text-muted-foreground mt-2">{t('Network.ActiveConnections')}</p>
               </CardContent>
               <CardFooter className="border-t bg-muted/10 py-2 px-4">
                 <Button
@@ -216,7 +218,7 @@ export default function Dashboard() {
                   asChild
                 >
                   <Link href="/dashboard/network" className="flex items-center justify-between">
-                    <span>View network details</span>
+                    <span>{t('Network.ViewNetworkDetails')}</span>
                   </Link>
                 </Button>
               </CardFooter>

app/dashboard/applications/Applications.tsx

@@ -25,6 +25,9 @@ import {
   List,
   Pencil,
   Zap,
+  ViewIcon,
+  Grid3X3,
+  HelpCircle,
 } from "lucide-react";
 import {
   Card,
@@ -65,7 +68,7 @@ import {
   SelectValue,
 } from "@/components/ui/select";
 import Cookies from "js-cookie";
-import { useState, useEffect } from "react";
+import { useState, useEffect, useRef } from "react";
 import axios from "axios";
 import {
   Tooltip,
@@ -74,6 +77,15 @@ import {
   TooltipTrigger,
 } from "@/components/ui/tooltip"
 import { StatusIndicator } from "@/components/status-indicator";
+import { Toaster } from "@/components/ui/sonner"
+import { toast } from "sonner"
+import {
+  DropdownMenu,
+  DropdownMenuContent,
+  DropdownMenuItem,
+  DropdownMenuTrigger,
+} from "@/components/ui/dropdown-menu";
+import { useTranslations } from "next-intl";
 
 interface Application {
   id: number;
@@ -85,6 +97,7 @@ interface Application {
   server?: string;
   online: boolean;
   serverId: number;
+  uptimecheckUrl?: string;
 }
 
 interface Server {
@@ -96,15 +109,19 @@ interface ApplicationsResponse {
   applications: Application[];
   servers: Server[];
   maxPage: number;
+  totalItems?: number;
 }
 
 export default function Dashboard() {
+  const t = useTranslations();
   const [name, setName] = useState<string>("");
   const [description, setDescription] = useState<string>("");
   const [icon, setIcon] = useState<string>("");
   const [publicURL, setPublicURL] = useState<string>("");
   const [localURL, setLocalURL] = useState<string>("");
   const [serverId, setServerId] = useState<number | null>(null);
+  const [customUptimeCheck, setCustomUptimeCheck] = useState<boolean>(false);
+  const [uptimecheckUrl, setUptimecheckUrl] = useState<string>("");
 
   const [editName, setEditName] = useState<string>("");
   const [editDescription, setEditDescription] = useState<string>("");
@@ -113,6 +130,8 @@ export default function Dashboard() {
   const [editLocalURL, setEditLocalURL] = useState<string>("");
   const [editId, setEditId] = useState<number | null>(null);
   const [editServerId, setEditServerId] = useState<number | null>(null);
+  const [editCustomUptimeCheck, setEditCustomUptimeCheck] = useState<boolean>(false);
+  const [editUptimecheckUrl, setEditUptimecheckUrl] = useState<string>("");
 
   const [currentPage, setCurrentPage] = useState<number>(1);
   const [maxPage, setMaxPage] = useState<number>(1);
@@ -124,21 +143,69 @@ export default function Dashboard() {
   const [isSearching, setIsSearching] = useState<boolean>(false);
 
   const savedLayout = Cookies.get("layoutPreference-app");
+  const savedItemsPerPage = Cookies.get("itemsPerPage-app");
   const initialIsGridLayout = savedLayout === "grid";
-  const initialItemsPerPage = initialIsGridLayout ? 15 : 5;
+  const initialIsCompactLayout = savedLayout === "compact";
+  const defaultItemsPerPage = initialIsGridLayout ? 15 : (initialIsCompactLayout ? 30 : 5);
+  const initialItemsPerPage = savedItemsPerPage ? parseInt(savedItemsPerPage) : defaultItemsPerPage;
 
   const [isGridLayout, setIsGridLayout] = useState<boolean>(initialIsGridLayout);
+  const [isCompactLayout, setIsCompactLayout] = useState<boolean>(initialIsCompactLayout);
   const [itemsPerPage, setItemsPerPage] = useState<number>(initialItemsPerPage);
+  const customInputRef = useRef<HTMLInputElement>(null);
+  const debounceTimerRef = useRef<NodeJS.Timeout | null>(null);
 
-  const toggleLayout = () => {
-    const newLayout = !isGridLayout;
-    setIsGridLayout(newLayout);
-    Cookies.set("layoutPreference-app", newLayout ? "grid" : "standard", {
-      expires: 365,
-      path: "/",
-      sameSite: "strict",
-    });
-    setItemsPerPage(newLayout ? 15 : 5);
+  const toggleLayout = (layout: string) => {
+    if (layout === "standard") {
+      setIsGridLayout(false);
+      setIsCompactLayout(false);
+      Cookies.set("layoutPreference-app", "standard", {
+        expires: 365,
+        path: "/",
+        sameSite: "strict",
+      });
+    } else if (layout === "grid") {
+      setIsGridLayout(true);
+      setIsCompactLayout(false);
+      Cookies.set("layoutPreference-app", "grid", {
+        expires: 365,
+        path: "/",
+        sameSite: "strict",
+      });
+    } else if (layout === "compact") {
+      setIsGridLayout(false);
+      setIsCompactLayout(true);
+      Cookies.set("layoutPreference-app", "compact", {
+        expires: 365,
+        path: "/",
+        sameSite: "strict",
+      });
+    }
+  };
+
+  const handleItemsPerPageChange = (value: string) => {
+    if (debounceTimerRef.current) {
+      clearTimeout(debounceTimerRef.current);
+    }
+
+    debounceTimerRef.current = setTimeout(() => {
+      const newItemsPerPage = parseInt(value);
+      
+      if (isNaN(newItemsPerPage) || newItemsPerPage < 1) {
+        toast.error(t('Applications.Messages.NumberValidation'));
+        return;
+      }
+      
+      const validatedValue = Math.min(Math.max(newItemsPerPage, 1), 100);
+      
+      setItemsPerPage(validatedValue);
+      setCurrentPage(1);
+      Cookies.set("itemsPerPage-app", String(validatedValue), {
+        expires: 365,
+        path: "/",
+        sameSite: "strict",
+      });
+    }, 300);
   };
 
   const add = async () => {
@@ -150,10 +217,13 @@ export default function Dashboard() {
         publicURL,
         localURL,
         serverId,
+        uptimecheckUrl: customUptimeCheck ? uptimecheckUrl : "",
       });
       getApplications();
+      toast.success(t('Applications.Messages.AddSuccess'));
     } catch (error: any) {
       console.log(error.response?.data);
+      toast.error(t('Applications.Messages.AddError'));
     }
   };
 
@@ -167,12 +237,21 @@ export default function Dashboard() {
       setApplications(response.data.applications);
       setServers(response.data.servers);
       setMaxPage(response.data.maxPage);
+      if (response.data.totalItems !== undefined) {
+        setTotalItems(response.data.totalItems);
+      }
       setLoading(false);
     } catch (error: any) {
       console.log(error.response?.data);
+      toast.error(t('Applications.Messages.GetError'));
     }
   };
 
+  // Calculate current range of items being displayed
+  const [totalItems, setTotalItems] = useState<number>(0);
+  const startItem = (currentPage - 1) * itemsPerPage + 1;
+  const endItem = Math.min(currentPage * itemsPerPage, totalItems);
+
   useEffect(() => {
     getApplications();
   }, [currentPage, itemsPerPage]);
@@ -185,8 +264,10 @@ export default function Dashboard() {
     try {
       await axios.post("/api/applications/delete", { id });
       getApplications();
+      toast.success(t('Applications.Messages.DeleteSuccess'));
     } catch (error: any) {
       console.log(error.response?.data);
+      toast.error(t('Applications.Messages.DeleteError'));
     }
   };
 
@@ -198,6 +279,14 @@ export default function Dashboard() {
     setEditIcon(app.icon || "");
     setEditLocalURL(app.localURL || "");
     setEditPublicURL(app.publicURL || "");
+    
+    if (app.uptimecheckUrl) {
+      setEditCustomUptimeCheck(true);
+      setEditUptimecheckUrl(app.uptimecheckUrl);
+    } else {
+      setEditCustomUptimeCheck(false);
+      setEditUptimecheckUrl("");
+    }
   };
 
   const edit = async () => {
@@ -212,11 +301,14 @@ export default function Dashboard() {
         icon: editIcon,
         publicURL: editPublicURL,
         localURL: editLocalURL,
+        uptimecheckUrl: editCustomUptimeCheck ? editUptimecheckUrl : "",
       });
       getApplications();
       setEditId(null);
+      toast.success(t('Applications.Messages.EditSuccess'));
     } catch (error: any) {
       console.log(error.response.data);
+      toast.error(t('Applications.Messages.EditError'));
     }
   };
 
@@ -270,37 +362,133 @@ export default function Dashboard() {
                 </BreadcrumbItem>
                 <BreadcrumbSeparator className="hidden md:block" />
                 <BreadcrumbItem>
-                  <BreadcrumbPage>My Infrastructure</BreadcrumbPage>
+                  <BreadcrumbPage>{t('Applications.Breadcrumb.MyInfrastructure')}</BreadcrumbPage>
                 </BreadcrumbItem>
                 <BreadcrumbSeparator className="hidden md:block" />
                 <BreadcrumbItem>
-                  <BreadcrumbPage>Applications</BreadcrumbPage>
+                  <BreadcrumbPage>{t('Applications.Breadcrumb.Applications')}</BreadcrumbPage>
                 </BreadcrumbItem>
               </BreadcrumbList>
             </Breadcrumb>
           </div>
         </header>
+        <Toaster />
         <div className="p-6">
           <div className="flex justify-between items-center">
-            <span className="text-3xl font-bold">Your Applications</span>
+            <span className="text-3xl font-bold">{t('Applications.Title')}</span>
             <div className="flex gap-2">
-              <Button
-                variant="outline"
-                size="icon"
-                onClick={toggleLayout}
-                title={
-                  isGridLayout ? "Switch to list view" : "Switch to grid view"
-                }
+              <DropdownMenu>
+                <DropdownMenuTrigger asChild>
+                  <Button variant="outline" size="icon" title={t('Applications.Views.ChangeView')}>
+                    {isCompactLayout ? (
+                      <Grid3X3 className="h-4 w-4" />
+                    ) : isGridLayout ? (
+                      <LayoutGrid className="h-4 w-4" />
+                    ) : (
+                      <List className="h-4 w-4" />
+                    )}
+                  </Button>
+                </DropdownMenuTrigger>
+                <DropdownMenuContent align="end">
+                  <DropdownMenuItem onClick={() => toggleLayout("standard")}>
+                    <List className="h-4 w-4 mr-2" /> {t('Applications.Views.ListView')}
+                  </DropdownMenuItem>
+                  <DropdownMenuItem onClick={() => toggleLayout("grid")}>
+                    <LayoutGrid className="h-4 w-4 mr-2" /> {t('Applications.Views.GridView')}
+                  </DropdownMenuItem>
+                  <DropdownMenuItem onClick={() => toggleLayout("compact")}>
+                    <Grid3X3 className="h-4 w-4 mr-2" /> {t('Applications.Views.CompactView')}
+                  </DropdownMenuItem>
+                </DropdownMenuContent>
+              </DropdownMenu>
+              <Select
+                value={String(itemsPerPage)}
+                onValueChange={handleItemsPerPageChange}
+                onOpenChange={(open) => {
+                  if (open && customInputRef.current) {
+                    customInputRef.current.value = String(itemsPerPage);
+                  }
+                }}
               >
-                {isGridLayout ? (
-                  <List className="h-4 w-4" />
-                ) : (
-                  <LayoutGrid className="h-4 w-4" />
-                )}
-              </Button>
+                <SelectTrigger className="w-[140px]">
+                  <SelectValue>
+                    {itemsPerPage} {itemsPerPage === 1 ? 'item' : 'items'}
+                  </SelectValue>
+                </SelectTrigger>
+                <SelectContent>
+                  {![5, 10, 15, 20, 25].includes(itemsPerPage) ? (
+                    <SelectItem value={String(itemsPerPage)}>
+                      {itemsPerPage} {itemsPerPage === 1 ? 'item' : 'items'} (custom)
+                    </SelectItem>
+                  ) : null}
+                  <SelectItem value="5">5 items</SelectItem>
+                  <SelectItem value="10">10 items</SelectItem>
+                  <SelectItem value="15">15 items</SelectItem>
+                  <SelectItem value="20">20 items</SelectItem>
+                  <SelectItem value="25">25 items</SelectItem>
+                  <div className="p-2 border-t mt-1">
+                    <Label htmlFor="custom-items" className="text-xs font-medium">Custom (1-100)</Label>
+                    <div className="flex items-center gap-2 mt-1">
+                      <Input
+                        id="custom-items"
+                        ref={customInputRef}
+                        type="number"
+                        min="1"
+                        max="100"
+                        className="h-8"
+                        defaultValue={itemsPerPage}
+                        onChange={(e) => {
+                          // Don't immediately apply the change while typing
+                          // Just validate the input for visual feedback
+                          const value = parseInt(e.target.value);
+                          if (isNaN(value) || value < 1 || value > 100) {
+                            e.target.classList.add("border-red-500");
+                          } else {
+                            e.target.classList.remove("border-red-500");
+                          }
+                        }}
+                        onBlur={(e) => {
+                          // Apply the change when the input loses focus
+                          const value = parseInt(e.target.value);
+                          if (value >= 1 && value <= 100) {
+                            handleItemsPerPageChange(e.target.value);
+                          }
+                        }}
+                        onKeyDown={(e) => {
+                          if (e.key === 'Enter') {
+                            // Clear any existing debounce timer to apply immediately
+                            if (debounceTimerRef.current) {
+                              clearTimeout(debounceTimerRef.current);
+                              debounceTimerRef.current = null;
+                            }
+                            
+                            const value = parseInt((e.target as HTMLInputElement).value);
+                            if (value >= 1 && value <= 100) {
+                              // Apply change immediately on Enter
+                              const validatedValue = Math.min(Math.max(value, 1), 100);
+                              setItemsPerPage(validatedValue);
+                              setCurrentPage(1);
+                              Cookies.set("itemsPerPage-app", String(validatedValue), {
+                                expires: 365,
+                                path: "/",
+                                sameSite: "strict",
+                              });
+                              
+                              // Close the dropdown
+                              document.body.click();
+                            }
+                          }
+                        }}
+                        onClick={(e) => e.stopPropagation()}
+                      />
+                      <span className="text-xs text-muted-foreground whitespace-nowrap">items</span>
+                    </div>
+                  </div>
+                </SelectContent>
+              </Select>
               {servers.length === 0 ? (
                 <p className="text-muted-foreground">
-                  You must first add a server.
+                  {t('Applications.Messages.AddServerFirst')}
                 </p>
               ) : (
                 <AlertDialog>
@@ -309,26 +497,26 @@ export default function Dashboard() {
                       <Plus />
                     </Button>
                   </AlertDialogTrigger>
-                  <AlertDialogContent>
+                  <AlertDialogContent className="max-w-[90vw] w-[600px] max-h-[90vh] overflow-y-auto">
                     <AlertDialogHeader>
-                      <AlertDialogTitle>Add an application</AlertDialogTitle>
+                      <AlertDialogTitle>{t('Applications.Add.Title')}</AlertDialogTitle>
                       <AlertDialogDescription>
                         <div className="space-y-4 pt-4">
                           <div className="grid w-full items-center gap-1.5">
-                            <Label>Name</Label>
+                            <Label>{t('Applications.Add.Name')}</Label>
                             <Input
-                              placeholder="e.g. Portainer"
+                              placeholder={t('Applications.Add.NamePlaceholder')}
                               onChange={(e) => setName(e.target.value)}
                             />
                           </div>
                           <div className="grid w-full items-center gap-1.5">
-                            <Label>Server</Label>
+                            <Label>{t('Applications.Add.Server')}</Label>
                             <Select
                               onValueChange={(v) => setServerId(Number(v))}
                               required
                             >
                               <SelectTrigger className="w-full">
-                                <SelectValue placeholder="Select server" />
+                                <SelectValue placeholder={t('Applications.Add.SelectServer')} />
                               </SelectTrigger>
                               <SelectContent>
                                 {servers.map((server) => (
@@ -344,66 +532,84 @@ export default function Dashboard() {
                           </div>
                           <div className="grid w-full items-center gap-1.5">
                             <Label>
-                              Description{" "}
-                              <span className="text-stone-600">(optional)</span>
+                              {t('Applications.Add.Description')}{" "}
+                              <span className="text-stone-600">{t('Common.optional')}</span>
                             </Label>
                             <Textarea
-                              placeholder="Application description"
+                              placeholder={t('Applications.Add.DescriptionPlaceholder')}
                               onChange={(e) => setDescription(e.target.value)}
                             />
                           </div>
                           <div className="grid w-full items-center gap-1.5">
-                            <Label>
-                              Icon URL{" "}
-                              <span className="text-stone-600">(optional)</span>
-                            </Label>
+                            <Label>{t('Applications.Add.IconURL')}</Label>
                             <div className="flex gap-2">
                               <Input
-                                value={icon}
-                                placeholder="https://example.com/icon.png"
+                                placeholder={t('Applications.Add.IconURLPlaceholder')}
                                 onChange={(e) => setIcon(e.target.value)}
-                              />
-                              <TooltipProvider>
-                                <Tooltip>
-                                  <TooltipTrigger>
-                                    <Button variant="outline" size="icon" onClick={generateIconURL}>
-                                      <Zap />
-                                    </Button>
-                                  </TooltipTrigger>
-                                  <TooltipContent>
-                                    Generate Icon URL
-                                  </TooltipContent>
-                                </Tooltip>
-                              </TooltipProvider>
+                                value={icon}
+                            />
+                            <Button variant="outline" size="icon" onClick={generateIconURL}>
+                                <Zap />
+                              </Button>
                             </div>
                           </div>
                           <div className="grid w-full items-center gap-1.5">
-                            <Label>Public URL</Label>
+                            <Label>{t('Applications.Add.PublicURL')}</Label>
                             <Input
-                              placeholder="https://example.com"
+                              placeholder={t('Applications.Add.PublicURLPlaceholder')}
                               onChange={(e) => setPublicURL(e.target.value)}
                             />
                           </div>
                           <div className="grid w-full items-center gap-1.5">
                             <Label>
-                              Local URL{" "}
-                              <span className="text-stone-600">(optional)</span>
+                              {t('Applications.Add.LocalURL')}{" "}
+                              <span className="text-stone-600">{t('Common.optional')}</span>
                             </Label>
                             <Input
-                              placeholder="http://localhost:3000"
+                              placeholder={t('Applications.Add.LocalURLPlaceholder')}
                               onChange={(e) => setLocalURL(e.target.value)}
                             />
                           </div>
+                          <div className="flex items-center space-x-2">
+                            <input
+                              type="checkbox"
+                              id="custom-uptime-check"
+                              checked={customUptimeCheck}
+                              onChange={(e) => setCustomUptimeCheck(e.target.checked)}
+                              className="h-4 w-4 rounded border-gray-300 text-primary focus:ring-primary"
+                            />
+                            <Label htmlFor="custom-uptime-check">{t('Applications.Add.CustomUptimeCheck')}</Label>
+                            <TooltipProvider>
+                              <Tooltip>
+                                <TooltipTrigger>
+                                  <HelpCircle className="h-4 w-4 text-muted-foreground" />
+                                </TooltipTrigger>
+                                <TooltipContent>
+                                  {t('Applications.Add.CustomUptimeCheckTooltip')}
+                                </TooltipContent>
+                              </Tooltip>
+                            </TooltipProvider>
+                          </div>
+                          {customUptimeCheck && (
+                            <div className="grid w-full items-center gap-1.5">
+                              <Label>{t('Applications.Add.UptimeCheckURL')}</Label>
+                              <Input
+                                placeholder={t('Applications.Add.UptimeCheckURLPlaceholder')}
+                                value={uptimecheckUrl}
+                                onChange={(e) => setUptimecheckUrl(e.target.value)}
+                              />
+                            </div>
+                          )}
                         </div>
                       </AlertDialogDescription>
                     </AlertDialogHeader>
                     <AlertDialogFooter>
-                      <AlertDialogCancel>Cancel</AlertDialogCancel>
+                      <AlertDialogCancel>{t('Common.cancel')}</AlertDialogCancel>
                       <AlertDialogAction
                         onClick={add}
                         disabled={!name || !publicURL || !serverId}
                       >
-                        Add
+                        {t('Common.add')}
                       </AlertDialogAction>
                     </AlertDialogFooter>
                   </AlertDialogContent>
@@ -414,7 +620,7 @@ export default function Dashboard() {
           <div className="flex flex-col gap-2 mb-4 pt-2">
             <Input
               id="application-search"
-              placeholder="Type to search..."
+              placeholder={t('Applications.Search.Placeholder')}
               value={searchTerm}
               onChange={(e) => setSearchTerm(e.target.value)}
             />
@@ -423,77 +629,307 @@ export default function Dashboard() {
           {!loading ? (
             <div
               className={
-                isGridLayout
+                isCompactLayout
+                  ? "grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 lg:grid-cols-6 xl:grid-cols-8 gap-2"
+                  : isGridLayout
                   ? "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4"
                   : "space-y-4"
               }
             >
               {applications.map((app) => (
-                <Card
-                  key={app.id}
-                  className={
-                    isGridLayout
-                      ? "h-full flex flex-col justify-between relative"
-                      : "w-full mb-4 relative"
-                  }
-                >
-                  <CardHeader>
-                    <div className="absolute top-2 right-2">
-                      <StatusIndicator isOnline={app.online} />
+                isCompactLayout ? (
+                  <div
+                    key={app.id}
+                    className="bg-card rounded-md border p-3 flex flex-col items-center justify-between h-[120px] w-full cursor-pointer hover:shadow-md transition-shadow relative"
+                    onClick={() => window.open(app.publicURL, "_blank")}
+                    title={app.name}
+                  >
+                    <div className="absolute top-1 right-1">
+                      <StatusIndicator isOnline={app.online} showLabel={false} />
                     </div>
-                    <div className="flex items-center justify-between w-full mt-4 mb-4">
-                      <div className="flex items-center">
-                        <div className="w-16 h-16 flex-shrink-0 flex items-center justify-center rounded-md">
-                          {app.icon ? (
-                            <img
-                              src={app.icon}
-                              alt={app.name}
-                              className="w-full h-full object-contain rounded-md"
-                            />
-                          ) : (
-                            <span className="text-gray-500 text-xs">Image</span>
-                          )}
-                        </div>
-                        <div className="ml-4">
-                          <CardTitle className="text-2xl font-bold">
-                            {app.name}
-                          </CardTitle>
-                          <CardDescription className="text-md">
-                            {app.description}
-                            {app.description && (
-                              <br className="hidden md:block" />
-                            )}
-                            Server: {app.server || "No server"}
-                          </CardDescription>
-                        </div>
+                    <div className="w-16 h-16 flex-shrink-0 flex items-center justify-center">
+                      {app.icon ? (
+                        <img
+                          src={app.icon}
+                          alt={app.name}
+                          className="w-full h-full object-contain rounded-md"
+                        />
+                      ) : (
+                        <span className="text-gray-500 text-xs">{t('Applications.Card.Icon')}</span>
+                      )}
+                    </div>
+                    <div className="text-center mt-2">
+                      <h3 className="text-sm font-medium truncate w-full max-w-[110px]">{app.name}</h3>
+                    </div>
+                  </div>
+                ) : (
+                  <Card
+                    key={app.id}
+                    className={
+                      isGridLayout
+                        ? "h-full flex flex-col justify-between relative"
+                        : "w-full mb-4 relative"
+                    }
+                  >
+                    <CardHeader>
+                      <div className="absolute top-2 right-2">
+                        <StatusIndicator isOnline={app.online} />
                       </div>
-                      <div className="flex flex-col items-end justify-start space-y-2 w-[190px]">
+                      <div className={`flex ${isGridLayout ? 'flex-col' : 'items-center justify-between'} w-full mt-4 mb-4`}>
+                        <div className="flex items-center">
+                          <div className="w-16 h-16 flex-shrink-0 flex items-center justify-center rounded-md">
+                            {app.icon ? (
+                              <img
+                                src={app.icon}
+                                alt={app.name}
+                                className="w-full h-full object-contain rounded-md"
+                              />
+                            ) : (
+                              <span className="text-gray-500 text-xs">{t('Applications.Card.Image')}</span>
+                            )}
+                          </div>
+                          <div className="ml-4">
+                            <CardTitle className="text-2xl font-bold">
+                              {app.name}
+                            </CardTitle>
+                            <CardDescription className="text-md">
+                              {app.description}
+                              {app.description && (
+                                <br className="hidden md:block" />
+                              )}
+                              {t('Applications.Card.Server')}: {app.server || t('Applications.Card.NoServer')}
+                            </CardDescription>
+                          </div>
+                        </div>
+                        
+                        {!isGridLayout && (
+                          <div className="flex flex-col items-end justify-start space-y-2 w-[190px]">
+                            <div className="flex items-center gap-2 w-full">
+                              <div className="flex flex-col space-y-2 flex-grow">
+                                <Button
+                                  variant="outline"
+                                  className="gap-2 w-full"
+                                  onClick={() =>
+                                    window.open(app.publicURL, "_blank")
+                                  }
+                                >
+                                  <Link className="h-4 w-4" />
+                                  {t('Applications.Card.PublicURL')}
+                                </Button>
+                                {app.localURL && (
+                                  <Button
+                                    variant="outline"
+                                    className="gap-2 w-full"
+                                    onClick={() =>
+                                      window.open(app.localURL, "_blank")
+                                    }
+                                  >
+                                    <Home className="h-4 w-4" />
+                                    {t('Applications.Card.LocalURL')}
+                                  </Button>
+                                )}
+                              </div>
+                              <div className="flex flex-col gap-2">
+                                <Button
+                                  variant="destructive"
+                                  size="icon"
+                                  className="h-9 w-9"
+                                  onClick={() => deleteApplication(app.id)}
+                                >
+                                  <Trash2 className="h-4 w-4" />
+                                </Button>
+                                <AlertDialog>
+                                  <AlertDialogTrigger asChild>
+                                    <Button
+                                      size="icon"
+                                      className="h-9 w-9"
+                                      onClick={() => openEditDialog(app)}
+                                    >
+                                      <Pencil className="h-4 w-4" />
+                                    </Button>
+                                  </AlertDialogTrigger>
+                                  <AlertDialogContent className="max-w-[90vw] w-[600px] max-h-[90vh] overflow-y-auto">
+                                    <AlertDialogHeader>
+                                      <AlertDialogTitle>
+                                        Edit Application
+                                      </AlertDialogTitle>
+                                      <AlertDialogDescription>
+                                        <div className="space-y-4 pt-4">
+                                          <div className="grid w-full items-center gap-1.5">
+                                            <Label>Name</Label>
+                                            <Input
+                                              placeholder="e.g. Portainer"
+                                              value={editName}
+                                              onChange={(e) =>
+                                                setEditName(e.target.value)
+                                              }
+                                            />
+                                          </div>
+                                          <div className="grid w-full items-center gap-1.5">
+                                            <Label>Server</Label>
+                                            <Select
+                                              value={
+                                                editServerId !== null
+                                                  ? String(editServerId)
+                                                  : undefined
+                                              }
+                                              onValueChange={(v) =>
+                                                setEditServerId(Number(v))
+                                              }
+                                              required
+                                            >
+                                              <SelectTrigger className="w-full">
+                                                <SelectValue placeholder="Select server" />
+                                              </SelectTrigger>
+                                              <SelectContent>
+                                                {servers.map((server) => (
+                                                  <SelectItem
+                                                    key={server.id}
+                                                    value={String(server.id)}
+                                                  >
+                                                    {server.name}
+                                                  </SelectItem>
+                                                ))}
+                                              </SelectContent>
+                                            </Select>
+                                          </div>
+                                          <div className="grid w-full items-center gap-1.5">
+                                            <Label>
+                                              Description{" "}
+                                              <span className="text-stone-600">
+                                                (optional)
+                                              </span>
+                                            </Label>
+                                            <Textarea
+                                              placeholder="Application description"
+                                              value={editDescription}
+                                              onChange={(e) =>
+                                                setEditDescription(e.target.value)
+                                              }
+                                            />
+                                          </div>
+                                          <div className="grid w-full items-center gap-1.5">
+                                            <Label>
+                                              Icon URL{" "}
+                                              <span className="text-stone-600">
+                                                (optional)
+                                              </span>
+                                            </Label>
+                                            <div className="flex gap-2">
+                                              <Input
+                                                placeholder="https://example.com/icon.png"
+                                                value={editIcon}
+                                                onChange={(e) =>
+                                                  setEditIcon(e.target.value)
+                                                }
+                                              />
+                                              <Button variant="outline" size="icon" onClick={generateEditIconURL}>
+                                                <Zap />
+                                              </Button>
+                                            </div>
+                                          </div>
+                                          <div className="grid w-full items-center gap-1.5">
+                                            <Label>Public URL</Label>
+                                            <Input
+                                              placeholder="https://example.com"
+                                              value={editPublicURL}
+                                              onChange={(e) =>
+                                                setEditPublicURL(e.target.value)
+                                              }
+                                            />
+                                          </div>
+                                          <div className="grid w-full items-center gap-1.5">
+                                            <Label>
+                                              Local URL{" "}
+                                              <span className="text-stone-600">
+                                                (optional)
+                                              </span>
+                                            </Label>
+                                            <Input
+                                              placeholder="http://localhost:3000"
+                                              value={editLocalURL}
+                                              onChange={(e) =>
+                                                setEditLocalURL(e.target.value)
+                                              }
+                                            />
+                                          </div>
+                                          <div className="flex items-center space-x-2">
+                                            <input
+                                              type="checkbox"
+                                              id="edit-custom-uptime-check"
+                                              checked={editCustomUptimeCheck}
+                                              onChange={(e) => setEditCustomUptimeCheck(e.target.checked)}
+                                              className="h-4 w-4 rounded border-gray-300 text-primary focus:ring-primary"
+                                            />
+                                            <Label htmlFor="edit-custom-uptime-check">Custom Uptime Check URL</Label>
+                                            <TooltipProvider>
+                                              <Tooltip>
+                                                <TooltipTrigger>
+                                                  <HelpCircle className="h-4 w-4 text-muted-foreground" />
+                                                </TooltipTrigger>
+                                                <TooltipContent>
+                                                  When enabled, this URL replaces the Public URL for uptime monitoring checks
+                                                </TooltipContent>
+                                              </Tooltip>
+                                            </TooltipProvider>
+                                          </div>
+                                          {editCustomUptimeCheck && (
+                                            <div className="grid w-full items-center gap-1.5">
+                                              <Label>Uptime Check URL</Label>
+                                              <Input
+                                                placeholder="https://example.com/status"
+                                                value={editUptimecheckUrl}
+                                                onChange={(e) => setEditUptimecheckUrl(e.target.value)}
+                                              />
+                                            </div>
+                                          )}
+                                        </div>
+                                      </AlertDialogDescription>
+                                    </AlertDialogHeader>
+                                    <AlertDialogFooter>
+                                      <AlertDialogCancel>Cancel</AlertDialogCancel>
+                                      <AlertDialogAction
+                                        onClick={edit}
+                                        disabled={
+                                          !editName || !editPublicURL || !editServerId
+                                        }
+                                      >
+                                        Save Changes
+                                      </AlertDialogAction>
+                                    </AlertDialogFooter>
+                                  </AlertDialogContent>
+                                </AlertDialog>
+                              </div>
+                            </div>
+                          </div>
+                        )}
+                      </div>
+                    </CardHeader>
+                    
+                    {isGridLayout && (
+                      <CardFooter className="mt-auto">
                         <div className="flex items-center gap-2 w-full">
-                          <div className="flex flex-col space-y-2 flex-grow">
+                          <div className={`grid ${app.localURL ? 'grid-cols-2' : 'grid-cols-1'} gap-2 flex-grow`}>
                             <Button
                               variant="outline"
                               className="gap-2 w-full"
-                              onClick={() =>
-                                window.open(app.publicURL, "_blank")
-                              }
+                              onClick={() => window.open(app.publicURL, "_blank")}
                             >
                               <Link className="h-4 w-4" />
-                              Public URL
+                              {t('Applications.Card.PublicURL')}
                             </Button>
                             {app.localURL && (
                               <Button
                                 variant="outline"
                                 className="gap-2 w-full"
-                                onClick={() =>
-                                  window.open(app.localURL, "_blank")
-                                }
+                                onClick={() => window.open(app.localURL, "_blank")}
                               >
                                 <Home className="h-4 w-4" />
-                                Local URL
+                                {t('Applications.Card.LocalURL')}
                               </Button>
                             )}
                           </div>
-                          <div className="flex flex-col gap-2">
+                          <div className="flex gap-2">
                             <Button
                               variant="destructive"
                               size="icon"
@@ -512,7 +948,7 @@ export default function Dashboard() {
                                   <Pencil className="h-4 w-4" />
                                 </Button>
                               </AlertDialogTrigger>
-                              <AlertDialogContent>
+                              <AlertDialogContent className="max-w-[90vw] w-[600px] max-h-[90vh] overflow-y-auto">
                                 <AlertDialogHeader>
                                   <AlertDialogTitle>
                                     Edit Application
@@ -617,6 +1053,36 @@ export default function Dashboard() {
                                           }
                                         />
                                       </div>
+                                      <div className="flex items-center space-x-2">
+                                        <input
+                                          type="checkbox"
+                                          id="edit-custom-uptime-check"
+                                          checked={editCustomUptimeCheck}
+                                          onChange={(e) => setEditCustomUptimeCheck(e.target.checked)}
+                                          className="h-4 w-4 rounded border-gray-300 text-primary focus:ring-primary"
+                                        />
+                                        <Label htmlFor="edit-custom-uptime-check">Custom Uptime Check URL</Label>
+                                        <TooltipProvider>
+                                          <Tooltip>
+                                            <TooltipTrigger>
+                                              <HelpCircle className="h-4 w-4 text-muted-foreground" />
+                                            </TooltipTrigger>
+                                            <TooltipContent>
+                                              When enabled, this URL replaces the Public URL for uptime monitoring checks
+                                            </TooltipContent>
+                                          </Tooltip>
+                                        </TooltipProvider>
+                                      </div>
+                                      {editCustomUptimeCheck && (
+                                        <div className="grid w-full items-center gap-1.5">
+                                          <Label>Uptime Check URL</Label>
+                                          <Input
+                                            placeholder="https://example.com/status"
+                                            value={editUptimecheckUrl}
+                                            onChange={(e) => setEditUptimecheckUrl(e.target.value)}
+                                          />
+                                        </div>
+                                      )}
                                     </div>
                                   </AlertDialogDescription>
                                 </AlertDialogHeader>
@@ -635,17 +1101,17 @@ export default function Dashboard() {
                             </AlertDialog>
                           </div>
                         </div>
-                      </div>
-                    </div>
-                  </CardHeader>
-                </Card>
+                      </CardFooter>
+                    )}
+                  </Card>
+                )
               ))}
             </div>
           ) : (
             <div className="flex items-center justify-center">
               <div className="inline-block" role="status" aria-label="loading">
                 <svg
-                  className="w-6 h-6 stroke-white animate-spin "
+                  className="w-6 h-6 stroke-white animate-spin"
                   viewBox="0 0 24 24"
                   fill="none"
                   xmlns="http://www.w3.org/2000/svg"
@@ -665,11 +1131,18 @@ export default function Dashboard() {
                     </clipPath>
                   </defs>
                 </svg>
-                <span className="sr-only">Loading...</span>
+                <span className="sr-only">{t('Common.Loading')}</span>
               </div>
             </div>
           )}
           <div className="pt-4 pb-4">
+            <div className="flex justify-between items-center mb-2">
+              <div className="text-sm text-muted-foreground">
+                {totalItems > 0 
+                  ? t('Applications.Pagination.Showing', { start: startItem, end: endItem, total: totalItems })
+                  : t('Applications.Pagination.NoApplications')}
+              </div>
+            </div>
             <Pagination>
               <PaginationContent>
                 <PaginationItem>

app/dashboard/network/Networks.tsx

@@ -16,8 +16,10 @@ import {
 import { ReactFlow, Controls, Background, ConnectionLineType } from "@xyflow/react";
 import "@xyflow/react/dist/style.css";
 import { useEffect, useState } from "react";
+import { useTranslations } from "next-intl";
 
 export default function Dashboard() {
+  const t = useTranslations();
   const [nodes, setNodes] = useState<any[]>([]);
   const [edges, setEdges] = useState<any[]>([]);
 
@@ -58,13 +60,13 @@ export default function Dashboard() {
                 <BreadcrumbSeparator className="hidden md:block dark:text-slate-500" />
                 <BreadcrumbItem>
                   <BreadcrumbPage className="dark:text-slate-300">
-                    My Infrastructure
+                    {t('Network.Breadcrumb.MyInfrastructure')}
                   </BreadcrumbPage>
                 </BreadcrumbItem>
                 <BreadcrumbSeparator className="hidden md:block dark:text-slate-500" />
                 <BreadcrumbItem>
                   <BreadcrumbPage className="dark:text-slate-300">
-                    Network
+                    {t('Network.Breadcrumb.Network')}
                   </BreadcrumbPage>
                 </BreadcrumbItem>
               </BreadcrumbList>

app/dashboard/servers/[server_id]/Server.tsx

@@ -0,0 +1,897 @@
+"use client"
+
+import { useEffect, useState } from "react"
+import { useParams } from "next/navigation"
+import axios from "axios"
+import Chart from 'chart.js/auto'
+import { AppSidebar } from "@/components/app-sidebar"
+import {
+  Breadcrumb,
+  BreadcrumbItem,
+  BreadcrumbList,
+  BreadcrumbPage,
+  BreadcrumbSeparator,
+} from "@/components/ui/breadcrumb"
+import { SidebarInset, SidebarProvider, SidebarTrigger } from "@/components/ui/sidebar"
+import { Separator } from "@/components/ui/separator"
+import { Link, Cpu, MicroscopeIcon as Microchip, MemoryStick, HardDrive, MonitorIcon as MonitorCog, FileDigit, History } from "lucide-react"
+import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card"
+import { StatusIndicator } from "@/components/status-indicator"
+import { DynamicIcon } from "lucide-react/dynamic"
+import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "@/components/ui/select"
+import { ScrollArea } from "@/components/ui/scroll-area"
+import { Button } from "@/components/ui/button"
+import NextLink from "next/link"
+import { useTranslations } from "next-intl"
+
+interface ServerHistory {
+  labels: string[];
+  datasets: {
+    cpu: (number | null)[];
+    ram: (number | null)[];
+    disk: (number | null)[];
+    online: (boolean | null)[];
+    gpu: (number | null)[];
+    temp: (number | null)[];
+  }
+}
+
+interface Server {
+  id: number;
+  name: string;
+  icon: string;
+  host: boolean;
+  hostServer: number | null;
+  os?: string;
+  ip?: string;
+  url?: string;
+  cpu?: string;
+  gpu?: string;
+  ram?: string;
+  disk?: string;
+  hostedVMs?: Server[];
+  isVM?: boolean;
+  monitoring?: boolean;
+  monitoringURL?: string;
+  online?: boolean;
+  cpuUsage: number;
+  ramUsage: number;
+  diskUsage: number;
+  gpuUsage: number;
+  temp: number;
+  history?: ServerHistory;
+  port: number;
+  uptime?: string;
+}
+
+interface GetServersResponse {
+  servers: Server[];
+  maxPage: number;
+}
+
+export default function ServerDetail() {
+  const t = useTranslations()
+  const params = useParams()
+  const serverId = params.server_id as string
+  const [server, setServer] = useState<Server | null>(null)
+  const [timeRange, setTimeRange] = useState<'1h' | '1d' | '7d' | '30d'>('1h')
+  const [loading, setLoading] = useState(true)
+  
+  // Chart references
+  const cpuChartRef = { current: null as Chart | null }
+  const ramChartRef = { current: null as Chart | null }
+  const diskChartRef = { current: null as Chart | null }
+  const gpuChartRef = { current: null as Chart | null }
+  const tempChartRef = { current: null as Chart | null }
+
+  const fetchServerDetails = async () => {
+    try {
+      setLoading(true)
+      const response = await axios.post<GetServersResponse>("/api/servers/get", {
+        serverId: parseInt(serverId),
+        timeRange: timeRange
+      })
+      
+      if (response.data.servers && response.data.servers.length > 0) {
+        setServer(response.data.servers[0])
+      }
+      setLoading(false)
+    } catch (error) {
+      console.error("Failed to fetch server details:", error)
+      setLoading(false)
+    }
+  }
+
+  useEffect(() => {
+    fetchServerDetails()
+  }, [serverId, timeRange])
+
+  useEffect(() => {
+    if (!server || !server.history) return;
+
+    // Clean up existing charts
+    if (cpuChartRef.current) cpuChartRef.current.destroy();
+    if (ramChartRef.current) ramChartRef.current.destroy();
+    if (diskChartRef.current) diskChartRef.current.destroy();
+    if (gpuChartRef.current) gpuChartRef.current.destroy();
+    if (tempChartRef.current) tempChartRef.current.destroy();
+
+    // Wait for DOM to be ready
+    const initTimer = setTimeout(() => {
+      const history = server.history as ServerHistory;
+      
+      // Format time labels based on the selected time range
+      const timeLabels = history.labels.map((date: string) => {
+        const d = new Date(date)
+        if (timeRange === '1h') {
+          return d.toLocaleTimeString([], { hour: '2-digit', minute: '2-digit' })
+        } else if (timeRange === '1d') {
+          // For 1 day, show hours and minutes
+          return d.toLocaleTimeString([], { 
+            hour: '2-digit', 
+            minute: '2-digit' 
+          })
+        } else if (timeRange === '7d') {
+          // For 7 days, show day and time
+          return d.toLocaleDateString([], { 
+            weekday: 'short',
+            month: 'numeric', 
+            day: 'numeric' 
+          }) + ' ' + d.toLocaleTimeString([], { 
+            hour: '2-digit'
+          })
+        } else {
+          // For 30 days
+          return d.toLocaleDateString([], { 
+            month: 'numeric', 
+            day: 'numeric' 
+          })
+        }
+      })
+      
+      // Create a time range title for the chart
+      const getRangeTitle = () => {
+        const now = new Date()
+        const startDate = new Date(history.labels[0])
+        
+        if (timeRange === '1h') {
+          return `Last Hour (${startDate.toLocaleTimeString([], { hour: '2-digit', minute: '2-digit' })} - ${now.toLocaleTimeString([], { hour: '2-digit', minute: '2-digit' })})`
+        } else if (timeRange === '1d') {
+          return `Last 24 Hours (${startDate.toLocaleTimeString([], { hour: '2-digit', minute: '2-digit' })} - ${now.toLocaleTimeString([], { hour: '2-digit', minute: '2-digit' })})`
+        } else if (timeRange === '7d') {
+          return `Last 7 Days (${startDate.toLocaleDateString([], { month: 'short', day: 'numeric' })} - ${now.toLocaleDateString([], { month: 'short', day: 'numeric' })})`
+        } else {
+          return `Last 30 Days (${startDate.toLocaleDateString([], { month: 'short', day: 'numeric' })} - ${now.toLocaleDateString([], { month: 'short', day: 'numeric' })})`
+        }
+      }
+
+      // Directly hardcode the y-axis maximum in each chart option
+      const commonOptions = {
+        responsive: true,
+        maintainAspectRatio: false,
+        interaction: {
+          mode: 'nearest' as const,
+          axis: 'x' as const,
+          intersect: false
+        },
+        scales: {
+          y: {
+            min: 0,
+            max: 100,
+            beginAtZero: true,
+            ticks: {
+              stepSize: 25,
+              autoSkip: false,
+              callback: function(value: any) {
+                return value + '%';
+              }
+            },
+            title: {
+              display: true,
+              text: 'Usage %'
+            }
+          },
+          x: {
+            grid: {
+              display: false
+            }
+          }
+        },
+        elements: {
+          point: {
+            radius: 0
+          },
+          line: {
+            tension: 0.4,
+            spanGaps: true
+          }
+        }
+      };
+
+      // Create charts with very explicit y-axis max values
+      const cpuCanvas = document.getElementById(`cpu-chart`) as HTMLCanvasElement
+      if (cpuCanvas) {
+        cpuChartRef.current = new Chart(cpuCanvas, {
+          type: 'line',
+          data: {
+            labels: timeLabels,
+            datasets: [{
+              label: t('Common.Server.CPU') + ' ' + t('Common.Server.Usage'),
+              data: history.datasets.cpu,
+              borderColor: 'rgb(75, 192, 192)',
+              backgroundColor: 'rgba(75, 192, 192, 0.1)',
+              fill: true,
+              spanGaps: false
+            }]
+          },
+          options: {
+            ...commonOptions,
+            plugins: {
+              title: {
+                display: true,
+                text: t('Common.Server.CPU') + ' ' + t('Server.UsageHistory'),
+                font: {
+                  size: 14
+                }
+              },
+              tooltip: {
+                callbacks: {
+                  title: function(tooltipItems: any) {
+                    return timeLabels[tooltipItems[0].dataIndex];
+                  }
+                }
+              },
+              legend: {
+                display: false
+              }
+            },
+            scales: {
+              ...commonOptions.scales,
+              y: {
+                ...commonOptions.scales.y,
+                max: 100  // Force this to ensure it's applied
+              }
+            }
+          }
+        })
+      }
+
+      const ramCanvas = document.getElementById(`ram-chart`) as HTMLCanvasElement
+      if (ramCanvas) {
+        ramChartRef.current = new Chart(ramCanvas, {
+          type: 'line',
+          data: {
+            labels: timeLabels,
+            datasets: [{
+              label: t('Common.Server.RAM') + ' ' + t('Common.Server.Usage'),
+              data: history.datasets.ram,
+              borderColor: 'rgb(153, 102, 255)',
+              backgroundColor: 'rgba(153, 102, 255, 0.1)',
+              fill: true,
+              spanGaps: false
+            }]
+          },
+          options: {
+            ...commonOptions,
+            plugins: {
+              title: {
+                display: true,
+                text: t('Common.Server.RAM') + ' ' + t('Server.UsageHistory'),
+                font: {
+                  size: 14
+                }
+              },
+              tooltip: {
+                callbacks: {
+                  title: function(tooltipItems: any) {
+                    return timeLabels[tooltipItems[0].dataIndex];
+                  }
+                }
+              },
+              legend: {
+                display: false
+              }
+            },
+            scales: {
+              ...commonOptions.scales,
+              y: {
+                ...commonOptions.scales.y,
+                max: 100  // Force this to ensure it's applied
+              }
+            }
+          }
+        })
+      }
+
+      const diskCanvas = document.getElementById(`disk-chart`) as HTMLCanvasElement
+      if (diskCanvas) {
+        diskChartRef.current = new Chart(diskCanvas, {
+          type: 'line',
+          data: {
+            labels: timeLabels,
+            datasets: [{
+              label: t('Common.Server.Disk') + ' ' + t('Common.Server.Usage'),
+              data: history.datasets.disk,
+              borderColor: 'rgb(255, 159, 64)',
+              backgroundColor: 'rgba(255, 159, 64, 0.1)',
+              fill: true,
+              spanGaps: false
+            }]
+          },
+          options: {
+            ...commonOptions,
+            plugins: {
+              title: {
+                display: true,
+                text: t('Common.Server.Disk') + ' ' + t('Server.UsageHistory'),
+                font: {
+                  size: 14
+                }
+              },
+              tooltip: {
+                callbacks: {
+                  title: function(tooltipItems: any) {
+                    return timeLabels[tooltipItems[0].dataIndex];
+                  }
+                }
+              },
+              legend: {
+                display: false
+              }
+            },
+            scales: {
+              ...commonOptions.scales,
+              y: {
+                ...commonOptions.scales.y,
+                max: 100  // Force this to ensure it's applied
+              }
+            }
+          }
+        })
+      }
+
+      const gpuCanvas = document.getElementById(`gpu-chart`) as HTMLCanvasElement
+      if (gpuCanvas) {
+        gpuChartRef.current = new Chart(gpuCanvas, {
+          type: 'line',
+          data: {
+            labels: timeLabels,
+            datasets: [{
+              label: t('Common.Server.GPU') + ' ' + t('Common.Server.Usage'),
+              data: history.datasets.gpu,
+              borderColor: 'rgb(255, 99, 132)',
+              backgroundColor: 'rgba(255, 99, 132, 0.1)',
+              fill: true,
+              spanGaps: false
+            }]
+          },
+          options: {
+            ...commonOptions,
+            plugins: {
+              title: {
+                display: true,
+                text: t('Common.Server.GPU') + ' ' + t('Common.Server.UsageHistory'),
+                font: {
+                  size: 14
+                }
+              },
+              tooltip: {
+                callbacks: {
+                  title: function(tooltipItems: any) {
+                    return timeLabels[tooltipItems[0].dataIndex];
+                  }
+                }
+              },
+              legend: {
+                display: false
+              }
+            },
+            scales: {
+              ...commonOptions.scales,
+              y: {
+                ...commonOptions.scales.y,
+                max: 100
+              }
+            }
+          }
+        })
+      }
+
+      const tempCanvas = document.getElementById(`temp-chart`) as HTMLCanvasElement
+      if (tempCanvas) {
+        tempChartRef.current = new Chart(tempCanvas, {
+          type: 'line',
+          data: {
+            labels: timeLabels,
+            datasets: [{
+              label: t('Common.Server.Temperature') + ' ' + t('Common.Server.Usage'),
+              data: history.datasets.temp,
+              borderColor: 'rgb(255, 159, 64)',
+              backgroundColor: 'rgba(255, 159, 64, 0.1)',
+              fill: true,
+              spanGaps: false
+            }]
+          },
+          options: {
+            ...commonOptions,
+            plugins: {
+              title: {
+                display: true,
+                text: t('Common.Server.Temperature') + ' ' + t('Server.UsageHistory'),
+                font: {
+                  size: 14
+                }
+              },
+              tooltip: {
+                callbacks: {
+                  title: function(tooltipItems: any) {
+                    return timeLabels[tooltipItems[0].dataIndex];
+                  }
+                }
+              },
+              legend: {
+                display: false
+              }
+            },
+            scales: {
+              ...commonOptions.scales,
+              y: {
+                ...commonOptions.scales.y,
+                max: 100,
+                ticks: {
+                  callback: function(value: any) {
+                    return value + '°C';
+                  }
+                }
+              }
+            }
+          }
+        })
+      }
+    }, 100);
+    
+    return () => {
+      clearTimeout(initTimer);
+      if (cpuChartRef.current) cpuChartRef.current.destroy();
+      if (ramChartRef.current) ramChartRef.current.destroy();
+      if (diskChartRef.current) diskChartRef.current.destroy();
+      if (gpuChartRef.current) gpuChartRef.current.destroy();
+      if (tempChartRef.current) tempChartRef.current.destroy();
+    };
+  }, [server, timeRange]);
+
+  // Function to refresh data
+  const refreshData = () => {
+    fetchServerDetails()
+  }
+
+  return (
+    <SidebarProvider>
+      <AppSidebar />
+      <SidebarInset>
+        <header className="flex h-16 shrink-0 items-center gap-2 border-b bg-background/95 backdrop-blur supports-[backdrop-filter]:bg-background/60">
+          <div className="flex items-center gap-2 px-4">
+            <SidebarTrigger className="-ml-1" />
+            <Separator orientation="vertical" className="mr-2 h-4" />
+            <Breadcrumb>
+              <BreadcrumbList>
+                <BreadcrumbItem className="hidden md:block">
+                  <BreadcrumbPage>/</BreadcrumbPage>
+                </BreadcrumbItem>
+                <BreadcrumbSeparator className="hidden md:block" />
+                <BreadcrumbItem>
+                  <BreadcrumbPage>{t('Servers.MyInfrastructure')}</BreadcrumbPage>
+                </BreadcrumbItem>
+                <BreadcrumbSeparator className="hidden md:block" />
+                <BreadcrumbItem>
+                  <NextLink href="/dashboard/servers" className="hover:underline">
+                    <BreadcrumbPage>{t('Servers.Title')}</BreadcrumbPage>
+                  </NextLink>
+                </BreadcrumbItem>
+                {server && (
+                  <>
+                    <BreadcrumbSeparator className="hidden md:block" />
+                    <BreadcrumbItem>
+                      <BreadcrumbPage>{server.name}</BreadcrumbPage>
+                    </BreadcrumbItem>
+                  </>
+                )}
+              </BreadcrumbList>
+            </Breadcrumb>
+          </div>
+        </header>
+
+        <div className="p-6">
+          {loading ? (
+            <div className="flex items-center justify-center h-64">
+              <div className="inline-block" role="status" aria-label="loading">
+                <svg
+                  className="w-6 h-6 stroke-white animate-spin "
+                  viewBox="0 0 24 24"
+                  fill="none"
+                  xmlns="http://www.w3.org/2000/svg"
+                >
+                  <g clipPath="url(#clip0_9023_61563)">
+                    <path
+                      d="M14.6437 2.05426C11.9803 1.2966 9.01686 1.64245 6.50315 3.25548C1.85499 6.23817 0.504864 12.4242 3.48756 17.0724C6.47025 21.7205 12.6563 23.0706 17.3044 20.088C20.4971 18.0393 22.1338 14.4793 21.8792 10.9444"
+                      stroke="stroke-current"
+                      strokeWidth="1.4"
+                      strokeLinecap="round"
+                      className="my-path"
+                    ></path>
+                  </g>
+                  <defs>
+                    <clipPath id="clip0_9023_61563">
+                      <rect width="24" height="24" fill="white"></rect>
+                    </clipPath>
+                  </defs>
+                </svg>
+                <span className="sr-only">{t('Common.Loading')}</span>
+              </div>
+            </div>
+          ) : server ? (
+            <div className="space-y-6">
+              {/* Server header card */}
+              <Card>
+                <CardHeader className="relative">
+                  <div className="flex items-center justify-between">
+                    <div className="flex items-center gap-3">
+                      {server.icon && <DynamicIcon name={server.icon as any} size={32} />}
+                      <div>
+                        <CardTitle className="text-2xl flex items-center gap-2">
+                          {server.name}
+                        </CardTitle>
+                        <CardDescription>
+                          {server.os || t('Common.Server.OS')} • {server.isVM ? t('Server.VM') : t('Server.Physical')}
+                          {server.isVM && server.hostServer && (
+                            <> • {t('Server.HostedOn')} {server.hostedVMs?.[0]?.name}</>
+                          )}
+                        </CardDescription>
+                      </div>
+                    </div>
+                  </div>
+                  {server.monitoring && (
+                    <div className="absolute top-0 right-4 flex flex-col items-end">
+                      <StatusIndicator isOnline={server.online} />
+                      {server.online && server.uptime && (
+                        <span className="text-xs text-muted-foreground mt-1 w-max text-right whitespace-nowrap">
+                          {t('Common.since', { date: server.uptime })}
+                        </span>
+                      )}
+                    </div>
+                  )}
+                </CardHeader>
+                <CardContent>
+                  <div className="grid grid-cols-1 md:grid-cols-3 gap-4">
+                    <div className="space-y-2">
+                      <h3 className="text-sm font-medium">{t('Server.Hardware')}</h3>
+                      <div className="grid grid-cols-[120px_1fr] text-sm gap-1">
+                        <div className="text-muted-foreground">{t('Common.Server.CPU')}:</div>
+                        <div>{server.cpu || "-"}</div>
+                        <div className="text-muted-foreground">{t('Common.Server.GPU')}:</div>
+                        <div>{server.gpu || "-"}</div>
+                        <div className="text-muted-foreground">{t('Common.Server.RAM')}:</div>
+                        <div>{server.ram || "-"}</div>
+                        <div className="text-muted-foreground">{t('Common.Server.Disk')}:</div>
+                        <div>{server.disk || "-"}</div>
+                      </div>
+                    </div>
+                    
+                    <div className="space-y-2">
+                      <h3 className="text-sm font-medium">{t('Server.Network')}</h3>
+                      <div className="grid grid-cols-[120px_1fr] text-sm gap-1">
+                        <div className="text-muted-foreground">{t('Common.Server.IP')}:</div>
+                        <div>{server.ip || "-"}</div>
+                        <div className="text-muted-foreground">{t('Server.ManagementURL')}:</div>
+                        <div>
+                          {server.url ? (
+                            <a href={server.url} target="_blank" rel="noopener noreferrer" className="flex items-center gap-1 text-blue-500 hover:underline">
+                              {server.url} <Link className="h-3 w-3" />
+                            </a>
+                          ) : (
+                            "-"
+                          )}
+                        </div>
+                      </div>
+                    </div>
+
+                    {server.monitoring && (
+                      <div className="space-y-2">
+                        <h3 className="text-sm font-medium">{t('Server.CurrentUsage')}</h3>
+                        <div className="grid grid-cols-[120px_1fr] text-sm gap-1">
+                          <div className="text-muted-foreground">{t('Common.Server.CPU')}:</div>
+                          <div className="flex items-center gap-2">
+                            <div className="w-full h-2 bg-secondary rounded-full overflow-hidden">
+                              <div 
+                                className={`h-full ${server.cpuUsage > 80 ? "bg-destructive" : server.cpuUsage > 60 ? "bg-amber-500" : "bg-emerald-500"}`}
+                                style={{ width: `${server.cpuUsage}%` }}
+                              />
+                            </div>
+                            <span>{server.cpuUsage !== null && server.cpuUsage !== undefined ? `${server.cpuUsage}%` : t('Common.noData')}</span>
+                          </div>
+                          <div className="text-muted-foreground">{t('Common.Server.RAM')}:</div>
+                          <div className="flex items-center gap-2">
+                            <div className="w-full h-2 bg-secondary rounded-full overflow-hidden">
+                              <div 
+                                className={`h-full ${server.ramUsage > 80 ? "bg-destructive" : server.ramUsage > 60 ? "bg-amber-500" : "bg-emerald-500"}`}
+                                style={{ width: `${server.ramUsage}%` }}
+                              />
+                            </div>
+                            <span>{server.ramUsage !== null && server.ramUsage !== undefined ? `${server.ramUsage}%` : t('Common.noData')}</span>
+                          </div>
+                          <div className="text-muted-foreground">{t('Common.Server.Disk')}:</div>
+                          <div className="flex items-center gap-2">
+                            <div className="w-full h-2 bg-secondary rounded-full overflow-hidden">
+                              <div 
+                                className={`h-full ${server.diskUsage > 80 ? "bg-destructive" : server.diskUsage > 60 ? "bg-amber-500" : "bg-emerald-500"}`}
+                                style={{ width: `${server.diskUsage}%` }}
+                              />
+                            </div>
+                            <span>{server.diskUsage !== null && server.diskUsage !== undefined ? `${server.diskUsage}%` : t('Common.noData')}</span>
+                          </div>
+                          {server.gpuUsage && server.gpuUsage !== null && server.gpuUsage !== undefined && server.gpuUsage.toString() !== "0" && (
+                            <>
+                              <div className="text-muted-foreground">{t('Common.Server.GPU')}:</div>
+                              <div className="flex items-center gap-2">
+                                <div className="w-full h-2 bg-secondary rounded-full overflow-hidden">
+                                  <div 
+                                    className={`h-full ${server.gpuUsage && server.gpuUsage > 80 ? "bg-destructive" : server.gpuUsage && server.gpuUsage > 60 ? "bg-amber-500" : "bg-emerald-500"}`}
+                                    style={{ width: `${server.gpuUsage || 0}%` }}
+                                  />
+                                </div>
+                                <span>{server.gpuUsage && server.gpuUsage !== null && server.gpuUsage !== undefined ? `${server.gpuUsage}%` : t('Common.noData')}</span>
+                              </div>
+                            </>
+                          )}
+                          {server.temp && server.temp !== null && server.temp !== undefined && server.temp.toString() !== "0" && (
+                            <>
+                              <div className="text-muted-foreground">{t('Common.Server.Temperature')}:</div>
+                              <div className="flex items-center gap-2">
+                                <div className="w-full h-2 bg-secondary rounded-full overflow-hidden">
+                                  <div 
+                                    className={`h-full ${server.temp && server.temp > 80 ? "bg-destructive" : server.temp && server.temp > 60 ? "bg-amber-500" : "bg-emerald-500"}`}
+                                    style={{ width: `${Math.min(server.temp || 0, 100)}%` }}
+                                  />
+                                </div>
+                                <span>{server.temp !== null && server.temp !== undefined && server.temp !== 0 ? `${server.temp}°C` : t('Common.noData')}</span>
+                              </div>
+                            </>
+                          )}
+                        </div>
+                      </div>
+                    )}
+                  </div>
+                </CardContent>
+              </Card>
+
+              {/* Charts */}
+              {server.monitoring && server.history && (
+                <div className="grid grid-cols-1 gap-6">
+                  <Card>
+                    <CardHeader>
+                      <div className="flex items-center justify-between">
+                        <div>
+                          <CardTitle>{t('Server.ResourceUsageHistory')}</CardTitle>
+                          <CardDescription>
+                            {timeRange === '1h' 
+                              ? t('Server.TimeRange.LastHour') 
+                              : timeRange === '1d'
+                                ? t('Server.TimeRange.Last24Hours')
+                                : timeRange === '7d' 
+                                  ? t('Server.TimeRange.Last7Days') 
+                                  : t('Server.TimeRange.Last30Days')}
+                          </CardDescription>
+                        </div>
+                        <div className="flex gap-2">
+                          <Select value={timeRange} onValueChange={(value: '1h' | '1d' | '7d' | '30d') => setTimeRange(value)}>
+                            <SelectTrigger className="w-[180px]">
+                              <SelectValue placeholder={t('Server.TimeRange.Select')} />
+                            </SelectTrigger>
+                            <SelectContent>
+                              <SelectItem value="1h">{t('Server.TimeRange.LastHour')}</SelectItem>
+                              <SelectItem value="1d">{t('Server.TimeRange.Last24Hours')}</SelectItem>
+                              <SelectItem value="7d">{t('Server.TimeRange.Last7Days')}</SelectItem>
+                              <SelectItem value="30d">{t('Server.TimeRange.Last30Days')}</SelectItem>
+                            </SelectContent>
+                          </Select>
+                          <Button variant="outline" onClick={refreshData}>{t('Common.Refresh')}</Button>
+                        </div>
+                      </div>
+                    </CardHeader>
+                    <CardContent>
+                        <div className="grid grid-cols-1 gap-8">
+                          <div className="h-[200px] relative bg-background">
+                            <canvas id="cpu-chart" />
+                          </div>
+                          <div className="h-[200px] relative bg-background">
+                            <canvas id="ram-chart" />
+                          </div>
+                          <div className="h-[200px] relative bg-background">
+                            <canvas id="disk-chart" />
+                          </div>
+                          {server.history?.datasets.gpu.some(value => value !== null && value !== 0) && (
+                            <div className="h-[200px] relative bg-background">
+                              <canvas id="gpu-chart" />
+                            </div>
+                          )}
+                          {server.history?.datasets.temp.some(value => value !== null && value !== 0) && (
+                            <div className="h-[200px] relative bg-background">
+                              <canvas id="temp-chart" />
+                            </div>
+                          )}
+                        </div>
+                    </CardContent>
+                  </Card>
+                </div>
+              )}
+              
+              {/* Virtual Machines */}
+              {server.hostedVMs && server.hostedVMs.length > 0 && (
+                <Card>
+                  <CardHeader>
+                    <CardTitle>{t('Server.VirtualMachines')}</CardTitle>
+                    <CardDescription>{t('Server.VirtualMachinesDescription')}</CardDescription>
+                  </CardHeader>
+                  <CardContent>
+                    <div className="grid grid-cols-1 md:grid-cols-2 gap-4">
+                      {server.hostedVMs.map((hostedVM) => (
+                        <div
+                          key={hostedVM.id}
+                          className="flex flex-col gap-2 border border-muted py-2 px-4 rounded-md"
+                        >
+                          <div className="flex items-center justify-between">
+                            <div className="flex items-center gap-2">
+                              {hostedVM.icon && (
+                                <DynamicIcon
+                                  name={hostedVM.icon as any}
+                                  size={24}
+                                />
+                              )}
+                              <NextLink href={`/dashboard/servers/${hostedVM.id}`} className="hover:underline">
+                                <div className="text-base font-extrabold">
+                                  {hostedVM.icon && "･ "}
+                                  {hostedVM.name}
+                                </div>
+                              </NextLink>
+                            </div>
+                            {hostedVM.monitoring && (
+                              <div className="flex flex-col items-end">
+                                <StatusIndicator isOnline={hostedVM.online} />
+                                {hostedVM.online && hostedVM.uptime && (
+                                  <span className="text-xs text-muted-foreground mt-1 w-max text-right whitespace-nowrap">
+                                    {t('Common.since', { date: hostedVM.uptime })}
+                                  </span>
+                                )}
+                              </div>
+                            )}
+                          </div>
+
+                          <div className="col-span-full pb-2">
+                            <Separator />
+                          </div>
+
+                          <div className="flex gap-5 pb-2">
+                            <div className="flex items-center gap-2 text-foreground/80">
+                              <MonitorCog className="h-4 w-4 text-muted-foreground" />
+                              <span>
+                                <b>{t('Common.Server.OS')}:</b> {hostedVM.os || "-"}
+                              </span>
+                            </div>
+                            <div className="flex items-center gap-2 text-foreground/80">
+                              <FileDigit className="h-4 w-4 text-muted-foreground" />
+                              <span>
+                                <b>{t('Common.Server.IP')}:</b> {hostedVM.ip || t('Common.notSet')}
+                              </span>
+                            </div>
+                          </div>
+
+                          <div className="col-span-full mb-2">
+                            <h4 className="text-sm font-semibold">{t('Server.HardwareInformation')}</h4>
+                          </div>
+
+                          <div className="flex items-center gap-2 text-foreground/80">
+                            <Cpu className="h-4 w-4 text-muted-foreground" />
+                            <span>
+                              <b>{t('Common.Server.CPU')}:</b> {hostedVM.cpu || "-"}
+                            </span>
+                          </div>
+                          <div className="flex items-center gap-2 text-foreground/80">
+                            <Microchip className="h-4 w-4 text-muted-foreground" />
+                            <span>
+                              <b>{t('Common.Server.GPU')}:</b> {hostedVM.gpu || "-"}
+                            </span>
+                          </div>
+                          <div className="flex items-center gap-2 text-foreground/80">
+                            <MemoryStick className="h-4 w-4 text-muted-foreground" />
+                            <span>
+                              <b>{t('Common.Server.RAM')}:</b> {hostedVM.ram || "-"}
+                            </span>
+                          </div>
+                          <div className="flex items-center gap-2 text-foreground/80">
+                            <HardDrive className="h-4 w-4 text-muted-foreground" />
+                            <span>
+                              <b>{t('Common.Server.Disk')}:</b> {hostedVM.disk || "-"}
+                            </span>
+                          </div>
+
+                          {hostedVM.monitoring && (
+                            <>
+                              <div className="col-span-full pt-2 pb-2">
+                                <Separator />
+                              </div>
+
+                              <div className="col-span-full grid grid-cols-3 gap-4">
+                                <div>
+                                  <div className="flex items-center justify-between">
+                                    <div className="flex items-center gap-2">
+                                      <Cpu className="h-4 w-4 text-muted-foreground" />
+                                      <span className="text-sm font-medium">{t('Common.Server.CPU')}</span>
+                                    </div>
+                                    <span className="text-xs font-medium">
+                                      {hostedVM.cpuUsage || 0}%
+                                    </span>
+                                  </div>
+                                  <div className="h-2 w-full overflow-hidden rounded-full bg-secondary mt-1">
+                                    <div
+                                      className={`h-full ${hostedVM.cpuUsage && hostedVM.cpuUsage > 80 ? "bg-destructive" : hostedVM.cpuUsage && hostedVM.cpuUsage > 60 ? "bg-amber-500" : "bg-emerald-500"}`}
+                                      style={{ width: `${hostedVM.cpuUsage || 0}%` }}
+                                    />
+                                  </div>
+                                </div>
+
+                                <div>
+                                  <div className="flex items-center justify-between">
+                                    <div className="flex items-center gap-2">
+                                      <MemoryStick className="h-4 w-4 text-muted-foreground" />
+                                      <span className="text-sm font-medium">{t('Common.Server.RAM')}</span>
+                                    </div>
+                                    <span className="text-xs font-medium">
+                                      {hostedVM.ramUsage || 0}%
+                                    </span>
+                                  </div>
+                                  <div className="h-2 w-full overflow-hidden rounded-full bg-secondary mt-1">
+                                    <div
+                                      className={`h-full ${hostedVM.ramUsage && hostedVM.ramUsage > 80 ? "bg-destructive" : hostedVM.ramUsage && hostedVM.ramUsage > 60 ? "bg-amber-500" : "bg-emerald-500"}`}
+                                      style={{ width: `${hostedVM.ramUsage || 0}%` }}
+                                    />
+                                  </div>
+                                </div>
+
+                                <div>
+                                  <div className="flex items-center justify-between">
+                                    <div className="flex items-center gap-2">
+                                      <HardDrive className="h-4 w-4 text-muted-foreground" />
+                                      <span className="text-sm font-medium">{t('Common.Server.Disk')}</span>
+                                    </div>
+                                    <span className="text-xs font-medium">
+                                      {hostedVM.diskUsage || 0}%
+                                    </span>
+                                  </div>
+                                  <div className="h-2 w-full overflow-hidden rounded-full bg-secondary mt-1">
+                                    <div
+                                      className={`h-full ${hostedVM.diskUsage && hostedVM.diskUsage > 80 ? "bg-destructive" : hostedVM.diskUsage && hostedVM.diskUsage > 60 ? "bg-amber-500" : "bg-emerald-500"}`}
+                                      style={{ width: `${hostedVM.diskUsage || 0}%` }}
+                                    />
+                                  </div>
+                                </div>
+                              </div>
+                            </>
+                          )}
+                        </div>
+                      ))}
+                    </div>
+                  </CardContent>
+                </Card>
+              )}
+            </div>
+          ) : (
+            <div className="text-center p-12">
+              <h2 className="text-2xl font-bold">{t('Server.NotFound')}</h2>
+              <p className="text-muted-foreground mt-2">{t('Server.NotFoundDescription')}</p>
+            </div>
+          )}
+        </div>
+      </SidebarInset>
+    </SidebarProvider>
+  )
+}

app/dashboard/servers/[server_id]/page.tsx

@@ -0,0 +1,59 @@
+"use client";
+
+import { useEffect, useState } from "react";
+import Cookies from "js-cookie";
+import { useRouter } from "next/navigation";
+import ServerDetail from "./Server"
+import axios from "axios";
+
+export default function DashboardPage() {
+    const router = useRouter();
+    const [isAuthChecked, setIsAuthChecked] = useState(false);
+    const [isValid, setIsValid] = useState(false);
+
+    useEffect(() => {
+        const token = Cookies.get("token");
+        if (!token) {
+            router.push("/");
+        } else {
+            const checkToken = async () => {
+                try {
+                    const response = await axios.post("/api/auth/validate", {
+                        token: token,
+                    });
+
+                    if (response.status === 200) {
+                        setIsValid(true);
+                    }
+                } catch (error: any) {
+                    Cookies.remove("token");
+                    router.push("/");
+                }
+            }
+            checkToken();
+        }
+        setIsAuthChecked(true);
+    }, [router]);
+
+    if (!isAuthChecked) {
+        return (
+            <div className="flex items-center justify-center h-screen">
+                <div className='inline-block' role='status' aria-label='loading'>
+                <svg className='w-6 h-6 stroke-white animate-spin ' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'>
+                <g clipPath='url(#clip0_9023_61563)'>
+                    <path d='M14.6437 2.05426C11.9803 1.2966 9.01686 1.64245 6.50315 3.25548C1.85499 6.23817 0.504864 12.4242 3.48756 17.0724C6.47025 21.7205 12.6563 23.0706 17.3044 20.088C20.4971 18.0393 22.1338 14.4793 21.8792 10.9444' stroke='stroke-current' strokeWidth='1.4' strokeLinecap='round' className='my-path'></path>
+                </g>
+                <defs>
+                    <clipPath id='clip0_9023_61563'>
+                    <rect width='24' height='24' fill='white'></rect>
+                    </clipPath>
+                </defs>
+                </svg>
+                <span className='sr-only'>Loading...</span>
+                </div>
+            </div>
+        )
+    }
+
+    return isValid ? <ServerDetail /> : null;
+}

app/dashboard/settings/Settings.tsx

@@ -19,7 +19,10 @@ import axios from "axios"
 import Cookies from "js-cookie"
 import { Button } from "@/components/ui/button"
 import { Alert, AlertDescription, AlertTitle } from "@/components/ui/alert"
-import { AlertCircle, Check, Palette, User, Bell, AtSign, Send, MessageSquare, Trash2 } from "lucide-react"
+import { AlertCircle, Check, Palette, User, Bell, AtSign, Send, MessageSquare, Trash2, Play, Languages } from "lucide-react"
+import { Toaster } from "@/components/ui/sonner"
+import { toast } from "sonner"
+import { Textarea } from "@/components/ui/textarea"
 
 import {
   AlertDialog,
@@ -33,7 +36,7 @@ import {
 } from "@/components/ui/alert-dialog"
 import { Label } from "@/components/ui/label"
 import { Checkbox } from "@/components/ui/checkbox"
-import { Textarea } from "@/components/ui/textarea"
+import { useTranslations } from "next-intl"
 
 interface NotificationsResponse {
   notifications: any[]
@@ -44,6 +47,7 @@ interface NotificationResponse {
 }
 
 export default function Settings() {
+  const t = useTranslations()
   const { theme, setTheme } = useTheme()
 
   const [email, setEmail] = useState<string>("")
@@ -60,6 +64,7 @@ export default function Settings() {
   const [emailSuccess, setEmailSuccess] = useState<boolean>(false)
 
   const [notificationType, setNotificationType] = useState<string>("")
+  const [notificationName, setNotificationName] = useState<string>("")
   const [smtpHost, setSmtpHost] = useState<string>("")
   const [smtpPort, setSmtpPort] = useState<number>(0)
   const [smtpSecure, setSmtpSecure] = useState<boolean>(false)
@@ -77,7 +82,8 @@ export default function Settings() {
   const [pushoverUrl, setPushoverUrl] = useState<string>("")
   const [pushoverToken, setPushoverToken] = useState<string>("")
   const [pushoverUser, setPushoverUser] = useState<string>("")
-
+  const [echobellURL, setEchobellURL] = useState<string>("")
+  const [language, setLanguage] = useState<string>("english")
   const [notifications, setNotifications] = useState<any[]>([])
 
   const [notificationTextApplication, setNotificationTextApplication] = useState<string>("")
@@ -89,7 +95,7 @@ export default function Settings() {
     setEmailError("")
 
     if (!email) {
-      setEmailError("Email is required")
+      setEmailError(t('Settings.UserSettings.ChangeEmail.EmailRequired'))
       setEmailErrorVisible(true)
       setTimeout(() => {
         setEmailErrorVisible(false)
@@ -120,7 +126,7 @@ export default function Settings() {
   const changePassword = async () => {
     try {
       if (password !== confirmPassword) {
-        setPasswordError("Passwords do not match")
+        setPasswordError(t('Settings.UserSettings.ChangePassword.PasswordsDontMatch'))
         setPasswordErrorVisible(true)
         setTimeout(() => {
           setPasswordErrorVisible(false)
@@ -129,7 +135,7 @@ export default function Settings() {
         return
       }
       if (!oldPassword || !password || !confirmPassword) {
-        setPasswordError("All fields are required")
+        setPasswordError(t('Settings.UserSettings.ChangePassword.AllFieldsRequired'))
         setPasswordErrorVisible(true)
         setTimeout(() => {
           setPasswordErrorVisible(false)
@@ -166,6 +172,7 @@ export default function Settings() {
   const addNotification = async () => {
     try {
       const response = await axios.post("/api/notifications/add", {
+        name: notificationName,
         type: notificationType,
         smtpHost: smtpHost,
         smtpPort: smtpPort,
@@ -184,6 +191,7 @@ export default function Settings() {
         pushoverUrl: pushoverUrl,
         pushoverToken: pushoverToken,
         pushoverUser: pushoverUser,
+        echobellURL: echobellURL,
       })
       getNotifications()
     } catch (error: any) {
@@ -254,6 +262,37 @@ export default function Settings() {
     getNotificationText()
   }, [])
 
+  const testNotification = async (id: number) => {
+    try {
+      const response = await axios.post("/api/notifications/test", {
+        notificationId: id,
+      })
+      toast.success(t('Settings.Notifications.TestSuccess'))
+    } catch (error: any) {
+      toast.error(error.response.data.error)
+    }
+  }
+
+  useEffect(() => {
+    const language = Cookies.get("language")
+    if (language === "en") {
+      setLanguage("english")
+    } else if (language === "de") {
+      setLanguage("german")
+    }
+  }, [])
+
+  const setLanguageFunc = (value: string) => {
+    setLanguage(value)
+    if (value === "english") {
+      Cookies.set("language", "en")
+    } else if (value === "german") {
+      Cookies.set("language", "de")
+    }
+    // Reload the page
+    window.location.reload()
+  }
+
   return (
     <SidebarProvider>
       <AppSidebar />
@@ -265,15 +304,11 @@ export default function Settings() {
             <Breadcrumb>
               <BreadcrumbList>
                 <BreadcrumbItem className="hidden md:block">
-                  <BreadcrumbPage>/</BreadcrumbPage>
+                  <BreadcrumbPage>{t('Settings.Breadcrumb.Dashboard')}</BreadcrumbPage>
                 </BreadcrumbItem>
                 <BreadcrumbSeparator className="hidden md:block" />
                 <BreadcrumbItem>
-                  <BreadcrumbPage>Dashboard</BreadcrumbPage>
-                </BreadcrumbItem>
-                <BreadcrumbSeparator className="hidden md:block" />
-                <BreadcrumbItem>
-                  <BreadcrumbPage>Settings</BreadcrumbPage>
+                  <BreadcrumbPage>{t('Settings.Breadcrumb.Settings')}</BreadcrumbPage>
                 </BreadcrumbItem>
               </BreadcrumbList>
             </Breadcrumb>
@@ -281,31 +316,31 @@ export default function Settings() {
         </header>
         <div className="p-6">
           <div className="pb-4">
-            <span className="text-3xl font-bold">Settings</span>
+            <span className="text-3xl font-bold">{t('Settings.Title')}</span>
           </div>
           <div className="grid gap-6">
             <Card className="overflow-hidden border-2 border-muted/20 shadow-sm">
               <CardHeader className="bg-muted/10 px-6 py-4 border-b">
                 <div className="flex items-center gap-2">
                   <User className="h-5 w-5 text-primary" />
-                  <h2 className="text-xl font-semibold">User Settings</h2>
+                  <h2 className="text-xl font-semibold">{t('Settings.UserSettings.Title')}</h2>
                 </div>
               </CardHeader>
               <CardContent className="pb-6">
                 <div className="text-sm text-muted-foreground mb-6">
-                  Manage your user settings here. You can change your email, password, and other account settings.
+                  {t('Settings.UserSettings.Description')}
                 </div>
 
                 <div className="grid md:grid-cols-2 gap-8">
                   <div className="space-y-4">
                     <div className="border-b pb-2">
-                      <h3 className="font-semibold text-lg">Change Email</h3>
+                      <h3 className="font-semibold text-lg">{t('Settings.UserSettings.ChangeEmail.Title')}</h3>
                     </div>
 
                     {emailErrorVisible && (
                       <Alert variant="destructive" className="animate-in fade-in-50">
                         <AlertCircle className="h-4 w-4" />
-                        <AlertTitle>Error</AlertTitle>
+                        <AlertTitle>{t('Common.Error')}</AlertTitle>
                         <AlertDescription>{emailError}</AlertDescription>
                       </Alert>
                     )}
@@ -313,34 +348,33 @@ export default function Settings() {
                     {emailSuccess && (
                       <Alert className="border-green-200 bg-green-50 text-green-800 dark:border-green-800 dark:bg-green-950 dark:text-green-300 animate-in fade-in-50">
                         <Check className="h-4 w-4" />
-                        <AlertTitle>Success</AlertTitle>
-                        <AlertDescription>Email changed successfully.</AlertDescription>
+                        <AlertTitle>{t('Settings.UserSettings.ChangeEmail.Success')}</AlertTitle>
                       </Alert>
                     )}
 
                     <div className="space-y-3">
                       <Input
                         type="email"
-                        placeholder="Enter new email"
+                        placeholder={t('Settings.UserSettings.ChangeEmail.Placeholder')}
                         value={email}
                         onChange={(e) => setEmail(e.target.value)}
                         className="h-11"
                       />
                       <Button onClick={changeEmail} className="w-full h-11">
-                        Change Email
+                        {t('Settings.UserSettings.ChangeEmail.Button')}
                       </Button>
                     </div>
                   </div>
 
                   <div className="space-y-4">
                     <div className="border-b pb-2">
-                      <h3 className="font-semibold text-lg">Change Password</h3>
+                      <h3 className="font-semibold text-lg">{t('Settings.UserSettings.ChangePassword.Title')}</h3>
                     </div>
 
                     {passwordErrorVisible && (
                       <Alert variant="destructive" className="animate-in fade-in-50">
                         <AlertCircle className="h-4 w-4" />
-                        <AlertTitle>Error</AlertTitle>
+                        <AlertTitle>{t('Common.Error')}</AlertTitle>
                         <AlertDescription>{passwordError}</AlertDescription>
                       </Alert>
                     )}
@@ -348,35 +382,34 @@ export default function Settings() {
                     {passwordSuccess && (
                       <Alert className="border-green-200 bg-green-50 text-green-800 dark:border-green-800 dark:bg-green-950 dark:text-green-300 animate-in fade-in-50">
                         <Check className="h-4 w-4" />
-                        <AlertTitle>Success</AlertTitle>
-                        <AlertDescription>Password changed successfully.</AlertDescription>
+                        <AlertTitle>{t('Settings.UserSettings.ChangePassword.Success')}</AlertTitle>
                       </Alert>
                     )}
 
                     <div className="space-y-3">
                       <Input
                         type="password"
-                        placeholder="Enter old password"
+                        placeholder={t('Settings.UserSettings.ChangePassword.OldPassword')}
                         value={oldPassword}
                         onChange={(e) => setOldPassword(e.target.value)}
                         className="h-11"
                       />
                       <Input
                         type="password"
-                        placeholder="Enter new password"
+                        placeholder={t('Settings.UserSettings.ChangePassword.NewPassword')}
                         value={password}
                         onChange={(e) => setPassword(e.target.value)}
                         className="h-11"
                       />
                       <Input
                         type="password"
-                        placeholder="Confirm new password"
+                        placeholder={t('Settings.UserSettings.ChangePassword.ConfirmPassword')}
                         value={confirmPassword}
                         onChange={(e) => setConfirmPassword(e.target.value)}
                         className="h-11"
                       />
                       <Button onClick={changePassword} className="w-full h-11">
-                        Change Password
+                        {t('Settings.UserSettings.ChangePassword.Button')}
                       </Button>
                     </div>
                   </div>
@@ -388,25 +421,53 @@ export default function Settings() {
               <CardHeader className="bg-muted/10 px-6 py-4 border-b">
                 <div className="flex items-center gap-2">
                   <Palette className="h-5 w-5 text-primary" />
-                  <h2 className="text-xl font-semibold">Theme Settings</h2>
+                  <h2 className="text-xl font-semibold">{t('Settings.ThemeSettings.Title')}</h2>
                 </div>
               </CardHeader>
               <CardContent className="pb-6">
                 <div className="text-sm text-muted-foreground mb-6">
-                  Select a theme for the application. You can choose between light, dark, or system theme.
+                  {t('Settings.ThemeSettings.Description')}
                 </div>
 
                 <div className="max-w-md">
                   <Select value={theme} onValueChange={(value: string) => setTheme(value)}>
                     <SelectTrigger className="w-full h-11">
                       <SelectValue>
-                        {(theme ?? "system").charAt(0).toUpperCase() + (theme ?? "system").slice(1)}
+                        {t(`Settings.ThemeSettings.${(theme ?? "system").charAt(0).toUpperCase() + (theme ?? "system").slice(1)}`)}
                       </SelectValue>
                     </SelectTrigger>
                     <SelectContent>
-                      <SelectItem value="light">Light</SelectItem>
-                      <SelectItem value="dark">Dark</SelectItem>
-                      <SelectItem value="system">System</SelectItem>
+                      <SelectItem value="light">{t('Settings.ThemeSettings.Light')}</SelectItem>
+                      <SelectItem value="dark">{t('Settings.ThemeSettings.Dark')}</SelectItem>
+                      <SelectItem value="system">{t('Settings.ThemeSettings.System')}</SelectItem>
+                    </SelectContent>
+                  </Select>
+                </div>
+              </CardContent>
+            </Card>
+
+            <Card className="overflow-hidden border-2 border-muted/20 shadow-sm">
+              <CardHeader className="bg-muted/10 px-6 py-4 border-b">
+                <div className="flex items-center gap-2">
+                  <Languages className="h-5 w-5 text-primary" />
+                  <h2 className="text-xl font-semibold">{t('Settings.LanguageSettings.Title')}</h2>
+                </div>
+              </CardHeader>
+              <CardContent className="pb-6">
+                <div className="text-sm text-muted-foreground mb-6">
+                  {t('Settings.LanguageSettings.Description')}
+                </div>
+
+                <div className="max-w-md">
+                  <Select value={language} onValueChange={(value: string) => setLanguageFunc(value)}>
+                    <SelectTrigger className="w-full h-11">
+                      <SelectValue>
+                        {t(`Settings.LanguageSettings.${(language ?? "english").charAt(0).toUpperCase() + (language ?? "english").slice(1)}`)}
+                      </SelectValue>
+                    </SelectTrigger>
+                    <SelectContent>
+                      <SelectItem value="english">{t('Settings.LanguageSettings.English')}</SelectItem>
+                      <SelectItem value="german">{t('Settings.LanguageSettings.German')}</SelectItem>
                     </SelectContent>
                   </Select>
                 </div>
@@ -419,234 +480,232 @@ export default function Settings() {
                   <div className="bg-muted/20 p-2 rounded-full">
                     <Bell className="h-5 w-5 text-primary" />
                   </div>
-                  <h2 className="text-xl font-semibold">Notifications</h2>
+                  <h2 className="text-xl font-semibold">{t('Settings.Notifications.Title')}</h2>
                 </div>
               </CardHeader>
               <CardContent className="p-6">
                 <div className="text-sm text-muted-foreground mb-6">
-                  Set up notifications to get instantly alerted when an application changes status.
+                  {t('Settings.Notifications.Description')}
                 </div>
 
                 <div className="grid gap-4 md:grid-cols-2">
                   <AlertDialog>
                     <AlertDialogTrigger asChild>
                       <Button className="w-full h-11 flex items-center gap-2">
-                        Add Notification Channel
+                        {t('Settings.Notifications.AddChannel')}
                       </Button>
                     </AlertDialogTrigger>
                     <AlertDialogContent>
-                      <AlertDialogTitle>Add Notification</AlertDialogTitle>
+                      <AlertDialogTitle>{t('Settings.Notifications.AddNotification.Title')}</AlertDialogTitle>
                       <AlertDialogDescription>
-                        <Select value={notificationType} onValueChange={(value: string) => setNotificationType(value)}>
-                          <SelectTrigger className="w-full">
-                            <SelectValue placeholder="Notification Type" />
-                          </SelectTrigger>
-                          <SelectContent>
-                            <SelectItem value="smtp">SMTP</SelectItem>
-                            <SelectItem value="telegram">Telegram</SelectItem>
-                            <SelectItem value="discord">Discord</SelectItem>
-                            <SelectItem value="gotify">Gotify</SelectItem>
-                            <SelectItem value="ntfy">Ntfy</SelectItem>
-                            <SelectItem value="pushover">Pushover</SelectItem>
-                          </SelectContent>
-
-                          {notificationType === "smtp" && (
-                            <div className="mt-4 space-y-4">
-                              <div className="grid md:grid-cols-2 gap-4">
-                                <div className="space-y-1.5">
-                                  <Label htmlFor="smtpHost">SMTP Host</Label>
-                                  <Input
-                                    type="text"
-                                    id="smtpHost"
-                                    placeholder="smtp.example.com"
-                                    onChange={(e) => setSmtpHost(e.target.value)}
-                                  />
-                                </div>
-                                <div className="space-y-1.5">
-                                  <Label htmlFor="smtpPort">SMTP Port</Label>
-                                  <Input
-                                    type="number"
-                                    id="smtpPort"
-                                    placeholder="587"
-                                    onChange={(e) => setSmtpPort(Number(e.target.value))}
-                                  />
-                                </div>
-                              </div>
-
-                              <div className="flex items-center space-x-2 pt-2 pb-4">
-                                <Checkbox id="smtpSecure" onCheckedChange={(checked: any) => setSmtpSecure(checked)} />
-                                <Label htmlFor="smtpSecure" className="text-sm font-medium leading-none">
-                                  Secure Connection (TLS/SSL)
-                                </Label>
-                              </div>
-
-                              <div className="grid gap-4">
-                                <div className="space-y-1.5">
-                                  <Label htmlFor="smtpUser">SMTP Username</Label>
-                                  <Input
-                                    type="text"
-                                    id="smtpUser"
-                                    placeholder="user@example.com"
-                                    onChange={(e) => setSmtpUsername(e.target.value)}
-                                  />
-                                </div>
-
-                                <div className="space-y-1.5">
-                                  <Label htmlFor="smtpPass">SMTP Password</Label>
-                                  <Input
-                                    type="password"
-                                    id="smtpPass"
-                                    placeholder="••••••••"
-                                    onChange={(e) => setSmtpPassword(e.target.value)}
-                                  />
-                                </div>
+                        <div className="space-y-4">
+                            <Input
+                              type="text"
+                              id="notificationName"
+                              placeholder={t('Settings.Notifications.AddNotification.Name')}
+                              onChange={(e) => setNotificationName(e.target.value)}
+                            />
+                            <Select value={notificationType} onValueChange={(value: string) => setNotificationType(value)}>
+                              <SelectTrigger className="w-full">
+                                <SelectValue placeholder={t('Settings.Notifications.AddNotification.Type')} />
+                            </SelectTrigger>
+                            <SelectContent>
+                              <SelectItem value="smtp">{t('Settings.Notifications.AddNotification.SMTP.Title')}</SelectItem>
+                              <SelectItem value="telegram">{t('Settings.Notifications.AddNotification.Telegram.Title')}</SelectItem>
+                              <SelectItem value="discord">{t('Settings.Notifications.AddNotification.Discord.Title')}</SelectItem>
+                              <SelectItem value="gotify">{t('Settings.Notifications.AddNotification.Gotify.Title')}</SelectItem>
+                              <SelectItem value="ntfy">{t('Settings.Notifications.AddNotification.Ntfy.Title')}</SelectItem>
+                              <SelectItem value="pushover">{t('Settings.Notifications.AddNotification.Pushover.Title')}</SelectItem>
+                              <SelectItem value="echobell">{t('Settings.Notifications.AddNotification.Echobell.Title')}</SelectItem>
+                            </SelectContent>
 
+                            {notificationType === "smtp" && (
+                              <div className="mt-4 space-y-4">
                                 <div className="grid md:grid-cols-2 gap-4">
                                   <div className="space-y-1.5">
-                                    <Label htmlFor="smtpFrom">From Address</Label>
+                                    <Label>{t('Settings.Notifications.AddNotification.SMTP.Host')}</Label>
                                     <Input
-                                      type="email"
-                                      id="smtpFrom"
-                                      placeholder="noreply@example.com"
-                                      onChange={(e) => setSmtpFrom(e.target.value)}
+                                      type="text"
+                                      placeholder="smtp.example.com"
+                                      onChange={(e) => setSmtpHost(e.target.value)}
+                                    />
+                                  </div>
+                                  <div className="space-y-1.5">
+                                    <Label>{t('Settings.Notifications.AddNotification.SMTP.Port')}</Label>
+                                    <Input
+                                      type="number"
+                                      placeholder="587"
+                                      onChange={(e) => setSmtpPort(Number(e.target.value))}
+                                    />
+                                  </div>
+                                </div>
+
+                                <div className="flex items-center space-x-2 pt-2 pb-4">
+                                  <Checkbox id="smtpSecure" onCheckedChange={(checked: any) => setSmtpSecure(checked)} />
+                                  <Label htmlFor="smtpSecure" className="text-sm font-medium leading-none">
+                                    {t('Settings.Notifications.AddNotification.SMTP.Secure')}
+                                  </Label>
+                                </div>
+
+                                <div className="grid gap-4">
+                                  <div className="space-y-1.5">
+                                    <Label>{t('Settings.Notifications.AddNotification.SMTP.Username')}</Label>
+                                    <Input
+                                      type="text"
+                                      placeholder="user@example.com"
+                                      onChange={(e) => setSmtpUsername(e.target.value)}
                                     />
                                   </div>
 
                                   <div className="space-y-1.5">
-                                    <Label htmlFor="smtpTo">To Address</Label>
+                                    <Label>{t('Settings.Notifications.AddNotification.SMTP.Password')}</Label>
                                     <Input
-                                      type="email"
-                                      id="smtpTo"
-                                      placeholder="admin@example.com"
-                                      onChange={(e) => setSmtpTo(e.target.value)}
+                                      type="password"
+                                      placeholder="••••••••"
+                                      onChange={(e) => setSmtpPassword(e.target.value)}
+                                    />
+                                  </div>
+
+                                  <div className="grid md:grid-cols-2 gap-4">
+                                    <div className="space-y-1.5">
+                                      <Label>{t('Settings.Notifications.AddNotification.SMTP.From')}</Label>
+                                      <Input
+                                        type="email"
+                                        placeholder="noreply@example.com"
+                                        onChange={(e) => setSmtpFrom(e.target.value)}
+                                      />
+                                    </div>
+
+                                    <div className="space-y-1.5">
+                                      <Label>{t('Settings.Notifications.AddNotification.SMTP.To')}</Label>
+                                      <Input
+                                        type="email"
+                                        placeholder="admin@example.com"
+                                        onChange={(e) => setSmtpTo(e.target.value)}
+                                      />
+                                    </div>
+                                  </div>
+                                </div>
+                              </div>
+                            )}
+
+                            {notificationType === "telegram" && (
+                              <div className="mt-4 space-y-2">
+                                <div className="grid w-full items-center gap-1.5">
+                                  <Label>{t('Settings.Notifications.AddNotification.Telegram.Token')}</Label>
+                                  <Input
+                                    type="text"
+                                    onChange={(e) => setTelegramToken(e.target.value)}
+                                  />
+                                </div>
+                                <div className="grid w-full items-center gap-1.5">
+                                  <Label>{t('Settings.Notifications.AddNotification.Telegram.ChatId')}</Label>
+                                  <Input
+                                    type="text"
+                                    onChange={(e) => setTelegramChatId(e.target.value)}
+                                  />
+                                </div>
+                              </div>
+                            )}
+
+                            {notificationType === "discord" && (
+                              <div className="mt-4">
+                                <div className="grid w-full items-center gap-1.5">
+                                  <Label>{t('Settings.Notifications.AddNotification.Discord.Webhook')}</Label>
+                                  <Input
+                                    type="text"
+                                    onChange={(e) => setDiscordWebhook(e.target.value)}
+                                  />
+                                </div>
+                              </div>
+                            )}
+
+                            {notificationType === "gotify" && (
+                              <div className="mt-4">
+                                <div className="grid w-full items-center gap-1.5">
+                                  <Label>{t('Settings.Notifications.AddNotification.Gotify.Url')}</Label>
+                                  <Input
+                                    type="text"
+                                    onChange={(e) => setGotifyUrl(e.target.value)}
+                                  />
+                                  <div className="grid w-full items-center gap-1.5">
+                                    <Label>{t('Settings.Notifications.AddNotification.Gotify.Token')}</Label>
+                                    <Input
+                                      type="text"
+                                      onChange={(e) => setGotifyToken(e.target.value)}
                                     />
                                   </div>
                                 </div>
                               </div>
-                            </div>
-                          )}
+                            )}
 
-                          {notificationType === "telegram" && (
-                            <div className="mt-4 space-y-2">
-                              <div className="grid w-full items-center gap-1.5">
-                                <Label htmlFor="telegramToken">Bot Token</Label>
-                                <Input
-                                  type="text"
-                                  id="telegramToken"
-                                  placeholder=""
-                                  onChange={(e) => setTelegramToken(e.target.value)}
-                                />
-                              </div>
-                              <div className="grid w-full items-center gap-1.5">
-                                <Label htmlFor="telegramChatId">Chat ID</Label>
-                                <Input
-                                  type="text"
-                                  id="telegramChatId"
-                                  placeholder=""
-                                  onChange={(e) => setTelegramChatId(e.target.value)}
-                                />
-                              </div>
-                            </div>
-                          )}
-
-                          {notificationType === "discord" && (
-                            <div className="mt-4">
-                              <div className="grid w-full items-center gap-1.5">
-                                <Label htmlFor="discordWebhook">Webhook URL</Label>
-                                <Input
-                                  type="text"
-                                  id="discordWebhook"
-                                  placeholder=""
-                                  onChange={(e) => setDiscordWebhook(e.target.value)}
-                                />
-                              </div>
-                            </div>
-                          )}
-
-                          {notificationType === "gotify" && (
-                            <div className="mt-4">
-                              <div className="grid w-full items-center gap-1.5">
-                                <Label htmlFor="gotifyUrl">Gotify URL</Label>
-                                <Input
-                                  type="text"
-                                  id="gotifyUrl"
-                                  placeholder=""
-                                  onChange={(e) => setGotifyUrl(e.target.value)}
-                                />
+                            {notificationType === "ntfy" && (
+                              <div className="mt-4">
                                 <div className="grid w-full items-center gap-1.5">
-                                  <Label htmlFor="gotifyToken">Gotify Token</Label>
+                                  <Label>{t('Settings.Notifications.AddNotification.Ntfy.Url')}</Label>
                                   <Input
                                     type="text"
-                                    id="gotifyToken"
-                                    placeholder=""
-                                    onChange={(e) => setGotifyToken(e.target.value)}
+                                    onChange={(e) => setNtfyUrl(e.target.value)}
+                                  />
+                                  <div className="grid w-full items-center gap-1.5">
+                                    <Label>{t('Settings.Notifications.AddNotification.Ntfy.Token')}</Label>
+                                    <Input
+                                      type="text"
+                                      onChange={(e) => setNtfyToken(e.target.value)}
+                                    />
+                                  </div>                                
+                                </div>  
+                              </div>
+                            )}
+
+                            {notificationType === "pushover" && (
+                              <div className="mt-4 flex flex-col gap-2">
+                                <div className="grid w-full items-center gap-1.5">
+                                  <Label>{t('Settings.Notifications.AddNotification.Pushover.Url')}</Label>
+                                  <Input
+                                    type="text"
+                                    onChange={(e) => setPushoverUrl(e.target.value)}
+                                  />
+                                </div>
+
+                                <div className="grid w-full items-center gap-1.5">
+                                  <Label>{t('Settings.Notifications.AddNotification.Pushover.Token')}</Label>
+                                  <Input
+                                    type="text"
+                                    onChange={(e) => setPushoverToken(e.target.value)}
+                                  />
+                                </div>
+
+                                <div className="grid w-full items-center gap-1.5">
+                                  <Label>{t('Settings.Notifications.AddNotification.Pushover.User')}</Label>
+                                  <Input
+                                    type="text"
+                                    onChange={(e) => setPushoverUser(e.target.value)}
                                   />
                                 </div>
                               </div>
-                            </div>
-                          )}
+                            )}
 
-                          {notificationType === "ntfy" && (
-                            <div className="mt-4">
-                              <div className="grid w-full items-center gap-1.5">
-                                <Label htmlFor="ntfyUrl">Ntfy URL</Label>
-                                <Input
-                                  type="text"
-                                  id="ntfyUrl"
-                                  placeholder=""
-                                  onChange={(e) => setNtfyUrl(e.target.value)}
-                                />
+                            {notificationType === "echobell" && (
+                              <div className="mt-4 flex flex-col gap-2">
                                 <div className="grid w-full items-center gap-1.5">
-                                  <Label htmlFor="ntfyToken">Ntfy Token</Label>
+                                  <Label>{t('Settings.Notifications.AddNotification.Echobell.Url')}</Label>
                                   <Input
                                     type="text"
-                                    id="ntfyToken"
-                                    placeholder=""
-                                    onChange={(e) => setNtfyToken(e.target.value)}
+                                    placeholder="e.g. https://hook.echobell.one/t/xxx"
+                                    onChange={(e) => setEchobellURL(e.target.value)}
                                   />
-                                </div>                                
-                              </div>  
-                            </div>
-                          )}
-
-                          {notificationType === "pushover" && (
-                            <div className="mt-4 flex flex-col gap-2">
-                              <div className="grid w-full items-center gap-1.5">
-                                <Label htmlFor="pushoverUrl">Pushover URL</Label>
-                                <Input
-                                  type="text"
-                                  id="pushoverUrl"
-                                  placeholder="e.g. https://api.pushover.net/1/messages.json"
-                                  onChange={(e) => setPushoverUrl(e.target.value)}
-                                />
+                                </div>
+                               <span className="text-xs text-muted-foreground">{t('Settings.Notifications.AddNotification.Echobell.AddMessage')}</span>
                               </div>
-
-                              <div className="grid w-full items-center gap-1.5">
-                                <Label htmlFor="pushoverToken">Pushover Token</Label>
-                                <Input
-                                  type="text"
-                                  id="pushoverToken"
-                                  placeholder="e.g. 1234567890"
-                                  onChange={(e) => setPushoverToken(e.target.value)}
-                                />
-                              </div>
-
-                              <div className="grid w-full items-center gap-1.5">
-                                <Label htmlFor="pushoverUser">Pushover User</Label>
-                                <Input
-                                  type="text"
-                                  id="pushoverUser"
-                                  placeholder="e.g. 1234567890"
-                                  onChange={(e) => setPushoverUser(e.target.value)}
-                                />
-                              </div>
-                            </div>
-                          )}
-                        </Select>
+                            )}
+                            
+                          </Select>
+                        </div>
                       </AlertDialogDescription>
                       <AlertDialogFooter>
-                        <AlertDialogCancel>Cancel</AlertDialogCancel>
-                        <AlertDialogAction onClick={addNotification}>Add</AlertDialogAction>
+                        <AlertDialogCancel>{t('Common.cancel')}</AlertDialogCancel>
+                        <AlertDialogAction onClick={addNotification}>{t('Common.add')}</AlertDialogAction>
                       </AlertDialogFooter>
                     </AlertDialogContent>
                   </AlertDialog>
@@ -654,65 +713,63 @@ export default function Settings() {
                   <AlertDialog>
                     <AlertDialogTrigger asChild>
                       <Button className="w-full h-11" variant="outline">
-                        Customize Notification Text
+                        {t('Settings.Notifications.CustomizeText.Display')}
                       </Button>
                     </AlertDialogTrigger>
                     <AlertDialogContent>
-                      <AlertDialogTitle>Customize Notification Text</AlertDialogTitle>
+                      <AlertDialogTitle>{t('Settings.Notifications.CustomizeText.Title')}</AlertDialogTitle>
                       <AlertDialogDescription>
                         <div className="space-y-4">
                           <div className="space-y-1.5">
-                            <Label htmlFor="text_application">Notification Text for Applications</Label>
+                            <Label>{t('Settings.Notifications.CustomizeText.Application')}</Label>
                             <Textarea
-                              id="text_application"
-                              placeholder="Type here..."
                               value={notificationTextApplication}
                               onChange={(e) => setNotificationTextApplication(e.target.value)}
                               rows={4}
                             />
                           </div>
                           <div className="space-y-1.5">
-                            <Label htmlFor="text_server">Notification Text for Servers</Label>
+                            <Label>{t('Settings.Notifications.CustomizeText.Server')}</Label>
                             <Textarea
-                              id="text_server"
-                              placeholder="Type here..."
                               value={notificationTextServer}
                               onChange={(e) => setNotificationTextServer(e.target.value)}
                               rows={4}
                             />
                           </div>
-                        </div>
-                        <div className="pt-4 text-sm text-muted-foreground">
-                          You can use the following placeholders in the text:
-                          <ul className="list-disc list-inside space-y-1 pt-2">
-                            <li>
-                                <b>Server related:</b>
+                          <div className="pt-4 text-sm text-muted-foreground">
+                            {t('Settings.Notifications.CustomizeText.Placeholders.Title')}
+                            <ul className="list-disc list-inside space-y-1 pt-2">
+                              <li>
+                                <b>{t('Settings.Notifications.CustomizeText.Placeholders.Server.Title')}</b>
                                 <ul className="list-disc list-inside ml-4 space-y-1 pt-1 text-muted-foreground">
-                                    <li>!name - The name of the server</li>
-                                    <li>!status - The current status of the server (online/offline)</li>
+                                  <li>{t('Settings.Notifications.CustomizeText.Placeholders.Server.Name')}</li>
+                                  <li>{t('Settings.Notifications.CustomizeText.Placeholders.Server.Status')}</li>
                                 </ul>
-                            </li>
-                            <li>
-                                <b>Application related:</b>
+                              </li>
+                              <li>
+                                <b>{t('Settings.Notifications.CustomizeText.Placeholders.Application.Title')}</b>
                                 <ul className="list-disc list-inside ml-4 space-y-1 pt-1 text-muted-foreground">
-                                    <li>!name - The name of the application</li>
-                                    <li>!url - The URL where the application is hosted</li>
-                                    <li>!status - The current status of the application (online/offline)</li>
+                                  <li>{t('Settings.Notifications.CustomizeText.Placeholders.Application.Name')}</li>
+                                  <li>{t('Settings.Notifications.CustomizeText.Placeholders.Application.Url')}</li>
+                                  <li>{t('Settings.Notifications.CustomizeText.Placeholders.Application.Status')}</li>
                                 </ul>
-                            </li>
-                          </ul>
+                              </li>
+                            </ul>
+                          </div>
                         </div>
                       </AlertDialogDescription>
                       <AlertDialogFooter>
-                        <AlertDialogCancel>Cancel</AlertDialogCancel>
-                        <AlertDialogAction onClick={editNotificationText}>Save</AlertDialogAction>
+                        <AlertDialogCancel>{t('Common.cancel')}</AlertDialogCancel>
+                        <AlertDialogAction onClick={editNotificationText}>
+                          {t('Common.Save')}
+                        </AlertDialogAction>
                       </AlertDialogFooter>
                     </AlertDialogContent>
                   </AlertDialog>
                 </div>
 
                 <div className="mt-8">
-                  <h3 className="text-lg font-medium mb-4">Active Notification Channels</h3>
+                  <h3 className="text-lg font-medium mb-4">{t('Settings.Notifications.ActiveChannels')}</h3>
                   <div className="space-y-3">
                     {notifications.length > 0 ? (
                       notifications.map((notification) => (
@@ -752,26 +809,35 @@ export default function Settings() {
                               </div>
                             )}
                             <div className="space-y-1">
-                              <h3 className="font-medium capitalize">{notification.type}</h3>
+                              <h3 className="font-medium capitalize">
+                                {notification.name || 
+                                  t(`Settings.Notifications.AddNotification.${notification.type.charAt(0).toUpperCase() + notification.type.slice(1)}.Title`)}
+                              </h3>
                               <p className="text-xs text-muted-foreground">
-                                {notification.type === "smtp" && "Email notifications"}
-                                {notification.type === "telegram" && "Telegram bot alerts"}
-                                {notification.type === "discord" && "Discord webhook alerts"}
-                                {notification.type === "gotify" && "Gotify notifications"}
-                                {notification.type === "ntfy" && "Ntfy notifications"}
-                                {notification.type === "pushover" && "Pushover notifications"}
+                                {t(`Settings.Notifications.AddNotification.${notification.type.charAt(0).toUpperCase() + notification.type.slice(1)}.Description`)}
                               </p>
                             </div>
                           </div>
-                          <Button
-                            variant="ghost"
-                            size="sm"
-                            className="hover:bg-muted/20"
-                            onClick={() => deleteNotification(notification.id)}
-                          >
-                            <Trash2 className="h-4 w-4 mr-1" />
-                            Remove
-                          </Button>
+                          <div className="flex items-center gap-2">
+                            <Button
+                              variant="outline"
+                              size="sm"
+                              className="hover:bg-muted/20"
+                              onClick={() => testNotification(notification.id)}
+                            >
+                              <Play className="h-4 w-4 mr-1" />
+                              {t('Settings.Notifications.Test')}
+                            </Button>
+                            <Button
+                              variant="ghost"
+                              size="sm"
+                              className="hover:bg-muted/20"
+                              onClick={() => deleteNotification(notification.id)}
+                            >
+                              <Trash2 className="h-4 w-4 mr-1" />
+                              {t('Settings.Notifications.Delete')}
+                            </Button>
+                          </div>
                         </div>
                       ))
                     ) : (
@@ -781,14 +847,17 @@ export default function Settings() {
                             <Bell className="h-6 w-6 text-muted-foreground" />
                           </div>
                         </div>
-                        <h3 className="text-lg font-medium mb-1">No notifications configured</h3>
+                        <h3 className="text-lg font-medium mb-1">
+                          {t('Settings.Notifications.NoNotifications')}
+                        </h3>
                         <p className="text-sm text-muted-foreground max-w-md mx-auto">
-                          Add a notification channel to get alerted when your applications change status.
+                          {t('Settings.Notifications.NoNotificationsDescription')}
                         </p>
                       </div>
                     )}
                   </div>
                 </div>
+                <Toaster />
               </CardContent>
             </Card>
           </div>
@@ -796,4 +865,4 @@ export default function Settings() {
       </SidebarInset>
     </SidebarProvider>
   )
-}
+}

app/dashboard/uptime/Uptime.tsx

@@ -13,7 +13,6 @@ import {
   SidebarProvider,
   SidebarTrigger,
 } from "@/components/ui/sidebar";
-import { useEffect, useState } from "react";
 import axios from "axios";
 import { Card, CardHeader } from "@/components/ui/card";
 import * as Tooltip from "@radix-ui/react-tooltip";
@@ -26,6 +25,13 @@ import {
   PaginationNext,
   PaginationLink,
 } from "@/components/ui/pagination";
+import { useState, useEffect, useRef } from "react";
+import Cookies from "js-cookie";
+import { Label } from "@/components/ui/label";
+import { Input } from "@/components/ui/input";
+import { toast } from "sonner";
+import { Toaster } from "@/components/ui/sonner";
+import { useTranslations } from "next-intl";
 
 const timeFormats = {
   1: (timestamp: string) => 
@@ -34,14 +40,18 @@ const timeFormats = {
       minute: '2-digit',
       hour12: false 
     }),
-  2: (timestamp: string) => {
-    const start = new Date(timestamp);
-    const end = new Date(start.getTime() + 3 * 60 * 60 * 1000);
-    return `${start.toLocaleDateString([], { day: '2-digit', month: 'short' })} 
-      ${start.getHours().toString().padStart(2, '0')}:00 - 
-      ${end.getHours().toString().padStart(2, '0')}:00`;
-  },
+  2: (timestamp: string) => 
+    new Date(timestamp).toLocaleTimeString([], { 
+      hour: '2-digit', 
+      minute: '2-digit',
+      hour12: false 
+    }),
   3: (timestamp: string) => 
+    new Date(timestamp).toLocaleDateString([], { 
+      day: '2-digit', 
+      month: 'short' 
+    }),
+  4: (timestamp: string) => 
     new Date(timestamp).toLocaleDateString([], { 
       day: '2-digit', 
       month: 'short' 
@@ -49,9 +59,10 @@ const timeFormats = {
 };
 
 const minBoxWidths = {
-  1: 24,
-  2: 24,
-  3: 24
+  1: 20,
+  2: 20,
+  3: 24,
+  4: 24
 };
 
 interface UptimeData {
@@ -71,16 +82,25 @@ interface PaginationData {
 }
 
 export default function Uptime() {
+  const t = useTranslations();
   const [data, setData] = useState<UptimeData[]>([]);
-  const [timespan, setTimespan] = useState<1 | 2 | 3>(1);
+  const [timespan, setTimespan] = useState<1 | 2 | 3 | 4>(1);
   const [pagination, setPagination] = useState<PaginationData>({
     currentPage: 1,
     totalPages: 1,
     totalItems: 0
   });
   const [isLoading, setIsLoading] = useState(false);
+  
+  const savedItemsPerPage = Cookies.get("itemsPerPage-uptime");
+  const defaultItemsPerPage = 5;
+  const initialItemsPerPage = savedItemsPerPage ? parseInt(savedItemsPerPage) : defaultItemsPerPage;
+  
+  const [itemsPerPage, setItemsPerPage] = useState<number>(initialItemsPerPage);
+  const customInputRef = useRef<HTMLInputElement>(null);
+  const debounceTimerRef = useRef<NodeJS.Timeout | null>(null);
 
-  const getData = async (selectedTimespan: number, page: number) => {
+  const getData = async (selectedTimespan: number, page: number, itemsPerPage: number) => {
     setIsLoading(true);
     try {
       const response = await axios.post<{
@@ -88,7 +108,8 @@ export default function Uptime() {
         pagination: PaginationData;
       }>("/api/applications/uptime", { 
         timespan: selectedTimespan,
-        page
+        page,
+        itemsPerPage
       });
       
       setData(response.data.data);
@@ -109,17 +130,44 @@ export default function Uptime() {
   const handlePrevious = () => {
     const newPage = Math.max(1, pagination.currentPage - 1);
     setPagination(prev => ({...prev, currentPage: newPage}));
-    getData(timespan, newPage);
+    getData(timespan, newPage, itemsPerPage);
   };
 
   const handleNext = () => {
     const newPage = Math.min(pagination.totalPages, pagination.currentPage + 1);
     setPagination(prev => ({...prev, currentPage: newPage}));
-    getData(timespan, newPage);
+    getData(timespan, newPage, itemsPerPage);
+  };
+
+  const handleItemsPerPageChange = (value: string) => {
+    if (debounceTimerRef.current) {
+      clearTimeout(debounceTimerRef.current);
+    }
+
+    debounceTimerRef.current = setTimeout(() => {
+      const newItemsPerPage = parseInt(value);
+      
+      if (isNaN(newItemsPerPage) || newItemsPerPage < 1) {
+        toast.error(t('Uptime.Messages.NumberValidation'));
+        return;
+      }
+      
+      const validatedValue = Math.min(Math.max(newItemsPerPage, 1), 100);
+      
+      setItemsPerPage(validatedValue);
+      setPagination(prev => ({...prev, currentPage: 1}));
+      Cookies.set("itemsPerPage-uptime", String(validatedValue), {
+        expires: 365,
+        path: "/",
+        sameSite: "strict",
+      });
+      
+      getData(timespan, 1, validatedValue);
+    }, 300);
   };
 
   useEffect(() => {
-    getData(timespan, 1);
+    getData(timespan, 1, itemsPerPage);
   }, [timespan]);
 
   return (
@@ -137,41 +185,124 @@ export default function Uptime() {
                 </BreadcrumbItem>
                 <BreadcrumbSeparator className="hidden md:block" />
                 <BreadcrumbItem>
-                  <BreadcrumbPage>My Infrastructure</BreadcrumbPage>
+                  <BreadcrumbPage>{t('Uptime.Breadcrumb.MyInfrastructure')}</BreadcrumbPage>
                 </BreadcrumbItem>
                 <BreadcrumbSeparator className="hidden md:block" />
                 <BreadcrumbItem>
-                  <BreadcrumbPage>Uptime</BreadcrumbPage>
+                  <BreadcrumbPage>{t('Uptime.Breadcrumb.Uptime')}</BreadcrumbPage>
                 </BreadcrumbItem>
               </BreadcrumbList>
             </Breadcrumb>
           </div>
         </header>
+        <Toaster />
         <div className="p-6">
           <div className="flex justify-between items-center">
-            <span className="text-3xl font-bold">Uptime</span>
-            <Select 
-              value={String(timespan)} 
-              onValueChange={(v) => {
-                setTimespan(Number(v) as 1 | 2 | 3);
-                setPagination(prev => ({...prev, currentPage: 1}));
-              }}
-              disabled={isLoading}
-            >
-              <SelectTrigger className="w-[180px]">
-                <SelectValue placeholder="Select timespan" />
-              </SelectTrigger>
-              <SelectContent>
-                <SelectItem value="1">Last 30 minutes</SelectItem>
-                <SelectItem value="2">Last 7 days</SelectItem>
-                <SelectItem value="3">Last 30 days</SelectItem>
-              </SelectContent>
-            </Select>
+            <span className="text-3xl font-bold">{t('Uptime.Title')}</span>
+            <div className="flex gap-2">
+              <Select
+                value={String(itemsPerPage)}
+                onValueChange={handleItemsPerPageChange}
+                onOpenChange={(open) => {
+                  if (open && customInputRef.current) {
+                    customInputRef.current.value = String(itemsPerPage);
+                  }
+                }}
+              >
+                <SelectTrigger className="w-[140px]">
+                  <SelectValue>
+                    {itemsPerPage} {itemsPerPage === 1 ? t('Common.ItemsPerPage.item') : t('Common.ItemsPerPage.items')}
+                  </SelectValue>
+                </SelectTrigger>
+                <SelectContent>
+                  {![5, 10, 15, 20, 25].includes(itemsPerPage) ? (
+                    <SelectItem value={String(itemsPerPage)}>
+                      {itemsPerPage} {itemsPerPage === 1 ? t('Common.ItemsPerPage.item') : t('Common.ItemsPerPage.items')} (custom)
+                    </SelectItem>
+                  ) : null}
+                  <SelectItem value="5">{t('Common.ItemsPerPage.5')}</SelectItem>
+                  <SelectItem value="10">{t('Common.ItemsPerPage.10')}</SelectItem>
+                  <SelectItem value="15">{t('Common.ItemsPerPage.15')}</SelectItem>
+                  <SelectItem value="20">{t('Common.ItemsPerPage.20')}</SelectItem>
+                  <SelectItem value="25">{t('Common.ItemsPerPage.25')}</SelectItem>
+                  <div className="p-2 border-t mt-1">
+                    <Label htmlFor="custom-items" className="text-xs font-medium">{t('Common.ItemsPerPage.Custom')}</Label>
+                    <div className="flex items-center gap-2 mt-1">
+                      <Input
+                        id="custom-items"
+                        ref={customInputRef}
+                        type="number"
+                        min="1"
+                        max="100"
+                        className="h-8"
+                        defaultValue={itemsPerPage}
+                        onChange={(e) => {
+                          const value = parseInt(e.target.value);
+                          if (isNaN(value) || value < 1 || value > 100) {
+                            e.target.classList.add("border-red-500");
+                          } else {
+                            e.target.classList.remove("border-red-500");
+                          }
+                        }}
+                        onBlur={(e) => {
+                          const value = parseInt(e.target.value);
+                          if (value >= 1 && value <= 100) {
+                            handleItemsPerPageChange(e.target.value);
+                          }
+                        }}
+                        onKeyDown={(e) => {
+                          if (e.key === 'Enter') {
+                            if (debounceTimerRef.current) {
+                              clearTimeout(debounceTimerRef.current);
+                              debounceTimerRef.current = null;
+                            }
+                            
+                            const value = parseInt((e.target as HTMLInputElement).value);
+                            if (value >= 1 && value <= 100) {
+                              const validatedValue = Math.min(Math.max(value, 1), 100);
+                              setItemsPerPage(validatedValue);
+                              setPagination(prev => ({...prev, currentPage: 1}));
+                              Cookies.set("itemsPerPage-uptime", String(validatedValue), {
+                                expires: 365,
+                                path: "/",
+                                sameSite: "strict",
+                              });
+                              getData(timespan, 1, validatedValue);
+                              document.body.click();
+                            }
+                          }
+                        }}
+                        onClick={(e) => e.stopPropagation()}
+                      />
+                      <span className="text-xs text-muted-foreground whitespace-nowrap">{t('Common.ItemsPerPage.items')}</span>
+                    </div>
+                  </div>
+                </SelectContent>
+              </Select>
+              <Select 
+                value={String(timespan)} 
+                onValueChange={(v) => {
+                  setTimespan(Number(v) as 1 | 2 | 3 | 4);
+                  setPagination(prev => ({...prev, currentPage: 1}));
+                }}
+                disabled={isLoading}
+              >
+                <SelectTrigger className="w-[180px]">
+                  <SelectValue placeholder={t('Uptime.TimeRange.Select')} />
+                </SelectTrigger>
+                <SelectContent>
+                  <SelectItem value="1">{t('Uptime.TimeRange.LastHour')}</SelectItem>
+                  <SelectItem value="2">{t('Uptime.TimeRange.LastDay')}</SelectItem>
+                  <SelectItem value="3">{t('Uptime.TimeRange.Last7Days')}</SelectItem>
+                  <SelectItem value="4">{t('Uptime.TimeRange.Last30Days')}</SelectItem>
+                </SelectContent>
+              </Select>
+            </div>
           </div>
 
           <div className="pt-4 space-y-4">
             {isLoading ? (
-              <div className="text-center py-8">Loading...</div>
+              <div className="text-center py-8">{t('Uptime.Messages.Loading')}</div>
             ) : (
               data.map((app) => {
                 const reversedSummary = [...app.uptimeSummary].reverse();
@@ -219,25 +350,21 @@ export default function Uptime() {
                                     >
                                       <div className="flex flex-col gap-1">
                                         <p className="font-medium">
-                                          {timespan === 2 ? (
-                                            timeFormats[2](entry.timestamp)
-                                          ) : (
-                                            new Date(entry.timestamp).toLocaleString([], {
-                                              year: 'numeric',
-                                              month: 'short',
-                                              day: 'numeric',
-                                              hour: '2-digit',
-                                              minute: timespan === 3 ? undefined : '2-digit',
-                                              hour12: false
-                                            })
-                                          )}
+                                          {new Date(entry.timestamp).toLocaleString([], {
+                                            year: 'numeric',
+                                            month: 'short',
+                                            day: timespan > 2 ? 'numeric' : undefined,
+                                            hour: '2-digit',
+                                            minute: timespan === 1 ? '2-digit' : undefined,
+                                            hour12: false
+                                          })}
                                         </p>
                                         <p>
                                           {entry.missing
-                                            ? "No data"
+                                            ? t('Uptime.Status.NoData')
                                             : entry.online
-                                            ? "Online"
-                                            : "Offline"}
+                                            ? t('Uptime.Status.Online')
+                                            : t('Uptime.Status.Offline')}
                                         </p>
                                       </div>
                                       <Tooltip.Arrow className="fill-gray-900" />
@@ -258,6 +385,17 @@ export default function Uptime() {
 
           {pagination.totalItems > 0 && !isLoading && (
             <div className="pt-4 pb-4">
+              <div className="flex justify-between items-center mb-2">
+                <div className="text-sm text-muted-foreground">
+                  {pagination.totalItems > 0 
+                    ? t('Uptime.Pagination.Showing', { 
+                        start: ((pagination.currentPage - 1) * itemsPerPage) + 1, 
+                        end: Math.min(pagination.currentPage * itemsPerPage, pagination.totalItems), 
+                        total: pagination.totalItems 
+                      })
+                    : t('Uptime.Messages.NoItems')}
+                </div>
+              </div>
               <Pagination>
                 <PaginationContent>
                   <PaginationItem>

app/layout.tsx

@@ -2,6 +2,9 @@ import type { Metadata } from "next";
 import { Geist, Geist_Mono } from "next/font/google";
 import "./globals.css";
 import { ThemeProvider } from "@/components/theme-provider"
+import {NextIntlClientProvider} from 'next-intl';
+import {getLocale} from 'next-intl/server';
+import {cookies} from 'next/headers';
 
 const geistSans = Geist({
   variable: "--font-geist-sans",
@@ -18,13 +21,17 @@ export const metadata: Metadata = {
   description: "The only Dashboard you will need for your Services",
 };
 
-export default function RootLayout({
+export default async function RootLayout({
   children,
 }: Readonly<{
   children: React.ReactNode;
 }>) {
+  const cookieStore = await cookies();
+  const locale = cookieStore.get('language')?.value || 'en';
+  const messages = (await import(`@/i18n/languages/${locale}.json`)).default;
+
   return (
-    <html lang="en">
+    <html lang={locale}>
       <body
         className={`${geistSans.variable} ${geistMono.variable} antialiased`}
       >
@@ -34,7 +41,9 @@ export default function RootLayout({
             enableSystem
             disableTransitionOnChange
           >
-            {children}
+            <NextIntlClientProvider locale={locale} messages={messages}>
+              {children}
+            </NextIntlClientProvider>
           </ThemeProvider>
       </body>
     </html>

app/page.tsx

@@ -14,8 +14,10 @@ import { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle }
 import { Input } from "@/components/ui/input"
 import { Label } from "@/components/ui/label"
 import { Alert, AlertDescription, AlertTitle } from "@/components/ui/alert"
+import {useTranslations} from 'next-intl';
 
 export default function Home() {
+  const t = useTranslations('Home');
   const [username, setUsername] = useState("")
   const [password, setPassword] = useState("")
   const [rememberMe, setRememberMe] = useState(false)
@@ -75,20 +77,20 @@ export default function Home() {
             </div>
           </div>
           <h1 className="text-4xl font-bold tracking-tight text-foreground">CoreControl</h1>
-          <p className="text-muted-foreground">Sign in to access your dashboard</p>
+          <p className="text-muted-foreground">{t('LoginCardDescription')}</p>
         </div>
 
         <Card className="border-muted/40 shadow-lg">
           <CardHeader className="space-y-1">
-            <CardTitle className="text-2xl font-semibold">Login</CardTitle>
-            <CardDescription>Enter your credentials to continue</CardDescription>
+            <CardTitle className="text-2xl font-semibold">{t('LoginCardTitle')}</CardTitle>
+            <CardDescription>{t('LoginCardDescription')}</CardDescription>
           </CardHeader>
 
           <CardContent className="space-y-4">
             {errorVisible && (
               <Alert variant="destructive" className="animate-in fade-in-50 slide-in-from-top-5">
                 <AlertCircle className="h-4 w-4" />
-                <AlertTitle>Authentication Error</AlertTitle>
+                <AlertTitle>{t('AuthenticationError')}</AlertTitle>
                 <AlertDescription>{error}</AlertDescription>
               </Alert>
             )}
@@ -96,7 +98,7 @@ export default function Home() {
             <div className="space-y-4">
               <div className="space-y-2">
                 <Label htmlFor="email" className="text-sm font-medium">
-                  Email
+                  {t('Email')}
                 </Label>
                 <div className="relative">
                   <Mail className="absolute left-3 top-2.5 h-5 w-5 text-muted-foreground" />
@@ -116,7 +118,7 @@ export default function Home() {
               <div className="space-y-2">
                 <div className="flex items-center justify-between">
                   <Label htmlFor="password" className="text-sm font-medium">
-                    Password
+                    {t('Password')}
                   </Label>
                 </div>
                 <div className="relative">
@@ -138,7 +140,7 @@ export default function Home() {
 
           <CardFooter className="flex flex-col space-y-4">
             <Button className="w-full" onClick={login} disabled={isLoading}>
-              {isLoading ? "Signing in..." : "Sign in"}
+              {isLoading ? t('SigninButtonSigningIn') : t('SigninButton')}
             </Button>
           </CardFooter>
         </Card>

components/app-sidebar.tsx

@@ -37,7 +37,7 @@ import { useRouter } from "next/navigation"
 import packageJson from "@/package.json"
 import { cn } from "@/lib/utils"
 import { Collapsible, CollapsibleContent, CollapsibleTrigger } from "@/components/ui/collapsible"
-
+import { useTranslations } from "next-intl"
 interface NavItem {
   title: string
   icon?: React.ComponentType<any>
@@ -46,49 +46,52 @@ interface NavItem {
   items?: NavItem[]
 }
 
-const data: { navMain: NavItem[] } = {
+
+
+export function AppSidebar({ ...props }: React.ComponentProps<typeof Sidebar>) {
+  const t = useTranslations('Sidebar')
+  const data: { navMain: NavItem[] } = {
   navMain: [
     {
-      title: "Dashboard",
+      title: t('Dashboard'),
       icon: LayoutDashboardIcon,
       url: "/dashboard",
     },
     {
-      title: "My Infrastructure",
+      title: t('My Infrastructure'),
       url: "#",
       icon: Briefcase,
       items: [
         {
-          title: "Servers",
+          title: t('Servers'),
           icon: Server,
           url: "/dashboard/servers",
         },
         {
-          title: "Applications",
+          title: t('Applications'),
           icon: AppWindow,
           url: "/dashboard/applications",
         },
         {
-          title: "Uptime",
+          title: t('Uptime'),
           icon: Activity,
           url: "/dashboard/uptime",
         },
         {
-          title: "Network",
+          title: t('Network'),
           icon: Network,
           url: "/dashboard/network",
         },
       ],
     },
     {
-      title: "Settings",
+      title: t('Settings'),
       icon: Settings,
       url: "/dashboard/settings",
     },
   ],
 }
 
-export function AppSidebar({ ...props }: React.ComponentProps<typeof Sidebar>) {
   const router = useRouter()
   const pathname = usePathname()
 
@@ -115,7 +118,7 @@ export function AppSidebar({ ...props }: React.ComponentProps<typeof Sidebar>) {
         <SidebarMenu>
           <SidebarMenuItem>
             <SidebarMenuButton size="lg" asChild className="gap-3">
-              <a href="https://github.com/crocofied/corecontrol" className="transition-all hover:opacity-80">
+              <a href="https://github.com/crocofied/corecontrol" target="_blank" rel="noreferrer noopener" className="transition-all hover:opacity-80">
                 <div className="flex items-center justify-center rounded-lg overflow-hidden bg-gradient-to-br from-teal-500 to-emerald-600 shadow-sm">
                   <Image src="/logo.png" width={48} height={48} alt="CoreControl Logo" className="object-cover" />
                 </div>
@@ -132,7 +135,7 @@ export function AppSidebar({ ...props }: React.ComponentProps<typeof Sidebar>) {
       <SidebarContent className="flex flex-col h-full py-4">
         <SidebarGroup className="flex-grow">
           <SidebarGroupLabel className="text-xs font-medium text-sidebar-foreground/60 uppercase tracking-wider px-4 mb-2">
-            Main Navigation
+            {t('Main Navigation')}
           </SidebarGroupLabel>
           <SidebarGroupContent>
             <SidebarMenu>
@@ -197,7 +200,7 @@ export function AppSidebar({ ...props }: React.ComponentProps<typeof Sidebar>) {
             onClick={logout}
           >
             <LogOut className="h-4 w-4 mr-2" />
-            Logout
+            {t('Logout')}
           </Button>
         </SidebarFooter>
       </SidebarContent>

components/ui/sonner.tsx

@@ -0,0 +1,25 @@
+"use client"
+
+import { useTheme } from "next-themes"
+import { Toaster as Sonner, ToasterProps } from "sonner"
+
+const Toaster = ({ ...props }: ToasterProps) => {
+  const { theme = "system" } = useTheme()
+
+  return (
+    <Sonner
+      theme={theme as ToasterProps["theme"]}
+      className="toaster group"
+      style={
+        {
+          "--normal-bg": "var(--popover)",
+          "--normal-text": "var(--popover-foreground)",
+          "--normal-border": "var(--border)",
+        } as React.CSSProperties
+      }
+      {...props}
+    />
+  )
+}
+
+export { Toaster }

docs/.vitepress/config.mts

@@ -19,7 +19,7 @@ export default defineConfig({
 
     footer: {
       message: 'Released under the MIT License.',
-      copyright: 'Copyright © 2025-present CoreControl'
+      copyright: 'Copyright © 2025-present CoreControl',
     },
 
     search: {
@@ -53,12 +53,15 @@ export default defineConfig({
           { text: 'Discord', link: '/notifications/Discord' },
           { text: 'Gotify', link: '/notifications/Gotify' },
           { text: 'Ntfy', link: '/notifications/Ntfy' },
+          { text: 'Pushover', link: '/notifications/Pushover' },
+          { text: 'Echobell', link: '/notifications/Echobell' },
         ]
       }
     ],
 
     socialLinks: [
-      { icon: 'github', link: 'https://github.com/crocofied/corecontrol' }
+      { icon: 'github', link: 'https://github.com/crocofied/corecontrol' },
+      { icon: 'buymeacoffee', link: 'https://www.buymeacoffee.com/corecontrol' }
     ]
   }
 })

docs/.vitepress/dist/404.html

@@ -8,8 +8,8 @@
     <meta name="generator" content="VitePress v1.6.3">
     <link rel="preload stylesheet" href="/assets/style.DEOyzpKL.css" as="style">
     <link rel="preload stylesheet" href="/vp-icons.css" as="style">
-    <script type="module" src="/assets/chunks/metadata.87c7e30c.js"></script>
-    <script type="module" src="/assets/app.CZwi0YgD.js"></script>
+    <script type="module" src="/assets/chunks/metadata.80a3dac1.js"></script>
+    <script type="module" src="/assets/app.C_TDNGCa.js"></script>
     <link rel="preload" href="/assets/inter-roman-latin.Di8DUHzh.woff2" as="font" type="font/woff2" crossorigin="">
     <link rel="icon" type="image/png" href="/logo.png">
     <script id="check-dark-mode">(()=>{const e=localStorage.getItem("vitepress-theme-appearance")||"auto",a=window.matchMedia("(prefers-color-scheme: dark)").matches;(!e||e==="auto"?a:e==="dark")&&document.documentElement.classList.add("dark")})();</script>

docs/.vitepress/dist/assets/app.C_TDNGCa.js

@@ -1 +1 @@
-import{t as p}from"./chunks/theme.CkdfpqM_.js";import{R as s,a2 as i,a3 as u,a4 as c,a5 as l,a6 as f,a7 as d,a8 as m,a9 as h,aa as g,ab as A,d as v,u as y,v as C,s as P,ac as b,ad as w,ae as R,af as E}from"./chunks/framework.DPDPlp3K.js";function r(e){if(e.extends){const a=r(e.extends);return{...a,...e,async enhanceApp(t){a.enhanceApp&&await a.enhanceApp(t),e.enhanceApp&&await e.enhanceApp(t)}}}return e}const n=r(p),S=v({name:"VitePressApp",setup(){const{site:e,lang:a,dir:t}=y();return C(()=>{P(()=>{document.documentElement.lang=a.value,document.documentElement.dir=t.value})}),e.value.router.prefetchLinks&&b(),w(),R(),n.setup&&n.setup(),()=>E(n.Layout)}});async function T(){globalThis.__VITEPRESS__=!0;const e=_(),a=D();a.provide(u,e);const t=c(e.route);return a.provide(l,t),a.component("Content",f),a.component("ClientOnly",d),Object.defineProperties(a.config.globalProperties,{$frontmatter:{get(){return t.frontmatter.value}},$params:{get(){return t.page.value.params}}}),n.enhanceApp&&await n.enhanceApp({app:a,router:e,siteData:m}),{app:a,router:e,data:t}}function D(){return A(S)}function _(){let e=s;return h(a=>{let t=g(a),o=null;return t&&(e&&(t=t.replace(/\.js$/,".lean.js")),o=import(t)),s&&(e=!1),o},n.NotFound)}s&&T().then(({app:e,router:a,data:t})=>{a.go().then(()=>{i(a.route,t.site),e.mount("#app")})});export{T as createApp};
+import{t as p}from"./chunks/theme.BsFEzhuB.js";import{R as s,a2 as i,a3 as u,a4 as c,a5 as l,a6 as f,a7 as d,a8 as m,a9 as h,aa as g,ab as A,d as v,u as y,v as C,s as P,ac as b,ad as w,ae as R,af as E}from"./chunks/framework.DPDPlp3K.js";function r(e){if(e.extends){const a=r(e.extends);return{...a,...e,async enhanceApp(t){a.enhanceApp&&await a.enhanceApp(t),e.enhanceApp&&await e.enhanceApp(t)}}}return e}const n=r(p),S=v({name:"VitePressApp",setup(){const{site:e,lang:a,dir:t}=y();return C(()=>{P(()=>{document.documentElement.lang=a.value,document.documentElement.dir=t.value})}),e.value.router.prefetchLinks&&b(),w(),R(),n.setup&&n.setup(),()=>E(n.Layout)}});async function T(){globalThis.__VITEPRESS__=!0;const e=_(),a=D();a.provide(u,e);const t=c(e.route);return a.provide(l,t),a.component("Content",f),a.component("ClientOnly",d),Object.defineProperties(a.config.globalProperties,{$frontmatter:{get(){return t.frontmatter.value}},$params:{get(){return t.page.value.params}}}),n.enhanceApp&&await n.enhanceApp({app:a,router:e,siteData:m}),{app:a,router:e,data:t}}function D(){return A(S)}function _(){let e=s;return h(a=>{let t=g(a),o=null;return t&&(e&&(t=t.replace(/\.js$/,".lean.js")),o=import(t)),s&&(e=!1),o},n.NotFound)}s&&T().then(({app:e,router:a,data:t})=>{a.go().then(()=>{i(a.route,t.site),e.mount("#app")})});export{T as createApp};

docs/.vitepress/dist/assets/chunks/metadata.80a3dac1.js

@@ -0,0 +1 @@
+window.__VP_HASH_MAP__=JSON.parse("{\"general_applications.md\":\"DFVqSlCw\",\"general_dashboard.md\":\"DW5yESFW\",\"general_network.md\":\"tbP8aEzX\",\"general_servers.md\":\"BaASA60T\",\"general_settings.md\":\"DG8ZT4OR\",\"general_uptime.md\":\"CKBdQg4u\",\"index.md\":\"vIfS0_LS\",\"installation.md\":\"RudnHaMh\",\"notifications_discord.md\":\"D5alp298\",\"notifications_echobell.md\":\"IszWXk9P\",\"notifications_email.md\":\"n24Ra-lu\",\"notifications_general.md\":\"D7AVsSjD\",\"notifications_gotify.md\":\"D36rLkt7\",\"notifications_ntfy.md\":\"BPwrZ9j5\",\"notifications_pushover.md\":\"B37wP4uj\",\"notifications_telegram.md\":\"B9HZvnCz\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"CoreControl\",\"description\":\"Dashboard to manage your entire server infrastructure\",\"base\":\"/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":\"/logo.png\",\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Installation\",\"link\":\"/installation\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2025-present CoreControl\"},\"search\":{\"provider\":\"local\"},\"sidebar\":[{\"text\":\"Deploy\",\"items\":[{\"text\":\"Installation\",\"link\":\"/installation\"}]},{\"text\":\"General\",\"items\":[{\"text\":\"Dashboard\",\"link\":\"/general/Dashboard\"},{\"text\":\"Servers\",\"link\":\"/general/Servers\"},{\"text\":\"Applications\",\"link\":\"/general/Applications\"},{\"text\":\"Uptime\",\"link\":\"/general/Uptime\"},{\"text\":\"Network\",\"link\":\"/general/Network\"},{\"text\":\"Settings\",\"link\":\"/general/Settings\"}]},{\"text\":\"Notifications\",\"items\":[{\"text\":\"General\",\"link\":\"/notifications/General\"},{\"text\":\"Email\",\"link\":\"/notifications/Email\"},{\"text\":\"Telegram\",\"link\":\"/notifications/Telegram\"},{\"text\":\"Discord\",\"link\":\"/notifications/Discord\"},{\"text\":\"Gotify\",\"link\":\"/notifications/Gotify\"},{\"text\":\"Ntfy\",\"link\":\"/notifications/Ntfy\"},{\"text\":\"Pushover\",\"link\":\"/notifications/Pushover\"},{\"text\":\"Echobell\",\"link\":\"/notifications/Echobell\"}]}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/crocofied/corecontrol\"},{\"icon\":\"buymeacoffee\",\"link\":\"https://www.buymeacoffee.com/corecontrol\"}]},\"locales\":{},\"scrollOffset\":134,\"cleanUrls\":true}");

docs/.vitepress/dist/assets/chunks/metadata.87c7e30c.js

@@ -1 +0,0 @@
-window.__VP_HASH_MAP__=JSON.parse("{\"general_applications.md\":\"DFVqSlCw\",\"general_dashboard.md\":\"DW5yESFW\",\"general_network.md\":\"tbP8aEzX\",\"general_servers.md\":\"BaASA60T\",\"general_settings.md\":\"DrC2XV32\",\"general_uptime.md\":\"CKBdQg4u\",\"index.md\":\"_yXl4OkC\",\"installation.md\":\"Cz1eOHOr\",\"notifications_discord.md\":\"C0x5CxmR\",\"notifications_email.md\":\"Cugw2BRs\",\"notifications_general.md\":\"D7AVsSjD\",\"notifications_gotify.md\":\"vFHjr6ko\",\"notifications_ntfy.md\":\"CPMnGQVP\",\"notifications_telegram.md\":\"B6_EzaEX\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"CoreControl\",\"description\":\"Dashboard to manage your entire server infrastructure\",\"base\":\"/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":\"/logo.png\",\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Installation\",\"link\":\"/installation\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2025-present CoreControl\"},\"search\":{\"provider\":\"local\"},\"sidebar\":[{\"text\":\"Deploy\",\"items\":[{\"text\":\"Installation\",\"link\":\"/installation\"}]},{\"text\":\"General\",\"items\":[{\"text\":\"Dashboard\",\"link\":\"/general/Dashboard\"},{\"text\":\"Servers\",\"link\":\"/general/Servers\"},{\"text\":\"Applications\",\"link\":\"/general/Applications\"},{\"text\":\"Uptime\",\"link\":\"/general/Uptime\"},{\"text\":\"Network\",\"link\":\"/general/Network\"},{\"text\":\"Settings\",\"link\":\"/general/Settings\"}]},{\"text\":\"Notifications\",\"items\":[{\"text\":\"General\",\"link\":\"/notifications/General\"},{\"text\":\"Email\",\"link\":\"/notifications/Email\"},{\"text\":\"Telegram\",\"link\":\"/notifications/Telegram\"},{\"text\":\"Discord\",\"link\":\"/notifications/Discord\"},{\"text\":\"Gotify\",\"link\":\"/notifications/Gotify\"},{\"text\":\"Ntfy\",\"link\":\"/notifications/Ntfy\"}]}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/crocofied/corecontrol\"}]},\"locales\":{},\"scrollOffset\":134,\"cleanUrls\":true}");

docs/.vitepress/dist/assets/general_Settings.md.DG8ZT4OR.js

@@ -0,0 +1 @@
+import{_ as e}from"./chunks/settings_notifications.DL7eQG4d.js";import{_ as a,c as n,o as s,ag as i}from"./chunks/framework.DPDPlp3K.js";const o="/assets/settings_user.eib6RZVK.png",r="/assets/settings_theme.AZP0Uw0g.png",g="/assets/settings_language.CCbF4jzs.png",S=JSON.parse('{"title":"Settings","description":"","frontmatter":{},"headers":[],"relativePath":"general/Settings.md","filePath":"general/Settings.md","lastUpdated":1745962518000}'),l={name:"general/Settings.md"};function h(c,t,p,d,u,m){return s(),n("div",null,t[0]||(t[0]=[i('<h1 id="settings" tabindex="-1">Settings <a class="header-anchor" href="#settings" aria-label="Permalink to &quot;Settings&quot;">​</a></h1><p>Here you can manage the complete settings of CoreControl.</p><h2 id="user-settings" tabindex="-1">User Settings <a class="header-anchor" href="#user-settings" aria-label="Permalink to &quot;User Settings&quot;">​</a></h2><p><img src="'+o+'" alt="User Settings"></p><p>You can change your email and password in the user settings. Please note that you need your old password to change your password.</p><h2 id="theme-settings" tabindex="-1">Theme Settings <a class="header-anchor" href="#theme-settings" aria-label="Permalink to &quot;Theme Settings&quot;">​</a></h2><p><img src="'+r+'" alt="Theme Settings"></p><p>With the theme settings you have the choice between light and dark mode. There is also the option to select “System”, where the system settings are applied.</p><h2 id="language-settings" tabindex="-1">Language Settings <a class="header-anchor" href="#language-settings" aria-label="Permalink to &quot;Language Settings&quot;">​</a></h2><p><img src="'+g+'" alt="Language Setting"></p><p>To promote internationalization (also often known as i18n), you can select the language in which you want everything to be displayed within CoreControl. Currently there is the standard language “English” and the language German.</p><h2 id="notification-settings" tabindex="-1">Notification Settings <a class="header-anchor" href="#notification-settings" aria-label="Permalink to &quot;Notification Settings&quot;">​</a></h2><p><img src="'+e+'" alt="Notification Settings"></p><p>To receive notifications from CoreControl, you can add all your notification providers here. You can also customize the notification text.</p>',14)]))}const y=a(l,[["render",h]]);export{S as __pageData,y as default};

docs/.vitepress/dist/assets/general_Settings.md.DG8ZT4OR.lean.js

@@ -0,0 +1 @@
+import{_ as e}from"./chunks/settings_notifications.DL7eQG4d.js";import{_ as a,c as n,o as s,ag as i}from"./chunks/framework.DPDPlp3K.js";const o="/assets/settings_user.eib6RZVK.png",r="/assets/settings_theme.AZP0Uw0g.png",g="/assets/settings_language.CCbF4jzs.png",S=JSON.parse('{"title":"Settings","description":"","frontmatter":{},"headers":[],"relativePath":"general/Settings.md","filePath":"general/Settings.md","lastUpdated":1745962518000}'),l={name:"general/Settings.md"};function h(c,t,p,d,u,m){return s(),n("div",null,t[0]||(t[0]=[i("",14)]))}const y=a(l,[["render",h]]);export{S as __pageData,y as default};

docs/.vitepress/dist/assets/general_Settings.md.DrC2XV32.js

@@ -1 +0,0 @@
-import{_ as e}from"./chunks/settings_notifications.DL7eQG4d.js";import{_ as s,c as a,o as i,ag as n}from"./chunks/framework.DPDPlp3K.js";const r="/assets/settings_user.eib6RZVK.png",o="/assets/settings_theme.AZP0Uw0g.png",f=JSON.parse('{"title":"Settings","description":"","frontmatter":{},"headers":[],"relativePath":"general/Settings.md","filePath":"general/Settings.md","lastUpdated":1745241280000}'),g={name:"general/Settings.md"};function l(c,t,_,h,m,p){return i(),a("div",null,t[0]||(t[0]=[n('<h1 id="settings" tabindex="-1">Settings <a class="header-anchor" href="#settings" aria-label="Permalink to &quot;Settings&quot;">​</a></h1><p>Here you can manage the complete settings of CoreControl.</p><h2 id="user-settings" tabindex="-1">User Settings <a class="header-anchor" href="#user-settings" aria-label="Permalink to &quot;User Settings&quot;">​</a></h2><p><img src="'+r+'" alt="User Settings"></p><h2 id="theme-settings" tabindex="-1">Theme Settings <a class="header-anchor" href="#theme-settings" aria-label="Permalink to &quot;Theme Settings&quot;">​</a></h2><p><img src="'+o+'" alt="Theme Settings"></p><h2 id="notification-settings" tabindex="-1">Notification Settings <a class="header-anchor" href="#notification-settings" aria-label="Permalink to &quot;Notification Settings&quot;">​</a></h2><p><img src="'+e+'" alt="Notification Settings"></p>',8)]))}const u=s(g,[["render",l]]);export{f as __pageData,u as default};

docs/.vitepress/dist/assets/general_Settings.md.DrC2XV32.lean.js

@@ -1 +0,0 @@
-import{_ as e}from"./chunks/settings_notifications.DL7eQG4d.js";import{_ as s,c as a,o as i,ag as n}from"./chunks/framework.DPDPlp3K.js";const r="/assets/settings_user.eib6RZVK.png",o="/assets/settings_theme.AZP0Uw0g.png",f=JSON.parse('{"title":"Settings","description":"","frontmatter":{},"headers":[],"relativePath":"general/Settings.md","filePath":"general/Settings.md","lastUpdated":1745241280000}'),g={name:"general/Settings.md"};function l(c,t,_,h,m,p){return i(),a("div",null,t[0]||(t[0]=[n("",8)]))}const u=s(g,[["render",l]]);export{f as __pageData,u as default};

docs/.vitepress/dist/assets/index.md.vIfS0_LS.js

@@ -1 +1 @@
-import{_ as e,c as t,o as a}from"./chunks/framework.DPDPlp3K.js";const u=JSON.parse('{"title":"","description":"","frontmatter":{"layout":"home","hero":{"name":"CoreControl","text":"Manage your server infrastructure","actions":[{"theme":"brand","text":"Install","link":"/installation"},{"theme":"alt","text":"GitHub","link":"https://github.com/crocofied/corecontrol"}],"image":{"src":"/logo.png","alt":"Logo"}},"features":[{"icon":"🚀","title":"Easy Deployment","details":"Deploy and manage your servers with just a few clicks - thanks to docker"},{"icon":"🔒","title":"Secure Management","details":"Secure connections with the panel and a more secure authentication system"},{"icon":"📊","title":"Real-time Monitoring","details":"Monitor server performance, resource usage and uptime in real-time"},{"icon":"🎮","title":"Easy to Manage","details":"Simple and intuitive management interface for all your needs"},{"icon":"🔔","title":"Notifications","details":"Stay informed withalerts and notifications about your servers & applications status"},{"icon":"✨","title":"Clean UI","details":"Modern and user-friendly interface designed for the best user experience"}]},"headers":[],"relativePath":"index.md","filePath":"index.md","lastUpdated":1745241416000}'),n={name:"index.md"};function i(o,r,s,c,l,d){return a(),t("div")}const p=e(n,[["render",i]]);export{u as __pageData,p as default};
+import{_ as e,c as t,o as a}from"./chunks/framework.DPDPlp3K.js";const u=JSON.parse('{"title":"","description":"","frontmatter":{"layout":"home","hero":{"name":"CoreControl","text":"Manage your server infrastructure","actions":[{"theme":"brand","text":"Install","link":"/installation"},{"theme":"alt","text":"GitHub","link":"https://github.com/crocofied/corecontrol"}],"image":{"src":"/logo.png","alt":"Logo"}},"features":[{"icon":"🚀","title":"Easy Deployment","details":"Deploy and manage your servers with just a few clicks - thanks to docker"},{"icon":"🔒","title":"Secure Management","details":"Secure connections with the panel and a more secure authentication system"},{"icon":"📊","title":"Real-time Monitoring","details":"Monitor server performance, resource usage and uptime in real-time"},{"icon":"🎮","title":"Easy to Manage","details":"Simple and intuitive management interface for all your needs"},{"icon":"🔔","title":"Notifications","details":"Stay informed with alerts and notifications about your servers & applications status"},{"icon":"✨","title":"Clean UI","details":"Modern and user-friendly interface designed for the best user experience"}]},"headers":[],"relativePath":"index.md","filePath":"index.md","lastUpdated":1745614668000}'),n={name:"index.md"};function i(o,r,s,c,l,d){return a(),t("div")}const p=e(n,[["render",i]]);export{u as __pageData,p as default};

docs/.vitepress/dist/assets/index.md.vIfS0_LS.lean.js

@@ -1 +1 @@
-import{_ as e,c as t,o as a}from"./chunks/framework.DPDPlp3K.js";const u=JSON.parse('{"title":"","description":"","frontmatter":{"layout":"home","hero":{"name":"CoreControl","text":"Manage your server infrastructure","actions":[{"theme":"brand","text":"Install","link":"/installation"},{"theme":"alt","text":"GitHub","link":"https://github.com/crocofied/corecontrol"}],"image":{"src":"/logo.png","alt":"Logo"}},"features":[{"icon":"🚀","title":"Easy Deployment","details":"Deploy and manage your servers with just a few clicks - thanks to docker"},{"icon":"🔒","title":"Secure Management","details":"Secure connections with the panel and a more secure authentication system"},{"icon":"📊","title":"Real-time Monitoring","details":"Monitor server performance, resource usage and uptime in real-time"},{"icon":"🎮","title":"Easy to Manage","details":"Simple and intuitive management interface for all your needs"},{"icon":"🔔","title":"Notifications","details":"Stay informed withalerts and notifications about your servers & applications status"},{"icon":"✨","title":"Clean UI","details":"Modern and user-friendly interface designed for the best user experience"}]},"headers":[],"relativePath":"index.md","filePath":"index.md","lastUpdated":1745241416000}'),n={name:"index.md"};function i(o,r,s,c,l,d){return a(),t("div")}const p=e(n,[["render",i]]);export{u as __pageData,p as default};
+import{_ as e,c as t,o as a}from"./chunks/framework.DPDPlp3K.js";const u=JSON.parse('{"title":"","description":"","frontmatter":{"layout":"home","hero":{"name":"CoreControl","text":"Manage your server infrastructure","actions":[{"theme":"brand","text":"Install","link":"/installation"},{"theme":"alt","text":"GitHub","link":"https://github.com/crocofied/corecontrol"}],"image":{"src":"/logo.png","alt":"Logo"}},"features":[{"icon":"🚀","title":"Easy Deployment","details":"Deploy and manage your servers with just a few clicks - thanks to docker"},{"icon":"🔒","title":"Secure Management","details":"Secure connections with the panel and a more secure authentication system"},{"icon":"📊","title":"Real-time Monitoring","details":"Monitor server performance, resource usage and uptime in real-time"},{"icon":"🎮","title":"Easy to Manage","details":"Simple and intuitive management interface for all your needs"},{"icon":"🔔","title":"Notifications","details":"Stay informed with alerts and notifications about your servers & applications status"},{"icon":"✨","title":"Clean UI","details":"Modern and user-friendly interface designed for the best user experience"}]},"headers":[],"relativePath":"index.md","filePath":"index.md","lastUpdated":1745614668000}'),n={name:"index.md"};function i(o,r,s,c,l,d){return a(),t("div")}const p=e(n,[["render",i]]);export{u as __pageData,p as default};

docs/.vitepress/dist/assets/installation.md.RudnHaMh.js

@@ -1,4 +1,4 @@
-import{_ as i,c as a,o as n,ag as t}from"./chunks/framework.DPDPlp3K.js";const d=JSON.parse('{"title":"Installation","description":"","frontmatter":{},"headers":[],"relativePath":"installation.md","filePath":"installation.md","lastUpdated":1745171698000}'),l={name:"installation.md"};function e(p,s,h,k,r,o){return n(),a("div",null,s[0]||(s[0]=[t(`<h1 id="installation" tabindex="-1">Installation <a class="header-anchor" href="#installation" aria-label="Permalink to &quot;Installation&quot;">​</a></h1><p>The easiest way to install CoreControl is using Docker Compose. Follow these steps:</p><h2 id="docker-compose-installation" tabindex="-1">Docker Compose Installation <a class="header-anchor" href="#docker-compose-installation" aria-label="Permalink to &quot;Docker Compose Installation&quot;">​</a></h2><div class="danger custom-block"><p class="custom-block-title">DANGER</p><p>CoreControl is at an early stage of development and is subject to change. It is not recommended for use in a production environment at this time.</p></div><ol><li><p>Make sure <a href="https://docs.docker.com/get-docker/" target="_blank" rel="noreferrer">Docker</a> and <a href="https://docs.docker.com/compose/install/" target="_blank" rel="noreferrer">Docker Compose</a> are installed on your system.</p></li><li><p>Create a file named <code>docker-compose.yml</code> with the following content:</p></li></ol><div class="language-yaml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">yaml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">services</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">:</span></span>
+import{_ as i,c as a,o as n,ag as t}from"./chunks/framework.DPDPlp3K.js";const d=JSON.parse('{"title":"Installation","description":"","frontmatter":{},"headers":[],"relativePath":"installation.md","filePath":"installation.md","lastUpdated":1745961699000}'),l={name:"installation.md"};function e(p,s,h,k,r,o){return n(),a("div",null,s[0]||(s[0]=[t(`<h1 id="installation" tabindex="-1">Installation <a class="header-anchor" href="#installation" aria-label="Permalink to &quot;Installation&quot;">​</a></h1><p>The easiest way to install CoreControl is using Docker Compose. Follow these steps:</p><h2 id="docker-compose-installation" tabindex="-1">Docker Compose Installation <a class="header-anchor" href="#docker-compose-installation" aria-label="Permalink to &quot;Docker Compose Installation&quot;">​</a></h2><ol><li><p>Make sure <a href="https://docs.docker.com/get-docker/" target="_blank" rel="noreferrer">Docker</a> and <a href="https://docs.docker.com/compose/install/" target="_blank" rel="noreferrer">Docker Compose</a> are installed on your system.</p></li><li><p>Create a file named <code>docker-compose.yml</code> with the following content:</p></li></ol><div class="language-yaml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">yaml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">services</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">:</span></span>
 <span class="line"><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">  web</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">:</span></span>
 <span class="line"><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">    image</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">: </span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">haedlessdev/corecontrol:latest</span></span>
 <span class="line"><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">    ports</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">:</span></span>
@@ -33,4 +33,4 @@ import{_ as i,c as a,o as n,ag as t}from"./chunks/framework.DPDPlp3K.js";const d
 <span class="line"><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">volumes</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">:</span></span>
 <span class="line"><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">  postgres_data</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">:</span></span></code></pre></div><ol start="3"><li>Generate a custom JWT_SECRET with e.g. <a href="https://jwtsecret.com/generate" target="_blank" rel="noreferrer">jwtsecret.com/generate</a></li><li>Start CoreControl with the following command:</li></ol><div class="language-bash vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">bash</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">docker-compose</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> up</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> -d</span></span>
 <span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;"># OR</span></span>
-<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">docker</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> compose</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> up</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> -d</span></span></code></pre></div><ol start="5"><li>The application is now available at <code>http://localhost:3000</code>.</li></ol><h2 id="authentication" tabindex="-1">Authentication <a class="header-anchor" href="#authentication" aria-label="Permalink to &quot;Authentication&quot;">​</a></h2><p>CoreControl comes with a default administrator account:</p><ul><li><strong>Email</strong>: <a href="mailto:admin@example.com" target="_blank" rel="noreferrer">admin@example.com</a></li><li><strong>Password</strong>: admin</li></ul><div class="warning custom-block"><p class="custom-block-title">WARNING</p><p>For security reasons, it is strongly recommended to change the default credentials immediately after your first login.</p></div><p>You can change the administrator password in the settings after logging in.</p>`,14)]))}const g=i(l,[["render",e]]);export{d as __pageData,g as default};
+<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">docker</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> compose</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> up</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> -d</span></span></code></pre></div><ol start="5"><li>The application is now available at <code>http://localhost:3000</code>.</li></ol><h2 id="authentication" tabindex="-1">Authentication <a class="header-anchor" href="#authentication" aria-label="Permalink to &quot;Authentication&quot;">​</a></h2><p>CoreControl comes with a default administrator account:</p><ul><li><strong>Email</strong>: <a href="mailto:admin@example.com" target="_blank" rel="noreferrer">admin@example.com</a></li><li><strong>Password</strong>: admin</li></ul><div class="warning custom-block"><p class="custom-block-title">WARNING</p><p>For security reasons, it is strongly recommended to change the default credentials immediately after your first login.</p></div><p>You can change the administrator password in the settings after logging in.</p>`,13)]))}const g=i(l,[["render",e]]);export{d as __pageData,g as default};

docs/.vitepress/dist/assets/installation.md.RudnHaMh.lean.js

@@ -1 +1 @@
-import{_ as i,c as a,o as n,ag as t}from"./chunks/framework.DPDPlp3K.js";const d=JSON.parse('{"title":"Installation","description":"","frontmatter":{},"headers":[],"relativePath":"installation.md","filePath":"installation.md","lastUpdated":1745171698000}'),l={name:"installation.md"};function e(p,s,h,k,r,o){return n(),a("div",null,s[0]||(s[0]=[t("",14)]))}const g=i(l,[["render",e]]);export{d as __pageData,g as default};
+import{_ as i,c as a,o as n,ag as t}from"./chunks/framework.DPDPlp3K.js";const d=JSON.parse('{"title":"Installation","description":"","frontmatter":{},"headers":[],"relativePath":"installation.md","filePath":"installation.md","lastUpdated":1745961699000}'),l={name:"installation.md"};function e(p,s,h,k,r,o){return n(),a("div",null,s[0]||(s[0]=[t("",13)]))}const g=i(l,[["render",e]]);export{d as __pageData,g as default};

docs/.vitepress/dist/assets/notifications_Discord.md.C0x5CxmR.js

@@ -1 +0,0 @@
-import{_ as o,c as a,o as e,j as t,a as i}from"./chunks/framework.DPDPlp3K.js";const r="/assets/notifications_discord.BzLLVI_K.png",D=JSON.parse('{"title":"Discord","description":"","frontmatter":{},"headers":[],"relativePath":"notifications/Discord.md","filePath":"notifications/Discord.md","lastUpdated":1745241280000}'),c={name:"notifications/Discord.md"};function d(n,s,l,p,f,_){return e(),a("div",null,s[0]||(s[0]=[t("h1",{id:"discord",tabindex:"-1"},[i("Discord "),t("a",{class:"header-anchor",href:"#discord","aria-label":'Permalink to "Discord"'},"​")],-1),t("p",null,[t("img",{src:r,alt:"Discord"})],-1)]))}const h=o(c,[["render",d]]);export{D as __pageData,h as default};

docs/.vitepress/dist/assets/notifications_Discord.md.C0x5CxmR.lean.js

@@ -1 +0,0 @@
-import{_ as o,c as a,o as e,j as t,a as i}from"./chunks/framework.DPDPlp3K.js";const r="/assets/notifications_discord.BzLLVI_K.png",D=JSON.parse('{"title":"Discord","description":"","frontmatter":{},"headers":[],"relativePath":"notifications/Discord.md","filePath":"notifications/Discord.md","lastUpdated":1745241280000}'),c={name:"notifications/Discord.md"};function d(n,s,l,p,f,_){return e(),a("div",null,s[0]||(s[0]=[t("h1",{id:"discord",tabindex:"-1"},[i("Discord "),t("a",{class:"header-anchor",href:"#discord","aria-label":'Permalink to "Discord"'},"​")],-1),t("p",null,[t("img",{src:r,alt:"Discord"})],-1)]))}const h=o(c,[["render",d]]);export{D as __pageData,h as default};

docs/.vitepress/dist/assets/notifications_Discord.md.D5alp298.js

@@ -0,0 +1 @@
+import{_ as i,c as a,o as s,j as e,a as t}from"./chunks/framework.DPDPlp3K.js";const u=JSON.parse('{"title":"Discord Notification Setup","description":"","frontmatter":{},"headers":[],"relativePath":"notifications/Discord.md","filePath":"notifications/Discord.md","lastUpdated":1745963141000}'),r={name:"notifications/Discord.md"};function n(c,o,d,l,f,p){return s(),a("div",null,o[0]||(o[0]=[e("h1",{id:"discord-notification-setup",tabindex:"-1"},[t("Discord Notification Setup "),e("a",{class:"header-anchor",href:"#discord-notification-setup","aria-label":'Permalink to "Discord Notification Setup"'},"​")],-1),e("p",null,[t("To enable Discord notifications, you will need a "),e("strong",null,"Discord Webhook URL"),t("."),e("br"),t(" This URL allows the system to send messages directly to a specific Discord channel.")],-1),e("p",null,[t("You can create a webhook by following this "),e("a",{href:"https://support.discord.com/hc/articles/228383668",target:"_blank",rel:"noreferrer"},"official Discord guide"),t("."),e("br"),t(" Once created, simply paste the webhook URL into the designated field in your notification settings.")],-1)]))}const m=i(r,[["render",n]]);export{u as __pageData,m as default};

docs/.vitepress/dist/assets/notifications_Discord.md.D5alp298.lean.js

@@ -0,0 +1 @@
+import{_ as i,c as a,o as s,j as e,a as t}from"./chunks/framework.DPDPlp3K.js";const u=JSON.parse('{"title":"Discord Notification Setup","description":"","frontmatter":{},"headers":[],"relativePath":"notifications/Discord.md","filePath":"notifications/Discord.md","lastUpdated":1745963141000}'),r={name:"notifications/Discord.md"};function n(c,o,d,l,f,p){return s(),a("div",null,o[0]||(o[0]=[e("h1",{id:"discord-notification-setup",tabindex:"-1"},[t("Discord Notification Setup "),e("a",{class:"header-anchor",href:"#discord-notification-setup","aria-label":'Permalink to "Discord Notification Setup"'},"​")],-1),e("p",null,[t("To enable Discord notifications, you will need a "),e("strong",null,"Discord Webhook URL"),t("."),e("br"),t(" This URL allows the system to send messages directly to a specific Discord channel.")],-1),e("p",null,[t("You can create a webhook by following this "),e("a",{href:"https://support.discord.com/hc/articles/228383668",target:"_blank",rel:"noreferrer"},"official Discord guide"),t("."),e("br"),t(" Once created, simply paste the webhook URL into the designated field in your notification settings.")],-1)]))}const m=i(r,[["render",n]]);export{u as __pageData,m as default};

docs/.vitepress/dist/assets/notifications_Echobell.md.IszWXk9P.js

@@ -0,0 +1 @@
+import{_ as e,c as t,o as n,ag as i}from"./chunks/framework.DPDPlp3K.js";const u=JSON.parse('{"title":"Echobell Notification Setup","description":"","frontmatter":{},"headers":[],"relativePath":"notifications/Echobell.md","filePath":"notifications/Echobell.md","lastUpdated":1745964106000}'),l={name:"notifications/Echobell.md"};function a(s,o,r,c,h,d){return n(),t("div",null,o[0]||(o[0]=[i('<h1 id="echobell-notification-setup" tabindex="-1">Echobell Notification Setup <a class="header-anchor" href="#echobell-notification-setup" aria-label="Permalink to &quot;Echobell Notification Setup&quot;">​</a></h1><p>To enable Echobell notifications, you need the following:</p><ul><li><p><strong>Echobell Webhook URL</strong><br> The HTTP POST endpoint that Echobell exposes for your channel. You’ll find it in your channel’s <strong>Integrations → Webhooks</strong> section.</p></li><li><p><strong>Message Field Key</strong><br> The JSON field name that Echobell expects for the notification text. By default this is <code>message</code>, but you can verify or customize it under <strong>Integrations → Webhooks → Payload Settings</strong>.</p></li></ul><h2 id="how-to-get-your-webhook-url-and-field-key" tabindex="-1">How to get your Webhook URL and field key <a class="header-anchor" href="#how-to-get-your-webhook-url-and-field-key" aria-label="Permalink to &quot;How to get your Webhook URL and field key&quot;">​</a></h2><ol><li><strong>Log in</strong> to your Echobell account.</li><li><strong>Select the channel</strong> you want to send notifications to.</li><li>Navigate to <strong>Integrations → Webhooks</strong>. <ul><li>Copy the <strong>Webhook URL</strong> shown there (e.g., <code>https://api.echobell.one/hooks/abc123</code>).</li></ul></li><li>In the same screen, check <strong>Payload Settings</strong> and confirm the <strong>Field Key</strong> for your message (<code>message</code>).</li></ol>',5)]))}const f=e(l,[["render",a]]);export{u as __pageData,f as default};

docs/.vitepress/dist/assets/notifications_Echobell.md.IszWXk9P.lean.js

@@ -0,0 +1 @@
+import{_ as e,c as t,o as n,ag as i}from"./chunks/framework.DPDPlp3K.js";const u=JSON.parse('{"title":"Echobell Notification Setup","description":"","frontmatter":{},"headers":[],"relativePath":"notifications/Echobell.md","filePath":"notifications/Echobell.md","lastUpdated":1745964106000}'),l={name:"notifications/Echobell.md"};function a(s,o,r,c,h,d){return n(),t("div",null,o[0]||(o[0]=[i("",5)]))}const f=e(l,[["render",a]]);export{u as __pageData,f as default};

docs/.vitepress/dist/assets/notifications_Email.md.Cugw2BRs.js

@@ -1 +0,0 @@
-import{_ as e,c as i,o as s,j as a,a as o}from"./chunks/framework.DPDPlp3K.js";const n="/assets/notifications_smtp.C9OYC6IZ.png",E=JSON.parse('{"title":"Email","description":"","frontmatter":{},"headers":[],"relativePath":"notifications/Email.md","filePath":"notifications/Email.md","lastUpdated":1745241280000}'),r={name:"notifications/Email.md"};function l(m,t,c,d,p,f){return s(),i("div",null,t[0]||(t[0]=[a("h1",{id:"email",tabindex:"-1"},[o("Email "),a("a",{class:"header-anchor",href:"#email","aria-label":'Permalink to "Email"'},"​")],-1),a("p",null,[a("img",{src:n,alt:"Set up"})],-1)]))}const u=e(r,[["render",l]]);export{E as __pageData,u as default};

docs/.vitepress/dist/assets/notifications_Email.md.Cugw2BRs.lean.js

@@ -1 +0,0 @@
-import{_ as e,c as i,o as s,j as a,a as o}from"./chunks/framework.DPDPlp3K.js";const n="/assets/notifications_smtp.C9OYC6IZ.png",E=JSON.parse('{"title":"Email","description":"","frontmatter":{},"headers":[],"relativePath":"notifications/Email.md","filePath":"notifications/Email.md","lastUpdated":1745241280000}'),r={name:"notifications/Email.md"};function l(m,t,c,d,p,f){return s(),i("div",null,t[0]||(t[0]=[a("h1",{id:"email",tabindex:"-1"},[o("Email "),a("a",{class:"header-anchor",href:"#email","aria-label":'Permalink to "Email"'},"​")],-1),a("p",null,[a("img",{src:n,alt:"Set up"})],-1)]))}const u=e(r,[["render",l]]);export{E as __pageData,u as default};

docs/.vitepress/dist/assets/notifications_Email.md.n24Ra-lu.js

@@ -0,0 +1 @@
+import{_ as o,c as i,o as t,ag as r}from"./chunks/framework.DPDPlp3K.js";const f=JSON.parse('{"title":"Email Notification Setup","description":"","frontmatter":{},"headers":[],"relativePath":"notifications/Email.md","filePath":"notifications/Email.md","lastUpdated":1745963141000}'),s={name:"notifications/Email.md"};function a(n,e,l,c,d,m){return t(),i("div",null,e[0]||(e[0]=[r('<h1 id="email-notification-setup" tabindex="-1">Email Notification Setup <a class="header-anchor" href="#email-notification-setup" aria-label="Permalink to &quot;Email Notification Setup&quot;">​</a></h1><p>To enable email or SMTP notifications, the following fields must be configured:</p><ul><li><p><strong>SMTP HOST</strong><br> The address of the SMTP server (e.g., <code>smtp.gmail.com</code> or <code>mail.example.com</code>).<br><em>→ Specifies which server will be used to send emails.</em></p></li><li><p><strong>SMTP PORT</strong><br> The port used for sending (typically <code>465</code> for SSL or <code>587</code> for TLS).<br><em>→ Defines the communication channel to the SMTP server.</em></p></li><li><p><strong>Secure Connection</strong><br> Indicates whether a secure connection is used (<code>SSL</code> or <code>TLS</code>).<br><em>→ Important for secure transmission of emails.</em></p></li><li><p><strong>SMTP Username</strong><br> The username for the email account (often the full email address).<br><em>→ Used to authenticate with the SMTP server.</em></p></li><li><p><strong>SMTP Password</strong><br> The corresponding password or an app-specific password.<br><em>→ Also required for authentication. Make sure to store it securely.</em></p></li><li><p><strong>From Address</strong><br> The sender&#39;s email address (e.g., <code>noreply@example.com</code>).<br><em>→ This address will appear as the sender in the recipient&#39;s inbox.</em></p></li><li><p><strong>To Address</strong><br> The recipient&#39;s email address where notifications should be sent.<br><em>→ Can be your personal email or a designated support inbox.</em></p></li></ul>',3)]))}const u=o(s,[["render",a]]);export{f as __pageData,u as default};

docs/.vitepress/dist/assets/notifications_Email.md.n24Ra-lu.lean.js

@@ -0,0 +1 @@
+import{_ as o,c as i,o as t,ag as r}from"./chunks/framework.DPDPlp3K.js";const f=JSON.parse('{"title":"Email Notification Setup","description":"","frontmatter":{},"headers":[],"relativePath":"notifications/Email.md","filePath":"notifications/Email.md","lastUpdated":1745963141000}'),s={name:"notifications/Email.md"};function a(n,e,l,c,d,m){return t(),i("div",null,e[0]||(e[0]=[r("",3)]))}const u=o(s,[["render",a]]);export{f as __pageData,u as default};

docs/.vitepress/dist/assets/notifications_Gotify.md.D36rLkt7.js

@@ -0,0 +1 @@
+import{_ as o,c as e,o as i,ag as a}from"./chunks/framework.DPDPlp3K.js";const g=JSON.parse('{"title":"Gotify Notification Setup","description":"","frontmatter":{},"headers":[],"relativePath":"notifications/Gotify.md","filePath":"notifications/Gotify.md","lastUpdated":1745963303000}'),n={name:"notifications/Gotify.md"};function s(r,t,l,f,c,p){return i(),e("div",null,t[0]||(t[0]=[a('<h1 id="gotify-notification-setup" tabindex="-1">Gotify Notification Setup <a class="header-anchor" href="#gotify-notification-setup" aria-label="Permalink to &quot;Gotify Notification Setup&quot;">​</a></h1><p>To enable Gotify notifications, you need the following information from your Gotify server:</p><ul><li><p><strong>Gotify URL</strong><br> The base URL of your Gotify server (e.g., <code>https://gotify.example.com</code>).</p></li><li><p><strong>Gotify Token</strong><br> The application token used to authenticate and send messages.</p></li></ul><h2 id="how-to-get-these-values" tabindex="-1">How to get these values: <a class="header-anchor" href="#how-to-get-these-values" aria-label="Permalink to &quot;How to get these values:&quot;">​</a></h2><ol><li><strong>Log in to your Gotify server.</strong></li><li><strong>Go to the &quot;Applications&quot; section.</strong></li><li><strong>Create a new application</strong> (e.g., &quot;System Alerts&quot;).</li><li><strong>Copy the generated token</strong> — this is your Gotify Token.</li><li><strong>Use your server&#39;s URL</strong> as the Gotify URL.</li></ol>',5)]))}const h=o(n,[["render",s]]);export{g as __pageData,h as default};

docs/.vitepress/dist/assets/notifications_Gotify.md.D36rLkt7.lean.js

@@ -0,0 +1 @@
+import{_ as o,c as e,o as i,ag as a}from"./chunks/framework.DPDPlp3K.js";const g=JSON.parse('{"title":"Gotify Notification Setup","description":"","frontmatter":{},"headers":[],"relativePath":"notifications/Gotify.md","filePath":"notifications/Gotify.md","lastUpdated":1745963303000}'),n={name:"notifications/Gotify.md"};function s(r,t,l,f,c,p){return i(),e("div",null,t[0]||(t[0]=[a("",5)]))}const h=o(n,[["render",s]]);export{g as __pageData,h as default};

docs/.vitepress/dist/assets/notifications_Gotify.md.vFHjr6ko.js

@@ -1 +0,0 @@
-import{_ as e,c as o,o as i,j as t,a as s}from"./chunks/framework.DPDPlp3K.js";const n="/assets/notifications_gotify.DDAcVx4N.png",y=JSON.parse('{"title":"Gotify","description":"","frontmatter":{},"headers":[],"relativePath":"notifications/Gotify.md","filePath":"notifications/Gotify.md","lastUpdated":1745241280000}'),r={name:"notifications/Gotify.md"};function f(c,a,d,l,p,m){return i(),o("div",null,a[0]||(a[0]=[t("h1",{id:"gotify",tabindex:"-1"},[s("Gotify "),t("a",{class:"header-anchor",href:"#gotify","aria-label":'Permalink to "Gotify"'},"​")],-1),t("p",null,[t("img",{src:n,alt:"Set up"})],-1)]))}const u=e(r,[["render",f]]);export{y as __pageData,u as default};

docs/.vitepress/dist/assets/notifications_Gotify.md.vFHjr6ko.lean.js

@@ -1 +0,0 @@
-import{_ as e,c as o,o as i,j as t,a as s}from"./chunks/framework.DPDPlp3K.js";const n="/assets/notifications_gotify.DDAcVx4N.png",y=JSON.parse('{"title":"Gotify","description":"","frontmatter":{},"headers":[],"relativePath":"notifications/Gotify.md","filePath":"notifications/Gotify.md","lastUpdated":1745241280000}'),r={name:"notifications/Gotify.md"};function f(c,a,d,l,p,m){return i(),o("div",null,a[0]||(a[0]=[t("h1",{id:"gotify",tabindex:"-1"},[s("Gotify "),t("a",{class:"header-anchor",href:"#gotify","aria-label":'Permalink to "Gotify"'},"​")],-1),t("p",null,[t("img",{src:n,alt:"Set up"})],-1)]))}const u=e(r,[["render",f]]);export{y as __pageData,u as default};

docs/.vitepress/dist/assets/notifications_Ntfy.md.BPwrZ9j5.js

@@ -0,0 +1,5 @@
+import{_ as i,c as t,o as a,ag as e}from"./chunks/framework.DPDPlp3K.js";const g=JSON.parse('{"title":"ntfy Notification Setup","description":"","frontmatter":{},"headers":[],"relativePath":"notifications/Ntfy.md","filePath":"notifications/Ntfy.md","lastUpdated":1745963518000}'),n={name:"notifications/Ntfy.md"};function l(h,s,o,p,k,r){return a(),t("div",null,s[0]||(s[0]=[e(`<h1 id="ntfy-notification-setup" tabindex="-1">ntfy Notification Setup <a class="header-anchor" href="#ntfy-notification-setup" aria-label="Permalink to &quot;ntfy Notification Setup&quot;">​</a></h1><p>To enable ntfy notifications, you need the following:</p><ul><li><p><strong>ntfy URL</strong><br> The base URL of your ntfy server including the topic (e.g., <code>https://ntfy.example.com/alerts</code>)</p></li><li><p><strong>ntfy Token</strong><br> An access token for authentication, generated per user</p></li></ul><h2 id="how-to-get-the-ntfy-url-and-token" tabindex="-1">How to get the ntfy URL and Token <a class="header-anchor" href="#how-to-get-the-ntfy-url-and-token" aria-label="Permalink to &quot;How to get the ntfy URL and Token&quot;">​</a></h2><ol><li><p><strong>Install and set up your ntfy server</strong> (self-hosted or use <code>https://ntfy.sh</code>)</p></li><li><p><strong>Choose a topic name</strong> (e.g. <code>alerts</code>) and include it in the URL:<br><code>https://&lt;your-ntfy-server&gt;/&lt;your-topic&gt;</code></p></li><li><p><strong>Create a user (if not already created)</strong></p></li><li><p><strong>Generate a token for the user</strong> using the following command:</p><div class="language-bash vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">bash</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">ntfy</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> token</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> add</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> --expires=30d</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> --label=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;notifications&quot;</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> &lt;</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">usernam</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">e</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">&gt;</span></span></code></pre></div></li><li><p><strong>List existing tokens</strong> to get the full token string:</p><div class="language-bash vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">bash</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">ntfy</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> token</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> list</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> &lt;</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">usernam</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">e</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">&gt;</span></span></code></pre></div></li><li><p><strong>Use the token</strong> as a bearer token when sending messages, either in the Authorization header or in your tool&#39;s configuration.</p></li></ol><h2 id="example-token-management-commands" tabindex="-1">Example Token Management Commands <a class="header-anchor" href="#example-token-management-commands" aria-label="Permalink to &quot;Example Token Management Commands&quot;">​</a></h2><div class="language-bash vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">bash</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">ntfy</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> token</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> list</span><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">                       # Show all tokens</span></span>
+<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">ntfy</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> token</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> list</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> alice</span><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">                 # Show tokens for user &#39;alice&#39;</span></span>
+<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">ntfy</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> token</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> add</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> alice</span><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">                  # Create token for user &#39;alice&#39; (never expires)</span></span>
+<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">ntfy</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> token</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> add</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> --expires=2d</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> bob</span><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">       # Create token for &#39;bob&#39;, expires in 2 days</span></span>
+<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">ntfy</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> token</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> remove</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> alice</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> tk_...</span><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">        # Delete a token</span></span></code></pre></div><p>More information at <a href="https://docs.ntfy.sh/config/#access-tokens" target="_blank" rel="noreferrer">the ntfy docs</a></p>`,8)]))}const c=i(n,[["render",l]]);export{g as __pageData,c as default};

docs/.vitepress/dist/assets/notifications_Ntfy.md.BPwrZ9j5.lean.js

@@ -0,0 +1 @@
+import{_ as i,c as t,o as a,ag as e}from"./chunks/framework.DPDPlp3K.js";const g=JSON.parse('{"title":"ntfy Notification Setup","description":"","frontmatter":{},"headers":[],"relativePath":"notifications/Ntfy.md","filePath":"notifications/Ntfy.md","lastUpdated":1745963518000}'),n={name:"notifications/Ntfy.md"};function l(h,s,o,p,k,r){return a(),t("div",null,s[0]||(s[0]=[e("",8)]))}const c=i(n,[["render",l]]);export{g as __pageData,c as default};

docs/.vitepress/dist/assets/notifications_Ntfy.md.CPMnGQVP.js

@@ -1 +0,0 @@
-import{_ as a,c as n,o as s,j as t,a as o}from"./chunks/framework.DPDPlp3K.js";const i="/assets/notifications_ntfy.OOek8qxp.png",y=JSON.parse('{"title":"Ntfy","description":"","frontmatter":{},"headers":[],"relativePath":"notifications/Ntfy.md","filePath":"notifications/Ntfy.md","lastUpdated":1745241280000}'),r={name:"notifications/Ntfy.md"};function f(c,e,d,l,p,m){return s(),n("div",null,e[0]||(e[0]=[t("h1",{id:"ntfy",tabindex:"-1"},[o("Ntfy "),t("a",{class:"header-anchor",href:"#ntfy","aria-label":'Permalink to "Ntfy"'},"​")],-1),t("p",null,[t("img",{src:i,alt:"Set up"})],-1)]))}const N=a(r,[["render",f]]);export{y as __pageData,N as default};

docs/.vitepress/dist/assets/notifications_Ntfy.md.CPMnGQVP.lean.js

@@ -1 +0,0 @@
-import{_ as a,c as n,o as s,j as t,a as o}from"./chunks/framework.DPDPlp3K.js";const i="/assets/notifications_ntfy.OOek8qxp.png",y=JSON.parse('{"title":"Ntfy","description":"","frontmatter":{},"headers":[],"relativePath":"notifications/Ntfy.md","filePath":"notifications/Ntfy.md","lastUpdated":1745241280000}'),r={name:"notifications/Ntfy.md"};function f(c,e,d,l,p,m){return s(),n("div",null,e[0]||(e[0]=[t("h1",{id:"ntfy",tabindex:"-1"},[o("Ntfy "),t("a",{class:"header-anchor",href:"#ntfy","aria-label":'Permalink to "Ntfy"'},"​")],-1),t("p",null,[t("img",{src:i,alt:"Set up"})],-1)]))}const N=a(r,[["render",f]]);export{y as __pageData,N as default};

docs/.vitepress/dist/assets/notifications_Pushover.md.B37wP4uj.js

@@ -0,0 +1 @@
+import{_ as o,c as t,o as r,ag as n}from"./chunks/framework.DPDPlp3K.js";const d=JSON.parse('{"title":"Pushover Notification Setup","description":"","frontmatter":{},"headers":[],"relativePath":"notifications/Pushover.md","filePath":"notifications/Pushover.md","lastUpdated":1745963844000}'),s={name:"notifications/Pushover.md"};function i(a,e,u,l,h,p){return r(),t("div",null,e[0]||(e[0]=[n('<h1 id="pushover-notification-setup" tabindex="-1">Pushover Notification Setup <a class="header-anchor" href="#pushover-notification-setup" aria-label="Permalink to &quot;Pushover Notification Setup&quot;">​</a></h1><p>To enable Pushover notifications, you need the following:</p><ul><li><p><strong>Pushover URL</strong><br> The API endpoint for sending messages:<br><code>https://api.pushover.net/1/messages.json</code></p></li><li><p><strong>Pushover Token</strong><br> Your application’s API token (generated in your Pushover dashboard)</p></li><li><p><strong>Pushover User Key</strong><br> The user key or group key of the recipient (found in your Pushover account)</p></li></ul><h2 id="how-to-get-the-url-token-and-user-key" tabindex="-1">How to get the URL, Token, and User Key <a class="header-anchor" href="#how-to-get-the-url-token-and-user-key" aria-label="Permalink to &quot;How to get the URL, Token, and User Key&quot;">​</a></h2><ol><li><strong>Sign up or log in</strong> at the Pushover website.</li><li><strong>Create a new application</strong> under “Your Applications.” <ul><li>You will receive your <strong>Pushover Token</strong> here.</li></ul></li><li><strong>Locate your User Key</strong> on your account’s main page. <ul><li>If you want to notify a group, create or use an existing <strong>Group Key</strong> instead.</li></ul></li><li><strong>Use the API URL</strong> <code>https://api.pushover.net/1/messages.json</code></li></ol>',5)]))}const g=o(s,[["render",i]]);export{d as __pageData,g as default};

docs/.vitepress/dist/assets/notifications_Pushover.md.B37wP4uj.lean.js

@@ -0,0 +1 @@
+import{_ as o,c as t,o as r,ag as n}from"./chunks/framework.DPDPlp3K.js";const d=JSON.parse('{"title":"Pushover Notification Setup","description":"","frontmatter":{},"headers":[],"relativePath":"notifications/Pushover.md","filePath":"notifications/Pushover.md","lastUpdated":1745963844000}'),s={name:"notifications/Pushover.md"};function i(a,e,u,l,h,p){return r(),t("div",null,e[0]||(e[0]=[n("",5)]))}const g=o(s,[["render",i]]);export{d as __pageData,g as default};

docs/.vitepress/dist/assets/notifications_Telegram.md.B6_EzaEX.js

@@ -1 +0,0 @@
-import{_ as t,c as r,o as s,j as e,a as o}from"./chunks/framework.DPDPlp3K.js";const n="/assets/notifications_telegram.CETmcOHu.png",_=JSON.parse('{"title":"Telegram","description":"","frontmatter":{},"headers":[],"relativePath":"notifications/Telegram.md","filePath":"notifications/Telegram.md","lastUpdated":1745241280000}'),i={name:"notifications/Telegram.md"};function l(m,a,c,d,p,g){return s(),r("div",null,a[0]||(a[0]=[e("h1",{id:"telegram",tabindex:"-1"},[o("Telegram "),e("a",{class:"header-anchor",href:"#telegram","aria-label":'Permalink to "Telegram"'},"​")],-1),e("p",null,[e("img",{src:n,alt:"Telegram"})],-1)]))}const T=t(i,[["render",l]]);export{_ as __pageData,T as default};

docs/.vitepress/dist/assets/notifications_Telegram.md.B6_EzaEX.lean.js

@@ -1 +0,0 @@
-import{_ as t,c as r,o as s,j as e,a as o}from"./chunks/framework.DPDPlp3K.js";const n="/assets/notifications_telegram.CETmcOHu.png",_=JSON.parse('{"title":"Telegram","description":"","frontmatter":{},"headers":[],"relativePath":"notifications/Telegram.md","filePath":"notifications/Telegram.md","lastUpdated":1745241280000}'),i={name:"notifications/Telegram.md"};function l(m,a,c,d,p,g){return s(),r("div",null,a[0]||(a[0]=[e("h1",{id:"telegram",tabindex:"-1"},[o("Telegram "),e("a",{class:"header-anchor",href:"#telegram","aria-label":'Permalink to "Telegram"'},"​")],-1),e("p",null,[e("img",{src:n,alt:"Telegram"})],-1)]))}const T=t(i,[["render",l]]);export{_ as __pageData,T as default};

docs/.vitepress/dist/assets/notifications_Telegram.md.B9HZvnCz.js

@@ -0,0 +1,16 @@
+import{_ as e,c as n,o as l,ag as t,j as s,a as i}from"./chunks/framework.DPDPlp3K.js";const c=JSON.parse('{"title":"Telegram Notification Setup","description":"","frontmatter":{},"headers":[],"relativePath":"notifications/Telegram.md","filePath":"notifications/Telegram.md","lastUpdated":1745963966000}'),h={name:"notifications/Telegram.md"};function p(o,a,k,r,d,E){return l(),n("div",null,a[0]||(a[0]=[t('<h1 id="telegram-notification-setup" tabindex="-1">Telegram Notification Setup <a class="header-anchor" href="#telegram-notification-setup" aria-label="Permalink to &quot;Telegram Notification Setup&quot;">​</a></h1><p>To enable Telegram notifications, you need the following:</p><ul><li><p><strong>Bot Token</strong><br> Generated by @BotFather when you create your bot.</p></li><li><p><strong>Chat ID</strong><br> A unique identifier for the target chat (user, group, or channel).</p></li></ul><h2 id="how-to-create-the-bot-and-get-the-bot-token" tabindex="-1">How to create the bot and get the Bot Token <a class="header-anchor" href="#how-to-create-the-bot-and-get-the-bot-token" aria-label="Permalink to &quot;How to create the bot and get the Bot Token&quot;">​</a></h2>',4),s("ol",null,[s("li",null,[i("Open Telegram and start a conversation with "),s("strong",null,"@BotFather"),i(".")]),s("li",{index:"1"},[i("Send the command "),s("code",null,"/newbot"),i(", then follow the prompts to choose a name and username (must end with “bot”). :contentReference[oaicite:1]")]),s("li",null,[i("After completion, @BotFather replies with a message containing:"),s("div",{class:"language- vp-adaptive-theme"},[s("button",{title:"Copy Code",class:"copy"}),s("span",{class:"lang"}),s("pre",{class:"shiki shiki-themes github-light github-dark vp-code",tabindex:"0"},[s("code",null,[s("span",{class:"line"},[s("span",null,"Use this token to access the HTTP API:")]),i(`
+`),s("span",{class:"line"},[s("span",null,"123456789:ABCdefGhIJKlmNoPQRsTuvWxYZ")])])])]),i("Copy this token—this is your "),s("strong",null,"Bot Token"),i(".")])],-1),s("h2",{id:"how-to-obtain-the-chat-id",tabindex:"-1"},[i("How to obtain the Chat ID "),s("a",{class:"header-anchor",href:"#how-to-obtain-the-chat-id","aria-label":'Permalink to "How to obtain the Chat ID"'},"​")],-1),s("ol",null,[s("li",null,"Start a chat with your new bot (send it any message)."),s("li",null,[i("Open in your browser:"),s("div",{class:"language- vp-adaptive-theme"},[s("button",{title:"Copy Code",class:"copy"}),s("span",{class:"lang"}),s("pre",{class:"shiki shiki-themes github-light github-dark vp-code",tabindex:"0"},[s("code",null,[s("span",{class:"line"},[s("span",null,"https://api.telegram.org/bot<YOUR_BOT_TOKEN>/getUpdates")])])])])]),s("li",{index:"3"},[i("Look for the "),s("code",null,'"chat":{"id":...}'),i(" field in the returned JSON. That number is the "),s("strong",null,"Chat ID"),i(". :contentReference[oaicite:3]")])],-1),t(`<h3 id="example-getupdates-response-excerpt" tabindex="-1">Example: getUpdates response excerpt <a class="header-anchor" href="#example-getupdates-response-excerpt" aria-label="Permalink to &quot;Example: getUpdates response excerpt&quot;">​</a></h3><div class="language-json vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">json</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">{</span></span>
+<span class="line"><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">  &quot;ok&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">: </span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">true</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">,</span></span>
+<span class="line"><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">  &quot;result&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">: [</span></span>
+<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">    {</span></span>
+<span class="line"><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">      &quot;update_id&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">: </span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">123456789</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">,</span></span>
+<span class="line"><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">      &quot;message&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">: {</span></span>
+<span class="line"><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">        &quot;message_id&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">: </span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">1</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">,</span></span>
+<span class="line"><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">        &quot;from&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">: { </span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">&quot;id&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">: </span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">987654321</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">&quot;is_bot&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">: </span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">false</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">&quot;first_name&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">: </span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;User&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> },</span></span>
+<span class="line"><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">        &quot;chat&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">: { </span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">&quot;id&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">: </span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">987654321</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">&quot;first_name&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">: </span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;User&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">&quot;type&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">: </span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;private&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> },</span></span>
+<span class="line"><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">        &quot;date&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">: </span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">1610000000</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">,</span></span>
+<span class="line"><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">        &quot;text&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">: </span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Hello&quot;</span></span>
+<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">      }</span></span>
+<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">    }</span></span>
+<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">  ]</span></span>
+<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">}</span></span></code></pre></div><p><em>Here, the Chat ID is <code>987654321</code>.</em></p>`,3)]))}const u=e(h,[["render",p]]);export{c as __pageData,u as default};

docs/.vitepress/dist/assets/notifications_Telegram.md.B9HZvnCz.lean.js

@@ -0,0 +1,2 @@
+import{_ as e,c as n,o as l,ag as t,j as s,a as i}from"./chunks/framework.DPDPlp3K.js";const c=JSON.parse('{"title":"Telegram Notification Setup","description":"","frontmatter":{},"headers":[],"relativePath":"notifications/Telegram.md","filePath":"notifications/Telegram.md","lastUpdated":1745963966000}'),h={name:"notifications/Telegram.md"};function p(o,a,k,r,d,E){return l(),n("div",null,a[0]||(a[0]=[t("",4),s("ol",null,[s("li",null,[i("Open Telegram and start a conversation with "),s("strong",null,"@BotFather"),i(".")]),s("li",{index:"1"},[i("Send the command "),s("code",null,"/newbot"),i(", then follow the prompts to choose a name and username (must end with “bot”). :contentReference[oaicite:1]")]),s("li",null,[i("After completion, @BotFather replies with a message containing:"),s("div",{class:"language- vp-adaptive-theme"},[s("button",{title:"Copy Code",class:"copy"}),s("span",{class:"lang"}),s("pre",{class:"shiki shiki-themes github-light github-dark vp-code",tabindex:"0"},[s("code",null,[s("span",{class:"line"},[s("span",null,"Use this token to access the HTTP API:")]),i(`
+`),s("span",{class:"line"},[s("span",null,"123456789:ABCdefGhIJKlmNoPQRsTuvWxYZ")])])])]),i("Copy this token—this is your "),s("strong",null,"Bot Token"),i(".")])],-1),s("h2",{id:"how-to-obtain-the-chat-id",tabindex:"-1"},[i("How to obtain the Chat ID "),s("a",{class:"header-anchor",href:"#how-to-obtain-the-chat-id","aria-label":'Permalink to "How to obtain the Chat ID"'},"​")],-1),s("ol",null,[s("li",null,"Start a chat with your new bot (send it any message)."),s("li",null,[i("Open in your browser:"),s("div",{class:"language- vp-adaptive-theme"},[s("button",{title:"Copy Code",class:"copy"}),s("span",{class:"lang"}),s("pre",{class:"shiki shiki-themes github-light github-dark vp-code",tabindex:"0"},[s("code",null,[s("span",{class:"line"},[s("span",null,"https://api.telegram.org/bot<YOUR_BOT_TOKEN>/getUpdates")])])])])]),s("li",{index:"3"},[i("Look for the "),s("code",null,'"chat":{"id":...}'),i(" field in the returned JSON. That number is the "),s("strong",null,"Chat ID"),i(". :contentReference[oaicite:3]")])],-1),t("",3)]))}const u=e(h,[["render",p]]);export{c as __pageData,u as default};

docs/.vitepress/dist/hashmap.json

@@ -1 +1 @@
-{"general_applications.md":"DFVqSlCw","general_dashboard.md":"DW5yESFW","general_network.md":"tbP8aEzX","general_servers.md":"BaASA60T","general_settings.md":"DrC2XV32","general_uptime.md":"CKBdQg4u","index.md":"_yXl4OkC","installation.md":"Cz1eOHOr","notifications_discord.md":"C0x5CxmR","notifications_email.md":"Cugw2BRs","notifications_general.md":"D7AVsSjD","notifications_gotify.md":"vFHjr6ko","notifications_ntfy.md":"CPMnGQVP","notifications_telegram.md":"B6_EzaEX"}
+{"general_applications.md":"DFVqSlCw","general_dashboard.md":"DW5yESFW","general_network.md":"tbP8aEzX","general_servers.md":"BaASA60T","general_settings.md":"DG8ZT4OR","general_uptime.md":"CKBdQg4u","index.md":"vIfS0_LS","installation.md":"RudnHaMh","notifications_discord.md":"D5alp298","notifications_echobell.md":"IszWXk9P","notifications_email.md":"n24Ra-lu","notifications_general.md":"D7AVsSjD","notifications_gotify.md":"D36rLkt7","notifications_ntfy.md":"BPwrZ9j5","notifications_pushover.md":"B37wP4uj","notifications_telegram.md":"B9HZvnCz"}