From f2e4ea39ded3e35e0a8d2b089fd4629d9cdb766d Mon Sep 17 00:00:00 2001
From: rope <fredrik@nordhammer.it>
Date: Mon, 19 Oct 2026 11:41:41 +0100
Subject: [PATCH] Construction: keep the building site card above the tabs

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
---
 static/app.js | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/static/app.js b/static/app.js
index 59ee241..cdc089f 100644
--- a/static/app.js
+++ b/static/app.js
@@ -355,6 +355,9 @@ function skillPage(id) {
     let current = tabs[id] || remember(`tab.${id}`);
     if (!groups.includes(current)) current = [...groups].reverse().find(open) || groups[0];
     const bar = groups.map((g) => `<button class="tab ${g === current ? "on" : ""} ${open(g) ? "" : "dim"}" data-tab="${id}" data-group="${esc(g)}">${esc(g)}</button>`).join("");
+    // Ungrouped actions (the building site) stay above the tabs.
+    const loose = actions.filter((a) => !a.group);
+    if (loose.length) html += `<div class="grid" style="margin-bottom:14px">${loose.map(actionCard).join("")}</div>`;
     return html + `<div class="tabs">${bar}</div><div class="grid">${actions.filter((a) => a.group === current).map(actionCard).join("")}</div>`;
   }
   // A few groups: each under its own heading, in the order they first appear.