From dbccce445bb2c59518a905af6b62fad8065f6033 Mon Sep 17 00:00:00 2001 From: gorkem-bwl Date: Thu, 23 Apr 2026 23:31:05 -0400 Subject: [PATCH 01/54] fix(client): allow configurable Vite allowed hosts Vite >=4.3 rejects requests with a Host header not in the allowlist, which broke status-page submissions and dev-server access for users serving Checkmate behind a reverse proxy after upgrading. Adds VITE_ALLOWED_HOSTS env var (comma-separated list). When unset, falls back to allowing all hosts so existing self-hosted deployments keep working without changes. Closes #3397 Closes #2951 --- client/vite.config.ts | 9 +++++++++ 1 file changed, 9 insertions(+) diff --git a/client/vite.config.ts b/client/vite.config.ts index 075bc7a0b..f9305407a 100644 --- a/client/vite.config.ts +++ b/client/vite.config.ts @@ -9,11 +9,20 @@ const __dirname = path.dirname(__filename); export default defineConfig(({}) => { let version = "3.6.1"; + const allowedHosts = process.env.VITE_ALLOWED_HOSTS + ? process.env.VITE_ALLOWED_HOSTS.split(",").map((h) => h.trim()) + : true; + return { base: "/", plugins: [svgr(), react()], server: { host: true, + allowedHosts, + }, + preview: { + host: true, + allowedHosts, }, resolve: { alias: { From d44f7497a56ef45dce9939cd6a411e3ee32b483b Mon Sep 17 00:00:00 2001 From: gorkem-bwl Date: Thu, 23 Apr 2026 23:32:33 -0400 Subject: [PATCH 02/54] fix(server): suppress mongoose reserved-key warning on Check.errors Mongoose 8 logs a reserved-key warning at boot because the Check schema defines an `errors` field, which collides with Mongoose's internal document `errors` accessor. The field is intentional and safe to keep, so opt out of the warning via `suppressReservedKeysWarning: true`. Closes #1539 --- server/src/db/models/Check.ts | 1 + 1 file changed, 1 insertion(+) diff --git a/server/src/db/models/Check.ts b/server/src/db/models/Check.ts index 541abb4d9..964936af9 100644 --- a/server/src/db/models/Check.ts +++ b/server/src/db/models/Check.ts @@ -271,6 +271,7 @@ const CheckSchema = new Schema( { timestamps: true, strict: false, + suppressReservedKeysWarning: true, timeseries: { timeField: "createdAt", metaField: "metadata", From f654310c4df7bef932f0b9767d4aa5f9d718769b Mon Sep 17 00:00:00 2001 From: gorkem-bwl Date: Thu, 23 Apr 2026 23:33:41 -0400 Subject: [PATCH 03/54] fix(client): source app version from package.json The client version shown on the Settings page was hardcoded as a literal in vite.config.ts, while client/package.json sat at the placeholder "0.0.0". Bumping the displayed version required editing two unrelated places, and stale Docker client images would keep showing the old number after upgrades. This change makes client/package.json the single source of truth and reads it at build time. Bumps client/package.json from 0.0.0 to 3.6.1 to preserve current behaviour. Closes #3271 --- client/package.json | 2 +- client/vite.config.ts | 4 +++- 2 files changed, 4 insertions(+), 2 deletions(-) diff --git a/client/package.json b/client/package.json index 2e6b5cfcb..783f7e045 100644 --- a/client/package.json +++ b/client/package.json @@ -1,7 +1,7 @@ { "name": "client", "private": true, - "version": "0.0.0", + "version": "3.6.1", "type": "module", "scripts": { "dev": "vite", diff --git a/client/vite.config.ts b/client/vite.config.ts index 075bc7a0b..f3209eaea 100644 --- a/client/vite.config.ts +++ b/client/vite.config.ts @@ -3,11 +3,13 @@ import react from "@vitejs/plugin-react"; import svgr from "vite-plugin-svgr"; import path from "path"; import { fileURLToPath } from "url"; +import { readFileSync } from "fs"; const __filename = fileURLToPath(import.meta.url); const __dirname = path.dirname(__filename); export default defineConfig(({}) => { - let version = "3.6.1"; + const pkg = JSON.parse(readFileSync(path.resolve(__dirname, "package.json"), "utf-8")); + const version = pkg.version; return { base: "/", From 22f1d035b7384418420722319f0c240474136f0f Mon Sep 17 00:00:00 2001 From: gorkem-bwl Date: Thu, 23 Apr 2026 23:35:52 -0400 Subject: [PATCH 04/54] docs(openapi): document all query params on /monitors/team/with-checks The OpenAPI spec only listed `limit` for GET /monitors/team/with-checks, but the route's Zod schema (getMonitorsWithChecksQueryValidation) also accepts page, rowsPerPage, filter, field, order, type, and explain. Users hitting the endpoint via Swagger UI would either get rejected with "page is not allowed" (when guessing param names) or miss pagination entirely. Adds the missing parameters with constraints mirrored from the validation schema. Also bumps `limit` max from 50 to 100 to match the schema (was 100 in code, 50 in spec). Closes #3354 --- server/openapi.json | 75 +++++++++++++++++++++++++++++++++++++++++++-- 1 file changed, 73 insertions(+), 2 deletions(-) diff --git a/server/openapi.json b/server/openapi.json index 35d109693..0b8969866 100644 --- a/server/openapi.json +++ b/server/openapi.json @@ -597,8 +597,79 @@ "schema": { "type": "integer", "minimum": 1, - "maximum": 50, - "default": 10 + "maximum": 100 + } + }, + { + "name": "page", + "in": "query", + "description": "Zero-based page index for pagination", + "schema": { + "type": "integer", + "minimum": 0 + } + }, + { + "name": "rowsPerPage", + "in": "query", + "description": "Number of monitors per page", + "schema": { + "type": "integer", + "minimum": 1, + "maximum": 100 + } + }, + { + "name": "filter", + "in": "query", + "description": "Search filter value", + "schema": { + "type": "string" + } + }, + { + "name": "field", + "in": "query", + "description": "Field to sort by", + "schema": { + "type": "string" + } + }, + { + "name": "order", + "in": "query", + "description": "Sort order", + "schema": { + "type": "string", + "enum": ["asc", "desc"] + } + }, + { + "name": "type", + "in": "query", + "description": "Filter by monitor type", + "schema": { + "oneOf": [ + { + "type": "string", + "enum": ["http", "ping", "pagespeed", "docker", "hardware", "port", "game", "grpc", "websocket"] + }, + { + "type": "array", + "items": { + "type": "string", + "enum": ["http", "ping", "pagespeed", "docker", "hardware", "port", "game", "grpc", "websocket"] + } + } + ] + } + }, + { + "name": "explain", + "in": "query", + "description": "Include MongoDB query explain output (debug)", + "schema": { + "type": "boolean" } } ], From 50fb4f47fd96704731d0eff6b370a6073c2d475f Mon Sep 17 00:00:00 2001 From: gorkem-bwl Date: Thu, 23 Apr 2026 23:38:07 -0400 Subject: [PATCH 05/54] fix(client): hide Open site action when URL is not browser-openable The Open site action in monitor row menus called `window.open(monitor.url)` unconditionally, which produced unresolvable navigation for monitors targeting internal services: - Hardware monitors always point at a Capture agent (e.g. http://capture:59232/api/v1/metrics) that the user's browser can't reach. - Port, ping, docker, game, grpc, and websocket monitors store hostnames or non-HTTP endpoints, which browsers can't load anyway. This change hides the action where it can't possibly work: - Removed entirely from the Infrastructure (hardware) monitors table. - In the Uptime monitors table, only shown for http and pagespeed monitor types whose URL starts with http:// or https://. A more comprehensive fix that adds a separate user-facing siteUrl field on the Monitor schema is left for a follow-up. Closes #3434 --- .../Monitors/Components/MonitorsTable.tsx | 8 -------- .../Components/UptimeMonitorsTable.tsx | 19 ++++++++++++++----- 2 files changed, 14 insertions(+), 13 deletions(-) diff --git a/client/src/Pages/Infrastructure/Monitors/Components/MonitorsTable.tsx b/client/src/Pages/Infrastructure/Monitors/Components/MonitorsTable.tsx index 994ddcea1..d369dc7c6 100644 --- a/client/src/Pages/Infrastructure/Monitors/Components/MonitorsTable.tsx +++ b/client/src/Pages/Infrastructure/Monitors/Components/MonitorsTable.tsx @@ -80,14 +80,6 @@ export const InfraMonitorsTable = ({ const getActions = (monitor: Monitor): ActionMenuItem[] => { return [ - { - id: 1, - label: t("pages.common.monitors.actions.openSite"), - action: () => { - window.open(monitor.url, "_blank", "noreferrer"); - }, - closeMenu: true, - }, { id: 2, label: t("pages.common.monitors.actions.details"), diff --git a/client/src/Pages/Uptime/Monitors/Components/UptimeMonitorsTable.tsx b/client/src/Pages/Uptime/Monitors/Components/UptimeMonitorsTable.tsx index d8951b6c5..77ce161f5 100644 --- a/client/src/Pages/Uptime/Monitors/Components/UptimeMonitorsTable.tsx +++ b/client/src/Pages/Uptime/Monitors/Components/UptimeMonitorsTable.tsx @@ -71,16 +71,24 @@ export const MonitorTable = ({ refetch(); }; + const isBrowserOpenable = (monitor: Monitor): boolean => { + if (monitor.type !== "http" && monitor.type !== "pagespeed") return false; + return /^https?:\/\//i.test(monitor.url ?? ""); + }; + const getActions = (monitor: Monitor): ActionMenuItem[] => { - return [ - { + const actions: ActionMenuItem[] = []; + if (isBrowserOpenable(monitor)) { + actions.push({ id: 1, label: t("pages.common.monitors.actions.openSite"), action: () => { window.open(monitor.url, "_blank", "noreferrer"); }, closeMenu: true, - }, + }); + } + actions.push( { id: 2, label: t("pages.common.monitors.actions.details"), @@ -130,8 +138,9 @@ export const MonitorTable = ({ ), action: () => setSelectedMonitor(monitor), closeMenu: true, - }, - ]; + } + ); + return actions; }; const getHeaders = (chartType: string) => { From 6fa73dce4903ff845eddaaed38de85001f19f087 Mon Sep 17 00:00:00 2001 From: Aicha Lassoued Date: Fri, 24 Apr 2026 22:24:00 +0100 Subject: [PATCH 06/54] fixed typo --- client/src/locales/en.json | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/client/src/locales/en.json b/client/src/locales/en.json index eb9a34339..8e04a3bb6 100644 --- a/client/src/locales/en.json +++ b/client/src/locales/en.json @@ -911,7 +911,7 @@ "Let engineers know when incidents happen", "Keep administrators informed of system changes" ], - "title": "Notification channles are used to:" + "title": "Notification channels are used to:" }, "form": { "accessToken": { From 625f9b588e13cc213b7ee3905874108861d294b3 Mon Sep 17 00:00:00 2001 From: Aicha Lassoued Date: Fri, 24 Apr 2026 22:45:45 +0100 Subject: [PATCH 07/54] Fix typo in heapAllocation string --- client/src/locales/en.json | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/client/src/locales/en.json b/client/src/locales/en.json index 8e04a3bb6..940de5c61 100644 --- a/client/src/locales/en.json +++ b/client/src/locales/en.json @@ -812,7 +812,7 @@ "osMemoryLimit": "OS memory limit" }, "gauges": { - "heapAllocation": "Heap allocaton", + "heapAllocation": "Heap allocation", "heapUsage": "Heap usage", "heapUtilization": "Heap utilization", "instantCpuUsage": "Instant CPU usage", From a613bfb45a33fb43f2345df371d287fb68174d1a Mon Sep 17 00:00:00 2001 From: ZeinebMegaadi Date: Sat, 25 Apr 2026 15:33:42 +0100 Subject: [PATCH 08/54] fix:replaced the broken link with the working one everywhere --- CONTRIBUTING.md | 4 ++-- README.es.md | 6 +++--- client/src/Components/sidebar/index.tsx | 2 +- docs/README.md | 2 +- docs/infrastructure-disk-selection.md | 2 +- 5 files changed, 8 insertions(+), 8 deletions(-) diff --git a/CONTRIBUTING.md b/CONTRIBUTING.md index 656523f88..80fdd2440 100644 --- a/CONTRIBUTING.md +++ b/CONTRIBUTING.md @@ -234,7 +234,7 @@ docker rm uptime_database_mongo **Need more help?** -- Check the [full documentation](https://docs.checkmate.so) +- Check the [full documentation](https://checkmate.so/docs) - Ask on [Discord](https://discord.com/invite/NAb6H3UTjK) ### Start contributing code? @@ -310,7 +310,7 @@ If one or more of these are missing, we may ask you to update your pull request - `master` is used for stable releases. - Use descriptive branch names, like `fix/login-error` or `feat/add-alerts`. - Make sure that you are using the latest version. -- Make sure you run the code locally. The Checkmate [documentation](https://docs.checkmate.so) covers it. +- Make sure you run the code locally. The Checkmate [documentation](https://checkmate.so/docs) covers it. - Find out if the functionality is already covered, maybe by an individual configuration. - Perform a [search](/issues) to see if the enhancement has already been suggested. If it has, add a comment to the existing issue instead of opening a new one. - Find out whether your idea fits with the scope and aims of the project. It's up to you to make a strong case to convince the project's developers of the merits of this feature. Keep in mind that we want features that will be useful to the majority of our users and not just a small subset. If you're just targeting a minority of users, consider writing an add-on/plugin library. diff --git a/README.es.md b/README.es.md index 21909b2ed..b4c56afa8 100644 --- a/README.es.md +++ b/README.es.md @@ -49,11 +49,11 @@ Puedes ver la última versión de [Checkmate](https://checkmate-demo.bluewavelab ## Guía del usuario -Las instrucciones de uso se pueden encontrar [aquí](https://docs.checkmate.so/checkmate-2.1). Todavía está en desarrollo y parte de la información puede estar desactualizada ya que continuamente añadimos funciones cada semana. ¡Ten por seguro que estamos haciendo lo mejor posible! :) +Las instrucciones de uso se pueden encontrar [aquí](https://checkmate.so/docs). Todavía está en desarrollo y parte de la información puede estar desactualizada ya que continuamente añadimos funciones cada semana. ¡Ten por seguro que estamos haciendo lo mejor posible! :) ## Instalación -Consulta las instrucciones de instalación en el [portal de documentación de Checkmate](https://docs.checkmate.so/checkmate-2.1/users-guide/quickstart). +Consulta las instrucciones de instalación en el [portal de documentación de Checkmate](https://checkmate.so/docs/getting-started/installation). Alternativamente, también puedes usar [Coolify](https://coolify.io/), [Elestio](https://elest.io/open-source/checkmate), [K8s](./charts/helm/checkmate/INSTALLATION.md) o [Pikapods](https://www.pikapods.com/) para desplegar rápidamente una instancia de Checkmate. Si deseas monitorear tu infraestructura de servidores, necesitarás el agente [Capture](https://github.com/bluewave-labs/capture). El repositorio de Capture también contiene las instrucciones de instalación. @@ -147,7 +147,7 @@ Cómo contribuir: 0. Dale una estrella al repositorio :) 1. Revisa la [guía para contribuidores](https://github.com/bluewave-labs/Checkmate/blob/develop/CONTRIBUTING.md). Se anima a los nuevos a revisar las etiquetas `good-first-issue`. -2. Consulta la [estructura del proyecto](https://docs.checkmate.so/checkmate-2.1/developers-guide/general-project-structure) y la [visión general](https://bluewavelabs.gitbook.io/checkmate/developers-guide/high-level-overview). +2. Consulta la [estructura del proyecto](https://deepwiki.com/bluewave-labs/Checkmate#system-architecture) y la [visión general](https://deepwiki.com/bluewave-labs/Checkmate#overview). 3. Lee una estructura detallada de [Checkmate](https://deepwiki.com/bluewave-labs/Checkmate) si deseas profundizar en la arquitectura. 4. Abre un issue si crees que has encontrado un error. 5. Revisa los issues con la etiqueta `good-first-issue` si eres nuevo. diff --git a/client/src/Components/sidebar/index.tsx b/client/src/Components/sidebar/index.tsx index f4c6527eb..57c10cbba 100644 --- a/client/src/Components/sidebar/index.tsx +++ b/client/src/Components/sidebar/index.tsx @@ -20,7 +20,7 @@ import { setCollapsed } from "@/Features/UI/uiSlice"; const URL_MAP: Record = { support: "https://discord.com/invite/NAb6H3UTjK", discussions: "https://github.com/bluewave-labs/checkmate/discussions", - docs: "https://bluewavelabs.gitbook.io/checkmate", + docs: "https://checkmate.so/docs", changelog: "https://github.com/bluewave-labs/checkmate/releases", }; diff --git a/docs/README.md b/docs/README.md index dc245e21e..b8904d1f9 100644 --- a/docs/README.md +++ b/docs/README.md @@ -35,4 +35,4 @@ If you find issues or want to improve the documentation: - [GitHub Discussions](https://github.com/bluewave-labs/checkmate/discussions) - [Discord Channel](https://discord.gg/NAb6H3UTjK) -- [Documentation Portal](https://docs.checkmate.so/) +- [Documentation Portal](https://checkmate.so/docs) diff --git a/docs/infrastructure-disk-selection.md b/docs/infrastructure-disk-selection.md index 500e3be1e..bcfca165b 100644 --- a/docs/infrastructure-disk-selection.md +++ b/docs/infrastructure-disk-selection.md @@ -70,5 +70,5 @@ When you select specific disks, the following elements are filtered: ## Related Documentation -- [Infrastructure Monitoring Setup](https://docs.checkmate.so/checkmate-2.1) +- [Infrastructure Monitoring Setup](https://checkmate.so/docs) - [Capture Agent Installation](https://github.com/bluewave-labs/capture) \ No newline at end of file From ff208710d7dfba46a1cd88c73f99bb80812c5314 Mon Sep 17 00:00:00 2001 From: gorkem-bwl Date: Sat, 25 Apr 2026 21:19:52 -0400 Subject: [PATCH 09/54] feat(client): unified EmptyState component for empty/error placeholders MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Replaces the cards-with-halo SkeletonCard fallback (which produced a washed-out, hard-to-read placeholder) with a single canonical empty state used everywhere in the app. What's new: - EmptyStateIllustration.tsx — custom inline SVG: two stacked monitor cards (front blue, back gray, both with hairline strokes and a soft fade toward the bottom), set against a faint grid of solid + dashed background lines. Uses only lightened palette tokens (#7DA8E8 blue, #B6C2CF gray, #CBD5E1 grid). - EmptyState.tsx — the layout: illustration + title + description + optional CTA + optional secondary link + optional inline alert slot. Supports a compact horizontal variant for in-panel use. Migrations: - Fallback.tsx: BaseFallback / EmptyFallback / EmptyMonitorFallback / ErrorFallback now delegate to EmptyState. Public APIs unchanged so every existing consumer (BasePageWithStates, MonitorBasePageWithStates, Pages/Uptime, Pages/Notifications, Pages/Infrastructure, etc.) keeps working without edits. - BasePage.tsx: PageSpeedKeyPriorityFallback rebuilt on top of EmptyState with the warning slot. Fixes the previous reports of "white cloudy area" + half-faded text — message and link now render in consistent dark text with green Settings link. No prop changes for any page-level consumer. The illustration is a single SVG with no external assets. --- .../Components/design-elements/BasePage.tsx | 77 ++++--- .../Components/design-elements/EmptyState.tsx | 155 +++++++++++++ .../EmptyStateIllustration.tsx | 214 ++++++++++++++++++ .../Components/design-elements/Fallback.tsx | 147 +++--------- .../src/Components/design-elements/index.tsx | 2 + 5 files changed, 451 insertions(+), 144 deletions(-) create mode 100644 client/src/Components/design-elements/EmptyState.tsx create mode 100644 client/src/Components/design-elements/EmptyStateIllustration.tsx diff --git a/client/src/Components/design-elements/BasePage.tsx b/client/src/Components/design-elements/BasePage.tsx index 691e770dc..38274f2d4 100644 --- a/client/src/Components/design-elements/BasePage.tsx +++ b/client/src/Components/design-elements/BasePage.tsx @@ -1,15 +1,14 @@ import Logo from "@/assets/icons/checkmate-icon.svg?react"; import Stack from "@mui/material/Stack"; import Box from "@mui/material/Box"; -import Alert from "@mui/material/Alert"; import Link from "@mui/material/Link"; import { LAYOUT, SPACING } from "@/Utils/Theme/constants"; import { ErrorFallback, EmptyFallback, EmptyMonitorFallback, - BaseFallback, } from "@/Components/design-elements/Fallback"; +import { EmptyState } from "@/Components/design-elements/EmptyState"; import { Breadcrumb } from "@/Components/design-elements/Breadcrumb"; import CircularProgress from "@mui/material/CircularProgress"; import { HeaderAuthControls } from "@/Pages/Auth/components/HeaderAuthControls"; @@ -21,32 +20,58 @@ import { Link as RouterLink } from "react-router-dom"; import { Typography } from "@mui/material"; export const PageSpeedKeyPriorityFallback = () => { + const theme = useTheme(); return ( - - - - - ), + + - - - + > + ⚠ + + + + ), + }} + /> + + + } + /> ); }; diff --git a/client/src/Components/design-elements/EmptyState.tsx b/client/src/Components/design-elements/EmptyState.tsx new file mode 100644 index 000000000..d6795e1e9 --- /dev/null +++ b/client/src/Components/design-elements/EmptyState.tsx @@ -0,0 +1,155 @@ +import Stack from "@mui/material/Stack"; +import Typography from "@mui/material/Typography"; +import { useTheme } from "@mui/material/styles"; +import { Link as RouterLink } from "react-router-dom"; +import { Button } from "@/Components/inputs"; +import { LAYOUT } from "@/Utils/Theme/constants"; +import { EmptyStateIllustration } from "./EmptyStateIllustration"; + +import type { ReactNode } from "react"; + +interface EmptyStateProps { + title: string; + description?: ReactNode; + actionText?: string; + actionTo?: string; + onAction?: () => void; + secondaryText?: string; + secondaryHref?: string; + compact?: boolean; + alert?: ReactNode; + children?: ReactNode; +} + +export const EmptyState = ({ + title, + description, + actionText, + actionTo, + onAction, + secondaryText, + secondaryHref, + compact = false, + alert, + children, +}: EmptyStateProps) => { + const theme = useTheme(); + + if (compact) { + return ( + + + + + {title} + + {description && ( + + {description} + + )} + + + ); + } + + return ( + + + + {title} + + {description && ( + + {description} + + )} + {alert && ( + + {alert} + + )} + {(actionText || secondaryText) && ( + + {actionText && (actionTo || onAction) && ( + + )} + {secondaryText && secondaryHref && ( + + {secondaryText} → + + )} + + )} + {children} + + ); +}; diff --git a/client/src/Components/design-elements/EmptyStateIllustration.tsx b/client/src/Components/design-elements/EmptyStateIllustration.tsx new file mode 100644 index 000000000..e8f74ed88 --- /dev/null +++ b/client/src/Components/design-elements/EmptyStateIllustration.tsx @@ -0,0 +1,214 @@ +interface EmptyStateIllustrationProps { + width?: number | string; + height?: number | string; +} + +export const EmptyStateIllustration = ({ + width = 160, + height = 120, +}: EmptyStateIllustrationProps) => { + return ( + + ); +}; diff --git a/client/src/Components/design-elements/Fallback.tsx b/client/src/Components/design-elements/Fallback.tsx index 003bda647..aa30c75ad 100644 --- a/client/src/Components/design-elements/Fallback.tsx +++ b/client/src/Components/design-elements/Fallback.tsx @@ -1,12 +1,8 @@ import Stack from "@mui/material/Stack"; -import Typography from "@mui/material/Typography"; -import { BulletPointCheck, SkeletonCard } from "@/Components/design-elements"; -import { Button } from "@/Components/inputs"; -import { SPACING, LAYOUT } from "@/Utils/Theme/constants"; - -import { useNavigate } from "react-router"; -import useMediaQuery from "@mui/material/useMediaQuery"; import { useTheme } from "@mui/material/styles"; +import { LAYOUT } from "@/Utils/Theme/constants"; +import { EmptyState } from "./EmptyState"; + import type { StackProps } from "@mui/material/Stack"; interface BaseFallbackProps extends StackProps { @@ -15,30 +11,13 @@ interface BaseFallbackProps extends StackProps { export const BaseFallback = ({ children, ...props }: BaseFallbackProps) => { const theme = useTheme(); - const isSmall = useMediaQuery(theme.breakpoints.down("md")); - return ( - {children} ); @@ -51,21 +30,19 @@ export const ErrorFallback = ({ title: string; subtitle: string; }) => { - const theme = useTheme(); return ( - - - {title} - - {subtitle} - + ); }; +const bulletsToDescription = (bullets: unknown): string | undefined => { + if (!Array.isArray(bullets) || bullets.length === 0) return undefined; + return bullets.join(" • "); +}; + export const EmptyFallback = ({ title, bullets, @@ -73,52 +50,21 @@ export const EmptyFallback = ({ actionLink, }: { title: string; - bullets: any; + bullets: unknown; actionButtonText: string; actionLink: string; }) => { - const theme = useTheme(); - const navigate = useNavigate(); return ( - - - {title} - - {Array.isArray(bullets) && - bullets?.map((bullet: string) => ( - - ))} - - - - - - + ); }; export const EmptyMonitorFallback = ({ - page, title, bullets, actionButtonText, @@ -126,51 +72,16 @@ export const EmptyMonitorFallback = ({ }: { page: string; title: string; - bullets: any; + bullets: unknown; actionButtonText: string; actionLink: string; }) => { - const theme = useTheme(); - const navigate = useNavigate(); return ( - - - - {title} - - - {Array.isArray(bullets) && - bullets?.map((bullet: string, index: number) => ( - - ))} - - - - - - + ); }; diff --git a/client/src/Components/design-elements/index.tsx b/client/src/Components/design-elements/index.tsx index ed6a885f6..12fad3f62 100644 --- a/client/src/Components/design-elements/index.tsx +++ b/client/src/Components/design-elements/index.tsx @@ -1,5 +1,7 @@ export * from "./Breadcrumb"; export * from "./BasePage"; +export * from "./EmptyState"; +export * from "./EmptyStateIllustration"; export * from "./Fallback"; export * from "./SkeletonCard"; export * from "./BulletPointCheck"; From 031a6fdf3ccf5324d9b606e97d0d1753e43f0e20 Mon Sep 17 00:00:00 2001 From: gorkem-bwl Date: Sat, 25 Apr 2026 23:26:34 -0400 Subject: [PATCH 10/54] feat(client): unified EmptyState across all pages and table empties MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit - New EmptyState + EmptyStateIllustration components: stacked-cards SVG with grid background, theme-aware light/dark palette. - Variants: default (centered with title + description), compact (horizontal, in-section), fullscreen (vertically centers in viewport). - Wired into Checks, Incidents, Logs (Logs+Queue tabs), Notifications, Maintenance, Status pages, and Team tab — each with i18n title + description and a fullscreen layout when truly empty. - Table.EmptyView now wraps the EmptyState in a divider-bordered card so short messages no longer look orphaned. - Incidents Option-A short-circuit: when summary.total === 0, replace the whole page chrome with EmptyState; otherwise keep filters + cards. - Fallback.tsx (BaseFallback / EmptyFallback / EmptyMonitorFallback / ErrorFallback) refactored to delegate to EmptyState. --- .../Components/design-elements/EmptyState.tsx | 3 + .../EmptyStateIllustration.tsx | 95 ++++++++----------- .../Components/design-elements/Fallback.tsx | 20 ++-- .../src/Components/design-elements/Table.tsx | 50 ++-------- client/src/Pages/Account/TabTeam.tsx | 16 +++- client/src/Pages/Checks/index.tsx | 14 ++- client/src/Pages/Incidents/index.tsx | 25 +++-- client/src/Pages/Logs/TabLogs.tsx | 13 ++- client/src/Pages/Logs/TabQueue.tsx | 80 +++++++++++++--- client/src/Pages/Maintenance/index.tsx | 5 +- client/src/Pages/Notifications/index.tsx | 5 +- .../Pages/StatusPage/StatusPages/index.tsx | 7 +- 12 files changed, 188 insertions(+), 145 deletions(-) diff --git a/client/src/Components/design-elements/EmptyState.tsx b/client/src/Components/design-elements/EmptyState.tsx index d6795e1e9..97b0d6166 100644 --- a/client/src/Components/design-elements/EmptyState.tsx +++ b/client/src/Components/design-elements/EmptyState.tsx @@ -17,6 +17,7 @@ interface EmptyStateProps { secondaryText?: string; secondaryHref?: string; compact?: boolean; + fullscreen?: boolean; alert?: ReactNode; children?: ReactNode; } @@ -30,6 +31,7 @@ export const EmptyState = ({ secondaryText, secondaryHref, compact = false, + fullscreen = false, alert, children, }: EmptyStateProps) => { @@ -78,6 +80,7 @@ export const EmptyState = ({ alignItems="center" justifyContent="center" sx={{ + ...(fullscreen && { minHeight: "65vh" }), py: theme.spacing(LAYOUT.XXL), px: theme.spacing(LAYOUT.MD), textAlign: "center", diff --git a/client/src/Components/design-elements/EmptyStateIllustration.tsx b/client/src/Components/design-elements/EmptyStateIllustration.tsx index e8f74ed88..ba69ede84 100644 --- a/client/src/Components/design-elements/EmptyStateIllustration.tsx +++ b/client/src/Components/design-elements/EmptyStateIllustration.tsx @@ -1,12 +1,37 @@ +import { useTheme } from "@mui/material/styles"; + interface EmptyStateIllustrationProps { width?: number | string; height?: number | string; } +const PALETTE = { + light: { + grid: "#CBD5E1", + backFill: "#F5F7FA", + backStroke: "#D5DBE3", + backInner: "#B6C2CF", + frontFill: "#EEF4FE", + frontStroke: "#7DA8E8", + frontInner: "#7DA8E8", + }, + dark: { + grid: "#3A4452", + backFill: "#475569", + backStroke: "#64748B", + backInner: "#CBD5E1", + frontFill: "#1E40AF", + frontStroke: "#60A5FA", + frontInner: "#DBEAFE", + }, +}; + export const EmptyStateIllustration = ({ width = 160, height = 120, }: EmptyStateIllustrationProps) => { + const theme = useTheme(); + const p = theme.palette.mode === "dark" ? PALETTE.dark : PALETTE.light; return ( + ), + }, + ]; + + return ( + + + {backTo && backLabel && ( + + + {backLabel} + + )} + + {title} + + {description && ( + + {description} + + )} + + + {linkItems.map((item, idx) => ( + + + {item.icon} + + + ))} + + + ); +}; diff --git a/client/src/Components/design-elements/index.tsx b/client/src/Components/design-elements/index.tsx index 12fad3f62..efc85dbb0 100644 --- a/client/src/Components/design-elements/index.tsx +++ b/client/src/Components/design-elements/index.tsx @@ -1,4 +1,5 @@ export * from "./Breadcrumb"; +export * from "./PageHeader"; export * from "./BasePage"; export * from "./EmptyState"; export * from "./EmptyStateIllustration"; diff --git a/client/src/Components/sidebar/index.tsx b/client/src/Components/sidebar/index.tsx index 57c10cbba..d2d759c6b 100644 --- a/client/src/Components/sidebar/index.tsx +++ b/client/src/Components/sidebar/index.tsx @@ -6,7 +6,7 @@ import Divider from "@mui/material/Divider"; import { LAYOUT } from "@/Utils/Theme/constants"; import { useSidebar } from "@/Hooks/useSidebar.js"; import { Logo } from "@/Components/sidebar/Logo"; -import { getMenu, getBottomMenu, getAccountMenu } from "@/Components/sidebar/Menu"; +import { getMenu, getAccountMenu } from "@/Components/sidebar/Menu"; import { NavItem } from "@/Components/sidebar/NavItem"; import { StarPrompt } from "@/Components/sidebar/StarPrompt"; import { AuthFooter } from "@/Components/sidebar/Authfooter"; @@ -33,7 +33,6 @@ export const Sidebar = () => { const theme = useTheme(); const isSmall = useMediaQuery(theme.breakpoints.down("md")); const menu = getMenu(t); - const bottomMenu = getBottomMenu(t); const accountMenu = getAccountMenu(t); useEffect(() => { @@ -103,23 +102,6 @@ export const Sidebar = () => { })} - - {bottomMenu.map((item) => { - const selected = location.pathname.startsWith(`/${item.path}`); - return ( - handleNavClick(item.path)} - /> - ); - })} - { }, [open]); return ( - + setActiveTab(newValue)} diff --git a/client/src/Pages/Infrastructure/Monitors/index.tsx b/client/src/Pages/Infrastructure/Monitors/index.tsx index bdf477613..ff63ee51e 100644 --- a/client/src/Pages/Infrastructure/Monitors/index.tsx +++ b/client/src/Pages/Infrastructure/Monitors/index.tsx @@ -122,6 +122,7 @@ const InfrastructureMonitors = () => { return ( { const { t } = useTranslation(); const [activeTab, setActiveTab] = useState(1); return ( - + setActiveTab(newValue)} diff --git a/client/src/Pages/PageSpeed/Monitors/index.tsx b/client/src/Pages/PageSpeed/Monitors/index.tsx index 648e98fb4..4cb28b51e 100644 --- a/client/src/Pages/PageSpeed/Monitors/index.tsx +++ b/client/src/Pages/PageSpeed/Monitors/index.tsx @@ -77,6 +77,7 @@ const PageSpeedMonitorsPage = () => { return ( { return ( diff --git a/client/src/Pages/Uptime/Monitors/index.tsx b/client/src/Pages/Uptime/Monitors/index.tsx index 792e0fd78..bfe244746 100644 --- a/client/src/Pages/Uptime/Monitors/index.tsx +++ b/client/src/Pages/Uptime/Monitors/index.tsx @@ -140,6 +140,7 @@ const UptimeMonitorsPage = () => { return ( Date: Sat, 25 Apr 2026 23:27:35 -0400 Subject: [PATCH 12/54] feat(client): diagnostics page polish MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit - Stats and StatGauges use CSS grid (5 + 4 columns) so cards in each row are equal width; widths overridden against the legacy 25%-flex GradientBox so they fill their grid cell. - DetailGauge gains a maxWidth prop (default 225) so consumers in wide grids can opt out of the cap. - Section explainers above each row: "Runtime stats" + description, "Memory & CPU" + description (i18n driven, propagated to all 16 locales via pages.logs.diagnostics.sections). - Both grids render immediately with placeholder "—" values, so the initial paint shows the layout and values fill in as data loads (eliminates the layout shake when switching to the tab). --- .../src/Components/design-elements/Gauge.tsx | 4 +- client/src/Pages/Logs/TabDiagnostics.tsx | 35 ++++++++- .../src/Pages/Logs/components/StatGauges.tsx | 74 +++++++++++-------- client/src/Pages/Logs/components/Stats.tsx | 48 ++++++++---- 4 files changed, 113 insertions(+), 48 deletions(-) diff --git a/client/src/Components/design-elements/Gauge.tsx b/client/src/Components/design-elements/Gauge.tsx index fda42df3c..a377a5925 100644 --- a/client/src/Components/design-elements/Gauge.tsx +++ b/client/src/Components/design-elements/Gauge.tsx @@ -114,6 +114,7 @@ export const DetailGauge = ({ upperValue, lowerLabel, lowerValue, + maxWidth = 225, }: { title: string; progress: number; @@ -121,13 +122,14 @@ export const DetailGauge = ({ upperValue?: string | number; lowerLabel?: string; lowerValue?: string | number; + maxWidth?: number; }) => { const theme = useTheme(); return ( { const theme = useTheme(); + const { t } = useTranslation(); const { data: diagnostics, isLoading: _isLoading, @@ -16,9 +19,35 @@ export const TabDiagnostics = () => { } = useGet("/diagnostic/system", {}, { refreshInterval: 5000 }); return ( - - - + + + + + {t("pages.logs.diagnostics.sections.runtimeStats.title")} + + + {t("pages.logs.diagnostics.sections.runtimeStats.description")} + + + + + + + + {t("pages.logs.diagnostics.sections.memoryCpu.title")} + + + {t("pages.logs.diagnostics.sections.memoryCpu.description")} + + + + ); }; diff --git a/client/src/Pages/Logs/components/StatGauges.tsx b/client/src/Pages/Logs/components/StatGauges.tsx index 65c443831..9abcbbaed 100644 --- a/client/src/Pages/Logs/components/StatGauges.tsx +++ b/client/src/Pages/Logs/components/StatGauges.tsx @@ -1,4 +1,4 @@ -import Stack from "@mui/material/Stack"; +import Box from "@mui/material/Box"; import { DetailGauge } from "@/Components/design-elements"; import { getPercentage, formatPercentageFromWhole } from "@/Utils/FormatUtils"; @@ -11,62 +11,78 @@ interface StatGaugesProps { diagnostics: Diagnostics | null; } +const PLACEHOLDER = "—"; + export const StatGauges = ({ diagnostics }: StatGaugesProps) => { const theme = useTheme(); const { t } = useTranslation(); - if (!diagnostics) { - return null; - } - const heapTotalSize = getPercentage( - diagnostics?.v8HeapStats?.totalHeapSizeBytes, - diagnostics?.v8HeapStats?.heapSizeLimitBytes - ); + const heapTotalSize = diagnostics + ? getPercentage( + diagnostics.v8HeapStats?.totalHeapSizeBytes, + diagnostics.v8HeapStats?.heapSizeLimitBytes + ) + : 0; + const heapUsedSize = diagnostics + ? getPercentage( + diagnostics.v8HeapStats?.usedHeapSizeBytes, + diagnostics.v8HeapStats?.heapSizeLimitBytes + ) + : 0; + const actualHeapUsed = diagnostics + ? getPercentage( + diagnostics.v8HeapStats?.usedHeapSizeBytes, + diagnostics.v8HeapStats?.totalHeapSizeBytes + ) + : 0; + const cpuUsage = diagnostics?.cpuUsage?.usagePercentage ?? 0; - const heapUsedSize = getPercentage( - diagnostics?.v8HeapStats?.usedHeapSizeBytes, - diagnostics?.v8HeapStats?.heapSizeLimitBytes - ); - - const actualHeapUsed = getPercentage( - diagnostics?.v8HeapStats?.usedHeapSizeBytes, - diagnostics?.v8HeapStats?.totalHeapSizeBytes - ); + const fmt = (n: number) => (diagnostics ? formatPercentageFromWhole(n) : PLACEHOLDER); + const bytes = (n: number | undefined) => + diagnostics ? prettyBytes(n ?? 0) : PLACEHOLDER; return ( - *": { width: "100% !important" }, + }} > - + ); }; diff --git a/client/src/Pages/Logs/components/Stats.tsx b/client/src/Pages/Logs/components/Stats.tsx index 7bf343de3..9fe04fa9d 100644 --- a/client/src/Pages/Logs/components/Stats.tsx +++ b/client/src/Pages/Logs/components/Stats.tsx @@ -1,4 +1,4 @@ -import Stack from "@mui/material/Stack"; +import Box from "@mui/material/Box"; import { StatBox } from "@/Components/design-elements"; import prettyBytes from "pretty-bytes"; @@ -11,41 +11,59 @@ interface StatsProps { diagnostics: Diagnostics | null; } +const PLACEHOLDER = "—"; + export const Stats = ({ diagnostics }: StatsProps) => { const { t } = useTranslation(); const theme = useTheme(); - if (!diagnostics) { - return null; - } + const eventLoopDelay = diagnostics + ? prettyMilliseconds(diagnostics.eventLoopDelayMs ?? 0, { + millisecondsDecimalDigits: 2, + }) + : PLACEHOLDER; + const uptime = diagnostics + ? prettyMilliseconds(diagnostics.uptimeMs ?? 0, { hideSeconds: true }) + : PLACEHOLDER; + const usedHeap = diagnostics + ? prettyBytes(diagnostics.v8HeapStats?.usedHeapSizeBytes ?? 0) + : PLACEHOLDER; + const totalHeap = diagnostics + ? prettyBytes(diagnostics.v8HeapStats?.totalHeapSizeBytes ?? 0) + : PLACEHOLDER; + const osMemory = diagnostics + ? prettyBytes(diagnostics.osStats?.totalMemoryBytes ?? 0) + : PLACEHOLDER; return ( - *": { width: "100% !important" }, + }} > - + ); }; From 7d91d9e28b26d770c4747503abd991fa5c5afc7d Mon Sep 17 00:00:00 2001 From: gorkem-bwl Date: Sat, 25 Apr 2026 23:27:50 -0400 Subject: [PATCH 13/54] fix(client): job queue table layout + theme-aware running-row tint MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit TableJobs: - Cut from 11 to 7 columns, dropping active / runCount / failCount / lastFinishedAt (covered by Failed jobs table or by lastRun + lastRunTook). - All cells get whiteSpace:nowrap + textOverflow:ellipsis + maxWidth so long timestamps and IDs no longer wrap and inflate row height; full value visible via title tooltip. - Running-row tint: was theme.palette.success.light (too saturated in light, drowns white text in dark). Now #ECF7F2 in light, an 18%-alpha green in dark — readable in both modes. TabQueue: - One-line explainer above the Job queue heading, with the words "Highlighted rows" wrapped in the same green tint so the meaning is immediately associated. - One-line explainer above Failed jobs heading too. --- .../src/Pages/Logs/components/TableJobs.tsx | 85 +++++++++++-------- 1 file changed, 50 insertions(+), 35 deletions(-) diff --git a/client/src/Pages/Logs/components/TableJobs.tsx b/client/src/Pages/Logs/components/TableJobs.tsx index 660a5df4f..0a1ff3098 100644 --- a/client/src/Pages/Logs/components/TableJobs.tsx +++ b/client/src/Pages/Logs/components/TableJobs.tsx @@ -22,77 +22,92 @@ export const TableJobs = ({ jobs }: TableJobsProps) => { id: job.monitorId, })); + const cellSx = { + whiteSpace: "nowrap" as const, + overflow: "hidden", + textOverflow: "ellipsis", + maxWidth: 220, + }; + const headers: Header[] = [ { id: "id", content: t("common.table.headers.monitorId"), - render: (row) => {row.monitorId}, + render: (row) => ( + + {row.monitorId} + + ), }, { id: "url", content: t("common.table.headers.url"), - render: (row) => {row.monitorUrl}, - }, - { - id: "interval", - content: t("common.table.headers.interval"), render: (row) => ( - {prettyMilliseconds(row.monitorInterval ?? 0)} + + {row.monitorUrl} + ), }, { id: "type", content: t("common.table.headers.type"), - render: (row) => {row.monitorType}, + render: (row) => {row.monitorType}, }, { - id: "active", - content: t("common.table.headers.active"), - render: (row) => {row.active.toString()}, - }, - { - id: "runCount", - content: t("pages.logs.table.headers.runCount"), - render: (row) => {row.runCount}, - }, - { - id: "failCount", - content: t("pages.logs.table.headers.failCount"), - render: (row) => {row.failCount}, + id: "interval", + content: t("common.table.headers.interval"), + render: (row) => ( + {prettyMilliseconds(row.monitorInterval ?? 0)} + ), }, { id: "lastRun", content: t("pages.logs.table.headers.lastRunAt"), - render: (row) => {formatTimestamp(row.lastRunAt)}, - }, - { - id: "lockedAt", - content: t("pages.logs.table.headers.lockedAt"), - render: (row) => {formatTimestamp(row.lockedAt)}, - }, - - { - id: "lastFinish", - content: t("pages.logs.table.headers.lastFinishedAt"), - render: (row) => {formatTimestamp(row.lastFinishedAt)}, + render: (row) => { + const v = formatTimestamp(row.lastRunAt) ?? "-"; + return ( + + {v} + + ); + }, }, { id: "lastRunTook", content: t("pages.logs.table.headers.lastRunTook"), render: (row) => { const value = row.lastRunTook ? prettyMilliseconds(row.lastRunTook) : "-"; - return {value}; + return {value}; + }, + }, + { + id: "lockedAt", + content: t("pages.logs.table.headers.lockedAt"), + render: (row) => { + const v = formatTimestamp(row.lockedAt) ?? "-"; + return ( + + {v} + + ); }, }, ]; + const isDark = theme.palette.mode === "dark"; + const runningBg = isDark ? "rgba(19, 113, 91, 0.18)" : "#ECF7F2"; + return ( ({ ...(row.lockedAt && { - "& td": { backgroundColor: theme.palette.success.light }, + "& td": { backgroundColor: runningBg }, }), })} /> From 59846a041fb97060c4124d24328b34e04aad4d65 Mon Sep 17 00:00:00 2001 From: gorkem-bwl Date: Sat, 25 Apr 2026 23:28:32 -0400 Subject: [PATCH 14/54] fix(client): dark-mode text-field polish - MuiOutlinedInput hover override: was inheriting MUI's default white outline in dark mode (too bright). Now uses an alpha-23% white in dark and text.primary in light. - TextInput: -webkit-autofill now repaints the input bg with background.paper (instead of Chrome's harsh blue/yellow autofill highlight), text in text.primary, with the standard 5000s-transition trick to suppress the brief flash. Works in both modes. --- client/src/Components/inputs/TextInput.tsx | 8 ++++++++ client/src/Utils/Theme/Theme.ts | 10 ++++++++-- 2 files changed, 16 insertions(+), 2 deletions(-) diff --git a/client/src/Components/inputs/TextInput.tsx b/client/src/Components/inputs/TextInput.tsx index 718b60327..fd49fcdf2 100644 --- a/client/src/Components/inputs/TextInput.tsx +++ b/client/src/Components/inputs/TextInput.tsx @@ -38,6 +38,14 @@ export const TextInput = forwardRef(function T marginRight: 0, marginTop: theme.spacing(1), }, + "& input:-webkit-autofill, & input:-webkit-autofill:hover, & input:-webkit-autofill:focus, & input:-webkit-autofill:active": + { + WebkitBoxShadow: `0 0 0 100px ${theme.palette.background.paper} inset`, + WebkitTextFillColor: theme.palette.text.primary, + caretColor: theme.palette.text.primary, + borderRadius: theme.shape.borderRadius, + transition: "background-color 5000s ease-in-out 0s", + }, }} /> ); diff --git a/client/src/Utils/Theme/Theme.ts b/client/src/Utils/Theme/Theme.ts index 49c1636ec..bd175e8d1 100644 --- a/client/src/Utils/Theme/Theme.ts +++ b/client/src/Utils/Theme/Theme.ts @@ -120,11 +120,17 @@ export const theme = (mode: string, palette: any) => MuiOutlinedInput: { styleOverrides: { - root: { + root: ({ theme }) => ({ + "&:hover .MuiOutlinedInput-notchedOutline": { + borderColor: + theme.palette.mode === "dark" + ? "rgba(255, 255, 255, 0.23)" + : theme.palette.text.primary, + }, "&.Mui-focused .MuiOutlinedInput-notchedOutline": { borderColor: palette.primary.main, }, - }, + }), }, }, From 095086cdfd3c39a8668fe5043d61a5be7a8ffc12 Mon Sep 17 00:00:00 2001 From: gorkem-bwl Date: Sat, 25 Apr 2026 23:28:51 -0400 Subject: [PATCH 15/54] chore(i18n): seed translations for new UI surfaces MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Across en + 15 locales: - pages..fallback.title / .description for every page that has an EmptyState (uptime, infrastructure, pageSpeed, notifications, maintenance, statusPages, incidents, logs, logs.queueFallback, checks, account.team). - pages..header.title / .description for every page that uses the new PageHeader (same list, plus settings). - pages.logs.diagnostics.sections.runtimeStats / .memoryCpu titles and descriptions for the diagnostics section explainers. - components.pageHeader.links.support / docs / changelog tooltip labels. en.json also gains pages.logs.jobQueueExplainer and .failedJobsExplainer (English only — non-English locales fall back to English until a translator sweep). --- client/src/locales/ar.json | 108 ++++++++++++++++++++++--- client/src/locales/cs.json | 108 ++++++++++++++++++++++--- client/src/locales/de.json | 108 ++++++++++++++++++++++--- client/src/locales/en.json | 144 ++++++++++++++++++++++++---------- client/src/locales/es.json | 108 ++++++++++++++++++++++--- client/src/locales/fi.json | 108 ++++++++++++++++++++++--- client/src/locales/fr.json | 108 ++++++++++++++++++++++--- client/src/locales/ja.json | 108 ++++++++++++++++++++++--- client/src/locales/pt-BR.json | 108 ++++++++++++++++++++++--- client/src/locales/ru.json | 108 ++++++++++++++++++++++--- client/src/locales/th.json | 108 ++++++++++++++++++++++--- client/src/locales/tr.json | 108 ++++++++++++++++++++++--- client/src/locales/uk.json | 108 ++++++++++++++++++++++--- client/src/locales/vi.json | 108 ++++++++++++++++++++++--- client/src/locales/zh-CN.json | 108 ++++++++++++++++++++++--- client/src/locales/zh-TW.json | 126 +++++++++++++++++++++-------- 16 files changed, 1526 insertions(+), 256 deletions(-) diff --git a/client/src/locales/ar.json b/client/src/locales/ar.json index 28624c469..83c300364 100644 --- a/client/src/locales/ar.json +++ b/client/src/locales/ar.json @@ -199,6 +199,14 @@ "starPrompt": { "title": "أضف نجمة لـ Checkmate", "description": "اطلع على أحدث الإصدارات وساعد في تنمية المجتمع على GitHub" + }, + "pageHeader": { + "links": { + "support": "الدعم", + "discussions": "المناقشات", + "docs": "التوثيق", + "changelog": "سجل التغييرات" + } } }, "pages": { @@ -278,7 +286,15 @@ "placeholder": "اختر دوراً" }, "linkLabel": "رابط الدعوة" + }, + "fallback": { + "title": "لا يوجد بعد أعضاء فريق", + "description": "ادعُ زملاءك عبر البريد الإلكتروني أو أضفهم مباشرة. بمجرد انضمامهم، سيظهرون هنا مع دورهم." } + }, + "header": { + "title": "الحساب", + "description": "إدارة ملفك الشخصي وكلمة المرور والفريق وتفضيلات مساحة العمل." } }, "auth": { @@ -378,6 +394,14 @@ "statusCode": "رمز الحالة", "location": "الموقع" } + }, + "fallback": { + "title": "لا توجد فحوصات بعد", + "description": "بمجرد إنشاء جهاز مراقبة، ستظهر هنا كل عملية فحص حالة ووقت استجابة كفحص." + }, + "header": { + "title": "الفحوصات", + "description": "كل فحص يجريه Checkmate على مراقبيك يظهر هنا برمز الحالة ووقت الاستجابة." } }, "common": { @@ -640,6 +664,10 @@ } }, "incidents": { + "fallback": { + "title": "لا حوادث — جميع الأنظمة سليمة", + "description": "عندما يتعطل جهاز مراقبة أو يتعافى، سيظهر الحادث هنا مع الأوقات وتفاصيل الجهاز وسجل الحل." + }, "dialog": { "resolveIncident": { "title": "حل الحادثة", @@ -720,6 +748,10 @@ "active": "نشط", "resolved": "تم الحل" } + }, + "header": { + "title": "الحوادث", + "description": "عندما يتعطل جهاز مراقبة أو يتعافى، تظهر الحوادث هنا مع الأوقات وتفاصيل الجهاز وسجل الحل." } }, "infrastructure": { @@ -774,11 +806,19 @@ }, "fallback": { "actionButton": "أنشئ مراقباً!", - "checks": "تتبع أداء خوادمك,تحديد الاختناقات وتحسين الاستخدام,ضمان الموثوقية من خلال المراقبة في الوقت الفعلي", - "title": "يُستخدم مراقب البنية التحتية من أجل:" + "title": "لا توجد بعد أجهزة مراقبة للبنية التحتية", + "description": "تتبّع أداء الخوادم وحدد الاختناقات واضمن الموثوقية مع مراقبة البنية التحتية في الوقت الفعلي." + }, + "header": { + "title": "مراقبات البنية التحتية", + "description": "تتبّع أداء الخوادم وحدد الاختناقات واضمن الموثوقية مع مراقبة البنية التحتية في الوقت الفعلي." } }, "logs": { + "fallback": { + "title": "لا توجد سجلات بعد", + "description": "ستظهر هنا نشاط الخادم والتحذيرات والأخطاء أثناء تشغيل Checkmate." + }, "tabs": { "diagnostics": "", "logs": "", @@ -815,6 +855,16 @@ "usedSPercentage": "% من 1 ثانية مستخدمة بواسطة CPU", "total": "الإجمالي", "used": "مستخدم" + }, + "sections": { + "runtimeStats": { + "title": "إحصائيات التشغيل", + "description": "لقطة لعملية Node.js والجهاز المضيف. يتم التحديث كل 5 ثوانٍ." + }, + "memoryCpu": { + "title": "الذاكرة والمعالج", + "description": "كيف تستخدم العملية الذاكرة المخصصة لها ومعالج الجهاز المضيف." + } } }, "table": { @@ -833,13 +883,21 @@ "lastFailedAt": "آخر فشل في", "failReason": "سبب الفشل" } + }, + "queueFallback": { + "title": "لا توجد مهام في قائمة الانتظار", + "description": "ستظهر هنا فحوصات أجهزة المراقبة المجدولة أو قيد التشغيل. قائمة الانتظار الفارغة تعني أن كل شيء محدّث." + }, + "header": { + "title": "السجلات وقائمة الانتظار", + "description": "افحص سجلات الخادم وقائمة انتظار مهام المراقبة وتشخيصات وقت التشغيل في مكان واحد." } }, "maintenanceWindow": { "fallback": { "actionButton": "أنشئ نافذة صيانة!", - "checks": "تحديد فترات الصيانة,التخلص من أي سوء فهم,إيقاف إرسال التنبيهات أثناء نوافذ الصيانة", - "title": "تُستخدم نافذة الصيانة من أجل:" + "title": "لا توجد نوافذ صيانة مجدولة", + "description": "حدد مواعيد التوقف المخطط لها لإيقاف التنبيهات وإعلام فريقك ومستخدميك بما يتوقعونه." }, "table": { "headers": { @@ -891,13 +949,17 @@ } } } + }, + "header": { + "title": "نوافذ الصيانة", + "description": "حدد مواعيد التوقف المخطط لها لإيقاف التنبيهات وإعلام فريقك ومستخدميك بما يتوقعونه." } }, "notifications": { "fallback": { "actionButton": "إنشاء قناة", - "checks": "تنبيه الفرق حول التوقف أو مشكلات الأداء,إعلام المهندسين عند حدوث الحوادث,إبقاء المسؤولين على اطلاع بتغييرات النظام", - "title": "تُستخدم قنوات الإشعارات من أجل:" + "title": "لا توجد بعد قنوات إشعار", + "description": "اربط Slack وDiscord والبريد الإلكتروني وWebhooks والمزيد ليعلم الأشخاص المناسبون بالحوادث فور حدوثها." }, "form": { "accessToken": { @@ -953,6 +1015,10 @@ "headers": { "destination": "الوجهة" } + }, + "header": { + "title": "الإشعارات", + "description": "اربط Slack وDiscord والبريد الإلكتروني وWebhooks والمزيد ليعلم الأشخاص المناسبون بالحوادث فور حدوثها." } }, "pageSpeed": { @@ -979,8 +1045,12 @@ }, "fallback": { "actionButton": "أنشئ مراقباً!", - "checks": "تقديم تقرير عن تجربة المستخدم للصفحة,المساعدة في تحليل سرعة الصفحة,تقديم اقتراحات لتحسين الصفحة", - "title": "يُستخدم مراقب PageSpeed من أجل:" + "title": "لا توجد بعد أجهزة مراقبة PageSpeed", + "description": "تابع Core Web Vitals ودرجات Lighthouse عبر الزمن لاكتشاف التراجع قبل أن يلاحظه المستخدمون." + }, + "header": { + "title": "مراقبات PageSpeed", + "description": "تابع Core Web Vitals ودرجات Lighthouse عبر الزمن لاكتشاف التراجع قبل أن يلاحظه المستخدمون." } }, "settings": { @@ -1158,14 +1228,18 @@ "validation": { "errorMessage": "يرجى إصلاح أخطاء التحقق التالية:" } + }, + "header": { + "title": "الإعدادات", + "description": "تكوين SMTP والتكاملات والاحتفاظ والسلوك العام للتطبيق." } }, "statusPages": { "deleteSuccess": "تم حذف صفحة الحالة بنجاح", "fallback": { - "title": "تُستخدم صفحة الحالة من أجل:", - "checks": "إيصال حالة النظام للمستخدمين وأصحاب المصلحة,عرض معلومات وقت التشغيل في الوقت الفعلي للعامة,بناء الثقة من خلال مراقبة الخدمة الشفافة,تقليل طلبات الدعم أثناء الحوادث", - "actionButton": "أنشئ صفحة حالة!" + "title": "لا توجد بعد صفحات حالة", + "actionButton": "أنشئ صفحة حالة!", + "description": "انشر صفحة عامة تُظهر للعملاء وأصحاب المصلحة وقت التشغيل الفعلي وتاريخ الحوادث." }, "monitorsList": { "chartTypeHeatmap": "خريطة حرارية", @@ -1282,6 +1356,10 @@ } } } + }, + "header": { + "title": "صفحات الحالة", + "description": "انشر صفحات عامة تُظهر للعملاء وأصحاب المصلحة وقت التشغيل الفعلي وتاريخ الحوادث." } }, "uptime": { @@ -1297,8 +1375,12 @@ }, "fallback": { "actionButton": "أنشئ مراقباً!", - "checks": "التحقق مما إذا كانت المواقع أو الخوادم متصلة ومتجاوبة,تنبيه الفرق حول التوقف أو مشكلات الأداء,مراقبة نقاط نهاية HTTP والـ Ping والحاويات والمنافذ,تتبع اتجاهات وقت التشغيل والموثوقية التاريخية", - "title": "يُستخدم مراقب وقت التشغيل من أجل:" + "title": "لا توجد بعد أجهزة مراقبة وقت التشغيل", + "description": "راقب نقاط نهاية HTTP وعمليات Ping والحاويات والمنافذ — احصل على تنبيه فور حدوث عطل." + }, + "header": { + "title": "مراقبات وقت التشغيل", + "description": "راقب نقاط نهاية HTTP وعمليات Ping والحاويات والمنافذ — احصل على تنبيه فور حدوث عطل." } } } diff --git a/client/src/locales/cs.json b/client/src/locales/cs.json index 780a7a723..e723f63c8 100644 --- a/client/src/locales/cs.json +++ b/client/src/locales/cs.json @@ -199,6 +199,14 @@ "starPrompt": { "title": "Ohodnoťte Checkmate", "description": "Sledujte nejnovější vydání a pomozte rozšířit komunitu na GitHubu" + }, + "pageHeader": { + "links": { + "support": "Podpora", + "discussions": "Diskuze", + "docs": "Dokumentace", + "changelog": "Seznam změn" + } } }, "pages": { @@ -278,7 +286,15 @@ "placeholder": "Vyberte roli" }, "linkLabel": "Odkaz pro pozvánku" + }, + "fallback": { + "title": "Zatím žádní členové týmu", + "description": "Pozvěte kolegy e-mailem nebo je přidejte přímo. Jakmile se připojí, objeví se zde se svou rolí." } + }, + "header": { + "title": "Účet", + "description": "Spravujte profil, heslo, tým a předvolby pracovního prostoru." } }, "auth": { @@ -378,6 +394,14 @@ "statusCode": "Stavový kód", "location": "Umístění" } + }, + "fallback": { + "title": "Zatím žádné kontroly", + "description": "Jakmile vytvoříte monitor, každá kontrola stavu a doba odezvy se zde zobrazí jako kontrola." + }, + "header": { + "title": "Kontroly", + "description": "Každá sonda, kterou Checkmate spustí proti vašim monitorům, se zde objeví se stavovým kódem a dobou odezvy." } }, "common": { @@ -640,6 +664,10 @@ } }, "incidents": { + "fallback": { + "title": "Žádné incidenty — všechny systémy v pořádku", + "description": "Když monitor vypadne nebo se zotaví, incident se zobrazí zde spolu s časem, detaily monitoru a historií řešení." + }, "dialog": { "resolveIncident": { "title": "Vyřešit incident", @@ -720,6 +748,10 @@ "active": "Aktivní", "resolved": "Vyřešeno" } + }, + "header": { + "title": "Incidenty", + "description": "Když monitor vypadne nebo se zotaví, incidenty se zobrazí zde spolu s časem, detaily monitoru a historií řešení." } }, "infrastructure": { @@ -774,11 +806,19 @@ }, "fallback": { "actionButton": "Vytvořte monitor!", - "checks": "Track the performance of your servers,Identify bottlenecks and optimize usage,Ensure reliability with real-time monitoring", - "title": "Monitor infrastruktury slouží k:" + "title": "Zatím žádné monitory infrastruktury", + "description": "Sledujte výkon serverů, identifikujte úzká místa a zajistěte spolehlivost pomocí monitoringu infrastruktury v reálném čase." + }, + "header": { + "title": "Monitory infrastruktury", + "description": "Sledujte výkon serverů, identifikujte úzká místa a zajistěte spolehlivost pomocí monitoringu infrastruktury v reálném čase." } }, "logs": { + "fallback": { + "title": "Zatím žádné protokoly", + "description": "Aktivita serveru, varování a chyby se zobrazí zde, jak Checkmate běží." + }, "tabs": { "diagnostics": "", "logs": "", @@ -815,6 +855,16 @@ "usedSPercentage": "% z 1s využito CPU", "total": "Celkem", "used": "Použité" + }, + "sections": { + "runtimeStats": { + "title": "Statistiky běhu", + "description": "Snímek procesu Node.js a hostitelského počítače. Aktualizuje se každých 5 sekund." + }, + "memoryCpu": { + "title": "Paměť a CPU", + "description": "Jak proces využívá přidělenou paměť a CPU hostitele." + } } }, "table": { @@ -833,13 +883,21 @@ "lastFailedAt": "Poslední selhání", "failReason": "Důvod selhání" } + }, + "queueFallback": { + "title": "Žádné úlohy ve frontě", + "description": "Naplánované nebo běžící kontroly monitorů se objeví zde. Prázdná fronta znamená, že je vše aktuální." + }, + "header": { + "title": "Protokoly a fronta", + "description": "Zkontrolujte serverové protokoly, frontu úloh monitoru a diagnostiku v jednom místě." } }, "maintenanceWindow": { "fallback": { "actionButton": "Vytvořte okno údržby!", - "checks": "Mark your maintenance periods,Eliminate any misunderstandings,Stop sending alerts in maintenance windows", - "title": "Okno údržby slouží k:" + "title": "Žádná naplánovaná okna údržby", + "description": "Naplánujte plánované odstávky, aby byly výstrahy potlačeny a váš tým i uživatelé věděli, co očekávat." }, "table": { "headers": { @@ -891,13 +949,17 @@ } } } + }, + "header": { + "title": "Okna údržby", + "description": "Naplánujte plánované odstávky, aby byly výstrahy potlačeny a váš tým i uživatelé věděli, co očekávat." } }, "notifications": { "fallback": { "actionButton": "Vytvořit kanál", - "checks": "Alert teams about downtime or performance issues,Let engineers know when incidents happen,Keep administrators informed of system changes", - "title": "Kanály oznámení slouží k:" + "title": "Zatím žádné notifikační kanály", + "description": "Připojte Slack, Discord, e-mail, webhooky a další, aby se ti správní lidé dozvěděli o incidentech v okamžiku, kdy nastanou." }, "form": { "accessToken": { @@ -953,6 +1015,10 @@ "headers": { "destination": "Cíl" } + }, + "header": { + "title": "Notifikace", + "description": "Připojte Slack, Discord, e-mail, webhooky a další, aby se ti správní lidé dozvěděli o incidentech v okamžiku, kdy nastanou." } }, "pageSpeed": { @@ -979,8 +1045,12 @@ }, "fallback": { "actionButton": "Vytvořte monitor!", - "checks": "Report on the user experience of a page,Help analyze webpage speed,Give suggestions on how the page can be improved", - "title": "Monitor PageSpeed slouží k:" + "title": "Zatím žádné PageSpeed monitory", + "description": "Sledujte Core Web Vitals a skóre Lighthouse v čase a zachyťte regrese dříve než vaši uživatelé." + }, + "header": { + "title": "Monitory PageSpeed", + "description": "Sledujte Core Web Vitals a skóre Lighthouse v čase a zachyťte regrese dříve než vaši uživatelé." } }, "settings": { @@ -1158,14 +1228,18 @@ "validation": { "errorMessage": "Opravte prosím následující chyby validace:" } + }, + "header": { + "title": "Nastavení", + "description": "Nakonfigurujte SMTP, integrace, uchovávání a globální chování aplikace." } }, "statusPages": { "deleteSuccess": "Stavová stránka byla úspěšně smazána", "fallback": { - "title": "Stavová stránka slouží k:", - "checks": "Communicate system status to users and stakeholders,Display real-time uptime information publicly,Build trust with transparent service monitoring,Reduce support requests during incidents", - "actionButton": "Vytvořte stavovou stránku!" + "title": "Zatím žádné stavové stránky", + "actionButton": "Vytvořte stavovou stránku!", + "description": "Publikujte veřejnou stránku, která zákazníkům a zúčastněným stranám zobrazuje dostupnost v reálném čase a historii incidentů." }, "monitorsList": { "chartTypeHeatmap": "Heatmapa", @@ -1282,6 +1356,10 @@ } } } + }, + "header": { + "title": "Stavové stránky", + "description": "Publikujte veřejné stránky, které zákazníkům a zúčastněným stranám zobrazují dostupnost v reálném čase a historii incidentů." } }, "uptime": { @@ -1297,8 +1375,12 @@ }, "fallback": { "actionButton": "Vytvořte monitor!", - "checks": "Check if websites or servers are online & responsive,Alert teams about downtime or performance issues,Monitor HTTP endpoints, pings, containers & ports,Track historical uptime and reliability trends", - "title": "Monitor dostupnosti slouží k:" + "title": "Zatím žádné monitory dostupnosti", + "description": "Sledujte HTTP koncové body, pingy, kontejnery a porty — buďte upozorněni v okamžiku, kdy něco vypadne." + }, + "header": { + "title": "Monitory dostupnosti", + "description": "Sledujte HTTP koncové body, pingy, kontejnery a porty — buďte upozorněni v okamžiku, kdy něco vypadne." } } } diff --git a/client/src/locales/de.json b/client/src/locales/de.json index 34755aaba..bf73ac235 100644 --- a/client/src/locales/de.json +++ b/client/src/locales/de.json @@ -199,6 +199,14 @@ "starPrompt": { "title": "Checkmate bewerten", "description": "Entdecken Sie die neuesten Versionen und helfen Sie der Community auf GitHub" + }, + "pageHeader": { + "links": { + "support": "Support", + "discussions": "Diskussionen", + "docs": "Dokumentation", + "changelog": "Änderungsverlauf" + } } }, "pages": { @@ -278,7 +286,15 @@ "placeholder": "Rolle auswählen" }, "linkLabel": "Einladungslink" + }, + "fallback": { + "title": "Noch keine Teammitglieder", + "description": "Laden Sie Teammitglieder per E-Mail ein oder fügen Sie sie direkt hinzu. Sobald sie beitreten, erscheinen sie hier mit ihrer Rolle." } + }, + "header": { + "title": "Konto", + "description": "Verwalten Sie Profil, Passwort, Team und Workspace-Einstellungen." } }, "auth": { @@ -378,6 +394,14 @@ "statusCode": "Statuscode", "location": "Standort" } + }, + "fallback": { + "title": "Noch keine Prüfungen", + "description": "Sobald Sie einen Monitor erstellen, erscheinen jede Statusprüfung und Antwortzeit hier als Prüfung." + }, + "header": { + "title": "Prüfungen", + "description": "Jede Sondierung, die Checkmate gegen Ihre Monitore ausführt, erscheint hier mit Statuscode und Antwortzeit." } }, "common": { @@ -640,6 +664,10 @@ } }, "incidents": { + "fallback": { + "title": "Keine Vorfälle — alle Systeme funktionieren", + "description": "Wenn ein Monitor ausfällt oder wiederhergestellt wird, erscheint der Vorfall hier mit Zeitangaben, Monitordetails und Lösungsverlauf." + }, "dialog": { "resolveIncident": { "title": "Vorfall lösen", @@ -720,6 +748,10 @@ "active": "Aktiv", "resolved": "Gelöst" } + }, + "header": { + "title": "Vorfälle", + "description": "Wenn ein Monitor ausfällt oder wiederhergestellt wird, erscheinen Vorfälle hier mit Zeitangaben, Monitordetails und Lösungsverlauf." } }, "infrastructure": { @@ -774,11 +806,19 @@ }, "fallback": { "actionButton": "Monitor erstellen!", - "checks": "Track the performance of your servers,Identify bottlenecks and optimize usage,Ensure reliability with real-time monitoring", - "title": "Ein Infrastruktur-Monitor wird verwendet, um:" + "title": "Noch keine Infrastruktur-Monitore", + "description": "Verfolgen Sie die Serverleistung, identifizieren Sie Engpässe und gewährleisten Sie Zuverlässigkeit mit Echtzeit-Infrastrukturüberwachung." + }, + "header": { + "title": "Infrastruktur-Monitore", + "description": "Verfolgen Sie die Serverleistung, identifizieren Sie Engpässe und gewährleisten Sie Zuverlässigkeit mit Echtzeit-Infrastrukturüberwachung." } }, "logs": { + "fallback": { + "title": "Noch keine Protokolle", + "description": "Serveraktivitäten, Warnungen und Fehler werden hier angezeigt, während Checkmate läuft." + }, "tabs": { "diagnostics": "Diagnose", "logs": "Server logs", @@ -815,6 +855,16 @@ "usedSPercentage": "% von 1s durch CPU genutzt", "total": "Gesamt", "used": "Belegt" + }, + "sections": { + "runtimeStats": { + "title": "Laufzeitstatistiken", + "description": "Snapshot des Node.js-Prozesses und Host-Rechners. Wird alle 5 Sekunden aktualisiert." + }, + "memoryCpu": { + "title": "Speicher & CPU", + "description": "Wie der Prozess seinen zugewiesenen Speicher und die Host-CPU nutzt." + } } }, "table": { @@ -833,13 +883,21 @@ "lastFailedAt": "Letzter Fehler am", "failReason": "Fehlergrund" } + }, + "queueFallback": { + "title": "Keine Aufträge in der Warteschlange", + "description": "Geplante oder laufende Monitorprüfungen erscheinen hier. Eine leere Warteschlange bedeutet, dass alles aktuell ist." + }, + "header": { + "title": "Protokolle & Warteschlange", + "description": "Serverprotokolle, Monitor-Warteschlange und Laufzeitdiagnosen an einem Ort." } }, "maintenanceWindow": { "fallback": { "actionButton": "Wartungsfenster erstellen!", - "checks": "Mark your maintenance periods,Eliminate any misunderstandings,Stop sending alerts in maintenance windows", - "title": "Ein Wartungsfenster wird verwendet, um:" + "title": "Keine Wartungsfenster geplant", + "description": "Planen Sie Wartungsausfälle, damit Warnungen unterdrückt werden und Team und Nutzer wissen, was sie erwartet." }, "table": { "headers": { @@ -891,13 +949,17 @@ } } } + }, + "header": { + "title": "Wartungsfenster", + "description": "Planen Sie Wartungsausfälle, damit Warnungen unterdrückt werden und Team und Nutzer wissen, was sie erwartet." } }, "notifications": { "fallback": { "actionButton": "Kanal erstellen", - "checks": "Alert teams about downtime or performance issues,Let engineers know when incidents happen,Keep administrators informed of system changes", - "title": "Benachrichtigungskanäle werden verwendet, um:" + "title": "Noch keine Benachrichtigungskanäle", + "description": "Verbinden Sie Slack, Discord, E-Mail, Webhooks und mehr, damit die richtigen Personen sofort von Vorfällen erfahren." }, "form": { "accessToken": { @@ -953,6 +1015,10 @@ "headers": { "destination": "Ziel" } + }, + "header": { + "title": "Benachrichtigungen", + "description": "Verbinden Sie Slack, Discord, E-Mail, Webhooks und mehr, damit die richtigen Personen sofort von Vorfällen erfahren." } }, "pageSpeed": { @@ -979,8 +1045,12 @@ }, "fallback": { "actionButton": "Monitor erstellen!", - "checks": "Report on the user experience of a page,Help analyze webpage speed,Give suggestions on how the page can be improved", - "title": "Ein PageSpeed-Monitor wird verwendet, um:" + "title": "Noch keine PageSpeed-Monitore", + "description": "Verfolgen Sie Core Web Vitals und Lighthouse-Werte im Zeitverlauf, um Regressionen zu erkennen, bevor Nutzer es tun." + }, + "header": { + "title": "PageSpeed-Monitore", + "description": "Verfolgen Sie Core Web Vitals und Lighthouse-Werte im Zeitverlauf, um Regressionen zu erkennen, bevor Nutzer es tun." } }, "settings": { @@ -1158,14 +1228,18 @@ "validation": { "errorMessage": "Bitte beheben Sie die folgenden Validierungsfehler:" } + }, + "header": { + "title": "Einstellungen", + "description": "Konfigurieren Sie SMTP, Integrationen, Aufbewahrung und globales App-Verhalten." } }, "statusPages": { "deleteSuccess": "Statusseite erfolgreich gelöscht", "fallback": { - "title": "Eine Statusseite wird verwendet, um:", - "checks": "Communicate system status to users and stakeholders,Display real-time uptime information publicly,Build trust with transparent service monitoring,Reduce support requests during incidents", - "actionButton": "Statusseite erstellen!" + "title": "Noch keine Statusseiten", + "actionButton": "Statusseite erstellen!", + "description": "Veröffentlichen Sie eine öffentliche Seite, die Kunden und Stakeholdern Echtzeit-Verfügbarkeit und Vorfallsverlauf zeigt." }, "monitorsList": { "chartTypeHeatmap": "Heatmap", @@ -1282,6 +1356,10 @@ } } } + }, + "header": { + "title": "Statusseiten", + "description": "Veröffentlichen Sie öffentliche Seiten, die Kunden und Stakeholdern Echtzeit-Verfügbarkeit und Vorfallsverlauf zeigen." } }, "uptime": { @@ -1297,8 +1375,12 @@ }, "fallback": { "actionButton": "Monitor erstellen!", - "checks": "Check if websites or servers are online & responsive,Alert teams about downtime or performance issues,Monitor HTTP endpoints, pings, containers & ports,Track historical uptime and reliability trends", - "title": "Ein Verfügbarkeitsmonitor wird verwendet, um:" + "title": "Noch keine Uptime-Monitore", + "description": "Überwachen Sie HTTP-Endpunkte, Pings, Container und Ports und werden Sie sofort benachrichtigt, wenn etwas ausfällt." + }, + "header": { + "title": "Uptime-Monitore", + "description": "Überwachen Sie HTTP-Endpunkte, Pings, Container und Ports und werden Sie sofort benachrichtigt, wenn etwas ausfällt." } } } diff --git a/client/src/locales/en.json b/client/src/locales/en.json index 940de5c61..6e76bdd17 100644 --- a/client/src/locales/en.json +++ b/client/src/locales/en.json @@ -123,6 +123,14 @@ } }, "components": { + "pageHeader": { + "links": { + "support": "Support", + "discussions": "Discussions", + "docs": "Documentation", + "changelog": "Changelog" + } + }, "imageUpload": { "clickToUpload": "Click to upload", "dragAndDrop": "or drag and drop", @@ -249,6 +257,10 @@ } }, "team": { + "fallback": { + "title": "No team members yet", + "description": "Invite teammates by email or add them directly. Once they join, they'll appear here with their role." + }, "filter": { "placeholder": "Filter by role", "all": "All roles", @@ -279,6 +291,10 @@ }, "linkLabel": "Invite link" } + }, + "header": { + "title": "Account", + "description": "Manage your profile, password, team, and workspace preferences." } }, "auth": { @@ -363,6 +379,10 @@ } }, "checks": { + "fallback": { + "title": "No checks yet", + "description": "Once you create a monitor, every status probe and response time will appear here as a check." + }, "selects": { "monitor": { "all": "All monitors" @@ -379,6 +399,10 @@ "statusCode": "Status code", "location": "Location" } + }, + "header": { + "title": "Checks", + "description": "Every probe Checkmate runs against your monitors lands here, with status code and response time." } }, "common": { @@ -642,6 +666,10 @@ } }, "incidents": { + "fallback": { + "title": "No incidents — all systems healthy", + "description": "When a monitor goes down or recovers, the incident will appear here with timing, monitor details, and resolution history." + }, "dialog": { "resolveIncident": { "title": "Resolve incident", @@ -722,6 +750,10 @@ "active": "Active", "resolved": "Resolved" } + }, + "header": { + "title": "Incidents", + "description": "When monitors go down or recover, incidents appear here with timing, monitor details and resolution history." } }, "infrastructure": { @@ -775,16 +807,24 @@ } }, "fallback": { - "actionButton": "Create a monitor!", - "checks": [ - "Track the performance of your servers", - "Identify bottlenecks and optimize usage", - "Ensure reliability with real-time monitoring" - ], - "title": "An infrastructure monitor is used to:" + "actionButton": "Create a monitor", + "description": "Track server performance, identify bottlenecks, and ensure reliability with real-time infrastructure monitoring.", + "title": "No infrastructure monitors yet" + }, + "header": { + "title": "Infrastructure monitors", + "description": "Track server performance, identify bottlenecks, and ensure reliability with real-time infrastructure monitoring." } }, "logs": { + "fallback": { + "title": "No logs yet", + "description": "Server activity, warnings, and errors will appear here as Checkmate runs." + }, + "queueFallback": { + "title": "No jobs in the queue", + "description": "Monitor checks that are scheduled or running will appear here. An empty queue means everything is up to date." + }, "tabs": { "diagnostics": "Diagnostics", "logs": "Logs", @@ -794,7 +834,9 @@ "label": "Log level" }, "jobQueue": "Job queue", + "jobQueueExplainer": "Highlighted rows are jobs currently being processed by a worker.", "failedJobs": "Failed jobs", + "failedJobsExplainer": "Recent failures by monitor — last failure time, fail count, and the reason.", "noLogs": "No logs found", "metrics": { "jobs": "Jobs", @@ -804,6 +846,16 @@ "totalFailures": "Total failures" }, "diagnostics": { + "sections": { + "runtimeStats": { + "title": "Runtime stats", + "description": "Snapshot of the Node.js process and host machine. Updates every 5 seconds." + }, + "memoryCpu": { + "title": "Memory & CPU", + "description": "How the process is using its allocated memory and host CPU." + } + }, "stats": { "eventLoopDelay": "Event loop delay", "uptime": "Uptime", @@ -839,17 +891,17 @@ "lastFailedAt": "Last failed at", "failReason": "Fail reason" } + }, + "header": { + "title": "Logs & queue", + "description": "Inspect server logs, the monitor job queue, and runtime diagnostics in one place." } }, "maintenanceWindow": { "fallback": { - "actionButton": "Create a maintenance window!", - "checks": [ - "Mark your maintenance periods", - "Eliminate any misunderstandings", - "Stop sending alerts in maintenance windows" - ], - "title": "A maintenance window is used to:" + "actionButton": "Create a maintenance window", + "description": "Schedule planned downtime so alerts are suppressed and your team and users know what to expect.", + "title": "No maintenance windows scheduled" }, "table": { "headers": { @@ -901,17 +953,17 @@ } } } + }, + "header": { + "title": "Maintenance windows", + "description": "Schedule planned downtime so alerts are suppressed and your team and users know what to expect." } }, "notifications": { "fallback": { "actionButton": "Create a channel", - "checks": [ - "Alert teams about downtime or performance issues", - "Let engineers know when incidents happen", - "Keep administrators informed of system changes" - ], - "title": "Notification channels are used to:" + "description": "Connect Slack, Discord, email, webhooks and more so the right people hear about incidents the moment they happen.", + "title": "No notification channels yet" }, "form": { "accessToken": { @@ -987,6 +1039,10 @@ "headers": { "destination": "Destination" } + }, + "header": { + "title": "Notifications", + "description": "Connect Slack, Discord, email, webhooks and more so the right people hear about incidents the moment they happen." } }, "pageSpeed": { @@ -1012,13 +1068,13 @@ } }, "fallback": { - "actionButton": "Create a monitor!", - "checks": [ - "Report on the user experience of a page", - "Help analyze webpage speed", - "Give suggestions on how the page can be improved" - ], - "title": "A PageSpeed monitor is used to:" + "actionButton": "Create a monitor", + "description": "Track Core Web Vitals and Lighthouse scores over time so you can spot regressions before users do.", + "title": "No PageSpeed monitors yet" + }, + "header": { + "title": "PageSpeed monitors", + "description": "Track Core Web Vitals and Lighthouse scores over time so you can spot regressions before users do." } }, "settings": { @@ -1196,19 +1252,18 @@ "validation": { "errorMessage": "Please fix the following validation errors:" } + }, + "header": { + "title": "Settings", + "description": "Configure SMTP, integrations, retention, and global app behavior." } }, "statusPages": { "deleteSuccess": "Status page deleted successfully", "fallback": { - "title": "A status page is used to:", - "checks": [ - "Communicate system status to users and stakeholders", - "Display real-time uptime information publicly", - "Build trust with transparent service monitoring", - "Reduce support requests during incidents" - ], - "actionButton": "Create a status page!" + "title": "No status pages yet", + "description": "Publish a public page that shows real-time uptime and incident history to your customers and stakeholders.", + "actionButton": "Create a status page" }, "monitorsList": { "chartTypeHeatmap": "Heatmap", @@ -1336,6 +1391,10 @@ } } } + }, + "header": { + "title": "Status pages", + "description": "Publish public pages that show real-time uptime and incident history to your customers and stakeholders." } }, "uptime": { @@ -1350,14 +1409,13 @@ } }, "fallback": { - "actionButton": "Create a monitor!", - "checks": [ - "Check if websites or servers are online & responsive", - "Alert teams about downtime or performance issues", - "Monitor HTTP endpoints, pings, containers & ports", - "Track historical uptime and reliability trends" - ], - "title": "An uptime monitor is used to:" + "actionButton": "Create a monitor", + "description": "Watch HTTP endpoints, pings, containers, and ports — and get alerted the moment something goes down.", + "title": "No uptime monitors yet" + }, + "header": { + "title": "Uptime monitors", + "description": "Watch HTTP endpoints, pings, containers, and ports — and get alerted the moment something goes down." } } } diff --git a/client/src/locales/es.json b/client/src/locales/es.json index 2006e1cea..5a6a65400 100644 --- a/client/src/locales/es.json +++ b/client/src/locales/es.json @@ -199,6 +199,14 @@ "starPrompt": { "title": "Dale estrella a Checkmate", "description": "Vea las últimas versiones y ayude a crecer la comunidad en GitHub" + }, + "pageHeader": { + "links": { + "support": "Soporte", + "discussions": "Discusiones", + "docs": "Documentación", + "changelog": "Registro de cambios" + } } }, "pages": { @@ -278,7 +286,15 @@ "placeholder": "Seleccione un rol" }, "linkLabel": "Enlace de invitación" + }, + "fallback": { + "title": "Aún no hay miembros del equipo", + "description": "Invita a tus compañeros por correo o añádelos directamente. Una vez que se unan, aparecerán aquí con su rol." } + }, + "header": { + "title": "Cuenta", + "description": "Administra tu perfil, contraseña, equipo y preferencias del espacio de trabajo." } }, "auth": { @@ -378,6 +394,14 @@ "statusCode": "Código de estado", "location": "Ubicación" } + }, + "fallback": { + "title": "Aún no hay comprobaciones", + "description": "Una vez que crees un monitor, cada sonda de estado y tiempo de respuesta aparecerá aquí como una comprobación." + }, + "header": { + "title": "Comprobaciones", + "description": "Cada sonda que Checkmate ejecuta contra tus monitores aparece aquí con código de estado y tiempo de respuesta." } }, "common": { @@ -640,6 +664,10 @@ } }, "incidents": { + "fallback": { + "title": "Sin incidentes — todos los sistemas saludables", + "description": "Cuando un monitor falla o se recupera, el incidente aparecerá aquí con los tiempos, los detalles del monitor y el historial de resolución." + }, "dialog": { "resolveIncident": { "title": "Resolver incidente", @@ -720,6 +748,10 @@ "active": "Activo", "resolved": "Resuelto" } + }, + "header": { + "title": "Incidentes", + "description": "Cuando un monitor falla o se recupera, los incidentes aparecen aquí con los tiempos, los detalles del monitor y el historial de resolución." } }, "infrastructure": { @@ -774,11 +806,19 @@ }, "fallback": { "actionButton": "¡Cree un monitor!", - "checks": "Track the performance of your servers,Identify bottlenecks and optimize usage,Ensure reliability with real-time monitoring", - "title": "Un monitor de infraestructura se usa para:" + "title": "Aún no hay monitores de infraestructura", + "description": "Rastrea el rendimiento de los servidores, identifica cuellos de botella y garantiza la fiabilidad con monitoreo en tiempo real." + }, + "header": { + "title": "Monitores de infraestructura", + "description": "Rastrea el rendimiento de los servidores, identifica cuellos de botella y garantiza la fiabilidad con monitoreo en tiempo real." } }, "logs": { + "fallback": { + "title": "Aún no hay registros", + "description": "La actividad del servidor, advertencias y errores aparecerán aquí mientras Checkmate se ejecuta." + }, "tabs": { "diagnostics": "", "logs": "", @@ -815,6 +855,16 @@ "usedSPercentage": "% de 1s usado por CPU", "total": "Total", "used": "Usado" + }, + "sections": { + "runtimeStats": { + "title": "Estadísticas de ejecución", + "description": "Instantánea del proceso Node.js y la máquina anfitriona. Se actualiza cada 5 segundos." + }, + "memoryCpu": { + "title": "Memoria y CPU", + "description": "Cómo el proceso utiliza la memoria asignada y la CPU del host." + } } }, "table": { @@ -833,13 +883,21 @@ "lastFailedAt": "Última falla", "failReason": "Razón de falla" } + }, + "queueFallback": { + "title": "No hay trabajos en la cola", + "description": "Las comprobaciones de monitores programadas o en ejecución aparecerán aquí. Una cola vacía significa que todo está al día." + }, + "header": { + "title": "Registros y cola", + "description": "Inspecciona registros del servidor, la cola de trabajos del monitor y los diagnósticos de runtime en un solo lugar." } }, "maintenanceWindow": { "fallback": { "actionButton": "¡Cree una ventana de mantenimiento!", - "checks": "Mark your maintenance periods,Eliminate any misunderstandings,Stop sending alerts in maintenance windows", - "title": "Una ventana de mantenimiento se usa para:" + "title": "No hay ventanas de mantenimiento programadas", + "description": "Programa interrupciones planificadas para silenciar las alertas y que tu equipo y usuarios sepan qué esperar." }, "table": { "headers": { @@ -891,13 +949,17 @@ } } } + }, + "header": { + "title": "Ventanas de mantenimiento", + "description": "Programa interrupciones planificadas para silenciar las alertas y que tu equipo y usuarios sepan qué esperar." } }, "notifications": { "fallback": { "actionButton": "Crear un canal", - "checks": "Alert teams about downtime or performance issues,Let engineers know when incidents happen,Keep administrators informed of system changes", - "title": "Los canales de notificación se usan para:" + "title": "Aún no hay canales de notificación", + "description": "Conecta Slack, Discord, correo electrónico, webhooks y más para que las personas adecuadas se enteren de los incidentes en cuanto ocurran." }, "form": { "accessToken": { @@ -953,6 +1015,10 @@ "headers": { "destination": "Destino" } + }, + "header": { + "title": "Notificaciones", + "description": "Conecta Slack, Discord, correo electrónico, webhooks y más para que las personas adecuadas se enteren de los incidentes en cuanto ocurran." } }, "pageSpeed": { @@ -979,8 +1045,12 @@ }, "fallback": { "actionButton": "¡Cree un monitor!", - "checks": "Report on the user experience of a page,Help analyze webpage speed,Give suggestions on how the page can be improved", - "title": "Un monitor de PageSpeed se usa para:" + "title": "Aún no hay monitores de PageSpeed", + "description": "Sigue las Core Web Vitals y las puntuaciones de Lighthouse a lo largo del tiempo para detectar regresiones antes que tus usuarios." + }, + "header": { + "title": "Monitores de PageSpeed", + "description": "Sigue las Core Web Vitals y las puntuaciones de Lighthouse a lo largo del tiempo para detectar regresiones antes que tus usuarios." } }, "settings": { @@ -1158,14 +1228,18 @@ "validation": { "errorMessage": "Corrija los siguientes errores de validación:" } + }, + "header": { + "title": "Configuración", + "description": "Configura SMTP, integraciones, retención y comportamiento global de la app." } }, "statusPages": { "deleteSuccess": "Página de estado eliminada exitosamente", "fallback": { - "title": "Una página de estado se usa para:", - "checks": "Communicate system status to users and stakeholders,Display real-time uptime information publicly,Build trust with transparent service monitoring,Reduce support requests during incidents", - "actionButton": "¡Cree una página de estado!" + "title": "Aún no hay páginas de estado", + "actionButton": "¡Cree una página de estado!", + "description": "Publica una página pública que muestre a tus clientes y partes interesadas la disponibilidad en tiempo real y el historial de incidentes." }, "monitorsList": { "chartTypeHeatmap": "Mapa de calor", @@ -1282,6 +1356,10 @@ } } } + }, + "header": { + "title": "Páginas de estado", + "description": "Publica páginas públicas que muestren a tus clientes y partes interesadas la disponibilidad en tiempo real y el historial de incidentes." } }, "uptime": { @@ -1297,8 +1375,12 @@ }, "fallback": { "actionButton": "¡Cree un monitor!", - "checks": "Check if websites or servers are online & responsive,Alert teams about downtime or performance issues,Monitor HTTP endpoints, pings, containers & ports,Track historical uptime and reliability trends", - "title": "Un monitor de tiempo de actividad se usa para:" + "title": "Aún no hay monitores de uptime", + "description": "Observa endpoints HTTP, pings, contenedores y puertos — recibe alertas en el momento en que algo falla." + }, + "header": { + "title": "Monitores de uptime", + "description": "Observa endpoints HTTP, pings, contenedores y puertos — recibe alertas en el momento en que algo falla." } } } diff --git a/client/src/locales/fi.json b/client/src/locales/fi.json index d56cb5bda..8a62bc4d8 100644 --- a/client/src/locales/fi.json +++ b/client/src/locales/fi.json @@ -199,6 +199,14 @@ "starPrompt": { "title": "Lisää Checkmate suosikkeihin", "description": "Katso uusimmat julkaisut ja auta kasvattamaan yhteisöä GitHubissa" + }, + "pageHeader": { + "links": { + "support": "Tuki", + "discussions": "Keskustelut", + "docs": "Dokumentaatio", + "changelog": "Muutosloki" + } } }, "pages": { @@ -278,7 +286,15 @@ "placeholder": "Valitse rooli" }, "linkLabel": "Kutsulinkki" + }, + "fallback": { + "title": "Ei vielä tiimin jäseniä", + "description": "Kutsu tiimin jäsenet sähköpostitse tai lisää heidät suoraan. Kun he liittyvät, he näkyvät tässä roolinsa kanssa." } + }, + "header": { + "title": "Tili", + "description": "Hallitse profiilia, salasanaa, tiimiä ja työtilan asetuksia." } }, "auth": { @@ -378,6 +394,14 @@ "statusCode": "Tilakoodi", "location": "Sijainti" } + }, + "fallback": { + "title": "Ei vielä tarkistuksia", + "description": "Kun luot monitorin, jokainen tilatarkistus ja vasteaika näkyy täällä tarkistuksena." + }, + "header": { + "title": "Tarkistukset", + "description": "Jokainen tarkistus, jonka Checkmate suorittaa monitoreitasi vastaan, näkyy täällä tilakoodin ja vasteajan kanssa." } }, "common": { @@ -640,6 +664,10 @@ } }, "incidents": { + "fallback": { + "title": "Ei tapauksia — kaikki järjestelmät ovat kunnossa", + "description": "Kun monitori kaatuu tai palautuu, tapaus tulee näkyviin ajoituksen, monitorin tietojen ja ratkaisuhistorian kanssa." + }, "dialog": { "resolveIncident": { "title": "Ratkaise häiriö", @@ -720,6 +748,10 @@ "active": "Aktiivinen", "resolved": "Ratkaistu" } + }, + "header": { + "title": "Tapaukset", + "description": "Kun monitori kaatuu tai palautuu, tapaukset näkyvät täällä ajoituksen, monitorin tietojen ja ratkaisuhistorian kanssa." } }, "infrastructure": { @@ -774,11 +806,19 @@ }, "fallback": { "actionButton": "Luo monitori!", - "checks": "Track the performance of your servers,Identify bottlenecks and optimize usage,Ensure reliability with real-time monitoring", - "title": "Infrastruktuurimonitorilla voit:" + "title": "Ei vielä infrastruktuurimonitoreita", + "description": "Seuraa palvelinten suorituskykyä, tunnista pullonkauloja ja varmista luotettavuus reaaliaikaisella valvonnalla." + }, + "header": { + "title": "Infrastruktuurimonitorit", + "description": "Seuraa palvelinten suorituskykyä, tunnista pullonkauloja ja varmista luotettavuus reaaliaikaisella valvonnalla." } }, "logs": { + "fallback": { + "title": "Ei vielä lokeja", + "description": "Palvelimen toiminta, varoitukset ja virheet näkyvät täällä Checkmaten toimiessa." + }, "tabs": { "diagnostics": "", "logs": "", @@ -815,6 +855,16 @@ "usedSPercentage": "% sekunnista CPU:n käytössä", "total": "Yhteensä", "used": "Käytetty" + }, + "sections": { + "runtimeStats": { + "title": "Suoritusajan tilastot", + "description": "Node.js-prosessin ja isäntäkoneen tilannekuva. Päivittyy 5 sekunnin välein." + }, + "memoryCpu": { + "title": "Muisti ja CPU", + "description": "Miten prosessi käyttää sille varattua muistia ja isännän CPU:ta." + } } }, "table": { @@ -833,13 +883,21 @@ "lastFailedAt": "Viimeisin epäonnistuminen", "failReason": "Epäonnistumisen syy" } + }, + "queueFallback": { + "title": "Jonossa ei ole töitä", + "description": "Aikataulutetut tai käynnissä olevat monitoritarkistukset näkyvät täällä. Tyhjä jono tarkoittaa, että kaikki on ajan tasalla." + }, + "header": { + "title": "Lokit ja jono", + "description": "Tarkasta palvelinlokit, monitorin työjono ja ajonaikaiset diagnostiikat yhdestä paikasta." } }, "maintenanceWindow": { "fallback": { "actionButton": "Luo huoltoikkuna!", - "checks": "Mark your maintenance periods,Eliminate any misunderstandings,Stop sending alerts in maintenance windows", - "title": "Huoltoikkunalla voit:" + "title": "Ei suunniteltuja huoltokatkoja", + "description": "Aikatauluta suunnitellut katkot, jotta hälytykset vaimennetaan ja tiimisi sekä käyttäjät tietävät mitä odottaa." }, "table": { "headers": { @@ -891,13 +949,17 @@ } } } + }, + "header": { + "title": "Huoltoikkunat", + "description": "Aikatauluta suunnitellut katkot, jotta hälytykset vaimennetaan ja tiimisi sekä käyttäjät tietävät mitä odottaa." } }, "notifications": { "fallback": { "actionButton": "Luo kanava", - "checks": "Alert teams about downtime or performance issues,Let engineers know when incidents happen,Keep administrators informed of system changes", - "title": "Ilmoituskanavia käytetään:" + "title": "Ei vielä ilmoituskanavia", + "description": "Yhdistä Slack, Discord, sähköposti, webhookit ja muut, jotta oikeat ihmiset kuulevat tapauksista heti." }, "form": { "accessToken": { @@ -953,6 +1015,10 @@ "headers": { "destination": "Kohde" } + }, + "header": { + "title": "Ilmoitukset", + "description": "Yhdistä Slack, Discord, sähköposti, webhookit ja muut, jotta oikeat ihmiset kuulevat tapauksista heti." } }, "pageSpeed": { @@ -979,8 +1045,12 @@ }, "fallback": { "actionButton": "Luo monitori!", - "checks": "Report on the user experience of a page,Help analyze webpage speed,Give suggestions on how the page can be improved", - "title": "PageSpeed-monitorilla voit:" + "title": "Ei vielä PageSpeed-monitoreita", + "description": "Seuraa Core Web Vitals -mittareita ja Lighthouse-pisteitä ajan mittaan ja huomaa heikennykset ennen käyttäjiä." + }, + "header": { + "title": "PageSpeed-monitorit", + "description": "Seuraa Core Web Vitals -mittareita ja Lighthouse-pisteitä ajan mittaan ja huomaa heikennykset ennen käyttäjiä." } }, "settings": { @@ -1158,14 +1228,18 @@ "validation": { "errorMessage": "Korjaa seuraavat vahvistusvirheet:" } + }, + "header": { + "title": "Asetukset", + "description": "Määritä SMTP, integraatiot, säilytys ja sovelluksen yleinen käyttäytyminen." } }, "statusPages": { "deleteSuccess": "Tilasivu poistettu onnistuneesti", "fallback": { - "title": "Tilasivulla voit:", - "checks": "Communicate system status to users and stakeholders,Display real-time uptime information publicly,Build trust with transparent service monitoring,Reduce support requests during incidents", - "actionButton": "Luo tilasivu!" + "title": "Ei vielä tilasivuja", + "actionButton": "Luo tilasivu!", + "description": "Julkaise julkinen sivu, joka näyttää asiakkaille ja sidosryhmille reaaliaikaisen käytettävyyden ja tapaushistorian." }, "monitorsList": { "chartTypeHeatmap": "Lämpökartta", @@ -1282,6 +1356,10 @@ } } } + }, + "header": { + "title": "Tilasivut", + "description": "Julkaise julkisia sivuja, jotka näyttävät asiakkaille ja sidosryhmille reaaliaikaisen käytettävyyden ja tapaushistorian." } }, "uptime": { @@ -1297,8 +1375,12 @@ }, "fallback": { "actionButton": "Luo monitori!", - "checks": "Check if websites or servers are online & responsive,Alert teams about downtime or performance issues,Monitor HTTP endpoints, pings, containers & ports,Track historical uptime and reliability trends", - "title": "Käytettävyysmonitorilla voit:" + "title": "Ei vielä käytettävyysmonitoreita", + "description": "Tarkkaile HTTP-päätepisteitä, pingejä, kontteja ja portteja — saat hälytyksen heti, kun jokin kaatuu." + }, + "header": { + "title": "Käytettävyysmonitorit", + "description": "Tarkkaile HTTP-päätepisteitä, pingejä, kontteja ja portteja — saat hälytyksen heti, kun jokin kaatuu." } } } diff --git a/client/src/locales/fr.json b/client/src/locales/fr.json index 9b7ec03f9..174772b6c 100644 --- a/client/src/locales/fr.json +++ b/client/src/locales/fr.json @@ -199,6 +199,14 @@ "starPrompt": { "title": "Star Checkmate", "description": "Consultez les dernières versions et aidez la communauté à grandir sur GitHub" + }, + "pageHeader": { + "links": { + "support": "Assistance", + "discussions": "Discussions", + "docs": "Documentation", + "changelog": "Journal des modifications" + } } }, "pages": { @@ -278,7 +286,15 @@ "placeholder": "Sélectionnez un rôle" }, "linkLabel": "Lien d'invitation" + }, + "fallback": { + "title": "Aucun membre d'équipe pour le moment", + "description": "Invitez vos coéquipiers par e-mail ou ajoutez-les directement. Une fois qu'ils auront rejoint, ils apparaîtront ici avec leur rôle." } + }, + "header": { + "title": "Compte", + "description": "Gérez votre profil, mot de passe, équipe et préférences d'espace de travail." } }, "auth": { @@ -378,6 +394,14 @@ "statusCode": "Code de statut", "location": "Emplacement" } + }, + "fallback": { + "title": "Aucune vérification pour le moment", + "description": "Une fois que vous aurez créé un moniteur, chaque sonde d'état et temps de réponse apparaîtra ici sous forme de vérification." + }, + "header": { + "title": "Vérifications", + "description": "Chaque sonde que Checkmate exécute contre vos moniteurs apparaît ici avec le code d'état et le temps de réponse." } }, "common": { @@ -640,6 +664,10 @@ } }, "incidents": { + "fallback": { + "title": "Aucun incident — tous les systèmes sont sains", + "description": "Lorsqu'un moniteur tombe en panne ou se rétablit, l'incident apparaîtra ici avec l'horodatage, les détails du moniteur et l'historique de résolution." + }, "dialog": { "resolveIncident": { "title": "Résoudre l'incident", @@ -720,6 +748,10 @@ "active": "Actif", "resolved": "Résolu" } + }, + "header": { + "title": "Incidents", + "description": "Lorsqu'un moniteur tombe en panne ou se rétablit, les incidents apparaissent ici avec l'horodatage, les détails du moniteur et l'historique de résolution." } }, "infrastructure": { @@ -774,11 +806,19 @@ }, "fallback": { "actionButton": "Créer un moniteur !", - "checks": "Track the performance of your servers,Identify bottlenecks and optimize usage,Ensure reliability with real-time monitoring", - "title": "Un moniteur d'infrastructure sert à :" + "title": "Aucun moniteur d'infrastructure", + "description": "Suivez les performances des serveurs, identifiez les goulots d'étranglement et garantissez la fiabilité avec une surveillance en temps réel." + }, + "header": { + "title": "Moniteurs d'infrastructure", + "description": "Suivez les performances des serveurs, identifiez les goulots d'étranglement et garantissez la fiabilité avec une surveillance en temps réel." } }, "logs": { + "fallback": { + "title": "Aucun journal pour le moment", + "description": "L'activité du serveur, les avertissements et les erreurs apparaîtront ici pendant l'exécution de Checkmate." + }, "tabs": { "diagnostics": "Diagnostic", "logs": "Journaux des serveurs", @@ -815,6 +855,16 @@ "usedSPercentage": "% de 1s utilisé par le CPU", "total": "Total", "used": "Utilisé" + }, + "sections": { + "runtimeStats": { + "title": "Statistiques d'exécution", + "description": "Aperçu du processus Node.js et de la machine hôte. Mis à jour toutes les 5 secondes." + }, + "memoryCpu": { + "title": "Mémoire et CPU", + "description": "Comment le processus utilise sa mémoire allouée et le CPU de l'hôte." + } } }, "table": { @@ -833,13 +883,21 @@ "lastFailedAt": "Dernier échec", "failReason": "Raison de l'échec" } + }, + "queueFallback": { + "title": "Aucun travail dans la file", + "description": "Les vérifications de moniteurs planifiées ou en cours apparaîtront ici. Une file vide signifie que tout est à jour." + }, + "header": { + "title": "Journaux et file", + "description": "Inspectez les journaux serveur, la file des tâches de moniteur et les diagnostics d'exécution au même endroit." } }, "maintenanceWindow": { "fallback": { "actionButton": "Créer une fenêtre de maintenance !", - "checks": "Mark your maintenance periods,Eliminate any misunderstandings,Stop sending alerts in maintenance windows", - "title": "Une fenêtre de maintenance sert à :" + "title": "Aucune fenêtre de maintenance planifiée", + "description": "Planifiez les interruptions afin que les alertes soient supprimées et que votre équipe et vos utilisateurs sachent à quoi s'attendre." }, "table": { "headers": { @@ -891,13 +949,17 @@ } } } + }, + "header": { + "title": "Fenêtres de maintenance", + "description": "Planifiez les interruptions afin que les alertes soient supprimées et que votre équipe et vos utilisateurs sachent à quoi s'attendre." } }, "notifications": { "fallback": { "actionButton": "Créer un canal", - "checks": "Alert teams about downtime or performance issues,Let engineers know when incidents happen,Keep administrators informed of system changes", - "title": "Les canaux de notification servent à :" + "title": "Aucun canal de notification", + "description": "Connectez Slack, Discord, e-mail, webhooks et plus encore pour que les bonnes personnes soient prévenues dès qu'un incident survient." }, "form": { "accessToken": { @@ -953,6 +1015,10 @@ "headers": { "destination": "Destination" } + }, + "header": { + "title": "Notifications", + "description": "Connectez Slack, Discord, e-mail, webhooks et plus encore pour que les bonnes personnes soient prévenues dès qu'un incident survient." } }, "pageSpeed": { @@ -979,8 +1045,12 @@ }, "fallback": { "actionButton": "Créer un moniteur !", - "checks": "Report on the user experience of a page,Help analyze webpage speed,Give suggestions on how the page can be improved", - "title": "Un moniteur PageSpeed sert à :" + "title": "Aucun moniteur PageSpeed", + "description": "Suivez les Core Web Vitals et les scores Lighthouse au fil du temps pour détecter les régressions avant vos utilisateurs." + }, + "header": { + "title": "Moniteurs PageSpeed", + "description": "Suivez les Core Web Vitals et les scores Lighthouse au fil du temps pour détecter les régressions avant vos utilisateurs." } }, "settings": { @@ -1158,14 +1228,18 @@ "validation": { "errorMessage": "Veuillez corriger les erreurs de validation suivantes :" } + }, + "header": { + "title": "Paramètres", + "description": "Configurez SMTP, intégrations, rétention et comportement global de l'application." } }, "statusPages": { "deleteSuccess": "Page de statut supprimée avec succès", "fallback": { - "title": "Une page de statut sert à :", - "checks": "Communicate system status to users and stakeholders,Display real-time uptime information publicly,Build trust with transparent service monitoring,Reduce support requests during incidents", - "actionButton": "Créer une page de statut !" + "title": "Aucune page de statut", + "actionButton": "Créer une page de statut !", + "description": "Publiez une page publique qui montre à vos clients et parties prenantes la disponibilité en temps réel et l'historique des incidents." }, "monitorsList": { "chartTypeHeatmap": "Carte thermique", @@ -1282,6 +1356,10 @@ } } } + }, + "header": { + "title": "Pages de statut", + "description": "Publiez des pages publiques montrant à vos clients et parties prenantes la disponibilité en temps réel et l'historique des incidents." } }, "uptime": { @@ -1297,8 +1375,12 @@ }, "fallback": { "actionButton": "Créer un moniteur !", - "checks": "Check if websites or servers are online & responsive,Alert teams about downtime or performance issues,Monitor HTTP endpoints, pings, containers & ports,Track historical uptime and reliability trends", - "title": "Un moniteur de disponibilité sert à :" + "title": "Aucun moniteur de disponibilité", + "description": "Surveillez les points de terminaison HTTP, les pings, les conteneurs et les ports — soyez alerté dès qu'une panne survient." + }, + "header": { + "title": "Moniteurs de disponibilité", + "description": "Surveillez les points de terminaison HTTP, les pings, les conteneurs et les ports — soyez alerté dès qu'une panne survient." } } } diff --git a/client/src/locales/ja.json b/client/src/locales/ja.json index 7dae6c9e0..affb637a2 100644 --- a/client/src/locales/ja.json +++ b/client/src/locales/ja.json @@ -199,6 +199,14 @@ "starPrompt": { "title": "Checkmateにスターを付ける", "description": "GitHubで最新リリースを確認し、コミュニティの成長に貢献しましょう" + }, + "pageHeader": { + "links": { + "support": "サポート", + "discussions": "ディスカッション", + "docs": "ドキュメント", + "changelog": "変更履歴" + } } }, "pages": { @@ -278,7 +286,15 @@ "placeholder": "ロールを選択" }, "linkLabel": "招待リンク" + }, + "fallback": { + "title": "チームメンバーがまだいません", + "description": "メールでチームメイトを招待するか、直接追加してください。参加すると、役割とともにここに表示されます。" } + }, + "header": { + "title": "アカウント", + "description": "プロファイル、パスワード、チーム、ワークスペースの設定を管理します。" } }, "auth": { @@ -378,6 +394,14 @@ "statusCode": "ステータスコード", "location": "ロケーション" } + }, + "fallback": { + "title": "チェックがまだありません", + "description": "モニターを作成すると、すべてのステータスプローブと応答時間がここにチェックとして表示されます。" + }, + "header": { + "title": "チェック", + "description": "Checkmateがモニターに対して実行するすべてのプローブが、ステータスコードと応答時間とともにここに表示されます。" } }, "common": { @@ -640,6 +664,10 @@ } }, "incidents": { + "fallback": { + "title": "インシデントなし — すべてのシステムが正常です", + "description": "モニターがダウンまたは復旧すると、タイミング、モニターの詳細、解決履歴とともにここに表示されます。" + }, "dialog": { "resolveIncident": { "title": "インシデントを解決", @@ -720,6 +748,10 @@ "active": "アクティブ", "resolved": "解決済み" } + }, + "header": { + "title": "インシデント", + "description": "モニターがダウンまたは復旧すると、インシデントがタイミング、モニターの詳細、解決履歴とともにここに表示されます。" } }, "infrastructure": { @@ -774,11 +806,19 @@ }, "fallback": { "actionButton": "モニターを作成！", - "checks": "Track the performance of your servers,Identify bottlenecks and optimize usage,Ensure reliability with real-time monitoring", - "title": "インフラストラクチャモニターの用途：" + "title": "インフラモニターがまだありません", + "description": "サーバーのパフォーマンスを追跡し、ボトルネックを特定し、リアルタイムのインフラ監視で信頼性を確保します。" + }, + "header": { + "title": "インフラ監視", + "description": "サーバーのパフォーマンスを追跡し、ボトルネックを特定し、リアルタイムのインフラ監視で信頼性を確保します。" } }, "logs": { + "fallback": { + "title": "ログがまだありません", + "description": "サーバーのアクティビティ、警告、エラーがCheckmateの実行中にここに表示されます。" + }, "tabs": { "diagnostics": "診断", "logs": "サーバーログ", @@ -815,6 +855,16 @@ "usedSPercentage": "CPUによる1秒あたりの使用%", "total": "合計", "used": "使用済み" + }, + "sections": { + "runtimeStats": { + "title": "ランタイム統計", + "description": "Node.jsプロセスとホストマシンのスナップショット。5秒ごとに更新されます。" + }, + "memoryCpu": { + "title": "メモリとCPU", + "description": "プロセスが割り当てられたメモリとホストCPUをどのように使用しているか。" + } } }, "table": { @@ -833,13 +883,21 @@ "lastFailedAt": "最終失敗日時", "failReason": "失敗理由" } + }, + "queueFallback": { + "title": "キューにジョブがありません", + "description": "スケジュールされたモニターチェックや実行中のチェックがここに表示されます。空のキューはすべてが最新であることを意味します。" + }, + "header": { + "title": "ログとキュー", + "description": "サーバーログ、モニタージョブキュー、ランタイム診断を一か所で確認できます。" } }, "maintenanceWindow": { "fallback": { "actionButton": "メンテナンスウィンドウを作成！", - "checks": "Mark your maintenance periods,Eliminate any misunderstandings,Stop sending alerts in maintenance windows", - "title": "メンテナンスウィンドウの用途：" + "title": "予定されているメンテナンスウィンドウはありません", + "description": "計画されたダウンタイムをスケジュールしてアラートを抑制し、チームとユーザーに事前に知らせます。" }, "table": { "headers": { @@ -891,13 +949,17 @@ } } } + }, + "header": { + "title": "メンテナンスウィンドウ", + "description": "計画されたダウンタイムをスケジュールしてアラートを抑制し、チームとユーザーに事前に知らせます。" } }, "notifications": { "fallback": { "actionButton": "チャンネルを作成", - "checks": "Alert teams about downtime or performance issues,Let engineers know when incidents happen,Keep administrators informed of system changes", - "title": "通知チャンネルの用途：" + "title": "通知チャンネルがまだありません", + "description": "Slack、Discord、メール、Webhookなどを接続して、インシデント発生時に適切な担当者に通知します。" }, "form": { "accessToken": { @@ -953,6 +1015,10 @@ "headers": { "destination": "送信先" } + }, + "header": { + "title": "通知", + "description": "Slack、Discord、メール、Webhookなどを接続して、インシデント発生時に適切な担当者に通知します。" } }, "pageSpeed": { @@ -979,8 +1045,12 @@ }, "fallback": { "actionButton": "モニターを作成！", - "checks": "Report on the user experience of a page,Help analyze webpage speed,Give suggestions on how the page can be improved", - "title": "PageSpeedモニターの用途：" + "title": "PageSpeedモニターがまだありません", + "description": "Core Web VitalsとLighthouseスコアを継続的に追跡し、ユーザーが気付く前に劣化を発見します。" + }, + "header": { + "title": "PageSpeed監視", + "description": "Core Web VitalsとLighthouseスコアを継続的に追跡し、ユーザーが気付く前に劣化を発見します。" } }, "settings": { @@ -1158,14 +1228,18 @@ "validation": { "errorMessage": "以下のバリデーションエラーを修正してください：" } + }, + "header": { + "title": "設定", + "description": "SMTP、統合、保持、グローバルアプリの動作を設定します。" } }, "statusPages": { "deleteSuccess": "ステータスページが正常に削除されました", "fallback": { - "title": "ステータスページの用途：", - "checks": "Communicate system status to users and stakeholders,Display real-time uptime information publicly,Build trust with transparent service monitoring,Reduce support requests during incidents", - "actionButton": "ステータスページを作成！" + "title": "ステータスページがまだありません", + "actionButton": "ステータスページを作成！", + "description": "顧客と関係者にリアルタイムの稼働状況とインシデント履歴を表示する公開ページを公開します。" }, "monitorsList": { "chartTypeHeatmap": "ヒートマップ", @@ -1282,6 +1356,10 @@ } } } + }, + "header": { + "title": "ステータスページ", + "description": "顧客と関係者にリアルタイムの稼働状況とインシデント履歴を表示する公開ページを公開します。" } }, "uptime": { @@ -1297,8 +1375,12 @@ }, "fallback": { "actionButton": "モニターを作成！", - "checks": "Check if websites or servers are online & responsive,Alert teams about downtime or performance issues,Monitor HTTP endpoints, pings, containers & ports,Track historical uptime and reliability trends", - "title": "稼働時間モニターの用途：" + "title": "アップタイムモニターがまだありません", + "description": "HTTPエンドポイント、Ping、コンテナ、ポートを監視し、ダウンした瞬間に通知を受け取ります。" + }, + "header": { + "title": "稼働監視", + "description": "HTTPエンドポイント、Ping、コンテナ、ポートを監視し、ダウンした瞬間に通知を受け取ります。" } } } diff --git a/client/src/locales/pt-BR.json b/client/src/locales/pt-BR.json index 9b292dd68..0ab843293 100644 --- a/client/src/locales/pt-BR.json +++ b/client/src/locales/pt-BR.json @@ -199,6 +199,14 @@ "starPrompt": { "title": "Avalie o Checkmate", "description": "Veja os últimos lançamentos e ajude a comunidade a crescer no GitHub" + }, + "pageHeader": { + "links": { + "support": "Suporte", + "discussions": "Discussões", + "docs": "Documentação", + "changelog": "Notas de versão" + } } }, "pages": { @@ -278,7 +286,15 @@ "placeholder": "Selecione uma função" }, "linkLabel": "Link de convite" + }, + "fallback": { + "title": "Ainda não há membros na equipe", + "description": "Convide colegas por e-mail ou adicione-os diretamente. Assim que entrarem, aparecerão aqui com sua função." } + }, + "header": { + "title": "Conta", + "description": "Gerencie seu perfil, senha, equipe e preferências de workspace." } }, "auth": { @@ -378,6 +394,14 @@ "statusCode": "Código de status", "location": "Localização" } + }, + "fallback": { + "title": "Ainda não há verificações", + "description": "Assim que você criar um monitor, cada sondagem de status e tempo de resposta aparecerá aqui como uma verificação." + }, + "header": { + "title": "Verificações", + "description": "Cada sonda que o Checkmate executa contra seus monitores aparece aqui com código de status e tempo de resposta." } }, "common": { @@ -640,6 +664,10 @@ } }, "incidents": { + "fallback": { + "title": "Sem incidentes — todos os sistemas saudáveis", + "description": "Quando um monitor falha ou se recupera, o incidente aparecerá aqui com horários, detalhes do monitor e histórico de resolução." + }, "dialog": { "resolveIncident": { "title": "Resolver incidente", @@ -720,6 +748,10 @@ "active": "Ativo", "resolved": "Resolvido" } + }, + "header": { + "title": "Incidentes", + "description": "Quando um monitor falha ou se recupera, os incidentes aparecem aqui com horários, detalhes do monitor e histórico de resolução." } }, "infrastructure": { @@ -774,11 +806,19 @@ }, "fallback": { "actionButton": "Criar um monitor!", - "checks": "Track the performance of your servers,Identify bottlenecks and optimize usage,Ensure reliability with real-time monitoring", - "title": "Um monitor de infraestrutura é usado para:" + "title": "Ainda não há monitores de infraestrutura", + "description": "Acompanhe o desempenho dos servidores, identifique gargalos e garanta confiabilidade com monitoramento em tempo real." + }, + "header": { + "title": "Monitores de infraestrutura", + "description": "Acompanhe o desempenho dos servidores, identifique gargalos e garanta confiabilidade com monitoramento em tempo real." } }, "logs": { + "fallback": { + "title": "Ainda não há logs", + "description": "Atividade do servidor, avisos e erros aparecerão aqui enquanto o Checkmate roda." + }, "tabs": { "diagnostics": "Diagnóstico", "logs": "Logs do servidor", @@ -815,6 +855,16 @@ "usedSPercentage": "% de 1s usado pela CPU", "total": "Total", "used": "Usado" + }, + "sections": { + "runtimeStats": { + "title": "Estatísticas de execução", + "description": "Snapshot do processo Node.js e da máquina host. Atualiza a cada 5 segundos." + }, + "memoryCpu": { + "title": "Memória e CPU", + "description": "Como o processo está usando a memória alocada e a CPU do host." + } } }, "table": { @@ -833,13 +883,21 @@ "lastFailedAt": "Última falha em", "failReason": "Motivo da falha" } + }, + "queueFallback": { + "title": "Sem tarefas na fila", + "description": "Verificações de monitores agendadas ou em execução aparecerão aqui. Uma fila vazia significa que tudo está em dia." + }, + "header": { + "title": "Logs e fila", + "description": "Inspecione logs do servidor, fila de tarefas de monitor e diagnósticos de runtime em um só lugar." } }, "maintenanceWindow": { "fallback": { "actionButton": "Criar uma janela de manutenção!", - "checks": "Mark your maintenance periods,Eliminate any misunderstandings,Stop sending alerts in maintenance windows", - "title": "Uma janela de manutenção é usada para:" + "title": "Nenhuma janela de manutenção agendada", + "description": "Programe paradas planejadas para que os alertas sejam suprimidos e sua equipe e usuários saibam o que esperar." }, "table": { "headers": { @@ -891,13 +949,17 @@ } } } + }, + "header": { + "title": "Janelas de manutenção", + "description": "Programe paradas planejadas para que os alertas sejam suprimidos e sua equipe e usuários saibam o que esperar." } }, "notifications": { "fallback": { "actionButton": "Criar um canal", - "checks": "Alert teams about downtime or performance issues,Let engineers know when incidents happen,Keep administrators informed of system changes", - "title": "Canais de notificação são usados para:" + "title": "Ainda não há canais de notificação", + "description": "Conecte Slack, Discord, e-mail, webhooks e outros para que as pessoas certas saibam dos incidentes assim que acontecerem." }, "form": { "accessToken": { @@ -953,6 +1015,10 @@ "headers": { "destination": "Destino" } + }, + "header": { + "title": "Notificações", + "description": "Conecte Slack, Discord, e-mail, webhooks e outros para que as pessoas certas saibam dos incidentes assim que acontecerem." } }, "pageSpeed": { @@ -979,8 +1045,12 @@ }, "fallback": { "actionButton": "Criar um monitor!", - "checks": "Report on the user experience of a page,Help analyze webpage speed,Give suggestions on how the page can be improved", - "title": "Um monitor PageSpeed é usado para:" + "title": "Ainda não há monitores PageSpeed", + "description": "Acompanhe Core Web Vitals e pontuações do Lighthouse ao longo do tempo para detectar regressões antes dos seus usuários." + }, + "header": { + "title": "Monitores PageSpeed", + "description": "Acompanhe Core Web Vitals e pontuações do Lighthouse ao longo do tempo para detectar regressões antes dos seus usuários." } }, "settings": { @@ -1158,14 +1228,18 @@ "validation": { "errorMessage": "Por favor, corrija os seguintes erros de validação:" } + }, + "header": { + "title": "Configurações", + "description": "Configure SMTP, integrações, retenção e comportamento global do app." } }, "statusPages": { "deleteSuccess": "Página de status excluída com sucesso", "fallback": { - "title": "Uma página de status é usada para:", - "checks": "Communicate system status to users and stakeholders,Display real-time uptime information publicly,Build trust with transparent service monitoring,Reduce support requests during incidents", - "actionButton": "Criar uma página de status!" + "title": "Ainda não há páginas de status", + "actionButton": "Criar uma página de status!", + "description": "Publique uma página pública que mostre aos seus clientes e partes interessadas o tempo de atividade em tempo real e o histórico de incidentes." }, "monitorsList": { "chartTypeHeatmap": "Mapa de calor", @@ -1282,6 +1356,10 @@ } } } + }, + "header": { + "title": "Páginas de status", + "description": "Publique páginas públicas que mostram aos seus clientes e partes interessadas o tempo de atividade em tempo real e o histórico de incidentes." } }, "uptime": { @@ -1297,8 +1375,12 @@ }, "fallback": { "actionButton": "Criar um monitor!", - "checks": "Check if websites or servers are online & responsive,Alert teams about downtime or performance issues,Monitor HTTP endpoints, pings, containers & ports,Track historical uptime and reliability trends", - "title": "Um monitor de uptime é usado para:" + "title": "Ainda não há monitores de uptime", + "description": "Acompanhe endpoints HTTP, pings, contêineres e portas — receba alertas no momento em que algo falhar." + }, + "header": { + "title": "Monitores de uptime", + "description": "Acompanhe endpoints HTTP, pings, contêineres e portas — receba alertas no momento em que algo falhar." } } } diff --git a/client/src/locales/ru.json b/client/src/locales/ru.json index 461187454..3a4495fe8 100644 --- a/client/src/locales/ru.json +++ b/client/src/locales/ru.json @@ -199,6 +199,14 @@ "starPrompt": { "title": "Star Checkmate", "description": "Следите за последними релизами и помогайте развивать сообщество на GitHub" + }, + "pageHeader": { + "links": { + "support": "Поддержка", + "discussions": "Обсуждения", + "docs": "Документация", + "changelog": "Журнал изменений" + } } }, "pages": { @@ -278,7 +286,15 @@ "placeholder": "Выберите роль" }, "linkLabel": "Ссылка-приглашение" + }, + "fallback": { + "title": "Пока нет участников команды", + "description": "Пригласите коллег по электронной почте или добавьте их напрямую. Как только они присоединятся, они появятся здесь со своей ролью." } + }, + "header": { + "title": "Учётная запись", + "description": "Управляйте профилем, паролем, командой и настройками рабочего пространства." } }, "auth": { @@ -378,6 +394,14 @@ "statusCode": "Код статуса", "location": "Расположение" } + }, + "fallback": { + "title": "Пока нет проверок", + "description": "Как только вы создадите монитор, каждая проверка состояния и время отклика появятся здесь." + }, + "header": { + "title": "Проверки", + "description": "Каждый зонд, который Checkmate выполняет к вашим мониторам, появится здесь с кодом состояния и временем отклика." } }, "common": { @@ -640,6 +664,10 @@ } }, "incidents": { + "fallback": { + "title": "Инцидентов нет — все системы исправны", + "description": "Когда монитор перестаёт работать или восстанавливается, инцидент появится здесь со временем, деталями монитора и историей решения." + }, "dialog": { "resolveIncident": { "title": "Решить инцидент", @@ -720,6 +748,10 @@ "active": "Активный", "resolved": "Решён" } + }, + "header": { + "title": "Инциденты", + "description": "Когда монитор перестаёт работать или восстанавливается, инцидент появляется здесь со временем, деталями монитора и историей решения." } }, "infrastructure": { @@ -774,11 +806,19 @@ }, "fallback": { "actionButton": "Создать монитор!", - "checks": "Track the performance of your servers,Identify bottlenecks and optimize usage,Ensure reliability with real-time monitoring", - "title": "Монитор инфраструктуры используется для:" + "title": "Пока нет инфраструктурных мониторов", + "description": "Отслеживайте производительность серверов, выявляйте узкие места и обеспечивайте надёжность с мониторингом в реальном времени." + }, + "header": { + "title": "Инфраструктурные мониторы", + "description": "Отслеживайте производительность серверов, выявляйте узкие места и обеспечивайте надёжность с мониторингом в реальном времени." } }, "logs": { + "fallback": { + "title": "Пока нет журналов", + "description": "Активность сервера, предупреждения и ошибки появятся здесь во время работы Checkmate." + }, "tabs": { "diagnostics": "Диагностика", "logs": "Серверные логи", @@ -815,6 +855,16 @@ "usedSPercentage": "% 1с использовано CPU", "total": "Всего", "used": "Использовано" + }, + "sections": { + "runtimeStats": { + "title": "Статистика выполнения", + "description": "Снимок процесса Node.js и хост-машины. Обновляется каждые 5 секунд." + }, + "memoryCpu": { + "title": "Память и ЦП", + "description": "Как процесс использует выделенную память и ЦП хоста." + } } }, "table": { @@ -833,13 +883,21 @@ "lastFailedAt": "Последняя ошибка", "failReason": "Причина ошибки" } + }, + "queueFallback": { + "title": "В очереди нет заданий", + "description": "Запланированные или выполняемые проверки мониторов будут отображаться здесь. Пустая очередь означает, что всё актуально." + }, + "header": { + "title": "Журналы и очередь", + "description": "Изучайте журналы сервера, очередь заданий мониторов и диагностику в одном месте." } }, "maintenanceWindow": { "fallback": { "actionButton": "Создать окно обслуживания!", - "checks": "Mark your maintenance periods,Eliminate any misunderstandings,Stop sending alerts in maintenance windows", - "title": "Окно обслуживания используется для:" + "title": "Нет запланированных окон обслуживания", + "description": "Планируйте плановые простои, чтобы оповещения были подавлены, а команда и пользователи знали, чего ожидать." }, "table": { "headers": { @@ -891,13 +949,17 @@ } } } + }, + "header": { + "title": "Окна обслуживания", + "description": "Планируйте плановые простои, чтобы оповещения были подавлены, а команда и пользователи знали, чего ожидать." } }, "notifications": { "fallback": { "actionButton": "Создать канал", - "checks": "Alert teams about downtime or performance issues,Let engineers know when incidents happen,Keep administrators informed of system changes", - "title": "Каналы уведомлений используются для:" + "title": "Пока нет каналов уведомлений", + "description": "Подключите Slack, Discord, email, вебхуки и другое, чтобы нужные люди узнавали об инцидентах сразу же." }, "form": { "accessToken": { @@ -953,6 +1015,10 @@ "headers": { "destination": "Назначение" } + }, + "header": { + "title": "Уведомления", + "description": "Подключите Slack, Discord, email, вебхуки и другое, чтобы нужные люди узнавали об инцидентах сразу же." } }, "pageSpeed": { @@ -979,8 +1045,12 @@ }, "fallback": { "actionButton": "Создать монитор!", - "checks": "Report on the user experience of a page,Help analyze webpage speed,Give suggestions on how the page can be improved", - "title": "Монитор PageSpeed используется для:" + "title": "Пока нет мониторов PageSpeed", + "description": "Отслеживайте Core Web Vitals и оценки Lighthouse во времени, чтобы заметить регрессии раньше пользователей." + }, + "header": { + "title": "Мониторы PageSpeed", + "description": "Отслеживайте Core Web Vitals и оценки Lighthouse во времени, чтобы заметить регрессии раньше пользователей." } }, "settings": { @@ -1158,14 +1228,18 @@ "validation": { "errorMessage": "Пожалуйста, исправьте следующие ошибки валидации:" } + }, + "header": { + "title": "Настройки", + "description": "Настройте SMTP, интеграции, сроки хранения и общее поведение приложения." } }, "statusPages": { "deleteSuccess": "Страница статуса успешно удалена", "fallback": { - "title": "Страница статуса используется для:", - "checks": "Communicate system status to users and stakeholders,Display real-time uptime information publicly,Build trust with transparent service monitoring,Reduce support requests during incidents", - "actionButton": "Создать страницу статуса!" + "title": "Пока нет страниц состояния", + "actionButton": "Создать страницу статуса!", + "description": "Опубликуйте публичную страницу, показывающую клиентам и заинтересованным сторонам реальное время работы и историю инцидентов." }, "monitorsList": { "chartTypeHeatmap": "Тепловая карта", @@ -1282,6 +1356,10 @@ } } } + }, + "header": { + "title": "Страницы состояния", + "description": "Публикуйте публичные страницы со временем работы и историей инцидентов для клиентов и заинтересованных сторон." } }, "uptime": { @@ -1297,8 +1375,12 @@ }, "fallback": { "actionButton": "Создать монитор!", - "checks": "Check if websites or servers are online & responsive,Alert teams about downtime or performance issues,Monitor HTTP endpoints, pings, containers & ports,Track historical uptime and reliability trends", - "title": "Монитор аптайма используется для:" + "title": "Пока нет мониторов работоспособности", + "description": "Наблюдайте за HTTP-конечными точками, пингами, контейнерами и портами — получайте уведомления в момент отказа." + }, + "header": { + "title": "Мониторы работоспособности", + "description": "Наблюдайте за HTTP-конечными точками, пингами, контейнерами и портами — получайте уведомления в момент отказа." } } } diff --git a/client/src/locales/th.json b/client/src/locales/th.json index cf92d999f..6a56d4e65 100644 --- a/client/src/locales/th.json +++ b/client/src/locales/th.json @@ -199,6 +199,14 @@ "starPrompt": { "title": "ให้ดาว Checkmate", "description": "ดูรุ่นล่าสุดและช่วยเติบโตชุมชนบน GitHub" + }, + "pageHeader": { + "links": { + "support": "ฝ่ายสนับสนุน", + "discussions": "การสนทนา", + "docs": "เอกสาร", + "changelog": "บันทึกการเปลี่ยนแปลง" + } } }, "pages": { @@ -278,7 +286,15 @@ "placeholder": "เลือกบทบาท" }, "linkLabel": "ลิงก์เชิญ" + }, + "fallback": { + "title": "ยังไม่มีสมาชิกทีม", + "description": "เชิญเพื่อนร่วมทีมทางอีเมลหรือเพิ่มพวกเขาโดยตรง เมื่อพวกเขาเข้าร่วม พวกเขาจะปรากฏที่นี่พร้อมบทบาทของพวกเขา" } + }, + "header": { + "title": "บัญชี", + "description": "จัดการโปรไฟล์ รหัสผ่าน ทีม และการตั้งค่าพื้นที่ทำงานของคุณ" } }, "auth": { @@ -378,6 +394,14 @@ "statusCode": "รหัสสถานะ", "location": "ตำแหน่ง" } + }, + "fallback": { + "title": "ยังไม่มีการตรวจสอบ", + "description": "เมื่อคุณสร้างตัวตรวจสอบ การตรวจสอบสถานะและเวลาตอบสนองทุกครั้งจะปรากฏที่นี่เป็นการตรวจสอบ" + }, + "header": { + "title": "การตรวจสอบ", + "description": "การตรวจสอบทุกครั้งที่ Checkmate ทำกับตัวตรวจสอบของคุณจะปรากฏที่นี่พร้อมรหัสสถานะและเวลาตอบสนอง" } }, "common": { @@ -640,6 +664,10 @@ } }, "incidents": { + "fallback": { + "title": "ไม่มีเหตุการณ์ — ระบบทั้งหมดทำงานปกติ", + "description": "เมื่อตัวตรวจสอบล่มหรือฟื้นตัว เหตุการณ์จะปรากฏที่นี่พร้อมเวลา รายละเอียดตัวตรวจสอบ และประวัติการแก้ไข" + }, "dialog": { "resolveIncident": { "title": "แก้ไขเหตุการณ์", @@ -720,6 +748,10 @@ "active": "ใช้งานอยู่", "resolved": "แก้ไขแล้ว" } + }, + "header": { + "title": "เหตุการณ์", + "description": "เมื่อตัวตรวจสอบล่มหรือฟื้นตัว เหตุการณ์จะปรากฏที่นี่พร้อมเวลา รายละเอียดตัวตรวจสอบ และประวัติการแก้ไข" } }, "infrastructure": { @@ -774,11 +806,19 @@ }, "fallback": { "actionButton": "สร้างมอนิเตอร์!", - "checks": "Track the performance of your servers,Identify bottlenecks and optimize usage,Ensure reliability with real-time monitoring", - "title": "มอนิเตอร์โครงสร้างพื้นฐานใช้เพื่อ:" + "title": "ยังไม่มีตัวตรวจสอบโครงสร้างพื้นฐาน", + "description": "ติดตามประสิทธิภาพเซิร์ฟเวอร์ ระบุคอขวด และมั่นใจในความน่าเชื่อถือด้วยการตรวจสอบโครงสร้างพื้นฐานแบบเรียลไทม์" + }, + "header": { + "title": "ตัวตรวจสอบโครงสร้างพื้นฐาน", + "description": "ติดตามประสิทธิภาพเซิร์ฟเวอร์ ระบุคอขวด และมั่นใจในความน่าเชื่อถือด้วยการตรวจสอบโครงสร้างพื้นฐานแบบเรียลไทม์" } }, "logs": { + "fallback": { + "title": "ยังไม่มีบันทึก", + "description": "กิจกรรมเซิร์ฟเวอร์ คำเตือน และข้อผิดพลาดจะปรากฏที่นี่ในขณะที่ Checkmate ทำงาน" + }, "tabs": { "diagnostics": "วินิจฉัย", "logs": "Logs เซิร์ฟเวอร์", @@ -815,6 +855,16 @@ "usedSPercentage": "% ของ 1 วินาทีที่ CPU ใช้", "total": "ทั้งหมด", "used": "ใช้แล้ว" + }, + "sections": { + "runtimeStats": { + "title": "สถิติรันไทม์", + "description": "ภาพรวมของโปรเซส Node.js และเครื่องโฮสต์ อัปเดตทุก 5 วินาที" + }, + "memoryCpu": { + "title": "หน่วยความจำและ CPU", + "description": "กระบวนการใช้หน่วยความจำที่จัดสรรและ CPU ของโฮสต์อย่างไร" + } } }, "table": { @@ -833,13 +883,21 @@ "lastFailedAt": "ล้มเหลวล่าสุดเมื่อ", "failReason": "สาเหตุที่ล้มเหลว" } + }, + "queueFallback": { + "title": "ไม่มีงานในคิว", + "description": "การตรวจสอบตัวตรวจสอบที่กำหนดเวลาหรือกำลังทำงานจะปรากฏที่นี่ คิวที่ว่างหมายความว่าทุกอย่างเป็นปัจจุบัน" + }, + "header": { + "title": "บันทึกและคิว", + "description": "ตรวจสอบบันทึกเซิร์ฟเวอร์ คิวงานตัวตรวจสอบ และการวินิจฉัยรันไทม์ในที่เดียว" } }, "maintenanceWindow": { "fallback": { "actionButton": "สร้างช่วงเวลาบำรุงรักษา!", - "checks": "Mark your maintenance periods,Eliminate any misunderstandings,Stop sending alerts in maintenance windows", - "title": "ช่วงเวลาบำรุงรักษาใช้เพื่อ:" + "title": "ไม่มีช่วงเวลาบำรุงรักษาที่กำหนด", + "description": "กำหนดเวลาหยุดทำงานเพื่อระงับการแจ้งเตือน และให้ทีมและผู้ใช้รู้ถึงสิ่งที่จะเกิดขึ้น" }, "table": { "headers": { @@ -891,13 +949,17 @@ } } } + }, + "header": { + "title": "ช่วงเวลาบำรุงรักษา", + "description": "กำหนดเวลาหยุดทำงานเพื่อระงับการแจ้งเตือน และให้ทีมและผู้ใช้รู้ถึงสิ่งที่จะเกิดขึ้น" } }, "notifications": { "fallback": { "actionButton": "สร้างช่องทาง", - "checks": "Alert teams about downtime or performance issues,Let engineers know when incidents happen,Keep administrators informed of system changes", - "title": "ช่องทางการแจ้งเตือนใช้เพื่อ:" + "title": "ยังไม่มีช่องทางการแจ้งเตือน", + "description": "เชื่อมต่อ Slack, Discord, อีเมล, webhooks และอื่น ๆ เพื่อให้คนที่ถูกต้องรู้เกี่ยวกับเหตุการณ์ทันทีที่เกิดขึ้น" }, "form": { "accessToken": { @@ -953,6 +1015,10 @@ "headers": { "destination": "ปลายทาง" } + }, + "header": { + "title": "การแจ้งเตือน", + "description": "เชื่อมต่อ Slack, Discord, อีเมล, webhooks และอื่น ๆ เพื่อให้คนที่ถูกต้องรู้เกี่ยวกับเหตุการณ์ทันทีที่เกิดขึ้น" } }, "pageSpeed": { @@ -979,8 +1045,12 @@ }, "fallback": { "actionButton": "สร้างมอนิเตอร์!", - "checks": "Report on the user experience of a page,Help analyze webpage speed,Give suggestions on how the page can be improved", - "title": "มอนิเตอร์ PageSpeed ใช้เพื่อ:" + "title": "ยังไม่มีตัวตรวจสอบ PageSpeed", + "description": "ติดตาม Core Web Vitals และคะแนน Lighthouse เพื่อจับความถดถอยก่อนที่ผู้ใช้จะสังเกตเห็น" + }, + "header": { + "title": "ตัวตรวจสอบ PageSpeed", + "description": "ติดตาม Core Web Vitals และคะแนน Lighthouse เพื่อจับความถดถอยก่อนที่ผู้ใช้จะสังเกตเห็น" } }, "settings": { @@ -1158,14 +1228,18 @@ "validation": { "errorMessage": "กรุณาแก้ไขข้อผิดพลาดการตรวจสอบต่อไปนี้:" } + }, + "header": { + "title": "การตั้งค่า", + "description": "กำหนดค่า SMTP, การผสานรวม, การเก็บรักษา และพฤติกรรมแอปทั่วโลก" } }, "statusPages": { "deleteSuccess": "ลบหน้าสถานะสำเร็จ", "fallback": { - "title": "หน้าสถานะใช้เพื่อ:", - "checks": "Communicate system status to users and stakeholders,Display real-time uptime information publicly,Build trust with transparent service monitoring,Reduce support requests during incidents", - "actionButton": "สร้างหน้าสถานะ!" + "title": "ยังไม่มีหน้าสถานะ", + "actionButton": "สร้างหน้าสถานะ!", + "description": "เผยแพร่หน้าสาธารณะที่แสดง uptime แบบเรียลไทม์และประวัติเหตุการณ์ให้กับลูกค้าและผู้มีส่วนได้ส่วนเสีย" }, "monitorsList": { "chartTypeHeatmap": "แผนที่ความร้อน", @@ -1282,6 +1356,10 @@ } } } + }, + "header": { + "title": "หน้าสถานะ", + "description": "เผยแพร่หน้าสาธารณะที่แสดง uptime แบบเรียลไทม์และประวัติเหตุการณ์ให้กับลูกค้าและผู้มีส่วนได้ส่วนเสีย" } }, "uptime": { @@ -1297,8 +1375,12 @@ }, "fallback": { "actionButton": "สร้างมอนิเตอร์!", - "checks": "Check if websites or servers are online & responsive,Alert teams about downtime or performance issues,Monitor HTTP endpoints, pings, containers & ports,Track historical uptime and reliability trends", - "title": "มอนิเตอร์อัปไทม์ใช้เพื่อ:" + "title": "ยังไม่มีตัวตรวจสอบ uptime", + "description": "ติดตาม HTTP endpoints, ping, คอนเทนเนอร์ และพอร์ต — รับการแจ้งเตือนทันทีที่บางอย่างล่ม" + }, + "header": { + "title": "ตัวตรวจสอบ uptime", + "description": "ติดตาม HTTP endpoints, ping, คอนเทนเนอร์ และพอร์ต — รับการแจ้งเตือนทันทีที่บางอย่างล่ม" } } } diff --git a/client/src/locales/tr.json b/client/src/locales/tr.json index 43f0a8041..e144a42c0 100644 --- a/client/src/locales/tr.json +++ b/client/src/locales/tr.json @@ -199,6 +199,14 @@ "starPrompt": { "title": "Checkmate'e yıldız verin", "description": "En son sürümleri görün ve GitHub'da topluluğun büyümesine katkıda bulunun" + }, + "pageHeader": { + "links": { + "support": "Destek", + "discussions": "Tartışmalar", + "docs": "Dokümantasyon", + "changelog": "Değişiklik günlüğü" + } } }, "pages": { @@ -278,7 +286,15 @@ "placeholder": "Bir rol seçin" }, "linkLabel": "Davet bağlantısı" + }, + "fallback": { + "title": "Henüz takım üyesi yok", + "description": "Ekip arkadaşlarınızı e-posta ile davet edin veya doğrudan ekleyin. Katıldıklarında, rolleriyle birlikte burada görünecekler." } + }, + "header": { + "title": "Hesap", + "description": "Profilinizi, parolanızı, ekibinizi ve çalışma alanı tercihlerinizi yönetin." } }, "auth": { @@ -378,6 +394,14 @@ "statusCode": "Durum kodu", "location": "Konum" } + }, + "fallback": { + "title": "Henüz kontrol yok", + "description": "Bir izleyici oluşturduğunuzda, her durum kontrolü ve yanıt süresi burada bir kontrol olarak görünecek." + }, + "header": { + "title": "Kontroller", + "description": "Checkmate'in izleyicilerinize karşı çalıştırdığı her sondaj, durum kodu ve yanıt süresiyle birlikte burada görünür." } }, "common": { @@ -640,6 +664,10 @@ } }, "incidents": { + "fallback": { + "title": "Olay yok — tüm sistemler sağlıklı", + "description": "Bir izleyici devre dışı kaldığında veya kurtarıldığında, olay zamanlama, izleyici detayları ve çözüm geçmişiyle birlikte burada görünecek." + }, "dialog": { "resolveIncident": { "title": "Olayı çöz", @@ -720,6 +748,10 @@ "active": "Aktif", "resolved": "Çözüldü" } + }, + "header": { + "title": "Olaylar", + "description": "Bir izleyici devre dışı kaldığında veya kurtarıldığında, olaylar zamanlama, izleyici detayları ve çözüm geçmişiyle birlikte burada görünür." } }, "infrastructure": { @@ -774,11 +806,19 @@ }, "fallback": { "actionButton": "Monitör oluşturun!", - "checks": "Sunucularınızın performansını takip edin,Darboğazları belirleyin ve kullanımı optimize edin,Gerçek zamanlı izleme ile güvenilirliği sağlayın", - "title": "Bir altyapı monitörü şunlar için kullanılır:" + "title": "Henüz altyapı izleyicisi yok", + "description": "Sunucu performansını izleyin, darboğazları belirleyin ve gerçek zamanlı altyapı izleme ile güvenilirliği sağlayın." + }, + "header": { + "title": "Altyapı izleyicileri", + "description": "Sunucu performansını izleyin, darboğazları belirleyin ve gerçek zamanlı altyapı izleme ile güvenilirliği sağlayın." } }, "logs": { + "fallback": { + "title": "Henüz günlük yok", + "description": "Sunucu etkinliği, uyarılar ve hatalar Checkmate çalıştıkça burada görünecek." + }, "tabs": { "diagnostics": "Teşhis", "logs": "Sunucu günlükleri", @@ -815,6 +855,16 @@ "usedSPercentage": "% CPU tarafından kullanılan (1s)", "total": "Toplam", "used": "Kullanılan" + }, + "sections": { + "runtimeStats": { + "title": "Çalışma istatistikleri", + "description": "Node.js süreci ve ana makinenin anlık görüntüsü. 5 saniyede bir güncellenir." + }, + "memoryCpu": { + "title": "Bellek ve CPU", + "description": "Sürecin ayrılmış belleğini ve ana makinenin CPU'sunu nasıl kullandığı." + } } }, "table": { @@ -833,13 +883,21 @@ "lastFailedAt": "Son başarısızlık zamanı", "failReason": "Başarısızlık nedeni" } + }, + "queueFallback": { + "title": "Kuyrukta iş yok", + "description": "Zamanlanmış veya çalışan izleyici kontrolleri burada görünür. Boş bir kuyruk her şeyin güncel olduğu anlamına gelir." + }, + "header": { + "title": "Günlükler ve kuyruk", + "description": "Sunucu günlüklerini, izleyici iş kuyruğunu ve çalışma zamanı tanılarını tek bir yerde inceleyin." } }, "maintenanceWindow": { "fallback": { "actionButton": "Bakım penceresi oluşturun!", - "checks": "Bakım dönemlerinizi işaretleyin,Yanlış anlamaları ortadan kaldırın,Bakım pencerelerinde uyarı göndermeyi durdurun", - "title": "Bakım penceresi şunlar için kullanılır:" + "title": "Planlanmış bakım penceresi yok", + "description": "Planlı kesintileri zamanlayın; uyarılar bastırılsın, ekibiniz ve kullanıcılarınız ne bekleyeceklerini bilsin." }, "table": { "headers": { @@ -891,13 +949,17 @@ } } } + }, + "header": { + "title": "Bakım pencereleri", + "description": "Planlı kesintileri zamanlayın; uyarılar bastırılsın, ekibiniz ve kullanıcılarınız ne bekleyeceklerini bilsin." } }, "notifications": { "fallback": { "actionButton": "Kanal oluştur", - "checks": "Kesinti veya performans sorunları hakkında ekipleri uyarın,Olaylar meydana geldiğinde mühendisleri bilgilendirin,Yöneticileri sistem değişiklikleri hakkında haberdar edin", - "title": "Bildirim kanalları şunlar için kullanılır:" + "title": "Henüz bildirim kanalı yok", + "description": "Slack, Discord, e-posta, webhook ve daha fazlasını bağlayın — olaylar olur olmaz doğru kişilere haber verilir." }, "form": { "accessToken": { @@ -953,6 +1015,10 @@ "headers": { "destination": "Hedef" } + }, + "header": { + "title": "Bildirimler", + "description": "Slack, Discord, e-posta, webhook ve daha fazlasını bağlayın — olaylar olur olmaz doğru kişilere haber verilir." } }, "pageSpeed": { @@ -979,8 +1045,12 @@ }, "fallback": { "actionButton": "Monitör oluşturun!", - "checks": "Bir sayfanın kullanıcı deneyimini raporlayın,Web sayfası hızını analiz etmeye yardımcı olun,Sayfanın nasıl iyileştirilebileceğine dair öneriler sunun", - "title": "Bir PageSpeed monitörü şunlar için kullanılır:" + "title": "Henüz PageSpeed izleyicisi yok", + "description": "Core Web Vitals ve Lighthouse puanlarını zaman içinde izleyerek kullanıcılarınız fark etmeden gerilemeleri yakalayın." + }, + "header": { + "title": "PageSpeed izleyicileri", + "description": "Core Web Vitals ve Lighthouse puanlarını zaman içinde izleyerek kullanıcılarınız fark etmeden gerilemeleri yakalayın." } }, "settings": { @@ -1158,14 +1228,18 @@ "validation": { "errorMessage": "Lütfen aşağıdaki doğrulama hatalarını düzeltin:" } + }, + "header": { + "title": "Ayarlar", + "description": "SMTP, entegrasyonlar, saklama ve genel uygulama davranışını yapılandırın." } }, "statusPages": { "deleteSuccess": "Durum sayfası başarıyla silindi", "fallback": { - "title": "Bir durum sayfası şunlar için kullanılır:", - "checks": "Kullanıcılara ve paydaşlara sistem durumunu iletin,Gerçek zamanlı çalışma süresi bilgilerini herkese açık olarak görüntüleyin,Şeffaf hizmet izleme ile güven oluşturun,Olaylar sırasında destek taleplerini azaltın", - "actionButton": "Durum sayfası oluşturun!" + "title": "Henüz durum sayfası yok", + "actionButton": "Durum sayfası oluşturun!", + "description": "Müşterilerinize ve paydaşlarınıza gerçek zamanlı çalışma süresi ve olay geçmişini gösteren herkese açık bir sayfa yayınlayın." }, "monitorsList": { "chartTypeHeatmap": "Isı haritası", @@ -1282,6 +1356,10 @@ } } } + }, + "header": { + "title": "Durum sayfaları", + "description": "Müşterilerinize ve paydaşlarınıza gerçek zamanlı çalışma süresi ve olay geçmişini gösteren herkese açık sayfalar yayınlayın." } }, "uptime": { @@ -1297,8 +1375,12 @@ }, "fallback": { "actionButton": "Monitör oluşturun!", - "checks": "Web sitelerinin veya sunucuların çevrimiçi ve yanıt verip vermediğini kontrol edin,Kesinti veya performans sorunları hakkında ekipleri uyarın,HTTP uç noktalarını, ping'leri, container'ları ve portları izleyin,Geçmiş çalışma süresi ve güvenilirlik trendlerini takip edin", - "title": "Bir çalışma süresi monitörü şunlar için kullanılır:" + "title": "Henüz çalışma süresi izleyicisi yok", + "description": "HTTP uç noktalarını, ping'leri, konteynerleri ve portları izleyin — bir şey kapandığında anında uyarı alın." + }, + "header": { + "title": "Çalışma süresi izleyicileri", + "description": "HTTP uç noktalarını, ping'leri, konteynerleri ve portları izleyin — bir şey kapandığında anında uyarı alın." } } } diff --git a/client/src/locales/uk.json b/client/src/locales/uk.json index 3872638aa..26ffc73ca 100644 --- a/client/src/locales/uk.json +++ b/client/src/locales/uk.json @@ -199,6 +199,14 @@ "starPrompt": { "title": "Оцінити Checkmate", "description": "Переглядайте останні оновлення та допомагайте розвивати спільноту на GitHub" + }, + "pageHeader": { + "links": { + "support": "Підтримка", + "discussions": "Обговорення", + "docs": "Документація", + "changelog": "Журнал змін" + } } }, "pages": { @@ -278,7 +286,15 @@ "placeholder": "Оберіть роль" }, "linkLabel": "Посилання для запрошення" + }, + "fallback": { + "title": "Поки що немає учасників команди", + "description": "Запросіть колег електронною поштою або додайте їх безпосередньо. Як тільки вони приєднаються, вони з'являться тут зі своєю роллю." } + }, + "header": { + "title": "Обліковий запис", + "description": "Керуйте профілем, паролем, командою та налаштуваннями робочого простору." } }, "auth": { @@ -378,6 +394,14 @@ "statusCode": "Код статусу", "location": "Розташування" } + }, + "fallback": { + "title": "Перевірок ще немає", + "description": "Як тільки ви створите монітор, кожна перевірка статусу та час відповіді з’являться тут." + }, + "header": { + "title": "Перевірки", + "description": "Кожне зондування, яке Checkmate виконує проти ваших моніторів, з'явиться тут з кодом статусу та часом відповіді." } }, "common": { @@ -640,6 +664,10 @@ } }, "incidents": { + "fallback": { + "title": "Інцидентів немає — усі системи справні", + "description": "Коли монітор виходить з ладу або відновлюється, інцидент з’явиться тут з часом, деталями монітора та історією вирішення." + }, "dialog": { "resolveIncident": { "title": "Вирішити інцидент", @@ -720,6 +748,10 @@ "active": "Активний", "resolved": "Вирішено" } + }, + "header": { + "title": "Інциденти", + "description": "Коли монітор виходить з ладу або відновлюється, інциденти з'являються тут з часом, деталями монітора та історією вирішення." } }, "infrastructure": { @@ -774,11 +806,19 @@ }, "fallback": { "actionButton": "Створити монітор!", - "checks": "Track the performance of your servers,Identify bottlenecks and optimize usage,Ensure reliability with real-time monitoring", - "title": "Монітор інфраструктури використовується для:" + "title": "Ще немає моніторів інфраструктури", + "description": "Відстежуйте продуктивність серверів, виявляйте вузькі місця та забезпечуйте надійність з моніторингом у реальному часі." + }, + "header": { + "title": "Монітори інфраструктури", + "description": "Відстежуйте продуктивність серверів, виявляйте вузькі місця та забезпечуйте надійність з моніторингом у реальному часі." } }, "logs": { + "fallback": { + "title": "Поки що немає журналів", + "description": "Активність сервера, попередження та помилки з’являться тут під час роботи Checkmate." + }, "tabs": { "diagnostics": "Діагностика", "logs": "", @@ -815,6 +855,16 @@ "usedSPercentage": "% від 1с використано CPU", "total": "Усього", "used": "Використано" + }, + "sections": { + "runtimeStats": { + "title": "Статистика виконання", + "description": "Знімок процесу Node.js і хост-машини. Оновлюється кожні 5 секунд." + }, + "memoryCpu": { + "title": "Пам'ять і ЦП", + "description": "Як процес використовує виділену пам'ять і ЦП хоста." + } } }, "table": { @@ -833,13 +883,21 @@ "lastFailedAt": "Остання помилка", "failReason": "Причина помилки" } + }, + "queueFallback": { + "title": "У черзі немає завдань", + "description": "Заплановані або виконувані перевірки моніторів з’являться тут. Порожня черга означає, що все актуально." + }, + "header": { + "title": "Журнали та черга", + "description": "Перевіряйте серверні журнали, чергу завдань моніторів і діагностику в одному місці." } }, "maintenanceWindow": { "fallback": { "actionButton": "Створити вікно обслуговування!", - "checks": "Mark your maintenance periods,Eliminate any misunderstandings,Stop sending alerts in maintenance windows", - "title": "Вікно обслуговування використовується для:" + "title": "Немає запланованих вікон обслуговування", + "description": "Плануйте планові простої, щоб сповіщення було пригнічено, а команда та користувачі знали, чого очікувати." }, "table": { "headers": { @@ -891,13 +949,17 @@ } } } + }, + "header": { + "title": "Вікна обслуговування", + "description": "Плануйте планові простої, щоб сповіщення було пригнічено, а команда та користувачі знали, чого очікувати." } }, "notifications": { "fallback": { "actionButton": "Створити канал", - "checks": "Alert teams about downtime or performance issues,Let engineers know when incidents happen,Keep administrators informed of system changes", - "title": "Канали сповіщень використовуються для:" + "title": "Ще немає каналів сповіщень", + "description": "Підключіть Slack, Discord, електронну пошту, вебхуки та інше, щоб потрібні люди дізнавалися про інциденти одразу." }, "form": { "accessToken": { @@ -953,6 +1015,10 @@ "headers": { "destination": "Призначення" } + }, + "header": { + "title": "Сповіщення", + "description": "Підключіть Slack, Discord, електронну пошту, вебхуки та інше, щоб потрібні люди дізнавалися про інциденти одразу." } }, "pageSpeed": { @@ -979,8 +1045,12 @@ }, "fallback": { "actionButton": "Створити монітор!", - "checks": "Report on the user experience of a page,Help analyze webpage speed,Give suggestions on how the page can be improved", - "title": "Монітор PageSpeed використовується для:" + "title": "Ще немає моніторів PageSpeed", + "description": "Відстежуйте Core Web Vitals і оцінки Lighthouse у часі, щоб помітити регресії раніше за користувачів." + }, + "header": { + "title": "Монітори PageSpeed", + "description": "Відстежуйте Core Web Vitals і оцінки Lighthouse у часі, щоб помітити регресії раніше за користувачів." } }, "settings": { @@ -1158,14 +1228,18 @@ "validation": { "errorMessage": "Будь ласка, виправте такі помилки валідації:" } + }, + "header": { + "title": "Налаштування", + "description": "Налаштуйте SMTP, інтеграції, зберігання та загальну поведінку додатку." } }, "statusPages": { "deleteSuccess": "Сторінку статусу успішно видалено", "fallback": { - "title": "Сторінка статусу використовується для:", - "checks": "Communicate system status to users and stakeholders,Display real-time uptime information publicly,Build trust with transparent service monitoring,Reduce support requests during incidents", - "actionButton": "Створити сторінку статусу!" + "title": "Ще немає сторінок статусу", + "actionButton": "Створити сторінку статусу!", + "description": "Опублікуйте публічну сторінку, що показує клієнтам і зацікавленим сторонам час роботи в реальному часі та історію інцидентів." }, "monitorsList": { "chartTypeHeatmap": "Теплова карта", @@ -1282,6 +1356,10 @@ } } } + }, + "header": { + "title": "Сторінки статусу", + "description": "Публікуйте публічні сторінки з часом роботи в реальному часі та історією інцидентів для клієнтів і зацікавлених сторін." } }, "uptime": { @@ -1297,8 +1375,12 @@ }, "fallback": { "actionButton": "Створити монітор!", - "checks": "Check if websites or servers are online & responsive,Alert teams about downtime or performance issues,Monitor HTTP endpoints, pings, containers & ports,Track historical uptime and reliability trends", - "title": "Монітор доступності використовується для:" + "title": "Ще немає моніторів працездатності", + "description": "Спостерігайте за HTTP-кінцевими точками, пінгами, контейнерами та портами — отримуйте сповіщення в момент відмови." + }, + "header": { + "title": "Монітори працездатності", + "description": "Спостерігайте за HTTP-кінцевими точками, пінгами, контейнерами та портами — отримуйте сповіщення в момент відмови." } } } diff --git a/client/src/locales/vi.json b/client/src/locales/vi.json index f9963958b..1b6077a0b 100644 --- a/client/src/locales/vi.json +++ b/client/src/locales/vi.json @@ -199,6 +199,14 @@ "starPrompt": { "title": "Gắn sao Checkmate", "description": "Xem các bản phát hành mới nhất và giúp phát triển cộng đồng trên GitHub" + }, + "pageHeader": { + "links": { + "support": "Hỗ trợ", + "discussions": "Thảo luận", + "docs": "Tài liệu", + "changelog": "Nhật ký thay đổi" + } } }, "pages": { @@ -278,7 +286,15 @@ "placeholder": "Chọn vai trò" }, "linkLabel": "Liên kết mời" + }, + "fallback": { + "title": "Chưa có thành viên nhóm", + "description": "Mời đồng đội qua email hoặc thêm họ trực tiếp. Khi họ tham gia, họ sẽ xuất hiện tại đây với vai trò của họ." } + }, + "header": { + "title": "Tài khoản", + "description": "Quản lý hồ sơ, mật khẩu, đội ngũ và tùy chọn không gian làm việc." } }, "auth": { @@ -378,6 +394,14 @@ "statusCode": "Mã trạng thái", "location": "Vị trí" } + }, + "fallback": { + "title": "Chưa có kiểm tra nào", + "description": "Khi bạn tạo một trình giám sát, mỗi lần thăm dò trạng thái và thời gian phản hồi sẽ xuất hiện tại đây như một kiểm tra." + }, + "header": { + "title": "Kiểm tra", + "description": "Mỗi lần thăm dò mà Checkmate chạy trên trình giám sát của bạn sẽ xuất hiện tại đây với mã trạng thái và thời gian phản hồi." } }, "common": { @@ -640,6 +664,10 @@ } }, "incidents": { + "fallback": { + "title": "Không có sự cố — tất cả hệ thống đều khỏe mạnh", + "description": "Khi một trình giám sát ngừng hoạt động hoặc phục hồi, sự cố sẽ xuất hiện tại đây kèm thời gian, chi tiết trình giám sát và lịch sử giải quyết." + }, "dialog": { "resolveIncident": { "title": "Giải quyết sự cố", @@ -720,6 +748,10 @@ "active": "Đang hoạt động", "resolved": "Đã giải quyết" } + }, + "header": { + "title": "Sự cố", + "description": "Khi một trình giám sát ngừng hoạt động hoặc phục hồi, sự cố sẽ xuất hiện tại đây kèm thời gian, chi tiết trình giám sát và lịch sử giải quyết." } }, "infrastructure": { @@ -774,11 +806,19 @@ }, "fallback": { "actionButton": "Tạo trình giám sát!", - "checks": "Track the performance of your servers,Identify bottlenecks and optimize usage,Ensure reliability with real-time monitoring", - "title": "Trình giám sát hạ tầng dùng để:" + "title": "Chưa có trình giám sát hạ tầng", + "description": "Theo dõi hiệu suất máy chủ, xác định nút thắt cổ chai và đảm bảo độ tin cậy với giám sát hạ tầng theo thời gian thực." + }, + "header": { + "title": "Trình giám sát hạ tầng", + "description": "Theo dõi hiệu suất máy chủ, xác định nút thắt cổ chai và đảm bảo độ tin cậy với giám sát hạ tầng theo thời gian thực." } }, "logs": { + "fallback": { + "title": "Chưa có nhật ký", + "description": "Hoạt động máy chủ, cảnh báo và lỗi sẽ xuất hiện tại đây khi Checkmate đang chạy." + }, "tabs": { "diagnostics": "Chẩn đoán", "logs": "", @@ -815,6 +855,16 @@ "usedSPercentage": "% của 1 giây CPU sử dụng", "total": "Tổng", "used": "Đã dùng" + }, + "sections": { + "runtimeStats": { + "title": "Thống kê thời gian chạy", + "description": "Ảnh chụp nhanh tiến trình Node.js và máy chủ. Cập nhật mỗi 5 giây." + }, + "memoryCpu": { + "title": "Bộ nhớ & CPU", + "description": "Cách tiến trình sử dụng bộ nhớ được cấp phát và CPU của máy chủ." + } } }, "table": { @@ -833,13 +883,21 @@ "lastFailedAt": "Lỗi lần cuối lúc", "failReason": "Lý do lỗi" } + }, + "queueFallback": { + "title": "Hàng đợi không có công việc", + "description": "Các kiểm tra trình giám sát đã lên lịch hoặc đang chạy sẽ xuất hiện tại đây. Một hàng đợi trống có nghĩa là mọi thứ đều cập nhật." + }, + "header": { + "title": "Nhật ký & hàng đợi", + "description": "Kiểm tra nhật ký máy chủ, hàng đợi công việc giám sát và chẩn đoán runtime tại một nơi." } }, "maintenanceWindow": { "fallback": { "actionButton": "Tạo cửa sổ bảo trì!", - "checks": "Mark your maintenance periods,Eliminate any misunderstandings,Stop sending alerts in maintenance windows", - "title": "Cửa sổ bảo trì dùng để:" + "title": "Chưa có cửa sổ bảo trì nào được lên lịch", + "description": "Lên lịch thời gian chết để các cảnh báo được tạm dừng và đội ngũ cũng như người dùng biết điều cần mong đợi." }, "table": { "headers": { @@ -891,13 +949,17 @@ } } } + }, + "header": { + "title": "Cửa sổ bảo trì", + "description": "Lên lịch thời gian chết để các cảnh báo được tạm dừng và đội ngũ cũng như người dùng biết điều cần mong đợi." } }, "notifications": { "fallback": { "actionButton": "Tạo kênh", - "checks": "Alert teams about downtime or performance issues,Let engineers know when incidents happen,Keep administrators informed of system changes", - "title": "Kênh thông báo dùng để:" + "title": "Chưa có kênh thông báo", + "description": "Kết nối Slack, Discord, email, webhook và nhiều hơn để đúng người nhận được thông báo ngay khi có sự cố." }, "form": { "accessToken": { @@ -953,6 +1015,10 @@ "headers": { "destination": "Đích đến" } + }, + "header": { + "title": "Thông báo", + "description": "Kết nối Slack, Discord, email, webhook và nhiều hơn để đúng người nhận được thông báo ngay khi có sự cố." } }, "pageSpeed": { @@ -979,8 +1045,12 @@ }, "fallback": { "actionButton": "Tạo trình giám sát!", - "checks": "Report on the user experience of a page,Help analyze webpage speed,Give suggestions on how the page can be improved", - "title": "Trình giám sát PageSpeed dùng để:" + "title": "Chưa có trình giám sát PageSpeed", + "description": "Theo dõi Core Web Vitals và điểm Lighthouse theo thời gian để phát hiện sự suy giảm trước khi người dùng nhận ra." + }, + "header": { + "title": "Trình giám sát PageSpeed", + "description": "Theo dõi Core Web Vitals và điểm Lighthouse theo thời gian để phát hiện sự suy giảm trước khi người dùng nhận ra." } }, "settings": { @@ -1158,14 +1228,18 @@ "validation": { "errorMessage": "Vui lòng sửa các lỗi xác thực sau:" } + }, + "header": { + "title": "Cài đặt", + "description": "Cấu hình SMTP, tích hợp, lưu trữ và hành vi ứng dụng toàn cục." } }, "statusPages": { "deleteSuccess": "Đã xóa trang trạng thái thành công", "fallback": { - "title": "Trang trạng thái dùng để:", - "checks": "Communicate system status to users and stakeholders,Display real-time uptime information publicly,Build trust with transparent service monitoring,Reduce support requests during incidents", - "actionButton": "Tạo trang trạng thái!" + "title": "Chưa có trang trạng thái", + "actionButton": "Tạo trang trạng thái!", + "description": "Công bố một trang công khai cho khách hàng và các bên liên quan thấy thời gian hoạt động theo thời gian thực và lịch sử sự cố." }, "monitorsList": { "chartTypeHeatmap": "Bản đồ nhiệt", @@ -1282,6 +1356,10 @@ } } } + }, + "header": { + "title": "Trang trạng thái", + "description": "Công bố các trang công khai cho khách hàng và các bên liên quan thấy thời gian hoạt động theo thời gian thực và lịch sử sự cố." } }, "uptime": { @@ -1297,8 +1375,12 @@ }, "fallback": { "actionButton": "Tạo trình giám sát!", - "checks": "Check if websites or servers are online & responsive,Alert teams about downtime or performance issues,Monitor HTTP endpoints, pings, containers & ports,Track historical uptime and reliability trends", - "title": "Trình giám sát hoạt động dùng để:" + "title": "Chưa có trình giám sát uptime", + "description": "Theo dõi các endpoint HTTP, ping, container và cổng — nhận cảnh báo ngay khi có sự cố." + }, + "header": { + "title": "Trình giám sát uptime", + "description": "Theo dõi các endpoint HTTP, ping, container và cổng — nhận cảnh báo ngay khi có sự cố." } } } diff --git a/client/src/locales/zh-CN.json b/client/src/locales/zh-CN.json index d6580e851..bf349a65a 100644 --- a/client/src/locales/zh-CN.json +++ b/client/src/locales/zh-CN.json @@ -199,6 +199,14 @@ "starPrompt": { "title": "Star Checkmate", "description": "查看最新版本并在 GitHub 上帮助发展社区" + }, + "pageHeader": { + "links": { + "support": "支持", + "discussions": "讨论", + "docs": "文档", + "changelog": "更新日志" + } } }, "pages": { @@ -278,7 +286,15 @@ "placeholder": "选择角色" }, "linkLabel": "邀请链接" + }, + "fallback": { + "title": "暂无团队成员", + "description": "通过电子邮件邀请队友或直接添加他们。一旦加入，他们将与角色一起显示在这里。" } + }, + "header": { + "title": "账户", + "description": "管理个人资料、密码、团队和工作区设置。" } }, "auth": { @@ -378,6 +394,14 @@ "statusCode": "状态码", "location": "位置" } + }, + "fallback": { + "title": "暂无检查", + "description": "创建监控器后，每次状态探测和响应时间都会以一次检查的形式显示在这里。" + }, + "header": { + "title": "检查", + "description": "Checkmate 对监控器执行的每次探测都会在此显示，包含状态码和响应时间。" } }, "common": { @@ -640,6 +664,10 @@ } }, "incidents": { + "fallback": { + "title": "无事件 — 所有系统正常", + "description": "当监控器宕机或恢复时，事件将连同时间、监控器详情和解决记录一起显示在这里。" + }, "dialog": { "resolveIncident": { "title": "解决事件", @@ -720,6 +748,10 @@ "active": "活跃", "resolved": "已解决" } + }, + "header": { + "title": "事件", + "description": "当监控器宕机或恢复时，事件将连同时间、监控器详情和解决记录一起显示在这里。" } }, "infrastructure": { @@ -774,11 +806,19 @@ }, "fallback": { "actionButton": "创建监控！", - "checks": "Track the performance of your servers,Identify bottlenecks and optimize usage,Ensure reliability with real-time monitoring", - "title": "基础设施监控用于：" + "title": "暂无基础设施监控器", + "description": "跟踪服务器性能、识别瓶颈，通过实时基础设施监控确保可靠性。" + }, + "header": { + "title": "基础设施监控器", + "description": "跟踪服务器性能、识别瓶颈，通过实时基础设施监控确保可靠性。" } }, "logs": { + "fallback": { + "title": "暂无日志", + "description": "Checkmate 运行时的服务器活动、警告和错误将显示在这里。" + }, "tabs": { "diagnostics": "诊断", "logs": "服务器日志", @@ -815,6 +855,16 @@ "usedSPercentage": "CPU 1 秒使用百分比", "total": "总计", "used": "已使用" + }, + "sections": { + "runtimeStats": { + "title": "运行时统计", + "description": "Node.js 进程和主机的快照。每 5 秒更新一次。" + }, + "memoryCpu": { + "title": "内存与 CPU", + "description": "进程如何使用其分配的内存和主机 CPU。" + } } }, "table": { @@ -833,13 +883,21 @@ "lastFailedAt": "上次失败于", "failReason": "失败原因" } + }, + "queueFallback": { + "title": "队列中没有任务", + "description": "已安排或正在运行的监控检查将显示在这里。空队列意味着一切都是最新的。" + }, + "header": { + "title": "日志与队列", + "description": "在一处查看服务器日志、监控器作业队列和运行时诊断。" } }, "maintenanceWindow": { "fallback": { "actionButton": "创建维护窗口！", - "checks": "Mark your maintenance periods,Eliminate any misunderstandings,Stop sending alerts in maintenance windows", - "title": "维护窗口用于：" + "title": "暂无计划维护窗口", + "description": "安排计划停机时间以抑制告警，让团队和用户知晓预期。" }, "table": { "headers": { @@ -891,13 +949,17 @@ } } } + }, + "header": { + "title": "维护窗口", + "description": "安排计划停机时间以抑制告警，让团队和用户知晓预期。" } }, "notifications": { "fallback": { "actionButton": "创建渠道", - "checks": "Alert teams about downtime or performance issues,Let engineers know when incidents happen,Keep administrators informed of system changes", - "title": "通知渠道用于：" + "title": "暂无通知渠道", + "description": "连接 Slack、Discord、邮件、Webhook 等，让事件发生时正确的人立即收到通知。" }, "form": { "accessToken": { @@ -953,6 +1015,10 @@ "headers": { "destination": "目标" } + }, + "header": { + "title": "通知", + "description": "连接 Slack、Discord、邮件、Webhook 等，让事件发生时正确的人立即收到通知。" } }, "pageSpeed": { @@ -979,8 +1045,12 @@ }, "fallback": { "actionButton": "创建监控！", - "checks": "Report on the user experience of a page,Help analyze webpage speed,Give suggestions on how the page can be improved", - "title": "PageSpeed 监控用于：" + "title": "暂无 PageSpeed 监控器", + "description": "持续追踪 Core Web Vitals 和 Lighthouse 评分，在用户察觉之前发现性能回退。" + }, + "header": { + "title": "PageSpeed 监控器", + "description": "持续追踪 Core Web Vitals 和 Lighthouse 评分，在用户察觉之前发现性能回退。" } }, "settings": { @@ -1158,14 +1228,18 @@ "validation": { "errorMessage": "请修复以下验证错误：" } + }, + "header": { + "title": "设置", + "description": "配置 SMTP、集成、保留和全局应用行为。" } }, "statusPages": { "deleteSuccess": "状态页已成功删除", "fallback": { - "title": "状态页用于：", - "checks": "Communicate system status to users and stakeholders,Display real-time uptime information publicly,Build trust with transparent service monitoring,Reduce support requests during incidents", - "actionButton": "创建状态页！" + "title": "暂无状态页面", + "actionButton": "创建状态页！", + "description": "发布一个公开页面，向客户和利益相关者展示实时运行情况和事件历史。" }, "monitorsList": { "chartTypeHeatmap": "热力图", @@ -1282,6 +1356,10 @@ } } } + }, + "header": { + "title": "状态页面", + "description": "发布公开页面，向客户和利益相关者展示实时运行情况和事件历史。" } }, "uptime": { @@ -1297,8 +1375,12 @@ }, "fallback": { "actionButton": "创建监控！", - "checks": "Check if websites or servers are online & responsive,Alert teams about downtime or performance issues,Monitor HTTP endpoints, pings, containers & ports,Track historical uptime and reliability trends", - "title": "正常运行时间监控用于：" + "title": "暂无运行时间监控器", + "description": "监控 HTTP 端点、Ping、容器和端口 — 一旦故障即刻收到提醒。" + }, + "header": { + "title": "运行时间监控器", + "description": "监控 HTTP 端点、Ping、容器和端口 — 一旦故障即刻收到提醒。" } } } diff --git a/client/src/locales/zh-TW.json b/client/src/locales/zh-TW.json index 16aca7ed8..403014f69 100644 --- a/client/src/locales/zh-TW.json +++ b/client/src/locales/zh-TW.json @@ -199,6 +199,14 @@ "starPrompt": { "title": "為 Checkmate 加星", "description": "查看最新版本並在 GitHub 上幫助社群成長" + }, + "pageHeader": { + "links": { + "support": "支援", + "discussions": "討論", + "docs": "文件", + "changelog": "更新日誌" + } } }, "pages": { @@ -278,7 +286,15 @@ "placeholder": "選擇角色" }, "linkLabel": "邀請連結" + }, + "fallback": { + "title": "尚無團隊成員", + "description": "透過電子郵件邀請隊友或直接新增他們。一旦加入，他們將與角色一起顯示在此。" } + }, + "header": { + "title": "帳號", + "description": "管理個人資料、密碼、團隊和工作區設定。" } }, "auth": { @@ -378,6 +394,14 @@ "statusCode": "狀態碼", "location": "位置" } + }, + "fallback": { + "title": "尚無檢查", + "description": "建立監視器後，每次狀態探測與回應時間都會以一次檢查的形式顯示在此。" + }, + "header": { + "title": "檢查", + "description": "Checkmate 對您的監視器執行的每次探測都會在此顯示，包含狀態碼與回應時間。" } }, "common": { @@ -640,6 +664,10 @@ } }, "incidents": { + "fallback": { + "title": "無事件 — 所有系統健康", + "description": "當監視器宕機或恢復時，事件將連同時間、監視器詳情與解決紀錄一起顯示在此。" + }, "dialog": { "resolveIncident": { "title": "解決事件", @@ -720,6 +748,10 @@ "active": "啟用中", "resolved": "已解決" } + }, + "header": { + "title": "事件", + "description": "當監視器宕機或恢復時，事件將連同時間、監視器詳情與解決紀錄一起顯示在此。" } }, "infrastructure": { @@ -774,15 +806,19 @@ }, "fallback": { "actionButton": "建立監控！", - "checks": [ - "追蹤您伺服器的效能", - "找出瓶頸並最佳化使用", - "透過即時監控確保可靠性" - ], - "title": "基礎架構監控用於：" + "title": "尚無基礎設施監視器", + "description": "追蹤伺服器效能、找出瓶頸，透過即時基礎設施監控確保可靠性。" + }, + "header": { + "title": "基礎設施監視器", + "description": "追蹤伺服器效能、找出瓶頸，透過即時基礎設施監控確保可靠性。" } }, "logs": { + "fallback": { + "title": "尚無日誌", + "description": "Checkmate 運行時的伺服器活動、警告與錯誤將顯示在此。" + }, "tabs": { "diagnostics": "診斷", "logs": "日誌", @@ -819,6 +855,16 @@ "usedSPercentage": "CPU 使用 1 秒百分比", "total": "總計", "used": "已使用" + }, + "sections": { + "runtimeStats": { + "title": "執行階段統計", + "description": "Node.js 程序和主機的快照。每 5 秒更新一次。" + }, + "memoryCpu": { + "title": "記憶體與 CPU", + "description": "程序如何使用其分配的記憶體和主機 CPU。" + } } }, "table": { @@ -837,13 +883,21 @@ "lastFailedAt": "最後失敗於", "failReason": "失敗原因" } + }, + "queueFallback": { + "title": "佇列中沒有任務", + "description": "已排定或正在執行的監視器檢查將顯示在此。空佇列代表一切都是最新狀態。" + }, + "header": { + "title": "日誌與佇列", + "description": "在一處查看伺服器日誌、監視器作業佇列和執行時診斷。" } }, "maintenanceWindow": { "fallback": { "actionButton": "建立維護時段！", - "checks": ["標記您的維護期間", "消除任何誤解", "在維護時段停止發送警報"], - "title": "維護時段用於：" + "title": "尚無排定的維護時段", + "description": "安排計畫性停機，抑制警報，並讓團隊和使用者知曉預期狀況。" }, "table": { "headers": { @@ -895,17 +949,17 @@ } } } + }, + "header": { + "title": "維護時段", + "description": "安排計畫性停機，抑制警報，並讓團隊和使用者知曉預期狀況。" } }, "notifications": { "fallback": { "actionButton": "建立頻道", - "checks": [ - "針對停機或效能問題通知團隊", - "在事件發生時通知工程師", - "讓管理員隨時了解系統變更" - ], - "title": "通知頻道用於：" + "title": "尚無通知頻道", + "description": "連接 Slack、Discord、電子郵件、Webhook 等，讓事件發生時正確的人立即收到通知。" }, "form": { "accessToken": { @@ -961,6 +1015,10 @@ "headers": { "destination": "目的地" } + }, + "header": { + "title": "通知", + "description": "連接 Slack、Discord、電子郵件、Webhook 等，讓事件發生時正確的人立即收到通知。" } }, "pageSpeed": { @@ -987,8 +1045,12 @@ }, "fallback": { "actionButton": "建立監控！", - "checks": ["報告頁面的使用者體驗", "協助分析網頁速度", "提供頁面改善建議"], - "title": "PageSpeed 監控用於：" + "title": "尚無 PageSpeed 監視器", + "description": "持續追蹤 Core Web Vitals 與 Lighthouse 評分，在使用者察覺前發現效能退化。" + }, + "header": { + "title": "PageSpeed 監視器", + "description": "持續追蹤 Core Web Vitals 與 Lighthouse 評分，在使用者察覺前發現效能退化。" } }, "settings": { @@ -1166,19 +1228,18 @@ "validation": { "errorMessage": "請修正以下驗證錯誤：" } + }, + "header": { + "title": "設定", + "description": "設定 SMTP、整合、保留與全域應用程式行為。" } }, "statusPages": { "deleteSuccess": "狀態頁面已成功刪除", "fallback": { - "title": "狀態頁面用於：", - "checks": [ - "向使用者和利害關係人傳達系統狀態", - "公開顯示即時正常運行時間資訊", - "透過透明的服務監控建立信任", - "在事件期間減少支援請求" - ], - "actionButton": "建立狀態頁面！" + "title": "尚無狀態頁面", + "actionButton": "建立狀態頁面！", + "description": "發佈一個公開頁面，向客戶和利害關係人顯示即時的運行狀態與事件歷史。" }, "monitorsList": { "chartTypeHeatmap": "熱力圖", @@ -1295,6 +1356,10 @@ } } } + }, + "header": { + "title": "狀態頁面", + "description": "發佈公開頁面，向客戶和利害關係人顯示即時的運行狀態與事件歷史。" } }, "uptime": { @@ -1310,13 +1375,12 @@ }, "fallback": { "actionButton": "建立監控！", - "checks": [ - "檢查網站或伺服器是否上線並回應", - "針對停機或效能問題通知團隊", - "監控 HTTP 端點、Ping、容器和連接埠", - "追蹤歷史正常運行時間和可靠性趨勢" - ], - "title": "正常運行時間監控用於：" + "title": "尚無運行時間監視器", + "description": "監控 HTTP 端點、Ping、容器和連接埠 — 一旦發生故障即刻收到提醒。" + }, + "header": { + "title": "運行時間監視器", + "description": "監控 HTTP 端點、Ping、容器和連接埠 — 一旦發生故障即刻收到提醒。" } } } From cbd8236cb412551fdec9afa7e2108ee4a1bd28f8 Mon Sep 17 00:00:00 2001 From: gorkem-bwl Date: Sun, 26 Apr 2026 00:13:19 -0400 Subject: [PATCH 16/54] chore(i18n): seed jobQueueExplainer and failedJobsExplainer for non-English locales --- client/src/locales/ar.json | 2 ++ client/src/locales/cs.json | 2 ++ client/src/locales/de.json | 2 ++ client/src/locales/es.json | 2 ++ client/src/locales/fi.json | 2 ++ client/src/locales/fr.json | 2 ++ client/src/locales/ja.json | 2 ++ client/src/locales/pt-BR.json | 2 ++ client/src/locales/ru.json | 2 ++ client/src/locales/th.json | 2 ++ client/src/locales/tr.json | 2 ++ client/src/locales/uk.json | 2 ++ client/src/locales/vi.json | 2 ++ client/src/locales/zh-CN.json | 2 ++ client/src/locales/zh-TW.json | 2 ++ 15 files changed, 30 insertions(+) diff --git a/client/src/locales/ar.json b/client/src/locales/ar.json index 83c300364..567433b9c 100644 --- a/client/src/locales/ar.json +++ b/client/src/locales/ar.json @@ -828,7 +828,9 @@ "label": "مستوى السجل" }, "jobQueue": "قائمة المهام", + "jobQueueExplainer": "الصفوف المميزة هي المهام التي تتم معالجتها حالياً بواسطة عامل.", "failedJobs": "المهام الفاشلة", + "failedJobsExplainer": "حالات الفشل الأخيرة حسب المراقب — وقت آخر فشل، وعدد مرات الفشل، والسبب.", "noLogs": "لم يتم العثور على سجلات", "metrics": { "jobs": "المهام", diff --git a/client/src/locales/cs.json b/client/src/locales/cs.json index e723f63c8..b17f6c74a 100644 --- a/client/src/locales/cs.json +++ b/client/src/locales/cs.json @@ -828,7 +828,9 @@ "label": "Úroveň logování" }, "jobQueue": "Fronta úloh", + "jobQueueExplainer": "Zvýrazněné řádky jsou úlohy, které právě zpracovává worker.", "failedJobs": "Neúspěšné úlohy", + "failedJobsExplainer": "Nedávná selhání podle monitoru — čas posledního selhání, počet selhání a důvod.", "noLogs": "Žádné logy nebyly nalezeny", "metrics": { "jobs": "Úlohy", diff --git a/client/src/locales/de.json b/client/src/locales/de.json index bf73ac235..5abaeda85 100644 --- a/client/src/locales/de.json +++ b/client/src/locales/de.json @@ -828,7 +828,9 @@ "label": "Log-Level" }, "jobQueue": "Job-Warteschlange", + "jobQueueExplainer": "Hervorgehobene Zeilen sind Jobs, die derzeit von einem Worker verarbeitet werden.", "failedJobs": "Fehlgeschlagene Jobs", + "failedJobsExplainer": "Aktuelle Fehler nach Monitor — Zeit des letzten Fehlers, Fehleranzahl und Grund.", "noLogs": "Keine Protokolle gefunden", "metrics": { "jobs": "Jobs", diff --git a/client/src/locales/es.json b/client/src/locales/es.json index 5a6a65400..06a7ca2ec 100644 --- a/client/src/locales/es.json +++ b/client/src/locales/es.json @@ -828,7 +828,9 @@ "label": "Nivel de registro" }, "jobQueue": "Cola de trabajos", + "jobQueueExplainer": "Las filas resaltadas son los trabajos que un worker está procesando actualmente.", "failedJobs": "Trabajos fallidos", + "failedJobsExplainer": "Fallos recientes por monitor — hora del último fallo, número de fallos y motivo.", "noLogs": "No se encontraron registros", "metrics": { "jobs": "Trabajos", diff --git a/client/src/locales/fi.json b/client/src/locales/fi.json index 8a62bc4d8..b7423268d 100644 --- a/client/src/locales/fi.json +++ b/client/src/locales/fi.json @@ -828,7 +828,9 @@ "label": "Lokitaso" }, "jobQueue": "Työnojono", + "jobQueueExplainer": "Korostetut rivit ovat työt, joita työntekijä käsittelee parhaillaan.", "failedJobs": "Epäonnistuneet työt", + "failedJobsExplainer": "Viimeisimmät epäonnistumiset valvojan mukaan — viimeisin epäonnistumisaika, epäonnistumismäärä ja syy.", "noLogs": "Lokeja ei löytynyt", "metrics": { "jobs": "Työt", diff --git a/client/src/locales/fr.json b/client/src/locales/fr.json index 174772b6c..ca048005a 100644 --- a/client/src/locales/fr.json +++ b/client/src/locales/fr.json @@ -828,7 +828,9 @@ "label": "Niveau de log" }, "jobQueue": "File d'attente des tâches", + "jobQueueExplainer": "Les lignes mises en évidence sont les tâches actuellement traitées par un worker.", "failedJobs": "Tâches échouées", + "failedJobsExplainer": "Échecs récents par moniteur — heure du dernier échec, nombre d'échecs et raison.", "noLogs": "Aucun log trouvé", "metrics": { "jobs": "Tâches", diff --git a/client/src/locales/ja.json b/client/src/locales/ja.json index affb637a2..28b778edd 100644 --- a/client/src/locales/ja.json +++ b/client/src/locales/ja.json @@ -828,7 +828,9 @@ "label": "ログレベル" }, "jobQueue": "ジョブキュー", + "jobQueueExplainer": "ハイライトされた行は、現在ワーカーによって処理中のジョブです。", "failedJobs": "失敗したジョブ", + "failedJobsExplainer": "モニター別の最近の失敗 — 最終失敗時刻、失敗回数、および理由。", "noLogs": "ログが見つかりません", "metrics": { "jobs": "ジョブ", diff --git a/client/src/locales/pt-BR.json b/client/src/locales/pt-BR.json index 0ab843293..4347b3091 100644 --- a/client/src/locales/pt-BR.json +++ b/client/src/locales/pt-BR.json @@ -828,7 +828,9 @@ "label": "Nível de log" }, "jobQueue": "Fila de tarefas", + "jobQueueExplainer": "As linhas destacadas são as tarefas que estão sendo processadas atualmente por um worker.", "failedJobs": "Tarefas com falha", + "failedJobsExplainer": "Falhas recentes por monitor — horário da última falha, contagem de falhas e o motivo.", "noLogs": "Nenhum log encontrado", "metrics": { "jobs": "Tarefas", diff --git a/client/src/locales/ru.json b/client/src/locales/ru.json index 3a4495fe8..c70df2fca 100644 --- a/client/src/locales/ru.json +++ b/client/src/locales/ru.json @@ -828,7 +828,9 @@ "label": "Уровень логов" }, "jobQueue": "Очередь заданий", + "jobQueueExplainer": "Выделенные строки — это задания, которые в данный момент обрабатываются воркером.", "failedJobs": "Неудачные задания", + "failedJobsExplainer": "Недавние сбои по мониторам — время последнего сбоя, количество сбоев и причина.", "noLogs": "Логи не найдены", "metrics": { "jobs": "Задания", diff --git a/client/src/locales/th.json b/client/src/locales/th.json index 6a56d4e65..30919fd7f 100644 --- a/client/src/locales/th.json +++ b/client/src/locales/th.json @@ -828,7 +828,9 @@ "label": "ระดับบันทึก" }, "jobQueue": "คิวงาน", + "jobQueueExplainer": "แถวที่ไฮไลต์ คืองานที่กำลังถูกประมวลผลโดยเวิร์กเกอร์อยู่ในขณะนี้", "failedJobs": "งานที่ล้มเหลว", + "failedJobsExplainer": "ความล้มเหลวล่าสุดตามมอนิเตอร์ — เวลาที่ล้มเหลวล่าสุด จำนวนครั้งที่ล้มเหลว และเหตุผล", "noLogs": "ไม่พบบันทึก", "metrics": { "jobs": "งาน", diff --git a/client/src/locales/tr.json b/client/src/locales/tr.json index e144a42c0..d9fa372dc 100644 --- a/client/src/locales/tr.json +++ b/client/src/locales/tr.json @@ -828,7 +828,9 @@ "label": "Günlük seviyesi" }, "jobQueue": "İş kuyruğu", + "jobQueueExplainer": "Vurgulanan satırlar şu anda bir işçi tarafından işlenmekte olan işlerdir.", "failedJobs": "Başarısız işler", + "failedJobsExplainer": "Monitöre göre son başarısızlıklar — son başarısızlık zamanı, başarısızlık sayısı ve nedeni.", "noLogs": "Günlük bulunamadı", "metrics": { "jobs": "İşler", diff --git a/client/src/locales/uk.json b/client/src/locales/uk.json index 26ffc73ca..a92011f3a 100644 --- a/client/src/locales/uk.json +++ b/client/src/locales/uk.json @@ -828,7 +828,9 @@ "label": "Рівень логів" }, "jobQueue": "Черга завдань", + "jobQueueExplainer": "Виділені рядки — це завдання, які наразі обробляються воркером.", "failedJobs": "Невдалі завдання", + "failedJobsExplainer": "Останні збої за моніторами — час останнього збою, кількість збоїв і причина.", "noLogs": "Логи не знайдено", "metrics": { "jobs": "Завдання", diff --git a/client/src/locales/vi.json b/client/src/locales/vi.json index 1b6077a0b..f4bac3d69 100644 --- a/client/src/locales/vi.json +++ b/client/src/locales/vi.json @@ -828,7 +828,9 @@ "label": "Mức nhật ký" }, "jobQueue": "Hàng đợi công việc", + "jobQueueExplainer": "Các hàng được làm nổi bật là các công việc hiện đang được worker xử lý.", "failedJobs": "Công việc thất bại", + "failedJobsExplainer": "Các lần thất bại gần đây theo trình giám sát — thời gian thất bại gần nhất, số lần thất bại và lý do.", "noLogs": "Không tìm thấy nhật ký", "metrics": { "jobs": "Công việc", diff --git a/client/src/locales/zh-CN.json b/client/src/locales/zh-CN.json index bf349a65a..3c5654082 100644 --- a/client/src/locales/zh-CN.json +++ b/client/src/locales/zh-CN.json @@ -828,7 +828,9 @@ "label": "日志级别" }, "jobQueue": "作业队列", + "jobQueueExplainer": "高亮的行是当前正在被工作进程处理的作业。", "failedJobs": "失败作业", + "failedJobsExplainer": "按监控的最近失败 — 最近失败时间、失败次数及原因。", "noLogs": "未找到日志", "metrics": { "jobs": "作业", diff --git a/client/src/locales/zh-TW.json b/client/src/locales/zh-TW.json index 403014f69..0510b7886 100644 --- a/client/src/locales/zh-TW.json +++ b/client/src/locales/zh-TW.json @@ -828,7 +828,9 @@ "label": "日誌等級" }, "jobQueue": "工作佇列", + "jobQueueExplainer": "反白的列是目前正由工作程序處理的工作。", "failedJobs": "失敗的工作", + "failedJobsExplainer": "依監控的最近失敗 — 最近失敗時間、失敗次數及原因。", "noLogs": "找不到日誌", "metrics": { "jobs": "工作", From 995fc592993189566c2bb545b8c66c974032305f Mon Sep 17 00:00:00 2001 From: gorkem-bwl Date: Sun, 26 Apr 2026 00:13:23 -0400 Subject: [PATCH 17/54] feat(client): add pagination to team, notifications and status page tables --- .../Pages/Account/components/TeamTable.tsx | 44 ++++++++++++++-- .../components/NotificationsTable.tsx | 51 ++++++++++++++++--- .../Components/StatusPagesTable.tsx | 33 +++++++++++- 3 files changed, 115 insertions(+), 13 deletions(-) diff --git a/client/src/Pages/Account/components/TeamTable.tsx b/client/src/Pages/Account/components/TeamTable.tsx index 289bfb331..10b16515b 100644 --- a/client/src/Pages/Account/components/TeamTable.tsx +++ b/client/src/Pages/Account/components/TeamTable.tsx @@ -1,7 +1,10 @@ +import Box from "@mui/material/Box"; import Typography from "@mui/material/Typography"; import { useNavigate } from "react-router-dom"; import { useTranslation } from "react-i18next"; +import { useState } from "react"; import { Table } from "@/Components/design-elements"; +import { Pagination } from "@/Components/design-elements/Table"; import type { Header } from "@/Components/design-elements/Table"; import { useIsAdmin } from "@/Hooks/useIsAdmin"; import type { User } from "@/Types/User"; @@ -14,6 +17,8 @@ export const TeamTable = ({ users }: TeamTableProps) => { const { t } = useTranslation(); const navigate = useNavigate(); const isAdmin = useIsAdmin(); + const [page, setPage] = useState(0); + const [rowsPerPage, setRowsPerPage] = useState(10); const headers: Header[] = [ { @@ -50,11 +55,40 @@ export const TeamTable = ({ users }: TeamTableProps) => { } }; + const handlePageChange = ( + _e: React.MouseEvent | null, + newPage: number + ) => { + setPage(newPage); + }; + + const handleRowsPerPageChange = ( + e: React.ChangeEvent + ) => { + setPage(0); + setRowsPerPage(Number(e.target.value)); + }; + + const pagedUsers = users.slice(page * rowsPerPage, page * rowsPerPage + rowsPerPage); + return ( -
+ +
+ {users.length > 0 && ( + + )} + ); }; diff --git a/client/src/Pages/Notifications/components/NotificationsTable.tsx b/client/src/Pages/Notifications/components/NotificationsTable.tsx index d103458c3..4a42a597d 100644 --- a/client/src/Pages/Notifications/components/NotificationsTable.tsx +++ b/client/src/Pages/Notifications/components/NotificationsTable.tsx @@ -1,8 +1,11 @@ import { ActionsMenu, type ActionMenuItem } from "@/Components/actions-menu"; +import Box from "@mui/material/Box"; import Typography from "@mui/material/Typography"; import type { Header } from "@/Components/design-elements/Table"; import { Table } from "@/Components/design-elements"; +import { Pagination } from "@/Components/design-elements/Table"; +import { useState } from "react"; import type { Notification } from "@/Types/Notification"; import { useNavigate } from "react-router"; import { useTranslation } from "react-i18next"; @@ -20,6 +23,8 @@ export const NotificationsTable = ({ const navigate = useNavigate(); const { t } = useTranslation(); const theme = useTheme(); + const [page, setPage] = useState(0); + const [rowsPerPage, setRowsPerPage] = useState(10); const getActions = (channel: Notification): ActionMenuItem[] => { return [ @@ -84,13 +89,45 @@ export const NotificationsTable = ({ const headers = getHeaders(); + const handlePageChange = ( + _e: React.MouseEvent | null, + newPage: number + ) => { + setPage(newPage); + }; + + const handleRowsPerPageChange = ( + e: React.ChangeEvent + ) => { + setPage(0); + setRowsPerPage(Number(e.target.value)); + }; + + const pagedNotifications = notifications.slice( + page * rowsPerPage, + page * rowsPerPage + rowsPerPage + ); + return ( -
{ - navigate(`/notifications/configure/${row.id}`); - }} - /> + +
{ + navigate(`/notifications/configure/${row.id}`); + }} + /> + {notifications.length > 0 && ( + + )} + ); }; diff --git a/client/src/Pages/StatusPage/StatusPages/Components/StatusPagesTable.tsx b/client/src/Pages/StatusPage/StatusPages/Components/StatusPagesTable.tsx index 8f72931d6..56b1d4411 100644 --- a/client/src/Pages/StatusPage/StatusPages/Components/StatusPagesTable.tsx +++ b/client/src/Pages/StatusPage/StatusPages/Components/StatusPagesTable.tsx @@ -2,9 +2,11 @@ import Box from "@mui/material/Box"; import Stack from "@mui/material/Stack"; import Typography from "@mui/material/Typography"; import { Table, type Header, ValueLabel } from "@/Components/design-elements"; +import { Pagination } from "@/Components/design-elements/Table"; import { ActionsMenu, type ActionMenuItem } from "@/Components/actions-menu"; import { ExternalLink } from "lucide-react"; +import { useState } from "react"; import { useTranslation } from "react-i18next"; import { useTheme } from "@mui/material/styles"; import { useNavigate } from "react-router-dom"; @@ -23,6 +25,8 @@ export const StatusPagesTable = ({ const { t } = useTranslation(); const theme = useTheme(); const navigate = useNavigate(); + const [page, setPage] = useState(0); + const [rowsPerPage, setRowsPerPage] = useState(10); const getActions = (row: StatusPage): ActionMenuItem[] => { return [ @@ -129,14 +133,41 @@ export const StatusPagesTable = ({ navigate(`/status/${statusPage.url}`); }; + const handlePageChange = ( + _e: React.MouseEvent | null, + newPage: number + ) => { + setPage(newPage); + }; + + const handleRowsPerPageChange = ( + e: React.ChangeEvent + ) => { + setPage(0); + setRowsPerPage(Number(e.target.value)); + }; + + const pagedData = data.slice(page * rowsPerPage, page * rowsPerPage + rowsPerPage); + return (
+ {data.length > 0 && ( + + )} ); }; From 210e03cea0d0cb767f340aa0695fa0eb4eb56098 Mon Sep 17 00:00:00 2001 From: gorkem-bwl Date: Sun, 26 Apr 2026 00:13:27 -0400 Subject: [PATCH 18/54] fix(client): refine table header divider and typography - replace heavier per-cell header borders with one lighter row divider - shrink header text to 11px with looser tracking for a more refined feel - tighten failed-jobs labels: "Fail count" -> "Count", "Last failed at" -> "Last failed" --- client/src/Components/design-elements/Table.tsx | 7 ++++++- client/src/locales/en.json | 4 ++-- 2 files changed, 8 insertions(+), 3 deletions(-) diff --git a/client/src/Components/design-elements/Table.tsx b/client/src/Components/design-elements/Table.tsx index 58d0f96a0..dd49c421a 100644 --- a/client/src/Components/design-elements/Table.tsx +++ b/client/src/Components/design-elements/Table.tsx @@ -162,14 +162,19 @@ export function DataTable< }, "& .MuiTableHead-root .MuiTableRow-root": { height: "28px", + borderBottom: "1px solid rgba(0, 0, 0, 0.06)", + }, + "& .MuiTableHead-root .MuiTableCell-root": { + borderBottom: "none", }, "& :is(th)": { backgroundColor: theme.palette.background.paper, color: theme.palette.text.secondary, fontWeight: 500, textTransform: "uppercase", + letterSpacing: "0.08em", padding: `${theme.spacing(SPACING.LG)} ${theme.spacing(LAYOUT.MD)}`, - fontSize: theme.typography.fontSize, + fontSize: 11, }, "& :is(td)": { backgroundColor: theme.palette.background.paper, diff --git a/client/src/locales/en.json b/client/src/locales/en.json index 6e76bdd17..403bebaf3 100644 --- a/client/src/locales/en.json +++ b/client/src/locales/en.json @@ -883,12 +883,12 @@ "method": "Method", "monitorId": "Monitor ID", "runCount": "Run count", - "failCount": "Fail count", + "failCount": "Count", "lastRunAt": "Last run at", "lockedAt": "Locked at", "lastFinishedAt": "Last finished at", "lastRunTook": "Last run took", - "lastFailedAt": "Last failed at", + "lastFailedAt": "Last failed", "failReason": "Fail reason" } }, From b7d719132d14ee278b4b536c25c3393829eb07b0 Mon Sep 17 00:00:00 2001 From: gorkem-bwl Date: Sun, 26 Apr 2026 00:13:32 -0400 Subject: [PATCH 19/54] fix(client): use secondary text color for empty select placeholders Disabled-text was too pale for filter dropdowns like Type/Status/State, where the placeholder doubles as the field label. --- client/src/Components/inputs/Select.tsx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/client/src/Components/inputs/Select.tsx b/client/src/Components/inputs/Select.tsx index 190307ec3..f4f0ae392 100644 --- a/client/src/Components/inputs/Select.tsx +++ b/client/src/Components/inputs/Select.tsx @@ -19,7 +19,7 @@ const SelectInputInner = ( ref: React.ForwardedRef ) => { const theme = useTheme(); - const emptyPlaceholderColor = placeholderColor || theme.palette.text.disabled; + const emptyPlaceholderColor = placeholderColor || theme.palette.text.secondary; const renderValue = (selected: unknown) => { const isMultiple = Boolean((props as { multiple?: boolean }).multiple); From 7905e97a84b6152b765e626d583899c6aaf90b64 Mon Sep 17 00:00:00 2001 From: gorkem-bwl Date: Sun, 26 Apr 2026 00:13:35 -0400 Subject: [PATCH 20/54] fix(client): match account menu icon style with sidebar nav icons --- client/src/Components/sidebar/Authfooter.tsx | 9 +++++++-- 1 file changed, 7 insertions(+), 2 deletions(-) diff --git a/client/src/Components/sidebar/Authfooter.tsx b/client/src/Components/sidebar/Authfooter.tsx index 49df78270..9a22f3f33 100644 --- a/client/src/Components/sidebar/Authfooter.tsx +++ b/client/src/Components/sidebar/Authfooter.tsx @@ -65,10 +65,15 @@ export const AuthFooter = ({ collapsed, accountMenuItems }: AuthFooterProps) => }); const menuItemSx = { - gap: theme.spacing(LAYOUT.MD), + gap: theme.spacing(4), borderRadius: theme.shape.borderRadius, pl: theme.spacing(LAYOUT.XS), - "& svg": { stroke: theme.palette.text.secondary }, + "& svg": { + height: 16, + width: 16, + opacity: 0.81, + stroke: theme.palette.text.secondary, + }, }; return ( From b2741ad56735b29e889c6e6cdbb7586fb0e87c0f Mon Sep 17 00:00:00 2001 From: gorkem-bwl Date: Sun, 26 Apr 2026 00:18:37 -0400 Subject: [PATCH 21/54] fix(client): increase internal padding on status summary cards --- client/src/Components/design-elements/StatusBox.tsx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/client/src/Components/design-elements/StatusBox.tsx b/client/src/Components/design-elements/StatusBox.tsx index 96a9d9fbf..679ce8fda 100644 --- a/client/src/Components/design-elements/StatusBox.tsx +++ b/client/src/Components/design-elements/StatusBox.tsx @@ -21,7 +21,7 @@ export const BGBox = ({ children, sx }: StatusBoxProps) => { overflow: "hidden", position: "relative", flex: 1, - padding: theme.spacing(4), + padding: theme.spacing(6), ...sx, }} > From e3b6183e0085e975d7584070c726871b7e65a646 Mon Sep 17 00:00:00 2001 From: gorkem-bwl Date: Sun, 26 Apr 2026 00:18:41 -0400 Subject: [PATCH 22/54] fix(client): soften empty state typography and copy Drop the heavy 600-weight title in favour of regular-weight secondary text, and reword "Nothing here" to "Nothing to show yet". --- client/src/Components/design-elements/EmptyState.tsx | 12 ++++++------ client/src/locales/en.json | 2 +- 2 files changed, 7 insertions(+), 7 deletions(-) diff --git a/client/src/Components/design-elements/EmptyState.tsx b/client/src/Components/design-elements/EmptyState.tsx index 97b0d6166..a8850d516 100644 --- a/client/src/Components/design-elements/EmptyState.tsx +++ b/client/src/Components/design-elements/EmptyState.tsx @@ -52,9 +52,9 @@ export const EmptyState = ({ {title} @@ -91,9 +91,9 @@ export const EmptyState = ({ sx={{ mt: theme.spacing(LAYOUT.MD), mb: theme.spacing(LAYOUT.XS), - fontSize: 16, - fontWeight: 600, - color: theme.palette.text.primary, + fontSize: 14, + fontWeight: 400, + color: theme.palette.text.secondary, }} > {title} diff --git a/client/src/locales/en.json b/client/src/locales/en.json index 403bebaf3..df159477d 100644 --- a/client/src/locales/en.json +++ b/client/src/locales/en.json @@ -105,7 +105,7 @@ } }, "table": { - "empty": "Nothing here", + "empty": "Nothing to show yet", "headers": { "actions": "Actions", "dateTime": "Date & time", From 25735df0c60491ae8baf56c3c3ca233be63d217c Mon Sep 17 00:00:00 2001 From: gorkem-bwl Date: Sun, 26 Apr 2026 00:18:45 -0400 Subject: [PATCH 23/54] fix(client): use theme divider for table header line so it shows in dark mode --- client/src/Components/design-elements/Table.tsx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/client/src/Components/design-elements/Table.tsx b/client/src/Components/design-elements/Table.tsx index dd49c421a..91bb69615 100644 --- a/client/src/Components/design-elements/Table.tsx +++ b/client/src/Components/design-elements/Table.tsx @@ -162,7 +162,7 @@ export function DataTable< }, "& .MuiTableHead-root .MuiTableRow-root": { height: "28px", - borderBottom: "1px solid rgba(0, 0, 0, 0.06)", + borderBottom: `1px solid ${theme.palette.divider}`, }, "& .MuiTableHead-root .MuiTableCell-root": { borderBottom: "none", From 897204ead393ccc97d2b46e51bf538fde0e11d24 Mon Sep 17 00:00:00 2001 From: gorkem-bwl Date: Sun, 26 Apr 2026 00:22:14 -0400 Subject: [PATCH 24/54] refactor(client): extract useClientPagination hook and clean up Select prop - Replace duplicated page/rowsPerPage state in Team, Notifications and Status Pages tables with a shared useClientPagination hook - Drop unused placeholderColor prop from Select; placeholder always uses secondary text - Restore LAYOUT.MD constant for the account menu item gap --- client/src/Components/inputs/Select.tsx | 5 +- client/src/Components/sidebar/Authfooter.tsx | 2 +- client/src/Hooks/useClientPagination.ts | 37 +++++++++++++++ .../Pages/Account/components/TeamTable.tsx | 40 +++------------- .../components/NotificationsTable.tsx | 47 +++---------------- .../Components/StatusPagesTable.tsx | 35 ++------------ 6 files changed, 57 insertions(+), 109 deletions(-) create mode 100644 client/src/Hooks/useClientPagination.ts diff --git a/client/src/Components/inputs/Select.tsx b/client/src/Components/inputs/Select.tsx index f4f0ae392..92a57860a 100644 --- a/client/src/Components/inputs/Select.tsx +++ b/client/src/Components/inputs/Select.tsx @@ -11,15 +11,14 @@ interface SelectInputProps extends Omit, "label"> { fieldLabel?: string; required?: boolean; placeholder?: string; - placeholderColor?: string; } const SelectInputInner = ( - { fieldLabel, required, placeholder, placeholderColor, ...props }: SelectInputProps, + { fieldLabel, required, placeholder, ...props }: SelectInputProps, ref: React.ForwardedRef ) => { const theme = useTheme(); - const emptyPlaceholderColor = placeholderColor || theme.palette.text.secondary; + const emptyPlaceholderColor = theme.palette.text.secondary; const renderValue = (selected: unknown) => { const isMultiple = Boolean((props as { multiple?: boolean }).multiple); diff --git a/client/src/Components/sidebar/Authfooter.tsx b/client/src/Components/sidebar/Authfooter.tsx index 9a22f3f33..34f76d7ce 100644 --- a/client/src/Components/sidebar/Authfooter.tsx +++ b/client/src/Components/sidebar/Authfooter.tsx @@ -65,7 +65,7 @@ export const AuthFooter = ({ collapsed, accountMenuItems }: AuthFooterProps) => }); const menuItemSx = { - gap: theme.spacing(4), + gap: theme.spacing(LAYOUT.MD), borderRadius: theme.shape.borderRadius, pl: theme.spacing(LAYOUT.XS), "& svg": { diff --git a/client/src/Hooks/useClientPagination.ts b/client/src/Hooks/useClientPagination.ts new file mode 100644 index 000000000..93bb5256a --- /dev/null +++ b/client/src/Hooks/useClientPagination.ts @@ -0,0 +1,37 @@ +import { useState } from "react"; + +export const useClientPagination = (rows: T[], initialRowsPerPage = 10) => { + const [page, setPage] = useState(0); + const [rowsPerPage, setRowsPerPage] = useState(initialRowsPerPage); + + const handlePageChange = ( + _e: React.MouseEvent | null, + newPage: number + ) => { + setPage(newPage); + }; + + const handleRowsPerPageChange = ( + e: React.ChangeEvent + ) => { + setPage(0); + setRowsPerPage(Number(e.target.value)); + }; + + const pagedRows = rows.slice(page * rowsPerPage, page * rowsPerPage + rowsPerPage); + + return { + page, + rowsPerPage, + pagedRows, + paginationProps: { + component: "div" as const, + count: rows.length, + page, + rowsPerPage, + onPageChange: handlePageChange, + onRowsPerPageChange: handleRowsPerPageChange, + itemsOnPage: pagedRows.length, + }, + }; +}; diff --git a/client/src/Pages/Account/components/TeamTable.tsx b/client/src/Pages/Account/components/TeamTable.tsx index 10b16515b..bceca2313 100644 --- a/client/src/Pages/Account/components/TeamTable.tsx +++ b/client/src/Pages/Account/components/TeamTable.tsx @@ -1,12 +1,11 @@ -import Box from "@mui/material/Box"; import Typography from "@mui/material/Typography"; import { useNavigate } from "react-router-dom"; import { useTranslation } from "react-i18next"; -import { useState } from "react"; import { Table } from "@/Components/design-elements"; import { Pagination } from "@/Components/design-elements/Table"; import type { Header } from "@/Components/design-elements/Table"; import { useIsAdmin } from "@/Hooks/useIsAdmin"; +import { useClientPagination } from "@/Hooks/useClientPagination"; import type { User } from "@/Types/User"; interface TeamTableProps { @@ -17,8 +16,7 @@ export const TeamTable = ({ users }: TeamTableProps) => { const { t } = useTranslation(); const navigate = useNavigate(); const isAdmin = useIsAdmin(); - const [page, setPage] = useState(0); - const [rowsPerPage, setRowsPerPage] = useState(10); + const { pagedRows, paginationProps } = useClientPagination(users); const headers: Header[] = [ { @@ -55,40 +53,14 @@ export const TeamTable = ({ users }: TeamTableProps) => { } }; - const handlePageChange = ( - _e: React.MouseEvent | null, - newPage: number - ) => { - setPage(newPage); - }; - - const handleRowsPerPageChange = ( - e: React.ChangeEvent - ) => { - setPage(0); - setRowsPerPage(Number(e.target.value)); - }; - - const pagedUsers = users.slice(page * rowsPerPage, page * rowsPerPage + rowsPerPage); - return ( - + <>
- {users.length > 0 && ( - - )} - + {users.length > 0 && } + ); }; diff --git a/client/src/Pages/Notifications/components/NotificationsTable.tsx b/client/src/Pages/Notifications/components/NotificationsTable.tsx index 4a42a597d..a1c8d8921 100644 --- a/client/src/Pages/Notifications/components/NotificationsTable.tsx +++ b/client/src/Pages/Notifications/components/NotificationsTable.tsx @@ -1,11 +1,10 @@ import { ActionsMenu, type ActionMenuItem } from "@/Components/actions-menu"; -import Box from "@mui/material/Box"; import Typography from "@mui/material/Typography"; import type { Header } from "@/Components/design-elements/Table"; import { Table } from "@/Components/design-elements"; import { Pagination } from "@/Components/design-elements/Table"; +import { useClientPagination } from "@/Hooks/useClientPagination"; -import { useState } from "react"; import type { Notification } from "@/Types/Notification"; import { useNavigate } from "react-router"; import { useTranslation } from "react-i18next"; @@ -23,8 +22,7 @@ export const NotificationsTable = ({ const navigate = useNavigate(); const { t } = useTranslation(); const theme = useTheme(); - const [page, setPage] = useState(0); - const [rowsPerPage, setRowsPerPage] = useState(10); + const { pagedRows, paginationProps } = useClientPagination(notifications); const getActions = (channel: Notification): ActionMenuItem[] => { return [ @@ -87,47 +85,16 @@ export const NotificationsTable = ({ return headers; }; - const headers = getHeaders(); - - const handlePageChange = ( - _e: React.MouseEvent | null, - newPage: number - ) => { - setPage(newPage); - }; - - const handleRowsPerPageChange = ( - e: React.ChangeEvent - ) => { - setPage(0); - setRowsPerPage(Number(e.target.value)); - }; - - const pagedNotifications = notifications.slice( - page * rowsPerPage, - page * rowsPerPage + rowsPerPage - ); - return ( - + <>
{ navigate(`/notifications/configure/${row.id}`); }} /> - {notifications.length > 0 && ( - - )} - + {notifications.length > 0 && } + ); }; diff --git a/client/src/Pages/StatusPage/StatusPages/Components/StatusPagesTable.tsx b/client/src/Pages/StatusPage/StatusPages/Components/StatusPagesTable.tsx index 56b1d4411..9c9938c04 100644 --- a/client/src/Pages/StatusPage/StatusPages/Components/StatusPagesTable.tsx +++ b/client/src/Pages/StatusPage/StatusPages/Components/StatusPagesTable.tsx @@ -4,9 +4,9 @@ import Typography from "@mui/material/Typography"; import { Table, type Header, ValueLabel } from "@/Components/design-elements"; import { Pagination } from "@/Components/design-elements/Table"; import { ActionsMenu, type ActionMenuItem } from "@/Components/actions-menu"; +import { useClientPagination } from "@/Hooks/useClientPagination"; import { ExternalLink } from "lucide-react"; -import { useState } from "react"; import { useTranslation } from "react-i18next"; import { useTheme } from "@mui/material/styles"; import { useNavigate } from "react-router-dom"; @@ -25,8 +25,7 @@ export const StatusPagesTable = ({ const { t } = useTranslation(); const theme = useTheme(); const navigate = useNavigate(); - const [page, setPage] = useState(0); - const [rowsPerPage, setRowsPerPage] = useState(10); + const { pagedRows, paginationProps } = useClientPagination(data); const getActions = (row: StatusPage): ActionMenuItem[] => { return [ @@ -133,41 +132,15 @@ export const StatusPagesTable = ({ navigate(`/status/${statusPage.url}`); }; - const handlePageChange = ( - _e: React.MouseEvent | null, - newPage: number - ) => { - setPage(newPage); - }; - - const handleRowsPerPageChange = ( - e: React.ChangeEvent - ) => { - setPage(0); - setRowsPerPage(Number(e.target.value)); - }; - - const pagedData = data.slice(page * rowsPerPage, page * rowsPerPage + rowsPerPage); - return (
- {data.length > 0 && ( - - )} + {data.length > 0 && } ); }; From 51f9c0913212fec368eca28864b579d69ea2ce83 Mon Sep 17 00:00:00 2001 From: gorkem-bwl Date: Sun, 26 Apr 2026 00:32:18 -0400 Subject: [PATCH 25/54] feat(client): unify switch, radio and slider styling via theme overrides MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit - Switch: 36x20 contained pill with 6px right padding so labels keep their distance even inside Stacks - Radio: theme-level override, 20px ring with a fixed-size inner dot — checked state no longer animates a scale change that pushed labels around - Slider: white thumb with primary-colour ring, 4px track, soft hover/active glow - Drop the custom RadioInput icon overrides that bypassed the theme and caused the size jiggle --- client/src/Components/inputs/Radio.tsx | 42 +--------- client/src/Utils/Theme/Theme.ts | 107 +++++++++++++++++++++++++ 2 files changed, 108 insertions(+), 41 deletions(-) diff --git a/client/src/Components/inputs/Radio.tsx b/client/src/Components/inputs/Radio.tsx index ad8dc3374..01e968188 100644 --- a/client/src/Components/inputs/Radio.tsx +++ b/client/src/Components/inputs/Radio.tsx @@ -1,52 +1,13 @@ import Radio from "@mui/material/Radio"; import type { RadioProps } from "@mui/material/Radio"; import { useTheme } from "@mui/material/styles"; -import { Circle, CircleDot } from "lucide-react"; import FormControlLabel from "@mui/material/FormControlLabel"; import Typography from "@mui/material/Typography"; interface RadioInputProps extends RadioProps {} export const RadioInput = ({ ...props }: RadioInputProps) => { - const theme = useTheme(); - return ( - - } - checkedIcon={ - - } - sx={{ - padding: 0, - mt: theme.spacing(0.5), - color: theme.palette.text.secondary, - "&.Mui-checked": { - color: theme.palette.primary.main, - "& svg circle": { - fill: theme.palette.primary.main, - }, - }, - "& .MuiSvgIcon-root": { - fontSize: 16, - }, - "& svg": { - stroke: "currentColor", - }, - "& svg path, & svg line, & svg polyline, & svg rect, & svg circle": { - stroke: "currentColor", - fill: "none", - }, - }} - /> - ); + return ; }; export const RadioWithDescription = ({ @@ -79,7 +40,6 @@ export const RadioWithDescription = ({ backgroundColor: theme.palette.background.paper, }, "& .MuiButtonBase-root": { - p: 0, mr: theme.spacing(6), }, }} diff --git a/client/src/Utils/Theme/Theme.ts b/client/src/Utils/Theme/Theme.ts index bd175e8d1..806cfd4f9 100644 --- a/client/src/Utils/Theme/Theme.ts +++ b/client/src/Utils/Theme/Theme.ts @@ -151,6 +151,113 @@ export const theme = (mode: string, palette: any) => }, }, }, + + MuiSwitch: { + defaultProps: { disableRipple: true }, + styleOverrides: { + root: { + width: 36, + height: 20, + padding: "0 6px 0 0", + boxSizing: "content-box", + overflow: "visible", + }, + switchBase: ({ theme }) => ({ + padding: 2, + "&.Mui-checked": { + transform: "translateX(16px)", + color: "#fff", + "& + .MuiSwitch-track": { + backgroundColor: theme.palette.primary.main, + opacity: 1, + border: 0, + }, + }, + }), + thumb: { + width: 16, + height: 16, + boxShadow: "0 1px 2px rgba(16, 24, 40, 0.1)", + }, + track: ({ theme }) => ({ + borderRadius: 999, + backgroundColor: + theme.palette.mode === "dark" + ? "rgba(255,255,255,0.16)" + : theme.palette.action.disabledBackground, + opacity: 1, + }), + }, + }, + + MuiRadio: { + defaultProps: { disableRipple: true }, + styleOverrides: { + root: ({ theme }) => ({ + padding: theme.spacing(2), + color: theme.palette.divider, + "& .MuiSvgIcon-root": { + fontSize: 20, + transition: "none", + }, + "&.Mui-checked": { + color: theme.palette.primary.main, + }, + "&.Mui-checked .MuiSvgIcon-root:last-of-type": { + transform: "scale(0.6)", + }, + }), + }, + }, + + MuiSlider: { + styleOverrides: { + root: ({ theme }) => ({ + height: 4, + padding: "13px 0", + color: theme.palette.primary.main, + }), + rail: ({ theme }) => ({ + height: 4, + borderRadius: 999, + opacity: 1, + backgroundColor: + theme.palette.mode === "dark" + ? "rgba(255,255,255,0.16)" + : theme.palette.action.disabledBackground, + }), + track: { + height: 4, + borderRadius: 999, + border: "none", + }, + thumb: ({ theme }) => ({ + width: 18, + height: 18, + backgroundColor: theme.palette.background.paper, + border: `2px solid ${theme.palette.primary.main}`, + boxShadow: "0 1px 2px rgba(16, 24, 40, 0.1)", + "&:hover, &.Mui-focusVisible": { + boxShadow: `0 0 0 6px ${theme.palette.primary.main}1f`, + }, + "&.Mui-active": { + boxShadow: `0 0 0 8px ${theme.palette.primary.main}29`, + }, + "&::before": { display: "none" }, + }), + mark: ({ theme }) => ({ + width: 2, + height: 2, + borderRadius: 999, + backgroundColor: theme.palette.text.disabled, + opacity: 0.5, + }), + markActive: ({ theme }) => ({ + backgroundColor: theme.palette.primary.main, + opacity: 0.5, + }), + }, + }, }, shape: { borderRadius: 2, From cca027b5eb5b0d93ba1faaa379f1be647d10053a Mon Sep 17 00:00:00 2001 From: gorkem-bwl Date: Sun, 26 Apr 2026 00:42:11 -0400 Subject: [PATCH 26/54] fix(client): subtle tinted selection on toggle button group Selected segment uses a 6% primary alpha rather than the previous green tint, and the per-button border override is gone so adjacent segments share one clean divider line. --- client/src/Components/inputs/ToggleButton.tsx | 13 ++++++++++++- 1 file changed, 12 insertions(+), 1 deletion(-) diff --git a/client/src/Components/inputs/ToggleButton.tsx b/client/src/Components/inputs/ToggleButton.tsx index 40b4309b8..e0a6f0ea2 100644 --- a/client/src/Components/inputs/ToggleButton.tsx +++ b/client/src/Components/inputs/ToggleButton.tsx @@ -3,8 +3,10 @@ import ToggleButtonGroup from "@mui/material/ToggleButtonGroup"; import type { ToggleButtonProps } from "@mui/material/ToggleButton"; import type { ToggleButtonGroupProps } from "@mui/material/ToggleButtonGroup"; import { useTheme } from "@mui/material/styles"; +import { alpha } from "@mui/material/styles"; export const ToggleButtonInput = ({ sx, ...props }: ToggleButtonProps) => { + const theme = useTheme(); return ( { textOverflow: "ellipsis", overflow: "hidden", boxShadow: "none", + color: theme.palette.text.secondary, "&:hover": { boxShadow: "none", + backgroundColor: theme.palette.action.hover, + }, + "&.Mui-selected": { + backgroundColor: alpha(theme.palette.primary.main, 0.06), + color: theme.palette.text.primary, + fontWeight: 500, + "&:hover": { + backgroundColor: alpha(theme.palette.primary.main, 0.1), + }, }, ...sx, }} @@ -34,7 +46,6 @@ export const ToggleButtonGroupInput = ({ sx, ...props }: ToggleButtonGroupProps) sx={{ "& .MuiToggleButtonGroup-grouped": { borderColor: theme.palette.divider, - borderRadius: 0, "&:first-of-type": { borderTopLeftRadius: 2, From 26e49f61614c58e7167adba8cbcdb45f7efdb9d8 Mon Sep 17 00:00:00 2001 From: gorkem-bwl Date: Sun, 26 Apr 2026 00:42:16 -0400 Subject: [PATCH 27/54] fix(client): drop card chrome around the settings save button MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit The sticky save bar no longer renders a paper background, top border or full-width margin extension — it just sticks to the bottom on its own. --- client/src/Pages/Settings/index.tsx | 6 ------ 1 file changed, 6 deletions(-) diff --git a/client/src/Pages/Settings/index.tsx b/client/src/Pages/Settings/index.tsx index 976f854c1..3fd7f3d99 100644 --- a/client/src/Pages/Settings/index.tsx +++ b/client/src/Pages/Settings/index.tsx @@ -975,19 +975,13 @@ export const SettingsPage = () => { loading={isDeletingAllMonitors} /> - {/* Sticky Save Button */} From 8ca53bd765bc0787e9268a27d5c9411249669bb1 Mon Sep 17 00:00:00 2001 From: gorkem-bwl Date: Sun, 26 Apr 2026 01:07:10 -0400 Subject: [PATCH 28/54] fix(client): smaller, lighter labels on uptime status cards Up/down/paused/initializing labels now use the same uppercase 11px treatment as the table headers, with looser tracking, instead of the heavier h2 variant. --- client/src/Components/design-elements/StatusBox.tsx | 6 +++++- 1 file changed, 5 insertions(+), 1 deletion(-) diff --git a/client/src/Components/design-elements/StatusBox.tsx b/client/src/Components/design-elements/StatusBox.tsx index 679ce8fda..017873eb9 100644 --- a/client/src/Components/design-elements/StatusBox.tsx +++ b/client/src/Components/design-elements/StatusBox.tsx @@ -65,9 +65,13 @@ const StatusBox = ({ {label} From 99be8651aace0b3777ce8909ce2b39803075cca3 Mon Sep 17 00:00:00 2001 From: gorkem-bwl Date: Sun, 26 Apr 2026 01:07:16 -0400 Subject: [PATCH 29/54] =?UTF-8?q?feat(client):=20unify=20brand=20mark=20?= =?UTF-8?q?=E2=80=94=20green=20king=20across=20sidebar,=20page=20header=20?= =?UTF-8?q?and=20favicon?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit - Replace the blue chess-piece SVG with a green king silhouette adapted from Cburnett's chess set (Wikimedia Commons, CC BY-SA 3.0); applies to the page-header logo and the browser favicon - Drop the placeholder green "C" square in the sidebar in favour of the same king SVG - Add a NOTICE file documenting the asset attribution and license --- client/NOTICE | 18 +++++++ client/public/checkmate_favicon.svg | 58 ++++------------------ client/src/Components/sidebar/Logo.tsx | 27 +++++----- client/src/assets/icons/checkmate-icon.svg | 58 ++++------------------ 4 files changed, 53 insertions(+), 108 deletions(-) create mode 100644 client/NOTICE diff --git a/client/NOTICE b/client/NOTICE new file mode 100644 index 000000000..a72e9c36f --- /dev/null +++ b/client/NOTICE @@ -0,0 +1,18 @@ +Checkmate +Copyright (c) BlueWave Labs + +This product includes assets developed by third parties. + +---------------------------------------------------------------------- + +King chess-piece silhouette used in the Checkmate logo +(client/src/assets/icons/checkmate-icon.svg and + client/public/checkmate_favicon.svg) +is adapted from "Chess klt45.svg" by Cburnett, available at: + https://commons.wikimedia.org/wiki/File:Chess_klt45.svg +Licensed under Creative Commons Attribution-ShareAlike 3.0 Unported +(CC BY-SA 3.0): https://creativecommons.org/licenses/by-sa/3.0/ + +The original artwork has been recolored from the white-with-black-stroke +chess piece to the Checkmate brand green (#13715B) for use as a logo. +Modifications: stroke color change only; geometry unchanged. diff --git a/client/public/checkmate_favicon.svg b/client/public/checkmate_favicon.svg index e0e6bf6f4..e1701573a 100644 --- a/client/public/checkmate_favicon.svg +++ b/client/public/checkmate_favicon.svg @@ -1,49 +1,11 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - + + + Checkmate + King silhouette adapted from Cburnett's chess set (Wikimedia Commons, CC BY-SA 3.0). + + + + + + diff --git a/client/src/Components/sidebar/Logo.tsx b/client/src/Components/sidebar/Logo.tsx index d7ab2c751..1bb25bd0a 100644 --- a/client/src/Components/sidebar/Logo.tsx +++ b/client/src/Components/sidebar/Logo.tsx @@ -6,6 +6,7 @@ import { toggleSidebar } from "@/Features/UI/uiSlice.js"; import { useDispatch } from "react-redux"; import { useTranslation } from "react-i18next"; import useSidebar from "@/Hooks/useSidebar"; +import KingIcon from "@/assets/icons/checkmate-icon.svg?react"; export const Logo = (props: StackProps) => { const { t } = useTranslation(); @@ -23,19 +24,21 @@ export const Logo = (props: StackProps) => { sx={{ cursor: "pointer" }} {...props} > - - C - + + - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - + + + Checkmate + King silhouette adapted from Cburnett's chess set (Wikimedia Commons, CC BY-SA 3.0). + + + + + + From d6532c60a6496f3e0ed735ec2ed452d91b3a2a23 Mon Sep 17 00:00:00 2001 From: gorkem-bwl Date: Sun, 26 Apr 2026 01:21:04 -0400 Subject: [PATCH 30/54] fix(client): brand primary colour is the brand green, not blue Renames the primary palette token from blueBlueWave to brandGreen and points it at #13715B in both light and dark themes, so primary buttons, sidebar selection, slider rings, switch tracks etc. follow the brand instead of the old blue. --- client/src/Utils/Theme/Palette.ts | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/client/src/Utils/Theme/Palette.ts b/client/src/Utils/Theme/Palette.ts index 9c19f0cbf..93b09e4e9 100644 --- a/client/src/Utils/Theme/Palette.ts +++ b/client/src/Utils/Theme/Palette.ts @@ -14,12 +14,12 @@ export const colors = { gray700: "#313131", gray900: "#151518", gray850: "#1c1c21", - blueBlueWave: "#1570EF", + brandGreen: "#13715B", }; export const lightPalette = { primary: { - main: colors.blueBlueWave, + main: colors.brandGreen, }, secondary: { main: colors.gray200, @@ -28,7 +28,7 @@ export const lightPalette = { export const darkPalette = { primary: { - main: colors.blueBlueWave, + main: colors.brandGreen, }, secondary: { main: colors.gray700, From 2dccf73050cb3f7fd3befba1068e70a12e98b59b Mon Sep 17 00:00:00 2001 From: gorkem-bwl Date: Sun, 26 Apr 2026 01:21:11 -0400 Subject: [PATCH 31/54] fix(client): green-tone the empty state illustration The foreground card was painted in blue (#EEF4FE/#7DA8E8 etc.); recoloured to the brand green family so the illustration matches the rest of the UI. --- .../design-elements/EmptyStateIllustration.tsx | 12 ++++++------ 1 file changed, 6 insertions(+), 6 deletions(-) diff --git a/client/src/Components/design-elements/EmptyStateIllustration.tsx b/client/src/Components/design-elements/EmptyStateIllustration.tsx index ba69ede84..d4557bc9a 100644 --- a/client/src/Components/design-elements/EmptyStateIllustration.tsx +++ b/client/src/Components/design-elements/EmptyStateIllustration.tsx @@ -11,18 +11,18 @@ const PALETTE = { backFill: "#F5F7FA", backStroke: "#D5DBE3", backInner: "#B6C2CF", - frontFill: "#EEF4FE", - frontStroke: "#7DA8E8", - frontInner: "#7DA8E8", + frontFill: "#EAF5F0", + frontStroke: "#7DBFAA", + frontInner: "#4DAF94", }, dark: { grid: "#3A4452", backFill: "#475569", backStroke: "#64748B", backInner: "#CBD5E1", - frontFill: "#1E40AF", - frontStroke: "#60A5FA", - frontInner: "#DBEAFE", + frontFill: "#0F5D4A", + frontStroke: "#4DAF94", + frontInner: "#B5E2D2", }, }; From 4fd9b2ecf535cdf32162c172efd77aa100045950 Mon Sep 17 00:00:00 2001 From: gorkem-bwl Date: Sun, 26 Apr 2026 01:21:47 -0400 Subject: [PATCH 32/54] feat(client): add eyebrow typography variant and lighter page titles - Introduce a reusable eyebrow Typography variant in the theme (13px, 500 weight, uppercase, 0.08em tracking) for section headings - Apply it to ConfigBox titles in /settings and to "Job queue" / "Failed jobs" in /logs - Drop the page header weight from 600 to 400 with tighter tracking so titles read lighter and more refined --- .../Components/design-elements/PageHeader.tsx | 8 +++--- .../Components/design-elements/SplitBox.tsx | 4 +-- client/src/Pages/Logs/TabQueue.tsx | 8 +++--- client/src/Utils/Theme/Theme.ts | 28 +++++++++++++++++++ 4 files changed, 38 insertions(+), 10 deletions(-) diff --git a/client/src/Components/design-elements/PageHeader.tsx b/client/src/Components/design-elements/PageHeader.tsx index 767d289b4..84b0f61c6 100644 --- a/client/src/Components/design-elements/PageHeader.tsx +++ b/client/src/Components/design-elements/PageHeader.tsx @@ -94,11 +94,11 @@ export const PageHeader = ({ )} {title} diff --git a/client/src/Components/design-elements/SplitBox.tsx b/client/src/Components/design-elements/SplitBox.tsx index 08f245178..4154ed010 100644 --- a/client/src/Components/design-elements/SplitBox.tsx +++ b/client/src/Components/design-elements/SplitBox.tsx @@ -63,9 +63,9 @@ export const ConfigBox = ({ left={ {title} diff --git a/client/src/Pages/Logs/TabQueue.tsx b/client/src/Pages/Logs/TabQueue.tsx index 10ea29260..34830c9d6 100644 --- a/client/src/Pages/Logs/TabQueue.tsx +++ b/client/src/Pages/Logs/TabQueue.tsx @@ -47,8 +47,8 @@ export const TabQueue = () => { {t("pages.logs.jobQueue")} @@ -83,8 +83,8 @@ export const TabQueue = () => { {t("pages.logs.failedJobs")} diff --git a/client/src/Utils/Theme/Theme.ts b/client/src/Utils/Theme/Theme.ts index 806cfd4f9..f48ab1686 100644 --- a/client/src/Utils/Theme/Theme.ts +++ b/client/src/Utils/Theme/Theme.ts @@ -2,12 +2,32 @@ import { createTheme } from "@mui/material"; import { lightPalette, darkPalette, typographyLevels } from "@/Utils/Theme/Palette"; import type { Theme } from "@mui/material/styles"; +import type {} from "@mui/material/styles"; + +declare module "@mui/material/styles" { + interface TypographyVariants { + eyebrow: React.CSSProperties; + fontFamilyMonospace: string; + } + interface TypographyVariantsOptions { + eyebrow?: React.CSSProperties; + fontFamilyMonospace?: string; + } +} + +declare module "@mui/material/Typography" { + interface TypographyPropsVariantOverrides { + eyebrow: true; + } +} export type PaletteKey = { [K in keyof Theme["palette"]]: Theme["palette"][K] extends { main: any } ? K : never; }[keyof Theme["palette"]]; const fontFamilyPrimary = "system-ui, sans-serif"; +const fontFamilyMonospace = + 'ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace'; const shadow = "0px 4px 24px -4px rgba(16, 24, 40, 0.08), 0px 3px 3px -3px rgba(16, 24, 40, 0.03)"; @@ -29,6 +49,7 @@ export const theme = (mode: string, palette: any) => }, typography: { fontFamily: fontFamilyPrimary, + fontFamilyMonospace, fontSize: typographyLevels.base, h1: { fontSize: typographyLevels.xl, @@ -46,6 +67,13 @@ export const theme = (mode: string, palette: any) => fontSize: typographyLevels.s, fontWeight: 400, }, + eyebrow: { + fontSize: 13, + fontWeight: 500, + textTransform: "uppercase", + letterSpacing: "0.08em", + lineHeight: 1.4, + }, }, components: { From 82ad40ac82bf683c5e96108d99c227aceb3b54b8 Mon Sep 17 00:00:00 2001 From: gorkem-bwl Date: Sun, 26 Apr 2026 01:21:54 -0400 Subject: [PATCH 33/54] fix(client): replace hardcoded blue accents in tooltip and toast - Tooltip backgrounds now pull from the theme's grey palette instead of a hand-rolled blue gradient (visible bug in dark mode) - Toast progress bars use theme.palette.primary.main so they match the rest of the brand --- client/src/App.tsx | 4 ++-- client/src/Components/design-elements/Tooltip.tsx | 11 +++++------ 2 files changed, 7 insertions(+), 8 deletions(-) diff --git a/client/src/App.tsx b/client/src/App.tsx index 15c94dbb5..c07aa5496 100644 --- a/client/src/App.tsx +++ b/client/src/App.tsx @@ -43,8 +43,8 @@ function App() { theme={mode} style={ { - "--toastify-color-progress-light": "#7C8BA1", - "--toastify-color-progress-dark": "#7C8BA1", + "--toastify-color-progress-light": theme.palette.primary.main, + "--toastify-color-progress-dark": theme.palette.primary.main, } as CSSProperties } /> diff --git a/client/src/Components/design-elements/Tooltip.tsx b/client/src/Components/design-elements/Tooltip.tsx index f83b1331c..f9bbbb92b 100644 --- a/client/src/Components/design-elements/Tooltip.tsx +++ b/client/src/Components/design-elements/Tooltip.tsx @@ -16,16 +16,15 @@ export const Tooltip = ({ placement = "top", ...props }: StyledTooltipProps) => slotProps={{ tooltip: { sx: { - background: + backgroundColor: theme.palette.mode === "dark" - ? "linear-gradient(135deg, #1a1a2e 0%, #16213e 100%)" - : "linear-gradient(135deg, #2c3e50 0%, #1a252f 100%)", - backgroundColor: "transparent", - color: "#ffffff", + ? theme.palette.grey[900] + : theme.palette.grey[800], + color: theme.palette.common.white, fontSize: "13px", padding: `${theme.spacing(4)} ${theme.spacing(5)}`, borderRadius: `${theme.shape.borderRadius}px`, - boxShadow: "0 8px 24px rgba(0, 0, 0, 0.4)", + boxShadow: theme.shadows[6], }, }, }} From c6db7e64791fd15e01af9c4b557b78de1ad44c12 Mon Sep 17 00:00:00 2001 From: gorkem-bwl Date: Sun, 26 Apr 2026 01:22:01 -0400 Subject: [PATCH 34/54] refactor(client): centralise monospace font through the theme Add a fontFamilyMonospace token to theme.typography (ui-monospace stack with sensible fallbacks) and route the four ad-hoc fontFamily="monospace" call sites through it so the project has one source of truth. --- client/src/Components/design-elements/MonitorStatus.tsx | 2 +- client/src/Pages/Logs/components/TableJobs.tsx | 8 ++++++-- client/src/Pages/Logs/components/TableLogs.tsx | 6 ++++-- client/src/Pages/Settings/index.tsx | 2 +- 4 files changed, 12 insertions(+), 6 deletions(-) diff --git a/client/src/Components/design-elements/MonitorStatus.tsx b/client/src/Components/design-elements/MonitorStatus.tsx index 04c62de47..dbeb5fa84 100644 --- a/client/src/Components/design-elements/MonitorStatus.tsx +++ b/client/src/Components/design-elements/MonitorStatus.tsx @@ -34,7 +34,7 @@ export const MonitorStatus = ({ monitor }: { monitor: Monitor }) => { { content: t("common.table.headers.monitorId"), render: (row) => ( @@ -137,7 +137,11 @@ export const TableFailedJobs = ({ metrics }: TableFailedJobsProps) => { id: "monitorId", content: t("common.table.headers.monitorId"), render: (row) => { - return {row.monitorId}; + return ( + + {row.monitorId} + + ); }, }, { diff --git a/client/src/Pages/Logs/components/TableLogs.tsx b/client/src/Pages/Logs/components/TableLogs.tsx index 144d6056c..30ec686c5 100644 --- a/client/src/Pages/Logs/components/TableLogs.tsx +++ b/client/src/Pages/Logs/components/TableLogs.tsx @@ -55,7 +55,7 @@ export const TableLogs = ({ logs, logCount, page, setPage }: TableLogsProps) => id: "timestamp", content: t("pages.logs.table.headers.timestamp"), render: (row) => ( - + {formatTimestamp(row.timestamp)} ), @@ -74,7 +74,9 @@ export const TableLogs = ({ logs, logCount, page, setPage }: TableLogsProps) => id: "method", content: t("pages.logs.table.headers.method"), render: (row) => ( - {row.method || "-"} + + {row.method || "-"} + ), }, { diff --git a/client/src/Pages/Settings/index.tsx b/client/src/Pages/Settings/index.tsx index 3fd7f3d99..ac7237c91 100644 --- a/client/src/Pages/Settings/index.tsx +++ b/client/src/Pages/Settings/index.tsx @@ -579,7 +579,7 @@ export const SettingsPage = () => { Date: Sun, 26 Apr 2026 01:22:06 -0400 Subject: [PATCH 35/54] chore(client): document MUI default fallbacks in getResponseColor Annotate the hex literals used when callers omit theme colours so the intent (defensive MUI default match) is obvious instead of looking like arbitrary values. --- client/src/Utils/DataUtils.ts | 8 +++++--- 1 file changed, 5 insertions(+), 3 deletions(-) diff --git a/client/src/Utils/DataUtils.ts b/client/src/Utils/DataUtils.ts index c0bbb2d2a..40bbd1b8b 100644 --- a/client/src/Utils/DataUtils.ts +++ b/client/src/Utils/DataUtils.ts @@ -56,10 +56,12 @@ export const getResponseColor = ( // 0–300ms: interpolate start (good) -> mid (warning) // 300–600ms: interpolate mid (warning) -> end (error) // >600ms: solid end (error) + // MUI default success/warning/error.main values, used only when the caller + // fails to pass theme colors (defensive — keeps the gradient meaningful). const safe = { ...colors }; - if (!safe.start) safe.start = "#4caf50"; // fallback green - if (!safe.mid) safe.mid = "#ff9800"; // fallback orange - if (!safe.end) safe.end = "#f44336"; // fallback red + if (!safe.start) safe.start = "#4caf50"; + if (!safe.mid) safe.mid = "#ff9800"; + if (!safe.end) safe.end = "#f44336"; const toHex = (c: number) => c.toString(16).padStart(2, "0"); const clamp = (n: number) => Math.min(255, Math.max(0, Math.round(n))); From 72fc28c1fad411683a9eaed4d3342ae0f41553ef Mon Sep 17 00:00:00 2001 From: gorkem-bwl Date: Sun, 26 Apr 2026 01:31:41 -0400 Subject: [PATCH 36/54] fix(client): give auth pages a stable form width The login/register form used percentage widths that collapsed to ~15% on wide screens, wrapping the "Forgot password" / "Reset password" links onto two lines. Switch to a fixed 400px max-width that just shrinks below it on small screens. --- client/src/Components/design-elements/BasePage.tsx | 8 +++----- 1 file changed, 3 insertions(+), 5 deletions(-) diff --git a/client/src/Components/design-elements/BasePage.tsx b/client/src/Components/design-elements/BasePage.tsx index a6fb13907..4c04bc78a 100644 --- a/client/src/Components/design-elements/BasePage.tsx +++ b/client/src/Components/design-elements/BasePage.tsx @@ -299,11 +299,9 @@ export const BaseAuthPage = ({ {children} From f7629eb1be1ed68ef1c779aee6fd58ffc619971e Mon Sep 17 00:00:00 2001 From: gorkem-bwl Date: Sun, 26 Apr 2026 01:31:47 -0400 Subject: [PATCH 37/54] refactor(client): show native language names instead of country flags MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Replace the flag + 2-letter code in the language selector with each language's native name (English, Deutsch, 日本語, ...) and drop the unused flag-icons dependency. --- client/package-lock.json | 9 +- client/package.json | 1 - .../Components/inputs/LanguageSelector.tsx | 92 +++++-------------- 3 files changed, 27 insertions(+), 75 deletions(-) diff --git a/client/package-lock.json b/client/package-lock.json index 7462d95d7..850a2b149 100644 --- a/client/package-lock.json +++ b/client/package-lock.json @@ -1,12 +1,12 @@ { "name": "client", - "version": "0.0.0", + "version": "3.6.1", "lockfileVersion": 3, "requires": true, "packages": { "": { "name": "client", - "version": "0.0.0", + "version": "3.6.1", "dependencies": { "@emotion/react": "^11.13.3", "@emotion/styled": "^11.13.0", @@ -20,7 +20,6 @@ "@types/maplibre-gl": "^1.13.2", "axios": "^1.7.4", "dayjs": "1.11.13", - "flag-icons": "7.3.2", "html2canvas": "^1.4.1", "human-interval": "2.0.1", "i18next": "25.4.2", @@ -3891,10 +3890,6 @@ "url": "https://github.com/sponsors/sindresorhus" } }, - "node_modules/flag-icons": { - "version": "7.3.2", - "license": "MIT" - }, "node_modules/flat-cache": { "version": "3.2.0", "dev": true, diff --git a/client/package.json b/client/package.json index 783f7e045..a09e89c4c 100644 --- a/client/package.json +++ b/client/package.json @@ -28,7 +28,6 @@ "@types/maplibre-gl": "^1.13.2", "axios": "^1.7.4", "dayjs": "1.11.13", - "flag-icons": "7.3.2", "html2canvas": "^1.4.1", "human-interval": "2.0.1", "i18next": "25.4.2", diff --git a/client/src/Components/inputs/LanguageSelector.tsx b/client/src/Components/inputs/LanguageSelector.tsx index a6d52a555..5cd96f857 100644 --- a/client/src/Components/inputs/LanguageSelector.tsx +++ b/client/src/Components/inputs/LanguageSelector.tsx @@ -1,26 +1,33 @@ -import Stack from "@mui/material/Stack"; -import Box from "@mui/material/Box"; import MenuItem from "@mui/material/MenuItem"; import { Select } from "@/Components/inputs"; -import "flag-icons/css/flag-icons.min.css"; import { useTranslation } from "react-i18next"; -import { useTheme } from "@mui/material"; import { useSelector } from "react-redux"; import { useDispatch } from "react-redux"; import { setLanguage } from "@/Features/UI/uiSlice"; import type { RootState } from "@/Types/state"; -const langMap: Record = { - cs: "cz", - ja: "jp", - uk: "ua", - vi: "vn", +const languageNames: Record = { + en: "English", + de: "Deutsch", + es: "Español", + fr: "Français", + "pt-BR": "Português (BR)", + cs: "Čeština", + fi: "Suomi", + tr: "Türkçe", + ru: "Русский", + uk: "Українська", + ar: "العربية", + th: "ไทย", + vi: "Tiếng Việt", + ja: "日本語", + "zh-CN": "简体中文", + "zh-TW": "繁體中文", }; export const LanguageSelector = () => { const { i18n } = useTranslation(); - const theme = useTheme(); const { language = "en" } = useSelector((state: RootState) => state.ui); const dispatch = useDispatch(); const handleChange = (event: any) => { @@ -35,64 +42,15 @@ export const LanguageSelector = () => { value={language} onChange={handleChange} size="small" - // sx={{ - // minWidth: 80, - // "& .MuiSelect-select": { - // display: "flex", - // alignItems: "center", - // justifyContent: "center", - // }, - // "& .MuiSelect-icon": { - // alignSelf: "center", - // }, - // }} > - {languages.map((lang) => { - let parsedLang = lang === "en" ? "gb" : lang; - - if (parsedLang.includes("-")) { - parsedLang = parsedLang.split("-")[1].toLowerCase(); - } - - parsedLang = langMap[parsedLang] || parsedLang; - - const flag = parsedLang ? `fi fi-${parsedLang}` : null; - - return ( - - - - {flag && } - - - {lang} - - - - ); - })} + {languages.map((lang) => ( + + {languageNames[lang] ?? lang} + + ))} ); }; From dfc1b65e4b6808f78ae1468c83e891b0aef266f8 Mon Sep 17 00:00:00 2001 From: gorkem-bwl Date: Sun, 26 Apr 2026 01:31:54 -0400 Subject: [PATCH 38/54] fix(client): restyle the register page setup notice Drop the default MUI info-blue alert in favour of a neutral panel: theme-driven action.hover background, divider border, secondary text colour and no icon. Reads as a quiet aside instead of a status message. --- client/src/Pages/Auth/Register/index.tsx | 18 +++++++++++++++++- 1 file changed, 17 insertions(+), 1 deletion(-) diff --git a/client/src/Pages/Auth/Register/index.tsx b/client/src/Pages/Auth/Register/index.tsx index 71603058f..92c712bda 100644 --- a/client/src/Pages/Auth/Register/index.tsx +++ b/client/src/Pages/Auth/Register/index.tsx @@ -95,7 +95,23 @@ const RegisterPage = () => { title={t("pages.auth.register.title")} subtitle={t("pages.auth.register.subtitle")} > - {!token && {t("pages.auth.register.setupNotice")}} + {!token && ( + ({ + fontSize: 13, + lineHeight: 1.55, + color: theme.palette.text.secondary, + backgroundColor: theme.palette.action.hover, + border: `1px solid ${theme.palette.divider}`, + borderRadius: 1, + "& .MuiAlert-message": { padding: 0 }, + })} + > + {t("pages.auth.register.setupNotice")} + + )} Date: Sun, 26 Apr 2026 01:32:00 -0400 Subject: [PATCH 39/54] fix(client): keep Chrome autofill background within the rounded input The autofill inset shadow was bleeding past the rounded corners. Clip it via overflow: hidden on the outlined input root and bump the override rules to !important so they beat Chrome's user-agent styles. --- client/src/Components/inputs/TextInput.tsx | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/client/src/Components/inputs/TextInput.tsx b/client/src/Components/inputs/TextInput.tsx index fd49fcdf2..bfcbfa181 100644 --- a/client/src/Components/inputs/TextInput.tsx +++ b/client/src/Components/inputs/TextInput.tsx @@ -26,6 +26,7 @@ export const TextInput = forwardRef(function T borderRadius: theme.shape.borderRadius, height: 34, fontSize: typographyLevels.base, + overflow: "hidden", }, "& .MuiOutlinedInput-notchedOutline": { borderColor: theme.palette.divider, @@ -40,10 +41,9 @@ export const TextInput = forwardRef(function T }, "& input:-webkit-autofill, & input:-webkit-autofill:hover, & input:-webkit-autofill:focus, & input:-webkit-autofill:active": { - WebkitBoxShadow: `0 0 0 100px ${theme.palette.background.paper} inset`, - WebkitTextFillColor: theme.palette.text.primary, + WebkitBoxShadow: `0 0 0 100px ${theme.palette.background.default} inset !important`, + WebkitTextFillColor: `${theme.palette.text.primary} !important`, caretColor: theme.palette.text.primary, - borderRadius: theme.shape.borderRadius, transition: "background-color 5000s ease-in-out 0s", }, }} From 1bff81c6bbf016fe6076e87fc83d16f123e8d020 Mon Sep 17 00:00:00 2001 From: gorkem-bwl Date: Sun, 26 Apr 2026 01:32:05 -0400 Subject: [PATCH 40/54] fix(client): tighten the toast appearance - Drop the per-type icon - Lower min-height to 40px and tighten padding - Thin both the active progress bar and its track to 2px and pin them to the same baseline so they sit on top of each other --- client/src/App.tsx | 10 ++++++++++ 1 file changed, 10 insertions(+) diff --git a/client/src/App.tsx b/client/src/App.tsx index c07aa5496..6fff55eca 100644 --- a/client/src/App.tsx +++ b/client/src/App.tsx @@ -33,6 +33,11 @@ function App() { body: { backgroundColor: theme.palette.background.default, }, + ".Toastify__progress-bar, .Toastify__progress-bar--bg": { + height: 2, + bottom: 0, + top: "auto", + }, }} /> @@ -41,12 +46,17 @@ function App() { From 11ea7dcb3bea0c3acf8209821ad04e293dc8eb9c Mon Sep 17 00:00:00 2001 From: gorkem-bwl Date: Sun, 26 Apr 2026 01:55:17 -0400 Subject: [PATCH 41/54] feat(client): add a sidebar-specific accent colour for dark mode The sidebar selected-icon colour was sharing primary.main, which read too dark in dark mode. Introduce palette.sidebar.accent (brand green in light mode, a lighter green in dark mode) and route NavItem through it so primary stays brand-green for buttons and the rest of the UI. --- client/src/Components/sidebar/NavItem.tsx | 6 ++++-- client/src/Utils/Theme/Palette.ts | 7 +++++++ client/src/Utils/Theme/Theme.ts | 6 ++++++ 3 files changed, 17 insertions(+), 2 deletions(-) diff --git a/client/src/Components/sidebar/NavItem.tsx b/client/src/Components/sidebar/NavItem.tsx index 756b10d60..24f2c5778 100644 --- a/client/src/Components/sidebar/NavItem.tsx +++ b/client/src/Components/sidebar/NavItem.tsx @@ -22,7 +22,9 @@ export const NavItem = ({ }) => { const { collapsed } = useSidebar(); const theme = useTheme(); - const iconStroke = selected ? theme.palette.primary.main : theme.palette.text.secondary; + const iconStroke = selected + ? theme.palette.sidebar.accent + : theme.palette.text.secondary; const buttonBgColor = selected ? theme.palette.action.selected : "transparent"; const buttonBgHoverColor = selected @@ -79,7 +81,7 @@ export const NavItem = ({ }, ".MuiListItemButton-root:hover &": { "& svg path, & svg line, & svg polyline, & svg rect, & svg circle": { - stroke: theme.palette.primary.main, + stroke: theme.palette.sidebar.accent, }, }, }} diff --git a/client/src/Utils/Theme/Palette.ts b/client/src/Utils/Theme/Palette.ts index 93b09e4e9..0fe08583a 100644 --- a/client/src/Utils/Theme/Palette.ts +++ b/client/src/Utils/Theme/Palette.ts @@ -15,6 +15,7 @@ export const colors = { gray900: "#151518", gray850: "#1c1c21", brandGreen: "#13715B", + brandGreenLight: "#4DAF94", }; export const lightPalette = { @@ -24,6 +25,9 @@ export const lightPalette = { secondary: { main: colors.gray200, }, + sidebar: { + accent: colors.brandGreen, + }, }; export const darkPalette = { @@ -37,4 +41,7 @@ export const darkPalette = { default: colors.gray900, paper: colors.gray850, }, + sidebar: { + accent: colors.brandGreenLight, + }, }; diff --git a/client/src/Utils/Theme/Theme.ts b/client/src/Utils/Theme/Theme.ts index f48ab1686..19f864c6f 100644 --- a/client/src/Utils/Theme/Theme.ts +++ b/client/src/Utils/Theme/Theme.ts @@ -13,6 +13,12 @@ declare module "@mui/material/styles" { eyebrow?: React.CSSProperties; fontFamilyMonospace?: string; } + interface Palette { + sidebar: { accent: string }; + } + interface PaletteOptions { + sidebar?: { accent: string }; + } } declare module "@mui/material/Typography" { From bcab1a0a4d43128441791904c5707169062d4df8 Mon Sep 17 00:00:00 2001 From: gorkem-bwl Date: Sun, 26 Apr 2026 01:55:25 -0400 Subject: [PATCH 42/54] fix(client): swap the sidebar logs icon from Database to ScrollText ScrollText reads as logs/journal; Database read more like a storage admin tool. --- client/src/Components/sidebar/Menu.tsx | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/client/src/Components/sidebar/Menu.tsx b/client/src/Components/sidebar/Menu.tsx index 9d005e547..d3e9d46ee 100644 --- a/client/src/Components/sidebar/Menu.tsx +++ b/client/src/Components/sidebar/Menu.tsx @@ -9,7 +9,7 @@ import { AlertTriangle, Wifi, Wrench, - Database, + ScrollText, Settings, HelpCircle, MessageCircle, @@ -64,7 +64,7 @@ export const getMenu = (t: Function) => { { name: t("components.sidebar.menu.logs"), path: "logs", - icon: , + icon: , }, { name: t("components.sidebar.menu.settings"), From 319f667028df38dedbffc21b3bdabdb3b1ee391a Mon Sep 17 00:00:00 2001 From: gorkem-bwl Date: Sun, 26 Apr 2026 01:55:33 -0400 Subject: [PATCH 43/54] feat(client): unify section headers on /logs and group titles with their tables - Apply the eyebrow variant to "Runtime stats" and "Memory & CPU" so /logs sections share the same uppercase header style as Job queue - Pair each section's heading + explainer with its table in a tighter sub-stack so the big gap only sits between sections, not under the explainer - Restore the missing useTheme() call inside TableFailedJobs and TableLogs so the monospace token resolves --- client/src/Pages/Logs/TabDiagnostics.tsx | 8 +- client/src/Pages/Logs/TabQueue.tsx | 106 +++++++++--------- .../src/Pages/Logs/components/TableJobs.tsx | 1 + .../src/Pages/Logs/components/TableLogs.tsx | 1 + 4 files changed, 61 insertions(+), 55 deletions(-) diff --git a/client/src/Pages/Logs/TabDiagnostics.tsx b/client/src/Pages/Logs/TabDiagnostics.tsx index 8ca8d276e..7b7ae943a 100644 --- a/client/src/Pages/Logs/TabDiagnostics.tsx +++ b/client/src/Pages/Logs/TabDiagnostics.tsx @@ -23,8 +23,8 @@ export const TabDiagnostics = () => { {t("pages.logs.diagnostics.sections.runtimeStats.title")} @@ -37,8 +37,8 @@ export const TabDiagnostics = () => { {t("pages.logs.diagnostics.sections.memoryCpu.title")} diff --git a/client/src/Pages/Logs/TabQueue.tsx b/client/src/Pages/Logs/TabQueue.tsx index 34830c9d6..84573e8f0 100644 --- a/client/src/Pages/Logs/TabQueue.tsx +++ b/client/src/Pages/Logs/TabQueue.tsx @@ -43,61 +43,65 @@ export const TabQueue = () => { }; return ( - + - - - {t("pages.logs.jobQueue")} - - - - ), + + + + {t("pages.logs.jobQueue")} + + - + > + + ), + }} + /> + + + - - - - {t("pages.logs.failedJobs")} - - - {t("pages.logs.failedJobsExplainer")} - + + + + {t("pages.logs.failedJobs")} + + + {t("pages.logs.failedJobsExplainer")} + + + -