Merge pull request #3231 from Kilo-Org/bdo/add-config-command

Add slash config command to cli

Author: RSO

apps/kilocode-docs/docs/cli.md

@@ -42,6 +42,7 @@ to start the CLI and begin a new task with your preferred model and relevant mod
 | `/model list`   | List available models                                            |                             |
 | `/model info`   | Prints description for a specific model by name                  | `/model info z-ai/glm-4.5v` |
 | `/model select` | Select and switch to a new model                                 |                             |
+| `/config`       | Open configuration editor (same as `kilocode config`)            |                             |
 | `/new`          | Start a new task with the agent with a clean slate               |                             |
 | `/help`         | List available commands and how to use them                      |                             |
 | `/exit`         | Exit the CLI                                                     |                             |
@@ -56,6 +57,10 @@ You can reference the [Provider Configuration Guide](https://github.com/Kilo-Org
 
 to complete configuration with an interactive workflow on the command line.
 
+:::tip
+You can also use the `/config` slash command during an interactive session, which is equivalent to running `kilocode config`.
+:::
+
 ## Autonomous mode (Non-Interactive)
 
 Autonomous mode allows Kilo Code to run in automated environments like CI/CD pipelines without requiring user interaction.

cli/src/commands/__tests__/config.test.ts

@@ -0,0 +1,64 @@
+import { describe, it, expect, vi, beforeEach } from "vitest"
+import { configCommand } from "../config.js"
+import type { CommandContext } from "../core/types.js"
+import openConfigFile from "../../config/openConfig.js"
+
+// Mock the openConfigFile function
+vi.mock("../../config/openConfig.js", () => ({
+	default: vi.fn(),
+}))
+
+describe("configCommand", () => {
+	let mockContext: CommandContext
+	let addMessageSpy: ReturnType<typeof vi.fn>
+
+	beforeEach(() => {
+		vi.clearAllMocks()
+		addMessageSpy = vi.fn()
+
+		mockContext = {
+			input: "/config",
+			args: [],
+			options: {},
+			sendMessage: vi.fn(),
+			addMessage: addMessageSpy,
+			clearMessages: vi.fn(),
+			replaceMessages: vi.fn(),
+			clearTask: vi.fn(),
+			setMode: vi.fn(),
+			exit: vi.fn(),
+			routerModels: null,
+			currentProvider: null,
+			kilocodeDefaultModel: "",
+			updateProviderModel: vi.fn(),
+			refreshRouterModels: vi.fn(),
+			updateProvider: vi.fn(),
+			profileData: null,
+			balanceData: null,
+			profileLoading: false,
+			balanceLoading: false,
+		}
+	})
+
+	it("should have correct metadata", () => {
+		expect(configCommand.name).toBe("config")
+		expect(configCommand.aliases).toContain("c")
+		expect(configCommand.aliases).toContain("settings")
+		expect(configCommand.category).toBe("settings")
+		expect(configCommand.priority).toBe(8)
+	})
+
+	it("should open config file successfully", async () => {
+		vi.mocked(openConfigFile).mockResolvedValue(undefined)
+
+		await configCommand.handler(mockContext)
+
+		expect(addMessageSpy).toHaveBeenCalledWith(
+			expect.objectContaining({
+				type: "system",
+				content: "Opening configuration file...",
+			}),
+		)
+		expect(openConfigFile).toHaveBeenCalled()
+	})
+})

cli/src/commands/config.ts

@@ -0,0 +1,28 @@
+/**
+ * /config command - Open the CLI configuration file
+ */
+
+import type { Command } from "./core/types.js"
+import openConfigFile from "../config/openConfig.js"
+
+export const configCommand: Command = {
+	name: "config",
+	aliases: ["c", "settings"],
+	description: "Open the CLI configuration file in your default editor",
+	usage: "/config",
+	examples: ["/config"],
+	category: "settings",
+	priority: 8,
+	handler: async (context) => {
+		const { addMessage } = context
+
+		addMessage({
+			id: Date.now().toString(),
+			type: "system",
+			content: "Opening configuration file...",
+			ts: Date.now(),
+		})
+
+		await openConfigFile()
+	},
+}

cli/src/commands/index.ts

@@ -15,6 +15,7 @@ import { modeCommand } from "./mode.js"
 import { modelCommand } from "./model.js"
 import { profileCommand } from "./profile.js"
 import { teamsCommand } from "./teams.js"
+import { configCommand } from "./config.js"
 
 /**
  * Initialize all commands
@@ -29,4 +30,5 @@ export function initializeCommands(): void {
 	commandRegistry.register(modelCommand)
 	commandRegistry.register(profileCommand)
 	commandRegistry.register(teamsCommand)
+	commandRegistry.register(configCommand)
 }