@consilioweb/payload-support 0.15.0 → 1.0.0

package/dist/components/TicketConversation/RewriteDropdown.cjs

@@ -0,0 +1,98 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var constants = require('./constants');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefault(React);
+
+const RewriteDropdown = ({ disabled, loading, onSelect }) => {
+  const [open, setOpen] = React.useState(false);
+  const ref = React__default.default.useRef(null);
+  React__default.default.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",
+        onClick: () => setOpen(!open),
+        disabled,
+        style: {
+          ...constants.s.outlineBtn("#0891b2", disabled),
+          fontSize: "11px",
+          padding: "3px 10px",
+          borderRadius: "14px",
+          display: "flex",
+          alignItems: "center",
+          gap: "4px"
+        },
+        children: [
+          loading ? "Reformulation..." : "\u270F\uFE0F Reformuler",
+          !loading && /* @__PURE__ */ jsxRuntime.jsx("span", { style: { fontSize: 9, opacity: 0.7 }, children: "\u25BC" })
+        ]
+      }
+    ),
+    open && !disabled && !loading && /* @__PURE__ */ jsxRuntime.jsx(
+      "div",
+      {
+        style: {
+          position: "absolute",
+          bottom: "100%",
+          left: 0,
+          marginBottom: 4,
+          background: "var(--theme-elevation-0, #fff)",
+          border: "1px solid var(--theme-elevation-200, #e5e7eb)",
+          borderRadius: 8,
+          boxShadow: "0 4px 16px rgba(0,0,0,0.12)",
+          zIndex: 100,
+          minWidth: 180,
+          overflow: "hidden"
+        },
+        children: constants.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 var(--theme-elevation-100, #f3f4f6)",
+              transition: "background 120ms"
+            },
+            onMouseEnter: (e) => {
+              e.target.style.background = "var(--theme-elevation-50, #f9fafb)";
+            },
+            onMouseLeave: (e) => {
+              e.target.style.background = "transparent";
+            },
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsx("span", { style: { fontSize: 12, fontWeight: 600, color: "var(--theme-text, #111)" }, children: style.label }),
+              /* @__PURE__ */ jsxRuntime.jsx("span", { style: { fontSize: 10, color: "var(--theme-elevation-500, #6b7280)" }, children: style.desc })
+            ]
+          },
+          style.id
+        ))
+      }
+    )
+  ] });
+};
+
+exports.RewriteDropdown = RewriteDropdown;

package/dist/components/TicketConversation/RewriteDropdown.js

@@ -0,0 +1,93 @@
+"use client";
+import { jsxs, jsx } from 'react/jsx-runtime';
+import React, { useState } from 'react';
+import { s, REWRITE_STYLES } from './constants.js';
+
+const RewriteDropdown = ({ disabled, loading, onSelect }) => {
+  const [open, setOpen] = 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__ */ jsxs("div", { ref, style: { position: "relative", display: "inline-block" }, children: [
+    /* @__PURE__ */ jsxs(
+      "button",
+      {
+        type: "button",
+        onClick: () => setOpen(!open),
+        disabled,
+        style: {
+          ...s.outlineBtn("#0891b2", disabled),
+          fontSize: "11px",
+          padding: "3px 10px",
+          borderRadius: "14px",
+          display: "flex",
+          alignItems: "center",
+          gap: "4px"
+        },
+        children: [
+          loading ? "Reformulation..." : "\u270F\uFE0F Reformuler",
+          !loading && /* @__PURE__ */ jsx("span", { style: { fontSize: 9, opacity: 0.7 }, children: "\u25BC" })
+        ]
+      }
+    ),
+    open && !disabled && !loading && /* @__PURE__ */ jsx(
+      "div",
+      {
+        style: {
+          position: "absolute",
+          bottom: "100%",
+          left: 0,
+          marginBottom: 4,
+          background: "var(--theme-elevation-0, #fff)",
+          border: "1px solid var(--theme-elevation-200, #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__ */ 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 var(--theme-elevation-100, #f3f4f6)",
+              transition: "background 120ms"
+            },
+            onMouseEnter: (e) => {
+              e.target.style.background = "var(--theme-elevation-50, #f9fafb)";
+            },
+            onMouseLeave: (e) => {
+              e.target.style.background = "transparent";
+            },
+            children: [
+              /* @__PURE__ */ jsx("span", { style: { fontSize: 12, fontWeight: 600, color: "var(--theme-text, #111)" }, children: style.label }),
+              /* @__PURE__ */ jsx("span", { style: { fontSize: 10, color: "var(--theme-elevation-500, #6b7280)" }, children: style.desc })
+            ]
+          },
+          style.id
+        ))
+      }
+    )
+  ] });
+};
+
+export { RewriteDropdown };

package/dist/components/TicketConversation/SkeletonText.cjs

@@ -0,0 +1,21 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+
+function SkeletonText({ lines = 3 }) {
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { style: { display: "flex", flexDirection: "column", gap: "8px", padding: "12px 0" }, children: Array.from({ length: lines }).map((_, i) => /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      style: {
+        height: "14px",
+        borderRadius: "4px",
+        backgroundColor: "#e2e8f0",
+        width: i === lines - 1 ? "60%" : "100%",
+        animation: "pulse 1.5s ease-in-out infinite"
+      }
+    },
+    i
+  )) });
+}
+
+exports.SkeletonText = SkeletonText;

package/dist/components/TicketConversation/SkeletonText.js

@@ -0,0 +1,20 @@
+"use client";
+import { jsx } from 'react/jsx-runtime';
+
+function SkeletonText({ lines = 3 }) {
+  return /* @__PURE__ */ jsx("div", { style: { display: "flex", flexDirection: "column", gap: "8px", padding: "12px 0" }, children: Array.from({ length: lines }).map((_, i) => /* @__PURE__ */ jsx(
+    "div",
+    {
+      style: {
+        height: "14px",
+        borderRadius: "4px",
+        backgroundColor: "#e2e8f0",
+        width: i === lines - 1 ? "60%" : "100%",
+        animation: "pulse 1.5s ease-in-out infinite"
+      }
+    },
+    i
+  )) });
+}
+
+export { SkeletonText };

package/dist/components/TicketConversation/components/ActionPanels.cjs

@@ -95,6 +95,77 @@ function ExtMessagePanel({
     /* @__PURE__ */ jsxRuntime.jsx("button", { onClick: handleSendExtMsg, disabled: sendingExtMsg || !extMsgBody.trim(), style: constants.s.btn("#818cf8", sendingExtMsg || !extMsgBody.trim()), children: sendingExtMsg ? "Ajout..." : "Ajouter (sans notification)" })
   ] });
 }
+const REMINDER_DELAYS = [
+  { hours: 24, label: "24 h" },
+  { hours: 48, label: "48 h" },
+  { hours: 72, label: "72 h" }
+];
+function ReminderPanel({
+  clientFirstName,
+  clientEmail,
+  reminderHours,
+  setReminderHours,
+  reminderSending,
+  reminderError,
+  handleSendReminder
+}) {
+  const deadline = new Date(Date.now() + reminderHours * 60 * 60 * 1e3);
+  const deadlineLabel = deadline.toLocaleString("fr-FR", {
+    weekday: "long",
+    day: "numeric",
+    month: "long",
+    hour: "2-digit",
+    minute: "2-digit"
+  });
+  const name = clientFirstName?.trim() || "le client";
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { padding: "14px 18px", borderRadius: "8px", backgroundColor: "#fff7ed", border: "1px solid #fed7aa", marginBottom: "14px" }, children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("h4", { style: { fontSize: "13px", fontWeight: 600, marginBottom: "8px", color: "#9a3412" }, children: [
+      "Relancer ",
+      name,
+      " \u2014 fermeture automatique sans r\xE9ponse"
+    ] }),
+    clientEmail ? /* @__PURE__ */ jsxRuntime.jsxs("p", { style: { fontSize: "12px", color: "#7c2d12", margin: "0 0 12px 0", lineHeight: 1.5 }, children: [
+      "Un email de relance g\xE9n\xE9rique sera envoy\xE9 \xE0 ",
+      /* @__PURE__ */ jsxRuntime.jsx("strong", { children: clientEmail }),
+      ". Sans retour de sa part avant l'\xE9ch\xE9ance, le ticket sera automatiquement r\xE9solu (via le cron auto-close)."
+    ] }) : /* @__PURE__ */ jsxRuntime.jsx("p", { style: { fontSize: "12px", color: "#b91c1c", margin: "0 0 12px 0", fontWeight: 600 }, children: "Ce client n'a pas d'adresse email : impossible d'envoyer une relance." }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { display: "flex", gap: "6px", alignItems: "center", flexWrap: "wrap", marginBottom: "12px" }, children: [
+      /* @__PURE__ */ jsxRuntime.jsx("span", { style: { fontSize: "12px", fontWeight: 600, color: "#9a3412" }, children: "Fermer dans :" }),
+      REMINDER_DELAYS.map((d) => {
+        const active = reminderHours === d.hours;
+        return /* @__PURE__ */ jsxRuntime.jsx(
+          "button",
+          {
+            type: "button",
+            onClick: () => setReminderHours(d.hours),
+            style: {
+              ...active ? constants.s.btn(constants.C.orange) : constants.s.outlineBtn("#ea580c"),
+              fontSize: "12px",
+              padding: "6px 14px"
+            },
+            children: d.label
+          },
+          d.hours
+        );
+      })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { fontSize: "12px", color: "#7c2d12", marginBottom: "12px" }, children: [
+      "Fermeture automatique pr\xE9vue le ",
+      /* @__PURE__ */ jsxRuntime.jsx("strong", { children: deadlineLabel }),
+      " sans r\xE9ponse."
+    ] }),
+    reminderError && /* @__PURE__ */ jsxRuntime.jsx("div", { style: { fontSize: "12px", color: "#b91c1c", fontWeight: 600, marginBottom: "10px" }, children: reminderError }),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      "button",
+      {
+        onClick: handleSendReminder,
+        disabled: reminderSending || !clientEmail,
+        style: { ...constants.s.btn(constants.C.orange, reminderSending || !clientEmail), color: "#fff", fontSize: "13px", padding: "8px 18px" },
+        children: reminderSending ? "Envoi..." : "Confirmer la relance"
+      }
+    )
+  ] });
+}
 function SnoozePanel({ snoozeSaving, handleSnooze }) {
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { padding: "14px 18px", borderRadius: "8px", backgroundColor: "#faf5ff", border: "1px solid #e9d5ff", marginBottom: "14px" }, children: [
     /* @__PURE__ */ jsxRuntime.jsx("h4", { style: { fontSize: "13px", fontWeight: 600, marginBottom: "10px", color: "#5b21b6" }, children: "Snooze \u2014 masquer temporairement" }),
@@ -118,4 +189,5 @@ function SnoozePanel({ snoozeSaving, handleSnooze }) {
 
 exports.ExtMessagePanel = ExtMessagePanel;
 exports.MergePanel = MergePanel;
+exports.ReminderPanel = ReminderPanel;
 exports.SnoozePanel = SnoozePanel;

package/dist/components/TicketConversation/components/ActionPanels.js

@@ -1,7 +1,7 @@
 "use client";
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { useRef } from 'react';
-import { s } from '../constants.js';
+import { s, C } from '../constants.js';
 
 function MergePanel({
   mergeTarget,
@@ -94,6 +94,77 @@ function ExtMessagePanel({
     /* @__PURE__ */ jsx("button", { onClick: handleSendExtMsg, disabled: sendingExtMsg || !extMsgBody.trim(), style: s.btn("#818cf8", sendingExtMsg || !extMsgBody.trim()), children: sendingExtMsg ? "Ajout..." : "Ajouter (sans notification)" })
   ] });
 }
+const REMINDER_DELAYS = [
+  { hours: 24, label: "24 h" },
+  { hours: 48, label: "48 h" },
+  { hours: 72, label: "72 h" }
+];
+function ReminderPanel({
+  clientFirstName,
+  clientEmail,
+  reminderHours,
+  setReminderHours,
+  reminderSending,
+  reminderError,
+  handleSendReminder
+}) {
+  const deadline = new Date(Date.now() + reminderHours * 60 * 60 * 1e3);
+  const deadlineLabel = deadline.toLocaleString("fr-FR", {
+    weekday: "long",
+    day: "numeric",
+    month: "long",
+    hour: "2-digit",
+    minute: "2-digit"
+  });
+  const name = clientFirstName?.trim() || "le client";
+  return /* @__PURE__ */ jsxs("div", { style: { padding: "14px 18px", borderRadius: "8px", backgroundColor: "#fff7ed", border: "1px solid #fed7aa", marginBottom: "14px" }, children: [
+    /* @__PURE__ */ jsxs("h4", { style: { fontSize: "13px", fontWeight: 600, marginBottom: "8px", color: "#9a3412" }, children: [
+      "Relancer ",
+      name,
+      " \u2014 fermeture automatique sans r\xE9ponse"
+    ] }),
+    clientEmail ? /* @__PURE__ */ jsxs("p", { style: { fontSize: "12px", color: "#7c2d12", margin: "0 0 12px 0", lineHeight: 1.5 }, children: [
+      "Un email de relance g\xE9n\xE9rique sera envoy\xE9 \xE0 ",
+      /* @__PURE__ */ jsx("strong", { children: clientEmail }),
+      ". Sans retour de sa part avant l'\xE9ch\xE9ance, le ticket sera automatiquement r\xE9solu (via le cron auto-close)."
+    ] }) : /* @__PURE__ */ jsx("p", { style: { fontSize: "12px", color: "#b91c1c", margin: "0 0 12px 0", fontWeight: 600 }, children: "Ce client n'a pas d'adresse email : impossible d'envoyer une relance." }),
+    /* @__PURE__ */ jsxs("div", { style: { display: "flex", gap: "6px", alignItems: "center", flexWrap: "wrap", marginBottom: "12px" }, children: [
+      /* @__PURE__ */ jsx("span", { style: { fontSize: "12px", fontWeight: 600, color: "#9a3412" }, children: "Fermer dans :" }),
+      REMINDER_DELAYS.map((d) => {
+        const active = reminderHours === d.hours;
+        return /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            onClick: () => setReminderHours(d.hours),
+            style: {
+              ...active ? s.btn(C.orange) : s.outlineBtn("#ea580c"),
+              fontSize: "12px",
+              padding: "6px 14px"
+            },
+            children: d.label
+          },
+          d.hours
+        );
+      })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { style: { fontSize: "12px", color: "#7c2d12", marginBottom: "12px" }, children: [
+      "Fermeture automatique pr\xE9vue le ",
+      /* @__PURE__ */ jsx("strong", { children: deadlineLabel }),
+      " sans r\xE9ponse."
+    ] }),
+    reminderError && /* @__PURE__ */ jsx("div", { style: { fontSize: "12px", color: "#b91c1c", fontWeight: 600, marginBottom: "10px" }, children: reminderError }),
+    /* @__PURE__ */ jsx(
+      "button",
+      {
+        onClick: handleSendReminder,
+        disabled: reminderSending || !clientEmail,
+        style: { ...s.btn(C.orange, reminderSending || !clientEmail), color: "#fff", fontSize: "13px", padding: "8px 18px" },
+        children: reminderSending ? "Envoi..." : "Confirmer la relance"
+      }
+    )
+  ] });
+}
 function SnoozePanel({ snoozeSaving, handleSnooze }) {
   return /* @__PURE__ */ jsxs("div", { style: { padding: "14px 18px", borderRadius: "8px", backgroundColor: "#faf5ff", border: "1px solid #e9d5ff", marginBottom: "14px" }, children: [
     /* @__PURE__ */ jsx("h4", { style: { fontSize: "13px", fontWeight: 600, marginBottom: "10px", color: "#5b21b6" }, children: "Snooze \u2014 masquer temporairement" }),
@@ -115,4 +186,4 @@ function SnoozePanel({ snoozeSaving, handleSnooze }) {
   ] });
 }
 
-export { ExtMessagePanel, MergePanel, SnoozePanel };
+export { ExtMessagePanel, MergePanel, ReminderPanel, SnoozePanel };

package/dist/components/TicketConversation/components/QuickActions.cjs

@@ -17,11 +17,18 @@ function QuickActions({
   onToggleExtMsg,
   onToggleSnooze,
   onNextTicket,
+  showReminderButton,
+  onToggleReminder,
+  autoCloseScheduledAt,
+  onCancelScheduledClose,
+  cancelingClose,
+  reminderSuccess,
   showNextTicket,
   nextTicketId,
   nextTicketInfo,
   onCloseNextTicket
 }) {
+  const scheduledClose = autoCloseScheduledAt && new Date(autoCloseScheduledAt) > /* @__PURE__ */ new Date() ? new Date(autoCloseScheduledAt).toLocaleString("fr-FR", { day: "numeric", month: "short", hour: "2-digit", minute: "2-digit" }) : null;
   return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
     /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { display: "flex", gap: "8px", flexWrap: "wrap", marginBottom: "16px", alignItems: "center" }, children: [
       statusTransitions.map((a) => /* @__PURE__ */ jsxRuntime.jsx(
@@ -39,7 +46,21 @@ function QuickActions({
       /* @__PURE__ */ jsxRuntime.jsx("button", { onClick: onToggleMerge, style: constants.s.ghostBtn("#be185d"), children: "Fusionner" }),
       /* @__PURE__ */ jsxRuntime.jsx("button", { onClick: onToggleExtMsg, style: constants.s.ghostBtn("#4f46e5"), children: "+ Message re\xE7u" }),
       /* @__PURE__ */ jsxRuntime.jsx("button", { onClick: onToggleSnooze, style: constants.s.ghostBtn("#7c3aed"), children: "Snooze" }),
-      /* @__PURE__ */ jsxRuntime.jsx("button", { onClick: onNextTicket, style: constants.s.ghostBtn("#16a34a"), children: "Ticket suivant" })
+      showReminderButton && /* @__PURE__ */ jsxRuntime.jsxs("button", { onClick: onToggleReminder, style: constants.s.ghostBtn("#ea580c"), children: [
+        "\u23F0",
+        " Relancer"
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsx("button", { onClick: onNextTicket, style: constants.s.ghostBtn("#16a34a"), children: "Ticket suivant" }),
+      scheduledClose && /* @__PURE__ */ jsxRuntime.jsxs("span", { style: { display: "inline-flex", alignItems: "center", gap: "8px", padding: "5px 10px", borderRadius: "6px", backgroundColor: "#fff7ed", border: "1px solid #fed7aa", fontSize: "12px", color: "#9a3412", fontWeight: 600 }, children: [
+        "\u23F0",
+        " Fermeture auto le ",
+        scheduledClose,
+        /* @__PURE__ */ jsxRuntime.jsx("button", { onClick: onCancelScheduledClose, disabled: cancelingClose, style: { border: "none", background: "none", color: "#b91c1c", cursor: cancelingClose ? "not-allowed" : "pointer", fontWeight: 700, fontSize: "12px", textDecoration: "underline", padding: 0, opacity: cancelingClose ? 0.5 : 1 }, children: cancelingClose ? "..." : "Annuler" })
+      ] }),
+      reminderSuccess && /* @__PURE__ */ jsxRuntime.jsxs("span", { style: { ...constants.s.badge("#f0fdf4", "#16a34a"), fontSize: "12px", padding: "5px 10px" }, children: [
+        "Relance envoy\xE9e ",
+        "\u2713"
+      ] })
     ] }),
     showNextTicket && /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { padding: "10px 14px", borderRadius: "8px", backgroundColor: "#f0fdf4", border: `1px solid ${constants.C.border}`, marginBottom: "14px", display: "flex", alignItems: "center", justifyContent: "space-between" }, children: [
       nextTicketId ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [

package/dist/components/TicketConversation/components/QuickActions.js

@@ -16,11 +16,18 @@ function QuickActions({
   onToggleExtMsg,
   onToggleSnooze,
   onNextTicket,
+  showReminderButton,
+  onToggleReminder,
+  autoCloseScheduledAt,
+  onCancelScheduledClose,
+  cancelingClose,
+  reminderSuccess,
   showNextTicket,
   nextTicketId,
   nextTicketInfo,
   onCloseNextTicket
 }) {
+  const scheduledClose = autoCloseScheduledAt && new Date(autoCloseScheduledAt) > /* @__PURE__ */ new Date() ? new Date(autoCloseScheduledAt).toLocaleString("fr-FR", { day: "numeric", month: "short", hour: "2-digit", minute: "2-digit" }) : null;
   return /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsxs("div", { style: { display: "flex", gap: "8px", flexWrap: "wrap", marginBottom: "16px", alignItems: "center" }, children: [
       statusTransitions.map((a) => /* @__PURE__ */ jsx(
@@ -38,7 +45,21 @@ function QuickActions({
       /* @__PURE__ */ jsx("button", { onClick: onToggleMerge, style: s.ghostBtn("#be185d"), children: "Fusionner" }),
       /* @__PURE__ */ jsx("button", { onClick: onToggleExtMsg, style: s.ghostBtn("#4f46e5"), children: "+ Message re\xE7u" }),
       /* @__PURE__ */ jsx("button", { onClick: onToggleSnooze, style: s.ghostBtn("#7c3aed"), children: "Snooze" }),
-      /* @__PURE__ */ jsx("button", { onClick: onNextTicket, style: s.ghostBtn("#16a34a"), children: "Ticket suivant" })
+      showReminderButton && /* @__PURE__ */ jsxs("button", { onClick: onToggleReminder, style: s.ghostBtn("#ea580c"), children: [
+        "\u23F0",
+        " Relancer"
+      ] }),
+      /* @__PURE__ */ jsx("button", { onClick: onNextTicket, style: s.ghostBtn("#16a34a"), children: "Ticket suivant" }),
+      scheduledClose && /* @__PURE__ */ jsxs("span", { style: { display: "inline-flex", alignItems: "center", gap: "8px", padding: "5px 10px", borderRadius: "6px", backgroundColor: "#fff7ed", border: "1px solid #fed7aa", fontSize: "12px", color: "#9a3412", fontWeight: 600 }, children: [
+        "\u23F0",
+        " Fermeture auto le ",
+        scheduledClose,
+        /* @__PURE__ */ jsx("button", { onClick: onCancelScheduledClose, disabled: cancelingClose, style: { border: "none", background: "none", color: "#b91c1c", cursor: cancelingClose ? "not-allowed" : "pointer", fontWeight: 700, fontSize: "12px", textDecoration: "underline", padding: 0, opacity: cancelingClose ? 0.5 : 1 }, children: cancelingClose ? "..." : "Annuler" })
+      ] }),
+      reminderSuccess && /* @__PURE__ */ jsxs("span", { style: { ...s.badge("#f0fdf4", "#16a34a"), fontSize: "12px", padding: "5px 10px" }, children: [
+        "Relance envoy\xE9e ",
+        "\u2713"
+      ] })
     ] }),
     showNextTicket && /* @__PURE__ */ jsxs("div", { style: { padding: "10px 14px", borderRadius: "8px", backgroundColor: "#f0fdf4", border: `1px solid ${C.border}`, marginBottom: "14px", display: "flex", alignItems: "center", justifyContent: "space-between" }, children: [
       nextTicketId ? /* @__PURE__ */ jsxs(Fragment, { children: [

package/dist/components/TicketConversation/constants.cjs

@@ -1,5 +1,30 @@
 'use strict';
 
+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 layoutStyles = {
+  root: { padding: "12px 0" },
+  twoColumns: {
+    display: "grid",
+    gridTemplateColumns: "1fr 320px",
+    gap: "16px",
+    alignItems: "start"
+  },
+  mainColumn: { minWidth: 0 },
+  sideColumn: {
+    display: "flex",
+    flexDirection: "column",
+    gap: "12px",
+    position: "sticky",
+    top: "80px"
+  }
+};
 const statusLabels = {
   open: { label: "Ouvert", bg: "#dbeafe", color: "#1e40af" },
   waiting_client: { label: "Attente", bg: "#fef3c7", color: "#92400e" },
@@ -95,6 +120,8 @@ const s = {
 };
 
 exports.C = C;
+exports.REWRITE_STYLES = REWRITE_STYLES;
+exports.layoutStyles = layoutStyles;
 exports.projectStatusLabels = projectStatusLabels;
 exports.s = s;
 exports.statusLabels = statusLabels;

package/dist/components/TicketConversation/constants.js

@@ -1,4 +1,29 @@
 "use client";
+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 layoutStyles = {
+  root: { padding: "12px 0" },
+  twoColumns: {
+    display: "grid",
+    gridTemplateColumns: "1fr 320px",
+    gap: "16px",
+    alignItems: "start"
+  },
+  mainColumn: { minWidth: 0 },
+  sideColumn: {
+    display: "flex",
+    flexDirection: "column",
+    gap: "12px",
+    position: "sticky",
+    top: "80px"
+  }
+};
 const statusLabels = {
   open: { label: "Ouvert", bg: "#dbeafe", color: "#1e40af" },
   waiting_client: { label: "Attente", bg: "#fef3c7", color: "#92400e" },
@@ -93,4 +118,4 @@ const s = {
   })
 };
 
-export { C, projectStatusLabels, s, statusLabels };
+export { C, REWRITE_STYLES, layoutStyles, projectStatusLabels, s, statusLabels };

package/dist/components/TicketConversation/hooks/useDocumentIdFromUrl.cjs

@@ -0,0 +1,20 @@
+'use strict';
+
+var react = require('react');
+
+function useDocumentIdFromUrl() {
+  const [id, setId] = react.useState(void 0);
+  react.useEffect(() => {
+    const match = window.location.pathname.match(
+      /\/admin\/collections\/[^/]+\/([^/?#]+)/
+    );
+    if (match && match[1] !== "create") {
+      const raw = match[1];
+      const num = Number(raw);
+      setId(Number.isFinite(num) && String(num) === raw ? num : raw);
+    }
+  }, []);
+  return { id };
+}
+
+exports.useDocumentIdFromUrl = useDocumentIdFromUrl;

package/dist/components/TicketConversation/hooks/useDocumentIdFromUrl.js

@@ -0,0 +1,19 @@
+"use client";
+import { useState, useEffect } from 'react';
+
+function useDocumentIdFromUrl() {
+  const [id, setId] = useState(void 0);
+  useEffect(() => {
+    const match = window.location.pathname.match(
+      /\/admin\/collections\/[^/]+\/([^/?#]+)/
+    );
+    if (match && match[1] !== "create") {
+      const raw = match[1];
+      const num = Number(raw);
+      setId(Number.isFinite(num) && String(num) === raw ? num : raw);
+    }
+  }, []);
+  return { id };
+}
+
+export { useDocumentIdFromUrl };