{#if dragged}
Drop any files here to add to my documents
{/if}
{ syncDirectoryHandler(); }} />
{ const file = createFileFromText(e.detail.name, e.detail.content); uploadFileHandler(file); }} />
{ if (inputFiles && inputFiles.length > 0) { for (const file of inputFiles) { await uploadFileHandler(file); } inputFiles = null; const fileInputElement = document.getElementById('files-input'); if (fileInputElement) { fileInputElement.value = ''; } } else { toast.error($i18n.t(`File not found.`)); } }} />
{#if id && knowledge}
{ showSidepanel = true; }} onCollapse={() => { showSidepanel = false; }} >
{ selectedFileId = null; }} />
{ if (e.detail.type === 'directory') { uploadDirectoryHandler(); } else if (e.detail.type === 'text') { showAddTextContentModal = true; } else { document.getElementById('files-input').click(); } }} on:sync={(e) => { showSyncConfirmModal = true; }} />
{#if filteredItems.length > 0}
{ selectedFileId = selectedFileId === e.detail ? null : e.detail; }} on:delete={(e) => { console.log(e.detail); selectedFileId = null; deleteFileHandler(e.detail); }} />
{:else}
{$i18n.t('No content found')}
{/if}
{#if largeScreen}
{#if selectedFile}
{#if !showSidepanel}
{ pane.expand(); }} >
{/if}
{selectedFile?.meta?.name}
{ updateFileContentHandler(); }} > {$i18n.t('Save')}
{#key selectedFile.id}
{/key}
{:else}
{ changeDebounceHandler(); }} />
{ changeDebounceHandler(); }} />
{$i18n.t('Select a file to view or drag and drop a file to upload')}
{/if}
{:else if !largeScreen && selectedFileId !== null}
{ selectedFileId = null; }} >
{ selectedFileId = null; }} >
{selectedFile?.meta?.name}
{ updateFileContentHandler(); }} > {$i18n.t('Save')}
{#key selectedFile.id}
{/key}
{/if}
{:else}
{/if}