@aexol/opencode-wizard 0.1.15 → 0.2.0

package/dist/tui.js

@@ -214,11 +214,34 @@ const getSkillTags = skill => {
   if (tagLabels.length === 0) return 'no tags';
   return tagLabels.join(', ');
 };
-const getSkillMeta = (skill, state) => `${skill.policyLabel} · ${state} · ${getSkillTags(skill)}`;
+const isUserScopeAssignment = assignmentSource => assignmentSource === 'USER' || assignmentSource === 'USER_GLOBAL' || assignmentSource === 'USER_WORKSPACE';
+const getSkillScopeLabel = (skill, state) => {
+  if (state === 'installable') return 'AVAILABLE';
+  if (isUserScopeAssignment(skill.assignmentSource) || state === 'user-scope') return 'USER SCOPE';
+  if (state === 'global-scope' || skill.contextKind === 'global') return 'GLOBAL SCOPE';
+  return 'PROJECT SCOPE';
+};
+const getSkillPreferenceScope = skill => {
+  if (skill.assignmentSource === 'USER_GLOBAL') return 'global';
+  if (skill.assignmentSource === 'USER_WORKSPACE') return 'project';
+  if (skill.contextKind === 'global') return 'global';
+  return 'project';
+};
+const getSkillMeta = (skill, state) => `${getSkillScopeLabel(skill, state)} · ${skill.assignmentLabel} · ${skill.policyLabel} · ${getSkillTags(skill)}`;
 const getRowStateLabel = row => {
-  if (row.ignored) return 'ignored';
+  const scopeLabel = getSkillScopeLabel(row.skill, row.state);
+  if (row.ignored) return `ignored · ${scopeLabel}`;
   if (row.state === 'installable') return 'not installed';
-  return row.state === 'installed-global' ? 'installed global' : 'installed project';
+  return `active · ${scopeLabel}`;
+};
+const getSkillRowState = skill => {
+  if (isUserScopeAssignment(skill.assignmentSource)) return 'user-scope';
+  if (skill.contextKind === 'global') return 'global-scope';
+  return 'project-scope';
+};
+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 skill = props.row.skill;
@@ -262,7 +285,7 @@ const SkillCatalogRow = props => {
         _$insertNode(_el$27, _el$28);
         _$setProp(_el$27, "onMouseUp", () => props.onInstall(props.row, 'global'));
         _$setProp(_el$27, "flexShrink", 0);
-        _$insertNode(_el$28, _$createTextNode(`Global`));
+        _$insertNode(_el$28, _$createTextNode(`GLOBAL SCOPE`));
         _$setProp(_el$28, "wrapMode", "none");
         _$effect(_$p => _$setProp(_el$28, "fg", props.theme.textMuted, _$p));
         return _el$27;
@@ -278,7 +301,7 @@ const SkillCatalogRow = props => {
         _$insertNode(_el$32, _el$33);
         _$setProp(_el$32, "onMouseUp", () => props.onInstall(props.row, 'project'));
         _$setProp(_el$32, "flexShrink", 0);
-        _$insertNode(_el$33, _$createTextNode(`Project`));
+        _$insertNode(_el$33, _$createTextNode(`PROJECT SCOPE`));
         _$setProp(_el$33, "wrapMode", "none");
         _$effect(_$p => _$setProp(_el$33, "fg", props.theme.textMuted, _$p));
         return _el$32;
@@ -380,11 +403,11 @@ const WizardSkillsDialogContent = props => {
     const rows = [...catalog.skills.map(skill => ({
       skill,
       ignored: false,
-      state: skill.contextKind === 'global' ? 'installed-global' : 'installed-project'
+      state: getSkillRowState(skill)
     })), ...currentStatus.snapshot.ignoredPublishedSkills.skills.map(skill => ({
       skill,
       ignored: true,
-      state: skill.contextKind === 'global' ? 'installed-global' : 'installed-project'
+      state: getSkillRowState(skill)
     })), ...(currentStatus.snapshot.installableCatalog?.skills ?? []).filter(skill => !activeSkillSlugs.has(skill.skillSlug) && !ignoredSkillSlugs.has(skill.skillSlug)).map(skill => ({
       skill,
       ignored: false,
@@ -412,29 +435,30 @@ const WizardSkillsDialogContent = props => {
         _el$52 = _$createElement("b"),
         _el$53 = _$createTextNode(` skills`),
         _el$54 = _$createTextNode(` · `),
-        _el$55 = _$createTextNode(` global · `),
-        _el$56 = _$createTextNode(` workspace  · `),
-        _el$57 = _$createTextNode(` ignored  · `),
-        _el$58 = _$createTextNode(` installable`),
-        _el$59 = _$createElement("text"),
-        _el$60 = _$createTextNode(`page `),
-        _el$61 = _$createTextNode(`/`),
-        _el$62 = _$createElement("box"),
+        _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(`/`),
         _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");
+        _el$65 = _$createElement("box"),
+        _el$66 = _$createElement("text"),
+        _el$68 = _$createElement("text"),
+        _el$69 = _$createTextNode(` shown`),
+        _el$70 = _$createElement("box"),
+        _el$71 = _$createElement("text");
       _$insertNode(_el$49, _el$50);
-      _$insertNode(_el$49, _el$62);
       _$insertNode(_el$49, _el$63);
+      _$insertNode(_el$49, _el$64);
       _$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);
+      _$insertNode(_el$50, _el$60);
       _$setProp(_el$50, "width", "100%");
       _$setProp(_el$50, "flexDirection", "row");
       _$setProp(_el$50, "justifyContent", "space-between");
@@ -445,24 +469,26 @@ const WizardSkillsDialogContent = props => {
       _$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, () => 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, {
+      _$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, {
         row: row,
         get theme() {
           return props.theme;
@@ -477,27 +503,27 @@ const WizardSkillsDialogContent = props => {
           return props.onUninstallSkill;
         }
       })));
-      _$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");
+      _$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`));
+      _$setProp(_el$66, "wrapMode", "none");
+      _$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");
       _$effect(_p$ => {
         var _v$8 = props.theme.text,
           _v$9 = props.theme.textMuted,
@@ -505,10 +531,10 @@ const WizardSkillsDialogContent = props => {
           _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$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));
+        _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));
         return _p$;
       }, {
         e: undefined,
@@ -520,7 +546,33 @@ const WizardSkillsDialogContent = props => {
       return _el$49;
     })();
   };
-  return _$memo(content);
+  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, {
+      get notice() {
+        return props.actionNotice();
+      },
+      get theme() {
+        return props.theme;
+      }
+    }), null);
+    _$insert(_el$73, content, null);
+    return _el$73;
+  })();
+};
+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;
+  })();
 };
 const ReadyRows = props => {
   const statusRows = [_$createComponent(Row, {
@@ -548,12 +600,12 @@ const ReadyRows = props => {
   })];
   if (!props.snapshot.catalog) {
     return (() => {
-      var _el$72 = _$createElement("box");
-      _$setProp(_el$72, "width", "100%");
-      _$setProp(_el$72, "flexDirection", "column");
-      _$setProp(_el$72, "overflow", "hidden");
-      _$insert(_el$72, statusRows, null);
-      _$insert(_el$72, _$createComponent(Row, {
+      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, {
         label: "catalog",
         get value() {
           return formatSkillsCatalogUnavailableMessage(props.snapshot);
@@ -565,22 +617,22 @@ const ReadyRows = props => {
           return props.theme.text;
         }
       }), null);
-      return _el$72;
+      return _el$75;
     })();
   }
   const counts = props.snapshot.catalog.assignmentCounts;
   return (() => {
-    var _el$73 = _$createElement("box"),
-      _el$74 = _$createElement("text");
-    _$insertNode(_el$73, _el$74);
-    _$setProp(_el$73, "width", "100%");
-    _$setProp(_el$73, "flexDirection", "column");
-    _$setProp(_el$73, "overflow", "hidden");
-    _$insert(_el$73, statusRows, _el$74);
-    _$insertNode(_el$74, _$createTextNode(`catalog:`));
-    _$setProp(_el$74, "wrapMode", "none");
-    _$setProp(_el$74, "overflow", "hidden");
-    _$insert(_el$73, _$createComponent(CatalogBullet, {
+    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`;
       },
@@ -588,23 +640,31 @@ const ReadyRows = props => {
         return props.theme;
       }
     }), null);
-    _$insert(_el$73, _$createComponent(CatalogBullet, {
+    _$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.global} global`;
+        return `${counts.project} PROJECT SCOPE`;
       },
       get theme() {
         return props.theme;
       }
     }), null);
-    _$insert(_el$73, _$createComponent(CatalogBullet, {
+    _$insert(_el$76, _$createComponent(CatalogBullet, {
       get value() {
-        return `${counts.project} workspace`;
+        return `${counts.user} USER SCOPE`;
       },
       get theme() {
         return props.theme;
       }
     }), null);
-    _$insert(_el$73, _$createComponent(CatalogBullet, {
+    _$insert(_el$76, _$createComponent(CatalogBullet, {
       get value() {
         return `${props.snapshot.ignoredPublishedSkills.count} ignored`;
       },
@@ -612,13 +672,30 @@ const ReadyRows = props => {
         return props.theme;
       }
     }), null);
-    _$effect(_$p => _$setProp(_el$74, "fg", props.theme.textMuted, _$p));
-    return _el$73;
+    _$effect(_$p => _$setProp(_el$77, "fg", props.theme.textMuted, _$p));
+    return _el$76;
   })();
 };
 const WizardSkillsDialog = props => {
   const theme = createMemo(() => props.api.theme.current);
-  const refreshAfterPreferenceChange = () => {
+  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
     });
@@ -628,19 +705,29 @@ const WizardSkillsDialog = props => {
     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).catch(refreshAfterPreferenceChange);
+      preferenceScope: getSkillPreferenceScope(row.skill)
+    }).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.toUpperCase()} SCOPE…`
+    });
+    requestRender(props.api);
     void setPublishedSkillInstalled({
       worktree: props.api.state.path.worktree,
       directory: props.api.state.path.directory,
@@ -648,61 +735,67 @@ const WizardSkillsDialog = props => {
       skillSlug: row.skill.skillSlug,
       installed: true,
       preferenceScope
-    }).then(refreshAfterPreferenceChange).catch(refreshAfterPreferenceChange);
+    }).then(() => refreshAfterPreferenceChange(`Skill installed for ${preferenceScope.toUpperCase()} SCOPE.`)).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).catch(refreshAfterPreferenceChange);
+      preferenceScope: getSkillPreferenceScope(row.skill)
+    }).then(() => refreshAfterPreferenceChange('Skill uninstalled.')).catch(showPreferenceFailure);
   };
   createEffect(() => {
     props.api.ui?.dialog?.setSize?.('xlarge');
   });
   return (() => {
-    var _el$76 = _$createElement("box"),
-      _el$77 = _$createElement("box"),
-      _el$78 = _$createElement("text"),
-      _el$79 = _$createElement("b"),
-      _el$81 = _$createElement("box"),
-      _el$82 = _$createElement("text"),
-      _el$84 = _$createElement("box");
-    _$insertNode(_el$76, _el$77);
-    _$insertNode(_el$76, _el$84);
-    _$setProp(_el$76, "width", "100%");
-    _$setProp(_el$76, "flexDirection", "column");
-    _$setProp(_el$76, "paddingLeft", 1);
-    _$setProp(_el$76, "paddingRight", 1);
-    _$setProp(_el$76, "paddingBottom", 1);
-    _$insertNode(_el$77, _el$78);
-    _$insertNode(_el$77, _el$81);
-    _$setProp(_el$77, "width", "100%");
-    _$setProp(_el$77, "flexDirection", "row");
-    _$setProp(_el$77, "justifyContent", "space-between");
-    _$setProp(_el$77, "overflow", "hidden");
-    _$insertNode(_el$78, _el$79);
-    _$setProp(_el$78, "wrapMode", "none");
-    _$setProp(_el$78, "overflow", "hidden");
-    _$insertNode(_el$79, _$createTextNode(`Wizard Skills`));
+    var _el$79 = _$createElement("box"),
+      _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);
+    _$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$81, "flexShrink", 0);
-    _$insertNode(_el$82, _$createTextNode(`Close`));
-    _$setProp(_el$82, "wrapMode", "none");
-    _$setProp(_el$84, "width", "100%");
-    _$setProp(_el$84, "flexDirection", "column");
-    _$setProp(_el$84, "marginTop", 1);
-    _$setProp(_el$84, "overflow", "hidden");
-    _$insert(_el$84, _$createComponent(WizardSkillsDialogContent, {
+    _$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, {
       get status() {
         return props.status;
       },
+      actionNotice: actionNotice,
       get theme() {
         return theme();
       },
@@ -714,16 +807,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$78, "fg", _v$11, _p$.e));
-      _v$12 !== _p$.t && (_p$.t = _$setProp(_el$81, "onMouseUp", _v$12, _p$.t));
-      _v$13 !== _p$.a && (_p$.a = _$setProp(_el$82, "fg", _v$13, _p$.a));
+      _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));
       return _p$;
     }, {
       e: undefined,
       t: undefined,
       a: undefined
     });
-    return _el$76;
+    return _el$79;
   })();
 };
 const openWizardSkillsDialog = (api, status, refreshStatus) => {