{
  "html": "<button id=\"abort-btn\">ABORT MISSION</button>\n<div id=\"status\">Standby</div>\n<div id=\"confirm-box\" style=\"display:none\">\n  <p id=\"confirm-text\">Abort mission? Vehicle will hold position.</p>\n  <div id=\"btn-row\">\n    <button id=\"confirm-yes\">CONFIRM ABORT</button>\n    <button id=\"confirm-no\">Cancel</button>\n  </div>\n  <div id=\"countdown\"></div>\n</div>",

  "css": "#abort-btn {\n  width: 100%;\n  padding: 14px 0;\n  background: #2a0c18;\n  border: 2px solid #ff3a5a;\n  border-radius: 6px;\n  color: #ff3a5a;\n  font-family: monospace;\n  font-size: 14px;\n  font-weight: bold;\n  letter-spacing: 0.15em;\n  text-transform: uppercase;\n  cursor: pointer;\n}\n#abort-btn:hover { background: #3a1020; box-shadow: 0 0 16px #ff3a5a; }\n#abort-btn:disabled { background: #1a0a10; border-color: #3a1020; color: #3a1020; cursor: not-allowed; }\n#status {\n  font-size: 10px;\n  color: #6a9bbf;\n  text-align: center;\n  margin-top: 8px;\n  font-family: monospace;\n  min-height: 14px;\n}\n#status.ok  { color: #00e09a; }\n#status.err { color: #ff3a5a; }\n#confirm-box {\n  margin-top: 10px;\n  background: #100510;\n  border: 2px solid #ff3a5a;\n  border-radius: 8px;\n  padding: 12px;\n  text-align: center;\n  box-shadow: 0 0 20px #ff3a5a;\n}\n#confirm-text {\n  font-size: 11px;\n  color: #d8eeff;\n  line-height: 1.5;\n  margin-bottom: 10px;\n  font-family: monospace;\n}\n#btn-row { display: flex; gap: 8px; justify-content: center; }\n#confirm-yes {\n  flex: 1;\n  padding: 8px;\n  background: #ff3a5a;\n  border: none;\n  border-radius: 4px;\n  color: #fff;\n  font-family: monospace;\n  font-size: 11px;\n  font-weight: bold;\n  cursor: pointer;\n}\n#confirm-yes:hover { background: #ff6080; }\n#confirm-no {\n  flex: 1;\n  padding: 8px;\n  background: transparent;\n  border: 1px solid #6a9bbf;\n  border-radius: 4px;\n  color: #6a9bbf;\n  font-family: monospace;\n  font-size: 11px;\n  cursor: pointer;\n}\n#confirm-no:hover { color: #d8eeff; border-color: #d8eeff; }\n#countdown { font-size: 10px; color: #7a1a28; margin-top: 6px; font-family: monospace; }",

  "js": "var FASTAPI_HOST = 'http://blueos.local:8081';\nvar AUTO_DISMISS_SEC = 10;\n\nvar abortBtn   = document.getElementById('abort-btn');\nvar statusEl   = document.getElementById('status');\nvar confirmBox = document.getElementById('confirm-box');\nvar confirmYes = document.getElementById('confirm-yes');\nvar confirmNo  = document.getElementById('confirm-no');\nvar countdownEl= document.getElementById('countdown');\n\nvar dismissTimer = null;\nvar countdownVal = AUTO_DISMISS_SEC;\n\nfunction showConfirm() {\n  confirmBox.style.display = 'block';\n  countdownVal = AUTO_DISMISS_SEC;\n  countdownEl.textContent = 'Auto-cancel in ' + countdownVal + 's';\n  dismissTimer = setInterval(function() {\n    countdownVal--;\n    countdownEl.textContent = 'Auto-cancel in ' + countdownVal + 's';\n    if (countdownVal <= 0) hideConfirm();\n  }, 1000);\n}\n\nfunction hideConfirm() {\n  confirmBox.style.display = 'none';\n  clearInterval(dismissTimer);\n  dismissTimer = null;\n  countdownEl.textContent = '';\n}\n\nfunction sendAbort() {\n  hideConfirm();\n  abortBtn.disabled = true;\n  statusEl.className = '';\n  statusEl.textContent = 'Sending abort...';\n  fetch(FASTAPI_HOST + '/abort', {\n    method: 'POST',\n    headers: {'Content-Type': 'application/json'},\n    body: JSON.stringify({abort: true})\n  })\n  .then(function(res) {\n    if (res.ok) {\n      statusEl.className = 'ok';\n      statusEl.textContent = 'Abort sent - vehicle holding';\n    } else {\n      statusEl.className = 'err';\n      statusEl.textContent = 'Server error: ' + res.status;\n      abortBtn.disabled = false;\n    }\n  })\n  .catch(function(err) {\n    statusEl.className = 'err';\n    statusEl.textContent = 'Network error - check connection';\n    abortBtn.disabled = false;\n    console.error('[Abort]', err);\n  });\n}\n\nabortBtn.addEventListener('click', function() {\n  if (!abortBtn.disabled) showConfirm();\n});\nconfirmYes.addEventListener('click', sendAbort);\nconfirmNo.addEventListener('click', hideConfirm);"
}