remove hooks experimental and refactor hook Config

packages/cli/src/ui/components/hooks/HooksDisabledStep.tsx

@@ -0,0 +1,84 @@
+/**
+ * @license
+ * Copyright 2026 Qwen Team
+ * SPDX-License-Identifier: Apache-2.0
+ */
+
+import { Box, Text } from 'ink';
+import { theme } from '../../semantic-colors.js';
+import { t } from '../../../i18n/index.js';
+
+interface HooksDisabledStepProps {
+  configuredHooksCount: number;
+}
+
+export function HooksDisabledStep({
+  configuredHooksCount,
+}: HooksDisabledStepProps): React.JSX.Element {
+  // Get the correct plural/singular form
+  const hooksText =
+    configuredHooksCount === 1
+      ? t('{{count}} configured hook', { count: String(configuredHooksCount) })
+      : t('{{count}} configured hooks', {
+          count: String(configuredHooksCount),
+        });
+
+  return (
+    <Box flexDirection="column" paddingX={1}>
+      {/* Title */}
+      <Box marginBottom={1}>
+        <Text bold color={theme.status.warning}>
+          {t('Hook Configuration - Disabled')}
+        </Text>
+      </Box>
+
+      {/* Main message */}
+      <Box marginBottom={1}>
+        <Text color={theme.text.primary}>
+          {t(
+            'All hooks are currently disabled. You have {{count}} that are not running.',
+            {
+              count: hooksText,
+            },
+          )}
+        </Text>
+      </Box>
+
+      {/* Explanation */}
+      <Box flexDirection="column" marginBottom={1}>
+        <Text bold color={theme.text.primary}>
+          {t('When hooks are disabled:')}
+        </Text>
+        <Box>
+          <Text color={theme.text.secondary}>
+            {`  · ${t('No hook commands will execute')}`}
+          </Text>
+        </Box>
+        <Box>
+          <Text color={theme.text.secondary}>
+            {`  · ${t('StatusLine will not be displayed')}`}
+          </Text>
+        </Box>
+        <Box>
+          <Text color={theme.text.secondary}>
+            {`  · ${t('Tool operations will proceed without hook validation')}`}
+          </Text>
+        </Box>
+      </Box>
+
+      {/* How to re-enable */}
+      <Box marginBottom={1}>
+        <Text color={theme.text.secondary}>
+          {t(
+            'To re-enable hooks, remove "disableAllHooks" from settings.json or ask Qwen Code.',
+          )}
+        </Text>
+      </Box>
+
+      {/* Footer hint */}
+      <Box marginTop={1}>
+        <Text color={theme.text.secondary}>{t('Esc to close')}</Text>
+      </Box>
+    </Box>
+  );
+}