feat: Professional UI overhaul - design system, CSS/JS extraction, settings reorg (#198)

CHANGELOG.md

@@ -2,6 +2,25 @@
 
 All notable changes to Library Manager will be documented in this file.
 
+## [0.9.0-beta.143] - 2026-03-21
+
+### Changed
+
+- **Issue #198: Comprehensive UI overhaul** - Extracted 728 lines of inline CSS from base.html
+  into `static/css/style.css` with CSS custom properties design system (spacing scale, border
+  radius tokens, transition timing). Consolidated duplicate `escapeHtml()` and `showToast()`
+  helpers from 5 templates into `static/js/common.js`. Reorganized Settings from 7 tabs
+  (Library, Processing, AI Setup, Safety, Advanced, Post-Processing, Plugins) into 4 tabs
+  (Library, Engine, Pipeline, Integrations) with section headers. Added mobile responsive
+  breakpoints for tables, nav-tabs, cards, and stat numbers. Replaced hardcoded hex colors
+  with CSS variables throughout all templates. Changed accent success color from `#00ff00`
+  to `#2ecc71` for professional appearance. Added sticky settings save bar with backdrop blur.
+  Replaced all inline `font-size` styles with utility classes (`fs-icon-lg`, `fs-icon-xl`).
+  Setup wizard styles extracted with `setup-mode` body class for navbar hiding. All modal
+  backgrounds now use theme CSS variables instead of hardcoded `#16213e`.
+
+---
+
 ## [0.9.0-beta.142] - 2026-03-21
 
 ### Added

README.md

@@ -4,7 +4,7 @@
 
 **Smart Audiobook Library Organizer with Multi-Source Metadata & AI Verification**
 
-[![Version](https://img.shields.io/badge/version-0.9.0--beta.142-blue.svg)](CHANGELOG.md)
+[![Version](https://img.shields.io/badge/version-0.9.0--beta.143-blue.svg)](CHANGELOG.md)
 [![Docker](https://img.shields.io/badge/docker-ghcr.io-blue.svg)](https://ghcr.io/deucebucket/library-manager)
 [![License](https://img.shields.io/badge/license-AGPL--3.0-blue.svg)](LICENSE)
 

app.py

@@ -11,7 +11,7 @@
 - Multi-provider AI (Gemini, OpenRouter, Ollama)
 """
 
-APP_VERSION = "0.9.0-beta.142"
+APP_VERSION = "0.9.0-beta.143"
 GITHUB_REPO = "deucebucket/library-manager"  # Your GitHub repo
 
 # Versioning Guide:
@@ -737,7 +737,7 @@
             try:
                 with open(ERROR_REPORTS_PATH, 'r') as f:
                     reports = json.load(f)
             except:
                 reports = []
 
         # Add new report (keep last 100 reports to avoid file bloat)
@@ -761,7 +761,7 @@
         try:
             with open(ERROR_REPORTS_PATH, 'r') as f:
                 return json.load(f)
         except:
             return []
     return []
 
@@ -1716,7 +1716,7 @@
                     continue
                 result = call_gemini(prompt, merged_config)
                 if result:
                     logger.info(f"[PROVIDER CHAIN] Success with gemini")
                     return result
 
             elif provider == 'openrouter':
@@ -1725,13 +1725,13 @@
                     continue
                 result = call_openrouter(prompt, merged_config)
                 if result:
                     logger.info(f"[PROVIDER CHAIN] Success with openrouter")
                     return result
 
             elif provider == 'ollama':
                 result = call_ollama(prompt, merged_config)
                 if result:
                     logger.info(f"[PROVIDER CHAIN] Success with ollama")
                     return result
 
             else:
@@ -1833,7 +1833,7 @@
                         return result
                     elif result and result.get('transcript'):
                         # Got transcript but no match - still useful, return for potential AI fallback
                         logger.info(f"[AUDIO CHAIN] BookDB returned transcript only")
                         return result
                     elif result is None and attempt < max_retries - 1:
                         # Connection might be down, wait and retry
@@ -2165,11 +2165,11 @@
                 device = "cuda"
                 # int8 works on all CUDA devices including GTX 1080 (compute 6.1)
                 # float16 only works on newer GPUs (compute 7.0+)
                 logger.info(f"[WHISPER] Using CUDA GPU acceleration (10x faster)")
             else:
                 logger.info(f"[WHISPER] Using CPU (no CUDA GPU detected)")
         except ImportError:
             logger.info(f"[WHISPER] Using CPU (ctranslate2 not available)")
 
         _whisper_model = WhisperModel(model_name, device=device, compute_type=compute_type)
         _whisper_model_name = model_name
@@ -2376,7 +2376,7 @@
         if sample_path and os.path.exists(sample_path):
             try:
                 os.unlink(sample_path)
             except:
                 pass
 
     return result