@anh3d0nic/qwen-code-termux-ice 14.0.0 → 16.0.0

package/packages/cli/src/ui/components/shared/RadioButtonSelect.test.tsx

@@ -1,198 +0,0 @@
-/**
- * @license
- * Copyright 2025 Google LLC
- * SPDX-License-Identifier: Apache-2.0
- */
-
-import { describe, it, expect, vi, beforeEach } from 'vitest';
-import { renderWithProviders } from '../../../test-utils/render.js';
-import type React from 'react';
-import {
-  RadioButtonSelect,
-  type RadioSelectItem,
-  type RadioButtonSelectProps,
-} from './RadioButtonSelect.js';
-import {
-  BaseSelectionList,
-  type BaseSelectionListProps,
-  type RenderItemContext,
-} from './BaseSelectionList.js';
-
-vi.mock('./BaseSelectionList.js', () => ({
-  BaseSelectionList: vi.fn(() => null),
-}));
-
-vi.mock('../../semantic-colors.js', () => ({
-  theme: {
-    text: { secondary: 'COLOR_SECONDARY' },
-  },
-}));
-
-const MockedBaseSelectionList = vi.mocked(
-  BaseSelectionList,
-) as unknown as ReturnType<typeof vi.fn>;
-
-type RadioRenderItemFn = (
-  item: RadioSelectItem<string>,
-  context: RenderItemContext,
-) => React.JSX.Element;
-const extractRenderItem = (): RadioRenderItemFn => {
-  const mockCalls = MockedBaseSelectionList.mock.calls;
-
-  if (mockCalls.length === 0) {
-    throw new Error(
-      'BaseSelectionList was not called. Ensure RadioButtonSelect is rendered before calling extractRenderItem.',
-    );
-  }
-
-  const props = mockCalls[0][0] as BaseSelectionListProps<
-    string,
-    RadioSelectItem<string>
-  >;
-
-  if (typeof props.renderItem !== 'function') {
-    throw new Error('renderItem prop was not found on BaseSelectionList call.');
-  }
-
-  return props.renderItem as RadioRenderItemFn;
-};
-
-describe('RadioButtonSelect', () => {
-  const mockOnSelect = vi.fn();
-  const mockOnHighlight = vi.fn();
-
-  const ITEMS: Array<RadioSelectItem<string>> = [
-    { label: 'Option 1', value: 'one', key: 'one' },
-    { label: 'Option 2', value: 'two', key: 'two' },
-    { label: 'Option 3', value: 'three', disabled: true, key: 'three' },
-  ];
-
-  const renderComponent = (
-    props: Partial<RadioButtonSelectProps<string>> = {},
-  ) => {
-    const defaultProps: RadioButtonSelectProps<string> = {
-      items: ITEMS,
-      onSelect: mockOnSelect,
-      ...props,
-    };
-    return renderWithProviders(<RadioButtonSelect {...defaultProps} />);
-  };
-
-  beforeEach(() => {
-    vi.clearAllMocks();
-  });
-
-  describe('Prop forwarding to BaseSelectionList', () => {
-    it('should forward all props correctly when provided', () => {
-      const props = {
-        items: ITEMS,
-        initialIndex: 1,
-        onSelect: mockOnSelect,
-        onHighlight: mockOnHighlight,
-        isFocused: false,
-        showScrollArrows: true,
-        maxItemsToShow: 5,
-        showNumbers: false,
-      };
-
-      renderComponent(props);
-
-      expect(BaseSelectionList).toHaveBeenCalledTimes(1);
-      expect(BaseSelectionList).toHaveBeenCalledWith(
-        expect.objectContaining({
-          ...props,
-          renderItem: expect.any(Function),
-        }),
-        undefined,
-      );
-    });
-
-    it('should use default props if not provided', () => {
-      renderComponent({
-        items: ITEMS,
-        onSelect: mockOnSelect,
-      });
-
-      expect(BaseSelectionList).toHaveBeenCalledWith(
-        expect.objectContaining({
-          initialIndex: 0,
-          isFocused: true,
-          showScrollArrows: false,
-          maxItemsToShow: 10,
-          showNumbers: true,
-        }),
-        undefined,
-      );
-    });
-  });
-
-  describe('renderItem implementation', () => {
-    let renderItem: RadioRenderItemFn;
-    const mockContext: RenderItemContext = {
-      isSelected: false,
-      titleColor: 'MOCK_TITLE_COLOR',
-      numberColor: 'MOCK_NUMBER_COLOR',
-    };
-
-    beforeEach(() => {
-      renderComponent();
-      renderItem = extractRenderItem();
-    });
-
-    it('should render the standard label display with correct color and truncation', () => {
-      const item = ITEMS[0];
-
-      const result = renderItem(item, mockContext);
-
-      expect(result?.props?.color).toBe(mockContext.titleColor);
-      expect(result?.props?.children).toBe('Option 1');
-      expect(result?.props?.wrap).toBe('truncate');
-    });
-
-    it('should render the special theme display when theme props are present', () => {
-      const themeItem: RadioSelectItem<string> = {
-        label: 'Theme A (Light)',
-        value: 'a-light',
-        themeNameDisplay: 'Theme A',
-        themeTypeDisplay: '(Light)',
-        key: 'a-light',
-      };
-
-      const result = renderItem(themeItem, mockContext);
-
-      expect(result?.props?.color).toBe(mockContext.titleColor);
-      expect(result?.props?.wrap).toBe('truncate');
-
-      const children = result?.props?.children;
-
-      if (!Array.isArray(children) || children.length < 3) {
-        throw new Error(
-          'Expected children to be an array with at least 3 elements for theme display',
-        );
-      }
-
-      expect(children[0]).toBe('Theme A');
-      expect(children[1]).toBe(' ');
-
-      const nestedTextElement = children[2] as React.ReactElement<{
-        color?: string;
-        children?: React.ReactNode;
-      }>;
-      expect(nestedTextElement?.props?.color).toBe('COLOR_SECONDARY');
-      expect(nestedTextElement?.props?.children).toBe('(Light)');
-    });
-
-    it('should fall back to standard display if only one theme prop is present', () => {
-      const partialThemeItem: RadioSelectItem<string> = {
-        label: 'Incomplete Theme',
-        value: 'incomplete',
-        themeNameDisplay: 'Only Name',
-        key: 'incomplete',
-      };
-
-      const result = renderItem(partialThemeItem, mockContext);
-
-      expect(result?.props?.children).toBe('Incomplete Theme');
-    });
-  });
-});

package/packages/cli/src/ui/components/shared/RadioButtonSelect.tsx

@@ -1,91 +0,0 @@
-/**
- * @license
- * Copyright 2025 Google LLC
- * SPDX-License-Identifier: Apache-2.0
- */
-
-import type React from 'react';
-import { Text } from 'ink';
-import { theme } from '../../semantic-colors.js';
-import { BaseSelectionList } from './BaseSelectionList.js';
-import type { SelectionListItem } from '../../hooks/useSelectionList.js';
-
-/**
- * Represents a single option for the RadioButtonSelect.
- * Requires a label for display and a value to be returned on selection.
- */
-export interface RadioSelectItem<T> extends SelectionListItem<T> {
-  label: string;
-  themeNameDisplay?: string;
-  themeTypeDisplay?: string;
-}
-
-/**
- * Props for the RadioButtonSelect component.
- * @template T The type of the value associated with each radio item.
- */
-export interface RadioButtonSelectProps<T> {
-  /** An array of items to display as radio options. */
-  items: Array<RadioSelectItem<T>>;
-  /** The initial index selected */
-  initialIndex?: number;
-  /** Function called when an item is selected. Receives the `value` of the selected item. */
-  onSelect: (value: T) => void;
-  /** Function called when an item is highlighted. Receives the `value` of the selected item. */
-  onHighlight?: (value: T) => void;
-  /** Whether this select input is currently focused and should respond to input. */
-  isFocused?: boolean;
-  /** Whether to show the scroll arrows. */
-  showScrollArrows?: boolean;
-  /** The maximum number of items to show at once. */
-  maxItemsToShow?: number;
-  /** Whether to show numbers next to items. */
-  showNumbers?: boolean;
-}
-
-/**
- * A custom component that displays a list of items with radio buttons,
- * supporting scrolling and keyboard navigation.
- *
- * @template T The type of the value associated with each radio item.
- */
-export function RadioButtonSelect<T>({
-  items,
-  initialIndex = 0,
-  onSelect,
-  onHighlight,
-  isFocused = true,
-  showScrollArrows = false,
-  maxItemsToShow = 10,
-  showNumbers = true,
-}: RadioButtonSelectProps<T>): React.JSX.Element {
-  return (
-    <BaseSelectionList<T, RadioSelectItem<T>>
-      items={items}
-      initialIndex={initialIndex}
-      onSelect={onSelect}
-      onHighlight={onHighlight}
-      isFocused={isFocused}
-      showNumbers={showNumbers}
-      showScrollArrows={showScrollArrows}
-      maxItemsToShow={maxItemsToShow}
-      renderItem={(item, { titleColor }) => {
-        // Handle special theme display case for ThemeDialog compatibility
-        if (item.themeNameDisplay && item.themeTypeDisplay) {
-          return (
-            <Text color={titleColor} wrap="truncate" key={item.key}>
-              {item.themeNameDisplay}{' '}
-              <Text color={theme.text.secondary}>{item.themeTypeDisplay}</Text>
-            </Text>
-          );
-        }
-        // Regular label display
-        return (
-          <Text color={titleColor} wrap="truncate">
-            {item.label}
-          </Text>
-        );
-      }}
-    />
-  );
-}

package/packages/cli/src/ui/components/shared/ScopeSelector.tsx

@@ -1,59 +0,0 @@
-/**
- * @license
- * Copyright 2025 Google LLC
- * SPDX-License-Identifier: Apache-2.0
- */
-
-import type React from 'react';
-import { Box, Text } from 'ink';
-import type { SettingScope } from '../../../config/settings.js';
-import { getScopeItems } from '../../../utils/dialogScopeUtils.js';
-import { RadioButtonSelect } from './RadioButtonSelect.js';
-import { t } from '../../../i18n/index.js';
-
-interface ScopeSelectorProps {
-  /** Callback function when a scope is selected */
-  onSelect: (scope: SettingScope) => void;
-  /** Callback function when a scope is highlighted */
-  onHighlight: (scope: SettingScope) => void;
-  /** Whether the component is focused */
-  isFocused: boolean;
-  /** The initial scope to select */
-  initialScope: SettingScope;
-}
-
-export function ScopeSelector({
-  onSelect,
-  onHighlight,
-  isFocused,
-  initialScope,
-}: ScopeSelectorProps): React.JSX.Element {
-  const scopeItems = getScopeItems().map((item) => ({
-    ...item,
-    label: t(item.label),
-    key: item.value,
-  }));
-
-  const initialIndex = scopeItems.findIndex(
-    (item) => item.value === initialScope,
-  );
-  const safeInitialIndex = initialIndex >= 0 ? initialIndex : 0;
-
-  return (
-    <Box flexDirection="column">
-      <Text bold={isFocused} wrap="truncate">
-        {isFocused ? '> ' : '  '}
-        {t('Apply To')}
-      </Text>
-      <Box height={1} />
-      <RadioButtonSelect
-        items={scopeItems}
-        initialIndex={safeInitialIndex}
-        onSelect={onSelect}
-        onHighlight={onHighlight}
-        isFocused={isFocused}
-        showNumbers={isFocused}
-      />
-    </Box>
-  );
-}

package/packages/cli/src/ui/components/shared/TextInput.tsx

@@ -1,197 +0,0 @@
-/**
- * @license
- * Copyright 2025 Qwen
- * SPDX-License-Identifier: Apache-2.0
- */
-
-// no hooks needed beyond keypress handled inside
-import { Box, Text } from 'ink';
-import chalk from 'chalk';
-import stringWidth from 'string-width';
-import { useTextBuffer } from './text-buffer.js';
-import { useKeypress } from '../../hooks/useKeypress.js';
-import { keyMatchers, Command } from '../../keyMatchers.js';
-import { cpSlice, cpLen } from '../../utils/textUtils.js';
-import { theme } from '../../semantic-colors.js';
-import { Colors } from '../../colors.js';
-import type { Key } from '../../hooks/useKeypress.js';
-import { useCallback, useRef, useEffect } from 'react';
-
-export interface TextInputProps {
-  value: string;
-  onChange: (text: string) => void;
-  onSubmit?: () => void;
-  placeholder?: string;
-  height?: number; // lines in viewport; >1 enables multiline
-  isActive?: boolean; // when false, ignore keypresses
-  validationErrors?: string[];
-  inputWidth?: number;
-  initialCursorOffset?: number;
-}
-
-export function TextInput({
-  value,
-  onChange,
-  onSubmit,
-  placeholder,
-  height = 1,
-  isActive = true,
-  validationErrors = [],
-  inputWidth = 80,
-  initialCursorOffset,
-}: TextInputProps) {
-  const allowMultiline = height > 1;
-
-  // Stabilize onChange to avoid triggering useTextBuffer's onChange effect every render
-  const onChangeRef = useRef(onChange);
-  useEffect(() => {
-    onChangeRef.current = onChange;
-  }, [onChange]);
-  const stableOnChange = useCallback((text: string) => {
-    onChangeRef.current?.(text);
-  }, []);
-
-  const buffer = useTextBuffer({
-    initialText: value || '',
-    initialCursorOffset,
-    viewport: { height, width: inputWidth },
-    isValidPath: () => false,
-    onChange: stableOnChange,
-  });
-
-  const handleSubmit = () => {
-    if (!onSubmit) return;
-    onSubmit();
-  };
-
-  useKeypress(
-    (key: Key) => {
-      if (!buffer || !isActive) return;
-
-      // Submit on Enter
-      if (keyMatchers[Command.SUBMIT](key) || key.name === 'return') {
-        if (allowMultiline) {
-          const [row, col] = buffer.cursor;
-          const line = buffer.lines[row];
-          const charBefore = col > 0 ? cpSlice(line, col - 1, col) : '';
-          if (charBefore === '\\') {
-            buffer.backspace();
-            buffer.newline();
-          } else {
-            handleSubmit();
-          }
-        } else {
-          handleSubmit();
-        }
-        return;
-      }
-
-      // Multiline newline insertion (Shift+Enter etc.)
-      if (allowMultiline && keyMatchers[Command.NEWLINE](key)) {
-        buffer.newline();
-        return;
-      }
-
-      // Navigation helpers
-      if (keyMatchers[Command.HOME](key)) {
-        buffer.move('home');
-        return;
-      }
-      if (keyMatchers[Command.END](key)) {
-        buffer.move('end');
-        buffer.moveToOffset(cpLen(buffer.text));
-        return;
-      }
-
-      if (keyMatchers[Command.CLEAR_INPUT](key)) {
-        if (buffer.text.length > 0) buffer.setText('');
-        return;
-      }
-      if (keyMatchers[Command.KILL_LINE_RIGHT](key)) {
-        buffer.killLineRight();
-        return;
-      }
-      if (keyMatchers[Command.KILL_LINE_LEFT](key)) {
-        buffer.killLineLeft();
-        return;
-      }
-
-      if (keyMatchers[Command.OPEN_EXTERNAL_EDITOR](key)) {
-        buffer.openInExternalEditor();
-        return;
-      }
-
-      buffer.handleInput(key);
-    },
-    { isActive },
-  );
-
-  if (!buffer) return null;
-
-  const linesToRender = buffer.viewportVisualLines;
-  const [cursorVisualRowAbsolute, cursorVisualColAbsolute] =
-    buffer.visualCursor;
-  const scrollVisualRow = buffer.visualScrollRow;
-
-  return (
-    <Box flexDirection="column" gap={1}>
-      <Box>
-        <Text color={theme.text.accent}>{'> '}</Text>
-        <Box flexGrow={1} flexDirection="column">
-          {buffer.text.length === 0 && placeholder ? (
-            <Text>
-              {chalk.inverse(placeholder.slice(0, 1))}
-              <Text color={Colors.Gray}>{placeholder.slice(1)}</Text>
-            </Text>
-          ) : (
-            linesToRender.map((lineText, visualIdxInRenderedSet) => {
-              const cursorVisualRow = cursorVisualRowAbsolute - scrollVisualRow;
-              let display = cpSlice(lineText, 0, inputWidth);
-              const currentVisualWidth = stringWidth(display);
-              if (currentVisualWidth < inputWidth) {
-                display = display + ' '.repeat(inputWidth - currentVisualWidth);
-              }
-
-              if (visualIdxInRenderedSet === cursorVisualRow) {
-                const relativeVisualColForHighlight = cursorVisualColAbsolute;
-                if (relativeVisualColForHighlight >= 0) {
-                  if (relativeVisualColForHighlight < cpLen(display)) {
-                    const charToHighlight =
-                      cpSlice(
-                        display,
-                        relativeVisualColForHighlight,
-                        relativeVisualColForHighlight + 1,
-                      ) || ' ';
-                    const highlighted = chalk.inverse(charToHighlight);
-                    display =
-                      cpSlice(display, 0, relativeVisualColForHighlight) +
-                      highlighted +
-                      cpSlice(display, relativeVisualColForHighlight + 1);
-                  } else if (
-                    relativeVisualColForHighlight === cpLen(display) &&
-                    cpLen(display) === inputWidth
-                  ) {
-                    display = display + chalk.inverse(' ');
-                  }
-                }
-              }
-              return (
-                <Text key={`line-${visualIdxInRenderedSet}`}>{display}</Text>
-              );
-            })
-          )}
-        </Box>
-      </Box>
-
-      {validationErrors.length > 0 && (
-        <Box flexDirection="column">
-          {validationErrors.map((error, index) => (
-            <Text key={index} color={theme.status.error}>
-              ⚠ {error}
-            </Text>
-          ))}
-        </Box>
-      )}
-    </Box>
-  );
-}

package/packages/cli/src/ui/components/shared/__snapshots__/DescriptiveRadioButtonSelect.test.tsx.snap

@@ -1,21 +0,0 @@
-// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
-
-exports[`DescriptiveRadioButtonSelect > should render correctly with custom props 1`] = `
-"▲
-  1. Foo Title
-     This is Foo.
-● 2. Bar Title
-     This is Bar.
-  3. Baz Title
-     This is Baz.
-▼"
-`;
-
-exports[`DescriptiveRadioButtonSelect > should render correctly with default props 1`] = `
-"● Foo Title
-  This is Foo.
-  Bar Title
-  This is Bar.
-  Baz Title
-  This is Baz."
-`;

package/packages/cli/src/ui/components/shared/__snapshots__/EnumSelector.test.tsx.snap

@@ -1,9 +0,0 @@
-// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
-
-exports[`<EnumSelector /> > renders inactive state and matches snapshot 1`] = `"← 中文 (简体) →"`;
-
-exports[`<EnumSelector /> > renders with numeric options and matches snapshot 1`] = `"← Medium →"`;
-
-exports[`<EnumSelector /> > renders with single option and matches snapshot 1`] = `"  Only Option"`;
-
-exports[`<EnumSelector /> > renders with string options and matches snapshot 1`] = `"← English →"`;