openclacky 1.5.2 → 1.5.3

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: bb5f68cdd24e5d619fa22b79c643953e6c00f54400d7e89d95a9c99373328a55
-  data.tar.gz: 5bc17c114482d78e13d59d5f6b194caffbf9456015bce6082d3bbc63bdf951a2
+  metadata.gz: 04d2d81c4aaa380d4600066802c78e1137bdad1cb16c3e5e47e32e69ede15da6
+  data.tar.gz: 9a332e0305e96bae97799ce707ef492b24735e33ef8da70a390c06a10ac11ab4
 SHA512:
-  metadata.gz: 55044dd2a193d5ed5e0b64aefee284fec18cb036369482d55936e7c3c01d8740aecee16e0ca75f1e5d1cc643a4d70d66005f1f5eb61d3bfc02a6152ef3b4155d
-  data.tar.gz: 86de30d32d826921245ea60abd5229665eb82445b68f68e6a68f90b519d4b0dd900b077a738c82b65a1d78a3bc974b3d938986445e9149f074b94095ead044c9
+  metadata.gz: 435b6c1bd6aac4c2916cf172e5d46dece9a5707d1b18119d4744d29293c1f7b8fb112709718d24b8b9b3a871bfa228294a282525d9b6f7ed14550b89eaaa2793
+  data.tar.gz: 90599042f3d933db9b7681c33d539937585cd85542d635696ea159056aa47dbe34f86971bd1db6541c4dee28ee73c66e8f4648d91d8f3b1897b179ce9a2b00fc

data/CHANGELOG.md

@@ -4,6 +4,30 @@ All notable changes to this project will be documented in this file.
 
 The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
 
+## [1.5.3] - 2026-07-28
+
+### Added
+- Per-model max output token limits (MODEL_MAX_OUTPUT) applied automatically when sending requests
+- GLM-5.2 added to preset model lineup with pricing table
+- MiMo-V2.5 thinking mode support with max_completion_tokens
+- reasoning_effort mapped to GLM thinking mode and Kimi-K3 thinking levels
+- File-tree save support added to CodeEditor with markdown split-preview panel
+- Unlisted badge and source=brand routing for brand-private extensions
+
+### Improved
+- Markdown preview styles refined: hr, inline images, tables, modal sizing
+- OpenAI client refactored with token_field_for and apply_reasoning_params helpers
+
+### Fixed
+- URL fallback state (base URL) now resets correctly when switching models in quick switch
+- Kimi K3 now uses correct thinking:{type:'enabled'} format for Anthropic client
+- MiMo preset aligned with V2.5 lineup and Token Plan endpoint
+- ext-studio sessions no longer incorrectly tagged as setup sessions (C-5722)
+- localhost URLs no longer trigger OpenClacky failover (find_by_base_url guard)
+- API key toggle icon default and click states corrected
+- Share button on billing page now uses SVG icon instead of emoji
+- Share button hover border color uses accent-primary token
+
 ## [1.5.2] - 2026-07-27
 
 ### Added

data/lib/clacky/agent_config.rb

@@ -476,7 +476,13 @@ module Clacky
       @current_model_id = id
       @current_model_index = index
 
-      @session_model_overlay = nil if previous_id != id
+      if previous_id != id
+        @session_model_overlay = nil
+        # Reset URL fallback when switching models — the new model has its own
+        # base_url and the old fallback endpoint is irrelevant (or even wrong).
+        @url_fallback_active = false
+        @url_fallback_base_url = nil
+      end
 
       true
     end
@@ -492,9 +498,16 @@ module Clacky
       index = @models.find_index { |m| m["model"].to_s.downcase == name_str }
       return false if index.nil?
 
+      previous_id = @current_model_id
       @current_model_id = @models[index]["id"]
       @current_model_index = index
 
+      if previous_id != @current_model_id
+        # Reset URL fallback when switching models — same rationale as switch_model_by_id.
+        @url_fallback_active = false
+        @url_fallback_base_url = nil
+      end
+
       true
     end
 
@@ -1061,19 +1074,34 @@ module Clacky
     # probe or reset it automatically, keeping the logic simple.
 
     # Look up the fallback base URL for the current model's provider.
-    # Returns nil if the provider has no secondary gateway configured.
+    # Returns nil if:
+    #   - provider cannot be determined
+    #   - provider is not openclacky (URL failover is only supported for the
+    #     OpenClacky gateway; other providers have no secondary endpoint)
+    #   - current base_url is already the fallback URL (user picked the
+    #     Secondary/China node directly — switching to the same URL does nothing)
     # @return [String, nil]
     def fallback_base_url_for_current_provider
       m = current_model
       return nil unless m
 
-      provider_id = Clacky::Providers.resolve_provider(
-        base_url: m["base_url"],
-        api_key:  m["api_key"]
-      )
-      return nil unless provider_id
+      # Use strict URL matching to identify the provider — no inference.
+      # resolve_provider would incorrectly return "openclacky" for localhost
+      # addresses and clacky-* api keys, triggering unwanted failover.
+      # find_by_base_url only matches registered preset URLs, so localhost
+      # and other non-openclacky endpoints correctly return nil.
+      provider_id = Clacky::Providers.find_by_base_url(m["base_url"])
+      return nil unless provider_id == "openclacky"
+
+      fallback_url = Clacky::Providers.fallback_base_url(provider_id)
+      return nil unless fallback_url
+
+      # Don't offer a fallback when the current base_url is already the
+      # fallback endpoint — switching to the same URL accomplishes nothing.
+      current_base = m["base_url"].to_s.chomp("/")
+      return nil if current_base == fallback_url.to_s.chomp("/")
 
-      Clacky::Providers.fallback_base_url(provider_id)
+      fallback_url
     end
 
     # Activate the URL fallback: override base_url with the secondary gateway.

data/lib/clacky/client.rb

@@ -337,6 +337,13 @@ module Clacky
     # ── OpenAI request / response ─────────────────────────────────────────────
 
     def send_openai_request(messages, model, tools, max_tokens, caching_enabled, reasoning_effort: nil, on_chunk: nil, capability_model: nil)
+      # Override max_tokens when the model declares a higher output ceiling
+      # in Providers::MODEL_MAX_OUTPUT. Without this, strong models (GLM-5.2,
+      # Kimi-K3, MiMo-V2.5) are throttled to the 16K global default.
+      model_for_limit = capability_model || model
+      model_limit = Providers.max_output_for(model_for_limit)
+      max_tokens = model_limit if model_limit
+
       # Apply cache_control markers to messages when caching is enabled.
       # OpenRouter proxies Claude with the same cache_control field convention as Anthropic direct.
       messages = apply_message_caching(messages) if caching_enabled

data/lib/clacky/default_extensions/ext-studio/api/handler.rb

@@ -362,7 +362,7 @@ class ExtStudioExt < Clacky::ApiExtension
   post "/develop" do
     idea = presence(json_body["idea"])
     name = idea ? "扩展开发: #{idea[0, 40]}" : "扩展开发"
-    sid  = create_session(name: name, prompt: idea, profile: "ext-developer", source: :setup)
+    sid  = create_session(name: name, prompt: idea, profile: "ext-developer")
     json(ok: true, session_id: sid)
   end
 

data/lib/clacky/default_extensions/ext-studio/panels/studio/view.js

@@ -1957,7 +1957,7 @@
     .studio-form-status { font-size: 12px; color: var(--color-text-tertiary); }
     .studio-btn-sm { padding: 4px 10px; font-size: 12px; }
     .studio-readme-overlay { align-items: center; justify-content: center; }
-    .studio-readme-modal { width: min(1200px, calc(100vw - 48px)); height: calc(100vh - 80px); max-width: calc(100vw - 48px); border-radius: var(--radius-md, 8px); margin: 0; padding: 24px 28px 20px; display: flex; flex-direction: column; }
+    .studio-readme-modal { max-width: 1280px; width: 98%; height: 90vh; max-height: 960px; border-radius: var(--radius-md, 8px); margin: 0; padding: 24px 28px 20px; display: flex; flex-direction: column; }
     .studio-readme-modal .studio-modal-title { margin-bottom: 16px; flex-shrink: 0; }
     .studio-readme-split { display: flex; gap: 14px; flex: 1; min-height: 0; margin-bottom: 18px; }
     .studio-readme-pane { flex: 1; display: flex; flex-direction: column; min-width: 0; }
@@ -1965,13 +1965,20 @@
     .studio-readme-textarea { flex: 1; resize: none; font-family: monospace; font-size: 12.5px; line-height: 1.65; border-radius: var(--radius-sm); }
     .studio-readme-preview { flex: 1; overflow-y: auto; overflow-x: hidden; border: 1px solid var(--color-border-primary); border-radius: var(--radius-sm); padding: 12px 16px; background: var(--color-bg-secondary); font-size: 13px; line-height: 1.75; }
     .studio-readme-preview > *:first-child { margin-top: 0; }
-    .studio-readme-preview img { max-width: 100%; height: auto; display: block; border-radius: var(--radius-sm); }
     .studio-readme-screenshots { border-top: 1px solid var(--color-border-primary); padding-top: 14px; margin-bottom: 6px; }
     .studio-readme-screenshots-row { display: flex; align-items: center; gap: 10px; }
     .studio-readme-screenshots-hint { font-size: 11px; color: var(--color-text-muted); }
     .studio-readme-card { margin-top: 8px; }
     .studio-readme-card-preview { max-height: 200px; overflow-y: auto; font-size: 13px; }
-    .extension-readme-body img { max-width: min(800px, 100%); height: auto; }
+    .extension-readme-body img { max-width: min(800px, 100%); height: auto; display: inline; vertical-align: middle; }
+    .studio-readme-preview img { max-width: 100%; height: auto; display: inline; vertical-align: middle; }
+    .studio-readme-preview hr, .extension-readme-body hr { border: none; border-top: 1px solid var(--color-border-primary); margin: 1.25em 0; }
+    .studio-readme-preview table, .extension-readme-body table { border-collapse: collapse; width: 100%; margin: 0.75em 0; font-size: 0.8125rem; }
+    .studio-readme-preview th, .studio-readme-preview td, .extension-readme-body th, .extension-readme-body td { border: 1px solid var(--color-border-primary); padding: 0.375em 0.75em; text-align: left; }
+    .studio-readme-preview th, .extension-readme-body th { background: rgba(128,128,128,0.15); font-weight: 600; }
+    .studio-readme-preview pre, .extension-readme-body pre { background: rgba(128,128,128,0.15); border-radius: 6px; padding: 0.75em 1em; overflow-x: auto; margin: 0.625em 0; }
+    .studio-readme-preview code, .extension-readme-body code { font-family: monospace; font-size: 0.8125em; background: rgba(128,128,128,0.15); border-radius: 4px; padding: 0.15em 0.4em; }
+    .studio-readme-preview pre code, .extension-readme-body pre code { background: none; padding: 0; }
     .studio-link-btn { background: none; border: none; padding: 0; font-size: 12px; color: var(--color-accent-primary); cursor: pointer; text-decoration: underline; text-underline-offset: 2px; }
     .studio-link-btn:hover { color: var(--color-accent-hover); }
   `;

data/lib/clacky/message_format/anthropic.rb

@@ -77,7 +77,33 @@ module Clacky
         body[:system] = system_text unless system_text.empty?
         body[:tools]  = api_tools   if api_tools&.any?
 
-        if (effort = normalized_effort(reasoning_effort))
+        # Kimi (Moonshot Coding Plan) models routed through the Anthropic
+        # /v1/messages format expect thinking:{type:"enabled"} — the native
+        # Anthropic "adaptive" type is Claude-specific and is silently ignored
+        # by the Kimi backend, so thinking never actually activates on K3.
+        #
+        # K3 additionally supports a "max" effort level (strongest reasoning)
+        # beyond the standard low/medium/high triple. The generic
+        # normalized_effort() helper drops "max" because it only whitelists
+        # the standard three levels, making K3's signature strongest-reasoning
+        # mode unreachable through this format adapter.
+        #
+        # This branch only changes K3's wire format; every other model keeps
+        # using the adaptive path below unchanged. When reasoning_effort is
+        # nil/empty we leave the body untouched (provider default), and we
+        # never emit output_config for "on" so the backend can pick its own
+        # default — both behaviours match the official kimi CLI.
+        if model.to_s.match?(/\A(kimi-)?k3/i)
+          effort_str = reasoning_effort.to_s
+          k3_effort =
+            case effort_str
+            when "max", "xhigh"              then "max"
+            when "high", "medium", "low"     then effort_str
+            else                                  nil
+            end
+          body[:thinking] = { type: "enabled" }
+          body[:output_config] = { effort: k3_effort } if k3_effort
+        elsif (effort = normalized_effort(reasoning_effort))
           body[:thinking] = { type: "adaptive" }
           body[:output_config] = { effort: effort }
         end

data/lib/clacky/message_format/open_ai.rb

@@ -47,7 +47,7 @@ module Clacky
       def build_request_body(messages, model, tools, max_tokens, caching_enabled, vision_supported: true, reasoning_effort: nil)
         api_messages = messages.map { |msg| normalize_message_content(msg, vision_supported: vision_supported) }
 
-        body = { model: model, max_tokens: max_tokens, messages: api_messages }
+        body = { model: model, token_field_for(model) => max_tokens, messages: api_messages }
 
         if tools&.any?
           if caching_enabled
@@ -59,9 +59,7 @@ module Clacky
           end
         end
 
-        if reasoning_effort && !reasoning_effort.to_s.empty?
-          body[:reasoning_effort] = reasoning_effort.to_s
-        end
+        apply_reasoning_params(body, model, reasoning_effort)
 
         body
       end
@@ -196,6 +194,73 @@ module Clacky
 
       # ── Private helpers ───────────────────────────────────────────────────────
 
+      # Returns the token-limit field name for the given model.
+      # Most OpenAI-compatible APIs use :max_tokens; MiMo-V2.5 (Xiaomi) uses
+      # :max_completion_tokens to cap the combined thinking + answer length.
+      private_class_method def self.token_field_for(model)
+        model.to_s.match?(/^mimo-v2/i) ? :max_completion_tokens : :max_tokens
+      end
+
+      # Apply model-specific reasoning / thinking parameters to the request body.
+      #
+      # Different model families expose extended reasoning through different API
+      # fields. We map the shared internal reasoning_effort value to each
+      # family's native parameters in-place.
+      #
+      # Zero side-effects: when reasoning_effort is nil/empty the body is
+      # unchanged, preserving the provider default for all models.
+      private_class_method def self.apply_reasoning_params(body, model, reasoning_effort)
+        effort_str = reasoning_effort.to_s
+
+        if model.to_s.match?(/^glm-[45]/i)
+          # GLM (Zhipu / Z.ai) supports a native top-level "thinking" field
+          # ({type: "enabled"|"disabled"}) plus a restricted reasoning_effort
+          # that only accepts "max" or "high". Other effort levels collapse
+          # to "high". Send both fields so GLM activates thinking correctly.
+          if %w[off nothink disabled].include?(effort_str)
+            body[:thinking] = { type: "disabled" }
+          elsif !effort_str.empty?
+            glm_effort =
+              case effort_str
+              when "max", "xhigh" then "max"
+              when "high"          then "high"
+              when "medium", "low" then "high"   # GLM collapses these to "high"
+              else                      "max"
+              end
+            body[:thinking] = { type: "enabled" }
+            body[:reasoning_effort] = glm_effort
+          end
+        elsif model.to_s.match?(/^kimi-k3/i)
+          # Kimi K3 reasoning_effort only accepts low/high/max (default max).
+          # Thinking is always enabled and cannot be turned off; "off" maps
+          # to the lowest intensity "low". Unsupported effort levels (medium,
+          # xhigh) would be rejected or ignored by the server.
+          if %w[off nothink disabled].include?(effort_str)
+            body[:reasoning_effort] = "low"
+          elsif !effort_str.empty?
+            body[:reasoning_effort] =
+              case effort_str
+              when "max", "xhigh"  then "max"
+              when "high"          then "high"
+              when "medium", "low" then "low"
+              else                      "max"
+              end
+          end
+        elsif model.to_s.match?(/^mimo-v2/i)
+          # MiMo-V2.5 (Xiaomi) controls reasoning via a top-level
+          # thinking:{type:...} field rather than reasoning_effort. Map the
+          # internal reasoning_effort value to thinking on/off so MiMo does
+          # not receive an unsupported parameter.
+          if %w[off nothink disabled].include?(effort_str)
+            body[:thinking] = { type: "disabled" }
+          elsif !effort_str.empty?
+            body[:thinking] = { type: "enabled" }
+          end
+        elsif reasoning_effort && !effort_str.empty?
+          body[:reasoning_effort] = effort_str
+        end
+      end
+
       private_class_method def self.parse_tool_calls(raw)
         return nil if raw.nil? || raw.empty?
 

data/lib/clacky/providers.rb

@@ -348,13 +348,30 @@ module Clacky
         "base_url" => "https://api.xiaomimimo.com/v1",
         "api" => "openai-completions",
         "default_model" => "mimo-v2.5-pro",
-        "models" => ["mimo-v2.5-pro", "mimo-v2-pro", "mimo-v2-omni"],
-        # MiMo-V2-Pro is text-only; MiMo-V2-Omni supports vision (omni = multimodal).
+        # The MiMo-V2 family (mimo-v2-pro / mimo-v2-omni) was retired on
+        # 2026-06-30 and the model ids are no longer accepted by the API. The
+        # current lineup is the V2.5 series:
+        #   - mimo-v2.5-pro: text reasoning flagship, no vision
+        #   - mimo-v2.5: native omni-modal (image/video/audio/text), vision-capable
+        # Source: https://platform.xiaomimimo.com/docs/zh-CN/model
+        "models" => ["mimo-v2.5-pro", "mimo-v2.5"],
         "capabilities" => { "vision" => false }.freeze,
         "model_capabilities" => {
-          "mimo-v2-omni" => { "vision" => true }.freeze
+          "mimo-v2.5" => { "vision" => true }.freeze
         }.freeze,
-        "default_ocr_model" => "mimo-v2-omni",
+        "default_ocr_model" => "mimo-v2.5",
+        # Xiaomi serves the same V2.5 lineup from two billing endpoints: the
+        # pay-as-you-go API (api.xiaomimimo.com) and the Token Plan subscription
+        # endpoint (token-plan-cn.xiaomimimo.com). Both accept identical model
+        # ids and share one capability profile, so a single preset with
+        # endpoint_variants recognises both. Without this, users on the Token
+        # Plan endpoint fell through to "unknown provider" and the conservative
+        # vision=true default applied to every model — sending images to the
+        # text-only mimo-v2.5-pro, which rejects image input.
+        "endpoint_variants" => [
+          { "label" => "Pay-as-you-go", "label_key" => "settings.models.baseurl.variant.mimo_payg",        "base_url" => "https://api.xiaomimimo.com/v1",          "region" => "cn" }.freeze,
+          { "label" => "Token Plan",    "label_key" => "settings.models.baseurl.variant.mimo_token_plan", "base_url" => "https://token-plan-cn.xiaomimimo.com/v1", "region" => "cn" }.freeze
+        ].freeze,
         "website_url" => "https://platform.xiaomimimo.com/"
       }.freeze,
 
@@ -362,8 +379,8 @@ module Clacky
         "name" => "GLM (Z.ai / Zhipu)",
         "base_url" => "https://open.bigmodel.cn/api/paas/v4",
         "api" => "openai-completions",
-        "default_model" => "glm-5.1",
-        "models" => ["glm-5.1", "glm-5", "glm-5-turbo", "glm-5v-turbo", "glm-4.7"],
+        "default_model" => "glm-5.2",
+        "models" => ["glm-5.2", "glm-5.1", "glm-5", "glm-5-turbo", "glm-5v-turbo", "glm-4.7"],
         # Zhipu / Z.ai expose four functionally-equivalent endpoints:
         # two regional sites (mainland open.bigmodel.cn + international api.z.ai)
         # each with a general-billing and a Coding-Plan subpath. They share the
@@ -520,6 +537,22 @@ module Clacky
 
     MEDIA_KINDS = %w[image video audio stt video_understanding].freeze
 
+    # Per-model maximum output token limits.
+    #
+    # The Agent global default (@max_tokens = 16_384) is tuned for the lowest
+    # common denominator. Strong reasoning models (GLM-5.2, Kimi-K3, MiMo-V2.5)
+    # support 64K–128K output but are artificially throttled to 16K, causing
+    # truncation on long reasoning chains and code generation.
+    #
+    # Entries are matched top-to-bottom; the first match wins. Models not
+    # listed here fall back to the global default.
+    MODEL_MAX_OUTPUT = [
+      { pattern: /glm/i,           limit: 65_536 }, # GLM-5.2: 128K output ceiling; 64K ample for reasoning+answer
+      { pattern: /kimi-k3/i,       limit: 65_536 }, # Kimi K3: max_completion_tokens=131072 (max 1M); 64K ample
+      { pattern: /mimo-v2\.5-pro/i, limit: 65_536 }, # MiMo-V2.5-Pro: max_completion_tokens=131072; 64K ample
+      { pattern: /mimo/i,           limit: 32_768 }  # MiMo-V2.5: max_completion_tokens=32768; full default ceiling
+    ].freeze
+
     class << self
       # Check if a provider preset exists
       # @param provider_id [String] The provider identifier (e.g., "anthropic", "openrouter")
@@ -559,6 +592,18 @@ module Clacky
         preset&.dig("api")
       end
 
+      # Resolve the per-model maximum output token limit.
+      # Returns nil when no MODEL_MAX_OUTPUT entry matches — callers should
+      # then fall back to the global default (@max_tokens).
+      #
+      # @param model_name [String] The model name (e.g. "glm-5.2")
+      # @return [Integer, nil] The max output limit, or nil if undeclared
+      def max_output_for(model_name)
+        return nil if model_name.nil? || model_name.to_s.empty?
+        entry = MODEL_MAX_OUTPUT.find { |e| model_name.to_s.match?(e[:pattern]) }
+        entry&.[](:limit)
+      end
+
       # Resolve the API type for a specific provider+model pair.
       #
       # Resolution order:

data/lib/clacky/server/http_server.rb

@@ -2492,11 +2492,11 @@ module Clacky
             "origin"            => market ? (market["origin"] || container[:origin]) : container[:origin],
             "hub_active"        => market&.dig("hub_active"),
             "download_count"    => market&.dig("download_count").to_i,
-            # Only mark as unlisted when the extension was published to the
-            # marketplace (origin != "self") but is no longer listed there.
-            # Self-authored extensions (origin: self) have never been published
-            # and should never show the "unlisted" badge.
-            "unlisted"          => market.nil? && container[:origin].to_s != "self",
+            # Mark as unlisted when:
+            # - market is nil (extension no longer exists on the platform), OR
+            # - platform batch API explicitly returned unlisted:true (brand-private
+            #   extension removed from all distributions but not yet soft-deleted).
+            "unlisted"          => market.nil? || market["unlisted"] == true,
             "layer"             => container[:layer].to_s,
             "installed"         => true,
             "removable"         => true,
@@ -2582,7 +2582,7 @@ module Clacky
             "installed"         => !container.nil?,
             "installed_version" => container&.dig(:version),
             "removable"         => container && container[:layer] == :installed,
-            "disabled"          => container ? container[:disabled] == true : false
+            "disabled"          => container ? container[:disabled] == true : false,
           )
           json_response(res, 200, { ok: true, extension: ext })
         else
@@ -2609,9 +2609,7 @@ module Clacky
               "homepage"          => market ? (market["homepage"] || "") : container[:homepage].to_s,
               "origin"            => market ? (market["origin"] || container[:origin]) : container[:origin],
               "hub_active"        => market&.dig("hub_active"),
-              # Only mark as unlisted when the extension was published to the
-              # marketplace (origin != "self") but is no longer listed there.
-              "unlisted"          => market.nil? && container[:origin].to_s != "self",
+              "unlisted"          => market.nil? || market["unlisted"] == true,
               "installed"         => true,
               "removable"         => true,
               "disabled"          => container[:disabled] == true,
@@ -3785,9 +3783,10 @@ module Clacky
 
       # POST /api/file-action
       # Unified file action endpoint — open locally or download.
-      # Body: { path: String, action: "open" | "download" }
+      # Body: { path: String, action: "open" | "download" | "save" }
       #   open:     opens the file with the OS default handler (local deployments).
       #   download: returns the file as a download (remote deployments).
+      #   save:     writes content back to the file. Body must include { content: String }.
       def api_file_action(req, res)
         body = parse_json_body(req)
         path = body["path"]
@@ -3801,7 +3800,10 @@ module Clacky
         linux_path = Utils::EnvironmentDetector.win_to_linux_path(path)
         linux_path = File.expand_path(linux_path)
 
-        return json_response(res, 404, { error: "file not found" }) unless File.exist?(linux_path)
+        # For save action, the file may not exist yet — skip the existence check.
+        unless action == "save"
+          return json_response(res, 404, { error: "file not found" }) unless File.exist?(linux_path)
+        end
 
         case action
         when "open"
@@ -3816,8 +3818,14 @@ module Clacky
         when "display-path"
           display = Utils::EnvironmentDetector.linux_to_win_path(linux_path)
           json_response(res, 200, { ok: true, path: display })
+        when "save"
+          content = body["content"]
+          return json_response(res, 400, { error: "content is required" }) if content.nil?
+          FileUtils.mkdir_p(File.dirname(linux_path))
+          File.write(linux_path, content, encoding: "UTF-8")
+          json_response(res, 200, { ok: true })
         else
-          json_response(res, 400, { error: "invalid action. Must be 'open', 'reveal', 'download' or 'display-path'" })
+          json_response(res, 400, { error: "invalid action. Must be 'open', 'reveal', 'download', 'display-path' or 'save'" })
         end
       rescue => e
         json_response(res, 500, { ok: false, error: e.message })

data/lib/clacky/utils/model_pricing.rb

@@ -472,6 +472,12 @@ module Clacky
       # endpoints don't charge separately for cache writes (Z.ai's page lists
       # "Cached Input Storage: Limited-time Free"), so bill writes at the
       # regular input miss rate for safe "displayed ≤ actual" behaviour.
+      "glm-5.2" => {
+        input:  { default: 1.40, over_200k: 1.40 },
+        output: { default: 4.40, over_200k: 4.40 },
+        cache:  { write: 1.40, read: 0.26 }
+      },
+
       "glm-5.1" => {
         input:  { default: 1.40, over_200k: 1.40 },
         output: { default: 4.40, over_200k: 4.40 },
@@ -786,6 +792,8 @@ module Clacky
         # (mainland bigmodel.cn vs intl z.ai) the user configured.
         # Strict anchored match so unrelated strings like "glm-5-x-foo"
         # don't silently borrow a nearby model's rate.
+        when /^glm-5\.2$/i
+          "glm-5.2"
         when /^glm-5\.1$/i
           "glm-5.1"
         when /^glm-5v-turbo$/i

data/lib/clacky/version.rb

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

data/lib/clacky/web/app.css

@@ -5376,7 +5376,7 @@ body {
 }
 .field-input-row .field-input { flex: 1; }
 .btn-toggle-key {
-  background: var(--color-border-secondary);
+  background: var(--color-bg-primary);
   border: 1px solid var(--color-border-primary);
   border-radius: 6px;
   color: var(--color-text-secondary);
@@ -5384,8 +5384,19 @@ body {
   padding: 0.25rem 0.5rem;
   cursor: pointer;
   flex-shrink: 0;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+.btn-toggle-key:hover {
+  color: var(--color-text-primary);
+  background: var(--color-bg-hover);
+}
+.btn-toggle-key:active {
+  background: var(--color-bg-hover);
+  filter: brightness(0.94);
+  transform: scale(0.95);
 }
-.btn-toggle-key:hover { color: var(--color-text-primary); }
 .field-checkbox {
   width: 1rem;
   height: 1rem;
@@ -5778,14 +5789,15 @@ body {
   max-height: 90vh;
   display: flex;
   flex-direction: column;
-  overflow: hidden;
+  /* Do NOT use overflow:hidden here — it clips absolutely-positioned dropdowns
+     inside the modal (e.g. the provider custom-select). Border-radius still
+     applies because there is no overflow to clip. */
+  overflow: visible;
 }
 .model-edit-modal-content {
   max-width: 500px;
 }
-.model-edit-modal-content .modal-body {
-  overflow-y: auto;
-}
+/* overflow override for model-edit modal is applied after .modal-content .modal-body below */
 .modal-content .modal-header {
   display: flex;
   align-items: center;
@@ -5823,6 +5835,12 @@ body {
   gap: 0.875rem;
   padding: 1.25rem;
 }
+/* model-edit modal: allow absolutely-positioned dropdowns to escape the body.
+   Must come after .modal-content .modal-body to win the cascade. */
+.modal-content.model-edit-modal-content .modal-body {
+  overflow: visible;
+  padding-bottom: 0;
+}
 .modal-content .modal-footer {
   display: flex;
   align-items: center;
@@ -6206,6 +6224,9 @@ body {
   font-size: 0.75rem;
   flex: 1;
 }
+.model-test-result:empty {
+  display: none;
+}
 .result-ok      { color: var(--color-success); }
 .result-fail    { color: var(--color-error); }
 .result-testing { color: var(--color-text-secondary); }
@@ -8170,6 +8191,127 @@ body {
   border-radius: 4px;
 }
 
+/* ── Markdown split-pane layout ─────────────────────────────────────────── */
+.code-editor-modal--md {
+  max-width: 1280px;
+  width: 98%;
+  height: 90vh;
+  max-height: 960px;
+}
+.code-editor-body--split {
+  display: flex;
+  flex-direction: row;
+  overflow: hidden;
+}
+.code-editor-split-left {
+  flex: 1;
+  min-width: 0;
+  overflow: hidden;
+  border-right: 1px solid var(--color-border-primary);
+  display: flex;
+  flex-direction: column;
+}
+.code-editor-split-left .cm-editor {
+  height: 100%;
+  flex: 1;
+}
+.code-editor-split-left > .cm-editor {
+  height: 100%;
+}
+.code-editor-split-divider {
+  display: none;
+}
+.code-editor-split-right {
+  flex: 1;
+  min-width: 0;
+  display: flex;
+  flex-direction: column;
+  overflow: hidden;
+}
+.code-editor-markdown-preview {
+  flex: 1;
+  overflow-y: auto;
+  padding: 0 1.25rem;
+  font-size: 0.875rem;
+  line-height: 1.7;
+  color: var(--color-text-primary);
+}
+.code-editor-markdown-preview h1,
+.code-editor-markdown-preview h2,
+.code-editor-markdown-preview h3,
+.code-editor-markdown-preview h4 {
+  margin-top: 1.25em;
+  margin-bottom: 0.5em;
+  font-weight: 600;
+}
+.code-editor-markdown-preview h1:first-child,
+.code-editor-markdown-preview h2:first-child,
+.code-editor-markdown-preview h3:first-child { margin-top: 0; }
+.code-editor-markdown-preview h1 { font-size: 1.375rem; }
+.code-editor-markdown-preview h2 { font-size: 1.125rem; border-bottom: 1px solid var(--color-border); padding-bottom: 0.25em; }
+.code-editor-markdown-preview h3 { font-size: 1rem; }
+.code-editor-markdown-preview p  { margin: 0.5em 0; }
+.code-editor-markdown-preview ul,
+.code-editor-markdown-preview ol { padding-left: 1.5em; margin: 0.5em 0; }
+.code-editor-markdown-preview li { margin: 0.2em 0; }
+.code-editor-markdown-preview code {
+  font-family: var(--font-mono, 'SF Mono', 'Fira Code', monospace);
+  font-size: 0.8125em;
+  background: rgba(128, 128, 128, 0.15);
+  border-radius: 4px;
+  padding: 0.15em 0.4em;
+}
+.code-editor-markdown-preview pre {
+  background: rgba(128, 128, 128, 0.15);
+  border-radius: 8px;
+  padding: 0.875em;
+  overflow-x: auto;
+  margin: 0.625em 0;
+}
+.code-editor-markdown-preview pre code {
+  background: none;
+  padding: 0;
+  font-size: 0.8125rem;
+}
+.code-editor-markdown-preview blockquote {
+  border-left: 3px solid var(--color-accent-primary, #7c3aed);
+  margin: 0.75em 0;
+  padding: 0.25em 1em;
+  color: var(--color-text-secondary);
+}
+.code-editor-markdown-preview a {
+  color: var(--color-accent-primary);
+  text-decoration: none;
+}
+.code-editor-markdown-preview a:hover { text-decoration: underline; }
+.code-editor-markdown-preview img {
+  display: inline;
+  vertical-align: middle;
+  max-width: 100%;
+  height: auto;
+}
+.code-editor-markdown-preview hr {
+  border: none;
+  border-top: 1px solid var(--color-border-primary);
+  margin: 1.25em 0;
+}
+.code-editor-markdown-preview table {
+  border-collapse: collapse;
+  width: 100%;
+  margin: 0.75em 0;
+  font-size: 0.8125rem;
+}
+.code-editor-markdown-preview th,
+.code-editor-markdown-preview td {
+  border: 1px solid var(--color-border-primary);
+  padding: 0.375em 0.75em;
+  text-align: left;
+}
+.code-editor-markdown-preview th {
+  background: rgba(128, 128, 128, 0.15);
+  font-weight: 600;
+}
+
 /* ── Skills sidebar section ──────────────────────────────────────────────── */
 #skill-list-items { padding: 0 0.5rem 0.5rem; display: flex; flex-direction: column; gap: 2px; }
 
@@ -11055,7 +11197,7 @@ body.setup-mode[data-theme="dark"] {
 .billing-share-btn:hover {
   background: var(--color-bg-tertiary);
   color: var(--color-text-primary);
-  border-color: var(--color-text-secondary);
+  border-color: var(--color-accent-primary);
 }
 .billing-clear-popup {
   position: absolute;

data/lib/clacky/web/app.js

@@ -97,7 +97,11 @@ const Router = (() => {
     if (h === "mcp")                  return { view: "mcp",      params: {} };
     if (h === "extensions")           return { view: "extensions", params: {} };
     const mExtDetail = h.match(/^extensions\/(.+)$/);
-    if (mExtDetail)                   return { view: "extensions", params: { detailId: mExtDetail[1] } };
+    if (mExtDetail) {
+      const [detailId, qs] = mExtDetail[1].split("?");
+      const source = new URLSearchParams(qs || "").get("source") || null;
+      return { view: "extensions", params: { detailId, source } };
+    }
     if (h === "trash")                return { view: "trash",    params: {} };
     if (h === "profile")              return { view: "profile",  params: {} };
     // Legacy: #memories redirects to #profile (memories are now merged into
@@ -256,8 +260,9 @@ const Router = (() => {
       case "extensions":
         $("extensions-panel").style.display = "flex";
         if (params.detailId) {
-          _setHash(`extensions/${params.detailId}`);
-          Extensions.onPanelShow({ detailId: params.detailId });
+          const sourceQs = params.source ? `?source=${encodeURIComponent(params.source)}` : "";
+          _setHash(`extensions/${params.detailId}${sourceQs}`);
+          Extensions.onPanelShow({ detailId: params.detailId, source: params.source });
         } else {
           _setHash("extensions");
           Extensions.onPanelShow();

data/lib/clacky/web/components/code-editor.js

@@ -1,4 +1,4 @@
-/* global CM */
+/* global CM, marked */
 /**
  * CodeEditor — a reusable wrapper around CodeMirror 6.
  *
@@ -31,16 +31,20 @@
   }
 
   function _detectLanguage(filename) {
-    if (!filename) return "markdown";
+    if (!filename) return null;
     const ext = filename.split(".").pop().toLowerCase();
     const map = { md: "markdown", markdown: "markdown" };
-    return map[ext] || "markdown";
+    return map[ext] || null;
   }
 
   function _isDark() {
     return document.documentElement.getAttribute("data-theme") === "dark";
   }
 
+  function _isMarkdown(language) {
+    return language === "markdown" || language === "md";
+  }
+
   function _buildExtensions(opts) {
     const extensions = [
       CM.lineNumbers(),
@@ -86,9 +90,24 @@
       }]));
     }
 
+    if (opts.onChange) {
+      extensions.push(CM.EditorView.updateListener.of((update) => {
+        if (update.docChanged) opts.onChange(update.state.doc.toString());
+      }));
+    }
+
     return extensions;
   }
 
+  function _renderMarkdownHtml(text) {
+    if (typeof marked !== "undefined") {
+      try {
+        return marked.parse(text, { breaks: true, gfm: true });
+      } catch (_) { /* fall through */ }
+    }
+    return `<pre>${text.replace(/</g, "&lt;")}</pre>`;
+  }
+
   function open(opts) {
     const {
       content = "",
@@ -101,6 +120,7 @@
 
     const kind = opts.kind || (opts.filename ? _fileKind(opts.filename) : "text");
     const language = opts.language || _detectLanguage(opts.filename);
+    const isMd = _isMarkdown(language) && kind !== "image";
 
     let overlay = document.getElementById("code-editor-overlay");
     if (overlay) overlay.remove();
@@ -110,8 +130,8 @@
     overlay.className = "modal-overlay";
 
     const cancelLabel = I18n.t("modal.cancel");
-    const closeLabel = I18n.t("modal.close");
-    const saveLabel = I18n.t("modal.save");
+    const closeLabel  = I18n.t("modal.close");
+    const saveLabel   = I18n.t("modal.save");
 
     const isReadOnlyOrImage = readOnly || kind === "image";
     const footerActions = isReadOnlyOrImage
@@ -119,12 +139,14 @@
       : `<button class="btn btn-secondary code-editor-cancel">${cancelLabel}</button><button class="btn btn-primary code-editor-save">${saveLabel}</button>`;
 
     overlay.innerHTML = `
-      <div class="code-editor-modal${kind === "image" ? " code-editor-modal--image" : ""}">
+      <div class="code-editor-modal${kind === "image" ? " code-editor-modal--image" : ""}${isMd ? " code-editor-modal--md" : ""}">
         <div class="code-editor-header">
           <h3 class="code-editor-title"></h3>
           <button class="code-editor-close" title="${closeLabel}">&times;</button>
         </div>
-        <div class="code-editor-body"></div>
+        <div class="code-editor-body${isMd ? " code-editor-body--split" : ""}">
+          ${isMd ? `<div class="code-editor-split-left"></div><div class="code-editor-split-divider"></div><div class="code-editor-split-right"><div class="code-editor-markdown-preview"></div></div>` : ""}
+        </div>
         <div class="code-editor-footer">
           <span class="code-editor-status"></span>
           <div class="code-editor-actions">${footerActions}</div>
@@ -134,8 +156,8 @@
     document.body.appendChild(overlay);
     overlay.querySelector(".code-editor-title").textContent = title;
 
-    const body    = overlay.querySelector(".code-editor-body");
-    const status  = overlay.querySelector(".code-editor-status");
+    const body      = overlay.querySelector(".code-editor-body");
+    const status    = overlay.querySelector(".code-editor-status");
     const closeBtn  = overlay.querySelector(".code-editor-close");
     const cancelBtn = overlay.querySelector(".code-editor-cancel");
     const saveBtn   = overlay.querySelector(".code-editor-save");
@@ -147,7 +169,6 @@
 
     closeBtn.addEventListener("click", close);
     if (cancelBtn) cancelBtn.addEventListener("click", close);
-    overlay.addEventListener("click", (e) => { if (e.target === overlay) close(); });
 
     if (kind === "image") {
       body.classList.add("code-editor-body--image");
@@ -159,7 +180,21 @@
       return { close };
     }
 
-    const editorOpts = { language, readOnly, onSave: null, _getContent: null };
+    // Editor mount target: left pane for markdown split, body itself otherwise
+    const editorParent = isMd ? overlay.querySelector(".code-editor-split-left") : body;
+    const previewPane  = isMd ? overlay.querySelector(".code-editor-markdown-preview") : null;
+
+    function updatePreview(text) {
+      if (previewPane) previewPane.innerHTML = _renderMarkdownHtml(text);
+    }
+
+    const editorOpts = {
+      language: language || "markdown",
+      readOnly,
+      onSave: null,
+      _getContent: null,
+      onChange: isMd ? updatePreview : null,
+    };
     const getContent = () => view.state.doc.toString();
     editorOpts._getContent = getContent;
     editorOpts.onSave = onSave ? () => doSave() : null;
@@ -169,9 +204,12 @@
         doc: content,
         extensions: _buildExtensions(editorOpts),
       }),
-      parent: body,
+      parent: editorParent,
     });
 
+    // Render initial preview
+    if (isMd) updatePreview(content);
+
     async function doSave() {
       if (!onSave) return;
       if (saveBtn) saveBtn.disabled = true;

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

@@ -138,7 +138,8 @@ const BillingView = (() => {
             <div class="billing-period-group">${periodBtns}</div>
             <select id="billing-model-filter" class="billing-model-filter">${modelOptions}</select>
             <button id="billing-share-btn" class="billing-share-btn" title="${I18n.t('billing.share.tooltip') || 'Share scorecard'}">
-              📤 ${I18n.t('billing.share.btn') || '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'}
             </button>
             <div class="billing-clear-container">
               <button id="billing-clear-btn" class="billing-clear-btn" title="${I18n.t('billing.clearData') || 'Clear Data'}">

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

@@ -178,14 +178,15 @@ const ExtensionsStore = (() => {
     },
 
     /** Open the detail view for one extension (fetches contributes + versions). */
-    async loadDetail(id) {
+    async loadDetail(id, source) {
       if (!id) return;
       _detail        = null;
       _detailLoading = true;
       _detailError   = null;
       _emit("extensions:detail");
       try {
-        const url  = _filterBrand
+        const isBrand = source === "brand" || _filterBrand;
+        const url  = isBrand
           ? "/api/store/extension?id=" + encodeURIComponent(id) + "&source=brand"
           : "/api/store/extension?id=" + encodeURIComponent(id);
         const res  = await fetch(url);
@@ -250,10 +251,18 @@ const ExtensionsStore = (() => {
     async install(id) {
       if (!id) return;
       try {
-        const detailRes  = await fetch("/api/store/extension?id=" + encodeURIComponent(id));
-        const detailData = await detailRes.json();
-        if (!detailRes.ok || !detailData.ok) throw new Error(detailData.error || "fetch detail failed");
-        const ext          = detailData.extension;
+        // Prefer the already-loaded detail (avoids a second round-trip and correctly
+        // handles brand-private extensions whose detail was fetched with &source=brand).
+        let ext;
+        if (_detail && String(_detail.id) === String(id)) {
+          ext = _detail;
+        } else {
+          const source     = _filterBrand ? "&source=brand" : "";
+          const detailRes  = await fetch("/api/store/extension?id=" + encodeURIComponent(id) + source);
+          const detailData = await detailRes.json();
+          if (!detailRes.ok || !detailData.ok) throw new Error(detailData.error || "fetch detail failed");
+          ext = detailData.extension;
+        }
         const download_url = ext.download_url;
         if (!download_url) throw new Error("No download URL available");
         const res = await fetch("/api/store/extension/install", {

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

@@ -121,7 +121,8 @@ const ExtensionsView = (() => {
 
     const card = document.createElement("div");
     card.className = "extension-card extension-card-clickable";
-    card.dataset.extId = ext.id != null ? String(ext.id) : (ext.name || "");
+    card.dataset.extId     = ext.id != null ? String(ext.id) : (ext.name || "");
+    card.dataset.extOrigin = ext.origin || "";
     card.innerHTML = `
       <div class="extension-card-main">
         ${emojiHtml}
@@ -474,8 +475,11 @@ const ExtensionsView = (() => {
         const card = e.target.closest(".extension-card-clickable");
         if (card && card.dataset.extId) {
           const router = window.Clacky && window.Clacky.Router;
-          if (router) router.navigate("extensions", { detailId: card.dataset.extId });
-          else Extensions.loadDetail(card.dataset.extId);
+          // Use origin stored on the card; origin="self" means brand-private extension.
+          const isBrand = card.dataset.extOrigin === "self" || Extensions.state.filterBrand;
+          const source  = isBrand ? "brand" : null;
+          if (router) router.navigate("extensions", { detailId: card.dataset.extId, source });
+          else Extensions.loadDetail(card.dataset.extId, source);
         }
       });
     }
@@ -506,7 +510,7 @@ const ExtensionsView = (() => {
       const detailId = opts && opts.detailId;
       if (detailId) {
         Extensions.load();
-        Extensions.loadDetail(detailId);
+        Extensions.loadDetail(detailId, opts && opts.source);
       } else {
         Extensions.closeDetail();
         Extensions.load();

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

@@ -102,6 +102,15 @@ const WorkspaceStore = (() => {
       if (!resp.ok) throw new Error(`HTTP ${resp.status}`);
       return resp.text();
     },
+
+    async saveFileText(entry, content) {
+      const resp = await fetch("/api/file-action", {
+        method: "POST",
+        headers: { "Content-Type": "application/json" },
+        body: JSON.stringify({ path: _absPath(entry.path), action: "save", content })
+      });
+      if (!resp.ok) throw new Error(`HTTP ${resp.status}`);
+    },
   };
 
   return Workspace;

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

@@ -226,7 +226,14 @@ const WorkspaceView = (() => {
     }
     try {
       const text = await Workspace.fetchFileText(entry);
-      CodeEditor.open({ filename: entry.name, title: entry.name, content: text, readOnly: true });
+      CodeEditor.open({
+        filename: entry.name,
+        title: entry.name,
+        content: text,
+        onSave: async (content) => {
+          await Workspace.saveFileText(entry, content);
+        }
+      });
     } catch (err) {
       console.error("preview failed:", err);
       Modal.toast(t("workspace.previewFailed"), "error");

data/lib/clacky/web/i18n.js

@@ -669,6 +669,8 @@ const I18n = (() => {
       "settings.models.baseurl.variant.ark_agent":             "Agent Plan",
       "settings.models.baseurl.variant.openclacky_primary":    "Primary (Global)",
       "settings.models.baseurl.variant.openclacky_secondary":  "Secondary (China)",
+      "settings.models.baseurl.variant.mimo_payg":             "Pay-as-you-go",
+      "settings.models.baseurl.variant.mimo_token_plan":       "Token Plan",
       "settings.models.btn.save":          "Save",
       "settings.models.btn.saving":        "Saving…",
       "settings.models.btn.saved":         "Saved ✓",
@@ -1671,6 +1673,8 @@ const I18n = (() => {
       "settings.models.baseurl.variant.ark_agent":             "Agent Plan",
       "settings.models.baseurl.variant.openclacky_primary":    "主节点（全球）",
       "settings.models.baseurl.variant.openclacky_secondary":  "备用节点（中国）",
+      "settings.models.baseurl.variant.mimo_payg":             "按量付费",
+      "settings.models.baseurl.variant.mimo_token_plan":       "Token Plan",
       "settings.models.btn.save":          "保存",
       "settings.models.btn.saving":        "保存中…",
       "settings.models.btn.saved":         "已保存 ✓",

data/lib/clacky/web/index.html

@@ -1311,8 +1311,7 @@
               <input type="password" id="model-modal-apikey" class="field-input api-key-input" placeholder="sk-..." autocomplete="off">
               <button class="btn-toggle-key" id="model-modal-toggle-key" type="button" title="Show/hide key">
                 <svg width="16" height="16" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-                  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 12a3 3 0 11-6 0 3 3 0 016 0z"></path>
-                  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M2.458 12C3.732 7.943 7.523 5 12 5c4.478 0 8.268 2.943 9.542 7-1.274 4.057-5.064 7-9.542 7-4.477 0-8.268-2.943-9.542-7z"></path>
+                  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13.875 18.825A10.05 10.05 0 0112 19c-4.478 0-8.268-2.943-9.543-7a9.97 9.97 0 011.563-3.029m5.858.908a3 3 0 114.243 4.243M9.878 9.878l4.242 4.242M9.88 9.88l-3.29-3.29m7.532 7.532l3.29 3.29M3 3l3.59 3.59m0 0A9.953 9.953 0 0112 5c4.478 0 8.268 2.943 9.543 7a10.025 10.025 0 01-4.132 5.411m0 0L21 21"></path>
                 </svg>
               </button>
             </div>

data/lib/clacky/web/settings.js

@@ -528,8 +528,14 @@ const Settings = (() => {
 
     // Toggle API key visibility
     document.getElementById("model-modal-toggle-key").addEventListener("click", () => {
-      const input = document.getElementById("model-modal-apikey");
-      input.type = input.type === "password" ? "text" : "password";
+      const input   = document.getElementById("model-modal-apikey");
+      const eyeSvg  = document.getElementById("model-modal-toggle-key").querySelector("svg");
+      const isPassword = input.type === "password";
+      input.type = isPassword ? "text" : "password";
+      // Switch icon: eye-off ↔ eye
+      eyeSvg.innerHTML = isPassword
+        ? `<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 12a3 3 0 11-6 0 3 3 0 016 0z"></path><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M2.458 12C3.732 7.943 7.523 5 12 5c4.478 0 8.268 2.943 9.542 7-1.274 4.057-5.064 7-9.542 7-4.477 0-8.268-2.943-9.542-7z"></path>`
+        : `<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13.875 18.825A10.05 10.05 0 0112 19c-4.478 0-8.268-2.943-9.543-7a9.97 9.97 0 011.563-3.029m5.858.908a3 3 0 114.243 4.243M9.878 9.878l4.242 4.242M9.88 9.88l-3.29-3.29m7.532 7.532l3.29 3.29M3 3l3.59 3.59m0 0A9.953 9.953 0 0112 5c4.478 0 8.268 2.943 9.543 7a10.025 10.025 0 01-4.132 5.411m0 0L21 21"></path>`;
     });
 
     // Model dropdown functionality

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: openclacky
 version: !ruby/object:Gem::Version
-  version: 1.5.2
+  version: 1.5.3
 platform: ruby
 authors:
 - windy