add reasoning effort level

Author: Jicheng Lu

src/lib/helpers/enums.js

@@ -185,4 +185,11 @@ const llmModelType = {
     Embedding: 4,
     Audio: 5
 };
-export const LlmModelType = Object.freeze(llmModelType);
+export const LlmModelType = Object.freeze(llmModelType);
+
+const reasoningEffortLevel = {
+    Low: "low",
+    Medium: "medium",
+    High: "high"
+};
+export const ReasoningEffortLevel = Object.freeze(reasoningEffortLevel);

src/lib/helpers/types/agentTypes.js

@@ -17,6 +17,7 @@
  * @property {string?} model
  * @property {number} max_recursion_depth
  * @property {number?} [max_output_tokens]
+ * @property {string?} [reasoning_effort_level]
  */
 
 

src/routes/page/agent/[agentId]/agent-components/agent-llm-config.svelte

@@ -3,6 +3,7 @@
     import { Card, CardBody, Input } from '@sveltestrap/sveltestrap';
     import { getLlmProviders, getLlmProviderModels } from '$lib/services/llm-provider-service';
 	import { INTEGER_REGEX } from '$lib/helpers/constants';
+	import { ReasoningEffortLevel } from '$lib/helpers/enums';
     
     /** @type {import('$agentTypes').AgentModel} */
     export let agent;
@@ -18,6 +19,14 @@
     }
 
     const recursiveDepthLowerLimit = 1;
+    /** @type {import('$commonTypes').LabelValuePair[]} */
+	const reasonLevelOptions = [
+        { value: '', label: '' },
+        ...Object.entries(ReasoningEffortLevel).map(([k, v]) => ({
+            value: v,
+            label: v
+        }))
+    ];
 
     let config = agent.llm_config;
 
@@ -89,6 +98,12 @@
         handleAgentChange();
     }
 
+    /** @param {any} e */
+    function changeReasoningEffortLevel(e) {
+        config.reasoning_effort_level = e.target.value || null;
+        handleAgentChange();
+    }
+
     /** @param {any} e */
     function validateIntegerInput(e) {
         const reg = new RegExp(INTEGER_REGEX, 'g');
@@ -164,5 +179,20 @@
                 />
             </div>
         </div>
+
+        <div class="mb-3 row">
+            <label for="example-text-input" class="col-md-3 col-form-label">
+                Reasoning level
+            </label>
+            <div class="col-md-9">
+                <Input type="select" value={config.reasoning_effort_level} on:change={e => changeReasoningEffortLevel(e)}>
+                    {#each reasonLevelOptions as option}
+                        <option value={option.value} selected={option.value == config.reasoning_effort_level}>
+                            {option.label}
+                        </option>
+                    {/each}
+                </Input>
+            </div>
+        </div>
     </CardBody>
 </Card>