@hed-hog/core 0.0.356 → 0.0.358

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

@@ -115,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;
@@ -130,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 = {
@@ -137,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;
@@ -148,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 = {
@@ -373,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: '',
@@ -384,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 = {
@@ -487,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);
@@ -549,7 +600,7 @@ 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: Array<{
@@ -603,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: [
@@ -850,6 +951,7 @@ export default function IntegrationsWebhooksPage() {
 
   const openActionCreate = () => {
     setActionEdit(null);
+    setGeneratedToken(null);
     setActionForm({
       ...defaultActionForm,
       order: incomingActions.length,
@@ -859,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 || '',
@@ -875,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);
   };
@@ -949,14 +1077,19 @@ export default function IntegrationsWebhooksPage() {
         }
       );
 
+      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 {
@@ -1129,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');
     }
@@ -1153,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(', ')}`
@@ -1164,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(),
@@ -1174,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) {
@@ -1194,6 +1400,7 @@ export default function IntegrationsWebhooksPage() {
 
       setActionEdit(null);
       setActionSheetOpen(false);
+      setGeneratedToken(null);
       setActionForm(defaultActionForm);
       await openIncomingEdit(incomingEdit);
       await incoming.refetch();
@@ -2361,6 +2568,7 @@ export default function IntegrationsWebhooksPage() {
               setActionSheetOpen(open);
               if (!open) {
                 setActionEdit(null);
+                setGeneratedToken(null);
                 setActionForm(defaultActionForm);
               }
             }}
@@ -2392,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>
@@ -2420,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')}
@@ -2543,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 !== ''
@@ -2558,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
                               );
                             }
                           }}
@@ -2684,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
@@ -2766,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)}
@@ -2976,7 +3544,7 @@ export default function IntegrationsWebhooksPage() {
         }}
       >
         <ResizableSheetContent
-          sheetId="webhooks-mail-profile-editor"
+          sheetId="webhooks-integration-profile-editor"
           defaultWidth={896}
         >
           <SheetHeader>
@@ -3618,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>