Remove redundant operation overview from beta page

This commit is contained in:
2026-09-21 19:29:09 -04:00
parent 588c4d8e0e
commit e448457d58
2 changed files with 6 additions and 4 deletions
@@ -2,7 +2,7 @@
import { timeFormat } from '$ui/stores/time-zone.js'; import { timeFormat } from '$ui/stores/time-zone.js';
import type { ActivityEvent, OperationStep } from '$lib/operation-flow.js'; import type { ActivityEvent, OperationStep } from '$lib/operation-flow.js';
import Button from './primitives/Button.svelte'; import Button from './primitives/Button.svelte';
let { steps, events, active = false }: { steps: OperationStep[]; events: ActivityEvent[]; active?: boolean } = $props(); let { steps = [], events, active = false, showOverview = true }: { steps?: OperationStep[]; events: ActivityEvent[]; active?: boolean; showOverview?: boolean } = $props();
let limit = $state(25); let limit = $state(25);
let query = $state(''); let query = $state('');
let newestFirst = $state(true); let newestFirst = $state(true);
@@ -11,6 +11,7 @@
const visible = $derived(newestFirst ? matching.slice(-limit).reverse() : matching.slice(0, limit)); const visible = $derived(newestFirst ? matching.slice(-limit).reverse() : matching.slice(0, limit));
</script> </script>
{#if showOverview}
<section> <section>
<h2>Operation flow</h2> <h2>Operation flow</h2>
<ol class="flow"> <ol class="flow">
@@ -22,8 +23,9 @@
{/each} {/each}
</ol> </ol>
</section> </section>
{/if}
<section> <section>
{#if latest}<p class="latest"><strong>Latest update</strong> {latest.message}<time datetime={latest.created_at}>{$timeFormat.dateTime(latest.created_at)}</time></p>{/if} {#if showOverview && latest}<p class="latest"><strong>Latest update</strong> {latest.message}<time datetime={latest.created_at}>{$timeFormat.dateTime(latest.created_at)}</time></p>{/if}
<details> <details>
<summary>Activity history · {events.length} events{active ? ' · updates automatically' : ''}</summary> <summary>Activity history · {events.length} events{active ? ' · updates automatically' : ''}</summary>
{#if events.length} {#if events.length}
+2 -2
View File
@@ -6,7 +6,7 @@
import type { BetaTestView } from '$lib/beta-plan.js'; import type { BetaTestView } from '$lib/beta-plan.js';
import type { BetaPromotionPreview } from '$lib/beta-promotion.js'; import type { BetaPromotionPreview } from '$lib/beta-promotion.js';
import { coverageSummary, requirementSummary } from '$lib/beta-plan-summary.js'; import { coverageSummary, requirementSummary } from '$lib/beta-plan-summary.js';
import { betaFlow, type ActivityEvent } from '$lib/operation-flow.js'; import type { ActivityEvent } from '$lib/operation-flow.js';
import { pollVisible } from '$ui/poll.js'; import { pollVisible } from '$ui/poll.js';
import { confirmAction } from '$ui/confirm.js'; import { confirmAction } from '$ui/confirm.js';
import BetaTestProgress from '$ui/components/BetaTestProgress.svelte'; import BetaTestProgress from '$ui/components/BetaTestProgress.svelte';
@@ -154,7 +154,7 @@
<details class="ui-panel"><summary>Deployment progress ({servers.length} servers)</summary><div class="server-list"> <details class="ui-panel"><summary>Deployment progress ({servers.length} servers)</summary><div class="server-list">
{#each ranked as server}<div class="server-row"><a href={`/servers/${encodeURIComponent(server.server)}`}><ServerIdentity name={server.server}/></a><StatusBadge state={server.stage}/><p>Files {server.deployed_at ? 'installed' : 'pending'} · Restart {server.restarted_at ? 'completed' : 'pending'}{#if beta.wait_for_health} · Health {server.healthy_at ? 'verified' : 'pending'}{/if}{#if beta.wait_for_match} · Match {server.match_seen_at ? 'observed' : 'pending'}{/if}</p>{#if server.error}<p class="ui-error">{server.error}</p>{/if}{#if server.stage === 'failed' && !test && !closed}<Button size="sm" onclick={() => retry(server.server)} disabled={acting !== null} loading={acting === `retry:${server.server}`}>Retry server</Button>{/if}</div>{/each} {#each ranked as server}<div class="server-row"><a href={`/servers/${encodeURIComponent(server.server)}`}><ServerIdentity name={server.server}/></a><StatusBadge state={server.stage}/><p>Files {server.deployed_at ? 'installed' : 'pending'} · Restart {server.restarted_at ? 'completed' : 'pending'}{#if beta.wait_for_health} · Health {server.healthy_at ? 'verified' : 'pending'}{/if}{#if beta.wait_for_match} · Match {server.match_seen_at ? 'observed' : 'pending'}{/if}</p>{#if server.error}<p class="ui-error">{server.error}</p>{/if}{#if server.stage === 'failed' && !test && !closed}<Button size="sm" onclick={() => retry(server.server)} disabled={acting !== null} loading={acting === `retry:${server.server}`}>Retry server</Button>{/if}</div>{/each}
</div></details> </div></details>
<OperationHistory steps={betaFlow({...beta,testPlan:!!test},servers)} {events} active={!closed}/> <OperationHistory {events} active={!closed} showOverview={false}/>
</div> </div>
{/if} {/if}