[NEEDS CODE REVIEWER] Add lightweight web UI for monitoring, activity history & runtime control#337
[NEEDS CODE REVIEWER] Add lightweight web UI for monitoring, activity history & runtime control#337lolimmlost wants to merge 35 commits intoManiMatter:latestfrom
Conversation
Added note about Decluttar V2 release and breaking changes.
AttributeError: 'Response' object has no attribute 'get'
…ntime control
Adds a FastAPI-based web interface that runs alongside the existing job loop
as a sibling asyncio task. Zero new required config — defaults to enabled on
port 9999 and can be disabled via `web.enabled: false` or `WEB_ENABLED=false`.
Key features:
- Dashboard with real-time queue view, instance cards, and live activity feed
- Activity log with search, filtering (by job/arr/action/date), and pagination
- Runtime settings editor (toggle test_run, enable/disable jobs, adjust strikes)
- Download protection via UI (supplements qBit "Keep" tag)
- "Run Now" button to manually trigger a cycle
- SSE-powered live updates — no polling needed for real-time state
- Full REST API with auto-generated OpenAPI docs at /api/docs
Architecture:
- EventBus decouples job system from web layer (no-op when web disabled)
- SQLite via aiosqlite for activity history and config overrides
- Jinja2 + HTMX + Alpine.js frontend — no build step, no Node tooling
- Pico CSS for dark-theme styling
New files: src/web/ (events, database, app, routes, config_manager, templates)
Modified: main.py, job_manager, removal_job, removal_handler, strikes_handler,
settings (_general, _user_config, _instances), Dockerfile, requirements
All 192 existing tests pass unchanged.
Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
…ponent Inline Jinja2 tojson in @click attributes was getting double-escaped, causing raw JS to render as button text. Moved to a queueRow() Alpine component function instead. Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
|
Can we get this reviewed and merged please? |
I appreciate your enthusiasm but definitively needs testing as I'm getting webui errors after a weeklong usage. I'll review the code once again this weekend. |
|
Amazing, thanks 🙏 |
|
I'm attempting this fix for the crashing. |
Wrap per-instance job runs and download client jobs in try/except so a Sonarr/Radarr timeout logs an error and continues instead of crashing. Add main_with_restart() wrapper so even unexpected failures auto-recover after 30s while the web server stays up independently. Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
|
Pushed a fix for a crash that was happening after ~1 week of uptime. Root cause: When Sonarr/Radarr timed out (read timeout=15s), the unhandled exception propagated up through Fix (commit 25f3e2f):
Verified running 24hrs+ on production with multiple Sonarr/Radarr timeouts — all recovered cleanly on the next cycle, no crashes. |
When qBittorrent times out during startup, retry up to 5 times (30s apart) instead of immediately calling sys.exit() which kills the web UI too. Only exit after all retries are exhausted. Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
…og cleanup - Add Cache-Control headers to API responses (status, queue, config) to reduce unnecessary browser re-requests - Replace hard-coded ALLOWED_GENERAL_KEYS and ALLOWED_JOB_ATTRS with dynamic derivation from General and JobParams classes so they stay in sync automatically when settings change - Add automatic activity log cleanup (entries older than 90 days) on startup and daily to prevent disk space exhaustion - Refactor queue fetching into reusable _fetch_queue helper Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
|
I have tested the new fixes with 100% uptime after 48 hours. Ill be working on ui improvements; log pruning and api cache control. |
…able wait_and_exit() called time.sleep() (blocking the async event loop) then sys.exit() which raised SystemExit — a BaseException that main_with_restart() didn't catch. This killed the entire process including the web UI. Now main_with_restart() catches non-zero SystemExit and restarts gracefully, and wait_and_exit() no longer blocks the event loop with time.sleep(). Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
Partials now return "Waiting for first cycle to complete…" instantly during startup instead of calling arr APIs that may hang. SSE cycle_end already triggers auto-refresh so no manual page reload is needed. Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
Protected rows now have a green left border and subtle green background. Protected badge and Unprotect button use green (#2e7d32) instead of blue for clear visual feedback. Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
The inline <script> in the queue_table partial wasn't executing after HTMX swaps, so Alpine couldn't find protect()/unprotect(). Moving the function to the persistent dashboard script block fixes this. Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
Alpine x-data="queueRow({{ item | tojson }})" broke because tojson
double quotes conflicted with the HTML attribute quotes, and HTMX
swaps don't reinitialize Alpine components. Switched to plain
onclick handlers that work reliably with HTMX partial swaps.
Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
When a setting is saved, its label flashes green briefly (1.5s ease-out). On error, it flashes red instead. Replaces the generic top-of-page "Saved" text with per-field visual feedback. Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
The label background-color alone left visible gaps on the left/right since labels tightly wrap their content. Added a box-shadow ring in the same color to fill the surrounding area for a cleaner flash effect. Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
|
hi, I am truly sorry I haven't looked into your PR in such a long time. I do appreciate very much that you took the time to contribute. Unfortunately, I don't have the time to look into it still. Would you be willing to act as a formal contributor? If yes, I will add you, and if I find others (from open PRs), hopefully you can review each others PR and they can be merged. Thanks for letting me know, and apologies again for my radio silence. |
|
Hey @ManiMatter. Thanks you for your honesty and I appreciate you wanting
this project to continue.
I personally would like to be a contributor.
However I would need direction / goal in mind that we can work towards
together.
I am open to discussing what the future of the project may look like.
Thanks for this opportunity.
…On Sat, Apr 18, 2026 at 4:11 AM ManiMatter ***@***.***> wrote:
*ManiMatter* left a comment (ManiMatter/decluttarr#337)
<#337?email_source=notifications&email_token=ADBC4Q4G7LPLSTC5DZZ4AZL4WNPHLA5CNFSNUABFM5UWIORPF5TWS5BNNB2WEL2JONZXKZKDN5WW2ZLOOQXTIMRXGM2TCMJVG44KM4TFMFZW63VGMF2XI2DPOKSWK5TFNZ2LK4DSL5RW63LNMVXHIX3POBSW4X3DNRUWG2Y#issuecomment-4273511578>
hi, I am truly sorry I haven't looked into your PR in such a long time. I
do appreciate very much that you took the time to contribute.
Unfortunately, I don't have the time to look into it still.
To overcome me being the bottleneck, I am looking to open this repo up to
other people who help maintain it, and contributors can review each others
code / merge.
Would you be willing to act as a formal contributor? If yes, I will add
you, and if I find others (from open PRs), hopefully you can review each
others PR and they can be merged.
Thanks for letting me know, and apologies again for my radio silence.
—
Reply to this email directly, view it on GitHub
<#337?email_source=notifications&email_token=ADBC4Q4G7LPLSTC5DZZ4AZL4WNPHLA5CNFSNUABFM5UWIORPF5TWS5BNNB2WEL2JONZXKZKDN5WW2ZLOOQXTIMRXGM2TCMJVG44KM4TFMFZW63VGMF2XI2DPOKSWK5TFNZ2LK4DSL5RW63LNMVXHIX3POBSW4X3DNRUWG2Y#issuecomment-4273511578>,
or unsubscribe
<https://github.com/notifications/unsubscribe-auth/ADBC4Q3BUVJF6NFQEKXD44T4WNPHLAVCNFSM6AAAAACWSAOXR2VHI2DSMVQWIX3LMV43OSLTON2WKQ3PNVWWK3TUHM2DENZTGUYTCNJXHA>
.
You are receiving this because you authored the thread.Message ID:
***@***.***>
|
hi @lolimmlost - Awesome, I am so glad you raise your hand to become a contributor. I also started a "Discussion", suggest we take the exchange there on what to focus on next / where to bring the tool from here. #345 |
|
First of all - looks awesome. I think this is a massive improvement for the tool!
|
Move web_enabled, web_host, web_port, and proxy_prefix out of General into a dedicated Web settings class in src/settings/_web.py, matching the project's existing pattern for settings sections. Updates all consumers (main.py, app.py, routes.py, config_manager.py). Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
Document the web UI feature including dashboard, activity log, settings editor, download protection, REST API, and SSE live updates. Covers configuration (YAML and env vars), Docker port mapping, and how to disable the web UI. Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
Replace raw SCHEMA string with a MIGRATIONS list and a schema_version table. Database.init() now runs only pending migrations, making future schema changes safe for existing databases. Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
Replace inline onclick handlers with data-* attributes and event delegation. download_id and arr_name were rendered unescaped in JS string context — a crafted value could break out of the string. Event delegation also works correctly with HTMX-swapped content. Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
When web_enabled=False, sys.exit(1) from wait_and_exit() propagated directly and killed the process. Now both paths use main_with_restart() so unreachable services trigger a 30s retry instead of a hard crash. Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
Add integrity and crossorigin attributes to Pico CSS, HTMX, and Alpine.js script/link tags to prevent supply-chain tampering via compromised CDNs. Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
uvicorn.Config expects root_path to be a string (default ''), not None. Passing None caused all HTTP requests to return 400 Bad Request. Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
The previous hash was generated without following the unpkg redirect, resulting in a hash of the redirect page instead of the actual JS file. Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
|
Hey @ManiMatter, thanks for the detailed feedback! I've addressed your requests in the latest commits: Done in this PR:
Already done (by you):
#6 (Instance editing via UI) and #7 (Full job config via UI): Would it make sense to merge this PR as-is and open separate PRs for #6 and #7 as follow-up features? Happy to take those on as a contributor. Also pushed a few additional fixes while testing:
|
|
Thank you, @lolimmlost for the additional changes. Before merging though I think it would be good if somebody could review this code in more detail, as it is a relatively big addition. Time wise I won‘t be able to do it myself. I hope somebody volunteers as additional maintainer to you & me and reviews/merges this. @lolimmlost As you look into 6) and 7), would you be willing to review #311? The author there introduced per-instance overrides, which, if merged, would play into 7) (ie. full config via (UI) thus I see them related. |
This comment was marked as off-topic.
This comment was marked as off-topic.
This comment was marked as off-topic.
This comment was marked as off-topic.
This comment was marked as off-topic.
This comment was marked as off-topic.
|
Confirmed! I have accepted your request!
…On Tue, Apr 28, 2026 at 10:05 AM ManiMatter ***@***.***> wrote:
*ManiMatter* left a comment (ManiMatter/decluttarr#337)
<#337 (comment)>
Hey there,
I just re-invited you to become a collaborator, here is what I see on my
end:
image.png (view on web)
<https://github.com/user-attachments/assets/f963153e-948b-441a-a956-4693b8134c79>
It's the first time I'm doing it, please let me know in case you haven't
received an invite.
—
Reply to this email directly, view it on GitHub
<#337 (comment)>,
or unsubscribe
<https://github.com/notifications/unsubscribe-auth/ADBC4Q6UDWKN76MEV65DY7T4YDQGDAVCNFSM6AAAAACWSAOXR2VHI2DSMVQWIX3LMV43OSLTON2WKQ3PNVWWK3TUHM2DGMZXGQ4TIOBYHA>
.
You are receiving this because you were mentioned.Message ID:
***@***.***>
|
|
Cool. feel free to take on anything you want, for example open PRs, issues, or suggest new changes as you see fit. Suggest we update #345 for wider discussions if needed. |
The activity page fetched /api/activity directly without prefixing rootPath, breaking the page when running behind a reverse proxy. Every other fetch in the codebase already uses rootPath. Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
api_protect compared content-type with strict equality, so a request with the standard 'application/json; charset=utf-8' header fell through and the body was silently dropped — protected_downloads ended up with title='Unknown' and an empty arr_name. Use startswith() to accept the charset suffix. Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
_validate_config_key only checked the attribute portion of a 'jobs.X.attr' key, so a key like 'jobs.fakefoo.max_strikes' passed validation, was persisted to config_overrides, then silently no-op'd at apply time because settings.jobs has no 'fakefoo'. The bogus row stayed in the DB and was re-read on every restart, polluting the override set forever. Validate that parts[1] resolves to an actual job object on settings. Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
Previously the migration ran via executescript(), and the schema_version row was only updated after the whole loop finished. If a future migration failed halfway through, partial DDL would be applied but schema_version would still point at the old version, making the next startup either re-apply already-applied statements (fine for CREATE TABLE IF NOT EXISTS, broken for ALTER TABLE) or silently skip the rest. Seed the schema_version row up front, then append the version bump to each migration's script so the version is updated as part of the same executescript call. SQLite commits each script implicitly, so either the migration applies and version moves, or neither does. Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
The SQL fetch for UI-protected download IDs was inside the for-loop over arr instances, so it ran N times per request even though the result is identical for every iteration. Hoist it to a single query before the loop. Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
uvicorn was hardcoded to log_level=debug regardless of the app's configured log level, flooding production logs with framework noise. Translate settings.general.log_level into the uvicorn equivalent and default to 'info' for unknowns (including the app's custom VERBOSE level, which uvicorn doesn't recognize). Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
asyncio.create_task() returns a Task that the event loop only holds a weak reference to (per the docs). Discarding the return value lets the GC collect the task, which can cause it to disappear mid-flight. Both _mark_first_cycle_done and _periodic_cleanup were fire-and-forget here. Store the Task handles on app.state so they live as long as the app. Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
api_unprotect deleted the protected_downloads row but never emitted an event, so other browser tabs subscribed to the SSE stream stayed out of date and the activity log silently dropped unprotect actions (only protect was recorded). Add an ITEM_UNPROTECTED EventType, emit it from api_unprotect with the title/arr_name we look up before the delete, record it in ActivityRecorder's action_map as 'unprotected', and add the option to the activity page filter dropdown. Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
The web UI exposes runtime mutation endpoints (toggle test_run, disable jobs, change min_speed, trigger cycles, delete protected rows) with no built-in authentication. The PR thread treats this as the user's responsibility, but the README didn't surface that. Add a Security subsection recommending bind to localhost + SSH tunnel, reverse proxy auth, or disabling the UI; warn against exposing port 9999 directly to the public internet. Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
|
Hey @ManiMatter, did a self-review pass on this PR and pushed fixes for what I found. One thing I'd like your call on before merging — it came from your The thing: in root_path = f"/{proxy_prefix}/{port}" if proxy_prefix else ""Embedding the listen port matches code-server's Options:
Leaning toward 2 — cleaner, and code-server still works with one extra path segment in config. What do you prefer? |
|
Hey @lolimmlost, thanks for asking. I agree with your proposal to go for option 2, so that the same setting can be used for any proxy |
Summary
Decluttarr currently has zero visibility into what it's doing — all config is YAML, all output is logs. This PR adds a lightweight web UI for monitoring, activity history, and runtime control without changing the existing daemon behavior.
test_run, enable/disable jobs, adjustmax_strikes/min_speedat runtime without editing YAML or restarting/api/docsTech Choices
Architecture
The web server runs as a sibling asyncio task alongside the existing main loop — both share the same event loop and process memory. An
EventBusclass decouples the job system from the UI: jobs emit events at decision points, the web layer (ActivityRecorder + SSE) consumes them. When web is disabled, aNoOpEventBusis used with zero overhead.Database Schema (SQLite)
Three tables:
activity_log(action history),protected_downloads(UI-managed protection),config_overrides(runtime config layered on top of YAML). Auto-created at./data/decluttarr.db.API Endpoints
/api/status/api/queue/api/activity/api/strikes/api/protected/{id}/api/config/api/config/test-run/api/config/reload/api/events/api/triggerConfiguration
Zero new required config. Defaults to enabled on port 9999.
Migration / Backward Compatibility
New Dependencies
Files Changed
New (15 files in
src/web/): events.py, database.py, app.py, routes.py, config_manager.py, templates (base, dashboard, activity, settings, 4 partials), static/style.cssModified (11 files): main.py, job_manager.py, removal_job.py, removal_handler.py, strikes_handler.py, _general.py, _user_config.py, _instances.py, Dockerfile, requirements.txt, config_example.yaml
Screenshots
The UI uses Pico CSS dark theme with color-coded badges for arr instances (Sonarr=blue, Radarr=yellow, etc.), action types (removed=red, recovered=green, flagged=amber), and strike counts.
Test Plan
pytest tests/— all 192 existing tests passhttp://localhost:9999test_runtoggle via settings page takes immediate effectEXPOSE 9999WEB_ENABLED=falsethat web is fully disabled🤖 Generated with Claude Code