+
+
+
+ {error()}
+
+
+
+
+ {(t) => (
+
+ )}
+
+
+
+
+
+
+
Errors
+
{stats()?.errors ?? 0}
+
+
+
Events
+
{stats()?.events ?? 0}
+
+
+
Metrics
+
{stats()?.metrics ?? 0}
+
+
+
+
+
+ {(b) => {
+ const total = () => Object.values(b.counts ?? {}).reduce((a, n) => a + n, 0);
+ return (
+ 0 ? "var(--error, #e5484d)" : "var(--accent)",
+ opacity: 0.85,
+ }}
+ title={`${new Date(b.ts).toLocaleString()} — ${total()} events`}
+ />
+ );
+ }}
+
+
+
+
+ {([t, n]) => (
+
+ {t}: {n}
+
+ )}
+
+
+
+
+
+
+
+
+
+
+ | Name |
+ Kind |
+ Status |
+ Errors 24h |
+ Events 24h |
+ Last seen |
+
+
+
+
+
+ No components yet — send an event with a `component` field.
+ |
+
+ }
+ >
+ {(c) => (
+
+ | {c.name} |
+ {c.kind} |
+
+
+ {c.last_status || "unknown"}
+
+ |
+ {c.errors_24h} |
+ {c.events_24h} |
+ {fmtTime(c.last_seen_at)} |
+
+ )}
+
+
+
+
+
+
+
+
+
+
+
+
+
+ | Error |
+ Component |
+ Count |
+ Severity |
+ Last seen |
+ |
+
+
+
+
+
+ No error groups in the last 30 days.
+ |
+
+ }
+ >
+ {(i) => (
+
+ |
+ {i.message}
+ |
+ {i.component_name || "—"} |
+ {i.count} |
+
+ {i.severity}
+ |
+ {fmtTime(i.last_seen)} |
+
+
+ |
+
+ )}
+
+
+
+
+
+
+
+
+
+ {(t) => (
+
+ )}
+
+
+
+
+
+
+
+
+
+
+ | Type |
+ Severity |
+ Message |
+ Component |
+ Time |
+
+
+
+
+
+ No events.
+ |
+
+ }
+ >
+ {(e) => (
+ setDetail(e)}>
+ |
+ {e.type}
+ |
+
+ {e.severity}
+ |
+
+ {e.message || {e.payload?.name ? `${e.payload.name} = ${e.payload.value}` : JSON.stringify(e.payload)}}
+ |
+ {e.component_name || "—"} |
+ {fmtTime(e.ts)} |
+
+ )}
+
+
+
+
+
+
+
+
+ No metric names seen yet.}
+ >
+ {(n) => (
+
+ )}
+
+
+
+
+
+
+
+ | Bucket |
+ Avg |
+ p50 |
+ p95 |
+ Max |
+ Count |
+
+
+
+
+
+ Select a metric name.
+ |
+
+ }
+ >
+ {(p) => (
+
+ | {fmtTime(p.ts)} |
+ {p.avg?.toFixed(1) ?? "—"} |
+ {p.p50?.toFixed(1) ?? "—"} |
+ {p.p95?.toFixed(1) ?? "—"} |
+ {p.max?.toFixed(1) ?? "—"} |
+ {p.count} |
+
+ )}
+
+
+
+
+
+
+
+
+
+ Create a project API key under Settings, then pass it as X-Primora-Key to POST /api/v1/ingest. Batches of up to 500 events are accepted.
+
+
+
+
setDetail(null)}
+ title={detail()?.message || detail()?.type || "Event"}
+ >
+
+ {(e) => (
+
+
+ {e().type}
+ {e().severity}
+
+ {e().component_name}
+
+
+ fp {e().fingerprint!.slice(0, 8)}
+
+
+
{fmtTime(e().ts)}
+
+ {JSON.stringify(e().payload, null, 2)}
+
+
+