@kodaris/krubble-app-components 1.0.81 → 1.0.82

package/dist/krubble-app.umd.js

@@ -6503,6 +6503,13 @@
       }
       /** Insert `/code ` into the composer and focus it, ready for the message. */
       _handleSkillSelect(skill) {
+          // A global skill must be installed before it can be chosen — inserting /code
+          // for one not enabled on this instance would just fail. `enabled` is only set
+          // on global skills (false = not installed); org skills leave it undefined and
+          // are always selectable. So an uninstalled global card click does nothing.
+          if (skill.enabled === false) {
+              return;
+          }
           this._inputValue = `/${skill.code} `;
           this._saveState();
           this._skillMenuOpened = false;
@@ -7106,28 +7113,21 @@
           }
           return b `
       <div class="skill-browse__grid">
-        ${skills.map((skill) => {
-            // A global skill must be installed before it can be chosen — inserting
-            // /code for a skill not enabled on this instance would just fail. So an
-            // uninstalled global card does nothing on click; only its Install button
-            // is interactive.
-            const selectable = !global || !!skill.enabled;
-            return b `
-            <div
-              class="skill-card"
-              role=${selectable ? 'button' : A}
-              tabindex=${selectable ? 0 : A}
-              @click=${selectable ? () => this._handleSkillSelect(skill) : A}
-              @keydown=${selectable ? (e) => this._handleSkillCardKeydown(e, skill) : A}
-            >
-              <span class="skill-card__name">${skill.name}</span>
-              ${skill.description ? b `
-                <span class="skill-card__desc">${skill.description}</span>
-              ` : A}
-              ${global ? this._renderSkillToggle(skill) : A}
-            </div>
-          `;
-        })}
+        ${skills.map((skill) => b `
+          <div
+            class="skill-card"
+            role="button"
+            tabindex="0"
+            @click=${() => this._handleSkillSelect(skill)}
+            @keydown=${(e) => this._handleSkillCardKeydown(e, skill)}
+          >
+            <span class="skill-card__name">${skill.name}</span>
+            ${skill.description ? b `
+              <span class="skill-card__desc">${skill.description}</span>
+            ` : A}
+            ${global ? this._renderSkillToggle(skill) : A}
+          </div>
+        `)}
       </div>
     `;
       }