Move collection launch progress and history into Collections

Fixes #52

src/routes/provisioning/+page.svelte

@@ -15,7 +15,6 @@
     import EmptyState from '$ui/components/primitives/EmptyState.svelte';
     import DeployServerDialog from '$ui/components/DeployServerDialog.svelte';
     import HousePartyDialog from '$ui/components/HousePartyDialog.svelte';
-    import type { CollectionSummary } from '$lib/deployment-plan.js';
 
     import LifecycleDialog from '$ui/components/LifecycleDialog.svelte';
     import { provisioningActions, actionLabels, actionCompleted, type ProvisioningAction } from '$lib/provisioning.js';
@@ -34,10 +33,8 @@
     let open = $state(false);
     let housePartyOpen = $state(false);
     let housePartyNotice = $state('');
-    let collections = $state<CollectionSummary[]>([]);
     let tab = $state('active');
     let limit = $state(25);
-    let collectionLimit = $state(10);
     let historyState = $state('all');
     let cancelling = $state(false);
     let cancellationNotice = $state('');
@@ -48,12 +45,11 @@
         historyState = params.get('status') === 'attention' ? 'attention' : 'all';
         search = params.get('server') ?? '';
         limit = Math.max(25, Number(params.get('limit')) || 25);
-        collectionLimit = Math.max(10, Number(params.get('collections')) || 10);
     });
     function saveContext(reset = false) {
-        if (reset) { limit = 25; collectionLimit = 10; }
+        if (reset) limit = 25;
         const url = new URL($page.url);
-        for (const [key, value] of Object.entries({ view: tab === 'active' ? '' : tab, action: action === 'all' ? '' : action, status: historyState === 'all' ? '' : historyState, server: search, limit: limit > 25 ? String(limit) : '', collections: collectionLimit > 10 ? String(collectionLimit) : '' })) {
+        for (const [key, value] of Object.entries({ view: tab === 'active' ? '' : tab, action: action === 'all' ? '' : action, status: historyState === 'all' ? '' : historyState, server: search, limit: limit > 25 ? String(limit) : '' })) {
             if (value) url.searchParams.set(key, value); else url.searchParams.delete(key);
         }
         void goto(url, { replaceState: true, noScroll: true, keepFocus: true });
@@ -67,7 +63,6 @@
         cancellationNotice = `${cancelled} queued removal${cancelled === 1 ? '' : 's'} cancelled.${cancelled ? ' The servers covered by those cancelled requests and their files were kept.' : ''}${unavailable.length ? ` ${unavailable.length} could not be cancelled; refresh their operations to see whether removal has begun.` : ''}`;
         cancelling = false; await load();
     }
-    const visibleCollections = $derived(collections.filter(c => tab === 'active' ? c.active > 0 : c.active === 0));
     const tabs = $derived.by(() => [{id:'active',label:'Active',badge:active.length},{id:'history',label:'History'}]);
     let action = $state('all');
     let search = $state('');
@@ -82,10 +77,9 @@
         if (refreshing) return;
         refreshing = true;
         try {
-            const [res, collectionRes] = await Promise.all([fetch('/api/provisioning'), fetch('/api/deployment-collections')]);
-            if (!res.ok || !collectionRes.ok) throw new Error('Could not load provisioning activity.');
+            const res = await fetch('/api/provisioning');
+            if (!res.ok) throw new Error('Could not load provisioning activity.');
             deployments = (await res.json()).deployments;
-            collections = (await collectionRes.json()).collections;
             error = '';
         } catch (err) { error = (err as Error).message; }
         finally { loading = false; refreshing = false; }
@@ -108,20 +102,6 @@
     {#if cancellationNotice}<p role="status">{cancellationNotice}</p>{/if}
     <div id="deployment-panel" role="tabpanel" aria-labelledby={"deployment-tabs-" + tab} class="panels">
     {#if error}<p role="alert" class="error">{error} <button onclick={load}>Retry</button></p>{/if}
-    {#if visibleCollections.length}
-        <section>
-            <h2>Collection launches</h2>
-            <div class="rows">{#each visibleCollections.slice(0,collectionLimit) as collection (collection.id)}
-                <a class="deployment-row collection-row" href="/provisioning/collections/{collection.id}">
-                    <div class="row-head"><strong>{collection.name}</strong><Badge variant={collection.active ? 'info' : collection.failed ? 'danger' : 'online'}>{collection.active ? collection.provisioning + collection.verifying ? collection.mode === 'exact' ? 'Applying collection' : 'Launching' : 'Queued' : collection.failed ? 'Needs attention' : 'Completed'}</Badge></div>
-                    <div class="collection-counts"><span><strong>{collection.done} / {collection.total}</strong> {collection.mode === 'exact' ? 'completed' : 'ready'}</span>{#if collection.provisioning + collection.verifying}<span>{collection.provisioning + collection.verifying} {collection.mode === 'exact' ? 'in progress' : 'launching'}</span>{/if}{#if collection.queued}<span>{collection.queued} queued</span>{/if}{#if collection.failed}<span class="error">{collection.failed} need attention</span>{/if}</div>
-                    <div class="collection-meter" aria-hidden="true"><span class="verified" style:width={`${collection.done / (collection.total || 1) * 100}%`}></span><span class="unsuccessful" style:width={`${collection.failed / (collection.total || 1) * 100}%`}></span></div>
-                    <div class="collection-footer"><span class="meta">Queued {fmt(collection.created_at)}</span><span class="collection-link">{collection.active ? 'Follow progress' : 'View results'} →</span></div>
-                </a>
-            {/each}</div>
-            <ListFooter total={visibleCollections.length} bind:limit={collectionLimit} onchange={() => saveContext()} step={10} label="collections" />
-        </section>
-    {/if}
     {#if tab === 'active'}
     {#if attention.length}<div class="ui-summary"><span>{attention.length} recorded operations need review</span><Button size="sm" onclick={() => { historyState = 'attention'; tab = 'history'; saveContext(true); }}>Review history</Button></div>{/if}
     {#if active.some(d => d.canCancelRemoval)}<div class="ui-summary"><span>Waiting removals can be withdrawn until removal begins. Running and completed removals cannot be reversed.</span><Button disabled={cancelling} onclick={() => cancelRequests(active.filter(d => d.canCancelRemoval).map(d => d.id))}>Cancel all waiting removals</Button></div>{/if}
@@ -176,7 +156,6 @@
     .deployment-row { display: block; text-decoration: none; color: inherit; padding: 20px; border: 1px solid var(--border-subtle); border-radius: var(--radius-md); background: var(--surface); overflow-wrap: anywhere; }
     .deployment-row:hover { border-color: var(--border-strong); background: var(--surface-raised); }
     .deployment-row:focus-visible { outline: 2px solid var(--border-focus); outline-offset: 3px; }
-    .collection-row { display: grid; gap: 16px; }.collection-counts { display: flex; flex-wrap: wrap; gap: 10px 20px; font-size: 13px; color: var(--text-secondary); }.collection-counts strong { color: var(--state-online); font-weight: 600; font-variant-numeric: tabular-nums; }.collection-meter { display: flex; height: 4px; background: var(--surface-raised); overflow: hidden; border-radius: var(--radius-pill); }.collection-meter .verified { background: var(--state-online); }.collection-meter .unsuccessful { background: var(--state-danger); }.collection-footer { display: flex; align-items: baseline; justify-content: space-between; flex-wrap: wrap; gap: 8px 16px; }.collection-footer .meta, .collection-link { font-size: 12px; }.collection-link { color: var(--accent-primary-hover); }
     .server { margin-left: 12px; font-family: var(--font-mono); font-size: 14px; }
     .meta { font-size: 13px; color: var(--text-secondary); }
     .error { color: var(--state-danger); }