Indicates extensions that add tools in the list

f7ec2e47d65acddb8f18c75ab1535e2852559fc3

Cohee <18619528+Cohee1207@users.noreply.github.com>

public/scripts/extensions/assets/index.js+10 -1 Viewed

                         const url = isValidUrl(asset['url']) ? asset['url'] : '';
                         const title = assetType === 'extension' ? `Extension repo/guide: ${url}` : 'Preview in browser';
                         const previewIcon = (assetType === 'extension' || assetType === 'character') ? 'fa-arrow-up-right-from-square' : 'fa-headphones-simple';
+                        const toolTag = assetType === 'extension' && asset['tool'];
                         const assetBlock = $('<i></i>')
                             .append(element)

                                             <a class="asset_preview" href="${url}" target="_blank" title="${title}">
                                                 <i class="fa-solid fa-sm ${previewIcon}"></i>
                                             </a>
+                                            ${toolTag ? '<span class="tag" title="Adds a function tool"><i class="fa-solid fa-sm fa-wrench"></i> Tool</span>' : ''}
                                         </span>
                                         <small class="asset-description">
                                             ${description}
                                         </small>
                                      </div>`);
+                        assetBlock.find('.tag').on('click', function (e) {
+                            const a = document.createElement('a');
+                            a.href = 'https://docs.sillytavern.app/for-contributors/function-calling/';
+                            a.target = '_blank';
+                            a.click();
+                        });
                         if (assetType === 'character') {
                             if (asset.highlight) {
                                 assetBlock.find('.asset-name').append('<i class="fa-solid fa-sm fa-trophy"></i>');

     for (const character of characters.sort((a, b) => a.name.localeCompare(b.name))) {
         const listElement = template.find(character.highlight ? '.contestWinnersList' : '.featuredCharactersList');
         const characterElement = $(await renderExtensionTemplateAsync(MODULE_NAME, 'character', character));
-        const downloadButton  = characterElement.find('.characterAssetDownloadButton');
+        const downloadButton = characterElement.find('.characterAssetDownloadButton');
         const checkMark = characterElement.find('.characterAssetCheckMark');
         const isInstalled = isAssetInstalled('character', character.id);

public/scripts/extensions/assets/style.css+9 -0 Viewed

     gap: 5px;
     align-items: center;
+}
+.asset-name .tag {
+    gap: 5px;
+    align-items: baseline;
+    font-size: calc(var(--mainFontSize)* 0.8);
+    cursor: pointer;
+    opacity: 0.9;
+    margin-left: 2px;
+}