{#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}
{ changeDebounceHandler(); }} />
{ changeDebounceHandler(); }} />
{ showAccessControlModal = true; }} >
{$i18n.t('Access')}
{ changeDebounceHandler(); }} />
{#if largeScreen}
{#if selectedFile}
{#if !showSidepanel}
{ pane.expand(); }} >
{/if}
{selectedFile?.meta?.name}
{ updateFileContentHandler(); }} > {$i18n.t('Save')}
{#key selectedFile.id}
{/key}
{:else}
{$i18n.t('Drag and drop a file to upload or select a file to view')}
{/if}
{:else if !largeScreen && selectedFileId !== null}
{ selectedFileId = null; }} >
{ selectedFileId = null; }} >
{selectedFile?.meta?.name}
{ updateFileContentHandler(); }} > {$i18n.t('Save')}
{#key selectedFile.id}
{/key}
{/if}
{ 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}
{:else}
{/if}