Function AISettingTabs

src/renderer/pages/Pile/Settings/AISettingsTabs/index.jsx:12–222

({ APIkey, setCurrentKey })

import { useIndexContext } from 'renderer/context/IndexContext';

export default function AISettingTabs({ APIkey, setCurrentKey }) {
  const {
    prompt,
    setPrompt,
    updateSettings,
    setBaseUrl,
    getKey,
    setKey,
    deleteKey,
    model,
    setModel,
    embeddingModel,
    setEmbeddingModel,
    ollama,
    baseUrl,
    pileAIProvider,
    setPileAIProvider,
  } = useAIContext();

  const { currentTheme, setTheme } = usePilesContext();

  const handleTabChange = (newValue) => {
    setPileAIProvider(newValue);
  };

  const handleInputChange = (setter) => (e) => setter(e.target.value);

  const renderThemes = () => {
    return Object.entries(availableThemes).map(([theme, colors]) => (
      <button
        key={`theme-${theme}`}
        className={`${styles.theme} ${
          currentTheme === theme ? styles.current : ''
        }`}
        onClick={() => setTheme(theme)}
      >
        <div
          className={styles.color1}
          style={{ background: colors.primary }}
        ></div>
      </button>
    ));
  };

  return (
    <Tabs.Root
      className={styles.tabsRoot}
      defaultValue="openai"
      value={pileAIProvider}
      onValueChange={handleTabChange}
    >
      <Tabs.List className={styles.tabsList} aria-label="Manage your account">
        <Tabs.Trigger
          className={`${styles.tabsTrigger} ${
            pileAIProvider === 'ollama' ? styles.activeCenter : ''
          } ${pileAIProvider === 'openai' ? styles.activeRight : ''}`}
          value="subscription"
        >