From 9aa5b5d06f5b07aa0eda178300144c941473bb13 Mon Sep 17 00:00:00 2001
From: Grant <grant@symbytech.com>
Date: Tue, 14 Jul 2026 09:32:51 +0200
Subject: [PATCH] feat(w3): update label to RETURN TO SAFE, point FASTAPI_HOST
 at deployed rov_api backend
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Button label changed from "ABORT MISSION" to "RETURN TO SAFE" (DIR-5 —
this is an assessed return-to-safe, not an emergency hard-stop). Lives in
the html field, not js.

FASTAPI_HOST (W3_FASTAPI_HOST in js) was found already set to
http://192.168.1.101:8081, the deployed rov_api backend on RPi5:8081 — no
change needed there, already correct.

Endpoint path (/abort), styling, layout, colours, and confirm/countdown
polling logic all unchanged. Pre-edit backup made per CREATE-THEN-BACKUP:
widgets/w3_abort_button.json.2026-07-14.bak (untracked, not part of this
commit).
---
 widgets/w3_abort_button.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/widgets/w3_abort_button.json b/widgets/w3_abort_button.json
index 48a733b..86e9148 100644
--- a/widgets/w3_abort_button.json
+++ b/widgets/w3_abort_button.json
@@ -1,5 +1,5 @@
 {
-  "html": "<button id=\"w3-abort-btn\">ABORT MISSION</button>\n<div id=\"w3-status\">Standby</div>\n<div id=\"w3-confirm-box\" style=\"display:none\">\n  <p id=\"w3-confirm-text\">Abort mission? Vehicle will hold position.</p>\n  <div id=\"w3-btn-row\">\n    <button id=\"w3-confirm-yes\">CONFIRM ABORT</button>\n    <button id=\"w3-confirm-no\">Cancel</button>\n  </div>\n  <div id=\"w3-countdown\"></div>\n</div>",
+  "html": "<button id=\"w3-abort-btn\">RETURN TO SAFE</button>\n<div id=\"w3-status\">Standby</div>\n<div id=\"w3-confirm-box\" style=\"display:none\">\n  <p id=\"w3-confirm-text\">Abort mission? Vehicle will hold position.</p>\n  <div id=\"w3-btn-row\">\n    <button id=\"w3-confirm-yes\">CONFIRM ABORT</button>\n    <button id=\"w3-confirm-no\">Cancel</button>\n  </div>\n  <div id=\"w3-countdown\"></div>\n</div>",
 
   "css": "#w3-abort-btn { width: 100%; padding: 14px 0; background: #2a0c18; border: 2px solid #ff3a5a; border-radius: 6px; color: #ff3a5a; font-family: monospace; font-size: 14px; font-weight: bold; letter-spacing: 0.15em; text-transform: uppercase; cursor: pointer; } #w3-abort-btn:hover { background: #3a1020; box-shadow: 0 0 16px #ff3a5a; } #w3-abort-btn:disabled { background: #1a0a10; border-color: #3a1020; color: #3a1020; cursor: not-allowed; } #w3-status { font-size: 10px; color: #6a9bbf; text-align: center; margin-top: 8px; font-family: monospace; min-height: 14px; } #w3-status.ok { color: #00e09a; } #w3-status.err { color: #ff3a5a; } #w3-confirm-box { margin-top: 10px; background: #100510; border: 2px solid #ff3a5a; border-radius: 8px; padding: 12px; text-align: center; box-shadow: 0 0 20px #ff3a5a; } #w3-confirm-text { font-size: 11px; color: #d8eeff; line-height: 1.5; margin-bottom: 10px; font-family: monospace; } #w3-btn-row { display: flex; gap: 8px; justify-content: center; } #w3-confirm-yes { flex: 1; padding: 8px; background: #ff3a5a; border: none; border-radius: 4px; color: #fff; font-family: monospace; font-size: 11px; font-weight: bold; cursor: pointer; } #w3-confirm-yes:hover { background: #ff6080; } #w3-confirm-no { flex: 1; padding: 8px; background: transparent; border: 1px solid #6a9bbf; border-radius: 4px; color: #6a9bbf; font-family: monospace; font-size: 11px; cursor: pointer; } #w3-confirm-no:hover { color: #d8eeff; border-color: #d8eeff; } #w3-countdown { font-size: 10px; color: #7a1a28; margin-top: 6px; font-family: monospace; }",