1 files changed, 12 insertions, 5 deletions
diff --git a/packages/meshbay-hub/src/meshbay_hub/static/app.js b/packages/meshbay-hub/src/meshbay_hub/static/app.js
index 9a0787b..703bd47 100644
--- a/packages/meshbay-hub/src/meshbay_hub/static/app.js
+++ b/packages/meshbay-hub/src/meshbay_hub/static/app.js
@@ -2868,11 +2868,18 @@ function NodePage({ token, username, userId, groups }) {
             `}
           </div>
 
-          <div class="node-section">
-            <button class="btn btn-small btn-danger" disabled=${busy}
-              onClick=${() => detachGroup(g.name)}>
-              ${t('node.detach_group')}</button>
-          </div>
+          ${/* Only for a group the hub no longer knows: "Remove group" here
+                just drops it from this node's config. While the group still
+                exists on the hub that would strand it with no host — deleting
+                it is the group Settings tab's job, which detaches and deletes
+                together. */''}
+          ${stale && html`
+            <div class="node-section">
+              <button class="btn btn-small btn-danger" disabled=${busy}
+                onClick=${() => detachGroup(g.name)}>
+                ${t('node.detach_group')}</button>
+            </div>
+          `}
         </div>
       `;
         });