feat: A11y fixes (#2148)

* feat: replace pdfjs-dist with firecrawl-pdf-inspector

* use modified firecrawl-pdf-inspector

* feat: pdf import

* increase single file upload size limit

* use npm package

* sync

* update package

.env.example

@@ -43,6 +43,9 @@ POSTMARK_TOKEN=
 # for custom drawio server
 DRAWIO_URL=
 
+# Gotenberg URL for server-side PDF export
+GOTENBERG_URL=
+
 DISABLE_TELEMETRY=false
 
 # Enable debug logging in production (default: false)

apps/client/package.json

@@ -1,7 +1,7 @@
 {
   "name": "client",
   "private": true,
-  "version": "0.71.1",
+  "version": "0.80.1",
   "scripts": {
     "dev": "vite",
     "build": "tsc && vite build",
@@ -25,14 +25,14 @@
     "@tabler/icons-react": "^3.40.0",
     "@tanstack/react-query": "5.90.17",
     "alfaaz": "^1.1.0",
-    "axios": "1.13.6",
+    "axios": "1.15.0",
     "blueimp-load-image": "^5.16.0",
     "clsx": "^2.1.1",
     "emoji-mart": "^5.6.0",
     "file-saver": "^2.0.5",
     "highlightjs-sap-abap": "^0.3.0",
-    "i18next": "^25.10.1",
-    "i18next-http-backend": "^3.0.2",
+    "i18next": "25.10.1",
+    "i18next-http-backend": "3.0.6",
     "jotai": "^2.18.1",
     "jotai-optics": "^0.4.0",
     "js-cookie": "^3.0.5",
@@ -42,7 +42,7 @@
     "mantine-form-zod-resolver": "^1.3.0",
     "mermaid": "^11.13.0",
     "mitt": "^3.0.1",
-    "posthog-js": "1.363.1",
+    "posthog-js": "1.372.2",
     "react": "^18.3.1",
     "react-arborist": "3.4.0",
     "react-clear-modal": "^2.0.18",
@@ -50,7 +50,7 @@
     "react-drawio": "^1.0.7",
     "react-error-boundary": "^6.1.1",
     "react-helmet-async": "^3.0.0",
-    "react-i18next": "^16.5.8",
+    "react-i18next": "16.5.8",
     "react-router-dom": "^7.13.1",
     "semver": "^7.7.4",
     "socket.io-client": "^4.8.3",
@@ -74,7 +74,7 @@
     "eslint-plugin-react-refresh": "^0.5.2",
     "globals": "^15.13.0",
     "optics-ts": "^2.4.1",
-    "postcss": "^8.5.8",
+    "postcss": "^8.5.12",
     "postcss-preset-mantine": "^1.18.0",
     "postcss-simple-vars": "^7.0.1",
     "prettier": "^3.8.1",

apps/client/public/locales/de-DE/translation.json

@@ -222,6 +222,8 @@
   "Edit comment": "Kommentar bearbeiten",
   "Delete comment": "Kommentar löschen",
   "Are you sure you want to delete this comment?": "Sind Sie sicher, dass Sie diesen Kommentar löschen möchten?",
+  "Delete chat": "Chat löschen",
+  "Are you sure you want to delete '{{title}}'? This action cannot be undone.": "Sind Sie sicher, dass Sie '{{title}}' löschen möchten? Diese Aktion kann nicht rückgängig gemacht werden.",
   "Comment created successfully": "Kommentar erfolgreich erstellt",
   "Error creating comment": "Fehler beim Erstellen des Kommentars",
   "Comment updated successfully": "Kommentar erfolgreich aktualisiert",
@@ -389,7 +391,7 @@
   "Write anything. Enter \"/\" for commands": "Schreiben Sie etwas. Geben Sie \"/\" für Befehle ein",
   "Write...": "\"Schreiben...\"",
   "Column count": "Spaltenanzahl",
-  "{{count}} Columns": "{count, plural, one {# Spalte} other {# Spalten}}",
+  "{{count}} Columns": "{{count}} Spalten",
   "Equal columns": "Gleich breite Spalten",
   "Left sidebar": "Linke Seitenleiste",
   "Right sidebar": "Rechte Seitenleiste",
@@ -739,6 +741,93 @@
   "Removed page restriction": "Seitenbeschränkung entfernt",
   "Added page permission": "Seitenberechtigung hinzugefügt",
   "Removed page permission": "Seitenberechtigung entfernt",
+  "day": "Tag",
+  "days": "Tage",
+  "week": "Woche",
+  "weeks": "Wochen",
+  "month": "Monat",
+  "months": "Monate",
+  "year": "Jahr",
+  "years": "Jahre",
+  "Period": "Zeitraum",
+  "Fixed date": "Festes Datum",
+  "Indefinitely": "Unbegrenzt",
+  "Days": "Tage",
+  "Weeks": "Wochen",
+  "Months": "Monate",
+  "Years": "Jahre",
+  "Pick a date": "Datum auswählen",
+  "Maximum is {{max}} {{unit}} for this unit": "Das Maximum für diese Einheit beträgt {{max}} {{unit}}",
+  "Never expires. Verifiers can re-verify at any time.": "Läuft nie ab. Prüfer können die Seite jederzeit erneut verifizieren.",
+  "Verified": "Verifiziert",
+  "Review needed": "Prüfung erforderlich",
+  "Verification expired": "Verifizierung abgelaufen",
+  "Draft": "Entwurf",
+  "In Approval": "In Genehmigung",
+  "In approval": "In Genehmigung",
+  "Approved": "Genehmigt",
+  "Obsolete": "Veraltet",
+  "Expiring": "Läuft bald ab",
+  "Set up verification": "Verifizierung einrichten",
+  "Verify page": "Seite verifizieren",
+  "Page verification": "Seitenverifizierung",
+  "Add verification": "Verifizierung hinzufügen",
+  "Edit verification": "Verifizierung bearbeiten",
+  "Search by title": "Nach Titel suchen",
+  "Choose how this page should stay accurate.": "Wählen Sie aus, wie diese Seite aktuell gehalten werden soll.",
+  "Recurring verification": "Wiederkehrende Verifizierung",
+  "Verifiers re-confirm this page on a schedule.": "Prüfer bestätigen diese Seite nach einem Zeitplan erneut.",
+  "Re-verify on a schedule (e.g every 30 days )": "Nach einem Zeitplan erneut verifizieren (z. B. alle 30 Tage)",
+  "Page stays editable at all times": "Die Seite bleibt jederzeit bearbeitbar",
+  "Best for runbooks, FAQs, living documentation": "Am besten für Runbooks, FAQs und lebende Dokumentation geeignet",
+  "Approval workflow": "Genehmigungsworkflow",
+  "Formal document lifecycle with named approvers.": "Formaler Dokumentenlebenszyklus mit benannten Genehmigern.",
+  "Draft → In approval → Approved → Obsolete": "Entwurf → In Genehmigung → Genehmigt → Veraltet",
+  "Locked once approved, with full history": "Nach der Genehmigung gesperrt, mit vollständiger Historie",
+  "Designed for ISO 9001, ISO 13485, and FDA": "Entwickelt für ISO 9001, ISO 13485 und FDA",
+  "Best for SOPs and controlled documents": "Am besten für SOPs und kontrollierte Dokumente geeignet",
+  "Back": "Zurück",
+  "Quality management": "Qualitätsmanagement",
+  "Recurring": "Wiederkehrend",
+  "Pages move through draft, approval, and approved stages.": "Seiten durchlaufen die Phasen Entwurf, Genehmigung und Genehmigt.",
+  "Verifiers": "Prüfer",
+  "Add verifier": "Prüfer hinzufügen",
+  "I've reviewed this page for accuracy": "Ich habe diese Seite auf Richtigkeit geprüft",
+  "Set up": "Einrichten",
+  "Remove verification": "Verifizierung entfernen",
+  "Are you sure you want to remove verification from this page?": "Möchten Sie die Verifizierung wirklich von dieser Seite entfernen?",
+  "Assigned verifiers must periodically re-verify this page.": "Zugewiesene Prüfer müssen diese Seite regelmäßig erneut verifizieren.",
+  "Last verified by {{name}} {{time}} (expired)": "Zuletzt von {{name}} {{time}} verifiziert (abgelaufen)",
+  "The fixed expiration date has passed.": "Das feste Ablaufdatum ist überschritten.",
+  "Verified by {{name}} {{time}}": "Verifiziert von {{name}} {{time}}",
+  "Expires {{date}}": "Läuft ab am {{date}}",
+  "Expired {{date}}": "Abgelaufen am {{date}}",
+  "Mark as obsolete": "Als veraltet markieren",
+  "Mark obsolete": "Als veraltet markieren",
+  "Returned by {{name}} {{time}}": "Zurückgegeben von {{name}} {{time}}",
+  "No approval has been requested yet.": "Es wurde noch keine Genehmigung angefordert.",
+  "Submitted by {{name}} {{time}}": "Eingereicht von {{name}} {{time}}",
+  "Someone": "Jemand",
+  "Approved by {{name}} {{time}}": "Genehmigt von {{name}} {{time}}",
+  "This document has been marked as obsolete.": "Dieses Dokument wurde als veraltet markiert.",
+  "Rejection comment": "Ablehnungskommentar",
+  "Reason for returning this document...": "Grund für die Rückgabe dieses Dokuments...",
+  "Confirm rejection": "Ablehnung bestätigen",
+  "Submit for approval": "Zur Genehmigung einreichen",
+  "Reject": "Ablehnen",
+  "Approve": "Genehmigen",
+  "Re-submit for approval": "Erneut zur Genehmigung einreichen",
+  "Verified until": "Verifiziert bis",
+  "QMS": "QMS",
+  "Verified pages": "Verifizierte Seiten",
+  "Search pages...": "Seiten suchen...",
+  "Filter by space": "Nach Bereich filtern",
+  "Filter by type": "Nach Typ filtern",
+  "<bold>{{name}}</bold> verified a page": "<bold>{{name}}</bold> hat eine Seite verifiziert",
+  "<bold>{{name}}</bold> submitted a page for your approval": "<bold>{{name}}</bold> hat eine Seite zu Ihrer Genehmigung eingereicht",
+  "<bold>{{name}}</bold> returned a page for revision": "<bold>{{name}}</bold> hat eine Seite zur Überarbeitung zurückgegeben",
+  "Page verification expires soon": "Die Seitenverifizierung läuft bald ab",
+  "Page verification has expired": "Die Seitenverifizierung ist abgelaufen",
   "Verifying your email": "Ihre E-Mail wird bestätigt",
   "Please wait...": "Bitte warten...",
   "Verification failed. The link may have expired.": "Überprüfung fehlgeschlagen. Der Link ist möglicherweise abgelaufen.",

apps/client/public/locales/en-US/translation.json

@@ -222,6 +222,8 @@
   "Edit comment": "Edit comment",
   "Delete comment": "Delete comment",
   "Are you sure you want to delete this comment?": "Are you sure you want to delete this comment?",
+  "Delete chat": "Delete chat",
+  "Are you sure you want to delete '{{title}}'? This action cannot be undone.": "Are you sure you want to delete '{{title}}'? This action cannot be undone.",
   "Comment created successfully": "Comment created successfully",
   "Error creating comment": "Error creating comment",
   "Comment updated successfully": "Comment updated successfully",
@@ -414,6 +416,7 @@
   "{{latestVersion}} is available": "{{latestVersion}} is available",
   "Default page edit mode": "Default page edit mode",
   "Choose your preferred page edit mode. Avoid accidental edits.": "Choose your preferred page edit mode. Avoid accidental edits.",
+  "Choose {{format}} file": "Choose {{format}} file",
   "Reading": "Reading",
   "Delete member": "Delete member",
   "Member deleted successfully": "Member deleted successfully",
@@ -606,25 +609,21 @@
   "Image exceeds 10MB limit.": "Image exceeds 10MB limit.",
   "Image removed successfully": "Image removed successfully",
   "API key": "API key",
-  "API key created successfully": "API key created successfully",
   "API keys": "API keys",
   "API management": "API management",
-  "Are you sure you want to revoke this API key": "Are you sure you want to revoke this API key",
-  "Create API Key": "Create API Key",
   "Custom expiration date": "Custom expiration date",
   "Enter a descriptive token name": "Enter a descriptive token name",
   "Expiration": "Expiration",
   "Expired": "Expired",
   "Expires": "Expires",
-  "I've saved my API key": "I've saved my API key",
   "Last use": "Last Used",
   "No API keys found": "No API keys found",
   "No expiration": "No expiration",
-  "Revoke API key": "Revoke API key",
   "Revoked successfully": "Revoked successfully",
   "Select expiration date": "Select expiration date",
   "This action cannot be undone. Any applications using this API key will stop working.": "This action cannot be undone. Any applications using this API key will stop working.",
-  "Update API key": "Update API key",
+  "Update": "Update",
+  "Update {{credential}}": "Update {{credential}}",
   "Manage API keys for all users in the workspace": "Manage API keys for all users in the workspace",
   "Restrict API key creation to admins": "Restrict API key creation to admins",
   "Only admins and owners can create new API keys. Existing member keys will continue to work.": "Only admins and owners can create new API keys. Existing member keys will continue to work.",
@@ -739,6 +738,93 @@
   "Removed page restriction": "Removed page restriction",
   "Added page permission": "Added page permission",
   "Removed page permission": "Removed page permission",
+  "day": "day",
+  "days": "days",
+  "week": "week",
+  "weeks": "weeks",
+  "month": "month",
+  "months": "months",
+  "year": "year",
+  "years": "years",
+  "Period": "Period",
+  "Fixed date": "Fixed date",
+  "Indefinitely": "Indefinitely",
+  "Days": "Days",
+  "Weeks": "Weeks",
+  "Months": "Months",
+  "Years": "Years",
+  "Pick a date": "Pick a date",
+  "Maximum is {{max}} {{unit}} for this unit": "Maximum is {{max}} {{unit}} for this unit",
+  "Never expires. Verifiers can re-verify at any time.": "Never expires. Verifiers can re-verify at any time.",
+  "Verified": "Verified",
+  "Review needed": "Review needed",
+  "Verification expired": "Verification expired",
+  "Draft": "Draft",
+  "In Approval": "In Approval",
+  "In approval": "In approval",
+  "Approved": "Approved",
+  "Obsolete": "Obsolete",
+  "Expiring": "Expiring",
+  "Set up verification": "Set up verification",
+  "Verify page": "Verify page",
+  "Page verification": "Page verification",
+  "Add verification": "Add verification",
+  "Edit verification": "Edit verification",
+  "Search by title": "Search by title",
+  "Choose how this page should stay accurate.": "Choose how this page should stay accurate.",
+  "Recurring verification": "Recurring verification",
+  "Verifiers re-confirm this page on a schedule.": "Verifiers re-confirm this page on a schedule.",
+  "Re-verify on a schedule (e.g every 30 days )": "Re-verify on a schedule (e.g every 30 days )",
+  "Page stays editable at all times": "Page stays editable at all times",
+  "Best for runbooks, FAQs, living documentation": "Best for runbooks, FAQs, living documentation",
+  "Approval workflow": "Approval workflow",
+  "Formal document lifecycle with named approvers.": "Formal document lifecycle with named approvers.",
+  "Draft → In approval → Approved → Obsolete": "Draft → In approval → Approved → Obsolete",
+  "Locked once approved, with full history": "Locked once approved, with full history",
+  "Designed for ISO 9001, ISO 13485, and FDA": "Designed for ISO 9001, ISO 13485, and FDA",
+  "Best for SOPs and controlled documents": "Best for SOPs and controlled documents",
+  "Back": "Back",
+  "Quality management": "Quality management",
+  "Recurring": "Recurring",
+  "Pages move through draft, approval, and approved stages.": "Pages move through draft, approval, and approved stages.",
+  "Verifiers": "Verifiers",
+  "Add verifier": "Add verifier",
+  "I've reviewed this page for accuracy": "I've reviewed this page for accuracy",
+  "Set up": "Set up",
+  "Remove verification": "Remove verification",
+  "Are you sure you want to remove verification from this page?": "Are you sure you want to remove verification from this page?",
+  "Assigned verifiers must periodically re-verify this page.": "Assigned verifiers must periodically re-verify this page.",
+  "Last verified by {{name}} {{time}} (expired)": "Last verified by {{name}} {{time}} (expired)",
+  "The fixed expiration date has passed.": "The fixed expiration date has passed.",
+  "Verified by {{name}} {{time}}": "Verified by {{name}} {{time}}",
+  "Expires {{date}}": "Expires {{date}}",
+  "Expired {{date}}": "Expired {{date}}",
+  "Mark as obsolete": "Mark as obsolete",
+  "Mark obsolete": "Mark obsolete",
+  "Returned by {{name}} {{time}}": "Returned by {{name}} {{time}}",
+  "No approval has been requested yet.": "No approval has been requested yet.",
+  "Submitted by {{name}} {{time}}": "Submitted by {{name}} {{time}}",
+  "Someone": "Someone",
+  "Approved by {{name}} {{time}}": "Approved by {{name}} {{time}}",
+  "This document has been marked as obsolete.": "This document has been marked as obsolete.",
+  "Rejection comment": "Rejection comment",
+  "Reason for returning this document...": "Reason for returning this document...",
+  "Confirm rejection": "Confirm rejection",
+  "Submit for approval": "Submit for approval",
+  "Reject": "Reject",
+  "Approve": "Approve",
+  "Re-submit for approval": "Re-submit for approval",
+  "Verified until": "Verified until",
+  "QMS": "QMS",
+  "Verified pages": "Verified pages",
+  "Search pages...": "Search pages...",
+  "Filter by space": "Filter by space",
+  "Filter by type": "Filter by type",
+  "<bold>{{name}}</bold> verified a page": "<bold>{{name}}</bold> verified a page",
+  "<bold>{{name}}</bold> submitted a page for your approval": "<bold>{{name}}</bold> submitted a page for your approval",
+  "<bold>{{name}}</bold> returned a page for revision": "<bold>{{name}}</bold> returned a page for revision",
+  "Page verification expires soon": "Page verification expires soon",
+  "Page verification has expired": "Page verification has expired",
   "Verifying your email": "Verifying your email",
   "Please wait...": "Please wait...",
   "Verification failed. The link may have expired.": "Verification failed. The link may have expired.",
@@ -791,5 +877,54 @@
   "Try a different search term.": "Try a different search term.",
   "Try again": "Try again",
   "Untitled chat": "Untitled chat",
-  "What can I help you with?": "What can I help you with?"
+  "What can I help you with?": "What can I help you with?",
+  "Are you sure you want to revoke this {{credential}}": "Are you sure you want to revoke this {{credential}}",
+  "Automatically provision users and groups from your identity provider via SCIM.": "Automatically provision users and groups from your identity provider via SCIM.",
+  "Configure your identity provider with this URL to provision users and groups.": "Configure your identity provider with this URL to provision users and groups.",
+  "Create {{credential}}": "Create {{credential}}",
+  "{{credential}} created": "{{credential}} created",
+  "{{credential}} created successfully": "{{credential}} created successfully",
+  "Created by": "Created by",
+  "Custom": "Custom",
+  "Enable SCIM": "Enable SCIM",
+  "Enter a descriptive name": "Enter a descriptive name",
+  "I've saved my {{credential}}": "I've saved my {{credential}}",
+  "Important": "Important",
+  "Make sure to copy your {{credential}} now. You won't be able to see it again!": "Make sure to copy your {{credential}} now. You won't be able to see it again!",
+  "Never": "Never",
+  "Revoke {{credential}}": "Revoke {{credential}}",
+  "SCIM endpoint URL": "SCIM endpoint URL",
+  "SCIM provisioning": "SCIM provisioning",
+  "SCIM takes precedence over SSO group sync while enabled.": "SCIM takes precedence over SSO group sync while enabled.",
+  "You have reached the maximum of {{max}} SCIM tokens. Delete an existing token to create a new one.": "You have reached the maximum of {{max}} SCIM tokens. Delete an existing token to create a new one.",
+  "SCIM token": "SCIM token",
+  "SCIM tokens": "SCIM tokens",
+  "This action cannot be undone. Your identity provider will stop syncing immediately.": "This action cannot be undone. Your identity provider will stop syncing immediately.",
+  "Toggle SCIM provisioning": "Toggle SCIM provisioning",
+  "Token": "Token",
+  "Page menu": "Page menu",
+  "Expand": "Expand",
+  "Collapse": "Collapse",
+  "Comment menu": "Comment menu",
+  "Group menu": "Group menu",
+  "Show hidden breadcrumbs": "Show hidden breadcrumbs",
+  "Breadcrumbs": "Breadcrumbs",
+  "Page actions": "Page actions",
+  "Pick emoji": "Pick emoji",
+  "Template menu": "Template menu",
+  "Chat menu": "Chat menu",
+  "API key menu": "API key menu",
+  "Jump to comment selection": "Jump to comment selection",
+  "Slash commands": "Slash commands",
+  "Mention suggestions": "Mention suggestions",
+  "Link suggestions": "Link suggestions",
+  "Diagram editor": "Diagram editor",
+  "Add comment": "Add comment",
+  "Find and replace": "Find and replace",
+  "Main navigation": "Main navigation",
+  "Space navigation": "Space navigation",
+  "Settings navigation": "Settings navigation",
+  "AI navigation": "AI navigation",
+  "Breadcrumb": "Breadcrumb",
+  "Skip to main content": "Skip to main content"
 }

apps/client/public/locales/es-ES/translation.json

@@ -222,6 +222,8 @@
   "Edit comment": "Editar comentario",
   "Delete comment": "Eliminar comentario",
   "Are you sure you want to delete this comment?": "¿Está seguro de que desea eliminar este comentario?",
+  "Delete chat": "Eliminar chat",
+  "Are you sure you want to delete '{{title}}'? This action cannot be undone.": "¿Está seguro de que desea eliminar '{{title}}'? Esta acción no se puede deshacer.",
   "Comment created successfully": "Comentario creado con éxito",
   "Error creating comment": "Error al crear comentario",
   "Comment updated successfully": "Comentario actualizado con éxito",
@@ -739,6 +741,93 @@
   "Removed page restriction": "Restricción de página eliminada",
   "Added page permission": "Permiso de página añadido",
   "Removed page permission": "Permiso de página eliminado",
+  "day": "día",
+  "days": "días",
+  "week": "semana",
+  "weeks": "semanas",
+  "month": "mes",
+  "months": "meses",
+  "year": "año",
+  "years": "años",
+  "Period": "Período",
+  "Fixed date": "Fecha fija",
+  "Indefinitely": "Indefinidamente",
+  "Days": "Días",
+  "Weeks": "Semanas",
+  "Months": "Meses",
+  "Years": "Años",
+  "Pick a date": "Selecciona una fecha",
+  "Maximum is {{max}} {{unit}} for this unit": "El máximo es {{max}} {{unit}} para esta unidad",
+  "Never expires. Verifiers can re-verify at any time.": "Nunca caduca. Los verificadores pueden volver a verificar en cualquier momento.",
+  "Verified": "Verificado",
+  "Review needed": "Revisión necesaria",
+  "Verification expired": "La verificación ha caducado",
+  "Draft": "Borrador",
+  "In Approval": "En aprobación",
+  "In approval": "En aprobación",
+  "Approved": "Aprobado",
+  "Obsolete": "Obsoleto",
+  "Expiring": "Próximo a caducar",
+  "Set up verification": "Configurar verificación",
+  "Verify page": "Verificar página",
+  "Page verification": "Verificación de página",
+  "Add verification": "Añadir verificación",
+  "Edit verification": "Editar verificación",
+  "Search by title": "Buscar por título",
+  "Choose how this page should stay accurate.": "Elige cómo debe mantenerse precisa esta página.",
+  "Recurring verification": "Verificación periódica",
+  "Verifiers re-confirm this page on a schedule.": "Los verificadores vuelven a confirmar esta página según una programación.",
+  "Re-verify on a schedule (e.g every 30 days )": "Volver a verificar según una programación (p. ej., cada 30 días)",
+  "Page stays editable at all times": "La página permanece editable en todo momento",
+  "Best for runbooks, FAQs, living documentation": "Ideal para runbooks, preguntas frecuentes y documentación viva",
+  "Approval workflow": "Flujo de aprobación",
+  "Formal document lifecycle with named approvers.": "Ciclo de vida formal del documento con aprobadores designados.",
+  "Draft → In approval → Approved → Obsolete": "Borrador → En aprobación → Aprobado → Obsoleto",
+  "Locked once approved, with full history": "Bloqueado una vez aprobado, con historial completo",
+  "Designed for ISO 9001, ISO 13485, and FDA": "Diseñado para ISO 9001, ISO 13485 y FDA",
+  "Best for SOPs and controlled documents": "Ideal para SOP y documentos controlados",
+  "Back": "Atrás",
+  "Quality management": "Gestión de calidad",
+  "Recurring": "Periódica",
+  "Pages move through draft, approval, and approved stages.": "Las páginas pasan por las etapas de borrador, aprobación y aprobado.",
+  "Verifiers": "Verificadores",
+  "Add verifier": "Añadir verificador",
+  "I've reviewed this page for accuracy": "He revisado la exactitud de esta página",
+  "Set up": "Configurar",
+  "Remove verification": "Eliminar verificación",
+  "Are you sure you want to remove verification from this page?": "¿Seguro que quieres eliminar la verificación de esta página?",
+  "Assigned verifiers must periodically re-verify this page.": "Los verificadores asignados deben volver a verificar esta página periódicamente.",
+  "Last verified by {{name}} {{time}} (expired)": "Última verificación por {{name}} {{time}} (caducada)",
+  "The fixed expiration date has passed.": "La fecha fija de vencimiento ya pasó.",
+  "Verified by {{name}} {{time}}": "Verificado por {{name}} {{time}}",
+  "Expires {{date}}": "Caduca el {{date}}",
+  "Expired {{date}}": "Caducó el {{date}}",
+  "Mark as obsolete": "Marcar como obsoleto",
+  "Mark obsolete": "Marcar como obsoleto",
+  "Returned by {{name}} {{time}}": "Devuelto por {{name}} {{time}}",
+  "No approval has been requested yet.": "Aún no se ha solicitado aprobación.",
+  "Submitted by {{name}} {{time}}": "Enviado por {{name}} {{time}}",
+  "Someone": "Alguien",
+  "Approved by {{name}} {{time}}": "Aprobado por {{name}} {{time}}",
+  "This document has been marked as obsolete.": "Este documento ha sido marcado como obsoleto.",
+  "Rejection comment": "Comentario de rechazo",
+  "Reason for returning this document...": "Motivo de la devolución de este documento...",
+  "Confirm rejection": "Confirmar rechazo",
+  "Submit for approval": "Enviar para aprobación",
+  "Reject": "Rechazar",
+  "Approve": "Aprobar",
+  "Re-submit for approval": "Volver a enviar para aprobación",
+  "Verified until": "Verificado hasta",
+  "QMS": "SGC",
+  "Verified pages": "Páginas verificadas",
+  "Search pages...": "Buscar páginas...",
+  "Filter by space": "Filtrar por espacio",
+  "Filter by type": "Filtrar por tipo",
+  "<bold>{{name}}</bold> verified a page": "<bold>{{name}}</bold> verificó una página",
+  "<bold>{{name}}</bold> submitted a page for your approval": "<bold>{{name}}</bold> envió una página para tu aprobación",
+  "<bold>{{name}}</bold> returned a page for revision": "<bold>{{name}}</bold> devolvió una página para revisión",
+  "Page verification expires soon": "La verificación de la página caduca pronto",
+  "Page verification has expired": "La verificación de la página ha caducado",
   "Verifying your email": "Verificando tu correo electrónico",
   "Please wait...": "Por favor, espera...",
   "Verification failed. The link may have expired.": "La verificación ha fallado. Es posible que el enlace haya expirado.",

apps/client/public/locales/fr-FR/translation.json

@@ -222,6 +222,8 @@
   "Edit comment": "Modifier le commentaire",
   "Delete comment": "Supprimer le commentaire",
   "Are you sure you want to delete this comment?": "Êtes-vous sûr de vouloir supprimer ce commentaire ?",
+  "Delete chat": "Supprimer la conversation",
+  "Are you sure you want to delete '{{title}}'? This action cannot be undone.": "Êtes-vous sûr de vouloir supprimer '{{title}}' ? Cette action est irréversible.",
   "Comment created successfully": "Commentaire créé avec succès",
   "Error creating comment": "Erreur lors de la création du commentaire",
   "Comment updated successfully": "Commentaire mis à jour avec succès",
@@ -739,6 +741,93 @@
   "Removed page restriction": "Restriction de la page supprimée",
   "Added page permission": "Autorisation de la page ajoutée",
   "Removed page permission": "Autorisation de la page supprimée",
+  "day": "jour",
+  "days": "jours",
+  "week": "semaine",
+  "weeks": "semaines",
+  "month": "mois",
+  "months": "mois",
+  "year": "an",
+  "years": "ans",
+  "Period": "Période",
+  "Fixed date": "Date fixe",
+  "Indefinitely": "Indéfiniment",
+  "Days": "Jours",
+  "Weeks": "Semaines",
+  "Months": "Mois",
+  "Years": "Ans",
+  "Pick a date": "Choisir une date",
+  "Maximum is {{max}} {{unit}} for this unit": "Le maximum est de {{max}} {{unit}} pour cette unité",
+  "Never expires. Verifiers can re-verify at any time.": "N’expire jamais. Les vérificateurs peuvent revérifier à tout moment.",
+  "Verified": "Vérifié",
+  "Review needed": "Révision nécessaire",
+  "Verification expired": "Vérification expirée",
+  "Draft": "Brouillon",
+  "In Approval": "En approbation",
+  "In approval": "En approbation",
+  "Approved": "Approuvé",
+  "Obsolete": "Obsolète",
+  "Expiring": "Expire bientôt",
+  "Set up verification": "Configurer la vérification",
+  "Verify page": "Vérifier la page",
+  "Page verification": "Vérification de la page",
+  "Add verification": "Ajouter une vérification",
+  "Edit verification": "Modifier la vérification",
+  "Search by title": "Rechercher par titre",
+  "Choose how this page should stay accurate.": "Choisissez comment cette page doit rester exacte.",
+  "Recurring verification": "Vérification récurrente",
+  "Verifiers re-confirm this page on a schedule.": "Les vérificateurs reconfirment cette page selon une fréquence définie.",
+  "Re-verify on a schedule (e.g every 30 days )": "Revérifier selon une fréquence définie (p. ex. tous les 30 jours)",
+  "Page stays editable at all times": "La page reste modifiable en permanence",
+  "Best for runbooks, FAQs, living documentation": "Idéal pour les runbooks, FAQ et la documentation évolutive",
+  "Approval workflow": "Flux d’approbation",
+  "Formal document lifecycle with named approvers.": "Cycle de vie formel du document avec des approbateurs désignés.",
+  "Draft → In approval → Approved → Obsolete": "Brouillon → En approbation → Approuvé → Obsolète",
+  "Locked once approved, with full history": "Verrouillé une fois approuvé, avec historique complet",
+  "Designed for ISO 9001, ISO 13485, and FDA": "Conçu pour l’ISO 9001, l’ISO 13485 et la FDA",
+  "Best for SOPs and controlled documents": "Idéal pour les SOP et les documents contrôlés",
+  "Back": "Retour",
+  "Quality management": "Gestion de la qualité",
+  "Recurring": "Récurrent",
+  "Pages move through draft, approval, and approved stages.": "Les pages passent par les étapes brouillon, approbation et approuvé.",
+  "Verifiers": "Vérificateurs",
+  "Add verifier": "Ajouter un vérificateur",
+  "I've reviewed this page for accuracy": "J’ai vérifié l’exactitude de cette page",
+  "Set up": "Configurer",
+  "Remove verification": "Supprimer la vérification",
+  "Are you sure you want to remove verification from this page?": "Voulez-vous vraiment supprimer la vérification de cette page ?",
+  "Assigned verifiers must periodically re-verify this page.": "Les vérificateurs assignés doivent revérifier périodiquement cette page.",
+  "Last verified by {{name}} {{time}} (expired)": "Dernière vérification par {{name}} {{time}} (expirée)",
+  "The fixed expiration date has passed.": "La date d’expiration fixe est passée.",
+  "Verified by {{name}} {{time}}": "Vérifié par {{name}} {{time}}",
+  "Expires {{date}}": "Expire le {{date}}",
+  "Expired {{date}}": "Expiré le {{date}}",
+  "Mark as obsolete": "Marquer comme obsolète",
+  "Mark obsolete": "Marquer comme obsolète",
+  "Returned by {{name}} {{time}}": "Renvoyé par {{name}} {{time}}",
+  "No approval has been requested yet.": "Aucune approbation n’a encore été demandée.",
+  "Submitted by {{name}} {{time}}": "Soumis par {{name}} {{time}}",
+  "Someone": "Quelqu’un",
+  "Approved by {{name}} {{time}}": "Approuvé par {{name}} {{time}}",
+  "This document has been marked as obsolete.": "Ce document a été marqué comme obsolète.",
+  "Rejection comment": "Commentaire de rejet",
+  "Reason for returning this document...": "Raison du renvoi de ce document...",
+  "Confirm rejection": "Confirmer le rejet",
+  "Submit for approval": "Soumettre pour approbation",
+  "Reject": "Rejeter",
+  "Approve": "Approuver",
+  "Re-submit for approval": "Soumettre à nouveau pour approbation",
+  "Verified until": "Vérifié jusqu’au",
+  "QMS": "SMQ",
+  "Verified pages": "Pages vérifiées",
+  "Search pages...": "Rechercher des pages...",
+  "Filter by space": "Filtrer par espace",
+  "Filter by type": "Filtrer par type",
+  "<bold>{{name}}</bold> verified a page": "<bold>{{name}}</bold> a vérifié une page",
+  "<bold>{{name}}</bold> submitted a page for your approval": "<bold>{{name}}</bold> a soumis une page à votre approbation",
+  "<bold>{{name}}</bold> returned a page for revision": "<bold>{{name}}</bold> a renvoyé une page pour révision",
+  "Page verification expires soon": "La vérification de la page expire bientôt",
+  "Page verification has expired": "La vérification de la page a expiré",
   "Verifying your email": "Vérification de votre e-mail",
   "Please wait...": "Veuillez patienter...",
   "Verification failed. The link may have expired.": "Échec de la vérification. Le lien a peut-être expiré.",

apps/client/public/locales/it-IT/translation.json

@@ -222,6 +222,8 @@
   "Edit comment": "Modifica commento",
   "Delete comment": "Elimina commento",
   "Are you sure you want to delete this comment?": "Sei sicuro di voler eliminare questo commento?",
+  "Delete chat": "Elimina chat",
+  "Are you sure you want to delete '{{title}}'? This action cannot be undone.": "Sei sicuro di voler eliminare '{{title}}'? Questa azione non può essere annullata.",
   "Comment created successfully": "Commento creato con successo",
   "Error creating comment": "Si è verificato un errore durante la creazione del commento",
   "Comment updated successfully": "Commento aggiornato con successo",
@@ -739,6 +741,93 @@
   "Removed page restriction": "Restrizione della pagina rimossa",
   "Added page permission": "Permesso sulla pagina aggiunto",
   "Removed page permission": "Permesso sulla pagina rimosso",
+  "day": "giorno",
+  "days": "giorni",
+  "week": "settimana",
+  "weeks": "settimane",
+  "month": "mese",
+  "months": "mesi",
+  "year": "anno",
+  "years": "anni",
+  "Period": "Periodo",
+  "Fixed date": "Data fissa",
+  "Indefinitely": "A tempo indeterminato",
+  "Days": "Giorni",
+  "Weeks": "Settimane",
+  "Months": "Mesi",
+  "Years": "Anni",
+  "Pick a date": "Scegli una data",
+  "Maximum is {{max}} {{unit}} for this unit": "Il massimo consentito è {{max}} {{unit}} per questa unità",
+  "Never expires. Verifiers can re-verify at any time.": "Non scade mai. I verificatori possono verificare nuovamente in qualsiasi momento.",
+  "Verified": "Verificato",
+  "Review needed": "Revisione necessaria",
+  "Verification expired": "Verifica scaduta",
+  "Draft": "Bozza",
+  "In Approval": "In approvazione",
+  "In approval": "In approvazione",
+  "Approved": "Approvato",
+  "Obsolete": "Obsoleto",
+  "Expiring": "In scadenza",
+  "Set up verification": "Configura la verifica",
+  "Verify page": "Verifica la pagina",
+  "Page verification": "Verifica della pagina",
+  "Add verification": "Aggiungi verifica",
+  "Edit verification": "Modifica verifica",
+  "Search by title": "Cerca per titolo",
+  "Choose how this page should stay accurate.": "Scegli come mantenere accurata questa pagina.",
+  "Recurring verification": "Verifica ricorrente",
+  "Verifiers re-confirm this page on a schedule.": "I verificatori riconfermano questa pagina secondo una pianificazione.",
+  "Re-verify on a schedule (e.g every 30 days )": "Verifica nuovamente secondo una pianificazione (ad es. ogni 30 giorni)",
+  "Page stays editable at all times": "La pagina resta sempre modificabile",
+  "Best for runbooks, FAQs, living documentation": "Ideale per runbook, FAQ e documentazione dinamica",
+  "Approval workflow": "Flusso di approvazione",
+  "Formal document lifecycle with named approvers.": "Ciclo di vita formale del documento con approvatori nominati.",
+  "Draft → In approval → Approved → Obsolete": "Bozza → In approvazione → Approvato → Obsoleto",
+  "Locked once approved, with full history": "Bloccato una volta approvato, con cronologia completa",
+  "Designed for ISO 9001, ISO 13485, and FDA": "Progettato per ISO 9001, ISO 13485 e FDA",
+  "Best for SOPs and controlled documents": "Ideale per SOP e documenti controllati",
+  "Back": "Indietro",
+  "Quality management": "Gestione della qualità",
+  "Recurring": "Ricorrente",
+  "Pages move through draft, approval, and approved stages.": "Le pagine passano attraverso le fasi di bozza, approvazione e approvato.",
+  "Verifiers": "Verificatori",
+  "Add verifier": "Aggiungi verificatore",
+  "I've reviewed this page for accuracy": "Ho controllato l'accuratezza di questa pagina",
+  "Set up": "Configura",
+  "Remove verification": "Rimuovi verifica",
+  "Are you sure you want to remove verification from this page?": "Sei sicuro di voler rimuovere la verifica da questa pagina?",
+  "Assigned verifiers must periodically re-verify this page.": "I verificatori assegnati devono verificare nuovamente questa pagina periodicamente.",
+  "Last verified by {{name}} {{time}} (expired)": "Ultima verifica effettuata da {{name}} {{time}} (scaduta)",
+  "The fixed expiration date has passed.": "La data di scadenza fissa è trascorsa.",
+  "Verified by {{name}} {{time}}": "Verificato da {{name}} {{time}}",
+  "Expires {{date}}": "Scade il {{date}}",
+  "Expired {{date}}": "Scaduto il {{date}}",
+  "Mark as obsolete": "Contrassegna come obsoleto",
+  "Mark obsolete": "Contrassegna come obsoleto",
+  "Returned by {{name}} {{time}}": "Restituito da {{name}} {{time}}",
+  "No approval has been requested yet.": "Non è stata ancora richiesta alcuna approvazione.",
+  "Submitted by {{name}} {{time}}": "Inviato da {{name}} {{time}}",
+  "Someone": "Qualcuno",
+  "Approved by {{name}} {{time}}": "Approvato da {{name}} {{time}}",
+  "This document has been marked as obsolete.": "Questo documento è stato contrassegnato come obsoleto.",
+  "Rejection comment": "Commento di rifiuto",
+  "Reason for returning this document...": "Motivo della restituzione di questo documento...",
+  "Confirm rejection": "Conferma rifiuto",
+  "Submit for approval": "Invia per approvazione",
+  "Reject": "Rifiuta",
+  "Approve": "Approva",
+  "Re-submit for approval": "Invia nuovamente per approvazione",
+  "Verified until": "Verificato fino al",
+  "QMS": "QMS",
+  "Verified pages": "Pagine verificate",
+  "Search pages...": "Cerca pagine...",
+  "Filter by space": "Filtra per spazio",
+  "Filter by type": "Filtra per tipo",
+  "<bold>{{name}}</bold> verified a page": "<bold>{{name}}</bold> ha verificato una pagina",
+  "<bold>{{name}}</bold> submitted a page for your approval": "<bold>{{name}}</bold> ha inviato una pagina per la tua approvazione",
+  "<bold>{{name}}</bold> returned a page for revision": "<bold>{{name}}</bold> ha restituito una pagina per la revisione",
+  "Page verification expires soon": "La verifica della pagina scadrà presto",
+  "Page verification has expired": "La verifica della pagina è scaduta",
   "Verifying your email": "Verifica della tua email in corso",
   "Please wait...": "Attendere...",
   "Verification failed. The link may have expired.": "Verifica non riuscita. Il link potrebbe essere scaduto.",

apps/client/public/locales/ja-JP/translation.json

@@ -222,6 +222,8 @@
   "Edit comment": "コメントを編集する",
   "Delete comment": "コメントを削除する",
   "Are you sure you want to delete this comment?": "このコメントを削除してもよろしいですか?",
+  "Delete chat": "チャットを削除",
+  "Are you sure you want to delete '{{title}}'? This action cannot be undone.": "「{{title}}」を削除してもよろしいですか？この操作は元に戻せません。",
   "Comment created successfully": "コメントを作成しました",
   "Error creating comment": "コメントの作成に失敗しました",
   "Comment updated successfully": "コメントを更新しました",
@@ -739,6 +741,93 @@
   "Removed page restriction": "ページの制限を解除しました",
   "Added page permission": "ページの権限を追加しました",
   "Removed page permission": "ページの権限を削除しました",
+  "day": "日",
+  "days": "日",
+  "week": "週",
+  "weeks": "週",
+  "month": "か月",
+  "months": "か月",
+  "year": "年",
+  "years": "年",
+  "Period": "期間",
+  "Fixed date": "指定日",
+  "Indefinitely": "無期限",
+  "Days": "日",
+  "Weeks": "週",
+  "Months": "か月",
+  "Years": "年",
+  "Pick a date": "日付を選択",
+  "Maximum is {{max}} {{unit}} for this unit": "この単位の最大値は{{max}}{{unit}}です",
+  "Never expires. Verifiers can re-verify at any time.": "有効期限はありません。検証者はいつでも再検証できます。",
+  "Verified": "検証済み",
+  "Review needed": "確認が必要",
+  "Verification expired": "検証期限切れ",
+  "Draft": "下書き",
+  "In Approval": "承認中",
+  "In approval": "承認中",
+  "Approved": "承認済み",
+  "Obsolete": "廃止",
+  "Expiring": "期限間近",
+  "Set up verification": "検証を設定",
+  "Verify page": "ページを検証",
+  "Page verification": "ページ検証",
+  "Add verification": "検証を追加",
+  "Edit verification": "検証を編集",
+  "Search by title": "タイトルで検索",
+  "Choose how this page should stay accurate.": "このページの正確性をどのように維持するか選択してください。",
+  "Recurring verification": "定期検証",
+  "Verifiers re-confirm this page on a schedule.": "検証者がこのページを定期的に再確認します。",
+  "Re-verify on a schedule (e.g every 30 days )": "スケジュールに従って再検証（例：30日ごと）",
+  "Page stays editable at all times": "ページは常に編集可能です",
+  "Best for runbooks, FAQs, living documentation": "運用手順書、FAQ、継続的に更新されるドキュメントに最適",
+  "Approval workflow": "承認ワークフロー",
+  "Formal document lifecycle with named approvers.": "指定された承認者による正式な文書ライフサイクルです。",
+  "Draft → In approval → Approved → Obsolete": "下書き → 承認中 → 承認済み → 廃止",
+  "Locked once approved, with full history": "承認後はロックされ、完全な履歴が残ります",
+  "Designed for ISO 9001, ISO 13485, and FDA": "ISO 9001、ISO 13485、FDA向けに設計",
+  "Best for SOPs and controlled documents": "SOPや管理文書に最適",
+  "Back": "戻る",
+  "Quality management": "品質管理",
+  "Recurring": "定期",
+  "Pages move through draft, approval, and approved stages.": "ページは下書き、承認中、承認済みの各段階を進みます。",
+  "Verifiers": "検証者",
+  "Add verifier": "検証者を追加",
+  "I've reviewed this page for accuracy": "このページの正確性を確認しました",
+  "Set up": "設定",
+  "Remove verification": "検証を削除",
+  "Are you sure you want to remove verification from this page?": "このページから検証を削除してもよろしいですか？",
+  "Assigned verifiers must periodically re-verify this page.": "割り当てられた検証者はこのページを定期的に再検証する必要があります。",
+  "Last verified by {{name}} {{time}} (expired)": "最終検証者：{{name}} {{time}}（期限切れ）",
+  "The fixed expiration date has passed.": "指定された有効期限を過ぎています。",
+  "Verified by {{name}} {{time}}": "{{name}}が{{time}}に検証",
+  "Expires {{date}}": "有効期限：{{date}}",
+  "Expired {{date}}": "{{date}}に期限切れ",
+  "Mark as obsolete": "廃止としてマーク",
+  "Mark obsolete": "廃止にする",
+  "Returned by {{name}} {{time}}": "{{name}}が{{time}}に差し戻し",
+  "No approval has been requested yet.": "まだ承認は依頼されていません。",
+  "Submitted by {{name}} {{time}}": "{{name}}が{{time}}に提出",
+  "Someone": "誰か",
+  "Approved by {{name}} {{time}}": "{{name}}が{{time}}に承認",
+  "This document has been marked as obsolete.": "この文書は廃止としてマークされています。",
+  "Rejection comment": "差し戻しコメント",
+  "Reason for returning this document...": "この文書を差し戻す理由...",
+  "Confirm rejection": "差し戻しを確定",
+  "Submit for approval": "承認を申請",
+  "Reject": "差し戻す",
+  "Approve": "承認",
+  "Re-submit for approval": "再度承認を申請",
+  "Verified until": "検証有効期限",
+  "QMS": "QMS",
+  "Verified pages": "検証済みページ",
+  "Search pages...": "ページを検索...",
+  "Filter by space": "スペースで絞り込み",
+  "Filter by type": "タイプで絞り込み",
+  "<bold>{{name}}</bold> verified a page": "<bold>{{name}}</bold>がページを検証しました",
+  "<bold>{{name}}</bold> submitted a page for your approval": "<bold>{{name}}</bold>があなたの承認のためにページを提出しました",
+  "<bold>{{name}}</bold> returned a page for revision": "<bold>{{name}}</bold>がページを修正のため差し戻しました",
+  "Page verification expires soon": "ページ検証の期限が間もなく切れます",
+  "Page verification has expired": "ページ検証の期限が切れています",
   "Verifying your email": "メールアドレスを確認しています",
   "Please wait...": "お待ちください…",
   "Verification failed. The link may have expired.": "認証に失敗しました。リンクの有効期限が切れている可能性があります。",

apps/client/public/locales/ko-KR/translation.json

@@ -222,6 +222,8 @@
   "Edit comment": "댓글 수정",
   "Delete comment": "댓글 삭제",
   "Are you sure you want to delete this comment?": "이 댓글을 삭제하시겠습니까?",
+  "Delete chat": "채팅 삭제",
+  "Are you sure you want to delete '{{title}}'? This action cannot be undone.": "'{{title}}'을(를) 삭제하시겠습니까? 이 작업은 되돌릴 수 없습니다.",
   "Comment created successfully": "댓글 생성 완료",
   "Error creating comment": "댓글 생성 오류",
   "Comment updated successfully": "댓글 업데이트 완료",
@@ -739,6 +741,93 @@
   "Removed page restriction": "페이지 제한이 제거됨",
   "Added page permission": "페이지 권한이 추가됨",
   "Removed page permission": "페이지 권한이 제거됨",
+  "day": "일",
+  "days": "일",
+  "week": "주",
+  "weeks": "주",
+  "month": "개월",
+  "months": "개월",
+  "year": "년",
+  "years": "년",
+  "Period": "기간",
+  "Fixed date": "고정 날짜",
+  "Indefinitely": "무기한",
+  "Days": "일",
+  "Weeks": "주",
+  "Months": "개월",
+  "Years": "년",
+  "Pick a date": "날짜 선택",
+  "Maximum is {{max}} {{unit}} for this unit": "이 단위의 최대값은 {{max}} {{unit}}입니다",
+  "Never expires. Verifiers can re-verify at any time.": "만료되지 않습니다. 검증자는 언제든지 다시 검증할 수 있습니다.",
+  "Verified": "검증됨",
+  "Review needed": "검토 필요",
+  "Verification expired": "검증 만료됨",
+  "Draft": "초안",
+  "In Approval": "승인 진행 중",
+  "In approval": "승인 진행 중",
+  "Approved": "승인됨",
+  "Obsolete": "폐기됨",
+  "Expiring": "만료 예정",
+  "Set up verification": "검증 설정",
+  "Verify page": "페이지 검증",
+  "Page verification": "페이지 검증",
+  "Add verification": "검증 추가",
+  "Edit verification": "검증 편집",
+  "Search by title": "제목으로 검색",
+  "Choose how this page should stay accurate.": "이 페이지의 정확성을 유지할 방법을 선택하세요.",
+  "Recurring verification": "반복 검증",
+  "Verifiers re-confirm this page on a schedule.": "검증자가 일정에 따라 이 페이지를 다시 확인합니다.",
+  "Re-verify on a schedule (e.g every 30 days )": "일정에 따라 다시 검증(예: 30일마다)",
+  "Page stays editable at all times": "페이지는 항상 편집 가능합니다",
+  "Best for runbooks, FAQs, living documentation": "런북, FAQ, 살아 있는 문서에 적합",
+  "Approval workflow": "승인 워크플로",
+  "Formal document lifecycle with named approvers.": "지정된 승인자가 있는 공식 문서 수명 주기입니다.",
+  "Draft → In approval → Approved → Obsolete": "초안 → 승인 진행 중 → 승인됨 → 폐기됨",
+  "Locked once approved, with full history": "승인되면 잠기며 전체 이력이 유지됩니다",
+  "Designed for ISO 9001, ISO 13485, and FDA": "ISO 9001, ISO 13485 및 FDA용으로 설계됨",
+  "Best for SOPs and controlled documents": "SOP 및 관리 문서에 적합",
+  "Back": "뒤로",
+  "Quality management": "품질 관리",
+  "Recurring": "반복",
+  "Pages move through draft, approval, and approved stages.": "페이지는 초안, 승인, 승인됨 단계를 거칩니다.",
+  "Verifiers": "검증자",
+  "Add verifier": "검증자 추가",
+  "I've reviewed this page for accuracy": "이 페이지의 정확성을 검토했습니다",
+  "Set up": "설정",
+  "Remove verification": "검증 제거",
+  "Are you sure you want to remove verification from this page?": "이 페이지에서 검증을 제거하시겠습니까?",
+  "Assigned verifiers must periodically re-verify this page.": "지정된 검증자는 이 페이지를 주기적으로 다시 검증해야 합니다.",
+  "Last verified by {{name}} {{time}} (expired)": "마지막 검증자: {{name}} {{time}} (만료됨)",
+  "The fixed expiration date has passed.": "고정된 만료일이 지났습니다.",
+  "Verified by {{name}} {{time}}": "검증자: {{name}} {{time}}",
+  "Expires {{date}}": "{{date}}에 만료",
+  "Expired {{date}}": "{{date}}에 만료됨",
+  "Mark as obsolete": "폐기로 표시",
+  "Mark obsolete": "폐기 표시",
+  "Returned by {{name}} {{time}}": "반려자: {{name}} {{time}}",
+  "No approval has been requested yet.": "아직 승인이 요청되지 않았습니다.",
+  "Submitted by {{name}} {{time}}": "제출자: {{name}} {{time}}",
+  "Someone": "누군가",
+  "Approved by {{name}} {{time}}": "승인자: {{name}} {{time}}",
+  "This document has been marked as obsolete.": "이 문서는 폐기로 표시되었습니다.",
+  "Rejection comment": "반려 사유",
+  "Reason for returning this document...": "이 문서를 반려하는 이유...",
+  "Confirm rejection": "반려 확인",
+  "Submit for approval": "승인 요청",
+  "Reject": "반려",
+  "Approve": "승인",
+  "Re-submit for approval": "승인 재요청",
+  "Verified until": "다음까지 검증됨",
+  "QMS": "QMS",
+  "Verified pages": "검증된 페이지",
+  "Search pages...": "페이지 검색...",
+  "Filter by space": "스페이스별 필터",
+  "Filter by type": "유형별 필터",
+  "<bold>{{name}}</bold> verified a page": "<bold>{{name}}</bold>님이 페이지를 검증했습니다",
+  "<bold>{{name}}</bold> submitted a page for your approval": "<bold>{{name}}</bold>님이 승인을 위해 페이지를 제출했습니다",
+  "<bold>{{name}}</bold> returned a page for revision": "<bold>{{name}}</bold>님이 수정을 위해 페이지를 반려했습니다",
+  "Page verification expires soon": "페이지 검토가 곧 만료됩니다",
+  "Page verification has expired": "페이지 검토가 만료되었습니다",
   "Verifying your email": "이메일 확인 중",
   "Please wait...": "잠시만 기다려 주세요...",
   "Verification failed. The link may have expired.": "인증에 실패했습니다. 링크가 만료되었을 수 있습니다.",

apps/client/public/locales/nl-NL/translation.json

@@ -222,6 +222,8 @@
   "Edit comment": "Bewerk reactie",
   "Delete comment": "Verwijder reactie",
   "Are you sure you want to delete this comment?": "Weet je zeker dat je deze reactie wilt verwijderen?",
+  "Delete chat": "Chat verwijderen",
+  "Are you sure you want to delete '{{title}}'? This action cannot be undone.": "Weet je zeker dat je '{{title}}' wilt verwijderen? Deze actie kan niet ongedaan worden gemaakt.",
   "Comment created successfully": "Reactie succesvol aangemaakt",
   "Error creating comment": "Fout bij het aanmaken van reactie",
   "Comment updated successfully": "Opmerking succesvol bijgewerkt",
@@ -739,6 +741,93 @@
   "Removed page restriction": "Pagina-restrictie verwijderd",
   "Added page permission": "Paginatoestemming toegevoegd",
   "Removed page permission": "Paginatoestemming verwijderd",
+  "day": "dag",
+  "days": "dagen",
+  "week": "week",
+  "weeks": "weken",
+  "month": "maand",
+  "months": "maanden",
+  "year": "jaar",
+  "years": "jaren",
+  "Period": "Periode",
+  "Fixed date": "Vaste datum",
+  "Indefinitely": "Voor onbepaalde tijd",
+  "Days": "Dagen",
+  "Weeks": "Weken",
+  "Months": "Maanden",
+  "Years": "Jaren",
+  "Pick a date": "Kies een datum",
+  "Maximum is {{max}} {{unit}} for this unit": "Maximum is {{max}} {{unit}} voor deze eenheid",
+  "Never expires. Verifiers can re-verify at any time.": "Verloopt nooit. Verificateurs kunnen op elk moment opnieuw verifiëren.",
+  "Verified": "Geverifieerd",
+  "Review needed": "Beoordeling nodig",
+  "Verification expired": "Verificatie verlopen",
+  "Draft": "Concept",
+  "In Approval": "In goedkeuring",
+  "In approval": "In goedkeuring",
+  "Approved": "Goedgekeurd",
+  "Obsolete": "Verouderd",
+  "Expiring": "Verloopt binnenkort",
+  "Set up verification": "Verificatie instellen",
+  "Verify page": "Pagina verifiëren",
+  "Page verification": "Paginaverificatie",
+  "Add verification": "Verificatie toevoegen",
+  "Edit verification": "Verificatie bewerken",
+  "Search by title": "Zoeken op titel",
+  "Choose how this page should stay accurate.": "Kies hoe deze pagina accuraat moet blijven.",
+  "Recurring verification": "Terugkerende verificatie",
+  "Verifiers re-confirm this page on a schedule.": "Verificateurs bevestigen deze pagina opnieuw volgens een schema.",
+  "Re-verify on a schedule (e.g every 30 days )": "Opnieuw verifiëren volgens een schema (bijv. elke 30 dagen)",
+  "Page stays editable at all times": "Pagina blijft altijd bewerkbaar",
+  "Best for runbooks, FAQs, living documentation": "Het beste voor runbooks, veelgestelde vragen en levende documentatie",
+  "Approval workflow": "Goedkeuringsworkflow",
+  "Formal document lifecycle with named approvers.": "Formele documentlevenscyclus met benoemde goedkeurders.",
+  "Draft → In approval → Approved → Obsolete": "Concept → In goedkeuring → Goedgekeurd → Verouderd",
+  "Locked once approved, with full history": "Vergrendeld zodra goedgekeurd, met volledige geschiedenis",
+  "Designed for ISO 9001, ISO 13485, and FDA": "Ontworpen voor ISO 9001, ISO 13485 en FDA",
+  "Best for SOPs and controlled documents": "Het beste voor SOP's en beheerde documenten",
+  "Back": "Terug",
+  "Quality management": "Kwaliteitsmanagement",
+  "Recurring": "Terugkerend",
+  "Pages move through draft, approval, and approved stages.": "Pagina's doorlopen de fasen concept, goedkeuring en goedgekeurd.",
+  "Verifiers": "Verificateurs",
+  "Add verifier": "Verificateur toevoegen",
+  "I've reviewed this page for accuracy": "Ik heb deze pagina op nauwkeurigheid beoordeeld",
+  "Set up": "Instellen",
+  "Remove verification": "Verificatie verwijderen",
+  "Are you sure you want to remove verification from this page?": "Weet je zeker dat je verificatie van deze pagina wilt verwijderen?",
+  "Assigned verifiers must periodically re-verify this page.": "Toegewezen verificateurs moeten deze pagina periodiek opnieuw verifiëren.",
+  "Last verified by {{name}} {{time}} (expired)": "Laatst geverifieerd door {{name}} {{time}} (verlopen)",
+  "The fixed expiration date has passed.": "De vaste vervaldatum is verstreken.",
+  "Verified by {{name}} {{time}}": "Geverifieerd door {{name}} {{time}}",
+  "Expires {{date}}": "Verloopt op {{date}}",
+  "Expired {{date}}": "Verlopen op {{date}}",
+  "Mark as obsolete": "Markeren als verouderd",
+  "Mark obsolete": "Markeer als verouderd",
+  "Returned by {{name}} {{time}}": "Teruggestuurd door {{name}} {{time}}",
+  "No approval has been requested yet.": "Er is nog geen goedkeuring aangevraagd.",
+  "Submitted by {{name}} {{time}}": "Ingediend door {{name}} {{time}}",
+  "Someone": "Iemand",
+  "Approved by {{name}} {{time}}": "Goedgekeurd door {{name}} {{time}}",
+  "This document has been marked as obsolete.": "Dit document is als verouderd gemarkeerd.",
+  "Rejection comment": "Afwijzingsopmerking",
+  "Reason for returning this document...": "Reden om dit document terug te sturen...",
+  "Confirm rejection": "Afwijzing bevestigen",
+  "Submit for approval": "Indienen voor goedkeuring",
+  "Reject": "Afwijzen",
+  "Approve": "Goedkeuren",
+  "Re-submit for approval": "Opnieuw indienen voor goedkeuring",
+  "Verified until": "Geverifieerd tot",
+  "QMS": "QMS",
+  "Verified pages": "Geverifieerde pagina's",
+  "Search pages...": "Pagina's zoeken...",
+  "Filter by space": "Filteren op ruimte",
+  "Filter by type": "Filteren op type",
+  "<bold>{{name}}</bold> verified a page": "<bold>{{name}}</bold> heeft een pagina geverifieerd",
+  "<bold>{{name}}</bold> submitted a page for your approval": "<bold>{{name}}</bold> heeft een pagina voor jouw goedkeuring ingediend",
+  "<bold>{{name}}</bold> returned a page for revision": "<bold>{{name}}</bold> heeft een pagina teruggestuurd voor revisie",
+  "Page verification expires soon": "Paginaverificatie verloopt binnenkort",
+  "Page verification has expired": "Paginaverificatie is verlopen",
   "Verifying your email": "Je e-mailadres wordt geverifieerd",
   "Please wait...": "Even geduld...",
   "Verification failed. The link may have expired.": "Verificatie mislukt. De link is mogelijk verlopen.",

apps/client/public/locales/pt-BR/translation.json

@@ -222,6 +222,8 @@
   "Edit comment": "Editar comentário",
   "Delete comment": "Excluir comentário",
   "Are you sure you want to delete this comment?": "Você tem certeza de que deseja excluir este comentário?",
+  "Delete chat": "Excluir chat",
+  "Are you sure you want to delete '{{title}}'? This action cannot be undone.": "Tem certeza de que deseja excluir '{{title}}'? Esta ação não pode ser desfeita.",
   "Comment created successfully": "Comentário criado com sucesso",
   "Error creating comment": "Erro ao criar comentário",
   "Comment updated successfully": "Comentário atualizado com sucesso",
@@ -739,6 +741,93 @@
   "Removed page restriction": "Restrição de página removida",
   "Added page permission": "Permissão de página adicionada",
   "Removed page permission": "Permissão de página removida",
+  "day": "dia",
+  "days": "dias",
+  "week": "semana",
+  "weeks": "semanas",
+  "month": "mês",
+  "months": "meses",
+  "year": "ano",
+  "years": "anos",
+  "Period": "Período",
+  "Fixed date": "Data fixa",
+  "Indefinitely": "Indefinidamente",
+  "Days": "Dias",
+  "Weeks": "Semanas",
+  "Months": "Meses",
+  "Years": "Anos",
+  "Pick a date": "Escolha uma data",
+  "Maximum is {{max}} {{unit}} for this unit": "O máximo é {{max}} {{unit}} para esta unidade",
+  "Never expires. Verifiers can re-verify at any time.": "Nunca expira. Os verificadores podem verificar novamente a qualquer momento.",
+  "Verified": "Verificado",
+  "Review needed": "Revisão necessária",
+  "Verification expired": "A verificação expirou",
+  "Draft": "Rascunho",
+  "In Approval": "Em aprovação",
+  "In approval": "Em aprovação",
+  "Approved": "Aprovado",
+  "Obsolete": "Obsoleto",
+  "Expiring": "Expirando",
+  "Set up verification": "Configurar verificação",
+  "Verify page": "Verificar página",
+  "Page verification": "Verificação da página",
+  "Add verification": "Adicionar verificação",
+  "Edit verification": "Editar verificação",
+  "Search by title": "Pesquisar por título",
+  "Choose how this page should stay accurate.": "Escolha como esta página deve permanecer precisa.",
+  "Recurring verification": "Verificação recorrente",
+  "Verifiers re-confirm this page on a schedule.": "Os verificadores confirmam novamente esta página em uma programação definida.",
+  "Re-verify on a schedule (e.g every 30 days )": "Verificar novamente em uma programação definida (ex.: a cada 30 dias)",
+  "Page stays editable at all times": "A página permanece editável o tempo todo",
+  "Best for runbooks, FAQs, living documentation": "Ideal para runbooks, FAQs e documentação viva",
+  "Approval workflow": "Fluxo de aprovação",
+  "Formal document lifecycle with named approvers.": "Ciclo de vida formal do documento com aprovadores nomeados.",
+  "Draft → In approval → Approved → Obsolete": "Rascunho → Em aprovação → Aprovado → Obsoleto",
+  "Locked once approved, with full history": "Bloqueado após a aprovação, com histórico completo",
+  "Designed for ISO 9001, ISO 13485, and FDA": "Desenvolvido para ISO 9001, ISO 13485 e FDA",
+  "Best for SOPs and controlled documents": "Ideal para POPs e documentos controlados",
+  "Back": "Voltar",
+  "Quality management": "Gestão da qualidade",
+  "Recurring": "Recorrente",
+  "Pages move through draft, approval, and approved stages.": "As páginas passam pelos estágios de rascunho, aprovação e aprovado.",
+  "Verifiers": "Verificadores",
+  "Add verifier": "Adicionar verificador",
+  "I've reviewed this page for accuracy": "Revisei esta página quanto à precisão",
+  "Set up": "Configurar",
+  "Remove verification": "Remover verificação",
+  "Are you sure you want to remove verification from this page?": "Tem certeza de que deseja remover a verificação desta página?",
+  "Assigned verifiers must periodically re-verify this page.": "Os verificadores atribuídos devem verificar novamente esta página periodicamente.",
+  "Last verified by {{name}} {{time}} (expired)": "Verificado pela última vez por {{name}} {{time}} (expirado)",
+  "The fixed expiration date has passed.": "A data fixa de expiração já passou.",
+  "Verified by {{name}} {{time}}": "Verificado por {{name}} {{time}}",
+  "Expires {{date}}": "Expira em {{date}}",
+  "Expired {{date}}": "Expirou em {{date}}",
+  "Mark as obsolete": "Marcar como obsoleto",
+  "Mark obsolete": "Marcar como obsoleto",
+  "Returned by {{name}} {{time}}": "Devolvido por {{name}} {{time}}",
+  "No approval has been requested yet.": "Nenhuma aprovação foi solicitada ainda.",
+  "Submitted by {{name}} {{time}}": "Enviado por {{name}} {{time}}",
+  "Someone": "Alguém",
+  "Approved by {{name}} {{time}}": "Aprovado por {{name}} {{time}}",
+  "This document has been marked as obsolete.": "Este documento foi marcado como obsoleto.",
+  "Rejection comment": "Comentário de rejeição",
+  "Reason for returning this document...": "Motivo para devolver este documento...",
+  "Confirm rejection": "Confirmar rejeição",
+  "Submit for approval": "Enviar para aprovação",
+  "Reject": "Rejeitar",
+  "Approve": "Aprovar",
+  "Re-submit for approval": "Reenviar para aprovação",
+  "Verified until": "Verificado até",
+  "QMS": "SGQ",
+  "Verified pages": "Páginas verificadas",
+  "Search pages...": "Pesquisar páginas...",
+  "Filter by space": "Filtrar por espaço",
+  "Filter by type": "Filtrar por tipo",
+  "<bold>{{name}}</bold> verified a page": "<bold>{{name}}</bold> verificou uma página",
+  "<bold>{{name}}</bold> submitted a page for your approval": "<bold>{{name}}</bold> enviou uma página para sua aprovação",
+  "<bold>{{name}}</bold> returned a page for revision": "<bold>{{name}}</bold> devolveu uma página para revisão",
+  "Page verification expires soon": "A verificação da página expirará em breve",
+  "Page verification has expired": "A verificação da página expirou",
   "Verifying your email": "Verificando seu e-mail",
   "Please wait...": "Por favor, aguarde...",
   "Verification failed. The link may have expired.": "Falha na verificação. O link pode ter expirado.",

apps/client/public/locales/ru-RU/translation.json

@@ -222,6 +222,8 @@
   "Edit comment": "Редактировать комментарий",
   "Delete comment": "Удалить комментарий",
   "Are you sure you want to delete this comment?": "Вы уверены, что хотите удалить этот комментарий?",
+  "Delete chat": "Удалить чат",
+  "Are you sure you want to delete '{{title}}'? This action cannot be undone.": "Вы уверены, что хотите удалить '{{title}}'? Это действие нельзя отменить.",
   "Comment created successfully": "Комментарий успешно создан",
   "Error creating comment": "Ошибка при создании комментария",
   "Comment updated successfully": "Комментарий успешно обновлён",
@@ -739,6 +741,93 @@
   "Removed page restriction": "Ограничение доступа к странице удалено",
   "Added page permission": "Добавлено разрешение доступа к странице",
   "Removed page permission": "Удалено разрешение доступа к странице",
+  "day": "день",
+  "days": "дни",
+  "week": "неделя",
+  "weeks": "недели",
+  "month": "месяц",
+  "months": "месяцы",
+  "year": "год",
+  "years": "годы",
+  "Period": "Период",
+  "Fixed date": "Фиксированная дата",
+  "Indefinitely": "Бессрочно",
+  "Days": "Дни",
+  "Weeks": "Недели",
+  "Months": "Месяцы",
+  "Years": "Годы",
+  "Pick a date": "Выберите дату",
+  "Maximum is {{max}} {{unit}} for this unit": "Максимум для этой единицы измерения — {{max}} {{unit}}",
+  "Never expires. Verifiers can re-verify at any time.": "Срок действия не истекает. Проверяющие могут повторно подтверждать в любое время.",
+  "Verified": "Проверено",
+  "Review needed": "Требуется проверка",
+  "Verification expired": "Срок проверки истёк",
+  "Draft": "Черновик",
+  "In Approval": "На утверждении",
+  "In approval": "На утверждении",
+  "Approved": "Утверждено",
+  "Obsolete": "Устарело",
+  "Expiring": "Истекает",
+  "Set up verification": "Настроить проверку",
+  "Verify page": "Проверить страницу",
+  "Page verification": "Проверка страницы",
+  "Add verification": "Добавить проверку",
+  "Edit verification": "Изменить проверку",
+  "Search by title": "Поиск по заголовку",
+  "Choose how this page should stay accurate.": "Выберите, как поддерживать актуальность этой страницы.",
+  "Recurring verification": "Регулярная проверка",
+  "Verifiers re-confirm this page on a schedule.": "Проверяющие повторно подтверждают эту страницу по расписанию.",
+  "Re-verify on a schedule (e.g every 30 days )": "Повторно проверять по расписанию (например, каждые 30 дней)",
+  "Page stays editable at all times": "Страница остаётся редактируемой в любое время",
+  "Best for runbooks, FAQs, living documentation": "Лучше всего подходит для инструкций, FAQ и живой документации",
+  "Approval workflow": "Процесс утверждения",
+  "Formal document lifecycle with named approvers.": "Формальный жизненный цикл документа с назначенными утверждающими.",
+  "Draft → In approval → Approved → Obsolete": "Черновик → На утверждении → Утверждено → Устарело",
+  "Locked once approved, with full history": "После утверждения блокируется, с полной историей",
+  "Designed for ISO 9001, ISO 13485, and FDA": "Разработано для ISO 9001, ISO 13485 и FDA",
+  "Best for SOPs and controlled documents": "Лучше всего подходит для СОП и контролируемых документов",
+  "Back": "Назад",
+  "Quality management": "Управление качеством",
+  "Recurring": "Регулярно",
+  "Pages move through draft, approval, and approved stages.": "Страницы проходят стадии черновика, утверждения и утверждённого состояния.",
+  "Verifiers": "Проверяющие",
+  "Add verifier": "Добавить проверяющего",
+  "I've reviewed this page for accuracy": "Я проверил(а) эту страницу на точность",
+  "Set up": "Настроить",
+  "Remove verification": "Удалить проверку",
+  "Are you sure you want to remove verification from this page?": "Вы уверены, что хотите удалить проверку с этой страницы?",
+  "Assigned verifiers must periodically re-verify this page.": "Назначенные проверяющие должны периодически повторно проверять эту страницу.",
+  "Last verified by {{name}} {{time}} (expired)": "Последняя проверка: {{name}}, {{time}} (срок истёк)",
+  "The fixed expiration date has passed.": "Фиксированная дата истечения срока уже прошла.",
+  "Verified by {{name}} {{time}}": "Проверено: {{name}}, {{time}}",
+  "Expires {{date}}": "Истекает {{date}}",
+  "Expired {{date}}": "Срок истёк {{date}}",
+  "Mark as obsolete": "Отметить как устаревшее",
+  "Mark obsolete": "Отметить как устаревшее",
+  "Returned by {{name}} {{time}}": "Возвращено: {{name}}, {{time}}",
+  "No approval has been requested yet.": "Запрос на утверждение ещё не отправлен.",
+  "Submitted by {{name}} {{time}}": "Отправлено: {{name}}, {{time}}",
+  "Someone": "Кто-то",
+  "Approved by {{name}} {{time}}": "Утверждено: {{name}}, {{time}}",
+  "This document has been marked as obsolete.": "Этот документ был отмечен как устаревший.",
+  "Rejection comment": "Комментарий к отклонению",
+  "Reason for returning this document...": "Причина возврата этого документа...",
+  "Confirm rejection": "Подтвердить отклонение",
+  "Submit for approval": "Отправить на утверждение",
+  "Reject": "Отклонить",
+  "Approve": "Утвердить",
+  "Re-submit for approval": "Повторно отправить на утверждение",
+  "Verified until": "Проверено до",
+  "QMS": "QMS",
+  "Verified pages": "Проверенные страницы",
+  "Search pages...": "Поиск страниц...",
+  "Filter by space": "Фильтр по пространству",
+  "Filter by type": "Фильтр по типу",
+  "<bold>{{name}}</bold> verified a page": "<bold>{{name}}</bold> проверил(а) страницу",
+  "<bold>{{name}}</bold> submitted a page for your approval": "<bold>{{name}}</bold> отправил(а) страницу вам на утверждение",
+  "<bold>{{name}}</bold> returned a page for revision": "<bold>{{name}}</bold> вернул(а) страницу на доработку",
+  "Page verification expires soon": "Срок проверки страницы скоро истекает",
+  "Page verification has expired": "Срок проверки страницы истёк",
   "Verifying your email": "Подтверждение вашего адреса электронной почты",
   "Please wait...": "Пожалуйста, подождите...",
   "Verification failed. The link may have expired.": "Ошибка проверки. Ссылка могла устареть.",

apps/client/public/locales/uk-UA/translation.json

@@ -222,6 +222,8 @@
   "Edit comment": "Редагувати коментар",
   "Delete comment": "Видалити коментар",
   "Are you sure you want to delete this comment?": "Ви впевнені, що хочете видалити цей коментар?",
+  "Delete chat": "Видалити чат",
+  "Are you sure you want to delete '{{title}}'? This action cannot be undone.": "Ви впевнені, що хочете видалити '{{title}}'? Цю дію неможливо скасувати.",
   "Comment created successfully": "Коментар успішно створено",
   "Error creating comment": "Помилка при створенні коментаря",
   "Comment updated successfully": "Коментар успішно оновлено",
@@ -739,6 +741,93 @@
   "Removed page restriction": "Обмеження сторінки видалено",
   "Added page permission": "Додано дозвіл на сторінку",
   "Removed page permission": "Дозвіл на сторінку видалено",
+  "day": "день",
+  "days": "дні",
+  "week": "тиждень",
+  "weeks": "тижні",
+  "month": "місяць",
+  "months": "місяці",
+  "year": "рік",
+  "years": "роки",
+  "Period": "Період",
+  "Fixed date": "Фіксована дата",
+  "Indefinitely": "Безстроково",
+  "Days": "Дні",
+  "Weeks": "Тижні",
+  "Months": "Місяці",
+  "Years": "Роки",
+  "Pick a date": "Виберіть дату",
+  "Maximum is {{max}} {{unit}} for this unit": "Максимум для цієї одиниці — {{max}} {{unit}}",
+  "Never expires. Verifiers can re-verify at any time.": "Термін дії не спливає. Верифікатори можуть повторно перевірити будь-коли.",
+  "Verified": "Перевірено",
+  "Review needed": "Потрібен перегляд",
+  "Verification expired": "Термін перевірки сплив",
+  "Draft": "Чернетка",
+  "In Approval": "На погодженні",
+  "In approval": "На погодженні",
+  "Approved": "Погоджено",
+  "Obsolete": "Застаріло",
+  "Expiring": "Термін дії спливає",
+  "Set up verification": "Налаштувати перевірку",
+  "Verify page": "Перевірити сторінку",
+  "Page verification": "Перевірка сторінки",
+  "Add verification": "Додати перевірку",
+  "Edit verification": "Редагувати перевірку",
+  "Search by title": "Пошук за назвою",
+  "Choose how this page should stay accurate.": "Виберіть, як підтримувати актуальність цієї сторінки.",
+  "Recurring verification": "Регулярна перевірка",
+  "Verifiers re-confirm this page on a schedule.": "Верифікатори повторно підтверджують цю сторінку за розкладом.",
+  "Re-verify on a schedule (e.g every 30 days )": "Повторно перевіряти за розкладом (наприклад, кожні 30 днів)",
+  "Page stays editable at all times": "Сторінка залишається доступною для редагування в будь-який час",
+  "Best for runbooks, FAQs, living documentation": "Найкраще підходить для runbook-ів, FAQ і живої документації",
+  "Approval workflow": "Процес погодження",
+  "Formal document lifecycle with named approvers.": "Формальний життєвий цикл документа з призначеними погоджувачами.",
+  "Draft → In approval → Approved → Obsolete": "Чернетка → На погодженні → Погоджено → Застаріло",
+  "Locked once approved, with full history": "Після погодження блокується, із повною історією",
+  "Designed for ISO 9001, ISO 13485, and FDA": "Призначено для ISO 9001, ISO 13485 та FDA",
+  "Best for SOPs and controlled documents": "Найкраще підходить для SOP і контрольованих документів",
+  "Back": "Назад",
+  "Quality management": "Управління якістю",
+  "Recurring": "Регулярна",
+  "Pages move through draft, approval, and approved stages.": "Сторінки проходять стадії чернетки, погодження та погодженого документа.",
+  "Verifiers": "Верифікатори",
+  "Add verifier": "Додати верифікатора",
+  "I've reviewed this page for accuracy": "Я перевірив(ла) цю сторінку на точність",
+  "Set up": "Налаштувати",
+  "Remove verification": "Видалити перевірку",
+  "Are you sure you want to remove verification from this page?": "Ви впевнені, що хочете видалити перевірку з цієї сторінки?",
+  "Assigned verifiers must periodically re-verify this page.": "Призначені верифікатори мають періодично повторно перевіряти цю сторінку.",
+  "Last verified by {{name}} {{time}} (expired)": "Востаннє перевірив(-ла) {{name}} {{time}} (термін дії сплив)",
+  "The fixed expiration date has passed.": "Фіксована дата завершення вже минула.",
+  "Verified by {{name}} {{time}}": "Перевірено: {{name}} {{time}}",
+  "Expires {{date}}": "Термін дії спливає {{date}}",
+  "Expired {{date}}": "Термін дії сплив {{date}}",
+  "Mark as obsolete": "Позначити як застаріле",
+  "Mark obsolete": "Позначити як застаріле",
+  "Returned by {{name}} {{time}}": "Повернуто: {{name}} {{time}}",
+  "No approval has been requested yet.": "Запит на погодження ще не було надіслано.",
+  "Submitted by {{name}} {{time}}": "Надіслано: {{name}} {{time}}",
+  "Someone": "Хтось",
+  "Approved by {{name}} {{time}}": "Погоджено: {{name}} {{time}}",
+  "This document has been marked as obsolete.": "Цей документ позначено як застарілий.",
+  "Rejection comment": "Коментар щодо відхилення",
+  "Reason for returning this document...": "Причина повернення цього документа...",
+  "Confirm rejection": "Підтвердити відхилення",
+  "Submit for approval": "Надіслати на погодження",
+  "Reject": "Відхилити",
+  "Approve": "Погодити",
+  "Re-submit for approval": "Повторно надіслати на погодження",
+  "Verified until": "Перевірено до",
+  "QMS": "QMS",
+  "Verified pages": "Перевірені сторінки",
+  "Search pages...": "Шукати сторінки...",
+  "Filter by space": "Фільтрувати за простором",
+  "Filter by type": "Фільтрувати за типом",
+  "<bold>{{name}}</bold> verified a page": "<bold>{{name}}</bold> перевірив(-ла) сторінку",
+  "<bold>{{name}}</bold> submitted a page for your approval": "<bold>{{name}}</bold> надіслав(-ла) сторінку вам на погодження",
+  "<bold>{{name}}</bold> returned a page for revision": "<bold>{{name}}</bold> повернув(-ла) сторінку на доопрацювання",
+  "Page verification expires soon": "Термін перевірки сторінки скоро спливає",
+  "Page verification has expired": "Термін перевірки сторінки сплив",
   "Verifying your email": "Перевірка вашої електронної пошти",
   "Please wait...": "Будь ласка, зачекайте...",
   "Verification failed. The link may have expired.": "Підтвердження не вдалося. Посилання могло втратити чинність.",

apps/client/public/locales/zh-CN/translation.json

@@ -222,6 +222,8 @@
   "Edit comment": "编辑评论",
   "Delete comment": "删除评论",
   "Are you sure you want to delete this comment?": "你确定要删除这条评论吗？",
+  "Delete chat": "删除聊天",
+  "Are you sure you want to delete '{{title}}'? This action cannot be undone.": "您确定要删除「{{title}}」吗？此操作无法撤销。",
   "Comment created successfully": "成功创建评论",
   "Error creating comment": "创建评论时出错",
   "Comment updated successfully": "评论更新成功",
@@ -739,6 +741,93 @@
   "Removed page restriction": "已移除页面限制",
   "Added page permission": "已添加页面权限",
   "Removed page permission": "已移除页面权限",
+  "day": "天",
+  "days": "天",
+  "week": "周",
+  "weeks": "周",
+  "month": "个月",
+  "months": "个月",
+  "year": "年",
+  "years": "年",
+  "Period": "周期",
+  "Fixed date": "固定日期",
+  "Indefinitely": "无限期",
+  "Days": "天",
+  "Weeks": "周",
+  "Months": "个月",
+  "Years": "年",
+  "Pick a date": "选择日期",
+  "Maximum is {{max}} {{unit}} for this unit": "此单位的最大值为 {{max}} {{unit}}",
+  "Never expires. Verifiers can re-verify at any time.": "永不过期。验证者可随时重新验证。",
+  "Verified": "已验证",
+  "Review needed": "需要审核",
+  "Verification expired": "验证已过期",
+  "Draft": "草稿",
+  "In Approval": "审批中",
+  "In approval": "审批中",
+  "Approved": "已批准",
+  "Obsolete": "已作废",
+  "Expiring": "即将过期",
+  "Set up verification": "设置验证",
+  "Verify page": "验证页面",
+  "Page verification": "页面验证",
+  "Add verification": "添加验证",
+  "Edit verification": "编辑验证",
+  "Search by title": "按标题搜索",
+  "Choose how this page should stay accurate.": "选择此页面保持准确的方式。",
+  "Recurring verification": "定期验证",
+  "Verifiers re-confirm this page on a schedule.": "验证者按计划重新确认此页面。",
+  "Re-verify on a schedule (e.g every 30 days )": "按计划重新验证（例如每 30 天一次）",
+  "Page stays editable at all times": "页面始终可编辑",
+  "Best for runbooks, FAQs, living documentation": "最适合运行手册、常见问题和动态文档",
+  "Approval workflow": "审批工作流",
+  "Formal document lifecycle with named approvers.": "具有指定审批人的正式文档生命周期。",
+  "Draft → In approval → Approved → Obsolete": "草稿 → 审批中 → 已批准 → 已作废",
+  "Locked once approved, with full history": "批准后锁定，并保留完整历史记录",
+  "Designed for ISO 9001, ISO 13485, and FDA": "专为 ISO 9001、ISO 13485 和 FDA 设计",
+  "Best for SOPs and controlled documents": "最适合 SOP 和受控文档",
+  "Back": "返回",
+  "Quality management": "质量管理",
+  "Recurring": "定期",
+  "Pages move through draft, approval, and approved stages.": "页面会经历草稿、审批中和已批准阶段。",
+  "Verifiers": "验证者",
+  "Add verifier": "添加验证者",
+  "I've reviewed this page for accuracy": "我已审核此页面的准确性",
+  "Set up": "设置",
+  "Remove verification": "移除验证",
+  "Are you sure you want to remove verification from this page?": "确定要移除此页面的验证吗？",
+  "Assigned verifiers must periodically re-verify this page.": "指定的验证者必须定期重新验证此页面。",
+  "Last verified by {{name}} {{time}} (expired)": "最后由 {{name}} 于 {{time}} 验证（已过期）",
+  "The fixed expiration date has passed.": "固定到期日已过。",
+  "Verified by {{name}} {{time}}": "由 {{name}} 于 {{time}} 验证",
+  "Expires {{date}}": "于 {{date}} 到期",
+  "Expired {{date}}": "已于 {{date}} 过期",
+  "Mark as obsolete": "标记为作废",
+  "Mark obsolete": "标记作废",
+  "Returned by {{name}} {{time}}": "由 {{name}} 于 {{time}} 退回",
+  "No approval has been requested yet.": "尚未请求审批。",
+  "Submitted by {{name}} {{time}}": "由 {{name}} 于 {{time}} 提交",
+  "Someone": "某人",
+  "Approved by {{name}} {{time}}": "由 {{name}} 于 {{time}} 批准",
+  "This document has been marked as obsolete.": "此文档已被标记为作废。",
+  "Rejection comment": "退回意见",
+  "Reason for returning this document...": "退回此文档的原因...",
+  "Confirm rejection": "确认退回",
+  "Submit for approval": "提交审批",
+  "Reject": "退回",
+  "Approve": "批准",
+  "Re-submit for approval": "重新提交审批",
+  "Verified until": "验证有效期至",
+  "QMS": "QMS",
+  "Verified pages": "已验证页面",
+  "Search pages...": "搜索页面...",
+  "Filter by space": "按空间筛选",
+  "Filter by type": "按类型筛选",
+  "<bold>{{name}}</bold> verified a page": "<bold>{{name}}</bold> 验证了一个页面",
+  "<bold>{{name}}</bold> submitted a page for your approval": "<bold>{{name}}</bold> 提交了一个页面供您审批",
+  "<bold>{{name}}</bold> returned a page for revision": "<bold>{{name}}</bold> 退回了一个页面以供修改",
+  "Page verification expires soon": "页面验证即将过期",
+  "Page verification has expired": "页面验证已过期",
   "Verifying your email": "正在验证您的邮箱",
   "Please wait...": "请稍候……",
   "Verification failed. The link may have expired.": "验证失败。该链接可能已过期。",

apps/client/src/App.tsx

@@ -26,6 +26,7 @@ import Security from "@/ee/security/pages/security.tsx";
 import License from "@/ee/licence/pages/license.tsx";
 import { useRedirectToCloudSelect } from "@/ee/hooks/use-redirect-to-cloud-select.tsx";
 import SharedPage from "@/pages/share/shared-page.tsx";
+import PdfRenderPage from "@/ee/pdf-export/pdf-render-page.tsx";
 import Shares from "@/pages/settings/shares/shares.tsx";
 import ShareLayout from "@/features/share/components/share-layout.tsx";
 import ShareRedirect from "@/pages/share/share-redirect.tsx";
@@ -38,6 +39,7 @@ import UserApiKeys from "@/ee/api-key/pages/user-api-keys";
 import WorkspaceApiKeys from "@/ee/api-key/pages/workspace-api-keys";
 import AiSettings from "@/ee/ai/pages/ai-settings.tsx";
 import AuditLogs from "@/ee/audit/pages/audit-logs.tsx";
+import VerifiedPages from "@/ee/page-verification/pages/verified-pages.tsx";
 import TemplateList from "@/ee/template/pages/template-list";
 import TemplateEditor from "@/ee/template/pages/template-editor";
 import FavoritesPage from "@/pages/favorites/favorites-page";
@@ -80,6 +82,7 @@ export default function App() {
           <Route path={"/share/p/:pageSlug"} element={<SharedPage />} />
         </Route>
 
+        <Route path={"/pdf-render/:pageId"} element={<PdfRenderPage />} />
         <Route path={"/share/:shareId"} element={<ShareRedirect />} />
         <Route path={"/p/:pageSlug"} element={<PageRedirect />} />
 
@@ -119,6 +122,7 @@ export default function App() {
             <Route path={"ai"} element={<AiSettings />} />
             <Route path={"ai/mcp"} element={<AiSettings />} />
             <Route path={"audit"} element={<AuditLogs />} />
+            <Route path={"verifications"} element={<VerifiedPages />} />
             {!isCloud() && <Route path={"license"} element={<License />} />}
             {isCloud() && <Route path={"billing"} element={<Billing />} />}
           </Route>

apps/client/src/components/common/avatar-uploader.tsx

@@ -80,6 +80,12 @@ export default function AvatarUploader({
     }
   };
 
+  const ariaLabel = {
+    [AvatarIconType.AVATAR]: t("Change avatar"),
+    [AvatarIconType.SPACE_ICON]: t("Change space icon"),
+    [AvatarIconType.WORKSPACE_ICON]: t("Change workspace icon"),
+  }[type];
+
   const handleRemove = async () => {
     if (disabled) return;
 
@@ -104,6 +110,8 @@ export default function AvatarUploader({
         ref={fileInputRef}
         onChange={handleFileInputChange}
         accept="image/png,image/jpeg,image/jpg"
+        aria-label={ariaLabel}
+        tabIndex={-1}
         style={{ display: "none" }}
       />
 
@@ -115,6 +123,8 @@ export default function AvatarUploader({
               size={size}
               avatarUrl={currentImageUrl}
               name={fallbackName}
+              aria-label={ariaLabel}
+              aria-haspopup="menu"
               style={{
                 cursor: disabled || isLoading ? "default" : "pointer",
                 opacity: isLoading ? 0.6 : 1,

apps/client/src/components/common/copy.tsx

@@ -25,6 +25,7 @@ export default function CopyTextButton({ text, size }: CopyProps) {
             variant="subtle"
             onClick={copy}
             size={size}
+            aria-label={copied ? t("Copied") : t("Copy")}
           >
             {copied ? <IconCheck size={16} /> : <IconCopy size={16} />}
           </ActionIcon>

apps/client/src/components/common/recent-changes.tsx

@@ -4,7 +4,7 @@ import {
   UnstyledButton,
   Badge,
   Table,
-  ActionIcon,
+  ThemeIcon,
   Button,
 } from "@mantine/core";
 import { Link } from "react-router-dom";
@@ -49,9 +49,9 @@ export default function RecentChanges({ spaceId }: Props) {
                   >
                     <Group wrap="nowrap">
                       {page.icon || (
-                        <ActionIcon variant="transparent" color="gray" size={18}>
+                        <ThemeIcon variant="transparent" color="gray" size={18}>
                           <IconFileDescription size={18} />
-                        </ActionIcon>
+                        </ThemeIcon>
                       )}
 
                       <Text fw={500} size="md" lineClamp={1}>

apps/client/src/components/common/search-input.tsx

@@ -6,12 +6,14 @@ import { useTranslation } from "react-i18next";
 
 export interface SearchInputProps {
   placeholder?: string;
+  ariaLabel?: string;
   debounceDelay?: number;
   onSearch: (value: string) => void;
 }
 
 export function SearchInput({
   placeholder,
+  ariaLabel,
   debounceDelay = 500,
   onSearch,
 }: SearchInputProps) {
@@ -28,6 +30,7 @@ export function SearchInput({
       <TextInput
         size="sm"
         placeholder={placeholder || t("Search...")}
+        aria-label={ariaLabel || placeholder || t("Search")}
         leftSection={<IconSearch size={16} />}
         value={value}
         onChange={(e) => setValue(e.currentTarget.value)}

apps/client/src/components/icons/icon-people-circle.tsx

@@ -1,11 +1,11 @@
-import { ActionIcon, rem } from "@mantine/core";
+import { ThemeIcon } from "@mantine/core";
 import React from "react";
 import { IconUsersGroup } from "@tabler/icons-react";
 
 export function IconGroupCircle() {
   return (
-    <ActionIcon variant="light" size="lg" color="gray" radius="xl">
+    <ThemeIcon variant="light" size="lg" color="gray" radius="xl">
       <IconUsersGroup stroke={1.5} />
-    </ActionIcon>
+    </ThemeIcon>
   );
 }

apps/client/src/components/layouts/global/app-shell.module.css

@@ -28,4 +28,22 @@
   }
 }
 
+.skipLink {
+  position: fixed;
+  left: 8px;
+  top: 8px;
+  padding: 8px 12px;
+  background: var(--mantine-color-blue-6);
+  color: #fff;
+  border-radius: 4px;
+  text-decoration: none;
+  z-index: 1000;
+  transform: translateY(-150%);
+
+  &:focus {
+    transform: translateY(0);
+    outline: 2px solid var(--mantine-color-blue-3);
+  }
+}
+
 

apps/client/src/components/layouts/global/global-app-shell.tsx

@@ -1,6 +1,7 @@
 import { AppShell, Container } from "@mantine/core";
 import React, { useEffect, useRef, useState } from "react";
 import { useLocation } from "react-router-dom";
+import { useTranslation } from "react-i18next";
 import SettingsSidebar from "@/components/settings/settings-sidebar.tsx";
 import { useAtom } from "jotai";
 import {
@@ -23,11 +24,12 @@ export default function GlobalAppShell({
 }: {
   children: React.ReactNode;
 }) {
+  const { t } = useTranslation();
   useTrialEndAction();
   const [mobileOpened] = useAtom(mobileSidebarAtom);
   const toggleMobile = useToggleSidebar(mobileSidebarAtom);
   const [desktopOpened] = useAtom(desktopSidebarAtom);
-  const [{ isAsideOpen }] = useAtom(asideStateAtom);
+  const [{ isAsideOpen, tab: asideTab }] = useAtom(asideStateAtom);
   const [sidebarWidth, setSidebarWidth] = useAtom(sidebarWidthAtom);
   const [isResizing, setIsResizing] = useState(false);
   const sidebarRef = useRef(null);
@@ -79,7 +81,11 @@ export default function GlobalAppShell({
   const showGlobalSidebar = !isSpaceRoute && !isSettingsRoute && !isAiRoute;
 
   return (
-    <AppShell
+    <>
+      <a href="#main-content" className={classes.skipLink}>
+        {t("Skip to main content")}
+      </a>
+      <AppShell
       header={{ height: 45 }}
       navbar={{
         width: isSpaceRoute ? sidebarWidth : 300,
@@ -105,6 +111,15 @@ export default function GlobalAppShell({
         className={classes.navbar}
         withBorder={false}
         ref={sidebarRef}
+        aria-label={
+          isSpaceRoute
+            ? t("Space navigation")
+            : isSettingsRoute
+              ? t("Settings navigation")
+              : isAiRoute
+                ? t("AI navigation")
+                : t("Main navigation")
+        }
       >
         {isSpaceRoute && (
           <div className={classes.resizeHandle} onMouseDown={startResizing} />
@@ -114,19 +129,35 @@ export default function GlobalAppShell({
         {isAiRoute && <AiChatSidebar />}
         {showGlobalSidebar && <GlobalSidebar />}
       </AppShell.Navbar>
-      <AppShell.Main>
+      <AppShell.Main id="main-content">
         {isSettingsRoute ? (
-          <Container size={900}>{children}</Container>
+          <Container size={900} pb={80}>
+            {children}
+          </Container>
         ) : (
           children
         )}
       </AppShell.Main>
 
       {isPageRoute && (
-        <AppShell.Aside className={classes.aside} p="md" withBorder={false}>
+        <AppShell.Aside
+          className={classes.aside}
+          p="md"
+          withBorder={false}
+          aria-label={
+            asideTab === "comments"
+              ? t("Comments")
+              : asideTab === "toc"
+                ? t("Table of contents")
+                : asideTab === "chat"
+                  ? t("AI Chat")
+                  : undefined
+          }
+        >
           <Aside />
         </AppShell.Aside>
       )}
     </AppShell>
+    </>
   );
 }

apps/client/src/components/layouts/global/global-sidebar.module.css

@@ -50,7 +50,7 @@
 .sectionHeader {
     padding: var(--mantine-spacing-xs) var(--mantine-spacing-sm);
     font-size: var(--mantine-font-size-xs);
-    color: light-dark(var(--mantine-color-gray-6), var(--mantine-color-dark-3));
+    color: var(--mantine-color-dimmed);
     font-weight: 600;
     text-transform: uppercase;
     letter-spacing: 0.5px;

apps/client/src/components/layouts/global/global-sidebar.tsx

@@ -1,5 +1,5 @@
 import { useEffect, useState } from "react";
-import { ScrollArea, Text, Divider, Modal } from "@mantine/core";
+import { ScrollArea, Text, Divider, Modal, UnstyledButton } from "@mantine/core";
 import {
   IconHome,
   IconClock,
@@ -33,7 +33,7 @@ export default function GlobalSidebar() {
   const [active, setActive] = useState(location.pathname);
   const [mobileSidebarOpened] = useAtom(mobileSidebarAtom);
   const toggleMobileSidebar = useToggleSidebar(mobileSidebarAtom);
-  const { data: favoriteSpacesData } = useFavoritesQuery("space");
+  const { data: favoriteSpacesData, isPending: isFavoritesPending } = useFavoritesQuery("space");
   const favoriteSpaces = favoriteSpacesData?.pages.flatMap((p) => p.items) ?? [];
   const sortedFavoriteSpaces = [...favoriteSpaces]
     .filter((fav) => fav.space)
@@ -75,7 +75,7 @@ export default function GlobalSidebar() {
         <Divider my="xs" />
         <div className={classes.section}>
           <Text className={classes.sectionHeader}>{t("Favorite spaces")}</Text>
-          {sortedFavoriteSpaces.length === 0 ? (
+          {!isFavoritesPending && sortedFavoriteSpaces.length === 0 ? (
             <Text size="xs" c="dimmed" pl="xs" py={4}>
               {t("Favorite spaces appear here")}
             </Text>
@@ -119,17 +119,13 @@ export default function GlobalSidebar() {
       </ScrollArea>
 
       <div className={classes.bottomSection}>
-        <a
+        <UnstyledButton
           className={classes.link}
-          onClick={(e) => {
-            e.preventDefault();
-            openInvite();
-          }}
-          href="#"
+          onClick={openInvite}
         >
           <IconUserPlus className={classes.linkIcon} stroke={2} />
           <span>{t("Invite People")}</span>
-        </a>
+        </UnstyledButton>
         <Link
           className={classes.link}
           data-active={active.startsWith("/settings") || undefined}

apps/client/src/components/settings/app-version.tsx

@@ -29,7 +29,7 @@ export default function AppVersion() {
       >
         <Indicator
           label={t("New update")}
-          color="gray"
+          color="dark"
           inline
           size={16}
           position="middle-end"

apps/client/src/components/settings/settings-queries.tsx

@@ -12,6 +12,8 @@ import { getSsoProviders } from "@/ee/security/services/security-service.ts";
 import { getShares } from "@/features/share/services/share-service.ts";
 import { getApiKeys } from "@/ee/api-key";
 import { getAuditLogs } from "@/ee/audit/services/audit-service";
+import { getVerificationList } from "@/ee/page-verification/services/page-verification-service";
+import { getScimTokens } from "@/ee/scim/services/scim-token-service";
 
 export const prefetchWorkspaceMembers = () => {
   const params: QueryParams = { limit: 100, query: "" };
@@ -89,3 +91,18 @@ export const prefetchAuditLogs = () => {
     queryFn: () => getAuditLogs(params),
   });
 };
+
+export const prefetchVerifiedPages = () => {
+  const params = { limit: 50 };
+  queryClient.prefetchQuery({
+    queryKey: ["verification-list", params],
+    queryFn: () => getVerificationList(params),
+  });
+};
+
+export const prefetchScimTokens = () => {
+  queryClient.prefetchQuery({
+    queryKey: ["scim-token-list", { cursor: undefined }],
+    queryFn: () => getScimTokens({}),
+  });
+};

apps/client/src/components/settings/settings-sidebar.tsx

@@ -14,6 +14,7 @@ import {
   IconWorld,
   IconSparkles,
   IconHistory,
+  IconShieldCheck,
 } from "@tabler/icons-react";
 import { Link, useLocation } from "react-router-dom";
 import classes from "./settings.module.css";
@@ -30,11 +31,13 @@ import {
   prefetchBilling,
   prefetchGroups,
   prefetchLicense,
+  prefetchScimTokens,
   prefetchShares,
   prefetchSpaces,
   prefetchSsoProviders,
   prefetchWorkspaceMembers,
   prefetchAuditLogs,
+  prefetchVerifiedPages,
 } from "@/components/settings/settings-queries.tsx";
 import AppVersion from "@/components/settings/app-version.tsx";
 import { mobileSidebarAtom } from "@/components/layouts/global/hooks/atoms/sidebar-atom.ts";
@@ -95,6 +98,12 @@ const groupedData: DataGroup[] = [
       { label: "Groups", icon: IconUsersGroup, path: "/settings/groups" },
       { label: "Spaces", icon: IconSpaces, path: "/settings/spaces" },
       { label: "Public sharing", icon: IconWorld, path: "/settings/sharing" },
+      {
+        label: "Verified pages",
+        icon: IconShieldCheck,
+        path: "/settings/verifications",
+        feature: Feature.PAGE_VERIFICATION,
+      },
       {
         label: "API management",
         icon: IconKey,
@@ -196,7 +205,10 @@ export default function SettingsSidebar() {
               }
               break;
             case "Security & SSO":
-              prefetchHandler = prefetchSsoProviders;
+              prefetchHandler = () => {
+                prefetchSsoProviders();
+                prefetchScimTokens();
+              };
               break;
             case "Public sharing":
               prefetchHandler = prefetchShares;
@@ -210,37 +222,14 @@ export default function SettingsSidebar() {
             case "Audit log":
               prefetchHandler = prefetchAuditLogs;
               break;
+            case "Verified pages":
+              prefetchHandler = prefetchVerifiedPages;
+              break;
             default:
               break;
           }
 
           const isDisabled = isItemDisabled(item);
-          const linkElement = (
-            <Link
-              onMouseEnter={!isDisabled ? prefetchHandler : undefined}
-              className={classes.link}
-              data-active={active.startsWith(item.path) || undefined}
-              data-disabled={isDisabled || undefined}
-              key={item.label}
-              to={isDisabled ? "#" : item.path}
-              onClick={(e) => {
-                if (isDisabled) {
-                  e.preventDefault();
-                  return;
-                }
-                if (mobileSidebarOpened) {
-                  toggleMobileSidebar();
-                }
-              }}
-              style={{
-                opacity: isDisabled ? 0.5 : 1,
-                cursor: isDisabled ? "not-allowed" : "pointer",
-              }}
-            >
-              <item.icon className={classes.linkIcon} stroke={2} />
-              <span>{t(item.label)}</span>
-            </Link>
-          );
 
           if (isDisabled) {
             return (
@@ -250,12 +239,41 @@ export default function SettingsSidebar() {
                 position="right"
                 withArrow
               >
-                {linkElement}
+                <span
+                  className={classes.link}
+                  data-disabled
+                  role="link"
+                  aria-disabled="true"
+                  tabIndex={0}
+                  style={{
+                    opacity: 0.5,
+                    cursor: "not-allowed",
+                  }}
+                >
+                  <item.icon className={classes.linkIcon} stroke={2} />
+                  <span>{t(item.label)}</span>
+                </span>
               </Tooltip>
             );
           }
 
-          return linkElement;
+          return (
+            <Link
+              onMouseEnter={prefetchHandler}
+              className={classes.link}
+              data-active={active.startsWith(item.path) || undefined}
+              key={item.label}
+              to={item.path}
+              onClick={() => {
+                if (mobileSidebarOpened) {
+                  toggleMobileSidebar();
+                }
+              }}
+            >
+              <item.icon className={classes.linkIcon} stroke={2} />
+              <span>{t(item.label)}</span>
+            </Link>
+          );
         })}
       </div>
     );
@@ -273,7 +291,7 @@ export default function SettingsSidebar() {
           }}
           variant="transparent"
           c="gray"
-          aria-label="Back"
+          aria-label={t("Back")}
         >
           <IconArrowLeft stroke={2} />
         </ActionIcon>

apps/client/src/components/ui/custom-avatar.tsx

@@ -1,5 +1,5 @@
 import React from "react";
-import { Avatar } from "@mantine/core";
+import { Avatar, MantineColor } from "@mantine/core";
 import { getAvatarUrl } from "@/lib/config.ts";
 import { AvatarIconType } from "@/features/attachments/types/attachment.types.ts";
 
@@ -16,11 +16,39 @@ interface CustomAvatarProps {
   mt?: string | number;
 }
 
+// `color.shade` pairs whose filled background meets WCAG AA (4.5:1) against
+// white text. Avoids lime/yellow/green/orange — even their dark shades have
+// weak white-text contrast.
+const SAFE_INITIALS_COLORS: MantineColor[] = [
+  "blue.8",
+  "cyan.9",
+  "grape.7",
+  "indigo.7",
+  "pink.8",
+  "red.8",
+  "violet.7",
+];
+
+function hashName(input: string) {
+  let hash = 0;
+  for (let i = 0; i < input.length; i += 1) {
+    hash = (hash << 5) - hash + input.charCodeAt(i);
+    hash |= 0;
+  }
+  return Math.abs(hash);
+}
+
+function pickInitialsColor(name: string) {
+  return SAFE_INITIALS_COLORS[hashName(name) % SAFE_INITIALS_COLORS.length];
+}
+
 export const CustomAvatar = React.forwardRef<
   HTMLInputElement,
   CustomAvatarProps
->(({ avatarUrl, name, type, ...props }: CustomAvatarProps, ref) => {
+>(({ avatarUrl, name, type, color, ...props }: CustomAvatarProps, ref) => {
   const avatarLink = getAvatarUrl(avatarUrl, type);
+  const resolvedColor =
+    !color || color === "initials" ? pickInitialsColor(name ?? "") : color;
 
   return (
     <Avatar
@@ -28,7 +56,7 @@ export const CustomAvatar = React.forwardRef<
       src={avatarLink}
       name={name}
       alt={name}
-      color="initials"
+      color={resolvedColor}
       {...props}
     />
   );

apps/client/src/components/ui/destination-picker/page-children.tsx

@@ -74,7 +74,18 @@ export function PageChildren({
         />
       ))}
       {hasNextPage && (
-        <div className={classes.loadMore} onClick={() => fetchNextPage()}>
+        <div
+          className={classes.loadMore}
+          onClick={() => fetchNextPage()}
+          onKeyDown={(e) => {
+            if (e.key === "Enter" || e.key === " ") {
+              e.preventDefault();
+              fetchNextPage();
+            }
+          }}
+          role="button"
+          tabIndex={0}
+        >
           {t("Load more")}
         </div>
       )}

apps/client/src/components/ui/emoji-picker.tsx

@@ -70,11 +70,14 @@ function EmojiPicker({
       closeOnEscape={true}
     >
       <Popover.Target ref={setTarget}>
-        <ActionIcon 
-          c={actionIconProps?.c || "gray"} 
-          variant={actionIconProps?.variant || "transparent"} 
+        <ActionIcon
+          c={actionIconProps?.c || "gray"}
+          variant={actionIconProps?.variant || "transparent"}
           size={actionIconProps?.size}
           onClick={handlers.toggle}
+          aria-label={t("Pick emoji")}
+          aria-haspopup="dialog"
+          aria-expanded={opened}
         >
           {icon}
         </ActionIcon>

apps/client/src/ee/ai-chat/components/ai-chat-layout.tsx

@@ -55,7 +55,7 @@ export default function AiChatLayout() {
     navigate(location.pathname, { replace: true, state: null });
   }, [chatId, location, navigate, sendMessage]);
 
-  const hasMessages = messages.length > 0 || isStreaming;
+  const hasMessages = messages.length > 0 || isStreaming || !!chatId;
 
   // While the redirect effect is running (or if the user is still on this
   // component for any reason) never render the chat UI for a forbidden chat.
@@ -65,18 +65,6 @@ export default function AiChatLayout() {
 
   return (
     <div className={classes.main}>
-      {error && (
-        <div
-          style={{
-            padding: "var(--mantine-spacing-sm) var(--mantine-spacing-lg)",
-            color: "var(--mantine-color-red-6)",
-            fontSize: "var(--mantine-font-size-sm)",
-          }}
-        >
-          {error}
-        </div>
-      )}
-
       {hasMessages ? (
         <>
           <ChatMessageList
@@ -85,6 +73,17 @@ export default function AiChatLayout() {
             streamingContent={streamingContent}
             streamingToolCalls={streamingToolCalls}
           />
+          {error && (
+            <div
+              style={{
+                padding: "var(--mantine-spacing-sm) var(--mantine-spacing-lg)",
+                color: "var(--mantine-color-red-6)",
+                fontSize: "var(--mantine-font-size-sm)",
+              }}
+            >
+              {error}
+            </div>
+          )}
           <div className={classes.inputArea}>
             <ChatInput
               isStreaming={isStreaming}

apps/client/src/ee/ai-chat/components/ai-chat-sidebar-item.tsx

@@ -9,7 +9,7 @@ import classes from "../styles/chat-sidebar.module.css";
 type Props = {
   chat: AiChat;
   isActive: boolean;
-  onDelete: (chatId: string) => void;
+  onDelete: (chatId: string, title: string | null) => void;
   onRename: (chatId: string, title: string) => void;
 };
 
@@ -132,6 +132,7 @@ export default function AiChatSidebarItem({
               size="xs"
               color="gray"
               onClick={(e) => e.preventDefault()}
+              aria-label={t("Chat menu")}
             >
               <IconDots size={14} />
             </ActionIcon>
@@ -153,7 +154,7 @@ export default function AiChatSidebarItem({
               onClick={(e) => {
                 e.preventDefault();
                 e.stopPropagation();
-                onDelete(chat.id);
+                onDelete(chat.id, chat.title);
               }}
             >
               {t("Delete")}

apps/client/src/ee/ai-chat/components/ai-chat-sidebar.tsx

@@ -1,6 +1,14 @@
 import { useState, useCallback, useEffect, useMemo, useRef } from "react";
 import { Link, useNavigate, useParams } from "react-router-dom";
-import { ActionIcon, Center, TextInput, Loader, Tooltip } from "@mantine/core";
+import {
+  ActionIcon,
+  Center,
+  Text,
+  TextInput,
+  Loader,
+  Tooltip,
+} from "@mantine/core";
+import { modals } from "@mantine/modals";
 import { useDebouncedValue } from "@mantine/hooks";
 import { IconPlus, IconSearch, IconMessageCircle2 } from "@tabler/icons-react";
 import { useTranslation } from "react-i18next";
@@ -73,16 +81,31 @@ export default function AiChatSidebar() {
   );
 
   const handleDelete = useCallback(
-    (id: string) => {
-      deleteMutation.mutate(id, {
-        onSuccess: () => {
-          if (chatId === id) {
-            navigate("/ai");
-          }
+    (id: string, title: string | null) => {
+      modals.openConfirmModal({
+        title: t("Delete chat"),
+        centered: true,
+        children: (
+          <Text size="sm">
+            {t("Are you sure you want to delete '{{title}}'? This action cannot be undone.", {
+              title: title || t("Untitled"),
+            })}
+          </Text>
+        ),
+        labels: { confirm: t("Delete"), cancel: t("Cancel") },
+        confirmProps: { color: "red" },
+        onConfirm: () => {
+          deleteMutation.mutate(id, {
+            onSuccess: () => {
+              if (chatId === id) {
+                navigate("/ai");
+              }
+            },
+          });
         },
       });
     },
-    [deleteMutation, chatId, navigate],
+    [deleteMutation, chatId, navigate, t],
   );
 
   const handleRename = useCallback(

apps/client/src/ee/api-key/components/api-key-created-modal.tsx

@@ -31,7 +31,7 @@ export function ApiKeyCreatedModal({
     <Modal
       opened={opened}
       onClose={onClose}
-      title={t("API key created")}
+      title={t("{{credential}} created", { credential: t("API key") })}
       size="lg"
     >
       <Stack gap="md">
@@ -41,7 +41,8 @@ export function ApiKeyCreatedModal({
           color="red"
         >
           {t(
-            "Make sure to copy your API key now. You won't be able to see it again!",
+            "Make sure to copy your {{credential}} now. You won't be able to see it again!",
+            { credential: t("API key") },
           )}
         </Alert>
 
@@ -64,7 +65,7 @@ export function ApiKeyCreatedModal({
         </div>
 
         <Button fullWidth onClick={onClose} mt="md">
-          {t("I've saved my API key")}
+          {t("I've saved my {{credential}}", { credential: t("API key") })}
         </Button>
       </Stack>
     </Modal>

apps/client/src/ee/api-key/components/api-key-table.tsx

@@ -44,7 +44,7 @@ export function ApiKeyTable({
             <Table.Th>{t("Last used")}</Table.Th>
             <Table.Th>{t("Expires")}</Table.Th>
             <Table.Th>{t("Created")}</Table.Th>
-            <Table.Th></Table.Th>
+            <Table.Th aria-label={t("Action")} />
           </Table.Tr>
         </Table.Thead>
 
@@ -106,7 +106,11 @@ export function ApiKeyTable({
                 <Table.Td>
                   <Menu position="bottom-end" withinPortal>
                     <Menu.Target>
-                      <ActionIcon variant="subtle" color="gray">
+                      <ActionIcon
+                        variant="subtle"
+                        color="gray"
+                        aria-label={t("API key menu")}
+                      >
                         <IconDots size={16} />
                       </ActionIcon>
                     </Menu.Target>

apps/client/src/ee/api-key/components/create-api-key-modal.tsx

@@ -105,7 +105,7 @@ export function CreateApiKeyModal({
     <Modal
       opened={opened}
       onClose={handleClose}
-      title={t("Create API Key")}
+      title={t("Create {{credential}}", { credential: t("API key") })}
       size="md"
     >
       <form onSubmit={form.onSubmit((values) => handleSubmit(values))}>

apps/client/src/ee/api-key/components/revoke-api-key-modal.tsx

@@ -30,12 +30,14 @@ export function RevokeApiKeyModal({
     <Modal
       opened={opened}
       onClose={onClose}
-      title={t("Revoke API key")}
+      title={t("Revoke {{credential}}", { credential: t("API key") })}
       size="md"
     >
       <Stack gap="md">
         <Text>
-          {t("Are you sure you want to revoke this API key")}{" "}
+          {t("Are you sure you want to revoke this {{credential}}", {
+            credential: t("API key"),
+          })}{" "}
           <strong>{apiKey?.name}</strong>?
         </Text>
         <Text size="sm" c="dimmed">

apps/client/src/ee/api-key/components/update-api-key-modal.tsx

@@ -53,7 +53,7 @@ export function UpdateApiKeyModal({
     <Modal
       opened={opened}
       onClose={onClose}
-      title={t("Update API key")}
+      title={t("Update {{credential}}", { credential: t("API key") })}
       size="md"
     >
       <form onSubmit={form.onSubmit((values) => handleSubmit(values))}>

apps/client/src/ee/api-key/queries/api-key-query.ts

@@ -63,7 +63,11 @@ export function useCreateApiKeyMutation() {
   return useMutation<IApiKey, Error, ICreateApiKeyRequest>({
     mutationFn: (data) => createApiKey(data),
     onSuccess: () => {
-      notifications.show({ message: t("API key created successfully") });
+      notifications.show({
+        message: t("{{credential}} created successfully", {
+          credential: t("API key"),
+        }),
+      });
       queryClient.invalidateQueries({
         predicate: (item) =>
           ["api-key-list"].includes(item.queryKey[0] as string),

apps/client/src/ee/audit/lib/audit-event-labels.ts

@@ -33,6 +33,10 @@ export const auditEventLabels: Record<string, string> = {
   "api_key.updated": "Updated API key",
   "api_key.deleted": "Deleted API key",
 
+  "scim_token.created": "Created SCIM token",
+  "scim_token.updated": "Updated SCIM token",
+  "scim_token.deleted": "Deleted SCIM token",
+
   "space.created": "Created space",
   "space.updated": "Updated space",
   "space.deleted": "Deleted space",
@@ -58,6 +62,13 @@ export const auditEventLabels: Record<string, string> = {
   "page.restriction_removed": "Removed page restriction",
   "page.permission_added": "Added page permission",
   "page.permission_removed": "Removed page permission",
+  "page.verification_created": "Created page verification",
+  "page.verification_updated": "Updated page verification",
+  "page.verification_removed": "Removed page verification",
+  "page.verified": "Verified page",
+  "page.approval_requested": "Requested page approval",
+  "page.approval_rejected": "Rejected page approval",
+  "page.marked_obsolete": "Marked page as obsolete",
 
   "share.created": "Created share link",
   "share.deleted": "Deleted share link",
@@ -136,6 +147,13 @@ export const eventFilterOptions: EventGroup[] = [
       { value: "page.restriction_removed", label: "Removed page restriction" },
       { value: "page.permission_added", label: "Added page permission" },
       { value: "page.permission_removed", label: "Removed page permission" },
+      { value: "page.verification_created", label: "Created page verification" },
+      { value: "page.verification_updated", label: "Updated page verification" },
+      { value: "page.verification_removed", label: "Removed page verification" },
+      { value: "page.verified", label: "Verified page" },
+      { value: "page.approval_requested", label: "Requested page approval" },
+      { value: "page.approval_rejected", label: "Rejected page approval" },
+      { value: "page.marked_obsolete", label: "Marked page as obsolete" },
     ],
   },
   {
@@ -160,6 +178,14 @@ export const eventFilterOptions: EventGroup[] = [
       { value: "api_key.deleted", label: "Deleted API key" },
     ],
   },
+  {
+    group: "SCIM token",
+    items: [
+      { value: "scim_token.created", label: "Created SCIM token" },
+      { value: "scim_token.updated", label: "Updated SCIM token" },
+      { value: "scim_token.deleted", label: "Deleted SCIM token" },
+    ],
+  },
   {
     group: "License",
     items: [

apps/client/src/ee/features.ts

@@ -8,6 +8,7 @@ export const Feature = {
   AI: 'ai',
   CONFLUENCE_IMPORT: 'import:confluence',
   DOCX_IMPORT: 'import:docx',
+  PDF_IMPORT: 'import:pdf',
   ATTACHMENT_INDEXING: 'attachment:indexing',
   SECURITY_SETTINGS: 'security:settings',
   MCP: 'mcp',

apps/client/src/ee/licence/components/activate-license-modal.tsx

@@ -87,7 +87,7 @@ export function ActivateLicenseForm({ onClose }: ActivateLicenseFormProps) {
     <form onSubmit={form.onSubmit(handleSubmit)}>
       <input
         type="file"
-        accept=".txt"
+        accept=".txt,.license"
         ref={fileInputRef}
         onChange={handleFileUpload}
         hidden

apps/client/src/ee/licence/components/oss-details.tsx

@@ -2,14 +2,15 @@ import { Group, List, Stack, Table, Text, ThemeIcon } from "@mantine/core";
 import { IconCheck } from "@tabler/icons-react";
 
 const enterpriseFeatures = [
-  "SSO (SAML, OIDC, LDAP)",
-  "AI Integration (Search & Assistant)",
-  "Page-level Permissions",
-  "Audit Logs",
-  "API Keys",
+  "AI Integration (Chat, Search & Assistant)",
   "MCP Support",
+  "SSO (SAML, OIDC, LDAP)",
   "Multi-factor Authentication (2FA)",
+  "Page-level Permissions",
+  "Page verification & approval workflow",
+  "Audit Logs",
   "Enterprise Controls",
+  "API Keys",
   "Advanced Search Engine Support",
   "Full-text Search in Attachments (PDF, DOCX)",
   "Resolve Comments",
@@ -68,11 +69,31 @@ export default function OssDetails() {
         </List>
 
         <Text size="sm" c="dimmed">
-          Get an enterprise trial key at <a href="https://customers.docmost.com/" target="_blank" rel="noopener noreferrer">customers.docmost.com</a>.
+          Get an enterprise trial key at{" "}
+          <a
+            href="https://customers.docmost.com/"
+            target="_blank"
+            rel="noopener noreferrer"
+          >
+            customers.docmost.com
+          </a>
+          .
         </Text>
 
         <Text size="sm" c="dimmed">
-          Visit <a href="https://docmost.com/pricing" target="_blank" rel="noopener noreferrer">docmost.com/pricing</a> to purchase an enterprise license.
+          Visit{" "}
+          <a
+            href="https://docmost.com/pricing"
+            target="_blank"
+            rel="noopener noreferrer"
+          >
+            docmost.com/pricing
+          </a>{" "}
+          to purchase an enterprise license.
+        </Text>
+        <Text size="sm" c="dimmed">
+          For inquiries, contact{" "}
+          <a href="mailto:sales@docmost.com">sales@docmost.com</a>
         </Text>
       </Stack>
     </Stack>

apps/client/src/ee/page-permission/components/page-permission-list.tsx

@@ -140,7 +140,7 @@ export function PagePermissionList({
         )}
       </Group>
 
-      <ScrollArea mah={250} viewportRef={viewportRef}>
+      <ScrollArea.Autosize mah={400} viewportRef={viewportRef}>
         {sortedMembers.map((member) => (
           <PagePermissionItem
             key={`${member.type}-${member.id}`}
@@ -158,7 +158,7 @@ export function PagePermissionList({
             <Loader size="xs" />
           </Center>
         )}
-      </ScrollArea>
+      </ScrollArea.Autosize>
     </>
   );
 }

apps/client/src/ee/page-verification/components/expiration-fields.tsx

@@ -0,0 +1,232 @@
+import { Group, NumberInput, Select, Text } from "@mantine/core";
+import { DateInput } from "@mantine/dates";
+import { useTranslation } from "react-i18next";
+import {
+  ExpirationMode,
+  PeriodUnit,
+} from "@/ee/page-verification/types/page-verification.types";
+
+export const PERIOD_UNIT_DAYS: Record<PeriodUnit, number> = {
+  day: 1,
+  week: 7,
+  month: 30,
+  year: 365,
+};
+
+export const PERIOD_UNIT_MAX_AMOUNT: Record<PeriodUnit, number> = {
+  day: 3650,
+  week: 520,
+  month: 120,
+  year: 20,
+};
+
+export const PERIOD_AMOUNT_MIN = 1;
+
+export function addDays(days: number, from?: Date): Date {
+  const date = from ? new Date(from) : new Date();
+  date.setDate(date.getDate() + days);
+  return date;
+}
+
+function formatShortDate(date: Date): string {
+  const crossesYear = date.getFullYear() !== new Date().getFullYear();
+  return date.toLocaleDateString(undefined, {
+    month: "short",
+    day: "numeric",
+    ...(crossesYear && { year: "numeric" }),
+  });
+}
+
+function formatLongDate(date: Date): string {
+  return date.toLocaleDateString(undefined, {
+    month: "long",
+    day: "numeric",
+    year: "numeric",
+  });
+}
+
+export function toLocalDateString(input: Date | string): string {
+  const d = typeof input === "string" ? new Date(input) : input;
+  const year = d.getFullYear();
+  const month = String(d.getMonth() + 1).padStart(2, "0");
+  const day = String(d.getDate()).padStart(2, "0");
+  return `${year}-${month}-${day}`;
+}
+
+function pluralizeUnit(
+  unit: PeriodUnit,
+  amount: number,
+  t: (key: string) => string,
+): string {
+  switch (unit) {
+    case "day":
+      return amount === 1 ? t("day") : t("days");
+    case "week":
+      return amount === 1 ? t("week") : t("weeks");
+    case "month":
+      return amount === 1 ? t("month") : t("months");
+    case "year":
+      return amount === 1 ? t("year") : t("years");
+  }
+}
+
+function buildModeOptions(
+  t: (key: string) => string,
+): { value: ExpirationMode; label: string }[] {
+  return [
+    { value: "period", label: t("Period") },
+    { value: "fixed", label: t("Fixed date") },
+    { value: "indefinite", label: t("Indefinitely") },
+  ];
+}
+
+function buildUnitOptions(
+  t: (key: string) => string,
+): { value: PeriodUnit; label: string }[] {
+  return [
+    { value: "day", label: t("Days") },
+    { value: "week", label: t("Weeks") },
+    { value: "month", label: t("Months") },
+    { value: "year", label: t("Years") },
+  ];
+}
+
+type ExpirationFieldsProps = {
+  mode: ExpirationMode;
+  periodAmount: number;
+  periodUnit: PeriodUnit;
+  fixedDate: string;
+  onModeChange: (mode: ExpirationMode) => void;
+  onPeriodAmountChange: (amount: number) => void;
+  onPeriodUnitChange: (unit: PeriodUnit) => void;
+  onFixedDateChange: (iso: string) => void;
+  baseDate?: Date;
+};
+
+export function ExpirationFields({
+  mode,
+  periodAmount,
+  periodUnit,
+  fixedDate,
+  onModeChange,
+  onPeriodAmountChange,
+  onPeriodUnitChange,
+  onFixedDateChange,
+  baseDate,
+}: ExpirationFieldsProps) {
+  const { t } = useTranslation();
+  const modeOptions = buildModeOptions(t);
+  const unitOptions = buildUnitOptions(t);
+
+  const unitMax = PERIOD_UNIT_MAX_AMOUNT[periodUnit];
+
+  const handleUnitChange = (nextUnit: PeriodUnit) => {
+    const nextMax = PERIOD_UNIT_MAX_AMOUNT[nextUnit];
+    if (periodAmount > nextMax) {
+      onPeriodAmountChange(nextMax);
+    }
+    onPeriodUnitChange(nextUnit);
+  };
+
+  const amountValid =
+    Number.isInteger(periodAmount) &&
+    periodAmount >= PERIOD_AMOUNT_MIN &&
+    periodAmount <= unitMax;
+
+  const nextDueDate =
+    mode === "period" && amountValid
+      ? addDays(periodAmount * PERIOD_UNIT_DAYS[periodUnit], baseDate)
+      : null;
+
+  const fixedDateObj = fixedDate ? new Date(fixedDate) : null;
+
+  let helperText: string | null = null;
+  let helperError = false;
+  if (mode === "period" && !amountValid) {
+    helperText = t("Maximum is {{max}} {{unit}} for this unit", {
+      max: unitMax,
+      unit: pluralizeUnit(periodUnit, unitMax, t),
+    });
+    helperError = true;
+  } else if (mode === "period" && nextDueDate && amountValid) {
+    helperText = t(
+      "Re-verifies every {{amount}} {{unit}} · Next due {{date}}",
+      {
+        amount: periodAmount,
+        unit: pluralizeUnit(periodUnit, periodAmount, t),
+        date: formatShortDate(nextDueDate),
+      },
+    );
+  } else if (mode === "fixed" && fixedDateObj) {
+    helperText = t(
+      "Expires on {{date}}. Re-verifying won't change the deadline.",
+      { date: formatLongDate(fixedDateObj) },
+    );
+  } else if (mode === "indefinite") {
+    helperText = t("Never expires. Verifiers can re-verify at any time.");
+  }
+
+  return (
+    <div>
+      <Group align="flex-start" gap="xs" wrap="wrap">
+        <Select
+          data={modeOptions}
+          value={mode}
+          onChange={(val) => val && onModeChange(val as ExpirationMode)}
+          variant="filled"
+          allowDeselect={false}
+          style={{ flex: "1 1 140px", minWidth: 140 }}
+        />
+
+        {mode === "period" && (
+          <Group
+            gap="xs"
+            wrap="nowrap"
+            style={{ flex: "1 1 220px", minWidth: 220 }}
+          >
+            <NumberInput
+              value={periodAmount}
+              onChange={(val) => {
+                const n =
+                  typeof val === "number" ? val : parseInt(String(val), 10);
+                if (!Number.isNaN(n)) onPeriodAmountChange(n);
+              }}
+              min={PERIOD_AMOUNT_MIN}
+              max={unitMax}
+              clampBehavior="blur"
+              variant="filled"
+              style={{ flex: "0 0 80px" }}
+              hideControls
+            />
+            <Select
+              data={unitOptions}
+              value={periodUnit}
+              onChange={(val) => val && handleUnitChange(val as PeriodUnit)}
+              variant="filled"
+              allowDeselect={false}
+              style={{ flex: 1, minWidth: 120 }}
+            />
+          </Group>
+        )}
+
+        {mode === "fixed" && (
+          <DateInput
+            value={fixedDate || undefined}
+            onChange={(val) => onFixedDateChange(val ?? "")}
+            placeholder={t("Pick a date")}
+            variant="filled"
+            minDate={addDays(1)}
+            clearable
+            style={{ flex: "1 1 200px", minWidth: 180 }}
+          />
+        )}
+      </Group>
+
+      {helperText && (
+        <Text size="xs" c={helperError ? "red" : "dimmed"} mt={6}>
+          {helperText}
+        </Text>
+      )}
+    </div>
+  );
+}

apps/client/src/ee/page-verification/components/manage-verification-form.tsx

@@ -0,0 +1,633 @@
+import { useState } from "react";
+import {
+  Button,
+  Center,
+  Checkbox,
+  Divider,
+  Group,
+  Loader,
+  Stack,
+  Text,
+  Textarea,
+} from "@mantine/core";
+import { modals } from "@mantine/modals";
+import { useTranslation } from "react-i18next";
+import {
+  useMarkObsoleteMutation,
+  usePageVerificationInfoQuery,
+  useRejectApprovalMutation,
+  useRemoveVerificationMutation,
+  useSubmitForApprovalMutation,
+  useUpdateVerificationMutation,
+  useVerifyPageMutation,
+} from "@/ee/page-verification/queries/page-verification-query";
+import {
+  ExpirationMode,
+  IPageVerificationInfo,
+  PeriodUnit,
+} from "@/ee/page-verification/types/page-verification.types";
+import { useTimeAgo } from "@/hooks/use-time-ago";
+import { VerifierList } from "./verifier-list";
+import {
+  ExpirationFields,
+  PERIOD_AMOUNT_MIN,
+  PERIOD_UNIT_MAX_AMOUNT,
+  toLocalDateString,
+} from "./expiration-fields";
+import { VerifierPicker } from "./verifier-picker";
+import { MAX_VERIFIERS } from "./user-option";
+
+type ManageVerificationFormProps = {
+  pageId: string;
+  onClose: () => void;
+};
+
+export function ManageVerificationForm({
+  pageId,
+  onClose,
+}: ManageVerificationFormProps) {
+  const { data: info, isLoading } = usePageVerificationInfoQuery(pageId);
+
+  if (isLoading || !info) {
+    return (
+      <Center py="xl">
+        <Loader size="sm" />
+      </Center>
+    );
+  }
+
+  if (info.type === "qms") {
+    return <QmsManageContent pageId={pageId} info={info} onClose={onClose} />;
+  }
+
+  return (
+    <ExpiringManageContent pageId={pageId} info={info} onClose={onClose} />
+  );
+}
+
+type ManageContentProps = {
+  pageId: string;
+  info: IPageVerificationInfo;
+  onClose: () => void;
+};
+
+function ExpiringManageContent({ pageId, info, onClose }: ManageContentProps) {
+  const { t } = useTranslation();
+  const verifyMutation = useVerifyPageMutation();
+  const removeMutation = useRemoveVerificationMutation();
+  const updateMutation = useUpdateVerificationMutation();
+  const [confirmed, setConfirmed] = useState(false);
+
+  const initialMode: ExpirationMode = (info.mode as ExpirationMode) ?? "period";
+  const initialPeriodAmount = info.periodAmount ?? 1;
+  const initialPeriodUnit: PeriodUnit =
+    (info.periodUnit as PeriodUnit) ?? "month";
+  const initialFixedDate =
+    initialMode === "fixed" && info.expiresAt
+      ? toLocalDateString(info.expiresAt)
+      : "";
+
+  const [mode, setMode] = useState<ExpirationMode>(initialMode);
+  const [periodAmount, setPeriodAmount] = useState<number>(initialPeriodAmount);
+  const [periodUnit, setPeriodUnit] = useState<PeriodUnit>(initialPeriodUnit);
+  const [fixedDate, setFixedDate] = useState<string>(initialFixedDate);
+
+  const verifiedAtAgo = useTimeAgo(info.verifiedAt ?? new Date().toISOString());
+
+  const hasExpirationChange =
+    mode !== initialMode ||
+    (mode === "period" &&
+      (periodAmount !== initialPeriodAmount ||
+        periodUnit !== initialPeriodUnit)) ||
+    (mode === "fixed" && fixedDate !== initialFixedDate);
+
+  const periodValid =
+    mode !== "period" ||
+    (Number.isInteger(periodAmount) &&
+      periodAmount >= PERIOD_AMOUNT_MIN &&
+      periodAmount <= PERIOD_UNIT_MAX_AMOUNT[periodUnit]);
+  const fixedDateValid =
+    mode !== "fixed" ||
+    (!!fixedDate && new Date(fixedDate).getTime() > Date.now());
+  const canSaveExpiration = hasExpirationChange && periodValid && fixedDateValid;
+
+  const storedFixedExpired =
+    info.mode === "fixed" &&
+    !!info.expiresAt &&
+    new Date(info.expiresAt).getTime() <= Date.now();
+
+  const existingVerifierIds = info.verifiers?.map((v) => v.id) ?? [];
+
+  const handleVerify = () => {
+    verifyMutation.mutate(pageId, {
+      onSuccess: () => {
+        setConfirmed(false);
+        onClose();
+      },
+    });
+  };
+
+  const handleRemove = () => {
+    modals.openConfirmModal({
+      title: t("Remove verification"),
+      children: (
+        <Text size="sm">
+          {t("Are you sure you want to remove verification from this page?")}
+        </Text>
+      ),
+      labels: { confirm: t("Remove"), cancel: t("Cancel") },
+      confirmProps: { color: "red" },
+      onConfirm: () => removeMutation.mutate(pageId, { onSuccess: onClose }),
+    });
+  };
+
+  const handleSaveExpiration = () => {
+    if (!canSaveExpiration) return;
+    updateMutation.mutate({
+      pageId,
+      mode,
+      ...(mode === "period" && {
+        periodAmount,
+        periodUnit,
+      }),
+      ...(mode === "fixed" &&
+        fixedDate && {
+          fixedExpiresAt: new Date(fixedDate).toISOString(),
+        }),
+    });
+  };
+
+  const handleRemoveVerifier = (userId: string) => {
+    if (!info.verifiers) return;
+    const remaining = info.verifiers
+      .filter((v) => v.id !== userId)
+      .map((v) => v.id);
+    updateMutation.mutate({ pageId, verifierIds: remaining });
+  };
+
+  const handleAddVerifier = (userId: string) => {
+    if (!info.verifiers) return;
+    if (info.verifiers.some((v) => v.id === userId)) return;
+    const verifierIds = [...info.verifiers.map((v) => v.id), userId];
+    updateMutation.mutate({ pageId, verifierIds });
+  };
+
+  const status = info.status;
+
+  return (
+    <Stack>
+      <Text size="sm" c="dimmed">
+        {t("Assigned verifiers must periodically re-verify this page.")}
+      </Text>
+
+      {info.verifiedBy && (
+        <Group gap="sm">
+          <div>
+            <Text size="sm">
+              {status === "expired"
+                ? t("Last verified by {{name}} {{time}} (expired)", {
+                    name: info.verifiedBy.name,
+                    time: verifiedAtAgo,
+                  })
+                : t("Verified by {{name}} {{time}}", {
+                    name: info.verifiedBy.name,
+                    time: verifiedAtAgo,
+                  })}
+            </Text>
+            {info.expiresAt && (
+              <Text size="xs" c="dimmed">
+                {t(status === "expired" ? "Expired {{date}}" : "Expires {{date}}", {
+                  date: new Date(info.expiresAt).toLocaleDateString(undefined, {
+                    month: "long",
+                    day: "numeric",
+                    year: "numeric",
+                  }),
+                })}
+              </Text>
+            )}
+          </div>
+        </Group>
+      )}
+
+      <Divider />
+
+      {info.verifiers && info.verifiers.length > 0 && (
+        <>
+          <div>
+            <Text size="sm" fw={600} tt="uppercase" c="dimmed" mb={4}>
+              {t("Verifiers")}
+            </Text>
+            <VerifierList
+              verifiers={info.verifiers}
+              canManage={info.permissions?.canManage}
+              onRemove={
+                info.permissions?.canManage ? handleRemoveVerifier : undefined
+              }
+            />
+            {info.permissions?.canManage &&
+              info.verifiers.length < MAX_VERIFIERS && (
+                <div style={{ marginTop: "var(--mantine-spacing-xs)" }}>
+                  <VerifierPicker
+                    excludeIds={existingVerifierIds}
+                    onSelect={(user) => handleAddVerifier(user.value)}
+                  />
+                </div>
+              )}
+          </div>
+          <Divider />
+        </>
+      )}
+
+      {info.permissions?.canManage && (
+        <>
+          <div>
+            <Text size="sm" fw={600} mb={6}>
+              {t("Expiration")}
+            </Text>
+            <ExpirationFields
+              mode={mode}
+              periodAmount={periodAmount}
+              periodUnit={periodUnit}
+              fixedDate={fixedDate}
+              onModeChange={setMode}
+              onPeriodAmountChange={setPeriodAmount}
+              onPeriodUnitChange={setPeriodUnit}
+              onFixedDateChange={setFixedDate}
+              baseDate={
+                info.verifiedAt ? new Date(info.verifiedAt) : undefined
+              }
+            />
+            {hasExpirationChange && (
+              <Button
+                size="compact-sm"
+                mt="xs"
+                color="dark"
+                onClick={handleSaveExpiration}
+                loading={updateMutation.isPending}
+                disabled={!canSaveExpiration}
+              >
+                {t("Save")}
+              </Button>
+            )}
+          </div>
+          <Divider />
+        </>
+      )}
+
+      {info.permissions?.canVerify && (
+        <div>
+          <Text size="sm" fw={600} mb={4}>
+            {t("Confirm")}
+          </Text>
+          <Checkbox
+            label={t("I've reviewed this page for accuracy")}
+            checked={confirmed}
+            onChange={(event) => setConfirmed(event.currentTarget.checked)}
+            color="dark"
+          />
+          {storedFixedExpired && (
+            <Text size="xs" c="red" mt={6}>
+              {t("The fixed expiration date has passed.")}
+            </Text>
+          )}
+        </div>
+      )}
+
+      <Group justify="space-between">
+        {info.permissions?.canManage && (
+          <Button
+            variant="subtle"
+            color="red"
+            size="compact-sm"
+            onClick={handleRemove}
+            loading={removeMutation.isPending}
+          >
+            {t("Remove verification")}
+          </Button>
+        )}
+
+        {info.permissions?.canVerify && (
+          <Button
+            onClick={handleVerify}
+            disabled={!confirmed || storedFixedExpired}
+            loading={verifyMutation.isPending}
+            color={status === "expired" ? "red" : "dark"}
+            ml="auto"
+          >
+            {t("Verify")}
+          </Button>
+        )}
+      </Group>
+    </Stack>
+  );
+}
+
+function QmsManageContent({ pageId, info, onClose }: ManageContentProps) {
+  const { t } = useTranslation();
+  const verifyMutation = useVerifyPageMutation();
+  const submitMutation = useSubmitForApprovalMutation();
+  const rejectMutation = useRejectApprovalMutation();
+  const obsoleteMutation = useMarkObsoleteMutation();
+  const removeMutation = useRemoveVerificationMutation();
+  const updateMutation = useUpdateVerificationMutation();
+  const [confirmed, setConfirmed] = useState(false);
+  const [showRejectForm, setShowRejectForm] = useState(false);
+  const [rejectComment, setRejectComment] = useState("");
+  const verifiedAtAgo = useTimeAgo(info.verifiedAt ?? new Date().toISOString());
+  const requestedAtAgo = useTimeAgo(
+    info.requestedAt ?? new Date().toISOString(),
+  );
+  const rejectedAtAgo = useTimeAgo(info.rejectedAt ?? new Date().toISOString());
+
+  const status = info.status;
+
+  const existingVerifierIds = info.verifiers?.map((v) => v.id) ?? [];
+
+  const handleSubmitForApproval = () => {
+    submitMutation.mutate(pageId, { onSuccess: onClose });
+  };
+
+  const handleVerify = () => {
+    verifyMutation.mutate(pageId, {
+      onSuccess: () => {
+        setConfirmed(false);
+        onClose();
+      },
+    });
+  };
+
+  const handleReject = () => {
+    rejectMutation.mutate(
+      { pageId, comment: rejectComment || undefined },
+      {
+        onSuccess: () => {
+          setShowRejectForm(false);
+          setRejectComment("");
+          onClose();
+        },
+      },
+    );
+  };
+
+  const handleMarkObsolete = () => {
+    modals.openConfirmModal({
+      title: t("Mark as obsolete"),
+      children: (
+        <Stack gap="xs">
+          <Text size="sm">
+            {t(
+              "Are you sure you want to mark this page as obsolete? This action cannot be undone.",
+            )}
+          </Text>
+          <Text size="sm" c="dimmed">
+            {t(
+              "To restore this page, you will need to remove verification and set it up again.",
+            )}
+          </Text>
+        </Stack>
+      ),
+      labels: { confirm: t("Mark obsolete"), cancel: t("Cancel") },
+      confirmProps: { color: "red" },
+      onConfirm: () =>
+        obsoleteMutation.mutate(pageId, { onSuccess: onClose }),
+    });
+  };
+
+  const handleRemove = () => {
+    modals.openConfirmModal({
+      title: t("Remove verification"),
+      children: (
+        <Text size="sm">
+          {t("Are you sure you want to remove verification from this page?")}
+        </Text>
+      ),
+      labels: { confirm: t("Remove"), cancel: t("Cancel") },
+      confirmProps: { color: "red" },
+      onConfirm: () => removeMutation.mutate(pageId, { onSuccess: onClose }),
+    });
+  };
+
+  const handleRemoveVerifier = (userId: string) => {
+    if (!info.verifiers) return;
+    const remaining = info.verifiers
+      .filter((v) => v.id !== userId)
+      .map((v) => v.id);
+    updateMutation.mutate({ pageId, verifierIds: remaining });
+  };
+
+  const handleAddVerifier = (userId: string) => {
+    if (!info.verifiers) return;
+    if (info.verifiers.some((v) => v.id === userId)) return;
+    const verifierIds = [...info.verifiers.map((v) => v.id), userId];
+    updateMutation.mutate({ pageId, verifierIds });
+  };
+
+  const canManageVerifiers =
+    info.permissions?.canManage && status !== "obsolete";
+
+  return (
+    <Stack>
+      <Text size="sm" c="dimmed">
+        {t("Pages move through draft, approval, and approved stages.")}
+      </Text>
+
+      {status === "draft" && (
+        <>
+          {info.rejectedBy && info.rejectedAt && (
+            <div>
+              <Text size="sm" c="red">
+                {t("Returned by {{name}} {{time}}", {
+                  name: info.rejectedBy.name,
+                  time: rejectedAtAgo,
+                })}
+              </Text>
+              {info.rejectionComment && (
+                <Text size="sm" c="dimmed" mt={4} fs="italic">
+                  &ldquo;{info.rejectionComment}&rdquo;
+                </Text>
+              )}
+            </div>
+          )}
+          {!info.rejectedBy && (
+            <Text size="sm">{t("No approval has been requested yet.")}</Text>
+          )}
+        </>
+      )}
+
+      {status === "in_approval" && (
+        <div>
+          <Text size="sm">
+            {t("Submitted by {{name}} {{time}}", {
+              name: info.requestedBy?.name ?? t("Someone"),
+              time: requestedAtAgo,
+            })}
+          </Text>
+        </div>
+      )}
+
+      {status === "approved" && info.verifiedBy && (
+        <div>
+          <Text size="sm">
+            {t("Approved by {{name}} {{time}}", {
+              name: info.verifiedBy.name,
+              time: verifiedAtAgo,
+            })}
+          </Text>
+        </div>
+      )}
+
+      {status === "obsolete" && (
+        <Text size="sm" c="dimmed">
+          {t("This document has been marked as obsolete.")}
+        </Text>
+      )}
+
+      <Divider />
+
+      {info.verifiers && info.verifiers.length > 0 && (
+        <>
+          <div>
+            <Text size="sm" fw={600} tt="uppercase" c="dimmed" mb={4}>
+              {t("Verifiers")}
+            </Text>
+            <VerifierList
+              verifiers={info.verifiers}
+              canManage={canManageVerifiers}
+              onRemove={canManageVerifiers ? handleRemoveVerifier : undefined}
+            />
+            {canManageVerifiers && info.verifiers.length < MAX_VERIFIERS && (
+              <div style={{ marginTop: "var(--mantine-spacing-xs)" }}>
+                <VerifierPicker
+                  excludeIds={existingVerifierIds}
+                  onSelect={(user) => handleAddVerifier(user.value)}
+                />
+              </div>
+            )}
+          </div>
+          <Divider />
+        </>
+      )}
+
+      {status === "in_approval" && info.permissions?.canVerify && (
+        <>
+          {showRejectForm ? (
+            <div>
+              <Text size="sm" fw={600} mb={4}>
+                {t("Rejection comment")}
+              </Text>
+              <Textarea
+                value={rejectComment}
+                onChange={(e) => setRejectComment(e.currentTarget.value)}
+                placeholder={t("Reason for returning this document...")}
+                minRows={2}
+                variant="filled"
+                maxLength={500}
+              />
+              <Group justify="flex-end" mt="sm" gap="xs">
+                <Button
+                  variant="subtle"
+                  color="gray"
+                  size="compact-sm"
+                  onClick={() => {
+                    setShowRejectForm(false);
+                    setRejectComment("");
+                  }}
+                >
+                  {t("Cancel")}
+                </Button>
+                <Button
+                  color="red"
+                  onClick={handleReject}
+                  loading={rejectMutation.isPending}
+                >
+                  {t("Confirm rejection")}
+                </Button>
+              </Group>
+            </div>
+          ) : (
+            <div>
+              <Checkbox
+                label={t("I've reviewed this page for accuracy")}
+                checked={confirmed}
+                onChange={(event) => setConfirmed(event.currentTarget.checked)}
+                color="dark"
+              />
+            </div>
+          )}
+        </>
+      )}
+
+      <Group justify="space-between">
+        {info.permissions?.canManage && (
+          <Button
+            variant="subtle"
+            color="red"
+            size="compact-sm"
+            onClick={handleRemove}
+            loading={removeMutation.isPending}
+          >
+            {t("Remove verification")}
+          </Button>
+        )}
+
+        <Group gap="xs" ml="auto">
+          {status === "draft" && info.permissions?.canSubmitForApproval && (
+            <Button
+              onClick={handleSubmitForApproval}
+              loading={submitMutation.isPending}
+              color="dark"
+            >
+              {t("Submit for approval")}
+            </Button>
+          )}
+
+          {status === "in_approval" &&
+            info.permissions?.canVerify &&
+            !showRejectForm && (
+              <>
+                <Button
+                  variant="light"
+                  color="red"
+                  onClick={() => setShowRejectForm(true)}
+                >
+                  {t("Reject")}
+                </Button>
+                <Button
+                  onClick={handleVerify}
+                  disabled={!confirmed}
+                  loading={verifyMutation.isPending}
+                  color="dark"
+                >
+                  {t("Approve")}
+                </Button>
+              </>
+            )}
+
+          {status === "approved" && (
+            <>
+              {info.permissions?.canSubmitForApproval && (
+                <Button
+                  variant="light"
+                  onClick={handleSubmitForApproval}
+                  loading={submitMutation.isPending}
+                >
+                  {t("Re-submit for approval")}
+                </Button>
+              )}
+              {info.permissions?.canMarkObsolete && (
+                <Button
+                  variant="light"
+                  color="gray"
+                  onClick={handleMarkObsolete}
+                  loading={obsoleteMutation.isPending}
+                >
+                  {t("Mark obsolete")}
+                </Button>
+              )}
+            </>
+          )}
+        </Group>
+      </Group>
+    </Stack>
+  );
+}

apps/client/src/ee/page-verification/components/page-verification-modal.module.css

@@ -0,0 +1,278 @@
+.chooser {
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+}
+
+.subhead {
+  font-size: 12px;
+  line-height: 1.5;
+  color: light-dark(
+    var(--mantine-color-gray-6),
+    var(--mantine-color-dark-2)
+  );
+  margin-bottom: 2px;
+  max-width: 52ch;
+}
+
+.card {
+  position: relative;
+  display: block;
+  width: 100%;
+  padding: 14px 16px 12px;
+  border: 1px solid
+    light-dark(var(--mantine-color-gray-3), var(--mantine-color-dark-4));
+  border-radius: 10px;
+  background: light-dark(
+    var(--mantine-color-white),
+    var(--mantine-color-dark-7)
+  );
+  cursor: pointer;
+  text-align: left;
+  overflow: hidden;
+  transition:
+    border-color 220ms cubic-bezier(0.16, 1, 0.3, 1),
+    transform 220ms cubic-bezier(0.16, 1, 0.3, 1),
+    box-shadow 220ms cubic-bezier(0.16, 1, 0.3, 1),
+    background-color 220ms cubic-bezier(0.16, 1, 0.3, 1);
+}
+
+.card::before {
+  content: "";
+  position: absolute;
+  inset: 0;
+  background: radial-gradient(
+    120% 90% at 100% 0%,
+    light-dark(rgba(15, 15, 20, 0.035), rgba(255, 255, 255, 0.04)),
+    transparent 55%
+  );
+  opacity: 0;
+  transition: opacity 260ms cubic-bezier(0.16, 1, 0.3, 1);
+  pointer-events: none;
+}
+
+.card:hover {
+  border-color: light-dark(
+    var(--mantine-color-dark-9),
+    var(--mantine-color-gray-3)
+  );
+  transform: translateY(-2px);
+  box-shadow:
+    0 1px 0 0
+      light-dark(
+        rgba(15, 15, 20, 0.04),
+        rgba(255, 255, 255, 0.04)
+      ),
+    0 18px 36px -22px
+      light-dark(rgba(15, 15, 20, 0.22), rgba(0, 0, 0, 0.6));
+}
+
+.card:hover::before {
+  opacity: 1;
+}
+
+.card:focus-visible {
+  outline: none;
+  border-color: light-dark(
+    var(--mantine-color-dark-9),
+    var(--mantine-color-gray-3)
+  );
+  box-shadow: 0 0 0 3px
+    light-dark(
+      rgba(15, 15, 20, 0.08),
+      rgba(255, 255, 255, 0.12)
+    );
+}
+
+.titleRow {
+  display: flex;
+  align-items: center;
+  gap: 10px;
+  margin-bottom: 2px;
+}
+
+.iconStamp {
+  width: 26px;
+  height: 26px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  border-radius: 7px;
+  background: light-dark(
+    var(--mantine-color-gray-1),
+    var(--mantine-color-dark-6)
+  );
+  color: light-dark(
+    var(--mantine-color-dark-7),
+    var(--mantine-color-gray-2)
+  );
+  transition:
+    background-color 220ms cubic-bezier(0.16, 1, 0.3, 1),
+    color 220ms cubic-bezier(0.16, 1, 0.3, 1),
+    transform 320ms cubic-bezier(0.16, 1, 0.3, 1);
+  flex-shrink: 0;
+}
+
+.card:hover .iconStamp {
+  background: light-dark(
+    var(--mantine-color-dark-9),
+    var(--mantine-color-gray-1)
+  );
+  color: light-dark(
+    var(--mantine-color-gray-0),
+    var(--mantine-color-dark-9)
+  );
+  transform: rotate(-4deg);
+}
+
+.title {
+  font-size: 15px;
+  font-weight: 600;
+  letter-spacing: -0.01em;
+  color: light-dark(
+    var(--mantine-color-dark-9),
+    var(--mantine-color-gray-0)
+  );
+  line-height: 1.25;
+  margin: 0;
+}
+
+.description {
+  font-size: 12px;
+  color: light-dark(
+    var(--mantine-color-gray-7),
+    var(--mantine-color-dark-1)
+  );
+  margin: 0;
+  line-height: 1.45;
+  max-width: 52ch;
+}
+
+.rule {
+  height: 1px;
+  background: light-dark(
+    var(--mantine-color-gray-2),
+    var(--mantine-color-dark-5)
+  );
+  margin: 10px 0 8px;
+}
+
+.meta {
+  display: flex;
+  flex-direction: column;
+  gap: 4px;
+  margin-bottom: 10px;
+}
+
+.metaItem {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  font-size: 11.5px;
+  color: light-dark(
+    var(--mantine-color-gray-7),
+    var(--mantine-color-dark-1)
+  );
+  line-height: 1.35;
+}
+
+.metaIcon {
+  flex-shrink: 0;
+  color: light-dark(
+    var(--mantine-color-gray-5),
+    var(--mantine-color-dark-2)
+  );
+}
+
+.cardFooter {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding-top: 8px;
+  border-top: 1px dashed
+    light-dark(var(--mantine-color-gray-3), var(--mantine-color-dark-5));
+  gap: 12px;
+}
+
+.bestFor {
+  font-size: 10.5px;
+  color: light-dark(
+    var(--mantine-color-gray-6),
+    var(--mantine-color-dark-2)
+  );
+  font-style: italic;
+  letter-spacing: 0.005em;
+}
+
+.arrow {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 22px;
+  height: 22px;
+  color: light-dark(
+    var(--mantine-color-gray-5),
+    var(--mantine-color-dark-2)
+  );
+  transition:
+    transform 260ms cubic-bezier(0.16, 1, 0.3, 1),
+    color 220ms cubic-bezier(0.16, 1, 0.3, 1);
+}
+
+.card:hover .arrow {
+  transform: translateX(4px);
+  color: light-dark(
+    var(--mantine-color-dark-9),
+    var(--mantine-color-gray-0)
+  );
+}
+
+.backButton {
+  display: inline-flex;
+  align-items: center;
+  gap: 6px;
+  font-size: 12px;
+  font-weight: 500;
+  color: light-dark(
+    var(--mantine-color-gray-6),
+    var(--mantine-color-dark-2)
+  );
+  background: none;
+  border: none;
+  cursor: pointer;
+  padding: 4px 8px;
+  margin-left: -8px;
+  border-radius: 6px;
+  transition:
+    color 150ms ease,
+    background-color 150ms ease;
+}
+
+.backButton:hover {
+  color: light-dark(
+    var(--mantine-color-dark-9),
+    var(--mantine-color-gray-0)
+  );
+  background: light-dark(
+    var(--mantine-color-gray-1),
+    var(--mantine-color-dark-6)
+  );
+}
+
+.configureHeader {
+  display: flex;
+  align-items: center;
+  gap: 10px;
+  margin-bottom: 4px;
+}
+
+.configureEyebrow {
+  font-size: 10px;
+  font-weight: 600;
+  text-transform: uppercase;
+  letter-spacing: 0.14em;
+  color: light-dark(
+    var(--mantine-color-gray-6),
+    var(--mantine-color-dark-2)
+  );
+}

apps/client/src/ee/page-verification/components/page-verification-modal.tsx

@@ -0,0 +1,200 @@
+import {
+  ActionIcon,
+  Group,
+  Menu,
+  Modal,
+  Text,
+  ThemeIcon,
+  Tooltip,
+} from "@mantine/core";
+import { useDisclosure } from "@mantine/hooks";
+import {
+  IconRosetteDiscountCheckFilled,
+  IconShieldCheck,
+} from "@tabler/icons-react";
+import { useTranslation } from "react-i18next";
+import { useParams } from "react-router-dom";
+import { extractPageSlugId } from "@/lib";
+import { usePageQuery } from "@/features/page/queries/page-query";
+import { usePageVerificationInfoQuery } from "@/ee/page-verification/queries/page-verification-query";
+import { useHasFeature } from "@/ee/hooks/use-feature";
+import { useUpgradeLabel } from "@/ee/hooks/use-upgrade-label";
+import { Feature } from "@/ee/features";
+import { SetupVerificationForm } from "./setup-verification-form";
+import { ManageVerificationForm } from "./manage-verification-form";
+import { getStatusColor, getStatusLabel } from "./verification-status";
+
+type PageVerificationModalProps = {
+  pageId: string;
+  opened: boolean;
+  onClose: () => void;
+};
+
+export function PageVerificationModal({
+  pageId,
+  opened,
+  onClose,
+}: PageVerificationModalProps) {
+  const { t } = useTranslation();
+  const { data: verificationInfo } = usePageVerificationInfoQuery(
+    opened ? pageId : undefined,
+  );
+
+  const status = verificationInfo?.status ?? "none";
+
+  return (
+    <Modal
+      opened={opened}
+      onClose={onClose}
+      aria-label={status === "none" ? t("Set up verification") : t("Verify page")}
+      title={
+        <Group gap="xs">
+          <IconShieldCheck
+            size={20}
+            stroke={1.5}
+            color={
+              status === "verified" || status === "approved"
+                ? "var(--mantine-color-blue-6)"
+                : status === "expired"
+                  ? "var(--mantine-color-red-6)"
+                  : undefined
+            }
+          />
+          <Text fw={600}>
+            {status === "none" ? t("Set up verification") : t("Verify page")}
+          </Text>
+        </Group>
+      }
+      size={520}
+    >
+      {status === "none" ? (
+        <SetupVerificationForm pageId={pageId} onClose={onClose} />
+      ) : (
+        <ManageVerificationForm pageId={pageId} onClose={onClose} />
+      )}
+    </Modal>
+  );
+}
+
+type PageVerificationBadgeProps = {
+  readOnly?: boolean;
+};
+
+export function PageVerificationBadge({
+  readOnly,
+}: PageVerificationBadgeProps) {
+  const { t } = useTranslation();
+  const { pageSlug } = useParams();
+  const pageSlugId = extractPageSlugId(pageSlug);
+  const hasVerificationFeature = useHasFeature(Feature.PAGE_VERIFICATION);
+  const [opened, { open, close }] = useDisclosure(false);
+
+  const { data: page } = usePageQuery({ pageId: pageSlugId });
+  const pageId = page?.id;
+
+  const { data: verificationInfo, isLoading } = usePageVerificationInfoQuery(
+    hasVerificationFeature ? pageId : undefined,
+  );
+  const upgradeLabel = useUpgradeLabel();
+
+  if (!pageId) return null;
+  if (!hasVerificationFeature) {
+    if (readOnly) return null;
+    return (
+      <Tooltip
+        label={`${t("Add verification")} — ${upgradeLabel}`}
+        withArrow
+        openDelay={250}
+      >
+        <ThemeIcon variant="subtle" color="gray">
+          <IconShieldCheck size={20} stroke={1.5} />
+        </ThemeIcon>
+      </Tooltip>
+    );
+  }
+  if (isLoading) return null;
+
+  const status = verificationInfo?.status ?? "none";
+
+  if (status === "none" && readOnly) return null;
+
+  return (
+    <>
+      {status !== "none" ? (
+        <Tooltip label={getStatusLabel(status, t)} withArrow openDelay={250}>
+          <Group
+            gap={4}
+            onClick={open}
+            style={{ cursor: "pointer" }}
+            wrap="nowrap"
+          >
+            <IconRosetteDiscountCheckFilled
+              size={18}
+              color={`var(--mantine-color-${getStatusColor(status).replace(".", "-")})`}
+            />
+            <Text size="sm" c={getStatusColor(status)}>
+              {getStatusLabel(status, t)}
+            </Text>
+          </Group>
+        </Tooltip>
+      ) : !readOnly ? (
+        <Tooltip label={t("Set up verification")} withArrow openDelay={250}>
+          <ActionIcon
+            variant="subtle"
+            color="gray"
+            aria-label={t("Set up verification")}
+            onClick={open}
+          >
+            <IconShieldCheck size={20} stroke={1.5} />
+          </ActionIcon>
+        </Tooltip>
+      ) : null}
+
+      <PageVerificationModal pageId={pageId} opened={opened} onClose={close} />
+    </>
+  );
+}
+
+type PageVerificationMenuItemProps = {
+  pageId?: string;
+  onClick: () => void;
+};
+
+export function PageVerificationMenuItem({
+  pageId,
+  onClick,
+}: PageVerificationMenuItemProps) {
+  const { t } = useTranslation();
+  const hasVerificationFeature = useHasFeature(Feature.PAGE_VERIFICATION);
+  const upgradeLabel = useUpgradeLabel();
+
+  const { data: verificationInfo } = usePageVerificationInfoQuery(
+    hasVerificationFeature ? pageId : undefined,
+  );
+
+  const hasVerification =
+    !!verificationInfo && verificationInfo.status !== "none";
+  const label = hasVerification
+    ? t("Edit verification")
+    : t("Add verification");
+
+  const menuItem = (
+    <Menu.Item
+      disabled={!hasVerificationFeature}
+      leftSection={<IconShieldCheck size={16} />}
+      onClick={hasVerificationFeature ? onClick : undefined}
+    >
+      {label}
+    </Menu.Item>
+  );
+
+  if (!hasVerificationFeature) {
+    return (
+      <Tooltip label={upgradeLabel} position="left" withinPortal={false}>
+        {menuItem}
+      </Tooltip>
+    );
+  }
+
+  return menuItem;
+}

apps/client/src/ee/page-verification/components/setup-verification-form.tsx

@@ -0,0 +1,335 @@
+import { useEffect, useRef, useState } from "react";
+import {
+  Button,
+  Checkbox,
+  Divider,
+  Group,
+  Stack,
+  Text,
+  UnstyledButton,
+} from "@mantine/core";
+import {
+  IconArrowLeft,
+  IconArrowRight,
+  IconCertificate2,
+  IconCheck,
+  IconRefresh,
+} from "@tabler/icons-react";
+import { useTranslation } from "react-i18next";
+import { useAtom } from "jotai";
+import classes from "./page-verification-modal.module.css";
+import { currentUserAtom } from "@/features/user/atoms/current-user-atom";
+import { useSetupVerificationMutation } from "@/ee/page-verification/queries/page-verification-query";
+import {
+  ExpirationMode,
+  PeriodUnit,
+  VerificationType,
+} from "@/ee/page-verification/types/page-verification.types";
+import {
+  ExpirationFields,
+  PERIOD_AMOUNT_MIN,
+  PERIOD_UNIT_MAX_AMOUNT,
+} from "./expiration-fields";
+import { VerifierPicker } from "./verifier-picker";
+import { VerifierList } from "./verifier-list";
+import { MAX_VERIFIERS, UserOptionItem } from "./user-option";
+
+type WorkflowChooserProps = {
+  onSelect: (type: VerificationType) => void;
+};
+
+function WorkflowChooser({ onSelect }: WorkflowChooserProps) {
+  const { t } = useTranslation();
+
+  return (
+    <Stack gap="md">
+      <Text className={classes.subhead}>
+        {t("Choose how this page should stay accurate.")}
+      </Text>
+
+      <div className={classes.chooser}>
+        <UnstyledButton
+          component="button"
+          type="button"
+          className={classes.card}
+          onClick={() => onSelect("expiring" as VerificationType)}
+        >
+          <div className={classes.titleRow}>
+            <span className={classes.iconStamp}>
+              <IconRefresh size={15} stroke={1.7} />
+            </span>
+            <h3 className={classes.title}>{t("Recurring verification")}</h3>
+          </div>
+          <p className={classes.description}>
+            {t("Verifiers re-confirm this page on a schedule.")}
+          </p>
+
+          <div className={classes.rule} />
+
+          <div className={classes.meta}>
+            <div className={classes.metaItem}>
+              <IconCheck size={13} stroke={2.4} className={classes.metaIcon} />
+              {t("Re-verify on a schedule (e.g every 30 days )")}
+            </div>
+          </div>
+
+          <div className={classes.cardFooter}>
+            <span className={classes.bestFor}>
+              {t("Best for runbooks, FAQs, living documentation")}
+            </span>
+            <span className={classes.arrow}>
+              <IconArrowRight size={16} stroke={1.8} />
+            </span>
+          </div>
+        </UnstyledButton>
+
+        <UnstyledButton
+          component="button"
+          type="button"
+          className={classes.card}
+          onClick={() => onSelect("qms" as VerificationType)}
+        >
+          <div className={classes.titleRow}>
+            <span className={classes.iconStamp}>
+              <IconCertificate2 size={15} stroke={1.7} />
+            </span>
+            <h3 className={classes.title}>{t("Approval workflow")}</h3>
+          </div>
+          <p className={classes.description}>
+            {t("Formal document lifecycle with named approvers.")}
+          </p>
+
+          <div className={classes.rule} />
+
+          <div className={classes.meta}>
+            <div className={classes.metaItem}>
+              <IconCheck size={13} stroke={2.4} className={classes.metaIcon} />
+              {t("Draft → In approval → Approved → Obsolete")}
+            </div>
+            <div className={classes.metaItem}>
+              <IconCheck size={13} stroke={2.4} className={classes.metaIcon} />
+              {t("Designed for ISO 9001, ISO 13485, and FDA")}
+            </div>
+          </div>
+
+          <div className={classes.cardFooter}>
+            <span className={classes.bestFor}>
+              {t("Best for SOPs and controlled documents")}
+            </span>
+            <span className={classes.arrow}>
+              <IconArrowRight size={16} stroke={1.8} />
+            </span>
+          </div>
+        </UnstyledButton>
+      </div>
+    </Stack>
+  );
+}
+
+type SetupVerificationFormProps = {
+  pageId: string;
+  onClose: () => void;
+};
+
+export function SetupVerificationForm({
+  pageId,
+  onClose,
+}: SetupVerificationFormProps) {
+  const { t } = useTranslation();
+  const setupMutation = useSetupVerificationMutation();
+  const [currentUser] = useAtom(currentUserAtom);
+  const [type, setType] = useState<VerificationType | null>(null);
+  const [mode, setMode] = useState<ExpirationMode>("period");
+  const [periodAmount, setPeriodAmount] = useState<number>(1);
+  const [periodUnit, setPeriodUnit] = useState<PeriodUnit>("month");
+  const [fixedDate, setFixedDate] = useState<string>("");
+  const [confirmed, setConfirmed] = useState(false);
+  const [selectedVerifiers, setSelectedVerifiers] = useState<UserOptionItem[]>(
+    [],
+  );
+  const didInitCurrentUser = useRef(false);
+
+  useEffect(() => {
+    if (!didInitCurrentUser.current && currentUser?.user) {
+      didInitCurrentUser.current = true;
+      const u = currentUser.user;
+      setSelectedVerifiers([
+        {
+          value: u.id,
+          label: u.name,
+          email: u.email,
+          avatarUrl: u.avatarUrl,
+        },
+      ]);
+    }
+  }, [currentUser]);
+
+  const isQms = type === "qms";
+  const canAddMore = selectedVerifiers.length < MAX_VERIFIERS;
+
+  if (type === null) {
+    return <WorkflowChooser onSelect={setType} />;
+  }
+
+  const handleAddVerifier = (user: UserOptionItem) => {
+    setSelectedVerifiers((prev) =>
+      prev.some((v) => v.value === user.value) ? prev : [...prev, user],
+    );
+  };
+
+  const handleRemoveVerifier = (userId: string) => {
+    setSelectedVerifiers((prev) => prev.filter((v) => v.value !== userId));
+  };
+
+  const handleSetup = () => {
+    if (selectedVerifiers.length === 0) return;
+    setupMutation.mutate(
+      {
+        pageId,
+        type,
+        ...(!isQms && {
+          mode,
+          ...(mode === "period" && {
+            periodAmount,
+            periodUnit,
+          }),
+          ...(mode === "fixed" &&
+            fixedDate && {
+              fixedExpiresAt: new Date(fixedDate).toISOString(),
+            }),
+        }),
+        verifierIds: selectedVerifiers.map((v) => v.value),
+      },
+      {
+        onSuccess: () => {
+          if (!isQms) {
+            onClose();
+          }
+        },
+      },
+    );
+  };
+
+  const periodValid =
+    mode !== "period" ||
+    (Number.isInteger(periodAmount) &&
+      periodAmount >= PERIOD_AMOUNT_MIN &&
+      periodAmount <= PERIOD_UNIT_MAX_AMOUNT[periodUnit]);
+  const fixedDateValid =
+    mode !== "fixed" ||
+    (!!fixedDate && new Date(fixedDate).getTime() > Date.now());
+  const hasVerifiers = selectedVerifiers.length > 0;
+
+  const canSubmit = isQms
+    ? hasVerifiers
+    : hasVerifiers && confirmed && periodValid && fixedDateValid;
+
+  return (
+    <Stack>
+      <div>
+        <button
+          type="button"
+          className={classes.backButton}
+          onClick={() => setType(null)}
+        >
+          <IconArrowLeft size={12} stroke={2.2} />
+          {t("Back")}
+        </button>
+        <div className={classes.configureHeader}>
+          <span className={classes.iconStamp}>
+            {isQms ? (
+              <IconCertificate2 size={16} stroke={1.6} />
+            ) : (
+              <IconRefresh size={16} stroke={1.6} />
+            )}
+          </span>
+          <div>
+            <span className={classes.configureEyebrow}>
+              {isQms ? t("Quality management") : t("Recurring")}
+            </span>
+            <Text size="sm" c="dimmed" mt={2}>
+              {isQms
+                ? t("Pages move through draft, approval, and approved stages.")
+                : t(
+                    "Assigned verifiers must periodically re-verify this page.",
+                  )}
+            </Text>
+          </div>
+        </div>
+      </div>
+
+      <div>
+        <Text size="sm" fw={600} tt="uppercase" c="dimmed" mb={4}>
+          {t("Verifiers")}
+        </Text>
+        {selectedVerifiers.length > 0 && (
+          <div style={{ marginBottom: "var(--mantine-spacing-xs)" }}>
+            <VerifierList
+              verifiers={selectedVerifiers.map((v) => ({
+                id: v.value,
+                name: v.label,
+                email: v.email,
+                avatarUrl: v.avatarUrl,
+              }))}
+              canManage
+              onRemove={handleRemoveVerifier}
+            />
+          </div>
+        )}
+        {canAddMore && (
+          <VerifierPicker
+            excludeIds={selectedVerifiers.map((v) => v.value)}
+            onSelect={handleAddVerifier}
+          />
+        )}
+      </div>
+
+      {!isQms && (
+        <>
+          <Divider />
+
+          <div>
+            <Text size="sm" fw={600} mb={6}>
+              {t("Expiration")}
+            </Text>
+            <ExpirationFields
+              mode={mode}
+              periodAmount={periodAmount}
+              periodUnit={periodUnit}
+              fixedDate={fixedDate}
+              onModeChange={setMode}
+              onPeriodAmountChange={setPeriodAmount}
+              onPeriodUnitChange={setPeriodUnit}
+              onFixedDateChange={setFixedDate}
+            />
+          </div>
+
+          <Divider />
+
+          <div>
+            <Text size="sm" fw={600} mb={4}>
+              {t("Confirm")}
+            </Text>
+            <Checkbox
+              label={t("I've reviewed this page for accuracy")}
+              checked={confirmed}
+              onChange={(event) => setConfirmed(event.currentTarget.checked)}
+              color="dark"
+            />
+          </div>
+        </>
+      )}
+
+      <Group justify="flex-end">
+        <Button
+          onClick={handleSetup}
+          disabled={!canSubmit}
+          loading={setupMutation.isPending}
+          color="dark"
+        >
+          {isQms ? t("Set up") : t("Verify")}
+        </Button>
+      </Group>
+    </Stack>
+  );
+}

apps/client/src/ee/page-verification/components/user-option.tsx

@@ -0,0 +1,43 @@
+import { Group, SelectProps, Text } from "@mantine/core";
+import { CustomAvatar } from "@/components/ui/custom-avatar";
+import { IUser } from "@/features/user/types/user.types";
+
+export const MAX_VERIFIERS = 5;
+
+export type UserOptionItem = {
+  value: string;
+  label: string;
+  email: string;
+  avatarUrl: string;
+};
+
+export function toUserOptions(users: IUser[] | undefined): UserOptionItem[] {
+  return (users ?? []).map((user) => ({
+    value: user.id,
+    label: user.name,
+    email: user.email,
+    avatarUrl: user.avatarUrl,
+  }));
+}
+
+export const renderUserSelectOption: SelectProps["renderOption"] = ({
+  option,
+}) => (
+  <Group gap="sm" wrap="nowrap">
+    <CustomAvatar
+      avatarUrl={option["avatarUrl"]}
+      size={20}
+      name={option.label}
+    />
+    <div>
+      <Text size="sm" lineClamp={1}>
+        {option.label}
+      </Text>
+      {option["email"] && (
+        <Text size="xs" c="dimmed" lineClamp={1}>
+          {option["email"]}
+        </Text>
+      )}
+    </div>
+  </Group>
+);

apps/client/src/ee/page-verification/components/verification-list-table.tsx

@@ -0,0 +1,218 @@
+import {
+  Table,
+  Text,
+  Group,
+  Skeleton,
+  Anchor,
+  Badge,
+  Avatar,
+  Tooltip,
+} from "@mantine/core";
+import { Link } from "react-router-dom";
+import { useTranslation } from "react-i18next";
+import {
+  IVerificationListItem,
+  VerificationStatus,
+} from "@/ee/page-verification/types/page-verification.types";
+import { CustomAvatar } from "@/components/ui/custom-avatar";
+import { buildPageUrl } from "@/features/page/page.utils";
+import { format } from "date-fns";
+import NoTableResults from "@/components/common/no-table-results";
+
+const MAX_VISIBLE_VERIFIERS = 5;
+
+type VerificationListTableProps = {
+  items?: IVerificationListItem[];
+  isLoading: boolean;
+};
+
+function statusBadge(status: VerificationStatus | null, t: (s: string) => string) {
+  switch (status) {
+    case "verified":
+      return <Badge color="green" variant="light" size="sm">{t("Verified")}</Badge>;
+    case "expiring":
+      return <Badge color="orange" variant="light" size="sm">{t("Expiring")}</Badge>;
+    case "expired":
+      return <Badge color="red" variant="light" size="sm">{t("Expired")}</Badge>;
+    case "approved":
+      return <Badge color="green" variant="light" size="sm">{t("Approved")}</Badge>;
+    case "draft":
+      return <Badge color="gray" variant="light" size="sm">{t("Draft")}</Badge>;
+    case "in_approval":
+      return <Badge color="blue" variant="light" size="sm">{t("In approval")}</Badge>;
+    case "obsolete":
+      return <Badge color="red" variant="light" size="sm">{t("Obsolete")}</Badge>;
+    default:
+      return null;
+  }
+}
+
+function verifiedUntilText(item: IVerificationListItem, t: (s: string) => string): string {
+  if (item.type === "qms") {
+    if (item.status === "approved") return t("Indefinitely");
+    return "—";
+  }
+
+  if (!item.expiresAt) return t("Indefinitely");
+
+  const expires = new Date(item.expiresAt);
+  const now = new Date();
+
+  if (expires <= now) return t("Expired");
+  return format(expires, "MMM d, yyyy");
+}
+
+function TableSkeleton() {
+  return (
+    <>
+      {Array.from({ length: 8 }).map((_, i) => (
+        <Table.Tr key={i}>
+          <Table.Td>
+            <div>
+              <Skeleton height={14} width={160} mb={4} />
+              <Skeleton height={10} width={100} />
+            </div>
+          </Table.Td>
+          <Table.Td>
+            <Group gap={8} wrap="nowrap">
+              <Skeleton circle height={24} />
+              <Skeleton circle height={24} />
+              <Skeleton circle height={24} />
+            </Group>
+          </Table.Td>
+          <Table.Td>
+            <Skeleton height={14} width={100} />
+          </Table.Td>
+          <Table.Td>
+            <Skeleton height={20} width={60} />
+          </Table.Td>
+        </Table.Tr>
+      ))}
+    </>
+  );
+}
+
+export default function VerificationListTable({
+  items,
+  isLoading,
+}: VerificationListTableProps) {
+  const { t } = useTranslation();
+
+  return (
+    <Table.ScrollContainer minWidth={600}>
+      <Table highlightOnHover verticalSpacing="xs">
+        <Table.Thead>
+          <Table.Tr>
+            <Table.Th>{t("Page")}</Table.Th>
+            <Table.Th>{t("Verifiers")}</Table.Th>
+            <Table.Th>{t("Verified until")}</Table.Th>
+            <Table.Th>{t("Status")}</Table.Th>
+          </Table.Tr>
+        </Table.Thead>
+
+        <Table.Tbody>
+          {isLoading ? (
+            <TableSkeleton />
+          ) : items && items.length > 0 ? (
+            items.map((item) => {
+              const verifiers = item.verifiers ?? [];
+
+              const pageUrl = buildPageUrl(
+                item.spaceSlug,
+                item.pageSlugId,
+                item.pageTitle ?? undefined,
+              );
+
+              return (
+                <Table.Tr key={item.id}>
+                  <Table.Td>
+                    <Anchor
+                      size="sm"
+                      underline="never"
+                      style={{ color: "var(--mantine-color-text)" }}
+                      component={Link}
+                      to={pageUrl}
+                    >
+                      <Text fz="sm" fw={500} lineClamp={1}>
+                        {item.pageIcon ? `${item.pageIcon} ` : ""}
+                        {item.pageTitle || t("Untitled")}
+                      </Text>
+                    </Anchor>
+                    <Text fz="xs" c="dimmed" lineClamp={1}>
+                      {item.spaceName}
+                    </Text>
+                  </Table.Td>
+
+                  <Table.Td>
+                    {verifiers.length === 1 ? (
+                      <Group gap={8} wrap="nowrap">
+                        <CustomAvatar
+                          size="sm"
+                          avatarUrl={verifiers[0].avatarUrl}
+                          name={verifiers[0].name}
+                        />
+                        <Text fz="sm" lineClamp={1}>
+                          {verifiers[0].name}
+                        </Text>
+                      </Group>
+                    ) : verifiers.length > 1 ? (
+                      <Tooltip.Group openDelay={300} closeDelay={100}>
+                        <Avatar.Group spacing={8}>
+                          {verifiers
+                            .slice(0, MAX_VISIBLE_VERIFIERS)
+                            .map((verifier) => (
+                              <Tooltip
+                                key={verifier.id}
+                                label={verifier.name}
+                                withArrow
+                              >
+                                <CustomAvatar
+                                  size="sm"
+                                  avatarUrl={verifier.avatarUrl}
+                                  name={verifier.name}
+                                />
+                              </Tooltip>
+                            ))}
+                          {verifiers.length > MAX_VISIBLE_VERIFIERS && (
+                            <Tooltip
+                              withArrow
+                              label={verifiers
+                                .slice(MAX_VISIBLE_VERIFIERS)
+                                .map((v) => (
+                                  <div key={v.id}>{v.name}</div>
+                                ))}
+                            >
+                              <Avatar size="sm" color="gray">
+                                +{verifiers.length - MAX_VISIBLE_VERIFIERS}
+                              </Avatar>
+                            </Tooltip>
+                          )}
+                        </Avatar.Group>
+                      </Tooltip.Group>
+                    ) : (
+                      <Text fz="sm" c="dimmed">
+                        —
+                      </Text>
+                    )}
+                  </Table.Td>
+
+                  <Table.Td>
+                    <Text fz="sm" style={{ whiteSpace: "nowrap" }}>
+                      {verifiedUntilText(item, t)}
+                    </Text>
+                  </Table.Td>
+
+                  <Table.Td>
+                    {statusBadge(item.status as VerificationStatus, t)}
+                  </Table.Td>
+                </Table.Tr>
+              );
+            })
+          ) : (
+            <NoTableResults colSpan={4} />
+          )}
+        </Table.Tbody>
+      </Table>
+    </Table.ScrollContainer>
+  );
+}

apps/client/src/ee/page-verification/components/verification-status.ts

@@ -0,0 +1,43 @@
+import { VerificationStatus } from "@/ee/page-verification/types/page-verification.types";
+
+export function getStatusColor(status: VerificationStatus): string {
+  switch (status) {
+    case "verified":
+    case "approved":
+      return "blue.7";
+    case "expiring":
+    case "in_approval":
+      return "orange.8";
+    case "expired":
+      return "red.7";
+    case "draft":
+    case "obsolete":
+      return "gray.6";
+    default:
+      return "gray.6";
+  }
+}
+
+export function getStatusLabel(
+  status: VerificationStatus,
+  t: (key: string) => string,
+): string {
+  switch (status) {
+    case "verified":
+      return t("Verified");
+    case "expiring":
+      return t("Review needed");
+    case "expired":
+      return t("Verification expired");
+    case "draft":
+      return t("Draft");
+    case "in_approval":
+      return t("In Approval");
+    case "approved":
+      return t("Approved");
+    case "obsolete":
+      return t("Obsolete");
+    default:
+      return "";
+  }
+}

apps/client/src/ee/page-verification/components/verifier-list.tsx

@@ -0,0 +1,70 @@
+import { ActionIcon, Group, Text, Tooltip } from "@mantine/core";
+import { IconX } from "@tabler/icons-react";
+import { CustomAvatar } from "@/components/ui/custom-avatar";
+import { IVerifier } from "@/ee/page-verification/types/page-verification.types";
+import { useTranslation } from "react-i18next";
+
+type VerifierListProps = {
+  verifiers: IVerifier[];
+  canManage?: boolean;
+  onRemove?: (userId: string) => void;
+};
+
+export function VerifierList({
+  verifiers,
+  canManage,
+  onRemove,
+}: VerifierListProps) {
+  const { t } = useTranslation();
+
+  if (verifiers.length === 0) return null;
+
+  return (
+    <>
+      {verifiers.map((verifier, index) => (
+        <Group
+          key={verifier.id}
+          justify="space-between"
+          wrap="nowrap"
+          py={6}
+          style={{
+            borderBottom:
+              index < verifiers.length - 1
+                ? "1px solid var(--mantine-color-gray-1)"
+                : undefined,
+          }}
+        >
+          <Group gap="sm" wrap="nowrap" style={{ minWidth: 0 }}>
+            <CustomAvatar
+              avatarUrl={verifier.avatarUrl}
+              name={verifier.name}
+              size={28}
+            />
+            <div style={{ minWidth: 0 }}>
+              <Text size="sm" truncate="end">
+                {verifier.name}
+              </Text>
+              {verifier.email && (
+                <Text size="xs" c="dimmed" truncate="end">
+                  {verifier.email}
+                </Text>
+              )}
+            </div>
+          </Group>
+          {canManage && onRemove && (
+            <Tooltip label={t("Remove")} withArrow>
+              <ActionIcon
+                variant="subtle"
+                color="gray"
+                size="sm"
+                onClick={() => onRemove(verifier.id)}
+              >
+                <IconX size={14} />
+              </ActionIcon>
+            </Tooltip>
+          )}
+        </Group>
+      ))}
+    </>
+  );
+}

apps/client/src/ee/page-verification/components/verifier-picker.tsx

@@ -0,0 +1,65 @@
+import { useState } from "react";
+import { Select } from "@mantine/core";
+import { useDebouncedValue } from "@mantine/hooks";
+import { useTranslation } from "react-i18next";
+import { useSearchSuggestionsQuery } from "@/features/search/queries/search-query";
+import {
+  renderUserSelectOption,
+  toUserOptions,
+  UserOptionItem,
+} from "./user-option";
+
+type VerifierPickerProps = {
+  excludeIds: string[];
+  disabled?: boolean;
+  onSelect: (user: UserOptionItem) => void;
+  placeholder?: string;
+};
+
+export function VerifierPicker({
+  excludeIds,
+  disabled,
+  onSelect,
+  placeholder,
+}: VerifierPickerProps) {
+  const { t } = useTranslation();
+  const [searchValue, setSearchValue] = useState("");
+  const [debouncedQuery] = useDebouncedValue(searchValue, 300);
+
+  const { data: suggestion } = useSearchSuggestionsQuery({
+    query: debouncedQuery,
+    includeUsers: true,
+    includeGroups: false,
+    preload: true,
+  });
+
+  const excludeSet = new Set(excludeIds);
+  const options = toUserOptions(suggestion?.users).filter(
+    (u) => !excludeSet.has(u.value),
+  );
+
+  const handleChange = (userId: string | null) => {
+    if (!userId) return;
+    const picked = options.find((u) => u.value === userId);
+    if (!picked) return;
+    onSelect(picked);
+    setSearchValue("");
+  };
+
+  return (
+    <Select
+      data={options}
+      value={null}
+      onChange={handleChange}
+      renderOption={renderUserSelectOption}
+      placeholder={placeholder ?? t("Add verifier")}
+      searchable
+      searchValue={searchValue}
+      onSearchChange={setSearchValue}
+      filter={({ options }) => options}
+      variant="filled"
+      disabled={disabled}
+      nothingFoundMessage={t("No user found")}
+    />
+  );
+}

apps/client/src/ee/page-verification/index.ts

@@ -0,0 +1,5 @@
+export * from "./components/page-verification-modal";
+export * from "./components/verifier-list";
+export * from "./queries/page-verification-query";
+export * from "./services/page-verification-service";
+export * from "./types/page-verification.types";

apps/client/src/ee/page-verification/pages/verified-pages.tsx

@@ -0,0 +1,127 @@
+import { useState, useMemo } from "react";
+import { Group, MultiSelect, Select, Space, TextInput } from "@mantine/core";
+import { useDebouncedValue } from "@mantine/hooks";
+import { Helmet } from "react-helmet-async";
+import { useTranslation } from "react-i18next";
+import { IconSearch } from "@tabler/icons-react";
+import SettingsTitle from "@/components/settings/settings-title";
+import { getAppName } from "@/lib/config";
+import Paginate from "@/components/common/paginate";
+import { useCursorPaginate } from "@/hooks/use-cursor-paginate";
+import { useVerificationListQuery } from "@/ee/page-verification/queries/page-verification-query";
+import { IVerificationListParams } from "@/ee/page-verification/types/page-verification.types";
+import VerificationListTable from "@/ee/page-verification/components/verification-list-table";
+import { useGetSpacesQuery } from "@/features/space/queries/space-query";
+
+export default function VerifiedPages() {
+  const { t } = useTranslation();
+  const { cursor, goNext, goPrev, resetCursor } = useCursorPaginate();
+
+  const [searchValue, setSearchValue] = useState("");
+  const [debouncedSearch] = useDebouncedValue(searchValue, 300);
+  const [spaceFilter, setSpaceFilter] = useState<string[]>([]);
+  const [typeFilter, setTypeFilter] = useState<string | null>(null);
+
+  const { data: spacesData } = useGetSpacesQuery({ limit: 100 });
+
+  const spaceOptions = useMemo(
+    () =>
+      spacesData?.items?.map((space) => ({
+        value: space.id,
+        label: space.name,
+      })) ?? [],
+    [spacesData],
+  );
+
+  const typeOptions = [
+    { value: "expiring", label: t("Expiring") },
+    { value: "qms", label: t("QMS") },
+  ];
+
+  const params: IVerificationListParams = useMemo(
+    () => ({
+      cursor,
+      limit: 50,
+      spaceIds: spaceFilter.length > 0 ? spaceFilter : undefined,
+      type: typeFilter as IVerificationListParams["type"],
+      query: debouncedSearch || undefined,
+    }),
+    [cursor, spaceFilter, typeFilter, debouncedSearch],
+  );
+
+  const { data, isLoading } = useVerificationListQuery(params);
+
+  const handleSpaceChange = (value: string[]) => {
+    setSpaceFilter(value);
+    resetCursor();
+  };
+
+  const handleTypeChange = (value: string | null) => {
+    setTypeFilter(value);
+    resetCursor();
+  };
+
+  const handleSearchChange = (e: React.ChangeEvent<HTMLInputElement>) => {
+    setSearchValue(e.currentTarget.value);
+    resetCursor();
+  };
+
+  return (
+    <>
+      <Helmet>
+        <title>
+          {t("Verified pages")} - {getAppName()}
+        </title>
+      </Helmet>
+
+      <SettingsTitle title={t("Verified pages")} />
+
+      <Group mb="md" gap="sm">
+        <TextInput
+          placeholder={t("Search by title")}
+          leftSection={<IconSearch size={16} />}
+          value={searchValue}
+          onChange={handleSearchChange}
+          size="sm"
+          w={220}
+        />
+
+        {/*
+        <MultiSelect
+          placeholder={t("Filter by space")}
+          data={spaceOptions}
+          value={spaceFilter}
+          onChange={handleSpaceChange}
+          clearable
+          searchable
+          w={220}
+          size="sm"
+        />
+
+        <Select
+          placeholder={t("Filter by type")}
+          data={typeOptions}
+          value={typeFilter}
+          onChange={handleTypeChange}
+          clearable
+          w={160}
+          size="sm"
+        />
+        */}
+      </Group>
+
+      <VerificationListTable items={data?.items} isLoading={isLoading} />
+
+      <Space h="md" />
+
+      {data?.items && data.items.length > 0 && (
+        <Paginate
+          hasPrevPage={data?.meta?.hasPrevPage}
+          hasNextPage={data?.meta?.hasNextPage}
+          onNext={() => goNext(data?.meta?.nextCursor)}
+          onPrev={goPrev}
+        />
+      )}
+    </>
+  );
+}

apps/client/src/ee/page-verification/queries/page-verification-query.ts

@@ -0,0 +1,202 @@
+import {
+  keepPreviousData,
+  useMutation,
+  useQuery,
+  useQueryClient,
+  UseQueryResult,
+} from "@tanstack/react-query";
+import {
+  IPageVerificationInfo,
+  ISetupVerification,
+  IUpdateVerification,
+  IVerificationListItem,
+  IVerificationListParams,
+} from "@/ee/page-verification/types/page-verification.types";
+import {
+  getVerificationInfo,
+  getVerificationList,
+  markObsolete,
+  rejectApproval,
+  removeVerification,
+  setupVerification,
+  submitForApproval,
+  updateVerification,
+  verifyPage,
+} from "@/ee/page-verification/services/page-verification-service";
+import { notifications } from "@mantine/notifications";
+import { useTranslation } from "react-i18next";
+import { IPagination } from "@/lib/types";
+
+export function usePageVerificationInfoQuery(
+  pageId: string | undefined,
+): UseQueryResult<IPageVerificationInfo, Error> {
+  return useQuery({
+    queryKey: ["page-verification-info", pageId],
+    queryFn: () => getVerificationInfo(pageId!),
+    enabled: !!pageId,
+  });
+}
+
+export function useSetupVerificationMutation() {
+  const queryClient = useQueryClient();
+  const { t } = useTranslation();
+
+  return useMutation<void, Error, ISetupVerification>({
+    mutationFn: (data) => setupVerification(data),
+    onSuccess: (_, variables) => {
+      queryClient.invalidateQueries({
+        queryKey: ["page-verification-info", variables.pageId],
+      });
+      notifications.show({ message: t("Verification enabled") });
+    },
+    onError: (error) => {
+      const errorMessage = error["response"]?.data?.message;
+      notifications.show({
+        message: errorMessage || t("Failed to enable verification"),
+        color: "red",
+      });
+    },
+  });
+}
+
+export function useUpdateVerificationMutation() {
+  const queryClient = useQueryClient();
+  const { t } = useTranslation();
+
+  return useMutation<void, Error, IUpdateVerification>({
+    mutationFn: (data) => updateVerification(data),
+    onSuccess: (_, variables) => {
+      queryClient.invalidateQueries({
+        queryKey: ["page-verification-info", variables.pageId],
+      });
+      notifications.show({ message: t("Verification updated") });
+    },
+    onError: (error) => {
+      const errorMessage = error["response"]?.data?.message;
+      notifications.show({
+        message: errorMessage || t("Failed to update verification"),
+        color: "red",
+      });
+    },
+  });
+}
+
+export function useRemoveVerificationMutation() {
+  const queryClient = useQueryClient();
+  const { t } = useTranslation();
+
+  return useMutation<void, Error, string>({
+    mutationFn: (pageId) => removeVerification(pageId),
+    onSuccess: (_, pageId) => {
+      queryClient.invalidateQueries({
+        queryKey: ["page-verification-info", pageId],
+      });
+      notifications.show({ message: t("Verification removed") });
+    },
+    onError: (error) => {
+      const errorMessage = error["response"]?.data?.message;
+      notifications.show({
+        message: errorMessage || t("Failed to remove verification"),
+        color: "red",
+      });
+    },
+  });
+}
+
+export function useVerifyPageMutation() {
+  const queryClient = useQueryClient();
+  const { t } = useTranslation();
+
+  return useMutation<void, Error, string>({
+    mutationFn: (pageId) => verifyPage(pageId),
+    onSuccess: (_, pageId) => {
+      queryClient.invalidateQueries({
+        queryKey: ["page-verification-info", pageId],
+      });
+      notifications.show({ message: t("Page verified") });
+    },
+    onError: (error) => {
+      const errorMessage = error["response"]?.data?.message;
+      notifications.show({
+        message: errorMessage || t("Failed to verify page"),
+        color: "red",
+      });
+    },
+  });
+}
+
+export function useSubmitForApprovalMutation() {
+  const queryClient = useQueryClient();
+  const { t } = useTranslation();
+
+  return useMutation<void, Error, string>({
+    mutationFn: (pageId) => submitForApproval(pageId),
+    onSuccess: (_, pageId) => {
+      queryClient.invalidateQueries({
+        queryKey: ["page-verification-info", pageId],
+      });
+      notifications.show({ message: t("Submitted for approval") });
+    },
+    onError: (error) => {
+      const errorMessage = error["response"]?.data?.message;
+      notifications.show({
+        message: errorMessage || t("Failed to submit for approval"),
+        color: "red",
+      });
+    },
+  });
+}
+
+export function useRejectApprovalMutation() {
+  const queryClient = useQueryClient();
+  const { t } = useTranslation();
+
+  return useMutation<void, Error, { pageId: string; comment?: string }>({
+    mutationFn: (data) => rejectApproval(data),
+    onSuccess: (_, variables) => {
+      queryClient.invalidateQueries({
+        queryKey: ["page-verification-info", variables.pageId],
+      });
+      notifications.show({ message: t("Approval rejected") });
+    },
+    onError: (error) => {
+      const errorMessage = error["response"]?.data?.message;
+      notifications.show({
+        message: errorMessage || t("Failed to reject approval"),
+        color: "red",
+      });
+    },
+  });
+}
+
+export function useMarkObsoleteMutation() {
+  const queryClient = useQueryClient();
+  const { t } = useTranslation();
+
+  return useMutation<void, Error, string>({
+    mutationFn: (pageId) => markObsolete(pageId),
+    onSuccess: (_, pageId) => {
+      queryClient.invalidateQueries({
+        queryKey: ["page-verification-info", pageId],
+      });
+      notifications.show({ message: t("Page marked as obsolete") });
+    },
+    onError: (error) => {
+      const errorMessage = error["response"]?.data?.message;
+      notifications.show({
+        message: errorMessage || t("Failed to mark as obsolete"),
+        color: "red",
+      });
+    },
+  });
+}
+
+export function useVerificationListQuery(
+  params?: IVerificationListParams,
+): UseQueryResult<IPagination<IVerificationListItem>, Error> {
+  return useQuery({
+    queryKey: ["verification-list", params],
+    queryFn: () => getVerificationList(params),
+    placeholderData: keepPreviousData,
+  });
+}

apps/client/src/ee/page-verification/services/page-verification-service.ts

@@ -0,0 +1,61 @@
+import api from "@/lib/api-client";
+import {
+  IPageVerificationInfo,
+  ISetupVerification,
+  IUpdateVerification,
+  IVerificationListItem,
+  IVerificationListParams,
+} from "@/ee/page-verification/types/page-verification.types";
+import { IPagination } from "@/lib/types";
+
+export async function getVerificationInfo(
+  pageId: string,
+): Promise<IPageVerificationInfo> {
+  const req = await api.post<IPageVerificationInfo>(
+    "/pages/verification-info",
+    { pageId },
+  );
+  return req.data;
+}
+
+export async function setupVerification(
+  data: ISetupVerification,
+): Promise<void> {
+  await api.post("/pages/create-verification", data);
+}
+
+export async function updateVerification(
+  data: IUpdateVerification,
+): Promise<void> {
+  await api.post("/pages/update-verification", data);
+}
+
+export async function removeVerification(pageId: string): Promise<void> {
+  await api.post("/pages/delete-verification", { pageId });
+}
+
+export async function verifyPage(pageId: string): Promise<void> {
+  await api.post("/pages/verify", { pageId });
+}
+
+export async function submitForApproval(pageId: string): Promise<void> {
+  await api.post("/pages/submit-for-approval", { pageId });
+}
+
+export async function rejectApproval(data: {
+  pageId: string;
+  comment?: string;
+}): Promise<void> {
+  await api.post("/pages/reject-approval", data);
+}
+
+export async function markObsolete(pageId: string): Promise<void> {
+  await api.post("/pages/mark-obsolete", { pageId });
+}
+
+export async function getVerificationList(
+  params?: IVerificationListParams,
+): Promise<IPagination<IVerificationListItem>> {
+  const req = await api.post("/pages/verifications", { ...params });
+  return req.data;
+}

apps/client/src/ee/page-verification/types/page-verification.types.ts

@@ -0,0 +1,104 @@
+export type VerificationType = "expiring" | "qms";
+
+export type ExpirationMode = "period" | "fixed" | "indefinite";
+
+export type PeriodUnit = "day" | "week" | "month" | "year";
+
+export type VerificationStatus =
+  | "verified"
+  | "expiring"
+  | "expired"
+  | "draft"
+  | "in_approval"
+  | "approved"
+  | "obsolete"
+  | "none";
+
+export type IUserRef = {
+  id: string;
+  name: string;
+  avatarUrl: string | null;
+};
+
+export type IVerifier = {
+  id: string;
+  name: string;
+  avatarUrl: string | null;
+  email: string;
+};
+
+export type IPageVerificationInfo = {
+  id?: string;
+  pageId?: string;
+  type?: VerificationType;
+  mode?: ExpirationMode | null;
+  periodAmount?: number | null;
+  periodUnit?: PeriodUnit | null;
+  status: VerificationStatus;
+  verifiedAt?: string | null;
+  verifiedBy?: IUserRef | null;
+  expiresAt?: string | null;
+  requestedAt?: string | null;
+  requestedBy?: IUserRef | null;
+  rejectedAt?: string | null;
+  rejectedBy?: IUserRef | null;
+  rejectionComment?: string | null;
+  verifiers?: IVerifier[];
+  permissions?: IPageVerificationPermissions;
+};
+
+export type IPageVerificationPermissions = {
+  canVerify: boolean;
+  canManage: boolean;
+  canSubmitForApproval: boolean;
+  canMarkObsolete: boolean;
+};
+
+export type ISetupVerification = {
+  pageId: string;
+  type?: VerificationType;
+  mode?: ExpirationMode;
+  periodAmount?: number;
+  periodUnit?: PeriodUnit;
+  fixedExpiresAt?: string;
+  verifierIds: string[];
+};
+
+export type IUpdateVerification = {
+  pageId: string;
+  mode?: ExpirationMode;
+  periodAmount?: number;
+  periodUnit?: PeriodUnit;
+  fixedExpiresAt?: string;
+  verifierIds?: string[];
+};
+
+export type IVerificationListItem = {
+  id: string;
+  pageId: string;
+  spaceId: string;
+  type: VerificationType;
+  status: VerificationStatus | null;
+  mode: ExpirationMode | null;
+  periodAmount: number | null;
+  periodUnit: PeriodUnit | null;
+  verifiedAt: string | null;
+  expiresAt: string | null;
+  createdAt: string;
+  pageTitle: string | null;
+  pageSlugId: string;
+  pageIcon: string | null;
+  spaceName: string;
+  spaceSlug: string;
+  verifiers: IUserRef[];
+};
+
+export type IVerificationListParams = {
+  spaceIds?: string[];
+  verifierId?: string;
+  type?: VerificationType;
+  cursor?: string;
+  beforeCursor?: string;
+  limit?: number;
+  query?: string;
+};

apps/client/src/ee/pdf-export/pdf-render-page.tsx

@@ -0,0 +1,64 @@
+import "@/features/editor/styles/index.css";
+import { useEffect, useState } from "react";
+import { useParams, useSearchParams } from "react-router-dom";
+import ReadonlyPageEditor from "@/features/editor/readonly-page-editor";
+import { Container } from "@mantine/core";
+
+type PdfRenderData = {
+  pageId: string;
+  title: string;
+  content: any;
+};
+
+export default function PdfRenderPage() {
+  const { pageId } = useParams<{ pageId: string }>();
+  const [searchParams] = useSearchParams();
+  const token = searchParams.get("token");
+
+  const [data, setData] = useState<PdfRenderData | null>(null);
+  const [error, setError] = useState<string | null>(null);
+
+  useEffect(() => {
+    if (!pageId || !token) {
+      setError("Missing page ID or token");
+      return;
+    }
+
+    fetch('/api/pdf-export/render', {
+      method: 'POST',
+      headers: { 'Content-Type': 'application/json' },
+      body: JSON.stringify({ pageId, token }),
+    })
+      .then((res) => {
+        if (!res.ok) throw new Error(`HTTP ${res.status}`);
+        return res.json();
+      })
+      .then((result) => setData(result.data))
+      .catch((err) => setError(err.message));
+  }, [pageId, token]);
+
+  useEffect(() => {
+    if (data?.title) {
+      document.title = data.title;
+    }
+  }, [data?.title]);
+
+  if (error) {
+    return <div>{error}</div>;
+  }
+
+  if (!data) {
+    return null;
+  }
+
+  return (
+    <Container size={900} p={0}>
+      <ReadonlyPageEditor
+        key={data.pageId}
+        title={data.title}
+        content={data.content}
+        pageId={data.pageId}
+      />
+    </Container>
+  );
+}

apps/client/src/ee/scim/components/create-scim-token-modal.tsx

@@ -0,0 +1,78 @@
+import { Modal, TextInput, Button, Group, Stack } from "@mantine/core";
+import { useForm } from "@mantine/form";
+import { zod4Resolver } from "mantine-form-zod-resolver";
+import { z } from "zod/v4";
+import { useTranslation } from "react-i18next";
+import { useCreateScimTokenMutation } from "@/ee/scim/queries/scim-token-query";
+import { IScimToken } from "@/ee/scim/types/scim-token.types";
+
+interface CreateScimTokenModalProps {
+  opened: boolean;
+  onClose: () => void;
+  onSuccess: (response: IScimToken) => void;
+}
+
+const formSchema = z.object({
+  name: z.string().min(1, "Name is required"),
+});
+type FormValues = z.infer<typeof formSchema>;
+
+export function CreateScimTokenModal({
+  opened,
+  onClose,
+  onSuccess,
+}: CreateScimTokenModalProps) {
+  const { t } = useTranslation();
+  const createMutation = useCreateScimTokenMutation();
+
+  const form = useForm<FormValues>({
+    validate: zod4Resolver(formSchema),
+    initialValues: { name: "" },
+  });
+
+  const handleSubmit = async (data: FormValues) => {
+    try {
+      const created = await createMutation.mutateAsync({ name: data.name });
+      onSuccess(created);
+      form.reset();
+      onClose();
+    } catch (err) {
+      //
+    }
+  };
+
+  const handleClose = () => {
+    form.reset();
+    onClose();
+  };
+
+  return (
+    <Modal
+      opened={opened}
+      onClose={handleClose}
+      title={t("Create {{credential}}", { credential: t("SCIM token") })}
+      size="md"
+    >
+      <form onSubmit={form.onSubmit((values) => handleSubmit(values))}>
+        <Stack gap="md">
+          <TextInput
+            label={t("Name")}
+            placeholder={t("Enter a descriptive name")}
+            data-autofocus
+            required
+            {...form.getInputProps("name")}
+          />
+
+          <Group justify="flex-end" mt="md">
+            <Button variant="default" onClick={handleClose}>
+              {t("Cancel")}
+            </Button>
+            <Button type="submit" loading={createMutation.isPending}>
+              {t("Create")}
+            </Button>
+          </Group>
+        </Stack>
+      </form>
+    </Modal>
+  );
+}

apps/client/src/ee/scim/components/enable-scim.tsx

@@ -0,0 +1,55 @@
+import { Group, Text, Switch, Tooltip } from "@mantine/core";
+import { useAtom } from "jotai";
+import { workspaceAtom } from "@/features/user/atoms/current-user-atom.ts";
+import React, { useState } from "react";
+import { useTranslation } from "react-i18next";
+import { updateWorkspace } from "@/features/workspace/services/workspace-service.ts";
+import { notifications } from "@mantine/notifications";
+import { useHasFeature } from "@/ee/hooks/use-feature.ts";
+import { Feature } from "@/ee/features.ts";
+import { useUpgradeLabel } from "@/ee/hooks/use-upgrade-label.ts";
+
+export default function EnableScim() {
+  const { t } = useTranslation();
+  const [workspace, setWorkspace] = useAtom(workspaceAtom);
+  const [checked, setChecked] = useState(workspace?.isScimEnabled ?? false);
+  const hasAccess = useHasFeature(Feature.SCIM);
+  const upgradeLabel = useUpgradeLabel();
+
+  const handleChange = async (event: React.ChangeEvent<HTMLInputElement>) => {
+    const value = event.currentTarget.checked;
+    try {
+      const updatedWorkspace = await updateWorkspace({ isScimEnabled: value });
+      setChecked(value);
+      setWorkspace(updatedWorkspace);
+    } catch (err) {
+      notifications.show({
+        message: err?.response?.data?.message,
+        color: "red",
+      });
+    }
+  };
+
+  return (
+    <Group justify="space-between" wrap="nowrap" gap="xl">
+      <div>
+        <Text size="md">{t("Enable SCIM")}</Text>
+        <Text size="sm" c="dimmed">
+          {t(
+            "Automatically provision users and groups from your identity provider via SCIM.",
+          )}
+        </Text>
+      </div>
+
+      <Tooltip label={upgradeLabel} disabled={hasAccess} refProp="rootRef">
+        <Switch
+          labelPosition="left"
+          defaultChecked={checked}
+          onChange={handleChange}
+          disabled={!hasAccess}
+          aria-label={t("Toggle SCIM provisioning")}
+        />
+      </Tooltip>
+    </Group>
+  );
+}

apps/client/src/ee/scim/components/revoke-scim-token-modal.tsx

@@ -0,0 +1,61 @@
+import { Modal, Text, Button, Group, Stack } from "@mantine/core";
+import { useTranslation } from "react-i18next";
+import { useRevokeScimTokenMutation } from "@/ee/scim/queries/scim-token-query";
+import { IScimToken } from "@/ee/scim/types/scim-token.types";
+
+interface RevokeScimTokenModalProps {
+  opened: boolean;
+  onClose: () => void;
+  scimToken: IScimToken | null;
+}
+
+export function RevokeScimTokenModal({
+  opened,
+  onClose,
+  scimToken,
+}: RevokeScimTokenModalProps) {
+  const { t } = useTranslation();
+  const revokeMutation = useRevokeScimTokenMutation();
+
+  const handleRevoke = async () => {
+    if (!scimToken) return;
+    await revokeMutation.mutateAsync({ tokenId: scimToken.id });
+    onClose();
+  };
+
+  return (
+    <Modal
+      opened={opened}
+      onClose={onClose}
+      title={t("Revoke {{credential}}", { credential: t("SCIM token") })}
+      size="md"
+    >
+      <Stack gap="md">
+        <Text>
+          {t("Are you sure you want to revoke this {{credential}}", {
+            credential: t("SCIM token"),
+          })}{" "}
+          <strong>{scimToken?.name}</strong>?
+        </Text>
+        <Text size="sm" c="dimmed">
+          {t(
+            "This action cannot be undone. Your identity provider will stop syncing immediately.",
+          )}
+        </Text>
+
+        <Group justify="flex-end" mt="md">
+          <Button variant="default" onClick={onClose}>
+            {t("Cancel")}
+          </Button>
+          <Button
+            color="red"
+            onClick={handleRevoke}
+            loading={revokeMutation.isPending}
+          >
+            {t("Revoke")}
+          </Button>
+        </Group>
+      </Stack>
+    </Modal>
+  );
+}

apps/client/src/ee/scim/components/scim-token-created-modal.tsx

@@ -0,0 +1,69 @@
+import {
+  Modal,
+  Text,
+  Stack,
+  Alert,
+  Group,
+  Button,
+  TextInput,
+} from "@mantine/core";
+import { IconAlertTriangle } from "@tabler/icons-react";
+import { useTranslation } from "react-i18next";
+import CopyTextButton from "@/components/common/copy.tsx";
+import { IScimToken } from "@/ee/scim/types/scim-token.types";
+
+interface ScimTokenCreatedModalProps {
+  opened: boolean;
+  onClose: () => void;
+  scimToken: IScimToken | null;
+}
+
+export function ScimTokenCreatedModal({
+  opened,
+  onClose,
+  scimToken,
+}: ScimTokenCreatedModalProps) {
+  const { t } = useTranslation();
+  if (!scimToken) return null;
+
+  return (
+    <Modal
+      opened={opened}
+      onClose={onClose}
+      title={t("{{credential}} created", { credential: t("SCIM token") })}
+      size="lg"
+    >
+      <Stack gap="md">
+        <Alert
+          icon={<IconAlertTriangle size={16} />}
+          title={t("Important")}
+          color="red"
+        >
+          {t(
+            "Make sure to copy your {{credential}} now. You won't be able to see it again!",
+            { credential: t("SCIM token") },
+          )}
+        </Alert>
+
+        <div>
+          <Text size="sm" fw={500} mb="xs">
+            {t("SCIM token")}
+          </Text>
+          <Group gap="xs" wrap="nowrap">
+            <TextInput
+              variant="filled"
+              style={{ flex: 1 }}
+              value={scimToken.token}
+              readOnly
+            />
+            <CopyTextButton text={scimToken.token} />
+          </Group>
+        </div>
+
+        <Button fullWidth onClick={onClose} mt="md">
+          {t("I've saved my {{credential}}", { credential: t("SCIM token") })}
+        </Button>
+      </Stack>
+    </Modal>
+  );
+}

apps/client/src/ee/scim/components/scim-token-table.tsx

@@ -0,0 +1,130 @@
+import { ActionIcon, Group, Menu, Table, Text } from "@mantine/core";
+import { IconDots, IconEdit, IconTrash } from "@tabler/icons-react";
+import { format } from "date-fns";
+import { useTranslation } from "react-i18next";
+import { CustomAvatar } from "@/components/ui/custom-avatar.tsx";
+import React from "react";
+import NoTableResults from "@/components/common/no-table-results";
+import { IScimToken } from "@/ee/scim/types/scim-token.types";
+
+interface ScimTokenTableProps {
+  tokens: IScimToken[];
+  isLoading?: boolean;
+  onUpdate?: (token: IScimToken) => void;
+  onRevoke?: (token: IScimToken) => void;
+}
+
+export function ScimTokenTable({
+  tokens,
+  isLoading,
+  onUpdate,
+  onRevoke,
+}: ScimTokenTableProps) {
+  const { t } = useTranslation();
+
+  const formatDate = (date: Date | string | null) => {
+    if (!date) return t("Never");
+    return format(new Date(date), "MMM dd, yyyy");
+  };
+
+  return (
+    <Table.ScrollContainer minWidth={500}>
+      <Table highlightOnHover verticalSpacing="sm">
+        <Table.Thead>
+          <Table.Tr>
+            <Table.Th>{t("Name")}</Table.Th>
+            <Table.Th>{t("Token")}</Table.Th>
+            <Table.Th>{t("Created by")}</Table.Th>
+            <Table.Th>{t("Last used")}</Table.Th>
+            <Table.Th>{t("Created")}</Table.Th>
+            <Table.Th aria-label={t("Action")} />
+          </Table.Tr>
+        </Table.Thead>
+
+        <Table.Tbody>
+          {tokens && tokens.length > 0 ? (
+            tokens.map((token) => (
+              <Table.Tr key={token.id}>
+                <Table.Td>
+                  <Text fz="sm" fw={500}>
+                    {token.name}
+                  </Text>
+                </Table.Td>
+
+                <Table.Td>
+                  <Text fz="sm" ff="monospace" c="dimmed">
+                    ••••{token.tokenLastFour}
+                  </Text>
+                </Table.Td>
+
+                {token.creator ? (
+                  <Table.Td>
+                    <Group gap="4" wrap="nowrap">
+                      <CustomAvatar
+                        avatarUrl={token.creator?.avatarUrl}
+                        name={token.creator.name}
+                        size="sm"
+                      />
+                      <Text fz="sm" lineClamp={1}>
+                        {token.creator.name}
+                      </Text>
+                    </Group>
+                  </Table.Td>
+                ) : (
+                  <Table.Td>
+                    <Text fz="sm" c="dimmed">
+                      —
+                    </Text>
+                  </Table.Td>
+                )}
+
+                <Table.Td>
+                  <Text fz="sm" style={{ whiteSpace: "nowrap" }}>
+                    {formatDate(token.lastUsedAt)}
+                  </Text>
+                </Table.Td>
+
+                <Table.Td>
+                  <Text fz="sm" style={{ whiteSpace: "nowrap" }}>
+                    {formatDate(token.createdAt)}
+                  </Text>
+                </Table.Td>
+
+                <Table.Td>
+                  <Menu position="bottom-end" withinPortal>
+                    <Menu.Target>
+                      <ActionIcon variant="subtle" color="gray">
+                        <IconDots size={16} />
+                      </ActionIcon>
+                    </Menu.Target>
+                    <Menu.Dropdown>
+                      {onUpdate && (
+                        <Menu.Item
+                          leftSection={<IconEdit size={16} />}
+                          onClick={() => onUpdate(token)}
+                        >
+                          {t("Rename")}
+                        </Menu.Item>
+                      )}
+                      {onRevoke && (
+                        <Menu.Item
+                          leftSection={<IconTrash size={16} />}
+                          color="red"
+                          onClick={() => onRevoke(token)}
+                        >
+                          {t("Revoke")}
+                        </Menu.Item>
+                      )}
+                    </Menu.Dropdown>
+                  </Menu>
+                </Table.Td>
+              </Table.Tr>
+            ))
+          ) : (
+            <NoTableResults colSpan={6} />
+          )}
+        </Table.Tbody>
+      </Table>
+    </Table.ScrollContainer>
+  );
+}

apps/client/src/ee/scim/components/scim-url-panel.tsx

@@ -0,0 +1,30 @@
+import { Group, Stack, Text, TextInput } from "@mantine/core";
+import { useTranslation } from "react-i18next";
+import CopyTextButton from "@/components/common/copy.tsx";
+
+export function ScimUrlPanel() {
+  const { t } = useTranslation();
+  const scimUrl = `${window.location.origin}/api/scim/v2`;
+
+  return (
+    <Stack gap="xs">
+      <Text size="sm" fw={500}>
+        {t("SCIM endpoint URL")}
+      </Text>
+      <Text size="xs" c="dimmed">
+        {t(
+          "Configure your identity provider with this URL to provision users and groups.",
+        )}
+      </Text>
+      <Group gap="xs" wrap="nowrap">
+        <TextInput
+          variant="filled"
+          style={{ flex: 1 }}
+          value={scimUrl}
+          readOnly
+        />
+        <CopyTextButton text={scimUrl} />
+      </Group>
+    </Stack>
+  );
+}

apps/client/src/ee/scim/components/update-scim-token-modal.tsx

@@ -0,0 +1,77 @@
+import { Modal, TextInput, Button, Group, Stack } from "@mantine/core";
+import { useForm } from "@mantine/form";
+import { zod4Resolver } from "mantine-form-zod-resolver";
+import { z } from "zod/v4";
+import { useTranslation } from "react-i18next";
+import { useEffect } from "react";
+import { useUpdateScimTokenMutation } from "@/ee/scim/queries/scim-token-query";
+import { IScimToken } from "@/ee/scim/types/scim-token.types";
+
+const formSchema = z.object({
+  name: z.string().min(1, "Name is required"),
+});
+type FormValues = z.infer<typeof formSchema>;
+
+interface UpdateScimTokenModalProps {
+  opened: boolean;
+  onClose: () => void;
+  scimToken: IScimToken | null;
+}
+
+export function UpdateScimTokenModal({
+  opened,
+  onClose,
+  scimToken,
+}: UpdateScimTokenModalProps) {
+  const { t } = useTranslation();
+  const updateMutation = useUpdateScimTokenMutation();
+
+  const form = useForm<FormValues>({
+    validate: zod4Resolver(formSchema),
+    initialValues: { name: "" },
+  });
+
+  useEffect(() => {
+    if (opened && scimToken) {
+      form.setValues({ name: scimToken.name });
+    }
+  }, [opened, scimToken]);
+
+  const handleSubmit = async (data: FormValues) => {
+    if (!scimToken) return;
+    await updateMutation.mutateAsync({
+      tokenId: scimToken.id,
+      name: data.name,
+    });
+    onClose();
+  };
+
+  return (
+    <Modal
+      opened={opened}
+      onClose={onClose}
+      title={t("Update {{credential}}", { credential: t("SCIM token") })}
+      size="md"
+    >
+      <form onSubmit={form.onSubmit((values) => handleSubmit(values))}>
+        <Stack gap="md">
+          <TextInput
+            label={t("Name")}
+            placeholder={t("Enter a descriptive name")}
+            required
+            {...form.getInputProps("name")}
+          />
+
+          <Group justify="flex-end" mt="md">
+            <Button variant="default" onClick={onClose}>
+              {t("Cancel")}
+            </Button>
+            <Button type="submit" loading={updateMutation.isPending}>
+              {t("Update")}
+            </Button>
+          </Group>
+        </Stack>
+      </form>
+    </Modal>
+  );
+}

apps/client/src/ee/scim/index.ts

@@ -0,0 +1,2 @@
+export * from "./types/scim-token.types";
+export * from "./services/scim-token-service";

apps/client/src/ee/scim/queries/scim-token-query.ts

@@ -0,0 +1,96 @@
+import { IPagination, QueryParams } from "@/lib/types.ts";
+import {
+  keepPreviousData,
+  useMutation,
+  useQuery,
+  useQueryClient,
+  UseQueryResult,
+} from "@tanstack/react-query";
+import {
+  createScimToken,
+  getScimTokens,
+  revokeScimToken,
+  updateScimToken,
+} from "@/ee/scim/services/scim-token-service";
+import {
+  IScimToken,
+  ICreateScimTokenRequest,
+  IRevokeScimTokenRequest,
+  IUpdateScimTokenRequest,
+} from "@/ee/scim/types/scim-token.types";
+import { notifications } from "@mantine/notifications";
+import { useTranslation } from "react-i18next";
+
+export function useGetScimTokensQuery(
+  params?: QueryParams,
+): UseQueryResult<IPagination<IScimToken>, Error> {
+  return useQuery({
+    queryKey: ["scim-token-list", params],
+    queryFn: () => getScimTokens(params),
+    placeholderData: keepPreviousData,
+  });
+}
+
+export function useCreateScimTokenMutation() {
+  const queryClient = useQueryClient();
+  const { t } = useTranslation();
+
+  return useMutation<IScimToken, Error, ICreateScimTokenRequest>({
+    mutationFn: (data) => createScimToken(data),
+    onSuccess: () => {
+      notifications.show({
+        message: t("{{credential}} created successfully", {
+          credential: t("SCIM token"),
+        }),
+      });
+      queryClient.invalidateQueries({
+        predicate: (item) =>
+          ["scim-token-list"].includes(item.queryKey[0] as string),
+      });
+    },
+    onError: (error) => {
+      const errorMessage = error["response"]?.data?.message;
+      notifications.show({ message: errorMessage, color: "red" });
+    },
+  });
+}
+
+export function useUpdateScimTokenMutation() {
+  const queryClient = useQueryClient();
+  const { t } = useTranslation();
+
+  return useMutation<void, Error, IUpdateScimTokenRequest>({
+    mutationFn: (data) => updateScimToken(data),
+    onSuccess: () => {
+      notifications.show({ message: t("Updated successfully") });
+      queryClient.invalidateQueries({
+        predicate: (item) =>
+          ["scim-token-list"].includes(item.queryKey[0] as string),
+      });
+    },
+    onError: (error) => {
+      const errorMessage = error["response"]?.data?.message;
+      notifications.show({ message: errorMessage, color: "red" });
+    },
+  });
+}
+
+export function useRevokeScimTokenMutation() {
+  const queryClient = useQueryClient();
+  const { t } = useTranslation();
+
+  return useMutation<void, Error, IRevokeScimTokenRequest>({
+    mutationFn: (data) => revokeScimToken(data),
+    onSuccess: () => {
+      notifications.show({ message: t("Revoked successfully") });
+      queryClient.invalidateQueries({
+        predicate: (item) =>
+          ["scim-token-list"].includes(item.queryKey[0] as string),
+      });
+    },
+    onError: (error) => {
+      const errorMessage = error["response"]?.data?.message;
+      notifications.show({ message: errorMessage, color: "red" });
+    },
+  });
+}

apps/client/src/ee/scim/services/scim-token-service.ts

@@ -0,0 +1,34 @@
+import api from "@/lib/api-client";
+import {
+  IScimToken,
+  ICreateScimTokenRequest,
+  IRevokeScimTokenRequest,
+  IUpdateScimTokenRequest,
+} from "@/ee/scim/types/scim-token.types";
+import { IPagination, QueryParams } from "@/lib/types.ts";
+
+export async function getScimTokens(
+  params?: QueryParams,
+): Promise<IPagination<IScimToken>> {
+  const req = await api.post("/scim-tokens", { ...params });
+  return req.data;
+}
+
+export async function createScimToken(
+  data: ICreateScimTokenRequest,
+): Promise<IScimToken> {
+  const req = await api.post<IScimToken>("/scim-tokens/create", data);
+  return req.data;
+}
+
+export async function updateScimToken(
+  data: IUpdateScimTokenRequest,
+): Promise<void> {
+  await api.post("/scim-tokens/update", data);
+}
+
+export async function revokeScimToken(
+  data: IRevokeScimTokenRequest,
+): Promise<void> {
+  await api.post("/scim-tokens/revoke", data);
+}

apps/client/src/ee/scim/types/scim-token.types.ts

@@ -0,0 +1,27 @@
+import { IUser } from "@/features/user/types/user.types.ts";
+
+export interface IScimToken {
+  id: string;
+  name: string;
+  token?: string;
+  tokenLastFour: string;
+  isEnabled: boolean;
+  creatorId: string;
+  workspaceId: string;
+  lastUsedAt: string | null;
+  createdAt: string;
+  creator?: Partial<IUser>;
+}
+
+export interface ICreateScimTokenRequest {
+  name: string;
+}
+
+export interface IUpdateScimTokenRequest {
+  tokenId: string;
+  name: string;
+}
+
+export interface IRevokeScimTokenRequest {
+  tokenId: string;
+}

apps/client/src/ee/security/components/sso-provider-list.tsx

@@ -69,8 +69,8 @@ export default function SsoProviderList() {
   return (
     <>
       <Card shadow="sm" radius="sm">
-        <Table.ScrollContainer minWidth={600}>
-          <Table verticalSpacing="sm">
+        <Table.ScrollContainer minWidth={600} maxHeight={400}>
+          <Table verticalSpacing="sm" stickyHeader>
             <Table.Thead>
               <Table.Tr>
                 <Table.Th>{t("Name")}</Table.Th>
@@ -141,6 +141,7 @@ export default function SsoProviderList() {
                         <ActionIcon
                           variant="subtle"
                           color="gray"
+                          aria-label={t("Edit {{name}}", { name: provider.name })}
                           onClick={() => handleEdit(provider)}
                         >
                           <IconPencil size={16} />
@@ -152,7 +153,13 @@ export default function SsoProviderList() {
                           withinPortal
                         >
                           <Menu.Target>
-                            <ActionIcon variant="subtle" color="gray">
+                            <ActionIcon
+                              variant="subtle"
+                              color="gray"
+                              aria-label={t("More actions for {{name}}", {
+                                name: provider.name,
+                              })}
+                            >
                               <IconDots size={16} />
                             </ActionIcon>
                           </Menu.Target>

apps/client/src/ee/security/pages/security.tsx

@@ -1,8 +1,18 @@
 import { Helmet } from "react-helmet-async";
 import { getAppName, isCloud } from "@/lib/config.ts";
 import SettingsTitle from "@/components/settings/settings-title.tsx";
-import { Divider, Title } from "@mantine/core";
-import React from "react";
+import {
+  Alert,
+  Button,
+  Card,
+  Divider,
+  Group,
+  Space,
+  Title,
+  Tooltip,
+} from "@mantine/core";
+import { IconInfoCircle } from "@tabler/icons-react";
+import React, { useState } from "react";
 import useUserRole from "@/hooks/use-user-role.tsx";
 import SsoProviderList from "@/ee/security/components/sso-provider-list.tsx";
 import CreateSsoProvider from "@/ee/security/components/create-sso-provider.tsx";
@@ -12,16 +22,41 @@ import { useTranslation } from "react-i18next";
 import EnforceMfa from "@/ee/security/components/enforce-mfa.tsx";
 import DisablePublicSharing from "@/ee/security/components/disable-public-sharing.tsx";
 import TrashRetention from "@/ee/security/components/trash-retention.tsx";
-
+import { useAtom } from "jotai";
+import { workspaceAtom } from "@/features/user/atoms/current-user-atom.ts";
 import { useHasFeature } from "@/ee/hooks/use-feature";
 import { Feature } from "@/ee/features";
+import { useGetScimTokensQuery } from "@/ee/scim/queries/scim-token-query";
+import { ScimUrlPanel } from "@/ee/scim/components/scim-url-panel";
+import { ScimTokenTable } from "@/ee/scim/components/scim-token-table";
+import { CreateScimTokenModal } from "@/ee/scim/components/create-scim-token-modal";
+import { ScimTokenCreatedModal } from "@/ee/scim/components/scim-token-created-modal";
+import { RevokeScimTokenModal } from "@/ee/scim/components/revoke-scim-token-modal";
+import { UpdateScimTokenModal } from "@/ee/scim/components/update-scim-token-modal";
+import EnableScim from "@/ee/scim/components/enable-scim";
+import { useCursorPaginate } from "@/hooks/use-cursor-paginate";
+import Paginate from "@/components/common/paginate";
+import { IScimToken } from "@/ee/scim/types/scim-token.types";
+
+const SCIM_TOKEN_LIMIT = 5;
 
 export default function Security() {
   const { t } = useTranslation();
   const { isAdmin } = useUserRole();
   const hasCustomSso = useHasFeature(Feature.SSO_CUSTOM);
-  const hasRetention = useHasFeature(Feature.RETENTION);
-  const hasSharingControls = useHasFeature(Feature.SHARING_CONTROLS);
+  const hasScim = useHasFeature(Feature.SCIM);
+  const [workspace] = useAtom(workspaceAtom);
+  const isScimEnabled = workspace?.isScimEnabled ?? false;
+
+  const { cursor, goNext, goPrev } = useCursorPaginate();
+  const { data: scimData, isLoading: scimLoading } = useGetScimTokensQuery(
+    hasScim && isScimEnabled ? { cursor } : undefined,
+  );
+
+  const [createOpen, setCreateOpen] = useState(false);
+  const [createdToken, setCreatedToken] = useState<IScimToken | null>(null);
+  const [updateTarget, setUpdateTarget] = useState<IScimToken | null>(null);
+  const [revokeTarget, setRevokeTarget] = useState<IScimToken | null>(null);
 
   if (!isAdmin) {
     return null;
@@ -45,7 +80,7 @@ export default function Security() {
       <Divider my="lg" />
 
       <Title order={4} my="lg">
-        Single sign-on (SSO)
+        {t("Single sign-on (SSO)")}
       </Title>
 
       <EnforceSso />
@@ -66,6 +101,102 @@ export default function Security() {
       )}
 
       <SsoProviderList />
+
+      {hasScim && (
+        <>
+          <Divider my="xl" />
+
+          <Title order={4} my="lg">
+            {t("SCIM provisioning")}
+          </Title>
+
+          <Alert
+            icon={<IconInfoCircle size={16} />}
+            color="blue"
+            variant="light"
+            mb="md"
+          >
+            {t("SCIM takes precedence over SSO group sync while enabled.")}
+          </Alert>
+
+          <EnableScim />
+
+          <Divider my="lg" />
+
+          <ScimUrlPanel />
+
+          {isScimEnabled && (
+            <>
+              <Divider my="lg" />
+
+              <Group justify="space-between" mb="md">
+                <Title order={5}>{t("SCIM tokens")}</Title>
+                <Tooltip
+                  label={t(
+                    "You have reached the maximum of {{max}} SCIM tokens. Delete an existing token to create a new one.",
+                    { max: SCIM_TOKEN_LIMIT },
+                  )}
+                  disabled={(scimData?.items.length ?? 0) < SCIM_TOKEN_LIMIT}
+                  refProp="rootRef"
+                >
+                  <Button
+                    onClick={() => setCreateOpen(true)}
+                    disabled={(scimData?.items.length ?? 0) >= SCIM_TOKEN_LIMIT}
+                  >
+                    {t("Create {{credential}}", {
+                      credential: t("SCIM token"),
+                    })}
+                  </Button>
+                </Tooltip>
+              </Group>
+
+              <Card shadow="sm" radius="sm">
+                <ScimTokenTable
+                  tokens={scimData?.items}
+                  isLoading={scimLoading}
+                  onUpdate={setUpdateTarget}
+                  onRevoke={setRevokeTarget}
+                />
+              </Card>
+
+              <Space h="md" />
+
+              {scimData?.items.length > 0 && (
+                <Paginate
+                  hasPrevPage={scimData?.meta?.hasPrevPage}
+                  hasNextPage={scimData?.meta?.hasNextPage}
+                  onNext={() => goNext(scimData?.meta?.nextCursor)}
+                  onPrev={goPrev}
+                />
+              )}
+
+              <CreateScimTokenModal
+                opened={createOpen}
+                onClose={() => setCreateOpen(false)}
+                onSuccess={setCreatedToken}
+              />
+
+              <ScimTokenCreatedModal
+                opened={!!createdToken}
+                onClose={() => setCreatedToken(null)}
+                scimToken={createdToken}
+              />
+
+              <UpdateScimTokenModal
+                opened={!!updateTarget}
+                onClose={() => setUpdateTarget(null)}
+                scimToken={updateTarget}
+              />
+
+              <RevokeScimTokenModal
+                opened={!!revokeTarget}
+                onClose={() => setRevokeTarget(null)}
+                scimToken={revokeTarget}
+              />
+            </>
+          )}
+        </>
+      )}
     </>
   );
 }

apps/client/src/ee/template/components/template-card.tsx

@@ -56,6 +56,7 @@ export default function TemplateCard({
                     color="gray"
                     className={classes.menuTarget}
                     onClick={(e) => e.stopPropagation()}
+                    aria-label={t("Template menu")}
                   >
                     <IconDots size={16} />
                   </ActionIcon>

apps/client/src/ee/template/components/template-preview-modal.tsx

@@ -24,7 +24,7 @@ export default function TemplatePreviewModal({
   const title = template?.title || t("Untitled");
 
   return (
-    <Modal.Root size={1200} opened={opened} onClose={onClose}>
+    <Modal.Root size={1200} opened={opened} onClose={onClose} aria-label={title}>
       <Modal.Overlay />
       <Modal.Content style={{ overflow: "hidden" }}>
         <Modal.Header>

apps/client/src/features/comment/components/comment-dialog.tsx

@@ -144,6 +144,7 @@ function CommentDialog({ editor, pageId, readOnly }: CommentDialogProps) {
       withCloseButton
       withBorder
       data-comment-dialog
+      aria-label={t("Add comment")}
     >
       <Stack gap={2}>
         <Group>

apps/client/src/features/comment/components/comment-editor.tsx

@@ -10,6 +10,7 @@ import { useTranslation } from "react-i18next";
 import EmojiCommand from "@/features/editor/extensions/emoji-command";
 import mentionRenderItems from "@/features/editor/components/mention/mention-suggestion";
 import MentionView from "@/features/editor/components/mention/mention-view";
+import { platformModifierKey } from "@/lib";
 
 interface CommentEditorProps {
   defaultContent?: any;
@@ -83,7 +84,7 @@ const CommentEditor = forwardRef(
               }
             }
 
-            if ((event.ctrlKey || event.metaKey) && event.key === "Enter") {
+            if (platformModifierKey(event) && event.code === "Enter") {
               event.preventDefault();
               if (onSave) onSave();
 

apps/client/src/features/comment/components/comment-list-item.tsx

@@ -173,6 +173,15 @@ function CommentListItem({
           <Box
             className={classes.textSelection}
             onClick={() => handleCommentClick(comment)}
+            onKeyDown={(e) => {
+              if (e.key === "Enter" || e.key === " ") {
+                e.preventDefault();
+                handleCommentClick(comment);
+              }
+            }}
+            role="button"
+            tabIndex={0}
+            aria-label={t("Jump to comment selection")}
           >
             <Text size="sm">{comment?.selection}</Text>
           </Box>

apps/client/src/features/comment/components/comment-menu.tsx

@@ -46,7 +46,11 @@ function CommentMenu({
   return (
     <Menu shadow="md" width={200}>
       <Menu.Target>
-        <ActionIcon variant="default" style={{ border: "none" }}>
+        <ActionIcon
+          variant="default"
+          style={{ border: "none" }}
+          aria-label={t("Comment menu")}
+        >
           <IconDots size={20} stroke={2} />
         </ActionIcon>
       </Menu.Target>

apps/client/src/features/editor/components/attachment/upload-attachment-action.tsx

@@ -19,7 +19,9 @@ export const uploadAttachmentAction = handleAttachmentUpload({
   },
   validateFn: (file, allowMedia: boolean) => {
     if (
-      (file.type.includes("image/") || file.type.includes("video/")) &&
+      (file.type.includes("image/") ||
+        file.type.includes("video/") ||
+        file.type === "application/pdf") &&
       !allowMedia
     ) {
       return false;

apps/client/src/features/editor/components/audio/audio-view.tsx

@@ -36,6 +36,7 @@ export default function AudioView(props: NodeViewProps) {
             preload="metadata"
             controls
             src={safeSrc}
+            aria-label={placeholder?.name || t("Audio")}
           />
         )}
         {!safeSrc && previewSrc && (
@@ -45,6 +46,7 @@ export default function AudioView(props: NodeViewProps) {
               preload="metadata"
               controls
               src={previewSrc}
+              aria-label={placeholder?.name || t("Audio")}
             />
             <Loader size={20} pos="absolute" top={6} right={6} />
           </Group>
@@ -60,7 +62,7 @@ export default function AudioView(props: NodeViewProps) {
           </Group>
         )}
         {!safeSrc && !previewSrc && !placeholder && (
-          <audio className={classes.audio} controls />
+          <audio className={classes.audio} controls aria-label={t("Audio")} />
         )}
       </div>
     </NodeViewWrapper>

apps/client/src/features/editor/components/bubble-menu/color-selector.tsx

@@ -172,6 +172,9 @@ export const ColorSelector: FC<ColorSelectorProps> = ({
               fontWeight: 500,
               fontSize: rem(16),
             }}
+            aria-label={t("Text color")}
+            aria-haspopup="dialog"
+            aria-expanded={isOpen}
           >
             A
           </Button>
@@ -186,20 +189,32 @@ export const ColorSelector: FC<ColorSelectorProps> = ({
                 {t("Text color")}
               </Text>
               <SimpleGrid cols={5} spacing="xs">
-                {TEXT_COLORS.map(({ name, color }, index) => (
+                {TEXT_COLORS.map(({ name, color }, index) => {
+                  const applyTextColor = () => {
+                    if (name === "Default") {
+                      editor.commands.unsetColor();
+                    } else {
+                      editor
+                        .chain()
+                        .focus()
+                        .setColor(color || "")
+                        .run();
+                    }
+                    setIsOpen(false);
+                  };
+                  return (
                   <Tooltip key={index} label={t(name)} withArrow>
                     <Box
-                      onClick={() => {
-                        if (name === "Default") {
-                          editor.commands.unsetColor();
-                        } else {
-                          editor
-                            .chain()
-                            .focus()
-                            .setColor(color || "")
-                            .run();
+                      role="button"
+                      tabIndex={0}
+                      aria-label={t(name)}
+                      aria-pressed={!!editorState[`text_${color}`]}
+                      onClick={applyTextColor}
+                      onKeyDown={(e) => {
+                        if (e.key === "Enter" || e.key === " ") {
+                          e.preventDefault();
+                          applyTextColor();
                         }
-                        setIsOpen(false);
                       }}
                       style={{
                         width: rem(28),
@@ -221,7 +236,8 @@ export const ColorSelector: FC<ColorSelectorProps> = ({
                       A
                     </Box>
                   </Tooltip>
-                ))}
+                  );
+                })}
               </SimpleGrid>
             </Box>
 
@@ -230,23 +246,35 @@ export const ColorSelector: FC<ColorSelectorProps> = ({
                 {t("Highlight color")}
               </Text>
               <SimpleGrid cols={5} spacing="xs">
-                {HIGHLIGHT_COLORS.map(({ name, color }, index) => (
+                {HIGHLIGHT_COLORS.map(({ name, color }, index) => {
+                  const applyHighlight = () => {
+                    if (name === "Default") {
+                      editor.commands.unsetHighlight();
+                    } else {
+                      editor
+                        .chain()
+                        .focus()
+                        .toggleMark("highlight", {
+                          color: color || "",
+                          colorName: name.toLowerCase() || "",
+                        })
+                        .run();
+                    }
+                    setIsOpen(false);
+                  };
+                  return (
                   <Tooltip key={index} label={t(name)} withArrow>
                     <Box
-                      onClick={() => {
-                        if (name === "Default") {
-                          editor.commands.unsetHighlight();
-                        } else {
-                          editor
-                            .chain()
-                            .focus()
-                            .toggleMark("highlight", {
-                              color: color || "",
-                              colorName: name.toLowerCase() || "",
-                            })
-                            .run();
+                      role="button"
+                      tabIndex={0}
+                      aria-label={t(name)}
+                      aria-pressed={!!editorState[`highlight_${color}`]}
+                      onClick={applyHighlight}
+                      onKeyDown={(e) => {
+                        if (e.key === "Enter" || e.key === " ") {
+                          e.preventDefault();
+                          applyHighlight();
                         }
-                        setIsOpen(false);
                       }}
                       style={{
                         width: rem(28),
@@ -274,7 +302,8 @@ export const ColorSelector: FC<ColorSelectorProps> = ({
                       )}
                     </Box>
                   </Tooltip>
-                ))}
+                  );
+                })}
               </SimpleGrid>
             </Box>
 

apps/client/src/features/editor/components/bubble-menu/node-selector.tsx

@@ -157,6 +157,9 @@ export const NodeSelector: FC<NodeSelectorProps> = ({
             radius="0"
             rightSection={<IconChevronDown size={16} />}
             onClick={() => setIsOpen(!isOpen)}
+            aria-label={t("Turn into")}
+            aria-haspopup="menu"
+            aria-expanded={isOpen}
           >
             {t(activeItem?.name)}
           </Button>

apps/client/src/features/editor/components/bubble-menu/text-alignment-selector.tsx

@@ -92,6 +92,9 @@ export const TextAlignmentSelector: FC<TextAlignmentProps> = ({
             radius="0"
             rightSection={<IconChevronDown size={16} />}
             onClick={() => setIsOpen(!isOpen)}
+            aria-label={t("Text align")}
+            aria-haspopup="menu"
+            aria-expanded={isOpen}
           >
             <activeItem.icon style={{ width: rem(16) }} stroke={2} />
           </Button>

apps/client/src/features/editor/components/drawio/drawio-view.tsx

@@ -137,7 +137,13 @@ export default function DrawioView(props: NodeViewProps) {
 
   return (
     <NodeViewWrapper data-drag-handle>
-      <Modal.Root opened={opened} onClose={handleClose} fullScreen closeOnEscape={false}>
+      <Modal.Root
+        opened={opened}
+        onClose={handleClose}
+        fullScreen
+        closeOnEscape={false}
+        aria-label={t("Diagram editor")}
+      >
         <Modal.Overlay />
         <Modal.Content style={{ overflow: "hidden" }}>
           <Modal.Body pos="relative">

apps/client/src/features/editor/components/emoji-menu/emoji-list.tsx

@@ -107,7 +107,17 @@ const EmojiList = ({
   }, [selectedIndex]);
 
   return items.length > 0 || isLoading ? (
-    <Paper id="emoji-command" p="0" shadow="md" withBorder>
+    <Paper
+      id="emoji-command"
+      p="0"
+      shadow="md"
+      withBorder
+      role="listbox"
+      aria-label="Emoji results"
+      aria-activedescendant={
+        items.length > 0 ? `emoji-command-option-${selectedIndex}` : undefined
+      }
+    >
       {isLoading && <Loader m="xs" color="blue" type="dots" />}
       {items.length > 0 && (
         <ScrollArea.Autosize
@@ -120,6 +130,10 @@ const EmojiList = ({
             {items.map((item, index: number) => (
               <ActionIcon
                 data-item-index={index}
+                id={`emoji-command-option-${index}`}
+                role="option"
+                aria-selected={index === selectedIndex}
+                aria-label={item.id}
                 variant="transparent"
                 key={item.id}
                 className={clsx(classes.menuBtn, {

apps/client/src/features/editor/components/link/link-editor-panel.tsx

@@ -102,6 +102,14 @@ export const LinkEditorPanel = ({
           leftSection={<IconLink size={16} stroke={1.5} color="var(--mantine-color-dimmed)" />}
           classNames={{ input: classes.linkInput }}
           placeholder={t("Paste link or search pages")}
+          aria-label={t("Paste link or search pages")}
+          role="combobox"
+          aria-expanded={showDropdown}
+          aria-controls="link-editor-results"
+          aria-autocomplete="list"
+          aria-activedescendant={
+            showDropdown ? `link-editor-option-${selectedIndex}` : undefined
+          }
           value={state.url}
           onChange={state.onChange}
           onKeyDown={handleKeyDown}
@@ -125,10 +133,16 @@ export const LinkEditorPanel = ({
             scrollbarSize={6}
             mt={state.url.length > 0 ? 8 : 0}
             styles={{ content: { minWidth: 0 } }}
+            id="link-editor-results"
+            role="listbox"
+            aria-label={t("Link suggestions")}
           >
             {showUrlItem && (
               <UnstyledButton
                 data-item-index={0}
+                id="link-editor-option-0"
+                role="option"
+                aria-selected={selectedIndex === 0}
                 onClick={() => onSetLink(state.url, false)}
                 className={clsx(classes.searchItem, {
                   [classes.selectedSearchItem]: selectedIndex === 0,
@@ -156,6 +170,9 @@ export const LinkEditorPanel = ({
               return (
                 <UnstyledButton
                   data-item-index={itemIndex}
+                  id={`link-editor-option-${itemIndex}`}
+                  role="option"
+                  aria-selected={itemIndex === selectedIndex}
                   key={page.id || index}
                   onClick={() => selectPage(page)}
                   className={clsx(classes.searchItem, {

apps/client/src/features/editor/components/mention/mention-list.tsx

@@ -287,7 +287,16 @@ const MentionList = forwardRef<any, MentionListProps>((props, ref) => {
   );
 
   return (
-    <Paper id="mention" shadow="md" withBorder radius="md" py={6}>
+    <Paper
+      id="mention"
+      shadow="md"
+      withBorder
+      radius="md"
+      py={6}
+      role="listbox"
+      aria-label={t("Mention suggestions")}
+      aria-activedescendant={`mention-option-${selectedIndex}`}
+    >
       <ScrollArea.Autosize
         viewportRef={viewportRef}
         mah={350}
@@ -301,7 +310,7 @@ const MentionList = forwardRef<any, MentionListProps>((props, ref) => {
           if (item.entityType === "header") {
             const isFirst = index === 0;
             return (
-              <div key={`${item.label}-${index}`}>
+              <div key={`${item.label}-${index}`} role="presentation">
                 {!isFirst && <Divider my={6} />}
                 <Text
                   c="dimmed"
@@ -322,6 +331,9 @@ const MentionList = forwardRef<any, MentionListProps>((props, ref) => {
               <UnstyledButton
                 data-item-index={index}
                 key={index}
+                id={`mention-option-${index}`}
+                role="option"
+                aria-selected={index === selectedIndex}
                 onClick={() => selectItem(index)}
                 className={clsx(classes.menuBtn, {
                   [classes.selectedItem]: index === selectedIndex,
@@ -348,6 +360,9 @@ const MentionList = forwardRef<any, MentionListProps>((props, ref) => {
               <UnstyledButton
                 data-item-index={index}
                 key={index}
+                id={`mention-option-${index}`}
+                role="option"
+                aria-selected={index === selectedIndex}
                 onClick={() => selectItem(index)}
                 className={clsx(classes.menuBtn, {
                   [classes.selectedItem]: index === selectedIndex,
@@ -358,7 +373,7 @@ const MentionList = forwardRef<any, MentionListProps>((props, ref) => {
                   <ActionIcon
                     variant="subtle"
                     component="div"
-                    aria-label={item.label}
+                    aria-hidden="true"
                     color="gray"
                     size="sm"
                   >
@@ -390,6 +405,11 @@ const MentionList = forwardRef<any, MentionListProps>((props, ref) => {
             {(hasUsers || hasPages) && <Divider my={6} />}
             <UnstyledButton
               data-item-index={renderItems.indexOf(createPageItemData)}
+              id={`mention-option-${renderItems.indexOf(createPageItemData)}`}
+              role="option"
+              aria-selected={
+                renderItems.indexOf(createPageItemData) === selectedIndex
+              }
               onClick={() =>
                 selectItem(renderItems.indexOf(createPageItemData))
               }
@@ -405,6 +425,7 @@ const MentionList = forwardRef<any, MentionListProps>((props, ref) => {
                   component="div"
                   color="gray"
                   size="sm"
+                  aria-hidden="true"
                 >
                   <IconPlus size={16} stroke={1.5} />
                 </ActionIcon>

apps/client/src/features/editor/components/pdf/pdf-view.tsx

@@ -92,7 +92,20 @@ export default function PdfView(props: NodeViewProps) {
   if (hasError) {
     return (
       <NodeViewWrapper data-drag-handle>
-        <div data-pdf-error className={clsx(classes.pdfError, { "ProseMirror-selectednode": selected })} onClick={handleSelect}>
+        <div
+          data-pdf-error
+          className={clsx(classes.pdfError, { "ProseMirror-selectednode": selected })}
+          onClick={handleSelect}
+          onKeyDown={(e) => {
+            if (e.key === "Enter" || e.key === " ") {
+              e.preventDefault();
+              handleSelect();
+            }
+          }}
+          role="button"
+          tabIndex={0}
+          aria-label={t("Failed to load PDF")}
+        >
           <IconFileTypePdf size={32} stroke={1.5} />
           <Text size="sm" c="dimmed">
             {t("Failed to load PDF")}

apps/client/src/features/editor/components/search-and-replace/search-and-replace-dialog.tsx

@@ -187,12 +187,14 @@ function SearchAndReplaceDialog({ editor, editable = true }: PageFindDialogDialo
       position={{ top: 90, right: 50 }}
       withBorder
       transitionProps={{ transition: "slide-down" }}
+      aria-label={t("Find and replace")}
     >
       <Stack gap="xs">
         <Flex align="center" gap="xs">
           <Input
             ref={inputRef}
             placeholder={t("Find")}
+            aria-label={t("Find")}
             leftSection={<IconSearch size={16} />}
             rightSection={
               <Text size="xs" ta="right">
@@ -217,7 +219,12 @@ function SearchAndReplaceDialog({ editor, editable = true }: PageFindDialogDialo
 
           <ActionIcon.Group>
             <Tooltip label={t("Previous match (Shift+Enter)")}>
-              <ActionIcon variant="subtle" color="gray" onClick={previous}>
+              <ActionIcon
+                variant="subtle"
+                color="gray"
+                onClick={previous}
+                aria-label={t("Previous match (Shift+Enter)")}
+              >
                 <IconArrowNarrowUp
                   style={{ width: "70%", height: "70%" }}
                   stroke={1.5}
@@ -225,7 +232,12 @@ function SearchAndReplaceDialog({ editor, editable = true }: PageFindDialogDialo
               </ActionIcon>
             </Tooltip>
             <Tooltip label={t("Next match (Enter)")}>
-              <ActionIcon variant="subtle" color="gray" onClick={next}>
+              <ActionIcon
+                variant="subtle"
+                color="gray"
+                onClick={next}
+                aria-label={t("Next match (Enter)")}
+              >
                 <IconArrowNarrowDown
                   style={{ width: "70%", height: "70%" }}
                   stroke={1.5}
@@ -237,6 +249,8 @@ function SearchAndReplaceDialog({ editor, editable = true }: PageFindDialogDialo
                 variant="subtle"
                 color={caseSensitive.color}
                 onClick={() => caseSensitiveToggle()}
+                aria-label={t("Match case (Alt+C)")}
+                aria-pressed={caseSensitive.isCaseSensitive}
               >
                 <IconLetterCase
                   style={{ width: "70%", height: "70%" }}
@@ -250,6 +264,8 @@ function SearchAndReplaceDialog({ editor, editable = true }: PageFindDialogDialo
                   variant="subtle"
                   color={replaceButton.color}
                   onClick={() => replaceButtonToggle()}
+                  aria-label={t("Replace")}
+                  aria-pressed={replaceButton.isReplaceShow}
                 >
                   <IconReplace
                     style={{ width: "70%", height: "70%" }}
@@ -259,7 +275,12 @@ function SearchAndReplaceDialog({ editor, editable = true }: PageFindDialogDialo
               </Tooltip>
             )}
             <Tooltip label={t("Close (Escape)")}>
-              <ActionIcon variant="subtle" color="gray" onClick={closeDialog}>
+              <ActionIcon
+                variant="subtle"
+                color="gray"
+                onClick={closeDialog}
+                aria-label={t("Close (Escape)")}
+              >
                 <IconX style={{ width: "70%", height: "70%" }} stroke={1.5} />
               </ActionIcon>
             </Tooltip>
@@ -269,6 +290,7 @@ function SearchAndReplaceDialog({ editor, editable = true }: PageFindDialogDialo
           <Flex align="center" gap="xs">
             <Input
               placeholder={t("Replace")}
+              aria-label={t("Replace")}
               leftSection={<IconReplace size={16} />}
               rightSection={<div></div>}
               rightSectionPointerEvents="all"

apps/client/src/features/editor/components/slash-menu/command-list.tsx

@@ -86,7 +86,15 @@ const CommandList = ({
   }, [selectedIndex]);
 
   return flatItems.length > 0 ? (
-    <Paper id="slash-command" shadow="md" p="xs" withBorder>
+    <Paper
+      id="slash-command"
+      shadow="md"
+      p="xs"
+      withBorder
+      role="listbox"
+      aria-label={t("Slash commands")}
+      aria-activedescendant={`slash-command-option-${selectedIndex}`}
+    >
       <ScrollArea
         viewportRef={viewportRef}
         h={350}
@@ -94,22 +102,30 @@ const CommandList = ({
         scrollbarSize={8}
         overscrollBehavior="contain"
       >
-        {Object.entries(items).map(([category, categoryItems]) => (
-          <div key={category}>
+        {(() => {
+          let flatIndex = -1;
+          return Object.entries(items).map(([category, categoryItems]) => (
+          <div key={category} role="group" aria-label={category}>
             <Text c="dimmed" mb={4} fw={500} tt="capitalize">
               {category}
             </Text>
-            {categoryItems.map((item: SlashMenuItemType, index: number) => (
+            {categoryItems.map((item: SlashMenuItemType) => {
+              flatIndex += 1;
+              const itemIndex = flatIndex;
+              return (
               <UnstyledButton
-                data-item-index={index}
-                key={index}
-                onClick={() => selectItem(index)}
+                data-item-index={itemIndex}
+                key={itemIndex}
+                id={`slash-command-option-${itemIndex}`}
+                role="option"
+                aria-selected={itemIndex === selectedIndex}
+                onClick={() => selectItem(itemIndex)}
                 className={clsx(classes.menuBtn, {
-                  [classes.selectedItem]: index === selectedIndex,
+                  [classes.selectedItem]: itemIndex === selectedIndex,
                 })}
               >
                 <Group>
-                  <ActionIcon variant="default" component="div">
+                  <ActionIcon variant="default" component="div" aria-hidden="true">
                     <item.icon size={18} />
                   </ActionIcon>
 
@@ -124,9 +140,11 @@ const CommandList = ({
                   </div>
                 </Group>
               </UnstyledButton>
-            ))}
+              );
+            })}
           </div>
-        ))}
+          ));
+        })()}
       </ScrollArea>
     </Paper>
   ) : null;

apps/client/src/features/editor/components/status/status-view.tsx

@@ -92,8 +92,17 @@ export default function StatusView(props: NodeViewProps) {
               colorClassMap[color],
             )}
             onClick={() => isEditable && setOpened(true)}
+            onKeyDown={(e) => {
+              if (isEditable && (e.key === "Enter" || e.key === " ")) {
+                e.preventDefault();
+                setOpened(true);
+              }
+            }}
             role="button"
             tabIndex={0}
+            aria-label={text || "SET STATUS"}
+            aria-haspopup="dialog"
+            aria-expanded={opened}
           >
             {text || "SET STATUS"}
           </span>
@@ -127,6 +136,16 @@ export default function StatusView(props: NodeViewProps) {
                 )}
                 style={{ backgroundColor: bg }}
                 onClick={() => handleColorChange(name)}
+                onKeyDown={(e) => {
+                  if (e.key === "Enter" || e.key === " ") {
+                    e.preventDefault();
+                    handleColorChange(name);
+                  }
+                }}
+                role="button"
+                tabIndex={0}
+                aria-label={name}
+                aria-pressed={color === name}
               >
                 {color === name && <IconCheck size={14} />}
               </Box>

apps/client/src/features/editor/components/video/video-view.tsx

@@ -47,6 +47,7 @@ export default function VideoView(props: NodeViewProps) {
             preload="metadata"
             controls
             src={getFileUrl(src)}
+            aria-label={placeholder?.name || t("Video")}
           />
         )}
         {!src && previewSrc && (
@@ -56,6 +57,7 @@ export default function VideoView(props: NodeViewProps) {
               preload="metadata"
               controls
               src={previewSrc}
+              aria-label={placeholder?.name || t("Video")}
             />
             <Loader size={20} pos="absolute" top={6} right={6} />
           </Group>
@@ -71,7 +73,7 @@ export default function VideoView(props: NodeViewProps) {
           </Group>
         )}
         {!src && !previewSrc && !placeholder && (
-          <video className={classes.video} controls />
+          <video className={classes.video} controls aria-label={t("Video")} />
         )}
       </div>
     </NodeViewWrapper>

apps/client/src/features/editor/extensions/markdown-clipboard.ts

@@ -80,10 +80,12 @@ export const MarkdownClipboard = Extension.create({
             const { from, to } = view.state.selection;
 
             const parsed = markdownToHtml(text.replace(/\n+$/, ""));
+            const body = elementFromString(parsed);
+            normalizeTableColumnWidths(body);
 
             const contentNodes = DOMParser.fromSchema(
               this.editor.schema,
-            ).parseSlice(elementFromString(parsed), {
+            ).parseSlice(body, {
               preserveWhitespace: true,
             });
 
@@ -137,3 +139,92 @@ function elementFromString(value) {
 
   return new window.DOMParser().parseFromString(wrappedValue, "text/html").body;
 }
+
+const DEFAULT_PASTE_COL_WIDTH_PX = 150;
+
+function parsePixelWidth(el: Element): number | null {
+  const attr = el.getAttribute("width");
+  if (attr) {
+    const n = parseInt(attr, 10);
+    if (Number.isFinite(n) && n > 0) return n;
+  }
+  const style = el.getAttribute("style") || "";
+  const m = style.match(/(?:^|;)\s*width\s*:\s*([\d.]+)\s*px/i);
+  if (m) {
+    const n = parseInt(m[1], 10);
+    if (Number.isFinite(n) && n > 0) return n;
+  }
+  return null;
+}
+
+function getFirstRow(table: Element): Element | null {
+  const tbodyRow = table.querySelector(":scope > tbody > tr");
+  if (tbodyRow) return tbodyRow;
+  const theadRow = table.querySelector(":scope > thead > tr");
+  if (theadRow) return theadRow;
+  return table.querySelector(":scope > tr");
+}
+
+function deriveColumnWidths(table: Element): (number | null)[] | null {
+  const cols = table.querySelectorAll(":scope > colgroup > col");
+  if (cols.length > 0) {
+    const widths: (number | null)[] = [];
+    cols.forEach((col) => widths.push(parsePixelWidth(col)));
+    if (widths.some((w) => w !== null)) return widths;
+  }
+
+  const firstRow = getFirstRow(table);
+  if (!firstRow) return null;
+
+  const widths: (number | null)[] = [];
+  Array.from(firstRow.children)
+    .filter((c) => c.tagName === "TD" || c.tagName === "TH")
+    .forEach((cell) => {
+      const colspan = parseInt(cell.getAttribute("colspan") || "1", 10) || 1;
+      const w = parsePixelWidth(cell);
+      for (let i = 0; i < colspan; i++) {
+        widths.push(w !== null ? Math.round(w / colspan) : null);
+      }
+    });
+  if (widths.length === 0 || widths.every((w) => w === null)) return null;
+  return widths;
+}
+
+// Mirror of server normalizeTableColumnWidths (see import/utils/table-utils.ts):
+// markdown source has no widths, so without this every pasted table renders
+// at table-layout:fixed/100% and squashes columns to fit the editor instead of
+// letting .tableWrapper's overflow-x: auto scroll.
+export function normalizeTableColumnWidths(root: Element): void {
+  root.querySelectorAll("table").forEach((table) => {
+    const firstRow = getFirstRow(table);
+    if (!firstRow) return;
+
+    let colWidths = deriveColumnWidths(table);
+    if (!colWidths) {
+      let count = 0;
+      Array.from(firstRow.children)
+        .filter((c) => c.tagName === "TD" || c.tagName === "TH")
+        .forEach((cell) => {
+          count += parseInt(cell.getAttribute("colspan") || "1", 10) || 1;
+        });
+      if (count === 0) return;
+      colWidths = new Array(count).fill(DEFAULT_PASTE_COL_WIDTH_PX);
+    }
+
+    let col = 0;
+    Array.from(firstRow.children)
+      .filter((c) => c.tagName === "TD" || c.tagName === "TH")
+      .forEach((cell) => {
+        if (cell.getAttribute("colwidth")) {
+          col += parseInt(cell.getAttribute("colspan") || "1", 10) || 1;
+          return;
+        }
+        const colspan = parseInt(cell.getAttribute("colspan") || "1", 10) || 1;
+        const slice = colWidths!.slice(col, col + colspan);
+        col += colspan;
+        if (slice.length === 0 || slice.every((w) => w === null)) return;
+        const values = slice.map((w) => (w == null ? 100 : w));
+        cell.setAttribute("colwidth", values.join(","));
+      });
+  });
+}

apps/client/src/features/editor/full-editor.tsx

@@ -2,13 +2,31 @@ import classes from "@/features/editor/styles/editor.module.css";
 import React from "react";
 import { TitleEditor } from "@/features/editor/title-editor";
 import PageEditor from "@/features/editor/page-editor";
-import { Container } from "@mantine/core";
+import {
+  Container,
+  Divider,
+  Group,
+  Popover,
+  Stack,
+  Text,
+  UnstyledButton,
+} from "@mantine/core";
 import { useAtom } from "jotai";
 import { userAtom } from "@/features/user/atoms/current-user-atom.ts";
+import { CustomAvatar } from "@/components/ui/custom-avatar.tsx";
+import { PageVerificationBadge } from "@/ee/page-verification";
+import { useTranslation } from "react-i18next";
+import { IContributor } from "@/features/page/types/page.types.ts";
 
 const MemoizedTitleEditor = React.memo(TitleEditor);
 const MemoizedPageEditor = React.memo(PageEditor);
 
+type PageCreator = {
+  id: string;
+  name: string;
+  avatarUrl: string;
+};
+
 export interface FullEditorProps {
   pageId: string;
   slugId: string;
@@ -16,6 +34,8 @@ export interface FullEditorProps {
   content: string;
   spaceSlug: string;
   editable: boolean;
+  creator?: PageCreator;
+  contributors?: IContributor[];
   canComment?: boolean;
 }
 
@@ -26,6 +46,8 @@ export function FullEditor({
   content,
   spaceSlug,
   editable,
+  creator,
+  contributors,
   canComment,
 }: FullEditorProps) {
   const [user] = useAtom(userAtom);
@@ -44,6 +66,11 @@ export function FullEditor({
         spaceSlug={spaceSlug}
         editable={editable}
       />
+      <PageByline
+        creator={creator}
+        contributors={contributors}
+        readOnly={!editable}
+      />
       <MemoizedPageEditor
         pageId={pageId}
         editable={editable}
@@ -53,3 +80,92 @@ export function FullEditor({
     </Container>
   );
 }
+
+type PageBylineProps = {
+  creator?: PageCreator;
+  contributors?: IContributor[];
+  readOnly?: boolean;
+};
+
+function PageByline({
+  creator,
+  contributors,
+  readOnly,
+}: PageBylineProps) {
+  const { t } = useTranslation();
+
+  const otherContributors = (contributors ?? []).filter(
+    (c) => c.id !== creator?.id,
+  );
+
+  return (
+    <Group
+      gap="sm"
+      mb="md"
+      className="print-hide"
+      style={{ marginTop: "-0.5em", paddingLeft: "3rem" }}
+    >
+      {creator && (
+        <Popover position="bottom-start" shadow="md" width={280} withArrow>
+          <Popover.Target>
+            <UnstyledButton>
+              <Group gap={6}>
+                <CustomAvatar
+                  avatarUrl={creator.avatarUrl}
+                  name={creator.name}
+                  size={22}
+                />
+                <Text size="sm" c="dimmed">
+                  {t("By {{name}}", { name: creator.name })}
+                </Text>
+              </Group>
+            </UnstyledButton>
+          </Popover.Target>
+          <Popover.Dropdown>
+            <Stack gap="xs">
+              <Group gap="sm">
+                <CustomAvatar
+                  avatarUrl={creator.avatarUrl}
+                  name={creator.name}
+                  size={36}
+                />
+                <div>
+                  <Text size="sm" fw={500}>
+                    {creator.name}
+                  </Text>
+                  <Text size="xs" c="dimmed">
+                    {otherContributors.length === 0
+                      ? t("Owner, no contributors")
+                      : t("Owner")}
+                  </Text>
+                </div>
+              </Group>
+
+              {otherContributors.length > 0 && (
+                <>
+                  <Divider />
+                  <Text size="xs" fw={500} c="dimmed" tt="uppercase">
+                    {t("Contributors")}
+                  </Text>
+                  <Stack gap={6}>
+                    {otherContributors.map((contributor) => (
+                      <Group gap="sm" key={contributor.id}>
+                        <CustomAvatar
+                          avatarUrl={contributor.avatarUrl}
+                          name={contributor.name}
+                          size={28}
+                        />
+                        <Text size="sm">{contributor.name}</Text>
+                      </Group>
+                    ))}
+                  </Stack>
+                </>
+              )}
+            </Stack>
+          </Popover.Dropdown>
+        </Popover>
+      )}
+      <PageVerificationBadge readOnly={readOnly} />
+    </Group>
+  );
+}

apps/client/src/features/editor/page-editor.tsx

@@ -62,7 +62,7 @@ import { useIdle } from "@/hooks/use-idle.ts";
 import { queryClient } from "@/main.tsx";
 import { IPage } from "@/features/page/types/page.types.ts";
 import { useParams } from "react-router-dom";
-import { extractPageSlugId } from "@/lib";
+import { extractPageSlugId, platformModifierKey } from "@/lib";
 import { FIVE_MINUTES } from "@/lib/constants.ts";
 import { PageEditMode } from "@/features/user/types/user.types.ts";
 import { jwtDecode } from "jwt-decode";
@@ -232,11 +232,19 @@ export default function PageEditor({
         scrollMargin: 80,
         handleDOMEvents: {
           keydown: (_view, event) => {
-            if ((event.ctrlKey || event.metaKey) && event.code === "KeyS") {
+            if (platformModifierKey(event) && event.code === "KeyS") {
               event.preventDefault();
               return true;
             }
-            if ((event.ctrlKey || event.metaKey) && event.code === "KeyK") {
+            if (event.key === "Tab") {
+                const editor = editorRef.current;
+                if (!editor) return false;
+                event.preventDefault();
+                return editor.view.someProp("handleKeyDown", (f) =>
+                  f(editor.view, event)
+                );
+            }
+            if (platformModifierKey(event) && event.code === "KeyK") {
               searchSpotlight.open();
               return true;
             }

apps/client/src/features/editor/title-editor.tsx

@@ -27,6 +27,7 @@ import localEmitter from "@/lib/local-emitter.ts";
 import { currentUserAtom } from "@/features/user/atoms/current-user-atom.ts";
 import { PageEditMode } from "@/features/user/types/user.types.ts";
 import { searchSpotlight } from "@/features/search/constants.ts";
+import { platformModifierKey } from "@/lib";
 
 export interface TitleEditorProps {
   pageId: string;
@@ -90,11 +91,11 @@ export function TitleEditor({
     editorProps: {
       handleDOMEvents: {
         keydown: (_view, event) => {
-          if ((event.ctrlKey || event.metaKey) && event.code === "KeyS") {
+          if (platformModifierKey(event) && event.code === "KeyS") {
             event.preventDefault();
             return true;
           }
-          if ((event.ctrlKey || event.metaKey) && event.code === "KeyK") {
+          if (platformModifierKey(event) && event.code === "KeyK") {
             searchSpotlight.open();
             return true;
           }

apps/client/src/features/favorite/components/star-button.tsx

@@ -53,15 +53,17 @@ export default function StarButton(props: StarButtonProps) {
     }
   };
 
+  const label = isFavorited
+    ? t("Remove from favorites")
+    : t("Add to favorites");
+
   return (
-    <Tooltip
-      label={isFavorited ? t("Remove from favorites") : t("Add to favorites")}
-      openDelay={250}
-      withArrow
-    >
+    <Tooltip label={label} openDelay={250} withArrow>
       <ActionIcon
         variant="subtle"
         color={isFavorited ? "yellow" : "gray"}
+        aria-label={label}
+        aria-pressed={isFavorited}
         onClick={handleToggle}
         loading={isPending}
       >

apps/client/src/features/favorite/queries/favorite-query.ts

@@ -1,3 +1,4 @@
+import { useMemo } from "react";
 import {
   useQuery,
   useInfiniteQuery,
@@ -8,16 +9,16 @@ import {
   addFavorite,
   removeFavorite,
   getFavorites,
+  getFavoriteIds,
   ToggleFavoriteParams,
 } from "../services/favorite-service";
-import { IPagination } from "@/lib/types.ts";
-import { IFavorite, FavoriteType } from "../types/favorite.types";
+import { FavoriteType } from "../types/favorite.types";
 
-export function useFavoritesQuery(type?: FavoriteType) {
+export function useFavoritesQuery(type?: FavoriteType, spaceId?: string) {
   return useInfiniteQuery({
-    queryKey: ["favorites", type],
+    queryKey: ["favorites", type, spaceId],
     queryFn: ({ pageParam }) =>
-      getFavorites({ type, cursor: pageParam, limit: 15 }),
+      getFavorites({ type, spaceId, cursor: pageParam, limit: 15 }),
     initialPageParam: undefined as string | undefined,
     getNextPageParam: (lastPage) =>
       lastPage.meta.hasNextPage ? lastPage.meta.nextCursor : undefined,
@@ -25,24 +26,22 @@ export function useFavoritesQuery(type?: FavoriteType) {
   });
 }
 
-export function useFavoriteIds(type: FavoriteType): Set<string> {
-  const { data } = useQuery<IPagination<IFavorite>>({
-    queryKey: ["favorite-ids", type],
-    queryFn: () => getFavorites({ type, limit: 50 }),
+export function useFavoriteIds(type: FavoriteType, spaceId?: string): Set<string> {
+  const { data } = useQuery({
+    queryKey: ["favorite-ids", type, spaceId],
+    queryFn: () => getFavoriteIds(type, spaceId),
     refetchOnMount: true,
   });
 
-  const ids = new Set<string>();
-  if (data?.items) {
-    for (const fav of data.items) {
-      let id: string | undefined;
-      if (type === "page") id = fav.pageId;
-      else if (type === "space") id = fav.spaceId;
-      else if (type === "template") id = fav.templateId;
-      if (id) ids.add(id);
-    }
-  }
-  return ids;
+  const items = data?.items;
+  return useMemo(() => new Set(items ?? []), [items]);
+}
+
+function getEntityId(variables: ToggleFavoriteParams): string | undefined {
+  if (variables.type === "page") return variables.pageId;
+  if (variables.type === "space") return variables.spaceId;
+  if (variables.type === "template") return variables.templateId;
+  return undefined;
 }
 
 export function useAddFavoriteMutation() {
@@ -51,9 +50,17 @@ export function useAddFavoriteMutation() {
   return useMutation<void, Error, ToggleFavoriteParams>({
     mutationFn: (data) => addFavorite(data),
     onSuccess: (_result, variables) => {
-      queryClient.invalidateQueries({
-        queryKey: ["favorite-ids", variables.type],
-      });
+      const entityId = getEntityId(variables);
+      if (entityId) {
+        queryClient.setQueriesData<{ items: string[]; meta: any }>(
+          { queryKey: ["favorite-ids", variables.type] },
+          (old) => {
+            if (!old) return old;
+            if (old.items.includes(entityId)) return old;
+            return { ...old, items: [...old.items, entityId] };
+          },
+        );
+      }
       queryClient.invalidateQueries({
         queryKey: ["favorites", variables.type],
       });
@@ -67,9 +74,16 @@ export function useRemoveFavoriteMutation() {
   return useMutation<void, Error, ToggleFavoriteParams>({
     mutationFn: (data) => removeFavorite(data),
     onSuccess: (_result, variables) => {
-      queryClient.invalidateQueries({
-        queryKey: ["favorite-ids", variables.type],
-      });
+      const entityId = getEntityId(variables);
+      if (entityId) {
+        queryClient.setQueriesData<{ items: string[]; meta: any }>(
+          { queryKey: ["favorite-ids", variables.type] },
+          (old) => {
+            if (!old) return old;
+            return { ...old, items: old.items.filter((id) => id !== entityId) };
+          },
+        );
+      }
       queryClient.invalidateQueries({
         queryKey: ["favorites", variables.type],
       });

apps/client/src/features/favorite/services/favorite-service.ts

@@ -21,8 +21,14 @@ export async function removeFavorite(
   await api.post("/favorites/remove", params);
 }
 
+export async function getFavoriteIds(type: FavoriteType, spaceId?: string): Promise<IPagination<string>> {
+  const req = await api.post<IPagination<string>>("/favorites/ids", { type, spaceId });
+  return req.data;
+}
+
 export async function getFavorites(params?: {
   type?: FavoriteType;
+  spaceId?: string;
   limit?: number;
   cursor?: string;
 }): Promise<IPagination<IFavorite>> {