@consilioweb/payload-support 4.0.0 → 6.0.0

package/dist/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/dist/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/dist/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/dist/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/dist/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/dist/utils/db.d.ts

@@ -0,0 +1,34 @@
+import type { Payload } from 'payload';
+/**
+ * Thin typed wrappers around Payload data operations.
+ *
+ * Collection slugs are user-overridable config (`string`), not Payload's literal
+ * `CollectionSlug` union — so every call site otherwise needs `collection: X as any`.
+ * These helpers isolate that single unavoidable cast in ONE place, removing the
+ * ~200 scattered `as any` while staying an EXACT behavioral pass-through of options.
+ *
+ * Returns default to `any` (callers consume docs loosely, as before). Pass a type
+ * argument to opt into stronger typing: `dbFind<TicketData>(payload, slug, { ... })`.
+ */
+interface PaginatedResult<T> {
+    docs: T[];
+    totalDocs: number;
+    totalPages: number;
+    page?: number;
+    limit: number;
+    hasNextPage: boolean;
+    hasPrevPage: boolean;
+    nextPage?: number | null;
+    prevPage?: number | null;
+}
+export declare function dbFind<T = any>(payload: Payload, slug: string, options?: Record<string, unknown>): Promise<PaginatedResult<T>>;
+export declare function dbFindByID<T = any>(payload: Payload, slug: string, options: {
+    id: number | string;
+} & Record<string, unknown>): Promise<T>;
+export declare function dbCreate<T = any>(payload: Payload, slug: string, options: Record<string, unknown>): Promise<T>;
+export declare function dbUpdate<T = any>(payload: Payload, slug: string, options: Record<string, unknown>): Promise<T>;
+export declare function dbCount(payload: Payload, slug: string, options?: Record<string, unknown>): Promise<{
+    totalDocs: number;
+}>;
+export declare function dbDelete<T = any>(payload: Payload, slug: string, options: Record<string, unknown>): Promise<T>;
+export {};

package/dist/utils/readSettings.d.ts

@@ -0,0 +1,90 @@
+import type { Payload } from 'payload';
+import { type TicketingFeatures } from './features.js';
+export declare const SUPPORT_SETTINGS_PREF_KEY = "support-settings";
+/**
+ * Key under which `plugin.ts` publishes the resolved staff collection slug on
+ * `config.custom`. It is the ONE source of truth shared by the read path (here)
+ * and the write path (`requireAdmin` → `slugs.users`).
+ */
+export declare const SUPPORT_STAFF_SLUG_CONFIG_KEY = "supportStaffCollection";
+/**
+ * Owner scope for every `payload-preferences` row this plugin reads back.
+ *
+ * `payload-preferences` is writable by ANY authenticated principal, whatever its
+ * auth collection: Payload's `POST /api/payload-preferences/:key` handler only
+ * checks `!!req.user` before upserting the row. Reading a plugin-wide row by key
+ * alone therefore lets a front-office user (or a support-client) plant their own
+ * row and have the whole plugin read it — replyTo addresses, SLA escalation
+ * address, AI provider, feature flags.
+ *
+ * Every read below is constrained to `user.relationTo = <staff collection>`, the
+ * same scope the WRITE path already uses (endpoints/settings.ts, signature.ts,
+ * user-prefs.ts all upsert with `req.user.collection`, and all three are guarded
+ * by `requireAdmin`, which compares against `slugs.users`).
+ *
+ * TWO SOURCES OF TRUTH WERE THE BUG: this used to resolve the scope from
+ * `config.admin.user`, which Payload defaults to the FIRST auth collection of
+ * the app when the integrator did not declare it (config/sanitize.js). On a host
+ * whose first auth collection is the front office and whose staff collection is
+ * declared through `collectionSlugs.users`, the read scope named the front
+ * office while the write scope named the staff — and the poisoning this scope
+ * was added to defeat was open again. So the plugin now PUBLISHES the resolved
+ * `slugs.users` on `config.custom` (see plugin.ts) and reads it back here.
+ * `config.admin.user` remains a last-resort fallback for callers using these
+ * helpers outside of a plugin-built config; there is no plugin deployment in
+ * which it is consulted.
+ */
+export declare function resolveStaffPrefSlug(payload: Payload, staffSlug?: string): string;
+export interface SupportSettings {
+    email: {
+        fromAddress: string;
+        fromName: string;
+        replyToAddress: string;
+    };
+    ai: {
+        provider: string;
+        model: string;
+        enableSentiment: boolean;
+        enableSynthesis: boolean;
+        enableSuggestion: boolean;
+        enableRewrite: boolean;
+    };
+    sla: {
+        firstResponseMinutes: number;
+        resolutionMinutes: number;
+        businessHoursOnly: boolean;
+        escalationEmail: string;
+    };
+    autoClose: {
+        enabled: boolean;
+        daysBeforeClose: number;
+        reminderDaysBefore: number;
+    };
+    /** Ticketing feature flags — server-authoritative since 2.1 (used to be per-browser localStorage). */
+    features: TicketingFeatures;
+}
+export interface UserPrefs {
+    locale: 'fr' | 'en';
+    signature: string;
+}
+export declare const DEFAULT_SETTINGS: SupportSettings;
+export declare const DEFAULT_USER_PREFS: UserPrefs;
+export interface SupportSettingsState {
+    settings: SupportSettings;
+    /**
+     * False when the preference row carries no `features` object yet — a
+     * pre-2.1 install, or a fresh one. Clients use it to decide whether their
+     * legacy `localStorage` flags should seed the server.
+     */
+    featuresConfigured: boolean;
+}
+/** Invalidate the settings cache — call right after writing support settings. */
+export declare function invalidateSupportSettingsCache(): void;
+/**
+ * Merge a stored preference value onto the defaults.
+ * Exported for the settings endpoint, which must not re-implement the merge.
+ */
+export declare function mergeSupportSettings(stored: Partial<SupportSettings> | undefined | null, base?: SupportSettings): SupportSettings;
+export declare function readSupportSettingsState(payload: Payload, staffSlug?: string): Promise<SupportSettingsState>;
+export declare function readSupportSettings(payload: Payload, staffSlug?: string): Promise<SupportSettings>;
+export declare function readUserPrefs(payload: Payload, userId: string | number, staffSlug?: string): Promise<UserPrefs>;

package/dist/views/BillingView/client.js

@@ -1,6 +1,6 @@
 "use client";
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
-import React, { useState, useCallback } from 'react';
+import React, { useId, useState, useCallback } from 'react';
 import { useTranslation } from '../../components/TicketConversation/hooks/useTranslation.js';
 import { DATE_LOCALE } from '../shared/dateLocale.js';
 import styles from '../../styles/BillingView.module.scss';
@@ -42,6 +42,10 @@ function getQuarterRange(offset) {
 }
 const BillingClient = () => {
   const { t } = useTranslation();
+  const fromId = useId();
+  const toId = useId();
+  const projectFilterId = useId();
+  const rateId = useId();
   const [from, setFrom] = useState(() => getMonthRange(0).from);
   const [to, setTo] = useState(() => getMonthRange(0).to);
   const [projectId, setProjectId] = useState("");
@@ -218,26 +222,27 @@ const BillingClient = () => {
       ] }),
       /* @__PURE__ */ jsxs("div", { className: styles.filterRow, children: [
         /* @__PURE__ */ jsxs("div", { className: styles.fieldGroup, children: [
-          /* @__PURE__ */ jsx("label", { className: styles.label, children: t("billing.filters.from") }),
-          /* @__PURE__ */ jsx("input", { type: "date", value: from, onChange: (e) => setFrom(e.target.value), className: styles.input })
+          /* @__PURE__ */ jsx("label", { className: styles.label, htmlFor: fromId, children: t("billing.filters.from") }),
+          /* @__PURE__ */ jsx("input", { id: fromId, type: "date", value: from, onChange: (e) => setFrom(e.target.value), className: styles.input })
         ] }),
         /* @__PURE__ */ jsxs("div", { className: styles.fieldGroup, children: [
-          /* @__PURE__ */ jsx("label", { className: styles.label, children: t("billing.filters.to") }),
-          /* @__PURE__ */ jsx("input", { type: "date", value: to, onChange: (e) => setTo(e.target.value), className: styles.input })
+          /* @__PURE__ */ jsx("label", { className: styles.label, htmlFor: toId, children: t("billing.filters.to") }),
+          /* @__PURE__ */ jsx("input", { id: toId, type: "date", value: to, onChange: (e) => setTo(e.target.value), className: styles.input })
         ] }),
         /* @__PURE__ */ jsxs("div", { className: styles.fieldGroup, children: [
-          /* @__PURE__ */ jsx("label", { className: styles.label, children: t("billing.filters.project") }),
-          /* @__PURE__ */ jsxs("select", { value: projectId, onChange: (e) => setProjectId(e.target.value), className: styles.select, children: [
+          /* @__PURE__ */ jsx("label", { className: styles.label, htmlFor: projectFilterId, children: t("billing.filters.project") }),
+          /* @__PURE__ */ jsxs("select", { id: projectFilterId, value: projectId, onChange: (e) => setProjectId(e.target.value), className: styles.select, children: [
             /* @__PURE__ */ jsx("option", { value: "", children: t("ticket.allProjects") }),
             projects.map((p) => /* @__PURE__ */ jsx("option", { value: p.id, children: p.name }, p.id))
           ] })
         ] }),
         /* @__PURE__ */ jsxs("div", { className: styles.fieldGroup, children: [
-          /* @__PURE__ */ jsx("label", { className: styles.label, children: t("billing.filters.hourlyRate") }),
+          /* @__PURE__ */ jsx("label", { className: styles.label, htmlFor: rateId, children: t("billing.filters.hourlyRate") }),
           /* @__PURE__ */ jsxs("div", { className: styles.rateRow, children: [
             /* @__PURE__ */ jsx(
               "input",
               {
+                id: rateId,
                 type: "number",
                 value: rate,
                 onChange: (e) => setRate(Number(e.target.value)),
@@ -293,6 +298,7 @@ const BillingClient = () => {
                 "input",
                 {
                   type: "checkbox",
+                  "aria-label": t("billing.tableCheckboxTitle"),
                   checked: group.tickets.every((t2) => billedTickets.has(t2.id)),
                   onChange: () => {
                     const ids = group.tickets.map((t2) => t2.id);
@@ -326,6 +332,7 @@ const BillingClient = () => {
                   "input",
                   {
                     type: "checkbox",
+                    "aria-label": isBilled ? t("billing.markUnbilledTitle") : t("billing.markBilledTitle"),
                     checked: isBilled,
                     onChange: () => toggleBilled(ticket.id),
                     className: styles.checkbox,

package/dist/views/BillingView/index.js

@@ -1,14 +1,14 @@
 import { jsx } from 'react/jsx-runtime';
 import { DefaultTemplate } from '@payloadcms/next/templates';
 import { redirect } from 'next/navigation';
+import { supportViewRedirectTarget } from '../shared/viewAccess.js';
 import { AdminErrorBoundary } from '../shared/ErrorBoundary.js';
 import { BillingClient } from './client.js';
 
 const BillingView = ({ initPageResult }) => {
   const { req, visibleEntities } = initPageResult;
-  if (!req.user) {
-    redirect("/admin/login");
-  }
+  const redirectTo = supportViewRedirectTarget(initPageResult);
+  if (redirectTo) redirect(redirectTo);
   return /* @__PURE__ */ jsx(
     DefaultTemplate,
     {
@@ -18,7 +18,7 @@ const BillingView = ({ initPageResult }) => {
       payload: req.payload,
       permissions: initPageResult.permissions,
       searchParams: {},
-      user: req.user,
+      user: req.user ?? void 0,
       visibleEntities,
       children: /* @__PURE__ */ jsx(AdminErrorBoundary, { viewName: "BillingView", children: /* @__PURE__ */ jsx(BillingClient, {}) })
     }

package/dist/views/ChatView/client.js

@@ -252,6 +252,7 @@ const ChatViewClient = () => {
           cannedResponses.length > 0 && /* @__PURE__ */ jsxs(
             "select",
             {
+              "aria-label": t("chat.quickReply"),
               onChange: (e) => {
                 const cr = cannedResponses.find((c) => String(c.id) === e.target.value);
                 if (cr) setInput(cr.body);
@@ -269,6 +270,7 @@ const ChatViewClient = () => {
               "input",
               {
                 type: "text",
+                "aria-label": t("chat.inputPlaceholder"),
                 value: input,
                 onChange: (e) => setInput(e.target.value),
                 placeholder: t("chat.inputPlaceholder"),

package/dist/views/ChatView/index.js

@@ -1,14 +1,14 @@
 import { jsx } from 'react/jsx-runtime';
 import { DefaultTemplate } from '@payloadcms/next/templates';
 import { redirect } from 'next/navigation';
+import { supportViewRedirectTarget } from '../shared/viewAccess.js';
 import { AdminErrorBoundary } from '../shared/ErrorBoundary.js';
 import { ChatViewClient } from './client.js';
 
 const ChatView = ({ initPageResult }) => {
   const { req, visibleEntities } = initPageResult;
-  if (!req.user) {
-    redirect("/admin/login");
-  }
+  const redirectTo = supportViewRedirectTarget(initPageResult);
+  if (redirectTo) redirect(redirectTo);
   return /* @__PURE__ */ jsx(
     DefaultTemplate,
     {
@@ -18,7 +18,7 @@ const ChatView = ({ initPageResult }) => {
       payload: req.payload,
       permissions: initPageResult.permissions,
       searchParams: {},
-      user: req.user,
+      user: req.user ?? void 0,
       visibleEntities,
       children: /* @__PURE__ */ jsx(AdminErrorBoundary, { viewName: "ChatView", children: /* @__PURE__ */ jsx(ChatViewClient, {}) })
     }

package/dist/views/CrmView/client.js

@@ -211,6 +211,7 @@ Cette action est irr\xE9versible.`)) return;
           "input",
           {
             type: "text",
+            "aria-label": t("crm.searchLabel"),
             placeholder: t("crm.searchPlaceholder"),
             value: search,
             onChange: (e) => setSearch(e.target.value),
@@ -295,6 +296,7 @@ Cette action est irr\xE9versible.`)) return;
             "input",
             {
               type: "text",
+              "aria-label": t("crm.mergeTitle"),
               value: mergeSearch,
               onChange: (e) => setMergeSearch(e.target.value),
               placeholder: t("crm.mergeSearchPlaceholder"),