Makes the intro copy for slash commands only appear when there's no search string

Author: brunobergher

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

@@ -289,30 +289,32 @@ const ContextMenu: React.FC<ContextMenuProps> = ({
 					overflowX: "hidden",
 				}}>
 				{/* Settings button for slash commands */}
-				{searchQuery.startsWith("/") && (
+				{searchQuery === "/" && (
 					<div className="p-2 flex items-start gap-4 justify-between">
-						<div className="text-sm">
-							<p className="font-bold text-base text-vscode-foreground mt-1 mb-0.5">Slash Commands</p>
-							<p className="text-xs mt-0.5 -mb-1">
-								<Trans
-									i18nKey="settings:slashCommands.description"
-									components={{
-										DocsLink: (
-											<a
-												href={buildDocLink(
-													"features/slash-commands",
-													"slash_commands_settings",
-												)}
-												target="_blank"
-												rel="noopener noreferrer"
-												className="text-vscode-textLink-foreground hover:underline">
-												Docs
-											</a>
-										),
-									}}
-								/>
-							</p>
-						</div>
+						{searchQuery.length === 1 && (
+							<div className="text-sm">
+								<p className="font-bold text-base text-vscode-foreground mt-1 mb-0.5">Slash Commands</p>
+								<p className="text-xs mt-0.5 -mb-1">
+									<Trans
+										i18nKey="settings:slashCommands.description"
+										components={{
+											DocsLink: (
+												<a
+													href={buildDocLink(
+														"features/slash-commands",
+														"slash_commands_settings",
+													)}
+													target="_blank"
+													rel="noopener noreferrer"
+													className="text-vscode-textLink-foreground hover:underline">
+													Docs
+												</a>
+											),
+										}}
+									/>
+								</p>
+							</div>
+						)}
 						<button
 							className="mt-1 cursor-pointer"
 							onClick={handleSettingsClick}