(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[383],{39273:function(e,s,a){Promise.resolve().then(a.bind(a,88174))},88174:function(e,s,a){"use strict";a.r(s),a.d(s,{default:function(){return u},dynamic:function(){return p}});var t=a(57437),n=a(71340),l=a(2265),i=a(46816),r=a(91611),c=a(23774),o=a(80105);a(10715);var d=a(43574);let x={agent:function(e){let{data:s,isConnectable:a}=e;return(0,l.useCallback)(e=>{console.log(e.target.value)},[]),(0,t.jsxs)("div",{className:"font-light border-green    text-md border  rounded bg-white",children:[(0,t.jsx)(i.HH,{type:"target",position:i.Ly.Top,isConnectable:a}),(0,t.jsx)("div",{className:"p-2 capitalize   border-b",children:(0,t.jsxs)("span",{className:"capitalize",children:[" ",s.label||"Agent"]})}),(0,t.jsx)("div",{className:"p-2 ",children:(0,t.jsxs)("div",{className:"flex",children:[(0,t.jsx)("label",{className:"mr-2",htmlFor:"name",children:"Name"}),(0,t.jsx)(d.Z,{className:"inline-block nodrag",placeholder:"Basic usage"})]})}),(0,t.jsx)(i.HH,{type:"source",position:i.Ly.Bottom,id:"b",isConnectable:a})]})},chat:function(e){let{data:s,isConnectable:a}=e;return(0,l.useCallback)(e=>{console.log(e.target.value)},[]),(0,t.jsxs)("div",{style:{minHeight:"300px"},className:"font-light border-green    text-md border  rounded bg-white",children:[(0,t.jsx)(i.HH,{type:"target",position:i.Ly.Left,isConnectable:a}),(0,t.jsx)(i.HH,{type:"target",position:i.Ly.Top,isConnectable:a}),(0,t.jsx)("div",{className:"p-2 capitalize   border-b",children:(0,t.jsxs)("span",{className:"capitalize",children:[" ",s.label||"Agent"]})}),(0,t.jsx)("div",{className:"p-2 ",children:(0,t.jsxs)("div",{className:"flex",children:[(0,t.jsx)("label",{className:"mr-2",htmlFor:"name",children:"Name"}),(0,t.jsx)(d.Z,{className:"inline-block nodrag",placeholder:"Basic usage"})]})}),(0,t.jsx)(i.HH,{type:"source",position:i.Ly.Bottom,id:"b",isConnectable:a})]})}};function h(){let[e,s,a]=(0,i.Rr)([{id:"1",position:{x:0,y:0},data:{label:"User Proxy"},type:"agent"},{id:"3",position:{x:300,y:130},data:{label:"Assistant"},type:"agent"},{id:"4",position:{x:700,y:130},data:{label:"Output"},type:"chat"}]),[n,d,h]=(0,i.ll)([{id:"e1-3",source:"1",target:"3"}]),p=(0,l.useCallback)(e=>d(s=>(0,i.Z_)(e,s)),[d]);return(0,t.jsx)("div",{className:"border rounded p-2",children:(0,t.jsx)("div",{style:{width:"100%",height:"calc(100vh - 180px"},children:(0,t.jsxs)(i.x$,{nodes:e,edges:n,onNodesChange:a,onEdgesChange:h,onConnect:p,nodeTypes:x,children:[(0,t.jsx)(r.Z,{}),(0,t.jsx)(c.a,{}),(0,t.jsx)(o.A,{variant:o.T.Dots,gap:12,size:1})]})})})}let p="force-static";function u(){return(0,t.jsxs)("div",{className:"text-md  ",children:[(0,t.jsx)(n.Z,{className:"mb-2",children:"Playground"}),(0,t.jsx)("div",{children:(0,t.jsx)(h,{})})]})}}},function(e){e.O(0,[780,900,526,971,864,744],function(){return e(e.s=39273)}),_N_E=e.O()}]);