openclacky 1.3.9 → 1.3.11

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: d7208295135923baf898665ce973cbd07ec3e218437cf896bf3a6a2644b2d026
-  data.tar.gz: ced24c041431be4afde0a6237afe250ca0876091c1b5f0ee3bf28eb4d166c152
+  metadata.gz: eccc2d78824c13072991199a00edd5b848216334422ce37876cd639854abb4ab
+  data.tar.gz: c29754fc48b5b9638168fa167c5335c32ccf5c64a3db94d3e64ac2638581857e
 SHA512:
-  metadata.gz: eab17f40014529d41ab26f6aee158caee98f3d6a78eef6066bff86f65d24cd8cc949f20c4ce31e3a878c11bb0e70ee6210dbe68b2dbfcd2e4840dd041257e506
-  data.tar.gz: cfdbd77b8bdd77d8a065fe3eea1222e6d272f792ad116ca511f50becb25f0db5690bb6683cddd8e1f33fe25228bacadaec32582d6d37daa3596d3d6133f19e10
+  metadata.gz: 6d2e6ef2dcf07a50779241a3ed5b384c2fbf34e4265208874567b12d1280e29f2fe79124286ab7b73251bfc836de01ebf9d8ad03f91ae12ad55ac4575128bfd3
+  data.tar.gz: 77088322e7cecc8c0cc0f7138786263c3de14dff2d1b33e99cee763437918e226bd34f0ef318a12d4f7292bcad5a935a8ca2ca16c9a15d8d2bd7262eebee9ccd

data/CHANGELOG.md

@@ -4,6 +4,46 @@ 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.11] - 2026-07-12
+
+### Added
+- Delete button for unpublished local extensions in ext-studio
+- Extension install count shown in marketplace
+- Update badge and installed version shown in marketplace list
+
+### Improved
+- Extension version history styled with markdown rendering
+
+### Fixed
+- Preserve user data on extension update (overwrite instead of replace)
+- Extension install timeout increased to 300s (was too short for large extensions)
+- Installed tab search and loading state in extension store
+- Prevent license loss from non-atomic brand.yml writes
+- Extension detail page content no longer cut off or unscrollable
+- Extension author label position corrected to end of title row
+
+## [1.3.10] - 2026-07-09
+
+### Added
+- Extension author shown inline in title row on extension cards
+- Version input in publish modal — writes back to `ext.yml`, shows friendly Chinese error on version conflict
+- Local extensions now included in the installed extensions list
+
+### Improved
+- Published extensions list in publish panel — better style and UX
+- Publishing state, success label, and done button added to publish modal flow
+- OSS CDN prioritized for latest version check (faster upgrade detection)
+
+### Fixed
+- Agent card description clamped to 2 lines; author hidden for built-in agents
+- New-session scrollbar centering — use padding calc instead of max-width
+- `file://` links with spaces and non-ASCII paths now render correctly (#350)
+- Invalid API key error message improved to cover expired key case
+- Local extension card in ext-studio now correctly appends action buttons
+- Navigate back to list when extension detail fails to load
+- Page reloads correctly after install/enable/disable/uninstall extension
+- Enriched installed extensions with market data; shows unlisted badge
+
 ## [1.3.9] - 2026-07-08
 
 ### Added

data/lib/clacky/brand_config.rb

@@ -92,17 +92,25 @@ module Clacky
       instance = new(data)
       instance.ensure_device_id!
       instance
-    rescue StandardError
+    rescue StandardError => e
+      # A read/parse failure here is almost always a transient corruption (e.g. a
+      # concurrent write caught mid-truncate). Do NOT touch brand.yml — overwriting
+      # it with an empty config would permanently wipe the license, and even moving
+      # it aside could lose a file that self-heals a few milliseconds later. Leave
+      # the on-disk file untouched and return an in-memory-only config (device_id
+      # generated but never saved); the next load usually succeeds.
+      Clacky::Logger.error("[Brand] load failed, using in-memory fallback WITHOUT touching brand.yml: #{e.class}: #{e.message}")
       instance = new({})
-      instance.ensure_device_id!
+      instance.ensure_device_id!(persist: false)
       instance
     end
 
-    def ensure_device_id!
+    def ensure_device_id!(persist: true)
       return if @device_id && !@device_id.strip.empty?
 
+      Clacky::Logger.warn("[Brand] regenerating device_id (previous was blank; brand.yml may have been reset or corrupted)")
       @device_id = generate_device_id
-      save
+      save if persist
     end
 
     # Returns true when this installation has a product name configured.
@@ -159,10 +167,28 @@ module Clacky
     end
 
     # Save current state to ~/.clacky/brand.yml
+    #
+    # Writes atomically: content goes to a per-process temp file that is fsynced
+    # and then renamed over the target. rename is atomic within a filesystem, so
+    # concurrent processes (server + CLI, or multiple servers) never observe a
+    # truncated or half-written file — which previously caused load to fall back
+    # to an empty config and wipe the license.
     def save
       FileUtils.mkdir_p(CONFIG_DIR)
-      File.write(BRAND_FILE, to_yaml)
-      FileUtils.chmod(0o600, BRAND_FILE)
+      Clacky::Logger.debug("[Brand] save: product_name=#{@product_name.inspect} license_key?=#{!@license_key.nil? && !@license_key.to_s.empty?} device_id?=#{!@device_id.nil? && !@device_id.to_s.empty?}")
+
+      tmp_path = "#{BRAND_FILE}.#{Process.pid}.#{SecureRandom.hex(4)}.tmp"
+      begin
+        File.open(tmp_path, File::WRONLY | File::CREAT | File::TRUNC, 0o600) do |f|
+          f.write(to_yaml)
+          f.flush
+          f.fsync
+        end
+        File.rename(tmp_path, BRAND_FILE)
+      rescue StandardError
+        File.delete(tmp_path) if File.exist?(tmp_path)
+        raise
+      end
     end
 
     # Remove the local license binding and wipe all brand-related fields from disk.

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

@@ -120,6 +120,26 @@ class ExtStudioExt < Clacky::ApiExtension
     json(extensions: exts)
   end
 
+  # DELETE /api/ext/ext-studio/local
+  # body: { ext_id }
+  # Permanently removes a local extension directory. Only allowed for
+  # unpublished extensions (caller must check; server enforces dir existence).
+  delete "/local" do
+    ext_id = require_ext_id!
+
+    result    = Clacky::ExtensionLoader.load_all(force: false)
+    container = Array(result.containers).find { |id, _| id == ext_id }&.last
+    error!("extension not found: #{ext_id}", status: 404) unless container
+    error!("not a local extension", status: 422) unless container[:layer] == :local
+
+    dir = container[:dir]
+    error!("extension directory not found", status: 404) unless Dir.exist?(dir)
+
+    FileUtils.rm_rf(dir)
+    Clacky::ExtensionLoader.load_all(force: true)
+    json(ok: true, ext_id: ext_id)
+  end
+
   # POST /api/ext/ext-studio/unpublish
   # body: { ext_id }
   post "/unpublish" do
@@ -129,7 +149,33 @@ class ExtStudioExt < Clacky::ApiExtension
     json(ok: true, ext_id: ext_id)
   end
 
-  # POST /api/ext/ext-studio/develop
+  # POST /api/ext/ext-studio/set_version
+  # body: { ext_id, version }
+  # Writes the new version string back to the local ext.yml.
+  post "/set_version" do
+    ext_id  = require_ext_id!
+    version = presence(json_body["version"])
+    error!("version required", status: 422) unless version
+
+    result  = Clacky::ExtensionLoader.load_all(force: false)
+    container = Array(result.containers).find { |id, _| id == ext_id }&.last
+    error!("extension not found: #{ext_id}", status: 404) unless container
+
+    yml_path = File.join(container[:dir], "ext.yml")
+    error!("ext.yml not found", status: 404) unless File.exist?(yml_path)
+
+    content = File.read(yml_path)
+    if content =~ /^version:/
+      content = content.sub(/^version:.*$/, "version: #{version}")
+    else
+      content = content.rstrip + "\nversion: #{version}\n"
+    end
+    File.write(yml_path, content)
+
+    json(ok: true, ext_id: ext_id, version: version)
+  end
+
+
   # body: { idea? }
   # Spawns a session bound to the ext-developer agent, optionally seeded with
   # the user's idea as the first task — the "let AI build it for me" entry.

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

@@ -19,8 +19,8 @@ contributes:
     - id: ext-developer
       title: Extension Developer
       title_zh: 扩展开发
-      description: AI expert that helps you build, debug, and publish OpenClacky extensions
-      description_zh: 帮你开发、调试、发布 OpenClacky 扩展的 AI 专家
+      description: AI expert that helps you build, debug, and publish extensions
+      description_zh: 帮你开发、调试、发布扩展的 AI 专家
       order: 5
       prompt: agents/ext-developer/system_prompt.md
       avatar: agents/ext-developer/avatar.png

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

@@ -48,9 +48,11 @@
       "btn.unpublish": "Unpublish",
       "published.confirm": "Unpublish {{id}} from the marketplace?",
       "err.generic": "Something went wrong: {{msg}}",
+      "err.version_conflict": "Version {{ver}} has already been published. Please enter a higher version number above and try again.",
+      "pub.version.label": "Version",
 
       "publish.confirm.title": "Publish to the marketplace?",
-      "publish.confirm.body": "\"{{id}}\" will be packed and uploaded to the OpenClacky marketplace, where anyone can discover and install it. Make sure it's ready to share publicly.",
+      "publish.confirm.body": "\"{{id}}\" will be packed and uploaded to the extension marketplace, where anyone can discover and install it. Make sure it's ready to share publicly.",
       "publish.confirm.ok": "Publish",
       "publish.confirm.cancel": "Cancel",
       "bind.title": "Authorize this device",
@@ -67,7 +69,7 @@
 
       "pub.title.new": "Publish to the marketplace",
       "pub.title.update": "Publish a new version",
-      "pub.intro": "\"{{name}}\" will be packed and uploaded to the OpenClacky marketplace, where anyone can discover and install it.",
+      "pub.intro": "\"{{name}}\" will be packed and uploaded to the extension marketplace, where anyone can discover and install it.",
       "pub.version.new": "First release · v{{ver}}",
       "pub.version.update": "v{{prev}} → v{{ver}}",
       "pub.version.missing": "No version in ext.yml — add a \"version\" field before publishing.",
@@ -77,10 +79,13 @@
       "pub.readme.ok": "README.md detected",
       "pub.readme.missing": "No README.md — consider adding one so users understand your extension.",
       "pub.btn.publish": "Publish v{{ver}}",
+      "pub.btn.publishing": "Publishing…",
+      "pub.btn.done": "Done",
       "pub.btn.cancel": "Cancel",
       "pub.progress.packing": "Packing…",
       "pub.progress.uploading": "Uploading to marketplace…",
       "pub.done": "Published {{id}} v{{ver}} — {{status}}",
+      "pub.success": "Published successfully",
       "pub.done.close": "Done",
       "pub.retry": "Try again",
       "extlist.section.cloud": "Published Extensions",
@@ -95,12 +100,14 @@
       "extlist.verify.ok": "Checks passed",
       "extlist.verify.errors": "{{n}} error(s)",
       "extlist.verify.warnings": "{{n}} warning(s)",
-      "extlist.btn.publish": "Publish",
+      "extlist.btn.publish": "Publish to Marketplace",
       "extlist.btn.update": "Update",
-      "extlist.btn.pack": "Pack",
+      "extlist.btn.pack": "Pack (.zip)",
       "extlist.btn.packing": "Packing…",
       "extlist.btn.unpublish": "Unpublish",
       "extlist.btn.iterate": "Iterate",
+      "extlist.btn.delete": "Delete",
+      "extlist.delete.confirm": "Delete local extension \"{{id}}\"? This cannot be undone.",
       "extlist.iterate.seed": "Iterate on extension {{id}}",
       "extlist.changelog.prompt": "Changelog (optional):",
       "extlist.overwrite.confirm": "\"{{id}}\" is already published. Publish a new version?",
@@ -132,7 +139,7 @@
       "skills.shadow.tooltip": "Local copy shadows a same-named brand skill",
       "skills.newSkill.label": "Create a new skill with /skill-creator",
       "skills.newSkill.btn": "Create New Skill",
-      "skills.promo.text": "Publish your skills & build your own brand on OpenClacky.",
+      "skills.promo.text": "Publish your skills & build your own brand.",
       "skills.promo.link": "Learn more →",
       "skills.locked": "Creator license required to publish cloud skills.",
       "skills.publishing": "Publishing…",
@@ -178,9 +185,11 @@
       "btn.unpublish": "下架",
       "published.confirm": "确定要从市场下架 {{id}} 吗？",
       "err.generic": "出错了：{{msg}}",
+      "err.version_conflict": "版本 {{ver}} 已发布过，请在上方输入更高的版本号后重试。",
+      "pub.version.label": "版本号",
 
       "publish.confirm.title": "确定发布到市场？",
-      "publish.confirm.body": "「{{id}}」将被打包并上传到 OpenClacky 市场，任何人都能发现并安装它。请确认它已准备好公开分享。",
+      "publish.confirm.body": "「{{id}}」将被打包并上传到扩展市场，任何人都能发现并安装它。请确认它已准备好公开分享。",
       "publish.confirm.ok": "发布",
       "publish.confirm.cancel": "取消",
       "bind.title": "授权此设备",
@@ -197,7 +206,7 @@
 
       "pub.title.new": "发布到市场",
       "pub.title.update": "发布新版本",
-      "pub.intro": "「{{name}}」将被打包并上传到 OpenClacky 市场，任何人都能发现并安装它。",
+      "pub.intro": "「{{name}}」将被打包并上传到扩展市场，任何人都能发现并安装它。",
       "pub.version.new": "首次发布 · v{{ver}}",
       "pub.version.update": "v{{prev}} → v{{ver}}",
       "pub.version.missing": "ext.yml 里没有 version — 请先补上 version 字段再发布。",
@@ -207,10 +216,13 @@
       "pub.readme.ok": "已检测到 README.md",
       "pub.readme.missing": "未找到 README.md — 建议补一份，方便用户了解你的扩展。",
       "pub.btn.publish": "发布 v{{ver}}",
+      "pub.btn.publishing": "发布中…",
+      "pub.btn.done": "完成",
       "pub.btn.cancel": "取消",
       "pub.progress.packing": "打包中…",
       "pub.progress.uploading": "上传到市场…",
       "pub.done": "已发布 {{id}} v{{ver}} — {{status}}",
+      "pub.success": "已发布成功",
       "pub.done.close": "完成",
       "pub.retry": "重试",
       "extlist.section.cloud": "已发布扩展",
@@ -225,12 +237,14 @@
       "extlist.verify.ok": "检查通过",
       "extlist.verify.errors": "{{n}} 个错误",
       "extlist.verify.warnings": "{{n}} 个警告",
-      "extlist.btn.publish": "发布",
-      "extlist.btn.update": "更新",
-      "extlist.btn.pack": "打包",
+      "extlist.btn.publish": "发布到市场",
+      "extlist.btn.update": "更新到市场",
+      "extlist.btn.pack": "打包(.zip)",
       "extlist.btn.packing": "打包中…",
       "extlist.btn.unpublish": "下架",
       "extlist.btn.iterate": "迭代",
+      "extlist.btn.delete": "删除",
+      "extlist.delete.confirm": "确定要删除本地扩展「{{id}}」吗？此操作不可恢复。",
       "extlist.iterate.seed": "迭代扩展 {{id}}",
       "extlist.changelog.prompt": "更新说明（可选）：",
       "extlist.overwrite.confirm": "「{{id}}」已经发布过了。要发布新版本吗？",
@@ -262,7 +276,7 @@
       "skills.shadow.tooltip": "本地副本覆盖了同名品牌 skill",
       "skills.newSkill.label": "用 /skill-creator 创建新 skill",
       "skills.newSkill.btn": "创建新 Skill",
-      "skills.promo.text": "发布你的 skill，在 OpenClacky 上打造自己的品牌。",
+      "skills.promo.text": "发布你的 skill，打造自己的品牌。",
       "skills.promo.link": "了解更多 →",
       "skills.locked": "发布云端 skill 需要创作者授权。",
       "skills.publishing": "发布中…",
@@ -465,44 +479,48 @@
 
   // Unified publish flow: one modal that walks the creator from a release form
   // (version + notes) through progress → device binding (if needed) → done.
-  // The creator owns the version in ext.yml; a new release must be greater than
-  // the currently published version — the backend enforces that. `prevVersion`
-  // is the latest published version when updating, or null for a first release.
+  // The creator owns the version; if it conflicts with the latest published
+  // version they can bump it inline — the modal writes it back to ext.yml
+  // before uploading. `prevVersionOrPromise` may be a value or a Promise.
   // Resolves true when a publish succeeded, false otherwise.
-  function runPublishFlow(ext, prevVersion) {
+  function runPublishFlow(ext, prevVersionOrPromise) {
     return new Promise((resolve) => {
-      const version = ext.version;
-      const isUpdate = !!prevVersion;
-
-      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 metaBlock = el("div", { class: "studio-pub-meta" });
-      metaBlock.appendChild(el("span", { class: "studio-pub-version", text: verText }));
+      let currentVersion = ext.version || "";
+      let isUpdate = false;
+
+      const verField = el("div", { class: "studio-field" });
+      verField.appendChild(el("label", { class: "studio-label", text: t("pub.version.label") }));
+      const verInput = el("input", { class: "studio-input", type: "text", value: currentVersion, placeholder: "1.0.0" });
+      verInput.addEventListener("input", () => {
+        currentVersion = verInput.value.trim();
+        publishBtn.disabled = !currentVersion;
+        publishBtn.textContent = currentVersion ? t("pub.btn.publish", { ver: currentVersion }) : t("pub.btn.publish", { ver: "?" });
+      });
+      verField.appendChild(verInput);
 
       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") });
+      const notes = el("textarea", { class: "studio-textarea", rows: "4", placeholder: t("pub.notes.placeholder") });
       notesField.appendChild(notes);
 
       const status = el("p", { class: "studio-modal-status" });
       status.style.display = "none";
 
-      const bodyChildren = [intro, metaBlock, notesField, status];
+      const bodyChildren = [
+        el("p", { class: "studio-modal-intro", text: t("pub.intro", { name: ext.name }) }),
+        verField,
+        notesField,
+        status,
+      ];
 
       let done = false;
       const modal = openModal({
-        title: isUpdate ? t("pub.title.update") : t("pub.title.new"),
+        title: t("pub.title.new"),
         body: el("div", null, bodyChildren),
         buttons: [
           { label: t("pub.btn.cancel"), keepOpen: false, onClick: () => { if (!done) resolve(false); } },
           {
-            label: version ? t("pub.btn.publish", { ver: version }) : t("pub.btn.publish", { ver: "?" }),
+            label: currentVersion ? t("pub.btn.publish", { ver: currentVersion }) : t("pub.btn.publish", { ver: "?" }),
             primary: true,
             keepOpen: true,
             onClick: () => submit(),
@@ -512,50 +530,82 @@
 
       const publishBtn = modal.footer.querySelector(".studio-btn-primary");
       const cancelBtn = modal.footer.querySelector(".studio-btn:not(.studio-btn-primary)");
-      if (!version) publishBtn.disabled = true;
+      if (!currentVersion) publishBtn.disabled = true;
+
+      Promise.resolve(prevVersionOrPromise).then((prevVersion) => {
+        if (done || !prevVersion) return;
+        isUpdate = true;
+        const titleEl = modal.overlay.querySelector(".studio-modal-title");
+        if (titleEl) titleEl.textContent = t("pub.title.update");
+        if (prevVersion !== currentVersion) {
+          currentVersion = prevVersion;
+          verInput.value = currentVersion;
+          publishBtn.disabled = false;
+          publishBtn.textContent = t("pub.btn.publish", { ver: currentVersion });
+        }
+      });
 
-      function setProgress(msg) {
+      function setProgress(msg, isError) {
         status.style.display = "";
         status.textContent = msg;
+        status.className = "studio-modal-status" + (isError ? " studio-modal-status-error" : "");
+      }
+
+      function resetButtons() {
+        publishBtn.disabled = !currentVersion;
+        publishBtn.textContent = currentVersion ? t("pub.btn.publish", { ver: currentVersion }) : t("pub.btn.publish", { ver: "?" });
+        cancelBtn.disabled = false;
+        notes.disabled = false;
+        verInput.disabled = false;
       }
 
       async function submit() {
         if (done || publishBtn.disabled) return;
+        const ver = currentVersion;
+        if (!ver) return;
+
         publishBtn.disabled = true;
+        publishBtn.textContent = t("pub.btn.publishing");
         cancelBtn.disabled = true;
         notes.disabled = true;
-        setProgress(t("pub.progress.packing"));
+        verInput.disabled = true;
+        status.style.display = "none";
+
         try {
-          setProgress(t("pub.progress.uploading"));
+          if (ver !== ext.version) {
+            await postJson("/set_version", { ext_id: ext.id, version: ver });
+          }
+
           const data = await publishWithBinding({
             ext_id: ext.id,
             force: isUpdate,
             changelog: notes.value.trim(),
           });
-          if (data === null) {
-            publishBtn.disabled = false;
-            cancelBtn.disabled = false;
-            notes.disabled = false;
-            status.style.display = "none";
-            return;
-          }
+
+          if (data === null) { resetButtons(); return; }
           if (!data.ok) throw new Error(data.error || "Publish failed");
+
           done = true;
-          setProgress(t("pub.done", {
-            id: data.ext_id,
-            ver: data.version || version,
-            status: data.status || "",
-          }));
-          publishBtn.style.display = "none";
-          cancelBtn.textContent = t("pub.done.close");
-          cancelBtn.disabled = false;
-          cancelBtn.onclick = () => { modal.close(); resolve(true); };
-        } catch (e) {
-          setProgress(t("err.generic", { msg: e.message }));
+          const successLabel = el("span", { class: "studio-pub-success", text: t("pub.success") });
+          modal.footer.insertBefore(successLabel, modal.footer.firstChild);
+          cancelBtn.style.display = "none";
           publishBtn.disabled = false;
-          publishBtn.textContent = t("pub.retry");
-          cancelBtn.disabled = false;
-          notes.disabled = false;
+          publishBtn.textContent = t("pub.btn.done");
+          publishBtn.onclick = () => { modal.close(); resolve(true); };
+        } catch (e) {
+          const msg = e.message || "";
+          const isConflict = /must be greater than/i.test(msg);
+          if (isConflict) {
+            setProgress(t("err.version_conflict", { ver }), true);
+            verInput.classList.add("studio-input-error");
+            verInput.disabled = false;
+            verInput.focus();
+            verInput.select();
+            verInput.addEventListener("input", () => verInput.classList.remove("studio-input-error"), { once: true });
+          } else {
+            setProgress(t("err.generic", { msg }), true);
+          }
+          resetButtons();
         }
       }
     });
@@ -739,13 +789,13 @@
     async function doPublish() {
       const ext = store.selected();
       if (!ext) return;
-      let prevVersion = null;
-      try {
-        const data = await getJson("/published");
-        const match = (data.extensions || []).find((e) => e.id === ext.id);
-        prevVersion = match ? match.version : null;
-      } catch (_e) { /* treat as first release */ }
-      const ok = await runPublishFlow(ext, prevVersion);
+      const prevVersionPromise = getJson("/published")
+        .then((data) => {
+          const match = (data.extensions || []).find((e) => e.id === ext.id);
+          return match ? match.version : null;
+        })
+        .catch(() => null);
+      const ok = await runPublishFlow(ext, prevVersionPromise);
       if (ok) loadPublished();
     }
 
@@ -774,17 +824,23 @@
         const exts = data.extensions || [];
         if (!exts.length) { box.appendChild(el("p", { class: "studio-empty", text: t("published.empty") })); return; }
         exts.forEach((e) => {
-          const row = el("div", { class: "studio-published-row" });
-          row.appendChild(el("span", { class: "studio-published-name", text: `${e.name}${e.version ? " v" + e.version : ""} [${e.status}]` }));
-          row.appendChild(el("button", {
-            class: "studio-btn studio-btn-danger", text: t("btn.unpublish"),
-            onclick: async () => {
-              if (!window.confirm(t("published.confirm", { id: e.id }))) return;
-              try { await postJson("/unpublish", { ext_id: e.id }); loadPublished(); }
-              catch (err) { feedback(t("err.generic", { msg: err.message }), "error"); }
-            },
-          }));
-          box.appendChild(row);
+          const card = el("div", { class: "studio-skill-card" });
+          const head = el("div", { class: "studio-skill-head" });
+          head.appendChild(el("span", { class: "studio-skill-name", text: e.name || e.id }));
+          const statusKind = e.status === "draft" ? "local" : "published";
+          head.appendChild(el("span", { class: `studio-skill-badge studio-skill-badge-${statusKind}`, text: e.status === "draft" ? t("extlist.badge.draft") : t("extlist.badge.published") }));
+          if (e.version) head.appendChild(el("span", { style: "font-size:11px;color:var(--color-text-muted);", text: "v" + e.version }));
+          const unpubBtn = el("button", { class: "studio-btn studio-btn-danger", text: t("btn.unpublish") });
+          unpubBtn.style.marginLeft = "auto";
+          unpubBtn.addEventListener("click", async () => {
+            if (!window.confirm(t("published.confirm", { id: e.id }))) return;
+            unpubBtn.disabled = true;
+            try { await postJson("/unpublish", { ext_id: e.id }); loadPublished(); }
+            catch (err) { unpubBtn.disabled = false; feedback(t("err.generic", { msg: err.message }), "error"); }
+          });
+          head.appendChild(unpubBtn);
+          card.appendChild(head);
+          box.appendChild(card);
         });
       } catch (e) {
         box.appendChild(el("p", { class: "studio-empty", text: t("err.generic", { msg: e.message }) }));
@@ -927,6 +983,13 @@
       const packBtn = el("button", { class: "studio-btn studio-btn-ghost", text: t("extlist.btn.pack") });
       packBtn.addEventListener("click", () => doPack(ext, packBtn));
       actions.appendChild(packBtn);
+      card.appendChild(actions);
+
+      if (!published) {
+        const delBtn = el("button", { class: "studio-btn studio-btn-danger", text: t("extlist.btn.delete") });
+        delBtn.addEventListener("click", () => doDelete(ext, delBtn));
+        actions.appendChild(delBtn);
+      }
       return card;
     }
 
@@ -942,6 +1005,25 @@
       }
     }
 
+    async function doDelete(ext, btn) {
+      if (!confirm(t("extlist.delete.confirm", { id: ext.id }))) return;
+      btn.disabled = true;
+      try {
+        const res = await fetch("/api/ext/ext-studio/local", {
+          method: "DELETE",
+          headers: { "Content-Type": "application/json" },
+          body: JSON.stringify({ ext_id: ext.id }),
+        });
+        let data = {};
+        try { data = await res.json(); } catch (_e) {}
+        if (!res.ok) throw new Error(data?.error || `Error ${res.status}`);
+        await reload(); rebuild();
+      } catch (e) {
+        alert(t("err.generic", { msg: e.message }));
+        btn.disabled = false;
+      }
+    }
+
     async function doPublish(ext, prevVersion) {
       const ok = await runPublishFlow(ext, prevVersion);
       if (ok) { await reload(); rebuild(); }
@@ -1269,7 +1351,7 @@
     .studio-btn-primary { background: var(--color-button-primary); color: var(--color-button-primary-text); border-color: transparent; }
     .studio-btn-primary:hover { background: var(--color-button-primary-hover); color: var(--color-button-primary-text); }
     .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 { color: var(--color-error); border-color: var(--color-error-border); }
     .studio-btn-danger:hover { background: var(--color-error-bg); color: var(--color-error); }
     .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); }
@@ -1291,8 +1373,8 @@
     .studio-feedback-error { color: var(--color-error); }
     .studio-feedback-warn { color: var(--color-warning, var(--color-text-secondary)); }
     .studio-published { margin-top: 16px; border-top: 1px solid var(--color-border-primary); padding-top: 12px; }
-    .studio-published-row { display: flex; align-items: center; justify-content: space-between; gap: 8px; padding: 6px 0; font-size: 12px; }
-    .studio-published-name { color: var(--color-text-primary); }
+    .studio-published-row { display: flex; align-items: center; justify-content: space-between; gap: 8px; padding: 8px 0; font-size: 12px; border-bottom: 1px solid var(--color-border-primary); }
+    .studio-published-name { display: flex; align-items: center; gap: 6px; color: var(--color-text-primary); }
     .studio-page { width: 100%; }
     .studio-page-head { margin-bottom: 20px; }
     .studio-page-title { margin: 0; font-size: 22px; font-weight: 600; color: var(--color-text-primary); }
@@ -1305,7 +1387,7 @@
     .studio-skill-section { margin-bottom: 28px; }
     .studio-skill-section-head { display: flex; align-items: baseline; gap: 10px; margin-bottom: 12px; }
     .studio-skill-hint { font-size: 11px; color: var(--color-text-muted); }
-    .studio-skill-card { border: 1px solid var(--color-border-primary); border-radius: var(--radius-md, 8px); padding: 14px 16px; margin: 0 0 10px; background: var(--color-bg-secondary); }
+    .studio-skill-card { border: 1px solid var(--color-border-primary); border-radius: var(--radius-md, 8px); padding: 12px; margin: 0 0 10px; background: var(--color-bg-secondary); }
     .studio-skill-head { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; }
     .studio-skill-name { font-size: 14px; font-weight: 600; color: var(--color-text-primary); }
     .studio-skill-badge { font-size: 11px; padding: 1px 8px; border-radius: 10px; }
@@ -1314,7 +1396,7 @@
     .studio-skill-badge-changed { background: var(--color-warning-bg, var(--color-bg-hover)); color: var(--color-warning, var(--color-text-secondary)); }
     .studio-skill-badge-shadow { background: var(--color-bg-hover); color: var(--color-text-secondary); }
     .studio-skill-desc { margin: 6px 0 8px; font-size: 12px; color: var(--color-text-secondary); line-height: 1.5; }
-    .studio-skill-meta { display: flex; gap: 12px; font-size: 11px; color: var(--color-text-muted); margin-bottom: 8px; }
+    .studio-skill-meta { display: flex; gap: 12px; font-size: 11px; color: var(--color-text-muted); }
     .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; animation: studio-overlay-in 0.15s ease; }
@@ -1329,9 +1411,14 @@
     .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-status-error { color: var(--color-error); }
+    .studio-input { 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 10px; color: var(--color-text-primary); font-size: 13px; font-family: monospace; }
+    .studio-input:focus { border-color: var(--color-accent-primary); outline: none; }
+    .studio-input-error { border-color: var(--color-error) !important; }
     .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: 20px; padding-top: 16px; border-top: 1px solid var(--color-border-primary); }
+    .studio-pub-success { margin-right: auto; font-size: 13px; font-weight: 500; color: var(--color-success); }
   `;
   document.head.appendChild(style);
 })();