{
  "html": "<button id=\"w4-setup-btn\">MISSION SETUP</button>\n<div id=\"w4-status\">--</div>",

  "css": "#w4-setup-btn { width: 100%; padding: 10px 0; background: transparent; border: 1px solid #00c8f0; border-radius: 5px; color: #00c8f0; font-family: monospace; font-size: 12px; font-weight: bold; letter-spacing: 0.1em; text-transform: uppercase; cursor: pointer; transition: background 0.2s, opacity 0.3s; } #w4-setup-btn:hover { background: rgba(0,200,240,0.1); } #w4-setup-btn.subdued { border-color: #1a2d42; color: #6a9bbf; opacity: 0.5; } #w4-setup-btn.subdued:hover { opacity: 0.75; background: transparent; } #w4-status { font-size: 9px; color: #6a9bbf; text-align: center; margin-top: 6px; font-family: monospace; } #w4-status.warn { color: #ffb830; }",

  "js": "// W4 -- Mission Setup Button\n// Opens setup page in new tab. Dims when mission is RUNNING or PAUSED.\n// Reads external/rov-ms for mission state.\n// Getter confirmed: window.cockpit.getDataLakeVariableData(id)\n// SETUP_URL: update before field deployment\nvar W4_SETUP_URL = 'http://192.168.1.101:8081/setup';\nvar W4_VAR_STATE = 'external/rov-ms';\nvar W4_POLL_MS   = 1000;\n\nfunction w4Poll() {\n  var setupBtn = document.getElementById('w4-setup-btn');\n  var statusEl = document.getElementById('w4-status');\n  try {\n    if (typeof window.cockpit === 'undefined') {\n      statusEl.className   = '';\n      statusEl.textContent = 'Connecting...';\n      return;\n    }\n    var raw = window.cockpit.getDataLakeVariableData(W4_VAR_STATE);\n    if (raw === null || raw === undefined) {\n      setupBtn.className   = '';\n      statusEl.className   = '';\n      statusEl.textContent = 'No mission loaded';\n      return;\n    }\n    var state = parseInt(raw, 10);\n    if (state === 1 || state === 2) {\n      setupBtn.className   = 'subdued';\n      statusEl.className   = 'warn';\n      statusEl.textContent = state === 1 ? 'Mission running' : 'Mission paused';\n    } else {\n      setupBtn.className   = '';\n      statusEl.className   = '';\n      statusEl.textContent = state === 0 ? 'Configure before diving' : 'Ready for next mission';\n    }\n  } catch(err) { statusEl.textContent = 'Error'; }\n}\n\n// Attach click listener inside setTimeout so DOM is ready\nsetTimeout(function() {\n  document.getElementById('w4-setup-btn').addEventListener('click', function() {\n    window.open(W4_SETUP_URL, '_blank');\n  });\n}, 100);\n\nsetTimeout(w4Poll, 300);\nsetInterval(w4Poll, W4_POLL_MS);"
}