openclacky 1.4.0 → 1.4.1

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

@@ -22,7 +22,7 @@ const ExtensionsStore = (() => {
   let _extensions      = [];        // [{ id, name, name_zh, description, ..., units }]
   let _allExtensions   = [];        // unfiltered result from server
   let _query           = "";        // current search text
-  let _sort            = "newest";  // "newest" | "updated" | "downloads"
+  let _sort            = "downloads";  // "newest" | "updated" | "downloads"
   let _filterInstalled = false;     // when true, show only installed extensions
   let _loading    = false;
   let _error      = null;      // soft warning when the store is unreachable
@@ -102,7 +102,7 @@ const ExtensionsStore = (() => {
 
     /** Set the sort order and reload. */
     setSort(sort) {
-      _sort = sort || "newest";
+      _sort = sort || "downloads";
       return Extensions.load();
     },
 

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

@@ -291,10 +291,23 @@ const ExtensionsView = (() => {
           ${_renderActions(ext)}
         </div>
       </div>
-      ${_renderEntryPoints(ext.contributes)}
+      ${_renderReadme(ext.readme)}
       ${_renderVersions(ext.versions)}`;
   }
 
+  // Renders Markdown readme content. Uses marked.js if available, falls back to plain text.
+  function _renderReadme(readme) {
+    if (!readme || !readme.trim()) return "";
+    const html = typeof marked !== "undefined"
+      ? marked.parse(readme, { breaks: true, gfm: true })
+      : `<pre style="white-space:pre-wrap">${escapeHtml(readme)}</pre>`;
+    return `
+      <div class="extension-detail-block extension-readme">
+        <h3 class="extension-detail-block-title">${escapeHtml(I18n.t("extensions.detail.readme"))}</h3>
+        <div class="extension-readme-body">${html}</div>
+      </div>`;
+  }
+
   // Manage buttons for a locally installed extension: enable/disable toggle
   // (always available when installed) plus remove (installed layer only).
   function _renderActions(ext) {
@@ -374,24 +387,6 @@ 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) => {

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

@@ -84,6 +84,11 @@ const McpView = (() => {
 
     data.servers.forEach(server => {
       list.appendChild(_renderCard(server));
+      // _renderTools uses getElementById which requires the card to already be
+      // in the DOM, so we call it after appendChild (not inside _renderCard).
+      if (McpStore.state.isExpanded(server.name) && !server.disabled) {
+        _renderTools(server.name);
+      }
     });
   }
 
@@ -170,8 +175,6 @@ const McpView = (() => {
     card.querySelector(`#toggle-mcp-${CSS.escape(server.name)}`)
       ?.addEventListener("change", (ev) => _toggle(server.name, ev.target.checked));
 
-    if (isExpanded && !server.disabled) _renderTools(server.name);
-
     return card;
   }
 

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

@@ -179,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",
@@ -537,16 +538,9 @@ 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.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",
@@ -1159,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": "取消置顶",
@@ -1516,16 +1511,9 @@ const I18n = (() => {
       "extensions.unit.api":      "个 API",
       "extensions.unit.apis":     "个 API",
       "extensions.detail.back":        "返回",
+      "extensions.detail.readme":          "使用说明",
       "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":     "面板",

data/lib/clacky/web/index.html

@@ -128,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>
 
@@ -664,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) => {
@@ -1358,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);
@@ -1757,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);
   }
 
@@ -1811,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.4.0
+  version: 1.4.1
 platform: ruby
 authors:
 - windy