Merge pull request #241 from kaffolder7/feature/suppress-warnings-production-build

Update: Suppress warnings in production build
Merge pull request #234 from rajnandan1/release/3.0.9
2026-08-07 15:27:13 +00:00 · 2025-02-05 09:46:20 +05:30 · 2025-02-05 09:17:39 +05:30 · 2025-02-05 09:17:11 +05:30 · 2025-02-05 08:59:07 +05:30 · 2025-02-05 08:09:49 +05:30
63 changed files with 1809 additions and 568 deletions
@@ -26,4 +26,5 @@ uploads/*

 static/uploads/*
 !static/uploads/upload.dir
-temp.txt
+temp.txt
+temp.js
@@ -5,6 +5,28 @@ description: Changelogs for Kener

 # Changelogs

+Here are the changelogs for Kener. Changelogs are only published when there are new features or breaking changes.
+
+## v3.0.9
+
+<picture>
+  <source srcset="https://fonts.gstatic.com/s/e/notoemoji/latest/1f680/512.webp" type="image/webp">
+  <img src="https://fonts.gstatic.com/s/e/notoemoji/latest/1f680/512.gif" alt="🚀" width="32" height="32">
+</picture>
+
+### Features
+
+-   Support of SMTP for email notifications. Read more [here](/docs/triggers/#email-smtp)
+-   Introduction of event type `MAINTENANCE` for incidents.
+-   You can write eval function for ping now in monitors. Read more [here](/docs/monitors-ping/#eval)
+-   Added category filter for monitor management.
+
+### Fixes
+
+-   Support longer TLD in `siteURL` example `https://example.network`
+-   Remove googleapis preconnect and preload
+-   Fixed wrong action url in webhook.
+
 ## v3.0.1

 <picture>
@@ -0,0 +1,27 @@
+---
+title: How to Add Custom Fonts | Kener
+description: Kener allows you to add custom fonts to your site. This guide will help you add custom fonts to your Kener site.
+---
+
+# Add Custom Fonts
+
+1. Login to your Kener dashboard.
+2. Go to the `Theme` page.
+3. Scroll down to the `Fonts` section.
+4. Remove `Font URL` and `Font Name`
+5. In Custom CSS add your font
+
+```css
+@font-face {
+	font-family: "CustomFont";
+	src:
+		url("/path-to-font/CustomFont.woff2") format("woff2"),
+		url("/path-to-font/CustomFont.woff") format("woff"),
+		url("/path-to-font/CustomFont.ttf") format("truetype");
+	font-weight: normal;
+	font-style: normal;
+}
+* {
+	font-family: "CustomFont", sans-serif;
+}
+```
@@ -61,7 +61,7 @@ export RESEND_SENDER_EMAIL=Some Name <email@domain.com>
 ```

 <div class="  note danger ">
-	Please note that the RESEND_API_KEY is required for sending emails. If you do not set this, Kener will not be able to send emails. RESEND_SENDER_EMAIL is a must if you forget your password.
+	Please note that the RESEND_API_KEY is required for sending emails. If you do not set this, Kener will not be able to send emails. RESEND_SENDER_EMAIL is a must if you forget your password. If you do not want to use resend, you can set SMTP variables.
 </div>

 ## DATABASE_URL
@@ -80,6 +80,23 @@ Set the timezone for the server. Set it to UTC.
 export TZ=UTC
 ```

+## SMTP
+
+Kener can also use SMTP to send emails. You can set the SMTP server details in the environment variables.
+
+```bash
+export SMTP_HOST=smtp.example.com
+export SMTP_PORT=587
+export SMTP_USER=username
+export SMTP_PASS=password
+export SMTP_SECURE=0
+export SMTP_FROM_EMAIL=Some Name <user@example.com>
+```
+
+<div class="  note danger ">
+	If you set SMTP variables, Kener will use SMTP to send emails. If you set RESEND_API_KEY, Kener will use resend to send emails. If you do both Kener will use SMTP.
+</div>
+
 ## Using .env

 You can also use a `.env` file to set these variables. Create a `.env` file in the root of the project and add the variables like below
@@ -28,6 +28,7 @@ Copy and update the translation file in the `locales` folder. The translation fi

 ```json
 {
+	"%status for %duration": "%status for %duration",
 	"14 Days": "14 Days",
 	"30 Days": "30 Days",
 	"60 Days": "60 Days",
@@ -35,52 +36,57 @@ Copy and update the translation file in the `locales` folder. The translation fi
 	"90 Days": "90 Days",
 	"Availability per Component": "Availability per Component",
 	"Back": "Back",
-	"Badge": "Badge",
 	"Badge Copied": "Badge Copied",
+	"Badge": "Badge",
+	"Browse Events": "Browse Events",
 	"Code Copied": "Code Copied",
 	"Copy Code": "Copy Code",
 	"Copy Link": "Copy Link",
-	"Dark": "Dark",
-	"Days": "Days",
 	"DEGRADED": "DEGRADED",
 	"DOWN": "DOWN",
-	"Embed": "Embed",
+	"Dark": "Dark",
+	"Days": "Days",
 	"Embed this monitor using &#x3C;script&#x3E; or &#x3C;iframe&#x3E; in your app.": "Embed this monitor using <script> or <iframe> in your app.",
+	"Embed": "Embed",
 	"Get SVG badge for this monitor": "Get SVG badge for this monitor",
 	"Get a LIVE Status for this monitor": "Get a LIVE Status for this monitor",
 	"IDENTIFIED": "IDENTIFIED",
-	"Incident Updates": "Incident Updates",
 	"INVESTIGATING": "INVESTIGATING",
+	"Incident Updates": "Incident Updates",
+	"LIVE Status": "LIVE Status",
 	"Lasted for about %lastedFor": "Lasted for about %lastedFor",
 	"Light": "Light",
 	"Link Copied": "Link Copied",
-	"LIVE Status": "LIVE Status",
-	"Mode": "Mode",
+	"MAINTENANCE": "MAINTENANCE",
 	"MONITORING": "MONITORING",
+	"Maintenance Completed": "Maintenance Completed",
+	"Maintenance in Progress": "Maintenance in Progress",
+	"Mode": "Mode",
 	"No Data": "No Data",
-	"No Incidents": "No Incidents",
 	"No Incident in %date": "No Incident in %date",
+	"No Incidents": "No Incidents",
 	"No Monitor Found": "No Monitor Found",
 	"No Updates Yet": "No Updates Yet",
 	"Ongoing Incidents": "Ongoing Incidents",
 	"Pinging": "Pinging",
-	"Recent Incidents": "Recent Incidents",
 	"RESOLVED": "RESOLVED",
-	"Share": "Share",
+	"Recent Incidents": "Recent Incidents",
+	"Recent Maintenances": "Recent Maintenances",
 	"Share this monitor using a link with others": "Share this monitor using a link with others",
+	"Share": "Share",
 	"Standard": "Standard",
 	"Started %startedAt, lasted for %lastedFor": "Started %startedAt, lasted for %lastedFor",
-	"Started about %startedAt, still ongoing": "Started about %startedAt, still ongoing",
-	"Starts %startedAt": "Starts %startedAt",
+	"Started %startedAt, still ongoing": "Started %startedAt, still ongoing",
 	"Starts %startedAt, will last for %lastedFor": "Starts %startedAt, will last for %lastedFor",
-	"Status": "Status",
+	"Starts %startedAt": "Starts %startedAt",
 	"Status OK": "Status OK",
+	"Status": "Status",
 	"Theme": "Theme",
 	"Today": "Today",
 	"UP": "UP",
+	"Upcoming Maintenance": "Upcoming Maintenance",
 	"Updates": "Updates",
-	"Uptime": "Uptime",
-	"%status for %duration": "%status for %duration"
+	"Uptime": "Uptime"
 }
 ```

@@ -74,3 +74,7 @@ To close an incident, you need to add a message and set the status to `RESOLVED`
 ## Add Monitors

 To add monitors to the incident, you need to add the monitor tag to the incident. This will automatically add the monitor to the incident. You will also get the status of the monitor in the incident. This can be `DEGRADED` or `DOWN`.
+
+## Maintenance
+
+You can also create a maintenance incident. This is similar to an incident but is used to notify users about maintenance activities. Both start and end date and time are required for maintenance incidents.
@@ -15,12 +15,130 @@ Ping monitors are used to monitor livenees of your servers. You can use Ping mon

 ## Host V4

-You can add as many IP addresses as you want to monitor. The IP address should be a valid IPv4 address. Example of IP4 address is `106.12.43.232`.
+You can add as many IP addresses as you want to monitor. The IP address should be a valid IPv4 address.
+
+Example of IP4 address is `106.12.43.232`, with the port number `80`. The port number is optional and defaults to `80`.
+
+Example of IP4 address with port number is `66.51.120.219:465`.
+
+Example of domain name with port number is `www.rajnandan.com:80`.

 ## Host V6

-You can add as many IP addresses as you want to monitor. The IP address should be a valid IPv6 address. Example of IP6 address is `2001:0db8:85a3:0000:0000:8a2e:0370:7334`.
+You can add as many IP addresses as you want to monitor. The IP address should be a valid IPv6 address. Example of IP6 address is `2001:0db8:85a3:0000:0000:8a2e:0370`.
+
+Example of IP6 address with port number is `2606:50c0:8000::153:443`.

 <p class="note danger">
-	Please note that atleast one of the Host V4 or Host V6 is required.
+	Please note that at least one of the Host V4 or Host V6 is required.
 <p>
+
+## Eval
+
+The eval is used to define the JavaScript code that should be used to evaluate the response. It is optional and has be a valid JavaScript code.
+
+This is an anonymous JS function, it should return a **Promise**, that resolves or rejects to `{status, latency}`, by default it looks like this.
+
+> **_NOTE:_** The eval function should always return a json object. The json object can have only status(UP/DOWN/DEGRADED) and latency(number)
+> `{status:"DEGRADED", latency: 200}`.
+
+```javascript
+(async function (responseDataBase64) {
+	let arrayOfPings = JSON.parse(atob(responseDataBase64));
+	let latencyTotal = arrayOfPings.reduce((acc, ping) => {
+		return acc + ping.latency;
+	}, 0);
+
+	let alive = arrayOfPings.reduce((acc, ping) => {
+		if (ping.status === "open") {
+			return acc && true;
+		} else {
+			return false;
+		}
+	}, true);
+
+	return {
+		status: alive ? "UP" : "DOWN",
+		latency: parseInt(latencyTotal / arrayOfPings.length)
+	};
+});
+```
+
+-   `responseDataBase64` **REQUIRED** is a string. It is the base64 encoded response data. To use it you will have to decode it and the JSON parse it. Once parse it will be an array of objects.
+
+```js
+let decodedResp = atob(responseDataBase64);
+let jsonResp = JSON.parse(decodedResp);
+console.log(jsonResp);
+/*
+[
+	{
+		"host": "smtp.resend.com",
+		"port": 587,
+		"type": "IP4",
+		"status": "open",
+		"latency": 36.750917
+	},
+	{
+		"host": "66.51.120.219",
+		"port": 465,
+		"type": "IP4",
+		"status": "open",
+		"latency": 27.782792
+	},
+	{
+		"host": "2606:4700:4700::1111",
+		"port": 443,
+		"status": "open",
+		"type": "IP6",
+		"latency": 5.684375
+	}
+]
+*/
+```
+
+### Understanding the Input
+
+-   `host`: The host that was pinged.
+-   `port`: The port that was pinged. Defaults to 80 if not provided.
+-   `type`: The type of IP address. Can be `IP4` or `IP6`.
+-   `status`: The status of the ping. Can be `open` , `error` or `timeout`.
+    -   `open`: The host is reachable.
+    -   `error`: There was an error while pinging the host.
+    -   `timeout`: The host did not respond in time.
+-   `latency`: The time taken to ping the host. This is in milliseconds.
+
+### Example
+
+The following example shows how to use the eval function to evaluate the response. The function checks if the combined latency is more 10ms then returns `DEGRADED`.
+
+```javascript
+(async function (responseDataBase64) {
+	let arrayOfPings = JSON.parse(atob(responseDataBase64));
+	let latencyTotal = arrayOfPings.reduce((acc, ping) => {
+		return acc + ping.latency;
+	}, 0);
+
+	let areAllOpen = arrayOfPings.reduce((acc, ping) => {
+		if (ping.status === "open") {
+			return acc && true;
+		} else {
+			return false;
+		}
+	}, true);
+
+	let avgLatency = latencyTotal / arrayOfPings.length;
+
+	if (areAllOpen && avgLatency > 10) {
+		return {
+			status: "DEGRADED",
+			latency: avgLatency
+		};
+	}
+
+	return {
+		status: areAllOpen ? "UP" : "DOWN",
+		latency: avgLatency
+	};
+});
+```
@@ -32,7 +32,7 @@ description: Roadmap for Kener

 ☑ ~~Create Admin UI~~ Released in (3.0.0)

-☐ Webhook customization
+☐ ~~Webhook customization~~

 ☐ Monitor Update Screen

@@ -140,6 +140,11 @@
 		{
 			"sectionTitle": "Help",
 			"children": [
+				{
+					"title": "Fonts",
+					"link": "/docs/custom-fonts",
+					"file": "/custom-fonts.md"
+				},
 				{
 					"title": "Changelogs",
 					"link": "/docs/changelogs",
@@ -93,20 +93,24 @@ Body of the webhook will be sent as below:
 }
 ```

-| Key                   | Description                                                 |
-| --------------------- | ----------------------------------------------------------- |
-| id                    | Unique ID of the alert                                      |
-| alert_name            | Name of the alert                                           |
-| severity              | Severity of the alert. Can be `critical`, `warn`            |
-| status                | Status of the alert. Can be `TRIGGERED`, `RESOLVED`         |
-| source                | Source of the alert. Can be `Kener`                         |
-| timestamp             | Timestamp of the alert                                      |
-| description           | Description of the alert. This you can customize. See below |
-| details               | Details of the alert.                                       |
-| details.metric        | Name of the monitor                                         |
-| details.current_value | Current value of the monitor                                |
-| details.threshold     | Alert trigger threshold of the monitor                      |
-| actions               | Actions to be taken. Link to view the monitor.              |
+| Key                   | Description                                                 | Variable                      |
+| --------------------- | ----------------------------------------------------------- | ----------------------------- |
+| id                    | Unique ID of the alert                                      | ${id}                         |
+| alert_name            | Name of the alert                                           | ${alert_name}                 |
+| severity              | Severity of the alert. Can be `critical`, `warn`            | ${severity}                   |
+| status                | Status of the alert. Can be `TRIGGERED`, `RESOLVED`         | ${status}                     |
+| source                | Source of the alert. Can be `Kener`                         | ${source}                     |
+| timestamp             | Timestamp of the alert                                      | ${timestamp}                  |
+| description           | Description of the alert. This you can customize. See below | ${description}                |
+| details               | Details of the alert.                                       | -                             |
+| details.metric        | Name of the monitor                                         | ${metric}                     |
+| details.current_value | Current value of the monitor                                | ${current_value}              |
+| details.threshold     | Alert trigger threshold of the monitor                      | ${threshold}                  |
+| actions               | Actions to be taken. Link to view the monitor.              | ${action_text}, ${action_url} |
+
+### Custom Body
+
+You can customize the body of the webhook. You can use the variables mentioned above. If you are not using a json body then please make sure you are using the right content-type by setting custom headers. See examples below.

 ## Discord

@@ -185,7 +189,7 @@ The slack message when alert is `RESOLVED` will look like this

 ## Email

-Email triggers are used to send an email when a monitor goes down or up.
+Email triggers are used to send an email when a monitor goes down or up. Kener supports sending emails via [resend](https://resend.com) or over SMTP.

 <div class="border rounded-md">

@@ -193,11 +197,22 @@ Email triggers are used to send an email when a monitor goes down or up.

 </div>

-<div class="border px-2 rounded-md mt-4">
+### Resend

-#### Note
+To send emails using Resend you just need to set `RESEND_API_KEY` in the environment variables.

-Please make sure you have set the `RESEND_API_KEY` in the environment variables.
+### SMTP
+
+To send emails using SMTP, please enter
+
+-   Host: SMTP server host
+-   Port: SMTP server port
+-   User: SMTP server username
+-   Password: SMTP server password
+
+<div class="note danger">
+
+Since the password will be stored as plain text we encourage to use environment variables for the password. Let us say if you have an environment variable `SMTP_PASSWORD` then you can use it as `$SMTP_PASSWORD`.

 </div>

@@ -250,3 +265,25 @@ Click on the ⚙️ to edit the trigger.
 ### Deactivate Trigger

 You can deactivate the trigger by switching the toggle to off. You cannot send message to a deactivated trigger. Any monitor with this trigger will not send any notifications.
+
+---
+
+## Examples
+
+### Telegram
+
+You can use the webhook trigger to send a message to a telegram channel. Enable `Use a custom webhook body`.
+
+Set the URL to `https://api.telegram.org/bot[BOT_TOKEN]/sendMessage`. Replace [BOT_TOKEN] with your bot token.
+
+```json
+{
+	"chat_id": "[CHAT_ID]", // Replace [CHAT_ID] with your chat id
+	"text": "<b>${alert_name}</b>\n\n<b>Severity:</b> <code>${severity}</code>\n<b>Status:</b> ${status}\n<b>Source:</b> Kener\n<b>Time:</b> ${timestamp}\n\n📌 <b>Details:</b>\n- <b>Metric:</b>${metric}\n- <b>Current Value:</b> <code>${current_value}</code>\n- <b>Threshold:</b> <code>${threshold}</code>\n\n🔍 <a href=\"${action_url}\">${action_text}</a>",
+	"parse_mode": "HTML"
+}
+```
+
+If you want to send a message to a group, then replace `[CHAT_ID]` with the group id.
+
+You can also use environment variables to store the bot token and chat id. In that case the URL will be `https://api.telegram.org/bot$BOT_TOKEN/sendMessage`. In the body you can use `"chat_id": "$CHAT_ID"`. Make sure you have set the `BOT_TOKEN` and `CHAT_ID` in the <a href="/docs/environment-vars#secrets">environment variables</a>.
@@ -0,0 +1,11 @@
+export function up(knex) {
+	return knex.schema.alterTable("incidents", function (table) {
+		table.text("incident_type").defaultTo("INCIDENT");
+	});
+}
+
+export function down(knex) {
+	return knex.schema.alterTable("incidents", function (table) {
+		table.dropColumn("incident_type");
+	});
+}
@@ -1,12 +1,12 @@
 {
 	"name": "kener",
-	"version": "3.0.1",
+	"version": "3.0.9",
 	"lockfileVersion": 3,
 	"requires": true,
 	"packages": {
 		"": {
 			"name": "kener",
-			"version": "3.0.1",
+			"version": "3.0.9",
 			"license": "MIT",
 			"dependencies": {
 				"@formkit/auto-animate": "^0.8.2",
@@ -36,6 +36,7 @@
 				"moment-timezone": "^0.5.43",
 				"mysql2": "^3.12.0",
 				"node-cache": "^5.1.2",
+				"nodemailer": "^6.10.0",
 				"npm-run-all": "^4.1.5",
 				"pg": "^8.13.1",
 				"pg-pool": "^3.7.0",
@@ -2916,9 +2917,9 @@
 			}
 		},
 		"node_modules/express": {
-			"version": "4.21.1",
-			"resolved": "https://registry.npmjs.org/express/-/express-4.21.1.tgz",
-			"integrity": "sha512-YSFlK1Ee0/GC8QaO91tHcDxJiE/X4FbpAyQWkxAvG6AXCuR65YzK8ua6D9hvi/TzUfZMpc+BwuM1IPw8fmQBiQ==",
+			"version": "4.21.2",
+			"resolved": "https://registry.npmjs.org/express/-/express-4.21.2.tgz",
+			"integrity": "sha512-28HqgMZAmih1Czt9ny7qr6ek2qddF4FclbMzwhCREB6OFfH+rXAnuNCwo1/wFvrtbgsQDb4kSbX9de9lFbrXnA==",
 			"license": "MIT",
 			"dependencies": {
 				"accepts": "~1.3.8",
@@ -2940,7 +2941,7 @@
 				"methods": "~1.1.2",
 				"on-finished": "2.4.1",
 				"parseurl": "~1.3.3",
-				"path-to-regexp": "0.1.10",
+				"path-to-regexp": "0.1.12",
 				"proxy-addr": "~2.0.7",
 				"qs": "6.13.0",
 				"range-parser": "~1.2.1",
@@ -2955,6 +2956,10 @@
 			},
 			"engines": {
 				"node": ">= 0.10.0"
+			},
+			"funding": {
+				"type": "opencollective",
+				"url": "https://opencollective.com/express"
 			}
 		},
 		"node_modules/express/node_modules/cookie": {
@@ -4824,15 +4829,16 @@
 			}
 		},
 		"node_modules/nanoid": {
-			"version": "5.0.4",
-			"resolved": "https://registry.npmjs.org/nanoid/-/nanoid-5.0.4.tgz",
-			"integrity": "sha512-vAjmBf13gsmhXSgBrtIclinISzFFy22WwCYoyilZlsrRXNIHSwgFQ1bEdjRwMT3aoadeIF6HMuDRlOxzfXV8ig==",
+			"version": "5.0.9",
+			"resolved": "https://registry.npmjs.org/nanoid/-/nanoid-5.0.9.tgz",
+			"integrity": "sha512-Aooyr6MXU6HpvvWXKoVoXwKMs/KyVakWwg7xQfv5/S/RIgJMy0Ifa45H9qqYy7pTCszrHzP21Uk4PZq2HpEM8Q==",
 			"funding": [
 				{
 					"type": "github",
 					"url": "https://github.com/sponsors/ai"
 				}
 			],
+			"license": "MIT",
 			"bin": {
 				"nanoid": "bin/nanoid.js"
 			},
@@ -4927,6 +4933,15 @@
 			"integrity": "sha512-y10wOWt8yZpqXmOgRo77WaHEmhYQYGNA6y421PKsKYWEK8aW+cqAphborZDhqfyKrbZEN92CN1X2KbafY2s7Yw==",
 			"dev": true
 		},
+		"node_modules/nodemailer": {
+			"version": "6.10.0",
+			"resolved": "https://registry.npmjs.org/nodemailer/-/nodemailer-6.10.0.tgz",
+			"integrity": "sha512-SQ3wZCExjeSatLE/HBaXS5vqUOQk6GtBdIIKxiFdmm01mOQZX/POJkO3SUX1wDiYcwUOJwT23scFSC9fY2H8IA==",
+			"license": "MIT-0",
+			"engines": {
+				"node": ">=6.0.0"
+			}
+		},
 		"node_modules/nopt": {
 			"version": "5.0.0",
 			"resolved": "https://registry.npmjs.org/nopt/-/nopt-5.0.0.tgz",
@@ -5332,9 +5347,9 @@
 			"license": "ISC"
 		},
 		"node_modules/path-to-regexp": {
-			"version": "0.1.10",
-			"resolved": "https://registry.npmjs.org/path-to-regexp/-/path-to-regexp-0.1.10.tgz",
-			"integrity": "sha512-7lf7qcQidTku0Gu3YDPc8DJ1q7OOucfa/BSsIwjuh56VU7katFvuM8hULfkwB3Fns/rsVF7PwPKVw1sl5KQS9w==",
+			"version": "0.1.12",
+			"resolved": "https://registry.npmjs.org/path-to-regexp/-/path-to-regexp-0.1.12.tgz",
+			"integrity": "sha512-RA1GjUVMnvYFxuqovrEqZoxxW5NUZqbwKtYz/Tt7nXerk0LbLblQmrsgdeOxV5SFHf0UDggjS/bSeOZwt1pmEQ==",
 			"license": "MIT"
 		},
 		"node_modules/path-type": {
@@ -5676,15 +5691,16 @@
 			"integrity": "sha512-1NNCs6uurfkVbeXG4S8JFT9t19m45ICnif8zWLd5oPSZ50QnwMfK+H3jv408d4jw/7Bttv5axS5IiHoLaVNHeQ=="
 		},
 		"node_modules/postcss/node_modules/nanoid": {
-			"version": "3.3.7",
-			"resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.7.tgz",
-			"integrity": "sha512-eSRppjcPIatRIMC1U6UngP8XFcz8MQWGQdt1MTBQ7NaAmvXDfvNxbvWV3x2y6CdEUciCSsDHDQZbhYaB8QEo2g==",
+			"version": "3.3.8",
+			"resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.8.tgz",
+			"integrity": "sha512-WNLf5Sd8oZxOm+TzppcYk8gVOgP+l58xNy58D0nbUnOxOWRWvlcCV4kUF7ltmI6PsrLl/BgKEyS4mqsGChFN0w==",
 			"funding": [
 				{
 					"type": "github",
 					"url": "https://github.com/sponsors/ai"
 				}
 			],
+			"license": "MIT",
 			"bin": {
 				"nanoid": "bin/nanoid.cjs"
 			},
@@ -7533,10 +7549,11 @@
 			}
 		},
 		"node_modules/undici": {
-			"version": "5.28.4",
-			"resolved": "https://registry.npmjs.org/undici/-/undici-5.28.4.tgz",
-			"integrity": "sha512-72RFADWFqKmUb2hmmvNODKL3p9hcB6Gt2DOQMis1SEBaV6a4MH8soBvzg+95CYhCKPFedut2JY9bMfrDl9D23g==",
+			"version": "5.28.5",
+			"resolved": "https://registry.npmjs.org/undici/-/undici-5.28.5.tgz",
+			"integrity": "sha512-zICwjrDrcrUE0pyyJc1I2QzBkLM8FINsgOrt6WjA+BgajVq9Nxu2PbFFXUrAggLfDXlZGZBVZYw7WNV5KiBiBA==",
 			"dev": true,
+			"license": "MIT",
 			"dependencies": {
 				"@fastify/busboy": "^2.0.0"
 			},
@@ -7623,9 +7640,9 @@
 			}
 		},
 		"node_modules/vite": {
-			"version": "4.5.5",
-			"resolved": "https://registry.npmjs.org/vite/-/vite-4.5.5.tgz",
-			"integrity": "sha512-ifW3Lb2sMdX+WU91s3R0FyQlAyLxOzCSCP37ujw0+r5POeHPwe6udWVIElKQq8gk3t7b8rkmvqC6IHBpCff4GQ==",
+			"version": "4.5.9",
+			"resolved": "https://registry.npmjs.org/vite/-/vite-4.5.9.tgz",
+			"integrity": "sha512-qK9W4xjgD3gXbC0NmdNFFnVFLMWSNiR3swj957yutwzzN16xF/E7nmtAyp1rT9hviDroQANjE4HK3H4WqWdFtw==",
 			"dev": true,
 			"license": "MIT",
 			"dependencies": {
@@ -1,6 +1,6 @@
 {
 	"name": "kener",
-	"version": "3.0.6",
+	"version": "3.0.9",
 	"private": false,
 	"license": "MIT",
 	"description": "Kener: An open-source Node.js status page application for real-time service monitoring, incident management, and customizable reporting. Simplify service outage tracking, enhance incident communication, and ensure a seamless user experience.",
@@ -93,6 +93,7 @@
 		"moment-timezone": "^0.5.43",
 		"mysql2": "^3.12.0",
 		"node-cache": "^5.1.2",
+		"nodemailer": "^6.10.0",
 		"npm-run-all": "^4.1.5",
 		"pg": "^8.13.1",
 		"pg-pool": "^3.7.0",
@@ -3,8 +3,6 @@
 	<head>
 		<meta charset="utf-8" />
 		<meta name="viewport" content="width=device-width, initial-scale=1" />
-		<link rel="preconnect" href="https://fonts.googleapis.com" />
-		<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />

 		%sveltekit.head%
 	</head>
@@ -35,8 +35,7 @@
 	background-size: 100%;
 	height: 100svh;

-	clip-path: polygon(0 0, 100% 0, 100% 54%, 0% 100%);
-	transform: blur(3px);
+	/* clip-path: polygon(0 0, 100% 0, 100% 54%, 0% 100%); */
 }

 .squares-pattern::after {
@@ -835,3 +834,18 @@ textarea::placeholder {
 		padding-right: 8px;
 	}
 }
+
+.bg-maintenance-in-progress {
+	background-color: #f9f3c2;
+}
+
+.text-maintenance-in-progress-text {
+	color: #ff6868;
+}
+.text-upcoming-maintenance {
+	color: #f0a04b;
+}
+
+.text-maintenance-completed {
+	color: #6499e9;
+}
@@ -14,7 +14,7 @@
 	if (incident.end_date_time) {
 		endTime = new Date(incident.end_date_time * 1000);
 	}
-
+	let incidentType = incident.incident_type;
 	const lastedFor = fd(startTime, endTime, selectedLang);
 	const startedAt = fdn(startTime, selectedLang);

@@ -23,6 +23,35 @@
 	if (nowTime < startTime) {
 		isFuture = true;
 	}
+
+	let incidentDateSummary = "";
+	let maintenanceBadge = "";
+	let maintenanceBadgeColor = "";
+	if (!isFuture && incident.state != "RESOLVED") {
+		incidentDateSummary = l(lang, "Started %startedAt, still ongoing", {
+			startedAt
+		});
+		maintenanceBadge = "Maintenance in Progress";
+		maintenanceBadgeColor = "text-maintenance-in-progress";
+	} else if (!isFuture && incident.state == "RESOLVED") {
+		incidentDateSummary = l(lang, "Started %startedAt, lasted for %lastedFor", {
+			startedAt,
+			lastedFor
+		});
+		maintenanceBadge = "Maintenance Completed";
+		maintenanceBadgeColor = "text-maintenance-completed";
+	} else if (isFuture && incident.state != "RESOLVED") {
+		incidentDateSummary = l(lang, "Starts %startedAt", { startedAt });
+		maintenanceBadge = "Upcoming Maintenance";
+		maintenanceBadgeColor = "text-upcoming-maintenance";
+	} else if (isFuture && incident.state == "RESOLVED") {
+		incidentDateSummary = l(lang, "Starts %startedAt, will last for %lastedFor", {
+			startedAt,
+			lastedFor
+		});
+		maintenanceBadge = "Upcoming Maintenance";
+		maintenanceBadgeColor = "text-upcoming-maintenance";
+	}
 </script>

 <div class="newincident relative grid w-full grid-cols-12 gap-2 px-0 py-0 last:border-b-0">
@@ -30,47 +59,31 @@
 		<Accordion.Root bind:value={index} class="accor">
 			<Accordion.Item value="incident-0">
 				<Accordion.Trigger class="px-4 hover:bg-muted hover:no-underline">
-					<div class="justify-start text-left hover:no-underline">
-						<p
-							class="scroll-m-20 text-xs font-semibold leading-5 tracking-normal badge-{incident.state}"
-						>
-							{l(lang, incident.state)}
-						</p>
+					<div class="w-full text-left hover:no-underline">
+						{#if incidentType == "INCIDENT"}
+							<p
+								class="scroll-m-20 text-xs font-semibold leading-5 tracking-normal badge-{incident.state}"
+							>
+								{l(lang, incident.state)}
+							</p>
+						{:else if incidentType == "MAINTENANCE"}
+							<p
+								class="{maintenanceBadgeColor} scroll-m-20 text-xs font-semibold leading-5 tracking-normal"
+							>
+								{l(lang, maintenanceBadge)}
+							</p>
+						{/if}
+
 						<p class="scroll-m-20 text-lg font-medium tracking-tight">
 							{incident.title}
 						</p>
-
-						<p
-							class="scroll-m-20 text-sm font-medium tracking-wide text-muted-foreground"
-						>
-							{#if !isFuture && incident.state != "RESOLVED"}
-								<span>
-									{l(lang, "Started about %startedAt, still ongoing", {
-										startedAt
-									})}
-								</span>
-							{:else if !isFuture && incident.state == "RESOLVED"}
-								<span>
-									{l(
-										lang,
-										"Started %startedAt, lasted for %lastedFor",
-										{ startedAt, lastedFor }
-									)}
-								</span>
-							{:else if isFuture && incident.state != "RESOLVED"}
-								<span>
-									{l(lang, "Starts %startedAt", { startedAt })}
-								</span>
-							{:else if isFuture && incident.state == "RESOLVED"}
-								<span>
-									{l(
-										lang,
-										"Starts %startedAt, will last for %lastedFor",
-										{ startedAt, lastedFor }
-									)}
-								</span>
-							{/if}
-						</p>
+						{#if !!incidentDateSummary}
+							<p
+								class="scroll-m-20 text-sm font-medium tracking-wide text-muted-foreground"
+							>
+								{incidentDateSummary}
+							</p>
+						{/if}
 					</div>
 				</Accordion.Trigger>
 				<Accordion.Content>
@@ -100,30 +113,55 @@
 							{l(lang, "Updates")}
 						</p>
 						{#if incident.comments.length > 0}
-							<ol class="relative mt-2 pl-14">
-								{#each incident.comments as comment}
-									<li class="relative border-l pb-4 pl-[4.5rem] last:border-0">
-										<div
-											class="absolute top-0 w-28 -translate-x-32 rounded border bg-secondary px-1.5 py-1 text-center text-xs font-semibold"
+							{#if incidentType == "INCIDENT"}
+								<ol class="relative mt-2 pl-14">
+									{#each incident.comments as comment}
+										<li
+											class="relative border-l pb-4 pl-[4.5rem] last:border-0"
 										>
-											{l(lang, comment.state)}
-										</div>
-										<time
-											class=" mb-1 text-sm font-medium leading-none text-muted-foreground"
-										>
-											{f(
-												new Date(comment.commented_at * 1000),
-												"MMMM do yyyy, h:mm:ss a",
-												selectedLang
-											)}
-										</time>
+											<div
+												class="absolute top-0 w-28 -translate-x-32 rounded border bg-secondary px-1.5 py-1 text-center text-xs font-semibold"
+											>
+												{l(lang, comment.state)}
+											</div>

-										<p class="mb-4 text-sm font-normal">
-											{comment.comment}
-										</p>
-									</li>
-								{/each}
-							</ol>
+											<time
+												class=" mb-1 text-sm font-medium leading-none text-muted-foreground"
+											>
+												{f(
+													new Date(comment.commented_at * 1000),
+													"MMMM do yyyy, h:mm:ss a",
+													selectedLang
+												)}
+											</time>
+
+											<p class="mb-4 text-sm font-normal">
+												{comment.comment}
+											</p>
+										</li>
+									{/each}
+								</ol>
+							{:else if incidentType == "MAINTENANCE"}
+								<ol class="relative mt-2 pl-0">
+									{#each incident.comments as comment}
+										<li class="relative pb-2 last:border-0">
+											<time
+												class=" mb-1 text-sm font-medium leading-none text-muted-foreground"
+											>
+												{f(
+													new Date(comment.commented_at * 1000),
+													"MMMM do yyyy, h:mm:ss a",
+													selectedLang
+												)}
+											</time>
+
+											<p class="mb-2 text-sm font-normal">
+												{comment.comment}
+											</p>
+										</li>
+									{/each}
+								</ol>
+							{/if}
 						{:else}
 							<p class="text-sm font-medium">
 								{l(lang, "No Updates Yet")}
@@ -81,21 +81,11 @@

 	let invalidFormMessage = "";

-	async function isValidEval() {
+	async function isValidEval(ev) {
 		try {
 			// let evalResp = await eval(newMonitor.apiConfig.eval + `(200, 1000, "e30=")`);
-			new Function(newMonitor.apiConfig.eval);
+			new Function(ev);
 			return true; // The code is valid
-			// if (
-			// 	evalResp === undefined ||
-			// 	evalResp === null ||
-			// 	evalResp.status === undefined ||
-			// 	evalResp.status === null ||
-			// 	evalResp.latency === undefined ||
-			// 	evalResp.latency === null
-			// ) {
-			// 	return false;
-			// }
 		} catch (error) {
 			invalidFormMessage = error.message + " in eval.";
 			return false;
@@ -171,7 +161,7 @@
 					return;
 				}

-				if (!(await isValidEval())) {
+				if (!(await isValidEval(newMonitor.apiConfig.eval))) {
 					invalidFormMessage = invalidFormMessage + "Invalid eval";
 					return;
 				}
@@ -208,6 +198,27 @@
 				invalidFormMessage = "hostsV4 or hostsV6 is required";
 				return;
 			}
+			if (!!newMonitor.pingConfig.pingEval) {
+				newMonitor.pingConfig.pingEval = newMonitor.pingConfig.pingEval.trim();
+				if (newMonitor.pingConfig.pingEval.endsWith(";")) {
+					invalidFormMessage = "Eval should not end with semicolon";
+					return;
+				}
+				//has to start with ( and end with )
+				if (
+					!newMonitor.pingConfig.pingEval.startsWith("(") ||
+					!newMonitor.pingConfig.pingEval.endsWith(")")
+				) {
+					invalidFormMessage =
+						"Eval should start with ( and end with ). It is an anonymous function";
+					return;
+				}
+
+				if (!(await isValidEval(newMonitor.pingConfig.pingEval))) {
+					invalidFormMessage = invalidFormMessage + "Invalid eval";
+					return;
+				}
+			}
 			newMonitor.type_data = JSON.stringify(newMonitor.pingConfig);
 		} else if (newMonitor.monitor_type === "DNS") {
 			//validating host
@@ -282,7 +293,7 @@
 		>
 			<ChevronRight class="h-6 w-6 " />
 		</Button>
-		<div class="absolute top-0 flex h-12 w-full justify-between gap-2 border-b p-3">
+		<div class="absolute top-0 flex h-12 w-full justify-between gap-2 border-b p-3 pr-6">
 			{#if newMonitor.id}
 				<h2 class="text-lg font-medium">Edit Monitor</h2>
 			{:else}
@@ -620,7 +631,9 @@
 						<Label for="eval">Eval</Label>
 						<p class="my-1 text-xs text-muted-foreground">
 							You can write a custom eval function to evaluate the response. The
-							function should return an object with status and latency. <a
+							function should return a promise that resolves to an object with status
+							and latency. <a
+								target="_blank"
 								class="font-medium text-primary"
 								href="https://kener.ing/docs/monitors-api#eval">Read the docs</a
 							> to learn
@@ -714,6 +727,25 @@
 								</Button>
 							</div>
 						</div>
+						<div class="mt-2">
+							<Label for="pingEval">Eval</Label>
+							<p class="my-1 text-xs text-muted-foreground">
+								You can write a custom eval function to evaluate the response. The
+								function should return a promise that resolves to an object with
+								status and latency. <a
+									target="_blank"
+									class="font-medium text-primary"
+									href="https://kener.ing/docs/monitors-ping#eval"
+									>Read the docs</a
+								> to learn
+							</p>
+							<textarea
+								bind:value={newMonitor.pingConfig.pingEval}
+								id="pingEval"
+								class="h-96 w-full rounded-sm border p-2"
+								placeholder="Leave blank or write a custom eval function"
+							></textarea>
+						</div>
 					</div>
 				</div>
 			{:else if newMonitor.monitor_type == "DNS"}
@@ -826,7 +858,9 @@
 				</div>
 			{/if}
 		</div>
-		<div class="absolute bottom-0 grid h-16 w-full grid-cols-6 justify-end gap-2 border-t p-3">
+		<div
+			class="absolute bottom-0 grid h-16 w-full grid-cols-6 justify-end gap-2 border-t p-3 pr-6"
+		>
 			<div class="col-span-5 py-2.5">
 				<p class="text-right text-xs font-medium text-red-500">{invalidFormMessage}</p>
 			</div>
@@ -22,6 +22,7 @@
 	let formState = "idle";
 	let loadingData = false;
 	let triggers = [];
+	let selectedCategory = "All Categories";

 	function showAddMonitorSheet() {
 		resetNewMonitor();
@@ -55,7 +56,8 @@
 			},
 			pingConfig: {
 				hostsV4: [],
-				hostsV6: []
+				hostsV6: [],
+				pingEval: ""
 			},
 			dnsConfig: {
 				host: "",
@@ -89,7 +91,10 @@
 				headers: {
 					"Content-Type": "application/json"
 				},
-				body: JSON.stringify({ action: "getMonitors", data: { status: status } })
+				body: JSON.stringify({
+					action: "getMonitors",
+					data: { status: status, category_name: selectedCategory }
+				})
 			});
 			let resp = await apiResp.json();
 			resp = resp.map((m) => {
@@ -255,16 +260,20 @@
 	</div>
 {/if}
 <div class="mt-4 flex justify-between">
-	<div class="flex w-40">
+	<div class="flex w-1/3 gap-x-2">
 		<Select.Root
 			portal={null}
 			onSelectedChange={(e) => {
 				status = e.value;
 				loadData();
 			}}
+			selected={{
+				value: status,
+				label: status
+			}}
 		>
 			<Select.Trigger id="statusmonitor">
-				<Select.Value placeholder={status} />
+				<Select.Value bind:value={status} placeholder="Status" />
 			</Select.Trigger>
 			<Select.Content>
 				<Select.Group>
@@ -278,9 +287,48 @@
 				</Select.Group>
 			</Select.Content>
 		</Select.Root>
-		{#if loadingData}
-			<Loader class="ml-2 mt-2 inline h-6 w-6 animate-spin" />
-		{/if}
+
+		<Select.Root
+			portal={null}
+			onSelectedChange={(e) => {
+				selectedCategory = e.value;
+				loadData();
+			}}
+			selected={{
+				value: selectedCategory,
+				label: selectedCategory
+			}}
+		>
+			<Select.Trigger id="catemonitor">
+				<Select.Value bind:value={selectedCategory} placeholder="Category" />
+			</Select.Trigger>
+			<Select.Content>
+				<Select.Group>
+					<Select.Label>Category</Select.Label>
+					<Select.Item
+						value="All Categories"
+						label="All Categories"
+						class="text-sm font-medium"
+					>
+						All Categories
+					</Select.Item>
+					{#each categories as category}
+						<Select.Item
+							value={category.name}
+							label={category.name}
+							class="text-sm font-medium"
+						>
+							{category.name}
+						</Select.Item>
+					{/each}
+				</Select.Group>
+			</Select.Content>
+		</Select.Root>
+		<div>
+			{#if loadingData}
+				<Loader class="ml-2 mt-2 inline h-6 w-6 animate-spin" />
+			{/if}
+		</div>
 	</div>
 	<div>
 		{#if status == "ACTIVE"}
@@ -353,13 +353,16 @@
 				</div>
 			</div>
 			<hr />
+			<p class="font-medium">Custom CSS</p>
 			<div class="flex w-full flex-row justify-start gap-2">
 				<div class="w-full">
-					<Label for="customCSS" class="text-sm text-muted-foreground">Custom CSS</Label>
+					<Label for="customCSS" class="text-sm text-muted-foreground">
+						You can add custom CSS to style your site. Do not include style tags.
+					</Label>
 					<textarea
 						bind:value={themeData.customCSS}
 						id="customCSS"
-						class="h-48 w-full rounded-sm border p-2"
+						class="mt-1 h-48 w-full rounded-sm border p-2"
 						placeholder=".className&#123;color: red;&#125;"
 					></textarea>
 				</div>
@@ -1,13 +1,15 @@
 <script>
 	import { Button } from "$lib/components/ui/button";
-	import { Plus, X, Loader, Settings, Check } from "lucide-svelte";
+	import { Plus, X, Loader, Settings, Check, ChevronRight } from "lucide-svelte";
 	import { Input } from "$lib/components/ui/input";
 	import { Label } from "$lib/components/ui/label";
 	import { base } from "$app/paths";
 	import * as Select from "$lib/components/ui/select";
+	import * as RadioGroup from "$lib/components/ui/radio-group";
 	import { createEventDispatcher } from "svelte";
 	import { onMount } from "svelte";
 	import { IsValidURL } from "$lib/clientTools.js";
+	import { clickOutsideAction, slide } from "svelte-legos";
 	import * as Card from "$lib/components/ui/card";
 	let status = "ACTIVE";
 	let formState = "idle";
@@ -26,7 +28,15 @@
 			url: "",
 			headers: [],
 			to: "",
-			from: data.RESEND_SENDER_EMAIL || ""
+			from: data.fromEmail,
+			webhook_body: "",
+			has_webhook_body: false,
+			email_type: data.preferredModeEmail,
+			smtp_host: data.smtp?.smtp_host ? data.smtp.smtp_host : "",
+			smtp_port: data.smtp?.smtp_port ? data.smtp.smtp_port : "",
+			smtp_user: data.smtp?.smtp_user ? data.smtp.smtp_user : "",
+			smtp_pass: data.smtp?.smtp_pass ? data.smtp.smtp_pass : "",
+			smtp_secure: data.smtp?.smtp_secure ? data.smtp.smtp_secure : ""
 		}
 	};
 	let invalidFormMessage = "";
@@ -41,7 +51,15 @@
 				url: "",
 				headers: [],
 				to: "",
-				from: data.RESEND_SENDER_EMAIL || ""
+				from: data.fromEmail,
+				webhook_body: "",
+				has_webhook_body: false,
+				email_type: data.preferredModeEmail,
+				smtp_host: data.smtp?.smtp_host ? data.smtp.smtp_host : "",
+				smtp_port: data.smtp?.smtp_port ? data.smtp.smtp_port : "",
+				smtp_user: data.smtp?.smtp_user ? data.smtp.smtp_user : "",
+				smtp_pass: data.smtp?.smtp_pass ? data.smtp.smtp_pass : "",
+				smtp_secure: data.smtp?.smtp_secure ? data.smtp.smtp_secure : ""
 			}
 		};
 	}
@@ -89,10 +107,51 @@

 			let emValid = validateNameEmailPattern(newTrigger.trigger_meta.from);
 			if (!emValid.isValid) {
-				invalidFormMessage = "Invalid Name and Email Address for Sender";
+				invalidFormMessage =
+					"Invalid Name and Email Address for Sender. It should be like this: Name <email@example.com>";
 				formState = "idle";
 				return;
 			}
+
+			if (newTrigger.trigger_meta.email_type == "smtp") {
+				if (newTrigger.trigger_meta.smtp_host == "") {
+					invalidFormMessage = "SMTP Host is required";
+					formState = "idle";
+					return;
+				}
+				if (newTrigger.trigger_meta.smtp_port == "") {
+					invalidFormMessage = "SMTP Port is required";
+					formState = "idle";
+					return;
+				}
+				if (newTrigger.trigger_meta.smtp_user == "") {
+					invalidFormMessage = "SMTP User is required";
+					formState = "idle";
+					return;
+				}
+				if (newTrigger.trigger_meta.smtp_pass == "") {
+					invalidFormMessage = "SMTP Password is required";
+					formState = "idle";
+					return;
+				}
+			}
+		}
+		if (newTrigger.trigger_type == "webhook") {
+			//headers elements key value should not be empty
+			if (newTrigger.trigger_meta.headers.length > 0) {
+				for (let i = 0; i < newTrigger.trigger_meta.headers.length; i++) {
+					if (newTrigger.trigger_meta.headers[i].key == "") {
+						invalidFormMessage = "Header Key is required";
+						formState = "idle";
+						return;
+					}
+					if (newTrigger.trigger_meta.headers[i].value == "") {
+						invalidFormMessage = "Header Value is required";
+						formState = "idle";
+						return;
+					}
+				}
+			}
 		}
 		//newTrigger.name present not empty
 		if (newTrigger.name == "") {
@@ -152,6 +211,9 @@
 	function showUpdateSheet(m) {
 		newTrigger = { ...newTrigger, ...m };
 		newTrigger.trigger_meta = JSON.parse(newTrigger.trigger_meta);
+		if (newTrigger.trigger_type === "email" && !!!newTrigger.trigger_meta.email_type) {
+			newTrigger.trigger_meta.email_type = "resend";
+		}
 		showAddTrigger = true;
 	}

@@ -202,6 +264,30 @@
 	onMount(() => {
 		loadData();
 	});
+	let placeholderWebhookBody = JSON.stringify(
+		{
+			id: "${id}",
+			alert_name: "${alert_name}",
+			severity: "${severity}",
+			status: "${status}",
+			source: "${source}",
+			timestamp: "${timestamp}",
+			description: "${description}",
+			details: {
+				metric: "${metric}",
+				current_value: "${current_value}",
+				threshold: "${threshold}"
+			},
+			actions: [
+				{
+					text: "${action_text}",
+					url: "${action_url}"
+				}
+			]
+		},
+		null,
+		2
+	);
 </script>

 <div class="mt-4 flex justify-between">
@@ -295,8 +381,25 @@
 </div>
 {#if showAddTrigger}
 	<div class="fixed left-0 top-0 z-50 h-screen w-screen bg-card bg-opacity-20 backdrop-blur-sm">
-		<div class="absolute right-0 top-0 h-screen w-[800px] bg-background shadow-xl">
-			<div class="absolute top-0 flex h-12 w-full justify-between gap-2 border-b p-3">
+		<div
+			transition:slide={{ direction: "right", duration: 200 }}
+			use:clickOutsideAction
+			on:clickoutside={(e) => {
+				showAddTrigger = false;
+			}}
+			class="absolute right-0 top-0 h-screen w-[800px] bg-background px-3 shadow-xl"
+		>
+			<Button
+				variant="outline"
+				size="icon"
+				class="absolute right-[785px] top-8  z-10 h-8 w-8 rounded-md"
+				on:click={(e) => {
+					showAddTrigger = false;
+				}}
+			>
+				<ChevronRight class="h-6 w-6 " />
+			</Button>
+			<div class="absolute top-0 flex h-12 w-full justify-between gap-2 border-b p-3 pr-6">
 				{#if newTrigger.id}
 					<h2 class="text-lg font-medium">Edit Trigger</h2>
 				{:else}
@@ -419,7 +522,7 @@
 					{#if newTrigger.trigger_type == "webhook"}
 						<div class="mt-4 w-full">
 							<Label for="url">Add Optional Headers for Webhooks</Label>
-							<div class="grid grid-cols-6 gap-2">
+							<div class="mt-2 grid grid-cols-6 gap-2">
 								{#each newTrigger.trigger_meta.headers as header, index}
 									<div class="col-span-2">
 										<Input
@@ -464,10 +567,60 @@
 									<Plus class="mr-1 h-4 w-4" /> Add Headers
 								</Button>
 							</div>
+							<div>
+								<label>
+									<input
+										on:change={(e) => {
+											newTrigger.trigger_meta.has_webhook_body =
+												e.target.checked;
+										}}
+										type="checkbox"
+										checked={newTrigger.trigger_meta.has_webhook_body}
+									/>
+									Use a Custom Webhook Body
+								</label>
+								{#if !!newTrigger.trigger_meta.has_webhook_body}
+									<p class="my-2 text-xs text-muted-foreground">
+										You can use a custom webhook body. The body should be a
+										valid for the Content-Type header you have set. The default
+										is JSON. There are <a
+											target="_blank"
+											class="text-blue-500"
+											href="https://kener.ing/docs/triggers#webhook-body"
+											>variables</a
+										>
+										that you can use for the webhook body. To use a variable wrap
+										it like
+										<code>$&#123;variable&#125;</code>
+									</p>
+									<div class="w-full">
+										<textarea
+											bind:value={newTrigger.trigger_meta.webhook_body}
+											class="mt-2 h-[500px] w-full rounded-sm border p-2"
+											placeholder={placeholderWebhookBody}
+										></textarea>
+									</div>
+								{/if}
+							</div>
 						</div>
 					{:else if newTrigger.trigger_type == "email"}
 						<div class="mt-4 w-full">
-							{#if !!!data.RESEND_API_KEY}
+							<RadioGroup.Root
+								class="my-4 flex"
+								bind:value={newTrigger.trigger_meta.email_type}
+							>
+								<div class="flex items-center space-x-2">
+									<RadioGroup.Item value="resend" id="email-resend" />
+									<Label for="email-resend" class="cursor-pointer">
+										Use Resend
+									</Label>
+								</div>
+								<div class="flex items-center space-x-2">
+									<RadioGroup.Item value="smtp" id="email-smtp" />
+									<Label for="email-smtp" class="cursor-pointer">Use SMTP</Label>
+								</div>
+							</RadioGroup.Root>
+							{#if !!!data.RESEND_API_KEY && newTrigger.trigger_meta.email_type == "resend"}
 								<div class="rounded-md border bg-card p-2 text-xs">
 									<p class="text-sm font-semibold">Email Trigger</p>
 									<p class="text-xs">
@@ -485,6 +638,66 @@
 										>.
 									</p>
 								</div>
+							{:else if newTrigger.trigger_meta.email_type == "smtp"}
+								<div class="flex gap-x-2">
+									<div>
+										<Label class="text-sm">
+											Host
+											<span class="text-red-500">*</span>
+										</Label>
+										<Input
+											class="mt-2"
+											bind:value={newTrigger.trigger_meta.smtp_host}
+											placeholder="smtp.example.com"
+										/>
+									</div>
+									<div>
+										<Label class="text-sm">
+											Port
+											<span class="text-red-500">*</span>
+										</Label>
+										<Input
+											class="mt-2"
+											bind:value={newTrigger.trigger_meta.smtp_port}
+											placeholder="587"
+										/>
+									</div>
+									<div>
+										<Label class="text-sm">
+											User
+											<span class="text-red-500">*</span>
+										</Label>
+										<Input
+											class="mt-2"
+											bind:value={newTrigger.trigger_meta.smtp_user}
+											placeholder="raj@example.com"
+										/>
+									</div>
+									<div>
+										<Label class="text-sm">
+											Password
+											<span class="text-red-500">*</span>
+										</Label>
+										<Input
+											class="mt-2"
+											bind:value={newTrigger.trigger_meta.smtp_pass}
+											placeholder="*******"
+										/>
+									</div>
+								</div>
+								<div class="my-2">
+									<label class="text-sm">
+										<input
+											on:change={(e) => {
+												newTrigger.trigger_meta.smtp_secure =
+													e.target.checked;
+											}}
+											type="checkbox"
+											checked={newTrigger.trigger_meta.smtp_secure}
+										/>
+										Use Secure Connection
+									</label>
+								</div>
 							{/if}
 						</div>
 						<div class="mt-4 w-full">
@@ -512,17 +725,10 @@
 					{/if}
 				</div>
 			</div>
-			<div class="absolute bottom-0 grid h-16 w-full grid-cols-6 gap-2 border-t p-3">
-				<div class="col-span-1">
-					<Button
-						variant="ghost"
-						class="col-span-1 w-full"
-						on:click={(e) => {
-							showAddTrigger = false;
-						}}>Cancel</Button
-					>
-				</div>
-				<div class="col-span-4 py-2.5">
+			<div
+				class="absolute bottom-0 grid h-16 w-full grid-cols-6 justify-end gap-2 border-t p-3 pr-6"
+			>
+				<div class="col-span-5 py-2.5">
 					<p class="text-right text-xs font-medium text-red-500">{invalidFormMessage}</p>
 				</div>
 				<div class="col-span-1">
@@ -1,9 +1,23 @@
 // @ts-nocheck

 import { format, formatDistance, formatDistanceToNow, formatDuration } from "date-fns";
-import { ru, enUS, hi, de, zhCN, vi, ja, nl, da, fr, ko, ptBR } from "date-fns/locale";
+import { ru, enUS, hi, de, zhCN, vi, ja, nl, da, fr, ko, ptBR, tr } from "date-fns/locale";

-const locales = { ru, en: enUS, hi, de, "zh-CN": zhCN, vi, ja, nl, dk: da, fr, ko, "pt-BR": ptBR };
+const locales = {
+	ru,
+	en: enUS,
+	hi,
+	de,
+	"zh-CN": zhCN,
+	vi,
+	ja,
+	nl,
+	dk: da,
+	fr,
+	ko,
+	"pt-BR": ptBR,
+	tr
+};

 const f = function (date, formatStr, locale) {
 	return format(date, formatStr, {
@@ -27,16 +41,20 @@ const fdm = function (duration, locale) {
 };

 const l = function (sessionLangMap, key, args = {}) {
-	let obj = sessionLangMap[key];
+	try {
+		let obj = sessionLangMap[key];

-	// Replace placeholders in the string using the args object
-	if (obj && typeof obj === "string") {
-		obj = obj.replace(/%\w+/g, (placeholder) => {
-			const argKey = placeholder.slice(1); // Remove the `%` to get the key
-			return args[argKey] !== undefined ? args[argKey] : placeholder;
-		});
+		// Replace placeholders in the string using the args object
+		if (obj && typeof obj === "string") {
+			obj = obj.replace(/%\w+/g, (placeholder) => {
+				const argKey = placeholder.slice(1); // Remove the `%` to get the key
+				return args[argKey] !== undefined ? args[argKey] : placeholder;
+			});
+		}
+		return obj || key;
+	} catch (e) {
+		return key;
 	}
-	return obj || key;
 };
 const summaryTime = function (summaryStatus) {
 	if (summaryStatus == "No Data") {
@@ -1,4 +1,5 @@
 {
+	"%status for %duration": "%status für %duration",
 	"14 Days": "14 Tage",
 	"30 Days": "30 Tage",
 	"60 Days": "60 Tage",
@@ -6,50 +7,55 @@
 	"90 Days": "90 Tage",
 	"Availability per Component": "Verfügbarkeit pro Komponente",
 	"Back": "Zurück",
-	"Badge": "Abzeichen",
 	"Badge Copied": "Abzeichen kopiert",
+	"Badge": "Abzeichen",
+	"Browse Events": "Ereignisse durchsuchen",
 	"Code Copied": "Code kopiert",
 	"Copy Code": "Code kopieren",
 	"Copy Link": "Link kopieren",
-	"Dark": "Dunkel",
-	"Days": "Tage",
 	"DEGRADED": "EINGESCHRÄNKT",
 	"DOWN": "AUSGEFALLEN",
-	"Embed": "Einbetten",
+	"Dark": "Dunkel",
+	"Days": "Tage",
 	"Embed this monitor using &#x3C;script&#x3E; or &#x3C;iframe&#x3E; in your app.": "Binden Sie diesen Monitor mit <script> oder <iframe> in Ihre App ein.",
+	"Embed": "Einbetten",
 	"Get SVG badge for this monitor": "SVG-Abzeichen für diesen Monitor erhalten",
 	"Get a LIVE Status for this monitor": "LIVE-Status für diesen Monitor erhalten",
 	"IDENTIFIED": "IDENTIFIZIERT",
-	"Incident Updates": "Vorfall-Updates",
 	"INVESTIGATING": "UNTERSUCHUNG",
+	"Incident Updates": "Vorfall-Updates",
+	"LIVE Status": "LIVE-Status",
 	"Lasted for about %lastedFor": "Dauerte etwa %lastedFor",
 	"Light": "Hell",
 	"Link Copied": "Link kopiert",
-	"LIVE Status": "LIVE-Status",
-	"Mode": "Modus",
+	"MAINTENANCE": "WARTUNG",
 	"MONITORING": "ÜBERWACHUNG",
+	"Maintenance Completed": "Wartung abgeschlossen",
+	"Maintenance in Progress": "Wartung läuft",
+	"Mode": "Modus",
 	"No Data": "Keine Daten",
-	"No Incidents": "Keine Vorfälle",
 	"No Incident in %date": "Kein Vorfall am %date",
+	"No Incidents": "Keine Vorfälle",
 	"No Monitor Found": "Kein Monitor gefunden",
 	"No Updates Yet": "Noch keine Updates",
 	"Ongoing Incidents": "Laufende Vorfälle",
 	"Pinging": "Pingen",
-	"Recent Incidents": "Kürzliche Vorfälle",
 	"RESOLVED": "GELÖST",
-	"Share": "Teilen",
+	"Recent Incidents": "Kürzliche Vorfälle",
+	"Recent Maintenances": "Kürzliche Wartungen",
 	"Share this monitor using a link with others": "Teilen Sie diesen Monitor mit einem Link mit anderen",
+	"Share": "Teilen",
 	"Standard": "Standard",
 	"Started %startedAt, lasted for %lastedFor": "Begann vor etwa %startedAt und dauerte etwa %lastedFor",
-	"Started about %startedAt, still ongoing": "Begann vor etwa %startedAt und dauert noch an",
-	"Starts %startedAt": "Beginnt in %startedAt",
+	"Started %startedAt, still ongoing": "Begann vor etwa %startedAt und dauert noch an",
 	"Starts %startedAt, will last for %lastedFor": "Beginnt in %startedAt und wird etwa %lastedFor dauern",
-	"Status": "Status",
+	"Starts %startedAt": "Beginnt in %startedAt",
 	"Status OK": "Status OK",
+	"Status": "Status",
 	"Theme": "Thema",
 	"Today": "Heute",
 	"UP": "VERFÜGBAR",
+	"Upcoming Maintenance": "Bevorstehende Wartung",
 	"Updates": "Updates",
-	"Uptime": "Verfügbarkeit",
-	"%status for %duration": "%status für %duration"
+	"Uptime": "Verfügbarkeit"
 }
@@ -1,4 +1,5 @@
 {
+	"%status for %duration": "%status i %duration",
 	"14 Days": "14 Dage",
 	"30 Days": "30 Dage",
 	"60 Days": "60 Dage",
@@ -6,50 +7,55 @@
 	"90 Days": "90 Dage",
 	"Availability per Component": "Tilgængelighed pr. Komponent",
 	"Back": "Tilbage",
-	"Badge": "Mærke",
 	"Badge Copied": "Mærke Kopieret",
+	"Badge": "Mærke",
+	"Browse Events": "Gennemse begivenheder",
 	"Code Copied": "Kode Kopieret",
 	"Copy Code": "Kopier Kode",
 	"Copy Link": "Kopier Link",
-	"Dark": "Mørk",
-	"Days": "Dage",
 	"DEGRADED": "FORRINGET",
 	"DOWN": "NEDE",
-	"Embed": "Integrer",
+	"Dark": "Mørk",
+	"Days": "Dage",
 	"Embed this monitor using &#x3C;script&#x3E; or &#x3C;iframe&#x3E; in your app.": "Integrer denne monitor ved at bruge <script> eller <iframe> i din app.",
+	"Embed": "Integrer",
 	"Get SVG badge for this monitor": "Hent SVG-mærke til denne monitor",
 	"Get a LIVE Status for this monitor": "Hent en LIVE-status for denne monitor",
 	"IDENTIFIED": "IDENTIFICERET",
-	"Incident Updates": "Hændelsesopdateringer",
 	"INVESTIGATING": "UNDERSØGER",
+	"Incident Updates": "Hændelsesopdateringer",
+	"LIVE Status": "LIVE-status",
 	"Lasted for about %lastedFor": "Varede i cirka %lastedFor",
 	"Light": "Lys",
 	"Link Copied": "Link Kopieret",
-	"LIVE Status": "LIVE-status",
-	"Mode": "Tilstand",
+	"MAINTENANCE": "VEDLIGEHOLDELSE",
 	"MONITORING": "OVERVÅGNING",
+	"Maintenance Completed": "Vedligeholdelse afsluttet",
+	"Maintenance in Progress": "Vedligeholdelse i gang",
+	"Mode": "Tilstand",
 	"No Data": "Ingen Data",
-	"No Incidents": "Ingen Hændelser",
 	"No Incident in %date": "Ingen Hændelse Den %date",
+	"No Incidents": "Ingen Hændelser",
 	"No Monitor Found": "Ingen Monitor Fundet",
 	"No Updates Yet": "Ingen Opdateringer Endnu",
 	"Ongoing Incidents": "Igangværende Hændelser",
 	"Pinging": "Pinger",
-	"Recent Incidents": "Seneste Hændelser",
 	"RESOLVED": "LØST",
-	"Share": "Del",
+	"Recent Incidents": "Seneste Hændelser",
+	"Recent Maintenances": "Seneste Vedligeholdelser",
 	"Share this monitor using a link with others": "Del denne monitor ved hjælp af et link med andre",
+	"Share": "Del",
 	"Standard": "Standard",
 	"Started %startedAt, lasted for %lastedFor": "Startede for cirka %startedAt siden, varede i cirka %lastedFor",
-	"Started about %startedAt, still ongoing": "Startede for cirka %startedAt siden, stadig igangværende",
-	"Starts %startedAt": "Starter om %startedAt",
+	"Started %startedAt, still ongoing": "Startede for cirka %startedAt siden, stadig igangværende",
 	"Starts %startedAt, will last for %lastedFor": "Starter om %startedAt, vil vare i cirka %lastedFor",
-	"Status": "Status",
+	"Starts %startedAt": "Starter om %startedAt",
 	"Status OK": "Status OK",
+	"Status": "Status",
 	"Theme": "Tema",
 	"Today": "I dag",
 	"UP": "OPPE",
+	"Upcoming Maintenance": "Kommende vedligeholdelse",
 	"Updates": "Opdateringer",
-	"Uptime": "Oppetid",
-	"%status for %duration": "%status i %duration"
+	"Uptime": "Oppetid"
 }
@@ -1,4 +1,5 @@
 {
+	"%status for %duration": "%status for %duration",
 	"14 Days": "14 Days",
 	"30 Days": "30 Days",
 	"60 Days": "60 Days",
@@ -6,50 +7,55 @@
 	"90 Days": "90 Days",
 	"Availability per Component": "Availability per Component",
 	"Back": "Back",
-	"Badge": "Badge",
 	"Badge Copied": "Badge Copied",
+	"Badge": "Badge",
+	"Browse Events": "Browse Events",
 	"Code Copied": "Code Copied",
 	"Copy Code": "Copy Code",
 	"Copy Link": "Copy Link",
-	"Dark": "Dark",
-	"Days": "Days",
 	"DEGRADED": "DEGRADED",
 	"DOWN": "DOWN",
-	"Embed": "Embed",
+	"Dark": "Dark",
+	"Days": "Days",
 	"Embed this monitor using &#x3C;script&#x3E; or &#x3C;iframe&#x3E; in your app.": "Embed this monitor using <script> or <iframe> in your app.",
+	"Embed": "Embed",
 	"Get SVG badge for this monitor": "Get SVG badge for this monitor",
 	"Get a LIVE Status for this monitor": "Get a LIVE Status for this monitor",
 	"IDENTIFIED": "IDENTIFIED",
-	"Incident Updates": "Incident Updates",
 	"INVESTIGATING": "INVESTIGATING",
+	"Incident Updates": "Incident Updates",
+	"LIVE Status": "LIVE Status",
 	"Lasted for about %lastedFor": "Lasted for about %lastedFor",
 	"Light": "Light",
 	"Link Copied": "Link Copied",
-	"LIVE Status": "LIVE Status",
-	"Mode": "Mode",
+	"MAINTENANCE": "MAINTENANCE",
 	"MONITORING": "MONITORING",
+	"Maintenance Completed": "Maintenance Completed",
+	"Maintenance in Progress": "Maintenance in Progress",
+	"Mode": "Mode",
 	"No Data": "No Data",
-	"No Incidents": "No Incidents",
 	"No Incident in %date": "No Incident in %date",
+	"No Incidents": "No Incidents",
 	"No Monitor Found": "No Monitor Found",
 	"No Updates Yet": "No Updates Yet",
 	"Ongoing Incidents": "Ongoing Incidents",
 	"Pinging": "Pinging",
-	"Recent Incidents": "Recent Incidents",
 	"RESOLVED": "RESOLVED",
-	"Share": "Share",
+	"Recent Incidents": "Recent Incidents",
+	"Recent Maintenances": "Recent Maintenances",
 	"Share this monitor using a link with others": "Share this monitor using a link with others",
+	"Share": "Share",
 	"Standard": "Standard",
 	"Started %startedAt, lasted for %lastedFor": "Started %startedAt, lasted for %lastedFor",
-	"Started about %startedAt, still ongoing": "Started %startedAt, still ongoing",
-	"Starts %startedAt": "Starts %startedAt",
+	"Started %startedAt, still ongoing": "Started %startedAt, still ongoing",
 	"Starts %startedAt, will last for %lastedFor": "Starts %startedAt, will last for %lastedFor",
-	"Status": "Status",
+	"Starts %startedAt": "Starts %startedAt",
 	"Status OK": "Status OK",
+	"Status": "Status",
 	"Theme": "Theme",
 	"Today": "Today",
 	"UP": "UP",
+	"Upcoming Maintenance": "Upcoming Maintenance",
 	"Updates": "Updates",
-	"Uptime": "Uptime",
-	"%status for %duration": "%status for %duration"
-}
+	"Uptime": "Uptime"
+}
@@ -1,4 +1,5 @@
 {
+	"%status for %duration": "%status pendant %duration",
 	"14 Days": "14 jours",
 	"30 Days": "30 jours",
 	"60 Days": "60 jours",
@@ -6,50 +7,55 @@
 	"90 Days": "90 jours",
 	"Availability per Component": "Disponibilité par composant",
 	"Back": "Retour",
-	"Badge": "Badge",
 	"Badge Copied": "Badge copié",
+	"Badge": "Badge",
+	"Browse Events": "Parcourir les événements",
 	"Code Copied": "Code copié",
 	"Copy Code": "Copier le code",
 	"Copy Link": "Copier le lien",
-	"Dark": "Sombre",
-	"Days": "Jours",
 	"DEGRADED": "Dégradé",
 	"DOWN": "Hors ligne",
-	"Embed": "Intégrer",
+	"Dark": "Sombre",
+	"Days": "Jours",
 	"Embed this monitor using &#x3C;script&#x3E; or &#x3C;iframe&#x3E; in your app.": "Intégrez ce moniteur dans votre application en utilisant <script> ou <iframe>.",
+	"Embed": "Intégrer",
 	"Get SVG badge for this monitor": "Obtenez un badge SVG pour ce moniteur",
 	"Get a LIVE Status for this monitor": "Obtenez un statut LIVE pour ce moniteur",
 	"IDENTIFIED": "Identifié",
-	"Incident Updates": "Mises à jour des incidents",
 	"INVESTIGATING": "En cours d'investigation",
+	"Incident Updates": "Mises à jour des incidents",
+	"LIVE Status": "Statut LIVE",
 	"Lasted for about %lastedFor": "A duré environ %lastedFor",
 	"Light": "Clair",
 	"Link Copied": "Lien copié",
-	"LIVE Status": "Statut LIVE",
-	"Mode": "Mode",
+	"MAINTENANCE": "Maintenance",
 	"MONITORING": "En surveillance",
+	"Maintenance Completed": "Maintenance terminée",
+	"Maintenance in Progress": "Maintenance en cours",
+	"Mode": "Mode",
 	"No Data": "Pas de données",
-	"No Incidents": "Pas d'incidents",
 	"No Incident in %date": "Pas d'incident le %date",
+	"No Incidents": "Pas d'incidents",
 	"No Monitor Found": "Aucun moniteur trouvé",
 	"No Updates Yet": "Pas encore de mises à jour",
 	"Ongoing Incidents": "Incidents en cours",
 	"Pinging": "Ping en cours",
-	"Recent Incidents": "Incidents récents",
 	"RESOLVED": "Résolu",
-	"Share": "Partager",
+	"Recent Incidents": "Incidents récents",
+	"Recent Maintenances": "Maintenances récentes",
 	"Share this monitor using a link with others": "Partagez ce moniteur avec un lien à d'autres personnes",
+	"Share": "Partager",
 	"Standard": "Standard",
 	"Started %startedAt, lasted for %lastedFor": "Commencé il y a environ %startedAt, a duré environ %lastedFor",
-	"Started about %startedAt, still ongoing": "Commencé il y a environ %startedAt, toujours en cours",
-	"Starts %startedAt": "Commence dans %startedAt",
+	"Started %startedAt, still ongoing": "Commencé il y a environ %startedAt, toujours en cours",
 	"Starts %startedAt, will last for %lastedFor": "Commence dans %startedAt, durera environ %lastedFor",
-	"Status": "Statut",
+	"Starts %startedAt": "Commence dans %startedAt",
 	"Status OK": "Statut OK",
+	"Status": "Statut",
 	"Theme": "Thème",
 	"Today": "Aujourd'hui",
 	"UP": "En ligne",
+	"Upcoming Maintenance": "Maintenance à venir",
 	"Updates": "Mises à jour",
-	"Uptime": "Temps de fonctionnement",
-	"%status for %duration": "%status pendant %duration"
+	"Uptime": "Temps de fonctionnement"
 }
@@ -1,4 +1,5 @@
 {
+	"%status for %duration": "%duration के लिए %status",
 	"14 Days": "14 दिन",
 	"30 Days": "30 दिन",
 	"60 Days": "60 दिन",
@@ -6,50 +7,55 @@
 	"90 Days": "90 दिन",
 	"Availability per Component": "प्रत्येक घटक की उपलब्धता",
 	"Back": "वापस",
-	"Badge": "बैज",
 	"Badge Copied": "बैज कॉपी किया गया",
+	"Badge": "बैज",
+	"Browse Events": "ईवेंट ब्राउज़ करें",
 	"Code Copied": "कोड कॉपी किया गया",
 	"Copy Code": "कोड कॉपी करें",
 	"Copy Link": "लिंक कॉपी करें",
-	"Dark": "डार्क",
-	"Days": "दिन",
 	"DEGRADED": "क्षीण",
 	"DOWN": "डाउन",
-	"Embed": "एम्बेड",
+	"Dark": "डार्क",
+	"Days": "दिन",
 	"Embed this monitor using &#x3C;script&#x3E; or &#x3C;iframe&#x3E; in your app.": "इस मॉनिटर को अपनी ऐप में <script> या <iframe> का उपयोग करके एम्बेड करें।",
+	"Embed": "एम्बेड",
 	"Get SVG badge for this monitor": "इस मॉनिटर के लिए SVG बैज प्राप्त करें",
 	"Get a LIVE Status for this monitor": "इस मॉनिटर के लिए लाइव स्टेटस प्राप्त करें",
 	"IDENTIFIED": "पहचाना गया",
-	"Incident Updates": "घटना अपडेट",
 	"INVESTIGATING": "जांच चल रही है",
-	"Lasted for about %lastedFor": "लगभग %lastedFor तक चला",
+	"Incident Updates": "घटना अपडेट",
+	"LIVE Status": "लाइव स्टेटस",
+	"Lasted for about %lastedFor": "%lastedFor तक चला",
 	"Light": "लाइट",
 	"Link Copied": "लिंक कॉपी किया गया",
-	"LIVE Status": "लाइव स्टेटस",
-	"Mode": "मोड",
+	"MAINTENANCE": "मेंटेनेंस",
 	"MONITORING": "निगरानी",
+	"Maintenance Completed": "मेंटेनेंस पूर्ण हुआ",
+	"Maintenance in Progress": "मेंटेनेंस जारी है",
+	"Mode": "मोड",
 	"No Data": "कोई डेटा नहीं",
-	"No Incidents": "कोई घटना नहीं",
 	"No Incident in %date": "%date को कोई घटना नहीं",
+	"No Incidents": "कोई घटना नहीं",
 	"No Monitor Found": "कोई मॉनिटर नहीं मिला",
 	"No Updates Yet": "अभी तक कोई अपडेट नहीं",
 	"Ongoing Incidents": "चल रही घटनाएँ",
 	"Pinging": "पिंगिंग",
-	"Recent Incidents": "हाल की घटनाएँ",
 	"RESOLVED": "सुलझाया गया",
-	"Share": "साझा करें",
+	"Recent Incidents": "हाल की घटनाएँ",
+	"Recent Maintenances": "हाल की मेंटेनेंस",
 	"Share this monitor using a link with others": "इस मॉनिटर को दूसरों के साथ लिंक के माध्यम से साझा करें",
+	"Share": "साझा करें",
 	"Standard": "मानक",
-	"Started %startedAt, lasted for %lastedFor": "लगभग %startedAt शुरू हुआ, %lastedFor तक चला",
-	"Started about %startedAt, still ongoing": "लगभग %startedAt शुरू हुआ, अभी भी जारी है",
-	"Starts %startedAt": "%startedAt में शुरू होगा",
+	"Started %startedAt, lasted for %lastedFor": "%startedAt शुरू हुआ, %lastedFor तक चला",
+	"Started %startedAt, still ongoing": "%startedAt शुरू हुआ, अभी भी जारी है",
 	"Starts %startedAt, will last for %lastedFor": "%startedAt में शुरू होगा, %lastedFor तक चलेगा",
-	"Status": "स्थिति",
+	"Starts %startedAt": "%startedAt में शुरू होगा",
 	"Status OK": "स्थिति ठीक है",
+	"Status": "स्थिति",
 	"Theme": "थीम",
 	"Today": "आज",
 	"UP": "अप",
+	"Upcoming Maintenance": "आगामी मेंटेनेंस",
 	"Updates": "अपडेट्स",
-	"Uptime": "अपटाइम",
-	"%status for %duration": "%duration के लिए %status"
+	"Uptime": "अपटाइम"
 }
@@ -1,4 +1,5 @@
 {
+	"%status for %duration": "%duration の間 %status",
 	"14 Days": "14日間",
 	"30 Days": "30日間",
 	"60 Days": "60日間",
@@ -6,50 +7,55 @@
 	"90 Days": "90日間",
 	"Availability per Component": "コンポーネントごとの可用性",
 	"Back": "戻る",
-	"Badge": "バッジ",
 	"Badge Copied": "バッジがコピーされました",
+	"Badge": "バッジ",
+	"Browse Events": "イベントを閲覧",
 	"Code Copied": "コードがコピーされました",
 	"Copy Code": "コードをコピー",
 	"Copy Link": "リンクをコピー",
-	"Dark": "ダーク",
-	"Days": "日間",
 	"DEGRADED": "劣化",
 	"DOWN": "ダウン",
-	"Embed": "埋め込み",
+	"Dark": "ダーク",
+	"Days": "日間",
 	"Embed this monitor using &#x3C;script&#x3E; or &#x3C;iframe&#x3E; in your app.": "このモニターをアプリに <script> または <iframe> を使用して埋め込む。",
+	"Embed": "埋め込み",
 	"Get SVG badge for this monitor": "このモニターのSVGバッジを取得",
 	"Get a LIVE Status for this monitor": "このモニターのライブステータスを取得",
 	"IDENTIFIED": "識別済み",
-	"Incident Updates": "インシデント更新",
 	"INVESTIGATING": "調査中",
+	"Incident Updates": "インシデント更新",
+	"LIVE Status": "ライブステータス",
 	"Lasted for about %lastedFor": "約 %lastedFor 続きました",
 	"Light": "ライト",
 	"Link Copied": "リンクがコピーされました",
-	"LIVE Status": "ライブステータス",
-	"Mode": "モード",
+	"MAINTENANCE": "メンテナンス",
 	"MONITORING": "モニタリング中",
+	"Maintenance Completed": "メンテナンス完了",
+	"Maintenance in Progress": "メンテナンス中",
+	"Mode": "モード",
 	"No Data": "データなし",
-	"No Incidents": "インシデントなし",
 	"No Incident in %date": "%date にインシデントなし",
+	"No Incidents": "インシデントなし",
 	"No Monitor Found": "モニターが見つかりません",
 	"No Updates Yet": "まだ更新はありません",
 	"Ongoing Incidents": "進行中のインシデント",
 	"Pinging": "ピング中",
-	"Recent Incidents": "最近のインシデント",
 	"RESOLVED": "解決済み",
-	"Share": "共有",
+	"Recent Incidents": "最近のインシデント",
+	"Recent Maintenances": "最近のメンテナンス",
 	"Share this monitor using a link with others": "このモニターをリンクで他の人と共有",
+	"Share": "共有",
 	"Standard": "標準",
 	"Started %startedAt, lasted for %lastedFor": "%startedAt 前に開始し、約 %lastedFor 続きました",
-	"Started about %startedAt, still ongoing": "%startedAt 前に開始し、まだ進行中です",
-	"Starts %startedAt": "%startedAt 後に開始",
+	"Started %startedAt, still ongoing": "%startedAt 前に開始し、まだ進行中です",
 	"Starts %startedAt, will last for %lastedFor": "%startedAt 後に開始し、約 %lastedFor 続きます",
-	"Status": "ステータス",
+	"Starts %startedAt": "%startedAt 後に開始",
 	"Status OK": "ステータス正常",
+	"Status": "ステータス",
 	"Theme": "テーマ",
 	"Today": "今日",
 	"UP": "稼働中",
+	"Upcoming Maintenance": "今後のメンテナンス",
 	"Updates": "更新",
-	"Uptime": "稼働時間",
-	"%status for %duration": "%duration の間 %status"
+	"Uptime": "稼働時間"
 }
@@ -1,4 +1,5 @@
 {
+	"%status for %duration": "%duration 동안 %status 상태였음",
 	"14 Days": "14 일",
 	"30 Days": "30 ",
 	"60 Days": "60 일",
@@ -6,50 +7,55 @@
 	"90 Days": "90 일",
 	"Availability per Component": "항목당 가용성",
 	"Back": "뒤로",
-	"Badge": "배지",
 	"Badge Copied": "배지 복사됨",
+	"Badge": "배지",
+	"Browse Events": "이벤트 찾아보기",
 	"Code Copied": "소스코드 복사됨",
 	"Copy Code": "소스코드 복사",
 	"Copy Link": "링크 복사",
-	"Dark": "다크",
-	"Days": "일",
 	"DEGRADED": "성능 저하됨",
 	"DOWN": "중단",
-	"Embed": "임베드",
+	"Dark": "다크",
+	"Days": "일",
 	"Embed this monitor using &#x3C;script&#x3E; or &#x3C;iframe&#x3E; in your app.": "<script> 나 <iframe> 태그를 사용하여 내 앱에 이 모니터링을 임베딩 해보세요.",
+	"Embed": "임베드",
 	"Get SVG badge for this monitor": "이 모니터링 항목에 대한 SVG 배지를 구해보세요.",
 	"Get a LIVE Status for this monitor": "이 모니터링 항목에 대한 실시간 상태를 구해보세요.",
 	"IDENTIFIED": "확인됨",
-	"Incident Updates": "사건 보고서",
 	"INVESTIGATING": "조사 중",
+	"Incident Updates": "사건 보고서",
+	"LIVE Status": "실시간 상태",
 	"Lasted for about %lastedFor": "%lastedFor 동안 지속",
 	"Light": "라이트",
 	"Link Copied": "링크 복사됨",
-	"LIVE Status": "실시간 상태",
-	"Mode": "모드",
+	"MAINTENANCE": "유지보수",
 	"MONITORING": "감시 중",
+	"Maintenance Completed": "유지보수 완료",
+	"Maintenance in Progress": "유지보수 진행 중",
+	"Mode": "모드",
 	"No Data": "데이터 없음",
-	"No Incidents": "사건 없음",
 	"No Incident in %date": "%date 에는 아무 사건도 없었음",
+	"No Incidents": "사건 없음",
 	"No Monitor Found": "모니터링 항목을 찾을 수 없음",
 	"No Updates Yet": "아직 아무 업데이트도 없음",
 	"Ongoing Incidents": "진행중 사건",
 	"Pinging": "핑 요청",
-	"Recent Incidents": "최근 사건",
 	"RESOLVED": "해결됨",
-	"Share": "공유",
+	"Recent Incidents": "최근 사건",
+	"Recent Maintenances": "최근 유지보수",
 	"Share this monitor using a link with others": "링크를 사용하여 다른 사람들과 이 모니터링 데이터를 공유해보세요",
+	"Share": "공유",
 	"Standard": "기본",
 	"Started %startedAt, lasted for %lastedFor": "%startedAt 전에 시작되었으며, %lastedFor 동안 지속되었습니다",
-	"Started about %startedAt, still ongoing": "%startedAt 전에 시작되었으며, 아직 진행중입니다",
-	"Starts %startedAt": "%startedAt 에 시작되었습니다",
+	"Started %startedAt, still ongoing": "%startedAt 전에 시작되었으며, 아직 진행중입니다",
 	"Starts %startedAt, will last for %lastedFor": "%startedAt 전에 시작되었으며, %lastedFor 까지 지속될 예정입니다",
-	"Status": "상태",
+	"Starts %startedAt": "%startedAt 에 시작되었습니다",
 	"Status OK": "양호",
+	"Status": "상태",
 	"Theme": "테마",
 	"Today": "오늘",
 	"UP": "작동 중",
+	"Upcoming Maintenance": "예정된 유지보수",
 	"Updates": "업데이트",
-	"Uptime": "업타임",
-	"%status for %duration": "%duration 동안 %status 상태였음"
+	"Uptime": "업타임"
 }
@@ -46,5 +46,9 @@
 	{
 		"code": "pt-BR",
 		"name": "Português Brasileiro"
+	},
+	{
+		"code": "tr",
+		"name": "Türkçe"
 	}
 ]
@@ -1,4 +1,5 @@
 {
+	"%status for %duration": "%status voor %duration",
 	"14 Days": "14 dagen",
 	"30 Days": "30 dagen",
 	"60 Days": "60 dagen",
@@ -6,50 +7,55 @@
 	"90 Days": "90 dagen",
 	"Availability per Component": "Beschikbaarheid per component",
 	"Back": "Terug",
-	"Badge": "Badge",
 	"Badge Copied": "Badge gekopieerd",
+	"Badge": "Badge",
+	"Browse Events": "Evenementen bekijken",
 	"Code Copied": "Code gekopieerd",
 	"Copy Code": "Kopieer code",
 	"Copy Link": "Kopieer link",
-	"Dark": "Donker",
-	"Days": "Dagen",
 	"DEGRADED": "BEPERKT",
 	"DOWN": "NIET BEREIKBAAR",
-	"Embed": "Insluiten",
+	"Dark": "Donker",
+	"Days": "Dagen",
 	"Embed this monitor using &#x3C;script&#x3E; or &#x3C;iframe&#x3E; in your app.": "Sluit deze monitor in met behulp van <script> of <iframe> in je app.",
+	"Embed": "Insluiten",
 	"Get SVG badge for this monitor": "SVG-badge ophalen voor deze monitor",
 	"Get a LIVE Status for this monitor": "LIVE-status ophalen voor deze monitor",
 	"IDENTIFIED": "GEIDENTIFICEERD",
-	"Incident Updates": "Incident updates",
 	"INVESTIGATING": "ONDERZOEK BEZIG",
+	"Incident Updates": "Incident updates",
+	"LIVE Status": "LIVE status",
 	"Lasted for about %lastedFor": "Duurde ongeveer %lastedFor",
 	"Light": "Licht",
 	"Link Copied": "Link gekopieerd",
-	"LIVE Status": "LIVE status",
-	"Mode": "Modus",
+	"MAINTENANCE": "ONDERHOUD",
 	"MONITORING": "MONITOREN",
+	"Maintenance Completed": "Onderhoud voltooid",
+	"Maintenance in Progress": "Onderhoud bezig",
+	"Mode": "Modus",
 	"No Data": "Geen gegevens",
-	"No Incidents": "Geen incidenten",
 	"No Incident in %date": "Geen incident op %date",
+	"No Incidents": "Geen incidenten",
 	"No Monitor Found": "Geen monitor gevonden",
 	"No Updates Yet": "Nog geen updates",
 	"Ongoing Incidents": "Lopende incidenten",
 	"Pinging": "Pingen",
-	"Recent Incidents": "Recente incidenten",
 	"RESOLVED": "OPGELOST",
-	"Share": "Delen",
+	"Recent Incidents": "Recente incidenten",
+	"Recent Maintenances": "Recente onderhoudsbeurten",
 	"Share this monitor using a link with others": "Deel deze monitor met anderen via een link",
+	"Share": "Delen",
 	"Standard": "Standaard",
 	"Started %startedAt, lasted for %lastedFor": "Begonnen ongeveer %startedAt geleden, duurde ongeveer %lastedFor",
-	"Started about %startedAt, still ongoing": "Begonnen ongeveer %startedAt geleden, nog steeds bezig",
-	"Starts %startedAt": "Begint over %startedAt",
+	"Started %startedAt, still ongoing": "Begonnen ongeveer %startedAt geleden, nog steeds bezig",
 	"Starts %startedAt, will last for %lastedFor": "Begint over %startedAt, zal ongeveer %lastedFor duren",
-	"Status": "Status",
+	"Starts %startedAt": "Begint over %startedAt",
 	"Status OK": "Status OK",
+	"Status": "Status",
 	"Theme": "Thema",
 	"Today": "Vandaag",
 	"UP": "BEREIKBAAR",
+	"Upcoming Maintenance": "Aankomend onderhoud",
 	"Updates": "Updates",
-	"Uptime": "Uptime",
-	"%status for %duration": "%status voor %duration"
-}
+	"Uptime": "Uptime"
+}
@@ -1,4 +1,5 @@
 {
+	"%status for %duration": "%status por %duration",
 	"14 Days": "14 Dias",
 	"30 Days": "30 Dias",
 	"60 Days": "60 Dias",
@@ -6,50 +7,55 @@
 	"90 Days": "90 Dias",
 	"Availability per Component": "Disponibilidade por Componente",
 	"Back": "Voltar",
-	"Badge": "Emblema",
 	"Badge Copied": "Emblema Copiado",
+	"Badge": "Emblema",
+	"Browse Events": "Navegar Eventos",
 	"Code Copied": "Código Copiado",
 	"Copy Code": "Copiar Código",
 	"Copy Link": "Copiar Link",
-	"Dark": "Escuro",
-	"Days": "Dias",
 	"DEGRADED": "FALHA",
 	"DOWN": "INDISPONÍVEL",
-	"Embed": "Incorporar",
+	"Dark": "Escuro",
+	"Days": "Dias",
 	"Embed this monitor using &#x3C;script&#x3E; or &#x3C;iframe&#x3E; in your app.": "Incorporar este monitor ao seu aplicativo utilizando <script> ou <iframe>.",
+	"Embed": "Incorporar",
 	"Get SVG badge for this monitor": "Obter emblema SVG deste monitor",
 	"Get a LIVE Status for this monitor": "Obter indicador de status AO VIVO",
 	"IDENTIFIED": "IDENTIFICADO",
-	"Incident Updates": "Atualizações do Incidente",
 	"INVESTIGATING": "INVESTIGANDO",
+	"Incident Updates": "Atualizações do Incidente",
+	"LIVE Status": "Status AO VIVO",
 	"Lasted for about %lastedFor": "Durou aproximadamente %lastedFor",
 	"Light": "Claro",
 	"Link Copied": "Link Copiado",
-	"LIVE Status": "Status AO VIVO",
-	"Mode": "Modo",
+	"MAINTENANCE": "MANUTENÇÃO",
 	"MONITORING": "MONITORANDO",
+	"Maintenance Completed": "Manutenção Concluída",
+	"Maintenance in Progress": "Manutenção em Progresso",
+	"Mode": "Modo",
 	"No Data": "Sem dados",
-	"No Incidents": "Sem Incidentes",
 	"No Incident in %date": "Nenhum incidente em %date",
+	"No Incidents": "Sem Incidentes",
 	"No Monitor Found": "Nenhum monitor encontrado",
 	"No Updates Yet": "Nenhuma atualização ainda",
 	"Ongoing Incidents": "Incidentes em Andamento",
 	"Pinging": "Animado",
-	"Recent Incidents": "Incidentes Recentes",
 	"RESOLVED": "RESOLVIDO",
-	"Share": "Compartilhar",
+	"Recent Incidents": "Incidentes Recentes",
+	"Recent Maintenances": "Manutenções Recentes",
 	"Share this monitor using a link with others": "Compartilhar este monitor através do link",
+	"Share": "Compartilhar",
 	"Standard": "Padrão",
 	"Started %startedAt, lasted for %lastedFor": "Ocorreu faz %startedAt e durou %lastedFor",
-	"Started about %startedAt, still ongoing": "Iniciou faz %startedAt, ainda em andamento",
-	"Starts %startedAt": "Inicia em %startedAt",
+	"Started %startedAt, still ongoing": "Iniciou faz %startedAt, ainda em andamento",
 	"Starts %startedAt, will last for %lastedFor": "Terá início em %startedAt, com duração de %lastedFor",
-	"Status": "Status",
+	"Starts %startedAt": "Inicia em %startedAt",
 	"Status OK": "Status OK",
+	"Status": "Status",
 	"Theme": "Tema",
 	"Today": "Hoje",
 	"UP": "OPERACIONAL",
+	"Upcoming Maintenance": "Manutenção Agendada",
 	"Updates": "Atualizações",
-	"Uptime": "Tempo de Atividade",
-	"%status for %duration": "%status por %duration"
+	"Uptime": "Tempo de Atividade"
 }
@@ -1,4 +1,5 @@
 {
+	"%status for %duration": "%status в течение %duration",
 	"14 Days": "14 Дней",
 	"30 Days": "30 Дней",
 	"60 Days": "60 Дней",
@@ -6,50 +7,55 @@
 	"90 Days": "90 Дней",
 	"Availability per Component": "Доступность по компонентам",
 	"Back": "Назад",
-	"Badge": "Значок",
 	"Badge Copied": "Значок скопирован",
+	"Badge": "Значок",
+	"Browse Events": "Просмотр событий",
 	"Code Copied": "Код скопирован",
 	"Copy Code": "Копировать код",
 	"Copy Link": "Копировать ссылку",
-	"Dark": "Темная",
-	"Days": "Дней",
 	"DEGRADED": "УХУДШЕНО",
 	"DOWN": "НЕДОСТУПНО",
-	"Embed": "Встроить",
+	"Dark": "Темная",
+	"Days": "Дней",
 	"Embed this monitor using &#x3C;script&#x3E; or &#x3C;iframe&#x3E; in your app.": "Встройте этот монитор используя <script> или <iframe> в ваше приложение.",
+	"Embed": "Встроить",
 	"Get SVG badge for this monitor": "Получить SVG значок для этого монитора",
 	"Get a LIVE Status for this monitor": "Получить ЖИВОЙ статус для этого монитора",
 	"IDENTIFIED": "ВЫЯВЛЕНО",
-	"Incident Updates": "Обновления инцидента",
 	"INVESTIGATING": "ИССЛЕДУЕТСЯ",
+	"Incident Updates": "Обновления инцидента",
+	"LIVE Status": "ЖИВОЙ статус",
 	"Lasted for about %lastedFor": "Длилось около %lastedFor",
 	"Light": "Светлая",
 	"Link Copied": "Ссылка скопирована",
-	"LIVE Status": "ЖИВОЙ статус",
-	"Mode": "Режим",
+	"MAINTENANCE": "ОБСЛУЖИВАНИЕ",
 	"MONITORING": "МОНИТОРИНГ",
+	"Maintenance Completed": "Техническое обслуживание завершено",
+	"Maintenance in Progress": "Техническое обслуживание",
+	"Mode": "Режим",
 	"No Data": "Нет данных",
-	"No Incidents": "Нет инцидентов",
 	"No Incident in %date": "Нет инцидентов на %date",
+	"No Incidents": "Нет инцидентов",
 	"No Monitor Found": "Монитор не найден",
 	"No Updates Yet": "Пока нет обновлений",
 	"Ongoing Incidents": "Текущие инциденты",
 	"Pinging": "Пингуется",
-	"Recent Incidents": "Недавние инциденты",
 	"RESOLVED": "РЕШЕНО",
-	"Share": "Поделиться",
+	"Recent Incidents": "Недавние инциденты",
+	"Recent Maintenances": "Последние обслуживания",
 	"Share this monitor using a link with others": "Поделитесь этим монитором с другими по ссылке",
+	"Share": "Поделиться",
 	"Standard": "Стандартная",
 	"Started %startedAt, lasted for %lastedFor": "Началось около %startedAt назад, длилось около %lastedFor",
-	"Started about %startedAt, still ongoing": "Началось около %startedAt назад, все еще продолжается",
-	"Starts %startedAt": "Начнется через %startedAt",
+	"Started %startedAt, still ongoing": "Началось около %startedAt назад, все еще продолжается",
 	"Starts %startedAt, will last for %lastedFor": "Начнется через %startedAt, продлится около %lastedFor",
-	"Status": "Статус",
+	"Starts %startedAt": "Начнется через %startedAt",
 	"Status OK": "Статус ОК",
+	"Status": "Статус",
 	"Theme": "Тема",
 	"Today": "Сегодня",
 	"UP": "РАБОТАЕТ",
+	"Upcoming Maintenance": "Предстоящее техническое обслуживание",
 	"Updates": "Обновления",
-	"Uptime": "Время работы",
-	"%status for %duration": "%status в течение %duration"
+	"Uptime": "Время работы"
 }
@@ -0,0 +1,61 @@
+{
+	"%status for %duration": "%duration boyunca %status",
+	"14 Days": "14 Gün",
+	"30 Days": "30 Gün",
+	"60 Days": "60 Gün",
+	"7 Days": "7 Gün",
+	"90 Days": "90 Gün",
+	"Availability per Component": "Bileşen Kullanılabilirliği",
+	"Back": "Geri",
+	"Badge Copied": "Rozet Kopyalandı",
+	"Badge": "Rozet",
+	"Browse Events": "Etkinliklere Göz At",
+	"Code Copied": "Kod Kopyalandı",
+	"Copy Code": "Kodu Kopyala",
+	"Copy Link": "Bağlantıyı Kopyala",
+	"DEGRADED": "BOZUK",
+	"DOWN": "ÇALIŞMIYOR",
+	"Dark": "Koyu",
+	"Days": "Günler",
+	"Embed this monitor using &#x3C;script&#x3E; or &#x3C;iframe&#x3E; in your app.": "Uygulamanıza <script> veya <iframe> kullanarak bu hizmeti yerleştirin.",
+	"Embed": "Yerleştir",
+	"Get SVG badge for this monitor": "Bu servis için SVG rozet alın",
+	"Get a LIVE Status for this monitor": "Bu servis için CANLI Durum alın",
+	"IDENTIFIED": "TANIMLANDI",
+	"INVESTIGATING": "İNCELENİYOR",
+	"Incident Updates": "Olay Güncellemeleri",
+	"LIVE Status": "CANLI Durum",
+	"Lasted for about %lastedFor": "%lastedFor sürdü",
+	"Light": "Açık",
+	"Link Copied": "Bağlantı Kopyalandı",
+	"MAINTENANCE": "BAKIM",
+	"MONITORING": "İZLEME",
+	"Maintenance Completed": "Bakım Tamamlandı",
+	"Maintenance in Progress": "Bakım Devam Ediyor",
+	"Mode": "Mod",
+	"No Data": "Veri Yok",
+	"No Incident in %date": "%date Tarihinde Olay Yok",
+	"No Incidents": "Olay Yok",
+	"No Monitor Found": "Servis Bulunamadı",
+	"No Updates Yet": "Henüz Güncelleme Yok",
+	"Ongoing Incidents": "Devam Eden Olaylar",
+	"Pinging": "Pinging",
+	"RESOLVED": "ÇÖZÜLDÜ",
+	"Recent Incidents": "Son Olaylar",
+	"Recent Maintenances": "Son Bakımlar",
+	"Share this monitor using a link with others": "Bu servisi bir bağlantı kullanarak başkalarıyla paylaşın",
+	"Share": "Paylaş",
+	"Standard": "Standart",
+	"Started %startedAt, lasted for %lastedFor": "%startedAt başladı, %lastedFor sürdü",
+	"Started %startedAt, still ongoing": "%startedAt başladı, devam ediyor",
+	"Starts %startedAt, will last for %lastedFor": "%startedAt başlıyor, %lastedFor sürecek",
+	"Starts %startedAt": "%startedAt başlıyor",
+	"Status OK": "Durum UYGUN",
+	"Status": "Durum",
+	"Theme": "Tema",
+	"Today": "Bugün",
+	"UP": "ÇALIŞIYOR",
+	"Upcoming Maintenance": "Yaklaşan Bakım",
+	"Updates": "Güncellemeler",
+	"Uptime": "Çalışma Süresi"
+}
@@ -1,4 +1,5 @@
 {
+	"%status for %duration": "%status trong %duration",
 	"14 Days": "14 ngày",
 	"30 Days": "30 ngày",
 	"60 Days": "60 ngày",
@@ -6,50 +7,55 @@
 	"90 Days": "90 ngày",
 	"Availability per Component": "Tính khả dụng theo thành phần",
 	"Back": "Quay lại",
-	"Badge": "Huy hiệu",
 	"Badge Copied": "Huy hiệu đã được sao chép",
+	"Badge": "Huy hiệu",
+	"Browse Events": "Duyệt sự kiện",
 	"Code Copied": "Mã đã được sao chép",
 	"Copy Code": "Sao chép mã",
 	"Copy Link": "Sao chép liên kết",
-	"Dark": "Tối",
-	"Days": "Ngày",
 	"DEGRADED": "Suy giảm",
 	"DOWN": "Ngừng hoạt động",
-	"Embed": "Nhúng",
+	"Dark": "Tối",
+	"Days": "Ngày",
 	"Embed this monitor using &#x3C;script&#x3E; or &#x3C;iframe&#x3E; in your app.": "Nhúng trình theo dõi này vào ứng dụng của bạn bằng <script> hoặc <iframe>.",
+	"Embed": "Nhúng",
 	"Get SVG badge for this monitor": "Lấy huy hiệu SVG cho trình theo dõi này",
 	"Get a LIVE Status for this monitor": "Lấy trạng thái TRỰC TIẾP cho trình theo dõi này",
 	"IDENTIFIED": "Đã xác định",
-	"Incident Updates": "Cập nhật sự cố",
 	"INVESTIGATING": "Đang điều tra",
+	"Incident Updates": "Cập nhật sự cố",
+	"LIVE Status": "Trạng thái TRỰC TIẾP",
 	"Lasted for about %lastedFor": "Kéo dài khoảng %lastedFor",
 	"Light": "Sáng",
 	"Link Copied": "Liên kết đã được sao chép",
-	"LIVE Status": "Trạng thái TRỰC TIẾP",
-	"Mode": "Chế độ",
+	"MAINTENANCE": "Bảo trì",
 	"MONITORING": "Đang giám sát",
+	"Maintenance Completed": "Bảo trì đã hoàn thành",
+	"Maintenance in Progress": "Bảo trì đang diễn ra",
+	"Mode": "Chế độ",
 	"No Data": "Không có dữ liệu",
-	"No Incidents": "Không có sự cố",
 	"No Incident in %date": "Không có sự cố vào %date",
+	"No Incidents": "Không có sự cố",
 	"No Monitor Found": "Không tìm thấy trình theo dõi",
 	"No Updates Yet": "Chưa có cập nhật",
 	"Ongoing Incidents": "Sự cố đang diễn ra",
 	"Pinging": "Đang kiểm tra",
-	"Recent Incidents": "Sự cố gần đây",
 	"RESOLVED": "Đã giải quyết",
-	"Share": "Chia sẻ",
+	"Recent Incidents": "Sự cố gần đây",
+	"Recent Maintenances": "Bảo trì gần đây",
 	"Share this monitor using a link with others": "Chia sẻ trình theo dõi này với người khác bằng liên kết",
+	"Share": "Chia sẻ",
 	"Standard": "Tiêu chuẩn",
 	"Started %startedAt, lasted for %lastedFor": "Bắt đầu khoảng %startedAt trước, kéo dài khoảng %lastedFor",
-	"Started about %startedAt, still ongoing": "Bắt đầu khoảng %startedAt trước, vẫn đang diễn ra",
-	"Starts %startedAt": "Bắt đầu trong %startedAt",
+	"Started %startedAt, still ongoing": "Bắt đầu khoảng %startedAt trước, vẫn đang diễn ra",
 	"Starts %startedAt, will last for %lastedFor": "Bắt đầu trong %startedAt, sẽ kéo dài khoảng %lastedFor",
-	"Status": "Trạng thái",
+	"Starts %startedAt": "Bắt đầu trong %startedAt",
 	"Status OK": "Trạng thái OK",
+	"Status": "Trạng thái",
 	"Theme": "Giao diện",
 	"Today": "Hôm nay",
 	"UP": "Hoạt động",
+	"Upcoming Maintenance": "Bảo trì sắp tới",
 	"Updates": "Cập nhật",
-	"Uptime": "Thời gian hoạt động",
-	"%status for %duration": "%status trong %duration"
+	"Uptime": "Thời gian hoạt động"
 }
@@ -1,4 +1,5 @@
 {
+	"%status for %duration": "%duration 内的 %status",
 	"14 Days": "14天",
 	"30 Days": "30天",
 	"60 Days": "60天",
@@ -6,50 +7,55 @@
 	"90 Days": "90天",
 	"Availability per Component": "每个组件的可用性",
 	"Back": "返回",
-	"Badge": "徽章",
 	"Badge Copied": "徽章已复制",
+	"Badge": "徽章",
+	"Browse Events": "浏览事件",
 	"Code Copied": "代码已复制",
 	"Copy Code": "复制代码",
 	"Copy Link": "复制链接",
-	"Dark": "深色",
-	"Days": "天",
 	"DEGRADED": "性能下降",
 	"DOWN": "不可用",
-	"Embed": "嵌入",
+	"Dark": "深色",
+	"Days": "天",
 	"Embed this monitor using &#x3C;script&#x3E; or &#x3C;iframe&#x3E; in your app.": "使用 <script> 或 <iframe> 将此监控嵌入您的应用。",
+	"Embed": "嵌入",
 	"Get SVG badge for this monitor": "获取此监控的SVG徽章",
 	"Get a LIVE Status for this monitor": "获取此监控的实时状态",
 	"IDENTIFIED": "已识别",
-	"Incident Updates": "事件更新",
 	"INVESTIGATING": "正在调查",
+	"Incident Updates": "事件更新",
+	"LIVE Status": "实时状态",
 	"Lasted for about %lastedFor": "持续了约 %lastedFor",
 	"Light": "浅色",
 	"Link Copied": "链接已复制",
-	"LIVE Status": "实时状态",
-	"Mode": "模式",
+	"MAINTENANCE": "维护",
 	"MONITORING": "正在监控",
+	"Maintenance Completed": "维护已完成",
+	"Maintenance in Progress": "维护进行中",
+	"Mode": "模式",
 	"No Data": "无数据",
-	"No Incidents": "无事件",
 	"No Incident in %date": "%date 无事件",
+	"No Incidents": "无事件",
 	"No Monitor Found": "未找到监控",
 	"No Updates Yet": "尚无更新",
 	"Ongoing Incidents": "正在处理的事件",
 	"Pinging": "正在测试",
-	"Recent Incidents": "最近的事件",
 	"RESOLVED": "已解决",
-	"Share": "分享",
+	"Recent Incidents": "最近的事件",
+	"Recent Maintenances": "最近的维护",
 	"Share this monitor using a link with others": "通过链接与他人分享此监控",
+	"Share": "分享",
 	"Standard": "标准",
 	"Started %startedAt, lasted for %lastedFor": "大约 %startedAt 前开始，持续了约 %lastedFor",
-	"Started about %startedAt, still ongoing": "大约 %startedAt 前开始，目前仍在进行中",
-	"Starts %startedAt": "%startedAt 后开始",
+	"Started %startedAt, still ongoing": "大约 %startedAt 前开始，目前仍在进行中",
 	"Starts %startedAt, will last for %lastedFor": "%startedAt 后开始，将持续约 %lastedFor",
-	"Status": "状态",
+	"Starts %startedAt": "%startedAt 后开始",
 	"Status OK": "状态正常",
+	"Status": "状态",
 	"Theme": "主题",
 	"Today": "今天",
 	"UP": "可用",
+	"Upcoming Maintenance": "即将进行的维护",
 	"Updates": "更新",
-	"Uptime": "正常运行时间",
-	"%status for %duration": "%duration 内的 %status"
+	"Uptime": "正常运行时间"
 }
@@ -33,7 +33,7 @@ async function createJSONCommonAlert(monitor, config, alert, severity) {
 	let actions = [
 		{
 			text: "View Monitor",
-			url: siteURL + "/monitor-" + monitor.tag
+			url: siteURL + "?monitor=" + monitor.tag
 		}
 	];
 	return {
@@ -490,11 +490,17 @@ export const CreateIncident = async (data) => {
 		start_date_time: data.start_date_time,
 		status: !!data.status ? data.status : "OPEN",
 		end_date_time: !!data.end_date_time ? data.end_date_time : null,
-		state: !!data.state ? data.state : "INVESTIGATING"
+		state: !!data.state ? data.state : "INVESTIGATING",
+		incident_type: !!data.incident_type ? data.incident_type : "INCIDENT"
 	};

+	//incident_type == INCIDENT delete endDateTime
+	if (incident.incident_type === "INCIDENT") {
+		incident.end_date_time = null;
+	}
+
 	//if endDateTime is provided and it is less than startDateTime, throw error
-	if (incident.end_date_time && incident.end_date_time < incident.start_date_time) {
+	if (!!incident.end_date_time && incident.end_date_time < incident.start_date_time) {
 		throw new Error("End date time cannot be less than start date time");
 	}

@@ -638,9 +644,9 @@ export const AddIncidentComment = async (incident_id, comment, state, commented_
 	}

 	let c = await db.insertIncidentComment(incident_id, comment, state, commented_at);
-
+	let incidentType = incidentExists.incident_type;
 	//update incident state
-	if (c) {
+	if (c && incidentType === "INCIDENT") {
 		let incidentUpdate = {
 			state: state
 		};
@@ -807,6 +813,28 @@ export const IsLoggedInSession = async (cookies) => {
 	};
 };

+export const GetSMTPFromENV = () => {
+	//if variables are not return null
+	if (
+		!!!process.env.SMTP_HOST ||
+		!!!process.env.SMTP_PORT ||
+		!!!process.env.SMTP_USER ||
+		!!!process.env.SMTP_FROM_EMAIL ||
+		!!!process.env.SMTP_PASS
+	) {
+		return null;
+	}
+
+	return {
+		smtp_host: process.env.SMTP_HOST,
+		smtp_port: process.env.SMTP_PORT,
+		smtp_user: process.env.SMTP_USER,
+		smtp_from_email: process.env.SMTP_FROM_EMAIL,
+		smtp_pass: process.env.SMTP_PASS,
+		smtp_secure: !!process.env.SMTP_SECURE
+	};
+};
+
 export const GetSiteMap = async (cookies) => {
 	let siteMapData = [];
 	let siteURLData = await GetSiteDataByKey("siteURL");
@@ -3,7 +3,7 @@

 export function IsValidURL(url) {
 	const regex =
-		/^(https?:\/\/)?((localhost|[\da-z.-]+\.[a-z]{2,6})(:[0-9]{1,5})?)?(\/[\w .-]*)*\/?$/i;
+		/^(https?:\/\/)?((localhost|[\da-z.-]+\.[a-z]{2,10})(:[0-9]{1,5})?)?(\/[\w .-]*)*\/?$/i;
 	return regex.test(url);
 }

@@ -1,6 +1,6 @@
 // @ts-nocheck
 import axios from "axios";
-import ping from "ping";
+import { Ping, ExtractIPv6HostAndPort } from "./ping.js";
 import { UP, DOWN, DEGRADED } from "./constants.js";
 import {
 	GetMinuteStartNowTimestampUTC,
@@ -49,9 +49,32 @@ const defaultEval = `(async function (statusCode, responseTime, responseData) {
 	}
 })`;

+const defaultPingEval = `(async function (responseDataBase64) {
+	let arrayOfPings = JSON.parse(atob(responseDataBase64));
+	let latencyTotal = arrayOfPings.reduce((acc, ping) => {
+		return acc + ping.latency;
+	}, 0);
+
+	let alive = arrayOfPings.reduce((acc, ping) => {
+		if (ping.status === "open") {
+			return acc && true;
+		} else {
+			return false;
+		}
+	}, true);
+
+	return {
+		status: alive ? 'UP' : 'DOWN',
+		latency: parseInt(latencyTotal / arrayOfPings.length),
+	}
+})`;
+
 async function manualIncident(monitor) {
 	let startTs = GetMinuteStartNowTimestampUTC();
-	let impactArr = await db.getIncidentsByMonitorTagRealtime(monitor.tag, startTs);
+	let incidentArr = await db.getIncidentsByMonitorTagRealtime(monitor.tag, startTs);
+	let maintenanceArr = await db.getMaintenanceByMonitorTagRealtime(monitor.tag, startTs);
+
+	let impactArr = incidentArr.concat(maintenanceArr);

 	let impact = "";
 	if (impactArr.length == 0) {
@@ -94,50 +117,68 @@ async function manualIncident(monitor) {
 	return manualData;
 }

-const pingCall = async (hostsV4, hostsV6) => {
+const pingCall = async (hostsV4, hostsV6, pingEval, tag) => {
 	if (hostsV4 === undefined) hostsV4 = [];
 	if (hostsV6 === undefined) hostsV6 = [];
-	let alive = true;
-	let latencyTotal = 0;
-	let countHosts = hostsV4.length + hostsV6.length;
-
+	let arrayOfPings = [];
 	for (let i = 0; i < hostsV4.length; i++) {
-		const host = hostsV4[i].trim();
+		const hostFull = hostsV4[i].trim();
+		let res;
+		let splitHost = hostFull.split(":");
+		let host = splitHost[0];
+		let port = 80;
+		if (splitHost.length > 1) {
+			port = parseInt(splitHost[1]);
+		}
 		try {
-			let res = await ping.promise.probe(host);
-			alive = alive && res.alive;
-			latencyTotal += res.time;
-			if (!res.alive) {
-				throw new Error(JSON.stringify(res));
-			}
+			res = await Ping(host, port, 3000);
 		} catch (error) {
-			alive = alive && false;
-			latencyTotal += 30;
-			console.log(`Error in pingCall IP4 for ${host}`, error);
+			console.log(`Error in pingCall IP4 for ${hostFull}`, error);
+		} finally {
+			arrayOfPings.push({
+				host: host,
+				port: port,
+				type: "IP4",
+				status: res.status,
+				latency: res.latency
+			});
 		}
 	}

 	for (let i = 0; i < hostsV6.length; i++) {
-		const host = hostsV6[i].trim();
+		const hostFull = hostsV6[i].trim();
+		let { host, port } = ExtractIPv6HostAndPort(hostFull);
+		if (!!!port) {
+			port = 80;
+		}
+		let res;
 		try {
-			let res = await ping.promise.probe(host, {
-				v6: true,
-				timeout: false
-			});
-			alive = alive && res.alive;
-			if (!res.alive) {
-				throw new Error(JSON.stringify(res));
-			}
-			latencyTotal += res.time;
+			res = await Ping(host, port, 3000);
 		} catch (error) {
-			alive = alive && false;
-			latencyTotal += 30;
-			console.log(`Error in pingCall IP6 for ${host}`, error);
+			console.log(`Error in pingCall IP6 for ${hostFull}`, error);
+		} finally {
+			arrayOfPings.push({
+				host: host,
+				port: port,
+				status: res.status,
+				type: "IP6",
+				latency: res.latency
+			});
 		}
 	}
+	let respBase64 = Buffer.from(JSON.stringify(arrayOfPings)).toString("base64");
+
+	let evalResp = undefined;
+
+	try {
+		evalResp = await eval(pingEval + `("${respBase64}")`);
+	} catch (error) {
+		console.log(`Error in pingEval for ${tag}`, error.message);
+	}
+	//reduce to get the status
 	return {
-		status: alive ? UP : DOWN,
-		latency: parseInt(latencyTotal / countHosts),
+		status: evalResp.status,
+		latency: evalResp.latency,
 		type: REALTIME
 	};
 };
@@ -373,7 +414,15 @@ const Minuter = async (monitor) => {
 			});
 		}
 	} else if (monitor.monitor_type === "PING") {
-		let pingResponse = await pingCall(monitor.type_data.hostsV4, monitor.type_data.hostsV6);
+		if (!!!monitor.type_data.pingEval) {
+			monitor.type_data.pingEval = defaultPingEval;
+		}
+		let pingResponse = await pingCall(
+			monitor.type_data.hostsV4,
+			monitor.type_data.hostsV6,
+			monitor.type_data.pingEval,
+			monitor.tag
+		);
 		realTimeData[startOfMinute] = pingResponse;
 	} else if (monitor.monitor_type === "DNS") {
 		const dnsResolver = new DNSResolver(monitor.type_data.nameServer);
@@ -262,7 +262,11 @@ class DbImpl {

 	//get monitors given status
 	async getMonitors(data) {
-		return await this.knex("monitors").where("status", data.status).orderBy("id", "desc");
+		let query = this.knex("monitors").where("status", data.status);
+		if (data.category_name && data.category_name !== "All Categories") {
+			query = query.andWhere("category_name", data.category_name);
+		}
+		return await query.orderBy("id", "desc");
 	}

 	//get monitor by tag
@@ -394,7 +398,8 @@ class DbImpl {
 			status: data.status,
 			state: data.state,
 			created_at: this.knex.fn.now(),
-			updated_at: this.knex.fn.now()
+			updated_at: this.knex.fn.now(),
+			incident_type: data.incident_type
 		});
 	}

@@ -549,11 +554,29 @@ class DbImpl {
 			)
 			.innerJoin("incident_monitors as im", "i.id", "im.incident_id")
 			.where("im.monitor_tag", monitor_tag)
-			.andWhere("i.start_date_time", "<", timestamp)
+			.andWhere("i.start_date_time", "<=", timestamp)
 			.andWhere("i.status", "OPEN")
+			.andWhere("i.incident_type", "INCIDENT")
 			.andWhere("i.state", "!=", "RESOLVED");
 	}

+	async getMaintenanceByMonitorTagRealtime(monitor_tag, timestamp) {
+		return await this.knex("incidents as i")
+			.select(
+				"i.id as id",
+				"i.start_date_time as start_date_time",
+				"i.end_date_time as end_date_time",
+				"im.monitor_impact"
+			)
+			.innerJoin("incident_monitors as im", "i.id", "im.incident_id")
+			.where("im.monitor_tag", monitor_tag)
+			.andWhere("i.start_date_time", "<=", timestamp)
+			.andWhere("i.end_date_time", ">=", timestamp)
+			.andWhere("i.status", "OPEN")
+			.andWhere("i.incident_type", "MAINTENANCE")
+			.andWhere("i.state", "=", "RESOLVED");
+	}
+
 	//given array of ids get incidents
 	async getIncidentsByIds(ids) {
 		return await this.knex("incidents").whereIn("id", ids).andWhere("status", "OPEN");
@@ -78,34 +78,3 @@ class DNSResolver {
 }

 export default DNSResolver;
-// const resolver = new DNSResolver();
-// const domain = process.argv[2] || "google.com";
-// const recordType = process.argv[3] || "A";
-// resolver.getRecord(domain, recordType).then(
-// 	function (records) {
-// 		Object.entries(records).forEach(([type, records]) => {
-// 			if (records.length === 0) return []; // Skip empty records
-// 			return records;
-// 			console.log(">>>>>>----  dns:167 ", records);
-// 			console.log(`\n${type} Records:`);
-// 			records.forEach((record) => {
-// 				console.log("----------------------------------------");
-// 				console.log(`Type: ${type}`);
-// 				console.log(`Name: ${record.name}`);
-// 				console.log(`TTL: ${record.ttl}`);
-
-// 				// Format the output based on record type
-// 				if (type === "MX") {
-// 					console.log(`Priority: ${record.data.priority}`);
-// 					console.log(`Exchange: ${record.data.exchange}`);
-// 				} else {
-// 					console.log(`Data: ${record.data}`);
-// 					// console.log(">>>>>>----  dns-resolver:120 ", record);
-// 				}
-// 			});
-// 		});
-// 	},
-// 	function (err) {
-// 		console.error(err);
-// 	}
-// );
@@ -21,7 +21,10 @@ class Discord {

 	transformData(data) {
 		let siteURL = this.siteData.siteURL;
-		let logo = this.siteData.logo;
+		let logo =
+			this.siteData.siteURL +
+			(!!process.env.KENER_BASE_PATH ? process.env.KENER_BASE_PATH : "") +
+			this.siteData.logo;

 		let color = 13250616; //down;
 		if (data.severity === "warning") {
@@ -1,5 +1,8 @@
 // @ts-nocheck
 import { Resend } from "resend";
+import nodemailer from "nodemailer";
+import getSMTPTransport from "./smtps.js";
+import { GetRequiredSecrets, ReplaceAllOccurrences } from "../tool.js";

 class Email {
 	to;
@@ -7,12 +10,24 @@ class Email {
 	method;
 	siteData;
 	monitorData;
+	meta;

 	constructor(meta, siteData, monitorData) {
 		this.to = meta.to;
 		this.from = meta.from;
 		this.siteData = siteData;
 		this.monitorData = monitorData;
+
+		let metaString = JSON.stringify(meta);
+
+		let envSecrets = GetRequiredSecrets(`${JSON.stringify(meta)}`);
+
+		for (let i = 0; i < envSecrets.length; i++) {
+			const secret = envSecrets[i];
+			metaString = ReplaceAllOccurrences(metaString, secret.find, secret.replace);
+		}
+
+		this.meta = JSON.parse(metaString);
 	}

 	transformData(data) {
@@ -179,13 +194,34 @@ class Email {
 	}

 	async send(data) {
-		const resend = new Resend(process.env.RESEND_API_KEY);
+		let emailBody = this.transformData(data); // object containing email data (to, subject, text, html, etc)
+		if (!this.meta.email_type || this.meta.email_type === "resend") {
+			const resend = new Resend(process.env.RESEND_API_KEY);
+			try {
+				return await resend.emails.send(emailBody);
+			} catch (error) {
+				console.error("Error sending webhook", error);
+				return error;
+			}
+		}
+		if (this.meta.email_type === "smtp") {
+			// Configure the SMTP transporter using environment variables
+			const transporter = getSMTPTransport(this.meta);

-		try {
-			return await resend.emails.send(this.transformData(data));
-		} catch (error) {
-			console.error("Error sending webhook", error);
-			return error;
+			const mailOptions = {
+				from: emailBody.from, // sender address
+				to: Array.isArray(emailBody.to) ? emailBody.to.join(",") : emailBody.to, // recipient address(es)
+				subject: emailBody.subject, // email subject
+				text: emailBody.text, // plain text body
+				html: emailBody.html // HTML body (if any)
+			};
+
+			try {
+				return await transporter.sendMail(mailOptions);
+			} catch (error) {
+				console.error("Error sending email via SMTP", error);
+				return error;
+			}
 		}
 	}
 }
@@ -10,13 +10,7 @@ class Notification {
 	constructor(trigger, siteData, monitorData) {
 		let trigger_meta = JSON.parse(trigger.trigger_meta);
 		if (trigger.trigger_type === "webhook") {
-			this.client = new Webhook(
-				trigger_meta.url,
-				trigger_meta.headers,
-				"POST",
-				siteData,
-				monitorData
-			);
+			this.client = new Webhook(trigger_meta, "POST", siteData, monitorData);
 		} else if (trigger.trigger_type === "discord") {
 			this.client = new Discord(trigger_meta.url, siteData, monitorData);
 		} else if (trigger.trigger_type === "slack") {
@@ -0,0 +1,26 @@
+// @ts-nocheck
+import nodemailer from "nodemailer";
+import { HashString } from "../controllers/controller.js";
+const transports = {};
+export default function getSMTPTransport(meta) {
+	//convert meta to string and generate has id
+
+	let transportId = "smtp_" + HashString(JSON.stringify(meta));
+
+	if (!!transports[transportId]) {
+		return transports[transportId];
+	}
+
+	const transporter = nodemailer.createTransport({
+		host: meta.smtp_host,
+		port: Number(meta.smtp_port) || 587,
+		secure: meta.smtp_secure, // true for 465, false for other ports
+		auth: {
+			user: meta.smtp_user,
+			pass: meta.smtp_pass
+		}
+	});
+	transports[transportId] = transporter;
+
+	return transporter;
+}
@@ -8,14 +8,16 @@ class Webhook {
 	method;
 	siteData;
 	monitorData;
+	trigger_meta;

-	constructor(url, headers, method, siteData, monitorData) {
+	constructor(trigger_meta, method, siteData, monitorData) {
 		const kenerHeader = {
 			"Content-Type": "application/json",
 			"User-Agent": "Kener/3.0.0"
 		};
-
-		this.url = url;
+		let headers = trigger_meta.headers;
+		this.trigger_meta = trigger_meta;
+		this.url = trigger_meta.url;
 		this.headers = kenerHeader;
 		for (let i = 0; i < headers.length; i++) {
 			const header = headers[i];
@@ -25,19 +27,49 @@ class Webhook {
 		this.siteData = siteData;
 		this.monitorData = monitorData;

-		let envSecrets = GetRequiredSecrets(`${this.url} ${JSON.stringify(this.headers)}`);
+		let envSecrets = GetRequiredSecrets(
+			`${this.url} ${JSON.stringify(this.headers)} ${JSON.stringify(this.trigger_meta.webhook_body)}`
+		);
+		//replace secrets in url and headers

 		for (let i = 0; i < envSecrets.length; i++) {
 			const secret = envSecrets[i];
-			this.url = ReplaceAllOccurrences(this.url, secret.key, secret.value);
+			this.url = ReplaceAllOccurrences(this.url, secret.find, secret.replace);
 			this.headers = JSON.parse(
 				ReplaceAllOccurrences(JSON.stringify(this.headers), secret.find, secret.replace)
 			);
 		}
+
+		if (!!this.trigger_meta.has_webhook_body && !!this.trigger_meta.webhook_body) {
+			envSecrets = GetRequiredSecrets(this.trigger_meta.webhook_body);
+			for (let i = 0; i < envSecrets.length; i++) {
+				const secret = envSecrets[i];
+				this.trigger_meta.webhook_body = ReplaceAllOccurrences(
+					this.trigger_meta.webhook_body,
+					secret.find,
+					secret.replace
+				);
+			}
+		}
 	}

 	transformData(data) {
-		return data;
+		if (!!!this.trigger_meta.has_webhook_body) return JSON.stringify(data);
+		if (!!!this.trigger_meta.webhook_body) return JSON.stringify(data);
+		let body = this.trigger_meta.webhook_body;
+		body = ReplaceAllOccurrences(body, "${id}", data.id);
+		body = ReplaceAllOccurrences(body, "${alert_name}", data.alert_name);
+		body = ReplaceAllOccurrences(body, "${severity}", data.severity);
+		body = ReplaceAllOccurrences(body, "${status}", data.status);
+		body = ReplaceAllOccurrences(body, "${source}", data.source);
+		body = ReplaceAllOccurrences(body, "${timestamp}", data.timestamp);
+		body = ReplaceAllOccurrences(body, "${description}", data.description);
+		body = ReplaceAllOccurrences(body, "${metric}", data.details.metric);
+		body = ReplaceAllOccurrences(body, "${current_value}", data.details.current_value);
+		body = ReplaceAllOccurrences(body, "${threshold}", data.details.threshold);
+		body = ReplaceAllOccurrences(body, "${action_text}", data.actions[0].text);
+		body = ReplaceAllOccurrences(body, "${action_url}", data.actions[0].url);
+		return body;
 	}

 	type() {
@@ -49,7 +81,7 @@ class Webhook {
 			const response = await fetch(this.url, {
 				method: this.method,
 				headers: this.headers,
-				body: JSON.stringify(this.transformData(data))
+				body: this.transformData(data)
 			});
 			return response;
 		} catch (error) {
@@ -137,7 +137,6 @@ const FetchData = async function (site, monitor, localTz, selectedLang, lang) {

 		_90Day[ts].timestamp = ts;
 		_90Day[ts].cssClass = cssClass;
-
 		_90Day[ts].summaryStatus = l(lang, summaryTime(summaryStatus), {
 			status: l(lang, summaryStatus),
 			duration: summaryDuration
@@ -0,0 +1,59 @@
+// @ts-nocheck
+import net from "net"; // Use import instead of require
+
+/**
+ * Check if a TCP port is open on a given IPv4/IPv6 host and measure latency.
+ *
+ * @param {string} host - The IP address or hostname (IPv4 or IPv6) to check.
+ * @param {number} port - The port number to check.
+ * @param {number} timeout - Connection timeout in milliseconds.
+ * @returns {Promise<{ status: string, latency: number }>} - Resolves to an object with status ("open" or "closed") and latency in ms.
+ */
+const Ping = function (host, port, timeout = 3000) {
+	return new Promise((resolve) => {
+		const socket = new net.Socket();
+		const start = process.hrtime.bigint(); // High-precision timestamp
+		let resolved = false;
+
+		const onFinish = (status) => {
+			if (!resolved) {
+				resolved = true;
+				const end = process.hrtime.bigint();
+				const latency = Number(end - start) / 1e6; // Convert nanoseconds to milliseconds
+				socket.destroy();
+				resolve({ status, latency });
+			}
+		};
+
+		socket.setTimeout(timeout);
+		socket.once("connect", () => onFinish("open"));
+		socket.once("timeout", () => onFinish("timeout"));
+		socket.once("error", () => onFinish("error"));
+
+		// Check if it's an IPv6 address (contains ':')
+		const options = host.includes(":") ? { host, port, family: 6 } : { host, port };
+		socket.connect(options);
+	});
+};
+
+/**
+ * @param {string} input
+ */
+function ExtractIPv6HostAndPort(input) {
+	const parts = input.split(":"); // Split by colons
+
+	// If there's a valid port at the end, extract it
+	const lastPart = parts[parts.length - 1];
+	const port = /^\d+$/.test(lastPart) ? parseInt(parts.pop(), 10) : null; // Check if last part is a number
+
+	// Reconstruct the IPv6 address
+	const host = parts.join(":");
+
+	// Ensure it's a valid IPv6 format
+	if (host.includes(":")) {
+		return { host, port }; // Port may be null if not present
+	}
+	return null; // Return null if the format is incorrect
+}
+
+export { Ping, ExtractIPv6HostAndPort };
@@ -292,6 +292,9 @@ function GenerateRandomColor() {
 function Wait(ms) {
 	return new Promise((resolve) => setTimeout(resolve, ms));
 }
+function MaskString(str) {
+	return "*".repeat(str.length - 4) + str.slice(-4);
+}
 export {
 	IsValidURL,
 	IsValidHTTPMethod,
@@ -317,5 +320,6 @@ export {
 	ValidateMonitorAlerts,
 	GenerateRandomColor,
 	BeginningOfMinute,
-	Wait
+	Wait,
+	MaskString
 };
@@ -87,7 +87,7 @@
 						<img src="https://kener.ing/logo.png" class="h-8 w-8" alt="" />
 						<span class="text-xl font-medium">Kener Documentation</span>
 						<span class="me-2 rounded border px-2.5 py-0.5 text-xs font-medium">
-							v3.0.6
+							3.0.9
 						</span>
 					</a>
 				</div>
@@ -0,0 +1,8 @@
+// @ts-nocheck
+
+import { redirect } from "@sveltejs/kit";
+import { base } from "$app/paths";
+
+export async function load({ parent, url }) {
+	throw redirect(302, base + "/docs/home");
+}
@@ -98,11 +98,17 @@ export async function load({ parent, url }) {
 		});
 		return incident;
 	});
-	let unresolvedIncidents = allOpenIncidents.filter((incident) => incident.state !== "RESOLVED");

+	let allRecentIncidents = allOpenIncidents.filter(
+		(incident) => incident.incident_type == "INCIDENT"
+	);
+	let allRecentMaintenances = allOpenIncidents.filter(
+		(incident) => incident.incident_type == "MAINTENANCE"
+	);
 	return {
 		monitors: monitorsActive,
-		unresolvedIncidents: allOpenIncidents,
+		allRecentIncidents,
+		allRecentMaintenances,
 		categoryName: requiredCategory,
 		isCategoryPage: isCategoryPage,
 		isMonitorPage: isMonitorPage,
@@ -11,6 +11,7 @@
 	import { onMount } from "svelte";
 	import ShareMenu from "$lib/components/shareMenu.svelte";
 	import { scale } from "svelte/transition";
+	import { format } from "date-fns";

 	export let data;
 	let shareMenusToggle = false;
@@ -38,11 +39,26 @@
 			data.site.hero.title = category.name;
 			data.site.hero.subtitle = category.description;
 		}
+	} else if (data.isMonitorPage) {
+		let monitor = data.monitors[0];
+		if (!!monitor) {
+			data.site.hero.title = monitor.name;
+			data.site.hero.subtitle = monitor.description;
+			data.site.hero.image = monitor.image;
+		}
 	}

 	onMount(() => {
 		pageLoaded = true;
 	});
+	let kindFilter = "INCIDENT";
+	function kindOfIncidents(kind) {
+		kindFilter = kind;
+	}
+
+	if (data.allRecentIncidents.length == 0) {
+		kindOfIncidents("MAINTENANCE");
+	}
 </script>

 <svelte:head>
@@ -52,24 +68,31 @@
 	{/if}
 </svelte:head>
 <div class="mt-12"></div>
-{#if data.site.hero && !data.isMonitorPage}
+{#if data.site.hero}
 	<section
 		class="mx-auto mb-8 flex w-full max-w-[655px] flex-1 flex-col items-start justify-center"
 	>
 		<div class="mx-auto max-w-screen-xl px-4 lg:flex lg:items-center">
 			<div class="blurry-bg mx-auto max-w-3xl text-center">
 				{#if data.site.hero.image}
-					<img src={data.site.hero.image} class="m-auto h-16 w-16" alt="" srcset="" />
+					<img
+						src={base + data.site.hero.image}
+						class="m-auto mb-2 h-14 w-14"
+						alt=""
+						srcset=""
+					/>
 				{/if}
 				{#if data.site.hero.title}
 					<h1
 						class="bg-gradient-to-r from-green-300 via-blue-500 to-purple-600 bg-clip-text text-5xl font-extrabold leading-tight text-transparent"
 					>
-						{data.site.hero.title}
+						{@html data.site.hero.title}
 					</h1>
 				{/if}
 				{#if data.site.hero.subtitle}
-					<p class="mx-auto mt-4 max-w-xl sm:text-xl">{data.site.hero.subtitle}</p>
+					<h2 class="mx-auto mt-4 max-w-xl sm:text-xl">
+						{@html data.site.hero.subtitle}
+					</h2>
 				{/if}
 			</div>
 		</div>
@@ -96,16 +119,50 @@
 		</Button>
 	</section>
 {/if}
-{#if data.unresolvedIncidents.length > 0}
+{#if data.allRecentIncidents.length + data.allRecentMaintenances.length > 0}
 	<section
 		class="mx-auto mb-2 flex w-full max-w-[655px] flex-1 flex-col items-start justify-center bg-transparent"
 		id=""
 	>
 		<div class="grid w-full grid-cols-2 gap-4">
-			<div class="col-span-2 text-center md:col-span-1 md:text-left">
-				<Badge variant="outline" class="border-0 pl-0">
-					{l(data.lang, "Ongoing Incidents")}
-				</Badge>
+			<div class="col-span-2 flex gap-x-2 text-center md:text-left">
+				{#if kindFilter == "INCIDENT"}
+					{#if data.allRecentIncidents.length > 0}
+						<Button
+							class="h-8   text-sm  "
+							on:click={() => kindOfIncidents("INCIDENT")}
+						>
+							{l(data.lang, "Recent Incidents")}
+						</Button>
+					{/if}
+					{#if data.allRecentMaintenances.length > 0}
+						<Button
+							variant="secondary"
+							class=" h-8 text-sm"
+							on:click={() => kindOfIncidents("MAINTENANCE")}
+						>
+							{l(data.lang, "Recent Maintenances")}
+						</Button>
+					{/if}
+				{:else}
+					{#if data.allRecentIncidents.length > 0}
+						<Button
+							variant="secondary"
+							class="h-8  text-sm "
+							on:click={() => kindOfIncidents("INCIDENT")}
+						>
+							{l(data.lang, "Recent Incidents")}
+						</Button>
+					{/if}
+					{#if data.allRecentMaintenances.length > 0}
+						<Button
+							class="h-8  text-sm"
+							on:click={() => kindOfIncidents("MAINTENANCE")}
+						>
+							{l(data.lang, "Recent Maintenances")}
+						</Button>
+					{/if}
+				{/if}
 			</div>
 		</div>
 	</section>
@@ -114,8 +171,19 @@
 		id=""
 	>
 		<Card.Root class="w-full">
-			<Card.Content class=" newincidents w-full overflow-hidden p-0">
-				{#each data.unresolvedIncidents as incident, index}
+			{#if kindFilter == "INCIDENT"}
+				<Card.Content class=" newincidents w-full overflow-hidden p-0">
+					{#each data.allRecentIncidents as incident, index}
+						<Incident
+							{incident}
+							lang={data.lang}
+							index="incident-{index}"
+							selectedLang={data.selectedLang}
+						/>
+					{/each}
+				</Card.Content>
+			{:else if kindFilter == "MAINTENANCE"}
+				{#each data.allRecentMaintenances as incident, index}
 					<Incident
 						{incident}
 						lang={data.lang}
@@ -123,7 +191,7 @@
 						selectedLang={data.selectedLang}
 					/>
 				{/each}
-			</Card.Content>
+			{/if}
 		</Card.Root>
 	</section>
 {/if}
@@ -186,8 +254,10 @@
 		class="relative z-10 mx-auto mb-8 w-full max-w-[890px] flex-1 flex-col items-start backdrop-blur-[2px] md:w-[655px]"
 	>
 		{#each data.site.categories.filter((e) => e.name != "Home") as category}
-			<div
-				on:click={() => {
+			<a
+				href={`?category=${category.name}`}
+				on:click={(e) => {
+					e.preventDefault();
 					window.location.href = `?category=${category.name}`;
 				}}
 			>
@@ -210,7 +280,7 @@
 						</Card.Description>
 					</Card.Header>
 				</Card.Root>
-			</div>
+			</a>
 		{/each}
 	</section>
 {/if}
@@ -218,21 +288,23 @@
 	class="mx-auto mb-2 flex w-full max-w-[655px] flex-1 flex-col items-start justify-center bg-transparent"
 	id=""
 >
-	<div
-		on:click={() => {
-			window.location.href = `${base}/incidents`;
+	<a
+		href="{base}/incidents/{format(new Date(), 'MMMM-yyyy')}"
+		on:click={(e) => {
+			e.preventDefault();
+			window.location.href = `${base}/incidents/${format(new Date(), "MMMM-yyyy")}`;
 		}}
 		class="bounce-right grid w-full cursor-pointer grid-cols-2 justify-between gap-4 rounded-md border bg-card px-4 py-2 text-sm font-medium hover:bg-secondary"
 	>
 		<div class="col-span-1 text-left">
-			{l(data.lang, "Recent Incidents")}
+			{l(data.lang, "Browse Events")}
 		</div>
 		<div class="text-right">
 			<span class="arrow float-right mt-0.5">
 				<ArrowRight class="h-4 w-4 text-muted-foreground hover:text-primary" />
 			</span>
 		</div>
-	</div>
+	</a>
 </section>
 {#if shareMenusToggle}
 	<div
@@ -9,7 +9,6 @@

 <ModeWatcher />
 <svelte:head>
-	<title>Setup Kener</title>
 	<meta name="description" content="Set up Kener" />
 	<meta name="robots" content="noindex" />
 	<link rel="icon" href="{base}/logo96.png" />
@@ -1,6 +1,7 @@
 import dotenv from "dotenv";
 dotenv.config();
 import db from "$lib/server/db/db.js";
+import { GetSMTPFromENV } from "$lib/server/controllers/controller.js";

 export async function load({ params, route, url, parent }) {
 	//read query parameters
@@ -14,6 +15,7 @@ export async function load({ params, route, url, parent }) {
 		isSecretSet: !!process.env.KENER_SECRET_KEY,
 		isResendSet: !!process.env.RESEND_API_KEY && !!process.env.RESEND_SENDER_EMAIL,
 		isSiteURLSet: !!siteURL.value,
+		isSMTPSet: !!GetSMTPFromENV(),
 		view,
 		token,
 		email
@@ -9,11 +9,14 @@
 		email: ""
 	};
 	export let data;
-
-	if (data.isSecretSet === false || data.isResendSet === false) {
+	let isResendSet = data.isResendSet && data.isSecretSet;
+	if (!isResendSet && !data.isSMTPSet) {
 		data.view = "error";
-		data.error =
-			"Environment variables(RESEND_API_KEY, RESEND_SENDER_EMAIL) are not set. Read the documentation to set them. https://kener.ing/docs/environment-vars";
+		data.error = `<p>Environment variables are not set. Read the documentation to set them. https://kener.ing/docs/environment-vars</p>
+		<br/>
+		<p>Either Set RESEND_API_KEY, RESEND_SENDER_EMAIL <br>or<br> Set SMTP_HOST, SMTP_PORT, SMTP_USER, SMTP_PASS, SMTP_FROM_EMAIL</p>
+		<br/>
+		<p>If both are set then SMTP will take priority</p>`;
 	}

 	if (data.isSiteURLSet === false) {
@@ -24,7 +27,7 @@
 </script>

 <svelte:head>
-	<title>Forgot password Kener</title>
+	<title>Forgot Password Kener</title>
 </svelte:head>
 <div class="flex min-h-full flex-col justify-center px-6 py-12 lg:px-8">
 	<div class="sm:mx-auto sm:w-full sm:max-w-sm">
@@ -37,7 +40,7 @@
 		{#if data.view == "error"}
 			<Alert.Root variant="destructive" class="my-4">
 				<Alert.Title>Error</Alert.Title>
-				<Alert.Description>{data.error}</Alert.Description>
+				<Alert.Description>{@html data.error}</Alert.Description>
 			</Alert.Root>
 		{/if}
 		{#if data.view == "forgot"}
@@ -3,11 +3,13 @@ import { json, redirect } from "@sveltejs/kit";
 import { base } from "$app/paths";
 import db from "$lib/server/db/db.js";
 import { Resend } from "resend";
+import getSMTPTransport from "$lib/server/notification/smtps.js";
 import {
 	HashPassword,
 	GenerateSalt,
 	GenerateToken,
-	VerifyToken
+	VerifyToken,
+	GetSMTPFromENV
 } from "$lib/server/controllers/controller.js";

 export async function POST({ request, cookies }) {
@@ -48,15 +50,40 @@ export async function POST({ request, cookies }) {
 		</body>
 		</html>
 	`;
+	let emailText = `
+		Click on the link below to reset your password:
+		${link}
+		This link will expire in 1 hour.
+		If you did not request a password reset, please ignore this email.
+	`;
 	let mail = {
 		from: senderEmail,
 		to: [email],
 		subject: subject,
+		text: emailText,
 		html: message
 	};

-	const resend = new Resend(resendKey);
-	await resend.emails.send(mail);
+	let smtpData = GetSMTPFromENV();
+	if (!!smtpData) {
+		const transporter = getSMTPTransport(smtpData);
+		const mailOptions = {
+			from: smtpData.smtp_from_email,
+			to: email,
+			subject: mail.subject,
+			html: mail.html,
+			text: mail.text
+		};
+		try {
+			await transporter.sendMail(mailOptions);
+		} catch (error) {
+			console.error("Error sending email via SMTP", error);
+			return;
+		}
+	} else {
+		const resend = new Resend(resendKey);
+		await resend.emails.send(mail);
+	}

 	throw redirect(302, base + "/manage/forgot?view=sent&email=" + email);
 }
@@ -2,11 +2,9 @@
 import { GetAllSiteData, VerifyToken } from "$lib/server/controllers/controller.js";
 import { redirect } from "@sveltejs/kit";
 import { base } from "$app/paths";
+import { MaskString } from "$lib/server/tool.js";
 import db from "$lib/server/db/db.js";
 //write a function to mask a string, just have last 4 characters visible
-function maskString(str) {
-	return "*".repeat(str.length - 4) + str.slice(-4);
-}

 export async function load({ params, route, url, cookies, request }) {
 	let siteData = await GetAllSiteData();
@@ -33,14 +31,10 @@ export async function load({ params, route, url, cookies, request }) {
 		throw redirect(302, base + "/manage/signin");
 	}

-	//
 	return {
 		siteData,
-		GH_TOKEN: !!process.env.GH_TOKEN ? maskString(process.env.GH_TOKEN) : "",
 		KENER_SECRET_KEY: !!process.env.KENER_SECRET_KEY
-			? maskString(process.env.KENER_SECRET_KEY)
-			: "",
-		RESEND_API_KEY: !!process.env.RESEND_API_KEY ? maskString(process.env.RESEND_API_KEY) : "",
-		RESEND_SENDER_EMAIL: process.env.RESEND_SENDER_EMAIL
+			? MaskString(process.env.KENER_SECRET_KEY)
+			: ""
 	};
 }
@@ -45,7 +45,7 @@
 			id: "/(manage)/manage/(app)/app/alerts"
 		},
 		{
-			name: "Incidents",
+			name: "Events",
 			url: `${base}/manage/app/incidents`,
 			id: "/(manage)/manage/(app)/app/incidents"
 		},
@@ -5,7 +5,7 @@
 	import { Label } from "$lib/components/ui/label";
 	import { Button } from "$lib/components/ui/button";
 	import * as Alert from "$lib/components/ui/alert";
-
+	import * as RadioGroup from "$lib/components/ui/radio-group";
 	import moment from "moment";
 	import { DateInput } from "date-picker-svelte";
 	import { clickOutsideAction, slide } from "svelte-legos";
@@ -81,7 +81,6 @@
 				}
 				return i;
 			});
-
 			totalPages = Math.ceil(resp.total.count / limit);
 		} catch (error) {
 			alert("Error: " + error);
@@ -102,9 +101,12 @@
 			endDatetime: null,
 			startDatetime: null,
 			start_date_time: null,
+			endDatetime: null,
+			ent_date_time: null,
 			status: "OPEN",
 			state: "INVESTIGATING",
-			firstComment: ""
+			firstComment: "",
+			incident_type: "INCIDENT"
 		};
 	}

@@ -120,7 +122,8 @@
 			end_date_time: newIncident.endDatetime,
 			status: newIncident.status,
 			state: newIncident.state,
-			id: newIncident.id
+			id: newIncident.id,
+			incident_type: newIncident.incident_type
 		};
 		//convert data.start_date_time to timestamp
 		if (!!!toPost.start_date_time) {
@@ -128,12 +131,14 @@
 			return;
 		}
 		toPost.start_date_time = parseInt(new Date(toPost.start_date_time).getTime() / 1000);
-		if (!!!toPost.end_date_time) {
-			delete toPost.end_date_time;
-		} else {
+		if (!!toPost.end_date_time) {
 			toPost.end_date_time = parseInt(new Date(toPost.end_date_time).getTime() / 1000);
 		}

+		if (toPost.incident_type == "MAINTENANCE") {
+			toPost.state = "RESOLVED";
+		}
+
 		formStateCreate = "loading";
 		try {
 			let data = await fetch(base + "/manage/app/api/", {
@@ -155,7 +160,7 @@
 				if (!!!newIncident.id) {
 					newComment.comment = newIncident.firstComment;
 					newComment.id = 0;
-					newComment.state = newIncident.state;
+					newComment.state = toPost.state;
 					newComment.commented_at = newIncident.startDatetime;

 					await addNewComment(resp.incident_id);
@@ -403,8 +408,10 @@
 					</Select.Group>
 				</Select.Content>
 			</Select.Root>
+		</div>
+		<div class="mx-2">
 			{#if loadingData}
-				<Loader class="ml-2 mt-2 inline h-6 w-6 animate-spin" />
+				<Loader class="float-right ml-2 mt-2 inline h-6 w-6 animate-spin" />
 			{/if}
 		</div>
 		<Button
@@ -414,7 +421,7 @@
 			}}
 		>
 			<Plus class="mr-2 inline h-6 w-6" />
-			New Incident
+			New Event
 		</Button>
 	</div>

@@ -563,9 +570,17 @@
 									</td>

 									<td class="whitespace-nowrap px-6 py-4 text-xs font-semibold">
-										<span class="badge-{incident.state} rounded px-1.5 py-1"
-											>{incident.state}</span
-										>
+										{#if incident.incident_type == "MAINTENANCE"}
+											<span class="badge-MAINTENANCE rounded px-1.5 py-1">
+												MAINTENANCE
+											</span>
+										{:else}
+											<span
+												class="badge-{incident.state} rounded px-1.5 py-1"
+											>
+												{incident.state}
+											</span>
+										{/if}
 									</td>
 									<td class="whitespace-nowrap px-6 py-4 text-xs font-semibold">
 										<div class="flex gap-x-1.5">
@@ -639,21 +654,53 @@
 				<div class="rounded-md border p-4">
 					<div>
 						{#if newIncident.id}
-							<h2 class="text-lg font-medium">Edit Incident</h2>
+							<h2 class="text-lg font-medium">Edit Event</h2>
 						{:else}
-							<h2 class="text-lg font-medium">Add New Incident</h2>
+							<h2 class="text-lg font-medium">Add New Event</h2>
 						{/if}
 					</div>
+					<p class="mt-4 text-sm font-medium">Event Type</p>
+					<div class="mt-2 flex gap-4">
+						<RadioGroup.Root
+							class=" flex gap-x-2 {!!newIncident.id ? 'opacity-70' : ''}"
+							bind:value={newIncident.incident_type}
+							disabled={!!newIncident.id}
+						>
+							<Label
+								for="type-INCIDENT"
+								class="flex cursor-pointer items-center space-x-2 rounded-md border {newIncident.incident_type ==
+								'INCIDENT'
+									? 'bg-secondary shadow-md'
+									: ''}  p-3"
+							>
+								<RadioGroup.Item value="INCIDENT" id="type-INCIDENT" />
+								<span>Incident</span>
+							</Label>
+							<Label
+								for="type-MAINTENANCE"
+								class="flex cursor-pointer items-center space-x-2 rounded-md border p-3 {newIncident.incident_type ==
+								'MAINTENANCE'
+									? 'bg-secondary shadow-md'
+									: ''}"
+							>
+								<RadioGroup.Item value="MAINTENANCE" id="type-MAINTENANCE" />
+								<span> Maintenance </span>
+							</Label>
+						</RadioGroup.Root>
+					</div>
 					<div class="mt-4 flex flex-row gap-4">
 						<div class="w-full">
 							<Label class="text-sm">
-								Incident Title
+								<span class="capitalize">{newIncident.incident_type}</span>
+								Title
 								<span class="text-red-500">*</span>
-								<span
-									class="float-right mt-2 text-xs font-semibold badge-{newIncident.state}"
-								>
-									{newIncident.state}
-								</span>
+								{#if newIncident.incident_type == "INCIDENT"}
+									<span
+										class="float-right mt-2 text-xs font-semibold badge-{newIncident.state}"
+									>
+										{newIncident.state}
+									</span>
+								{/if}
 							</Label>
 							<Input
 								class="mt-2"
@@ -667,7 +714,8 @@
 						<div class="mt-4 flex flex-row gap-4">
 							<div class="w-full">
 								<Label class="text-sm">
-									Incident Summary
+									<span class="capitalize">{newIncident.incident_type}</span>
+									Summary
 									<span class="text-red-500">*</span>
 								</Label>
 								<Input
@@ -678,20 +726,37 @@
 							</div>
 						</div>
 					{/if}
+
 					<div class="mt-4 flex gap-4">
 						<div class="col-span-1">
 							<Label class="mb-2 text-sm" for="start_date_time">
-								Incident Start Date Time
+								<span class="capitalize">{newIncident.incident_type}</span> Start
+								Date Time
 								<span class="text-red-500">*</span>
 							</Label>
 							<DateInput
 								bind:value={newIncident.startDatetime}
 								id="start_date_time"
 								timePrecision="minute"
-								disabled={!!newIncident.id}
 								class="mt-2 text-sm"
 							/>
 						</div>
+						{#if newIncident.incident_type == "MAINTENANCE"}
+							<div class="col-span-1">
+								<Label class="mb-2 text-sm" for="start_date_time">
+									<span class="capitalize">{newIncident.incident_type}</span> End
+									Date Time
+									<span class="text-red-500">*</span>
+								</Label>
+								<DateInput
+									bind:value={newIncident.endDatetime}
+									id="end_date_time"
+									timePrecision="minute"
+									class="mt-2 text-sm"
+									min={newIncident.startDatetime}
+								/>
+							</div>
+						{/if}
 					</div>

 					<div class="mt-4 grid h-16 w-full grid-cols-6 gap-2 border-t pt-4">
@@ -708,7 +773,9 @@
 									newIncident.title.trim().length == 0 ||
 									!!!newIncident.startDatetime ||
 									(!!!newIncident.id &&
-										newIncident.firstComment.trim().length == 0)}
+										newIncident.firstComment.trim().length == 0) ||
+									(!!!newIncident.endDatetime &&
+										newIncident.incident_type == "MAINTENANCE")}
 							>
 								Save
 								{#if formStateCreate === "loading"}
@@ -730,42 +797,44 @@
 								addNewComment();
 							}}
 						>
-							<div
-								class="bg-hover state-{newComment.state} mt-2 grid grid-cols-4 overflow-hidden rounded-md border text-xs font-medium"
-							>
+							{#if currentIncident.incident_type == "INCIDENT"}
 								<div
-									class="col-span-1 cursor-pointer px-2 py-2 text-center hover:underline"
-									on:click={() => {
-										setCommentState("INVESTIGATING");
-									}}
+									class="bg-hover state-{newComment.state} mt-2 grid grid-cols-4 overflow-hidden rounded-md border text-xs font-medium"
 								>
-									INVESTIGATING
+									<div
+										class="col-span-1 cursor-pointer px-2 py-2 text-center hover:underline"
+										on:click={() => {
+											setCommentState("INVESTIGATING");
+										}}
+									>
+										INVESTIGATING
+									</div>
+									<div
+										class="col-span-1 cursor-pointer px-2 py-2 text-center hover:underline"
+										on:click={() => {
+											setCommentState("IDENTIFIED");
+										}}
+									>
+										IDENTIFIED
+									</div>
+									<div
+										class="col-span-1 cursor-pointer px-2 py-2 text-center hover:underline"
+										on:click={() => {
+											setCommentState("MONITORING");
+										}}
+									>
+										MONITORING
+									</div>
+									<div
+										class="col-span-1 cursor-pointer px-2 py-2 text-center hover:underline"
+										on:click={() => {
+											setCommentState("RESOLVED");
+										}}
+									>
+										RESOLVED
+									</div>
 								</div>
-								<div
-									class="col-span-1 cursor-pointer px-2 py-2 text-center hover:underline"
-									on:click={() => {
-										setCommentState("IDENTIFIED");
-									}}
-								>
-									IDENTIFIED
-								</div>
-								<div
-									class="col-span-1 cursor-pointer px-2 py-2 text-center hover:underline"
-									on:click={() => {
-										setCommentState("MONITORING");
-									}}
-								>
-									MONITORING
-								</div>
-								<div
-									class="col-span-1 cursor-pointer px-2 py-2 text-center hover:underline"
-									on:click={() => {
-										setCommentState("RESOLVED");
-									}}
-								>
-									RESOLVED
-								</div>
-							</div>
+							{/if}
 							<div class="mt-4 flex w-full gap-4">
 								<div class="text-sm font-medium leading-7">Time Stamp</div>
 								<DateInput
@@ -840,9 +909,11 @@
 											<div
 												class="text-xs font-semibold text-muted-foreground"
 											>
-												<span class="badge-{comment.state}">
-													{comment.state}
-												</span>
+												{#if currentIncident.incident_type == "INCIDENT"}
+													<span class="badge-{comment.state}">
+														{comment.state}
+													</span>
+												{/if}
 												{moment(comment.commented_at * 1000).format(
 													"YYYY-MM-DD HH:mm:ss"
 												)}
@@ -0,0 +1,26 @@
+// @ts-nocheck
+
+import { GetSMTPFromENV } from "$lib/server/controllers/controller.js";
+import { MaskString } from "$lib/server/tool.js";
+
+export async function load({ parent }) {
+	let preferredModeEmail = "resend";
+	let fromEmail = "";
+	let isResendKeySet = !!process.env.RESEND_API_KEY;
+	let isResendSenderEmailSet = !!process.env.RESEND_SENDER_EMAIL;
+	if (isResendKeySet && isResendSenderEmailSet) {
+		fromEmail = process.env.RESEND_SENDER_EMAIL;
+	}
+	let smtp = GetSMTPFromENV();
+	if (!!smtp) {
+		preferredModeEmail = "smtp";
+		fromEmail = smtp.smtp_from_email;
+		smtp.smtp_pass = "$SMTP_PASS";
+	}
+	return {
+		fromEmail,
+		preferredModeEmail,
+		RESEND_API_KEY: isResendKeySet ? MaskString(process.env.RESEND_API_KEY) : "",
+		smtp
+	};
+}
@@ -2,6 +2,8 @@ import { vitePreprocess } from "@sveltejs/kit/vite";
 import adapter from "@sveltejs/adapter-node";

 const basePath = !!process.env.KENER_BASE_PATH ? process.env.KENER_BASE_PATH : "";
+const VITE_BUILD_ENV = process.env.VITE_BUILD_ENV || "development"; // Default to "development"
+const isProduction = VITE_BUILD_ENV === "production";

 /** @type {import('@sveltejs/kit').Config} */
 const config = {
@@ -12,7 +14,29 @@ const config = {
 		}
 	},

-	preprocess: [vitePreprocess({})]
+	preprocess: [vitePreprocess({})],
+
+	compilerOptions: {
+		dev: !isProduction, // Disable dev mode in production
+		enableSourcemap: !isProduction // Disable sourcemaps in production
+	},
+
+	onwarn: (warning, handler) => {
+		// Suppress specific warnings in production
+		const ignoredWarnings = [
+			"a11y-", // Accessibility warnings
+			"unused-export-let", // Suppresses "unused export property" warnings
+			"empty-chunk", // Suppresses empty chunk warnings
+			"module-unused-import", // Suppresses unused imports like "default" from auto-animate
+			"conflicting-svelte-resolve" // Suppresses conflicting resolve warnings
+		];
+
+		if (isProduction && ignoredWarnings.some((w) => warning.code && warning.code.startsWith(w))) {
+			return; // Ignore these warnings in production builds
+		}
+
+		handler(warning); // Otherwise, show the warning
+	}
 };

 export default config;
@@ -7,8 +7,33 @@ dotenv.config();

 const PORT = Number(process.env.PORT) || 3000;
 const base = process.env.KENER_BASE_PATH || "";
-export default defineConfig({
-	plugins: [sveltekit()],
+const VITE_BUILD_ENV = process.env.VITE_BUILD_ENV || "development"; // Default to "development"
+const isProduction = VITE_BUILD_ENV === "production";
+
+export default defineConfig(({ mode }) => ({
+	plugins: [
+		sveltekit({
+			compilerOptions: {
+				dev: mode === "development"
+			},
+			onwarn: (warning, handler) => {
+				// Suppress specific warnings in production
+				const ignoredWarnings = [
+					"a11y-", // Accessibility warnings
+					"unused-export-let", // Suppresses "unused export property" warnings
+					"empty-chunk", // Suppresses empty chunk warnings
+					"module-unused-import", // Suppresses unused imports like "default" from auto-animate
+					"conflicting-svelte-resolve" // Suppresses conflicting resolve warnings
+				];
+
+				if (isProduction && ignoredWarnings.some((w) => warning.code && warning.code.startsWith(w))) {
+					return; // Ignore these warnings in production builds
+				}
+
+				handler(warning);
+			}
+		})
+	],
 	server: {
 		port: PORT,
 		watch: {
@@ -16,4 +41,4 @@ export default defineConfig({
 		}
 	},
 	assetsInclude: ["**/*.yaml"]
-});
+}));
Author	SHA1	Message	Date
Raj Nandan Sharma	3b1d95b71b	Merge pull request #241 from kaffolder7/feature/suppress-warnings-production-build Update: Suppress warnings in production build	2025-02-05 09:46:20 +05:30
Raj Nandan Sharma	4fd9bf2bb6	Merge pull request #234 from rajnandan1/release/3.0.9 feat: support SMTP for email trigger	2025-02-05 09:17:39 +05:30
Raj Nandan Sharma	ce96b6f55d	docs: update i18n	2025-02-05 09:17:11 +05:30
Raj Nandan Sharma	54bbc1dd00	chore: update i18n	2025-02-05 08:59:07 +05:30
Raj Nandan Sharma	ffa31bcacc	docs: updated roadmap doc	2025-02-05 08:09:49 +05:30
Kyle Affolder	559f5bd257	Update: Suppress warnings in production build When building for production, various warnings are output which slows down production build. The following changes were made: - Suppress unused export properties (unused-export-let). - Suppress conflicting Svelte resolve warnings (conflicting-svelte-resolve). - Suppress empty chunk warnings (empty-chunk). - Suppress unused module imports (module-unused-import). - Keep other important warnings visible, so we’re still aware of potential issues. Now, production build should be cleaner and faster! 🚀	2025-02-04 16:03:10 -05:00
Raj Nandan Sharma	977e49e1ce	feat: seo fixes	2025-02-04 23:18:04 +05:30
Raj Nandan Sharma	30cb707436	feat: added category filter for view monitor #239	2025-02-04 21:37:00 +05:30
Raj Nandan Sharma	ae439633b9	feat: added category filter for view monitor #239	2025-02-04 21:34:47 +05:30
Raj Nandan Sharma	8404415a93	feat: eval in ping #236 and port number in ping #211	2025-02-04 10:34:00 +05:30
Raj Nandan Sharma	5ddddf8b5d	fix: bugs and documentation update as mentioned in #237	2025-02-03 21:33:07 +05:30
Raj Nandan Sharma	927db19cc6	feat: smtp autofill and docs update	2025-02-03 11:46:25 +05:30
Raj Nandan Sharma	eccff16c5f	feat: introducing event type maintenance as asked in #224	2025-02-02 23:03:58 +05:30
Raj Nandan Sharma	7be9c62c7c	fix: allow longer TLD as reported in #235	2025-02-01 20:48:42 +05:30
Raj Nandan Sharma	76ce14e8b1	feat: support SMTP for email trigger	2025-02-01 16:11:27 +05:30
Raj Nandan Sharma	fd0074c0b0	Merge pull request #233 from rajnandan1/release/3.0.8 fix: discord trigger fix #232	2025-01-31 20:22:43 +05:30
Raj Nandan Sharma	ad01cdb5ac	fix: discord trigger fix #232	2025-01-31 20:19:27 +05:30
Raj Nandan Sharma	1b4ca67cf0	Merge pull request #231 from rajnandan1/release/3.0.7 feat(triggers): support custom webhook body as requested in #230	2025-01-31 09:10:18 +05:30
Raj Nandan Sharma	53936e19d4	feat(triggers): support custom webhook body as requested in #230	2025-01-31 09:08:26 +05:30
Raj Nandan Sharma	b58d00c5a6	feat(triggers): support custom webhook body as requested in #230	2025-01-31 09:03:57 +05:30
Raj Nandan Sharma	41db0c45cd	Merge pull request #229 from YunusEmreAlps/feature/locales-tr feat: add Turkish locale support and update locale files	2025-01-30 19:43:55 +05:30
Yunus Emre Alpu	5361b551eb	feat: add Turkish locale support and update locale files	2025-01-30 13:05:08 +03:00