Function selectModel

tests/ui/agents/thinkingPersistence.test.ts:39–101

(
  container: HTMLElement,
  workspaceId: string,
  model: string
)

}

async function selectModel(
  container: HTMLElement,
  workspaceId: string,
  model: string
): Promise<void> {
  const input = await openModelSelector(container);

  const user = userEvent.setup({ document: container.ownerDocument });
  await user.clear(input);
  await user.type(input, model);

  const modelName = model.split(":")[1] ?? model;
  const modelDisplayName = formatModelDisplayName(modelName);

  const option = await waitFor(() => {
    const match = within(container).getByText(modelDisplayName);
    if (!match) {
      throw new Error("Model option not found");
    }
    return match;
  });

  fireEvent.click(option);

  await waitFor(() => {
    const persisted = readPersistedState(getModelKey(workspaceId), "");
    if (persisted !== model) {
      throw new Error(`Expected model ${model} but got ${persisted}`);
    }
  });

  // Wait for the UI to reflect the new model. This guards against race conditions
  // where backend metadata updates can temporarily revert localStorage (and thus
  // the displayed model) when switching models rapidly.
  // Use the exact display name that the UI will show.
  const expectedDisplayName = modelDisplayName.toLowerCase();
  await waitFor(
    () => {
      const modelGroup = container.querySelector('[data-component="ModelSelectorGroup"]');
      const displayedModel = (modelGroup?.textContent ?? "").toLowerCase();
      if (!displayedModel.includes(expectedDisplayName)) {
        throw new Error(
          `Waiting for UI to show "${expectedDisplayName}", currently shows "${displayedModel}"`
        );
      }
    },
    { timeout: 3000 }
  );

  // Wait for UI to stabilize - ensure thinking controls are present and not in flux.
  // Backend metadata updates can cause re-renders; waiting for a stable state
  // prevents races when the test immediately interacts with thinking controls.
  await waitFor(
    () => {
      const group = container.querySelector('[data-component="ThinkingSliderGroup"]');
      const thinkingLabel = group?.querySelector("[data-thinking-label]");
      if (!thinkingLabel?.textContent) {
        throw new Error("Waiting for thinking controls to stabilize");