1

2
<div class="caption_settings">
3
    <div class="inline-drawer">
4
        <div class="inline-drawer-toggle inline-drawer-header">
5
            <b data-i18n="Image Captioning">Image Captioning</b>
6
            <div class="inline-drawer-icon fa-solid fa-circle-chevron-down down"></div>
7
        </div>
8
        <div class="inline-drawer-content">
9
            <label for="caption_source" data-i18n="Source">Source</label>
10
            <select id="caption_source" class="text_pole">
11
                <option value="local" data-i18n="Local">Local</option>
12
                <option value="multimodal" data-i18n="Multimodal">Multimodal</option>
13
                <option value="extras" data-i18n="Extras">Extras (deprecated)</option>
14
                <option value="horde" data-i18n="Horde">Horde</option>
15
            </select>
16
            <div id="caption_multimodal_block" class="flex-container wide100p">
17
                <div class="flex1 flex-container flexFlowColumn flexNoGap">
18
                    <label for="caption_multimodal_api" data-i18n="API">API</label>
19
                    <select id="caption_multimodal_api" class="flex1 text_pole">
20
                        <option value="aimlapi">AI/ML API</option>
21
                        <option value="chutes">Chutes</option>
22
                        <option value="anthropic">Claude</option>
23
                        <option value="workers_ai">Cloudflare Workers AI</option>
24
                        <option value="cohere">Cohere</option>
25
                        <option value="custom" data-i18n="Custom (OpenAI-compatible)">Custom (OpenAI-compatible)</option>
26
                        <option value="electronhub">Electron Hub</option>
27
                        <option value="google">Google AI Studio</option>
28
                        <option value="vertexai">Google Vertex AI</option>
29
                        <option value="groq">Groq</option>
30
                        <option value="koboldcpp">KoboldCpp</option>
31
                        <option value="llamacpp">llama.cpp</option>
32
                        <option value="mistral">MistralAI</option>
33
                        <option value="moonshot">Moonshot AI</option>
34
                        <option value="nanogpt">NanoGPT</option>
35
                        <option value="ollama">Ollama</option>
36
                        <option value="openai">OpenAI</option>
37
                        <option value="openrouter">OpenRouter</option>
38
                        <option value="ooba" data-i18n="Text Generation WebUI (oobabooga)">Text Generation WebUI (oobabooga)</option>
39
                        <option value="pollinations">Pollinations</option>
40
                        <option value="vllm">vLLM</option>
41
                        <option value="xai">xAI (Grok)</option>
42
                        <option value="zai">Z.AI (GLM)</option>
43
                    </select>
44
                </div>
45
                <div class="flex1 flex-container flexFlowColumn flexNoGap">
46
                    <label for="caption_multimodal_model" class="flex-container justifySpaceBetween">
47
                        <span data-i18n="Model">Model</span>
48
                        <div id="caption_refresh_models" class="right_menu_button margin0 padding0" title="Refresh model list" data-i18n="[title]Refresh model list">
49
                            <i class="fa-solid fa-sync"></i>
50
                        </div>
51
                    </label>
52
                    <select id="caption_multimodal_model" class="flex1 text_pole">
53
                        <!-- AI/ML API, OpenRouter, Pollinations, NanoGPT, Mistral, xAI, Moonshot are added externally by JavaScript -->
54
                        <option data-type="cohere" value="c4ai-aya-vision-8b">c4ai-aya-vision-8b</option>
55
                        <option data-type="cohere" value="c4ai-aya-vision-32b">c4ai-aya-vision-32b</option>
56
                        <option data-type="cohere" value="command-a-vision-07-2025">command-a-vision-07-2025</option>
57
                        <option data-type="openai" value="gpt-5.5">gpt-5.5</option>
58
                        <option data-type="openai" value="gpt-5.5-2026-04-23">gpt-5.5-2026-04-23</option>
59
                        <option data-type="openai" value="gpt-5.4">gpt-5.4</option>
60
                        <option data-type="openai" value="gpt-5.4-2026-03-05">gpt-5.4-2026-03-05</option>
61
                        <option data-type="openai" value="gpt-5.4-mini">gpt-5.4-mini</option>
62
                        <option data-type="openai" value="gpt-5.4-mini-2026-03-17">gpt-5.4-mini-2026-03-17</option>
63
                        <option data-type="openai" value="gpt-5.4-nano">gpt-5.4-nano</option>
64
                        <option data-type="openai" value="gpt-5.4-nano-2026-03-17">gpt-5.4-nano-2026-03-17</option>
65
                        <option data-type="openai" value="gpt-5.3-chat-latest">gpt-5.3-chat-latest</option>
66
                        <option data-type="openai" value="gpt-5.2">gpt-5.2</option>
67
                        <option data-type="openai" value="gpt-5.2-2025-12-11">gpt-5.2-2025-12-11</option>
68
                        <option data-type="openai" value="gpt-5.2-chat-latest">gpt-5.2-chat-latest</option>
69
                        <option data-type="openai" value="gpt-5.1">gpt-5.1</option>
70
                        <option data-type="openai" value="gpt-5.1-2025-11-13">gpt-5.1-2025-11-13</option>
71
                        <option data-type="openai" value="gpt-5.1-chat-latest">gpt-5.1-chat-latest</option>
72
                        <option data-type="openai" value="gpt-5">gpt-5</option>
73
                        <option data-type="openai" value="gpt-5-2025-08-07">gpt-5-2025-08-07</option>
74
                        <option data-type="openai" value="gpt-5-chat-latest">gpt-5-chat-latest</option>
75
                        <option data-type="openai" value="gpt-5-mini">gpt-5-mini</option>
76
                        <option data-type="openai" value="gpt-5-mini-2025-08-07">gpt-5-mini-2025-08-07</option>
77
                        <option data-type="openai" value="gpt-5-nano">gpt-5-nano</option>
78
                        <option data-type="openai" value="gpt-5-nano-2025-08-07">gpt-5-nano-2025-08-07</option>
79
                        <option data-type="openai" value="gpt-4.1">gpt-4.1</option>
80
                        <option data-type="openai" value="gpt-4.1-2025-04-14">gpt-4.1-2025-04-14</option>
81
                        <option data-type="openai" value="gpt-4.1-mini">gpt-4.1-mini</option>
82
                        <option data-type="openai" value="gpt-4.1-mini-2025-04-14">gpt-4.1-mini-2025-04-14</option>
83
                        <option data-type="openai" value="gpt-4.1-nano">gpt-4.1-nano</option>
84
                        <option data-type="openai" value="gpt-4.1-nano-2025-04-14">gpt-4.1-nano-2025-04-14</option>
85
                        <option data-type="openai" value="gpt-4-vision-preview">gpt-4-vision-preview</option>
86
                        <option data-type="openai" value="gpt-4-turbo">gpt-4-turbo</option>
87
                        <option data-type="openai" value="gpt-4o">gpt-4o</option>
88
                        <option data-type="openai" value="gpt-4o-mini">gpt-4o-mini</option>
89
                        <option data-type="openai" value="gpt-4o-mini-2024-07-18">gpt-4o-mini-2024-07-18</option>
90
                        <option data-type="openai" value="chatgpt-4o-latest">chatgpt-4o-latest</option>
91
                        <option data-type="openai" value="o1">o1</option>
92
                        <option data-type="openai" value="o1-2024-12-17">o1-2024-12-17</option>
93
                        <option data-type="openai" value="o3">o3</option>
94
                        <option data-type="openai" value="o3-2025-04-16">o3-2025-04-16</option>
95
                        <option data-type="openai" value="o4-mini">o4-mini</option>
96
                        <option data-type="openai" value="o4-mini-2025-04-16">o4-mini-2025-04-16</option>
97
                        <option data-type="openai" value="gpt-4.5-preview">gpt-4.5-preview</option>
98
                        <option data-type="openai" value="gpt-4.5-preview-2025-02-27">gpt-4.5-preview-2025-02-27</option>
99
                        <option data-type="anthropic" value="claude-opus-4-7">claude-opus-4-7</option>
100
                        <option data-type="anthropic" value="claude-opus-4-6">claude-opus-4-6</option>
101
                        <option data-type="anthropic" value="claude-opus-4-5">claude-opus-4-5</option>
102
                        <option data-type="anthropic" value="claude-opus-4-5-20251101">claude-opus-4-5-20251101</option>
103
                        <option data-type="anthropic" value="claude-sonnet-4-6">claude-sonnet-4-6</option>
104
                        <option data-type="anthropic" value="claude-sonnet-4-5">claude-sonnet-4-5</option>
105
                        <option data-type="anthropic" value="claude-sonnet-4-5-20250929">claude-sonnet-4-5-20250929</option>
106
                        <option data-type="anthropic" value="claude-haiku-4-5">claude-haiku-4-5</option>
107
                        <option data-type="anthropic" value="claude-haiku-4-5-20251001">claude-haiku-4-5-20251001</option>
108
                        <option data-type="anthropic" value="claude-opus-4-1">claude-opus-4-1</option>
109
                        <option data-type="anthropic" value="claude-opus-4-1-20250805">claude-opus-4-1-20250805</option>
110
                        <option data-type="anthropic" value="claude-opus-4-0">claude-opus-4-0</option>
111
                        <option data-type="anthropic" value="claude-opus-4-20250514">claude-opus-4-20250514</option>
112
                        <option data-type="anthropic" value="claude-sonnet-4-0">claude-sonnet-4-0</option>
113
                        <option data-type="anthropic" value="claude-sonnet-4-20250514">claude-sonnet-4-20250514</option>
114
                        <option data-type="anthropic" value="claude-3-7-sonnet-latest">claude-3-7-sonnet-latest</option>
115
                        <option data-type="anthropic" value="claude-3-7-sonnet-20250219">claude-3-7-sonnet-20250219</option>
116
                        <option data-type="anthropic" value="claude-3-5-sonnet-latest">claude-3-5-sonnet-latest</option>
117
                        <option data-type="anthropic" value="claude-3-5-sonnet-20241022">claude-3-5-sonnet-20241022</option>
118
                        <option data-type="anthropic" value="claude-3-5-sonnet-20240620">claude-3-5-sonnet-20240620</option>
119
                        <option data-type="anthropic" value="claude-3-5-haiku-latest">claude-3-5-haiku-latest</option>
120
                        <option data-type="anthropic" value="claude-3-5-haiku-20241022">claude-3-5-haiku-20241022</option>
121
                        <option data-type="anthropic" value="claude-3-opus-20240229">claude-3-opus-20240229</option>
122
                        <option data-type="anthropic" value="claude-3-haiku-20240307">claude-3-haiku-20240307</option>
123
                        <option data-type="google" value="gemini-3.1-pro-preview">gemini-3.1-pro-preview</option>
124
                        <option data-type="google" value="gemini-3.1-flash-lite-preview">gemini-3.1-flash-lite-preview</option>
125
                        <option data-type="google" value="gemini-3.1-flash-image-preview">gemini-3.1-flash-image-preview</option>
126
                        <option data-type="google" value="gemini-3-pro-preview">gemini-3-pro-preview</option>
127
                        <option data-type="google" value="gemini-3-pro-image-preview">gemini-3-pro-image-preview</option>
128
                        <option data-type="google" value="gemini-3-flash-preview">gemini-3-flash-preview</option>
129
                        <option data-type="google" value="gemini-2.5-pro">gemini-2.5-pro</option>
130
                        <option data-type="google" value="gemini-2.5-pro-preview-06-05">gemini-2.5-pro-preview-06-05</option>
131
                        <option data-type="google" value="gemini-2.5-pro-preview-05-06">gemini-2.5-pro-preview-05-06</option>
132
                        <option data-type="google" value="gemini-2.5-pro-preview-03-25">gemini-2.5-pro-preview-03-25</option>
133
                        <option data-type="google" value="gemini-2.5-flash">gemini-2.5-flash</option>
134
                        <option data-type="google" value="gemini-2.5-flash-preview-09-2025">gemini-2.5-flash-preview-09-2025</option>
135
                        <option data-type="google" value="gemini-2.5-flash-preview-05-20">gemini-2.5-flash-preview-05-20</option>
136
                        <option data-type="google" value="gemini-2.5-flash-lite">gemini-2.5-flash-lite</option>
137
                        <option data-type="google" value="gemini-2.5-flash-lite-preview-09-2025">gemini-2.5-flash-lite-preview-09-2025</option>
138
                        <option data-type="google" value="gemini-2.5-flash-lite-preview-06-17">gemini-2.5-flash-lite-preview-06-17</option>
139
                        <option data-type="google" value="gemini-2.5-flash-image">gemini-2.5-flash-image</option>
140
                        <option data-type="google" value="gemini-2.5-flash-image-preview">gemini-2.5-flash-image-preview</option>
141
                        <option data-type="google" value="gemini-2.0-pro-exp-02-05">gemini-2.0-pro-exp-02-05 → 2.5-exp-03-25</option>
142
                        <option data-type="google" value="gemini-2.0-pro-exp">gemini-2.0-pro-exp → 2.5-exp-03-25</option>
143
                        <option data-type="google" value="gemini-exp-1206">gemini-exp-1206 → 2.5-exp-03-25</option>
144
                        <option data-type="google" value="gemini-2.0-flash-001">gemini-2.0-flash-001</option>
145
                        <option data-type="google" value="gemini-2.0-flash-exp-image-generation">gemini-2.0-flash-exp-image-generation</option>
146
                        <option data-type="google" value="gemini-2.0-flash-exp">gemini-2.0-flash-exp</option>
147
                        <option data-type="google" value="gemini-2.0-flash">gemini-2.0-flash</option>
148
                        <option data-type="google" value="gemini-2.0-flash-thinking-exp-01-21">gemini-2.0-flash-thinking-exp-01-21 → 2.5-flash-preview-5-20</option>
149
                        <option data-type="google" value="gemini-2.0-flash-thinking-exp-1219">gemini-2.0-flash-thinking-exp-1219 → 2.5-flash-preview-05-20</option>
150
                        <option data-type="google" value="gemini-2.0-flash-thinking-exp">gemini-2.0-flash-thinking-exp → 2.5-flash-preview-05-20</option>
151
                        <option data-type="google" value="gemini-2.0-flash-lite-001">gemini-2.0-flash-lite-001</option>
152
                        <option data-type="google" value="gemini-2.0-flash-lite-preview-02-05">gemini-2.0-flash-lite-preview-02-05</option>
153
                        <option data-type="google" value="gemini-2.0-flash-lite-preview">gemini-2.0-flash-lite-preview</option>
154
                        <option data-type="google" value="learnlm-2.0-flash-experimental">learnlm-2.0-flash-experimental</option>
155
                        <option data-type="google" value="gemini-robotics-er-1.5-preview">gemini-robotics-er-1.5-preview</option>
156
                        <option data-type="google" value="gemma-4-31b-it">gemma-4-31b-it</option>
157
                        <option data-type="google" value="gemma-4-26b-a4b-it">gemma-4-26b-a4b-it</option>
158
                        <option data-type="google" value="gemma-3-27b-it">gemma-3-27b-it</option>
159
                        <option data-type="google" value="gemma-3-12b-it">gemma-3-12b-it</option>
160
                        <option data-type="google" value="gemma-3-4b-it">gemma-3-4b-it</option>
161
                        <option data-type="vertexai" value="gemini-3.1-pro-preview">gemini-3.1-pro-preview</option>
162
                        <option data-type="vertexai" value="gemini-3.1-flash-lite-preview">gemini-3.1-flash-lite-preview</option>
163
                        <option data-type="vertexai" value="gemini-3.1-flash-image-preview">gemini-3.1-flash-image-preview</option>
164
                        <option data-type="vertexai" value="gemini-3-pro-preview">gemini-3-pro-preview</option>
165
                        <option data-type="vertexai" value="gemini-3-pro-image-preview">gemini-3-pro-image-preview</option>
166
                        <option data-type="vertexai" value="gemini-3-flash-preview">gemini-3-flash-preview</option>
167
                        <option data-type="vertexai" value="gemini-2.5-pro">gemini-2.5-pro</option>
168
                        <option data-type="vertexai" value="gemini-2.5-flash">gemini-2.5-flash</option>
169
                        <option data-type="vertexai" value="gemini-2.5-flash-lite">gemini-2.5-flash-lite</option>
170
                        <option data-type="vertexai" value="gemini-2.5-flash-image">gemini-2.5-flash-image</option>
171
                        <option data-type="vertexai" value="gemini-2.5-flash-image-preview">gemini-2.5-flash-image-preview</option>
172
                        <option data-type="vertexai" value="gemini-2.0-flash-001">gemini-2.0-flash-001</option>
173
                        <option data-type="vertexai" value="gemini-2.0-flash-lite-001">gemini-2.0-flash-lite-001</option>
174
                        <option data-type="groq" value="meta-llama/llama-4-scout-17b-16e-instruct">meta-llama/llama-4-scout-17b-16e-instruct</option>
175
                        <option data-type="groq" value="meta-llama/llama-4-maverick-17b-128e-instruct">meta-llama/llama-4-maverick-17b-128e-instruct</option>
176
                        <option data-type="ollama" value="ollama_current" data-i18n="currently_selected">[Currently selected]</option>
177
                        <option data-type="ollama" value="ollama_custom" data-i18n="[Custom model]">[Custom model]</option>
178
                        <option data-type="ollama" value="bakllava">bakllava</option>
179
                        <option data-type="ollama" value="llava">llava</option>
180
                        <option data-type="ollama" value="llava-llama3">llava-llama3</option>
181
                        <option data-type="ollama" value="llava-phi3">llava-phi3</option>
182
                        <option data-type="ollama" value="moondream">moondream</option>
183
                        <option data-type="ollama" value="gemma3">gemma3</option>
184
                        <option data-type="ollama" value="minicpm-v">minicpm-v</option>
185
                        <option data-type="ollama" value="qwen2.5vl">qwen2.5vl</option>
186
                        <option data-type="ollama" value="granite3.2-vision">granite3.2-vision</option>
187
                        <option data-type="ollama" value="mistral-small3.1">mistral-small3.1</option>
188
                        <option data-type="ollama" value="mistral-small3.2">mistral-small3.2</option>
189
                        <option data-type="ollama" value="llama3.2-vision">llama3.2-vision</option>
190
                        <option data-type="ollama" value="llama4">llama4</option>
191
                        <option data-type="zai" value="glm-5v-turbo">glm-5v-turbo</option>
192
                        <option data-type="zai" value="glm-4.6v">glm-4.6v</option>
193
                        <option data-type="zai" value="glm-4.6v-flashx">glm-4.6v-flashx</option>
194
                        <option data-type="zai" value="glm-4.6v-flash">glm-4.6v-flash</option>
195
                        <option data-type="zai" value="glm-4.5v">glm-4.5v</option>
196
                        <option data-type="zai" value="autoglm-phone-multilingual">autoglm-phone-multilingual</option>
197
                        <option data-type="llamacpp" value="llamacpp_current" data-i18n="currently_loaded">[Currently loaded]</option>
198
                        <option data-type="ooba" value="ooba_current" data-i18n="currently_loaded">[Currently loaded]</option>
199
                        <option data-type="koboldcpp" value="koboldcpp_current" data-i18n="currently_loaded">[Currently loaded]</option>
200
                        <option data-type="vllm" value="vllm_current" data-i18n="currently_selected">[Currently selected]</option>
201
                        <option data-type="custom" value="custom_current" data-i18n="currently_selected">[Currently selected]</option>
202
                        <option data-type="custom" value="custom_custom" data-i18n="[Custom model]">[Custom model]</option>
203
                    </select>
204
                </div>
205
                <div data-type="custom">
206
                    <label for="caption_custom_model">
207
                        <span data-i18n="Model Id">Model Id</span>
208
                        <small data-i18n="(for [Custom model] option)">(for [Custom model] option)</small>
209
                    </label>
210
                    <input id="caption_custom_model" class="text_pole" type="text" placeholder="e.g. gpt-4o" />
211
                </div>
212
                <div data-type="ollama">
213
                    <div>
214
                        The model must be downloaded first! Do it with the <code>ollama pull</code> command or <a href="#" id="caption_ollama_pull">click here</a>.
215
                    </div>
216
                    <div class="marginTop5">
217
                        <label for="caption_ollama_custom_model">
218
                            <span data-i18n="Custom Model Tag">Custom Model Tag</span>
219
                            <small data-i18n="(for [Custom model] option)">(for [Custom model] option)</small>
220
                        </label>
221
                        <input id="caption_ollama_custom_model" class="text_pole" type="text" placeholder="e.g. gemma3:latest" />
222
                    </div>
223
                </div>
224
                <label data-type="openai,anthropic,google,vertexai,mistral,xai,zai,moonshot" class="checkbox_label flexBasis100p" for="caption_allow_reverse_proxy" title="Allow using reverse proxy if defined and valid.">
225
                    <input id="caption_allow_reverse_proxy" type="checkbox" class="checkbox">
226
                    <span data-i18n="Allow reverse proxy">Allow reverse proxy</span>
227
                </label>
228
                <div class="flexBasis100p marginBot10">
229
                    <small><b data-i18n="Hint:">Hint:</b> <span data-i18n="Set your API keys and endpoints in the 'API Connections' tab first.">Set your API keys and endpoints in the 'API Connections' tab first.</span></small>
230
                </div>
231
                <div data-type="koboldcpp,ollama,vllm,llamacpp,ooba" class="flex-container flexFlowColumn wide100p">
232
                    <label for="caption_altEndpoint_enabled" class="checkbox_label">
233
                        <input id="caption_altEndpoint_enabled" type="checkbox">
234
                        <span data-i18n="Use secondary URL">Use secondary URL</span>
235
                    </label>
236
                    <label for="caption_altEndpoint_url" data-i18n="Secondary captioning endpoint URL">
237
                        Secondary captioning endpoint URL
238
                    </label>
239
                    <input id="caption_altEndpoint_url" class="text_pole" type="text" placeholder="e.g. http://localhost:5001" />
240
                </div>
241
            </div>
242
            <div id="caption_prompt_block">
243
                <label for="caption_prompt" data-i18n="Caption Prompt">Caption Prompt</label>
244
                <textarea id="caption_prompt" class="text_pole textarea_compact autoSetHeight" rows="1" placeholder="&lt; Use default &gt;">{{PROMPT_DEFAULT}}</textarea>
245
                <label class="checkbox_label margin-bot-10px" for="caption_prompt_ask" title="Ask for a custom prompt every time an image is captioned.">
246
                    <input id="caption_prompt_ask" type="checkbox" class="checkbox">
247
                    <span data-i18n="Ask every time">Ask every time</span>
248
                </label>
249
            </div>
250
            <label for="caption_template"><span data-i18n="Message Template">Message Template</span> <small><span data-i18n="(use _space">(use </span> <code>&lcub;&lcub;caption&rcub;&rcub;</code> <span data-i18n="macro)">macro)</span></small></label>
251
            <textarea id="caption_template" class="text_pole textarea_compact autoSetHeight" rows="2" placeholder="&lt; Use default &gt;">{{TEMPLATE_DEFAULT}}</textarea>
252
            <label class="checkbox_label" for="caption_auto_mode">
253
                <input id="caption_auto_mode" type="checkbox" class="checkbox">
254
                <span data-i18n="Automatically caption images">Automatically caption images</span>
255
                <i class="fa-solid fa-info-circle" title="Automatically caption images when they are pasted into the chat or attached to messages."></i>
256
            </label>
257
            <label class="checkbox_label" for="caption_refine_mode">
258
                <input id="caption_refine_mode" type="checkbox" class="checkbox">
259
                <span data-i18n="Edit captions before saving">Edit captions before saving</span>
260
            </label>
261
            <label class="checkbox_label" for="caption_show_in_chat">
262
                <input id="caption_show_in_chat" type="checkbox" class="checkbox">
263
                <span data-i18n="Show captions in chat">Show captions in chat</span>
264
            </label>
265
            <div class="margin-bot-10px"></div>
266
        </div>
267
    </div>
268
</div>