178 lines
7.6 KiB
HTML
178 lines
7.6 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<title>AI Filter Options</title>
|
|
<link rel="stylesheet" href="bulma.css">
|
|
<style>
|
|
:root {
|
|
--bulma-primary-h: 205deg;
|
|
--bulma-primary-s: 91%;
|
|
--bulma-primary-l: 57%;
|
|
--bulma-link-h: 205deg;
|
|
--bulma-link-s: 91%;
|
|
--bulma-link-l: 48%;
|
|
--bulma-info-h: 199deg;
|
|
--bulma-info-s: 44%;
|
|
--bulma-info-l: 82%;
|
|
--bulma-success-h: 145deg;
|
|
--bulma-success-s: 25%;
|
|
--bulma-success-l: 68%;
|
|
--bulma-warning-h: 44deg;
|
|
--bulma-warning-s: 86%;
|
|
--bulma-warning-l: 70%;
|
|
--bulma-danger-h: 0deg;
|
|
--bulma-danger-s: 49%;
|
|
--bulma-scheme-h: 200;
|
|
--bulma-scheme-s: 25%;
|
|
}
|
|
|
|
.tag {
|
|
--bulma-tag-h: 318;
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<section class="section">
|
|
<div class="container" id="options-container">
|
|
<figure class="has-text-centered mb-4">
|
|
<img src="../resources/img/full-logo.png" alt="AI Filter Logo" style="max-height:40px;">
|
|
</figure>
|
|
|
|
<div class="level mb-4">
|
|
<div class="level-left">
|
|
<div class="tabs" id="main-tabs">
|
|
<ul>
|
|
<li class="is-active" data-tab="settings"><a>Settings</a></li>
|
|
<li data-tab="rules"><a>Rules</a></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
<div class="level-right">
|
|
<button class="button is-primary" id="save" disabled>Save</button>
|
|
</div>
|
|
</div>
|
|
|
|
<div id="settings-tab" class="tab-content">
|
|
<div class="field">
|
|
<label class="label" for="endpoint">Endpoint</label>
|
|
<div class="control">
|
|
<input class="input" type="text" id="endpoint" placeholder="https://api.example.com">
|
|
</div>
|
|
</div>
|
|
|
|
<div class="field">
|
|
<label class="label" for="template">Prompt template</label>
|
|
<div class="control">
|
|
<div class="select is-fullwidth">
|
|
<select id="template"></select>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div id="custom-template-container" class="field is-hidden">
|
|
<label class="label">Custom template</label>
|
|
<div class="control">
|
|
<textarea class="textarea" id="custom-template" rows="6" placeholder="Enter your custom template here..."></textarea>
|
|
</div>
|
|
<p class="help">Placeholders: {{system}}, {{email}}, {{query}}</p>
|
|
</div>
|
|
|
|
<div class="field">
|
|
<label class="label" for="system-instructions">System instructions</label>
|
|
<div class="control">
|
|
<textarea class="textarea" id="system-instructions" rows="4" placeholder="Enter system instructions..."></textarea>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="buttons">
|
|
<button class="button is-danger" id="reset-system">Reset to default</button>
|
|
<button class="button" id="toggle-advanced" type="button">Advanced</button>
|
|
</div>
|
|
|
|
<div id="advanced-options" class="mt-4 is-hidden">
|
|
<div class="field">
|
|
<label class="checkbox">
|
|
<input type="checkbox" id="debug-logging"> Enable debug logging
|
|
</label>
|
|
</div>
|
|
<div class="field">
|
|
<label class="label" for="max_tokens">Max tokens</label>
|
|
<div class="control">
|
|
<input class="input" type="number" id="max_tokens">
|
|
</div>
|
|
</div>
|
|
<div class="field">
|
|
<label class="label" for="temperature">Temperature</label>
|
|
<div class="control">
|
|
<input class="input" type="number" step="0.01" id="temperature">
|
|
</div>
|
|
</div>
|
|
<div class="field">
|
|
<label class="label" for="top_p">Top P</label>
|
|
<div class="control">
|
|
<input class="input" type="number" step="0.01" id="top_p">
|
|
</div>
|
|
</div>
|
|
<div class="field">
|
|
<label class="label" for="seed">Seed</label>
|
|
<div class="control">
|
|
<input class="input" type="number" id="seed">
|
|
</div>
|
|
</div>
|
|
<div class="field">
|
|
<label class="label" for="repetition_penalty">Repetition penalty</label>
|
|
<div class="control">
|
|
<input class="input" type="number" step="0.01" id="repetition_penalty">
|
|
</div>
|
|
</div>
|
|
<div class="field">
|
|
<label class="label" for="top_k">Top K</label>
|
|
<div class="control">
|
|
<input class="input" type="number" id="top_k">
|
|
</div>
|
|
</div>
|
|
<div class="field">
|
|
<label class="label" for="min_p">Min P</label>
|
|
<div class="control">
|
|
<input class="input" type="number" step="0.01" id="min_p">
|
|
</div>
|
|
</div>
|
|
<div class="field">
|
|
<label class="label" for="presence_penalty">Presence penalty</label>
|
|
<div class="control">
|
|
<input class="input" type="number" step="0.01" id="presence_penalty">
|
|
</div>
|
|
</div>
|
|
<div class="field">
|
|
<label class="label" for="frequency_penalty">Frequency penalty</label>
|
|
<div class="control">
|
|
<input class="input" type="number" step="0.01" id="frequency_penalty">
|
|
</div>
|
|
</div>
|
|
<div class="field">
|
|
<label class="label" for="typical_p">Typical P</label>
|
|
<div class="control">
|
|
<input class="input" type="number" step="0.01" id="typical_p">
|
|
</div>
|
|
</div>
|
|
<div class="field">
|
|
<label class="label" for="tfs">TFS</label>
|
|
<div class="control">
|
|
<input class="input" type="number" step="0.01" id="tfs">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div id="rules-tab" class="tab-content is-hidden">
|
|
<h2 class="title is-4">Classification Rules</h2>
|
|
<div id="rules-container"></div>
|
|
<button class="button is-link" id="add-rule" type="button">Add Rule</button>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<script src="options.js"></script>
|
|
</body>
|
|
</html>
|