From 233ebff2360c39893982a5057c6aba09e3b5274b Mon Sep 17 00:00:00 2001 From: josh Date: Mon, 21 Sep 2026 19:34:53 -0400 Subject: [PATCH] Remove fleet activity panel --- src/routes/+page.svelte | 24 ++++-------------------- 1 file changed, 4 insertions(+), 20 deletions(-) diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte index 4c1e5d9..e45647e 100644 --- a/src/routes/+page.svelte +++ b/src/routes/+page.svelte @@ -23,7 +23,6 @@ let sort = $state('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([]); let preferencesReady = $state(false); @@ -161,7 +160,7 @@ {:else}{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'}{/if} - {#if attentionOperations.length} operationsOpen = true}>{attentionOperations.length} operation {attentionOperations.length === 1 ? 'needs' : 'need'} attention →{/if} + {#if attentionOperations.length}{/if} {/if} @@ -173,15 +172,6 @@ {/if} - {#if activeOperations.length} -
- Activity · {activeOperations.length} operations{attentionOperations.length ? ` · ${attentionOperations.length} need attention` : ''} -
{#each activeOperations as operation (operation.key)} - {serverTitle(operation.server)}{operation.label}{operation.detail} - {/each}
-
- {/if} - {#if servers.length === 0} {#snippet actions()}{/snippet} {: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; } }