{#if !writable} {$i18n.t('Read-only')} {/if} {#if !selectedFile}

{ onSort('name'); sortMenuOpen = false; }} > {$i18n.t('Name')} {#if sortBy === 'name'} {/if} { onSort('size'); sortMenuOpen = false; }} > {$i18n.t('Size')} {#if sortBy === 'size'} {/if} { onSort('date'); sortMenuOpen = false; }} > {$i18n.t('Date Modified')} {#if sortBy === 'date'} {/if}

{ onNewFile(); actionsMenuOpen = false; }} disabled={!writable} > {$i18n.t('New File')} { onNewFolder(); actionsMenuOpen = false; }} disabled={!writable} > {$i18n.t('New Folder')} { actionsMenuOpen = false; uploadInput?.click(); }} disabled={!writable} > {$i18n.t('Upload')} {#if onUploadFolder} { actionsMenuOpen = false; onUploadFolder?.(); }} > {$i18n.t('Upload Folder')} {/if} { onDownloadDir(); actionsMenuOpen = false; }} > {$i18n.t('Download')} { onToggleHidden(); actionsMenuOpen = false; }} > {showHidden ? $i18n.t('Hide Hidden Files') : $i18n.t('Show Hidden Files')} {#if viewMode !== null}

{#each ['grid', 'list'] as mode} { onViewModeChange(mode === 'grid' ? 'grid' : 'list'); actionsMenuOpen = false; }} > {mode === 'grid' ? $i18n.t('Grid view') : $i18n.t('List view')} {#if viewMode === mode} {/if} {/each} {/if}

{ if (!writable || !uploadInput?.files?.length) return; onUploadFiles(Array.from(uploadInput.files)); uploadInput.value = ''; }} /> {:else} {/if}