openclacky 1.5.20 → 1.5.21

data/lib/clacky/web/i18n.js

@@ -58,10 +58,15 @@ const I18n = (() => {
       "projects.menu.edit": "Edit Project",
       "projects.menu.delete": "Delete Project",
       "projects.menu.deleteSessions": "Clear Sessions",
+      "projects.menu.archiveSessions": "Archive Sessions",
       "projects.edit.title": "Edit Project",
       "projects.edit.submit": "Save",
       "projects.delete.confirm": "Delete project \"{{name}}\"? All sessions in this project will also be deleted.",
       "projects.deleteSessions.confirm": "Clear all sessions in project \"{{name}}\"? The project itself will be kept.",
+      "projects.archiveSessions.confirm": "Archive all sessions in project \"{{name}}\"? They leave the sidebar and can be restored from Archived sessions.",
+      "projects.archiveSessions.done": "{{count}} session(s) archived",
+      "projects.archiveSessions.fail": "Archive failed: {{msg}}",
+      "projects.archiveSessions.empty": "This project has no sessions to archive.",
       "projects.modal.name":         "Project Name",
 
       // ── Welcome screen ──
@@ -121,7 +126,11 @@ const I18n = (() => {
       "chat.input.sendQueued": "Interrupt and run",
       "chat.input.removeQueued": "Remove",
       "chat.interrupted":    "Generation stopped",
-      "chat.feedback_hint":  "Or type your own answer below ↓",
+      "chat.feedback_countdown": "AI will decide and continue in {{seconds}}s",
+      "chat.feedback_waiting": "Waiting for your submission",
+      "chat.feedback_answered": "Submitted",
+      "chat.feedback_timeout": "AI decided and continued",
+      "chat.input.placeholderFeedback": "Answer the question, or add details…",
       "chat.feedback_submit": "Submit",
       "chat.feedback_other": "Or type your own answer",
       "chat.feedback_recommended": "recommended",
@@ -330,8 +339,14 @@ const I18n = (() => {
       "sib.status.idle":         "idle",
       "sib.status.running":      "running",
       "sib.status.error":        "error",
-      "sib.status.awaiting_feedback": "waiting",
-      "sib.mode.tooltip":        "Permission mode — controls whether the agent asks before making changes",
+      "sib.status.awaiting_feedback": "Waiting for answer",
+      "sib.mode.pill":  "Mode",
+      "sib.mode.label": "Permission mode",
+      "sib.mode.manualHelp": "Wait for you when confirmation or an answer is needed.",
+      "sib.mode.autoHelp": "Confirm automatically. If you don’t answer a question in time, AI decides and continues.",
+      "sib.mode.confirm_all": "Manual",
+      "sib.mode.auto_approve": "Auto",
+      "sib.mode.tooltip": "Session permissions: Auto approve runs tools without approval and continues after the ask_user countdown. Switch anytime; running tools finish normally.",
       "sib.cost.tooltip":        "Estimated token cost for this session",
       "sib.reasoning.label":     "Reasoning",
       "sib.reasoning.heading":   "Reasoning effort",
@@ -378,6 +393,7 @@ const I18n = (() => {
       "sessions.loadMore":      "Load more sessions",
       "sessions.loadingMore":   "Loading…",
       "sessions.search.placeholder": "Search sessions…",
+      "sessions.search.clear":       "Clear",
       "sessions.search.typeAll":     "All types",
       "sessions.search.typeManual":  "Default",
       "sessions.search.typeCron":    "Scheduled",
@@ -1040,6 +1056,14 @@ const I18n = (() => {
       "settings.browser.btn":              "Configure Browser",
       "settings.browser.btn.reconfigure":  "Reconfigure Browser",
       "settings.browser.btn.starting":     "Starting…",
+      "settings.browser.screenshot.title":        "Screenshot quality",
+      "settings.browser.screenshot.desc":         "When the AI browses a web page it takes screenshots to \"see\" it. Higher quality looks clearer, but each screenshot takes up more of the conversation — long tasks can end up slower and more expensive.",
+      "settings.browser.screenshot.quality":      "Quality",
+      "settings.browser.screenshot.qualityHint":  "Standard is enough for most pages and saves space. High keeps more detail on long pages.",
+      "settings.browser.screenshot.standard":     "Standard",
+      "settings.browser.screenshot.high":         "High",
+      "settings.browser.screenshot.saved":        "Saved",
+      "settings.browser.screenshot.saveFailed":   "Failed to save",
       "settings.network.title":            "Network",
       "settings.network.desc":             "Proxy is disabled by default. To enable, enter an HTTP/HTTPS proxy URL below (SOCKS5 is not supported).",
       "settings.network.proxyUrl":         "Proxy URL",
@@ -1049,9 +1073,10 @@ const I18n = (() => {
       "settings.network.cleared":          "Cleared — direct connection",
       "settings.network.invalidUrl":       "Invalid URL — use http://host:port or http://user:pass@host:port",
       "settings.search.title":             "Web Search",
-      "settings.search.desc":              "Free built-in search (Parallel / DuckDuckGo / Bing) works out of the box. Select an API provider below to use it instead.",
+      "settings.search.desc":              "The agent searches the web and fetches page content automatically when it needs up-to-date information — news, docs, prices, time-sensitive data.",
       "settings.search.provider":          "Provider",
-      "settings.search.builtin":           "Built-in (Parallel / DuckDuckGo / Bing)",
+      "settings.search.builtin":           "Free (auto-selects a working engine)",
+      "settings.search.builtinEngines":    "Tries Parallel → DuckDuckGo → Bing in order. No key or configuration needed.",
       "settings.search.key":               "API Key",
       "settings.search.save":              "Save",
       "settings.search.saved":             "Saved",
@@ -1059,7 +1084,15 @@ const I18n = (() => {
       "settings.search.testing":           "Testing…",
       "settings.search.ok":                "Search provider works",
       "settings.search.failed":            "Search provider test failed",
-      "settings.search.custom":            "Add your own provider by dropping a script into ~/.clacky/searchers/ — see tavily.rb for the interface.",
+      "settings.search.keyRequired":       "Enter an API Key to use this provider",
+      "settings.search.customBtn":         "Build with Agent",
+      "settings.search.customHint":        "Need another search provider? Put a script in ~/.clacky/searchers/, see tavily.rb.",
+      "settings.search.customPrompt":      "I want to add a custom web search provider. Read ~/.clacky/searchers/tavily.rb first to learn the script contract, then ask me which provider to integrate and what you need from me (API endpoint, key, free tier). After that, write the script under ~/.clacky/searchers/.",
+      "settings.search.customSessionName": "Custom search provider",
+      "settings.search.deepseek":          "DeepSeek (search & page fetch)",
+      "settings.search.deepseekHintFree":  "Leave the API Key empty to reuse your configured model key; accepts DeepSeek and OpenClacky provider keys. Per-call billing starts Nov 1, 2026 00:00 (Beijing time) at about ¥0.005 per call.",
+      "settings.search.deepseekHint":      "Leave the API Key empty to reuse your configured model key; accepts DeepSeek and OpenClacky provider keys. Billed per request at about ¥0.005 per call.",
+      "settings.search.deepseekKeyPlaceholder": "Optional",
       "settings.backup.title":             "Backup",
       "settings.backup.autoTitle":         "Auto Backup",
       "settings.backup.manualTitle":       "Manual Backup",
@@ -1107,7 +1140,8 @@ const I18n = (() => {
       "settings.brand.badge.active":       "Active",
       "settings.brand.badge.warning":      "Expiring Soon",
       "settings.brand.badge.expired":      "Expired",
-      "settings.brand.badge.unreachable":  "Connection Issue",
+      "settings.brand.badge.unreachable":  "License Server Unreachable",
+      "settings.brand.hint.unreachable":   "Everything keeps working for now — check your network, or click \u201cChange Serial Number\u201d to re-activate and restore the check.",
       "settings.brand.desc":               "Have a serial number from a brand partner? Enter it below to activate branded mode.",
       "settings.brand.descNamed":          "Enter your {{name}} serial number to activate branded mode.",
       "settings.brand.btn.getSerial":      "Get a Serial Number",
@@ -1166,13 +1200,16 @@ const I18n = (() => {
       "onboard.key.btn.back":       "Back",
       "onboard.device.card.title":  "OpenClacky AI Keys",
       "onboard.device.card.lead":   "Sign up and get $1 free credit · no subscription · pay as you go",
-      "onboard.device.card.point1": "One key for all frontier models — Claude, Gemini, DeepSeek & more",
-      "onboard.device.card.point2": "Same pricing as official APIs, switch models instantly",
+      "onboard.device.card.point1": "One key for all frontier models — Claude, GPT, DeepSeek & more",
+      "onboard.device.card.point2": "Up to 70% off, switch models instantly",
       "onboard.device.btn":         "Get started free",
-      "onboard.device.pending":     "Waiting for confirmation in your browser…",
-      "onboard.device.code":        "Verification code:",
+      "onboard.device.pending":     "Finishing the connection in your browser…",
       "onboard.device.reopen":      "Open browser again",
       "onboard.device.cancel":      "Cancel",
+      "onboard.device.error.denied":      "Cancelled — you can try again.",
+      "onboard.device.error.expired":     "This link expired — please try again.",
+      "onboard.device.error.failed":      "Couldn't connect — please try again.",
+      "onboard.device.error.startFailed": "Could not start the connection. Please try again.",
       "onboard.device.success.title":       "You're in!",
       "onboard.device.success.lead":        "Your account is connected. Here's what you got:",
       "onboard.device.success.credit.label": "Free trial credit:",
@@ -1185,7 +1222,7 @@ const I18n = (() => {
       "provider.recommended":        "Recommended",
       "provider.name.volcengine_ark": "Volcengine Ark (Doubao)",
       "provider.promo.openclacky.title": "OpenClacky AI Keys",
-      "provider.promo.openclacky.1": "All frontier models, one key — Claude, Gemini, DeepSeek & more.",
+      "provider.promo.openclacky.1": "All frontier models, one key — Claude, GPT, DeepSeek & more.",
       "provider.promo.openclacky.2": "Top reasoning, best value, best vision — unified in one API.",
       "provider.promo.openclacky.3": "Same pricing as official APIs, switch models instantly.",
       "onboard.key.testing":        "Testing…",
@@ -1315,9 +1352,10 @@ const I18n = (() => {
       "sib.auto.tag":          "Economy",
       "sib.auto.tipTitle":     "Auto · economy-first routing",
       "sib.auto.tip":          "Starts with the cheapest model and upgrades only when necessary. Picks the most popular, capable and affordable models in real time. The price ratio floats accordingly.",
-      "sib.price.tip":        "Connected straight to the vendor's own endpoint, billed at list price. Cost vs Claude Sonnet 5 (≈ ${{in}} in / ${{out}} out per 1M tokens)",
-      "sib.price.tip.discounted": "Not connected to the vendor's own endpoint — served through a third-party channel, and the {{percent}}% off is a limited-time promotion. Cost vs Claude Sonnet 5 is ≈ ${{in}} in / ${{out}} out per 1M tokens.",
-      "sib.price.tip.promo":      "Connected straight to the vendor's own endpoint and billed at list price; the {{percent}}% off is a limited-time promotion. Cost vs Claude Sonnet 5 is ≈ ${{in}} in / ${{out}} out per 1M tokens.",
+      "sib.price.tip":        "Connected straight to the vendor's own endpoint, billed at list price. Cost vs Claude Sonnet 5 (≈ ${{in}} in / ${{out}} out per 1M tokens).",
+      "sib.price.tip.abs":    "Connected straight to the vendor's own endpoint. Cost vs Claude Sonnet 5 (≈ ${{in}} in / ${{out}} out per 1M tokens).",
+      "sib.price.tip.discounted": "Not connected to the vendor's own endpoint — served through a third-party channel, billed at list price, and the {{percent}}% off is a limited-time promotion. Cost vs Claude Sonnet 5 is ≈ ${{in}} in / ${{out}} out per 1M tokens.",
+      "sib.price.tip.promo":      "Connected straight to the vendor's own endpoint, billed at list price; the {{percent}}% off is a limited-time promotion. Cost vs Claude Sonnet 5 is ≈ ${{in}} in / ${{out}} out per 1M tokens.",
       "sib.discount.tag":     "{{percent}}% off",
       "sib.bench.running":    "Testing…",
       "sib.bench.done":       "done in {{t}}s",
@@ -1430,10 +1468,15 @@ const I18n = (() => {
       "projects.menu.edit": "编辑项目",
       "projects.menu.delete": "删除项目",
       "projects.menu.deleteSessions": "清空会话",
+      "projects.menu.archiveSessions": "归档会话",
       "projects.edit.title": "编辑项目",
       "projects.edit.submit": "保存",
       "projects.delete.confirm": "删除项目「{{name}}」？该项目下的所有会话也将被删除。",
       "projects.deleteSessions.confirm": "清空项目「{{name}}」下的所有会话？项目本身会被保留。",
+      "projects.archiveSessions.confirm": "归档项目「{{name}}」下的所有会话？会话会离开侧边栏，可在「已归档的会话」中恢复。",
+      "projects.archiveSessions.done": "已归档 {{count}} 个会话",
+      "projects.archiveSessions.fail": "归档失败：{{msg}}",
+      "projects.archiveSessions.empty": "该项目下暂无可归档的会话。",
       "projects.modal.name":         "项目名称",
 
       // ── Welcome screen ──
@@ -1493,7 +1536,11 @@ const I18n = (() => {
       "chat.input.sendQueued": "打断并执行",
       "chat.input.removeQueued": "撤回",
       "chat.interrupted":    "已停止生成",
-      "chat.feedback_hint":  "或在下方输入框自由作答 ↓",
+      "chat.feedback_countdown": "{{seconds}} 秒后由 AI 决定并继续",
+      "chat.feedback_waiting": "等待你提交",
+      "chat.feedback_answered": "已提交",
+      "chat.feedback_timeout": "已由 AI 决定并继续",
+      "chat.input.placeholderFeedback": "回答问题，或补充说明…",
       "chat.feedback_submit": "提交",
       "chat.feedback_other": "或自己填写",
       "chat.feedback_recommended": "推荐",
@@ -1700,8 +1747,14 @@ const I18n = (() => {
       "sib.status.idle":         "空闲",
       "sib.status.running":      "运行",
       "sib.status.error":        "错误",
-      "sib.status.awaiting_feedback": "等待",
-      "sib.mode.tooltip":        "权限模式 — 控制 Agent 执行操作前是否需要确认",
+      "sib.status.awaiting_feedback": "等待回答",
+      "sib.mode.pill":  "权限",
+      "sib.mode.label": "权限模式",
+      "sib.mode.manualHelp": "需要你确认或回答时，停下来等你。",
+      "sib.mode.autoHelp": "需要确认时自动同意；提问后若未回答，由 AI 决定并继续。",
+      "sib.mode.confirm_all": "手动",
+      "sib.mode.auto_approve": "自动",
+      "sib.mode.tooltip": "当前会话权限：自动批准会免确认执行工具，并在 ask_user 倒计时结束后继续。运行中也可切换，已开始的工具会正常完成。",
       "sib.cost.tooltip":        "本次会话的预估 Token 费用",
       "sib.reasoning.label":     "思考",
       "sib.reasoning.heading":   "思考等级",
@@ -1748,6 +1801,7 @@ const I18n = (() => {
       "sessions.moveToProject.failed": "移动会话失败：{{message}}",
       "sessions.loadingMore":   "加载中…",
       "sessions.search.placeholder": "搜索会话…",
+      "sessions.search.clear":       "清除",
       "sessions.search.typeAll":     "全部类型",
       "sessions.search.typeManual":  "默认",
       "sessions.search.typeCron":    "定时",
@@ -2416,6 +2470,14 @@ const I18n = (() => {
       "settings.browser.btn":              "配置浏览器",
       "settings.browser.btn.reconfigure":  "重新配置浏览器",
       "settings.browser.btn.starting":     "启动中…",
+      "settings.browser.screenshot.title":        "截图质量",
+      "settings.browser.screenshot.desc":         "AI 浏览网页时会截图来「看」页面。画质越高看得越清楚，但每张截图会占用更多对话空间，长任务可能因此更慢更费钱。",
+      "settings.browser.screenshot.quality":      "画质",
+      "settings.browser.screenshot.qualityHint":  "标准：大多数页面够用，最省空间。高清：长页面细节更清楚。",
+      "settings.browser.screenshot.standard":     "标准",
+      "settings.browser.screenshot.high":         "高清",
+      "settings.browser.screenshot.saved":        "已保存",
+      "settings.browser.screenshot.saveFailed":   "保存失败",
       "settings.network.title":            "网络",
       "settings.network.desc":             "默认不启用代理，如需启用，请填写 HTTP/HTTPS 代理地址（不支持 SOCKS5）。",
       "settings.network.proxyUrl":         "代理地址",
@@ -2425,9 +2487,10 @@ const I18n = (() => {
       "settings.network.cleared":          "已清除 — 直连",
       "settings.network.invalidUrl":       "地址格式不正确，请使用 http://host:port 或 http://user:pass@host:port",
       "settings.search.title":             "网页搜索",
-      "settings.search.desc":              "内置免费搜索（Parallel / DuckDuckGo / Bing）开箱即用；也可在下方接入 API 服务商作为替代。",
+      "settings.search.desc":              "Agent 需要最新信息时（新闻、文档、价格等时效性内容）会自动联网搜索并抓取网页正文。",
       "settings.search.provider":          "服务商",
-      "settings.search.builtin":           "内置（Parallel / DuckDuckGo / Bing）",
+      "settings.search.builtin":           "免费（自动选择可用引擎）",
+      "settings.search.builtinEngines":    "免费引擎按 Parallel → DuckDuckGo → Bing 顺序尝试，无需 Key 或配置。",
       "settings.search.key":               "API Key",
       "settings.search.save":              "保存",
       "settings.search.saved":             "已保存",
@@ -2435,7 +2498,15 @@ const I18n = (() => {
       "settings.search.testing":           "测试中…",
       "settings.search.ok":                "搜索服务商可用",
       "settings.search.failed":            "搜索服务商测试失败",
-      "settings.search.custom":            "将脚本放入 ~/.clacky/searchers/ 即可添加自定义服务商，接口规范参见 tavily.rb。",
+      "settings.search.keyRequired":       "请填写该服务商的 API Key",
+      "settings.search.customBtn":         "用 Agent 开发",
+      "settings.search.customHint":        "接入其他搜索服务？脚本放进 ~/.clacky/searchers/，参考 tavily.rb。",
+      "settings.search.customPrompt":      "我想接入一个自定义网页搜索服务商。请先读 ~/.clacky/searchers/tavily.rb 了解脚本接口约定，然后问我要接入哪家服务、需要我提供什么（接口地址、Key、是否免费），再帮我在 ~/.clacky/searchers/ 下写好脚本。",
+      "settings.search.customSessionName": "自定义搜索服务商",
+      "settings.search.deepseek":          "DeepSeek（搜索与网页抓取）",
+      "settings.search.deepseekHintFree":  "API Key 留空则用已配置的模型密钥，支持 DeepSeek 和 OpenClacky 服务商的 API Key；将于北京时间 2026 年 11 月 1 日 00:00 开始按次收取调用费用，约 ¥0.005/次。",
+      "settings.search.deepseekHint":      "API Key 留空则用已配置的模型密钥，支持 DeepSeek 和 OpenClacky 服务商的 API Key；按请求次数计费，约 ¥0.005/次。",
+      "settings.search.deepseekKeyPlaceholder": "可留空",
       "settings.backup.title":             "备份",
       "settings.backup.autoTitle":         "自动备份",
       "settings.backup.manualTitle":       "手动备份",
@@ -2483,7 +2554,8 @@ const I18n = (() => {
       "settings.brand.badge.active":       "已激活",
       "settings.brand.badge.warning":      "即将过期",
       "settings.brand.badge.expired":      "已过期",
-      "settings.brand.badge.unreachable":  "连接异常",
+      "settings.brand.badge.unreachable":  "服务器连接异常",
+      "settings.brand.hint.unreachable":   "功能暂不受影响，请检查网络，也可点「更换序列号」重新激活来恢复校验。",
       "settings.brand.desc":               "有品牌合作伙伴的序列号？在下方输入以激活品牌模式。",
       "settings.brand.descNamed":          "请输入 {{name}} 的序列号以激活品牌模式。",
       "settings.brand.btn.getSerial":      "获取序列号",
@@ -2542,13 +2614,16 @@ const I18n = (() => {
       "onboard.key.btn.back":       "返回",
       "onboard.device.card.title":  "OpenClacky AI Keys",
       "onboard.device.card.lead":   "注册即送 $1 额度 · 无需订阅 · 随用随充",
-      "onboard.device.card.point1": "一个 Key 直通全球顶级模型 — Claude、Gemini、DeepSeek 等",
-      "onboard.device.card.point2": "官方同价，模型随心切换，即开即用",
+      "onboard.device.card.point1": "一个 Key 直通全球顶级模型 — Claude、GPT、DeepSeek 等",
+      "onboard.device.card.point2": "最低 3 折，模型随心切换",
       "onboard.device.btn":         "一键获取，免费开始",
-      "onboard.device.pending":     "正在等待浏览器中确认授权…",
-      "onboard.device.code":        "验证码：",
+      "onboard.device.pending":     "正在浏览器中完成连接…",
       "onboard.device.reopen":      "重新打开浏览器",
       "onboard.device.cancel":      "取消",
+      "onboard.device.error.denied":      "已取消授权，可以重新点击获取。",
+      "onboard.device.error.expired":     "链接已过期，请重新点击获取。",
+      "onboard.device.error.failed":      "连接失败，请重新点击获取。",
+      "onboard.device.error.startFailed": "无法发起连接，请稍后重试。",
       "onboard.device.success.title":       "登录成功！",
       "onboard.device.success.lead":        "账户已连接。你已获得：",
       "onboard.device.success.credit.label": "免费试用额度：",
@@ -2561,7 +2636,7 @@ const I18n = (() => {
       "provider.recommended":        "推荐",
       "provider.name.volcengine_ark": "火山方舟（豆包）",
       "provider.promo.openclacky.title": "推荐 OpenClacky AI Keys",
-      "provider.promo.openclacky.1": "一个 Key 直通全球顶级模型 — Claude、Gemini、DeepSeek 等。",
+      "provider.promo.openclacky.1": "一个 Key 直通全球顶级模型 — Claude、GPT、DeepSeek 等。",
       "provider.promo.openclacky.2": "最强推理 × 最优性价比 × 最佳视觉 — 一站式统一接入。",
       "provider.promo.openclacky.3": "国内直连，官方同价，模型随心切换，缓存命中率接近 100%。",
       "onboard.key.testing":        "测试中…",
@@ -2691,9 +2766,10 @@ const I18n = (() => {
       "sib.auto.tag":          "经济优先",
       "sib.auto.tipTitle":     "Auto · 经济优先",
       "sib.auto.tip":          "从最便宜的开始，只在必要时升级模型。实时选用当下最流行、好用、便宜的模型。倍率随之浮动。",
-      "sib.price.tip":        "官方直连，按官方标准价计费。相对 Claude Sonnet 5 的成本（约 ${{in}} 输入 / ${{out}} 输出 / 百万 token）",
-      "sib.price.tip.discounted": "非官方直连，由第三方渠道提供服务，{{zhe}} 折为限时优惠。相对 Claude Sonnet 5 的成本（约 ${{in}} 输入 / ${{out}} 输出 / 百万 token）",
-      "sib.price.tip.promo":  "官方直连，按官方标准价计费，{{zhe}} 折为限时优惠。相对 Claude Sonnet 5 的成本（约 ${{in}} 输入 / ${{out}} 输出 / 百万 token）",
+      "sib.price.tip":        "官方直连，按官方标准价计费。相对 Claude Sonnet 5 的成本（约 ${{in}} 输入 / ${{out}} 输出 / 百万 token）。",
+      "sib.price.tip.abs":    "官方直连。相对 Claude Sonnet 5 的成本（约 ${{in}} 输入 / ${{out}} 输出 / 百万 token）。",
+      "sib.price.tip.discounted": "非官方直连，由第三方渠道提供服务，按官方标准价计费，{{zhe}} 折为限时优惠。相对 Claude Sonnet 5 的成本（约 ${{in}} 输入 / ${{out}} 输出 / 百万 token）。",
+      "sib.price.tip.promo":  "官方直连，按官方标准价计费，{{zhe}} 折为限时优惠。相对 Claude Sonnet 5 的成本（约 ${{in}} 输入 / ${{out}} 输出 / 百万 token）。",
       "sib.discount.tag":     "{{zhe}}折",
       "sib.bench.running":    "测速中…",
       "sib.bench.done":       "用时 {{t}} 秒",

data/lib/clacky/web/index.html

@@ -83,17 +83,20 @@
     <div class="cmd-palette" role="dialog" aria-modal="true" aria-label="Search sessions">
       <div class="search-panel-card">
         <!-- Input row -->
-        <div class="search-input-row">
-          <span class="search-icon">
-            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><circle cx="11" cy="11" r="7"/><line x1="20" y1="20" x2="16" y2="16"/></svg>
-          </span>
-          <input id="session-search-q" type="text" class="search-input"
-                 data-i18n-placeholder="sessions.search.placeholder" placeholder="Search sessions…"
-                 autocomplete="off" />
-          <button id="btn-search-q-clear" class="btn-search-q-clear" aria-label="Clear text" hidden>
-            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" aria-hidden="true"><line x1="6" y1="6" x2="18" y2="18"/><line x1="18" y1="6" x2="6" y2="18"/></svg>
+        <div class="search-input-wrap">
+          <div class="search-input-row">
+            <span class="search-icon">
+              <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><circle cx="11" cy="11" r="7"/><line x1="20" y1="20" x2="16" y2="16"/></svg>
+            </span>
+            <input id="session-search-q" type="text" class="search-input"
+                   data-i18n-placeholder="sessions.search.placeholder" placeholder="Search sessions…"
+                   autocomplete="off" />
+            <button id="btn-search-q-clear" class="btn-search-q-clear" type="button"
+                    data-i18n="sessions.search.clear" aria-label="Clear text" hidden>Clear</button>
+          </div>
+          <button id="btn-session-search-close" class="cmd-palette-close" type="button" aria-label="Close">
+            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" aria-hidden="true"><line x1="6" y1="6" x2="18" y2="18"/><line x1="18" y1="6" x2="6" y2="18"/></svg>
           </button>
-          <button id="btn-session-search-close" class="cmd-palette-esc" type="button" aria-label="Close">ESC</button>
         </div>
         <!-- Filter row -->
         <div class="search-filter-row">
@@ -115,7 +118,7 @@
           </div>
           <div class="search-date-wrap">
             <button id="session-search-date" class="search-date datepicker-trigger" type="button" data-value="" data-i18n="sessions.search.datePlaceholder"></button>
-            <svg class="search-date-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><rect x="3" y="5" width="18" height="16" rx="2"/><path d="M16 3v4M8 3v4M3 10h18"/></svg>
+            <svg class="search-date-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><rect x="3" y="5.5" width="18" height="15.5" rx="2.5"/><path d="M8 2.75v3.5M16 2.75v3.5M3 10h18"/></svg>
           </div>
           <button id="btn-search-clear-all" class="btn-search-clear-all" aria-label="Clear filters" hidden>
             <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" aria-hidden="true"><line x1="6" y1="6" x2="18" y2="18"/><line x1="18" y1="6" x2="6" y2="18"/></svg>
@@ -494,7 +497,7 @@
       <div id="ext-slot-session-composer" class="session-composer" data-slot="session.composer"></div>
       <!-- Session info bar — mirrors CLI bottom status bar -->
       <div id="session-info-bar" style="display:none">
-        <!-- Order: status | id | dir | model | mode | todo | cost -->
+        <!-- Order: status | id | dir | model | reasoning | mode | todo | signal | cost -->
         <!-- Pattern: element + separator-after-element (except last) -->
         <span id="sib-status"></span>
         <span class="sib-sep sib-sep-after-status">│</span>
@@ -515,7 +518,47 @@
           <span id="sib-reasoning" class="sib-reasoning-clickable" data-i18n-title="sib.reasoning.tooltip" title="Click to change reasoning effort"><span class="sib-pill-label" data-i18n="sib.reasoning.label">Reasoning</span><span id="sib-reasoning-text"></span><span class="sib-caret" aria-hidden="true"><svg viewBox="0 0 16 16" width="9" height="9" aria-hidden="true"><path d="M4 6.5L8 10.5L12 6.5" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg></span></span>
           <div id="sib-reasoning-dropdown" class="clacky-popover sib-reasoning-dropdown" style="display:none" role="menu"></div>
         </span>
-        <span class="sib-sep sib-sep-after-reasoning">│</span>
+        <span id="sib-mode-wrap">
+          <button id="sib-mode" class="sib-mode-clickable" type="button" aria-haspopup="menu" aria-expanded="false" aria-controls="sib-mode-menu" data-i18n-title="sib.mode.tooltip"><span class="sib-pill-label" data-i18n="sib.mode.pill">Mode</span><span id="sib-mode-text"></span><span class="sib-caret" aria-hidden="true"><svg viewBox="0 0 16 16" width="9" height="9" aria-hidden="true"><path d="M4 6.5L8 10.5L12 6.5" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg></span></button>
+          <div id="sib-mode-menu" class="clacky-popover" role="menu" hidden>
+            <button type="button" role="menuitemradio" data-permission-mode="confirm_all" aria-checked="true">
+              <strong data-i18n="sib.mode.confirm_all">Manual</strong>
+              <small data-i18n="sib.mode.manualHelp">Confirm actions; wait for your answer.</small>
+            </button>
+            <button type="button" role="menuitemradio" data-permission-mode="auto_approve" aria-checked="false">
+              <strong data-i18n="sib.mode.auto_approve">Auto</strong>
+              <small data-i18n="sib.mode.autoHelp">Approve tools automatically; continue after the question countdown.</small>
+            </button>
+          </div>
+        </span>
+        <span class="sib-sep sib-sep-after-mode">│</span>
+        <span id="todo-panel" class="todo-panel">
+          <button id="todo-trigger" class="todo-trigger" type="button"
+                  aria-controls="todo-popover" aria-expanded="false" disabled>
+            <svg class="todo-status-icon" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
+              <circle cx="3" cy="4" r="1"/><path d="M6 4h7"/>
+              <circle cx="3" cy="8" r="1"/><path d="M6 8h7"/>
+              <circle cx="3" cy="12" r="1"/><path d="M6 12h7"/>
+            </svg>
+            <span class="todo-trigger-detail" aria-hidden="true">
+              <span id="todo-count" class="todo-count"></span>
+              <svg class="todo-caret" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M4 10l4-4 4 4"/></svg>
+            </span>
+          </button>
+          <div id="todo-popover" class="clacky-popover todo-popover" role="dialog" hidden>
+            <div class="todo-popover-header">
+              <div class="todo-popover-heading">
+                <div class="todo-popover-title" data-i18n="chat.todo.title">Tasks</div>
+                <div id="todo-summary" class="todo-summary"></div>
+              </div>
+              <button id="todo-close" class="todo-close" type="button" aria-label="Close task list">
+                <svg viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" aria-hidden="true"><path d="M4 4l8 8M12 4l-8 8"/></svg>
+              </button>
+            </div>
+            <div id="todo-list" class="todo-list" aria-live="polite"></div>
+          </div>
+        </span>
+        <span class="sib-sep sib-sep-after-todo">│</span>
         <!-- Latency signal: 4-bar signal + TTFT number. Hidden until the first LLM
              call completes (see updateInfoBar / Sessions.renderSignalBars). Click
              opens a mini benchmark panel (see Step 3/4 — not yet implemented). -->
@@ -526,39 +569,7 @@
           </span>
         </span>
         <span class="sib-sep sib-sep-after-signal" style="display:none">│</span>
-        <!-- Detail fields: mode, todo, cost -->
-        <span class="sib-detail">
-          <span id="sib-mode"></span>
-          <span class="sib-sep sib-sep-after-mode">│</span>
-          <span id="todo-panel" class="todo-panel">
-            <button id="todo-trigger" class="todo-trigger" type="button"
-                    aria-controls="todo-popover" aria-expanded="false" disabled>
-              <svg class="todo-status-icon" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
-                <circle cx="3" cy="4" r="1"/><path d="M6 4h7"/>
-                <circle cx="3" cy="8" r="1"/><path d="M6 8h7"/>
-                <circle cx="3" cy="12" r="1"/><path d="M6 12h7"/>
-              </svg>
-              <span class="todo-trigger-detail" aria-hidden="true">
-                <span id="todo-count" class="todo-count"></span>
-                <svg class="todo-caret" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M4 10l4-4 4 4"/></svg>
-              </span>
-            </button>
-            <div id="todo-popover" class="clacky-popover todo-popover" role="dialog" hidden>
-              <div class="todo-popover-header">
-                <div class="todo-popover-heading">
-                  <div class="todo-popover-title" data-i18n="chat.todo.title">Tasks</div>
-                  <div id="todo-summary" class="todo-summary"></div>
-                </div>
-                <button id="todo-close" class="todo-close" type="button" aria-label="Close task list">
-                  <svg viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" aria-hidden="true"><path d="M4 4l8 8M12 4l-8 8"/></svg>
-                </button>
-              </div>
-              <div id="todo-list" class="todo-list" aria-live="polite"></div>
-            </div>
-          </span>
-          <span class="sib-sep sib-sep-after-todo">│</span>
-          <span id="sib-cost"></span>
-        </span>
+        <span id="sib-cost"></span>
       </div>
 
       <!-- Composer slot: moved above the session info bar. -->
@@ -1370,6 +1381,20 @@
                 <button id="btn-browser-setup" class="btn-settings-action" data-i18n="settings.browser.btn">🌐 Configure Browser</button>
               </div>
             </div>
+            <div class="settings-screenshot" id="browser-screenshot-settings" style="display:none">
+              <div class="settings-screenshot-head">
+                <span class="settings-screenshot-title" data-i18n="settings.browser.screenshot.title">Screenshot quality</span>
+                <p class="settings-screenshot-desc" data-i18n="settings.browser.screenshot.desc">When the AI browses a web page it takes screenshots to "see" it. Higher quality looks clearer, but each screenshot takes up more of the conversation — long tasks can end up slower and more expensive.</p>
+              </div>
+              <div class="settings-screenshot-row">
+                <span class="settings-screenshot-label" data-i18n="settings.browser.screenshot.quality">Quality</span>
+                <div class="settings-segmented" id="browser-screenshot-quality">
+                  <button type="button" class="settings-segmented-btn" data-bytes="150000" data-i18n="settings.browser.screenshot.standard">Standard</button>
+                  <button type="button" class="settings-segmented-btn" data-bytes="300000" data-i18n="settings.browser.screenshot.high">High</button>
+                </div>
+              </div>
+              <p class="settings-screenshot-hint" data-i18n="settings.browser.screenshot.qualityHint">Standard is enough for most pages and saves space. High keeps more detail on long pages.</p>
+            </div>
           </section>
 
           <!-- Network / Proxy section -->
@@ -1397,24 +1422,24 @@
               <span data-i18n="settings.search.title">Web Search</span>
             </div>
             <div class="settings-network">
-              <p class="settings-network-desc" data-i18n="settings.search.desc">Free built-in search uses Parallel, DuckDuckGo, and Bing with no key required. Select a search provider to use a configured API instead.</p>
+              <p class="settings-network-desc" data-i18n="settings.search.desc">The agent searches the web and fetches page content automatically when it needs up-to-date information — news, docs, prices, time-sensitive data.</p>
               <div class="settings-network-url">
                 <label class="settings-network-url-label" for="settings-search-provider-trigger" data-i18n="settings.search.provider">Provider</label>
                 <div class="settings-network-url-row">
                   <div class="custom-select-wrapper" id="settings-search-provider-wrapper">
                     <div class="custom-select-trigger" tabindex="0" id="settings-search-provider-trigger">
-                      <span class="custom-select-value placeholder" id="settings-search-provider-value" data-i18n="settings.search.builtin">Built-in (Parallel / DuckDuckGo / Bing)</span>
+                      <span class="custom-select-value placeholder" id="settings-search-provider-value" data-i18n="settings.search.builtin">Free (auto-selects a working engine)</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" id="settings-search-provider-dropdown">
-                      <div class="custom-select-option" data-value="" data-i18n="settings.search.builtin">Built-in (Parallel / DuckDuckGo / Bing)</div>
+                      <div class="custom-select-option" data-value="" data-i18n="settings.search.builtin">Free (auto-selects a working engine)</div>
+                      <div class="custom-select-option" data-value="deepseek_web" data-i18n="settings.search.deepseek">DeepSeek (search &amp; page fetch)</div>
                     </div>
                   </div>
                   <button type="button" id="btn-save-search" class="btn-settings-action" data-i18n="settings.search.save">Save</button>
                 </div>
-                <div id="settings-search-status" class="model-test-result"></div>
               </div>
               <div class="settings-network-url" id="search-key-wrap" style="display:none">
                 <label class="settings-network-url-label" for="settings-search-key" data-i18n="settings.search.key">API Key</label>
@@ -1422,8 +1447,14 @@
                   <input type="password" id="settings-search-key" class="field-input" placeholder="tvly-..." autocomplete="off" spellcheck="false">
                   <button type="button" id="btn-test-search" class="btn-settings-action" data-i18n="settings.search.test">Test</button>
                 </div>
+                <p class="settings-network-note" id="search-deepseek-hint" data-i18n="settings.search.deepseekHintFree" style="display:none">Leave the API Key empty to reuse your configured model key; accepts DeepSeek and OpenClacky provider keys. Per-call billing starts Nov 1, 2026 00:00 (Beijing time) at about ¥0.005 per call.</p>
+              </div>
+              <p class="settings-network-note" id="search-builtin-note" data-i18n="settings.search.builtinEngines">Tries Parallel → DuckDuckGo → Bing in order. No key or configuration needed.</p>
+              <div id="settings-search-status" class="model-test-result"></div>
+              <div class="settings-network-url-row settings-network-divider" id="custom-searcher-row">
+                <span class="settings-network-note" data-i18n="settings.search.customHint">Need another search provider? Put a script in ~/.clacky/searchers/, see tavily.rb.</span>
+                <button type="button" id="btn-custom-searcher" class="btn-settings-action" data-i18n="settings.search.customBtn">Build with Agent</button>
               </div>
-              <p class="settings-network-desc" data-i18n="settings.search.custom">Add your own provider by dropping a script into ~/.clacky/searchers/ — see tavily.rb for the interface.</p>
             </div>
           </section>
 
@@ -1463,7 +1494,10 @@
                   </div>
                   <div class="brand-status-row">
                     <span class="brand-status-label" data-i18n="settings.brand.label.status">Status</span>
-                    <span class="brand-status-value" id="brand-status-badge">—</span>
+                    <span class="brand-status-state">
+                      <span class="brand-status-value" id="brand-status-badge">—</span>
+                      <span class="brand-status-hint" id="brand-status-hint" style="display:none"></span>
+                    </span>
                   </div>
                   <div class="brand-status-row">
                     <span class="brand-status-label" data-i18n="settings.brand.label.expires">Expires</span>
@@ -1501,7 +1535,7 @@
                   <div class="qr-lightbox-backdrop" id="qr-lightbox-backdrop"></div>
                   <div class="qr-lightbox-content">
                     <img id="qr-lightbox-img" src="" alt="Support QR Code" class="qr-lightbox-img">
-                    <p class="qr-lightbox-label" id="qr-lightbox-label">Tech Support</p>
+                    <p class="qr-lightbox-label" id="qr-lightbox-label" data-i18n="settings.brand.label.supportQr">Tech Support</p>
                     <p class="qr-lightbox-hint" data-i18n="settings.brand.label.qrHint">Scan with your phone camera</p>
                     <button class="qr-lightbox-close" id="qr-lightbox-close" aria-label="Close">
                       <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="18" y1="6" x2="6" y2="18"/><line x1="6" y1="6" x2="18" y2="18"/></svg>
@@ -1754,8 +1788,8 @@
           </div>
           <p class="setup-device-card-lead" data-i18n="onboard.device.card.lead">Sign up and get $1 free credit · no subscription · pay as you go</p>
           <ul class="setup-device-card-points">
-            <li data-i18n="onboard.device.card.point1">One key for all frontier models — Claude, Gemini, DeepSeek &amp; more</li>
-            <li data-i18n="onboard.device.card.point2">Same pricing as official APIs, switch models instantly</li>
+            <li data-i18n="onboard.device.card.point1">One key for all frontier models — Claude, GPT, DeepSeek &amp; more</li>
+            <li data-i18n="onboard.device.card.point2">Up to 70% off, switch models instantly</li>
           </ul>
           <button id="setup-btn-device-login" class="setup-submit-btn setup-device-btn">
             <span data-i18n="onboard.device.btn">Get started free</span>
@@ -1766,11 +1800,7 @@
         <!-- Pending state: shown while waiting for browser approval -->
         <div id="setup-device-pending" style="display:none">
           <div class="setup-device-spinner"></div>
-          <p class="setup-device-pending-text" data-i18n="onboard.device.pending">Waiting for confirmation in your browser…</p>
-          <p class="setup-device-code">
-            <span data-i18n="onboard.device.code">Verification code:</span>
-            <strong id="setup-device-usercode">—</strong>
-          </p>
+          <p class="setup-device-pending-text" data-i18n="onboard.device.pending">Finishing the connection in your browser…</p>
           <a id="setup-device-link" href="#" target="_blank" rel="noopener" class="setup-device-reopen"><span data-i18n="onboard.device.reopen">Open browser again</span><svg class="setup-btn-icon" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.25" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M5 12h14"/><path d="M13 6l6 6-6 6"/></svg></a>
           <button id="setup-device-cancel" class="setup-back-btn" data-i18n="onboard.device.cancel">Cancel</button>
         </div>