@consilioweb/payload-support 5.0.0 → 6.0.1

package/dist/views/EmailTrackingView/client.js

@@ -2,6 +2,7 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
 import React, { useState, useCallback, useEffect } from 'react';
 import { useTranslation } from '../../components/TicketConversation/hooks/useTranslation.js';
+import { V } from '../shared/adminTokens.js';
 import { DATE_LOCALE } from '../shared/dateLocale.js';
 import s from '../../styles/EmailTracking.module.scss';
 
@@ -107,7 +108,7 @@ const EmailTrackingClient = () => {
         v,
         "j"
       ] }, v)) }),
-      /* @__PURE__ */ jsx("input", { type: "text", className: s.searchInput, placeholder: t("emailTracking.searchPlaceholder"), value: search, onChange: (e) => setSearch(e.target.value) })
+      /* @__PURE__ */ jsx("input", { type: "text", className: s.searchInput, "aria-label": t("emailTracking.searchLabel"), placeholder: t("emailTracking.searchPlaceholder"), value: search, onChange: (e) => setSearch(e.target.value) })
     ] }),
     logs.length === 0 ? /* @__PURE__ */ jsx("div", { className: s.empty, children: t("emailTracking.noLogs") }) : /* @__PURE__ */ jsxs("table", { className: s.table, children: [
       /* @__PURE__ */ jsx("thead", { children: /* @__PURE__ */ jsxs("tr", { children: [
@@ -120,7 +121,7 @@ const EmailTrackingClient = () => {
         /* @__PURE__ */ jsx("th", { style: { textAlign: "right" }, children: t("emailTracking.tableHeaders.time") })
       ] }) }),
       /* @__PURE__ */ jsx("tbody", { children: logs.map((log) => /* @__PURE__ */ jsxs(React.Fragment, { children: [
-        /* @__PURE__ */ jsxs("tr", { onClick: () => log.status === "error" && log.errorMessage ? setExpandedRow(expandedRow === log.id ? null : log.id) : null, style: { cursor: log.status === "error" && log.errorMessage ? "pointer" : "default" }, children: [
+        /* @__PURE__ */ jsxs("tr", { children: [
           /* @__PURE__ */ jsx("td", { style: { fontSize: 12, whiteSpace: "nowrap" }, children: fmtDate(log.createdAt) }),
           /* @__PURE__ */ jsx("td", { style: { maxWidth: 200, overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap" }, title: log.recipientEmail, children: log.recipientEmail || "\u2014" }),
           /* @__PURE__ */ jsx("td", { style: { maxWidth: 250, overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap" }, title: log.subject, children: log.subject || "\u2014" }),
@@ -132,14 +133,25 @@ const EmailTrackingClient = () => {
               log.processingTimeMs,
               "ms"
             ] }) : "\u2014",
-            log.status === "error" && log.errorMessage && /* @__PURE__ */ jsx("button", { className: s.expandBtn, onClick: (e) => {
-              e.stopPropagation();
-              setExpandedRow(expandedRow === log.id ? null : log.id);
-            }, children: expandedRow === log.id ? "\u25B4" : "\u25BE" })
+            log.status === "error" && log.errorMessage && /* The row itself carries no handler: a `<tr onClick>` is
+             * unreachable by keyboard and role="button" on a row would
+             * destroy the table semantics. This button is the control. */
+            /* @__PURE__ */ jsx(
+              "button",
+              {
+                type: "button",
+                className: s.expandBtn,
+                "aria-expanded": expandedRow === log.id,
+                "aria-controls": `email-error-${log.id}`,
+                "aria-label": t("emailTracking.toggleError"),
+                onClick: () => setExpandedRow(expandedRow === log.id ? null : log.id),
+                children: expandedRow === log.id ? "\u25B4" : "\u25BE"
+              }
+            )
           ] })
         ] }),
-        expandedRow === log.id && log.errorMessage && /* @__PURE__ */ jsx("tr", { children: /* @__PURE__ */ jsx("td", { colSpan: 7, children: /* @__PURE__ */ jsxs("div", { className: s.errorDetail, children: [
-          "Erreur",
+        expandedRow === log.id && log.errorMessage && /* @__PURE__ */ jsx("tr", { children: /* @__PURE__ */ jsx("td", { colSpan: 7, children: /* @__PURE__ */ jsxs("div", { className: s.errorDetail, id: `email-error-${log.id}`, children: [
+          t("emailTracking.errorLabel"),
           log.httpStatus ? ` (HTTP ${log.httpStatus})` : "",
           ": ",
           log.errorMessage
@@ -147,8 +159,8 @@ const EmailTrackingClient = () => {
       ] }, log.id)) })
     ] }),
     totalDocs > 0 && /* @__PURE__ */ jsxs("div", { className: s.pagination, children: [
-      /* @__PURE__ */ jsx("button", { className: s.pageBtn, onClick: () => setPage((p) => Math.max(1, p - 1)), disabled: page <= 1, children: t("common.previous") }),
-      /* @__PURE__ */ jsxs("span", { style: { fontSize: 12, color: "var(--theme-elevation-500)", alignSelf: "center" }, children: [
+      /* @__PURE__ */ jsx("button", { type: "button", className: s.pageBtn, onClick: () => setPage((p) => Math.max(1, p - 1)), disabled: page <= 1, children: t("common.previous") }),
+      /* @__PURE__ */ jsxs("span", { style: { fontSize: 12, color: V.textSecondary, alignSelf: "center" }, children: [
         t("common.page"),
         " ",
         page,
@@ -157,7 +169,7 @@ const EmailTrackingClient = () => {
         " ",
         t("common.results")
       ] }),
-      /* @__PURE__ */ jsx("button", { className: s.pageBtn, onClick: () => setPage((p) => p + 1), disabled: !hasMore, children: t("common.next") })
+      /* @__PURE__ */ jsx("button", { type: "button", className: s.pageBtn, onClick: () => setPage((p) => p + 1), disabled: !hasMore, children: t("common.next") })
     ] })
   ] });
 };

package/dist/views/ImportConversationView/client.js

@@ -132,6 +132,7 @@ function ImportConversationClient() {
               ref: fileRef,
               type: "file",
               accept: ".md,.txt",
+              "aria-label": t("import.acceptedFormats"),
               onChange: onFileChange,
               style: { display: "none" }
             }

package/dist/views/LogsView/client.js

@@ -99,7 +99,7 @@ const LogsClient = () => {
         }, children: log.status === "success" ? t("logs.statusSuccess") : log.status === "error" ? t("logs.statusError") : t("logs.statusIgnored") }) }),
         /* @__PURE__ */ jsx("td", { className: s.truncate, title: log.recipientEmail, children: log.recipientEmail || "\u2014" }),
         /* @__PURE__ */ jsx("td", { className: s.truncate, title: log.subject, children: log.subject || "\u2014" }),
-        /* @__PURE__ */ jsx("td", { style: { fontSize: 12, color: "var(--theme-elevation-500)" }, children: log.action || "\u2014" }),
+        /* @__PURE__ */ jsx("td", { style: { fontSize: 12, color: "var(--theme-elevation-650)" }, children: log.action || "\u2014" }),
         /* @__PURE__ */ jsx("td", { style: { textAlign: "right" }, children: log.processingTimeMs != null ? /* @__PURE__ */ jsxs("span", { className: s.mono, style: { color: log.processingTimeMs > 2e3 ? "#dc2626" : log.processingTimeMs > 500 ? "#d97706" : "#16a34a" }, children: [
           log.processingTimeMs,
           "ms"

package/dist/views/NewTicketView/client.js

@@ -1,6 +1,6 @@
 "use client";
 import { jsxs, jsx } from 'react/jsx-runtime';
-import { useState, useEffect } from 'react';
+import { useId, useState, useEffect } from 'react';
 import Link from 'next/link';
 import { useRouter } from 'next/navigation';
 import { useTranslation } from '../../components/TicketConversation/hooks/useTranslation.js';
@@ -22,6 +22,12 @@ const PRIORITY_KEYS = [
 ];
 const NewTicketClient = () => {
   const { t } = useTranslation();
+  const clientSearchId = useId();
+  const subjectId = useId();
+  const categoryId = useId();
+  const priorityId = useId();
+  const projectId_ = useId();
+  const descriptionId = useId();
   const router = useRouter();
   const [subject, setSubject] = useState("");
   const [description, setDescription] = useState("");
@@ -121,7 +127,7 @@ const NewTicketClient = () => {
     error && /* @__PURE__ */ jsx("div", { className: s.error, children: error }),
     /* @__PURE__ */ jsxs("form", { className: s.form, onSubmit: handleSubmit, children: [
       /* @__PURE__ */ jsxs("div", { className: s.fieldGroup, children: [
-        /* @__PURE__ */ jsxs("label", { className: s.label, children: [
+        /* @__PURE__ */ jsxs("label", { className: s.label, htmlFor: clientSearchId, children: [
           t("newTicket.clientLabel"),
           " ",
           /* @__PURE__ */ jsx("span", { className: s.required, children: "*" })
@@ -134,7 +140,7 @@ const NewTicketClient = () => {
             " \u2014 ",
             selectedClient.company
           ] }),
-          /* @__PURE__ */ jsx("span", { style: { fontSize: 12, color: "var(--theme-elevation-500)" }, children: selectedClient.email }),
+          /* @__PURE__ */ jsx("span", { style: { fontSize: 12, color: "var(--theme-elevation-650)" }, children: selectedClient.email }),
           /* @__PURE__ */ jsx("button", { type: "button", onClick: () => {
             setSelectedClient(null);
             setClientId(null);
@@ -144,6 +150,7 @@ const NewTicketClient = () => {
           /* @__PURE__ */ jsx(
             "input",
             {
+              id: clientSearchId,
               type: "text",
               className: s.input,
               placeholder: t("newTicket.clientSearchPlaceholder"),
@@ -171,33 +178,33 @@ const NewTicketClient = () => {
         ] })
       ] }),
       /* @__PURE__ */ jsxs("div", { className: s.fieldGroup, children: [
-        /* @__PURE__ */ jsxs("label", { className: s.label, children: [
+        /* @__PURE__ */ jsxs("label", { className: s.label, htmlFor: subjectId, children: [
           t("newTicket.subjectLabel"),
           " ",
           /* @__PURE__ */ jsx("span", { className: s.required, children: "*" })
         ] }),
-        /* @__PURE__ */ jsx("input", { type: "text", className: s.input, placeholder: t("newTicket.subjectPlaceholder"), value: subject, onChange: (e) => setSubject(e.target.value) })
+        /* @__PURE__ */ jsx("input", { id: subjectId, type: "text", className: s.input, placeholder: t("newTicket.subjectPlaceholder"), value: subject, onChange: (e) => setSubject(e.target.value) })
       ] }),
       /* @__PURE__ */ jsxs("div", { className: s.row3, children: [
         /* @__PURE__ */ jsxs("div", { className: s.fieldGroup, children: [
-          /* @__PURE__ */ jsx("label", { className: s.label, children: t("newTicket.categoryLabel") }),
-          /* @__PURE__ */ jsx("select", { className: s.select, value: category, onChange: (e) => setCategory(e.target.value), children: CATEGORY_KEYS.map((c) => /* @__PURE__ */ jsx("option", { value: c.value, children: t(c.key) }, c.value)) })
+          /* @__PURE__ */ jsx("label", { className: s.label, htmlFor: categoryId, children: t("newTicket.categoryLabel") }),
+          /* @__PURE__ */ jsx("select", { id: categoryId, className: s.select, value: category, onChange: (e) => setCategory(e.target.value), children: CATEGORY_KEYS.map((c) => /* @__PURE__ */ jsx("option", { value: c.value, children: t(c.key) }, c.value)) })
         ] }),
         /* @__PURE__ */ jsxs("div", { className: s.fieldGroup, children: [
-          /* @__PURE__ */ jsx("label", { className: s.label, children: t("newTicket.priorityLabel") }),
-          /* @__PURE__ */ jsx("select", { className: s.select, value: priority, onChange: (e) => setPriority(e.target.value), children: PRIORITY_KEYS.map((p) => /* @__PURE__ */ jsx("option", { value: p.value, children: t(p.key) }, p.value)) })
+          /* @__PURE__ */ jsx("label", { className: s.label, htmlFor: priorityId, children: t("newTicket.priorityLabel") }),
+          /* @__PURE__ */ jsx("select", { id: priorityId, className: s.select, value: priority, onChange: (e) => setPriority(e.target.value), children: PRIORITY_KEYS.map((p) => /* @__PURE__ */ jsx("option", { value: p.value, children: t(p.key) }, p.value)) })
         ] }),
         /* @__PURE__ */ jsxs("div", { className: s.fieldGroup, children: [
-          /* @__PURE__ */ jsx("label", { className: s.label, children: t("newTicket.projectLabel") }),
-          /* @__PURE__ */ jsxs("select", { className: s.select, value: projectId || "", onChange: (e) => setProjectId(e.target.value ? Number(e.target.value) : null), children: [
+          /* @__PURE__ */ jsx("label", { className: s.label, htmlFor: projectId_, children: t("newTicket.projectLabel") }),
+          /* @__PURE__ */ jsxs("select", { id: projectId_, className: s.select, value: projectId || "", onChange: (e) => setProjectId(e.target.value ? Number(e.target.value) : null), children: [
             /* @__PURE__ */ jsx("option", { value: "", children: t("newTicket.noProject") }),
             projects.map((p) => /* @__PURE__ */ jsx("option", { value: p.id, children: p.name }, p.id))
           ] })
         ] })
       ] }),
       /* @__PURE__ */ jsxs("div", { className: s.fieldGroup, children: [
-        /* @__PURE__ */ jsx("label", { className: s.label, children: t("newTicket.descriptionLabel") }),
-        /* @__PURE__ */ jsx("textarea", { className: s.textarea, placeholder: t("newTicket.descriptionPlaceholder"), value: description, onChange: (e) => setDescription(e.target.value) })
+        /* @__PURE__ */ jsx("label", { className: s.label, htmlFor: descriptionId, children: t("newTicket.descriptionLabel") }),
+        /* @__PURE__ */ jsx("textarea", { id: descriptionId, className: s.textarea, placeholder: t("newTicket.descriptionPlaceholder"), value: description, onChange: (e) => setDescription(e.target.value) })
       ] }),
       /* @__PURE__ */ jsx("button", { type: "submit", className: s.submitBtn, disabled: submitting, children: submitting ? t("newTicket.submitting") : t("newTicket.submitButton") })
     ] })

package/dist/views/PendingEmailsView/client.js

@@ -1,7 +1,7 @@
 "use client";
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { useState, useCallback, useEffect } from 'react';
-import { Inbox, Paperclip, ChevronUp, ChevronDown, Plus, Link2, X, Search } from 'lucide-react';
+import { Inbox, Paperclip, ChevronUp, ChevronDown, Plus, Link2, X, Search } from '../shared/icons.js';
 import { SkeletonDashboard } from '../shared/Skeleton.js';
 import { useTranslation } from '../../components/TicketConversation/hooks/useTranslation.js';
 import styles from '../../styles/PendingEmails.module.scss';
@@ -52,7 +52,7 @@ function TicketSearchModal({
   return /* @__PURE__ */ jsx("div", { className: styles.overlay, onClick: onClose, children: /* @__PURE__ */ jsxs("div", { className: styles.modal, onClick: (e) => e.stopPropagation(), children: [
     /* @__PURE__ */ jsxs("div", { className: styles.modalHeader, children: [
       /* @__PURE__ */ jsx("h3", { className: styles.modalTitle, children: "Rattacher a un ticket" }),
-      /* @__PURE__ */ jsx("button", { onClick: onClose, className: styles.modalClose, children: /* @__PURE__ */ jsx(X, { size: 20 }) })
+      /* @__PURE__ */ jsx("button", { type: "button", "aria-label": "Fermer", onClick: onClose, className: styles.modalClose, children: /* @__PURE__ */ jsx(X, { size: 20 }) })
     ] }),
     suggestions.length > 0 && /* @__PURE__ */ jsxs("div", { className: styles.sectionBlock, children: [
       /* @__PURE__ */ jsx("div", { className: styles.sectionLabel, children: "Suggestions" }),
@@ -71,6 +71,7 @@ function TicketSearchModal({
         "input",
         {
           type: "text",
+          "aria-label": "Rechercher un ticket",
           placeholder: "Rechercher un ticket (TK-0042, sujet...)...",
           value: search,
           onChange: (e) => setSearch(e.target.value),
@@ -163,7 +164,7 @@ function ClientPickerModal({
   return /* @__PURE__ */ jsx("div", { className: styles.overlay, onClick: onClose, children: /* @__PURE__ */ jsxs("div", { className: styles.modal, onClick: (e) => e.stopPropagation(), children: [
     /* @__PURE__ */ jsxs("div", { className: styles.modalHeader, children: [
       /* @__PURE__ */ jsx("h3", { className: styles.modalTitle, children: "Choisir un client" }),
-      /* @__PURE__ */ jsx("button", { onClick: onClose, className: styles.modalClose, children: /* @__PURE__ */ jsx(X, { size: 20 }) })
+      /* @__PURE__ */ jsx("button", { type: "button", "aria-label": "Fermer", onClick: onClose, className: styles.modalClose, children: /* @__PURE__ */ jsx(X, { size: 20 }) })
     ] }),
     detectedClient && /* @__PURE__ */ jsxs("div", { className: styles.sectionBlock, children: [
       /* @__PURE__ */ jsx("div", { className: styles.sectionLabel, children: "Client detecte" }),
@@ -181,6 +182,7 @@ function ClientPickerModal({
         "input",
         {
           type: "text",
+          "aria-label": "Rechercher un client",
           placeholder: "Rechercher un client (nom, email, entreprise)...",
           value: search,
           onChange: (e) => setSearch(e.target.value),
@@ -205,6 +207,7 @@ function ClientPickerModal({
           "input",
           {
             type: "text",
+            "aria-label": "Prenom",
             placeholder: "Prenom *",
             value: newClient.firstName,
             onChange: (e) => setNewClient((p) => ({ ...p, firstName: e.target.value })),
@@ -215,6 +218,7 @@ function ClientPickerModal({
           "input",
           {
             type: "text",
+            "aria-label": "Nom",
             placeholder: "Nom",
             value: newClient.lastName,
             onChange: (e) => setNewClient((p) => ({ ...p, lastName: e.target.value })),
@@ -226,6 +230,7 @@ function ClientPickerModal({
         "input",
         {
           type: "email",
+          "aria-label": "Email",
           placeholder: "Email *",
           value: newClient.email,
           onChange: (e) => setNewClient((p) => ({ ...p, email: e.target.value })),
@@ -236,6 +241,7 @@ function ClientPickerModal({
         "input",
         {
           type: "text",
+          "aria-label": "Entreprise",
           placeholder: "Entreprise *",
           value: newClient.company,
           onChange: (e) => setNewClient((p) => ({ ...p, company: e.target.value })),

package/dist/views/SupportDashboardView/client.js

@@ -372,25 +372,23 @@ const SupportDashboardClient = () => {
             /* @__PURE__ */ jsx("th", { children: t("dashboard.tableHeaders.modified") }),
             /* @__PURE__ */ jsx("th", {})
           ] }) }),
-          /* @__PURE__ */ jsx("tbody", { children: tickets.map((tk) => /* @__PURE__ */ jsxs(
-            "tr",
-            {
-              onClick: () => {
-                window.location.href = `/admin/support/ticket?id=${tk.id}`;
-              },
-              children: [
-                /* @__PURE__ */ jsx("td", { children: /* @__PURE__ */ jsx("span", { className: `${styles.statusDot} ${getStatusDotClass(tk.status)}` }) }),
-                /* @__PURE__ */ jsxs("td", { className: styles.ticketNum, children: [
-                  "#",
-                  tk.ticketNumber
-                ] }),
-                /* @__PURE__ */ jsx("td", { className: styles.ticketSubject, children: tk.subject }),
-                /* @__PURE__ */ jsx("td", { className: styles.ticketClient, children: getClientName(tk) }),
-                /* @__PURE__ */ jsx("td", { className: styles.ticketTime, children: timeAgo(tk.updatedAt) }),
-                /* @__PURE__ */ jsx("td", { className: styles.ticketArrow, children: "\u2192" })
-              ]
-            },
-            tk.id
+          /* @__PURE__ */ jsx("tbody", { children: tickets.map((tk) => (
+            /*
+             * The row is not the control: a `<tr onClick>` is invisible to
+             * the keyboard, and turning it into role="button" would cost
+             * the table semantics. The link lives in the subject cell.
+             */
+            /* @__PURE__ */ jsxs("tr", { children: [
+              /* @__PURE__ */ jsx("td", { children: /* @__PURE__ */ jsx("span", { className: `${styles.statusDot} ${getStatusDotClass(tk.status)}` }) }),
+              /* @__PURE__ */ jsxs("td", { className: styles.ticketNum, children: [
+                "#",
+                tk.ticketNumber
+              ] }),
+              /* @__PURE__ */ jsx("td", { className: styles.ticketSubject, children: /* @__PURE__ */ jsx("a", { className: styles.ticketLink, href: `/admin/support/ticket?id=${tk.id}`, children: tk.subject }) }),
+              /* @__PURE__ */ jsx("td", { className: styles.ticketClient, children: getClientName(tk) }),
+              /* @__PURE__ */ jsx("td", { className: styles.ticketTime, children: timeAgo(tk.updatedAt) }),
+              /* @__PURE__ */ jsx("td", { className: styles.ticketArrow, children: "\u2192" })
+            ] }, tk.id)
           )) })
         ] })
       ] }),

package/dist/views/TicketDetailView/client.js

@@ -1,6 +1,6 @@
 "use client";
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-import React, { useRef, useState, useEffect, useCallback } from 'react';
+import React, { useRef, useId, useState, useEffect, useCallback } from 'react';
 import { useSearchParams } from 'next/navigation';
 import Link from 'next/link';
 import { RichTextEditor } from '../../components/RichTextEditor/index.js';
@@ -25,6 +25,11 @@ const TicketDetailClient = () => {
   const threadEndRef = useRef(null);
   const dropdownRef = useRef(null);
   const fileInputRef = useRef(null);
+  const manualTimeId = useId();
+  const billingTypeId = useId();
+  const flatAmountId = useId();
+  const billedAmountId = useId();
+  const paymentStatusId = useId();
   const [ticket, setTicket] = useState(null);
   const [messages, setMessages] = useState([]);
   const [client, setClient] = useState(null);
@@ -755,7 +760,7 @@ ${uploadedLinks.join("\n")}` : replyBody.trim() || "[Contenu enrichi]";
                   Array.isArray(msg.attachments) && msg.attachments.length > 0 && /* @__PURE__ */ jsx("div", { className: s.attachments, children: msg.attachments.map((att, i) => {
                     const file = typeof att.file === "object" ? att.file : null;
                     if (!file) return null;
-                    return (file.mimeType || "").startsWith("image/") ? /* @__PURE__ */ jsx("a", { href: file.url || "#", target: "_blank", rel: "noopener noreferrer", children: /* @__PURE__ */ jsx("img", { src: file.url || "", alt: "", className: s.attachmentImg }) }, i) : /* @__PURE__ */ jsxs("a", { href: file.url || "#", target: "_blank", rel: "noopener noreferrer", className: s.attachmentFile, children: [
+                    return (file.mimeType || "").startsWith("image/") ? /* @__PURE__ */ jsx("a", { href: file.url || "#", target: "_blank", rel: "noopener noreferrer", children: /* @__PURE__ */ jsx("img", { src: file.url || "", alt: file.filename || t("detail.file"), className: s.attachmentImg }) }, i) : /* @__PURE__ */ jsxs("a", { href: file.url || "#", target: "_blank", rel: "noopener noreferrer", className: s.attachmentFile, children: [
                       "PJ ",
                       file.filename || "Fichier"
                     ] }, i);
@@ -846,7 +851,7 @@ ${uploadedLinks.join("\n")}` : replyBody.trim() || "[Contenu enrichi]";
                   "\u{1F4CE} ",
                   t("detail.file")
                 ] }),
-                /* @__PURE__ */ jsx("input", { ref: fileInputRef, type: "file", multiple: true, className: s.hiddenFileInput, onChange: (e) => handleFileSelect(e.target.files) }),
+                /* @__PURE__ */ jsx("input", { ref: fileInputRef, type: "file", multiple: true, "aria-label": t("detail.file"), className: s.hiddenFileInput, onChange: (e) => handleFileSelect(e.target.files) }),
                 macros.length > 0 && /* @__PURE__ */ jsxs(
                   "select",
                   {
@@ -920,6 +925,7 @@ ${uploadedLinks.join("\n")}` : replyBody.trim() || "[Contenu enrichi]";
                   /* @__PURE__ */ jsxs(
                     "select",
                     {
+                      "aria-label": t("detail.sendAs"),
                       value: sendAsClient ? "client" : "admin",
                       onChange: (e) => {
                         const asClient = e.target.value === "client";
@@ -1132,9 +1138,9 @@ ${uploadedLinks.join("\n")}` : replyBody.trim() || "[Contenu enrichi]";
             ] }),
             /* @__PURE__ */ jsx("div", { className: s.timerBar, "aria-hidden": true, children: /* @__PURE__ */ jsx("div", { className: s.timerBarFill, style: { width: `${Math.min(100, (totalMin + Math.floor(timerSeconds / 60)) / 120 * 100)}%` } }) }),
             /* @__PURE__ */ jsxs("div", { style: { display: "flex", gap: 6, marginTop: 8, alignItems: "center" }, children: [
-              /* @__PURE__ */ jsx("input", { type: "number", min: "1", placeholder: "min", style: { width: 60, padding: "4px 8px", borderRadius: 6, border: "1px solid var(--theme-elevation-200)", fontSize: 12, color: "var(--theme-text)", background: "var(--theme-elevation-0)" }, id: "manual-time-input" }),
+              /* @__PURE__ */ jsx("input", { type: "number", min: "1", placeholder: "min", "aria-label": t("detail.manualMinutes"), style: { width: 60, padding: "4px 8px", borderRadius: 6, border: "1px solid var(--theme-elevation-200)", fontSize: 12, color: "var(--theme-text)", background: "var(--theme-elevation-0)" }, id: manualTimeId }),
               /* @__PURE__ */ jsx("button", { className: `${s.timerBtn} ${s.timerBtnGhost}`, onClick: async () => {
-                const input = document.getElementById("manual-time-input");
+                const input = document.getElementById(manualTimeId);
                 const mins = Number(input?.value);
                 if (!mins || mins < 1 || !ticketId) return;
                 try {
@@ -1145,7 +1151,7 @@ ${uploadedLinks.join("\n")}` : replyBody.trim() || "[Contenu enrichi]";
                 }
               }, style: { fontSize: 11 }, children: t("detail.addTime") })
             ] }),
-            /* @__PURE__ */ jsxs("div", { style: { marginTop: 8, fontSize: 11, color: "var(--theme-elevation-500)" }, children: [
+            /* @__PURE__ */ jsxs("div", { style: { marginTop: 8, fontSize: 11, color: "var(--theme-elevation-650)" }, children: [
               /* @__PURE__ */ jsxs("div", { style: { display: "flex", justifyContent: "space-between", padding: "2px 0", alignItems: "center" }, children: [
                 /* @__PURE__ */ jsx("span", { children: t("detail.billing.billable") }),
                 /* @__PURE__ */ jsx(
@@ -1172,7 +1178,7 @@ ${uploadedLinks.join("\n")}` : replyBody.trim() || "[Contenu enrichi]";
                 ] })
               ] })
             ] }),
-            timeEntries.length > 0 && /* @__PURE__ */ jsx("div", { style: { marginTop: 8, fontSize: 11 }, children: timeEntries.slice(0, 6).map((e) => /* @__PURE__ */ jsxs("div", { style: { display: "flex", justifyContent: "space-between", padding: "3px 0", color: "var(--theme-elevation-500)" }, children: [
+            timeEntries.length > 0 && /* @__PURE__ */ jsx("div", { style: { marginTop: 8, fontSize: 11 }, children: timeEntries.slice(0, 6).map((e) => /* @__PURE__ */ jsxs("div", { style: { display: "flex", justifyContent: "space-between", padding: "3px 0", color: "var(--theme-elevation-650)" }, children: [
               /* @__PURE__ */ jsx("span", { children: new Date(e.date).toLocaleDateString(DATE_LOCALE, { day: "numeric", month: "short" }) }),
               /* @__PURE__ */ jsxs("span", { title: e.description, style: { fontWeight: 600, cursor: e.description ? "help" : "default" }, children: [
                 e.duration,
@@ -1191,6 +1197,7 @@ ${uploadedLinks.join("\n")}` : replyBody.trim() || "[Contenu enrichi]";
                 "input",
                 {
                   className: s.tagInput,
+                  "aria-label": t("detail.addTag"),
                   value: newTagValue,
                   onChange: (e) => setNewTagValue(e.target.value),
                   onKeyDown: (e) => {
@@ -1211,10 +1218,11 @@ ${uploadedLinks.join("\n")}` : replyBody.trim() || "[Contenu enrichi]";
             /* @__PURE__ */ jsx("div", { className: s.sideSectionTitle, children: t("detail.billing.title") }),
             /* @__PURE__ */ jsxs("div", { style: { display: "flex", flexDirection: "column", gap: 8 }, children: [
               /* @__PURE__ */ jsxs("div", { style: { display: "flex", alignItems: "center", justifyContent: "space-between" }, children: [
-                /* @__PURE__ */ jsx("span", { style: { fontSize: 12 }, children: t("detail.billing.type") }),
+                /* @__PURE__ */ jsx("label", { style: { fontSize: 12 }, htmlFor: billingTypeId, children: t("detail.billing.type") }),
                 /* @__PURE__ */ jsxs(
                   "select",
                   {
+                    id: billingTypeId,
                     value: ticket?.billingType || "hourly",
                     onChange: async (e) => {
                       try {
@@ -1237,11 +1245,12 @@ ${uploadedLinks.join("\n")}` : replyBody.trim() || "[Contenu enrichi]";
                 )
               ] }),
               ticket?.billingType === "flat" && /* @__PURE__ */ jsxs("div", { style: { display: "flex", alignItems: "center", justifyContent: "space-between" }, children: [
-                /* @__PURE__ */ jsx("span", { style: { fontSize: 12 }, children: t("detail.billing.flatAmount") }),
+                /* @__PURE__ */ jsx("label", { style: { fontSize: 12 }, htmlFor: flatAmountId, children: t("detail.billing.flatAmount") }),
                 /* @__PURE__ */ jsxs("div", { style: { display: "flex", alignItems: "center", gap: 4 }, children: [
                   /* @__PURE__ */ jsx(
                     "input",
                     {
+                      id: flatAmountId,
                       type: "number",
                       defaultValue: ticket?.flatRateAmount ?? "",
                       placeholder: "0",
@@ -1265,11 +1274,12 @@ ${uploadedLinks.join("\n")}` : replyBody.trim() || "[Contenu enrichi]";
                 ] })
               ] }),
               /* @__PURE__ */ jsxs("div", { style: { display: "flex", alignItems: "center", justifyContent: "space-between" }, children: [
-                /* @__PURE__ */ jsx("span", { style: { fontSize: 12 }, children: t("detail.billing.billedAmount") }),
+                /* @__PURE__ */ jsx("label", { style: { fontSize: 12 }, htmlFor: billedAmountId, children: t("detail.billing.billedAmount") }),
                 /* @__PURE__ */ jsxs("div", { style: { display: "flex", alignItems: "center", gap: 4 }, children: [
                   /* @__PURE__ */ jsx(
                     "input",
                     {
+                      id: billedAmountId,
                       type: "number",
                       defaultValue: ticket?.billedAmount ?? "",
                       placeholder: "0",
@@ -1293,10 +1303,11 @@ ${uploadedLinks.join("\n")}` : replyBody.trim() || "[Contenu enrichi]";
                 ] })
               ] }),
               /* @__PURE__ */ jsxs("div", { style: { display: "flex", alignItems: "center", justifyContent: "space-between" }, children: [
-                /* @__PURE__ */ jsx("span", { style: { fontSize: 12 }, children: t("detail.billing.payment") }),
+                /* @__PURE__ */ jsx("label", { style: { fontSize: 12 }, htmlFor: paymentStatusId, children: t("detail.billing.payment") }),
                 /* @__PURE__ */ jsxs(
                   "select",
                   {
+                    id: paymentStatusId,
                     value: ticket?.paymentStatus || "unpaid",
                     onChange: async (e) => {
                       try {
@@ -1382,6 +1393,7 @@ ${uploadedLinks.join("\n")}` : replyBody.trim() || "[Contenu enrichi]";
         "input",
         {
           className: s.splitInput,
+          "aria-label": t("detail.split.subjectLabel"),
           value: splitSubject,
           onChange: (e) => setSplitSubject(e.target.value),
           onKeyDown: (e) => {

package/dist/views/TicketInboxView/client.js

@@ -9,6 +9,7 @@ import { StatusPill } from '../shared/StatusPill.js';
 import { computeSlaState, formatSlaRemaining } from '../shared/sla.js';
 import s from '../../styles/TicketInbox.module.scss';
 
+const INBOX_TABPANEL_ID = "inbox-tabpanel";
 const PRIORITY_COLORS = {
   urgent: "var(--theme-error-500)",
   high: "var(--theme-warning-500)",
@@ -213,6 +214,7 @@ const TicketInboxClient = () => {
             {
               type: "text",
               className: s.searchInput,
+              "aria-label": t("inbox.searchLabel"),
               placeholder: t("inbox.searchPlaceholder"),
               value: search,
               onChange: (e) => setSearch(e.target.value)
@@ -223,31 +225,55 @@ const TicketInboxClient = () => {
         /* @__PURE__ */ jsx(Link, { href: "/admin/support/new-ticket", className: s.newTicketBtn, children: t("inbox.newTicketBtn") })
       ] })
     ] }),
-    /* @__PURE__ */ jsx("div", { className: s.tabs, role: "tablist", children: tabs.map((tk) => {
-      const isAlert = tk.alert && tk.count > 0;
-      return /* @__PURE__ */ jsxs(
-        "button",
-        {
-          role: "tab",
-          "aria-selected": tab === tk.key,
-          className: `${s.tab} ${tab === tk.key ? s.tabActive : ""} ${isAlert ? s.tabAlert : ""}`,
-          onClick: () => {
-            setTab(tk.key);
-            setSelectedIdx(-1);
-          },
-          children: [
-            tk.label,
-            /* @__PURE__ */ jsx("span", { className: `${s.tabCount} ${isAlert ? s.tabCountAlert : ""}`, children: tk.count })
-          ]
+    /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: s.tabs,
+        role: "tablist",
+        "aria-label": t("inbox.tabsLabel"),
+        onKeyDown: (e) => {
+          const keys = ["ArrowLeft", "ArrowRight", "Home", "End"];
+          if (!keys.includes(e.key)) return;
+          e.preventDefault();
+          const i = tabs.findIndex((tk) => tk.key === tab);
+          const next = e.key === "Home" ? 0 : e.key === "End" ? tabs.length - 1 : e.key === "ArrowLeft" ? (i - 1 + tabs.length) % tabs.length : (i + 1) % tabs.length;
+          const target = tabs[next];
+          if (!target) return;
+          setTab(target.key);
+          setSelectedIdx(-1);
+          document.getElementById(`inbox-tab-${target.key}`)?.focus();
         },
-        tk.key
-      );
-    }) }),
+        children: tabs.map((tk) => {
+          const isAlert = tk.alert && tk.count > 0;
+          return /* @__PURE__ */ jsxs(
+            "button",
+            {
+              type: "button",
+              role: "tab",
+              id: `inbox-tab-${tk.key}`,
+              "aria-selected": tab === tk.key,
+              "aria-controls": INBOX_TABPANEL_ID,
+              tabIndex: tab === tk.key ? 0 : -1,
+              className: `${s.tab} ${tab === tk.key ? s.tabActive : ""} ${isAlert ? s.tabAlert : ""}`,
+              onClick: () => {
+                setTab(tk.key);
+                setSelectedIdx(-1);
+              },
+              children: [
+                tk.label,
+                /* @__PURE__ */ jsx("span", { className: `${s.tabCount} ${isAlert ? s.tabCountAlert : ""}`, children: tk.count })
+              ]
+            },
+            tk.key
+          );
+        })
+      }
+    ),
     /* @__PURE__ */ jsx("div", { className: s.sortRow, children: checkedIds.size > 0 ? /* @__PURE__ */ jsxs("div", { style: { display: "flex", gap: 8, alignItems: "center", flex: 1 }, children: [
       /* @__PURE__ */ jsx("span", { style: { fontSize: 13, fontWeight: 600, color: "var(--theme-text)" }, children: checkedIds.size > 1 ? t("inbox.selectedPlural", { count: String(checkedIds.size) }) : t("inbox.selected", { count: String(checkedIds.size) }) }),
-      /* @__PURE__ */ jsx("button", { className: s.sortSelect, onClick: () => handleBulkAction("close"), disabled: bulkProcessing, children: t("inbox.closeAction") }),
-      /* @__PURE__ */ jsx("button", { className: s.sortSelect, onClick: () => handleBulkAction("reopen"), disabled: bulkProcessing, children: t("inbox.reopenAction") }),
-      /* @__PURE__ */ jsxs("select", { className: s.sortSelect, value: bulkAction, onChange: (e) => {
+      /* @__PURE__ */ jsx("button", { type: "button", className: s.sortSelect, onClick: () => handleBulkAction("close"), disabled: bulkProcessing, children: t("inbox.closeAction") }),
+      /* @__PURE__ */ jsx("button", { type: "button", className: s.sortSelect, onClick: () => handleBulkAction("reopen"), disabled: bulkProcessing, children: t("inbox.reopenAction") }),
+      /* @__PURE__ */ jsxs("select", { className: s.sortSelect, "aria-label": t("inbox.moreActions"), value: bulkAction, onChange: (e) => {
         if (e.target.value) handleBulkAction(e.target.value);
         setBulkAction("");
       }, children: [
@@ -255,14 +281,14 @@ const TicketInboxClient = () => {
         /* @__PURE__ */ jsx("option", { value: "set_priority", children: t("inbox.changePriority") }),
         /* @__PURE__ */ jsx("option", { value: "delete", children: t("inbox.deleteAction") })
       ] }),
-      /* @__PURE__ */ jsx("button", { className: s.sortSelect, onClick: () => setCheckedIds(/* @__PURE__ */ new Set()), style: { marginLeft: "auto" }, children: t("inbox.deselect") })
-    ] }) : /* @__PURE__ */ jsxs("select", { className: s.sortSelect, value: sort, onChange: (e) => setSort(e.target.value), children: [
+      /* @__PURE__ */ jsx("button", { type: "button", className: s.sortSelect, onClick: () => setCheckedIds(/* @__PURE__ */ new Set()), style: { marginLeft: "auto" }, children: t("inbox.deselect") })
+    ] }) : /* @__PURE__ */ jsxs("select", { className: s.sortSelect, "aria-label": t("inbox.sortLabel"), value: sort, onChange: (e) => setSort(e.target.value), children: [
       /* @__PURE__ */ jsx("option", { value: "-updatedAt", children: t("inbox.sort.newest") }),
       /* @__PURE__ */ jsx("option", { value: "updatedAt", children: t("inbox.sort.oldest") }),
       /* @__PURE__ */ jsx("option", { value: "-createdAt", children: t("inbox.sort.created") }),
       /* @__PURE__ */ jsx("option", { value: "priority", children: t("inbox.sort.priority") })
     ] }) }),
-    loading ? /* @__PURE__ */ jsx("div", { className: s.loading, children: t("common.loading") }) : tickets.length === 0 ? /* @__PURE__ */ jsxs("div", { className: s.empty, children: [
+    /* @__PURE__ */ jsx("div", { role: "tabpanel", id: INBOX_TABPANEL_ID, "aria-labelledby": `inbox-tab-${tab}`, children: loading ? /* @__PURE__ */ jsx("div", { className: s.loading, children: t("common.loading") }) : tickets.length === 0 ? /* @__PURE__ */ jsxs("div", { className: s.empty, children: [
       /* @__PURE__ */ jsx("div", { className: s.emptyIcon, children: "--" }),
       /* @__PURE__ */ jsx("div", { className: s.emptyText, children: t("inbox.empty") })
     ] }) : /* @__PURE__ */ jsx("div", { className: s.list, children: tickets.map((tk, idx) => {
@@ -333,7 +359,7 @@ const TicketInboxClient = () => {
         },
         tk.id
       );
-    }) }),
+    }) }) }),
     /* @__PURE__ */ jsxs("div", { className: s.keyboardHints, children: [
       /* @__PURE__ */ jsxs("span", { children: [
         /* @__PURE__ */ jsx("kbd", { children: "\u2191" }),