Cloudform UI

Cloudform UI is the control plane interface for the private cloud. It provides operators with a live view of cluster state, service health, and resource utilisation without requiring SSH access to manager nodes.

Stack

Built on Nuxt 4 with TypeScript throughout. The real-time data layer uses Server-Sent Events — a simpler and more reliable transport than WebSockets for unidirectional state streaming.

// server/routes/stream/cluster.ts
export default defineEventHandler(async (event) => {
  setHeader(event, 'Content-Type', 'text/event-stream')
  setHeader(event, 'Cache-Control', 'no-cache')

  const send = (data: ClusterState) => {
    event.node.res.write(`data: ${JSON.stringify(data)}\n\n`)
  }

  const unsubscribe = clusterBus.subscribe(send)
  event.node.req.on('close', unsubscribe)
})

Key Features

• Live node map with per-hypervisor CPU, memory, and network I/O
• Service deployment UI with rollback-to-previous-version in two clicks
• Audit log viewer showing all API calls with the operator identity and timestamp
• Alert acknowledgement workflow integrated with PagerDuty

Status

Internal tool, not publicly accessible. Actively developed — next milestone is adding a resource quota management view for multi-tenant environments.