openclacky 1.2.9 → 1.2.10

data/lib/clacky/utils/model_pricing.rb

@@ -350,80 +350,104 @@ module Clacky
         cache:  { write: 0.30, read: 0.03 }
       },
 
+      # M3 (released 2026-06-01) is MiniMax's multimodal flagship. Official
+      # pricing is tiered by context length (≤512K vs 512K–1M); per the
+      # project's "displayed ≤ actual" convention we record only the lowest
+      # (≤512K) tier as a flat rate — the global TIERED_PRICING_THRESHOLD is
+      # 200K, so applying the 512K–1M rate to the 200K–512K band would over-
+      # charge. Listed at original (non-promotional) prices: input $0.60,
+      # output $2.40, cache read $0.12 per 1M tokens.
+      "minimax-m3" => {
+        input:  { default: 0.60, over_200k: 0.60 },
+        output: { default: 2.40, over_200k: 2.40 },
+        cache:  { write: 0.60, read: 0.12 }
+      },
+
       "minimax-m2.7" => {
         input:  { default: 0.30, over_200k: 0.30 },
         output: { default: 1.20, over_200k: 1.20 },
         cache:  { write: 0.30, read: 0.06 }
       },
 
-      # Qwen (Alibaba DashScope) — USD per 1M tokens, Singapore region list price.
-      # Source: Alibaba Cloud Model Studio international pricing.
-      # Cache convention (mirrors DeepSeek/Kimi/GLM "displayed ≤ actual"):
-      #   - DashScope has two cache modes; implicit is auto-on, explicit is opt-in.
-      #     Implicit: write @ 100% input, read @ 20% input (no setup, no guarantee)
-      #     Explicit: write @ 125% input, read @ 10% input (cache_control marker)
-      #   - We bill writes at the regular input rate (matches implicit, and avoids
-      #     surprising users with the explicit 25% surcharge).
-      #   - We bill reads at 20% (implicit rate) — the conservative side; users on
-      #     explicit caching will see real bills slightly *lower* than displayed.
+      # Qwen (Alibaba DashScope) - USD per 1M tokens, international (Singapore) list price.
+      # Source: Alibaba Cloud Model Studio international console per-model pages.
+      #
+      # Pricing convention:
+      #   - These rates are used for user-facing cost ESTIMATION, so we always use
+      #     the standard LIST price and intentionally ignore any limited-time promo
+      #     discounts. A promo lowers the user's actual bill, never raises it, so
+      #     estimating at list price keeps the estimate a safe upper bound and avoids
+      #     churn whenever a promo starts or ends.
+      #   - We record the model's LOWEST context tier (e.g. input<=256k / <=128k) as a
+      #     flat rate, since the global TIERED_PRICING_THRESHOLD is 200K and does not
+      #     match Qwen's per-model breakpoints.
+      #   - cache.write = official explicit-cache-create price.
+      #   - cache.read  = official explicit-cache-hit price.
+      #   - When a model has NO published explicit-cache price (e.g. qwen3.6-27b,
+      #     qwen-plus-latest), cache.write/read fall back to the input rate.
+      # qwen3.7-max: NOT tiered (single flat tier per Alibaba's definition).
+      #   List price: input 2.5, output 7.5, explicit write 3.125, explicit read 0.25.
       "qwen3.7-max" => {
-        input:  { default: 1.20, over_200k: 1.20 },
-        output: { default: 6.00, over_200k: 6.00 },
-        cache:  { write: 1.20, read: 0.24 }
+        input:  { default: 2.5, over_200k: 2.5 },
+        output: { default: 7.5, over_200k: 7.5 },
+        cache:  { write: 3.125, read: 0.25 }
       },
 
+      # qwen3.7-plus: list price (<=256k tier):
+      #   input 0.4, output 1.6, explicit write 0.5, explicit read 0.04.
       "qwen3.7-plus" => {
-        input:  { default: 0.40, over_200k: 0.40 },
-        output: { default: 2.40, over_200k: 2.40 },
-        cache:  { write: 0.40, read: 0.08 }
-      },
-
-      "qwen3.7-flash" => {
-        input:  { default: 0.15, over_200k: 0.15 },
-        output: { default: 0.90, over_200k: 0.90 },
-        cache:  { write: 0.15, read: 0.03 }
+        input:  { default: 0.4, over_200k: 0.4 },
+        output: { default: 1.6, over_200k: 1.6 },
+        cache:  { write: 0.5, read: 0.04 }
       },
 
+      # qwen3.6-plus: list price (<=256k tier). Official explicit-cache prices.
+      #   input 0.50, output 3.00, explicit write 0.625, explicit read 0.05
       "qwen3.6-plus" => {
-        input:  { default: 0.40, over_200k: 0.40 },
-        output: { default: 2.40, over_200k: 2.40 },
-        cache:  { write: 0.40, read: 0.08 }
+        input:  { default: 0.50, over_200k: 0.50 },
+        output: { default: 3.00, over_200k: 3.00 },
+        cache:  { write: 0.625, read: 0.05 }
       },
 
+      # qwen3.6-max (qwen3.6-max-preview): list price (<=128k tier).
+      #   input 1.30, output 7.80, explicit write 1.625, explicit read 0.13
       "qwen3.6-max" => {
-        input:  { default: 1.20, over_200k: 1.20 },
-        output: { default: 6.00, over_200k: 6.00 },
-        cache:  { write: 1.20, read: 0.24 }
+        input:  { default: 1.30, over_200k: 1.30 },
+        output: { default: 7.80, over_200k: 7.80 },
+        cache:  { write: 1.625, read: 0.13 }
       },
 
+      # qwen3.6-27b: list price, no explicit-cache pricing published.
+      #   Cache write/read fall back to the input rate (no cache discount).
       "qwen3.6-27b" => {
-        input:  { default: 0.20, over_200k: 0.20 },
-        output: { default: 0.80, over_200k: 0.80 },
-        cache:  { write: 0.20, read: 0.04 }
+        input:  { default: 0.60, over_200k: 0.60 },
+        output: { default: 3.60, over_200k: 3.60 },
+        cache:  { write: 0.60, read: 0.60 }
       },
 
+      # qwen3.6-flash: list price (<=256k tier).
+      #   input 0.25, output 1.50, explicit write 0.3125, explicit read 0.025
       "qwen3.6-flash" => {
-        input:  { default: 0.15, over_200k: 0.15 },
-        output: { default: 0.90, over_200k: 0.90 },
-        cache:  { write: 0.15, read: 0.03 }
+        input:  { default: 0.25, over_200k: 0.25 },
+        output: { default: 1.50, over_200k: 1.50 },
+        cache:  { write: 0.3125, read: 0.025 }
       },
 
+      # qwen-plus-latest: list price (<=256k tier), no explicit-cache pricing.
+      #   Cache write/read fall back to the input rate (no cache discount).
       "qwen-plus-latest" => {
         input:  { default: 0.40, over_200k: 0.40 },
         output: { default: 1.20, over_200k: 1.20 },
-        cache:  { write: 0.40, read: 0.08 }
-      },
-
-      "qwen-vl-plus" => {
-        input:  { default: 0.14, over_200k: 0.14 },
-        output: { default: 0.41, over_200k: 0.41 },
-        cache:  { write: 0.14, read: 0.028 }
+        cache:  { write: 0.40, read: 0.40 }
       },
 
-      "qwen-vl-max" => {
-        input:  { default: 0.52, over_200k: 0.52 },
-        output: { default: 2.08, over_200k: 2.08 },
-        cache:  { write: 0.52, read: 0.104 }
+      # qwen3-vl-plus: replaces the retiring qwen-vl-plus. List price
+      #   (128k<input<=256k tier). input 0.60, output 4.80,
+      #   explicit write 0.75, explicit read 0.06.
+      "qwen3-vl-plus" => {
+        input:  { default: 0.60, over_200k: 0.60 },
+        output: { default: 4.80, over_200k: 4.80 },
+        cache:  { write: 0.75, read: 0.06 }
       },
 
     }.freeze
@@ -583,6 +607,8 @@ module Clacky
           "glm-4.7"
         # MiniMax — model ids in providers.rb use capitalised "MiniMax-M2.x"
         # but we match case-insensitively and map to the lowercased table key.
+        when /^minimax-m3$/i
+          "minimax-m3"
         when /^minimax-m2\.5$/i
           "minimax-m2.5"
         when /^minimax-m2\.7$/i
@@ -591,14 +617,12 @@ module Clacky
         # Qwen (Alibaba DashScope) — strict anchored match per registered
         # model id in providers.rb. qwen3.7-* is the latest flagship line;
         # qwen3.6-* are the previous generation; qwen-plus-latest is the
-        # rolling alias for the latest Qwen-Plus release; qwen-vl-* are
-        # the multimodal SKUs.
+        # rolling alias for the latest Qwen-Plus release; qwen3-vl-plus is
+        # the multimodal SKU (replaces the retired qwen-vl-plus/max).
         when /^qwen3\.7-max$/i
           "qwen3.7-max"
         when /^qwen3\.7-plus$/i
           "qwen3.7-plus"
-        when /^qwen3\.7-flash$/i
-          "qwen3.7-flash"
         when /^qwen3\.6-plus$/i
           "qwen3.6-plus"
         when /^qwen3\.6-max$/i
@@ -609,10 +633,8 @@ module Clacky
           "qwen3.6-flash"
         when /^qwen-plus-latest$/i
           "qwen-plus-latest"
-        when /^qwen-vl-plus$/i
-          "qwen-vl-plus"
-        when /^qwen-vl-max$/i
-          "qwen-vl-max"
+        when /^qwen3-vl-plus$/i
+          "qwen3-vl-plus"
 
         # OpenAI GPT-5.x models — match various dashed/dotted/compact forms
         # (e.g. "gpt-5.5", "gpt-5-5", "gpt5.5", "gpt55")

data/lib/clacky/version.rb

@@ -1,5 +1,5 @@
 # frozen_string_literal: true
 
 module Clacky
-  VERSION = "1.2.9"
+  VERSION = "1.2.10"
 end

data/lib/clacky/web/app.css

@@ -4108,6 +4108,175 @@ body {
   border-color: var(--color-border-secondary);
 }
 
+/* ── Directory Picker Modal (tree-based) ─────────────────────────────────── */
+.modal-title {
+  padding: 1rem 1.25rem;
+  border-bottom: 1px solid var(--color-border-primary);
+  font-size: 1.0625rem;
+  font-weight: 600;
+  color: var(--color-text-primary);
+}
+.modal-buttons {
+  display: flex;
+  align-items: center;
+  justify-content: flex-end;
+  gap: 0.625rem;
+  padding: 1rem 1.25rem;
+  border-top: 1px solid var(--color-border-primary);
+}
+.dir-picker-input {
+  width: 100%;
+  padding: 0.5rem 0.75rem;
+  border: 1px solid var(--color-border-primary);
+  border-radius: 6px;
+  background: var(--color-bg-primary);
+  color: var(--color-text-primary);
+  font-size: 0.875rem;
+  font-family: var(--font-mono, monospace);
+  transition: border-color 0.15s;
+  box-sizing: border-box;
+}.dir-picker-input:focus {
+  outline: none;
+  border-color: var(--color-accent);
+}
+.dir-picker-input::placeholder {
+  color: var(--color-text-tertiary);
+}
+/* Preset buttons row */
+.dp-presets {
+  display: flex;
+  gap: 0.5rem;
+  flex-wrap: wrap;
+}
+.dp-presets .btn-sm {
+  padding: 0.25rem 0.625rem;
+  font-size: 0.75rem;
+}
+/* Path input container */
+.dp-path-container {
+  flex-shrink: 0;
+  position: relative;
+}/* Autocomplete dropdown */
+.dp-autocomplete {
+  position: absolute;
+  top: 100%;
+  left: 0;
+  right: 0;
+  z-index: 10;
+  max-height: 200px;
+  overflow-y: auto;
+  background: var(--color-bg-primary);
+  border: 1px solid var(--color-border-primary);
+  border-top: none;
+  border-radius: 0 0 6px 6px;
+  box-shadow: 0 4px 12px rgba(0,0,0,0.15);
+}
+.dp-ac-item {
+  display: flex;
+  align-items: center;
+  gap: 0.5rem;
+  padding: 0.4rem 0.75rem;
+  cursor: pointer;
+  font-size: 0.8125rem;
+  color: var(--color-text-primary);
+  transition: background 0.1s;
+}
+.dp-ac-item:hover,
+.dp-ac-item.active {
+  background: var(--color-bg-hover);
+}
+.dp-ac-icon {
+  display: inline-flex;
+  align-items: center;
+  flex-shrink: 0;
+  color: var(--color-text-secondary);
+}
+.dp-ac-name {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+/* Tree container */
+.dp-tree {
+  border: 1px solid var(--color-border-primary);
+  border-radius: 6px;
+  background: var(--color-bg-secondary);
+  min-height: 200px;
+  max-height: 340px;
+  overflow: auto;
+  font-size: 0.8125rem;
+}
+/* Tree node */
+.dp-node {
+  user-select: none;
+}
+.dp-row {
+  display: flex;
+  align-items: center;
+  gap: 0.375rem;
+  padding: 0.375rem 0.5rem;
+  cursor: pointer;
+  border-radius: 4px;
+  transition: background 0.1s;
+}
+.dp-row:hover {
+  background: var(--color-bg-hover);
+}
+.dp-row.selected {
+  background: var(--color-accent-subtle, rgba(59, 130, 246, 0.12));
+}
+.dp-row.selected .dp-name {
+  color: var(--color-accent);
+  font-weight: 500;
+}
+/* Caret */
+.dp-caret {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 16px;
+  height: 16px;
+  flex-shrink: 0;
+  color: var(--color-text-tertiary);
+  transition: transform 0.15s;
+}
+.dp-caret.open {
+  transform: rotate(90deg);
+}
+/* Folder icon */
+.dp-icon {
+  display: inline-flex;
+  align-items: center;
+  flex-shrink: 0;
+  color: var(--color-text-secondary);
+}
+.dp-row.selected .dp-icon {
+  color: var(--color-accent);
+}
+/* Name */
+.dp-name {
+  flex: 1;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  color: var(--color-text-primary);
+}
+/* Children container */
+.dp-children {
+  display: flex;
+  flex-direction: column;
+}/* Loading / empty / error states */
+.dp-loading,
+.dp-empty,
+.dp-error {
+  padding: 0.5rem 1rem;
+  color: var(--color-text-tertiary);
+  font-size: 0.75rem;
+  font-style: italic;
+}
+.dp-error {
+  color: var(--color-text-danger, #ef4444);
+}
 /* Model name combobox */
 .model-name-combobox {
   position: relative;
@@ -9069,11 +9238,14 @@ body.setup-mode[data-theme="dark"] {
 .tooltip-date {
   font-weight: 600;
   color: var(--color-text-primary);
+  white-space: nowrap;
 }
-.tooltip-total {
+.tooltip-total-value {
   font-size: 0.875rem;
   color: var(--color-accent);
-  font-weight: 500;
+  font-weight: 600;
+  white-space: nowrap;
+  margin-left: 0.75rem;
 }
 .tooltip-row {
   display: flex;
@@ -9571,6 +9743,53 @@ body.setup-mode[data-theme="dark"] {
   color: var(--color-text-secondary);
   font-weight: 500;
 }
+.settings-exchange-rate-refresh {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  gap: 0.35rem;
+  min-height: 34px;
+  padding: 0.45rem 0.8rem;
+  border: 1px solid color-mix(in srgb, var(--color-accent-primary) 28%, var(--color-border));
+  border-radius: 999px;
+  background: color-mix(in srgb, var(--color-accent-primary) 8%, var(--color-bg-secondary));
+  color: var(--color-accent-primary);
+  font-size: 0.8125rem;
+  font-weight: 600;
+  line-height: 1;
+  white-space: nowrap;
+  cursor: pointer;
+  transition: background 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, transform 0.15s ease;
+}
+.settings-exchange-rate-refresh svg {
+  flex: 0 0 auto;
+}
+.settings-exchange-rate-refresh:hover:not(:disabled) {
+  border-color: color-mix(in srgb, var(--color-accent-primary) 52%, var(--color-border));
+  background: color-mix(in srgb, var(--color-accent-primary) 12%, var(--color-bg-secondary));
+  box-shadow: 0 4px 12px color-mix(in srgb, var(--color-accent-primary) 16%, transparent);
+  transform: translateY(-1px);
+}
+.settings-exchange-rate-refresh:active:not(:disabled) {
+  transform: translateY(0);
+}
+.settings-exchange-rate-refresh:disabled {
+  opacity: 0.6;
+  cursor: not-allowed;
+  transform: none;
+}
+.settings-exchange-rate-status {
+  min-height: 1.1rem;
+  margin-top: 0.4rem;
+  font-size: 0.8125rem;
+  color: var(--color-text-secondary);
+}
+.settings-exchange-rate-status.success {
+  color: var(--color-success, #2e7d32);
+}
+.settings-exchange-rate-status.error {
+  color: var(--color-error, #d33);
+}
 
 /* ── Sessions List ───────────────────────────────────────────────────── */
 .billing-sessions-row {

data/lib/clacky/web/billing.js

@@ -226,7 +226,7 @@ const Billing = (() => {
       tooltip.innerHTML = `
         <div class="tooltip-header">
           <span class="tooltip-date">${date}</span>
-          <span class="tooltip-total">${total} tokens</span>
+          <span class="tooltip-total-value">${total} tokens</span>
         </div>
         <div class="tooltip-row">
           <span class="tooltip-dot tooltip-total"></span>

data/lib/clacky/web/i18n.js

@@ -80,8 +80,16 @@ const I18n = (() => {
       "sessions.actions.download":     "Download session files",
       "sessions.actions.downloadHint": "for debugging",
       "sib.dir.tooltip":         "Click to change directory",
-      "sib.dir.changePrompt":    "Change working directory:",
-      "workspace.title":         "Workspace",
+      "sib.dir.changePrompt":    "Change working directory",
+      "sib.dir.home":            "Home",
+      "sib.dir.root":            "Root",
+      "sib.dir.default":         "Default workspace",
+      "sib.dir.current":         "Current workspace",      "sib.dir.inputPlaceholder": "Type or select a directory path",
+      "sib.dir.loading":         "Loading…",
+      "sib.dir.empty":           "Empty directory",
+      "sib.dir.loadError":       "Failed to load",
+      "sib.dir.confirm":         "Confirm",
+      "sib.dir.cancel":          "Cancel",      "workspace.title":         "Workspace",
       "workspace.expand":        "Open workspace",
       "workspace.collapse":      "Collapse workspace",
       "workspace.refresh":       "Refresh",
@@ -624,6 +632,10 @@ const I18n = (() => {
       "settings.currency.usd":             "$ USD",
       "settings.currency.cny":             "¥ CNY",
       "settings.currency.exchangeRate":    "Exchange Rate (1 USD =)",
+      "settings.currency.updateLatest":    "Update latest",
+      "settings.currency.updating":        "Updating…",
+      "settings.currency.updated":         "Updated from {{source}} on {{date}}",
+      "settings.currency.updateFailed":    "Failed to fetch the latest rate. You can still enter it manually.",
 
       // ── Onboard ──
       "onboard.title":              "Welcome to {{brand}}",
@@ -800,8 +812,16 @@ const I18n = (() => {
       "sessions.actions.download":     "下载会话文件",
       "sessions.actions.downloadHint": "用于调试",
       "sib.dir.tooltip":         "点击切换工作目录",
-      "sib.dir.changePrompt":    "切换工作目录：",
-      "workspace.title":         "工作区",
+      "sib.dir.changePrompt":    "切换工作目录",
+      "sib.dir.home":            "主目录",
+      "sib.dir.root":            "根目录",
+      "sib.dir.default":         "默认工作目录",
+      "sib.dir.current":         "当前工作目录",      "sib.dir.inputPlaceholder": "输入或选择目录路径",
+      "sib.dir.loading":         "加载中…",
+      "sib.dir.empty":           "空目录",
+      "sib.dir.loadError":       "加载失败",
+      "sib.dir.confirm":         "确认",
+      "sib.dir.cancel":          "取消",      "workspace.title":         "工作区",
       "workspace.expand":        "打开工作区",
       "workspace.collapse":      "收起工作区",
       "workspace.refresh":       "刷新",
@@ -1343,6 +1363,10 @@ const I18n = (() => {
       "settings.currency.usd":             "$ 美元",
       "settings.currency.cny":             "¥ 人民币",
       "settings.currency.exchangeRate":    "汇率 (1 美元 =)",
+      "settings.currency.updateLatest":    "获取最新汇率",
+      "settings.currency.updating":        "获取中…",
+      "settings.currency.updated":         "已从 {{source}} 更新，日期 {{date}}",
+      "settings.currency.updateFailed":    "获取最新汇率失败，仍可手动输入。",
 
       // ── Onboard ──
       "onboard.title":              "欢迎使用 {{brand}}",

data/lib/clacky/web/index.html

@@ -384,7 +384,7 @@
         <div id="image-preview-strip" style="display:none"></div>
         <div id="input-bar">
           <!-- Hidden file picker -->
-          <input type="file" id="image-file-input" accept="image/png,image/jpeg,image/gif,image/webp,*/*" multiple style="display:none">
+          <input type="file" id="image-file-input" accept="*/*" multiple style="display:none">
           <button id="btn-attach" title="Attach file (image, pdf, docx, md, tar.gz…) — drag & drop / Ctrl+V also work">
             <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">
               <path d="M21.44 11.05l-9.19 9.19a6 6 0 0 1-8.49-8.49l9.19-9.19a4 4 0 0 1 5.66 5.66L9.41 17.41a2 2 0 0 1-2.83-2.83l8.49-8.48"/>
@@ -824,7 +824,15 @@
                 <div class="settings-exchange-rate-input-wrapper">
                   <input type="number" id="settings-exchange-rate" class="settings-exchange-rate-input" step="0.0001" min="0.0001" placeholder="6.7944">
                   <span class="settings-exchange-rate-unit">CNY</span>
+                  <button type="button" id="btn-update-exchange-rate" class="settings-exchange-rate-refresh">
+                    <svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
+                      <path d="M21 2v6h-6"/><path d="M3 12a9 9 0 0 1 15-6.7L21 8"/>
+                      <path d="M3 22v-6h6"/><path d="M21 12a9 9 0 0 1-15 6.7L3 16"/>
+                    </svg>
+                    <span data-i18n="settings.currency.updateLatest">Update latest</span>
+                  </button>
                 </div>
+                <div id="settings-exchange-rate-status" class="settings-exchange-rate-status"></div>
               </label>
             </div>
           </section>