{#if !isMobile} {/if} {#if !$sidebarCollapsed}

{ if (draggedNotebookPath) { e.preventDefault(); e.dataTransfer!.dropEffect = 'move'; dropTargetPath = '__root__'; } }} ondragleave={() => { if (dropTargetPath === '__root__') dropTargetPath = null; }} ondrop={(e) => { if (draggedNotebookPath) { const vaultRoot = $appConfig?.active_vault; if (vaultRoot) handleNotebookDrop(e, vaultRoot); } }} > Notebooks

{#if allParentPaths.length > 0} {/if}

{#if showNewNotebook}

{#if newNotebookParent} {/if} { if (e.key === 'Enter') handleCreateNotebook(); if (e.key === 'Escape') { showNewNotebook = false; newNotebookName = ''; newNotebookParent = null; } }} />

{/if}

{#if $rootNoteCount > 0} {/if} {#each sortedNotebooks as nb (nb.path)} {@render notebookItem(nb, 0)} {/each}

{#if isMobile && $tags.length > 0}

{#if !tagsCollapsed} {/if}

{/if}

{#if !isMobile && $tags.length > 0}

{#if !tagsCollapsed} {/if}

{/if} {/if}

{#if contextMenu} {/if} {#if trashContextMenu} {/if} {#if deleteConfirm}

deleteConfirm = null}>

e.stopPropagation()}>

Delete "{deleteConfirm.name}"?

This notebook contains {countNotesRecursive(deleteConfirm)} note{countNotesRecursive(deleteConfirm) === 1 ? '' : 's'} that will be permanently deleted.

{/if} {#snippet notebookItem(nb: NotebookEntry, depth: number)} {@const hasChildren = nb.children.length > 0} {@const isCollapsed = $collapsedNotebooks.includes(nb.path)} {@const iconSrc = getNotebookIconSrc(nb)} {#if editingNotebook === nb.path}

{ if (e.key === 'Enter') handleRename(nb); if (e.key === 'Escape') editingNotebook = null; }} onblur={() => handleRename(nb)} />

{:else} {/if} {#if hasChildren && !isCollapsed} {#each nb.children as child (child.path)} {@render notebookItem(child, depth + 1)} {/each} {/if} {/snippet}