openclacky 1.5.1 → 1.5.3

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

@@ -139,6 +139,67 @@ const NewSessionView = (() => {
 
     _updatePlaceholder();
     _renderAgentPanels();
+    _renderStarterPrompts();
+  }
+
+  // ── Starter prompts ────────────────────────────────────────────────────
+  // Hardcoded UI hints per agent id. These are purely presentational and
+  // help users discover what to ask without needing to think from scratch.
+  const STARTER_PROMPTS = {
+    "ext-developer": [
+      {
+        en: "Help me build a Xiaohongshu content publishing extension, with a custom panel in the right sidebar",
+        zh: "帮我开发一个小红书内容发布管理扩展，在会话右侧边栏添加一个自定义面板",
+      },
+      {
+        en: "I want to build a GitHub PR review assistant extension that auto-analyzes code changes, with an entry in the bottom-left sidebar",
+        zh: "我想做一个 GitHub PR 审查助手扩展，自动分析代码变更，入口放在左底部侧边栏",
+      },
+      {
+        en: "Help me build a Pomodoro + task tracking extension with a left sidebar entry and custom Agent",
+        zh: "帮我开发一个番茄钟 + 任务追踪扩展，带左侧边栏访问入口和自定义 Agent",
+      },
+    ],
+  };
+
+  function _renderStarterPrompts() {
+    const container = $("new-session-starter-prompts");
+    if (!container) return;
+    const agent = NewSessionStore.currentAgent();
+    const prompts = agent && STARTER_PROMPTS[agent.id];
+    if (!prompts || !prompts.length) {
+      container.style.display = "none";
+      container.replaceChildren();
+      return;
+    }
+
+    const zh = _isZh();
+    container.replaceChildren();
+
+    const label = document.createElement("div");
+    label.className = "ns-starter-label";
+    label.textContent = I18n.t("sessions.new.tryAsking");
+    container.appendChild(label);
+
+    const list = document.createElement("div");
+    list.className = "ns-starter-list";
+    prompts.forEach((p) => {
+      const btn = document.createElement("button");
+      btn.type = "button";
+      btn.className = "ns-starter-item";
+      const text = zh ? p.zh : p.en;
+      btn.textContent = "\u201c" + text + "\u201d";
+      btn.addEventListener("click", () => {
+        const input = $("new-session-input");
+        if (!input) return;
+        input.value = zh ? p.zh : p.en;
+        input.focus();
+        _updateSendButton();
+      });
+      list.appendChild(btn);
+    });
+    container.appendChild(list);
+    container.style.display = "block";
   }
 
   function _renderAgentPanels() {

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

@@ -33,6 +33,7 @@ const I18n = (() => {
       "sessions.new.subtitle":    "Pick who you want to chat with, then type your first message.",
       "sessions.new.placeholder": "Type your first message to {{agent}}…",
       "sessions.new.moreOptions": "More options",
+      "sessions.new.tryAsking":   "Try asking",
       "sessions.new.send":        "Send",
 
       // ── Chat panel ──
@@ -666,6 +667,10 @@ const I18n = (() => {
       "settings.models.baseurl.variant.ark_payg":              "Pay-as-you-go",
       "settings.models.baseurl.variant.ark_coding":            "Coding Plan",
       "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 ✓",
@@ -753,6 +758,7 @@ 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.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",
@@ -1004,6 +1010,7 @@ const I18n = (() => {
       "billing.headerHit":       "Hit",
       "billing.headerMiss":      "Miss",
       "billing.headerOutput":    "Output",
+      "billing.disclaimer":      "Costs are estimated based on token usage and may differ from your provider's actual bill.",
     },
     zh: {
       // ── Sidebar ──
@@ -1026,6 +1033,7 @@ const I18n = (() => {
       "sessions.new.subtitle":    "选一个 Agent，然后输入第一条消息。",
       "sessions.new.placeholder": "输入第一条消息发给 {{agent}}…",
       "sessions.new.moreOptions": "更多选项",
+      "sessions.new.tryAsking":   "试试这样问我",
       "sessions.new.send":        "发送",
 
       // ── Chat panel ──
@@ -1663,6 +1671,10 @@ const I18n = (() => {
       "settings.models.baseurl.variant.ark_payg":              "按量付费",
       "settings.models.baseurl.variant.ark_coding":            "Coding Plan",
       "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":         "已保存 ✓",
@@ -1750,6 +1762,7 @@ const I18n = (() => {
       "settings.brand.badge.active":       "已激活",
       "settings.brand.badge.warning":      "即将过期",
       "settings.brand.badge.expired":      "已过期",
+      "settings.brand.badge.unreachable":  "连接异常",
       "settings.brand.desc":               "有品牌合作伙伴的序列号？在下方输入以激活品牌模式。",
       "settings.brand.descNamed":          "请输入 {{name}} 的序列号以激活品牌模式。",
       "settings.brand.btn.getSerial":      "获取序列号",
@@ -2001,6 +2014,7 @@ const I18n = (() => {
       "billing.headerHit":       "命中",
       "billing.headerMiss":      "未命中",
       "billing.headerOutput":    "输出",
+      "billing.disclaimer":      "费用为估算值，基于 Token 用量和模型定价计算，可能与 API 提供商实际账单有所差异。",
     }
   };
   // ── State ──────────────────────────────────────────────────────────────────

data/lib/clacky/web/index.html

@@ -335,6 +335,9 @@
 
         <div id="new-session-agents" class="new-session-agents"></div>
 
+        <!-- Starter prompts shown when selected agent provides suggestions -->
+        <div id="new-session-starter-prompts" class="new-session-starter-prompts" style="display:none"></div>
+
         <!-- Panels the selected agent exposes (filled when an agent is picked) -->
         <div id="new-session-agent-panels" class="new-session-agent-panels" style="display:none"></div>
 
@@ -1308,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

@@ -66,7 +66,11 @@ const Settings = (() => {
   }
 
   function _getProviderName(model) {
-    const p = _findProviderByBaseUrl(model.base_url);
+    // Prefer the saved provider_id (survives custom base_url edits) over
+    // a reverse base_url lookup so the card always shows what the user picked.
+    const p = (model.provider_id
+      ? _providers.find(pr => pr.id === model.provider_id) || null
+      : null) || _findProviderByBaseUrl(model.base_url);
     return _providerDisplayName(p);
   }
 
@@ -87,7 +91,11 @@ const Settings = (() => {
   function _renderCard(container, model, index) {
     const isDefault = model.type === "default";
     const isLite    = model.type === "lite";
-    const provider  = _findProviderByBaseUrl(model.base_url);
+    // Prefer saved provider_id over base_url reverse-lookup so the card
+    // shows the correct provider even when the user has customised base_url.
+    const provider  = (model.provider_id
+      ? _providers.find(p => p.id === model.provider_id) || null
+      : null) || _findProviderByBaseUrl(model.base_url);
     const providerName = _providerDisplayName(provider);
     const websiteUrl   = provider && provider.website_url;
     const displayName = model.model || I18n.t("settings.models.unnamed");
@@ -190,12 +198,21 @@ const Settings = (() => {
       setDefaultCb.checked = isOnlyModel ? true : (model.type === "default");
       setDefaultCb.disabled = isOnlyModel;
 
-      // Set provider dropdown value
+      // Set provider dropdown value.
+      // Priority: 1) saved provider_id on the model record (explicit user choice,
+      // survives base_url edits); 2) reverse-lookup from base_url (legacy records
+      // without provider_id); 3) anthropic_format flag (self-hosted proxy hint).
       const matched = _findProviderByBaseUrl(model.base_url);
-      // Preserve an explicit anthropic_format=true even if base_url is custom:
-      // the user may have configured a self-hosted Anthropic-compatible proxy.
-      _modalSelectedProviderId = matched ? matched.id : (model.anthropic_format ? "anthropic" : null);
-      const providerName = matched ? matched.name : I18n.t("settings.models.provider.custom");
+      const savedProviderId = model.provider_id || null;
+      const resolvedProviderId = savedProviderId ||
+        (matched ? matched.id : (model.anthropic_format ? "anthropic" : null));
+      _modalSelectedProviderId = resolvedProviderId;
+      const resolvedProvider = resolvedProviderId
+        ? _providers.find(p => p.id === resolvedProviderId) || null
+        : null;
+      const providerName = resolvedProvider
+        ? _providerDisplayName(resolvedProvider)
+        : I18n.t("settings.models.provider.custom");
       const providerValue = document.getElementById("model-modal-provider-value");
       providerValue.textContent = providerName;
       providerValue.classList.remove("placeholder");
@@ -398,7 +415,7 @@ const Settings = (() => {
 
     const hasId = !!existingId;
 
-    const payload = { model, base_url, anthropic_format };
+    const payload = { model, base_url, anthropic_format, provider_id: _modalSelectedProviderId || null };
     const setDefault = document.getElementById("model-modal-set-default").checked;
     payload.type = setDefault ? "default" : null;
     if (setDefault) {
@@ -511,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
@@ -1389,10 +1412,22 @@ const Settings = (() => {
 
       const badge = document.getElementById("brand-status-badge");
       if (data.warning) {
-        // Distinguish between expired (red) and expiring-soon (yellow)
-        const isExpired = data.warning && data.warning.toLowerCase().includes("expired");
-        badge.textContent = isExpired ? I18n.t("settings.brand.badge.expired") : I18n.t("settings.brand.badge.warning");
-        badge.className   = "brand-status-value " + (isExpired ? "badge-expired" : "badge-expiring");
+        // Use warning_type from backend for accurate badge display
+        const wt = data.warning_type;
+        let text, cls;
+        if (wt === "expired") {
+          text = I18n.t("settings.brand.badge.expired");
+          cls  = "badge-expired";
+        } else if (wt === "unreachable") {
+          text = I18n.t("settings.brand.badge.unreachable");
+          cls  = "badge-unreachable";
+        } else {
+          // "expiring" or legacy fallback
+          text = I18n.t("settings.brand.badge.warning");
+          cls  = "badge-expiring";
+        }
+        badge.textContent = text;
+        badge.className   = "brand-status-value " + cls;
       } else {
         badge.textContent  = I18n.t("settings.brand.badge.active");
         badge.className    = "brand-status-value badge-active";

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: openclacky
 version: !ruby/object:Gem::Version
-  version: 1.5.1
+  version: 1.5.3
 platform: ruby
 authors:
 - windy
@@ -745,7 +745,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
     - !ruby/object:Gem::Version
       version: '0'
 requirements: []
-rubygems_version: 3.6.9
+rubygems_version: 3.6.8
 specification_version: 4
 summary: The most Token-efficient open-source AI Agent — BYOK, Skill-driven, IM-integrated.
 test_files: []