+/** The card's one filled button, which runs the script; for everyone but admins, the sentence asking for it. */
+function RunScript({ label, onRun }: { label: string; onRun: (() => void) | null }) {
+ return onRun === null ? (
+
-}
+const RETRIES = "Maple retries every 5 minutes. If this lasts an hour, write to support@maple.dev."
-function Retries() {
- return (
-
- Maple retries every 5 minutes. If this lasts an hour, write to{" "}
-
- support@maple.dev
-
- .
-
- )
+/** Something to know or do about a connection: a sentence for a headline, what it means, the one thing to do. */
+interface Issue {
+ readonly key: string
+ readonly tone: "crit" | "warn" | "live"
+ readonly title: string
+ readonly body?: React.ReactNode
+ readonly action?: React.ReactNode
}
-/** One capability in a connection's row: its name, its state in a word or two, when it last delivered. */
-function Status({
- name,
- status,
- detail,
- className,
-}: {
- name: string
- /** A null tone is a capability that is off. */
- status: { readonly tone: Tone | null; readonly label: string }
- detail?: React.ReactNode
- className?: string
-}) {
+function IssueNote({ issue }: { issue: Issue }) {
return (
-
- {name}
-
- {status.label}
+
+ {/* As wide as the row's dot lane, so the headline lines up with the connection's name. */}
+
+
- {detail === undefined || detail === null ? null : (
- {detail}
- )}
+
+
{issue.title}
+ {issue.body === undefined ? null : (
+
{issue.body}
+ )}
+ {issue.action === undefined ? null :
{issue.action}
}
+
)
}
-const OFF = { tone: null, label: "Off" } as const
+type LogState = ReturnType
+type MetricsState = ReturnType
/**
- * What a connection needs its admin to do about the script: finish the setup, or apply a saved
- * change. Both lead to the same place, the apply step of the configuration.
+ * What a connection needs said about it, worst first; empty when it is healthy. The card has one
+ * filled button: the script being due takes it, else the first failure another run repairs, else
+ * missing live queries.
*/
-function ScriptDue({
+function connectionIssues({
connector,
- needed,
+ log,
+ metrics,
nowMs,
metricsAvailable,
onRunScript,
}: {
connector: V2GcpConnector
- needed: "setup-pending" | "changes-pending"
+ log: LogState
+ metrics: MetricsState
nowMs: number
metricsAvailable: boolean
- /** Absent for non-admins. */
onRunScript: (() => void) | null
-}) {
+}): ReadonlyArray {
+ const needed = gcpScriptNeeded(connector, nowMs, metricsAvailable)
+ const repairs = needed === null ? gcpRunAsked(connector, nowMs)[0] : undefined
+ const rerun = (capability: GcpCapability) =>
+ repairs === capability ? : undefined
const cleanedUp = connector.applied_logs_enabled === false && connector.applied_metrics_enabled === false
- const lines =
- needed === "setup-pending"
- ? [
- connector.setup_reported_at === null
- ? "Google Cloud has nothing of Maple's yet. Running the setup script takes about a minute."
- : "The last run stopped part of the way. Run the script again: it continues where it stopped.",
- ]
- : gcpPendingChanges(connector, nowMs, metricsAvailable)
+ const issues: Array = []
+
+ if (log.kind === "failing") {
+ issues.push({
+ key: "logs-failing",
+ tone: "crit",
+ title: "Log forwarding is failing",
+ body: ,
+ action: rerun("logs"),
+ })
+ }
+ if (metrics.kind === "failing") {
+ issues.push({
+ key: "metrics-failing",
+ tone: "crit",
+ title: "Key metrics can't be read",
+ body: ,
+ action: rerun("metrics"),
+ })
+ }
+ if (needed !== null) {
+ const lines =
+ needed === "setup-pending"
+ ? [
+ connector.setup_reported_at === null
+ ? "Google Cloud has nothing of Maple's yet. Running the setup script takes about a minute."
+ : "The last run stopped part of the way. Run the script again: it continues where it stopped.",
+ ]
+ : gcpPendingChanges(connector, nowMs, metricsAvailable)
+ issues.push({
+ key: "script",
+ tone: "warn",
+ title: needed === "setup-pending" ? "Setup pending" : "Changes not applied in Google Cloud",
+ body: (
+ <>
+ {lines.length === 1 ? (
+
+ )
+}
+
+/** A column of the compact row: a label over a time. */
+function Fact({ label, children }: { label: string; children: React.ReactNode }) {
+ return (
+
+ )
+ const subtitle = [
+ collects === "" ? "Collects nothing" : collects.charAt(0).toUpperCase() + collects.slice(1),
+ projects,
+ connector.scope_type === "project" ? null : `host ${connector.project_id}`,
+ ]
+ .filter((part) => part !== null)
+ .join(" · ")
+ const menu = (
+
+ {isAdmin ? onConfigure("choose")}>Configure : null}
+ }>View logs
+ }>
+ View infrastructure
+
+ {isAdmin ? (
+ <>
+
+ setDisconnectOpen(true)}>
+ Disconnect
+
+
+ ) : null}
+
+ )
return (
- {/* One line where the card is wide: the name, a lane for each capability, the actions. Narrower, the capabilities go under the name. */}
-
-
- {/* As wide as a band's icon, so the name, the wrapped statuses and a band's text share a lane. */}
-
-
-
-
- {connector.scope_id}
-
-
- {GCP_SCOPE_NAMES[connector.scope_type]}
-
- {connector.scope_type === "project" ? null : (
-
- host {connector.project_id}
+ {issues.length === 0 ? (
+ // Healthy: one row, the name and the times its data last arrived.
+
-
- {needed === null ? null : (
-
- )}
- {/* With key metrics on, the poller's own error says this. */}
- {!connector.metrics_enabled && gcpLiveQueriesMissing(connector, nowMs, metricsAvailable) ? (
-
- Live queries not set up
-
- The last setup run couldn't create the read-only service account, so Maple
- can't query this connection's metrics. Run the script again and fix what it
- names under Read-only access.
-
- Nothing that passes the filter was logged, or the sink can't publish. Write a
- test entry. If it isn't here within a minute, open Configure and run the setup
- script again.
-
+
)}
{neverReported ? (
@@ -538,14 +657,6 @@ function GcpConnection({
)
}
-/** The newest of the times, null when none has arrived yet. */
-const latest = (times: ReadonlyArray): string | null =>
- times.reduce(
- (newest, at) =>
- at !== null && (newest === null || Date.parse(at) > Date.parse(newest)) ? at : newest,
- null,
- )
-
/** Every connection, and the clock their states turn on. */
function useGcpConnectors() {
const status = Option.getOrNull(AsyncResult.value(useAtomValue(gcpStatusQuery())))
@@ -556,59 +667,24 @@ function useGcpConnectors() {
}
}
-/** The page header's state: the worst connection's, and how many of several share it. */
+/** The page header's state: the worst connection's, how many of several share it, and how many projects send data. */
export function GcpHeaderStatus() {
const { connectors, metricsAvailable, nowMs } = useGcpConnectors()
const states = connectors.map((connector) => gcpConnectionState(connector, nowMs, metricsAvailable))
const worst = gcpWorstState(states)
const inWorst = states.filter((state) => state === worst).length
- return (
-