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

<div class="wide100p padding5">
    <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="flex-container marginTopBot5">
        <input type="search" id="attachmentSearch" class="attachmentSearch text_pole margin0 flex1" placeholder="Search...">
        <select id="attachmentSort" class="attachmentSort text_pole margin0 flex1">
            <option data-sort-field="created" data-sort-order="desc" data-i18n="Date (Newest First)">
                Date (Newest First)
            </option>
            <option data-sort-field="created" data-sort-order="asc" data-i18n="Date (Oldest First)">
                Date (Oldest First)
            </option>
            <option data-sort-field="name" data-sort-order="asc" data-i18n="Name (A-Z)">
                Name (A-Z)
            </option>
            <option data-sort-field="name" data-sort-order="desc" data-i18n="Name (Z-A)">
                Name (Z-A)
            </option>
            <option data-sort-field="size" data-sort-order="asc" data-i18n="Size (Smallest First)">
                Size (Smallest First)
            </option>
            <option data-sort-field="size" data-sort-order="desc" data-i18n="Size (Largest First)">
                Size (Largest First)
            </option>
        </select>

    </div>
    <div class="justifyLeft globalAttachmentsBlock marginBot10">
        <h3 class="globalAttachmentsTitle margin0 title_restorable">
            <span data-i18n="Global Attachments">
                Global Attachments
            </span>
        </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="characterAttachmentsTitle margin0 title_restorable">
            <span data-i18n="Character Attachments">
                Character Attachments
            </span>
        </h3>
        <div class="flex-container flexFlowColumn">
            <strong><small class="characterAttachmentsName"></small></strong>
            <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>
        <div class="characterAttachmentsList attachmentsList"></div>
        <hr>
    </div>
    <div class="justifyLeft chatAttachmentsBlock marginBot10">
        <h3 class="chatAttachmentsTitle margin0 title_restorable">
            <span data-i18n="Chat Attachments">
                Chat Attachments
            </span>
        </h3>
        <div class="flex-container flexFlowColumn">
            <strong><small class="chatAttachmentsName"></small></strong>
            <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>
        <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="attachmentListItemCreated"></small>
            <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 class="actionButtonsTemplate template_element">
        <div class="actionButtons flex-container flexGap10">
            <div class="scrapeWebpageButton menu_button_icon menu_button" data-attachment-manager-target="" 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="" title="Download a page from the Fandom wiki.">
            <i class="fa-fw fa-solid fa-fire"></i>
                <span data-i18n="From Fandom">
                    From Fandom
                </span>
            </div>
            <div class="uploadFileButton menu_button_icon menu_button" data-attachment-manager-target="" 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>
    </div>
</div>