openclacky 1.3.4 → 1.3.6

data/lib/clacky/web/features/profile/view.js

@@ -49,7 +49,7 @@ const ProfileView = (() => {
 
     function flushPara() {
       if (paraBuf.length === 0) return;
-      out.push("<p>" + _renderInline(paraBuf.join(" ")) + "</p>");
+      out.push("<p>" + _renderInline(paraBuf.join("<br>")) + "</p>");
       paraBuf = [];
     }
     function openList(type) {
@@ -152,11 +152,17 @@ const ProfileView = (() => {
       return;
     }
 
+    const openSet = new Set(
+      [...list.querySelectorAll(".memory-card")]
+        .filter(c => c.querySelector(".memory-card-body")?.style.display !== "none")
+        .map(c => c.dataset.filename)
+    );
+
     list.innerHTML = "";
-    memories.forEach(m => list.appendChild(_buildMemoryCard(m)));
+    memories.forEach(m => list.appendChild(_buildMemoryCard(m, openSet.has(m.filename))));
   }
 
-  function _buildMemoryCard(m) {
+  function _buildMemoryCard(m, expanded = false) {
     const card = document.createElement("div");
     card.className = "memory-card";
     card.dataset.filename = m.filename;
@@ -254,6 +260,8 @@ const ProfileView = (() => {
     expandBtn.addEventListener("click", (e) => { e.stopPropagation(); toggle(); });
     head.querySelector(".memory-card-info").addEventListener("click", toggle);
 
+    if (expanded) toggle();
+
     return card;
   }
 
@@ -303,6 +311,7 @@ const ProfileView = (() => {
       onSave: async (newContent) => {
         const r = await Profile.updateMemory(m.filename, newContent);
         if (!r.ok) throw new Error(r.error);
+        Modal.toast(_t("profile.savedOk"), "success");
       }
     });
   }
@@ -333,7 +342,10 @@ const ProfileView = (() => {
       content: file.content || "",
       title,
       language: "markdown",
-      onSave: (newContent) => Profile.updateProfile(kind, newContent)
+      onSave: async (newContent) => {
+        await Profile.updateProfile(kind, newContent);
+        Modal.toast(_t("profile.savedOk"), "success");
+      }
     });
   }
 

data/lib/clacky/web/features/skills/store.js

@@ -71,28 +71,13 @@ const SkillsStore = (() => {
   // Resolve the next "Session N" name and create a session, then hand off to
   // Sessions. Used by every "open a session and run a command" action.
   async function _openSessionWith(message) {
-    const maxN = Sessions.all.reduce((max, s) => {
-      const m = s.name.match(/^Session (\d+)$/);
-      return m ? Math.max(max, parseInt(m[1], 10)) : max;
-    }, 0);
-    const res = await fetch("/api/sessions", {
-      method:  "POST",
-      headers: { "Content-Type": "application/json" },
-      body:    JSON.stringify({ name: "Session " + (maxN + 1), source: "manual" })
-    });
-    const data = await res.json();
-    if (!res.ok) { alert(I18n.t("tasks.sessionError") + (data.error || "unknown")); return null; }
-
-    const session = data.session;
-    if (!session) return null;
-
     if (!WS.ready) { WS.connect(); Skills.load(); }
-
-    Sessions.add(session);
-    Sessions.renderList();
-    Sessions.setPendingMessage(session.id, message);
-    Sessions.select(session.id);
-    return session;
+    try {
+      return await Sessions.startWith(message, { source: "manual" });
+    } catch (e) {
+      alert(I18n.t("tasks.sessionError") + (e.message || "unknown"));
+      return null;
+    }
   }
 
   /** Return a user-friendly message for install/update errors. */

data/lib/clacky/web/features/tasks/view.js

@@ -16,58 +16,107 @@ const TasksView = (() => {
     if (!cron) return cron;
     const parts = cron.trim().split(/\s+/);
     if (parts.length !== 5) return cron;
-    const [min, hour, dom, month, dow] = parts;
+    let [min, hour, dom, month, dow] = parts;
+
+    // normalize */1 → *
+    if (min === "*/1")   min   = "*";
+    if (hour === "*/1")  hour  = "*";
+    if (dom === "*/1")   dom   = "*";
+    if (month === "*/1") month = "*";
+    if (dow === "*/1")   dow   = "*";
 
     const isAny = v => v === "*";
-    const isNum = v => /^\d+$/.test(v);
+    const isInt = v => /^\d+$/.test(v);
     const pad   = n => String(n).padStart(2, "0");
 
     const lang = (typeof I18n !== "undefined" && I18n.lang()) || "zh";
     const isZh = lang === "zh";
 
-    const dowNames = isZh
-      ? ["周日","周一","周二","周三","周四","周五","周六"]
-      : ["Sun","Mon","Tue","Wed","Thu","Fri","Sat"];
+    const DOW_ZH = ["周日","周一","周二","周三","周四","周五","周六"];
+    const DOW_EN = ["Sun","Mon","Tue","Wed","Thu","Fri","Sat"];
+    const MON_ZH = ["1月","2月","3月","4月","5月","6月","7月","8月","9月","10月","11月","12月"];
+    const MON_EN = ["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"];
 
-    const monthNames = isZh
-      ? ["1月","2月","3月","4月","5月","6月","7月","8月","9月","10月","11月","12月"]
-      : ["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"];
+    // dow → label, e.g. "1-5"→"工作日", "1,3,5"→"周一、周三、周五", "1"→"每周一"
+    function dowLabel(d) {
+      if (isAny(d)) return null;
+      if (d === "1-5") return isZh ? "工作日" : "Weekdays";
+      if (d === "0,6" || d === "6,0") return isZh ? "周末" : "Weekends";
+      if (isInt(d)) {
+        const name = (isZh ? DOW_ZH : DOW_EN)[parseInt(d, 10)] || d;
+        return isZh ? `每${name}` : name;
+      }
+      if (/^[\d,]+$/.test(d)) {
+        const names = d.split(",").map(n => (isZh ? DOW_ZH : DOW_EN)[parseInt(n, 10)] || n);
+        return isZh ? names.join("、") : names.join("/");
+      }
+      return d;
+    }
 
-    const timeStr = (isNum(hour) && isNum(min)) ? `${pad(hour)}:${pad(min)}` : null;
+    // build HH:MM string; supports single hour or comma-list like "10,14"
+    function timeStr() {
+      if (!isInt(min)) return null;
+      if (isInt(hour)) return `${pad(hour)}:${pad(min)}`;
+      if (/^[\d,]+$/.test(hour))
+        return hour.split(",").map(h => `${pad(h)}:${pad(min)}`).join(isZh ? "、" : "/");
+      return null;
+    }
 
+    // ── every-N-minutes ───────────────────────────────────────────────────
     if (min.startsWith("*/") && isAny(hour) && isAny(dom) && isAny(month) && isAny(dow)) {
       const n = min.slice(2);
       return isZh ? `每 ${n} 分钟` : `Every ${n} min`;
     }
-    if ((isAny(min) || isNum(min)) && hour.startsWith("*/") && isAny(dom) && isAny(month) && isAny(dow)) {
-      const n = hour.slice(2);
-      return isZh ? `每 ${n} 小时` : `Every ${n} hr`;
+    // ── every-N-hours ─────────────────────────────────────────────────────
+    if (isAny(dom) && isAny(month) && isAny(dow)) {
+      if (isAny(min) && hour.startsWith("*/")) {
+        return isZh ? `每 ${hour.slice(2)} 小时` : `Every ${hour.slice(2)} hr`;
+      }
+      if (isInt(min) && hour.startsWith("*/")) {
+        return isZh ? `每 ${hour.slice(2)} 小时` : `Every ${hour.slice(2)} hr`;
+      }
     }
+    // ── every minute ──────────────────────────────────────────────────────
     if (isAny(min) && isAny(hour) && isAny(dom) && isAny(month) && isAny(dow)) {
       return isZh ? "每分钟" : "Every minute";
     }
-    if (isNum(min) && isAny(hour) && isAny(dom) && isAny(month) && isAny(dow)) {
+    // ── hourly at :MM ─────────────────────────────────────────────────────
+    if (isInt(min) && isAny(hour) && isAny(dom) && isAny(month) && isAny(dow)) {
       return isZh ? `每小时 :${pad(min)}` : `Hourly at :${pad(min)}`;
     }
-    if (timeStr && isAny(dom) && isAny(month) && isNum(dow)) {
-      const d = dowNames[parseInt(dow, 10)] || dow;
-      return isZh ? `每${d} ${timeStr}` : `${d} ${timeStr}`;
-    }
-    if (timeStr && isAny(dom) && isAny(month) && dow === "1-5") {
-      return isZh ? `工作日 ${timeStr}` : `Weekdays ${timeStr}`;
+
+    // ── every-N-min within hour range on certain days  e.g. */1 9-14 * * 1-5
+    if (min.startsWith("*/") && /^\d+-\d+$/.test(hour) && isAny(dom) && isAny(month)) {
+      const n   = min.slice(2);
+      const dl  = dowLabel(dow);
+      const hr  = isZh ? `${hour}时` : `${hour}h`;
+      const ev  = isZh ? `每 ${n} 分钟` : `Every ${n} min`;
+      return dl ? `${dl} ${hr} ${ev}` : `${hr} ${ev}`;
     }
-    if (timeStr && isAny(dom) && isAny(month) && (dow === "0,6" || dow === "6,0")) {
-      return isZh ? `周末 ${timeStr}` : `Weekends ${timeStr}`;
+    // ── every minute within hour range  e.g. * 9-14 * * 1-5
+    if (isAny(min) && /^\d+-\d+$/.test(hour) && isAny(dom) && isAny(month)) {
+      const dl = dowLabel(dow);
+      const hr = isZh ? `${hour}时` : `${hour}h`;
+      const ev = isZh ? "每分钟" : "Every minute";
+      return dl ? `${dl} ${hr} ${ev}` : `${hr} ${ev}`;
     }
-    if (timeStr && isAny(dom) && isAny(month) && isAny(dow)) {
-      return isZh ? `每天 ${timeStr}` : `Daily ${timeStr}`;
+
+    const ts  = timeStr();
+    const dl  = dowLabel(dow);
+
+    // ── fixed time, variable days ─────────────────────────────────────────
+    if (ts && isAny(dom) && isAny(month)) {
+      if (dl) return `${dl} ${ts}`;
+      return isZh ? `每天 ${ts}` : `Daily ${ts}`;
     }
-    if (timeStr && isNum(dom) && isAny(month) && isAny(dow)) {
-      return isZh ? `每月 ${dom} 日 ${timeStr}` : `Monthly day ${dom} ${timeStr}`;
+    // ── fixed time, fixed day-of-month ────────────────────────────────────
+    if (ts && isInt(dom) && isAny(month) && isAny(dow)) {
+      return isZh ? `每月 ${dom} 日 ${ts}` : `Monthly day ${dom} ${ts}`;
     }
-    if (timeStr && isNum(dom) && isNum(month) && isAny(dow)) {
-      const m = monthNames[parseInt(month, 10) - 1] || month;
-      return isZh ? `${m}${dom}日 ${timeStr}` : `${m} ${dom} ${timeStr}`;
+    // ── fixed time, fixed date ────────────────────────────────────────────
+    if (ts && isInt(dom) && isInt(month) && isAny(dow)) {
+      const m = (isZh ? MON_ZH : MON_EN)[parseInt(month, 10) - 1] || month;
+      return isZh ? `${m}${dom}日 ${ts}` : `${m} ${dom} ${ts}`;
     }
 
     return cron;

data/lib/clacky/web/features/version/store.js

@@ -143,6 +143,8 @@ const VersionStore = (() => {
         _upgradeDone  = false;
       }
       _emit({ reason: "upgrade-complete", success: !!event.success });
+    } else if (event.type === "_ws_connected") {
+      checkVersion();
     }
   }
 

data/lib/clacky/web/i18n.js

@@ -68,6 +68,9 @@ const I18n = (() => {
       "chat.resetSession":   "Reset session",
       "chat.resetSessionConfirm": "Reset will start a brand-new session. The current conversation history stays in your sidebar but will no longer be active. Continue?",
       "chat.copy":           "Copy",
+      "chat.todo.spawn":     "Start",
+      "chat.todo.spawning":  "Starting…",
+      "chat.todo.spawnFailed": "Failed to start session: {msg}",
       "chat.copied":         "Copied",
       "chat.continue":       "Continue",
       "chat.edit":           "Edit",
@@ -549,6 +552,7 @@ const I18n = (() => {
       "settings.tabs.models":     "Models",
       "settings.tabs.ui":         "UI",
       "settings.tabs.general":    "General",
+      "settings.tabs.data":       "Data Management",
       "settings.tabs.about":      "About",
       "settings.about.version":   "Version",
       "settings.about.appName":   "Application",
@@ -570,6 +574,8 @@ const I18n = (() => {
       "settings.media.kind.image":    "Image",
       "settings.media.kind.video":    "Video",
       "settings.media.kind.audio":    "Audio",
+      "settings.media.kind.stt":      "Speech-to-Text",
+      "settings.media.kind.video_understanding": "Video Understanding",
       "settings.media.kind.ocr":      "Vision",
       "settings.media.source.off":    "Off",
       "settings.media.source.auto":   "Auto",
@@ -669,13 +675,22 @@ const I18n = (() => {
       "settings.network.cleared":          "Cleared — direct connection",
       "settings.network.invalidUrl":       "Invalid URL — use http://host:port or http://user:pass@host:port",
       "settings.backup.title":             "Backup",
+      "settings.backup.autoTitle":         "Auto Backup",
+      "settings.backup.manualTitle":       "Manual Backup",
       "settings.backup.desc":              "Back up your ~/.clacky directory (config, skills, memories, tasks, sessions). Regenerable caches and logs are excluded.",
       "settings.backup.includeSessions":   "Include session history (larger archive)",
       "settings.backup.autoLabel":         "Automatic backup",
       "settings.backup.autoHint":          "Daily at 03:00, keeps the latest 7",
-      "settings.backup.runNow":            "Download backup (full snapshot)",
+      "settings.backup.destLabel":         "Backup folder",
+      "settings.backup.openFolder":        "Open",
+      "settings.backup.runNow":            "Download backup",
+      "settings.backup.restoreBtn":        "Restore backup",
       "settings.backup.running":           "Preparing backup…",
+      "settings.backup.downloading":       "Downloading…",
       "settings.backup.downloaded":        "Backup downloaded.",
+      "settings.backup.restoring":         "Restoring… server will restart automatically.",
+      "settings.backup.restoreOk":         "Restored. Restarting…",
+      "settings.backup.restartOk":         "Restarted successfully.",
       "settings.backup.lastOk":            "Last backup: {{time}}",
       "settings.backup.lastError":         "Backup failed: {{msg}}",
       "settings.brand.title":              "Brand & License",
@@ -727,6 +742,8 @@ const I18n = (() => {
       "settings.currency.updated":         "Updated from {{source}} on {{date}}",
       "settings.currency.updateFailed":    "Failed to fetch the latest rate. You can still enter it manually.",
 
+      "settings.accentColor.title":        "Accent Color",
+
       // ── Onboard ──
       "onboard.title":              "Welcome to {{brand}}",
       "onboard.subtitle":           "Let's get you set up in a minute.",
@@ -920,6 +937,7 @@ const I18n = (() => {
 
       "error.insufficient_credit": "Insufficient LLM credit. Please top up your account to continue.",
       "error.insufficient_credit.action": "Top up",
+      "error.show_detail": "Show details",
 
       "billing.sessions":        "Sessions",
       "billing.sessionId":       "Session",
@@ -986,6 +1004,9 @@ const I18n = (() => {
       "chat.newMessageHint": "有新消息 ↓",
       "chat.retry":          "重试",
       "chat.copy":           "复制",
+      "chat.todo.spawn":     "开干",
+      "chat.todo.spawning":  "创建中…",
+      "chat.todo.spawnFailed": "创建会话失败：{msg}",
       "chat.copied":         "已复制",
       "chat.continue":       "继续",
       "chat.edit":           "编辑",
@@ -1466,6 +1487,7 @@ const I18n = (() => {
       "settings.tabs.models":     "模型",
       "settings.tabs.ui":         "界面",
       "settings.tabs.general":    "通用",
+      "settings.tabs.data":       "数据管理",
       "settings.tabs.about":      "关于",
       "settings.about.version":   "版本",
       "settings.about.appName":   "应用程序",
@@ -1481,12 +1503,14 @@ const I18n = (() => {
       "settings.models.badge.default": "默认",
       "settings.models.badge.lite":    "轻量",
       "settings.media.title":         "配置副模型",
-      "settings.media.desc":          "可选。图片生成 / 视频生成 / 音频生成 / 视觉理解。",
+      "settings.media.desc":          "图片生成 / 视频生成 / 音频生成 / 语音转写 / 视频理解 / 视觉理解（可选）",
       "settings.media.loading":       "加载中…",
       "settings.media.error":         "加载失败：{{msg}}",
       "settings.media.kind.image":    "图片生成",
       "settings.media.kind.video":    "视频生成",
       "settings.media.kind.audio":    "音频生成",
+      "settings.media.kind.stt":      "语音转写",
+      "settings.media.kind.video_understanding": "视频理解",
       "settings.media.kind.ocr":      "视觉理解",
       "settings.media.source.off":    "关闭",
       "settings.media.source.auto":   "自动",
@@ -1514,6 +1538,13 @@ const I18n = (() => {
       "settings.media.apiKey.required":    "请填写 API Key",
       "settings.media.model.required":     "请填写模型名称",
       "settings.media.baseUrl.required":   "请填写 Base URL",
+      "settings.media.output_dir.desc":    "生成的图片、视频、音频文件保存位置（可选）",
+      "settings.media.output_dir.browse":  "选择目录…",
+      "settings.media.output_dir.picker":  "选择媒体输出目录",
+      "settings.media.output_dir.clear":   "清除",
+      "settings.media.output_dir.saved":   "已保存",
+      "settings.media.output_dir.cleared": "已清除",
+      "settings.media.output_dir.invalid": "目录无效",
       "settings.models.field.quicksetup": "快速配置",
       "settings.models.field.model":      "Model",
       "settings.models.field.baseurl":    "Base URL",
@@ -1586,13 +1617,22 @@ const I18n = (() => {
       "settings.network.cleared":          "已清除 — 直连",
       "settings.network.invalidUrl":       "地址格式不正确，请使用 http://host:port 或 http://user:pass@host:port",
       "settings.backup.title":             "备份",
+      "settings.backup.autoTitle":         "自动备份",
+      "settings.backup.manualTitle":       "手动备份",
       "settings.backup.desc":              "备份你的 ~/.clacky 目录（配置、技能、记忆、任务、会话）。可重新生成的缓存和日志会被排除。",
       "settings.backup.includeSessions":   "包含会话历史（归档更大）",
       "settings.backup.autoLabel":         "自动备份",
       "settings.backup.autoHint":          "每天 03:00 自动备份，保留最近 7 份",
-      "settings.backup.runNow":            "下载备份（完整快照）",
+      "settings.backup.destLabel":         "备份目录",
+      "settings.backup.openFolder":        "打开",
+      "settings.backup.runNow":            "下载备份",
+      "settings.backup.restoreBtn":        "恢复备份",
       "settings.backup.running":           "正在准备备份…",
+      "settings.backup.downloading":       "正在下载…",
       "settings.backup.downloaded":        "备份已下载。",
+      "settings.backup.restoring":         "正在恢复…服务将自动重启。",
+      "settings.backup.restoreOk":         "恢复成功，正在重启…",
+      "settings.backup.restartOk":         "重启成功。",
       "settings.backup.lastOk":            "上次备份：{{time}}",
       "settings.backup.lastError":         "备份失败：{{msg}}",
       "settings.brand.title":              "品牌 & 授权",
@@ -1644,6 +1684,8 @@ const I18n = (() => {
       "settings.currency.updated":         "已从 {{source}} 更新，日期 {{date}}",
       "settings.currency.updateFailed":    "获取最新汇率失败，仍可手动输入。",
 
+      "settings.accentColor.title":        "主色",
+
       // ── Onboard ──
       "onboard.title":              "欢迎使用 {{brand}}",
       "onboard.subtitle":           "一分钟完成配置，马上开始。",
@@ -1838,6 +1880,7 @@ const I18n = (() => {
 
       "error.insufficient_credit": "LLM（大模型）余额不足，请充值后继续使用。",
       "error.insufficient_credit.action": "去充值",
+      "error.show_detail": "查看详情",
       "billing.sessions":        "会话消耗",
       "billing.sessionId":       "会话",
       "billing.tokens":          "Token",

data/lib/clacky/web/index.html

@@ -805,6 +805,7 @@
         <button class="settings-tab active" data-tab="models" data-i18n="settings.tabs.models">Models</button>
         <button class="settings-tab" data-tab="ui" data-i18n="settings.tabs.ui">UI</button>
         <button class="settings-tab" data-tab="general" data-i18n="settings.tabs.general">General</button>
+        <button class="settings-tab" data-tab="data" data-i18n="settings.tabs.data">Data</button>
         <button class="settings-tab" data-tab="about" data-i18n="settings.tabs.about">About</button>
         <!-- Extension tab slot: extensions add custom settings tabs here (button needs data-tab="<id>"). -->
         <span id="ext-slot-settings-tabs" data-slot="settings.tabs"></span>
@@ -890,6 +891,21 @@
               </label>
             </div>
           </section>
+
+          <!-- Accent Color section -->
+          <section class="settings-section" id="accent-color-section">
+            <div class="settings-section-title">
+              <span data-i18n="settings.accentColor.title">Accent Color</span>
+            </div>
+            <div class="settings-accent-swatches">
+              <button class="settings-accent-swatch swatch-indigo"         data-color="#4f46e5" title="Indigo"></button>
+              <button class="settings-accent-swatch swatch-aurora-blue"    data-color="#3B82F6" title="Aurora Blue"></button>
+              <button class="settings-accent-swatch swatch-forest-green"   data-color="#10B981" title="Forest Green"></button>
+              <button class="settings-accent-swatch swatch-sunrise-orange" data-color="#F59E0B" title="Sunrise Orange"></button>
+              <button class="settings-accent-swatch swatch-rose-violet"    data-color="#8B5CF6" title="Rose Violet"></button>
+              <button class="settings-accent-swatch swatch-coral-red"      data-color="#EF4444" title="Coral Red"></button>
+            </div>
+          </section>
         </div>
 
         <!-- ══ Tab: General ══ -->
@@ -942,32 +958,7 @@
           </section>
 
           <!-- Backup section -->
-          <section class="settings-section" id="backup-section">
-            <div class="settings-section-title">
-              <span data-i18n="settings.backup.title">Backup</span>
-            </div>
-            <p class="settings-section-desc" data-i18n="settings.backup.desc">Back up your ~/.clacky directory (config, skills, memories, tasks, sessions). Regenerable caches and logs are excluded.</p>
-
-            <div class="backup-auto-card">
-              <div class="backup-auto-row">
-                <label class="toggle-switch">
-                  <input type="checkbox" id="backup-auto-toggle">
-                  <span class="toggle-slider"></span>
-                </label>
-                <span class="backup-auto-label" data-i18n="settings.backup.autoLabel">Automatic backup</span>
-                <span class="backup-auto-hint" data-i18n="settings.backup.autoHint">Daily at 03:00, keeps the latest 7</span>
-              </div>
-
-              <label class="backup-option backup-option-nested">
-                <input type="checkbox" id="backup-include-sessions">
-                <span data-i18n="settings.backup.includeSessions">Include session history (larger archive)</span>
-              </label>
-            </div>
-
-            <div class="backup-actions">
-              <button id="btn-backup-now" class="btn-settings-action" data-i18n="settings.backup.runNow">Download backup (full snapshot)</button>
-              <span id="backup-status" class="model-test-result"></span>
-            </div>
+          <section class="settings-section" id="backup-section" style="display:none">
           </section>
 
           <!-- Brand & License section -->
@@ -1058,6 +1049,56 @@
           </section>
         </div><!-- end Tab: General -->
 
+        <!-- ══ Tab: Data ══ -->
+        <div class="settings-tab-content" data-tab-content="data" style="display:none">
+
+          <!-- 自动备份 -->
+          <section class="settings-section">
+            <div class="settings-section-title">
+              <span data-i18n="settings.backup.autoTitle">Auto Backup</span>
+            </div>
+            <p class="settings-section-desc" data-i18n="settings.backup.desc">Back up your ~/.clacky directory (config, skills, memories, tasks, sessions). Regenerable caches and logs are excluded.</p>
+
+            <div class="backup-auto-card">
+              <div class="backup-auto-row">
+                <label class="toggle-switch">
+                  <input type="checkbox" id="backup-auto-toggle">
+                  <span class="toggle-slider"></span>
+                </label>
+                <span class="backup-auto-label" data-i18n="settings.backup.autoLabel">Automatic backup</span>
+                <span class="backup-auto-hint" data-i18n="settings.backup.autoHint">Daily at 03:00, keeps the latest 7</span>
+              </div>
+              <label class="backup-option backup-option-nested">
+                <input type="checkbox" id="backup-include-sessions">
+                <span data-i18n="settings.backup.includeSessions">Include session history (larger archive)</span>
+              </label>
+              <div class="backup-dest-row">
+                <span class="backup-dest-label" data-i18n="settings.backup.destLabel">Backup folder</span>
+                <span class="backup-dest-path" id="backup-dest-path">—</span>
+                <button id="btn-backup-open-folder" class="btn-settings-link" data-i18n="settings.backup.openFolder">Open</button>
+              </div>
+              <div id="backup-status" class="model-test-result"></div>
+            </div>
+          </section>
+
+          <!-- 手动备份 -->
+          <section class="settings-section">
+            <div class="settings-section-title">
+              <span data-i18n="settings.backup.manualTitle">Manual Backup</span>
+            </div>
+
+            <div class="backup-actions">
+              <button id="btn-backup-now" class="btn-settings-action" data-i18n="settings.backup.runNow">Download backup</button>
+              <label class="btn-settings-action btn-settings-action--file">
+                <span data-i18n="settings.backup.restoreBtn">Restore backup</span>
+                <input type="file" id="input-backup-restore" accept=".tar.gz,.gz" style="display:none">
+              </label>
+              <span id="backup-manual-status" class="model-test-result"></span>
+            </div>
+          </section>
+
+        </div><!-- end Tab: Data -->
+
         <!-- ══ Tab: About ══ -->
         <div class="settings-tab-content" data-tab-content="about" style="display:none">
           <!-- Version section -->