add reasoning effort level

Author: Jicheng Lu

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-knowledge-base.svelte

@@ -87,9 +87,9 @@
         const found = innerKnowledgeBases.find((_, index) => index === idx);
         if (!found) return;
         
-        const vals = e.target.value.split("#");
-        found.name = vals[0];
-        found.type = vals[1];
+        const val = JSON.parse(e.target.value);
+        found.name = val?.name;
+        found.type = val?.type;
         innerRefresh(innerKnowledgeBases);
         handleAgentChange();
     }
@@ -219,7 +219,7 @@
                                     on:change={e => changeKnowledgeBase(e, uid)}
                                 >
                                     {#each [...knowledgeBaseOptions] as option}
-                                        <option value={`${option.name}#${option.type}`} selected={option.name == knowledge.name}>
+                                        <option value={`${JSON.stringify(option)}`} selected={option.name == knowledge.name}>
                                             {option.displayName || option.name}
                                         </option>
                                     {/each}

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

@@ -99,6 +99,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');
@@ -174,5 +180,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>