File size: 863 Bytes
6ce4ca6
 
 
3cdf7b9
 
 
 
6ce4ca6
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
3cdf7b9
 
 
 
 
 
 
 
6ce4ca6
3cdf7b9
 
 
 
 
 
 
6ce4ca6
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
<script lang="ts">
	import type { RemoteCompute } from "$lib/elements/compute//RemoteCompute.svelte";
	import { ICON } from "$lib/utils/icon";
	import {
		BaseStatusBox,
		StatusHeader,
		StatusContent
	} from "$lib/components/3d/ui";

	interface Props {
		compute: RemoteCompute;
	}

	let { compute }: Props = $props();

	// Compute theme color
	const computeColor = "rgb(139, 69, 219)";
</script>

<BaseStatusBox
	minWidth={110}
	minHeight={135}
	color={computeColor}
	borderOpacity={0.6}
	backgroundOpacity={0.2}
	clickable={false}
>
	<!-- Header -->
	<StatusHeader
		icon={ICON["icon-[mdi--brain]"].svg}
		text="AI COMPUTE"
		color={computeColor}
		opacity={0.9}
		fontSize={12}
	/>

	<!-- Compute Info -->
	<StatusContent
		title={compute.name}
		subtitle={compute.statusInfo.statusText}
		color="rgb(221, 214, 254)"
		variant="primary"
	/>
</BaseStatusBox>