@consilioweb/payload-support 0.16.0 → 1.1.0

package/dist/views/TicketDetailView/client.cjs

@@ -10,7 +10,12 @@ var CodeBlockInserter = require('../../components/TicketConversation/components/
 var config = require('../shared/config');
 var sla = require('../shared/sla');
 var useTranslation = require('../../components/TicketConversation/hooks/useTranslation');
+var dateLocale = require('../shared/dateLocale');
 var s = require('../../styles/TicketDetail.module.scss');
+var constants = require('./constants');
+var helpers = require('./helpers');
+var RewriteDropdown = require('./RewriteDropdown');
+var NextActionItem = require('./NextActionItem');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
@@ -18,139 +23,6 @@ var React__default = /*#__PURE__*/_interopDefault(React);
 var Link__default = /*#__PURE__*/_interopDefault(Link);
 var s__default = /*#__PURE__*/_interopDefault(s);
 
-const ALIASES = [
-  { value: "Support Consilioweb", label: "En tant que : Support Consilioweb" },
-  { value: "contact@consilioweb.fr", label: "En tant que : contact@consilioweb.fr" }
-];
-const STATUS_STYLE = {
-  open: { bg: "#dbeafe", color: "#1e40af" },
-  waiting_client: { bg: "#fef3c7", color: "#92400e" },
-  resolved: { bg: "#dcfce7", color: "#166534" }
-};
-function timeAgo(d) {
-  const date = new Date(d), now = /* @__PURE__ */ new Date();
-  if (date.toDateString() === now.toDateString()) return date.toLocaleTimeString("fr-FR", { hour: "2-digit", minute: "2-digit" });
-  const y = new Date(now);
-  y.setDate(y.getDate() - 1);
-  if (date.toDateString() === y.toDateString()) return `Hier, ${date.toLocaleTimeString("fr-FR", { hour: "2-digit", minute: "2-digit" })}`;
-  return date.toLocaleDateString("fr-FR", { day: "numeric", month: "short", hour: "2-digit", minute: "2-digit" });
-}
-function dateLabel(d) {
-  const date = new Date(d), now = /* @__PURE__ */ new Date();
-  if (date.toDateString() === now.toDateString()) return "Aujourd'hui";
-  const y = new Date(now);
-  y.setDate(y.getDate() - 1);
-  if (date.toDateString() === y.toDateString()) return "Hier";
-  return date.toLocaleDateString("fr-FR", { day: "numeric", month: "long" });
-}
-const REWRITE_STYLES = [
-  { id: "auto", label: "\u270F\uFE0F Auto", desc: "Garde le ton actuel" },
-  { id: "tutoyer", label: "\u{1F44B} Tutoyer", desc: "Passe en tu" },
-  { id: "vouvoyer", label: "\u{1F3A9} Vouvoyer", desc: "Passe en vous" },
-  { id: "formel", label: "\u{1F4BC} Formel", desc: "Ton professionnel" },
-  { id: "amical", label: "\u{1F60A} Amical", desc: "Ton chaleureux" },
-  { id: "court", label: "\u26A1 Court", desc: "Version concise" }
-];
-const RewriteDropdown = ({ disabled, loading, onSelect, toolbarBtnClass }) => {
-  const [open, setOpen] = React.useState(false);
-  const ref = React.useRef(null);
-  React.useEffect(() => {
-    if (!open) return;
-    const close = (e) => {
-      if (ref.current && !ref.current.contains(e.target)) setOpen(false);
-    };
-    document.addEventListener("mousedown", close);
-    return () => document.removeEventListener("mousedown", close);
-  }, [open]);
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { ref, style: { position: "relative", display: "inline-block" }, children: [
-    /* @__PURE__ */ jsxRuntime.jsxs(
-      "button",
-      {
-        type: "button",
-        className: toolbarBtnClass,
-        onClick: () => setOpen(!open),
-        disabled,
-        style: { fontSize: 11, fontWeight: 700, padding: "4px 10px", width: "auto", display: "flex", alignItems: "center", gap: 4 },
-        children: [
-          loading ? "..." : "\u270F\uFE0F Reformuler",
-          !loading && /* @__PURE__ */ jsxRuntime.jsx("span", { style: { fontSize: 9, opacity: 0.6 }, children: "\u25BC" })
-        ]
-      }
-    ),
-    open && !disabled && !loading && /* @__PURE__ */ jsxRuntime.jsx("div", { style: {
-      position: "absolute",
-      bottom: "100%",
-      left: 0,
-      marginBottom: 4,
-      background: "#fff",
-      border: "1px solid #e5e7eb",
-      borderRadius: 8,
-      boxShadow: "0 4px 16px rgba(0,0,0,0.12)",
-      zIndex: 100,
-      minWidth: 180,
-      overflow: "hidden"
-    }, children: REWRITE_STYLES.map((style) => /* @__PURE__ */ jsxRuntime.jsxs(
-      "button",
-      {
-        type: "button",
-        onClick: () => {
-          setOpen(false);
-          onSelect(style.id);
-        },
-        style: {
-          display: "flex",
-          flexDirection: "column",
-          width: "100%",
-          padding: "8px 12px",
-          border: "none",
-          background: "transparent",
-          cursor: "pointer",
-          textAlign: "left",
-          borderBottom: "1px solid #f3f4f6"
-        },
-        onMouseEnter: (e) => {
-          e.currentTarget.style.background = "#f9fafb";
-        },
-        onMouseLeave: (e) => {
-          e.currentTarget.style.background = "transparent";
-        },
-        children: [
-          /* @__PURE__ */ jsxRuntime.jsx("span", { style: { fontSize: 12, fontWeight: 600 }, children: style.label }),
-          /* @__PURE__ */ jsxRuntime.jsx("span", { style: { fontSize: 10, color: "#9ca3af" }, children: style.desc })
-        ]
-      },
-      style.id
-    )) })
-  ] });
-};
-function NextActionItem({ action, index, onToggle }) {
-  const [pending, setPending] = React.useState(false);
-  const labelMap = { now: "Maintenant", today: "Aujourd'hui", "this-week": "Cette semaine" };
-  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 })
-  ] });
-}
 const TicketDetailClient = () => {
   const { t } = useTranslation.useTranslation();
   const searchParams = navigation.useSearchParams();
@@ -705,12 +577,12 @@ ${uploadedLinks.join("\n")}` : replyBody.trim() || "[Contenu enrichi]";
   if (!ticketId) return /* @__PURE__ */ jsxRuntime.jsx("div", { style: { padding: 60, textAlign: "center", color: "#94a3b8", fontSize: 14 }, children: t("detail.selectTicket") });
   if (loading) return /* @__PURE__ */ jsxRuntime.jsx("div", { style: { padding: 60, textAlign: "center", color: "#94a3b8", fontSize: 14 }, children: t("common.loading") });
   if (!ticket) return /* @__PURE__ */ jsxRuntime.jsx("div", { style: { padding: 60, textAlign: "center", color: "#94a3b8", fontSize: 14 }, children: t("detail.notFound") });
-  const st = STATUS_STYLE[ticket.status || "open"] || STATUS_STYLE.open;
+  const st = constants.STATUS_STYLE[ticket.status || "open"] || constants.STATUS_STYLE.open;
   const totalMin = timeEntries.reduce((a, e) => a + (e.duration || 0), 0);
   const initials = client ? `${(client.firstName?.[0] || "").toUpperCase()}${(client.lastName?.[0] || "").toUpperCase()}` : "?";
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: s__default.default.page, children: [
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: s__default.default.topBar, children: [
-      /* @__PURE__ */ jsxRuntime.jsx(Link__default.default, { href: "/admin/support/inbox", className: s__default.default.backLink, "aria-label": "Retour \xE0 la bo\xEEte de r\xE9ception", children: "\u2190" }),
+      /* @__PURE__ */ jsxRuntime.jsx(Link__default.default, { href: "/admin/support/inbox", className: s__default.default.backLink, "aria-label": t("detail.backToInbox"), children: "\u2190" }),
       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: s__default.default.ticketMeta, children: [
         /* @__PURE__ */ jsxRuntime.jsxs("span", { className: s__default.default.ticketNumber, children: [
           /* @__PURE__ */ jsxRuntime.jsx("span", { children: ticket.ticketNumber }),
@@ -763,7 +635,7 @@ ${uploadedLinks.join("\n")}` : replyBody.trim() || "[Contenu enrichi]";
       });
       if (slaInfo.state !== "breach") return null;
       const duration = sla.formatSlaRemaining(slaInfo.remainingMs).replace(/^−/, "");
-      const target = slaInfo.due ? new Date(slaInfo.due).toLocaleString("fr-FR", { day: "2-digit", month: "short", hour: "2-digit", minute: "2-digit" }) : "";
+      const target = slaInfo.due ? new Date(slaInfo.due).toLocaleString(dateLocale.DATE_LOCALE, { day: "2-digit", month: "short", hour: "2-digit", minute: "2-digit" }) : "";
       return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: s__default.default.slaBanner, role: "alert", children: [
         /* @__PURE__ */ jsxRuntime.jsx("span", { className: s__default.default.slaBannerIcon, "aria-hidden": true, children: /* @__PURE__ */ jsxRuntime.jsxs("svg", { width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
           /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M12 9v4M12 17h.01" }),
@@ -818,7 +690,7 @@ ${uploadedLinks.join("\n")}` : replyBody.trim() || "[Contenu enrichi]";
             const isAdmin = msg.authorType === "admin";
             const isPendingDelete = undoToast?.msgId === msg.id;
             return /* @__PURE__ */ jsxRuntime.jsxs(React__default.default.Fragment, { children: [
-              showDate && /* @__PURE__ */ jsxRuntime.jsx("div", { className: s__default.default.dateSeparator, children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: s__default.default.dateSeparatorText, children: dateLabel(msg.createdAt) }) }),
+              showDate && /* @__PURE__ */ jsxRuntime.jsx("div", { className: s__default.default.dateSeparator, children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: s__default.default.dateSeparatorText, children: helpers.dateLabel(msg.createdAt) }) }),
               /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `${s__default.default.message} ${isAdmin ? s__default.default.messageAdmin : s__default.default.messageClient} ${msg.isInternal ? s__default.default.messageInternal : ""}`, style: isPendingDelete ? { opacity: 0.3, pointerEvents: "none" } : void 0, children: [
                 /* @__PURE__ */ jsxRuntime.jsx(
                   "div",
@@ -833,20 +705,20 @@ ${uploadedLinks.join("\n")}` : replyBody.trim() || "[Contenu enrichi]";
                 /* @__PURE__ */ jsxRuntime.jsxs("div", { className: s__default.default.messageContent, children: [
                   /* @__PURE__ */ jsxRuntime.jsxs("div", { className: s__default.default.messageHeader, children: [
                     /* @__PURE__ */ jsxRuntime.jsx("span", { className: s__default.default.messageAuthor, children: msg.fromAlias || (isAdmin ? "Support" : msg.authorType === "email" ? "Email" : client?.firstName || "Client") }),
-                    /* @__PURE__ */ jsxRuntime.jsx("span", { className: s__default.default.messageTime, children: timeAgo(msg.createdAt) }),
-                    msg.isInternal && /* @__PURE__ */ jsxRuntime.jsx("span", { className: s__default.default.badge, style: { background: "#fef3c7", color: "#92400e" }, children: "Interne" }),
-                    msg.isSolution && /* @__PURE__ */ jsxRuntime.jsx("span", { className: s__default.default.badge, style: { background: "#dcfce7", color: "#166534" }, children: "Solution" }),
+                    /* @__PURE__ */ jsxRuntime.jsx("span", { className: s__default.default.messageTime, children: helpers.timeAgo(msg.createdAt) }),
+                    msg.isInternal && /* @__PURE__ */ jsxRuntime.jsx("span", { className: s__default.default.badge, style: { background: "#fef3c7", color: "#92400e" }, children: t("detail.badgeInternal") }),
+                    msg.isSolution && /* @__PURE__ */ jsxRuntime.jsx("span", { className: s__default.default.badge, style: { background: "#dcfce7", color: "#166534" }, children: t("detail.badgeSolution") }),
                     /* @__PURE__ */ jsxRuntime.jsx("span", { className: s__default.default.messageMeta, children: isAdmin && !msg.isInternal && (() => {
                       const ext = msg;
                       if (ext.emailOpenedAt) {
-                        const d = new Date(ext.emailOpenedAt).toLocaleString("fr-FR", { day: "numeric", month: "short", hour: "2-digit", minute: "2-digit" });
+                        const d = new Date(ext.emailOpenedAt).toLocaleString(dateLocale.DATE_LOCALE, { day: "numeric", month: "short", hour: "2-digit", minute: "2-digit" });
                         return /* @__PURE__ */ jsxRuntime.jsxs("span", { style: { color: "#16a34a", cursor: "help" }, title: `Ouvert le ${d}`, children: [
                           "\u2713\u2713 Lu ",
                           d
                         ] });
                       }
                       if (ext.emailSentAt) {
-                        const d = new Date(ext.emailSentAt).toLocaleString("fr-FR", { day: "numeric", month: "short", hour: "2-digit", minute: "2-digit" });
+                        const d = new Date(ext.emailSentAt).toLocaleString(dateLocale.DATE_LOCALE, { day: "numeric", month: "short", hour: "2-digit", minute: "2-digit" });
                         return /* @__PURE__ */ jsxRuntime.jsxs("span", { style: { color: "#2563eb", cursor: "help" }, title: `Envoy\xE9 le ${d}`, children: [
                           "\u2713 Envoy\xE9 ",
                           d
@@ -865,7 +737,7 @@ ${uploadedLinks.join("\n")}` : replyBody.trim() || "[Contenu enrichi]";
                           setEditingHtml(html);
                           setEditingBody(text);
                         },
-                        placeholder: "\xC9diter le message...",
+                        placeholder: t("detail.editPlaceholder"),
                         minHeight: 120,
                         onFileUpload: async (file) => {
                           try {
@@ -883,8 +755,8 @@ ${uploadedLinks.join("\n")}` : replyBody.trim() || "[Contenu enrichi]";
                       }
                     ),
                     /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { display: "flex", gap: 6, justifyContent: "flex-end" }, children: [
-                      /* @__PURE__ */ jsxRuntime.jsx("button", { onClick: cancelEditMessage, disabled: editSaving, style: { padding: "5px 12px", fontSize: 12, borderRadius: 5, border: "1px solid var(--theme-elevation-200)", background: "var(--theme-elevation-0)", color: "var(--theme-text)", cursor: "pointer" }, children: "Annuler" }),
-                      /* @__PURE__ */ jsxRuntime.jsx("button", { onClick: saveEditMessage, disabled: editSaving || !editingBody.trim(), style: { padding: "5px 12px", fontSize: 12, fontWeight: 600, borderRadius: 5, border: "none", background: "#2563eb", color: "#fff", cursor: editSaving ? "wait" : "pointer", opacity: editSaving ? 0.6 : 1 }, children: editSaving ? "Sauvegarde\u2026" : "Enregistrer" })
+                      /* @__PURE__ */ jsxRuntime.jsx("button", { onClick: cancelEditMessage, disabled: editSaving, style: { padding: "5px 12px", fontSize: 12, borderRadius: 5, border: "1px solid var(--theme-elevation-200)", background: "var(--theme-elevation-0)", color: "var(--theme-text)", cursor: "pointer" }, children: t("common.cancel") }),
+                      /* @__PURE__ */ jsxRuntime.jsx("button", { onClick: saveEditMessage, disabled: editSaving || !editingBody.trim(), style: { padding: "5px 12px", fontSize: 12, fontWeight: 600, borderRadius: 5, border: "none", background: "#2563eb", color: "#fff", cursor: editSaving ? "wait" : "pointer", opacity: editSaving ? 0.6 : 1 }, children: editSaving ? t("detail.editSaving") : t("detail.editSave") })
                     ] })
                   ] }) : msg.deletedAt ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: s__default.default.messageBody, style: { color: "#94a3b8", fontStyle: "italic" }, children: t("detail.messageDeleted") }) : msg.bodyHtml && CodeBlock.hasCodeBlocks(msg.bodyHtml.replace(/<[^>]+>/g, "")) ? /* @__PURE__ */ jsxRuntime.jsx(CodeBlock.CodeBlockRendererHtml, { html: msg.bodyHtml }) : msg.bodyHtml ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: `${s__default.default.messageBody} ${s__default.default.rteDisplay}`, dangerouslySetInnerHTML: { __html: msg.bodyHtml } }) : CodeBlock.hasCodeBlocks(msg.body) ? /* @__PURE__ */ jsxRuntime.jsx(CodeBlock.MessageWithCodeBlocks, { text: msg.body, style: { fontSize: "13px", lineHeight: 1.5 } }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: s__default.default.messageBody, children: msg.body }),
                   Array.isArray(msg.attachments) && msg.attachments.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: s__default.default.attachments, children: msg.attachments.map((att, i) => {
@@ -897,7 +769,7 @@ ${uploadedLinks.join("\n")}` : replyBody.trim() || "[Contenu enrichi]";
                   }) })
                 ] }),
                 editingMsgId !== msg.id && !msg.deletedAt && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: s__default.default.messageActions, children: [
-                  /* @__PURE__ */ jsxRuntime.jsx("button", { className: s__default.default.actionIcon, title: "\xC9diter", "aria-label": "\xC9diter le message", onClick: () => startEditMessage(msg), style: { fontSize: 11, width: "auto", padding: "4px 8px" }, children: "\xC9diter" }),
+                  /* @__PURE__ */ jsxRuntime.jsx("button", { className: s__default.default.actionIcon, title: t("detail.editMessage"), "aria-label": t("detail.editMessageLabel"), onClick: () => startEditMessage(msg), style: { fontSize: 11, width: "auto", padding: "4px 8px" }, children: t("detail.editMessage") }),
                   /* @__PURE__ */ jsxRuntime.jsx("button", { className: `${s__default.default.actionIcon} ${s__default.default.danger}`, title: t("actions.deleteMessage"), "aria-label": t("actions.deleteMessage"), onClick: () => handleDeleteMessage(msg.id), style: { fontSize: 11, width: "auto", padding: "4px 8px" }, children: t("actions.deleteMessage") }),
                   features.splitTicket && !msg.isInternal && /* @__PURE__ */ jsxRuntime.jsx("button", { className: s__default.default.actionIcon, title: t("actions.extractMessage"), "aria-label": t("actions.extractToNewTicket"), onClick: () => {
                     setSplitModal({ messageId: msg.id, preview: msg.body.slice(0, 200) });
@@ -963,7 +835,7 @@ ${uploadedLinks.join("\n")}` : replyBody.trim() || "[Contenu enrichi]";
                       children: aiReplying ? `\u23F3 ${t("composer.aiSuggestion.loading")}` : `\u2728 ${t("detail.iaSuggestion")}`
                     }
                   ),
-                  /* @__PURE__ */ jsxRuntime.jsx(RewriteDropdown, { disabled: aiRewriting || !replyBody.trim(), loading: aiRewriting, onSelect: (style) => handleAiRewrite(style), toolbarBtnClass: s__default.default.toolbarBtn })
+                  /* @__PURE__ */ jsxRuntime.jsx(RewriteDropdown.RewriteDropdown, { disabled: aiRewriting || !replyBody.trim(), loading: aiRewriting, onSelect: (style) => handleAiRewrite(style), toolbarBtnClass: s__default.default.toolbarBtn })
                 ] }),
                 /* @__PURE__ */ jsxRuntime.jsx(
                   CodeBlockInserter.CodeBlockInserter,
@@ -993,7 +865,7 @@ ${uploadedLinks.join("\n")}` : replyBody.trim() || "[Contenu enrichi]";
                     },
                     disabled: applyingMacro,
                     style: { marginLeft: 0 },
-                    "aria-label": "Appliquer une macro",
+                    "aria-label": t("detail.macros"),
                     children: [
                       /* @__PURE__ */ jsxRuntime.jsx("option", { value: "", children: applyingMacro ? t("detail.applyingMacro") : t("detail.macros") }),
                       macros.map((m) => /* @__PURE__ */ jsxRuntime.jsx("option", { value: m.id, children: m.name }, m.id))
@@ -1001,7 +873,7 @@ ${uploadedLinks.join("\n")}` : replyBody.trim() || "[Contenu enrichi]";
                   }
                 ),
                 /* @__PURE__ */ jsxRuntime.jsx("span", { className: s__default.default.toolbarDivider }),
-                features.canned && cannedResponses.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs("select", { className: s__default.default.cannedSelect, "aria-label": "R\xE9ponses types", onChange: (e) => {
+                features.canned && cannedResponses.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs("select", { className: s__default.default.cannedSelect, "aria-label": t("detail.cannedResponses"), onChange: (e) => {
                   const cr = cannedResponses.find((c) => String(c.id) === e.target.value);
                   if (cr) {
                     let b = cr.body;
@@ -1046,11 +918,8 @@ ${uploadedLinks.join("\n")}` : replyBody.trim() || "[Contenu enrichi]";
                   }
                 ),
                 pendingFiles.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: s__default.default.uploadPreview, children: pendingFiles.map((f, i) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: s__default.default.uploadPreviewItem, children: [
-                  /* @__PURE__ */ jsxRuntime.jsxs("span", { children: [
-                    "PJ ",
-                    f.name
-                  ] }),
-                  /* @__PURE__ */ jsxRuntime.jsx("button", { className: s__default.default.uploadRemoveBtn, "aria-label": `Retirer ${f.name}`, onClick: () => setPendingFiles((prev) => prev.filter((_, j) => j !== i)), children: "\xD7" })
+                  /* @__PURE__ */ jsxRuntime.jsx("span", { children: t("detail.uploadItem", { name: f.name }) }),
+                  /* @__PURE__ */ jsxRuntime.jsx("button", { className: s__default.default.uploadRemoveBtn, "aria-label": t("detail.removeUpload", { name: f.name }), onClick: () => setPendingFiles((prev) => prev.filter((_, j) => j !== i)), children: "\xD7" })
                 ] }, i)) })
               ] }),
               /* @__PURE__ */ jsxRuntime.jsxs("div", { className: s__default.default.composerFooter, children: [
@@ -1069,8 +938,8 @@ ${uploadedLinks.join("\n")}` : replyBody.trim() || "[Contenu enrichi]";
                       },
                       style: { fontSize: "12px", padding: "4px 8px", fontWeight: 600, borderRadius: 6, border: "1px solid var(--theme-elevation-200)", background: "var(--theme-elevation-0)", color: "var(--theme-text)" },
                       children: [
-                        /* @__PURE__ */ jsxRuntime.jsx("option", { value: "admin", children: "En tant que : Support" }),
-                        /* @__PURE__ */ jsxRuntime.jsx("option", { value: "client", children: "En tant que : Client" })
+                        /* @__PURE__ */ jsxRuntime.jsx("option", { value: "admin", children: t("detail.sendAsSupport") }),
+                        /* @__PURE__ */ jsxRuntime.jsx("option", { value: "client", children: t("detail.sendAsClient") })
                       ]
                     }
                   ),
@@ -1084,7 +953,7 @@ ${uploadedLinks.join("\n")}` : replyBody.trim() || "[Contenu enrichi]";
                       title: t("composer.aliases.tooltip"),
                       children: [
                         /* @__PURE__ */ jsxRuntime.jsx("option", { value: "", children: t("composer.aliases.self") }),
-                        ALIASES.map((a) => /* @__PURE__ */ jsxRuntime.jsx("option", { value: a.value, children: a.label }, a.value))
+                        constants.ALIASES.map((a) => /* @__PURE__ */ jsxRuntime.jsx("option", { value: a.value, children: a.label }, a.value))
                       ]
                     }
                   ),
@@ -1105,7 +974,7 @@ ${uploadedLinks.join("\n")}` : replyBody.trim() || "[Contenu enrichi]";
                   /* @__PURE__ */ jsxRuntime.jsx("kbd", { children: "\u2318" }),
                   /* @__PURE__ */ jsxRuntime.jsx("kbd", { children: "\u21B5" })
                 ] }),
-                /* @__PURE__ */ jsxRuntime.jsx("button", { className: `${s__default.default.sendBtn} ${isInternal ? s__default.default.sendBtnInternal : ""}`, onClick: handleSend, disabled: sending || !replyBody.trim(), "data-action": "send-reply", children: sending ? t("detail.sending") : sendAsClient ? "Ajouter message client" : isInternal ? t("detail.sendNote") : t("detail.sendReply") })
+                /* @__PURE__ */ jsxRuntime.jsx("button", { className: `${s__default.default.sendBtn} ${isInternal ? s__default.default.sendBtnInternal : ""}`, onClick: handleSend, disabled: sending || !replyBody.trim(), "data-action": "send-reply", children: sending ? t("detail.sending") : sendAsClient ? t("detail.addClientMessage") : isInternal ? t("detail.sendNote") : t("detail.sendReply") })
               ] })
             ]
           }
@@ -1178,7 +1047,7 @@ ${uploadedLinks.join("\n")}` : replyBody.trim() || "[Contenu enrichi]";
           clientSummary && clientSummary.summary && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `${s__default.default.sideSection} ${s__default.default.aiCard}`, children: [
             /* @__PURE__ */ jsxRuntime.jsxs("div", { className: s__default.default.aiCardTitle, children: [
               /* @__PURE__ */ jsxRuntime.jsx("span", { className: s__default.default.aiCardIcon, "aria-hidden": true, children: "\u2728" }),
-              "Synth\xE8se client"
+              t("detail.aiCard.title")
             ] }),
             /* @__PURE__ */ jsxRuntime.jsx("p", { className: s__default.default.aiCardLead, children: clientSummary.summary }),
             clientSummary.recurringTopics && clientSummary.recurringTopics.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: s__default.default.aiCardChips, children: clientSummary.recurringTopics.slice(0, 5).map((tp, i) => /* @__PURE__ */ jsxRuntime.jsx("span", { className: s__default.default.aiChip, children: tp.topic }, `tp-${i}`)) }),
@@ -1189,7 +1058,7 @@ ${uploadedLinks.join("\n")}` : replyBody.trim() || "[Contenu enrichi]";
             clientSummary?.nextActions && clientSummary.nextActions.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
               /* @__PURE__ */ jsxRuntime.jsx("h5", { className: s__default.default.aiCardNextTitle, children: t("detail.aiCard.nextActions.title") }),
               /* @__PURE__ */ jsxRuntime.jsx("ul", { className: s__default.default.aiCardNextActions, children: clientSummary.nextActions.map((action, i) => /* @__PURE__ */ jsxRuntime.jsx(
-                NextActionItem,
+                NextActionItem.NextActionItem,
                 {
                   action,
                   index: i,
@@ -1257,12 +1126,12 @@ ${uploadedLinks.join("\n")}` : replyBody.trim() || "[Contenu enrichi]";
                 ":",
                 String(timerSeconds % 60).padStart(2, "0")
               ] }),
-              !timerRunning ? /* @__PURE__ */ jsxRuntime.jsx("button", { className: s__default.default.timerBtn, onClick: () => setTimerRunning(true), "aria-label": "D\xE9marrer le timer", children: timerSeconds > 0 ? "\u25B6" : "\u25B6 Go" }) : /* @__PURE__ */ jsxRuntime.jsx("button", { className: `${s__default.default.timerBtn} ${s__default.default.timerBtnRunning}`, onClick: () => setTimerRunning(false), "aria-label": "Mettre en pause le timer", children: "\u23F8 Pause" }),
+              !timerRunning ? /* @__PURE__ */ jsxRuntime.jsx("button", { className: s__default.default.timerBtn, onClick: () => setTimerRunning(true), "aria-label": t("detail.timerStart"), children: timerSeconds > 0 ? "\u25B6" : "\u25B6 Go" }) : /* @__PURE__ */ jsxRuntime.jsx("button", { className: `${s__default.default.timerBtn} ${s__default.default.timerBtnRunning}`, onClick: () => setTimerRunning(false), "aria-label": t("detail.timerPause"), children: "\u23F8 Pause" }),
               timerSeconds >= 60 && !timerRunning && /* @__PURE__ */ jsxRuntime.jsxs("button", { className: `${s__default.default.timerBtn} ${s__default.default.timerBtnGhost}`, onClick: () => {
                 handleTimerSave();
                 localStorage.removeItem(`timer-sec-${ticketId}`);
                 localStorage.removeItem(`timer-run-${ticketId}`);
-              }, "aria-label": "Sauvegarder le temps", children: [
+              }, "aria-label": t("detail.timerSave"), children: [
                 "\u{1F4BE} ",
                 Math.round(timerSeconds / 60),
                 "m"
@@ -1281,11 +1150,11 @@ ${uploadedLinks.join("\n")}` : replyBody.trim() || "[Contenu enrichi]";
                   fetchAll();
                 } catch {
                 }
-              }, style: { fontSize: 11 }, children: "+ Ajouter" })
+              }, style: { fontSize: 11 }, children: t("detail.addTime") })
             ] }),
             /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { marginTop: 8, fontSize: 11, color: "var(--theme-elevation-500)" }, children: [
               /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { display: "flex", justifyContent: "space-between", padding: "2px 0", alignItems: "center" }, children: [
-                /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Facturable" }),
+                /* @__PURE__ */ jsxRuntime.jsx("span", { children: t("detail.billing.billable") }),
                 /* @__PURE__ */ jsxRuntime.jsx(
                   "button",
                   {
@@ -1298,12 +1167,12 @@ ${uploadedLinks.join("\n")}` : replyBody.trim() || "[Contenu enrichi]";
                       }
                     },
                     style: { fontWeight: 600, color: ticket.billable !== false ? "#16a34a" : "#dc2626", background: "none", border: "none", cursor: "pointer", fontSize: 11, textDecoration: "underline" },
-                    children: ticket.billable !== false ? "Oui" : "Non"
+                    children: ticket.billable !== false ? t("detail.billing.yes") : t("detail.billing.no")
                   }
                 )
               ] }),
               totalMin > 0 && /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { display: "flex", justifyContent: "space-between", padding: "2px 0" }, children: [
-                /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Montant estim\xE9" }),
+                /* @__PURE__ */ jsxRuntime.jsx("span", { children: t("detail.billing.estimatedAmount") }),
                 /* @__PURE__ */ jsxRuntime.jsxs("span", { style: { fontWeight: 700, color: "var(--theme-text)" }, children: [
                   (totalMin / 60 * 60).toFixed(0),
                   "\u20AC"
@@ -1311,7 +1180,7 @@ ${uploadedLinks.join("\n")}` : replyBody.trim() || "[Contenu enrichi]";
               ] })
             ] }),
             timeEntries.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { style: { marginTop: 8, fontSize: 11 }, children: timeEntries.slice(0, 6).map((e) => /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { display: "flex", justifyContent: "space-between", padding: "3px 0", color: "var(--theme-elevation-500)" }, children: [
-              /* @__PURE__ */ jsxRuntime.jsx("span", { children: new Date(e.date).toLocaleDateString("fr-FR", { day: "numeric", month: "short" }) }),
+              /* @__PURE__ */ jsxRuntime.jsx("span", { children: new Date(e.date).toLocaleDateString(dateLocale.DATE_LOCALE, { day: "numeric", month: "short" }) }),
               /* @__PURE__ */ jsxRuntime.jsxs("span", { title: e.description, style: { fontWeight: 600, cursor: e.description ? "help" : "default" }, children: [
                 e.duration,
                 "min"
@@ -1323,7 +1192,7 @@ ${uploadedLinks.join("\n")}` : replyBody.trim() || "[Contenu enrichi]";
             /* @__PURE__ */ jsxRuntime.jsxs("div", { className: s__default.default.tagsWrap, children: [
               tags.map((tag) => /* @__PURE__ */ jsxRuntime.jsxs("span", { className: s__default.default.tagChip, children: [
                 tag,
-                /* @__PURE__ */ jsxRuntime.jsx("button", { className: s__default.default.tagRemove, "aria-label": `Retirer le tag ${tag}`, onClick: () => handleRemoveTag(tag), children: "\xD7" })
+                /* @__PURE__ */ jsxRuntime.jsx("button", { className: s__default.default.tagRemove, "aria-label": t("detail.removeTag", { tag }), onClick: () => handleRemoveTag(tag), children: "\xD7" })
               ] }, tag)),
               addingTag ? /* @__PURE__ */ jsxRuntime.jsx(
                 "input",
@@ -1339,17 +1208,17 @@ ${uploadedLinks.join("\n")}` : replyBody.trim() || "[Contenu enrichi]";
                     }
                   },
                   onBlur: handleAddTag,
-                  placeholder: "Tag...",
+                  placeholder: t("detail.tagPlaceholder"),
                   autoFocus: true
                 }
-              ) : /* @__PURE__ */ jsxRuntime.jsx("button", { className: s__default.default.tagAddBtn, onClick: () => setAddingTag(true), "aria-label": "Ajouter un tag", children: "+ Tag" })
+              ) : /* @__PURE__ */ jsxRuntime.jsx("button", { className: s__default.default.tagAddBtn, onClick: () => setAddingTag(true), "aria-label": t("detail.addTag"), children: t("detail.addTagBtn") })
             ] })
           ] }),
           /* @__PURE__ */ jsxRuntime.jsxs("div", { className: s__default.default.sideSection, children: [
-            /* @__PURE__ */ jsxRuntime.jsx("div", { className: s__default.default.sideSectionTitle, children: "Facturation" }),
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: s__default.default.sideSectionTitle, children: t("detail.billing.title") }),
             /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { display: "flex", flexDirection: "column", gap: 8 }, children: [
               /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { display: "flex", alignItems: "center", justifyContent: "space-between" }, children: [
-                /* @__PURE__ */ jsxRuntime.jsx("span", { style: { fontSize: 12 }, children: "Type" }),
+                /* @__PURE__ */ jsxRuntime.jsx("span", { style: { fontSize: 12 }, children: t("detail.billing.type") }),
                 /* @__PURE__ */ jsxRuntime.jsxs(
                   "select",
                   {
@@ -1368,14 +1237,14 @@ ${uploadedLinks.join("\n")}` : replyBody.trim() || "[Contenu enrichi]";
                     },
                     style: { fontSize: 12, padding: "4px 8px", borderRadius: 6, border: "1px solid #e5e7eb", background: "#fff" },
                     children: [
-                      /* @__PURE__ */ jsxRuntime.jsx("option", { value: "hourly", children: "Au temps" }),
-                      /* @__PURE__ */ jsxRuntime.jsx("option", { value: "flat", children: "Forfait" })
+                      /* @__PURE__ */ jsxRuntime.jsx("option", { value: "hourly", children: t("detail.billing.hourly") }),
+                      /* @__PURE__ */ jsxRuntime.jsx("option", { value: "flat", children: t("detail.billing.flat") })
                     ]
                   }
                 )
               ] }),
               ticket?.billingType === "flat" && /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { display: "flex", alignItems: "center", justifyContent: "space-between" }, children: [
-                /* @__PURE__ */ jsxRuntime.jsx("span", { style: { fontSize: 12 }, children: "Montant forfait" }),
+                /* @__PURE__ */ jsxRuntime.jsx("span", { style: { fontSize: 12 }, children: t("detail.billing.flatAmount") }),
                 /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { display: "flex", alignItems: "center", gap: 4 }, children: [
                   /* @__PURE__ */ jsxRuntime.jsx(
                     "input",
@@ -1403,7 +1272,7 @@ ${uploadedLinks.join("\n")}` : replyBody.trim() || "[Contenu enrichi]";
                 ] })
               ] }),
               /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { display: "flex", alignItems: "center", justifyContent: "space-between" }, children: [
-                /* @__PURE__ */ jsxRuntime.jsx("span", { style: { fontSize: 12 }, children: "Montant factur\xE9" }),
+                /* @__PURE__ */ jsxRuntime.jsx("span", { style: { fontSize: 12 }, children: t("detail.billing.billedAmount") }),
                 /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { display: "flex", alignItems: "center", gap: 4 }, children: [
                   /* @__PURE__ */ jsxRuntime.jsx(
                     "input",
@@ -1431,7 +1300,7 @@ ${uploadedLinks.join("\n")}` : replyBody.trim() || "[Contenu enrichi]";
                 ] })
               ] }),
               /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { display: "flex", alignItems: "center", justifyContent: "space-between" }, children: [
-                /* @__PURE__ */ jsxRuntime.jsx("span", { style: { fontSize: 12 }, children: "Paiement" }),
+                /* @__PURE__ */ jsxRuntime.jsx("span", { style: { fontSize: 12 }, children: t("detail.billing.payment") }),
                 /* @__PURE__ */ jsxRuntime.jsxs(
                   "select",
                   {
@@ -1450,16 +1319,16 @@ ${uploadedLinks.join("\n")}` : replyBody.trim() || "[Contenu enrichi]";
                     },
                     style: { fontSize: 12, padding: "4px 8px", borderRadius: 6, border: "1px solid #e5e7eb", background: "#fff" },
                     children: [
-                      /* @__PURE__ */ jsxRuntime.jsx("option", { value: "unpaid", children: "Non pay\xE9" }),
-                      /* @__PURE__ */ jsxRuntime.jsx("option", { value: "partial", children: "Partiel" }),
-                      /* @__PURE__ */ jsxRuntime.jsx("option", { value: "paid", children: "Pay\xE9" })
+                      /* @__PURE__ */ jsxRuntime.jsx("option", { value: "unpaid", children: t("detail.billing.unpaid") }),
+                      /* @__PURE__ */ jsxRuntime.jsx("option", { value: "partial", children: t("detail.billing.partial") }),
+                      /* @__PURE__ */ jsxRuntime.jsx("option", { value: "paid", children: t("detail.billing.paid") })
                     ]
                   }
                 )
               ] })
             ] })
           ] }),
-          summaryLoading && /* @__PURE__ */ jsxRuntime.jsx("div", { className: s__default.default.sideSection, children: /* @__PURE__ */ jsxRuntime.jsx("div", { style: { fontSize: 11, color: "var(--theme-elevation-400)", textAlign: "center", padding: 8 }, children: "\u2728 Chargement de la synth\xE8se\u2026" }) })
+          summaryLoading && /* @__PURE__ */ jsxRuntime.jsx("div", { className: s__default.default.sideSection, children: /* @__PURE__ */ jsxRuntime.jsx("div", { style: { fontSize: 11, color: "var(--theme-elevation-400)", textAlign: "center", padding: 8 }, children: t("detail.loadingSummary") }) })
         ] }),
         sidebarTab === "client" && /* @__PURE__ */ jsxRuntime.jsxs("div", { role: "tabpanel", id: "sidebar-panel-client", "aria-labelledby": "sidebar-tab-client", children: [
           client && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: s__default.default.sideSection, children: [
@@ -1487,7 +1356,7 @@ ${uploadedLinks.join("\n")}` : replyBody.trim() || "[Contenu enrichi]";
               /* @__PURE__ */ jsxRuntime.jsx("span", { className: s__default.default.previousTicketsSubject, children: pt.subject || `#${pt.id}` }),
               /* @__PURE__ */ jsxRuntime.jsxs("span", { className: s__default.default.previousTicketsMeta, children: [
                 pt.status ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: s__default.default.previousTicketsStatus, children: pt.status }) : null,
-                /* @__PURE__ */ jsxRuntime.jsx("span", { className: s__default.default.previousTicketsDate, children: new Date(pt.createdAt).toLocaleDateString("fr-FR", { day: "numeric", month: "short", year: "numeric" }) })
+                /* @__PURE__ */ jsxRuntime.jsx("span", { className: s__default.default.previousTicketsDate, children: new Date(pt.createdAt).toLocaleDateString(dateLocale.DATE_LOCALE, { day: "numeric", month: "short", year: "numeric" }) })
               ] })
             ] }) }, pt.id)) })
           ] })
@@ -1498,23 +1367,23 @@ ${uploadedLinks.join("\n")}` : replyBody.trim() || "[Contenu enrichi]";
             /* @__PURE__ */ jsxRuntime.jsx("div", { className: s__default.default.activityDot, style: { backgroundColor: a.actorType === "admin" ? "#2563eb" : a.actorType === "system" ? "#6b7280" : "#16a34a" } }),
             /* @__PURE__ */ jsxRuntime.jsxs("div", { className: s__default.default.activityContent, children: [
               /* @__PURE__ */ jsxRuntime.jsx("div", { className: s__default.default.activityText, children: (a.detail || a.action).slice(0, 120) }),
-              /* @__PURE__ */ jsxRuntime.jsx("div", { className: s__default.default.activityTime, children: timeAgo(a.createdAt) })
+              /* @__PURE__ */ jsxRuntime.jsx("div", { className: s__default.default.activityTime, children: helpers.timeAgo(a.createdAt) })
             ] })
           ] }, a.id))
         ] }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: s__default.default.sideSection, children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: s__default.default.previousTicketsEmpty, children: "\u2014" }) }) })
       ] })
     ] }),
     undoToast && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: s__default.default.undoToast, role: "alert", children: [
-      /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Message supprim\xE9" }),
-      /* @__PURE__ */ jsxRuntime.jsx("button", { className: s__default.default.undoBtn, onClick: handleUndoDelete, children: "Annuler" })
+      /* @__PURE__ */ jsxRuntime.jsx("span", { children: t("detail.messageDeletedToast") }),
+      /* @__PURE__ */ jsxRuntime.jsx("button", { className: s__default.default.undoBtn, onClick: handleUndoDelete, children: t("common.cancel") })
     ] }),
     splitModal && /* @__PURE__ */ jsxRuntime.jsx("div", { className: s__default.default.splitOverlay, onClick: (e) => {
       if (e.target === e.currentTarget) {
         setSplitModal(null);
         setSplitSubject("");
       }
-    }, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: s__default.default.splitModal, role: "dialog", "aria-label": "Extraire dans un nouveau ticket", children: [
-      /* @__PURE__ */ jsxRuntime.jsx("h3", { className: s__default.default.splitTitle, children: "Extraire dans un nouveau ticket" }),
+    }, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: s__default.default.splitModal, role: "dialog", "aria-label": t("actions.extractToNewTicket"), children: [
+      /* @__PURE__ */ jsxRuntime.jsx("h3", { className: s__default.default.splitTitle, children: t("actions.extractToNewTicket") }),
       /* @__PURE__ */ jsxRuntime.jsx("div", { className: s__default.default.splitPreview, children: splitModal.preview }),
       /* @__PURE__ */ jsxRuntime.jsx(
         "input",
@@ -1525,7 +1394,7 @@ ${uploadedLinks.join("\n")}` : replyBody.trim() || "[Contenu enrichi]";
           onKeyDown: (e) => {
             if (e.key === "Enter") handleSplitConfirm();
           },
-          placeholder: "Sujet du nouveau ticket...",
+          placeholder: t("detail.split.subjectPlaceholder"),
           autoFocus: true
         }
       ),
@@ -1533,8 +1402,8 @@ ${uploadedLinks.join("\n")}` : replyBody.trim() || "[Contenu enrichi]";
         /* @__PURE__ */ jsxRuntime.jsx("button", { className: s__default.default.splitCancelBtn, onClick: () => {
           setSplitModal(null);
           setSplitSubject("");
-        }, children: "Annuler" }),
-        /* @__PURE__ */ jsxRuntime.jsx("button", { className: s__default.default.splitConfirmBtn, onClick: handleSplitConfirm, disabled: !splitSubject.trim(), children: "Cr\xE9er le ticket" })
+        }, children: t("common.cancel") }),
+        /* @__PURE__ */ jsxRuntime.jsx("button", { className: s__default.default.splitConfirmBtn, onClick: handleSplitConfirm, disabled: !splitSubject.trim(), children: t("detail.split.createBtn") })
       ] })
     ] }) })
   ] });