Hugging Face's logo

Spaces:
Peiyan
/
TrustworthyAI
Runtime error

App Files Community
TrustworthyAI
File size: 1,503 Bytes 
f46b416
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
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
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
 
import { Button, Card, Col, Row, Space, Statistic } from 'antd';
import React from 'react';

export default function Dashboard() {
	return (
		<Space direction='vertical' style={{ width: '100%'}}>
			<Card>
			<Row gutter={[16, 16]}>
				<Col span={8}>
					<Card>
						<Statistic title="Risk Score" value={93} suffix="/ 100" />
					</Card>
				</Col>							

				<Col span={8}>
					<Card>
						<Row justify={'space-around'} align={'bottom'}>
							<Statistic title="High Risk Alerts" value={5} valueStyle={{ color: 'red'}} /> 
							<Button type='link'> View Alerts</Button>
						</Row>
					</Card>
				</Col>							

			</Row>
			</Card>


			<Card>
				<Row gutter={[16, 16]}>
					<Col span={8}>
						<Card>
							<Statistic title="Deployed Models" value={5} />
						</Card>
					</Col>

					<Col span={8}>
						<Card>
							<Statistic title="Active Endpoints" value={3} />
						</Card>
					</Col>

					<Col span={8}>
						<Card>
							<Statistic title="Active Guards" value={14} />
						</Card>
					</Col>
				</Row>    
			</Card>

			<Card>
				<Row gutter={[16, 16]}>
					<Col span={6}>
						<Card>
							<Statistic title="API Calls" value={2130125} />
						</Card>
					</Col>

					<Col span={8}>
						<Card>
							<Statistic title="Tokens Used" value={32507213} />
						</Card>
					</Col>

					<Col span={8}>
						<Card>
							<Statistic title="Est. Monthly Cost" value={12415} prefix="$" />
						</Card>
					</Col>
				</Row>    
			</Card>

		</Space>
	)
}