@consilioweb/payload-support 5.0.0 → 6.0.1

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.js

@@ -0,0 +1,20 @@
+function dbFind(payload, slug, options = {}) {
+  return payload.find({ collection: slug, ...options });
+}
+function dbFindByID(payload, slug, options) {
+  return payload.findByID({ collection: slug, ...options });
+}
+function dbCreate(payload, slug, options) {
+  return payload.create({ collection: slug, ...options });
+}
+function dbUpdate(payload, slug, options) {
+  return payload.update({ collection: slug, ...options });
+}
+function dbCount(payload, slug, options = {}) {
+  return payload.count({ collection: slug, ...options });
+}
+function dbDelete(payload, slug, options) {
+  return payload.delete({ collection: slug, ...options });
+}
+
+export { dbCount, dbCreate, dbDelete, dbFind, dbFindByID, dbUpdate };

package/dist/utils/readSettings.js

@@ -0,0 +1,150 @@
+import { dbFind } from './db.js';
+import { DEFAULT_TICKETING_FEATURES, projectAutoClose, normalizeFeatures } from './features.js';
+
+const SUPPORT_SETTINGS_PREF_KEY = "support-settings";
+const PREF_KEY = SUPPORT_SETTINGS_PREF_KEY;
+const USER_PREFS_KEY_PREFIX = "support-user-prefs";
+const LEGACY_ROUND_ROBIN_KEY = "support-round-robin";
+const SUPPORT_STAFF_SLUG_CONFIG_KEY = "supportStaffCollection";
+function resolveStaffPrefSlug(payload, staffSlug) {
+  if (staffSlug) return staffSlug;
+  const config = payload.config;
+  const registered = config?.custom?.[SUPPORT_STAFF_SLUG_CONFIG_KEY];
+  if (typeof registered === "string" && registered) return registered;
+  return config?.admin?.user || "users";
+}
+const DEFAULT_SETTINGS = {
+  email: { fromAddress: "", fromName: "Support", replyToAddress: "" },
+  ai: { provider: "anthropic", model: "claude-haiku-4-5-20251001", enableSentiment: true, enableSynthesis: true, enableSuggestion: true, enableRewrite: true },
+  sla: { firstResponseMinutes: 120, resolutionMinutes: 1440, businessHoursOnly: true, escalationEmail: "" },
+  autoClose: { enabled: true, daysBeforeClose: 7, reminderDaysBefore: 2 },
+  features: { ...DEFAULT_TICKETING_FEATURES }
+};
+const DEFAULT_USER_PREFS = {
+  locale: "fr",
+  signature: ""
+};
+const settingsCache = /* @__PURE__ */ new Map();
+const SETTINGS_TTL_MS = 6e4;
+const SETTINGS_CACHE_MAX = 8;
+const warnedForeignSettingsRow = /* @__PURE__ */ new Set();
+function invalidateSupportSettingsCache() {
+  settingsCache.clear();
+  warnedForeignSettingsRow.clear();
+}
+function mergeSupportSettings(stored, base = DEFAULT_SETTINGS) {
+  const autoClose = { ...base.autoClose, ...stored?.autoClose };
+  return {
+    email: { ...base.email, ...stored?.email },
+    ai: { ...base.ai, ...stored?.ai },
+    sla: { ...base.sla, ...stored?.sla },
+    autoClose,
+    // `autoClose` / `autoCloseDays` are projections of the block above, so they
+    // are recomputed here rather than trusted from whatever was persisted.
+    features: projectAutoClose(
+      normalizeFeatures({ ...base.features, ...stored?.features }),
+      autoClose
+    )
+  };
+}
+async function readSupportSettingsState(payload, staffSlug) {
+  const staff = resolveStaffPrefSlug(payload, staffSlug);
+  const cached = settingsCache.get(staff);
+  if (cached && Date.now() - cached.ts < SETTINGS_TTL_MS) {
+    return cached.value;
+  }
+  let value = {
+    settings: mergeSupportSettings(null),
+    featuresConfigured: false
+  };
+  try {
+    const prefs = await dbFind(payload, "payload-preferences", {
+      // Sibling keys are AND-ed by Payload. The `user.relationTo` clause is the
+      // security boundary: without it any authenticated principal can plant a
+      // `support-settings` row and own the plugin's server settings.
+      where: { key: { equals: PREF_KEY }, "user.relationTo": { equals: staff } },
+      // The upsert is scoped per admin user, so several rows can share the key.
+      // Sorting makes "last write wins" deterministic instead of arbitrary.
+      sort: "-updatedAt",
+      limit: 1,
+      depth: 0,
+      overrideAccess: true
+    });
+    if (prefs.docs.length > 0) {
+      const stored = prefs.docs[0].value;
+      const featuresConfigured = !!stored.features && typeof stored.features === "object";
+      const settings = mergeSupportSettings(stored);
+      if (!featuresConfigured) {
+        settings.features.roundRobin = await readLegacyRoundRobin(payload, staff);
+      }
+      value = { settings, featuresConfigured };
+    } else {
+      await warnOnForeignSettingsRow(payload, staff);
+    }
+  } catch {
+  }
+  if (settingsCache.size >= SETTINGS_CACHE_MAX && !settingsCache.has(staff)) settingsCache.clear();
+  settingsCache.set(staff, { value, ts: Date.now() });
+  return value;
+}
+async function warnOnForeignSettingsRow(payload, staff) {
+  if (warnedForeignSettingsRow.has(staff)) return;
+  try {
+    const any = await dbFind(payload, "payload-preferences", {
+      where: { key: { equals: PREF_KEY } },
+      limit: 1,
+      depth: 0,
+      overrideAccess: true
+    });
+    if (any.docs.length === 0) return;
+    if (warnedForeignSettingsRow.size >= SETTINGS_CACHE_MAX) warnedForeignSettingsRow.clear();
+    warnedForeignSettingsRow.add(staff);
+    console.warn(
+      `[support] A "${PREF_KEY}" preference row exists but none is owned by the "${staff}" collection: the plugin is running on its DEFAULT settings. Either the staff auth collection differs from \`admin.user\`, or the row was written by a principal that is not staff \u2014 in which case it is ignored on purpose.`
+    );
+  } catch {
+  }
+}
+async function readSupportSettings(payload, staffSlug) {
+  return (await readSupportSettingsState(payload, staffSlug)).settings;
+}
+async function readLegacyRoundRobin(payload, staff) {
+  try {
+    const prefs = await dbFind(payload, "payload-preferences", {
+      where: { key: { equals: LEGACY_ROUND_ROBIN_KEY }, "user.relationTo": { equals: staff } },
+      limit: 1,
+      depth: 0,
+      overrideAccess: true
+    });
+    if (prefs.docs.length > 0) {
+      return prefs.docs[0].value?.enabled === true;
+    }
+  } catch {
+  }
+  return DEFAULT_TICKETING_FEATURES.roundRobin;
+}
+async function readUserPrefs(payload, userId, staffSlug) {
+  try {
+    const key = `${USER_PREFS_KEY_PREFIX}-${userId}`;
+    const prefs = await dbFind(payload, "payload-preferences", {
+      where: {
+        key: { equals: key },
+        "user.relationTo": { equals: resolveStaffPrefSlug(payload, staffSlug) }
+      },
+      limit: 1,
+      depth: 0,
+      overrideAccess: true
+    });
+    if (prefs.docs.length > 0) {
+      const stored = prefs.docs[0].value;
+      return {
+        locale: stored.locale || DEFAULT_USER_PREFS.locale,
+        signature: stored.signature ?? DEFAULT_USER_PREFS.signature
+      };
+    }
+  } catch {
+  }
+  return { ...DEFAULT_USER_PREFS };
+}
+
+export { DEFAULT_SETTINGS, DEFAULT_USER_PREFS, SUPPORT_SETTINGS_PREF_KEY, SUPPORT_STAFF_SLUG_CONFIG_KEY, invalidateSupportSettingsCache, mergeSupportSettings, readSupportSettings, readSupportSettingsState, readUserPrefs, resolveStaffPrefSlug };

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/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/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"),