fix(gui): expose delete/clear/diagnostics APIs and repair i18n + empty states

- Expose delete_job, clear_jobs and get_job_diagnostics in EXPOSED_API_METHODS
  so the GUI delete-single and clear-all history actions actually take effect
- Fix invalid en.json (missing trailing comma) that broke the whole English
  catalog and surfaced raw i18n keys across the app
- Add the missing icon placeholder (02) to the Jobs empty state so the box is
  no longer blank when there is no task history
- Add job-history diagnostics export, diagnostics module helpers, CSS and
  locale strings for en/ru/zh-CN

Author: Masterain98

plexmuxy/diagnostics.py

@@ -17,14 +17,8 @@
 def export_diagnostics(config: AppConfig, output: Path, job_context: dict | None = None) -> Path:
     output = output.expanduser().resolve()
     output.parent.mkdir(parents=True, exist_ok=True)
-    config_data = redact_config(config_to_dict(config))
-    payload = {
-        "plexmuxy_version": __version__,
-        "python_version": sys.version,
-        "platform": platform.platform(),
-        "dependencies": dependency_versions(),
-        "mkvmerge": mkvmerge_info(config),
-    }
+    payload = collect_diagnostic_payload(config, job_context)
+    config_data = payload["config"]
     with zipfile.ZipFile(output, "w", compression=zipfile.ZIP_DEFLATED) as archive:
         archive.writestr("system.json", json.dumps(payload, indent=2, ensure_ascii=False))
         archive.writestr("config.redacted.json", json.dumps(config_data, indent=2, ensure_ascii=False))
@@ -42,6 +36,47 @@ def export_diagnostics(config: AppConfig, output: Path, job_context: dict | None
     return output
 
 
+def collect_diagnostic_payload(config: AppConfig, job_context: dict | None = None) -> dict:
+    config_data = redact_config(config_to_dict(config))
+    payload: dict = {
+        "plexmuxy_version": __version__,
+        "python_version": sys.version,
+        "platform": platform.platform(),
+        "dependencies": dependency_versions(),
+        "mkvmerge": mkvmerge_info(config),
+        "config": config_data,
+    }
+    if job_context is not None:
+        payload["job"] = redact_paths(job_context)
+    return payload
+
+
+def format_diagnostic_payload(payload: dict) -> str:
+    lines = []
+    lines.append("PlexMuxy Diagnostics")
+    lines.append("=" * 32)
+    lines.append(f"PlexMuxy version: {payload.get('plexmuxy_version', 'unknown')}")
+    lines.append(f"Python version: {payload.get('python_version', 'unknown')}")
+    lines.append(f"Platform: {payload.get('platform', 'unknown')}")
+    dependencies = payload.get("dependencies") or {}
+    if dependencies:
+        lines.append("Dependencies: " + ", ".join(f"{name}={version}" for name, version in dependencies.items()))
+    mkvmerge = payload.get("mkvmerge") or {}
+    if mkvmerge.get("version"):
+        lines.append(f"mkvmerge: {mkvmerge.get('version')}")
+    lines.append("")
+    config = payload.get("config")
+    if config is not None:
+        lines.append("Configuration:")
+        lines.append(json.dumps(config, indent=2, ensure_ascii=False))
+    job = payload.get("job")
+    if job is not None:
+        lines.append("")
+        lines.append("Job context:")
+        lines.append(json.dumps(job, indent=2, ensure_ascii=False))
+    return "\n".join(lines)
+
+
 def redact_config(data: dict) -> dict:
     redacted = json.loads(json.dumps(data))
     if redacted.get("task", {}).get("output_dir"):

plexmuxy/job_store.py

@@ -288,6 +288,16 @@ def reorder(self, ordered_job_ids: list[str]) -> None:
                     (position, utc_now(), job_id),
                 )
 
+    def delete_job(self, job_id: str) -> None:
+        with self._lock, self._connection:
+            self._connection.execute("DELETE FROM jobs WHERE id = ?", (str(job_id),))
+
+    def clear_jobs(self) -> int:
+        with self._lock, self._connection:
+            count = self._connection.execute("SELECT COUNT(*) AS total FROM jobs").fetchone()["total"]
+            self._connection.execute("DELETE FROM jobs")
+        return int(count)
+
 
 def _json(value: Any) -> str:
     return json.dumps(value, ensure_ascii=False, sort_keys=True, separators=(",", ":"))

plexmuxy_gui/api.py

@@ -36,7 +36,11 @@
     resolve_mkvmerge,
     resolve_unrar,
 )
-from plexmuxy.diagnostics import export_diagnostics as write_diagnostics
+from plexmuxy.diagnostics import (
+    collect_diagnostic_payload,
+    export_diagnostics as write_diagnostics,
+    format_diagnostic_payload,
+)
 from plexmuxy.font_cache import FontSubsetCache
 from plexmuxy.integrations.plex import refresh_paths
 from plexmuxy.job_store import JobStore, platform_state_path
@@ -648,6 +652,33 @@ def run() -> dict[str, Any]:
             return self.ok({"path": str(path), "directory": str(path.parent)})
         return self.guarded(run)
 
+    def get_job_diagnostics(self, job_id: str) -> dict[str, Any]:
+        def run() -> dict[str, Any]:
+            store, _queue = self._ensure_jobs()
+            job = store.get_job(str(job_id))
+            context = {
+                "job": asdict(job),
+                "events": [asdict(event) for event in store.list_events(job.id)],
+                "report": store.load_report(job.id),
+            }
+            payload = collect_diagnostic_payload(load_or_default_config(), context)
+            return self.ok({"text": format_diagnostic_payload(payload)})
+        return self.guarded(run)
+
+    def delete_job(self, job_id: str) -> dict[str, Any]:
+        def run() -> dict[str, Any]:
+            store, _queue = self._ensure_jobs()
+            store.delete_job(str(job_id))
+            return self.ok({"job_id": str(job_id)})
+        return self.guarded(run)
+
+    def clear_jobs(self) -> dict[str, Any]:
+        def run() -> dict[str, Any]:
+            store, _queue = self._ensure_jobs()
+            removed = store.clear_jobs()
+            return self.ok({"removed": removed})
+        return self.guarded(run)
+
     def retry_plex_refresh(self, job_id: str) -> dict[str, Any]:
         def run() -> dict[str, Any]:
             store, _queue = self._ensure_jobs()

plexmuxy_gui/app.py

@@ -45,9 +45,12 @@
     "cancel_job",
     "choose_dependency",
     "choose_directory",
+    "clear_jobs",
     "close_window",
+    "delete_job",
     "export_diagnostics",
     "export_job_diagnostics",
+    "get_job_diagnostics",
     "check_updates",
     "clear_font_cache",
     "create_audio_preview",

plexmuxy_gui/static/app.css

@@ -1416,6 +1416,66 @@ p {
   gap: 18px;
 }
 
+.card-title .badge {
+  flex: 0 0 auto;
+  white-space: nowrap;
+}
+
+.confirm-dialog.danger .dialog-mark {
+  background: var(--color-danger-surface);
+  color: var(--color-danger-text);
+}
+
+.confirm-dialog.danger #confirm-confirm-btn,
+.confirm-dialog.danger #confirm-confirm-btn:active:not(:disabled) {
+  border-color: color-mix(in srgb, var(--color-danger) 50%, transparent);
+  background: var(--color-danger-surface);
+  color: var(--color-danger-text);
+}
+
+.confirm-dialog.danger #confirm-confirm-btn:hover:not(:disabled) {
+  border-color: var(--color-danger);
+  background: color-mix(in srgb, var(--color-danger-surface) 82%, var(--color-danger) 18%);
+  color: var(--color-danger-text);
+}
+
+.diagnostics-dialog {
+  width: min(720px, calc(100vw - 32px));
+  border: 1px solid var(--color-border);
+  border-radius: var(--radius-md);
+  padding: 0;
+  background: var(--color-surface-raised);
+  box-shadow: var(--shadow-popover);
+  color: var(--color-text-body);
+}
+
+.diagnostics-dialog::backdrop {
+  background: var(--color-scrim);
+  backdrop-filter: blur(3px);
+}
+
+.diagnostics-dialog form {
+  display: grid;
+  gap: 0;
+  padding: 22px;
+}
+
+.diagnostics-content {
+  margin: 18px 0 0;
+  max-height: min(60vh, 520px);
+  overflow: auto;
+  border: 1px solid var(--color-border);
+  border-radius: var(--radius-sm);
+  padding: 14px;
+  background: var(--color-canvas);
+  color: var(--color-text-body);
+  font-family: "Cascadia Mono", "SFMono-Regular", Consolas, monospace;
+  font-size: 12px;
+  line-height: 1.6;
+  white-space: pre-wrap;
+  overflow-wrap: anywhere;
+}
+
 .card-title h4 {
   margin: 0;
   font-size: 15px;

plexmuxy_gui/static/app.js

@@ -7,6 +7,7 @@ const state = {
   lastNonSubsetFontMode: "all",
   planEdits: new Map(), jobs: [], queuePaused: false, activePreviewId: null,
   dependencyDrafts: { mkvmerge: null, ffmpeg: null, unrar: null }, dependencyBusy: {},
+  currentDiagnosticsJobId: null,
 };
 
 const THEME_STORAGE_KEY = "plexmuxy-theme";
@@ -47,6 +48,9 @@ function bindEvents() {
     ["plan-btn", "click", generatePlan], ["run-btn", "click", runMux], ["cancel-btn", "click", cancelJob],
     ["apply-plan-edits-btn", "click", applyPlanEdits], ["refresh-jobs-btn", "click", loadJobs],
     ["queue-toggle-btn", "click", toggleQueue], ["clear-font-cache-btn", "click", clearFontCache],
+    ["delete-all-jobs-btn", "click", deleteAllJobs],
+    ["diagnostics-export-btn", "click", exportDiagnosticsFromDialog],
+    ["diagnostics-copy-btn", "click", copyDiagnosticsFromDialog],
     ["open-font-cache-btn", "click", () => callApi("open_font_cache_location")],
     ["check-updates-btn", "click", checkUpdates],
     ["input-dir", "input", (event) => { state.inputDir = event.target.value; clearReports(); }],
@@ -789,16 +793,67 @@ function requiresDeleteConfirmation(payload) {
   return Boolean(payload.overrides.cleanup === "delete" || task.delete_original_video || task.delete_original_audio || task.delete_subtitle || font.delete_fonts_after_mux);
 }
 
-function confirmAction(message) {
+function confirmAction(message, options = {}) {
   const dialog = $("confirm-dialog");
-  setText("confirm-dialog-body", message + " " + t("confirm.review"));
+  setText("confirm-dialog-title", options.title || t("confirm.title"));
+  setText("confirm-dialog-body", options.review === false ? message : `${message} ${t("confirm.review")}`);
+  setText("confirm-confirm-btn", options.confirmLabel || t("confirm.run"));
+  dialog.classList.toggle("danger", Boolean(options.danger));
   dialog.returnValue = "";
   dialog.showModal();
   return new Promise((resolve) => {
     dialog.addEventListener("close", () => resolve(dialog.returnValue === "confirm"), { once: true });
   });
 }
 
+async function deleteAllJobs() {
+  if (!state.jobs.length) return;
+  if (await confirmAction(t("jobs.deleteAllConfirm"), { title: t("jobs.deleteAllTitle"), confirmLabel: t("jobs.deleteAll"), danger: true, review: false })) {
+    try { await callApi("clear_jobs"); await loadJobs(); showToast(t("toast.jobsCleared.body", { count: state.jobs.length }), "success", t("toast.jobsCleared.title")); }
+    catch (error) { showError(error.message); }
+  }
+}
+
+async function previewJobDiagnostics(job) {
+  state.currentDiagnosticsJobId = job.id;
+  const dialog = $("diagnostics-dialog");
+  const content = $("diagnostics-content");
+  content.textContent = t("jobs.diagnostics.loading");
+  dialog.returnValue = "";
+  dialog.showModal();
+  try {
+    const result = await callApi("get_job_diagnostics", job.id);
+    content.textContent = result.text;
+  } catch (error) {
+    content.textContent = error.message;
+  }
+}
+
+async function exportDiagnosticsFromDialog() {
+  const jobId = state.currentDiagnosticsJobId;
+  const dialog = $("diagnostics-dialog");
+  if (!jobId) return;
+  dialog.querySelector("#diagnostics-export-btn").disabled = true;
+  try {
+    const result = await callApi("export_job_diagnostics", jobId);
+    showToast(t("toast.diagnostics.body", { path: result.path }), "success", t("toast.diagnostics.title"), {
+      label: t("toast.diagnostics.open"),
+      callback: async () => { try { await callApi("open_diagnostics_location"); } catch (error) { showToast(error.message, "error", t("toast.environmentError.title")); } },
+    }, 12000);
+  } catch (error) { showError(error.message); }
+  finally { dialog.querySelector("#diagnostics-export-btn").disabled = false; }
+}
+
+async function copyDiagnosticsFromDialog() {
+  const text = $("diagnostics-content").textContent;
+  try {
+    await navigator.clipboard.writeText(text);
+    showToast(t("jobs.diagnostics.copied"), "success", t("toast.diagnostics.title"));
+  } catch (error) {
+    showToast(error.message, "error", t("toast.environmentError.title"));
+  }
+}
+
 async function callApi(method, payload) {
   if (!window.pywebview?.api?.[method]) throw new Error(t("error.bridgeUnavailable"));
   const response = payload === undefined ? await window.pywebview.api[method]() : await window.pywebview.api[method](payload);
@@ -976,7 +1031,9 @@ async function loadJobs() {
 function renderJobs() {
   const container = $("jobs-list"); if (!container) return; clear(container);
   setText("queue-toggle-btn", state.queuePaused ? t("jobs.resume") : t("jobs.pause"));
-  if (!state.jobs.length) return empty(container, "", t("jobs.empty.title"), t("jobs.empty.detail"));
+  const deleteAllButton = $("delete-all-jobs-btn");
+  if (deleteAllButton) deleteAllButton.disabled = !state.jobs.length;
+  if (!state.jobs.length) return empty(container, "02", t("jobs.empty.title"), t("jobs.empty.detail"));
   state.jobs.forEach((job) => {
     const card = element("article", "job-history-card"); const heading = element("div", "card-title");
     const copy = element("div"); copy.append(element("h4", "", job.input_dir), element("div", "file-path", job.updated_at));
@@ -1001,8 +1058,6 @@ function renderJobs() {
       view.addEventListener("click", () => openSavedJob(job.id)); actions.append(view);
       const output = element("button", "ghost compact", t("jobs.openOutput")); output.type = "button";
       output.addEventListener("click", async () => { try { await callApi("open_job_output", job.id); } catch (error) { showError(error.message); } }); actions.append(output);
-      const diagnostics = element("button", "ghost compact", t("jobs.diagnostics")); diagnostics.type = "button";
-      diagnostics.addEventListener("click", async () => { try { const result = await callApi("export_job_diagnostics", job.id); showToast(t("toast.diagnostics.body", { path: result.path }), "success", t("toast.diagnostics.title")); } catch (error) { showError(error.message); } }); actions.append(diagnostics);
       if (job.state === "completed" && state.config?.plex?.enabled) {
         const plex = element("button", "ghost compact", t("jobs.retryPlex")); plex.type = "button";
         plex.addEventListener("click", async () => {
@@ -1017,6 +1072,15 @@ function renderJobs() {
       const replan = element("button", "ghost compact", t("jobs.replan")); replan.type = "button";
       replan.addEventListener("click", async () => { await callApi("replan_job", job.id); await loadJobs(); }); actions.append(replan);
     }
+    const diagnostics = element("button", "ghost compact", t("jobs.diagnostics")); diagnostics.type = "button";
+    diagnostics.addEventListener("click", () => previewJobDiagnostics(job)); actions.append(diagnostics);
+    const remove = element("button", "destructive compact", t("jobs.delete")); remove.type = "button";
+    remove.addEventListener("click", async () => {
+      if (await confirmAction(t("jobs.deleteConfirm"), { title: t("jobs.deleteTitle"), confirmLabel: t("jobs.delete"), danger: true, review: false })) {
+        try { await callApi("delete_job", job.id); await loadJobs(); showToast(t("toast.jobDeleted.body"), "success", t("toast.jobDeleted.title")); }
+        catch (error) { showError(error.message); }
+      }
+    }); actions.append(remove);
     card.append(actions); container.append(card);
   });
   container.className = "stack";

plexmuxy_gui/static/index.html

@@ -448,11 +448,11 @@ <h4 data-i18n="run.empty.title">No run yet</h4>
             <div id="jobs-view" class="view hidden" data-view="jobs">
               <div class="page-heading">
                 <div><p class="breadcrumb" data-i18n="jobs.breadcrumb">Task history</p><h2 data-i18n="jobs.title">Queue and history</h2><p data-i18n="jobs.description">Directory tasks run one at a time and remain visible after restart.</p></div>
-                <div class="button-row"><button id="queue-toggle-btn" class="secondary" type="button" data-i18n="jobs.pause">Pause queue</button><button id="refresh-jobs-btn" class="ghost" type="button" data-i18n="jobs.refresh">Refresh</button></div>
+                <div class="button-row"><button id="queue-toggle-btn" class="secondary" type="button" data-i18n="jobs.pause">Pause queue</button><button id="delete-all-jobs-btn" class="ghost" type="button" data-i18n="jobs.deleteAll">Clear history</button><button id="refresh-jobs-btn" class="ghost" type="button" data-i18n="jobs.refresh">Refresh</button></div>
               </div>
               <section class="panel" aria-labelledby="jobs-list-title">
                 <div class="panel-header"><div><h3 id="jobs-list-title" data-i18n="jobs.listTitle">Tasks</h3><p class="section-description" data-i18n="jobs.listDescription">Review status, retry interrupted work, or reopen the output location.</p></div></div>
-                <div id="jobs-list" class="stack empty-state"><h4 data-i18n="jobs.empty.title">No task history</h4><p data-i18n="jobs.empty.detail">Generate a plan to create the first persistent task.</p></div>
+                <div id="jobs-list" class="stack empty-state"><span class="empty-icon" aria-hidden="true">02</span><h4 data-i18n="jobs.empty.title">No task history</h4><p data-i18n="jobs.empty.detail">Generate a plan to create the first persistent task.</p></div>
               </section>
             </div>
 
@@ -690,8 +690,8 @@ <h2 id="confirm-dialog-title" data-i18n="confirm.title">Start this mux job?</h2>
         <p id="confirm-dialog-body"></p>
       </div>
       <div class="dialog-actions">
-        <button class="secondary" type="submit" value="cancel" data-i18n="confirm.back">Go back</button>
-        <button class="primary" type="submit" value="confirm" data-i18n="confirm.run">Run mux</button>
+        <button id="confirm-cancel-btn" class="secondary" type="submit" value="cancel" data-i18n="confirm.back">Go back</button>
+        <button id="confirm-confirm-btn" class="primary" type="submit" value="confirm" data-i18n="confirm.run">Run mux</button>
       </div>
     </form>
   </dialog>
@@ -711,6 +711,22 @@ <h2 id="close-dialog-title" data-i18n="close.title">Close this window?</h2>
     </form>
   </dialog>
 
+  <dialog id="diagnostics-dialog" class="diagnostics-dialog" aria-labelledby="diagnostics-dialog-title" aria-describedby="diagnostics-dialog-body">
+    <form method="dialog">
+      <div class="dialog-copy">
+        <p class="eyebrow" data-i18n="jobs.diagnostics.eyebrow">Diagnostics</p>
+        <h2 id="diagnostics-dialog-title" data-i18n="jobs.diagnostics.title">Job diagnostics</h2>
+        <p id="diagnostics-dialog-body" data-i18n="jobs.diagnostics.description">Preview the information included in the exported archive, then export it if needed.</p>
+      </div>
+      <pre id="diagnostics-content" class="diagnostics-content" tabindex="0"></pre>
+      <div class="dialog-actions">
+        <button id="diagnostics-copy-btn" class="ghost" type="button" data-i18n="jobs.diagnostics.copy">Copy</button>
+        <button class="secondary" type="submit" value="close" data-i18n="jobs.diagnostics.close">Close</button>
+        <button id="diagnostics-export-btn" class="primary" type="button" data-i18n="jobs.diagnostics.export">Export archive</button>
+      </div>
+    </form>
+  </dialog>
+
   <script src="./i18n.js"></script>
   <script src="./app.js"></script>
 </body>