@hed-hog/core 0.0.355 → 0.0.358

package/hedhog/frontend/app/integrations-webhooks/page.tsx.ejs

@@ -74,6 +74,7 @@ import {
   BookOpenText,
   ChevronRight,
   Clock3,
+  Copy,
   GripVertical,
   Pencil,
   Plus,
@@ -114,11 +115,16 @@ type EventCatalog = {
 
 type IncomingAction = {
   id: number;
-  type: 'email' | 'whatsapp_evolution';
+  type:
+    | 'email'
+    | 'whatsapp_evolution'
+    | 'http_request'
+    | 'internal_api'
+    | 'app_command';
   name: string;
   order: number;
   status: Status;
-  mail_profile_id?: number | null;
+  integration_profile_id?: number | null;
   mail_id?: number | null;
   email_to?: string | null;
   email_cc?: string | null;
@@ -129,6 +135,21 @@ type IncomingAction = {
   whatsapp_instance?: string | null;
   whatsapp_base_url?: string | null;
   whatsapp_token?: string | null;
+  http_url?: string | null;
+  http_method?: string | null;
+  http_headers?: string | null;
+  http_query?: string | null;
+  http_body?: string | null;
+  http_timeout_ms?: number | null;
+  http_retry_count?: number | null;
+  internal_api_path?: string | null;
+  internal_api_method?: string | null;
+  internal_api_query?: string | null;
+  internal_api_body?: string | null;
+  internal_api_token?: string | null;
+  internal_api_user_id?: number | null;
+  app_command_slug?: string | null;
+  app_command_params?: string | null;
 };
 
 type IncomingActionForm = {
@@ -136,7 +157,7 @@ type IncomingActionForm = {
   name: string;
   order: number;
   status: Status;
-  mail_profile_id: number | null;
+  integration_profile_id: number | null;
   mail_id: number | null;
   email_to: string;
   email_cc: string;
@@ -147,6 +168,21 @@ type IncomingActionForm = {
   whatsapp_instance: string;
   whatsapp_base_url: string;
   whatsapp_token: string;
+  http_url: string;
+  http_method: string;
+  http_headers: string;
+  http_query: string;
+  http_body: string;
+  http_timeout_ms: number;
+  http_retry_count: number;
+  internal_api_path: string;
+  internal_api_method: string;
+  internal_api_query: string;
+  internal_api_body: string;
+  internal_api_token: string;
+  internal_api_user_id: number | null;
+  app_command_slug: string;
+  app_command_params: string;
 };
 
 type IncomingIntegration = {
@@ -225,22 +261,32 @@ type MailProfileDetail = {
   id: number;
   slug: string;
   name: string;
-  provider: MailProfileProvider;
-  from_name?: string | null;
-  from_email: string;
-  reply_to_name?: string | null;
-  reply_to_email?: string | null;
-  smtp_host?: string | null;
-  smtp_port?: number | null;
-  smtp_secure?: boolean;
-  smtp_username?: string | null;
-  smtp_password?: string | null;
-  gmail_client_id?: string | null;
-  gmail_client_secret?: string | null;
-  gmail_refresh_token?: string | null;
-  ses_access_key_id?: string | null;
-  ses_secret_access_key?: string | null;
-  ses_region?: string | null;
+  type_id: number;
+  provider_id: number;
+  config?: Record<string, unknown> | null;
+  integration_provider?: {
+    slug?: string | null;
+  };
+};
+
+type IntegrationProvider = {
+  id: number;
+  slug: string;
+  type_id: number;
+};
+
+const EMAIL_TYPE_SLUG = 'email';
+
+const MAIL_PROVIDER_SLUG_BY_LABEL: Record<MailProfileProvider, string> = {
+  SMTP: 'smtp',
+  GMAIL: 'gmail',
+  SES: 'ses',
+};
+
+const MAIL_PROVIDER_LABEL_BY_SLUG: Record<string, MailProfileProvider> = {
+  smtp: 'SMTP',
+  gmail: 'GMAIL',
+  ses: 'SES',
 };
 
 type MailTemplateDetail = {
@@ -274,6 +320,51 @@ const defaultMailProfileEditForm = {
   ses_region: '',
 };
 
+function trimString(value: unknown) {
+  return String(value ?? '').trim();
+}
+
+function buildMailConfigFromForm(
+  providerSlug: string,
+  form: typeof defaultMailProfileEditForm
+) {
+  if (providerSlug === 'smtp') {
+    return {
+      host: trimString(form.smtp_host),
+      port: Number(trimString(form.smtp_port) || 587),
+      username: trimString(form.smtp_username),
+      password: trimString(form.smtp_password),
+      secure: Boolean(form.smtp_secure),
+      from_email: trimString(form.from_email),
+      from_name: trimString(form.from_name),
+      reply_to_email: trimString(form.reply_to_email),
+      reply_to_name: trimString(form.reply_to_name),
+    };
+  }
+
+  if (providerSlug === 'gmail') {
+    return {
+      client_id: trimString(form.gmail_client_id),
+      client_secret: trimString(form.gmail_client_secret),
+      refresh_token: trimString(form.gmail_refresh_token),
+      from_email: trimString(form.from_email),
+      from_name: trimString(form.from_name),
+      reply_to_email: trimString(form.reply_to_email),
+      reply_to_name: trimString(form.reply_to_name),
+    };
+  }
+
+  return {
+    access_key_id: trimString(form.ses_access_key_id),
+    secret_access_key: trimString(form.ses_secret_access_key),
+    region: trimString(form.ses_region),
+    from_email: trimString(form.from_email),
+    from_name: trimString(form.from_name),
+    reply_to_email: trimString(form.reply_to_email),
+    reply_to_name: trimString(form.reply_to_name),
+  };
+}
+
 const defaultMailTemplateEditForm = {
   slug: '',
   locale_code: 'en',
@@ -317,7 +408,7 @@ const defaultActionForm: IncomingActionForm = {
   name: '',
   order: 0,
   status: 'active' as Status,
-  mail_profile_id: null,
+  integration_profile_id: null,
   mail_id: null,
   email_to: '',
   email_cc: '',
@@ -328,6 +419,21 @@ const defaultActionForm: IncomingActionForm = {
   whatsapp_instance: '',
   whatsapp_base_url: '',
   whatsapp_token: '',
+  http_url: '',
+  http_method: 'POST',
+  http_headers: '',
+  http_query: '',
+  http_body: '',
+  http_timeout_ms: 30000,
+  http_retry_count: 0,
+  internal_api_path: '',
+  internal_api_method: 'POST',
+  internal_api_query: '',
+  internal_api_body: '',
+  internal_api_token: '',
+  internal_api_user_id: null,
+  app_command_slug: '',
+  app_command_params: '',
 };
 
 const defaultEventWebhookForm = {
@@ -431,6 +537,7 @@ export default function IntegrationsWebhooksPage() {
   const [incomingForm, setIncomingForm] = useState(defaultIncomingForm);
   const [incomingSheetTab, setIncomingSheetTab] = useState('settings');
   const [oneTimeToken, setOneTimeToken] = useState<string | null>(null);
+  const [generatedToken, setGeneratedToken] = useState<string | null>(null);
   const [allowedIpDraft, setAllowedIpDraft] = useState('');
   const [incomingActions, setIncomingActions] = useState<IncomingAction[]>([]);
   const [actionSheetOpen, setActionSheetOpen] = useState(false);
@@ -493,17 +600,46 @@ export default function IntegrationsWebhooksPage() {
   const { data: mailProfiles = [], refetch: refetchMailProfiles } = useQuery<
     SelectOption[]
   >({
-    queryKey: ['webhook-mail-profiles', currentLocaleCode],
+    queryKey: ['webhook-integration-profiles', currentLocaleCode],
     queryFn: async () => {
-      const response = await request<{ data: SelectOption[] }>({
-        url: '/mail-profile?pageSize=100',
+      const response = await request<{
+        data: Array<{
+          id: number;
+          slug: string;
+          name: string;
+          integration_provider?: { slug?: string | null };
+        }>;
+      }>({
+        url: '/integration-profile?pageSize=100&typeSlug=email',
         method: 'GET',
       });
-      return response.data.data || [];
+      return (response.data.data || []).map((item) => ({
+        id: item.id,
+        slug: item.slug,
+        name: item.name,
+        provider: String(item.integration_provider?.slug ?? ''),
+      }));
     },
     placeholderData: (previous) => previous ?? [],
   });
 
+  const resolveEmailProviderMeta = async (providerSlug: string) => {
+    const response = await request<IntegrationProvider[]>({
+      url: `/integration-profile/providers?typeSlug=${EMAIL_TYPE_SLUG}`,
+      method: 'GET',
+    });
+
+    const provider = (response.data ?? []).find(
+      (item) => item.slug === providerSlug
+    );
+
+    if (!provider) {
+      throw new Error(`Integration provider "${providerSlug}" not found.`);
+    }
+
+    return provider;
+  };
+
   const { data: mailTemplates = [], refetch: refetchMailTemplates } = useQuery<
     SelectOption[]
   >({
@@ -518,6 +654,56 @@ export default function IntegrationsWebhooksPage() {
     placeholderData: (previous) => previous ?? [],
   });
 
+  const { data: appCommands = [] } = useQuery<
+    Array<{
+      slug: string;
+      name: string;
+      description: string;
+      inputSchema: Record<string, unknown>;
+    }>
+  >({
+    queryKey: ['webhook-app-commands'],
+    queryFn: async () => {
+      const response = await request<
+        Array<{
+          slug: string;
+          name: string;
+          description: string;
+          inputSchema: Record<string, unknown>;
+        }>
+      >({
+        url: '/webhook-integration/app-commands',
+        method: 'GET',
+      });
+      return response.data || [];
+    },
+    placeholderData: (previous) => previous ?? [],
+  });
+
+  const { data: internalRoutes = [] } = useQuery<
+    Array<{
+      id: number;
+      url: string;
+      method: string;
+    }>
+  >({
+    queryKey: ['webhook-internal-routes'],
+    queryFn: async () => {
+      const response = await request<
+        Array<{
+          id: number;
+          url: string;
+          method: string;
+        }>
+      >({
+        url: '/webhook-integration/internal-routes',
+        method: 'GET',
+      });
+      return response.data || [];
+    },
+    placeholderData: (previous) => previous ?? [],
+  });
+
   const { data: incomingLogsResult, isFetching: isFetchingIncomingLogs } =
     useQuery<PaginatedResponse<IncomingCallLog>>({
       queryKey: [
@@ -765,6 +951,7 @@ export default function IntegrationsWebhooksPage() {
 
   const openActionCreate = () => {
     setActionEdit(null);
+    setGeneratedToken(null);
     setActionForm({
       ...defaultActionForm,
       order: incomingActions.length,
@@ -774,12 +961,13 @@ export default function IntegrationsWebhooksPage() {
 
   const openActionEdit = (action: IncomingAction) => {
     setActionEdit(action);
+    setGeneratedToken(null);
     setActionForm({
       type: action.type,
       name: action.name,
       order: Number(action.order || 0),
       status: action.status,
-      mail_profile_id: action.mail_profile_id ?? null,
+      integration_profile_id: action.integration_profile_id ?? null,
       mail_id: action.mail_id ?? null,
       email_to: action.email_to || '',
       email_cc: action.email_cc || '',
@@ -790,6 +978,31 @@ export default function IntegrationsWebhooksPage() {
       whatsapp_instance: action.whatsapp_instance || '',
       whatsapp_base_url: action.whatsapp_base_url || '',
       whatsapp_token: action.whatsapp_token || '',
+      http_url: action.http_url || '',
+      http_method: action.http_method || 'POST',
+      http_headers: action.http_headers
+        ? JSON.stringify(action.http_headers, null, 2)
+        : '',
+      http_query: action.http_query
+        ? JSON.stringify(action.http_query, null, 2)
+        : '',
+      http_body: action.http_body || '',
+      http_timeout_ms: action.http_timeout_ms ?? 30000,
+      http_retry_count: action.http_retry_count ?? 0,
+      internal_api_path: action.internal_api_path || '',
+      internal_api_method: action.internal_api_method || 'POST',
+      internal_api_query: action.internal_api_query
+        ? JSON.stringify(action.internal_api_query, null, 2)
+        : '',
+      internal_api_body: action.internal_api_body
+        ? JSON.stringify(action.internal_api_body, null, 2)
+        : '',
+      internal_api_token: action.internal_api_token || '',
+      internal_api_user_id: action.internal_api_user_id ?? null,
+      app_command_slug: action.app_command_slug || '',
+      app_command_params: action.app_command_params
+        ? JSON.stringify(action.app_command_params, null, 2)
+        : '',
     });
     setActionSheetOpen(true);
   };
@@ -797,31 +1010,33 @@ export default function IntegrationsWebhooksPage() {
   const openMailProfileEditor = async (id: number) => {
     try {
       const response = await request<MailProfileDetail>({
-        url: `/mail-profile/${id}`,
+        url: `/integration-profile/${id}`,
         method: 'GET',
       });
 
       const data = response.data;
+      const config = (data.config as Record<string, unknown> | null) ?? {};
+      const providerSlug = String(data.integration_provider?.slug ?? 'smtp');
       setMailProfileEditId(data.id);
       setMailProfileEditForm({
         slug: data.slug || '',
         name: data.name || '',
-        provider: data.provider || 'SMTP',
-        from_name: data.from_name || '',
-        from_email: data.from_email || '',
-        reply_to_name: data.reply_to_name || '',
-        reply_to_email: data.reply_to_email || '',
-        smtp_host: data.smtp_host || '',
-        smtp_port: data.smtp_port ? String(data.smtp_port) : '587',
-        smtp_secure: Boolean(data.smtp_secure),
-        smtp_username: data.smtp_username || '',
-        smtp_password: data.smtp_password || '',
-        gmail_client_id: data.gmail_client_id || '',
-        gmail_client_secret: data.gmail_client_secret || '',
-        gmail_refresh_token: data.gmail_refresh_token || '',
-        ses_access_key_id: data.ses_access_key_id || '',
-        ses_secret_access_key: data.ses_secret_access_key || '',
-        ses_region: data.ses_region || '',
+        provider: MAIL_PROVIDER_LABEL_BY_SLUG[providerSlug] || 'SMTP',
+        from_name: String(config.from_name ?? ''),
+        from_email: String(config.from_email ?? ''),
+        reply_to_name: String(config.reply_to_name ?? ''),
+        reply_to_email: String(config.reply_to_email ?? ''),
+        smtp_host: String(config.host ?? ''),
+        smtp_port: String(config.port ?? '587'),
+        smtp_secure: Boolean(config.secure),
+        smtp_username: String(config.username ?? ''),
+        smtp_password: String(config.password ?? ''),
+        gmail_client_id: String(config.client_id ?? ''),
+        gmail_client_secret: String(config.client_secret ?? ''),
+        gmail_refresh_token: String(config.refresh_token ?? ''),
+        ses_access_key_id: String(config.access_key_id ?? ''),
+        ses_secret_access_key: String(config.secret_access_key ?? ''),
+        ses_region: String(config.region ?? ''),
       });
       setMailProfileTestedSignature(null);
       setMailProfileEditorOpen(true);
@@ -830,57 +1045,51 @@ export default function IntegrationsWebhooksPage() {
     }
   };
 
-  const createMailProfilePayload = () => ({
-    slug: mailProfileEditForm.slug,
-    name: mailProfileEditForm.name,
-    provider: mailProfileEditForm.provider,
-    from_name: mailProfileEditForm.from_name || undefined,
-    from_email: mailProfileEditForm.from_email,
-    reply_to_name: mailProfileEditForm.reply_to_name || undefined,
-    reply_to_email: mailProfileEditForm.reply_to_email || undefined,
-    smtp_host: mailProfileEditForm.smtp_host || undefined,
-    smtp_port: mailProfileEditForm.smtp_port
-      ? Number(mailProfileEditForm.smtp_port)
-      : undefined,
-    smtp_secure: mailProfileEditForm.smtp_secure,
-    smtp_username: mailProfileEditForm.smtp_username || undefined,
-    smtp_password: mailProfileEditForm.smtp_password || undefined,
-    gmail_client_id: mailProfileEditForm.gmail_client_id || undefined,
-    gmail_client_secret: mailProfileEditForm.gmail_client_secret || undefined,
-    gmail_refresh_token: mailProfileEditForm.gmail_refresh_token || undefined,
-    ses_access_key_id: mailProfileEditForm.ses_access_key_id || undefined,
-    ses_secret_access_key:
-      mailProfileEditForm.ses_secret_access_key || undefined,
-    ses_region: mailProfileEditForm.ses_region || undefined,
-  });
+  const createMailProfilePayload = async () => {
+    const providerSlug =
+      MAIL_PROVIDER_SLUG_BY_LABEL[mailProfileEditForm.provider] ?? 'smtp';
+    const provider = await resolveEmailProviderMeta(providerSlug);
+
+    return {
+      slug: trimString(mailProfileEditForm.slug),
+      name: trimString(mailProfileEditForm.name),
+      type_id: provider.type_id,
+      provider_id: provider.id,
+      config: buildMailConfigFromForm(providerSlug, mailProfileEditForm),
+      is_active: true,
+    };
+  };
 
-  const currentMailProfileSignature = JSON.stringify(
-    createMailProfilePayload()
-  );
+  const currentMailProfileSignature = JSON.stringify(mailProfileEditForm);
   const canSubmitMailProfile =
     mailProfileTestedSignature === currentMailProfileSignature;
 
   const handleTestMailProfile = async () => {
-    const payload = createMailProfilePayload();
+    const payload = await createMailProfilePayload();
 
     try {
       setMailProfileIsTesting(true);
       const { data } = await request<{ success: boolean; destination: string }>(
         {
-          url: '/mail-profile/test',
+          url: '/integration-profile/test',
           method: 'POST',
           data: payload,
         }
       );
 
-      setMailProfileTestedSignature(JSON.stringify(payload));
+      const fallbackFromEmail =
+        payload.config && typeof payload.config === 'object'
+          ? String((payload.config as Record<string, unknown>).from_email ?? '')
+          : '';
+
+      setMailProfileTestedSignature(currentMailProfileSignature);
       toast.success(
-        data.destination || payload.from_email
-          ? `Perfil testado com sucesso para ${data.destination || payload.from_email}`
+        data.destination || fallbackFromEmail
+          ? `Perfil testado com sucesso para ${data.destination || fallbackFromEmail}`
           : 'Perfil testado com sucesso.'
       );
     } catch (error) {
-      console.error('Error testing mail profile:', error);
+      console.error('Error testing integration profile:', error);
       setMailProfileTestedSignature(null);
       toast.error('Erro ao testar o perfil de e-mail.');
     } finally {
@@ -890,36 +1099,13 @@ export default function IntegrationsWebhooksPage() {
 
   const saveMailProfileEditor = async () => {
     if (!mailProfileEditId) return;
+    const payload = await createMailProfilePayload();
 
     try {
       await request({
-        url: `/mail-profile/${mailProfileEditId}`,
+        url: `/integration-profile/${mailProfileEditId}`,
         method: 'PATCH',
-        data: {
-          slug: mailProfileEditForm.slug,
-          name: mailProfileEditForm.name,
-          provider: mailProfileEditForm.provider,
-          from_name: mailProfileEditForm.from_name || undefined,
-          from_email: mailProfileEditForm.from_email,
-          reply_to_name: mailProfileEditForm.reply_to_name || undefined,
-          reply_to_email: mailProfileEditForm.reply_to_email || undefined,
-          smtp_host: mailProfileEditForm.smtp_host || undefined,
-          smtp_port: mailProfileEditForm.smtp_port
-            ? Number(mailProfileEditForm.smtp_port)
-            : undefined,
-          smtp_secure: mailProfileEditForm.smtp_secure,
-          smtp_username: mailProfileEditForm.smtp_username || undefined,
-          smtp_password: mailProfileEditForm.smtp_password || undefined,
-          gmail_client_id: mailProfileEditForm.gmail_client_id || undefined,
-          gmail_client_secret:
-            mailProfileEditForm.gmail_client_secret || undefined,
-          gmail_refresh_token:
-            mailProfileEditForm.gmail_refresh_token || undefined,
-          ses_access_key_id: mailProfileEditForm.ses_access_key_id || undefined,
-          ses_secret_access_key:
-            mailProfileEditForm.ses_secret_access_key || undefined,
-          ses_region: mailProfileEditForm.ses_region || undefined,
-        },
+        data: payload,
       });
 
       await refetchMailProfiles();
@@ -1076,8 +1262,8 @@ export default function IntegrationsWebhooksPage() {
     const missingFields: string[] = [];
 
     if (actionForm.type === 'email') {
-      if (actionForm.mail_profile_id == null)
-        missingFields.push('mail_profile_id');
+      if (actionForm.integration_profile_id == null)
+        missingFields.push('integration_profile_id');
       if (actionForm.mail_id == null) missingFields.push('mail_id');
       if (!actionForm.email_to.trim()) missingFields.push('email_to');
     }
@@ -1100,6 +1286,24 @@ export default function IntegrationsWebhooksPage() {
       }
     }
 
+    if (actionForm.type === 'http_request') {
+      if (!actionForm.http_url.trim()) missingFields.push('http_url');
+    }
+
+    if (actionForm.type === 'internal_api') {
+      if (!actionForm.internal_api_path.trim())
+        missingFields.push('internal_api_path');
+      if (actionForm.internal_api_user_id == null)
+        missingFields.push('internal_api_user_id');
+      if (!actionForm.internal_api_token.trim())
+        missingFields.push('internal_api_token');
+    }
+
+    if (actionForm.type === 'app_command') {
+      if (!actionForm.app_command_slug.trim())
+        missingFields.push('app_command_slug');
+    }
+
     if (missingFields.length) {
       toast.error(
         `Preencha os campos obrigatorios da acao: ${missingFields.join(', ')}`
@@ -1111,7 +1315,7 @@ export default function IntegrationsWebhooksPage() {
       const payload = {
         ...actionForm,
         order: Number(actionForm.order || 0),
-        mail_profile_id: actionForm.mail_profile_id,
+        integration_profile_id: actionForm.integration_profile_id,
         mail_id: actionForm.mail_id,
         email_to: actionForm.email_to.trim(),
         email_cc: actionForm.email_cc.trim(),
@@ -1121,6 +1325,61 @@ export default function IntegrationsWebhooksPage() {
         whatsapp_instance: actionForm.whatsapp_instance.trim(),
         whatsapp_base_url: actionForm.whatsapp_base_url.trim(),
         whatsapp_token: actionForm.whatsapp_token.trim(),
+        http_url: actionForm.http_url.trim() || undefined,
+        http_method: actionForm.http_method || 'POST',
+        http_headers: actionForm.http_headers.trim()
+          ? (() => {
+              try {
+                return JSON.parse(actionForm.http_headers);
+              } catch {
+                return undefined;
+              }
+            })()
+          : undefined,
+        http_query: actionForm.http_query.trim()
+          ? (() => {
+              try {
+                return JSON.parse(actionForm.http_query);
+              } catch {
+                return undefined;
+              }
+            })()
+          : undefined,
+        http_body: actionForm.http_body.trim() || undefined,
+        http_timeout_ms: actionForm.http_timeout_ms || undefined,
+        http_retry_count: actionForm.http_retry_count ?? 0,
+        internal_api_path: actionForm.internal_api_path.trim() || undefined,
+        internal_api_method: actionForm.internal_api_method || 'POST',
+        internal_api_query: actionForm.internal_api_query.trim()
+          ? (() => {
+              try {
+                return JSON.parse(actionForm.internal_api_query);
+              } catch {
+                return undefined;
+              }
+            })()
+          : undefined,
+        internal_api_body: actionForm.internal_api_body.trim()
+          ? (() => {
+              try {
+                return JSON.parse(actionForm.internal_api_body);
+              } catch {
+                return undefined;
+              }
+            })()
+          : undefined,
+        internal_api_token: actionForm.internal_api_token.trim() || undefined,
+        internal_api_user_id: actionForm.internal_api_user_id ?? undefined,
+        app_command_slug: actionForm.app_command_slug.trim() || undefined,
+        app_command_params: actionForm.app_command_params.trim()
+          ? (() => {
+              try {
+                return JSON.parse(actionForm.app_command_params);
+              } catch {
+                return undefined;
+              }
+            })()
+          : undefined,
       };
 
       if (actionEdit) {
@@ -1141,6 +1400,7 @@ export default function IntegrationsWebhooksPage() {
 
       setActionEdit(null);
       setActionSheetOpen(false);
+      setGeneratedToken(null);
       setActionForm(defaultActionForm);
       await openIncomingEdit(incomingEdit);
       await incoming.refetch();
@@ -1221,6 +1481,16 @@ export default function IntegrationsWebhooksPage() {
     await incoming.refetch();
   };
 
+  const duplicateIncoming = async (item: IncomingIntegration) => {
+    const response = await request<IncomingIntegration>({
+      url: `/webhook-integration/${item.id}/duplicate`,
+      method: 'POST',
+    });
+    toast.success(t('duplicated'));
+    await incoming.refetch();
+    await openIncomingEdit(response.data);
+  };
+
   const openEventWebhookCreate = () => {
     setEventWebhookEdit(null);
     setEventWebhookForm(defaultEventWebhookForm);
@@ -1255,6 +1525,16 @@ export default function IntegrationsWebhooksPage() {
     setEventWebhookOpen(true);
   };
 
+  const duplicateEventWebhook = async (item: EventWebhook) => {
+    const response = await request<EventWebhook>({
+      url: `/event-webhook/${item.id}/duplicate`,
+      method: 'POST',
+    });
+    toast.success(t('duplicated'));
+    await eventWebhooks.refetch();
+    await openEventWebhookEdit(response.data);
+  };
+
   const saveEventWebhook = async () => {
     try {
       const payload = {
@@ -1563,6 +1843,13 @@ export default function IntegrationsWebhooksPage() {
                         >
                           <Pencil className="h-4 w-4" />
                         </Button>
+                        <Button
+                          variant="ghost"
+                          size="icon"
+                          onClick={() => duplicateIncoming(item)}
+                        >
+                          <Copy className="h-4 w-4" />
+                        </Button>
                         <Button
                           variant="ghost"
                           size="icon"
@@ -1672,6 +1959,13 @@ export default function IntegrationsWebhooksPage() {
                         >
                           <Pencil className="h-4 w-4" />
                         </Button>
+                        <Button
+                          variant="ghost"
+                          size="icon"
+                          onClick={() => duplicateEventWebhook(item)}
+                        >
+                          <Copy className="h-4 w-4" />
+                        </Button>
                         <Button
                           variant="ghost"
                           size="icon"
@@ -1707,7 +2001,10 @@ export default function IntegrationsWebhooksPage() {
       </Tabs>
 
       <Sheet open={catalogOpen} onOpenChange={setCatalogOpen}>
-        <ResizableSheetContent sheetId="webhooks-catalog-form" defaultWidth={672}>
+        <ResizableSheetContent
+          sheetId="webhooks-catalog-form"
+          defaultWidth={672}
+        >
           <SheetHeader>
             <SheetTitle>
               {catalogEdit ? t('editEvent') : t('newEvent')}
@@ -1782,7 +2079,10 @@ export default function IntegrationsWebhooksPage() {
           }
         }}
       >
-        <ResizableSheetContent sheetId="webhooks-incoming-form" defaultWidth={1024}>
+        <ResizableSheetContent
+          sheetId="webhooks-incoming-form"
+          defaultWidth={1024}
+        >
           <SheetHeader>
             <SheetTitle>
               {incomingEdit ? t('editIncoming') : t('newIncoming')}
@@ -2268,11 +2568,15 @@ export default function IntegrationsWebhooksPage() {
               setActionSheetOpen(open);
               if (!open) {
                 setActionEdit(null);
+                setGeneratedToken(null);
                 setActionForm(defaultActionForm);
               }
             }}
           >
-            <ResizableSheetContent sheetId="webhooks-action-form" defaultWidth={768}>
+            <ResizableSheetContent
+              sheetId="webhooks-action-form"
+              defaultWidth={768}
+            >
               <SheetHeader>
                 <SheetTitle>
                   {actionEdit ? t('updated') : t('addAction')}
@@ -2296,6 +2600,13 @@ export default function IntegrationsWebhooksPage() {
                         <SelectItem value="whatsapp_evolution">
                           {t('whatsapp')}
                         </SelectItem>
+                        <SelectItem value="http_request">
+                          HTTP Request
+                        </SelectItem>
+                        <SelectItem value="internal_api">
+                          Internal API
+                        </SelectItem>
+                        <SelectItem value="app_command">App Command</SelectItem>
                       </SelectContent>
                     </Select>
                   </Field>
@@ -2324,12 +2635,12 @@ export default function IntegrationsWebhooksPage() {
                   </Field>
                 </div>
 
-                {actionForm.type === 'email' ? (
+                {actionForm.type === 'email' && (
                   <div className="grid gap-3 md:grid-cols-2">
                     <Field label={t('mailProfile')}>
                       <div className="flex items-start gap-2">
                         <EntityPicker<SelectOption>
-                          value={actionForm.mail_profile_id}
+                          value={actionForm.integration_profile_id}
                           className="w-full"
                           valueType="number"
                           placeholder={t('select')}
@@ -2337,14 +2648,28 @@ export default function IntegrationsWebhooksPage() {
                           options={mailProfiles}
                           loadOptions={async ({ page, pageSize, search }) => {
                             const response = await request<{
-                              data: SelectOption[];
+                              data: Array<{
+                                id: number;
+                                slug: string;
+                                name: string;
+                                integration_provider?: { slug?: string | null };
+                              }>;
                             }>({
-                              url: `/mail-profile?page=${page}&pageSize=${pageSize}&search=${encodeURIComponent(search)}`,
+                              url: `/integration-profile?page=${page}&pageSize=${pageSize}&typeSlug=email&search=${encodeURIComponent(search)}`,
                               method: 'GET',
                             });
 
                             return {
-                              items: response.data?.data || [],
+                              items: (response.data?.data || []).map(
+                                (item) => ({
+                                  id: item.id,
+                                  slug: item.slug,
+                                  name: item.name,
+                                  provider: String(
+                                    item.integration_provider?.slug ?? ''
+                                  ),
+                                })
+                              ),
                               hasMore: false,
                             };
                           }}
@@ -2399,19 +2724,25 @@ export default function IntegrationsWebhooksPage() {
                           createTitle="Criar perfil de e-mail"
                           createDescription="Crie rapidamente um perfil SMTP para usar nesta ação."
                           onCreate={async (values) => {
+                            const provider =
+                              await resolveEmailProviderMeta('smtp');
                             const response = await request<SelectOption>({
-                              url: '/mail-profile',
+                              url: '/integration-profile',
                               method: 'POST',
                               data: {
                                 slug: values.slug,
                                 name: values.name,
-                                provider: 'SMTP',
-                                from_email: values.from_email,
-                                smtp_host: values.smtp_host,
-                                smtp_port: Number(values.smtp_port || 587),
-                                smtp_secure: false,
-                                smtp_username: values.smtp_username,
-                                smtp_password: values.smtp_password,
+                                type_id: provider.type_id,
+                                provider_id: provider.id,
+                                config: {
+                                  from_email: values.from_email,
+                                  host: values.smtp_host,
+                                  port: Number(values.smtp_port || 587),
+                                  secure: false,
+                                  username: values.smtp_username,
+                                  password: values.smtp_password,
+                                },
+                                is_active: true,
                               },
                             });
 
@@ -2427,7 +2758,7 @@ export default function IntegrationsWebhooksPage() {
                           onChange={(value) =>
                             setActionForm((current) => ({
                               ...current,
-                              mail_profile_id:
+                              integration_profile_id:
                                 typeof value === 'number'
                                   ? value
                                   : value != null && value !== ''
@@ -2442,13 +2773,13 @@ export default function IntegrationsWebhooksPage() {
                           variant="outline"
                           size="icon"
                           className="h-10 w-10 shrink-0"
-                          disabled={!actionForm.mail_profile_id}
+                          disabled={!actionForm.integration_profile_id}
                           aria-label="Editar perfil de e-mail selecionado"
                           title="Editar perfil de e-mail selecionado"
                           onClick={() => {
-                            if (actionForm.mail_profile_id) {
+                            if (actionForm.integration_profile_id) {
                               void openMailProfileEditor(
-                                actionForm.mail_profile_id
+                                actionForm.integration_profile_id
                               );
                             }
                           }}
@@ -2568,7 +2899,9 @@ export default function IntegrationsWebhooksPage() {
                       />
                     </Field>
                   </div>
-                ) : (
+                )}
+
+                {actionForm.type === 'whatsapp_evolution' && (
                   <div className="grid gap-3 md:grid-cols-2">
                     <Field label={t('whatsappTargetType')}>
                       <Select
@@ -2650,6 +2983,357 @@ export default function IntegrationsWebhooksPage() {
                   </div>
                 )}
 
+                {actionForm.type === 'http_request' && (
+                  <div className="grid gap-3 md:grid-cols-2">
+                    <Field label="Método HTTP">
+                      <Select
+                        value={actionForm.http_method}
+                        onValueChange={(value) =>
+                          setActionForm({ ...actionForm, http_method: value })
+                        }
+                      >
+                        <SelectTrigger className="w-full">
+                          <SelectValue />
+                        </SelectTrigger>
+                        <SelectContent>
+                          {['GET', 'POST', 'PUT', 'PATCH', 'DELETE'].map(
+                            (m) => (
+                              <SelectItem key={m} value={m}>
+                                {m}
+                              </SelectItem>
+                            )
+                          )}
+                        </SelectContent>
+                      </Select>
+                    </Field>
+                    <Field label="URL *">
+                      <Input
+                        value={actionForm.http_url}
+                        onChange={(event) =>
+                          setActionForm({
+                            ...actionForm,
+                            http_url: event.target.value,
+                          })
+                        }
+                        placeholder="https://example.com/api/{{endpoint}}"
+                      />
+                    </Field>
+                    <Field label="Timeout (ms)">
+                      <Input
+                        type="number"
+                        value={actionForm.http_timeout_ms}
+                        onChange={(event) =>
+                          setActionForm({
+                            ...actionForm,
+                            http_timeout_ms: Number(event.target.value),
+                          })
+                        }
+                        placeholder="30000"
+                      />
+                    </Field>
+                    <Field label="Tentativas extras (retry)">
+                      <Input
+                        type="number"
+                        value={actionForm.http_retry_count}
+                        onChange={(event) =>
+                          setActionForm({
+                            ...actionForm,
+                            http_retry_count: Number(event.target.value),
+                          })
+                        }
+                        placeholder="0"
+                      />
+                    </Field>
+                    <Field label="Headers (JSON)">
+                      <Textarea
+                        value={actionForm.http_headers}
+                        onChange={(event) =>
+                          setActionForm({
+                            ...actionForm,
+                            http_headers: event.target.value,
+                          })
+                        }
+                        className="font-mono text-xs"
+                        rows={3}
+                        placeholder='{"Authorization": "Bearer {{token}}"}'
+                      />
+                    </Field>
+                    <Field label="Query Params (JSON)">
+                      <Textarea
+                        value={actionForm.http_query}
+                        onChange={(event) =>
+                          setActionForm({
+                            ...actionForm,
+                            http_query: event.target.value,
+                          })
+                        }
+                        className="font-mono text-xs"
+                        rows={3}
+                        placeholder='{"search": "{{query}}"}'
+                      />
+                    </Field>
+                    <div className="md:col-span-2">
+                      <Field label="Body">
+                        <Textarea
+                          value={actionForm.http_body}
+                          onChange={(event) =>
+                            setActionForm({
+                              ...actionForm,
+                              http_body: event.target.value,
+                            })
+                          }
+                          className="font-mono text-xs"
+                          rows={5}
+                          placeholder='{"userId": "{{userId}}", "event": "{{type}}"}'
+                        />
+                      </Field>
+                    </div>
+                  </div>
+                )}
+
+                {actionForm.type === 'internal_api' && (
+                  <div className="grid gap-3 md:grid-cols-2">
+                    <Field label="Usuário (ID) *">
+                      <Input
+                        type="number"
+                        value={actionForm.internal_api_user_id ?? ''}
+                        onChange={(event) =>
+                          setActionForm({
+                            ...actionForm,
+                            internal_api_user_id: event.target.value
+                              ? Number(event.target.value)
+                              : null,
+                          })
+                        }
+                        placeholder="ID do usuário dono do token"
+                      />
+                    </Field>
+                    <Field label="Token de autenticação *">
+                      <div className="flex items-start gap-2">
+                        <Input
+                          type="password"
+                          value={actionForm.internal_api_token}
+                          onChange={(event) =>
+                            setActionForm({
+                              ...actionForm,
+                              internal_api_token: event.target.value,
+                            })
+                          }
+                          placeholder="hedhog_api_..."
+                          className="flex-1"
+                        />
+                        <Button
+                          type="button"
+                          variant="outline"
+                          size="sm"
+                          disabled={!actionForm.internal_api_user_id}
+                          onClick={async () => {
+                            if (!actionForm.internal_api_user_id) return;
+                            try {
+                              const response = await request<{
+                                rawToken: string;
+                              }>({
+                                url: '/webhook-integration/user-tokens',
+                                method: 'POST',
+                                data: {
+                                  userId: actionForm.internal_api_user_id,
+                                  name: `webhook-action-${Date.now()}`,
+                                },
+                              });
+                              const raw = response.data?.rawToken;
+                              if (raw) {
+                                setActionForm({
+                                  ...actionForm,
+                                  internal_api_token: raw,
+                                });
+                                setGeneratedToken(raw);
+                                toast.success(
+                                  'Token gerado! Copie-o antes de salvar.'
+                                );
+                              }
+                            } catch {
+                              toast.error('Erro ao gerar token');
+                            }
+                          }}
+                        >
+                          Gerar
+                        </Button>
+                      </div>
+                    </Field>
+                    {generatedToken && (
+                      <div className="md:col-span-2 rounded border border-yellow-300 bg-yellow-50 p-3 text-xs text-yellow-800">
+                        <strong>Token gerado (exibido apenas uma vez):</strong>
+                        <div className="mt-1 flex items-center gap-2 font-mono break-all">
+                          <span className="flex-1">{generatedToken}</span>
+                          <Button
+                            type="button"
+                            variant="ghost"
+                            size="sm"
+                            onClick={() => {
+                              void navigator.clipboard.writeText(
+                                generatedToken
+                              );
+                              toast.success('Token copiado!');
+                            }}
+                          >
+                            Copiar
+                          </Button>
+                        </div>
+                      </div>
+                    )}
+                    <Field label="Método HTTP">
+                      <Select
+                        value={actionForm.internal_api_method}
+                        onValueChange={(value) =>
+                          setActionForm({
+                            ...actionForm,
+                            internal_api_method: value,
+                          })
+                        }
+                      >
+                        <SelectTrigger className="w-full">
+                          <SelectValue />
+                        </SelectTrigger>
+                        <SelectContent>
+                          {['GET', 'POST', 'PUT', 'PATCH', 'DELETE'].map(
+                            (m) => (
+                              <SelectItem key={m} value={m}>
+                                {m}
+                              </SelectItem>
+                            )
+                          )}
+                        </SelectContent>
+                      </Select>
+                    </Field>
+                    <Field label="Path / Endpoint *">
+                      <Select
+                        value={actionForm.internal_api_path}
+                        onValueChange={(value) => {
+                          const route = internalRoutes.find(
+                            (r) => r.url === value
+                          );
+                          setActionForm({
+                            ...actionForm,
+                            internal_api_path: value,
+                            internal_api_method:
+                              route?.method || actionForm.internal_api_method,
+                          });
+                        }}
+                      >
+                        <SelectTrigger className="w-full">
+                          <SelectValue placeholder="Selecione um endpoint" />
+                        </SelectTrigger>
+                        <SelectContent>
+                          {internalRoutes.map((route) => (
+                            <SelectItem key={route.id} value={route.url}>
+                              <span className="mr-2 font-mono text-xs text-muted-foreground">
+                                {route.method}
+                              </span>
+                              {route.url}
+                            </SelectItem>
+                          ))}
+                        </SelectContent>
+                      </Select>
+                    </Field>
+                    <Field label="Query Params (JSON)">
+                      <Textarea
+                        value={actionForm.internal_api_query}
+                        onChange={(event) =>
+                          setActionForm({
+                            ...actionForm,
+                            internal_api_query: event.target.value,
+                          })
+                        }
+                        className="font-mono text-xs"
+                        rows={3}
+                        placeholder='{"page": "1"}'
+                      />
+                    </Field>
+                    <Field label="Body (JSON)">
+                      <Textarea
+                        value={actionForm.internal_api_body}
+                        onChange={(event) =>
+                          setActionForm({
+                            ...actionForm,
+                            internal_api_body: event.target.value,
+                          })
+                        }
+                        className="font-mono text-xs"
+                        rows={3}
+                        placeholder='{"userId": "{{userId}}"}'
+                      />
+                    </Field>
+                  </div>
+                )}
+
+                {actionForm.type === 'app_command' && (
+                  <div className="grid gap-3">
+                    <Field label="Comando *">
+                      <Select
+                        value={actionForm.app_command_slug}
+                        onValueChange={(value) =>
+                          setActionForm({
+                            ...actionForm,
+                            app_command_slug: value,
+                          })
+                        }
+                      >
+                        <SelectTrigger className="w-full">
+                          <SelectValue placeholder="Selecione um comando" />
+                        </SelectTrigger>
+                        <SelectContent>
+                          {appCommands.map((cmd) => (
+                            <SelectItem key={cmd.slug} value={cmd.slug}>
+                              {cmd.name}
+                            </SelectItem>
+                          ))}
+                        </SelectContent>
+                      </Select>
+                    </Field>
+                    {actionForm.app_command_slug &&
+                      (() => {
+                        const cmd = appCommands.find(
+                          (c) => c.slug === actionForm.app_command_slug
+                        );
+                        return cmd ? (
+                          <p className="text-sm text-muted-foreground">
+                            {cmd.description}
+                          </p>
+                        ) : null;
+                      })()}
+                    <Field label="Parâmetros (JSON)">
+                      <Textarea
+                        value={actionForm.app_command_params}
+                        onChange={(event) =>
+                          setActionForm({
+                            ...actionForm,
+                            app_command_params: event.target.value,
+                          })
+                        }
+                        className="font-mono text-xs"
+                        rows={5}
+                        placeholder="{}"
+                      />
+                    </Field>
+                    {actionForm.app_command_slug &&
+                      (() => {
+                        const cmd = appCommands.find(
+                          (c) => c.slug === actionForm.app_command_slug
+                        );
+                        return cmd?.inputSchema ? (
+                          <div className="rounded border bg-muted/40 p-2">
+                            <p className="mb-1 text-xs font-medium text-muted-foreground">
+                              Schema esperado:
+                            </p>
+                            <pre className="whitespace-pre-wrap break-all font-mono text-xs">
+                              {JSON.stringify(cmd.inputSchema, null, 2)}
+                            </pre>
+                          </div>
+                        ) : null;
+                      })()}
+                  </div>
+                )}
+
                 <SheetActions
                   onSave={saveAction}
                   onCancel={() => setActionSheetOpen(false)}
@@ -2662,7 +3346,10 @@ export default function IntegrationsWebhooksPage() {
       </Sheet>
 
       <Sheet open={eventWebhookOpen} onOpenChange={setEventWebhookOpen}>
-        <ResizableSheetContent sheetId="webhooks-event-webhook-form" defaultWidth={1024}>
+        <ResizableSheetContent
+          sheetId="webhooks-event-webhook-form"
+          defaultWidth={1024}
+        >
           <SheetHeader>
             <SheetTitle>
               {eventWebhookEdit ? t('editEventWebhook') : t('newEventWebhook')}
@@ -2856,7 +3543,10 @@ export default function IntegrationsWebhooksPage() {
           }
         }}
       >
-        <ResizableSheetContent sheetId="webhooks-mail-profile-editor" defaultWidth={896}>
+        <ResizableSheetContent
+          sheetId="webhooks-integration-profile-editor"
+          defaultWidth={896}
+        >
           <SheetHeader>
             <SheetTitle>Editar perfil de e-mail</SheetTitle>
             <SheetDescription>
@@ -3140,7 +3830,10 @@ export default function IntegrationsWebhooksPage() {
           }
         }}
       >
-        <ResizableSheetContent sheetId="webhooks-mail-template-editor" defaultWidth={896}>
+        <ResizableSheetContent
+          sheetId="webhooks-mail-template-editor"
+          defaultWidth={896}
+        >
           <SheetHeader>
             <SheetTitle>Editar template de e-mail</SheetTitle>
             <SheetDescription>
@@ -3493,7 +4186,15 @@ function SortableIncomingActionRow({
       <TableCell>{action.name}</TableCell>
       <TableCell>
         <Badge variant="secondary">
-          {action.type === 'email' ? t('email') : t('whatsapp')}
+          {action.type === 'email'
+            ? t('email')
+            : action.type === 'whatsapp_evolution'
+              ? t('whatsapp')
+              : action.type === 'http_request'
+                ? 'HTTP Request'
+                : action.type === 'internal_api'
+                  ? 'Internal API'
+                  : 'App Command'}
         </Badge>
       </TableCell>
       <TableCell>{action.order}</TableCell>