feat(cli): Add /model command for interactive model selection (#8940)

Co-authored-by: Miguel Solorio <miguel.solorio07@gmail.com>
2026-06-14 21:37:20 -07:00 · 2025-09-23 12:50:09 -04:00
parent 6a7efa2dd1
commit 53fab4a278
19 changed files with 743 additions and 1 deletions
@@ -0,0 +1,86 @@
+/**
+ * @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 {
+  DescriptiveRadioButtonSelect,
+  type DescriptiveRadioSelectItem,
+  type DescriptiveRadioButtonSelectProps,
+} from './DescriptiveRadioButtonSelect.js';
+
+vi.mock('./BaseSelectionList.js', async (importOriginal) => {
+  const actual =
+    await importOriginal<typeof import('./BaseSelectionList.js')>();
+  return {
+    ...actual,
+    BaseSelectionList: vi.fn(({ children, ...props }) => (
+      <actual.BaseSelectionList {...props}>{children}</actual.BaseSelectionList>
+    )),
+  };
+});
+
+vi.mock('../../semantic-colors.js', () => ({
+  theme: {
+    text: {
+      primary: 'COLOR_PRIMARY',
+      secondary: 'COLOR_SECONDARY',
+    },
+    status: {
+      success: 'COLOR_SUCCESS',
+    },
+  },
+}));
+
+describe('DescriptiveRadioButtonSelect', () => {
+  const mockOnSelect = vi.fn();
+  const mockOnHighlight = vi.fn();
+
+  const ITEMS: Array<DescriptiveRadioSelectItem<string>> = [
+    { title: 'Foo Title', description: 'This is Foo.', value: 'foo' },
+    { title: 'Bar Title', description: 'This is Bar.', value: 'bar' },
+    {
+      title: 'Baz Title',
+      description: 'This is Baz.',
+      value: 'baz',
+      disabled: true,
+    },
+  ];
+
+  const renderComponent = (
+    props: Partial<DescriptiveRadioButtonSelectProps<string>> = {},
+  ) => {
+    const defaultProps: DescriptiveRadioButtonSelectProps<string> = {
+      items: ITEMS,
+      onSelect: mockOnSelect,
+      ...props,
+    };
+    return renderWithProviders(
+      <DescriptiveRadioButtonSelect {...defaultProps} />,
+    );
+  };
+
+  beforeEach(() => {
+    vi.clearAllMocks();
+  });
+
+  it('should render correctly with default props', () => {
+    const { lastFrame } = renderComponent();
+    expect(lastFrame()).toMatchSnapshot();
+  });
+
+  it('should render correctly with custom props', () => {
+    const { lastFrame } = renderComponent({
+      initialIndex: 1,
+      isFocused: false,
+      showScrollArrows: true,
+      maxItemsToShow: 5,
+      showNumbers: true,
+      onHighlight: mockOnHighlight,
+    });
+    expect(lastFrame()).toMatchSnapshot();
+  });
+});