feat(chat): add /compact and /compact-and slash commands (3.53.6)

Adds two user-triggered slash commands to the webview chat input:

- /compact — manually runs the same context-condensing flow used when
  auto-condense fires near the context window limit.
- /compact-and <message> — condenses first, then dispatches <message>
  as the next user turn once the condense response is received.

Both commands are registered as built-in slash commands so they appear
in autocomplete with descriptions (compact-and shows an argument hint).
The webview intercepts submission in handleSendMessage before posting
to the backend, so the empty content field of these built-ins is never
expanded server-side.

Implementation details:

- src/services/command/built-in-commands.ts: register compact and
  compact-and entries.
- webview-ui/src/components/chat/ChatView.tsx:
  - Hoist handleCondenseContext into a useCallback above
    handleSendMessage so the interception can live at the top of the
    send path.
  - Add pendingPostCompactRef to stash the follow-up message for
    /compact-and.
  - Regex-match /compact and /compact-and at the top of
    handleSendMessage, fire the existing condenseTaskContextRequest
    message, and clear the input.
  - useEffect watches isCondensing and sendingDisabled; once both fall
    back to false, any stashed follow-up is dispatched through
    handleSendMessage.
- src/services/command/__tests__/built-in-commands.spec.ts: bump the
  expected built-in command count from 1 to 3.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>

Author: allquixotic

src/package.json

@@ -3,7 +3,7 @@
 	"displayName": "%extension.displayName%",
 	"description": "%extension.description%",
 	"publisher": "allquixotic",
-	"version": "3.53.5",
+	"version": "3.53.6",
 	"icon": "assets/icons/icon.png",
 	"galleryBanner": {
 		"color": "#617A91",

src/services/command/__tests__/built-in-commands.spec.ts

@@ -5,8 +5,8 @@ describe("Built-in Commands", () => {
 		it("should return all built-in commands", async () => {
 			const commands = await getBuiltInCommands()
 
-			expect(commands).toHaveLength(1)
-			expect(commands.map((cmd) => cmd.name)).toEqual(expect.arrayContaining(["init"]))
+			expect(commands).toHaveLength(3)
+			expect(commands.map((cmd) => cmd.name)).toEqual(expect.arrayContaining(["init", "compact", "compact-and"]))
 
 			// Verify all commands have required properties
 			commands.forEach((command) => {
@@ -63,10 +63,10 @@ describe("Built-in Commands", () => {
 		it("should return all built-in command names", async () => {
 			const names = await getBuiltInCommandNames()
 
-			expect(names).toHaveLength(1)
-			expect(names).toEqual(expect.arrayContaining(["init"]))
+			expect(names).toHaveLength(3)
+			expect(names).toEqual(expect.arrayContaining(["init", "compact", "compact-and"]))
 			// Order doesn't matter since it's based on filesystem order
-			expect(names.sort()).toEqual(["init"])
+			expect(names.sort()).toEqual(["compact", "compact-and", "init"])
 		})
 
 		it("should return array of strings", async () => {

src/services/command/built-in-commands.ts

@@ -8,6 +8,17 @@ interface BuiltInCommandDefinition {
 }
 
 const BUILT_IN_COMMANDS: Record<string, BuiltInCommandDefinition> = {
+	compact: {
+		name: "compact",
+		description: "Manually condense the current task context to free up tokens",
+		content: "",
+	},
+	"compact-and": {
+		name: "compact-and",
+		description: "Condense context, then send the following message",
+		argumentHint: "<message to send after condensing>",
+		content: "",
+	},
 	init: {
 		name: "init",
 		description: "Analyze codebase and create concise AGENTS.md files for AI assistants",

webview-ui/src/components/chat/ChatView.tsx

@@ -228,6 +228,7 @@ const ChatViewComponent: React.ForwardRefRenderFunction<ChatViewRef, ChatViewPro
 	)
 	const autoApproveTimeoutRef = useRef<NodeJS.Timeout | null>(null)
 	const userRespondedRef = useRef<boolean>(false)
+	const pendingPostCompactRef = useRef<{ text: string; images: string[] } | null>(null)
 	const [currentFollowUpTs, setCurrentFollowUpTs] = useState<number | null>(null)
 	const [aggregatedCostsMap, setAggregatedCostsMap] = useState<
 		Map<
@@ -667,6 +668,18 @@ const ChatViewComponent: React.ForwardRefRenderFunction<ChatViewRef, ChatViewPro
 		// setSecondaryButtonText(undefined)
 	}, [])
 
+	const handleCondenseContext = useCallback(
+		(taskId: string) => {
+			if (isCondensing || sendingDisabled) {
+				return
+			}
+			setIsCondensing(true)
+			setSendingDisabled(true)
+			vscode.postMessage({ type: "condenseTaskContextRequest", text: taskId })
+		},
+		[isCondensing, sendingDisabled],
+	)
+
 	/**
 	 * Handles sending messages to the extension
 	 * @param text - The message text to send
@@ -680,6 +693,30 @@ const ChatViewComponent: React.ForwardRefRenderFunction<ChatViewRef, ChatViewPro
 				if (submissionDisabled) {
 					return
 				}
+
+				// Intercept /compact and /compact-and before any other processing.
+				// /compact triggers the same context-condensing used by auto-condense.
+				// /compact-and <msg> condenses, then sends <msg> once condensing completes.
+				const compactMatch = /^\/compact(-and)?(?:\s+([\s\S]+))?$/.exec(text)
+				if (compactMatch) {
+					const taskId = currentTaskItem?.id
+					if (!taskId || messagesRef.current.length === 0 || isCondensing || sendingDisabled) {
+						// Nothing to condense, or a condense is already in flight.
+						setInputValue("")
+						setSelectedImages([])
+						return
+					}
+					const followUp = (compactMatch[2] ?? "").trim()
+					if (compactMatch[1] && followUp) {
+						pendingPostCompactRef.current = { text: followUp, images }
+					}
+					setIsCondensing(true)
+					setSendingDisabled(true)
+					vscode.postMessage({ type: "condenseTaskContextRequest", text: taskId })
+					setInputValue("")
+					setSelectedImages([])
+					return
+				}
 				// Intercept when the active provider is retired — show a
 				// WarningRow instead of sending anything to the backend.
 				if (apiConfiguration?.apiProvider && isRetiredProvider(apiConfiguration.apiProvider)) {
@@ -757,9 +794,24 @@ const ChatViewComponent: React.ForwardRefRenderFunction<ChatViewRef, ChatViewPro
 			apiConfiguration?.apiProvider,
 			submissionDisabled,
 			selectedDraftId,
+			currentTaskItem?.id,
 		], // messagesRef and clineAskRef are stable
 	)
 
+	// After /compact-and completes, dispatch the follow-up message stashed
+	// when the user submitted the command.
+	useEffect(() => {
+		if (isCondensing || sendingDisabled) {
+			return
+		}
+		const pending = pendingPostCompactRef.current
+		if (!pending) {
+			return
+		}
+		pendingPostCompactRef.current = null
+		handleSendMessage(pending.text, pending.images)
+	}, [isCondensing, sendingDisabled, handleSendMessage])
+
 	const handleSetChatBoxMessage = useCallback(
 		(text: string, images: string[]) => {
 			// Avoid nested template literals by breaking down the logic
@@ -1628,14 +1680,6 @@ const ChatViewComponent: React.ForwardRefRenderFunction<ChatViewRef, ChatViewPro
 		},
 	}))
 
-	const handleCondenseContext = (taskId: string) => {
-		if (isCondensing || sendingDisabled) {
-			return
-		}
-		setIsCondensing(true)
-		setSendingDisabled(true)
-		vscode.postMessage({ type: "condenseTaskContextRequest", text: taskId })
-	}
 	const areButtonsVisible = showScrollToBottom || displayedPrimaryButtonText || displayedSecondaryButtonText
 
 	return (