diff --git a/docs/01-bots.png b/docs/01-bots.png
index 1a8c966..ed62681 100644
Binary files a/docs/01-bots.png and b/docs/01-bots.png differ
diff --git a/docs/02-create.png b/docs/02-create.png
index d7cf18a..2a240ed 100644
Binary files a/docs/02-create.png and b/docs/02-create.png differ
diff --git a/docs/02b-create-claude.png b/docs/02b-create-claude.png
index 4b912a8..caedf39 100644
Binary files a/docs/02b-create-claude.png and b/docs/02b-create-claude.png differ
diff --git a/docs/03-pm2.png b/docs/03-pm2.png
index 5971d21..019c283 100644
Binary files a/docs/03-pm2.png and b/docs/03-pm2.png differ
diff --git a/docs/04-log.png b/docs/04-log.png
index 2599c19..be5200f 100644
Binary files a/docs/04-log.png and b/docs/04-log.png differ
diff --git a/src/web/public/index.html b/src/web/public/index.html
index 63024f8..07fdb72 100644
--- a/src/web/public/index.html
+++ b/src/web/public/index.html
@@ -73,7 +73,12 @@
   .field input:focus, .field select:focus { outline: none; border-color: #5865f2; }
   .field .hint { font-size: 11px; color: #475569; margin-top: 4px; }
   .modal-actions { display: flex; justify-content: flex-end; gap: 10px; margin-top: 18px; }
-  .check { display: flex; align-items: center; gap: 7px; font-size: 13px; color: #cbd5e1; cursor: pointer; }
+  .check { display: flex; align-items: center; gap: 8px; font-size: 13px; color: #cbd5e1; cursor: pointer; }
+  /* .field 內的 checkbox：不要吃到 .field label(display:block) 與 .field input(width:100%) 的樣式 */
+  .field label.check { display: flex; align-items: center; gap: 8px; font-size: 13px; color: #cbd5e1; margin: 0 0 4px; }
+  .field label.check input[type=checkbox], .check input[type=checkbox] {
+    width: 16px; height: 16px; padding: 0; margin: 0; flex: none; accent-color: #5865f2; cursor: pointer;
+  }
   /* log 面板 */
   #log-panel { display: none; margin-top: 18px; }
   #log-panel .log-header { display: flex; align-items: center; justify-content: space-between;
@@ -241,8 +246,8 @@
       <div class="hint">記憶會隨對話變慢（尤其含圖）；用量達 80% 時所有模式都會自動開新會話</div>
     </div>
     <div class="field" id="f-network-wrap">
-      <label class="check" style="margin-top:2px"><input type="checkbox" id="f-network"> 允許 Codex 連網</label>
-      <div class="hint">workspace-write 沙盒預設禁網；要呼叫外部 API（例如生圖服務）才需要打開</div>
+      <label class="check"><input type="checkbox" id="f-network"> 允許 AI 連網</label>
+      <div class="hint">workspace-write 沙盒預設禁網；要呼叫外部 API（例如生圖服務）才需要打開。目前只有 Codex 引擎有此選項</div>
     </div>
     <div class="field">
       <label>逾時（分鐘）</label>