@aexol/opencode-wizard 0.1.14 → 0.1.16

package/dist/tui.js

@@ -9,7 +9,7 @@ import { createElement as _$createElement } from "@opentui/solid";
 /** @jsxImportSource @opentui/solid */
 
 import { createEffect, createMemo, createSignal } from 'solid-js';
-import { PLUGIN_ID, resolvePluginStatusSnapshotWithAuthBootstrap } from './server.js';
+import { PLUGIN_ID, resolvePluginStatusSnapshotWithAuthBootstrap, setPublishedSkillInstalled, setPublishedSkillIgnored } from './server.js';
 const STATUS_TIMEOUT_MS = 5_000;
 const STATUS_REFRESH_INTERVAL_MS = 5_000;
 const MAX_STATUS_MESSAGE_LENGTH = 80;
@@ -214,40 +214,122 @@ const getSkillTags = skill => {
   if (tagLabels.length === 0) return 'no tags';
   return tagLabels.join(', ');
 };
-const getSkillMeta = skill => `${skill.policyLabel} · ${skill.contextKind} · ${getSkillTags(skill)}`;
+const getSkillMeta = (skill, state) => `${skill.policyLabel} · ${state} · ${getSkillTags(skill)}`;
+const getRowStateLabel = row => {
+  if (row.ignored) return 'ignored';
+  if (row.state === 'installable') return 'not installed';
+  return row.state === 'installed-global' ? 'installed global' : 'installed project';
+};
+const getErrorMessage = error => {
+  if (error instanceof Error && error.message) return error.message;
+  return 'Preference update failed. Check plugin auth/backend status and try again.';
+};
 const SkillCatalogRow = props => {
-  const description = getSkillDescription(props.skill);
+  const skill = props.row.skill;
+  const description = getSkillDescription(skill);
+  const canUninstall = skill.assignmentSource === 'USER_GLOBAL' || skill.assignmentSource === 'USER_WORKSPACE';
   return (() => {
     var _el$18 = _$createElement("box"),
-      _el$19 = _$createElement("text"),
-      _el$20 = _$createElement("b"),
-      _el$21 = _$createElement("text");
+      _el$19 = _$createElement("box"),
+      _el$20 = _$createElement("text"),
+      _el$21 = _$createElement("b"),
+      _el$22 = _$createTextNode(` (`),
+      _el$24 = _$createTextNode(`)`),
+      _el$25 = _$createElement("box"),
+      _el$26 = _$createElement("text");
     _$insertNode(_el$18, _el$19);
-    _$insertNode(_el$18, _el$21);
+    _$insertNode(_el$18, _el$26);
     _$setProp(_el$18, "width", "100%");
     _$setProp(_el$18, "flexDirection", "column");
     _$setProp(_el$18, "overflow", "hidden");
     _$setProp(_el$18, "marginBottom", 1);
     _$insertNode(_el$19, _el$20);
-    _$setProp(_el$19, "wrapMode", "none");
+    _$insertNode(_el$19, _el$25);
+    _$setProp(_el$19, "width", "100%");
+    _$setProp(_el$19, "flexDirection", "row");
+    _$setProp(_el$19, "justifyContent", "space-between");
     _$setProp(_el$19, "overflow", "hidden");
-    _$insert(_el$20, () => compactSkillName(getSkillDisplayName(props.skill)));
-    _$setProp(_el$21, "wrapMode", "none");
-    _$setProp(_el$21, "overflow", "hidden");
-    _$insert(_el$21, () => compactSkillMeta(getSkillMeta(props.skill)));
+    _$insertNode(_el$20, _el$21);
+    _$insertNode(_el$20, _el$22);
+    _$insertNode(_el$20, _el$24);
+    _$setProp(_el$20, "wrapMode", "none");
+    _$setProp(_el$20, "overflow", "hidden");
+    _$insert(_el$21, () => compactSkillName(getSkillDisplayName(skill)));
+    _$insert(_el$20, () => getRowStateLabel(props.row), _el$24);
+    _$setProp(_el$25, "flexDirection", "row");
+    _$setProp(_el$25, "flexShrink", 0);
+    _$insert(_el$25, (() => {
+      var _c$ = _$memo(() => props.row.state === 'installable');
+      return () => _c$() ? [(() => {
+        var _el$27 = _$createElement("box"),
+          _el$28 = _$createElement("text");
+        _$insertNode(_el$27, _el$28);
+        _$setProp(_el$27, "onMouseUp", () => props.onInstall(props.row, 'global'));
+        _$setProp(_el$27, "flexShrink", 0);
+        _$insertNode(_el$28, _$createTextNode(`Global`));
+        _$setProp(_el$28, "wrapMode", "none");
+        _$effect(_$p => _$setProp(_el$28, "fg", props.theme.textMuted, _$p));
+        return _el$27;
+      })(), (() => {
+        var _el$30 = _$createElement("text");
+        _$insertNode(_el$30, _$createTextNode(` / `));
+        _$setProp(_el$30, "wrapMode", "none");
+        _$effect(_$p => _$setProp(_el$30, "fg", props.theme.textMuted, _$p));
+        return _el$30;
+      })(), (() => {
+        var _el$32 = _$createElement("box"),
+          _el$33 = _$createElement("text");
+        _$insertNode(_el$32, _el$33);
+        _$setProp(_el$32, "onMouseUp", () => props.onInstall(props.row, 'project'));
+        _$setProp(_el$32, "flexShrink", 0);
+        _$insertNode(_el$33, _$createTextNode(`Project`));
+        _$setProp(_el$33, "wrapMode", "none");
+        _$effect(_$p => _$setProp(_el$33, "fg", props.theme.textMuted, _$p));
+        return _el$32;
+      })()] : [(() => {
+        var _el$35 = _$createElement("box"),
+          _el$36 = _$createElement("text");
+        _$insertNode(_el$35, _el$36);
+        _$setProp(_el$35, "onMouseUp", () => props.onIgnore(props.row));
+        _$setProp(_el$35, "flexShrink", 0);
+        _$setProp(_el$36, "wrapMode", "none");
+        _$insert(_el$36, () => props.row.ignored ? 'Unignore' : 'Ignore');
+        _$effect(_$p => _$setProp(_el$36, "fg", props.theme.textMuted, _$p));
+        return _el$35;
+      })(), canUninstall ? [(() => {
+        var _el$37 = _$createElement("text");
+        _$insertNode(_el$37, _$createTextNode(` / `));
+        _$setProp(_el$37, "wrapMode", "none");
+        _$effect(_$p => _$setProp(_el$37, "fg", props.theme.textMuted, _$p));
+        return _el$37;
+      })(), (() => {
+        var _el$39 = _$createElement("box"),
+          _el$40 = _$createElement("text");
+        _$insertNode(_el$39, _el$40);
+        _$setProp(_el$39, "onMouseUp", () => props.onUninstall(props.row));
+        _$setProp(_el$39, "flexShrink", 0);
+        _$insertNode(_el$40, _$createTextNode(`Uninstall`));
+        _$setProp(_el$40, "wrapMode", "none");
+        _$effect(_$p => _$setProp(_el$40, "fg", props.theme.textMuted, _$p));
+        return _el$39;
+      })()] : null];
+    })());
+    _$setProp(_el$26, "wrapMode", "none");
+    _$setProp(_el$26, "overflow", "hidden");
+    _$insert(_el$26, () => compactSkillMeta(getSkillMeta(skill, props.row.state)));
     _$insert(_el$18, description ? (() => {
-      var _el$22 = _$createElement("text");
-      _$setProp(_el$22, "wrapMode", "none");
-      _$setProp(_el$22, "overflow", "hidden");
-      _$insert(_el$22, () => compactSkillDescription(description));
-      _$effect(_$p => _$setProp(_el$22, "fg", props.theme.text, _$p));
-      return _el$22;
+      var _el$42 = _$createElement("text");
+      _$setProp(_el$42, "wrapMode", "none");
+      _$setProp(_el$42, "overflow", "hidden");
+      _$insert(_el$42, () => compactSkillDescription(description));
+      _$effect(_$p => _$setProp(_el$42, "fg", props.theme.text, _$p));
+      return _el$42;
     })() : null, null);
     _$effect(_p$ => {
-      var _v$6 = props.theme.text,
+      var _v$6 = props.row.ignored ? props.theme.textMuted : props.theme.text,
         _v$7 = props.theme.textMuted;
-      _v$6 !== _p$.e && (_p$.e = _$setProp(_el$19, "fg", _v$6, _p$.e));
-      _v$7 !== _p$.t && (_p$.t = _$setProp(_el$21, "fg", _v$7, _p$.t));
+      _v$6 !== _p$.e && (_p$.e = _$setProp(_el$20, "fg", _v$6, _p$.e));
+      _v$7 !== _p$.t && (_p$.t = _$setProp(_el$26, "fg", _v$7, _p$.t));
       return _p$;
     }, {
       e: undefined,
@@ -262,46 +344,61 @@ const WizardSkillsDialogContent = props => {
     const currentStatus = props.status();
     if (currentStatus.kind === 'loading') {
       return (() => {
-        var _el$23 = _$createElement("text");
-        _$insertNode(_el$23, _$createTextNode(`Refreshing published skills…`));
-        _$setProp(_el$23, "wrapMode", "none");
-        _$setProp(_el$23, "overflow", "hidden");
-        _$effect(_$p => _$setProp(_el$23, "fg", props.theme.textMuted, _$p));
-        return _el$23;
+        var _el$43 = _$createElement("text");
+        _$insertNode(_el$43, _$createTextNode(`Refreshing published skills…`));
+        _$setProp(_el$43, "wrapMode", "none");
+        _$setProp(_el$43, "overflow", "hidden");
+        _$effect(_$p => _$setProp(_el$43, "fg", props.theme.textMuted, _$p));
+        return _el$43;
       })();
     }
     if (currentStatus.kind === 'error') {
       return (() => {
-        var _el$25 = _$createElement("text"),
-          _el$26 = _$createTextNode(`unavailable: `);
-        _$insertNode(_el$25, _el$26);
-        _$setProp(_el$25, "wrapMode", "none");
-        _$setProp(_el$25, "overflow", "hidden");
-        _$insert(_el$25, () => compactStatusMessage(currentStatus.message), null);
-        _$effect(_$p => _$setProp(_el$25, "fg", props.theme.warning, _$p));
-        return _el$25;
+        var _el$45 = _$createElement("text"),
+          _el$46 = _$createTextNode(`unavailable: `);
+        _$insertNode(_el$45, _el$46);
+        _$setProp(_el$45, "wrapMode", "none");
+        _$setProp(_el$45, "overflow", "hidden");
+        _$insert(_el$45, () => compactStatusMessage(currentStatus.message), null);
+        _$effect(_$p => _$setProp(_el$45, "fg", props.theme.warning, _$p));
+        return _el$45;
       })();
     }
     if (!currentStatus.snapshot.catalog) {
       return (() => {
-        var _el$27 = _$createElement("text"),
-          _el$28 = _$createTextNode(`catalog `);
-        _$insertNode(_el$27, _el$28);
-        _$setProp(_el$27, "wrapMode", "none");
-        _$setProp(_el$27, "overflow", "hidden");
-        _$insert(_el$27, () => formatSkillsCatalogUnavailableMessage(currentStatus.snapshot), null);
-        _$effect(_$p => _$setProp(_el$27, "fg", props.theme.textMuted, _$p));
-        return _el$27;
+        var _el$47 = _$createElement("text"),
+          _el$48 = _$createTextNode(`catalog `);
+        _$insertNode(_el$47, _el$48);
+        _$setProp(_el$47, "wrapMode", "none");
+        _$setProp(_el$47, "overflow", "hidden");
+        _$insert(_el$47, () => formatSkillsCatalogUnavailableMessage(currentStatus.snapshot), null);
+        _$effect(_$p => _$setProp(_el$47, "fg", props.theme.textMuted, _$p));
+        return _el$47;
       })();
     }
     const {
       catalog
     } = currentStatus.snapshot;
-    const totalPages = Math.max(1, Math.ceil(catalog.skills.length / SKILLS_PAGE_SIZE));
+    const activeSkillSlugs = new Set(catalog.skills.map(skill => skill.skillSlug));
+    const ignoredSkillSlugs = new Set(currentStatus.snapshot.ignoredPublishedSkills.skills.map(skill => skill.skillSlug));
+    const rows = [...catalog.skills.map(skill => ({
+      skill,
+      ignored: false,
+      state: skill.contextKind === 'global' ? 'installed-global' : 'installed-project'
+    })), ...currentStatus.snapshot.ignoredPublishedSkills.skills.map(skill => ({
+      skill,
+      ignored: true,
+      state: skill.contextKind === 'global' ? 'installed-global' : 'installed-project'
+    })), ...(currentStatus.snapshot.installableCatalog?.skills ?? []).filter(skill => !activeSkillSlugs.has(skill.skillSlug) && !ignoredSkillSlugs.has(skill.skillSlug)).map(skill => ({
+      skill,
+      ignored: false,
+      state: 'installable'
+    }))];
+    const totalPages = Math.max(1, Math.ceil(rows.length / SKILLS_PAGE_SIZE));
     const currentPage = Math.min(page(), totalPages - 1);
     const startIndex = currentPage * SKILLS_PAGE_SIZE;
-    const endIndex = Math.min(startIndex + SKILLS_PAGE_SIZE, catalog.skills.length);
-    const visibleSkills = catalog.skills.slice(startIndex, endIndex);
+    const endIndex = Math.min(startIndex + SKILLS_PAGE_SIZE, rows.length);
+    const visibleRows = rows.slice(startIndex, endIndex);
     const canGoBack = currentPage > 0;
     const canGoForward = currentPage < totalPages - 1;
     const goBack = () => {
@@ -313,94 +410,109 @@ const WizardSkillsDialogContent = props => {
       setPage(currentPage + 1);
     };
     return (() => {
-      var _el$29 = _$createElement("box"),
-        _el$30 = _$createElement("box"),
-        _el$31 = _$createElement("text"),
-        _el$32 = _$createElement("b"),
-        _el$33 = _$createTextNode(` skills`),
-        _el$34 = _$createTextNode(`&nbsp;· `),
-        _el$35 = _$createTextNode(` global · `),
-        _el$36 = _$createTextNode(` workspace`),
-        _el$37 = _$createElement("text"),
-        _el$38 = _$createTextNode(`page `),
-        _el$39 = _$createTextNode(`/`),
-        _el$40 = _$createElement("box"),
-        _el$41 = _$createElement("box"),
-        _el$42 = _$createElement("box"),
-        _el$43 = _$createElement("text"),
-        _el$45 = _$createElement("text"),
-        _el$46 = _$createTextNode(` shown`),
-        _el$47 = _$createElement("box"),
-        _el$48 = _$createElement("text");
-      _$insertNode(_el$29, _el$30);
-      _$insertNode(_el$29, _el$40);
-      _$insertNode(_el$29, _el$41);
-      _$setProp(_el$29, "width", "100%");
-      _$setProp(_el$29, "flexDirection", "column");
-      _$setProp(_el$29, "overflow", "hidden");
-      _$insertNode(_el$30, _el$31);
-      _$insertNode(_el$30, _el$37);
-      _$setProp(_el$30, "width", "100%");
-      _$setProp(_el$30, "flexDirection", "row");
-      _$setProp(_el$30, "justifyContent", "space-between");
-      _$setProp(_el$30, "overflow", "hidden");
-      _$insertNode(_el$31, _el$32);
-      _$insertNode(_el$31, _el$34);
-      _$insertNode(_el$31, _el$35);
-      _$insertNode(_el$31, _el$36);
-      _$setProp(_el$31, "wrapMode", "none");
-      _$setProp(_el$31, "overflow", "hidden");
-      _$insertNode(_el$32, _el$33);
-      _$insert(_el$32, () => catalog.publishedSkillCount, _el$33);
-      _$insert(_el$31, () => catalog.assignmentCounts.global, _el$35);
-      _$insert(_el$31, () => catalog.assignmentCounts.project, _el$36);
-      _$insertNode(_el$37, _el$38);
-      _$insertNode(_el$37, _el$39);
-      _$setProp(_el$37, "wrapMode", "none");
-      _$insert(_el$37, currentPage + 1, _el$39);
-      _$insert(_el$37, totalPages, null);
-      _$setProp(_el$40, "width", "100%");
-      _$setProp(_el$40, "flexDirection", "column");
-      _$setProp(_el$40, "marginTop", 1);
-      _$setProp(_el$40, "overflow", "hidden");
-      _$insert(_el$40, () => visibleSkills.map(skill => _$createComponent(SkillCatalogRow, {
-        skill: skill,
+      var _el$49 = _$createElement("box"),
+        _el$50 = _$createElement("box"),
+        _el$51 = _$createElement("text"),
+        _el$52 = _$createElement("b"),
+        _el$53 = _$createTextNode(` skills`),
+        _el$54 = _$createTextNode(`&nbsp;· `),
+        _el$55 = _$createTextNode(` global · `),
+        _el$56 = _$createTextNode(` workspace &nbsp;· `),
+        _el$57 = _$createTextNode(` ignored &nbsp;· `),
+        _el$58 = _$createTextNode(` installable`),
+        _el$59 = _$createElement("text"),
+        _el$60 = _$createTextNode(`page `),
+        _el$61 = _$createTextNode(`/`),
+        _el$62 = _$createElement("box"),
+        _el$63 = _$createElement("box"),
+        _el$64 = _$createElement("box"),
+        _el$65 = _$createElement("text"),
+        _el$67 = _$createElement("text"),
+        _el$68 = _$createTextNode(` shown`),
+        _el$69 = _$createElement("box"),
+        _el$70 = _$createElement("text");
+      _$insertNode(_el$49, _el$50);
+      _$insertNode(_el$49, _el$62);
+      _$insertNode(_el$49, _el$63);
+      _$setProp(_el$49, "width", "100%");
+      _$setProp(_el$49, "flexDirection", "column");
+      _$setProp(_el$49, "overflow", "hidden");
+      _$insertNode(_el$50, _el$51);
+      _$insertNode(_el$50, _el$59);
+      _$setProp(_el$50, "width", "100%");
+      _$setProp(_el$50, "flexDirection", "row");
+      _$setProp(_el$50, "justifyContent", "space-between");
+      _$setProp(_el$50, "overflow", "hidden");
+      _$insertNode(_el$51, _el$52);
+      _$insertNode(_el$51, _el$54);
+      _$insertNode(_el$51, _el$55);
+      _$insertNode(_el$51, _el$56);
+      _$insertNode(_el$51, _el$57);
+      _$insertNode(_el$51, _el$58);
+      _$setProp(_el$51, "wrapMode", "none");
+      _$setProp(_el$51, "overflow", "hidden");
+      _$insertNode(_el$52, _el$53);
+      _$insert(_el$52, () => catalog.publishedSkillCount, _el$53);
+      _$insert(_el$51, () => catalog.assignmentCounts.global, _el$55);
+      _$insert(_el$51, () => catalog.assignmentCounts.project, _el$56);
+      _$insert(_el$51, () => currentStatus.snapshot.ignoredPublishedSkills.count, _el$57);
+      _$insert(_el$51, () => currentStatus.snapshot.installableCatalog?.count ?? 0, _el$58);
+      _$insertNode(_el$59, _el$60);
+      _$insertNode(_el$59, _el$61);
+      _$setProp(_el$59, "wrapMode", "none");
+      _$insert(_el$59, currentPage + 1, _el$61);
+      _$insert(_el$59, totalPages, null);
+      _$setProp(_el$62, "width", "100%");
+      _$setProp(_el$62, "flexDirection", "column");
+      _$setProp(_el$62, "marginTop", 1);
+      _$setProp(_el$62, "overflow", "hidden");
+      _$insert(_el$62, () => visibleRows.map(row => _$createComponent(SkillCatalogRow, {
+        row: row,
         get theme() {
           return props.theme;
+        },
+        get onIgnore() {
+          return props.onIgnoreSkill;
+        },
+        get onInstall() {
+          return props.onInstallSkill;
+        },
+        get onUninstall() {
+          return props.onUninstallSkill;
         }
       })));
-      _$insertNode(_el$41, _el$42);
-      _$insertNode(_el$41, _el$45);
-      _$insertNode(_el$41, _el$47);
-      _$setProp(_el$41, "width", "100%");
-      _$setProp(_el$41, "flexDirection", "row");
-      _$setProp(_el$41, "justifyContent", "space-between");
-      _$setProp(_el$41, "overflow", "hidden");
-      _$insertNode(_el$42, _el$43);
-      _$setProp(_el$42, "onMouseUp", goBack);
-      _$setProp(_el$42, "flexShrink", 0);
-      _$insertNode(_el$43, _$createTextNode(`← Prev`));
-      _$setProp(_el$43, "wrapMode", "none");
-      _$insertNode(_el$45, _el$46);
-      _$setProp(_el$45, "wrapMode", "none");
-      _$setProp(_el$45, "overflow", "hidden");
-      _$insert(_el$45, () => visibleSkills.length, _el$46);
-      _$insertNode(_el$47, _el$48);
-      _$setProp(_el$47, "onMouseUp", goForward);
-      _$setProp(_el$47, "flexShrink", 0);
-      _$insertNode(_el$48, _$createTextNode(`Next →`));
-      _$setProp(_el$48, "wrapMode", "none");
+      _$insertNode(_el$63, _el$64);
+      _$insertNode(_el$63, _el$67);
+      _$insertNode(_el$63, _el$69);
+      _$setProp(_el$63, "width", "100%");
+      _$setProp(_el$63, "flexDirection", "row");
+      _$setProp(_el$63, "justifyContent", "space-between");
+      _$setProp(_el$63, "overflow", "hidden");
+      _$insertNode(_el$64, _el$65);
+      _$setProp(_el$64, "onMouseUp", goBack);
+      _$setProp(_el$64, "flexShrink", 0);
+      _$insertNode(_el$65, _$createTextNode(`← Prev`));
+      _$setProp(_el$65, "wrapMode", "none");
+      _$insertNode(_el$67, _el$68);
+      _$setProp(_el$67, "wrapMode", "none");
+      _$setProp(_el$67, "overflow", "hidden");
+      _$insert(_el$67, () => visibleRows.length, _el$68);
+      _$insertNode(_el$69, _el$70);
+      _$setProp(_el$69, "onMouseUp", goForward);
+      _$setProp(_el$69, "flexShrink", 0);
+      _$insertNode(_el$70, _$createTextNode(`Next →`));
+      _$setProp(_el$70, "wrapMode", "none");
       _$effect(_p$ => {
         var _v$8 = props.theme.text,
           _v$9 = props.theme.textMuted,
           _v$0 = canGoBack ? props.theme.text : props.theme.textMuted,
           _v$1 = props.theme.textMuted,
           _v$10 = canGoForward ? props.theme.text : props.theme.textMuted;
-        _v$8 !== _p$.e && (_p$.e = _$setProp(_el$31, "fg", _v$8, _p$.e));
-        _v$9 !== _p$.t && (_p$.t = _$setProp(_el$37, "fg", _v$9, _p$.t));
-        _v$0 !== _p$.a && (_p$.a = _$setProp(_el$43, "fg", _v$0, _p$.a));
-        _v$1 !== _p$.o && (_p$.o = _$setProp(_el$45, "fg", _v$1, _p$.o));
-        _v$10 !== _p$.i && (_p$.i = _$setProp(_el$48, "fg", _v$10, _p$.i));
+        _v$8 !== _p$.e && (_p$.e = _$setProp(_el$51, "fg", _v$8, _p$.e));
+        _v$9 !== _p$.t && (_p$.t = _$setProp(_el$59, "fg", _v$9, _p$.t));
+        _v$0 !== _p$.a && (_p$.a = _$setProp(_el$65, "fg", _v$0, _p$.a));
+        _v$1 !== _p$.o && (_p$.o = _$setProp(_el$67, "fg", _v$1, _p$.o));
+        _v$10 !== _p$.i && (_p$.i = _$setProp(_el$70, "fg", _v$10, _p$.i));
         return _p$;
       }, {
         e: undefined,
@@ -409,10 +521,36 @@ const WizardSkillsDialogContent = props => {
         o: undefined,
         i: undefined
       });
-      return _el$29;
+      return _el$49;
     })();
   };
-  return _$memo(content);
+  return (() => {
+    var _el$72 = _$createElement("box");
+    _$setProp(_el$72, "width", "100%");
+    _$setProp(_el$72, "flexDirection", "column");
+    _$setProp(_el$72, "overflow", "hidden");
+    _$insert(_el$72, _$createComponent(PreferenceActionNoticeRow, {
+      get notice() {
+        return props.actionNotice();
+      },
+      get theme() {
+        return props.theme;
+      }
+    }), null);
+    _$insert(_el$72, content, null);
+    return _el$72;
+  })();
+};
+const PreferenceActionNoticeRow = props => {
+  if (props.notice.kind === 'idle') return null;
+  return (() => {
+    var _el$73 = _$createElement("text");
+    _$setProp(_el$73, "wrapMode", "none");
+    _$setProp(_el$73, "overflow", "hidden");
+    _$insert(_el$73, () => compactStatusMessage(props.notice.message));
+    _$effect(_$p => _$setProp(_el$73, "fg", props.notice.kind === 'error' ? props.theme.warning : props.theme.textMuted, _$p));
+    return _el$73;
+  })();
 };
 const ReadyRows = props => {
   const statusRows = [_$createComponent(Row, {
@@ -440,12 +578,12 @@ const ReadyRows = props => {
   })];
   if (!props.snapshot.catalog) {
     return (() => {
-      var _el$50 = _$createElement("box");
-      _$setProp(_el$50, "width", "100%");
-      _$setProp(_el$50, "flexDirection", "column");
-      _$setProp(_el$50, "overflow", "hidden");
-      _$insert(_el$50, statusRows, null);
-      _$insert(_el$50, _$createComponent(Row, {
+      var _el$74 = _$createElement("box");
+      _$setProp(_el$74, "width", "100%");
+      _$setProp(_el$74, "flexDirection", "column");
+      _$setProp(_el$74, "overflow", "hidden");
+      _$insert(_el$74, statusRows, null);
+      _$insert(_el$74, _$createComponent(Row, {
         label: "catalog",
         get value() {
           return formatSkillsCatalogUnavailableMessage(props.snapshot);
@@ -457,22 +595,22 @@ const ReadyRows = props => {
           return props.theme.text;
         }
       }), null);
-      return _el$50;
+      return _el$74;
     })();
   }
   const counts = props.snapshot.catalog.assignmentCounts;
   return (() => {
-    var _el$51 = _$createElement("box"),
-      _el$52 = _$createElement("text");
-    _$insertNode(_el$51, _el$52);
-    _$setProp(_el$51, "width", "100%");
-    _$setProp(_el$51, "flexDirection", "column");
-    _$setProp(_el$51, "overflow", "hidden");
-    _$insert(_el$51, statusRows, _el$52);
-    _$insertNode(_el$52, _$createTextNode(`catalog:`));
-    _$setProp(_el$52, "wrapMode", "none");
-    _$setProp(_el$52, "overflow", "hidden");
-    _$insert(_el$51, _$createComponent(CatalogBullet, {
+    var _el$75 = _$createElement("box"),
+      _el$76 = _$createElement("text");
+    _$insertNode(_el$75, _el$76);
+    _$setProp(_el$75, "width", "100%");
+    _$setProp(_el$75, "flexDirection", "column");
+    _$setProp(_el$75, "overflow", "hidden");
+    _$insert(_el$75, statusRows, _el$76);
+    _$insertNode(_el$76, _$createTextNode(`catalog:`));
+    _$setProp(_el$76, "wrapMode", "none");
+    _$setProp(_el$76, "overflow", "hidden");
+    _$insert(_el$75, _$createComponent(CatalogBullet, {
       get value() {
         return `${props.snapshot.catalog.publishedSkillCount} loaded`;
       },
@@ -480,7 +618,7 @@ const ReadyRows = props => {
         return props.theme;
       }
     }), null);
-    _$insert(_el$51, _$createComponent(CatalogBullet, {
+    _$insert(_el$75, _$createComponent(CatalogBullet, {
       get value() {
         return `${counts.global} global`;
       },
@@ -488,7 +626,7 @@ const ReadyRows = props => {
         return props.theme;
       }
     }), null);
-    _$insert(_el$51, _$createComponent(CatalogBullet, {
+    _$insert(_el$75, _$createComponent(CatalogBullet, {
       get value() {
         return `${counts.project} workspace`;
       },
@@ -496,70 +634,159 @@ const ReadyRows = props => {
         return props.theme;
       }
     }), null);
-    _$effect(_$p => _$setProp(_el$52, "fg", props.theme.textMuted, _$p));
-    return _el$51;
+    _$insert(_el$75, _$createComponent(CatalogBullet, {
+      get value() {
+        return `${props.snapshot.ignoredPublishedSkills.count} ignored`;
+      },
+      get theme() {
+        return props.theme;
+      }
+    }), null);
+    _$effect(_$p => _$setProp(_el$76, "fg", props.theme.textMuted, _$p));
+    return _el$75;
   })();
 };
 const WizardSkillsDialog = props => {
   const theme = createMemo(() => props.api.theme.current);
+  const [actionNotice, setActionNotice] = createSignal({
+    kind: 'idle'
+  });
+  const refreshAfterPreferenceChange = message => {
+    setActionNotice({
+      kind: 'success',
+      message
+    });
+    props.refreshStatus({
+      showLoading: false
+    });
+    requestRender(props.api);
+  };
+  const showPreferenceFailure = error => {
+    setActionNotice({
+      kind: 'error',
+      message: getErrorMessage(error)
+    });
+    props.refreshStatus({
+      showLoading: false
+    });
+    requestRender(props.api);
+  };
+  const ignoreSkill = row => {
+    const currentStatus = props.status();
+    if (currentStatus.kind !== 'ready') return;
+    const scopeKey = currentStatus.snapshot.ignoredPublishedSkills.scopeKey;
+    setActionNotice({
+      kind: 'pending',
+      message: row.ignored ? 'Removing ignore preference…' : 'Ignoring skill…'
+    });
+    requestRender(props.api);
+    void setPublishedSkillIgnored({
+      worktree: props.api.state.path.worktree,
+      directory: props.api.state.path.directory,
+      scopeKey,
+      skillSlug: row.skill.skillSlug,
+      ignored: !row.ignored,
+      preferenceScope: row.state === 'installed-global' ? 'global' : 'project'
+    }).then(() => refreshAfterPreferenceChange(row.ignored ? 'Skill is no longer ignored.' : 'Skill ignored.')).catch(showPreferenceFailure);
+  };
+  const installSkill = (row, preferenceScope) => {
+    const currentStatus = props.status();
+    if (currentStatus.kind !== 'ready') return;
+    const scopeKey = currentStatus.snapshot.ignoredPublishedSkills.scopeKey;
+    setActionNotice({
+      kind: 'pending',
+      message: `Installing skill for ${preferenceScope}…`
+    });
+    requestRender(props.api);
+    void setPublishedSkillInstalled({
+      worktree: props.api.state.path.worktree,
+      directory: props.api.state.path.directory,
+      scopeKey,
+      skillSlug: row.skill.skillSlug,
+      installed: true,
+      preferenceScope
+    }).then(() => refreshAfterPreferenceChange(`Skill installed for ${preferenceScope}.`)).catch(showPreferenceFailure);
+  };
+  const uninstallSkill = row => {
+    const currentStatus = props.status();
+    if (currentStatus.kind !== 'ready') return;
+    const scopeKey = currentStatus.snapshot.ignoredPublishedSkills.scopeKey;
+    setActionNotice({
+      kind: 'pending',
+      message: 'Uninstalling skill…'
+    });
+    requestRender(props.api);
+    void setPublishedSkillInstalled({
+      worktree: props.api.state.path.worktree,
+      directory: props.api.state.path.directory,
+      scopeKey,
+      skillSlug: row.skill.skillSlug,
+      installed: false,
+      preferenceScope: row.state === 'installed-global' ? 'global' : 'project'
+    }).then(() => refreshAfterPreferenceChange('Skill uninstalled.')).catch(showPreferenceFailure);
+  };
   createEffect(() => {
     props.api.ui?.dialog?.setSize?.('xlarge');
   });
   return (() => {
-    var _el$54 = _$createElement("box"),
-      _el$55 = _$createElement("box"),
-      _el$56 = _$createElement("text"),
-      _el$57 = _$createElement("b"),
-      _el$59 = _$createElement("box"),
-      _el$60 = _$createElement("text"),
-      _el$62 = _$createElement("box");
-    _$insertNode(_el$54, _el$55);
-    _$insertNode(_el$54, _el$62);
-    _$setProp(_el$54, "width", "100%");
-    _$setProp(_el$54, "flexDirection", "column");
-    _$setProp(_el$54, "paddingLeft", 1);
-    _$setProp(_el$54, "paddingRight", 1);
-    _$setProp(_el$54, "paddingBottom", 1);
-    _$insertNode(_el$55, _el$56);
-    _$insertNode(_el$55, _el$59);
-    _$setProp(_el$55, "width", "100%");
-    _$setProp(_el$55, "flexDirection", "row");
-    _$setProp(_el$55, "justifyContent", "space-between");
-    _$setProp(_el$55, "overflow", "hidden");
-    _$insertNode(_el$56, _el$57);
-    _$setProp(_el$56, "wrapMode", "none");
-    _$setProp(_el$56, "overflow", "hidden");
-    _$insertNode(_el$57, _$createTextNode(`Wizard Skills`));
-    _$insertNode(_el$59, _el$60);
-    _$setProp(_el$59, "flexShrink", 0);
-    _$insertNode(_el$60, _$createTextNode(`Close`));
-    _$setProp(_el$60, "wrapMode", "none");
-    _$setProp(_el$62, "width", "100%");
-    _$setProp(_el$62, "flexDirection", "column");
-    _$setProp(_el$62, "marginTop", 1);
-    _$setProp(_el$62, "overflow", "hidden");
-    _$insert(_el$62, _$createComponent(WizardSkillsDialogContent, {
+    var _el$78 = _$createElement("box"),
+      _el$79 = _$createElement("box"),
+      _el$80 = _$createElement("text"),
+      _el$81 = _$createElement("b"),
+      _el$83 = _$createElement("box"),
+      _el$84 = _$createElement("text"),
+      _el$86 = _$createElement("box");
+    _$insertNode(_el$78, _el$79);
+    _$insertNode(_el$78, _el$86);
+    _$setProp(_el$78, "width", "100%");
+    _$setProp(_el$78, "flexDirection", "column");
+    _$setProp(_el$78, "paddingLeft", 1);
+    _$setProp(_el$78, "paddingRight", 1);
+    _$setProp(_el$78, "paddingBottom", 1);
+    _$insertNode(_el$79, _el$80);
+    _$insertNode(_el$79, _el$83);
+    _$setProp(_el$79, "width", "100%");
+    _$setProp(_el$79, "flexDirection", "row");
+    _$setProp(_el$79, "justifyContent", "space-between");
+    _$setProp(_el$79, "overflow", "hidden");
+    _$insertNode(_el$80, _el$81);
+    _$setProp(_el$80, "wrapMode", "none");
+    _$setProp(_el$80, "overflow", "hidden");
+    _$insertNode(_el$81, _$createTextNode(`Wizard Skills`));
+    _$insertNode(_el$83, _el$84);
+    _$setProp(_el$83, "flexShrink", 0);
+    _$insertNode(_el$84, _$createTextNode(`Close`));
+    _$setProp(_el$84, "wrapMode", "none");
+    _$setProp(_el$86, "width", "100%");
+    _$setProp(_el$86, "flexDirection", "column");
+    _$setProp(_el$86, "marginTop", 1);
+    _$setProp(_el$86, "overflow", "hidden");
+    _$insert(_el$86, _$createComponent(WizardSkillsDialogContent, {
       get status() {
         return props.status;
       },
+      actionNotice: actionNotice,
       get theme() {
         return theme();
-      }
+      },
+      onIgnoreSkill: ignoreSkill,
+      onInstallSkill: installSkill,
+      onUninstallSkill: uninstallSkill
     }));
     _$effect(_p$ => {
       var _v$11 = theme().text,
         _v$12 = props.onClose,
         _v$13 = theme().textMuted;
-      _v$11 !== _p$.e && (_p$.e = _$setProp(_el$56, "fg", _v$11, _p$.e));
-      _v$12 !== _p$.t && (_p$.t = _$setProp(_el$59, "onMouseUp", _v$12, _p$.t));
-      _v$13 !== _p$.a && (_p$.a = _$setProp(_el$60, "fg", _v$13, _p$.a));
+      _v$11 !== _p$.e && (_p$.e = _$setProp(_el$80, "fg", _v$11, _p$.e));
+      _v$12 !== _p$.t && (_p$.t = _$setProp(_el$83, "onMouseUp", _v$12, _p$.t));
+      _v$13 !== _p$.a && (_p$.a = _$setProp(_el$84, "fg", _v$13, _p$.a));
       return _p$;
     }, {
       e: undefined,
       t: undefined,
       a: undefined
     });
-    return _el$54;
+    return _el$78;
   })();
 };
 const openWizardSkillsDialog = (api, status, refreshStatus) => {
@@ -571,6 +798,7 @@ const openWizardSkillsDialog = (api, status, refreshStatus) => {
   dialog.replace(() => _$createComponent(WizardSkillsDialog, {
     api: api,
     status: status,
+    refreshStatus: refreshStatus,
     onClose: () => {
       dialog.clear?.();
       requestRender(api);