{ "id": "ai-tool-beam", "name": "Agent Tool Beams", "width": 480, "height": 320, "cornerRadius": 24, "deviceFrame": "none", "fit": "Contain", "backgroundColor": "#0d0e12", "backgroundVisible": true, "opacity": 1, "x": -240, "y": -160, "objects": [ { "id": "bg", "name": "Stage Background", "type": "Shape", "transform": { "x": 240, "y": 160, "rotation": 0, "scale_x": 1, "scale_y": 1, "opacity": 1 }, "geometry": { "type": "Rectangle", "width": 480, "height": 320, "cornerRadius": 24 }, "style": { "fill": { "type": "Solid", "color": "#0d0e12", "opacity": 1 }, "stroke": { "color": "transparent", "width": 0 } }, "zIndex": 0, "isVisible": true }, { "id": "group_pipeline", "name": "Agent Pipeline", "type": "Group", "transform": { "x": 240, "y": 160, "rotation": 0, "scale_x": 1, "scale_y": 1, "opacity": 1 }, "width": 480, "height": 320, "clipContent": false, "geometry": { "type": "Rectangle", "width": 480, "height": 320 }, "style": { "fill": { "type": "None", "color": "transparent", "opacity": 0 } }, "children": [ "beam_prompt", "beam_browser", "beam_code", "beam_db", "pulse_prompt", "pulse_browser", "pulse_code", "pulse_db", "node_llm_halo", "node_llm_core", "node_prompt", "node_browser", "node_code", "node_db", "lbl_prompt", "lbl_llm", "lbl_browser", "lbl_code", "lbl_db" ], "zIndex": 1, "isVisible": true }, { "id": "beam_prompt", "name": "Beam · Prompt to LLM", "type": "Shape", "parentId": "group_pipeline", "children": [], "logicProperties": [ { "id": "lp-b0-stroke", "name": "stroke", "valueType": "variable", "variableId": "sv_primary" } ], "transform": { "x": 0, "y": 0, "rotation": 0, "scale_x": 1, "scale_y": 1, "opacity": 1 }, "geometry": { "type": "Path", "data": "M -145 0 L -26 0" }, "style": { "fill": { "type": "None", "opacity": 1 }, "stroke": { "type": "Solid", "color": "#ff5a36", "width": 3, "lineCap": "round", "opacity": 0.9 } }, "zIndex": 2, "isVisible": true }, { "id": "beam_browser", "name": "Beam · LLM to Browser", "type": "Shape", "parentId": "group_pipeline", "children": [], "logicProperties": [ { "id": "lp-b1-stroke", "name": "stroke", "valueType": "variable", "variableId": "sv_primary" } ], "transform": { "x": 0, "y": 0, "rotation": 0, "scale_x": 1, "scale_y": 1, "opacity": 1 }, "geometry": { "type": "Path", "data": "M 26 0 C 85 0, 85 -95, 145 -95" }, "style": { "fill": { "type": "None", "opacity": 1 }, "stroke": { "type": "Solid", "color": "#ff5a36", "width": 2.5, "lineCap": "round", "opacity": 0.85 } }, "zIndex": 3, "isVisible": true }, { "id": "beam_code", "name": "Beam · LLM to Code Exec", "type": "Shape", "parentId": "group_pipeline", "children": [], "logicProperties": [ { "id": "lp-b2-stroke", "name": "stroke", "valueType": "variable", "variableId": "sv_primary" } ], "transform": { "x": 0, "y": 0, "rotation": 0, "scale_x": 1, "scale_y": 1, "opacity": 1 }, "geometry": { "type": "Path", "data": "M 26 0 L 145 0" }, "style": { "fill": { "type": "None", "opacity": 1 }, "stroke": { "type": "Solid", "color": "#ff5a36", "width": 2.5, "lineCap": "round", "opacity": 0.85 } }, "zIndex": 4, "isVisible": true }, { "id": "beam_db", "name": "Beam · LLM to Vector DB", "type": "Shape", "parentId": "group_pipeline", "children": [], "logicProperties": [ { "id": "lp-b3-stroke", "name": "stroke", "valueType": "variable", "variableId": "sv_primary" } ], "transform": { "x": 0, "y": 0, "rotation": 0, "scale_x": 1, "scale_y": 1, "opacity": 1 }, "geometry": { "type": "Path", "data": "M 26 0 C 85 0, 85 95, 145 95" }, "style": { "fill": { "type": "None", "opacity": 1 }, "stroke": { "type": "Solid", "color": "#ff5a36", "width": 2.5, "lineCap": "round", "opacity": 0.85 } }, "zIndex": 5, "isVisible": true }, { "id": "pulse_prompt", "name": "Pulse · Prompt Flow", "type": "Shape", "parentId": "group_pipeline", "children": [], "transform": { "x": -145, "y": 0, "rotation": 0, "scale_x": 1, "scale_y": 1, "opacity": 1 }, "geometry": { "type": "Path", "data": "M 0 -5 A 5 5 0 1 0 0 5 A 5 5 0 1 0 0 -5 Z" }, "style": { "fill": { "type": "Solid", "color": "#ffffff", "opacity": 1 }, "stroke": { "type": "Solid", "color": "#ff5a36", "width": 2 } }, "zIndex": 6, "isVisible": true }, { "id": "pulse_browser", "name": "Pulse · Browser Packet", "type": "Shape", "parentId": "group_pipeline", "children": [], "transform": { "x": 26, "y": 0, "rotation": 0, "scale_x": 1, "scale_y": 1, "opacity": 1 }, "geometry": { "type": "Path", "data": "M 0 -5 A 5 5 0 1 0 0 5 A 5 5 0 1 0 0 -5 Z" }, "style": { "fill": { "type": "Solid", "color": "#ffffff", "opacity": 1 }, "stroke": { "type": "Solid", "color": "#06b6d4", "width": 2 } }, "zIndex": 7, "isVisible": true }, { "id": "pulse_code", "name": "Pulse · Code Packet", "type": "Shape", "parentId": "group_pipeline", "children": [], "transform": { "x": 26, "y": 0, "rotation": 0, "scale_x": 1, "scale_y": 1, "opacity": 1 }, "geometry": { "type": "Path", "data": "M 0 -5 A 5 5 0 1 0 0 5 A 5 5 0 1 0 0 -5 Z" }, "style": { "fill": { "type": "Solid", "color": "#ffffff", "opacity": 1 }, "stroke": { "type": "Solid", "color": "#06b6d4", "width": 2 } }, "zIndex": 8, "isVisible": true }, { "id": "pulse_db", "name": "Pulse · Vector DB Packet", "type": "Shape", "parentId": "group_pipeline", "children": [], "transform": { "x": 26, "y": 0, "rotation": 0, "scale_x": 1, "scale_y": 1, "opacity": 1 }, "geometry": { "type": "Path", "data": "M 0 -5 A 5 5 0 1 0 0 5 A 5 5 0 1 0 0 -5 Z" }, "style": { "fill": { "type": "Solid", "color": "#ffffff", "opacity": 1 }, "stroke": { "type": "Solid", "color": "#06b6d4", "width": 2 } }, "zIndex": 9, "isVisible": true }, { "id": "node_llm_halo", "name": "LLM Core Halo", "type": "Shape", "parentId": "group_pipeline", "children": [], "logicProperties": [ { "id": "lp-halo-stroke", "name": "stroke", "valueType": "variable", "variableId": "sv_primary" } ], "transform": { "x": 0, "y": 0, "rotation": 0, "scale_x": 1, "scale_y": 1, "opacity": 0.35 }, "geometry": { "type": "Path", "data": "M 0 -38 A 38 38 0 1 0 0 38 A 38 38 0 1 0 0 -38 Z" }, "style": { "fill": { "type": "Solid", "color": "#ff5a36", "opacity": 0.15 }, "stroke": { "type": "Solid", "color": "#ff5a36", "width": 1.5, "opacity": 0.5 } }, "zIndex": 10, "isVisible": true }, { "id": "node_llm_core", "name": "Node · LLM Core", "type": "Shape", "parentId": "group_pipeline", "children": [], "logicProperties": [ { "id": "lp-core-fill", "name": "fill", "valueType": "variable", "variableId": "sv_primary" } ], "transform": { "x": 0, "y": 0, "rotation": 0, "scale_x": 1, "scale_y": 1, "opacity": 1 }, "geometry": { "type": "Path", "data": "M 0 -24 A 24 24 0 1 0 0 24 A 24 24 0 1 0 0 -24 Z" }, "style": { "fill": { "type": "Solid", "color": "#ff5a36", "opacity": 1 }, "stroke": { "type": "Solid", "color": "#ffffff", "width": 2.5, "opacity": 1 } }, "zIndex": 11, "isVisible": true }, { "id": "node_prompt", "name": "Node · Prompt Input", "type": "Shape", "parentId": "group_pipeline", "children": [], "transform": { "x": -165, "y": 0, "rotation": 0, "scale_x": 1, "scale_y": 1, "opacity": 1 }, "geometry": { "type": "Path", "data": "M 0 -18 A 18 18 0 1 0 0 18 A 18 18 0 1 0 0 -18 Z" }, "style": { "fill": { "type": "Solid", "color": "#1a1b23", "opacity": 1 }, "stroke": { "type": "Solid", "color": "#ff5a36", "width": 2, "opacity": 1 } }, "zIndex": 12, "isVisible": true }, { "id": "node_browser", "name": "Node · Web Browser", "type": "Shape", "parentId": "group_pipeline", "children": [], "logicProperties": [ { "id": "lp-nb-stroke", "name": "stroke", "valueType": "variable", "variableId": "sv_secondary" } ], "transform": { "x": 165, "y": -95, "rotation": 0, "scale_x": 1, "scale_y": 1, "opacity": 1 }, "geometry": { "type": "Path", "data": "M 0 -18 A 18 18 0 1 0 0 18 A 18 18 0 1 0 0 -18 Z" }, "style": { "fill": { "type": "Solid", "color": "#1a1b23", "opacity": 1 }, "stroke": { "type": "Solid", "color": "#06b6d4", "width": 2, "opacity": 1 } }, "zIndex": 13, "isVisible": true }, { "id": "node_code", "name": "Node · Code Exec", "type": "Shape", "parentId": "group_pipeline", "children": [], "logicProperties": [ { "id": "lp-nc-stroke", "name": "stroke", "valueType": "variable", "variableId": "sv_secondary" } ], "transform": { "x": 165, "y": 0, "rotation": 0, "scale_x": 1, "scale_y": 1, "opacity": 1 }, "geometry": { "type": "Path", "data": "M 0 -18 A 18 18 0 1 0 0 18 A 18 18 0 1 0 0 -18 Z" }, "style": { "fill": { "type": "Solid", "color": "#1a1b23", "opacity": 1 }, "stroke": { "type": "Solid", "color": "#06b6d4", "width": 2, "opacity": 1 } }, "zIndex": 14, "isVisible": true }, { "id": "node_db", "name": "Node · Vector DB", "type": "Shape", "parentId": "group_pipeline", "children": [], "logicProperties": [ { "id": "lp-nd-stroke", "name": "stroke", "valueType": "variable", "variableId": "sv_secondary" } ], "transform": { "x": 165, "y": 95, "rotation": 0, "scale_x": 1, "scale_y": 1, "opacity": 1 }, "geometry": { "type": "Path", "data": "M 0 -18 A 18 18 0 1 0 0 18 A 18 18 0 1 0 0 -18 Z" }, "style": { "fill": { "type": "Solid", "color": "#1a1b23", "opacity": 1 }, "stroke": { "type": "Solid", "color": "#06b6d4", "width": 2, "opacity": 1 } }, "zIndex": 15, "isVisible": true }, { "id": "lbl_prompt", "name": "Label · Prompt", "type": "Shape", "parentId": "group_pipeline", "children": [], "transform": { "x": -165, "y": 30, "rotation": 0, "scale_x": 1, "scale_y": 1, "opacity": 1 }, "geometry": { "type": "Text", "text": "Prompt Input", "fontSize": 11, "fontFamily": "Inter", "fontWeight": 500, "textAlign": "center", "width": 100 }, "style": { "fill": { "type": "Solid", "color": "#94a3b8", "opacity": 1 } }, "zIndex": 16, "isVisible": true }, { "id": "lbl_llm", "name": "Label · LLM", "type": "Shape", "parentId": "group_pipeline", "children": [], "transform": { "x": 0, "y": 36, "rotation": 0, "scale_x": 1, "scale_y": 1, "opacity": 1 }, "geometry": { "type": "Text", "text": "LLM Core", "fontSize": 12, "fontFamily": "Inter", "fontWeight": 600, "textAlign": "center", "width": 100 }, "style": { "fill": { "type": "Solid", "color": "#ffffff", "opacity": 1 } }, "zIndex": 17, "isVisible": true }, { "id": "lbl_browser", "name": "Label · Web Browser", "type": "Shape", "parentId": "group_pipeline", "children": [], "transform": { "x": 165, "y": -65, "rotation": 0, "scale_x": 1, "scale_y": 1, "opacity": 1 }, "geometry": { "type": "Text", "text": "Web Browser", "fontSize": 11, "fontFamily": "Inter", "fontWeight": 500, "textAlign": "center", "width": 100 }, "style": { "fill": { "type": "Solid", "color": "#94a3b8", "opacity": 1 } }, "zIndex": 18, "isVisible": true }, { "id": "lbl_code", "name": "Label · Code Exec", "type": "Shape", "parentId": "group_pipeline", "children": [], "transform": { "x": 165, "y": 30, "rotation": 0, "scale_x": 1, "scale_y": 1, "opacity": 1 }, "geometry": { "type": "Text", "text": "Code Exec", "fontSize": 11, "fontFamily": "Inter", "fontWeight": 500, "textAlign": "center", "width": 100 }, "style": { "fill": { "type": "Solid", "color": "#94a3b8", "opacity": 1 } }, "zIndex": 19, "isVisible": true }, { "id": "lbl_db", "name": "Label · Vector DB", "type": "Shape", "parentId": "group_pipeline", "children": [], "transform": { "x": 165, "y": 125, "rotation": 0, "scale_x": 1, "scale_y": 1, "opacity": 1 }, "geometry": { "type": "Text", "text": "Vector DB", "fontSize": 11, "fontFamily": "Inter", "fontWeight": 500, "textAlign": "center", "width": 100 }, "style": { "fill": { "type": "Solid", "color": "#94a3b8", "opacity": 1 } }, "zIndex": 20, "isVisible": true } ], "animations": [ { "id": "flow", "name": "Flow & Pulse", "duration": 2, "loop": true, "tracks": [ { "id": "t_core_sx", "object_id": "node_llm_core", "property": "transform.scale_x", "keyframes": [ { "id": "k1", "time": 0, "value": 1 }, { "id": "k2", "time": 1, "value": 1.15 }, { "id": "k3", "time": 2, "value": 1 } ] }, { "id": "t_core_sy", "object_id": "node_llm_core", "property": "transform.scale_y", "keyframes": [ { "id": "k4", "time": 0, "value": 1 }, { "id": "k5", "time": 1, "value": 1.15 }, { "id": "k6", "time": 2, "value": 1 } ] }, { "id": "t_halo_sx", "object_id": "node_llm_halo", "property": "transform.scale_x", "keyframes": [ { "id": "k7", "time": 0, "value": 0.9 }, { "id": "k8", "time": 1, "value": 1.35 }, { "id": "k9", "time": 2, "value": 0.9 } ] }, { "id": "t_halo_sy", "object_id": "node_llm_halo", "property": "transform.scale_y", "keyframes": [ { "id": "k10", "time": 0, "value": 0.9 }, { "id": "k11", "time": 1, "value": 1.35 }, { "id": "k12", "time": 2, "value": 0.9 } ] }, { "id": "t_halo_op", "object_id": "node_llm_halo", "property": "transform.opacity", "keyframes": [ { "id": "k13", "time": 0, "value": 0.2 }, { "id": "k14", "time": 1, "value": 0.55 }, { "id": "k15", "time": 2, "value": 0.2 } ] }, { "id": "t_p_in_x", "object_id": "pulse_prompt", "property": "transform.x", "keyframes": [ { "id": "k16", "time": 0, "value": -145 }, { "id": "k17", "time": 0.8, "value": -26 }, { "id": "k18", "time": 0.81, "value": -145 }, { "id": "k19", "time": 2, "value": -145 } ] }, { "id": "t_p_in_op", "object_id": "pulse_prompt", "property": "transform.opacity", "keyframes": [ { "id": "k20", "time": 0, "value": 1 }, { "id": "k21", "time": 0.75, "value": 1 }, { "id": "k22", "time": 0.8, "value": 0 }, { "id": "k23", "time": 0.9, "value": 0 }, { "id": "k24", "time": 1, "value": 1 } ] }, { "id": "t_pb_x", "object_id": "pulse_browser", "property": "transform.x", "keyframes": [ { "id": "k25", "time": 0.8, "value": 26 }, { "id": "k26", "time": 1.7, "value": 145 }, { "id": "k27", "time": 1.71, "value": 26 } ] }, { "id": "t_pb_y", "object_id": "pulse_browser", "property": "transform.y", "keyframes": [ { "id": "k28", "time": 0.8, "value": 0 }, { "id": "k29", "time": 1.7, "value": -95 }, { "id": "k30", "time": 1.71, "value": 0 } ] }, { "id": "t_pc_x", "object_id": "pulse_code", "property": "transform.x", "keyframes": [ { "id": "k31", "time": 0.9, "value": 26 }, { "id": "k32", "time": 1.8, "value": 145 }, { "id": "k33", "time": 1.81, "value": 26 } ] }, { "id": "t_pd_x", "object_id": "pulse_db", "property": "transform.x", "keyframes": [ { "id": "k34", "time": 1, "value": 26 }, { "id": "k35", "time": 1.9, "value": 145 }, { "id": "k36", "time": 1.91, "value": 26 } ] }, { "id": "t_pd_y", "object_id": "pulse_db", "property": "transform.y", "keyframes": [ { "id": "k37", "time": 1, "value": 0 }, { "id": "k38", "time": 1.9, "value": 95 }, { "id": "k39", "time": 1.91, "value": 0 } ] }, { "id": "t_nb_sx", "object_id": "node_browser", "property": "transform.scale_x", "keyframes": [ { "id": "k40", "time": 0, "value": 1 }, { "id": "k41", "time": 1.65, "value": 1 }, { "id": "k42", "time": 1.75, "value": 1.3 }, { "id": "k43", "time": 1.95, "value": 1 } ] }, { "id": "t_nb_sy", "object_id": "node_browser", "property": "transform.scale_y", "keyframes": [ { "id": "k44", "time": 0, "value": 1 }, { "id": "k45", "time": 1.65, "value": 1 }, { "id": "k46", "time": 1.75, "value": 1.3 }, { "id": "k47", "time": 1.95, "value": 1 } ] } ] } ], "stateMachine": { "inputs": [ { "id": "in_speed", "name": "speed", "value": { "type": "Number", "value": 1, "defaultValue": 1 } }, { "id": "in_active", "name": "active", "value": { "type": "Boolean", "value": true, "defaultValue": true } } ], "layers": [ { "id": "layer_main", "name": "Main Flow", "entryStateId": "s_flow", "states": [ { "id": "s_flow", "name": "Flowing", "animationId": "flow", "loop": true, "transitions": [] } ] } ], "logicNodes": [] }, "physics": { "enabled": false, "gravity": { "x": 0, "y": 9.8 } }, "animationFlow": [], "navigation": [], "stateVariables": [ { "id": "sv_primary", "name": "primaryColor", "type": "Text", "value": "#ff5a36" }, { "id": "sv_secondary", "name": "secondaryColor", "type": "Text", "value": "#06b6d4" }, { "id": "sv_bg", "name": "backgroundColor", "type": "Text", "value": "#0d0e12" } ] }