fix: address PR review feedback for export option

- Add comprehensive tests for export functionality
- Implement proper internationalization (i18n) with translation keys
- Fix option ordering to place export after modes (consistent with other options)
- Update all test cases to pass new translation parameters

Author: roomote

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

@@ -356,6 +356,8 @@ const ChatTextArea = forwardRef<HTMLTextAreaElement, ChatTextAreaProps>(
 								queryItems,
 								fileSearchResults,
 								allModes,
+								t("chat:exportCurrentMode"),
+								t("chat:exportModeDescription"),
 							)
 							const optionsLength = options.length
 
@@ -393,6 +395,8 @@ const ChatTextArea = forwardRef<HTMLTextAreaElement, ChatTextAreaProps>(
 							queryItems,
 							fileSearchResults,
 							allModes,
+							t("chat:exportCurrentMode"),
+							t("chat:exportModeDescription"),
 						)[selectedMenuIndex]
 						if (
 							selectedOption &&
@@ -483,6 +487,7 @@ const ChatTextArea = forwardRef<HTMLTextAreaElement, ChatTextAreaProps>(
 				fileSearchResults,
 				handleHistoryNavigation,
 				resetHistoryNavigation,
+				t,
 			],
 		)
 
@@ -1253,6 +1258,8 @@ const ChatTextArea = forwardRef<HTMLTextAreaElement, ChatTextAreaProps>(
 									modes={allModes}
 									loading={searchLoading}
 									dynamicSearchResults={fileSearchResults}
+									exportLabel={t("chat:exportCurrentMode")}
+									exportDescription={t("chat:exportModeDescription")}
 								/>
 							</div>
 						)}

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

@@ -23,6 +23,8 @@ interface ContextMenuProps {
 	modes?: ModeConfig[]
 	loading?: boolean
 	dynamicSearchResults?: SearchResult[]
+	exportLabel?: string
+	exportDescription?: string
 }
 
 const ContextMenu: React.FC<ContextMenuProps> = ({
@@ -36,13 +38,24 @@ const ContextMenu: React.FC<ContextMenuProps> = ({
 	queryItems,
 	modes,
 	dynamicSearchResults = [],
+	exportLabel = "Export current mode",
+	exportDescription = "Export the current mode configuration",
 }) => {
 	const [materialIconsBaseUri, setMaterialIconsBaseUri] = useState("")
 	const menuRef = useRef<HTMLDivElement>(null)
 
 	const filteredOptions = useMemo(() => {
-		return getContextMenuOptions(searchQuery, inputValue, selectedType, queryItems, dynamicSearchResults, modes)
-	}, [searchQuery, inputValue, selectedType, queryItems, dynamicSearchResults, modes])
+		return getContextMenuOptions(
+			searchQuery,
+			inputValue,
+			selectedType,
+			queryItems,
+			dynamicSearchResults,
+			modes,
+			exportLabel,
+			exportDescription,
+		)
+	}, [searchQuery, inputValue, selectedType, queryItems, dynamicSearchResults, modes, exportLabel, exportDescription])
 
 	useEffect(() => {
 		if (menuRef.current) {

webview-ui/src/i18n/locales/en/chat.json

@@ -329,5 +329,7 @@
 		"title": "Roo Code Cloud is coming soon!",
 		"description": "Run Roomote agents in the cloud, access your tasks from anywhere, collaborate with others, and more.",
 		"joinWaitlist": "Join the waitlist to get early access."
-	}
+	},
+	"exportCurrentMode": "Export current mode",
+	"exportModeDescription": "Export the current mode configuration"
 }