feat(webui): add descriptions for performance settings
- commit
- 95e4a502eec1134befd8b641a4ede8f6635fe51b
- author
- brice · · 2025-12-28 21:03 UTC
- committer
- brice · · 2025-12-29 17:28 UTC
- parent
- e8eb767
- signature
- unsigned
1 file · +37 -19
M webui/src/pages/ConfigPage.svelte +37 -19
| @@ -470,30 +470,48 @@ | |||
| 470 | 470 | <div class="text-sm font-semibold uppercase tracking-[0.2em] text-muted-foreground"> | |
| 471 | 471 | Resolved Settings (applied on restart) | |
| 472 | 472 | </div> | |
| 473 | - | <div class="grid gap-3 rounded-md border border-border bg-muted/20 p-4 text-sm md:grid-cols-2"> | |
| 474 | - | <div class="flex justify-between"> | |
| 475 | - | <span class="text-muted-foreground">Skia CPU Threads</span> | |
| 476 | - | <span class="font-mono">{config.performance.resolved.skia_cpu_threads === 0 ? 'unset' : config.performance.resolved.skia_cpu_threads}</span> | |
| 473 | + | <div class="space-y-4 rounded-md border border-border bg-muted/20 p-4 text-sm"> | |
| 474 | + | <div class="space-y-1"> | |
| 475 | + | <div class="flex justify-between"> | |
| 476 | + | <span class="font-medium">Skia CPU Threads</span> | |
| 477 | + | <span class="font-mono">{config.performance.resolved.skia_cpu_threads === 0 ? 'unset' : config.performance.resolved.skia_cpu_threads}</span> | |
| 478 | + | </div> | |
| 479 | + | <p class="text-xs text-muted-foreground">Parallel threads for CPU-based 2D rendering. More threads = faster paint operations.</p> | |
| 477 | 480 | </div> | |
| 478 | - | <div class="flex justify-between"> | |
| 479 | - | <span class="text-muted-foreground">Skia GPU Threads</span> | |
| 480 | - | <span class="font-mono">{config.performance.resolved.skia_gpu_threads === -1 ? 'unset' : config.performance.resolved.skia_gpu_threads}</span> | |
| 481 | + | <div class="space-y-1"> | |
| 482 | + | <div class="flex justify-between"> | |
| 483 | + | <span class="font-medium">Skia GPU Threads</span> | |
| 484 | + | <span class="font-mono">{config.performance.resolved.skia_gpu_threads === -1 ? 'unset' : config.performance.resolved.skia_gpu_threads}</span> | |
| 485 | + | </div> | |
| 486 | + | <p class="text-xs text-muted-foreground">Threads for GPU texture uploads and shader compilation.</p> | |
| 481 | 487 | </div> | |
| 482 | - | <div class="flex justify-between"> | |
| 483 | - | <span class="text-muted-foreground">Web Process Memory</span> | |
| 484 | - | <span class="font-mono">{config.performance.resolved.web_process_memory_mb === 0 ? 'unset' : config.performance.resolved.web_process_memory_mb + ' MB'}</span> | |
| 488 | + | <div class="space-y-1"> | |
| 489 | + | <div class="flex justify-between"> | |
| 490 | + | <span class="font-medium">Web Process Memory</span> | |
| 491 | + | <span class="font-mono">{config.performance.resolved.web_process_memory_mb === 0 ? 'unset' : config.performance.resolved.web_process_memory_mb + ' MB'}</span> | |
| 492 | + | </div> | |
| 493 | + | <p class="text-xs text-muted-foreground">Memory limit for web content processes (JavaScript, DOM, rendering).</p> | |
| 485 | 494 | </div> | |
| 486 | - | <div class="flex justify-between"> | |
| 487 | - | <span class="text-muted-foreground">Network Process Memory</span> | |
| 488 | - | <span class="font-mono">{config.performance.resolved.network_process_memory_mb === 0 ? 'unset' : config.performance.resolved.network_process_memory_mb + ' MB'}</span> | |
| 495 | + | <div class="space-y-1"> | |
| 496 | + | <div class="flex justify-between"> | |
| 497 | + | <span class="font-medium">Network Process Memory</span> | |
| 498 | + | <span class="font-mono">{config.performance.resolved.network_process_memory_mb === 0 ? 'unset' : config.performance.resolved.network_process_memory_mb + ' MB'}</span> | |
| 499 | + | </div> | |
| 500 | + | <p class="text-xs text-muted-foreground">Memory limit for network operations (HTTP cache, connections).</p> | |
| 489 | 501 | </div> | |
| 490 | - | <div class="flex justify-between"> | |
| 491 | - | <span class="text-muted-foreground">WebView Pool Prewarm</span> | |
| 492 | - | <span class="font-mono">{config.performance.resolved.webview_pool_prewarm}</span> | |
| 502 | + | <div class="space-y-1"> | |
| 503 | + | <div class="flex justify-between"> | |
| 504 | + | <span class="font-medium">WebView Pool Prewarm</span> | |
| 505 | + | <span class="font-mono">{config.performance.resolved.webview_pool_prewarm}</span> | |
| 506 | + | </div> | |
| 507 | + | <p class="text-xs text-muted-foreground">Pre-created WebViews at startup for faster new tab/pane creation.</p> | |
| 493 | 508 | </div> | |
| 494 | - | <div class="flex justify-between"> | |
| 495 | - | <span class="text-muted-foreground">Memory Kill Threshold</span> | |
| 496 | - | <span class="font-mono">{config.performance.resolved.kill_threshold === -1 ? 'never' : (config.performance.resolved.kill_threshold * 100).toFixed(0) + '%'}</span> | |
| 509 | + | <div class="space-y-1"> | |
| 510 | + | <div class="flex justify-between"> | |
| 511 | + | <span class="font-medium">Memory Kill Threshold</span> | |
| 512 | + | <span class="font-mono">{config.performance.resolved.kill_threshold === -1 ? 'never' : (config.performance.resolved.kill_threshold * 100).toFixed(0) + '%'}</span> | |
| 513 | + | </div> | |
| 514 | + | <p class="text-xs text-muted-foreground">When memory usage exceeds this threshold, WebKit may terminate the process to free memory.</p> | |
| 497 | 515 | </div> | |
| 498 | 516 | </div> | |
| 499 | 517 | </div> | |
| @@ -470,30 +470,48 @@ | |||||
| 470 | <div class="text-sm font-semibold uppercase tracking-[0.2em] text-muted-foreground"> | 470 | <div class="text-sm font-semibold uppercase tracking-[0.2em] text-muted-foreground"> | ||
| 471 | Resolved Settings (applied on restart) | 471 | Resolved Settings (applied on restart) | ||
| 472 | </div> | 472 | </div> | ||
| 473 | - | <div class="grid gap-3 rounded-md border border-border bg-muted/20 p-4 text-sm md:grid-cols-2"> | 473 | + | <div class="space-y-4 rounded-md border border-border bg-muted/20 p-4 text-sm"> |
| 474 | - | <div class="flex justify-between"> | 474 | + | <div class="space-y-1"> |
| 475 | - | <span class="text-muted-foreground">Skia CPU Threads</span> | 475 | + | <div class="flex justify-between"> |
| 476 | - | <span class="font-mono">{config.performance.resolved.skia_cpu_threads === 0 ? 'unset' : config.performance.resolved.skia_cpu_threads}</span> | 476 | + | <span class="font-medium">Skia CPU Threads</span> |
| 477 | + | <span class="font-mono">{config.performance.resolved.skia_cpu_threads === 0 ? 'unset' : config.performance.resolved.skia_cpu_threads}</span> | |||
| 478 | + | </div> | |||
| 479 | + | <p class="text-xs text-muted-foreground">Parallel threads for CPU-based 2D rendering. More threads = faster paint operations.</p> | |||
| 477 | </div> | 480 | </div> | ||
| 478 | - | <div class="flex justify-between"> | 481 | + | <div class="space-y-1"> |
| 479 | - | <span class="text-muted-foreground">Skia GPU Threads</span> | 482 | + | <div class="flex justify-between"> |
| 480 | - | <span class="font-mono">{config.performance.resolved.skia_gpu_threads === -1 ? 'unset' : config.performance.resolved.skia_gpu_threads}</span> | 483 | + | <span class="font-medium">Skia GPU Threads</span> |
| 484 | + | <span class="font-mono">{config.performance.resolved.skia_gpu_threads === -1 ? 'unset' : config.performance.resolved.skia_gpu_threads}</span> | |||
| 485 | + | </div> | |||
| 486 | + | <p class="text-xs text-muted-foreground">Threads for GPU texture uploads and shader compilation.</p> | |||
| 481 | </div> | 487 | </div> | ||
| 482 | - | <div class="flex justify-between"> | 488 | + | <div class="space-y-1"> |
| 483 | - | <span class="text-muted-foreground">Web Process Memory</span> | 489 | + | <div class="flex justify-between"> |
| 484 | - | <span class="font-mono">{config.performance.resolved.web_process_memory_mb === 0 ? 'unset' : config.performance.resolved.web_process_memory_mb + ' MB'}</span> | 490 | + | <span class="font-medium">Web Process Memory</span> |
| 491 | + | <span class="font-mono">{config.performance.resolved.web_process_memory_mb === 0 ? 'unset' : config.performance.resolved.web_process_memory_mb + ' MB'}</span> | |||
| 492 | + | </div> | |||
| 493 | + | <p class="text-xs text-muted-foreground">Memory limit for web content processes (JavaScript, DOM, rendering).</p> | |||
| 485 | </div> | 494 | </div> | ||
| 486 | - | <div class="flex justify-between"> | 495 | + | <div class="space-y-1"> |
| 487 | - | <span class="text-muted-foreground">Network Process Memory</span> | 496 | + | <div class="flex justify-between"> |
| 488 | - | <span class="font-mono">{config.performance.resolved.network_process_memory_mb === 0 ? 'unset' : config.performance.resolved.network_process_memory_mb + ' MB'}</span> | 497 | + | <span class="font-medium">Network Process Memory</span> |
| 498 | + | <span class="font-mono">{config.performance.resolved.network_process_memory_mb === 0 ? 'unset' : config.performance.resolved.network_process_memory_mb + ' MB'}</span> | |||
| 499 | + | </div> | |||
| 500 | + | <p class="text-xs text-muted-foreground">Memory limit for network operations (HTTP cache, connections).</p> | |||
| 489 | </div> | 501 | </div> | ||
| 490 | - | <div class="flex justify-between"> | 502 | + | <div class="space-y-1"> |
| 491 | - | <span class="text-muted-foreground">WebView Pool Prewarm</span> | 503 | + | <div class="flex justify-between"> |
| 492 | - | <span class="font-mono">{config.performance.resolved.webview_pool_prewarm}</span> | 504 | + | <span class="font-medium">WebView Pool Prewarm</span> |
| 505 | + | <span class="font-mono">{config.performance.resolved.webview_pool_prewarm}</span> | |||
| 506 | + | </div> | |||
| 507 | + | <p class="text-xs text-muted-foreground">Pre-created WebViews at startup for faster new tab/pane creation.</p> | |||
| 493 | </div> | 508 | </div> | ||
| 494 | - | <div class="flex justify-between"> | 509 | + | <div class="space-y-1"> |
| 495 | - | <span class="text-muted-foreground">Memory Kill Threshold</span> | 510 | + | <div class="flex justify-between"> |
| 496 | - | <span class="font-mono">{config.performance.resolved.kill_threshold === -1 ? 'never' : (config.performance.resolved.kill_threshold * 100).toFixed(0) + '%'}</span> | 511 | + | <span class="font-medium">Memory Kill Threshold</span> |
| 512 | + | <span class="font-mono">{config.performance.resolved.kill_threshold === -1 ? 'never' : (config.performance.resolved.kill_threshold * 100).toFixed(0) + '%'}</span> | |||
| 513 | + | </div> | |||
| 514 | + | <p class="text-xs text-muted-foreground">When memory usage exceeds this threshold, WebKit may terminate the process to free memory.</p> | |||
| 497 | </div> | 515 | </div> | ||
| 498 | </div> | 516 | </div> | ||
| 499 | </div> | 517 | </div> | ||