pi-toggle-skills 0.1.6 → 0.1.8

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "pi-toggle-skills",
-  "version": "0.1.6",
+  "version": "0.1.8",
   "description": "Toggle skill visibility in pi's system prompt — flip disable-model-invocation on skills via an interactive TUI",
   "type": "module",
   "author": "Tom X Nguyen",

package/src/skill-selector.ts

@@ -24,6 +24,8 @@ import {
   matchesKey,
   Spacer,
   Text,
+  truncateToWidth,
+  wrapTextWithAnsi,
 } from "@earendil-works/pi-tui";
 import type { Theme } from "@earendil-works/pi-coding-agent";
 import { DynamicBorder, keyText } from "@earendil-works/pi-coding-agent";
@@ -117,11 +119,20 @@ export class ToggleSkillSelectorComponent implements Component {
 
     lines.push(...new DynamicBorder((s) => this.theme.fg("accent", s)).render(width));
     lines.push("");
-    lines.push(this.theme.fg("accent", this.theme.bold("Toggle Skill Visibility")));
     lines.push(
-      this.theme.fg(
-        "muted",
-        `Toggle disable-model-invocation on skills. Hidden skills won't appear in the system prompt.`,
+      truncateToWidth(
+        this.theme.fg("accent", this.theme.bold("Toggle Skill Visibility")),
+        width,
+        "",
+      ),
+    );
+    lines.push(
+      ...wrapTextWithAnsi(
+        this.theme.fg(
+          "muted",
+          `Toggle disable-model-invocation on skills. Hidden skills won't appear in the system prompt.`,
+        ),
+        width,
       ),
     );
     lines.push("");
@@ -132,7 +143,7 @@ export class ToggleSkillSelectorComponent implements Component {
     lines.push(...this.footerText.render(width));
     lines.push(...new DynamicBorder((s) => this.theme.fg("accent", s)).render(width));
 
-    return lines;
+    return lines.map((line) => truncateToWidth(line, width, ""));
   }
 
   handleInput(data: string): void {

package/toggle-skills.ts

@@ -180,6 +180,34 @@ async function showToggleSelector(
     return;
   }
 
+  if (ctx.mode !== "tui") {
+    if (!ctx.hasUI) {
+      ctx.ui.notify("/toggle-skills requires a UI (TUI or GUI).", "error");
+      return;
+    }
+    const items = currentSkills.map((s) => `${s.name}: ${s.disabled ? "disabled" : "enabled"}`);
+    const pick = await ctx.ui.select("Toggle skill \u2014 pick a skill to flip", items);
+    if (pick === undefined) return;
+    const idx = items.indexOf(pick);
+    if (idx < 0) return;
+    const skill = currentSkills[idx];
+    if (!skill) return;
+    const newDisabled = !skill.disabled;
+    const written = applyChanges(currentSkills, [{ filePath: skill.filePath, newDisabled }]);
+    if (written.length === 0) {
+      ctx.ui.notify("No files were written. Check file permissions.", "warning");
+      return;
+    }
+    setSkills(
+      currentSkills.map((s) => (s.filePath === skill.filePath ? { ...s, disabled: newDisabled } : s)),
+    );
+    ctx.ui.notify(
+      `Skill ${skill.name} ${newDisabled ? "disabled" : "enabled"}. /reload to take effect. Run /toggle-skills again for more.`,
+      "info",
+    );
+    return;
+  }
+
   const result = await ctx.ui.custom<ToggleSkillSelectorResult>(
     (tui, theme, _kb, done) => {
       const selector = new ToggleSkillSelectorComponent(