@consilioweb/payload-support 2.0.0 → 3.0.0

package/dist/views/TicketDetailView/client.cjs

@@ -1,1412 +0,0 @@
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var React = require('react');
-var navigation = require('next/navigation');
-var Link = require('next/link');
-var index = require('../../components/RichTextEditor/index');
-var CodeBlock = require('../../components/TicketConversation/components/CodeBlock');
-var CodeBlockInserter = require('../../components/TicketConversation/components/CodeBlockInserter');
-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 }; }
-
-var React__default = /*#__PURE__*/_interopDefault(React);
-var Link__default = /*#__PURE__*/_interopDefault(Link);
-var s__default = /*#__PURE__*/_interopDefault(s);
-
-const TicketDetailClient = () => {
-  const { t } = useTranslation.useTranslation();
-  const searchParams = navigation.useSearchParams();
-  const ticketId = searchParams.get("id");
-  const features = config.getFeatures();
-  const editorRef = React.useRef(null);
-  const threadEndRef = React.useRef(null);
-  const dropdownRef = React.useRef(null);
-  const fileInputRef = React.useRef(null);
-  const [ticket, setTicket] = React.useState(null);
-  const [messages, setMessages] = React.useState([]);
-  const [client, setClient] = React.useState(null);
-  const [timeEntries, setTimeEntries] = React.useState([]);
-  const [activityLog, setActivityLog] = React.useState([]);
-  const [cannedResponses, setCannedResponses] = React.useState([]);
-  const [loading, setLoading] = React.useState(true);
-  const [replyBody, setReplyBody] = React.useState("");
-  const [replyHtml, setReplyHtml] = React.useState("");
-  const [isInternal, setIsInternal] = React.useState(false);
-  const [notifyClient, setNotifyClient] = React.useState(true);
-  const [sendAsClient, setSendAsClient] = React.useState(false);
-  const [fromAlias, setFromAlias] = React.useState("");
-  const [editingMsgId, setEditingMsgId] = React.useState(null);
-  const [editingBody, setEditingBody] = React.useState("");
-  const [editingHtml, setEditingHtml] = React.useState("");
-  const [editSaving, setEditSaving] = React.useState(false);
-  const editEditorRef = React.useRef(null);
-  const [sending, setSending] = React.useState(false);
-  const [showMenu, setShowMenu] = React.useState(false);
-  const [clientTyping, setClientTyping] = React.useState(false);
-  const [aiReplying, setAiReplying] = React.useState(false);
-  const [aiSuggestion, setAiSuggestion] = React.useState(null);
-  const [aiRewriting, setAiRewriting] = React.useState(false);
-  const [sentiment, setSentiment] = React.useState(null);
-  const [statusUpdating, setStatusUpdating] = React.useState(false);
-  const [sidebarTab, setSidebarTab] = React.useState(() => {
-    if (typeof window === "undefined") return "overview";
-    const v = localStorage.getItem("support_sidebar_tab");
-    return v === "client" || v === "activity" ? v : "overview";
-  });
-  React.useEffect(() => {
-    if (typeof window === "undefined") return;
-    localStorage.setItem("support_sidebar_tab", sidebarTab);
-  }, [sidebarTab]);
-  const [previousTickets, setPreviousTickets] = React.useState([]);
-  const [clientSummary, setClientSummary] = React.useState(null);
-  const [summaryLoading, setSummaryLoading] = React.useState(false);
-  const [timerRunning, setTimerRunning] = React.useState(() => {
-    if (typeof window === "undefined" || !ticketId) return false;
-    return localStorage.getItem(`timer-run-${ticketId}`) === "1";
-  });
-  const [timerSeconds, setTimerSeconds] = React.useState(() => {
-    if (typeof window === "undefined" || !ticketId) return 0;
-    const s2 = Number(localStorage.getItem(`timer-sec-${ticketId}`) || 0);
-    const t2 = Number(localStorage.getItem(`timer-ts-${ticketId}`) || 0);
-    const running = localStorage.getItem(`timer-run-${ticketId}`) === "1";
-    return running && t2 ? s2 + Math.floor((Date.now() - t2) / 1e3) : s2;
-  });
-  const timerRef = React.useRef(null);
-  const [otherViewers, setOtherViewers] = React.useState([]);
-  const [macros, setMacros] = React.useState([]);
-  const [applyingMacro, setApplyingMacro] = React.useState(false);
-  const [undoToast, setUndoToast] = React.useState(null);
-  const [splitModal, setSplitModal] = React.useState(null);
-  const [splitSubject, setSplitSubject] = React.useState("");
-  const [pendingFiles, setPendingFiles] = React.useState([]);
-  const [composerDragOver, setComposerDragOver] = React.useState(false);
-  const [tags, setTags] = React.useState([]);
-  const [addingTag, setAddingTag] = React.useState(false);
-  const [newTagValue, setNewTagValue] = React.useState("");
-  const fetchAll = React.useCallback(async () => {
-    if (!ticketId) return;
-    try {
-      const [mr, tr, ter, ar, cr] = await Promise.all([
-        fetch(`/api/ticket-messages?where[ticket][equals]=${ticketId}&sort=createdAt&limit=200&depth=1`, { credentials: "include" }),
-        fetch(`/api/tickets/${ticketId}?depth=1`, { credentials: "include" }),
-        fetch(`/api/time-entries?where[ticket][equals]=${ticketId}&sort=-date&limit=50&depth=0`, { credentials: "include" }),
-        fetch(`/api/ticket-activity-log?where[ticket][equals]=${ticketId}&sort=-createdAt&limit=30&depth=0`, { credentials: "include" }),
-        fetch("/api/canned-responses?sort=sortOrder&limit=50&depth=0", { credentials: "include" })
-      ]);
-      if (mr.ok) {
-        const d = await mr.json();
-        setMessages(d.docs || []);
-      }
-      if (tr.ok) {
-        const d = await tr.json();
-        setTicket(d);
-        if (d.client && typeof d.client === "object") setClient(d.client);
-        if (Array.isArray(d.tags)) setTags(d.tags.map((t2) => typeof t2 === "object" ? t2.tag || "" : t2).filter(Boolean));
-      }
-      if (ter.ok) {
-        const d = await ter.json();
-        setTimeEntries(d.docs || []);
-      }
-      if (ar.ok) {
-        const d = await ar.json();
-        setActivityLog(d.docs || []);
-      }
-      if (cr.ok) {
-        const d = await cr.json();
-        setCannedResponses(d.docs || []);
-      }
-    } catch {
-    }
-    setLoading(false);
-  }, [ticketId]);
-  const failCountRef = React.useRef({ messages: 0, typing: 0, presence: 0 });
-  const MAX_FAILS = 3;
-  React.useEffect(() => {
-    fetchAll();
-  }, [fetchAll]);
-  React.useEffect(() => {
-    if (!ticket) return;
-    const clientId = typeof ticket.client === "object" ? ticket.client?.id : ticket.client;
-    if (!clientId) return;
-    setSummaryLoading(true);
-    fetch(`/api/support/client-intelligence?clientId=${clientId}`, { credentials: "include" }).then((r) => r.ok ? r.json() : null).then((d) => {
-      if (d) setClientSummary(d);
-    }).catch(() => {
-    }).finally(() => setSummaryLoading(false));
-  }, [ticket?.id]);
-  React.useEffect(() => {
-    if (sidebarTab !== "client" || !ticket || !ticketId) return;
-    const clientId = typeof ticket.client === "object" ? ticket.client?.id : ticket.client;
-    if (!clientId) return;
-    let aborted = false;
-    fetch(
-      `/api/tickets?where[client][equals]=${clientId}&where[id][not_equals]=${ticketId}&limit=5&sort=-createdAt&depth=0`,
-      { credentials: "include" }
-    ).then((r) => r.ok ? r.json() : null).then((d) => {
-      if (!aborted && d?.docs) setPreviousTickets(d.docs);
-    }).catch(() => {
-    });
-    return () => {
-      aborted = true;
-    };
-  }, [sidebarTab, ticket?.id, ticketId]);
-  React.useEffect(() => {
-    if (!ticketId || loading) return;
-    const iv = setInterval(async () => {
-      if (failCountRef.current.messages >= MAX_FAILS) return;
-      try {
-        const [mr, tr] = await Promise.all([
-          fetch(`/api/ticket-messages?where[ticket][equals]=${ticketId}&sort=createdAt&limit=200&depth=1`, { credentials: "include" }),
-          fetch(`/api/tickets/${ticketId}?depth=0`, { credentials: "include" })
-        ]);
-        if (mr.ok && tr.ok) {
-          failCountRef.current.messages = 0;
-          const d = await mr.json();
-          setMessages(d.docs || []);
-          const td = await tr.json();
-          setTicket((p) => p ? { ...p, ...td } : td);
-        } else {
-          failCountRef.current.messages++;
-        }
-      } catch {
-        failCountRef.current.messages++;
-      }
-    }, 1e4);
-    return () => clearInterval(iv);
-  }, [ticketId, loading]);
-  React.useEffect(() => {
-    if (!ticketId) return;
-    fetch(`/api/tickets/${ticketId}`, { method: "PATCH", headers: { "Content-Type": "application/json" }, credentials: "include", body: JSON.stringify({ lastAdminReadAt: (/* @__PURE__ */ new Date()).toISOString() }) }).catch(() => {
-    });
-  }, [ticketId, messages.length]);
-  React.useEffect(() => {
-    if (!ticketId) return;
-    const iv = setInterval(async () => {
-      if (failCountRef.current.typing >= MAX_FAILS) return;
-      try {
-        const r = await fetch(`/api/support/typing?ticketId=${ticketId}`, { credentials: "include" });
-        if (r.ok) {
-          failCountRef.current.typing = 0;
-          const d = await r.json();
-          setClientTyping(d.typing);
-        } else {
-          failCountRef.current.typing++;
-        }
-      } catch {
-        failCountRef.current.typing++;
-      }
-    }, 3e3);
-    return () => clearInterval(iv);
-  }, [ticketId]);
-  React.useEffect(() => {
-    if (!features.ai || messages.length === 0) return;
-    const clientMsgs = messages.filter((m) => m.authorType === "client" || m.authorType === "email").slice(-3);
-    if (clientMsgs.length === 0) return;
-    const contextText = clientMsgs.map((m) => m.body).join("\n---\n").slice(0, 1e3);
-    fetch("/api/support/ai", { method: "POST", headers: { "Content-Type": "application/json" }, credentials: "include", body: JSON.stringify({ action: "sentiment", text: contextText }) }).then((r) => r.json()).then((d) => {
-      const raw = (d.sentiment || "").toLowerCase().replace(/[^a-zéèêàùûîôëüöç]/g, "");
-      const map = {
-        "frustr\xE9": { emoji: "\u{1F624}", label: "Frustr\xE9", color: "#dc2626" },
-        "frustre": { emoji: "\u{1F624}", label: "Frustr\xE9", color: "#dc2626" },
-        "m\xE9content": { emoji: "\u{1F620}", label: "M\xE9content", color: "#ea580c" },
-        "mecontent": { emoji: "\u{1F620}", label: "M\xE9content", color: "#ea580c" },
-        "urgent": { emoji: "\u{1F525}", label: "Urgent", color: "#dc2626" },
-        "neutre": { emoji: "\u{1F610}", label: "Neutre", color: "#6b7280" },
-        "satisfait": { emoji: "\u{1F60A}", label: "Satisfait", color: "#16a34a" }
-      };
-      const m = Object.keys(map).find((k) => raw.includes(k));
-      setSentiment(m ? map[m] : { emoji: "\u{1F610}", label: "Neutre", color: "#6b7280" });
-    }).catch(() => {
-    });
-  }, [messages.length, features.ai]);
-  React.useEffect(() => {
-    threadEndRef.current?.scrollIntoView({ behavior: "smooth" });
-  }, [messages.length]);
-  React.useEffect(() => {
-    if (timerRunning) {
-      localStorage.setItem(`timer-run-${ticketId}`, "1");
-      localStorage.setItem(`timer-ts-${ticketId}`, String(Date.now()));
-      localStorage.setItem(`timer-sec-${ticketId}`, String(timerSeconds));
-      timerRef.current = setInterval(() => {
-        setTimerSeconds((p) => {
-          const next = p + 1;
-          localStorage.setItem(`timer-sec-${ticketId}`, String(next));
-          localStorage.setItem(`timer-ts-${ticketId}`, String(Date.now()));
-          return next;
-        });
-      }, 1e3);
-    } else {
-      localStorage.setItem(`timer-run-${ticketId}`, "0");
-      localStorage.setItem(`timer-sec-${ticketId}`, String(timerSeconds));
-      if (timerRef.current) clearInterval(timerRef.current);
-    }
-    return () => {
-      if (timerRef.current) clearInterval(timerRef.current);
-    };
-  }, [timerRunning, ticketId]);
-  React.useEffect(() => {
-    if (!ticketId) return;
-    const join = () => fetch("/api/support/presence", {
-      method: "POST",
-      headers: { "Content-Type": "application/json" },
-      credentials: "include",
-      body: JSON.stringify({ ticketId: Number(ticketId), action: "join" })
-    }).catch(() => {
-    });
-    join();
-    const heartbeat = setInterval(join, 2e4);
-    return () => {
-      clearInterval(heartbeat);
-      fetch("/api/support/presence", {
-        method: "POST",
-        headers: { "Content-Type": "application/json" },
-        credentials: "include",
-        body: JSON.stringify({ ticketId: Number(ticketId), action: "leave" })
-      }).catch(() => {
-      });
-    };
-  }, [ticketId]);
-  React.useEffect(() => {
-    if (!ticketId) return;
-    const poll = setInterval(async () => {
-      if (failCountRef.current.presence >= MAX_FAILS) return;
-      try {
-        const r = await fetch(`/api/support/presence?ticketId=${ticketId}`, { credentials: "include" });
-        if (r.ok) {
-          failCountRef.current.presence = 0;
-          const d = await r.json();
-          setOtherViewers(d.viewers || []);
-        } else {
-          failCountRef.current.presence++;
-        }
-      } catch {
-        failCountRef.current.presence++;
-      }
-    }, 5e3);
-    return () => clearInterval(poll);
-  }, [ticketId]);
-  React.useEffect(() => {
-    fetch("/api/macros?where[isActive][equals]=true&depth=0&limit=50", { credentials: "include" }).then((r) => r.ok ? r.json() : null).then((d) => {
-      if (d?.docs) setMacros(d.docs.map((m) => ({ id: m.id, name: m.name })));
-    }).catch(() => {
-    });
-  }, []);
-  React.useEffect(() => {
-    if (!showMenu) return;
-    const handler = (e) => {
-      if (dropdownRef.current && !dropdownRef.current.contains(e.target)) {
-        setShowMenu(false);
-      }
-    };
-    document.addEventListener("mousedown", handler);
-    return () => document.removeEventListener("mousedown", handler);
-  }, [showMenu]);
-  React.useEffect(() => {
-    const handler = (e) => {
-      const mod = e.metaKey || e.ctrlKey;
-      if (mod && e.key === "Enter") {
-        e.preventDefault();
-        const sendBtn = document.querySelector('[data-action="send-reply"]');
-        if (sendBtn && !sendBtn.disabled) sendBtn.click();
-      }
-      if (mod && e.shiftKey && e.key.toLowerCase() === "n") {
-        e.preventDefault();
-        setIsInternal((prev) => !prev);
-      }
-      if (e.key === "Escape") {
-        setShowMenu(false);
-        setSplitModal(null);
-      }
-    };
-    document.addEventListener("keydown", handler);
-    return () => document.removeEventListener("keydown", handler);
-  }, []);
-  const handleSend = async () => {
-    if (!replyBody.trim() && !replyHtml.trim() || !ticketId) return;
-    setSending(true);
-    try {
-      const uploadedLinks = [];
-      for (const file of pendingFiles) {
-        const formData = new FormData();
-        formData.append("file", file);
-        formData.append("_payload", JSON.stringify({ alt: file.name }));
-        try {
-          const ur = await fetch("/api/media", { method: "POST", credentials: "include", body: formData });
-          if (ur.ok) {
-            const ud = await ur.json();
-            if (ud.doc?.url) uploadedLinks.push(`[${ud.doc.filename || file.name}](${ud.doc.url})`);
-          }
-        } catch {
-        }
-      }
-      const finalBody = uploadedLinks.length > 0 ? `${replyBody.trim()}
-
-${uploadedLinks.join("\n")}` : replyBody.trim() || "[Contenu enrichi]";
-      const finalHtml = uploadedLinks.length > 0 ? `${replyHtml || replyBody.trim()}<br/><br/>${uploadedLinks.map((l) => l.replace(/\[(.+?)\]\((.+?)\)/g, '<a href="$2">$1</a>')).join("<br/>")}` : replyHtml || void 0;
-      const res = await fetch("/api/ticket-messages", {
-        method: "POST",
-        headers: { "Content-Type": "application/json" },
-        credentials: "include",
-        body: JSON.stringify({
-          ticket: Number(ticketId),
-          body: finalBody,
-          ...finalHtml ? { bodyHtml: finalHtml } : {},
-          authorType: sendAsClient ? "client" : "admin",
-          ...sendAsClient && client ? { authorClient: client.id } : {},
-          ...fromAlias && !sendAsClient ? { fromAlias } : {},
-          isInternal: sendAsClient ? false : isInternal,
-          skipNotification: sendAsClient || isInternal || !notifyClient
-        })
-      });
-      if (res.ok) {
-        setReplyBody("");
-        setReplyHtml("");
-        setIsInternal(false);
-        setSendAsClient(false);
-        setFromAlias("");
-        setPendingFiles([]);
-        editorRef.current?.clear();
-        fetchAll();
-      }
-    } catch {
-    } finally {
-      setSending(false);
-    }
-  };
-  const handleStatusChange = async (v) => {
-    if (!ticketId) return;
-    setStatusUpdating(true);
-    try {
-      await fetch(`/api/tickets/${ticketId}`, { method: "PATCH", headers: { "Content-Type": "application/json" }, credentials: "include", body: JSON.stringify({ status: v }) });
-      fetchAll();
-    } catch {
-    } finally {
-      setStatusUpdating(false);
-    }
-  };
-  const handleFieldPatch = async (field, value) => {
-    if (!ticketId) return;
-    try {
-      await fetch(`/api/tickets/${ticketId}`, { method: "PATCH", headers: { "Content-Type": "application/json" }, credentials: "include", body: JSON.stringify({ [field]: value }) });
-      fetchAll();
-    } catch {
-    }
-  };
-  const handleDeleteMessage = (msgId) => {
-    if (undoToast) clearTimeout(undoToast.timer);
-    const timer = setTimeout(() => {
-      fetch(`/api/ticket-messages/${msgId}`, { method: "DELETE", credentials: "include" }).then(() => fetchAll());
-      setUndoToast(null);
-    }, 5e3);
-    setUndoToast({ msgId, timer });
-  };
-  const handleUndoDelete = () => {
-    if (undoToast) {
-      clearTimeout(undoToast.timer);
-      setUndoToast(null);
-    }
-  };
-  const startEditMessage = (msg) => {
-    setEditingMsgId(msg.id);
-    setEditingBody(msg.body || "");
-    setEditingHtml(msg.bodyHtml || (msg.body || "").replace(/\n/g, "<br/>"));
-  };
-  const cancelEditMessage = () => {
-    setEditingMsgId(null);
-    setEditingBody("");
-    setEditingHtml("");
-  };
-  const saveEditMessage = async () => {
-    if (editingMsgId === null) return;
-    setEditSaving(true);
-    try {
-      const res = await fetch(`/api/ticket-messages/${editingMsgId}`, {
-        method: "PATCH",
-        headers: { "Content-Type": "application/json" },
-        credentials: "include",
-        body: JSON.stringify({ body: editingBody, bodyHtml: editingHtml || null, skipNotification: true })
-      });
-      if (res.ok) {
-        setEditingMsgId(null);
-        setEditingBody("");
-        setEditingHtml("");
-        fetchAll();
-      }
-    } catch {
-    } finally {
-      setEditSaving(false);
-    }
-  };
-  const handleSplitConfirm = async () => {
-    if (!splitModal || !splitSubject.trim()) return;
-    try {
-      const r = await fetch("/api/support/split-ticket", { method: "POST", headers: { "Content-Type": "application/json" }, credentials: "include", body: JSON.stringify({ messageId: splitModal.messageId, subject: splitSubject }) });
-      const d = await r.json();
-      if (d.ticketNumber) {
-        fetchAll();
-      }
-    } catch {
-    }
-    setSplitModal(null);
-    setSplitSubject("");
-  };
-  const handleAiSuggest = async () => {
-    if (messages.length === 0) return;
-    setAiReplying(true);
-    try {
-      const r = await fetch("/api/support/ai", {
-        method: "POST",
-        headers: { "Content-Type": "application/json" },
-        credentials: "include",
-        body: JSON.stringify({
-          action: "suggest_reply",
-          messages: messages.slice(-10).map((m) => ({ authorType: m.authorType, body: m.body })),
-          clientName: `${client?.firstName || ""} ${client?.lastName || ""}`.trim(),
-          clientCompany: client?.company
-        })
-      });
-      if (r.ok) {
-        const d = await r.json();
-        if (d.reply) setAiSuggestion(d.reply);
-      }
-    } catch {
-    } finally {
-      setAiReplying(false);
-    }
-  };
-  const handleAiSuggestionInsert = () => {
-    if (!aiSuggestion) return;
-    setReplyBody(aiSuggestion);
-    setReplyHtml(aiSuggestion.replace(/\n/g, "<br/>"));
-    editorRef.current?.setContent(aiSuggestion.replace(/\n/g, "<br/>"));
-    setAiSuggestion(null);
-  };
-  const handleAiRewrite = async (style = "auto") => {
-    if (!replyBody.trim()) return;
-    setAiRewriting(true);
-    try {
-      const r = await fetch("/api/support/ai", { method: "POST", headers: { "Content-Type": "application/json" }, credentials: "include", body: JSON.stringify({ action: "rewrite", text: replyBody, style }) });
-      if (r.ok) {
-        const d = await r.json();
-        if (d.rewritten) {
-          setReplyBody(d.rewritten);
-          setReplyHtml(d.rewritten.replace(/\n/g, "<br/>"));
-          editorRef.current?.setContent(d.rewritten.replace(/\n/g, "<br/>"));
-        }
-      }
-    } catch {
-    } finally {
-      setAiRewriting(false);
-    }
-  };
-  const handleTimerSave = async () => {
-    if (!ticketId || timerSeconds < 60) return;
-    try {
-      await fetch("/api/time-entries", { method: "POST", headers: { "Content-Type": "application/json" }, credentials: "include", body: JSON.stringify({ ticket: Number(ticketId), duration: Math.round(timerSeconds / 60), date: (/* @__PURE__ */ new Date()).toISOString(), description: "Timer" }) });
-      setTimerSeconds(0);
-      setTimerRunning(false);
-      fetchAll();
-    } catch {
-    }
-  };
-  const handleApplyMacro = async (macroId) => {
-    if (!ticketId || applyingMacro) return;
-    setApplyingMacro(true);
-    try {
-      const r = await fetch("/api/support/apply-macro", {
-        method: "POST",
-        headers: { "Content-Type": "application/json" },
-        credentials: "include",
-        body: JSON.stringify({ macroId, ticketId: Number(ticketId) })
-      });
-      if (r.ok) {
-        fetchAll();
-      }
-    } catch {
-    } finally {
-      setApplyingMacro(false);
-    }
-  };
-  const handleFileSelect = (files) => {
-    if (!files) return;
-    setPendingFiles((prev) => [...prev, ...Array.from(files)]);
-  };
-  const handleFileDrop = (e) => {
-    e.preventDefault();
-    setComposerDragOver(false);
-    handleFileSelect(e.dataTransfer.files);
-  };
-  const handleRemoveTag = async (tag) => {
-    const newTags = tags.filter((t2) => t2 !== tag);
-    setTags(newTags);
-    if (ticketId) {
-      await fetch(`/api/tickets/${ticketId}`, { method: "PATCH", headers: { "Content-Type": "application/json" }, credentials: "include", body: JSON.stringify({ tags: newTags.map((t2) => ({ tag: t2 })) }) }).catch(() => {
-      });
-    }
-  };
-  const handleAddTag = async () => {
-    if (!newTagValue.trim()) {
-      setAddingTag(false);
-      return;
-    }
-    const tag = newTagValue.trim();
-    if (tags.includes(tag)) {
-      setAddingTag(false);
-      setNewTagValue("");
-      return;
-    }
-    const newTags = [...tags, tag];
-    setTags(newTags);
-    setAddingTag(false);
-    setNewTagValue("");
-    if (ticketId) {
-      await fetch(`/api/tickets/${ticketId}`, { method: "PATCH", headers: { "Content-Type": "application/json" }, credentials: "include", body: JSON.stringify({ tags: newTags.map((t2) => ({ tag: t2 })) }) }).catch(() => {
-      });
-    }
-  };
-  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 = 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": 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 }),
-          ticket.category ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-            /* @__PURE__ */ jsxRuntime.jsx("span", { className: s__default.default.ticketNumberSep, children: "\xB7" }),
-            /* @__PURE__ */ jsxRuntime.jsx("span", { className: s__default.default.ticketNumberCat, children: ticket.category })
-          ] }) : null,
-          /* @__PURE__ */ jsxRuntime.jsx("span", { className: s__default.default.ticketNumberSep, children: "\xB7" }),
-          /* @__PURE__ */ jsxRuntime.jsxs("span", { className: s__default.default.ticketNumberSource, "aria-label": t("detail.source"), children: [
-            /* @__PURE__ */ jsxRuntime.jsxs("svg", { width: "11", height: "11", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": true, children: [
-              /* @__PURE__ */ jsxRuntime.jsx("rect", { x: "3", y: "5", width: "18", height: "14", rx: "2" }),
-              /* @__PURE__ */ jsxRuntime.jsx("path", { d: "m3 7 9 6 9-6" })
-            ] }),
-            ticket.source === "email" ? "Email" : ticket.source || t("ticket.source.portal")
-          ] })
-        ] }),
-        /* @__PURE__ */ jsxRuntime.jsx("h1", { className: s__default.default.ticketSubject, children: ticket.subject })
-      ] }),
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: s__default.default.topBarRight, children: [
-        /* @__PURE__ */ jsxRuntime.jsxs("select", { className: s__default.default.statusChip, style: { background: st.bg, color: st.color }, value: ticket.status || "open", onChange: (e) => handleStatusChange(e.target.value), disabled: statusUpdating, "aria-label": t("ticket.status.label"), children: [
-          /* @__PURE__ */ jsxRuntime.jsx("option", { value: "open", children: t("detail.statusOpen") }),
-          /* @__PURE__ */ jsxRuntime.jsx("option", { value: "waiting_client", children: t("detail.statusWaiting") }),
-          /* @__PURE__ */ jsxRuntime.jsx("option", { value: "resolved", children: t("detail.statusResolved") })
-        ] }),
-        sentiment && features.ai && /* @__PURE__ */ jsxRuntime.jsxs("span", { className: s__default.default.sentimentBadge, style: { background: `${sentiment.color}12`, color: sentiment.color }, children: [
-          sentiment.emoji,
-          " ",
-          sentiment.label
-        ] }),
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: s__default.default.dropdown, ref: dropdownRef, children: [
-          /* @__PURE__ */ jsxRuntime.jsx("button", { className: s__default.default.moreBtn, onClick: () => setShowMenu(!showMenu), "aria-label": "Plus d'options", children: "\xB7\xB7\xB7" }),
-          showMenu && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: s__default.default.dropdownMenu, children: [
-            /* @__PURE__ */ jsxRuntime.jsx("button", { className: s__default.default.dropdownItem, onClick: () => {
-              navigator.clipboard.writeText(window.location.href);
-              setShowMenu(false);
-            }, children: t("detail.copyLink") }),
-            /* @__PURE__ */ jsxRuntime.jsx(Link__default.default, { href: `/admin/collections/tickets/${ticketId}`, className: s__default.default.dropdownItem, onClick: () => setShowMenu(false), children: t("detail.payloadView") }),
-            /* @__PURE__ */ jsxRuntime.jsx("a", { href: `/support/tickets/${ticketId}`, target: "_blank", rel: "noopener noreferrer", className: s__default.default.dropdownItem, onClick: () => setShowMenu(false), children: t("detail.clientView") })
-          ] })
-        ] })
-      ] })
-    ] }),
-    (() => {
-      const slaInfo = sla.computeSlaState({
-        slaFirstResponseDue: ticket.slaFirstResponseDue,
-        slaFirstResponseBreached: ticket.slaFirstResponseBreached,
-        slaResolutionDue: ticket.slaResolutionDue,
-        slaResolutionBreached: ticket.slaResolutionBreached,
-        firstResponseAt: ticket.firstResponseAt
-      });
-      if (slaInfo.state !== "breach") return null;
-      const duration = sla.formatSlaRemaining(slaInfo.remainingMs).replace(/^−/, "");
-      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" }),
-          /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M10.3 3.86 1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z" })
-        ] }) }),
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: s__default.default.slaBannerBody, children: [
-          /* @__PURE__ */ jsxRuntime.jsx("strong", { children: t("inbox.slaBanner.breached") }),
-          /* @__PURE__ */ jsxRuntime.jsx("span", { className: s__default.default.slaBannerSep, children: "\u2014" }),
-          /* @__PURE__ */ jsxRuntime.jsx("span", { children: t("inbox.slaBanner.responseAwaitedFor", { duration }) }),
-          target && /* @__PURE__ */ jsxRuntime.jsxs("span", { className: s__default.default.slaBannerTarget, children: [
-            "\xB7 ",
-            t("inbox.slaBanner.target", { target })
-          ] })
-        ] }),
-        /* @__PURE__ */ jsxRuntime.jsxs(
-          "button",
-          {
-            type: "button",
-            className: s__default.default.slaBannerCta,
-            onClick: () => handleStatusChange("escalated"),
-            "aria-label": t("inbox.slaBanner.escalate"),
-            children: [
-              "\u2191 ",
-              t("inbox.slaBanner.escalate")
-            ]
-          }
-        )
-      ] });
-    })(),
-    otherViewers.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs("div", { style: {
-      display: "flex",
-      alignItems: "center",
-      gap: 8,
-      padding: "8px 14px",
-      marginBottom: 12,
-      borderRadius: 8,
-      background: "#fef3c7",
-      border: "1px solid #fde68a",
-      fontSize: 13,
-      fontWeight: 500,
-      color: "#92400e"
-    }, children: [
-      /* @__PURE__ */ jsxRuntime.jsx("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", style: { flexShrink: 0 }, children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M9 1L3 9h4l-1 6 6-8H8l1-6z", fill: "#92400e" }) }),
-      otherViewers.length === 1 ? t("detail.viewingAlso", { names: otherViewers.map((v) => v.name).join(", ") }) : t("detail.viewingAlsoPlural", { names: otherViewers.map((v) => v.name).join(", ") })
-    ] }),
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: s__default.default.layout, children: [
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: s__default.default.conversationCol, children: [
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: s__default.default.thread, children: [
-          messages.map((msg, idx) => {
-            const prev = idx > 0 ? messages[idx - 1] : null;
-            const showDate = msg.createdAt && (!prev?.createdAt || new Date(msg.createdAt).toDateString() !== new Date(prev.createdAt).toDateString());
-            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: 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",
-                  {
-                    className: s__default.default.avatar,
-                    style: {
-                      backgroundColor: isAdmin ? "var(--theme-info-500, #2a6bd8)" : msg.authorType === "email" ? "var(--theme-warning-500, #c97a0a)" : "var(--theme-accent-500, #6b46e8)"
-                    },
-                    children: isAdmin ? "CW" : initials
-                  }
-                ),
-                /* @__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: 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(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(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
-                        ] });
-                      }
-                      return /* @__PURE__ */ jsxRuntime.jsx("span", { style: { color: "#94a3b8" }, children: "\u2713" });
-                    })() })
-                  ] }),
-                  editingMsgId === msg.id ? /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { display: "flex", flexDirection: "column", gap: 6 }, children: [
-                    /* @__PURE__ */ jsxRuntime.jsx(
-                      index.RichTextEditor,
-                      {
-                        ref: editEditorRef,
-                        initialValue: editingHtml,
-                        onChange: (html, text) => {
-                          setEditingHtml(html);
-                          setEditingBody(text);
-                        },
-                        placeholder: t("detail.editPlaceholder"),
-                        minHeight: 120,
-                        onFileUpload: async (file) => {
-                          try {
-                            const formData = new FormData();
-                            formData.append("file", file);
-                            formData.append("_payload", JSON.stringify({ alt: file.name }));
-                            const ur = await fetch("/api/media", { method: "POST", credentials: "include", body: formData });
-                            if (!ur.ok) return null;
-                            const ud = await ur.json();
-                            return ud.doc?.url || null;
-                          } catch {
-                            return null;
-                          }
-                        }
-                      }
-                    ),
-                    /* @__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: 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) => {
-                    const file = typeof att.file === "object" ? att.file : null;
-                    if (!file) return null;
-                    return (file.mimeType || "").startsWith("image/") ? /* @__PURE__ */ jsxRuntime.jsx("a", { href: file.url || "#", target: "_blank", rel: "noopener noreferrer", children: /* @__PURE__ */ jsxRuntime.jsx("img", { src: file.url || "", alt: "", className: s__default.default.attachmentImg }) }, i) : /* @__PURE__ */ jsxRuntime.jsxs("a", { href: file.url || "#", target: "_blank", rel: "noopener noreferrer", className: s__default.default.attachmentFile, children: [
-                      "PJ ",
-                      file.filename || "Fichier"
-                    ] }, i);
-                  }) })
-                ] }),
-                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: 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) });
-                    setSplitSubject(`Split: ${ticket.subject}`);
-                  }, style: { fontSize: 11, width: "auto", padding: "4px 8px" }, children: t("actions.extractMessage") }),
-                  isAdmin && !msg.isInternal && /* @__PURE__ */ jsxRuntime.jsx("button", { className: s__default.default.actionIcon, title: t("actions.resendEmail"), "aria-label": t("actions.resendEmail"), onClick: () => fetch("/api/support/resend-notification", { method: "POST", headers: { "Content-Type": "application/json" }, credentials: "include", body: JSON.stringify({ messageId: msg.id }) }), style: { fontSize: 11, width: "auto", padding: "4px 8px" }, children: t("actions.resendEmail") })
-                ] })
-              ] })
-            ] }, msg.id);
-          }),
-          /* @__PURE__ */ jsxRuntime.jsx("div", { ref: threadEndRef })
-        ] }),
-        clientTyping && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: s__default.default.typing, children: [
-          /* @__PURE__ */ jsxRuntime.jsxs("span", { className: s__default.default.typingDots, children: [
-            /* @__PURE__ */ jsxRuntime.jsx("span", {}),
-            /* @__PURE__ */ jsxRuntime.jsx("span", {}),
-            /* @__PURE__ */ jsxRuntime.jsx("span", {})
-          ] }),
-          t("detail.typing", { name: client?.firstName || "Client" })
-        ] }),
-        aiSuggestion && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: s__default.default.aiSuggestionPreview, role: "region", "aria-label": t("composer.aiSuggestion.label"), children: [
-          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: s__default.default.aiSuggestionPreviewHeader, children: [
-            /* @__PURE__ */ jsxRuntime.jsx("span", { className: s__default.default.aiSuggestionIcon, "aria-hidden": true, children: "\u2728" }),
-            /* @__PURE__ */ jsxRuntime.jsx("span", { className: s__default.default.aiSuggestionLabel, children: t("composer.aiSuggestion.label") }),
-            /* @__PURE__ */ jsxRuntime.jsx(
-              "button",
-              {
-                type: "button",
-                className: s__default.default.aiSuggestionDismiss,
-                onClick: () => setAiSuggestion(null),
-                "aria-label": t("composer.aiSuggestion.ignore"),
-                children: "\xD7"
-              }
-            )
-          ] }),
-          /* @__PURE__ */ jsxRuntime.jsx("div", { className: s__default.default.aiSuggestionBody, children: aiSuggestion }),
-          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: s__default.default.aiSuggestionActions, children: [
-            /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", className: s__default.default.aiSuggestionIgnore, onClick: () => setAiSuggestion(null), children: t("composer.aiSuggestion.ignore") }),
-            /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", className: s__default.default.aiSuggestionInsert, onClick: handleAiSuggestionInsert, children: t("composer.aiSuggestion.insert") })
-          ] })
-        ] }),
-        /* @__PURE__ */ jsxRuntime.jsxs(
-          "div",
-          {
-            className: `${s__default.default.composer} ${isInternal ? s__default.default.composerInternal : ""} ${composerDragOver ? s__default.default.composerDragOver : ""}`,
-            onDragOver: (e) => {
-              e.preventDefault();
-              setComposerDragOver(true);
-            },
-            onDragLeave: () => setComposerDragOver(false),
-            onDrop: handleFileDrop,
-            children: [
-              /* @__PURE__ */ jsxRuntime.jsxs("div", { className: s__default.default.composerToolbar, children: [
-                features.ai && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-                  /* @__PURE__ */ jsxRuntime.jsx(
-                    "button",
-                    {
-                      className: `${s__default.default.toolbarBtn} ${s__default.default.toolbarBtnAi}`,
-                      "data-tooltip": t("detail.iaSuggestion"),
-                      "aria-label": t("detail.iaSuggestion"),
-                      onClick: handleAiSuggest,
-                      disabled: aiReplying || messages.length === 0,
-                      children: aiReplying ? `\u23F3 ${t("composer.aiSuggestion.loading")}` : `\u2728 ${t("detail.iaSuggestion")}`
-                    }
-                  ),
-                  /* @__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,
-                  {
-                    className: s__default.default.toolbarBtn,
-                    onInsert: (block) => {
-                      const nb = replyBody ? replyBody + block : block;
-                      setReplyBody(nb);
-                      setReplyHtml(nb.replace(/\n/g, "<br/>"));
-                      editorRef.current?.setContent(nb.replace(/\n/g, "<br/>"));
-                    }
-                  }
-                ),
-                /* @__PURE__ */ jsxRuntime.jsxs("button", { className: s__default.default.toolbarBtn, "data-tooltip": t("detail.file"), "aria-label": t("detail.file"), onClick: () => fileInputRef.current?.click(), style: { fontSize: 11, fontWeight: 700, padding: "4px 10px", width: "auto" }, children: [
-                  "\u{1F4CE} ",
-                  t("detail.file")
-                ] }),
-                /* @__PURE__ */ jsxRuntime.jsx("input", { ref: fileInputRef, type: "file", multiple: true, className: s__default.default.hiddenFileInput, onChange: (e) => handleFileSelect(e.target.files) }),
-                macros.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs(
-                  "select",
-                  {
-                    className: s__default.default.cannedSelect,
-                    onChange: (e) => {
-                      const id = Number(e.target.value);
-                      if (id) handleApplyMacro(id);
-                      e.target.value = "";
-                    },
-                    disabled: applyingMacro,
-                    style: { marginLeft: 0 },
-                    "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))
-                    ]
-                  }
-                ),
-                /* @__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": t("detail.cannedResponses"), onChange: (e) => {
-                  const cr = cannedResponses.find((c) => String(c.id) === e.target.value);
-                  if (cr) {
-                    let b = cr.body;
-                    if (client) {
-                      b = b.replace(/\{\{client\.firstName\}\}/g, client.firstName).replace(/\{\{client\.company\}\}/g, client.company);
-                    }
-                    setReplyBody(b);
-                    setReplyHtml(b.replace(/\n/g, "<br/>"));
-                    editorRef.current?.setContent(b.replace(/\n/g, "<br/>"));
-                  }
-                  e.target.value = "";
-                }, children: [
-                  /* @__PURE__ */ jsxRuntime.jsx("option", { value: "", children: t("detail.cannedResponses") }),
-                  cannedResponses.map((cr) => /* @__PURE__ */ jsxRuntime.jsx("option", { value: String(cr.id), children: cr.title }, cr.id))
-                ] })
-              ] }),
-              /* @__PURE__ */ jsxRuntime.jsxs("div", { className: s__default.default.composerBox, children: [
-                /* @__PURE__ */ jsxRuntime.jsx(
-                  index.RichTextEditor,
-                  {
-                    ref: editorRef,
-                    onChange: (html, text) => {
-                      setReplyHtml(html);
-                      setReplyBody(text);
-                    },
-                    placeholder: isInternal ? t("composer.placeholderInternal") : t("composer.placeholderReplyTo", { name: client?.firstName || "client" }),
-                    minHeight: 100,
-                    borderColor: "transparent",
-                    onFileUpload: async (file) => {
-                      try {
-                        const formData = new FormData();
-                        formData.append("file", file);
-                        formData.append("_payload", JSON.stringify({ alt: file.name }));
-                        const ur = await fetch("/api/media", { method: "POST", credentials: "include", body: formData });
-                        if (!ur.ok) return null;
-                        const ud = await ur.json();
-                        return ud.doc?.url || null;
-                      } catch {
-                        return null;
-                      }
-                    }
-                  }
-                ),
-                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.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: [
-                /* @__PURE__ */ jsxRuntime.jsxs("div", { className: s__default.default.composerOptions, children: [
-                  /* @__PURE__ */ jsxRuntime.jsxs(
-                    "select",
-                    {
-                      value: sendAsClient ? "client" : "admin",
-                      onChange: (e) => {
-                        const asClient = e.target.value === "client";
-                        setSendAsClient(asClient);
-                        if (asClient) {
-                          setIsInternal(false);
-                          setNotifyClient(false);
-                        }
-                      },
-                      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: t("detail.sendAsSupport") }),
-                        /* @__PURE__ */ jsxRuntime.jsx("option", { value: "client", children: t("detail.sendAsClient") })
-                      ]
-                    }
-                  ),
-                  !sendAsClient && /* @__PURE__ */ jsxRuntime.jsxs(
-                    "select",
-                    {
-                      className: s__default.default.composerAliasSelect,
-                      value: fromAlias,
-                      onChange: (e) => setFromAlias(e.target.value),
-                      "aria-label": t("composer.aliases.label"),
-                      title: t("composer.aliases.tooltip"),
-                      children: [
-                        /* @__PURE__ */ jsxRuntime.jsx("option", { value: "", children: t("composer.aliases.self") }),
-                        constants.ALIASES.map((a) => /* @__PURE__ */ jsxRuntime.jsx("option", { value: a.value, children: a.label }, a.value))
-                      ]
-                    }
-                  ),
-                  !sendAsClient && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-                    /* @__PURE__ */ jsxRuntime.jsxs("label", { children: [
-                      /* @__PURE__ */ jsxRuntime.jsx("input", { type: "checkbox", checked: isInternal, onChange: (e) => setIsInternal(e.target.checked) }),
-                      " ",
-                      t("detail.internalNote")
-                    ] }),
-                    /* @__PURE__ */ jsxRuntime.jsxs("label", { children: [
-                      /* @__PURE__ */ jsxRuntime.jsx("input", { type: "checkbox", checked: notifyClient, onChange: (e) => setNotifyClient(e.target.checked), disabled: isInternal }),
-                      " ",
-                      t("detail.notify")
-                    ] })
-                  ] })
-                ] }),
-                /* @__PURE__ */ jsxRuntime.jsxs("span", { className: s__default.default.sendShortcut, "aria-hidden": true, children: [
-                  /* @__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 ? t("detail.addClientMessage") : isInternal ? t("detail.sendNote") : t("detail.sendReply") })
-              ] })
-            ]
-          }
-        )
-      ] }),
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: s__default.default.sidebar, children: [
-        /* @__PURE__ */ jsxRuntime.jsxs("nav", { role: "tablist", "aria-label": t("detail.sidebar.tabs.overview"), className: s__default.default.sidebarTabs, children: [
-          /* @__PURE__ */ jsxRuntime.jsx(
-            "button",
-            {
-              type: "button",
-              role: "tab",
-              id: "sidebar-tab-overview",
-              "aria-selected": sidebarTab === "overview",
-              "aria-controls": "sidebar-panel-overview",
-              tabIndex: sidebarTab === "overview" ? 0 : -1,
-              className: `${s__default.default.sidebarTab} ${sidebarTab === "overview" ? s__default.default.sidebarTabActive : ""}`,
-              onClick: () => setSidebarTab("overview"),
-              children: t("detail.sidebar.tabs.overview")
-            }
-          ),
-          /* @__PURE__ */ jsxRuntime.jsx(
-            "button",
-            {
-              type: "button",
-              role: "tab",
-              id: "sidebar-tab-client",
-              "aria-selected": sidebarTab === "client",
-              "aria-controls": "sidebar-panel-client",
-              tabIndex: sidebarTab === "client" ? 0 : -1,
-              className: `${s__default.default.sidebarTab} ${sidebarTab === "client" ? s__default.default.sidebarTabActive : ""}`,
-              onClick: () => setSidebarTab("client"),
-              children: t("detail.sidebar.tabs.client")
-            }
-          ),
-          /* @__PURE__ */ jsxRuntime.jsx(
-            "button",
-            {
-              type: "button",
-              role: "tab",
-              id: "sidebar-tab-activity",
-              "aria-selected": sidebarTab === "activity",
-              "aria-controls": "sidebar-panel-activity",
-              tabIndex: sidebarTab === "activity" ? 0 : -1,
-              className: `${s__default.default.sidebarTab} ${sidebarTab === "activity" ? s__default.default.sidebarTabActive : ""}`,
-              onClick: () => setSidebarTab("activity"),
-              children: t("detail.sidebar.tabs.activity")
-            }
-          )
-        ] }),
-        sidebarTab === "overview" && /* @__PURE__ */ jsxRuntime.jsxs("div", { role: "tabpanel", id: "sidebar-panel-overview", "aria-labelledby": "sidebar-tab-overview", children: [
-          client && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: s__default.default.sideSection, children: [
-            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: s__default.default.clientCard, children: [
-              /* @__PURE__ */ jsxRuntime.jsx("div", { className: s__default.default.clientAvatar, children: initials }),
-              /* @__PURE__ */ jsxRuntime.jsxs("div", { className: s__default.default.clientInfo, children: [
-                /* @__PURE__ */ jsxRuntime.jsxs("div", { className: s__default.default.clientName, children: [
-                  client.firstName,
-                  " ",
-                  client.lastName
-                ] }),
-                /* @__PURE__ */ jsxRuntime.jsx("div", { className: s__default.default.clientCompany, children: client.company }),
-                /* @__PURE__ */ jsxRuntime.jsx("a", { href: `mailto:${client.email}`, className: s__default.default.clientEmail, children: client.email })
-              ] })
-            ] }),
-            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: s__default.default.clientActions, children: [
-              /* @__PURE__ */ jsxRuntime.jsx(Link__default.default, { href: `/admin/collections/support-clients/${client.id}`, className: s__default.default.smallBtn, children: t("client.clientSheet") }),
-              /* @__PURE__ */ jsxRuntime.jsx("button", { className: s__default.default.smallBtn, onClick: () => window.open(`/api/admin/impersonate?clientId=${client.id}`, "_blank"), children: t("client.clientPortal") })
-            ] })
-          ] }),
-          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" }),
-              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}`)) }),
-            clientSummary.keyFacts && clientSummary.keyFacts.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("ul", { className: s__default.default.aiCardFacts, children: clientSummary.keyFacts.slice(0, 4).map((f, i) => /* @__PURE__ */ jsxRuntime.jsxs("li", { className: s__default.default.aiCardFact, children: [
-              /* @__PURE__ */ jsxRuntime.jsx("span", { className: s__default.default.aiCardDot, "aria-hidden": true }),
-              f
-            ] }, `kf-${i}`)) }),
-            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,
-                {
-                  action,
-                  index: i,
-                  onToggle: async (done) => {
-                    const updatedActions = (clientSummary.nextActions || []).map(
-                      (a, j) => j === i ? { ...a, done } : a
-                    );
-                    if (clientSummary.id != null) {
-                      try {
-                        await fetch(`/api/client-summaries/${clientSummary.id}`, {
-                          method: "PATCH",
-                          credentials: "include",
-                          headers: { "Content-Type": "application/json" },
-                          body: JSON.stringify({ nextActions: updatedActions })
-                        });
-                      } catch {
-                      }
-                    }
-                    setClientSummary({ ...clientSummary, nextActions: updatedActions });
-                  }
-                },
-                action.id || `na-${i}`
-              )) })
-            ] })
-          ] }),
-          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: s__default.default.sideSection, children: [
-            /* @__PURE__ */ jsxRuntime.jsx("div", { className: s__default.default.sideSectionTitle, children: t("detail.details") }),
-            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: s__default.default.sideField, children: [
-              /* @__PURE__ */ jsxRuntime.jsx("span", { className: s__default.default.sideLabel, children: t("detail.priority") }),
-              /* @__PURE__ */ jsxRuntime.jsxs("select", { className: s__default.default.sideSelect, value: ticket.priority || "normal", onChange: (e) => handleFieldPatch("priority", e.target.value), "aria-label": t("detail.priority"), children: [
-                /* @__PURE__ */ jsxRuntime.jsx("option", { value: "low", children: t("ticket.priority.low") }),
-                /* @__PURE__ */ jsxRuntime.jsx("option", { value: "normal", children: t("ticket.priority.normal") }),
-                /* @__PURE__ */ jsxRuntime.jsx("option", { value: "high", children: t("ticket.priority.high") }),
-                /* @__PURE__ */ jsxRuntime.jsx("option", { value: "urgent", children: t("ticket.priority.urgent") })
-              ] })
-            ] }),
-            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: s__default.default.sideField, children: [
-              /* @__PURE__ */ jsxRuntime.jsx("span", { className: s__default.default.sideLabel, children: t("detail.category") }),
-              /* @__PURE__ */ jsxRuntime.jsxs("select", { className: s__default.default.sideSelect, value: ticket.category || "", onChange: (e) => handleFieldPatch("category", e.target.value), "aria-label": t("detail.category"), children: [
-                /* @__PURE__ */ jsxRuntime.jsx("option", { value: "", children: "\u2014" }),
-                /* @__PURE__ */ jsxRuntime.jsx("option", { value: "bug", children: t("ticket.category.bug") }),
-                /* @__PURE__ */ jsxRuntime.jsx("option", { value: "content", children: t("ticket.category.content") }),
-                /* @__PURE__ */ jsxRuntime.jsx("option", { value: "feature", children: t("ticket.category.feature") }),
-                /* @__PURE__ */ jsxRuntime.jsx("option", { value: "question", children: t("ticket.category.question") }),
-                /* @__PURE__ */ jsxRuntime.jsx("option", { value: "hosting", children: t("ticket.category.hosting") })
-              ] })
-            ] }),
-            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: s__default.default.sideField, children: [
-              /* @__PURE__ */ jsxRuntime.jsx("span", { className: s__default.default.sideLabel, children: t("detail.source") }),
-              /* @__PURE__ */ jsxRuntime.jsx("span", { className: s__default.default.sideValue, children: ticket.source || t("ticket.source.portal") })
-            ] }),
-            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: s__default.default.sideField, children: [
-              /* @__PURE__ */ jsxRuntime.jsx("span", { className: s__default.default.sideLabel, children: t("detail.assigned") }),
-              /* @__PURE__ */ jsxRuntime.jsx("span", { className: s__default.default.sideValue, children: typeof ticket.assignedTo === "object" && ticket.assignedTo ? ticket.assignedTo.firstName || "Admin" : "\u2014" })
-            ] })
-          ] }),
-          features.timeTracking && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: s__default.default.sideSection, children: [
-            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: s__default.default.sideSectionTitle, children: [
-              /* @__PURE__ */ jsxRuntime.jsx("span", { children: t("detail.time") }),
-              /* @__PURE__ */ jsxRuntime.jsx("span", { style: { color: "var(--theme-text)", fontWeight: 600, textTransform: "none", letterSpacing: 0 }, children: totalMin > 0 ? `${Math.floor(totalMin / 60)}h${String(totalMin % 60).padStart(2, "0")} ${t("detail.total")}` : "0min" })
-            ] }),
-            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: s__default.default.timer, children: [
-              /* @__PURE__ */ jsxRuntime.jsxs("span", { className: `${s__default.default.timerDisplay} ${timerRunning ? s__default.default.timerActive : ""}`, children: [
-                String(Math.floor(timerSeconds / 60)).padStart(2, "0"),
-                ":",
-                String(timerSeconds % 60).padStart(2, "0")
-              ] }),
-              !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": t("detail.timerSave"), children: [
-                "\u{1F4BE} ",
-                Math.round(timerSeconds / 60),
-                "m"
-              ] })
-            ] }),
-            /* @__PURE__ */ jsxRuntime.jsx("div", { className: s__default.default.timerBar, "aria-hidden": true, children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: s__default.default.timerBarFill, style: { width: `${Math.min(100, (totalMin + Math.floor(timerSeconds / 60)) / 120 * 100)}%` } }) }),
-            /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { display: "flex", gap: 6, marginTop: 8, alignItems: "center" }, children: [
-              /* @__PURE__ */ jsxRuntime.jsx("input", { type: "number", min: "1", placeholder: "min", style: { width: 60, padding: "4px 8px", borderRadius: 6, border: "1px solid var(--theme-elevation-200)", fontSize: 12, color: "var(--theme-text)", background: "var(--theme-elevation-0)" }, id: "manual-time-input" }),
-              /* @__PURE__ */ jsxRuntime.jsx("button", { className: `${s__default.default.timerBtn} ${s__default.default.timerBtnGhost}`, onClick: async () => {
-                const input = document.getElementById("manual-time-input");
-                const mins = Number(input?.value);
-                if (!mins || mins < 1 || !ticketId) return;
-                try {
-                  await fetch("/api/time-entries", { method: "POST", headers: { "Content-Type": "application/json" }, credentials: "include", body: JSON.stringify({ ticket: Number(ticketId), duration: mins, date: (/* @__PURE__ */ new Date()).toISOString(), description: "Saisie manuelle" }) });
-                  if (input) input.value = "";
-                  fetchAll();
-                } catch {
-                }
-              }, 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: t("detail.billing.billable") }),
-                /* @__PURE__ */ jsxRuntime.jsx(
-                  "button",
-                  {
-                    onClick: async () => {
-                      const newVal = ticket.billable === false ? true : false;
-                      try {
-                        await fetch(`/api/tickets/${ticketId}`, { method: "PATCH", headers: { "Content-Type": "application/json" }, credentials: "include", body: JSON.stringify({ billable: newVal }) });
-                        fetchAll();
-                      } catch {
-                      }
-                    },
-                    style: { fontWeight: 600, color: ticket.billable !== false ? "#16a34a" : "#dc2626", background: "none", border: "none", cursor: "pointer", fontSize: 11, textDecoration: "underline" },
-                    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: t("detail.billing.estimatedAmount") }),
-                /* @__PURE__ */ jsxRuntime.jsxs("span", { style: { fontWeight: 700, color: "var(--theme-text)" }, children: [
-                  (totalMin / 60 * 60).toFixed(0),
-                  "\u20AC"
-                ] })
-              ] })
-            ] }),
-            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(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"
-              ] })
-            ] }, e.id)) })
-          ] }),
-          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: s__default.default.sideSection, children: [
-            /* @__PURE__ */ jsxRuntime.jsx("div", { className: s__default.default.sideSectionTitle, children: t("detail.tags") }),
-            /* @__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": t("detail.removeTag", { tag }), onClick: () => handleRemoveTag(tag), children: "\xD7" })
-              ] }, tag)),
-              addingTag ? /* @__PURE__ */ jsxRuntime.jsx(
-                "input",
-                {
-                  className: s__default.default.tagInput,
-                  value: newTagValue,
-                  onChange: (e) => setNewTagValue(e.target.value),
-                  onKeyDown: (e) => {
-                    if (e.key === "Enter") handleAddTag();
-                    if (e.key === "Escape") {
-                      setAddingTag(false);
-                      setNewTagValue("");
-                    }
-                  },
-                  onBlur: handleAddTag,
-                  placeholder: t("detail.tagPlaceholder"),
-                  autoFocus: true
-                }
-              ) : /* @__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: 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: t("detail.billing.type") }),
-                /* @__PURE__ */ jsxRuntime.jsxs(
-                  "select",
-                  {
-                    value: ticket?.billingType || "hourly",
-                    onChange: async (e) => {
-                      try {
-                        await fetch(`/api/tickets/${ticketId}`, {
-                          method: "PATCH",
-                          credentials: "include",
-                          headers: { "Content-Type": "application/json" },
-                          body: JSON.stringify({ billingType: e.target.value })
-                        });
-                        fetchAll();
-                      } catch {
-                      }
-                    },
-                    style: { fontSize: 12, padding: "4px 8px", borderRadius: 6, border: "1px solid #e5e7eb", background: "#fff" },
-                    children: [
-                      /* @__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: t("detail.billing.flatAmount") }),
-                /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { display: "flex", alignItems: "center", gap: 4 }, children: [
-                  /* @__PURE__ */ jsxRuntime.jsx(
-                    "input",
-                    {
-                      type: "number",
-                      defaultValue: ticket?.flatRateAmount ?? "",
-                      placeholder: "0",
-                      onBlur: async (e) => {
-                        const val = e.target.value ? Number(e.target.value) : null;
-                        try {
-                          await fetch(`/api/tickets/${ticketId}`, {
-                            method: "PATCH",
-                            credentials: "include",
-                            headers: { "Content-Type": "application/json" },
-                            body: JSON.stringify({ flatRateAmount: val })
-                          });
-                          fetchAll();
-                        } catch {
-                        }
-                      },
-                      style: { fontSize: 12, padding: "4px 8px", borderRadius: 6, border: "1px solid #e5e7eb", width: 80, textAlign: "right" }
-                    }
-                  ),
-                  /* @__PURE__ */ jsxRuntime.jsx("span", { style: { fontSize: 12, color: "#9ca3af" }, children: "\u20AC" })
-                ] })
-              ] }),
-              /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { display: "flex", alignItems: "center", justifyContent: "space-between" }, children: [
-                /* @__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",
-                    {
-                      type: "number",
-                      defaultValue: ticket?.billedAmount ?? "",
-                      placeholder: "0",
-                      onBlur: async (e) => {
-                        const val = e.target.value ? Number(e.target.value) : null;
-                        try {
-                          await fetch(`/api/tickets/${ticketId}`, {
-                            method: "PATCH",
-                            credentials: "include",
-                            headers: { "Content-Type": "application/json" },
-                            body: JSON.stringify({ billedAmount: val })
-                          });
-                          fetchAll();
-                        } catch {
-                        }
-                      },
-                      style: { fontSize: 12, padding: "4px 8px", borderRadius: 6, border: "1px solid #e5e7eb", width: 80, textAlign: "right" }
-                    }
-                  ),
-                  /* @__PURE__ */ jsxRuntime.jsx("span", { style: { fontSize: 12, color: "#9ca3af" }, children: "\u20AC" })
-                ] })
-              ] }),
-              /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { display: "flex", alignItems: "center", justifyContent: "space-between" }, children: [
-                /* @__PURE__ */ jsxRuntime.jsx("span", { style: { fontSize: 12 }, children: t("detail.billing.payment") }),
-                /* @__PURE__ */ jsxRuntime.jsxs(
-                  "select",
-                  {
-                    value: ticket?.paymentStatus || "unpaid",
-                    onChange: async (e) => {
-                      try {
-                        await fetch(`/api/tickets/${ticketId}`, {
-                          method: "PATCH",
-                          credentials: "include",
-                          headers: { "Content-Type": "application/json" },
-                          body: JSON.stringify({ paymentStatus: e.target.value })
-                        });
-                        fetchAll();
-                      } catch {
-                      }
-                    },
-                    style: { fontSize: 12, padding: "4px 8px", borderRadius: 6, border: "1px solid #e5e7eb", background: "#fff" },
-                    children: [
-                      /* @__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: 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: [
-            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: s__default.default.clientCard, children: [
-              /* @__PURE__ */ jsxRuntime.jsx("div", { className: s__default.default.clientAvatar, children: initials }),
-              /* @__PURE__ */ jsxRuntime.jsxs("div", { className: s__default.default.clientInfo, children: [
-                /* @__PURE__ */ jsxRuntime.jsxs("div", { className: s__default.default.clientName, children: [
-                  client.firstName,
-                  " ",
-                  client.lastName
-                ] }),
-                /* @__PURE__ */ jsxRuntime.jsx("div", { className: s__default.default.clientCompany, children: client.company }),
-                /* @__PURE__ */ jsxRuntime.jsx("a", { href: `mailto:${client.email}`, className: s__default.default.clientEmail, children: client.email }),
-                client.phone && /* @__PURE__ */ jsxRuntime.jsx("a", { href: `tel:${client.phone}`, className: s__default.default.clientEmail, children: client.phone })
-              ] })
-            ] }),
-            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: s__default.default.clientActions, children: [
-              /* @__PURE__ */ jsxRuntime.jsx(Link__default.default, { href: `/admin/collections/support-clients/${client.id}`, className: s__default.default.smallBtn, children: t("client.clientSheet") }),
-              /* @__PURE__ */ jsxRuntime.jsx("button", { className: s__default.default.smallBtn, onClick: () => window.open(`/api/admin/impersonate?clientId=${client.id}`, "_blank"), children: t("client.clientPortal") })
-            ] })
-          ] }),
-          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: s__default.default.sideSection, children: [
-            /* @__PURE__ */ jsxRuntime.jsx("div", { className: s__default.default.sideSectionTitle, children: t("detail.sidebar.previousTickets") }),
-            previousTickets.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: s__default.default.previousTicketsEmpty, children: "\u2014" }) : /* @__PURE__ */ jsxRuntime.jsx("ul", { className: s__default.default.previousTicketsList, children: previousTickets.map((pt) => /* @__PURE__ */ jsxRuntime.jsx("li", { className: s__default.default.previousTicketsItem, children: /* @__PURE__ */ jsxRuntime.jsxs(Link__default.default, { href: `/admin/collections/tickets/${pt.id}`, className: s__default.default.previousTicketsLink, children: [
-              /* @__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(dateLocale.DATE_LOCALE, { day: "numeric", month: "short", year: "numeric" }) })
-              ] })
-            ] }) }, pt.id)) })
-          ] })
-        ] }),
-        sidebarTab === "activity" && /* @__PURE__ */ jsxRuntime.jsx("div", { role: "tabpanel", id: "sidebar-panel-activity", "aria-labelledby": "sidebar-tab-activity", children: features.activityLog ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: s__default.default.sideSection, children: [
-          /* @__PURE__ */ jsxRuntime.jsx("div", { className: s__default.default.sideSectionTitle, children: t("detail.activity") }),
-          activityLog.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: s__default.default.previousTicketsEmpty, children: "\u2014" }) : activityLog.slice(0, 30).map((a) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: s__default.default.activityItem, children: [
-            /* @__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: 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: 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": 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",
-        {
-          className: s__default.default.splitInput,
-          value: splitSubject,
-          onChange: (e) => setSplitSubject(e.target.value),
-          onKeyDown: (e) => {
-            if (e.key === "Enter") handleSplitConfirm();
-          },
-          placeholder: t("detail.split.subjectPlaceholder"),
-          autoFocus: true
-        }
-      ),
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: s__default.default.splitActions, children: [
-        /* @__PURE__ */ jsxRuntime.jsx("button", { className: s__default.default.splitCancelBtn, onClick: () => {
-          setSplitModal(null);
-          setSplitSubject("");
-        }, children: t("common.cancel") }),
-        /* @__PURE__ */ jsxRuntime.jsx("button", { className: s__default.default.splitConfirmBtn, onClick: handleSplitConfirm, disabled: !splitSubject.trim(), children: t("detail.split.createBtn") })
-      ] })
-    ] }) })
-  ] });
-};
-
-exports.TicketDetailClient = TicketDetailClient;