Spaces:
Running
Running
| import{o as e}from"./chunk-CMxvf4Kt.js";import{t}from"./react-DrNXigiH.js";import{C as n}from"./index-Caa1r77e.js";import{t as r}from"./layout-BtJ5ShnN.js";import{c as i,r as a,s as o,u as s}from"./ui-Ddu9t0Or.js";import{i as c,n as l,r as u,t as d}from"./DefenseDataState-C9G93yfx.js";var f=e(t(),1),p=n(),m={surface:`rgba(255,255,255,0.025)`,border:`rgba(255,255,255,0.08)`,text:`#f5f5f5`,dim:`#8a8a8a`,muted:`#5e5e5e`,accent:`#c9b787`},h={full:`#c9b787`,partial:`#f59e0b`,planned:`#5e5e5e`},g={compliant:`#c9b787`,partial:`#f59e0b`,"in-progress":`#3b82f6`};function _(){let[e,t]=(0,f.useState)(`atlas`),{data:n,loading:_,error:v,lastUpdated:y,refresh:b}=c(`/api/internal/a11oy/defense/atlas-shield`),x=n?.atlasTechniques??[],S=n?.attckTechniques??[],C=n?.owaspAgentic??[],w=x.filter(e=>e.coverage===`full`).length,T=S.filter(e=>e.coverage===`full`).length,E=C.filter(e=>e.status===`compliant`).length,D=x.reduce((e,t)=>e+t.detections,0);return(0,p.jsxs)(r,{children:[(0,p.jsx)(i,{label:`ATLAS SHIELD`,title:`Dual-Framework AI Threat Coverage`,subtitle:`MITRE ATLAS (84 AI-specific attack techniques) + MITRE ATT&CK coverage — combined with OWASP Agentic Security Top 10 compliance for comprehensive agent threat defense.`,status:`LIVE`}),(0,p.jsx)(u,{loading:_,error:v,lastUpdated:y,onRefresh:b}),!n&&_?(0,p.jsx)(l,{label:`Loading ATLAS coverage matrix…`}):!n&&v?(0,p.jsx)(d,{error:v,onRetry:b}):(0,p.jsxs)(p.Fragment,{children:[(0,p.jsxs)(`div`,{className:`grid grid-cols-2 sm:grid-cols-3 lg:grid-cols-6 gap-3 mb-8`,children:[(0,p.jsx)(o,{label:`ATLAS COVERAGE`,value:`${w}/${x.length}`,sub:`techniques covered`,accent:m.accent}),(0,p.jsx)(o,{label:`ATT&CK COVERAGE`,value:`${T}/${S.length}`,sub:`techniques mapped`,accent:m.accent}),(0,p.jsx)(o,{label:`OWASP AGENTIC`,value:`${E}/10`,sub:`compliant`,accent:m.accent}),(0,p.jsx)(o,{label:`TOTAL DETECTIONS`,value:D.toLocaleString(),sub:`threats caught`,accent:m.accent}),(0,p.jsx)(o,{label:`PROMPT INJECTIONS`,value:x.find(e=>e.id===`AML.T0048`)?.detections.toLocaleString()??`0`,sub:`blocked`,accent:m.text}),(0,p.jsx)(o,{label:`FRAMEWORKS`,value:`3`,sub:`ATLAS + ATT&CK + OWASP`,accent:m.dim})]}),(0,p.jsx)(`div`,{className:`flex gap-1 mb-6`,children:[`atlas`,`attck`,`owasp`,`coverage`].map(n=>(0,p.jsx)(`button`,{onClick:()=>t(n),className:`px-4 py-2 text-[10px] font-mono uppercase tracking-widest rounded-md transition-all`,style:{background:e===n?`rgba(201,183,135,0.1)`:`transparent`,color:e===n?m.accent:m.muted,border:`1px solid ${e===n?`rgba(201,183,135,0.2)`:`transparent`}`,cursor:`pointer`},children:n===`attck`?`ATT&CK`:n},n))}),e===`atlas`&&(0,p.jsxs)(p.Fragment,{children:[(0,p.jsx)(s,{children:`MITRE ATLAS — AI-Specific Attack Techniques`}),(0,p.jsx)(`p`,{className:`text-xs mb-4`,style:{color:m.dim},children:`MITRE ATLAS catalogs 84 AI-specific attack techniques across 56 sub-techniques. A11oy maps each technique to a specific defense layer with detection telemetry.`}),(0,p.jsx)(`div`,{className:`rounded-lg overflow-hidden mb-8`,style:{border:`1px solid ${m.border}`},children:(0,p.jsxs)(`table`,{className:`w-full text-xs`,children:[(0,p.jsx)(`thead`,{children:(0,p.jsx)(`tr`,{style:{background:`rgba(255,255,255,0.02)`},children:[`ID`,`Technique`,`Tactic`,`Coverage`,`Detections`,`A11oy Defense`].map(e=>(0,p.jsx)(`th`,{className:`text-left px-4 py-2.5 font-mono text-[9px] uppercase tracking-wider`,style:{color:m.muted,borderBottom:`1px solid ${m.border}`},children:e},e))})}),(0,p.jsx)(`tbody`,{children:x.map(e=>(0,p.jsxs)(`tr`,{style:{borderBottom:`1px solid rgba(255,255,255,0.04)`},children:[(0,p.jsx)(`td`,{className:`px-4 py-2.5 font-mono font-medium`,style:{color:m.accent},children:e.id}),(0,p.jsx)(`td`,{className:`px-4 py-2.5`,style:{color:m.text},children:e.name}),(0,p.jsx)(`td`,{className:`px-4 py-2.5`,children:(0,p.jsx)(`span`,{className:`text-[9px] font-mono px-1.5 py-0.5 rounded`,style:{background:`rgba(255,255,255,0.04)`,color:m.dim},children:e.tactic})}),(0,p.jsx)(`td`,{className:`px-4 py-2.5`,children:(0,p.jsx)(`span`,{className:`text-[9px] font-mono px-1.5 py-0.5 rounded`,style:{background:`${h[e.coverage]}15`,color:h[e.coverage]},children:e.coverage})}),(0,p.jsx)(`td`,{className:`px-4 py-2.5 font-mono`,style:{color:e.detections>100?m.text:m.dim},children:e.detections.toLocaleString()}),(0,p.jsx)(`td`,{className:`px-4 py-2.5 text-[10px]`,style:{color:m.dim,maxWidth:300},children:e.a11oyDefense})]},e.id))})]})})]}),e===`attck`&&(0,p.jsxs)(p.Fragment,{children:[(0,p.jsx)(s,{children:`MITRE ATT&CK — Enterprise Techniques (Agent-Relevant)`}),(0,p.jsx)(`p`,{className:`text-xs mb-4`,style:{color:m.dim},children:`Traditional ATT&CK techniques mapped to agentic AI attack surfaces. A11oy extends enterprise threat coverage to agent-specific contexts.`}),(0,p.jsx)(`div`,{className:`rounded-lg overflow-hidden mb-8`,style:{border:`1px solid ${m.border}`},children:(0,p.jsxs)(`table`,{className:`w-full text-xs`,children:[(0,p.jsx)(`thead`,{children:(0,p.jsx)(`tr`,{style:{background:`rgba(255,255,255,0.02)`},children:[`ID`,`Technique`,`Tactic`,`Coverage`,`Agent Relevance`].map(e=>(0,p.jsx)(`th`,{className:`text-left px-4 py-2.5 font-mono text-[9px] uppercase tracking-wider`,style:{color:m.muted,borderBottom:`1px solid ${m.border}`},children:e},e))})}),(0,p.jsx)(`tbody`,{children:S.map(e=>(0,p.jsxs)(`tr`,{style:{borderBottom:`1px solid rgba(255,255,255,0.04)`},children:[(0,p.jsx)(`td`,{className:`px-4 py-2.5 font-mono font-medium`,style:{color:`#3b82f6`},children:e.id}),(0,p.jsx)(`td`,{className:`px-4 py-2.5`,style:{color:m.text},children:e.name}),(0,p.jsx)(`td`,{className:`px-4 py-2.5`,children:(0,p.jsx)(`span`,{className:`text-[9px] font-mono px-1.5 py-0.5 rounded`,style:{background:`rgba(255,255,255,0.04)`,color:m.dim},children:e.tactic})}),(0,p.jsx)(`td`,{className:`px-4 py-2.5`,children:(0,p.jsx)(`span`,{className:`text-[9px] font-mono px-1.5 py-0.5 rounded`,style:{background:`${h[e.coverage]}15`,color:h[e.coverage]},children:e.coverage})}),(0,p.jsx)(`td`,{className:`px-4 py-2.5 text-[10px]`,style:{color:m.dim},children:e.relevance})]},e.id))})]})})]}),e===`owasp`&&(0,p.jsxs)(p.Fragment,{children:[(0,p.jsx)(s,{children:`OWASP Agentic Security Top 10 Compliance`}),(0,p.jsx)(`p`,{className:`text-xs mb-4`,style:{color:m.dim},children:`OWASP Agentic Security Initiative (ASI) defines the top 10 risks for agentic AI systems. A11oy maps each risk to specific governance controls.`}),(0,p.jsx)(`div`,{className:`space-y-3 mb-8`,children:C.map(e=>(0,p.jsxs)(a,{children:[(0,p.jsxs)(`div`,{className:`flex items-start justify-between gap-3 mb-2`,children:[(0,p.jsxs)(`div`,{children:[(0,p.jsxs)(`div`,{className:`flex items-center gap-2 mb-1`,children:[(0,p.jsx)(`span`,{className:`text-sm font-mono font-bold`,style:{color:m.accent},children:e.id}),(0,p.jsx)(`span`,{className:`text-[9px] font-mono px-1.5 py-0.5 rounded`,style:{background:`${g[e.status]}15`,color:g[e.status]},children:e.status})]}),(0,p.jsx)(`div`,{className:`text-sm font-medium mb-1`,style:{color:m.text},children:e.name}),(0,p.jsx)(`p`,{className:`text-[10px] mb-2`,style:{color:m.dim},children:e.description})]}),e.detections>0&&(0,p.jsxs)(`div`,{className:`flex-shrink-0 text-right`,children:[(0,p.jsx)(`div`,{className:`text-lg font-mono font-bold`,style:{color:m.accent},children:e.detections.toLocaleString()}),(0,p.jsx)(`div`,{className:`text-[9px] font-mono`,style:{color:m.muted},children:`detections`})]})]}),(0,p.jsxs)(`div`,{className:`p-2.5 rounded`,style:{background:`rgba(201,183,135,0.04)`,border:`1px solid rgba(201,183,135,0.1)`},children:[(0,p.jsx)(`span`,{className:`text-[9px] font-mono`,style:{color:m.accent},children:`A11OY CONTROL:`}),(0,p.jsx)(`span`,{className:`text-[10px] ml-1.5`,style:{color:m.dim},children:e.a11oyControl})]})]},e.id))})]}),e===`coverage`&&(0,p.jsxs)(p.Fragment,{children:[(0,p.jsx)(s,{children:`Dual-Framework Coverage Matrix`}),(0,p.jsx)(`p`,{className:`text-xs mb-4`,style:{color:m.dim},children:`Combined view of MITRE ATLAS + MITRE ATT&CK coverage showing how A11oy's defense layers map across both frameworks.`}),(0,p.jsxs)(`div`,{className:`grid md:grid-cols-2 gap-6 mb-8`,children:[(0,p.jsxs)(a,{children:[(0,p.jsx)(`div`,{className:`text-[9px] font-mono uppercase tracking-widest mb-3`,style:{color:m.muted},children:`MITRE ATLAS COVERAGE`}),(0,p.jsxs)(`div`,{className:`flex items-center gap-4 mb-3`,children:[(0,p.jsxs)(`div`,{className:`text-3xl font-mono font-bold`,style:{color:m.accent},children:[x.length?(w/x.length*100).toFixed(0):`0`,`%`]}),(0,p.jsx)(`div`,{className:`flex-1`,children:(0,p.jsx)(`div`,{className:`h-3 rounded-full`,style:{background:m.surface},children:(0,p.jsx)(`div`,{className:`h-3 rounded-full`,style:{width:`${x.length?w/x.length*100:0}%`,background:m.accent}})})})]}),(0,p.jsxs)(`div`,{className:`flex gap-4 text-[10px]`,children:[(0,p.jsxs)(`div`,{children:[(0,p.jsx)(`span`,{style:{color:m.accent},children:`Full:`}),` `,(0,p.jsx)(`span`,{style:{color:m.text},children:w})]}),(0,p.jsxs)(`div`,{children:[(0,p.jsx)(`span`,{style:{color:`#f59e0b`},children:`Partial:`}),` `,(0,p.jsx)(`span`,{style:{color:m.text},children:x.filter(e=>e.coverage===`partial`).length})]}),(0,p.jsxs)(`div`,{children:[(0,p.jsx)(`span`,{style:{color:m.muted},children:`Planned:`}),` `,(0,p.jsx)(`span`,{style:{color:m.text},children:x.filter(e=>e.coverage===`planned`).length})]})]})]}),(0,p.jsxs)(a,{children:[(0,p.jsx)(`div`,{className:`text-[9px] font-mono uppercase tracking-widest mb-3`,style:{color:m.muted},children:`MITRE ATT&CK COVERAGE`}),(0,p.jsxs)(`div`,{className:`flex items-center gap-4 mb-3`,children:[(0,p.jsxs)(`div`,{className:`text-3xl font-mono font-bold`,style:{color:m.accent},children:[S.length?(T/S.length*100).toFixed(0):`0`,`%`]}),(0,p.jsx)(`div`,{className:`flex-1`,children:(0,p.jsx)(`div`,{className:`h-3 rounded-full`,style:{background:m.surface},children:(0,p.jsx)(`div`,{className:`h-3 rounded-full`,style:{width:`${S.length?T/S.length*100:0}%`,background:`#3b82f6`}})})})]}),(0,p.jsxs)(`div`,{className:`flex gap-4 text-[10px]`,children:[(0,p.jsxs)(`div`,{children:[(0,p.jsx)(`span`,{style:{color:`#3b82f6`},children:`Full:`}),` `,(0,p.jsx)(`span`,{style:{color:m.text},children:T})]}),(0,p.jsxs)(`div`,{children:[(0,p.jsx)(`span`,{style:{color:`#f59e0b`},children:`Partial:`}),` `,(0,p.jsx)(`span`,{style:{color:m.text},children:S.filter(e=>e.coverage===`partial`).length})]})]})]})]}),(0,p.jsxs)(a,{children:[(0,p.jsx)(`div`,{className:`text-[9px] font-mono uppercase tracking-widest mb-3`,style:{color:m.muted},children:`OWASP AGENTIC COMPLIANCE`}),(0,p.jsxs)(`div`,{className:`flex items-center gap-4 mb-3`,children:[(0,p.jsxs)(`div`,{className:`text-3xl font-mono font-bold`,style:{color:m.accent},children:[E,`/10`]}),(0,p.jsx)(`div`,{className:`flex-1`,children:(0,p.jsx)(`div`,{className:`h-3 rounded-full`,style:{background:m.surface},children:(0,p.jsx)(`div`,{className:`h-3 rounded-full`,style:{width:`${E/10*100}%`,background:m.accent}})})})]}),(0,p.jsx)(`div`,{className:`grid grid-cols-5 gap-2`,children:C.map(e=>(0,p.jsxs)(`div`,{className:`text-center p-2 rounded`,style:{background:`${g[e.status]}08`,border:`1px solid ${g[e.status]}20`},children:[(0,p.jsx)(`div`,{className:`text-[9px] font-mono font-bold`,style:{color:g[e.status]},children:e.id}),(0,p.jsx)(`div`,{className:`text-[8px] mt-0.5`,style:{color:m.muted},children:e.status})]},e.id))})]})]}),(0,p.jsxs)(`div`,{className:`p-3 rounded-lg text-xs flex items-center gap-2 mt-6`,style:{background:`rgba(201,183,135,0.04)`,border:`1px solid rgba(201,183,135,0.15)`,color:m.muted},children:[(0,p.jsx)(`span`,{className:`w-1.5 h-1.5 rounded-full`,style:{background:m.accent}}),` ATLAS Shield — dual-framework threat coverage combining MITRE ATLAS AI techniques, MITRE ATT&CK enterprise techniques, and OWASP Agentic Security Top 10.`]})]})]})}export{_ as AtlasShield}; |