51 lines
2.2 KiB
TypeScript
51 lines
2.2 KiB
TypeScript
'use client';
|
|
|
|
import React from 'react';
|
|
|
|
export function OperationsOperators() {
|
|
return (
|
|
<div className="space-y-6">
|
|
{/* Header Row */}
|
|
<div className="pb-4 border-b border-outline-variant/30">
|
|
<span className="text-[11px] font-mono uppercase tracking-widest text-primary-fixed-dim">
|
|
ACCESS CONTROL
|
|
</span>
|
|
<h1 className="font-headline-xl text-2xl sm:text-3xl font-bold text-on-surface tracking-tight mt-1">
|
|
OPERATORS
|
|
</h1>
|
|
<p className="text-xs text-on-surface-variant mt-1">
|
|
Directory and role assignments for platform administrative operators.
|
|
</p>
|
|
</div>
|
|
|
|
{/* Clean Placeholder Panel */}
|
|
<div className="p-8 rounded-xl bg-surface-container-low border border-outline-variant/30 max-w-2xl mx-auto my-8 text-center space-y-4 shadow-sm">
|
|
<div className="w-12 h-12 rounded-full bg-surface-container-high border border-outline-variant/40 flex items-center justify-center text-outline mx-auto">
|
|
<span className="material-symbols-outlined text-[24px]">manage_accounts</span>
|
|
</div>
|
|
|
|
<div className="space-y-2">
|
|
<h2 className="text-base font-bold text-on-surface uppercase tracking-wide">
|
|
OPERATORS
|
|
</h2>
|
|
<p className="text-xs text-on-surface-variant max-w-md mx-auto leading-relaxed">
|
|
Operator management is not enabled in this Operations foundation.
|
|
</p>
|
|
</div>
|
|
|
|
<div className="pt-4 border-t border-outline-variant/20 text-[11px] text-outline text-left space-y-2 bg-surface-container-lowest/50 p-4 rounded-lg">
|
|
<div className="flex items-center gap-1.5 font-mono text-on-surface font-semibold uppercase text-[10px]">
|
|
<span className="material-symbols-outlined text-[14px] text-primary-fixed-dim">
|
|
info
|
|
</span>
|
|
<span>Security Governance Policy</span>
|
|
</div>
|
|
<p className="leading-normal">
|
|
Operator accounts, role promotions, and revocations are managed strictly through versioned PostgreSQL infrastructure migrations on the <code className="text-primary-fixed-dim font-mono">ops.operators</code> table.
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|