From 9cc759dd37bdb5322c085e08bb18b06e7be8dac6 Mon Sep 17 00:00:00 2001
From: Shakker <shakkerdroid@gmail.com>
Date: Sun, 31 May 2026 16:27:29 +0100
Subject: [PATCH] fix: hide Skill Workshop actions after pending

---
 ui/src/styles/skill-workshop.css  | 21 ---------------
 ui/src/ui/views/skill-workshop.ts | 45 +++++++++++++++----------------
 2 files changed, 21 insertions(+), 45 deletions(-)

diff --git a/ui/src/styles/skill-workshop.css b/ui/src/styles/skill-workshop.css
index 6b2c3b47284..e2e22ad7bea 100644
--- a/ui/src/styles/skill-workshop.css
+++ b/ui/src/styles/skill-workshop.css
@@ -451,27 +451,6 @@
   box-shadow: 0 -8px 24px rgba(0, 0, 0, 0.3);
 }
 
-.sw-action-bar__spacer {
-  flex: 1;
-}
-
-.sw-action-bar__hint {
-  color: var(--muted);
-  font-size: 11px;
-  display: flex;
-  gap: 14px;
-  align-items: center;
-}
-
-.sw-action-bar__hint code {
-  background: var(--bg-elevated);
-  color: var(--text);
-  padding: 1px 5px;
-  border-radius: 3px;
-  font-size: 10px;
-  font-family: var(--mono);
-}
-
 .sw-btn {
   padding: 7px 14px;
   border-radius: var(--radius-md);
diff --git a/ui/src/ui/views/skill-workshop.ts b/ui/src/ui/views/skill-workshop.ts
index 4015c422638..78d7646e647 100644
--- a/ui/src/ui/views/skill-workshop.ts
+++ b/ui/src/ui/views/skill-workshop.ts
@@ -251,30 +251,27 @@ function renderDetail(props: SkillWorkshopProps, proposal: SkillWorkshopProposal
           : nothing}
       </div>
 
-      <div class="sw-action-bar">
-        <button class="sw-btn sw-btn--primary" @click=${() => props.onApply(proposal.key)}>
-          Apply <span class="sw-kbd">↵</span>
-        </button>
-        <button class="sw-btn" @click=${() => props.onRevise(proposal.key)}>
-          Revise <span class="sw-kbd">E</span>
-        </button>
-        <button class="sw-btn sw-btn--ghost" @click=${() => props.onSetAside(proposal.key)}>
-          Set aside <span class="sw-kbd">⇧Q</span>
-        </button>
-        <button
-          class="sw-btn sw-btn--ghost sw-btn--danger"
-          @click=${() => props.onReject(proposal.key)}
-        >
-          Reject <span class="sw-kbd">R</span>
-        </button>
-        <span class="sw-action-bar__spacer"></span>
-        <div class="sw-action-bar__hint">
-          <span><code>J</code> next</span>
-          <span><code>K</code> prev</span>
-          <span><code>X</code> multi-select</span>
-          <span><code>?</code> shortcuts</span>
-        </div>
-      </div>
+      ${proposal.status === "pending" ? renderPendingActions(props, proposal) : nothing}
+    </div>
+  `;
+}
+
+function renderPendingActions(props: SkillWorkshopProps, proposal: SkillWorkshopProposal) {
+  return html`
+    <div class="sw-action-bar">
+      <button class="sw-btn sw-btn--primary" @click=${() => props.onApply(proposal.key)}>
+        Apply
+      </button>
+      <button class="sw-btn" @click=${() => props.onRevise(proposal.key)}>Revise</button>
+      <button class="sw-btn sw-btn--ghost" @click=${() => props.onSetAside(proposal.key)}>
+        Set aside
+      </button>
+      <button
+        class="sw-btn sw-btn--ghost sw-btn--danger"
+        @click=${() => props.onReject(proposal.key)}
+      >
+        Reject
+      </button>
     </div>
   `;
 }