SillyTavern/public/scripts/extensions/attachments/manager.html

<div class="wide100p paddingTopBot5">
    <h2 class="marginBot5">
        <span data-i18n="Data Bank">
            Data Bank
        </span>
    </h2>
    <div data-i18n="These files will be available for extensions that support attachments (e.g. Vector Storage).">
        These files will be available for extensions that support attachments (e.g. Vector Storage).
    </div>
    <div data-i18n="Supported file types: Plain Text, PDF, Markdown, HTML." class="marginTopBot5">
        Supported file types: Plain Text, PDF, Markdown, HTML.
    </div>
    <div class="justifyLeft globalAttachmentsBlock marginBot10">
        <h3 class="margin0 title_restorable">
            <span data-i18n="Global Attachments">
                Global Attachments
            </span>
            <div class="flex-container flexGap10">
                <div class="scrapeWebpageButton menu_button_icon menu_button" data-attachment-manager-target="global" title="Download a page from the web.">
                    <i class="fa-fw fa-solid fa-globe"></i>
                    <span data-i18n="From Web">
                        From Web
                    </span>
                </div>
                <div class="scrapeFandomButton menu_button_icon menu_button" data-attachment-manager-target="global" title="Download a page from the Fandom wiki.">
                    <i class="fa-fw fa-solid fa-fan"></i>
                    <span data-i18n="From Fandom">
                        From Fandom
                    </span>
                </div>
                <div class="uploadFileButton menu_button_icon menu_button" data-attachment-manager-target="global" title="Upload a file from your computer.">
                    <i class="fa-fw fa-solid fa-upload"></i>
                    <span data-i18n="From File">
                        From File
                    </span>
                </div>
            </div>
        </h3>
        <small data-i18n="These files are available for all characters in all chats.">
            These files are available for all characters in all chats.
        </small>
        <div class="globalAttachmentsList attachmentsList"></div>
        <hr>
    </div>
    <div class="justifyLeft characterAttachmentsBlock marginBot10">
        <h3 class="margin0 title_restorable">
            <span data-i18n="Character Attachments">Character Attachments</span>
            <div class="flex-container flexGap10">
                <div class="scrapeWebpageButton menu_button_icon menu_button" data-attachment-manager-target="character" title="Download a page from the web.">
                    <i class="fa-fw fa-solid fa-globe"></i>
                    <span data-i18n="From Web">
                        From Web
                    </span>
                </div>
                <div class="scrapeFandomButton menu_button_icon menu_button" data-attachment-manager-target="character" title="Download a page from the Fandom wiki.">
                    <i class="fa-fw fa-solid fa-fan"></i>
                    <span data-i18n="From Fandom">
                        From Fandom
                    </span>
                </div>
                <div class="uploadFileButton menu_button_icon menu_button" data-attachment-manager-target="character" title="Upload a file from your computer.">
                    <i class="fa-fw fa-solid fa-upload"></i>
                    <span data-i18n="From File">
                        From File
                    </span>
                </div>
            </div>
        </h3>
        <small data-i18n="These files are available the current character in all chats they are in.">
            These files are available the current character in all chats they are in.
        </small>
        <div class="characterAttachmentsList attachmentsList"></div>
        <hr>
    </div>
    <div class="justifyLeft chatAttachmentsBlock marginBot10">
        <h3 class="margin0 title_restorable">
            <span data-i18n="Chat Attachments">
                Chat Attachments
            </span>
            <div class="flex-container flexGap10">
                <div class="scrapeWebpageButton menu_button_icon menu_button" data-attachment-manager-target="chat" title="Download a page from the web.">
                    <i class="fa-fw fa-solid fa-globe"></i>
                    <span data-i18n="From Web">
                        From Web
                    </span>
                </div>
                <div class="scrapeFandomButton menu_button_icon menu_button" data-attachment-manager-target="chat" title="Download a page from the Fandom wiki.">
                    <i class="fa-fw fa-solid fa-fan"></i>
                    <span data-i18n="From Fandom">
                        From Fandom
                    </span>
                </div>
                <div class="uploadFileButton menu_button_icon menu_button" data-attachment-manager-target="chat" title="Upload a file from your computer.">
                    <i class="fa-fw fa-solid fa-upload"></i>
                    <span data-i18n="From File">
                        From File
                    </span>
                </div>
            </div>
        </h3>
        <small data-i18n="These files are available to all characters in the current chat.">
            These files are available to all characters in the current chat.
        </small>
        <div class="chatAttachmentsList attachmentsList"></div>
    </div>

    <div class="attachmentListItemTemplate template_element">
        <div class="attachmentListItem flex-container alignItemsCenter flexGap10">
            <div class="attachmentFileIcon fa-solid fa-file-alt"></div>
            <div class="attachmentListItemName flex1"></div>
            <small class="attachmentListItemSize"></small>
            <div class="viewAttachmentButton right_menu_button fa-solid fa-magnifying-glass" title="View attachment content"></div>
            <div class="deleteAttachmentButton right_menu_button fa-solid fa-trash" title="Delete attachment"></div>
        </div>
    </div>
</div>