Add Buckets, Monitoring, Memberships, Networking, SSO, Announcements, Status page

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>
This commit is contained in:
jules
2026-05-02 07:55:46 +10:00
parent 7ba415d78e
commit 0fcb9e40f1
20 changed files with 7472 additions and 28 deletions

View File

@@ -0,0 +1,172 @@
// 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
}