|
|
|
@@ -11,6 +11,8 @@
|
|
|
|
|
import type { ActivityEvent } from '$lib/operation-flow.js';
|
|
|
|
|
import { pollVisible } from '$ui/poll.js';
|
|
|
|
|
import { confirmAction } from '$ui/confirm.js';
|
|
|
|
|
import type { BetaRevision } from '$lib/beta-revision.js';
|
|
|
|
|
import BetaRevisionDialog from '$ui/components/BetaRevisionDialog.svelte';
|
|
|
|
|
import BetaTestProgress from '$ui/components/BetaTestProgress.svelte';
|
|
|
|
|
import ServerIdentity from '$ui/components/ServerIdentity.svelte';
|
|
|
|
|
import HistoricalServerIdentity from '$ui/components/HistoricalServerIdentity.svelte';
|
|
|
|
@@ -38,10 +40,13 @@
|
|
|
|
|
let acting = $state<string|null>(null), request = 0;
|
|
|
|
|
let reviewOpen = $state(false), preview = $state<BetaPromotionPreview|null>(null), reviewError = $state('');
|
|
|
|
|
let now = $state(Date.now());
|
|
|
|
|
let revision = $state({ revision: 1, started_at: '' }), revisions = $state<BetaRevision[]>([]);
|
|
|
|
|
let updateOpen = $state(false), updateRevision = $state(1), updateFiles = $state<BetaFile[]>([]);
|
|
|
|
|
function openUpdate() { updateRevision = revision.revision; updateFiles = [...scripts]; updateOpen = true; }
|
|
|
|
|
const id = $derived(Number($page.params.id));
|
|
|
|
|
const closed = $derived(beta?.state === 'promoted' || beta?.state === 'rolled-back');
|
|
|
|
|
const hasDeletedServers = $derived(servers.some(server => server.server_deleted_at));
|
|
|
|
|
const deadline = $derived(beta && test ? new Date(Date.parse(beta.opened_at) + test.plan.timeoutHours * 3600000) : null);
|
|
|
|
|
const deadline = $derived(beta && test ? new Date(Date.parse(revision.started_at || beta.opened_at) + test.plan.timeoutHours * 3600000) : null);
|
|
|
|
|
const remaining = $derived(deadline ? Math.max(0, Math.ceil((deadline.getTime() - now) / 60000)) : 0);
|
|
|
|
|
const deadlineText = $derived(remaining > 0 ? `${Math.floor(remaining / 60)}h ${remaining % 60}m remaining` : 'Testing window ended');
|
|
|
|
|
const passed = $derived(test?.servers.filter(server => server.passed).length ?? servers.filter(server => server.stage === 'ready').length);
|
|
|
|
@@ -49,7 +54,7 @@
|
|
|
|
|
const waiting = $derived(ranked.filter(server => server.stage !== 'ready'));
|
|
|
|
|
const nextAction = $derived(closed ? beta?.state === 'promoted' ? 'Follow the campaign to check server activation.' : rollbackCampaign ? 'Follow the rollback campaign to resume held changes or check restoration and restart progress.' : 'Reuse these files and this plan when you are ready to test again.'
|
|
|
|
|
: hasDeletedServers ? 'A participating server was deleted. Its results remain below. Roll back, then reuse this plan to test the current servers.'
|
|
|
|
|
: test?.outcome === 'inconclusive' ? 'The deadline passed without enough evidence. Roll back, then reuse this plan with a longer testing window.'
|
|
|
|
|
: test?.outcome === 'inconclusive' ? 'The deadline passed without enough evidence. Update the files to start a new revision, or roll back and reuse this plan.'
|
|
|
|
|
: test?.outcome === 'paused' ? 'Resume to continue collecting evidence, or start a fresh attempt. The original deadline still applies.'
|
|
|
|
|
: test?.outcome === 'failed' ? 'Investigate the failed check before a fresh attempt, or roll back.'
|
|
|
|
|
: beta?.state === 'ready-promote' ? 'All required coverage passed. Review the full promotion impact before deploying to additional servers.'
|
|
|
|
@@ -64,11 +69,12 @@
|
|
|
|
|
if (current !== request || requestedId !== id) return;
|
|
|
|
|
test = body.test; beta = body.beta; scripts = body.scripts; servers = body.servers; events = body.events; promotion = body.promotion ?? null;
|
|
|
|
|
rollbackCampaign = body.rollback ?? null;
|
|
|
|
|
revision = body.revision; revisions = body.revisions ?? [];
|
|
|
|
|
now = Date.now(); loadError = '';
|
|
|
|
|
} catch (error) { if (current === request && requestedId === id) loadError = (error as Error).message; }
|
|
|
|
|
finally { if (current === request && requestedId === id) loading = false; }
|
|
|
|
|
}
|
|
|
|
|
$effect(() => { id; beta = null; loading = true; loadError = ''; flash = ''; success = ''; reviewOpen = false; void load(); });
|
|
|
|
|
$effect(() => { id; beta = null; loading = true; loadError = ''; flash = ''; success = ''; reviewOpen = false; updateOpen = false; void load(); });
|
|
|
|
|
onMount(() => pollVisible(load, 5000, false));
|
|
|
|
|
async function reviewPromotion() {
|
|
|
|
|
reviewOpen = true; preview = null; reviewError = ''; acting = 'preview';
|
|
|
|
@@ -129,7 +135,7 @@
|
|
|
|
|
{:else if !beta && !loadError}<EmptyState title="Beta not found" description="Return to Betas to find another test." />
|
|
|
|
|
{:else if beta}
|
|
|
|
|
<div class="page">
|
|
|
|
|
<SectionHeader title={beta.notes || `Beta #${beta.id}`} subtitle={beta.notes ? `Beta #${beta.id}` : undefined}>
|
|
|
|
|
<SectionHeader title={beta.notes || `Beta #${beta.id}`} subtitle={`Beta #${beta.id} · Revision ${revision.revision}`}>
|
|
|
|
|
{#snippet crumbs()}<Breadcrumbs items={[{label:'Betas',href:'/betas'},{label:`#${id}`}]} />{/snippet}
|
|
|
|
|
{#snippet actions()}<StatusBadge state={test && !closed ? test.outcome : beta?.state ?? 'running'} />{/snippet}
|
|
|
|
|
</SectionHeader>
|
|
|
|
@@ -139,12 +145,13 @@
|
|
|
|
|
<p>{nextAction}</p>
|
|
|
|
|
{#if test?.reason}<p class="reason">{test.reason}</p>{/if}
|
|
|
|
|
<div class="timing"><span>Started <time datetime={beta.opened_at}>{$timeFormat.dateTime(beta.opened_at)}</time></span>
|
|
|
|
|
{#if revision.revision > 1}<span>Revision {revision.revision} started {$timeFormat.dateTime(revision.started_at)}</span>{/if}
|
|
|
|
|
{#if deadline && !closed}<strong>Ends <time datetime={deadline.toISOString()}>{$timeFormat.dateTime(deadline)}</time> · {deadlineText}</strong>{/if}
|
|
|
|
|
{#if beta.closed_at}<span>Finished {$timeFormat.dateTime(beta.closed_at)}</span>{/if}
|
|
|
|
|
</div>
|
|
|
|
|
{#if !closed && test}<p class="muted">Waiting for empty servers uses this window. Pausing or retrying does not extend the deadline.</p>{/if}
|
|
|
|
|
{#if !closed && test}<p class="muted">Waiting for empty servers uses this window. Pausing or retrying does not extend the deadline. Deploying a revision starts a fresh window.</p>{/if}
|
|
|
|
|
<div class="actions">
|
|
|
|
|
{#if !closed}<Button variant="primary" onclick={reviewPromotion} disabled={hasDeletedServers || beta.state !== 'ready-promote' || acting !== null}>Review promotion</Button><Button variant="danger" onclick={rollback} disabled={acting !== null} loading={acting === 'rollback'}>{beta.state === 'ready-promote' ? 'Reject beta' : 'Roll back'}</Button>{/if}
|
|
|
|
|
{#if !closed}<Button variant="primary" onclick={reviewPromotion} disabled={hasDeletedServers || beta.state !== 'ready-promote' || acting !== null}>Review promotion</Button><Button onclick={openUpdate} disabled={hasDeletedServers || acting !== null}>Update beta</Button><Button variant="danger" onclick={rollback} disabled={acting !== null} loading={acting === 'rollback'}>{beta.state === 'ready-promote' ? 'Reject beta' : 'Roll back'}</Button>{/if}
|
|
|
|
|
{#if closed}<Button href={contextHref(`/betas/new?reuse=${id}`, $page.url)}>Reuse files and test plan</Button>{/if}
|
|
|
|
|
{#if promotion}<Button href={contextHref(`/campaigns/${encodeURIComponent(promotion.id)}`, $page.url)}>View campaign</Button>{/if}
|
|
|
|
|
{#if rollbackCampaign}<Button href={contextHref(`/campaigns/${encodeURIComponent(rollbackCampaign.id)}`, $page.url)}>View rollback campaign</Button>{/if}
|
|
|
|
@@ -163,10 +170,22 @@
|
|
|
|
|
<details class="ui-panel"><summary>Deployment progress ({servers.length} servers)</summary><div class="server-list">
|
|
|
|
|
{#each ranked as server}<div class="server-row"><HistoricalServerIdentity name={server.server} deletedAt={server.server_deleted_at} href={contextHref(`/servers/${encodeURIComponent(server.server)}`, $page.url)}/><StatusBadge state={server.stage}/><p>Files {server.deployed_at ? 'installed' : 'pending'} · Restart {server.restarted_at ? 'submitted' : '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.provisioning_id}<a href={contextHref(`/provisioning/${encodeURIComponent(server.provisioning_id)}`, $page.url)}>View provisioning</a>{/if}{#if server.error}<p class="ui-error">{server.error}</p>{/if}{#if server.stage === 'failed' && !server.server_deleted_at && !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>
|
|
|
|
|
{#if revisions.length}
|
|
|
|
|
<details class="ui-panel"><summary>Revision history ({revisions.length})</summary><div class="revision-list">
|
|
|
|
|
{#each revisions as item}<details><summary>Revision {item.revision} · {item.revision === revision.revision ? 'Current' : item.results?.test?.outcome ?? item.results?.state ?? 'Superseded'} · {$timeFormat.dateTime(item.started_at)}</summary>
|
|
|
|
|
{#if item.notes}<p>{item.notes}</p>{/if}
|
|
|
|
|
<div class="file-list">{#each item.files as file}<div><a href={`/api/betas/${id}/revisions/${item.revision}/files/${file.script_id}`} download={file.path.split('/').pop()}>{file.name} · {artifactVersionLabel(file)}</a><code>{file.path}</code><span>{file.sha256.slice(0,12)}</span></div>{/each}</div>
|
|
|
|
|
{#if item.results?.test}<BetaTestProgress test={item.results.test} betaId={id} closed={true} onUpdate={load} />
|
|
|
|
|
{:else if item.results}<ul>{#each item.results.servers as server}<li>{server.server} · {server.stage}{server.error ? ` · ${server.error}` : ''}</li>{/each}</ul>{/if}
|
|
|
|
|
</details>{/each}
|
|
|
|
|
</div></details>
|
|
|
|
|
{/if}
|
|
|
|
|
<OperationHistory {events} active={!closed} showOverview={false}/>
|
|
|
|
|
</div>
|
|
|
|
|
{/if}
|
|
|
|
|
|
|
|
|
|
<BetaRevisionDialog bind:open={updateOpen} betaId={id} revision={updateRevision} files={updateFiles} servers={servers.map(server => server.server)} timeoutHours={test?.plan.timeoutHours} onUpdate={load} />
|
|
|
|
|
|
|
|
|
|
<Dialog bind:open={reviewOpen} title="Review promotion" description="Review the exact files and server eligibility before installing the promoted versions." busy={acting === 'promote'} wide>
|
|
|
|
|
{#if acting === 'preview'}<p role="status">Preparing promotion impact…</p>{/if}
|
|
|
|
|
{#if reviewError}<p class="ui-error" role="alert">{reviewError}</p>{/if}
|
|
|
|
@@ -182,6 +201,7 @@
|
|
|
|
|
</Dialog>
|
|
|
|
|
|
|
|
|
|
<style>
|
|
|
|
|
.revision-list { display:grid; gap:20px; margin-top:16px; }
|
|
|
|
|
.page { display:grid; gap:24px; }
|
|
|
|
|
h2 { margin:0; font-size:18px; } p { line-height:1.6; overflow-wrap:anywhere; }
|
|
|
|
|
.summary-heading,.actions,.timing { display:flex; align-items:center; gap:12px; flex-wrap:wrap; }
|
|
|
|
|