Remove fleet activity panel

src/routes/+page.svelte

@@ -23,7 +23,6 @@
     let sort = $state<FleetSort>('name');
     let view = $state<'cards' | 'table'>('cards');
     let grouping = $state<'map' | 'game' | 'none'>('none');
-    let operationsOpen = $state(false);
     let viewOptionsOpen = $state(false);
     let pinned = $state<string[]>([]);
     let preferencesReady = $state(false);
@@ -161,7 +160,7 @@
                     {:else}<strong>{provisioning ? `${provisioning} ${provisioning === 1 ? 'server is' : 'servers are'} provisioning` : servers.length ? starting ? `${starting} ${starting === 1 ? 'server is' : 'servers are'} starting` : 'All servers healthy' : 'Preparing your fleet'}</strong>{/if}
 
                 </div>
-                {#if attentionOperations.length}<a href="#fleet-operations" onclick={() => operationsOpen = true}>{attentionOperations.length} operation {attentionOperations.length === 1 ? 'needs' : 'need'} attention →</a>{/if}
+                {#if attentionOperations.length}<button onclick={() => { resetFilters(); filter = 'attention'; }}>{attentionOperations.length} operation {attentionOperations.length === 1 ? 'needs' : 'need'} attention →</button>{/if}
             </div>
         {/if}
 
@@ -173,15 +172,6 @@
             </a>
         {/if}
 
-        {#if activeOperations.length}
-            <details id="fleet-operations" class="operations" bind:open={operationsOpen}>
-                <summary>Activity · {activeOperations.length} operations{attentionOperations.length ? ` · ${attentionOperations.length} need attention` : ''}</summary>
-                <div class="operation-list">{#each activeOperations as operation (operation.key)}
-                    <a href={operation.href} class:issue={operation.state === 'attention'}><strong>{serverTitle(operation.server)}</strong><span>{operation.label}</span><small>{operation.detail}</small></a>
-                {/each}</div>
-            </details>
-        {/if}
-
         {#if servers.length === 0}
             <EmptyState title="Your first server starts here" description="Check your connections and saved keys, then create a server or use a blueprint.">{#snippet actions()}<Button href="/settings">Check system setup</Button><Button href="/deployments?tab=blueprints" variant="ghost">Browse blueprints</Button>{/snippet}</EmptyState>
         {:else}
@@ -260,7 +250,7 @@
     .page { display: flex; flex-direction: column; gap: var(--space-4); }
     button, input, select { font: inherit; }
     button { cursor: pointer; }
-    button:focus-visible, a:focus-visible, select:focus-visible, input:focus-visible, summary:focus-visible { outline: 2px solid var(--accent-primary-hover); outline-offset: 3px; }
+    button:focus-visible, a:focus-visible, select:focus-visible, input:focus-visible { outline: 2px solid var(--accent-primary-hover); outline-offset: 3px; }
     .overview { display: flex; align-items: center; flex-wrap: wrap; padding: 12px 16px; gap: 8px 24px; background: var(--surface); border-radius: var(--radius-md); border: 1px solid var(--border-subtle); color: var(--text-secondary); font-size: var(--text-sm); }
     .overview strong { color: var(--text-primary); font-variant-numeric: tabular-nums; margin-right: 4px; }
     .view-options { display: flex; align-items: end; flex-wrap: wrap; gap: 12px; padding: 16px; background: var(--surface); border-radius: var(--radius-md); }
@@ -277,7 +267,6 @@
     .attention-copy { flex: 1; display: flex; flex-direction: column; gap: 5px; }
 
     .attention button, .result-count button, .error button { background: none; color: var(--accent-primary-hover); border: 0; padding: 0; text-align: left; }
-    .attention a { font-size: 13px; color: var(--state-warning); }
     .spotlight { display: flex; align-items: center; flex-wrap: wrap; gap: 20px; padding: 12px 16px; background: linear-gradient(110deg, color-mix(in srgb, var(--accent-primary) 15%, var(--surface)), var(--surface)); border: 1px solid var(--border-strong); border-radius: var(--radius-lg); color: var(--text-primary); text-decoration: none; }
     .spotlight > div { flex: 1; min-width: 190px; }
     .spotlight strong { display: block; margin-top: 6px; }
@@ -310,12 +299,7 @@
     .server-operations { display: flex; flex-direction: column; gap: 8px; padding: 12px 16px; font-size: 12px; }
     .server-operations a { text-decoration: none; color: var(--accent-primary-hover); overflow-wrap: anywhere; }
     .server-operations small { display: block; margin-top: 5px; color: var(--text-secondary); }
-    .server-operations .issue, .operation-list .issue { color: var(--state-warning); }
-    .operations { border: 1px solid var(--border-subtle); padding: 16px 20px; border-radius: var(--radius-md); font-size: 13px; }
-    summary { cursor: pointer; }
-    .operation-list { display: grid; gap: 10px; margin-top: 16px; }
-    .operation-list a { display: grid; grid-template-columns: 1fr 1fr; gap: 6px 20px; padding: 12px; text-decoration: none; background: var(--surface); border-radius: var(--radius-md); color: var(--text-primary); }
-    .operation-list small { grid-column: 1 / -1; color: var(--text-secondary); overflow-wrap: anywhere; }
+    .server-operations .issue { color: var(--state-warning); }
     .error { padding: 16px; border: 1px solid var(--state-warning); border-radius: var(--radius-md); font-size: 13px; line-height: 1.7; }
     .error button { margin-left: 8px; }
     .loading { padding: 70px 20px; text-align: center; color: var(--text-secondary); background: var(--surface); border-radius: var(--radius-lg); }
@@ -331,7 +315,7 @@
     .table-actions { display: flex; align-items: center; gap: 8px; }
     .sr-only { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }
     @media (max-width: 900px) { .overview { grid-template-columns: repeat(2, 1fr); } .attention { flex-wrap: wrap; } }
-    @media (max-width: 600px) { .page { gap: 20px; } .overview { padding: 18px; gap: 22px 16px; } .search-row > label:not(.search) { flex: 1; min-width: 100px; } .search { flex-basis: 100%; } .group-heading { align-items: flex-start; }  .spotlight { padding: 18px; gap: 12px; } .spotlight > div { flex-basis: 100%; } .operation-list a { grid-template-columns: 1fr; } }
+    @media (max-width: 600px) { .page { gap: 20px; } .overview { padding: 18px; gap: 22px 16px; } .search-row > label:not(.search) { flex: 1; min-width: 100px; } .search { flex-basis: 100%; } .group-heading { align-items: flex-start; }  .spotlight { padding: 18px; gap: 12px; } .spotlight > div { flex-basis: 100%; } }
 
 @media (max-width: 600px) { .overview { padding: 10px 12px; gap: 8px 16px; } .search-row { flex-wrap: nowrap; } .search { flex-basis: auto; min-width: 0; } .view-options-toggle { flex-shrink: 0; } .chips { flex-wrap: nowrap; overflow-x: auto; padding: 3px; width: 100%; } .chips button { white-space: nowrap; flex-shrink: 0; } .attention { padding: 10px 12px; font-size: 13px; } .spotlight { padding:12px; gap:8px; } .spotlight > div { min-width:0; } .page { gap: 16px; } .group-heading p { display: none; } }
 </style>