TTSConfigList (components/tts-config.tsx)

Renders a settings list for TTS configuration, allowing users to enable, select engine, model, voice, and speed.

// Source: https://github.com/ChatGPTNextWeb/NextChat | License: MIT | Copyright 2023-2025 NextChat
// Provided via justclaw.it.com; keep this notice with the code.
import { TTSConfig, TTSConfigValidator } from "../store";

import Locale from "../locales";
import { ListItem, Select } from "./ui-lib";
import {
  DEFAULT_TTS_ENGINE,
  DEFAULT_TTS_ENGINES,
  DEFAULT_TTS_MODELS,
  DEFAULT_TTS_VOICES,
} from "../constant";
import { InputRange } from "./input-range";

export function TTSConfigList(props: {
  ttsConfig: TTSConfig;
  updateConfig: (updater: (config: TTSConfig) => void) => void;
}) {
  return (
    <>
      <ListItem
        title={Locale.Settings.TTS.Enable.Title}
        subTitle={Locale.Settings.TTS.Enable.SubTitle}
      >
        <input
          type="checkbox"
          chec

... (truncated -- full source via MCP)