fix: resolve import button stuck issue and missing translations

- Fix import button getting stuck on 'Importing...' when user cancels file dialog
- Add missing 'importing' translation key to all locales
- Prevent error logging for user cancellation in import flow

Fixes #5047

Author: daniel-lxs

src/core/webview/webviewMessageHandler.ts

@@ -1680,6 +1680,13 @@ export const webviewMessageHandler = async (
 						// Show error message
 						vscode.window.showErrorMessage(t("common:errors.mode_import_failed", { error: result.error }))
 					}
+				} else {
+					// User cancelled the file dialog - reset the importing state
+					provider.postMessageToWebview({
+						type: "importModeResult",
+						success: false,
+						error: "cancelled",
+					})
 				}
 			} catch (error) {
 				const errorMessage = error instanceof Error ? error.message : String(error)

webview-ui/src/components/modes/ModesView.tsx

@@ -428,8 +428,10 @@ const ModesView = ({ onDone }: ModesViewProps) => {
 				setShowImportDialog(false)
 
 				if (!message.success) {
-					// Show error message
-					console.error("Failed to import mode:", message.error)
+					// Only log error if it's not a cancellation
+					if (message.error !== "cancelled") {
+						console.error("Failed to import mode:", message.error)
+					}
 				}
 			} else if (message.type === "checkRulesDirectoryResult") {
 				setHasRulesToExport((prev) => ({

webview-ui/src/i18n/locales/ca/prompts.json

@@ -61,6 +61,7 @@
 	"importMode": {
 		"selectLevel": "Tria on importar aquest mode:",
 		"import": "Importar",
+		"importing": "Important...",
 		"global": {
 			"label": "Nivell global",
 			"description": "Disponible a tots els projectes. Les regles es fusionaran amb les instruccions personalitzades."

webview-ui/src/i18n/locales/de/prompts.json

@@ -61,6 +61,7 @@
 	"importMode": {
 		"selectLevel": "Wähle, wo dieser Modus importiert werden soll:",
 		"import": "Importieren",
+		"importing": "Importiere...",
 		"global": {
 			"label": "Globale Ebene",
 			"description": "Verfügbar in allen Projekten. Regeln werden in benutzerdefinierte Anweisungen zusammengeführt."

webview-ui/src/i18n/locales/hi/prompts.json

@@ -61,6 +61,7 @@
 	"importMode": {
 		"selectLevel": "चुनें कि इस मोड को कहाँ आयात करना है:",
 		"import": "आयात करें",
+		"importing": "आयात कर रहे हैं...",
 		"global": {
 			"label": "वैश्विक स्तर",
 			"description": "सभी परियोजनाओं में उपलब्ध। नियम कस्टम निर्देशों में विलय कर दिए जाएंगे।"

webview-ui/src/i18n/locales/id/prompts.json

@@ -61,6 +61,7 @@
 	"importMode": {
 		"selectLevel": "Pilih di mana akan mengimpor mode ini:",
 		"import": "Impor",
+		"importing": "Mengimpor...",
 		"global": {
 			"label": "Tingkat Global",
 			"description": "Tersedia di semua proyek. Aturan akan digabungkan ke dalam instruksi kustom."

webview-ui/src/i18n/locales/it/prompts.json

@@ -61,6 +61,7 @@
 	"importMode": {
 		"selectLevel": "Scegli dove importare questa modalità:",
 		"import": "Importa",
+		"importing": "Importazione...",
 		"global": {
 			"label": "Livello globale",
 			"description": "Disponibile in tutti i progetti. Le regole verranno unite nelle istruzioni personalizzate."

webview-ui/src/i18n/locales/ja/prompts.json

@@ -61,6 +61,7 @@
 	"importMode": {
 		"selectLevel": "このモードをインポートする場所を選択してください：",
 		"import": "インポート",
+		"importing": "インポート中...",
 		"global": {
 			"label": "グローバルレベル",
 			"description": "すべてのプロジェクトで利用可能です。ルールはカスタム指示にマージされます。"

webview-ui/src/i18n/locales/ko/prompts.json

@@ -61,6 +61,7 @@
 	"importMode": {
 		"selectLevel": "이 모드를 가져올 위치를 선택하세요:",
 		"import": "가져오기",
+		"importing": "가져오는 중...",
 		"global": {
 			"label": "전역 수준",
 			"description": "모든 프로젝트에서 사용 가능합니다. 규칙은 사용자 지정 지침에 병합됩니다."

webview-ui/src/i18n/locales/nl/prompts.json

@@ -61,6 +61,7 @@
 	"importMode": {
 		"selectLevel": "Kies waar je deze modus wilt importeren:",
 		"import": "Importeren",
+		"importing": "Importeren...",
 		"global": {
 			"label": "Globaal niveau",
 			"description": "Beschikbaar in alle projecten. Regels worden samengevoegd in aangepaste instructies."