Spaces:
Sleeping
Sleeping
File size: 2,289 Bytes
4dc66a3 |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 |
export function AdminRulesPanel() {
const highlights = [
{
title: "Bulk Upload",
description: "Paste multiple compliance rules at once and push them to the MCP backend.",
},
{
title: "Governance Timeline",
description: "Track when each rule was last updated for audit-readiness.",
},
{
title: "Rule Severity",
description: "Tag entries as advisory, warning, or block-listed for automated enforcement.",
},
{
title: "Tenant Isolation",
description: "Rules are scoped per tenant, ensuring zero data leakage.",
},
];
return (
<div className="rounded-3xl border border-slate-800/80 bg-slate-900/60 p-8 shadow-2xl shadow-slate-950/40">
<div className="flex flex-col gap-4">
<div>
<p className="text-sm font-semibold uppercase tracking-[0.3em] text-cyan-400">Admin Controls</p>
<h2 className="mt-3 text-3xl font-semibold text-white">Admin Rule Ingestion</h2>
<p className="mt-3 text-base text-slate-300">
Upload governance policies, red-flag keywords, and compliance workflows directly into the IntegraChat admin
service. Rules are stored in the backend's SQLite demo store and enforced across all MCP toolchains.
</p>
</div>
<div className="grid gap-4 md:grid-cols-2">
{highlights.map((item) => (
<div
key={item.title}
className="rounded-2xl border border-white/5 bg-white/5 p-4 text-slate-200 transition hover:border-cyan-400/40"
>
<p className="text-sm font-semibold text-cyan-300">{item.title}</p>
<p className="mt-2 text-sm text-slate-300">{item.description}</p>
</div>
))}
</div>
<div className="flex flex-wrap gap-3">
<button className="rounded-full bg-gradient-to-r from-cyan-400 to-blue-500 px-6 py-2 text-sm font-semibold text-slate-950 shadow-lg shadow-cyan-500/30">
Launch Admin Console
</button>
<button className="rounded-full border border-white/20 px-6 py-2 text-sm font-semibold text-white hover:border-cyan-400/60">
View Rule Templates
</button>
</div>
</div>
</div>
);
}
|