diff --git a/data/missions.json b/data/missions.json
new file mode 100644
index 0000000..2d217d5
--- /dev/null
+++ b/data/missions.json
@@ -0,0 +1,53 @@
+{
+  "dashboard": {
+    "widgets": []
+  },
+  "groups": [
+    "Missions",
+    "Move",
+    "Logic",
+    "I/O",
+    "Cart",
+    "Misc"
+  ],
+  "missions": [
+    {
+      "actions": [
+        {
+          "id": "a1",
+          "kind": "action",
+          "label": "Wait",
+          "params": {
+            "seconds": 1
+          },
+          "type": "wait"
+        }
+      ],
+      "description": "",
+      "group": "Missions",
+      "id": "5ae9dbcb0722dffb",
+      "name": "Test run",
+      "updated_at": "2026-06-13T04:44:03Z"
+    },
+    {
+      "actions": [
+        {
+          "id": "a1",
+          "kind": "action",
+          "label": "Wait",
+          "params": {
+            "seconds": 1
+          },
+          "type": "wait"
+        }
+      ],
+      "description": "",
+      "group": "Missions",
+      "id": "68950059fc0bd633",
+      "name": "Test run 3",
+      "updated_at": "2026-06-13T04:45:08Z"
+    }
+  ],
+  "triggers": [],
+  "version": 1
+}
diff --git a/src/mission/mission_service.cpp b/src/mission/mission_service.cpp
new file mode 100644
index 0000000..1ec370f
--- /dev/null
+++ b/src/mission/mission_service.cpp
@@ -0,0 +1,723 @@
+#include "mission/mission_service.hpp"
+
+#include "util/file_util.hpp"
+#include "util/id_util.hpp"
+#include "util/string_util.hpp"
+
+#include <algorithm>
+#include <chrono>
+#include <thread>
+
+namespace lm {
+
+namespace {
+
+constexpr int kLogMax = 200;
+
+nlohmann::json defaultDoc()
+{
+  return nlohmann::json{{"version", 1},
+                        {"missions", nlohmann::json::array()},
+                        {"groups", nlohmann::json::array({"Missions", "Move", "Logic", "I/O", "Cart", "Misc"})},
+                        {"triggers", nlohmann::json::array()},
+                        {"dashboard", nlohmann::json{{"widgets", nlohmann::json::array()}}}};
+}
+
+}  // namespace
+
+MissionService::MissionService(std::filesystem::path data_dir)
+    : data_dir_(std::move(data_dir)), missions_path_(data_dir_ / "missions.json")
+{
+  load();
+  worker_ = std::thread([this] { workerLoop(); });
+}
+
+MissionService::~MissionService()
+{
+  stop_thread_ = true;
+  cv_.notify_all();
+  if (worker_.joinable())
+    worker_.join();
+}
+
+void MissionService::load()
+{
+  std::lock_guard lock(mu_);
+  const auto raw = FileUtil::readBinary(missions_path_);
+  if (raw.empty())
+  {
+    doc_ = defaultDoc();
+    return;
+  }
+  try
+  {
+    doc_ = nlohmann::json::parse(raw);
+  }
+  catch (...)
+  {
+    doc_ = defaultDoc();
+  }
+  ensureDocSchema();
+  queue_ = nlohmann::json::array();
+  action_log_ = nlohmann::json::array();
+}
+
+void MissionService::ensureDocSchema()
+{
+  if (!doc_.is_object())
+    doc_ = defaultDoc();
+  if (!doc_.contains("version"))
+    doc_["version"] = 1;
+  if (!doc_.contains("missions") || !doc_["missions"].is_array())
+    doc_["missions"] = nlohmann::json::array();
+  if (!doc_.contains("groups") || !doc_["groups"].is_array())
+    doc_["groups"] = defaultDoc()["groups"];
+  if (!doc_.contains("triggers") || !doc_["triggers"].is_array())
+    doc_["triggers"] = nlohmann::json::array();
+  if (!doc_.contains("dashboard") || !doc_["dashboard"].is_object())
+    doc_["dashboard"] = nlohmann::json{{"widgets", nlohmann::json::array()}};
+  if (!doc_["dashboard"].contains("widgets") || !doc_["dashboard"]["widgets"].is_array())
+    doc_["dashboard"]["widgets"] = nlohmann::json::array();
+}
+
+bool MissionService::saveDocument() const
+{
+  std::lock_guard lock(mu_);
+  std::error_code ec;
+  std::filesystem::create_directories(data_dir_, ec);
+  auto body = doc_.dump(2);
+  body.push_back('\n');
+  return FileUtil::writeBinaryAtomic(missions_path_, body);
+}
+
+nlohmann::json MissionService::snapshot() const
+{
+  std::lock_guard lock(mu_);
+  return doc_;
+}
+
+nlohmann::json MissionService::runnerStatus() const
+{
+  std::lock_guard lock(mu_);
+  return nlohmann::json{{"mode", mode_},
+                        {"state_id", state_id_},
+                        {"queue", queue_},
+                        {"current", current_ ? *current_ : nlohmann::json(nullptr)},
+                        {"action_log", action_log_}};
+}
+
+nlohmann::json MissionService::listMissions() const
+{
+  std::lock_guard lock(mu_);
+  return doc_;
+}
+
+std::optional<nlohmann::json> MissionService::getMission(const std::string& id) const
+{
+  std::lock_guard lock(mu_);
+  for (const auto& m : doc_["missions"])
+  {
+    if (m.contains("id") && m["id"].get<std::string>() == id)
+      return m;
+  }
+  return std::nullopt;
+}
+
+nlohmann::json MissionService::findMissionUnlocked(const std::string& id) const
+{
+  for (const auto& m : doc_["missions"])
+  {
+    if (m.contains("id") && m["id"].get<std::string>() == id)
+      return m;
+  }
+  return nlohmann::json();
+}
+
+nlohmann::json MissionService::createMission(const nlohmann::json& payload, std::string& err)
+{
+  std::lock_guard lock(mu_);
+  if (!payload.is_object() || !payload.contains("name") || !payload["name"].is_string())
+  {
+    err = "name is required";
+    return {};
+  }
+  const std::string name = StringUtil::trimCopy(payload["name"].get<std::string>());
+  if (name.empty())
+  {
+    err = "name is required";
+    return {};
+  }
+  for (const auto& m : doc_["missions"])
+  {
+    if (m.contains("name") && m["name"].get<std::string>() == name)
+    {
+      err = "mission name already exists";
+      return {};
+    }
+  }
+
+  nlohmann::json mission = payload;
+  if (payload.contains("id") && payload["id"].is_string() && !payload["id"].get<std::string>().empty())
+    mission["id"] = payload["id"].get<std::string>();
+  else
+    mission["id"] = IdUtil::newId();
+  mission["name"] = name;
+  if (!mission.contains("group") || !mission["group"].is_string())
+    mission["group"] = "Missions";
+  if (!mission.contains("description"))
+    mission["description"] = "";
+  if (!mission.contains("actions") || !mission["actions"].is_array())
+    mission["actions"] = nlohmann::json::array();
+  mission["updated_at"] = IdUtil::nowIso8601();
+
+  const std::string group = mission["group"].get<std::string>();
+  if (std::find(doc_["groups"].begin(), doc_["groups"].end(), group) == doc_["groups"].end())
+    doc_["groups"].push_back(group);
+
+  doc_["missions"].push_back(mission);
+  return mission;
+}
+
+nlohmann::json MissionService::updateMission(const std::string& id, const nlohmann::json& payload, std::string& err)
+{
+  std::lock_guard lock(mu_);
+  for (auto& m : doc_["missions"])
+  {
+    if (!m.contains("id") || m["id"].get<std::string>() != id)
+      continue;
+    if (payload.contains("name") && payload["name"].is_string())
+    {
+      const std::string name = StringUtil::trimCopy(payload["name"].get<std::string>());
+      if (name.empty())
+      {
+        err = "name is required";
+        return {};
+      }
+      for (const auto& other : doc_["missions"])
+      {
+        if (other.contains("id") && other["id"].get<std::string>() != id && other.contains("name") &&
+            other["name"].get<std::string>() == name)
+        {
+          err = "mission name already exists";
+          return {};
+        }
+      }
+      m["name"] = name;
+    }
+    if (payload.contains("group") && payload["group"].is_string())
+    {
+      m["group"] = payload["group"];
+      const std::string group = m["group"].get<std::string>();
+      if (std::find(doc_["groups"].begin(), doc_["groups"].end(), group) == doc_["groups"].end())
+        doc_["groups"].push_back(group);
+    }
+    if (payload.contains("description") && payload["description"].is_string())
+      m["description"] = payload["description"];
+    if (payload.contains("actions") && payload["actions"].is_array())
+      m["actions"] = payload["actions"];
+    m["updated_at"] = IdUtil::nowIso8601();
+    return m;
+  }
+  err = "mission not found";
+  return {};
+}
+
+bool MissionService::deleteMission(const std::string& id, std::string& err)
+{
+  std::lock_guard lock(mu_);
+  auto& missions = doc_["missions"];
+  for (auto it = missions.begin(); it != missions.end(); ++it)
+  {
+    if (it->contains("id") && (*it)["id"].get<std::string>() == id)
+    {
+      missions.erase(it);
+      return true;
+    }
+  }
+  err = "mission not found";
+  return false;
+}
+
+nlohmann::json MissionService::listQueue() const
+{
+  std::lock_guard lock(mu_);
+  return queue_;
+}
+
+nlohmann::json MissionService::enqueueMission(const nlohmann::json& payload, std::string& err)
+{
+  std::lock_guard lock(mu_);
+  if (!payload.is_object() || !payload.contains("mission_id") || !payload["mission_id"].is_string())
+  {
+    err = "mission_id is required";
+    return {};
+  }
+  const std::string mission_id = payload["mission_id"].get<std::string>();
+  const auto mission = findMissionUnlocked(mission_id);
+  if (mission.is_null())
+  {
+    err = "mission not found";
+    return {};
+  }
+  if (mode_ == "stop")
+  {
+    err = "robot is stopped; cannot queue mission";
+    return {};
+  }
+  if (mode_ != "autonomous")
+  {
+    err = "robot must be in autonomous mode to queue missions";
+    return {};
+  }
+
+  nlohmann::json parameters = nlohmann::json::object();
+  if (payload.contains("parameters") && payload["parameters"].is_object())
+    parameters = payload["parameters"];
+
+  nlohmann::json entry = {{"id", IdUtil::newId()},
+                          {"queue_num", next_queue_num_++},
+                          {"mission_id", mission_id},
+                          {"mission_name", mission["name"]},
+                          {"parameters", parameters},
+                          {"state", "pending"},
+                          {"created_at", IdUtil::nowIso8601()}};
+  queue_.push_back(entry);
+  appendLogUnlocked("info", "Mission queued: " + mission["name"].get<std::string>(), {{"queue_id", entry["id"]}});
+  cv_.notify_all();
+  return entry;
+}
+
+bool MissionService::dequeueEntry(const std::string& queue_id, std::string& err)
+{
+  std::lock_guard lock(mu_);
+  for (auto it = queue_.begin(); it != queue_.end(); ++it)
+  {
+    if ((*it).contains("id") && (*it)["id"].get<std::string>() == queue_id)
+    {
+      if ((*it).value("state", "") == "executing")
+      {
+        err = "cannot remove executing mission";
+        return false;
+      }
+      queue_.erase(it);
+      return true;
+    }
+  }
+  err = "queue entry not found";
+  return false;
+}
+
+bool MissionService::clearQueue(std::string& err)
+{
+  (void)err;
+  std::lock_guard lock(mu_);
+  nlohmann::json kept = nlohmann::json::array();
+  for (auto& e : queue_)
+  {
+    if (e.value("state", "") == "executing")
+      kept.push_back(e);
+  }
+  queue_ = kept;
+  if (state_id_ == 3)
+    cv_.notify_all();
+  return true;
+}
+
+bool MissionService::reorderQueue(const std::string& queue_id, int new_index, std::string& err)
+{
+  std::lock_guard lock(mu_);
+  if (new_index < 0)
+  {
+    err = "invalid index";
+    return false;
+  }
+  nlohmann::json item;
+  int found = -1;
+  for (size_t i = 0; i < queue_.size(); ++i)
+  {
+    if (queue_[i].contains("id") && queue_[i]["id"].get<std::string>() == queue_id)
+    {
+      if (queue_[i].value("state", "") != "pending")
+      {
+        err = "only pending missions can be reordered";
+        return false;
+      }
+      item = queue_[i];
+      found = static_cast<int>(i);
+      break;
+    }
+  }
+  if (found < 0)
+  {
+    err = "queue entry not found";
+    return false;
+  }
+  queue_.erase(queue_.begin() + found);
+  if (new_index > static_cast<int>(queue_.size()))
+    new_index = static_cast<int>(queue_.size());
+  queue_.insert(queue_.begin() + new_index, item);
+  return true;
+}
+
+bool MissionService::setMode(const std::string& mode, std::string& err)
+{
+  if (mode != "autonomous" && mode != "manual" && mode != "stop")
+  {
+    err = "mode must be autonomous, manual, or stop";
+    return false;
+  }
+  std::lock_guard lock(mu_);
+  mode_ = mode;
+  if (mode == "stop")
+    state_id_ = 4;
+  appendLogUnlocked("info", "Operating mode: " + mode);
+  cv_.notify_all();
+  return true;
+}
+
+bool MissionService::setRunnerState(int state_id, std::string& err)
+{
+  if (state_id != 3 && state_id != 4)
+  {
+    err = "state_id must be 3 (play) or 4 (pause)";
+    return false;
+  }
+  std::lock_guard lock(mu_);
+  state_id_ = state_id;
+  runner_paused_ = (state_id == 4);
+  appendLogUnlocked("info", state_id == 3 ? "Runner play" : "Runner pause");
+  cv_.notify_all();
+  return true;
+}
+
+nlohmann::json MissionService::listTriggers() const
+{
+  std::lock_guard lock(mu_);
+  return doc_["triggers"];
+}
+
+nlohmann::json MissionService::createTrigger(const nlohmann::json& payload, std::string& err)
+{
+  std::lock_guard lock(mu_);
+  if (!payload.is_object() || !payload.contains("name") || !payload.contains("coil_id") ||
+      !payload.contains("mission_id"))
+  {
+    err = "name, coil_id, mission_id required";
+    return {};
+  }
+  const int coil_id = payload["coil_id"].get<int>();
+  if (coil_id < 1001 || coil_id > 2000)
+  {
+    err = "coil_id must be between 1001 and 2000";
+    return {};
+  }
+  for (const auto& t : doc_["triggers"])
+  {
+    if (t.contains("coil_id") && t["coil_id"].get<int>() == coil_id)
+    {
+      err = "coil_id already used";
+      return {};
+    }
+  }
+  const std::string mission_id = payload["mission_id"].get<std::string>();
+  if (findMissionUnlocked(mission_id).is_null())
+  {
+    err = "mission not found";
+    return {};
+  }
+  nlohmann::json trigger = {{"id", IdUtil::newId()},
+                            {"name", StringUtil::trimCopy(payload["name"].get<std::string>())},
+                            {"coil_id", coil_id},
+                            {"mission_id", mission_id}};
+  doc_["triggers"].push_back(trigger);
+  return trigger;
+}
+
+bool MissionService::deleteTrigger(const std::string& id, std::string& err)
+{
+  std::lock_guard lock(mu_);
+  auto& triggers = doc_["triggers"];
+  for (auto it = triggers.begin(); it != triggers.end(); ++it)
+  {
+    if (it->contains("id") && (*it)["id"].get<std::string>() == id)
+    {
+      triggers.erase(it);
+      return true;
+    }
+  }
+  err = "trigger not found";
+  return false;
+}
+
+nlohmann::json MissionService::fireTriggerByCoil(int coil_id, std::string& err)
+{
+  nlohmann::json trigger;
+  std::string mission_id;
+  {
+    std::lock_guard lock(mu_);
+    for (const auto& t : doc_["triggers"])
+    {
+      if (t.contains("coil_id") && t["coil_id"].get<int>() == coil_id)
+      {
+        trigger = t;
+        mission_id = t["mission_id"].get<std::string>();
+        break;
+      }
+    }
+  }
+  if (mission_id.empty())
+  {
+    err = "trigger not found for coil";
+    return {};
+  }
+  return enqueueMission(nlohmann::json{{"mission_id", mission_id}, {"parameters", nlohmann::json::object()}}, err);
+}
+
+nlohmann::json MissionService::getDashboard() const
+{
+  std::lock_guard lock(mu_);
+  return doc_["dashboard"];
+}
+
+bool MissionService::setDashboard(const nlohmann::json& payload, std::string& err)
+{
+  if (!payload.is_object() || !payload.contains("widgets") || !payload["widgets"].is_array())
+  {
+    err = "widgets array required";
+    return false;
+  }
+  std::lock_guard lock(mu_);
+  doc_["dashboard"] = payload;
+  return true;
+}
+
+void MissionService::appendLogUnlocked(const std::string& level,
+                                       const std::string& message,
+                                       const nlohmann::json& extra)
+{
+  nlohmann::json row = {{"ts", IdUtil::nowIso8601()}, {"level", level}, {"message", message}};
+  if (!extra.empty())
+    row["extra"] = extra;
+  action_log_.push_back(row);
+  while (action_log_.size() > kLogMax)
+    action_log_.erase(action_log_.begin());
+}
+
+nlohmann::json MissionService::paramValue(const nlohmann::json& v)
+{
+  if (v.is_object() && v.contains("kind") && v["kind"].get<std::string>() == "variable")
+    return v.value("default", "");
+  return v;
+}
+
+void MissionService::resolveParamsUnlocked(nlohmann::json& params, const nlohmann::json& runtime) const
+{
+  if (!params.is_object())
+    return;
+  for (auto it = params.begin(); it != params.end(); ++it)
+  {
+    if (it.value().is_object() && it.value().contains("kind") &&
+        it.value()["kind"].get<std::string>() == "variable")
+    {
+      const std::string key = it.key();
+      if (runtime.contains(key))
+        params[key] = runtime[key];
+      else
+        params[key] = it.value().value("default", "");
+    }
+  }
+}
+
+void MissionService::waitWhilePausedUnlocked()
+{
+  while (!stop_thread_ && (state_id_ == 4 || runner_paused_))
+  {
+    mu_.unlock();
+    std::this_thread::sleep_for(std::chrono::milliseconds(100));
+    mu_.lock();
+  }
+}
+
+void MissionService::sleepMs(int ms)
+{
+  if (ms <= 0)
+    return;
+  mu_.unlock();
+  std::this_thread::sleep_for(std::chrono::milliseconds(ms));
+  mu_.lock();
+}
+
+void MissionService::workerLoop()
+{
+  while (!stop_thread_)
+  {
+    {
+      std::unique_lock lock(mu_);
+      cv_.wait_for(lock, std::chrono::milliseconds(200), [this] {
+        if (stop_thread_)
+          return true;
+        if (mode_ != "autonomous" || state_id_ != 3)
+          return false;
+        if (current_)
+          return true;
+        for (const auto& e : queue_)
+        {
+          if (e.value("state", "") == "pending")
+            return true;
+        }
+        return false;
+      });
+      if (stop_thread_)
+        break;
+      tickRunnerUnlocked();
+    }
+  }
+}
+
+void MissionService::tickRunnerUnlocked()
+{
+  if (mode_ != "autonomous" || state_id_ != 3 || current_)
+    return;
+
+  for (auto& entry : queue_)
+  {
+    if (entry.value("state", "") != "pending")
+      continue;
+    entry["state"] = "executing";
+    entry["started_at"] = IdUtil::nowIso8601();
+    current_ = entry;
+    executeQueueEntryUnlocked(entry);
+    entry["state"] = "finished";
+    entry["finished_at"] = IdUtil::nowIso8601();
+    appendLogUnlocked("info", "Mission finished: " + entry["mission_name"].get<std::string>());
+    current_ = std::nullopt;
+    return;
+  }
+}
+
+void MissionService::executeQueueEntryUnlocked(nlohmann::json& entry)
+{
+  const std::string mission_id = entry["mission_id"].get<std::string>();
+  const auto mission = findMissionUnlocked(mission_id);
+  if (mission.is_null())
+  {
+    entry["state"] = "failed";
+    entry["error"] = "mission definition missing";
+    appendLogUnlocked("error", "Mission missing: " + mission_id);
+    return;
+  }
+  nlohmann::json parameters = entry.value("parameters", nlohmann::json::object());
+  if (!parameters.is_object())
+    parameters = nlohmann::json::object();
+  current_ = entry;
+  current_->value("progress", nlohmann::json::object())["mission_name"] = mission["name"];
+  executeActionsUnlocked(mission.value("actions", nlohmann::json::array()), parameters, 0);
+}
+
+void MissionService::executeActionsUnlocked(const nlohmann::json& actions,
+                                            const nlohmann::json& parameters,
+                                            int depth)
+{
+  if (depth > 32)
+    return;
+  for (const auto& action : actions)
+  {
+    waitWhilePausedUnlocked();
+    if (stop_thread_ || mode_ != "autonomous")
+      return;
+    if (!executeActionUnlocked(action, parameters, depth))
+      break;
+  }
+}
+
+bool MissionService::executeActionUnlocked(const nlohmann::json& action,
+                                           const nlohmann::json& parameters,
+                                           int depth)
+{
+  if (!action.is_object())
+    return true;
+
+  const std::string kind = action.value("kind", "action");
+  if (kind == "mission")
+  {
+    const std::string ref = action.value("refId", "");
+    const auto sub = findMissionUnlocked(ref);
+    if (sub.is_null())
+    {
+      appendLogUnlocked("error", "Embedded mission not found");
+      return false;
+    }
+    appendLogUnlocked("info", "Run sub-mission: " + sub["name"].get<std::string>());
+    executeActionsUnlocked(sub.value("actions", nlohmann::json::array()), parameters, depth + 1);
+    return true;
+  }
+
+  const std::string type = action.value("type", "");
+  nlohmann::json params = action.value("params", nlohmann::json::object());
+  resolveParamsUnlocked(params, parameters);
+
+  if (current_)
+  {
+    (*current_)["current_action"] = {{"type", type}, {"label", action.value("label", type)}, {"params", params}};
+  }
+
+  appendLogUnlocked("action", action.value("label", type), {{"type", type}, {"params", params}});
+
+  if (type == "pause")
+  {
+    runner_paused_ = true;
+    state_id_ = 4;
+    appendLogUnlocked("info", "Pause action — waiting for continue");
+    waitWhilePausedUnlocked();
+    return true;
+  }
+  if (type == "break" || type == "continue")
+    return type != "break";
+
+  if (type == "wait")
+  {
+    const int sec = params.value("seconds", 1);
+    sleepMs(sec * 1000);
+    return true;
+  }
+
+  if (type == "loop" && action.contains("children") && action["children"].is_array())
+  {
+    const std::string loop_mode = params.value("mode", "count");
+    const int count = params.value("count", 1);
+    if (loop_mode == "endless")
+    {
+      int guard = 0;
+      while (!stop_thread_ && mode_ == "autonomous" && guard < 1000)
+      {
+        waitWhilePausedUnlocked();
+        executeActionsUnlocked(action["children"], parameters, depth + 1);
+        ++guard;
+      }
+    }
+    else
+    {
+      for (int i = 0; i < count && !stop_thread_; ++i)
+      {
+        waitWhilePausedUnlocked();
+        executeActionsUnlocked(action["children"], parameters, depth + 1);
+      }
+    }
+    return true;
+  }
+
+  if (type == "move_to_position" || type == "move_to_marker" || type == "adjust_localization")
+    sleepMs(1500);
+  else if (type == "pick_cart" || type == "drop_cart")
+    sleepMs(2000);
+  else if (type == "set_digital_output" || type == "wait_digital_input" || type == "set_plc_register")
+    sleepMs(800);
+  else if (type == "user_log" || type == "play_sound")
+    sleepMs(300);
+  else
+    sleepMs(500);
+
+  return true;
+}
+
+}  // namespace lm
diff --git a/src/mission/mission_service.hpp b/src/mission/mission_service.hpp
new file mode 100644
index 0000000..fb342a5
--- /dev/null
+++ b/src/mission/mission_service.hpp
@@ -0,0 +1,92 @@
+#pragma once
+
+#include <nlohmann/json.hpp>
+
+#include <atomic>
+#include <condition_variable>
+#include <filesystem>
+#include <mutex>
+#include <optional>
+#include <string>
+#include <thread>
+
+namespace lm {
+
+class MissionService
+{
+public:
+  explicit MissionService(std::filesystem::path data_dir);
+
+  ~MissionService();
+
+  MissionService(const MissionService&) = delete;
+  MissionService& operator=(const MissionService&) = delete;
+
+  nlohmann::json snapshot() const;
+  nlohmann::json runnerStatus() const;
+
+  bool saveDocument() const;
+
+  nlohmann::json listMissions() const;
+  std::optional<nlohmann::json> getMission(const std::string& id) const;
+  nlohmann::json createMission(const nlohmann::json& payload, std::string& err);
+  nlohmann::json updateMission(const std::string& id, const nlohmann::json& payload, std::string& err);
+  bool deleteMission(const std::string& id, std::string& err);
+
+  nlohmann::json listQueue() const;
+  nlohmann::json enqueueMission(const nlohmann::json& payload, std::string& err);
+  bool dequeueEntry(const std::string& queue_id, std::string& err);
+  bool clearQueue(std::string& err);
+  bool reorderQueue(const std::string& queue_id, int new_index, std::string& err);
+
+  bool setMode(const std::string& mode, std::string& err);
+  bool setRunnerState(int state_id, std::string& err);
+
+  nlohmann::json listTriggers() const;
+  nlohmann::json createTrigger(const nlohmann::json& payload, std::string& err);
+  bool deleteTrigger(const std::string& id, std::string& err);
+  nlohmann::json fireTriggerByCoil(int coil_id, std::string& err);
+
+  nlohmann::json getDashboard() const;
+  bool setDashboard(const nlohmann::json& payload, std::string& err);
+
+private:
+  std::filesystem::path data_dir_;
+  std::filesystem::path missions_path_;
+
+  mutable std::mutex mu_;
+  nlohmann::json doc_;
+  nlohmann::json queue_;
+  nlohmann::json action_log_;
+  std::string mode_{"autonomous"};
+  int state_id_{3};
+  std::optional<nlohmann::json> current_;
+  int next_queue_num_{1};
+
+  std::atomic<bool> stop_thread_{false};
+  std::atomic<bool> runner_paused_{false};
+  std::condition_variable cv_;
+  std::thread worker_;
+
+  void load();
+  void ensureDocSchema();
+  nlohmann::json findMissionUnlocked(const std::string& id) const;
+  void workerLoop();
+  void tickRunnerUnlocked();
+  void executeQueueEntryUnlocked(nlohmann::json& entry);
+  void executeActionsUnlocked(const nlohmann::json& actions,
+                               const nlohmann::json& parameters,
+                               int depth);
+  bool executeActionUnlocked(const nlohmann::json& action,
+                             const nlohmann::json& parameters,
+                             int depth);
+  void appendLogUnlocked(const std::string& level,
+                         const std::string& message,
+                         const nlohmann::json& extra = nlohmann::json::object());
+  void resolveParamsUnlocked(nlohmann::json& params, const nlohmann::json& runtime) const;
+  static nlohmann::json paramValue(const nlohmann::json& v);
+  void waitWhilePausedUnlocked();
+  void sleepMs(int ms);
+};
+
+}  // namespace lm
diff --git a/www/dashboard.js b/www/dashboard.js
new file mode 100644
index 0000000..d3eae50
--- /dev/null
+++ b/www/dashboard.js
@@ -0,0 +1,322 @@
+(() => {
+  const el = (id) => document.getElementById(id);
+  const canvasEl = el("dashboardCanvas");
+  const saveBtn = el("dashboardSaveBtn");
+  const modeSelectEl = el("dashboardModeSelect");
+
+  const store = {
+    widgets: [],
+    pollTimer: null,
+  };
+
+  async function api(path, opts = {}) {
+    if (window.MissionsApp?.missionsApi) return window.MissionsApp.missionsApi(path, opts);
+    const res = await fetch(path, { headers: { "Content-Type": "application/json" }, ...opts });
+    if (res.status === 204) return null;
+    const data = res.ok ? await res.json() : null;
+    if (!res.ok) throw new Error(data?.error || `HTTP ${res.status}`);
+    return data;
+  }
+
+  function newWidgetId() {
+    return `w_${Date.now().toString(36)}_${Math.random().toString(36).slice(2, 6)}`;
+  }
+
+  async function loadDashboard() {
+    const data = await api("/api/dashboard");
+    store.widgets = Array.isArray(data.widgets) ? data.widgets : [];
+    if (!store.widgets.length) {
+      store.widgets = [
+        { id: newWidgetId(), type: "mission_queue" },
+        { id: newWidgetId(), type: "pause_continue" },
+        { id: newWidgetId(), type: "action_log" },
+      ];
+    }
+    renderCanvas();
+  }
+
+  async function saveDashboard() {
+    await api("/api/dashboard", {
+      method: "PUT",
+      body: JSON.stringify({ widgets: store.widgets }),
+    });
+  }
+
+  function missions() {
+    return window.MissionsApp?.getMissions?.() || [];
+  }
+
+  function groups() {
+    const g = new Set();
+    missions().forEach((m) => g.add(m.group || "Missions"));
+    return [...g].sort();
+  }
+
+  function renderCanvas() {
+    if (!canvasEl) return;
+    canvasEl.innerHTML = "";
+    if (!store.widgets.length) {
+      const empty = document.createElement("p");
+      empty.className = "mutedNote";
+      empty.textContent = "Thêm widget từ panel trái.";
+      canvasEl.appendChild(empty);
+      return;
+    }
+    store.widgets.forEach((widget) => {
+      canvasEl.appendChild(buildWidget(widget));
+    });
+  }
+
+  function buildWidget(widget) {
+    const box = document.createElement("div");
+    box.className = "dashboardWidget";
+    box.dataset.widgetId = widget.id;
+
+    const head = document.createElement("div");
+    head.className = "dashboardWidgetHead";
+    head.innerHTML = `<span class="dashboardWidgetTitle">${widget.type.replace(/_/g, " ")}</span>`;
+    const removeBtn = document.createElement("button");
+    removeBtn.type = "button";
+    removeBtn.className = "dashboardWidgetRemove";
+    removeBtn.textContent = "×";
+    removeBtn.addEventListener("click", () => {
+      store.widgets = store.widgets.filter((w) => w.id !== widget.id);
+      renderCanvas();
+    });
+    head.appendChild(removeBtn);
+    box.appendChild(head);
+
+    const body = document.createElement("div");
+    body.className = "dashboardWidgetBody";
+
+    switch (widget.type) {
+      case "mission_button":
+        renderMissionButton(body, widget);
+        break;
+      case "mission_group":
+        renderMissionGroup(body, widget);
+        break;
+      case "mission_queue":
+        renderMissionQueue(body);
+        break;
+      case "pause_continue":
+        renderPauseContinue(body);
+        break;
+      case "action_log":
+        renderActionLog(body);
+        break;
+      default:
+        body.textContent = "Unknown widget";
+    }
+    box.appendChild(body);
+    return box;
+  }
+
+  function renderMissionButton(container, widget) {
+    const select = document.createElement("select");
+    missions().forEach((m) => {
+      const opt = document.createElement("option");
+      opt.value = m.id;
+      opt.textContent = m.name;
+      if (m.id === widget.mission_id) opt.selected = true;
+      select.appendChild(opt);
+    });
+    select.addEventListener("change", () => {
+      widget.mission_id = select.value;
+    });
+    container.appendChild(select);
+
+    const btn = document.createElement("button");
+    btn.type = "button";
+    btn.className = "dashboardMissionBtn";
+    btn.textContent = "Start mission";
+    btn.addEventListener("click", async () => {
+      try {
+        if (window.MissionsApp?.queueMission) {
+          await window.MissionsApp.queueMission(select.value, {});
+        } else {
+          await api("/api/mission_queue", {
+            method: "POST",
+            body: JSON.stringify({ mission_id: select.value, parameters: {} }),
+          });
+        }
+        await refreshWidgetsDynamic();
+      } catch (e) {
+        alert(e.message);
+      }
+    });
+    container.appendChild(btn);
+  }
+
+  function renderMissionGroup(container, widget) {
+    const select = document.createElement("select");
+    groups().forEach((g) => {
+      const opt = document.createElement("option");
+      opt.value = g;
+      opt.textContent = g;
+      if (g === (widget.group || "Missions")) opt.selected = true;
+      select.appendChild(opt);
+    });
+    select.addEventListener("change", () => {
+      widget.group = select.value;
+      renderCanvas();
+    });
+    container.appendChild(select);
+
+    const list = document.createElement("div");
+    list.className = "dashboardMissionGroup";
+    missions()
+      .filter((m) => (m.group || "Missions") === (widget.group || select.value))
+      .forEach((m) => {
+        const btn = document.createElement("button");
+        btn.type = "button";
+        btn.className = "btn subtle btnBlock";
+        btn.textContent = m.name;
+        btn.addEventListener("click", async () => {
+          try {
+            await window.MissionsApp.queueMission(m.id, {});
+            await refreshWidgetsDynamic();
+          } catch (e) {
+            alert(e.message);
+          }
+        });
+        list.appendChild(btn);
+      });
+    container.appendChild(list);
+  }
+
+  function renderMissionQueue(container) {
+    const wrap = document.createElement("div");
+    wrap.className = "dashboardQueueMini";
+    wrap.dataset.dynamic = "queue";
+    container.appendChild(wrap);
+    updateQueueMini(wrap);
+  }
+
+  function renderPauseContinue(container) {
+    const play = document.createElement("button");
+    play.type = "button";
+    play.className = "btn primary dashboardPauseBtn";
+    play.textContent = "▶ Continue";
+    play.addEventListener("click", async () => {
+      await api("/api/mission_runner/state", { method: "PUT", body: JSON.stringify({ state_id: 3 }) });
+      await refreshWidgetsDynamic();
+    });
+    const pause = document.createElement("button");
+    pause.type = "button";
+    pause.className = "btn subtle dashboardPauseBtn";
+    pause.textContent = "⏸ Pause";
+    pause.addEventListener("click", async () => {
+      await api("/api/mission_runner/state", { method: "PUT", body: JSON.stringify({ state_id: 4 }) });
+      await refreshWidgetsDynamic();
+    });
+    container.appendChild(play);
+    container.appendChild(pause);
+  }
+
+  function renderActionLog(container) {
+    const wrap = document.createElement("div");
+    wrap.className = "dashboardQueueMini";
+    wrap.dataset.dynamic = "log";
+    container.appendChild(wrap);
+    updateActionLogMini(wrap);
+  }
+
+  function updateQueueMini(node) {
+    const status = window.MissionsApp?.getRunnerStatus?.();
+    const queue = status?.queue || [];
+    node.innerHTML = queue.length
+      ? queue
+          .map(
+            (q) =>
+              `<div><strong>${q.mission_name || q.mission_id}</strong> <span class="mutedNote">${q.state}</span></div>`
+          )
+          .join("")
+      : `<span class="mutedNote">Queue trống</span>`;
+  }
+
+  function updateActionLogMini(node) {
+    const status = window.MissionsApp?.getRunnerStatus?.();
+    const log = status?.action_log || [];
+    node.innerHTML = [...log]
+      .reverse()
+      .slice(0, 12)
+      .map((row) => `<div>${row.message || ""}</div>`)
+      .join("") || `<span class="mutedNote">—</span>`;
+  }
+
+  async function refreshWidgetsDynamic() {
+    if (window.MissionsApp?.refreshRunnerStatus) await window.MissionsApp.refreshRunnerStatus();
+    canvasEl?.querySelectorAll("[data-dynamic=queue]").forEach(updateQueueMini);
+    canvasEl?.querySelectorAll("[data-dynamic=log]").forEach(updateActionLogMini);
+  }
+
+  function addWidget(type) {
+    const widget = { id: newWidgetId(), type };
+    if (type === "mission_button") {
+      widget.mission_id = missions()[0]?.id || "";
+    }
+    if (type === "mission_group") {
+      widget.group = groups()[0] || "Missions";
+    }
+    store.widgets.push(widget);
+    renderCanvas();
+  }
+
+  function bindEvents() {
+    document.querySelectorAll(".dashboardAddWidget").forEach((btn) => {
+      btn.addEventListener("click", () => addWidget(btn.dataset.widget));
+    });
+    saveBtn?.addEventListener("click", async () => {
+      try {
+        await saveDashboard();
+        alert("Đã lưu dashboard.");
+      } catch (e) {
+        alert(e.message);
+      }
+    });
+    modeSelectEl?.addEventListener("change", async () => {
+      try {
+        await api("/api/mission_runner/mode", {
+          method: "PUT",
+          body: JSON.stringify({ mode: modeSelectEl.value }),
+        });
+        await refreshWidgetsDynamic();
+      } catch (e) {
+        alert(e.message);
+      }
+    });
+  }
+
+  function startPolling() {
+    if (store.pollTimer) clearInterval(store.pollTimer);
+    store.pollTimer = setInterval(() => {
+      const page = el("pageDashboard");
+      if (page && !page.hidden) refreshWidgetsDynamic();
+    }, 2000);
+  }
+
+  async function init() {
+    bindEvents();
+    try {
+      await loadDashboard();
+    } catch {
+      store.widgets = [
+        { id: newWidgetId(), type: "mission_queue" },
+        { id: newWidgetId(), type: "pause_continue" },
+      ];
+      renderCanvas();
+    }
+    startPolling();
+  }
+
+  window.DashboardApp = {
+    init,
+    onPageShow() {
+      loadDashboard().catch(() => renderCanvas());
+      refreshWidgetsDynamic();
+    },
+  };
+
+  init();
+})();