@jvittechs/jai1-cli 1.0.1 → 1.0.3

package/dist/cli.js

@@ -33,7 +33,7 @@ var NetworkError = class extends Jai1Error {
 // package.json
 var package_default = {
   name: "@jvittechs/jai1-cli",
-  version: "1.0.1",
+  version: "1.0.3",
   description: "A unified CLI tool for JV-IT TECHS developers to manage Jai1 Framework. Please contact TeamAI for usage instructions.",
   type: "module",
   bin: {
@@ -969,24 +969,24 @@ trigger: ${trigger}
     name: "OpenCode",
     icon: "\u{1F4BB}",
     basePath: ".opencode",
-    rulesPath: "rules",
-    workflowsPath: "workflows",
-    commandsPath: null,
+    rulesPath: null,
+    // OpenCode uses AGENTS.md for rules
+    workflowsPath: null,
+    commandsPath: "command",
+    // Note: singular "command" not "commands"
     fileExtension: ".md",
     generateFrontmatter: (opts) => {
-      let trigger;
-      if (opts.trigger) {
-        trigger = opts.trigger === "always" ? "always_on" : opts.trigger;
-      } else if (opts.alwaysApply) {
-        trigger = "always_on";
-      } else if (opts.globs && opts.globs.length > 0) {
-        trigger = opts.globs[0];
-      } else {
-        trigger = "always_on";
+      const lines = ["---"];
+      if (opts.description) {
+        lines.push(`description: ${opts.description}`);
       }
-      return `---
-trigger: ${trigger}
----`;
+      const agent = opts.agent ?? "code";
+      lines.push(`agent: ${agent}`);
+      if (opts.model) {
+        lines.push(`model: ${opts.model}`);
+      }
+      lines.push("---");
+      return lines.join("\n");
     }
   }
 };
@@ -1031,7 +1031,8 @@ var MigrateIdeService = class {
     }
     const files = await fs4.readdir(presetDir);
     for (const file of files) {
-      if (!file.endsWith(".mdc")) continue;
+      if (!file.endsWith(".md") && !file.endsWith(".mdc")) continue;
+      if (file === "preset.json") continue;
       const filepath = path.join(presetDir, file);
       const stat = await fs4.stat(filepath);
       if (!stat.isFile()) continue;
@@ -1042,7 +1043,7 @@ var MigrateIdeService = class {
         frontmatter = data;
       } catch {
       }
-      const name = path.basename(file, ".mdc");
+      const name = file.endsWith(".mdc") ? path.basename(file, ".mdc") : path.basename(file, ".md");
       const trigger = this.extractTrigger(frontmatter);
       const alwaysApply = this.isAlwaysTrigger(trigger);
       items.push({
@@ -1404,7 +1405,7 @@ var UnifiedApplyApp = ({
   }, [components, searchQuery, activePackageFilter]);
   useInput((input5, key) => {
     if (viewState === "done") {
-      if (key.return || input5 === "q" || key.escape) {
+      if (key.return || input5 === "q" && key.ctrl || key.escape) {
         onExit();
       }
       return;
@@ -1412,7 +1413,7 @@ var UnifiedApplyApp = ({
     if (viewState === "summary") {
       if (key.return) {
         setViewState("ide-sync");
-      } else if (input5 === "s" || input5 === "q" || key.escape) {
+      } else if (input5 === "s" || input5 === "q" && key.ctrl || key.escape) {
         onExit();
       }
       return;
@@ -1443,7 +1444,7 @@ var UnifiedApplyApp = ({
         if (selectedIdes.size > 0) {
           handleIdeSync();
         }
-      } else if (input5 === "s" || input5 === "q" || key.escape) {
+      } else if (input5 === "s" || input5 === "q" && key.ctrl || key.escape) {
         onExit();
       }
       return;
@@ -1467,7 +1468,7 @@ var UnifiedApplyApp = ({
       }
       return;
     }
-    if (key.escape || input5 === "q") {
+    if (key.escape || input5 === "q" && key.ctrl) {
       onExit();
       return;
     }
@@ -1629,7 +1630,7 @@ var UnifiedApplyApp = ({
     return /* @__PURE__ */ React3.createElement(Box2, { flexDirection: "column", padding: 1 }, /* @__PURE__ */ React3.createElement(Box2, { marginBottom: 1 }, /* @__PURE__ */ React3.createElement(Text3, { bold: true, color: "cyan" }, "\u{1F4E6} Installing Components")), /* @__PURE__ */ React3.createElement(Box2, { marginBottom: 1 }, /* @__PURE__ */ React3.createElement(ProgressBar, { current: installStats.completed, total: installStats.total, width: 50 })), /* @__PURE__ */ React3.createElement(Box2, { flexDirection: "column", borderStyle: "round", borderColor: "gray", padding: 1, height: 10 }, installProgress.slice(-8).map((item) => /* @__PURE__ */ React3.createElement(Box2, { key: item.filepath }, /* @__PURE__ */ React3.createElement(StatusIcon, { status: item.status === "success" ? "success" : item.status === "error" ? "error" : item.status === "downloading" ? "loading" : "pending" }), /* @__PURE__ */ React3.createElement(Text3, null, " ", item.filepath), item.error && /* @__PURE__ */ React3.createElement(Text3, { color: "red", dimColor: true }, " (", item.error, ")")))), /* @__PURE__ */ React3.createElement(Box2, { marginTop: 1 }, /* @__PURE__ */ React3.createElement(Text3, null, "\u{1F4CA} ", /* @__PURE__ */ React3.createElement(Text3, { color: "green" }, installStats.added, " added"), " \xB7 ", /* @__PURE__ */ React3.createElement(Text3, { color: "cyan" }, installStats.updated, " updated"), " \xB7 ", /* @__PURE__ */ React3.createElement(Text3, { color: "red" }, installStats.failed, " failed"))));
   }
   if (viewState === "summary") {
-    return /* @__PURE__ */ React3.createElement(Box2, { flexDirection: "column", padding: 1 }, /* @__PURE__ */ React3.createElement(Box2, { marginBottom: 1 }, /* @__PURE__ */ React3.createElement(Text3, { bold: true, color: "green" }, "\u2705 Installation Complete!")), /* @__PURE__ */ React3.createElement(Box2, { flexDirection: "column", borderStyle: "round", borderColor: "gray", padding: 1 }, /* @__PURE__ */ React3.createElement(Text3, null, installStats.total, " components processed:"), /* @__PURE__ */ React3.createElement(Text3, null, "  \u2514\u2500 ", /* @__PURE__ */ React3.createElement(Text3, { color: "green" }, installStats.added), " newly added"), /* @__PURE__ */ React3.createElement(Text3, null, "  \u2514\u2500 ", /* @__PURE__ */ React3.createElement(Text3, { color: "cyan" }, installStats.updated), " updated"), installStats.failed > 0 && /* @__PURE__ */ React3.createElement(Text3, null, "  \u2514\u2500 ", /* @__PURE__ */ React3.createElement(Text3, { color: "red" }, installStats.failed), " failed")), /* @__PURE__ */ React3.createElement(Box2, { marginTop: 1 }, /* @__PURE__ */ React3.createElement(Text3, null, "\u{1F4C1} Location: ", /* @__PURE__ */ React3.createElement(Text3, { color: "cyan" }, process.cwd(), "/.jai1"))), /* @__PURE__ */ React3.createElement(Box2, { marginTop: 1, flexDirection: "column" }, /* @__PURE__ */ React3.createElement(Text3, { bold: true, color: "yellow" }, "\u{1F4E6} Next Step: Sync to IDE(s)?"), /* @__PURE__ */ React3.createElement(Text3, { dimColor: true }, "Sync .jai1/ content to your IDE directories (rules, workflows)")), /* @__PURE__ */ React3.createElement(Box2, { marginTop: 1, borderStyle: "single", borderColor: "gray", paddingX: 1 }, /* @__PURE__ */ React3.createElement(Text3, { dimColor: true }, "[Enter] Select IDE(s) to sync \xB7 [S/Q] Skip and exit")));
+    return /* @__PURE__ */ React3.createElement(Box2, { flexDirection: "column", padding: 1 }, /* @__PURE__ */ React3.createElement(Box2, { marginBottom: 1 }, /* @__PURE__ */ React3.createElement(Text3, { bold: true, color: "green" }, "\u2705 Installation Complete!")), /* @__PURE__ */ React3.createElement(Box2, { flexDirection: "column", borderStyle: "round", borderColor: "gray", padding: 1 }, /* @__PURE__ */ React3.createElement(Text3, null, installStats.total, " components processed:"), /* @__PURE__ */ React3.createElement(Text3, null, "  \u2514\u2500 ", /* @__PURE__ */ React3.createElement(Text3, { color: "green" }, installStats.added), " newly added"), /* @__PURE__ */ React3.createElement(Text3, null, "  \u2514\u2500 ", /* @__PURE__ */ React3.createElement(Text3, { color: "cyan" }, installStats.updated), " updated"), installStats.failed > 0 && /* @__PURE__ */ React3.createElement(Text3, null, "  \u2514\u2500 ", /* @__PURE__ */ React3.createElement(Text3, { color: "red" }, installStats.failed), " failed")), /* @__PURE__ */ React3.createElement(Box2, { marginTop: 1 }, /* @__PURE__ */ React3.createElement(Text3, null, "\u{1F4C1} Location: ", /* @__PURE__ */ React3.createElement(Text3, { color: "cyan" }, process.cwd(), "/.jai1"))), /* @__PURE__ */ React3.createElement(Box2, { marginTop: 1, flexDirection: "column" }, /* @__PURE__ */ React3.createElement(Text3, { bold: true, color: "yellow" }, "\u{1F4E6} Next Step: Sync to IDE(s)?"), /* @__PURE__ */ React3.createElement(Text3, { dimColor: true }, "Sync .jai1/ content to your IDE directories (rules, workflows)")), /* @__PURE__ */ React3.createElement(Box2, { marginTop: 1, borderStyle: "single", borderColor: "gray", paddingX: 1 }, /* @__PURE__ */ React3.createElement(Text3, { dimColor: true }, "[Enter] Select IDE(s) to sync \xB7 [S/Ctrl+Q] Skip and exit")));
   }
   if (viewState === "ide-sync") {
     return /* @__PURE__ */ React3.createElement(Box2, { flexDirection: "column", padding: 1 }, /* @__PURE__ */ React3.createElement(Box2, { marginBottom: 1 }, /* @__PURE__ */ React3.createElement(Text3, { bold: true, color: "cyan" }, "\u{1F504} Select IDE(s) to Sync")), /* @__PURE__ */ React3.createElement(Box2, { marginBottom: 1 }, /* @__PURE__ */ React3.createElement(Text3, { dimColor: true }, "Sync .jai1/ content (rules, workflows) to IDE-specific directories")), /* @__PURE__ */ React3.createElement(Box2, { flexDirection: "column", borderStyle: "round", borderColor: "cyan", padding: 1 }, availableIdes.map((ide, i) => {
@@ -1637,7 +1638,7 @@ var UnifiedApplyApp = ({
       const isCursor = i === ideCursorIndex;
       const isChecked = selectedIdes.has(ide);
       return /* @__PURE__ */ React3.createElement(Box2, { key: ide }, /* @__PURE__ */ React3.createElement(Text3, { color: isCursor ? "cyan" : "white" }, isCursor ? "\u276F " : "  ", isChecked ? "[\u2713]" : "[ ]", " ", ideConfig.icon, " ", ideConfig.name));
-    })), selectedIdes.size > 0 && /* @__PURE__ */ React3.createElement(Box2, { marginTop: 1 }, /* @__PURE__ */ React3.createElement(Text3, null, "Selected: ", /* @__PURE__ */ React3.createElement(Text3, { color: "green" }, selectedIdes.size), " IDE(s)")), /* @__PURE__ */ React3.createElement(Box2, { marginTop: 1, borderStyle: "single", borderColor: "gray", paddingX: 1 }, /* @__PURE__ */ React3.createElement(Text3, { dimColor: true }, "[\u2191\u2193] Navigate \xB7 [\u2423] Toggle \xB7 [A] Select all \xB7 [C] Clear \xB7 [Enter] Sync \xB7 [S/Q] Skip")));
+    })), selectedIdes.size > 0 && /* @__PURE__ */ React3.createElement(Box2, { marginTop: 1 }, /* @__PURE__ */ React3.createElement(Text3, null, "Selected: ", /* @__PURE__ */ React3.createElement(Text3, { color: "green" }, selectedIdes.size), " IDE(s)")), /* @__PURE__ */ React3.createElement(Box2, { marginTop: 1, borderStyle: "single", borderColor: "gray", paddingX: 1 }, /* @__PURE__ */ React3.createElement(Text3, { dimColor: true }, "[\u2191\u2193] Navigate \xB7 [\u2423] Toggle \xB7 [A] Select all \xB7 [C] Clear \xB7 [Enter] Sync \xB7 [S/Ctrl+Q] Skip")));
   }
   if (viewState === "syncing") {
     return /* @__PURE__ */ React3.createElement(Box2, { flexDirection: "column", padding: 1 }, /* @__PURE__ */ React3.createElement(Box2, { marginBottom: 1 }, /* @__PURE__ */ React3.createElement(Text3, { bold: true, color: "cyan" }, "\u{1F504} Syncing to IDE(s)")), /* @__PURE__ */ React3.createElement(Box2, { marginBottom: 1 }, /* @__PURE__ */ React3.createElement(ProgressBar, { current: syncStats.completed, total: syncStats.total, width: 50 })), /* @__PURE__ */ React3.createElement(Box2, { flexDirection: "column", borderStyle: "round", borderColor: "gray", padding: 1, height: 10 }, syncProgress.slice(-8).map((item, idx) => /* @__PURE__ */ React3.createElement(Box2, { key: `${item.targetPath}-${idx}` }, /* @__PURE__ */ React3.createElement(StatusIcon, { status: item.status === "success" ? "success" : item.status === "error" ? "error" : item.status === "syncing" ? "loading" : "pending" }), /* @__PURE__ */ React3.createElement(Text3, null, " ", item.targetPath), item.error && /* @__PURE__ */ React3.createElement(Text3, { color: "red", dimColor: true }, " (", item.error, ")")))), /* @__PURE__ */ React3.createElement(Box2, { marginTop: 1 }, /* @__PURE__ */ React3.createElement(Text3, null, "\u{1F4CA} ", /* @__PURE__ */ React3.createElement(Text3, { color: "green" }, syncStats.created, " created"), " \xB7 ", /* @__PURE__ */ React3.createElement(Text3, { color: "cyan" }, syncStats.updated, " updated"), syncStats.skipped > 0 && /* @__PURE__ */ React3.createElement(React3.Fragment, null, " \xB7 ", /* @__PURE__ */ React3.createElement(Text3, { color: "yellow" }, syncStats.skipped, " skipped")), syncStats.errors > 0 && /* @__PURE__ */ React3.createElement(React3.Fragment, null, " \xB7 ", /* @__PURE__ */ React3.createElement(Text3, { color: "red" }, syncStats.errors, " errors")))));
@@ -1673,7 +1674,7 @@ var UnifiedApplyApp = ({
     const isChecked = selectedPaths.has(comp.filepath);
     const isInstalled = installedPaths.has(comp.filepath);
     return /* @__PURE__ */ React3.createElement(Box2, { key: comp.filepath }, /* @__PURE__ */ React3.createElement(Text3, { color: isCursor ? "cyan" : "white" }, isCursor ? "\u276F " : "  ", isChecked ? "[\u2713]" : "[ ]", " ", comp.filepath), /* @__PURE__ */ React3.createElement(Text3, { dimColor: true }, " ", isInstalled ? "\u2713 installed" : "\u25CB new"));
-  }), filteredComponents.length === 0 && /* @__PURE__ */ React3.createElement(Text3, { dimColor: true }, "No components match your search")), selectedPaths.size > 0 && /* @__PURE__ */ React3.createElement(Box2, { marginTop: 1, flexDirection: "column" }, /* @__PURE__ */ React3.createElement(Text3, { bold: true }, "Selected: ", selectedPaths.size, " components"), /* @__PURE__ */ React3.createElement(Box2, { flexDirection: "column", marginLeft: 2 }, Array.from(selectedPaths).slice(0, 4).map((fp) => /* @__PURE__ */ React3.createElement(Text3, { key: fp, dimColor: true }, "\u{1F4CC} ", fp)), selectedPaths.size > 4 && /* @__PURE__ */ React3.createElement(Text3, { dimColor: true }, "   ... and ", selectedPaths.size - 4, " more"))), /* @__PURE__ */ React3.createElement(Box2, { marginTop: 1, borderStyle: "single", borderColor: "gray", paddingX: 1 }, /* @__PURE__ */ React3.createElement(Text3, { dimColor: true }, focusArea === "packages" && "[\u2190\u2192] Browse packages \xB7 [\u2423/Enter] Select package", focusArea === "components" && "[\u2191\u2193] Navigate \xB7 [\u2423] Toggle", focusArea === "search" && "Type to search...", " \xB7 [Tab] Switch area \xB7 [A] All \xB7 [C] Clear \xB7 [Enter] Apply \xB7 [Q] Quit")));
+  }), filteredComponents.length === 0 && /* @__PURE__ */ React3.createElement(Text3, { dimColor: true }, "No components match your search")), selectedPaths.size > 0 && /* @__PURE__ */ React3.createElement(Box2, { marginTop: 1, flexDirection: "column" }, /* @__PURE__ */ React3.createElement(Text3, { bold: true }, "Selected: ", selectedPaths.size, " components"), /* @__PURE__ */ React3.createElement(Box2, { flexDirection: "column", marginLeft: 2 }, Array.from(selectedPaths).slice(0, 4).map((fp) => /* @__PURE__ */ React3.createElement(Text3, { key: fp, dimColor: true }, "\u{1F4CC} ", fp)), selectedPaths.size > 4 && /* @__PURE__ */ React3.createElement(Text3, { dimColor: true }, "   ... and ", selectedPaths.size - 4, " more"))), /* @__PURE__ */ React3.createElement(Box2, { marginTop: 1, borderStyle: "single", borderColor: "gray", paddingX: 1 }, /* @__PURE__ */ React3.createElement(Text3, { dimColor: true }, focusArea === "packages" && "[\u2190\u2192] Browse packages \xB7 [\u2423/Enter] Select package", focusArea === "components" && "[\u2191\u2193] Navigate \xB7 [\u2423] Toggle", focusArea === "search" && "Type to search...", " \xB7 [Tab] Switch area \xB7 [A] All \xB7 [C] Clear \xB7 [Enter] Apply \xB7 [Ctrl+Q] Quit")));
 };
 
 // src/commands/apply.ts
@@ -3355,6 +3356,19 @@ var IDE_FORMATS = {
     supportsReference: false,
     dependencies: ["agentsmd"]
     // Gemini requires AGENTS.md
+  },
+  opencode: {
+    id: "opencode",
+    name: "OpenCode",
+    description: "OpenCode (AGENTS.md + .opencode/command/)",
+    rulesPath: ".",
+    // Uses AGENTS.md
+    workflowsPath: ".opencode/command",
+    fileExtension: ".md",
+    metadataFormat: "yaml-frontmatter",
+    supportsReference: true,
+    dependencies: ["agentsmd"]
+    // OpenCode requires AGENTS.md for rules
   }
 };
 
@@ -3405,6 +3419,20 @@ var IdeDetectionService = class {
       detection.confidence = exists ? "high" : "low";
       return detection;
     }
+    if (ideId === "opencode") {
+      const hasAgents = await this.pathExists("AGENTS.md");
+      const commandPath = join4(this.projectPath, ".opencode/command");
+      const hasCommands = await this.pathExists(commandPath);
+      detection.hasRules = hasAgents;
+      detection.ruleCount = hasAgents ? 1 : 0;
+      if (hasCommands) {
+        detection.hasWorkflows = true;
+        detection.workflowCount = await this.countFiles(commandPath, ".md");
+      }
+      detection.detected = hasAgents || hasCommands && detection.workflowCount > 0;
+      detection.confidence = detection.detected ? hasAgents && hasCommands ? "high" : "medium" : "low";
+      return detection;
+    }
     const rulesPath = join4(this.projectPath, format.rulesPath);
     const rulesExist = await this.pathExists(rulesPath);
     if (rulesExist) {
@@ -3480,6 +3508,13 @@ var IdeDetectionService = class {
         if (await this.pathExists("GEMINI.md")) {
           detected.push(ideId);
         }
+      } else if (ideId === "opencode") {
+        const hasAgents = await this.pathExists("AGENTS.md");
+        const commandPath = join4(this.projectPath, ".opencode/command");
+        const hasCommands = await this.pathExists(commandPath);
+        if (hasAgents || hasCommands) {
+          detected.push(ideId);
+        }
       } else {
         const rulesPath = join4(this.projectPath, format.rulesPath);
         if (await this.pathExists(rulesPath)) {
@@ -3573,6 +3608,15 @@ var IdeDetectionService = class {
         priority: "high"
       });
     }
+    const hasOpenCodeConfig = await this.pathExists(join4(this.projectPath, ".opencode"));
+    if (hasOpenCodeConfig) {
+      suggestions.push({
+        ideId: "opencode",
+        name: "OpenCode",
+        reason: ".opencode directory detected",
+        priority: "high"
+      });
+    }
     return suggestions;
   }
 };
@@ -3624,6 +3668,8 @@ async function runStatus(options) {
           console.log(`     Location: AGENTS.md`);
         } else if (ide.id === "gemini") {
           console.log(`     Location: GEMINI.md`);
+        } else if (ide.id === "opencode") {
+          console.log(`     Location: AGENTS.md + .opencode/command/`);
         } else {
           console.log(`     Location: ${format.rulesPath}/`);
         }
@@ -3851,7 +3897,7 @@ var Footer = ({ focusArea, isSearchOpen = false }) => {
         { key: "Enter", action: "Select" },
         { key: "\u2192/Tab", action: "Content" },
         { key: "/", action: "Search" },
-        { key: "q", action: "Quit" }
+        { key: "Ctrl+q", action: "Quit" }
       ];
     }
     return [
@@ -10178,7 +10224,7 @@ var UtilsApp = ({ onExit }) => {
       setSelectedIndex((prev) => prev < MENU_ITEMS2.length - 1 ? prev + 1 : 0);
     } else if (key.return) {
       setActiveView(MENU_ITEMS2[selectedIndex].id);
-    } else if (input5 === "q" || key.escape) {
+    } else if (input5 === "q" && key.ctrl || key.escape) {
       onExit();
       exit();
     }
@@ -10193,7 +10239,7 @@ var UtilsApp = ({ onExit }) => {
       marginBottom: 1
     },
     /* @__PURE__ */ React41.createElement(Text36, { bold: true, color: "cyan" }, "\u{1F6E0}\uFE0F  Developer Utilities - Interactive Mode"),
-    /* @__PURE__ */ React41.createElement(Box36, { marginLeft: "auto" }, /* @__PURE__ */ React41.createElement(Text36, { dimColor: true }, "Press 'q' to quit"))
+    /* @__PURE__ */ React41.createElement(Box36, { marginLeft: "auto" }, /* @__PURE__ */ React41.createElement(Text36, { dimColor: true }, "Press Ctrl+Q to quit"))
   ), /* @__PURE__ */ React41.createElement(Box36, { flexGrow: 1 }, /* @__PURE__ */ React41.createElement(
     Box36,
     {
@@ -10252,7 +10298,7 @@ var WelcomeView = ({ selectedItem }) => {
       marginBottom: 2
     },
     /* @__PURE__ */ React41.createElement(Box36, { flexDirection: "column" }, /* @__PURE__ */ React41.createElement(Text36, { bold: true, color: "yellow" }, selectedItem.icon, " ", selectedItem.label), /* @__PURE__ */ React41.createElement(Text36, { dimColor: true }, selectedItem.description))
-  ), /* @__PURE__ */ React41.createElement(Box36, { marginBottom: 1 }, /* @__PURE__ */ React41.createElement(Text36, { bold: true }, "Quick Actions:")), /* @__PURE__ */ React41.createElement(Box36, { flexDirection: "column", marginLeft: 2 }, /* @__PURE__ */ React41.createElement(Text36, null, "\u2022 Press ", /* @__PURE__ */ React41.createElement(Text36, { color: "green" }, "Enter"), " to open selected utility"), /* @__PURE__ */ React41.createElement(Text36, null, "\u2022 Use ", /* @__PURE__ */ React41.createElement(Text36, { color: "green" }, "\u2191/\u2193"), " or ", /* @__PURE__ */ React41.createElement(Text36, { color: "green" }, "j/k"), " to navigate"), /* @__PURE__ */ React41.createElement(Text36, null, "\u2022 Press ", /* @__PURE__ */ React41.createElement(Text36, { color: "green" }, "Esc"), " to go back or quit"), /* @__PURE__ */ React41.createElement(Text36, null, "\u2022 Press ", /* @__PURE__ */ React41.createElement(Text36, { color: "green" }, "q"), " to quit anytime")), /* @__PURE__ */ React41.createElement(Box36, { marginTop: 2 }, /* @__PURE__ */ React41.createElement(Text36, { dimColor: true }, "\u{1F4A1} Tip: Each utility provides an interactive interface for easy usage.")));
+  ), /* @__PURE__ */ React41.createElement(Box36, { marginBottom: 1 }, /* @__PURE__ */ React41.createElement(Text36, { bold: true }, "Quick Actions:")), /* @__PURE__ */ React41.createElement(Box36, { flexDirection: "column", marginLeft: 2 }, /* @__PURE__ */ React41.createElement(Text36, null, "\u2022 Press ", /* @__PURE__ */ React41.createElement(Text36, { color: "green" }, "Enter"), " to open selected utility"), /* @__PURE__ */ React41.createElement(Text36, null, "\u2022 Use ", /* @__PURE__ */ React41.createElement(Text36, { color: "green" }, "\u2191/\u2193"), " or ", /* @__PURE__ */ React41.createElement(Text36, { color: "green" }, "j/k"), " to navigate"), /* @__PURE__ */ React41.createElement(Text36, null, "\u2022 Press ", /* @__PURE__ */ React41.createElement(Text36, { color: "green" }, "Esc"), " to go back or quit"), /* @__PURE__ */ React41.createElement(Text36, null, "\u2022 Press ", /* @__PURE__ */ React41.createElement(Text36, { color: "green" }, "Ctrl+Q"), " to quit anytime")), /* @__PURE__ */ React41.createElement(Box36, { marginTop: 2 }, /* @__PURE__ */ React41.createElement(Text36, { dimColor: true }, "\u{1F4A1} Tip: Each utility provides an interactive interface for easy usage.")));
 };
 var ActiveUtilityView = ({ utilityType }) => {
   switch (utilityType) {
@@ -11645,7 +11691,8 @@ function createKitCreateCommand() {
         { name: "Cursor", value: "cursor" },
         { name: "Windsurf", value: "windsurf" },
         { name: "Claude Code", value: "claude-code" },
-        { name: "Antigravity", value: "antigravity" }
+        { name: "Antigravity", value: "antigravity" },
+        { name: "OpenCode", value: "opencode" }
       ];
       let selectedIdes = [];
       if (isAutoMode) {