@consilioweb/payload-support 5.0.0 → 6.0.1

package/src/styles/ImportConversation.module.scss

@@ -89,7 +89,7 @@
 
 .dropzoneText {
   font-size: 15px;
-  color: var(--theme-elevation-500);
+  color: var(--theme-elevation-650);
   margin-top: 8px;
 }
 
@@ -122,7 +122,7 @@
 .sectionTitleRight {
   font-weight: 400;
   font-size: 13px;
-  color: var(--theme-elevation-500);
+  color: var(--theme-elevation-650);
   margin-left: auto;
 }
 
@@ -139,7 +139,7 @@
 
 .infoLabel {
   font-weight: 600;
-  color: var(--theme-elevation-500);
+  color: var(--theme-elevation-650);
   min-width: 100px;
 }
 
@@ -182,11 +182,11 @@
 
 .msgDate {
   font-size: 11px;
-  color: var(--theme-elevation-500);
+  color: var(--theme-elevation-650);
 }
 
 .msgPreview {
-  color: var(--theme-elevation-500);
+  color: var(--theme-elevation-650);
   font-size: 12px;
   line-height: 1.4;
 }

package/src/styles/Logs.module.scss

@@ -34,7 +34,7 @@
   background: none;
   font-size: 12px;
   font-weight: 600;
-  color: var(--theme-elevation-500);
+  color: var(--theme-elevation-650);
   cursor: pointer;
   transition: all 100ms;
   &:hover { background: var(--theme-elevation-100); color: var(--theme-text); }
@@ -57,7 +57,7 @@
   padding: 10px 16px;
   font-size: 13px;
   font-weight: 600;
-  color: var(--theme-elevation-500);
+  color: var(--theme-elevation-650);
   background: none;
   border: none;
   border-bottom: 2px solid transparent;
@@ -80,7 +80,7 @@
   font-weight: 700;
   text-transform: uppercase;
   letter-spacing: 0.04em;
-  color: var(--theme-elevation-500);
+  color: var(--theme-elevation-650);
   border-bottom: 1px solid var(--theme-elevation-200);
 }
 
@@ -128,7 +128,7 @@
   background: none;
   font-size: 12px;
   font-weight: 600;
-  color: var(--theme-elevation-500);
+  color: var(--theme-elevation-650);
   cursor: pointer;
   &:hover { background: var(--theme-elevation-100); }
   &:disabled { opacity: 0.4; cursor: not-allowed; }
@@ -136,7 +136,7 @@
 
 .pageInfo {
   font-size: 12px;
-  color: var(--theme-elevation-500);
+  color: var(--theme-elevation-650);
 }
 
 .empty {

package/src/styles/NewTicket.module.scss

@@ -13,7 +13,7 @@
   display: inline-flex;
   align-items: center;
   gap: 4px;
-  color: var(--theme-elevation-500);
+  color: var(--theme-elevation-650);
   text-decoration: none;
   font-size: 13px;
   font-weight: 500;
@@ -30,7 +30,7 @@
 
 .subtitle {
   font-size: 13px;
-  color: var(--theme-elevation-500);
+  color: var(--theme-elevation-650);
   margin: 0 0 24px;
 }
 

package/src/styles/PendingEmails.module.scss

@@ -56,7 +56,7 @@ $radius-pill: 20px;
 }
 
 .subtitle {
-  color: var(--theme-elevation-500);
+  color: var(--theme-elevation-650);
   margin: 0;
   font-size: 14px;
 }
@@ -86,7 +86,7 @@ $radius-pill: 20px;
   font-size: 13px;
   font-weight: 600;
   border-bottom: 2px solid transparent;
-  color: var(--theme-elevation-500);
+  color: var(--theme-elevation-650);
   background: transparent;
   transition: color 100ms, border-color 100ms;
 
@@ -156,7 +156,7 @@ $radius-pill: 20px;
 
 .senderEmail {
   font-size: 12px;
-  color: var(--theme-elevation-500);
+  color: var(--theme-elevation-650);
 }
 
 .cardSubject {
@@ -171,7 +171,7 @@ $radius-pill: 20px;
   align-items: center;
   gap: 10px;
   font-size: 12px;
-  color: var(--theme-elevation-500);
+  color: var(--theme-elevation-650);
 }
 
 .attachment {
@@ -226,7 +226,7 @@ $radius-pill: 20px;
 
 .suggestionLow {
   background-color: var(--theme-elevation-100);
-  color: var(--theme-elevation-500);
+  color: var(--theme-elevation-650);
 }
 
 // ── Body preview ─────────────────────────────────────────────
@@ -236,7 +236,7 @@ $radius-pill: 20px;
 
 .bodyText {
   font-size: 13px;
-  color: var(--theme-elevation-500);
+  color: var(--theme-elevation-650);
   line-height: 1.5;
 }
 
@@ -353,7 +353,7 @@ $radius-pill: 20px;
   background: none;
   border: none;
   cursor: pointer;
-  color: var(--theme-elevation-500);
+  color: var(--theme-elevation-650);
   padding: 4px;
   border-radius: 4px;
   display: flex;
@@ -368,7 +368,7 @@ $radius-pill: 20px;
 .sectionLabel {
   font-size: 12px;
   font-weight: 700;
-  color: var(--theme-elevation-500);
+  color: var(--theme-elevation-650);
   text-transform: uppercase;
   letter-spacing: 0.5px;
   margin-bottom: 8px;
@@ -433,7 +433,7 @@ $radius-pill: 20px;
 }
 
 .scoreLow {
-  background-color: var(--theme-elevation-500);
+  background-color: var(--theme-elevation-650);
 }
 
 // ── Detected client row ──────────────────────────────────────
@@ -456,7 +456,7 @@ $radius-pill: 20px;
 
 .detectedEmail {
   font-size: 12px;
-  color: var(--theme-elevation-500);
+  color: var(--theme-elevation-650);
   margin-left: 8px;
 }
 
@@ -481,7 +481,7 @@ $radius-pill: 20px;
 
 .clientResultEmail {
   font-size: 12px;
-  color: var(--theme-elevation-500);
+  color: var(--theme-elevation-650);
   margin-left: 8px;
 }
 
@@ -523,13 +523,13 @@ $radius-pill: 20px;
 
 .searchingHint {
   font-size: 13px;
-  color: var(--theme-elevation-500);
+  color: var(--theme-elevation-650);
   padding: 8px;
 }
 
 .noResults {
   font-size: 13px;
-  color: var(--theme-elevation-500);
+  color: var(--theme-elevation-650);
   padding: 8px;
 }
 

package/src/styles/SupportDashboard.module.scss

@@ -26,7 +26,7 @@ $radius-md: 12px;
 
 .subtitle {
   font-size: 13px;
-  color: var(--theme-elevation-500);
+  color: var(--theme-elevation-650);
   margin: 0;
 }
 
@@ -75,7 +75,7 @@ $radius-md: 12px;
   font-weight: 700;
   text-transform: uppercase;
   letter-spacing: 0.6px;
-  color: var(--theme-elevation-500);
+  color: var(--theme-elevation-650);
   margin-bottom: 8px;
 }
 
@@ -148,7 +148,7 @@ $radius-md: 12px;
   font-weight: 700;
   text-transform: uppercase;
   letter-spacing: 0.5px;
-  color: var(--theme-elevation-500);
+  color: var(--theme-elevation-650);
   margin: 0 0 16px;
 }
 
@@ -207,7 +207,7 @@ $radius-md: 12px;
   font-weight: 600;
   font-variant-numeric: tabular-nums;
   font-size: 12px;
-  color: var(--theme-elevation-500);
+  color: var(--theme-elevation-650);
   white-space: nowrap;
 }
 
@@ -219,9 +219,25 @@ $radius-md: 12px;
   font-weight: 500;
 }
 
+// The whole row looks clickable, but only this link actually is — it is what
+// carries the ticket into the keyboard tab order.
+.ticketLink {
+  display: block;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  color: inherit;
+  text-decoration: none;
+
+  &:hover,
+  &:focus-visible {
+    text-decoration: underline;
+  }
+}
+
 .ticketClient {
   font-size: 12px;
-  color: var(--theme-elevation-500);
+  color: var(--theme-elevation-650);
   max-width: 120px;
   overflow: hidden;
   text-overflow: ellipsis;
@@ -430,7 +446,7 @@ $radius-md: 12px;
   font-weight: 700;
   text-transform: uppercase;
   letter-spacing: 0.5px;
-  color: var(--theme-elevation-500);
+  color: var(--theme-elevation-650);
   margin: 0 0 16px;
 }
 
@@ -582,7 +598,7 @@ $radius-md: 12px;
   font-size: 12px;
   font-weight: 600;
   font-variant-numeric: tabular-nums;
-  color: var(--theme-elevation-500);
+  color: var(--theme-elevation-650);
   white-space: nowrap;
   flex-shrink: 0;
 }
@@ -637,7 +653,7 @@ $radius-md: 12px;
 .errorState {
   text-align: center;
   padding: 60px 24px;
-  color: var(--theme-elevation-500);
+  color: var(--theme-elevation-650);
   font-size: 14px;
 
   strong {

package/src/styles/TicketDetail.module.scss

@@ -52,7 +52,7 @@
   font-family: ui-monospace, 'SF Mono', 'JetBrains Mono', Menlo, Consolas, monospace;
   font-size: 12px;
   font-weight: 400;
-  color: var(--theme-text-tertiary, var(--theme-elevation-500));
+  color: var(--theme-text-tertiary, var(--theme-elevation-650));
   display: inline-flex;
   align-items: center;
   gap: 8px;
@@ -64,7 +64,7 @@
 
   > .ticketNumberCat,
   > .ticketNumberSource {
-    color: var(--theme-text-tertiary, var(--theme-elevation-500));
+    color: var(--theme-text-tertiary, var(--theme-elevation-650));
     display: inline-flex;
     align-items: center;
     gap: 4px;
@@ -194,7 +194,7 @@
   text-transform: uppercase;
   letter-spacing: 0.08em;
   line-height: 1.3;
-  color: var(--theme-text-tertiary, var(--theme-elevation-500));
+  color: var(--theme-text-tertiary, var(--theme-elevation-650));
   margin: 0 0 12px;
   display: flex;
   justify-content: space-between;
@@ -353,7 +353,7 @@
   font-size: 11px;
   font-weight: 500;
   line-height: 1.3;
-  color: var(--theme-text-tertiary, var(--theme-elevation-500));
+  color: var(--theme-text-tertiary, var(--theme-elevation-650));
   white-space: nowrap;
   text-transform: uppercase;
   letter-spacing: 0.08em;
@@ -450,7 +450,7 @@
   font-size: 11px;
   font-weight: 500;
   line-height: 1.3;
-  color: var(--theme-text-tertiary, var(--theme-elevation-500));
+  color: var(--theme-text-tertiary, var(--theme-elevation-650));
 }
 
 // Pills "Interne" / "Solution" — pill style, 22px height
@@ -499,7 +499,7 @@
   margin-top: 4px;
   font-size: 11px;
   font-weight: 500;
-  color: var(--theme-text-tertiary, var(--theme-elevation-500));
+  color: var(--theme-text-tertiary, var(--theme-elevation-650));
   opacity: 0;
   transition: opacity 80ms ease;
 }
@@ -514,7 +514,7 @@
   font-size: 11px;
   font-weight: 500;
   line-height: 1.3;
-  color: var(--theme-text-tertiary, var(--theme-elevation-500));
+  color: var(--theme-text-tertiary, var(--theme-elevation-650));
   display: inline-flex;
   align-items: center;
   height: auto;
@@ -749,7 +749,7 @@
   display: inline-flex;
   align-items: center;
   gap: 4px;
-  color: var(--theme-text-tertiary, var(--theme-elevation-500));
+  color: var(--theme-text-tertiary, var(--theme-elevation-650));
   font-size: 11px;
   font-weight: 500;
   margin-left: auto;
@@ -910,7 +910,7 @@
   background: none;
   border: none;
   cursor: pointer;
-  color: var(--theme-elevation-500);
+  color: var(--theme-elevation-650);
   font-size: 13px;
   font-weight: 600;
   padding: 0;
@@ -941,7 +941,7 @@
 
 .activityContent { flex: 1; min-width: 0; }
 .activityText { font-weight: 500; color: var(--theme-text); font-size: 12px; }
-.activityTime { font-size: 11px; color: var(--theme-elevation-500); margin-top: 1px; }
+.activityTime { font-size: 11px; color: var(--theme-elevation-650); margin-top: 1px; }
 
 // ─── DROPDOWN ───
 .dropdown { position: relative; display: inline-block; }
@@ -1055,7 +1055,7 @@
 
 .splitPreview {
   font-size: 12px;
-  color: var(--theme-elevation-500);
+  color: var(--theme-elevation-650);
   margin: 0 0 16px;
   line-height: 1.5;
   max-height: 80px;
@@ -1092,7 +1092,7 @@
   background: none;
   font-size: 13px;
   font-weight: 600;
-  color: var(--theme-elevation-500);
+  color: var(--theme-elevation-650);
   cursor: pointer;
   &:hover { background: var(--theme-elevation-100); }
 }
@@ -1145,7 +1145,7 @@
   cursor: pointer;
   font-size: 11px;
   line-height: 1;
-  color: var(--theme-text-tertiary, var(--theme-elevation-500));
+  color: var(--theme-text-tertiary, var(--theme-elevation-650));
   padding: 0;
   display: inline-flex;
   align-items: center;
@@ -1166,7 +1166,7 @@
   font-size: 11px;
   font-weight: 500;
   line-height: 1;
-  color: var(--theme-text-tertiary, var(--theme-elevation-500));
+  color: var(--theme-text-tertiary, var(--theme-elevation-650));
   cursor: pointer;
   transition: border-color 80ms ease, color 80ms ease;
   &:hover {
@@ -1607,7 +1607,7 @@
   align-items: center;
   gap: 6px;
   font-size: 10px;
-  color: var(--theme-elevation-500);
+  color: var(--theme-elevation-650);
 }
 
 .previousTicketsStatus {
@@ -1755,7 +1755,7 @@
   text-transform: uppercase;
   letter-spacing: 0.08em;
   line-height: 1.3;
-  color: var(--theme-text-tertiary, var(--theme-elevation-500));
+  color: var(--theme-text-tertiary, var(--theme-elevation-650));
   margin: 12px 0 8px;
 }
 .aiCardNextActions {
@@ -1805,13 +1805,13 @@
 }
 .aiCardNextLabelDone {
   text-decoration: line-through;
-  color: var(--theme-text-tertiary, var(--theme-elevation-500));
+  color: var(--theme-text-tertiary, var(--theme-elevation-650));
 }
 .aiCardNextWhen {
   font-size: 11px;
   font-weight: 500;
   line-height: 1.3;
-  color: var(--theme-text-tertiary, var(--theme-elevation-500));
+  color: var(--theme-text-tertiary, var(--theme-elevation-650));
   flex-shrink: 0;
 }
 
@@ -1856,12 +1856,12 @@
   margin: 0 2px;
 }
 .ticketNumberCat {
-  color: var(--theme-text-tertiary, var(--theme-elevation-500));
+  color: var(--theme-text-tertiary, var(--theme-elevation-650));
   font-family: ui-sans-serif, system-ui, -apple-system, sans-serif;
   font-weight: 400;
 }
 .ticketNumberSource {
-  color: var(--theme-text-tertiary, var(--theme-elevation-500));
+  color: var(--theme-text-tertiary, var(--theme-elevation-650));
   font-family: ui-sans-serif, system-ui, -apple-system, sans-serif;
   display: inline-flex;
   align-items: center;

package/src/styles/TicketInbox.module.scss

@@ -26,7 +26,7 @@
 
 .subtitle {
   font-size: 13px;
-  color: var(--theme-elevation-500);
+  color: var(--theme-elevation-650);
   margin: 2px 0 0;
 }
 
@@ -125,7 +125,7 @@
   padding: 0 12px;
   font-size: 13px;
   font-weight: 500;
-  color: var(--theme-elevation-500);
+  color: var(--theme-elevation-650);
   background: none;
   border: none;
   border-radius: 6px;
@@ -155,7 +155,7 @@
   padding: 0 6px;
   font-size: 11px;
   font-weight: 600;
-  color: var(--theme-elevation-500);
+  color: var(--theme-elevation-650);
   background: var(--theme-elevation-200);
   border-radius: 999px;
 }
@@ -179,7 +179,7 @@
 .sortSelect {
   font-size: 12px;
   font-weight: 600;
-  color: var(--theme-elevation-500);
+  color: var(--theme-elevation-650);
   background: none;
   border: none;
   cursor: pointer;
@@ -268,7 +268,7 @@
 
 .client {
   font-size: 12px;
-  color: var(--theme-elevation-500);
+  color: var(--theme-elevation-650);
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
@@ -333,7 +333,7 @@
   box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
   font-size: 11px;
   font-weight: 500;
-  color: var(--theme-elevation-500);
+  color: var(--theme-elevation-650);
   display: flex;
   gap: 12px;
   z-index: 10;

package/src/styles/TicketingSettings.module.scss

@@ -15,7 +15,7 @@ $green: #16a34a;
 
 .intro {
   font-size: 13px;
-  color: var(--theme-elevation-500);
+  color: var(--theme-elevation-650);
   margin: 0 0 24px;
   line-height: 1.6;
 }
@@ -59,7 +59,7 @@ $green: #16a34a;
 
 .sectionChevron {
   font-size: 16px;
-  color: var(--theme-elevation-500);
+  color: var(--theme-elevation-650);
   transition: transform 150ms;
 
   &.open {
@@ -73,7 +73,7 @@ $green: #16a34a;
 
 .sectionDescription {
   font-size: 12px;
-  color: var(--theme-elevation-500);
+  color: var(--theme-elevation-650);
   margin: 0 0 16px;
   line-height: 1.5;
 }
@@ -97,7 +97,7 @@ $green: #16a34a;
 
 .fieldDescription {
   font-size: 11px;
-  color: var(--theme-elevation-500);
+  color: var(--theme-elevation-650);
   font-weight: 400;
   margin-top: 2px;
 }
@@ -131,7 +131,7 @@ $green: #16a34a;
   border-radius: 6px;
   border: 1px solid var(--theme-elevation-300);
   font-size: 13px;
-  color: var(--theme-elevation-500);
+  color: var(--theme-elevation-650);
   background-color: var(--theme-elevation-100);
   width: 100%;
   max-width: 400px;
@@ -179,7 +179,7 @@ $green: #16a34a;
 
 .inlineDesc {
   font-size: 12px;
-  color: var(--theme-elevation-500);
+  color: var(--theme-elevation-650);
 }
 
 // ─── BADGE ───
@@ -251,7 +251,7 @@ $green: #16a34a;
 
 .featureDesc {
   font-size: 12px;
-  color: var(--theme-elevation-500);
+  color: var(--theme-elevation-650);
   line-height: 1.4;
 }
 
@@ -271,7 +271,7 @@ $green: #16a34a;
 
 .aiToggleDesc {
   font-size: 12px;
-  color: var(--theme-elevation-500);
+  color: var(--theme-elevation-650);
   margin-left: 8px;
 }
 
@@ -290,7 +290,7 @@ $green: #16a34a;
   background-color: transparent;
   cursor: pointer;
   font-size: 12px;
-  color: var(--theme-elevation-500);
+  color: var(--theme-elevation-650);
   white-space: nowrap;
 }
 
@@ -303,7 +303,7 @@ $green: #16a34a;
 
 .slaHint {
   font-size: 12px;
-  color: var(--theme-elevation-500);
+  color: var(--theme-elevation-650);
 }
 
 // ─── AI SUB FEATURES LABEL ───

package/src/styles/TimeDashboard.module.scss

@@ -28,7 +28,7 @@
 }
 
 .subtitle {
-  color: var(--theme-elevation-500);
+  color: var(--theme-elevation-650);
   margin: 4px 0 0;
   font-size: 14px;
 }
@@ -80,7 +80,7 @@
 .label {
   font-size: 11px;
   font-weight: 700;
-  color: var(--theme-elevation-500);
+  color: var(--theme-elevation-650);
   margin-bottom: 3px;
 }
 
@@ -146,7 +146,7 @@
   font-size: 10px;
   font-weight: 700;
   text-transform: uppercase;
-  color: var(--theme-elevation-500);
+  color: var(--theme-elevation-650);
 }
 
 .kpiValue {
@@ -201,7 +201,7 @@
   border: 1px solid var(--theme-elevation-300);
   border-radius: 8px;
   background: var(--theme-elevation-100);
-  color: var(--theme-elevation-500);
+  color: var(--theme-elevation-650);
   font-size: 14px;
 }
 
@@ -257,13 +257,13 @@
 
 .tdSubject {
   padding: 6px 8px;
-  color: var(--theme-elevation-500);
+  color: var(--theme-elevation-650);
   font-size: 12px;
 }
 
 .tdDescription {
   padding: 6px 8px;
-  color: var(--theme-elevation-500);
+  color: var(--theme-elevation-650);
   font-size: 12px;
 }
 

package/src/styles/_tokens.scss

@@ -1,6 +1,8 @@
 // Design tokens — based on Payload CMS CSS variables
 $text: var(--theme-text);
-$text-secondary: var(--theme-elevation-500);
+// elevation-650, not 500: Payload's dark theme skips the 500 step, leaving it
+// at rgb(128,128,128) — 3.62:1 light / 4.03:1 dark, below WCAG AA in both.
+$text-secondary: var(--theme-elevation-650);
 $text-muted: var(--theme-elevation-400);
 $bg: var(--theme-elevation-50);
 $bg-card: var(--theme-elevation-100);

package/src/types.ts

@@ -1,4 +1,5 @@
 import type { RateLimitStore } from './utils/rateLimiter'
+import type { RetentionConfig } from './utils/retention'
 import type { InboundEmailInput } from './utils/webhookSecurity'
 import type { Payload, PayloadRequest } from 'payload'
 
@@ -151,6 +152,25 @@ export interface SupportPluginConfig {
   /** Shared rate-limit storage. Defaults to process-local memory. */
   rateLimitStore?: RateLimitStore | 'payload'
 
+  /**
+   * Automatic retention of the two journals the plugin writes.
+   *
+   * The plugin registers a daily Payload Jobs task that deletes rows older
+   * than the configured number of days. Set a value to 0 to keep that journal
+   * forever (the manual `DELETE /api/support/purge-logs` endpoint stays
+   * available either way).
+   *
+   * Defaults: auth-logs 180 days, email-logs 365 days, cron `0 30 3 * * *`.
+   *
+   * `false` registers no task at all. That is the ONLY value that changes the
+   * schema footprint: registering a task turns Payload's job queue on, which
+   * adds the `payload-jobs` collection and the `payload-jobs-stats` global to
+   * an app that had no jobs — two tables you would have to migrate. Pass
+   * `false` if you would rather purge from your own cron, calling
+   * `DELETE /api/support/purge-logs`.
+   */
+  retention?: RetentionConfig | false
+
   /** Sequential ticket number formatting. */
   ticketNumber?: { prefix?: string; padding?: number }