@aexol/opencode-wizard 0.2.0 → 0.2.2

package/dist/tui.js

@@ -193,16 +193,6 @@ const SkillsRows = props => {
     return _el$15;
   })();
 };
-const CatalogBullet = props => (() => {
-  var _el$16 = _$createElement("text"),
-    _el$17 = _$createTextNode(`  - `);
-  _$insertNode(_el$16, _el$17);
-  _$setProp(_el$16, "wrapMode", "none");
-  _$setProp(_el$16, "overflow", "hidden");
-  _$insert(_el$16, () => props.value, null);
-  _$effect(_$p => _$setProp(_el$16, "fg", props.theme.text, _$p));
-  return _el$16;
-})();
 const getSkillDisplayName = skill => skill.artifactName || skill.skillName || skill.skillSlug;
 const getSkillDescription = skill => {
   if (skill.whenToUse) return skill.whenToUse;
@@ -239,6 +229,13 @@ const getSkillRowState = skill => {
   if (skill.contextKind === 'global') return 'global-scope';
   return 'project-scope';
 };
+const getInstallableNotInstalledSkills = snapshot => {
+  const installableSkills = snapshot.installableCatalog?.skills ?? [];
+  if (installableSkills.length === 0) return [];
+  const activeSkillSlugs = new Set(snapshot.catalog?.skills.map(skill => skill.skillSlug) ?? []);
+  const ignoredSkillSlugs = new Set(snapshot.ignoredPublishedSkills.skills.map(skill => skill.skillSlug));
+  return installableSkills.filter(skill => !activeSkillSlugs.has(skill.skillSlug) && !ignoredSkillSlugs.has(skill.skillSlug));
+};
 const getErrorMessage = error => {
   if (error instanceof Error && error.message) return error.message;
   return 'Preference update failed. Check plugin auth/backend status and try again.';
@@ -248,113 +245,113 @@ const SkillCatalogRow = props => {
   const description = getSkillDescription(skill);
   const canUninstall = skill.assignmentSource === 'USER_GLOBAL' || skill.assignmentSource === 'USER_WORKSPACE';
   return (() => {
-    var _el$18 = _$createElement("box"),
-      _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");
+    var _el$16 = _$createElement("box"),
+      _el$17 = _$createElement("box"),
+      _el$18 = _$createElement("text"),
+      _el$19 = _$createElement("b"),
+      _el$20 = _$createTextNode(` (`),
+      _el$22 = _$createTextNode(`)`),
+      _el$23 = _$createElement("box"),
+      _el$24 = _$createElement("text");
+    _$insertNode(_el$16, _el$17);
+    _$insertNode(_el$16, _el$24);
+    _$setProp(_el$16, "width", "100%");
+    _$setProp(_el$16, "flexDirection", "column");
+    _$setProp(_el$16, "overflow", "hidden");
+    _$setProp(_el$16, "marginBottom", 1);
+    _$insertNode(_el$17, _el$18);
+    _$insertNode(_el$17, _el$23);
+    _$setProp(_el$17, "width", "100%");
+    _$setProp(_el$17, "flexDirection", "row");
+    _$setProp(_el$17, "justifyContent", "space-between");
+    _$setProp(_el$17, "overflow", "hidden");
     _$insertNode(_el$18, _el$19);
-    _$insertNode(_el$18, _el$26);
-    _$setProp(_el$18, "width", "100%");
-    _$setProp(_el$18, "flexDirection", "column");
+    _$insertNode(_el$18, _el$20);
+    _$insertNode(_el$18, _el$22);
+    _$setProp(_el$18, "wrapMode", "none");
     _$setProp(_el$18, "overflow", "hidden");
-    _$setProp(_el$18, "marginBottom", 1);
-    _$insertNode(_el$19, _el$20);
-    _$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");
-    _$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, (() => {
+    _$insert(_el$19, () => compactSkillName(getSkillDisplayName(skill)));
+    _$insert(_el$18, () => getRowStateLabel(props.row), _el$22);
+    _$setProp(_el$23, "flexDirection", "row");
+    _$setProp(_el$23, "flexShrink", 0);
+    _$insert(_el$23, (() => {
       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 SCOPE`));
+        var _el$25 = _$createElement("box"),
+          _el$26 = _$createElement("text");
+        _$insertNode(_el$25, _el$26);
+        _$setProp(_el$25, "onMouseUp", () => props.onInstall(props.row, 'global'));
+        _$setProp(_el$25, "flexShrink", 0);
+        _$insertNode(_el$26, _$createTextNode(`GLOBAL SCOPE`));
+        _$setProp(_el$26, "wrapMode", "none");
+        _$effect(_$p => _$setProp(_el$26, "fg", props.theme.textMuted, _$p));
+        return _el$25;
+      })(), (() => {
+        var _el$28 = _$createElement("text");
+        _$insertNode(_el$28, _$createTextNode(` / `));
         _$setProp(_el$28, "wrapMode", "none");
         _$effect(_$p => _$setProp(_el$28, "fg", props.theme.textMuted, _$p));
-        return _el$27;
+        return _el$28;
       })(), (() => {
-        var _el$30 = _$createElement("text");
-        _$insertNode(_el$30, _$createTextNode(` / `));
-        _$setProp(_el$30, "wrapMode", "none");
-        _$effect(_$p => _$setProp(_el$30, "fg", props.theme.textMuted, _$p));
+        var _el$30 = _$createElement("box"),
+          _el$31 = _$createElement("text");
+        _$insertNode(_el$30, _el$31);
+        _$setProp(_el$30, "onMouseUp", () => props.onInstall(props.row, 'project'));
+        _$setProp(_el$30, "flexShrink", 0);
+        _$insertNode(_el$31, _$createTextNode(`PROJECT SCOPE`));
+        _$setProp(_el$31, "wrapMode", "none");
+        _$effect(_$p => _$setProp(_el$31, "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 SCOPE`));
-        _$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;
+        var _el$33 = _$createElement("box"),
+          _el$34 = _$createElement("text");
+        _$insertNode(_el$33, _el$34);
+        _$setProp(_el$33, "onMouseUp", () => props.onIgnore(props.row));
+        _$setProp(_el$33, "flexShrink", 0);
+        _$setProp(_el$34, "wrapMode", "none");
+        _$insert(_el$34, () => props.row.ignored ? 'Unignore' : 'Ignore');
+        _$effect(_$p => _$setProp(_el$34, "fg", props.theme.textMuted, _$p));
+        return _el$33;
       })(), 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$35 = _$createElement("text");
+        _$insertNode(_el$35, _$createTextNode(` / `));
+        _$setProp(_el$35, "wrapMode", "none");
+        _$effect(_$p => _$setProp(_el$35, "fg", props.theme.textMuted, _$p));
+        return _el$35;
       })(), (() => {
-        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;
+        var _el$37 = _$createElement("box"),
+          _el$38 = _$createElement("text");
+        _$insertNode(_el$37, _el$38);
+        _$setProp(_el$37, "onMouseUp", () => props.onUninstall(props.row));
+        _$setProp(_el$37, "flexShrink", 0);
+        _$insertNode(_el$38, _$createTextNode(`Uninstall`));
+        _$setProp(_el$38, "wrapMode", "none");
+        _$effect(_$p => _$setProp(_el$38, "fg", props.theme.textMuted, _$p));
+        return _el$37;
       })()] : 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$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;
+    _$setProp(_el$24, "wrapMode", "none");
+    _$setProp(_el$24, "overflow", "hidden");
+    _$insert(_el$24, () => compactSkillMeta(getSkillMeta(skill, props.row.state)));
+    _$insert(_el$16, description ? (() => {
+      var _el$40 = _$createElement("text");
+      _$setProp(_el$40, "wrapMode", "none");
+      _$setProp(_el$40, "overflow", "hidden");
+      _$insert(_el$40, () => compactSkillDescription(description));
+      _$effect(_$p => _$setProp(_el$40, "fg", props.theme.text, _$p));
+      return _el$40;
     })() : null, null);
     _$effect(_p$ => {
       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$20, "fg", _v$6, _p$.e));
-      _v$7 !== _p$.t && (_p$.t = _$setProp(_el$26, "fg", _v$7, _p$.t));
+      _v$6 !== _p$.e && (_p$.e = _$setProp(_el$18, "fg", _v$6, _p$.e));
+      _v$7 !== _p$.t && (_p$.t = _$setProp(_el$24, "fg", _v$7, _p$.t));
       return _p$;
     }, {
       e: undefined,
       t: undefined
     });
-    return _el$18;
+    return _el$16;
   })();
 };
 const WizardSkillsDialogContent = props => {
@@ -363,43 +360,42 @@ const WizardSkillsDialogContent = props => {
     const currentStatus = props.status();
     if (currentStatus.kind === 'loading') {
       return (() => {
-        var _el$43 = _$createElement("text");
-        _$insertNode(_el$43, _$createTextNode(`Refreshing published skills…`));
+        var _el$41 = _$createElement("text");
+        _$insertNode(_el$41, _$createTextNode(`Refreshing published skills…`));
+        _$setProp(_el$41, "wrapMode", "none");
+        _$setProp(_el$41, "overflow", "hidden");
+        _$effect(_$p => _$setProp(_el$41, "fg", props.theme.textMuted, _$p));
+        return _el$41;
+      })();
+    }
+    if (currentStatus.kind === 'error') {
+      return (() => {
+        var _el$43 = _$createElement("text"),
+          _el$44 = _$createTextNode(`unavailable: `);
+        _$insertNode(_el$43, _el$44);
         _$setProp(_el$43, "wrapMode", "none");
         _$setProp(_el$43, "overflow", "hidden");
-        _$effect(_$p => _$setProp(_el$43, "fg", props.theme.textMuted, _$p));
+        _$insert(_el$43, () => compactStatusMessage(currentStatus.message), null);
+        _$effect(_$p => _$setProp(_el$43, "fg", props.theme.warning, _$p));
         return _el$43;
       })();
     }
-    if (currentStatus.kind === 'error') {
+    if (!currentStatus.snapshot.catalog) {
       return (() => {
         var _el$45 = _$createElement("text"),
-          _el$46 = _$createTextNode(`unavailable: `);
+          _el$46 = _$createTextNode(`catalog `);
         _$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));
+        _$insert(_el$45, () => formatSkillsCatalogUnavailableMessage(currentStatus.snapshot), null);
+        _$effect(_$p => _$setProp(_el$45, "fg", props.theme.textMuted, _$p));
         return _el$45;
       })();
     }
-    if (!currentStatus.snapshot.catalog) {
-      return (() => {
-        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 activeSkillSlugs = new Set(catalog.skills.map(skill => skill.skillSlug));
-    const ignoredSkillSlugs = new Set(currentStatus.snapshot.ignoredPublishedSkills.skills.map(skill => skill.skillSlug));
+    const installableNotInstalledSkills = getInstallableNotInstalledSkills(currentStatus.snapshot);
     const rows = [...catalog.skills.map(skill => ({
       skill,
       ignored: false,
@@ -408,7 +404,7 @@ const WizardSkillsDialogContent = props => {
       skill,
       ignored: true,
       state: getSkillRowState(skill)
-    })), ...(currentStatus.snapshot.installableCatalog?.skills ?? []).filter(skill => !activeSkillSlugs.has(skill.skillSlug) && !ignoredSkillSlugs.has(skill.skillSlug)).map(skill => ({
+    })), ...installableNotInstalledSkills.map(skill => ({
       skill,
       ignored: false,
       state: 'installable'
@@ -429,66 +425,66 @@ const WizardSkillsDialogContent = props => {
       setPage(currentPage + 1);
     };
     return (() => {
-      var _el$49 = _$createElement("box"),
-        _el$50 = _$createElement("box"),
-        _el$51 = _$createElement("text"),
-        _el$52 = _$createElement("b"),
-        _el$53 = _$createTextNode(` skills`),
-        _el$54 = _$createTextNode(` · `),
-        _el$55 = _$createTextNode(` GLOBAL SCOPE · `),
-        _el$56 = _$createTextNode(` PROJECT SCOPE  · `),
-        _el$57 = _$createTextNode(` USER SCOPE  · `),
-        _el$58 = _$createTextNode(` ignored  · `),
-        _el$59 = _$createTextNode(` installable`),
-        _el$60 = _$createElement("text"),
-        _el$61 = _$createTextNode(`page `),
-        _el$62 = _$createTextNode(`/`),
+      var _el$47 = _$createElement("box"),
+        _el$48 = _$createElement("box"),
+        _el$49 = _$createElement("text"),
+        _el$50 = _$createElement("b"),
+        _el$51 = _$createTextNode(` skills`),
+        _el$52 = _$createTextNode(` · `),
+        _el$53 = _$createTextNode(` GLOBAL SCOPE · `),
+        _el$54 = _$createTextNode(` PROJECT SCOPE  · `),
+        _el$55 = _$createTextNode(` USER SCOPE  · `),
+        _el$56 = _$createTextNode(` ignored  · `),
+        _el$57 = _$createTextNode(` installable/not installed`),
+        _el$58 = _$createElement("text"),
+        _el$59 = _$createTextNode(`page `),
+        _el$60 = _$createTextNode(`/`),
+        _el$61 = _$createElement("box"),
+        _el$62 = _$createElement("box"),
         _el$63 = _$createElement("box"),
-        _el$64 = _$createElement("box"),
-        _el$65 = _$createElement("box"),
+        _el$64 = _$createElement("text"),
         _el$66 = _$createElement("text"),
-        _el$68 = _$createElement("text"),
-        _el$69 = _$createTextNode(` shown`),
-        _el$70 = _$createElement("box"),
-        _el$71 = _$createElement("text");
+        _el$67 = _$createTextNode(` shown`),
+        _el$68 = _$createElement("box"),
+        _el$69 = _$createElement("text");
+      _$insertNode(_el$47, _el$48);
+      _$insertNode(_el$47, _el$61);
+      _$insertNode(_el$47, _el$62);
+      _$setProp(_el$47, "width", "100%");
+      _$setProp(_el$47, "flexDirection", "column");
+      _$setProp(_el$47, "overflow", "hidden");
+      _$insertNode(_el$48, _el$49);
+      _$insertNode(_el$48, _el$58);
+      _$setProp(_el$48, "width", "100%");
+      _$setProp(_el$48, "flexDirection", "row");
+      _$setProp(_el$48, "justifyContent", "space-between");
+      _$setProp(_el$48, "overflow", "hidden");
       _$insertNode(_el$49, _el$50);
-      _$insertNode(_el$49, _el$63);
-      _$insertNode(_el$49, _el$64);
-      _$setProp(_el$49, "width", "100%");
-      _$setProp(_el$49, "flexDirection", "column");
+      _$insertNode(_el$49, _el$52);
+      _$insertNode(_el$49, _el$53);
+      _$insertNode(_el$49, _el$54);
+      _$insertNode(_el$49, _el$55);
+      _$insertNode(_el$49, _el$56);
+      _$insertNode(_el$49, _el$57);
+      _$setProp(_el$49, "wrapMode", "none");
       _$setProp(_el$49, "overflow", "hidden");
       _$insertNode(_el$50, _el$51);
-      _$insertNode(_el$50, _el$60);
-      _$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);
-      _$insertNode(_el$51, _el$59);
-      _$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, () => catalog.assignmentCounts.user, _el$57);
-      _$insert(_el$51, () => currentStatus.snapshot.ignoredPublishedSkills.count, _el$58);
-      _$insert(_el$51, () => currentStatus.snapshot.installableCatalog?.count ?? 0, _el$59);
-      _$insertNode(_el$60, _el$61);
-      _$insertNode(_el$60, _el$62);
-      _$setProp(_el$60, "wrapMode", "none");
-      _$insert(_el$60, currentPage + 1, _el$62);
-      _$insert(_el$60, totalPages, null);
-      _$setProp(_el$63, "width", "100%");
-      _$setProp(_el$63, "flexDirection", "column");
-      _$setProp(_el$63, "marginTop", 1);
-      _$setProp(_el$63, "overflow", "hidden");
-      _$insert(_el$63, () => visibleRows.map(row => _$createComponent(SkillCatalogRow, {
+      _$insert(_el$50, () => catalog.publishedSkillCount, _el$51);
+      _$insert(_el$49, () => catalog.assignmentCounts.global, _el$53);
+      _$insert(_el$49, () => catalog.assignmentCounts.project, _el$54);
+      _$insert(_el$49, () => catalog.assignmentCounts.user, _el$55);
+      _$insert(_el$49, () => currentStatus.snapshot.ignoredPublishedSkills.count, _el$56);
+      _$insert(_el$49, () => installableNotInstalledSkills.length, _el$57);
+      _$insertNode(_el$58, _el$59);
+      _$insertNode(_el$58, _el$60);
+      _$setProp(_el$58, "wrapMode", "none");
+      _$insert(_el$58, currentPage + 1, _el$60);
+      _$insert(_el$58, totalPages, null);
+      _$setProp(_el$61, "width", "100%");
+      _$setProp(_el$61, "flexDirection", "column");
+      _$setProp(_el$61, "marginTop", 1);
+      _$setProp(_el$61, "overflow", "hidden");
+      _$insert(_el$61, () => visibleRows.map(row => _$createComponent(SkillCatalogRow, {
         row: row,
         get theme() {
           return props.theme;
@@ -503,38 +499,38 @@ const WizardSkillsDialogContent = props => {
           return props.onUninstallSkill;
         }
       })));
-      _$insertNode(_el$64, _el$65);
-      _$insertNode(_el$64, _el$68);
-      _$insertNode(_el$64, _el$70);
-      _$setProp(_el$64, "width", "100%");
-      _$setProp(_el$64, "flexDirection", "row");
-      _$setProp(_el$64, "justifyContent", "space-between");
-      _$setProp(_el$64, "overflow", "hidden");
-      _$insertNode(_el$65, _el$66);
-      _$setProp(_el$65, "onMouseUp", goBack);
-      _$setProp(_el$65, "flexShrink", 0);
-      _$insertNode(_el$66, _$createTextNode(`← Prev`));
+      _$insertNode(_el$62, _el$63);
+      _$insertNode(_el$62, _el$66);
+      _$insertNode(_el$62, _el$68);
+      _$setProp(_el$62, "width", "100%");
+      _$setProp(_el$62, "flexDirection", "row");
+      _$setProp(_el$62, "justifyContent", "space-between");
+      _$setProp(_el$62, "overflow", "hidden");
+      _$insertNode(_el$63, _el$64);
+      _$setProp(_el$63, "onMouseUp", goBack);
+      _$setProp(_el$63, "flexShrink", 0);
+      _$insertNode(_el$64, _$createTextNode(`← Prev`));
+      _$setProp(_el$64, "wrapMode", "none");
+      _$insertNode(_el$66, _el$67);
       _$setProp(_el$66, "wrapMode", "none");
+      _$setProp(_el$66, "overflow", "hidden");
+      _$insert(_el$66, () => visibleRows.length, _el$67);
       _$insertNode(_el$68, _el$69);
-      _$setProp(_el$68, "wrapMode", "none");
-      _$setProp(_el$68, "overflow", "hidden");
-      _$insert(_el$68, () => visibleRows.length, _el$69);
-      _$insertNode(_el$70, _el$71);
-      _$setProp(_el$70, "onMouseUp", goForward);
-      _$setProp(_el$70, "flexShrink", 0);
-      _$insertNode(_el$71, _$createTextNode(`Next →`));
-      _$setProp(_el$71, "wrapMode", "none");
+      _$setProp(_el$68, "onMouseUp", goForward);
+      _$setProp(_el$68, "flexShrink", 0);
+      _$insertNode(_el$69, _$createTextNode(`Next →`));
+      _$setProp(_el$69, "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$51, "fg", _v$8, _p$.e));
-        _v$9 !== _p$.t && (_p$.t = _$setProp(_el$60, "fg", _v$9, _p$.t));
-        _v$0 !== _p$.a && (_p$.a = _$setProp(_el$66, "fg", _v$0, _p$.a));
-        _v$1 !== _p$.o && (_p$.o = _$setProp(_el$68, "fg", _v$1, _p$.o));
-        _v$10 !== _p$.i && (_p$.i = _$setProp(_el$71, "fg", _v$10, _p$.i));
+        _v$8 !== _p$.e && (_p$.e = _$setProp(_el$49, "fg", _v$8, _p$.e));
+        _v$9 !== _p$.t && (_p$.t = _$setProp(_el$58, "fg", _v$9, _p$.t));
+        _v$0 !== _p$.a && (_p$.a = _$setProp(_el$64, "fg", _v$0, _p$.a));
+        _v$1 !== _p$.o && (_p$.o = _$setProp(_el$66, "fg", _v$1, _p$.o));
+        _v$10 !== _p$.i && (_p$.i = _$setProp(_el$69, "fg", _v$10, _p$.i));
         return _p$;
       }, {
         e: undefined,
@@ -543,15 +539,15 @@ const WizardSkillsDialogContent = props => {
         o: undefined,
         i: undefined
       });
-      return _el$49;
+      return _el$47;
     })();
   };
   return (() => {
-    var _el$73 = _$createElement("box");
-    _$setProp(_el$73, "width", "100%");
-    _$setProp(_el$73, "flexDirection", "column");
-    _$setProp(_el$73, "overflow", "hidden");
-    _$insert(_el$73, _$createComponent(PreferenceActionNoticeRow, {
+    var _el$71 = _$createElement("box");
+    _$setProp(_el$71, "width", "100%");
+    _$setProp(_el$71, "flexDirection", "column");
+    _$setProp(_el$71, "overflow", "hidden");
+    _$insert(_el$71, _$createComponent(PreferenceActionNoticeRow, {
       get notice() {
         return props.actionNotice();
       },
@@ -559,19 +555,19 @@ const WizardSkillsDialogContent = props => {
         return props.theme;
       }
     }), null);
-    _$insert(_el$73, content, null);
-    return _el$73;
+    _$insert(_el$71, content, null);
+    return _el$71;
   })();
 };
 const PreferenceActionNoticeRow = props => {
   if (props.notice.kind === 'idle') return null;
   return (() => {
-    var _el$74 = _$createElement("text");
-    _$setProp(_el$74, "wrapMode", "none");
-    _$setProp(_el$74, "overflow", "hidden");
-    _$insert(_el$74, () => compactStatusMessage(props.notice.message));
-    _$effect(_$p => _$setProp(_el$74, "fg", props.notice.kind === 'error' ? props.theme.warning : props.theme.textMuted, _$p));
-    return _el$74;
+    var _el$72 = _$createElement("text");
+    _$setProp(_el$72, "wrapMode", "none");
+    _$setProp(_el$72, "overflow", "hidden");
+    _$insert(_el$72, () => compactStatusMessage(props.notice.message));
+    _$effect(_$p => _$setProp(_el$72, "fg", props.notice.kind === 'error' ? props.theme.warning : props.theme.textMuted, _$p));
+    return _el$72;
   })();
 };
 const ReadyRows = props => {
@@ -600,12 +596,12 @@ const ReadyRows = props => {
   })];
   if (!props.snapshot.catalog) {
     return (() => {
-      var _el$75 = _$createElement("box");
-      _$setProp(_el$75, "width", "100%");
-      _$setProp(_el$75, "flexDirection", "column");
-      _$setProp(_el$75, "overflow", "hidden");
-      _$insert(_el$75, statusRows, null);
-      _$insert(_el$75, _$createComponent(Row, {
+      var _el$73 = _$createElement("box");
+      _$setProp(_el$73, "width", "100%");
+      _$setProp(_el$73, "flexDirection", "column");
+      _$setProp(_el$73, "overflow", "hidden");
+      _$insert(_el$73, statusRows, null);
+      _$insert(_el$73, _$createComponent(Row, {
         label: "catalog",
         get value() {
           return formatSkillsCatalogUnavailableMessage(props.snapshot);
@@ -617,63 +613,28 @@ const ReadyRows = props => {
           return props.theme.text;
         }
       }), null);
-      return _el$75;
+      return _el$73;
     })();
   }
-  const counts = props.snapshot.catalog.assignmentCounts;
+  const installableNotInstalledCount = getInstallableNotInstalledSkills(props.snapshot).length;
+  const catalogStatus = `${props.snapshot.catalog.publishedSkillCount} loaded · ${installableNotInstalledCount} installable · ${props.snapshot.ignoredPublishedSkills.count} ignored · open for details`;
   return (() => {
-    var _el$76 = _$createElement("box"),
-      _el$77 = _$createElement("text");
-    _$insertNode(_el$76, _el$77);
-    _$setProp(_el$76, "width", "100%");
-    _$setProp(_el$76, "flexDirection", "column");
-    _$setProp(_el$76, "overflow", "hidden");
-    _$insert(_el$76, statusRows, _el$77);
-    _$insertNode(_el$77, _$createTextNode(`catalog:`));
-    _$setProp(_el$77, "wrapMode", "none");
-    _$setProp(_el$77, "overflow", "hidden");
-    _$insert(_el$76, _$createComponent(CatalogBullet, {
-      get value() {
-        return `${props.snapshot.catalog.publishedSkillCount} loaded`;
-      },
-      get theme() {
-        return props.theme;
-      }
-    }), null);
-    _$insert(_el$76, _$createComponent(CatalogBullet, {
-      get value() {
-        return `${counts.global} GLOBAL SCOPE`;
-      },
-      get theme() {
-        return props.theme;
-      }
-    }), null);
-    _$insert(_el$76, _$createComponent(CatalogBullet, {
-      get value() {
-        return `${counts.project} PROJECT SCOPE`;
-      },
-      get theme() {
-        return props.theme;
-      }
-    }), null);
-    _$insert(_el$76, _$createComponent(CatalogBullet, {
-      get value() {
-        return `${counts.user} USER SCOPE`;
-      },
-      get theme() {
-        return props.theme;
-      }
-    }), null);
-    _$insert(_el$76, _$createComponent(CatalogBullet, {
-      get value() {
-        return `${props.snapshot.ignoredPublishedSkills.count} ignored`;
+    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",
+      value: catalogStatus,
+      get labelColor() {
+        return props.theme.textMuted;
       },
-      get theme() {
-        return props.theme;
+      get valueColor() {
+        return props.theme.text;
       }
     }), null);
-    _$effect(_$p => _$setProp(_el$77, "fg", props.theme.textMuted, _$p));
-    return _el$76;
+    return _el$74;
   })();
 };
 const WizardSkillsDialog = props => {
@@ -759,39 +720,39 @@ const WizardSkillsDialog = props => {
     props.api.ui?.dialog?.setSize?.('xlarge');
   });
   return (() => {
-    var _el$79 = _$createElement("box"),
+    var _el$75 = _$createElement("box"),
+      _el$76 = _$createElement("box"),
+      _el$77 = _$createElement("text"),
+      _el$78 = _$createElement("b"),
       _el$80 = _$createElement("box"),
       _el$81 = _$createElement("text"),
-      _el$82 = _$createElement("b"),
-      _el$84 = _$createElement("box"),
-      _el$85 = _$createElement("text"),
-      _el$87 = _$createElement("box");
-    _$insertNode(_el$79, _el$80);
-    _$insertNode(_el$79, _el$87);
-    _$setProp(_el$79, "width", "100%");
-    _$setProp(_el$79, "flexDirection", "column");
-    _$setProp(_el$79, "paddingLeft", 1);
-    _$setProp(_el$79, "paddingRight", 1);
-    _$setProp(_el$79, "paddingBottom", 1);
+      _el$83 = _$createElement("box");
+    _$insertNode(_el$75, _el$76);
+    _$insertNode(_el$75, _el$83);
+    _$setProp(_el$75, "width", "100%");
+    _$setProp(_el$75, "flexDirection", "column");
+    _$setProp(_el$75, "paddingLeft", 1);
+    _$setProp(_el$75, "paddingRight", 1);
+    _$setProp(_el$75, "paddingBottom", 1);
+    _$insertNode(_el$76, _el$77);
+    _$insertNode(_el$76, _el$80);
+    _$setProp(_el$76, "width", "100%");
+    _$setProp(_el$76, "flexDirection", "row");
+    _$setProp(_el$76, "justifyContent", "space-between");
+    _$setProp(_el$76, "overflow", "hidden");
+    _$insertNode(_el$77, _el$78);
+    _$setProp(_el$77, "wrapMode", "none");
+    _$setProp(_el$77, "overflow", "hidden");
+    _$insertNode(_el$78, _$createTextNode(`Wizard Skills`));
     _$insertNode(_el$80, _el$81);
-    _$insertNode(_el$80, _el$84);
-    _$setProp(_el$80, "width", "100%");
-    _$setProp(_el$80, "flexDirection", "row");
-    _$setProp(_el$80, "justifyContent", "space-between");
-    _$setProp(_el$80, "overflow", "hidden");
-    _$insertNode(_el$81, _el$82);
+    _$setProp(_el$80, "flexShrink", 0);
+    _$insertNode(_el$81, _$createTextNode(`Close`));
     _$setProp(_el$81, "wrapMode", "none");
-    _$setProp(_el$81, "overflow", "hidden");
-    _$insertNode(_el$82, _$createTextNode(`Wizard Skills`));
-    _$insertNode(_el$84, _el$85);
-    _$setProp(_el$84, "flexShrink", 0);
-    _$insertNode(_el$85, _$createTextNode(`Close`));
-    _$setProp(_el$85, "wrapMode", "none");
-    _$setProp(_el$87, "width", "100%");
-    _$setProp(_el$87, "flexDirection", "column");
-    _$setProp(_el$87, "marginTop", 1);
-    _$setProp(_el$87, "overflow", "hidden");
-    _$insert(_el$87, _$createComponent(WizardSkillsDialogContent, {
+    _$setProp(_el$83, "width", "100%");
+    _$setProp(_el$83, "flexDirection", "column");
+    _$setProp(_el$83, "marginTop", 1);
+    _$setProp(_el$83, "overflow", "hidden");
+    _$insert(_el$83, _$createComponent(WizardSkillsDialogContent, {
       get status() {
         return props.status;
       },
@@ -807,16 +768,16 @@ const WizardSkillsDialog = props => {
       var _v$11 = theme().text,
         _v$12 = props.onClose,
         _v$13 = theme().textMuted;
-      _v$11 !== _p$.e && (_p$.e = _$setProp(_el$81, "fg", _v$11, _p$.e));
-      _v$12 !== _p$.t && (_p$.t = _$setProp(_el$84, "onMouseUp", _v$12, _p$.t));
-      _v$13 !== _p$.a && (_p$.a = _$setProp(_el$85, "fg", _v$13, _p$.a));
+      _v$11 !== _p$.e && (_p$.e = _$setProp(_el$77, "fg", _v$11, _p$.e));
+      _v$12 !== _p$.t && (_p$.t = _$setProp(_el$80, "onMouseUp", _v$12, _p$.t));
+      _v$13 !== _p$.a && (_p$.a = _$setProp(_el$81, "fg", _v$13, _p$.a));
       return _p$;
     }, {
       e: undefined,
       t: undefined,
       a: undefined
     });
-    return _el$79;
+    return _el$75;
   })();
 };
 const openWizardSkillsDialog = (api, status, refreshStatus) => {