+
+
+ {TABS.find((t) => t.id === tab)?.label}
+ +
+
+
+ {#if tab === "general"}
+
+
+
+
+
+ {:else if tab === "appearance"}
+
+
+ Interface Scale
+
+ updateSettings({ uiScale: Number(e.currentTarget.value) })} class="scale-slider" />
+ {$settings.uiScale}%
+
+
+ + {#each [70,80,90,100,110,125,150] as v} + + {/each} +
+
+
+ Server
+
+
+ Server URLBase URL of your Suwayomi instance
+ updateSettings({ serverUrl: e.currentTarget.value })} placeholder="http://localhost:4567" spellcheck="false" />
+
+
+
+ Server binaryPath or command to launch tachidesk-server
+ updateSettings({ serverBinary: e.currentTarget.value })} placeholder="tachidesk-server" spellcheck="false" />
+
+
+ Inactivity
+
+
+ Idle screen timeoutShow the Moku idle splash after this much inactivity.
+
+
+ {#if selectOpen === "idle-timeout"}
+
+ {/if}
+
+
+
+
+
+ {:else if tab === "reader"}
+
+
+ Theme
+
+ {#each THEMES as theme}
+ {@const active = ($settings.theme ?? "dark") === theme.id}
+
+ {/each}
+
+
+
+
+
+ {:else if tab === "library"}
+
+
+ Page Layout
+
+
+ Default layoutHow chapters open by default
+
+
+ {#if selectOpen === "page-style"}
+
+ {/if}
+
+
+
+
+ Reading directionLeft-to-right for most manga, right-to-left for Japanese
+
+
+ {#if selectOpen === "reading-dir"}
+
+ {/if}
+
+
+
+ Fit & Zoom
+
+
+ Default fit modeHow pages are sized to fit the screen
+
+
+ {#if selectOpen === "fit-mode"}
+
+ {/if}
+
+
+
+
+ Max page widthPixel cap for fit-width mode.
+
+
+ {$settings.maxPageWidth ?? 900}px
+
+
+
+
+ Behaviour
+ + + {#if !($settings.autoNextChapter ?? false)} + + {/if} +
+
+ Pages to preloadImages loaded ahead of the current page
+
+
+ {$settings.preloadPages}
+
+
+
+
+
+
+ {:else if tab === "performance"}
+
+
+ Display
+ + +
+
+ Chapters
+
+
+ Default sort direction
+
+
+ {#if selectOpen === "sort-dir"}
+
+ {/if}
+
+
+
+ History
+
+
+ Reading history{$history.length} entries stored
+
+
+
+
+
+ {:else if tab === "keybinds"}
+
+
+ Rendering
+ +
+
+ Idle / Splash Screen
+ +
+
+ Interface
+ +
+
+
+
+ {:else if tab === "storage"}
+
+
+
+
+ Keyboard shortcuts
+ +Click a key to rebind, then press the new combination.
+
+ {#each Object.keys(KEYBIND_LABELS) as key}
+ {@const k = key as keyof Keybinds}
+ {@const isListening = listeningKey === k}
+ {@const isDefault = $settings.keybinds[k] === DEFAULT_KEYBINDS[k]}
+
+
+ {KEYBIND_LABELS[k]}
+
+ {/each}
+
+
+
+
+
+
+
+
+ {:else if tab === "folders"}
+
+
+ Disk Usage
+ {#if storageLoading}Reading filesystem…
+ {:else if storageError}{storageError}
+ {:else if storageInfo} + {@const mangaBytes = storageInfo.manga_bytes} + {@const totalBytes = storageInfo.total_bytes} + {@const freeBytes = storageInfo.free_bytes} + {@const limitGb = $settings.storageLimitGb ?? null} + {@const limitBytes = limitGb !== null ? limitGb * 1024 ** 3 : null} + {@const available = mangaBytes + freeBytes} + {@const cap = limitBytes !== null ? Math.min(limitBytes, available) : available} + {@const pctUsed = cap > 0 ? Math.min(100, (mangaBytes / cap) * 100) : 0} + +
+
+ Downloaded manga{fmtBytes(mangaBytes)}
+ Drive free{fmtBytes(freeBytes)}
+ Drive total{fmtBytes(totalBytes)}
+ {storageInfo.path}
+ {/if} +
+
+ Cache
+
+
+ Image cacheCached page images stored by the webview
+
+
+
+
+
+ {:else if tab === "about"}
+
+
+ Manage Folders
+Assign manga to folders from the series detail page.
+
+ e.key === "Enter" && createFolder()} style="flex:1;width:auto" />
+
+
+ {#if $settings.folders.length === 0}
+ No folders yet. Create one above.
+ {:else} +
+ {#each $settings.folders as folder}
+
+ {/if}
+
+ {#if editingId === folder.id}
+ { if (e.key === "Enter") commitEdit(); if (e.key === "Escape") editingId = null; }}
+ on:blur={commitEdit} style="flex:1;width:auto" use:focusInput />
+
+ {:else}
+
+ {/each}
+
+
+
+
+ {:else if tab === "devtools"}
+
+
+ Moku
+
+
+ A manga reader frontend for Suwayomi / Tachidesk.
+Built with Tauri + Svelte. Connects to tachidesk-server.
+
+
+ {/if}
+
+
+
+ Splash Screen
+
+
+ Preview idle screenShow the idle splash — dismiss with any click or key
+
+
+
+ Build Info
+
+
+ Mode: {import.meta.env.MODE}
+