File size: 1,484 Bytes
cc1ccff
41c0d09
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
export default function ChatSettings({ settings, setSettings }) {
  return (
    <div style={{ display: "flex", flexDirection: "column", gap: "16px" }}>
      <input
        type="text"
        value={settings.system}
        onChange={(e) => setSettings({ ...settings, system: e.target.value })}
        placeholder="System prompt (e.g. You are a helpful assistant)"
        style={{ padding: "10px", fontSize: "16px" }}
      />

      <label>
        Temperature: {settings.temperature}
        <input
          type="range"
          min="0"
          max="2"
          step="0.1"
          value={settings.temperature}
          onChange={(e) =>
            setSettings({
              ...settings,
              temperature: parseFloat(e.target.value),
            })
          }
        />
      </label>

      <label>
        Top-p: {settings.top_p}
        <input
          type="range"
          min="0"
          max="1"
          step="0.05"
          value={settings.top_p}
          onChange={(e) =>
            setSettings({ ...settings, top_p: parseFloat(e.target.value) })
          }
        />
      </label>

      <label>
        Max tokens: {settings.max_tokens}
        <input
          type="range"
          min="50"
          max="1024"
          step="50"
          value={settings.max_tokens}
          onChange={(e) =>
            setSettings({ ...settings, max_tokens: parseInt(e.target.value) })
          }
        />
      </label>
    </div>
  );
}