{ showSidebar.set(!$showSidebar); }} /> {/if} { if ($mobile) { showSidebar.set(false); } }} /> {#if !$mobile}

{ e.stopImmediatePropagation(); e.preventDefault(); goto('/'); newChatHandler(); }} >

{#if ($config?.features?.enable_notes ?? false) && ($user?.role === 'admin' || ($user?.permissions?.features?.notes ?? true))}

{ e.stopImmediatePropagation(); e.preventDefault(); goto('/notes'); itemClickHandler(); }} draggable="false" >

{/if} {#if $user?.role === 'admin' || $user?.permissions?.workspace?.models || $user?.permissions?.workspace?.knowledge || $user?.permissions?.workspace?.prompts || $user?.permissions?.workspace?.tools}

{ e.stopImmediatePropagation(); e.preventDefault(); goto('/workspace'); itemClickHandler(); }} draggable="false" >

{/if}

{#if $user !== undefined && $user !== null} { if (e.detail === 'archived-chat') { showArchivedChats.set(true); } }} >

{/if}

{$WEBUI_NAME}

{#if ($config?.features?.enable_notes ?? false) && ($user?.role === 'admin' || ($user?.permissions?.features?.notes ?? true))}

{$i18n.t('Notes')}

{$i18n.t('Workspace')}

{/if}

{#if ($models ?? []).length > 0 && ($settings?.pinnedModels ?? []).length > 0} {/if} {#if $config?.features?.enable_channels && ($user?.role === 'admin' || $channels.length > 0)} { if ($user?.role === 'admin') { await tick(); setTimeout(() => { showCreateChannel = true; }, 0); } }} onAddLabel={$i18n.t('Create Channel')} > {#each $channels as channel} { await initChannels(); }} /> {/each} {/if} { showCreateFolderModal = true; }} onAddLabel={$i18n.t('New Folder')} on:change={async (e) => { selectedFolder.set(null); await goto('/'); }} on:import={(e) => { importChatHandler(e.detail); }} 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); } 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); } 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 () => { initChatList(); }} on:tag={(e) => { const { type, name } = e.detail; tagEventHandler(type, name, chat.id); }} /> {/each}

{/if} {#if folders} { selectedFolder.set(null); initChatList(); }} on:update={() => { initChatList(); }} on:import={(e) => { const { folderId, items } = e.detail; importChatHandler(items, false, folderId); }} on:change={async () => { initChatList(); }} /> {/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 () => { initChatList(); }} on:tag={(e) => { const { type, name } = e.detail; tagEventHandler(type, name, chat.id); }} /> {/each} {#if $scrollPaginationEnabled && !allChatsLoaded} { if (!chatListLoading) { loadMoreChats(); } }} >

{/if} {:else}

{/if}

{#if $user !== undefined && $user !== null} { if (e.detail === 'archived-chat') { showArchivedChats.set(true); } }} >

{$user?.name}

{/if}