@consilioweb/payload-support 0.6.2 → 0.6.4

package/dist/components/TicketConversation/components/ClientHistory.cjs

@@ -0,0 +1,138 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var react = require('react');
+var constants = require('../constants');
+
+function ClientHistory({
+  client: _client,
+  clientTickets,
+  clientProjects,
+  clientNotes,
+  onNotesChange,
+  onNotesSave,
+  savingNotes,
+  notesSaved
+}) {
+  const [showClientHistory, setShowClientHistory] = react.useState(false);
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { style: constants.s.section, children: [
+    /* @__PURE__ */ jsxRuntime.jsxs(
+      "button",
+      {
+        type: "button",
+        onClick: () => setShowClientHistory(!showClientHistory),
+        style: {
+          background: "none",
+          border: `1px dashed ${constants.C.border}`,
+          borderRadius: "6px",
+          padding: "8px 14px",
+          cursor: "pointer",
+          color: constants.C.textSecondary,
+          fontSize: "13px",
+          fontWeight: 600,
+          width: "100%",
+          textAlign: "left",
+          display: "flex",
+          alignItems: "center",
+          justifyContent: "space-between"
+        },
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("span", { children: [
+            "Historique client (",
+            clientTickets.length,
+            " ticket",
+            clientTickets.length !== 1 ? "s" : "",
+            ", ",
+            clientProjects.length,
+            " projet",
+            clientProjects.length !== 1 ? "s" : "",
+            ")"
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsx("span", { style: { fontSize: "12px", transition: "transform 0.2s", display: "inline-block", transform: showClientHistory ? "rotate(90deg)" : "none" }, children: "\u25B6" })
+        ]
+      }
+    ),
+    showClientHistory && /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { marginTop: "10px", padding: "14px 18px", borderRadius: "8px", backgroundColor: constants.C.white, border: `1px solid ${constants.C.border}` }, children: [
+      /* @__PURE__ */ jsxRuntime.jsx("h5", { style: { fontSize: "12px", fontWeight: 600, color: constants.C.textSecondary, marginBottom: "8px" }, children: "Derniers tickets" }),
+      clientTickets.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx("p", { style: { fontSize: "12px", color: constants.C.textMuted, fontStyle: "italic", marginBottom: "14px" }, children: "Aucun autre ticket" }) : /* @__PURE__ */ jsxRuntime.jsx("div", { style: { display: "flex", flexDirection: "column", gap: "4px", marginBottom: "14px" }, children: clientTickets.map((t) => {
+        const st = constants.statusLabels[t.status] || constants.statusLabels.open;
+        return /* @__PURE__ */ jsxRuntime.jsxs(
+          "a",
+          {
+            href: `/admin/support/ticket?id=${t.id}`,
+            style: {
+              display: "flex",
+              alignItems: "center",
+              gap: "8px",
+              padding: "6px 10px",
+              borderRadius: "6px",
+              border: `1px solid ${constants.C.border}`,
+              textDecoration: "none",
+              fontSize: "12px",
+              color: "#374151",
+              backgroundColor: "#fafafa"
+            },
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsx("span", { style: { fontFamily: "'SF Mono', 'Fira Code', 'JetBrains Mono', 'Cascadia Code', monospace", fontWeight: 600, color: constants.C.textMuted, fontSize: "11px", whiteSpace: "nowrap" }, children: t.ticketNumber }),
+              /* @__PURE__ */ jsxRuntime.jsx("span", { style: { flex: 1, overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap", fontWeight: 600 }, children: t.subject }),
+              /* @__PURE__ */ jsxRuntime.jsx("span", { style: constants.s.badge(st.bg, st.color), children: st.label }),
+              /* @__PURE__ */ jsxRuntime.jsx("span", { style: { fontSize: "10px", color: constants.C.textMuted, whiteSpace: "nowrap" }, children: new Date(t.createdAt).toLocaleDateString("fr-FR", { day: "numeric", month: "short" }) })
+            ]
+          },
+          t.id
+        );
+      }) }),
+      /* @__PURE__ */ jsxRuntime.jsx("h5", { style: { fontSize: "12px", fontWeight: 600, color: constants.C.textSecondary, marginBottom: "8px" }, children: "Projets" }),
+      clientProjects.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx("p", { style: { fontSize: "12px", color: constants.C.textMuted, fontStyle: "italic", marginBottom: "14px" }, children: "Aucun projet" }) : /* @__PURE__ */ jsxRuntime.jsx("div", { style: { display: "flex", gap: "6px", flexWrap: "wrap", marginBottom: "14px" }, children: clientProjects.map((p) => {
+        const ps = constants.projectStatusLabels[p.status] || constants.projectStatusLabels.active;
+        return /* @__PURE__ */ jsxRuntime.jsxs(
+          "a",
+          {
+            href: `/admin/collections/projects/${p.id}`,
+            style: {
+              display: "inline-flex",
+              alignItems: "center",
+              gap: "6px",
+              padding: "5px 10px",
+              borderRadius: "6px",
+              border: `1px solid ${constants.C.border}`,
+              textDecoration: "none",
+              fontSize: "12px",
+              fontWeight: 600,
+              color: "#374151",
+              backgroundColor: "#fafafa"
+            },
+            children: [
+              p.name,
+              /* @__PURE__ */ jsxRuntime.jsx("span", { style: constants.s.badge(ps.bg, ps.color), children: ps.label })
+            ]
+          },
+          p.id
+        );
+      }) }),
+      /* @__PURE__ */ jsxRuntime.jsx("h5", { style: { fontSize: "12px", fontWeight: 600, color: constants.C.textSecondary, marginBottom: "8px" }, children: "Notes internes" }),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "textarea",
+        {
+          value: clientNotes,
+          onChange: (e) => onNotesChange(e.target.value),
+          rows: 3,
+          style: { ...constants.s.input, width: "100%", resize: "vertical", fontSize: "12px", marginBottom: "8px" },
+          placeholder: "Notes sur ce client..."
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "button",
+        {
+          type: "button",
+          onClick: onNotesSave,
+          disabled: savingNotes,
+          style: { ...constants.s.btn(notesSaved ? "#16a34a" : constants.C.blue, savingNotes), fontSize: "11px", padding: "5px 12px" },
+          children: notesSaved ? "Sauvegarde OK" : savingNotes ? "Sauvegarde..." : "Sauvegarder les notes"
+        }
+      )
+    ] })
+  ] });
+}
+
+exports.ClientHistory = ClientHistory;

package/dist/components/TicketConversation/components/ClientHistory.js

@@ -0,0 +1,137 @@
+"use client";
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { useState } from 'react';
+import { s, C, statusLabels, projectStatusLabels } from '../constants.js';
+
+function ClientHistory({
+  client: _client,
+  clientTickets,
+  clientProjects,
+  clientNotes,
+  onNotesChange,
+  onNotesSave,
+  savingNotes,
+  notesSaved
+}) {
+  const [showClientHistory, setShowClientHistory] = useState(false);
+  return /* @__PURE__ */ jsxs("div", { style: s.section, children: [
+    /* @__PURE__ */ jsxs(
+      "button",
+      {
+        type: "button",
+        onClick: () => setShowClientHistory(!showClientHistory),
+        style: {
+          background: "none",
+          border: `1px dashed ${C.border}`,
+          borderRadius: "6px",
+          padding: "8px 14px",
+          cursor: "pointer",
+          color: C.textSecondary,
+          fontSize: "13px",
+          fontWeight: 600,
+          width: "100%",
+          textAlign: "left",
+          display: "flex",
+          alignItems: "center",
+          justifyContent: "space-between"
+        },
+        children: [
+          /* @__PURE__ */ jsxs("span", { children: [
+            "Historique client (",
+            clientTickets.length,
+            " ticket",
+            clientTickets.length !== 1 ? "s" : "",
+            ", ",
+            clientProjects.length,
+            " projet",
+            clientProjects.length !== 1 ? "s" : "",
+            ")"
+          ] }),
+          /* @__PURE__ */ jsx("span", { style: { fontSize: "12px", transition: "transform 0.2s", display: "inline-block", transform: showClientHistory ? "rotate(90deg)" : "none" }, children: "\u25B6" })
+        ]
+      }
+    ),
+    showClientHistory && /* @__PURE__ */ jsxs("div", { style: { marginTop: "10px", padding: "14px 18px", borderRadius: "8px", backgroundColor: C.white, border: `1px solid ${C.border}` }, children: [
+      /* @__PURE__ */ jsx("h5", { style: { fontSize: "12px", fontWeight: 600, color: C.textSecondary, marginBottom: "8px" }, children: "Derniers tickets" }),
+      clientTickets.length === 0 ? /* @__PURE__ */ jsx("p", { style: { fontSize: "12px", color: C.textMuted, fontStyle: "italic", marginBottom: "14px" }, children: "Aucun autre ticket" }) : /* @__PURE__ */ jsx("div", { style: { display: "flex", flexDirection: "column", gap: "4px", marginBottom: "14px" }, children: clientTickets.map((t) => {
+        const st = statusLabels[t.status] || statusLabels.open;
+        return /* @__PURE__ */ jsxs(
+          "a",
+          {
+            href: `/admin/support/ticket?id=${t.id}`,
+            style: {
+              display: "flex",
+              alignItems: "center",
+              gap: "8px",
+              padding: "6px 10px",
+              borderRadius: "6px",
+              border: `1px solid ${C.border}`,
+              textDecoration: "none",
+              fontSize: "12px",
+              color: "#374151",
+              backgroundColor: "#fafafa"
+            },
+            children: [
+              /* @__PURE__ */ jsx("span", { style: { fontFamily: "'SF Mono', 'Fira Code', 'JetBrains Mono', 'Cascadia Code', monospace", fontWeight: 600, color: C.textMuted, fontSize: "11px", whiteSpace: "nowrap" }, children: t.ticketNumber }),
+              /* @__PURE__ */ jsx("span", { style: { flex: 1, overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap", fontWeight: 600 }, children: t.subject }),
+              /* @__PURE__ */ jsx("span", { style: s.badge(st.bg, st.color), children: st.label }),
+              /* @__PURE__ */ jsx("span", { style: { fontSize: "10px", color: C.textMuted, whiteSpace: "nowrap" }, children: new Date(t.createdAt).toLocaleDateString("fr-FR", { day: "numeric", month: "short" }) })
+            ]
+          },
+          t.id
+        );
+      }) }),
+      /* @__PURE__ */ jsx("h5", { style: { fontSize: "12px", fontWeight: 600, color: C.textSecondary, marginBottom: "8px" }, children: "Projets" }),
+      clientProjects.length === 0 ? /* @__PURE__ */ jsx("p", { style: { fontSize: "12px", color: C.textMuted, fontStyle: "italic", marginBottom: "14px" }, children: "Aucun projet" }) : /* @__PURE__ */ jsx("div", { style: { display: "flex", gap: "6px", flexWrap: "wrap", marginBottom: "14px" }, children: clientProjects.map((p) => {
+        const ps = projectStatusLabels[p.status] || projectStatusLabels.active;
+        return /* @__PURE__ */ jsxs(
+          "a",
+          {
+            href: `/admin/collections/projects/${p.id}`,
+            style: {
+              display: "inline-flex",
+              alignItems: "center",
+              gap: "6px",
+              padding: "5px 10px",
+              borderRadius: "6px",
+              border: `1px solid ${C.border}`,
+              textDecoration: "none",
+              fontSize: "12px",
+              fontWeight: 600,
+              color: "#374151",
+              backgroundColor: "#fafafa"
+            },
+            children: [
+              p.name,
+              /* @__PURE__ */ jsx("span", { style: s.badge(ps.bg, ps.color), children: ps.label })
+            ]
+          },
+          p.id
+        );
+      }) }),
+      /* @__PURE__ */ jsx("h5", { style: { fontSize: "12px", fontWeight: 600, color: C.textSecondary, marginBottom: "8px" }, children: "Notes internes" }),
+      /* @__PURE__ */ jsx(
+        "textarea",
+        {
+          value: clientNotes,
+          onChange: (e) => onNotesChange(e.target.value),
+          rows: 3,
+          style: { ...s.input, width: "100%", resize: "vertical", fontSize: "12px", marginBottom: "8px" },
+          placeholder: "Notes sur ce client..."
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          onClick: onNotesSave,
+          disabled: savingNotes,
+          style: { ...s.btn(notesSaved ? "#16a34a" : C.blue, savingNotes), fontSize: "11px", padding: "5px 12px" },
+          children: notesSaved ? "Sauvegarde OK" : savingNotes ? "Sauvegarde..." : "Sauvegarder les notes"
+        }
+      )
+    ] })
+  ] });
+}
+
+export { ClientHistory };

package/dist/components/TicketConversation/components/CodeBlock.cjs

@@ -0,0 +1,154 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var react = require('react');
+
+const LANG_CONFIG = {
+  javascript: { label: "JavaScript", accent: "#f7df1e" },
+  js: { label: "JavaScript", accent: "#f7df1e" },
+  typescript: { label: "TypeScript", accent: "#3178c6" },
+  ts: { label: "TypeScript", accent: "#3178c6" },
+  tsx: { label: "TSX", accent: "#3178c6" },
+  jsx: { label: "JSX", accent: "#f7df1e" },
+  php: { label: "PHP", accent: "#777bb4" },
+  python: { label: "Python", accent: "#3776ab" },
+  py: { label: "Python", accent: "#3776ab" },
+  html: { label: "HTML", accent: "#e34f26" },
+  css: { label: "CSS", accent: "#1572b6" },
+  scss: { label: "SCSS", accent: "#cc6699" },
+  json: { label: "JSON", accent: "#292929" },
+  sql: { label: "SQL", accent: "#e48e00" },
+  bash: { label: "Bash", accent: "#4eaa25" },
+  sh: { label: "Shell", accent: "#4eaa25" },
+  yaml: { label: "YAML", accent: "#cb171e" },
+  yml: { label: "YAML", accent: "#cb171e" },
+  xml: { label: "XML", accent: "#f16529" },
+  markdown: { label: "Markdown", accent: "#083fa1" },
+  md: { label: "Markdown", accent: "#083fa1" },
+  diff: { label: "Diff", accent: "#41b883" },
+  go: { label: "Go", accent: "#00add8" },
+  rust: { label: "Rust", accent: "#dea584" },
+  java: { label: "Java", accent: "#ed8b00" },
+  c: { label: "C", accent: "#555555" },
+  cpp: { label: "C++", accent: "#00599c" },
+  ruby: { label: "Ruby", accent: "#cc342d" },
+  swift: { label: "Swift", accent: "#f05138" },
+  nginx: { label: "Nginx", accent: "#009639" },
+  docker: { label: "Docker", accent: "#2496ed" },
+  dockerfile: { label: "Dockerfile", accent: "#2496ed" },
+  env: { label: ".env", accent: "#ecd53f" }
+};
+const DEFAULT_CONFIG = { label: "Code", accent: "#6b7280" };
+function SingleCodeBlock({ lang, code }) {
+  const [copied, setCopied] = react.useState(false);
+  const config = LANG_CONFIG[lang.toLowerCase()] || (lang ? { label: lang.toUpperCase(), accent: "#6b7280" } : DEFAULT_CONFIG);
+  const handleCopy = () => {
+    navigator.clipboard.writeText(code);
+    setCopied(true);
+    setTimeout(() => setCopied(false), 1500);
+  };
+  const lines = code.split("\n");
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { style: {
+    marginTop: 8,
+    marginBottom: 8,
+    borderRadius: 8,
+    overflow: "hidden",
+    border: "1px solid #334155",
+    backgroundColor: "#0f172a",
+    fontSize: 13
+  }, children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { style: {
+      display: "flex",
+      alignItems: "center",
+      justifyContent: "space-between",
+      padding: "6px 12px",
+      backgroundColor: "#1e293b",
+      borderBottom: "1px solid #334155"
+    }, children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { display: "flex", alignItems: "center", gap: 8 }, children: [
+        /* @__PURE__ */ jsxRuntime.jsx("span", { style: {
+          display: "inline-block",
+          width: 8,
+          height: 8,
+          borderRadius: "50%",
+          backgroundColor: config.accent,
+          flexShrink: 0
+        } }),
+        /* @__PURE__ */ jsxRuntime.jsx("span", { style: {
+          fontSize: 11,
+          fontWeight: 700,
+          color: "#e2e8f0",
+          letterSpacing: "0.02em"
+        }, children: config.label })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "button",
+        {
+          onClick: handleCopy,
+          style: {
+            background: "none",
+            border: "1px solid #475569",
+            borderRadius: 4,
+            padding: "2px 10px",
+            fontSize: 11,
+            color: copied ? "#4ade80" : "#94a3b8",
+            cursor: "pointer",
+            fontWeight: 600,
+            transition: "color 150ms"
+          },
+          children: copied ? "Copi\xE9 !" : "Copier"
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { display: "flex", overflowX: "auto" }, children: [
+      /* @__PURE__ */ jsxRuntime.jsx("div", { style: {
+        padding: "12px 0",
+        borderRight: "1px solid #334155",
+        userSelect: "none",
+        flexShrink: 0
+      }, children: lines.map((_, i) => /* @__PURE__ */ jsxRuntime.jsx("div", { style: {
+        padding: "0 12px",
+        fontSize: 12,
+        lineHeight: "20px",
+        color: "#475569",
+        textAlign: "right",
+        fontFamily: '"SF Mono", "Fira Code", "JetBrains Mono", monospace'
+      }, children: i + 1 }, i)) }),
+      /* @__PURE__ */ jsxRuntime.jsx("pre", { style: {
+        margin: 0,
+        padding: 12,
+        overflow: "auto",
+        flex: 1
+      }, children: /* @__PURE__ */ jsxRuntime.jsx("code", { style: {
+        fontSize: 12,
+        lineHeight: "20px",
+        fontFamily: '"SF Mono", "Fira Code", "JetBrains Mono", monospace',
+        color: "#e2e8f0",
+        whiteSpace: "pre"
+      }, children: code }) })
+    ] })
+  ] });
+}
+function CodeBlockRenderer({ text }) {
+  const parts = text.split(/(```[\s\S]*?```)/g);
+  const hasCodeBlock = parts.some((p) => p.startsWith("```"));
+  if (!hasCodeBlock) return null;
+  return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: parts.map((part, i) => {
+    if (part.startsWith("```")) {
+      const match = part.match(/^```(\w*)\n?([\s\S]*?)```$/);
+      if (match) {
+        const lang = match[1] || "";
+        const code = match[2].replace(/\n$/, "");
+        return /* @__PURE__ */ jsxRuntime.jsx(SingleCodeBlock, { lang, code }, i);
+      }
+    }
+    return null;
+  }) });
+}
+function CodeBlockRendererHtml({ html }) {
+  const stripped = html.replace(/<[^>]+>/g, "");
+  return /* @__PURE__ */ jsxRuntime.jsx(CodeBlockRenderer, { text: stripped });
+}
+
+exports.CodeBlockRenderer = CodeBlockRenderer;
+exports.CodeBlockRendererHtml = CodeBlockRendererHtml;

package/dist/components/TicketConversation/components/CodeBlock.js

@@ -0,0 +1,152 @@
+"use client";
+import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
+import { useState } from 'react';
+
+const LANG_CONFIG = {
+  javascript: { label: "JavaScript", accent: "#f7df1e" },
+  js: { label: "JavaScript", accent: "#f7df1e" },
+  typescript: { label: "TypeScript", accent: "#3178c6" },
+  ts: { label: "TypeScript", accent: "#3178c6" },
+  tsx: { label: "TSX", accent: "#3178c6" },
+  jsx: { label: "JSX", accent: "#f7df1e" },
+  php: { label: "PHP", accent: "#777bb4" },
+  python: { label: "Python", accent: "#3776ab" },
+  py: { label: "Python", accent: "#3776ab" },
+  html: { label: "HTML", accent: "#e34f26" },
+  css: { label: "CSS", accent: "#1572b6" },
+  scss: { label: "SCSS", accent: "#cc6699" },
+  json: { label: "JSON", accent: "#292929" },
+  sql: { label: "SQL", accent: "#e48e00" },
+  bash: { label: "Bash", accent: "#4eaa25" },
+  sh: { label: "Shell", accent: "#4eaa25" },
+  yaml: { label: "YAML", accent: "#cb171e" },
+  yml: { label: "YAML", accent: "#cb171e" },
+  xml: { label: "XML", accent: "#f16529" },
+  markdown: { label: "Markdown", accent: "#083fa1" },
+  md: { label: "Markdown", accent: "#083fa1" },
+  diff: { label: "Diff", accent: "#41b883" },
+  go: { label: "Go", accent: "#00add8" },
+  rust: { label: "Rust", accent: "#dea584" },
+  java: { label: "Java", accent: "#ed8b00" },
+  c: { label: "C", accent: "#555555" },
+  cpp: { label: "C++", accent: "#00599c" },
+  ruby: { label: "Ruby", accent: "#cc342d" },
+  swift: { label: "Swift", accent: "#f05138" },
+  nginx: { label: "Nginx", accent: "#009639" },
+  docker: { label: "Docker", accent: "#2496ed" },
+  dockerfile: { label: "Dockerfile", accent: "#2496ed" },
+  env: { label: ".env", accent: "#ecd53f" }
+};
+const DEFAULT_CONFIG = { label: "Code", accent: "#6b7280" };
+function SingleCodeBlock({ lang, code }) {
+  const [copied, setCopied] = useState(false);
+  const config = LANG_CONFIG[lang.toLowerCase()] || (lang ? { label: lang.toUpperCase(), accent: "#6b7280" } : DEFAULT_CONFIG);
+  const handleCopy = () => {
+    navigator.clipboard.writeText(code);
+    setCopied(true);
+    setTimeout(() => setCopied(false), 1500);
+  };
+  const lines = code.split("\n");
+  return /* @__PURE__ */ jsxs("div", { style: {
+    marginTop: 8,
+    marginBottom: 8,
+    borderRadius: 8,
+    overflow: "hidden",
+    border: "1px solid #334155",
+    backgroundColor: "#0f172a",
+    fontSize: 13
+  }, children: [
+    /* @__PURE__ */ jsxs("div", { style: {
+      display: "flex",
+      alignItems: "center",
+      justifyContent: "space-between",
+      padding: "6px 12px",
+      backgroundColor: "#1e293b",
+      borderBottom: "1px solid #334155"
+    }, children: [
+      /* @__PURE__ */ jsxs("div", { style: { display: "flex", alignItems: "center", gap: 8 }, children: [
+        /* @__PURE__ */ jsx("span", { style: {
+          display: "inline-block",
+          width: 8,
+          height: 8,
+          borderRadius: "50%",
+          backgroundColor: config.accent,
+          flexShrink: 0
+        } }),
+        /* @__PURE__ */ jsx("span", { style: {
+          fontSize: 11,
+          fontWeight: 700,
+          color: "#e2e8f0",
+          letterSpacing: "0.02em"
+        }, children: config.label })
+      ] }),
+      /* @__PURE__ */ jsx(
+        "button",
+        {
+          onClick: handleCopy,
+          style: {
+            background: "none",
+            border: "1px solid #475569",
+            borderRadius: 4,
+            padding: "2px 10px",
+            fontSize: 11,
+            color: copied ? "#4ade80" : "#94a3b8",
+            cursor: "pointer",
+            fontWeight: 600,
+            transition: "color 150ms"
+          },
+          children: copied ? "Copi\xE9 !" : "Copier"
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxs("div", { style: { display: "flex", overflowX: "auto" }, children: [
+      /* @__PURE__ */ jsx("div", { style: {
+        padding: "12px 0",
+        borderRight: "1px solid #334155",
+        userSelect: "none",
+        flexShrink: 0
+      }, children: lines.map((_, i) => /* @__PURE__ */ jsx("div", { style: {
+        padding: "0 12px",
+        fontSize: 12,
+        lineHeight: "20px",
+        color: "#475569",
+        textAlign: "right",
+        fontFamily: '"SF Mono", "Fira Code", "JetBrains Mono", monospace'
+      }, children: i + 1 }, i)) }),
+      /* @__PURE__ */ jsx("pre", { style: {
+        margin: 0,
+        padding: 12,
+        overflow: "auto",
+        flex: 1
+      }, children: /* @__PURE__ */ jsx("code", { style: {
+        fontSize: 12,
+        lineHeight: "20px",
+        fontFamily: '"SF Mono", "Fira Code", "JetBrains Mono", monospace',
+        color: "#e2e8f0",
+        whiteSpace: "pre"
+      }, children: code }) })
+    ] })
+  ] });
+}
+function CodeBlockRenderer({ text }) {
+  const parts = text.split(/(```[\s\S]*?```)/g);
+  const hasCodeBlock = parts.some((p) => p.startsWith("```"));
+  if (!hasCodeBlock) return null;
+  return /* @__PURE__ */ jsx(Fragment, { children: parts.map((part, i) => {
+    if (part.startsWith("```")) {
+      const match = part.match(/^```(\w*)\n?([\s\S]*?)```$/);
+      if (match) {
+        const lang = match[1] || "";
+        const code = match[2].replace(/\n$/, "");
+        return /* @__PURE__ */ jsx(SingleCodeBlock, { lang, code }, i);
+      }
+    }
+    return null;
+  }) });
+}
+function CodeBlockRendererHtml({ html }) {
+  const stripped = html.replace(/<[^>]+>/g, "");
+  return /* @__PURE__ */ jsx(CodeBlockRenderer, { text: stripped });
+}
+
+export { CodeBlockRenderer, CodeBlockRendererHtml };