From 4257a0b1d5aac4cfcb4a47053d3594afb9b7307e Mon Sep 17 00:00:00 2001
From: Roo Code <roomote@roocode.com>
Date: Sat, 26 Jul 2025 22:36:33 +0000
Subject: [PATCH] fix: add text wrapping to command patterns in Manage Command
 Permissions section

---
 webview-ui/src/components/chat/CommandPatternSelector.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/webview-ui/src/components/chat/CommandPatternSelector.tsx b/webview-ui/src/components/chat/CommandPatternSelector.tsx
index c3b13b79d92..87ccb1bab7a 100644
--- a/webview-ui/src/components/chat/CommandPatternSelector.tsx
+++ b/webview-ui/src/components/chat/CommandPatternSelector.tsx
@@ -141,9 +141,9 @@ export const CommandPatternSelector: React.FC<CommandPatternSelectorProps> = ({
 									) : (
 										<div
 											onClick={() => setEditState(item.pattern, true)}
-											className="font-mono text-xs text-vscode-foreground cursor-pointer hover:bg-vscode-list-hoverBackground px-2 py-1.5 rounded transition-colors border border-transparent"
+											className="font-mono text-xs text-vscode-foreground cursor-pointer hover:bg-vscode-list-hoverBackground px-2 py-1.5 rounded transition-colors border border-transparent break-all"
 											title="Click to edit pattern">
-											<span>{editState.value}</span>
+											<span className="break-all">{editState.value}</span>
 											{item.description && (
 												<span className="text-vscode-descriptionForeground ml-2">
 													- {item.description}