feat: hosting access tab (#5995)

* feat: implement access tab with dummy data

* fix: spacing

* feat: qa

* feat: implement backend

* qa: qa pass

* feat: fix user "search"

* fix: lint

* feat: change to bitfield

* feat: fix fields

* fix: lint

* fix: lint

* feat: hook up api

* feat: fix permissions

* feat: audit log table event start

* feat: better mobile mode for audit log table

* feat: i18n

* feat: qa

* feat: enforce permissions

* feat: email template start

* feat: qa

* fix: tooltip bug

* feat: qa

* impl: sse support in api-client

* feat: sse impl

* fix: desync path

* feat: time frame picker from analytics

* feat: QA

* fix: spacing

* fix: permisison audit log entries

* fix: hosting manage page shared server detection

* fix: lint

* feat: qa + lint

* feat: audit log table sort by time

* feat: finish frontend panel stuff

* fix: lint

* fix: backend alignment

* fix: lint

* fix: supress friend errors

* feat: qa

* fix: qa

* fix: lint

* fix: utils barrel

* fix: safari cookies in dev

* fix: pin nuxt

* feat: fixes + notif fix

* fix: notifications

* feat: qa

* fix: notification sync not happening immediately

* fix: qa

* fix: qa

* feat: qa

* blog + prepr

* feat: toast shit

* blog images

* thumbnail update one last time

* prepr

* feat: use reinvite route

* update images

* fix: reinvite stuff

* fix: lint

* fix: alignment of save bar

* fix: notif sizing

* fix: split up access

* fix: lint

* fix: lint

* fix: link

---------

Co-authored-by: Prospector <6166773+Prospector@users.noreply.github.com>

packages/ui/src/providers/popup-notifications.ts

@@ -14,10 +14,35 @@ export interface PopupNotificationProgressItem {
 	id: string
 	title: string
 	text?: string
+	iconUrl?: string | null
 	progress: number
 	waiting: boolean
 }
 
+export type PopupNotificationToastType =
+	| 'friend-request'
+	| 'server-invite'
+	| 'instance-invite'
+	| 'instance-download'
+	| 'instance-ready'
+
+export interface PopupNotificationToast {
+	type: PopupNotificationToastType
+	actorName?: string | null
+	actorAvatarUrl?: string | null
+	entityName?: string
+	entityIconUrl?: string | null
+	statusText?: string
+	progress?: number
+	waiting?: boolean
+	onAccept?: () => void | Promise<void>
+	onDecline?: () => void | Promise<void>
+	onDismiss?: () => void | Promise<void>
+	onLaunch?: () => void | Promise<void>
+	onOpenActor?: () => void | Promise<void>
+	onOpenInstance?: () => void | Promise<void>
+}
+
 export interface PopupNotification {
 	id: string | number
 	title: string
@@ -25,11 +50,13 @@ export interface PopupNotification {
 	bodyComponent?: Component
 	bodyProps?: Record<string, unknown>
 	text?: string
+	iconUrl?: string | null
 	type?: 'error' | 'warning' | 'success' | 'info' | 'download'
 	progress?: number
 	waiting?: boolean
 	progressItems?: PopupNotificationProgressItem[]
 	buttons?: PopupNotificationButton[]
+	toast?: PopupNotificationToast
 	autoCloseMs?: number | null
 	timer?: NodeJS.Timeout
 }

packages/ui/src/providers/server-context.ts

@@ -1,5 +1,4 @@
 import type { Archon, UploadState } from '@modrinth/api-client'
-import type { Stats } from '@modrinth/utils'
 import type { ComputedRef, Ref } from 'vue'
 
 import type { MessageDescriptor } from '#ui/composables/i18n'
@@ -18,10 +17,29 @@ export interface FilesystemAuth {
 
 export type CancelUploadHandler = () => void | Promise<void>
 
+export interface ServerStatsSample {
+	cpu_percent: number
+	ram_usage_bytes: number
+	ram_total_bytes: number
+	storage_usage_bytes: number
+	storage_total_bytes: number
+}
+
+export interface ServerStats {
+	current: ServerStatsSample
+	past: ServerStatsSample
+	graph: {
+		cpu: number[]
+		ram: number[]
+	}
+}
+
 export interface ModrinthServerContext {
 	readonly serverId: string
 	readonly worldId: Ref<string | null>
 	readonly server: Ref<Archon.Servers.v0.Server>
+	readonly serverFull: ComputedRef<Archon.Servers.v1.ServerFull | null>
+	readonly currentUserPermissions: ComputedRef<Archon.Servers.v0.UserScope>
 
 	// Websocket state
 	readonly isConnected: Ref<boolean>
@@ -29,7 +47,7 @@ export interface ModrinthServerContext {
 	readonly powerState: Ref<Archon.Websocket.v0.PowerState>
 	readonly powerStateDetails: Ref<{ oom_killed?: boolean; exit_code?: number } | undefined>
 	readonly isServerRunning: ComputedRef<boolean>
-	readonly stats: Ref<Stats>
+	readonly stats: Ref<ServerStats>
 	readonly uptimeSeconds: Ref<number>
 
 	// Content sync state