feat(task-tray): backgroundable running ops + corrected modal buttons [OS-461]

[elibosley]

Built on #2665 (base = feat/backend-task-queue). It edits foregroundTask() / the task tray, which only exist in #2665, so it targets that branch until #2665 merges (then GitHub auto-retargets to master).

Summary

Fixes the foreground task modal's behavior and gives it a compact, theme-aware restyle. The behavioral issues were rooted in one place — the modal drove a single button off an inverted per-type button flag in foregroundTask(), which for docker/vmaction hid the close button for the whole running phase (can't background) and left the confirm button [disabled], surfacing SweetAlert's la-ball-fall loader (the "bouncing dots").

Behavior

• Backgroundable ops — a top-corner minimize backgrounds any running task (it keeps running under the daemon, stays in the tray). Fixes docker being non-backgroundable. No disabled-button loader, so the bouncing dots are gone.
• Status-driven buttons — running shows the corner minimize; on done/error the corner becomes a plain close (keeps the task in the tray) and a primary Dismiss appears (clears it). Mirrors the tray tile's Show + Dismiss.
• Esc while running backgrounds instead of deleting.

Look

• Compact centered modal (deliberately not a full-height sidebar — a transient progress log shouldn't take over the screen). max-width: 42rem, max-height: 85vh, log scrolls inside.
• Smaller header (1.6rem, left-aligned) with the status on a muted subline.
• Themed throughout — all colors are theme tokens (--dynamix-sweet-alert-*, --shade-bg-color, --alt-text-color, --border-color, --brand-orange), so it adapts across white / azure / black / gray. (Notably, azure/white override the sweet-alert tokens to a light surface — the earlier hardcoded-white close icon was invisible there; it now uses the modal's own text-color token.)
• Log in a card, brand-orange Dismiss button.
• Mobile (≤767px) → fullscreen (a centered card is cramped on phones).

Files

• BodyInlineJS.php — status-driven foregroundTask(); minimizeForegroundTask().
• HeadInlineJS.php — openDone/openError swap the corner control for the Dismiss primary.
• default-base.css — centered-card restyle + theme tokens + mobile fullscreen.

Notes

• No caller passes the button flag, so no behavior contract changes; task.button is now inert (follow-up: drop it from the record + open* signatures).
• php -l clean; swal / swal.close() are globals in the bundled SweetAlert v1.
• Dogfooded on a dev box; warrants a live pass per theme before merge.

Closes OS-461

[coderabbitai]

Important

Review skipped

Auto reviews are disabled on base/target branches other than the default branch.

Please check the settings in the CodeRabbit UI or the .coderabbit.yaml file in this repository. To trigger a single review, invoke the @coderabbitai review command.

⚙️ Run configuration

Configuration used: Repository UI

Review profile: CHILL

Plan: Pro

Run ID: 6c17297a-66f6-43ca-a70f-6d8bba893e9e

You can disable this status message by setting the reviews.review_status to false in the CodeRabbit configuration file.

Use the checkbox below for a quick retry:

• 🔍 Trigger review

✨ Finishing Touches

🧪 Generate unit tests (beta)

• Create PR with unit tests
• Commit unit tests in branch feat/task-modal-buttons

---

_{Comment @coderabbitai help to get the list of available commands and usage tips.}

[github-actions]

🔧 PR Test Plugin Available

A test plugin has been generated for this PR that includes the modified files.

Version: 2026.06.19.1437
Build: View Workflow Run

📥 Installation Instructions:

Install via Unraid Web UI:

1. Go to Plugins → Install Plugin
2. Copy and paste this URL:

https://preview.dl.unraid.net/pr-plugins/pr-2669/webgui-pr-2669.plg

3. Click Install

Alternative: Direct Download

• 📦 Download PLG
• 📦 Download TXZ

⚠️ Important Notes:

• Testing only: This plugin is for testing PR changes
• Backup included: Original files are automatically backed up
• Easy removal: Files are restored when plugin is removed
• Conflicts: Remove this plugin before installing production updates
• Post-merge behavior: This preview stays available after merge until preview storage expires or it is manually cleaned up

📝 Modified Files:

Click to expand file list

emhttp/plugins/dynamix.plugin.manager/Plugins.page
emhttp/plugins/dynamix.plugin.manager/include/PluginHelpers.php
emhttp/plugins/dynamix/include/DefaultPageLayout/BodyInlineJS.php
emhttp/plugins/dynamix/include/DefaultPageLayout/HeadInlineJS.php
emhttp/plugins/dynamix/include/TaskCommand.php
emhttp/plugins/dynamix/include/TaskQueue.php
emhttp/plugins/dynamix/nchan/tasks
emhttp/plugins/dynamix/styles/default-base.css

🔄 To Remove:

Navigate to Plugins → Installed Plugins and remove webgui-pr-2669, or run:

plugin remove webgui-pr-2669

---

_{🤖 This comment is automatically generated and will be updated with each new push to this PR.}

[elibosley]

Folded into #2665 (the consolidated task-queue PR) as a single squashed commit — feat(task-tray): backgroundable running ops + modal button polish (folds #2669, OS-461) (d36abaa…7b4ffa0). The 31 UI-iteration commits are collapsed into one; no functional change dropped. Closing in favor of #2665.