diff --git a/src/lib/components/layout/ImportChatsModal.svelte b/src/lib/components/layout/ImportChatsModal.svelte index 30302bc650..7b746583c6 100644 --- a/src/lib/components/layout/ImportChatsModal.svelte +++ b/src/lib/components/layout/ImportChatsModal.svelte @@ -258,7 +258,7 @@ {#if rawChats.length > 0}
- Total: {rawChats.length} | Selected: {selectedIndices.size} + 总计: {rawChats.length} | 已选: {selectedIndices.size}
diff --git a/src/lib/components/layout/Sidebar.svelte b/src/lib/components/layout/Sidebar.svelte index 38bd20373d..a44c3858c0 100644 --- a/src/lib/components/layout/Sidebar.svelte +++ b/src/lib/components/layout/Sidebar.svelte @@ -1,1367 +1,1230 @@ { - await initChatList(); - }} + bind:show={$showArchivedChats} + onUpdate={async () => { + await initChatList(); + }} /> { - const res = await createNewChannel(localStorage.token, { - name: name, - access_control: access_control - }).catch((error) => { - toast.error(`${error}`); - return null; - }); + bind:show={showCreateChannel} + onSubmit={async ({ name, access_control }) => { + const res = await createNewChannel(localStorage.token, { + name: name, + access_control: access_control + }).catch((error) => { + toast.error(`${error}`); + return null; + }); - if (res) { - $socket.emit('join-channels', { auth: { token: $user?.token } }); - await initChannels(); - showCreateChannel = false; - } - }} + if (res) { + $socket.emit('join-channels', { auth: { token: $user?.token } }); + await initChannels(); + showCreateChannel = false; + } + }} /> { - await createFolder(folder); - showCreateFolderModal = false; - }} + bind:show={showCreateFolderModal} + onSubmit={async (folder) => { + await createFolder(folder); + showCreateFolderModal = false; + }} /> - - {#if $showSidebar} -
{ - showSidebar.set(!$showSidebar); - }} - /> +
{ + showSidebar.set(!$showSidebar); + }} + /> {/if} { - if ($mobile) { - showSidebar.set(false); - } - }} + bind:show={$showSearch} + onClose={() => { + if ($mobile) { + showSidebar.set(false); + } + }} /> - -
+ +
+ + + -
-
- - { - e.stopImmediatePropagation(); - e.preventDefault(); + +
+ - - - - - -
- - -
-
-
- {#if $user !== undefined && $user !== null} - { - if (e.detail === 'archived-chat') { - showArchivedChats.set(true); - } - if (e.detail === 'announcements') { - showAnnouncements.set(true); - } - }} - > -
-
- {$i18n.t('Open -
-
- - {/if} -
-
-
- +
+
+
+ {#if $user !== undefined && $user !== null} + { + if (e.detail === 'archived-chat') { + showArchivedChats.set(true); + } + if (e.detail === 'announcements') { + showAnnouncements.set(true); + } + }} + > +
+
+ {$i18n.t('Open +
+
+ + {/if} +
+
+
+ {/if} {#if $showSidebar} -
-
-
- - - + transition:slide={{ duration: 250, axis: 'x' }} + data-state={$showSidebar} + > +
+
+ + + - -
- {$WEBUI_NAME} -
- - - - + +
+ {$WEBUI_NAME} +
+ + + + -
-
+
+
-
{ - if (e.target.scrollTop === 0) { - scrollTop = 0; - } else { - scrollTop = e.target.scrollTop; - } - }} - > -
-
- -
- -
+
{ + if (e.target.scrollTop === 0) { + scrollTop = 0; + } else { + scrollTop = e.target.scrollTop; + } + }} + > +
+
+ +
+ +
-
-
{$i18n.t('New Chat')}
-
- -
+
+
{$i18n.t('New Chat')}
+
+ +
- +
+
{$i18n.t('Memory')}
+
+ +
+
-
- -
- -
+ {#if ($models ?? []).length > 0 && ($settings?.pinnedModels ?? []).length > 0} + + {/if} -
-
{$i18n.t('Memory')}
-
- -
+ { + selectedFolder.set(null); + }} + on:import={(e) => { + importChatHandler(e.detail); + }} + on:drop={async (e) => { + const { type, id, item } = e.detail; - + if (chat) { + console.log(chat); + if (chat.folder_id) { + const res = await updateChatFolderIdById(localStorage.token, chat.id, null).catch( + (error) => { + toast.error(`${error}`); + return null; + } + ); - -
+ if (chat.pinned) { + const res = await toggleChatPinnedStatusById(localStorage.token, chat.id); + } - {#if ($models ?? []).length > 0 && ($settings?.pinnedModels ?? []).length > 0} - - {/if} + await initChatList(); + } + } else if (type === 'folder') { + if (folders[id].parent_id === null) { + return; + } - + if (res) { + await initFolders(); + } + } + }} + > + {#if $pinnedChats.length > 0} +
+
+ { + localStorage.setItem('showPinnedChat', e.detail); + console.log(e.detail); + }} + on:import={(e) => { + importChatHandler(e.detail, true); + }} + on:drop={async (e) => { + const { type, id, item } = e.detail; - + await initChatList(); + } + } + }} + name={$i18n.t('Pinned')} + > +
+ {#each $pinnedChats as chat, idx (`pinned-chat-${chat?.id ?? idx}`)} + { + selectedChatId = chat.id; + }} + on:unselect={() => { + selectedChatId = null; + }} + on:change={async () => { + await initChatList(); + }} + on:tag={(e) => { + const { type, name } = e.detail; + tagEventHandler(type, name, chat.id); + }} + /> + {/each} +
+ +
+
+ {/if} - { - selectedFolder.set(null); - }} - on:import={(e) => { - importChatHandler(e.detail); - }} - on:drop={async (e) => { - const { type, id, item } = e.detail; +
+
+ {#if $chats} + {#each $chats as chat, idx (`chat-${chat?.id ?? idx}`)} + {#if idx === 0 || (idx > 0 && chat.time_range !== $chats[idx - 1].time_range)} +
+ {$i18n.t(chat.time_range)} +
+ {/if} - if (type === 'chat') { - let chat = await getChatById(localStorage.token, id).catch((error) => { - return null; - }); - if (!chat && item) { - chat = await importChat( - localStorage.token, - item.chat, - item?.meta ?? {}, - false, - null, - item?.created_at ?? null, - item?.updated_at ?? null - ); - } + { + selectedChatId = chat.id; + }} + on:unselect={() => { + selectedChatId = null; + }} + on:change={async () => { + await initChatList(); + }} + on:tag={(e) => { + const { type, name } = e.detail; + tagEventHandler(type, name, chat.id); + }} + /> + {/each} - if (chat) { - console.log(chat); - if (chat.folder_id) { - const res = await updateChatFolderIdById(localStorage.token, chat.id, null).catch( - (error) => { - toast.error(`${error}`); - return null; - } - ); + {#if $scrollPaginationEnabled && !allChatsLoaded} + { + if (!chatListLoading) { + loadMoreChats(); + } + }} + > +
+ +
{$i18n.t('Loading...')}
+
+ + {/if} + {:else} +
+ +
{$i18n.t('Loading...')}
+
+ {/if} +
+
+ +
- folderRegistry[chat.folder_id]?.setFolderItems(); - } +
- if (chat.pinned) { - const res = await toggleChatPinnedStatusById(localStorage.token, chat.id); - } +
+
- await initChatList(); - } - } else if (type === 'folder') { - if (folders[id].parent_id === null) { - return; - } + - const res = await updateFolderParentIdById(localStorage.token, id, null).catch( - (error) => { - toast.error(`${error}`); - return null; - } - ); - - if (res) { - await initFolders(); - } - } - }} - > - {#if $pinnedChats.length > 0} -
-
- { - localStorage.setItem('showPinnedChat', e.detail); - console.log(e.detail); - }} - on:import={(e) => { - importChatHandler(e.detail, true); - }} - on:drop={async (e) => { - const { type, id, item } = e.detail; - - if (type === 'chat') { - let chat = await getChatById(localStorage.token, id).catch((error) => { - return null; - }); - if (!chat && item) { - chat = await importChat( - localStorage.token, - item.chat, - item?.meta ?? {}, - false, - null, - item?.created_at ?? null, - item?.updated_at ?? null - ); - } - - if (chat) { - console.log(chat); - if (chat.folder_id) { - const res = await updateChatFolderIdById( - localStorage.token, - chat.id, - null - ).catch((error) => { - toast.error(`${error}`); - return null; - }); - } - - if (!chat.pinned) { - const res = await toggleChatPinnedStatusById(localStorage.token, chat.id); - } - - await initChatList(); - } - } - }} - name={$i18n.t('Pinned')} - > -
- {#each $pinnedChats as chat, idx (`pinned-chat-${chat?.id ?? idx}`)} - { - selectedChatId = chat.id; - }} - on:unselect={() => { - selectedChatId = null; - }} - on:change={async () => { - await initChatList(); - }} - on:tag={(e) => { - const { type, name } = e.detail; - tagEventHandler(type, name, chat.id); - }} - /> - {/each} -
- -
-
- {/if} - -
-
- {#if $chats} - {#each $chats as chat, idx (`chat-${chat?.id ?? idx}`)} - {#if idx === 0 || (idx > 0 && chat.time_range !== $chats[idx - 1].time_range)} -
- {$i18n.t(chat.time_range)} - -
- {/if} - - { - selectedChatId = chat.id; - }} - on:unselect={() => { - selectedChatId = null; - }} - on:change={async () => { - await initChatList(); - }} - on:tag={(e) => { - const { type, name } = e.detail; - tagEventHandler(type, name, chat.id); - }} - /> - {/each} - - {#if $scrollPaginationEnabled && !allChatsLoaded} - { - if (!chatListLoading) { - loadMoreChats(); - } - }} - > -
- -
{$i18n.t('Loading...')}
-
- - {/if} - {:else} -
- -
{$i18n.t('Loading...')}
-
- {/if} -
-
- -
- - -
- -
-
- - - - -
- {#if $user !== undefined && $user !== null} - { - if (e.detail === 'archived-chat') { - showArchivedChats.set(true); - } - if (e.detail === 'announcements') { - showAnnouncements.set(true); - } - }} - > -
-
- {$i18n.t('Open -
-
{$user?.name}
-
- - {/if} -
-
-
-
+
+ {#if $user !== undefined && $user !== null} + { + if (e.detail === 'archived-chat') { + showArchivedChats.set(true); + } + if (e.detail === 'announcements') { + showAnnouncements.set(true); + } + }} + > +
+
+ {$i18n.t('Open +
+
{$user?.name}
+
+ + {/if} +
+
+ + {/if} { - await importChatsHandler(chats); - }} -/> + bind:show={showImportChatsModal} + onImport={async (chats) => { + await importChatsHandler(chats); + }} +/> \ No newline at end of file