From 313dbea34e473235fd00c17cab29ab993db04705 Mon Sep 17 00:00:00 2001
From: Federico Jaramillo Martinez <federicojaramillom@gmail.com>
Date: Tue, 9 Jun 2026 12:29:56 +0200
Subject: [PATCH] chore: clarify archived delete capability hint

---
 src/client/src/components/PiWebApp.ts    | 2 --
 src/client/src/components/SessionList.ts | 2 ++
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/client/src/components/PiWebApp.ts b/src/client/src/components/PiWebApp.ts
index f414aad..17df161 100644
--- a/src/client/src/components/PiWebApp.ts
+++ b/src/client/src/components/PiWebApp.ts
@@ -855,8 +855,6 @@ export class PiWebApp extends LitElement {
 
   private archivedDeleteUnavailableMessage(): string {
     const machineName = this.state.selectedMachine?.name ?? "this machine";
-    const runtime = this.selectedMachineRuntime();
-    if (runtime?.ok === false && runtime.error !== undefined) return `Update and restart Pi-Web on ${machineName} to delete archived sessions. Runtime check failed: ${runtime.error}`;
     return `Update and restart Pi-Web on ${machineName} to delete archived sessions.`;
   }
 
diff --git a/src/client/src/components/SessionList.ts b/src/client/src/components/SessionList.ts
index aab4877..f479c40 100644
--- a/src/client/src/components/SessionList.ts
+++ b/src/client/src/components/SessionList.ts
@@ -185,6 +185,7 @@ export class SessionList extends LitElement implements KeyboardNavigableSection
         <button class="danger" title=${this.canDeleteArchived ? "Permanently delete selected archived sessions" : this.archivedDeleteUnavailableMessage} ?disabled=${selectedSessions.length === 0 || !this.canDeleteArchived} @click=${() => { this.confirmDeleteSelectedArchived(); }}>Delete selected</button>
         <button @click=${() => { this.clearSelection("archived"); }}>Clear</button>
         <button @click=${() => { this.closeSelection("archived"); }}>Done</button>
+        ${this.canDeleteArchived ? null : html`<small class="capability-hint">${this.archivedDeleteUnavailableMessage}</small>`}
       </div>
     `;
   }
@@ -366,6 +367,7 @@ export class SessionList extends LitElement implements KeyboardNavigableSection
     .bulk-row { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; margin: 0 0 6px; }
     .bulk-row button { padding: 5px 7px; font-size: 12px; }
     .bulk-row small { display: inline; min-width: 0; color: var(--pi-muted); }
+    .bulk-row .capability-hint { flex: 1 0 100%; color: var(--pi-warning); }
     .bulk-row.selecting { padding: 6px; border: 1px solid var(--pi-border-muted); border-radius: 8px; background: color-mix(in srgb, var(--pi-surface) 65%, transparent); }
     button.danger, .action-menu-panel button.danger { color: var(--pi-danger); }
     button.danger:hover, .action-menu-panel button.danger:hover { background: color-mix(in srgb, var(--pi-danger) 14%, transparent); }