openclacky 1.3.11 → 1.4.1

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

@@ -16,6 +16,62 @@
 
 const SkillsView = (() => {
   let _domWired = false;
+  let _searchQuery = "";
+
+  // ── Search filtering ─────────────────────────────────────────────────────
+
+  function _applySearch() {
+    const q = _searchQuery.trim().toLowerCase();
+    const activeTab = SkillsStore.state.activeTab;
+
+    if (activeTab === "my-skills") {
+      const list = $("skills-list");
+      if (!list) return;
+      list.querySelectorAll(".skill-card").forEach(card => {
+        card.style.display = (!q || card.textContent.toLowerCase().includes(q)) ? "" : "none";
+      });
+      let noResult = list.querySelector(".skills-search-empty");
+      const anyVisible = [...list.querySelectorAll(".skill-card")].some(c => c.style.display !== "none");
+      if (q && !anyVisible) {
+        if (!noResult) {
+          noResult = document.createElement("div");
+          noResult.className = "skills-search-empty";
+          noResult.textContent = I18n.t("skills.search.empty");
+          list.appendChild(noResult);
+        }
+      } else {
+        noResult && noResult.remove();
+      }
+    } else {
+      const list = $("brand-skills-list");
+      if (!list) return;
+      list.querySelectorAll(".brand-skill-card").forEach(card => {
+        card.style.display = (!q || card.textContent.toLowerCase().includes(q)) ? "" : "none";
+      });
+      let noResult = list.querySelector(".skills-search-empty");
+      const anyVisible = [...list.querySelectorAll(".brand-skill-card")].some(c => c.style.display !== "none");
+      if (q && !anyVisible) {
+        if (!noResult) {
+          noResult = document.createElement("div");
+          noResult.className = "skills-search-empty";
+          noResult.textContent = I18n.t("skills.search.empty");
+          list.appendChild(noResult);
+        }
+      } else {
+        noResult && noResult.remove();
+      }
+    }
+  }
+
+  function _wireSearch() {
+    const input = $("skills-search-input");
+    if (!input) return;
+    input.placeholder = I18n.t("skills.search.placeholder");
+    input.addEventListener("input", () => {
+      _searchQuery = input.value;
+      _applySearch();
+    });
+  }
 
   // ── My Skills rendering ──────────────────────────────────────────────────
 
@@ -45,6 +101,7 @@ const SkillsView = (() => {
         console.error("[Skills] _renderSkillCard failed for skill", i, skill.name, e);
       }
     });
+    _applySearch();
   }
 
   function _renderEmptyState() {
@@ -247,6 +304,7 @@ const SkillsView = (() => {
     if (freeMode && paidSkillsCount > 0) {
       container.appendChild(_renderPaidHint(paidSkillsCount));
     }
+    _applySearch();
   }
 
   function _renderPaidHint(paidSkillsCount) {
@@ -383,6 +441,8 @@ const SkillsView = (() => {
   function _wireDom() {
     if (_domWired) return;
 
+    _wireSearch();
+
     document.querySelectorAll(".skills-tab").forEach(btn => {
       btn.addEventListener("click", () => Skills.setActiveTab(btn.dataset.tab));
     });
@@ -430,7 +490,7 @@ const SkillsView = (() => {
       _renderBrandSkills();
     });
 
-    Skills.on("tab:changed", (p) => _applyTab(p.tab));
+    Skills.on("tab:changed", (p) => { _applyTab(p.tab); _applySearch(); });
 
     Skills.on("brandStatus:changed", (p) => {
       const brandTab = $("tab-brand-skills");

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

@@ -72,6 +72,17 @@ const WorkspaceStore = (() => {
       if (!resp.ok) throw new Error(`HTTP ${resp.status}`);
     },
 
+    async displayPath(entry) {
+      const resp = await fetch("/api/file-action", {
+        method: "POST",
+        headers: { "Content-Type": "application/json" },
+        body: JSON.stringify({ path: _absPath(entry.path), action: "display-path" })
+      });
+      if (!resp.ok) throw new Error(`HTTP ${resp.status}`);
+      const data = await resp.json();
+      return data.path;
+    },
+
     async fetchFileBlob(entry) {
       const resp = await fetch("/api/file-action", {
         method: "POST",

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

@@ -156,10 +156,16 @@ const WorkspaceView = (() => {
     if (existing) existing.remove();
   }
 
-  function copyPath(entry) {
-    const absPath = Workspace.state.workingDir.replace(/\/+$/, "") + "/" + entry.path.replace(/^\/+/, "");
-    navigator.clipboard.writeText(absPath).then(() => {
-      Modal.toast(absPath, "info");
+  async function copyPath(entry) {
+    const fallback = Workspace.state.workingDir.replace(/\/+$/, "") + "/" + entry.path.replace(/^\/+/, "");
+    let target = fallback;
+    try {
+      target = await Workspace.displayPath(entry);
+    } catch (err) {
+      target = fallback;
+    }
+    navigator.clipboard.writeText(target).then(() => {
+      Modal.toast(target, "info");
     });
   }
 

data/lib/clacky/web/i18n.js

@@ -95,6 +95,8 @@ const I18n = (() => {
       "sessions.deleteTitle":   "Delete session",
       "sessions.createError":   "Error: ",
       "sessions.dirNotEmpty":   "Directory already exists and is not empty.",
+      "sessions.today":          "Today",
+      "sessions.yesterday":      "Yesterday",
       "sessions.export.tooltip": "Download session files (session.json + chunks + today's log) for debugging",
       "sessions.export.failed":  "Failed to download session",
       "sessions.actions.tooltip":      "Click for session actions",
@@ -177,7 +179,8 @@ const I18n = (() => {
       "sessions.badge.channel": "Channel",
       "sessions.badge.coding":  "Coding",
       "sessions.badge.setup":   "Setup",
-      "sessions.newSession":    "+ New Session",
+      "sessions.newSession":    "New Session",
+      "sessions.advancedOptions": "Advanced options",
       "sessions.actions.pin":   "Pin",
       "sessions.actions.unpin": "Unpin",
       "sessions.actions.fork":  "Fork",
@@ -414,6 +417,8 @@ const I18n = (() => {
       "skills.import.install":      "Install",
       "skills.tab.my":              "My Skills",
       "skills.tab.brand":           "Brand Skills",
+      "skills.search.placeholder":  "Search skills…",
+      "skills.search.empty":        "No skills match your search.",
       "skills.empty":               "No skills loaded.",
       "skills.empty.createBtn":     "Create a new skill with /skill-creator",
       "skills.noSkills":            "No skills",
@@ -533,6 +538,7 @@ const I18n = (() => {
       "extensions.unit.api":      "API",
       "extensions.unit.apis":     "APIs",
       "extensions.detail.back":        "Back",
+      "extensions.detail.readme":          "Description",
       "extensions.detail.contributes": "What's inside",
       "extensions.detail.versions":    "Version history",
       "extensions.section.agents":     "Agents",
@@ -1063,6 +1069,8 @@ const I18n = (() => {
       "sessions.deleteTitle":   "删除会话",
       "sessions.createError":   "错误：",
       "sessions.dirNotEmpty":   "该目录已存在且不为空，请换一个目录名。",
+      "sessions.today":          "今天",
+      "sessions.yesterday":      "昨天",
       "sessions.export.tooltip": "下载会话文件（session.json + 归档片段 + 当天日志），用于调试",
       "sessions.export.failed":  "下载会话文件失败",
       "sessions.actions.tooltip":      "点击查看会话操作",
@@ -1145,7 +1153,8 @@ const I18n = (() => {
       "sessions.badge.channel": "频道",
       "sessions.badge.coding":  "Coding",
       "sessions.badge.setup":   "配置",
-      "sessions.newSession":    "+ 新会话",
+      "sessions.newSession":    "新会话",
+      "sessions.advancedOptions": "高级选项",
       "sessions.loadMore":      "加载更多会话",
       "sessions.actions.pin":   "置顶",
       "sessions.actions.unpin": "取消置顶",
@@ -1381,6 +1390,8 @@ const I18n = (() => {
       "skills.import.install":      "安装",
       "skills.tab.my":              "我的技能",
       "skills.tab.brand":           "品牌技能",
+      "skills.search.placeholder":  "搜索技能…",
+      "skills.search.empty":        "没有匹配的技能。",
       "skills.empty":               "暂无技能。",
       "skills.empty.createBtn":     "用 /skill-creator 创建新技能",
       "skills.noSkills":            "无技能",
@@ -1500,6 +1511,7 @@ const I18n = (() => {
       "extensions.unit.api":      "个 API",
       "extensions.unit.apis":     "个 API",
       "extensions.detail.back":        "返回",
+      "extensions.detail.readme":          "使用说明",
       "extensions.detail.contributes": "包含内容",
       "extensions.detail.versions":    "版本历史",
       "extensions.section.agents":     "Agent",

data/lib/clacky/web/index.html

@@ -46,21 +46,14 @@
     </div>
     <div id="header-center">
       <button id="header-cmdbar" type="button" title="Search sessions">
-        <svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="11" cy="11" r="7"/><path d="M21 21l-4.3-4.3"/></svg>
+        <svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="11" cy="11" r="8"/><path d="M21 21l-4.3-4.3"/></svg>
         <span class="cmdbar-ph" data-i18n="header.cmdbar.placeholder">Search sessions…</span>
-        <span class="cmdbar-kbd">⌘K</span>
+        <span class="cmdbar-kbd">Ctrl + K</span>
       </button>
     </div>
     <div id="header-right">
       <span id="ext-slot-header-right" data-slot="header.right"></span>
-      <button id="refresh-page-btn" class="theme-toggle-btn" data-i18n-title="header.refresh" title="Refresh" onclick="location.reload()">
-        <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon-sm">
-          <path d="M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8"/>
-          <path d="M21 3v5h-5"/>
-          <path d="M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16"/>
-          <path d="M8 16H3v5"/>
-        </svg>
-      </button>
+
       <button id="share-toggle-header" class="theme-toggle-btn" data-i18n-title="share.tooltip" title="Share">
         <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon-sm">
           <circle cx="18" cy="5" r="3"/>
@@ -79,7 +72,7 @@
     </div>
   </header>
 
-  <!-- ── Command-palette search overlay (⌘K / top cmdbar) ─────────────────── -->
+  <!-- ── Command-palette search overlay (platform shortcut / top cmdbar) ───── -->
   <!-- Search lives here, decoupled from the sidebar list: results render in
        #session-search-results and the left session list is never replaced. -->
   <div id="session-search-overlay" class="cmd-palette-overlay" hidden>
@@ -135,7 +128,28 @@
         <div class="sidebar-divider">
           <span data-i18n="sidebar.chat">Sessions</span>
           <div class="sidebar-divider-actions">
-            <button id="btn-new-session-inline" class="btn-split-main" title="New Session" data-i18n="sessions.newSession">+ New Session</button>
+            <div class="btn-split-wrap">
+              <button id="btn-new-session-inline" class="btn-split-main" title="New Session">
+                <svg width="13" height="13" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+                  <path d="M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"/>
+                  <line x1="12" y1="8" x2="12" y2="14" stroke="currentColor" stroke-width="1.75" stroke-linecap="round"/>
+                  <line x1="9" y1="11" x2="15" y2="11" stroke="currentColor" stroke-width="1.75" stroke-linecap="round"/>
+                </svg>
+                <span data-i18n="sessions.newSession">New Session</span>
+              </button>
+              <div class="btn-split-dropdown">
+                <button id="btn-new-session-advanced" class="btn-split-arrow" aria-label="Advanced new session options">
+                  <svg width="10" height="10" viewBox="0 0 10 10" fill="none" xmlns="http://www.w3.org/2000/svg">
+                    <path d="M2 3.5L5 6.5L8 3.5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+                  </svg>
+                </button>
+                <div class="btn-split-menu">
+                  <button class="btn-split-menu-item" id="btn-new-session-goto-advanced">
+                    <span data-i18n="sessions.advancedOptions">Advanced options</span>
+                  </button>
+                </div>
+              </div>
+            </div>
           </div>
         </div>
 
@@ -573,6 +587,8 @@
             <button class="skills-tab" data-tab="brand-skills" id="tab-brand-skills" data-i18n="skills.tab.brand">Brand Skills</button>
           </div>
           <div class="skills-tabs-controls">
+            <!-- Search input -->
+            <input type="text" id="skills-search-input" class="skills-search" placeholder="Search skills…" data-i18n-placeholder="skills.search.placeholder" />
             <!-- Show system skills toggle (only visible in My Skills tab) -->
             <label class="skills-filter-toggle" id="label-show-system">
               <input type="checkbox" id="chk-show-system-skills">
@@ -669,9 +685,9 @@
           <div class="extensions-toolbar-right">
             <input type="text" id="extensions-search-input" class="extensions-search" placeholder="Search extensions…" />
             <select id="extensions-sort" class="extensions-sort">
+              <option value="downloads" data-i18n="extensions.sort.downloads">Most downloaded</option>
               <option value="newest" data-i18n="extensions.sort.newest">Newest</option>
               <option value="updated" data-i18n="extensions.sort.updated">Recently updated</option>
-              <option value="downloads" data-i18n="extensions.sort.downloads">Most downloaded</option>
             </select>
           </div>
         </div>

data/lib/clacky/web/sessions.js

@@ -487,8 +487,8 @@ const Sessions = (() => {
   // ── New session controls (split button + welcome + modal) ──────────────
   //
   // Wires up every button/interaction that kicks off session creation:
-  //   - "+ New Session" inline split-button (quick create)
-  //   - "▾" arrow button (opens dropdown → advanced options modal)
+  //   - "+ New Session" inline split-button (quick create — directly creates a plain session)
+  //   - "▾" arrow button (navigates to /#new for advanced options)
   //   - "+ New Session" big button on the welcome screen
   //   - New Session Modal: close / cancel / create / overlay click / browse
   //   - Load-more button (rendered dynamically by renderList)
@@ -497,7 +497,28 @@ const Sessions = (() => {
   // we call addEventListener directly (no ?. / no `if` guards). If any is
   // missing, it means HTML and JS drifted and we want the loud error.
   function _initNewSessionControls() {
-    document.getElementById("btn-new-session-inline")
+    // Main button: directly create a plain session using the last-used agent.
+    const _btnNewInline = document.getElementById("btn-new-session-inline");
+    _btnNewInline.addEventListener("click", async () => {
+        if (_btnNewInline.disabled) return;
+        _btnNewInline.disabled = true;
+        try {
+          const session = await NewSessionStore.createSession({ existingSessions: _sessions });
+          if (!session) return;
+          NewSessionStore.reset();
+          // Add to local list immediately so renderList shows it and findOrFetch
+          // can locate it synchronously (without a round-trip to the API).
+          if (!_sessions.find(s => s.id === session.id)) {
+            _sessions.unshift(session);
+          }
+          location.hash = `session/${session.id}`;
+        } finally {
+          _btnNewInline.disabled = false;
+        }
+      });
+
+    // Arrow button: hover (CSS) shows menu. Menu item navigates to /#new on click.
+    document.getElementById("btn-new-session-goto-advanced")
       .addEventListener("click", () => { location.hash = "#new"; });
 
     document.addEventListener("click", (e) => {
@@ -884,8 +905,17 @@ const Sessions = (() => {
   //
   // Everything uses event delegation because some elements (e.g. the clear
   // buttons) are re-rendered as filter state changes.
+  function _sessionSearchShortcutLabel() {
+    const uaDataPlatform = navigator.userAgentData && navigator.userAgentData.platform;
+    const platform = (uaDataPlatform || navigator.platform || "").toString();
+    return /mac/i.test(platform) ? "⌘ + K" : "Ctrl + K";
+  }
+
   function _initSearch() {
-    // Open the palette: top cmdbar button (or ⌘K, bound below).
+    const cmdbarKbd = document.querySelector("#header-cmdbar .cmdbar-kbd");
+    if (cmdbarKbd) cmdbarKbd.textContent = _sessionSearchShortcutLabel();
+
+    // Open the palette: top cmdbar button (or the keyboard shortcut, bound below).
     document.addEventListener("click", (e) => {
       if (e.target && e.target.closest("#header-cmdbar")) {
         if (!Sessions.searchOpen) Sessions.toggleSearch();
@@ -1349,6 +1379,10 @@ const Sessions = (() => {
         bubbleHtml += escapeHtml(ev.content || "");
         el.innerHTML = bubbleHtml;
         if (ev.created_at) el.dataset.createdAt = ev.created_at;
+        // Messages archived into a compressed chunk can't be edited (the backend
+        // truncate keys off the active in-memory history). Flag them so the edit
+        // affordance stays hidden.
+        if (ev.editable === false) el.dataset.editable = "false";
         const wrap = document.createElement("div");
         wrap.className = "msg-user-wrap";
         wrap.appendChild(el);
@@ -1660,8 +1694,8 @@ const Sessions = (() => {
     const today = new Date(now.getFullYear(), now.getMonth(), now.getDate());
     const dDay  = new Date(d.getFullYear(), d.getMonth(), d.getDate());
     const diffDays = Math.round((today - dDay) / 86400000);
-    if (diffDays === 0) return `Today ${hhmm}`;
-    if (diffDays === 1) return `Yesterday ${hhmm}`;
+    if (diffDays === 0) return `${I18n.t("sessions.today")} ${hhmm}`;
+    if (diffDays === 1) return `${I18n.t("sessions.yesterday")} ${hhmm}`;
     return `${d.getMonth() + 1}/${d.getDate()} ${hhmm}`;
   }
 
@@ -1748,7 +1782,9 @@ const Sessions = (() => {
     });
 
     bar.appendChild(copyBtn);
-    bar.appendChild(editBtn);
+    // Skip the edit affordance for messages already archived into a compressed
+    // chunk — editing them would silently no-op on the backend.
+    if (el.dataset.editable !== "false") bar.appendChild(editBtn);
     wrap.appendChild(bar);
   }
 
@@ -1802,8 +1838,9 @@ const Sessions = (() => {
     sendBtn.textContent = I18n.t("chat.send");
     sendBtn.addEventListener("click", () => _submitEdit(el, textarea.value.trim()));
 
+    const editIme = IME.track(textarea);
     textarea.addEventListener("keydown", (e) => {
-      if (e.key === "Enter" && !e.shiftKey) {
+      if (e.key === "Enter" && !e.shiftKey && !editIme.isComposing(e)) {
         e.preventDefault();
         _submitEdit(el, textarea.value.trim());
       }

data/scripts/uninstall.sh

@@ -227,7 +227,7 @@ uninstall_gem() {
     command_exists gem || return 1
     if gem list -i openclacky >/dev/null 2>&1; then
         print_step "Uninstalling via RubyGems..."
-        gem uninstall openclacky -x
+        gem uninstall openclacky -a -x
     else
         print_info "Gem 'openclacky' not found (already removed)"
     fi

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: openclacky
 version: !ruby/object:Gem::Version
-  version: 1.3.11
+  version: 1.4.1
 platform: ruby
 authors:
 - windy
@@ -480,6 +480,7 @@ files:
 - lib/clacky/media/gemini.rb
 - lib/clacky/media/generator.rb
 - lib/clacky/media/openai_compat.rb
+- lib/clacky/media/volcengine.rb
 - lib/clacky/message_format/anthropic.rb
 - lib/clacky/message_format/bedrock.rb
 - lib/clacky/message_format/open_ai.rb