Fix Abort button on repeat Load All, auto-abort on API switch

Stop reparenting the abort button into the status bar (which destroyed
it on status clear). Position it absolutely in response-panel instead.
Clear stale finished_at on new Load All starts. Add callback to cancel
running Load All when selecting a different endpoint.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>

Author: guidooswaldDB

app.py

@@ -1857,6 +1857,7 @@ def start_load_all(n_clicks, last_req, conn_config):
         "list_key": list_key, "initial_data": initial_data,
         "last_req": last_req, "elapsed_ms": 0,
     })
+    _load_all_state.pop("finished_at", None)
 
     # Launch background thread
     t = threading.Thread(target=_load_all_worker, args=(last_req, host, token, list_key, initial_data), daemon=True)
@@ -1966,6 +1967,23 @@ def abort_load_all(n_clicks):
     ], className="fetch-status-inner cancelled"), {"display": "none"}
 
 
+# 11h-abort-on-switch: Cancel Load All when a different endpoint is selected
+@app.callback(
+    Output("load-all-ticker", "disabled", allow_duplicate=True),
+    Output("fetch-status-bar", "children", allow_duplicate=True),
+    Output("load-all-abort-btn", "style", allow_duplicate=True),
+    Input("selected-endpoint", "data"),
+    prevent_initial_call=True,
+)
+def abort_load_all_on_switch(endpoint):
+    if _load_all_state.get("running"):
+        _load_all_state["running"] = False
+        _load_all_state["error"] = "Cancelled"
+    # Also clear any lingering dismiss timer
+    _load_all_state.pop("finished_at", None)
+    return True, "", {"display": "none"}
+
+
 # 13. Search filter
 @app.callback(
     Output({"type": "endpoint-btn", "id": ALL}, "style"),
@@ -2219,8 +2237,7 @@ def update_curl_display(last_req, conn_config):
 )
 
 
-# Reparent the Load All button into the response-meta bar,
-# and the Abort button into the fetch-status-bar, after each render
+# Reparent the Load All button into the response-meta bar after each render
 app.clientside_callback(
     """
     function(children, style) {
@@ -2229,11 +2246,6 @@ def update_curl_display(last_req, conn_config):
         if (anchor && btn) {
             anchor.appendChild(btn);
         }
-        var statusBar = document.getElementById('fetch-status-bar');
-        var abortBtn = document.getElementById('load-all-abort-btn');
-        if (statusBar && abortBtn) {
-            statusBar.appendChild(abortBtn);
-        }
         return window.dash_clientside.no_update;
     }
     """,

assets/style.css

@@ -716,7 +716,7 @@ body {
 
 
 /* ── Pagination status bar ────────────────────────────────────────── */
-.fetch-status-bar { flex-shrink: 0; overflow: hidden; position: relative; }
+.fetch-status-bar { flex-shrink: 0; overflow: hidden; }
 .fetch-status-bar:empty { display: none; }
 
 .fetch-status-inner {
@@ -755,9 +755,8 @@ body {
 .load-all-abort-btn {
   position: absolute;
   right: 18px;
-  top: 50%;
-  transform: translateY(-50%);
-  z-index: 5;
+  top: 6px;
+  z-index: 10;
   background: rgba(239,68,68,0.1);
   border: 1px solid rgba(239,68,68,0.3);
   color: var(--red);

version.txt

@@ -1 +1 @@
-378
+382