openclacky 1.3.8 → 1.3.9

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 589d52edb2af8ec7ebea8d596a4b342791230009666a8757f4391b95df22d667
-  data.tar.gz: 07c80f79e8a9df57b4232a1317b1a6f8b4557cf136289f7ea1b7a9e93caba5aa
+  metadata.gz: d7208295135923baf898665ce973cbd07ec3e218437cf896bf3a6a2644b2d026
+  data.tar.gz: ced24c041431be4afde0a6237afe250ca0876091c1b5f0ee3bf28eb4d166c152
 SHA512:
-  metadata.gz: e474dff0d682c03bbd9756a37e9c64a29d13f51c35b73a76440e62eeac4b92d5ce6251e7357493531ce0669a770607a37a17ceb8715eadf5f849a7b04a6f373a
-  data.tar.gz: 8863d9a310224162b3fc0dad4513c933ebafcc74be5d2157d890d7a4f2dd667f66c9f658e61d289c078fdf39c5961bb5c0895317553c0f25b5054142f2c127b9
+  metadata.gz: eab17f40014529d41ab26f6aee158caee98f3d6a78eef6066bff86f65d24cd8cc949f20c4ce31e3a878c11bb0e70ee6210dbe68b2dbfcd2e4840dd041257e506
+  data.tar.gz: cfdbd77b8bdd77d8a065fe3eea1222e6d272f792ad116ca511f50becb25f0db5690bb6683cddd8e1f33fe25228bacadaec32582d6d37daa3596d3d6133f19e10

data/CHANGELOG.md

@@ -3,6 +3,24 @@
 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.3.9] - 2026-07-08
+
+### Added
+- Installed filter tab in extension marketplace toolbar — quickly view only installed extensions
+- Extension detail page UI improvements with better uninstall behavior
+- `send_data` helper for API extensions to return binary file responses
+
+### Improved
+- Extension marketplace upload flow reworked — `origin` field removed, cleaner package structure
+- Publish modal redesigned with meta block, improved layout, size, and animation
+- Debug panel verify result now shown inline in action bar with auto-hide and friendly hint
+
+### Fixed
+- Zero-byte zip download when exporting extensions — binary responses now handled correctly
+- Filter tab bottom padding adjusted for better underline spacing
+- New-session advanced panel margin-top adjusted
+- Debug panel detail no longer shows origin field
 and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
 
 ## [1.3.8] - 2026-07-07

data/lib/clacky/brand_config.rb

@@ -596,7 +596,7 @@ module Clacky
     #
     # Returns { success: true, extension: {...} } or
     #         { success: false, error: "...", already_exists: Boolean }.
-    def upload_extension!(ext_id, zip_data, force: false, status: nil, changelog: nil)
+    def upload_extension!(ext_id, zip_data, force: false, status: nil, changelog: nil, origin: 'marketplace')
       identity = Clacky::Identity.load
       return { success: false, error: "Device not bound to a platform account" } unless identity.bound?
 
@@ -607,6 +607,7 @@ module Clacky
              end
 
       fields = { "device_token" => identity.device_token }
+      fields["origin"]    = origin.to_s      if origin
       fields["status"]    = status.to_s    if status
       fields["changelog"] = changelog.to_s if changelog
 

data/lib/clacky/default_extensions/coding/ext.yml

@@ -5,7 +5,6 @@ version: "0.1.0"
 author: OpenClacky
 homepage: https://www.openclacky.com
 license: MIT
-origin: self
 contributes:
   agents:
     - id: coding

data/lib/clacky/default_extensions/ext-studio/agents/ext-developer/system_prompt.md

@@ -40,7 +40,6 @@ id: my-ext
 name: My Extension
 description: what it does
 version: "0.1.0"
-origin: self
 contributes:
   api: api/handler.rb
   panels:

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

@@ -48,12 +48,13 @@ class ExtStudioExt < Clacky::ApiExtension
 
   # POST /api/ext/ext-studio/pack
   # body: { ext_id }
-  # Packs a local container into a zip (into a temp dir) and reports its path.
+  # Packs a local container and streams the zip back as a file download.
   post "/pack" do
     ext_id = require_ext_id!
     Dir.mktmpdir("clacky-ext-studio-pack") do |tmp|
-      res = Clacky::ExtensionPackager.pack(ext_id, out_dir: tmp)
-      json(ok: true, ext_id: res.ext_id, path: res.path)
+      res      = Clacky::ExtensionPackager.pack(ext_id, out_dir: tmp)
+      zip_data = File.binread(res.path)
+      send_data(zip_data, content_type: "application/zip", filename: "#{res.ext_id}.zip")
     end
   rescue Clacky::ExtensionPackager::Error => e
     error!(e.message, status: 422)

data/lib/clacky/default_extensions/ext-studio/ext.yml

@@ -5,7 +5,6 @@ version: "0.1.0"
 author: OpenClacky
 homepage: https://www.openclacky.com
 license: MIT
-origin: self
 contributes:
   api: api/handler.rb
   panels:

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

@@ -29,7 +29,7 @@
       "verify.errors": "{{n}} error(s)",
       "verify.warnings": "{{n}} warning(s)",
       "verify.hint": "Hint",
-      "hint.reload": "After fixing, reload this page — extensions hot-reload per request.",
+      "hint.reload": "After fixing, reload this page to apply changes.",
       "publish.status": "Status",
       "publish.status.draft": "Draft",
       "publish.status.published": "Published",
@@ -39,9 +39,9 @@
       "btn.publish": "Publish to marketplace",
       "btn.publishing": "Publishing…",
       "btn.pack": "Pack (.zip)",
+      "btn.packing": "Packing…",
       "publish.needLicense": "Publishing requires an activated user license.",
       "publish.done": "Published {{id}} {{ver}} — {{status}}",
-      "publish.packed": "Packed → {{path}}",
       "publish.already": "Already published. Enable \"publish a new version\" to ship.",
       "published.title": "Your published extensions",
       "published.empty": "You haven't published anything yet.",
@@ -98,6 +98,7 @@
       "extlist.btn.publish": "Publish",
       "extlist.btn.update": "Update",
       "extlist.btn.pack": "Pack",
+      "extlist.btn.packing": "Packing…",
       "extlist.btn.unpublish": "Unpublish",
       "extlist.btn.iterate": "Iterate",
       "extlist.iterate.seed": "Iterate on extension {{id}}",
@@ -105,7 +106,6 @@
       "extlist.overwrite.confirm": "\"{{id}}\" is already published. Publish a new version?",
       "extlist.unpublish.confirm": "Unpublish {{id}} from the marketplace?",
       "extlist.publishing": "Publishing…",
-      "extlist.packed": "Packed → {{path}}",
       "extlist.needLicense": "Publishing requires an activated user license.",
       "extlist.newExt.label": "Create a new extension",
       "extlist.newExt.hint": "Opens an AI session that scaffolds and builds it for you.",
@@ -159,7 +159,7 @@
       "verify.errors": "{{n}} 个错误",
       "verify.warnings": "{{n}} 个警告",
       "verify.hint": "提示",
-      "hint.reload": "修复后刷新本页 —— 扩展每次请求热重载。",
+      "hint.reload": "修复问题后，刷新页面即可生效。",
       "publish.status": "状态",
       "publish.status.draft": "草稿",
       "publish.status.published": "已发布",
@@ -169,9 +169,9 @@
       "btn.publish": "发布到市场",
       "btn.publishing": "发布中…",
       "btn.pack": "打包 (.zip)",
+      "btn.packing": "打包中…",
       "publish.needLicense": "发布需要已激活的用户授权。",
       "publish.done": "已发布 {{id}} {{ver}} — {{status}}",
-      "publish.packed": "已打包 → {{path}}",
       "publish.already": "已发布过。勾选「发布新版本」后再试。",
       "published.title": "你发布的扩展",
       "published.empty": "你还没有发布任何扩展。",
@@ -228,6 +228,7 @@
       "extlist.btn.publish": "发布",
       "extlist.btn.update": "更新",
       "extlist.btn.pack": "打包",
+      "extlist.btn.packing": "打包中…",
       "extlist.btn.unpublish": "下架",
       "extlist.btn.iterate": "迭代",
       "extlist.iterate.seed": "迭代扩展 {{id}}",
@@ -235,7 +236,6 @@
       "extlist.overwrite.confirm": "「{{id}}」已经发布过了。要发布新版本吗？",
       "extlist.unpublish.confirm": "确定要从市场下架 {{id}} 吗？",
       "extlist.publishing": "发布中…",
-      "extlist.packed": "已打包 → {{path}}",
       "extlist.needLicense": "发布需要已激活的用户授权。",
       "extlist.newExt.label": "新建扩展",
       "extlist.newExt.hint": "打开一个 AI 会话，帮你生成并开发它。",
@@ -302,6 +302,28 @@
     return data;
   }
 
+  async function downloadPack(ext_id) {
+    const res = await fetch(api("/pack"), {
+      method: "POST",
+      headers: { "Content-Type": "application/json" },
+      body: JSON.stringify({ ext_id }),
+    });
+    if (!res.ok) {
+      let msg = `Request failed (${res.status})`;
+      try { msg = (await res.json()).error || msg; } catch (_e) {}
+      throw new Error(msg);
+    }
+    const blob = await res.blob();
+    const url  = URL.createObjectURL(blob);
+    const a    = document.createElement("a");
+    a.href     = url;
+    a.download = `${ext_id}.zip`;
+    document.body.appendChild(a);
+    a.click();
+    document.body.removeChild(a);
+    URL.revokeObjectURL(url);
+  }
+
   // Skills tab talks to host-owned endpoints (not the ext prefix). We surface
   // the HTTP status so the caller can treat 403 as "locked" rather than error.
   async function getHost(path) {
@@ -452,29 +474,26 @@
       const version = ext.version;
       const isUpdate = !!prevVersion;
 
-      const intro = el("p", { class: "studio-modal-status", text: t("pub.intro", { name: ext.name }) });
+      const intro = el("p", { class: "studio-modal-intro", text: t("pub.intro", { name: ext.name }) });
 
       const verText = !version
         ? t("pub.version.missing")
         : isUpdate
           ? t("pub.version.update", { prev: prevVersion, ver: version })
           : t("pub.version.new", { ver: version });
-      const verLine = el("p", { class: "studio-modal-code", text: verText });
 
-      const unitList = (ext.units || []).map((u) => u.kind).join(" · ");
-      const unitsLine = unitList
-        ? el("p", { class: "studio-skill-hint", text: t("pub.units", { units: unitList }) })
-        : null;
+      const metaBlock = el("div", { class: "studio-pub-meta" });
+      metaBlock.appendChild(el("span", { class: "studio-pub-version", text: verText }));
 
-      const notesLabel = el("label", { class: "studio-label", text: t("pub.notes.label") });
+      const notesField = el("div", { class: "studio-field" });
+      notesField.appendChild(el("label", { class: "studio-label", text: t("pub.notes.label") }));
       const notes = el("textarea", { class: "studio-textarea", rows: "3", placeholder: t("pub.notes.placeholder") });
+      notesField.appendChild(notes);
 
       const status = el("p", { class: "studio-modal-status" });
       status.style.display = "none";
 
-      const bodyChildren = [intro, verLine];
-      if (unitsLine) bodyChildren.push(unitsLine);
-      bodyChildren.push(notesLabel, notes, status);
+      const bodyChildren = [intro, metaBlock, notesField, status];
 
       let done = false;
       const modal = openModal({
@@ -586,6 +605,7 @@
   function createDebugPanel() {
     let container = null;
     let unsub = null;
+    let summaryFadeTimer = null;
 
     async function runVerify() {
       const ext = store.selected();
@@ -597,6 +617,8 @@
         renderVerify(data);
       } catch (e) {
         renderError(e);
+      } finally {
+        if (status) status.textContent = t("btn.recheck");
       }
     }
 
@@ -607,16 +629,22 @@
       const errs = (data.issues || []).filter((i) => i.level === "error");
       const warns = (data.issues || []).filter((i) => i.level === "warning");
 
-      const summary = el("div", { class: data.ok ? "studio-verify-ok" : "studio-verify-fail" });
-      if (data.ok && !warns.length) {
-        summary.textContent = "✓ " + t("verify.ok");
-      } else {
-        const parts = [];
-        if (errs.length) parts.push(t("verify.errors", { n: errs.length }));
-        if (warns.length) parts.push(t("verify.warnings", { n: warns.length }));
-        summary.textContent = parts.join(" · ");
+      const summary = container.querySelector(".studio-verify-summary");
+      if (summary) {
+        clearTimeout(summaryFadeTimer);
+        summary.textContent = "";
+        if (data.ok && !warns.length) {
+          summary.textContent = "✓ " + t("verify.ok");
+          summary.className = "studio-verify-summary studio-verify-ok";
+          summaryFadeTimer = setTimeout(() => { summary.textContent = ""; }, 3000);
+        } else {
+          const parts = [];
+          if (errs.length) parts.push(t("verify.errors", { n: errs.length }));
+          if (warns.length) parts.push(t("verify.warnings", { n: warns.length }));
+          summary.textContent = parts.join(" · ");
+          summary.className = "studio-verify-summary studio-verify-fail";
+        }
       }
-      box.appendChild(summary);
 
       (data.issues || []).forEach((i) => {
         const item = el("div", { class: "studio-issue studio-issue-" + i.level });
@@ -630,7 +658,9 @@
 
     function renderError(e) {
       const box = container.querySelector(".studio-verify");
-      if (box) { box.innerHTML = ""; box.appendChild(el("div", { class: "studio-verify-fail", text: t("err.generic", { msg: e.message }) })); }
+      const summary = container.querySelector(".studio-verify-summary");
+      if (summary) { summary.textContent = t("err.generic", { msg: e.message }); summary.className = "studio-verify-summary studio-verify-fail"; }
+      if (box) { box.innerHTML = ""; }
     }
 
     function renderDetail() {
@@ -647,7 +677,6 @@
       const row = (label, value) => { meta.appendChild(el("dt", { text: label })); meta.appendChild(el("dd", { text: value || "—" })); };
       row(t("detail.version"), ext.version);
       row(t("detail.layer"), ext.layer);
-      row(t("detail.origin"), ext.origin);
       detail.appendChild(meta);
 
       detail.appendChild(el("div", { class: "studio-label", text: t("detail.units") }));
@@ -674,6 +703,7 @@
 
       const bar = el("div", { class: "studio-actions" });
       bar.appendChild(el("button", { class: "studio-btn studio-btn-primary studio-verify-status", text: t("btn.recheck"), onclick: runVerify }));
+      bar.appendChild(el("span", { class: "studio-verify-summary" }));
       container.appendChild(bar);
 
       container.appendChild(el("div", { class: "studio-verify" }));
@@ -722,11 +752,15 @@
     async function doPack() {
       const ext = store.selected();
       if (!ext) return;
+      const btn = container.querySelector(".studio-pack-btn");
+      const orig = btn ? btn.textContent : null;
+      if (btn) { btn.disabled = true; btn.textContent = t("btn.packing"); }
       try {
-        const data = await postJson("/pack", { ext_id: ext.id });
-        feedback(t("publish.packed", { path: data.path }), "success");
+        await downloadPack(ext.id);
       } catch (e) {
         feedback(t("err.generic", { msg: e.message }), "error");
+      } finally {
+        if (btn) { btn.disabled = false; btn.textContent = orig; }
       }
     }
 
@@ -766,7 +800,7 @@
 
       const bar = el("div", { class: "studio-actions" });
       bar.appendChild(el("button", { class: "studio-btn studio-btn-primary studio-publish-btn", text: t("btn.publish"), onclick: doPublish }));
-      bar.appendChild(el("button", { class: "studio-btn studio-btn-ghost", text: t("btn.pack"), onclick: doPack }));
+      bar.appendChild(el("button", { class: "studio-btn studio-btn-ghost studio-pack-btn", text: t("btn.pack"), onclick: doPack }));
       container.appendChild(bar);
 
       container.appendChild(el("div", { class: "studio-feedback" }));
@@ -890,17 +924,21 @@
       actions.appendChild(pub);
 
       actions.appendChild(el("button", { class: "studio-btn", text: t("extlist.btn.iterate"), onclick: () => createExtension(t("extlist.iterate.seed", { id: ext.id })) }));
-      actions.appendChild(el("button", { class: "studio-btn studio-btn-ghost", text: t("extlist.btn.pack"), onclick: () => doPack(ext) }));
-      card.appendChild(actions);
+      const packBtn = el("button", { class: "studio-btn studio-btn-ghost", text: t("extlist.btn.pack") });
+      packBtn.addEventListener("click", () => doPack(ext, packBtn));
+      actions.appendChild(packBtn);
       return card;
     }
 
-    async function doPack(ext) {
+    async function doPack(ext, btn) {
+      const orig = btn ? btn.textContent : null;
+      if (btn) { btn.disabled = true; btn.textContent = t("extlist.btn.packing"); }
       try {
-        const data = await postJson("/pack", { ext_id: ext.id });
-        alert(t("extlist.packed", { path: data.path }));
+        await downloadPack(ext.id);
       } catch (e) {
         alert(t("err.generic", { msg: e.message }));
+      } finally {
+        if (btn) { btn.disabled = false; btn.textContent = orig; }
       }
     }
 
@@ -1210,6 +1248,8 @@
     .studio-page .studio-panel { padding: 0; }
     .studio-field { margin-bottom: 14px; }
     .studio-label { display: block; font-size: 12px; font-weight: 600; color: var(--color-text-tertiary); margin-bottom: 6px; }
+    .studio-field { display: flex; flex-direction: column; gap: 6px; margin-bottom: 16px; }
+    .studio-label { font-size: 12px; font-weight: 500; color: var(--color-text-secondary); }
     .studio-select, .studio-textarea { width: 100%; box-sizing: border-box; background: var(--color-bg-input); border: 1px solid var(--color-border-primary); border-radius: var(--radius-sm); padding: 7px 8px; color: var(--color-text-primary); font-size: 13px; font-family: inherit; }
     .studio-select:focus, .studio-textarea:focus { border-color: var(--color-accent-primary); outline: none; }
     .studio-empty { color: var(--color-text-muted); font-size: 12px; margin: 4px 0; }
@@ -1222,7 +1262,7 @@
     .studio-meta dd { margin: 0; color: var(--color-text-primary); }
     .studio-units { display: flex; flex-wrap: wrap; gap: 6px; }
     .studio-unit-chip { display: inline-flex; background: var(--color-bg-hover); color: var(--color-text-primary); border: 1px solid var(--color-border-primary); border-radius: var(--radius-sm); padding: 2px 8px; font-size: 12px; }
-    .studio-actions { display: flex; gap: 8px; margin: 12px 0; }
+    .studio-actions { display: flex; align-items: center; gap: 8px; margin: 12px 0; }
     .studio-skill-promo .studio-actions { margin: 12px 0 0; }
     .studio-btn { padding: 7px 14px; border-radius: var(--radius-sm); border: 1px solid var(--color-border-primary); background: transparent; color: var(--color-text-secondary); cursor: pointer; font-size: 13px; font-weight: 500; }
     .studio-btn:hover { background: var(--color-bg-hover); color: var(--color-text-primary); }
@@ -1231,11 +1271,13 @@
     .studio-btn-primary:disabled { opacity: 0.6; cursor: default; }
     .studio-btn-danger { color: var(--color-error); border-color: var(--color-error-border); padding: 4px 10px; }
     .studio-btn-danger:hover { background: var(--color-error-bg); color: var(--color-error); }
-    .studio-btn-ghost { border-color: transparent; color: var(--color-text-tertiary); font-weight: 400; }
-    .studio-btn-ghost:hover { background: var(--color-bg-hover); color: var(--color-text-secondary); }
+    .studio-btn-ghost { color: var(--color-text-secondary); font-weight: 500; }
+    .studio-btn-ghost:hover { background: var(--color-bg-hover); color: var(--color-text-primary); }
     .studio-verify { margin-top: 8px; }
-    .studio-verify-ok { color: var(--color-success); font-size: 12px; font-weight: 600; margin-bottom: 8px; }
-    .studio-verify-fail { color: var(--color-error); font-size: 12px; font-weight: 600; margin-bottom: 8px; }
+    .studio-verify-summary { font-size: 13px; font-weight: 600; }
+    .studio-verify-ok { color: var(--color-success); font-size: 12px; font-weight: 600; }
+    .studio-verify-fail { color: var(--color-error); font-size: 12px; font-weight: 600; }
+    .studio-verify > *:first-child { margin-bottom: 8px; }
     .studio-issue { border-left: 3px solid var(--color-border-primary); padding: 6px 10px; margin-bottom: 8px; background: var(--color-bg-secondary); border-radius: 0 var(--radius-sm) var(--radius-sm) 0; }
     .studio-issue-error { border-left-color: var(--color-error); }
     .studio-issue-warning { border-left-color: var(--color-warning, var(--color-text-tertiary)); }
@@ -1244,7 +1286,7 @@
     .studio-issue-file { font-size: 11px; font-family: monospace; color: var(--color-text-muted); margin-top: 2px; }
     .studio-issue-hint { font-size: 11px; color: var(--color-text-secondary); margin-top: 4px; font-style: italic; }
     .studio-check { display: flex; align-items: center; gap: 6px; font-size: 12px; color: var(--color-text-secondary); margin-bottom: 12px; cursor: pointer; }
-    .studio-feedback { font-size: 12px; margin: 8px 0; min-height: 14px; line-height: 1.4; }
+    .studio-feedback { font-size: 12px; margin: 6px 0 0; line-height: 1.4; }
     .studio-feedback-success { color: var(--color-success); }
     .studio-feedback-error { color: var(--color-error); }
     .studio-feedback-warn { color: var(--color-warning, var(--color-text-secondary)); }
@@ -1275,14 +1317,21 @@
     .studio-skill-meta { display: flex; gap: 12px; font-size: 11px; color: var(--color-text-muted); margin-bottom: 8px; }
     .studio-skill-promo { border: 1px solid var(--color-border-primary); border-radius: var(--radius-md, 8px); padding: 16px 18px; margin: 0 0 24px; background: var(--color-bg-secondary); }
     .studio-skill-promo-text { margin: 0 0 4px; font-size: 14px; font-weight: 600; color: var(--color-text-primary); }
-    .studio-modal-overlay { position: fixed; inset: 0; background: rgba(0,0,0,0.5); display: flex; align-items: center; justify-content: center; z-index: 9999; }
-    .studio-modal { background: var(--color-bg-primary, var(--color-bg-secondary)); border: 1px solid var(--color-border-primary); border-radius: var(--radius-md, 8px); padding: 20px 22px; width: 420px; max-width: calc(100vw - 40px); box-shadow: 0 12px 40px rgba(0,0,0,0.35); }
-    .studio-modal-title { margin: 0 0 10px; font-size: 16px; font-weight: 600; color: var(--color-text-primary); }
+    .studio-modal-overlay { position: fixed; inset: 0; background: rgba(0,0,0,0.5); display: flex; align-items: center; justify-content: center; z-index: 9999; animation: studio-overlay-in 0.15s ease; }
+    .studio-modal { background: var(--color-bg-primary, var(--color-bg-secondary)); border: 1px solid var(--color-border-primary); border-radius: var(--radius-md, 8px); padding: 28px 28px 22px; width: 520px; max-width: calc(100vw - 40px); box-shadow: 0 12px 40px rgba(0,0,0,0.35); animation: studio-modal-in 0.2s cubic-bezier(0.34,1.4,0.64,1); }
+    @keyframes studio-overlay-in { from { opacity: 0; } to { opacity: 1; } }
+    @keyframes studio-modal-in { from { opacity: 0; transform: scale(0.93) translateY(6px); } to { opacity: 1; transform: scale(1) translateY(0); } }
+    .studio-modal-title { margin: 0 0 16px; font-size: 16px; font-weight: 600; color: var(--color-text-primary); }
+    .studio-modal-intro { margin: 0 0 16px; font-size: 13px; color: var(--color-text-secondary); line-height: 1.6; }
+    .studio-pub-meta { display: flex; align-items: center; gap: 10px; background: var(--color-bg-secondary); border: 1px solid var(--color-border-primary); border-radius: var(--radius-sm, 6px); padding: 10px 14px; margin-bottom: 16px; }
+    .studio-pub-version { font-size: 13px; font-weight: 600; color: var(--color-text-primary); font-family: monospace; }
+    .studio-pub-units { font-size: 12px; color: var(--color-text-tertiary); }
+    .studio-pub-units::before { content: "·"; margin-right: 10px; }
     .studio-modal-body { font-size: 13px; color: var(--color-text-secondary); line-height: 1.6; }
     .studio-modal-status { margin: 0 0 8px; font-size: 13px; color: var(--color-text-secondary); line-height: 1.6; }
     .studio-modal-code { margin: 0 0 8px; font-size: 13px; font-family: monospace; color: var(--color-text-primary); }
     .studio-modal-link { display: inline-block; font-size: 13px; color: var(--color-accent-primary); }
-    .studio-modal-footer { display: flex; justify-content: flex-end; gap: 8px; margin-top: 18px; }
+    .studio-modal-footer { display: flex; justify-content: flex-end; gap: 8px; margin-top: 20px; padding-top: 16px; border-top: 1px solid var(--color-border-primary); }
   `;
   document.head.appendChild(style);
 })();

data/lib/clacky/default_extensions/ext-studio/skills/ext-publish/SKILL.md

@@ -11,8 +11,7 @@ it's live.
 ## Before publishing
 
 - The extension must live in the **local** layer (`~/.clacky/ext/local/<id>/`). Only
-  local containers can be packed. Marketplace-origin and encrypted (`SKILL.md.enc`)
-  containers are rejected.
+  local containers can be packed. Encrypted (`SKILL.md.enc`) containers are rejected.
 - Publishing requires an **activated user license** — it proves creator identity, and
   the platform attributes the extension to that account. If activation is missing, tell
   the user to activate first; don't try to work around it.

data/lib/clacky/default_extensions/general/ext.yml

@@ -5,7 +5,6 @@ version: "0.1.0"
 author: OpenClacky
 homepage: https://www.openclacky.com
 license: MIT
-origin: self
 contributes:
   agents:
     - id: general

data/lib/clacky/default_extensions/git/ext.yml

@@ -5,7 +5,6 @@ version: "0.1.0"
 author: OpenClacky
 homepage: https://www.openclacky.com
 license: MIT
-origin: self
 contributes:
   panels:
     - id: git

data/lib/clacky/default_extensions/meeting/ext.yml

@@ -5,7 +5,6 @@ version: "0.1.0"
 author: OpenClacky
 homepage: https://www.openclacky.com
 license: MIT
-origin: self
 contributes:
   api: api/handler.rb
   panels:

data/lib/clacky/default_extensions/time_machine/ext.yml

@@ -5,7 +5,6 @@ version: "0.1.0"
 author: OpenClacky
 homepage: https://www.openclacky.com
 license: MIT
-origin: self
 contributes:
   panels:
     - id: time_machine

data/lib/clacky/extension/api_extension.rb

@@ -30,13 +30,14 @@ module Clacky
     Route = Struct.new(:method, :pattern, :regex, :param_names, :block, :options, keyword_init: true)
 
     class Halt < StandardError
-      attr_reader :status, :payload, :content_type
+      attr_reader :status, :payload, :content_type, :extra_headers
 
-      def initialize(status, payload, content_type)
+      def initialize(status, payload, content_type, extra_headers: {})
         super("api_ext halt #{status}")
         @status       = status
         @payload      = payload
         @content_type = content_type
+        @extra_headers = extra_headers
       end
     end
 
@@ -201,6 +202,14 @@ module Clacky
       raise Halt.new(status, str.to_s, "text/plain; charset=utf-8")
     end
 
+    def send_data(bytes, content_type:, filename: nil, status: 200)
+      disposition = filename ? "attachment; filename=\"#{filename}\"" : "attachment"
+      raise Halt.new(status, bytes, content_type, extra_headers: {
+        "Content-Disposition" => disposition,
+        "Content-Length"      => bytes.bytesize.to_s
+      })
+    end
+
     def error!(message, status: 400, **extra)
       payload = { error: message.to_s }
       payload.merge!(extra) unless extra.empty?

data/lib/clacky/extension/dispatcher.rb

@@ -97,7 +97,7 @@ module Clacky
           # Handler exited without writing — empty 204
           empty_response(res)
         rescue Clacky::ApiExtension::Halt => halt
-          write_response(res, halt.status, halt.payload, halt.content_type)
+          write_response(res, halt.status, halt.payload, halt.content_type, halt.extra_headers)
         rescue Timeout::Error
           Clacky::Logger.warn("[api_ext:#{klass.ext_id}] Timed out after #{timeout_sec}s on #{route.method.upcase} #{route.pattern}")
           write_json(res, 503, error: "request timed out")
@@ -106,10 +106,11 @@ module Clacky
           write_json(res, 500, error: e.message)
         end
 
-        private def write_response(res, status, body, content_type)
+        private def write_response(res, status, body, content_type, extra_headers = {})
           res.status = status
           res.content_type = content_type
           res["Access-Control-Allow-Origin"] = "*"
+          extra_headers.each { |k, v| res[k] = v }
           res.body = body
         end
 

data/lib/clacky/extension/packager.rb

@@ -98,12 +98,6 @@ module Clacky
       # carrying encrypted skills is produced by the platform pipeline; refuse
       # to re-pack it so we never smuggle marketplace artifacts out of band.
       private def refuse_protected!(slug, container_dir)
-        manifest = YAML.safe_load(File.read(File.join(container_dir, MANIFEST)), permitted_classes: [Symbol]) || {}
-        origin = (manifest["origin"] || "self").to_s
-        if origin == "marketplace"
-          raise Error, "refusing to pack #{slug}: origin=marketplace is produced by the platform, not hand-packed"
-        end
-
         enc = Dir.glob(File.join(container_dir, "**", "SKILL.md.enc"))
         return if enc.empty?
 

data/lib/clacky/server/http_server.rb

@@ -540,6 +540,7 @@ module Clacky
         when ["GET",    "/api/store/skills"]          then api_store_skills(res)
         when ["GET",    "/api/store/extensions"]      then api_store_extensions(req, res)
         when ["GET",    "/api/store/extension"]       then api_store_extension_detail(req, res)
+        when ["POST",   "/api/store/extension/install"]  then api_store_extension_install(req, res)
         when ["POST",   "/api/store/extension/disable"] then api_store_extension_disable(req, res)
         when ["POST",   "/api/store/extension/enable"]  then api_store_extension_enable(req, res)
         when ["DELETE", "/api/store/extension"]         then api_store_extension_uninstall(req, res)
@@ -2419,6 +2420,25 @@ module Clacky
       end
 
       # DELETE /api/store/extension   body: { id: <slug> }
+      def api_store_extension_install(req, res)
+        body         = parse_json_body(req)
+        download_url = body["download_url"].to_s.strip
+        name         = body["name"].to_s.strip
+
+        if download_url.empty?
+          json_response(res, 400, { ok: false, error: "Missing download_url." })
+          return
+        end
+
+        Clacky::ExtensionPackager.install(download_url, force: true)
+        Clacky::ExtensionLoader.invalidate_cache!
+        json_response(res, 200, { ok: true, name: name })
+      rescue Clacky::ExtensionPackager::Error => e
+        json_response(res, 422, { ok: false, error: e.message })
+      rescue StandardError => e
+        json_response(res, 500, { ok: false, error: e.message })
+      end
+
       def api_store_extension_uninstall(req, res)
         id = parse_json_body(req)["id"].to_s
         container = extension_container(id)

data/lib/clacky/version.rb

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

data/lib/clacky/web/app.css

@@ -2096,7 +2096,7 @@ body {
   flex-direction: column;
   gap: 0.5rem;
   align-items: flex-start;
-  margin-top: -0.75rem;
+  margin-top: -0.5rem;
 }
 .new-session-advanced-toggle {
   display: inline-flex;
@@ -7079,13 +7079,45 @@ body {
   gap: 1.25rem;
 }
 .extensions-toolbar {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 0.75rem;
+  margin-bottom: 0.25rem;
+}
+.extensions-toolbar-right {
   display: flex;
   align-items: center;
   gap: 0.5rem;
 }
+.extensions-filter-tabs {
+  display: flex;
+  align-items: center;
+  gap: 0;
+  flex-shrink: 0;
+}
+.extensions-filter-tab {
+  font-size: 0.875rem;
+  font-weight: 500;
+  padding: 0.25rem 0.875rem 0.5rem;
+  border: none;
+  background: transparent;
+  color: var(--color-text-tertiary);
+  cursor: pointer;
+  white-space: nowrap;
+  border-bottom: 2px solid transparent;
+  transition: color .15s, border-color .15s;
+}
+.extensions-filter-tab:hover {
+  color: var(--color-text-primary);
+}
+.extensions-filter-tab-active {
+  color: var(--color-text-primary);
+  border-bottom-color: var(--color-accent, #6366f1);
+}
 .extensions-search {
   flex: 1;
-  min-width: 0;
+  min-width: 15rem;
   font-size: 0.8125rem;
   padding: 0.4375rem 0.75rem;
   border-radius: 6px;
@@ -7163,7 +7195,7 @@ body {
   color: var(--color-text-secondary);
   background: var(--color-bg-tertiary, rgba(255,255,255,0.05));
   border-radius: 4px;
-  padding: 0.0625rem 0.375rem;
+  padding: 0.0625rem 0rem;
 }
 .extension-units {
   font-size: 0.6875rem;
@@ -7182,6 +7214,14 @@ body {
   line-height: 1.5;
   margin-bottom: 0.375rem;
 }
+.extension-desc-detail {
+  font-size: 0.8125rem;
+  margin-bottom: 0.5rem;
+}
+.extension-detail-author {
+  font-size: 0.6875rem;
+  color: var(--color-text-muted);
+}
 .extension-meta {
   display: flex;
   align-items: center;
@@ -7224,19 +7264,21 @@ body {
 .extension-detail-hero {
   display: flex;
   align-items: flex-start;
-  gap: 0.875rem;
-  padding-bottom: 1rem;
+  gap: 1rem;
+  padding-bottom: 1.25rem;
   border-bottom: 1px solid var(--color-border-primary);
 }
 .extension-detail-heading { flex: 1; min-width: 0; }
-.extension-emoji-lg { font-size: 2.25rem; }
-.extension-name-lg { font-size: 1.0625rem; }
-.extension-detail-block { margin-top: 1.25rem; }
+.extension-emoji-lg { font-size: 2.5rem; line-height: 1; margin-top: 0.125rem; }
+.extension-name-lg { font-size: 1.125rem; font-weight: 700; }
+.extension-detail-block { margin-top: 1.5rem; }
 .extension-detail-block-title {
-  font-size: 0.8125rem;
+  font-size: 0.75rem;
   font-weight: 600;
-  color: var(--color-text-primary);
-  margin: 0 0 0.625rem;
+  text-transform: uppercase;
+  letter-spacing: 0.04em;
+  color: var(--color-text-muted);
+  margin: 0 0 0.75rem;
 }
 .extension-detail-section { margin-bottom: 0.875rem; }
 .extension-detail-section-title {
@@ -7248,18 +7290,30 @@ body {
   margin: 0 0 0.375rem;
 }
 .extension-contrib-list,
-.extension-version-list { list-style: none; margin: 0; padding: 0; }
-.extension-contrib-item {
-  padding: 0.5rem 0.75rem;
-  background: var(--color-bg-secondary);
+.extension-version-list {
+  list-style: none;
+  margin: 0;
+  padding: 0;
   border: 1px solid var(--color-border-primary);
-  border-radius: 6px;
-  margin-bottom: 0.375rem;
+  border-radius: 8px;
+  overflow: hidden;
+  background: var(--color-bg-secondary);
+}
+.extension-contrib-item {
+  padding: 0.625rem 0.875rem;
+  border-bottom: 1px solid var(--color-border-primary);
+  background: transparent;
+  border-radius: 0;
+  border-left: none;
+  border-right: none;
+  border-top: none;
+  margin-bottom: 0;
 }
+.extension-contrib-item:last-child { border-bottom: none; }
 .extension-contrib-title {
   display: block;
   font-size: 0.8125rem;
-  font-weight: 600;
+  font-weight: 500;
   color: var(--color-text-primary);
 }
 .extension-contrib-desc {
@@ -7270,7 +7324,7 @@ body {
   margin-top: 0.125rem;
 }
 .extension-version-item {
-  padding: 0.5rem 0.75rem;
+  padding: 0.625rem 0.875rem;
   border-bottom: 1px solid var(--color-border-primary);
 }
 .extension-version-item:last-child { border-bottom: none; }
@@ -7306,20 +7360,43 @@ body {
   padding: 0.0625rem 0.375rem;
 }
 .extension-action {
+  display: inline-flex;
+  align-items: center;
   font-size: 0.75rem;
-  padding: 0.3125rem 0.75rem;
-  border-radius: 6px;
-  border: 1px solid var(--color-border);
-  background: var(--color-surface);
-  color: var(--color-text);
+  padding: 0.25rem 0.625rem;
+  border-radius: 5px;
+  border: 1px solid var(--color-border-primary);
+  background: var(--color-bg-primary);
+  color: var(--color-text-secondary);
   cursor: pointer;
+  transition: background .15s, border-color .15s, opacity .15s;
+  white-space: nowrap;
+}
+.extension-action:hover { background: var(--color-bg-hover); }
+.extension-action-install {
+  background: var(--color-button-primary);
+  color: var(--color-button-primary-text);
+  border-color: transparent;
+}
+.extension-action-install:hover {
+  background: var(--color-button-primary-hover);
+}
+.extension-action-install:disabled {
+  opacity: 0.5;
+  cursor: not-allowed;
+}
+.extension-action-disable,
+.extension-action-enable {
+  color: var(--color-text-tertiary);
 }
-.extension-action:hover { background: var(--color-surface-hover, rgba(0,0,0,0.04)); }
 .extension-action-remove {
-  color: var(--color-danger, #dc2626);
-  border-color: var(--color-danger-border, rgba(220,38,38,0.4));
+  color: var(--color-error);
+  border-color: var(--color-error-border);
+}
+.extension-action-remove:hover {
+  background: var(--color-error-bg);
+  border-color: var(--color-error);
 }
-.extension-action-remove:hover { background: var(--color-danger-bg, rgba(220,38,38,0.08)); }
 
 /* Brand Skill card */
 .brand-skill-card {

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

@@ -19,9 +19,11 @@
 
 const ExtensionsStore = (() => {
   // ── State (single source of truth) ─────────────────────────────────────
-  let _extensions = [];        // [{ id, name, name_zh, description, ..., units }]
-  let _query      = "";        // current search text
-  let _sort       = "newest";  // "newest" | "updated" | "downloads"
+  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 _filterInstalled = false;     // when true, show only installed extensions
   let _loading    = false;
   let _error      = null;      // soft warning when the store is unreachable
   let _detail     = null;      // currently opened extension detail, or null
@@ -50,6 +52,7 @@ const ExtensionsStore = (() => {
     get extensions() { return _extensions; },
     get query()      { return _query; },
     get sort()       { return _sort; },
+    get filterInstalled() { return _filterInstalled; },
     get loading()    { return _loading; },
     get error()      { return _error; },
     get detail()        { return _detail; },
@@ -73,7 +76,8 @@ const ExtensionsStore = (() => {
         const qs   = params.toString();
         const res  = await fetch("/api/store/extensions" + (qs ? "?" + qs : ""));
         const data = await res.json();
-        _extensions = data.extensions || [];
+        _allExtensions = data.extensions || [];
+        _extensions    = _filterInstalled ? _allExtensions.filter(e => e.installed) : _allExtensions;
         _error      = data.warning || null;
         _loading    = false;
         _emit("extensions:changed", { extensions: _extensions, warning: _error });
@@ -100,6 +104,13 @@ const ExtensionsStore = (() => {
       return Extensions.load();
     },
 
+    /** Toggle the "installed only" filter (client-side, no new network request). */
+    setFilterInstalled(onlyInstalled) {
+      _filterInstalled = !!onlyInstalled;
+      _extensions = _filterInstalled ? _allExtensions.filter(e => e.installed) : _allExtensions;
+      _emit("extensions:changed", { extensions: _extensions, warning: _error });
+    },
+
     /** Open the detail view for one extension (fetches contributes + versions). */
     async loadDetail(id) {
       if (!id) return;
@@ -156,6 +167,31 @@ const ExtensionsStore = (() => {
       }
     },
 
+    /** Install a marketplace extension by fetching its download_url then posting to the local server. */
+    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;
+        const download_url = ext.download_url;
+        if (!download_url) throw new Error("No download URL available");
+        const res = await fetch("/api/store/extension/install", {
+          method:  "POST",
+          headers: { "Content-Type": "application/json" },
+          body:    JSON.stringify({ download_url, name: ext.name }),
+        });
+        const data = await res.json();
+        if (!res.ok || !data.ok) throw new Error(data.error || "install failed");
+        await Extensions.loadDetail(id);
+      } catch (e) {
+        console.error("[Extensions] install failed", e);
+        _detailError = e.message;
+        _emit("extensions:detail");
+      }
+    },
+
     /** Remove an installed extension, then return to the list. */
     async uninstall(id) {
       if (!id) return;
@@ -167,8 +203,7 @@ const ExtensionsStore = (() => {
         });
         const data = await res.json();
         if (!res.ok || !data.ok) throw new Error(data.error || "uninstall failed");
-        Extensions.closeDetail();
-        Extensions.load();
+        await Extensions.loadDetail(id);
       } catch (e) {
         console.error("[Extensions] uninstall failed", e);
         _detailError = e.message;

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

@@ -189,6 +189,16 @@ const ExtensionsView = (() => {
         if (ok) Extensions.uninstall(id);
       });
     }
+
+    const installBtn = document.querySelector("[data-ext-install]");
+    if (installBtn) {
+      installBtn.addEventListener("click", () => {
+        const id = installBtn.getAttribute("data-ext-install");
+        installBtn.disabled = true;
+        installBtn.textContent = I18n.t("extensions.action.installing");
+        Extensions.install(id);
+      });
+    }
   }
 
   function _backToList() {
@@ -215,6 +225,8 @@ const ExtensionsView = (() => {
     const homepageHtml = ext.homepage
       ? `<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-detail-author">${escapeHtml(ext.author)}</span>` : "";
 
     return `
       <div class="extension-detail-hero">
@@ -226,10 +238,8 @@ const ExtensionsView = (() => {
             ${installedHtml}
             ${unitsHtml}
           </div>
-          <div class="extension-desc">${escapeHtml(description)}</div>
-          <div class="extension-meta">
-            ${homepageHtml}
-          </div>
+          ${description ? `<div class="extension-desc extension-desc-detail">${escapeHtml(description)}</div>` : ""}
+          ${(authorHtml || homepageHtml) ? `<div class="extension-meta">${authorHtml}${homepageHtml}</div>` : ""}
           ${_renderActions(ext)}
         </div>
       </div>
@@ -240,8 +250,17 @@ const ExtensionsView = (() => {
   // Manage buttons for a locally installed extension: enable/disable toggle
   // (always available when installed) plus remove (installed layer only).
   function _renderActions(ext) {
-    if (!ext.installed) return "";
-    const slug = ext.name || ext.slug || (ext.id != null ? String(ext.id) : "");
+    const id = ext.id != null ? String(ext.id) : (ext.name || ext.slug || "");
+    if (!ext.installed) {
+      if (ext.origin === "marketplace" && ext.download_url) {
+        return `
+      <div class="extension-detail-actions">
+        <button type="button" class="extension-action extension-action-install" data-ext-install="${escapeHtml(id)}">${escapeHtml(I18n.t("extensions.action.install"))}</button>
+      </div>`;
+      }
+      return "";
+    }
+    const slug = ext.name || ext.slug || id;
     const toggleKey = ext.disabled ? "extensions.action.enable" : "extensions.action.disable";
     const toggleCls = ext.disabled ? "extension-action-enable" : "extension-action-disable";
     const disabledBadge = ext.disabled
@@ -274,10 +293,13 @@ const ExtensionsView = (() => {
       const singular = type.replace(/s$/, "");
       const heading = _sectionHeading(type);
       const rows = items.map((it) => {
-        const title = (currentLang === "zh" && it.title_zh) ? it.title_zh
-          : (it.title || it.name || it.id || singular);
-        const desc = (currentLang === "zh" && it.description_zh) ? it.description_zh
-          : (it.description || "");
+        const isStr = typeof it === "string";
+        const title = isStr ? it
+          : ((currentLang === "zh" && it.title_zh) ? it.title_zh
+            : (it.title || it.name || it.id || singular));
+        const desc = isStr ? ""
+          : ((currentLang === "zh" && it.description_zh) ? it.description_zh
+            : (it.description || ""));
         return `
           <li class="extension-contrib-item">
             <span class="extension-contrib-title">${escapeHtml(String(title))}</span>
@@ -340,6 +362,14 @@ const ExtensionsView = (() => {
       sortSelect.addEventListener("change", () => Extensions.setSort(sortSelect.value));
     }
 
+    document.querySelectorAll(".extensions-filter-tab").forEach(btn => {
+      btn.addEventListener("click", () => {
+        document.querySelectorAll(".extensions-filter-tab").forEach(b => b.classList.remove("extensions-filter-tab-active"));
+        btn.classList.add("extensions-filter-tab-active");
+        Extensions.setFilterInstalled(btn.dataset.filter === "installed");
+      });
+    });
+
     const list = $("extensions-list");
     if (list) {
       list.addEventListener("click", (e) => {

data/lib/clacky/web/i18n.js

@@ -513,6 +513,8 @@ const I18n = (() => {
       "extensions.sort.newest":   "Newest",
       "extensions.sort.updated":  "Recently updated",
       "extensions.sort.downloads": "Most downloaded",
+      "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.",
@@ -534,10 +536,12 @@ const I18n = (() => {
       "extensions.section.panels":     "Panels",
       "extensions.section.api":        "APIs",
       "extensions.disabled":               "Disabled",
+      "extensions.action.install":         "Install",
+      "extensions.action.installing":      "Installing…",
       "extensions.action.disable":         "Disable",
       "extensions.action.enable":          "Enable",
       "extensions.action.remove":          "Remove",
-      "extensions.action.removeConfirm":   "Remove this extension? Its files will be deleted. You can reinstall it from your license package later.",
+      "extensions.action.removeConfirm":   "Remove this extension? Its files will be deleted. You can reinstall it later.",
       "mcp.loading":              "Loading…",
       "mcp.empty.title":          "No MCP servers configured",
       "mcp.empty.body":           "Create ~/.clacky/mcp.json to plug in MCP servers. The format matches Claude Desktop and Cursor, so existing configs work as-is.",
@@ -1470,6 +1474,8 @@ const I18n = (() => {
       "extensions.sort.newest":   "最新",
       "extensions.sort.updated":  "最近更新",
       "extensions.sort.downloads": "下载最多",
+      "extensions.filter.all":       "全部",
+      "extensions.filter.installed": "已安装",
       "extensions.empty":         "暂无可用扩展。",
       "extensions.noResults":     "没有匹配的扩展。",
       "extensions.loadFailed":    "无法连接扩展市场。",
@@ -1491,10 +1497,12 @@ const I18n = (() => {
       "extensions.section.panels":     "面板",
       "extensions.section.api":        "API",
       "extensions.disabled":               "已禁用",
+      "extensions.action.install":         "安装",
+      "extensions.action.installing":      "安装中…",
       "extensions.action.disable":         "禁用",
       "extensions.action.enable":          "启用",
       "extensions.action.remove":          "移除",
-      "extensions.action.removeConfirm":   "确定移除此扩展？相关文件会被删除，之后可从授权包重新安装。",
+      "extensions.action.removeConfirm":   "确定移除此扩展？相关文件会被删除，之后可重新安装。",
       "mcp.loading":              "加载中…",
       "mcp.empty.title":          "尚未配置 MCP 服务",
       "mcp.empty.body":           "新建 ~/.clacky/mcp.json 即可接入 MCP 服务。格式与 Claude Desktop、Cursor 一致，现有配置可直接复用。",

data/lib/clacky/web/index.html

@@ -662,12 +662,18 @@
         </div>
 
         <div class="extensions-toolbar">
-          <select id="extensions-sort" class="extensions-sort">
-            <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>
-          <input type="text" id="extensions-search-input" class="extensions-search" placeholder="Search extensions…" />
+          <div class="extensions-filter-tabs">
+            <button type="button" class="extensions-filter-tab extensions-filter-tab-active" data-filter="all" data-i18n="extensions.filter.all">All</button>
+            <button type="button" class="extensions-filter-tab" data-filter="installed" data-i18n="extensions.filter.installed">Installed</button>
+          </div>
+          <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="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>
 
         <div id="extensions-warning" class="brand-skills-warning" style="display:none"></div>

metadata

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