@datatechsolutions/ui 2.7.114 → 2.7.115
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/workflow/index.d.mts +40 -19
- package/dist/workflow/index.d.ts +40 -19
- package/dist/workflow/index.js +149 -86
- package/dist/workflow/index.js.map +1 -1
- package/dist/workflow/index.mjs +149 -87
- package/dist/workflow/index.mjs.map +1 -1
- package/dist/workflow/workflow-canvas.js +117 -62
- package/dist/workflow/workflow-canvas.js.map +1 -1
- package/dist/workflow/workflow-canvas.mjs +117 -62
- package/dist/workflow/workflow-canvas.mjs.map +1 -1
- package/package.json +1 -1
package/dist/workflow/index.mjs
CHANGED
|
@@ -254,6 +254,48 @@ var useWorkflowStore = create((set, get) => ({
|
|
|
254
254
|
});
|
|
255
255
|
}
|
|
256
256
|
}));
|
|
257
|
+
var useDrawerStore = create((set) => ({
|
|
258
|
+
activeDrawer: null,
|
|
259
|
+
agentData: null,
|
|
260
|
+
subworkflowData: null,
|
|
261
|
+
logicNodeData: null,
|
|
262
|
+
pipelineSettingsData: null,
|
|
263
|
+
openAgentDrawer: (agent, models, isCreateMode = false) => set({
|
|
264
|
+
activeDrawer: "agent",
|
|
265
|
+
agentData: { agent, models, isCreateMode },
|
|
266
|
+
subworkflowData: null,
|
|
267
|
+
logicNodeData: null,
|
|
268
|
+
pipelineSettingsData: null
|
|
269
|
+
}),
|
|
270
|
+
openSubworkflowDrawer: (tool) => set({
|
|
271
|
+
activeDrawer: "subworkflow",
|
|
272
|
+
subworkflowData: { tool },
|
|
273
|
+
agentData: null,
|
|
274
|
+
logicNodeData: null,
|
|
275
|
+
pipelineSettingsData: null
|
|
276
|
+
}),
|
|
277
|
+
openLogicNodeDrawer: (nodeId, nodeLabel, config) => set({
|
|
278
|
+
activeDrawer: "logic-node",
|
|
279
|
+
logicNodeData: { nodeId, nodeLabel, config },
|
|
280
|
+
agentData: null,
|
|
281
|
+
subworkflowData: null,
|
|
282
|
+
pipelineSettingsData: null
|
|
283
|
+
}),
|
|
284
|
+
openPipelineSettingsDrawer: (name, description) => set({
|
|
285
|
+
activeDrawer: "pipeline-settings",
|
|
286
|
+
pipelineSettingsData: { name, description },
|
|
287
|
+
agentData: null,
|
|
288
|
+
subworkflowData: null,
|
|
289
|
+
logicNodeData: null
|
|
290
|
+
}),
|
|
291
|
+
closeDrawer: () => set({
|
|
292
|
+
activeDrawer: null,
|
|
293
|
+
agentData: null,
|
|
294
|
+
subworkflowData: null,
|
|
295
|
+
logicNodeData: null,
|
|
296
|
+
pipelineSettingsData: null
|
|
297
|
+
})
|
|
298
|
+
}));
|
|
257
299
|
var GRAPH_ACTIVE_EDGE_COLOR = "#14b8a6";
|
|
258
300
|
var GRAPH_TRUE_EDGE_COLOR = "#22c55e";
|
|
259
301
|
var GRAPH_FALSE_EDGE_COLOR = "#ef4444";
|
|
@@ -8310,8 +8352,15 @@ var NODE_TITLE_KEYS = {
|
|
|
8310
8352
|
entity: "entityNodeConfig",
|
|
8311
8353
|
group: "groupNodeConfig"
|
|
8312
8354
|
};
|
|
8313
|
-
function LogicNodeDrawer({
|
|
8355
|
+
function LogicNodeDrawer({ onSave, entities = [] }) {
|
|
8314
8356
|
const t = useTranslations("agents.workflow");
|
|
8357
|
+
const activeDrawer = useDrawerStore((s) => s.activeDrawer);
|
|
8358
|
+
const logicNodeData = useDrawerStore((s) => s.logicNodeData);
|
|
8359
|
+
const closeDrawer = useDrawerStore((s) => s.closeDrawer);
|
|
8360
|
+
const open = activeDrawer === "logic-node";
|
|
8361
|
+
const nodeId = logicNodeData?.nodeId ?? null;
|
|
8362
|
+
const nodeLabel = logicNodeData?.nodeLabel ?? "";
|
|
8363
|
+
const config = logicNodeData?.config ?? null;
|
|
8315
8364
|
if (!config || !nodeId) return null;
|
|
8316
8365
|
const entityMasterId = config.type === "entity" ? config.entityMasterId : void 0;
|
|
8317
8366
|
const IconComponent = entityMasterId ? getEntityIcon(entityMasterId) : LOGIC_ICON_MAP[config.type];
|
|
@@ -8324,41 +8373,41 @@ function LogicNodeDrawer({ nodeId, nodeLabel, config, open, onClose, onSave, ent
|
|
|
8324
8373
|
const renderForm = () => {
|
|
8325
8374
|
switch (config.type) {
|
|
8326
8375
|
case "start":
|
|
8327
|
-
return /* @__PURE__ */ jsx(StartNodeConfigForm, { config, onSave: handleSave, onCancel:
|
|
8376
|
+
return /* @__PURE__ */ jsx(StartNodeConfigForm, { config, onSave: handleSave, onCancel: closeDrawer });
|
|
8328
8377
|
case "end":
|
|
8329
|
-
return /* @__PURE__ */ jsx(EndNodeConfigForm, { config, onSave: handleSave, onCancel:
|
|
8378
|
+
return /* @__PURE__ */ jsx(EndNodeConfigForm, { config, onSave: handleSave, onCancel: closeDrawer });
|
|
8330
8379
|
case "if_else":
|
|
8331
|
-
return /* @__PURE__ */ jsx(IfElseNodeConfigForm, { config, onSave: handleSave, onCancel:
|
|
8380
|
+
return /* @__PURE__ */ jsx(IfElseNodeConfigForm, { config, onSave: handleSave, onCancel: closeDrawer });
|
|
8332
8381
|
case "code":
|
|
8333
|
-
return /* @__PURE__ */ jsx(CodeNodeConfigForm, { config, onSave: handleSave, onCancel:
|
|
8382
|
+
return /* @__PURE__ */ jsx(CodeNodeConfigForm, { config, onSave: handleSave, onCancel: closeDrawer });
|
|
8334
8383
|
case "http_request":
|
|
8335
|
-
return /* @__PURE__ */ jsx(HttpRequestNodeConfigForm, { config, onSave: handleSave, onCancel:
|
|
8384
|
+
return /* @__PURE__ */ jsx(HttpRequestNodeConfigForm, { config, onSave: handleSave, onCancel: closeDrawer });
|
|
8336
8385
|
case "template_transform":
|
|
8337
|
-
return /* @__PURE__ */ jsx(TemplateTransformNodeConfigForm, { config, onSave: handleSave, onCancel:
|
|
8386
|
+
return /* @__PURE__ */ jsx(TemplateTransformNodeConfigForm, { config, onSave: handleSave, onCancel: closeDrawer });
|
|
8338
8387
|
case "iteration":
|
|
8339
|
-
return /* @__PURE__ */ jsx(IterationNodeConfigForm, { config, onSave: handleSave, onCancel:
|
|
8388
|
+
return /* @__PURE__ */ jsx(IterationNodeConfigForm, { config, onSave: handleSave, onCancel: closeDrawer });
|
|
8340
8389
|
case "knowledge_base":
|
|
8341
|
-
return /* @__PURE__ */ jsx(KnowledgeBaseNodeConfigForm, { config, onSave: handleSave, onCancel:
|
|
8390
|
+
return /* @__PURE__ */ jsx(KnowledgeBaseNodeConfigForm, { config, onSave: handleSave, onCancel: closeDrawer });
|
|
8342
8391
|
case "answer":
|
|
8343
|
-
return /* @__PURE__ */ jsx(AnswerNodeConfigForm, { config, onSave: handleSave, onCancel:
|
|
8392
|
+
return /* @__PURE__ */ jsx(AnswerNodeConfigForm, { config, onSave: handleSave, onCancel: closeDrawer });
|
|
8344
8393
|
case "question_classifier":
|
|
8345
|
-
return /* @__PURE__ */ jsx(QuestionClassifierNodeConfigForm, { config, onSave: handleSave, onCancel:
|
|
8394
|
+
return /* @__PURE__ */ jsx(QuestionClassifierNodeConfigForm, { config, onSave: handleSave, onCancel: closeDrawer });
|
|
8346
8395
|
case "parameter_extractor":
|
|
8347
|
-
return /* @__PURE__ */ jsx(ParameterExtractorNodeConfigForm, { config, onSave: handleSave, onCancel:
|
|
8396
|
+
return /* @__PURE__ */ jsx(ParameterExtractorNodeConfigForm, { config, onSave: handleSave, onCancel: closeDrawer });
|
|
8348
8397
|
case "variable_assigner":
|
|
8349
|
-
return /* @__PURE__ */ jsx(VariableAssignerNodeConfigForm, { config, onSave: handleSave, onCancel:
|
|
8398
|
+
return /* @__PURE__ */ jsx(VariableAssignerNodeConfigForm, { config, onSave: handleSave, onCancel: closeDrawer });
|
|
8350
8399
|
case "variable_aggregator":
|
|
8351
|
-
return /* @__PURE__ */ jsx(VariableAggregatorNodeConfigForm, { config, onSave: handleSave, onCancel:
|
|
8400
|
+
return /* @__PURE__ */ jsx(VariableAggregatorNodeConfigForm, { config, onSave: handleSave, onCancel: closeDrawer });
|
|
8352
8401
|
case "document_extractor":
|
|
8353
|
-
return /* @__PURE__ */ jsx(DocumentExtractorNodeConfigForm, { config, onSave: handleSave, onCancel:
|
|
8402
|
+
return /* @__PURE__ */ jsx(DocumentExtractorNodeConfigForm, { config, onSave: handleSave, onCancel: closeDrawer });
|
|
8354
8403
|
case "list_operator":
|
|
8355
|
-
return /* @__PURE__ */ jsx(ListOperatorNodeConfigForm, { config, onSave: handleSave, onCancel:
|
|
8404
|
+
return /* @__PURE__ */ jsx(ListOperatorNodeConfigForm, { config, onSave: handleSave, onCancel: closeDrawer });
|
|
8356
8405
|
case "iteration_start":
|
|
8357
|
-
return /* @__PURE__ */ jsx(IterationStartNodeConfigForm, { config, onSave: handleSave, onCancel:
|
|
8406
|
+
return /* @__PURE__ */ jsx(IterationStartNodeConfigForm, { config, onSave: handleSave, onCancel: closeDrawer });
|
|
8358
8407
|
case "entity":
|
|
8359
|
-
return /* @__PURE__ */ jsx(EntityNodeConfigForm, { config, entities, onSave: handleSave, onCancel:
|
|
8408
|
+
return /* @__PURE__ */ jsx(EntityNodeConfigForm, { config, entities, onSave: handleSave, onCancel: closeDrawer });
|
|
8360
8409
|
case "group":
|
|
8361
|
-
return /* @__PURE__ */ jsx(GroupNodeConfigForm, { config, onSave: handleSave, onCancel:
|
|
8410
|
+
return /* @__PURE__ */ jsx(GroupNodeConfigForm, { config, onSave: handleSave, onCancel: closeDrawer });
|
|
8362
8411
|
default:
|
|
8363
8412
|
return null;
|
|
8364
8413
|
}
|
|
@@ -8367,7 +8416,7 @@ function LogicNodeDrawer({ nodeId, nodeLabel, config, open, onClose, onSave, ent
|
|
|
8367
8416
|
WorkspaceDrawer,
|
|
8368
8417
|
{
|
|
8369
8418
|
open,
|
|
8370
|
-
onClose,
|
|
8419
|
+
onClose: closeDrawer,
|
|
8371
8420
|
title,
|
|
8372
8421
|
subtitle: nodeLabel,
|
|
8373
8422
|
icon: IconComponent ? /* @__PURE__ */ jsx(IconComponent, { className: "h-5 w-5 text-white" }) : void 0,
|
|
@@ -8796,23 +8845,26 @@ function WorkflowCanvasInner({
|
|
|
8796
8845
|
isCreatingAgent = false,
|
|
8797
8846
|
nodeTypes: externalNodeTypes,
|
|
8798
8847
|
renderAgentDrawer,
|
|
8799
|
-
renderLogicNodeDrawer
|
|
8848
|
+
renderLogicNodeDrawer: _renderLogicNodeDrawer
|
|
8800
8849
|
}) {
|
|
8801
8850
|
const { screenToFlowPosition, getNode, toObject, fitView, zoomIn, zoomOut, zoomTo } = useReactFlow();
|
|
8802
8851
|
const tWorkflow = useTranslations("agents.workflow");
|
|
8803
8852
|
const sortedAgents = useMemo(() => [...agents].sort((agentA, agentB) => (agentA.order ?? 0) - (agentB.order ?? 0)), [agents]);
|
|
8804
8853
|
const [selectedAgentId, setSelectedAgentId] = useState(null);
|
|
8805
|
-
const
|
|
8806
|
-
const
|
|
8807
|
-
|
|
8808
|
-
|
|
8809
|
-
|
|
8810
|
-
|
|
8811
|
-
|
|
8812
|
-
|
|
8813
|
-
|
|
8814
|
-
|
|
8815
|
-
|
|
8854
|
+
const openAgentDrawerAction = useDrawerStore((s) => s.openAgentDrawer);
|
|
8855
|
+
const openLogicNodeDrawerAction = useDrawerStore((s) => s.openLogicNodeDrawer);
|
|
8856
|
+
const closeDrawerAction = useDrawerStore((s) => s.closeDrawer);
|
|
8857
|
+
const activeDrawer = useDrawerStore((s) => s.activeDrawer);
|
|
8858
|
+
const drawerOpen = activeDrawer === "agent";
|
|
8859
|
+
useEffect(() => {
|
|
8860
|
+
if (isCreatingAgent) {
|
|
8861
|
+
openAgentDrawerAction(
|
|
8862
|
+
{ agentId: "", name: "", order: 0, enabled: true, temperature: 0.7, maxTokens: 4096 },
|
|
8863
|
+
models,
|
|
8864
|
+
true
|
|
8865
|
+
);
|
|
8866
|
+
}
|
|
8867
|
+
}, [isCreatingAgent]);
|
|
8816
8868
|
const graphChangeTimerRef = useRef(null);
|
|
8817
8869
|
const insertNodeOnEdgeRef = useRef(() => {
|
|
8818
8870
|
});
|
|
@@ -8849,9 +8901,16 @@ function WorkflowCanvasInner({
|
|
|
8849
8901
|
const setLayoutDirection = useWorkflowStore((s) => s.setLayoutDirection);
|
|
8850
8902
|
const [editingLogicNodeId, setEditingLogicNodeId] = useState(null);
|
|
8851
8903
|
const handleEditLogicNode = useCallback((nodeId) => {
|
|
8852
|
-
closeAllDrawers();
|
|
8853
8904
|
setEditingLogicNodeId(nodeId);
|
|
8854
|
-
|
|
8905
|
+
const node = getNode(nodeId);
|
|
8906
|
+
if (node) {
|
|
8907
|
+
const nodeData = node.data;
|
|
8908
|
+
const config = nodeData.config;
|
|
8909
|
+
if (config) {
|
|
8910
|
+
openLogicNodeDrawerAction(nodeId, nodeData.label ?? "", config);
|
|
8911
|
+
}
|
|
8912
|
+
}
|
|
8913
|
+
}, [getNode, openLogicNodeDrawerAction]);
|
|
8855
8914
|
const agentMap = useMemo(() => {
|
|
8856
8915
|
const map = /* @__PURE__ */ new Map();
|
|
8857
8916
|
for (const agent of agents) {
|
|
@@ -8935,8 +8994,7 @@ function WorkflowCanvasInner({
|
|
|
8935
8994
|
selected: selectedAgentId === savedNode.id,
|
|
8936
8995
|
onSelect: () => {
|
|
8937
8996
|
setSelectedAgentId(agent.agentId);
|
|
8938
|
-
|
|
8939
|
-
openAgentDrawer(agent, models);
|
|
8997
|
+
openAgentDrawerAction(agent, models);
|
|
8940
8998
|
},
|
|
8941
8999
|
onRemoveFromCanvas: handleRemoveNodeFromCanvas
|
|
8942
9000
|
}
|
|
@@ -9285,11 +9343,9 @@ function WorkflowCanvasInner({
|
|
|
9285
9343
|
if (!targetNode) return;
|
|
9286
9344
|
if (targetNode.type === "agent") {
|
|
9287
9345
|
const agent = targetNode.data?.agent;
|
|
9288
|
-
|
|
9289
|
-
|
|
9290
|
-
|
|
9291
|
-
setDrawerOpen(true);
|
|
9292
|
-
openAgentDrawer(agent, models);
|
|
9346
|
+
if (agent) {
|
|
9347
|
+
setSelectedAgentId(agent.agentId ?? agent.id ?? null);
|
|
9348
|
+
openAgentDrawerAction(agent, models);
|
|
9293
9349
|
}
|
|
9294
9350
|
} else if (targetNode.type === "tool") {
|
|
9295
9351
|
const tool = targetNode.data?.tool;
|
|
@@ -9299,7 +9355,7 @@ function WorkflowCanvasInner({
|
|
|
9299
9355
|
} else {
|
|
9300
9356
|
handleEditLogicNode(nodeId);
|
|
9301
9357
|
}
|
|
9302
|
-
}, [nodes, setSelectedAgentId,
|
|
9358
|
+
}, [nodes, setSelectedAgentId, openAgentDrawerAction, models, onEditTool, onEditRule, handleEditLogicNode]);
|
|
9303
9359
|
const DUPLICATE_OFFSET = 40;
|
|
9304
9360
|
const contextMenuDuplicateNode = useCallback((nodeId) => {
|
|
9305
9361
|
storeTakeSnapshot();
|
|
@@ -9780,8 +9836,7 @@ function WorkflowCanvasInner({
|
|
|
9780
9836
|
selected: false,
|
|
9781
9837
|
onSelect: () => {
|
|
9782
9838
|
setSelectedAgentId(agent.agentId);
|
|
9783
|
-
|
|
9784
|
-
openAgentDrawer(agent, models);
|
|
9839
|
+
openAgentDrawerAction(agent, models);
|
|
9785
9840
|
},
|
|
9786
9841
|
onRemoveFromCanvas: handleRemoveNodeFromCanvas
|
|
9787
9842
|
}
|
|
@@ -10076,7 +10131,7 @@ function WorkflowCanvasInner({
|
|
|
10076
10131
|
const handleEdgeClick = useCallback(() => {
|
|
10077
10132
|
closeContextMenu();
|
|
10078
10133
|
}, [closeContextMenu]);
|
|
10079
|
-
|
|
10134
|
+
useMemo(() => {
|
|
10080
10135
|
if (!editingLogicNodeId) return null;
|
|
10081
10136
|
const node = nodes.find((matchingNode) => matchingNode.id === editingLogicNodeId);
|
|
10082
10137
|
if (!node) return null;
|
|
@@ -10229,28 +10284,28 @@ function WorkflowCanvasInner({
|
|
|
10229
10284
|
open: drawerOpen || isCreatingAgent,
|
|
10230
10285
|
isCreateMode: isCreatingAgent,
|
|
10231
10286
|
onClose: () => {
|
|
10232
|
-
|
|
10233
|
-
|
|
10234
|
-
|
|
10235
|
-
}
|
|
10287
|
+
closeDrawerAction();
|
|
10288
|
+
setSelectedAgentId(null);
|
|
10289
|
+
if (isCreatingAgent) onCancelCreateAgent?.();
|
|
10236
10290
|
},
|
|
10237
10291
|
onSaved: () => {
|
|
10238
|
-
|
|
10239
|
-
|
|
10240
|
-
|
|
10241
|
-
}
|
|
10292
|
+
closeDrawerAction();
|
|
10293
|
+
setSelectedAgentId(null);
|
|
10294
|
+
if (isCreatingAgent) onCancelCreateAgent?.();
|
|
10242
10295
|
onAgentSaved?.();
|
|
10243
10296
|
}
|
|
10244
10297
|
}),
|
|
10245
|
-
|
|
10246
|
-
|
|
10247
|
-
|
|
10248
|
-
|
|
10249
|
-
|
|
10250
|
-
|
|
10251
|
-
|
|
10252
|
-
|
|
10253
|
-
|
|
10298
|
+
/* @__PURE__ */ jsx(
|
|
10299
|
+
LogicNodeDrawer,
|
|
10300
|
+
{
|
|
10301
|
+
onSave: (nodeId, config) => {
|
|
10302
|
+
handleSaveLogicNodeConfig(nodeId, config);
|
|
10303
|
+
closeDrawerAction();
|
|
10304
|
+
setEditingLogicNodeId(null);
|
|
10305
|
+
},
|
|
10306
|
+
entities: allEntities
|
|
10307
|
+
}
|
|
10308
|
+
)
|
|
10254
10309
|
] });
|
|
10255
10310
|
}
|
|
10256
10311
|
function WorkflowCanvas(props) {
|
|
@@ -10928,18 +10983,25 @@ function ResultsTab({ agentId, t }) {
|
|
|
10928
10983
|
] })
|
|
10929
10984
|
] });
|
|
10930
10985
|
}
|
|
10931
|
-
function AgentDrawer({
|
|
10986
|
+
function AgentDrawer({ onSaved }) {
|
|
10932
10987
|
const t = useTranslations("agents.workflow");
|
|
10988
|
+
const activeDrawer = useDrawerStore((s) => s.activeDrawer);
|
|
10989
|
+
const agentData = useDrawerStore((s) => s.agentData);
|
|
10990
|
+
const closeDrawer = useDrawerStore((s) => s.closeDrawer);
|
|
10991
|
+
const open = activeDrawer === "agent";
|
|
10992
|
+
const agent = agentData?.agent ?? null;
|
|
10993
|
+
const models = agentData?.models ?? [];
|
|
10994
|
+
const isCreateMode = agentData?.isCreateMode ?? false;
|
|
10933
10995
|
const [activeTab, setActiveTab] = useState("config");
|
|
10934
|
-
const [selectedModelId, setSelectedModelId] = useState(
|
|
10935
|
-
const [selectedFramework, setSelectedFramework] = useState(
|
|
10936
|
-
const [temperature, setTemperature] = useState(
|
|
10937
|
-
const [elo, setElo] = useState(
|
|
10938
|
-
const [saved, setSaved] = useState(
|
|
10996
|
+
const [selectedModelId, setSelectedModelId] = useState("");
|
|
10997
|
+
const [selectedFramework, setSelectedFramework] = useState("custom");
|
|
10998
|
+
const [temperature, setTemperature] = useState(0.7);
|
|
10999
|
+
const [elo, setElo] = useState(1e3);
|
|
11000
|
+
const [saved, setSaved] = useState(true);
|
|
10939
11001
|
const agentId = agent?.agentId ?? agent?.id ?? "";
|
|
10940
11002
|
useEffect(() => {
|
|
10941
11003
|
if (!agent) return;
|
|
10942
|
-
setSelectedModelId(agent.modelId ?? "");
|
|
11004
|
+
setSelectedModelId(agent.modelId ?? models[0]?.id ?? "");
|
|
10943
11005
|
setSelectedFramework(String(agent.framework ?? "custom"));
|
|
10944
11006
|
setTemperature(agent.temperature ?? 0.7);
|
|
10945
11007
|
setElo(Number(agent.elo ?? 1e3));
|
|
@@ -10950,11 +11012,11 @@ function AgentDrawer({ agent, models, open, isCreateMode = false, onClose, onSav
|
|
|
10950
11012
|
const markDirty = useCallback(() => setSaved(false), []);
|
|
10951
11013
|
const markSaved = useCallback(() => setSaved(true), []);
|
|
10952
11014
|
const handleClose = useCallback(() => {
|
|
10953
|
-
|
|
10954
|
-
}, [
|
|
11015
|
+
closeDrawer();
|
|
11016
|
+
}, [closeDrawer]);
|
|
10955
11017
|
const handleMarkSaved = useCallback(() => {
|
|
10956
11018
|
markSaved();
|
|
10957
|
-
onSaved();
|
|
11019
|
+
onSaved?.();
|
|
10958
11020
|
}, [markSaved, onSaved]);
|
|
10959
11021
|
if (!agent) return null;
|
|
10960
11022
|
const tabs = /* @__PURE__ */ jsx("div", { className: "flex border-b border-white/20 dark:border-white/10", children: ["config", "results"].map((tab) => /* @__PURE__ */ jsx(
|
|
@@ -11261,21 +11323,21 @@ function SubworkflowDrawer({ onSaved, onMaximize }) {
|
|
|
11261
11323
|
}
|
|
11262
11324
|
);
|
|
11263
11325
|
}
|
|
11264
|
-
function PipelineSettingsDrawer({
|
|
11265
|
-
open,
|
|
11266
|
-
onClose,
|
|
11267
|
-
name,
|
|
11268
|
-
description,
|
|
11269
|
-
onSave
|
|
11270
|
-
}) {
|
|
11326
|
+
function PipelineSettingsDrawer({ onSave }) {
|
|
11271
11327
|
const t = useTranslations("agents.workflow");
|
|
11272
|
-
const
|
|
11273
|
-
const
|
|
11328
|
+
const activeDrawer = useDrawerStore((s) => s.activeDrawer);
|
|
11329
|
+
const data = useDrawerStore((s) => s.pipelineSettingsData);
|
|
11330
|
+
const closeDrawer = useDrawerStore((s) => s.closeDrawer);
|
|
11331
|
+
const open = activeDrawer === "pipeline-settings";
|
|
11332
|
+
const [nameValue, setNameValue] = useState("");
|
|
11333
|
+
const [descriptionValue, setDescriptionValue] = useState("");
|
|
11274
11334
|
const [isSaving, setIsSaving] = useState(false);
|
|
11275
11335
|
useEffect(() => {
|
|
11276
|
-
|
|
11277
|
-
|
|
11278
|
-
|
|
11336
|
+
if (data) {
|
|
11337
|
+
setNameValue(data.name);
|
|
11338
|
+
setDescriptionValue(data.description);
|
|
11339
|
+
}
|
|
11340
|
+
}, [data]);
|
|
11279
11341
|
const handleSubmit = async (event) => {
|
|
11280
11342
|
event.preventDefault();
|
|
11281
11343
|
const trimmedName = nameValue.trim();
|
|
@@ -11283,7 +11345,7 @@ function PipelineSettingsDrawer({
|
|
|
11283
11345
|
setIsSaving(true);
|
|
11284
11346
|
try {
|
|
11285
11347
|
await onSave(trimmedName, descriptionValue.trim());
|
|
11286
|
-
|
|
11348
|
+
closeDrawer();
|
|
11287
11349
|
} catch {
|
|
11288
11350
|
} finally {
|
|
11289
11351
|
setIsSaving(false);
|
|
@@ -11293,7 +11355,7 @@ function PipelineSettingsDrawer({
|
|
|
11293
11355
|
WorkspaceDrawer,
|
|
11294
11356
|
{
|
|
11295
11357
|
open,
|
|
11296
|
-
onClose,
|
|
11358
|
+
onClose: closeDrawer,
|
|
11297
11359
|
title: t("pipelineSettings"),
|
|
11298
11360
|
subtitle: t("pipelineSettingsSubtitle"),
|
|
11299
11361
|
icon: /* @__PURE__ */ jsx(Cog6ToothIcon, { className: "h-5 w-5 text-white" }),
|
|
@@ -13681,6 +13743,6 @@ var AgentToolFlowNode = memo(function AgentToolFlowNode2({ id, data, selected })
|
|
|
13681
13743
|
] });
|
|
13682
13744
|
});
|
|
13683
13745
|
|
|
13684
|
-
export { AgentDrawer, AgentFlowNode, AgentToolFlowNode, AmazonNovaIcon, AnswerFlowNode, AnthropicIcon, AnthropicModelIcon, AutoSaveWorkspace, CodeFlowNode, CrewAIIcon, DocumentExtractorFlowNode, DslExportModal, DslImportModal, DynamicIslandConfirm2 as DynamicIslandConfirm, EndFlowNode, EntityFlowNode, FRAMEWORK_META, GoogleADKIcon, GraphNodeBadge, GraphNodeHeader, GraphNodeIconBubble, GraphNodeMeta, GroupFlowNode, HttpRequestFlowNode, IfElseFlowNode, IterationFlowNode, IterationStartFlowNode, KnowledgeBaseFlowNode, LOGIC_ICON_MAP, LOGIC_NODE_BADGE_COLORS, LOGIC_NODE_GRADIENTS, LOGIC_NODE_HANDLE_COLORS, LangChainIcon, ListOperatorFlowNode, LogicNodeDrawer, MINIMAP_NODE_COLORS, MetaLlamaIcon, NodeCard, NodeContextMenu, NodePalette, NoteFlowNode, OpenAIIcon, PanelContextMenu, ParameterExtractorFlowNode, PipelineSettingsDrawer, PreviewPanel, QuestionClassifierFlowNode, RuleFlowNode, RunInputDialog, RunPanel, SaveStatusBadge, SelectionContextMenu, StartFlowNode, StrandsIcon, SubworkflowDrawer, TemplateTransformFlowNode, ToolFlowNode, VariableAggregatorFlowNode, VariableAssignerFlowNode, VariableInspector, VersionHistoryPanel, WorkflowBuilderProvider, WorkflowListBar, Workspace, WorkspaceDrawer, applyDagreLayout, createDefaultLogicNodeConfig, getCompatibleModels, getDefaultFrameworkForModel, getEntityBadgeColor, getEntityGradient, getEntityHandleColor, getEntityIcon, getEntityMinimapColor, getFrameworkMeta, getModelIcon, isModelCompatibleWithFramework, topologicalSortAgents, useCanRedo, useCanUndo, useCanvasShortcuts, useClipboard, useContextMenu, useEditingNodeId, useHasCopied, useHelpLines, useIsRunning, useNodeResults, useSelectedNodeCount, useSubworkflowStore, useUndoRedo, useWorkflowBuilderClient, useWorkflowBuilderClientOptional, useWorkflowStore, validateWorkflowGraph };
|
|
13746
|
+
export { AgentDrawer, AgentFlowNode, AgentToolFlowNode, AmazonNovaIcon, AnswerFlowNode, AnthropicIcon, AnthropicModelIcon, AutoSaveWorkspace, CodeFlowNode, CrewAIIcon, DocumentExtractorFlowNode, DslExportModal, DslImportModal, DynamicIslandConfirm2 as DynamicIslandConfirm, EndFlowNode, EntityFlowNode, FRAMEWORK_META, GoogleADKIcon, GraphNodeBadge, GraphNodeHeader, GraphNodeIconBubble, GraphNodeMeta, GroupFlowNode, HttpRequestFlowNode, IfElseFlowNode, IterationFlowNode, IterationStartFlowNode, KnowledgeBaseFlowNode, LOGIC_ICON_MAP, LOGIC_NODE_BADGE_COLORS, LOGIC_NODE_GRADIENTS, LOGIC_NODE_HANDLE_COLORS, LangChainIcon, ListOperatorFlowNode, LogicNodeDrawer, MINIMAP_NODE_COLORS, MetaLlamaIcon, NodeCard, NodeContextMenu, NodePalette, NoteFlowNode, OpenAIIcon, PanelContextMenu, ParameterExtractorFlowNode, PipelineSettingsDrawer, PreviewPanel, QuestionClassifierFlowNode, RuleFlowNode, RunInputDialog, RunPanel, SaveStatusBadge, SelectionContextMenu, StartFlowNode, StrandsIcon, SubworkflowDrawer, TemplateTransformFlowNode, ToolFlowNode, VariableAggregatorFlowNode, VariableAssignerFlowNode, VariableInspector, VersionHistoryPanel, WorkflowBuilderProvider, WorkflowListBar, Workspace, WorkspaceDrawer, applyDagreLayout, createDefaultLogicNodeConfig, getCompatibleModels, getDefaultFrameworkForModel, getEntityBadgeColor, getEntityGradient, getEntityHandleColor, getEntityIcon, getEntityMinimapColor, getFrameworkMeta, getModelIcon, isModelCompatibleWithFramework, topologicalSortAgents, useCanRedo, useCanUndo, useCanvasShortcuts, useClipboard, useContextMenu, useDrawerStore, useEditingNodeId, useHasCopied, useHelpLines, useIsRunning, useNodeResults, useSelectedNodeCount, useSubworkflowStore, useUndoRedo, useWorkflowBuilderClient, useWorkflowBuilderClientOptional, useWorkflowStore, validateWorkflowGraph };
|
|
13685
13747
|
//# sourceMappingURL=index.mjs.map
|
|
13686
13748
|
//# sourceMappingURL=index.mjs.map
|