streamlined

This commit is contained in:
Justin Visser 2026-02-17 21:59:41 +01:00
parent d1dd3213dc
commit ab1d29b203
23 changed files with 853 additions and 22 deletions

View file

@ -18,6 +18,14 @@ export interface RunSummary {
partial_count: number;
failed_state_counts: Record<string, number>;
failed_reason_counts: Record<string, number>;
scrape_failure_counts: Record<string, number>;
retry_counts: {
retries_scheduled_count: number;
scholars_with_retries_count: number;
retry_exhausted_count: number;
};
alert_thresholds: Record<string, number>;
alert_flags: Record<string, boolean>;
}
export interface RunScholarResult {

View file

@ -21,6 +21,35 @@ const errorMessage = ref<string | null>(null);
const errorRequestId = ref<string | null>(null);
const runId = computed(() => Number(route.params.id));
const defaultRetryCounts = {
retries_scheduled_count: 0,
scholars_with_retries_count: 0,
retry_exhausted_count: 0,
};
function sortedCountEntries(record: Record<string, number> | null | undefined): Array<[string, number]> {
if (!record) {
return [];
}
return Object.entries(record)
.filter(([, value]) => Number.isFinite(value) && value > 0)
.sort((a, b) => (b[1] - a[1]) || a[0].localeCompare(b[0]));
}
const failureBucketEntries = computed(() =>
detail.value ? sortedCountEntries(detail.value.summary.scrape_failure_counts) : [],
);
const alertFlagEntries = computed(() => {
if (!detail.value) {
return [];
}
return Object.entries(detail.value.summary.alert_flags ?? {})
.filter(([, enabled]) => Boolean(enabled))
.sort((a, b) => a[0].localeCompare(b[0]));
});
const retryCounts = computed(() => detail.value?.summary.retry_counts ?? defaultRetryCounts);
function formatDate(value: string | null): string {
if (!value) {
@ -96,6 +125,40 @@ onMounted(() => {
Outcome summary: {{ detail.summary.succeeded_count }} succeeded, {{ detail.summary.partial_count }} partial,
{{ detail.summary.failed_count }} failed.
</p>
<div class="grid gap-3 md:grid-cols-3">
<div class="rounded-xl border border-zinc-200 bg-zinc-50 px-3 py-2 text-sm dark:border-zinc-800 dark:bg-zinc-900/60">
<p class="font-medium text-zinc-900 dark:text-zinc-100">Retries scheduled</p>
<p>{{ retryCounts.retries_scheduled_count }}</p>
</div>
<div class="rounded-xl border border-zinc-200 bg-zinc-50 px-3 py-2 text-sm dark:border-zinc-800 dark:bg-zinc-900/60">
<p class="font-medium text-zinc-900 dark:text-zinc-100">Scholars with retries</p>
<p>{{ retryCounts.scholars_with_retries_count }}</p>
</div>
<div class="rounded-xl border border-zinc-200 bg-zinc-50 px-3 py-2 text-sm dark:border-zinc-800 dark:bg-zinc-900/60">
<p class="font-medium text-zinc-900 dark:text-zinc-100">Retry exhausted</p>
<p>{{ retryCounts.retry_exhausted_count }}</p>
</div>
</div>
<div class="grid gap-3 md:grid-cols-2">
<div class="rounded-xl border border-zinc-200 bg-zinc-50 px-3 py-2 text-sm dark:border-zinc-800 dark:bg-zinc-900/60">
<p class="font-medium text-zinc-900 dark:text-zinc-100">Scrape failure buckets</p>
<p v-if="failureBucketEntries.length === 0" class="text-secondary">n/a</p>
<ul v-else class="space-y-1">
<li v-for="[name, count] in failureBucketEntries" :key="name">
<code>{{ name }}</code>: {{ count }}
</li>
</ul>
</div>
<div class="rounded-xl border border-zinc-200 bg-zinc-50 px-3 py-2 text-sm dark:border-zinc-800 dark:bg-zinc-900/60">
<p class="font-medium text-zinc-900 dark:text-zinc-100">Active alerts</p>
<p v-if="alertFlagEntries.length === 0" class="text-secondary">none</p>
<ul v-else class="space-y-1">
<li v-for="[name] in alertFlagEntries" :key="name">
<code>{{ name }}</code>
</li>
</ul>
</div>
</div>
</AppCard>
<AppCard class="space-y-4">