1
<div class="welcomePanel">
2
    <div class="welcomeHeaderTitle">
3
        <img src="img/logo.png" alt="SillyTavern Logo" data-i18n="[alt]SillyTavern Logo" class="welcomeHeaderLogo">
4
        <span class="welcomeHeaderVersionDisplay">{{version}}</span>
5
        <div class="mes_button showRecentChats" title="Show recent chats" data-i18n="[title]Show recent chats">
6
            <i class="fa-solid fa-circle-chevron-down fa-fw fa-lg"></i>
7
        </div>
8
        <div class="mes_button recentChatsSettings" title="Recent chats settings" data-i18n="[title]Recent chats settings">
9
            <i class="fa-solid fa-gear fa-fw fa-lg"></i>
10
        </div>
11
        <div class="mes_button hideRecentChats" title="Hide recent chats" data-i18n="[title]Hide recent chats">
12
            <i class="fa-solid fa-circle-xmark fa-fw fa-lg"></i>
13
        </div>
14
    </div>
15
    <div class="welcomeHeader">
16
        <div class="recentChatsTitle" data-i18n="Recent Chats">
17
            Recent Chats
18
        </div>
19
        <div class="welcomeShortcuts">
20
            <a class="menu_button menu_button_icon" target="_blank" href="https://docs.sillytavern.app/">
21
                <i class="fa-solid fa-question-circle"></i>
22
                <span data-i18n="Docs">Docs</span>
23
            </a>
24
            <a class="menu_button menu_button_icon" target="_blank" href="https://github.com/SillyTavern/SillyTavern">
25
                <i class="fa-brands fa-github"></i>
26
                <span data-i18n="GitHub">GitHub</span>
27
            </a>
28
            <a class="menu_button menu_button_icon" target="_blank" href="https://discord.gg/sillytavern">
29
                <i class="fa-brands fa-discord"></i>
30
                <span data-i18n="Discord">Discord</span>
31
            </a>
32
            <span class="welcomeShortcutsSeparator">&vert;</span>
33
            <button class="openTemporaryChat menu_button menu_button_icon">
34
                <i class="fa-solid fa-comment-dots"></i>
35
                <span data-i18n="Temporary Chat">Temporary Chat</span>
36
            </button>
37
        </div>
38
    </div>
39
    <div class="welcomeRecent">
40
        <div class="recentChatList">
41
        {{#if empty}}
42
            <div class="noRecentChat">
43
                <i class="fa-solid fa-comment-dots"></i>
44
                <span data-i18n="No recent chats">No recent chats</span>
45
            </div>
46
        {{/if}}
47
        {{#each chats}}
48
            {{#with this}}
49
            <div class="recentChat {{#if hidden}}hidden{{/if}} {{#if is_group}}group{{/if}}" data-file="{{chat_name}}" data-avatar="{{avatar}}" data-group="{{group}}">
50
                {{#if pinned}}
51
                    <div class="recentChatPinned">
52
                        <i class="fa-solid fa-thumbtack fa-fw fa-xs" title="Pinned chat" data-i18n="[title]Pinned chat"></i>
53
                    </div>
54
                {{/if}}
55
                <div class="avatar" title="[Character] {{char_name}}&#10;File: {{avatar}}">
56
                    <img src="{{char_thumbnail}}" alt="{{char_name}}">
57
                </div>
58
                <div class="recentChatInfo">
59
                    <div class="chatNameContainer">
60
                        <div class="chatName" title="{{file_name}}">
61
                            <strong class="characterName">{{char_name}}</strong>
62
                            <span>&ndash;</span>
63
                            <span>{{chat_name}}</span>
64
                        </div>
65
                        <small class="chatDate" title="{{date_long}}">{{date_short}}</small>
66
                        <div class="chatActions">
67
                            <button class="menu_button menu_button_icon pinChat {{#if pinned}}active{{/if}}" title="Pin chat" data-i18n="[title]Pin chat">
68
                                <i class="fa-solid fa-thumbtack fa-fw"></i>
69
                            </button>
70
                            <button class="menu_button menu_button_icon renameChat" title="Rename chat" data-i18n="[title]Rename chat">
71
                                <i class="fa-solid fa-pen-to-square fa-fw"></i>
72
                            </button>
73
                            <button class="menu_button menu_button_icon deleteChat" title="Delete chat" data-i18n="[title]Delete chat">
74
                                <i class="fa-solid fa-trash fa-fw"></i>
75
                            </button>
76
                        </div>
77
                    </div>
78
                    <div class="chatMessageContainer">
79
                        <div class="chatMessage" title="{{mes}}">
80
                            {{mes}}
81
                        </div>
82
                        <div class="chatStats">
83
                            <div class="counterBlock">
84
                                <i class="fa-solid fa-comment fa-xs"></i>
85
                                <small>{{chat_items}}</small>
86
                            </div>
87
                            <small class="fileSize">{{file_size}}</small>
88
                        </div>
89
                    </div>
90
                </div>
91
            </div>
92
            {{/with}}
93
        {{/each}}
94
        {{#if more}}
95
            <button class="menu_button menu_button_icon showMoreChats">
96
                <small class="fa-solid fa-chevron-down fa-fw fa-1x"></small>
97
            </button>
98
        {{/if}}
99
        </div>
100
    </div>
101
</div>