setConfig((p) => ({ ...p, system_prompt: e.target.value }))
                  }
                  onBlur={(e) => void save({ system_prompt: e.target.value })}
                />
              </div>
            </SettingSection>
          )}

<SettingSection
            title={tr({ zh: "运行参数", en: "Run parameters" })}
            description={tr({
              zh: "DeepTutor 无人值守地驱动该智能体——默认值确保它不会卡在等待确认上。",
              en: "DeepTutor drives the agent unattended — the defaults ensure it never stalls waiting for an approval prompt.",
            })}
          >
            {!isCodex && (
              <SettingRow
                title={tr({ zh: "权限模式", en: "Permission mode" })}
                description={tr({
                  zh: "非「绕过权限」的模式可能让无人值守的运行卡住等待确认。",
                  en: "Modes other than bypass may stall an unattended run waiting for a prompt.",
                })}
                control={
                  <select
                    className={`${selectClass} w-[260px]`}
                    disabled={busy}
                    value={config.permission_mode ?? DEFAULTS.permission_mode}
                    onChange={(e) =>
                      void save({ permission_mode: e.target.value })
                    }
                  >
                    {PERMISSION_MODES.map((o) => (
                      <option key={o.value} value={o.value}>
                        {tr(o.label)}
                      </option>
                    ))}
                  </select>
                }
              />
            )}

{isCodex && (
              <>
                <SettingRow
                  title={tr({ zh: "沙箱", en: "Sandbox" })}
                  control={
                    <select
                      className={`${selectClass} w-[260px]`}
                      disabled={busy}
                      value={config.sandbox ?? DEFAULTS.sandbox}
                      onChange={(e) => void save({ sandbox: e.target.value })}
                    >
                      {SANDBOXES.map((o) => (
                        <option key={o.value} value={o.value}>
                          {tr(o.label)}
                        </option>
                      ))}
                    </select>
                  }
                />
                <SettingRow
                  title={tr({ zh: "审批策略", en: "Approval policy" })}
                  description={tr({
                    zh: "非「从不询问」可能让无人值守的运行卡住。",
                    en: "Anything but never may stall an unattended run.",
                  })}
                  control={
                    <select
                      className={`${selectClass} w-[260px]`}
                      disabled={busy}
                      value={config.approval ?? DEFAULTS.approval}
                      onChange={(e) => void save({ approval: e.target.value })}
                    >
                      {APPROVALS.map((o) => (
                        <option key={o.value} value={o.value}>
                          {tr(o.label)}
                        </option>
                      ))}
                    </select>
                  }
                />
                <SettingRow
                  title={tr({ zh: "命令联网", en: "Command network access" })}
                  description={tr({
                    zh: "允许模型运行的 shell 命令访问网络（工作目录可写模式默认离线）。内置 web search 不受影响。",
                    en: "Let the model's shell commands reach the network (workspace-write is offline by default). The built-in web search is unaffected.",
                  })}
                  control={
                    <Toggle
                      checked={Boolean(config.network_access)}
                      disabled={busy}
                      onChange={(v) => void save({ network_access: v })}
                    />
                  }
                />
                <SettingRow
                  title={tr({ zh: "临时会话", en: "Ephemeral session" })}
                  description={tr({
                    zh: "不在 ~/.codex/sessions 下持久化本次会话。",
                    en: "Don't persist the session under ~/.codex/sessions.",
                  })}
                  control={
                    <Toggle
                      checked={Boolean(config.ephemeral)}
                      disabled={busy}
                      onChange={(v) => void save({ ephemeral: v })}
                    />
                  }
                />
              </>
            )}

<SettingRow
              title={tr({ zh: "转发图片", en: "Forward images" })}
              description={tr({
                zh: "允许 DeepTutor 把本轮对话中的图片附件转发给该智能体。",
                en: "Let DeepTutor forward image attachments from the chat turn to this agent.",
              })}
              control={
                <Toggle
                  checked={Boolean(config.forward_images)}
                  disabled={busy}
                  onChange={(v) => void save({ forward_images: v })}
                />
              }
            />
          </SettingSection>
        </>
      )}
    </div>
  );
}

function formatTs(value: string, zh: boolean): string {
  const parsed = new Date(value);
  if (Number.isNaN(parsed.getTime())) return value;
  return parsed.toLocaleString(zh ? "zh-CN" : "en-US", {
    dateStyle: "medium",
    timeStyle: "short",
  });
}

export default SubagentSettingsEditor;