42 lines
2.2 KiB
HTML
42 lines
2.2 KiB
HTML
<div data-bind="template: { name: 'PluginLLMPromptsSettings' }"></div>
|
|
|
|
<script type="text/html" id="PluginLLMPromptsSettings">
|
|
<div class="panel-heading">
|
|
<h2 class="panel-title">LLM Email Writing Prompts (Grok 3)</h2>
|
|
</div>
|
|
<div class="panel-body">
|
|
<div class="form-group">
|
|
<label for="grok3ApiKey">Grok 3 API Key</label>
|
|
<input type="password" class="form-control" id="grok3ApiKey" data-bind="textInput: grok3_api_key" placeholder="Enter your xAI Grok 3 API key">
|
|
<small class="form-text text-muted">Get your API key at <a href="https://x.ai/api" target="_blank">xAI API</a>.</small>
|
|
</div>
|
|
<div class="form-group">
|
|
<label for="selectedModel">Model Selection</label>
|
|
<select class="form-control" id="selectedModel" data-bind="value: selected_model">
|
|
<option value="grok-3">Grok 3</option>
|
|
<option value="grok-3-mini">Grok 3 Mini</option>
|
|
</select>
|
|
</div>
|
|
<div class="form-group">
|
|
<div class="checkbox">
|
|
<input type="checkbox" id="enableContextAnalysis" data-bind="checked: enable_context_analysis">
|
|
<label for="enableContextAnalysis">Enable Context Analysis (analyze email content for better suggestions)</label>
|
|
</div>
|
|
</div>
|
|
<div class="form-group">
|
|
<label>Custom Prompts</label>
|
|
<div data-bind="foreach: custom_prompts">
|
|
<div class="input-group mb-2">
|
|
<input type="text" class="form-control" data-bind="textInput: $data" placeholder="Enter custom prompt">
|
|
<div class="input-group-append">
|
|
<button class="btn btn-danger" type="button" data-bind="click: $parent.removeCustomPrompt.bind($parent, $index())">Remove</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<button class="btn btn-secondary" data-bind="click: addCustomPrompt">Add Custom Prompt</button>
|
|
</div>
|
|
</div>
|
|
<div class="panel-footer">
|
|
<button type="submit" class="btn btn-primary" data-bind="click: save">Save Changes</button>
|
|
</div>
|
|
</script> |