Full set of admin surfaces on top of /platform/* and /admin/* endpoints,
plus a migration of /assistant onto @crema/llm-providers-ui.
Buckets (/buckets):
S3-level CRUD over /platform/buckets — list, create, delete (with the
6-digit confirmation flow the backend enforces), per-bucket configure
for versioning / CORS rules / policy JSON, plus an object browser
with FileGrid/FileList from @crema/file-ui and presigned-URL reveal.
Storage-config picker scopes the view to one credential at a time.
Monitoring (/monitoring):
Live dashboard. Service health board derived from indirect signals
(status-ui OverallStatus + ComponentRow). KPI tiles for sessions,
jobs, audit. Tabs: background jobs (Donut + BarChart + retry recent),
sessions (Sparkline of last 24h sign-ins), audit activity (BarChart
of severity / top resource types), infrastructure (DO summary +
WorldMapSvg coloured by droplet region + droplet list + Spaces),
rate limits. 30s auto-refresh.
Memberships (/memberships):
M:N glue between users and tenants over /admin/memberships. Add /
edit / suspend / activate / remove with role multi-select.
Networking (/networking):
Tabs over /platform/{firewalls,vpcs,domains,floating_ips}.
Read/delete on firewalls, read on VPCs, full DNS-record CRUD, and
inline assign/unassign for floating IPs.
SSO (/sso):
/sso/identity-providers CRUD with PEM cert as write-only field, plus
/sso/sessions list with destroy.
Announcements (/announcements):
/admin/announcements CRUD. Platform-wide vs per-tenant audience,
schedule windows, dismissible + active toggles.
Status page (/status-page):
/admin/status-page/{components,incidents,subscribers}. Components
CRUD, incidents with timeline + post-update + resolve flow,
subscriber list. Public preview at the top using StatusBoard +
IncidentTimeline from @crema/status-ui.
Assistant migration:
/assistant now uses @crema/llm-providers-ui (provider catalog +
vault key resolution) instead of ~/lib/llm-settings. Same async
buildAdapter() flow used by /ai. The legacy lib file is now
unreferenced and can be removed when ready.
New sibling libs wired (cloned from CremaUIStudio):
lib-file-ui, lib-card-ui, lib-dashboard-ui, lib-chart-ui,
lib-map-ui, lib-status-ui.
Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
173 lines
4.3 KiB
TypeScript
173 lines
4.3 KiB
TypeScript
// Status page helpers — components, incidents, subscribers.
|
|
// Backend: /api/v1/admin/status-page/* (admin CRUD).
|
|
|
|
import type { ArcadiaClient } from "@crema/arcadia-client"
|
|
|
|
export type ComponentStatus =
|
|
| "operational"
|
|
| "degraded_performance"
|
|
| "partial_outage"
|
|
| "major_outage"
|
|
| "maintenance"
|
|
| string
|
|
|
|
export interface StatusComponent {
|
|
id: string
|
|
name: string
|
|
description: string | null
|
|
status: ComponentStatus
|
|
display_order: number
|
|
group_name: string | null
|
|
inserted_at: string
|
|
updated_at: string
|
|
}
|
|
|
|
export type IncidentStatus =
|
|
| "investigating"
|
|
| "identified"
|
|
| "monitoring"
|
|
| "resolved"
|
|
| string
|
|
|
|
export type IncidentImpact = "none" | "minor" | "major" | "critical" | string
|
|
|
|
export interface IncidentUpdate {
|
|
id: string
|
|
status: IncidentStatus
|
|
body: string
|
|
inserted_at: string
|
|
}
|
|
|
|
export interface Incident {
|
|
id: string
|
|
title: string
|
|
status: IncidentStatus
|
|
impact: IncidentImpact
|
|
resolved_at: string | null
|
|
metadata: Record<string, unknown>
|
|
updates: IncidentUpdate[]
|
|
components: StatusComponent[]
|
|
inserted_at: string
|
|
updated_at: string
|
|
}
|
|
|
|
export interface Subscriber {
|
|
id: string
|
|
email: string
|
|
confirmed_at: string | null
|
|
inserted_at: string
|
|
}
|
|
|
|
export interface ComponentInput {
|
|
name: string
|
|
description?: string
|
|
status?: ComponentStatus
|
|
display_order?: number
|
|
group_name?: string | null
|
|
}
|
|
|
|
export interface IncidentInput {
|
|
title: string
|
|
status?: IncidentStatus
|
|
impact?: IncidentImpact
|
|
/** IDs of affected components. */
|
|
component_ids?: string[]
|
|
metadata?: Record<string, unknown>
|
|
}
|
|
|
|
export interface IncidentUpdateInput {
|
|
status: IncidentStatus
|
|
body: string
|
|
}
|
|
|
|
const BASE = "/api/v1/admin/status-page"
|
|
|
|
// --- Components ---------------------------------------------------------
|
|
|
|
export async function listComponents(arcadia: ArcadiaClient): Promise<StatusComponent[]> {
|
|
const res = await arcadia.GET<{ data: StatusComponent[] }>(`${BASE}/components`)
|
|
return res.data
|
|
}
|
|
|
|
export async function createComponent(
|
|
arcadia: ArcadiaClient,
|
|
input: ComponentInput,
|
|
): Promise<StatusComponent> {
|
|
const res = await arcadia.POST<{ data: StatusComponent }>(`${BASE}/components`, {
|
|
body: { component: input },
|
|
})
|
|
return res.data
|
|
}
|
|
|
|
export async function updateComponent(
|
|
arcadia: ArcadiaClient,
|
|
id: string,
|
|
input: Partial<ComponentInput>,
|
|
): Promise<StatusComponent> {
|
|
const res = await arcadia.PUT<{ data: StatusComponent }>(`${BASE}/components/${id}`, {
|
|
body: { component: input },
|
|
})
|
|
return res.data
|
|
}
|
|
|
|
export async function deleteComponent(arcadia: ArcadiaClient, id: string): Promise<void> {
|
|
await arcadia.DELETE(`${BASE}/components/${id}`)
|
|
}
|
|
|
|
// --- Incidents ----------------------------------------------------------
|
|
|
|
export async function listIncidents(arcadia: ArcadiaClient): Promise<Incident[]> {
|
|
const res = await arcadia.GET<{ data: Incident[] }>(`${BASE}/incidents`)
|
|
return res.data
|
|
}
|
|
|
|
export async function getIncident(arcadia: ArcadiaClient, id: string): Promise<Incident> {
|
|
const res = await arcadia.GET<{ data: Incident }>(`${BASE}/incidents/${id}`)
|
|
return res.data
|
|
}
|
|
|
|
export async function createIncident(
|
|
arcadia: ArcadiaClient,
|
|
input: IncidentInput,
|
|
): Promise<Incident> {
|
|
const res = await arcadia.POST<{ data: Incident }>(`${BASE}/incidents`, {
|
|
body: { incident: input },
|
|
})
|
|
return res.data
|
|
}
|
|
|
|
export async function updateIncident(
|
|
arcadia: ArcadiaClient,
|
|
id: string,
|
|
input: Partial<IncidentInput>,
|
|
): Promise<Incident> {
|
|
const res = await arcadia.PUT<{ data: Incident }>(`${BASE}/incidents/${id}`, {
|
|
body: { incident: input },
|
|
})
|
|
return res.data
|
|
}
|
|
|
|
export async function resolveIncident(arcadia: ArcadiaClient, id: string): Promise<Incident> {
|
|
const res = await arcadia.POST<{ data: Incident }>(`${BASE}/incidents/${id}/resolve`)
|
|
return res.data
|
|
}
|
|
|
|
export async function addIncidentUpdate(
|
|
arcadia: ArcadiaClient,
|
|
incidentId: string,
|
|
input: IncidentUpdateInput,
|
|
): Promise<IncidentUpdate> {
|
|
const res = await arcadia.POST<{ data: IncidentUpdate }>(
|
|
`${BASE}/incidents/${incidentId}/updates`,
|
|
{ body: { update: input } },
|
|
)
|
|
return res.data
|
|
}
|
|
|
|
// --- Subscribers --------------------------------------------------------
|
|
|
|
export async function listSubscribers(arcadia: ArcadiaClient): Promise<Subscriber[]> {
|
|
const res = await arcadia.GET<{ data: Subscriber[] }>(`${BASE}/subscribers`)
|
|
return res.data
|
|
}
|