e5f3fb0892
* wip agent builder * refactor structure for agent builder * improve ui for add block menu and sidebar * lint * node ui improvement * handle deleting variable in all nodes * add headers and body to apiCall node * lint * Agent flow builder backend (#3078) * wip agent builder backend * save/load agent tasks * lint * refactor agent task to use uuids instead of names * placeholder for run task * update frontend sidebar + seperate backend to agent-tasks utils * lint * add deleting of agent tasks * create AgentTasks class + wip load agent tasks into aibitat * lint * inject + call agent tasks * wip call agent tasks * add llm instruction + fix api calling blocks * add ui + backend for editing/toggling agent tasks * lint * add back middlewares * disable run task + add navigate to home on logo click * implement normalizePath to prevent path traversal * wip make api calling more consistent * lint * rename all references from task to flow * patch load flow bug when on editing page * remove unneeded files/comments * lint * fix delete endpoint + rename load flows * add move block to ui + fix api-call backend + add telemetry * lint * add web scraping block * only allow admin for agent builder --------- Co-authored-by: timothycarambat <rambat1010@gmail.com> * Move AgentFlowManager flows to static simplify UI states Handle LLM prompt flow when provided non-string * delete/edit menu for agent flow panel + update flow icon * lint * fix open builder button hidden bug * add tooltips to move up/down block buttons * add tooltip to delete block * truncate block description to fit on blocklist component * light mode agent builder sidebar * light mode api call block * fix light mode styles for agent builder blocks * agent flow fetch in UI * sync delete flow * agent flow ui/ux improvements * remove unused AgentSidebar component * comment out /run * UI changes and updates for flow builder * format flow panel info * update link handling * ui tweaks to header menu * remove unused import * update doc links update block icons * bump readme * Patch code block header oddity resolves #3117 * bump dev image --------- Co-authored-by: Timothy Carambat <rambat1010@gmail.com>
53 lines
1.5 KiB
JavaScript
53 lines
1.5 KiB
JavaScript
import React from "react";
|
|
|
|
export default function LLMInstructionNode({
|
|
config,
|
|
onConfigChange,
|
|
renderVariableSelect,
|
|
}) {
|
|
return (
|
|
<div className="space-y-4">
|
|
<div>
|
|
<label className="block text-sm font-medium text-theme-text-primary mb-2">
|
|
Input Variable
|
|
</label>
|
|
{renderVariableSelect(
|
|
config.inputVariable,
|
|
(value) => onConfigChange({ ...config, inputVariable: value }),
|
|
"Select input variable"
|
|
)}
|
|
</div>
|
|
|
|
<div>
|
|
<label className="block text-sm font-medium text-theme-text-primary mb-2">
|
|
Instruction
|
|
</label>
|
|
<textarea
|
|
value={config?.instruction || ""}
|
|
onChange={(e) =>
|
|
onConfigChange({
|
|
...config,
|
|
instruction: e.target.value,
|
|
})
|
|
}
|
|
className="w-full border-none bg-theme-settings-input-bg text-theme-text-primary placeholder:text-theme-settings-input-placeholder text-sm rounded-lg focus:outline-primary-button active:outline-primary-button outline-none p-2.5"
|
|
rows={3}
|
|
placeholder="Enter instructions for the LLM..."
|
|
/>
|
|
</div>
|
|
|
|
<div>
|
|
<label className="block text-sm font-medium text-theme-text-primary mb-2">
|
|
Result Variable
|
|
</label>
|
|
{renderVariableSelect(
|
|
config.resultVariable,
|
|
(value) => onConfigChange({ ...config, resultVariable: value }),
|
|
"Select or create variable",
|
|
true
|
|
)}
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|