openclacky 1.3.10 → 1.4.0

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

@@ -77,18 +77,35 @@ const ExtensionsView = (() => {
     return parts.join(" · ");
   }
 
+  function _defaultIcon(name, extraClass) {
+    const letter = (name || "?")[0].toUpperCase();
+    const colors = [
+      ["#6366f1","#818cf8"], ["#8b5cf6","#a78bfa"], ["#ec4899","#f472b6"],
+      ["#f59e0b","#fbbf24"], ["#10b981","#34d399"], ["#3b82f6","#60a5fa"],
+      ["#ef4444","#f87171"], ["#14b8a6","#2dd4bf"],
+    ];
+    const idx = (name || "").charCodeAt(0) % colors.length;
+    const [c1, c2] = colors[idx];
+    const gid = `eg-${idx}-${Math.random().toString(36).slice(2,7)}`;
+    const cls = extraClass ? `extension-emoji ${extraClass}` : "extension-emoji";
+    return `<span class="${cls}"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" class="extension-default-icon"><defs><linearGradient id="${gid}" x1="0" y1="0" x2="1" y2="1"><stop offset="0%" stop-color="${c1}"/><stop offset="100%" stop-color="${c2}"/></linearGradient></defs><rect width="32" height="32" rx="8" fill="url(#${gid})"/><text x="16" y="22" text-anchor="middle" font-family="system-ui,sans-serif" font-size="16" font-weight="700" fill="white">${letter}</text></svg></span>`;
+  }
+
   function _renderCard(ext) {
     const currentLang = I18n.lang();
-    const name = (currentLang === "zh" && ext.name_zh) ? ext.name_zh : ext.name;
+    const name = (currentLang === "zh" && ext.display_name_zh) ? ext.display_name_zh : (ext.display_name || ext.name);
     const description = (currentLang === "zh" && ext.description_zh)
       ? ext.description_zh
       : ext.description || "";
-    const emoji = ext.emoji || "🧩";
+    const emojiHtml = ext.emoji ? `<span class="extension-emoji">${escapeHtml(ext.emoji)}</span>` : _defaultIcon(ext.name);
 
     const versionHtml = ext.version
       ? `<span class="extension-version">v${escapeHtml(String(ext.version))}</span>` : "";
+    const canUpdate = ext.installed_version && ext.version && ext.installed_version !== ext.version;
     const installedHtml = ext.installed
       ? `<span class="extension-installed">${escapeHtml(I18n.t("extensions.installed"))}</span>` : "";
+    const updatableHtml = canUpdate
+      ? `<span class="extension-updatable">${escapeHtml(I18n.t("extensions.updatable"))}</span>` : "";
     const unlistedHtml = (ext.unlisted && ext.installed)
       ? `<span class="extension-unlisted">${escapeHtml(I18n.t("extensions.unlisted"))}</span>` : "";
     const unitsText = _formatUnits(ext.units);
@@ -98,22 +115,26 @@ const ExtensionsView = (() => {
       ? `<a class="extension-homepage" href="${escapeHtml(ext.homepage)}" target="_blank" rel="noopener noreferrer">${I18n.t("extensions.homepage")}</a>`
       : "";
     const authorHtml = ext.author
-      ? `<span class="extension-author">· ${escapeHtml(ext.author)}</span>` : "";
+      ? `<span class="extension-author">${escapeHtml(I18n.t("extensions.by"))}${escapeHtml(ext.author)}</span>` : "";
+    const installsHtml = ext.download_count > 0
+      ? `<span class="extension-installs">${escapeHtml(String(ext.download_count))} ${escapeHtml(I18n.t("extensions.installs"))}</span>` : "";
 
     const card = document.createElement("div");
     card.className = "extension-card extension-card-clickable";
     card.dataset.extId = ext.id != null ? String(ext.id) : (ext.name || "");
     card.innerHTML = `
       <div class="extension-card-main">
-        <div class="extension-emoji">${escapeHtml(emoji)}</div>
+        ${emojiHtml}
         <div class="extension-info">
           <div class="extension-title">
             <span class="extension-name">${escapeHtml(name)}</span>
-            ${authorHtml}
             ${versionHtml}
             ${installedHtml}
+            ${updatableHtml}
             ${unlistedHtml}
             ${unitsHtml}
+            ${authorHtml}
+            ${installsHtml}
           </div>
           ${description ? `<div class="extension-desc">${escapeHtml(description)}</div>` : ""}
           ${homepageHtml ? `<div class="extension-meta">${homepageHtml}</div>` : ""}
@@ -202,6 +223,16 @@ const ExtensionsView = (() => {
         Extensions.install(id);
       });
     }
+
+    const updateBtn = document.querySelector("[data-ext-update]");
+    if (updateBtn) {
+      updateBtn.addEventListener("click", () => {
+        const id = updateBtn.getAttribute("data-ext-update");
+        updateBtn.disabled = true;
+        updateBtn.textContent = I18n.t("extensions.action.updating");
+        Extensions.update(id);
+      });
+    }
   }
 
   function _backToList() {
@@ -212,16 +243,23 @@ const ExtensionsView = (() => {
 
   function _detailContent(ext) {
     const currentLang = I18n.lang();
-    const name = (currentLang === "zh" && ext.name_zh) ? ext.name_zh : ext.name;
+    const name = (currentLang === "zh" && ext.display_name_zh) ? ext.display_name_zh : (ext.display_name || ext.name);
     const description = (currentLang === "zh" && ext.description_zh)
       ? ext.description_zh
       : ext.description || "";
     const emoji = ext.emoji || "🧩";
+    const detailEmojiHtml = ext.emoji
+      ? `<span class="extension-emoji extension-emoji-lg">${escapeHtml(ext.emoji)}</span>`
+      : _defaultIcon(ext.name, "extension-emoji-lg");
 
+    const canUpdate = ext.installed && ext.installed_version && ext.version && ext.installed_version !== ext.version;
     const versionHtml = ext.version
       ? `<span class="extension-version">v${escapeHtml(String(ext.version))}</span>` : "";
+    const installedLabel = canUpdate && ext.installed_version
+      ? `${I18n.t("extensions.installed")} v${escapeHtml(String(ext.installed_version))}`
+      : I18n.t("extensions.installed");
     const installedHtml = ext.installed
-      ? `<span class="extension-installed">${escapeHtml(I18n.t("extensions.installed"))}</span>` : "";
+      ? `<span class="extension-installed">${installedLabel}</span>` : "";
     const unlistedHtml = ext.unlisted
       ? `<span class="extension-unlisted">${escapeHtml(I18n.t("extensions.unlisted"))}</span>` : "";
     const unitsText = _formatUnits(ext.units);
@@ -231,26 +269,29 @@ const ExtensionsView = (() => {
       ? `<a class="extension-homepage" href="${escapeHtml(ext.homepage)}" target="_blank" rel="noopener noreferrer">${I18n.t("extensions.homepage")}</a>`
       : "";
     const authorHtml = ext.author
-      ? `<span class="extension-author">· ${escapeHtml(ext.author)}</span>` : "";
+      ? `<span class="extension-author">${escapeHtml(I18n.t("extensions.by"))}${escapeHtml(ext.author)}</span>` : "";
+    const installsHtml = ext.download_count > 0
+      ? `<span class="extension-installs">${escapeHtml(String(ext.download_count))} ${escapeHtml(I18n.t("extensions.installs"))}</span>` : "";
 
     return `
       <div class="extension-detail-hero">
-        <div class="extension-emoji extension-emoji-lg">${escapeHtml(emoji)}</div>
+        ${detailEmojiHtml}
         <div class="extension-detail-heading">
           <div class="extension-title">
             <span class="extension-name extension-name-lg">${escapeHtml(name)}</span>
-            ${authorHtml}
             ${versionHtml}
             ${installedHtml}
             ${unlistedHtml}
             ${unitsHtml}
+            ${authorHtml}
+            ${installsHtml}
           </div>
           ${description ? `<div class="extension-desc extension-desc-detail">${escapeHtml(description)}</div>` : ""}
           ${homepageHtml ? `<div class="extension-meta">${homepageHtml}</div>` : ""}
           ${_renderActions(ext)}
         </div>
       </div>
-      ${_renderContributes(ext.contributes)}
+      ${_renderEntryPoints(ext.contributes)}
       ${_renderVersions(ext.versions)}`;
   }
 
@@ -275,9 +316,14 @@ const ExtensionsView = (() => {
     const removeBtn = ext.removable
       ? `<button type="button" class="extension-action extension-action-remove" data-ext-remove="${escapeHtml(slug)}">${escapeHtml(I18n.t("extensions.action.remove"))}</button>`
       : "";
+    const canUpdate = ext.installed_version && ext.version && ext.installed_version !== ext.version && ext.download_url;
+    const updateBtn = canUpdate
+      ? `<button type="button" class="extension-action extension-action-update" data-ext-update="${escapeHtml(id)}">${escapeHtml(I18n.t("extensions.action.update"))}</button>`
+      : "";
     return `
       <div class="extension-detail-actions">
         ${disabledBadge}
+        ${updateBtn}
         <button type="button" class="extension-action ${toggleCls}" data-ext-toggle="${escapeHtml(slug)}" data-ext-enabled="${ext.disabled ? "1" : "0"}">${escapeHtml(I18n.t(toggleKey))}</button>
         ${removeBtn}
       </div>`;
@@ -328,6 +374,24 @@ const ExtensionsView = (() => {
       </div>`;
   }
 
+  function _renderEntryPoints(contributes) {
+    if (!contributes || !Array.isArray(contributes.panels)) return "";
+    const eps = contributes.panels.flatMap((p) => Array.isArray(p.entry_points) ? p.entry_points : []);
+    if (eps.length === 0) return "";
+    const rows = eps.map((ep) => {
+      const slotKey = "extensions.slot." + ep.slot;
+      const label = I18n.t(slotKey) !== slotKey ? I18n.t(slotKey) : ep.slot;
+      return `<li class="extension-contrib-item"><span class="extension-contrib-title">${escapeHtml(label)}</span></li>`;
+    }).join("");
+    return `
+      <div class="extension-detail-block">
+        <h3 class="extension-detail-block-title">${escapeHtml(I18n.t("extensions.detail.entry_points"))}</h3>
+        <div class="extension-detail-section">
+          <ul class="extension-contrib-list">${rows}</ul>
+        </div>
+      </div>`;
+  }
+
   function _renderVersions(versions) {
     if (!Array.isArray(versions) || versions.length === 0) return "";
     const rows = versions.map((v) => {
@@ -336,9 +400,9 @@ const ExtensionsView = (() => {
         <li class="extension-version-item">
           <div class="extension-version-row">
             <span class="extension-version">v${escapeHtml(String(v.version || ""))}</span>
-            ${date ? `<span class="extension-version-date">${escapeHtml(date)}</span>` : ""}
+            ${date ? `<span class="extension-version-separator">-</span><span class="extension-version-date">${escapeHtml(date)}</span>` : ""}
           </div>
-          ${v.release_notes ? `<div class="extension-version-notes">${escapeHtml(String(v.release_notes))}</div>` : ""}
+          ${v.release_notes ? `<div class="extension-version-notes">${typeof marked !== "undefined" ? marked.parse(String(v.release_notes).replace(/^#{1,3}[^\n]*\n?/, ""), { breaks: true, gfm: true }) : escapeHtml(String(v.release_notes))}</div>` : ""}
         </li>`;
     }).join("");
     return `

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/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",
@@ -414,6 +416,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",
@@ -512,15 +516,17 @@ const I18n = (() => {
       "extensions.searchPlaceholder": "Search extensions…",
       "extensions.sort.newest":   "Newest",
       "extensions.sort.updated":  "Recently updated",
-      "extensions.sort.downloads": "Most downloaded",
+      "extensions.sort.downloads": "Most installed",
       "extensions.filter.all":       "All",
       "extensions.filter.installed": "Installed",
       "extensions.empty":         "No extensions available yet.",
       "extensions.noResults":     "No extensions match your search.",
       "extensions.loadFailed":    "Could not reach the extension store.",
       "extensions.homepage":      "Homepage",
-      "extensions.by":            "by",
-      "extensions.installed":     "Installed",
+      "extensions.by":            "by ",
+      "extensions.installs":      "installs",
+      "extensions.installed":          "Installed",
+      "extensions.updatable":          "Update available",
       "extensions.unlisted":      "Unlisted",
       "extensions.unit.skill":    "skill",
       "extensions.unit.skills":   "skills",
@@ -532,7 +538,15 @@ const I18n = (() => {
       "extensions.unit.apis":     "APIs",
       "extensions.detail.back":        "Back",
       "extensions.detail.contributes": "What's inside",
+      "extensions.detail.entry_points": "Access points",
       "extensions.detail.versions":    "Version history",
+      "extensions.slot.sidebar.nav":        "Sidebar nav",
+      "extensions.slot.sidebar.nav.top":    "Sidebar nav (top)",
+      "extensions.slot.sidebar.nav.bottom": "Sidebar nav (bottom)",
+      "extensions.slot.sidebar.footer":     "Sidebar footer",
+      "extensions.slot.main.workspace":     "Main workspace",
+      "extensions.slot.session.aside":      "Session aside",
+      "extensions.slot.settings.tabs":      "Settings tab",
       "extensions.section.agents":     "Agents",
       "extensions.section.skills":     "Skills",
       "extensions.section.panels":     "Panels",
@@ -540,6 +554,8 @@ const I18n = (() => {
       "extensions.disabled":               "Disabled",
       "extensions.action.install":         "Install",
       "extensions.action.installing":      "Installing…",
+      "extensions.action.update":          "Update",
+      "extensions.action.updating":        "Updating…",
       "extensions.action.disable":         "Disable",
       "extensions.action.enable":          "Enable",
       "extensions.action.remove":          "Remove",
@@ -1059,6 +1075,8 @@ const I18n = (() => {
       "sessions.deleteTitle":   "删除会话",
       "sessions.createError":   "错误：",
       "sessions.dirNotEmpty":   "该目录已存在且不为空，请换一个目录名。",
+      "sessions.today":          "今天",
+      "sessions.yesterday":      "昨天",
       "sessions.export.tooltip": "下载会话文件（session.json + 归档片段 + 当天日志），用于调试",
       "sessions.export.failed":  "下载会话文件失败",
       "sessions.actions.tooltip":      "点击查看会话操作",
@@ -1377,6 +1395,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":            "无技能",
@@ -1475,15 +1495,17 @@ const I18n = (() => {
       "extensions.searchPlaceholder": "搜索扩展…",
       "extensions.sort.newest":   "最新",
       "extensions.sort.updated":  "最近更新",
-      "extensions.sort.downloads": "下载最多",
+      "extensions.sort.downloads": "安装最多",
       "extensions.filter.all":       "全部",
       "extensions.filter.installed": "已安装",
       "extensions.empty":         "暂无可用扩展。",
       "extensions.noResults":     "没有匹配的扩展。",
       "extensions.loadFailed":    "无法连接扩展市场。",
       "extensions.homepage":      "主页",
-      "extensions.by":            "作者",
-      "extensions.installed":     "已安装",
+      "extensions.by":            "作者：",
+      "extensions.installs":      "次安装",
+      "extensions.installed":          "已安装",
+      "extensions.updatable":          "有更新",
       "extensions.unlisted":      "已下架",
       "extensions.unit.skill":    "个技能",
       "extensions.unit.skills":   "个技能",
@@ -1495,7 +1517,15 @@ const I18n = (() => {
       "extensions.unit.apis":     "个 API",
       "extensions.detail.back":        "返回",
       "extensions.detail.contributes": "包含内容",
+      "extensions.detail.entry_points": "访问入口",
       "extensions.detail.versions":    "版本历史",
+      "extensions.slot.sidebar.nav":        "侧边栏导航",
+      "extensions.slot.sidebar.nav.top":    "侧边栏导航（顶部）",
+      "extensions.slot.sidebar.nav.bottom": "侧边栏导航（底部）",
+      "extensions.slot.sidebar.footer":     "侧边栏底部",
+      "extensions.slot.main.workspace":     "主工作区",
+      "extensions.slot.session.aside":      "会话侧栏",
+      "extensions.slot.settings.tabs":      "设置页标签",
       "extensions.section.agents":     "Agent",
       "extensions.section.skills":     "技能",
       "extensions.section.panels":     "面板",
@@ -1503,6 +1533,8 @@ const I18n = (() => {
       "extensions.disabled":               "已禁用",
       "extensions.action.install":         "安装",
       "extensions.action.installing":      "安装中…",
+      "extensions.action.update":          "更新",
+      "extensions.action.updating":        "更新中…",
       "extensions.action.disable":         "禁用",
       "extensions.action.enable":          "启用",
       "extensions.action.remove":          "移除",

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>
@@ -573,6 +566,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">

data/lib/clacky/web/sessions.js

@@ -884,8 +884,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();
@@ -1660,8 +1669,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}`;
   }
 

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: openclacky
 version: !ruby/object:Gem::Version
-  version: 1.3.10
+  version: 1.4.0
 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