feat: Add interactive TUI for extension management

packages/cli/src/ui/components/extensions/steps/UninstallConfirmStep.tsx

@@ -0,0 +1,68 @@
+/**
+ * @license
+ * Copyright 2025 Qwen
+ * SPDX-License-Identifier: Apache-2.0
+ */
+
+import { Box, Text } from 'ink';
+import { type Extension } from '@qwen-code/qwen-code-core';
+import { createDebugLogger } from '@qwen-code/qwen-code-core';
+import { theme } from '../../../semantic-colors.js';
+import { useKeypress } from '../../../hooks/useKeypress.js';
+import { t } from '../../../../i18n/index.js';
+
+interface UninstallConfirmStepProps {
+  selectedExtension: Extension | null;
+  onConfirm: (extension: Extension) => Promise<void>;
+  onNavigateBack: () => void;
+}
+
+const debugLogger = createDebugLogger('EXTENSION_UNINSTALL_STEP');
+
+export function UninstallConfirmStep({
+  selectedExtension,
+  onConfirm,
+  onNavigateBack,
+}: UninstallConfirmStepProps) {
+  useKeypress(
+    async (key) => {
+      if (!selectedExtension) return;
+
+      if (key.name === 'y' || key.name === 'return') {
+        try {
+          await onConfirm(selectedExtension);
+          // Navigation will be handled by the parent component after successful uninstall
+        } catch (error) {
+          debugLogger.error('Failed to uninstall extension:', error);
+        }
+      } else if (key.name === 'n' || key.name === 'escape') {
+        onNavigateBack();
+      }
+    },
+    { isActive: true },
+  );
+
+  if (!selectedExtension) {
+    return (
+      <Box>
+        <Text color={theme.status.error}>{t('No extension selected')}</Text>
+      </Box>
+    );
+  }
+
+  return (
+    <Box flexDirection="column" gap={1}>
+      <Text color={theme.status.error}>
+        {t('Are you sure you want to uninstall extension "{{name}}"?', {
+          name: selectedExtension.name,
+        })}
+      </Text>
+      <Text color={theme.text.secondary}>
+        {t('This action cannot be undone.')}
+      </Text>
+      <Box marginTop={1}>
+        <Text>{t('Press Y/Enter to confirm, N/Esc to cancel')}</Text>
+      </Box>
+    </Box>
+  );
+}