@oondemand/oon-core-front 0.4.28 → 0.4.30

package/dist/index.js

@@ -7,7 +7,7 @@ import { StrictMode } from "react";
 import { createRoot } from "react-dom/client";
 
 // src/app/OonApp.tsx
-import { useMemo as useMemo11 } from "react";
+import { useMemo as useMemo12 } from "react";
 import { RouterProvider } from "react-router-dom";
 
 // src/api/createRestClient.ts
@@ -5089,147 +5089,998 @@ function CorePage2({ page, registry }) {
 }
 
 // src/components/CoreTransactionalEmail.tsx
-import { useState as useState18 } from "react";
-import { Badge as Badge5, Box as Box22, Button as Button16, Flex as Flex15, Heading as Heading13, Input as Input10, Stack as Stack9, Text as Text23, Textarea as Textarea3 } from "@chakra-ui/react";
+import { useEffect as useEffect11, useMemo as useMemo11, useState as useState18 } from "react";
+import { Badge as Badge5, Box as Box22, Button as Button16, Flex as Flex15, Heading as Heading13, IconButton as IconButton3, Input as Input10, Stack as Stack9, Text as Text23, Textarea as Textarea3 } from "@chakra-ui/react";
 import { useMutation as useMutation5, useQuery as useQuery11, useQueryClient as useQueryClient7 } from "@tanstack/react-query";
-import { jsx as jsx31, jsxs as jsxs23 } from "react/jsx-runtime";
+import { Fragment as Fragment5, jsx as jsx31, jsxs as jsxs23 } from "react/jsx-runtime";
+var EMPTY_SCHEMA = '{\n  "type": "object",\n  "additionalProperties": false,\n  "properties": {}\n}';
+var EMPTY_DRAFT = {
+  code: "",
+  name: "",
+  subject: "",
+  htmlContent: "",
+  textContent: "",
+  variablesSchema: EMPTY_SCHEMA,
+  locale: "pt-BR"
+};
 function errorMessage(error) {
   return error?.response?.data?.message || error?.message || "N\xE3o foi poss\xEDvel concluir a opera\xE7\xE3o.";
 }
 function color(status) {
-  if (["active", "provider_accepted"].includes(String(status))) return "green";
-  if (["degraded", "failed", "dead_letter"].includes(String(status))) return "red";
+  if (["active", "provider_accepted", "valid"].includes(String(status))) return "green";
+  if (["degraded", "invalid", "failed", "dead_letter"].includes(String(status))) return "red";
   return "yellow";
 }
+function prettyDate(value3) {
+  return value3 ? new Intl.DateTimeFormat("pt-BR", { dateStyle: "short", timeStyle: "short" }).format(new Date(value3)) : "Ainda n\xE3o executado";
+}
+function sampleVariables(schema) {
+  const properties = schema?.properties || {};
+  const values = {};
+  for (const [key, definition] of Object.entries(properties)) {
+    if (definition.type === "number" || definition.type === "integer") values[key] = 0;
+    else if (definition.type === "boolean") values[key] = false;
+    else if (definition.type === "array") values[key] = [];
+    else if (definition.type === "object") values[key] = {};
+    else values[key] = "";
+  }
+  return JSON.stringify(values, null, 2);
+}
+function parseObject(source, message) {
+  try {
+    const value3 = JSON.parse(source);
+    if (!value3 || typeof value3 !== "object" || Array.isArray(value3)) throw new Error(message);
+    return value3;
+  } catch {
+    throw new Error(message);
+  }
+}
 function CoreTransactionalEmail() {
   const { http } = useOonApi();
   const cache = useQueryClient7();
   const [tab, setTab] = useState18("config");
-  const [draft, setDraft] = useState18({ apiKey: "", senderEmail: "", senderName: "", replyTo: "", testRecipient: "" });
   const [error, setError] = useState18("");
-  const [templateDraft, setTemplateDraft] = useState18({ code: "", name: "", subject: "", htmlContent: "", textContent: "", variablesSchema: '{\n  "type": "object",\n  "additionalProperties": false\n}', locale: "pt-BR" });
-  const [templateTest, setTemplateTest] = useState18({ code: "", to: "", variables: "{}" });
-  const health = useQuery11({ queryKey: ["transactional-email", "health"], queryFn: async () => (await http.get("/core/transactional-email/health")).data });
-  const configuration = useQuery11({ queryKey: ["transactional-email", "configuration"], queryFn: async () => (await http.get("/core/transactional-email/configuration")).data.configuration });
-  const templates = useQuery11({ queryKey: ["transactional-email", "templates"], queryFn: async () => (await http.get("/core/transactional-email/templates")).data.results, enabled: tab === "templates" });
-  const dispatches = useQuery11({ queryKey: ["transactional-email", "dispatches"], queryFn: async () => (await http.get("/core/transactional-email/dispatches")).data.results, enabled: tab === "dispatches", refetchInterval: 1e4 });
-  const save = useMutation5({ mutationFn: async () => (await http.put("/core/transactional-email/configuration", { ...draft, enabled: true })).data, onSuccess: () => {
-    setDraft((value3) => ({ ...value3, apiKey: "" }));
+  const [notice, setNotice] = useState18("");
+  const [configurationDraft, setConfigurationDraft] = useState18({
+    apiKey: "",
+    senderEmail: "",
+    senderName: "",
+    replyTo: ""
+  });
+  const [configurationTestRecipient, setConfigurationTestRecipient] = useState18("");
+  const [loadedConfigurationKey, setLoadedConfigurationKey] = useState18("");
+  const [templateDraft, setTemplateDraft] = useState18(EMPTY_DRAFT);
+  const [editingBase, setEditingBase] = useState18(null);
+  const [previewTarget, setPreviewTarget] = useState18(null);
+  const [previewVariables, setPreviewVariables] = useState18("{}");
+  const [testTarget, setTestTarget] = useState18(null);
+  const [templateTest, setTemplateTest] = useState18({ to: "", variables: "{}" });
+  const [templateModalOpen, setTemplateModalOpen] = useState18(false);
+  const [templateModalTab, setTemplateModalTab] = useState18("versions");
+  const [managedTemplateCode, setManagedTemplateCode] = useState18("");
+  const health = useQuery11({
+    queryKey: ["transactional-email", "health"],
+    queryFn: async () => (await http.get("/core/transactional-email/health")).data
+  });
+  const configuration = useQuery11({
+    queryKey: ["transactional-email", "configuration"],
+    queryFn: async () => (await http.get("/core/transactional-email/configuration")).data.configuration
+  });
+  const templates = useQuery11({
+    queryKey: ["transactional-email", "templates"],
+    queryFn: async () => (await http.get("/core/transactional-email/templates")).data.results,
+    enabled: tab === "templates"
+  });
+  const dispatches = useQuery11({
+    queryKey: ["transactional-email", "dispatches"],
+    queryFn: async () => (await http.get("/core/transactional-email/dispatches")).data.results,
+    enabled: tab === "dispatches",
+    refetchInterval: 1e4
+  });
+  const config = configuration.data;
+  const configurationKey = [
+    config?.updatedAt,
+    config?.senderEmail,
+    config?.senderName,
+    config?.replyTo,
+    config?.fingerprint
+  ].join("|");
+  useEffect11(() => {
+    if (!config || configurationKey === loadedConfigurationKey) return;
+    setConfigurationDraft({
+      apiKey: "",
+      senderEmail: config.senderEmail || "",
+      senderName: config.senderName || "",
+      replyTo: config.replyTo || ""
+    });
+    setConfigurationTestRecipient((value3) => value3 || config.senderEmail || "");
+    setLoadedConfigurationKey(configurationKey);
+  }, [config, configurationKey, loadedConfigurationKey]);
+  const groupedTemplates = useMemo11(() => {
+    var _a;
+    const groups = {};
+    for (const item of templates.data || []) (groups[_a = item.code] || (groups[_a] = [])).push(item);
+    return Object.entries(groups);
+  }, [templates.data]);
+  const managedVersions = useMemo11(
+    () => (templates.data || []).filter((item) => item.code === managedTemplateCode),
+    [managedTemplateCode, templates.data]
+  );
+  const managedTemplate = managedVersions.find((item) => item.status === "active") || managedVersions[0] || null;
+  const draftContext = !managedTemplateCode || Boolean(editingBase);
+  const saveConfiguration = useMutation5({
+    mutationFn: async () => {
+      const payload = {
+        senderEmail: configurationDraft.senderEmail,
+        senderName: configurationDraft.senderName,
+        replyTo: configurationDraft.replyTo,
+        enabled: true
+      };
+      if (configurationDraft.apiKey.trim()) payload.apiKey = configurationDraft.apiKey.trim();
+      return (await http.put("/core/transactional-email/configuration", payload)).data;
+    },
+    onSuccess: () => {
+      setConfigurationDraft((value3) => ({ ...value3, apiKey: "" }));
+      setError("");
+      setNotice("Dados do remetente salvos. A credencial armazenada foi preservada.");
+      cache.invalidateQueries({ queryKey: ["transactional-email"] });
+    },
+    onError: (reason) => {
+      setNotice("");
+      setError(errorMessage(reason));
+    }
+  });
+  const testConfiguration = useMutation5({
+    mutationFn: async () => (await http.post("/core/transactional-email/configuration/test", {
+      recipient: configurationTestRecipient
+    })).data,
+    onSuccess: () => {
+      setError("");
+      setNotice("Teste enviado. Consulte a caixa do destinat\xE1rio e a aba Envios.");
+      cache.invalidateQueries({ queryKey: ["transactional-email"] });
+    },
+    onError: (reason) => {
+      setNotice("");
+      setError(errorMessage(reason));
+      cache.invalidateQueries({ queryKey: ["transactional-email"] });
+    }
+  });
+  const createVersion = useMutation5({
+    mutationFn: async () => http.post(
+      "/core/transactional-email/templates/" + templateDraft.code + "/versions",
+      {
+        ...templateDraft,
+        variablesSchema: parseObject(templateDraft.variablesSchema, "JSON Schema inv\xE1lido."),
+        attachmentsPolicy: { allowed: false }
+      }
+    ),
+    onSuccess: () => {
+      setError("");
+      setNotice("Nova vers\xE3o salva como rascunho. Ela ainda n\xE3o est\xE1 ativa.");
+      setEditingBase(null);
+      setTemplateDraft(EMPTY_DRAFT);
+      setTemplateModalOpen(false);
+      cache.invalidateQueries({ queryKey: ["transactional-email", "templates"] });
+    },
+    onError: (reason) => {
+      setNotice("");
+      setError(errorMessage(reason));
+    }
+  });
+  const activate = useMutation5({
+    mutationFn: async (item) => http.post(
+      "/core/transactional-email/templates/" + item.code + "/versions/" + item.version + "/activate"
+    ),
+    onSuccess: () => {
+      setError("");
+      setNotice("Vers\xE3o ativada manualmente.");
+      cache.invalidateQueries({ queryKey: ["transactional-email", "templates"] });
+    },
+    onError: (reason) => {
+      setNotice("");
+      setError(errorMessage(reason));
+    }
+  });
+  const preview = useMutation5({
+    mutationFn: async (request) => (await http.post(
+      "/core/transactional-email/templates/" + request.code + "/preview",
+      {
+        version: request.version,
+        definition: request.definition,
+        variables: request.variables
+      }
+    )).data,
+    onSuccess: () => {
+      setError("");
+      setNotice("");
+    },
+    onError: (reason) => {
+      setNotice("");
+      setError(errorMessage(reason));
+    }
+  });
+  const testTemplate = useMutation5({
+    mutationFn: async () => {
+      if (!testTarget) throw new Error("Selecione uma vers\xE3o para testar.");
+      return http.post("/core/transactional-email/templates/" + testTarget.code + "/test", {
+        version: testTarget.version,
+        to: templateTest.to,
+        variables: parseObject(templateTest.variables, "JSON de vari\xE1veis inv\xE1lido.")
+      });
+    },
+    onSuccess: () => {
+      setError("");
+      setNotice("Teste da vers\xE3o " + testTarget?.version + " enfileirado sem alterar a vers\xE3o ativa.");
+      cache.invalidateQueries({ queryKey: ["transactional-email", "dispatches"] });
+    },
+    onError: (reason) => {
+      setNotice("");
+      setError(errorMessage(reason));
+    }
+  });
+  const retry = useMutation5({
+    mutationFn: async (id) => http.post("/core/transactional-email/dispatches/" + id + "/retry"),
+    onSuccess: () => cache.invalidateQueries({ queryKey: ["transactional-email", "dispatches"] }),
+    onError: (reason) => setError(errorMessage(reason))
+  });
+  function useAsBase(item) {
+    setEditingBase(item);
+    setManagedTemplateCode(item.code);
+    setTemplateDraft({
+      code: item.code,
+      name: item.name,
+      subject: item.subject,
+      htmlContent: item.htmlContent,
+      textContent: item.textContent,
+      variablesSchema: JSON.stringify(item.variablesSchema || {}, null, 2),
+      locale: item.locale || "pt-BR"
+    });
+    setPreviewVariables(sampleVariables(item.variablesSchema));
+    setPreviewTarget(null);
+    preview.reset();
+    setTemplateModalTab("content");
+    setTemplateModalOpen(true);
+    setNotice("Vers\xE3o " + item.version + " carregada como base. Ao salvar, uma nova vers\xE3o em rascunho ser\xE1 criada.");
     setError("");
-    cache.invalidateQueries({ queryKey: ["transactional-email"] });
-  }, onError: (reason) => setError(errorMessage(reason)) });
-  const retry = useMutation5({ mutationFn: async (id) => http.post(`/core/transactional-email/dispatches/${id}/retry`), onSuccess: () => cache.invalidateQueries({ queryKey: ["transactional-email", "dispatches"] }), onError: (reason) => setError(errorMessage(reason)) });
-  const createVersion = useMutation5({ mutationFn: async () => http.post(`/core/transactional-email/templates/${templateDraft.code}/versions`, { ...templateDraft, variablesSchema: JSON.parse(templateDraft.variablesSchema), attachmentsPolicy: { allowed: false } }), onSuccess: () => {
+  }
+  function openNewTemplate() {
+    setManagedTemplateCode("");
+    setEditingBase(null);
+    setTemplateDraft(EMPTY_DRAFT);
+    setPreviewTarget(null);
+    setTestTarget(null);
+    setPreviewVariables("{}");
+    setTemplateTest({ to: config?.senderEmail || "", variables: "{}" });
+    preview.reset();
     setError("");
-    cache.invalidateQueries({ queryKey: ["transactional-email", "templates"] });
-  }, onError: (reason) => setError(errorMessage(reason)) });
-  const activate = useMutation5({ mutationFn: async (item) => http.post(`/core/transactional-email/templates/${item.code}/versions/${item.version}/activate`), onSuccess: () => cache.invalidateQueries({ queryKey: ["transactional-email", "templates"] }), onError: (reason) => setError(errorMessage(reason)) });
-  const testTemplate = useMutation5({ mutationFn: async () => http.post(`/core/transactional-email/templates/${templateTest.code}/test`, { to: templateTest.to, variables: JSON.parse(templateTest.variables) }), onSuccess: () => {
+    setNotice("");
+    setTemplateModalTab("content");
+    setTemplateModalOpen(true);
+  }
+  function manageTemplate(code) {
+    const versions = (templates.data || []).filter((item) => item.code === code);
+    const target = versions.find((item) => item.status === "active") || versions[0] || null;
+    setManagedTemplateCode(code);
+    setEditingBase(null);
+    setTemplateDraft(EMPTY_DRAFT);
+    setPreviewTarget(target);
+    setTestTarget(target);
+    setPreviewVariables(sampleVariables(target?.variablesSchema));
+    setTemplateTest({
+      to: config?.senderEmail || "",
+      variables: sampleVariables(target?.variablesSchema)
+    });
+    preview.reset();
     setError("");
-    cache.invalidateQueries({ queryKey: ["transactional-email", "dispatches"] });
-  }, onError: (reason) => setError(errorMessage(reason)) });
-  const config = configuration.data;
+    setNotice("");
+    setTemplateModalTab("versions");
+    setTemplateModalOpen(true);
+  }
+  function closeTemplateModal() {
+    setTemplateModalOpen(false);
+    setError("");
+    preview.reset();
+  }
+  function selectPreview(item) {
+    setManagedTemplateCode(item.code);
+    setPreviewTarget(item);
+    setPreviewVariables(sampleVariables(item.variablesSchema));
+    preview.reset();
+    setTemplateModalTab("preview");
+    setTemplateModalOpen(true);
+    setError("");
+    setNotice("");
+  }
+  function renderSavedPreview() {
+    if (!previewTarget) return;
+    try {
+      preview.mutate({
+        code: previewTarget.code,
+        version: previewTarget.version,
+        variables: parseObject(previewVariables, "JSON de vari\xE1veis inv\xE1lido.")
+      });
+    } catch (reason) {
+      setError(errorMessage(reason));
+    }
+  }
+  function renderDraftPreview() {
+    try {
+      const variablesSchema = parseObject(templateDraft.variablesSchema, "JSON Schema inv\xE1lido.");
+      preview.mutate({
+        code: templateDraft.code,
+        definition: {
+          ...templateDraft,
+          variablesSchema,
+          attachmentsPolicy: { allowed: false }
+        },
+        variables: parseObject(previewVariables, "JSON de vari\xE1veis inv\xE1lido.")
+      });
+      setPreviewTarget(null);
+    } catch (reason) {
+      setError(errorMessage(reason));
+    }
+  }
+  function selectTest(item) {
+    setManagedTemplateCode(item.code);
+    setTestTarget(item);
+    setTemplateTest((value3) => ({
+      to: value3.to || config?.senderEmail || "",
+      variables: sampleVariables(item.variablesSchema)
+    }));
+    setTemplateModalTab("test");
+    setTemplateModalOpen(true);
+    setError("");
+    setNotice("");
+  }
+  useEffect11(() => {
+    if (!templateModalOpen) return void 0;
+    const previousOverflow = document.body.style.overflow;
+    const onKeyDown = (event) => {
+      if (event.key === "Escape") closeTemplateModal();
+    };
+    document.body.style.overflow = "hidden";
+    document.addEventListener("keydown", onKeyDown);
+    return () => {
+      document.body.style.overflow = previousOverflow;
+      document.removeEventListener("keydown", onKeyDown);
+    };
+  }, [templateModalOpen]);
+  function activateVersion(item) {
+    const confirmed = window.confirm(
+      "Ativar " + item.code + " v" + item.version + "? A vers\xE3o ativa atual ser\xE1 arquivada."
+    );
+    if (confirmed) activate.mutate(item);
+  }
   return /* @__PURE__ */ jsxs23(Stack9, { gap: 5, children: [
     /* @__PURE__ */ jsxs23(Flex15, { justify: "space-between", align: "center", wrap: "wrap", gap: 3, children: [
       /* @__PURE__ */ jsxs23(Box22, { children: [
         /* @__PURE__ */ jsx31(Heading13, { size: "lg", children: "E-mail transacional" }),
-        /* @__PURE__ */ jsx31(Text23, { color: "gray.600", children: "Configura\xE7\xE3o, templates e fila de envio deste App." })
+        /* @__PURE__ */ jsx31(Text23, { color: "gray.600", children: "Configure o remetente, revise vers\xF5es e valide cada envio antes da ativa\xE7\xE3o." })
       ] }),
       /* @__PURE__ */ jsx31(Badge5, { colorPalette: color(health.data?.status), children: health.data?.status || "carregando" })
     ] }),
-    /* @__PURE__ */ jsx31(Flex15, { gap: 2, children: [["config", "Configura\xE7\xE3o"], ["templates", "Templates"], ["dispatches", "Envios"]].map(([id, label]) => /* @__PURE__ */ jsx31(Button16, { size: "sm", variant: tab === id ? "solid" : "outline", onClick: () => setTab(id), children: label }, id)) }),
-    error ? /* @__PURE__ */ jsx31(Box22, { borderWidth: "1px", borderColor: "red.200", bg: "red.50", p: 3, borderRadius: "md", children: /* @__PURE__ */ jsx31(Text23, { color: "red.700", children: error }) }) : null,
-    tab === "config" ? /* @__PURE__ */ jsx31(Box22, { borderWidth: "1px", borderRadius: "lg", p: 5, children: /* @__PURE__ */ jsxs23(Stack9, { gap: 4, children: [
-      /* @__PURE__ */ jsxs23(Flex15, { gap: 2, wrap: "wrap", children: [
-        /* @__PURE__ */ jsx31(Badge5, { colorPalette: config?.credentialConfigured ? "green" : "yellow", children: config?.credentialConfigured ? `Chave ${config.apiKeyMasked}` : "Chave pendente" }),
-        /* @__PURE__ */ jsx31(Badge5, { children: config?.connectionStatus || "n\xE3o testada" })
-      ] }),
-      /* @__PURE__ */ jsx31(Input10, { type: "password", autoComplete: "new-password", placeholder: "Nova API key SendGrid (write-only)", value: draft.apiKey, onChange: (event) => setDraft({ ...draft, apiKey: event.target.value }) }),
-      /* @__PURE__ */ jsx31(Input10, { placeholder: config?.senderEmail || "Remetente", value: draft.senderEmail, onChange: (event) => setDraft({ ...draft, senderEmail: event.target.value }) }),
-      /* @__PURE__ */ jsx31(Input10, { placeholder: config?.senderName || "Nome do remetente", value: draft.senderName, onChange: (event) => setDraft({ ...draft, senderName: event.target.value }) }),
-      /* @__PURE__ */ jsx31(Input10, { placeholder: config?.replyTo || "Reply-to", value: draft.replyTo, onChange: (event) => setDraft({ ...draft, replyTo: event.target.value }) }),
-      /* @__PURE__ */ jsx31(Input10, { placeholder: "Destinat\xE1rio do envio de teste", value: draft.testRecipient, onChange: (event) => setDraft({ ...draft, testRecipient: event.target.value }) }),
-      /* @__PURE__ */ jsx31(Button16, { alignSelf: "start", loading: save.isPending, onClick: () => save.mutate(), children: "Validar e ativar" })
-    ] }) }) : null,
-    tab === "templates" ? /* @__PURE__ */ jsxs23(Stack9, { gap: 4, children: [
-      /* @__PURE__ */ jsxs23(Box22, { borderWidth: "1px", borderRadius: "lg", p: 5, children: [
-        /* @__PURE__ */ jsx31(Heading13, { size: "sm", mb: 3, children: "Nova vers\xE3o em rascunho" }),
-        /* @__PURE__ */ jsxs23(Stack9, { gap: 3, children: [
-          /* @__PURE__ */ jsxs23(Flex15, { gap: 3, wrap: "wrap", children: [
-            /* @__PURE__ */ jsx31(Input10, { flex: "1", minW: "180px", placeholder: "C\xF3digo declarado", value: templateDraft.code, onChange: (event) => setTemplateDraft({ ...templateDraft, code: event.target.value }) }),
-            /* @__PURE__ */ jsx31(Input10, { flex: "2", minW: "220px", placeholder: "Nome", value: templateDraft.name, onChange: (event) => setTemplateDraft({ ...templateDraft, name: event.target.value }) })
+    /* @__PURE__ */ jsx31(Flex15, { gap: 2, wrap: "wrap", children: [
+      ["config", "Configura\xE7\xE3o"],
+      ["templates", "Templates"],
+      ["dispatches", "Envios"]
+    ].map(([id, label]) => /* @__PURE__ */ jsx31(Button16, { size: "sm", variant: tab === id ? "solid" : "outline", onClick: () => setTab(id), children: label }, id)) }),
+    error ? /* @__PURE__ */ jsx31(Box22, { role: "alert", borderWidth: "1px", borderColor: "red.200", bg: "red.50", p: 3, borderRadius: "md", children: /* @__PURE__ */ jsx31(Text23, { color: "red.700", children: error }) }) : null,
+    notice ? /* @__PURE__ */ jsx31(Box22, { role: "status", borderWidth: "1px", borderColor: "green.200", bg: "green.50", p: 3, borderRadius: "md", children: /* @__PURE__ */ jsx31(Text23, { color: "green.800", children: notice }) }) : null,
+    tab === "config" ? /* @__PURE__ */ jsxs23(Stack9, { gap: 4, children: [
+      /* @__PURE__ */ jsxs23(Box22, { borderWidth: "1px", borderRadius: "lg", p: { base: 4, md: 5 }, children: [
+        /* @__PURE__ */ jsxs23(Flex15, { justify: "space-between", align: "start", gap: 3, wrap: "wrap", mb: 5, children: [
+          /* @__PURE__ */ jsxs23(Box22, { children: [
+            /* @__PURE__ */ jsx31(Heading13, { size: "sm", children: "Remetente e credencial" }),
+            /* @__PURE__ */ jsx31(Text23, { fontSize: "sm", color: "gray.600", children: "Altere os dados abaixo sem informar novamente a API key j\xE1 protegida." })
           ] }),
-          /* @__PURE__ */ jsx31(Input10, { placeholder: "Assunto Handlebars", value: templateDraft.subject, onChange: (event) => setTemplateDraft({ ...templateDraft, subject: event.target.value }) }),
-          /* @__PURE__ */ jsx31(Textarea3, { placeholder: "HTML", value: templateDraft.htmlContent, onChange: (event) => setTemplateDraft({ ...templateDraft, htmlContent: event.target.value }) }),
-          /* @__PURE__ */ jsx31(Textarea3, { placeholder: "Texto simples", value: templateDraft.textContent, onChange: (event) => setTemplateDraft({ ...templateDraft, textContent: event.target.value }) }),
-          /* @__PURE__ */ jsx31(Textarea3, { "aria-label": "JSON Schema das vari\xE1veis", value: templateDraft.variablesSchema, onChange: (event) => setTemplateDraft({ ...templateDraft, variablesSchema: event.target.value }) }),
-          /* @__PURE__ */ jsx31(Button16, { alignSelf: "start", loading: createVersion.isPending, onClick: () => {
-            try {
-              JSON.parse(templateDraft.variablesSchema);
-              createVersion.mutate();
-            } catch {
-              setError("JSON Schema inv\xE1lido.");
+          /* @__PURE__ */ jsxs23(Flex15, { gap: 2, wrap: "wrap", children: [
+            /* @__PURE__ */ jsx31(Badge5, { colorPalette: config?.credentialConfigured ? "green" : "yellow", children: config?.credentialConfigured ? "Chave " + config.apiKeyMasked : "Chave pendente" }),
+            /* @__PURE__ */ jsx31(Badge5, { colorPalette: color(config?.connectionStatus), children: config?.connectionStatus || "n\xE3o testada" })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxs23(Stack9, { gap: 4, children: [
+          /* @__PURE__ */ jsxs23(Box22, { children: [
+            /* @__PURE__ */ jsx31("label", { htmlFor: "transactional-sender-email", style: { fontSize: "0.875rem", fontWeight: 600 }, children: "E-mail do remetente" }),
+            /* @__PURE__ */ jsx31(
+              Input10,
+              {
+                id: "transactional-sender-email",
+                type: "email",
+                mt: 1,
+                value: configurationDraft.senderEmail,
+                onChange: (event) => setConfigurationDraft({ ...configurationDraft, senderEmail: event.target.value })
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxs23(Box22, { children: [
+            /* @__PURE__ */ jsx31("label", { htmlFor: "transactional-sender-name", style: { fontSize: "0.875rem", fontWeight: 600 }, children: "Nome do remetente" }),
+            /* @__PURE__ */ jsx31(
+              Input10,
+              {
+                id: "transactional-sender-name",
+                mt: 1,
+                value: configurationDraft.senderName,
+                onChange: (event) => setConfigurationDraft({ ...configurationDraft, senderName: event.target.value })
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxs23(Box22, { children: [
+            /* @__PURE__ */ jsx31("label", { htmlFor: "transactional-reply-to", style: { fontSize: "0.875rem", fontWeight: 600 }, children: "Responder para" }),
+            /* @__PURE__ */ jsx31(
+              Input10,
+              {
+                id: "transactional-reply-to",
+                type: "email",
+                mt: 1,
+                placeholder: "Opcional",
+                value: configurationDraft.replyTo,
+                onChange: (event) => setConfigurationDraft({ ...configurationDraft, replyTo: event.target.value })
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxs23(Box22, { borderWidth: "1px", borderRadius: "md", p: 4, bg: "gray.50", children: [
+            /* @__PURE__ */ jsx31("label", { htmlFor: "transactional-api-key", style: { fontSize: "0.875rem", fontWeight: 600 }, children: "Trocar API key" }),
+            /* @__PURE__ */ jsx31(Text23, { fontSize: "xs", color: "gray.600", mb: 2, children: "Deixe em branco para manter a chave atual. O valor nunca ser\xE1 exibido depois de salvo." }),
+            /* @__PURE__ */ jsx31(
+              Input10,
+              {
+                id: "transactional-api-key",
+                type: "password",
+                autoComplete: "new-password",
+                placeholder: "Nova API key SendGrid",
+                bg: "white",
+                value: configurationDraft.apiKey,
+                onChange: (event) => setConfigurationDraft({ ...configurationDraft, apiKey: event.target.value })
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsx31(
+            Button16,
+            {
+              alignSelf: "start",
+              loading: saveConfiguration.isPending,
+              onClick: () => saveConfiguration.mutate(),
+              children: "Salvar altera\xE7\xF5es"
             }
-          }, children: "Salvar rascunho" })
+          )
         ] })
       ] }),
-      templates.data?.map((item) => /* @__PURE__ */ jsxs23(Box22, { borderWidth: "1px", borderRadius: "lg", p: 4, children: [
-        /* @__PURE__ */ jsxs23(Flex15, { justify: "space-between", gap: 3, children: [
-          /* @__PURE__ */ jsxs23(Box22, { children: [
-            /* @__PURE__ */ jsx31(Text23, { fontWeight: "semibold", children: item.name }),
-            /* @__PURE__ */ jsxs23(Text23, { fontSize: "sm", color: "gray.600", children: [
-              item.code,
-              " \xB7 vers\xE3o ",
-              item.version,
-              " \xB7 origem ",
-              item.origin
-            ] })
+      /* @__PURE__ */ jsxs23(Box22, { borderWidth: "1px", borderRadius: "lg", p: { base: 4, md: 5 }, children: [
+        /* @__PURE__ */ jsx31(Heading13, { size: "sm", children: "Teste de entrega" }),
+        /* @__PURE__ */ jsx31(Text23, { fontSize: "sm", color: "gray.600", mb: 4, children: "Refa\xE7a o teste com a chave e o remetente atualmente salvos." }),
+        /* @__PURE__ */ jsxs23(Flex15, { gap: 3, align: "end", wrap: "wrap", children: [
+          /* @__PURE__ */ jsxs23(Box22, { flex: "1", minW: "240px", children: [
+            /* @__PURE__ */ jsx31("label", { htmlFor: "transactional-test-recipient", style: { fontSize: "0.875rem", fontWeight: 600 }, children: "Destinat\xE1rio do teste" }),
+            /* @__PURE__ */ jsx31(
+              Input10,
+              {
+                id: "transactional-test-recipient",
+                type: "email",
+                mt: 1,
+                value: configurationTestRecipient,
+                onChange: (event) => setConfigurationTestRecipient(event.target.value)
+              }
+            )
           ] }),
-          /* @__PURE__ */ jsxs23(Stack9, { align: "end", children: [
-            /* @__PURE__ */ jsx31(Badge5, { colorPalette: color(item.status), children: item.status }),
-            item.status !== "active" ? /* @__PURE__ */ jsx31(Button16, { size: "xs", loading: activate.isPending, onClick: () => activate.mutate(item), children: item.status === "archived" ? "Reverter para esta vers\xE3o" : "Ativar" }) : null
-          ] })
-        ] }),
-        /* @__PURE__ */ jsx31(Text23, { mt: 2, fontSize: "sm", children: item.subject })
-      ] }, item._id)),
-      !templates.isLoading && !templates.data?.length ? /* @__PURE__ */ jsx31(Text23, { children: "Nenhum template declarado." }) : null,
-      /* @__PURE__ */ jsxs23(Box22, { borderWidth: "1px", borderRadius: "lg", p: 5, children: [
-        /* @__PURE__ */ jsx31(Heading13, { size: "sm", mb: 3, children: "Envio de teste" }),
-        /* @__PURE__ */ jsxs23(Stack9, { gap: 3, children: [
-          /* @__PURE__ */ jsx31(Input10, { placeholder: "C\xF3digo do template ativo", value: templateTest.code, onChange: (event) => setTemplateTest({ ...templateTest, code: event.target.value }) }),
-          /* @__PURE__ */ jsx31(Input10, { type: "email", placeholder: "Destinat\xE1rio", value: templateTest.to, onChange: (event) => setTemplateTest({ ...templateTest, to: event.target.value }) }),
-          /* @__PURE__ */ jsx31(Textarea3, { "aria-label": "Vari\xE1veis do teste", value: templateTest.variables, onChange: (event) => setTemplateTest({ ...templateTest, variables: event.target.value }) }),
-          /* @__PURE__ */ jsx31(Button16, { alignSelf: "start", loading: testTemplate.isPending, onClick: () => {
-            try {
-              JSON.parse(templateTest.variables);
-              testTemplate.mutate();
-            } catch {
-              setError("JSON de vari\xE1veis inv\xE1lido.");
+          /* @__PURE__ */ jsx31(
+            Button16,
+            {
+              variant: "outline",
+              loading: testConfiguration.isPending,
+              disabled: !config?.credentialConfigured,
+              onClick: () => testConfiguration.mutate(),
+              children: "Enviar novo teste"
             }
-          }, children: "Enfileirar teste" })
+          )
+        ] }),
+        /* @__PURE__ */ jsxs23(Text23, { mt: 3, fontSize: "xs", color: "gray.600", children: [
+          "\xDAltimo teste: ",
+          prettyDate(config?.lastTestAt),
+          config?.lastError ? " \xB7 " + config.lastError : ""
         ] })
       ] })
     ] }) : null,
-    tab === "dispatches" ? /* @__PURE__ */ jsx31(Stack9, { gap: 3, children: dispatches.data?.map((item) => /* @__PURE__ */ jsx31(Box22, { borderWidth: "1px", borderRadius: "lg", p: 4, children: /* @__PURE__ */ jsxs23(Flex15, { justify: "space-between", gap: 3, align: "start", children: [
-      /* @__PURE__ */ jsxs23(Box22, { children: [
-        /* @__PURE__ */ jsx31(Text23, { fontWeight: "semibold", children: item.templateCode }),
-        /* @__PURE__ */ jsxs23(Text23, { fontSize: "sm", color: "gray.600", children: [
-          item.correlationId,
-          " \xB7 ",
-          item.attempts,
-          " tentativa(s)"
+    tab === "templates" ? /* @__PURE__ */ jsxs23(Box22, { borderWidth: "1px", borderRadius: "lg", p: { base: 4, md: 5 }, children: [
+      /* @__PURE__ */ jsxs23(Flex15, { justify: "space-between", align: "start", gap: 3, wrap: "wrap", mb: 4, children: [
+        /* @__PURE__ */ jsxs23(Box22, { children: [
+          /* @__PURE__ */ jsx31(Heading13, { size: "sm", children: "Templates e vers\xF5es" }),
+          /* @__PURE__ */ jsx31(Text23, { fontSize: "sm", color: "gray.600", children: "Consulte o hist\xF3rico e abra o gerenciamento completo sem sair da lista." })
         ] }),
-        item.lastError?.message ? /* @__PURE__ */ jsxs23(Text23, { color: "red.600", fontSize: "sm", children: [
-          item.lastError.code,
-          ": ",
-          item.lastError.message
-        ] }) : null
+        /* @__PURE__ */ jsx31(Button16, { size: "sm", variant: "outline", onClick: openNewTemplate, children: "Novo template" })
       ] }),
-      /* @__PURE__ */ jsxs23(Stack9, { align: "end", children: [
-        /* @__PURE__ */ jsx31(Badge5, { colorPalette: color(item.status), children: item.status }),
-        item.status === "dead_letter" ? /* @__PURE__ */ jsx31(Button16, { size: "xs", loading: retry.isPending, onClick: () => retry.mutate(item._id), children: "Reprocessar" }) : null
+      /* @__PURE__ */ jsxs23(Stack9, { gap: 4, children: [
+        groupedTemplates.map(([code, versions]) => {
+          const activeVersion = versions.find((item) => item.status === "active");
+          return /* @__PURE__ */ jsxs23(Box22, { borderWidth: "1px", borderRadius: "md", overflow: "hidden", children: [
+            /* @__PURE__ */ jsxs23(
+              Flex15,
+              {
+                px: 4,
+                py: 3,
+                bg: "gray.50",
+                justify: "space-between",
+                align: "center",
+                gap: 3,
+                wrap: "wrap",
+                children: [
+                  /* @__PURE__ */ jsxs23(Box22, { children: [
+                    /* @__PURE__ */ jsx31(Text23, { fontWeight: "bold", children: versions[0]?.name || code }),
+                    /* @__PURE__ */ jsxs23(Text23, { fontSize: "xs", color: "gray.600", children: [
+                      code,
+                      " \xB7 ",
+                      versions.length,
+                      " vers\xE3o(\xF5es)"
+                    ] })
+                  ] }),
+                  /* @__PURE__ */ jsxs23(Flex15, { gap: 2, align: "center", wrap: "wrap", children: [
+                    activeVersion ? /* @__PURE__ */ jsxs23(Badge5, { colorPalette: "green", children: [
+                      "ativa v",
+                      activeVersion.version
+                    ] }) : /* @__PURE__ */ jsx31(Badge5, { colorPalette: "yellow", children: "sem vers\xE3o ativa" }),
+                    /* @__PURE__ */ jsx31(Button16, { size: "sm", onClick: () => manageTemplate(code), children: "Gerenciar" })
+                  ] })
+                ]
+              }
+            ),
+            /* @__PURE__ */ jsx31(Stack9, { gap: 0, children: versions.map((item) => /* @__PURE__ */ jsxs23(
+              Flex15,
+              {
+                px: 4,
+                py: 3,
+                borderTopWidth: "1px",
+                justify: "space-between",
+                align: "center",
+                gap: 3,
+                wrap: "wrap",
+                children: [
+                  /* @__PURE__ */ jsxs23(Box22, { minW: "220px", flex: "1", children: [
+                    /* @__PURE__ */ jsxs23(Flex15, { gap: 2, align: "center", wrap: "wrap", children: [
+                      /* @__PURE__ */ jsxs23(Text23, { fontWeight: "semibold", children: [
+                        "Vers\xE3o ",
+                        item.version
+                      ] }),
+                      /* @__PURE__ */ jsx31(Badge5, { colorPalette: color(item.status), children: item.status }),
+                      /* @__PURE__ */ jsx31(Badge5, { variant: "outline", children: item.origin })
+                    ] }),
+                    /* @__PURE__ */ jsx31(Text23, { mt: 1, fontSize: "sm", color: "gray.700", children: item.subject }),
+                    /* @__PURE__ */ jsx31(Text23, { fontSize: "xs", color: "gray.500", children: prettyDate(item.createdAt) })
+                  ] }),
+                  /* @__PURE__ */ jsx31(Button16, { size: "xs", variant: "outline", onClick: () => selectPreview(item), children: "Abrir vers\xE3o" })
+                ]
+              },
+              item._id
+            )) })
+          ] }, code);
+        }),
+        !templates.isLoading && !templates.data?.length ? /* @__PURE__ */ jsx31(Text23, { children: "Nenhum template declarado." }) : null
       ] })
-    ] }) }, item._id)) }) : null
+    ] }) : null,
+    templateModalOpen ? /* @__PURE__ */ jsx31(
+      Flex15,
+      {
+        position: "fixed",
+        inset: 0,
+        zIndex: 1200,
+        align: "center",
+        justify: "center",
+        p: { base: 2, md: 4 },
+        bg: "rgba(15,23,42,.55)",
+        children: /* @__PURE__ */ jsxs23(
+          Box22,
+          {
+            role: "dialog",
+            "aria-modal": "true",
+            "aria-labelledby": "transactional-template-modal-title",
+            display: "flex",
+            flexDirection: "column",
+            w: "min(1180px, 96vw)",
+            h: "min(900px, 92vh)",
+            maxH: "92vh",
+            overflow: "hidden",
+            bg: "white",
+            borderRadius: "14px",
+            boxShadow: "0 24px 70px rgba(15,23,42,.28)",
+            children: [
+              /* @__PURE__ */ jsxs23(
+                Flex15,
+                {
+                  minH: "72px",
+                  px: { base: 4, md: 5 },
+                  py: 3,
+                  align: "center",
+                  justify: "space-between",
+                  gap: 4,
+                  borderBottomWidth: "1px",
+                  borderColor: "gray.200",
+                  children: [
+                    /* @__PURE__ */ jsxs23(Box22, { minW: 0, children: [
+                      /* @__PURE__ */ jsx31(Text23, { color: "#0474AF", fontSize: "10px", fontWeight: "700", textTransform: "uppercase", children: "Template transacional" }),
+                      /* @__PURE__ */ jsx31(Heading13, { id: "transactional-template-modal-title", size: "md", lineClamp: 1, children: !managedTemplateCode ? "Novo template" : editingBase ? "Nova vers\xE3o de " + editingBase.name : managedTemplate?.name || managedTemplateCode }),
+                      managedTemplateCode ? /* @__PURE__ */ jsxs23(Text23, { fontSize: "xs", color: "gray.600", children: [
+                        managedTemplateCode,
+                        editingBase ? " \xB7 base v" + editingBase.version : ""
+                      ] }) : null
+                    ] }),
+                    /* @__PURE__ */ jsx31(
+                      IconButton3,
+                      {
+                        "aria-label": "Fechar gerenciamento do template",
+                        title: "Fechar",
+                        size: "sm",
+                        minW: "32px",
+                        h: "32px",
+                        borderRadius: "full",
+                        variant: "ghost",
+                        fontSize: "21px",
+                        onClick: closeTemplateModal,
+                        children: "\xD7"
+                      }
+                    )
+                  ]
+                }
+              ),
+              /* @__PURE__ */ jsx31(
+                Flex15,
+                {
+                  flex: "0 0 auto",
+                  gap: 2,
+                  px: { base: 3, md: 5 },
+                  pt: 3,
+                  borderBottomWidth: "1px",
+                  borderColor: "gray.200",
+                  overflowX: "auto",
+                  children: [
+                    ["versions", "Vers\xF5es"],
+                    ["content", "Conte\xFAdo"],
+                    ["variables", "Vari\xE1veis"],
+                    ["preview", "Pr\xE9via"],
+                    ["test", "Teste"]
+                  ].map(([id, label]) => /* @__PURE__ */ jsx31(
+                    Button16,
+                    {
+                      type: "button",
+                      size: "sm",
+                      flex: "0 0 auto",
+                      variant: templateModalTab === id ? "solid" : "ghost",
+                      disabled: id === "versions" && !managedTemplateCode,
+                      onClick: () => {
+                        setTemplateModalTab(id);
+                        setError("");
+                      },
+                      children: label
+                    },
+                    id
+                  ))
+                }
+              ),
+              /* @__PURE__ */ jsxs23(Box22, { flex: "1", minH: 0, overflowY: "auto", p: { base: 4, md: 5 }, children: [
+                error ? /* @__PURE__ */ jsx31(Box22, { role: "alert", mb: 4, borderWidth: "1px", borderColor: "red.200", bg: "red.50", p: 3, borderRadius: "md", children: /* @__PURE__ */ jsx31(Text23, { color: "red.700", children: error }) }) : null,
+                notice ? /* @__PURE__ */ jsx31(Box22, { role: "status", mb: 4, borderWidth: "1px", borderColor: "green.200", bg: "green.50", p: 3, borderRadius: "md", children: /* @__PURE__ */ jsx31(Text23, { color: "green.800", children: notice }) }) : null,
+                templateModalTab === "versions" ? /* @__PURE__ */ jsxs23(Stack9, { gap: 3, children: [
+                  /* @__PURE__ */ jsxs23(Box22, { children: [
+                    /* @__PURE__ */ jsx31(Heading13, { size: "sm", children: "Hist\xF3rico de vers\xF5es" }),
+                    /* @__PURE__ */ jsx31(Text23, { fontSize: "sm", color: "gray.600", children: "Escolha a vers\xE3o que deseja revisar, testar ou usar como base." })
+                  ] }),
+                  managedVersions.map((item) => /* @__PURE__ */ jsx31(Box22, { borderWidth: "1px", borderRadius: "md", p: 4, children: /* @__PURE__ */ jsxs23(Flex15, { justify: "space-between", align: "start", gap: 3, wrap: "wrap", children: [
+                    /* @__PURE__ */ jsxs23(Box22, { flex: "1", minW: "220px", children: [
+                      /* @__PURE__ */ jsxs23(Flex15, { gap: 2, align: "center", wrap: "wrap", children: [
+                        /* @__PURE__ */ jsxs23(Text23, { fontWeight: "bold", children: [
+                          "Vers\xE3o ",
+                          item.version
+                        ] }),
+                        /* @__PURE__ */ jsx31(Badge5, { colorPalette: color(item.status), children: item.status }),
+                        /* @__PURE__ */ jsx31(Badge5, { variant: "outline", children: item.origin })
+                      ] }),
+                      /* @__PURE__ */ jsx31(Text23, { mt: 2, fontSize: "sm", children: item.subject }),
+                      /* @__PURE__ */ jsx31(Text23, { fontSize: "xs", color: "gray.500", children: prettyDate(item.createdAt) })
+                    ] }),
+                    /* @__PURE__ */ jsxs23(Flex15, { gap: 2, wrap: "wrap", children: [
+                      /* @__PURE__ */ jsx31(Button16, { size: "xs", variant: "outline", onClick: () => selectPreview(item), children: "Visualizar" }),
+                      /* @__PURE__ */ jsx31(Button16, { size: "xs", variant: "outline", onClick: () => useAsBase(item), children: "Editar como nova" }),
+                      /* @__PURE__ */ jsx31(Button16, { size: "xs", variant: "outline", onClick: () => selectTest(item), children: "Enviar teste" }),
+                      item.status !== "active" ? /* @__PURE__ */ jsx31(
+                        Button16,
+                        {
+                          size: "xs",
+                          loading: activate.isPending,
+                          onClick: () => activateVersion(item),
+                          children: "Ativar vers\xE3o"
+                        }
+                      ) : null
+                    ] })
+                  ] }) }, item._id))
+                ] }) : null,
+                templateModalTab === "content" ? draftContext ? /* @__PURE__ */ jsxs23(Stack9, { gap: 4, children: [
+                  /* @__PURE__ */ jsxs23(Box22, { children: [
+                    /* @__PURE__ */ jsx31(Heading13, { size: "sm", children: editingBase ? "Nova vers\xE3o a partir da v" + editingBase.version : "Conte\xFAdo do novo template" }),
+                    /* @__PURE__ */ jsx31(Text23, { fontSize: "sm", color: "gray.600", children: "O salvamento cria um rascunho e nunca altera a vers\xE3o ativa." })
+                  ] }),
+                  /* @__PURE__ */ jsxs23(Flex15, { gap: 3, wrap: "wrap", children: [
+                    /* @__PURE__ */ jsxs23(Box22, { flex: "1", minW: "180px", children: [
+                      /* @__PURE__ */ jsx31("label", { htmlFor: "template-code", style: { fontSize: "0.875rem", fontWeight: 600 }, children: "C\xF3digo" }),
+                      /* @__PURE__ */ jsx31(
+                        Input10,
+                        {
+                          id: "template-code",
+                          mt: 1,
+                          disabled: Boolean(editingBase),
+                          value: templateDraft.code,
+                          onChange: (event) => setTemplateDraft({ ...templateDraft, code: event.target.value })
+                        }
+                      )
+                    ] }),
+                    /* @__PURE__ */ jsxs23(Box22, { flex: "2", minW: "220px", children: [
+                      /* @__PURE__ */ jsx31("label", { htmlFor: "template-name", style: { fontSize: "0.875rem", fontWeight: 600 }, children: "Nome" }),
+                      /* @__PURE__ */ jsx31(
+                        Input10,
+                        {
+                          id: "template-name",
+                          mt: 1,
+                          value: templateDraft.name,
+                          onChange: (event) => setTemplateDraft({ ...templateDraft, name: event.target.value })
+                        }
+                      )
+                    ] })
+                  ] }),
+                  /* @__PURE__ */ jsxs23(Box22, { children: [
+                    /* @__PURE__ */ jsx31("label", { htmlFor: "template-subject", style: { fontSize: "0.875rem", fontWeight: 600 }, children: "Assunto Handlebars" }),
+                    /* @__PURE__ */ jsx31(
+                      Input10,
+                      {
+                        id: "template-subject",
+                        mt: 1,
+                        value: templateDraft.subject,
+                        onChange: (event) => setTemplateDraft({ ...templateDraft, subject: event.target.value })
+                      }
+                    )
+                  ] }),
+                  /* @__PURE__ */ jsxs23(Box22, { children: [
+                    /* @__PURE__ */ jsx31("label", { htmlFor: "template-html", style: { fontSize: "0.875rem", fontWeight: 600 }, children: "HTML" }),
+                    /* @__PURE__ */ jsx31(
+                      Textarea3,
+                      {
+                        id: "template-html",
+                        mt: 1,
+                        minH: "280px",
+                        fontFamily: "mono",
+                        value: templateDraft.htmlContent,
+                        onChange: (event) => setTemplateDraft({ ...templateDraft, htmlContent: event.target.value })
+                      }
+                    ),
+                    /* @__PURE__ */ jsx31(Text23, { fontSize: "xs", color: "gray.600", children: "Imagens data:image/*;base64 s\xE3o aceitas; URLs remotas continuam bloqueadas." })
+                  ] }),
+                  /* @__PURE__ */ jsxs23(Box22, { children: [
+                    /* @__PURE__ */ jsx31("label", { htmlFor: "template-text", style: { fontSize: "0.875rem", fontWeight: 600 }, children: "Texto simples" }),
+                    /* @__PURE__ */ jsx31(
+                      Textarea3,
+                      {
+                        id: "template-text",
+                        mt: 1,
+                        minH: "140px",
+                        value: templateDraft.textContent,
+                        onChange: (event) => setTemplateDraft({ ...templateDraft, textContent: event.target.value })
+                      }
+                    )
+                  ] })
+                ] }) : /* @__PURE__ */ jsxs23(Stack9, { gap: 4, align: "start", children: [
+                  /* @__PURE__ */ jsx31(Heading13, { size: "sm", children: "Escolha uma vers\xE3o como base" }),
+                  /* @__PURE__ */ jsx31(Text23, { color: "gray.600", children: "Para proteger o hist\xF3rico, uma vers\xE3o publicada n\xE3o \xE9 alterada diretamente." }),
+                  managedTemplate ? /* @__PURE__ */ jsx31(Button16, { onClick: () => useAsBase(managedTemplate), children: "Editar a vers\xE3o ativa como nova" }) : null
+                ] }) : null,
+                templateModalTab === "variables" ? draftContext ? /* @__PURE__ */ jsxs23(Stack9, { gap: 4, children: [
+                  /* @__PURE__ */ jsxs23(Box22, { children: [
+                    /* @__PURE__ */ jsx31(Heading13, { size: "sm", children: "Contrato de vari\xE1veis" }),
+                    /* @__PURE__ */ jsx31(Text23, { fontSize: "sm", color: "gray.600", children: "Defina os campos aceitos pelo Handlebars. O teste e a pr\xE9via validar\xE3o este schema." })
+                  ] }),
+                  /* @__PURE__ */ jsxs23(Box22, { children: [
+                    /* @__PURE__ */ jsx31("label", { htmlFor: "template-schema", style: { fontSize: "0.875rem", fontWeight: 600 }, children: "JSON Schema" }),
+                    /* @__PURE__ */ jsx31(
+                      Textarea3,
+                      {
+                        id: "template-schema",
+                        mt: 1,
+                        minH: "420px",
+                        fontFamily: "mono",
+                        value: templateDraft.variablesSchema,
+                        onChange: (event) => setTemplateDraft({ ...templateDraft, variablesSchema: event.target.value })
+                      }
+                    )
+                  ] })
+                ] }) : /* @__PURE__ */ jsxs23(Stack9, { gap: 4, align: "start", children: [
+                  /* @__PURE__ */ jsx31(Heading13, { size: "sm", children: "Schema da vers\xE3o selecionada" }),
+                  /* @__PURE__ */ jsx31(Text23, { color: "gray.600", children: "Use a vers\xE3o como base para editar o contrato de vari\xE1veis em um novo rascunho." }),
+                  managedTemplate ? /* @__PURE__ */ jsxs23(Fragment5, { children: [
+                    /* @__PURE__ */ jsx31(Box22, { as: "pre", w: "100%", minH: "280px", overflow: "auto", whiteSpace: "pre-wrap", borderWidth: "1px", borderRadius: "md", p: 4, fontSize: "sm", children: JSON.stringify(managedTemplate.variablesSchema || {}, null, 2) }),
+                    /* @__PURE__ */ jsx31(Button16, { variant: "outline", onClick: () => useAsBase(managedTemplate), children: "Editar como nova vers\xE3o" })
+                  ] }) : null
+                ] }) : null,
+                templateModalTab === "preview" ? /* @__PURE__ */ jsxs23(Stack9, { gap: 4, children: [
+                  /* @__PURE__ */ jsxs23(Box22, { children: [
+                    /* @__PURE__ */ jsx31(Heading13, { size: "sm", children: "Pr\xE9-visualiza\xE7\xE3o" }),
+                    /* @__PURE__ */ jsx31(Text23, { fontSize: "sm", color: "gray.600", children: previewTarget ? previewTarget.code + " \xB7 vers\xE3o " + previewTarget.version : editingBase ? "Rascunho baseado na vers\xE3o " + editingBase.version : "Conte\xFAdo do novo template" })
+                  ] }),
+                  /* @__PURE__ */ jsxs23(Box22, { children: [
+                    /* @__PURE__ */ jsx31("label", { htmlFor: "preview-variables", style: { fontSize: "0.875rem", fontWeight: 600 }, children: "Vari\xE1veis de exemplo" }),
+                    /* @__PURE__ */ jsx31(
+                      Textarea3,
+                      {
+                        id: "preview-variables",
+                        mt: 1,
+                        minH: "140px",
+                        fontFamily: "mono",
+                        value: previewVariables,
+                        onChange: (event) => setPreviewVariables(event.target.value)
+                      }
+                    )
+                  ] }),
+                  /* @__PURE__ */ jsx31(
+                    Button16,
+                    {
+                      alignSelf: "start",
+                      variant: "outline",
+                      loading: preview.isPending,
+                      disabled: !previewTarget && !templateDraft.code,
+                      onClick: previewTarget ? renderSavedPreview : renderDraftPreview,
+                      children: "Atualizar pr\xE9via"
+                    }
+                  ),
+                  preview.data ? /* @__PURE__ */ jsxs23(Stack9, { gap: 3, children: [
+                    /* @__PURE__ */ jsxs23(Box22, { bg: "gray.50", borderWidth: "1px", borderRadius: "md", p: 3, children: [
+                      /* @__PURE__ */ jsx31(Text23, { fontSize: "xs", color: "gray.600", children: "Assunto renderizado" }),
+                      /* @__PURE__ */ jsx31(Text23, { fontWeight: "semibold", children: preview.data.subject })
+                    ] }),
+                    /* @__PURE__ */ jsxs23(Box22, { children: [
+                      /* @__PURE__ */ jsx31(Text23, { fontSize: "sm", fontWeight: "semibold", mb: 1, children: "HTML" }),
+                      /* @__PURE__ */ jsx31(
+                        "iframe",
+                        {
+                          title: "Pr\xE9-visualiza\xE7\xE3o segura do template",
+                          sandbox: "",
+                          srcDoc: preview.data.html,
+                          style: {
+                            width: "100%",
+                            minHeight: 420,
+                            border: "1px solid #E2E8F0",
+                            borderRadius: 8,
+                            background: "white"
+                          }
+                        }
+                      )
+                    ] }),
+                    /* @__PURE__ */ jsxs23(Box22, { children: [
+                      /* @__PURE__ */ jsx31(Text23, { fontSize: "sm", fontWeight: "semibold", mb: 1, children: "Texto simples" }),
+                      /* @__PURE__ */ jsx31(Box22, { as: "pre", whiteSpace: "pre-wrap", borderWidth: "1px", borderRadius: "md", p: 3, fontSize: "sm", children: preview.data.text })
+                    ] })
+                  ] }) : /* @__PURE__ */ jsx31(Text23, { fontSize: "sm", color: "gray.600", children: "Informe vari\xE1veis v\xE1lidas e atualize a pr\xE9via." })
+                ] }) : null,
+                templateModalTab === "test" ? /* @__PURE__ */ jsxs23(Stack9, { gap: 4, children: [
+                  /* @__PURE__ */ jsxs23(Box22, { children: [
+                    /* @__PURE__ */ jsx31(Heading13, { size: "sm", children: "Envio de teste" }),
+                    /* @__PURE__ */ jsx31(Text23, { fontSize: "sm", color: "gray.600", children: testTarget ? testTarget.code + " \xB7 vers\xE3o " + testTarget.version + " \xB7 " + testTarget.status : "Selecione uma vers\xE3o salva antes de enviar o teste." })
+                  ] }),
+                  testTarget ? /* @__PURE__ */ jsxs23(Fragment5, { children: [
+                    /* @__PURE__ */ jsxs23(Box22, { children: [
+                      /* @__PURE__ */ jsx31("label", { htmlFor: "template-test-recipient", style: { fontSize: "0.875rem", fontWeight: 600 }, children: "Destinat\xE1rio" }),
+                      /* @__PURE__ */ jsx31(
+                        Input10,
+                        {
+                          id: "template-test-recipient",
+                          type: "email",
+                          mt: 1,
+                          value: templateTest.to,
+                          onChange: (event) => setTemplateTest({ ...templateTest, to: event.target.value })
+                        }
+                      )
+                    ] }),
+                    /* @__PURE__ */ jsxs23(Box22, { children: [
+                      /* @__PURE__ */ jsx31("label", { htmlFor: "template-test-variables", style: { fontSize: "0.875rem", fontWeight: 600 }, children: "Vari\xE1veis" }),
+                      /* @__PURE__ */ jsx31(
+                        Textarea3,
+                        {
+                          id: "template-test-variables",
+                          mt: 1,
+                          minH: "260px",
+                          fontFamily: "mono",
+                          value: templateTest.variables,
+                          onChange: (event) => setTemplateTest({ ...templateTest, variables: event.target.value })
+                        }
+                      )
+                    ] }),
+                    /* @__PURE__ */ jsx31(
+                      Button16,
+                      {
+                        alignSelf: "start",
+                        loading: testTemplate.isPending,
+                        onClick: () => {
+                          try {
+                            parseObject(templateTest.variables, "JSON de vari\xE1veis inv\xE1lido.");
+                            testTemplate.mutate();
+                          } catch (reason) {
+                            setError(errorMessage(reason));
+                          }
+                        },
+                        children: "Enfileirar teste desta vers\xE3o"
+                      }
+                    )
+                  ] }) : null
+                ] }) : null
+              ] }),
+              /* @__PURE__ */ jsxs23(
+                Flex15,
+                {
+                  flex: "0 0 auto",
+                  minH: "64px",
+                  px: { base: 4, md: 5 },
+                  py: 3,
+                  align: "center",
+                  justify: "space-between",
+                  gap: 3,
+                  borderTopWidth: "1px",
+                  borderColor: "gray.200",
+                  boxShadow: "0 -8px 24px rgba(15,23,42,.05)",
+                  children: [
+                    /* @__PURE__ */ jsx31(Text23, { fontSize: "xs", color: "gray.600", children: "Nenhuma altera\xE7\xE3o \xE9 publicada automaticamente." }),
+                    /* @__PURE__ */ jsxs23(Flex15, { gap: 2, children: [
+                      /* @__PURE__ */ jsx31(Button16, { variant: "ghost", onClick: closeTemplateModal, children: "Fechar" }),
+                      draftContext && ["content", "variables"].includes(templateModalTab) ? /* @__PURE__ */ jsx31(
+                        Button16,
+                        {
+                          loading: createVersion.isPending,
+                          disabled: !templateDraft.code,
+                          onClick: () => {
+                            try {
+                              parseObject(templateDraft.variablesSchema, "JSON Schema inv\xE1lido.");
+                              createVersion.mutate();
+                            } catch (reason) {
+                              setError(errorMessage(reason));
+                            }
+                          },
+                          children: "Salvar nova vers\xE3o"
+                        }
+                      ) : null
+                    ] })
+                  ]
+                }
+              )
+            ]
+          }
+        )
+      }
+    ) : null,
+    tab === "dispatches" ? /* @__PURE__ */ jsxs23(Stack9, { gap: 3, children: [
+      /* @__PURE__ */ jsxs23(Flex15, { justify: "space-between", align: "center", gap: 3, wrap: "wrap", children: [
+        /* @__PURE__ */ jsxs23(Box22, { children: [
+          /* @__PURE__ */ jsx31(Heading13, { size: "sm", children: "Envios recentes" }),
+          /* @__PURE__ */ jsx31(Text23, { fontSize: "sm", color: "gray.600", children: "A lista \xE9 atualizada automaticamente a cada 10 segundos." })
+        ] }),
+        /* @__PURE__ */ jsx31(Button16, { size: "sm", variant: "outline", onClick: () => dispatches.refetch(), children: "Atualizar agora" })
+      ] }),
+      dispatches.data?.map((item) => /* @__PURE__ */ jsx31(Box22, { borderWidth: "1px", borderRadius: "lg", p: 4, children: /* @__PURE__ */ jsxs23(Flex15, { justify: "space-between", gap: 3, align: "start", wrap: "wrap", children: [
+        /* @__PURE__ */ jsxs23(Box22, { children: [
+          /* @__PURE__ */ jsxs23(Text23, { fontWeight: "semibold", children: [
+            item.templateCode,
+            item.templateVersion ? " \xB7 vers\xE3o " + item.templateVersion : ""
+          ] }),
+          /* @__PURE__ */ jsxs23(Text23, { fontSize: "sm", color: "gray.600", children: [
+            item.correlationId,
+            " \xB7 ",
+            item.attempts,
+            " tentativa(s) \xB7 ",
+            prettyDate(item.createdAt)
+          ] }),
+          item.lastError?.message ? /* @__PURE__ */ jsxs23(Text23, { color: "red.600", fontSize: "sm", children: [
+            item.lastError.code,
+            ": ",
+            item.lastError.message
+          ] }) : null
+        ] }),
+        /* @__PURE__ */ jsxs23(Stack9, { align: "end", children: [
+          /* @__PURE__ */ jsx31(Badge5, { colorPalette: color(item.status), children: item.status }),
+          item.status === "dead_letter" ? /* @__PURE__ */ jsx31(Button16, { size: "xs", loading: retry.isPending, onClick: () => retry.mutate(item._id), children: "Reprocessar" }) : null
+        ] })
+      ] }) }, item._id)),
+      !dispatches.isLoading && !dispatches.data?.length ? /* @__PURE__ */ jsx31(Text23, { children: "Nenhum envio recente." }) : null
+    ] }) : null
   ] });
 }
 
@@ -5545,7 +6396,7 @@ function Sidebar({ app, menu, registry }) {
 // package.json
 var package_default = {
   name: "@oondemand/oon-core-front",
-  version: "0.4.28",
+  version: "0.4.30",
   repository: {
     type: "git",
     url: "git+https://github.com/oondemand/oon-platform.git",
@@ -5970,7 +6821,7 @@ function AccessDeniedPage({ app }) {
 
 // src/security/AppAccessGuard.tsx
 import { Navigate, useLocation as useLocation3 } from "react-router-dom";
-import { Fragment as Fragment5, jsx as jsx37 } from "react/jsx-runtime";
+import { Fragment as Fragment6, jsx as jsx37 } from "react/jsx-runtime";
 function loginRedirect(pathname, search) {
   const destination = `${pathname}${search}`;
   return `/login?redirect=${encodeURIComponent(destination)}`;
@@ -5996,7 +6847,7 @@ function AppAccessGuard({ children }) {
       }
     );
   }
-  return /* @__PURE__ */ jsx37(Fragment5, { children });
+  return /* @__PURE__ */ jsx37(Fragment6, { children });
 }
 
 // src/security/LoginPage.tsx
@@ -6178,9 +7029,9 @@ function FirstAccessPage() {
 }
 
 // src/security/ActivationPage.tsx
-import { useEffect as useEffect11, useState as useState22 } from "react";
+import { useEffect as useEffect12, useState as useState22 } from "react";
 import { Box as Box28, Button as Button21, Heading as Heading17, Input as Input13, Text as Text29, VStack as VStack7 } from "@chakra-ui/react";
-import { Fragment as Fragment6, jsx as jsx40, jsxs as jsxs29 } from "react/jsx-runtime";
+import { Fragment as Fragment7, jsx as jsx40, jsxs as jsxs29 } from "react/jsx-runtime";
 function encodeBasicCredentials2(email, password) {
   const bytes = new TextEncoder().encode(`${email}:${password}`);
   let binary = "";
@@ -6205,7 +7056,7 @@ function ActivationPage() {
   const [devResult, setDevResult] = useState22(null);
   const [error, setError] = useState22(null);
   const [submitting, setSubmitting] = useState22(false);
-  useEffect11(() => {
+  useEffect12(() => {
     http.get("/ativacao/configuracao").then((response) => {
       setConfig(response.data);
       setGlobal(response.data.defaults || {});
@@ -6213,7 +7064,7 @@ function ActivationPage() {
       () => setError("N\xE3o foi poss\xEDvel carregar a configura\xE7\xE3o de ativa\xE7\xE3o.")
     );
   }, [http]);
-  useEffect11(() => {
+  useEffect12(() => {
     if (activation.status === "active") {
       window.location.replace("/login");
     }
@@ -6335,7 +7186,7 @@ function ActivationPage() {
     ] }, field.name);
   }
   function renderDevLocalActivation() {
-    return /* @__PURE__ */ jsxs29(Fragment6, { children: [
+    return /* @__PURE__ */ jsxs29(Fragment7, { children: [
       /* @__PURE__ */ jsx40(Text29, { color: "gray.700", children: "Entre com seu e-mail e senha para ativar esta Central em ambiente de desenvolvimento. Se o e-mail ainda n\xE3o existir na Central de Ativa\xE7\xF5es, o usu\xE1rio ser\xE1 criado automaticamente com perfil de desenvolvedor." }),
       /* @__PURE__ */ jsxs29(Box28, { w: "100%", children: [
         /* @__PURE__ */ jsx40(Text29, { fontWeight: "medium", children: "Nome do usu\xE1rio" }),
@@ -6439,7 +7290,7 @@ function ActivationPage() {
             config.technical.ambiente
           ] }),
           error ? /* @__PURE__ */ jsx40(Text29, { color: "red.600", children: error }) : null,
-          step !== 6 ? /* @__PURE__ */ jsxs29(Fragment6, { children: [
+          step !== 6 ? /* @__PURE__ */ jsxs29(Fragment7, { children: [
             /* @__PURE__ */ jsxs29(Box28, { w: "100%", children: [
               /* @__PURE__ */ jsx40(Text29, { fontWeight: "medium", children: "E-mail do administrador *" }),
               /* @__PURE__ */ jsx40(
@@ -6477,7 +7328,7 @@ function ActivationPage() {
                 children: "Criar ecossistema e ativar"
               }
             )
-          ] }) : /* @__PURE__ */ jsxs29(Fragment6, { children: [
+          ] }) : /* @__PURE__ */ jsxs29(Fragment7, { children: [
             /* @__PURE__ */ jsx40(Heading17, { size: "md", children: "Ativa\xE7\xE3o conclu\xEDda" }),
             /* @__PURE__ */ jsx40(Text29, { children: "Usu\xE1rio, acesso do sistema e aplicativo root foram preparados. Redirecionando para o primeiro login..." })
           ] })
@@ -6509,7 +7360,7 @@ function ActivationPage() {
         ] }),
         error ? /* @__PURE__ */ jsx40(Text29, { color: "red.600", children: error }) : null,
         step === 1 && isDevelopmentMember && !showCodeFlow ? renderDevLocalActivation() : null,
-        step === 1 && (!isDevelopmentMember || showCodeFlow) && /* @__PURE__ */ jsxs29(Fragment6, { children: [
+        step === 1 && (!isDevelopmentMember || showCodeFlow) && /* @__PURE__ */ jsxs29(Fragment7, { children: [
           /* @__PURE__ */ jsx40(Text29, { children: "Informe o c\xF3digo de ativa\xE7\xE3o para validar Tenant, App, Entitlement e Deployment. A licen\xE7a ser\xE1 validada somente para Apps comerciais." }),
           /* @__PURE__ */ jsx40(
             Input13,
@@ -6539,22 +7390,22 @@ function ActivationPage() {
             }
           ) : null
         ] }),
-        step === 2 && /* @__PURE__ */ jsxs29(Fragment6, { children: [
+        step === 2 && /* @__PURE__ */ jsxs29(Fragment7, { children: [
           /* @__PURE__ */ jsx40(Heading17, { size: "md", children: "Confirma\xE7\xE3o" }),
           /* @__PURE__ */ jsx40("pre", { children: JSON.stringify(preview, null, 2) }),
           /* @__PURE__ */ jsx40(Button21, { onClick: () => setStep(3), children: "Continuar" })
         ] }),
-        step === 3 && /* @__PURE__ */ jsxs29(Fragment6, { children: [
+        step === 3 && /* @__PURE__ */ jsxs29(Fragment7, { children: [
           config.globalFields.map(
             (field) => renderField(field, global, setGlobal)
           ),
           /* @__PURE__ */ jsx40(Button21, { onClick: () => setStep(4), children: "Continuar" })
         ] }),
-        step === 4 && /* @__PURE__ */ jsxs29(Fragment6, { children: [
+        step === 4 && /* @__PURE__ */ jsxs29(Fragment7, { children: [
           config.appFields.length ? config.appFields.map((field) => renderField(field, app, setApp)) : /* @__PURE__ */ jsx40(Text29, { children: "Nenhum par\xE2metro adicional declarado." }),
           /* @__PURE__ */ jsx40(Button21, { onClick: () => setStep(5), children: "Revisar" })
         ] }),
-        step === 5 && /* @__PURE__ */ jsxs29(Fragment6, { children: [
+        step === 5 && /* @__PURE__ */ jsxs29(Fragment7, { children: [
           /* @__PURE__ */ jsx40(Text29, { children: "Ao confirmar, o c\xF3digo ser\xE1 consumido e este runtime ser\xE1 vinculado ao Deployment do Ecossistema Oon." }),
           /* @__PURE__ */ jsx40(
             Button21,
@@ -6567,7 +7418,7 @@ function ActivationPage() {
             }
           )
         ] }),
-        step === 6 && /* @__PURE__ */ jsxs29(Fragment6, { children: [
+        step === 6 && /* @__PURE__ */ jsxs29(Fragment7, { children: [
           /* @__PURE__ */ jsx40(Heading17, { size: "md", children: "Ativa\xE7\xE3o conclu\xEDda" }),
           devResult?.appCode ? /* @__PURE__ */ jsxs29(Text29, { children: [
             "C\xF3digo do app: ",
@@ -6591,7 +7442,7 @@ function InstanceBlockedPage({
 }
 
 // src/security/RouteGuard.tsx
-import { Fragment as Fragment7, jsx as jsx41 } from "react/jsx-runtime";
+import { Fragment as Fragment8, jsx as jsx41 } from "react/jsx-runtime";
 function RouteGuard({
   permission,
   children
@@ -6602,7 +7453,7 @@ function RouteGuard({
   if (!hasPermission(permission)) {
     return /* @__PURE__ */ jsx41(LoadingScreen, { message: "Voc\xEA n\xE3o tem acesso a esta tela." });
   }
-  return /* @__PURE__ */ jsx41(Fragment7, { children });
+  return /* @__PURE__ */ jsx41(Fragment8, { children });
 }
 
 // src/security/ActivationGuard.tsx
@@ -6687,7 +7538,7 @@ function localLoginUrl() {
   return `/login?redirect=${encodeURIComponent(current)}`;
 }
 function OonApp({ config }) {
-  const { http, storage, tenantStorage, router } = useMemo11(() => {
+  const { http, storage, tenantStorage, router } = useMemo12(() => {
     const storage2 = createTokenStorage(config.app.id);
     const tenantStorage2 = createTenantStorage(config.app.id);
     const externalLoginUrl = config.auth?.loginUrl ?? config.api.meusAppsUrl;
@@ -6977,7 +7828,7 @@ function startFromManifest(manifest, runtime) {
 import { Stack as Stack16 } from "@chakra-ui/react";
 
 // src/components/CoreIntegration.tsx
-import { useEffect as useEffect12, useState as useState23 } from "react";
+import { useEffect as useEffect13, useState as useState23 } from "react";
 import { Badge as Badge6, Box as Box29, Button as Button22, Flex as Flex21, Heading as Heading18, Input as Input14, Stack as Stack11, Text as Text30 } from "@chakra-ui/react";
 import { useMutation as useMutation6, useQuery as useQuery12 } from "@tanstack/react-query";
 import { jsx as jsx46, jsxs as jsxs30 } from "react/jsx-runtime";
@@ -7161,7 +8012,7 @@ function ProviderConfigurationPanel({ provider }) {
     queryFn: async () => (await http.get(`/integrations/providers/${provider.key}/mappings`)).data
   });
   const selected = (configuration.data ?? []).find((item) => item.instanceId === draft.instanceId);
-  useEffect12(() => {
+  useEffect13(() => {
     if (!selected) return;
     setDraft((current) => ({
       ...current,
@@ -7628,7 +8479,7 @@ function CoreIntegrationMappings() {
 }
 
 // src/components/CoreIntegrationTickets.tsx
-import { useEffect as useEffect13, useMemo as useMemo12, useState as useState24 } from "react";
+import { useEffect as useEffect14, useMemo as useMemo13, useState as useState24 } from "react";
 import { Badge as Badge8, Box as Box31, Button as Button23, Flex as Flex23, Heading as Heading20, Input as Input15, Stack as Stack13, Text as Text32 } from "@chakra-ui/react";
 import { useMutation as useMutation7, useQuery as useQuery14 } from "@tanstack/react-query";
 import { jsx as jsx48, jsxs as jsxs32 } from "react/jsx-runtime";
@@ -7861,7 +8712,7 @@ function CoreIntegrationTickets({ provider = "omie" }) {
   const [page, setPage] = useState24(1);
   const [expandedId, setExpandedId] = useState24(null);
   const limit = view === "board" ? 200 : 25;
-  useEffect13(() => {
+  useEffect14(() => {
     const timeout = window.setTimeout(() => {
       setSearch(searchInput.trim());
       setPage(1);
@@ -7904,12 +8755,12 @@ function CoreIntegrationTickets({ provider = "omie" }) {
       await queue.refetch();
     }
   });
-  useEffect13(() => {
+  useEffect14(() => {
     const totalPages2 = queue.data?.pagination?.totalPages ?? 1;
     if (page > totalPages2) setPage(Math.max(1, totalPages2));
   }, [page, queue.data?.pagination?.totalPages]);
   const tickets = queue.data?.results ?? [];
-  const grouped = useMemo12(() => Object.fromEntries(
+  const grouped = useMemo13(() => Object.fromEntries(
     TICKET_STATUSES.map((ticketStatus) => [ticketStatus, tickets.filter((ticket) => ticket.status === ticketStatus)])
   ), [tickets]);
   if (queue.isLoading) return /* @__PURE__ */ jsx48(LoadingScreen, {});
@@ -8124,7 +8975,7 @@ import { useState as useState26 } from "react";
 import { Button as Button25, Flex as Flex25, Stack as Stack15 } from "@chakra-ui/react";
 
 // src/components/CoreOmieIntegration.tsx
-import { useEffect as useEffect14, useState as useState25 } from "react";
+import { useEffect as useEffect15, useState as useState25 } from "react";
 import { Badge as Badge9, Box as Box32, Button as Button24, Flex as Flex24, Heading as Heading21, Input as Input16, Stack as Stack14, Text as Text33 } from "@chakra-ui/react";
 import { useMutation as useMutation8, useQuery as useQuery15 } from "@tanstack/react-query";
 import { jsx as jsx49, jsxs as jsxs33 } from "react/jsx-runtime";
@@ -8206,7 +9057,7 @@ function OmieConfigurationTab() {
     appSecret: ""
   });
   const selected = (configuration.data ?? []).find((item) => item.instanceId === draft.instanceId) ?? configuration.data?.[0];
-  useEffect14(() => {
+  useEffect15(() => {
     if (!selected) return;
     setDraft((current) => ({
       ...current,
@@ -8547,7 +9398,7 @@ function OmieWebhooksTab() {
       await Promise.all([access.refetch(), configuration.refetch()]);
     }
   });
-  useEffect14(() => {
+  useEffect15(() => {
     const first = configuration.data?.[0]?.instanceId;
     if (first && !configuration.data?.some((item) => item.instanceId === instanceId)) setInstanceId(first);
   }, [configuration.data, instanceId]);