diff --git a/apps/device-host-agent/host_agent/web/templates/task_detail.html b/apps/device-host-agent/host_agent/web/templates/task_detail.html
index c474126..e5ea7b6 100644
--- a/apps/device-host-agent/host_agent/web/templates/task_detail.html
+++ b/apps/device-host-agent/host_agent/web/templates/task_detail.html
@@ -225,9 +225,24 @@
 
       const toggle = document.getElementById("overlay-boxes-toggle");
       if (toggle) {
-        toggle.addEventListener("change", function () {
+        const STORAGE_KEY = "task-detail-overlay-boxes-visible";
+        
+        // 页面加载时恢复之前的选择
+        const savedState = localStorage.getItem(STORAGE_KEY);
+        if (savedState !== null) {
+          const shouldShow = savedState === "true";
+          toggle.checked = shouldShow;
           document.querySelectorAll("svg.overlay-svg").forEach(function (svg) {
-            svg.classList.toggle("show-boxes", toggle.checked);
+            svg.classList.toggle("show-boxes", shouldShow);
+          });
+        }
+        
+        toggle.addEventListener("change", function () {
+          const isChecked = toggle.checked;
+          // 保存状态到 localStorage
+          localStorage.setItem(STORAGE_KEY, String(isChecked));
+          document.querySelectorAll("svg.overlay-svg").forEach(function (svg) {
+            svg.classList.toggle("show-boxes", isChecked);
           });
         });
       }