@neetru/cli 2.11.2 → 2.11.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -4,91 +4,91 @@
4
4
  * auth, billing e schema Firestore para que o modelo gere código
5
5
  * que já conecta corretamente na plataforma.
6
6
  */
7
- export const NEETRU_SYSTEM_CONTEXT = `
8
- Você é o assistente de desenvolvimento do ecossistema Neetru.
9
- Ajuda devs a construir produtos SaaS de cima da plataforma Neetru Core.
10
-
11
- ═══════════════════════════════════════
12
- NEETRU CORE — SUPERFÍCIE DE API
13
- ═══════════════════════════════════════
14
-
15
- Base URL: https://api.neetru.com
16
- Auth: Bearer token (neetru-api-key) no header Authorization
17
-
18
- ── Tenants ─────────────────────────────
19
- GET /tenants lista tenants do usuário autenticado
20
- POST /tenants cria tenant { name, plan, metadata }
21
- GET /tenants/:id detalhe do tenant
22
- PATCH /tenants/:id atualiza nome/metadata
23
- DELETE /tenants/:id soft-delete (status: arquivado)
24
-
25
- ── Entitlements ────────────────────────
26
- GET /entitlements/:tenantId features ativas para o tenant
27
- Resposta: { features: string[], plan: string, limits: {...} }
28
-
29
- ── Subscriptions ───────────────────────
30
- GET /subscriptions/:tenantId assinatura ativa
31
- POST /subscriptions/checkout inicia checkout Stripe { tenantId, planId }
32
- DELETE /subscriptions/:id cancela no fim do período
33
-
34
- ── Billing / Invoices ──────────────────
35
- GET /invoices?tenantId=X lista faturas
36
- GET /invoices/:id/pdf download PDF da fatura
37
-
38
- ── Webhook ─────────────────────────────
39
- POST /webhooks/stripe recebe eventos Stripe (configurar no dashboard)
40
-
41
- ═══════════════════════════════════════
42
- PADRÕES DE INTEGRAÇÃO
43
- ═══════════════════════════════════════
44
-
45
- Auth em Next.js (App Router):
46
- import { createCustomerSession } from '@neetru/sdk';
47
- // No server action após login Firebase:
48
- await createCustomerSession(idToken);
49
-
50
- Tenant gate (middleware):
51
- import { withTenantGate } from '@neetru/sdk/middleware';
52
- export const middleware = withTenantGate({ requiredFeature: 'feature-x' });
53
-
54
- Verificar entitlement em Server Action:
55
- import { getEntitlements } from '@neetru/sdk/server';
56
- const { features } = await getEntitlements(tenantId);
57
- if (!features.includes('advanced-reports')) throw new Error('Plano insuficiente');
58
-
59
- Firestore collections relevantes (Admin SDK no Core):
60
- tenants/{tenantId} → dados do tenant
61
- subscriptions/{id} → assinatura (userId, tenantId, planId, status)
62
- account_invoices/{id} → faturas
63
- payment_methods/{id} → métodos de pagamento
64
- support_tickets/{id} → tickets de suporte
65
- audit_logs/{id} → auditoria append-only (NÃO escrever diretamente)
66
- public_products/{slug} → catálogo público (leitura pública, escrita via Core)
67
-
68
- ═══════════════════════════════════════
69
- REGRAS DO ECOSSISTEMA
70
- ═══════════════════════════════════════
71
-
72
- 1. Todo produto SaaS usa tenants do Core — não crie autenticação própria.
73
- 2. Billing sempre via Core → Stripe. Nunca cobrar diretamente.
74
- 3. Auditoria: use recordAudit() do Core SDK — nunca escrever em audit_logs diretamente.
75
- 4. Entitlements: verificar features ANTES de renderizar funcionalidades premium.
76
- 5. LGPD: dados pessoais só no Firestore, nunca em logs. Soft delete padrão.
77
- 6. Deploy: via 'neetru deploy' — não usar gcloud diretamente nos produtos.
78
-
79
- ═══════════════════════════════════════
80
- STACK PADRÃO DOS PRODUTOS
81
- ═══════════════════════════════════════
82
-
83
- Frontend: Next.js 15 (App Router) + shadcn/ui + Tailwind
84
- Backend: Next.js Server Actions + Firebase Admin SDK
85
- Auth: Firebase Auth → Core session cookie
86
- DB: Firestore (Admin SDK no servidor, client SDK leitura em tempo real)
87
- Infra: Cloud Run (gerenciado pelo Core)
88
- Brand: tokens do BRAND.md — brand-500, brand-700, ink-950, neetru-slate-*
89
-
90
- Quando gerar código, siga este stack. Não sugira alternativas de infra
91
- (não é Railway, Vercel, Supabase — é o Core da Neetru).
7
+ export const NEETRU_SYSTEM_CONTEXT = `
8
+ Você é o assistente de desenvolvimento do ecossistema Neetru.
9
+ Ajuda devs a construir produtos SaaS de cima da plataforma Neetru Core.
10
+
11
+ ═══════════════════════════════════════
12
+ NEETRU CORE — SUPERFÍCIE DE API
13
+ ═══════════════════════════════════════
14
+
15
+ Base URL: https://api.neetru.com
16
+ Auth: Bearer token (neetru-api-key) no header Authorization
17
+
18
+ ── Tenants ─────────────────────────────
19
+ GET /tenants lista tenants do usuário autenticado
20
+ POST /tenants cria tenant { name, plan, metadata }
21
+ GET /tenants/:id detalhe do tenant
22
+ PATCH /tenants/:id atualiza nome/metadata
23
+ DELETE /tenants/:id soft-delete (status: arquivado)
24
+
25
+ ── Entitlements ────────────────────────
26
+ GET /entitlements/:tenantId features ativas para o tenant
27
+ Resposta: { features: string[], plan: string, limits: {...} }
28
+
29
+ ── Subscriptions ───────────────────────
30
+ GET /subscriptions/:tenantId assinatura ativa
31
+ POST /subscriptions/checkout inicia checkout Stripe { tenantId, planId }
32
+ DELETE /subscriptions/:id cancela no fim do período
33
+
34
+ ── Billing / Invoices ──────────────────
35
+ GET /invoices?tenantId=X lista faturas
36
+ GET /invoices/:id/pdf download PDF da fatura
37
+
38
+ ── Webhook ─────────────────────────────
39
+ POST /webhooks/stripe recebe eventos Stripe (configurar no dashboard)
40
+
41
+ ═══════════════════════════════════════
42
+ PADRÕES DE INTEGRAÇÃO
43
+ ═══════════════════════════════════════
44
+
45
+ Auth em Next.js (App Router):
46
+ import { createCustomerSession } from '@neetru/sdk';
47
+ // No server action após login Firebase:
48
+ await createCustomerSession(idToken);
49
+
50
+ Tenant gate (middleware):
51
+ import { withTenantGate } from '@neetru/sdk/middleware';
52
+ export const middleware = withTenantGate({ requiredFeature: 'feature-x' });
53
+
54
+ Verificar entitlement em Server Action:
55
+ import { getEntitlements } from '@neetru/sdk/server';
56
+ const { features } = await getEntitlements(tenantId);
57
+ if (!features.includes('advanced-reports')) throw new Error('Plano insuficiente');
58
+
59
+ Firestore collections relevantes (Admin SDK no Core):
60
+ tenants/{tenantId} → dados do tenant
61
+ subscriptions/{id} → assinatura (userId, tenantId, planId, status)
62
+ account_invoices/{id} → faturas
63
+ payment_methods/{id} → métodos de pagamento
64
+ support_tickets/{id} → tickets de suporte
65
+ audit_logs/{id} → auditoria append-only (NÃO escrever diretamente)
66
+ public_products/{slug} → catálogo público (leitura pública, escrita via Core)
67
+
68
+ ═══════════════════════════════════════
69
+ REGRAS DO ECOSSISTEMA
70
+ ═══════════════════════════════════════
71
+
72
+ 1. Todo produto SaaS usa tenants do Core — não crie autenticação própria.
73
+ 2. Billing sempre via Core → Stripe. Nunca cobrar diretamente.
74
+ 3. Auditoria: use recordAudit() do Core SDK — nunca escrever em audit_logs diretamente.
75
+ 4. Entitlements: verificar features ANTES de renderizar funcionalidades premium.
76
+ 5. LGPD: dados pessoais só no Firestore, nunca em logs. Soft delete padrão.
77
+ 6. Deploy: via 'neetru deploy' — não usar gcloud diretamente nos produtos.
78
+
79
+ ═══════════════════════════════════════
80
+ STACK PADRÃO DOS PRODUTOS
81
+ ═══════════════════════════════════════
82
+
83
+ Frontend: Next.js 15 (App Router) + shadcn/ui + Tailwind
84
+ Backend: Next.js Server Actions + Firebase Admin SDK
85
+ Auth: Firebase Auth → Core session cookie
86
+ DB: Firestore (Admin SDK no servidor, client SDK leitura em tempo real)
87
+ Infra: Cloud Run (gerenciado pelo Core)
88
+ Brand: tokens do BRAND.md — brand-500, brand-700, ink-950, neetru-slate-*
89
+
90
+ Quando gerar código, siga este stack. Não sugira alternativas de infra
91
+ (não é Railway, Vercel, Supabase — é o Core da Neetru).
92
92
  `.trim();
93
93
  /**
94
94
  * Contexto adicional de projeto — lido do .neetru.json no diretório atual.
@@ -98,11 +98,11 @@ export async function loadProjectContext() {
98
98
  const fs = await import('fs/promises');
99
99
  const raw = await fs.readFile('.neetru.json', 'utf-8');
100
100
  const project = JSON.parse(raw);
101
- return `
102
- Projeto atual: ${project.name ?? 'desconhecido'}
103
- Tipo: ${project.type ?? 'saas-product'}
104
- Tenant: ${project.tenantId ?? 'não configurado'}
105
- Features: ${(project.features ?? []).join(', ') || 'nenhuma configurada'}
101
+ return `
102
+ Projeto atual: ${project.name ?? 'desconhecido'}
103
+ Tipo: ${project.type ?? 'saas-product'}
104
+ Tenant: ${project.tenantId ?? 'não configurado'}
105
+ Features: ${(project.features ?? []).join(', ') || 'nenhuma configurada'}
106
106
  `.trim();
107
107
  }
108
108
  catch {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@neetru/cli",
3
- "version": "2.11.2",
3
+ "version": "2.11.4",
4
4
  "type": "module",
5
5
  "description": "Neetru Developer Kit — scaffold, AI assistant, publish, build e deploy de produtos SaaS Neetru via Core (VM-based agents)",
6
6
  "keywords": [
@@ -1,22 +1,22 @@
1
- /**
2
- * Template — `src/lib/neetru/auth/callback.ts` (gerado por `neetru add auth`).
3
- *
4
- * Handler de callback OIDC (auth code → id_token). Use em `app/oauth/callback/route.ts`.
5
- */
6
- import { NextRequest, NextResponse } from 'next/server';
7
-
8
- export const runtime = 'nodejs';
9
-
10
- export async function GET(request: NextRequest) {
11
- const { searchParams } = new URL(request.url);
12
- const code = searchParams.get('code');
13
- const state = searchParams.get('state');
14
-
15
- if (!code) {
16
- return NextResponse.json({ error: 'missing_code' }, { status: 400 });
17
- }
18
-
19
- // Trocar code → id_token contra auth.neetru.com/token
20
- // Implementação detalhada em docs/PLATFORM_AUTH.md §4
21
- return NextResponse.redirect(state ?? '/');
22
- }
1
+ /**
2
+ * Template — `src/lib/neetru/auth/callback.ts` (gerado por `neetru add auth`).
3
+ *
4
+ * Handler de callback OIDC (auth code → id_token). Use em `app/oauth/callback/route.ts`.
5
+ */
6
+ import { NextRequest, NextResponse } from 'next/server';
7
+
8
+ export const runtime = 'nodejs';
9
+
10
+ export async function GET(request: NextRequest) {
11
+ const { searchParams } = new URL(request.url);
12
+ const code = searchParams.get('code');
13
+ const state = searchParams.get('state');
14
+
15
+ if (!code) {
16
+ return NextResponse.json({ error: 'missing_code' }, { status: 400 });
17
+ }
18
+
19
+ // Trocar code → id_token contra auth.neetru.com/token
20
+ // Implementação detalhada em docs/PLATFORM_AUTH.md §4
21
+ return NextResponse.redirect(state ?? '/');
22
+ }
@@ -1,41 +1,41 @@
1
- /**
2
- * Template — `src/lib/neetru/auth/sign-in.tsx` (gerado por `neetru add auth`).
3
- *
4
- * Botão Google → redireciona pra auth.neetru.com via SDK (`client.auth.signIn`).
5
- *
6
- * Customização: ajuste `redirectUri` se hospedar fora do domínio default.
7
- */
8
- 'use client';
9
-
10
- import { useState } from 'react';
11
- import { createNeetruClient } from '@neetru/sdk';
12
-
13
- const client = createNeetruClient({
14
- apiKey: process.env.NEXT_PUBLIC_NEETRU_API_KEY,
15
- productId: process.env.NEXT_PUBLIC_NEETRU_PRODUCT_ID,
16
- });
17
-
18
- export function SignInButton() {
19
- const [loading, setLoading] = useState(false);
20
-
21
- async function handleSignIn() {
22
- setLoading(true);
23
- try {
24
- await client.auth.signIn();
25
- } catch (err) {
26
- console.error('signIn failed', err);
27
- setLoading(false);
28
- }
29
- }
30
-
31
- return (
32
- <button
33
- type="button"
34
- onClick={handleSignIn}
35
- disabled={loading}
36
- className="inline-flex items-center justify-center px-4 py-2 border bg-white hover:bg-zinc-50 text-zinc-900 font-medium"
37
- >
38
- {loading ? 'Redirecionando...' : 'Entrar com Neetru'}
39
- </button>
40
- );
41
- }
1
+ /**
2
+ * Template — `src/lib/neetru/auth/sign-in.tsx` (gerado por `neetru add auth`).
3
+ *
4
+ * Botão Google → redireciona pra auth.neetru.com via SDK (`client.auth.signIn`).
5
+ *
6
+ * Customização: ajuste `redirectUri` se hospedar fora do domínio default.
7
+ */
8
+ 'use client';
9
+
10
+ import { useState } from 'react';
11
+ import { createNeetruClient } from '@neetru/sdk';
12
+
13
+ const client = createNeetruClient({
14
+ apiKey: process.env.NEXT_PUBLIC_NEETRU_API_KEY,
15
+ productId: process.env.NEXT_PUBLIC_NEETRU_PRODUCT_ID,
16
+ });
17
+
18
+ export function SignInButton() {
19
+ const [loading, setLoading] = useState(false);
20
+
21
+ async function handleSignIn() {
22
+ setLoading(true);
23
+ try {
24
+ await client.auth.signIn();
25
+ } catch (err) {
26
+ console.error('signIn failed', err);
27
+ setLoading(false);
28
+ }
29
+ }
30
+
31
+ return (
32
+ <button
33
+ type="button"
34
+ onClick={handleSignIn}
35
+ disabled={loading}
36
+ className="inline-flex items-center justify-center px-4 py-2 border bg-white hover:bg-zinc-50 text-zinc-900 font-medium"
37
+ >
38
+ {loading ? 'Redirecionando...' : 'Entrar com Neetru'}
39
+ </button>
40
+ );
41
+ }
@@ -1,22 +1,22 @@
1
- /**
2
- * Template — `src/lib/neetru/billing/checkout.ts` (gerado por `neetru add billing`).
3
- *
4
- * Inicia checkout Stripe via Core. Server route handler.
5
- */
6
- import { NextRequest, NextResponse } from 'next/server';
7
-
8
- export const runtime = 'nodejs';
9
-
10
- export async function POST(request: NextRequest) {
11
- const body = await request.json();
12
- const slug = body?.slug as string | undefined;
13
- if (!slug) {
14
- return NextResponse.json({ error: 'slug required' }, { status: 400 });
15
- }
16
-
17
- // Hit Core REST: POST /api/v1/billing/checkout
18
- // (Sprint 9 expõe via SDK direto)
19
- return NextResponse.json({
20
- redirectUrl: `https://minhaconta.neetru.com/checkout?slug=${slug}`,
21
- });
22
- }
1
+ /**
2
+ * Template — `src/lib/neetru/billing/checkout.ts` (gerado por `neetru add billing`).
3
+ *
4
+ * Inicia checkout Stripe via Core. Server route handler.
5
+ */
6
+ import { NextRequest, NextResponse } from 'next/server';
7
+
8
+ export const runtime = 'nodejs';
9
+
10
+ export async function POST(request: NextRequest) {
11
+ const body = await request.json();
12
+ const slug = body?.slug as string | undefined;
13
+ if (!slug) {
14
+ return NextResponse.json({ error: 'slug required' }, { status: 400 });
15
+ }
16
+
17
+ // Hit Core REST: POST /api/v1/billing/checkout
18
+ // (Sprint 9 expõe via SDK direto)
19
+ return NextResponse.json({
20
+ redirectUrl: `https://minhaconta.neetru.com/checkout?slug=${slug}`,
21
+ });
22
+ }
@@ -1,43 +1,43 @@
1
- /**
2
- * Template — `src/lib/neetru/billing/page.tsx` (gerado por `neetru add billing`).
3
- *
4
- * Página simples: lista planos + botão checkout via SDK.
5
- */
6
- 'use client';
7
-
8
- import { useEffect, useState } from 'react';
9
- import { createNeetruClient, type Product } from '@neetru/sdk';
10
-
11
- const client = createNeetruClient({
12
- apiKey: process.env.NEXT_PUBLIC_NEETRU_API_KEY,
13
- });
14
-
15
- export default function BillingPage() {
16
- const [products, setProducts] = useState<Product[]>([]);
17
- useEffect(() => {
18
- client.catalog
19
- .list()
20
- .then(({ products }) => setProducts(products))
21
- .catch((err) => console.error(err));
22
- }, []);
23
-
24
- return (
25
- <main className="p-8">
26
- <h1 className="text-3xl font-bold mb-6">Planos</h1>
27
- <div className="grid gap-4 md:grid-cols-3">
28
- {products.map((p) => (
29
- <article key={p.slug} className="border p-6">
30
- <h2 className="text-xl font-semibold">{p.name}</h2>
31
- <p className="text-sm text-zinc-600 mt-1">{p.tagline}</p>
32
- <a
33
- href={`/checkout?slug=${p.slug}`}
34
- className="inline-block mt-4 px-4 py-2 bg-zinc-900 text-white"
35
- >
36
- Assinar
37
- </a>
38
- </article>
39
- ))}
40
- </div>
41
- </main>
42
- );
43
- }
1
+ /**
2
+ * Template — `src/lib/neetru/billing/page.tsx` (gerado por `neetru add billing`).
3
+ *
4
+ * Página simples: lista planos + botão checkout via SDK.
5
+ */
6
+ 'use client';
7
+
8
+ import { useEffect, useState } from 'react';
9
+ import { createNeetruClient, type Product } from '@neetru/sdk';
10
+
11
+ const client = createNeetruClient({
12
+ apiKey: process.env.NEXT_PUBLIC_NEETRU_API_KEY,
13
+ });
14
+
15
+ export default function BillingPage() {
16
+ const [products, setProducts] = useState<Product[]>([]);
17
+ useEffect(() => {
18
+ client.catalog
19
+ .list()
20
+ .then(({ products }) => setProducts(products))
21
+ .catch((err) => console.error(err));
22
+ }, []);
23
+
24
+ return (
25
+ <main className="p-8">
26
+ <h1 className="text-3xl font-bold mb-6">Planos</h1>
27
+ <div className="grid gap-4 md:grid-cols-3">
28
+ {products.map((p) => (
29
+ <article key={p.slug} className="border p-6">
30
+ <h2 className="text-xl font-semibold">{p.name}</h2>
31
+ <p className="text-sm text-zinc-600 mt-1">{p.tagline}</p>
32
+ <a
33
+ href={`/checkout?slug=${p.slug}`}
34
+ className="inline-block mt-4 px-4 py-2 bg-zinc-900 text-white"
35
+ >
36
+ Assinar
37
+ </a>
38
+ </article>
39
+ ))}
40
+ </div>
41
+ </main>
42
+ );
43
+ }
@@ -1,68 +1,68 @@
1
- /**
2
- * Template — `src/lib/neetru/support/ticket-form.tsx` (gerado por `neetru add support`).
3
- *
4
- * Form de suporte: cria ticket via SDK.
5
- */
6
- 'use client';
7
-
8
- import { useState } from 'react';
9
- import { createNeetruClient } from '@neetru/sdk';
10
-
11
- const client = createNeetruClient({
12
- apiKey: process.env.NEXT_PUBLIC_NEETRU_API_KEY,
13
- });
14
-
15
- export function SupportTicketForm() {
16
- const [subject, setSubject] = useState('');
17
- const [message, setMessage] = useState('');
18
- const [submitting, setSubmitting] = useState(false);
19
- const [result, setResult] = useState<string | null>(null);
20
-
21
- async function handleSubmit(e: React.FormEvent) {
22
- e.preventDefault();
23
- setSubmitting(true);
24
- try {
25
- const ticket = await client.support.createTicket({ subject, message });
26
- setResult(`Ticket criado: ${ticket.id}`);
27
- setSubject('');
28
- setMessage('');
29
- } catch (err) {
30
- setResult('Falha ao criar ticket.');
31
- console.error(err);
32
- } finally {
33
- setSubmitting(false);
34
- }
35
- }
36
-
37
- return (
38
- <form onSubmit={handleSubmit} className="grid gap-3 max-w-md">
39
- <label className="grid gap-1">
40
- <span className="text-sm font-medium">Assunto</span>
41
- <input
42
- required
43
- value={subject}
44
- onChange={(e) => setSubject(e.target.value)}
45
- className="border px-3 py-2"
46
- />
47
- </label>
48
- <label className="grid gap-1">
49
- <span className="text-sm font-medium">Mensagem</span>
50
- <textarea
51
- required
52
- rows={5}
53
- value={message}
54
- onChange={(e) => setMessage(e.target.value)}
55
- className="border px-3 py-2"
56
- />
57
- </label>
58
- <button
59
- type="submit"
60
- disabled={submitting}
61
- className="px-4 py-2 bg-zinc-900 text-white"
62
- >
63
- {submitting ? 'Enviando...' : 'Enviar'}
64
- </button>
65
- {result && <p className="text-sm">{result}</p>}
66
- </form>
67
- );
68
- }
1
+ /**
2
+ * Template — `src/lib/neetru/support/ticket-form.tsx` (gerado por `neetru add support`).
3
+ *
4
+ * Form de suporte: cria ticket via SDK.
5
+ */
6
+ 'use client';
7
+
8
+ import { useState } from 'react';
9
+ import { createNeetruClient } from '@neetru/sdk';
10
+
11
+ const client = createNeetruClient({
12
+ apiKey: process.env.NEXT_PUBLIC_NEETRU_API_KEY,
13
+ });
14
+
15
+ export function SupportTicketForm() {
16
+ const [subject, setSubject] = useState('');
17
+ const [message, setMessage] = useState('');
18
+ const [submitting, setSubmitting] = useState(false);
19
+ const [result, setResult] = useState<string | null>(null);
20
+
21
+ async function handleSubmit(e: React.FormEvent) {
22
+ e.preventDefault();
23
+ setSubmitting(true);
24
+ try {
25
+ const ticket = await client.support.createTicket({ subject, message });
26
+ setResult(`Ticket criado: ${ticket.id}`);
27
+ setSubject('');
28
+ setMessage('');
29
+ } catch (err) {
30
+ setResult('Falha ao criar ticket.');
31
+ console.error(err);
32
+ } finally {
33
+ setSubmitting(false);
34
+ }
35
+ }
36
+
37
+ return (
38
+ <form onSubmit={handleSubmit} className="grid gap-3 max-w-md">
39
+ <label className="grid gap-1">
40
+ <span className="text-sm font-medium">Assunto</span>
41
+ <input
42
+ required
43
+ value={subject}
44
+ onChange={(e) => setSubject(e.target.value)}
45
+ className="border px-3 py-2"
46
+ />
47
+ </label>
48
+ <label className="grid gap-1">
49
+ <span className="text-sm font-medium">Mensagem</span>
50
+ <textarea
51
+ required
52
+ rows={5}
53
+ value={message}
54
+ onChange={(e) => setMessage(e.target.value)}
55
+ className="border px-3 py-2"
56
+ />
57
+ </label>
58
+ <button
59
+ type="submit"
60
+ disabled={submitting}
61
+ className="px-4 py-2 bg-zinc-900 text-white"
62
+ >
63
+ {submitting ? 'Enviando...' : 'Enviar'}
64
+ </button>
65
+ {result && <p className="text-sm">{result}</p>}
66
+ </form>
67
+ );
68
+ }