From 05024c76755248f45c3c894721ff1bc06110aa48 Mon Sep 17 00:00:00 2001
From: josh <josh@thewrightserver.net>
Date: Sat, 19 Sep 2026 22:36:53 -0400
Subject: [PATCH] Move server operations into History tab

---
 src/routes/servers/[name]/+page.svelte | 23 ++++++++++++++++++++---
 1 file changed, 20 insertions(+), 3 deletions(-)

diff --git a/src/routes/servers/[name]/+page.svelte b/src/routes/servers/[name]/+page.svelte
index e7ba670..a3bb9b1 100644
--- a/src/routes/servers/[name]/+page.svelte
+++ b/src/routes/servers/[name]/+page.svelte
@@ -292,12 +292,11 @@
                 <div class="issue-actions"><Button size="sm" onclick={() => changeTab('diagnostics')}>Diagnose connection</Button><Button size="sm" variant="ghost" onclick={() => changeTab('logs')}>Open logs</Button>{#if integrations && (!integrations.rcon || !integrations.komodo)}<Button size="sm" href="/settings">Check system setup</Button>{/if}</div>
             </section>
         {/if}
-        {#if operations.length}<section class="ui-panel"><h2>Current operations</h2><div class="server-operations">{#each operations as operation (operation.key)}<a href={operation.href}><strong>{operation.label}</strong><span>{operation.detail}</span><StatusBadge state={operation.state} /></a>{/each}</div></section>{/if}
         <div class="tabs-row">
             <Tabs {tabs} value={activeTab} onchange={changeTab} ariaLabel="Server sections" idPrefix="server-tabs" panelId="server-panel" />
         </div>
 
-        <div class="tab-panel" class:diagnostics={activeTab === 'diagnostics'} role="tabpanel" id="server-panel" aria-labelledby={"server-tabs-" + activeTab}>
+        <div class="tab-panel" class:diagnostics={activeTab === 'diagnostics'} class:history-panel={activeTab === 'history'} role="tabpanel" id="server-panel" aria-labelledby={"server-tabs-" + activeTab}>
             {#if tabError}<div class="ui-error" role="alert">{tabError}<Button size="sm" onclick={() => loadTab(name, activeTab)}>Retry</Button></div>{/if}
             {#if activeTab === 'scoreboard'}
                 <Card padding="lg">
@@ -504,6 +503,23 @@
                 </Card>
                 <div id="telemetry">{#key name}<TelemetryDiagnostics server={name} />{/key}</div>
             {:else if activeTab === 'history'}
+                {#if operations.length}
+                    <Card padding="lg">
+                        <div class="panel-head">
+                            <h2>Operations</h2>
+                            <span class="panel-count">{operations.length}</span>
+                        </div>
+                        <div class="server-operations">
+                            {#each operations as operation (operation.key)}
+                                <a href={operation.href}>
+                                    <strong>{operation.label}</strong>
+                                    <span>{operation.detail}</span>
+                                    <StatusBadge state={operation.state} />
+                                </a>
+                            {/each}
+                        </div>
+                    </Card>
+                {/if}
                 <Card padding="lg">
                     <div class="panel-head">
                         <h2>Rollout history</h2>
@@ -595,7 +611,8 @@
     }
 
 /* Tabs row */
-    .tab-panel.diagnostics {
+    .tab-panel.diagnostics,
+    .tab-panel.history-panel {
         display: grid;
         gap: var(--space-6);
     }