openclacky 1.5.12 → 1.5.13

data/lib/clacky/web/core/ext.js

@@ -379,6 +379,19 @@ Clacky.ext = (() => {
     map.set(key, teardown);
   }
 
+  // Run and forget a single teardown by key. Used when a tab re-renders within
+  // the same session (e.g. an eager onAttach re-running) so its previous
+  // subscriptions are released before a new one is registered.
+  function _runViewTeardown(sessionId, key) {
+    if (!sessionId) return;
+    const map = _viewTeardowns.get(sessionId);
+    if (!map) return;
+    const fn = map.get(key);
+    if (typeof fn !== "function") return;
+    map.delete(key);
+    try { fn(); } catch (_e) { /* already guarded by caller */ }
+  }
+
   // Invoke a renderer's render function. Handles the (container, ctx, runtime)
   // signature used everywhere; if the render returns a function it is stored
   // as the view teardown, run before the next render or on session exit.
@@ -632,6 +645,31 @@ Clacky.ext = (() => {
       body.setAttribute("data-panel", id);
       bodyEls[id] = body;
       bodies.appendChild(body);
+
+      // Eager init: a tab can run setup (surface a badge, pre-fetch data,
+      // start a subscription) before the user ever opens it. onAttach runs
+      // immediately with a ctx carrying sessionId + setBadge; returning a
+      // function registers it as a teardown run on the next render pass /
+      // session switch. Any tab may opt in — no per-extension wiring needed.
+      if (typeof entry.tab.onAttach === "function") {
+        const attachKey = _mountKey(slot, entry) + "::attach";
+        // Re-running within the same session (rare, e.g. a host re-render)
+        // must release the previous teardown first to avoid leaks.
+        _runViewTeardown(renderCtx.sessionId, attachKey);
+        const attachCtx = Object.assign({}, renderCtx, {
+          setBadge: (n) => _setTabBadge(tabBtns[id], n),
+        });
+        let teardown;
+        try {
+          teardown = entry.tab.onAttach(attachCtx);
+        } catch (err) {
+          console.error(`[Clacky.ext] onAttach for tab "${id}" threw:`, err);
+          teardown = null;
+        }
+        if (typeof teardown === "function" && renderCtx.sessionId) {
+          _rememberViewTeardown(renderCtx.sessionId, attachKey, teardown);
+        }
+      }
     });
 
     container.appendChild(tabBar);

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

@@ -122,8 +122,8 @@ const BillingView = (() => {
 
     const allModels = BillingStore.state.allModels;
     const models = allModels.length > 0 ? allModels : (summary.by_model ? Object.keys(summary.by_model) : []);
-    const modelOptions = [`<option value="all">${I18n.t("billing.allModels") || "All Models"}</option>`]
-      .concat(models.filter(m => m).map(m => `<option value="${_esc(m)}" ${m === BillingStore.state.currentModel ? "selected" : ""}>${_esc(m)}</option>`))
+    const modelOptions = [`<div class="custom-select-option" data-value="all">${I18n.t("billing.allModels") || "All Models"}</div>`]
+      .concat(models.filter(m => m).map(m => `<div class="custom-select-option" data-value="${_esc(m)}">${_esc(m)}</div>`))
       .join("");
 
     container.innerHTML = `
@@ -135,7 +135,15 @@ const BillingView = (() => {
           </div>
           <div class="billing-controls">
             <div class="segmented-control">${periodBtns}</div>
-            <select id="billing-model-filter" class="billing-model-filter">${modelOptions}</select>
+            <div class="custom-select-wrapper billing-model-filter" id="billing-model-filter">
+              <div class="custom-select-trigger" tabindex="0">
+                <span class="custom-select-value">${I18n.t("billing.allModels") || "All Models"}</span>
+                <svg class="custom-select-arrow" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"></path>
+                </svg>
+              </div>
+              <div class="custom-select-dropdown">${modelOptions}</div>
+            </div>
             <button id="billing-share-btn" class="billing-share-btn" title="${I18n.t('billing.share.tooltip') || 'Share scorecard'}">
               <svg width="14" height="14" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M4 12v8a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-8" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><polyline points="16 6 12 2 8 6" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><line x1="12" y1="2" x2="12" y2="15" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>
               ${I18n.t('billing.share.btn') || 'Share scorecard'}
@@ -207,9 +215,15 @@ const BillingView = (() => {
       btn.addEventListener("click", (e) => Billing.setPeriod(e.target.dataset.period));
     });
 
-    document.getElementById("billing-model-filter")?.addEventListener("change", (e) => {
-      Billing.setModel(e.target.value);
-    });
+    const billingModelWrap = document.getElementById("billing-model-filter");
+    if (billingModelWrap && window.CustomSelect) {
+      const sel = window.CustomSelect.init({
+        trigger: billingModelWrap.querySelector(".custom-select-trigger"),
+        dropdown: billingModelWrap.querySelector(".custom-select-dropdown"),
+        onSelect: (value) => Billing.setModel(value)
+      });
+      sel.setValue(BillingStore.state.currentModel || "all");
+    }
 
     document.getElementById("billing-share-btn")?.addEventListener("click", _openScorecardShare);
 

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

@@ -587,18 +587,30 @@ const ExtensionsView = (() => {
       });
     }
 
-    const sortSelect = $("extensions-sort");
-    if (sortSelect) {
-      sortSelect.value = ExtensionsStore.state.sort;
-      sortSelect.addEventListener("change", () => Extensions.setSort(sortSelect.value));
+    const sortWrap = $("extensions-sort");
+    if (sortWrap && window.CustomSelect) {
+      const sortDropdown = sortWrap.querySelector(".custom-select-dropdown");
+      if (!sortDropdown.__customSelect) {
+        window.CustomSelect.init({
+          trigger: sortWrap.querySelector(".custom-select-trigger"),
+          dropdown: sortDropdown,
+          onSelect: (value) => Extensions.setSort(value)
+        });
+      }
+      sortDropdown.__customSelect.setValue(ExtensionsStore.state.sort);
     }
 
-    const installedFilter = $("extensions-installed-filter");
-    if (installedFilter) {
-      installedFilter.value = ExtensionsStore.state.onlyInstalled ? "installed" : "all";
-      installedFilter.addEventListener("change", () => {
-        Extensions.setOnlyInstalled(installedFilter.value === "installed");
-      });
+    const installedWrap = $("extensions-installed-filter");
+    if (installedWrap && window.CustomSelect) {
+      const installedDropdown = installedWrap.querySelector(".custom-select-dropdown");
+      if (!installedDropdown.__customSelect) {
+        window.CustomSelect.init({
+          trigger: installedWrap.querySelector(".custom-select-trigger"),
+          dropdown: installedDropdown,
+          onSelect: (value) => Extensions.setOnlyInstalled(value === "installed")
+        });
+      }
+      installedDropdown.__customSelect.setValue(ExtensionsStore.state.onlyInstalled ? "installed" : "all");
     }
     document.querySelectorAll(".extensions-filter-tab").forEach(btn => {
       btn.addEventListener("click", () => {

data/lib/clacky/web/features/new-session/store.js

@@ -53,7 +53,9 @@ const NewSessionStore = (() => {
       const res = await fetch("/api/agents");
       if (!res.ok) return;
       const data = await res.json();
-      _state.agents = (data && data.agents) || [];
+      // Hidden agents are still returned (so existing sessions can resolve
+      // their display names) but must not appear in the new-session picker.
+      _state.agents = ((data && data.agents) || []).filter((a) => !a.hidden);
 
       // Restore last-used agent from localStorage; fall back to the first
       // available one (typically "general").
@@ -206,6 +208,17 @@ const NewSessionStore = (() => {
     }
   }
 
+  async function loadAgentName() {
+    try {
+      const res = await fetch("/api/profile");
+      if (!res.ok) return "";
+      const data = await res.json();
+      return (data.soul && data.soul.name) || "";
+    } catch (e) {
+      return "";
+    }
+  }
+
   return {
     get state() { return _state; },
     on: _on,
@@ -218,6 +231,7 @@ const NewSessionStore = (() => {
     loadDefaultDirectory,
     createSession,
     fetchSkillsForAgent,
+    loadAgentName,
     reset,
   };
 })();

data/lib/clacky/web/features/new-session/view.js

@@ -15,10 +15,33 @@ const NewSessionView = (() => {
   let _initialized = false;
   let _modelsLoaded = false;
 
+  let _agentName        = "";
+  let _agentNamePromise = null;
+
   function _isZh() {
     return I18n.lang && I18n.lang().startsWith("zh");
   }
 
+  function _loadAgentName() {
+    if (_agentName) return Promise.resolve(_agentName);
+    if (_agentNamePromise) return _agentNamePromise;
+    _agentNamePromise = NewSessionStore.loadAgentName()
+      .then(name => {
+        _agentName = name || "";
+        return _agentName;
+      })
+      .finally(() => { _agentNamePromise = null; });
+    return _agentNamePromise;
+  }
+
+  function _renderTitle() {
+    const el = document.querySelector(".new-session-title");
+    if (!el) return;
+    el.textContent = _agentName
+      ? I18n.t("sessions.new.title.named", { name: _agentName })
+      : I18n.t("sessions.new.title");
+  }
+
   function _agentLabel(a) {
     if (_isZh() && a.title_zh) return a.title_zh;
     return a.title || a.id;
@@ -672,32 +695,15 @@ const NewSessionView = (() => {
         pop.appendChild(empty);
         return;
       }
-      models.forEach((m) => {
-        const isDefault = m.type === "default";
-        const modelName = m.model || m.id || "";
-
-        const item = document.createElement("button");
-        item.type = "button";
-        item.className = "ns-ctx-popover-item sib-model-option" + ((m.id || "") === currentId ? " active" : "");
-        item.style.cssText = "display:flex;align-items:center;justify-content:space-between;gap:0.5rem;";
-
-        const nameSpan = document.createElement("span");
-        nameSpan.textContent = modelName;
-        item.appendChild(nameSpan);
-
-        if (isDefault) {
-          const badge = document.createElement("span");
-          badge.className = "model-badge default";
-          badge.textContent = "default";
-          item.appendChild(badge);
-        }
 
-        item.addEventListener("click", () => {
+      ModelPicker.populate(pop, {
+        models,
+        currentId,
+        onSelect: (m) => {
           NewSessionStore.updateAdvanced({ modelId: m.id || "" });
           _dismissCtxPopover();
           _renderContextBar();
-        });
-        pop.appendChild(item);
+        },
       });
     });
   }
@@ -853,6 +859,8 @@ const NewSessionView = (() => {
     if (_initialized) return;
     _initialized = true;
 
+    document.addEventListener("langchange", _renderTitle);
+
     NewSessionStore.on("newSession:agents-loaded", _renderAgents);
     NewSessionStore.on("newSession:selection-changed", () => {
       _renderAgents();
@@ -938,6 +946,7 @@ const NewSessionView = (() => {
 
   async function onPanelShow() {
     _bindOnce();
+    _loadAgentName().then(_renderTitle);
     await NewSessionStore.loadAgents();
     // Must run after loadAgents(): that call restores the remembered
     // projectId from localStorage, which decides whether the working dir is

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

@@ -52,26 +52,33 @@ const TrashView = (() => {
   // ── Project filter select helpers ────────────────────────────────────
 
   function _refreshProjectOptions() {
-    const sel = $("trash-filter-project");
-    if (!sel) return;
+    const wrap = $("trash-filter-project");
+    if (!wrap) return;
+    const dropdown = wrap.querySelector(".custom-select-dropdown");
+    if (!dropdown) return;
+    const ctl = dropdown.__customSelect;
+    const currentVal = ctl ? ctl.value : "";
 
     const projects = (typeof Projects !== "undefined") ? Projects.all() : [];
-    const currentVal = sel.value;
-
-    // Rebuild options: keep the "all" placeholder, then one per project
-    sel.innerHTML = `<option value="">${I18n.t ? I18n.t("trash.filterAllProjects") : "所有项目"}</option>`;
+    const allLabel = I18n.t ? I18n.t("trash.filterAllProjects") : "所有项目";
+
+    dropdown.innerHTML = "";
+    const all = document.createElement("div");
+    all.className = "custom-select-option";
+    all.dataset.value = "";
+    all.textContent = allLabel;
+    dropdown.appendChild(all);
     projects.forEach(p => {
-      const opt = document.createElement("option");
-      opt.value       = p.id;
+      const opt = document.createElement("div");
+      opt.className = "custom-select-option";
+      opt.dataset.value = p.id;
       opt.textContent = p.name || p.id;
-      sel.appendChild(opt);
+      dropdown.appendChild(opt);
     });
 
-    // Restore previous selection if still valid
-    if (currentVal && projects.some(p => String(p.id) === currentVal)) {
-      sel.value = currentVal;
-    } else {
-      sel.value = "";
+    if (ctl) {
+      const restore = (currentVal && projects.some(p => String(p.id) === currentVal)) ? currentVal : "";
+      ctl.setValue(restore);
     }
   }
 
@@ -464,11 +471,16 @@ const TrashView = (() => {
     });
 
     // Project filter select
-    const projSel = $("trash-filter-project");
-    if (projSel) {
-      projSel.addEventListener("change", () => {
-        Trash.setFilterProject(projSel.value || null);
-      });
+    const projWrap = $("trash-filter-project");
+    if (projWrap && window.CustomSelect) {
+      const dropdown = projWrap.querySelector(".custom-select-dropdown");
+      if (!dropdown.__customSelect) {
+        window.CustomSelect.init({
+          trigger: projWrap.querySelector(".custom-select-trigger"),
+          dropdown: dropdown,
+          onSelect: (value) => Trash.setFilterProject(value || null)
+        });
+      }
     }
   }
 

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

@@ -110,6 +110,7 @@ const WorkspaceStore = (() => {
         body: JSON.stringify({ path: _absPath(entry.path), action: "save", content })
       });
       if (!resp.ok) throw new Error(`HTTP ${resp.status}`);
+      _emit("workspace:fileSaved", { sessionId: _sessionId, path: entry.path, name: entry.name });
     },
   };
 

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

@@ -740,6 +740,53 @@ const WorkspaceView = (() => {
     return { root, openTab, destroy };
   }
 
+  // Draggable split between the file tree and the viewer. The tree width is a
+  // CSS variable so a drag just rewrites it; the handle only shows once a file
+  // is open (mirrors the has-open-files class on .wv-root). Width persists.
+  const TREE_MIN_W = 168;
+  const TREE_MAX_W = 460;
+  const TREE_WIDTH_KEY = "clacky.workspace.treeWidth";
+
+  function initTreeResize(treePane, handle) {
+    try {
+      const saved = parseFloat(localStorage.getItem(TREE_WIDTH_KEY));
+      if (saved >= TREE_MIN_W && saved <= TREE_MAX_W) {
+        treePane.style.setProperty("--wv-tree-width", saved + "px");
+      }
+    } catch (_e) { /* ignore */ }
+
+    let dragging = false;
+    let startX = 0;
+    let startW = 0;
+
+    const onMove = (e) => {
+      if (!dragging) return;
+      const w = Math.min(TREE_MAX_W, Math.max(TREE_MIN_W, startW + (e.clientX - startX)));
+      treePane.style.setProperty("--wv-tree-width", w + "px");
+    };
+    const onUp = () => {
+      if (!dragging) return;
+      dragging = false;
+      document.body.style.cursor = "";
+      document.body.style.userSelect = "";
+      document.removeEventListener("mousemove", onMove);
+      document.removeEventListener("mouseup", onUp);
+      const w = treePane.getBoundingClientRect().width;
+      try { localStorage.setItem(TREE_WIDTH_KEY, String(Math.round(w))); } catch (_e) { /* ignore */ }
+    };
+
+    handle.addEventListener("mousedown", (e) => {
+      e.preventDefault();
+      dragging = true;
+      startX = e.clientX;
+      startW = treePane.getBoundingClientRect().width;
+      document.body.style.cursor = "col-resize";
+      document.body.style.userSelect = "none";
+      document.addEventListener("mousemove", onMove);
+      document.addEventListener("mouseup", onUp);
+    });
+  }
+
   // Build the Files tab body for the current session: file tree on the left,
   // tabbed viewer on the right. Mutates `container` and returns a destroy()
   // that frees CodeMirror instances and blob URLs when the tab is re-rendered
@@ -914,7 +961,11 @@ const WorkspaceView = (() => {
     treePane.appendChild(tree);
     treePane.appendChild(searchList);
 
+    const resizeHandle = el("div", "wv-tree-resize");
+    initTreeResize(treePane, resizeHandle);
+
     root.appendChild(treePane);
+    root.appendChild(resizeHandle);
     root.appendChild(viewer.root);
     container.appendChild(root);
 
@@ -934,14 +985,14 @@ const WorkspaceView = (() => {
   return { mount };
 })();
 
-// Files is a built-in tab: visible for every session, after the agent-scoped
-// panels (git/time-machine use orders 10/20).
+// Files is a built-in tab: visible for every session, after ext-studio
+// publish (20) and before git (30) / time-machine (40).
 if (window.Clacky && Clacky.ext) {
   Clacky.ext.ui.mountBuiltin("session.aside", (container, ctx) => {
     const viewer = WorkspaceView.mount(container, ctx);
     return () => viewer.destroy();
   }, {
-    order: 40,
+    order: 25,
     tab: { id: "files", label: () => (typeof I18n !== "undefined" ? I18n.t("workspace.title") : "Files") },
   });
 }

data/lib/clacky/web/i18n.js

@@ -66,6 +66,7 @@ const I18n = (() => {
 
       // ── Welcome screen ──
       "sessions.new.title":       "Start a new session",
+      "sessions.new.title.named": "Hi, {{name}}. Ready to get started?",
       "sessions.new.subtitle":    "Pick an agent to chat with, then tell it what you'd like to do.",
       "sessions.new.placeholder": "Type your first message to {{agent}}…",
       "sessions.new.moreOptions": "More options",
@@ -119,8 +120,9 @@ const I18n = (() => {
       "chat.send":           "Send",
       "chat.edit.warn":      "Editing this message will discard the conversation history, file snapshots, and token costs after it. Continue?",
       "chat.edit.warnSkip":  "Don't show this again",
-      "chat.empty.title":    "How can I help you today?",
-      "chat.empty.subtitle": "Ask a question, or start with a skill.",
+      "chat.empty.title":       "How can I help you today?",
+      "chat.empty.title.named": "Hi, {{name}}. Ready to get started?",
+      "chat.empty.subtitle":    "Ask a question, or start with a skill.",
       "chat.empty.tip1":     "Research, write, and translate",
       "chat.empty.tip2":     "Summarize and organize information",
       "chat.empty.tip3":     "Upload an image or file for me to analyze",
@@ -155,6 +157,12 @@ const I18n = (() => {
       "sib.dir.default":         "Default workspace",
       "sib.dir.current":         "Current workspace",
       "sib.dir.inputPlaceholder": "Type or select a directory path",
+      "sib.dir.back":            "Back",
+      "sib.dir.forward":         "Forward",
+      "sib.dir.refresh":         "Refresh",
+      "sib.dir.addFavorite":     "Add to favorites",
+      "sib.dir.removeFavorite":  "Remove from favorites",
+      "sib.dir.userFavorites":   "My favorites",
       "sib.dir.loading":         "Loading…",
       "sib.dir.empty":           "Empty directory",
       "sib.dir.loadError":       "Failed to load",
@@ -169,6 +177,8 @@ const I18n = (() => {
       "sib.dir.places.desktop": "Desktop",
       "sib.dir.places.downloads": "Downloads",
       "sib.dir.places.documents": "Documents",
+      "sib.dir.drives": "Drives",
+      "sib.dir.places.drive": "{{letter}}:",
       "workspace.title":         "Files",
       "workspace.expand":        "Open workspace",
       "workspace.collapse":      "Collapse workspace",
@@ -211,9 +221,23 @@ const I18n = (() => {
       "changes.save.prefix":      "Manual snapshot",
       "changes.save.btn":         "Save snapshot",
       "changes.save.saving":      "Saving…",
-      "changes.save.done":        "Saved — restore it from History",
+      "changes.save.done":        "Saved",
       "changes.save.failed":      "Save failed",
-      "tm.tab":                   "History",
+      "changes.select.all":       "All",
+      "changes.select.count":     "{{n}}/{{total}} selected",
+      "changes.save.btnN":        "Save {{n}} selected file(s)",
+      "changes.save.promptMsg":   "Describe this snapshot",
+      "changes.diff.loading":     "Loading diff…",
+      "changes.diff.fail":        "Failed to load diff",
+      "changes.diff.same":        "No content change in this file.",
+      "changes.diff.binary":      "Binary file - line diff not available.",
+      "changes.diff.truncated":   "Diff too long - showing first {{n}} lines",
+      "changes.restore.title":    "Revert this file's changes",
+      "changes.restore.confirm": "Discard?",
+      "changes.restore.diffBtn": "Discard changes",
+      "changes.restore.doing":   "Reverting…",
+      "changes.restore.done":    "Reverted: {{path}}",
+      "changes.restore.failed":  "Revert failed",      "tm.tab":                   "History",
       "sib.model.tooltip":       "Click to switch model",
       "sib.model.tooltip.busy":  "Model switching is disabled while the agent is responding",
       "sib.variant.header":      "Quick switch",
@@ -253,6 +277,8 @@ const I18n = (() => {
       "sessions.badge.channel": "Channel",
       "sessions.badge.coding":  "Coding",
       "sessions.badge.setup":   "Setup",
+      "sessions.setup.name":    "Onboard",
+      "sessions.setup.browser.name": "🌐 Browser Setup",
       "sessions.newSession":    "New Session",
       "sessions.advancedOptions": "Advanced options",
       "sessions.actions.pin":   "Pin",
@@ -763,6 +789,7 @@ const I18n = (() => {
       "settings.models.apiFormat.auto":              "Auto (detect from provider & model)",
       "settings.models.apiFormat.anthropicMessages": "Anthropic Messages API",
       "settings.models.apiFormat.openaiCompletions": "OpenAI Chat Completions",
+      "settings.models.apiFormat.openaiResponses":   "OpenAI Responses API",
       "settings.models.field.getApiKey":  "How to get →",
       "settings.models.field.docsGuide.question": "New to AI keys?",
       "settings.models.field.docsGuide.cta":      "See the guide →",
@@ -969,7 +996,7 @@ const I18n = (() => {
       "onboard.device.success.credit.label": "Free trial credit:",
       "onboard.device.success.credit.value": "$1.00 (one-time, on us)",
       "onboard.device.success.model.label": "Trial model:",
-      "onboard.device.success.note":        "During the trial only Gemini 3.5 Flash is available — top up any amount to unlock all frontier models on this same key.",
+      "onboard.device.success.note":        "During the trial only Gemini 3.8 Flash is available — top up any amount to unlock all frontier models on this same key.",
       "onboard.device.success.btn":         "Start using Clacky →",
       "onboard.manual.toggle":      "Configure manually with your own API key",
       "onboard.provider.custom":    "Custom",
@@ -1212,6 +1239,7 @@ const I18n = (() => {
 
       // ── Welcome screen ──
       "sessions.new.title":       "开始新会话",
+      "sessions.new.title.named": "你好，{{name}}。准备好开始了吗？",
       "sessions.new.subtitle":    "选一个想聊的 Agent，说说你想做什么。",
       "sessions.new.placeholder": "输入第一条消息发给 {{agent}}…",
       "sessions.new.moreOptions": "更多选项",
@@ -1263,8 +1291,9 @@ const I18n = (() => {
       "chat.send":           "发送",
       "chat.edit.warn":      "编辑此消息将丢弃后续对话历史、文件快照及已产生的 token 费用，是否继续？",
       "chat.edit.warnSkip":  "不再提示",
-      "chat.empty.title":    "有什么可以帮你？",
-      "chat.empty.subtitle": "直接提问，或用一个技能开始。",
+      "chat.empty.title":       "有什么可以帮你？",
+      "chat.empty.title.named": "你好，{{name}}。准备好开始了吗？",
+      "chat.empty.subtitle":    "直接提问，或用一个技能开始。",
       "chat.empty.tip1":     "查资料、写文案、做翻译",
       "chat.empty.tip2":     "归纳总结、整理信息",
       "chat.empty.tip3":     "上传图片或文件，让我帮你分析",
@@ -1299,6 +1328,12 @@ const I18n = (() => {
       "sib.dir.default":         "默认工作目录",
       "sib.dir.current":         "当前工作目录",
       "sib.dir.inputPlaceholder": "输入或选择目录路径",
+      "sib.dir.back":            "后退",
+      "sib.dir.forward":         "前进",
+      "sib.dir.refresh":         "刷新",
+      "sib.dir.addFavorite":     "添加到收藏",
+      "sib.dir.removeFavorite":  "从收藏中移除",
+      "sib.dir.userFavorites":   "我的收藏",
       "sib.dir.loading":         "加载中…",
       "sib.dir.empty":           "空目录",
       "sib.dir.loadError":       "加载失败",
@@ -1313,6 +1348,8 @@ const I18n = (() => {
       "sib.dir.places.desktop": "桌面",
       "sib.dir.places.downloads": "下载",
       "sib.dir.places.documents": "文稿",
+      "sib.dir.drives": "驱动器",
+      "sib.dir.places.drive": "{{letter}}盘",
       "workspace.title":         "文件",
       "workspace.expand":        "打开工作区",
       "workspace.collapse":      "收起工作区",
@@ -1355,8 +1392,23 @@ const I18n = (() => {
       "changes.save.prefix":      "手动存档",
       "changes.save.btn":         "存档当前版本",
       "changes.save.saving":      "正在存档…",
-      "changes.save.done":        "已存档，可在「时光机」里回到这个版本",
+      "changes.save.done":        "已存档",
       "changes.save.failed":      "存档失败",
+      "changes.select.all":       "全选",
+      "changes.select.count":     "已选 {{n}}/{{total}}",
+      "changes.save.btnN":        "存档选中的 {{n}} 个文件",
+      "changes.save.promptMsg":   "给这个版本写句说明",
+      "changes.diff.loading":     "正在读取差异…",
+      "changes.diff.fail":        "读取差异失败",
+      "changes.diff.same":       "这个文件的内容没有变化。",
+      "changes.diff.binary":     "二进制文件，无法逐行对比。",
+      "changes.diff.truncated":   "差异过大，仅显示前 {{n}} 行",
+      "changes.restore.title":    "撤销此文件的改动",
+      "changes.restore.confirm": "确认丢弃？",
+      "changes.restore.diffBtn":  "撤销改动",
+      "changes.restore.doing":    "正在撤销…",
+      "changes.restore.done":     "已撤销：{{path}}",
+      "changes.restore.failed":   "撤销失败",
       "tm.tab":                   "时光机",
       "sib.model.tooltip":       "点击切换模型",
       "sib.model.tooltip.busy":  "Agent 回复中，暂时无法切换模型",
@@ -1381,7 +1433,7 @@ const I18n = (() => {
       "sib.reasoning.medium":    "中",
       "sib.reasoning.high":      "高",
       "sib.reasoning.xhigh": "超高",
-      "sib.reasoning.max": "Max",
+      "sib.reasoning.max": "极高",
       "sessions.thinking":      "思考中…",
       "sessions.default_name":  "会话 {{n}}",
       "sessions.group.cron":     "定时任务",
@@ -1397,6 +1449,8 @@ const I18n = (() => {
       "sessions.badge.channel": "频道",
       "sessions.badge.coding":  "Coding",
       "sessions.badge.setup":   "配置",
+      "sessions.setup.name":    "个性化引导",
+      "sessions.setup.browser.name": "🌐 浏览器配置",
       "sessions.newSession":    "新会话",
       "sessions.advancedOptions": "高级选项",
       "sessions.loadMore":      "加载更多会话",
@@ -1913,6 +1967,7 @@ const I18n = (() => {
       "settings.models.apiFormat.auto":              "自动（根据服务商和模型检测）",
       "settings.models.apiFormat.anthropicMessages": "Anthropic Messages API",
       "settings.models.apiFormat.openaiCompletions": "OpenAI Chat Completions",
+      "settings.models.apiFormat.openaiResponses":   "OpenAI Responses API",
       "settings.models.field.getApiKey":  "如何获取 →",
       "settings.models.field.docsGuide.question": "不会配置 AI 模型？",
       "settings.models.field.docsGuide.cta":      "查看指南 →",
@@ -2119,7 +2174,7 @@ const I18n = (() => {
       "onboard.device.success.credit.label": "免费试用额度：",
       "onboard.device.success.credit.value": "$1.00（一次性赠送）",
       "onboard.device.success.model.label": "试用模型：",
-      "onboard.device.success.note":        "试用期内仅可使用 Gemini 3.5 Flash —— 任意金额充值后，同一 Key 立即解锁全部前沿模型。",
+      "onboard.device.success.note":        "试用期内仅可使用 Gemini 3.8 Flash —— 任意金额充值后，同一 Key 立即解锁全部前沿模型。",
       "onboard.device.success.btn":         "开始使用",
       "onboard.manual.toggle":      "使用自己的 API Key 手动配置",
       "onboard.provider.custom":    "自定义",
@@ -2311,7 +2366,14 @@ const I18n = (() => {
     }
   };
   // ── State ──────────────────────────────────────────────────────────────────
-  let _lang = localStorage.getItem(STORAGE_KEY) || DEFAULT_LANG;
+  // On first visit (no saved preference), match the OS/browser language.
+  function _detectLang() {
+    const saved = localStorage.getItem(STORAGE_KEY);
+    if (saved) return TRANSLATIONS[saved] ? saved : DEFAULT_LANG;
+    const nav = (navigator.language || "").toLowerCase();
+    return nav.startsWith("zh") ? "zh" : DEFAULT_LANG;
+  }
+  let _lang = _detectLang();
 
   // ── Core functions ─────────────────────────────────────────────────────────