@consilioweb/payload-support 0.16.0 → 1.0.0

package/dist/views/EmailTrackingView/client.cjs

@@ -3,6 +3,7 @@
 var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 var useTranslation = require('../../components/TicketConversation/hooks/useTranslation');
+var dateLocale = require('../shared/dateLocale');
 var s = require('../../styles/EmailTracking.module.scss');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
@@ -11,12 +12,12 @@ var React__default = /*#__PURE__*/_interopDefault(React);
 var s__default = /*#__PURE__*/_interopDefault(s);
 
 const STATUS_CFG = {
-  success: { label: "Succ\xE8s", bg: "#dcfce7", color: "#16a34a" },
-  error: { label: "Erreur", bg: "#fef2f2", color: "#dc2626" },
-  ignored: { label: "Ignor\xE9", bg: "#f3f4f6", color: "#6b7280" }
+  success: { labelKey: "logs.statusSuccess", bg: "#dcfce7", color: "#16a34a" },
+  error: { labelKey: "emailTracking.errorLabel", bg: "#fef2f2", color: "#dc2626" },
+  ignored: { labelKey: "logs.statusIgnored", bg: "#f3f4f6", color: "#6b7280" }
 };
 function fmtDate(d) {
-  return new Date(d).toLocaleDateString("fr-FR", { day: "2-digit", month: "2-digit", year: "2-digit", hour: "2-digit", minute: "2-digit" });
+  return new Date(d).toLocaleDateString(dateLocale.DATE_LOCALE, { day: "2-digit", month: "2-digit", year: "2-digit", hour: "2-digit", minute: "2-digit" });
 }
 const EmailTrackingClient = () => {
   const { t } = useTranslation.useTranslation();
@@ -130,7 +131,7 @@ const EmailTrackingClient = () => {
           /* @__PURE__ */ jsxRuntime.jsx("td", { style: { maxWidth: 200, overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap" }, title: log.recipientEmail, children: log.recipientEmail || "\u2014" }),
           /* @__PURE__ */ jsxRuntime.jsx("td", { style: { maxWidth: 250, overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap" }, title: log.subject, children: log.subject || "\u2014" }),
           /* @__PURE__ */ jsxRuntime.jsx("td", { children: log.ticketNumber ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: s__default.default.ticketLink, children: log.ticketNumber }) : "\u2014" }),
-          /* @__PURE__ */ jsxRuntime.jsx("td", { children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: s__default.default.statusBadge, style: { background: STATUS_CFG[log.status]?.bg, color: STATUS_CFG[log.status]?.color }, children: STATUS_CFG[log.status]?.label || log.status }) }),
+          /* @__PURE__ */ jsxRuntime.jsx("td", { children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: s__default.default.statusBadge, style: { background: STATUS_CFG[log.status]?.bg, color: STATUS_CFG[log.status]?.color }, children: STATUS_CFG[log.status]?.labelKey ? t(STATUS_CFG[log.status].labelKey) : log.status }) }),
           /* @__PURE__ */ jsxRuntime.jsx("td", { style: { fontSize: 12 }, children: log.action || "\u2014" }),
           /* @__PURE__ */ jsxRuntime.jsxs("td", { style: { textAlign: "right" }, children: [
             log.processingTimeMs != null ? /* @__PURE__ */ jsxRuntime.jsxs("span", { className: `${s__default.default.processingTime} ${log.processingTimeMs > 2e3 ? s__default.default.timeSlow : log.processingTimeMs > 500 ? s__default.default.timeMedium : s__default.default.timeFast}`, children: [

package/dist/views/EmailTrackingView/client.js

@@ -2,15 +2,16 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
 import React, { useState, useCallback, useEffect } from 'react';
 import { useTranslation } from '../../components/TicketConversation/hooks/useTranslation.js';
+import { DATE_LOCALE } from '../shared/dateLocale.js';
 import s from '../../styles/EmailTracking.module.scss';
 
 const STATUS_CFG = {
-  success: { label: "Succ\xE8s", bg: "#dcfce7", color: "#16a34a" },
-  error: { label: "Erreur", bg: "#fef2f2", color: "#dc2626" },
-  ignored: { label: "Ignor\xE9", bg: "#f3f4f6", color: "#6b7280" }
+  success: { labelKey: "logs.statusSuccess", bg: "#dcfce7", color: "#16a34a" },
+  error: { labelKey: "emailTracking.errorLabel", bg: "#fef2f2", color: "#dc2626" },
+  ignored: { labelKey: "logs.statusIgnored", bg: "#f3f4f6", color: "#6b7280" }
 };
 function fmtDate(d) {
-  return new Date(d).toLocaleDateString("fr-FR", { day: "2-digit", month: "2-digit", year: "2-digit", hour: "2-digit", minute: "2-digit" });
+  return new Date(d).toLocaleDateString(DATE_LOCALE, { day: "2-digit", month: "2-digit", year: "2-digit", hour: "2-digit", minute: "2-digit" });
 }
 const EmailTrackingClient = () => {
   const { t } = useTranslation();
@@ -124,7 +125,7 @@ const EmailTrackingClient = () => {
           /* @__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" }),
           /* @__PURE__ */ jsx("td", { children: log.ticketNumber ? /* @__PURE__ */ jsx("span", { className: s.ticketLink, children: log.ticketNumber }) : "\u2014" }),
-          /* @__PURE__ */ jsx("td", { children: /* @__PURE__ */ jsx("span", { className: s.statusBadge, style: { background: STATUS_CFG[log.status]?.bg, color: STATUS_CFG[log.status]?.color }, children: STATUS_CFG[log.status]?.label || log.status }) }),
+          /* @__PURE__ */ jsx("td", { children: /* @__PURE__ */ jsx("span", { className: s.statusBadge, style: { background: STATUS_CFG[log.status]?.bg, color: STATUS_CFG[log.status]?.color }, children: STATUS_CFG[log.status]?.labelKey ? t(STATUS_CFG[log.status].labelKey) : log.status }) }),
           /* @__PURE__ */ jsx("td", { style: { fontSize: 12 }, children: log.action || "\u2014" }),
           /* @__PURE__ */ jsxs("td", { style: { textAlign: "right" }, children: [
             log.processingTimeMs != null ? /* @__PURE__ */ jsxs("span", { className: `${s.processingTime} ${log.processingTimeMs > 2e3 ? s.timeSlow : log.processingTimeMs > 500 ? s.timeMedium : s.timeFast}`, children: [

package/dist/views/ImportConversationView/client.cjs

@@ -68,12 +68,12 @@ function ImportConversationClient() {
       });
       const data = await res.json();
       if (!res.ok) {
-        setError(data.error || "Erreur lors de l'analyse");
+        setError(data.error || t("import.analyzeError"));
         return;
       }
       setPreview(data);
     } catch {
-      setError("Erreur reseau");
+      setError(t("import.networkError"));
     } finally {
       setLoading(false);
     }
@@ -90,13 +90,13 @@ function ImportConversationClient() {
       });
       const data = await res.json();
       if (!res.ok) {
-        setError(data.error || "Erreur lors de l'import");
+        setError(data.error || t("import.importError"));
         return;
       }
       setResult(data);
       setPreview(null);
     } catch {
-      setError("Erreur reseau");
+      setError(t("import.networkError"));
     } finally {
       setLoading(false);
     }

package/dist/views/ImportConversationView/client.js

@@ -63,12 +63,12 @@ function ImportConversationClient() {
       });
       const data = await res.json();
       if (!res.ok) {
-        setError(data.error || "Erreur lors de l'analyse");
+        setError(data.error || t("import.analyzeError"));
         return;
       }
       setPreview(data);
     } catch {
-      setError("Erreur reseau");
+      setError(t("import.networkError"));
     } finally {
       setLoading(false);
     }
@@ -85,13 +85,13 @@ function ImportConversationClient() {
       });
       const data = await res.json();
       if (!res.ok) {
-        setError(data.error || "Erreur lors de l'import");
+        setError(data.error || t("import.importError"));
         return;
       }
       setResult(data);
       setPreview(null);
     } catch {
-      setError("Erreur reseau");
+      setError(t("import.networkError"));
     } finally {
       setLoading(false);
     }

package/dist/views/LogsView/client.cjs

@@ -4,6 +4,7 @@ var jsxRuntime = require('react/jsx-runtime');
 var react = require('react');
 var navigation = require('next/navigation');
 var useTranslation = require('../../components/TicketConversation/hooks/useTranslation');
+var dateLocale = require('../shared/dateLocale');
 var s = require('../../styles/Logs.module.scss');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
@@ -11,7 +12,7 @@ function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 var s__default = /*#__PURE__*/_interopDefault(s);
 
 function fmtDate(d) {
-  return new Date(d).toLocaleDateString("fr-FR", { day: "2-digit", month: "2-digit", year: "2-digit", hour: "2-digit", minute: "2-digit" });
+  return new Date(d).toLocaleDateString(dateLocale.DATE_LOCALE, { day: "2-digit", month: "2-digit", year: "2-digit", hour: "2-digit", minute: "2-digit" });
 }
 const LogsClient = () => {
   const { t } = useTranslation.useTranslation();
@@ -67,7 +68,7 @@ const LogsClient = () => {
       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: s__default.default.headerActions, children: [
         /* @__PURE__ */ jsxRuntime.jsx("button", { className: s__default.default.purgeBtn, onClick: () => handlePurge(7), children: t("logs.purge7") }),
         /* @__PURE__ */ jsxRuntime.jsx("button", { className: s__default.default.purgeBtn, onClick: () => handlePurge(30), children: t("logs.purge30") }),
-        /* @__PURE__ */ jsxRuntime.jsx("button", { className: s__default.default.purgeBtn, onClick: () => handlePurge(90), children: "Purger +90j" }),
+        /* @__PURE__ */ jsxRuntime.jsx("button", { className: s__default.default.purgeBtn, onClick: () => handlePurge(90), children: t("logs.purge90") }),
         /* @__PURE__ */ jsxRuntime.jsx("button", { className: `${s__default.default.purgeBtn} ${s__default.default.purgeBtnDanger}`, onClick: () => handlePurge(0), children: t("logs.purgeAll") })
       ] })
     ] }),

package/dist/views/LogsView/client.js

@@ -3,10 +3,11 @@ import { jsxs, jsx } from 'react/jsx-runtime';
 import { useState, useCallback, useEffect } from 'react';
 import { useSearchParams } from 'next/navigation';
 import { useTranslation } from '../../components/TicketConversation/hooks/useTranslation.js';
+import { DATE_LOCALE } from '../shared/dateLocale.js';
 import s from '../../styles/Logs.module.scss';
 
 function fmtDate(d) {
-  return new Date(d).toLocaleDateString("fr-FR", { day: "2-digit", month: "2-digit", year: "2-digit", hour: "2-digit", minute: "2-digit" });
+  return new Date(d).toLocaleDateString(DATE_LOCALE, { day: "2-digit", month: "2-digit", year: "2-digit", hour: "2-digit", minute: "2-digit" });
 }
 const LogsClient = () => {
   const { t } = useTranslation();
@@ -62,7 +63,7 @@ const LogsClient = () => {
       /* @__PURE__ */ jsxs("div", { className: s.headerActions, children: [
         /* @__PURE__ */ jsx("button", { className: s.purgeBtn, onClick: () => handlePurge(7), children: t("logs.purge7") }),
         /* @__PURE__ */ jsx("button", { className: s.purgeBtn, onClick: () => handlePurge(30), children: t("logs.purge30") }),
-        /* @__PURE__ */ jsx("button", { className: s.purgeBtn, onClick: () => handlePurge(90), children: "Purger +90j" }),
+        /* @__PURE__ */ jsx("button", { className: s.purgeBtn, onClick: () => handlePurge(90), children: t("logs.purge90") }),
         /* @__PURE__ */ jsx("button", { className: `${s.purgeBtn} ${s.purgeBtnDanger}`, onClick: () => handlePurge(0), children: t("logs.purgeAll") })
       ] })
     ] }),

package/dist/views/NewTicketView/client.cjs

@@ -196,7 +196,7 @@ const NewTicketClient = () => {
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: s__default.default.fieldGroup, children: [
           /* @__PURE__ */ jsxRuntime.jsx("label", { className: s__default.default.label, children: t("newTicket.projectLabel") }),
           /* @__PURE__ */ jsxRuntime.jsxs("select", { className: s__default.default.select, value: projectId || "", onChange: (e) => setProjectId(e.target.value ? Number(e.target.value) : null), children: [
-            /* @__PURE__ */ jsxRuntime.jsx("option", { value: "", children: "\u2014 Aucun \u2014" }),
+            /* @__PURE__ */ jsxRuntime.jsx("option", { value: "", children: t("newTicket.noProject") }),
             projects.map((p) => /* @__PURE__ */ jsxRuntime.jsx("option", { value: p.id, children: p.name }, p.id))
           ] })
         ] })

package/dist/views/NewTicketView/client.js

@@ -190,7 +190,7 @@ const NewTicketClient = () => {
         /* @__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("option", { value: "", children: "\u2014 Aucun \u2014" }),
+            /* @__PURE__ */ jsx("option", { value: "", children: t("newTicket.noProject") }),
             projects.map((p) => /* @__PURE__ */ jsx("option", { value: p.id, children: p.name }, p.id))
           ] })
         ] })

package/dist/views/PendingEmailsView/client.cjs

@@ -11,15 +11,15 @@ function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
 var styles__default = /*#__PURE__*/_interopDefault(styles);
 
-function timeAgo(dateStr) {
+function timeAgo(dateStr, tFn) {
   const diff = Date.now() - new Date(dateStr).getTime();
   const mins = Math.floor(diff / 6e4);
-  if (mins < 1) return "\xE0 l'instant";
-  if (mins < 60) return `il y a ${mins}min`;
+  if (mins < 1) return tFn("pendingEmails.timeAgo.justNow");
+  if (mins < 60) return tFn("pendingEmails.timeAgo.minutesAgo", { count: mins });
   const hours = Math.floor(mins / 60);
-  if (hours < 24) return `il y a ${hours}h`;
+  if (hours < 24) return tFn("pendingEmails.timeAgo.hoursAgo", { count: hours });
   const days = Math.floor(hours / 24);
-  return `il y a ${days}j`;
+  return tFn("pendingEmails.timeAgo.daysAgo", { count: days });
 }
 function TicketSearchModal({
   suggestions,
@@ -256,6 +256,7 @@ function EmailCard({
   onProcess,
   processing
 }) {
+  const { t } = useTranslation.useTranslation();
   const [expanded, setExpanded] = react.useState(false);
   const [showLinkModal, setShowLinkModal] = react.useState(false);
   const [showClientPicker, setShowClientPicker] = react.useState(false);
@@ -278,7 +279,7 @@ function EmailCard({
         ] }),
         /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles__default.default.cardSubject, children: email.subject }),
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: styles__default.default.cardMeta, children: [
-          /* @__PURE__ */ jsxRuntime.jsx("span", { children: timeAgo(email.createdAt) }),
+          /* @__PURE__ */ jsxRuntime.jsx("span", { children: timeAgo(email.createdAt, t) }),
           attachmentCount > 0 && /* @__PURE__ */ jsxRuntime.jsxs("span", { className: styles__default.default.attachment, children: [
             /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Paperclip, { size: 12 }),
             " ",

package/dist/views/PendingEmailsView/client.js

@@ -6,15 +6,15 @@ import { SkeletonDashboard } from '../shared/Skeleton.js';
 import { useTranslation } from '../../components/TicketConversation/hooks/useTranslation.js';
 import styles from '../../styles/PendingEmails.module.scss';
 
-function timeAgo(dateStr) {
+function timeAgo(dateStr, tFn) {
   const diff = Date.now() - new Date(dateStr).getTime();
   const mins = Math.floor(diff / 6e4);
-  if (mins < 1) return "\xE0 l'instant";
-  if (mins < 60) return `il y a ${mins}min`;
+  if (mins < 1) return tFn("pendingEmails.timeAgo.justNow");
+  if (mins < 60) return tFn("pendingEmails.timeAgo.minutesAgo", { count: mins });
   const hours = Math.floor(mins / 60);
-  if (hours < 24) return `il y a ${hours}h`;
+  if (hours < 24) return tFn("pendingEmails.timeAgo.hoursAgo", { count: hours });
   const days = Math.floor(hours / 24);
-  return `il y a ${days}j`;
+  return tFn("pendingEmails.timeAgo.daysAgo", { count: days });
 }
 function TicketSearchModal({
   suggestions,
@@ -251,6 +251,7 @@ function EmailCard({
   onProcess,
   processing
 }) {
+  const { t } = useTranslation();
   const [expanded, setExpanded] = useState(false);
   const [showLinkModal, setShowLinkModal] = useState(false);
   const [showClientPicker, setShowClientPicker] = useState(false);
@@ -273,7 +274,7 @@ function EmailCard({
         ] }),
         /* @__PURE__ */ jsx("div", { className: styles.cardSubject, children: email.subject }),
         /* @__PURE__ */ jsxs("div", { className: styles.cardMeta, children: [
-          /* @__PURE__ */ jsx("span", { children: timeAgo(email.createdAt) }),
+          /* @__PURE__ */ jsx("span", { children: timeAgo(email.createdAt, t) }),
           attachmentCount > 0 && /* @__PURE__ */ jsxs("span", { className: styles.attachment, children: [
             /* @__PURE__ */ jsx(Paperclip, { size: 12 }),
             " ",

package/dist/views/SupportDashboardView/client.cjs

@@ -4,6 +4,7 @@ var jsxRuntime = require('react/jsx-runtime');
 var react = require('react');
 var Link = require('next/link');
 var useTranslation = require('../../components/TicketConversation/hooks/useTranslation');
+var dateLocale = require('../shared/dateLocale');
 var styles = require('../../styles/SupportDashboard.module.scss');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
@@ -38,6 +39,7 @@ function computeTrend(current, previous) {
   return { pct: Math.abs(pct), dir: pct > 0 ? "up" : "down" };
 }
 function StatCard({ label, value, trend, accentColor, onClick }) {
+  const { t } = useTranslation.useTranslation();
   const style = accentColor ? { "--stat-accent": accentColor } : void 0;
   const Tag = onClick ? "button" : "div";
   return /* @__PURE__ */ jsxRuntime.jsxs(
@@ -55,7 +57,7 @@ function StatCard({ label, value, trend, accentColor, onClick }) {
           trend.pct,
           "%"
         ] }),
-        trend && trend.dir === "neutral" && /* @__PURE__ */ jsxRuntime.jsx("div", { className: `${styles__default.default.statTrend} ${styles__default.default.neutral}`, children: "\u2014 stable" })
+        trend && trend.dir === "neutral" && /* @__PURE__ */ jsxRuntime.jsx("div", { className: `${styles__default.default.statTrend} ${styles__default.default.neutral}`, children: t("dashboard.stable") })
       ]
     }
   );
@@ -79,6 +81,7 @@ function VolumeChart({ data }) {
   ] });
 }
 function CSATRing({ score, count }) {
+  const { t } = useTranslation.useTranslation();
   const pct = score > 0 ? score / 5 * 100 : 0;
   const radius = 42;
   const circumference = 2 * Math.PI * radius;
@@ -108,8 +111,8 @@ function CSATRing({ score, count }) {
       /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles__default.default.csatValue, children: score > 0 ? score.toFixed(1) : "--" })
     ] }),
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: styles__default.default.csatMeta, children: [
-      /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles__default.default.csatLabel, children: score > 0 ? `${score.toFixed(1)} / 5` : "Pas de donn\xE9es" }),
-      /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles__default.default.csatSub, children: count > 0 ? `${count} avis recueillis` : "Aucun avis" })
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles__default.default.csatLabel, children: score > 0 ? `${score.toFixed(1)} / 5` : t("dashboard.csat.noData") }),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles__default.default.csatSub, children: count > 0 ? t("dashboard.csat.reviews", { count }) : t("dashboard.csat.noReviews") })
     ] })
   ] });
 }
@@ -124,6 +127,7 @@ function formatSlaTime(minutes) {
   return remainH > 0 ? `${d}j ${remainH}h` : `${d}j`;
 }
 function SlaSection() {
+  const { t } = useTranslation.useTranslation();
   const [sla, setSla] = react.useState(null);
   const [slaLoading, setSlaLoading] = react.useState(true);
   react.useEffect(() => {
@@ -143,8 +147,8 @@ function SlaSection() {
   }, []);
   if (slaLoading) {
     return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: styles__default.default.slaSection, children: [
-      /* @__PURE__ */ jsxRuntime.jsx("h2", { className: styles__default.default.slaSectionTitle, children: "SLA" }),
-      /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles__default.default.slaLoading, children: "Chargement..." })
+      /* @__PURE__ */ jsxRuntime.jsx("h2", { className: styles__default.default.slaSectionTitle, children: t("dashboard.slaTitle") }),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles__default.default.slaLoading, children: t("dashboard.sla.loading") })
     ] });
   }
   if (!sla) return null;
@@ -152,7 +156,7 @@ function SlaSection() {
     window.location.href = `/admin/support/ticket?id=${id}`;
   };
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: styles__default.default.slaSection, children: [
-    /* @__PURE__ */ jsxRuntime.jsx("h2", { className: styles__default.default.slaSectionTitle, children: "SLA" }),
+    /* @__PURE__ */ jsxRuntime.jsx("h2", { className: styles__default.default.slaSectionTitle, children: t("dashboard.slaTitle") }),
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: styles__default.default.slaGrid, children: [
       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `${styles__default.default.slaCard} ${styles__default.default.slaBreach}`, children: [
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: styles__default.default.slaCardHeader, children: [
@@ -162,11 +166,11 @@ function SlaSection() {
               /* @__PURE__ */ jsxRuntime.jsx("line", { x1: "12", y1: "9", x2: "12", y2: "13" }),
               /* @__PURE__ */ jsxRuntime.jsx("line", { x1: "12", y1: "17", x2: "12.01", y2: "17" })
             ] }),
-            "En breach"
+            t("dashboard.sla.breached")
           ] }),
           /* @__PURE__ */ jsxRuntime.jsx("span", { className: `${styles__default.default.slaCount} ${styles__default.default.slaCountBreach}`, children: sla.breached.length })
         ] }),
-        sla.breached.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles__default.default.slaEmpty, children: "Aucun ticket en breach" }) : /* @__PURE__ */ jsxRuntime.jsx("ul", { className: styles__default.default.slaList, children: sla.breached.map((ticket) => {
+        sla.breached.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles__default.default.slaEmpty, children: t("dashboard.sla.noBreached") }) : /* @__PURE__ */ jsxRuntime.jsx("ul", { className: styles__default.default.slaList, children: sla.breached.map((ticket) => {
           const now = /* @__PURE__ */ new Date();
           const created = new Date(ticket.createdAt);
           const overdueMin = Math.round((now.getTime() - created.getTime()) / 6e4);
@@ -200,11 +204,11 @@ function SlaSection() {
               /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "12", cy: "12", r: "10" }),
               /* @__PURE__ */ jsxRuntime.jsx("polyline", { points: "12 6 12 12 16 14" })
             ] }),
-            "\xC0 risque"
+            t("dashboard.sla.atRisk")
           ] }),
           /* @__PURE__ */ jsxRuntime.jsx("span", { className: `${styles__default.default.slaCount} ${styles__default.default.slaCountRisk}`, children: sla.atRisk.length })
         ] }),
-        sla.atRisk.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles__default.default.slaEmpty, children: "Aucun ticket \xE0 risque" }) : /* @__PURE__ */ jsxRuntime.jsx("ul", { className: styles__default.default.slaList, children: sla.atRisk.map((ticket) => {
+        sla.atRisk.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles__default.default.slaEmpty, children: t("dashboard.sla.noAtRisk") }) : /* @__PURE__ */ jsxRuntime.jsx("ul", { className: styles__default.default.slaList, children: sla.atRisk.map((ticket) => {
           const now = /* @__PURE__ */ new Date();
           const created = new Date(ticket.createdAt);
           const elapsedMin = Math.round((now.getTime() - created.getTime()) / 6e4);
@@ -223,10 +227,7 @@ function SlaSection() {
                   ] }),
                   /* @__PURE__ */ jsxRuntime.jsx("span", { className: styles__default.default.slaItemSubject, children: ticket.subject })
                 ] }),
-                /* @__PURE__ */ jsxRuntime.jsxs("span", { className: `${styles__default.default.slaItemTime} ${styles__default.default.slaTimeRisk}`, children: [
-                  formatSlaTime(remainingMin),
-                  " restant"
-                ] })
+                /* @__PURE__ */ jsxRuntime.jsx("span", { className: `${styles__default.default.slaItemTime} ${styles__default.default.slaTimeRisk}`, children: t("dashboard.sla.remaining", { time: formatSlaTime(remainingMin) }) })
               ]
             },
             ticket.id
@@ -275,14 +276,10 @@ const SupportDashboardClient = () => {
     return () => window.removeEventListener("focus", onFocus);
   }, [fetchData, sessionExpired]);
   const volumeData = react.useMemo(() => {
-    if (!stats) return [];
-    const avg = stats.createdLast7Days;
-    const days = ["Lun", "Mar", "Mer", "Jeu", "Ven", "Sam", "Dim"];
-    const base = Math.max(Math.floor(avg / 7), 0);
-    return days.map((label, i) => ({
-      label,
-      // Simple deterministic variation based on index
-      value: Math.max(base + (i * 3 + 1) % 5 - 2, 0)
+    if (!stats?.volumeByDay?.length) return [];
+    return stats.volumeByDay.map((d) => ({
+      label: new Date(d.date).toLocaleDateString(dateLocale.DATE_LOCALE, { weekday: "short" }),
+      value: d.count
     }));
   }, [stats]);
   if (loading) {

package/dist/views/SupportDashboardView/client.js

@@ -3,6 +3,7 @@ import { jsxs, jsx } from 'react/jsx-runtime';
 import { useState, useCallback, useEffect, useMemo } from 'react';
 import Link from 'next/link';
 import { useTranslation } from '../../components/TicketConversation/hooks/useTranslation.js';
+import { DATE_LOCALE } from '../shared/dateLocale.js';
 import styles from '../../styles/SupportDashboard.module.scss';
 
 function formatResponseTime(hours) {
@@ -32,6 +33,7 @@ function computeTrend(current, previous) {
   return { pct: Math.abs(pct), dir: pct > 0 ? "up" : "down" };
 }
 function StatCard({ label, value, trend, accentColor, onClick }) {
+  const { t } = useTranslation();
   const style = accentColor ? { "--stat-accent": accentColor } : void 0;
   const Tag = onClick ? "button" : "div";
   return /* @__PURE__ */ jsxs(
@@ -49,7 +51,7 @@ function StatCard({ label, value, trend, accentColor, onClick }) {
           trend.pct,
           "%"
         ] }),
-        trend && trend.dir === "neutral" && /* @__PURE__ */ jsx("div", { className: `${styles.statTrend} ${styles.neutral}`, children: "\u2014 stable" })
+        trend && trend.dir === "neutral" && /* @__PURE__ */ jsx("div", { className: `${styles.statTrend} ${styles.neutral}`, children: t("dashboard.stable") })
       ]
     }
   );
@@ -73,6 +75,7 @@ function VolumeChart({ data }) {
   ] });
 }
 function CSATRing({ score, count }) {
+  const { t } = useTranslation();
   const pct = score > 0 ? score / 5 * 100 : 0;
   const radius = 42;
   const circumference = 2 * Math.PI * radius;
@@ -102,8 +105,8 @@ function CSATRing({ score, count }) {
       /* @__PURE__ */ jsx("div", { className: styles.csatValue, children: score > 0 ? score.toFixed(1) : "--" })
     ] }),
     /* @__PURE__ */ jsxs("div", { className: styles.csatMeta, children: [
-      /* @__PURE__ */ jsx("div", { className: styles.csatLabel, children: score > 0 ? `${score.toFixed(1)} / 5` : "Pas de donn\xE9es" }),
-      /* @__PURE__ */ jsx("div", { className: styles.csatSub, children: count > 0 ? `${count} avis recueillis` : "Aucun avis" })
+      /* @__PURE__ */ jsx("div", { className: styles.csatLabel, children: score > 0 ? `${score.toFixed(1)} / 5` : t("dashboard.csat.noData") }),
+      /* @__PURE__ */ jsx("div", { className: styles.csatSub, children: count > 0 ? t("dashboard.csat.reviews", { count }) : t("dashboard.csat.noReviews") })
     ] })
   ] });
 }
@@ -118,6 +121,7 @@ function formatSlaTime(minutes) {
   return remainH > 0 ? `${d}j ${remainH}h` : `${d}j`;
 }
 function SlaSection() {
+  const { t } = useTranslation();
   const [sla, setSla] = useState(null);
   const [slaLoading, setSlaLoading] = useState(true);
   useEffect(() => {
@@ -137,8 +141,8 @@ function SlaSection() {
   }, []);
   if (slaLoading) {
     return /* @__PURE__ */ jsxs("div", { className: styles.slaSection, children: [
-      /* @__PURE__ */ jsx("h2", { className: styles.slaSectionTitle, children: "SLA" }),
-      /* @__PURE__ */ jsx("div", { className: styles.slaLoading, children: "Chargement..." })
+      /* @__PURE__ */ jsx("h2", { className: styles.slaSectionTitle, children: t("dashboard.slaTitle") }),
+      /* @__PURE__ */ jsx("div", { className: styles.slaLoading, children: t("dashboard.sla.loading") })
     ] });
   }
   if (!sla) return null;
@@ -146,7 +150,7 @@ function SlaSection() {
     window.location.href = `/admin/support/ticket?id=${id}`;
   };
   return /* @__PURE__ */ jsxs("div", { className: styles.slaSection, children: [
-    /* @__PURE__ */ jsx("h2", { className: styles.slaSectionTitle, children: "SLA" }),
+    /* @__PURE__ */ jsx("h2", { className: styles.slaSectionTitle, children: t("dashboard.slaTitle") }),
     /* @__PURE__ */ jsxs("div", { className: styles.slaGrid, children: [
       /* @__PURE__ */ jsxs("div", { className: `${styles.slaCard} ${styles.slaBreach}`, children: [
         /* @__PURE__ */ jsxs("div", { className: styles.slaCardHeader, children: [
@@ -156,11 +160,11 @@ function SlaSection() {
               /* @__PURE__ */ jsx("line", { x1: "12", y1: "9", x2: "12", y2: "13" }),
               /* @__PURE__ */ jsx("line", { x1: "12", y1: "17", x2: "12.01", y2: "17" })
             ] }),
-            "En breach"
+            t("dashboard.sla.breached")
           ] }),
           /* @__PURE__ */ jsx("span", { className: `${styles.slaCount} ${styles.slaCountBreach}`, children: sla.breached.length })
         ] }),
-        sla.breached.length === 0 ? /* @__PURE__ */ jsx("div", { className: styles.slaEmpty, children: "Aucun ticket en breach" }) : /* @__PURE__ */ jsx("ul", { className: styles.slaList, children: sla.breached.map((ticket) => {
+        sla.breached.length === 0 ? /* @__PURE__ */ jsx("div", { className: styles.slaEmpty, children: t("dashboard.sla.noBreached") }) : /* @__PURE__ */ jsx("ul", { className: styles.slaList, children: sla.breached.map((ticket) => {
           const now = /* @__PURE__ */ new Date();
           const created = new Date(ticket.createdAt);
           const overdueMin = Math.round((now.getTime() - created.getTime()) / 6e4);
@@ -194,11 +198,11 @@ function SlaSection() {
               /* @__PURE__ */ jsx("circle", { cx: "12", cy: "12", r: "10" }),
               /* @__PURE__ */ jsx("polyline", { points: "12 6 12 12 16 14" })
             ] }),
-            "\xC0 risque"
+            t("dashboard.sla.atRisk")
           ] }),
           /* @__PURE__ */ jsx("span", { className: `${styles.slaCount} ${styles.slaCountRisk}`, children: sla.atRisk.length })
         ] }),
-        sla.atRisk.length === 0 ? /* @__PURE__ */ jsx("div", { className: styles.slaEmpty, children: "Aucun ticket \xE0 risque" }) : /* @__PURE__ */ jsx("ul", { className: styles.slaList, children: sla.atRisk.map((ticket) => {
+        sla.atRisk.length === 0 ? /* @__PURE__ */ jsx("div", { className: styles.slaEmpty, children: t("dashboard.sla.noAtRisk") }) : /* @__PURE__ */ jsx("ul", { className: styles.slaList, children: sla.atRisk.map((ticket) => {
           const now = /* @__PURE__ */ new Date();
           const created = new Date(ticket.createdAt);
           const elapsedMin = Math.round((now.getTime() - created.getTime()) / 6e4);
@@ -217,10 +221,7 @@ function SlaSection() {
                   ] }),
                   /* @__PURE__ */ jsx("span", { className: styles.slaItemSubject, children: ticket.subject })
                 ] }),
-                /* @__PURE__ */ jsxs("span", { className: `${styles.slaItemTime} ${styles.slaTimeRisk}`, children: [
-                  formatSlaTime(remainingMin),
-                  " restant"
-                ] })
+                /* @__PURE__ */ jsx("span", { className: `${styles.slaItemTime} ${styles.slaTimeRisk}`, children: t("dashboard.sla.remaining", { time: formatSlaTime(remainingMin) }) })
               ]
             },
             ticket.id
@@ -269,14 +270,10 @@ const SupportDashboardClient = () => {
     return () => window.removeEventListener("focus", onFocus);
   }, [fetchData, sessionExpired]);
   const volumeData = useMemo(() => {
-    if (!stats) return [];
-    const avg = stats.createdLast7Days;
-    const days = ["Lun", "Mar", "Mer", "Jeu", "Ven", "Sam", "Dim"];
-    const base = Math.max(Math.floor(avg / 7), 0);
-    return days.map((label, i) => ({
-      label,
-      // Simple deterministic variation based on index
-      value: Math.max(base + (i * 3 + 1) % 5 - 2, 0)
+    if (!stats?.volumeByDay?.length) return [];
+    return stats.volumeByDay.map((d) => ({
+      label: new Date(d.date).toLocaleDateString(DATE_LOCALE, { weekday: "short" }),
+      value: d.count
     }));
   }, [stats]);
   if (loading) {

package/dist/views/TicketDetailView/NextActionItem.cjs

@@ -0,0 +1,40 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var react = require('react');
+var s = require('../../styles/TicketDetail.module.scss');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var s__default = /*#__PURE__*/_interopDefault(s);
+
+const labelMap = { now: "Maintenant", today: "Aujourd'hui", "this-week": "Cette semaine" };
+function NextActionItem({ action, index, onToggle }) {
+  const [pending, setPending] = react.useState(false);
+  const done = !!action.done;
+  return /* @__PURE__ */ jsxRuntime.jsxs("li", { className: s__default.default.aiCardNextAction, children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      "button",
+      {
+        type: "button",
+        className: `${s__default.default.aiCardNextCheck} ${done ? s__default.default.aiCardNextCheckDone : ""}`,
+        onClick: async () => {
+          setPending(true);
+          try {
+            await onToggle(!done);
+          } finally {
+            setPending(false);
+          }
+        },
+        "aria-pressed": done,
+        "aria-label": done ? "Marquer non fait" : "Marquer fait",
+        disabled: pending,
+        children: done && /* @__PURE__ */ jsxRuntime.jsx("span", { "aria-hidden": true, children: "\u2713" })
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx("span", { className: `${s__default.default.aiCardNextLabel} ${done ? s__default.default.aiCardNextLabelDone : ""}`, children: action.label }),
+    /* @__PURE__ */ jsxRuntime.jsx("span", { className: s__default.default.aiCardNextWhen, children: labelMap[action.priority] || action.priority })
+  ] });
+}
+
+exports.NextActionItem = NextActionItem;

package/dist/views/TicketDetailView/NextActionItem.js

@@ -0,0 +1,34 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { useState } from 'react';
+import s from '../../styles/TicketDetail.module.scss';
+
+const labelMap = { now: "Maintenant", today: "Aujourd'hui", "this-week": "Cette semaine" };
+function NextActionItem({ action, index, onToggle }) {
+  const [pending, setPending] = useState(false);
+  const done = !!action.done;
+  return /* @__PURE__ */ jsxs("li", { className: s.aiCardNextAction, children: [
+    /* @__PURE__ */ jsx(
+      "button",
+      {
+        type: "button",
+        className: `${s.aiCardNextCheck} ${done ? s.aiCardNextCheckDone : ""}`,
+        onClick: async () => {
+          setPending(true);
+          try {
+            await onToggle(!done);
+          } finally {
+            setPending(false);
+          }
+        },
+        "aria-pressed": done,
+        "aria-label": done ? "Marquer non fait" : "Marquer fait",
+        disabled: pending,
+        children: done && /* @__PURE__ */ jsx("span", { "aria-hidden": true, children: "\u2713" })
+      }
+    ),
+    /* @__PURE__ */ jsx("span", { className: `${s.aiCardNextLabel} ${done ? s.aiCardNextLabelDone : ""}`, children: action.label }),
+    /* @__PURE__ */ jsx("span", { className: s.aiCardNextWhen, children: labelMap[action.priority] || action.priority })
+  ] });
+}
+
+export { NextActionItem };