feat(CC-081): add Email Integration placeholder page (setup guide + GDPR policies)
This commit is contained in:
parent
299e1e38ac
commit
7b634ad0ec
1 changed files with 63 additions and 0 deletions
63
src/app/dashboard/integrations/email/page.tsx
Normal file
63
src/app/dashboard/integrations/email/page.tsx
Normal file
|
|
@ -0,0 +1,63 @@
|
|||
'use client';
|
||||
|
||||
import Link from 'next/link';
|
||||
|
||||
export default function EmailIntegrationPage() {
|
||||
return (
|
||||
<div className="max-w-3xl space-y-6 p-6">
|
||||
<div>
|
||||
<h1 className="font-display text-2xl font-semibold text-ink">Integrare Email</h1>
|
||||
<p className="text-sm text-ink-faint mt-1">Import selectiv + redactare AI cu aprobare înainte de trimitere.</p>
|
||||
</div>
|
||||
|
||||
<div className="card p-4 bg-warn/5 border-warn/30">
|
||||
<p className="text-xs font-semibold text-warn mb-1">Statusul integrării: Neconectat</p>
|
||||
<p className="text-xs text-ink-faint">Integrarea email nu este configurată. Urmează pașii de mai jos pentru conectare.</p>
|
||||
</div>
|
||||
|
||||
<div className="space-y-3">
|
||||
<p className="text-xs font-semibold uppercase tracking-wider text-ink-faint">Pași de configurare</p>
|
||||
{[
|
||||
{ step: '1', title: 'Selectează provider', desc: 'Gmail, Outlook / Microsoft 365, sau IMAP generic.' },
|
||||
{ step: '2', title: 'Autentificare OAuth2', desc: 'CEO OS solicită permisiuni read-only pentru inbox. Nicio parolă stocată.' },
|
||||
{ step: '3', title: 'Configurează filtre import', desc: 'Alege ce etichete/foldere să fie importate. Importul este selectiv, nu full-sync.' },
|
||||
{ step: '4', title: 'Activează extracție entități', desc: 'Hermes extrage contacte, decizii și acțiuni din emailuri. Necesită aprobare AI.' },
|
||||
].map((s) => (
|
||||
<div key={s.step} className="card p-4 flex gap-4">
|
||||
<div className="w-7 h-7 rounded-full bg-primary/10 flex items-center justify-center text-xs font-bold text-primary shrink-0">
|
||||
{s.step}
|
||||
</div>
|
||||
<div>
|
||||
<p className="text-sm font-medium text-ink">{s.title}</p>
|
||||
<p className="text-[10px] text-ink-faint mt-0.5">{s.desc}</p>
|
||||
</div>
|
||||
</div>
|
||||
))}
|
||||
</div>
|
||||
|
||||
<div className="card p-4 bg-primary/5 border-primary/20 space-y-2">
|
||||
<p className="text-xs font-semibold text-ink">Politici de confidențialitate email</p>
|
||||
<div className="text-[10px] text-ink-faint space-y-0.5">
|
||||
<p>• Emailurile expeditorilor de persoane fizice necesită consimțământ GDPR înainte de import.</p>
|
||||
<p>• Redactarea AI a răspunsurilor necesită aprobare umană înainte de trimitere.</p>
|
||||
<p>• Niciun email nu este trimis autonom fără confirmare explicită.</p>
|
||||
<p>• Emailurile importate se rețin conform politicii de retenție C2 (3 ani).</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="flex gap-3">
|
||||
<button disabled className="rounded-lg bg-primary/40 px-4 py-2 text-sm text-white cursor-not-allowed">
|
||||
Conectează Gmail (în curând)
|
||||
</button>
|
||||
<button disabled className="rounded-lg border px-4 py-2 text-sm text-ink-faint cursor-not-allowed">
|
||||
Conectează Outlook (în curând)
|
||||
</button>
|
||||
</div>
|
||||
|
||||
<div className="flex gap-2">
|
||||
<Link href="/dashboard/integrations" className="text-xs text-primary hover:underline">← Toate integrările</Link>
|
||||
<Link href="/dashboard/privacy/retention" className="text-xs text-ink-faint hover:underline">Politici retenție</Link>
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
Loading…
Reference in a new issue